/* レイアウト */
@import "variables";//必須
@import "mixins/grid";//必須
@import "mixins/grid-framework";//必須
@import "grid";//必須

//@import "bootstrap";

/*==================================================
						COLOR
==================================================*/


/*==================================================
						SIZE
==================================================*/


/*==================================================
						FONT
==================================================*/
/* フォントサイズ */
@media only screen and (max-width:360px) { /*iphone5*/
	html {
	font-size:62.5%!important
	}
}
@media only screen and (min-width:361px) { /*三星note*/
	html {
	font-size:70.31%!important
	}
}
@media only screen and (min-width:376px) { /*iphone6*/
	html {
	font-size:73.24%!important
	}
}
@media only screen and (min-width:481px) {
	html {
	font-size:94%!important
	}
}
@media only screen and (min-width:561px) {
	html {
	font-size:109%!important
	}
}
@media only screen and (min-width:641px) and (max-width: 750px){
	html {
	font-size:125%!important
	}
}
@media only screen and (min-width:751px) and (max-width: 767px){
	html {
	font-size:130%!important
	}
}
@media only screen and (min-width:768px){
	html {
	font-size:125%!important
	}
}
.rich-font{
	font-family: e("游明朝"), YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', e("HG明朝E"), 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}
.rich-font2{
	font-family: 'PT Serif', serif;
	font-weight: 100;
	font-style: italic;
}
.rich-font3{
	font-family: 'Open Sans', sans-serif;
}
/*==================================================
						COMMON
==================================================*/
.full-width{
	width: 100%!important;
}
.border_radius(@ang: 0){
	border-radius: @ang;
	-moz-border-radius: @ang;
	-webkit-border-radius: @ang;

}
textarea{
	max-width: 100%;
}
hr.ruleHr {
	border: 1px dashed #999;
	margin: 40px 0;
}
.caption{
	font-size: .6rem;
	line-height: .9rem;
	padding: .4rem .6rem;
	text-align: left;
}
.author{
	font-size: .7rem;
	line-height: 1rem;
	color: #656565;
}
.float-right{
	float: right;
}
.float-left{
	float: left;
}
::-webkit-input-placeholder { /* WebKit browsers */
	color:#ebebeb!important;
}
::-webkit-input-placeholder { /* WebKit browsers */
	color:#ebebeb!important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#ebebeb!important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#ebebeb!important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:#ebebeb!important;
}
.clearfix{
	&::after{
		content: "";
		display: block;
		clear: both;
	}
}
.opacity(@a: .6){
	transition: all .3s;
	cursor: pointer;
	&:hover{
		opacity: 0.7;
	}
}
.transition(@sec: .3s){
	-webkit-transition: all @sec ease-in-out;
	-o-transition: all @sec ease-in-out;
	transition: all @sec ease-in-out;
}
.arrow{
	&::after{
		content: "";
		width: 12px;
		height: 12px;
		display: block;
		position: absolute;
		margin: auto;
		/* ここからカスタマイズ */
		//bottom: 0;
		//left: 0;
		//right: 0;
		//border-top: solid 2px @color3;
		//border-right: solid 2px @color3;
		/* ここまでカスタマイズ */
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
}
/*==================================================
						CUSTOM
==================================================*/
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	&::after,
	&::before{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}
.sp_area{
	display: none;
}
.presentBtn{
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999;
}
.presentBtn a{
	opacity: 1!important;
}
.presentArea{
	text-align: center;
	background: #808080;
	padding: 1rem;
	max-width: none;
	img{
		width: 100%;
		max-width: 1160px;
	}
}
@media only screen and (min-width: 768px){
	.bg-white{
		background: #fff!important;
	}
	.bg-pic{
		background-color: transparent!important;
	}
}
#btn{
	display: none;
	position: relative;
	span{
		display: block;
		position: absolute;
		width: 3rem;
		border-bottom: solid .1815rem #fff;
		-webkit-transition: 0.35s ease-in-out;
		transition: 0.35s ease-in-out;
	}
	span:nth-child(1) {
		top: 0;
	}
	span:nth-child(2) {
		top: 50%;
	}
	span:nth-child(3) {
		top: 100%;
	}
	&.active{
		span:nth-child(1) {
			top: 50%;
			-o-transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		span:nth-child(2) {
			-o-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		span:nth-child(3) {
			top: 50%;
			-o-transform: rotate(-405deg);
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			transform: rotate(45deg);
		}
	}
}

html{
		background: #fff;
}
body{
	// background: url(/common_index_page/common/images/common/top_bg.png) top left,
	// url(/common_index_page/common/images/common/top_bg.svg) top left/100% e("calc(100% - 21.5rem)") no-repeat #fff;
	// @media only screen and (min-width:1040px) and (max-width: 767px){
	// 	background: url(/common_index_page/common/images/common/top_bg.png) top left,
	// 	url(/common_index_page/common/images/common/top_bg.svg) top left/100% e("calc(100% - 21.5rem -1vw)") no-repeat #fff;
	// }
	// &#LOGPAGE{
	// 	background: url(/common_index_page/common/images/common/top_bg.png) top left,
	// 	url(/common_index_page/common/images/common/top_bg.svg) top left/100% e("calc(100% - 12.2rem)") no-repeat #fff;
	// }

	line-height: .85rem;
	padding-top: 40px;
	color: #333;
	width: 100%;
	overflow-x: hidden;
	word-break: break-all;
	font-size: .7rem;
	line-height: 1rem;
}
a,p,label,button{
	text-decoration: none;
	color: #323232;
}
h3{
	font-size: 1.2rem;
	line-height: 1.2rem;
	margin-bottom: .9rem;
}
h5{
	font-size: .85rem;
	font-weight: normal;
	line-height: 1rem;
	margin-bottom: 1rem;
}
li{
	list-style: none;
}
input,
button{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
}
input{
	border: 1px solid #B2B2B2;
	border-radius: 0!important;
	background: #EFEFEF;
	border: 1px solid #B2B2B2;
	width: 1rem;
	height: 1rem;
	margin: .25rem 0;
	position: relative;
	&.active::after{
		content: "";
		width: 21.5px;
		height: 10.5px;
		max-width: 21.5px;
		max-height: 10.5px;
		min-width: 9px;
		min-height: 5.5px;
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 8px;
		left: 2px;
		right: 0;
		border-top: solid 0.15rem red;
		border-right: solid 0.15rem red;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
}
main{
	padding: 1rem;
	background-color: #fff;
	display: block;
	img{
		width: 100%;
	}
	&.login-area{
		background-color: transparent;
	}
	.login{
		max-width: 800px;
		margin: 60px auto 150px;
		padding: 50px 0;
		text-align: center;
		background: #fff;
		h2{
			font-weight: normal;
		}
		input{
			height: 2.5rem;
			line-height: 2.5rem;
			display: inline-block;
			margin: 0;
			padding: 0;
			vertical-align: top;
			font-size: .7rem;
		}
		.inputbtn{
			color: #989898;
			border-right: none;
			max-width: 21.5rem;
			width: e("calc(100% - 6rem)");
			text-indent: .5rem;
		}
		.loginbtn{
			background: #000;
			color: #989898;
			max-width: 6rem;
			width: 100%;
		}
		form{
			margin: 30px;
		}
	}
}
a{
	.opacity;
}
pre{
	background: #fff;
}
h2{
	font-size: 45px;
	font-family: 'Roboto Slab', serif;
	font-weight: 600;
	line-height: 0.9;
	color: #333333;
	margin: 0 auto .75rem;
}
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 9999;
}
#spinner {
	display: block;
	width: 70px;
	height: 70px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	img{
		display: block;
		margin: auto;
	}
}

body > header{
	text-align: left;
	margin-left: 2rem;
	max-width: 1140px;
	margin: 0 auto;
	@media only screen and (max-width: 1220px){
		padding-left: 2rem;
}
	nav{
			text-align: center;
			padding: 18px 0;
			@media only screen and (min-width: 768px){
				display: block!important;
				height: auto!important;
			}
		a{
			display: inline-block;
			position: relative;
			font-size: 14px;
			padding: 8px 25px 8px;
			color: #fff;
			&::after{
				content: "/";
				height: 2px;
				position: absolute;
				right: -20px;
				top: 9px;
				width: 2px;
				padding-right: 20px;
				display: block;
				color: #656565;
			}
			&:last-child{
				&::after{
					display: none;
				}
			}
		}
	}
}
main header{
	margin-bottom: 2rem;
	div{
		span{
			&:first-child{
				margin-top: 1rem;
			}
			.author;
			display: inline-block;
			margin-bottom: .75rem;
		}
	}
	.breadcrumb{
		padding: .75rem 0 1.5rem;
		li{
			display: inline-block;
			background: transparent;
			margin: 0;
			padding: 0;
			font-size: .6rem;
			color: #6e6e6e;
			a{
				font-size: inherit;
				color: inherit;
			}
			&::after{
				content: "";
				background: url(/common/images/common/arrow.svg) no-repeat;
				display: inline-block;
				margin: 0 15px;
				width: 9px;
				height: 1em;
				vertical-align: text-bottom;
			}
			&:last-child::after{
				display: none;
			}
		}
	}
	.title-area{
		margin-bottom: 1.75rem;
		p{
			font-size: 14px;
		}
	}
}
.container{
	width: 100%;
	&#TOP{
		max-width: 1160px;
	}
}
.isotope{
	position: relative;
	.row{
		margin-right: -15px;
	}
}
.content{
	float: left;
	width: 33.33333%;
	position: relative;
	padding: 0 5px 5px 0;
	z-index: 1;
	.overlay-shade{
		&.active{
			opacity: 1;
			.overlay-content a{
				opacity: 1;
			}
		}
	}
	.overlay-shade{
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: e("calc(100% - 5px)");
		height: e("calc(100% - 5px)");
		background: rgba(255,255,255,.2);
		.transition;
		cursor: pointer;
		z-index: 1;
	}
	.overlay-content{
		font-size: 16px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		max-height: none;
		text-align: center;
		a{
			display: inline-block;
			max-width: 115px;
			max-height: 115px;
			width: 10vw;
			height: 10vw;
			text-align: center;
			border: none;
			background: #fff url(/common/images/common/bg.svg) top left / 100% 100% no-repeat;
			line-height: 1.3;
			padding: e("calc(5vw - 1rem) 0");
			font-weight: bold;
			margin: 0;
			font-size: 1.6vw;
			&:hover{
				cursor: pointer;
				background: #fff url(/common/images/common/bg_2.svg) top left / 100% 100% no-repeat;
			}
		}
	}
	.intro{
		padding: 15px;
		border: 1px solid #e5e5e5;
		background: #fff;
		p{
			font-size: 12px;
			line-height: .85rem;
			height: 1.7rem;
			display: block;
			overflow: hidden;
			&:first-child{
				height: .85rem;
				font-weight: bold;
				font-size: 15px;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			&:nth-of-type(2){
				display: -webkit-box;
				display: -moz-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				text-overflow: ellipsis;
				position: relative;
			}
			&.active::after{
				content: "... ";
				position: absolute;
				right: 0;
				bottom: 0;
				width: 1.1em;
				height: .85rem;
				background: #fff;
			}
		}
	}
	.img-box{
		width: 100%;
		position: relative;
	}
	.overlay-bg{
		width: 100%;
		height: 100%;
		display: block;
		background: transparent;
		background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,.15)));
		background: -webkit-linear-gradient(top, transparent 60%, rgba(0,0,0,.15) 100%);
		background: -o-linear-gradient(top, transparent 60%, rgba(0,0,0,.15) 100%);
		background: linear-gradient(to bottom, transparent 60%, rgba(0,0,0,.15) 100%);
	}
	&:nth-of-type(1){
/* 		padding-right: 0; */
		width: 100%;
		.img-box{
			max-height: 477px;
			height: 34.071429vw;
		}
		.title{
			height: auto;
			width: 33rem;
			bottom: 0;
		}
	}
	&:nth-of-type(2){
		width: 40%;
		.img-box{
			max-height: 728px;
			height: 51.285714vw;
			background-size: auto 100%!important;
		}
		.title{
			height: auto;
			width: 33rem;
			bottom: 0;
		}
	}
	&:nth-of-type(3){
/* 		padding-right: 0; */
		width: 60%;
		.img-box{
			max-height: 220px;
			height: 15.714286vw;
		}
	}
	&:nth-of-type(4){
		width: 30%;
		.img-box{
			max-height: 166px;
			height: 11.857143vw;
		}
	}
	&:nth-of-type(5){
/* 		padding-right: 0; */
		width: 30%;
		.img-box{
			max-height: 166px;
			height: 11.857143vw;
		}
	}
	&:nth-of-type(6){
		width: 30%;
		.img-box{
			max-height: 166px;
			height: 11.857143vw;
		}
	}
	&:nth-of-type(7){
/* 		padding-right: 0; */
		width: 30%;
		.img-box{
			max-height: 166px;
			height: 11.857143vw;
		}
	}
