@charset "utf-8";

/*  ページ共通
============================================================================= */
.contents-wraper *{
	outline: none!important;
}
.contents-wraper *:focus {
    outline: none!important;
}
/*.contents-wraper{
	border-bottom: solid 1px #ccc;
}*/
.sect .page-title-h2, .sect .page-title-h3{
	text-align: center;
}
.dom-dp__bn{
	display: none;
}
.footer-nav{
	margin-top: 0!important;
}
.reserve-style .select-departure__panel > li[data-code="SPK"],
.reserve-style .select-departure__panel > li[data-code="SDJ"]{
	display: none;
}

/*  h1　見出し
============================================================================= */
.head-wrap__title span{
	font-size: 1.6rem;
}


/*  キービジュアル
============================================================================= */
.mv{
	overflow: hidden;
	position: relative;
	margin-top: 25px;
	height: 100%;
	min-height: 600px;
}
.mv__inner{
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);

	margin: 0 auto;
	padding: 50px 5px 0;
	width: 100%;
	min-width: 970px;
	max-width: 1246px;
}
.mv-slider{
	opacity: 0;
	transition: opacity .3s linear;
}
.mv-slider.slick-initialized{
	opacity: 1;
}
.mv-slider.slick-slider{
	height: 100%;
}
.mv-slider__item{
	position: relative;
	width: 100%;
	min-height: 600px;
	overflow: hidden;
}
.mv-slider__inner{
	position: relative;
	margin: 0 auto 0;
	padding: 0 5px;
	width: 100%;
	min-width: 970px;
	max-width: 1246px;
	height: 100%;
}

.mv-slider__dl{
	position: absolute;
	left: 5px;
	bottom: 250px;
	z-index: 1;
}
.mv-slider__dl dt{
	position: relative;
	left: 0;
	color: #fff;
	font-size: 3.6rem;
	font-weight: bold;
	text-shadow: rgb(31, 18, 0) 4px 4px 8px;
	letter-spacing: .5em;
	opacity: 0;
}
.mv-slider__dl dt em{
	font-size: 9.0rem;
	font-weight: bold;
	text-shadow: rgb(31, 18, 0) 4px 4px 8px;
}
.mv-slider__dl dt:after{
	margin-left: 20px;
	font-size: 2.0rem;
	letter-spacing: .2em;
}
.mv-slider__okayama .mv-slider__dl dt:after{ content: "- Okayama -"; } 
.mv-slider__hiroshima .mv-slider__dl dt:after{ content: "- Hiroshima -"; } 
.mv-slider__yamaguchi .mv-slider__dl dt:after{ content: "- Yamaguchi -"; } 
.mv-slider__tottori .mv-slider__dl dt:after{ content: "- Tottori -"; } 
.mv-slider__shimane .mv-slider__dl dt:after{ content: "- Shimane -"; } 



.mv-slider__txt{
	position: relative;
	left: 0;
	margin-top: 20px;
	color: #fff;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.3;
	text-shadow: rgb(31, 18, 0) 4px 4px 8px;
	opacity: 0;
}
.mv-slider__bg{
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}
.mv-slider__bg:before{
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  display: inline-block;
  background: #000;
  opacity: 0.05;
}
.mv-slider__okayama .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/_images/mv_okayama.jpg"); }
.mv-slider__hiroshima .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/_images/mv_hiroshima.jpg"); }
.mv-slider__yamaguchi .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/_images/mv_yamaguchi.jpg"); }
.mv-slider__tottori .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/_images/mv_tottori.jpg"); }
.mv-slider__shimane .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/_images/mv_shimane.jpg"); }

.mv-slider__item.slick-active .mv-slider__bg{
	animation: bg-zoom-in 3s ease-in-out;
	-webkit-animation: bg-zoom-in 3s ease-in-out;
	animation-fill-mode:forwards;
}
.mv-slider__link{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 30px 0 0 -20px;
	font-size: 2.0rem;
}
.mv-slider__item.slick-active .mv-slider__link{
	animation: slide-in-fade 1500ms ease 0s;
	-webkit-animation: slide-in-fade 1500ms ease 0s;
}
.mv-slider__link li{
	margin-left: 20px;
	width: 100%;
	max-width: 300px;
}
.mv-slider__link li a{
	position: relative;
	display: block;
	padding: 15px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border: solid 3px #fff;
	transition: all 0.4s;
}
.mv-slider__link li a:hover{
	background-color: rgba(111, 242, 244, 0.3);
}
.mv-slider__link li 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%);
	display: block;

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

.mv-slider__item.slick-active .mv-slider__dl dt{
	animation: slide-in 0.5s ease 0.3s;
	-webkit-animation: slide-in 0.5s ease 0.3s;
	animation-fill-mode:forwards;
}
.mv-slider__item.slick-active .mv-slider__dl .mv-slider__txt{
	animation: slide-in 0.5s ease 0s;
	-webkit-animation: slide-in 0.5s ease 0s;
	animation-delay: 0.3s;
	animation-fill-mode:forwards;
}

