﻿@charset "UTF-8";

/* ---------------------------------------------------------
	CSS sphone > sightseeing
--------------------------------------------------------- */
body {
  -webkit-text-size-adjust: 100%;
}
.mb_0{
	margin-bottom:0px !important;
}
.mb_10{
	margin-bottom:10px !important;
}
.mb_20{
	margin-bottom:20px !important;
}
.mb_30{
	margin-bottom:30px !important;
}
.mb_40{
	margin-bottom:40px !important;
}
.mb_50{
	margin-bottom:50px !important;
}
.mb_60{
	margin-bottom:60px !important;
}
.mb_70{
	margin-bottom:70px !important;
}

.mt_10{
	margin-top:10px !important;
}
.mt_20{
	margin-top:20px !important;
}
.mt_30{
	margin-top:30px !important;
}
.mt_40{
	margin-top:40px !important;
}
.mt_50{
	margin-top:50px !important;
}


.button.trans-bottom a:after{
	transform: rotate( 135deg );
	margin-top: -10px;
}
.button.trans-top a:after{
	transform: rotate( -45deg );
	margin-top: -5px;
}

.head_bn{
	width: 60%;
	margin: 5px;
}
.top_0px{
	margin-top:0px !important;
	padding-top:0px !important;
}

article#sightseeing{
	max-width: 960px;
	text-align: center;
	margin: 0 auto;
	color: #26354c;
}
article#sightseeing a,
article#sightseeing a:hover,
article#sightseeing a:visited{
	color: #0062ff;
}
article#sightseeing img{
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

article#sightseeing p{
	font-size: 28px;
	color: #55647f;
	text-align: left;
	line-height: 1.9;
	margin: 0 40px;
	padding: 40px 0 0;
}

article#sightseeing .title_h2{
	font-size: 68px;
	font-weight: lighter;
	line-height: 96px;
	margin: 0 40px 30px;
}
article#sightseeing .title_h2 > span{
	font-size: 40px;
}
article#sightseeing .title_h2 > strong{
	padding-top: 0px;
	font-weight: normal;
	display: inline-block;
}
article#sightseeing .title_h2 > span + strong{
	padding-top: 0;
	display: inline;
}
article#sightseeing .title_h3{
	font-size: 52px;
	font-weight: normal;
	margin: 0 40px;
	padding: 40px 0 30px;
}

@media screen and (max-width: 960px) {
	article#sightseeing p{
		font-size: 14px;
		margin: 0 20px;
		padding: 0 0 18px;
	}
	article#sightseeing .title_h2{
		font-size: 27px;
		line-height: 36px;
		margin: 14px 10px;
	}
	article#sightseeing .title_h2 > span{
		font-size: 20px;
		display: inline-block;
    line-height: 1.2;
	}
	article#sightseeing .title_h2 > strong{
		padding-top: 0;
	}
	article#sightseeing .title_h2 > span + strong{
		padding-top: 0;
		font-weight: normal;
	}
	article#sightseeing .title_h3{
		font-size: 22px;
		margin: 0 0 15px;
		padding: 0;
		line-height:1.2;
	}
	article#sightseeing p + .title_h3{
		padding-top: 30px;
	}
}
/* Title */
article#sightseeing .main_bn{
	margin-bottom: 20px;
}
article#sightseeing .title_h1{
	font-size: 68px;
	font-weight: normal;
	line-height: 1.2;
	margin: 0 40px 45px;
}
article#sightseeing .title_h1 span.h1_s{
	display: inline-block;
	font-size: 34px;
	padding-bottom: 30px;
}
article#sightseeing .title_h1 span.h1_m{
	font-size: 52px;
}

@media screen and (max-width: 960px) {
	article#sightseeing .title{
		margin-bottom: 20px;
	}
	article#sightseeing .title_h1{
		font-size: 27px;
		margin: 0 10px 23px;
	}
	article#sightseeing .title_h1 span.h1_s{
		font-size: 17px;
		padding-bottom: 10px;
	}
	article#sightseeing .title_h1 span.h1_m{
		font-size: 20px;
		padding:10px;
	}
}

/* Social */
article#sightseeing .social{
	margin: 0 40px;
	overflow: hidden;
}
article#sightseeing .social li{
	float: right;
	margin-left: 40px;
}

@media screen and (max-width: 960px) {
	article#sightseeing .social{
		margin: 0 10px;
	}
	article#sightseeing .social li{
		margin-left: 10px;
	}
}

/* Menu */
article#sightseeing .menu{
	text-align: left;
}
article#sightseeing .menu ul{
	margin: 40px 40px 160px;
	border-top: solid 1px #26354c;
}
article#sightseeing .menu ul li a{
	display: block;
	font-size: 30px;
	font-weight: bold;
	color: #26354c;
	text-decoration: none;
	padding: 40px 30px;
	border-bottom: solid 1px #26354c;
	background-image: url(../img/ico_01.png);
	background-repeat: no-repeat;
	background-position: right 30px center;
}

@media screen and (max-width: 960px) {
	article#sightseeing section.menu ul{
		margin: 20px 20px 80px;
	}
	article#sightseeing section.menu ul li a{
		font-size: 14px;
		padding: 18px 45px 17px 15px;
		background-size: 20px auto;
		background-position: right 15px center;
	}
}

/* How to Fun */
article#sightseeing .howfun_to_room_plan{
	display: inline-block;
	position: fixed;
	top: 33px;
	right: 30px;
	z-index: 999;
	line-height: 1;
}
article#sightseeing .howfun_to_room_plan a{
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	white-space: nowrap;
	padding: 16px 60px 14px 18px;
	background-color: #124199;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

article#sightseeing .howfun_to_room_plan a:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 18px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #fff;
}
article#sightseeing .howfun_to_room_plan a:after{
	display: block;
	content: "";
	position: absolute;
	top: 60%;
	right: 25px;
	width: 0;
	height: 0;
	margin-top: -8px;
	border: 5px solid transparent;
	border-top: 8px solid #124199;
}


article#sightseeing .box_text01{
	margin: 0 40px;
}
article#sightseeing .pic{
	margin-bottom: 40px;
}
article#sightseeing .box_text01 p{
	margin: 0;
	line-height: 1.9;
	margin-bottom:20px;
}
article#sightseeing .gray{
	font-size: 28px;
	text-align: left;
	color: #55647f;
	margin: 25px 0 75px 0;
	padding: 25px 35px;
}