/* 	&:nth-of-type(3n + 10){
	padding-right: 0;
} */
	.img-box{
		max-height: 166px;
		height: 11.857143vw;
	}
/* 	&.hotel.top,
&.selection.top{
	.overlay-content{
		a:nth-of-type(2){
			display: none!important;
		}
	}
} */

	&.top{
		.overlay-shade{
			background: rgba(0,0,0,.6);
		}
		.overlay-content{
			max-height: 115px;
		}
		&:nth-of-type(1),
		&:nth-of-type(2),
		&:nth-of-type(3){
			.img-box{
				.new{
					width: 3em;
					height: 3em;
					background: url('/common/images/top/new.svg')no-repeat top left/100% 100%;
					display: block;
					position: absolute;
					top: 0;
					left: 10px;
				}
			}
		}
		.title{
			display: block;
			width: 55%;
			height: auto;
			position: absolute;
			bottom: 10px;
			left: 20px;
		}
		&:nth-of-type(2){
			.title{
				width: 25rem;
			}
		}
		&:nth-of-type(3){
			.title{
				width: 19rem;
			}
		}
		&:nth-of-type(4),
		&:nth-of-type(5),
		&:nth-of-type(6),
		&:nth-of-type(7){
			.title{
				width: 14rem;
			}
		}
		@media only screen and (min-width: 768px) and (max-width: 1400px){
			&:nth-of-type(2){
				.title{
					width: 43.85964vw;
				}
			}
			&:nth-of-type(3){
				.title{
					width: 33.33333vw;
				}
			}
			&:nth-of-type(4),
			&:nth-of-type(5),
			&:nth-of-type(6),
			&:nth-of-type(7){
				.title{
					width: 24.5614vw;
				}
			}
		}
	}
}
.logo{
	margin:0 0 10px;
	display: inline-block;
	img{
		display: block;
		margin: 10px auto;
	}
}