@-webkit-keyframes bg-zoom-in {
	from {
		-webkit-transform-origin:50% 50%;
		transform-origin:50% 50%;
		-webkit-transform:scale(1, 1);
		transform:scale(1, 1)
	}
	to {
		-webkit-transform-origin:50% 50%;
		transform-origin:50% 50%;
		-webkit-transform:scale(1.1, 1.1);
		transform:scale(1.1, 1.1)
	}
}
@keyframes bg-zoom-in {
	from {
		-moz-transform:scale(1, 1);
		-ms-transform:scale(1, 1);
		-webkit-transform:scale(1, 1);
		transform:scale(1, 1)
	}
	to {
		-moz-transform:scale(1.1, 1.1);
		-ms-transform:scale(1.1, 1.1);
		-webkit-transform:scale(1.1, 1.1);
		transform:scale(1.1, 1.1)
	}
}
@-webkit-keyframes slide-in {
	from {
		bottom: -50px;
		opacity: 0;
	}
	to {
		bottom: 0px;
		opacity: 1;
	}
}
@keyframes slide-in {
	from {
		bottom: -50px;
		opacity: 0;
	}
	to {
		bottom: 0;
		opacity: 1;
	}
}

.mv-discoverwest{
	opacity: 0;
	position: absolute;
	right: 5%;
	top: 50px;
	z-index: 1;
	padding: 40px;
	background-color: rgba(111, 242, 244, 0.6);
	transition: opacity .3s linear;
}
.mv-slider.slick-initialized + .mv-discoverwest{
	opacity: 1;
}

.mv-discoverwest:after{
	position: absolute;
	right: -50px;
	bottom: -70px;
	content: "";
	display: block;
	width: 320px;
	height: 118px;
	background: url("/kokunai/dynamic/jr/discoverwest/_images/mv_shinkansen.png") no-repeat 0 0;
}
.mv-discoverwest dt, .mv-discoverwest dd{
	position: relative;
	opacity: 0;
}
.mv-discoverwest dt img{
	vertical-align: bottom;
}
.mv-discoverwest dd{
	margin-top: 20px;
	line-height: 2.0;
}
.mv-discoverwest dd em{
	font-size: 2.0rem;
	font-weight: bold;
}

.mv-slider.slick-initialized + .mv-discoverwest dt{
	animation: slide-in-discoverwest 0.5s ease 0.3s;
	-webkit-animation: slide-in-discoverwest 0.5s ease 0.3s;
	animation-fill-mode:forwards;
}
.mv-slider.slick-initialized + .mv-discoverwest dd{
	animation: slide-in-discoverwest 1000ms ease 0s;
	-webkit-animation: slide-in-discoverwest 1000ms ease 0s;
	animation-delay: 0.3s;
	animation-fill-mode:forwards;
}

@-webkit-keyframes slide-in-discoverwest {
	from {
		left: -50px;
		opacity: 0;
	}
	to {
		left: 0;
		opacity: 1;
	}
}
@keyframes slide-in-discoverwest {
	from {
		left: -50px;
		opacity: 0;
	}
	to {
		left: 0;
		opacity: 1;
	}
}

.mv-caption{
	position: absolute;
	right: 10px;
	bottom: 5px;
	margin: 0 auto;
	color: #fff;
	font-size: 1.1rem;
	line-height: 1.2;
	text-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
}

.page-navigation{
	width: 100%;
	padding: 10px 0 30px;
/*	background: #fff;*/
	transition: all 0.4s ease;
}
div#dw-top .page-navigation{
	padding: 10px 0 80px;
}

.page-navigation{
	position: absolute;
	left: 50%;
	bottom: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
	z-index: 100;
}
.page-navigation__list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.page-navigation__list li{
	padding: 0 20px;
	width: 120px;
	border-left: solid 1px #fff;
	transition: all 0.4s ease;
}
.page-navigation__list li:last-child{
	border-right: solid 1px #fff;
}
#dw-top .page-navigation__list li:first-child{
	display: none;
}
.page-navigation__list li a{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 10px 5px;
	height: 100%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
	transition: all 0.4s ease;
}
.page-navigation__list li a:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: #3f978c;
	transform: scale(0, 1);
	transition: 0.4s;
}
.page-navigation__list li a:hover:before {
	transform: scale(1);
}

#dw-okayama li.page-navigation__okayama a:before{ transform: scale(1); }
#dw-hiroshima li.page-navigation__hiroshima a:before{ transform: scale(1); }
#dw-yamaguchi li.page-navigation__yamaguchi a:before{ transform: scale(1); }
#dw-tottori li.page-navigation__tottori a:before{ transform: scale(1); }
#dw-shimane li.page-navigation__shimane a:before{ transform: scale(1); }

.page-navigation__box{
	margin-right: -.5em;
	letter-spacing: .5em;
}
.page-navigation__list li .txt-en{
	display: block;
	margin-right: .5em;
	letter-spacing: 0;
}

.page-navigation__list li .txt-en:before{
	display: block;
	font-size: 1.1rem;
	font-weight: 400;
}
.page-navigation__okayama .txt-en:before{ content: "Okayama"; }
.page-navigation__hiroshima .txt-en:before{ content: "Hiroshima"; }
.page-navigation__yamaguchi .txt-en:before{ content: "Yamaguchi"; }
.page-navigation__tottori .txt-en:before{ content: "Tottori"; }
.page-navigation__shimane .txt-en:before{ content: "Shimane"; }

.fixed .page-navigation{
	position: fixed!important;
	top: 0;
	right: inherit!important;
	bottom: inherit!important;
	z-index: 10;
	padding-bottom: 10px;
	background-color: rgba(255, 255, 255, 0.9);
}
.fixed .page-navigation__list li{
	border-color: #333;
}
.fixed .page-navigation li a{
	color: #333;
	text-shadow: none;
}
.mv__photo{
	width: 100%;
	height: 100%;
}
.js-slider{
  opacity: 0;
  transition: opacity .3s linear;
}
.js-slider.slick-initialized{
  opacity: 1;
}
.mv__photo .js-slider .slick-slide{
    min-height: 600px;
	background-size: cover;
	background-attachment: fixed;
}

