@charset "utf-8";
/*
 	Outline - 
		Basic Settings.
		Main Img Settings.
		Common Settings.
		Etc Settings.
*/
@font-face {
  font-family: "notosanjp";
  font-weight: 400; 
  src: url("/static/css/fonts/notosansjp/NotoSansJP-Regular.woff2") format("woff2"), url("/static/css/fonts/notosansjp/NotoSansJP-Regular.otf") format("opentype");
}

#newsflash{
	display: none !important;
}
#col-logo{
	padding-bottom: 0;
}
.font-pink{
	color: #e00000;
}
.txt-pink{
	color: #EC3073;
}
.font-blue{
	color: #5C9CC1;
}
.font-yellow{
	color: #FCD100;
}
@media (min-width: 768px){
.container {
    max-width: 100%;
}
}
@media (min-width: 992px){
.container {
    max-width: 960px;
}
}

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

        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;
	max-height: 260px;
}
#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:14px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:#fff url(/tour/campaign/tdr/img/2017/ico-arrow01.png) no-repeat right 8px center;
	border-radius: 0;
}



#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;
	}
	#content-wrap select,#Search-box .form-control{
		font-size:13px;
		height: 2.6em!important;
		display: flex;
	}
}


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

        Main Img Settings.

========================================= */
#main-img{
	width:100%;
	background:#11C0D5;
}
#main-img .container{
	position:relative;
	padding:30px 0 0;
}
#main-img .container{
	display: flex;
	justify-content: center;
}

#main-img .container div{
	width: 12%;
	align-self: flex-end;
}




#main-img .container h1{
	width: 88%;
}

#main-img .container img{
	max-height:150px;
	margin-bottom: 70px;
	padding: 25px;
	
	}
#main-img img{
		padding: 25px;
}

#main-img .main-title{
	position:absolute;
	top:0;
	left:50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

@media (max-width: 991px) {
	#main-img{
		height:auto;
	}
	#main-img .container{
		max-height:auto;
	}
	
#main-img .container h1{
	width: 80%;
	
	}
	#main-img .container img{
	max-height:140px;
	
	}
	#main-img .main-title{
		position:static;
		margin-left:0;
	}
	
	
}


@media (max-width: 575px) {
	
	#main-img .main-title img{
		width:100%;
		margin-bottom: 0;
	}
	#main-img .container{
		padding: 0;
		max-height:auto;
	}
	#main-img .container img{
	max-height:100%;
		margin-bottom: 0;
	}
	
#main-img{	
		background: none;
	}
	
	#main-img .container h1{
	width: 100%;
}
	#main-img .container div{
	width: 0%;
}
#main-img img{
		padding: 0;
}	
}


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

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

.txt-pink{
	color: #F14482;
}
.txt-bold{
	font-weight: bold;
}
/* 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;
}


.btn-pink03{
	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:#EC3073;
	border:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	cursor: pointer;
}

.btn-pink03: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-pink03.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-pink03:hover{
	box-shadow:none;
	transform:translate3d(0,3px,0);
	text-decoration: none;
	color: #fff;
}

/* title style */
.title-style01{
	padding:12px 20px;
	font-size:16px;
	font-weight:bold;
	line-height: 1.2;
	color:#fff;
	background:#444;
	text-align: center;
	margin:0 auto;
	max-width:960px;
}

.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{
	position:relative;
	margin-bottom:20px;
	padding-bottom:10px;
	font-size:26px;
	font-weight:normal;
	line-height: 1.2;
	color:#e96492;
	border-bottom:1px solid #e96492;
}
.title-style05 i{
	margin-right:10px!important;
}

.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: #1c1c1c;
    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;
}


.mb60{
	margin-bottom: 60px;
}
/* ============ スライダーの仕様 ============ */
/* defaultに勝つために */
.slick-prev,
.slick-next{
	transition:1s!important;
	/*opacity:0!important;*/
	z-index:9!important;
}
.slick-slider:hover .slick-prev,
.slick-slider:hover .slick-next{
	opacity:1.0!important;
}
.slick-prev{
	left:0!important;
}
.slick-next{
	right:0!important;
}
.slick-prev:before,
.slick-next:before{
	display: none;
}
.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;
}
.slick-track {
  display: flex;
}
.slick-slide {
  height: auto !important;
}

@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:8px 10px;
		font-size:13px;
		margin-bottom: 15px;


	}
	.title-style04{
		padding-left:25px;
	}
	.title-style04:before{
		margin-top:-12px;
		width:20px;
		height:24px;
	}

	.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 -15px 10px;
		padding:2px 10px 8px;
		font-size:14px;
		border-bottom:1px solid #e96492;
	}
	.title-style05 i{
		margin-right:5px!important;
	}
	.title-style05:before{
		bottom:2px;
	}
	.title-style05:after{
		width:14px;
		height:20px;
	}
	.title-style05 .en{
		display:none;
	}

	.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.
========================================= */
/* #local-nav
------------------------------------------*/

.list-nav{
	display:flex;
	width:90%;
	margin-bottom:0;
	justify-content: space-between;
	margin: 20px auto;
	max-width: 900px;
}
.list-nav li{
	width:33%;
	font-family:"notosanjp", sans-serif;

}

.list-nav li a{
	position:relative;
	display:block;
	width:98%;
	padding:20px 10px 20px 20px;
	line-height: 1;
	color:#fff!important;
	text-decoration:none!important;
	font-weight: bold;
	background:#36B250;
	border-radius:60px;
	font-size: 16px;
}


.list-nav li.hotellink:after{
	content:"\f054";

}

.list-nav li:after{
	position:absolute;
	top:50%; 
	right: 5%; 
	transform: translate(0, -50%); 
	content:"\f078";
	color: #FFF;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	font-size:0.9em;
	
}




.list-nav li a span{
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	position: relative;
	padding-left: 25px;
}




.list-nav li a:hover{
	opacity: 0.7;
}
.list-nav li{
	display:table-cell;
	vertical-align:middle;
	position: relative;
}

.list-nav li.deparelink a span:before{
	position:absolute;
	top:50%; 
	left:4%;
	transform: translate(0, -50%); 
	content:"\f3c5";
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	font-size:1.2em;
	color: #FFF;

}
.list-nav li.hotellink a span:before{
	position:absolute;
	top:50%; 
	left:2%;
	transform: translate(0, -50%); 
	content:"\f594";
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	font-size:1em;
	color: #FFF;

}
.list-nav li.tourlink a span:before{
	position:absolute;
	top:50%; 
	left:4%;
	transform: translate(0, -50%); 
	content:"\f5c1";
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	font-size:1.2em;
	color: #FFF;

}

.list-nav li.tourlink a span.update:before{
	display: none;

}
.list-nav li.tourlink a span.update{
	text-align: right;
	padding-right: 3px;
}


@media (max-width:991px) {
		.list-nav{
			width: 96%;
		}
	
	.list-nav li a{
		font-size: 14px;
		padding: 20px 10px;
		line-height: 1.2em;
	}
.list-nav li a span{
	padding-left: 25px;
}

}

@media (max-width: 767px) {
	#local-nav{
		margin-bottom:0;
		/*position: sticky;
		top: 0;
		z-index: 1022;*/
	}
	#local-nav .container{
		width:100%;
		/*overflow-x:auto;
		-webkit-overflow-scrolling: touch;*/
	}

	.next-btn{
		position:absolute;
		top:0;
		right:0;
		width:25px;
		height:44px;
		text-align:center;
		line-height:40px;
		color:#fff;
		background:#d45280;
	}

	
		.list-nav li a{
		font-size: 14px;
		padding: 12px 10px;
	}
	
}
@media screen and (max-width: 480px){
.list-nav{
	margin: 10px auto;
}

		.list-nav li.daylink a:before{
	left:12%;

}
.list-nav li.deparelink a:before,.list-nav li.tourlink a:before{
left:2%;

}
.list-nav li.hotellink a:before{
left:10%;

}
	.list-nav li a span{
		padding-left: 20px;
	}
	
	.list-nav li:after{
		left: 50%;
		top:85%;
	}
.list-nav li.tourlink a span.update{
	text-align: right;
	padding: 0;
}
	.list-nav li a{
		font-size: 12px;
		padding: 8px 0 16px;
		justify-items: center;
	}
	
}


@media screen and (max-width: 360px){
	.list-nav li a{
		font-size:11px;
}
	.list-nav li.tourlink a span.update img{
		width: 90%;
	}
}

/* #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;
}
#information-area:after{
	content:"";
	display:block;
	clear:both;
}
#information-area #description-area{
	width:100%;
}
.description-text{
	position:relative;

}
/*.description-text:before{
	position:absolute;
	bottom:20px;
	left:20px;
	right:20px;
	content:"";
	display:block;
	height:1px;
	background:#e0cea3;
}*/
.description-text p{
	font-size:13px;
	line-height: 1.6;
}
.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;
}
.title-featurebnr{
	text-align: center;
	font-size: 18px;
	position: relative;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
	font-weight: 900;
	color: #dc3545;
}
.title-featurebnr span{
    padding: 0 20px;
}
.title-featurebnr:before,
.title-featurebnr:after{
    content: "";
    display: inline-block;
    width: 3px;
    height: 20px;
    background: #dc3545;
    border-radius: 2px;
}
.title-featurebnr:before{
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.title-featurebnr:after{
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}
.feature-bnr{
	display: flex;
	flex-wrap: wrap;
}
.feature-bnr > li{
	width: 50%;
	padding: 5px;
}
#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: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;
	}
	.description-text p{
		font-size:11px;
	}

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


/* #search-area
------------------------------------------*/
#search-area{
	padding-top:30px;
	padding-bottom:0px;
	line-height: 1.2;
}

#search-map{
	float:right;
	width:68%;
	margin-bottom:20px;
}
#search-plan{
	clear:both;
}




/* #search-day */

#Search-box{
	padding: 10px 0 0;
}
#Search-box form,#Search-box .binlist-search-box-in{
	width:70%;
	margin: 0 auto;
}

