@charset "utf-8";

<!--@font-face {
	font-family: 'jtb-onsen';
	src: url("/onsen/_fonts/jtb-onsen.ttf") format("truetype"), url("/onsen/_fonts/jtb-onsen.woff") format("woff"), url("/onsen/_fonts/jtb-onsen.svg#jtb-onsen") format("svg");
	font-weight: normal;
	font-style: normal;
}-->

/*  メインビジュアル
============================================================================= */
.mv-area { background: url(/kokunai/area/kyoto/_images/bg-mv-sum.jpg) no-repeat center bottom; background-size: cover; }
.mv-area.mv-spr { background: url(/kokunai/area/kyoto/_images/bg-mv-spr.jpg) no-repeat center; background-size: cover; }
.mv-area.mv-sum { background: url(/kokunai/area/kyoto/_images/bg-mv-sum.jpg) no-repeat center bottom; background-size: cover; }
.mv-area.mv-aut { background: url(/kokunai/area/kyoto/_images/bg-mv-aut.jpg) no-repeat center bottom; background-size: cover; }
.mv-area.mv-win { background: url(/kokunai/area/kyoto/_images/bg-mv-win.jpg) no-repeat center; background-size: cover; }

/*  page-title-h2
============================================================================= */
.page-title-h2__wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	
	margin: 0 auto;
	width: 100%;
	max-width: 1236px;
	min-width: 970px;
	color: #0f2e5d;
	line-height: 1.0;
}
.page-title-h2__wrap::before,
.page-title-h2__wrap::after {
	content: '';
	height: 1px;
	border-top: solid 1px #0f2e5d;
	flex-grow: 1;
}
.page-title-h2__wrap::before {
	margin-right: 2rem;
}
.page-title-h2__wrap::after {
	margin-left: 2rem;
}
.page-title-h2__wrap .page-title-h2{
	line-height: 1.0;
}
.page-title-h2__en{
	display: inline-block;
	margin-top: 2px;
	padding: 3px 15px 2px;
	font-size: 1.1rem;
	font-weight: normal;
	border-radius: 10px;
	background: #eee;
}
.page-title-h2__small{
	display: inline-block;
	margin-top: 5px;
	font-size: 1.6rem;
}
.title-wrap{
	position: relative;
}
.title-small{
	position: absolute;
	left: 50%;
	bottom: 100%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 1.1rem;
	white-space: nowrap;
}
.recommend-sect .page-title-h2{
    margin-right: 0px;
}

/* 人気エリアをご紹介
============================================================================= */
.dom-area-section-01{
	background: url("/kokunai/area/_common/images/bg_gray.gif") repeat center;
	padding: 50px 0;
}

#pref-map-inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 20px;
	background: #fff;
	position: relative;
	margin: 50px auto 0;
	width: 100%;
	min-width: 970px;
	max-width: 1246px;

}
.city-detail-wrap:first-of-type{
	width: 650px;
}
.city-detail-map{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: calc(400 / 650 * 100%);
	background: url(/kokunai/area/kyoto/_images/citydetail_map.gif) no-repeat center 0;
	background-size: 100% auto;
}

.city-detail-map li{
	position: absolute;
	cursor: pointer;
	margin: -12px 0 0 -12px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border-radius: 50%;
	background: #0097a7;
}
.city-detail-map li.active{
	color: #333;
	border: solid 1px #d6bc33;
	background: #f8d927;
}
.city-detail-map li[data-city-map="0"]{ left: 16%; top: 25%; }
.city-detail-map li[data-city-map="1"]{ left: 16%; top: 7%; }
.city-detail-map li[data-city-map="2"]{ left: 25%; top: 30%; }
.city-detail-map li[data-city-map="3"]{ left: 32%; top: 70%; }
.city-detail-map li[data-city-map="4"]{ left: 13%; top: 39%; }
.city-detail-map li[data-city-map="5"]{ left: 25%; top: 55%; }

.city-detail-map li[data-city-map="6"]{ left: 94%; top: 52%; }
.city-detail-map li[data-city-map="7"]{ left: 87%; top: 50%; }
.city-detail-map li[data-city-map="8"]{ left: 89%; top: 33%; }
.city-detail-map li[data-city-map="9"]{ left: 83%; top: 75%; }
.city-detail-map li[data-city-map="10"]{ left: 79%; top: 59%; }

.city-detail-map li[data-city-map="11"]{ left: 43%; top: 53%; }
.city-detail-map li[data-city-map="12"]{ left: 41%; top: 60%; }

.city-detail-map li[data-city-map="13"]{ left: 87%; top: 24%; }
.city-detail-map li[data-city-map="14"]{ left: 79%; top: 36%; }
.city-detail-map li[data-city-map="15"]{ left: 83%; top: 46%; }
.city-detail-map li[data-city-map="16"]{ left: 59%; top: 42%; }
.city-detail-map li[data-city-map="17"]{ left: 65%; top: 30%; }
.city-detail-map li[data-city-map="18"]{ left: 70%; top: 28%; }
.city-detail-map li[data-city-map="19"]{ left: 64%; top: 82%; }
.city-detail-map li[data-city-map="20"]{ left: 70%; top: 46%; }
.city-detail-map li[data-city-map="21"]{ left: 92%; top: 88%; }

.city-detail-map li[data-city-map="22"]{ left: 42%; top: 86%; }
.city-detail-map li[data-city-map="23"]{ left: 47%; top: 92%; }



