/* Page-specific styles extracted from the approved template. */


.mw_wp_form input[type="text"],.mw_wp_form input[type="email"],.mw_wp_form input[type="tel"],.mw_wp_form textarea[name="contactarea"]{background:#fff!important;color:#3f3035!important;opacity:1!important}.mw_wp_form input[type="text"]::placeholder,.mw_wp_form input[type="email"]::placeholder,.mw_wp_form input[type="tel"]::placeholder,.mw_wp_form textarea[name="contactarea"]::placeholder{color:#b9acb0!important;opacity:1!important}.t_s1 .ctr,.t_s3 .ctr,.t_s4 .kazari2link{padding-bottom:38px}.jc-more-link{display:flex;align-items:center;justify-content:center;width:175px;min-height:45px;margin:24px auto 0;padding:1px 42px 0 24px;border:3px solid #fff;border-radius:999px;background-color:#d6515d;color:#fff;font-size:17px;font-weight:900;line-height:1;letter-spacing:0;text-align:center;text-decoration:none;position:relative;box-sizing:border-box;box-shadow:0 0 0 2px #d6515d,0 4px 8px rgba(184,77,88,.18);text-shadow:0 1px 0 rgba(132,53,61,.12);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.jc-more-link[href*="/story/"],.jc-more-link[href*="/wallpaper/"]{background-color:#5c8fc6;box-shadow:0 0 0 2px #5c8fc6,0 4px 8px rgba(61,104,146,.18);text-shadow:0 1px 0 rgba(41,85,128,.12)}.jc-more-link::after{content:"";position:absolute;right:13px;top:50%;width:22px;height:22px;margin:0;border:0;border-radius:50%;background:#fff;transform:translateY(-50%);box-sizing:border-box}.jc-more-link::before{content:"";position:absolute;right:22px;top:50%;z-index:1;width:8px;height:8px;border-top:3px solid #d6515d;border-right:3px solid #d6515d;transform:translateY(-50%) rotate(45deg)}.jc-more-link[href*="/story/"]::before,.jc-more-link[href*="/wallpaper/"]::before{border-color:#5c8fc6}.jc-more-link:active{transform:translateY(2px);box-shadow:0 0 0 2px #d6515d,0 2px 5px rgba(184,77,88,.14);filter:saturate(.98)}.jc-more-link[href*="/story/"]:active,.jc-more-link[href*="/wallpaper/"]:active{box-shadow:0 0 0 2px #5c8fc6,0 2px 5px rgba(61,104,146,.14)}

.jc-desktop-side{display:none}@media screen and (min-width:900px){body{background:#fdecee!important;color:#5f4a50}.frame{width:100%!important;max-width:none!important;background:linear-gradient(180deg,#fff7f8 0%,#fdecee 42%,#fbe2e4 100%)!important}header{left:0!important;right:0!important;width:100%!important;max-width:none!important;height:74px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#ef9999!important;box-shadow:0 5px 18px rgba(110,91,97,.12)!important}header>img:first-child{width:244px!important;max-width:244px!important;margin:0 auto!important}.hmb{right:24px!important}main{display:grid!important;grid-template-columns:minmax(0,850px) 288px;gap:26px;width:min(calc(100% - 72px),1180px)!important;max-width:1180px!important;margin:98px auto 34px!important;align-items:start!important}main>:not(.jc-desktop-side){grid-column:1!important}.jc-desktop-side{grid-column:2!important;grid-row:1/span 50!important;display:flex!important;flex-direction:column;gap:16px;position:sticky;top:96px}.t_hero{position:relative!important;min-height:0!important;max-height:none!important;height:auto!important;margin:0!important;padding:0 0 18px!important;border:3px solid rgba(255,255,255,.86)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 10px 26px rgba(110,91,97,.10)!important;overflow:hidden!important}.t_hero h1{height:300px!important;margin:0!important;overflow:hidden!important}.t_hero h1 img{display:block!important;width:100%!important;height:300px!important;max-width:none!important;object-fit:cover!important;object-position:center 36%!important}.t_hero .top_links{position:relative!important;left:auto!important;top:auto!important;z-index:2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;width:auto!important;margin:-52px 28px 0!important;padding:0!important;transform:none!important}.t_hero .top_links_sub{display:contents!important}.t_hero .top_links a{display:block!important;width:auto!important;margin:0!important}.t_hero .top_links img{display:block!important;width:100%!important;height:auto!important}.t_hero .stp{position:absolute!important;right:30px!important;top:78px!important;display:block!important;width:160px!important;z-index:3!important}.t_hero .stp img{width:100%!important;height:auto!important}article,.t_bg,.t_s7{margin-top:20px!important;border:3px solid rgba(255,255,255,.86)!important;border-radius:12px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 10px 24px rgba(110,91,97,.08)!important;overflow:hidden!important}article{padding:20px 24px 24px!important}.t_s1{padding:0!important}.t_s1 h2,.t_s3 h2,.t_s4 h2{margin:0 0 16px!important;text-align:left!important}.t_s1 h2 img,.t_s3 h2 img,.t_s4 h2 img{width:auto!important;max-width:250px!important;height:auto!important}.t_s1 .ctr,.t_s3 .ctr,.t_s4 .ctr,.t_s4 .kazari2link{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.t_s1 .row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 16px!important}.t_s1 a.col{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;grid-template-rows:auto auto 1fr!important;align-items:center!important;width:100%!important;max-width:none!important;min-height:82px!important;margin:0!important;padding:0!important;border:1px solid #f5ccd0!important;border-radius:8px!important;background:#fff!important;box-shadow:0 5px 14px rgba(110,91,97,.08)!important;overflow:hidden!important;text-decoration:none!important;box-sizing:border-box!important}.t_s1 a.col .thmb{grid-column:1!important;grid-row:1/4!important;width:150px!important;height:82px!important;margin:0!important;border-radius:0!important;background-size:cover!important;background-position:center!important}.t_s1 a.col .cate{grid-column:2!important;grid-row:1!important}.t_s1 a.col .time{grid-column:2!important;grid-row:2!important}.t_s1 a.col .ttl{grid-column:2!important;grid-row:3!important}.t_s1 a.col .cate,.t_s1 a.col .time,.t_s1 a.col .ttl{display:block!important;margin-left:14px!important;margin-right:12px!important;text-align:left!important;letter-spacing:0!important}.t_s1 a.col .cate{width:max-content!important;max-width:calc(100% - 28px)!important;margin-top:9px!important;margin-bottom:4px!important;padding:3px 10px!important;border-radius:999px!important;background:#d6515d!important;color:#fff!important;font-size:11px!important;font-weight:900!important;line-height:1.25!important}.t_s1 a.col .time{margin-top:0!important;margin-bottom:5px!important;color:#9b858a!important;font-size:11px!important;font-weight:700!important}.t_s1 a.col .ttl{display:-webkit-box!important;margin-top:0!important;margin-bottom:8px!important;color:#5f4a50!important;font-size:13px!important;font-weight:800!important;line-height:1.45!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}.t_bg{padding:22px 24px 24px!important}.t_bg .t_inr{display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important}.t_s2{display:none!important}.t_s3,.t_s4{margin:0!important;padding:0!important;background:transparent!important}.t_s3 .kazari1,.t_s4 .kazari1,.t_s5 .kazari2,.t_s7 .kazari1{display:none!important}.t_s3 .row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.t_s3 .col{width:auto!important;margin:0!important}.t_s3 .col a{display:block!important;border:1px solid #f5ccd0!important;border-radius:8px!important;background:#fff!important;box-shadow:0 5px 14px rgba(110,91,97,.08)!important;overflow:hidden!important;text-decoration:none!important}.t_s3 .thmb{width:100%!important;height:auto!important;aspect-ratio:1/1!important;margin:0!important;border-radius:0!important;background-size:cover!important;background-position:center!important}.t_s3 .ttl{display:block!important;margin:7px 5px 8px!important;color:#5f4a50!important;font-size:11px!important;font-weight:800!important;line-height:1.35!important;text-align:center!important}.t_s4 .row{display:flex!important;justify-content:center!important;gap:24px!important}.t_s4 .col{width:112px!important;height:170px!important;margin:0!important;border-radius:8px!important;background-size:cover!important;background-position:center!important;box-shadow:0 5px 14px rgba(110,91,97,.08)!important;overflow:hidden!important}.t_s4 .ttl{display:none!important}.t_s5,main>.t_s7{display:none!important}.jc-more-link{width:154px!important;min-height:36px!important;margin-top:18px!important;padding:1px 38px 0 20px!important;font-size:14px!important}.jc-more-link::after{right:10px!important;width:20px!important;height:20px!important}.jc-more-link::before{right:18px!important;width:7px!important;height:7px!important}.jc-side-card{border:3px solid rgba(255,255,255,.86);border-radius:12px;background:rgba(255,255,255,.92);box-shadow:0 10px 24px rgba(110,91,97,.08);box-sizing:border-box}.jc-side-qr{padding:18px;text-align:center}.jc-side-qr-title{display:block;margin-bottom:12px;color:#7a5c63;font-size:14px;font-weight:900;line-height:1.55}.jc-side-qr img{display:block;width:120px;height:120px;margin:0 auto 10px}.jc-side-qr-note{display:block;color:#9b858a;font-size:12px;font-weight:700;line-height:1.55}.jc-side-banners{display:flex;flex-direction:column;gap:12px}.jc-side-banners a{display:block;line-height:0;border-radius:8px;box-shadow:0 7px 16px rgba(110,91,97,.10);overflow:hidden}.jc-side-banners img{display:block;width:100%;height:auto}.jc-side-sns{padding:16px}.jc-side-heading{display:block;width:178px;max-width:100%;height:auto;margin:0 auto 12px}.jc-side-sns-list{display:flex;flex-direction:column;gap:8px}.jc-side-sns-list .sns_btn{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:42px!important;margin:0!important;padding:6px 12px!important;border:1px solid #f5ccd0!important;border-radius:8px!important;background:#fff!important;box-shadow:0 4px 10px rgba(110,91,97,.08)!important;text-decoration:none!important;box-sizing:border-box!important}.jc-side-sns-list .sns_icon{flex:0 0 28px!important;width:28px!important;height:28px!important;margin:0!important;object-fit:contain!important}.jc-side-sns-list .sns_text{display:block!important;color:#5f4a50!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:0!important}.p_f{margin-top:0!important;padding-top:34px!important}}

@media screen and (min-width:900px){main{grid-template-columns:minmax(0,560px) 264px 288px!important;gap:22px!important;width:min(calc(100% - 72px),1180px)!important;max-width:1180px!important}main>:not(.jc-desktop-side){grid-column:auto!important}.jc-desktop-side{grid-column:3!important;grid-row:1/span 50!important}.t_hero{grid-row:1!important;display:block!important;align-self:start!important;width:100%!important;min-height:0!important;height:auto!important;max-height:none!important;margin:0!important;padding:16px!important;box-sizing:border-box!important}.t_hero h1{height:auto!important;margin:0!important;line-height:0!important;overflow:visible!important}.t_hero h1 img{display:block!important;width:100%!important;max-width:232px!important;height:auto!important;margin:0 auto!important;object-fit:contain!important;object-position:center top!important;border-radius:8px!important}.t_hero .top_links{position:static!important;left:auto!important;top:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important;max-width:232px!important;margin:12px auto 0!important;padding:0!important;transform:none!important}.t_hero .top_links_sub{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}.t_hero .top_links a{display:block!important;width:100%!important;margin:0!important;line-height:0!important}.t_hero .top_links img{display:block!important;width:100%!important;height:auto!important}.t_hero .stp{position:static!important;display:block!important;width:116px!important;max-width:116px!important;margin:12px auto 0!important;line-height:0!important;transform:none!important}.t_hero .stp img{display:block!important;width:100%!important;height:auto!important}article{grid-row:1!important;width:100%!important;max-width:none!important;margin:0!important;padding:18px 18px 20px!important;align-self:start!important}.t_s1{padding:0!important}.t_s1 h2{margin:0 0 14px!important;text-align:left!important}.t_s1 h2 img{width:auto!important;max-width:230px!important;height:auto!important}.t_s1 .ctr{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.t_s1 .row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.t_s1 a.col{display:block!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0 0 8px!important;border:1px solid #f5ccd0!important;border-radius:8px!important;background:#fff!important;box-shadow:0 5px 14px rgba(110,91,97,.08)!important;overflow:hidden!important;box-sizing:border-box!important;text-decoration:none!important}.t_s1 a.col .thmb{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;margin:0!important;border-radius:0!important;background-size:cover!important;background-position:center!important}.t_s1 a.col .cate,.t_s1 a.col .time,.t_s1 a.col .ttl{display:block!important;text-align:left!important;letter-spacing:0!important}.t_s1 a.col .cate{width:max-content!important;max-width:calc(100% - 16px)!important;margin:8px 8px 3px!important;padding:3px 9px!important;border-radius:999px!important;background:#d6515d!important;color:#fff!important;font-size:10px!important;font-weight:900!important;line-height:1.25!important}.t_s1 a.col .time{margin:0 8px 4px!important;color:#9b858a!important;font-size:10px!important;font-weight:700!important;line-height:1.25!important}.t_s1 a.col .ttl{display:-webkit-box!important;margin:0 8px!important;color:#5f4a50!important;font-size:12px!important;font-weight:800!important;line-height:1.42!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}.t_s1 .jc-more-link{margin-top:14px!important}.t_bg{grid-row:2!important;width:100%!important;max-width:none!important;margin:0!important}.t_bg .t_inr{display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important}.t_s2{display:none!important}.t_s3,.t_s4{margin:0!important;padding:0!important;background:transparent!important}.t_s3 .row{grid-template-columns:repeat(4,minmax(0,1fr))!important}.t_s4 .row{display:flex!important;justify-content:center!important;gap:24px!important}.t_s4 .col{width:112px!important;height:170px!important;background-size:cover!important;background-position:center!important}.t_s5,main>.t_s7{display:none!important}main>article{grid-column:1!important}main>.t_hero{grid-column:2!important}main>.t_bg{grid-column:1/3!important}}@media screen and (min-width:900px) and (max-width:1099px){main{grid-template-columns:minmax(0,1fr) 240px!important;width:min(calc(100% - 40px),940px)!important}.jc-desktop-side{display:none!important}.t_s1 .row{grid-template-columns:repeat(2,minmax(0,1fr))!important}main>.t_bg{grid-column:1/3!important}}

@media screen and (min-width:900px){.t_s1 h2,.t_s3 h2,.t_s4 h2{position:static!important;height:auto!important;min-height:0!important;overflow:visible!important}.t_s1 h2 img,.t_s3 h2 img,.t_s4 h2 img{position:static!important;display:block!important;margin:0!important;transform:none!important}.t_s1 h2 img{margin-left:0!important}}

@media screen and (min-width:900px){main{grid-template-columns:minmax(0,824px) 320px!important;gap:26px!important;width:min(calc(100% - 72px),1170px)!important;max-width:1170px!important;align-items:start!important}main>article{grid-column:1!important;grid-row:1!important;width:100%!important;margin:0!important;padding:20px 22px 22px!important;box-sizing:border-box!important}main>.t_hero{grid-column:2!important;grid-row:1!important;width:100%!important;margin:0!important;padding:18px 18px 20px!important;box-sizing:border-box!important;border-radius:12px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 12px 28px rgba(110,91,97,.12)!important}main>.jc-desktop-side{grid-column:2!important;grid-row:2/span 50!important;position:static!important;width:100%!important;margin:20px 0 0!important;display:flex!important;gap:14px!important}.jc-side-qr{display:none!important}.t_hero h1 img{max-width:284px!important;width:100%!important;border-radius:8px!important}.t_hero .top_links{max-width:284px!important;margin-top:14px!important;gap:10px!important}.t_hero .top_links_sub{gap:10px!important}.t_hero .stp{width:136px!important;max-width:136px!important;margin-top:14px!important}.t_s1 h2{margin:0 0 16px!important}.t_s1 h2 img{max-width:238px!important}.t_s1 .row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.t_s1 a.col{display:grid!important;grid-template-columns:154px minmax(0,1fr)!important;grid-template-rows:auto auto 1fr!important;min-height:92px!important;padding:0!important}.t_s1 a.col .thmb{grid-column:1!important;grid-row:1/4!important;width:154px!important;height:92px!important;aspect-ratio:auto!important}.t_s1 a.col .cate{grid-column:2!important;grid-row:1!important;margin:9px 10px 3px 12px!important;font-size:10px!important}.t_s1 a.col .time{grid-column:2!important;grid-row:2!important;margin:0 10px 4px 12px!important;font-size:10px!important}.t_s1 a.col .ttl{grid-column:2!important;grid-row:3!important;margin:0 10px 8px 12px!important;font-size:12px!important;line-height:1.45!important}.t_s1 .jc-more-link{margin-top:16px!important}.t_bg{grid-column:1!important;grid-row:2!important;width:100%!important;margin:20px 0 0!important;padding:22px!important;box-sizing:border-box!important}.t_bg .t_inr{grid-template-columns:1fr 1fr!important;gap:24px!important}.t_s3 .row{grid-template-columns:repeat(4,minmax(0,1fr))!important}.t_s4 .row{gap:26px!important}.t_s4 .col{width:126px!important;height:190px!important}.jc-side-banners{gap:12px!important}.jc-side-sns{padding:14px!important}.jc-side-sns-list .sns_btn{min-height:40px!important}}@media screen and (min-width:900px) and (max-width:1099px){main{grid-template-columns:minmax(0,1fr) 286px!important;width:min(calc(100% - 40px),940px)!important;gap:20px!important}main>.t_hero{grid-column:2!important;grid-row:1!important}.t_hero h1 img,.t_hero .top_links{max-width:250px!important}main>.jc-desktop-side{display:none!important}main>.t_bg{grid-column:1/3!important}}

@media screen and (min-width:900px){main{display:block!important;width:min(calc(100% - 72px),1170px)!important;max-width:1170px!important;margin:98px auto 34px!important}main::after{content:"";display:block;clear:both}main>.t_hero{float:right!important;clear:right!important;width:320px!important;margin:0 0 20px 26px!important}main>.jc-desktop-side{float:right!important;clear:right!important;width:320px!important;margin:0 0 22px 26px!important;display:flex!important;position:static!important}main>article,main>.t_bg{width:calc(100% - 346px)!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}main>.t_bg{clear:left!important;margin-top:20px!important;grid-column:auto!important}.t_bg .t_inr{grid-template-columns:1fr 1fr!important}}@media screen and (min-width:900px) and (max-width:1099px){main{width:min(calc(100% - 40px),940px)!important}main>.t_hero{width:286px!important;margin-left:20px!important}main>article,main>.t_bg{width:calc(100% - 306px)!important}main>.jc-desktop-side{display:none!important}}

@media screen and (min-width:900px){main{position:relative!important;display:block!important;min-height:1460px!important}main::after{display:none!important}main>.t_hero{position:absolute!important;right:0!important;top:0!important;float:none!important;clear:none!important;width:320px!important;margin:0!important}main>.jc-desktop-side{position:absolute!important;right:0!important;top:752px!important;float:none!important;clear:none!important;width:320px!important;margin:0!important;display:flex!important}main>article,main>.t_bg{width:calc(100% - 346px)!important}main>.t_bg{clear:none!important;margin-top:20px!important}}@media screen and (min-width:900px) and (max-width:1099px){main{min-height:1300px!important}main>.t_hero{width:286px!important}main>article,main>.t_bg{width:calc(100% - 306px)!important}main>.jc-desktop-side{display:none!important}}

@media screen and (min-width:900px){main>.t_hero{top:140px!important}main>.jc-desktop-side{top:892px!important}.t_bg .anchor,.t_bg .anchor_kabegami{display:none!important}.t_bg .t_s3{grid-column:1!important}.t_bg .t_s4{grid-column:2!important}}@media screen and (min-width:900px) and (max-width:1099px){main>.t_hero{top:140px!important}}

@media screen and (min-width:900px){.t_hero h1{height:360px!important;overflow:hidden!important}.t_hero h1 img{max-width:284px!important;transform:translateY(-42px)!important}}@media screen and (min-width:900px) and (max-width:1099px){.t_hero h1{height:330px!important}.t_hero h1 img{transform:translateY(-36px)!important}}

@media screen and (min-width:900px){main{width:min(calc(100% - 72px),1170px)!important;max-width:1170px!important;min-height:1280px!important}main>.t_hero{right:0!important;top:140px!important;width:340px!important;height:682px!important;min-height:682px!important;padding:14px!important;overflow:hidden!important}main>.jc-desktop-side{right:0!important;top:850px!important;width:340px!important}.jc-side-sns{display:none!important}main>article,main>.t_bg{width:calc(100% - 370px)!important}.t_hero h1{height:438px!important;margin:0!important;border-radius:8px!important;overflow:hidden!important}.t_hero h1 img{width:100%!important;max-width:318px!important;height:auto!important;margin:0 auto!important;transform:translateY(-38px)!important}.t_hero .top_links{position:absolute!important;z-index:4!important;left:24px!important;right:24px!important;top:365px!important;width:auto!important;max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.t_hero .top_links_sub{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.t_hero .top_links img{filter:drop-shadow(0 5px 10px rgba(110,91,97,.16))!important}.t_hero .stp{position:absolute!important;z-index:5!important;left:50%!important;top:530px!important;width:126px!important;max-width:126px!important;margin:0!important;transform:translateX(-50%)!important}.t_hero .stp img{width:100%!important;transform:none!important;filter:drop-shadow(0 7px 14px rgba(110,91,97,.18))!important}article{padding:20px 22px 22px!important}.t_s1 .row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.t_s1 a.col:first-child{grid-column:1/3!important;display:grid!important;grid-template-columns:minmax(250px,318px) minmax(0,1fr)!important;min-height:176px!important;padding:0!important}.t_s1 a.col:first-child .thmb{grid-column:1!important;grid-row:1/4!important;width:100%!important;height:176px!important;aspect-ratio:auto!important}.t_s1 a.col:first-child .cate{grid-column:2!important;grid-row:1!important;margin:18px 16px 6px!important;padding:5px 13px!important;font-size:12px!important}.t_s1 a.col:first-child .time{grid-column:2!important;grid-row:2!important;margin:0 16px 8px!important;font-size:12px!important}.t_s1 a.col:first-child .ttl{grid-column:2!important;grid-row:3!important;margin:0 16px 14px!important;font-size:15px!important;line-height:1.55!important;-webkit-line-clamp:3!important}.t_s1 a.col:not(:first-child){display:grid!important;grid-template-columns:142px minmax(0,1fr)!important;min-height:88px!important}.t_s1 a.col:not(:first-child) .thmb{width:142px!important;height:88px!important}.t_s1 a.col:not(:first-child) .cate{margin-top:8px!important}.t_s1 a.col:not(:first-child) .ttl{font-size:12px!important}.t_bg{padding:20px 22px 24px!important}.t_bg .t_inr{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:20px!important;align-items:start!important}.t_s3 .row{gap:8px!important}.t_s3 .ttl{font-size:11px!important}.t_s4 .row{gap:18px!important}.t_s4 .col{width:118px!important;height:178px!important}.jc-side-banners{gap:12px!important}.jc-side-banners a{box-shadow:0 7px 16px rgba(110,91,97,.12)!important}}@media screen and (min-width:900px) and (max-width:1099px){main{width:min(calc(100% - 40px),940px)!important;min-height:1200px!important}main>.t_hero{width:300px!important;height:640px!important;min-height:640px!important}main>article,main>.t_bg{width:calc(100% - 320px)!important}.t_hero h1{height:396px!important}.t_hero h1 img{max-width:280px!important;transform:translateY(-34px)!important}.t_hero .top_links{left:22px!important;right:22px!important;top:336px!important}.t_hero .stp{top:494px!important}.t_s1 a.col:first-child{grid-template-columns:230px minmax(0,1fr)!important}.t_s1 a.col:first-child .thmb{height:154px!important}.t_s1 a.col:not(:first-child){grid-template-columns:112px minmax(0,1fr)!important}.t_s1 a.col:not(:first-child) .thmb{width:112px!important;height:78px!important}}

@media screen and (min-width:900px){.t_s1 a.col:nth-child(6){display:none!important}.t_s1 a.col:first-child{grid-template-columns:minmax(230px,292px) minmax(0,1fr)!important;min-height:150px!important}.t_s1 a.col:first-child .thmb{height:150px!important}.t_s1 a.col:first-child .cate{margin-top:14px!important}.t_s1 a.col:first-child .ttl{font-size:14px!important;line-height:1.5!important;-webkit-line-clamp:2!important}.t_s1 .jc-more-link{margin-top:14px!important}}@media screen and (min-width:900px) and (max-width:1099px){.t_s1 a.col:first-child{grid-template-columns:210px minmax(0,1fr)!important;min-height:140px!important}.t_s1 a.col:first-child .thmb{height:140px!important}}

@media screen and (min-width:900px){header>img:first-child{position:absolute!important;left:calc(50% + 415px)!important;top:0!important;width:244px!important;max-width:244px!important;margin:0!important;transform:translateX(-50%)!important}.t_hero{top:18px!important}.jc-desktop-side{top:728px!important}.t_hero h1{height:510px!important}.t_hero h1 img{max-width:318px!important;transform:none!important}.t_hero .top_links{top:388px!important}.t_hero .stp{top:548px!important}.t_s1 a.col .thmb{aspect-ratio:1200/630!important;height:auto!important;background-size:contain!important;background-repeat:no-repeat!important;background-color:#fff7f8!important}.t_s1 a.col:first-child{grid-template-columns:292px minmax(0,1fr)!important;min-height:153px!important}.t_s1 a.col:first-child .thmb{width:292px!important;height:auto!important}.t_s1 a.col:not(:first-child){grid-template-columns:150px minmax(0,1fr)!important;min-height:82px!important}.t_s1 a.col:not(:first-child) .thmb{width:150px!important;height:auto!important}}@media screen and (min-width:900px) and (max-width:1099px){header>img:first-child{left:calc(100% - 170px)!important;width:190px!important;max-width:190px!important}.t_hero{top:18px!important}.t_s1 a.col:first-child{grid-template-columns:210px minmax(0,1fr)!important}.t_s1 a.col:first-child .thmb{width:210px!important}.t_s1 a.col:not(:first-child){grid-template-columns:112px minmax(0,1fr)!important}.t_s1 a.col:not(:first-child) .thmb{width:112px!important}}

@media screen and (min-width:900px){.t_s1 a.col:first-child .thmb{height:153px!important}.t_s1 a.col:not(:first-child) .thmb{height:79px!important}}@media screen and (min-width:900px) and (max-width:1099px){.t_s1 a.col:first-child .thmb{height:110px!important}.t_s1 a.col:not(:first-child) .thmb{height:59px!important}}

@media screen and (min-width:900px){main>.t_hero{top:116px!important}main>.jc-desktop-side{top:826px!important}}@media screen and (min-width:900px) and (max-width:1099px){main>.t_hero{top:116px!important}}

@media screen and (min-width:900px){.t_s1 .row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.t_s1 a.col,.t_s1 a.col:first-child,.t_s1 a.col:not(:first-child),.t_s1 a.col:nth-child(6){display:block!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0 0 8px!important;border:1px solid #f5ccd0!important;border-radius:8px!important;background:#fff!important;box-shadow:0 5px 14px rgba(110,91,97,.08)!important;overflow:hidden!important;box-sizing:border-box!important;text-decoration:none!important}.t_s1 a.col .thmb,.t_s1 a.col:first-child .thmb,.t_s1 a.col:not(:first-child) .thmb{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;margin:0!important;border-radius:0!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important;background-color:#fff7f8!important}.t_s1 a.col .cate,.t_s1 a.col:first-child .cate,.t_s1 a.col:not(:first-child) .cate{display:block!important;width:max-content!important;max-width:calc(100% - 16px)!important;margin:8px 8px 3px!important;padding:3px 9px!important;border-radius:999px!important;background:#d6515d!important;color:#fff!important;font-size:10px!important;font-weight:900!important;line-height:1.25!important;text-align:left!important}.t_s1 a.col .time,.t_s1 a.col:first-child .time,.t_s1 a.col:not(:first-child) .time{display:block!important;margin:0 8px 4px!important;color:#9b858a!important;font-size:10px!important;font-weight:700!important;line-height:1.25!important;text-align:left!important}.t_s1 a.col .ttl,.t_s1 a.col:first-child .ttl,.t_s1 a.col:not(:first-child) .ttl{display:-webkit-box!important;margin:0 8px!important;color:#5f4a50!important;font-size:12px!important;font-weight:800!important;line-height:1.42!important;text-align:left!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}.t_s1 .jc-more-link{margin-top:14px!important}.t_bg{padding:24px 26px 28px!important}.t_bg .t_inr{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important}.t_bg .anchor,.t_bg .anchor_kabegami,.t_s2{display:none!important}.t_s3,.t_s4{display:block!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important}.t_s3{margin-bottom:34px!important}.t_s3 h2,.t_s4 h2{text-align:center!important;margin:0 0 16px!important}.t_s3 h2 img,.t_s4 h2 img{margin:0 auto!important;max-width:260px!important}.t_s3 .ctr,.t_s4 .ctr,.t_s4 .kazari2link{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.t_s3 .row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.t_s3 .col{width:auto!important;margin:0!important}.t_s3 .col a{display:block!important;border:1px solid #f5ccd0!important;border-radius:8px!important;background:#fff!important;box-shadow:0 5px 14px rgba(110,91,97,.08)!important;overflow:hidden!important;text-decoration:none!important}.t_s3 .thmb{width:100%!important;height:auto!important;aspect-ratio:1/1!important;margin:0!important;border-radius:0!important;background-size:cover!important;background-position:center!important}.t_s3 .ttl{display:block!important;margin:8px 6px 10px!important;color:#5f4a50!important;font-size:12px!important;font-weight:800!important;line-height:1.35!important;text-align:center!important}.t_s4 .row{display:flex!important;justify-content:center!important;align-items:flex-start!important;gap:34px!important}.t_s4 .col{width:170px!important;height:255px!important;margin:0!important;border-radius:8px!important;background-size:cover!important;background-position:center!important;box-shadow:0 5px 14px rgba(110,91,97,.08)!important;overflow:hidden!important}.t_s4 .ttl{display:none!important}.t_s4 .jc-more-link{margin-top:18px!important}}@media screen and (min-width:900px) and (max-width:1099px){.t_s1 .row{gap:10px!important}.t_bg{padding:20px!important}.t_s3 .row{gap:10px!important}.t_s3 .ttl{font-size:11px!important}.t_s4 .col{width:138px!important;height:207px!important}.t_s4 .row{gap:24px!important}}

@media screen and (min-width:900px){.t_s1 a.col,.t_s1 a.col:first-child,.t_s1 a.col:not(:first-child){grid-column:auto!important;grid-row:auto!important;grid-template-columns:none!important;grid-template-rows:none!important}.t_s1 a.col:first-child .thmb,.t_s1 a.col:not(:first-child) .thmb{height:auto!important}}

@media screen and (min-width:900px){.t_s3 .thmb{aspect-ratio:3/2!important}.t_s3 .col a{height:auto!important}.t_s3 .ttl{margin-top:8px!important}}

@media screen and (min-width:900px){.t_bg .bg_white{display:none!important}.t_s4 .kazari2link{height:auto!important;min-height:0!important}.t_s4{height:auto!important;min-height:0!important}}

@media screen and (min-width:900px){main>.t_hero{top:42px!important;width:340px!important;height:462px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.t_hero h1{width:340px!important;height:462px!important;margin:0!important;line-height:0!important;overflow:hidden!important}.t_hero h1 img{display:block!important;width:340px!important;max-width:none!important;height:462px!important;margin:0!important;object-fit:cover!important;object-position:center top!important;border-radius:0!important}.t_hero .top_links{position:absolute!important;left:4px!important;top:294px!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:163px!important;max-width:none!important;margin:0!important;padding:0!important;z-index:5!important;transform:none!important}.t_hero .top_links_sub{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.t_hero .top_links a,.t_hero .top_links img{display:block!important;width:100%!important;height:auto!important;margin:0!important}.t_hero .stp{position:absolute!important;left:194px!important;top:286px!important;right:auto!important;display:block!important;width:140px!important;max-width:140px!important;margin:0!important;z-index:6!important;transform:none!important}.t_hero .stp img{display:block!important;width:100%!important;height:auto!important}.t_hero::before,.t_hero::after{display:none!important}main>.jc-desktop-side{top:534px!important}footer.p_f{position:absolute!important;left:calc(50% + 245px)!important;top:920px!important;width:340px!important;height:410px!important;margin:0!important;padding:0!important;z-index:2!important;overflow:hidden!important;background-color:transparent!important}footer.p_f .shr{position:absolute!important;left:0!important;top:0!important;width:340px!important;margin:0!important;padding:0!important}footer.p_f .f_scl{display:none!important}}@media screen and (min-width:900px) and (max-width:1169px){footer.p_f{left:auto!important;right:36px!important}}

@media screen and (min-width:900px){footer.p_f{font-size:0!important;color:transparent!important}footer.p_f::after{content:"©JOYNET LLC.";position:absolute;left:0;bottom:14px;width:100%;color:#8c6464;font-size:12px;font-weight:700;line-height:1;text-align:center}}

@media screen and (min-width:900px) and (max-width:1099px){footer.p_f{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:390px!important;max-width:100%!important;height:410px!important;margin:34px auto 0!important;padding:0!important;font-size:12px!important;color:#6e5b61!important}footer.p_f::after{display:none!important}footer.p_f .shr{position:absolute!important;left:0!important;top:0!important;width:100%!important}}

@media screen and (min-width:900px){header{position:absolute!important;left:0!important;top:0!important;right:auto!important;width:100%!important;height:0!important;min-height:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;z-index:30!important;pointer-events:none!important}header>img:first-child{position:absolute!important;top:14px!important;left:auto!important;right:calc((100vw - min(calc(100vw - 72px),1170px))/2 + 83px)!important;width:174px!important;max-width:174px!important;height:auto!important;margin:0!important;z-index:31!important;pointer-events:none!important}.hmb{position:absolute!important;top:20px!important;left:auto!important;right:calc((100vw - min(calc(100vw - 72px),1170px))/2 + 12px)!important;width:42px!important;height:auto!important;margin:0!important;z-index:32!important;pointer-events:auto!important}.hmb img{display:block!important;width:42px!important;height:auto!important}main>.t_hero{top:0!important}.t_hero h1 img{object-position:center top!important}.t_hero::before{content:"";position:absolute;left:0;right:0;top:0;height:76px;background:linear-gradient(180deg,rgba(235,142,145,.16),rgba(235,142,145,0));z-index:2;pointer-events:none}.t_hero h1,.t_hero .top_links,.t_hero .stp{position:relative;z-index:3}}@media screen and (min-width:900px) and (max-width:1099px){header>img:first-child{right:calc(36px + 83px)!important}.hmb{right:calc(36px + 12px)!important}}

@media screen and (min-width:900px){header{top:42px!important}main>.t_hero{top:42px!important}}

@media screen and (min-width:1100px){header>img:first-child{left:calc((100vw - 1170px)/2 + 830px)!important;right:auto!important;top:0!important;width:340px!important;max-width:340px!important}.hmb{left:calc((100vw - 1170px)/2 + 1115px)!important;right:auto!important;top:20px!important}}@media screen and (min-width:900px) and (max-width:1099px){header>img:first-child{left:calc(100vw - 360px)!important;right:auto!important;top:0!important;width:340px!important;max-width:340px!important}.hmb{left:calc(100vw - 75px)!important;right:auto!important;top:20px!important}}

@media screen and (min-width:900px){header>img:first-child{transform:none!important}}

@media screen and (min-width:900px){header{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;z-index:80!important;pointer-events:none!important}header>img:first-child{position:fixed!important;top:0!important;right:calc((100vw - min(calc(100vw - 72px),1170px))/2)!important;left:auto!important;width:340px!important;max-width:340px!important;height:auto!important;margin:0!important;transform:none!important;z-index:81!important;pointer-events:none!important}.hmb{position:fixed!important;top:20px!important;right:calc((100vw - min(calc(100vw - 72px),1170px))/2 + 13px)!important;left:auto!important;width:42px!important;height:auto!important;margin:0!important;transform:none!important;z-index:82!important;pointer-events:auto!important}.hmb img{display:block!important;width:42px!important;height:auto!important}.t_hero{z-index:4!important}article,.t_bg{position:relative!important}.t_s1 h2,.t_s3 h2,.t_s4 h2{position:relative!important}.t_s1 h2::after,.t_s3 h2::after,.t_s4 h2::after{content:"";display:block;width:100%;height:18px;margin:10px auto 0;background-image:url('../images/top_background_kazari1.png');background-repeat:repeat-x;background-position:center;background-size:auto 18px;opacity:.9;pointer-events:none}.t_s1 h2{margin-bottom:10px!important}.t_s1 .row{margin-top:0!important}.t_bg::before{content:"";position:absolute;left:22px;right:22px;top:18px;height:150px;background-image:url('../images/top_background_kazari2.png');background-repeat:no-repeat;background-position:center top;background-size:100% auto;opacity:.12;pointer-events:none}.t_bg .t_inr{position:relative!important;z-index:1!important}}@media screen and (min-width:1100px){article{margin-top:-58px!important}.t_bg{margin-top:20px!important}.p_f{top:862px!important}}@media screen and (min-width:900px) and (max-width:1099px){header>img:first-child{right:20px!important}.hmb{right:33px!important}}

@media screen and (min-width:900px){header.scl>img:first-child,header>img:first-child{opacity:1!important;visibility:visible!important}}

@media screen and (min-width:900px){header{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;z-index:30!important;pointer-events:none!important}header>img:first-child{position:absolute!important;top:0!important;right:calc((100vw - min(calc(100vw - 72px),1170px))/2)!important;left:auto!important;width:340px!important;max-width:340px!important;height:auto!important;margin:0!important;transform:none!important;opacity:1!important;visibility:visible!important;z-index:31!important;pointer-events:none!important}.hmb{position:absolute!important;top:20px!important;right:calc((100vw - min(calc(100vw - 72px),1170px))/2 + 13px)!important;left:auto!important;width:42px!important;height:auto!important;margin:0!important;transform:none!important;z-index:32!important;pointer-events:auto!important}.hmb img{display:block!important;width:42px!important;height:auto!important}header.scl>img:first-child{opacity:1!important}main article{margin-top:-86px!important;padding:14px 24px 18px!important}main .t_s1 h2{margin-bottom:6px!important}.t_s1 h2::after{margin-top:6px!important}.t_s1 .row{display:flex!important;grid-template-columns:none!important;grid-auto-flow:column!important;flex-wrap:nowrap!important;gap:12px!important;width:100%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0 0 12px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important}.t_s1 .row::-webkit-scrollbar{height:8px}.t_s1 .row::-webkit-scrollbar-track{background:#f8d7da;border-radius:999px}.t_s1 .row::-webkit-scrollbar-thumb{background:#e1747d;border-radius:999px}.t_s1 a.col,.t_s1 a.col:first-child,.t_s1 a.col:not(:first-child),.t_s1 a.col:nth-child(6){display:block!important;flex:0 0 254px!important;width:254px!important;max-width:254px!important;height:236px!important;min-height:0!important;margin:0!important;padding:0 0 8px!important;scroll-snap-align:start!important}.t_s1 a.col .thmb,.t_s1 a.col:first-child .thmb,.t_s1 a.col:not(:first-child) .thmb{width:252px!important;height:142px!important;aspect-ratio:auto!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-color:#fff!important}.t_s1 .jc-more-link{margin-top:8px!important}.t_bg{margin-top:14px!important;padding:20px 24px 22px!important}.t_bg .t_inr{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:24px!important;align-items:start!important;width:100%!important;max-width:none!important}.t_s3{grid-column:1!important;margin:0!important}.t_s4{grid-column:2!important;margin:0!important}.t_s3 h2,.t_s4 h2{text-align:center!important}.t_s3 .row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.t_s3 .thmb{height:auto!important;aspect-ratio:3/2!important}.t_s4 .row{display:flex!important;gap:14px!important;justify-content:center!important}.t_s4 .col{width:128px!important;height:192px!important}.t_s4 .kazari2link{height:auto!important}.t_s4 .jc-more-link{margin-top:14px!important}main>.jc-desktop-side{top:492px!important}main>footer.p_f{top:820px!important}}@media screen and (min-width:900px) and (max-width:1099px){header>img:first-child{right:20px!important}.hmb{right:33px!important}main article{margin-top:0!important}.t_bg .t_inr{display:block!important}.t_s3{margin-bottom:32px!important}.t_s4 .col{width:138px!important;height:207px!important}}

@media screen and (min-width:900px){
  header{position:absolute!important;top:42px!important;left:0!important;width:100%!important;height:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;z-index:30!important;pointer-events:none!important}
  header>img:first-child{position:absolute!important;top:0!important;right:calc((100vw - min(calc(100vw - 72px),1170px))/2)!important;left:auto!important;width:340px!important;max-width:340px!important;height:auto!important;margin:0!important;transform:none!important;opacity:1!important;visibility:visible!important;z-index:31!important;pointer-events:none!important}
  .hmb{position:absolute!important;top:20px!important;right:calc((100vw - min(calc(100vw - 72px),1170px))/2 + 13px)!important;left:auto!important;width:42px!important;height:auto!important;margin:0!important;transform:none!important;z-index:32!important;pointer-events:auto!important}
  main>.t_hero{top:42px!important}
  main>article{margin-top:-92px!important;padding:12px 24px 18px!important}
  .t_s1 h2{margin:0 0 4px!important}
  .t_s1 h2::after{margin-top:4px!important;height:14px!important;background-size:auto 14px!important}
  .t_s1 .row{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;gap:12px!important;width:100%!important;margin:0!important;padding:0 0 12px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}
  .t_s1 a.col{display:block!important;flex:0 0 254px!important;width:254px!important;max-width:254px!important;height:232px!important;min-height:0!important;margin:0!important;padding:0 0 8px!important;overflow:hidden!important;scroll-snap-align:start!important}
  .t_s1 a.col .thmb{display:block!important;width:252px!important;height:140px!important;margin:0!important;aspect-ratio:auto!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-color:#fff!important;border-radius:0!important}
  .t_s1 a.col .cate{margin:8px 8px 3px!important}
  .t_s1 a.col .time{margin:0 8px 4px!important}
  .t_s1 a.col .ttl{margin:0 8px 8px!important}
  .t_s1 .jc-more-link{margin-top:6px!important}
  main>.t_bg{margin-top:12px!important;padding:20px 24px 22px!important}
  .t_bg .t_inr{display:grid!important;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;gap:24px!important;align-items:start!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important}
  .t_s3{grid-column:1!important;margin:0!important}
  .t_s4{grid-column:2!important;margin:0!important}
  .t_s3 .row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .t_s3 .thmb{height:auto!important;aspect-ratio:3/2!important;background-size:cover!important;background-position:center!important}
  .t_s4 .row{display:flex!important;gap:14px!important;justify-content:center!important;align-items:flex-start!important}
  .t_s4 .col{width:128px!important;height:192px!important;background-size:cover!important;background-position:center!important}
  main>.jc-desktop-side{top:492px!important}
  footer.p_f{top:820px!important}
}

@media screen and (min-width:900px) and (max-width:1099px){
  header{top:42px!important}
  header>img:first-child{right:20px!important;width:340px!important;max-width:340px!important}
  .hmb{right:33px!important}
  main>article{margin-top:0!important}
  .t_bg .t_inr{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:18px!important}
  .t_s3{margin:0!important}
  .t_s4 .col{width:126px!important;height:189px!important}
}

@media screen and (min-width:900px){
  .t_s1 a.col:first-child::before{left:6px!important;top:6px!important;z-index:4!important}
  footer.p_f{top:842px!important}
}

@media screen and (min-width:900px){footer.p_f{top:875px!important}}

@media screen and (min-width:900px){
  body{background:#fdebed!important}
  .frame{background:linear-gradient(180deg,#fff8f9 0%,#fdebed 54%,#f9dde1 100%)!important}
  main{width:min(calc(100% - 76px),1160px)!important;max-width:1160px!important;margin-top:92px!important;min-height:1350px!important}

  main>article{
    width:calc(100% - 350px)!important;
    margin-top:-78px!important;
    padding:0 18px 18px!important;
    border:0!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 8px 22px rgba(128,82,92,.07)!important;
    overflow:hidden!important;
  }
  .t_s1{
    position:relative!important;
    padding:16px 14px 16px!important;
    background:linear-gradient(180deg,rgba(247,212,215,.92) 0%,rgba(247,212,215,.92) 88%,rgba(247,212,215,.78) 100%)!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  .t_s1::before{
    content:""!important;
    position:absolute!important;
    left:-5%!important;
    top:-58px!important;
    width:110%!important;
    height:122px!important;
    border-radius:0 0 50% 50%!important;
    background:#fff7f8!important;
    pointer-events:none!important;
  }
  .t_s1 h2{
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    margin:0 0 6px!important;
    text-align:left!important;
  }
  .t_s1 h2 img{max-width:224px!important;margin-left:28px!important}
  .t_s1 h2::after{
    height:13px!important;
    margin-top:7px!important;
    background-size:auto 13px!important;
    opacity:.85!important;
  }
  .t_s1 .ctr{position:relative!important;z-index:1!important}
  .t_s1 .row{
    gap:11px!important;
    padding:2px 4px 10px!important;
    scroll-padding-left:4px!important;
    scrollbar-width:thin!important;
    scrollbar-color:#dc6873 rgba(255,255,255,.34)!important;
  }
  .t_s1 .row::-webkit-scrollbar{height:7px!important}
  .t_s1 .row::-webkit-scrollbar-track{background:rgba(255,255,255,.42)!important;border-radius:999px!important}
  .t_s1 .row::-webkit-scrollbar-thumb{background:#dc6873!important;border-radius:999px!important}
  .t_s1 a.col,
  .t_s1 a.col:first-child,
  .t_s1 a.col:not(:first-child),
  .t_s1 a.col:nth-child(6){
    flex:0 0 224px!important;
    width:224px!important;
    max-width:224px!important;
    height:218px!important;
    border:1px solid rgba(232,163,170,.78)!important;
    border-radius:7px!important;
    background:#fff!important;
    box-shadow:0 5px 12px rgba(116,77,84,.08)!important;
    overflow:hidden!important;
  }
  .t_s1 a.col .thmb,
  .t_s1 a.col:first-child .thmb,
  .t_s1 a.col:not(:first-child) .thmb{
    width:222px!important;
    height:125px!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-color:#fff!important;
  }
  .t_s1 a.col:first-child::before{left:7px!important;top:7px!important}
  .t_s1 a.col .cate{
    margin:8px 9px 3px!important;
    padding:3px 10px!important;
    font-size:10px!important;
    line-height:1.2!important;
  }
  .t_s1 a.col .time{margin:0 9px 4px!important;font-size:10px!important}
  .t_s1 a.col .ttl{
    margin:0 9px 8px!important;
    font-size:12px!important;
    line-height:1.42!important;
    -webkit-line-clamp:2!important;
  }
  .t_s1 .jc-more-link{
    width:148px!important;
    min-height:34px!important;
    margin-top:8px!important;
    font-size:13px!important;
  }

  main>.t_bg{
    width:calc(100% - 350px)!important;
    margin-top:14px!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .t_bg::before{display:none!important}
  .t_bg .t_inr{
    display:grid!important;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
    gap:16px!important;
    align-items:stretch!important;
    width:100%!important;
  }
  .t_s3,.t_s4{
    position:relative!important;
    min-height:0!important;
    padding:22px 18px 20px!important;
    border:3px solid rgba(255,255,255,.86)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.92)!important;
    box-shadow:0 8px 22px rgba(128,82,92,.07)!important;
    overflow:hidden!important;
  }
  .t_s3::before,.t_s4::before{
    content:""!important;
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    top:16px!important;
    height:86px!important;
    background-image:url('../images/top_background_kazari2.png')!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
    background-size:100% auto!important;
    opacity:.10!important;
    pointer-events:none!important;
  }
  .t_s3 h2,.t_s4 h2{
    position:relative!important;
    z-index:1!important;
    min-height:48px!important;
    margin:0 0 10px!important;
    text-align:center!important;
  }
  .t_s3 h2 img,.t_s4 h2 img{margin:0 auto!important;max-height:45px!important}
  .t_s3 h2::after,.t_s4 h2::after{
    height:13px!important;
    margin-top:7px!important;
    background-size:auto 13px!important;
    opacity:.85!important;
  }
  .t_s3 .ctr,.t_s4 .ctr,.t_s4 .kazari2link{position:relative!important;z-index:1!important}
  .t_s3 .row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px!important;
  }
  .t_s3 .col{width:auto!important;margin:0!important}
  .t_s3 .col a{
    border-radius:6px!important;
    box-shadow:0 4px 10px rgba(116,77,84,.07)!important;
  }
  .t_s3 .thmb{
    aspect-ratio:4/3!important;
    background-size:cover!important;
    background-position:center!important;
  }
  .t_s3 .ttl{font-size:12px!important;margin:7px 5px 8px!important}
  .t_s4 .row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    justify-items:center!important;
  }
  .t_s4 .col{
    width:min(142px,100%)!important;
    height:auto!important;
    aspect-ratio:2/3!important;
    border-radius:6px!important;
    box-shadow:0 4px 10px rgba(116,77,84,.07)!important;
  }
  .t_s3 .jc-more-link,.t_s4 .jc-more-link{
    width:142px!important;
    min-height:34px!important;
    margin-top:14px!important;
    font-size:13px!important;
  }

  main>.t_hero{right:0!important;top:42px!important;width:340px!important}
  header>img:first-child{right:calc((100vw - min(calc(100vw - 76px),1160px))/2)!important}
  .hmb{right:calc((100vw - min(calc(100vw - 76px),1160px))/2 + 13px)!important}
  main>.jc-desktop-side{
    right:0!important;
    top:494px!important;
    width:340px!important;
    gap:14px!important;
  }
  .jc-side-banners{gap:12px!important}
  .jc-side-banners a{border-radius:7px!important;box-shadow:0 6px 14px rgba(116,77,84,.10)!important}
  .jc-side-sns{
    padding:14px!important;
    border-radius:10px!important;
  }
  footer.p_f{
    left:auto!important;
    right:calc((100vw - min(calc(100vw - 76px),1160px))/2)!important;
    top:884px!important;
    width:340px!important;
  }
}

@media screen and (min-width:900px) and (max-width:1099px){
  main{width:min(calc(100% - 40px),940px)!important}
  header>img:first-child{right:20px!important}
  .hmb{right:33px!important}
  main>article{width:calc(100% - 360px)!important;margin-top:-78px!important}
  main>.t_bg{width:calc(100% - 360px)!important}
  .t_bg .t_inr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important}
  .t_s3,.t_s4{padding-left:14px!important;padding-right:14px!important}
  .t_s3 .row{gap:9px!important}
  .t_s4 .row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .t_s4 .col{width:132px!important}
}

@media screen and (min-width:900px){
  header{top:48px!important}
  main>.t_hero{top:48px!important}
  .t_s1 .row{scrollbar-width:none!important}
  .t_s1 .row::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
}

@media screen and (min-width:900px) and (max-width:1099px){
  header{top:48px!important}
  main>.t_hero{top:48px!important}
}

@media screen and (min-width:900px){
  main{width:min(calc(100% - 56px),1240px)!important;max-width:1240px!important;margin-top:92px!important;min-height:1370px!important}
  main>article,main>.t_bg{width:calc(100% - 368px)!important}
  main>article{margin-top:-78px!important}
  header>img:first-child{right:calc((100vw - min(calc(100vw - 56px),1240px))/2)!important}
  .hmb{right:calc((100vw - min(calc(100vw - 56px),1240px))/2 + 13px)!important}
  main>.t_hero{right:0!important;width:340px!important}
  main>.jc-desktop-side{right:0!important;width:340px!important;top:494px!important}

  .t_s1 h2{text-align:center!important}
  .t_s1 h2 img{margin-left:auto!important;margin-right:auto!important;max-width:260px!important}
  .t_s1 h2::after{width:86%!important;margin-left:auto!important;margin-right:auto!important}
  .t_s1 .row{justify-content:flex-start!important}

  .t_bg .t_inr{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr)!important;gap:18px!important}
  .t_s3,.t_s4{padding:24px 20px 22px!important}
  .t_s3 h2,.t_s4 h2{min-height:62px!important;margin-bottom:12px!important}
  .t_s3 h2 img,.t_s4 h2 img{max-width:260px!important;max-height:none!important;width:auto!important;height:auto!important}
  .t_s3 h2::after,.t_s4 h2::after{width:92%!important;margin-left:auto!important;margin-right:auto!important}
  .t_s3 .row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .t_s3 .thmb{aspect-ratio:4/3!important}
  .t_s4 .row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:start!important}
  .t_s4 .col{width:min(178px,100%)!important;max-width:178px!important;aspect-ratio:2/3!important;height:auto!important;background-size:cover!important;background-position:center!important}
  .t_s4 .jc-more-link{margin-top:18px!important}

  .jc-side-banners{position:relative!important;gap:10px!important;padding:18px 12px 18px!important;border:3px solid rgba(255,255,255,.88)!important;border-radius:10px!important;background:linear-gradient(180deg,#c7ecfa 0%,#dff6ff 100%)!important;box-shadow:0 8px 22px rgba(98,139,166,.12)!important;overflow:hidden!important}
  .jc-side-banners::before{content:"";position:absolute;left:-24px;right:-24px;bottom:-18px;height:94px;background-image:url('../images/top_background_kazari2.png');background-repeat:no-repeat;background-position:center bottom;background-size:110% auto;opacity:.18;pointer-events:none}
  .jc-side-banners a{position:relative!important;z-index:1!important;border-radius:7px!important;background:transparent!important;box-shadow:0 5px 12px rgba(78,105,130,.14)!important}

  footer.p_f{right:calc((100vw - min(calc(100vw - 56px),1240px))/2)!important;top:900px!important;width:340px!important;height:305px!important;border-radius:0!important;background-image:url('../images/top11_footer.png')!important;background-repeat:no-repeat!important;background-position:center top!important;background-size:100% auto!important;overflow:visible!important}
  footer.p_f .shr{top:128px!important;width:100%!important;text-align:center!important}
  footer.p_f .shr .ttl{width:118px!important;margin:0 auto 8px!important}
  footer.p_f .shr .link{display:flex!important;justify-content:center!important;gap:8px!important}
  footer.p_f .shr .link img{width:34px!important;height:34px!important}
  footer.p_f::after{bottom:18px!important;color:#8b676c!important;font-size:11px!important}
}
@media screen and (min-width:900px) and (max-width:1099px){
  main{width:min(calc(100% - 40px),960px)!important}
  header>img:first-child{right:20px!important}
  .hmb{right:33px!important}
  main>article,main>.t_bg{width:calc(100% - 360px)!important}
  .t_s1 h2 img{max-width:238px!important}
  .t_bg .t_inr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important}
  .t_s3,.t_s4{padding:18px 14px 20px!important}
  .t_s3 h2 img,.t_s4 h2 img{max-width:220px!important}
  .t_s4 .col{width:min(144px,100%)!important;max-width:144px!important}
  footer.p_f{right:20px!important}
}

@media screen and (min-width:900px){
  footer.p_f{top:884px!important;height:305px!important;background-image:url('../images/footer.png')!important;background-repeat:no-repeat!important;background-position:center top!important;background-size:100% auto!important}
  footer.p_f .shr{top:176px!important}
  footer.p_f .shr .ttl{width:118px!important;margin-bottom:7px!important}
  footer.p_f::after{bottom:13px!important}
}
@media screen and (min-width:900px) and (max-width:1099px){
  .t_bg .t_inr{grid-template-columns:1fr!important;gap:14px!important}
  .t_s4 .col{width:min(155px,100%)!important;max-width:155px!important}
}

@media screen and (min-width:900px) and (max-width:1099px){
  main>.t_bg{width:100%!important;margin-top:48px!important}
  .t_bg .t_inr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important}
  .t_s4 .col{width:min(155px,100%)!important;max-width:155px!important}
}

@media screen and (min-width:900px){
  body{background:#fdebed!important}
  .frame{background:linear-gradient(180deg,#fff8f8 0%,#fdebed 44%,#f9dfe3 100%)!important}
  main{
    position:relative!important;
    width:min(calc(100% - 40px),1320px)!important;
    max-width:1320px!important;
    min-height:1034px!important;
    margin:92px auto 0!important;
  }
  main::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:calc(100% - 380px)!important;
    height:1032px!important;
    border:3px solid rgba(255,255,255,.92)!important;
    border-radius:12px!important;
    background-image:linear-gradient(180deg,rgba(255,248,248,.92) 0%,rgba(255,242,243,.78) 46%,rgba(255,248,248,.88) 100%),url('../images/top_haikei3.png')!important;
    background-repeat:no-repeat,repeat!important;
    background-position:center top,center top!important;
    background-size:100% 100%,390px auto!important;
    box-shadow:0 10px 26px rgba(128,82,92,.08)!important;
    pointer-events:none!important;
    box-sizing:border-box!important;
  }
  main>article,main>.t_bg{
    position:relative!important;
    z-index:1!important;
    width:calc(100% - 380px)!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  main>article{margin-top:-78px!important;padding:14px 18px 0!important}
  .t_s1{border:0!important;border-radius:0!important;background:linear-gradient(180deg,rgba(246,209,213,.84) 0%,rgba(246,209,213,.82) 82%,rgba(246,209,213,.58) 100%)!important;box-shadow:none!important}
  .t_s1::before{top:-64px!important;height:130px!important;background:#fff9f9!important}
  .t_s1 h2{text-align:center!important}
  .t_s1 h2 img{max-width:286px!important;margin-left:auto!important;margin-right:auto!important}
  .t_s1 h2::after{width:88%!important;margin-left:auto!important;margin-right:auto!important}
  .t_s1 .row{padding-left:8px!important;padding-right:8px!important}
  .t_s1 a.col,.t_s1 a.col:first-child,.t_s1 a.col:not(:first-child),.t_s1 a.col:nth-child(6){flex-basis:232px!important;width:232px!important;max-width:232px!important;height:222px!important;box-shadow:0 5px 12px rgba(116,77,84,.06)!important}
  .t_s1 a.col .thmb,.t_s1 a.col:first-child .thmb,.t_s1 a.col:not(:first-child) .thmb{width:230px!important;height:130px!important}
  main>.t_bg{margin-top:20px!important;padding:0 18px 18px!important}
  .t_bg .t_inr{display:grid!important;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)!important;gap:20px!important;align-items:start!important}
  .t_s3,.t_s4{border:2px solid rgba(255,255,255,.88)!important;border-radius:10px!important;background:rgba(255,255,255,.68)!important;box-shadow:0 6px 18px rgba(128,82,92,.055)!important;backdrop-filter:none!important}
  .t_s3::before,.t_s4::before{top:14px!important;opacity:.08!important}
  .t_s3 h2,.t_s4 h2{min-height:66px!important;margin-bottom:12px!important}
  .t_s3 h2 img,.t_s4 h2 img{max-width:280px!important;width:auto!important;max-height:none!important}
  .t_s3 h2::after,.t_s4 h2::after{width:92%!important}
  .t_s3 .row{gap:12px!important}
  .t_s3 .thmb{aspect-ratio:4/3!important}
  .t_s4 .row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .t_s4 .col{width:min(190px,100%)!important;max-width:190px!important;aspect-ratio:2/3!important;height:auto!important}
  header>img:first-child{right:calc((100vw - min(calc(100vw - 40px),1320px))/2)!important}
  .hmb{right:calc((100vw - min(calc(100vw - 40px),1320px))/2 + 13px)!important}
  main>.t_hero{right:0!important}
  main>.jc-desktop-side{right:0!important;top:494px!important;width:340px!important}
  .jc-side-banners{padding:18px 12px!important;border:3px solid rgba(255,255,255,.9)!important;border-radius:10px!important;background:linear-gradient(180deg,#c7ecfa 0%,#dff6ff 100%)!important;box-shadow:0 8px 22px rgba(98,139,166,.12)!important}
  footer.p_f{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:min(calc(100% - 40px),1320px)!important;
    height:360px!important;
    margin:30px auto 0!important;
    padding:0!important;
    border-radius:0!important;
    background-color:#f19a9b!important;
    background-image:url('../images/footer.png')!important;
    background-repeat:no-repeat!important;
    background-position:center bottom!important;
    background-size:620px auto!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  footer.p_f .shr{position:absolute!important;left:50%!important;top:204px!important;width:260px!important;transform:translateX(-50%)!important;text-align:center!important}
  footer.p_f .shr .ttl{width:132px!important;margin:0 auto 8px!important}
  footer.p_f .shr .link{display:flex!important;justify-content:center!important;gap:9px!important}
  footer.p_f .shr .link img{width:36px!important;height:36px!important}
  footer.p_f::after{bottom:18px!important;color:#8b676c!important;font-size:11px!important}
}
@media screen and (min-width:900px) and (max-width:1099px){
  main{width:min(calc(100% - 40px),960px)!important;min-height:1150px!important}
  main::before{width:100%!important;height:1136px!important}
  header>img:first-child{right:20px!important}
  .hmb{right:33px!important}
  main>article{width:calc(100% - 360px)!important}
  main>.t_bg{width:100%!important;margin-top:48px!important}
  .t_bg .t_inr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important}
  .t_s3,.t_s4{padding:20px 16px 22px!important}
  .t_s3 h2 img,.t_s4 h2 img{max-width:235px!important}
  .t_s4 .col{width:min(160px,100%)!important;max-width:160px!important}
  footer.p_f{width:min(calc(100% - 40px),960px)!important}
}

@media screen and (min-width:900px){
  footer.p_f{
    min-height:410px!important;
    background-color:#ef9899!important;
    background-image:
      url('../images/footer.png'),
      url('../images/top11_footer.png')!important;
    background-repeat:no-repeat,repeat-x!important;
    background-position:center top,center top!important;
    background-size:620px auto,620px auto!important;
    overflow:hidden!important;
  }
  footer.p_f::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:120px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,0))!important;
    pointer-events:none!important;
  }
  footer.p_f .shr{top:206px!important;z-index:2!important}
  footer.p_f::after{z-index:2!important}
}
@media screen and (min-width:900px) and (max-width:1099px){
  footer.p_f{background-size:560px auto,560px auto!important}
  footer.p_f .shr{top:190px!important}
}

@media screen and (min-width:900px){
  footer.p_f{font-size:0!important;line-height:0!important;color:transparent!important}
  footer.p_f::after{
    content:"©JOYNET LLC."!important;
    display:block!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:16px!important;
    width:100%!important;
    color:#8c6464!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1!important;
    text-align:center!important;
  }
}

@media screen and (min-width:900px){
  .t_s4 .row{align-items:flex-start!important}
  .t_s4 .col{
    position:relative!important;
    width:min(190px,calc(50% - 8px))!important;
    max-width:190px!important;
    height:326px!important;
    aspect-ratio:auto!important;
    border:1px solid #f5ccd0!important;
    border-radius:8px!important;
    background-color:#fff!important;
    background-repeat:no-repeat!important;
    background-position:center 12px!important;
    background-size:calc(100% - 20px) auto!important;
    box-shadow:0 5px 14px rgba(110,91,97,.08)!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .t_s4 .col .link{
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    top:12px!important;
    bottom:50px!important;
    width:auto!important;
    height:auto!important;
    display:block!important;
    z-index:2!important;
  }
  .t_s4 .ttl{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:48px!important;
    margin:0!important;
    padding:7px 8px 8px!important;
    border-top:1px solid #f8d6d9!important;
    background:#fff!important;
    color:#5f4a50!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.35!important;
    text-align:center!important;
    letter-spacing:0!important;
    box-sizing:border-box!important;
    z-index:3!important;
  }
  .t_s4 .kazari2link{margin-top:18px!important}
}
@media screen and (min-width:900px) and (max-width:1099px){
  .t_s4 .col{width:min(160px,calc(50% - 7px))!important;max-width:160px!important;height:286px!important;background-position:center 10px!important;background-size:calc(100% - 18px) auto!important}
  .t_s4 .col .link{left:9px!important;right:9px!important;top:10px!important;bottom:46px!important}
  .t_s4 .ttl{min-height:44px!important;font-size:11px!important;padding:6px 6px 7px!important}
}

@media screen and (min-width:900px){
  .t_s4 .col{
    height:366px!important;
    padding:0!important;
    background-position:center 12px!important;
    background-size:calc(100% - 20px) auto!important;
  }
  .t_s4 .col .link{
    left:18px!important;
    right:18px!important;
    top:auto!important;
    bottom:12px!important;
    width:auto!important;
    height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:3px solid #fff!important;
    border-radius:999px!important;
    background:#5c8fc6!important;
    box-shadow:0 0 0 2px #5c8fc6,0 4px 8px rgba(61,104,146,.18)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
    z-index:4!important;
  }
  .t_s4 .col .link::before{
    content:"ダウンロードはこちら"!important;
    display:block!important;
    padding-right:16px!important;
    white-space:nowrap!important;
  }
  .t_s4 .col .link::after{
    content:""!important;
    position:absolute!important;
    right:10px!important;
    top:50%!important;
    width:16px!important;
    height:16px!important;
    border-radius:50%!important;
    background:#fff!important;
    transform:translateY(-50%)!important;
  }
  .t_s4 .col .link:hover{filter:saturate(1.04)!important}
  .t_s4 .col .link:active{transform:translateY(1px)!important}
  .t_s4 .ttl{
    bottom:50px!important;
    min-height:46px!important;
    border-bottom:1px solid #f8d6d9!important;
  }
}
@media screen and (min-width:900px) and (max-width:1099px){
  .t_s4 .col{height:326px!important;background-position:center 10px!important;background-size:calc(100% - 18px) auto!important}
  .t_s4 .col .link{left:12px!important;right:12px!important;bottom:10px!important;height:32px!important;font-size:11px!important}
  .t_s4 .col .link::before{padding-right:14px!important}
  .t_s4 .col .link::after{right:8px!important;width:15px!important;height:15px!important}
  .t_s4 .ttl{bottom:46px!important;min-height:44px!important}
}

@media screen and (min-width:900px){
  .t_s4 .row{
    display:grid!important;
    grid-template-columns:repeat(2,160px)!important;
    justify-content:center!important;
    align-items:start!important;
    gap:16px!important;
  }
  .t_s4 .col{
    width:160px!important;
    max-width:160px!important;
    height:326px!important;
    min-height:326px!important;
    border:1px solid #f5ccd0!important;
    border-radius:8px!important;
    background-color:#fff!important;
    background-repeat:no-repeat!important;
    background-position:center 10px!important;
    background-size:142px auto!important;
    box-shadow:0 5px 14px rgba(110,91,97,.08)!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .t_s4 .col > .ttl{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:47px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:44px!important;
    margin:0!important;
    padding:6px 8px!important;
    border-top:1px solid #f8d6d9!important;
    border-bottom:1px solid #f8d6d9!important;
    background:#fff!important;
    color:#5f4a50!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.35!important;
    text-align:center!important;
    letter-spacing:0!important;
    box-sizing:border-box!important;
    z-index:3!important;
  }
  .t_s4 .col > .link{
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:10px!important;
    width:auto!important;
    height:31px!important;
    min-height:31px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 22px 0 10px!important;
    border:3px solid #fff!important;
    border-radius:999px!important;
    background:#5c8fc6!important;
    box-shadow:0 0 0 2px #5c8fc6,0 4px 8px rgba(61,104,146,.18)!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
    z-index:4!important;
  }
  .t_s4 .col > .link::before{
    content:"ダウンロードはこちら"!important;
    display:block!important;
    white-space:nowrap!important;
  }
  .t_s4 .col > .link::after{
    content:""!important;
    position:absolute!important;
    right:8px!important;
    top:50%!important;
    width:15px!important;
    height:15px!important;
    border-radius:50%!important;
    background:#fff!important;
    transform:translateY(-50%)!important;
  }
}
@media screen and (min-width:900px) and (max-width:1099px){
  .t_s4 .row{grid-template-columns:repeat(2,150px)!important;gap:14px!important}
  .t_s4 .col{width:150px!important;max-width:150px!important;height:308px!important;min-height:308px!important;background-size:132px auto!important}
  .t_s4 .col > .ttl{bottom:45px!important;min-height:42px!important;font-size:10px!important;padding:5px 6px!important}
  .t_s4 .col > .link{left:10px!important;right:10px!important;bottom:9px!important;height:30px!important;min-height:30px!important;font-size:10px!important;padding-right:20px!important}
}

@media screen and (min-width:900px){
  body .frame main .t_bg .t_inr section.t_s4 .ctr .row .col p.ttl{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:47px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:44px!important;
    height:auto!important;
    margin:0!important;
    padding:6px 8px!important;
    border-top:1px solid #f8d6d9!important;
    border-bottom:1px solid #f8d6d9!important;
    background:#fff!important;
    color:#5f4a50!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.35!important;
    text-align:center!important;
    letter-spacing:0!important;
    box-sizing:border-box!important;
    z-index:3!important;
    opacity:1!important;
    visibility:visible!important;
  }
  body .frame main .t_bg .t_inr section.t_s4 .ctr .row .col a.link{
    font-size:10px!important;
    letter-spacing:0!important;
  }
  body .frame main .t_bg .t_inr section.t_s4 .ctr .row .col a.link::before{
    content:"DLはこちら"!important;
  }
}
@media screen and (min-width:900px) and (max-width:1099px){
  body .frame main .t_bg .t_inr section.t_s4 .ctr .row .col p.ttl{bottom:45px!important;min-height:42px!important;font-size:10px!important;padding:5px 6px!important}
}

@media screen and (min-width:900px){
  body .frame main .t_bg .t_inr section.t_s4 .ctr .row .col{
    position:relative!important;
    display:block!important;
  }
  body .frame main .t_bg .t_inr section.t_s4 .ctr .row .col p.ttl{
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:47px!important;
    width:100%!important;
  }
  body .frame main .t_bg .t_inr section.t_s4 .ctr .row .col a.link::before{
    content:"ダウンロードはこちら"!important;
    transform:scale(.82)!important;
    transform-origin:center!important;
  }
}
@media screen and (min-width:900px) and (max-width:1099px){
  body .frame main .t_bg .t_inr section.t_s4 .ctr .row .col p.ttl{bottom:45px!important}
  body .frame main .t_bg .t_inr section.t_s4 .ctr .row .col a.link::before{transform:scale(.76)!important}
}

@media screen and (min-width:900px){
  body .frame main .t_bg .t_inr section.t_s4 .ctr .row .col p.ttl{
    transform:none!important;
  }
}

.jc-pc-menu{display:none}
@media screen and (min-width:900px){
  body .frame main article .jc-pc-menu{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    margin:0 0 14px!important;
    padding:8px 8px 10px!important;
    border:2px solid rgba(255,255,255,.88)!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,244,246,.64))!important;
    box-shadow:0 5px 14px rgba(128,82,92,.055)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    box-sizing:border-box!important;
    position:relative!important;
    z-index:3!important;
  }
  body .frame main article .jc-pc-menu::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
  body .frame main article .jc-pc-menu a{
    flex:0 0 auto!important;
    display:block!important;
    width:112px!important;
    line-height:0!important;
    border-radius:8px!important;
    filter:drop-shadow(0 3px 5px rgba(110,91,97,.08))!important;
    transition:transform .12s ease,filter .12s ease!important;
  }
  body .frame main article .jc-pc-menu a.wide{width:150px!important}
  body .frame main article .jc-pc-menu a:hover{transform:translateY(-1px)!important;filter:drop-shadow(0 5px 8px rgba(110,91,97,.13))!important}
  body .frame main article .jc-pc-menu a:active{transform:translateY(1px)!important}
  body .frame main article .jc-pc-menu img{display:block!important;width:100%!important;height:auto!important}
  body .frame main article{padding-top:14px!important}
}
@media screen and (min-width:900px) and (max-width:1099px){
  body .frame main article .jc-pc-menu{gap:7px!important;padding:7px 7px 9px!important;margin-bottom:12px!important}
  body .frame main article .jc-pc-menu a{width:104px!important}
  body .frame main article .jc-pc-menu a.wide{width:140px!important}
}

@media screen and (min-width:1100px){
  body .frame main article .jc-pc-menu{gap:6px!important;justify-content:center!important}
  body .frame main article .jc-pc-menu a{width:102px!important}
  body .frame main article .jc-pc-menu a.wide{width:132px!important}
}
@media screen and (min-width:900px) and (max-width:1099px){
  body .frame main article .jc-pc-menu a{width:104px!important}
  body .frame main article .jc-pc-menu a.wide{width:140px!important}
}

@media screen and (min-width:1100px){
  body .frame main{min-height:1148px!important}
  body .frame main::before{height:1136px!important}
  body .frame main article .jc-pc-menu{justify-content:center!important;gap:10px!important}
  body .frame main article .jc-pc-menu a{width:116px!important}
}
@media screen and (min-width:900px) and (max-width:1099px){
  body .frame main{min-height:1192px!important}
  body .frame main::before{height:1180px!important}
  body .frame main article .jc-pc-menu{justify-content:flex-start!important;gap:9px!important}
}

@media screen and (min-width:900px){
  body .frame main article .jc-pc-menu a{
    position:relative!important;
    overflow:visible!important;
    isolation:isolate!important;
  }
  body .frame main article .jc-pc-menu a::before{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:26px!important;
    height:26px!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:contain!important;
    opacity:0!important;
    transform:translate(-50%,-50%) scale(.55) rotate(-8deg)!important;
    transition:opacity .16s ease,transform .16s ease!important;
    pointer-events:none!important;
    z-index:-1!important;
  }
  body .frame main article .jc-pc-menu a:nth-child(1)::before{background-image:url('../images/menu1_home_bk.png')!important}
  body .frame main article .jc-pc-menu a:nth-child(2)::before{background-image:url('../images/menu2_info_bk.png')!important}
  body .frame main article .jc-pc-menu a:nth-child(3)::before{background-image:url('../images/menu5_ohanashi_bk.png')!important}
  body .frame main article .jc-pc-menu a:nth-child(4)::before{background-image:url('../images/menu6_kabegami_bk.png')!important}
  body .frame main article .jc-pc-menu a:nth-child(5)::before{background-image:url('../images/menu2_info_bk.png')!important}
  body .frame main article .jc-pc-menu a:hover,
  body .frame main article .jc-pc-menu a:focus-visible{
    transform:translateY(-2px) scale(1.04)!important;
    filter:drop-shadow(0 7px 10px rgba(110,91,97,.16)) saturate(1.06)!important;
    outline:none!important;
  }
  body .frame main article .jc-pc-menu a:hover::before,
  body .frame main article .jc-pc-menu a:focus-visible::before{
    opacity:.95!important;
    transform:translate(-50%,-50%) scale(1.85) rotate(0deg)!important;
  }
  body .frame main article .jc-pc-menu a:hover img,
  body .frame main article .jc-pc-menu a:focus-visible img{
    transform:translateY(-1px)!important;
  }
  body .frame main article .jc-pc-menu img{
    position:relative!important;
    z-index:1!important;
    transition:transform .16s ease!important;
  }
  body .frame main article .jc-pc-menu a:active{
    transform:translateY(1px) scale(.99)!important;
    filter:drop-shadow(0 3px 5px rgba(110,91,97,.12))!important;
  }
}

@media screen and (min-width:900px){
  body .frame main{
    min-height:1248px!important;
  }
  body .frame main::before{
    top:0!important;
    bottom:0!important;
    height:auto!important;
  }
  body .frame main article .jc-pc-menu{
    justify-content:space-between!important;
    align-items:center!important;
    gap:10px!important;
    padding:11px 14px 13px!important;
    margin-bottom:12px!important;
  }
  body .frame main article .jc-pc-menu a{
    width:145px!important;
    max-width:none!important;
    transform:none!important;
    filter:none!important;
    position:relative!important;
    isolation:isolate!important;
    overflow:visible!important;
  }
  body .frame main article .jc-pc-menu a::before{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:calc(100% + 16px)!important;
    height:auto!important;
    aspect-ratio:305/65!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:100% 100%!important;
    opacity:0!important;
    transform:translate(-50%,-50%)!important;
    transition:opacity .16s ease!important;
    pointer-events:none!important;
    z-index:-1!important;
  }
  body .frame main article .jc-pc-menu a:nth-child(1)::before,
  body .frame main article .jc-pc-menu a:nth-child(3)::before{
    background-image:url('../images/menu_on1.png')!important;
  }
  body .frame main article .jc-pc-menu a:nth-child(2)::before,
  body .frame main article .jc-pc-menu a:nth-child(4)::before,
  body .frame main article .jc-pc-menu a:nth-child(5)::before{
    background-image:url('../images/menu_on2.png')!important;
  }
  body .frame main article .jc-pc-menu a:hover,
  body .frame main article .jc-pc-menu a:focus-visible{
    transform:none!important;
    filter:none!important;
    outline:none!important;
  }
  body .frame main article .jc-pc-menu a:hover::before,
  body .frame main article .jc-pc-menu a:focus-visible::before{
    opacity:1!important;
  }
  body .frame main article .jc-pc-menu a:hover img,
  body .frame main article .jc-pc-menu a:focus-visible img{
    transform:none!important;
  }
}
@media screen and (min-width:1100px){
  body .frame main{
    min-height:1270px!important;
  }
  body .frame main article .jc-pc-menu a{
    width:154px!important;
  }
}
@media screen and (min-width:900px) and (max-width:1099px){
  body .frame main{
    min-height:1300px!important;
  }
  body .frame main article .jc-pc-menu{
    gap:9px!important;
    overflow-x:auto!important;
    justify-content:flex-start!important;
  }
  body .frame main article .jc-pc-menu a{
    width:132px!important;
    flex:0 0 auto!important;
  }
}

@media screen and (min-width:900px){
  body .frame main .jc-desktop-side{
    gap:14px!important;
  }
  body .frame main .jc-menu-bottom-panel{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:306px!important;
    margin-top:0!important;
    border-radius:8px!important;
    background:#fff url('../images/menu_background.png') center bottom/100% auto no-repeat!important;
    box-shadow:0 10px 24px rgba(110,91,97,.08)!important;
    overflow:hidden!important;
  }
  body .frame main .jc-menu-bottom-panel::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 52%,rgba(255,255,255,0) 100%)!important;
    pointer-events:none!important;
  }
  body .frame main .jc-menu-bottom-title{
    position:absolute!important;
    left:50%!important;
    top:92px!important;
    z-index:2!important;
    width:122px!important;
    height:auto!important;
    transform:translateX(-50%)!important;
  }
  body .frame main .jc-menu-bottom-links{
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    top:130px!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  body .frame main .jc-menu-bottom-links a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    line-height:0!important;
    transition:transform .16s ease,filter .16s ease!important;
  }
  body .frame main .jc-menu-bottom-links a:hover,
  body .frame main .jc-menu-bottom-links a:focus-visible{
    transform:translateY(-2px)!important;
    filter:drop-shadow(0 5px 8px rgba(110,91,97,.16))!important;
    outline:none!important;
  }
  body .frame main .jc-menu-bottom-links img{
    display:block!important;
    width:100%!important;
    height:auto!important;
  }
  body .frame main .jc-menu-bottom-links a:last-child{
    width:48px!important;
    height:48px!important;
  }
  body .frame main + footer.p_f{
    display:none!important;
  }
}
@media screen and (min-width:1100px){
  body .frame main .jc-menu-bottom-panel{
    height:318px!important;
  }
  body .frame main .jc-menu-bottom-title{
    top:98px!important;
  }
  body .frame main .jc-menu-bottom-links{
    top:138px!important;
  }
}

@media screen and (min-width:900px){
  body .frame main .jc-desktop-side{
    gap:0!important;
    border-radius:8px!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(110,91,97,.08)!important;
    overflow:hidden!important;
  }
  body .frame main .jc-desktop-side .jc-side-card,
  body .frame main .jc-desktop-side .jc-side-sns{
    display:none!important;
  }
  body .frame main .jc-side-banners{
    position:relative!important;
    z-index:1!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    padding:14px 14px 12px!important;
    margin:0!important;
    border-radius:8px 8px 0 0!important;
    background:#fff url('../images/menu_background.png') center top/100% auto no-repeat!important;
    box-shadow:none!important;
  }
  body .frame main .jc-side-banners a{
    display:block!important;
    margin:0!important;
    line-height:0!important;
  }
  body .frame main .jc-side-banners img{
    display:block!important;
    width:100%!important;
    height:auto!important;
  }
  body .frame main .jc-menu-bottom-panel{
    height:312px!important;
    margin:0!important;
    border-radius:0 0 8px 8px!important;
    background:#fff url('../images/menu_background.png') center bottom/100% auto no-repeat!important;
    box-shadow:none!important;
  }
  body .frame main .jc-menu-bottom-panel::before{
    display:none!important;
  }
  body .frame main .jc-menu-bottom-title{
    display:none!important;
  }
  body .frame main .jc-menu-bottom-links{
    top:134px!important;
    left:22px!important;
    right:22px!important;
  }
  body .frame main .jc-menu-bottom-links a{
    width:42px!important;
    height:42px!important;
  }
  body .frame main .jc-menu-bottom-links a:last-child{
    width:50px!important;
    height:50px!important;
  }
  body .frame main .t_bg{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px!important;
    align-items:stretch!important;
  }
  body .frame main .t_bg .t_s3,
  body .frame main .t_bg .t_s4{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    min-height:564px!important;
    box-sizing:border-box!important;
  }
  body .frame main .t_bg .t_s3 .ctr,
  body .frame main .t_bg .t_s4 .ctr,
  body .frame main .t_bg .t_s4 .kazari2link{
    flex:0 0 auto!important;
  }
  body .frame main .t_bg .t_s3 .jc-more-link,
  body .frame main .t_bg .t_s4 .jc-more-link,
  body .frame main .t_bg .t_s4>a:last-child,
  body .frame main .t_bg .t_s3>a:last-child{
    margin-top:auto!important;
  }
  body .frame main .jc-left-copy{
    grid-column:1!important;
    display:block!important;
    margin:18px 0 2px!important;
    padding:0!important;
    color:#8a747a!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.4!important;
    text-align:center!important;
    letter-spacing:0!important;
  }
  body .frame main{
    min-height:1305px!important;
  }
}
@media screen and (min-width:1100px){
  body .frame main .jc-menu-bottom-panel{
    height:318px!important;
  }
  body .frame main .t_bg .t_s3,
  body .frame main .t_bg .t_s4{
    min-height:574px!important;
  }
  body .frame main{
    min-height:1328px!important;
  }
}
@media screen and (max-width:899px){
  .jc-left-copy{
    display:none!important;
  }
}

@media screen and (min-width:900px){
  body .frame main .t_bg{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  body .frame main .t_bg .t_s3,
  body .frame main .t_bg .t_s4{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    flex:1 1 0!important;
  }
  body .frame main .t_bg .t_s3 .ctr,
  body .frame main .t_bg .t_s4 .ctr{
    width:100%!important;
    max-width:none!important;
  }
  body .frame main .t_bg .t_s3 .ctr ul,
  body .frame main .t_bg .t_s4 .ctr ul{
    width:100%!important;
    max-width:none!important;
  }
  body .frame main .jc-left-copy{
    width:860px!important;
    max-width:100%!important;
    justify-self:start!important;
  }
  body .frame main .jc-side-heading{
    display:none!important;
  }
}
@media screen and (min-width:900px) and (max-width:1099px){
  body .frame main .jc-left-copy{
    width:100%!important;
  }
}

@media screen and (min-width:900px){
  body .frame main .t_bg{
    grid-column:1!important;
    justify-self:start!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:20px!important;
    width:860px!important;
    max-width:860px!important;
    align-items:stretch!important;
  }
  body .frame main .t_bg .t_s3,
  body .frame main .t_bg .t_s4{
    justify-self:stretch!important;
    align-self:stretch!important;
    width:100%!important;
    max-width:none!important;
  }
}
@media screen and (min-width:900px) and (max-width:1099px){
  body .frame main .t_bg{
    width:100%!important;
    max-width:100%!important;
  }
}

@media screen and (min-width:1100px){
  html body .frame main .t_bg > section.t_s3,
  html body .frame main .t_bg > section.t_s4{
    width:402px!important;
    inline-size:402px!important;
    max-width:402px!important;
    box-sizing:border-box!important;
  }
  html body .frame main .t_bg > section.t_s3 .ctr,
  html body .frame main .t_bg > section.t_s4 .ctr{
    width:100%!important;
    inline-size:100%!important;
    max-width:100%!important;
  }
}
@media screen and (min-width:900px) and (max-width:1099px){
  html body .frame main .t_bg > section.t_s3,
  html body .frame main .t_bg > section.t_s4{
    width:100%!important;
    inline-size:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

@media screen and (min-width:1100px){
  html body .frame main .t_bg > .t_s3,
  html body .frame main .t_bg > .t_s4{
    width:402px!important;
    inline-size:402px!important;
    min-width:402px!important;
    max-width:402px!important;
    box-sizing:border-box!important;
  }
}
@media screen and (min-width:900px) and (max-width:1099px){
  html body .frame main .t_bg > .t_s3,
  html body .frame main .t_bg > .t_s4{
    width:100%!important;
    inline-size:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

@media screen and (min-width:900px){
  html body .frame main .t_bg{
    display:block!important;
    width:860px!important;
    max-width:860px!important;
  }
  html body .frame main .t_bg > .t_inr{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:20px!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  html body .frame main .t_bg > .t_inr > .t_s3,
  html body .frame main .t_bg > .t_inr > .t_s4{
    width:100%!important;
    inline-size:100%!important;
    min-width:0!important;
    max-width:none!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
  }
}
@media screen and (min-width:900px) and (max-width:1099px){
  html body .frame main .t_bg{
    width:100%!important;
    max-width:100%!important;
  }
}

@media screen and (min-width:900px){
  body .frame main .jc-left-copy{
    margin:12px 0 8px!important;
    color:#6f5b61!important;
    font-size:14px!important;
    font-weight:800!important;
  }
}

@media screen and (min-width:900px){
  body .frame main .jc-desktop-side{
    background:#fff url('../images/menu_background.png') center bottom/auto 100% no-repeat!important;
  }
  body .frame main .jc-side-banners,
  body .frame main .jc-menu-bottom-panel{
    background:transparent!important;
  }
  body .frame main .jc-side-banners{
    padding:16px 14px 8px!important;
  }
  body .frame main .jc-menu-bottom-panel{
    height:330px!important;
  }
  body .frame main .jc-menu-bottom-links{
    top:146px!important;
  }
  body .frame main .jc-left-copy{
    margin:8px 0 6px!important;
    color:#654f56!important;
    font-size:15px!important;
    font-weight:800!important;
  }
}
@media screen and (min-width:1100px){
  body .frame main .jc-menu-bottom-panel{
    height:334px!important;
  }
  body .frame main .jc-menu-bottom-links{
    top:150px!important;
  }
}

@media screen and (min-width:900px){
  body .frame main .jc-desktop-side{
    background-size:100% auto!important;
    background-position:center bottom!important;
  }
  body .frame main .jc-menu-bottom-links{
    top:144px!important;
  }
  body .frame main .jc-left-copy{
    position:relative!important;
    z-index:2!important;
    margin:4px 0 4px!important;
    color:#624b52!important;
    font-size:16px!important;
    font-weight:900!important;
    text-shadow:0 1px 0 rgba(255,255,255,.85)!important;
  }
}
@media screen and (min-width:1100px){
  body .frame main .jc-menu-bottom-links{
    top:146px!important;
  }
}

/* audit fix: stabilize tablet/PC edge, preserve full artwork, and strengthen hover affordance */
@media screen and (min-width:900px){
  html,body{
    overflow-x:hidden!important;
  }
  body .frame main article .jc-pc-menu{
    padding:13px 16px 15px!important;
    min-height:64px!important;
  }
  body .frame main article .jc-pc-menu a{
    height:34px!important;
    border-radius:10px!important;
  }
  body .frame main article .jc-pc-menu a::before{
    width:calc(100% + 26px)!important;
    height:auto!important;
    aspect-ratio:305/65!important;
    opacity:0!important;
    filter:drop-shadow(0 5px 8px rgba(214,81,93,.18))!important;
    z-index:0!important;
  }
  body .frame main article .jc-pc-menu a img{
    position:relative!important;
    z-index:1!important;
  }
  body .frame main article .jc-pc-menu a:hover::before,
  body .frame main article .jc-pc-menu a:focus-visible::before{
    opacity:1!important;
  }
  body .frame main article .jc-pc-menu a:hover,
  body .frame main article .jc-pc-menu a:focus-visible{
    outline:none!important;
  }
  body .frame main article .t_s1{
    padding-top:4px!important;
  }
  body .frame main article .t_s1 h2{
    margin-bottom:22px!important;
  }
  body .frame main article .t_s1 .ctr{
    padding-top:8px!important;
  }
  body .frame main article .t_s1 .row{
    padding-top:4px!important;
  }
  body .frame main .t_s3 .ctr li,
  body .frame main .t_s3 .ctr a,
  body .frame main .t_s3 .ctr img,
  body .frame main .t_s4 .ctr li,
  body .frame main .t_s4 .ctr a,
  body .frame main .t_s4 .ctr img,
  body .frame main .t_s4 .kazari2link img{
    box-sizing:border-box!important;
  }
  body .frame main .t_s3 .ctr img,
  body .frame main .t_s4 .ctr img,
  body .frame main .t_s4 .kazari2link img{
    object-fit:contain!important;
    object-position:center center!important;
    max-width:100%!important;
  }
  body .frame main .t_s3 .ctr li a,
  body .frame main .t_s4 .ctr li a,
  body .frame main .t_s4 .kazari2link a{
    overflow:hidden!important;
    background:#fffdf9!important;
  }
  body .frame main .t_s3 .ctr li a > img,
  body .frame main .t_s4 .ctr li a > img{
    background:#fffdf9!important;
  }
  body .frame main .jc-menu-bottom-panel{
    height:320px!important;
  }
  body .frame main .jc-menu-bottom-links{
    top:138px!important;
  }
  body .frame main .jc-left-copy{
    margin-top:12px!important;
    margin-bottom:14px!important;
  }
}
@media screen and (min-width:1100px){
  body .frame main article .jc-pc-menu a{
    width:154px!important;
  }
  body .frame main .jc-menu-bottom-panel{
    height:326px!important;
  }
  body .frame main .jc-menu-bottom-links{
    top:142px!important;
  }
}
@media screen and (min-width:900px) and (max-width:1099px){
  body .frame{
    min-width:0!important;
  }
  body .frame main{
    display:block!important;
    width:min(calc(100% - 32px),860px)!important;
    max-width:860px!important;
    min-height:auto!important;
    margin:24px auto 36px!important;
  }
  body .frame main::before{
    width:100%!important;
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    height:auto!important;
  }
  body .frame main .t_hero{
    display:block!important;
    width:min(390px,100%)!important;
    max-width:390px!important;
    margin:0 auto 18px!important;
  }
  body .frame main article,
  body .frame main .t_bg,
  body .frame main .t_s7{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  body .frame main article{
    margin-top:18px!important;
    padding:18px 18px 22px!important;
  }
  body .frame main article .jc-pc-menu{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    overflow:visible!important;
  }
  body .frame main article .jc-pc-menu a{
    width:100%!important;
    min-width:0!important;
  }
  body .frame main article .jc-pc-menu a img{
    width:100%!important;
    height:auto!important;
  }
  body .frame main .jc-desktop-side{
    display:none!important;
  }
  body .frame main .t_bg{
    display:block!important;
  }
  body .frame main .t_bg > .t_inr{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:18px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
  body .frame main .t_bg > .t_inr > .t_s3,
  body .frame main .t_bg > .t_inr > .t_s4{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:548px!important;
  }
  body .frame main .jc-left-copy{
    width:100%!important;
    max-width:100%!important;
  }
}
@media screen and (max-width:899px){
  .jc-left-copy{
    display:none!important;
  }
}

/* final audit pass: keep the PC richness while preventing cramped/cropped states */
@media screen and (min-width:900px){
  body .frame main .t_s3 .thmb{
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-color:#fffdf9!important;
  }
  body .frame main .t_s3 .col a{
    background:#fffdf9!important;
  }
  body .frame main article .t_s1{
    padding-top:6px!important;
  }
  body .frame main article .t_s1 h2{
    margin-top:0!important;
  }
}
@media screen and (min-width:900px) and (max-width:1099px){
  html,body{
    overflow-x:hidden!important;
  }
  body .frame main{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 270px!important;
    gap:16px!important;
    width:min(calc(100% - 32px),860px)!important;
    max-width:860px!important;
    min-height:0!important;
    margin:72px auto 28px!important;
    align-items:start!important;
  }
  body .frame main::before{
    left:0!important;
    right:0!important;
    top:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
  }
  body .frame header{
    position:absolute!important;
    top:0!important;
    left:0!important;
    width:100%!important;
    height:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    pointer-events:none!important;
  }
  body .frame header>img:first-child{
    position:absolute!important;
    top:0!important;
    right:calc((100vw - min(calc(100vw - 32px),860px))/2)!important;
    left:auto!important;
    width:270px!important;
    max-width:270px!important;
    height:auto!important;
    margin:0!important;
    transform:none!important;
  }
  body .frame header .hmb{
    position:absolute!important;
    top:15px!important;
    right:calc((100vw - min(calc(100vw - 32px),860px))/2 + 9px)!important;
    left:auto!important;
    width:34px!important;
    pointer-events:auto!important;
  }
  body .frame header .hmb img{
    width:34px!important;
  }
  body .frame main>article{
    position:relative!important;
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    margin:0!important;
    padding:12px 16px 18px!important;
  }
  body .frame main>.t_hero{
    position:relative!important;
    grid-column:2!important;
    grid-row:1!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    width:270px!important;
    height:367px!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  body .frame main>.t_hero h1{
    width:270px!important;
    height:367px!important;
  }
  body .frame main>.t_hero h1 img{
    width:270px!important;
    height:367px!important;
    object-fit:cover!important;
    object-position:center top!important;
  }
  body .frame main>.t_hero .top_links{
    left:4px!important;
    top:234px!important;
    width:130px!important;
    gap:5px!important;
  }
  body .frame main>.t_hero .top_links_sub{
    gap:5px!important;
  }
  body .frame main>.t_hero .stp{
    left:154px!important;
    top:227px!important;
    width:112px!important;
    max-width:112px!important;
  }
  body .frame main>.jc-desktop-side{
    display:none!important;
  }
  body .frame main>.t_bg{
    position:relative!important;
    grid-column:1/3!important;
    grid-row:2!important;
    width:100%!important;
    margin:16px 0 0!important;
    padding:18px!important;
  }
  body .frame main>.t_bg > .t_inr{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:16px!important;
  }
  body .frame main .jc-left-copy{
    grid-column:1/3!important;
    grid-row:3!important;
    width:100%!important;
    margin:12px 0 4px!important;
  }
  body .frame main article .jc-pc-menu{
    gap:6px!important;
    padding:7px!important;
    margin-bottom:10px!important;
    justify-content:space-between!important;
  }
  body .frame main article .jc-pc-menu a,
  body .frame main article .jc-pc-menu a.wide{
    width:calc((100% - 24px)/5)!important;
    min-width:0!important;
  }
  body .frame main article .jc-pc-menu a::before{
    width:calc(100% + 18px)!important;
    left:-9px!important;
    top:-4px!important;
  }
  body .frame main .t_s1 .row{
    gap:10px!important;
  }
  body .frame main .t_s1 a.col,
  body .frame main .t_s1 a.col:first-child,
  body .frame main .t_s1 a.col:not(:first-child),
  body .frame main .t_s1 a.col:nth-child(6){
    flex-basis:226px!important;
    width:226px!important;
    max-width:226px!important;
    height:220px!important;
  }
  body .frame main .t_s1 a.col .thmb,
  body .frame main .t_s1 a.col:first-child .thmb,
  body .frame main .t_s1 a.col:not(:first-child) .thmb{
    width:224px!important;
    height:126px!important;
  }
  body .frame main .t_s3,
  body .frame main .t_s4{
    min-height:0!important;
    padding:18px 14px 20px!important;
  }
  body .frame main .t_s3 .row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body .frame main .t_s3 .thmb{
    aspect-ratio:4/3!important;
  }
  body .frame main .t_s4 .row{
    grid-template-columns:repeat(2,142px)!important;
    gap:12px!important;
  }
  body .frame main .t_s4 .col{
    width:142px!important;
    max-width:142px!important;
    height:304px!important;
    min-height:304px!important;
    background-size:124px auto!important;
  }
  body .frame footer.p_f{
    position:relative!important;
    grid-column:1/3!important;
    grid-row:4!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:340px!important;
    height:410px!important;
    margin:20px auto 0!important;
  }
}

/* 900-1099px needs PC controls, but not the cramped side rail. */
@media screen and (min-width:900px) and (max-width:1099px){
  body .frame main{
    display:block!important;
    width:min(calc(100% - 32px),860px)!important;
    max-width:860px!important;
    margin:72px auto 28px!important;
    min-height:0!important;
  }
  body .frame main::before{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
  }
  body .frame header>img:first-child{
    position:absolute!important;
    top:0!important;
    left:50%!important;
    right:auto!important;
    width:340px!important;
    max-width:340px!important;
    transform:translateX(-50%)!important;
  }
  body .frame header .hmb{
    position:absolute!important;
    top:20px!important;
    left:calc(50% + 146px)!important;
    right:auto!important;
    width:38px!important;
  }
  body .frame header .hmb img{
    width:38px!important;
  }
  body .frame main>.t_hero{
    position:relative!important;
    display:block!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    width:340px!important;
    height:462px!important;
    margin:0 auto 18px!important;
    padding:0!important;
  }
  body .frame main>.t_hero h1{
    width:340px!important;
    height:462px!important;
  }
  body .frame main>.t_hero h1 img{
    width:340px!important;
    height:462px!important;
  }
  body .frame main>.t_hero .top_links{
    left:4px!important;
    top:294px!important;
    width:163px!important;
    gap:7px!important;
  }
  body .frame main>.t_hero .top_links_sub{
    gap:7px!important;
  }
  body .frame main>.t_hero .stp{
    left:194px!important;
    top:286px!important;
    width:140px!important;
    max-width:140px!important;
  }
  body .frame main>article,
  body .frame main>.t_bg{
    display:block!important;
    width:100%!important;
    margin:0!important;
  }
  body .frame main>.t_bg{
    margin-top:16px!important;
  }
  body .frame main>.t_bg > .t_inr{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:16px!important;
  }
  body .frame main .jc-left-copy{
    width:100%!important;
    margin:12px 0 4px!important;
  }
  body .frame main article .jc-pc-menu{
    justify-content:space-between!important;
    overflow:visible!important;
  }
  body .frame main article .jc-pc-menu a,
  body .frame main article .jc-pc-menu a.wide{
    flex:0 0 150px!important;
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
  }
  body .frame main>.jc-desktop-side{
    display:none!important;
  }
  body .frame footer.p_f{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:340px!important;
    height:410px!important;
    margin:20px auto 0!important;
  }
}

/* PC: the visual hamburger belongs to the KV/header, but the actual menu is the left nav. */
@media screen and (min-width:900px){
  body .frame header .hmb{
    pointer-events:none!important;
    cursor:default!important;
  }
  body .frame header .hmb img{
    pointer-events:none!important;
  }
  body .frame main article .jc-pc-menu a::before{
    left:50%!important;
    top:50%!important;
    width:108%!important;
    height:132%!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:contain!important;
    opacity:0!important;
    transform:translate(-50%,-50%)!important;
  }
  body .frame main article .jc-pc-menu a:hover::before,
  body .frame main article .jc-pc-menu a:focus-visible::before{
    opacity:1!important;
    transform:translate(-50%,-50%)!important;
  }
  body .frame main article .jc-pc-menu a:hover,
  body .frame main article .jc-pc-menu a:focus-visible{
    transform:translateY(-1px)!important;
  }
}
@media screen and (min-width:900px) and (max-width:1099px){
  body .frame header .hmb{
    pointer-events:none!important;
    cursor:default!important;
  }
  body .frame main article .jc-pc-menu a::before{
    width:106%!important;
    height:126%!important;
  }
}

/* tighten the left panel bottom and restore the wallpaper list button */
@media screen and (min-width:900px){
  body .frame main .t_bg .t_s4 .kazari2link{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:14px auto 0!important;
    padding:0!important;
    opacity:1!important;
  }
  body .frame main .t_bg .t_s4 .kazari2link .jc-more-link,
  body .frame main .t_bg .t_s4 .kazari2link a.jc-more-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:176px!important;
    min-height:38px!important;
    margin:0 auto!important;
    padding:1px 40px 0 22px!important;
    border:3px solid #fff!important;
    border-radius:999px!important;
    background:#5c8fc6!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:0!important;
    text-decoration:none!important;
    opacity:1!important;
    filter:none!important;
    box-shadow:0 0 0 2px #5c8fc6,0 4px 8px rgba(61,104,146,.18)!important;
    text-shadow:0 1px 0 rgba(41,85,128,.12)!important;
    box-sizing:border-box!important;
  }
  body .frame main .t_bg .t_s4 .kazari2link .jc-more-link::after{
    right:10px!important;
    width:20px!important;
    height:20px!important;
    background:#fff!important;
    border:0!important;
    opacity:1!important;
  }
  body .frame main .t_bg .t_s4 .kazari2link .jc-more-link::before{
    right:18px!important;
    width:7px!important;
    height:7px!important;
    border-top:3px solid #5c8fc6!important;
    border-right:3px solid #5c8fc6!important;
    opacity:1!important;
  }
  body .frame main .jc-left-copy{
    margin:10px 0 0!important;
    padding:0 0 14px!important;
  }
  body .frame main{
    padding-bottom:0!important;
  }
  body .frame main::before{
    bottom:auto!important;
    height:calc(100% - 330px)!important;
    min-height:0!important;
  }
}
@media screen and (min-width:900px) and (max-width:1099px){
  body .frame main::before{
    height:calc(100% - 430px)!important;
  }
  body .frame main .jc-left-copy{
    padding-bottom:10px!important;
  }
}

/* PC uses the horizontal menu, so hide the KV hamburger image entirely. */
@media screen and (min-width:900px){
  body .frame header .hmb{
    display:none!important;
  }
}

/* Final PC height trim: stop the left column shortly after the copyright. */
@media screen and (min-width:1100px){
  body .frame main{
    min-height:1238px!important;
    height:1238px!important;
  }
  body .frame main::before{
    height:1238px!important;
  }
  body .frame main .jc-left-copy{
    padding-bottom:4px!important;
  }
}

/* PC trial: merge おはなし / フリーかべがみ into one decorated background area. */
@media screen and (min-width:900px){
  body .frame main .t_bg{
    position:relative!important;
    overflow:hidden!important;
    border:0!important;
    box-shadow:none!important;
    background:
      url('../images/top_haikei3.png') center top/cover repeat!important;
    padding:42px 72px 34px!important;
  }
  body .frame main .t_bg::before,
  body .frame main .t_bg::after{
    content:""!important;
    position:absolute!important;
    top:128px!important;
    z-index:0!important;
    display:block!important;
    width:86px!important;
    height:146px!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:contain!important;
    opacity:.96!important;
    pointer-events:none!important;
  }
  body .frame main .t_bg::before{
    left:13px!important;
    background-image:url("../images/top_background_kazari2_left.png")!important;
  }
  body .frame main .t_bg::after{
    right:13px!important;
    background-image:url("../images/top_background_kazari2_right.png")!important;
  }
  body .frame main .t_bg > .t_inr{
    position:relative!important;
    z-index:1!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:30px!important;
    width:100%!important;
    max-width:690px!important;
    margin:0 auto!important;
    padding:0!important;
    background:transparent!important;
  }
  body .frame main .t_bg > .t_inr > .t_s3,
  body .frame main .t_bg > .t_inr > .t_s4,
  html body .frame main .t_bg > .t_inr > .t_s3,
  html body .frame main .t_bg > .t_inr > .t_s4{
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    backdrop-filter:none!important;
    min-height:0!important;
    padding:0!important;
  }
  body .frame main .t_bg > .t_inr > .t_s3::before,
  body .frame main .t_bg > .t_inr > .t_s4::before,
  body .frame main .t_bg > .t_inr > .t_s3::after,
  body .frame main .t_bg > .t_inr > .t_s4::after{
    display:none!important;
    content:none!important;
  }
  body .frame main .t_bg .t_s3 h2,
  body .frame main .t_bg .t_s4 h2{
    min-height:62px!important;
    margin:0 0 14px!important;
  }
  body .frame main .t_bg .t_s3 h2::after,
  body .frame main .t_bg .t_s4 h2::after{
    width:100%!important;
    margin-top:8px!important;
  }
  body .frame main .t_bg .t_s3 .row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  body .frame main .t_bg .t_s4 .row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,150px))!important;
    justify-content:center!important;
    gap:14px!important;
  }
  body .frame main .t_bg .t_s4 .col{
    width:150px!important;
    max-width:150px!important;
    height:326px!important;
    min-height:326px!important;
    background-size:132px auto!important;
  }
}
@media screen and (min-width:900px) and (max-width:1099px){
  body .frame main .t_bg{
    padding:34px 28px 30px!important;
  }
  body .frame main .t_bg::before,
  body .frame main .t_bg::after{
    display:none!important;
  }
  body .frame main .t_bg > .t_inr{
    max-width:760px!important;
    gap:18px!important;
  }
}

/* PC trial R: use top_haikei3 as the whole left-column background. */
@media screen and (min-width:1100px){
  body .frame main::before{
    background:
      linear-gradient(180deg,rgba(255,248,248,.70) 0%,rgba(255,245,244,.54) 50%,rgba(255,248,248,.76) 100%),
      url('../images/top_haikei3.png') center top/cover repeat!important;
  }
  body .frame main article{
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
  }
  body .frame main .t_bg{
    width:calc(100% - 368px)!important;
    margin:18px 0 0!important;
    padding:54px 56px 30px!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body .frame main .t_bg::before,
  body .frame main .t_bg::after{
    content:""!important;
    position:absolute!important;
    top:-36px!important;
    z-index:2!important;
    display:block!important;
    width:76px!important;
    height:130px!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:contain!important;
    opacity:.98!important;
    pointer-events:none!important;
  }
  body .frame main .t_bg::before{
    left:18px!important;
    background-image:url("../images/top_background_kazari2_left.png")!important;
  }
  body .frame main .t_bg::after{
    right:18px!important;
    background-image:url("../images/top_background_kazari2_right.png")!important;
  }
  body .frame main .t_bg > .t_inr{
    position:relative!important;
    z-index:1!important;
    display:grid!important;
    grid-template-columns:310px 310px!important;
    justify-content:center!important;
    align-items:start!important;
    gap:34px!important;
    width:100%!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:0!important;
    background:transparent!important;
  }
  body .frame main .t_bg > .t_inr > .t_s3,
  body .frame main .t_bg > .t_inr > .t_s4,
  html body .frame main .t_bg > .t_inr > .t_s3,
  html body .frame main .t_bg > .t_inr > .t_s4{
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    padding:0!important;
    width:100%!important;
    min-height:0!important;
  }
  body .frame main .t_bg > .t_inr > .t_s3::before,
  body .frame main .t_bg > .t_inr > .t_s4::before,
  body .frame main .t_bg > .t_inr > .t_s3::after,
  body .frame main .t_bg > .t_inr > .t_s4::after{
    display:none!important;
    content:none!important;
  }
  body .frame main .t_bg .t_s3 h2,
  body .frame main .t_bg .t_s4 h2{
    text-align:center!important;
  }
  body .frame main .t_bg .t_s3 .row{
    grid-template-columns:repeat(2,145px)!important;
    justify-content:center!important;
    gap:12px!important;
  }
  body .frame main .t_bg .t_s4 .row{
    display:grid!important;
    grid-template-columns:repeat(2,145px)!important;
    justify-content:center!important;
    gap:12px!important;
  }
  body .frame main .t_bg .t_s4 .col{
    width:145px!important;
    max-width:145px!important;
    height:318px!important;
    min-height:318px!important;
    background-size:127px auto!important;
  }
  body .frame main .t_bg .t_s3 .jc-more-link,
  body .frame main .t_bg .t_s4 .jc-more-link{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body .frame main .jc-left-copy{
    width:calc(100% - 368px)!important;
    margin:10px 0 0!important;
    padding:0 0 4px!important;
    text-align:center!important;
  }
}
@media screen and (min-width:900px) and (max-width:1099px){
  body .frame main::before{
    background:
      linear-gradient(180deg,rgba(255,248,248,.72) 0%,rgba(255,245,244,.56) 52%,rgba(255,248,248,.78) 100%),
      url('../images/top_haikei3.png') center top/cover repeat!important;
  }
  body .frame main .t_bg{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body .frame main .t_bg::before,
  body .frame main .t_bg::after{
    display:none!important;
  }
  body .frame main .t_bg > .t_inr{
    justify-content:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body .frame main .jc-left-copy{
    text-align:center!important;
  }
}

/* R adjustment: center lower content in the left column and soften side characters. */
@media screen and (min-width:1100px){
  body .frame main::before{
    background:
      linear-gradient(180deg,rgba(255,248,248,.58) 0%,rgba(255,245,244,.36) 50%,rgba(255,248,248,.62) 100%),
      url('../images/top_haikei3.png') center top/cover repeat!important;
  }
  body .frame main .t_bg{
    padding:58px 34px 30px!important;
  }
  body .frame main .t_bg > .t_inr{
    width:720px!important;
    max-width:720px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    transform:translateX(34px)!important;
    grid-template-columns:340px 340px!important;
    gap:32px!important;
    justify-content:center!important;
  }
  body .frame main .t_bg > .t_inr > .t_s3,
  body .frame main .t_bg > .t_inr > .t_s4,
  html body .frame main .t_bg > .t_inr > .t_s3,
  html body .frame main .t_bg > .t_inr > .t_s4{
    width:340px!important;
    max-width:340px!important;
  }
  body .frame main .t_bg .t_s3 .row{
    grid-template-columns:repeat(2,154px)!important;
    gap:12px!important;
    justify-content:center!important;
  }
  body .frame main .t_bg .t_s4 .row{
    grid-template-columns:repeat(2,154px)!important;
    gap:12px!important;
    justify-content:center!important;
  }
  body .frame main .t_bg .t_s4 .col{
    width:154px!important;
    max-width:154px!important;
    height:328px!important;
    min-height:328px!important;
    background-size:136px auto!important;
  }
  body .frame main .t_bg::before,
  body .frame main .t_bg::after{
    top:-18px!important;
    width:60px!important;
    height:104px!important;
    opacity:.9!important;
  }
  body .frame main .t_bg::before{
    left:20px!important;
  }
  body .frame main .t_bg::after{
    right:18px!important;
  }
  body .frame main .jc-left-copy{
    width:calc(100% - 368px)!important;
    text-align:center!important;
  }
}

/* S: align the entire lower area to the actual left-column center. */
@media screen and (min-width:1100px){
  body .frame main .t_bg{
    display:block!important;
    box-sizing:border-box!important;
    width:940px!important;
    max-width:940px!important;
    margin:0!important;
    padding:58px 110px 30px!important;
  }
  body .frame main .t_bg > .t_inr{
    display:grid!important;
    box-sizing:border-box!important;
    width:712px!important;
    min-width:712px!important;
    max-width:712px!important;
    margin:0 auto!important;
    transform:none!important;
    grid-template-columns:340px 340px!important;
    column-gap:32px!important;
    row-gap:0!important;
  }
  body .frame main .t_bg::before,
  body .frame main .t_bg::after{
    top:-8px!important;
    width:64px!important;
    height:110px!important;
    opacity:.94!important;
  }
  body .frame main .t_bg::before{
    left:24px!important;
  }
  body .frame main .t_bg::after{
    right:24px!important;
  }
  body .frame main .jc-left-copy{
    box-sizing:border-box!important;
    width:940px!important;
    margin:8px 0 0!important;
    padding:0 0 12px!important;
    text-align:center!important;
  }
}

/* U: align the lower section edges with the news column on wide desktop. */
@media screen and (min-width:1400px){
  html body .frame main > .t_bg{
    box-sizing:border-box!important;
    width:940px!important;
    min-width:940px!important;
    max-width:940px!important;
    margin-left:0!important;
    margin-right:0!important;
    padding:58px 12px 30px!important;
  }
  html body .frame main > .t_bg > .t_inr{
    display:grid!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:24px!important;
    row-gap:0!important;
  }
  html body .frame main > .t_bg > .t_inr > .t_s3,
  html body .frame main > .t_bg > .t_inr > .t_s4{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  html body .frame main > .t_bg .t_s3 .row,
  html body .frame main > .t_bg .t_s4 .row{
    display:grid!important;
    width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    justify-content:stretch!important;
    gap:14px!important;
  }
  html body .frame main > .t_bg .t_s3 .row > *,
  html body .frame main > .t_bg .t_s4 .row > *{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  html body .frame main > .t_bg .t_s4 .col{
    width:100%!important;
    max-width:none!important;
    height:428px!important;
    min-height:428px!important;
    background-size:calc(100% - 18px) auto!important;
  }
  html body .frame main > .t_bg::before{
    left:8px!important;
  }
  html body .frame main > .t_bg::after{
    right:8px!important;
  }
  html body .frame main .jc-left-copy{
    box-sizing:border-box!important;
    width:940px!important;
    min-width:940px!important;
    max-width:940px!important;
  }
}

/* V: one page scrollbar, unified page bottom, and revised wallpaper actions. */
html{
  height:auto!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
body{
  height:auto!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
}
body .frame main .t_bg .t_inr section.t_s4 .ctr .row .col a.link::before{
  content:"かべがみを見る"!important;
  transform:none!important;
}
@media screen and (min-width:900px){
  body{
    background:#fff7f8!important;
    overflow-y:clip!important;
  }
  body .frame,
  body .frame main{
    height:auto!important;
    min-height:0!important;
  }
  body .hmb_cvr{
    display:none!important;
    height:0!important;
    overflow:hidden!important;
  }
  html body .frame main .jc-left-copy{
    box-sizing:border-box!important;
    clear:both!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:8px 0 0!important;
    padding:14px 0 18px!important;
    background:transparent!important;
    text-align:center!important;
  }
  html body .frame main .t_bg .t_inr section.t_s4 .ctr .row .col a.link{
    left:10px!important;
    right:10px!important;
    bottom:9px!important;
    width:auto!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 34px 0 14px!important;
    border:2px solid #5c8fc6!important;
    border-radius:6px!important;
    background:#fff!important;
    box-shadow:0 3px 8px rgba(61,104,146,.16)!important;
    color:#4f83ba!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:0!important;
  }
  html body .frame main .t_bg .t_inr section.t_s4 .ctr .row .col a.link::before{
    content:"かべがみを見る"!important;
    display:block!important;
    padding:0!important;
    transform:none!important;
    white-space:nowrap!important;
  }
  html body .frame main .t_bg .t_inr section.t_s4 .ctr .row .col a.link::after{
    content:""!important;
    position:absolute!important;
    right:15px!important;
    top:50%!important;
    width:8px!important;
    height:8px!important;
    border:0!important;
    border-top:2px solid #5c8fc6!important;
    border-right:2px solid #5c8fc6!important;
    border-radius:0!important;
    background:transparent!important;
    transform:translateY(-50%) rotate(45deg)!important;
  }
  html body .frame main .t_bg .t_inr section.t_s4 .ctr .row .col p.ttl{
    bottom:53px!important;
  }
}

/* W: smaller repeated left-column pattern and tighter wallpaper list action. */
@media screen and (min-width:900px){
  html body .frame main > article,
  html body .frame main > .t_bg{
    background-image:
      linear-gradient(180deg,rgba(255,248,248,.94) 0%,rgba(255,244,245,.84) 52%,rgba(255,248,248,.94) 100%),
      url('../images/top_haikei3.png')!important;
    background-repeat:no-repeat,repeat!important;
    background-position:center top,left top!important;
    background-size:100% 100%,260px auto!important;
  }
  html body .frame main > .t_bg > .t_inr{
    padding-bottom:18px!important;
  }
  html body .frame main > .t_bg .t_s3 .jc-more-link,
  html body .frame main > .t_bg .t_s4 .kazari2link .jc-more-link{
    margin-top:14px!important;
  }
  html body .frame main > .t_bg .t_s4 .kazari2link{
    margin-top:0!important;
    padding-bottom:22px!important;
  }
  html body .frame main .jc-left-copy{
    padding-top:10px!important;
    padding-bottom:14px!important;
    color:#8c6464!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1!important;
  }
}

/* W2: align the wallpaper list button with the story list button. */
@media screen and (min-width:900px){
  html body .frame main > .t_bg .t_s4 .row{
    margin-bottom:0!important;
  }
  html body .frame main > .t_bg .t_s4 .kazari2link{
    padding-bottom:28px!important;
  }
  html body .frame main > .t_bg .t_s4 .kazari2link .jc-more-link{
    margin-top:14px!important;
  }
}

/* W3: make the PC list buttons equal height and repeat the left pattern horizontally. */
@media screen and (min-width:900px){
  html body .frame main > article,
  html body .frame main > .t_bg{
    background-image:
      url('../images/top_haikei3.png'),
      linear-gradient(180deg,rgba(255,248,248,.90) 0%,rgba(255,244,245,.78) 52%,rgba(255,248,248,.90) 100%)!important;
    background-repeat:repeat-x,no-repeat!important;
    background-position:left top,center top!important;
    background-size:260px auto,100% 100%!important;
  }
  html body .frame main .t_s1 .jc-more-link,
  html body .frame main .t_s3 .jc-more-link,
  html body .frame main .t_s4 .kazari2link .jc-more-link{
    height:38px!important;
    min-height:38px!important;
    padding-top:1px!important;
    padding-bottom:0!important;
    line-height:1!important;
  }
  html body .frame main .t_s1 .jc-more-link::after,
  html body .frame main .t_s3 .jc-more-link::after,
  html body .frame main .t_s4 .kazari2link .jc-more-link::after{
    width:22px!important;
    height:22px!important;
  }
}

/* W4: align the PC header logo exactly with the right KV column. */
@media screen and (min-width:900px){
  html body .frame header{
    width:100%!important;
  }
  html body .frame header>img:first-child{
    left:calc((100% - min(calc(100% - 40px),1320px))/2 + min(calc(100% - 40px),1320px) - 340px)!important;
    right:auto!important;
    width:340px!important;
    max-width:340px!important;
    transform:none!important;
  }
}

/* W5: move PC list buttons into the title rows and tighten the lower section. */
@media screen and (min-width:900px){
  html body .frame main .t_s1,
  html body .frame main .t_s3,
  html body .frame main .t_s4{
    position:relative!important;
  }
  html body .frame main .t_s1 .ctr,
  html body .frame main .t_s3 .ctr,
  html body .frame main .t_s4 .ctr{
    padding-bottom:0!important;
  }
  html body .frame main .t_s1 h2{
    margin-bottom:8px!important;
  }
  html body .frame main .t_s3 h2,
  html body .frame main .t_s4 h2{
    margin-bottom:8px!important;
    min-height:0!important;
    text-align:left!important;
  }
  html body .frame main .t_s3 h2 img,
  html body .frame main .t_s4 h2 img{
    width:auto!important;
    max-width:250px!important;
    height:auto!important;
    margin:0!important;
  }
  html body .frame main .t_s3 h2::after,
  html body .frame main .t_s4 h2::after{
    width:100%!important;
    margin:8px 0 0!important;
  }
  html body .frame main .t_s1 .jc-more-link{
    position:absolute!important;
    left:calc(50% + 158px)!important;
    top:18px!important;
    margin:0!important;
    z-index:5!important;
  }
  html body .frame main .t_s3 .jc-more-link{
    position:absolute!important;
    right:0!important;
    top:20px!important;
    margin:0!important;
    z-index:5!important;
  }
  html body .frame main .t_s4 .kazari2link{
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  html body .frame main .t_s4 .kazari2link .jc-more-link{
    position:absolute!important;
    right:0!important;
    top:20px!important;
    margin:0!important;
    z-index:5!important;
  }
  html body .frame main > .t_bg{
    padding-top:30px!important;
  }
  html body .frame main > .t_bg::before,
  html body .frame main > .t_bg::after{
    top:-26px!important;
  }
}

/* W6: make title-row button positioning use each section as the anchor. */
@media screen and (min-width:900px){
  html body .frame main .t_s1 > .ctr,
  html body .frame main .t_s3 > .ctr,
  html body .frame main .t_s4 > .ctr,
  html body .frame main .t_s4 .kazari2link{
    position:static!important;
  }
}

/* W7: put side decorations on the news-title row and vertically center lower title actions. */
@media screen and (min-width:900px){
  html body .frame main > article{
    position:relative!important;
  }
  html body .frame main > article::before,
  html body .frame main > article::after{
    content:""!important;
    position:absolute!important;
    top:94px!important;
    width:64px!important;
    height:110px!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:contain!important;
    opacity:1!important;
    pointer-events:none!important;
    z-index:4!important;
  }
  html body .frame main > article::before{
    left:-10px!important;
    background-image:url("../images/top_background_kazari2_left.png")!important;
  }
  html body .frame main > article::after{
    right:-10px!important;
    background-image:url("../images/top_background_kazari2_right.png")!important;
  }
  html body .frame main > .t_bg::before,
  html body .frame main > .t_bg::after{
    display:none!important;
  }
  html body .frame main .t_s3 .jc-more-link,
  html body .frame main .t_s4 .kazari2link .jc-more-link{
    top:20px!important;
    transform:translateY(20px)!important;
  }
  html body .frame main .t_s3 .jc-more-link:active,
  html body .frame main .t_s4 .kazari2link .jc-more-link:active{
    transform:translateY(22px)!important;
  }
}

/* W8: exact vertical centering for lower title-row buttons. */
@media screen and (min-width:900px){
  html body .frame main .t_s3 .jc-more-link,
  html body .frame main .t_s4 .kazari2link .jc-more-link{
    top:20px!important;
    transform:translateY(-14px)!important;
  }
  html body .frame main .t_s3 .jc-more-link:active,
  html body .frame main .t_s4 .kazari2link .jc-more-link:active{
    transform:translateY(-12px)!important;
  }
}

/* W9: keep the news-row decoration images on the article frame edge. */
@media screen and (min-width:900px){
  html body .frame main > article::before{
    left:0!important;
  }
  html body .frame main > article::after{
    right:0!important;
  }
}

/* W10: keep the copyright outside the left-column background panel. */
@media screen and (min-width:900px){
  html body .frame{
    background:#fff7f8!important;
  }
  html body .frame main{
    padding-bottom:0!important;
  }
  html body .frame main::before{
    bottom:auto!important;
    height:calc(100% - 38px)!important;
  }
  html body .frame main .jc-left-copy{
    position:relative!important;
    z-index:6!important;
    margin:0!important;
    padding:8px 0 10px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#8c6464!important;
    font-size:10px!important;
    line-height:1!important;
  }
}

/* W11: make the news carousel affordance visible on PC. */
@media screen and (min-width:900px){
  html body .frame main .t_s1 .ctr{
    position:relative!important;
    padding-bottom:18px!important;
  }
  html body .frame main .t_s1 .row{
    display:flex!important;
    grid-template-columns:none!important;
    gap:14px!important;
    width:auto!important;
    margin:0 -18px!important;
    padding:14px 56px 17px 18px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    scroll-padding-left:18px!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin!important;
    scrollbar-color:#e15f6b rgba(255,255,255,.74)!important;
  }
  html body .frame main .t_s1 .row::-webkit-scrollbar{
    height:8px!important;
  }
  html body .frame main .t_s1 .row::-webkit-scrollbar-track{
    background:rgba(255,255,255,.78)!important;
    border-radius:999px!important;
  }
  html body .frame main .t_s1 .row::-webkit-scrollbar-thumb{
    border:2px solid rgba(255,255,255,.78)!important;
    border-radius:999px!important;
    background:#e15f6b!important;
  }
  html body .frame main .t_s1 a.col{
    flex:0 0 240px!important;
    width:240px!important;
    max-width:240px!important;
    min-width:240px!important;
    scroll-snap-align:start!important;
  }
  html body .frame main .t_s1 .ctr::before,
  html body .frame main .t_s1 .ctr::after{
    content:""!important;
    position:absolute!important;
    top:86px!important;
    bottom:21px!important;
    width:54px!important;
    z-index:6!important;
    pointer-events:none!important;
    transition:opacity .18s ease!important;
  }
  html body .frame main .t_s1 .ctr::before{
    left:-18px!important;
    background:linear-gradient(90deg,rgba(248,216,220,.96),rgba(248,216,220,0))!important;
    opacity:0!important;
  }
  html body .frame main .t_s1 .ctr::after{
    right:-18px!important;
    background:linear-gradient(270deg,rgba(248,216,220,.98),rgba(248,216,220,0))!important;
    opacity:1!important;
  }
  html body .frame main .t_s1 .ctr.jc-news-can-left::before{
    opacity:1!important;
  }
  html body .frame main .t_s1 .ctr.jc-news-at-end::after{
    opacity:0!important;
  }
  html body .frame main .t_s1 .jc-news-scroll-btn{
    position:absolute!important;
    top:calc(50% + 26px)!important;
    z-index:8!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:36px!important;
    height:36px!important;
    padding:0!important;
    border:3px solid #fff!important;
    border-radius:50%!important;
    background:#d6515d!important;
    box-shadow:0 0 0 2px #d6515d,0 5px 12px rgba(184,77,88,.22)!important;
    color:transparent!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
    transform:translateY(-50%)!important;
    transition:opacity .18s ease,transform .18s ease,filter .18s ease!important;
  }
  html body .frame main .t_s1 .jc-news-scroll-btn::before{
    content:""!important;
    width:10px!important;
    height:10px!important;
    border-top:3px solid #fff!important;
    border-right:3px solid #fff!important;
  }
  html body .frame main .t_s1 .jc-news-scroll-btn--prev{
    left:-6px!important;
  }
  html body .frame main .t_s1 .jc-news-scroll-btn--prev::before{
    transform:translateX(2px) rotate(-135deg)!important;
  }
  html body .frame main .t_s1 .jc-news-scroll-btn--next{
    right:-6px!important;
  }
  html body .frame main .t_s1 .jc-news-scroll-btn--next::before{
    transform:translateX(-2px) rotate(45deg)!important;
  }
  html body .frame main .t_s1 .jc-news-scroll-btn:hover{
    filter:brightness(1.04) saturate(1.04)!important;
    transform:translateY(-50%) scale(1.04)!important;
  }
  html body .frame main .t_s1 .jc-news-scroll-btn:active{
    transform:translateY(calc(-50% + 2px)) scale(.98)!important;
  }
  html body .frame main .t_s1 .jc-news-scroll-btn[disabled]{
    opacity:.24!important;
    pointer-events:none!important;
  }
}

/* W12: place news arrows outside the carousel rail and keep the title action aligned. */
@media screen and (min-width:900px){
  html body .frame main .t_s1 .ctr{
    position:static!important;
    overflow:visible!important;
  }
  html body .frame main .t_s1 .jc-more-link{
    left:auto!important;
    right:34px!important;
    top:18px!important;
    margin:0!important;
  }
  html body .frame main .t_s1 .row{
    margin:0 50px!important;
    padding:14px 0 17px!important;
    cursor:grab!important;
    user-select:none!important;
    touch-action:pan-x!important;
  }
  html body .frame main .t_s1 .row.jc-news-dragging{
    cursor:grabbing!important;
    scroll-snap-type:none!important;
  }
  html body .frame main .t_s1 .row.jc-news-dragging a{
    pointer-events:none!important;
  }
  html body .frame main .t_s1 .row img,
  html body .frame main .t_s1 .row .thmb{
    user-select:none!important;
    -webkit-user-drag:none!important;
  }
  html body .frame main .t_s1 .ctr::before,
  html body .frame main .t_s1 .ctr::after{
    top:108px!important;
    bottom:24px!important;
    width:42px!important;
  }
  html body .frame main .t_s1 .ctr::before{
    left:64px!important;
  }
  html body .frame main .t_s1 .ctr::after{
    right:64px!important;
  }
  html body .frame main .t_s1 .jc-news-scroll-btn{
    top:238px!important;
  }
  html body .frame main .t_s1 .jc-news-scroll-btn--prev{
    left:18px!important;
  }
  html body .frame main .t_s1 .jc-news-scroll-btn--next{
    right:18px!important;
  }
}

/* X: show top_background_kazari1 as one centered full-width decoration per block. */
@media screen and (min-width:900px){
  html body .frame main .t_s1 h2::after,
  html body .frame main .t_s3 h2::after,
  html body .frame main .t_s4 h2::after{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:18px!important;
    margin:8px 0 0!important;
    background-image:url('../images/top_background_kazari1.png')!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:100% auto!important;
    opacity:.9!important;
    pointer-events:none!important;
  }
  html body .frame main .t_s3 .kazari1,
  html body .frame main .t_s4 .kazari1,
  html body .frame main .t_s7 .kazari1{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin-left:auto!important;
    margin-right:auto!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}

/* X2: match the news decoration width to the lower blocks and move the news action beside the title. */
@media screen and (min-width:900px){
  html body .frame main .t_s1 h2::after{
    width:min(100%,446px)!important;
    max-width:446px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:100% auto!important;
  }
  html body .frame main .t_s1{
    padding-bottom:8px!important;
  }
  html body .frame main .t_s1 .row{
    padding-bottom:6px!important;
  }
  html body .frame main .t_s1 .jc-more-link{
    left:calc(50% + 160px)!important;
    right:auto!important;
    top:18px!important;
    margin:0!important;
  }
}
@media screen and (min-width:900px) and (max-width:1099px){
  html body .frame main .t_s1 h2::after{
    width:min(100%,420px)!important;
    max-width:420px!important;
  }
  html body .frame main .t_s1 .jc-more-link{
    left:calc(50% + 146px)!important;
  }
}

/* Y: restore pointer/touch swipe on the PC news carousel without changing the visual design. */
@media screen and (min-width:900px){
  html body .frame main .t_s1 .row{
    cursor:grab!important;
    touch-action:pan-y!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body .frame main .t_s1 .row.jc-swipe-dragging{
    cursor:grabbing!important;
    scroll-behavior:auto!important;
    scroll-snap-type:none!important;
  }
  html body .frame main .t_s1 .row a,
  html body .frame main .t_s1 .row img,
  html body .frame main .t_s1 .row .thmb{
    -webkit-user-drag:none!important;
    user-drag:none!important;
    user-select:none!important;
  }
}

/* Z: keep the production-home mobile view clean; PC-only additions are hidden below 900px. */
@media screen and (max-width:899px){
  .jc-pc-menu,
  .jc-desktop-side,
  .jc-left-copy{
    display:none!important;
  }
}

/* AE: two presentations only: production mobile and r20260805 (2) maximum PC. */
@media screen and (min-width:900px){
  html,
  body{
    min-width:1360px!important;
    overflow-x:auto!important;
  }
  html body .frame{
    min-width:1360px!important;
  }
  html body .frame main{
    display:block!important;
    position:relative!important;
    width:1320px!important;
    min-width:1320px!important;
    max-width:1320px!important;
    margin:92px auto 0!important;
  }
  html body .frame main::before{
    width:940px!important;
    height:1032px!important;
  }
  html body .frame main > article{
    width:940px!important;
    max-width:940px!important;
    margin-top:-78px!important;
    padding:14px 18px 0!important;
  }
  html body .frame main > .t_hero{
    display:block!important;
    position:absolute!important;
    top:48px!important;
    right:0!important;
    width:340px!important;
    min-width:340px!important;
    max-width:340px!important;
    height:462px!important;
    margin:0!important;
  }
  html body .frame main > .jc-desktop-side{
    display:flex!important;
    position:absolute!important;
    top:494px!important;
    right:0!important;
    width:340px!important;
    min-width:340px!important;
    max-width:340px!important;
    margin:0!important;
    gap:0!important;
  }
  html body .frame main > .t_bg{
    display:block!important;
    width:940px!important;
    min-width:940px!important;
    max-width:940px!important;
    margin-top:0!important;
    padding:30px 12px!important;
  }
  html body .frame main > .t_bg > .t_inr{
    display:grid!important;
    grid-template-columns:446px 446px!important;
    gap:24px!important;
    width:916px!important;
    max-width:916px!important;
    margin:0!important;
    padding:0 0 18px!important;
  }
  html body .frame main > .t_bg > .t_inr > .t_s3,
  html body .frame main > .t_bg > .t_inr > .t_s4{
    width:446px!important;
    inline-size:446px!important;
    min-width:446px!important;
    max-width:446px!important;
  }
  html body .frame main .t_s4 .col{
    width:216px!important;
    max-width:216px!important;
    height:328px!important;
    aspect-ratio:auto!important;
  }
  html body .frame header > img:first-child{
    right:max(20px,calc((100vw - 1320px)/2))!important;
  }
  html body .frame footer.p_f{
    width:1320px!important;
    min-width:1320px!important;
    max-width:1320px!important;
    background-size:620px auto,620px auto!important;
  }
  html body .frame footer.p_f .shr{
    top:206px!important;
  }
}

/* AF: keep the lower PC content at the r20260805 (2) maximum presentation. */
@media screen and (min-width:900px){
  html body .frame main > article{
    height:502.84px!important;
    min-height:502.84px!important;
  }
  html body .frame main > .jc-desktop-side{
    height:680.41px!important;
    min-height:680.41px!important;
  }
  html body .frame main > .t_bg{
    height:651.7px!important;
    min-height:651.7px!important;
  }
  html body .frame main > .t_bg > .t_inr{
    height:591.7px!important;
    min-height:591.7px!important;
  }
  html body .frame main > .t_bg > .t_inr > .t_s3,
  html body .frame main > .t_bg > .t_inr > .t_s4{
    height:573.7px!important;
    min-height:573.7px!important;
  }
  html body .frame main > .t_bg > .t_inr > .t_s3 .row,
  html body .frame main > .t_bg > .t_inr > .t_s4 .row{
    display:grid!important;
    grid-template-columns:216px 216px!important;
    gap:14px!important;
    width:446px!important;
    max-width:446px!important;
  }
  html body .frame main > .t_bg > .t_inr > .t_s3 .col{
    width:216px!important;
    min-width:216px!important;
    max-width:216px!important;
  }
  html body .frame main > .t_bg > .t_inr > .t_s3 .thmb{
    width:208px!important;
    height:156px!important;
    aspect-ratio:auto!important;
  }
  html body .frame main > .t_bg > .t_inr > .t_s4 .col{
    width:216px!important;
    min-width:216px!important;
    max-width:216px!important;
    height:428px!important;
    aspect-ratio:auto!important;
  }
}

/* AG footer: reuse the menu account artwork at the page bottom. */
html body .frame footer.p_f{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:10px 0 16px!important;
  background:none!important;
  color:#6e5b61!important;
  font-size:11px!important;
  line-height:1.4!important;
  text-align:center!important;
  overflow:visible!important;
}
html body .frame footer.p_f::before,
html body .frame footer.p_f::after{
  display:none!important;
}
.jc-global-copy{
  display:block;
  width:100%;
  text-align:center;
}

@media screen and (max-width:899px){
  html,body,
  html body .frame{
    width:100%!important;
    max-width:none!important;
    overflow-x:clip!important;
  }
  html body .frame :is(main,.jc-theme-main) > .t_s7{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-height:162.565vw!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    background-color:#fff!important;
    background-image:url('../images/menu_background1.png'),url('../images/menu_background2.png')!important;
    background-repeat:no-repeat,repeat-y!important;
    background-position:center bottom,center top!important;
    background-size:100% auto,100% auto!important;
    box-sizing:border-box!important;
  }
  html body .frame :is(main,.jc-theme-main) > .t_s7 > .kazari1,
  html body .frame :is(main,.jc-theme-main) > .t_s7 > h2{
    display:none!important;
  }
  html body .frame :is(main,.jc-theme-main) > .t_s7 > .ctr{
    position:absolute!important;
    z-index:2!important;
    top:66.5%!important;
    left:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:82%!important;
    max-width:330px!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
  }
  html body .frame :is(main,.jc-theme-main) > .t_s7 .sns_btn{
    display:block!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    line-height:0!important;
  }
  html body .frame :is(main,.jc-theme-main) > .t_s7 .sns_icon{
    display:block!important;
    width:46px!important;
    height:46px!important;
    margin:0!important;
    object-fit:contain!important;
  }
  html body .frame :is(main,.jc-theme-main) > .t_s7 .sns_text{
    display:none!important;
  }
  html body .hmb_cvr::after{
    content:none!important;
    display:none!important;
    background:none!important;
  }
  html body .hmb_cvr{
    overflow:hidden!important;
    overflow-y:hidden!important;
    overscroll-behavior:none!important;
    -webkit-overflow-scrolling:auto!important;
    touch-action:none!important;
  }
  html.hmb_open,
  html body.hmb_open{
    height:100%!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    overscroll-behavior:none!important;
    touch-action:none!important;
  }
}

@media screen and (min-width:900px){
  html body .frame main{
    min-height:1420px!important;
  }
  html body .frame main .jc-desktop-side{
    bottom:auto!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    background:none!important;
  }
  html body .frame main .jc-side-banners{
    flex:0 0 auto!important;
  }
  html body .frame main .jc-side-banners a{
    flex:0 0 auto!important;
    height:auto!important;
  }
  html body .frame main .jc-menu-bottom-panel{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:552px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    flex:0 0 552px!important;
    background-color:#fff!important;
    background-image:url('../images/menu_background1.png'),url('../images/menu_background2.png')!important;
    background-repeat:no-repeat,repeat-y!important;
    background-position:center bottom,center top!important;
    background-size:100% auto,100% auto!important;
  }
  html body .frame main .jc-menu-bottom-panel::before,
  html body .frame main .jc-menu-bottom-panel::after{
    display:none!important;
  }
  html body .frame main .jc-menu-bottom-links{
    position:absolute!important;
    z-index:2!important;
    top:66.5%!important;
    left:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    width:82%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
  }
  html body .frame main .jc-menu-bottom-links a{
    display:block!important;
    flex:0 0 auto!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    line-height:0!important;
  }
  html body .frame main .jc-menu-bottom-links img{
    display:block!important;
    width:38px!important;
    height:38px!important;
    margin:0!important;
    object-fit:contain!important;
  }
}

/* AG: keep wallpaper artwork and captions at the maximum-PC presentation. */
@media screen and (min-width:900px){
  html body .frame main > .t_bg > .t_inr > .t_s4 .col{
    background-size:calc(100% - 18px)!important;
    background-position:center 10px!important;
  }
  html body .frame main > .t_bg > .t_inr section.t_s4 .ctr .row .col p.ttl{
    top:auto!important;
    bottom:53px!important;
    width:214px!important;
    height:44px!important;
    min-height:44px!important;
    padding:6px 8px!important;
    font-size:11px!important;
    line-height:14.85px!important;
  }
}

/* AH: compact and unify the page-bottom account artwork. */
@media screen and (min-width:900px){
  html body .frame main{
    min-height:0!important;
    padding-bottom:0!important;
  }
  html body .frame main > .t_bg{
    border-radius:0 0 12px 12px!important;
    overflow:hidden!important;
  }
  html body .frame main > .jc-desktop-side{
    top:494px!important;
    bottom:0!important;
    height:auto!important;
    min-height:0!important;
    padding:18px 12px 0!important;
    gap:14px!important;
    overflow:hidden!important;
    border-radius:0 0 12px 12px!important;
    background-color:#fff!important;
    background-image:url('../images/menu_background2.png')!important;
    background-repeat:repeat-y!important;
    background-position:center top!important;
    background-size:100% auto!important;
    box-sizing:border-box!important;
  }
  html body .frame main .jc-side-banners{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  html body .frame main .jc-side-banners::before,
  html body .frame main .jc-side-banners::after{
    content:none!important;
    display:none!important;
    background:none!important;
  }
  html body .frame main .jc-menu-bottom-panel{
    flex:1 1 auto!important;
    width:calc(100% + 24px)!important;
    min-height:0!important;
    height:auto!important;
    margin:0 -12px!important;
    background-color:transparent!important;
    background-image:url('../images/menu_background1.png')!important;
    background-repeat:no-repeat!important;
    background-position:center bottom!important;
    background-size:100% auto!important;
  }
  html body .frame main .jc-menu-bottom-links{
    top:auto!important;
    bottom:31%!important;
  }
  html body .frame footer.p_f{
    padding:7px 0 10px!important;
  }
}

@media screen and (max-width:899px){
  html body .frame :is(main,.jc-theme-main) > .t_s7{
    min-height:142vw!important;
    background-size:100% auto,100% auto!important;
    background-position:center bottom,center top!important;
  }
  html body .frame :is(main,.jc-theme-main) > .t_s7 > .ctr{
    top:auto!important;
    bottom:30.5%!important;
  }
  html body .frame footer.p_f{
    position:relative!important;
    z-index:4!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
  }
  html body .frame footer.p_f .jc-global-copy{
    position:absolute!important;
    left:0!important;
    bottom:3.4vw!important;
    width:100%!important;
    color:#6e5b61!important;
    font-size:10px!important;
    line-height:1!important;
    text-align:center!important;
  }
}

/* AJ: show only the useful lower part of the account artwork. */
@media screen and (min-width:900px){
  html body .frame main > .t_bg{
    padding-bottom:0!important;
  }
  html body .frame main .jc-menu-bottom-panel{
    flex:0 0 245px!important;
    width:calc(100% + 24px)!important;
    height:245px!important;
    min-height:245px!important;
    margin:0 -12px!important;
  }
  html body .frame main .jc-menu-bottom-links{
    bottom:37%!important;
  }
}

@media screen and (max-width:899px){
  html body .frame :is(main,.jc-theme-main) > .t_s7{
    min-height:72vw!important;
  }
  html body .frame :is(main,.jc-theme-main) > .t_s7 > .ctr{
    bottom:31%!important;
  }
}

/* AI: remove the remaining empty space below the lower content. */
@media screen and (min-width:900px){
  html body .frame main > .t_bg{
    height:auto!important;
    min-height:0!important;
    padding-top:30px!important;
    padding-bottom:18px!important;
  }
  html body .frame main > .t_bg > .t_inr{
    height:auto!important;
    min-height:0!important;
    padding-bottom:0!important;
    align-items:stretch!important;
  }
  html body .frame main > .t_bg > .t_inr > .t_s3,
  html body .frame main > .t_bg > .t_inr > .t_s4{
    height:auto!important;
    min-height:0!important;
    padding-bottom:0!important;
  }
  html body .frame main .jc-desktop-side{
    gap:0!important;
    padding-top:12px!important;
  }
  html body .frame main .jc-side-banners{
    margin:0!important;
    padding-bottom:0!important;
  }
  html body .frame main .jc-menu-bottom-panel{
    margin-top:0!important;
  }
  html body .frame main .jc-menu-bottom-links{
    bottom:39%!important;
  }
}

@media screen and (max-width:899px){
  html body .frame :is(main,.jc-theme-main) > .t_s7{
    min-height:100vw!important;
  }
  html body .frame :is(main,.jc-theme-main) > .t_s7 > .ctr{
    bottom:31%!important;
  }
  html body .frame footer.p_f .jc-global-copy{
    bottom:2.8vw!important;
  }
}

/* AK: final lower-column alignment and account artwork placement. */
@media screen and (min-width:900px){
  html body .frame main > .t_bg{
    height:auto!important;
    min-height:0!important;
    padding-bottom:4px!important;
  }
  html body .frame main > .t_bg > .t_inr{
    height:auto!important;
    min-height:0!important;
    padding-bottom:0!important;
    align-items:stretch!important;
  }
  html body .frame main > .t_bg > .t_inr > .t_s3,
  html body .frame main > .t_bg > .t_inr > .t_s4{
    height:auto!important;
    min-height:0!important;
    padding-bottom:0!important;
  }
  html body .frame main > .t_bg .t_s3 .row,
  html body .frame main > .t_bg .t_s4 .row{
    height:428px!important;
    min-height:428px!important;
    margin-bottom:0!important;
  }
  html body .frame main > .t_bg .t_s3 .row{
    align-content:space-between!important;
  }
  html body .frame main > .t_bg .t_s4 .kazari2link{
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  html body .frame main > .jc-desktop-side{
    bottom:0!important;
    height:auto!important;
    min-height:0!important;
  }
  html body .frame main .jc-menu-bottom-panel{
    flex:1 1 auto!important;
    width:calc(100% + 24px)!important;
    height:auto!important;
    min-height:245px!important;
    margin:0 -12px!important;
    background-position:center bottom!important;
    background-repeat:no-repeat!important;
    background-size:100% auto!important;
  }
  html body .frame main .jc-menu-bottom-links{
    top:auto!important;
    bottom:31%!important;
  }
}

@media screen and (max-width:899px){
  html body .frame :is(main,.jc-theme-main) > .t_s7{
    min-height:72vw!important;
  }
  html body .frame :is(main,.jc-theme-main) > .t_s7 > .ctr{
    top:auto!important;
    bottom:31%!important;
  }
}

/* AN: authoritative PC left-column spacing. */
@media screen and (min-width:900px){
  html body .frame main > article{
    margin-top:-76px!important;
    padding-top:0!important;
  }
  html body .frame main > article .jc-pc-menu{
    margin-top:0!important;
  }
  html body .frame main > .t_bg{
    padding-bottom:16px!important;
  }
}

/* AP: use one artwork-relative SNS layout for mobile and PC. */
html body .frame :is(main,.jc-theme-main) > .t_s7{
  --account-sns-bottom:42vw;
  --account-sns-size:8.5vw;
  --account-sns-gap:3.5vw;
}
html body .frame main .jc-menu-bottom-panel{
  --account-sns-bottom:142.8px;
  --account-sns-size:28.9px;
  --account-sns-gap:11.9px;
}
html body .frame :is(main,.jc-theme-main) > .t_s7 > .ctr,
html body .frame main .jc-menu-bottom-links{
  top:auto!important;
  bottom:var(--account-sns-bottom)!important;
  width:62%!important;
  max-width:none!important;
  gap:var(--account-sns-gap)!important;
  justify-content:center!important;
}
html body .frame :is(main,.jc-theme-main) > .t_s7 .sns_icon,
html body .frame main .jc-menu-bottom-links img{
  width:var(--account-sns-size)!important;
  height:var(--account-sns-size)!important;
  max-width:none!important;
  max-height:none!important;
}

/* Keep one short content-side gap before the continuous blue mobile promo footer. */
@media screen and (max-width:899px){
  html body .frame :is(main,.jc-theme-main) .t_s4 .kazari2link{
    display:flow-root!important;
    height:auto!important;
    padding-bottom:28px!important;
  }
  html body.jc-route-mobile-inner .frame main.jc-mobile-archive > article{
    padding-bottom:0!important;
  }
  html body.jc-route-mobile-inner .frame main.jc-mobile-archive > article > section:last-child,
  html body.jc-route-mobile-inner .frame main.jc-mobile-subpage > article > section:last-child{
    padding-bottom:28px!important;
  }
  html body.jc-route-mobile-inner .frame main.jc-mobile-archive > article > section:last-child .pagen:last-child,
  html body.jc-route-mobile-inner .frame main.jc-mobile-detail > article > section:last-child .story_back_btn:last-child{
    margin-bottom:0!important;
  }
  html body.jc-route-mobile-inner .frame main.jc-mobile-archive--wallpaper > article > section:last-child .row{
    padding-bottom:0!important;
  }
  html body.jc-route-mobile-inner .frame main.jc-mobile-detail > article:has(> .story_back_btn){
    padding-bottom:28px!important;
  }
  html body.jc-route-mobile-inner .frame main.jc-mobile-subpage > article > section:last-child > :last-child{
    margin-bottom:0!important;
  }
  html body .frame :is(main,.jc-theme-main) .t_s5{
    margin-top:0!important;
  }
  html body .frame :is(main,.jc-theme-main) .t_s5::before{
    content:"";
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    width:100%;
    height:72px;
    background:#DBE3ED;
    pointer-events:none;
  }
  html body .frame :is(main,.jc-theme-main) .t_s5 > .ctr{
    position:relative;
    z-index:2;
  }
}

@media screen and (min-width:900px){
  body .frame main article .jc-pc-menu a[aria-current="page"]{
    transform:translateY(-1px)!important;
    filter:drop-shadow(0 5px 8px rgba(110,91,97,.13)) saturate(1.06)!important;
  }
  body .frame main article .jc-pc-menu a[aria-current="page"]::before{
    opacity:1!important;
    transform:translate(-50%,-50%)!important;
  }
  body .frame main article .jc-pc-menu a[aria-current="page"] img{
    transform:translateY(-1px)!important;
  }
}

/* AQ: final cross-device card, background and control corrections. */
html body .frame :is(main,.jc-theme-main) > .t_s7,
html body .frame main .jc-menu-bottom-panel{
  container-type:inline-size;
  --account-sns-bottom:42cqw;
  --account-sns-size:8.5cqw;
  --account-sns-gap:3.5cqw;
}

@media screen and (min-width:900px){
  html body .frame main .t_s1{
    background-color:transparent!important;
    background-image:none!important;
  }
  html body .frame main .t_s1::before{
    display:block!important;
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    left:-18px!important;
    right:-18px!important;
    top:52px!important;
    bottom:0!important;
    width:auto!important;
    height:auto!important;
    border-radius:0!important;
    background-color:transparent!important;
    background-image:url('../images/top_haikei2.png')!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
    background-size:130% auto!important;
    pointer-events:none!important;
  }
  html body .frame main .t_s1 h2::after{
    display:none!important;
    content:none!important;
    background-image:none!important;
  }
  html body .frame main > .t_bg{
    margin-top:-32px!important;
    padding-top:8px!important;
  }
  html body .frame main .t_s3 .jc-more-link,
  html body .frame main .t_s4 .kazari2link .jc-more-link{
    right:12px!important;
    max-width:calc(100% - 24px)!important;
    box-sizing:border-box!important;
  }
  html body .frame main .t_s4 .row .col a.link,
  html body .frame main .t_s4 .row .col a.link.link1,
  html body .frame main .t_s4 .row .col a.link.link2{
    left:10px!important;
    right:10px!important;
    width:auto!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  html body .frame main .jc-side-banners{
    width:auto!important;
    margin-left:-12px!important;
    margin-right:-12px!important;
    padding:34px 22px 38px!important;
    background-color:transparent!important;
    background-image:linear-gradient(#dce6f2,#dce6f2),url('../images/top_haikei4.png')!important;
    background-repeat:no-repeat,no-repeat!important;
    background-position:center top,center top!important;
    background-size:100% 34px,100% 100%!important;
    box-sizing:border-box!important;
  }
  html body .frame main .jc-menu-bottom-panel{
    --account-sns-bottom:calc(42cqw - 20px);
  }
  html body .frame main .jc-desktop-side{
    top:466px!important;
    z-index:5!important;
    padding-top:0!important;
  }
}

@media screen and (max-width:899px){
  html body .frame main .t_s5 > img.kazari2,
  html body .frame .jc-theme-main > .t_s5 > img.kazari2,
  html body .frame main .t_bg::before,
  html body .frame main .jc-side-banners::before{
    display:none!important;
    content:none!important;
    background-image:none!important;
  }
  html body .frame main .t_s1 a.col .thmb{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1200/797!important;
    background-size:100% 100%!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
    background-color:#fff!important;
  }
  html body .frame main .t_s3 .col .thmb{
    width:100%!important;
    height:auto!important;
    aspect-ratio:3/2!important;
    background-size:100% 100%!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
    background-color:#fff!important;
  }
  html body .frame main .t_s4 .row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    margin:0!important;
    padding:0 10px 22px!important;
    box-sizing:border-box!important;
  }
  html body .frame main .t_s4 .row .col,
  html body .frame main .t_s4 .row .col:first-child,
  html body .frame main .t_s4 .row .col:last-child{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
    aspect-ratio:155/315!important;
    border:1px solid #f1cfd1!important;
    border-radius:6px!important;
    background-size:100% auto!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
    background-color:#fff!important;
    overflow:hidden!important;
    box-shadow:0 4px 10px rgba(110,91,97,.10)!important;
    box-sizing:border-box!important;
  }
  html body .frame main .t_s4 .row .col p.ttl{
    display:flex!important;
    position:absolute!important;
    left:0!important;
    bottom:43px!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:42px!important;
    margin:0!important;
    padding:5px 4px!important;
    border-top:1px solid #f1cfd1!important;
    background:#fff!important;
    color:#6e5b61!important;
    font-size:11px!important;
    line-height:1.35!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  html body .frame main .t_s4 .row .col a.link,
  html body .frame main .t_s4 .row .col a.link.link1,
  html body .frame main .t_s4 .row .col a.link.link2{
    display:flex!important;
    position:absolute!important;
    left:5px!important;
    right:5px!important;
    bottom:5px!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0 24px 0 8px!important;
    border:2px solid #5c8fc6!important;
    border-radius:5px!important;
    background:#fff!important;
    box-shadow:0 2px 6px rgba(61,104,146,.14)!important;
    color:#4f83ba!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1!important;
    box-sizing:border-box!important;
  }
  html body .frame main .t_s4 .row .col a.link::before{
    content:'かべがみを見る'!important;
    display:block!important;
    white-space:nowrap!important;
  }
  html body .frame main .t_s4 .row .col a.link::after{
    content:''!important;
    position:absolute!important;
    top:50%!important;
    right:10px!important;
    width:7px!important;
    height:7px!important;
    border-top:2px solid #5c8fc6!important;
    border-right:2px solid #5c8fc6!important;
    transform:translateY(-50%) rotate(45deg)!important;
  }
}

/* Homepage link affordances and full-card wallpaper links. */
@media screen and (min-width:900px){
  html body .frame main .t_s1 .row > a.col,
  html body .frame main .t_s3 .row .col > a,
  html body .frame main .t_s4 .row > a.jc-home-wallpaper-card{
    cursor:pointer;
    transition:border-color .18s ease, border-width .18s ease, box-shadow .18s ease;
  }
  html body .frame main .t_s1 .row > a.col:hover,
  html body .frame main .t_s1 .row > a.col:focus-visible,
  html body .frame main .t_s3 .row .col > a:hover,
  html body .frame main .t_s3 .row .col > a:focus-visible,
  html body .frame main .t_s4 .row > a.jc-home-wallpaper-card:hover,
  html body .frame main .t_s4 .row > a.jc-home-wallpaper-card:focus-visible{
    transform:none!important;
    filter:none!important;
    outline:none!important;
    border:3px solid #5c8fc6!important;
  }
  html body .frame main .t_s4 .row > a.jc-home-wallpaper-card{
    position:relative!important;
    display:block!important;
    color:inherit!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
  }
  html body .frame main .t_s4 .row > a.jc-home-wallpaper-card .jc-home-wallpaper-title{
    display:flex!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:53px!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:5px 4px!important;
    border-top:1px solid #f1cfd1!important;
    background:#fff!important;
    color:#6e5b61!important;
    font-size:12px!important;
    line-height:1.35!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  html body .frame main .t_s4 .row > a.jc-home-wallpaper-card .jc-home-wallpaper-cta{
    display:flex!important;
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    bottom:9px!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0 34px 0 14px!important;
    border:2px solid #5c8fc6!important;
    border-radius:6px!important;
    background:#fff!important;
    box-shadow:0 3px 8px rgba(61,104,146,.16)!important;
    color:#4f83ba!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }
  html body .frame main .t_s4 .row > a.jc-home-wallpaper-card .jc-home-wallpaper-cta::after{
    content:'';
    position:absolute;
    top:50%;
    right:13px;
    width:7px;
    height:7px;
    border-top:2px solid #5c8fc6;
    border-right:2px solid #5c8fc6;
    transform:translateY(-50%) rotate(45deg);
  }
}

@media screen and (min-width:900px){
  html body .frame main .jc-side-banners a,
  html body .frame main .t_s5 .ctr a{
    transform-origin:center;
    transition:transform .18s ease, filter .18s ease;
  }
  html body .frame main .jc-side-banners a:hover,
  html body .frame main .jc-side-banners a:focus-visible,
  html body .frame main .t_s5 .ctr a:hover,
  html body .frame main .t_s5 .ctr a:focus-visible{
    transform:scale(1.04);
    filter:drop-shadow(0 5px 8px rgba(110,91,97,.18));
  }
  html body .frame main .t_hero a.stp:hover img,
  html body .frame main .t_hero a.stp:focus-visible img{
    transform:scale(1.04)!important;
  }
}

@media screen and (min-width:900px){
  html body .frame main .jc-more-link{
    transition:transform .18s ease, filter .18s ease;
  }
  html body .frame main .jc-more-link:hover,
  html body .frame main .jc-more-link:focus-visible{
    transform:scale(1.04)!important;
    filter:drop-shadow(0 5px 8px rgba(110,91,97,.18))!important;
  }
  html body .frame main .t_s3 .jc-more-link:hover,
  html body .frame main .t_s3 .jc-more-link:focus-visible,
  html body .frame main .t_s4 .kazari2link .jc-more-link:hover,
  html body .frame main .t_s4 .kazari2link .jc-more-link:focus-visible{
    transform:translateY(-14px) scale(1.04)!important;
  }
  html body .frame main .t_bg .t_s4 .kazari2link .jc-more-link:hover,
  html body .frame main .t_bg .t_s4 .kazari2link .jc-more-link:focus-visible,
  html body .frame main .t_bg .t_s4 .kazari2link a.jc-more-link:hover,
  html body .frame main .t_bg .t_s4 .kazari2link a.jc-more-link:focus-visible{
    filter:drop-shadow(0 5px 8px rgba(110,91,97,.18))!important;
  }
  html body .frame main .t_s4 .row > a.jc-home-wallpaper-card:hover .jc-home-wallpaper-cta,
  html body .frame main .t_s4 .row > a.jc-home-wallpaper-card:focus-visible .jc-home-wallpaper-cta{
    border-color:#5c8fc6!important;
    background:#5c8fc6!important;
    color:#fff!important;
  }
  html body .frame main .t_s4 .row > a.jc-home-wallpaper-card:hover .jc-home-wallpaper-cta::after,
  html body .frame main .t_s4 .row > a.jc-home-wallpaper-card:focus-visible .jc-home-wallpaper-cta::after{
    border-top-color:#fff!important;
    border-right-color:#fff!important;
  }
}

@media screen and (max-width:899px){
  html body .frame main .t_s4 .row > a.jc-home-wallpaper-card{
    position:relative!important;
    display:block!important;
    color:inherit!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
  }
  html body .frame main .t_s4 .row > a.jc-home-wallpaper-card .jc-home-wallpaper-title{
    display:flex!important;
    position:absolute!important;
    left:0!important;
    bottom:43px!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:42px!important;
    margin:0!important;
    padding:5px 4px!important;
    border-top:1px solid #f1cfd1!important;
    background:#fff!important;
    color:#6e5b61!important;
    font-size:11px!important;
    line-height:1.35!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  html body .frame main .t_s4 .row > a.jc-home-wallpaper-card .jc-home-wallpaper-cta{
    display:flex!important;
    position:absolute!important;
    left:5px!important;
    right:5px!important;
    bottom:5px!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0 24px 0 8px!important;
    border:2px solid #5c8fc6!important;
    border-radius:5px!important;
    background:#fff!important;
    box-shadow:0 2px 6px rgba(61,104,146,.14)!important;
    color:#4f83ba!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }
  html body .frame main .t_s4 .row > a.jc-home-wallpaper-card .jc-home-wallpaper-cta::after{
    content:'';
    position:absolute;
    top:50%;
    right:10px;
    width:7px;
    height:7px;
    border-top:2px solid #5c8fc6;
    border-right:2px solid #5c8fc6;
    transform:translateY(-50%) rotate(45deg);
  }
}

html body .frame main .t_s4 .row > a.col.jc-home-wallpaper-card{
  border:1px solid #f1cfd1!important;
}

html body .frame main .t_s4 .row > a.col.jc-home-wallpaper-card:hover,
html body .frame main .t_s4 .row > a.col.jc-home-wallpaper-card:focus-visible{
  border:3px solid #5c8fc6!important;
}

html body .frame main .t_s4 .row > a.jc-home-wallpaper-card .jc-home-wallpaper-title{
  border-top:0!important;
  border-left:0!important;
  border-right:0!important;
}

html body .frame main .t_s3 .ttl{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

@media screen and (min-width:900px){
  html body.jc-route-mobile-inner .frame main.jc-detail-template-page > article > section.single.jc-story-single{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    min-height:0!important;
  }
  html body.jc-route-mobile-inner .frame main.jc-detail-template-page > article > section.single.jc-story-single .jc-detail-back-panel{
    margin-top:auto!important;
  }
}

/* Shared card treatment for the home and archive templates. */
html body .frame main .t_s4 .row > a.jc-home-wallpaper-card .jc-home-wallpaper-title,
html body .frame main .wallpaper_page .row > .jc-content-card > a.jc-wallpaper-card .ttl{
  font-weight:900!important;
}

html body .frame main .wallpaper_page .row > .jc-content-card{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

html body .frame main .wallpaper_page .row > .jc-content-card > a.jc-wallpaper-card{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0 0 97px!important;
  border:1px solid #f1cfd1!important;
  border-radius:6px!important;
  background:#fff!important;
  box-shadow:0 5px 14px rgba(110,91,97,.08)!important;
  color:#6e5b61!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
  transition:border-color .18s ease, border-width .18s ease, box-shadow .18s ease;
}

html body .frame main .wallpaper_page .row > .jc-content-card > a.jc-wallpaper-card img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:9/16!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  object-fit:contain!important;
}

html body .frame main .wallpaper_page .row > .jc-content-card > a.jc-wallpaper-card .ttl{
  display:flex!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:53px!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:5px 4px!important;
  border:0!important;
  background:#fff!important;
  color:#6e5b61!important;
  font-size:12px!important;
  line-height:1.35!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

html body .frame main .wallpaper_page .row > .jc-content-card > a.jc-wallpaper-card .jc-wallpaper-view-link{
  display:flex!important;
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  bottom:9px!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 34px 0 14px!important;
  border:2px solid #5c8fc6!important;
  border-radius:6px!important;
  background:#fff!important;
  box-shadow:0 3px 8px rgba(61,104,146,.16)!important;
  color:#4f83ba!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}

html body .frame main .wallpaper_page .row > .jc-content-card > a.jc-wallpaper-card .jc-wallpaper-view-link::after{
  content:''!important;
  position:absolute!important;
  top:50%!important;
  right:13px!important;
  width:7px!important;
  height:7px!important;
  border-top:2px solid #5c8fc6!important;
  border-right:2px solid #5c8fc6!important;
  transform:translateY(-50%) rotate(45deg)!important;
}

@media screen and (max-width:899px){
  html body .frame main .wallpaper_page .row > .jc-content-card > a.jc-wallpaper-card{
    padding-bottom:85px!important;
  }
  html body .frame main .wallpaper_page .row > .jc-content-card > a.jc-wallpaper-card .ttl{
    bottom:43px!important;
    height:42px!important;
    min-height:42px!important;
  }
  html body .frame main .wallpaper_page .row > .jc-content-card > a.jc-wallpaper-card .jc-wallpaper-view-link{
    left:5px!important;
    right:5px!important;
    bottom:5px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 24px 0 8px!important;
    border-radius:5px!important;
    font-size:10px!important;
  }
  html body .frame main .wallpaper_page .row > .jc-content-card > a.jc-wallpaper-card .jc-wallpaper-view-link::after{
    right:10px!important;
  }
}

@media screen and (min-width:900px){
  html body .frame main .jc-archive-list .row > .jc-content-card,
  html body .frame main .jc-archive-list .row > a.jc-content-card{
    cursor:pointer!important;
    transition:border-color .18s ease, border-width .18s ease, box-shadow .18s ease!important;
  }
  html body .frame main .t_s4 .row > a.col.jc-home-wallpaper-card:focus-visible{
    transform:none!important;
    filter:none!important;
    outline:none!important;
    border:3px solid #5c8fc6!important;
  }
}

/* Keep hover feedback from changing stacked card dimensions. */
html body .frame main .t_s1 .row > a.col,
html body .frame main .t_s3 .row .col > a,
html body .frame main .t_s4 .row > a.jc-home-wallpaper-card,
html body .frame main .t_s4 .row > a.col.jc-home-wallpaper-card,
html body .frame main .jc-archive-list .row > .jc-content-card,
html body .frame main .jc-archive-list .row > a.jc-content-card,
html body .frame main .wallpaper_page .row > .jc-content-card > a.jc-wallpaper-card{
  transition:border-color .18s ease!important;
}

@media screen and (min-width:900px){
  html body .frame main .t_s1 .row > a.col:hover,
  html body .frame main .t_s1 .row > a.col:focus-visible,
  html body .frame main .t_s3 .row .col > a:hover,
  html body .frame main .t_s3 .row .col > a:focus-visible,
  html body .frame main .t_s4 .row > a.jc-home-wallpaper-card:hover,
  html body .frame main .t_s4 .row > a.jc-home-wallpaper-card:focus-visible,
  html body .frame main .t_s4 .row > a.col.jc-home-wallpaper-card:hover,
  html body .frame main .t_s4 .row > a.col.jc-home-wallpaper-card:focus-visible{
    border-width:1px!important;
    border-color:#5c8fc6!important;
    border-style:solid!important;
    outline:none!important;
    transform:none!important;
    filter:none!important;
  }
}

@media screen and (max-width:899px){
  html body .frame main section.jc-archive-list--wallpaper.wallpaper_page .row,
  html body .frame main section.jc-archive-list--wallpaper .row{
    padding-left:calc(2.5vw - 2px)!important;
    padding-right:calc(2.5vw - 2px)!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    box-sizing:border-box!important;
  }
  html body .frame main section.jc-archive-list--wallpaper .row > .jc-content-card,
  html body .frame main section.jc-archive-list--wallpaper .row > .jc-content-card:hover,
  html body .frame main section.jc-archive-list--wallpaper .row > .jc-content-card:has(> a:focus-visible){
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:.49207 / 1!important;
    border:0!important;
    box-shadow:none!important;
    outline:none!important;
  }
  html body .frame main section.jc-archive-list--wallpaper .row > .jc-content-card > a.jc-wallpaper-card,
  html body .frame main section.jc-archive-list--wallpaper .row > .jc-content-card > a.jc-wallpaper-card:hover,
  html body .frame main section.jc-archive-list--wallpaper .row > .jc-content-card > a.jc-wallpaper-card:focus-visible{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:.49207 / 1!important;
    padding:0!important;
    border:1px solid #f1cfd1!important;
    border-style:solid!important;
    box-sizing:border-box!important;
  }
  html body .frame main section.jc-archive-list--wallpaper .row > .jc-content-card > a.jc-wallpaper-card img{
    width:100%!important;
    height:calc(100% - 86px)!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
  }
}

/* Give archive cards one stable border and match wallpaper cards to home size. */
html body .frame main section.jc-archive-list:not(.jc-archive-list--wallpaper) .row > .jc-content-card,
html body .frame main section.jc-archive-list:not(.jc-archive-list--wallpaper) .row > a.jc-content-card{
  border:1px solid #f5ccd0!important;
  border-style:solid!important;
  box-sizing:border-box!important;
  transition:border-color .18s ease!important;
}

html body .frame main section.jc-archive-list:not(.jc-archive-list--wallpaper) .row > .jc-content-card:hover,
html body .frame main section.jc-archive-list:not(.jc-archive-list--wallpaper) .row > .jc-content-card:has(> a:focus-visible),
html body .frame main section.jc-archive-list:not(.jc-archive-list--wallpaper) .row > a.jc-content-card:hover,
html body .frame main section.jc-archive-list:not(.jc-archive-list--wallpaper) .row > a.jc-content-card:focus-visible{
  border:1px solid #5c8fc6!important;
  border-style:solid!important;
  outline:none!important;
  transform:none!important;
  filter:none!important;
}

html body .frame main section.jc-archive-list--wallpaper .row > .jc-content-card,
html body .frame main section.jc-archive-list--wallpaper .row > .jc-content-card:hover,
html body .frame main section.jc-archive-list--wallpaper .row > .jc-content-card:has(> a:focus-visible){
  border:0!important;
  box-shadow:none!important;
  outline:none!important;
}

@media screen and (min-width:900px){
  html body .frame main section.jc-archive-list--wallpaper .row{
    grid-template-columns:repeat(4,216px)!important;
    gap:12px!important;
    justify-content:center!important;
  }
  html body .frame main section.jc-archive-list--wallpaper .row > .jc-content-card{
    width:216px!important;
    min-width:216px!important;
    max-width:216px!important;
    height:428px!important;
    min-height:428px!important;
    max-height:428px!important;
  }
  html body .frame main section.jc-archive-list--wallpaper .row > .jc-content-card > a.jc-wallpaper-card{
    width:216px!important;
    height:428px!important;
    min-height:428px!important;
    padding:0!important;
    border:1px solid #f1cfd1!important;
    border-style:solid!important;
    box-sizing:border-box!important;
  }
  html body .frame main section.jc-archive-list--wallpaper .row > .jc-content-card > a.jc-wallpaper-card img{
    width:100%!important;
    height:330px!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
  }
}

html body .frame main section.jc-archive-list--wallpaper .row > .jc-content-card > a.jc-wallpaper-card:hover,
html body .frame main section.jc-archive-list--wallpaper .row > .jc-content-card > a.jc-wallpaper-card:focus-visible{
  border:1px solid #5c8fc6!important;
  border-style:solid!important;
  outline:none!important;
  transform:none!important;
  filter:none!important;
}

html body .frame main section.jc-archive-list--wallpaper .row > .jc-content-card > a.jc-wallpaper-card:hover .jc-wallpaper-view-link,
html body .frame main section.jc-archive-list--wallpaper .row > .jc-content-card > a.jc-wallpaper-card:focus-visible .jc-wallpaper-view-link{
  border-color:#5c8fc6!important;
  background:#5c8fc6!important;
  color:#fff!important;
}

html body .frame main section.jc-archive-list--wallpaper .row > .jc-content-card > a.jc-wallpaper-card:hover .jc-wallpaper-view-link::after,
html body .frame main section.jc-archive-list--wallpaper .row > .jc-content-card > a.jc-wallpaper-card:focus-visible .jc-wallpaper-view-link::after{
  border-top-color:#fff!important;
  border-right-color:#fff!important;
}

@media screen and (max-width:899px){
  html body .frame main .t_s1 .row > a.col:hover,
  html body .frame main .t_s1 .row > a.col:focus-visible{
    border-width:3px!important;
    border-color:#5c8fc6!important;
    border-style:solid!important;
    outline:none!important;
    transform:none!important;
    filter:none!important;
  }
  html body .frame main .t_s3 .row .col:hover,
  html body .frame main .t_s3 .row .col:has(> a:focus-visible){
    border-color:#5c8fc6!important;
    outline:none!important;
    transform:none!important;
    filter:none!important;
  }
  html body .frame main .t_s3 .row .col > a:hover,
  html body .frame main .t_s3 .row .col > a:focus-visible{
    border:0!important;
    outline:none!important;
    transform:none!important;
    filter:none!important;
  }
  html body .frame main .t_s4 .row > a.jc-home-wallpaper-card:hover,
  html body .frame main .t_s4 .row > a.jc-home-wallpaper-card:focus-visible,
  html body .frame main .t_s4 .row > a.col.jc-home-wallpaper-card:hover,
  html body .frame main .t_s4 .row > a.col.jc-home-wallpaper-card:focus-visible{
    border-width:1px!important;
    border-color:#5c8fc6!important;
    border-style:solid!important;
    outline:none!important;
    transform:none!important;
    filter:none!important;
  }
}

/* Match the centered news label text used on detail pages. */
html body .frame main .t_s1 .row > a.col .cate{
  text-align:center!important;
}

/* Keep the news date on the same metadata line, aligned to the card edge. */
html body .frame main .t_s1 .row > a.col .cate{
  display:inline-flex!important;
  align-items:center!important;
  float:left!important;
  justify-content:center!important;
  min-width:72px!important;
  height:22px!important;
  margin:9px 4px 5px!important;
  padding:0 10px!important;
  box-sizing:border-box!important;
  background:#d05159!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
  vertical-align:middle!important;
}
html body .frame main .t_s1 .row > a.col .time{
  display:block!important;
  float:right!important;
  margin:9px 4px 5px 0!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.35!important;
}
html body .frame main .t_s1 .row > a.col .ttl{
  clear:both!important;
}

/* Keep equal side padding on the home news titles. */
html body .frame main .t_s1 .row > a.col .ttl{
  width:calc(100% - 16px)!important;
  margin-left:8px!important;
  margin-right:8px!important;
  box-sizing:border-box!important;
}

@media screen and (max-width:899px){
  html body .frame main .t_s3 .ttl{
    font-size:11px!important;
  }
}

/* Match the home mobile cards to the white PC title areas. */
@media screen and (max-width:899px){
  html body .frame main .t_s1 .row > a.col{
    background:#fff!important;
  }
  html body .frame main .t_s3 .row .col > a{
    background:#fffdf9!important;
  }
}

/* Give home story titles the same side padding as home news titles. */
html body .frame main .t_s3 .row .col > a .ttl{
  width:calc(100% - 16px)!important;
  margin-left:8px!important;
  margin-right:8px!important;
  box-sizing:border-box!important;
}