/*  コンテンツ共通
============================================================================= */
.sect .page-title-h2{
	position: relative;
	padding-top: 80px;
	font-size: 1.8rem;
	text-align: center;
}

/*  地図
============================================================================= */
.map-sect .page-title-h2{
	background: url("/kokunai/dynamic/jr/discoverwest/_images/map_title.png") no-repeat center top;
}
.map-sect__inner{
	margin: 50px auto 0;
	width: 100%;
    min-width: 970px;
	max-width: 1236px;
}
.map-sect__list{
	position: relative;
	padding-top: calc(635 / 1236 * 100%);
	height: 0;
    background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f6fafd;
	transition: all 0.4s ease;
}
.map-sect__list > li{
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.map-sect__list > li.is-open{
	opacity: 1;
}
.map-sect__list > li > a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 90px;
	height: 90px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	border-radius: 50%;
	background: #9f751a;
	box-shadow: 5px 5px 0px 0px rgba(72, 72, 72, 0.4);
}



.map-sect__list li span{
	position: relative;
	display: inline-block;

	padding-bottom: 1em;
}
.map-sect__list li a span:after{
	position: absolute;
	left:50%;
	bottom: 0;
	-webkit-transform: translateX(-50%) rotateZ(0deg);
	-moz-transform: translateX(-50%) rotateZ(0deg);
	-ms-transform: translateX(-50%) rotateZ(0deg);
	-o-transform: translateX(-50%) rotateZ(0deg);
	transform: translateX(-50%) rotateZ(0deg);
	display: block;
    transition: .2s;
	opacity: 1;

	font-family: 'kkrs-dp' !important;
	text-decoration: none;
	content: "\e903";
	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;
}
 .map-sect__list li.is-open a span:after{
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
	opacity: 0;
}
.map-sect__tooltip{
	position: absolute;
	left: -100px;
	top: 60px;
}

/* beforeで枠線の三角を表現 */
.map-sect__tooltip::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 137px;
	top: -8px;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
	opacity: 0;
    transition: .3s;
}

/* beforeで本体の三角を表現 */
.map-sect__tooltip::after{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 137px;
	top: -5px;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
	opacity: 0;
    transition: .3s;
}
.is-open .map-sect__tooltip::before,
.is-open .map-sect__tooltip::after{
	opacity: 1;
}


.map-sect__tooltip-inner{
	display: none;
	padding: 10px 20px 15px;
	width: 400px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0px 3px 3px 0px rgba(153, 153, 153, 0.3);
}
.map-sect__tooltip dt{
	padding-bottom: 5px;
	text-align: center;
	border-bottom: solid 1px #ccc;
}
.map-sect__tooltip dd{
	margin-top: 5px;
	font-size: 1.3rem;
	text-align: center;
}
.map-sect__bt{
	margin: 10px auto 0;
	max-width: 300px;
}
.map-sect__bt a{
	display: block;
	position: relative;
	padding: 5px 20px;
	color: #fff;
	text-align: center;
	border-radius: 30px;
	background: #16b7ff;
	transition: all 0.4s ease;
}
.map-sect__bt a:hover{
	opacity: .6;
}
.map-sect__bt a:before{
	position: absolute;
	right: 15px;
	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: 'kkrs-dp' !important;
	content: "\e902";
	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;	
}




.map-sect__list{ background-image: url("/kokunai/dynamic/jr/discoverwest/_images/map.png"), url("/kokunai/dynamic/jr/discoverwest/_images/map.png"); }
.map-tottori{ background-image: url("/kokunai/dynamic/jr/discoverwest/_images/map_tottori.png"), url("/kokunai/dynamic/jr/discoverwest/_images/map.png"); }
.map-shimane{ background-image: url("/kokunai/dynamic/jr/discoverwest/_images/map_shimane.png"), url("/kokunai/dynamic/jr/discoverwest/_images/map.png"); }
.map-okayama{ background-image: url("/kokunai/dynamic/jr/discoverwest/_images/map_okayama.png"), url("/kokunai/dynamic/jr/discoverwest/_images/map.png"); }

.map-hiroshima{ background-image: url("/kokunai/dynamic/jr/discoverwest/_images/map_hiroshima.png"), url("/kokunai/dynamic/jr/discoverwest/_images/map.png"); }
.map-yamaguchi{ background-image: url("/kokunai/dynamic/jr/discoverwest/_images/map_yamaguchi.png"), url("/kokunai/dynamic/jr/discoverwest/_images/map.png"); }

.map-sect__okayama{ left: 72.87%; top: 61.63%; }
.map-sect__hiroshima{ left: 49.19%; top: 71.69%; }
.map-sect__yamaguchi{ left: 10.59%; top: 67.61%; }



.map-sect__tottori{ left: 60.99%; top: 14.30%; }
.map-sect__shimane{ left: 31.30%; top: 44.49%; }