footer{
	background: #fff;
	padding: 0 0 40px;
	& > div{
		width: 100%;
		max-width: 1160px;
		margin: auto;
	}
	.footer-top{
		padding: 3rem 1rem 0;
	}
	.footer-logo{
			width: 280px;
			display: inline-block;
		img{
			display: block;
			&:nth-of-type(1){
				width: 100%;
			}
			&:nth-of-type(2){
				width: 110px;
				margin-top: 10px;
			}
		}
	}
	.copy-right{
		padding: 0 1rem;
		text-align: right;
		font-size: 11px;
	}
	.footer-menu{
		width: e("calc(100% - 280px)");
		text-align: right;
		display: inline-block;
		li{
			display: inline-block;
			padding: 0px 10px;
			margin: 0 5px;
			a{
				font-size: 12px;
				margin: 0;
				padding: 0;
				background: transparent;
				color: #808080;
			}
		}
	}
	hr{
		border-top: solid 1px #000;
		margin: 53px 0 13px 0;
	}
}
#ELSE{
	.container#TOP{
		max-width: 100%;
		#isotope{
			margin: 0;
			.container{
				max-width: 1160px;
				margin: auto;
			}
		}
	}
}
@media only screen and (min-width: 1141px){
	.content{
		.overlay-content{
			a{
				padding: e("calc(57.5px - 1rem) 0");
				font-size: 16px;
			}
		}
	}
}


