#planner-list, #planner-list *, #planner-list *::before, #planner-list *::after { box-sizing: border-box; }
#planner-list { max-width: 80vw; margin: 0 auto; padding: 10rem 16px 80px; }
#planner-list .page-head { display: flex; align-items: center; gap: 12px; padding: 16px 0 24px; border-bottom: 1px solid #eee; margin-bottom: 13px; }
#planner-list .page-head h2 { font-size: clamp(1.2rem, 1rem + 1vw, 1.6rem); font-weight: 600; letter-spacing: .05em; margin: 0; }
#planner-list .page-head .count { color: #888; font-size: 13px; margin-left: auto; }

#planner-list .search-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 0 0 12px; padding-bottom: 12px; border-bottom: 1px solid #eee; }
#planner-list .search-bar .btn-go { display: inline-flex; align-items: center; gap: 10px; margin-left: auto; padding: 10px 22px; background: #1a1a1a; color: #fff; border: 0; border-radius: 8px; font-size: clamp(0.78rem, 0.7rem + 0.3vw, 0.86rem); font-weight: 600; letter-spacing: .06em; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.1); transition: transform .16s ease, box-shadow .16s ease, background .16s ease; }
#planner-list .search-bar .btn-go:hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(0,0,0,.16); background: #000; opacity: 1; }
#planner-list .search-bar .btn-go:active { transform: translateY(0); }
#planner-list .search-bar .btn-go .count { display: none; min-width: 22px; height: 22px; padding: 0 8px; background: rgba(255,255,255,.18); color: #fff; font-size: 0.72rem; font-weight: 700; line-height: 22px; border-radius: 999px; letter-spacing: 0; }
#planner-list .search-bar .btn-go.has-cond .count { display: inline-block; }
#planner-list .search-bar .btn-go.has-cond { background: #1a1a1a; }
#planner-list .search-bar a.tab { position: relative; display: inline-block; padding: 10px 18px; color: #888; text-decoration: none; font-size: clamp(0.78rem, 0.7rem + 0.3vw, 0.86rem); font-weight: 600; letter-spacing: .04em; cursor: pointer; border-radius: 6px; }
#planner-list .search-bar a.tab:hover { color: #1a1a1a; background: #f5f5f5; opacity: 1; }
#planner-list .search-bar a.tab.active { color: #1a1a1a; background: #f0f0f0; }
#planner-list .search-bar a.tab.active::after { content: ""; position: absolute; left: 18px; right: 18px; bottom: -13px; height: 2px; background: #1a1a1a; }
#planner-list .search-bar input[type=text] { flex: 1 1 200px; padding: 10px 14px; border: 1px solid #e5e5e5; border-radius: 8px; font-size: 14px; background: #fff; }

#planner-list .search-panel { background: #fafafa; padding: 28px 24px; border-radius: 12px; margin-bottom: 32px; display: none; border: 1px solid #f0f0f0; }
#planner-list .search-panel.open { display: block; }
#planner-list .search-panel h3 { display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 600; color: #888; margin: 24px 0 14px; letter-spacing: .12em; text-transform: uppercase; }
#planner-list .search-panel h3:first-child { margin-top: 0; }
#planner-list .search-panel h3::before { content: ""; display: inline-block; width: 18px; height: 1px; background: #ccc; }
#planner-list .search-panel .tag-group { display: flex; flex-wrap: wrap; gap: 6px; max-height: 14rem; overflow-y: auto; overflow-x: hidden; padding: 4px 8px 6px 0; -webkit-overflow-scrolling: touch; mask-image: linear-gradient(180deg, #000 calc(100% - 24px), transparent); -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 24px), transparent); }
#planner-list .search-panel .tag-group::-webkit-scrollbar { width: 6px; }
#planner-list .search-panel .tag-group::-webkit-scrollbar-track { background: transparent; }
#planner-list .search-panel .tag-group::-webkit-scrollbar-thumb { background: #d0d0d0; border-radius: 3px; }
#planner-list .search-panel .tag-group::-webkit-scrollbar-thumb:hover { background: #999; }
#planner-list .search-panel a.tag { display: inline-block; padding: 7px 16px; border: 1px solid #e5e5e5; background: #fff; color: #444; text-decoration: none; font-size: 12.5px; border-radius: 999px; cursor: pointer; line-height: 1.4; }
#planner-list .search-panel a.tag:hover { border-color: #1a1a1a; color: #1a1a1a; background: #fff; opacity: 1; }
#planner-list .search-panel a.tag.active { background: #1a1a1a; color: #fff; border-color: #1a1a1a; }
#planner-list .search-panel a.tag.active:hover { opacity: .9; background: #1a1a1a; color: #fff; }
#planner-list .search-panel #freeword { width: 100%; padding: 12px 16px; border: 1px solid #e5e5e5; border-radius: 8px; font-size: 14px; background: #fff; transition: border-color .16s ease, box-shadow .16s ease; }
#planner-list .search-panel #freeword:focus { outline: none; border-color: #1a1a1a; box-shadow: 0 0 0 3px rgba(26,26,26,.06); }

