.pc{ display: none !important;}
a { -webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
a:hover { opacity: .8; text-decoration: none !important; }

.ss-contents {position: relative; z-index: 101; font-family: 'Noto Sans JP', sans-serif; color: #333; line-height: 1.6; background: #fff;}
.ss-contents a{ color: #333;}
.ss-center{ overflow: hidden; max-width: none; width: 100%; padding-bottom: 96px; position: relative; background: url(https://img.travel.rakuten.co.jp/themepark/tdr/40th/202312/images/bg2.png) repeat-y center top / 100% auto;}
.ss-center:before{position: absolute; content: ''; width: 100%; height: 64px; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
.ss-container{ border: 2px solid #CA9D00; border-radius: 10px; padding:24px 8px; box-sizing: border-box; position: relative; margin: 32px 16px 0; overflow: hidden;}
.Top{ padding: 48px 0 30px; background: none;}
.Top h1{ text-align: center;}
.Top h1 img{ width: 84%; }

.ttl{ text-align: center;}
.ttl img{ width: 100%;}

nav{ margin: 0 auto;}
nav ul{ display: flex; justify-content: center; overflow: hidden; width: 100%; z-index: 99;}
nav ul li{ width: calc(31% - 8px); margin: 0 4px;}
nav ul li:nth-child(2){ width: calc(34% - 4px)}
nav ul.cl2 li{ width: 30%;}
nav ul li a{ display: block; border-radius: 50px; padding: 4px; border: 1px solid #CA9D00; background: #CA9D00; color: #fff !important; text-align: center; font-size: 14px; line-height: 1.2;}

/* event */
#event{ margin-top: 32px;}
#event .photo{ text-align: center; margin: 16px 8px 0;}
#event .photo img{ width: 100%;}
#event .site{ margin: 24px 8px 0; border: 1px solid #CBF0FF; border-radius: 5px; padding-bottom: 24px;}
#event .site h3{ background: #CBF0FF; padding: 10px 0; font-size: 14px; text-align: center; position: relative;}
/* #event .site h3::before{ display: inline-block; content: url(https://img.travel.rakuten.co.jp/themepark/tdr/40th/202306/images/icon1.png); padding-right: 6px; vertical-align: -2px;} */
#event .site .txt1{ margin: 12px 8px 0; padding: 0 0 12px; border-bottom: 1px solid #CBF0FF; font-size: 13px;}
#event .site .txt1 i{ font-style: normal; color: #bf0000;}
#event .site .spt1{  margin: 24px 8px 0;}
#event .site .spt1 .photo{ margin: 0  0 16px;}
#event .site .spt1 .pr{ font-size: 13px; line-height: 1.5;}

#event .spt2 li{ margin: 24px 8px 0; border: 1px solid #ccc; border-radius: 5px;}
#event .spt2 li .ttls{ text-align: center; margin: 16px 0;}
#event .spt2 li .photo{ margin: 0 16px 0;}
#event .spt2 li .pr{ margin: 16px;; font-size: 13px; line-height: 1.6;}


/* special */
.special{ margin-bottom: 32px;}
.specnav{ margin: 24px auto 0; display: flex; justify-content: center;}
.specnav li{ width: 45%; margin: 0 8px;}
.specnav li a{ display: block; background: #053C82; border-radius: 5px; padding: 8px 0; font-size: 14px; color: #fff; text-align: center; position: relative;}
.specnav li a::after{ content: ""; width: 8px; height: 8px; border: solid #fff; border-width: 0 1px 1px 0; transform: rotate(45deg); display: block; position: absolute; right: 20px; top: 13px;}
.special .ttls1{ background:rgba(132, 105, 176, 0.1); padding: 8px 0; text-align: center; border-radius: 5px;  margin:120px auto 16px; position: relative;}
.special .ttls1::before{ display: block; position: absolute; left: 50%; margin-left: -41px; top: -92px; content: url(https://img.travel.rakuten.co.jp/themepark/tdr/40th/202308/images/logo1.png);}
.special .ttls2{ background:rgba(245, 150, 0, 0.1); padding: 8px 0; text-align: center; border-radius: 5px; margin:120px auto 16px; position: relative;}
.special .ttls2::before{ display: block; position: absolute; left: 50%; margin-left: -41px; top: -92px; content: url(https://img.travel.rakuten.co.jp/themepark/tdr/40th/202308/images/logo2.png);}
.special .ttls3{ background:rgba(80, 170, 184, 0.1); padding: 8px 0; text-align: center; border-radius: 5px; margin:120px auto 16px; position: relative;}
.special .ttls3::before{ display: block; position: absolute; left: 50%; margin-left: -41px; top: -92px; content: url(https://img.travel.rakuten.co.jp/themepark/tdr/40th/202308/images/logo3.png);}
.special .ttls1 ,.special .ttls2 ,.special .ttls3 { line-height: 0; position: relative;}
.special .ttls1::before{ display: block; position: absolute; left: 50%; margin-left: -41px; content: url(https://img.travel.rakuten.co.jp/themepark/tdr/40th/202308/images/logo1.png);}
.special .ttls1 img,.special .ttls2 img,.special .ttls3 img{ width: 100%;}
.pls-plan-inner{  margin: 24px 8px 0; padding-bottom: 24px;}
.hotelBox{ padding-bottom: 24px;}
.hotelBox .htls{ background: #FAFAFA; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); border-radius: 4px; overflow: hidden;}
.hotelBox .htls .photo{ height: 180px; position: relative;}
.hotelBox .htls .photo a{ width: 100%; height: 100%; display: block;}
.hotelBox .htls .ranking{ width: 28px; height: 25px; line-height: 32px; position: absolute; left: 10px; bottom: 12px; background: url(https://img.travel.rakuten.co.jp/themepark/tdr/40th/202306/images/rank.png) no-repeat; font-size: 13px; font-weight: bold; text-align: center; color: #fff;}
.hotelBox .htls:nth-child(1) .ranking{ background: url(https://img.travel.rakuten.co.jp/themepark/tdr/40th/202306/images/rank1.png) no-repeat; color: #333;}
.hotelBox .htls:nth-child(2) .ranking{ background: url(https://img.travel.rakuten.co.jp/themepark/tdr/40th/202306/images/rank2.png) no-repeat; color: #333;}
.hotelBox .htls:nth-child(3) .ranking{ background: url(https://img.travel.rakuten.co.jp/themepark/tdr/40th/202306/images/rank3.png) no-repeat; color: #333;}
.hotelBox .htls .review{ position: absolute; right: 0; bottom: 6px; width: 40px; padding-left: 15px; background: url(https://img.travel.rakuten.co.jp/themepark/tdr/40th/202306/images/star.png) left center no-repeat; color: #fff; font-size: 12px; font-weight: normal;}
.hotelBox .htls .name{ margin: 16px 16px 0; font-size: 14px; font-weight: bold; line-height: 1.2;}
.hotelBox .htls .txt{ margin: 16px 16px 0; font-size: 13px; line-height: 1.6;}
.hotelBox .htls .price{ margin: 8px 16px 0; font-size: 13px; line-height: 1.4; text-align: center;}
.hotelBox .htls .price b{ color: #BF0000; font-size: 16px;}
.hotelBox .htls .price b span{ font-size: 24px;}
.hotelBox .htls .btn{ position: relative; display: block; margin: 16px; font-size: 14px; color: #fff; text-align: center; padding: 15px 0; background: #013678; border-radius: 5px;}
.hotelBox .htls .btn:after { content: ''; display: block; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; margin-top: -5px; right: 20px; }
.planBtn{ margin: 0 16px;}
.planBtn a{ position: relative; display: block; font-size: 14px; color: #064DA4; text-align: center; padding: 12px 0; background: #fff; border: 1px solid #064DA4; border-radius: 5px;}
.planBtn a:after { content: ''; display: block; width: 10px; height: 10px; border-top: 1px solid #064DA4; border-right: 1px solid #064DA4; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; margin-top: -5px; right: 30px; }
.dpBtn{ margin: 24px 16px 0;}
.dpBtn dt{ text-align: center;}
.dpBtn dt img{width: 90%;}
.dpBtn dd{ margin: 24px 0 0; }
.dpBtn dd a{ position: relative; display: block; font-size: 14px; color: #fff; text-align: center; padding: 12px 0; border-radius: 5px; margin-bottom: 8px;}
.dpBtn dd a.ana{ background: #1B0E80;}
.dpBtn dd a.jal{ background: #CC0001;}
.dpBtn dd a:after { content: ''; display: block; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; margin-top: -5px; right: 30px; }
.special .swiper-container{ margin-bottom: 24px;}
.wn{ font-size: 12px; line-height: 1.4; margin: 24px 16px 0;}
.wn2{ font-size: 12px; line-height: 1.4; margin: 24px 16px 0;}

/* search */
.searchWide{ margin: 24px 0 0;}


/* popup */
.popbtn{ text-align: center; font-size: 16px; color: #767676 !important; display: table; margin: 24px auto 0; position: relative; text-decoration: underline !important;}
.popbtn::after{ content: ""; width: 8px; height: 8px; border: solid #767676; border-width: 1px 1px 0 0; transform: rotate(45deg); display: block; position: absolute; right: -20px; top: 9px;}
#popupNEW {position: fixed;top: 0; right:0;display: flex; justify-content:  center; align-items:  center;width: 100%; height: 100%;z-index: 9999;}
#popupNEW .blackbg{position: fixed;top: 0;right: 0;width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);z-index: 998;}
#popupNEW .inner{width: 100%; background-color: #fff;z-index: 999;height: 50%;overflow: hidden;}
#popupNEW .inner>.ttl{position: relative;z-index: 999; height: 30px;}
#popupNEW .inner>.ttl .close{cursor: pointer; position: absolute; right: 5px; top: 5px; display: block; width: 20px; height: 20px;}
#popupNEW .inner>.ttl .close img{ width: 100%;}
#popupNEW .inner div.wrap{overflow: auto;max-height: calc(100% - 42px - 24px - 55px);padding:0 16px 24px;}
#popupNEW .inner .bottom{display: none;}
.campAt_con{ text-align: center; padding-bottom: 40px;}
.campAt_con img{ width: 100%;}



.goAnchor{position:fixed !important;right:0;bottom:0;width:60px;z-index:100}
.goAnchor img{display:block;margin:0 auto 4px;width:100%}



/* infomation */
#infomation{ margin-bottom:32px;}
#infomation .swiper-container{ margin: 32px 8px 0; width: calc(100% - 16px); padding-bottom: 16px;}
#infomation .swiper-container .swiper-slide{ font-size: 14px; border: 1px solid #C3C3C3; border-radius: 5px; padding:0 0 16px; background: #fff; height: auto; box-sizing: border-box;}
#infomation .swiper-container .swiper-slide p { margin: 12px; }
#infomation .swiper-container .swiper-slide p span { display: block; text-align: right; font-size: 13px; margin-bottom: 6px;}
#infomation .swiper-container .swiper-slide .kiji_link { display: block; margin: 0 16px; text-align: center; color: #fff; background: #0077CC; padding: 10px 0; font-size: 16px; font-weight: bold;}


.swiper-button-next,.swiper-button-prev{ position: absolute; top: 50%; display: inline-block; width: 30px!important; height: 30px!important; background-color: rgba(51,51,51,.5); background-image: url(https://travel.rakuten.co.jp/onsen/sem2/type/rotsuki/202004/images/next.svg)!important; background-position: center center; background-size: 9px auto!important; border-radius: 100%; border: 0; cursor: pointer; z-index: 30; right: 0px!important;}
.swiper-button-prev {transform: scale(-1);left: 0px!important;}




/* helloween */
.hw{ margin-top: 40px; text-align: center;}
.hw .txt1{ font-size: 16px; font-weight: bold; color: #053C82; margin-top: 10px;}
.hw .txt2{ font-size: 16px; font-weight: 500; color: #CA9D00; }
.hw .txt2 b{ font-size: 24px; font-weight: 500;}

.chrVd { text-align: center; font-size: 14px; margin: 20px 16px auto 16px;}
.chrVd img { width: 100%;}
.chrVd span { display: block; text-align: right; margin: 4px auto 12px auto; font-size: 12px;}
.chrVd p { text-align: left;}
#event .spt2>li:nth-child(1), #event .spt2>li:nth-child(2) { display: none;}


#event, #infomation { position: relative; padding-bottom: 36px;}
#event:before, #infomation:before { display: block; content: ""; width:56px ; height: 25px; position: absolute; right: 16px; bottom: 8px; background: url(https://travel.rakuten.co.jp/themepark/tdr/40th/202311/images/disneyLogo.png) 0 bottom no-repeat; background-size: 56px;}
.imgsp { width: 100%;}
img.imgspLg { width:130px;} 
#search-box .searchNavi li{width: 22%;}
#search-box dl.structure.fltDl.ninzu select{margin-top: 0;}