.city-detail-select-subarea{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 0 0 10px;
	padding-bottom: 20px;
}
.city-detail-select-subarea li{
	position: relative;
	cursor: pointer;
	margin: 10px 0 0 10px;
	padding: 15px 20px 15px 10px;
	width: calc((100% - 40px) / 4);
	text-align: center;
	border-radius: 5px;
	background: #fff;
	border: solid 1px #ccc;
}
.city-detail-select-subarea li.is-active{
	border: solid 1px #cc0000;
}
.city-detail-select-subarea li:hover{
	color: #cc0d21;
}
.city-detail-select-subarea li:after{
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
	color: #333;
		
	font-family: 'jtb-dom' !important;
	text-decoration: none;
	content: "\e906";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.city-detail-select-mesh{
	display: none;
}
.city-detail-select-mesh{
	display: none;
	position: absolute;
	margin-top: 6px;
	padding: 10px;
	width: 250px;
	border: solid 1px #cc0000;
	background: #fff;
	z-index: 1;
}
.city-detail-select-mesh:before {
	top: -9px;
	border-color: transparent transparent #fff transparent;
	z-index: 2;
}
.city-detail-select-mesh:after {
	top: -10px;
	border-color: transparent transparent #cc0000 transparent;
	z-index: 1;
}
.city-detail-select-mesh:before, .city-detail-select-mesh:after {
	content: "";
	border-style: solid;
	border-width: 0 10px 10px 10px;
	position: absolute;
	left: 25%;
	margin-left: -10px;
}
.city-detail-select-mesh li{
	position: relative;
	cursor: pointer;
	padding: 15px 15px 15px 40px;
	border-radius: 5px;
	border: solid 1px #ccc;
}
.city-detail-select-mesh li:not(:first-child){
	margin-top: 10px;
}

.city-detail-select-mesh li.thumbnail-current{
	border: solid 1px #d6bc33;
	background: #f8d927;
}
.city-detail-select-mesh li:hover{
	color: #cc0d21;
}
.city-detail-select-mesh li:before{
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
	display: block;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-radius: 50%;
	background: #0097a7;
}

.city-detail-select-mesh li[data-city-thumbnail="0"]:before{ content: "A"; }
.city-detail-select-mesh li[data-city-thumbnail="1"]:before{ content: "B"; }
.city-detail-select-mesh li[data-city-thumbnail="2"]:before{ content: "C"; }
.city-detail-select-mesh li[data-city-thumbnail="3"]:before{ content: "D"; }
.city-detail-select-mesh li[data-city-thumbnail="4"]:before{ content: "E"; }
.city-detail-select-mesh li[data-city-thumbnail="5"]:before{ content: "F"; }
.city-detail-select-mesh li[data-city-thumbnail="6"]:before{ content: "G"; }
.city-detail-select-mesh li[data-city-thumbnail="7"]:before{ content: "H"; }
.city-detail-select-mesh li[data-city-thumbnail="8"]:before{ content: "I"; }
.city-detail-select-mesh li[data-city-thumbnail="9"]:before{ content: "J"; }
.city-detail-select-mesh li[data-city-thumbnail="10"]:before{ content: "K"; }
.city-detail-select-mesh li[data-city-thumbnail="11"]:before{ content: "L"; }
.city-detail-select-mesh li[data-city-thumbnail="12"]:before{ content: "M"; }
.city-detail-select-mesh li[data-city-thumbnail="13"]:before{ content: "N"; }
.city-detail-select-mesh li[data-city-thumbnail="14"]:before{ content: "O"; }
.city-detail-select-mesh li[data-city-thumbnail="15"]:before{ content: "P"; }
.city-detail-select-mesh li[data-city-thumbnail="16"]:before{ content: "Q"; }
.city-detail-select-mesh li[data-city-thumbnail="17"]:before{ content: "R"; }
.city-detail-select-mesh li[data-city-thumbnail="18"]:before{ content: "S"; }
.city-detail-select-mesh li[data-city-thumbnail="19"]:before{ content: "T"; }
.city-detail-select-mesh li[data-city-thumbnail="20"]:before{ content: "U"; }
.city-detail-select-mesh li[data-city-thumbnail="21"]:before{ content: "V"; }
.city-detail-select-mesh li[data-city-thumbnail="22"]:before{ content: "W"; }
.city-detail-select-mesh li[data-city-thumbnail="23"]:before{ content: "X"; }


.city-detail-slide{
	padding: 30px 50px;
	width: calc(100% - 650px);
}
.city-detail-slide dt{
	font-size: 2.5rem;
	text-align: center;
	line-height: 1.4;
}
.city-detail-slide dt span{
	display: block;
	font-size: 1.3rem;
}
.city-detail-slide dd{
	margin-top: 15px;
}
.city-detail-slide p{
	margin-top: 15px;
}
.city-detail-slide-item-bt{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-left: -12px;
}
.city-detail-slide-item-bt li{
	margin: 12px 0 0 12px;
	width: calc(100% / 3 - 12px);
}
.city-detail-slide-item-bt a{
	position: relative;
	padding: 15px 20px 15px 10px;
	display: block;
	background-color: #195178;
	border: 1px solid #e3dfdf;
	border-radius: 6px;
	color: #fff;
	text-decoration: none;
	font-size: 1.3rem;
/*	font-weight: bold; */
	text-align: center;
	letter-spacing: 0.1em;
}
.city-detail-slide-item-bt a:after{
	position: absolute;
	right: 5px;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
	font-family: 'jtb-dom' !important;
	font-size: 1.5rem;
	content: "\e905";
	color: #fff;
}

.city-detail-slide-item-bt a:hover{
	transition: all 0.4s ease;
	opacity: .6;
}
.area-cassette-img{ 
	position: relative;
}
.area-cassette-img figcaption{
	position: absolute;
	left: 3px;     
	bottom: 3px;
	padding: 1px 5px;
	color: #fff;
	font-size: 1.0rem;
	background: rgba(0,0,0,0.5);
}

/* カタログツアー
============================================================================= */
.c-inner { margin: 0 auto; max-width: 1236px; width: 88%; }

/*.catalog-title{
    color: #125687; 
    font-size: 2.0rem;
    font-weight: bold;
    text-decoration: underline;
}*/
.sect.feature-sect .span.feature {
    color: #fff;
    font-weight: 700;
}

.sec-catalog .c-sec__head::before { color: #ff903b; content: "\e80d";}
.sec-catalog .c-sec__head::before { display: block; font-family: "gwicon"; font-size: 2.3em; line-height: 1; padding-bottom: 0.125em;}
.sec-catalog .c-item { display: flex; flex-direction: column; width: calc(calc(100% - 3.75em) / 3); }
.sec-catalog .c-item .c-pic { margin-bottom: auto; text-align: end; }
.sec-catalog .c-bottom__btn .c-btn { width: calc(100% - .375em);}
.sec-catalog .c-btn__plan:hover { cursor: pointer; }
.sec-catalog .c-btn__plan .c-bnt__float { width: auto; }  
.sec-catalog .c-item .c-txt { display: flex; flex-direction: column; text-align: left; }
.sec-catalog .c-item .c-title { color: #873535; font-size: 1.5em; font-weight: 700; }
.c-btn__solid { background-color: #195178; }
.sec-catalog .c-item .c-title a { color: #873535; }
.sec-catalog .c-item .c-title::before { content: "\e80a"; display: inline-block; font-family: "icon"; padding-right: .5em; }
.sec-catalog .c-item p { margin-top: .5em; }
.sec-catalog .c-btn__plan { position: relative; }
.sec-catalog .c-bnt__float { background-color: rgba(0, 0, 0, .8); border-radius: .25em; bottom: 0; left: 50%; opacity: 0; padding: 1em 1.25em; position: absolute; transform: translate(-50%, 120%); transition: all .3s ease-in; visibility: hidden; z-index: 10; }
.sec-catalog .c-bnt__float::before { border: .5em solid transparent; border-bottom: .5em solid rgba(0, 0, 0, .8); content: ""; margin-left: -.5em; left: 50%; position: absolute; top: -1em; }
.sec-catalog .c-btn__plan:hover .c-bnt__float { opacity: 1; transform: translate(-50%, 105%); visibility: visible; }
.sec-catalog .c-bottom__btn { margin-top: 1.0em; }
.sec-catalog .c-bottom__btn .c-btn { height: 3.375em; }
.sec-catalog .c-bnt__float li { display: block; padding: 1px 0; text-align: left; width: auto; }
.sec-catalog .c-bnt__float li a { background-color: transparent; color: #fff; display: block; padding-right: 2em; position: relative; white-space: nowrap; }
.sec-catalog .c-bnt__float li a::after { content: '\e905'; display: inline-block; font-family:'jtb-dom' !important; font-size: .875em; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.c-btn { align-items: center; border-radius: .375em; display: flex; justify-content: center; position: relative; }
.c-btn { align-items: center; border-radius: .375em; display: flex; justify-content: center; position: relative; }
.c-btn span::before, .c-btn span::after { display: inline-block; font-family: "icon"; position: absolute; top: 50%; transform: translateY(-50%); }
/*.c-btn__solid span::before, .c-btn__solid span::after { color: #fff; }*/
.c-btn__solid span { color: #fff; font-weight: 700; }




@media screen and (max-width: 1130px) {
	.city-detail-wrap:first-of-type{
		width: 550px;
	}
	.city-detail-slide{
		width: calc(100% - 550px);
	}
	.city-detail-map li{
		margin: -10px 0 0 -10px;
		width: 20px;
		height: 20px;
		line-height: 20px;
	}
}


/* Slider */
.slick-loading .slick-list {
/*	background: #fff url('../images2019/ajax-loader.gif') center center no-repeat;*/
}
.slick-slide {
  position: relative;
}



/* Icons */
/*@font-face {
	font-family: 'slick';
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/slick.eot');
	src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}*/
/* Arrows */
.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
	opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	opacity: .25;
}
.slick-prev:before, .slick-next:before {
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
	left: -25px;
}
[dir='rtl'] .slick-prev {
	right: -25px;
	left: auto;
}
.slick-prev:before {
	content: '←';
}
[dir='rtl'] .slick-prev:before {
	content: '→';
}
.slick-next {
	right: -25px;
}
[dir='rtl'] .slick-next {
	right: auto;
	left: -25px;
}
.slick-next:before {
	content: '→';
}
[dir='rtl'] .slick-next:before {
	content: '←';
}


/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
	width: 100%; 
	height: 300px; 
	object-fit: cover; 
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}



.main_slider li{
	overflow: hidden;
	position: relative;
	height: 800px;
}
.slick-slide.pickup01{ background: url(/kokunai/area/kyoto/_images/mainvis01.jpg) no-repeat center; background-size: cover; }
.slick-slide.pickup02{ background: url(/kokunai/area/kyoto/_images/mainvis02.jpg) no-repeat center; background-size: cover; }
.slick-slide.pickup03{ background: url(/kokunai/area/kyoto/_images/mainvis03.jpg) no-repeat center; background-size: cover; }
.slick-slide.pickup04{ background: url(/kokunai/area/kyoto/_images/mainvis04.jpg) no-repeat center; background-size: cover; }
.slick-slide.pickup05{ background: url(/kokunai/area/kyoto/_images/mainvis05.jpg) no-repeat center; background-size: cover; }
.slick-slide.pickup06{ background: url(/kokunai/area/kyoto/_images/mainvis06.jpg) no-repeat center; background-size: cover; }

.slick-slide {
  position: relative;
}
.slick-slide .caption {
	position: absolute;
	z-index: 2;
	width: 100%;
	opacity: 0;
	transition: .3s ease;
}
.slick-slide .caption-inner{
	max-width: 1130px;
	min-width: 970px;
	margin: 0 auto;
	padding: 0 5px;
}
.slick-slide .caption-inner dl{
	padding: 25px;
	width: 660px;
	font-size: 14px;
	background: rgba(255, 255, 255, .8);
}
.slick-slide .caption-inner dt{
	position: relative;
	padding-top: 40px;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1.2;
}
.slick-slide .caption-inner dt:before{
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	display: block;
	width: 115px;
	height: 26px;
}
.slick-slide.pickup01 .caption-inner dt:before{ background: url(/kokunai/area/kyoto/_images/mainvis_pickup01.png) no-repeat 0 0; }
.slick-slide.pickup02 .caption-inner dt:before{ background: url(/kokunai/area/kyoto/_images/mainvis_pickup02.png) no-repeat 0 0; }
.slick-slide.pickup03 .caption-inner dt:before{ background: url(/kokunai/area/kyoto/_images/mainvis_pickup03.png) no-repeat 0 0; }
.slick-slide.pickup04 .caption-inner dt:before{ background: url(/kokunai/area/kyoto/_images/mainvis_pickup04.png) no-repeat 0 0; }
.slick-slide.pickup05 .caption-inner dt:before{ background: url(/kokunai/area/kyoto/_images/mainvis_pickup05.png) no-repeat 0 0; }
.slick-slide.pickup06 .caption-inner dt:before{ background: url(/kokunai/area/kyoto/_images/mainvis_pickup06.png) no-repeat 0 0; }

.slick-slide .caption-inner dd{
	margin-top: 15px;
	font-size: 1.5rem;
}
.slick-current .caption {
  opacity: 1;
  transition-delay: .5s;
}

.mainvis_caption{
	position: absolute;
	right: 10px;
	bottom: 5px;
	color: #fff;
	font-size: 1.0rem;
	text-shadow: 
		black 1px 1px 2px, black -1px 1px 2px,
		black 1px -1px 2px, black -1px -1px 2px;
}



/* Arrows */
.slick-prev, .slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
    opacity: .25;
}
.slick-prev:before,
.slick-next:before{
    font-size: 2.5rem;

    color: #333;

	
	font-family: 'jtb-dom' !important;
	text-decoration: none;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-prev{
    left: -35px;
	transform: rotate(-180deg);
}
[dir='rtl'] .slick-prev{
    right: -35px;
    left: auto;
}
.slick-prev:before{
    content: '\e905';
}
[dir='rtl'] .slick-prev:before{
    content: '\e905';
}
.slick-next{
    right: -33px;
}
[dir='rtl'] .slick-next{
    right: auto;
    left: -33px;
}
.slick-next:before{
    content: '\e905';
}
[dir='rtl'] .slick-next:before{
    content: '\e905';
}

/* JTBならでは
============================================================================= */
.matsuri-images img {
 width: 100%;
 height: 280px;
 vertical-align: bottom;
}
.matsuri-day {
    color: #000;
    font-size: 1.5rem;
    order: 1;
    text-align: center;
}
.matsuri-title {
    color: #A04836;
    font-size: 1.8rem;
    font-weight: bold;
    padding-top: 8px;
    text-align: center;
}
.matsuri-detail{
    color: #125687;
    font-size: 1.3rem;
    text-align: center;
    padding-top: 8px;
}
.matsuri-detail::after {
    font-family: 'jtb-dom' !important;
    content: "\e904";
    text-decoration: none;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    color: #125687;
}

#jtbonly #plan_detail.jtbonly-txt-otherhotel {
    line-height: 1.6;
    margin-top: 15px;
    font-size: 1.5rem;
}

/*  ツアーだからこの価格
============================================================================= */
.ttl{
    text-align: center;
    font-size: 2.0rem;
}
.setplan .ttl span{
    position: relative;
    display: inline-block;
    padding: 0 20px;
    font-weight: bold;
}
.setplan .ttl span:before,
.setplan .ttl span:after{
    position: absolute;
    top: 0;
    content: "";
    display: inline-block;
    width: 5px;
    height: 130%;
    border-radius: 3px;
    background: #3498DB;
}
.setplan .ttl span:before{
    left: 0;
    transform:rotate(-30deg);
}
.setplan .ttl span:after{
    right: 0;
    transform:rotate(30deg);
}
.setplan-sect{
    margin: 30px;
}
.setplan-sect.-sub{
    margin-top: 20px;
}
.setplan-sect.-sub .ttl-sub{
    position: relative;
    font-size: 1.8rem;
}
.setplan-reference{
    margin-top: 10px;
    padding: 15px 0;
    border: solid 1px #ccc;
    border-radius: 10px;
    background: #fff;
}
.setplan-reference_box{
    padding: 0 10px;
    width: 100%;
}
.setplan-reference_box:not(:first-child){
    margin-top: 15px;
    padding-top: 15px;
    border-top: solid 1px #ccc;
}
.setplan-reference_ttl{
    padding-bottom: 15px;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    border-bottom: dashed 2px #ccc;
}
.setplan-reference_ttl span{
    display: inline-block;
    padding: 0 10px;
    background: linear-gradient(transparent 60% ,#ff6 60%);
}
.setplan-reference_price{
    margin-top: 15px;
    text-align: center;
    color: #3498DB;
    font-size: 1.8rem;
    font-weight: bold;
}
.setplan-reference_price-num{
    font-size: 3.0rem;
}
.setplan-reference_conditions{
    margin-top: 10px;
    text-align: center;
    font-size: 1.3rem;
}
.setplan-reference_box .fbt{
    margin-top: 20px;
}
.setplan-sect.-sub .ttl-sub span{
    display: inline-block;
    font-size: 1.2rem;
    font-weight: normal;
}
.train-ex{
    width: 100%;
    margin-top: 10px;
    padding-bottom: 10px;
    border: solid 1px #ccc;
    background: #fff;
}
.train-ex_area{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background: #f5f5f5;
}
.train-ex_arealist{
    position: relative;
    display: flex;
    justify-content: center;
}
.train-ex_arealist:before, .train-ex_arealist:after{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    display: inline-block;
    width: 100%;
}
.train-ex_arealist:before{
    height: 5px;
    background: #777;
}
.train-ex_arealist:after{
    height: 3px;
    background: linear-gradient(to right, #fff, #fff 4px, transparent 4px, transparent 9px);
    background-size:
        9px 3px;
    background-position:
        left top;
    background-repeat:
        repeat-x;
}
.train-ex_arealist_item{
    font-size: 1.8rem;
}
.train-ex_arealist_item:not(:first-child){
    margin-left: 50px;
}
.train-ex_arealist_item span{
    position: relative;
    z-index: 1;
    padding: 0 10px;
    background: #f5f5f5;
}
.train-ex_price{
    margin: 10px 10px 0;
    text-align: center;
}
.train-ex_pricetxt{
    font-size: 2.2rem;
}
.train-ex_pricetxt sub{
    margin-left: 5px;
    font-size: 1.3rem;
    vertical-align: text-bottom;
}
.train-ex_pricecondition{
    font-size: 1.3rem;
}
.train-ex_grade{
    margin: 10px 10px 0;
    text-align: center;
}
.setplan_kome{
    display: flex;
    justify-content: flex-end;
    margin-top: 7px;
    font-size: 1.2rem;
}
.setplan_kome:before{
    content: "\203B";
    margin-right: .2em;
    width: 1em;
}
}
@media screen and (max-width: 374px) {
    .setplan .ttl{
        margin: 0 10px;
    }
}
@media screen and (min-width: 960px) {
    .setplan .ttl span{
        padding: 0 30px;
    }
    .setplan-sect{
        margin-top: 50px;
    }
    .setplan-sect.-sub{
        margin-top: 50px;
    }
    .setplan-reference{
        display: flex;
        margin-top: 20px;
        padding: 20px 0;
        border-radius: 20px;
    }
    .setplan-reference_box{
        padding: 10px 30px;
    }
    .setplan-reference_box:not(:first-child){
        margin: 0;
        padding: 10px 30px;
        border-top: none;
        border-left: solid 1px #ccc;
    }
    .setplan-reference_ttl{
        font-size: 2.0rem;
    }
    .setplan-reference_conditions{
        font-size: 1.4rem;
    }
    .setplan-reference_box .fbt{
        margin-top: 30px;
    }
    .setplan-reference_box .fbt a{
        max-width: 550px;
    }
    
    .setplan-sub{
        display: flex;
        justify-content: space-between;
    }
    .setplan-sub .setplan-sect:first-child{
        width: calc(55% - 20px);
    }
    .setplan-sub .setplan-sect:nth-child(2){
        width: calc(45% - 20px);
    }
    .setplan-sect.-sub .ttl-sub span{
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        text-align: center;
    }
}
/* 各ボタン */
.fbt, .feature-sect__more{
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.fbt + .fbt{
    margin-top: 10px;
}
.fbt a{
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 500px;
    min-height: 50px;
    padding: 5px 10px;
    color: #3498DB!important;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.3;
    border-radius: 0;
    background: transparent linear-gradient(112deg, #3498db, #52c8ff) 0 0 no-repeat padding-box;
    overflow: hidden;
    transition: border-radius .3s;
}
.fbt a:after{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    z-index: -2;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    margin: 2px;
    border-radius: 0;
    background: #fff;
    transition: border-radius .3s;
}
.fbt-txt p{
    text-align: center;
    margin-left: 20px;
}
.fbt-txt .m-ico + p{
    margin-left: 10px;
}
.fbt-txt p span{
    font-size: 1.2rem;
}
.fbt-txt, .feature-sect__more span{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fbt .m-ico{
    margin-top: 1px;
    line-height: 1;
}
.m-ico:before {
    position: relative;
    top: 2px;
    font-family: 'Material Icons Round';
    content: attr(data-icon);
    font-size: 100%;
}
.fbt .m-ico.-arrow{
    font-size: 2.0rem;
    line-height: 1;
}
.fbt .m-ico.-icon{
    font-size: 2.0rem;
}
.fbt .m-ico.-icon-plus{
    margin: 0 -2px;
    font-size: 1.5rem;
}

#plan_detail #plan_detail .jtbonly__unit:before{
	background:none !important;
}

/*  「JTBならでは」の特典・サービス
============================================================================= */
#plan_detail .jtbonly-btn-row{
	display: flex;
	justify-content: space-between;
}
#plan_detail .jtbonly-btn-row .jtbonly-btn{
	width: calc(50% - 1.25em);
}
#plan_detail .btn-htl {
  margin: 35px auto 0;
  width: 650px;
}

#plan_detail .btn-tour {
  margin: 15px auto 0;
  width: 650px;
}

#plan_detail .btn_two {
  display: flex;
  justify-content: space-evenly;
  margin-left: -10px;
}

#plan_detail .btn-htl a, #popular-spot .btn-tour-p a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px 35px 5px 15px;
  min-height: 70px;
  color: #fff;
  font-size: 2.0rem;
  text-align: center;
  text-decoration: none;
  line-height: 1.2;
  border-radius: 8px;
  background: #1a5178;
}

#plan_detail .btn-htl a:after, #popular-spot .btn-tour-p a:after {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  font-family: 'jtb-dom' !important;
  text-decoration: none;
  content: "\e905";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#plan_detail .btn-htl span:before {
  position: static;
  left: 15px;
  top: 50%;
  margin-right: 5px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-family: 'jtb-dom' !important;
  content: "\e934";
  font-size: 1.8rem;
}



#plan_detail .btn-tour span.icon-jr:before, #jtbonly .btn-tour span.icon-air:before {
  position: static;
  left: 15px;
  top: 50%;
  margin-right: 5px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#plan_detail .jtbonly-wrap{
	margin-top: 32px;
    padding-left: 24px;
    padding-right: 24px;
}
.sect .page-title-h3{
	text-align: center;
}
.sect .page-title-h3 span{
	position: relative;
	padding-left: 40px;
}
.sect .page-title-h3 span:before{
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #03a3a9;
	font-size: 3.0rem;
	font-family: 'jtb-dom' !important;
	text-decoration: none;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.sect .page-lead{
	margin-top: 20px;
	text-align: center;
}
#plan_detail h3.page-title-h3{
	position: relative;
	padding: 0 0 16px;
	font-size: 1.6rem;
	letter-spacing: .2em;
	color: #0094D7;
}
#plan_detail h3.page-title-h3 span.txt-main{
	font-size: 2.4rem;
	letter-spacing: .2em;
	display: block;
	font-weight: 500;
	margin-top: 8px;
	padding-left: 0!important;
}
#plan_detail h3.page-title-h3 span.txt-sub {
	display: inline-block;
	position: relative;
	padding-left: 0!important;
}
#plan_detail h3.page-title-h3 span.txt-sub:before {
	content: "";
	position: absolute;
	top: -12px;
	left: -36px;
	width: 36px;
	height: 36px;
	background: url(/kokunai/area/okinawa/_images/jtbonly/bg_title.png) center/contain no-repeat;
}
#plan_detail h3.page-title-h3:after {
	position: absolute;
	content: "";
	display: inline-block;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 136px;
	height: 9px;
	background: url(/kokunai/area/okinawa/_images/jtbonly/border_dot.png) center / 100% auto no-repeat;
}
/* //旧デザイン */