#planner-list .current-cond { background: #f3f3f3; padding: 1rem 2rem; border-radius: 6px; margin: 2rem 0 1rem; font-size: clamp(0.78rem, 0.7rem + 0.35vw, 0.94rem); line-height: 2; }
#planner-list .current-cond .label { font-weight: 600; margin-right: 8px; }
#planner-list .current-cond a.clear { display: inline-flex; align-items: center; gap: 8px; margin-left: 14px; padding: 4px 14px 4px 8px; font-size: clamp(0.7rem, 0.64rem + 0.2vw, 0.78rem); color: #555; text-decoration: none; border: 1px solid #ddd; border-radius: 999px; background: #fff; letter-spacing: .04em; transition: color .16s ease, border-color .16s ease, background .16s ease; }
#planner-list .current-cond a.clear:hover { color: #1a1a1a; border-color: #1a1a1a; background: #fff; opacity: 1; }
#planner-list .current-cond a.clear .x { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; background: #ccc; color: #fff; font-size: 11px; font-weight: 700; line-height: 1; transition: background .16s ease; }
#planner-list .current-cond a.clear:hover .x { background: #1a1a1a; }
#planner-list .current-cond .tagselect { display: inline-block; padding: 3px 1rem; background: #fff; border: 1px solid #ddd; border-radius: 999px; margin: 0 6px 4px 0; font-size: clamp(0.78rem, 0.7rem + 0.3vw, 0.86rem); font-weight: 600; letter-spacing: 1px; line-height: 1.4; }

#planner-list .planner-card { display: grid; grid-template-columns: 15vw 1fr; gap: 2rem; padding: 24px 0; border-bottom: 1px dotted #e8e8e8; }
#planner-list .planner-card .face img { width: 100%; height: auto; aspect-ratio: 1/1; object-fit: cover; border-radius: 6px; background: #f5f5f5; }
#planner-list .planner-card .info-block { display: grid; gap: 14px; }
#planner-list .planner-card .pname { font-size: 18px; font-weight: 600; margin: 0; letter-spacing: .03em; }
#planner-list .planner-card .pcompany { color: #555; font-size: 13px; margin: 2px 0 1rem; }
#planner-list .planner-card .row { display: grid; grid-template-columns: 36px 1fr; gap: 10px; align-items: start; }
#planner-list .planner-card .row .icon { width: 20px; height: 22px; color: #353535; flex: none; }
#planner-list .planner-card .row .icon svg { width: 100%; height: 100%; display: block; }
#planner-list .planner-card .row h4 { font-size: 0.8rem; color: #6a6a6a; font-weight: 500; margin: 0 0 0.5rem 0; letter-spacing: .04em; }
#planner-list .planner-card .row p { margin: 0; font-size: 14px; line-height: 1.6; color: #222; }
#planner-list .planner-card .bunya a.tag { display: inline-block; padding: 3px 12px; margin: 0 4px 4px 0; border: 1px solid #ddd; background: #fff; color: #333; text-decoration: none; font-size: 12px; border-radius: 999px; }
#planner-list .planner-card .koukn-row { margin-top: 4px; }
#planner-list .planner-card .koukn { position: relative; display: inline-block; padding: 0 0 8px; background: #fff; color: #1a1a1a; font-size: 13px; font-weight: 600; letter-spacing: .04em; margin: 0 0 14px; }
#planner-list .planner-card .koukn::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #1a1a1a; }
#planner-list .planner-card .showtext { max-height: 6rem; overflow: hidden; line-height: 1.7; font-size: clamp(0.78rem, 0.7rem + 0.3vw, 0.86rem); color: #333; }
#planner-list .planner-card .showmore { display: inline-block; margin-top: 4px; color: #6cafc0; font-size: 12px; text-decoration: none; cursor: pointer; }
#planner-list .planner-card .btn-detail { display: block; max-width: 360px; margin: 12px auto 0; padding: 13px 18px; text-align: center; background: #1a1a1a; color: #fff; text-decoration: none; font-size: 13px; font-weight: 600; letter-spacing: .06em; border-radius: 8px; transition: transform .16s ease, box-shadow .16s ease, background .16s ease; }
#planner-list .planner-card .btn-detail:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0,0,0,.12); background: #000; opacity: 1; }

