@charset "utf-8";
/*
 	Outline - 
		Basic Settings.
		Main Img Settings.
		Common Settings.
		Etc Settings.
*/


.wrap-sticky-search{
	display: none;
}


#newsflash{
	display: none !important;
}
#col-logo{
	padding-bottom: 0;
}

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

        gasic Settings.

========================================= */
#content-wrap {
	position:relative;
	clear:both;
	width:100%;
	color:#222;
}

#content-wrap h1,
#content-wrap h2,
#content-wrap h3,
#content-wrap h4,
#content-wrap h5,
#content-wrap h6{
	float:none;
}
#content-wrap img {
	max-width:100%;
	margin:auto;
}
#content-wrap i {
	margin:0 5px;
}
/*#content-wrap a {
	color:#f8689b;
}*/
#content-wrap a:hover {
	opacity:0.7;
}
#content-wrap area{
	outline:none;
	border:none;
}
#content-wrap select{
	padding-right:30px!important;
	font-size:16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:#fff url(/static/img/common/icon/angle-down-solid.png) no-repeat right 3px center;
	background-size: 10px 6px;
}
#content-wrap select::-ms-expand {
    display: none;
}
#content-wrap em{
	font-style:normal;
}
/* etc */
#content-wrap .onlysm,
#content-wrap .smtab{
	display:none!important;
}
.collapse-btn{
	position:relative;
	padding-right:20px;
	cursor:pointer;
}
.collapse-btn:before{
	position:absolute;
	top:50%; 
	right: 10px; 
	transform: translate(0, -50%); 
	content:"\f0fe";
	font-size:14px;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	color:#fff;
}
.collapse-btn[aria-expanded="false"]:before{
	content:"\f0fe";
}
.collapse-btn[aria-expanded="true"]:before{
	content:"\f146";
}


@media (max-width: 991px) {
	#content-wrap {
		font-size:14px;
	}
	#content-wrap .smtab{
		display:block!important;
	}
}
@media (min-width: 768px) {
	.tourset-box .collapse{
		display:block!important;
	}
}
@media (max-width: 767px) {
	body{
		min-width:320px;
	}

	/* etc */
	#content-wrap .pctab{
		display:none!important;
	}
	#content-wrap .onlysm{
		display:block!important;
	}
}


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

        Main Img Settings.

========================================= */
#main-img{
	width:100%;
	background:url("/static/img/usj/2023/bg-parade.webp") no-repeat bottom center;
	background-size:cover;
	overflow:hidden;
}
.wrap-main-img{
	width: 100%;
	min-height: 385px;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.wrap-main-img h1{
	width: 72%;
	padding: 20px 0;
}
.wrap-usj-logo{
	width: 25%;
}
@media (max-width: 767px) {
	.wrap-main-img{
		align-items: center;
		min-height: 125px;
	}
	.wrap-main-img h1{
		padding: 0;
	}
}


 /* ======================================
01.
       Common Settings.
========================================= */

.bold { font-weight:bold; }
.font-color01 { color:#e00000; }
.text-right{ text-align:right; }
.tdr-section{ padding:100px 0; }
.setplan-link01{
	margin:5px 0 0;
	text-align:right;
}


/* background */
.bg-blue01{
	background:#d8ffff;
}
.bg-pink01{
	background:#ffeaf2;
}
.bg-lace-white01,
.bg-lace-blue01,
.bg-lace-pink01{
	position:relative;
	padding:100px 0 60px;
}
.bg-lace-white01:before,
.bg-lace-pink01:before{
	position:absolute;
	top:0;
	left:0;
	content:"";
	display:block;
	width:100%;
	height:62px;
	z-index:0;
}
.bg-lace-white01:before{ background:url(/tour/campaign/tdr/img/2017/bg-lace-white01.png) repeat-x top center; }
/*.bg-lace-blue01:before{ background:url(/tour/campaign/tdr/img/2017/bg-lace-blue01.png) repeat-x top center; }*/
.bg-lace-pink01:before{ background:url(/tour/campaign/tdr/img/2017/bg-lace-pink01.png?20181217) repeat-x top center; }



/* list style */
.list-kome > li {
	position:relative;
	padding-left:1em;
}
.list-kome > li:before {
	position:absolute;
	top:0;
	left:0;
	content:"※";
}
.list-kome > li + li{
	margin-top:5px;
}

/* btn style */
.btn-style01{
	position:relative;
	display:block;
	width: 100%;
	max-width: 250px;
	margin:20px auto;
	padding:10px 20px 10px 20px;
	font-size:16px;
	font-weight: bold;
	line-height: 1.2;
	color:#fff;
	text-align:center;
	background:#f7a414;
	box-shadow:0 3px 0 #e58009;
	border-radius:5px;
	border:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	cursor: pointer;
}
.btn-style01:before{
	position:absolute;
	top:50%; 
	right:10px;
	transform: translate(0, -50%); 
	content:"\f054";
	font-size:0.8em;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
}
.btn-style01.open:before{
	position:absolute;
	top:50%; 
	right:10px;
	transform: translate(0, -50%); 
	content:"\f107";
	font-size:1.2em;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
}
.btn-style01:hover{
	box-shadow:none;
	transform:translate3d(0,3px,0);
	text-decoration: none;
	color: #fff;
}
.btn-style02{
	position:relative;
	display:block;
	max-width:400px;
	margin:10px auto;
	padding:15px 30px 15px 15px;
	font-size:16px;
	font-weight:bold;
	color:#ea8900!important;
	text-align:center;
	text-decoration:none!important;
	background:#fff;
	border:3px solid #ea8900;
	border-radius:50px;
}
.btn-style02:before{
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-0.6em;
	content:"\f054";
	font-family:fontAwesome;
	font-size:0.8em;
}
.btn-style03{
	position:relative;
	display:inline-block;
	padding:10px 20px 10px 15px;
	font-size:14px;
	color:#222!important;
	text-decoration:none!important;
	border:1px solid #ccc;
	border-radius:5px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.btn-style03:before{
	position:absolute;
	right:5px;
	top:50%;
	margin-top:-0.5em;
	content:"\f054";
	font-family:fontAwesome;
	font-size:0.8em;
}

/* title style */
.title-style01{
	position:relative;
	padding:15px 20px;
	font-size:18px;
	font-weight:normal;
	line-height: 1.2;
	color:#fff;
	background: #1a1a1a url(/tour/campaign/usj/img/2017/bg-dotted01.png) repeat;
}
.title-style01 i{
	margin-right:10px!important;
}

.title-style02{
	margin-bottom:30px;
	overflow:hidden;
}
.title-style02 span{
	display:inline-block;
	position:relative;
	padding-right:15px;
}
.title-style02 img{
	margin:0;
}
.title-style02 span:before{
	position:absolute;
	top:50%;
	left:100%;
	content:"";
	width:400%;
	height:1px;
	background:#dab169;
}
.title-style03{
	position:relative;
	margin-bottom:20px;
	padding:8px 0 8px 45px;
	font-size:16px;
	font-weight:bold;
	color:#ccb277;
	line-height: 1.2;
}
.title-style03:before,
.title-style03:after{
	position:absolute;
	content:"";
}
.title-style03:before{
	top:50%;
	left:0;
	margin-top:-7px;
	width:36px;
	height:15px;
	background:url(/tour/campaign/tdr/img/2017/img-decoration07c.png) no-repeat center center;
	background-size:contain;
}
.title-style03:after{
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background:#ccb277;
}
.title-style04{
	position:relative;
	padding-left:35px;
	line-height: 1.2;
}

.title-style05{
	display: inline-block;
	margin: 0 0 10px 0;
	font-size: 22px;
	position: relative;
	padding-left: 25px;
	line-height: 1.2;
}
.title-style05 span{
	display: block;
}
/*.title-style05 i{
	margin-right:10px!important;
}
.title-style05:before{
	position:absolute;
	bottom:3px;
	left:0;
	content:"";
	display:block;
	width:100%;
	height:2px;
	background:#e96492;
}
.title-style05:after{
	position:relative;
	content:"";
	display:inline-block;
	width:24px;
	height:30px;
	margin-left:10px;
	background:url(/tour/campaign/tdr/img/2017/img-decoration04b.png) no-repeat left top;
	background-size:contain;
}
.title-style05 .en{
	display:inline-block;
	margin-left:20px;
	font-size:14px;
	font-family:Book Antiqua,'メイリオ';
	letter-spacing:0.05em;
	color:#ecb3c6;
}*/
.title-style06 {
    font-size: 18px;
    line-height: 1.6;
    color: #77653c;
    padding:0;
    text-align: center;
    font-weight: bold;
    margin-bottom: 24px;
}

/* attention */
.attention-p{
	font-size:12px!important;
	text-align:right;
	line-height: 1.4!important;
}

.attention-text01{
	font-size:12px!important;
}

/* ボタンリスト */
.btn-area01{
	margin:40px -20px;
	letter-spacing:-0.4em;
	text-align:center;
	line-height: 1.2;
}
.btn-area01 li{
	display:inline-block;
	margin:5px 20px;
	letter-spacing:normal;
}
.btn-area01 a{
	position:relative;
	display:block;
	padding:20px 50px 20px 40px;
	font-size:18px;
	color:#fff!important;
	text-decoration:none!important;
	background:url(/tour/campaign/tdr/img/2017/bg-dotted01.png) repeat;
	border:2px solid #fa5590;
	border-radius:10px;
}
.btn-area01 a:before{
	position:absolute;
	top:2px;
	left:10px;
	content:"";
	display:block;
	width:24px;
	height:30px;
	background:url(/tour/campaign/tdr/img/2017/img-decoration04.png) repeat;
	background-size:contain;
}
.btn-area01 a:after{
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-0.5em;
	content:"\f054";
	font-family:fontAwesome;
	font-size:0.8em;
}



/* ============ スライダーの仕様 ============ */
/* defaultに勝つために */
.slick-slider{
	margin-bottom: 0;
}
.slick-prev,
.slick-next{
	transition:1s!important;
	z-index:9!important;
}
.slick-slider:hover .slick-prev,
.slick-slider:hover .slick-next{
	opacity:1.0!important;
}
.slick-prev{
	left:5px!important;
}
.slick-next{
	right:5px!important;
}
.slick-prev:before,
.slick-next:before{
	color:#333!important;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
}
.slick-prev:before{
	content:"\f053"!important;
}
.slick-next:before{
	content:"\f054"!important;
}

.slick-dots{
	bottom:-20px!important;
}
.slick-dots li{
	width:15px!important;
	height:15px!important;
	margin:0 1px!important;
}
.slick-dots li button{
	width:15px!important;
	height:15px!important;
}
.slick-dots li button:before{
	font-size:15px!important;
	content:"●"!important;
	width:15px!important;
	height:15px!important;
	line-height: 15px!important;
}
.slide-cpn li .text-cpnlink{
	font-size: 12px;
	background:#ef3c4d;
	color: #fff;
	padding: 5px 3px;
	border: 1px solid #fff;
	border-bottom: none;
	border-radius: 4px 4px 0 0;
}
.slide-cpn li:first-child .text-cpnlink{
	background:#ef3c4d;
}
.slide-cpn li:nth-child(2) .text-cpnlink{
	background:#4db8f0;
}
.slide-cpn li:nth-child(3) .text-cpnlink{
	background:#9ba61d;
}
.slide-cpn li:nth-child(4) .text-cpnlink{
	background:#9435b8;
}
.slide-cpn li:nth-child(5) .text-cpnlink{
	background:#f54b6b;
}
.slide-cpn li a:hover{
	text-decoration: none;
}
.slide-cpn li button{
	background: none;
	display: block;
	padding: 0;
	border:none;
}
@media screen and (max-width: 991px) {
	.tdr-section{ padding:40px 0; }
	/* ボタンリスト */
	.btn-area01{
		margin:40px -10px;
	}
	.btn-area01 li{
		margin:5px 10px;
	}
	.btn-area01 a{
		min-width:inherit;
		padding:20px 35px;
		font-size:16px;
	}
}
@media (max-width: 767px) {
	/* background */
	.bg-blue01{
		padding:30px 0;
	}
	.bg-pink01{
		padding:30px 0;
	}
	.bg-lace-white01,
	.bg-lace-blue01,
	.bg-lace-pink01{
		padding:40px 0 30px;
	}
	.bg-lace-white01:before,
	.bg-lace-pink01:before{
		height:31px;
	}
	.bg-lace-white01:before{ background-size:auto 31px; }
	.bg-lace-pink01:before{ background-size:auto 31px; }
	.list-kome > li {
		font-size:12px;
	}

	/* btn style */
	.btn-style01{
		font-size:16px;
	}
	.btn-style02{
		padding:10px 25px 10px 10px;
		font-size:14px;
		border-width:2px;
	}
	.btn-style02:before{
		right:5px;
	}
	.btn-style03{
		padding:10px 20px 10px 15px;
		font-size:12px;
	}
	/* title style */
	.title-style01{
		padding:14px 10px;
		font-size:14px;


	}
	.title-style01:after{
		width:18px;
		height:22px;
		background-size:contain;
	}
	.title-style01 i{
		margin-right:5px!important;
	}
	.title-style04{
		padding-left:0;
	}


	.bg-pink01 .title-style03,
	.bg-blue01 .title-style03{
		color:#77653c;
	}
	.bg-pink01 .title-style03:after,
	.bg-blue01 .title-style03:after{
		background:#77653c;
		opacity:0.8;
	}
	.bg-pink01 .title-style03:before,
	.bg-blue01 .title-style03:before{
		background-image: url(/tour/campaign/tdr/img/2017/img-decoration07d.png);
	}


	.title-style05{
		margin:0 auto 10px;
		padding: 0 0 0 10px;
		font-size:14px;
	}


	.title-style06 {
	    font-size: 14px;
	    margin:0 auto 10px;
	}

	/* attention */
	.attention-p{
		font-size:11px!important;
	}
	.attention-text01{
		font-size:11px!important;
	}

	/* ボタンリスト */
	.btn-area01{
		margin:20px 0;
	}
	.btn-area01 li{
		display:block;
		margin:10px 0;
	}
	.btn-area01 a{
		min-width:inherit;
		padding:10px 20px;
		font-size:14px;
	}
	.btn-area01 a:before{
		left:5px;
		width:12px;
		height:15px;
		background-size:contain;
	}
	.btn-area01 a:after{
		right:5px;
	}
}


/* animation */
.fadein60{
	-webkit-animation:fadein 1.0s normal ease-in-out;
	animation:fadein60 1.0s normal ease;
}
@-webkit-keyframes fadein60{
	0%{ opacity:0; }
	100%{ opacity:0.6; }
}
@keyframes fadein60{
	0%{ opacity:0; }
	100%{ opacity:0.6; }
}




 /* ======================================
03.
        Etc Settings.
========================================= */
.wrap-sticky-search{
	position: sticky;
	padding: 5px 10px;
	background: #0368d9 url(/tour/campaign/usj/img/2017/bg-dotted01.png) repeat top center;
	top: 0;
	z-index: 3;
}
.btn-sticky-search{
	background: #f8689b;
	color: #fff;
	padding: 15px 10px;
	border-radius: 8px;
	display: block;
	text-align: center;
	width: 100%;
	max-width: 736px;
	margin:0 auto;
	border:solid 1px #fff;
	position: relative;
}
.btn-sticky-search:hover{
	text-decoration: none;
	opacity: 0.5;
	color: #fff;
}
.btn-sticky-search span{
	font-size: 16px;
	margin-right: 5px;
}
.btn-sticky-search b{
	font-size: 24px;
}
.btn-sticky-search:after {
	position: absolute;
	content: "\f002";
	font-family: "Font Awesome 5 Free";
	top: 50%;
	left: 20px;
	font-weight: bold;
	font-size: 24px;
	transform: translate(0, -50%);
}
@media (max-width: 767px) {
.btn-sticky-search{
	max-width: 360px;
}
.btn-sticky-search span{
	display: block;
	font-size: 13px;
	margin-right: 0;
}
.btn-sticky-search b{
	display: block;
	font-size: 18px;
}
.btn-sticky-search:after {
	left: 10px;
}
}
/* #local-nav
------------------------------------------*/
#local-nav{
	background: #0368d9 url(/tour/campaign/usj/img/2017/bg-dotted01.png) repeat top center;
	border-bottom: 4px solid #0368d9;
	border-top: 4px solid #0368d9;
}
.list-nav{
	display:flex;
	width:100%;
	border-right: 1px dotted #fff;
	margin-bottom:0;
}
.list-nav li{
	width: 25%;
	vertical-align:middle;
	border-left: 1px dotted #fff;
	display: flex;
}
.list-nav.col-testbox li{
	width: 33.33%;
}
.list-nav.col-testbox li:first-child{
	display: none;
}
.list-nav li a{
	display: flex;
	position:relative;
	width:100%;
	padding:20px 20px 20px 20px;
	line-height: 1.2;
	color:#fff!important;
	text-decoration:none!important;
	font-weight: bold;
	align-items: center;
	justify-content: center;
}
.list-nav li a:after{
	position:absolute;
	top:50%; 
	right: 10px; 
	transform: translate(0, -50%); 
	content:"\f078";
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	font-size:0.6em;
}
.list-nav li a span{
	text-align:center;
	vertical-align:middle;
}
.list-nav li a span small{
	display: block;
	margin-bottom: 5px;
}
.list-nav li a:hover{
	background:rgba(255,255,255,0.1);
}
.list-nav li a span.label-arrival{
	display: block;
	width: 90%;
	background: #fff;
	font-size: 80%;
	color: #dc3545;
	border-radius: 100px;
	line-height: 1;
	padding: 3px 3px 2px 3px;
	margin:0 auto 5px;
}
@media (max-width: 991px) {
	#local-nav .container{
		padding:0;
	}
	.list-nav{
		border:none;
	}
	.list-nav li a{
		font-size:14px;
	}
}
@media (max-width: 767px) {
	#local-nav{
		margin-bottom:0;
		/*position: sticky;
		top: 0;
		z-index: 1022;*/
		border:none;
	}
	#local-nav .container{
		width:100%;
	}
	.list-nav{
		margin:0 auto;
	}
	.list-nav li:first-child{
		border-left: none;
	}
	.list-nav li a{
/*		padding:10px 3px 24px 3px;*/
		padding:5px 3px 17px 3px;
		font-size:12px;
		line-height: 1.4;
	}
	.list-nav li a span{
		width: 100%;
	}
	.list-nav li a:after{
		position: absolute;
		top:auto; 
		right: 50%;
		bottom: 5px;
		transform: translate(0, 0); 
		display: inline-block;
		text-align: center;
	}
	.list-nav li a span.label-arrival{
		margin:0 auto 3px;
	}
}
@media (max-width: 320px) {
	.list-nav li a{
		font-size:11px;
	}
}
/* #news-area
------------------------------------------*/
#news-area{
	position:relative;
	margin:0px 0 20px;
}
#news-area .news-text{
	position:relative;
	padding:10px 60px;
	border:3px solid #e0cea3;
	border-radius:10px;
	overflow:hidden;
	z-index:1;
}
#news-area .news-text:before,
#news-area .news-text:after{
	position:absolute;
	content:"";
	display:block;
	width:62px;
	height:62px;
	background:url(/tour/campaign/tdr/img/2017/img-decoration01.png) no-repeat;
	background-size:contain;
	z-index:-1;
}
#news-area .news-text:before{
	bottom:0;
	left:0;
}
#news-area .news-text:after{
	top:0;
	right:0;
	background-image:url(/tour/campaign/tdr/img/2017/img-decoration02.png);
}
#news-area .ico-news{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:66px;
	height:42px;
	background:url(/tour/campaign/tdr/img/2017/ico-news_pctab.png) no-repeat top left;
	background-size:contain;
	text-indent:-999999px;
	overflow:hidden;
	z-index:2;
}
#news-area .sale-period{
	text-align:center;
	color:#e00000;
}

@media (max-width: 991px) {
}
@media (max-width: 767px) {
	#news-area{
		margin:20px 0 10px;
	}
	#news-area .news-text{
		padding:10px 20px;
		border-radius:5px;
	}
	#news-area .news-text:before{
		width:49px;
		height:49px;
		background-image:url(/tour/campaign/tdr/img/2017/img-decoration06.png);
	}
	#news-area .news-text:before{
		bottom:-2px;
		left:auto;
		right:0;
	}
	#news-area .news-text:after{
		display:none;
	}
	#news-area .ico-news{
		width:44px;
		height:28px;
		background-image:url(/tour/campaign/tdr/img/2017/ico-news_sm.png);
	}
}

/* #information-area
------------------------------------------*/
#information-area{
	width:92%;
	margin-left: auto;
	margin-right: auto;
}
.col-testbox #information-area{
	width:100%;
}
#information-area:after{
	content:"";
	display:block;
	clear:both;
}
#information-area #description-area{
	width:100%;
}

.description-text p{
	font-size:14px;
	line-height: 1.8;
}
.description-text em{
	color:#a1760f;
}
.description-img{
	position:relative;
	margin-bottom:15px;
}
.description-img img{
	position:relative;
	display:block;
	margin:0 auto;
	padding:0 10px;
	background:#faf2dc;
	z-index:2;
}
.description-img:before{
	position:absolute;
	top:50%;
	left:0;
	margin-top:5px;
	content:"";
	display:block;
	width:100%;
	height:1px;
	background:#e0cea3;
}
#information-area #cpn-area > a{
	display:block;
}
#information-area .cpn-bnr2{
	padding:5px 10px;
	letter-spacing:-0.4em;
	text-align:center;
}
#information-area .cpn-bnr2 li{
	display:inline-block;
	width:49%;
	vertical-align:top;
	letter-spacing:normal;
}
#information-area .cpn-bnr2 li:nth-child(2n){
	margin-left:2%;
}
#information-area .onlyone{
    display: flex;
    justify-content: center;
}
#information-area .onlyone li{
    width: 100%;
    text-align: center;
}

/* 背景色つきのsectionに移動するなら */
.bg-pink01 .description-img img,
.bg-blue01 .description-img img,
.bg-pink01 .description-text,
.bg-blue01 .description-text{
	background:#fff;
}
/*div + #information-area{
	margin-top:40px;
}*/
.second-text{
	margin-left: 50px;
	
}

/* slider */
.sp-horizontal .sp-previous-arrow{
	left:10px;
}
.sp-horizontal .sp-next-arrow{
	right:10px;
}
.slide_txt{
	position:absolute;
	bottom:5px;
	left:0;
	width:100%;
	padding:5px 10px;
	font-size:12px;
	line-height: 1.2;
	color:#fff;
	background:rgba(0,0,0,0.6);
}
.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before{
	background:#f8689b;
}
.sp-buttons{
	padding-top:0;
}
.sp-button{
	border:none;
	background:#ccb277;
}
.sp-selected-button{
	background:#f8689b;
}

@media screen and (max-width: 991px) {
	.description-text{
		padding:0 20px 20px;
	}
	.description-text:before{
		display:none;
	}
	.description-img{
		margin-bottom:10px;
	}
	.description-img img{
		width:auto!important;
	}
	/* slider */
	.sp-button{
		width:10px;
		height:10px;
	}
}
@media (max-width: 767px) {
	#information-area{
		width:100%;
	}
	#information-area #description-area{
		float:none;
		margin-left:0;
		padding-left:0;
	}
	.description-text{
		margin-bottom:10px;
		padding:0 10px 10px;
	}
	.description-text p{
		font-size:11px;
	}
	#information-area #cpn-area{
		float:none;
		width:100%;
	}
	#information-area #cpn-area > a{
		margin:0 10px;
	}
	#information-area #cpn-area > a > img{
		width:100%;
	}

	/* 背景色つきのsectionに移動するなら */
	.bg-pink01 #information-area,
	.bg-blue01 #information-area{
		margin:0;
	}
	div + #information-area{
		margin-top:20px;
	}
	.second-text{
	margin-left: 0;
	
}

}


