@charset "utf-8";
 /* ======================================

		富士急ハイランド　common style

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


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

        Basic Settings.

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

#content-wrap h1,
#content-wrap h2,
#content-wrap h3,
#content-wrap h4,
#content-wrap h5,
#content-wrap h6{
	float:none;
}
#content-wrap p{
	font-size:16px;
	line-height: 1.6;
}
#content-wrap img {
	max-width:100%;
	margin:auto;
	height: auto;
}
#content-wrap i {
	margin:0 5px;
}
#content-wrap .fa-bus + .fa-bus {
	margin-left:0!important;
}
#content-wrap .fa-plane + .fa-plane {
	margin-left:0!important;
}
#content-wrap a {
	display: flex;
	flex-direction: column;
}
#content-wrap .link-motto a{
	display: inline-block;
}
#content-wrap a:hover {
	opacity:0.7;
}
#content-wrap area{
	outline:none;
	border:none;
}
#content-wrap em{
	display:inline-block;
	font-weight:bold;
	color: #fbe636!important;
	font-size: 1em;
	font-style: normal;

}
#content-wrap select{
	margin:5px 0;
	font-size:16px!important;
	line-height: 1.2;
}
#content-wrap .container:after{
	content:"";
	display:block;
	clear:both;
	overflow:hidden;
}

/* etc */
#content-wrap .onlysm,
#content-wrap .smtab{
	display:none!important;
}
#content-wrap li .pctab,
#content-wrap p .pctab{
	display:inline-block!important;
}

/* slide */
.slick-slider{
	margin-bottom:0;
}
.slick-slide img{
	width:100%;
}

.bnr-limited{
	max-width: 500px;
	margin: 0 auto;
}


@media (max-width: 991px) {
	#content-wrap p,
	#content-wrap {
		font-size:14px;
	}
	#content-wrap .smtab{
		display:block!important;
	}
}
@media (max-width: 767px) {
	body{
		min-width:320px;
	}
	#content-wrap p,
	#content-wrap {
		font-size:12px;
	}
	/*#content-wrap select{
		margin:10px 0;
	}*/

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


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

        common Settings.

========================================= */
.bg-color01{ background:#f2ab02; }
.bg-color02{ background:#fff; }
.bg-color03{ background:#fff; }
.bg-color04{ background:#fef49d;}

.fujiq-section01{
	padding:60px 0;
}
.fujiq-section02{
	padding:30px 0 80px;
}
.fujiq-section03{
	padding:0 0 30px 0;
}

/* price */
.price-text{
	font-size:18px;
	line-height: 1.2;
	color:#D5000F;
}
.price-text .min,
.price-text .max{
	display:inline-block;
	margin:0 5px;
	font-size:28px;
}
/* // price */
/* title */
.fujiq-title01{
	margin:0 0 30px;
	padding:0 0 10px;
	font-size:28px;
	line-height: 1.4;
	text-align:center;
	color:#287dc8;
	border-bottom:3px solid #287dc8;
}
.bg-color03 .fujiq-title01{
	color:#287dc8;
	border-color:#287dc8;
}
.fujiq-title02{
	margin:30px 0;
	padding:0 0 0 10px;
	font-size:24px;
	line-height: 1.4;
	text-align:left;
	border-left:6px solid #287dc8;
}
.bg-color03 .fujiq-title02{
	color:#fff;
	background:#287dc8;
	border:none;
	padding: 15px 15px;
	border-radius: 10px 10px 0 0;
}
.fujiq-title01 + .fujiq-title02{
	margin-top:60px;
}
.fujiq-title03{
	display:table;
	margin:0 auto 30px;
	padding:0 20px 8px;
	font-size:24px;
	font-weight:normal;
	text-align:center;
	line-height: 1.2;
	color:#287dc8;
	border-bottom:3px double #287dc8;
}
/* // title */
/* text */
.fujiq-text01{
	margin:30px auto;
	font-size:18px!important;
	line-height: 1.8;
}
.bg-color03 .fujiq-text01{
	color:#666;
}
/* // text */
/* btn */
.fujiq-btn01{
	position:relative;
	display:table;
	margin:0 auto;
	padding:15px 40px 15px 30px;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	text-decoration:none!important;
	color:#fff;
	line-height: 1.2;
	background:#F5C007;
	border:4px solid #F5C007;
	border-radius:6px;
	font-weight: 900;	
}
.fujiq-btn01::before{
	position:absolute;
	top:50%;
    transform: translate(0, -50%);
	right:10px;
	content: "\f077";
	font-family:"Font Awesome 5 Free";
	font-weight: 900;
	color: #fff;
}



.fujiq-btn01:hover{
	opacity:0.8!important;
	color: #fff;	
}
.container .fujiq-btn01{
	width:50%;
	margin:30px auto;
}
.fujiq-btn02{
	position:relative;
	display:table;
	margin:0 auto;
	padding:15px 26px 15px 10px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	text-decoration:none!important;
	color:#fff!important;
	line-height: 1.2;
	background:#333;
	border-radius:6px;
}
.fujiq-btn02:before{
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-0.6em;
	content:"\f054";
	font-size:0.8em;
	font-family:"Font Awesome 5 Free";
}
.icon-down:before{
	content:"\f13a"!important;
}
/* // btn */

.attention-p{
	margin:5px auto;
	font-size:12px!important;
	line-height: 1.4;
}


@media (max-width: 1200px) {
	/* text */
	.fujiq-text01{
		font-size:16px!important;
	}
	/* // text */
}
@media (max-width: 991px) {
	.fujiq-section01{
		padding:40px 0;
	}
	.fujiq-section02{
		padding:30px 0;
	}
	/* price */
	.price-text{
		font-size:14px;
	}
	.price-text .min,
	.price-text .max{
		font-size:24px;
	}
	/* // price */
	/* title */
	.fujiq-title01{
		font-size:24px;
	}
	.fujiq-title02{
		font-size:20px;
	}
	.fujiq-title01 + .fujiq-title02{
		margin-top:40px;
	}
	.fujiq-title03{
		margin:0 auto 15px;
		padding-bottom:5px;
		font-size:20px;
	}
	/* // title */
}
@media (max-width: 767px) {
	.fujiq-section01{
		padding:30px 0;
	}
	.fujiq-section02{
		padding:15px 0 30px;
	}
	/* price */
	.price-text{
		font-size:12px;
	}
	.price-text .min,
	.price-text .max{
		font-size:20px;
	}
	/* // price */
	/* title */
	.fujiq-title01{
		margin-bottom:15px;
		padding-bottom:10px;
		font-size:18px;
	}
	.fujiq-title02{
		margin:15px 0;
		padding-left:8px;
		font-size:14px;
		border-width:4px;
	}
	.fujiq-title01 + .fujiq-title02{
		margin-top:30px;

	}
	.fujiq-title03{
		margin-bottom:10px;
		padding:0 5px 5px;
		font-size:14px;
	}
	/* // title */
	/* text */
	.fujiq-text01{
		margin:15px auto;
		font-size:12px!important;
	}
	/* // text */
	/* btn */
	.fujiq-btn01{
		padding:10px 16px 10px 10px;
		font-size:13px;
	}
	.fujiq-btn01:before{
		right:5px;
	}
	.fujiq-btn02{
		padding:10px 18px 10px 10px;
		font-size:14px;
	}
	.fujiq-btn02:before{
		right:5px;
	}
	.container .fujiq-btn01{
		width:80%;
	}
	/* // btn */
}


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

        Main area

========================================= */
#main-area{
	position:relative;
	padding:30px 0 0 0;
	background: url(/tour/campaign/fujiq/img/bg_sky.png) repeat-x #287dc8;
	z-index:0;
}
#main-area:before{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	content:"";
	display:block;
	background:url(/tour/campaign/fujiq/img/slide_bg.png) no-repeat center top;
	z-index:-1;
}
.main-title{
	position:relative;
	margin-bottom:-80px;
	text-align:center;
	z-index:2;
}
.slider-wrap{
	position:relative;
	max-width:960px;
	margin:0 auto;
}
.fujiq-img{
	position:absolute;
	bottom:-20px;
	right:-80px;
}
.main-text{
	margin:60px auto;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.main-text p{
	font-size:22px!important;
}

@media (max-width: 1200px) {
	#main-area:before{
		background-size:1300px auto;
	}
	.fujiq-img{
		right:-20px;
	}
}
@media (max-width: 991px) {
	#main-area{
		background-size:760px auto;
	}
	#main-area:before{
		background-size:880px auto;
	}
	.main-title{
		width:60%;
		margin:0 auto -60px;
	}
	.fujiq-img{
		bottom:-25px;
		right:-30px;
	}
	.main-text{
		margin:40px auto;
	}
	.main-text p{
		font-size:18px!important;
	}
}
@media (max-width: 767px) {
	#main-area{
    padding: 30px 0 15px 0;
	}
	.main-title{
		margin:-20px auto;
	}
	.fujiq-img{
		display:none;
	}
	.main-text{
		margin:15px auto 0;
	}
	.main-text p{
		font-size:12px!important;
	}

}



/* .main-info
------------------------------------------*/
.main-info-area{
	width: 100%;
	max-width: 900px;
	margin:10px auto;
	padding:10px;
	text-align:center;
	border-radius:0;
	box-shadow:0 0 20px rgba(255,255,255,0.9) inset;

}
.main-info-area p{
	color: #fff;
	font-weight: bold;
}
.main-info{
	width: 100%;
	max-width: 900px;
	margin:30px auto;
	/*padding:30px;*/
	text-align:center;
	background:rgba(255,255,255,0.6);
	border-radius:10px;
	box-shadow:0 0 20px rgba(255,255,255,0.9) inset;
	text-shadow:1px 1px 1px #fff;
}
.main-price{
	margin:-10px -30px 0px;
	padding:5px 25px 20px 25px;
	letter-spacing:-0.4em;
	background:#fff;
}
.main-price dt,
.main-price dd{
	/*display:inline-block;*/
	margin:5px;
	font-size:18px;
	font-weight:bold;
	color:#287dc8;
	line-height: 1.2;
	letter-spacing:normal;
}
.main-price dd{
	float: left;
	width: 50%;
	margin: 0;
	padding: 0 10px;
}
.main-price dd.txt-campaigninfo{
	width: 100%;
	float: none;
	font-weight: normal;
	font-size: 14px;
	text-align: left;
	color: #333;
	line-height: 1.4;
	margin-bottom: 10px;
}
.txt-campaigninfo b{
	font-weight: bold;
	color: #D5000F;
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
}
.main-price dd a{
	display: block;
	padding: 10px 5px;
	    background: #fbe636;
    border-radius: 6px;
}
.main-price dt{
		margin:-5px -25px 10px;
		padding:5px;
		color:#fff;
		background:#f2ab02;
		text-shadow: none;
}
.main-price .price-text{
	margin-top: 5px;
	display: block;
}
.main-price .price-text .min,
.main-price .price-text .max{
	display:inline-block;
	margin:0 5px;
	font-size:20px;
}

.main-price a:hover,.main-price a:visited,.main-price a:link{
	text-decoration: none;
}
.main-price a:hover{
}