#planner-list .empty { padding: 40px 0; text-align: center; color: #888; font-size: 14px; }

#planner-list .pager-nav { margin: 48px 0 0; display: flex; justify-content: center; }
#planner-list .pager-list { list-style: none; padding: 0; margin: 0; display: inline-flex; gap: 6px; align-items: center; flex-wrap: wrap; justify-content: center; }
#planner-list .pager-item > a, #planner-list .pager-item > span { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 12px; font-size: clamp(0.78rem, 0.7rem + 0.3vw, 0.86rem); font-weight: 500; color: #444; text-decoration: none; background: #fff; border: 1px solid #e8e8e8; border-radius: 8px; line-height: 1; }
#planner-list .pager-item > a:hover { border-color: #1a1a1a; color: #1a1a1a; opacity: 1; }
#planner-list .pager-item .pager-arrow { font-size: 1.1rem; font-weight: 400; }
#planner-list .pager-item.active > span { background: #1a1a1a; color: #fff; border-color: #1a1a1a; font-weight: 600; }
#planner-list .pager-item.disabled > span { color: #ccc; background: #fafafa; cursor: not-allowed; }
#planner-list .pager-item.dots > span { border: 0; background: transparent; color: #aaa; min-width: 24px; padding: 0 4px; }
@media (max-width: 720px) {
  #planner-list .pager-nav { margin: 36px 0 0; }
  #planner-list .pager-list { gap: 4px; }
  #planner-list .pager-item > a, #planner-list .pager-item > span { min-width: 32px; height: 32px; padding: 0 8px; border-radius: 6px; }
}