#plan_detail .jtbonlyTtl{
	text-align: center;
	margin-top: 50px;
}
#plan_detail .jtbonlyTtl img{
	width: 180px;
	height: auto;
}
.jtbonlyTtl + .sect{
	padding: 0;
}

#plan_detail .jtbonlyAbout{
	margin-top: 8px;
}
#plan_detail .jtbonlyAbout_ttl span{
	display: inline-block;
  position: relative;
	padding: 0.6em;
	line-height: 1.3;
	color: #fff;
	font-weight: bold;
	background: #e58700;
}
.jtbonlyAbout_ttl span:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 10px;
  border: 8px solid transparent;
  border-top: 8px solid #e58700;
  width: 0;
  height: 0;
}
#plan_detail .jtbonlyAbout_txt{
	margin-top: 8px;
}
#plan_detail .jtbonlyAbout_txt .kome{
	position: relative;
	margin-top: 16px;
	padding-left: calc(1em + 4px);
	font-size: 1.2rem;
}
#plan_detail .jtbonlyAbout_txt .kome:before{
	position: absolute;
	left: 0;
	top: 0;
	content: "\203B";
}
#plan_detail .jtbonlyAbout_txt .tabisugo_plus{
	display: inline-block;
	margin: 0 8px;
	width: 80px;
	height: auto;
	vertical-align: middle;
}