#search-day{
	border:3px solid #444;
	max-width: 930px;
	margin: 0 auto 40px;
	padding-bottom: 20px;
	border-top:none;
}
#search-day dt{
	margin:20px 0 5px;
	font-weight:normal;
}
#search-day dt i{
	color:#f8689b;
}
.form-inline,.btn-select-design-dep,.btn-select-design-arriv{
	margin-bottom: 10px;
}



#search-day .btn-style01{
	margin-top:30px;
}
#search-day select{
	margin:0;
	width: 49%;
}
#search-day select + select{
	margin-left:2%;
}
#search-day .tdr_ken select{
	width: 100%;
	color: #222;
}


#Search-box .form-control{
	border-radius:4px;
	line-height: 2.6em;
	border: 1px solid #ced4da;
	display: flex;
	padding: 0 0.75rem;
	font-size: 14px;
}

.btn-notice{
	padding: 10px;
	width: 70%;
	border: #EC3073 3px solid;
	border-radius: 8px;
	color: #EC3073;
	margin: 0 auto;
	display: block;
	font-weight: bold;
}
.btn-notice:hover{
	text-decoration: none;
	color: #FFF;
	background: #EC3073;
}


/* #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: 20px;
		border: none;
		padding-bottom: 0;
	}
	
	#Search-box .title-style01{
		margin:0 0 10px;
	}
	#Search-box form,#Search-box .binlist-search-box-in{
	width:94%;
}
	/* #search-day */
	#search-day dt{
		margin:10px 0 5px;
	}
	#search-day .btn-style01{
		margin:0px auto 0;
	}
	#search-day select{
		display: inline-block;
	}
	#Search-box .form-control{
		font-size: 13px;
	}
	
	.btn-notice{
		width:90%;
		padding: 5px 10px;
	}
}

.setting-plandetail{
	width: 100%;
	padding: 10px;
	background: #fafafa;
}


.setting-plandetail .form-group{
	margin: 0;
}


.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;
	margin-top: 10px;
}

.plandetail-flex > span{
	width: 24%;
	font-size: 14px;
}
.btn-plangroup{
	width: 76%;
	display: flex;
	border-radius: 0.25em;
	overflow: hidden;
	border: 1px solid #ced4da;

}
.select-group,.form-select2{
	width: 76%;
	justify-content: space-between;
	align-items: center;
	
}

.select-group select{
	display: flex;
	align-items: center;
	justify-content: center;
}

.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 > .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.active:before{
	border:solid 1px #007bff;
}
.btn.btn-default.active:after{
	content: "";
	width: 9px;
	height: 9px;
	position: absolute;
	left: 7px;
	top: 50%;
	transform: translate(0, -50%);
	outline: none !important;
	background: #007bff;
	border-radius: 100px;
}

.form-inline .setting-plandetail .btn-plangroup.flex-wrap{
	border-radius: .25rem;
	overflow: hidden;
	border: 1px solid #ccc;
}
.form-inline .setting-plandetail .btn-plangroup.flex-wrap .btn-default{
	width: 100%;
	border-radius: 0;
	margin-left: 0;
	border:none;
	text-align: left;
	padding-left: 30px;
}
.form-inline .setting-plandetail .btn-plangroup.flex-wrap .btn-default + .btn-default{
	border-top: 1px solid #ccc;
}
.label-osusume{
	display: inline-block;
	background: #f54b6b;
	color: #fff;
	padding: 3px 5px;
	line-height: 1;
	font-size: 80%;
	position: relative;
	top: -2px;
	margin-left: 5px;
	border-radius: 4px;
}
.text-annotation-hotel{
	width: 80%;
	margin:0 0 0 auto;
	line-height: 1.2;
	padding: 3px 3px 0px 3px;
	text-align: center;
}
.txt-red{
	color: #C00000;
}
.btn.focus, .btn:focus{
	    box-shadow: none;
}
.text-green{
	color:#6DADAE;
	
}

.btn-plangroup.ver-checkbox{
	border:none;
	justify-content: space-between;
	background: #fafafa;
}

.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 > .btn + .btn{
	border:solid 1px #ccc;
	border-radius: 4px;
}
.btn.btn-default.ver-checkbox:before{
	border-radius: 0px;
}

.btn.btn-default.ver-checkbox.active:after{
	border-radius: 0px;
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	background: none;
	color: #007bff;
	width: auto;
	height: auto;
	font-size: 9px;
}
.btn-plangroup.ver-option,
.btn-plangroup.ver-hotel{
	flex-wrap: wrap;
}

.btn-plangroup.ver-checkbox.ver-hotel > .btn{
	width: 49.5%;
	margin:0 0 1% 0;
}

.btn-plangroup.ver-checkbox.ver-option > .btn{
	width: 49.5%;
	margin:0 0 1% 0;
}



#search-day select.tour-select-price{
	width: 100%;
}

#search-day select.hotel-p-num{
	width: 100%;
}
.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;
}

#search-day .tdr_ken{
    width: 80% !important;
	margin-left: 0;
}

.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;
}

.acc-searchbox{
	width: 100%;
}

#acc-search-option{
    display: block;
    background: none;
    border: none;
    padding: 0;
}

.btn-open-search-option img{
	width: 18px;
	height: auto;
	margin-right: 5px !important;
	position: relative;
}



.btn-open-search-option.collapsed{
	border-radius: 4px;
	border:dashed 1px #ccc;
	margin-bottom: -1px;
}

.wrap-hotel-plan{
	    background: #ffeaf2;
    padding: 15px 15px;
	
}
.wrap-hotel-plan p{
    font-size: 16px;
    font-weight: bold;
    color: #f54b6b;
    margin: 0;
}
.wrap-sample-hotel {
    background: #fff;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.col-hotel-text{
	color: #77653c;
}




@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.3em;
		padding-right: 3px;
		width: 24%;
		text-align: left;
		
	}
	.btn-plangroup{
		width: 76%;
	}
	.btn-plangroup > .btn{
		font-size: 12px;
	}
	.text-annotation-hotel{
		text-align: left;
	}
	.btn-open-search-option{
		font-size: 13px;
		padding:10px 15px;
	}
		
	.btn-open-search-option.collapsed{
		border-radius: 4px;
	}
}


/* #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;
	font-weight: bold;
}
.lead-box02 em{
}
.lead-box03{
	margin:0px auto 10px;
}
.lead-box03 p{
	font-size:13px;
	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;
		font-weight: bold;
	}
}




/* 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 0;
	color:#FFF;
	line-height: 1.2;
	background:#EAEAEA;
	text-align: center;
	font-weight: bold;

}
.setplan-title-wrap:after{
	content:"";
	display:block;
	clear:both;
}


#Hotel-disney .setplan-title-wrap{
	background:#A72026 ;
}
#Hotel-official .setplan-title-wrap{
	background:#E8BC50 ;
}
#Hotel-partner .setplan-title-wrap{
	background: #9CB65B;
}
#Hotel-gn .setplan-title-wrap{
	background: #5AB5AA;
}
#Hotel-other .setplan-title-wrap{
	background:#8D5A98 ;
}




.setplan-info{
	padding:20px 0;
}
.setplan-info p{
	font-size:14px;
	line-height: 1.8;
	text-align:  center;
	padding-left: 30px;
}
.setplan-info p em{
}
.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_inset_mc_done{
	color: #F14482;
}
.price-text{
	display:inline-block;
	margin:-5px 4px;
	font-size:28px;
}
.setplan-search{
	padding:20px 20px 10px;
	text-align:center;
	/*border:4px solid #d45280;*/
}


#Hotel-disney .setplan-search{
	background:#F7E8E8 ;
}
#Hotel-official .setplan-search{
	background:#FFF6EA ;
}
#Hotel-partner .setplan-search{
	background: #F5F8EE;
}
#Hotel-gn .setplan-search{
	background: #EEF8F6;
}
#Hotel-other .setplan-search{
	background:#F3EEF5 ;
}





.setplan-search .tdr_ken,
.setplan-search .tdr_ken-manual{
	display:inline-block;
	vertical-align:middle;
}
.setplan-search button{
	display:inline-block;
	min-width:120px;
	margin:0;
	padding:8px 30px 8px 10px;
	font-size:16px;
	vertical-align:middle;
	height: 50px;
}

.setplan-search .tdr_ken select{
	height: 50px;
}
.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 10px 75px;
		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:14px;
		line-height: 1.6em;
		text-align: left;
		padding: 0;
	}
	.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 form{
		display:flex;
		 justify-content:space-between;
	}
	.setplan-search .tdr_ken,
	.setplan-search .tdr_ken-manual{
		max-width:400px;
		width:73%;
	
	}
	.setplan-search .tdr_ken select,
	.setplan-search .tdr_ken-manual select{
		margin:0;
		border-radius:0;
			height: 50px;
	}
	.setplan-search button{
		display:inline-block;
		min-width:inherit;
		max-width:120px;
		width:25%;
		border-radius:0;
		margin-left: 0;
		height: 40px;
	}
	
	
	
	.search-attention{
		margin-top:10px;
		font-size:10px;
	}
}




/* #hotelset-area
------------------------------------------*/
.hotelset-box{
	position: relative;
	z-index: 0;
}
.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{
	position:absolute;
	top:-30px;
	left:-15px;
	z-index:9;
	width: 125px;
}
.hotelset-title{
	display:inline-block;
	margin:10px 0;
	font-size:22px;
	font-weight: bold;
}
.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:10px;
	padding:0;
}
.hotel-name{
	display:block;
	padding:5px 10px;
}
.hotelset-detail,
.hotelset-search{
	width:100%;
	/*float:right;
	margin-left:-430px;
	padding-left:430px;*/
}

@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:40px;
	}
	#hotelset-area .setplan-title-wrap{
		margin:0 0 15px;
		text-align: left;
	}
	.hotel-logo{
		top:40%;
		left:-5px;
		margin-top:-45px!important;
		width:95px;
		height:auto;
		border-width:2px;
	}
	.hotelset-title{
		margin:5px 0;
		font-size:18px;
	}
	.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:10px;
	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;
	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:8px 0 4px 8px;
	}
	.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