/* .no-click{
	pointer-events: none!important;
}

.else .overlay-shade a{
	pointer-events: none!important;
} */
/* body {
	.content.top	a{
		pointer-events: none;
	}
	.content.top:nth-child(1)	a:nth-child(1){
		pointer-events: auto;
	}
}
 */
.main-view{
	margin-bottom: 2rem;
}
.detail-page{
	padding: 0;
	.container{
		max-width: 1160px;
		margin: 0 auto 1.5rem;
		z-index: 1;
		position: relative;
	}
}
section{
	.swiper-wrapper{
		width: 100%;
		max-width: 1160px;
		margin: auto;
		padding-left: 10px;
		padding-right: 10px;
		z-index: 1;
		position: relative;
	}
	article{
		.clearfix;
		& > .prefArea{
			background: #F7F7F7;
			float: left;
			width: 33.082%;
		}

	}
	.esc_l{
		float: left;
		width: 33.082%;

	}
	.esc_r{
		float: right;
		width: 65.218%;
	}
	margin-bottom: 3rem;
	p{
		line-height: 1.25rem;
		margin-bottom: .5rem;
	}
	ul{
		margin-bottom: .5rem;
	}
	.flag{
		max-width: 470px;
		max-height: 394px;
		display: block;
		margin: 0;
@media only screen and (min-width: 768px){
		width: 33.57142vw;
		height: 28vw;
		background: url(/common/images/common/bg2.jpg) bottom right/100% no-repeat;
		position: absolute;
		right: 0;
		bottom: 0;
}
		span{
			width: 310px;
			font-size: 1.25rem;
			color: #fff;
			text-align: right;
			position: absolute;
@media only screen and (min-width: 768px){
			font-size: 1.78571vw;
			line-height: 2.64285vw;
			right: 1.85714vw;
			bottom: 1.85714vw;
}
@media only screen and (min-width: 1400px){
			font-size: 1.25rem;
			line-height: 1.85rem;
			right: 1.3rem;
			bottom: 1.3rem;
}
		}
	}
}
section{
	margin-bottom: 10px;
	&:last-child{
		margin-bottom: 0;
		.container{
			&:last-child{
				margin-bottom: 0;
			}
		}
	}
	h2.style-1{
		font-size: 2.05rem;
		line-height: 2.05rem;
		margin-bottom: 1.25rem;
		display: block;
		position: relative;
		padding-left: 1.25rem;
		margin-right: 5px;
		color: #4C4C4C;
		.rich-font;
		&::before{
			content: '';
			display: inline-block;
			width: 6px;
			height: 100%;
			background: #989898 url(/common/images/common/bg_4.png) top left;
			position: absolute;
			top: 0;
			left: 0;
			margin: auto;
		}
		span{
			.rich-font2;
			font-size: 1.25rem;
			color: #B2B2B2;
			vertical-align: middle;
		}
	}
	.container.passage-container{
		margin: 0 auto 1.5rem;
		position: relative;
@media only screen and (min-width: 768px){
		padding-right: 35.71428vw;
		min-height: 470px;
}
@media only screen and (min-width: 1400px){
		padding-right: 500px;
}
	}
	.text-area{
		min-height: 394px;
		@media only screen and (min-width: 768px) and (max-width: 1400px){
			min-height: 28vw;
		}
	}
}
 .slick-box{
	z-index: 1;
	.slick-slide{
		margin-right: 5px;
		height: auto;
	}
	.slick-next,
	.slick-prev{
		width: 1.25rem;
		height: 1.25rem;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		text-indent: -1000vw;
		&::after{
			content: "";
			width: 1.25rem;
			height: 1.25rem;
			display: block;
			position: absolute;
			margin: auto;
			bottom: 0;
			left: 0;
			right: 0;
			border-top: solid 4px #fff;
			border-right: solid 4px #fff;
			-ms-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}
	}
	.slick-next{
		z-index: 1;
		right: 1.5rem;
	}
	.slick-prev{
		z-index: 1;
		left: 1.5rem;
		&::after{
			-ms-transform: rotate(225deg);
			-webkit-transform: rotate(225deg);
			transform: rotate(225deg);
		}
	}
	li{
		&.type-a{
			width: 588px!important;
		}
		&.type-b{
			width: 261px!important;
		}
@media only screen and (min-width: 768px) and (max-width: 1401px){
		&.type-a{
			width: 42vw!important;
		}
		&.type-b{
			width: 18.64285vw!important;
		}
}

	}
	img{
		width: 100%;
		height: auto;
	}
	p{
		.caption;
		background: #fff;
	}

}
.slick-box-wide,
.slick-box-long{
	.slick-box;
}