#plan_detail .jtbonly__unit{
	position: relative;
	margin-top: 40px;
	padding-top: 40px;
}
#plan_detail .jtbonly__unit:before {
	position: absolute;
	left: 0;
	top: -5px;
	content: '';
	display: inline-block;
	width: 100%;
	height: 10px;
	/*background: radial-gradient(circle farthest-side, #BCBDC2, #BCBDC2 30%, transparent 30%, transparent);*/
	background-size: 10px;
}
#plan_detail .jtbonly__unit.-green,
#plan_detail .jtbonly__unit.-brown{
	position: relative;
	min-height: 434px;
}
#plan_detail .jtbonly__unit.-green .page-title-h4,
#plan_detail .jtbonly__unit.-brown .page-title-h4{
	margin-left: calc(40% + 30px);
	font-size: 2.1rem;
	font-weight: bold;
  position: relative;
  right: 20px;
  padding: .8em 0.5em;
  background: #005bac;
  z-index: 2;
}
#plan_detail .page-title-h4:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}
#plan_detail .page-title-h4 a, #plan_detail .page-title-h4 p {
  position: relative;
  display: inline;
  color: #fff;
  padding-left: 31px;
}
#plan_detail .page-title-h4 a:before, #plan_detail .page-title-h4 p:before {
  background: url(/kokunai/area/_common/images/icon.png) center / 100% auto no-repeat;
  content: "";
  position: absolute;
  display: inline-block;
  left: -3px;
  top: -39px;
  width: 48px;
  height: 58px;
  rotate: -3deg;
}
#plan_detail .jtbonly__unit.-green .page-title-h4 .tabisugo_plus,
#plan_detail .jtbonly__unit.-brown .page-title-h4 .tabisugo_plus{
	display: inline-block;
	line-height: 1;
	margin-bottom: 8px;
	width: 100px;
	height: auto;
	vertical-align: text-bottom;
}
.jtbonly-wrap__cassette__lounge {
  margin-top: 24px;
  margin-bottom: 80px;
  margin-left: calc(40% + 30px);
}
#plan_detail .jtbonly-wrap__cassette{
	margin-top: 0 !important;
	margin-left: calc(40% + 30px) !important;
}
#plan_detail .jtbonly-wrap__cassette__item:first-of-type{
	position: absolute;
	left: 200px;
	top: 40px;
	width: 40%;
}
#plan_detail .jtbonly-wrap__cassette__item:last-of-type{
  position: relative;
  top: -80px;
	background-color: #E3F4FC;
  padding: 6em 2rem 3rem;
  line-height: 1.6;
  font-size: 1.6rem;
}
#plan_detail .jtbonly-wrap__cassette__item:last-of-type .jtbonly-txt.-center{
	margin-top: 16px;
}
#plan_detail .jtbonly-ly-btn-column{
	margin-top: 24px;
	text-align: right;
}
#plan_detail .jtbonly-ly-btn-column a{
	display: inline-flex;
	align-items: center;
	color: #005bac;
	font-weight: bold;
}
#plan_detail .jtbonly-ly-btn-column a span{
	font-weight: bold;
	text-decoration: underline;
}
#plan_detail .jtbonly-ly-btn-column a:hover span{
	text-decoration: none;
}
#plan_detail .jtbonly-ly-btn-column a:after {
	margin-left: 4px;
	font-family:'Material Icons Round';
	content: "\e89e";
	line-height: 1;
	font-size: 100%;
	text-decoration: none;
}
#plan_detail .jtbonly-ttl{
	font-size: 2.1rem;
	text-align: center;
	font-weight: bold;
	margin-bottom: 16px;
}
#plan_detail .jtbonly-txt{
	line-height: 1.6;
	margin-bottom: 8px;
	font-size: 1.7rem;
}
#plan_detail .jtbonly-txt.-center{
	text-align: center;
}
/* slider */
#plan_detail .jtbonly_slider img{
	width:100%;
	height: 350px; 
	object-fit: cover; 
}
#plan_detail .jtbonly_slider .slick-slide{
	position: relative;
	margin:0 10px;
}
#plan_detail .jtbonly_slider .slick-dots{
	text-align:center;
	margin:20px 0 0 0;
}
#plan_detail .jtbonly_slider .slick-dots li{
	display:inline-block;
	margin:0 5px;
}
#plan_detail .slick-dots button {
	color: transparent;
	outline: none;
	width:8px;
	height:8px;
	display:block;
	border-radius:50%;
	background:#ccc;
}
#plan_detail .slick-dots .slick-active button{
	background:#005bac;
}
#plan_detail .jtbonly_slider .slick-slide .caption {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	padding: 6px 12px;
	text-shadow: #323743 1px 1px 2px, #323743 -1px 1px 2px, #323743 1px -1px 2px, #323743 -1px -1px 2px; 
	color: #fff;
	font-size: 1.4rem;
	opacity: 0;
	transition: .3s ease;
}
#plan_detail .jtbonly_slider .slick-current .caption {
	opacity: 1;
	transition-delay: .5s;
}
#plan_detail .jtbonly_noslider{
	position:  relative; 
}
#plan_detail .jtbonly_noslider img{
	/*width:100%;*/
	height: 350px; 
	display:block;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}