/*  楽しみ！
============================================================================= */
.enjoy-sect{
	background: #f5fcfc;
}
.enjoy-sect .page-title-h2{
	background: url("/kokunai/dynamic/jr/discoverwest/_images/enjoy_title.png") no-repeat center top;
}
.enjoy-sect__inner{
	margin: 50px auto 0;
	width: 100%;
    min-width: 970px;
	max-width: 1236px;
}
.enjoy-sect__wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -20px 0 0 -20px;
}
.enjoy-sect__box{
	margin: 20px 0 0 20px;
	width: calc(100% / 2 - 20px);
}
.enjoy-sect__box a{
  overflow: hidden;
	position: relative;
	display: block;
  border-radius: 20px;
}
.enjoy-sect__box figure{
	position: relative;
}
.enjoy-sect__box figure img{
	transition:1s all;
	vertical-align: bottom;
}
.enjoy-sect__box a:hover figure img{
	transform: scale(1.2,1.2);
	transition: 1s all;
}
.enjoy-sect__box figcaption{
	position: absolute;
	right: 10px;
	bottom: 5px;
	margin: 0 auto;
	color: #fff;
	font-size: 1.1rem;
	line-height: 1.2;
	text-shadow:
		black 1px 1px 2px, black -1px 1px 2px,
		black 1px -1px 2px, black -1px -1px 2px;
}
.enjoy-sect__box p{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 20px 40px;
	min-width: 350px;
	color: #fff;
	text-align: center;
	font-size: 3.0rem;
	font-weight: bold;
	background: url("/kokunai/dynamic/jr/discoverwest/_images/cassette_bg.png") repeat;
}


/*  エリア
============================================================================= */
.area-sect .page-title-h2{
	background: url("/kokunai/dynamic/jr/discoverwest/_images/area_title.png") no-repeat center top;
}
.area-sect__inner{
	margin: 50px auto 0;
	width: 100%;
    min-width: 970px;
	max-width: 1236px;
}
.area-sect__list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 1px 0 0 -1px;
}
.area-sect__item{
	position: relative;
	margin-left: 1px;
	width: calc(100% / 5 - 1px);
}
.area-sect_box{
  position: relative;
}
.area-sect__item figure{
	position: relative;
}
.area-sect__item figure img{
	transition:1s all;
	vertical-align: bottom;
}
.area-sect__item a:hover figure img{
	transform:scale(1.2,1.2);
	transition:1s all;
}
.area-sect__item figcaption{
	position: absolute;
	right: 10px;
	bottom: 5px;
	margin: 0 auto;
	color: #fff;
	font-size: 1.1rem;
	line-height: 1.2;
	text-shadow:
		black 1px 1px 2px, black -1px 1px 2px,
		black 1px -1px 2px, black -1px -1px 2px;
}
.area-sect__item p{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 120px;
	padding: 10px calc(20px - .5em) 10px 20px;
	color: #fff;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: .5em;
	background: url("/kokunai/dynamic/jr/discoverwest/_images/cassette_bg.png") repeat;
}
.area-sect__bt{
  margin: 10px 10px 0;
}
.area-sect__bt li:not(:first-child){
  margin-top: 5px;
}
.area-sect__bt li a{
  position: relative;
  display: block;
  padding: 8px 5px;
  color: #3f978c;
  text-align: center;
  font-size: 1.4rem;
  border-radius: 50vw;
  border: solid 2px #3f978c;
  background: #fff;
	transition: all 0.4s ease;
}
.area-sect__bt li a:hover{
	opacity: .6;
}
.area-sect__bt li a:before{
	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%);
		
	font-family: 'kkrs-dp' !important;
	content: "\e902";
	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;	
}
.area-sect__bt li:first-child a{
  color: #fff;
  border: solid 1px #3f978c;
  background: #3f978c;
}
.area-sect__bt li:nth-child(2) a{
  color: #335a84;
  border: solid 1px #335a84;
}


/*  新幹線紹介
============================================================================= */
.shinkansen-sect{
	padding: 0 5px;
}
.shinkansen-sect h2{
	text-align: center;
	font-size: 3.0rem;
	font-weight: bold;
	letter-spacing: .1em;
}
.shinkansen-sect__inner{
	margin: 0 auto;
	padding-top: 50px;
	width: 100%;
    min-width: 960px;
	max-width: 1236px;
	border: solid 8px #ddd;
}
.shinkansen-sect__wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 30px 50px 0;
}
.shinkansen-sect__photo{
	width: 45%;
}
.shinkansen-sect__photo figure{
	position: relative;
}
.shinkansen-sect__photo img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.shinkansen-sect__seat-caption{
	position: absolute;
	right: 10px;
	bottom: 5px;
	margin: 0 auto;
	color: #fff;
	font-size: 1.1rem;
	line-height: 1.2;
	text-shadow:
		black 1px 1px 2px, black -1px 1px 2px,
		black 1px -1px 2px, black -1px -1px 2px;
}
.shinkansen-sect__box-txt{
	margin-left: 40px;
	width: calc(55% - 40px);
}
.shinkansen-sect__box-txt p{
	line-height: 2.0;
	font-size: 1.8rem;
}
.shinkansen-sect__seat{
	margin-top: 50px;
	padding: 50px;
	background: #f5f5f5;
}
.shinkansen-sect__seat h3{
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: .1em;
}
.shinkansen-sect__seat-wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 35px 0 0 -20px;
}
.shinkansen-sect__seat-box{
	margin-left: 20px;
	width: calc(100% / 2 - 20px);
}
.shinkansen-sect__seat-photo{
}
.shinkansen-sect__seat-photo figure{
	position: relative;
}
.shinkansen-sect__seat-photo img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.shinkansen-sect__seat-caption01{
	position: absolute;
	left: -5px;
	top: -12px;
	padding: 5px 30px;
	color: #fff;
	font-size: 1.3rem;
	background: #0068b7;
}
.shinkansen-sect__seat-caption02{
	position: absolute;
	right: 10px;
	bottom: 5px;
	margin: 0 auto;
	color: #fff;
	font-size: 1.1rem;
	line-height: 1.2;
	text-shadow:
		black 1px 1px 2px, black -1px 1px 2px,
		black 1px -1px 2px, black -1px -1px 2px;
}
.shinkansen-sect__seat-txt{
	margin: 10px 10px 0;
    line-height: 1.8;
}
.shinkansen-sect__seat-txt em{
	font-weight: bold;
	font-size: 1.8rem;
}
.shinkansen-sect__seat-txt span{
	display: inline-block;
	margin-top: 10px;
	font-size: 1.1rem;
	line-height: 1.5;
}