@media only screen and (min-width: 1402px){
	.slick-box-long{
		width: 758.318px;
		margin: auto;
		.slick-box;
		li{
			width: 376px!important;
		}
		.slick-slide:nth-of-type(2){
			margin-right: 0!important;
		}
	}
	.slick-box-wide{
		width: 1140px;
		margin: auto;
		.slick-box;
		li{
			width: 567.5px!important;
		}
		.slick-slide:nth-of-type(2){
			margin-right: 0!important;
		}
	}
}
@media only screen and (min-width: 768px) and (max-width: 1401px){
	.slick-box-long{
		width: 54.16557vw;
		margin: auto;
		.slick-box;
		li{
			width: 26.85714vw!important;
		}
		.slick-slide:nth-of-type(2){
			margin-right: 0!important;
		}
	}
	.slick-box-wide{
		width: 81.42857vw;
		margin: auto;
		.slick-box;
		li{
			width: 40.53571vw!important;
		}
		.slick-slide:nth-of-type(2){
			margin-right: 0!important;

		}
	}
}


.dot{
	text-align: center;
	li{
		display: inline-block;
		button{
			width: 10px;
			height: 10px;
			margin: 0 3.5px;
			background: #cccccc;
			padding: 0;
			text-indent: 1000vw;
		}
		&.slick-active{
			button{
				background: #808080;
			}
		}
	}
}
.owl-carousel{
	.item{
		position: relative;
		img{
			width: auto;
			height: 420px;
		}
		p{
			display: block;
			.caption;
			margin: auto;
		}
	}
	.owl-dots{
		text-align: center;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		button{
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 3.5px;
			background: #cccccc;
			&.active{
				background: #808080;
			}
		}
	}
}
.owl-nav{
	height: 0;
	.owl-prev,
	.owl-next{
		width: 1.25rem;
		height: 1.25rem;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		&::after{
			content: "";
			width: 1.25rem;
			height: 1.25rem;
			display: block;
			position: absolute;
			margin: auto;
			bottom: 0;
			left: 0;
			right: 0;
			border-top: solid 4px #fff;
			border-right: solid 4px #fff;
			-ms-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}
	}
	.owl-prev{
		left: 1.5rem;
		&::after{
			-ms-transform: rotate(225deg);
			-webkit-transform: rotate(225deg);
			transform: rotate(225deg);
		}
	}
	.owl-next{
		right: 1.5rem;
	}
	.owl-prev span,
	.owl-next span{
		text-indent: -1000vw;
	}
}
.author{
	margin-bottom: 1.25rem;
	h5{
		font-size: 1.25rem;
		font-weight: normal;
		line-height: 2rem;
		.rich-font;
		margin-bottom: .5rem;
	}
	p{
		line-height: 2rem;
		position: relative;
		margin-bottom: .5rem;
		padding-bottom: .3rem;
		background: url('/common/images/common/bg4.svg') top left;
		background-size: auto 40px;
	}
	.imgbox{
		float: right;
		width: 32%;
	}
	.line-bg{
		float: left;
		width: e("calc(68% - 25px)");
	}
}
.link-area{
	text-align: center;
	.clearfix;
	div{
		width: e("calc(50% - 10px)");
		display: block;
		margin: 0 auto 1rem;
		float: left;
		position: relative;
		&:nth-of-type(2n-1){
			margin-right: 1rem;
		}
		&:last-child{
			margin-right: 0;
		}
		img{
			display: block;
			max-width: 170px;
			max-height: 170px;
			width: 12.21vw;
			height: 12.21vw;
			position: absolute;
			top: 0;
			left: 0;
		}
		p{
			font-size: 1.1rem;
			line-height: 2rem;
			padding: 1.25rem 0 1.25rem 8.5rem;
			width: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
@media only screen and (min-width: 768px) and (max-width: 1401px){
			font-size: 1.57142vw;
			line-height: 2.85714vw;
			padding: 2.5vw 0 2.5vw 12.21vw;
}
			text-align: left;
			height: 12.21vw;
			max-height: 170px;
			vertical-align: middle;
			background: #F4F4F4;
			.rich-font;
			span{
				padding: 0.45rem 1.5rem;
				line-height: 1.2;
			}
			a{
				font-size: .7rem;
				line-height: .9rem;
				text-align: left;
				display: block;
				padding: 0 1.5rem 0 3rem;
				background: url(/common/images/common/icon.png) no-repeat top left;
				background-position-x: 1.5rem;

				&.lcmp{
					max-height: none;
					background: #fff;
					border: 1px solid #ccc;
					margin: .3rem 0 0 1.5rem;
					text-align: left;
					padding: .1rem 1.5rem;
					width: e("calc(100% - 3rem)");
					position: relative;
					&::after{
						content: '';
						width: 8px;
						height: 8px;
						border: 0px;
						border-top: solid 2px #ccc;
						border-right: solid 2px #ccc;
						-ms-transform: rotate(45deg);
						-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
						position: absolute;
						top: 0;
						bottom: 0;
						left: 4px;
						margin: auto;
						display: block!important;
						padding: 0;
					}
				}
			}
		}
		&.one{
			float: none;
			margin: 0 auto 1rem;
		}
	}
}
.intro-area{
	background: #F4F4F4;
	.clearfix;
	padding: 2.5rem 2rem;
	div{
		width: 400px;
		height: 266px;
		float: left;
		margin-right: 30px;
		background: url(/common/images/common/bg_5.png) top left;
		img{
			width: auto;
			height: 100%;
			display: block;
			margin: auto;
		}
	}
	h3{
		font-size: 33px;
		line-height: 40px;
		font-family: Times;
		font-weight: normal;
		border-bottom: 1px solid #656565;
		width: e("calc(100% - 430px)");
		float: left;
		margin-bottom: 1rem;
	}
	p{
		width: e("calc(100% - 430px)");
		float: left;
	}
}
.full-width{
	width: 100%;
}
.pic-2{
	.clearfix;
	width: 100%;
	max-width: 760px;
	margin: auto;
	&.full-width{
		max-width: none;
	}
	div{
		width: e("calc(50% - 2.5px)");
		margin-right: 5px;
		float: left;
		img{
			width: 100%;
		}
		&:nth-of-type(3n-1){
			margin-right: 0;
		}
		p{
			.caption;
		}
	}
}