@media (max-width: 720px) {
  #planner-list { max-width: 90vw; margin: 0 auto; padding: 5rem 16px 80px; }
  #planner-list .planner-card { grid-template-columns: 96px 1fr; gap: 14px; padding: 18px 0; }
  #planner-list .planner-card .pname { font-size: 16px; }
  #planner-list .planner-card .btn-detail { max-width: none; }
  #planner-list .current-cond { padding: .75rem 1rem; margin: 1.25rem 0 .75rem; line-height: 1.8; border-radius: 8px; }
  #planner-list .current-cond .label { display: block; margin: 0 0 6px; }
  #planner-list .current-cond a.clear { margin: 6px 0 0; }
  #planner-list .current-cond .tagselect { padding: 3px 10px; margin: 0 4px 4px 0; }
  #planner-list .search-bar { gap: 6px; padding-bottom: 10px; }
  #planner-list .search-bar a.tab { padding: 8px 12px; }
  #planner-list .search-bar .btn-go { margin-left: 0; width: 100%; order: 10; padding: 12px; margin-top: 6px; justify-content: center; }
  #planner-list .search-bar a.tab.active::after { bottom: -11px; }
  #planner-list .search-panel { padding: 20px 16px; }
  #planner-list .search-panel .tag-group { max-height: 11rem; }
}
#planner-detail, #planner-detail *, #planner-detail *::before, #planner-detail *::after { box-sizing: border-box; }
#planner-detail { max-width: 80vw; margin: 0 auto; padding: 10rem 16px 80px; font-size: clamp(0.78rem, 0.7rem + 0.3vw, 0.86rem); color: #222; }
#planner-detail .head { padding: 16px 0 20px; border-bottom: 1px solid #eee; margin-bottom: 24px; }
#planner-detail .head a.back { display: inline-flex; align-items: center; gap: 6px; font-size: clamp(0.72rem, 0.65rem + 0.25vw, 0.8rem); color: #1a1a1a; text-decoration: none; font-weight: 500; margin: 0 0 14px; letter-spacing: .02em; }
#planner-detail .head a.back:hover { color: #555; opacity: 1; }
#planner-detail .head a.back .arrow { display: inline-block; transition: transform .16s ease; }
#planner-detail .head a.back:hover .arrow { transform: translateX(-3px); }
#planner-detail .head .title-row { display: flex; align-items: baseline; gap: 16px; flex-wrap: wrap; }
#planner-detail .head h2 { margin: 0; font-size: clamp(1.1rem, 0.9rem + 1vw, 1.6rem); font-weight: 600; letter-spacing: .03em; line-height: 1.3; }
#planner-detail .head .company { margin-left: auto; font-size: clamp(0.72rem, 0.65rem + 0.25vw, 0.86rem); color: #666; }

#planner-detail .hero { display: grid; grid-template-columns: 240px 1fr; gap: 40px; margin: 8px 0 48px; }
#planner-detail .hero .face img { width: 100%; height: auto; aspect-ratio: 1/1; object-fit: cover; border-radius: 6px; background: #f5f5f5; }
#planner-detail .hero .baseinfo { display: grid; gap: 16px; }
#planner-detail .hero .row { display: grid; grid-template-columns: 36px 1fr; gap: 10px; align-items: start; }
#planner-detail .hero .row .icon { width: 20px; height: 22px; color: #353535; flex: none; }
#planner-detail .hero .row .icon svg { width: 100%; height: 100%; display: block; }
#planner-detail .hero .row h4 { font-size: clamp(0.72rem, 0.65rem + 0.25vw, 0.8rem); color: #6a6a6a; font-weight: 500; margin: 0 0 0.5rem; letter-spacing: .04em; }
#planner-detail .hero .row p { margin: 0; font-size: clamp(0.78rem, 0.7rem + 0.3vw, 0.86rem); line-height: 1.7; color: #222; }
#planner-detail .hero .row.shien div > div { margin: 0 0 8px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
#planner-detail .hero a.tag { display: inline-block; padding: 5px 14px; margin: 0 4px 4px 0; border: 1px solid #e5e5e5; background: #fff; color: #444; text-decoration: none; font-size: clamp(0.72rem, 0.65rem + 0.25vw, 0.8rem); border-radius: 999px; }
#planner-detail .hero a.tag:hover { border-color: #1a1a1a; color: #1a1a1a; opacity: 1; }
#planner-detail .hero a.tag.shien { min-width: 200px; text-align: center; }
#planner-detail .hero .row.shien span.sub { font-size: clamp(0.72rem, 0.65rem + 0.2vw, 0.78rem); color: #666; }

#planner-detail .kouken-block { background: #fafafa; padding: 40px 36px; border-radius: 14px; margin: 0 0 56px; border: 1px solid #f0f0f0; }
#planner-detail .kouken-block h3 { position: relative; display: inline-block; padding: 0 0 8px; background: transparent; color: #1a1a1a; font-size: clamp(0.86rem, 0.78rem + 0.3vw, 1rem); font-weight: 600; letter-spacing: .04em; margin: 0 0 18px; border-radius: 0; }
#planner-detail .kouken-block h3::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #1a1a1a; }
#planner-detail .kouken-block .body { font-size: clamp(0.78rem, 0.7rem + 0.3vw, 0.86rem); line-height: 1.85; color: #222; }