/* #search-area
------------------------------------------*/
#search-area{
	padding-top:30px;
	padding-bottom:0px;
	line-height: 1.2;
}
#search-day{
	float:left;
	width:30%;
	margin-bottom:20px;
}
#search-map{
	float:right;
	width:68%;
	margin-bottom:20px;
}
#search-plan{
	clear:both;
}
.search-box{
	position:relative;
	padding:0 20px 20px;
	background:#fff;
	box-shadow:0 0 4px rgba(0,0,0,0.15);
	border-radius:3px;
	overflow:hidden;
}
.search-box .title-style01{
	margin:0 -20px 20px;
	border-radius:3px 3px 0 0;
}


/* #search-day */
#search-day dt{
	margin:20px 0 5px;
	font-weight:normal;
}
#search-day dt i{
	color:#f8689b;
}
.form-inline{
	margin-bottom: 5px;
}
#search-day .btn-style01{
	margin-top:10px;
}
#search-day select{
	margin:0;
	margin-bottom:5px;
	width: 49%;
	color: #222222;
}
#search-day .btn-select-design-dep-area select,
#search-day .btn-select-design-arriv-area select{
	width: 100%;
}
#search-day select + select{
	margin-left:2%;
}
#search-day .usj_ken{
	width: 100%;
}
#search-day .usj_ken select{
	width: 100%;
}
#search-day .ver-test .usj_ken{
	width: 90%;
}
.detepicker-design{
	display: block;
	margin-left:2%;
	width: 49% !important;
	background: url(/static/img/common/icon/i-nav-day.png) #fff no-repeat 96% 50% !important;
	cursor: pointer;
	margin-bottom: 5px;
}
.ver-test .detepicker-design{
	width: 90% !important;
	background: url(/static/img/common/icon/i-nav-day.png) #fff no-repeat 98% 50% !important;
	margin-left: 0;
}
.text-required{
	font-size: 12px;
	display: inline-block;
	background: #ef3c4d;
	border-radius: 4px;
	padding: 4px 5px 3px;
	line-height: 1;
	color: #fff;
	text-align: center;
	margin: 0 auto;
}
.detepicker-design::placeholder{
	color: #222222;
}
/* #search-map */
.map-img{
	position:absolute;
	top:80px;
	right:10px;
	width:310px;
	height:270px;
	background:url(/tour/campaign/tdr/img/2017/map/all.png) no-repeat center center;
	z-index:1;
}
.map-list{
	position:relative;
	margin:0;
	padding-left:65px;
	font-size:14px;
}
.map-list.kyusyu{ padding-right:320px; }