.departure-dl{
	padding:3px 10px;
	text-align:center;
	letter-spacing:-0.4em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.departure-dl dt,
.departure-dl dd{
	padding:3px 10px;
	font-size:18px;
	font-weight:bold;
	line-height: 1.2;
	letter-spacing:normal;
	color: #fff;
}
.departure-dl dt{
	color:#fff;
	text-shadow:none;
	border-radius:4px;
}
.departure-dl dt em{
	margin:0 5px;
	color:#fbe636!important;
}
@media (max-width: 991px) {
	.main-info{
		padding:20px 10px;
		border-radius:8px;
	}
	.main-price{
		margin:-10px -10px 15px;
		padding:5px 10px;
	}
	.main-price dt,
	.main-price dd{
		font-size:14px;
	}
	.departure-dl dt,
	.departure-dl dd{
		font-size:13px;
	}
}
@media (max-width: 767px) {
	.main-info-area{
    margin: 10px auto 0 auto;
		padding:6px;
		text-shadow:none;
	}
	.main-info{
		margin:15px auto;
		padding:0 10px;
		border-radius:5px;
		text-shadow:none;
	}
	.main-price{
		margin:0 -10px 0px;
		padding:5px 10px;
	}
	.main-price dt,
	.main-price dd{
		display:block;
		font-size:12px;
		margin:0;
	}
	.main-price dd{
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.main-price dd a{
		padding: 5px 5px;
	}
	.main-price dt{
		margin:-5px -10px 5px;
		padding:5px;
		color:#fff;
		/*background:#D5000F;*/
		background:#f2ab02;
	}
	/*.main-price dd + dd{
		margin-top:10px;
	}*/
	.main-price .price-text{
		display:block;
	}

	.departure-dl{
		padding: 0;

	}
	.departure-dl dt{
		width: 35%;
	}
.departure-dl dd{
	width: 60%;
	text-align: left;
}
	.departure-dl dt,
	.departure-dl dd{
		padding:0 5px 2px;
		font-size:13px;
	}
}


/* .map-area
------------------------------------------*/
.map-area{
	position:relative;
	max-width:960px;
	margin:30px auto -150px;
}
.map-area > li{
	position:absolute;
}
.map00{
	position:static!important;
}
.map01{
	left:-2%;
	top:1.5%;
}
.map02{
	left:-1%;
	top:40%;
}
.map03{
	right:14%;
	top:14%;
}
.map04{
	right:11%;
	bottom:5%;
}
#main-area + section{
	/*padding-top:150px;*/
}


@media (max-width: 991px) {
	.map01{
		width:240px;
		left:-5px;
	}
	.map02{
		width:250px;
	}
	.map03{
		width:200px;
	}
	.map04{
		width:260px;
		right:80px;
	}
	#main-area + section{
		/*padding-top:130px;*/
	}
}
@media (max-width: 767px) {
	/*#main-area + section{
		padding-top:30px;
	}*/

}


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

        saletopic 一時的なクラス

========================================= */
#saletopic{
	background: #f84c78;
	padding: 6px 0;
	margin:0 -30px 10px -30px;
}
#saletopic p{
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	text-shadow: none;
}
.text-haneru{
  animation: key1 .3s ease infinite alternate;
}
.label-timesale{
	background:#f84c78;
	position:relative;

	font-size: 12px;
	padding: 0 5px;
	text-shadow: none;
	margin:0 0 0 5px;
}
.fujiq-section01 .label-timesale{
	background:#f84c78;
	font-size: 16px;
	padding: 2px 5px 3px 7px;
	margin:0 0 0 0;
}

@keyframes key1{
  0% {transform: translateY(6px);}
  100% {transform: translateY(-6px);}
}

@media (max-width: 767px) {
	#saletopic{
		margin:0 -10px 0 -10px;
	}
	#saletopic p{
		font-size: 16px;
	}
	@keyframes key1{
	  0% {transform: translateY(3px);}
	  100% {transform: translateY(-3px);}
	}
	.label-timesale{
		font-size: 10px;
		padding: 0 5px;
		margin:0 0 0 0;
	}
	.fujiq-section01 .label-timesale{
		background:#f84c78;
		font-size: 14px;
		padding: 2px 5px 3px 5px;
		margin:0 0 0 0;
	}
}



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

        Etc Settings.

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

/* #search-form
------------------------------------------*/
#search-form{
	padding:10px;
	text-align:center;
	background:#fff;
	/*border:10px solid #fbe636;*/
	border-radius: 6px;
	box-shadow:0 0 10px rgba(255,255,255,0.5);
	overflow: hidden;
}
.search-title{
	margin:-10px -10px 10px;
	padding:10px;
	font-size:14px;
	font-weight:normal;
	color:#1F1F1F;
	background: #A9CBE9;
	/*
	border:1px solid #fff;
	border-radius:10px 10px 0 0;
	*/
}
.search-text{
	margin-bottom:20px;
}
#search-form dl{
	display:inline-block;
	margin:0 10px;
	letter-spacing:-0.4em;
}
#search-form dt,
#search-form dd{
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
}
#search-form dt{
	margin-right:10px;
	color:#287dc8;
	font-size:16px;
	font-weight:bold;
}
#search-form .fujiq-btn01{
	/*width:320px;*/
	width: 80%;
	margin:20px auto 0;
}

@media (max-width: 1200px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
	#search-form{
		padding:10px;
		text-align:left;
		border-width:5px;
		border-radius:10px;
	}
	.search-title{
		margin:-10px -10px 10px;
		padding:10px;
		text-align:center;
		font-size:14px;
		border-radius:5px 5px 0 0;
	}
	.search-text{
		margin-bottom:10px;
	}
	#search-form dl{
		display:block;
		margin:15px 0;
	}
	#search-form dt,
	#search-form dd{
		display:block;
	}
	#search-form dt{
		font-size:14px;
		margin:0 0 5px;
	}
	#search-form .fujiq-btn01{
		/*width:80%;*/
		margin:20px auto 10px;
	}
}

.link-select-plan:after{
	content:"";
	display:block;
	clear:both;
	overflow:hidden;
}
.link-select-plan li{
	float: left;
	width:100%;
	padding: 0 5px;
	margin-bottom:10px;
}
.link-select-campaign .link-select-plan li{
	float: left;
	width:50%;
}
.btn-select-plan{
	display: block;
    margin: 0 auto;
    padding: 15px 10px 15px 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-decoration: none!important;
    color: #287dc8!important;
    line-height: 1.2;
    background: #fbe636;
    border-radius: 6px;
}
@media (max-width: 767px) {
.link-select-plan{
	margin-top: 10px;
}
.link-select-plan li{
	float: none;
	width: 100%;
	padding: 0;
	margin-bottom:10px;
}
.link-select-plan li:last-child{
	margin-bottom:0;
}
.link-select-campaign .link-select-plan li{
	float: none;
	width: 100%;
}
.btn-select-plan{
	display: block;
    margin: 0 auto;
    padding: 10px 5px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none!important;
    color: #287dc8!important;
    line-height: 1.2;
    background: #fbe636;
    border-radius: 6px;
}
}
.plan-icon{
	display: block;
	background: #fff;
	padding: 5px 5px;
	border-radius: 50px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.6;
}


.link-select-campaign{
    border-radius: 6px;
    background: #D5000F;
    box-shadow: 0 0 10px rgba(255,255,255,0.5);
    margin:0 auto 10px auto;
    padding: 10px;
}
.link-select-campaign-inner{
	padding: 10px;
	border-radius: 6px;
	background: #fff;
}
#content-wrap .link-select-campaign-inner img{
	margin-bottom: 10px;
}
#content-wrap .link-select-campaign-inner p{
	line-height: 1.4;
}
.campaign-title{
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}
.campaign-news-icon{
	font-size: 12px !important;
	font-weight: normal;
	background: #fff;
	border-radius: 3px;
	color: #D5000F;
	padding: 2px 5px;
	position: relative;
	top: -2px;
	margin-right: 5px;
}
.sale-sample{
	background: #eee;
	padding: 5px 10px;
	margin-bottom: 10px;
}
.sale-sample p{
	font-size: 12px !important;
}
@media (max-width: 767px) {
.link-select-campaign{
	width: 96%;
}
.campaign-title{
	font-size: 14px;
}
}

.buruburu {
    display: inline-block;
    animation: hurueru .1s  infinite;
}
@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}
.campaign-plan-info{
    border-radius: 6px;
    background: #D5000F;
    box-shadow: 0 0 10px rgba(255,255,255,0.5);
    margin:0 auto 10px auto;
    padding: 10px;
    text-align: center;
    color: #fff;
}
.campaign-plan-info span{
	padding: 10px 20px;
	margin-bottom: 0;
	margin-top: 10px;
	color: #D5000F;
}
.campaign-plan-info a{
	color: #fff;
	position: relative;
	display: block;
}
.campaign-plan-info a:before {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -0.6em;
    content: "\f138";
    font-size: 0.8em;
    font-family: "fontAwesome";
}

/* .plan-list
------------------------------------------*/
.plan-list{
	margin:0 0 80px;
	background:#fff;
}
.plan-list:last-child{
	margin-bottom:0;
}
.plan-list > li{
	border-bottom:1px solid #ccc;
}
.plan-list a{
	display:block;
	text-decoration:none!important;
	border-left:6px solid #287dc8;
}
.plan-price-ex{
	display:table;
	width:100%;
	padding:15px 15px 15px 30px;
}
a .plan-price-ex dt{
	color: #333;
}
a .plan-price-ex dd{
	color: #333;
}
.plan-price-ex > dt,
.plan-price-ex > dd{
	display:table-cell;
	font-weight:bold;
	vertical-align:middle;
}
.plan-price-ex > dt{
	white-space:nowrap;
	font-size:24px;
}
.plan-price-ex > dt > em{
	margin-left:10px;
	font-size:14px;
}
.plan-price-ex > dd{
	font-size:14px;
	text-align:right;
}
.plan-price{
	padding:0 20px 0 10px;
}
.plan-btn{
	width:160px;
	text-align:center!important;
}


@media (max-width: 1200px) {
	.plan-price .price-text{
		/*display:block;*/
	}
}
@media (max-width: 991px) {
	.plan-price-ex{
		padding-left:15px;
	}
	.plan-price-ex > dt{
		font-size:20px;
	}
	.plan-price-ex > dd{
		font-size:12px;
	}
	.plan-btn{
		width:130px;
	}
}
@media (max-width: 767px) {
	.plan-list{
	margin:0 0 40px;
}
	.plan-price-ex{
		display:block;
		padding:10px;
	}
	.plan-price-ex > dt,
	.plan-price-ex > dd{
		display:block;
	}
	.plan-price-ex > dt{
		font-size:18px;
	}
	.plan-price-ex > dt > em{
		font-size:12px;
	}
	.plan-price-ex > dd{
		font-size:12px;
	}
	.plan-price{
		padding:5px 0;
	}
	.plan-btn{
		width:80%;
		margin:0 auto;
	}
}


.modal-body .plan-price-ex{
	display: block;
}
.modal-body .plan-price-ex > dt,
.modal-body .plan-price-ex > dd{
	display: block !important;
	width: 100%;
}




/* #fujiq-nav-area
------------------------------------------*/
#fujiq-nav-area{
	padding:30px 0;
}
.bg-color01 .fujiq-nav{
	border:10px solid #fff;
	box-shadow:0 0 10px rgba(255,255,255,0.8);
}
.fujiq-nav{
	display:table;
	table-layout:fixed;
	margin:0 auto;
	background:#f2ab03;
	border-radius:10px;
	overflow:hidden;
}
.fujiq-nav > li{
	display:table-cell;
	text-align:center;
}
.fujiq-nav > li a{
	display:block;
}
.fujiq-nav + .fujiq-title01{
	margin-top:60px;
}


@media (max-width: 1200px) {
	.fujiq-nav{
		width:100%;
	}
}
@media (max-width: 767px) {
	.fujiq-nav{
		table-layout:inherit;
	}
}








