@charset "utf-8";

html { overflow: auto; }
body { overflow: hidden; min-width: 1000px; }
main { display: block; }
img { -ms-interpolation-mode: bicubic; }
.contents_wrap {
	display: block;
	width: 1000px;
	margin: 0 auto;
}
.mw100per { max-width: 100%; margin: 0 auto; }
.w100per { width: 100%; }

.ic_blank a[target*="_blank"]:before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 9px;
	margin-right: 3px;
	background: url(/content/dam/jretravel/site/page/feature/tdr/images/outside_icon.png) no-repeat;
	background-size: 12px 9px;
}
.mainTitle_box, .event_container, .info_container, h2, .contents_inner{ min-width: 1000px; }

.pc_none, .vw400, .vw450 { display: none; }

.align_center { text-align: center; }
.align_left { text-align: left; }
.align_right { text-align: right; }
.tx_red { color: #c91a1a; }
.tx_navy { color: #061a4d; }
.tx_weight_b { font-weight: bold; }
.z_index_1 { position: relative; z-index: 1;}

/*.cq-placeholder, .new { height: 0!important; margin: 0!important; }*/

/*====================↓共通箇条書き、テキスト装飾↓====================*/
.remarks { padding-left: 15px; line-height: 1.3; }
.remarks > li, .items_01, .items_02, .items_03 { position: relative; margin-bottom: 5px; }
.items_02 { margin-left: 18px; }
.items_03 { margin-left: 23px; font-weight: bold; }
.remarks > li:last-child { margin-bottom: 0; }
.items_01:before, .items_02:before { position: absolute; top: 0; left: -18px; }
.items_01:before { content: "・"; }
.items_02:before { content: "※"; }
.items_03:before { content: "■"; position: absolute; top: 0; left: -20px; }
.underLine { background:linear-gradient(transparent 40%, #ffdc71 10%); padding: 0 20px; }
/*====================↑共通箇条書き、テキスト装飾↑====================*/

/*==お知らせ==*/
.notice {
	padding: 15px;
	border: 2px solid #f6003c;
}
.notice>p {
	text-align: center;
    font-weight: bold;
}

.tdrtop_txt {width: 80%;margin: 0 auto;}

/*------------------------------↓トップメインビジュアル↓------------------------------*/

.mainTitle_box {
	position: relative;
    width: 100%;
	height: 1100px;
    overflow: hidden;
}
.mainVisual {
	position: relative;
	z-index: 1;
	text-align: center;
	padding: 70px 0 20px;
}
.main_logo {
	width: 180px;
	margin: 0 auto;
}
.main_title {
	margin-top: 30px;
}
.mainTitle_box:after,
.mainVisual:before, .mainVisual:after {
	content: "";
	position: absolute;
}
.mainTitle_box:after {
	width: 1400px;
    height: 310px;
    top: -49px;
    left: 50%;
    margin-left: -690px;
    background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_001.jpg) no-repeat;
    background-size: 100%;
}
.mainVisual:before {
  z-index: 5;
  width: 515px;
  height: 553px;
  top: 0;
  left: -160px;
	background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_002.png) no-repeat;
}
.mainVisual:after {
	z-index: 5;
    width: 515px;
    height: 541px;
    top: 0;
    right: -160px;
	background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_003.png) no-repeat;
}

/*------------------------------↑トップメインビジュアル↑------------------------------*/

/*---------------スペシャルイベント---------------*/
.tdrtop_newevent {
	text-align: center;
	width: 78%;
	margin: 0 auto;
}
.tdrtop_newevent>figure>a {
	display: inline-block;
	padding: 3px;
	border: 3px solid #CD1818;
}
.tdrtop_newevent>figure>a>img {
	padding: 7px;
	border: 1px solid #CD1818;
}
.tdrtop_newevent>figure>a:hover {opacity: .7;}

/*===================================================↓装飾フレーム↓===================================================*/
.box_frame, .box_frame02 {
	/*position: relative;*/
	margin: 0 auto;
	width: 370px;
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: top, bottom, center;
	box-sizing : border-box;
}
.leftBox.box_frame>.box_inner>figure {
	position: relative;
        padding: 15px 20px;
	border: 3px solid #466899;
}
.leftBox.box_frame>.box_inner>figure::before {
	position: absolute;
	content: "";
	padding: 3px;
	width: 98%;
	height: 98%;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	border: 1px solid #466899;
}
.rightBox.box_frame>.box_inner>figure {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
        height: 490px;
	padding: 15px 20px;
	border: 3px solid #9b4f4f;
}
.rightBox.box_frame>.box_inner>figure::before {
	position: absolute;
	content: "";
	padding: 3px;
	width: 98%;
	height: 98%;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	border: 1px solid #9b4f4f;
}
.leftBox.box_frame>.box_inner>figure, .rightBox.box_frame>.box_inner>figure {/*左右ボックス高さ合わせ*/
  height: auto;
}
/*.leftBox {
	background-image: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_006_top.jpg), url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_006_bottom.jpg), url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_006_center.jpg);
}*/
/*.rightBox {
	background-image: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_007_top.jpg), url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_007_bottom.jpg), url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_007_center.jpg);
}*/
.box_frame02 {
	background-image: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_008_top.jpg), url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_008_bottom.jpg), url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_008_center.jpg);
	width: 860px;
	/*box-shadow: 0px 6px 9px 2px #c5b97b;*/
}
.frame_wrap_col02 .box_frame02 {
	background-image: url("/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_009_top.jpg"), url("/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_009_bottom.jpg"), url("/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_009_center.jpg");
	width: 420px;
	/*box-shadow: 0px 6px 9px 2px #c5b97b;*/
}
.box_topics {
	padding-bottom: 20px;
}
.box_topics h3 {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: -27px;
}
.box_topics h3 img { max-width: none; }
.contents01 .box_topics h3 { margin-bottom: -40px; }
.topics_inner {
	text-align: left;
  width: 90%;
  margin: 0 auto;
  padding: 20px 30px;
  border: 2px solid #e34458;
  background-color: #ffffff;
  font-weight: bold;
}
.list_icon>li {
  position: relative;
  padding: 0 0 0 15px;
}
.list_icon>li::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: #ccc;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  top: 8px;
  left: 0;
}
/*===================================================↑装飾フレーム↑===================================================*/

/*-------------------来園される皆さまへのお願い-------------------*/
.please {
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
}
.please>p>a {
	position: relative;
	text-decoration: none;
	padding: 20px 40px 20px 20px;
	border: 2px solid;
	border-radius: 5px;
	color: #222;
	box-shadow: 1px 2px 0px 1px #DDDDDD;
}
.please>p>a::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
	top: 50%;
    right: 22px;
    border-top: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
	transition: .3s;
}
.please>p>a:hover::after {
	right: 18px;
	transition: .3s;
}
/*------------------- テーマパーク利用約款-------------------*/
.riyouyakkan {
  text-align: center;
}
.riyouyakkan img {
  width: 380px;
}
/*-------------------トイストーリーホテル-------------------*/
.tdrtop_newhotel {
    width: 94%;
    margin: 0 auto;
}
.tdrtop_newhotel>figure>figcaption {text-align: right;}