article#sightseeing .appeal,
article#sightseeing .howfun{
	margin-bottom: 160px;
}
article#sightseeing .child_spot{
	padding: 0 40px;
}
article#sightseeing .child_spot .child_spot_bt{
	font-size: 32px;
	font-weight: bold;
	text-align: left;
	background-color: #e5e7e9;
	margin: 40px 0;
	padding: 25px 35px;
}

	/* child_spot accordion */
	article#sightseeing .child_spot .child_spot_bt{
		display: block;
		cursor: pointer;
		background-image: url(../img/ico_02.png);
		background-repeat: no-repeat;
		background-position: right 18px center;
	}
	article#sightseeing .child_spot .child_spot_bt.active{
		background-image: url(../img/ico_02_off.png);
	}
	article#sightseeing .child_spot .child_spot_box{
		display: none;
	}
	article#sightseeing .child_spot .child_spot_box > .box{
		text-align: left;
		margin-bottom: 40px;
		background-color: #e5e7e9;
		display: inline-block;
	}
	article#sightseeing .child_spot .child_spot_box > .box .title_h3{
		font-size: 32px;
		font-weight: bold;
		padding: 40px 0 0;
	}
	article#sightseeing .child_spot .child_spot_box > .box p{
		margin: 0 40px;
	}	
	article#sightseeing .child_spot .child_spot_box > .box dl{
		color: #55647f;
		margin: 40px 40px;
	}
	article#sightseeing .child_spot .child_spot_box > .box dt{
		font-size: 24px;
		font-weight: bold;
		color: #26354c;
		margin-bottom: 10px;
	}
	article#sightseeing .child_spot .child_spot_box > .box dd{
		font-size: 28px;
		margin-bottom: 15px;
	}
	article#sightseeing .child_spot .child_spot_box > .box .see_map{
		font-size: 26px;
		text-align: right;
		margin: 0 40px 40px;
	}
	article#sightseeing .child_spot .child_spot_box > .box .see_map a:before{
		position: relative;
		display: inline-block;
		content: '';
		width: 12px;
		height: 12px;
		margin-top: -6px;
		margin-right: 15px;
		border-top: 3px solid #26354c;
		border-right: 3px solid #26354c;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

@media screen and (max-width: 960px) {
	article#sightseeing .howfun_to_room_plan{
		top: 16px;
		right: 15px;
	}
	article#sightseeing .howfun_to_room_plan a{
		font-size: 18px;
		padding: 8px 40px 7px 9px;
	}
	article#sightseeing .howfun_to_room_plan a:before{
		right: 10px;
		width: 18px;
		height: 18px;
		margin-top: -9px;
	}
	article#sightseeing .howfun_to_room_plan a:after{
		top: 65%;
		right: 14px;
		margin-top: -8px;
		border: 5px solid transparent;
		border-top: 8px solid #124199;
	}
	article#sightseeing .box_text01{
		margin: 0 10px;
	}
	article#sightseeing .pic{
		margin: 0 0 18px;
	}
	article#sightseeing .gray{
		font-size: 16px;
		padding: 13px 23px;
		margin: 0;
		padding: 13px 18px;
	}
	article#sightseeing .howfun,
	article#sightseeing .appeal{
		margin-bottom: 50px;
	}
	article#sightseeing .child_spot{
		padding: 0 20px;
	}
	article#sightseeing .child_spot .child_spot_bt{
		font-size: 16px;
		background-size: 20px auto;
		margin: 20px 0 0;
		padding: 13px 18px;
	}

	/* child_spot accordion */
	article#sightseeing .child_spot .child_spot_bt{
		background-position: right 9px center;
	}
	article#sightseeing .child_spot .child_spot_box > .box{
		margin-bottom: 20px;
		width: 100%;
	}
	article#sightseeing .child_spot .child_spot_box > .box .title_h3{
		font-size: 14px;
		margin: 0 10px 5px;
		padding: 10px;
	}
	article#sightseeing .child_spot .child_spot_box > .box p{
		margin: 0 10px;
	}
	article#sightseeing .child_spot .child_spot_box > .box dl{
		margin: 0 10px 10px;
	}
	article#sightseeing .child_spot .child_spot_box > .box dt{
		font-size: 14px;
		margin-bottom: 2px;
	}
	article#sightseeing .child_spot .child_spot_box > .box dd{
		font-size: 14px;
		margin-bottom: 7px;
	}
	article#sightseeing .child_spot .child_spot_box > .box .see_map{
		font-size: 13px;
		margin: 0 20px 20px;
	}
	article#sightseeing .child_spot .child_spot_box > .box .see_map a:before{
		width: 8px;
		height: 8px;
		margin-top: -4px;
		margin-right: 10px;
		border-top: 2px solid #26354c;
		border-right: 2px solid #26354c;
	}
}

/* Appeal */


article#sightseeing .slide_appeal_01{
	margin-top: 40px;
	margin-bottom: 40px;
}
article#sightseeing .slide_appeal_01 .box .thumb{
	padding: 0 40px 90px;
}
article#sightseeing .slide_appeal_01 dt{
	font-size: 52px;
	font-weight: bold;
	padding: 0 40px 0;
}
article#sightseeing .slide_appeal_01 dd{
	font-size: 30px;
	color: #55647f;
	text-align: left;
	line-height: 1.7;
	padding: 40px;
}

	/* Slider 01 */
	article#sightseeing .slide_appeal_01 .slick-prev,
	article#sightseeing .slide_appeal_01 .slick-next{
		background-color: #FFF;
		width: 80px;
		height: 100px;
		top: 0;
		margin-top: 30%;
		z-index: 100;
	}
	article#sightseeing .slide_appeal_01 .slick-prev{
		left: 0;
	}
	article#sightseeing .slide_appeal_01 .slick-prev:before{
		position: relative;
		display: inline-block;
		content: '';
		width: 20px;
		height: 20px;
		margin-right: -20px;
		border-top: 6px solid #26354c;
		border-right: 6px solid #26354c;
		-webkit-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	article#sightseeing .slide_appeal_01 .slick-next{
		right: 0;
	}
	article#sightseeing .slide_appeal_01 .slick-next:before{
		position: relative;
		display: inline-block;
		content: '';
		width: 20px;
		height: 20px;
		margin-left: -20px;
		border-top: 6px solid #26354c;
		border-right: 6px solid #26354c;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	article#sightseeing .slide_appeal_01 .slick-dots{
		height: 40px;
	}
	article#sightseeing .slide_appeal_01 .slick-dots li{
		margin-left: 12px;
		margin-right: 12px;
	}
	article#sightseeing .slide_appeal_01 .slick-dots li button:before{
		font-size: 16px;
	}
	article#sightseeing .slide_appeal_01 .slick-dots{
		position: absolute;
		bottom: 0;
		margin-top: 615px;
		z-index: 1;
	}
article#sightseeing .slide_appeal_02{
	text-align: left;
	margin: 40px 40px;
	padding: 40px;
	background-color: #e5e7e9;
}

article#sightseeing .slide_appeal_02_box > img{
	vertical-align: bottom;
}
article#sightseeing .slide_appeal_02_box dt{
	font-size: 32px;
	font-weight: bold;
	padding: 20px 0 0px;
}
article#sightseeing .slide_appeal_02_box.slick-slider dl{
	padding-top: 45px;
}
article#sightseeing .slide_appeal_02_box dd{
	font-size: 30px;
	color: #55647f;
	text-align: left;
	line-height: 1.9;
	padding: 0;
	margin:0;
}
	/* Slider 02 */
	article#sightseeing .slide_appeal_02_box .slick-prev,
	article#sightseeing .slide_appeal_02_box .slick-next{
		background-color: #e5e7e9;
		width: 80px;
		height: 100px;
		top: 0;
		margin-top: 32%;
		z-index: 100;
	}
	article#sightseeing .slide_appeal_02_box .slick-prev{
		left: -40px;
		top:-15px;
	}
	article#sightseeing .slide_appeal_02_box .slick-prev:before{
		position: relative;
		display: inline-block;
		content: '';
		width: 20px;
		height: 20px;
		margin-right: -20px;
		border-top: 6px solid #26354c;
		border-right: 6px solid #26354c;
		-webkit-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	article#sightseeing .slide_appeal_02_box .slick-next{
		right: -40px;
		top:-15px;
	}
	article#sightseeing .slide_appeal_02_box .slick-next:before{
		position: relative;
		display: inline-block;
		content: '';
		width: 20px;
		height: 20px;
		margin-left: -20px;
		border-top: 6px solid #26354c;
		border-right: 6px solid #26354c;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	article#sightseeing .slide_appeal_02_box .slick-dots{
		height: 30px;
	}
	article#sightseeing .slide_appeal_02_box .slick-dots li{
		margin-left: 12px;
		margin-right: 12px;
	}
	article#sightseeing .slide_appeal_02_box .slick-dots li button:before{
		font-size: 16px;
	}
	article#sightseeing .slide_appeal_02_box .slick-dots{
		width: 100%;
		position: absolute;
		top: 0;
		margin-top: 68%;
		z-index: 1;
	}