/* .hotel-list
------------------------------------------*/
.hotel-list{
	margin:60px auto;
	padding:0 60px;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.hotel-list > li{
	padding:40px 0;
	color:#333;
}
.hotel-list > li + li{
	border-top:1px dashed #ccc;
}
/* layout */
.hotel-list > li:after{
	content:"";
	display:block;
	clear:both;
}
.hotel-info{
	float:left;
	width:100%;
	margin-right:-280px;
	padding-right:280px;
}
.hotel-book{
	float:right;
	width:250px;
}
/* //layout */
.hotel-img{
	text-align:center;
}
.hotel-img > img{
	margin-bottom:20px!important;
	box-shadow:5px 5px 0 rgba(255,255,0,0.5);
}

.hotel-book dt,
.hotel-book dd,
.hotel-book a{
	font-size:14px;
	line-height: 1.4;
}
.hotel-book dt{
	padding:5px;
	color:#fff;
	text-align:center;
	background:#287dc8;
}
.hotel-book dd{
	border-top:1px solid #fff;
}
.hotel-book a{
	width:100%;
	border-radius:0;
}
.hotel-book .price-text{
	display:block;
	font-size:12px;
}
.hotel-book .price-text .min,
.hotel-book .price-text .max{
	font-size:18px;
}

.hotel-book .price-text {
	color: #fff;
}

@media (max-width: 1200px) {
}
@media (max-width: 991px) {
	.hotel-list{
		margin:30px auto;
		padding:0 20px;
	}
	.hotel-list > li{
		padding:20px 0;
	}
	/* layout */
	.hotel-info{
		margin-right:-260px;
		padding-right:260px;
	}
	.hotel-book{
		width:240px;
	}
	/* //layout */
	.hotel-book dt,
	.hotel-book dd,
	.hotel-book a{
		font-size:14px;
	}
}
@media (max-width: 767px) {
	.hotel-list{
		padding:0 15px;
	}
	.hotel-list > li{
		padding:15px 0;
	}
	/* layout */
	.hotel-info{
		float:none;
		margin:0 0 10px;
		padding-right:0;
	}
	.hotel-book{
		float:none;
		width:100%;
	}
	/* //layout */
	.hotel-img > img{
		width:100%!important;
		margin-bottom:10px!important;
	}
	.hotel-book dt,
	.hotel-book dd,
	.hotel-book a{
		font-size:12px;
	}
	.hotel-book .price-text{
		display:inline-block;
		font-size:12px;
	}
	.hotel-book .price-text .min,
	.hotel-book .price-text .max{
		font-size:16px;
	}
}




/* #kawaguchi-area
------------------------------------------*/
#kawaguchi-area{
	padding:100px 0;
	background:url(/tour/campaign/fujiq/img/kawaguchiko_bg.jpg) no-repeat center top;
	background-size:cover;
}
#kawaguchi-area .container{
	position:relative;
}
.kawaguchi-title{
	display:table;
	margin:0 auto;
}
.kawaguchi-price{
	margin:20px auto;
	text-align:center;
	letter-spacing:-0.4em;
}
.kawaguchi-price dt,
.kawaguchi-price dd{
	display:inline-block;
	font-size:18px;
	font-weight:bold;
	color:#fff200;
	line-height: 1.2;
	letter-spacing:normal;
	text-shadow:1px 1px 1px #000;
}
.kawaguchi-price em{
	font-size:13px!important;
	color:#fff!important;
}
.kawaguchi-text{
	padding:30px;
	text-align:center;
	color:#287dc8;
	background:rgba(255,255,255,0.7);
}
.kawaguchi-btn{
	position:absolute;
	top:-80px;
	right:240px;
}


@media (max-width: 1200px) {
	.kawaguchi-btn{
		right:140px;
	}
}
@media (max-width: 991px) {
	#kawaguchi-area{
		padding:100px 0 60px;
	}
	.kawaguchi-btn{
		right:40px;
	}
}
@media (max-width: 767px) {
	#kawaguchi-area{
		padding:50px 0 30px;
	}
	.kawaguchi-title{
		width:80%;
	}
	.kawaguchi-price{
		margin:10px auto;
	}
	.kawaguchi-price dt,
	.kawaguchi-price dd{
		font-size:12px;
	}
	.kawaguchi-price em{
		font-size:12px!important;
	}
	.kawaguchi-text{
		padding:10px;
	}
	.kawaguchi-btn{
		top:-40px;
		right:10px;
		width:80px;
		height:auto;
	}
}







/* 下層の共通パーツ
------------------------------------------*/
.fujiq-catch01{
	font-size:18px!important;
	font-weight:bold;
}
.fujiq-dl01{
	margin:60px auto;
	font-size:18px;
	line-height: 1.6;
}
.fujiq-dl01 dd{
	line-height: 1.6;
}
.fujiq-dl01 dd + dt{
	margin-top:60px;
}
.fujiq-dl01 dd + dd{
	margin-top:5px;
}
.map-img{
	display:block;
	margin:60px auto!important;
	text-align:center;
}
.map-img + .fujiq-btn01{
	margin:80px auto;
}

@media (max-width: 1200px) {
}
@media (max-width: 991px) {
	.fujiq-catch01{
		font-size:16px!important;
	}
	.fujiq-dl01{
		margin:40px auto;
		font-size:16px;
	}
	.fujiq-dl01 dd + dt{
		margin-top:40px;
	}
	.map-img{
		margin:40px auto!important;
	}
	.map-img + .fujiq-btn01{
		margin:40px auto;
	}
}
@media (max-width: 767px) {
	.fujiq-catch01{
		font-size:14px!important;
		line-height: 1.6!important;
	}
	.fujiq-dl01{
		margin:30px auto;
		font-size:14px;
	}
	.fujiq-dl01 dt{
		font-size:16px;
	}
	.fujiq-dl01 dd + dt{
		margin-top:30px;
	}
	.map-img{
		margin:30px auto!important;
	}
	.map-img + .fujiq-btn01{
		margin:30px auto;
	}
}


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


/* お知らせ
--------------------------------------------------------- */
dl.information {
    position: relative;
    border: 3px solid #EF5790;
    background: #FFF;
    margin: 0 0 30px 0;
    padding: 15px;
}
dl.information::before {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 60px;
    height: 60px;
    background: url("/tour/campaign/fujiq/img/icon-xmas.png") center / 60px no-repeat;
    content: "";
}
dl.information dt {
    display: block;
    margin-bottom: 15px;
    padding: 3px 8px;
    background: #EF5790;
    border-radius: 3px;
    color: #FFF;
    font-size: 14px;
    text-align: center;
}
dl.information dd {
    font-weight: bold;
    font-size: 14px;
}
dl.information dd a{
    color: #EF5790;
    text-decoration: underline;
}
@media (min-width: 768px) {
    dl.information {
        display: table;
        width: 100%;
        padding-left: 80px;
    }
    dl.information::before {
        top: -15px;
        left: -20px;
        width: 80px;
        height: 80px;
        background-size: 80px;
    }
    dl.information dt {
        display: table-cell;
        vertical-align: middle;
        padding-bottom: 0;
    }
    dl.information dd {
        display: table-cell;
        vertical-align: middle;
        padding-left: 15px;
    }
    dl.information dd a:hover{
        text-decoration: none;
    }
}

.modal-header{
	display: block;
}
.modal-title{
	font-size: 16px;
}
.modal-header .close{
	padding: 0;
	margin:0;
}



/* メインビジュアル */


#main-img .title-main img {
	width: auto;
    height: 100%;
}


#main-img .title-main img.main-tit-price
{margin: 0 auto 40px auto; width: 100%;    max-width: 1000px;}


@media (min-width: 768px){ #main-img {position: relative;max-height: 550px;text-align: center;
	background:url(/tour/campaign/fujiq/img/main-tit-bg-pc.png),#209be6;}
    #main-img .title-main {position: absolute;bottom: 0;left: 50%;/* top: 0; */width: 100%;/* left: 0; *//* text-align: center; *//* height: 100%; */transform: translate(-50%, 47%);}
     #main-img .title-main img {margin: 0 auto;width: 100%;height: auto;max-width: 1200px;}
	#main-img .bg-main { margin: 0 auto; width: 100%;    max-width: 1040px;max-height: 550px;object-fit: cover;}
	}



@media (min-width: 1366px){
	#main-img .bg-main {
		margin: 0 auto;
		width: auto;
	}
}

@media(min-width : 992px) {
/* PC用 */


	.onlypc{
		display:block;
	}
	.onlytab{
		display:none;
	}

	.smtab{
		display:none;
	}

	ul#social_btn{
		float:right;
	}

}

@media(max-width : 991px) {
/* タブレット以下 */


	.onlypc{
		display:none !important;
	}

	.smtab{
		display:block;
	}


}



@media only screen and (min-width : 768px) and (max-width : 991px) {
/* タブレットのみ用 */


	.onlytab{
		display:block;
	}}

@media(min-width: 768px){
/* タブレット以上 */

	.pctab,
	.onlypctab{
		display:inline;
	}


	.onlysm{
		display:none;
	}

	}


#set_plan {
    margin-bottom: 30px;
    margin-top: 74px;
    background: #287dc8;
    padding: 0;
}
#set_plan .plan_list {
	width: 100%;
}
#set_plan .plan {
	float: left;
	width: 33.33%;
    border-left: 2px solid #fff;
}
#set_plan .plan:last-child {
	float: right;
	width: 33.34%;
	text-align: left;
    border-right: 2px solid #fff;
}
.lnk_btn a {
	display: block;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	padding: 20px 10px 20px 10px;
	color: #fff;
	position: relative;
	background: #287dc8;
	text-decoration: none;
}
.lnk_btn a:before {
position: absolute;
    top: 40%;
    right: 22px;
    margin-top: -10px;
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #7eb1de;
    font-size: 22px;
}
.lnk_btn a:hover {
	opacity: 70%;
}
.lnk_btn a img {
	max-width: 15%;
	padding: 0 5px 0 0;
}


.sub_menu_wrap {
    width:33%;
  margin-right: auto;
  margin-left: auto;
}

.sub_menu_wrap li {
	float: left;
	margin-right: 40px;
}

.sub_menu_wrap li:last-child {
	margin-right: 0px;
}


.sub_menu_wrap a {
	position: relative;
}

.sub_menu_wrap a:before {
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	left: -15px;
	top: -5px;
	z-index: 1;
	color: #ff0033;
	font-size: 22px;
	font-weight: 900;
}



@media(max-width :1199px) {
	.sub_menu_wrap {
		width: 45%;
	}
}


@media(max-width :767px) {
	/* タブレット以下 */

	#set_plan {
		margin-top: 2%;
	}
	.lnk_btn a {
		font-size: 14px;
		white-space: nowrap;
		padding: 10px 10px 30px 10px;
	}
	.lnk_btn a:before {
		left: 50%;
		right: 50%;
		top: unset;
		bottom: 0px;
	}
	.sub_menu_wrap {
		width: 62%;
	}
	.sub_menu_wrap a:before {
		font-size: 18px;
	}
}


@media(max-width :468px) {
	.sub_menu_wrap {
		width: 80%;
	}
	#set_plan {
		margin-bottom: 15px;
	}


}


/* 吹き出し
--------------------------------------------------------- */
[class^="fukidashi-"] {
	position: relative;
	color: #333;
	background: #fff;
	border: 1px solid #333;
	border-radius: 12px;
	height: auto;
	width: 80%;
	padding: 10px;
	margin: 20px auto -20px;
	display: block;
	line-height: 1.4;
	text-align: center;
	font-size: 16px;
}
@media(max-width :767px) {
	[class^="fukidashi-"] {
		width: 90%;
		margin: 20px auto -5px;
	}
}
	/*[class^="fukidashi-"] span {
		font-size: 22px;
		font-weight: bold;
		line-height: 1.2;
	}*/
/* 吹き出しパターン下 */
.fukidashi-bottom:before {
	content: '';
	position: absolute;
	border: 18px solid transparent;
	border-top: 18px solid #333;
	bottom: -37px;
	left: 48%;/* フォールバック */
	left: calc(50% - 9px);
}
.fukidashi-bottom:after {
	content: '';
	position: absolute;
	border: 18px solid transparent;
	border-top: 18px solid #fff;
	bottom: -36px;
	left: 48%;/* フォールバック */
	left: calc(50% - 9px);
}


/* GoTo価格表示
--------------------------------------------------------- */
.plan-price .price-text {
	display: inline-block;
	margin-left: 1rem;
}
#content-wrap .goto_price .min,
#content-wrap .goto_price .max {
	font-size: 180%;
}
#content-wrap .goto-line,
#content-wrap .normal-line {
	line-height: 1.2;
}
.normal-line {
	color: #aaa;
	margin-bottom: 0.5rem;
}
.normal {
	color: #aaa;
}