.map-list:after{
	content:"";
	display:block;
	clear:both;
}
.map-list dt{
	position:absolute;
	top:3px;
	left:0;
	font-weight:normal;
	text-align:center;
}
.map-list dd{
	position:relative;
	float:left;
	margin:0 10px 1px 0;
	padding:2px 0;
	z-index:2;
}
.map-list dt a,
.map-list dd a{
	display:block;
	padding:2px 4px;
	border-radius:5px;
}
.map-list dt a{
	width:52px;
	font-size:13px;
	color:#fff!important;
	text-decoration:none!important;
}
.map-list .on{
	text-decoration:none!important;
	color:#fff!important;
	background:#f8689b;
}
/* color */
.map-list.hokkaido dt a{ background:#007ddb; }
.map-list.tohoku dt a{ background:#4db8f0; }
.map-list.hokushinetsu dt a{ background:#9435b8; }
.map-list.tokai dt a{ background:#ef3c4d; }
.map-list.kansai dt a{ background:#f68732; }
.map-list.chugoku dt a{ background:#9ba61d; }
.map-list.shikoku dt a{ background:#66aa2f; }
.map-list.kyusyu dt a{ background:#f54b6b; }
.map-list.okinawa dt a{ background:#e23be2; }


@media (max-width: 991px) {
	#search-day{
		width:40%;
	}
	#search-map{
		width:57%;
	}
	.map-list dd{
		margin-right:5px;
	}
}
@media (max-width: 767px) {
	#search-day{
		float:none;
		width:100%;
		height:auto;
		margin-bottom: 10px;
	}
	.search-box{
		box-shadow:none;
	    padding: 0;
	    overflow: initial;
	}
	.search-box .title-style01{
		margin:0 0 10px;
	}
	/* #search-day */
	#search-day dt{
		margin:10px 0 5px;
	}
	#search-day .btn-style01{
		margin:10px auto 0;
	}
	#search-day select{
		display: inline-block;
	}
	#search-day .ver-test .usj_ken{
		width: 78%;
	}
	.ver-test .detepicker-design{
		width: 78% !important;
	}
}

/* #search-plan
------------------------------------------*/
.search-plan-list{
	display:table;
	width:100%;
	table-layout:fixed;
}
.search-plan-list li{
	display:table-cell;
	padding:10px;
	font-size:15px;
	line-height: 1.2;
	vertical-align:top;
}
.search-plan-list li > a{
	position:relative;
	display:block;
	color:#6889f5!important;
	text-decoration:none!important;
	vertical-align:middle;
	border-radius:5px;
	border:2px solid #6889f5;
	border-right-width:20px;
}
.search-plan-list li > a:before{
	position:absolute;
	top:50%;
	right:-15px;
	margin-top:-0.5em;
	content:"\f054";
	font-family:fontAwesome;
	font-size:12px;
	color:#fff;
	z-index:2;
}
.search-plan-set{
	line-height: 1.0;
	text-align:center;
	color:#fff;
}
.search-plan-set i{
	margin:0 3%!important;
	vertical-align:middle;
}
.search-plan-set img{
	display:inline-block!important;
	width:auto!important;
	vertical-align:middle;
}
.search-plan-list dt{
	font-weight:normal;
}
.search-plan-icon{
	display:inline-block;
	padding:2px 4px;
	font-size:11px;
	letter-spacing:-0.05em;
	color:#fff;
	background:#6889f5;
	border-radius:5px;
}
.search-plan-list em{
	display:inline-block;
	font-weight:bold;
}
.search-plan-list dd{
	margin-top:10px;
	padding:10px;
	font-size:12px;
	text-align:left;
	color:#222;
	border-top:1px dashed #ccc;
}

/* .column3 */
.search-plan-list.column3 li{
	text-align:center;
}
.search-plan-list.column3 .search-plan-set{
	display:block;
	margin-bottom:10px;
	padding:5px 0;
	font-size:32px;
	background:#134bb2;
}
.search-plan-list.column3 .search-plan-icon{
	margin:0 5px;
	vertical-align:2px;
}
/* .column4 */
.search-plan-list.column4 a{
	padding:20px 0 20px 50px;
}
.search-plan-list.column4 .search-plan-set{
	position:absolute;
	top:50%;
	left:10px;
	display:table;
	margin-top:-15px;
	width:30px;
	height:30px;
	font-size:22px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6889f5+0,2e51cb+100 */
	background: rgb(104,137,245); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(104,137,245,1) 0%, rgba(46,81,203,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(104,137,245,1) 0%,rgba(46,81,203,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(104,137,245,1) 0%,rgba(46,81,203,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6889f5', endColorstr='#2e51cb',GradientType=0 ); /* IE6-9 */
	border-radius:50%;
}
.search-plan-list.column4 .search-plan-set i{
	display:table-cell;
	margin:0!important;
}
.search-plan-list.column4 .search-plan-icon{
	margin-bottom:2px;
}


/* color */
.plan-btn01.color01{
	color:#21aaaa!important;
	border-color:#78e5e5;
	border-right-color:#21aaaa;
}
.plan-btn01.color01 .search-plan-icon{ background:#21aaaa; }
.plan-btn01.color01 .search-plan-set{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#67e1e1+0,15cfcf+100 */
	background: rgb(103,225,225); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(103,225,225,1) 0%, rgba(21,207,207,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(103,225,225,1) 0%,rgba(21,207,207,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(103,225,225,1) 0%,rgba(21,207,207,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67e1e1', endColorstr='#15cfcf',GradientType=0 ); /* IE6-9 */
}

.plan-btn01.color02{
	color:#9d6af0!important;
	border-color:#c697ea;
	border-right-color:#9d6af0;
}
.plan-btn01.color02 .search-plan-icon{ background:#9d6af0; }
.plan-btn01.color02 .search-plan-set{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bf8feb+0,9b67f0+100 */
	background: rgb(191,143,235); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(191,143,235,1) 0%, rgba(155,103,240,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(191,143,235,1) 0%,rgba(155,103,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(191,143,235,1) 0%,rgba(155,103,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf8feb', endColorstr='#9b67f0',GradientType=0 ); /* IE6-9 */
}

.plan-btn01.color03{
	color:#fc6ea3!important;
	border-color:#fea8c7;
	border-right-color:#fc6ea3;
}
.plan-btn01.color03 .search-plan-icon{ background:#fc6ea3; }
.plan-btn01.color03 .search-plan-set{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feaecb+0,fc6aa0+100 */
	background: rgb(254,174,203); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(254,174,203,1) 0%, rgba(252,106,160,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(254,174,203,1) 0%,rgba(252,106,160,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(254,174,203,1) 0%,rgba(252,106,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feaecb', endColorstr='#fc6aa0',GradientType=0 ); /* IE6-9 */
}

.plan-btn01.color04{
	color:#7ab24c!important;
	border-color:#75b93c;
}
.plan-btn01.color04 .search-plan-icon{ background:#75b93c; }
.plan-btn01.color04 .search-plan-set{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#86c254+0,588732+100 */
	background: rgb(134,194,84); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(134,194,84,1) 0%, rgba(88,135,50,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(134,194,84,1) 0%,rgba(88,135,50,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(134,194,84,1) 0%,rgba(88,135,50,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86c254', endColorstr='#588732',GradientType=0 ); /* IE6-9 */
}

.plan-btn01.color05{
	color:#ea8900!important;
	border-color:#f5a200;
}
.plan-btn01.color05 .search-plan-icon{ background:#ea8900; }
.plan-btn01.color05 .search-plan-set{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9aa00+0,ff7f00+100 */
	background: rgb(249,170,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(249,170,0,1) 0%, rgba(255,127,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(249,170,0,1) 0%,rgba(255,127,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(249,170,0,1) 0%,rgba(255,127,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9aa00', endColorstr='#ff7f00',GradientType=0 ); /* IE6-9 */
}

.plan-btn01.color06{
	color:#1ba9a6!important;
	border-color:#1ba9a6;
}

.plan-btn01.color06 .supplement{
 	font-size: 0.875em;
}

.plan-btn01.color06 .search-plan-icon{ background:#1ba9a6; }
.plan-btn01.color06 .search-plan-set{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9aa00+0,ff7f00+100 */
	background: rgb(27,169,166); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(27,169,166,1) 0%, rgba(27,169,166,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(27,169,166,1) 0%,rgba(27,169,166,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(27,169,166,1) 0%,rgba(27,169,166,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='1ba9a6', endColorstr='1ba9a6',GradientType=0 ); /* IE6-9 */
}

@media (max-width: 1199px) {
	.search-plan-list li{
		padding:5px;
		font-size:13px;
	}
	/* .column3 */
	.search-plan-list.column3 .search-plan-set{
		font-size:24px;
	}
}
@media (max-width: 991px) {
	/* .column4 */
	.search-plan-list.column4 a{
		padding:40px 0 5px 10px;
	}
	.search-plan-list.column4 .search-plan-set{
		position:absolute;
		top:5px;
		left:50%;
		margin:0 0 0 -15px;
	}
}
@media (max-width: 767px) {
	.search-plan-title{
		margin-bottom:5px;
		font-size:12px;
		font-weight:bold;
	}
	.search-plan-title i{
		margin-left:0;
		color:#f8689b;
	}
	.search-plan-list{
		display:block;
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom:1px dashed #ccc;
	}
	.search-plan-list:last-child{
		margin-bottom:0;
		padding-bottom:0;
		border-bottom:none;
	}
	.search-plan-list li{
		display:block;
		padding:0;
		font-size:13px;
	}
	.search-plan-list li > a{
		position:relative;
		display:table;
		width:100%;
		text-decoration:none!important;
		line-height: 1.2;
/* iPhoneでtable-cellの左端に余白ができるバグを回避 */
		border:none!important;
		border-radius:0;
	}
	.search-plan-list li > a:before{
		position:absolute;
		top:50%;
		right:5px;
		margin-top:-0.5em;
		content:"\f054";
		font-family:fontAwesome;
		font-size:10px;
		color:#134bb2;
	}
	.search-plan-list li > a > span{
		display:table-cell;
		vertical-align:middle;
		border-bottom:1px solid #ccc!important;
	}
	.search-plan-list li:first-child > a > span{
		border-top:1px solid #ccc!important;
	}
	.search-plan-set{
		width:40px;
		padding:0 2px;
		text-align:center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6889f5+0,2e51cb+100 */
	background: rgb(104,137,245); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(104,137,245,1) 0%, rgba(46,81,203,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(104,137,245,1) 0%,rgba(46,81,203,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(104,137,245,1) 0%,rgba(46,81,203,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6889f5', endColorstr='#2e51cb',GradientType=0 ); /* IE6-9 */
		border-left:1px solid #ccc!important;
	}
	.ticket-set .search-plan-set{
		width:65px;
	}
	.search-plan-set i{
		margin:0!important;
	}
	.search-plan-set i + i{
		margin-left:5px!important;
	}
	.search-plan-set img{
		width:16px!important;
	}
	.search-plan-set + span{
		padding:10px 20px 10px 5px;
		border-right:1px solid #ccc!important;
	}

	/* color */
	a.plan-btn01.color01:before{ color:#611dd2!important; }
	a.plan-btn01.color02:before{ color:#e20c2f!important; }
	a.plan-btn01.color03:before{ color:#0c9419!important; }
	a.plan-btn01.color04:before{ color:#ff2fa4!important; }
	a.plan-btn01.color05:before{ color:#ff8a00!important; }
}

.link-reservehowto{
	text-align: center;
	margin-top: 15px;
	padding: 5px 0 15px 0;
	text-align: center;
}
.link-reservehowto a{
	display: inline-block;
	text-align: center;
	padding: 10px 15px;
	background: #fff;
	border-radius: 100px;
	box-shadow: 0 0 8px rgba(0,0,0,0.15);
	font-weight: bold;
}


/* setplan部分 common
------------------------------------------*/
.lead-box01{
	position:relative;
	margin:20px auto 20px;
	padding:20px;
	background:#ffeff5;
}
.lead-box01 p{
	font-size:14px;
	line-height: 1.8;
}
.lead-box01 em{
	color:#e00000;
	font-style:normal;
}
.lead-box01:before,
.lead-box01:after{
	position:absolute;
	content:"";
	display:block;
	width:0;
	height:0;
	border-style:solid;
}
.lead-box01:before{
	top:0;
	left:0;
	border-color:#fff transparent transparent transparent;
	border-width:20px 20px 0 0;
}
.lead-box01:after{
	bottom:0;
	right:0;
	border-color:transparent transparent #fff transparent;
	border-width:0 0 20px 20px;
}
.lead-box02{
	position:relative;
	margin:0px auto 10px;
	padding:0 10px;
}
.lead-box02 p{
	font-size:14px;
	line-height: 1.8;
}
.lead-box02 em{
	color:#e00000;
	font-style:normal;
}
.lead-box03{
	margin:0px auto 10px;
}
.lead-box03 p{
	font-size:16px;
	line-height: 1.6;
}
@media (max-width: 767px) {
	.lead-box01{
		margin:20px auto 30px;
		padding:15px;
	}
	.lead-box01 p{
		font-size:12px;
	}
	.lead-box02{
		margin:10px auto 10px;
		padding:5px;
	}
	.lead-box02 p{
		font-size:14px;
	}
}




/* color */
.bg-pink01 .lead-box01{ background:#fff; }
.bg-pink01 .lead-box01:before{ border-top-color:#ffeaf2; }
.bg-pink01 .lead-box01:after{ border-bottom-color:#ffeaf2; }

.bg-blue01 .lead-box01{ background:#cef1f1; }
.bg-blue01 .lead-box01:before{ border-top-color:#d8ffff; }
.bg-blue01 .lead-box01:after{ border-bottom-color:#d8ffff; }


/* tourとhotel　common style
------------------------------------------*/
.setplan-title-wrap{
	position:relative;
	padding:12px 10px 10px 95px;
	color:#fff;
	line-height: 1.2;
	background: #0082bf url(/tour/campaign/usj/img/2017/bg-dotted01.png) repeat;
	border-radius:10px 10px 0 0;
}
.setplan-title-wrap:after{
	content:"";
	display:block;
	clear:both;
}
.setplan-info{
	padding:20px;
}
.setplan-info p{
	font-size:14px;
	line-height: 1.8;
}
.setplan-info p em{
	color:#e00000;
}
.setplan-price{
	display:table;
	width:100%;
	margin:20px 0 0;
	text-align:right;
	border-top:1px dashed #ccc;
}
.setplan-price dt,
.setplan-price dd{
	display:table-cell;
	vertical-align:bottom;
	padding-top:10px;
	font-size:12px;
	font-weight:normal;
	line-height: 1.4;
}
.setplan-price em{
	display:inline-block;
}
.setplan-price dd{
	padding-left:10px;
	font-size:14px;
	color:#e00000;
}
.setplan-price dd span{
	display:inline-block;
}
.per-person{
	display:block;
	margin-bottom:2px;
	color:#222;
	font-size:12px;
}
.price_inset_mc{
	white-space:nowrap;
}
.price-text{
	display:inline-block;
	margin:-5px 4px;
	font-size:28px;
}
.setplan-search{
	padding:20px 20px 10px;
	text-align:center;
	background:#ffeaf2;
	/*border:4px solid #d45280;*/
}
.setplan-search .usj_ken,
.setplan-search .usj_ken-manual{
	display:inline-block;
	vertical-align:middle;
}
.setplan-search button.btn-style01{
	display:inline-block;
	min-width:120px;
	margin:0;
	padding:8px 30px 8px 10px;
	font-size:16px;
	vertical-align:middle;
}
.search-attention{
	position:relative;
	margin-top:15px;
	padding-left:1em;
	text-align:left;
	font-size:12px;
	line-height: 1.6;
}
.search-attention:before{
	position:absolute;
	top:0;
	left:0;
	content:"※";
}
.search-attention em{
	color:#e00000;
}

@media (max-width: 991px) {
	.setplan-price dt,
	.setplan-price dd{
		display:block;
		padding-top:10px;
		font-size:11px;
	}
	.setplan-search{
		padding:15px;
	}
	.search-attention{
		font-size:11px;
	}
}
@media (max-width: 767px) {
	.setplan-title-wrap{
		padding:10px 10px 8px 80px;
		border-radius:0;
	}
	.setplan-title-wrap .collapse-btn{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}

	.setplan-info{
		padding:15px 15px 1px;
	}
	.setplan-info p{
		font-size:12px;
	}
	.setplan-price{
		margin-top:15px;
	}
	.setplan-price dd{
		font-size:11px;
	}
	.per-person{
		font-size:10px;
	}
	.price-text{
		font-size:18px;
	}
	.setplan-search{
		margin-top:10px!important;
		padding:10px;
	}
	.setplan-search .usj_ken,
	.setplan-search .usj_ken-manual{
		max-width:400px;
		width:100%;
	}
	.setplan-search .usj_ken select,
	.setplan-search .usj_ken-manual select{
		margin:0;
		border-radius:0;
	}
	.setplan-search button.btn-style01{
		display:inline-block;
		min-width:inherit;
		max-width:400px;
		width:100%;
		border-radius:4px;
	}
	.search-attention{
		margin-top:10px;
		font-size:10px;
	}
}




/* #hotelset-area
------------------------------------------*/
#hotelset-area{
	margin-bottom: 24px;
}
.hotelset-box > li:after{
	content:"";
	display:block;
	clear:both;
}
.hotelset-box > li{
	position:relative;
	padding:20px 40px;
	background:#fff;
	border:2px solid #fff;
	border-radius:10px;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.2), 0 0 1px 0 #ccb277 inset;
}
.hotelset-box > li + li{
	margin-top:30px;
}
#hotelset-area .setplan-title-wrap{
	margin:-20px -40px 30px;
}
.hotel-logo,
.plan-logo{
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 12px;

	width: 100px;
	height: 100px;
}
.hotel-logo{
	border:solid 4px #0082bf;
}
.hotelset-title{
	display:inline-block;
	margin:10px 0;
	font-size:22px;
}
.hotelset-title span{
	display:inline-block;

}
.hotelset-ico{
	float:right;
	display:inline-block;
	padding:5px 10px;
	font-size:12px;
	color:#fff;
	background:#b9923b;
	border-radius:5px;
}
.hotelset-img{
	float:left;
	width:400px;
	height:auto;
}
.hotelset-img .slick-slide{
	font-size:12px;
	color:#fff;
	background:#222;
	line-height: 1.2;
}
#hotelset-area .setplan-info{
	margin-bottom:0px;
	padding:0;
}
.hotel-name{
	display:block;
	padding:5px 10px;
}
.hotelset-detail,
.hotelset-search{
	width:100%;
	/*float:right;
	margin-left:-430px;
	padding-left:430px;*/
}
/*.hotelset-detail{
	margin-bottom: 24px;
}*/

@media (max-width: 1199px) {
	.hotelset-detail .setplan-price dt,
	.hotelset-detail .setplan-price dd{
		display:block;
		padding-top:10px;
		font-size:11px;
	}
	.hotelset-detail .setplan-price dd{
		padding-top:5px;
	}
	.hotelset-detail .per-person{
		display:inline-block;
	}
}
@media (max-width: 991px) {
	.hotelset-title{
		font-size:18px;
	}
	.hotelset-img{
		float:none;
		margin:0 auto;
	}
	.hotelset-img .slick-slide{
		font-size:11px;
	}
	.hotelset-detail,
	.hotelset-search{
		float:none;
		margin-left:0;
		padding-left:0;
	}
	.hotelset-detail .per-person{
		padding:2px 5px;
		color:#fff;
		font-size:11px;
		background:#b9923b;
		vertical-align:3px;
	}

}
@media (max-width: 767px) {
	.hotelset-box > li{
		padding:0;
		background:transparent;
		border:none;
		box-shadow:none;
	}
	.hotelset-box > li + li{
		margin-top:12px;
	}
	#hotelset-area .setplan-title-wrap{
		margin:0 0 15px;
	}
	.hotel-logo,
	.plan-logo{
		left:10px;
		width:60px;
		height:auto;
	}
	.hotel-logo{
		border: solid 2px #0082bf;
	}
	.hotelset-title{
		margin:5px 0;
		font-size:14px;
	}
	.hotelset-ico{
		float:none;
		font-size:10px;
	}
	.hotelset-img{
		float:none;
		width:auto;
		padding-top:0;
	}
}




/* #tourset--area
------------------------------------------*/
.tourset-box:after{
	content:"";
	display:block;
	clear:both;
}
.tourset-box > li{
	position:relative;
	float:left;
	width:49%;
	margin-bottom:40px;
	background:#fff;
	border-radius:10px;
	border:2px solid #fff;
	box-shadow:0 0 15px 0 rgba(0,0,0,0.1);
}
.tourset-box > li:nth-child(2n){
	float:right;
}
.tourset-icon{
	margin-bottom:0px;
	padding-left: 25px;
	text-align:left;
	letter-spacing:-0.4em;
}
.tourset-icon > li{
	display:inline-block;
	letter-spacing:normal;
	line-height: 1.0;
	vertical-align:top;
}
.tourset-icon span{
	display:block;
	margin:2px;
	padding:4px 5px;
	font-size:12px;
	color:#fff;
	background:#b9923b;
	border-radius:3px;
}
li.tourset-stay{
	position:absolute;
	top:-5px;
	left:5px;
	width:80px;
	height:80px;
}
.tourset-stay > span{
	display:none;
}
.tourset-title{
	font-size:21px;
}
.tourset-title span{
	display:inline-block;
	color:#ef5790;
}
.tourset-img{
	display:block;
	max-width:400px!important;
	height: auto;
	margin:0 auto 20px!important;
}
.tourset-img img{
	border-radius:8px;
}
.tourset-img img + img{
	margin-top:5px!important;
}
.tourset-search{
	padding:0 20px 20px;
}

@media (max-width: 991px) {
	#tourset-area .setplan-title-wrap{
		padding-left:70px;
	}
	.tourset-title{
		font-size:16px;
	}
	.tourset-icon span{
		font-size:11px;
	}
	li.tourset-stay{
		width:60px;
		height:auto;
	}
	.tourset-img{
		max-width:100%!important;
		margin:0 auto 10px!important;
	}
	.tourset-img img{
		border-radius:5px;
	}
	.tourset-search .setplan-search select{
		min-width:240px;
		border-radius:0;
	}
	.tourset-search .setplan-search button{
		min-width:240px;
		border-radius:0;
	}
}
@media (max-width: 767px) {
	.tourset-box > li{
		float:none!important;
		width:100%;
		margin-bottom:0;
		border:none;
		border-top:1px solid #f68d9c;
		border-bottom:1px solid #c34c5a;
		border-radius:0;
		box-shadow:none;
	}
	.tourset-box > li:last-child{
		border-bottom:none;
	}
	#tourset-area .setplan-title-wrap{
		border:none;
		padding:0 30px 0 0;
		background:#018ad8 url(/tour/campaign/tdr/img/2017/bg-dotted01.png) repeat;
	}
	.tourset-title{
		margin-left:10px;
		padding-bottom:10px;
		color:#fff;
		font-size:14px;
	}
	.tourset-title:before{
		background-image: url(/tour/campaign/tdr/img/2017/img-decoration05b.png);
	}
	.tourset-title span{
		color:#ffff00;
	}
	.tourset-icon{
		margin-bottom:0;
		padding:0 0 0 10px;
	}
	.tourset-icon span{
		margin:1px;
		padding:2px 2px;
		font-size:9px;
		color:#e96492;
		background:#ffff00;
	}
	li.tourset-stay{
		position:static;
		width:auto;
	}
	li.tourset-stay img{
		display:none;
	}
	.tourset-stay > span{
		display:block;
	}
	.tourset-search{
		padding:0 15px 20px;
	}
}




/* #reccomend-area
------------------------------------------*/
.comming-soom{
	font-size:20px;
	text-align:center;
	color:#e00000;
}
.reccomend-box li{
	position:relative;
	margin-top:20px;
	padding:20px;
	background:#fff;
	border-left:4px solid #b9923b;
	box-shadow:0 0 3px rgba(0,0,0,0.15);
}
.ico-pickup{
	position:absolute;
	top:10px;
	left:5px;
	width:auto!important;
	z-index:4;
}
.reccomend-box a{
	display:table;
	width:100%;
	color:#222!important;
	text-decoration:none!important;
}
.reccomend-box .ico-pickup + a{
	padding-left:10px;
}
.reccomend-box a > div{
	display:table-cell;
	vertical-align:middle;
}
.reccomend-img{
	width:200px;
}
.reccomend-img img{
	width:100%;
}
.reccomend-text{
	padding:0 20px;
	font-size:14px;
	line-height: 1.4;
}
.reccomend-title{
	font-size:20px;
	margin-top:0;
	margin-bottom:10px;
	padding-bottom:10px;
	line-height: 1.4;
	color:#f8689b;
	border-bottom:1px solid #ccb277;
}
.reccomend-ex{
	position:relative;
	width:275px;
	padding:10px 20px 10px 10px;
	font-size:12px;
	line-height: 1.2;
	border:3px solid #f7a414;
	border-radius:10px;
}
.reccomend-ex:before{
	position:absolute;
	top:50%;
	right:5px;
	margin-top:-0.5em;
	content:"\f054";
	color:#f7a414;
	font-family:fontAwesome;
	font-size:12px;
}
.reccomend-ex dt{
	margin-bottom:5px;
	padding-bottom:5px;
	font-weight:normal;
	border-bottom:1px dashed #ccc;
}
.reccomend-price{
	margin-bottom:-5px;
	font-size:16px;
	font-weight:bold;
	color:#f7a414;
	text-align:right;
}
.reccomend-price span span{
	font-size:30px;
}
@media (max-width: 991px) {
	.comming-soom{
		font-size:18px;
	}
	.ico-pickup{
		top:-10px;
	}
	.reccomend-box .ico-pickup + a{
		padding-left:0;
	}
	.reccomend-text{
		font-size:12px;
	}
	.reccomend-title{
		font-size:14px;
	}
	.reccomend-ex{
		width:200px;
	}
	.reccomend-price{
		font-size:14px;
	}
	.reccomend-price span span{
		font-size:26px;
	}
}
@media (max-width: 767px) {

	.slider-pro{
		margin-bottom:10px;
	}
	.comming-soom{
		font-size:14px;
	}
	
	#search-area{
		padding-top:20px;
	}
	.reccomend-box li{
		margin-top:10px;
		padding:10px;
		border:1px solid #b9923b;
		box-shadow:none;
	}
	.ico-pickup{
		display:none!important;
	}
	.reccomend-box a{
		display:block;
	}
	.reccomend-box a > div{
		display:block;
	}
	.reccomend-img{
		float:left;
		width:100%;
		margin-bottom:10px;
	}
	.reccomend-text{
		float:right;
		text-align:center;
		width:100%;
		padding:0 0 0 0px;
		font-size:14px;
	}
	.reccomend-title{
		margin-bottom:10px;
		padding-bottom:0;
		line-height: 1.2;
		border-bottom:none;
	}
	.reccomend-text p{
		display:none;
	}
	.reccomend-ex{
		clear:both;
		width:100%;
		padding:10px 20px 10px 10px;
		border-width:2px;
		border-radius:5px;
	}
	.reccomend-ex dt{
		margin-bottom:0;
		padding-bottom:0;
		border-bottom:none;
	}
	.reccomend-price span span{
		font-size:18px;
	}

}



/* #first-area
------------------------------------------*/
#first-area{
	margin-bottom:0px;
	padding-bottom:0px;
}
.first-box:after{
	content:"";
	display:block;
	clear:both;
}
.first-box li{
	float:left;
	width:49%;
}
.first-box li:nth-child(2n){
	float:right;
}
.first-box li > a{
	position:relative;
	display:block;
	padding:20px 25px 20px 20px;
	color:#222!important;
	text-decoration:none!important;
	background:#fff;
	border:4px solid #ffeaf2;
}
.first-box li > a:before{
	position:absolute;
	top:50%;
	right:5px;
	margin-top:-0.5em;
	content:"\f054";
	font-family:fontAwesome;
	font-size:12px;
	color:#e96492;
}
.first-box li > a:after{
	content:"";
	display:block;
	clear:both;
}
.img-first{
	float:left;
	width:90px;
}
.first-text{
	float:right;
	width:100%;
	margin-left:-110px;
	padding-left:110px;
}
.first-text p{
	font-size:12px;
	line-height: 1.8;
}
.first-title{
	margin:5px 0 10px;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
	line-height: 1.2;
	color:#e96492;
	border-left:4px solid #e96492;
}

@media (max-width: 991px) {
	.first-box li > a{
		padding:15px 18px 15px 15px;
	}
	.img-first{
		width:45px!important;
	}
	.first-text{
		margin-left:-60px;
		padding-left:60px;
	}
}
@media (max-width: 767px) {
	#first-area{
		margin-bottom:0;
	}
	#first-area .title-style05{
		margin-bottom:0;
	}
	.first-box{
		margin:0 -15px;
	}
	.first-box li{
		float:none!important;
		width:100%;
	}
	.first-box li > a{
		height:auto!important;
		padding:10px 20px 10px 10px;
		background:#e96492 url(/tour/campaign/tdr/img/2017/bg-dotted01.png) repeat;
		border:none;
		border-top:1px solid rgba(255,255,255,0.4);
	}
	.first-box li > a:before{
		margin-top:-0.6em;
		font-size:10px;
		color:#fff;
	}
	.img-first,
	.first-text p{
		display:none!important;
	}
	.first-text{
		float:none;
		width:100%;
		margin-left:0;
		padding-left:0;
	}
	.first-title{
		margin:0;
		padding-left:0;
		font-size:14px;
		font-weight:normal;
		color:#fff;
		border-left:none;
	}
}

/* #departureList-area
------------------------------------------*/
#departureList-area{
	display:none;
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
	#departureList-area{
		display:block;
		margin-bottom:60px;
	}
	.departure-list{
		line-height: 1.0;
		text-align:left;
		letter-spacing:-0.4em;
		margin-bottom:0;
	}
	.departure-list dt,
	.departure-list dd{
		display:inline-block;
		margin-bottom:8px;
		margin-right:10px;
		padding:3px 10px;
		line-height: 1.0;
		letter-spacing:normal;
	}
	.departure-list dt{
		font-weight:normal;
		background:#e96492;
		border-radius:5px;
	}
	.departure-list dd{
		position:relative;
		padding-left:0;
	}
	.departure-list dd:before{
		position:absolute;
		top:50%;
		right:0;
		margin-top:-0.5em;
		content:"";
		display:inline-block;
		width:1px;
		height:1em;
		background:#ccc;
	}
	.departure-list dd:last-child:before{
		display:none;
	}
	.departure-list a{
		display:inline-block;
	}
	.departure-list dt a{
		position:relative;
		color:#fff!important;
		text-decoration:none;
	}
	.departure-list dt a:before{
		padding-right:5px;
		content:"\f041";
		font-family:fontAwesome;
	}
}




 /* ======================================
04.
        下層　共通部分
		※bodyにlowerを追加すること

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


/* メイン画像下テキスト部分
------------------------------------------*/
.lower-lead01{
	margin:20px auto;
	padding:15px;
	text-align:center;
	background:#f9b84e;
	border:4px solid #f9b84e;
	box-shadow:0 0 0 1px #fff inset;
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
	/* メイン画像下テキスト部分 */
	.lower-lead01{
		margin:10px 0;
		padding:10px;
		font-size:12px;
		border-width:2px;
	}
}


/* 下層 .lower-lead-box
------------------------------------------*/
.lower-lead-box{
	position:relative;
	padding:20px;
	background:#faf2dc;
}
.lower-lead-catch{
	margin:0 0 15px;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	line-height: 1.2;
	color:#e00000;
}
.lower-lead-box p{
	text-align:center;
	font-size:14px;
	line-height: 1.8;
}
.lower-lead-box em{
	color:#e00000;
}

@media (max-width: 991px) {
}
@media (max-width: 767px) {
	.lower-lead-box{
		padding:30px 15px 15px;
	}
	.lower-lead-catch{
		margin-bottom:10px;
		font-size:16px;
	}
	.lower-lead-box p{
		font-size:12px;
		text-align:left;
	}
}

/* キャンペーンプランセット内容部分
------------------------------------------*/
.lower-set01{
	position:relative;
	display:table;
	width:100%;
	margin:20px 0;
	border:4px solid #f46a0e;
}
.lower-set01:before,
.lower-set01:after{
	position:absolute;
	content:"";
	display:block;
	width:45px;
	height:29px;
	background:url(/tour/campaign/tdr/img/2017/img-ribbon01.png) no-repeat top left;
	background-size:contain;
}
.lower-set01:before{
	top:-4px;
	left:-4px;
}
.lower-set01:after{
	bottom:-4px;
	right:-4px;
	background-image:url(/tour/campaign/tdr/img/2017/img-ribbon02.png);
	background-position:bottom right;
}
.lower-set01 dt,
.lower-set01 dd{
	display:table-cell;
	vertical-align:middle;
	padding:10px 20px;
	line-height: 1.2;
}
.lower-set01 dt{
	font-size:18px;
	font-weight:normal;
	color:#fff;
	text-align:center;
	background:#f46a0e url(/tour/campaign/tdr/halloween/img/img-decoration01.png) no-repeat top right;
	border-right:4px solid #f46a0e;
}
.lower-set01 .set-ico{
	text-align:center;
	font-size:36px;
	color:#f8689b;
	white-space:nowrap;
	border-right:1px dashed #ccc;
}
.lower-set01 .set-ico img{
	display:inline-block!important;
	width:44px!important;
}
@media (max-width: 991px) {
	.lower-set01 dt{
		font-size:16px;
	}
	.lower-set01 .set-ico{
		font-size:30px;
	}
	.lower-set01 .set-ico img{
		width:38px!important;
	}
}
@media (max-width: 767px) {
	.lower-set01{
		display:block;
		margin:10px 0;
		border-width:2px;
	}
	.lower-set01:before,
	.lower-set01:after{
		width:23px;
		height:15px;
	}
	.lower-set01:before{
		top:-2px;
		left:-2px;
	}
	.lower-set01:after{
		bottom:-2px;
		right:-2px;
	}
	.lower-set01 dt,
	.lower-set01 dd{
		display:block;
		padding:8px 10px;
		text-align:center;
	}
	.lower-set01 dt{
		font-size:14px;
		background-size:11px auto;
		border-right:none;
	}
	.lower-set01 .set-ico{
		font-size:24px;
		border:none;
		border-bottom:1px dashed #ccc;
	}
	.lower-set01 .set-ico img{
		width:30px!important;
	}
}



/* 下層ボタンリスト
------------------------------------------*/
.lower-departure01 li a{
	position:relative;
	display:block;
	padding:10px 20px;
	font-size:20px;
	line-height: 1.2;
	color:#222!important;
	text-decoration:none!important;
	border:1px solid #ccc;
	border-top:none;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.lower-departure01 li a:before{
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-0.5em;
	content:"\f054";
	font-family:fontAwesome;
	font-size:12px;
	color:#f8689b;
}
.lower-departure01 li:first-child a{
	border-top:1px solid #ccc;
	border-radius:5px 5px 0 0;
}
.lower-departure01 li:last-child a{
	border-radius:0 0 5px 5px;
}

@media (max-width: 991px) {
}
@media (max-width: 767px) {
	/* ボタンリスト */
	.lower-departure01 li a{
		padding:10px 20px;
		font-size:14px;
	}
	.lower-departure01 li a:before{
		right:5px;
	}
}



/* 下層　#largemap-area
------------------------------------------*/
.largemap-box{
	position:relative;
	margin:40px auto;
	padding:40px;
	border:6px solid #e00000;
}
.largemap-box .map-img{
	position:absolute;
	top:50px;
	right:40px;
	width:420px;
	height:366px;
	background:url(/tour/campaign/tdr/img/common/map/all.png) no-repeat top left;
	background-size:contain;
}
.largemap-box .map-img img{
	max-width:100%!important;
}
#largemap-area .map-list{
	padding-left:100px;
	font-size:20px;
}
#largemap-area .map-list + .map-list{
	margin-top:10px;
}
#largemap-area .map-list dt a{
	width:80px;
	font-size:18px;
	color:#fff!important;
	text-decoration:none!important;
}
#largemap-area .map-list.kyusyu{
	padding-right:0;
}

@media (max-width: 991px) {
}
@media (max-width: 767px) {
	.largemap-box{
		margin:15px auto;
		padding:15px;
		border-width:3px;
	}

	#largemap-area .map-list{
		padding-left:70px;
		font-size:14px;
	}
	#largemap-area .map-list + .map-list{
		margin-top:5px;
	}
	#largemap-area .map-list dt a{
		width:60px;
		font-size:14px;
	}
}




/* 共通下層footer
------------------------------------------*/
.lower #search-area{
	padding:40px 0 0;
}
.lower-title01{
	margin:60px auto 20px;
	text-align:center;
	overflow:hidden;
}
.lower-title01 span{
	position:relative;
	display:inline-block;
}
.lower-title01 span:before,
.lower-title01 span:after{
	position:absolute;
	top:50%;
	content:"";
	display:block;
	width:400%;
	height:1px;
	background:#c59a30;
}
.lower-title01 span:before{
	left:100%;
}
.lower-title01 span:after{
	right:100%;
}
.lower-title02{
	margin:60px auto 20px;
	font-size:42px;
	line-height: 1.2;
	color:#f8689b;
	text-align:center;
	overflow:hidden;
}
.lower-title02 span{
	position:relative;
	display:inline-block;
	padding:0 20px;
}
.lower-title02 span:before,
.lower-title02 span:after{
	position:absolute;
	top:50%;
	content:"";
	display:block;
	width:400%;
	height:1px;
	background:#f8689b;
}
.lower-title02 span:before{
	left:100%;
}
.lower-title02 span:after{
	right:100%;
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
	.lower-title01{
		margin:30px auto 10px;
	}
	.lower-title01 span:before,
	.lower-title01 span:after{
		display:none;
	}
	.lower-title02{
		margin:30px auto 20px;
		font-size:22px;
	}
	.lower-title02 span{
		padding:0 10px;
	}
	.lower #information-area .cpn-bnr2{
		margin-bottom:10px;
	}
	.lower #search-area{
		margin:0 auto;
		padding:20px 0;
	}
}



/* キャンペーン終了対応
------------------------------------------*/
.cpn-end-box{
	width:100%;
	padding:20px;
	text-align:center;
	color:#e70404;
	box-shadow:0 30px 10px -30px rgba(0,0,0,0.2) inset;
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
	.cpn-end-box{
		font-size:12px;
	}
}


@media only screen and (min-width : 768px) and (max-width : 991px) {
/* タブレット用 */
	#search-map .kyusyu {
	    padding-right: 0px;
	}
}



.pickup-area{
	background: #dfe1fc;
	position: relative;
	padding: 4px 4px;
	margin-top: 20px;
	border-radius: 5px;
}
.label-area{
	text-align: center;
	width: 100%;
	position: absolute;
	top: -6px;
	left: 0;
	z-index: 1;
}
.label-area span{
	background:#896a98;
	color: #fff;font-size: 12px;padding: 3px 8px;border-radius: 4px;
}
.pickup-area ul{
	margin:0;
	padding: 0;
}
.pickup-area li{
	margin:0;
	padding: 0;
	float: left;
	width: 50%;
}
.pickup-area li:first-child{
	border-right: 1px dotted #896a98;
}
.pickup-area li a{
	color: #896a98 !important;
	display: block;
	font-size: 16px;
	padding: 18px 10px 15px 10px;
	border-top: 2px solid #896a98;
}
.pickup-area li a:hover{
	color: #896a98 !important;
	text-decoration: underline;
}
@media (max-width: 767px) {
.pickup-area li a{
	color: #896a98 !important;
	display: block;
	font-size: 16px;
	padding: 25px 10px 10px 10px;
}
}
.min-pickup-area{
	background:#dfe1fc;margin-bottom: 10px;padding: 10px 10px;border-radius: 5px;
}
.min-pickup-area span{
	background:#896a98;color: #fff;font-size: 11px;padding: 3px 8px;border-radius: 4px;margin-right: 5px;
}
.min-pickup-area a{
	color: #896a98 !important;
	margin-right: 12px;
}
.min-pickup-area a:last-child{
	margin-right:0;
}
.min-pickup-area a i{
	font-size: 11px;
}


/* .simple-cpn-area　テキストボタンだけのキャンペーンの場合
------------------------------------------*/
.simple-cpn-area{
	margin:20px auto;
	padding:20px;
	font-weight:bold;
	font-size:22px;
	line-height: 1.2;
	color:#e00000!important;
	text-align:center;
	text-decoration:none!important;
	background:#fff;
	border:2px solid #e00000;
	/*border:2px solid #8fc400;*/
	border-radius: 0 0 5px 5px;
	background: #ffeff5;
}
.simple-cpn-area:first-child{
	margin-top:20px;
}
.simple-cpn-area p{
	font-size:22px;
}
/*#content-wrap .simple-cpn-area a{
	color: #2b3e00;
	margin-bottom: 5px;
	margin-left:15px;
	margin-right: 15px;
}*/
#content-wrap .simple-cpn-area a:last-child{
	margin-bottom: 0px;
}
.simple-cpn-sub-text{
	font-size:16px;
}
.simple-cpn-btn{
	display:block;
	margin:40px auto;
	padding:20px;
	font-weight:bold;
	font-size:22px;
	line-height: 1.2;
	color:#e00000!important;
	text-align:center;
	text-decoration:none!important;
	background:#fff;
	border:2px solid #e00000;
}
.simple-cpn-btn:first-child{
	margin-top:20px;
}
.simple-cpn-area.long-ver{
	font-weight:normal;
	font-size:16px;
	color:#222!important;
}
.simple-cpn-area.long-ver p{
	font-size:16px;
	line-height: 1.5;
}
.simple-cpn-area a{
	font-size:18px;
	font-weight:bold;
}



@media (max-width: 991px) {
}
@media (max-width: 767px) {
	.simple-cpn-area{
		margin:20px auto;
		padding:10px;
		font-size:16px;
		text-align:left;
	}
	.simple-cpn-area p{
		font-size:16px;
	}
	.simple-cpn-btn{
		margin:20px auto;
		padding:10px;
		font-size:16px;
	}
	.simple-cpn-sub-text{
		font-size:12px;
	}
	.simple-cpn-area.long-ver{
		font-size:12px;
	}
	.simple-cpn-area.long-ver p{
		font-size:12px;
	}
	.simple-cpn-area a{
		font-size:14px;
		line-height: 1.2em;
		width: 100%;
		float: none;
		margin:0 !important;
		display: block;

	}


}


/* USJと同じデザインの価格訴求　.price-area
⇒.price-areaに変更
------------------------------------------*/
.price-area{
	margin:10px auto;
	padding:10px 5px 8px;
	/*color:#fff;*/
	color: #fff;
	font-weight: bold;
	text-align:center;
	background:#e00000;
/*background: #8fc400;
background: -moz-linear-gradient(top,  #8fc400 0%, #8fc400 100%);
background: -webkit-linear-gradient(top,  #8fc400 0%,#8fc400 100%);
background: linear-gradient(to bottom,  #8fc400 0%,#8fc400 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#8fc400',GradientType=0 );*/

	position: relative;
	border-radius: 5px 5px 0 0;
}
.price-area p .lablel{
	background: #ef3c4d;
	color: #fff;
	font-weight: normal;
	padding: 0 10px;
	margin-right: 10px;
	border-radius: 5px;
	font-size: 90%;
	position: relative;
	top: -1px;
}
.price-area dt,
.price-area dd{
	display:inline-block;
	font-weight:normal;
	font-size:18px!important;
	line-height: 1.4;
	vertical-align:baseline;
	letter-spacing:normal;
}
.price-area i{
	margin:0 1px!important;
}
.price-area .price-text{
	margin:0 10px;
}
.price-area .price-text .max,
.price-area .price-text .min{
	display:inline-block;
	margin:0 2px;
	font-size:30px;
}
.price-area + .simple-cpn-area{
	margin-top:-10px;
}

/* ハロウィン訴求 */
.add-halloween{}
.price-area.add-halloween{
	margin:10px auto;
	padding:5px 5px 0;
	color:#f6a232;
	text-align:center;
	background:#231816;
	border-radius: 5px 5px 0 0;
	overflow: initial;
}
.halloween-kabocha{
	position:absolute;
	top: -10px;
	left: 10px;
	z-index: 1;
}



@media (max-width: 991px) {
	.price-area{
		padding:10px 5px 5px;
	}
}
@media (max-width: 767px) {
	.price-area dt,
	.price-area dd{
		font-size:12px!important;
	}
	.price-area .price-text .max,
	.price-area .price-text .min{
		font-size:20px;
	}

	.halloween-kabocha{
		width: 40px;
	}
}


/* .sale-icon　SALEをアイコンでつけるなら
------------------------------------------*/
.sale-icon{
	display:inline-block;
	margin:0 3px;
	padding:2px 4px;
	font-size:11px;
	color:#fff;
	letter-spacing:-0.05em;
	line-height: 1.0;
	background:#e00000;
	border-radius:3px;
}




/* ================================ CPN END */
.cpn-end{
	margin-bottom:20px;
	padding:2px;
	font-size:16px;
	text-align:center;
	line-height: 1.2;
	letter-spacing:0.05em;
	border:1px solid #EF3263;
}
.cpn-end a{
	display:block;
	text-decoration:none!important;
}
.cpn-end a:hover{
	opacity:0.7;
	text-decoration:none;
}
.cpn-end dl{
	margin:0;
}
.cpn-end dt{
	padding:5px;
	color:#fff;
	background:#EF3263;
}
.cpn-end dt i{
	color:#FDD400;
}
.cpn-end dd{
	padding:5px;
}

@media screen and (max-width: 767px) {
	.cpn-end{
		margin-bottom:10px;
		font-size:12px;
	}
	.cpn-end dd{
		padding:5px 10px;
	}
}


/*
重要なお知らせ
****************************************/

#content-wrap a.warning-sales-link{
	line-height:1.6 !important;
	text-align:center !important;
	display:block;
}


#warning-sales .modal-header{
	color:#333 !important;
	background:#fafafa !important;
	border-radius:5px 5px 0 0;
	font-weight:bold;
}

#warning-sales .close > span {
    color: #fff !important;
    background: #333 !important;
}
#warning-sales .modal-body{
	padding:20px 15px !important;
	word-wrap: break-word;
}

#warning-sales .modal-body p{
	font-size:13px !important;
	
}

@media(max-width:767px) {
	#content-wrap a.warning-sales-link{
		margin-top:15px;
	}
}

.modal-footer{
	position: sticky;
	text-align: center;
	bottom: 0;
	left: 0;
	z-index: 2;
	background: #fff;
	padding: 10px;
}


/*
35周年ページから引っ越し（間際割）
****************************************/
/* .sale-box
------------------------------------------*/
.sale-box{
	position:relative;
	margin:0 auto 40px;
	padding:40px;
	border:6px solid #e00000;
	overflow:hidden;
	background:#FEF8F9;
	
}

.sale-box h2{
	text-align:center;
	font-size:25px;
	font-weight:bold;
	color:#CC0000;
	margin-bottom:10px;

	}


@media (max-width: 991px) {
}
@media (max-width: 767px) {
	.sale-box{
		margin:0 auto 20px;
		padding:15px;
		border-width:3px;
	}
	
.sale-box h2{
	font-size:15px;
	margin-bottom:5px;
	}	
	
.sale-box p{
	font-size:12px;
	}	

}
.btn-sale{
	overflow:hidden;
	margin:15px 0 0;
	padding:0;
	list-style:none;
	}

.btn-sale li {
	position: relative;
	width:47%;
	margin: 0;
	background:#FFF;
}

.btn-sale li:nth-child(odd){
	float:left;
	clear:right;
	}
	
.btn-sale li:nth-child(even){
	float:right;
	}	
	

.btn-sale li a:before {
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-0.6em;
	content:"\f054";
	font-family:fontAwesome;
	font-size:0.8em;
}
.btn-sale li a {
	width: 100%;
	padding: 0.7em 0.6em 0.6em 1.8em;
	display: block;
	/*white-space: nowrap;*/
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	border-radius: 5px;
	border: 3px solid #ea8900;
	line-height: 1.3;
}

.btn-sale li a {
	color: #ea8900!important;
	display: block;
	white-space: nowrap;
	padding-left:0;
	/*box-shadow:2px 3px 0px 0px #CCCCCC;*/
}
	.btn-normal span {
		font-size: 0.9em;
	}

.btn-sale li a:hover {
	
}
.btn-sale li a:link,
.btn-sale li a:visited,
.btn-sale li a:hover,
.btn-sale li a:active {
	text-decoration: none;
}

@media (max-width: 767px) {
	
.btn-sale{
	margin:10px 0 0;

	}
	
.btn-sale li a {
	font-size: 15px;
}		
	}



/* TimeSale(水Wバナー)
--------------------------------------------------------- */
.wed-timesale {
	width: 60%;
	margin: 30px 20%;
}
@media (max-width: 767px) {
	.wed-timesale {
		width: 100%;
		margin: 15px 0;
	}
}



.simple-cpn-area .btn-style01{
	margin:10px auto 0 auto;
	font-size: 16px !important;
	display: inline-block !important;
}
.simple-cpn-area .btn-style01 a{
	color: #fff !important;
	font-weight: normal !important;
	font-size: 16px !important;
}
.simple-cpn-area .btn-style01.btn-hotel{
	background: #e00000;
    box-shadow: 0 3px 0 #678d00;
}
/*.wrap-cmabtn{
	text-align: right;
}*/

.lead-campaign{
	text-align: center;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #e00000;
}
.lead-campaign small{
	font-weight: normal;
	color: #333;
}
.lead-campplan a{
	font-weight: normal !important;
	text-decoration: underline !important;
	margin-left: 0px !important;
    margin-right: 0px !important;
    font-size: inherit !important;
    display: inline !important;
}
.lead-campplan{
	text-align: left;
	margin-bottom: 10px;
}
.label-cmp{
	background:#3b4f06;
	color: #fff;
	font-size: 13px;
	padding: 3px 10px;
	border-radius: 3px;
	margin-right: 10px;
}
.cmp-planhikaku{
	width: 100%;
	border-top: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	background: #fff;
}
.cmp-planhikaku + .cmp-planhikaku{
	margin-top: 10px;
}
.cmp-planhikaku th,
.cmp-planhikaku td{
	border-bottom: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
	padding: 5px;
	font-size: 13px;
}
.cmp-planhikaku th.th-student{
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	background: #eee;
	color: #666;
}
.cmp-planhikaku td.td-room{
	background:#fafafa;
	color: #576338;
	text-align: center;
}
.cmp-planhikaku td.td-price{
	font-size: 24px;
	text-align: right;
	font-weight: normal;
	color: #e00000;
}
.cmp-planhikaku th.th-plantitle{
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	background: #eee;
	color: #666;
	width: 20%;
}
.cmp-planhikaku td.td-plangaiyou{
	font-size: 13px;
	text-align: left;
	width: 80%;
	padding: 15px;
	line-height: 1.6;
}
.cmp-planhikaku td.td-plangaiyou a{
    color: #3c31b7 !important;
    text-decoration: underline;
    font-size: 16px !important;
    font-weight: normal;
}
.cmp-planhikaku td.td-plangaiyou a img{
	zoom:0.5;
	margin:3px auto !important;
}
.label-gentei{
	background: #e00000;
	color: #fff;
	font-size: 13px;
	padding: 3px 7px 2px;
	border-radius: 2px;
	position: relative;
	top: -5px;
	margin-left: 10px;
	display: inline-block;
}

@media (max-width: 767px) {
.simple-cpn-area .btn-style01{
	margin:5px auto 10px auto;
}
.wrap-cmabtn{
	text-align: center;
}
.lead-campaign{
	display: block;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 10px;
}

.lead-campplan{
	display: block;
	margin-top: 15px;
}
.lead-campplan + .lead-campplan{
	margin-top: 10px;
}
.label-cmp{
	display: inline-block;
	padding: 2px 10px;
	border-radius: 2px;
	margin-bottom: 5px;
}

.cmp-planhikaku th,
.cmp-planhikaku td{
	font-size: 13px;
}
.cmp-planhikaku th.th-student{
	font-size: 14px;
}
.cmp-planhikaku td.td-price{
	font-size: 16px;
}
.label-gentei{
	padding: 3px 7px 2px;
	position: relative;
	top: auto;
	margin-left: 0px;
}
.btn-style01 button{
	font-size: 14px !important;
	line-height: 1;
}
.simple-cpn-area .wrap-cmabtn .btn-style01 a{
	font-size: 14px !important;
}
}


.card-header{
	padding: 0;
	background: none;
	border-bottom: none;
}
.card{
	background: none;
	border:none;
}
.card-body{
	padding: 10px;
	background: #fff;
	border-radius: 5px;
	margin-bottom: 15px;
}
.btn-style01 button{
	background: none;
}



.modal-areaselect{
	z-index: 1100;
}
.modal-areaselect .modal-header{
	background:#062364;
	color: #fff;
}
.modal-areaselect .modal-content{
	border:none;
}
.modal-areaselect .modal-header .close{
	color: #fff;
	padding: 0;
	margin:0;
}
.modal-areaselect .modal-header .close > span{
	padding: 0;
	background:none;
}
.acc-areaselect .card-body{
	padding: 0 10px 10px;
	background:none;
}
.departure-list01{
	margin-top: 0;
}
.departure-list01 .hokkaido{ background:#007ddb!important; }
.departure-list01 .tohoku{ background:#4db8f0!important; }
.departure-list01 .hokushinetsu{ background:#9435b8!important; }
.departure-list01 .tokai{ background:#ef3c4d!important; }
.departure-list01 .kansai{ background:#f68732!important; }
.departure-list01 .chugoku{ background:#9ba61d!important; }
.departure-list01 .shikoku{ background:#66aa2f!important; }
.departure-list01 .kyushu{ background:#f54b6b!important; }
.departure-list01 .okinawa{ background:#e23be2!important; }
.modal-title04{
	font-size: 16px;
	font-weight: bold;
	background:#eee;
	padding: 6px;
	margin-bottom: 12px;
	border-left: 4px solid #062364;
}
@media(max-width:767px) {
.modal-areaselect .modal-dialog{
	height: 100vw;
}
}

.mt-0{
	margin-top: 0;
}
/*
tips
*********************************/


#tips{
	padding:5px 0 40px 0;
	/*margin-top:50px;*/
	/*background:#f3f5f6;*/
	position: relative;
}

#tips .card{
	border:none !important;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
}

#tips img.img-mv{
	width:100%;
	height:250px;
	object-fit: cover;
}

#tips img.img-mv + p{
	margin-top:15px;
}

#tips .card-body h3{
	font-size:16px;
	font-weight:bold;
	line-height:1.4;
	display:inline-block;
	margin-bottom:20px;
}

#tips h3 .merit,
#tips h3 .demerit{
	color:#FFF;
	font-size:15px;
	padding:5px;
	width:110px;
	display:inline-block;
	text-align:center;
	margin-right:10px;
	border-radius: 3px;
	line-height:1.0;
}

#tips h3 .merit{
	background:#F53D7E;
}
#tips h3 .demerit{
	background:#3BAFDA;
}

@media(max-width:767px) {
	#tips h3 .merit,
	#tips h3 .demerit{
		display:block;
		font-size:14px;
		margin-bottom:10px;
	}
}


.att-box{
	font-size:13px;
	margin:10px 0;
	padding:10px;
	border:1px solid #ccc;
	background:#f4f4f4;
	border-radius: 5px;
}

@media(min-width:1200px) {
	#tips .card-body h3{
		min-height:66px;
	}

}

@media(min-width : 992px) and (max-width : 1199px) {
	#tips .card-body h3{
		min-height:88px;
	}

}

@media(max-width:767px) {
	#tips img.img-mv{
		height:150px;
	}
	#tips .card-body h3{
		margin-bottom:10px;
	}

}

#tips .card-body p{
	font-size:12px;
	color:#666;
}

#tips .entry-box a{
	display:block;
	
}

#tips .entry-box a:hover,
#tips .entry-box a:hover .card{
	text-decoration:none;
	background:#feebf2;
}

#tips .entry-box{
	margin-bottom:20px;
}

#tips .link-motto{
	margin-top:10px;
}

h2.title-dot{
	font-size:24px;
	text-align:center;
	margin-top:15px;
	margin-bottom:20px;
	padding:0 0 15px 0;
	background:url(/static/3/img/bus_search/ja/bg-title-dot.png) no-repeat center bottom;
}

.tips-title-box{
	position: relative;
}

.tips-title-box .tips-num{
	position: absolute;
	top: -65px;
	left: -50px;
	padding:5px 20px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	background:#F53D7E;
	border-radius: 3px;
}

.tips-title-box .tips-num span{
	font-size:24px;
	margin-left:5px;
}

.tips-title {
	font-size:22px;
	font-weight:bold;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 4px solid #ccc;
	text-align:left;
}
.tips-title:after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 13%;
	height: 4px;
	background-color: #F53D7E;
}

.note-box{
	background:#fff;
	border-radius: 5px;
	box-shadow: 0 0 8px #ddd;
	padding:40px;
	margin:20px 0 20px 0;
}

.note-box + .note-box{
	margin-top:60px;
}

.note-box h3,
.note-box h4{
	font-size:18px;
	font-weight:bold;
	margin:20px 0 10px 0;
}

.note-box h3{
	margin-top:25px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #ddd;
}

.note-box h5{
	font-size:16px;
	font-weight:bold;
	margin:10px 0 3px 0;
}

.note-box p{
	line-height:1.8;
}
.note-box p + p{
	margin-top:15px;
}

.note-box p.s-txt{
	font-size:12px;
	padding:10px;
	background:#f4f4f4;
}

.note-box p a{
	color:#F53D7E;
	text-decoration:underline;
}

.note-box p a:hover{
	text-decoration:none;
}

.note-box a.entry-link{
	margin:15px 0;
	display:inline-block;
	position: relative;
	padding-left:80px;
	color:#F53D7E;
	text-decoration:underline;
}

.note-box a.entry-link:hover{
	text-decoration:none;
}

.note-box a.entry-link:before{
	content:"関連記事";
	color:#fff;
	font-size:14px;
	font-weight:bold;
	background:#F53D7E;
	padding:2px 5px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	border-radius: 3px;
	width:70px;
	text-align:center;
}

.note-box a.entry-link:after {
	left: 70px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(213, 0, 0, 0);
	border-left-color: #F53D7E;
	border-width: 4px;
	margin-top: -4px;
}

.img-txt-set h4{
	font-size:14px;
	margin:0 0 3px 0;
}

.img-txt-set p{
	font-size:14px;
	line-height:1.6;
	margin:0;
}

.img-txt-set{
	margin-bottom:10px;
}


#tips.img-txt-set img{
	width:100%;
	height:auto !important;
}

#wc-pickup .entry-box a:hover, 
#wc-pickup .entry-box a:hover .card{
	background:#fff;
}

@media(max-width:767px) {
	.tips-title-box .tips-num{
		position: absolute;
		top: -55px;
		left: -25px;
		padding:5px 20px;
		color:#fff;
		font-size:16px;
		font-weight:bold;
		font-style:italic;
		background:#F53D7E;
		border-radius: 3px;
	}

	.tips-title-box .tips-num span{
		font-size:20px;
		margin-left:5px;
	}
		.tips-title {
		font-size:18px;
		font-weight:bold;
		position: relative;
		padding-bottom: 10px;
		margin-bottom: 20px;
		border-bottom: 4px solid #ccc;
	}
	.tips-title:after {
		position: absolute;
		bottom: -4px;
		left: 0;
		z-index: 2;
		content: '';
		width: 30%;
		height: 4px;
		background-color: #F53D7E;
	}
	
	#tips .img-txt-set{
		margin-top:10px ;
	}
	.note-box{
		background:#fff;
		border-radius: 5px;
		box-shadow: 0 0 8px #ddd;
		padding:30px 20px 20px 20px;
		margin:20px 0 30px 0;
	}
	#tips .img-txt-set img{
		margin:15px 0;
	}
	.note-box h3{
		font-size:16px;
		font-weight:bold;
		margin:20px 0 5px 0;
	}
	.note-box h4{
		font-size:16px;
		font-weight:bold;
		margin:17px 0 8px 0;
	}
	.note-box p{
		line-height:1.8;
	}
	.note-box p + p{
		margin-top:15px;
	}

	.note-box a.entry-link{
		margin:40px 0 15px 0;
		display:inline-block;
		position: relative;
		padding-left:0;
		color:#F53D7E;
		text-decoration:underline;
	}

	.note-box a.entry-link:hover{
		text-decoration:none;
	}

	.note-box a.entry-link:before{
		content:"関連記事";
		color:#fff;
		font-size:14px;
		font-weight:bold;
		background:#F53D7E;
		padding:2px 5px;
		position: absolute;
		top:-18px;
		left: 0;
		border-radius: 3px;
		width:70px;
		text-align:center;
	}
	.note-box a.entry-link:after {
		content: "";
		position: absolute;
		top: -2px;
		left: 47px;
		margin-left: -15px;
		border: 4px solid transparent;
		border-top: 4px solid #F53D7E;
	}
	/*.note-box a.entry-link:after {
		left: 50%;
		bottom: 0;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(213, 0, 0, 0);
		border-left-color: #F53D7E;
		border-width: 4px;
		margin-top: -4px;
	}*/
	#tips h2.title02{
		font-size:18px;
	}
	
	#tips {
		padding-bottom:0;
	}
	
	#tips .title02-set{
		margin-bottom:0;
	}
	#wc-pickup .wc-pickup-title{
		font-size:16px;
	}

}

