@charset "utf-8";

/*PCSP共通設定*/
html {scroll-behavior: smooth;}/*smooth scroll*/


*, *::before, *::after {
box-sizing: border-box;
}

sub { vertical-align: sub !important;}

p.note,ul.note li { text-indent: -1em; margin-left: 1em;}


@media screen and (max-width: 759.9px) {  /* SP */
html {
scroll-padding-top: calc(2rem + 4.4em + 10px);
}
.spno{display:none;}

#wrapper {line-height: 1.4;}
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}

#dirPathBlock {
    overflow-x: scroll;
    overflow-y: hidden;
    margin: 2px;
}
#dirPathBlock p {
    width: max-content;
}

}/* SP */





@media screen and (min-width: 760px),print {  /* PC */

html {
scroll-padding-top: calc(1rem + 3.2em);
}
.pcno{display:none;}

#wrapper {line-height: 1.231;}
#dirPathBlock,
.iframe_end-content_gadget,
#anchorLinkBlock{
	width: 100%;
	max-width:1080px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}

}/* PC */





/* ---------------------------------------------------------------------------

  #tdr 共通

---------------------------- */
#tdr{
  font-family: "Noto Sans JP", serif;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  font-weight: 400;
  line-height: 1.7;
  color: #222;
}
#tdr a{
  position: relative;
  opacity: 1;
  transition: all 0.3s;
}
#tdr img{
  width: 100%;
  height: auto;
}

/*  各sectionグラデ背景設定 
========================================*/
#tdr #tabSwitching{background-image: linear-gradient(180deg, rgba(248, 245, 234, 1), rgba(251, 228, 237, 1));}
#hotelB1{background-image: linear-gradient(180deg, rgba(251, 228, 237, 1), rgba(218, 229, 245, 1) 20% 80%, rgba(216, 210, 242, 1));}
#hotelB2{background-image: linear-gradient(180deg, rgba(216, 209, 242, 1) 80%, rgba(216, 240, 220, 1));}
#hotelB3{background-image: linear-gradient(180deg, rgba(216, 240, 220, 1) 80%, rgba(250, 234, 224, 1));}
#hotelB6{background-image: linear-gradient(180deg, rgba(250, 234, 224, 1) 80%, rgba(251, 228, 237, 1));}
#kokunai_osusume_plan,#tdr_footer_hotel_list {background: #FBE4ED;}
#tdr #disney_note{background-image: linear-gradient(180deg, rgba(251, 228, 237, 1), rgba(248, 245, 234, 1));}
#tdr #disney_qa{background-image: linear-gradient(180deg, rgba(248, 245, 234, 1), rgba(251, 228, 237, 1));}


/*  ボタン
========================================*/
#tdr .bt_link{
  margin: 0 auto;
}
#tdr .bt_link a {
  display: block;
  width: 100%; 
  padding: 0.8em 0em 0.8em 0.6em;
  border-radius: 100vh;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s;
}
#tdr .bt_link a:hover {
  transform: translate(1px,1px);
}
#tdr .bt_link a::after {
  content: '';
  position: absolute;
  top:50%;
  transform: translateY(-50%) rotate(45deg);
  right: 1.4em;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transition: all 0.3s;
}
@media screen and (max-width: 820px) {  /*TB iPadAir以下*/
  #tdr .bt_link a::after {
    right: 1em;
  }
}
#tdr .bt_link a:hover::after{
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  right: 1.2em;
}
#tdr .bt_link.page_feature a::before,
#tdr .bt_link.plan_yado a::before,
#tdr .bt_link.plan_JR a::before,
#tdr .bt_link.plan_air a::before{
  content:'';
  width: 25px;
  height: 25px;
  position: absolute;
  left:1.2em;
  top:50%;
  transform: translateY(-50%);
}
#tdr .bt_link.page_feature a::before{
  background: url("../images/icon_star.png") no-repeat center center;
  background-size: 20px;
}
#tdr .bt_link.plan_yado a::before{
  background: url("../images/icon_hotel.png") no-repeat center center;
  background-size: 25px;
}
#tdr .bt_link.plan_JR a::before{
  background: url("../images/icon_jr.png") no-repeat center center;
  background-size: 25px;
}
#tdr .bt_link.plan_air a::before{
  background: url("../images/icon_air.png") no-repeat center center;
  background-size: 25px;
}

/*リンクなしの場合*/
#tdr .bt_link:not(:has(a)) {
  display: block;
  padding: 0.8em 0 0.8em 0;
  border-radius: 100vh;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s;
  background: #ccc;
}


/*  テキストリンク
========================================*/
#tdr .txtlink a{
  text-decoration: underline;
}
#tdr .txtlink{
  transition: all 0.3s;
  display: inline-block;
}
#tdr .txtlink:hover{
  transform: translate(1px,1px);
}


/* ---------------------------------------------------------------------------

  #titleBox = タイトル

---------------------------- */
#tdr section#titleBox{
  background-image: linear-gradient(180deg, rgba(240, 191, 201, 1), rgba(242, 239, 233, 1) 60%);
}
.titleInBox{
  width: min(96%, 1200px);
  margin: 0 auto;
  padding: 0 0 20px 0;
  background: url("../images/tdr_headbg.png") no-repeat center top;
  background-size: 100%;
}
#tdr #title{
  margin: 0 auto;
  padding: 1.56em 0 1.87em 0;
  width: min(98%, 970px);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 759.9px) {  /* SP */
  #tdr #title{
    display: flex;
    flex-direction: column;
  }
  #tdr #title img{
    margin-right: 0;
    margin-bottom: 5px;
  }
}

#tdr .maintitle{
  margin: 0;
  font-family: "Noto Serif JP", serif;
  font-size: clamp(2rem, 5.35vw, 3.5rem);
  font-weight: 600;
  letter-spacing: -0.07em;
  text-align: right;
  line-height: 1.1;
  color: #0052a1;
  text-shadow: 0px 0px 15px rgba(255, 255, 255, 1), 0px 0px 15px rgba(255, 255, 255, 1), 0px 0px 15px rgba(255, 255, 255, 1);
}
#tdr #title img{
  width:clamp(5.688rem, 2.875rem + 12vw, 11.875rem);
  box-shadow: 0px 0px 15px -6px #f9c5d5;
  margin-right: 3%;
}
#tdr .maintitle .reg{
  font-size: 0.9em;
}
#tdr .maintitle .sizeS{
  font-size: 0.6em;
  padding-right: 0.05em;
  letter-spacing: -0.02em;
}

.tdrslider {
  margin: 0 auto;
  padding: 0 5%;
  width: min(100%, 950px);
}
.tdrslider li.slick-slide{
  margin:0 10px;
  width: 50%;
}
.tdrslider li img{
  width: 100%;
  border-radius: 10px;
  opacity: 0;
}
.tdrslider li.slick-slide img{
  opacity: 1; 
}