#plan_detail .jtbonly_noslider .caption {
	z-index: 2;
	width: 469px;
	padding: 6px 12px;
	font-size: 1.4rem;
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-shadow: #323743 1px 1px 2px, #323743 -1px 1px 2px, #323743 1px -1px 2px, #323743 -1px -1px 2px; 
	color: #fff;
}

#plan_detail .feature-sect__more{
	margin-top: 32px;
	text-align: center;
}
#plan_detail .feature-sect__more:after{
	display: none;
}
#plan_detail .feature-sect__more a{
	position: relative;
	display: inline-block;
	padding: 16px;
	width: 100%;
	max-width: 650px;
	color: #03A3A9;
	text-decoration: none;
	font-weight: bold;
	background: #E7F6F1;
	border-radius: 8px;
	transition: 0.2s opacity;
}
#plan_detail .feature-sect__more a:hover{
	opacity: .6;
}
#plan_detail .feature-sect__more a:after {
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	font-family:'Material Icons Round';
	content: "\e89e";
	line-height: 1;
	font-size: 100%;
}
#plan_detail .jtbonly-txt img.tabisugo{
	width: 285px;
	height: auto;
	vertical-align: middle;
}
#plan_detail .jtbonly-txt img.tabisugo_plus{
	width: 100px;
	height: auto;
	vertical-align: middle;
}
#plan_detail .jtbonly-txt span{
	vertical-align: middle;
}
.jtbonly-moreplan{
	position: relative;
	margin-top: 32px;
	padding-top: 32px;
}
.jtbonly-moreplan:before {
	position: absolute;
	left: 0;
	top: -5px;
	content: '';
	display: inline-block;
	width: 100%;
	height: 10px;
	background: radial-gradient(circle farthest-side, #BCBDC2, #BCBDC2 30%, transparent 30%, transparent);
	background-size: 10px;
}
.jtbonly-moreplan_wp{
	display: flex;
	justify-content: center;
  margin: 16px auto;
  width: 90%;
}
.jtbonly-moreplan_item{
	width: calc(100% / 5);
  border-radius: 8px;
  box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
}
.moreplan-txt {
  font-weight: bold;
}
.moreplan-txt br {
  display: block;
  content: "";
  margin-bottom: .8rem;
}
.moreplan-txt span {
  font-weight: normal;
}
.jtbonly-moreplan_item:not(:first-child){
	margin-left: 16px;
}
.jtbonly-moreplan_item a{
	position: relative;
	display: block;
	height: 100%;
	color: #323743;
	text-decoration: none;
	transition: 0.2s opacity;
}
.jtbonly-moreplan_item a:hover{
	opacity: .6;
}
.jtbonly-moreplan_item dt{
	display: flex;
	align-items: flex-start;
	font-weight: bold;
	line-height: 1.3;
}
.jtbonly-moreplan_item dt img {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  width: 100%;
  height: 9.5em;
  object-fit: cover;
}
.jtbonly-moreplan_item dt .tabisugo_plus{
	position: absolute;
	top: 16px;
	margin-left: auto;
	width: 80px;
	height: auto;
}
.jtbonly-moreplan_item dd{
	padding: 16px 8px;
  font-size: 1.4rem;
}
.jtbonly-moreplan .swipeBarThumb{
	background: #666;
}
.jtbonly-moreplan .swipeBt{
	background: #666;
	border-color: #666;
}
/* 旅すごbtn */
#plan_detail .allarea-btn-htl {
  margin: 35px auto 0;
  width: 650px;
}