****************************************/
.link-dantai {
    text-align: left;
	  margin-top: 30px;

}

.link-dantai button, .link-dantai a {
    background: none;
    border: none;
    padding: 0;
    display: inline;
    cursor: pointer;
    color:#3994BB;
	margin: 0 10px;

}
.link-dantai button:hover, .link-dantai a:hover{
		text-decoration: underline;

}

.link-dantai button:after, .link-dantai a:after {
    content: "\f24d";
    font-family: "Font Awesome 5 Free";
    font-size: 80%;
    position: relative;
    top: -2px;
	padding-left: 4px;
	text-decoration:none;
}

.modal-areaselect .modal-header {
    font-size: 14px;
	    background: #a1cacb;
    color: #fff;
	font-weight: bold;
	
}

.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 button{
		font-size:16px;
	}
	.onlysm + button {
		margin-top: 10px;
	}
	.link-dantai {
    text-align: center;
		margin-top: 12px;

}
}

/*
絞り込みmodal
****************************************/
.img-method{
	border:1px solid #CCC;
	padding-bottom: 10px;
	width: 90%;
	max-width: 300px;
	margin: 0 auto;
}
.modal-footer{
	    justify-content: center;
}
/*
予約方法へのリンク
****************************************/
.link-guide{
	margin:24px auto 0;
	display: block;
	background: #DDD;
	border-radius: 60px;
	padding: 10px 0;
	color:#222;
	text-align: center;
	width:80%;
	max-width: 240px;
	position: relative;
	text-decoration:none;
	font-size: 0.9em;
}
.link-guide::before{
     content: "\f059";
    font-family: "Font Awesome 5 Free";
    position: relative;
    top: 50%;
	margin-right: 5px;
	font-weight: bold;

}
.link-guide:hover{
	text-decoration:none;
	color:#222;
}
@media (max-width: 767px) {
	.link-guide{
		margin:16px auto 0;
	}
}
/*
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{
	color: #F14482;
	border: solid 1px #F14482;
	background: #fff;
	border-radius: 3px;
	padding: 0.5px 2px;
	display: inline-block;
	position: relative;
	top: -2px;
	font-size: 80%;
	margin-left: 3px;
	margin-right: 3px;
}

@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;
}

.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;
}


.acc-box{
	margin:15px auto;
}
.acc-box .card-header{
    padding:10px;
    background: #feebf2;
    border-bottom:none;
}
.acc-box .card-header .title-acc{
    font-size: 14px;
    font-weight: bold;
    margin:0;
}
.acc-box .card-header .title-acc button{
    background: none;
    text-align: left;
    color: #dc3545;
    padding:0 0 0 60px;
    position: relative;
    line-height: 1.4;
    display: block;
    width: 100%;
    font-weight: bold;
}
.acc-box .card-header:first-child{
    border-radius: 0;
}
.acc-box .card{
    border-radius: 0;
    border: 2px solid #d9534f;
}
.acc-box .card-body{
    padding:10px 25px;
    background: #feebf2;
    font-size: 14px;
    margin-bottom: 0;
}
.acc-box .card-header button:after {
    margin-left: 10px;
    content: "\f077";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #d9534f;
}
.acc-box .card-header button.collapsed:after {
    content: "\f078";
}
.acc-box .label{
	margin-right: 10px;
	position: absolute;
	top: 1px;
	left: 0;
	padding: 3px 4px 2px;
	font-weight: normal;
}

.acc-box .card-header a:after{
	color: #1c1c1c;
}


.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-box.acc-areaselect .card-header{
	background:none;
	padding: 0;
	color: #fff;
}
.acc-box.acc-areaselect .card-header a{
	display: block;
	padding: 10px 30px 10px 10px;
	position: relative;
	color: #333;
}
.acc-box.acc-areaselect .card-header a:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    content: "\f106";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
}
.acc-box.acc-areaselect .card-header a.collapsed:after {
    content: "\f107";
}
.acc-box.acc-areaselect .card-header a:hover{
	text-decoration: none;
}
.acc-box.acc-areaselect .card{
    border-radius: 0;
    border: 2px solid #f8689b;
}
.acc-box.acc-areaselect .card:hover{
	background:#fafafa;
}
.acc-box.acc-areaselect .card + .card{
	border-top: 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; }
@media (max-width: 767px) {
.acc-box .card-header button:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 0;
    right: 0px;
}
.acc-box .card-header h3 button{
    padding:0 10px 0 60px;
}
}

.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;
}
.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;
}
@media(max-width:767px) {
.col-searchselect a,
.col-searchselect span{
    font-size: 13px;
}
.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;
	height: 100%;
}
.card-hotel:hover{
	text-decoration: none;
}
.card-hotel dl{
	padding: 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 0 0;
}
.btn-hotelpage{
	font-size: 16px;
}
.wrap-hotelall{
	margin: 6px 0 12px;
}
.wrap-hotelall a.btn-hotelall{
	padding: 8px 30px 8px 10px;
    font-size: 14px;
}
}


.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; 
}




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

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



.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;
	position: relative;
}
#content-wrap img.icon-ticket{
	max-width: 20px;
	margin-right: 5px;
}
.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: 13px;
	line-height: 1.4;
	color: #333;
	margin-bottom: 6px;
/*	background: #e0ecff;
	padding: 5px 8px;*/
}
.card-txt{
	font-size: 14px;
	line-height: 1.4;
}
.card-txt em{
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}
.card-price{
	font-weight: bold;
	font-size: 16px;
	font-family: 'Oswald', sans-serif;
    letter-spacing: 0;
	line-height: 1;
	color: red;
	text-align: right;
	display: block;
	margin-top: 3px !important;
}
.card-price small{
	font-size: 11px;
	font-weight: normal;
}
.card-img-pdoff .card-img{
	text-align: center;
	padding: 0;
}
@media(max-width:767px) {
.card-price{
	font-size: 16px;
}
.card-title{
	font-size: 12px;
}
}


.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;
}



.container-max{
	width:100%;
	padding: 0 20px;
}
.row-hotel{
	display: flex;
	flex-wrap: nowrap;
}
.col-hotel{
	width: 100%;
	padding: 0 10px;
}
.list-setmenu{margin:0;list-style: none;padding: 3px 0px 0;}
.list-setmenu li{
	font-size: 11px;
	line-height: 1.3;
	color: #a1760f;
	position: relative;
	padding-left: 9px;
}
.list-setmenu li + li{
	margin-top: 3px;
}
.list-setmenu li:before{
	content: "・";
	position: absolute;
	top: 1px;
	left: -4px;
}
.list-setmenu li:last-child{
	margin-bottom: 0;
}
@media(max-width:991px) {
.container-max{
	width:100%;
}
.col-hotel{
	padding: 0 5px;
}
.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: 1050px;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: -25px !important;
}
.slick-prev{
    left: -25px!important;
}*/
#pageup{
	display: none !important;
}
@media(max-width:1300px) {
#pageup{
	display: none !important;
}
}
@media(max-width:991px) {
/*.slick-next{
	right: 5px !important;
}
.slick-prev{
    left: 5px!important;
}*/
}
@media(max-width:767px) {

.bnr-footer .card-title{
	font-size: 16px;
}
}

/*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が付与されたら表示*/
}




#Search-box .form-inline .btn-group{
	height:50px;
	margin-bottom: 20px;
}
.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;
}
.list-map {
	display: flex;
	justify-content: center;
	flex-wrap:wrap;
	width: 90%;
	margin: 0 auto 20px;
	
}
.list-map li{
	width: 30%;
	margin: 5px;
}
.btn-map{
	background: #fff;
	border:solid 2px #EC3073;
	color: #EC3073;
	font-size: 15px;
	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;
}

#hotelset-area .btn-map.link-next: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;
}
.btn-map:hover{
	text-decoration: none !important;
	background: #f8689b;
	color: #fff !important;
}

.modal-areaselect .modal-header{
	font-size: 14px;
}
.modal-areaselect .modal-body{
	width: 100%;
}

.ModalInfo dt{
	background: #faf2dc;
	padding: 10px;
}
.ModalInfo dd{
	padding: 10px;
	font-size: 0.9em;
}


.btn-close{
	background: #ccc;
	color: #666;
	font-size: 13px;
	padding: 6px 10px;
	border-radius: 4px;
}
.title-selectpassport{
	font-size: 16px;
	font-weight: bold;
	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;
}
.acc-box.acc-areaselect .list-planlineup li a{
	border:none;
	background:#ffeaf2;
}
.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;
}
.acc-box.acc-areaselect .list-planlineup li:first-child a{
	border-top:none;
}
.acc-box.acc-areaselect .list-planlineup li + li{
	margin-top: 2px;
}
.list-planlineup li a:hover{
	text-decoration: none;
	background:#fafafa;
}
.wrap-price{
	display: block;
}
.wrap-price .num {
    font-size: 18px;
    font-weight: bold;
    color: #F14482;
}
.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{
	overflow: hidden;
	/*box-shadow: 0px 0px 6px #E7E7E7;*/
	display: block;
	text-decoration: none;
	border: solid 2px #896A98;
	padding: 10px;
}
.card-hotel:hover{
	text-decoration: none;
}


#Hotel-disney .card-hotel{
	border: solid 2px #A72026;
	border-radius: 8px;	
}
#Hotel-official .card-hotel{
	border: solid 2px #FFA439;
	border-radius: 8px;
}
#Hotel-partner .card-hotel{
	border: solid 2px #9CB65B;
	border-radius: 8px;	
}
#Hotel-gn .card-hotel{
	border: solid 2px #5AB5AA;
	border-radius: 8px;	
}
#Hotel-other .card-hotel{
	border: solid 2px #8D5A98;
	border-radius: 8px;	
}





.title-hotelnav{
	padding: 5px 10px;
	margin:10px 0 0;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}