/*slick矢印の設定*/
#slick.tdrslider .slick-prev, 
#slick.tdrslider .slick-next {
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  outline: none;
  width: min(5%, 50px);
  height: 98px;
}
#slick.tdrslider .slick-prev {
  left: -50px;
  background: url("../images/slider_prev.png") no-repeat center top;
  background-size: 100%;
}
#slick.tdrslider .slick-next {
  right: -50px;
  background: url("../images/slider_next.png") no-repeat center top;
  background-size: 100%;
}

@media screen and (max-width: 1060px) {  /* slider幅以下 */
#slick.tdrslider .slick-prev {
  left: 0;
}
#slick.tdrslider .slick-next {
  right: 0;
}
}

/*ドットナビゲーションの設定*/
#slick.tdrslider .slick-dots {
  position: relative;
  z-index: 3;
  text-align:center;
  margin:20px 0 0 0;
}
#slick.tdrslider .slick-dots li {
  display:inline-block;
  margin:0 5px;
}
#slick.tdrslider .slick-dots button {
  color: transparent;
  outline: none;
  width:10px;
  height:10px;
  display:block;
  border-radius: 50%;
  background:#999;
}
#slick.tdrslider .slick-dots .slick-active button{
  background:#f7a3b3;
}






/* ---------------------------------------------------------------------------

  #tdrnav = ナビ

---------------------------- */

#tdrnav{
  background: #f79fb1 url("../images/nav_bg.jpg") no-repeat center top;
  background-size: cover;
  padding: 1em 0;
  width:100%;
}
#tdrnav.m_fixed {
	left: 0;
	position: fixed;
	top: 0;
  z-index: 99;
}

#tdrnav .inner{
  width: min(90%, 970px);
	margin: 0 auto;
	padding: 0;
	display: block;
  background: transparent;
}
#tdrnav ul{
	list-style: none;
	display: flex;
	justify-content: space-between;
  gap:20px;
}
#tdrnav ul ul{
	display: block;
}
#tdrnav ul li{
	position: relative;
}
#tdrnav ul li a{
	display: block;
	text-decoration: none;
	color: #222;
  background: #fff;
  border-radius: 5px;
  font-weight: 500;
	padding:0.6em 1.8em 0.6em 0.6em;
  text-align: center;
	transition:all 0.3s;
}
#tdrnav ul li li a{
	padding:0.6em 1.8em 0.6em 0.6em;
}
#tdrnav ul li a:hover{
  color:#fff;
  background: #ef6883;
}
#tdrnav ul li::after{
	content:'';
	position: absolute;
  top:50%;
  transform: translateY(-50%) rotate(45deg);
  right: 1em;
  width: 8px;
  height: 8px;
	border-top: 2px solid #ef6883;
  border-right:2px solid #ef6883;
  transition: all 0.3s;
}
#tdrnav li.has-child ul.hotelmenu{
	position: absolute;
	left:0;
	top:46px;
	z-index: 4;
	background:#fff;
  border-radius: 5px;
  width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: all .3s;
  border: solid 1px #ef6883;
}
#tdrnav li.has-child ul li::after{
  transform: translateY(-50%) rotate(135deg);
}
#tdrnav li.has-child:hover ul.hotelmenu,
#tdrnav li.has-child:active ul.hotelmenu{
  visibility: visible;
  opacity: 1;
}
#tdrnav li.has-child ul li{
	color: #222;
  border-top:solid 1px #eee;
}
#tdrnav li.has-child ul li:first-child{
  border-top:none;
}
#tdrnav li.has-child ul li a:hover,
#tdrnav li.has-child ul li a:active{
	background:#fff;
	color:#ef6883;	
}
#tdrnav ul li.nav_hotel{
  width: 50%;
}
#tdrnav ul li.nav_hotel a{
	padding:0.6em 2em 0.6em 2em;
  text-align: left;
}
#tdrnav .btParent{
	padding:0.6em 2em 0.6em 2em;
  text-align: left;
	display: block;
	text-decoration: none;
	color: #222;
  background: #fff;
  border-radius: 5px;
  font-weight: 500;
	transition:all 0.3s;
}

#tdrnav ul li.nav_ticket{
  width: 30%;
}
#tdrnav ul li.nav_benefits{
  width: 20%;
}
#tdrnav ul li.nav_ticket:hover::after,
#tdrnav ul li.nav_benefits:hover::after{
  right: 0.8em;
	border-top: 2px solid #fff;
  border-right:2px solid #fff;
}
@media screen and (max-width: 759.9px) {  /*SP*/
  #tdrnav ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
  #tdrnav li.has-child ul.hotelmenu{
    border-top: solid 1px #f79fb1;
    border-left: none;
    border-bottom: none;
    border-right: none;
  }
  #tdrnav ul li.nav_hotel { 
    width: 100%;
    grid-area: 1 / 1 / 2 / 3;
    }
  #tdrnav ul li.nav_ticket {
    width: 100%;
    height: 40px;
    grid-area: 2 / 1 / 3 / 2;
  }
  #tdrnav ul li.nav_benefits {
    width: 100%;
    height: 40px;
    grid-area: 2 / 2 / 3 / 3;
  }
	#tdrnav li.has-child ul.hotelmenu{
  	position: relative;
    left:0;
    top:0;
    width:100%;
    visibility:visible;
    opacity:1;
    display: none;
    transition:none;
  }
  #tdrnav ul li.has-child.active .btParent{
    border-radius: 5px 5px 0 0;
  }
  #tdrnav ul li.has-child.active ul{
    border-radius: 0 0 5px 5px;
  }
  #tdrnav ul li.has-child.active .btParent::after{
    content:'✕';
    position: absolute;
    top:0.6em;
    right: 1.1em;
    width: 8px;
    height: 8px;
    color: #ef6883;
    font-weight: 600;
    transition: all 0.3s;
  }


}




/* ---------------------------------------------------------------------------

  #tabSwitching = タブ検索

---------------------------- */
#tabSwitching .inner{
  background: transparent;
  width: min(90%, 970px);
	margin: 0 auto;
}
#tabSwitching .txt_head{
  text-align: center;
}

#tabSwitching .tab {
  display: flex;
  flex-direction: row;
  text-align: center;
  gap:1px;
  margin: 0;
}
#tabSwitching .tab__item{
  flex: 1;
  position: relative;
  display: flex;
  justify-content: center;
  line-height: 1.2;
}
#tabSwitching .tab__link::before {
  content:'';
  width: 25px;
  height: 25px;
  position: absolute;
  left:5%;
  top:50%;
  transform: translateY(-50%);
}
#tabSwitching .tab1 .tab__link::before{
  background: url("../images/icon_hotel.png") no-repeat center center;
  background-size: 25px;
}
#tabSwitching .tab2 .tab__link::before{
  background: url("../images/icon_jr.png") no-repeat center center;
  background-size: 25px;
}
#tabSwitching .tab__link {
  display: block;
  width: 100%;
  text-decoration: none;
  padding: 1em 0;
  color: #222;
  border-radius: 10px 10px 0 0;
  font-weight: 500;
	-webkit-transition: 0.3s ease;
	        transition: 0.3s ease;
}
#tabSwitching .tab-body__item {
  display: none;
}
#tabSwitching .tab-body__item.on {
  display: block;
  padding: 2em 3%;
}