.map-area{
	div{
		max-width: 730px;
		margin: 0 auto 2rem;
		padding: 1.5rem 1rem;
		position: relative;
		img{
			width: auto;
			max-height: 375px;
			height: 100%;
			margin: auto;
			display: block;
		}
		&:first-child{
			background: #F4F4F4 url(/common/images/common/bg_5.png) top left;
			padding: 0;
		}
		&:last-child{
			h5{
				font-size: 1.6rem;
				font-weight: normal;
				line-height: 3rem;
				.rich-font2;
				padding-right: 26px;
				display: inline-block;
				&::after{
					content: '';
					display: inline-block;
					vertical-align: baseline;
					background: url(/common/images/common/icon_2.png)no-repeat center right;
					width: 26px;
					height: 20px;
					margin-left: 5px;
				}
			}
			p{
				font-size: .65rem;
				line-height: 1.2rem;
			}
			&::after,
			&::before{
				content: '';
				width: 100%;
				height: 1px;
				background: #4c4c4c;
				position: absolute;
				left: 0;
				right: 0;
			}
			&::after{
				bottom: 2px;
			}
			&::before{
				top: 2px;
			}
			border-top: 2px solid #4c4c4c;
			border-bottom: 2px solid #4c4c4c;
		}
	}
}
.from{
	text-align: right;
	a{
		text-decoration: underline;
		&:hover{
			text-decoration: none;
		}
	}
}
.facility{
	position: relative;
	padding: 3rem 0;
	border-top: #7F7F7F 1px solid;
	border-bottom: #7F7F7F 1px solid;
	& + .facility{
		margin-top: -3rem;
		border-top: #fff 1px solid;
		&::before{
			border-top: #fff 1px solid;
		}
	}
	br{
		display: none;
	}
	&::before{
		content: '';
		width: 100%;
		height: e("calc(100% - 2px)");
		position: absolute;
		top: 1px;
		left: 0;
		display: block;
		border-top: #7F7F7F 1px solid;
		border-bottom: #7F7F7F 1px solid;
	}
	&::after{
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		background: url(/common/images/common/bg6.png) top left;
	}
	.main-view{
		margin-bottom: 1.5rem;
	}
	span.sub-title{
		.rich-font2;
		font-style: italic;
		color: #dadcdc;
		opacity: .3;
		font-size: 125.74px;
		line-height: .9;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
	}
	h2{
		margin-bottom: 2rem;
	}
	h3{
		font-size: 1rem;
		line-height: 1.85rem;
		color: #fff;
		background: #7d7d7d;
		opacity: .7;
		border: none;
		padding: .1rem .75rem;
		margin-bottom: .75rem;
		border-bottom: 2px solid #545454;
		&::before{
			display: none;
		}
	}
	.slick-slide{
		p{
			background: #fff url(/common/images/common/bg6.png) top left;
		}
	}
}