/*  下層MV
============================================================================= */
.page-mv{
	overflow: hidden;
	position: relative;
	margin-top: 25px;
	height: 100%;
	min-height: 400px;
}
.page-mv-slider{
  display: none;
}
.page-mv-slider.slick-initialized{
	display: block;
}
.page-mv-slider__item{
	position: relative;
  float: left;
	width: 100%;
	min-height: 400px;
	overflow: hidden;
}
.page-mv-slider__item.slick-active .mv-slider__bg{
	animation: bg-zoom-in 3s ease-in-out;
	-webkit-animation: bg-zoom-in 3s ease-in-out;
	animation-fill-mode:forwards;
}
.page-mv__title{
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
	padding: 40px;
	font-weight: bold;
	text-align: center;
	background-color: rgba(111, 242, 244, 0.6);
	transition: opacity .3s linear;
}
.mv-slider.slick-initialized + .page-mv__title{
	opacity: 1;
}
.page-mv__title p{
	line-height: 1.0;
	font-size: 5.0rem;
}
.page-mv__title span{
	display: inline-block;
	font-size: 1.6rem;
	line-height: 1.3;
}

#dw-okayama .page-mv-slider__01 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/okayama/_images/mv_bg01.jpg"); }
#dw-okayama .page-mv-slider__02 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/okayama/_images/mv_bg02.jpg"); }
#dw-okayama .page-mv-slider__03 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/okayama/_images/mv_bg03.jpg"); }
#dw-okayama .page-mv-slider__04 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/okayama/_images/mv_bg04.jpg"); }
#dw-okayama .page-mv-slider__05 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/okayama/_images/mv_bg05.jpg"); }

#dw-hiroshima .page-mv-slider__01 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/hiroshima/_images/mv_bg01.jpg"); }
#dw-hiroshima .page-mv-slider__02 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/hiroshima/_images/mv_bg02.jpg"); }
#dw-hiroshima .page-mv-slider__03 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/hiroshima/_images/mv_bg03.jpg"); }

#dw-yamaguchi .page-mv-slider__01 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/yamaguchi/_images/mv_bg01.jpg"); }
#dw-yamaguchi .page-mv-slider__02 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/yamaguchi/_images/mv_bg02.jpg"); }
#dw-yamaguchi .page-mv-slider__03 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/yamaguchi/_images/mv_bg03.jpg"); }

#dw-tottori .page-mv-slider__01 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/tottori/_images/mv_bg01.jpg"); }
#dw-tottori .page-mv-slider__02 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/tottori/_images/mv_bg02.jpg"); }
#dw-tottori .page-mv-slider__03 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/tottori/_images/mv_bg03.jpg"); }

#dw-shimane .page-mv-slider__01 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/shimane/_images/mv_bg01.jpg"); }
#dw-shimane .page-mv-slider__02 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/shimane/_images/mv_bg02.jpg"); }
#dw-shimane .page-mv-slider__03 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/shimane/_images/mv_bg03.jpg"); }

#dw-experience .page-mv-slider__01 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/experience/_images/mv_bg01.jpg"); }
#dw-experience .page-mv-slider__02 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/experience/_images/mv_bg02.jpg"); }
#dw-experience .page-mv-slider__03 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/experience/_images/mv_bg03.jpg"); }
#dw-experience .page-mv-slider__04 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/experience/_images/mv_bg04.jpg"); }
#dw-experience .page-mv-slider__05 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/experience/_images/mv_bg05.jpg"); }

#dw-train .page-mv-slider__01 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/train/_images/mv_bg01.jpg"); }
#dw-train .page-mv-slider__02 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/train/_images/mv_bg02.jpg"); }
#dw-train .page-mv-slider__03 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/train/_images/mv_bg03.jpg"); }
#dw-train .page-mv-slider__04 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/train/_images/mv_bg04.jpg"); }

#dw-event .page-mv-slider__01 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/event/_images/mv_bg01.jpg"); }
#dw-event .page-mv-slider__02 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/event/_images/mv_bg02.jpg"); }
#dw-event .page-mv-slider__03 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/event/_images/mv_bg03.jpg"); }
#dw-event .page-mv-slider__04 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/event/_images/mv_bg04.jpg"); }

#dw-eat .page-mv-slider__01 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/eat/_images/mv_bg01.jpg"); }
#dw-eat .page-mv-slider__02 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/eat/_images/mv_bg02.jpg"); }
#dw-eat .page-mv-slider__03 .mv-slider__bg{ background-image: url("/kokunai/dynamic/jr/discoverwest/eat/_images/mv_bg03.jpg"); }


/*  ページ内アンカー
============================================================================= */
.page-nav{
	padding: 30px 0;
	width: 100%;
}
.page-nav__list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.page-nav__list li{
	padding: 0 10px;
	width: 250px;
	transition: all 0.4s ease;
}
.page-nav__list li a{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 10px 20px;
	height: 100%;
	text-align: center;
	color: #3f978c;
	font-weight: bold;
	border: solid 1px #3f978c;
	transition: all 0.4s ease;
}
.page-nav__list li a:hover{
	opacity: .6;
}
.page-nav__list li a:after{
	position: absolute;
	left: 50%;
	bottom: 5px;
	-webkit-transform: translate(-50%,-0%);
	-moz-transform: translate(-50%,-0%);
	-ms-transform: translate(-50%,-0%);
	-o-transform: translate(-50%,-0%);
	transform: translate(-50%,-0%);
	display: block;

	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;
}
.page-nav__list li .txt-en:before{
	display: block;
	font-size: 1.1rem;
	font-weight: 400;
}
.page-nav__experience .txt-en:before{ content: "Experience"; }
.page-nav__train .txt-en:before{ content: "Sightseeing train"; }
.page-nav__event .txt-en:before{ content: "Event"; }
.page-nav__recommend .txt-en:before{ content: "Recommend"; }
.page-nav__sightseeing .txt-en:before{ content: "Sightseeing"; }
.page-nav__eat .txt-en:before{ content: "Eat"; }