p.txt-goto{
	margin-top: 20px;
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	color: #f53d7e;
	padding-bottom: 10px;
}
@media(max-width:767px) {
	p.txt-goto{
		font-size: 	1.0em;
		margin-top: 10px;
		border-bottom: 4px solid #f5e763;
	}
}
.acc-box{
  margin:15px auto;
}
.acc-box .card-header{
    padding:5px !important;
    background: #faf2dc !important;
    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:5px 0 5px 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: 1px solid #efe1bb;
    border-bottom: 1px solid #efe1bb;
}
/*.acc-box .card + .card{
  border-bottom: 1px solid #efe1bb;
}*/
.acc-box .card-body{
    padding:5px 10px !important;
    background: #fffcf4 !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}
.acc-box .card-body p{
  line-height: 1.6 !important;
    font-size: 14px !important;
    color: #555;
}
.acc-box .card-header button:after {
    margin-left: 10px;
    content: "\f077";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;

}
.acc-box .card-header button.collapsed:after {
    content: "\f078";
}
.acc-box .label{
    margin-right: 10px;
    position: absolute;
    top: 6px;
    left: 0;
    padding: 3px 4px 2px;
    font-weight: normal;
    background-color: #b9923b;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    display: inline;
    font-size: 75%;
    line-height: 1;
}
.collapse.in{
    display: block;
}
@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 .title-acc button{
    padding:0 10px 0 60px;
}
.acc-box .label{
  top: 1px;
}
}

/* 新着"NEW"チカチカ 2020/11/10 Fujikawa
--------------------------------------------------------- */
.new:before {
	content:'NEW';
	background: #DA4453;
	color: #fff;
	font-size: 75%;
	padding: 0.2rem 0.4rem 0.1rem;
	margin-right: 0.5rem;
	animation: flash 1s linear infinite;
}
@keyframes flash {
	0%,100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}



/* ABテスト用 検索フォーム＋プラン別ボタン
--------------------------------------------------------- */

.title-01{
	margin: 30px 0 15px;
	padding: 0 0 10px;
	line-height: 1.4;
	text-align:center;
	color:#287dc8;
	border-bottom:3px solid #287dc8;
	font-size:18px;
}
/* 768px以上 */
@media only screen and (min-width: 768px) {
	.title-01{
		margin-bottom: 30px;
		font-size: 28px;
	}
}
.title-02{
	margin:30px 0;
	padding:0 0 0 10px;
	font-size: 14px;
	line-height: 1.4;
	text-align:left;
	border-left:6px solid #287dc8;
}
.title-02{
	color:#fff;
	background:#287dc8;
	border:none;
	padding: 15px 15px;
	border-radius: 10px 10px 0 0;
}
/* 768px以上 */
@media only screen and (min-width: 768px) {
	.title-02{
		font-size: 20px;
	}
}
/* 991px以上 */
@media only screen and (min-width: 991px) {
	.title-02{
		font-size: 24px;
	}
}
.sct-search {
	padding: 15px 0 10px;
	background:#fef49d;
}
/* 768px以上 */
@media only screen and (min-width: 768px) {
	.sct-search {
		padding: 10px 0 10px;
		background:#fef49d;
	}
}
	.sct-search p {
		text-align: center;
	}
#flex-form {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}
/* 768px以上 */
@media only screen and (min-width: 768px) {
	#flex-form {
		justify-content: center;
		flex-direction: row;
	}
}

	#flex-form p {
		margin-bottom: 1rem;
	}
	#flex-form select {
		color: #287DC8;
		border: 2px solid #287DC8;
		border-radius: 5px;
		padding: 0.2rem 0.3rem;
	}
	#flex-form button {
		background: #FCA20B;
		padding: 0.5rem 1.2rem;
		font-size: 16px;
		border-radius: 5px;
	}
[class^="item-"] {
	margin: 3px;
	width: 90%;
}
/* 768px以上 */
@media only screen and (min-width: 768px) {
	[class^="item-"] {
		width: auto;
	}
}
/* 991px以上 */
@media only screen and (min-width: 991px) {
	[class^="item-"] {
		margin: 10px;
	}
}
	[class^="item-"] > * {
		display: block;
		width: 100%;
	}
	[class^="item-"] > i {
		display: inline;
	}
	/* 768px以上 */
	@media only screen and (min-width: 768px) {
		[class^="item-"] > * {
			display: inline-block;
			width: auto;
		}
	}
.nav-plan {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	margin: 12px 0 0;
}
.nav-plan.x2 {
	justify-content: center;
}

	.nav-plan {
		flex-direction: row;
	}

.nav-plan.x2 li,
.nav-plan.x3 li {
	width: 100%;
}

.nav-plan.x2 li {

		padding: 0 10px;
	}
	.nav-plan.x3 li {
		width: 33.33%;
	}

.nav-plan li {
	text-align: center;
	margin: 0 -3px 0.5rem;
	padding: 0 3px;
}
/* 768px以上 */
@media only screen and (min-width: 768px) {
	.nav-plan li {
		text-align: center;
		margin: 0 -3px;
	}
}
.nav-plan a {
	position: relative;
	background: #287DC8;
	color: #fff;
	display: block;
	padding: 0.5rem 0.8rem;
	border-radius: 5px;
	font-size: 14px;
}
.nav-plan a:after {
	position: absolute;
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 1;
}

.txt-blue {
	color: #287dc8;
}


/* faq微調整 */

#faq .acc-box .card-header{
	padding:0 !important;
	background:none !important;
}



/* デザインB */

.sct-search.design-b {
    background: #baddfb;
}

.sct-search.design-b .search-title {
    color: #fff;
    background: #287DC8;
}

.design-b .nav-plan {
    margin: 0px 0 0;
}


#main-area-b .fujiq-img {
    bottom: 0;
    right: 0;
}



@media only screen and (min-width: 768px){
.sct-search.design-b {

    padding: 25px 0 35px;
    background: #baddfb;
}

.sct-search.design-b {
    padding: 30px 0 30px;
    background: #baddfb;
}



.design-b .search-title {
	color: #fff;
    background: #287DC8;
    }


.design-b .nav-plan a {
     margin-bottom: 20px;
    }


#main-area-b .main-title {
	margin-bottom: 0;
	}




#main-area-b .slider-wrap {
max-width: 1110px;
}

@media (min-width: 768px){
#main-area-b #main-img {position: relative;max-height: 550px;text-align: center;
	background:url(/tour/campaign/fujiq/img/main-tit-bg-pc.png),#209be6;}
	}
}

#main-area-b .title-logo {
    top: 0;
    right: 0;
    z-index:99;
        position: absolute;
}


@media (max-width: 767px){
#main-area-b .title-logo {
    display: unset;
    width: 100%;
}
#main-area-b .title-logo img {
    width: 100%;
    }

}



#main-area-b .fujiq-img {
    bottom: 0;
    right: 0;
}


@media (max-width: 767px){
#main-area-b .fujiq-img {
    display: unset;
    width: 100%;
}
#main-area-b .fujiq-img img {
    width: 100%;
    }

}



#main-area-b {
    position: relative;
    padding: 15px 0 0 0;
    z-index: 0;
}


#main-area-b .main-info-area ul {
	list-style-type: none;
	padding-left: 0;
}


#main-area-b .main-info-area li {
    margin-right: 30px;
    float: left;
}

#main-area-b .main-info-area .float {
    width: 346px;
    margin: auto;
    font-size: 12px;
    overflow: hidden;
}


@media only screen and (max-width: 575px){
#main-area-b .main-info-area li {
    margin-right: 15px;
    float: left;
}

#main-area-b .main-info-area a:before {
    margin-left: 0;
    }
}



@media only screen and (min-width: 576px){
#main-area-b .main-info-area .float {
width: 480px;
    font-size: 16px;
}
}







#main-area-b .main-info-area .float li {
	float: left;
}


#main-area-b .main-info-area a {
    font-weight: bold;
}

#main-area-b .main-info-area a:before {
    content: "\f005";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 15px;
    color: #ffcc00!important;
}


#main-area-b .main-info-area a:after {

    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 15px;
    color: #287DC8!important;
}


#main-area-b .main-info-area {
    width: 100%;
    max-width: 900px;
    margin: 15px auto;
}




#main-area-b .sct-search.design-b {
    background: #baddfb;
}

#main-area-b .sct-search.design-b .search-title {
    color: #fff;
    background: #287DC8;
}

#main-area-b .main-info-area a:before {
    content: "\f005";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 15px;
    color: #ffcc00!important;
}

#main-area-b .main-info-area a:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 5px;
    color:#287DC8;
}

@media (max-width: 991px) {
	#main-area-b .main-title{
		width:100%;
		margin:0 auto;
	}
}

.slider-fujiq img {
	width: 100%;
}
/*-------mouse hover-------*/
#search-form input,
#search-form label,
#search-form select,
#search-form option,
#search-form button{
	cursor: pointer;
}
/*------------20210908追記-ABテスト用-------------*/

#n_o_nights{
	margin: 0px 3px;
	width: 90%;
}
#n_o_nights ul{
	display: flex;
	align-items: center;
	margin: 8px auto;
}
#n_o_nights ul li{
	width: 50%;
}
#n_o_nights ul li label{
	margin-bottom: 0;
	width: 100%;
	display: block;
}
#n_o_nights input{
	display: none;
	visibility: hidden;
}
#n_o_nights input + span{
	position: relative;
	padding: 0.5rem 0.3rem 0.3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 13px!important;
	line-height: 1.2;
	background: #ffffff;
	color: #287DC8;
	border: 2px solid #287DC8;
	transition: 0.2s ease;
}
#n_o_nights ul li:first-child span{
	border-radius: 5px 0 0 5px;
	border-right-width: 1px;
}
#n_o_nights ul li:last-child span{
	border-radius: 0 5px 5px 0;
	border-left-width: 1px;
}
#n_o_nights input:checked + span{
	background: #6db0e5;
	color: #ffffff;
	padding-left: 16px;
}
#n_o_nights input:checked + span:before{
	content: '\f00c';
	display: block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	left: 4px;
}
@media screen and (min-width:360px) {
	#n_o_nights input + span{
		font-size: 14px!important;
	}
	#n_o_nights input:checked + span{
		padding-left: 0.3rem;
	}
	#n_o_nights input:checked + span:before{
		left: 6px;
	}
}
@media screen and (min-width:768px) {
	#flex-form{
		flex-wrap: wrap;
	}
	#n_o_nights{
		width: 100%;
		margin: 0px 3px;
	}
	#n_o_nights ul{
		width: 100%;
		max-width: 648px;
		margin: 12px auto;
	}
	#n_o_nights input + span{
		font-size: 16px!important;
	}
	#n_o_nights input:checked + span:before{
		left: 8px;
	}
}
@media screen and (min-width:991px) {
	#n_o_nights ul{
		width: 692px;
		max-width: none;
	}
}



/* 出発地選択に関わるレイアウト */
.sct-search{
	justify-content: space-between;
	width: 100%;
	z-index: 99;
}
.sct-search.fixed{
    position: fixed;
    top: 0;
}