#planner-detail .tabs .tab-header { display: flex; gap: 4px; border-bottom: 1px solid #eee; margin-bottom: 0; padding: 0 0 0 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
#planner-detail .tabs .tab-header a { padding: 12px 20px; font-size: clamp(0.78rem, 0.7rem + 0.3vw, 0.86rem); font-weight: 500; color: #666; text-decoration: none; background: #fafafa; border: 1px solid #eee; border-bottom: 0; border-radius: 8px 8px 0 0; white-space: nowrap; flex: none; }
#planner-detail .tabs .tab-header a:hover { color: #1a1a1a; background: #f0f0f0; opacity: 1; }
#planner-detail .tabs .tab-header a.active { background: #1a1a1a; color: #fff; border-color: #1a1a1a; font-weight: 600; }
#planner-detail .tabs { margin: 0 0 56px; }
#planner-detail .tabs .tab-content { padding: 32px 0 0; }
#planner-detail .tabs .tab-content h3 { font-size: 0.94rem; font-weight: 600; color: #000000; margin: 3rem 0 2rem; padding-left: 0; letter-spacing: .04em; }
#planner-detail .tabs .tab-content h3:first-child { margin-top: 0; }
#planner-detail .table-scroll { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 12px; border: 1px solid #eee; border-radius: 10px; }
#planner-detail .table-scroll::-webkit-scrollbar { height: 8px; }
#planner-detail .table-scroll::-webkit-scrollbar-track { background: #fafafa; }
#planner-detail .table-scroll::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }
#planner-detail table { width: 100%; min-width: 880px; border-collapse: separate; border-spacing: 0; font-size: clamp(0.74rem, 0.66rem + 0.3vw, 0.84rem); table-layout: fixed; }
#planner-detail table th { background: #fafafa; padding: 12px 12px; font-weight: 600; text-align: left; border-bottom: 1px solid #eee; font-size: clamp(0.7rem, 0.64rem + 0.2vw, 0.78rem); color: #555; letter-spacing: .03em; white-space: nowrap; }
#planner-detail table td { padding: 14px 12px; border-bottom: 1px solid #f0f0f0; vertical-align: top; line-height: 1.7; color: #222; word-break: break-word; }
#planner-detail table tr:last-child td { border-bottom: 0; }
#planner-detail table td.center { text-align: center; white-space: nowrap; color: #444; font-variant-numeric: tabular-nums; }
#planner-detail table col.col-date { width: 130px; }
#planner-detail table col.col-region { width: 130px; }
#planner-detail table col.col-bunya { width: 200px; }
#planner-detail table col.col-cert { width: 130px; }

#planner-detail .pickup-block { margin: 0 0 56px; }
#planner-detail .section-title { margin: 0 0 28px; }
#planner-detail .section-title h3 { font-size: 1.4rem; font-weight: 600; color: #1a1a1a; margin: 0; letter-spacing: .03em; line-height: 3.35; }
#planner-detail .pickup-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px 32px; }
#planner-detail .pickup-grid .item a { display: grid; grid-template-columns: 10rem 1fr; gap: 18px; align-items: center; padding: 4px 0; background: transparent; border: 0; border-radius: 0; text-decoration: none; color: inherit; transition: opacity .16s ease; }
#planner-detail .pickup-grid .item a:hover { opacity: .65; }
#planner-detail .pickup-grid .item img { display: block; width: 10rem; height: 10rem; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 5px; margin: 0; background: #f5f5f5; }
#planner-detail .pickup-grid .item .text { min-width: 0; }
#planner-detail .pickup-grid .item .name { font-size: clamp(0.86rem, 0.78rem + 0.3vw, 0.94rem); font-weight: 600; margin: 0 0 5px; letter-spacing: .02em; line-height: 1.4; color: #1a1a1a; }
#planner-detail .pickup-grid .item .desc { font-size: clamp(0.7rem, 0.64rem + 0.2vw, 0.76rem); color: #8a8a8a; line-height: 1.6; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

