
.pc { display: none !important; }
#widewrapper{width: 100%; position: relative; clear: both; font-family: "Noto Sans JP", serif;}
.ss-container{ margin: 32px 0 0; padding: 0; border-radius: 0 !important;}
#contentsArea{ background:#fff7a6;}

a:hover { opacity: 0.8; text-decoration: none !important; }


#kv img{ width:100%}

/* feature contents */
.navi{height:66px; padding:10px 0; box-sizing:border-box; background:#fff; box-shadow:0 2px 3px rgba(0,0,0,.15);}
.navi ul{display:flex; align-items:center; width:100%; height:46px; margin:0; padding:0; list-style:none;}
.navi li{width:25%; height:46px; border-right:1px solid #c4c4c4; box-sizing:border-box; text-align:center;}
.navi li:last-child{border-right:0;}
.navi a{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; height:46px; color:#00a0e9; font-size:12px; font-weight:700; line-height:1; text-decoration:none;}
.navi a:before{content:""; display:block; flex:0 0 24px; width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-size:contain;}
.navi li:nth-child(1) a:before{background-image:url(https://img.travel.rakuten.co.jp/special/yadonohi/202607/images/navAbout.svg);}
.navi li:nth-child(2) a:before{background-image:url(https://img.travel.rakuten.co.jp/special/yadonohi/202607/images/navTopics.svg);}
.navi li:nth-child(3) a:before{background-image:url(https://img.travel.rakuten.co.jp/special/yadonohi/202607/images/navCoupon.svg);}
.navi li:nth-child(4) a:before{background-image:url(https://img.travel.rakuten.co.jp/special/yadonohi/202607/images/navSearch.svg);}
.feature-section, #coupon, #Searchbox{box-sizing:border-box; position:relative;}
.feature-section .ttl, #coupon>.ttl, #Searchbox>.ttl{margin:0 auto; text-align:center; line-height:0; position:relative;}
#About .ttl:after{ content:""; display:block; position: absolute; left: 10%; top: -25px; width: 90%; height:120px; background: url(https://img.travel.rakuten.co.jp/special/yadonohi/202607/images/grp1Sp.png) no-repeat top center; background-size: 100% auto;}
#topics .ttl:after{ content:""; display:block; position: absolute; right: -12px; top: -125px; width: 100%; height: 160px; background: url(https://img.travel.rakuten.co.jp/special/yadonohi/202607/images/grp2Sp.png) no-repeat top center; background-size: 100% auto;}
#coupon .ttl:after{ content:""; display:block; position: absolute; left: 0; top: -75px; width: 100%; height: 140px; background: url(https://img.travel.rakuten.co.jp/special/yadonohi/202607/images/grp3Sp.png) no-repeat top center; background-size: 100% auto;}
#Searchbox .ttl:after{ content:""; display:block; position: absolute; left: 5%; top: -70px; width: 90%; height: 140px; background: url(https://img.travel.rakuten.co.jp/special/yadonohi/202607/images/grp4Sp.png) no-repeat top center; background-size: 100% auto;}
.feature-section .ttl img, #coupon>.ttl img, #Searchbox>.ttl img{width:auto; height:40px;}
.feature-section--about{padding:24px 16px 56px; background:#fff7a6;}
.about-box{margin:16px auto 0; padding:16px; border-radius:7px; background:#fff; color:#333; font-size:12px; line-height:1.65;}
.about-box p{margin:0 0 14px;}
.about-box p:last-child{margin-bottom:0;}
.about-link a{ position:relative; z-index:1; color:#333; text-decoration:underline; background: url(https://img.travel.rakuten.co.jp/special/yadonohi/202607/images/modal_svg.svg) no-repeat right center; background-size: 12px 12px; padding-right: 16px;}
.feature-section--topics { min-height: 540px; padding: 48px 16px 64px; background: url(https://img.travel.rakuten.co.jp/special/yadonohi/202607/images/bgTopicsSp2.png) center center / 100% auto no-repeat, url(https://img.travel.rakuten.co.jp/special/yadonohi/202607/images/bgTopicsSp.png) center top / 100% 100% no-repeat #fff8a5; }
.topics-list{display:flex; flex-direction:column; gap:40px; margin:52px 32px 0; padding:0; list-style:none;}
.topic-card{position:relative; width:100%; border:2px solid #ed1e79; border-radius:8px; box-sizing:border-box; background:#fff; color:#333; text-align:center;}
.topic-card:before{content:""; position:absolute; z-index:2; top:-13px; left:10px; width:calc(100% - 20px); height:29px; background:url(https://img.travel.rakuten.co.jp/special/yadonohi/202607/images/topic-date.png) center / 100% 100% no-repeat; pointer-events:none;}
.topic-date{display:flex; align-items:center; justify-content:center; height:70px; margin:0; background:#ed1e79; color:#fff; font-weight:800; line-height:1;}
.topic-date span{font-size:44px; letter-spacing:-3px;}
.topic-date small{margin:15px 0 0 5px; font-size:19px;}
.topic-copy{margin:0; padding:24px 12px; font-size:18px; font-weight:700; line-height:1.4;}
.topic-copy strong{color:#00a0e9; font-size: 28px; font-weight:700;}
.topic-copy--list{padding:12px 12px 12px 24px; list-style:none; text-align:left; font-size:12px; line-height:1.45;}
.topic-copy--list li{position:relative; display:flex; align-items:center; padding:12px 6px 12px 25px; border-radius:8px; box-sizing:border-box; background:#fff0f7; text-align:center;}
.topic-copy--list li+li{ margin-top:7px;}
.topic-copy--list p{width:100%; font-weight:700; font-size:15px; line-height:1.5;}
.topic-copy--list strong{font-size:20px;}
.topic-copy--list p span{ display:flex; justify-content: flex-end;}
.topic-number{position:absolute; left:-13px; display:flex; align-items:center; justify-content:center; width:32px; height:32px; border:2px solid #fff; border-radius:50%; box-sizing:border-box; background:#fff0f7; color:#ed1e79; font-size:18px; font-weight:700;}
.topic-copy--list a{display:inline-block; margin-top:4px; border-bottom:1px solid #333; color:#333; font-size:12px; font-weight:400; line-height:1.3; text-decoration:none;}
.topic-copy--list a:after{content:"›"; margin-left:4px; font-size: 16px;}
#coupon{padding:32px 16px 48px; background:#fff7a6;}
#coupon .coupon__filter__guide{margin-top:14px; text-align:center; position:relative; z-index:1;}
#coupon .coupon__box__holder{margin-top:22px;}

/* search */
#Searchbox { min-height: 478px; padding: 40px 0 32px; background-color: #fff8a5; background-image: url(https://img.travel.rakuten.co.jp/special/yadonohi/202607/images/bgSearchSp.svg); background-repeat: no-repeat; background-position: center top; background-size: 100% 100%; margin: 0; }
#Searchbox #search-box{margin:20px 16px 16px; border-radius:0; border:none; background:none;}
#search-box .inputDate{ background-color: #fff;}
#search-box.verB.test #searchSwitchArea1 p.searchSubmit{ padding: 0;}
#search-box.verB.test #searchSwitchArea1, #search-box.verB.test #searchSwitchArea2{ padding-bottom: 24px; margin-top: 16px;}
#search-box.verB #dh-search-form .searchSubmit a, #search-box.verB #dap-search-form .searchSubmit a{ margin-top: 0;background:#D04A00; border: none;}



/* SP Breadcrumbs */
#grpLocationArea { display: block !important; font-size: 75% !important; line-height: 38px; background: #fff; position: relative; }
#grpLocationArea p { overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; padding-left: calc(9.4em + 8px); padding-left: calc(9.1em + 8px); /* IE, Edge ,Firefox スクロールバー非表示 */ -ms-overflow-style: none; scrollbar-width: none; }
#grpLocationArea p::-webkit-scrollbar { /* Chrome, Safari スクロールバー非表示 */ display: none; }
#grpLocationArea a:first-of-type { position: absolute; top: 0; left: 0; color: #333; background: #fff; padding: 0 0.5em 0 8px; }
#grpLocationArea .grpLocationLocus { padding-right: 8px; }