.introduction-hotelnav{
	padding: 0 10px;
	margin:10px auto;
	font-size: 12px;
	color: #666;
	line-height: 1.3;
}
.access-hotelnav{
	padding: 5px 10px;
	margin:0;
	font-size: 13px;
	color: #000;
	font-weight: bold;;
}

.price-hotelnav{
	padding:0 5px 5px;
	margin:10px 0 0;
	font-size: 13px;
	background: #F2F2F2;
	position: relative;
}

.price-hotelnav:after
 {
	 position: absolute;
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 80%;
    color: #1c1c1c;
	 right: 5px;
	 top:50%;
}


.card-hotel .price-hotelnav dl{

}
.card-hotel .price-hotelnav dl dt{
	margin: 0;
	padding: 0;
	font-size: 13px;
}
.price-hotelnav .price{
    font-size: 20px;
    font-weight: bold;
    color: #f53d7e;
font-family: 'Oswald', sans-serif;	
}
.price-hotelnav .price .num:after{
    content: "～";
    font-size: 12px;
}
.price-hotelnav .price .num.onlyhotel:after{
    content: "円～";
}
.price-hotelnav .price .num.max:after {
    content: "円";
    font-size: 12px;
}


#Hotel-disney .title-hotelnav,#Hotel-disney .access-hotelnav{
	background:#F7E8E8;
}

#Hotel-official .title-hotelnav,#Hotel-official .access-hotelnav{
	background:#FFF6EA;
}

#Hotel-partner .title-hotelnav,#Hotel-partner .access-hotelnav{
	background:#F5F8EE;
}

#Hotel-gn .title-hotelnav,#Hotel-gn .access-hotelnav{
	background:#EEF8F6;
}

#Hotel-other .title-hotelnav,#Hotel-other .access-hotelnav{
	background:#F3EEF5;
}



















@media screen and (max-width: 767px) {
.list-map li{
	padding: 2px;
}
.list-map {
	display: flex;
	justify-content: left;
	flex-wrap:wrap;
	width: 100%;
	margin: 0 auto 20px;
	
}
.list-map li{
	width: 48%;
	margin:2px; 
}
.wrap-hotelnav .title-category-name small{
	display: block;
	margin-bottom: 6px;
}
.wrap-hotelnav{
	margin-bottom: 0px;
}
.title-hotelnav{
	padding:6px;
	font-size: 14px;
}
.card-hotel .price-hotelnav dl dt{
	margin-bottom: 5px;
}
.card-hotel .price-hotelnav dl dt small{
	display: block;
}
.price-hotelnav .price{
    font-size: 18px;
}
.btn-map{
	font-size: 15px;
	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;
}
}*/



.acc-box.acc-news{
	margin:15px auto;
	width: 96%;
	z-index: 1;
	position: relative;
}
.acc-box.acc-news .card-header{
    padding:5px !important;
    background: #faf2dc !important;
    border-bottom:none;
}
.acc-box.acc-news .card-header h3{
    font-size: 14px;
    font-weight: bold;
    margin:0;
}
.acc-box.acc-news .card-header h3 button{
    background: none;
    text-align: left;
    color: #dc3545;
    padding:5px 0 5px 60px !important;
    position: relative;
    line-height: 1.4;
    display: block;
    width: 100%;
    font-weight: bold;
}
.acc-box.acc-news .card-header:first-child{
    border-radius: 0;
}
.acc-box.acc-news .card{
    border-radius: 0;
    border: 1px solid #efe1bb;
    border-bottom:none;
}
.acc-box.acc-news .card + .card{
	border-bottom: 1px solid #efe1bb;
}
.acc-box.acc-news .card-body{
    padding:5px 10px !important;
    background: #fffcf4;
    margin-bottom: 0;
    border-radius: 0;
}
.acc-box.acc-news .card-body p{
	line-height: 1.6;
    font-size: 14px !important;
    color: #555;
}

.acc-box.acc-news .card-header button:after {
    margin-left: 10px;
    content: "\f077";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;

}
.acc-box.acc-news .card-header button.collapsed:after {
    content: "\f078";
}
.acc-box.acc-news .badge{
	margin-right: 10px;
	position: absolute;
	top: 2px;
	left: 0;
	padding: 3px 4px 2px;
	font-weight: normal;
	background-color: #b9923b;
	color: #fff;
}
@media (max-width: 767px) {
.acc-box.acc-news .card-header button:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 0;
    right: 0px;
}
.acc-box.acc-news .card-header h3 button{
    padding:0 10px 0 60px;
    font-weight: normal;
}
.acc-box.acc-news .badge{
	top: 1px;
}
}




.nav-tabs.nav-dep{
  width: 100%;
  justify-content: space-between;
  border-bottom: 3px solid #444;
	padding-left: 10px;
}
.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;
	border: solid 3px #444;
	border-bottom: none;
	border-radius: 0;
	margin-right: 10px;
	font-weight: bold;
}
.nav-dep > li a.nav-link:hover,
.nav-dep > li a.nav-link.active{
	border: solid 2px #444;
	border-bottom: none;
	color: #FFF;
}
.nav-dep > li a.nav-link{
  color: #444;
}
.nav-dep .nav-item.show a.nav-link,
.nav-dep .nav-link.active{
  background: #444;
  color: #fff;
}

.nav-dep .nav-link:visited,
.nav-dep .nav-link:hover,
.nav-dep .nav-link:focus,
.nav-dep .nav-link:active
{
  background: #444;
	opacity:1!important;
}