#tabSwitching .tit_search{
  display: flex;
  align-items: center;
  font-weight: 500;
  margin-bottom: 1.8em;
  text-align: center;
}
#tabSwitching .tit_search:before,
#tabSwitching .tit_search:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #d5d5d5;
}
#tabSwitching .tit_search:before {
    margin-right: 1.5em;
}
#tabSwitching .tit_search:after {
    margin-left: 1.5em;
}
#tabSwitching .tit_search.noflex{
  display: block;
  position: relative;
}
#tabSwitching .tit_search.noflex:before,
#tabSwitching .tit_search.noflex:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 160px;
    height: 1px;
    margin: auto;
    background-color: #d5d5d5;
}
#tabSwitching .tit_search.noflex:before {
    left: 0;
}
#tabSwitching .tit_search.noflex:after {
    right: 0;
}

#tabSwitching .search_list{
  margin-bottom: 1.8em;
}
#tabSwitching .search_list:last-child{
  margin-bottom: 0;
}


#tabSwitching .search_list.allhotels li{
  width:clamp(280px, 5.462rem + 47.69vw, 550px);
}
#tabSwitching .search_list.group{
  display: flex;
  flex-wrap: wrap;
  gap:10px;
}
#tabSwitching .search_list.group li{
  width: 48%;
}
#tabSwitching .search_list.group{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap:10px;
}
#tabSwitching .search_list.group li{
  width: 49%;
}
#tabSwitching .search_list.filters{
  display: flex;
  flex-wrap: wrap;
  gap: 15px 0;
  margin-left: -0.5em;
}
#tabSwitching .search_list.filters li{
  padding: 0 1em;
  border-right: solid 1px #333;
  line-height: 1;
}
#tabSwitching .search_list.filters li:last-child{
  border-right: 0;
}


/*tab1*/
#tabSwitching .tab1 .tab__link {
  background-color: #fcd2a9;
}
#tabSwitching .tab1 .tab__link:hover{
  cursor: pointer;
  background-color: #ef6883;
  color: #fff;
}
#tabSwitching .tab1 .tab__link.on {
  background-color: #ef6883;
  color: #fff;
}
#tabSwitching .tab-body__item--1{
  background: #fff;
  border-top:solid 2px #ef6883;
}
#tabSwitching .tab-body__item--1 .search_list li.bt_link a{
  background-color: #ef6783;
  background-image: linear-gradient(90deg, #ef6783, #f493a7 50%, #ef6783);
}
#tabSwitching .tab-body__item--1 .search_list li.bt_link a:hover{
  background: #ef6783;
}
#tabSwitching .tab-body__item--1 .search_list.filters li.txtlink a {
  color: #ef6783;
}

/*tab2*/
#tabSwitching .tab2 .tab__link {
  background-color: #f7d3da;
}
#tabSwitching .tab2 .tab__link:hover{
  cursor: pointer;
  background-color: #ee9135;
  color: #fff;
}
#tabSwitching .tab2 .tab__link.on {
  background-color: #ee9135;
  color: #fff;
}
#tabSwitching .tab-body__item--2{
  background: #fff;
  border-top:solid 2px #ee9135;
}
#tabSwitching .tab-body__item--2 .search_list li.bt_link a{
  background-color: #ee9135;
  background-image: linear-gradient(90deg, #ee9135, #fbb168 50%, #ee9135);
}
#tabSwitching .tab-body__item--2 .search_list li.bt_link a:hover{
  background: #ee9135;
}
#tabSwitching .tab-body__item--2 .search_list.filters li.txtlink a {
  color: #ee9135;
}



@media screen and (max-width: 759.9px) {  /*SP*/
  #tabSwitching .tab__link {
    padding: 1em 0 1em 3.5em;
    text-align: left;
    display: flex;
    align-items: center;
    font-size: 0.9em;
  }

#tabSwitching .tit_search.noflex:before,
#tabSwitching .tit_search.noflex:after {
    display: none;
}

}
@media screen and (max-width: 820px) {  /*TB iPadAir以下*/
  #tabSwitching .search_list.allhotels,
  #tabSwitching .search_list.group{
    width:100%;
    flex-direction: column;
  }
  #tabSwitching .search_list.allhotels li,
  #tabSwitching .search_list.group li{
    width:100%;
  }
  #tabSwitching .search_list.filters li{
    padding: 0 0.8em;
  }
#tabSwitching .tit_search.noflex:before,
#tabSwitching .tit_search.noflex:after {
    width: 50px;
}
}



/* ---------------------------------------------------------------------------

  ホテル共通

---------------------------- */
#hotelB1,
#hotelB2,
#hotelB3,
#hotelB6{
  padding: clamp(3.125rem, 2.51rem + 3.08vw, 4.375rem) 0 50px 0;
}
.inner{
  width: min(90%, 1200px);
	margin: 0 auto;
	padding: 50px 0;
	display: block;
  background-color:  rgba(255,255,255,0.8);
  background-repeat: no-repeat;
  background-position: center top;
}

/*  ホテルロゴ〜ホテルリード文
========================================*/
.hotel_logo{
  margin: clamp(-5.688rem, -5.517rem + 0.73vw, -6.063rem) auto 0 auto;
  width: clamp(7.5rem, 6.591rem + 3.88vw, 9.5rem);
}

h2.tit_head{
  font-family: "Noto Serif JP", serif;
  padding: 1.2rem 0 1rem 0;
  font-size: clamp(1.625rem, 1.17rem + 1.94vw, 2.625rem);
  font-weight: 600;
  letter-spacing: min(0.05em, 0.1em);
  text-align: center;
  line-height: 1.2;
}
h2.tit_head span{
  display: block;
  font-size: 0.7em;
}
.txt_head{
  padding: 0 5% 2.25rem 5%;
  text-align: center;
  font-size: 1.1em;
}

/*  ホテル特典ボタン
========================================*/
#tdr .bt_link.hotelbenefits {
  width: clamp(280px, 5.462rem + 47.69vw, 550px);
}

/*  マップ
========================================*/
.mapBox{
  display: flex;
  margin: 3em auto 0 auto;
  width:min(90%, 970px);
  gap:1em;
}
.mapBox .map_img,
.mapBox .hotel_list{
  width: 50%;
}
.hotel_list {
  display: flex;
  flex-direction: column;
  gap:14px;  
}
.hotel_list li {
  position: relative;
  line-height: 1.3;
  padding-bottom: 10px;
  padding-left: 2.5em;
  width: 100%;
  display: flex !important;
  align-items: center;
}
.hotel_list li .hotel_number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color: #fff;
  font-weight: 600;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  position: absolute;
  left: 0;
}
.hotel_list li .hotel_other{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color: #fff;
  font-weight: 600;
  border-radius: 50%;
  width: 0.8em;
  height: 0.8em;
  position: absolute;
  left: 0.5em;
}