/*====================↓出発地一覧↓====================*/
.bt_area {
	margin-top: 21px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.bt_area > li {
	width: calc((100% - 30px)/3);
	margin-right: 15px;
	margin-top: 10px;
	text-align: center;
}
.bt_area > li:nth-of-type(3n) { margin-right: 0; }
.bt_area > li:nth-of-type(-n+3) { margin-top: 0; }
.bt_area > li > a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 3px 15px 3px 10px;
	background-color: #9bcada;
	transition: 0.3s;
}
.bt_area > li.empty_box {
	padding: 3px 12px 3px 8px;
	background-color: #cccccc;
	border: solid 1px #cccccc;
}
.frame_wrap_col02 .bt_area > li > a { padding: 3px 12px 3px 8px; }
.bt_area > li > a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -3px;
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #222222;
	border-right: solid 1px #222222;
	transform: rotate(45deg);
}
.bt_area > li > a:link, .bt_area > li > a:visited {
	color: #222222;
	text-decoration: none;
}
.bt_area > li:hover > a { opacity: 0.7; }

.frame_wrap_col02 .bt_area > li { margin-right: 10px; }
.frame_wrap_col02 .bt_area > li:nth-of-type(-n+3) { width: calc((100% - 20px)/3); }
.frame_wrap_col02 .bt_area > li:nth-of-type(n+4) { width: calc((100% - 20px)/3); }
.frame_wrap_col02 .bt_area > li:nth-of-type(3),
.frame_wrap_col02 .bt_area > li:nth-of-type(2n+3) { margin-right: 0;}
.frame_wrap_col02 .bt_area > li:nth-child(6) { margin-right: 0; margin-left: 10px; }

@supports (-ms-ime-align: auto) {
	.frame_wrap_col02 .bt_area > li > a { padding: 3px 12px 3px 5px; }
	.frame_wrap_col02 .bt_area > li:nth-of-type(-n+3) { width: calc((100% - 30px)/3); margin-right: 14px; }
	.frame_wrap_col02 .bt_area > li:nth-of-type(3) { margin-right: 0; }
}

	
/*====================↑出発地一覧↑====================*/


/*===================================↓ページトップへ戻る↓===================================*/
/*
.bt_pagetop {
	display: none;
	position: fixed;
	z-index: 100;
	width: 70px;
	height: 70px;
	right: 20px;
	bottom: 20px;
}
.bt_pagetop a {
	position: relative;
	display: block;
	width: 70px;
	height: 70px;
	text-decoration: none;
	background: #b39d6e;
	border-radius: 50%;
	transition: 0.3s;
}
.bt_pagetop a:before {
	content: "";
	position: absolute;
	width: 35px;
	height: 22px;
	top: 23px;
	left: 19px;
	background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_ic_001.png) no-repeat;
	background-size: 35px auto;
}
.bt_pagetop a:hover { opacity: 0.7; }
*/
/*===================================↑ページトップへ戻る↑===================================*/



/*------------------------------↓event_container↓------------------------------*/
/*------------new--------------*/
.new_area_box {
	position: relative;
	z-index: 3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
    justify-content: space-between;
	margin-top: -185px;
	margin-bottom: 270px;
	padding: 25px 20px;
	background-color: #fff;
	border: 3px solid #ef525e;
}
.new_area_box>.new_area_photo>figure {
	width: 500px;
}
.new_area_photo>figure>figcaption {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.new_area_photo>figure>figcaption>p {
	font-size: 1.2rem;
}
.new_area_txt {
	margin-left: 20px;
}
.newarea_titletxt {
	padding: 5px 0;
	text-align: center;
    margin-bottom: 10px;
	border-top: 2px solid #ef525e;
	border-bottom: 2px solid #ef525e;
    font-size: 1.35rem;
    font-weight: bold;
}
.newarea_titletxt>p>span {
	color: #F10407;
}
.newarea_copytxt {
	font-size: 1.25rem;
	text-align: justify;
}
.newarea_copytxt>p>span {
	color: #F10407;
}
@media screen and (max-width:568px) {
	.new_area_box {
		margin: -36px 10px 120px;
		flex-direction: column;
		border: 2px solid #ef525e;
	}
	.new_area_box>.new_area_photo>figure {
		width: 100%;
	}
	.new_area_txt {
		margin-left: 0;
	}
	.newarea_titletxt {
		margin-top: 10px;
		font-size: 1.3rem;
	}
	.newarea_copytxt {
		font-size: 1.2rem;
	}
	.new_area_photo>figure>figcaption>p {
		font-size: 1.0rem;
	}
	p.event_logo>img {
		margin: 0 auto;
	}
}
/*--------------------------*/
.event_container {
	position: relative;
    z-index: 100;
    margin-top: -714px;
}
.slider_2col {
	position: relative;
	z-index: 3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	margin-left: auto;
	margin-right: auto;
}
.event_contents { position: relative; }

/*.box_frame { padding: 60px 20px 30px; }*/
.box_2col .box_frame:first-child { margin-right: 20px; }
.rightBox {margin-left: 20px;}
.box_inner {  text-align: center; }
.area_logo {
	position: absolute;
	z-index: 1;
	padding: 16px 51px;
	top: -37px;
	left: 43px;
}
.leftBox .area_logo {
	background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_006.png) no-repeat;
	background-size: 380px auto;
}
.rightBox .area_logo {
	background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_007.png) no-repeat;
	background-size: 380px auto;
}
.area_logo img { width: 280px; }
.e_logoarea { 
	height: 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.event_logo {
	text-align: center;
	margin: 5px 0 15px;
}
figure.event_img { display: inline-block; }
figure.event_img img { height: 270px; }
figure.event_img figcaption {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 7px;
	width: 100%;
	font-size: 1.0rem;
}
.caption_area { margin-top: 15px; }
.event_title img{ width: 411px; }
.event_date {
	display:inline-block;
	padding: 5px 50px;
	margin-top: -5px;
	font-weight: bold;
	color: #ffffff;
	border-radius: 10px;
}
.leftBox .event_date { background-color: #3c4f87; }
.rightBox .event_date { background-color: #7c2d33; }

.event_caption {
	padding: 0 40px;
	margin: 15px 0 25px;
	text-align: left;
	font-weight: bold;
	line-height: 1.3;
}


.event_caption2 {
	padding: 0 40px;
	margin-top: 15px;
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
}
.event_caption3 {
	padding: 0px 40px;
	margin-top: 7px;
	font-size: 1rem;
	text-align: left;
}
.event_title_beast {
	margin: 15px 0 20px;
}

/*-----------------画像なしの場合----------------*/
.no_img_wrap .mainTitle_box {
	height: 550px;
}
.no_img_wrap .event_container {
	margin: -200px 0 40px;
}
.no_img_wrap .e_logoarea {
	height: 0;
}

/*-----------------大きく表示するイベント----------------*/
.event_big figure {
  border: 3px solid #f19323;
  padding: 42px;
  position: relative;
  width: 455px;
  height: 632px;
  margin: 0 auto 240px;
  text-align: center;
}
.event_big figure::before {
  position: absolute;
  content: "";
  width: 96%;
  height: 97%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border: 1px solid #f19323;
}
.event_big figure img {
  width: 360px;
}
/*------------------------------↑event_container↑------------------------------*/


/*------------------------------↓info_container↓------------------------------*/
.box_infomation {
	margin: 35px 70px 95;
	padding: 25px;
	border: 2px solid #cccccc;
	background-color: #FFFFFF;
}
.box_infomation > p:first-child {
	margin-bottom: 10px;
	letter-spacing: 0.1rem;
}
.box_infomation a {
	padding-left: 5px;
}
/*------------------------------↑info_container↑------------------------------*/


.section_line {
	display: block;
	width: 100%;
	height: 9px;
	padding-top: 45px;
	background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_009.png) repeat-x;
	background-position: -30px bottom;
}

.contents_nav > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 100px;
}
.contents_nav > ul > li { cursor: pointer; }
.contents_nav > ul > li:last-child { margin-right: 0; }
h2 {
	margin-top: 40px;
	text-align: center;
}
.contents01 h2 { background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_h_001_side.png) repeat-x bottom; }
.contents02 h2 { background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_h_002_side.png) repeat-x bottom; }
.contents03 h2 { background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_h_003_side.png) repeat-x bottom; }