.page-nav__list li.page-nav__recommend a{
  color: #335a84;
  border: solid 1px #335a84;
  background: #f3f6f9;
}

.page-nav__cpn{
  position: absolute;
  right: -35px;
  bottom: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fdfa06;
  padding: 2px;
  width: 80px;
  height: 80px;
  font-size: 1.1rem;
  border-radius: 50vw;
  background: #3f978c;
}
.page-nav__cpn::after{
  content: "";
  position: absolute;
  margin: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  line-height: 1.1;
  border-top: 20px solid #3f978c;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  transform: rotate(45deg);
}

@media screen and (max-width: 1120px) and (min-width: 740px) {
  .page-nav__list li{
  	width: 200px;
  }
  .page-nav__cpn{
    right: -50px;
  }
}



/*  ご注意事項
============================================================================= */
.att-box{
	position: fixed;
	left: 50%;
	bottom: 30px;
    z-index: 10;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	transition: .5s ease;
	margin: 0 auto;
    width: 800px;
    visibility: hidden;
    opacity: 0;
}
.attfixed .att-box{
	visibility: visible;
	opacity: 1;
}

.att-box dt{
	text-align: center;
}
.att-box dt span{
	display: inline-block;
	padding: 5px 15px 3px;
	color: #fff;
	font-weight: 500;
	border-radius: 5px;
	background: #c0c0c0;
}
.att-box dd{
	margin-top: -16px;
	padding: 25px 50px 15px;
	border: solid 1px #ccc;
	background-color: rgba(255, 255, 255, 0.8);
}

.att-box__list li{
	position: relative;
	padding-left: 1.2em;
}
.att-box__list li:not(:first-child){
	margin-top: 5px;
}
.att-box__list li:before{
	position: absolute;
	left: 0;
	top: 0;
	content: "・";
	display: inline-block;
}