@media screen and (max-width: 960px) {


	article#sightseeing .slide_appeal_01{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	article#sightseeing .slide_appeal_01 .box .thumb{
		padding: 0 0px 45px;
	}
	article#sightseeing .slide_appeal_01 dt{
		font-size: 26px;
		padding: 0 10px 0;
	}
	article#sightseeing .slide_appeal_01 dd{
		font-size: 17px;
		padding: 20px 10px;
	}

	article#sightseeing .slide_appeal_02{
		margin: 20px 10px 0;
		padding: 20px 10px;
	}
	article#sightseeing .slide_appeal_02_box{
		margin: 0;
	}
	article#sightseeing .slide_appeal_02_box > img{
		vertical-align: bottom;
	}
	article#sightseeing .slide_appeal_02_box dt{
			font-size: 15px;
			padding: 10px 0 0;
			line-height:1.9;
	}
	article#sightseeing .slide_appeal_02_box.slick-slider dl{
		padding-top: 10px;
	}
	article#sightseeing .slide_appeal_02_box dd{
		font-size: 14px;
	}

	/* Slider 01 */
	article#sightseeing .slide_appeal_01 .slick-prev,
	article#sightseeing .slide_appeal_01 .slick-next{
		width: 25px;
		height: 50px;
	}
	article#sightseeing .slide_appeal_02_box .slick-prev{
		left: -10px;
		top:-10px;
	}
	article#sightseeing .slide_appeal_02_box .slick-next{
		right: -10px;
		top:-10px;
	}
	article#sightseeing .slide_appeal_01 .slick-dots li{
		margin-left: 6px;
		margin-right: 6px;
	}
	article#sightseeing .slide_appeal_01 .slick-dots li button:before{
		font-size: 10px;
	}
	article#sightseeing .slide_appeal_01 .slick-prev:before{
		width: 12px;
		height: 12px;
		margin-right: -5px;
		border-top: 3px solid #26354c;
		border-right: 3px solid #26354c;
	}
	article#sightseeing .slide_appeal_01 .slick-next:before{
		width: 12px;
		height: 12px;
		margin-left: -5px;
		border-top: 3px solid #26354c;
		border-right: 3px solid #26354c;
	}
	article#sightseeing .slide_appeal_01 .slick-dots{
		margin-top: 68%;
	}

	/* Slider 02 */
	article#sightseeing .slide_appeal_02_box .slick-prev,
	article#sightseeing .slide_appeal_02_box .slick-next{
		width: 40px;
		height: 50px;
	}
	article#sightseeing .slide_appeal_02_box .slick-dots li{
		margin-left: 6px;
		margin-right: 6px;
	}
	article#sightseeing .slide_appeal_02_box .slick-dots li button:before{
		font-size: 10px;
	}
	article#sightseeing .slide_appeal_02_box .slick-prev:before{
		width: 12px;
		height: 12px;
		margin-right: -12px;
		border-top: 3px solid #26354c;
		border-right: 3px solid #26354c;
	}
	article#sightseeing .slide_appeal_02_box .slick-next:before{
		width: 12px;
		height: 12px;
		margin-left: -12px;
		border-top: 3px solid #26354c;
		border-right: 3px solid #26354c;
	}
}

/* Room Plan */
article#sightseeing section.room_plan{
}
article#sightseeing section.room_plan .title_h2 + p{
	margin-bottom: 60px;
	padding-top: 0;
}
article#sightseeing .room{
	text-align: left;
	margin: 40px;
}
article#sightseeing .room > img{
	vertical-align: bottom;
}
article#sightseeing .room .slide_room{
	margin-bottom: 90px;
}
article#sightseeing .room .slide_room img{
	vertical-align: top;
}
article#sightseeing .room dt{
	font-size: 48px;
	font-weight: normal;
	line-height: 1.3;
}
article#sightseeing .room dt > span{
	font-size: 32px;
}
article#sightseeing .room dd{
	font-size: 28px;
	color: #55647f;
	text-align: left;
	line-height: 2;
	padding: 40px 0;
}

	/* Slider Room */
	article#sightseeing .room .slick-prev,
	article#sightseeing .room .slick-next{
		background-color: #FFF;
		width: 40px;
		height: 100px;
		top: 0;
		margin-top: 32%;
		z-index: 100;
	}
	article#sightseeing .room .slick-prev{
		left: -1px;
	}
	article#sightseeing .room .slick-prev:before{
		position: relative;
		display: inline-block;
		content: '';
		width: 20px;
		height: 20px;
		margin-right: 20px;
		border-top: 6px solid #26354c;
		border-right: 6px solid #26354c;
		-webkit-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	article#sightseeing .room .slick-next{
		right: 0;
	}
	article#sightseeing .room .slick-next:before{
		position: relative;
		display: inline-block;
		content: '';
		width: 20px;
		height: 20px;
		margin-left: 10px;
		border-top: 6px solid #26354c;
		border-right: 6px solid #26354c;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	article#sightseeing .room .slick-dots{
		bottom: -50px;
	}
	article#sightseeing .room .slick-dots li{
		margin-left: 12px;
		margin-right: 12px;
	}
	article#sightseeing .room .slick-dots li button:before{
		font-size: 16px;
	}


article#sightseeing .plan .title_h3{
	padding: 18px 0;
}
article#sightseeing .plan .pic{
	margin: 40px 40px 0;
}
article#sightseeing .plan .pic img{
	vertical-align: bottom;
}
article#sightseeing .border-blue{
	margin: 0;
	background: #26354d;
	height: 15px;
	border: none;
}
article#sightseeing .plan > p{
	padding: 0 0 40px 0;
}

article#sightseeing .limited{
	text-align: left;
	margin: 0 40px 40px;
	display: inline-block;
}
article#sightseeing .limited dl{
	clear: both;
	margin-bottom: 20px;
}
article#sightseeing .limited dt{
	width: 12%;
	float: left;
	padding: 1% 0 0 0;
}
article#sightseeing .limited dt > span{
	display: inline-block;
	font-size: 20px;
	color: #FFF;
	white-space: nowrap;
	line-height: 1;
	padding: 10px 12px 6px;
	background-color: #0062ff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
article#sightseeing .limited dd{
	width: 88%;
	float: left;
	font-size: 32px;
}