h2 > span > img { max-width: none; }
.contents_inner{
	padding: 55px 0 40px 0;
	background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_019.png) repeat;
}
.contents01 .contents_inner { background-color: #fff3b4; }
.contents02 .contents_inner { background-color: #ffdede; }
.contents03 .contents_inner {
	position: relative;
	padding-bottom: 80px;
	margin-bottom: 60px;
	background-color: #bcfcff;
}
.contents03 .contents_inner:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 9px;
	bottom: 0;
	background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_010.jpg) repeat-x;
}

/*======================section_contents======================*/
.section_contents h3 {
	text-align: center;
	margin-top: -40px;
}
.section_contents h3 > span > img {
	width: 70%;
}
.contents_area01 h3 {
	position: relative;
	background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_011.png) repeat-x;
	background-position: center;
}
.area_bg { margin-top: -40px; }
.contents_area01 .area_bg {
	padding: 105px 0 130px;
	background-color: #ffffec;
}
.contents_area02 h3 {
	position: relative;
	background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_012.png) repeat-x;
	background-position: center;
}
/*↓変更前*/
/*.contents_area03 .area_bg {
	background-color: #fff5f5;
	padding: 80px 0 150px;
}*/
.contents_area03 .area_bg {
	background-color: #fff5f5;
	padding: 80px 0 190px;
}
.contents_area03 h3 {
	position: relative;
	background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_013.png) repeat-x;
	background-position: center;
}
/*======================section_contents======================*/




/*---------------------------------------------------------------------------------------------------------------
------------------------------------------------↓ホテルを探す↓-------------------------------------------------
---------------------------------------------------------------------------------------------------------------*/

/*---------------おすすめホテルピックアップ！---------------*/
/*背景*/
.contents_boxtop {
    background-color: #fff;
    padding: 40px 0 20px;
    box-shadow: 0px 6px 9px 2px #c5b97b;
}
.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--5 {width: 45%;}
.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--7 {width: 55%;}
.fontsize14>div>ul.listitem>li>a>p.codeitem_txt {font-size: 1.4rem;}
.box_frame02 { padding: 55px 45px 35px;border: 1px solid #b39d6e;}
.frame_wrap_col02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 880px;
}
.frame_wrap_col02 .box_frame02 { padding: 40px; margin-right: 0;}

