@charset "utf-8";


/*-------------ライトアップバスツアー部分ここから------------*/
.bar-news {
    color: #FF1700;
    padding: 16px 5px;
    display: block;
    width: 100%;
    font-size: 18px;
}

#goto-info {
    margin-bottom: 60px;
}
.acc-box{margin:1rem 0;}
.acc-box .card-header{padding:10px;background: #fff;border-bottom:none;}
.acc-box .card-header h3{font-size: 14px;font-weight: bold;margin:0;color: #dc3545;line-height: 1.4;}
.acc-box .card-header h3 button{font-size: 16px;background: none;text-align: left;color: #dc3545;padding:0 30px 0 0;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: 3px solid #d9534f;}
.acc-box .card-body{padding: 0 10px 10px 10px;;background: #fff;font-size: 14px;text-align: left;}
.acc-box .card-body b{font-weight: bold;}
.acc-box .card-body b.colorred{color: red;}
.acc-box .card-header button:after {position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 0px;content: "\f077";font-family: "Font Awesome 5 Free";font-weight: 900;color: #d9534f;}
.acc-box .card-header button.collapsed:after {content: "\f078";}
.card-body .acc-box{margin:0.5rem 0;}
.acc-box .card-body .card-header{padding:5px 10px;background: none;}
.acc-box .card-body .card{border-radius: 0;border: none;}
.acc-box .card-body .card-body{padding:10px;background: #fff;font-size: 14px;text-align: left;}
.acc-box .card-body .card-header button:after {position: relative;top: 1px;-webkit-transform: none;transform:none;right: auto;content: "\f077";font-family: "Font Awesome 5 Free";font-weight: 900;color: #d9534f;margin-left:10px;}
.acc-box .card-body .card-header button.collapsed:after {content: "\f078";}
.acc-box .card-header button{
cursor: pointer;
cursor: hand;
}
.acc-box .card-header button:focus {
    outline: none;
    outline: none;
    }

.price-text-b, .num-b, .yen-b {
    font-size: 12px;
    color: #000;
    }

.num-b, .yen-b {
font-weight: bold;
}
.price-text-b {
padding-right: 3px;
}
.goto {
    background: #f00 !important;
    color: #fff!important;
}


/* 基本設定 */
article {
	font-size: 14px;
	color: #333 !important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#col-logo{
	padding-bottom: 0;
}




#js-gallery a,#js-gallery2 a {
	position: static!important;
left: 180px !important; }


/* 共通 */

a:hover {
	text-decoration: none;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
 transition-property: all;
  transition: 0.3s linear;
}

a img:hover{
	background-color: #FFF;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	transition-property: all;
	transition: 0.3s linear;
}



.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    }

#newsflash-campaign{
	display: none;
}

.sticky-top {
    z-index: 20!important;
}

/* トリミングしたいサイズで枠を作る */
.thumb {
    width: 35%;
    padding-top: 35%;

  position: relative;
  overflow: hidden;
  float: left;
}




/* 横幅に合わせてトリミング */
.thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}



/* モーダル */

.modal-open {
    padding-right:0px !important;
}


.modal-header{
	background:#FAFAFA;
	border-radius:0;
	min-height:35px;
	padding:0;
	padding: 10px;
}

.modal-header .close{
	color:#333;
	font-size:30px;
	padding:0;
	opacity:1.0;
	position: absolute;
	top:23px;
	right:25px;
}


.modal-title{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	width:100%;
	max-width: 95%;
}

.modal .loc-title-zone{
	margin-bottom:10px;
}

.modal .areaconts{
	width:100%;
}

.modal .main-single,
.modal .box-d3{
	margin-bottom:0;
}

.modal-footer{
	display:block;
	border-top:none;
	text-align:center !important;
	position: sticky;
	position: -webkit-sticky;
	bottom: 0;
	width: 99.5%;
	background: rgba(255,255,255,0.8);
	z-index:10;
}

.modal-footer button{
	width:100%;
	background:#333 !important;
	border:none;
}


.modal-footer button:hover,
.modal-footer button:focus,
.modal-footer button:active{
	text-decoration: none;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
 transition-property: all;
  transition: 0.3s linear;
}


.modal-content {

    border-radius: 0 !important;
}

.modal-footer .btn.focus, .modal-footer .btn:focus, .modal-footer .btn:hover {
    color: #fff;
}

/* メインビジュアル */
#main-img{
	background: url(/static/img/activity/gifu/shirakawago/pc_bg.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
}
#main-img .title-main{
	text-align: center;
	padding: 10px;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}
@media (max-width: 768px){
  .bar-news {
    font-size: 14px;
  }
}
.tour-type-wrap h5 {
    text-align: center;
    font-weight: bold;
    color: #660000;
    margin-bottom: 15px;
}

.tour-type-wrap {
    border-bottom: 1px dashed #660000;
    margin-bottom: 30px;
}


.tour-type-wrap:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}
.tour-type-tum{
	float: left;
}



.tour-type-body p {
	padding-left:100px;
	font-size: 14px;
	padding-bottom: 30px;
}


.copy {
    width: 100%;
}


.copy h2 {
    text-align: center;
    font-size: 24px;
    margin: 60px 0;
    color: #045c34;
}


.copy h2:after {
	content: '';
	width: 100%;
	height: 46px;
	display: block;
	background: url(/activity/gifu/shirakawago/img/copy-bg.png) no-repeat 50% 100%;
}


@media screen and (max-width: 767px) {
.copy h2 {
    text-align: center;
    font-size: 18px;
    margin: 20px 0;
}

}



.reason-wrap h5 {
    text-align: center;
    font-weight: bold;
    color: #660000;
    margin-bottom: 15px;
}

.reason-wrap {
    border-bottom: 1px dashed #660000;
    margin-bottom: 30px;
    clear: both;
    padding-bottom: 30px;

}


.reason-wrap:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}
.reason-tum{
	float: left;

}