article#sightseeing .bonus{
	clear: both;
	display: block;
	text-align: left;
	background-color: #e5e7e9;
	margin: 0 40px 55px;
	padding: 40px 40px 0 40px;
}
article#sightseeing .bonus h4{
	font-size: 32px;
	font-weight: bold;
	padding: 0 40px 30px 110px;
	margin-bottom: 45px;
	border-bottom: solid 4px #FFF;
}
article#sightseeing .bonus li{
	display: inline-block;
	font-size: 30px;
	font-weight: bold;
	padding-left: 80px;
	margin-bottom: 40px;
	background-image: url(../img/ico_03.png);
	background-repeat: no-repeat;
	background-position: left 2%;
}
article#sightseeing .bonus li a{
	font-size: 26px;
	position: relative;
	display: block;
	padding: 10px 0 10px 40px;
}
article#sightseeing .bonus li a:after{
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 3px solid #26354c;
	border-right: 3px solid #26354c;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

article#sightseeing section.room_plan .deals{
	margin-bottom: 60px;
}
article#sightseeing section.room_plan .deals .title_h3{
	font-size: 32px;
	font-weight: bold;
	color: #FFF;
	width: 40%;
	margin: 0 auto;
	padding: 30px 0;
	background-color: #124199;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
}
article#sightseeing section.room_plan .deals .box{
	display: block;
	padding: 55px 40px 30px;
	background-color: #58a5e8;
}
article#sightseeing section.room_plan .deals .box h4{
	font-size: 52px;
	font-weight: normal;
	color: #FFF;
	margin-bottom: 50px;
}
article#sightseeing section.room_plan .deals .box .deals_bt{
	text-align: left;
}
article#sightseeing section.room_plan .deals .box .deals_bt a{
	display: block;
	font-size: 34px;
	font-weight: bold;
	text-decoration: none;
	padding: 40px 50px 40px 40px;
	background-color: #FFF;
	border-left: solid 1px #3573c0;
	border-right: solid 1px #3573c0;
	border-bottom: solid 5px #3573c0;
	border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	position: relative;
	display: block;
}
article#sightseeing section.room_plan .deals .box .deals_bt a:after{
	position: absolute;
	top: 50%;
	right: 25px;
	display: block;
	content: '';
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border-top: 5px solid #3573c0;
	border-right: 5px solid #3573c0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
article#sightseeing section.room_plan .deals .box .deals_link{
	text-align: right;
	margin: 0 0 30px 0;
}
article#sightseeing section.room_plan .deals .box .deals_link:last-child{
	margin: 0;
}
article#sightseeing section.room_plan .deals .box .deals_link a{
	display: block;
	color: #FFF;
}
article#sightseeing section.room_plan .deals .box .deals_link a:after{
	position: relative;
	display: inline-block;
	content: '';
	width: 12px;
	height: 12px;
	margin-top: -6px;
	margin-right: 10px;
	border-top: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

article#sightseeing .other_plan,
article#sightseeing .free_plan{
	text-align: left;
	overflow: hidden;
	margin-bottom: 40px;
}
article#sightseeing .other_plan .title_h3,
article#sightseeing .free_plan .title_h3{
	font-size: 32px;
	font-weight: normal;
	margin-bottom: 40px;
	padding: 0;
	border-bottom: solid 6px #26354d;
}
article#sightseeing .free_plan .title_h3{
	margin-bottom: 30px;
}
article#sightseeing .other_plan ul,
article#sightseeing .free_plan ul{
	margin: 0 40px 40px 40px;
	overflow: hidden;
}
article#sightseeing .other_plan li,
article#sightseeing .free_plan li{
	float: left;
	width: 50%;
	padding: 0;
	box-sizing: border-box;
}
article#sightseeing .other_plan li a,
article#sightseeing .free_plan li a{
	font-size: 30px;
}
article#sightseeing .free_plan li a{
	width: auto;
}
article#sightseeing .other_plan li a:before,
article#sightseeing .free_plan li a:before{
	position: relative;
	display: inline-block;
	content: '';
	width: 12px;
	height: 12px;
	margin-top: -6px;
	margin-left: -6px;
	margin-right: 15px;
	border-top: 3px solid #26354c;
	border-right: 3px solid #26354c;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media screen and (max-width: 960px) {
	article#sightseeing section.room_plan .title_h2 + p{
		margin-bottom: 30px;
	}
	article#sightseeing .room{
		margin: 20px 10px 30px;
	}
	article#sightseeing .room .slide_room{
		margin-bottom: 45px;
		line-height: 1.2;
	}
	article#sightseeing .room dt{
		font-size: 24px;
	}
	article#sightseeing .room dt > span{
		font-size: 18px;
	}
	article#sightseeing .room dd{
		font-size: 14px;
		padding: 20px 0;
	}

	/* Slider Room */
	article#sightseeing .room .slick-prev,
	article#sightseeing .room .slick-next{
		width: 20px;
		height: 50px;
	}
	article#sightseeing .room .slick-dots li{
		margin-left: 6px;
		margin-right: 6px;
	}
	article#sightseeing .room .slick-dots li button:before{
		font-size: 10px;
	}
	article#sightseeing .room .slick-prev:before{
		width: 12px;
		height: 12px;
		margin-right: 10px;
		border-top: 3px solid #26354c;
		border-right: 3px solid #26354c;
	}
	article#sightseeing .room .slick-next:before{
		width: 12px;
		height: 12px;
		margin-left: 2px;
		border-top: 3px solid #26354c;
		border-right: 3px solid #26354c;
	}
	article#sightseeing .room .slick-dots{
		bottom: -25px;
	}

	article#sightseeing .plan .pic{
		margin: 20px 20px 0;
	}
	article#sightseeing .border-blue{
		height: 7px;
		margin-bottom:10px;
	}
	article#sightseeing .plan > p{
		padding: 0 0 20px 0;
	}

	article#sightseeing .limited{
		margin: 0 10px 20px;
	}
	article#sightseeing .limited dl{
		margin-bottom: 10px;
	}
	article#sightseeing .limited dt{
		padding: 0;
	}
	article#sightseeing .limited dt > span{
		font-size: 10px;
		padding: 5px 6px;
	}
	article#sightseeing .limited dd{
		font-size: 14px;
		line-height:1.9;
	}

	article#sightseeing .bonus{
		margin: 0 10px 15px;
		padding: 20px 10px 0 10px;
	}
	article#sightseeing .bonus h4{
		font-size: 16px;
		padding: 0 0px 15px 0;
		text-align:center;
		margin-bottom: 20px;
		border-bottom: solid 2px #FFF;
	}
	article#sightseeing .bonus li{
		font-size: 13px;
		padding-left: 40px;
		margin-bottom: 20px;
		background-size: 24px auto;
	}
	article#sightseeing .bonus li a{
		font-size: 13px;
		padding: 5px 0 5px 20px;
	}
	article#sightseeing .bonus li a::after{
		width: 4px;
		height: 4px;
		margin-top: -2px;
		border-top: 2px solid #26354c;
		border-right: 2px solid #26354c;
	}

	article#sightseeing section.room_plan .deals{
		margin-bottom: 30px;
	}
	article#sightseeing .deals{
		margin-top: 20px;
	}
	article#sightseeing section.room_plan .deals .title_h3{
		font-size: 18px;
		padding: 15px 0;
		border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
	}
	article#sightseeing section.room_plan .deals .box{
		padding: 28px 20px 15px;
	}
	article#sightseeing section.room_plan .deals .box h4{
		font-size: 26px;
		margin-bottom: 25px;
	}
	article#sightseeing section.room_plan .deals .box .deals_bt a{
		font-size: 17px;
		padding: 20px 25px 20px 20px;
		border-bottom: solid 3px #3573c0;
		border-radius: 0 0 1px 1px;
		-moz-border-radius: 0 0 1px 1px;
		-webkit-border-radius: 0 0 1px 1px;
	}
	article#sightseeing section.room_plan .deals .box .deals_bt a::after{
		width: 8px;
		height: 8px;
		margin-top: -4px;
		border-top: 3px solid #3573c0;
		border-right: 3px solid #3573c0;
	}
	article#sightseeing section.room_plan .deals .box .deals_link{
		margin: 0 0 15px 0;
	}
	article#sightseeing section.room_plan .deals .box .deals_link a::after{
		width: 6px;
		height: 6px;
		margin-top: -3px;
		margin-right: 5px;
		border-top: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
	}

	article#sightseeing .other_plan,
	article#sightseeing .free_plan{
		margin-bottom: 20px;
	}
	article#sightseeing .other_plan .title_h3,
	article#sightseeing .free_plan .title_h3{
		font-size: 18px;
		margin: 0 20px 20px;
		border-bottom: solid 3px #26354d;
	}
	article#sightseeing .free_plan .title_h3{
		margin-bottom: 15px;
	}
	article#sightseeing .other_plan ul,
	article#sightseeing .free_plan ul{
		margin: 0 20px 20px 20px;
	}
	article#sightseeing .other_plan li,
	article#sightseeing .free_plan li{
		width:95%;
	}
	article#sightseeing .other_plan li a,
	article#sightseeing .free_plan li a{
		font-size: 15px;
		padding: 9px 15px 9px 0;
		position: relative;
		display: block;
	}
	article#sightseeing .other_plan li a:before,
	article#sightseeing .free_plan li a:before{
		width: 6px;
		height: 6px;
		margin-top: -3px;
		margin-left: -3px;
		border-top: 2px solid #0062ff;
		border-right: 2px solid #0062ff;
		position: absolute;
    right: 0;
    top: 50%;
    margin-right: 3px;
	}
}