.search-box{
	background: #fff;
	padding: 12px;
	margin-top: 24px;
}
.nav-tabs.nav-dep{
  width: 100%;
  justify-content: space-between;
  border-bottom: 3px solid #eee;
}
.nav-tabs .nav-link{
  border: none;
}
.nav-dep > li{
  flex: 1;
  display: flex;
  width: 100%;
}
.nav-dep > li a.nav-link{
  text-align: center;
  padding: 8px 0;
  display: flex;
  width: 100%;
  color: #fff;
  align-items: center;
  justify-content: center;
  background: #fafafa;
  border: solid 2px #fff;
  border-bottom: none;
}
.nav-dep > li a.nav-link:hover,
.nav-dep > li a.nav-link.active{
  border: solid 2px #fff;
  border-bottom: none;
}
.nav-dep > li.nav-item-tokai a.nav-link{
  color: #ef3c4d;
}
.nav-dep > li.nav-item-kansai a.nav-link{
  color: #f68732;
}
.nav-dep > li.nav-item-hokuriku a.nav-link{
  color: #9435b8;
}
.nav-dep > li.nav-item-tohoku a.nav-link{
  color: #4db8f0;
}
.nav-dep > li.nav-item-chugoku a.nav-link{
  color: #9ba61d;
}
.nav-dep > li.nav-item-kyushu a.nav-link{
  color: #f54b6b;
}
.nav-dep > li.nav-item-kanto a.nav-link{
  color: #1a2975;
}
.nav-dep .nav-item.show.nav-item-tokai a.nav-link,
.nav-dep .nav-item-tokai .nav-link.active{
  background: #ef3c4d;
  color: #fff;
}
.nav-dep .nav-item.show.nav-item-kansai a.nav-link,
.nav-dep .nav-item-kansai .nav-link.active{
  background: #f68732;
  color: #fff;
}
.nav-dep .nav-item.show.nav-item-hokuriku a.nav-link,
.nav-dep .nav-item-hokuriku .nav-link.active{
  background: #9435b8;
  color: #fff;
}
.nav-dep .nav-item.show.nav-item-tohoku a.nav-link,
.nav-dep .nav-item-tohoku .nav-link.active{
  background: #4db8f0;
  color: #fff;
}
.nav-dep .nav-item.show.nav-item-chugoku a.nav-link,
.nav-dep .nav-item-chugoku .nav-link.active{
  background: #9ba61d;
  color: #fff;
}
.nav-dep .nav-item.show.nav-item-kyushu a.nav-link,
.nav-dep .nav-item-kyushu .nav-link.active{
  background: #f54b6b;
  color: #fff;
}
.nav-dep .nav-item.show.nav-item-kanto a.nav-link,
.nav-dep .nav-item-kanto .nav-link.active{
  background: #1a2975;
  color: #fff;
}
.tab-deplink{
  padding-top: 12px;
  margin-bottom: 24px;
}
.ul-depselect{
  display: flex;
}
.ul-depselect > li{
  padding: 0;
}
/*.ul-depselect > li a{
  display: block;
  padding: 12px;
  width: 100%;
}*/
.ul-depselect > li a:hover{
  text-decoration: none;
}
.ul-depselect + .ul-depselect{
  border-top: 1px dotted #ccc;
}
.li-dep-name{
  width: 25%;
  display: flex;
}
.li-dep-menu{
    width: 75%;
    border-left: dotted 1px #ccc;
}
.ul-depselectdetail{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.ul-depselectdetail > li{
    width: 50%;
    text-align: right;
    border-right: dotted 1px #ccc;
}
.ul-depselectdetail > li a{
    padding: 12px 12px 10px 12px;
    display: block;
    position: relative;
}
.li-dep-name a,
.li-dep-name span{
  font-weight: bold;
  display: flex !important;
  align-items: center;
  padding: 12px;
  width: 100%;
  flex-direction: initial !important;
}
.li-dep-name a:after,
.li-dep-name span:after{
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 80%;
  margin-left: 12px;
}
.li-dep-name.list-area-kansai a,
.li-dep-name.list-area-kansai span{
  color: #f68732;
  border-left: 5px solid #f68732;
}
.li-dep-name.list-area-kanto a,
.li-dep-name.list-area-kanto span{
  color:#1a2975;
  border-left: 5px solid #1a2975;
}
.li-dep-name.list-area-tokai a{
  color: #ef3c4d;
  border-left: 5px solid #ef3c4d;
}
.li-dep-set + .li-dep-set{
    border-left: none;
}
.li-dep-bus .wrap-price .num,
.li-dep-set .wrap-price .num {
    font-size: 20px;
    font-weight: bold;
    color: #F14482;
}
.li-dep-bus .wrap-price .num.min:after,
.li-dep-set .wrap-price .num.min:after {
    content: "～";
    font-size: 12px;
    margin-right: 3px;
}
.li-dep-bus .wrap-price .num.onlybus:after,
.li-dep-set .wrap-price .num.onlybus:after {
    content: "円～";
    font-size: 12px;
    margin-right: 3px;
}
.li-dep-bus .wrap-price .num.max:after,
.li-dep-set .wrap-price .num.max:after {
    content: "円";
    font-size: 12px;
}
.li-dep-bus a:hover,
.li-dep-set a:hover{
  color: #fff;
  background: red;
}
.li-dep-bus a:hover .wrap-price .num,
.li-dep-set a:hover .wrap-price .num{
  color: #fff;
}
.li-dep-bus a .wrap-price,
.li-dep-set a .wrap-price{
  display: inline-block;
}
.li-dep-bus a:before,
.li-dep-set a:before,
.li-dep-set.list-pass a:before{
  display: block;
  text-align: left;
  font-size: 13px;
  color: #333;
}
.li-dep-bus a:before{
  content: "高速バスのみ";
}
.li-dep-buspass a:before{
  content: "高速バス＋フリーパス";
}
.li-dep-hotelpass a:before{
  content: "高速バス＋フリーパス＋宿泊";
}
.li-dep-bus a:hover:before,
.li-dep-set a:hover:before{
  color: #fff;
}
@media (max-width: 767px) {
.search-box{
    padding: 0;
}
.nav-dep > li a.nav-link{
  font-size: 13px;
}
.ul-depselect{
  position: relative;
}
.li-dep-name{
  width: 28%;
  display: flex;
}
.li-dep-menu{
    width: 72%;
}
.ul-depselectdetail > li a{
  padding: 12px 24px 12px 12px;
}
.ul-depselectdetail > li{
    width: 100%;
    border-right: none;
}
.ul-depselectdetail > li{
    border-top: dotted 1px #ccc;
}
.ul-depselectdetail > li:first-child{
    border-top: none;
}
.li-dep-empty{
    display: none !important;
}
.ul-depselect + .ul-depselect{
  border-top: none;
  margin-top: 12px;
}
.li-dep-name a:after{
  margin-left: 0;
  position: absolute;
  right: 5px;
}
.ul-depselect > li.li-dep-name a{
  padding: 3px;
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  color: #fff;
  border-radius: 5px 0 0 5px;
  flex-wrap: wrap;
  position: relative;
  font-size: 14px;
  text-align: center;
}
.li-dep-name.list-area-tohoku a{
  background: #4db8f0;
  border-left: none;
}
.li-dep-name.list-area-hokushinetsu a{
  background: #9435b8;
  border-left: none;
}
.li-dep-name.list-area-tokai a{
  background: #ef3c4d;
  border-left: none;
}
.li-dep-name.list-area-kansai a{
  background: #f68732;
  border-left: none;
}
.li-dep-name.list-area-chugoku a{
  background: #9ba61d;
  border-left: none;
}
.li-dep-name.list-area-shikoku a{
  background:#66aa2f;
  border-left: none;
}
.li-dep-name.list-area-kyushu a{
  background:#f54b6b;
  border-left: none;
}
.li-dep-name.list-area-kanto a{
  background:#1a2975;
  border-left: none;
}
.li-dep-bus a:after,
.li-dep-set a:after{
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translate(0, -50%);
  color: #F14482;
  font-size: 12px;
}
.li-dep-bus a:before,
.li-dep-set a:before,
.li-dep-set.list-pass a:before{
  display: block;
  text-align: left;
  margin-right: 0px;
}
.li-dep-bus a:before{
  content: "高速バスのみ";
}
.li-dep-buspass a:before{
  content: "往復バス＋パスポート";
}
.li-dep-hotelpass a:before{
  content: "往復バス＋宿泊＋パスポート";
}
}

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

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

/* 夏限定絶叫優先権案内追加 */
#measures #plan-scream { margin: 0 auto; padding: 5px; background: #F6BB42;width: 100%;max-width: 1000px;border-radius: 4px;  }
#measures #plan-scream .special-plan-inner { padding: 30px 15px 20px; border-radius: 4px; background: #FFF; background: -moz-linear-gradient(top,  #FAF9E1 0%, #FFF 30%, #FFF 100%); background: -webkit-linear-gradient(top,  #FAF9E1 0%,#FFF 30%,#FFF 100%); background: linear-gradient(to bottom,  #FAF9E1 0%,#FFF 30%,#FFF 100%); }
#measures #plan-scream .plan-scream-title { text-align: center;}
#measures #plan-scream .plan-scream-title .inner-title-sub { display: block; color: #DA4453; font-weight: bold; font-size: 16px;}
#measures #plan-scream .plan-scream-title .inner-title { display: block; margin: 10px 0 15px; font-weight: bold; font-size: 16px; line-height: 1.4;text-align: left;}
#measures #plan-scream .inner-row .inner-btn { width: 160px; margin: 15px auto 20px; }
#measures #plan-scream .inner-row .inner-txt { line-height: 1.8; }
#measures #plan-scream .inner-row .set-detail-title { background: #F6BB42; color: #000; margin: 15px 0; padding: 6px; font-weight: bold; font-size: 14px; text-align: center;}
#measures #plan-scream .inner-row .set-detail li { font-size: 16px; }
#measures #plan-scream .inner-row .set-detail li small { font-size: 14px; }
#measures #plan-scream .reserve-block + .reserve-block { border-top: 1px solid #B2B2B2; }
.txt-bold{
	font-weight:bold;
	
}
@media all and (min-width: 768px) {
    /* #plan-scream */
    #measures #plan-scream { position: relative; z-index: 5;padding: 10px;}
    #measures #plan-scream .special-plan-inner { padding: 20px 10px 20px; }
    #measures #plan-scream .plan-scream-title .inner-title { font-size: 18px;text-align: center;}
    #measures #plan-scream .plan-scream-title .inner-title-sub { font-size: 16px; }
    #measures #plan-scream .inner-row .inner-btn { width: auto;}
    #measures #plan-scream .inner-row .set-detail-title { padding: 6px 15px; text-align: left;}
    #nagashima #plan .plan-block .inner-txt { margin-top: 0; }
    #nagashima #plan .plan-block .inner-txt .note { font-size: 14px; }
    #nagashima #plan .plan-block .box-wrap a { margin-top: 30px; }
    #nagashima #plan .plan-block .box-wrap .tag-point { margin-right: 10px; }}
@media all and (min-width: 992px) {
    #nagashima #plan .plan-title .inner-title { letter-spacing: 0.1em; }
    #measures #plan-scream .plan-scream-title .inner-title { margin-bottom: 20px; }
    /*#measures #plan-scream .inner-row { padding-bottom: 10px; }*/
    #measures #plan-scream .inner-row .inner-txt { line-height: 2; }
    #nagashima #plan .plan-block { margin-left: -15px; margin-right: -15px; }
    #nagashima #plan .plan-block .box-wrap { padding-top: 0; }}




/*全国支援誘導パーツ*/
.ryokoshien-box{
    padding: 15px 30px;
    background: #fffdf6;
    border: solid 3px #8ec31f;
    width: 100%;
    /*max-width: 890px;*/
    margin: 0 auto;
    border-radius: 4px;
}
.inner-ryokoshien-box{
    display: flex;
    width: 100%;
    justify-content: center;
}
.inner-ryokoshien-box:before{
    content: "";
    display: block;
    width: 140px;
    height: 140px;
    background: url(/static/img/campaign/ryokoshien/logo-goto-w.png) no-repeat;
    background-size: cover;
}
.inner-ryokoshien-box > div{
    width: calc(70% - 160px);
    padding-left: 20px;
}
.ryokoshien-box p{
    font-size: 16px !important;
    line-height: 1.6;
    margin: 0;
    text-align: left;
}
.title-ryokoshien-box{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin:-15px -32px 10px;
    text-align: center;
    background: #8ec31f;
    padding: 8px;
}
.ryokoshien-box dl{
    display: flex;
    font-size: 16px;
}
.ryokoshien-box dl + dl{
    margin-top: 5px;
}
.ryokoshien-box dt{
    width: 100px;
    text-align: left;
}
.ryokoshien-box dd{
    width: calc(100% - 100px);
    text-align: left;
}
.ryokoshien-box dd small{
	display: block;
	line-height: 1.4;
}
@media(max-width:767px) {
	.ryokoshien-box{
			padding: 10px 10px;
	}
	.title-ryokoshien-box{
			display: flex;
			font-size: 16px;
			text-align: left;
			margin:-12px -12px 10px;
	}
	.title-ryokoshien-box:before{
			content: "";
			display: block;
			width: 80px;
			height: 80px;
			background: url(/static/img/campaign/ryokoshien/logo-goto-w.png) no-repeat;
			background-size: cover;
	}
	.title-ryokoshien-box > span{
			width: calc(100% - 80px);
			padding-left: 20px;
	}
	.inner-ryokoshien-box:before{
			display: none;
	}
	.inner-ryokoshien-box > div{
			width: 100%;
			padding-left:0px;
	}
	.ryokoshien-box dl{
			display: block;
			font-size: 16px;
	}
	.ryokoshien-box dt{
			width: 100%;
	}
	.ryokoshien-box dt:before{
			content: "▼";
			margin-right: 3px;
			color: #da4453;
	}
	.ryokoshien-box dd{
			width: 100%;
	}
}
/* チケットページ B（旅行支援クーポン）
--------------------------------------------------------- */
.tit-page {
	color: #EEFF77;
	background: #287dc8;
	padding: 0.5rem 1rem;
	text-align: center;
	font-size: 20px;
}
@media(max-width:767px) {
	.tit-page {
		font-size: 16px;
	}
}
/* List
----------------------------------------------------*/
/* ----- Note(※) ----- */
.mark-note {
	margin: 1rem auto 0;
}
	.mark-note li {
		text-indent: -0.9rem;
		margin-left: 1rem;
	}
	.mark-note li:before {
		content: '※';
	}
/* ----- Disc ----- */
.mark-disc > li {
	list-style: disc;
	margin-left: 1.3rem;
	font-size: 14px;
}
/* 768px以上 */
@media only screen and (min-width: 768px) {
	.mark-disc > li  {
		font-size: 16px;
	}
}
.mark-disc > li + li {
	margin-top: 0.5rem;
}
/* 受け渡し場所画像
----------------------------------------------------*/
#content-wrap figure {
	text-align: center;
	margin-top: 10px;
}


 /* ======================================
		Modal（販売期限）
========================================= */
.modal-header{
	background:#287dc8;
	color: #fff;
}
.modal-content{
	border:none;
}
.modal-header .close{
	color: #fff;
	padding: 0;
	margin:0;
}
@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;
  }
  .plandetail-flex > span{
    font-size: 12px;
    display: block;
    line-height: 1;
    padding-right: 5px;
  }
}
/* Table（期限）
----------------------------------------------------*/
.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;
}
/* Close Btn
----------------------------------------------------*/
.btn-close{
	background: #ccc;
	color: #666;
	font-size: 13px;
	padding: 6px 10px;
	border-radius: 4px;
}
 /* ======================================
		学生セール
========================================= */
.box-sale {
  background: #EDEEF4;
  text-align: center;
}
/***** 「\〇〇〇〇/」 *****/
.megaphone {
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}
.megaphone:before,
.megaphone:after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 36px;
	/*background: #1C1C1C;*/
  background: #287dc8;
	border-radius: 2px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.megaphone:before {
	-webkit-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
.megaphone:after {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}
.megaphone > span {
	padding: 0 20px;
}
h2.megaphone {
  font-size: 20px;
  font-weight: bold;
  color: #287dc8;
}
.box-sale 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-sale h3:before,
.box-sale h3:after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: "";
  height: 0;
  width: 0;
}
.box-sale h3:before {
  border: 12px solid;
  border-color: transparent;
  border-top-color: #222;
  margin-left: -12px;
}
.box-sale h3:after {
    border: 9px solid;
    border-color: transparent;
    border-top-color: #EDEEF4;
    margin-left: -9px;
}
/* 検索条件「学生旅行」
----------------------------------------------------*/
.plan-gakusei {
  color: #287dc8;
  width: 100%;
  justify-content: center;
}
.plan-gakusei label {
  max-width: 692px;
}
.t-label {
  background: #287dc8;
  color: #fff;
  font-size: 14px;
  margin: 0 5px 0 8px;
  padding: 2px 5px;
  border-radius: 4px;
}

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

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