#tips h2.title04{
	font-size:20px;
	text-align:left;
	margin-top:15px;
	margin-bottom:10px;
}


.mokuji{
	background:#fff;
	border-radius: 5px;
	box-shadow: 0 0 8px #ddd;
	padding:30px 20px;
	margin:20px 0 30px 0;
}


.mokuji h3{
	font-size:18px;
	font-weight:bold;
	margin-bottom:30px;
	text-align:center;
}

.mokuji ol{
	padding-left:30px;
}

.mokuji ol li{
	list-style-type:decimal;
	color:#F53D7E;
}

.mokuji ol li + li{
	margin-top:5px;
}

.mokuji ol li a{
	color:#F53D7E;
	text-decoration:underline;
}

.mokuji ol li a:hover{
	text-decoration:none;
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}


.row-searchselect{
	margin: 0 0 20px 0;
    border-bottom: 1px solid #ddd;
}
/*.ver-original .row-searchselect{
	margin-bottom: -10px;
}*/
.col-searchselect a,
.col-searchselect span{
	background:#f8689b;
	color: #fff !important;
	display: block;
	text-align: center;
	padding: 10px 15px;
    border-radius: 4px 4px 0 0;
    font-size: 14px;
    position: relative;
}
.col-searchselect a{
	background:#714b86;
	color: #fff !important;
}
.col-searchselect a:hover,
.col-searchselect a:active{
	text-decoration:none;
	opacity: 0.5;
	position: relative;
}
.col-searchselect span:before{
	position: relative;
	left: 50%;
	content: "";
	display: block;
	bottom: -20px;
	position: absolute;
	z-index: 1;
	transform: translate(-50%, 0);
	border-right: 10px solid transparent;
	border-top: 10px solid #f8689b;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
}

.tab-searchareaprice .tab-pane{
	padding: 12px 0 0;
}
.nav-searchareaprice li{
	width:19%;
	margin:0 0.5%;
}
.nav-tabs.nav-searchareaprice>li>a.active,
.nav-tabs.nav-searchareaprice>li>a.active:focus,
.nav-tabs.nav-searchareaprice>li>a.active:hover{
	background:#f8689b;
	color: #fff !important;
}
.nav-searchareaprice li a{
	text-align: center;
	margin:0;
	background:#666;
	color: #fff;
	font-size: 14px;
}
.nav-searchareaprice li a:hover{
	transition:initial !important;
}
.nav-searchareaprice li a.active{
	position: relative;
}
.nav-searchareaprice li a.active:before{
	position: relative;
	left: 50%;
	content: "";
	display: block;
	bottom: -20px;
	position: absolute;
	z-index: 1;
	transform: translate(-50%, 0);
	border-right: 10px solid transparent;
	border-top: 10px solid #f8689b;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
}
.tbl-searchareaprice{
	width: 100%;
	border-top:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	margin-bottom: 24px;
}
.tr-pricekoumoku{
	background:#fcf2f5;
}
.tr-pricekoumoku .td-price{
	font-size: 12px;
}
.tbl-searchareaprice th,
.tbl-searchareaprice td{
	padding: 6px 12px;
	text-align: center;
	border-bottom:1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;
}
.th-areaname{
	width: 20%;
}
.td-price{
	width:40%;
}
.td-price span {
    color: #f53c7f;
    margin-left: 10px;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
}
.td-price span:before {
    content: "￥";
    font-size: 12px;
}
.td-price span:after {
    content: "～";
    font-size: 12px;
}
/*.btn-select-design-date{
  background:#fff !important;
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  width: 100%;
  margin: 0;
  text-align: center;
}
.btn-select-design-date:after{
  content: "";
  background: url(/static/img/common/icon/angle-down-solid.png) no-repeat;
  background-size: cover;
  width: 10px;
  height: 6px;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translate(0, -50%);
}*/
.row-bussearch-box .col-search + .col-search{
	margin-top: 5px;
}
.btn-select-design-date .datepicker-bus{
	position: relative;
	left: auto;
	width: 100%;
	z-index: initial;
	color: #222;
	box-shadow: none;
	display: block;
	width: 100% !important;
	background: url(/static/img/common/icon/i-nav-day.png) #fff no-repeat 98% 50% !important;
	cursor: pointer;
	margin-bottom: 5px;
	box-sizing: border-box;
	font-size: 16px;
	font-family: initial;
}
.btn-select-design-date .datepicker-bus::placeholder {
	color: #222;
}
@media(max-width:767px) {
.col-searchselect a,
.col-searchselect span{
    font-size: 13px;
    padding: 8px 3px;
}
.nav-searchareaprice li a{
	font-size: 11px;
	padding: 8px 3px;
}
.tbl-searchareaprice th,
.tbl-searchareaprice td{
	font-size: 12px;
	padding: 6px;
}
}