.reason-body p {
	padding-left: 175px;
	font-size: 14px;
	padding-bottom: 30px;
	min-height: 160px;

}





/* 予約カセット */
#pickup {
	margin-bottom: 60px;
	text-align: center;
	clear: both;
}




#pickup h2 {
	font-size: 30px;
margin: 30px auto;
}

#pickup .title-wrap img{
	margin: 0 auto;

}

#pickup .title-wrap {
	margin:0 auto 50px auto;
	position: relative;

}







#pickup .itembox02 h3 {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
margin-bottom: 5px;
}



#pickup .itembox02 h3 a{
    color: #000;
}

#pickup .itembox02{
	border:1px solid #ccc;
	margin-bottom:20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#fff;
	overflow:hidden;
	padding: 15px;
}

#pickup .itembox02 img {
    width: 100%;
}
#pickup .itembox02 .itembox-body{
		padding:10px;
		text-align: left;
	}


#pickup .itembox02 .itembox-book{
		padding: 0 10px 10px 10px;
		text-align: left;
	}


#pickup .itembox02 .example-txt {
    font-size: 14px;
    padding-right: 3px;
    color: #000;
    margin: 5px 0;
}



.num {
    font-size: 16px;
    font-weight: bold;
    color:#f53c7f;

    display: inline;
}


.yen{
    font-size: 12px;
    font-weight: bold;
    color: #f53c7f;
    display: inline;
    padding-right: 3px;
}



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

#pickup .itembox02 {
    margin-bottom: 15px;
}

#pickup .itembox02 img{
		width:39%;
		float:left;
		margin-right: 0px;
	}


#pickup .itembox02 .itembox-body{
		margin-left:41%;
		padding:6px 0px 5px 0px;
	}

#pickup .itembox02 .itembox-book{
		margin-left:41%;
		padding:6px 0px 5px 0px;
	}


#pickup .itembox02 h3{
		font-size:14px;
		margin-top:0;
	}






.num{
		font-size:18px;
	}


}

.price-text-wrap {
	display: inline-block;
    width: 100%;
	white-space: nowrap;
}



#top .price-text-wrap {
    display: inline;
    margin-right: 10px;
	white-space: nowrap;
}

#top .price-text-wrap:lastlastchild {
    margin-right: 0px;
}



@media (max-width: 767px) {
.num {
    font-size: 16px;
}


li.plan-id {
    margin-bottom: 5px;
    float: none!important;
	display: table;
    }

.modal-body .plan-id {
    margin-bottom: 0px;


}

#pickup {
	margin-bottom: 30px;
}
#pickup h2 {
	    font-size: 24px;
    top: 20px;
	    font-weight: bold;
	margin-bottom: 15px;
}
}


.spots a {
   color: #333;
}


footer {
    clear: both;
}




.tag {
    padding: 2px 5px;
    color: #333;
    background: #dedfe0;
    border: none;
    border-radius: 2px;
    font-size:10px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;

}

.tag:hover {
    color: #333;
    }




.data-wrap {color: #333;
    display: inline-block;
    font-size: 12px;}

.data-wrap li{
	float: left;
	margin-right: 10px;
	}

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

.data-wrap li.times {
background: url(../img/ico-times.png) no-repeat;
    padding-left: 17px;
    background-position: top left;

}


.data-wrap li.spots {
background: url(../img/ico-spots.png) no-repeat;
	padding-left: 17px;
	background-position: top left;
}

.tag-wrap {
	clear: both;

}


i {font-style:normal;
  font-size: 10px;
margin-right: 5px;
margin-bottom: 5px;}



.wrap {
  width: 80px;
  margin: 0 auto;
}




a.btn-main {
background: #f53d7e;
    border-color: #f53d7e;
    font-weight: bold;
    color: #fff!important;
    margin: 0 auto;
    padding: 10px 10px;
    width: 100%;
    display: block;
}