/*  プランカセット
============================================================================= */
.plan-contents{
	background: #f5fcfc;
}
.train-sect{
	background: #e8f6f6;
}
.experience-sect .page-title-h2{
	background: url("/kokunai/dynamic/jr/discoverwest/_images/experience_title.png") no-repeat center top;
}
.train-sect .page-title-h2{
	background: url("/kokunai/dynamic/jr/discoverwest/_images/train_title.png") no-repeat center top;
}
.event-sect .page-title-h2{
	background: url("/kokunai/dynamic/jr/discoverwest/_images/event_title.png") no-repeat center top;
}
.eat-sect .page-title-h2{
	background: url("/kokunai/dynamic/jr/discoverwest/_images/eat_title.png") no-repeat center top;
}
.sightseeing-sect .page-title-h2{
	background: url("/kokunai/dynamic/jr/discoverwest/_images/sightseeing_title.png") no-repeat center top;
}
.plan-sect__inner{
	margin: 50px auto 0;
	width: 100%;
    min-width: 970px;
	max-width: 1236px;
}
.plan-cassette__box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 20px 0 0;
	padding: 50px;
	background: #fff;
}
.plan-cassette__box:nth-of-type(even){
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.plan-cassette__areaname{
    margin-bottom: 20px;
    padding-bottom: 15px;
    width: 100%;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: .5em;
    border-bottom: solid 2px #f5f5f5;
}
.sect:not(.theme-sect) .plan-cassette__areaname{
	display: none;
}
.plan-cassette__photo{
	width: 40%;
}
.js-plan-slide{
	display: none;
}
.js-plan-slide.slick-initialized{
	display: block;
}

.plan-cassette__photo figure{
	position: relative;
}
.plan-cassette__photo img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.plan-cassette__photo figcaption{
	position: absolute;
	right: 10px;
	bottom: 5px;
	margin: 0 auto;
	color: #fff;
	font-size: 1.1rem;
	line-height: 1.2;
	text-shadow:
		black 1px 1px 2px, black -1px 1px 2px,
		black 1px -1px 2px, black -1px -1px 2px;
}
.plan-cassette__detail{
	position: relative;
	margin: 0 0 0 40px;
	width: calc(60% - 40px);
}
.plan-cassette__box:nth-of-type(even) .plan-cassette__detail{
	margin: 0 40px 0 0;
}
.plan-cassette__detail-inner{
	overflow: hidden;
}
.plan-cassette__detail-inner.is-hide {
	height: 350px;
}
.plan-cassette__detail-inner.is-hide::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 40px; /*グラデーションで隠す高さ*/
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.plan-cassette__detail h3{
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.4;
}
.plan-cassette__detail h3 span{
	display: block;
	font-size: 1.6rem;
}
.plan-cassette__txt{
	margin-top: 10px;
}
.plan-cassette__txt p:not(:first-child){
	margin-top: 16px;
}
.plan-cassette__txt .kome{
	margin-top: 16px;
}
.plan-cassette__txt .kome li{
	position: relative;
	padding-left: calc(1em + 4px);
	font-size: 1.2rem;
}
.plan-cassette__txt .kome li:before{
	position: absolute;
	left: 0;
	top: 0;
	content: "※";
}


.plan-cassette__information{
	margin-top: 15px;
}
.plan-cassette__information-dl{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 20px;
	background: #f8f8f8;
}
.plan-cassette__information-dl dt,
.plan-cassette__information-dl dd{
	font-size: 1.4rem;
	line-height: 1.5;
}
.plan-cassette__information-dl dt:not(:first-of-type),
.plan-cassette__information-dl dd:not(:first-of-type){
	margin-top: 10px;
	padding-top: 10px;
	border-top: dotted 1px #ccc;
}
.plan-cassette__information-dl dt{
	width: 140px;
}
.plan-cassette__information-dl dd{
	width: calc(100% - 140px);
}
.plan-cassette__information-dl .kome li{
	position: relative;
	padding-left: calc(1em + 4px);
}
.plan-cassette__information-dl .kome li:before{
	position: absolute;
	left: 0;
	top: 0;
	content: "※";
}
.plan-cassette__information-dl .list li{
	position: relative;
	padding-left: calc(1em + 4px);
}
.plan-cassette__information-dl .list li:before{
	position: absolute;
	left: 0;
	top: 0;
	content: "・";
}

.plan-cassette__more{
	z-index: 1;
	position: absolute;
	right: 0;
	top: calc(100% - 20px);
	left: 0;
	width: 148px;
	margin: auto;
	padding: .5em 0;
	background: #3bc8cc;
	color: #fff;
	font-size: 1.3rem;
	text-align: center;
	cursor: pointer;
	transition: .2s ease;
	box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.plan-cassette__more:hover {
    opacity: .6;
}
.plan-cassette__more::before {
	content: "続きを表示"
}
.plan-cassette__more.is-show::before {
	content: "閉じる"
}
.plan-cassette__more span{
	position: relative;
	padding-right: 1.5em;
}
.plan-cassette__more span:after{
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -.5em;
	color: #fff;
    transition: .2s;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    
	font-family: 'kkrs-dp' !important;
	text-decoration: none;
	content: "\e903";
	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-cassette__more.is-show {
	top: calc(100% + 10px);
}
.plan-cassette__more.is-show span:after{
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}
.plan-cassette__more.is-show + .plan-cassette__detail-inner::before {
	display: none;
}

.plan-cassette__bt{
	margin-top: 55px;
	width: 100%;
	text-align: center;
}
.plan-cassette__bt li:not(:first-child){
  margin-top: 10px;
}
.sect:not(.theme-sect) .plan-cassette__bt{
	display: none;
}
.plan-cassette__bt a{
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 15px 20px;
	max-width: 500px;
	color: #fff;
	text-align: center;
	border-radius: 30px;
	background: #16b7ff;
	transition: all 0.4s ease;
}
.plan-cassette__bt a:hover{
	opacity: .6;
}

.plan-cassette__bt a:before{
	position: absolute;
	right: 15px;
	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: 'kkrs-dp' !important;
	content: "\e902";
	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;	
}


/*  ツアーカセット
============================================================================= */
.recommend-sect_bn{
	margin-bottom: 30px;
}
.recommend-sect_bn a{
	transition: all 0.4s ease;
}
.recommend-sect_bn a:hover{
	opacity: .6;
}

.recommend-sect{
	border-bottom: solid 1px #ccc;
}
.recommend-sect .page-title-h2{
	background: url("/kokunai/dynamic/jr/discoverwest/_images/recommend_title.png") no-repeat center top;
}
.recommend-sect__inner{
	margin: 50px auto 0;
	width: 100%;
    min-width: 970px;
	max-width: 1236px;
}
.recommend-sect__cassette{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 0 0 -25px;
}
.recommend-sect__list{
	margin: 0 0 0 24.5px;
	width: calc(100% / 3 - 25px);
	background: #fff;
}
.recommend-sect__list a{
	display: block;
	padding: 20px;
	border: solid 1px #ccc;
	background: #fff;
	transition: all 0.4s ease;
}
.recommend-sect__list a:hover{
	opacity: .6;
	color: #323743;
}
.recommend-sect__name{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 15px;
	min-height: 55px;
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.2;
	background: #eafbfb;
}
.recommend-sect__name em{
	font-weight: 500;
}
.recommend-sect__photo img{
	vertical-align: bottom;
}
.recommend-sect__detail{
	margin-top: 10px;
}
.recommend-sect__detail li{
	position: relative;
	padding-left: 1.5em;
}
.recommend-sect__detail li:before{
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;

	font-family: 'kkrs-dp' !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;
}
.recommend-sect__hotel:before{
	content: "\e960";
}
.recommend-sect__transportation:before{
	content: "\e969";
}
.recommend-sect__txt{
	margin-top: 10px;
	padding-top: 10px;
	border-top: dotted 1px #ccc;
}
.recommend-sect__att{
	margin-top: 25px;
	text-align: center;
}
.recommend-sect__att span{
	display: inline-block;
	padding: 10px 15px;
	font-size: 1.3rem;
	border: solid 1px #ccc;
	background: #f5f5f5;
}

.recommend-sect__other{
	margin: 50px auto 0;
	max-width: 600px;
}
.recommend-sect__other a{
	position: relative;
	display: block;
	padding: 25px 30px;
	color: #fff;
	font-size: 2.0rem;
	font-weight: 500;
	text-align: center;
	border-radius: 50vw;
	background: #c31616;
	transition: all 0.4s;
}
#hakata .recommend-sect__other a{ background: #4e9ef8; }
#kumamoto .recommend-sect__other a{ background: #fe3bb7; }
#kagoshima .recommend-sect__other a{ background: #fe923b; }

.recommend-sect__other a:after{
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;

	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;
}
.recommend-sect__other a:hover{
	opacity: .6;
}

@media screen and (max-width: 1120px) and (min-width: 740px) {
	.recommend-sect__cassette{
		margin: 10px 0 0 -10px;
	}
	.recommend-sect__list{
		margin: 10px 0 0 10px;
		width: calc(100% / 3 - 10px);
	}
	.recommend-sect__list a{
		padding: 15px;
	}
}


.coupon{
  position: relative;
  margin: 0 auto 30px;
  width: 800px;
}
.coupon a{
  position: relative;
  display: block;
  padding-top: 15px;
  text-align: center;
  color: #3f978c;
  border: solid 2px #3f978c;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #eafbfb), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #eafbfb),color-stop(.75, #eafbfb), color-stop(.75, transparent),to(transparent));
  -webkit-background-size: 7px 7px;
	transition: all 0.4s ease;
}
.coupon a:hover{
	opacity: .7;
}
.coupon a:before{
  position: absolute;
  left: 10px;
  top: 10px;
  content: "";
  display: inline-block;
  width: 119px;
  height: 64px;
  background: url("/kokunai/dynamic/jr/discoverwest/_images/coupon.png") center / 100% auto no-repeat;
}
.coupon-fuki{
  position: absolute;
  right: -10px;
  top: -30px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
  width: 90px;
  height: 90px;
  line-height: 1.1;
  color: #fdfa06;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 50vw;
  background: #3f978c;
}
.coupon-fuki::after{
  content: "";
  position: absolute;
  margin: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 20px solid #3f978c;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  transform: rotate(45deg);
}
.coupon-txt01{
  text-align: center;
}
.coupon-txt01 span{
  position: relative;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333;
  line-height: 1.0;
  background:linear-gradient(transparent 70%, #fee404 70%);
}

.coupon-txt02{
  margin-top: 5px;
  font-size: 2.2rem;
  font-weight: bold;
  color: #e1680f;
}
.coupon-bt{
  margin-top: 10px;
  padding: 5px 50px 5px 30px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  background: #3f978c;
}
.coupon-bt span{
  position: relative;
  padding-right: 20px;
}
.coupon-bt span:after{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;

	font-family: 'jtb-dom' !important;
	content: "\e976";
	text-decoration: none;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
}


/*  dpjr-link
============================================================================= */
.dpjr-link{
	margin: 50px auto;
	max-width: 700px;
	border-radius: 5px;
	background: #fff;
}
.dpjr-link a{
	position: relative;
	display: block;
	padding: 20px 40px 20px 20px;
	color: #0d72b8;
	text-align: center;
	border-radius: 5px;
	border: solid 3px #0d72b8;
	background: #fff;
	transition: all 0.4s ease;
}
.dpjr-link a:hover{
	opacity: .7;
}
.dpjr-link a:after{
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	font-size: 2.6rem;

	font-family: 'kkrs-dp' !important;
    content: "\e902";
	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;
}

.dpjr-link span{
	display: inline-block;
	position: relative;
	padding-left: 7.0em;
	text-align: left;
	font-size: 2.2rem;
	font-weight: bold;
}
.dpjr-link span:before{
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	font-size: 3.4rem;

	font-family: 'kkrs-dp' !important;
    content: "\e969＋\e960";
	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;
}
.dpjr-link em{
	font-size: 2.6rem;
	font-weight: bold;
}


/*  CLOSE
============================================================================= */
.close{
	margin: 100px auto 150px;
	text-align: center;
}
.close-txt{
	font-size: 3.0rem;
	font-weight: bold;
}
.close-bt{
	margin: 50px auto 0;
	padding: 0 20px;
	max-width: 500px;
}
.close-bt a{
	display: block;
	padding: 20px;
	color: #fff;
	font-size: 2.0rem;
	font-weight: bold;
	border-radius: 8px;
	background: #cc0d21;
	transition: all 0.4s ease;
}
.close-bt a:hover{
	text-decoration: none;
	opacity: .6;
}
.close-bt a span:after{
	margin-left: 20px;
	font-family: 'jtb-dom' !important;
	text-decoration: none;
	content: "\e905";
	speak: none;
	color: #fff;
	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;
}


/*  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;
	width: 100%;
}
.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);
	width: 100%;
	height: 100%;
}
.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%;
}
[dir='rtl'] .slick-slide{
	float: right;
}
.slick-slide img{
	display: block;
}
.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;
}

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

/* Arrow */
.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 65px;
	display: block;
	width: 50px;
	height: 50px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	z-index: 2;
	background: none;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	opacity: .25;
}
.slick-prev:before, .slick-next:before {
	font-family: 'kkrs-dp';
	font-size: 3.0rem;
	line-height: 1;
	opacity: .75;
	color: #555;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\e902';
}
.slick-prev {
	left: -50px;
    -webkit-transform: rotateZ(-180deg);
    transform: rotateZ(-180deg);
}
.slick-next {
	right: -50px;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}

/* Dots */
.slick-dotted.slick-slider{
    margin-bottom: 30px;
}
.slick-dots{
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus{
    outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{
    opacity: 1;
}
.slick-dots li button:before{
    font-size: 1.0rem;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '●';
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
    opacity: .75;
    color: black;
}
.slick-dots > li:first-child:last-child {
    display: none;
}


.comingsoon{
	margin: 100px auto;
	padding: 100px 0;
	max-width: 1280px;
	background: #f5f5f5;
	text-align: center;
}
.comingsoon_txt02{
	font-size: 3.0rem;
}