ul.recommend-tour-list li{
	
}

ul.recommend-tour-list li a{
	display:flex;
	padding:10px;
	color:#1a2975;
	background: #fafafa;
	overflow: hidden;
	border: #ccc 1px solid;
	border-radius:4px;
	overflow:hidden;
	height: 100%;
	justify-content: flex-start;
}

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

ul.recommend-tour-list li img{
	display:block;
	margin:0 0 10px !important;
}

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

.tour-plan-sub{
	font-size:11px!important;
	color:#1a2975;

}
.tour-plan-lead{
	font-size:14px;
	font-weight: bold;
	color:#1a2975;
	margin-bottom: 5px;
}
.price-text{
	font-size:14px;
	font-weight:normal;
	margin-top:3px;
}

.price-box{
	text-align:right;
	margin-top: auto;
}
.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;
}

#recommend-tour .nav-tabs.nav-dep{
	border-bottom: none;
}

#recommend-tour .nav-dep > li a.nav-link{
    color:#1a2975;
	font-weight: bold;
}
#recommend-tour .nav-dep > li a.nav-link:hover, .nav-dep > li a.nav-link.active{
	color: #FFF!important;
	font-weight: bold;
	background: #1a2975;
	
}


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

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

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

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

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

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



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

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

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

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

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

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

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

@media(min-width:768px) and (max-width:991px){
	ul.recommend-tour-list{
		display: grid;
		 grid-template-columns: 1fr 1fr;
			flex-wrap: nowrap;
	}
	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;
			flex-wrap: nowrap;
	}
	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:1200px;
			flex-wrap: nowrap;
	}
	
	ul.recommend-tour-list li{
		width:290px;
	}
	
	.tour-plan-ttl{
		font-size:13px;
		line-height:1.3;
	}
	
	
	.tour-plan-sub{
		font-size:12px!important;
	}
	
	.goto-price-after .price{
		font-size:16px;
		text-align:right;
	}
	.goto-price-before .price{
		font-size:14px;
		text-align:right;
	}
	.goto-price-after .price:before {
	    top:2px;

	    left:-100px;
	}
	.tour-plan-lead{
	font-size:13px;
	}
}


@media(max-width:374px){

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

}


#sticker {
	position: sticky;
	top: 0;
}


/*20240515追記*/
/*早割*/
.hayawari{
	margin: 20px 0 0;
}

.hayawari a:hover{
	text-decoration: none;
}

.hayawari-inner{
	display: flex;
    justify-content: center;
	padding: 15px 10px;
    color: #1a2975;
    background: #fef49d;
    border: #ccc 1px solid;
    border-radius: 4px;
    overflow: hidden;
    height: 100%;
}

.hayawari-img-wrap{
	width: 30%;
    margin-right: 20px;
}

/*アイコン*/
.hayawari-text-wrap .hayawari-icon span{
    display: inline-block;
    background: #FCA20B;
    color: #fff;
    font-size: 80%;
    font-weight: bold;
	text-align: center;
    line-height: 1.9;/*高さ調整*/
    padding: 1px 10px;
    width: 80px;
	margin-bottom: 10px;
	border-radius: 3px;
}

/*大阪京都*/
.hayawari-wrap{
	display: flex;
	justify-content: center;
}

.hayawari-wrap .hayawari{
	margin-bottom: 0px;
}
	
.hayawari-wrap .hayawari-img-wrap{
	width: 70%;
}

.hayawari-35{
	margin-right: 15px;
}

  #recommend-tour02 .two-plan .price-box small {
    font-size: 10px;
    color: #1c1c1c;
    margin-right: 2px;
	  width: 60px;
  }	




@media (max-width: 767px) {
	/*早割以外のみスクロール*/
	.recommend-tour-list-wrap{
		overflow-x: scroll;
	}
	
	.hayawari-img-wrap{
		width: 50%;
		margin-right: 15px;
	}
	
	.hayawari-text-wrap{
		width: 50%;
	}
	
	.hayawari-text-wrap .hayawari-icon span{
    	font-size: 90%;
		width: 60px;
	}
	
	/*大阪京都 2列　画像・テキスト縦並び*/
	.hayawari-wrap .hayawari-inner{
		display: block;
	}
	
	.hayawari-wrap .hayawari-img-wrap,
	.hayawari-wrap .hayawari-text-wrap{
		width: 100%;
	}
	
	.hayawari-wrap .hayawari-text-wrap .hayawari-icon span{
		margin-top: 10px;
	}
}

/*
おすすめツアー商品 リニューアル
**********************************/
#recommend-tour02 .title-01 {
  margin: 10px 0 0;
  padding: 0 0 10px;
  line-height: 1.4;
  text-align: center;
  color: #1C1C1C;
  font-weight: bold;
  font-size: 13px;
	border-bottom: none;
}


#recommend-tour02 ul.recommend-tour-list {
  display: flex;
  gap: 15px;
  margin: 20px auto;
  width: 1630px;
  align-items: center;
	background: #fff;
	padding: 0 10px;
}
#recommend-tour02 ul.recommend-tour-list li {
  width: 310px;
}
#recommend-tour02 ul.recommend-tour-list li a {
  display: flex;
  color: #1c1c1c;
  overflow: hidden;
  height: 100%;
  justify-content: flex-start;
	background: none;
	border: none;
	border: 1px solid #ccc;
	padding: 0 0 10px;
	border-radius: 8px;
}
#recommend-tour02 ul.recommend-tour-list li a:hover {
  text-decoration: none;
}
#recommend-tour02 ul.recommend-tour-list li img {
  display: block;
  margin: 0 0 10px !important;
  border-radius: 8px 8px 0 0;
}

#recommend-tour02 ul.recommend-tour-list li .btn-detail{
	border: solid 1px #467eb6;
	padding: 4px 10px 4px 14px;
	color: #467eb6;
	width: 38%;
	font-size: 12px;
	border-radius:20px;
	margin-left: 60%;
	margin-top: 6px;
}
#recommend-tour02 ul.recommend-tour-list li .btn-detail::after{
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 80%;
	margin-left: 8px;
}

#recommend-tour02 .tour-plan-ttl {
  text-align: center;
}
#recommend-tour02 .tour-plan-ttl span {
  font-size: 12px !important;
  font-weight: bold;
  line-height: 1.3;
  padding: 4px 8px;
  background: #1c1c1c;
  color: #fff;
  margin: 0 8px 4px 0;
  border-radius: 4px;
	display: inline-block;
}
#recommend-tour02 .tour-plan-sub {
  font-size: 12px !important;
  text-align: center;
  color: #1c1c1c;
  margin-top: 10px;
}
#recommend-tour02 .tour-plan-lead {
  font-size: 12px;
  font-weight: bold;
  color: #1c1c1c;
  margin-bottom: 5px;
  text-align: center;
}
#recommend-tour02 .price-text {
  font-size: 14px;
  font-weight: normal;
  margin-top: 3px;
}
#recommend-tour02 .price-box {
  text-align: right;
  margin-top: auto;
}
#recommend-tour02 wrap-price {
  display: block;
}
#recommend-tour02 .wrap-price .num {
  font-size: 16px;
  font-weight: bold;
  color: #F14482;
}
#recommend-tour02 .wrap-price .num.min:after {
  content: "～";
  font-size: 11px;
  margin-right: 3px;
}
#recommend-tour02 .wrap-price .num.onlybus:after {
  content: "円～";
  font-size: 12px;
  margin-right: 3px;
}
#recommend-tour02 .wrap-price .num.max:after {
  content: "円";
  font-size: 12px;
}
#recommend-tour02 .wrap-price .normal-line .num {
  font-size: 16px;
  color: #333;
}
#recommend-tour02 {
  padding-top: 45px;
  background: url(/static/img/tour/campaign/fujiq/bg-coaster.png) no-repeat right center;
        margin: 0 auto;
}
#recommend-tour02 .nav-tabs.nav-dep {
  border-bottom: none;
  max-width: 900px;
  margin: 20px auto;
  width: 90%;
	justify-content: center;
}
#recommend-tour02 .nav-dep > li a.nav-link {
  color: #185FA5;
  font-weight: bold;
  text-align: center;
  padding: 16px 0;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border: solid 2px #185FA5;
  border-radius: 60px;
  width: 95%;	
}
#recommend-tour02 .nav-dep > li a.nav-link:hover, .nav-dep > li a.nav-link.active {
  color: #FFF !important;
  font-weight: bold;
  background: #185FA5;
  opacity: 1;
}
.tab-pane {
  animation: fadeIn 1s ease 0s 0.5 normal;
  -webkit-animation: fadeIn 1s ease 0s 0.5 normal;
}
@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

  #recommend-tour02 .title-img {
  text-align: center;
}
  #recommend-tour02 .title-img img {
  width: auto;
}
@media(min-width:992px) {
  #recommend-tour02 {
    padding-top: 60px;
  }
}
@media(min-width:992px) and (max-width:1199px) {
  .goto-price-after .price:before {
    top: 5px;
    left: -5px;
    font-size: 13px;
  }
}