.hotel_list li a{
  display: block;
}

@media screen and (max-width: 820px) {  /*TB iPadAir以下*/
  .mapBox{
    flex-direction: column;
  }
  .mapBox .map_img,
  .mapBox .hotel_list{
    width: 100%;
  }
  .mapBox .map_img{
    margin-bottom: 20px;
  }
  .hotel_list {
    gap:10px;  
  }
}
@media screen and (max-width: 759.9px) {  /*SP*/
}

/*  ホテルボックス
========================================*/
.hotelBox{
  width:min(93%, 970px);
  margin: 2.12rem auto 0 auto;
  padding: min(1em,2em) 2%;
  border-radius: 10px;
  box-shadow: 0px 0px 10px -6px rgba(0,0,0,0.6);
  background: #fff;
}
.hotel_lead{
  display:flex;
  align-items: stretch;
  gap:2%;
  padding-bottom: 1em;
  line-height: 1.4;
}
.hotel_lead .hotel_number{
  width: min(8% , 50px);
  position: relative;
  font-size: 0.65em;
  font-weight: 600;
  border-radius: 3px;
  color: #fff;
  line-height: 1.2;
}
.hotel_lead .hotel_number p{
  display:flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  left:50%;
  top:50%;
  transform: translate(-50% , -50%);
}
.hotel_lead .hotel_number p span{
  display: block;
  font-size: 1.8em;
}
.hotel_lead .hotel_summary{
  width: 92%;
}
.tdr_guest .hotel_lead .hotel_number{
    display: none;
}

.hotel_area{
  padding-right: 1em;
  font-size: 0.9em;
  font-weight: 700;
}
.hotelType{
  font-size: 0.9em;
  font-weight: 500;
}
.hotel_name{
  font-size:clamp(1.125rem, 0.94rem + 0.92vw, 1.5rem);
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 5px 0;
  line-height: 1.2;
}
#disneyA .hotel_name{
  letter-spacing: 0;
}
.hotel_tag{
  display:flex;
  flex-wrap: wrap;
  gap:6px;
  padding-bottom: 1em;
}
.hotel_tag li{
  background: #e6e6e6;
  border-radius: 3px;
  padding: 1px 10px;
  font-size: 0.9em;
}
@media screen and (max-width: 759.9px) {  /*SP*/
  .hotel_lead{
    padding-bottom: 1rem;
  }
  .hotelType{
    letter-spacing: -0.05em
  }
}

/*  ◯◯ホテルから検索
========================================*/
.hotel_search_all{
  width:min(93%, 970px);
  margin: 0 auto;
}

.hotel_search_all h3{
  padding: 2.5rem 0.5rem 1.5rem 0.5rem;
  font-size: 1.2em;
  font-weight: 600;
  text-align: center;
}
.hotel_search_all ul {
  width: 100%;
  margin:0 auto;
  display: flex;
  gap:20px;
}
.hotel_search_all ul li{
  width: 50%;
}

@media screen and (max-width: 759.9px) {  /*SP*/
  .hotel_number{
    width: 5em;
  }
  .hotel_area {
      display: block;
  }
  .hotel_search_all ul{
    flex-direction: column;
    gap:10px;
  }
  .hotel_search_all ul .bt_link{
    width: 100%;
  }
}





/* ================================== 

    各ホテル設定

==================================  */


/*  ディズニーホテル以外 レイアウト
========================================*/
.hotel_contents{
  display: flex;
  justify-content: space-between;
}
.hotel_img{
  width: 36%;
}
.hotel_caption{
  display:block;
  text-align: right;
  font-size: 0.7em;
  color: #666;
}
.hotel_linkBox{
  width: 62%;
  display: flex;
  flex-direction: column;
}
.hotel_linkBox .hotel_link{
  display: flex;
  gap:10px;
  align-items: center;
  padding-bottom: 20px;
  justify-content: space-between;
}
.hotel_linkBox .hotel_link .page_feature,
.hotel_linkBox .hotel_link .plan_yado{
  width: 50%;
}
#hotelB2 .hotel_linkBox .page_feature a::before,
#hotelB3 .hotel_linkBox .page_feature a::before,
#hotelB6 .hotel_linkBox .page_feature a::before{
  background: none;
}

.bt_link.plan_yado:not(:has(a)) {
  width: 50%;
}

.hotel_linkBox .plan_JR dt,
.hotel_linkBox .plan_air dt{
  font-weight: 500;
  padding: 2px 1em;
}
.hotel_linkBox .plan_JR dd,
.hotel_linkBox .plan_air dd{
  padding: 1em 0;
}
.hotel_linkBox .plan_JR dd ul,
.hotel_linkBox .plan_air dd ul{
  display: flex;
  flex-wrap: wrap;
  gap: 15px 0;
  margin-left: -0.5em;
}
.hotel_linkBox .plan_JR dd ul li,
.hotel_linkBox .plan_air dd ul li{
  padding: 0 1em;
  border-right: solid 1px #333;
  line-height: 1;
}
.hotel_linkBox .plan_JR dd ul li:last-child,
.hotel_linkBox .plan_air dd ul li:last-child{
  border-right: 0;
}

@media screen and (max-width: 759.9px) {  /*SP*/
  .hotel_contents{
    flex-direction: column;
  }
  .hotel_contents .hotel_img{
    width: 100%;
  }
  .hotel_linkBox{
    width: 100%;
    padding-top: 10px;
}
  .hotel_linkBox .hotel_link{
    flex-direction: column;
  }
  .hotel_linkBox .hotel_link .page_feature,
  .hotel_linkBox .hotel_link .plan_yado{
    width: 100%;
  }
  .hotel_linkBox .plan_JR dd ul li,
  .hotel_linkBox .plan_air dd ul li{
    padding: 0.2em 1em;
  }
}
@media (min-width: 760px) and (max-width: 769px) {  /*iPadmini*/
  .hotel_contents{
    flex-direction: column;
  }
  .hotel_contents .hotel_img{
    width: 100%;
  }
  .hotel_linkBox{
    width: 100%;
    padding-top: 10px;
}
  .hotel_linkBox .hotel_link{
    width: 100%;
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
}


/*  ディズニーホテル レイアウト
========================================*/
#hotelB1 .inner{
  background-image: url("../images/hotel_disney/disney_headobi.jpg");
  background-size: 1200px;
  padding-bottom: 20px;
}
#hotelB1 .hotel_contents{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#hotelB1 .hotel_img{
  width: 50%;
}
#hotelB1 .hotel_link{
  width: 48%;
  display: flex;
  flex-direction: column;
  gap:10px;
}
#hotelB1 .bt_link:not(:has(a)) {
  width: 100%;
}

#hotelB1 .hotel_link li{
  width: 100%;
}
#hotelB1 .disneyCopy{
  width: min(93%, 970px);
  font-size: 0.8em;
  text-align: right;
  padding: 20px 0 0 0;
  margin: 0 auto;
}