.pl-button {
	list-style: none;
	border: 1px solid #886e34;
	max-width: 600px;
	width: 90%;
	margin: 1em auto 0.5em;
}
.pl-button.navy_blue {
	border: 1px solid #324c7b;
}

.pl-button__item {
	font-size: 14px;
	font-weight: 700;
	text-align: left;
}

article#sightseeing .pl-button__item a {
	position: relative;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #886e34;
	height: 55px;
	line-height: 1.2;
	padding-left: 1em;
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	box-sizing: border-box;
}
article#sightseeing .navy_blue .pl-button__item a {
	border-bottom: 1px solid #324c7b;
}

article#sightseeing .pl-button__item:last-child a {
	border-bottom: none;
}

article#sightseeing .pl-button__item a:link,
article#sightseeing .pl-button__item a:visited {
	color: #886e34;
}
article#sightseeing .navy_blue .pl-button__item a:link,
article#sightseeing .navy_blue .pl-button__item a:visited {
	color: #324c7b;
}

article#sightseeing .pl-button__item a::after {
	position: absolute;
	top: 50%;
	right: 15px;
	content: '';
	width: 10px;
	height: 10px;
	margin-top: -7px;
	border-top: 2px solid #886e34;
	border-right: 2px solid #886e34;
	transform: rotate(45deg);
}
article#sightseeing .navy_blue .pl-button__item a::after {
	border-top: 2px solid #324c7b;
	border-right: 2px solid #324c7b;
}

/* �߉�ʊكI�����W�{�^�� */
article#sightseeing .pl-primary {
	margin: 0 0 2em;
}

article#sightseeing section.room_plan .plan .pl-primary__text {
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	color: #2a241e;
}

article#sightseeing .pl-primary__button {
	position: relative;
	display: inline-block;
	max-width: 600px;
	width: 90%;
	height: 85px;
	line-height: 1.3;
	background-color: #e8931e;
	font-size: 17px;
	font-weight: 700;
	border-radius: 5px;
	box-shadow: 0 5px 10px #aaa;
	text-align: left;
	padding-left: 1em;
	box-sizing: border-box;
	transition-duration: 50ms;
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto;
}

article#sightseeing .pl-primary__button:after {
	content: "";
	background-image: url(../img/ico_arrow_01.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -15px;
	line-height: 0;
}

article#sightseeing .pl-primary__button:link,
article#sightseeing .pl-primary__button:visited {
	color: #fff;
	text-decoration: none;
}


/* Voice */
article#sightseeing .voice{
	margin-bottom: 30px;
	padding: 30px 40px 40px;
	border-top: solid 15px #666666;
	background-color: #f0f0f0;
}
article#sightseeing .voice h2{
	font-size: 52px;
	font-weight: normal;
	color: #4c4c4c !important;
	margin: 0 40px 20px;
}

@media screen and (max-width: 960px) {
	article#sightseeing .voice{
		margin-bottom: 15px;
		padding: 15px 20px 20px;
		border-top: solid 8px #666666;
		overflow: hidden;
	}
	article#sightseeing .voice h2{
		font-size: 26px;
		margin: 0 20px 10px;
		line-height: 1.7;
	}
}

/* Similar */
article#sightseeing .similar{
	margin-bottom: 30px;
	padding: 40px;
}
article#sightseeing .similar h2{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #666666 !important;
	margin: 0 0 50px;
	line-height: 1.7;
}
article#sightseeing .similar .box{
	clear: both;
	overflow: hidden;
	text-align: left;
	margin-bottom: 60px;
}
article#sightseeing .similar .box .thumb{
	float: left;
	width: 31%;
}
article#sightseeing .similar .box .thumb img{
	border-radius:8px;
}
article#sightseeing .similar .box strong{
	float: left;
	width: 65%;
	font-size: 30px;
	line-height: 1.7;
	padding-left: 4%;
}

@media screen and (max-width: 960px) {
	article#sightseeing .similar{
		margin-bottom: 15px;
		padding: 0 20px 20px;
	}
	article#sightseeing .similar h2{
		font-size: 17px;
		margin: 0 0 25px;
	}
	article#sightseeing .similar .box{
		margin-bottom: 15px;
	}
	article#sightseeing .similar .box strong{
		font-size: 15px;
	}
}

/* Footer add */
.footer_bt_area{
	text-align: center;
}
.footer_bt_area h3{
	margin-bottom: 20px;
}
.footer_bt_area .bt_link a{
	display: block;
	width: 90%;
	margin: 0 auto;
	font-size: 18px;
	line-height: 2.5em;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background: url(../img/btn_links.png) no-repeat 100% 100% #ffffff;
	background-size: auto 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 2px 2px #cccccc;
	-moz-box-shadow: 1px 2px 2px #cccccc;
	-webkit-box-shadow: 1px 2px 2px #cccccc;
}
#globalFooter{
	margin-top: 20px;
}