.serch_b{
	div{
		vertical-align: top;
	}
	.wrapper{
		background: #323232;
		.clearfix;
		text-align: center;
	}
	.field_row {
		float: left;
		.area{
			background: url(/common/images/common/icon_1.png) left center no-repeat;
@media only screen and (min-width: 768px) and (max-width: 1140px){
			background-size: 2.10526vw auto;
}
		}
		.genre{
			background: url(/common/images/common/icon_5.png) left center no-repeat;
@media only screen and (min-width: 768px) and (max-width: 1140px){
			background-size: 2.10526vw auto;
}
		}
		.favarea{
			background: url(/common/images/common/icon_3.png) left center no-repeat;
@media only screen and (min-width: 768px) and (max-width: 1140px){
			background-size: 2.10526vw auto;
}
		}

	}
	.field{
		display: inline-block;
		padding: .75rem 1.5rem .75rem;
@media only screen and (min-width: 768px) and (max-width: 1140px){
		padding: .75rem 2.63157vw .75rem;
}
		position: relative;
		&::after{
			content: '';
			display: block;
			height: 100%;
			width: 1px;
			background: #000;
			position: absolute;
			top: 0;
			right: 0;
		}
		&:nth-of-type(3){
			&::after{
				display: none;
			}
		}
	}
	.field_col{
		display: inline-block;
		&.label{
			padding-left: 1.7rem;
			margin-right: .5rem;
@media only screen and (min-width: 768px) and (max-width: 1140px){
			padding-left: 2.98245vw;
			margin-right: 0.87719vw;
}

		}
	}
	#searchFav{
		background: #EFEFEF;
		border: 1px solid #B2B2B2;
		width: 1rem;
		height: 1rem;
		margin: .25rem 0;
		position: relative;
		&.active::after{
			content: "";
			width: 21.5px;
			height: 10.5px;
			max-width: 21.5px;
			max-height: 10.5px;
			min-width: 9px;
			min-height: 5.5px;
			display: block;
			position: absolute;
			margin: auto;
			top: 0;
			bottom: 8px;
			left: 2px;
			right: 0;
			border-top: solid 0.15rem red;
			border-right: solid 0.15rem red;
			-ms-transform: rotate(135deg);
			-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
		}
	}
	label{
		color: #fff;
		font-weight: 100;
		line-height: 1.5rem;
	}
	select{
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		background: #EFEFEF;
		border: 1px solid #B2B2B2;
		height: 1.5rem;
		font-size: .7rem;
		line-height: 1.5rem;
		padding: 0 .65rem;
@media only screen and (min-width: 768px) and (max-width: 1140px){
		padding: 0 1.14035vw;
}

	}
	.btn_search {
		font-size: .7rem;
		font-weight: bold;
		color: #4C4C4C;
		background: #FFFFFF url(/common/images/common/icon_6.png) no-repeat center .4rem;
		line-height: 1.35em;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-top: 1px solid #323232;
		border-bottom: 1px solid #323232;
		display: inline-block;
		width: 3rem;
		text-align: center;
		height: 3rem;
		line-height: 3rem;
		cursor: pointer;
		padding-top: .4rem;
	}
}
.sr-sp-menu{
	display: none;
	font-size: 1.3rem;
	line-height: 2rem;
	color: #fff;
	padding: 1rem 3.5rem;
	background: #323232 url(/common/images/common/icon_10.png) no-repeat 1rem center;
@media only screen and (min-width: 768px){

	& + .wrapper{
		display: block!important;
	}

}
}