@media screen and (max-width: 759.9px) {  /*SP*/
  #hotelB1 .hotel_contents{
    flex-direction: column;
  }
  #hotelB1 .hotel_contents .hotel_img{
    width: 100%;
  }
  #hotelB1 .hotel_contents .hotel_link{
    width: 100%;
    padding-top: 10px;
  }
  #hotelB1 .hotel_contents .hotel_link .bt_link{
    width: 100%;
  }
}
@media (min-width: 760px) and (max-width: 769px) {  /*iPadmini*/
  #hotelB1 .hotel_contents .hotel_img{
    width: 100%;
  }
  #hotelB1 .hotel_contents .hotel_link{
    width: 100%;
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  #hotelB1 .hotel_contents .hotel_link .bt_link{
    width: 48%;
  }
}


/*  ディズニーホテル カラー設定
========================================*/
#hotelB1 h2.tit_head,
#hotelB1 h3.hotel_name{
  color: #176ec8;
}
#hotelB1 .bt_link a{
  background-color: #176ec8;
  background-image: linear-gradient(90deg, #176ec8, #499bf0 50%, #176ec8);
}
#hotelB1 .hotel_number{
  background-image: linear-gradient(135deg, #176ec8, #499bf0);
}
#hotelB1  li.txtlink a {
  color: #176ec8;
}
.hotel_list li.linkDisney .hotel_other{
  background: #2c84df;
}

#hotelB1 .hotel_link .page_feature a{
  background-image: linear-gradient(90deg, #176ec8, #176ec8 70%, #5ea4ed);
}
#hotelB1 .hotel_link .plan_yado a,
#hotelB1 .hotel_link .plan_JR a,
#hotelB1 .hotel_link .plan_air a{
  background-image: linear-gradient(90deg, #5ea4ed, #5ea4ed 70%, #b8d6f5);
}
#hotelB1 .hotelbenefits a:hover,
#hotelB1 .hotel_link .page_feature a:hover,
#hotelB1 .hotel_link .plan_yado a:hover,
#hotelB1 .hotel_link .plan_JR a:hover,
#hotelB1 .hotel_link .plan_air a:hover,
#hotelB1 .hotel_search_all .plan_yado a:hover,
#hotelB1 .hotel_search_all .plan_JR a:hover{
  background: #176ec8;
}




/*  オフィシャルホテル カラー設定
========================================*/
#hotelB2 .inner{
  background-image: url("../images/hotel_official/official_headobi.jpg");
  background-size: 1200px;
}
#hotelB2 h2.tit_head,
#hotelB2 h3.hotel_name{
  color: #6b4bdd;
}
#hotelB2 .bt_link a{
  background-color: #6b4bdd;
  background-image: linear-gradient(90deg, #6b4add, #9076e7 50%, #6b4add);
}
#hotelB2 .hotel_number{
  background-image: linear-gradient(135deg, #6b4add, #9076e7);
}
#hotelB2  li.txtlink a {
  color: #6b4bdd;
}
.hotel_list li.linkOfficial .hotel_other{
  background: #9076e7;
}

#hotelB2 .hotel_linkBox .plan_JR dt,
#hotelB2 .hotel_linkBox .plan_air dt{
  background: #d6cfec;
}
#hotelB2 .hotel_link .bt_link.page_feature a {
  padding: 0.8em 1em 0.8em 0.6em;
  color: #6b4add;
  background: #fff;
  border:solid 1px #6b4add;
}
@media screen and (max-width: 820px) {  /*TB iPadAir以下*/
  #hotelB2 .hotel_link .bt_link.page_feature a {
    padding: 0.8em 1em 0.8em 0.2em;
  }
}
#hotelB2 .hotel_link .bt_link.page_feature a::after {
  border-top: 2px solid #6b4add;
  border-right: 2px solid #6b4add;
}
#hotelB2 .hotel_link .page_feature a{
  background-image: linear-gradient(90deg, #6b4add, #6b4add 70%, #9076e7);
}
#hotelB2 .hotel_link .plan_yado a,
#hotelB2 .hotel_link .plan_JR a,
#hotelB2 .hotel_link .plan_air a{
  background-image: linear-gradient(90deg, #6b4add, #6b4add 70%, #9076e7);
}
#hotelB2 .hotelbenefits a:hover,
#hotelB2 .hotel_link .page_feature a:hover,
#hotelB2 .hotel_link .bt_link.page_feature a:hover,
#hotelB2 .hotel_link .plan_yado a:hover,
#hotelB2 .hotel_search_all .plan_yado a:hover,
#hotelB2 .hotel_search_all .plan_JR a:hover{
  background: #6b4bdd;
  color: #fff;
}
#hotelB2 .hotel_link .bt_link.page_feature a:hover::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

@media screen and (max-width: 820px) {  /*TB iPadAir以下*/
    #hotelB2 .hotel_link .bt_link.page_feature a:hover {
        background: #fff;
        color: #6b4add;
     }
    #hotelB2 .hotel_link .bt_link.page_feature a:hover::after {
      border-top: 2px solid #6b4add;
      border-right: 2px solid #6b4add;
    }
}



/*  パートナーホテル カラー設定
========================================*/
#hotelB3 .inner{
  background-image: url("../images/hotel_partner/partner_headobi.jpg");
  background-size: 1200px;
}
#hotelB3 h2.tit_head,
#hotelB3 h3.hotel_name{
  color: #37a045;
}
#hotelB3 .bt_link a{
  background-color: #37a045;
  background-image: linear-gradient(90deg, #37a045, #4dbe5c 50%, #37a045);
}
#hotelB3 .hotel_number{
  background-image: linear-gradient(135deg, #37a045, #4dbe5c);
}
#hotelB3  li.txtlink a {
  color: #37a045;
}
.hotel_list li.linkPartner .hotel_other{
  background: #4dbe5c;
}
#hotelB3 .hotel_linkBox .plan_JR dt,
#hotelB3 .hotel_linkBox .plan_air dt{
  background: #d7f2dd;
}
#hotelB3 .hotel_link .bt_link.page_feature a {
  padding: 0.8em 1em 0.8em 0.6em;
  color: #37a045;
  background: #fff;
  border:solid 1px #37a045;
}
@media screen and (max-width: 820px) {  /*TB iPadAir以下*/
  #hotelB3 .hotel_link .bt_link.page_feature a {
    padding: 0.8em 1em 0.8em 0.2em;
  }
}
#hotelB3 .hotel_link .bt_link.page_feature a::after {
  border-top: 2px solid #37a045;
  border-right: 2px solid #37a045;
}
#hotelB3 .hotel_link .page_feature a{
  background-image: linear-gradient(90deg, #37a045, #37a045 70%, #4dbe5c);
}
#hotelB3 .hotel_link .plan_yado a,
#hotelB3 .hotel_link .plan_JR a,
#hotelB3 .hotel_link .plan_air a{
  background-image: linear-gradient(90deg, #37a045, #37a045 70%, #4dbe5c);
}
#hotelB3 .hotelbenefits a:hover,
#hotelB3 .hotel_link .page_feature a:hover,
#hotelB3 .hotel_link .bt_link.page_feature a:hover,
#hotelB3 .hotel_link .plan_yado a:hover,
#hotelB3 .hotel_search_all .plan_yado a:hover,
#hotelB3 .hotel_search_all .plan_JR a:hover{
  background: #37a045;
  color: #fff;
}
#hotelB3 .hotel_link .bt_link.page_feature a:hover::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
@media screen and (max-width: 820px) {  /*TB iPadAir以下*/
    #hotelB3 .hotel_link .bt_link.page_feature a:hover {
      color: #37a045;
      background: #fff;
  }
    #hotelB3 .hotel_link .bt_link.page_feature a:hover::after {
      border-top: 2px solid #37a045;
      border-right: 2px solid #37a045;
    }
}