.nav-dep .nav-item.show.nav-item-tokai a.nav-link,
.nav-dep .nav-item-tokai .nav-link.active{
  /*background: #ef3c4d;*/
  background: #444;
  color: #fff;
}
.nav-dep .nav-item.show a.nav-link,
.nav-dep .nav-item-kansai .nav-link.active{
  /*background: #f68732;*/
  background: #444;
  color: #fff;
}
.tab-deplink{
  padding-top: 12px;
  margin-bottom: 40px;
}
.ul-depselect{
  display: flex;
}
.ul-depselect > li{
  padding: 0;
	border: solid #fff 2px;
}
.ul-depselect + .ul-depselect{
 
}
.li-dep-name{
  width: 22%;
  display: flex;
  position: relative;
}
.li-dep-name a:after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 80%;
    margin-left: 8px;
}
.li-dep-menu{
    width: 78%;
  
}
.label-base{
	color: #333;
	/*background: #eee;
	padding: 2px 4px;*/
	display: inline-block;
	position: relative;
	font-size: 90%;
	font-weight: bold;
}
.label-pink{
	color: #5C9CC1;
	/*background: #ef81a7;
	padding: 2px 6px;*/
	display: inline-block;
	position: relative;
	font-weight: bold;
	font-size: 90%;
}
.label-blue{
	color: #5C9CC1;
	background: #fafafa;
	padding: 2px 6px;
	margin-bottom: 1px;
	display: inline-block;
	position: relative;
	font-weight: bold;
	font-size: 90%;
}
.label-green{
	color: #9ba61d;
	background: #fafafa;
	padding: 2px 6px;
	display: inline-block;
	position: relative;
	font-weight: bold;
	font-size: 90%;
}
.label-cha{
	color: #C28455;
	/*background: #C28455;
	padding: 2px 6px;*/
	display: inline-block;
	position: relative;
	font-weight: bold;
	font-size: 90%;
}
.ul-depselectdetail{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.ul-depselectdetail > li{
    width: 33.333%;
	background: #F2F2F2; 
	padding: 0 8px;
}


.ul-depselectdetail.twoplan > li{
    width: 50%;
}
.ul-depselectdetail.twoplan > li.mc{
	border-right: 4px solid #fff;
}

.ul-depselectdetail.twoplan > li.li-dep-plan{
	position: relative;
}
.ul-depselectdetail.twoplan > li.li-dep-plan a{

}
.ul-depselectdetail.twoplan > li.li-dep-plan a:after{
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 80%;
	color: #1c1c1c;
	position: absolute;
	right: 10px;
}


.ul-depselectdetail.threeplan > li{
    width: 33%;
}
.ul-depselectdetail.threeplan > li:last-child{
    width: 34%;
}
.ul-depselectdetail.threeplan > li.mc{
	border-right: 4px solid #fff;
}

.ul-depselectdetail.threeplan > li.li-dep-plan{
	position: relative;
}
.ul-depselectdetail.threeplan > li.li-dep-plan a{

}
.ul-depselectdetail.threeplan > li.li-dep-plan a:after{
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 80%;
	color: #1c1c1c;
	position: absolute;
	right: 0;
}


.ul-depselectdetail.fourplan > li{
    width: 21%;
}
.ul-depselectdetail.fourplan > li:first-child,.ul-depselectdetail.fourplan > li:nth-child(2){
	width: 29%;
}

.ul-depselectdetail.fourplan > li.mc{
	border-right: 4px solid #fff;
}

.ul-depselectdetail.fourplan > li.li-dep-plan{
	position: relative;
}
.ul-depselectdetail.fourplan > li.li-dep-plan a{

}
.ul-depselectdetail.fourplan > li.li-dep-plan a:after{
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 80%;
	color: #1c1c1c;
	position: absolute;
	right: 0;
	top:45%;
}





.ul-depselectdetail.oneplan > li{
    width: 100%;
}
.ul-depselectdetail > li a,
.ul-depselectdetail > li button{
    padding: 12px 4px 10px;
    display: block;
    position: relative;
    background: none;
    cursor: pointer;
    width: 100%;
    height: 100%;
}
.ul-depselectdetail > li button{
	line-height: inherit;
	text-align: right;
}
.li-dep-name a,
.li-dep-name span{
  font-weight: bold;
  display: flex;
  align-items: center;
	justify-content: center;
  padding: 4px;
  width: 100%;
	 color: #1c1c1c;
	background: #F2F2F2;
}

.li-dep-name.list-area-tokai a,
.li-dep-name.list-area-tokai span{
  /*color: #ef3c4d;*/
  /*border-left: 5px solid #ef3c4d;*/
  /*color: #0C73B0;
  /*border-left: 5px solid #0C73B0;*/
}
.li-dep-name.list-area-kansai a,
.li-dep-name.list-area-kansai span{
  /*color: #f68732;
  border-left: 5px solid #f68732;
  color: #0C73B0;
  border-left: 5px solid #0C73B0;*/
}
.li-dep-name.list-area-tohoku a,
.li-dep-name.list-area-tohoku span{
  /*color: #4db8f0;
  border-left: 5px solid #4db8f0;
  color: #0C73B0;
  border-left: 5px solid #0C73B0;*/
}
.li-dep-name.list-area-hokuriku a,
.li-dep-name.list-area-hokuriku span{
  /*color: #9435b8;
  border-left: 5px solid #9435b8;
  color: #0C73B0;
  border-left: 5px solid #0C73B0;*/
}
.li-dep-name.list-area-chugoku a,
.li-dep-name.list-area-chugoku span{
  /*color: #9ba61d;
  border-left: 5px solid #9ba61d;
  color: #0C73B0;
  border-left: 5px solid #0C73B0;*/
}
.li-dep-name.list-area-shikoku a,
.li-dep-name.list-area-shikoku span{
  /*color:#66aa2f;
  border-left: 5px solid #66aa2f;
  color: #0C73B0;
  border-left: 5px solid #0C73B0;*/
}
.li-dep-name.list-area-kyushu a,
.li-dep-name.list-area-kyushu span{
  /*color:#f54b6b;
  border-left: 5px solid #f54b6b;
  color: #0C73B0;
  border-left: 5px solid #0C73B0;*/
}
.li-dep-name.list-area-kanto a,
.li-dep-name.list-area-kanto span{
  /*color:#1a2975;
  border-left: 5px solid #1a2975;
  color: #0C73B0;
  border-left: 5px solid #0C73B0;*/
}
.li-dep-set + .li-dep-set{
    border-left: none;
}
.li-dep-plan .plan-name{
  display: block;
  text-align: left;
  font-size: 14px;
  color: #333;
  margin-bottom: 3px;
}
.li-dep-plan .wrap-price .num{
    font-size: 20px;
    font-weight: bold;
    color: #F14482;
    font-family: 'Oswald', sans-serif;	
}
.li-dep-plan .wrap-price .num.min:after{
    content: "～";
    font-size: 12px;
    margin-right: 3px;
}
.li-dep-plan .wrap-price .num.onlybus:after{
    content: "円～";
    font-size: 12px;
    margin-right: 3px;
}
.li-dep-plan .wrap-price .num.max:after{
    content: "円";
    font-size: 12px;
}
.li-dep-plan a:hover,
.li-dep-plan button:hover{
  background: #fff5f9;
  text-decoration: none;
}
.li-dep-plan a:hover .wrap-price .num,
.li-dep-plan a:hover .plan-name{
  text-decoration: none;
}
.li-dep-plan a .wrap-price{
  display: inline-block;
}
.title-planmore{
	background: #FBF8F3;
	color: #4e2f18;
	padding: 12px;
	font-size: 14px;
}
@media (max-width: 767px) {
.search-box{
    padding: 0;
    background: none;
}
.nav-dep > li a.nav-link{
  font-size: 13px;
	margin-right: 5px;
	padding: 10px 0;
}
.ul-depselect{
  position: relative;
  border-bottom: none;
}
.li-dep-name{
  width: 27%;
  display: flex;
}
.li-dep-plan .wrap-price .num{
    font-size: 16px;
}
.li-dep-plan .wrap-price{
	padding-right: 8px;
	padding-top: 3px;
}
.li-dep-menu{
    width: 73%;
  display: flex;	
}
.ul-depselectdetail{
    background: #fff;
}
.ul-depselectdetail > li a,
.ul-depselectdetail > li button{
  padding: 12px 12px 6px 6px;
}
.ul-depselectdetail > li a:after{
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 80%;
    margin-left: 12px;
	position: absolute;
}
	
.ul-depselectdetail > li{
    width: 100%;
    border-right: none;
	
}
.ul-depselectdetail.twoplan > li{
    width: 100%;
}
	
.ul-depselectdetail.threeplan > li{
    width: 100%!important;
}	

	
.ul-depselectdetail.fourplan > li{
    width: 100%!important;
}	

.li-dep-empty{
    display: none !important;
}
.ul-depselect + .ul-depselect{
  border-top: none;
  margin-top: 12px;
}
.ul-depselect > li.li-dep-name span{
  padding: 3px 3px 3px 10px;
  width: 100%;
  height: 100%;
  justify-content: start;
  align-items: start;
  display: flex;
  /*color: #fff;*/
  border-radius: 0;
  font-size: 16px;
  text-align: left;

}
/*.li-dep-name.list-area-tokai span{
  background: #ef3c4d;
  border-left: none;
}
.li-dep-name.list-area-kansai span{
  background: #f68732;
  border-left: none;
}
.li-dep-name.list-area-kanto span{
  background:#1a2975;
  border-left: none;
}*/
.li-dep-plan a:after,
.li-dep-plan button:after{
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  color: #1c1c1c;
  font-size: 12px;
}
.li-dep-plan a:before{
  display: block;
  text-align: left;
  margin-right: 0px;
}
	.ul-depselectdetail.twoplan > li.mc{
	border-right: none;
		border-bottom: 4px solid #fff;
}
		.ul-depselectdetail.threeplan > li.mc{
	border-right: none;
		border-bottom: 4px solid #fff;
}
	.ul-depselectdetail.fourplan > li.mc{
	border-right: none;
		border-bottom: 4px solid #fff;
}
	
	
	.ul-depselectdetail li:last-child{
		border-bottom:none!important;
	}	
	
}





.list-safetypoint{
	max-width: 100%;
	width: 100%;
	padding:12px 20px;
	background:#FBF8F3;
	border-radius: 8px;
	margin:24px auto;
}
.list-safetypoint li{
	position: relative;
	font-size: 16px;
	padding-left: 24px;
}
.list-safetypoint li:before{
    content: "\f14a";
    font-family: "Font Awesome 5 Free";
    color: #F84D79;
    position: absolute;
    top: -1px;
    left: 0;
}
.list-safetypoint li + li{
	margin-top: 6px;
}
@media (max-width: 767px) {
.list-safetypoint li{
	font-size: 15px;
}
	
	.li-dep-name a{
		padding: 13px;
	}	
}

/*
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%;
	cursor: pointer;
	text-align: left;
}
#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;
}
/* FAQ SP微調整 */

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




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

#bus-terminal{
	margin:0 0 20px 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;
}


#reco .row-card-plan-01 dt img{
	width: 100%;
}



/*
vehicle
*********************************/


#vehicle{
	padding:5px 0 40px 0;
	position: relative;
}
.wrap-vehicle-detail + .wrap-vehicle-detail{
	margin-top: 20px;
}
.figure-vehicle{
	text-align: center;
}
.figure-vehicle img{
	zoom: 0.7;
	margin: 0 auto;
	max-height: initial!important;
}
.title-vehicle b{
	font-size: 120%;
	color: #F53D7E;
}
.ul-vehicle-check{
	padding: 20px;
	background: #fffdf6;
	margin-top: 10px;
}
.ul-vehicle-check li{
	font-size: 14px;
	padding-left: 25px;
	position: relative;
}
.ul-vehicle-check li:before{
	content: "\f058";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	top: -1px;
	left: 0;
	color: #F53D7E;
}
.ul-vehicle-check li + li{
  margin-top: 5px;
}
.h3-vehicle-title{
	display: flex;
	width: 100%;
	align-items: center;
}
.h3-vehicle-title span{
	width: 100%;
	padding-left: 10px;
}
.icon-half{
	width: 30px !important;
	margin: 0 !important;
	height: auto;
}
@media(max-width:767px) {
	#vehicle {
		padding-bottom:0;
	}
	.figure-vehicle{
		text-align: center;
		margin-left: -15px;
		margin-right: -15px;
	}
	.title-vehicle{
		text-align: center;
		margin-top: 20px;
	}
	#vehicle h2.title02 {
	    font-size: 18px;
	}
}



/*右下チャットボタンの設定*/
.chat{
	position: fixed;
	bottom: 0;
	right: 0;
    z-index: 1130;
}
.chat .online{
	text-align: right;
}
.chat .online a {
    display: inline-block;
    color: #fff;
    background: #4DC45D;
    margin:0 5px 5px auto;
    padding: 10px 15px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
}
.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;
    top: -24px;
    right: 5px;
    font-size: 20px;
    color: #333;
    display: block;
    font-weight: bold;
}
@media(max-width:767px) {
	.chat{

	}
}
.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;
}


/* おすすめプラン
------------------------------------------*/
.txt-plan {
  position: relative;
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
  font-size: 20px;
	margin-bottom: 20px;
}
 
.txt-plan:before,
.txt-plan:after {
  position: relative;
  display: inline-block;
  content: "";
  background: #222;
  width: 3px;
  height: 1.4em;
  margin: 0 1em;
  margin-top: -.2em;
  vertical-align: middle;
}
 
.txt-plan:before {
  transform: rotate(-35deg);
}
 
.txt-plan:after {
  transform: rotate(35deg);
} 

#rec-plan{
	background: #F2F2F2;
	padding: 40px 0;
}

.rec-bnr{
	display: flex;
	justify-content: center;
  align-items: center;
}

.rec-bnr li{
	margin-right: 10px;
}

.rec-bnr li:last-child{
	margin-right: 0;
}
.rec-bnr li{
	max-width: 370px;
}

/* お知らせ
------------------------------------------*/
#infomation{
	padding: 40px 0;
}


#infomation .acc-box{
	border:2px solid #C29D20;
	margin-bottom: 30px;
}
#infomation .acc-tit{
	width:100%;
	background: #C29D20;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
}
#infomation .acc-box .card-header a{
		background: #FAF4E2;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

#infomation .card-body{
	background: #FFF;
	padding: 10px 10px 0;
}