.wrap-pickuphotel{
	padding: 24px;
	margin-top: 24px;
	margin-bottom: 48px;
	background:#ffeaf2;
}
.wrap-pickuphoteltxt{

	margin-bottom: 24px;
}
.wrap-pickuphoteltxt p{
	font-size: 14px;
    line-height: 1.8;
}
.wrap-pickuphoteltxt em {
    color: #e00000;
    font-style: normal;
}
.wrap-pickuphoteltxt .label-danger{
	display: inline-block;
    padding: 4px 5px;
    margin-right: 3px;
    position: relative;
    top: -2px;
}
.card-hotel{
	display: block;
	color: #333;
}
#content-wrap a.card-hotel{
	color: #333;
}
.card-hotel:hover{
	text-decoration: none;
}
.card-hotel dl{
	padding: 12px 12px 0 12px;
}
.card-hotel dt{
	margin-bottom: 12px;
	font-size: 14px;
}
.card-hotel dd + dd{
	margin-top: 12px;
}
.card-hotel dd li{
	padding-left: 14px;
	position: relative;
}
.card-hotel dd li:before{
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}
.btn-hotelpage{
	position: relative;
	display: block;
	min-width: 180px;
	margin:0 auto;
	padding: 10px 30px 10px 20px;
	font-size: 16px;
	font-family: Verdana, Roboto, "Droid Sans", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	background: #f7a414;
	box-shadow: 0 3px 0 #e58009;
	border-radius: 5px;
	border: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
.btn-hotelpage:before {
    position: absolute;
	top:50%; 
	right: 10px;
	transform: translate(0, -50%);
    content: "\f054";
    font-size: 0.8em;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
}
.wrap-hotelall{
	text-align: right;
	margin: 12px 0 12px;
	padding: 0 6px;
}
.wrap-hotelall a{
	color: #3766db !important;
}
.wrap-hotelall a.btn-hotelall{
	color: #fff !important;
	background:#714b86;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 10px 30px 10px 20px;
    font-size: 16px;
    line-height: 1;
    border-radius: 5px;
}
.wrap-hotelall a.btn-hotelall:before {
    position: absolute;
	top:50%; 
	right: 10px;
	transform: translate(0, -50%);
    content: "\f054";
    font-size: 0.8em;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
}
.wrap-hotelall a.btn-hotelall:hover{
	text-decoration: none;
}
@media(max-width:767px) {
.wrap-pickuphotel{
	padding: 10px;
}
.wrap-pickuphoteltxt p{
	font-size: 12px;
}
.card-hotel dl{
	padding: 12px 6px 0 6px;
}
.btn-hotelpage{
	font-size: 16px;
}
.wrap-hotelall{
	margin: 6px 0 12px;
}
.wrap-hotelall a.btn-hotelall{
	padding: 8px 30px 8px 10px;
    font-size: 14px;
}
}
.row-bussearch-box .col-search + .col-search{
	margin-top: 10px;
}


.departure-list01 a{
	position: relative;
	/*padding: 10px 35px 10px 40px;*/
	padding: 10px 35px 10px 20px;
}
.departure-list01 a:before, .airport-list01 a:before,
.departure-list01 a:after, .departure-list02 a:after, .departure-list03 a:after, .airport-list01 a:after{
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;

}
.departure-list01 a:before, .airport-list01 a:before{
	position: absolute;
	top: 10px;
	left: 10px;
}

/*20240619　追記*/
/*地図アイコン非表示*/
.departure-list01 a:before{
	margin-right:5px;
	content:"";
}



.title-saiyasune{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #77653c;
}

#content-wrap .slide-gallery a{
	color: #333;
}

.wrap-kaizen{
	margin-bottom: 20px; background: #ffeaf2;padding:15px 0 5px 0;
	position: relative;
	z-index: 1;
}

.card-block{
	display: block;
	padding: 6px 6px;
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
    background: #fff;
    margin-bottom: 6px;
    border-radius: 2px;
    text-align: left;
    cursor: pointer;
}
.card-img-pdoff{
	padding: 0 0 15px 0;
}
.card-img-pdoff div{
	padding-left: 15px;
	padding-right: 15px;
}
.card-block:hover{
	text-decoration: none;
}
.card-block div + div{
	margin-top: 6px;
}
.card-title{
	font-size: 12px;
	line-height: 1.4;
	color: #333;
	margin-bottom: 6px;
	font-weight: bold;
}
.card-txt{
	font-size: 14px;
	line-height: 1.4;
	color: #333;
}
.card-txt em{
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}
.card-price{
	font-weight: bold;
	font-size: 24px;
	font-family: 'Oswald', sans-serif;
    letter-spacing: 0;
	line-height: 1;
	color: #F14482;
	text-align: center;
	display: block;
	margin-top: 0px !important;
	padding: 6px 3px;
	border-top:dotted 1px #F14482;
	border-bottom:dotted 1px #F14482;
	text-indent: 6px;
}
.card-price small{
	font-size: 10px;
	font-weight: bold;
}
.card-img-pdoff .card-img{
	text-align: center;
	padding: 0;
}
@media(max-width:767px) {
.card-price{
	font-size: 16px;
}
.card-title{
	font-size: 11px;
}
}


.card-layout-01{
	margin-bottom: 0;
}
.card-layout-01 dt{
	float: left;
	width: 30%;
}
.card-layout-01 dd{
	float: left;
	width:70%;
	padding: 0 0 0 15px;
	margin-bottom: 0;
}



.row-ariticle{
	border-bottom: 1px solid #ccc;
}
.row-ariticle .card-block{
	padding: 0;
    box-shadow: none;
    margin-bottom: 0px;
    border-top: 1px solid #ccc;
}
.row-ariticle .card-layout-01 dd{
	padding: 15px 15px 0;
	margin-bottom: 0;
}


.card-accordion{
	border-radius: 0;
}
.card-header{
	padding: 0;
}
.accordion a{
	display: block;
	padding: 15px;
}


.row-btn-3,
.row-btn-4{
	border-top: 1px solid #ccc;
	padding: 0;
}
.row-btn-3 li,
.row-btn-4 li{
	list-style: none;
}
.btn-list a{
	display: table;
    width: 100%;
    padding: 5% 5%;
    text-align: center;
}
.btn-list a span{
	display: table-cell;
    vertical-align: middle;
}
.row-btn-3 .btn-list{
	float: left;
	width:33.333333%;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.row-btn-4 .btn-list{
	float: left;
	width:25%;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.row-btn-3 .btn-list:nth-child(3n),
.row-btn-4 .btn-list:nth-child(4n){
	border-right: none;
}


.row-link-keyword a{
	padding: 0 15px 0 0;
	line-height: 2.8;
}
.row-link-keyword a:before{
	content: "#";
	margin-right: 5px;
}


.text-body{
	position: relative;
}
.text-body:after{
	content: "\f146";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -14px;
}
.text-body.collapsed:after{
	content: "\f0fe";
}


.card-text-link .card-header{
	padding:15px 15px;
}
.text-link-list{
	padding: 0;
	margin:0;
}
.text-link-list li{
	padding:0;
	margin-bottom: 10px;
	list-style: none;
}
.text-link-list li:last-child{
	margin-bottom: 0;
}
.text-link-list a{
	position: relative;
	padding-left: 25px;
}
.text-link-list a:before{
	content: "\f35a";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top:0;
	left: 0;
}


.list-setmenu{margin:0;list-style: none;padding: 3px 0px 0;}
.list-setmenu li{
	margin-bottom: 3px;
	font-size: 11px;
	line-height: 1.3;
	color: #a1760f;
}
.list-setmenu li:last-child{
	margin-bottom: 0;
}
@media(max-width:991px) {
.container-max{
	width:100%;
}
/*.slide-gallery{overflow: auto;}*/
/*.slide-gallery::-webkit-scrollbar{height: 8px;}
.slide-gallery::-webkit-scrollbar-track{background: #F1F1F1;}
.slide-gallery::-webkit-scrollbar-thumb {background: #000;}*/
/*.slide-gallery-inner{width: 1000px;padding: 0 10px 5px 10px;}*/
}
@media(max-width:767px) {
.title-saiyasune{
	font-size: 14px;
	margin-bottom: 12px;
}
.wrap-kaizen{
	margin-bottom: 10px;padding:12px 0 3px 0;
}
/*.slide-gallery-inner{width: 860px;padding: 0 10px 5px 10px;}
.container-max{
padding-right: 0px;
padding-left: 0px; 
}*/
}




.fix-footer{
	position: fixed;
	bottom: 0;
	left: 0;
	background:rgba(0,0,0,0.8);
	width: 100%;
	padding: 12px 0 8px 0;
	z-index: 10;
	animation: example 0.5s ease 0.5s 1 forwards;
}
.fix-footer .title-saiyasune{
	color: #fff;
}
.fix-footer .slick-prev,.fix-footer .slick-next{
	opacity: 1 !important;
}
.slider-center{
	margin-bottom: 0;
}
#content-wrap .fix-footer a{
	margin:0 5px;
}
.bnr-footer{
	width:300px;
}
.bnr-footer .card-block{
	background-color: #faf2dc;
}
.bnr-footer .card-title{
	float: left;
	margin-right: 10px;
	position: relative;
	top: 5px;
	font-size: 18px;
	color: #a1760f;
}
.bnr-footer .card-price{
	font-size: 20px;
	float: right;
}
.slick-next{
	right: -20px !important;
}
.slick-prev{
	left: -20px!important;
}
.chat{
	text-align: right;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: flex-end;
}
#pageup{
	bottom:0;
	position: absolute;
	margin-bottom: 5px;
	right: 5px;
	display: inline-block;
	bottom: 50px;
}
#pageup a{
	position: relative;
}
#section-footer #pageup{
	display: none !important;
}
/*#pageup.chatadjust{
	bottom:120px;
}*/
.slide-thumbnail .slide-item{
	padding: 0 3px;
}
.slide-thumbnail .slide-item div{
	text-align: center;
	background: #eee;
	padding: 10px 3px;
	cursor: pointer;
	font-size: 13px;
	color: #001165;
	border-radius: 3px;
}
.slide-thumbnail .slide-item.slick-current div{
	background: #f54b6b;
	color: #fff;
}
@media(max-width:1300px) {
/*#pageup{
	bottom:50px;
}
#pageup.chatadjust{
	bottom:110px;
}*/
}
@media(max-width:991px) {
}
@media(max-width:767px) {
.slick-next{
	right: -15px !important;
}
.slick-prev{
	left: -15px!important;
}
.bnr-footer .card-title{
	font-size: 16px;
}
.slide-thumbnail .slide-item div{
	font-size: 12px;
}
}

/*body{
	padding-bottom: 100px;
}*/




.slide-gallery .badge{
	border-radius: 2px;
	font-size: 11px;
	font-weight: normal;
	padding: 3px 3px 2px 3px;
	position: relative;
	top: -2px;
	margin-right: 5px;
	background-color: #21aaaa;
	color: #fff;
}
.bnr-footer .badge{
	border-radius: 2px;
	font-size: 11px;
	font-weight: normal;
	padding: 3px 3px 2px 3px;
	position: relative;
	top: -2px;
	margin-right: 5px;
	background-color: #21aaaa;
}

.badge.badge-katamichi{
	border-radius: 2px;
	font-size: 11px;
	font-weight: normal;
	padding: 3px 3px 2px 3px;
	position: relative;
	top: -2px;
	margin-right: 5px;
	background-color: #fc6ea3;
}
.badge.badge-timesale{
	border-radius: 2px;
	font-size: 11px;
	font-weight: normal;
	padding: 3px 3px 2px 3px;
	position: relative;
	top: -2px;
	margin-right: 5px;
	background-color: #f7a414;
	color: #fff !important;
}


@-webkit-keyframes example {
  100% {
    opacity: 1;
  }
}
@keyframes example {
  100% {
    opacity: 1;
  }
}



.slider{
  display: none;
}
.slider.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}
.form-inline{
	display: flex;
	justify-content: space-between;
}
.form-inline .btn {
    border: 1px solid #ccc;
}
.form-inline .btn-group-vertical>.btn,.form-inline  .btn-group>.btn {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.form-inline .btn-group .btn-default {
    width: 100%;
    background: #fff;
}
.form-inline .btn-group{
	width: 100%;
}
.form-inline .btn-group input[type=checkbox],.form-inline .btn-group input[type=radio]{
	display: none;
}
.form-inline .btn.active, .form-inline .btn.active:focus, .form-inline .btn.active.btn-default:hover {
    background: #F53D7E!important;
    color: #FFF;
}
@media screen and (max-width: 320px) {
.form-inline .btn-group.d-flex{
	flex-wrap: wrap;
}
.form-inline .btn-group.d-flex .btn-default{
	border-radius: .25rem !important;
}
}

.list-map {
	margin-bottom: 20px;
}
.list-map li{
	display: block;
	width: 33.33%;
	float: left;
	padding: 5px;
}
.btn-map{
	background: #fff;
	border:solid 2px #1a2975;
	color: #1a2975;
	font-size: 14px;
	padding: 10px 10px;
	border-radius: 4px;
	display: block;
	width: 100%;
	cursor: pointer;
	text-align: center;
	position: relative;
	font-weight: bold;
}
li.list-area-tohoku .btn-map{
	border:solid 2px #4db8f0;
	color: #4db8f0;
}
li.list-area-hokushinetsu .btn-map{
	border:solid 2px #9435b8;
	color: #9435b8;
}
li.list-area-tokai .btn-map{
	border:solid 2px #ef3c4d;
	color: #ef3c4d;
}
li.list-area-kansai .btn-map{
	border:solid 2px #f68732;
	color: #f68732;
}
li.list-area-chugoku .btn-map{
	border:solid 2px #9ba61d;
	color: #9ba61d;
}
li.list-area-shikoku .btn-map{
	border:solid 2px #66aa2f;
	color:#66aa2f;
}
#hotelset-area .btn-map:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
}
.btn-map:hover{
	text-decoration: none !important;
	background: #1a2975;
	color: #fff !important;
}

.modal-areaselect .modal-header{
	font-size: 16px;
}
.modal-areaselect .modal-body{
	width: 100%;
}
.btn-close{
	background: #ccc;
	color: #333;
	font-size: 13px;
	padding: 10px 10px;
	border-radius: 4px;
	display: block;
	width: 100%;
}
.title-selectpassport{
	font-size: 16px;
	font-weight: bold;
	margin:0px 0 12px 0;
}
.list-planlineup + .title-selectpassport{
	margin:24px 0 12px 0;
}
.list-planlineup{
	margin:0;
	padding: 0;
}
.list-planlineup li a{
	display: block;
	padding: 10px 30px 10px 10px;
	border:2px solid #f8689b;
	border-top: none;
	position: relative;
	color: #333;
}
.list-planlineup li a:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
}
.list-planlineup li:first-child a{
	border-top:2px solid #f8689b;
}
.list-planlineup li a:hover{
	text-decoration: none;
	background:#fafafa;
}
.wrap-price{
	display: block;
	text-align: right;
}
.wrap-price .num {
    font-size: 20px;
    font-weight: bold;
    color: #F14482;
    font-family: 'Oswald', sans-serif;
}
.wrap-price .num.min:after {
    content: "～";
    font-size: 12px;
    margin-right: 3px;
}
.wrap-price .num.onlybus:after {
    content: "円～";
    font-size: 12px;
    margin-right: 3px;
}
.wrap-price .num.max:after {
    content: "円";
    font-size: 12px;
}
.wrap-price .normal-line .num {
    font-size: 16px;
    color: #333;
}
.modal-body p.goto-line{
	margin-bottom: 0;
}
.modal-body p.normal-line{
	margin-bottom: 0;
}

.wrap-hotelnav{
	margin-top: 20px;
}
.card-hotel{
	background: #fdfdf7;
	overflow: hidden;
	box-shadow: 0px 0px 6px #e7e7e7;
	display: block;
	text-decoration: none;
	border-radius: 4px;
	cursor: pointer;
}
.card-hotel:hover{
	text-decoration: none;
	opacity: 0.7;
}
.title-hotelnav{
	padding: 12px;
	margin: 0;
	font-size: 13px;
	color: #896A98;
	text-align: left;
}
@media screen and (max-width: 767px) {
.list-map li{
	display: block;
	width: 33.33%;
	float: left;
	padding: 5px;
}
#hotelset-area .list-map li{
	display: block;
	width: 100%;
	float: none;
	padding: 3px 3px;
}
.wrap-hotelnav .title-category-name small{
	display: block;
	margin-bottom: 6px;
}
.wrap-hotelnav{
	margin-bottom: 0px;
}
.title-hotelnav{
	padding:6px;
	font-size: 12px;
}
.btn-map{
	font-size: 12px;
	padding: 10px 5px 10px 5px;
}
#hotelset-area .btn-map{
	padding: 10px 10px 10px 2px;
}
#hotelset-area .btn-map:after {
    right: 5px;
    font-size: 13px;
}
}


@media screen and (max-width: 767px) {
.stikyadjust {
    margin-top: -60px;
    padding-top: 60px;
}
}



.wrap-news{
	padding: 20px 0;
	width: 100%;
	max-width: 890px;
	margin: 0 auto;
}
.btn-news{
	background: #fff !important;
	color: #000;
	text-align: left;
	padding:10px 10px 10px 105px;
	position: relative;
	line-height: 1.4;
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 14px;
	border: solid 3px #1a2975;
	border-radius: 4px;
	position: relative;
	margin: 5px auto;
}
.btn-news .badge {
	position: absolute;
	top: 12px;
	left: 10px;
	padding: 3px 4px 2px;
	font-weight: normal;
	background-color: #dc3545;
	color: #fff;
	border-radius: 2px;
}
.btn-news:after {
	margin-left: 10px;
	content: "\f24d";
	font-family: "Font Awesome 5 Free";
	font-weight:normal;
}
@media (max-width: 767px) {
.wrap-news{
	padding: 15px 0;
}
}




.wrap-planset{
	padding: 12px;
}
.wrap-planset p{
	font-size: 14px;
}
.wrap-hotelsampleprice{
	padding: 12px;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	margin: 12px auto 0;
	width: 98%;
}
.wrap-planset .wrap-hotelsampleprice{
	background:none;
	border-bottom: none;
	width: 100%;
}
.dl-samapleprice{
	margin-bottom: 0;
	font-size: 13px;
}
.dd-sampleprice{
	text-align: right;
}
.dd-sampleprice span{
	display: inline;
}
.per-person{
	font-size: 13px;
	margin-right: 12px;
}
.dd-sampleprice .num {
    font-size: 160%;
    font-weight: bold;
    color: #F14482;
    font-family: 'Oswald', sans-serif;
}
.dd-sampleprice .num.min:after {
    content: "～";
    font-size: 14px;
    margin-right: 3px;
}
.dd-sampleprice .num.max:after {
    content: "円";
    font-size: 14px;
}
@media (max-width: 767px) {
.wrap-planset{
	padding: 6px 0;
}
.wrap-hotelsampleprice{
	padding: 6px 12px;
	margin: 12px auto 0;
	width: 100%;
}
.dl-samapleprice{
	font-size: 12px;
}
.dl-samapleprice dt{
	font-weight: normal;
}
}



.link-dantai{
	text-align: center;
}
.link-dantai button,
.link-dantai a{
	background:none;
	border:none;
	padding: 0;
	margin:0;
	display: inline;
	cursor: pointer;
	color: #007bff;
}
.link-dantai button:after,
.link-dantai a:after{
    content: "\f24d";
    font-family: "Font Awesome 5 Free";
    font-size: 80%;
    margin-left: 6px;
    position: relative;
    top: -2px;
}
.link-dantai button:hover,
.link-dantai a:hover{
	text-decoration: underline;
}
.tel-box{
	display: block;
	margin: 30px auto;
	padding: 10px 40px;
	text-align: center;
	text-decoration: none!important;
	border: 2px solid #ec6580;
	border-radius: 5px;
}
.tel-box dt {
    vertical-align: middle;
    line-height: 1.2;
    font-size: 22px;
    color: #ec6580!important;
    text-decoration: none!important;
    cursor: default;
}
.tel-box dd {
    font-size: 14px;
    color: #333;
}
@media (max-width: 767px) {
.link-dantai{
	margin-top: 24px;
}
}


.slick-dots li button:before {
    font-size: 15px!important;
    content: "●"!important;
    width: 15px!important;
    height: 15px!important;
    line-height: 15px!important;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}



.title02-set{
	text-align:center;
	margin:80px 0 30px 0;
}
.title02:before{
	content:url(/static/3/img/bus_search/ja/bg-title.png);
	position: absolute;
	top:-22px;
	left:-15px;
}
.title02{
	font-size:26px;
	font-weight:bold;
	display:inline-block;
	background:linear-gradient(transparent 70%, #ffff66 70%);
	padding:0 7px;
	margin-bottom:20px;
	position: relative;
	line-height:1.7;
}

/*
faq-accordion
*******************/
#faq-accordion .card-header{
	padding:0;
}
#faq-accordion .card-header button{
	display:block;
	padding:20px 45px 20px 20px;
	position: relative;
	color:#333;
	background:#f4f4f4;
	width: 100%;
	text-align: left;
	cursor: pointer;
}
#faq-accordion .card-header button:hover{
	cursor:pointer;
	background:#feebf2;
	opacity:1.0;
	text-decoration:none;
}
#faq-accordion .card-header button:after{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 20px;
	content: "\f077";
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	color:#999;
}
#faq-accordion .card-header button.collapsed:after{
	content: "\f078";
}
.num-label{
	color:#fff;
	font-size:24px;
	font-weight:bold;
	background:#3788e5;
	padding:7px 7px;
	margin-right:15px;
	width:70px;
	display:inline-block;
	text-align:center;
	border-radius:3px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left:20px;
}
.faq-ttl{
	font-size:16px;
	line-height:1.5;
	display:block;
	margin-left:90px;
}
.card {
	position: relative;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
}
.card-header {
	padding: .75rem 1.25rem;
	margin-bottom: 0;
	background-color: rgba(0,0,0,.03);
	border-bottom: 1px solid rgba(0,0,0,.125);
}
#faq-accordion .card-body{
	padding:15px;
}
#faq-accordion .card-body p{
	font-size:14px;
	line-height:1.8;
	color:#333;
	margin-left:5px;
}
#faq-accordion .card-body p + p{
	margin-top:1em;
}
#faq-accordion .card-body a{
	color:#3788e5;
	text-decoration:underline;
}
#faq-accordion .card-body a:hover{
	text-decoration:none;
}
ol.step-list{
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
	margin-left:15px;
}
ol.step-list li {
	margin-bottom: 10px;
	padding-left: 30px;
	position: relative;
}
ol.step-list li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #F53D7E;
	color: #fff;
	font-weight:bold;
	display: block;
	float: left;
	line-height: 26px;
	margin-left: -30px;
	text-align: center;
	height: 26px;
	width: 26px;
	border-radius: 50%;
}
ol.step-list dl{
	margin-left:10px;
}
ol.step-list dt,
ol.step-list dd{
		font-size:18px;
}
ol.step-list dt{
	font-weight:bold;
	color:#555;
}
ol.step-list dd{
	color:#555;
	padding:7px 0;
}
/*もっと見る*/
.link-motto{
	margin-top:30px;
	text-align: right;
}
.link-motto + .link-motto{
	margin-top:15px;
}
.link-motto a{
	background: url(/static/img/index/bg-stripe-pink.png) top left;
	text-decoration: none;
	display: inline-block;
	font-size: 15px;
	font-weight:bold;
	padding: 8px 25px;
	border-radius: 50px;
	color: #333 !important;
}
.link-motto a:after{
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #f53d7e;
	margin-left: 15px;
}
.link-motto a:hover{
	color: #f53d7e;
}
@media(max-width:767px) {
	.link-motto{
		margin-top:15px;
		text-align: center;
	}
	.link-motto a {
		width:100%;
		text-align: center;
	}
}