/*  グッドネイバーホテル カラー設定
========================================*/

#hotelB6 .inner{
  background-image: url("../images/hotel_goodneighbor/good_headobi.jpg");
  background-size: 1200px;
}
#hotelB6 h2.tit_head,
#hotelB6 h3.hotel_name{
  color: #ee6f37;
}
#hotelB6 .bt_link a{
  background-color: #ee6f37;
  background-image: linear-gradient(90deg, #ee6f37, #f1936a 50%, #ee6f37);
}
#hotelB6 .hotel_number{
  background-image: linear-gradient(135deg, #ee6f37, #f1936a);
}
#hotelB6  li.txtlink a {
  color: #ee6f37;
}
#hotelB6 .hotel_linkBox .plan_JR dt,
#hotelB6 .hotel_linkBox .plan_air dt{
  background: #f9d2bb;
}
#hotelB6 .hotel_link .bt_link.page_feature a {
  padding: 0.8em 1em 0.8em 0.6em;
  color: #ee6f37;
  background: #fff;
  border:solid 1px #ee6f37;
}
@media screen and (max-width: 820px) {  /*TB iPadAir以下*/
  #hotelB6 .hotel_link .bt_link.page_feature a {
    padding: 0.8em 1em 0.8em 0.2em;
  }
}

#hotelB6 .hotel_link .bt_link.page_feature a::after {
  border-top: 2px solid #ee6f37;
  border-right: 2px solid #ee6f37;
}
#hotelB6 .hotel_link .page_feature a{
  background-image: linear-gradient(90deg, #ee6f37, #ee6f37 70%, #f1936a);
}
#hotelB6 .hotel_link .plan_yado a,
#hotelB6 .hotel_link .plan_JR a,
#hotelB6 .hotel_link .plan_air a{
  background-image: linear-gradient(90deg, #ee6f37, #ee6f37 70%, #f1936a);
}
#hotelB6 .hotelbenefits a:hover,
#hotelB6 .hotel_link .page_feature a:hover,
#hotelB6 .hotel_link .bt_link.page_feature a:hover,
#hotelB6 .hotel_link .plan_yado a:hover,
#hotelB6 .hotel_search_all .plan_yado a:hover,
#hotelB6 .hotel_search_all .plan_JR a:hover{
  background: #ee6f37;
  color: #fff;
}
#hotelB6 .hotel_link .bt_link.page_feature a:hover::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

@media screen and (max-width: 820px) {  /*TB iPadAir以下*/
  #hotelB6 .hotel_link .bt_link.page_feature a:hover {
      color: #ee6f37;
      background: #fff;
  }
    #hotelB6 .hotel_link .bt_link.page_feature a:hover::after {
      border-top: 2px solid #ee6f37;
      border-right: 2px solid #ee6f37;
    }
}





/* ---------------------------------------------------------------------------

  #disney_note = 注記

---------------------------- */

#disney_note .inner{
  background: #fff;
  padding: 20px 0;
}
#disney_note ul{
  display: flex;
  flex-wrap: wrap;
  width: min(90%,970px);
  margin: 0 auto;
}
#disney_note ul li{
  width:50%;
}

@media screen and (max-width: 759.9px) {  /*SP*/
#disney_note ul{
  display: flex;
  flex-direction: column;
}
#disney_note ul li{
  width:100%;
}




}







/* ---------------------------------------------------------------------------

  #disney_qa = Q&A

---------------------------- */
#disney_qa{
  padding: 50px 0;
}
#disney_qa .inner{
  padding: 20px 0;
}
#disney_qa h2{
  font-family: "Noto Serif JP", serif;
  padding: 1.2rem 0 1rem 0;
  font-size: clamp(1.625rem, 1.17rem + 1.94vw, 2.625rem);
  font-weight: 600;
  letter-spacing: min(0.05em, 0.1em);
  text-align: center;
  line-height: 1.2;
  color: #f2547e;
}

#disney_qa dl{
  margin: 0 auto;
  padding: 2em 0;
  width: min(90%,970px);
  border-bottom: solid 1px #d5d5d5;
}
#disney_qa dl:last-child{
border-bottom: 0;
}
#disney_qa dl dt{
  position: relative;
  font-weight: 600;
  padding: 0.5em 0 1em 3em;
}
#disney_qa dl dt::before{
  content: 'Q.';
  color: #f2547e;
  font-size: 1.5em;
  position: absolute;
  left: 0;
  top:0;
  width: 1.8em;
  text-align: right;
  padding-right: 0.5em;
}
#disney_qa dl dd{
  position: relative;
  padding: 0.5em 0 0 3em;
}
#disney_qa dl dd::before{
  content: 'A.';
  color: #f2547e;
  font-size: 1.5em;
  font-weight: 600;
  position: absolute;
  left: 0;
  top:0;
  width: 1.8em;
  text-align: right;
  padding-right: 0.5em;
}
#disney_qa dl dd span{
  display: block;
  font-size: 0.85em;
  padding-top: 1em;
}
#disney_qa .txtlink {
  color: #f2547e;
  text-decoration: underline;
}


@media screen and (max-width: 759.9px) {  /*SP*/
  #disney_qa dl{
    padding: 2em 0.5em 2em 0;
    width: 95%;
  }
}


.tdr_guest #tabSwitching p.txt_head,
.tdr_info #tabSwitching p.txt_head {
    display: none;
}



#special_banner {
    position: relative;
    width: min(98%, 640px);
    margin: 0 auto 50px;
	text-align: center;
	font-size: 15px;
}
#special_banner img {
    width: 100;
}
#special_banner a:hover {
    opacity: 0.8;
}
#special_banner span {
    position: absolute;
    left: 180px;
    font-size: 12px;
    bottom: -1.6em;
}
@media screen and (max-width: 759.9px) {  /*SP*/
	#special_banner {
		font-size: 13px;
	}
	#special_banner span {
        left: 23%;
        font-size: 11px;
    }
}



/* ---------------------------------------------------------------------------

  APIおすすめプラン部分

---------------------------- */
#kokunai_osusume_plan .inner{
	width: min(90%, 970px);
	background-color:  rgba(255,255,255,0);
}
#kokunai_osusume_plan h2.tit_head{
  font-family: "Noto Sans JP", serif;
  font-weight: 600;
  text-align: center;
  line-height: 1.2;
}
#kokunai_osusume_plan ul.note li {
	font-size: 13px;
}