a.btn-main:after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 15px;
    color: #fff!important;
}





.btn-detail {
    color: #fff;
    padding: 8px;
    margin: 0 auto;
    position: relative;
    width: 60%;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    background: #f30069;
    display: block;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition-property: all;
    transition: 0.3s linear;
    margin-top: 15px;
    clear: both;
}

.btn-detail:after {
    content: "\f720";
    font-family: 'willer_iconsregular';
    position: absolute;
	top: 50%;
    line-height: 1;
    font-size: 16px;
    color: #fff;
    right: 15px;
    margin-top: -8px;
}




@media (max-width: 767px) {



.btn-detail {
    margin-bottom: 30px;
    }

}




/* メリットエリア */
#merit {
	margin-bottom: 60px;
	clear: both;
}


#merit .itembox02 img {
    width: 100%;
}



#merit .itembox02 h3 {
    color: #803330;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
margin-bottom: 5px;
}



#merit .itembox02 .example-txt {
    font-size: 14px;
    padding-right: 3px;
    color: #000;
    margin: 5px 0;
}



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

#merit .itembox02 {
    margin-bottom: 15px;
}

#merit .itembox02 img{
		width:39%;
		float:left;
		margin-right: 0px;
	}


#merit .itembox02 .itembox-body{
		margin-left:41%;
		padding:6px 0px 5px 0px;
	}

#merit .itembox02 .itembox-book{
		margin-left:41%;
		padding:6px 0px 5px 0px;
	}


#merit .itembox02 h3{
		font-size:14px;
		margin-top:0;
	}

	}



#lightup{
	margin:60px auto 102px auto;
}
.text-lead{
	text-align: center;
	line-height: 1.6;
	color: #666;
}
.text-lead b{
	font-size: 120%;
	display: inline-block;
	border-bottom: 1px dotted #1b1d6a;
	padding-bottom: 6px;
	margin-bottom: 12px;
	color: #1b1d6a;
}
.lightup-title{
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	color: #1d1d6b;
	padding-top: 36px;
	background: url(/activity/gifu/shirakawago/img/icon-title.png) no-repeat center top;
}
.lightup-title small{
	display: block;
	font-size: 16px;
	margin-bottom: 6px;
}
.header-lead{
	text-align: center;
	font-size: 14px;
	color: #666;
}
.lightup-title + .header-lead{
	margin-top: 24px;
}
.lightup-sub-title{
	font-size: 20px;
	margin-bottom: 12px;
	font-weight: bold;
	text-align: center;
	color: #1b1d6a;
}
.wrap-basic-header{
	margin-bottom: 48px;
}
.wrap-basic + .wrap-basic{
	margin-top: 72px;
}
.wrap-basic-mini + .wrap-basic-mini{
	margin-top: 48px;
}
@media(max-width: 767px) {
#lightup{
	margin:12px auto 60px auto;
}
.text-lead{
	text-align: left;
}
.lightup-title{
	font-size: 24px;
}
.header-lead{
	text-align: left;
}
.lightup-title + .header-lead{
	margin-top: 12px;
}
.wrap-basic-header{
	margin-bottom: 24px;
}
.wrap-basic + .wrap-basic{
	margin-top: 36px;
}
.wrap-basic-mini + .wrap-basic-mini{
	margin-top: 24px;
}
}

.wrap-list-point{
	background:#292929;
	padding: 48px;
}
.wrap-list-point ul{
	margin:0;
	list-style: none;
	padding: 0 0 0 30px;
}
.wrap-list-point ul li{
	padding: 0;
	margin:0;
	color: #fff;
	font-size: 16px;
	position: relative;
}
.wrap-list-point ul li b{
	display: block;
	margin-bottom: 6px;
	font-size: 120%;
}
.wrap-list-point ul li + li{
	margin-top: 48px;
}
.wrap-list-point ul + p{
	color: #e1d626;
	line-height: 1.6;
	margin-top: 12px;
	padding: 0 0 0 30px;
}
.wrap-list-point ul{
  counter-reset: number 0;
}
.wrap-list-point ul li:before {
	counter-increment: number 1;
	content: counter(number) " ";
	position: absolute;
	top: 3px;
	left:-30px;
	display: block;
	padding: 1.5px 7px;
	text-align: center;
	background:#e2d727;
	color: #1b1d6a;
	font-size: 13px;
	border-radius: 100px;
}
@media(max-width: 767px) {
.wrap-list-point{
	padding: 24px;
}
.wrap-list-point ul li{
	font-size: 14px;
}
.wrap-list-point ul li + li{
	margin-top: 24px;
}
}