.nav-tabs.nav-dep{
  width: 100%;
  justify-content: space-between;
  border-bottom: 3px solid #eee;
}
.nav-tabs .nav-link{
  border: none;
}
.nav-dep > li{
  flex: 1;
  display: flex;
  width: 100%;
}
.nav-dep > li a.nav-link{
  text-align: center;
  padding: 18px 0;
  display: flex;
  width: 100%;
  color: #fff;
  align-items: center;
  justify-content: center;
  background: #fafafa;
  border: solid 2px #fff;
	border-bottom: none;
}
.nav-dep > li a.nav-link:hover,
.nav-dep > li a.nav-link.active{
  border: solid 2px #fff;
	border-bottom: none;
}
.nav-dep > li.nav-item-tokai a.nav-link{
  color: #ef3c4d;
}
.nav-dep > li.nav-item-kansai a.nav-link{
  color: #f68732;
}
.nav-dep > li.nav-item-hokuriku a.nav-link{
  color: #9435b8;
}
.nav-dep > li.nav-item-tohoku a.nav-link{
  color: #4db8f0;
}
.nav-dep > li.nav-item-chugoku a.nav-link{
  color: #9ba61d;
}
.nav-dep > li.nav-item-kyushu a.nav-link{
  color: #f54b6b;
}
.nav-dep > li.nav-item-kanto a.nav-link{
  color: #1a2975;
}
.nav-dep .nav-item.show.nav-item-tokai a.nav-link,
.nav-dep .nav-item-tokai .nav-link.active{
  background: #ef3c4d;
  color: #fff;
}
.nav-dep .nav-item.show.nav-item-kansai a.nav-link,
.nav-dep .nav-item-kansai .nav-link.active{
  background: #f68732;
  color: #fff;
}
.nav-dep .nav-item.show.nav-item-hokuriku a.nav-link,
.nav-dep .nav-item-hokuriku .nav-link.active{
  background: #9435b8;
  color: #fff;
}
.nav-dep .nav-item.show.nav-item-tohoku a.nav-link,
.nav-dep .nav-item-tohoku .nav-link.active{
  background: #4db8f0;
  color: #fff;
}
.nav-dep .nav-item.show.nav-item-chugoku a.nav-link,
.nav-dep .nav-item-chugoku .nav-link.active{
  background: #9ba61d;
  color: #fff;
}
.nav-dep .nav-item.show.nav-item-kyushu a.nav-link,
.nav-dep .nav-item-kyushu .nav-link.active{
  background: #f54b6b;
  color: #fff;
}
.nav-dep .nav-item.show.nav-item-kanto a.nav-link,
.nav-dep .nav-item-kanto .nav-link.active{
  background: #1a2975;
  color: #fff;
}
.tab-deplink{
  padding-top: 12px;
  margin-bottom: 24px;
}
.ul-depselect{
  display: flex;
  /*background: #fafafa;*/
}
.ul-header{
  position: sticky;
  top: 0;
}
.ul-depselect > li{
  padding: 0;
}
.ul-depselect > li a:hover{
  text-decoration: none;
}
.ul-depselect + .ul-depselect{
  border-top: 1px dotted #ccc;
}
.li-dep-name{
  width: 15%;
  display: flex;
}
.li-dep-name a{
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 12px;
  width: 100%;
}
.li-dep-name a:after{
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 80%;
  margin-left: 12px;
}
.li-dep-name.list-area-tohoku a{
  color: #4db8f0;
  border-left: 5px solid #4db8f0;
}
.li-dep-name.list-area-hokushinetsu a{
  color: #9435b8;
  border-left: 5px solid #9435b8;
}
.li-dep-name.list-area-tokai a{
  color: #ef3c4d;
  border-left: 5px solid #ef3c4d;
}
.li-dep-name.list-area-kansai a{
  color: #f68732;
  border-left: 5px solid #f68732;
}
.li-dep-name.list-area-chugoku a{
  color: #9ba61d;
  border-left: 5px solid #9ba61d;
}
.li-dep-name.list-area-shikoku a{
  color:#66aa2f;
  border-left: 5px solid #66aa2f;
}
.li-dep-name.list-area-kyushu a{
  color:#f54b6b;
  border-left: 5px solid #f54b6b;
}
.li-dep-name.list-area-kanto a{
  color:#1a2975;
  border-left: 5px solid #1a2975;
}
.li-dep-bus{
  width: 25%;
  text-align: right;
  border-left: dotted 1px #ccc;
}
.li-dep-set{
  width: 30%;
  text-align: right;
  border-left: dotted 1px #ccc;
}
.ul-depselect-inner{
	width: 85%;
}
.ul-depselect-inner > ul{
	margin: 0;
	padding: 0;
	display: flex;
}
.ul-depselect-inner .li-dep-bus{
  width: 25%;
}
.ul-depselect-inner .li-dep-set{
  width: 25%;
}
.li-dep-empty{}

.ul-depselect.ul-header .li-dep-name,
.ul-depselect.ul-header .li-dep-bus,
.ul-depselect.ul-header .li-dep-set{
  background: #333;
  color: #fff;
  text-align: center;
  justify-content: center;
}
.li-dep-bus .wrap-price .num,
.li-dep-set .wrap-price .num {
    font-size: 20px;
    font-weight: bold;
    color: #F14482;
}
.li-dep-bus .wrap-price .num.min:after,
.li-dep-set .wrap-price .num.min:after {
    content: "～";
    font-size: 12px;
    margin-right: 3px;
}
.li-dep-bus .wrap-price .num.onlybus:after,
.li-dep-set .wrap-price .num.onlybus:after {
    content: "円～";
    font-size: 12px;
    margin-right: 3px;
}
.li-dep-bus .wrap-price .num.max:after,
.li-dep-set .wrap-price .num.max:after {
    content: "円";
    font-size: 12px;
}
.li-dep-bus a,
.li-dep-set a,
.li-dep-bus button,
.li-dep-set button{
	padding: 12px 12px 10px 12px;
	display: block;
	background: none;
	width: 100%;
	text-align: right;
}
.li-dep-bus a:hover,
.li-dep-set a:hover,
.li-dep-bus button:hover,
.li-dep-set button:hover{
  color: #fff;
  background: #fff5f9;
}
.li-dep-bus a .wrap-price,
.li-dep-set a .wrap-price,
.li-dep-bus button .wrap-price,
.li-dep-set button .wrap-price{
  display: inline-block;
}
.plan-name{
  display: block;
  text-align: left;
  font-size: 12px;
  color: #333;
  margin-bottom: 0;
}
/*.li-dep-bus a:before,
.li-dep-set a:before,
.li-dep-set.list-pass a:before{
  display: block;
  text-align: left;
}
.li-dep-bus a:before{
  content: "高速バスのみ";
  font-size: 12px;
  color: #333;
}
.li-dep-set a:before{
  content: "高速バス＋ホテル";
  font-size: 12px;
  color: #333;
}
.li-dep-set.list-pass a:before{
  content: "スタジオ・パス付き(日帰り・宿泊)";
  font-size: 12px;
  color: #333;
}
.li-dep-set.bus-katamichi a:before{
  content: "高速バス(片道)＋ホテル";
}
.li-dep-set.list-pass.bus-katamichi a:before{
  content: "スタジオ・パス付き(日帰り・宿泊)";
}*/
.li-dep-bus a:hover:before,
.li-dep-set a:hover:before,
.li-dep-bus button:hover:before,
.li-dep-set button:hover:before{
  color: #fff;
}
@media (max-width: 992px) {
.ul-depselect-inner > ul{
	flex-wrap: wrap;
}
.ul-depselect-inner .li-dep-bus{
  width: 50%;
}
.ul-depselect-inner .li-dep-set{
  width: 50%;
}
}
@media (max-width: 767px) {
.ul-depselect{
  display: block;
  position: relative;
}
.nav-dep > li a.nav-link{
  font-size: 14px;
}
.ul-depselect > li a,
.ul-depselect > li button{
  padding: 6px 24px 6px 6px;
  position: relative;
}
.li-dep-name{
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 100%;
  background: none;
  display: block;
}
.li-dep-bus{
  width: calc(100% - 80px) ;
  text-align: right;
  margin: 0 0 0 auto;
  border-left: none;
}
.li-dep-set{
  width: calc(100% - 80px) ;
  text-align: right;
  margin: 0 0 0 auto;
  border-top: 1px dotted #ccc;
  border-left: none;
  border-right: none;
}
.ul-depselect-inner{
	width: calc(100% - 80px) ;
	margin: 0 0 0 auto;
}
.ul-depselect-inner .li-dep-bus,
.ul-depselect-inner .li-dep-set{
	width: 100%;
}

.li-dep-empty{
	display: none;
}
.li-dep-bus.stop + .li-dep-set{
  border-top: none;
}
.li-dep-set + .li-dep-set{
	border-left: none;
}
.ul-depselect + .ul-depselect{
  border-top: none;
  margin-top: 12px;
}
.li-dep-name a:after{
  margin-left: 0;
  position: absolute;
  right: 5px;
}
.ul-depselect > li.li-dep-name a{
  padding: 3px;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  color: #fff;
  border-radius: 5px 0 0 5px;
  font-size: 14px;
  text-align: center;
}
.li-dep-name.list-area-tohoku a{
  background: #4db8f0;
  border-left: none;
}
.li-dep-name.list-area-hokushinetsu a{
  background: #9435b8;
  border-left: none;
}
.li-dep-name.list-area-tokai a{
  background: #ef3c4d;
  border-left: none;
}
.li-dep-name.list-area-kansai a{
  background: #f68732;
  border-left: none;
}
.li-dep-name.list-area-chugoku a{
  background: #9ba61d;
  border-left: none;
}
.li-dep-name.list-area-shikoku a{
  background:#66aa2f;
  border-left: none;
}
.li-dep-name.list-area-kyushu a{
  background:#f54b6b;
  border-left: none;
}
.li-dep-name.list-area-kanto a{
  background:#1a2975;
  border-left: none;
}
.li-dep-bus a:after,
.li-dep-set a:after,
.li-dep-bus button:after,
.li-dep-set button:after{
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translate(0, -50%);
  color: #F14482;
  font-size: 12px;
}
/*.li-dep-bus a:before{
  content: "高速バスのみ";
  margin-right: 0px;
}
.li-dep-set a:before{
  content: "高速バス＋ホテル";
  margin-right: 0px;
}
.li-dep-set.list-pass a:before{
  content: "スタジオ・パス付き(日帰り・宿泊)";
  margin-right: 0px;
}*/
}


/* FAQ SP微調整 */

@media (max-width: 767px){
	.title02{
		font-size:24px;
	}
	.num-label{
		font-size:16px;
		width:55px;
		left:10px;
	}
	#faq-accordion .card-header a{
		padding:7px 20px 7px 10px;
	}
	.faq-ttl{
		font-size:14px;
		line-height:1.4;
		margin-left:65px;
	}
	#faq-accordion .card-header a:after{
		font-size:14px;
		right:7px;
	}
	#faq-accordion .card-body{
		padding:10px;
	}
}

/* ターミナルリンク設置 */

#bus-terminal{
	padding:0 0 70px 0;
}

a.bus-terminal-link{
	padding: 12px 20px 12px 30px ;
	font-size: 16px;
	color:#333;
	border:1px solid #999;
	border-radius: 4px;
	display:block;
	margin:0 auto;
	max-width:400px;
	position:relative;
}

a.bus-terminal-link:hover{
	text-decoration:none;
	background:#feebf2;
}

a.bus-terminal-link:after{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 15px;
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #f53d7e;
}

/*
ページ下部 テキストエリア追加
*************************/

#text-area{
	background:url(/static/img/bg-main01.webp) no-repeat center center scroll,#000;
	background-size:cover;
	padding:40px 0;
	margin-top:50px;
}

#text-area h2{
	font-size:24px;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:10px;
	text-align:left;
	color:#fff;
	margin-bottom:20px;
}


#text-area p{
	font-size:15px;
	color:#fff;
	line-height:1.5;
	margin-bottom:0px;
}


@media(max-width:767px) {
	#text-area{
		margin:0 0 0 0;
	}
	#text-area h2{
		font-size:16px;
	}
	#text-area p{
		font-size:14px;
	}
}


/*右下チャットボタンの設定*/
.chat{
	position: fixed;
	bottom: -45px;
	left: 0;
	width: 100%;
}
body:has(#cookie-set) .chat{
    bottom: 50px;
}
.chat .online{
	text-align: right;
}
.chat .online a {
    display: inline-block;
    color: #fff;
    background: #4DC45D;
    margin:0;
    padding: 8px 15px;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
    position: absolute;
    bottom: 50px;
    right: 60px;
}
.chat .online a:hover{
	text-decoration: none;
	opacity: 0.5;
}
.chat .online a b{
	display: block;
	font-size: 110%;
}
.chat .online a b img{
	margin-right: 3px;
	width: 24px;
}
.chat_close{
    z-index: 3;
    position: absolute;
    bottom: 50px;
    right: 0px;
    font-size: 20px;
    color: #333;
    display: block;
    font-weight: bold;
}
body:has(#cookie-set) .chat .chat_close{
    z-index: 3;
    position: absolute;
    bottom: 50px;
    right: 0px;
    font-size: 20px;
    color: #333;
    display: block;
    font-weight: bold;
}
@media(max-width:767px) {
.chat .online a {
    right: 40px;
}
}


.btn-cta-box {
    /*position: sticky;
    bottom: 0;
    z-index: 1030;*/
    background: #fffaea;
    width: 100%;
}
.btn-cta-in {
    padding: 5px 30px 5px 15px;
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.btn-cta-in .btn-item-notfound-close {
    position: absolute;
    top: 2px;
    right: 3px;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
}
.btn-cta-box .btn-item-notfound {
    max-width: 700px;
    margin: 0 auto;
}
.btn-cta-box a {
    display: inline-block;
    color: #f53d7e;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    padding: 5px;
    position: relative;
    transition: 1000ms linear;
}



.wrap-ryokoshien{
	width: 100%;
	max-width: 890px;
	margin: 0 auto;
	padding-top: 20px;
}
.ryokoshien-box{
	padding: 15px 30px;
	background: #8ec31f;
	width: 100%;
	margin: 0 auto;
	border-radius: 4px;
	display: flex;
	color: #fff;
	position: relative;
}
.ryokoshien-box:after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-size: 24px;
    font-weight: 800;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5px;
    color: #fff;
}
.ryokoshien-box:hover{
	color: #fff;
	opacity: 0.5;
	text-decoration: none;
}
.ryokoshien-box img{
	width: 60px;
}
.ryokoshien-box p{
	width: calc(100% - 60px);
	padding-left: 20px;
	font-size: 16px;
	font-weight: bold;
}
.ryokoshien-box p b{
	display: block;
	text-align: center;
	border-bottom: 1px dotted #fff;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.ryokoshien-box p .btn{
	background: #fff;
	color: #8ec31f;
	padding: 5px 10px;
	display: inline-block;
	line-height: 1;
	font-weight: bold;
	margin-top: 5px;
}
@media(max-width:767px) {
.ryokoshien-box{
	padding: 10px 25px 10px 10px;
}
.ryokoshien-box img{
	width: 50px;
}
.ryokoshien-box p{
	padding-left: 10px;
	font-size: 13px;
	width: calc(100% - 50px);
}
.ryokoshien-box p .btn{
	font-size: 12px;
}
.ryokoshien-box:after {
    font-size: 20px;
}
}



.datepicker--day-name{
	color:#fff;
	background:#333;
}
.datepicker--cell-day:nth-child(7n+1) ,
.datepicker--cell-day.holiday{
	color:#da4453;
}
.datepicker--cell.-current-{
	font-weight:bold;
	color:#F989B1;
	background:#fce9f0;
}
.datepicker--cell-day:nth-child(7n) {
	color:#3bafda;
}
.datepicker--cell.-selected-, .date{
	color:#fff !important;
}
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade-{
	color:#dedede !important;
}


/*パークマップ・エリア紹介*/
#parkinfo{

}
.wrap-parkmap{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.wrap-regal-park{
	width: 100%;
	padding: 20px 0px 0;
	margin: 0 auto;
}
.wrap-regal-park p{
	font-size: 12px;
	line-height: 1.4;
}
.wrap-regal-park p + p{
	margin-top: 10px;
}
.regal-park{
	font-size: 11px;
	text-align: left;
	line-height: 1.2;
	color: #666;
}

.container-parkmap{
	margin-top: 30px;
	padding: 20px 20px;
	background: #fff;
	box-shadow: 0 0 8px rgb(0 0 0 / 15%);
	border-radius: 10px;
}
.row-parkmap{

}
.dl-parkmapdetail{
	margin-bottom: 10px;
}
.dl-parkmapdetail dt{
	background: #77653c;
	color: #fff;
	padding:8px 10px;
	font-size: 13px;
}
.dl-parkmapdetail.parkarea-01 dt{
	background: #64b92a;
}
.dl-parkmapdetail.parkarea-02 dt{
	background: #50378b;
}
.dl-parkmapdetail.parkarea-03 dt{
	background: #e76d1a;
}
.dl-parkmapdetail.parkarea-04 dt{
	background: #359bd9;
}
.dl-parkmapdetail.parkarea-05 dt{
	background: #348539;
}
.dl-parkmapdetail.parkarea-06 dt{
	background: #37b58f;
}
.dl-parkmapdetail.parkarea-07 dt{
	background: #dbad24;
}
.dl-parkmapdetail.parkarea-08 dt{
	background: #6d2d2e;
}
.dl-parkmapdetail.parkarea-09 dt{
	background: #359bd9;
}
.dl-parkmapdetail.parkarea-10 dt{
	background: #da1715;
}
.dl-parkmapdetail.parkarea-11 dt{
	background: #001E43;
}

.dl-parkmapdetail.parkarea-12 dt{
	background: #E72410;
}

.dl-parkmapdetail dd{
	padding: 10px 15px 10px;
	font-size: 13px;
}
.dl-parkmapdetail dd .text-annotation{
	display: block;
	line-height: 1.4;
	margin-top: 5px;
}
.list-regal-usj{
	padding: 15px;
	background: #fafafa;
}
.list-regal-usj li{
	position: relative;
	font-size: 12px;
	padding-left: 15px;
}
.list-regal-usj li:before{
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}
.list-regal-usj li + li{
	margin-top: 5px;
}

.list-regal-nintendo{
	padding: 15px;
	background: #fafafa;
	margin-bottom: 15px;
}
.list-regal-nintendo li{
	position: relative;
	font-size: 12px;
	padding-left: 15px;
}
.list-regal-nintendo li:before{
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}
.list-regal-nintendo li + li{
	margin-top: 5px;
}



.attraction-detail {
	padding: 5px;
		display: flex;
	flex-direction: column;
}

.attraction-detail dd:attraction-img{
	order: 0;
}
.attraction-detail dt{
	order: 1;
	margin-bottom: 10px;
}
.attraction-detail dd:last-child{
	order: 2;
}
.attraction-detail dd{
	padding: 0 0 12px;
}



@media(max-width:767px) {
.dl-parkmapdetail{
	margin-bottom: 15px;
}
.dl-parkmapdetail dt{
	padding: 5px 6px;
	font-size: 11px;
	margin-bottom: 5px;
}
.dl-parkmapdetail dd{
	padding:0 0 5px;
	font-size: 12px;
}
.attraction-detail {
	padding:0;
}	
}



/*リニューアル用のスタイル*/
#search-dayhigaeri .li-dep-name{
	width: 20%;
}
#search-dayhigaeri .li-dep-set{
	width: 40%;
}
@media(max-width:767px) {
#search-dayhigaeri .li-dep-set{
	width: calc(100% - 80px);
	text-align: right;
	margin: 0 0 0 auto;
	border-left: none;
}
#search-dayhigaeri .li-dep-name{
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 100%;
    background: none;
    display: block;
}
}



/*お知らせエリア*/
#Newsarea{
	padding: 20px 0;
}
.container-news{
	width: 100%;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.col-news{
	width: 50%;
	padding: 0 10px;
}

	/*お知らせアコーディオン*/
	.box-information{
		width: 100%;
		max-width: 890px;
		z-index: 1;
		position: relative;
	}
	.title-info button{
		background: #c29d20;
		text-align: left;
		color: #fff;
		padding:10px;
		position: relative;
		line-height: 1.4;
		display: block;
		width: 100%;
		font-weight: bold;
	}
	.title-info button:after {
		content: "\f077";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translate(0, -50%);
	}
	.title-info button.collapsed:after {
		content: "\f078";
	}
	.body-info{
		padding:15px 15px;
		background: #fffcf4;
		margin-bottom: 0;
		border-radius: 0;
		border: solid 3px #c29d20;
		border-top:none;
	}
	.body-info p{
		line-height: 1.6;
		font-size: 14px;
		color: #555;
	}
	.body-info p + p{
		margin-top: 5px;
	}

@media(max-width:767px) {
.col-news{
	width: 100%;
	padding: 0;
}
.col-news + .col-news{
	margin-top: 10px;
}
}



/*特集バナー*/
#Feature{
	padding: 20px 0;
}


/*検索ボックス*/
.search-box .nav-plantabs{
	display: flex;
}
.search-box .nav-plantabs li{
	width: 50%;
	text-align: center;
	padding: 0 2.5px;
	display: flex;
}
.search-box .nav-plantabs li .nav-link{
	background: #714b86;
	color: #fff;
	display: block;
	width: 100%;
}
.search-box .nav-plantabs li .nav-link.active{
	background: #f8689b;
	color: #fff;
	position: relative;
}
.search-box .nav-plantabs li .nav-link.active:before {
	position: relative;
	left: 50%;
	content: "";
	display: block;
	bottom: -20px;
	position: absolute;
	z-index: 1;
	transform: translate(-50%, 0);
	border-right: 10px solid transparent;
	border-top: 10px solid #f8689b;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
}

.lead-search{
	text-align: center;
	margin-bottom: 20px;
}
.lead-search p{
	font-size: 16px;
}
.lead-search p + p{
	margin-top: 5px;
}




#Searchdayhigaeri{
	padding: 60px 0;
}