/* ---------------------------------------------------------
	CSS SP > Component
--------------------------------------------------------- */
.component{
	 text-align: center;
	 padding: 50px 0;
}
/* --
Tab
--------------------------------------------------------- */
.tab_menu{
	width: 880px;
	margin: 0 auto;
	overflow: hidden;
}
.tab_menu ul{
	display: table;
}
.tab_menu li{
	display: table-cell;
	line-height: 1.5;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #0062ff;
	cursor: pointer;
	margin: 0;
	padding: 10px;
	background-color: #FFF;
}
.tab_content{
	clear: both;
	overflow: hidden;
	width: 880px;
	margin: 0 auto;
}
.tab_body{
	display: none;
	padding: 30px 20px;
}
.tab_body ul{
	overflow: hidden;
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	flex-grow: 1;

	-webkit-box-pack: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;

	align-content: center;

	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.tab_body li a{
	display: table-cell;
	width: 246px;
	line-height: 1.5;
	font-size: 32px;
	font-weight: bold;
	color: #0062ff;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	padding: 10px;
	background-color: #FFF;
	position: relative;
}

/* Color */
.gray .tab_menu li.active,
.gray .tab_content{
	color: #26354c;
	background-color: #e5e7e9;
}
.blue .tab_menu li.active,
.blue .tab_content{
	color: #FFF;
	background-color: #124199;
}
.lightblue .tab_menu li.active,
.lightblue .tab_content{
	color: #FFF;
	background-color: #58a5e8;
}

/* Tab Two */
.tab-two{
	margin: 0 40px;
	margin-bottom: 30px;
}
.tab-two .tab_menu li{
	width: 440px;
}
/* Tab Three */
.tab-three{
	margin: 0 40px;
	margin-bottom: 30px;
}
.tab-three .tab_menu li{
	width: 294px;
}
.tab-three .tab_menu li:last-child{
	width: 292px;
}

@media screen and (max-width: 768px) {
	.tab_menu{
		width: 440px;
	}
	.tab_menu li{
		font-size: 18px;
	}
	.tab_content{
		width: 440px;
	}
	.tab_body{
		padding: 15px 10px;
	}
	.tab_body li a{
		width: 123px;
		font-size: 16px;
		padding: 5px;
	}

	/* Tab Two */
	.tab-two{
		margin: 0 10px;
		margin-bottom: 15px;
	}
	.tab-two .tab_menu li{
		width: 220px;
	}
	/* Tab Three */
	.tab-three{
		margin: 0 10px;
		margin-bottom: 15px;
	}
	.tab-three .tab_menu li{
		width: 147px;
	}
	.tab-three .tab_menu li:last-child{
		width: 146px;
	}
}

@media screen and (max-width: 375px) {
	.tab_menu{
		width: 280px;
	}
	.tab_content{
		width: 280px;
	}
	.tab_body li a{
		width: 70px;
	}

	/* Tab Two */
	.tab-two .tab_menu li{
		width: 140px;
	}
	/* Tab Three */
	.tab-three .tab_menu li{
		width: 93px;
	}
	.tab-three .tab_menu li:last-child{
		width: 94px;
	}
}


/* --
Ad
--------------------------------------------------------- */
.ad_tab{
	width: 768px;
	font-size: 42px;
	font-weight: bold;
	color: #FFF;
	line-height: 1.4;
	margin: 0 auto;
	padding: 25px;
	border-radius:  15px 15px 0 0;
	-moz-border-radius:  15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
	background-color: #124199;
}
.ad_tab span{
	display: inline-block;
	font-size: 32px;
	color: #faf20c;
	margin-bottom: 25px;
}
.ad_img{
	width: 100%;
	background-color: #124199;
}
.ad_img img{
	width: 100%;
}
.ad_body{
	width: 100%;
	color: #FFF;
	padding: 50px 0;
	background-color: #58a5e8;
}
.ad_body p{
	width: 880px;
	font-size: 30px;
	text-align: left;
	line-height: 1.9;
	margin: 0 auto 50px;
}
.ad_body .bt a{
	display: block;
	width: 800px;
	font-size: 34px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	margin: 0 auto 10px;
	padding: 34px 40px 34px 40px;
	color: #0062ff;
	border-left: solid 1px #3573c0;
	border-right: solid 1px #3573c0;
	border-bottom: solid 7px #3573c0;
	background-color: #FFF;
	position: relative;
}
.ad_body .bt a:after{
	position: absolute;
	top: 50%;
	right: 23px;
	display: block;
	content: '';
	width: 20px;
	height: 20px;
	margin-top: -12px;
	border-top: 6px solid #0062ff;
	border-right: 6px solid #0062ff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
	.ad_tab{
		width: 384px;
		font-size: 21px;
		padding: 13px;
	}
	.ad_tab span{
		font-size: 18px;
		margin-bottom: 13px;
	}
	.ad_body{
		padding: 25px 0;
	}
	.ad_body p{
		width: 440px;
		font-size: 17px;
		margin: 0 auto 25px;
	}
	.ad_body .bt a{
		width: 385px;
		font-size: 17px;
		margin: 0 auto 5px;
		padding: 17px 40px 17px 20px;
		border-bottom: solid 4px #3573c0;
	}
	.ad_body .bt a:after{
		width: 10px;
		height: 10px;
		margin-top: -7px;
		border-top: 3px solid #0062ff;
		border-right: 3px solid #0062ff;
	}
}

@media screen and (max-width: 375px) {
	.ad_tab{
		width: 256px;
	}
	.ad_body p{
		width: 280px;
	}
	.ad_body .bt a{
		width: 225px;
	}
}

/* --
Button
--------------------------------------------------------- */
.button a{
	display: block;
	font-size: 34px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	line-height: 1.3;
	padding: 42px 40px 38px;
	position: relative;
}
.button a:after{
	position: absolute;
	top: 50%;
	right: 23px;
	display: block;
	content: '';
	width: 20px;
	height: 20px;
	margin-top: -12px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* Color */
\.txt_link .button a:after{
	border-top: 6px solid #0062ff;
	border-right: 6px solid #0062ff;
}

.gray .button a{
	color: #26354c;
	background-color: #e5e7e9;
}
.gray .button a:after{
	border-top: 6px solid #26354d;
	border-right: 6px solid #26354d;
}

.black .button a{
	color: #FFF;
	background-color: #26354d;
}
.black .button a:after{
	border-top: 5px solid #FFF;
	border-right: 5px solid #FFF;
}
.blue .button a{
	color: #FFF;
	background-color: #124199;
}
.blue .button a:after{
	border-top: 5px solid #FFF;
	border-right: 5px solid #FFF;
}
.green .button a{
	color: #FFF;
	background-color: #00bfbf;
}
.green .button a:after{
	border-top: 5px solid #FFF;
	border-right: 5px solid #FFF;
}
.grayline .button a{
	color: #0062ff;
	background-color: #e5e7e9;
	border-left: solid 1px #88a0cc;
	border-right: solid 1px #88a0cc;
	border-bottom: solid 5px #88a0cc;
}
.grayline .button a:after{
	border-top: 5px solid #0062ff;
	border-right: 5px solid #0062ff;
}

/* Col One */
.col-one{
	width: 880px;
	margin: 0 auto 30px;
}
.button-col-one{
	width: 880px;
	margin-bottom: 30px;
}
.button-col-one a{
	text-align: left;
	padding: 42px 60px 38px 40px;
}
/* Col Two */
.col-two{
	width: 880px;
	margin: 0 auto 30px;
}
.button-col-two{
	float: left;
	width: 420px;
	margin-bottom: 30px;
	margin-right: 40px;
}
.button-col-two:nth-child(even){
	margin-right: 0;
}
.button-col-two a{
	text-align: left;
	padding: 42px 60px 38px 40px;
}

@media screen and (max-width: 768px) {
	.button a{
		font-size: 16px;
		padding: 21px 20px 19px;
	}
	.button a:after{
		right: 15px;
		width: 10px;
		height: 10px;
		margin-top: -7px;
	}

	.txt_link .button a:after{
		border-top: 3px solid #0062ff;
		border-right: 3px solid #0062ff;
	}

	/* Color */
	.gray .button a:after{
		border-top: 3px solid #26354d;
		border-right: 3px solid #26354d;
	}
	/* Col One */
	.col-one{
		width: 440px;
		margin: 0 auto 20px;
	}
	.button-col-one{
		width: 440px;
		margin-bottom: 20px;
	}
	.button-col-one a{
		padding: 21px 30px 19px 20px;
	}
	/* Col Two */
	.col-two{
		width: 440px;
		margin: 0 auto 20px;
	}
	.button-col-two{
		width: 210px;
		margin-bottom: 15px;
		margin-right: 20px;
	}
	.button-col-two a{
		padding: 21px 30px 19px 20px;
	}
}
@media screen and (max-width: 375px) {
	/* Col One */
	.col-one{
		width: 280px;
	}
	.button-col-one{
		width: 280px;
	}
	.button-col-one a{
		padding: 10px 30px 10px 10px;
	}
	/* Col Two */
	.col-two{
		width: 280px;
	}
	.button-col-two{
		width: 130px;
		margin-bottom: 15px;
	}
	.button-col-two a{
		padding: 21px 35px 19px 20px;
	}
}

/* --
Accordion
--------------------------------------------------------- */
.accordion_area{
	width: 880px;
	margin: 0 auto;
	padding: 0 40px;
	position: relative;
}
.accordion_area h3{
	font-size: 32px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 35px;
	padding: 0;
	border-bottom: solid 6px #26354d;
}

.accordion_area ul{
	display: block;
	overflow-x: auto;
	margin: 0;
	overflow: hidden;
}
.accordion_area li a{
	float: left;
	width: 400px;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	margin: 0 50px 40px 0;
	padding: 0 10px 0 0;
	color: #0062ff;
	position: relative;
	border-bottom: solid 2px #0062ff;
}
.accordion_area li a:after{
	position: absolute;
	top: 50%;
	right: 10px;
	display: inline-block;
	content: '';
	width: 20px;
	height: 20px;
	margin-top: -12px;
	border-top: 3px solid #0062ff;
	border-right: 3px solid #0062ff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.accordion_area li:nth-child(even) a{
	margin-right: 0;
}

.accordion.hidden{
	max-height: 140px;
	overflow: hidden;
}
.accordion_cover{
	position: absolute;
	bottom: 0;
	width: 880px;
	height: 50px;
	background: -webkit-gradient(linear, left top, left bottom, rgba(248,248,248,0.5), #fafafa);
	background: -webkit-linear-gradient(top, rgba(248,248,248,0.5) 0%, #fff 76%);
	background: -moz-linear-gradient(top, rgba(248,248,248,0.5) 0%, #fff 76%);
	background: -o-linear-gradient(top, rgba(248,248,248,0.5) 0%, #fff 76%);
	background: -ms-linear-gradient(top, rgba(248,248,248,0.5) 0%, #fff 76%);
	background: linear-gradient(to bottom, rgba(248,248,248,0.5) 0%, #fff 76%);
}
.accordion_cover.hidden{
	display: none;
}
.accordion_show_all{
	width: 880px;
	height: 100px;
	line-height: 100px;
	font-size: 32px;
	font-weight: bold;
	cursor: pointer;
	margin: 0 auto;
	background-color: #e5e7e9;
	position: relative;
}
.accordion_show_all :before{
	display: inline-block;
	content: url(../img/ico_02.png);
	position: absolute;
	top: 10px;
	width: 45px;
	height: 45px;
	margin-left: 10px;
}
.accordion_show_all.close :before{
	content: url(../img/ico_02_off.png);
}

@media screen and (max-width: 768px) {
	.accordion_area{
		width: 440px;
		padding: 0 20px;
	}
	.accordion_area h3{
		font-size: 16px;
		margin: 0 0 18px;
		border-bottom: solid 3px #26354d;
	}
	.accordion_area li a{
		width: 200px;
		font-size: 15px;
		margin: 0 25px 20px 0;
		padding: 0 5px 0 0;
		border-bottom: solid 1px #0062ff;
	}
	.accordion_area li a:after{
		right: 5px;
		width: 10px;
		height: 10px;
		margin-top: -6px;
		border-top: 2px solid #0062ff;
		border-right: 2px solid #0062ff;
	}

	.accordion.hidden{
		max-height: 70px;
	}
	.accordion_cover{
		width: 440px;
		height: 25px;
	}
	.accordion_show_all{
		width: 440px;
		height: 50px;
		line-height: 50px;
		font-size: 18px;
	}
	.accordion_show_all :before{
		display: inline-block;
		content: url(../img/ico_02_s.png);
		top: 5px;
		width: 23px;
		height: 23px;
		margin-left: 5px;
	}
	.accordion_show_all.close :before{
		content: url(../img/ico_02_s_off.png);
	}
}
@media screen and (max-width: 375px) {
	.accordion_area{
		width: 280px;
	}
	.accordion_area li a{
		width: 110px;
		padding-right: 15px;
	}
	.accordion.hidden{
		max-height: 100px;
	}
	.accordion_cover{
		width: 280px;
	}
	.accordion_show_all{
		width: 280px;
	}
}


/* --
Fixed
--------------------------------------------------------- */
.fix_bt{
	display: inline-block;
	position: fixed;
	top: 30px;
	right: 30px;
	z-index: 10001;
	line-height: 1;
}
.fix_bt a{
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	white-space: nowrap;
	padding: 16px 70px 14px 18px;
	background-color: #324c7b;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.fix_bt a:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 18px;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #FFF;
}
.fix_bt a:after{
	display: block;
	content: "";
	position: absolute;
	top: 42px;
	right: 28px;
	width: 0;
	height: 0;
	margin-top: -16px;
	border: 8px solid transparent;
	border-top: 14px solid #124199;
}

@media screen and (max-width: 768px) {
	.fix_bt{
		top: 15px;
		right: 15px;
	}
	.fix_bt a{
		font-size: 18px;
		padding: 9px 35px 7px 9px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	.fix_bt a:before{
		right: 9px;
		width: 18px;
		height: 18px;
		margin-top: -9px;
	}
	.fix_bt a:after{
		top: 21px;
		right: 14px;
		margin-top: -8px;
		border: 4px solid transparent;
		border-top: 7px solid #124199;
	}
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.accordion_show_all.close{
	display:none !important;
}


.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* �ʐ^�{�L���v�V���� */
.pic {
    position: relative;
}
.pic span {
    width: 97%;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0,0,0,0.7);
    padding: 7px 10px 7px 0px;
    font-size: 3.5vw;
    text-align: right;
    color:#FFF
}

/* �ʐ^�X���C�h�{�L���v�V���� */
.slide_room .slick-slide {
    position: relative;
}
.slide_room span {
    width: 100%;
    position: absolute;
    right: 10px;
    bottom: 0px;
    background-color: rgba(0,0,0,0.7);
    z-index: 101;
    padding: 7px 0;
    font-size: 3.5vw;
    text-align: right;
    color:#FFF
}

/* OTS�@�����^�u */
article#sightseeing .pl-tab.\--isWide {
	margin-bottom: 1em;
	width:98%;
}

article#sightseeing .pl-tab.\--isWide .pl-tab__list__item {
	width: 49%;
}

article#sightseeing .pl-tab__list {
	display: -webkit-box;
	display: -webkit-flex;
	display:         flex;
}

article#sightseeing .pl-tab__list__item {
	text-align: center;
	width: 32%;
	margin-right: 2%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	overflow: hidden;
}

article#sightseeing .pl-tab__list__item.last {
	margin-right: 0;
}

article#sightseeing .pl-tab__list__item a {
	background-color: #ffb652;
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 22px;
}

article#sightseeing .pl-tab__list__item a:hover {
	background-color: #e8931e;
}

article#sightseeing .pl-tab__list__item a[aria-selected="true"] {
	background-color: #e8931e;
	cursor: default;
}

article#sightseeing .pl-tab__panel {
	background-color: #e8931e;
	-webkit-animation: standard .75s linear;
	        animation: standard .75s linear;
	-webkit-animation-name: fadeIn;
	        animation-name: fadeIn;
	-webkit-animation-duration: 250ms;
	        animation-duration: 250ms;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

article#sightseeing .pl-tab__panel__item {
	padding: 10px 0 10px 10px;
	text-align: left;
}

article#sightseeing .pl-tab__panel__item li {
	width: 29%;
	display: inline-block;
	margin: 0 1%;
	position: relative;
}