/*------------------------------
scroll item
------------------------------*/
.scrollbox_wraper .scrollbox > ul > li.sliderBox {
	background-color:  rgba(255,255,255,0.6);
}

.scrollbox_wraper .scrollbox ul li.sliderBox div.img_box {
	position: relative;
}
.scrollbox_wraper .scrollbox ul li.sliderBox div.img_box p.osusume_place,
.scrollbox_wraper .scrollbox ul li.sliderBox div.img_box p.hotel_hierarchy_name {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 12px;
}
.scrollbox_wraper .scrollbox ul li.sliderBox div.img_box p.hotel_hierarchy_name {
	font-size: 9.5px;
	letter-spacing: -0.02em;
}
.scrollbox_wraper .scrollbox ul li.sliderBox div.img_box div.img_box_text {
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
	padding: 5px 10px;
	width: 100%;
	background-color:  rgba(0,0,0,0.3);
	color: #fff;
}
.scrollbox_wraper .scrollbox ul li.sliderBox p {
	color: #111;
}
.scrollbox_wraper .scrollbox ul li.sliderBox p.txt_rank {
	margin-top: 10px;
	font-weight: bold;
}
.scrollbox_wraper .scrollbox ul li.sliderBox p.txt_price {
	color: #cc0000;
	text-align: center;
}
.scrollbox_wraper .scrollbox ul li.sliderBox p.txt_price small {
	display: block;
	margin-bottom: 15px;
	color: #000;
	font-size: 12px;
}
.scrollbox_wraper .scrollbox ul li.sliderBox a {
	display: block;
	width: 100%;
	padding: 0.5em 0em 0.5em 0.6em;
	border-radius: 100vh;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	text-align: center;
	transition: all 0.3s;
	background-color: #ef6783;
	background-image: linear-gradient(90deg, #ef6783, #f493a7 50%, #ef6783);
}
.scrollbox_wraper .scrollbox ul li.sliderBox a:hover {
  transform: translate(1px,1px);
}
.scrollbox_wraper .scrollbox ul li.sliderBox a::after {
  content: '';
  position: absolute;
  top:50%;
  transform: translateY(-50%) rotate(45deg);
  right: 1.4em;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transition: all 0.3s;
}

.scrollbox_wraper .scrollbox ul li.sliderBox p.txt_rank_detail {
	font-size: 14px;
}

@media screen and (max-width: 820px) {  /*TB iPadAir以下*/
.scrollbox_wraper .scrollbox ul li.sliderBox a::after {
    right: 1em;
  }
}
.scrollbox_wraper .scrollbox ul li.sliderBox a:hover::after{
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  right: 1.2em;
}

@media screen and (min-width: 760px),print { /*PC*/
#kokunai_osusume_plan h2.tit_head {
  font-size: 23px;
}
.scrollbox_wraper {
	margin-bottom: 10px;
	position: relative;
}
.scrollbox_wraper .scroll_left_btn,
.scrollbox_wraper .scroll_right_btn {
    width: 32px;
    height: 32px;
    position: absolute;
    top: calc(50% - 32px);
    display: block;
    z-index: 1;
    background: #ef6883;
    border-radius: 50%;
    /*box-shadow: 0px 0px 6px #888;*/
}
.scrollbox_wraper .scroll_left_btn {left: -40px;}
.scrollbox_wraper .scroll_right_btn {right: -40px;}
.scrollbox_wraper .scroll_left_btn:after,
.scrollbox_wraper .scroll_right_btn:after,
.scrollbox_wraper .scroll_left_btn:before,
.scrollbox_wraper .scroll_right_btn:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
}
.scrollbox_wraper .scroll_left_btn:after {
	position: absolute;
	top: 16px;
	left: 11px;
    border-left: 2px solid;
    border-top: 10px solid;
	transform: rotate(-45deg);
	-webkit-transform-origin-y: top;
	transform-origin: top;
	border-color: #fff;
}
.scrollbox_wraper .scroll_right_btn:after {
	position: absolute;
	top: 16px;
	right: 11px;
	border-left: 2px solid;
	border-top: 10px solid;
	transform: rotate(45deg);
	-webkit-transform-origin-y: top;
	transform-origin: top;
	border-color: #fff;
}
.scrollbox_wraper .scroll_left_btn:before {
	position: absolute;
	top: 7px;
	left: 11px;
    border-left: 2px solid;
    border-top: 10px solid;
	transform: rotate(45deg);
	-webkit-transform-origin-y: bottom;
	transform-origin: bottom;
	border-color: #fff;
}
.scrollbox_wraper .scroll_right_btn:before {
	position: absolute;
	top: 7px;
	right: 11px;
	border-left: 2px solid;
	border-top: 10px solid;
	transform: rotate(-45deg);
	-webkit-transform-origin-y: bottom;
	transform-origin: bottom;
	border-color: #fff;
}
.scrollbox_wraper .scroll_left_btn.non_scloll,
.scrollbox_wraper .scroll_right_btn.non_scloll {
	transition: 0.1s;
	display:none!important;
}
.scrollbox_wraper .scrollbox {overflow-x: scroll!important;}
.scrollbox_wraper .scrollbox > ul {
    width: fit-content !important;
    display: flex !important;
    margin: 0 auto 15px !important;
}
.scrollbox_wraper .scrollbox > ul > li.sliderBox {
	width: calc(1038px / 4) !important;
	margin: 0 5px !important;
	padding: 15px;
	box-sizing: border-box;
}
.scrollbox_wraper .scrollbox > ul > li h3 {
	margin: 0;
	padding: 0;
	font-size: 15px;
	text-align: left;
	line-height: 1.2;
	/*display: grid;
	flex-direction: column;
	padding: 10px 0;
	align-items: center;
	word-break: keep-all;*/
}
.scrollbox_wraper .scrollbox > ul > li .txt {font-size: 14px;}
.scrollbox_wraper .scrollbox::-webkit-scrollbar {height: 5px!important;}
.scrollbox_wraper .scrollbox::-webkit-scrollbar-track {
	margin: 0 5px !important;
	background: #eee !important;
	border-radius: 5px !important;
}
.scrollbox_wraper .scrollbox::-webkit-scrollbar-thumb {
	border-radius: 5px !important;
	background: #999 !important;
}
.scrollbox_wraper .scrollbox ul li.sliderBox p {
	font-size: 16px;
}
.scrollbox_wraper .scrollbox ul li.sliderBox p.txt_price {
	font-size: 19px;
}



}

@media (min-width: 760px) and (max-width: 900px){
	/*------------------------------
	for Tablet
	------------------------------*/
	.scrollbox_wraper .scrollbox {
		overflow-x: scroll!important;
		padding: 0;
	}
	.scrollbox_wraper .scrollbox > ul > li {
		width: 270px !important;
	    margin: 0 5px;
		background: #fff;
	}
	.scrollbox_wraper .scrollbox::-webkit-scrollbar {height: 5px!important;}
	.scrollbox_wraper .scrollbox::-webkit-scrollbar-track {
		margin: 0 5px!important;
		background: #eee!important;
		border-radius: 5px!important;
	}
	.scrollbox_wraper .scrollbox::-webkit-scrollbar-thumb {
		border-radius: 5px!important;
		background: #999!important;
	}
}