.tbl-kigen{
	width: 100%;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.tbl-kigen th,
.tbl-kigen td{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 25%;
	text-align: center;
	padding: 5px;
	font-size: 13px;
}
.tbl-kigen th{
	background: #fafafa;
}
.tbl-kigen tr:first-child th{
	position: sticky;
	top: 0;
	color: #fff;
	background: #714b86;
 }
.tbl-kigen tr:first-child th:before{
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
}
.lable-pass-on{
	display: block;
	background: #f54b6b;
	color: #fff;
	border-radius: 3px;
	line-height: 1;
	padding: 2px 0;
}
.lable-pass-off{
	display: block;
	background: #4db8f0;
	color: #fff;
	border-radius: 3px;
	line-height: 1;
	padding: 2px 0;
}
.lable-pass-on + .lable-pass-off{
	margin-top: 5px;
}
.link-kigen{
	background: none;
	text-decoration: none;
	cursor: pointer;
}
.link-kigen b{
	display: block;
	text-decoration: none;
	margin-bottom: 5px;
}
.link-kigen span{
	display: block;
	border:solid 1px #ccc;
	padding: 10px 15px 8px;
	border-radius: 4px;
	font-size: 14px;
	color: #fff;
	background: #333;
}
.link-kigen:hover span{
	text-decoration: none;
}
.setting-plandetail{
	width: 100%;
	padding: 10px;
	background: #fafafa;
}
.setting-plandetail > p{
	font-size: 14px;
	margin-bottom: 10px;
}
.form-inline .setting-plandetail .btn-group .btn-default{
	width: 50%;
	font-size: 14px;
}
.form-inline .setting-plandetail .btn-group + .btn-group{
	margin-top: 5px;
}
.form-inline .setting-plandetail .btn-group .btn-default:before{
  content: "";
  background: #fff;
  border:solid 1px #ccc;
  border-radius: 100%;
  display: flex;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 5px;
  justify-content: center;
  cursor: pointer;
  align-items: center;
}
.form-inline .setting-plandetail .btn-group .btn-default.active:after{
  content: "";
  background: #333;
  border-radius: 100%;
  display: flex;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 8px;
  justify-content: center;
  align-items: center;
}
.form-inline .setting-plandetail .btn-group .btn-default.ver-checkbox:before{
  content: "";
  background: #fff;
  border:solid 1px #ccc;
  border-radius: 1px;
  display: flex;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 5px;
  justify-content: center;
  cursor: pointer;
  align-items: center;
}
.form-inline .setting-plandetail .btn-group .btn-default.ver-checkbox.active:after{
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	background: none;
	width: auto;
	height: auto;
	font-weight: bold;
	font-size: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 8px;
}
.form-inline .setting-plandetail .btn-group .btn-default.active{
	background: #fff !important;
	color: #495057 !important;
}
.plandetail-flex{
	display: flex;
	align-items: center;
}
.plandetail-flex + .plandetail-flex{
	margin-top: 10px;
}
.plandetail-flex > span{
	width: 20%;
	font-size: 14px;
}
.btn-plangroup{
	width: 80%;
	display: flex;
	border-radius: 0.25em;
	overflow: hidden;
	border: 1px solid #ced4da;
}
.btn-plangroup.ver-option,
.btn-plangroup.ver-hotel{
	flex-wrap: wrap;
}
.btn-plangroup.ver-checkbox{
	border:none;
	justify-content: space-between;
}
.btn-plangroup > .btn{
	width: 50%;
	position: relative;
	font-size: 14px;
	background: #fff;
	border-radius: 0;
	border:none;
	margin-bottom: 0;
	outline: none !important;
	overflow: hidden;
}
.btn-plangroup > .btn + .btn{
	border-left:none;
	border-left: 1px solid #ced4da;
}
.btn-plangroup.ver-checkbox > .btn + .btn{
	border:none;
}
.btn-plangroup.ver-checkbox > .btn{
	border:solid 1px #ccc;
	border-radius: 4px;
	width: 49.5%;
}
.btn-plangroup.ver-checkbox.ver-option > .btn{
	margin:0 0 1% 0;
}
.btn-plangroup.ver-checkbox.ver-hotel > .btn{
	width: 49.5%;
	margin:0 0 1% 0;
}
.btn-plangroup.ver-checkbox.ver-hotel > .btn:last-child{
	margin-bottom:0;
}
.btn-plangroup.ver-checkbox > .btn + .btn{
	border:solid 1px #ccc;
	border-radius: 4px;
}
.btn-plangroup > .btn input{
	display: none;
	/*position: absolute;
	left: 5px;
	top: 50%;
	transform: translate(0, -50%);
	outline: none !important;*/
}
.btn.btn-default{
	position: relative;
}
.btn.btn-default:before{
	content: "";
	width: 13px;
	height: 13px;
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translate(0, -50%);
	outline: none !important;
	background: #fff;
	border-radius: 100px;
	border:solid 1px #ccc;
}
.btn.btn-default.ver-checkbox:before{
	border-radius: 0px;
}
.btn.btn-default.active:before{
	border:solid 1px #999;
}
.btn.btn-default.active:after{
	content: "";
	width: 9px;
	height: 9px;
	position: absolute;
	left: 7px;
	top: 50%;
	transform: translate(0, -50%);
	outline: none !important;
	background: #999;
	border-radius: 100px;
}
.btn.btn-default.ver-checkbox.active:after{
	border-radius: 0px;
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	background: none;
	color: #999;
	width: auto;
	height: auto;
	font-size: 9px;
}
.select-plangroup{
	width: 80%;
	align-items: center;
}
.acc-searchbox{
	margin-top: 10px;
}
.btn-open-search-option{
	background: #fff;
	text-align: center;
	font-size: 14px;
	padding: 12px 15px;
	display: inline-block;
	border-radius: 4px 4px 0 0;
	border:dashed 1px #ccc;
	border-bottom: none;
	margin-bottom: -1px;
	color: #111;
}
.ver-test-c .btn-open-search-option{
	display: none;
}
.btn-open-search-option img{
	width: 18px;
	height: auto;
	margin-right: 5px !important;
	position: relative;
	top: -2px;
}
.btn-open-search-option.collapsed{
	border-radius: 4px;
	border:dashed 1px #ccc;
	margin-bottom: -1px;
}
#acc-search-option{
	background: #fff;
	padding: 20px;
	border:dashed 1px #ccc;
	border-radius: 4px;
}
.ver-test-c #acc-search-option{
	display: block;
	background: none;
	border:none;
	padding: 0;
}
#search-day select.select-people,
#search-day select.select-price{
	width: 100%;
	margin: 0;
	font-size: 14px;
	padding: 0.375rem 0.75rem;
	border-color: #ccc;
	border-radius: 0.25em;
}
.btn-modal-hotel{
	background: none;
	text-align: left;
	display: inline-block;
	padding: 0;
	border:none;
	outline: none;
	color: #007bff;
}
@media(max-width:767px) {
#modal-kigen .modal-body p{
	font-size: 14px;
}
.form-inline .setting-plandetail .btn-group + .btn-group{
	margin-top: 0px;
}
.form-inline .setting-plandetail .btn-group .btn-default{
	margin-bottom: 0;
}
.form-inline .setting-plandetail .btn-group .btn-default:before{
  width: 10px;
  height: 10px;
  left: 4px;
}
.form-inline .setting-plandetail .btn-group .btn-default.active:after{
  width: 6px;
  height: 6px;
  left: 6px;
}
.form-inline .setting-plandetail .btn-group .btn-default.ver-checkbox:before{
  width: 10px;
  height: 10px;
  left: 4px;
}
.form-inline .setting-plandetail .btn-group .btn-default.ver-checkbox.active:after{
	width: auto;
	height: auto;
	font-size: 10px;
	left: 5px;
}
.plandetail-flex > span{
	font-size: 12px;
	display: block;
	line-height: 1;
	padding-right: 5px;
	width: 20%;
}
.btn-plangroup{
	width: 80%;
}
.btn-plangroup > .btn{
	font-size: 13px;
}
.btn-plangroup.ver-hotel,
.btn-plangroup.ver-option{
	flex-wrap: wrap;
}
.btn-plangroup.ver-hotel > .btn,
.btn-plangroup.ver-option > .btn{
	width: 100%;
}
.btn-plangroup.ver-checkbox.ver-hotel > .btn{
	width: 100%;
	margin:0 0 1% 0;
}
#search-day select.select-people,
#search-day select.select-price{
	font-size: 13px;
}
#search-day select.select-people option,
#search-day select.select-price option{
	font-size: 20px;
}
.text-annotation-hotel{
	text-align: left;
}
.btn-open-search-option{
	font-size: 13px;
	padding:10px 15px;
}
.btn-open-search-option.collapsed{
	border-radius: 4px;
}
#acc-search-option{
	padding: 10px;
}
}



#modal-delivery .modal-header {
	background: #fafafa;
	border-radius: 5px 5px 0 0;
}
#modal-delivery .modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
}
#modal-delivery .modal-title{
	font-size: 16px;
	font-weight: bold;
}
#deliverytext .modal-lead02 em {
	display: inline-block;
	margin: 2px;
	font-size: 16px;
	color: #e00000;
	font-weight: bold;
}
#deliverytext .mark-note {
	text-indent: -1rem;
	margin-left: 1rem;
}
#deliverytext .modal-title04 {
    margin-top: 40px;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;
    color: #222;
    line-height: 1.4;
    border-left: 5px solid #666;
    background: #efefef;
}
#deliverytext .modal-attention-box {
    margin: 10px auto;
    padding: 15px;
    border: 3px double #e00000;
}
#deliverytext .modal-passing-time dt {
    padding: 3px 10px;
    font-size: 12px;
    color: #fff;
    background: #666;
    border-left: 4px solid #222;
}


.testblock{
	display: none;
}

/*
おすすめツアー商品
**********************************/
/*20241004追記 お知らせボタン*/
.news-btn-wrap{
	margin: auto;
	padding: 0;
}
.news-btn-wrap .btn-news {
    background: #fff !important;
    color: #dc3545;
    text-align: left;
    padding: 10px 10px 10px 75px;/*変更*/
    position: relative;
    line-height: 1.4;
    display: block;
    width: 96%;
    font-weight: bold;
    font-size: 14px;
    border: solid 3px #dc3545;/*変更*/
    border-radius: 4px;
    position: relative;
    margin: 18px auto 0px;
}

.news-btn-wrap .btn-news .badge {
    position: absolute;
    top: 12px;
    left: 10px;
    padding: 3px 4px 2px;
    font-weight: normal;
    background-color: #000;/*変更*/
    color: #fff;
    border-radius: 2px;
}

/*カウントダウン*/
.news-btn-wrap .btn-news.news_countdown{
	min-height: 65px;
}
/*icon*/
.news-btn-wrap .btn-news.news_countdown .badge{
	background-color: transparent;
	top: calc(50% - 27px);
}



ul.recommend-tour-list{
	display:flex;
	gap:15px;
	margin:20px 0;
}

ul.recommend-tour-list li{
	width:25%;
	position: relative;
}

/*タイムセールアイコン*/
ul.recommend-tour-list li.ico-sale::before {
    position: absolute;
    transform: translate(0, -50%);
    top: 78px;
    left: 0;
    width: 60px;
    height: 60px;
    background: url(/static/img/usj/2023/timesale_b.svg) center no-repeat;
    content: "";
    background-size: contain;
    display: inline-block;
}


ul.recommend-tour-list li a{
	display:block;
	padding:10px;
	color:#896A98;
	background: #fdfdf7;
	overflow: hidden;
	box-shadow: 0px 0px 6px #e7e7e7;
	border-radius:4px;
	overflow:hidden;
}

ul.recommend-tour-list li a:hover{
	text-decoration:none;
}

ul.recommend-tour-list li img{
	display: inline;
	height: 150px;
	object-fit: cover;
	width: 100%;
	margin-bottom:10px !important;
}

.tour-plan-ttl{
	font-size:14px;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:3px;
}

.tour-plan-sub{
	font-size:12px;
	color:#77653c;
	background:#fff;
	padding:3px;
}
.tour-plan-lead{
	font-size:14px;
	font-weight: bold;
	color:#77653c;
	margin-bottom: 5px;
}
.price-text{
	font-size:14px;
	font-weight:normal;
	margin-top:3px;
}

.price-box{
	text-align:right;
}

.goto-price-after,
.goto-price-before{
	position:relative;
}

.goto-price-after{
	margin-top:-5px;
}
.goto-price-after .price{
	font-size: 18px;
	font-weight: bold;
	color: #F53D7D;
	font-family: Verdana, Geneva, sans-serif;
	text-align:right;
	position:relative;
	display:inline-block;
}

.goto-price-after .price .yen{
	font-size: 11px;
	font-weight: bold;
	display: inline-block;
	padding-left:0px;
	color: #F53D7D;
	font-family: initial;
}

.goto-price-before{
	margin-top:-3px;
}

.goto-price-before .price{
	font-size: 14px;
	font-weight: bold;
	color: #666;
	font-family: Verdana, Geneva, sans-serif;
	text-align:right;
	letter-spacing:-0.3px;
	position:relative;
	display:inline-block;
	margin-top:-2px;
}

.goto-price-before .price .yen{
	font-size: 10px;
	font-weight: bold;
	display: inline-block;
	padding-left:0px;
	font-family: initial;
}



.kara{
	font-size: 12px;
	font-family: initial;
}

.goto-price-after .price:before {
    content: "お一人様あたり";
    position: absolute;
    top:5px;
    left: -8px;
    font-size: 13px;
    font-weight:normal;
    color:#333;
}
.goto-price-before .price:before {
    content: "割引前";
    position: absolute;
    top:2px;
    left: -48px;
    font-size: 13px;
    font-weight:normal;
}

.goto-price-before .price:after{
	content:"";
	display:block;
	width:100%;
	height:2px;
	background:#cc0000;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 0;
}

.tab-pane{
	animation: fadeIn 1s ease 0s 0.5 normal;
	-webkit-animation: fadeIn 1s ease 0s 0.5 normal;
}

@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}


@media(min-width:992px) {
	.goto-price-after .price{
		padding-top:20px;
	}
}
@media(min-width:992px) and (max-width:1199px){
	.goto-price-after .price:before {
	    top:5px;
	    left:-5px;
	    font-size: 13px;
	}
}

@media(min-width:768px) and (max-width:991px){
	ul.recommend-tour-list{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	ul.recommend-tour-list li{
		width:100%;
	}
	
	.goto-price-after .price:before {
	    left: -100px;
	}
}

@media(min-width:577px) and (max-width:767px){
	.news-btn-wrap .btn-news {
		margin: 8px auto 0px;
	}
	ul.recommend-tour-list{
		display: grid;
		grid-template-columns: 1fr 1fr;
		margin: 10px 0
	}
	ul.recommend-tour-list li{
		width:100%;
	}
	
	.goto-price-after .price{
		padding-top:20px;
	}
	
	.goto-price-after .price:before {
	    top:5px;
	    left:-7px;
	    font-size: 13px;
	}
}

@media(max-width:576px){
	.recommend-tour-list-wrap{
		overflow-x:scroll;
		padding-left: 5px;
		padding-right: 5px;
	}
	.news-btn-wrap .btn-news {
		margin: 8px auto 0px;
	}
	ul.recommend-tour-list{
		width:900px;
		margin: 10px 0
	}
	
	ul.recommend-tour-list li{
		width:300px;
	}
	
	.tour-plan-ttl{
		font-size:13px;
		line-height:1.3;
	}
	
	
	.tour-plan-sub{
		font-size:12px;
	}
	
	.goto-price-after .price{
		font-size:16px;
		text-align:right;
	}
	.goto-price-before .price{
		font-size:14px;
		text-align:right;
	}
	.goto-price-after .price:before {
	    top:2px;
	    left:-100px;
	}
	.tour-plan-lead{
		font-size:13px;
	}
}


@media(max-width:374px){

	ul.recommend-tour-list{
		 width:1108px;
	}
	
	ul.recommend-tour-list li{
		width:265px;
	}
	
	.goto-price-after .price:before{
		font-size:12px;
		left:-95px;
	}
	
	.goto-price-after .price{
		font-size:14px;
		letter-spacing:-0.35px;
	}
	
	.goto-price-before .price{
		font-size:13px;
	}

}


/*
setplan-area-box
**************************************/

.setplan-area-box{
	margin:15px 0 5px 0;
	padding:15px;
	border-radius:10px;
	background:#fff;
}

.setplan-area-box .tab-pane{
	padding:20px 0 5px 0;
}

dl.setplan-area{
	display:flex;
	align-items: center;
}

dl.setplan-area dt{
	text-align:left;
	width:100px;
	padding:10px 10px 10px 20px;
}


dl.setplan-area dd{
	width:calc(100% - 100px);
}

dl.setplan-area ul{
	display:flex;
	width:100%;
}

dl.setplan-area ul a{
	display:block;
	font-size:14px;
	border-radius:4px;
	background:#fff;
	border: solid 1px #ccc;
	color: #333;
	padding:10px 15px;
	position:relative;
}

dl.setplan-area ul a:after{
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-size:10px;
	font-weight: 800;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 5px;
	color: #F53D7E;
}

#content-wrap dl.setplan-area ul a:hover{
	background:#fff5f9;
	text-decoration:none;
	opacity:1.0;
}

dl.setplan-area ul li{
	margin:5px;
	width:15%;
}

dl.setplan-area.item-tokai ul li{
	width:150px;
}

dl.setplan-area.item-tohoku ul li{
	width:150px;
}

dl.setplan-area.item-kanto dt{
	color:#1a2975;
	border-left:5px solid #1a2975;
}

dl.setplan-area.item-tokai dt{
	color:#ef3c4d;
	border-left:5px solid #ef3c4d;
}

dl.setplan-area.item-hokuriku dt{
	color:#9435b8;
	border-left:5px solid #9435b8;
}

dl.setplan-area.item-tohoku dt{
	color:#4db8f0;
	border-left:5px solid #4db8f0;
}

dl.setplan-area.item-chugoku dt{
	color:#9ba61d;
	border-left:5px solid #9ba61d;
}
dl.setplan-area.item-kyusyu dt{
	color:#f54b6b;
	border-left:5px solid #f54b6b;
}

dl.setplan-area .hatsu{
	font-size:12px;
	margin-left:3px;
}

#planset-area .search-box{
	padding:20px 50px;
}
#planset-area .title-style01{
	border-radius:3px 3px 0 0;
}

.setplan-search .setplan-area-box{
	margin-top:0;
}

.setplan-search .title-style06{
	margin-bottom:5px;
}

@media(min-width:768px){
	#planset-area .title-style05 span{
		display:inline-block;
	}
}

@media(min-width:768px) and (max-width:991px){
	.hotelset-box > li{
		padding:20px 10px;
	}
	
	#planset-area .search-box{
		padding:20px 10px;
	}
	dl.setplan-area ul{
		flex-wrap:wrap;
	}
	
	dl.setplan-area{
		align-items:flex-start;
	}
	
	dl.setplan-area.item-kanto ul li{
		width:30%;
	}
	
	dl.setplan-area.item-tokai.item-kansai ul li{
		width:31%;
	}
	dl.setplan-area.item-tokai ul li{
		width:31%;
	}
	
	dl.setplan-area.item-tokai ul li.nagoya{
		width:31%;
	}
	
	dl.setplan-area.item-hokuriku ul li{
		width:22%;
	}
	dl.setplan-area.item-chugoku ul li{
		width:22%;
	}
	
	dl.setplan-area.item-kyusyu ul li{
		width:17.5%;
	}
	
}

@media(max-width:767px){
	.nav-dep > li a.nav-link{
		padding:14px 0;
	}
	dl.setplan-area{
		flex-flow: column;
		align-items:flex-start;
	}
	dl.setplan-area dt{
		width:100%;
		padding:5px 5px 5px 10px;
		margin-bottom:5px;
	}
	dl.setplan-area dd{
		width:100%;
	}
	dl.setplan-area ul{
		flex-wrap:wrap;
	}
	
	dl.setplan-area ul a{
		padding:10px 5px;
	}
	
	dl.setplan-area ul a:after{
		right:3px;
	}
	
	dl.setplan-area ul li{
		margin:2px 3px;
	}
	
	dl.setplan-area ul li:last-child{
		margin-right:0;
	}
	
	dl.setplan-area.item-tokai ul li a{
		padding:10px 2px;
	}
	
	dl.setplan-area.item-kanto ul li{
		width:31.2%;
	}
	
	dl.setplan-area.item-tokai.item-kansai,
	dl.setplan-area.item-chugoku + dl.setplan-area.item-chugoku{
		margin-top:7px;
	}
	
	dl.setplan-area.item-tokai.item-kansai ul li{
		width:31.5%;
	}
	
	dl.setplan-area.item-tokai ul li{
		width:27%;
	}
	
	dl.setplan-area.item-tokai ul li.nagoya{
		width:41%;
	}
	
	dl.setplan-area.item-hokuriku ul li{
		width:23%;
	}
	dl.setplan-area.item-tohoku ul li{
		width:46%;
	}
	
	dl.setplan-area.item-chugoku ul li{
		width:23%;
	}
	
	dl.setplan-area.item-kyusyu ul li{
		width:31%;
	}
	
	#planset-area .search-box{
		padding:0px 0;
	}
}
@media(max-width:375px){
	dl.setplan-area ul a{
		font-size:13px;
	}
	dl.setplan-area.item-tokai ul li{
		width:26.5%;
	}

}


.label-check{
    padding: 3px 8px 2px;
    font-weight: normal;
    background-color: #dc3545;
    color: #fff;
    border-radius: 2px;
    font-size: 14px;
    display: inline-block;
}
.title-family{
	text-align: center;
	font-size: 18px;
	margin-bottom: 30px;
	position: relative;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
	font-weight: 900;
}
.title-family span{
    padding: 0 20px;
}
.title-family:before,
.title-family:after{
    content: "";
    display: inline-block;
    width: 3px;
    height: 20px;
    background: #000;
    border-radius: 2px;
}
.title-family:before{
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.title-family:after{
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}
.wrap-family-plan{
	background: #ffeaf2;
	padding: 15px 15px;
}
.wrap-family-plan p{
	font-size: 16px;
	font-weight: bold;
	color: #f54b6b;
	margin: 0;
}
.col-hotel-copy{
	width: 100%;
	margin-top: 10px;
	font-size: 14px;
}
.wrap-sample-hotel{
	background: #fff;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}
.col-hotel-img{
	width: 50%;
}
.col-hotel-text{
	width: 50%;
	padding-left: 10px;
	font-size: 14px;
	color: #77653c;
}
@media(max-width:767px){
.col-hotel-img{
	width: 100%;
	order:2;
	margin-top: 10px;
}
.col-hotel-text{
	width: 100%;
	padding-left: 0px;
	order:1;
}
.col-hotel-copy{
	order:3;
}
}





.title-style-border{
	text-align: center;
	font-size: 18px;
	margin-bottom: 20px;
	padding-top: 10px;
	font-weight: bold;
}
.title-style-border b{
	margin-right: 10px;
}
.title-style-border span,
.title-style01 .badge-danger{
	font-size: 12px;
	position: relative;
	top: -2px;
	padding: 3px 4px 2px;
	font-weight: normal;
	background-color: #0368d9;
	color: #fff;
	border-radius: 2px;
}
.title-osusume-time{
	margin: 20px 0;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
.title-osusume-time b{
	color: #77653c;
	font-size: 18px;
	display: block;
}
.tour-plan-arrivetime{
	font-weight: bold;
	font-size: 22px;
	display: block;
	text-align: left;
	color: #0368d9;
	margin-bottom: 5px;
}
.tour-plan-arrivetime span{
	display: inline-flex;
	width: 24px;
	height: 24px;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	background: #0368d9;
	color: #fff;
	border-radius: 100px;
	position: relative;
	margin-right: 3px;
	top: -4px;
}
.tour-plan-koutei{
	font-size: 13px;
	color: #333;
}
.tour-plan-set{
	background: #fdfdf7;
	padding: 5px 10px;
	font-size: 13px;
	margin-top: 5px;
	color: #666;
	text-align: left;
}
.img-arrivalbus{
	padding-top: 20px;
	text-align: center;
}
.img-arrivalbus > img{
	border:solid 5px #eee;
	margin: 0 auto;
	width: 100%;
	max-width: 800px !important;
}
#arrivaltime-tour .nav-dep > li a.nav-link{
	padding: 10px 0;
}
#arrivaltime-tour .tour-plan-set{
	background: #ffeaf2;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	font-size: 11px;

}
#arrivaltime-tour .nav-tabs.nav-dep{
	width: 50%;
	margin: 0 auto;
	border-bottom: none;
}
#arrivaltime-tour .nav-tabs .nav-item{
	margin-bottom: 0;
}
#arrivaltime-tour .tab-content{
	border-top:2px solid #eee;
	padding-top: 10px;
}
#arrivaltime-tour .li-dep-set{
	border:none;
}
#arrivaltime-tour .li-dep-set + .li-dep-set{
	border-left: 1px dotted #ccc;
}
@media(max-width:1200px){
#arrivaltime-tour .tour-plan-set{
	display: block;
}
#arrivaltime-tour .wrap-price{
	display: block;
}
}
@media(max-width:767px){
.title-style-border{
	font-size: 14px;
	margin-bottom: 10px;
	padding-top: 0px;
}
.title-style-border b{
	margin-right: 0px;
}
.title-style-border span,
.title-style01 .badge-danger{
	font-weight: normal;
	font-size: 10px;
	position: relative;
	top: -2px;
}
.title-osusume-time b{
	font-size: 16px;
}
.tour-plan-arrivetime{
	font-size: 18px;
}
.tour-plan-arrivetime span{
	display: inline-flex;
	width: 20px;
	height: 20px;
	font-size: 12px;
	top: -3px;
}
.img-arrivalbus{
	padding:10px 10px 0;
}
.img-arrivalbus > img{
	border:solid 3px #eee;
}
#arrivaltime-tour .tour-plan-set{
	font-size: 12px;
	display: flex;
}
#arrivaltime-tour .li-dep-set .wrap-price .num{
	font-size: 18px;
}
#arrivaltime-tour .nav-dep > li a.nav-link{
	padding: 8px 3px;
}
#arrivaltime-tour .nav-tabs.nav-dep{
	width: 90%;
}
#arrivaltime-tour .li-dep-set{
	border-top: none;
	border-bottom: 1px dotted #ccc;
}
#arrivaltime-tour .li-dep-set + .li-dep-set{
	border-left: none;
}
#arrivaltime-tour .tab-content{
	padding-top: 0px;
}
}