#infomation .acc-tit h2{
	font-size: 16px;
	font-weight: bold;
}
.link-mordal,.link-mordal:link,.link-mordal:visited,.link-mordal:hover,.link-mordal:active  {
	color:#FFF;
	text-decoration: none;
}
.link-mordal:after{
	 content: "\f24d";
    font-family: "Font Awesome 5 Free";
    font-size: 80%;
    margin-left: 6px;
    position: relative;
    top: -2px;
	
}

.btn-pink a{
	background: #EC3073;
	margin: 0 auto;
		padding: 10px 0;
	width: 85%;
	max-width: 450px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	position: relative;
	display: block;
	border: 2px solid #EC3073;
}
.btn-pink a:hover{
	text-decoration: none;
	color: #EC3073;
	background: #FFF;
}
.btn-pink a:after{
    position: absolute;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    right: 10px;
}

.btn-pink02{
	background: #EC3073;
	padding: 10px 0;
	margin: 0 auto;
	width: 450px;
	text-align: center;
		color: #FFF;
	font-weight: bold;
	position: relative;
	display: block;
	height: 46px;
	font-size:16px;
	border: 2px solid #EC3073;
	border-radius: 6px;
	
}

.btn-pink02::after{
    position: absolute;
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    right: 10px;
}

.btn-pink02:hover{
	color: #EC3073;
	background: #FFF;
}

@media (max-width: 767px) {
	.btn-pink02{
		width:85%;
	}
	#infomation{
	padding: 20px 0;
}
	#infomation .acc-box .card-header a{
		font-size:14px;
	}
	#infomation .acc-box .card-body p{
		font-size:14px!important;
	}
}


/* パスポート付きが予約できるホテル
------------------------------------------*/
#passport-hotel{
	padding:40px 0;
}
.hotel-slider{
	border:1px #777 solid;
	margin-bottom: 30px;

}
.hotel-detail{
	display: flex;
  align-items: center;	
}

.hotel-detail li{
	font-size:14px;
}
.departure-name{
	display: inline-block;
	background: #444;
	color: #fff;
	border-radius: 60px;
	text-align: center;
	padding: 4px 10px;
	font-size: 0.9em;
	font-weight: bold;
	margin-right: 5px;
}
.hotel-price{
	color: #EC3073;
	margin-left: auto;
}

.hotel-price span{
	font-size: 2em;
	font-weight: bold;
}
.hotel-box{
		padding: 0 60px 20px;
}
#content-wrap .hotel-box img{
	margin-bottom:10px;
}

.hotel-box .btn-pink a{
	line-height: 30px;
}
.tit-hotel{
	border-bottom: dashed 2px #222;
	display: inline-block;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 10px;
}
	.hotel-box .btn-pink{
	width: 60%;
	float: right;
		margin-top: 20px;
}
.slick-dots{
	bottom:0!important;
}
@media (max-width: 767px) {
	.hotel-box{
		margin-bottom: 0;
		padding: 0 20px 20px;
	}
	.btn-pink a.two-line{
		line-height: 26px;
	}
		.btn-pink a.two-line:after{
		top:15px;
	}
	.btnbox{
		display: flex;
	}
	.hotel-box .btn-pink{
	width: 42%;
		margin-top: 0;
		font-size:14px;
}
	.hotel-box .btn-pink a{
		padding-right:10px;
		
	}
	.hotel-box .btn-pink a:after{
		right: 5px;
	}
	.hotel-slider{
		width: 99%;

}
	.hotel-price span{
	font-size: 1.8em;
}
	
	@media (max-width:359px) {/*Narrow SP*/
		.hotel-detail li{
			font-size:12px;
		}
		.departure-name{
			padding:4px;
		}
		.hotel-box .btn-pink{
			width: 100%;
		}
	}
}

/*全国支援誘導パーツ*/


.wrap-ryokoshien{
	width: 100%;
	max-width: 890px;
	margin: 0 auto;
	padding-top: 20px;
}
.ryokoshien-box{
	display: none;
	padding: 15px 20px;
	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: 15px;
	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;
}
}


/*detepicker*/
.detepicker-design{
	display: block;
    width: 80% !important;
	background: url(/static/img/common/icon/i-nav-day.png) #fff no-repeat 96% 50% !important;
	cursor: pointer;
	margin-left: 0;
	margin-bottom: 0;
}
.detepicker-design::placeholder{
	color: #222222;
}

.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;
}
/*予約可能な期間について*/
.link-kigen {
    background: none;
    text-decoration: underline;
    cursor: pointer;
}

.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: underline;
	cursor: pointer;
}
.link-kigen:hover{
	text-decoration: none;
}

/*キャンパスデーパスポートプラン*/
.box-campusday{
	background: #EDEEF4;
	width: 100%;
	padding: 50px 0 0;
	margin: 30px 0;
}
.box-campusday h2{
	color: #545992;
	text-align: center;
	position: relative;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 45px;
}
.box-campusday h2:before{
	 content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 30px;/*画像の幅*/
  height: 25px;/*画像の高さ*/
   background: url(/static/img/tdr/icon-cam.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
	position: absolute;
	top:-22px;
	left: 50%;
	transform: translate(-50%, -50%);
}


.box-campusday h2:after{
		 content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 200px;/*画像の幅*/
  height: 30px;/*画像の高さ*/
   background: url(/static/img/tdr/txt-cam.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
	position: absolute;
	bottom:-50px;
	left: 50%;
	transform: translate(-50%, -50%);
}

.box-campusday h3{
    position: relative;
    padding: 0.4rem 0;
    margin:0 auto 30px;
    border-bottom: 2px solid;
    color: #222;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
	width: 80%;
}

.box-campusday h3:before,
.box-campusday h3:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
}

.box-campusday h3:before {
    border: 12px solid;
    border-color: transparent;
    border-top-color: #222;
    margin-left: -12px;
}

.box-campusday h3:after {
    border: 9px solid;
    border-color: transparent;
    border-top-color: #EDEEF4;
    margin-left: -9px;
}

.box-campusday ul li a{
	border: 3px solid #EC3073;
	display: flex;
	padding: 2px 0;
	color: #EC3073;
	font-weight: bold;
	background: #FFF;
	position: relative;
	text-decoration: none;
	 align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}


.box-campusday ul li:last-child{
	margin-bottom: 0;
}
.box-campusday ul li a:hover{
	background: #EC3073;
	color: #FFF;
	opacity: 1;
}


.box-campusday ul li a:hover .price_inset_mc_done{
	color: #FFF;
}

.box-campusday ul li a span.price-cam{
	font-size:1em;
	margin-left: 30px;
	
}

.box-campusday ul li.btn-nagoya a span.price-cam{
   margin-left: 15px;
}



.box-campusday ul li a span.price-cam span{
		font-size:1.2em;
}
.box-campusday ul li a:after{
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 100%;
    position: absolute;
    right: 10px;
}

/*お知らせ*/
.btn-news{
	background: #F2F2F2 !important;
	color: #970808;
	text-align: left;
	padding:10px 10px 10px 70px;
	position: relative;
	line-height: 1.4;
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 14px;
	position: relative;
	margin: 0 auto 10px;
	text-decoration: underline;
}
.btn-news .badge {
	position: absolute;
	top: 12px;
	left: 10px;
	padding: 3px 4px 2px;
	font-weight: normal;
	background-color: #970808;
	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) {
	
	.box-campusday h2{
		font-size:16px;
	}	
	.box-campusday h3{
    font-size: 13px;
	width: 90%;
		margin-bottom: 20px;
}

.plandetail-flex,.btn-plangroup > .btn,.ver-checkbox {
	text-align: center;
	}
.btn-plangroup.ver-checkbox.ver-hotel > .btn{
	width: 100%;
}

.btn-plangroup.ver-checkbox.ver-option > .btn{
	width: 100%;
}

.btn-plangroup {
    display: flex;
    border-radius: 0.25em;
    overflow: hidden;
    border: 1px solid #ced4da;
	padding: 0;
	background: #fff;
}

.btn-plangroup > .btn {
    position: relative;
    font-size: 14px;
    border-radius: 0;
    border: none;
    margin-bottom: 0;
    outline: none !important;
    overflow: hidden;
}
.btn-plangroup > .btn input {
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translate(0, -50%);
    outline: none !important;
}

	.plandetail-flex,
.btn-plangroup > .btn {
		width: 100%;
	 font-size: 12px;
         padding-left:22px;
	}
		.plandetail-flex,
	.btn-plangroup > .btn span{
		padding-left:0;
	}
}

/*おススメプラン*/
.box-plan{
	padding: 10px;
	background:#FEF6EF;
	color: #513104;
}
.box-plan a{
	color:#2BA5A9;
	text-decoration: underline;
	margin-top: 3px;
	display: block;
}
@media(max-width:767px) {
	

.box-plan{
	padding: 10px;
}
	}
#uniform-modal .modal-header,#number-bus-modal .modal-header,#bus-only-nopass .modal-header,#number-hotel-modal .modal-header,#number-ticket-modal .modal-header,.modal-mc .modal-header,#timesale .modal-header,.modal-mc .modal-header{
	font-size: 15px;
	font-weight: bold;
	}


#uniform-modal .li-dep-plan,#number-hotel-modal .li-dep-plan,#number-ticket-modal .li-dep-plan,.modal-mc .li-dep-plan,#timesale .li-dep-plan{
	display: flex;
	width: 100%;
	margin:0 auto 16px;
	padding: 0;
}

#number-bus-modal .li-dep-plan,#bus-only-nopass .li-dep-plan{
	display: flex;
	width: 100%;
	margin:0 auto 16px;
	padding: 0;
}

#number-hotel-modal .li-dep-plan:last-child,#number-ticket-modal .li-dep-plan:last-child{
	margin:0 auto;
}