@media(max-width:991px) {
#recommend-tour02 .tour-plan-ttl span {
  font-size: 11px !important;
  font-weight: bold;
  line-height: 1.3;
  padding: 4px;
  background: #1c1c1c;
  color: #fff;
  margin-right: 6px;
  border-radius: 4px;
}	

}
@media(max-width:767px) {
#recommend-tour02 {
  background: url(/static/img/tour/campaign/fujiq/bg-coaster.png) no-repeat;
	background-size: contain;
		background-position: top 4% center;
        margin: 0 auto;
	padding-top: 30px;
}	

	
	#recommend-tour02 .title-img img{
		width: 40%;
		max-width: 260px;
	}
	
	
	
	
}

@media(max-width:576px) {

  #recommend-tour02 .nav-tabs.nav-dep {
    margin: 0 auto;
  }
  #recommend-tour02 .tab-pane {
    /*overflow-x:scroll;*/
    padding-left: 5px;
  }
  #recommend-tour02 .tour-plan-ttl {
    font-size: 13px;
    line-height: 1.3;
  }
  #recommend-tour02 .tour-plan-sub {
    font-size: 12px !important;
  }
  #recommend-tour02 .tour-plan-lead {
    font-size: 13px;
  }
  #recommend-tour02 .nav-dep > li {
    width: 33% !important;
    flex: auto;
  }
  #recommend-tour02 .nav-dep > li a.nav-link {
    padding: 6px 0;
    margin-bottom: 6px;
  }
	#recommend-tour02 .wrap-price .num{
		font-size: 15px;
	}
  #recommend-tour02 .price-box {
    justify-content: center;
  }
  #recommend-tour02 .price-box small {
    font-size: 11px;
    color: #1c1c1c;
    margin-right: 8px;;
  }
	
  #recommend-tour02 .two-plan .price-box small {
    font-size: 9px;
    color: #1c1c1c;
    margin-right: 2px;
	  width: 80px;
  }	
	
	
}

@media(max-width:360px) {
	#recommend-tour02 .two-plan .wrap-price .num{
		font-size: 12px;
	}
	#recommend-tour02 .two-plan .price-box small{
		font-size: 8px;
	}
	#recommend-tour02 .two-plan .tour-plan-ttl span{
		font-size:8px!important;
	}	
}
/* 768px以上 */
@media only screen and (min-width: 768px) {
 #recommend-tour02 .title-01 {
    margin: 20px 0 15px;
    margin-bottom: 20px;
    font-size: 28px;
  }
 #recommend-tour02 .title-img img {
	  text-align: center;
  }
	#recommend-tour02 ul.recommend-tour-list{
		padding: 0 20px;
	}	
}

@media(max-width:374px) {
  #recommend-tour02 ul.recommend-tour-list {
    width: 1350px;
  }
  #recommend-tour02 ul.recommend-tour-list li {
    width: 275px;
  }
	#recommend-tour02 ul.recommend-tour-list li .btn-detail{
		width: 48%;
		margin-left:50%;
	}	
}

#sticker {
  position: sticky;
  top: 0;
}

/*いつでも割引*/
#recommend-tour02 .letsgo-timesale-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 98%;
    max-width: 1400px;
    margin: 40px auto;
}
#recommend-tour02 .letsgo-timesale-link{
	color: #1c1c1c;
	border: #f51c07 5px solid;
	background: #fff;
	border-radius: 10px;
	height: 100%;
	max-width: 880px;
	width: 100%;
	padding: 20px 20px;
	position: relative;
	text-align: center;
	box-shadow: 0px 2px 5px #CCC;
}

#recommend-tour02 .letsgo-timesale-link:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-weight: 800;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    color: #F53D7E;
}


#recommend-tour02 .letsgo-timesale-link .timesale-title {
    font-size: 18px;
	font-weight: bold;
    color: #f51c07;
	text-decoration: underline; /* 下線 */
	text-decoration-thickness: 0.5em; /* 線の太さ */
	text-decoration-color: rgba(255, 228, 0, 0.4); /* 線の色 */
	text-underline-offset: -0.2em; /* 線の位置。テキストに重なるようにやや上部にする */
	text-decoration-skip-ink: none; /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */
}

@media(max-width:767px) {
	
	#recommend-tour02 .letsgo-timesale-wrap{
    margin: 20px auto;
}
	
	#recommend-tour02 .letsgo-timesale-link{
		padding: 10px 15px 10px 5px;
	}
	#recommend-tour02 .letsgo-timesale-link:before{
		font-size: 15px;
		right: 8px;
	}
	#recommend-tour02 .letsgo-timesale-link .timesale-title {
		font-size: 16px;
	}
}
	

/*早割*/
#recommend-tour02 .hayawari {
  margin: 20px 20px 0;
}
#recommend-tour02 .hayawari.hayawari-35-wrap {
  margin: 20px 0 0;
}

#recommend-tour02 .hayawari a:hover {
  text-decoration: none;
}
#recommend-tour02 .hayawari-inner {
  display: flex;
  justify-content: center;
  padding: 20px 14px;
  color: #1c1c1c;
  border: #F5C007 5px solid;
  background: #fff;
  border-radius: 10px;
  height: 100%;
  max-width: 880px;
  flex-wrap: wrap;
  position: relative;
	overflow: visible;
}

#recommend-tour02 #reco-tour01 .hayawari-inner::before {
  position: absolute;
  top: -50px;
  left: 10px;
  width: 120px;
  height: 120px;
  background: url("/static/img/tour/campaign/fujiq/icn-tokyo.svg") center no-repeat;
  content: "";
}
#recommend-tour02 #reco-tour02 .hayawari-inner::before {
  position: absolute;
  top: -50px;
  left: 10px;
  width: 120px;
  height: 120px;
  background: url("/static/img/tour/campaign/fujiq/icn-osaka.svg") center no-repeat;
  content: "";
}
#recommend-tour02 #reco-tour03 .hayawari-inner::before {
  position: absolute;
  top: -50px;
  left: 10px;
  width: 120px;
  height: 120px;
  background: url("/static/img/tour/campaign/fujiq/icn-saitama.svg") center no-repeat;
  content: "";
}
#recommend-tour02 #reco-tour04 .hayawari-inner::before {
  position: absolute;
  top: -50px;
  left: 10px;
  width: 120px;
  height: 120px;
  background: url("/static/img/tour/campaign/fujiq/icn-kanagawa.svg") center no-repeat;
  content: "";
}
#recommend-tour02 #reco-tour05 .hayawari-inner::before {
  position: absolute;
  top: -50px;
  left: 10px;
  width: 120px;
  height: 120px;
  background: url("/static/img/tour/campaign/fujiq/icn-chiba.svg") center no-repeat;
  content: "";
}
#recommend-tour02 #reco-tour06 .hayawari-inner::before {
  position: absolute;
  top: -50px;
  left: 10px;
  width: 120px;
  height: 120px;
  background: url("/static/img/tour/campaign/fujiq/icn-nagoya.svg") center no-repeat;
  content: "";
}
#recommend-tour02 .hayawari-img-wrap {
  width: 56%;
	display: flex;
}
#recommend-tour02 .hayawari-text-wrap{
	width: 40%;
}
#recommend-tour02 .two-plan{
		width:100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
}

#recommend-tour02 .hayawari-text-wrap.two-plan-wrap{
	width: 100%;
}
#recommend-tour02 .hayawari-text-wrap.two-plan-wrap img{
	margin: 10px auto;
}


#recommend-tour02 .two-plan .hayawari-plan{
		width:49%;	
}

#recommend-tour02 .hayawari-text-wrap.two-plan .hayawari-21{

	max-width: 100%;
	display: flex;
	padding:10px 0;
}
#recommend-tour02 .hayawari-text-wrap.two-plan .hayawari-35{
max-width: 100%;
}

#recommend-tour02 .hayawari-text-wrap.two-plan img{
	width: 65%;
}


#recommend-tour02 .hayawari-21 {
  margin:0 auto 10px;
	max-width: 170px;
	text-align: center;
}

#recommend-tour02 .price-box {
  display: flex;
  justify-content: center;
  align-items: baseline;
}

#recommend-tour02 small{
  margin-right: 2px;
	font-size: 11px;
}

/*アイコン*/
#recommend-tour02 .hayawari-text-wrap .hayawari-icon span {
  display: inline-block;
  background: #FCA20B;
  color: #fff;
  font-size: 80%;
  font-weight: bold;
  text-align: center;
  line-height: 1.9; /*高さ調整*/
  padding: 1px 10px;
  width: 80px;
  margin-bottom: 10px;
  border-radius: 3px;
}
/*大阪京都*/
#recommend-tour02 .hayawari-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 98%;
	max-width: 1400px;
  margin: 40px auto;
}
#recommend-tour02 .hayawari-wrap .hayawari {
  margin-bottom: 0px;
  /*width: 40%;*/
}

#recommend-tour02 #reco-tour02 .hayawari-wrap .hayawari {
  margin-bottom: 0px;
  width: 46%;
}


#recommend-tour02 .hayawari-wrap .hayawari a{
	height: 100%;
}
#recommend-tour02 #reco-tour02 .hayawari-wrap .hayawari-img-wrap {
  width: 70%;
}

#recommend-tour02 .hayawari-35 {
  margin-right: 15px;
}
#recommend-tour02 .hayawari-text-wrap p.tour-plan-ttl {
	  margin-bottom: 10px;
  }	
#recommend-tour02 .recommend-tour-list-wrap {
  overflow-x: scroll;
}


@media (max-width:992px) {
#recommend-tour02 #reco-tour02 .hayawari-wrap .hayawari {
  margin-bottom: 0px;
  width: 45%;
}
}

@media (max-width: 767px) {
  /*早割以外のみスクロール*/
#recommend-tour02 .hayawari {
    width: 96%;
    margin: 0 auto;
  }
 #recommend-tour02 .hayawari-inner {
    padding: 10px;
  }
  #recommend-tour02 .hayawari-img-wrap {
    width: 100%;
    margin-right: 0;
	 text-align: center;
  }
  #recommend-tour02 .hayawari-logo {
    height: auto;
    margin: auto;
  }
  #recommend-tour02 .hayawari-text-wrap {
    width: 100%;
    align-self: center;
  }
  #recommend-tour02 .hayawari-text-wrap .hayawari-icon span {
    font-size: 90%;
    width: 60px;
  }
  #recommend-tour02 .hayawari-text-wrap .hayawari-21 {
    text-align: center;
    padding-top: 0;
  }
 #recommend-tour02 .hayawari-text-wrap .timesale {
    text-align: center;
    padding-top: 10px;
  }
	
	
  #recommend-tour02 .hayawari-text-wrap p {
    font-size: 12px !important;
  }
	
  #recommend-tour02 .hayawari-text-wrap img {
    width: 80%;
    height: auto;
	  margin: 10px auto;
  }
  /*大阪京都 2列　画像・テキスト縦並び*/
  #recommend-tour02 .hayawari-wrap .hayawari {
    width: 100%!important;
  }
  #recommend-tour02 .hayawari-wrap .hayawari-inner {
    display: block;
  }
  #recommend-tour02 .hayawari-wrap .hayawari-img-wrap, .hayawari-wrap .hayawari-text-wrap {
    width: 96%!important;
	  margin: 0 auto;
  }
  #recommend-tour02 .hayawari-wrap .hayawari-text-wrap .hayawari-icon span {
    margin-top: 10px!important;
  }
  #recommend-tour02 #reco-tour01 .hayawari-inner::before,#recommend-tour02 #reco-tour02 .hayawari-inner::before,  #recommend-tour02 #reco-tour03 .hayawari-inner::before,  #recommend-tour02 #reco-tour04 .hayawari-inner::before,  #recommend-tour02 #reco-tour05 .hayawari-inner::before,  #recommend-tour02 #reco-tour06 .hayawari-inner::before {
    position: absolute;
    top: -40px;
    left: 10px;
    width: 70px;
    height: 70px;
	  background-size: contain;

  }