/*スクロールなし*/
.scrollbox_wraper.pc_no_slider {
	margin-bottom: 15px;
	position: relative;
}
.scrollbox_wraper.pc_no_slider .scroll_left_btn,
.scrollbox_wraper.pc_no_slider .scroll_right_btn,
.scrollbox_wraper.pc_no_slider .scrollbox::-webkit-scrollbar,
.scrollbox_wraper.pc_no_slider .scrollbox::-webkit-scrollbar-track,
.scrollbox_wraper.pc_no_slider .scrollbox::-webkit-scrollbar-thumb {display:none!important;}
.scrollbox_wraper.pc_no_slider .scrollbox > ul{flex-wrap: wrap;}
.scrollbox_wraper.pc_no_slider .scrollbox > ul li{margin-bottom: 10px !important;}


@media screen and (max-width: 759.9px) { /*SP*/

#kokunai_osusume_plan .inner{
	padding-top: 0;
}

#kokunai_osusume_plan h2.tit_head {
  font-size: 20px;
}

.scrollbox_wraper {
	margin-bottom: 10px;
	position: relative;
}
.scrollbox_wraper .scroll_left_btn,
.scrollbox_wraper .scroll_right_btn {
    width: 32px;
    height: 32px;
    position: absolute;
    top: calc(50% - 32px);
    display: block;
    z-index: 1;
    background: #ef6883;
    border-radius: 50%;
    /*box-shadow: 0px 0px 6px #888;*/
}
.scrollbox_wraper .scroll_left_btn {left: 0;}
.scrollbox_wraper .scroll_right_btn {right: 0;}
.scrollbox_wraper .scroll_left_btn:after,
.scrollbox_wraper .scroll_right_btn:after,
.scrollbox_wraper .scroll_left_btn:before,
.scrollbox_wraper .scroll_right_btn:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
}
.scrollbox_wraper .scroll_left_btn:after {
	position: absolute;
	top: 16px;
	left: 11px;
    border-left: 2px solid;
    border-top: 10px solid;
	transform: rotate(-45deg);
	-webkit-transform-origin-y: top;
	transform-origin: top;
	border-color: #fff;
}
.scrollbox_wraper .scroll_right_btn:after {
	position: absolute;
	top: 16px;
	right: 11px;
	border-left: 2px solid;
	border-top: 10px solid;
	transform: rotate(45deg);
	-webkit-transform-origin-y: top;
	transform-origin: top;
	border-color: #fff;
}
.scrollbox_wraper .scroll_left_btn:before {
	position: absolute;
	top: 7px;
	left: 11px;
    border-left: 2px solid;
    border-top: 10px solid;
	transform: rotate(45deg);
	-webkit-transform-origin-y: bottom;
	transform-origin: bottom;
	border-color: #fff;
}
.scrollbox_wraper .scroll_right_btn:before {
	position: absolute;
	top: 7px;
	right: 11px;
	border-left: 2px solid;
	border-top: 10px solid;
	transform: rotate(-45deg);
	-webkit-transform-origin-y: bottom;
	transform-origin: bottom;
	border-color: #fff;
}
.scrollbox_wraper .scroll_left_btn.non_scloll,
.scrollbox_wraper .scroll_right_btn.non_scloll {
	transition: 0.1s;
	display:none!important;
}
.scrollbox_wraper .scrollbox {overflow-x: scroll!important;}
.scrollbox_wraper .scrollbox > ul {
    width: fit-content !important;
    display: flex !important;
    margin: 0 auto 15px !important;
	padding: 0 calc(calc(100% - calc(1040px / 4)) / 2);
}
.scrollbox_wraper .scrollbox > ul > li.sliderBox {
	width: calc(1038px / 4) !important;
	margin: 0 5px !important;
	padding: 15px;
	box-sizing: border-box;
}
.scrollbox_wraper .scrollbox > ul > li h3 {
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 1.2;
	/*display: grid;
	flex-direction: column;
	padding: 10px 0;
	align-items: center;
	word-break: keep-all;*/
}
.scrollbox_wraper .scrollbox > ul > li .txt {font-size: 14px;}
.scrollbox_wraper .scrollbox::-webkit-scrollbar {height: 5px!important;}
.scrollbox_wraper .scrollbox::-webkit-scrollbar-track {
	margin: 0 5px !important;
	background: #eee !important;
	border-radius: 5px !important;
}
.scrollbox_wraper .scrollbox::-webkit-scrollbar-thumb {
	border-radius: 5px !important;
	background: #999 !important;
}
.scrollbox_wraper .scrollbox ul li.sliderBox p {
	font-size: 16px;
}
.scrollbox_wraper .scrollbox ul li.sliderBox p.txt_price {
	font-size: 19px;
}
.scrollbox_wraper .scrollbox ul li.sliderBox div.img_box div.img_box_text {
	padding: 5px;
}


}

/* ---------------------------------------------------------------------------

  footerのホテル一覧

---------------------------- */
#tdr_footer_hotel_list {
	padding-bottom: 20px;
}
#tdr_footer_hotel_list .inner {
	padding: 30px 0;
}
#tdr_footer_hotel_list dl {
	display: flex;
	flex-wrap: wrap;
	width: min(90%, 970px);
	margin: 0 auto 20px;
}
#tdr_footer_hotel_list dl:last-child {
	margin-bottom: 0;
}
#tdr_footer_hotel_list dl:nth-of-type(1) dt {
	color: #176ec8;
}
#tdr_footer_hotel_list dl:nth-of-type(2) dt {
	color: #6b4bdd;
}
#tdr_footer_hotel_list dl:nth-of-type(3) dt {
	color: #37a045;
}
#tdr_footer_hotel_list dl:nth-of-type(4) dt {
	color: #ee6f37;
}
#tdr_footer_hotel_list dl:nth-of-type(5) dt {
	color: #444;
}
#tdr_footer_hotel_list dl dt {
	width: 100%;
	font-weight: bold;
}
#tdr_footer_hotel_list dl dd {
	margin-right: 1.5em;
	letter-spacing: 0;
}
#tdr_footer_hotel_list dl dd a:hover {
	text-decoration: underline;
}

@media screen and (min-width: 760px),print { /*PC*/
#tdr_footer_hotel_list dl dd {
font-size: 14px;
}
}

@media screen and (max-width: 759.9px) { /*SP*/
#tdr_footer_hotel_list dl dd {
font-size: 13px;
}
}


.tdr_guest #special_banner,
.tdr_info #special_banner { display: none;}

#M_Number_guest.disneyCopy,.tdr_guest #M_Number_top.disneyCopy { display: none; }
.tdr_guest #M_Number_guest.disneyCopy { display: block; }