#planner-detail .bunya-block { padding: 0; margin: 0 0 56px; background: transparent; border: 0; }
#planner-detail .bunya-block .bunya-inner { background: #fdfdfd; padding: 44px 36px; border-radius: 14px; border: 1px solid #efefef; }
#planner-detail .bunya-block .tags { display: flex; flex-wrap: wrap; gap: 8px; }
#planner-detail .bunya-block a.tag { display: inline-flex; align-items: center; padding: 8px 18px; border: 1px solid #e5e5e5; background: #fff; color: #444; text-decoration: none; font-size: clamp(0.72rem, 0.65rem + 0.25vw, 0.8rem); border-radius: 999px; line-height: 1.3; }
#planner-detail .bunya-block a.tag:hover { border-color: #1a1a1a; color: #1a1a1a; opacity: 1; }

#planner-detail .btn-back { display: block; max-width: 300px; margin: 40px auto 0; padding: 14px; text-align: center; background: #1a1a1a; color: #fff; text-decoration: none; font-size: clamp(0.78rem, 0.7rem + 0.3vw, 0.86rem); font-weight: 600; letter-spacing: .06em; border-radius: 8px; transition: transform .16s ease, box-shadow .16s ease, background .16s ease; }
#planner-detail .btn-back:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0,0,0,.12); background: #000; opacity: 1; }

@media (max-width: 1024px) {
  #planner-detail { max-width: 90vw; padding: 7rem 16px 64px; }
  #planner-detail .hero { grid-template-columns: 220px 1fr; gap: 32px; margin-bottom: 44px; }
  #planner-detail .kouken-block { padding: 36px 28px; margin-bottom: 48px; }
  #planner-detail .tabs { margin-bottom: 48px; }
  #planner-detail .pickup-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; }
  #planner-detail .pickup-block { margin-bottom: 48px; }
  #planner-detail .bunya-block { margin-bottom: 48px; }
  #planner-detail .bunya-block .bunya-inner { padding: 36px 28px; }
}
@media (max-width: 768px) {
  #planner-detail { padding: 5rem 16px 56px; max-width: 92vw; }
  #planner-detail .head { padding: 14px 0 18px; margin-bottom: 22px; }
  #planner-detail .head a.back { margin-bottom: 12px; }
  #planner-detail .head .title-row { gap: 10px; }
  #planner-detail .head .company { margin-left: 0; }
  #planner-detail .hero { grid-template-columns: 180px 1fr; gap: 24px; margin-bottom: 40px; }
  #planner-detail .hero a.tag.shien { min-width: 0; padding: 5px 14px; }
  #planner-detail .pickup-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  #planner-detail .pickup-grid .item a { padding: 16px; }
  #planner-detail .pickup-grid .item img { margin-bottom: 12px; }
  #planner-detail .kouken-block { padding: 30px 22px; margin-bottom: 40px; }
  #planner-detail .bunya-block .bunya-inner { padding: 30px 22px; }
  #planner-detail .tabs .tab-content { padding-top: 24px; }
  #planner-detail .tabs .tab-header a { padding: 10px 16px; }
}
@media (max-width: 540px) {
  #planner-detail { padding: 3.5rem 14px 48px; max-width: 94vw; }
  #planner-detail .head { padding: 12px 0 14px; margin-bottom: 18px; }
  #planner-detail .head .company { display: none; }
  #planner-detail .hero { grid-template-columns: 1fr; gap: 20px; margin-bottom: 32px; }
  #planner-detail .hero .face { max-width: 200px; margin: 0 auto; }
  #planner-detail .hero a.tag.shien { min-width: 0; }
  #planner-detail .pickup-grid { grid-template-columns: 1fr; gap: 20px; }
  #planner-detail .kouken-block { padding: 26px 18px; border-radius: 12px; margin-bottom: 32px; }
  #planner-detail .bunya-block .bunya-inner { padding: 26px 18px; border-radius: 12px; }
  #planner-detail .bunya-block a.tag { padding: 7px 14px; }
  #planner-detail .tabs { margin-bottom: 36px; }
  #planner-detail .tabs .tab-header a { padding: 9px 12px; border-radius: 6px 6px 0 0; }
  #planner-detail .btn-back { margin: 24px auto 0; padding: 12px; }
}