#recommend-tour02 .hayawari-21 {
  margin-bottom: 0;
}	
#recommend-tour02 #reco-tour02 .hayawari-wrap .hayawari.hayawari-35-wrap{
	margin-bottom: 40px;
	}
	
	
}

/*
メインリニューアル
**********************************/

.reserve-priod {
  background: #185FA5;
  color: #fff;
  padding: 8px 0;
  align-items: center;
	justify-content: center;
}

.reserve-priod h2{
	font-size: 13px;
}

.reserve-priod dl {
	display: flex;
	align-items: center;

	font-size: 13px;	
}
.reserve-priod dl dt{
	margin-left: 12px;
}
.reserve-priod dl dd{
	  color: #F5C007;
	font-weight: bold;
	margin-left: 4px;
	font-size: 14px;	
	}

@media (max-width: 767px) {
	
.reserve-priod h2{
	font-size: 9px;
}
 	.reserve-priod dl{
	font-size: 10px;	
	}	
  .reserve-priod dl dt{
	  font-weight: normal;
	  margin-right: 2px;
	  margin-left: 0;
  }
  .reserve-priod dl dd {
	  color: #F5C007;
	  font-size: 11px;
	  margin: 0;
  }
	.reserve-priod dl dd:nth-child(2){
		margin-right: 4px;
	}	
 .img-reserve{
		margin: 10px 0 10px 10px!important;
		max-width: 110px!important;
		
	}	
}	
@media (max-width: 360px) {
.reserve-priod h2{
	font-size: 8px;
}	
	 	.reserve-priod dl{
	font-size: 9px;	
	}	
	.reserve-priod dl dd{
		font-size: 9px;
	}
}



/*
タイムセール
**********************************/

#timesale .modal-header{
	font-size: 16px;
	font-weight: bold;
	}

#timesale .li-dep-plan{
	display: flex;
	width: 100%;
	margin:0 auto 16px;
	padding: 0;
	border: none;

}


#timesale .li-dep-plan a{
	display: flex;
	align-items: center;
	position: relative;
	padding: 10px 12px;
	width:100%;
		background:#eee;
}

#timesale .li-dep-plan a:hover{
	text-decoration: none;
	background:#EAEAEA;
}

#timesale .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;
}
#timesale .li-dep-plan .plan-name{
 width: 35%;
	font-size: 15px;
	font-weight: bold;
	    color: #333;
    margin-bottom: 3px;
	text-align: left;
}

#timesale .li-dep-plan .wrap-price{
	width: 65%;
	text-align: right;
	padding-right: 15px;
	padding-top: 0;
	margin-left: auto;
	font-weight: bold;
}
#timesale .li-dep-plan .wrap-price .num{
	font-size: 20px;
    font-weight: bold;
    color: #F14482;
    font-family: 'Oswald', sans-serif;
}



#recommend-tour02 .hayawari-inner.timesale-inner {
  display: flex;
  justify-content: center;
  padding: 20px;
  color: #1c1c1c;
  border: #cc3333 5px solid;
  background: #fff;
  border-radius: 10px;
  height: 100%;
  max-width: 840px;
  margin: 40px auto 30px;
  flex-wrap: wrap;
  position: relative;
	overflow: visible;
}
#recommend-tour02 .hayawari-inner.timesale-inner .hayawari-img-wrap img{
	border-radius: 12px;
	
}

#recommend-tour02 .timesale-img {
  margin-bottom: 20px;
	text-align: center;
}
#recommend-tour02 .timesale-img img{
	max-width: 260px;

}
#timesale b{
		font-size: 14px;
		color: #185FA5;
	}
@media (max-width: 767px) {
	
  #recommend-tour02 .hayawari-text-wrap .timesale-img  {
    text-align: center;
    padding-top: 10px;
  }	
#recommend-tour02 .timesale-img {
  margin-bottom: 0;
}	
}
/*
早割りに宿泊プラン追加
**********************************/
.hayawari-plan{
	width: 100%;	
}
.hayawari-plan a{
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 10px;
	width: 100%;
	box-shadow: 0px 3px 6px #CCC;
	position: relative;
	color: #1c1c1c;
	
}

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


.hayawari-plan +.hayawari-plan{
	margin-top: 10px;
}

.two-plan .hayawari-plan +.hayawari-plan{
	margin-top: 0;
}


@media (max-width: 360px) {
#recommend-tour02 .title-01 {
  font-size: 12px;
}
	}



/* #attraction
------------------------------------------*/

.attraction-select{
	margin:60px 1%;
}
.attraction-select dt{
	font-size:20px;
	color:#066bc1;
}
.attraction-select dd{
	width:48%;
}

@media (max-width: 991px) {
}
@media (max-width: 767px) {
	.attraction-select{
		margin:30px 0;
	}
	.attraction-select dt{
		font-size:14px;
	}
	.attraction-select dd{
		width:100%;
	}
	
	.title02{
		font-size: 17px;
	}	
	.title02-set{
		margin: 40px 0 10px;
	}
}


/* .attraction-list
------------------------------------------*/
.attraction-list{
	margin:60px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.attraction-list:after{
	content:"";
	display:block;
	clear:both;
}
.attraction-list > li{
	float:left;
	width:48%;
	margin:0 1% 40px;
	padding:30px 30px 40px;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.attraction-box dt{
	margin:0;
	font-size:24px;
	line-height: 1.2;
	color:#066bc1;
}
.attraction-box dd{
	margin-top:10px;
	font-size:16px;
	line-height:1.8;
}
.cat-icon{
	display:inline-block;
	margin-right:10px;
	padding:3px 10px;
	font-size:14px;
	color:#fff;
	vertical-align:middle;
	background:#D5000F;
	border-radius:4px;
}
.attraction-img img{
	display:block;
	width:100%;
	margin-bottom: 6px!important;
}
.attraction-catch{
	line-height: 1.3!important;
	color:#066bc1;
	font-weight:bold;
}

@media (max-width: 991px) {
	.attraction-list > li{
		margin-bottom:30px;
		padding:15px 15px 30px;
	}
	.attraction-box dt{
		font-size:20px;
	}
	.attraction-box dd{
		font-size:14px;
	}
	.cat-icon{
		font-size:12px;
	}
}
@media (max-width: 767px) {
	.attraction-list{
		margin:30px auto;
	}
	.attraction-list > li{
		width:49%;
		margin:0 0 15px;
		padding:10px 10px 20px;
	}
	.attraction-box dt{
		font-size:12px;
		margin-bottom: 3px;
		line-height: 1.5em;
	}
	.attraction-box dd{
		margin-top:5px;
		font-size:11px;
		line-height: 1.5em;
	}
	.cat-icon{
		margin-right:3px;
		padding:3px 4px;
		font-size:11px;
		line-height: 11px;
		display: inline-block;
	}
}


/*20240517*/
.mv-attraction {
    display: block;
    text-align: center;
    background: url("/tour/campaign/fujiq/attraction/img/bg_sky.png") repeat-x #287dc8;
	margin-bottom: 10px;
}


.fujiq-catch01{
	text-align: center;
}

.attraction-select {
    margin: 20px 1%;
}

@media (max-width: 991px) {
    .mv-attraction {
        margin-bottom: 0px;
    }
}

@media (min-width: 768px) {
    .fa-events-icons-ready article {
        margin-top: 146px !important;
    }

	
	
}


/*プラン一覧へ　追加*/
.planlist {
    margin: 0 auto 20px;
    width: 52%;
}

.planlist a:hover{
	text-decoration: none;
}

.planlist-inner{
	display: flex;
    justify-content: center;
	padding: 15px 10px;
    color: #1a2975;
    background: #fafafa;
    border: #ccc 1px solid;
    border-radius: 4px;
    overflow: hidden;
    height: 100%;
}

.planlist-img-wrap{
	width: 30%;
    margin-right: 20px;
}

#content-wrap p{
	line-height: 1.5;
}

#content-wrap p.lead-body{
	font-size: 1.25em;
}

.tour-plan-ttl {
    text-decoration: underline;
}

@media (max-width: 991px) {

	
	.planlist {
		width: 100%;
		margin: 0 auto 10px;
	}
	.planlist-img-wrap{
		width: 35%;
		margin-right: 11px;
	}
	.planlist-text-wrap{
		width: 65%;
	}
	
	.fujiq-catch01{
		text-align: left;
	}
	
	.attraction-select{
		margin:10px 0 0;
	}
}
/*ナビゲーション追加*/
.bg-navi{
		background: #e3f0f2;
	padding: 16px 6px;
}
.fujiq-navi{
	display: flex;
    margin: 0 auto;
	justify-content:center;

}
.fujiq-navi li a{
	background: #fff;
	color: #185FA5;
	font-weight: bold;
	position: relative;
	padding:10px 44px 10px 54px;
	border-radius: 60px;
	font-size: 16px;
	margin: 0 4px;
}
.fujiq-navi li:first-child a::before{
    position: absolute;
    transform: translate(0, -50%);	
    top: 50%;
    left: 16px;
    width: 22px;
    height: 22px;
    background: url(/static/img/tour/campaign/fujiq/bus-solid.svg) center no-repeat;
    content: "";
	background-size:contain;
}
.fujiq-navi li:last-child a::before{
    position: absolute;
    transform: translate(0, -50%);	
    top: 50%;
    left: 16px;
    width: 24px;
    height: 28px;
    background: url(/static/img/tour/campaign/fujiq/attractions.svg) center no-repeat;
    content: "";
	background-size:contain;	
}
.fujiq-navi li a::after{
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translate(0, -50%);
    content: "\f078";
    color: #185FA5;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;	
}

.fujiq-navi li a:hover{
	text-decoration: none;
}


@media (max-width: 767px) {
	.bg-navi{
		padding: 12px 0;
	}	

.fujiq-navi li{
	}	
.fujiq-navi li a{
 	padding:10px 24px 10px 34px;	
	font-size: 12px;

	}
	
.fujiq-navi li:first-child a::before{
    width: 16px;
    height: 16px;
    left: 12px;	
}
.fujiq-navi li:last-child a::before{
    width: 18px;
    height: 22px;
    left: 12px;		
}	
	.fujiq-navi li a::after{
		right: 8px;
	}	
}
@media (max-width: 360px) {
		
.fujiq-navi li a{
		font-size: 12px;
	margin: 0 2px;		
	
	}
.fujiq-navi li a{
 	padding:8px 18px 8px 24px;	
	font-size: 12px;	
	}	
.fujiq-navi li:first-child a::before{
    width: 14px;
    height: 14px;
    left: 6px;	
}
.fujiq-navi li:last-child a::before{
    width: 15px;
    height: 19px;
    left: 6px;		
}		
	.fujiq-navi li a::after{
		right: 4px;
	}		
}
/* FAQ */

.acc-box .card{
	border:1px solid rgba(0,0,0,.125) !important;
}
.acc-box .card-header{
	padding:0 !important;
	background:none !important;
}

.acc-box .card-header button{
	padding:30px;
	display:block;
	color:#333;
	font-weight:bold;
	text-decoration:none;
	position: relative;
	background:#f4f4f4;
	 cursor:pointer;
	width: 100%;
	text-align: left;
}



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

.acc-box .card-header button.collapsed:after{
	content: "\f078";
}

.acc-box .card-body{
	padding:1.25rem !important;
	background:#fff !important;

}

.acc-box .card-body p{
	font-size:16px !important;
}
.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:22px;
	line-height:1.5;
	display:block;
	margin-left:90px;
}

@media(max-width:767px) {
	.acc-box .card-header button{
		display:block;
		padding:7px 10px 12px 10px;
	}
	.acc-box .card-header button:after{
		font-size:14px;
		right:5px;
	}
	.num-label{
		color:#fff;
		font-size:14px;
		font-weight:bold;
		background:#3788e5;
		padding:7px 7px;
		margin-right:0;
		width:50px;
		display:inline-block;
		text-align:center;
		border-radius:3px;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left:10px;
	}

	.faq-ttl{
		font-size:14px;
		line-height:1.5;
		display:block;
		margin-left:60px;
	}
	
	#faq-accordion .card-body p{
		font-size:12px;
		padding:0px;
		line-height:1.8;
		margin-left:0;
	}

}