#escort_contents {
	article{
		position: relative;
		padding: 2rem;
		border: 1px solid #CBCBCB;
		margin-bottom: 3rem;
	}
	.slick-box{
		.slick-arrow{
			display: none!important;
		}
		img{
			width: auto;
			max-height: 233.33333px!important;
		}
	}
	h3{
		margin-bottom: 2.25rem;
		span{
			display: inline-block;
			background: #F4F4F4;
			font-weight: normal;
			font-size: 1.8rem;
			line-height: 1.2;
			padding: .25rem .5rem;
			margin-bottom: .25rem;
		}
		.exp{
			font-size: .8rem;
			padding: .175rem .25rem;
			margin: 0;
		}
		.sub{
			font-size: .7rem;
		}
		span:nth-of-type(2),
		.exp{
			.rich-font;
		}
	}
	.prefArea{
		border: 1px solid #EDEDED;
		padding: 1.4rem;
	}
	h4{
		font-size: 1.25rem;
		font-weight: normal;
		line-height: 1rem;
		text-align: center;
		margin-bottom: 1rem;
		.rich-font;
	}
	.tel{
		font-size: 1.5rem;
		line-height: 1.5rem;
		.rich-font;
		span{
			font-size: .7rem;
		}
	}
	h5{
		color: #fff;
		padding: .25rem .5rem;
		.rich-font;
		font-size: .85rem;
		font-weight: normal;
		line-height: 1rem;
		background: #8C8C8C;
		margin-bottom: .5rem;
	}
	.tel_b{
		background: url(/common/images/common/icon_4.png)no-repeat .5rem top;
		padding-left: 2.3rem;
		min-height: 3.6rem;
		margin-bottom: 2.7rem;
	}
	.slick-dotted.slick-slider{
		margin-bottom: 1.4rem;
	}
	.address{
			background: url(/common/images/common/icon_7.png) left center no-repeat;
			padding-left: 1.2rem;
			margin-bottom: .5rem;
	}
	.url{
			background: url(/common/images/common/icon_8.png) left center no-repeat;
			padding-left: 1.2rem;
			margin-bottom: .5rem;
	}
	.check{
			background: url(/common/images/common/icon_9.png) left .2ex no-repeat;
			padding-left: 1.2rem;
			margin-bottom: .5rem;
		br{
			display: none;
		}
		span{
			display: inline-block;
			font-size: .6rem;
			background: #fff;
			border: 1px solid #B2B2B2;
			padding: 0 .2rem;
			margin: 0 .25rem 0 .5rem;
			&:first-child{
				margin-left: 0;
			}
		}
	}
}
.fav{
	position: absolute;
	top: 0;
	right: 0;
	width: 7rem;
	height: 7rem;
	display: block;
	background: url(/common/images/common/fav.svg) no-repeat top right;
	cursor: pointer;
	z-index: 2;
	p{
		color: #fff;
		padding: 1rem .4rem;
		text-align: right;
		&::before{
			content: '\2605';
			display: inline-block;
			display: block;
			margin: auto;
			line-height: 1;
			width: 100%;
			text-align: right;
			padding-right: .5em;
@media only screen and (min-width: 768px){
			display: none;
}
		}
	}
}
.dot{
	li{
		overflow: hidden;
	}
}
.attention{
	background: #f7f7f7;
	padding: 2rem;
	h4{
		&:extend(#escort_contents h4);
	}
	li{
		color: #777777;
	}
}
.ac-art{
	background: url("/common/images/selection/ac_bg.jpg") no-repeat top right/auto 100%;
	padding: 1.55rem 0 1.55rem 2.9rem;
	margin-bottom: 1rem;
	h2{
		font-size: 1.4rem;
		line-height: 1.9rem;
		color: #fff;
		margin: 0;
	}
	& + article{
		display: none;
	}
}
#otherbar{
	margin-bottom: 1rem;
	display: block;
	input{
		appearance: checkbox;
		-moz-appearance: checkbox;
		-webkit-appearance: checkbox;
	}
	button{
		border: 1px solid #ccc;

	}
}
#CONTACT{
	max-width: 100%!important;
	position: relative;
	background: url(/common/images/common/bt_bg.jpg) no-repeat center center;
	background-size: cover;
	height: 10.55rem;
	&::before{
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(0,0,0,.2);
	}
	.c-container{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		text-align: center;
		height: 4.5rem;
		p{
			color: #fff;
			margin-bottom: 1rem;
		}
		a{
			width: 100%;
			max-width: 20rem;
			display: inline-block;
			background: #000;
			color: #fff;
			line-height: 2.5rem;
			height: 2.5rem;
			transform: all .3s;
			&:hover{
				opacity: 1;
				color: #000;
				background: #fff;
			}
		}
	}
}
.quotation{
	margin-bottom: 0;
	text-align: right;
	padding-bottom: 3rem;
}
.lc-btn{
	&:extend(section article > .prefArea);
	margin-top: 1rem;
	background:url(/common/images/common/bg_9.svg) bottom right / 100% no-repeat;
	color: white;
	font-family: YuMincho;
	padding: 0.8rem;
	font-size: 0.7rem;
	text-align: justify;
  text-justify: inter-ideograph;
}

@media only screen and (min-width: 768px){
	.read-more{
		display: none;
	}
	.text-area{
		height: auto!important;
	}
	.present-sparea{
		display: none!important;
	}
}

@import "styles-sp";