.tbl-lightup{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	table-layout: fixed;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.tbl-lightup td,
.tbl-lightup th{
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 24px 1px 16px;
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
	color: #F14482;
	vertical-align: top;
}
.tbl-lightup th{
	padding: 6px;
	font-size: 16px;
	background:#1b1d6a;
	color: #fff;
}
.tbl-lightup td{
	background:#f9f9ff;
}
.tbl-lightup td small,
.tbl-lightup th small{
	color: #292929;
	font-size: 14px;
	display: block;
	margin-top: 6px;
}
.tbl-lightup .badge{
	font-size: 12px;
	font-weight: normal;
	display: block;
	max-width: 80%;
	margin:10px auto 0;
	padding:.2rem .1rem;
}
.tbl-lightup .badge.badge-sale{
	background:#F14482;
}
.tbl-lightup .badge.badge-comming{
	background: #ccc;
	color: #333;
}
@media(max-width: 767px) {
.tbl-lightup{
	width: 100%;
}
.tbl-lightup td,
.tbl-lightup th{
	padding: 6px 1px;
	font-size: 14px;
}
.tbl-lightup td{
	padding: 12px .5px 0px;
}
.tbl-lightup th{
	font-size: 14px;
}
.tbl-lightup td small,
.tbl-lightup th small{
	font-size: 10px;
}
.tbl-lightup .badge{
	font-size: 11px;
}
}

.ul-koutei{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding: 24px;
	text-align: center;
	background:#fffde5;
}
.ul-koutei li{
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	color: #555000;
}
.ul-koutei li span{
	background:#e1d527;
	color: #1b1d6a;
	display: inline-block;
	border-radius: 100px;
	padding: 5px 10px;
	line-height: 1;
	margin-right: 4px;
	font-size: 80%;
	position: relative;
	top: -1px;
}
.ul-koutei li:after {
    content: "\f30b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin:0 12px;
}
.ul-koutei li:last-child:after{
	display: none;
}
.text-attention{
	margin-top: 12px;
	font-size: 14px;
	text-align: center;
}
@media(max-width: 767px) {
.ul-koutei{
	width: 100%;
	padding: 48px 12px 48px 24px;
	text-align: left;
	position: relative;
}
.ul-koutei:before{
	content: "";
	height: 85%;
	width: 5px;
	background:#e2d727;
	position: absolute;
	top: 50%;
	left: 62px;
	transform: translate(0, -50%);
}
.ul-koutei li{
	display: block;
	font-size: 16px;
	position: relative;
	padding-left: 100px;
}
.ul-koutei li + li{
	margin-top: 80px;
}
.ul-koutei li span{
	position: absolute;
	background:#fffef6;
	color: #555000;
	border:4px solid #e2d727;
	display: table;
	border-radius: 100px;
	padding: 10px 10px;
	line-height: 1;
	margin-right: 4px;
	font-size: 80%;
    width: 80px;
    height: 80px;
	text-align: center;
	line-height: 1.4;
	transform: translate(0, -50%);
    top: 50%;
    left: 0;
}
.ul-koutei li span b{
	display: table-cell;
	vertical-align: middle;
	line-height: 1;
}
.ul-koutei li:after {
    display: none;
}
}

.card-planlist{
    background: #fff;
    padding: 12px 12px;
    border-radius: 4px;
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 14px;
}
.w-80{
	width:80%;
	margin-left: auto;
	margin-right: auto;
}
.dl-planlist + .dl-planlist{
	margin-top: 48px;
}
.dl-planlist dt{
	margin-bottom: 12px;
	font-size: 18px;
	color: #1b1d6a;
}
.dl-planlist dt i.fas{
	font-size: 130%;
}
.dl-planlist dt span{
	display:inline-block;
	padding: 1.5px 7px;
	text-align: center;
	background:#3766db;
	color: #fff;
	font-size: 13px;
	border-radius: 100px;
}
.dl-planlist dt b{
	display: block;
	margin-top: 6px;
}
.ul-kumiawase{
	background:#fffde5;
	padding: 12px 24px;
	border-radius: 8px;
}
.ul-kumiawase li{
	font-size: 16px;
	position: relative;
	padding-left: 24px;
	display: inline-block;
	margin-right: 12px;
	color: #555000;
}
.ul-kumiawase{
  counter-reset: number 0;
}
.ul-kumiawase li:before {
	counter-increment: number 1;
	content: counter(number) " ";
	position: absolute;
	top: 3px;
	left:0;
	display: block;
	padding: 1.5px 6px;
	text-align: center;
	background:#e2d727;
	color: #1b1d6a;
	font-size: 10px;
	border-radius: 100px;
}
.btn-hoteldetail{
	background:none;
	text-align: left;
	cursor: pointer;
}
.btn-hoteldetail span{
	background:#f53d7e;
    border-color: #f53d7e;
    font-size: 80%;
    color: #fff;
    margin-left: 6px;
    padding: 2px 4px;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    position: relative;
    top: -1px;
}
.btn-hoteldetail:hover span{
	opacity: 0.5;
}
@media(max-width: 767px) {
.ul-kumiawase{
	padding: 12px 12px 12px;
	text-align: left;
}
.ul-kumiawase li{
	font-size: 14px;
	width: 100%;
}
.ul-kumiawase li + li{
	margin-top: 6px;
}
.btn-hoteldetail span{
	margin-top: 3px;
	margin-left: 0;
}
.dl-planlist dt{
	font-size: 16px;
}
}


.tab-area-inner{
	padding: 36px;
	border:solid 10px #1b1d6a;
	border-radius: 4px;
}
.btn-card-plan{
    background: #fff;
    padding: 12px 24px;
    border-radius: 4px;
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 14px;
}
.btn-card-plan:hover{
	background: #feebf2;
	color: #333;
	text-decoration: none;
}
.btn-card-plan dt{
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}
.btn-card-plan dd{
	text-align: right;
}
.btn-card-plan dd .num {
    font-size: 120%;
    font-weight: bold;
    color: #F14482;
}
.btn-card-plan dd .num.min:after {
    content: "～";
    font-size: 14px;
    margin-right: 3px;
}
.btn-card-plan dd .num.max:after {
    content: "円";
    font-size: 14px;
}
.btn-card-plan dd .goto-line .num {
	font-size: 18px;
}
.btn-card-plan dd .normal-line .num {
    color: #333;
    font-size: 16px;
}
.btn-card-plan dd .txt-label{
	margin-right: 6px;
}
.btn-card-plan dd .normal-line .txt-label{
	margin-right: 14px;
}
.btn-card-plan dd p.goto-line,
.btn-card-plan dd p.normal-line{
	margin:0;
}
.btn-card-plan .tag.goto{
	position: relative;
	top: -3px;
}
.btn-reserve{
    background: #f53d7e;
    border-color: #f53d7e;
    font-weight: bold;
    color: #fff;
    margin: 0 auto;
    padding: 10px 10px;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 4px;
    margin-top: 6px;
}
.btn-reserve:after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 15px;
    color: #fff!important;
}
@media(max-width: 767px) {
.btn-card-plan{
    padding: 12px 12px;
}
.tab-area-inner{
	padding: 24px 12px 12px;
	border:solid 4px #1b1d6a;
}
}