article#sightseeing .pl-tab.\--isWide .pl-tab__panel__item li {
	width: 45.5%;
}

article#sightseeing .pl-tab__panel__item li::after {
	position: absolute;
	content: "";
	vertical-align: middle;
	top: 50%;
	right: 10px;
	width: 9px;
	height: 9px;
	margin-top: -6px;
	border-top: 2px solid #e8931e;
	border-right: 2px solid #e8931e;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

article#sightseeing .pl-tab__panel__item li a {
	display: block;
	background-color: #fff;
	text-decoration: none;
	font-size: 19px;
	color: #6b6b6b;
	border-radius: 5px;
	padding: 4px 0 4px 1em;
}

article#sightseeing .pl-tab__panel__item li a:hover {
	background-color: rgba(255, 255, 255, .75);
}

.title_h3 {
    font-size: 22px;
    margin: 0 0 15px;
    padding: 0;
    line-height: 1.2;
    text-align: center;
    color: #26354c;
    font-weight: normal;
}


/* 半透明のアコーディオン */
article#sightseeing .semitransparent_accordion{
	margin: 0 20px;
	background-color: #ebeced;
}
article#sightseeing .semitransparent_box.js__ac_show{
	position: relative;
}

article#sightseeing .semitransparent_accordion .semitransparent_tit{
	padding: 10px 0px 8px;
	margin: 0 13px;
	font-size: 18px;
	font-weight: bold;
	color: #26354c;
	border-bottom: 2px solid #fff;
	text-align: left;
}
article#sightseeing .semitransparent_box{
	margin: 0px;
}
article#sightseeing .semitransparent_box dl{
	padding: 0 13px;
	text-align: left;
}
article#sightseeing .semitransparent_box dl dt{
	font-size: 14px;
	font-weight: bold;
	color: #26354c;
	padding-top: 7px;
	text-align: left;
 }