.inner_wrap {display: -webkit-box;display: -ms-flexbox;display: flex;}
.frame_wrap_col02 .inner_wrap {
	position: relative;
	padding: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.inner_left > figure img { max-width: none; }
.inner_right {margin-left: 15px;}
.hotel_info { text-align: center; }

.tx_read { font-size: 1.5rem; }
.tx_plan, .tx_price { font-size: 1.8rem; }
.tx_hotelname {
	padding-bottom: 7px;
	font-size: 2.0rem;
	font-weight: bold;
	border-bottom: 1px solid #222222;
}
.frame_wrap_col02 .tx_hotelname,p.tx_hotelname_JR {
	text-align: center;
	border-bottom: none;
	padding-top: 36px;
}
p.tx_hotelname_JR {display: none!important;}
p.tx_hotelname_JR {
    padding-bottom: 7px;
    font-size: 2.0rem;
    font-weight: bold;
    background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_hotel_ic_006.png) no-repeat;
    background-size: 15%;
    background-position: right;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.frame_wrap_col02 figure{ text-align: center; }
.frame_wrap_col02 figcaption { text-align: left; }
.tx_caption {
	text-align: left;
	padding: 10px 0;
	border-bottom: 1px solid #222222;
}

h2.slider_onecol_wrap_ttl {display: none!important;}
.slider_onecol_wrap {
	border: none!important;
	padding: 0!important;
}
.codeitem .listitem li {
	border: none!important;
	margin: 0!important;
	padding: 0!important;
}
.productbyhotel {padding: 0!important;}
.caption {
    position: absolute;
    transform: translate(0, -700%);
	font-size: 1.2rem;
}
.mtop01>div>ul>li>a>.codeitem_area {margin-top: 20px!important;}
/*その他のおすすめホテル*/
/*背景*/
.bg_toptitle {
    position: relative;
    width: 90%;
    margin: 0 auto;
}
.bg_toptitle::before {
    position: absolute;
    top: calc(50% - 2px);
    left: 0;
    width: 100%;
    height: 7px;
    content: '';
    background-image: repeating-linear-gradient(-45deg,#d9561e,#d9561e 1px,transparent 2px,transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
/*リボン*/
.tdrtop_title {
    text-align: center;
    margin: 0 auto;
    position: relative;
    width: 40%;
    height: 57px;
    line-height: 60px;
    padding: 5px 0px;
    font-size: 18px;
    background: #e37544;
    color: #FFF;
}
.tdrtop_title>h4 {
    margin: 0;
    padding: 0 30px;
    border-top: 1px dashed #FFF;
    border-bottom: 1px dashed #FFF;
    line-height: 46px;
}
.tdrtop_title>h4::before,.tdrtop_title>h4::after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    z-index: 1;
}
.tdrtop_title>h4::before {
    top: 0;
    left: 0;
    border-width: 30px 0px 30px 15px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}
.tdrtop_title>h4::after {
    top: 0;
    right: 0;
    border-width: 30px 15px 30px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}


/*---------------値段非表示---------------*/
p.tx_plan {
	display: none !important;
}
/*------------------------------*/
.tx_plan {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.tx_price { font-weight: bold; color: #eb3841; }
.box_topics .tx_out { margin-left: 95px; }
/*---------------GoTo↓---------------*/
.goto_coupon {
	text-align: center;
	margin: 10px 0 0 0;
}
.goto_coupon>p.back_color {
	padding: 3px 0;
	background-color: #ceeded;
    color: #222222;
    font-size: 1.6rem;
	font-weight: bold;
}
.goto_coupon>p.back_color+p {
	margin-top: 3px;
	font-size: 1.8rem;
	font-weight: bold;
}
.goto_coupon>p.back_color+p>span {
	color: #eb3841;
}
.goto_coupon>p.back_color+p>small {
	font-weight: initial;
	font-size: 1.4rem;
}
.goto_coupon>p.adult {
	margin-top: -4px;
}
/*---------------↑---------------*/
/*---------------マップから探す---------------*/
.map_search { margin: 0 46px; }
.map_tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 14px;
	font-size: 1.8rem;
	font-weight: bold;
}
.map_tab > li {
	margin-right: 10px;
	padding: 15px  15px 10px 15px;
	cursor: pointer;
	color: #ef610b;
	border: 3px solid #ef610b;
	border-radius: 20px 20px 0 0;
	background-color: #ffffff;
}
.map_tab > li.tab_active {
	color: #ffffff;
	border-radius: 20px 20px 0 0;
	background-color: #ef610b;
}
.map_img { margin-top: -3px; }
.map_img .map01 > img, .map_img .map02 > img{
	max-width: none;
	border: 3px solid #ef610b;
}
.map_hide { display: none; }

/*================マップボタン位置================*/
.map01, .map02 { position: relative; }
.map_btn > li { position: absolute; }
.map_btn > li img { max-width: none; }

.link_01 { top: 20px; left: 13px; } 	/*東京ベイ舞浜ホテルファーストリゾート*/
.link_02 { top: 68px; left: 13px; } 	/*東京ベイ舞浜ホテル*/
.link_03 { top: 115px; left: 13px; } 	/*東京ベイ舞浜ホテルクラブリゾート*/
.link_04 { top: 163px; left: 13px; } 	/*ヒルトン東京ベイ*/
.link_05 { top: 211px; left: 13px; } 	/*ホテルオークラ東京ベイ*/
.link_06 { top: 259px; left: 13px; } 	/*シェラトン・グランデ・トーキョーベイ・ホテル*/
.link_07 { top: 43px; left: 380px; } 	/*東京ディズニーランド(R)ホテル*/
.link_08 { top: 273px; left: 438px; } 	/*ディズニー アンバサダー(R)ホテル*/
.link_09 { top: 362px; left: 311px; } 	/*東京ディズニーシー・ ホテルミラコスタ(R)*/
.link_10 { top: 445px; left: 708px; } 	/*東京ディズニー セレブレーションホテル*/
.link_11 { top: 346px; left: 703px; } 	/*ホテルエミオン 東京ベイ*/
.link_12 { top: 206px; left: 684px; } 	/*浦安ブライトンホテル 東京ベイ*/
.link_13 { top: 80px; left: 730px; } 	/*オリエンタルホテル 東京ベイ*/
.link_14 { top: 400px; left: 562px; } 	/*三井ガーデンホテル プラナ東京ベイ*/
.link_15 { top: 42px; left: 45px; } 	/*ホテルメトロポリタン エドモント*/
.link_16 { top: 120px; left: 640px; } 	/*ホテル ニューオータニ幕張*/
.link_17 { top: 35px; left: 410px; } 	/*東武ホテル レバント東京*/
.link_18 { top: 219px; left: 227px; } 	/*ホテルイースト21東京*/
.link_19 { top: 327px; left: 140px; } 	/*ホテルサンルート有明*/
.link_20 { top: 72px; left: 724px; } 	/*ホテル スプリングス幕張*/
.link_21 { top: 392px; left: 472px; } 	/*ホテル ドリームゲート舞浜*/
.link_22 { top: 343px; left: 677px; } 	/*アパホテル&リゾート 東京ベイ幕張*/
.link_23 { top: 390px; left: 677px; } 	/*ホテルフランクス*/
.link_24 { top: 440px; left: 677px; } 	/*ホテル グリーンタワー幕張*/
.link_25 { top: 175px; left: 496px; } 	/*ホテル ルミエール葛西*/
.link_26 { top: 122px; left: 350px; } 	/*ホテル ルミエール西葛西*/
.link_27 { top: 238px; left: 567px; } 	/*ラ・ジェント・ホテル東京ベイ*/
.link_28 { top: 438px; left: 472px; } 	/*ホテルドリームゲート舞浜アネックス*/
.link_29 { top: 287px; left: 568px; } 	/*東京ベイ東急ホテル*/
.link_30 { top: 342px; left: 506px; } 	/*コンフォートスイーツ東京ベイ*/
.link_42 { top: 390px; left: 506px; } 	/*ハイアットプレイス 東京ベイ*/
.link_43 { top: 440px; left: 434px; } 	/*SPA&HOTEL 舞浜ユーラシア*/
.link_44 { top: 440px; left: 246px; } 	/*JR東日本ホテルメッツ 東京ベイ新木場*/

.map_img01 { top: 362px; left: 342px; } /*東京ディズニーリゾート（R）*/
/*================マップボタン位置================*/



/*---------------ホテルから探す---------------*/
.btn_wrap {
	margin: 0 auto;
	width: 920px;
	background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_014.png) no-repeat center;
	background-size: 85%;
}
.btn_hotel_pc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 100px 0;
	margin: 0 50px;
}
.btn_hotel_pc > li {
	margin-right: 50px;
	margin-top: 40px;
	box-shadow: 0px 3px 8px 1px #999191;
	transition: 0.3s;
}
.btn_hotel_pc > li:hover { box-shadow: none; }
.btn_hotel_pc > li img { transition: 0.3s; }
.btn_hotel_pc > li:hover img { opacity: 0.7; }
.btn_hotel_pc > li:nth-of-type(3n) { margin-right: 0; }
.btn_hotel_pc > li:last-child { margin-right: 0; }
.btn_hotel_pc > li:nth-of-type(-n+3) { margin-top: 0; }

/*---------------------------------------------------------------------------------------------------------------
------------------------------------------------↑ホテルを探す↑-------------------------------------------------
---------------------------------------------------------------------------------------------------------------*/




/*---------------------------------------------------------------------------------------------------------------
------------------------------↓東京ディズニーリゾート（R）パークチケットについて↓------------------------------
---------------------------------------------------------------------------------------------------------------*/

/*----------------↓東京ディズニーリゾート（R）の直接入園予約券発売中！↓----------------*/
.topics_read {
	display: inline-block;
	padding: 0 20px;
	margin-bottom: 30px;
	font-size: 1.6rem;
	font-weight: bold;
}
.topics_inner > dl { margin-top: 20px; }
.topics_inner > dl:first-child { margin-top: 0; }
.topics_inner > dl > dd, .topics_inner > dl + dl > dt { text-align: left; }
.topics_inner > dl > .items_03 { margin-bottom: 15px; }
/*----------------↑東京ディズニーリゾート（R）の直接入園予約券発売中！↑----------------*/

/*----------------↓東京ディズニーリゾート（R）・パークチケット料金表↓----------------*/
.tdrtop_ticket {text-align: center;}
.tdrtop_ticket>figure>a:hover {opacity: .7;}
.tdrtop_ticket.border>figure>img {border: 1px solid #ff9ca9;border-radius: 15px;}

.contents02 {margin-top: -10vw;}
.ticket_type, thead > tr > th {
	font-family: kan412typos-std, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.contents_area03 .tx_out {
	text-align: right;
	margin-bottom: 10px;
	font-size: 1.2rem;
}
.ticket_area { width: 900px; }
.bt_ac { pointer-events: none; }
.ticket_box { box-shadow: 0 7px 9px 3px #e7d2d2; }
.table_box {
	padding: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.table_box > li { border-radius: 10px; background-color: #ffffff; }
.table_box > li:last-child { margin-bottom: 0; }

table {
	width: 100%;
	font-size: 1.4rem;
	border-radius: 10px;
	margin-right: -1px;
}
.col01 { width: 60%; }
.col02 { width: 40%; }
thead {
	text-align: center;
	color: #222222;
	font-weight: bold;
}
.ticket_type {
	padding: 12px;
	text-align: center;
	font-size: 2.0rem;
	color: #ffffff;
	letter-spacing: 1.5px;
	cursor: pointer;
}

/*外側、背景色、見出し背景色*/
.ticket_container .table_box { background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_018.png) repeat; }
.ticket_container .ticket01 .table_box { border: 3px solid #e25e5e; background-color: #fff2f2; }
.ticket_container .ticket02 .table_box { border: 3px solid #b93434; background-color: #ffedea; }
.ticket_container .ticket03 .table_box { border: 3px solid #6b3333; background-color: #ffe3de; }

.ticket_container .ticket01 .ticket_type { background-color: #e25e5e; }
.ticket_container .ticket02 .ticket_type { background-color: #b93434; }
.ticket_container .ticket03 .ticket_type { background-color: #6b3333; }

/*内側*/
/*.ticket_container .inner_3col .table_box > li { width: calc((100% - 60px)/3); }*/
.ticket_container .inner_2col .table_box > li { width: calc((100% - 15px)/2); }

.ticket_container .ticket01 .table_box > li { border: 3px solid #ef8282;width: 100%;margin: 0 80px;}
.ticket_container .ticket02 .table_box > li { border: 3px solid #de7d7d; }
.ticket_container .ticket03 .table_box > li { border: 3px solid #986060; }

.ticket_container .ticket01 thead { background-color: #ef8282; }
.ticket_container .ticket02 thead { background-color: #de7d7d; }
.ticket_container .ticket03 thead { background-color: #986060; }

.ticket_container .ticket01 tbody > tr { border-bottom: 2px solid #ef8282; font-size: 1.6rem;}
.ticket_container .ticket01 tbody > tr > th { border-right: 2px solid #ef8282; padding: 10px 0;}

.ticket_container .ticket02 tbody > tr { border-bottom: 2px solid  #de7d7d; }
.ticket_container .ticket02 tbody > tr > th { border-right: 2px solid  #de7d7d; }

.ticket_container .ticket03 tbody > tr { border-bottom: 2px solid #986060; }
.ticket_container .ticket03 tbody > tr > th { border-right: 2px solid #986060; }

.ticket_container .ticket01 tbody > tr:last-child,
.ticket_container .ticket02 tbody > tr:last-child,
.ticket_container .ticket03 tbody > tr:last-child { border-bottom: none; }

tbody > tr, thead > tr > th, tbody > tr > th { text-align: center; }
thead > tr > th {
	height: 60px;
	vertical-align: middle;
	color: #ffffff;
	font-size: 1.9rem;
	line-height: 2.0rem;
}
tbody > tr > th {
	height: 50px;
	vertical-align: middle;
	font-weight: bold;
	line-height: 1.3;
}
tbody > tr > td {
	height: 50px;
	vertical-align: middle;
	font-weight: bold;
}

.ticket_remarks {
	padding: 20px;
	text-align: left;
	font-size: 1.5rem;
	font-weight: normal;
}
.tx_info {
	width: 100%;
	padding: 30px;
	border: 1px solid #af3658;
	background-color: #ffffff;
}
.tx_info > dl > dt { margin-bottom: 10px; font-size: 1.6rem; }
.tx_info > dl > dd { margin-left: 20px; margin-bottom: 10px; line-height: 1.4; }
.tx_info > dl > dd:last-child { margin-bottom: 0; }


.buy_ticket {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.2rem;
}


/*---------------------------------------------------------------------------------------------------------------
------------------------------↑東京ディズニーリゾート（R）・パークチケット料金表↑------------------------------
---------------------------------------------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------------------------------------------
----------------------------------------↓ディズニーリゾート（R）マップ↓----------------------------------------
---------------------------------------------------------------------------------------------------------------*/
.contents03 {margin-top: -10vw;}
.map {margin-top: -80px;}
.mapImg {
	padding: 70px 60px;
	text-align: center;
	background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_015.png) no-repeat center;
}
.mapImg > img { width: 820px; }
.mapImg > figcaption { margin: 10px 0 0 30px; text-align: left; }

/*---------------------------------------------------------------------------------------------------------------
----------------------------------------↑ディズニーリゾート（R）マップ↑----------------------------------------
---------------------------------------------------------------------------------------------------------------*/


/*----------------↓20220901追記　その他のおすすめホテル！カルーセル↓----------------*/
.slick-prev:before {　/*左矢印*/
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-top: 2px solid #8b764b;
  border-right: 2px solid #8b764b;
  -webkit-transform: rotate(45deg);
  transform: rotate(225deg);
  font-size: 0;
}
.slick-next:before {　/*右矢印*/
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-top: 2px solid #8b764b;
  border-right: 2px solid #8b764b;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  font-size: 0;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before { /*押せない矢印の色*/
  opacity: 0.3;
}
.box_scroll { /*左右余白調整*/
  margin: 0px 2.4%;
}
.slick-dots li button:before,
.slick-dots li.slick-active button:before { /*ボタン色変更*/
  color: #b39d6e;
}
.slick-dots { /*ボタン位置調整*/
  bottom: -35px;
}
/*----------------↑20220901追記　その他のおすすめホテル！カルーセル↑----------------*/




/*=============================================================================================================================================
===============================================SP表示用========================================================================================
=============================================================================================================================================*/




@media screen and (max-width: 568px) {
	
	body { font-size: 3.0vw; }
	.title_wrap { overflow: hidden; }
	.contents_wrap { width: 100%; }
	body, .mainTitle_box, .event_container, .info_container, h2, .contents_inner { min-width: 100%; }
	.contents02 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--12 { float: none; }
	.info_container.hotel01 {
		background-color: #d7f7ff;
		padding-bottom: 10px;
    	margin-bottom: -10px;
	}
	
	.contents01 h2 > span > img { width: 70%; }
	.contents02 h2 > span > img { width: 85%; }
	.inner_left > figure img, .box_topics > h3 img{ max-width: 100%; }	
	
	.sp_none { display: none; }
	.pc_none { display: block; }
	
	.items_01:before, .items_02:before { left: -4vw; }
	.items_03 { position: relative; }
	.items_03:before { position: absolute; left: -20px; }
	
	.bnr_area { margin: 0 auto; width: calc(100% - 20px); }
	
/*------------------------------↓トップメインビジュアル↓------------------------------*/
	.mainTitle_box { height: 100%; }
	.mainVisual {
		position: relative;
		margin: 0 auto;
		width: calc(100% - 68px);
		padding: 25px 0 8%;
	}
	.main_logo { width: 30vw; margin: 3vw auto 0; }
	.main_title { margin-top: 3vw; }
	.mainTitle_box:after, .mainVisual:before, .mainVisual:after { width: auto; }
	.mainTitle_box:after {
		width: 100%;
		height: 237px;
		top: -18px;
		left: 0;
		margin-left: 0px;
		background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_001_sp.jpg) no-repeat;
		background-size: 100%;
	}
	.mainVisual:before {
    z-index: 5;
    width: 149px;
    height: 176px;
    top: 0;
    left: -34px;
    background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_002_sp.png) no-repeat 0 0/149px 176px;
	}
	.mainVisual:after {
		z-index: 5;
    width: 149px;
    height: 175px;
    top: 0;
    right: -34px;
    background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_003_sp.png) no-repeat 0 0/149px 175px;
	}

	/*------------------------------↑トップメインビジュアル↑------------------------------*/

	.tdrtop_newevent {margin: 20px auto;}
	.tdrtop_newevent>figure>a {border: 2px solid #CD1818;}

	.leftBox.box_frame>.box_inner>figure {
		padding: 50px 0 0;
		border: none;
	}
	.rightBox.box_frame>.box_inner>figure {
		height: 100%;
		padding: 50px 0 0;
		border: none;
	}
	.leftBox.box_frame>.box_inner>figure::before,.rightBox.box_frame>.box_inner>figure::before {display: none;}
	
	.please {margin: 0 4%;font-size: 1.4rem;}
	.please>p>a {display: block;}
	
	.topics_inner>dl>dt {text-align: justify;}
	.cp_pixar {margin-top: -13px;margin-bottom: 10px;}
	/*==================================↓装飾フレーム↓=================================*/
	
	.leftBox, .rightBox { background-image: none; }
	.box_frame {
		position: relative;
		width: 100%;
		/*height: 180vw;*/
		padding: 0 0 20px;
		margin: 0px 0px 20px;
	}
	.box_frame:before, .box_frame:after {
		content: "";
		position: absolute;
		width: 100%;
		height: 6px;
	}
	.box_frame:before {
		background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_016_top.png) repeat-x;
		background-size: 1px 6px;
		margin-top: 30px;
	}
	.box_frame:after {
		background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_016_bottom.png) repeat-x;
		background-size: 1px 6px;
		bottom: 0;
	}
	.box_frame02, .frame_wrap_col02 .box_frame02 {
		background-image: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_008_sp_top.jpg), url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_008_sp_bottom.jpg), url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_008_sp_center.jpg);
		background-size: contain;
		padding: 27px;
		width: calc(100% - 20px);
		/*border: 6px solid #ffffff;*/
		margin: 0 auto;
	}
	.box_topics {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 0;
	}
	.contents02 .box_topics { padding-bottom: 40px; }
	.box_topics h3 {
		position: relative;
		left: 20px;
		margin-bottom: -20px;
	}
	.box_topics h3 img { width: calc(100% - 40px); }
	.contents01 .box_topics h3 { margin-bottom: -7%; }
	.topics_inner {
		padding: 20px;
		margin: 0;
		width: calc(100% - 40px);
	}
  .list_icon>li {
    padding: 0 0 0 10px;
  }
  .list_icon>li::before {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    top: 7px;
  }
	.section_contents h3 > span > img { width: 85%; }
	
	/*背景*/
	.contents_boxtop {margin: 0 3%;padding: 20px 0;}
	/*==================================↑装飾フレーム↑=================================*/
	/*ホテルを探す　リボン*/
	.tdrtop_title {
		width: 100%;
    	height: 45px;
    	line-height: 60px;
    	padding: 5px 0px;
	}
	.tdrtop_title>h4 {
		padding: 0 20px;
		line-height: 33px;
    	font-size: 1.5rem;
	}
	.tdrtop_title>h4::before {border-width: 24px 0px 20px 13px;}
	.tdrtop_title>h4::after {border-width: 22px 13px 24px 0px;}
	/*====================↓出発地一覧↓====================*/
	.bt_area { margin-top: 0; }
	.bt_area > li, .box_topics .bt_area > li:nth-of-type(3n) { margin-right: 10px; }
	.bt_area > li > a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 7px 16px 7px 4px;
		height: 100%;
		font-size: 2.8vw;
	}
	.box_topics .bt_area > li:nth-of-type(-n+3) { width: calc((100% - 20px)/3); }
	.box_topics .bt_area > li:nth-of-type(n+4) { width: calc((100% - 20px)/3); }
	.box_topics .bt_area > li:nth-of-type(3),
	.box_topics .bt_area > li:nth-of-type(2n+3) { margin-right: 0;}
	.box_topics .bt_area > li:nth-child(6) { margin-right: 0; margin-left: 10px; }
	
	.bt_area.col03 > li, .bt_area.col03 > li:nth-of-type(n+4) { width: calc((100% - 20px)/3); }
	.bt_area.col03 > li, .bt_area.col03 > li:nth-of-type(2n+3) { margin-right: 10px;}
	.bt_area.col03 > li:nth-of-type(3n) { margin-right: 0; }
	
	
	/*====================↑出発地一覧↑====================*/
	
	
	/*----------------↓event_container↓----------------*/
	.event_container { margin-top: 10px; }
	.box_2col .box_frame:first-child { margin-right: 0; }
	.leftBox .area_logo, .rightBox .area_logo {
		position: relative;
		margin: 0 15%;
		padding: 0 15px;
		top: 0;
		left: 0;
		background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_016.png) no-repeat;
		background-size: contain;
		background-position: center;
	}
	.event_contents { margin-top: -9%; }
	.area_logo img { width: 100%; padding: 20px; }
	.e_logoarea {
		width: 100%;
		height: 30vw;
		margin-bottom: 3%;
	}
	.e_logoarea img { width: 40vw; }
	figure.event_img img { height: 60vw; width: auto; }
	figure.event_img figcaption { margin-top: 3px; font-size: 2.0vw; }
	.caption_area { margin-top: 5px; }
	.event_title { display: inline-block;}
	.event_title img { width: 100%; }
	.event_date {
		padding: 5px 9%;
		margin-top: 5px;
		font-size: 3.5vw;
	}
	.event_caption { font-size: 3.5vw; }
	
	/*----------------slick----------------*/
	.slick-slide, .slick-list { position: relative; }
	.slide-arrow {
		position: absolute;
		z-index: 2;
		width: 10vw;
		height: auto;
	}
	.prev-arrow { top: 45%; left: 0; margin-top: -5vw; }
	.next-arrow { top: 45%; right: 0; margin-top: -5vw; }
	.slick-dots { bottom: -40px; }
	.slick-dots li { margin: 0 3vw 0 0; }
	.slick-dots li:last-child { margin: 0; }
	.slick-dots li button { width: 20px; height: 20px; padding: 0; }
	.slick-dots li button:before, .slick-dots li.slick-active button:before {
		content: "";
		width: 4vw;
		height: 4vw;
		border-radius: 15px;
		background-color: #ffff;
		border: 1px solid #ca9c2d;
		opacity: 1.0;
	}
	.slick-dots li.slick-active button:before { background-color: #ca9c2d; }
	/*----------------slick(20220901追記)----------------*/
  .btn_b-13 .slick-dots { /*sp時ボタン位置調整*/
    bottom: -13px;
  }
	/*-----------------画像なしの場合----------------*/
	.no_img_wrap .mainTitle_box {
		height: auto;
	}
	.no_img_wrap .event_container {
		margin: 0 0 40px;
	}
	/*-----------------大きく表示するイベント----------------*/
  .event_big figure {
    border: 3px solid #f19323;
    padding: 16px 8px 20px;
    position: relative;
    width: 97%;
    height: auto;
    margin: 0 auto;
    text-align: center;
  }
  .event_big figure::before {
    position: absolute;
    content: "";
    width: 98%;
    height: 98%;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border: 1px solid #f19323;
  }
  .event_big figure img {
    width: 320px;
  }
	/*---------------------------------↑event_container↑--------------------------------*/
	
	/*------------------- テーマパーク利用約款-------------------*/
  .riyouyakkan img {
    width: 360px;
  }
	
	/*------------------------------↓info_container↓------------------------------*/	
	.box_infomation {
		margin: 22px 20px 0;
		padding: 20px;
		font-size: 3.0vw;
	}
	.box_infomation > p:first-child { margin-bottom: 20px; }
	.box_infomation p { line-height: 1.4; }
	/*------------------------------↑info_container↑------------------------------*/
	
	.section_line { background-size: 20px 7px; }

	/*
	.bt_pagetop { width: 15vw; height: 15vw; right: 12px; bottom: 12px; }
	.bt_pagetop a{ width: 15vw; height: 15vw; }
	.bt_pagetop a:before { width: 100%; height: 100%; top: 5vw; left: 4vw; background-size: 7vw auto; }
	*/
	
	.contents_nav > ul { margin: 0 20px; }
	.contents_nav > ul > li { margin-right: 15px; width: calc((100% - 10px)/2); }
	
	.contents_inner { padding: 60px 0 200px; background-size: 14px auto; }
	.contents01 h2 {
		background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_h_001_side_sp.png) repeat-x;
		background-position: bottom;
		background-size: auto 100%;
	}
	.contents01 .contents_inner {padding: 15px 0 30px;}
	/*.contents01 .contents_area02 { background-color: #ffffec; }*/
	
	.contents_area02 h3 {
		background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_011.png) repeat-x;
		background-size: 12px auto;
		background-position: center;
	}
	.contents_area03 h3 { background-size: 3% auto; }
	.contents02 h2 {
		background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_h_002_side_sp.png) repeat-x;
		background-position: bottom;
		background-size: auto 100%;
	}
	.contents02 .contents_inner {
		position: relative;
		padding: 40px 0 0;
		margin-bottom: 30px;
	}
	.contents02 .contents_inner:after {
		content: "";
		position: absolute;
		bottom: 0;
		background: url(/content/dam/jretravel/site/page/feature/tdr/images/tdr_index_bg_017.jpg) repeat-x;
		background-size: 1px 7px;
		width: 100%;
		height: 7px;
	}
	.area_bg {
		margin-top: -30px;
		padding: 25px 0;
	}
	.contents_area03 .area_bg {
		padding: 55px 0 20px;
	}
	/*変更前 padding: 55px 0 75px;*/
	
	/*---------------おすすめホテルピックアップ！---------------*/
	.slider_onecol_wrap {background-color: transparent!important;}
	.slick-list.draggable {padding: 0!important;}
	.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--5 {width: 100%;}
	.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--7 {width: 100%;margin-left: 0;}
	.inner_wrap {
		position: relative;
		padding: 6vw 30px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.inner_left {
		/*position: absolute;*/
		/*top: 23%;*/
		margin-right: 0;
		/*width: calc(100% - 60px);*/
	}
	.inner_right {
		width: 100%;
		margin-left: 0;
		margin-top: 0;
	}
	
	.frame_wrap_col02 .inner_wrap { padding: 4vw 30px 30px; }
	.frame_wrap_col02 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
		margin-top: 0;
	}
	/*.hotel_info > p { margin-bottom: 3vw; }　クーポン削除のとき表示に変更してください*/
	.tx_read { font-size: 3vw; }
	.tx_plan, .tx_price { font-size: 4vw; }
	.aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--6 {width: 100%!important;}
	.caption {transform: translate(0, -610%);}
	.mtop01>div>ul>li>a>.codeitem_area {margin-top: 15px;}
	@media screen and (max-width: 320px) {
		.caption {top: 260px;font-size: 1.1rem;}
	}
	/*---------値段非表示のレイアウト崩れ調整---------*/
	.hotelname {
		margin-top: 0vw;
    	margin-bottom: 65vw;
	}
	/*------------------------------------*/
	.tx_hotelname { font-size: 5vw; border-bottom: none; }
	.box_frame02 figure img { width: 100%; }
	
	.tx_plan {
		margin-top: 90%;
		padding-bottom: 5px;
		border-bottom: 1px dotted #555555;
	}
	.frame_wrap_col02 .tx_plan {
		margin-top: 0;
		border-bottom: none;
	}
	.box_topics .tx_out {
		margin: 12px 10px 0 30px;
		font-size: 3.0vw;
		width: calc(100% - 50px);
	}

	.bt_area > li > a, .bt_area > .empty_box {
	padding: 3px 12px 3px 8px;
	}
	/*---------------GoTo↓---------------*/
	.goto_coupon>p.back_color {
		font-size: 1.5rem;
	}
	.goto_coupon>p.back_color+p {
		font-size: 1.7rem;
	}
	.goto_coupon>p.adult {
		font-size: 1.3rem;
	}
	/*--------------↑----------------*/
	/*---------------ホテルから探す---------------*/
	.btn_wrap {
		width: 100%;	
		background: none;
	}
	.btn_hotel_sp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.btn_hotel_sp > li {
		width: 65%;
		height: 100%;
		margin-top: 20px;
		box-shadow: 0px 2px 3px 1px #999191;
	}
	
	/*-----------------------↓東京ディズニーリゾート（R）パークチケットについて↓-----------------------*/
	.contents02 .box_topics > h3 {
		margin-bottom: -8%;
		width: calc(100% - 40px);
	}
	.topics_read {
		padding: 0;
		margin-bottom: 20px;
		text-align: center;
		font-size: 3.5vw;
		line-height: 1.5;
	}
	.topics_read > .underLine {
		background: linear-gradient(transparent 60%, #ffdc71 30%);
		padding: 0;
	}
	.topics_inner > dl { margin: 0; }
	.topics_inner > dl > .items_03 {
		margin-left: 20px;
		line-height: 1.5;
		font-size: 3.5vw;
	}
	.topics_inner > dl + dl { margin: 20px 0 0; }
	.topics_inner > dl > dd { font-size: 3.0vw; }
	
	.tdrtop_ticket {margin: 0 2%;}
	
	/*-----------------------↓sp用東京ディズニーリゾート（R）・パークチケット料金表↓-----------------------*/
	.contents_area03 .tx_out { margin-right: 10px; }
	
	/*.ticket_box { box-shadow: none; }*/
	.ticket_container {margin: 0 3%;}
	.table_box {
		display: none;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 25px 25px 40px;
	}
	.active .table_box{ display: block; }
	
	.table_box > li { margin-bottom: 20px; width: 100%; }
	.remarks > li.items_02 { margin-left: 0; }
	.table_box > li:last-child { margin-bottom: 0; }
	
	.ticket_container .ticket01 .table_box,
	.ticket_container .ticket02 .table_box,
	.ticket_container .ticket03 .table_box { border: none; }
	
	.ticket_container .ticket03 .table_box { border-bottom: 3px solid #7e4444; }
	
	.ticket_container .ticket01 .table_box {border: 2px solid #e25e5e;}
	.ticket_container .ticket01 .table_box > li {border: 2px solid #ef8282;margin: 0;}
	
	.ticket_container .ticket01 .table_box > li,
	.ticket_container .ticket02 .table_box > li,
	.ticket_container .ticket03 .table_box > li { width: 100%; }
	.ticket_type {
		/*padding: 2vw 10vw 2vw 4vw;*/
		text-align: center;
		font-weight: bold;
		font-size: 4vw;
		color: #ffffff;
		cursor: pointer;
	}
	
	table { width: 100%; font-size: 3.5vw; border-radius: 10px;overflow: hidden;}
	thead { color: #222222; font-weight: bold; }
	thead > tr > th { height: 12vw; font-size: 3.8vw; }
	tbody > tr > th { text-align: center; padding: 10px; }
	tbody > tr > td { padding: 10px; }
	
	.ticket_remarks { padding: 20px; font-size: 3.4vw; }
	.sp_ticketp {padding: 0 3%;}
	
	.ticket_bnr {width: 75%;margin: 0 auto;}

	/*===================↓アコーディオン開閉↓===================*/
	/*.bt_ac {
		position: relative;
		pointer-events: all;
	}
	.icon_box {
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -1vw;
	}
	.accordion_icon, .accordion_icon span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.accordion_icon {
		position: relative;
		width: 8vw;
		height: 8vw;
		float: right;
		margin-right: 2vw;
	}
	.accordion_icon span {
		position: absolute;
		left: 6px;
		width: 50%;
		height: 2px;
		background-color: #ffffff;
		border-radius: 4px;
	}
	.accordion_icon span:nth-of-type(1) {
		top: 5px;
		transform: rotate(0deg);
	}
	.accordion_icon span:nth-of-type(2) {
		top: 5px;
		transform: rotate(90deg);
	}
	.accordion_icon.bt_active span:nth-of-type(1) {
		display:none;
	}
	.accordion_icon.bt_active span:nth-of-type(2) {
		top: 5px;
		transform: rotate(180deg);
	}
	.clearfix:after {
		content: "";
		display: block;
		clear: both;
	}*/
	/*===================↑アコーディオン開閉↑===================*/

	.tx_info {
		width: 90%;
		padding: 20px;
		margin: 30px auto 0;
	}
	.tx_info > dl > dt {
		line-height: 1.5;
		font-size: 3.5vw;
		margin: 0 0 10px 20px;
	}
	.tx_info > dl > dd {
		margin-left: 15px;
		font-size: 3.2vw;
	}
	
	/*-----------------------↑sp用東京ディズニーリゾート（R）・パークチケット料金表↑-----------------------*/
	
	.contents02 {margin-top: -20vw;}
	
}

@media screen and (max-width: 568px) and (-ms-high-contrast: none){
	
	figure.event_img figcaption { font-size: 2.0vw; }
	.contents01 .box_topics > h3  { margin-bottom: -77px; }
	.box_topics > h3 {
		position: relative;
		left: 20px;
		margin-bottom: -20px;
		width: calc(100% - 40px);
	}
	.box_topics > h3 img { width: calc(100% - 40px); }
	
	.contents02 .box_topics > h3 { margin-bottom: -102px; }
	
	.frame_wrap_col02 .bt_area > li > a { padding: 3px 12px 3px 5px; }
	.bt_area > li { width: calc((100% - 30px)/3); }
	.bt_area > li:nth-of-type(-n+3),
	.box_topics .bt_area > li:nth-of-type(-n+3),
	.frame_wrap_col02 .bt_area > li:nth-of-type(-n+3) { margin-right: 10px; }
	.bt_area > li:nth-of-type(3),
	.box_topics .bt_area > li:nth-of-type(3),
	.frame_wrap_col02 .bt_area > li:nth-of-type(3) { margin-right: 0; }
	
}
@supports (-ms-ime-align: auto) and (max-width: 568px) {
	.frame_wrap_col02 .bt_area > li > a { padding: 3px 12px 3px 5px; }
	.bt_area > li,
	.box_topics .bt_area > li:nth-of-type(-n+3) { width: calc((100% - 30px)/3); }
	.bt_area > li:nth-of-type(-n+3),
	.box_topics .bt_area > li:nth-of-type(-n+3),
	.frame_wrap_col02 .bt_area > li:nth-of-type(-n+3) { margin-right: 15px; }
	.bt_area > li:nth-of-type(3),
	.box_topics .bt_area > li:nth-of-type(3),
	.frame_wrap_col02 .bt_area > li:nth-of-type(3) { margin-right: 0; }
	
}
	
/*======================================↓IE調整↓======================================*/
/*--------------※IE11のみメイリオ表記※--------------*/
@media all and (-ms-high-contrast:none) {
	body { font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif; }
}

@media all and (-ms-high-contrast:none) {
	.frame_wrap_col02 .bt_area > li > a { padding: 3px 12px 3px 5px; }
	.frame_wrap_col02 .bt_area > li:nth-of-type(-n+3) { width: calc((100% - 30px)/3); margin-right: 14px; }
	.frame_wrap_col02 .bt_area > li:nth-of-type(3) { margin-right: 0; }
}