.btn-faq{
	color: #fff;
	text-align: center;
	display: block;
	padding: 10px;
	font-weight: bold;
}
.btn-faq:hover{
	color: #fff;
	text-decoration: none;
}
.btn-faq:after {
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 0.6em;
	position: relative;
	margin-left: 5px;
}
.btn-faq > span{
	background: #fff;
	display: inline-block;
	line-height: 1;
	font-size: 0.6em;
	border-radius: 3px;
	color: #001165;
	padding: 5px 8px;
	margin-right: 5px;
	top: -2px;
	position: relative;
}




.slider-container{
	margin-left:-15px;
	margin-right: -15px;
}
.slider-plan-01{
	width: 100%;
	display: flex;
}
.slider-box-01{
	overflow-x: scroll;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.slider-plan-01{
	width: 220%;
	display: flex;
}
.ver-test .slider-plan-01{
	width: 310%;
	display: flex;
}
.slider-plan-01 > li{
	padding: 0 5px;
	display: flex;
	width: 40%;
}
.col-testbox{
	width: 100% !important;
	flex: 100% !important;
	max-width: 100% !important;
}
@media(min-width:767px) {
.slider-container{
	margin-left:auto;
	margin-right:auto;
}
.slider-plan-01{
	width: 100%;
}
.ver-test .slider-plan-01{
	width: 100%;
}
.slider-plan-01{
	flex-wrap: wrap;
}
.slider-box-01{
	width: 100%;
	max-width: 1125px;
	margin:0 auto;
	overflow-x: initial;
	padding-bottom: 0;
}
.slider-plan-01 > li{
	width: 33.33%;
	margin-bottom: 4px;
}
}
@media(min-width:992px) {
.slider-plan-01 > li{
	width: 50%;
	padding: 0 2px;
}
.col-testbox .slider-plan-01 > li{
	width: 16.66%;
	padding: 0 2px;
}
}


/*プランの掲載*/
.card-bnrclick{
	display: block;
	width: 100%;
	background: none;
	outline: none;
	padding: 0;
}
.card-bnrclick:hover{
	text-decoration: none;
	background: #fff3f7;
	color: #111111;
	cursor:pointer;
}



.ul-depplan{
	display: flex;
}
.ul-depplan > li{
	width: 33.33%;
	padding: 0 5px;
}
.ul-depplan > li a{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	text-decoration: none;
	border:solid 1px #eee;
/*	padding: 10px 10px 5px 10px;*/
padding: 10px 10px 10px 10px;
	border-radius: 4px;
	position: relative;
	background: #fff;
}
.label-btn{
	display: block;
	background: #F14482;
	color: #fff;
	padding: 10px 5px;
	border-radius: 4px;
	width: 100%;
	text-align: center;
	margin-top: 5px;
	position: relative;
	font-size: 14px;
}
.label-btn:after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 9px;
    transform: translate(0, -50%);
    font-size: 12px;
}
/*.ul-depplan > li a:after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 9px;
    transform: translate(0, -50%);
    color: #F14482;
    font-size: 14px;
}*/
.title-planname-dep{
	font-size: 15px;
	font-weight: bold;
	color: #77653c;
	margin-bottom: 10px;
	padding-left: 3px;
	width: 100%;
}
.title-planname-dep b{
	font-size: 16px;
	margin-right: 2px;
}
.col-deparrivetime{
	width: 50%;
	display: flex;
	background: #fff;
}
.label-lank{
	background: #dc3545;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	border-radius: 2px;
	padding: 3px 6px 2px 6px;
	line-height: 1;
	position: relative;
	top: -2px;
	font-weight: normal;
	margin-left: 3px;
}
.label-dep{
	background: #8cc152;
	color: #fff;
	font-size: 13px;
	display: flex;
	align-items: center;
	padding: 0 1px;
	font-weight: bold;
}
.label-arrive{
	background: #f6bb42;
	color: #fff;
	font-size: 13px;
	display: flex;
	align-items: center;
	padding: 0 1px;
	font-weight: bold;
}
.wrap-arrivetext{
	font-size: 12px;
	color: #333;
	padding: 3px 3px 3px 5px;
	width: 100%;
	background: #fafafa;
}
.wrap-arrivetext b{
	display: block;
	line-height: 1.2;
	margin-bottom: 3px;
	font-weight: normal;
	height: 30px;
	color: #666;
}
.wrap-arrivetext span{
	display: block;
	line-height: 1.2;
	font-size: 16px;
	font-weight: bold;
	color: #666;
}
.ul-depplan > li a .tour-plan-set{
	background: none !important;
	padding: 0;
	text-align: right !important;
}
.ul-depplan > li a .wrap-price{
	background: none;
	text-align: right !important;
}
.link-map-usj{
	text-align: right;
	margin-bottom: 10px;
}
.link-map-usj a{
	font-size: 13px;
	text-decoration: underline;
}
.link-map-usj a:hover{
	text-decoration: none;
}
.link-map-usj a:before{
	content: "\f3c5";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 5px;
}
@media(max-width:1200px){
.ul-depplan .price_inset_mc_done{
	display: block;
}
}
@media(max-width:991px){
.ul-depplan{
	flex-wrap: wrap;
}
.ul-depplan > li{
	width: 50%;
	padding: 5px 5px;
}
.ul-depplan .price_inset_mc_done{
	display: inline-block;
}
}
@media(max-width:767px){
.ul-depplan{
	display: block;
}
.ul-depplan > li{
	width: 100%;
	padding: 5px 5px;
}
.wrap-arrivetext span{
	font-size: 16px;
}
.link-map-usj{
	text-align: center;
	padding: 15px 0 10px;
	margin-bottom: 0;
}
.link-map-usj a{
	font-size: 13px;
	display: inline-block;
	position: relative;
	padding-left: 15px;
	text-align: center;
}
.link-map-usj a:before{
	content: "\f3c5";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right:0;
	position: absolute;
	top: 0;
	left: 0;
}
}


/*20240619追記　タイムセール ホテル2個のパターン*/
.time-sale{
	background-image:url(/static/img/usj/time-sale/pc-time-sale-bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:cover;
	background-attachment: fixed;
	padding: 50px 0;
	margin-bottom: 50px;
}

.time-sale .container {
	max-width: 820px;
}

.wrap-time-sale{
/*	background-color:#286cd1;*/
	background:linear-gradient(180deg, transparent, #2c65a5 200%), #286cd1;
	border: solid 6px #efe03c;
	padding: 7px 5px 25px;
}

.wrap-time-sale-title,
.wrap-time-sale-img {
    display: flex;
    justify-content: center;
}

.time-sale-img-01,
.time-sale-img-02{
	padding: 0 25px 0 25px;
	width: 50%;
	position: relative;/*親*/
}

.time-sale-btn01,
.time-sale-btn02{
	padding: 0;
	background: #fff;
/*	position: relative;親*/
}

#content-wrap a.time-sale-btn01:hover,
#content-wrap a.time-sale-btn02:hover{
	opacity: 0.9;
	cursor:pointer;
}

@media (max-width: 767px) {
	.time-sale{
		background-image:url(/static/img/usj/time-sale/sp-time-sale-bg.png);
		background-attachment: inherit;
		padding: 15px 0;
		margin-bottom: 30px;
	}
	.wrap-time-sale{
		border: solid 2px #efe03c;
		padding: 2px 2px 6px;
	}
	.time-sale-img-01,
	.time-sale-img-02{
		padding: 0 5px 0;
	}
}

/*料金*/
.time-sale-price {
	pointer-events: none;
	position: absolute;/*子*/
	z-index: 0;/*チャットボットより重ね順下にする*/
	bottom: 55px;
	right: 0;
	padding-right: 9%;
}
.time-sale-price .wrap-price .num{
	color: #cc1e1e;
	font-size: 31px;
}

.time-sale-price .wrap-price .num.min:after,
.time-sale-price .wrap-price .num.max:after {
    font-size: 16px;
	margin: 0;
}


@media (min-width: 768px) and (max-width: 850px) {
	.time-sale-price {
		bottom: 13%;
	}
	.time-sale-price .wrap-price .num{
		font-size: 28px;
	}
}

@media (max-width: 767px) {
	.time-sale-price {
		bottom: 11.7%;
		/*left: 3.7%;
		right: inherit;*/
	}
	.time-sale-price .wrap-price .num{
		font-size: 5vw;
	}
	.time-sale-price .wrap-price .num.min:after,
	.time-sale-price .wrap-price .num.max:after {
		font-size: 2.8vw;
	}
}

@media (max-width: 300px) {
	.time-sale-price .wrap-price .num{
		font-size: 15px;
	}
	.time-sale-price .wrap-price .num.min:after,
	.time-sale-price .wrap-price .num.max:after {
		font-size: 8px;
	}
}

/*予約期間*/
.time-sale-term {
    text-align: center;
    background: #efe03c;
    border-radius: 50px;
    width: 80%;
    margin: 2% auto 1%;
    padding: 1%;
}

.time-sale-term p{
    font-size: 19px;
    font-weight: bold;
	color: #cc1e1e;
}

@media (max-width: 767px) {
	.time-sale-term p{
		font-size: 14px;
	}
}


/*20241031追記　ホテル1個のパターン*/
/*
.wrap-time-sale{
	background: none;
	border: none;
	padding: 0;
	overflow: hidden;
}
.time-sale .container {
	max-width: 750px;
}
.time-sale-img-01{
	width: 100%;
	position: relative;
}


.time-sale-price {
	pointer-events: none;
	position: absolute;
	z-index: 0;
	bottom: 83px;
	right: 0;
	padding-right: 10%;
}
.time-sale-price .wrap-price .num{
	color: #cc1e1e;
	font-size: 36px;
}

.time-sale-price .wrap-price .num.min:after,
.time-sale-price .wrap-price .num.max:after {
    font-size: 20px;
	margin: 0;
}


@media (max-width: 767px) {
	.time-sale{
		background-image:url(/static/img/usj/time-sale/sp-time-sale-bg.png);
		background-attachment: inherit;
		padding: 15px 0;
		margin-bottom: 30px;
	}
	.wrap-time-sale{
		border: none;
		padding: 0;
	}
	.time-sale-img-01{
		padding: 0;
		width: 100%;
	}

	
	.time-sale-price {
		bottom: 15.5%;
		right: -3vw;
	}
	.time-sale-price .wrap-price .num{
		font-size: 4.5vw;
	}
	.time-sale-price .wrap-price .num.min:after,
	.time-sale-price .wrap-price .num.max:after {
		font-size: 2.8vw;
	}
}
*/

/*画像　pc/sp切り替え*/
/*
@media (min-width: 441px){
	.only-min441{
		display: block;
	}
	.only-max440{
		display: none;
	}
}

@media (max-width: 440px){
	.only-min441{
		display: none;
	}
	.only-max440{
		display: block;
	}
}

@media (max-width: 300px) {
	.time-sale-price .wrap-price .num{
		font-size: 15px;
	}
	.time-sale-price .wrap-price .num.min:after,
	.time-sale-price .wrap-price .num.max:after {
		font-size: 8px;
	}
}
*/





/*20241111追記　マッチハイト調整*/
@media (min-width: 1201px) {
/*	スタジオ・パス付き！おすすめバスツアー*/
	.tour-plan-sub{
		height: 41px;
	}
	
/*	オフィシャルホテルから選べるホテル*/
	.title-hotelnav{
		height: 87px;
	}
/*	アライアンスホテルから選べるホテル*/
	#Hotel-associate .title-hotelnav,
	#Hotel-alliance	.title-hotelnav{
		height: 60px;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
/*	スタジオ・パス付き！おすすめバスツアー*/
	.tour-plan-lead{
		height: 63px;
	}
	.tour-plan-ttl{
		height: 39px;
	}
	.tour-plan-sub{
		height: 60px;
	}
	
/*	オフィシャルホテルから選べるホテル*/
	.title-hotelnav{
		height: 102px;
	}

/*	アソシエイトホテル・アライアンスホテル*/
	#Hotel-associate .title-hotelnav,
	#Hotel-alliance	.title-hotelnav{
		height: 60px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
/*	オフィシャルホテルから選べるホテル*/
	.title-hotelnav{
		height: 102px;
	}
	
/*	アソシエイトホテル・アライアンスホテル*/
	#Hotel-associate .title-hotelnav,
	#Hotel-alliance	.title-hotelnav{
		height: 60px;
	}
	
/*アトラクション*/
	/*ダイナソー*/
	.attraction:nth-of-type(2) .dl-parkmapdetail > dt{
		height: 55px;
	}
}
@media (min-width: 578px) and (max-width: 767px) {
/*	オフィシャルホテルから選べるホテル*/
	.title-hotelnav{
		height: 52px;
	}

/*	アソシエイトホテル・アライアンスホテル*/
	#Hotel-associate .title-hotelnav,
	#Hotel-alliance	.title-hotelnav{
		height: 60px;
	}
	
/*アトラクション*/
	/*ダイナソー*/
	.attraction:nth-of-type(2) .dl-parkmapdetail > dt{
		height: 46px;
	}
}

@media (max-width: 576px) {
/*	スタジオ・パス付き！おすすめバスツアー*/
	.tour-plan-lead{
		height: 39px;
	}
	.tour-plan-ttl{
		height: 34px;
	}
	.tour-plan-sub{
		height: 60px;
	}
	
/*	オフィシャルホテルから選べるホテル*/
	.title-hotelnav{
		height: 95px;
	}
/*	アソシエイトホテル・アライアンスホテル*/
	#Hotel-associate .title-hotelnav,
	#Hotel-alliance	.title-hotelnav{
		height: 60px;
	}
}

@media (max-width: 503px) {
/*アトラクション*/
	/*ダイナソー*/
	.attraction:nth-of-type(2) .dl-parkmapdetail > dt{
		height: 46px;
	}
	.dl-parkmapdetail dt.two{
		height: 43px;
	}
}

@media (max-width: 455px) {
/*アトラクション*/
	/*エリア*/
	.dl-parkmapdetail.parkarea-07 dt{
		/*height: 46px;*/
	}
		.dl-parkmapdetail dt.three{
		height: 60px!important;
	}
}
@media (max-width: 407px) {
/*アトラクション*/
	/*エリア*/
	.dl-parkmapdetail.parkarea-03 dt{
		/*height: 46px;*/
	}
	
}


/*カウントダウン*/
.news-btn-wrap .btn-news.news_countdown{
	min-height: 65px;
}
.news-btn-wrap .btn-news.news_countdown .badge{
	background-color: transparent;
	top: calc(50% - 27px);
}


/*20250212 スタジオ・パスプラン付きプランから探す*/
#select-pass{
	background: #ECECEC;
	font-size: 12px;
	padding-bottom: 20px;
	position: relative;
}
.tab-select-pass{
	position: relative;
	top:-6px;
}


#select-pass .nav-tabs{
	background: #fff;
	border-bottom: none;
	border-radius: 10px 10px 0 0;
}

#select-pass .nav-item{
	width: 50%;
	text-align: center;
	font-weight: bold;
	margin-bottom: 0;
}

#select-pass .nav-item a{
	background: #D5E6F8;
	color: #030212;	
	font-size: 12px;	
	padding-top: 14px;
}

#select-pass .nav-item:first-child a{
	border-top-left-radius: 10px;
	border-top-right-radius: 0;
	display: block;
	position: relative;

}
#select-pass .nav-item:first-child a::before{
	content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/static/img/usj/2025/ico-pass.png');
    background-position: center;
    background-size: contain;
	position: absolute;
	 left: 15%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#select-pass .nav-item:last-child a{
 border-top-right-radius: 10px;
	border-top-left-radius: 0;
	position: relative;	
}

#select-pass .nav-item:last-child a::before{
	content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/static/img/usj/2025/ico-nopass.png');
    background-position: center;
    background-size: contain;
	position: absolute;
	 left: 14%;
    top: 50%;
    transform: translate(-50%, -50%);
}


#select-pass .nav-tabs .nav-item.show .nav-link,#select-pass .nav-tabs .nav-link.active{
	background: linear-gradient( #B9923B 10%, #fff 10%);
	color: #030212;
	margin-top: -5px;
	border: none;
	opacity: 1;
}

#select-pass .tab-content{
		background: #fff;
	padding: 16px 10px 10px;
	margin-top: 0!important;
}

#select-pass .tab-content ul li a{
	position: relative;
	display: inline-block;
	margin-bottom: 12px;
	font-size: 10px;
	width: 100%;
	line-height: 2em;
	background: #fff;
	top: 0;
    box-shadow: 0px 2px 3px 0px #999;   /* 影指定 */
}

#select-pass .tab-content ul li a:hover{
	text-decoration: none;
	top: 2px; /* 元の位置から9px分下げる */
  box-shadow: 0 0 #4C0F13; /* 影を0pxにする */
}

#select-pass ul li a span{
	font-weight: bold;
	font-size: 11px;
}

#select-pass ul li a span.icon-bus::before{
	font-family: "Font Awesome 5 Free";
	content: "\f207";
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	border-radius: 50%;
	background-color: #1F1977;
	color:#fff;
	font-weight: 700;
	margin-right: 2px;
	font-size: 9px;
}

#select-pass ul li a span.icon-hotel::before{
	font-family: "Font Awesome 5 Free";
	content: "\f594";
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	border-radius: 50%;
	background-color: #1F1977;
	color:#fff;
	font-weight: 700;
	margin-right: 2px;
	font-size: 9px;	
}

#select-pass ul li a span.icon-pass::before{
	font-family: "Font Awesome 5 Free";
	content: "\f3ff";
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	border-radius: 50%;
	background-color: #1F1977;
	color:#fff;
	font-weight: 700;
	margin-right: 2px;
	font-size: 9px;	
}



.btn-official a{
	border: 2px solid #1F1977;
	padding: 14px 10px 10px;
	color: #1F1977!important;
	border-radius: 8px;
	position: relative;
}


.btn-official a::before{
    content: "";
    display: inline-block;
    width: 51px;
    height: 20px;
    background-image: url('/static/img/usj/2025/ico-pop.png');
    background-position: center;
    background-size: contain;
	position: absolute;	
	top:-6px;
}




.btn-partner a{
	border: 2px solid #9BA61D;
	padding: 10px;
	color: #9BA61D!important;
	border-radius: 8px;
	position: relative;
}

.btn-near a{
	border: 2px solid #3AA748;
	padding: 14px 10px 10px;
	color: #3AA748!important;
	border-radius: 8px;
	position: relative;
}



.btn-near a::before{
    content: "";
    display: inline-block;
    width: 68px;
    height: 20px;
    background-image: url('/static/img/usj/2025/ico-rec.png');
    background-position: center;
    background-size: contain;
	position: absolute;	
	top:-6px;
}



.btn-bus a{
	border: 2px solid #DD506B;
	padding: 10px;
	color: #DD506B!important;
	border-radius: 8px;
	position: relative;
} 


#select-pass .tab-content ul li a::after{
        content: "\f054";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        top: 50%;
        right: 6px;
        transform: translate(0, -50%);
        color: #1F1977;
        font-size: 12px;
    }

#select-pass ul li.btn-partner a::after{color: #9BA61D; }
#select-pass ul li.btn-partner a span:before{background: #9BA61D; }



#select-pass ul li.btn-near a::after{color: #3AA748; }
#select-pass ul li.btn-near a span:before{background: #3AA748; }



#select-pass ul li.btn-bus a::after{color: #DD506B; }
#select-pass ul li.btn-bus a span:before{background: #DD506B; }


@media (max-width: 380px) {
	#select-pass .nav-item a::before{
	left: 10%!important;
    width: 18px!important;
    height: 18px!important;		
}
	
	#select-pass .tab-content ul li a{
		font-size: 9px;
	}	
	
	
}

@media (min-width: 768px) {
	#select-pass .nav-item a{
		padding: 14px 0;
		line-height: 30px;
		font-size: 14px;
	}
	#select-pass .nav-tabs .nav-item.show .nav-link, #select-pass .nav-tabs .nav-link.active{
			padding: 20px 0 14px;
	}	
	
	#select-pass .nav-item a::before{
		left: 12%!important;
		top: 50%!important;
		
	}
#select-pass .nav-tabs .nav-link.active::before{
	top: 53%!important;
	}
	#select-pass .tab-content ul li a{
		font-size: 13px;
		padding: 16px;
	}
	#select-pass ul li a span{
		font-size: 16px;
	}
	#select-pass ul li a span:before{
		width: 22px!important;
		height: 22px!important;
		line-height: 22px!important;
		font-size: 15px!important;
	}

}
@media (min-width: 992px) {
		#select-pass .nav-item a::before{
		left: 22%!important;
		
	}
	#select-pass .tab-content {
		padding: 20px;
	}
	
		#select-pass .tab-content ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
			align-items: center;
	}	
	
	#select-pass .tab-content ul li{
		width: 49%;
		margin-bottom: 16px;
		display: flex;
	}	
	#select-pass .tab-content ul li a{
		height: 100%;
		align-self: center;	
		margin-bottom: 0;
	}
	
	
}

@media (min-width: 1200px) {
		#select-pass .nav-item a::before{
		left: 27%!important;
		
	}
	
	
}




/* 夏旅タイムセール　モーダル内のタブ
-------------------------------------*/
/* ボタン
------------------*/
.hoteltabs-buttonlist {
	display: flex;
	position: relative;
    border-bottom: none;
}

.hoteltabs-buttonlist.nav-tabs li {
	text-align: center;
    margin: 1%;
	width: 31%;
}

.hoteltabs-buttonlist.nav-tabs .nav-link {
	position: relative;
	cursor: pointer;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.1;
	padding: 12px;
    border: 2px solid #232323;
	border-radius: 0;
	color: #232323;
	background: #fff;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hoteltabs-buttonlist.nav-tabs .nav-link.active {
    opacity: 1;
    background-color: #FFD736;
    border-color: #232323;
	color: #232323;
}
.hoteltabs-buttonlist.nav-tabs .nav-link:hover,
.hoteltabs-buttonlist.nav-tabs .nav-link.active:hover{
	color: #232323;
    background-color:#FFD736;
    border-color: #232323;
}


/* タブのコンテンツ内容
------------------*/
.tab-content{
	margin-top: 20px;
}



/*タブ内容　非表示*/
.tab-content .hotel-content {
	display: none;
	transition: 0.3s;
}
/*activeだけ、最初から表示*/
.tab-content .hotel-content.active {
	display: block;
}

/*ホテルタイトル*/
.hotel-title{
	font-size: 18px;
    font-weight: bold;
    margin: 10px auto 5px;
	text-align: center;
}

/*ホテル画像*/
/*
.tab-content .wrap-img{
	margin: 0 auto 10px;
	text-align: center;
}
.tab-content .wrap-img img{
	max-width: 50%;
}
*/

@media (max-width: 767px) {
	/*タブボタン*/
	.hoteltabs-buttonlist.nav-tabs li {
		width: 48%;
	}
	.hoteltabs-buttonlist.nav-tabs .nav-link {
		font-size: 14px;
		padding: 6px;
		min-height: 62px;
	}

	/*タブコンテンツ内容*/
	.tab-content{
		margin-top: 0;
	}
	/*ホテルタイトル*/
	.hotel-title{
		font-size: 14px;
		margin: 20px auto 5px;
	}
	/*ホテル画像*/
/*
	.tab-content .wrap-img img{
		max-width: 80%;
	}
*/
}

@media (max-width: 374px) {
	/*タブボタン*/
	.hoteltabs-buttonlist.nav-tabs .nav-link {
		font-size: 11px;
		padding: 6px;
		min-height: 52px;
	}
}