#uniform-modal .li-dep-plan a,#number-bus-modal .li-dep-plan a,#bus-only-nopass .li-dep-plan a,#number-hotel-modal .li-dep-plan a,#number-ticket-modal .li-dep-plan a,.modal-mc .li-dep-plan a,#timesale .li-dep-plan a,.modal-mc .li-dep-plan a{
	display: flex;
	align-items: center;
	position: relative;
	padding: 8px 12px;
}
#uniform-modal .li-dep-plan a::after,#number-bus-modal .li-dep-plan a::after,#number-hotel-modal .li-dep-plan a::after,#number-ticket-modal .li-dep-plan a::after,.modal-mc .li-dep-plan a::after,#timesale .li-dep-plan a::after,#bus-only-nopass .li-dep-plan a::after{
	content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 14px;
    font-size: 1.1em;
	color: #F14482;
	right: 5px;
}
#uniform-modal .li-dep-plan .plan-name,#number-bus-modal.li-dep-plan .plan-name,#number-hotel-modal.li-dep-plan .plan-name,#number-ticket-modal .li-dep-plan .plan-name,.modal-mc .li-dep-plan .plan-name,#timesale .li-dep-plan .plan-name,#bus-only-nopass .li-dep-plan .plan-name{
 width: 35%;
	font-size: 15px;
	font-weight: bold;	
}

#uniform-modal .li-dep-plan .wrap-price,#number-bus-modal .li-dep-plan .wrap-price,#number-hotel-modal .li-dep-plan .wrap-price,#number-ticket-modal .li-dep-plan .wrap-price,.modal-mc .li-dep-plan .wrap-price,#timesale .li-dep-plan .wrap-price,#bus-only-nopass .li-dep-plan .wrap-price{
	width: 65%;
	text-align: right;
	padding-right: 15px;
	padding-top: 0;
	margin-left: auto;
}

#jamjam-modal.modal-mc .li-dep-plan a{
	display: block;
}

#jamjam-modal.modal-mc .li-dep-plan .plan-name{
	width: 100%;
}

#jamjam-modal.modal-mc .modal-header{
	font-size: 17px;
}



#jamjam-modal.modal-mc .li-dep-plan .wrap-price{
	width: 100%;
}
@media(max-width:360px) {

#uniform-modal .li-dep-plan .plan-name, #number-bus-modal.li-dep-plan .plan-name, #number-hotel-modal.li-dep-plan .plan-name, #number-ticket-modal .li-dep-plan .plan-name, .modal-mc .li-dep-plan .plan-name, #timesale .li-dep-plan .plan-name, #bus-only-nopass .li-dep-plan .plan-name{
	font-size: 14px;
	}

	
}
/*日付から探すタブ追加*/
.searchbox-tab.nav-tabs{
	width:70%;
	margin: 20px auto;
	justify-content: space-between;
	border: none;
}

.searchbox-tab li{
	width: 48%;
	text-align: center;
}

.searchbox-tab li a{
	border-radius: 0.25em!important;
	font-weight: bold;

}
.searchbox-tab li a.nav-link{
	color: #333;
	background: #EEE;
	padding: 8px;
  width: 100%;
	  border: solid 3px #EEE;
	
}
.searchbox-tab li a.nav-link.active
{
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 8px;
  width: 100%;
  color: #EC3073;
  background: #FFF;
  border: solid 3px #EC3073;
  box-sizing: border-box;
}

.searchbox-tab li a.nav-link.active:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 13px solid #FFF;
  z-index: 2;
}

.searchbox-tab li a.nav-link.active:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #EC3073;
  z-index: 1;
}


.searchbox-tab li a.nav-link:hover{
	opacity: 1!important;
	  background: #FFF;
  border: solid 3px #EC3073;
	  color: #EC3073;
}
.btn-select-design-date .datepicker-bus {
    position: relative;
    left: auto;
    width: 100%;
    z-index: initial;
    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: 20px;
    box-sizing: border-box;
    font-size: 16px;
    font-family: initial;
	color: #000;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}


@media(max-width:767px) {
	
.searchbox-tab.nav-tabs{
	width: 94%;
	margin: 0 auto;
}
.searchbox-tab li a{
	font-size: 12px;

}
}

/*
おすすめツアー商品
**********************************/

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

ul.recommend-tour-list li{
	width:24%;
}

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

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

ul.recommend-tour-list li img{
	display:block;
	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:11px;
	color:#77653c;

}
.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;
}


ul.recommend-tour-list li.ico-sale{
	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/tdr/timesale_b.svg) center no-repeat;
    content: "";
    background-size: contain;
	display: inline-block;
}


.box-attribute.ico-sale{
	position: relative;
}

.box-attribute.ico-sale::before{
	position: absolute;
    transform: translate(0, -50%);
    top: 22px;
    left: 0;
    width: 60px;
    height: 60px;
    background: url(/static/img/tdr/timesale_b.svg) center no-repeat;
    content: "";
    background-size: contain;
	display: inline-block;
}

.box-attribute.ico-osusume{
	position: relative;
}

.box-attribute.ico-osusume::before{
	position: absolute;
    transform: translate(0, -50%);
    top: 22px;
    left: 0;
    width: 60px;
    height: 60px;
    background: url(/static/img/tdr/osusume.svg) center no-repeat;
    content: "";
    background-size: contain;
	display: inline-block;
}




@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){
	ul.recommend-tour-list{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	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 .tab-pane{
		overflow-x:scroll;
		padding-left: 5px;
	}
	ul.recommend-tour-list{
		 width:920px;
	}
	
	ul.recommend-tour-list li{
		width:220px;
	}
	
	.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){

	
	.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;
	}
	
	.setting-plandetail{
		padding: 5px 5px 10px;
	}
		.plandetail-flex > span,.plandetail-flex,
.btn-plangroup > .btn {
	 font-size: 12px;

	}

}

/*
人数別おすすめプラン
**********************************/


.txt-comment {
	position: relative;
	padding: 0 10px;
	font-size: 1em;
	text-align: center;
	width: 220px;
	margin: 0 auto 5px;
	font-size: 14px;
  }
  
  .txt-comment::before, .txt-comment::after {
	position: absolute;
	top: 5px;
	height: 1.2em;
	content: '';
  }
  .txt-comment::before {
	border-left: solid 3px;
	left: 0;
	transform: rotate(-30deg);

	border-radius: 60px;
  }
  .txt-comment::after{
	border-right: solid 3px;
	right: 0;
	transform: rotate(30deg);
	border-radius: 60px;
  }
  .box-one .txt-comment,.box-one .txt-comment::before,.box-one .txt-comment::after{
		  color: #0E146F;
		  border-color:  #0E146F;
  }

  .box-two .txt-comment,.box-two .txt-comment::before,.box-two .txt-comment::after{
	color: #0876BF;
	border-color:  #0876BF;
}

.box-three .txt-comment,.box-three .txt-comment::before,.box-three .txt-comment::after{
	color: #08BFB3;
	border-color:  #08BFB3;
}


.btn-one{
	width:100%;
	height: 80px;
	border: 3px solid #0E146F;
	border-radius: 8px;
	color: #0E146F;
	text-decoration: none;
	font-weight: bold;
	display: flex;
	font-size: 16px;
	position: relative;
	align-items: center;

}
.btn-one img{
		flex-basis: 25px; 
}
.btn-one span{
	flex-basis: 75%; 
}
.btn-one:hover{
		color: #0E146F;
	text-decoration: none;
		opacity: 1.0!important;
}


.btn-two{
	width:100%;
	height: 80px;
	border: 3px solid #0876BF;
	border-radius: 8px;
	color: #0876BF;
	text-decoration: none;
	font-weight: bold;
	display: flex;
	font-size: 16px;
	position: relative;
	align-items: center;

}
.btn-two img{
		flex-basis: 45px; 
}
.btn-two span{
	flex-basis: 75%; 
}
.btn-two:hover{
		color: #0876BF;
	text-decoration: none;
	opacity: 1.0!important;
}


.btn-three{
	width:100%;
	height: 80px;
	border: 3px solid #08BFB3;
	border-radius: 8px;
	color: #08BFB3;
	text-decoration: none;
	font-weight: bold;
	display: flex;
	font-size: 16px;
	position: relative;
	align-items: center;

}
.btn-three img{
		flex-basis: 60px; 
}
.btn-three span{
	flex-basis: 70%; 
}
.btn-three:hover{
		color: #08BFB3;
	text-decoration: none;
		opacity: 1.0!important;;
}


.btn-one::after,.btn-two::after,.btn-three::after{
	position: absolute;
  font-family: "Font Awesome 5 Free";
  content: '\f068';
 right: 10px;
	top: 50%;
		transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);	
}
.btn-one.collapsed::after,.btn-two.collapsed::after,.btn-three.collapsed::after{
  content: '\f067';
}



.box-number{
	padding: 12px;
	background:#EDEDED;
}

.box-number li a{
	padding: 10px 20px;;
	border: 3px solid #0E146F;
	border-radius: 60px;
	display: block;
	background: #fff;
	position: relative;
	font-size: 14px;
	color: #0E146F;
	text-decoration: none;

}

.box-number li a:hover{
		color: #0E146F;
	text-decoration: none;
	opacity: 1.0;
	background:#E7E8FB;
}

.box-number li a:after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 110%;
    color: #0E146F;
    position: absolute;
    right: 10px;
	top: 50%;
		transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}
.box-number li{
	margin-bottom: 10px;
}
.box-number li:last-child{
	margin-bottom: none;
}


.box-number.pair-plan li a{
    border: 3px solid #0876BF;
	color: #0876BF;
}
.box-number.pair-plan li a:hover{
	color: #0876BF;
	background:#C5E4F9;
}
.box-number.pair-plan li a::after{
	color: #0876BF;
}


.box-number.group-plan li a{
    border: 3px solid #08BFB3;
	color: #08BFB3;
}
.box-number.group-plan li a:hover{
	color: #08BFB3;
	background:#C5F6F3;
}
.box-number.group-plan li a::after{
	color: #08BFB3;
}


.box-attribute a{
	background: #fff;
	box-shadow: 1px 1px 4px #999;
	padding: 10px 8px;
	font-size: 13px;
	line-height: 1.3em;
	flex-wrap: wrap;
	color: #333;
	border-radius: 6px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;	
}
.box-attribute a small{
	font-size: 11px;
}


