@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

:root{--outerWidth:1215px;--innerWidth:1115px;--naviBlue:#4d89d1;--naviKoiBlue:#156ad1;--naviUsuBlue:#c9dbf1;--naviEmerald:#09b3cc;--naviRed:#ea5a5a;--naviCream:#fff499;--naviViolet:#7c6ebc;--naviPurple:#9a5097;--naviAzuki:#a53167;--gsGreen:#59b395;--ocYellow:#f7a324;--daitanBlue:#1eb6dd;--senmonYellow:var(--ocYellow);--skBlue:#01a0d5;--ssPink:#f58a8a;--laGreen:#00687d;--gsGreenGrade:linear-gradient(45deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 100%),var(--gsGreen);--ocYellowGrade:linear-gradient(45deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 100%),var(--ocYellow);--skBlueGrade:linear-gradient(45deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 100%),var(--skBlue);--ssPinkGrade:linear-gradient(45deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 100%),var(--ssPink);}
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, p, a, span, li, dt, dd, th, td, caption {
    font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
}
.cmnHdr{position:relative;z-index:701;font-size:14px;background:#fff;border-bottom:1px solid #e5e5e5;height:auto}.cmnHdr .cmnNav{margin:0 auto;width:100%}.cmnHdr .cmnNavtl{padding:2px 3px;width:100%;background:var(--naviBlue);overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;transform-origin:top center}.cmnHdr .cmnNavtl>*{margin:0 auto;padding:0;max-width:1215px;font-size:12px;color:#fff;font-weight:400;white-space:nowrap;line-height:12px}.cmnHdr .cmnNavCmn{position:relative;display:flex;justify-content:space-between;align-items:center;margin:0 auto;width:100%;min-height:52px;max-width:1215px;background:#fff;transition:all 0.25s 0s ease-out}.cmnNavL{display:flex;align-items:center}.cmnNavL p{font-size:1.1rem}.cmnNavL .siteLogo a{display:flex;padding:0 10px;height:18px}.cmnNavL .siteLogo img{height:100%;width:auto;object-fit:contain}p.siteCatch{padding-left:5px}.cmnNavL p{font-size:1.1rem}.cmnNavR form,.cmnNavR li,.cmnNavBtm{display:none}.cmnNavR ul{position:fixed;z-index:999;top:15px;right:5px;display:flex;align-items:center;gap:10px;transition:all 0.15s 0s ease;margin:0}.cmnNavR li a{position:relative;display:grid;place-content:center;width:100%;min-width:40px;min-height:30px;color:#fff;line-height:1.2;font-size:12px;font-weight:700;text-align:center}.cmnNavR li a:hover{opacity:0.5}
/* .cmnNavR li a[href*="/box/index"],
.cmnNavR li a[href*="/mypage/index"],
.cmnNavR li a[href*="/mypage/logout"]{
  padding-top:2.75em
} */
.cmnNavR li a[href*="/box/index"]::before,.cmnNavR li a[href*="/mypage/index"]::before,.cmnNavR li a[href*="/mypage/logout"]::before{pointer-events:none;position:absolute;content:'';top:0.6em;left:50%;width:2em;height:2em;transform:translate(-50%,0)}
/* .cmnNavR li a[href*="/mypage/index"]::before{
  background:url(https://shinronavi.com/new/_app/_webroot/img/module/layout/icn_mypage_white.svg) center/contain no-repeat
} */
.cmnNavR li a[href*="/box/index"]::before{background:var(--svgCartWhite)}.cmnNavR li .commonBadge{top:3px}.cmnMenu .commonBadge,.cmnHdr .commonBadge{pointer-events:none;position:absolute;z-index:99;top:0;right:50%;display:grid;place-content:center;min-width:1.5em;min-height:1.5em;width:fit-content;background:var(--naviRed);border-radius:50%;color:#fff;font-size:1.1rem;font-weight:normal;transform:translate(100%,0)}.cmnNavR .cmnMenuBtn{cursor:pointer;display:grid;place-content:center;padding:5px;width:40px;height:40px;background:rgba(255,255,255,0.75);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:0.5rem;transition:all 0.25s 0s ease-out}.cmnNavR .cmnMenuBtn::before{pointer-events:none;position:absolute;content:'';top:50%;left:50%;display:block;width:24px;height:3px;background:var(--naviEmerald);transform-origin:center center;transform:translate(-50%,-50%);transition:all 0.25s 0s ease-out}.cmnNavR .cmnMenuBtn span{position:relative;width:24px;height:22px}.cmnNavR .cmnMenuBtn span::before,.cmnNavR .cmnMenuBtn span::after{pointer-events:none;position:absolute;content:'';top:50%;left:50%;width:100%;height:3px;background:var(--naviBlue);transition:all 0.25s 0s ease-out;transform:translate(-50%,calc(-50% - 9px));transform-origin:center center}.cmnNavR .cmnMenuBtn span::after{transform:translate(-50%,calc(50% + 6px))}.cmnMenuOpen .cmnHdr .cmnNavCmn{position:fixed;top:0;left:0;z-index:999;background:var(--naviBlue)}.cmnMenuOpen .cmnNavL .siteLogo a{background:url(https://shinronavi.com/new/_app/_webroot/img/module/layout/logo_white_top.svg) center/contain no-repeat}.cmnMenuOpen .cmnNavL .siteLogo img{opacity:0}.cmnMenuOpen .cmnNavL .siteCatch{display:none}.cmnMenuOpen .cmnNavR ul{top:0}.cmnMenuOpen .cmnNavR .cmnMenuOut,.cmnMenuOpen .cmnNavR .cmnMenuMy,.cmnMenuOpen .cmnNavR .cmnMenuIn,.cmnMenuOpen .cmnNavR .cmnMenuBox{display:grid}.cmnMenuOpen .cmnNavR .cmnMenuBtn{background:none}.cmnMenuOpen .cmnNavR .cmnMenuBtn::before{opacity:0}.cmnMenuOpen .cmnNavR .cmnMenuBtn span::before{left:0;background:#fff;transform:rotate(-45deg)}.cmnMenuOpen .cmnNavR .cmnMenuBtn span::after{left:0;background:#fff;transform:rotate(45deg)}.cmnMenuOpen .cmnNavR li a{font-size:10px}.cmnMenuOpen .cmnNavR li a[href*="/box/index"]::before,.cmnMenuOpen .cmnNavR li a[href*="/mypage/index"]::before,.cmnMenuOpen .cmnNavR li a[href*="/mypage/logout"]::before{width:20px;height:20px}.cmnMenuOpen .cmnNavR li .commonBadge{top:3px;font-size:11px}.cmnMenus .cmnMenu{position:fixed;z-index:700;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr auto 1fr 1fr;place-content:center;padding:0 5px;width:100%;background:rgba(255,255,255,0.75);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 -10px 10px 0 rgba(0,0,0,0.1);margin:0}.cmnMenus .cmnMenu a{position:relative;display:grid;place-content:center;margin:3px 0;height:46px;font-size:14px;line-height:1.1;font-weight:bold;text-align:center}.cmnMenus .cmnMenu a[href="/omakase/select"]{margin:2px 0;padding:0 10px;border-radius:0.5rem;filter:drop-shadow(0 2px 0 rgba(0,0,0,0.2))}.cmnMenu .commonBadge{font-size:11px;transform:translate(120%,3px)}.cmnMenus .cmnNav{--mainColor:#999}.cmnMenus .cmnNav .cmnNavSc{--mainColor:var(--gsGreen);--lightColor:#e1f2eb}.cmnMenus .cmnNav .cmnNavOc{--mainColor:var(--ocYellow);--lightColor:#fff4bf}.cmnMenus .cmnNav .cmnNavSr{--mainColor:var(--skBlue);--lightColor:#d7f4fc}.cmnMenus .cmnNav .cmnNavSS{--mainColor:var(--ssPink);--lightColor:#fbe6e6}.cmnMenus .cmnNav{pointer-events:none;position:fixed;z-index:800;top:0;left:0;width:100%;height:100%;opacity:0;background:#fff;transition:all 0.25s 0s ease-out}.cmnMenuOpen .cmnMenus .cmnNav{pointer-events:auto;opacity:1;z-index:999;position:fixed;top:42px}.cmnMenus .cmnNav .hrTabs{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(to top,#e5e5e5 0,#eee 10px);border-bottom:3px solid #fff;overflow:hidden;margin:0}.cmnMenus .cmnNav .hrTabs li{cursor:pointer;display:grid;place-content:center;padding:5px 5px 8px;font-size:13px;text-align:center;color:#333;line-height:1;font-weight:500}.cmnMenus .cmnNav .hrTabs li.on{background:#fff;box-shadow:0 -3px 0 0 var(--mainColor) inset}.cmnMenus .cmnNav .canSrlY{overflow-y:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;text-align:center;-ms-overflow-style:none;scrollbar-width:none;height:calc(100vh - 84px)}.cmnMenus .cmnNav .hrLists{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;text-align:center;-ms-overflow-style:none;scrollbar-width:none;margin:0}.cmnMenus .cmnNav .hrLists li{width:100vw;border-bottom:2px solid var(--mainColor);scroll-snap-align:start;flex-shrink:0}.cmnMenus .cmnNav dl{display:grid;padding:15px;margin:0}.cmnMenus .cmnNav dt{padding:5px 10px;background:#eee;border-left:solid 15px var(--mainColor);text-align:left;font-size:12px;line-height:1}.cmnMenus .cmnNav dd{border-top:1px solid #eee}.cmnMenus .cmnNav dd a{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 15px;min-height:45px;font-size:13px;line-height:1.2;color:#333}.cmnMenus .cmnNav dd a::before{pointer-events:none;position:absolute;content:'';top:50%;right:7px;width:0.6em;height:0.6em;border-top:solid 1px #333;border-right:solid 1px #333;transform:translate(0,-50%) rotate(45deg)}.cmnMenus .cmnNav dd:last-child{border-bottom:1px solid #eee}.cmnMenus .cmnNav .cmnNavScBar{position:relative;padding:15px 0;border-bottom:none}.cmnMenus .cmnNav .cmnNavScBarTtl{margin:0;margin-bottom:5px;color:var(--mainColor);font-size:14px;font-weight:bold}.cmnMenus .cmnNav .cmnNavScBarTxt{position:relative;margin:0 auto;width:90%}.cmnMenus .cmnNav .cmnNavScBarTxt::before{pointer-events:none;position:absolute;content:'';z-index:99;top:50%;left:0.5em;width:1em;height:1em;transform:translate(0,-50%)}.cmnMenus .cmnNav .cmnNavScBarTxt input[type="search"]{display:flex;align-items:center;padding:0 0 0 1.75em;width:100%;min-height:40px;border:solid 1px #ccc;border-radius:0.5rem;background:#fff;font-size:14px;font-weight:500}.cpBnner{margin:30px auto;padding:0 15px;width:100%;text-align:center}.cmnMenus .cpBnner{max-width:500px}.cpBnner img{border-radius:1rem;box-shadow:0 0 0 1px #fde9ca}.cmnMenus .cmnNav .itsNew{position:relative;display:inline-block;padding-left:45px}.cmnMenus .cmnNav .itsNew::before{pointer-events:none;position:absolute;content:"NEW";top:50%;left:0;display:grid;place-content:center;width:4em;height:2em;background:var(--naviRed);border-radius:2rem;transform:translate(-10px,-50%);color:#fff;font-weight:bold;font-size:10px}.cmnMenus .cmnNav .hrLists .cmnNavOm,.cmnMenus .cmnNav .hrLists .other{display:none}.cmnMenus .cmnNav .vrLists{display:grid;gap:30px;padding:30px 0 0;background:linear-gradient(to bottom,#e5e5e5 0,#eee 10px);margin:0}.adLinks{display:grid;margin:0 auto;max-width:var(--innerWidth);container:adLinks/inline-size}.cmnMenus .spBnr.yokonaga .adLinks{margin:0 auto;padding:0}.adLinks .spBnrTtl{margin:0 auto 15px;font-size:12px;line-height:1.4;color:#333;font-weight:bold;text-align:center}.adLinks .icnPR{display:inline-block;margin-right:5px;padding:2px;border:solid 1px var(--naviBlue);border-radius:1px;line-height:1;color:var(--naviBlue)}.adSlider.swiper{width:100%;max-width:100cqw}.adSlider.swiper.chotto .swiper-wrapper{justify-content:center}.cmnMenus .spBnr.yokonaga .swiper-wrapper{display:grid;margin:0}.adSlider.swiper .swiper-slide{padding:15px;width:50cqw;max-width:200px;overflow:hidden}.yokonaga .adSlider.swiper.chotto .swiper-slide{padding:10px;width:100cqw;max-width:320px;overflow:visible}.adSlider.swiper a{display:grid;grid-template-columns:auto;align-content:flex-start;gap:5px;height:100%;background:#fff;box-shadow:0 3px 10px 0 rgba(0,0,0,0.15)}.yokonaga .adSlider.swiper.chotto .swiper-slide a{display:grid;grid-template-columns:100px auto;gap:0}.adSlider.swiper figure{width:100%;aspect-ratio:4/3;overflow:hidden}.yokonaga .adSlider.swiper.chotto .swiper-slide figure{height:100%;width:100px;aspect-ratio:auto;align-self:center;margin:0}.adSlider.swiper img{width:100%;height:100%;object-fit:cover}.adSlider.swiper figure+div{display:grid;gap:5px;padding:0 0 10px}.yokonaga .adSlider.swiper.chotto .swiper-slide figure+div{padding:5px}.adSlider.swiper .attribute{align-self:flex-start;display:flex;gap:3px;margin:0}.adSlider.swiper .attribute li{padding:3px;background:#888;font-size:12px;color:#fff;line-height:1.2;font-weight:100}.adSlider.swiper li.cate_13,.adSlider.swiper li.cate_17{background:var(--senmonYellow)}.adSlider.swiper .photoName{display:-webkit-box;padding:0 5px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:end;height:2.4em;font-size:12px;line-height:1.2;text-align:left;font-weight:bold;color:#333}.yokonaga .adSlider.swiper.chotto .swiper-slide .photoName{padding:0;margin:0;height:auto;max-height:2.4em}.adSlider.swiper .bannerText{display:-webkit-box;padding:0 5px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:end;height:2.4em;font-size:12px;line-height:1.2;text-align:left;margin:0;color:#333}.yokonaga .adSlider.swiper.chotto .swiper-slide .bannerText{padding:0}.cmnMenus .cmnNav .cmnNavOm{--mainColor:var(--naviBlue);border-top:2px solid #fff;margin:0}.cmnMenus .cmnNav .cmnBnr{display:grid;gap:15px;margin:0 auto;padding:30px 30px 0;max-width:500px}.cmnMenus .cmnBnr a{display:grid;gap:5px;border:none;font-size:12px;line-height:1.4;color:#333;font-weight:500}.cmnMenus .cmnBnr img{display:block;margin:0 auto 5px;width:100%;height:auto;border-radius:0.5rem}.cmnMenus .cmnNav .vrLists .other{padding:0 0 15px;background:#fff;margin:0}.cmnMenus .cmnNav dl{display:grid;padding:15px}.cmnMenus .cmnNav dt{padding:5px 10px;background:#eee;border-left:solid 15px var(--mainColor);font-weight:500;text-align:left;font-size:12px}.cmnMenus .cmnNav dd{border-top:1px solid #eee}.cmnMenus .cmnNav dd a{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 15px;min-height:45px;font-weight:500;font-size:14px;line-height:1.2;color:#333}.cmnMenus .cmnNav dd a::before{pointer-events:none;position:absolute;content:'';top:50%;right:7px;width:0.6em;height:0.6em;border-top:solid 1px #333;border-right:solid 1px #333;transform:translate(0,-50%) rotate(45deg)}.cmnMenus .cmnNav .monbushou ul{display:grid;grid-template-columns:repeat(2,1fr);padding:0 15px;gap:10px;margin:0}.cmnMenus .cmnNav .monbushou a{display:block;padding:5px;width:100%;background:#fff;border:solid 1px #eee;text-align:center}.cmnMenus .cmnNav .monbushou img{margin:0 auto;border:0;height:25px;width:auto;object-fit:contain}.vrLists .forPcList{display:none}.cmnMenus .cmnNav .cmnSnsList{padding:15px 15px 120px;background:#eee}.cmnMenus .cmnNav .cmnSnsList ul{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:20px;background:none;margin:0}.cmnMenus .cmnNav .cmnSnsList li{display:grid;place-content:center;max-width:35px}.cmnMenus .cmnNav .cmnSnsList .lineBtn{width:100%;max-width:none}.cmnMenus .cmnNav .cmnSnsList a{padding:0}.cmnMenus .cmnNav .cmnSnsList img{width:100%;height:auto;border-radius:50%}.cmnMenus .cmnNav .cmnSnsList .lineBtn img{border-radius:0;height:48px;width:auto;object-fit:contain}.cmnMenus .cmnNav .cmnSnsList a[href*="www.instagram.com"] img{border-radius:7px}.cmnFot{position:relative;z-index:600;margin:0 auto;padding:0 0 80px;background:#f8f8f8}.cmnFot .inner{position:relative;display:grid;gap:var(--cmnFotP);margin:0 auto;padding:var(--cmnFotP);text-align:left;max-width:1215px;--cmnFotP:10px}.cmnFot .inner::before{pointer-events:none;position:absolute;content:'';top:0;left:var(--cmnFotP);width:calc(100% - 20px);height:1px;background:#000}.cmnFot .cmnFotMainTitle{font-size:12px;line-height:1.2;margin:0}.cmnFot .flexCols{border-bottom:1px solid #000}.cmnFot .cmnFotTtl{cursor:pointer;position:relative;padding:10px 2em 10px 1em;border-top:1px solid #999;font-size:13px;line-height:1.2;font-weight:bold;color:var(--laGreen);background:rgba(0,0,0,0.02);transition:background-color 0.25s 0s ease;margin:0}.cmnFot .cmnFotTtl.open{background:rgba(0,0,0,0.1)}.cmnFot .cmnFotList{margin:0;border-top:1px solid #999}.cmnFot .slideShow{opacity:1;height:auto;transform:scale(1);transform-origin:center top;transition:all 0.25s 0s ease}.cmnFot .cmnFotList li{font-size:13px}.cmnFot .cmnFotList li+li{border-top:1px solid #ccc}.cmnFot .cmnFotList li a{color:#333;position:relative;display:block;padding:10px 2em;font-size:13px;line-height:1.2;text-decoration:none;font-weight:500}.cmnFot .cmnFotList li a::before{pointer-events:none;position:absolute;content:'';top:50%;right:1.6rem;width:8px;height:8px;border-bottom:solid 1px #333;border-right:solid 1px #333;transform:rotate(-45deg) translate(0,-50%)}.cmnFot .cmnFotList li a[target="_blank"]::before{width:1.25em;height:1.25em;border:none;transform:rotate(0deg) translate(0,-50%)}.cmnFot .cmnFotList li a:hover{opacity:0.5}.cmnFot .cmnFotAreaList{padding:15px;border-top:1px solid #999}.cmnFot .cmnFotAreaList li{margin:0 auto 10px;display:flex;align-items:center}.cmnFot .slideHide{opacity:0;height:0;padding:0;transform:scale(1,0);transform-origin:center top;transition:all 0.25s 0s ease;margin:0}.cmnFot .cmnFotAreaList h3{padding:0 5px 0 0;width:25%;max-width:86px;font-size:13px;color:#333;font-weight:normal;margin:0}.cmnFot .cmnFotAreaList a{display:inline;color:#333;font-size:13px;text-decoration:underline;line-height:1;font-weight:500}.cmnFot .cmnFotAreaList h3+ul{display:flex;flex-wrap:wrap;padding-left:3px;width:75%;border-left:solid 1px #333;margin:0}.cmnFot .cmnFotAreaList h3+ul li{margin:5px 10px}.cmnFot .cmnFotText{padding:0 var(--cmnFotP);font-size:12px;line-height:1.6}.cmnFot .cmnFotLogos{display:grid;place-content:center;gap:30px;margin:0 auto;padding:30px var(--cmnFotP) 0;width:90%;text-align:center}.cmnFot .cmnFotPmark a{display:grid;grid-template-columns:80px auto;align-items:center;gap:15px;padding:10px;height:100%;border:solid 1px #ccc;line-height:1.4;text-align:left;color:#333}.cmnFot .cmnFotCopy a:hover,.cmnFot .cmnFotPmark a:hover{text-decoration:none;opacity:0.5}.cmnFot .cmnFotPmark img{width:80px;height:auto;object-fit:contain}.cmnFot .cmnFotCopy a{display:grid;place-content:center;gap:15px;height:100%;font-size:1.2rem;line-height:1.2;text-align:center}.cmnFot .cmnFotCopy img{padding:0 15%;max-width:300px;height:auto}.cmnFot .cmnFotTtl::before{pointer-events:none;position:absolute;content:'';top:50%;right:1.6rem;width:8px;height:8px;border-bottom:solid 1px var(--laGreen);border-right:solid 1px var(--laGreen);transform:rotate(45deg) translate(-50%,-50%);transform-origin:center;transition:transform 0.5s 0s ease}.cmnFot .cmnFotTtl.open::before{content:'';border-top:solid 1px var(--laGreen);border-left:solid 1px var(--laGreen);border-bottom:transparent;border-right:transparent;transform:rotate(405deg) translate(0,0)}.totop.active{bottom:60px}@media screen and (min-width:900px){.cmnHdr{border-bottom:none;box-shadow:0 0 10px 0 rgba(0,0,0,0.1)}.cmnBody .cmnHdr{grid-column:1/3;grid-row:1/2}.cmnNavL p{font-size:10px}.cmnNavR{display:flex;align-items:center;justify-content:space-between;gap:15px}.cmnNavR form{display:block}.cmnNavR .cmnSearchBar{position:relative;min-width:230px;font-size:12px}.cmnNavR .cmnSearchBar::before{pointer-events:none;position:absolute;content:'';top:50%;left:0.25em;width:1.25em;height:1.25em;transform:translate(0,-50%)}.cmnNavR .cmnSearchBar input[type="search"]{display:flex;align-items:center;padding:0 0 0 30px;width:100%;min-height:30px;background:#f2f2f2;border-radius:0.5rem;font-size:12px;font-weight:bold}.cmnNavR ul{position:relative;top:auto;right:auto;gap:10px}.cmnNavR li{display:block}.cmnNavR li a{color:var(--naviKoiBlue)}.cmnNavR li a[href*="/mypage/index"]::before{background:url(https://shinronavi.com/new/_app/_webroot/img/module/layout/icn_mypage_blue.svg) center/contain no-repeat}.cmnNavR li a[href*="/box/index"]::before{background:url(https://shinronavi.com/new/_app/_webroot/img/module/layout/icn_pump_blue.svg) center/contain no-repeat}.cmnHdr .commonBadge{font-size:0.83rem}.cmnMenus .cmnMenu,.cmnMenus .cmnBnr,.cmnNavR .cmnMenuBtn,.cmnMenus .cmnNav .hrTabs,.cmnMenus .cmnNav .cmnNavScBar,.cmnMenus .cmnNav .cmnNavOm{display:none}.cmnNavR li.cmnMenuBtn{display:none}.cmnNavBtm{display:block;position:relative;z-index:701;width:100%}.cmnNavBtmList{display:grid;grid-template-columns:repeat(5,1fr);margin:0 auto;padding:15px 0 0;width:100%;max-width:1215px}.cmnNavBtmList li{--mainColor:#999}.cmnNavBtmList li:nth-child(1){--mainColor:var(--gsGreen)}.cmnNavBtmList li:nth-child(2){--mainColor:var(--ocYellow)}.cmnNavBtmList li:nth-child(3){--mainColor:var(--skBlue)}.cmnNavBtmList li:nth-child(4){--mainColor:var(--naviBlue)}.cmnNavBtmList li:nth-child(5){--mainColor:var(--ssPink)}.cmnNavBtmList dl{margin:0;position:relative}.cmnNavBtmList dl div{position:absolute;top:100%;left:0;padding:5px 0;width:100%;background:#fff;border-top:4px solid var(--mainColor);box-shadow:0 5px 15px -5px rgba(0,0,0,0.2);border-radius:0 0 0.5rem 0.5rem;transform:scale(1,0);transform-origin:center top;pointer-events:none;opacity:0;transition:all 0.25s 0s ease}.cmnNavBtmList div::before{pointer-events:none;position:absolute;content:'';z-index:1;bottom:100%;left:0;width:100%;height:3px;background:var(--mainColor);border:none;transform-origin:left center;transform:scale(0,1);transition:all 0.25s 0s ease}.cmnNavBtmList li:hover dl div{pointer-events:auto;opacity:1;transform:scale(1)}.cmnNavBtmList dt{text-align:center}.cmnNavBtmList a{position:relative;display:grid;align-items:center;padding:5px 15px;min-height:40px;z-index:2;font-size:15px;line-height:1.2;font-weight:500;transition:all 0.25s 0s ease;text-decoration:none}.cmnNavBtmList a:hover{opacity:1}.cmnNavBtmList dt a{align-items:flex-end;padding:10px 15px;color:var(--naviKoiBlue)}.cmnNavBtmList li:hover dt a,.cmnNavBtmList .nowPlace a{color:var(--mainColor)}.cmnNavBtmList .nowPlace a::before{border-color:var(--mainColor)}.cmnNavBtmList dd a{position:relative;padding:5px 20px 5px 15px;font-size:13px;color:#555}.cmnNavBtmList dd a::before{pointer-events:none;position:absolute;content:'';top:50%;right:10px;width:0.5em;height:0.5em;border-top:solid 1px #333;border-right:solid 1px #333;transform:translate(0,-50%) rotate(45deg)}.cmnNavBtmList dd .keikouPen{position:relative;width:fit-content}.cmnNavBtmList dd .keikouPen::before{pointer-events:none;position:absolute;content:'';z-index:1;bottom:-5px;left:0;width:100%;height:4px;background:var(--mainColor);border:none;transform-origin:left center;transform:scale(0,1);transition:all 0.15s 0s ease;opacity:0.5}.cmnNavBtmList dd a:hover .keikouPen::before{pointer-events:none;position:absolute;transform:scale(1)}.cmnHdr .commonBadge{font-size:0.83rem}.cmnMenus.cmnReset{display:none}.cmnBody .cmnFotWrap{grid-column:1/3;grid-row:3/4}.cmnFot .inner{--cmnFotP:30px}.cmnFot .cmnFotMainTitle{font-size:26px;font-weight:bold;margin:0}.cmnFot .flexCols{display:flex;align-items:flex-start;justify-content:flex-start;margin:0 auto 50px;max-width:1215px;border-bottom:0}.cmnFot .colLeft{display:block;display:flex;flex-wrap:wrap;margin:0;width:60%}.cmnFot .colLeft div{margin:0 auto 30px;padding:0 15px 0 0;width:50%}.cmnFot .cmnFotTtl{cursor:default;padding:0;margin:0 auto 10px;background:none;border:0;font-size:18px}.cmnFot .cmnFotTtl.open{background:none}.cmnFot .cmnFotList{border-top:0}.cmnFot .cmnFotAreaList{padding:0;border-top:0}.cmnFot .slideHide,.cmnFot .slideShow{opacity:1;height:auto;transform:scale(1)}.cmnFot .cmnFotList li a{position:relative;display:inline-block;padding:0;color:#333;font-size:14px}.cmnFot .cmnFotList li a::before,.cmnFot .cmnFotList li a[target="_blank"]::before{pointer-events:none;position:absolute;content:'';top:100%;left:50%;width:50%;height:1px;background:#333;border:0;transform:scale(0,1);transform-origin:left center;transition:all 0.25s 0s ease}.cmnFot .cmnFotList li a::after{pointer-events:none;position:absolute;content:'';top:100%;right:50%;width:50%;height:1px;background:#333;transform:scale(0,1);transform-origin:right center;transition:all 0.25s 0s ease}.cmnFot .cmnFotAreaList h3 a{display:block;font-size:12px;justify-content:center;text-align-last:justify;font-weight:normal}.cmnFot .cmnFotAreaList li a{position:relative;padding:0;color:#333;font-size:14px;line-height:1.2;text-decoration:none}.cmnFot .cmnFotAreaList li a:hover{opacity:0.5}.cmnFot .cmnFotAreaList h3+ul li{margin:0 3px 3px}.cmnFot .cmnFotList li+li{margin:10px 0 0;border:0}.cmnFot .colRight{display:flex;margin:0;width:40%}.cmnFot .colRight .col{width:50%}.cmnFot .colRight>.col:nth-child(1),.cmnFot .colRight>.col:nth-child(2)>div:nth-child(2){display:block}.cmnFot .colRight .col div{margin:0 auto 30px}.cmnFot .colRight>.col:nth-child(2){padding-left:15px}.cmnFot .cmnFotList li a[target="_blank"]{padding-right:1.5em;background-position:right center !important;background-size:auto 1em}.cmnFot .cmnFotText{padding:0;font-size:12px}.cmnFot .cmnFotLogos{width:100%;grid-template-columns:1.5fr 1fr}.cmnFot .cmnFotLogos .cmnFotCopy{grid-row:1/2;grid-column:1/2}.cmnFot .cmnFotCopy a{grid-template-columns:auto auto}.cmnFot .cmnFotCopy img{padding:0}.cmnFot .cmnFotCopy small{display:grid;align-items:center;font-size:14px;color:#333}.cmnFot .cmnFotList li a::before,.cmnFot .cmnFotList li a[target="_blank"]::before{content:'';top:100%;left:50%;width:50%;height:1px;background:#333;border:0;transform:scale(0,1);transform-origin:left center;transition:all 0.25s 0s ease}.cmnFot .cmnFotList li a:hover::before{content:'';transform:scale(1,1)}.cmnFot .cmnFotList li a:hover::after{content:'';transform:scale(1,1)}.cmnFot .cmnFotAreaList li a::before{pointer-events:none;position:absolute;content:'';top:100%;left:50%;width:50%;height:1px;background:#333;border:0;transform:scale(0,1);transform-origin:left center;transition:all 0.25s 0s ease}.cmnFot .cmnFotAreaList li a::after{pointer-events:none;position:absolute;content:'';top:100%;right:50%;width:50%;height:1px;background:#333;transform:scale(0,1);transform-origin:right center;transition:all 0.25s 0s ease}.cmnFot .cmnFotAreaList li a:hover::before{content:'';transform:scale(1,1)}.cmnFot .cmnFotAreaList li a:hover::after{content:'';transform:scale(1,1)}.cmnFot .inner::before{content:none}.cmnFot .cmnFotTtl:before,.cmnFot .cmnFotTtl.open::before{content:none}}@media screen and (max-width:768px){html #wpadminbar{display:none !important}a,input[type=submit]{transition:opacity 0.25s 0s linear}.cmnHdr .cmnNavtl>*{font-size:11px;font-weight:100;line-height:1}.cmnNavL p{font-size:11px}.cmnHdr .cmnNavCmn{min-height:42px}.cmnFot .colLeft{display:flex;flex-wrap:wrap}.cmnFot .colLeft div,.cmnFot .colRight{width:100%}.cmnFot .cmnFotPmark a{font-size:14px}.cmnFot .cmnFotCopy a{color:#333;font-size:14px}.cmnFot .cmnFotList li a[target="_blank"]{background:none !important}}

.cmnNavR .cmnMenuIn a {
  background: url(https://shinronavi.com/new/_app/_webroot/img/module/layout/icn_login.svg) center top / 30px auto no-repeat;
}
.cmnNavR .cmnMenuBox a {
  background: url(https://shinronavi.com/new/_app/_webroot/img/module/layout/icn_pump.svg) center top / 30px auto no-repeat;
}
@media screen and (min-width: 900px) {
  .cmnNavR li img {
    opacity: 0;
  }
}


/* 共通 */
.table-scroll-1020 {
  overflow-x: scroll;
}
.table-scroll-1020 table {
  width: 100%;
  min-width: 1020px;
  border-collapse: collapse;
  font-size: 14px;
}
.table-scroll-700 {
  overflow-x: scroll;
}
.table-scroll-700 table {
  width: 100%;
  min-width: 700px;
  border-collapse: collapse;
  font-size: 14px;
}

/* 共通 */
.c_linkto_text h2{
  font-size: 20px;
  line-height: 1.4;
}
.catpost-cards .c_linkto_wrap .item-text {
  font-size: 14px;
  font-weight: 500;
}

#breadcrumb li:first-child a span {
  display: none;
}
#breadcrumb li:first-child a:after {
  content: 'ニューストップ';
}



ul.toukou {
  padding: 0 !important;
}
ul.toukou li {
  padding: 20px;
  border-bottom: 1px solid #d4dafa;
}
ul.toukou li:last-child {
  border: none;
}
ul.toukou li a {
  color: #333;
  font-size: 18px;
  line-height: 1.6;
  padding: 0;
}
ul.toukou li time {
  color: #888;
  font-weight: normal;
  font-size: 14px;
}
ul.toukou li .wp-block-latest-posts__post-excerpt {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.6;
  margin: 10px 0 0;
}

.link-btm-previous {
  margin: 40px auto;
}

.link-btm-previous a {
  cursor: pointer;
  position: relative;
  display: grid;
  place-content: center;
  margin: 0 auto;
  padding: 5px 1.5em;
  width: 80%;
  max-width: 400px;
  min-height: 60px;
  background: #3aa581;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
  border-radius: 3rem;
  color: #fff;
  font-size: 20px;
  line-height: 1.2;
  font-weight: bold;
}
.link-btm-previous a:after {
  position: absolute;
  content: '';
  top: 50%;
  right: 15px;
  width: 0.6em;
  height: 0.6em;
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: translate(0, -50%) rotate(-45deg);
}
.link-btm-previous a:hover {
  opacity: 0.7;
}
.btm-connection-ttl {
  border-bottom: 2px solid #eaedf2;
  font-weight: bold;
  font-size: 24px;
  margin: 10px 0;
  padding-bottom: 10px;
  text-align: center;
}

.vp-a {
  display: flex;
  justify-content: center;
}


@media screen and (min-width:900px){
  /* PC */
  .top-mv-temp {
    background-image: linear-gradient(162deg, rgba(255, 255, 255, 1) 31%, rgba(255, 255, 255, 1) 42%, rgba(255, 255, 255, 1) 49%, #009fe5 67%, #009fe5);
    position: relative;
    overflow: hidden;
  }
  .top-mv-temp .inn {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
    padding: 40px 20px;
    position: relative;
  }
  .top-mv-temp h1,
  .top-mv-temp p {
    color: #009fe5;
    font-size: 42px;
    font-weight: bold;
    text-align: left;
    margin: 0 auto;
  }
  .top-mv-temp h1:hover,
  .top-mv-temp p:hover {
    opacity: 0.7;
  }
  .catpost-cards {
    display: flex;
    flex-wrap: wrap;
  }
  .catpost-cards .c_linkto_wrap {
    width: 100%;
  }
  .catpost-cards .c_linkto_wrap a.c_linkto {
    display: flex;
    width: 100% !important;
  }
  .catpost-cards .c_linkto_wrap a.c_linkto .c_linkto_img_wrap {
    display: inline-block;
    width: 30%;
    overflow: auto;
    padding: 0;
    height: auto;
  }
  .catpost-cards .c_linkto_wrap a.c_linkto .c_linkto_text {
    width: 70%;
  }

  .other-articles {
    background-color: #f4f4f4;
    border: 1px solid #9e9e9e;
    box-shadow: 0px 0px 6px #d1d1d1;
    padding: 20px;
  }
  .other-articles h2 {
    margin: 0 auto 20px;
    text-align: center;
  }
  .other-articles .inn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 auto;
  }
  .other-articles .box {
    display: block;
    text-decoration: none;
    color: #333;
    width: 48%;
    margin-bottom: 2%;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 6px #d1d1d1;
    border-radius: 4px;
  }
  .other-articles .box:hover {
    opacity: 0.7;
  }
  .other-articles img {
    border-radius: 8px;
    border: 2px solid #eaedf2;
    height: auto;
    width: 100%;
  }
  .other-articles p {
    font-size: 16px;
    margin: 5px 0;
    font-weight: bold;
    line-height: 1.6;
  }
  .other-articles time {
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 1;
    margin: 0;
  }


  /* PC */
}

@media screen and (max-width:899px){
  /* SP */
  .top-mv-temp {
    background-image: linear-gradient(166deg, rgba(255, 255, 255, 1) 31%, rgba(255, 255, 255, 1) 42%, rgba(255, 255, 255, 1) 49%, #009fe5 67%, #009fe5);
    position: relative;
    overflow: hidden;
  }
  .top-mv-temp .inn {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    position: relative;
  }
  .top-mv-temp h1,
  .top-mv-temp p {
    color: #009fe5;
    font-size: 32px;
    font-weight: bold;
    text-align: left;
    position: relative;
    margin: 0;
    top: 0;
    text-shadow: 2px 1px 3px #fff;
  }
  .top-mv-temp h1:hover,
  .top-mv-temp p:hover {
    opacity: 0.7;
  }

  .other-articles {
    background-color: #f4f4f4;
    border: 1px solid #9e9e9e;
    box-shadow: 0px 0px 6px #d1d1d1;
    padding: 20px;
    margin-bottom: 40px;
  }
  .other-articles h2 {
    margin: 0 auto 20px;
    text-align: center;
  }
  .other-articles .inn {
    display: block;
    margin: 0 auto;
  }
  .other-articles .box {
    display: block;
    text-decoration: none;
    color: #333;
    width: 100%;
    margin-bottom: 20px;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 6px #d1d1d1;
    border-radius: 4px;
  }
  .other-articles img {
    border-radius: 8px;
    border: 2px solid #eaedf2;
    height: auto;
    width: 100%;
  }
  .other-articles p {
    font-size: 16px;
    margin: 5px 0;
    font-weight: bold;
    line-height: 1.6;
  }
  .other-articles time {
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 1;
    margin: 0;
  }



  /* SP */
}