article#sightseeing .semitransparent_box dl dd{
	 font-size: 14px;
	 color: #55647f;
	text-align: left;
}
article#sightseeing .semitransparent_box .see_map{
    font-size: 13px;
    text-align: right;
	margin: 0 12px 0 0;
	padding-bottom: 10px;
}
article#sightseeing .semitransparent_box .see_map a::before {
    position: relative;
    display: inline-block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-right: 10px;
    border-top: 2px solid #26354c;
    border-right: 2px solid #26354c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
article#sightseeing .semitransparent_accordion_button{
	text-align: center;
	position: relative;
	background-color: #e3e3e3;
    background-repeat: no-repeat;
    background-position: right 18px center;
	background-size: 25px;
}
article#sightseeing .semitransparent_accordion p{
	padding: 0;
	margin: 0;
}
article#sightseeing .semitransparent_accordion_button b{
    height: 50px;
    vertical-align: bottom;
    line-height: 45px;
	font-size: 18px;
}
article#sightseeing .semitransparent_accordion_button {
    display: block;
    cursor: pointer;
    background-image: url(../img/ico_02_off02.png);
}
article#sightseeing .semitransparent_accordion_button.semitransparent_icn {
    display: block;
    cursor: pointer;
    background-image: url(../img/ico_02.png);
}
div.semitransparent_hide_box{
	overflow: hidden ;
}

article#sightseeing .semitransparent_icn .js__accordion_cover{
	position: absolute;
	bottom: 45px;
	left: 0;
	width: 100%;
	height: 50px;
	background: -webkit-gradient(linear, left top, left bottom, rgba(248,248,248,0.5), #fafafa);
	background: -webkit-linear-gradient(top, rgba(235,236,237,0.5) 0%, #fff 76%);
	background: -moz-linear-gradient(top, rgba(235,236,237,0.5) 0%, #fff 76%);
	background: -o-linear-gradient(top, rgba(235,236,237,0.5) 0%, #fff 76%);
	background: -ms-linear-gradient(top, rgba(235,236,237,0.5) 0%, #fff 76%);
	background: linear-gradient(to bottom, rgba(235,236,237,0.5) 0%, #fff 76%);
}

/*吹き出しコメント*/
.teams__box {
    margin-bottom: 10%;
}
.teams__box__intro {
    display: flex;
    width: 64%;
    margin: 0 auto;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}
.teams__box__intro img {
    width: 110px;
}
.teams__box__intro__card {
    margin-top: 54px;
    font-weight: bold;
}
.teams__box__intro__team-x {
    font-size: 14px;
}
.teams__box__intro__member {
    font-size: 16px;
}
.teams__box__comment {
    width: 90%;
    margin: 0 auto;
    background: #eee;
    position: relative;
    border-radius: 5px;
}
.teams__box__comment::after {
    content: "";
    border: 12px solid transparent;
    border-bottom: 16px solid #eee;
    position: absolute;
    top: -28px;
    left: 34%;
}
.teams__box__comment__title {
    font-weight: bold;
	font-size: 16px;
    padding-top: 4%;
	line-height: 1.9;
}
.teams__box__comment__detail {
    text-align: left;
    padding: 4% 6%;
    line-height: 1.9;
    font-size: 14px;
}

article#sightseeing .img_txt p{
    font-size: 13px;
    background-color: #ddd;
    text-align: right;
    bottom: 0;
    padding: 0 5px;
    line-height: 2;
    margin: -1px 0 0 0;
    color: #2a241e;
}


article#sightseeing .pl-gotosite {
    margin: 1em auto 30px;
    padding-left: 2em;
    color: #886e34;
    text-align: left;
    font-size: 80%;
}
article#sightseeing .pl-gotosite.navy_blue {
    color: #324c7b;
}
#container {
    background-color: #fff;
}