.nav-tabs{
	border:none;
	/*position: sticky;
	top: 0;*/
	background:#fff;
	z-index: 2;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.nav-tabs .nav-item{
	margin-bottom: 0;
}
.nav-item{
	margin:0 0.5%;
}
.nav-tabs .nav-link{
	color: #232323;
	font-weight: bold;
	padding: 12px 6px;
	font-size: 18px;
	border:none;
}
.nav-tabs .link-hotelset .nav-link{
	background:#c6c7ed;
	color: #1b1d6a;
}
.nav-tabs .link-hotelnashi .nav-link{
	background:#c6c7ed;
	color: #1b1d6a;
}
.nav-tabs .link-hotelset .nav-link.active{
	background:#1b1d6a;
	color: #fff;
}
.nav-tabs .link-hotelnashi .nav-link.active{
	background:#1b1d6a;
	color: #fff;
}
.nav-tabs .nav-link:hover{
	background:#ffeefe;
}
@media screen and (max-width: 767px) {
.nav-tabs .nav-link{
	font-size: 13px;
	padding: 12px 3px;
}
}


.modal-shirakawahotel .modal-header{
	background: #333;
}
.modal-shirakawahotel .modal-header .modal-title{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
.modal-shirakawahotel .modal-body .modal-title{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
	border-left: 4px solid #333;
	padding-left: 12px;
}
.wrap-modal-section + .wrap-modal-section{
	margin-top: 24px;
}
.modal-shirakawahotel .modal-body p{
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 12px;
}
.modal-shirakawahotel .modal-body p + p{
	margin-top: 6px;
}
.model-bodytitle{
	text-align: center;
	font-weight: bold;
	margin-bottom: 24px;
	font-size: 18px;
}
.modal-footer button.btn-close{
	color: #fff;
	font-size: 13px;
	padding: 6px 10px;
	border-radius: 4px;
}

.wrap-slide{
	margin-bottom: 60px;
}
.slick-dots{
	bottom: -35px;
}
.slick-next{
	right: 15px;
}
.slick-prev{
	left: 15px;
	z-index: 2;
}
.slick-dots li button:before{
	width: 10px;
	height: 10px;
	content: '';
	text-align: center;
	opacity: .25;
	color: black;
	border: 1px solid #6B6B6B;
	background: #6B6B6B;
	border-radius: 100px;
}
.slider-fade div{
	position: relative;
}
.slider-fade div span{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	background:rgba(0,0,0,0.5);
	color: #fff;
	font-size: 14px;
	padding:6px;
}
.slider-fade div img{
	width: 100%;
	height: auto;
}


.calendarIcon{
	display: block;
	width: 18px;
	height: 18px;
}
.circle {
	width: 18px;
	height: 18px;
	background: white;
	border-radius: 50%;
	border: #333 3px solid;
}
.deny::before {
	content: "";
    margin: 5px auto 0;
    display: inline-block;
    width: 3px;
    height: 22px;
    background-color: #333;
    transform: rotate(45deg) translate(45%, -50%);
    transform-origin: top left;
}
.deny::after {
	content: "";
    display: inline-block;
    width: 3px;
    height: 22px;
    background-color: #333;
    transform: rotate(135deg) translate(20%, -55%);
    transform-origin: top left;
}
.triangle-up {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 16px solid #333;
}
.glyphicon {
	font-size: 18px;
	color: red;
	display: block;
	margin: 15px auto 0;
}
@media (max-width:768px){
	.circle {
    width: 16px;
    height: 16px;
    /*border: #14a201 2px solid;*/
	}
	.glyphicon {
    font-size: 16px;
    color: red;
	}
.triangle-up {
    border-bottom: 14px solid #f18302;
}
}
/*-------------ライトアップバスツアー部分ここまで------------*/

/*-------------世界遺産バス部分ここから------------*/
#main_visual h1{
  text-align: center;
}
#main_visual img{
  width: 100%;
  max-width: 1920px;
}
.local_nav{
	margin-top: 15px;
}
.local_nav li{
  border-bottom: 1px solid #fff;
  padding: 0;
}
.local_nav li a{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding: 16px;
  width: 100%;
  height: 100%;
  color: #fff;
  position: relative;
  background: #31564F;
}
.local_nav.local_nav_lightup li a{
	background: #1b1d6a;
}
.local_nav li a.local_nav_lightup{
	background: #1b1d6a;
}
.local_nav li a.local_nav_sekaiisan{
	background: #31564F;
}
.local_nav li a:after{
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.local_nav li a:hover{
  opacity: 1;
  text-decoration: underline;
}
.local_nav li a:hover:after{
  top: 55%;
}
.content{
  padding: 24px 0;
}
.max_564{
  max-width: 564px;
  margin: 0 auto;
}
.bus_image{
  max-width: 512px;
  margin: 0 auto;
  padding: 24px 0;
  text-align: center;
}
.bus_image img{
  width: 113px;
  height: auto;
}
.bus_image .d-flex{
  justify-content: space-between;
  margin-top: -24px;
  position: relative;
}
.bus_image .d-flex:before{
  content: '';
  display: block;
  position: absolute;
  height: 10px;
  width: calc(100% - 102px);
  top: 50%;
  left: 51px;
  transform: translateY(-50%);
  z-index: -1;
  background: #31564F;
}
.bus_image .d-flex span{
  width: 102px;
  height: 102px;
  border-radius: 51px;
  background: #31564F;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wh_box{
  padding: 48px 8px 24px;
  margin-top: 48px;
  background: #FBF3D6;
  position: relative;
  text-align: center;
}
.wh_box:before{
  content: '';
  display: block;
  position: absolute;
  width: 205px;
  height: 83px;
  background: url(/static/img/activity/gifu/shirakawago/illust.png) 50% 50% no-repeat;
  background-size: cover;
  top: -58px;
  left: 50%;
  transform: translateX(-50%);
}
.wh_box h3{
  position: relative;
  font-size: 18px;
  font-weight: bold;
  display: table;
  margin: 0 auto 24px;
}
.wh_box h3:before,.wh_box h3:after{
  content: '';
  display: block;
  position: absolute;
  width: 4px;
  height: 0em;
  background: #c5c5c5;
  border-radius: 4px;
  top: 50%;
  transform: translate(0%,-50%) rotate(0deg);
  transition: 0.32s ease 0.24s;
}
.wh_box h3:before {
  left: -1.4em;
}
.wh_box h3:after {
  right: -1.4em;
}
.wh_box h3.is_inview:before, .wh_box h3.is_inview:after {
  width: 4px;
  height: 2em;
  background: #121212;
}
.wh_box h3.is_inview:before {
  left: -1.6em;
  transform: translate(0%,-50%) rotate(-30deg);
}
.wh_box h3.is_inview:after {
  right: -1.6em;
  transform: translate(0%,-50%) rotate(30deg);
}
.wh_list{
  position: relative;
  display: table;
  margin: 0 auto 2em;
  padding: 0 0 0.618em;
  z-index: 1;
  border-bottom: dashed 2px #292929;
}
.wh_list i{
  display: block;
  background: inherit;
  width: 1.5em;
  height: 1.5em;
  border-right: dashed 2px #292929;
  border-bottom: dashed 2px #292929;
  background: #FBF3D6;
  position: absolute;
  z-index: 2;
  bottom: -6px;
  left: 50%;
  transform: translate(-50%,50%) rotate(45deg);
}
.wh_list li{
  margin-bottom: 1em;
  line-height: 1.618;
}
.wh_list li img{
  width: 90px;
  height: auto;
}
.and_more{
  display: inline-block;
  text-align: left;
  padding: 0 16px;
  font-size: 14px;
}
#spot{
  background: #F6F6F6;
}
.w_ougi{
  margin: 32px auto 24px;
}
.w_ougi img{
  width: 190px;
  display: block;
  margin: 0 auto 16px;
}
.w_ougi span{
  font-size: 20px;
}
.point{
  position: relative;
  display: inline-block;
  text-align: left;
  padding: 32px 24px 24px;
  background: #FFF;
  border: 4px solid #E54A3B;
}
.point:before{
  content: '';
  display: block;
  position: absolute;
  width: 120px;
  height: 40px;
  background: url(/static/img/activity/gifu/shirakawago/icon2.png) 50% 50% no-repeat;
  background-size: contain;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
}
.spots{
  padding: 24px 0 0;
}
.spots li{
  margin-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
}
.spots li .texts{
  width: 100%;
  order: 2;
}
.texts h3{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  top: -24px;
}
.texts .number{
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(50% - 32px);
  height: 90px;
  background: #FBF3D6;
  position: relative;
}
.texts .number:before{
  content: '';
  border: 45px solid transparent;
  border-right: 32px solid  #FBF3D6;
  position: absolute;
  top: 0;
  left: -77px;
}
.texts .number:after{
  content: '';
  display: block;
  position: absolute;
  width: 3px;
  height: 40px;
  background: #E54A3B;
  top: 25px;
  right: -4px;
  border-radius: 3px;
}
.number img{
  width: 48px;
  height: auto;
}
.number .count{
  font-size: 26px;
  font-weight: bold;
  letter-spacing: -0.32em;
  color: #E54A3B;
}
.texts .name{
  width: 50%;
  height: 90px;
  background: #FBF3D6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 1em;
}
.name .spot_name{
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0.414em;
  text-align: left;
}
.name .bus_stop{
  display: block;
  font-size: 14px;
  font-weight: normal;
}
.texts p{
  text-align: left;
  margin-top: -16px;
}
.spots li > img{
  width: 100%;
  order: 1;
}