#plan_detail .allarea-btn-tour {
	margin: 15px auto 0;
	width: 100%;
	max-width: 650px;
}
#plan_detail .allarea-btn_two {
	display: flex;
	justify-content: space-evenly;
	margin-left: -10px;
}

#plan_detail .allarea-btn-htl a, #plan_detail .allarea-btn-tour-p a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 16px 35px 16px 15px;
	/*min-height: 70px;*/
	color: #FFF;
	/*font-size: 2.0rem;*/
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	border-radius: 8px;
	background: #195178;
	font-weight: bold;
}
#plan_detail .allarea-btn-htl a:after, #plan_detail .allarea-btn-tour-p a:after {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #FFF;
  font-family: 'jtb-dom' !important;
  text-decoration: none;
  content: "\e905";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#plan_detail .allarea-btn-htl span:before {
  position: static;
  left: 15px;
  top: 50%;
  margin-right: 5px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-family: 'jtb-dom' !important;
  content: "\e934";
  font-size: 1.6rem;
}

#plan_detail .allarea-btn-tour span.icon-jr:before, #plan_detail .allarea-btn-tour span.icon-air:before {
  position: static;
  left: 15px;
  top: 50%;
  margin-right: 5px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-family: 'jtb-dom' !important;
  font-size: 1.6rem;
}
#plan_detail .allarea-btn-tour span.icon-jr:before {
  content: "\e962";
}