.box-attribute a:hover{
	text-decoration: none;
	opacity: 1.0!important;
	background: #fdfdf7;
}



#acc01 .box-attribute a b{
	display: block;
	margin-bottom: 2px;
	color: #0E146F;
}

#acc02 .box-attribute a b{
	display: block;
	margin-bottom: 2px;
	color: #0876BF;
}


#acc03 .box-attribute a b{
	display: block;
	margin-bottom: 2px;
	color: #08BFB3;
}


.box-attribute a div{
	width: 47%;
	display: inline-block;
	align-self: flex-start;
}

.box-attribute a div.txt-attribute{
		width: 50%;
}

.box-attribute a div img{
}

@media(min-width:768px) and (max-width:991px){
	.box-number {
		padding: 8px;
	}
	.box-number li a{
		font-size: 13px;
	}
}

@media (max-width: 767px) {

	.box-one,.box-two{
		margin-bottom: 20px;
	}
	.txt-comment{
		margin: 0 auto 3px;
	}
	.box-number{
	padding: 12px 8px;

}
	.box-number li a{
		font-size: 15px;
	}
	.box-attribute a b{
		margin-bottom: 10px;
	}
}

.border-zurashi{
	border: 1px solid #ffd49d;
}

/*チャット表示対応*/
body:has(#cookie-set) .chat{
    bottom: 100px;
}

/*バナースライダー*/
.bnr-slider{
	display: flex;
		margin: 0;	

}
	.slider-center.bnr-slider .slick-dots{
		bottom: -25px!important;
	}
	.slider-center.bnr-slider .slick-dots li button:before{
		font-size: 12px!important;
	}
.slider-center.bnr-slider {
		margin-bottom: 50px;
	}


@media(max-width:576px){
	
	.bnr-slider div{
		width: 100%;
		margin: 0;
	}

	
}
.bnr-slider .border-green{
	border-top:1px solid #00B2A7;
	border-bottom:1px solid #00B2A7;	
	
}
/*イベントテキスト
**********************************/
.txt-summer{
	color: #ef3c4d;
	font-weight: bold;	
}

.txt-summer.txt-comment {
	position: relative;
	padding: 0 4px;
	font-size: 1em;
	text-align: center;
	width: 95%;
	max-width: 500px;
	margin: 0 auto 2px;
		font-size: 16px;
  }
  
 .txt-summer.txt-comment::before, .txt-summer.txt-comment::after {
	position: absolute;
	top: 0;
	height: 1.4em;
	content: '';
  }


.txt-modal{
	font-size: 13px;
	padding: 10px;
	background: #F2F2F2;
	margin: 10px auto 0;
	text-align: center;
	max-width: 400px;
	width: 96%;
	border-radius: 18px;
	position: relative;
	font-weight: bold;
	
}


.txt-modal::after{
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 110%;
    color: #ef3c4d;
    position: absolute;
    right: 8px;
	top: 50%;
		transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}

.txt-modal a{
	color:#02428c;
}



@media(max-width:576px){
	.txt-summer.txt-comment {
		font-size: 12px;
			width: 95%;
	max-width: 340px;
  }
	
}
@media(max-width:360px){
	.txt-summer.txt-comment {
		font-size: 11px;
  }
	
}

.bnr-shadow{
	box-shadow: 1px 1px 4px #999;
	border-radius: 6px;
	display: block;
}
.bnr-shadow:hover{
	box-shadow:none;
}

/* 点滅 */
.blinking{
	-webkit-animation:blink 0.6s ease-in-out infinite alternate;
    -moz-animation:blink 0.6s ease-in-out infinite alternate;
    animation:blink 0.6s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.5;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.5;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.5;}
    100% {opacity:1;}
}

/* セレブレーションホテル1枠対応 */

.one-hotel a{
	display: flex;
}

.one-hotel a img{
	margin-right: 16px!important;
	width: 35%;
}


.one-hotel a .price-hotelnav dl{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.one-hotel a .price-hotelnav dl dt{
	margin-right: 10px;
}



@media (max-width: 767px) {
	.one-hotel a{
	display: block;
}
.one-hotel a img{
	margin-right: 0!important;
	width: 100%;
}	
}
@media(max-width:576px) {
	#content-wrap img{
		padding: 0;
	}
}


/*20250324 パスポート付きプランから探す*/

#select-pass{
	background: #f5fcff;
	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: #C4C7D5;
	color: #fff;	
	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/');
    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/');
    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( #767BBD 10%, #fff 10%);
	color: #767BBD;
	margin-top: -5px;
	border: none;
	opacity: 1;
}

#select-pass .tab-content{
		background: #fff;
	padding: 16px 10px 4px;
}

#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;
	color: #2C2C2C;
	cursor: pointer;
}

#select-pass .tab-content ul li a:hover{
	text-decoration: none;
}

#select-pass ul li a span{
	font-size: 12px;
}

#select-pass ul li a span.plan-set{
	color: #fff;
	border-radius: 20px;
	padding: 4px 8px;
	line-height: 1em;
	display: inline-block;
}


#select-pass ul li a span.icon-bus::before{
	font-family: "Font Awesome 5 Free";
	content: "\f207";
	display: inline-block;
	text-align: center;
	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;
	text-align: center;
	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;
	text-align: center;
	color:#fff;
	font-weight: 700;
	margin-right: 2px;
	font-size: 9px;	
}



.btn-official a{
	border: 1px solid #C4C7D5;
	padding: 14px 10px 10px;
	border-radius: 8px;
	position: relative;
}

#select-pass ul li.btn-official a span.plan-set{
	background: #76B8BD;
}



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




.btn-partner a{
	border: 1px solid #C4C7D5;
	padding: 10px;
	border-radius: 8px;
	position: relative;
}
#pass-no .btn-partner a{
	padding: 14px 10px 10px;
}
#pass-no .btn-partner a::before{
    content: "";
    display: inline-block;
    width: 68px;
    height: 20px;
    background-image: url('/static/img/tdr/2025/ico-rec.png');
    background-position: center;
    background-size: contain;
	position: absolute;	
	top:-6px;
}

#select-pass ul li.btn-partner a span.plan-set{
	background: #8976BD;
}

.btn-near a{
	border: 1px solid #C4C7D5;
	padding: 10px;
	border-radius: 8px;
	position: relative;
}
#select-pass ul li.btn-near a span.plan-set{
	background: #BD769E;
}





.btn-disney a{
	border: 1px solid #C4C7D5;
	padding: 10px;
	border-radius: 8px;
	position: relative;
}
#select-pass ul li.btn-disney a span.plan-set{
	background: #C97373;
}

#pass-set .btn-disney a::before{
    content: "";
    display: inline-block;
    width: 68px;
    height: 20px;
    background-image: url('/static/img/tdr/2025/ico-rec.png');
    background-position: center;
    background-size: contain;
	position: absolute;	
	top:-6px;
}
#pass-set .btn-disney a{
	padding: 14px 10px 10px;
}



.btn-bus a{
	border: 1px solid #C4C7D5;
	padding: 10px;
	border-radius: 8px;
	position: relative;
} 
#select-pass ul li.btn-bus a span.plan-set{
	background: #9EBD76;
}

#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: #76B8BD;
        font-size: 12px;
    }

#select-pass ul li.btn-partner a::after{color: #8976BD; }


#select-pass ul li.btn-near a::after{color: #BD769E; }

#select-pass ul li.btn-disney a::after{color: #C97373; }

#select-pass ul li.btn-bus a::after{color: #9EBD76; }


.ul-select-dep .li-dep-plan{
	display: flex;
	width: 47%;
	margin:0 auto 12px;
	padding: 0;
}



.ul-select-dep.li-dep-plan:last-child{
	margin:0 auto;
}

.ul-select-dep .li-dep-plan a{
	display: flex;
	align-items: center;
	position: relative;
	padding: 12px;
}
.ul-select-dep .li-dep-plan a::after{
	content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 14px;
    font-size: 1.1em;
	color: #F14482;
	right: 5px;
}
.ul-select-dep .li-dep-plan .plan-name{
   width: 80%;
	font-size: 14px;
	font-weight: bold;	
	margin-bottom: 0;
}

.text-hotel{
	text-align: right;
}

.text-hotel a{
	font-size: 11px;
	color: #FFF;
	position: relative;
	display: inline-block;
	border-radius: 20px;
	padding: 8px 20px 6px 8px;
    background: #767BBD;
    font-weight: bold;
	
}

.text-hotel a::after{
	content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    position: absolute;
    font-size: 1em;
	color: #fff;
	right: 8px;
}
.text-hotel a:hover{
	text-decoration: none;
}

@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;
	}	
	#select-pass ul li a span{
	font-size: 10px;
}
	#select-pass ul li a span.plan-set{
		padding: 4px 8px;
	}
	#select-pass ul li a span::before{
		margin-right: 1px!important;
	}	
}

@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: 13px;
		line-height: 1.4em;
	}
	#select-pass ul li a span:before{
		font-size: 15px!important;
	}
	.text-hotel{
	text-align: right;
	font-size: 13px;
}

}
@media (min-width: 992px) {
		#select-pass .nav-item a::before{
		left: 22%!important;
		
	}
	#select-pass .tab-content {
		padding: 20px 20px 4px;
	}
	
		#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.box-3{
		width: 32%;
		margin-bottom: 16px;
		display: flex;
	}	
	
	
	#select-pass .tab-content ul li a{
		height: 100%;
		align-self: center;	
		margin-bottom: 0;
		line-height: 1.4em;
	}
	
	#select-pass ul li a span.plan-set{
		padding: 6px 20px;
		margin-top: 6px;
		border-radius: 60px;
	}	
}

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

.bnr-event{
	margin: 15px auto 10px;
	width: 100%;
	max-width: 480px;
	text-align: center;
	font-family:"notosanjp", sans-serif;
}

.bnr-event a{
	display: block;
}