.w_grn_icon{
  position: relative;
  display: table;
  margin: 0 auto 32px;
  font-size: 18px;
  font-weight: bold;
}
.w_grn_icon:before,
.w_grn_icon:after{
  content: '';
  display: block;
  position: absolute;
  width: 46px;
  height: 37px;
  background: url(/static/img/activity/gifu/shirakawago/grn_icon.png) 50% 50% no-repeat;
  background-size: cover;
  top: 50%;
  transform: translateY(-50%);
}
.w_grn_icon:before{
  left: -64px;
}
.w_grn_icon:after{
  right: -64px;
}
.bus_stops{
  margin-bottom: 32px;
}
.bus_stops h3{
  font-size: 16px;
  line-height: 1.414;
  padding-bottom: 0.414em;
  margin: 0 auto 16px;
  width: calc(100% - 32px);
  border-bottom: 4px solid #E54A3B;
}
.bus_stops h3 span{
  font-size: 14px;
}
.bus_stops p{
  text-align: left;
  line-height: 2;
}
.bus_stops p .tx_wh{
  color: #E54A3B;
  font-weight: bold;
}
.bus_stops p .tx_spt{
  color: #0055FF;
  font-weight: bold;
}
.time_table{
  border-collapse: collapse;
  width: 100%;
}
.time_table th{
  border: 1px solid #212121;
  background: #FBF3D6;
  padding: 18px 14px;
  font-size: 16px;
  font-weight: bold;
  width: 114px;
}
.time_table td{
  border: 1px solid #212121;
  background: #FFF;
  padding: 18px;
  font-size: 16px;
  line-height: 2;
  font-weight: bold;
  text-align: left;
}
.time_table td span{
  font-size: 50%;
}
.time_table caption{
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  color: inherit;
  padding-top: 4px;
}
.link_to_tt a{
  text-decoration: underline;
}
.link_to_tt i{
  font-size: 16px;
  padding-left: 4px;
}
#ticket{
  background: #EDF2E9;
}
#ticket h3.w_grn_icon{
  margin-bottom: 16px;
}
#ticket h3 + p{
  font-weight: bold;
  font-size: 14px;
}
.tickets_list{
  margin-top: 40px;
  margin-bottom: 24px;
}
.tickets_list > li{
  margin-bottom: 16px;
}
.tickets_list > li > div{
  padding: 16px;
  border: 1px solid #B4B4B4;
  background: #fff;
  height: 100%;
}
.tickets_list > li:first-of-type{
  position: relative;
}
.tickets_list > li:first-of-type:before{
  content: '';
  display: block;
  width: 80px;
  height: 80px;
  background: url(/static/img/activity/gifu/shirakawago/pickup.png) 50% 50% no-repeat;
  background-size: cover;
  position: absolute;
  top: -30px;
  left: 14px;
}
.ticket_box{
  margin-top: 24px;
}
.ticket_box h4,
.price{
  font-size: 20px;
  font-weight: bold;
}
.price span{
  color: #E54A3B;
}
.detail{
  margin-top: 16px;
}
.recommend_point{
  margin: 24px 0 8px;
  display: table;
  padding: 10px 16px;
  border-radius: 24px;
  color: #fff;
  background-color: #AF814B;
  font-weight: bold;
  font-size: 14px;
}
.points li{
  font-size: 16px;
  display: block;
}
.btn_reserve{
  margin-top: 24px;
  display: block;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 16px;
  color: #fff;
  background: #E54A3B;
  border-radius: 8px;
  position: relative;
  bottom: 0px;
  transition: 0.24s ease;
}
.btn_reserve:hover{
  color: #fff;
  background: #E54A3B;
  box-shadow: 0px 3px 0px #a12f24;
  opacity: 1;
  filter: brightness(1.2);
  bottom: 3px;
  transition: 0.24s ease;
}
.btn_reserve:before{
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: transparent;
  left: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
  transition: 0.24s ease;
}
.btn_reserve:hover:before{
  opacity: 1;
  bottom: -3px;
}
.btn_reserve:after{
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}
.tobinori{
  text-align: center;
  padding-bottom: 40px;
}
.tobinori p{
  display: inline-block;
  text-align: left;
  font-weight: bold;
}
@media (min-width:768px) {
	.local_nav{
		background: #31564F;
		margin-top: 0;
	}
	.local_nav.local_nav_lightup{
		background: #1b1d6a;
	}
  .local_nav li{
    border-bottom: none;
    border-right: 1px dashed #fff;
  }
  .local_nav li:last-child{
    border-right: none;
  }
  .content{
    padding: 64px 0;
  }
  .wh_list li {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .wh_list li img{
    margin-right: 8px;
  }
  .and_more{
    max-width: 402px;
  }
  .spots li .texts{
    text-align: center;
  }
  .spots li .texts p{
    display: inline-block;
    max-width: 480px;
  }
  .bus_stops{
    margin-bottom: 48px;
  }
  .bus_stops h3{
    display: table;
    padding-left: 24px;
    padding-right: 24px;
    width: auto;
  }
  .tobinori p{
    text-align: center;
  }
  .tobinori ul{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .tobinori ul li{
    margin: 40px 8px 0;
    width: calc(50% - 16px);
    max-width: 464px;
  }
}
@media (min-width:992px) {
  .spots li{
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
  }
  .spots li > img{
    width: 68%;
    height: 360px;
    object-fit: cover;
  }
  .spots li:nth-child(3) > img,
  .spots li:nth-child(4) > img{
    object-position: center bottom;
  }
  .spots li:nth-child(even) > img{
    order: 2;
  }
  .spots li .texts{
    width: 31%;
  }
  .spots li:nth-child(even) .texts{
    order: 1;
  }
  .texts h3{
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    position: relative;
    top: 0;
  }
  .texts h3:before {
    content: '';
    border: 90px solid transparent;
    border-right: 56px solid #FBF3D6;
    position: absolute;
    top: 0;
    left: -146px;
  }
  .spots li:nth-child(even) .texts h3:before{
    border: 90px solid transparent;
    border-left: 56px solid #FBF3D6;
    right: -146px;
    left: auto;
  }
  .texts .number{
    width: 100%;
    align-items: flex-end;
  }
  .texts .number:before{
    content: none;
  }
  .texts .number:after{
    width: 80%;
    height: 3px;
    top: auto;
    bottom: -8px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .number img{
    width: 80px;
  }
  .number .count {
    font-size: 40px;
  }
  .texts .name{
    width: 100%;
    align-items: center;
  }
  .spots li .texts p{
    max-width: 100%;
    padding: 32px 24px 0;
  }
  .tickets_list{
    margin-bottom: 64px;
  }
  .tickets_list + .row{
    justify-content: center;
  }
}
@media (min-width:1200px) {
  .spots li > img{
    height: 400px;
  }
}

/*-------------世界遺産バス部分ここまで------------*/
#lightup_top{
  padding: 40px 0 24px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}

/* =========================================================
	Coming-Soon
========================================================= */
.comingsoon .btn-card-plan .btn-reserve {
	font-size: 0;
	opacity: 0.5;
	transition-property: all;
	transition: 0.3s linear;
	pointer-events: none;
	background: #666;
}
.comingsoon .btn-card-plan .btn-reserve:before {
	content: "Comingsoon";
	font-size: 14px;
}
.comingsoon .btn-card-plan {
	pointer-events: none;
}