#plan_detail .allarea-btn-tour span.icon-air:before {
  content: "\e942";
}

#plan_detail .allarea-btn-tour-p {
  width: 100%;
  margin-left: 10px;
}
#plan_detail .allarea-btn-htl:hover, #plan_detail .allarea-btn-tour-p:hover {
  opacity: 0.6;
  transition: all 0.4s ease;
}
.target_dept_kokunai_SPK #plan_detail .allarea-btn_two p.s-none_SPK, .target_dept_kokunai_SDJ #plan_detail .allarea-btn_two p.s-none_SDJ, .target_dept_kokunai_KIJ #plan_detail .allarea-btn_two p.s-none_KIJ, .target_dept_kokunai_TYO #plan_detail .allarea-btn_two p.s-none_TYO, .target_dept_kokunai_NGO #plan_detail .allarea-btn_two p.s-none_NGO, .target_dept_kokunai_HKJ #plan_detail .allarea-btn_two p.s-none_HKJ, .target_dept_kokunai_OSA #plan_detail .allarea-btn_two p.s-none_OSA, .target_dept_kokunai_HIJ #plan_detail .allarea-btn_two p.s-none_HIJ, .target_dept_kokunai_FUK #plan_detail .allarea-btn_two p.s-none_FUK {
  display: none;
}



.meguru-kyoto-header {
  background-color: #005a9c; /* 青い帯の色 */
  color: white;
  padding: 10px 20px;
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 20px;
}