/* CSS Document */
/*@font-face {
font-family: "notoserif";
  src: url("fonts/notoseriflight.woff") format("woff");
}*/
@font-face {
font-family: "hannari";
  src: url("fonts/hannari.woff") format("woff");
}


html,body { width: 100%; }
body {
	color: #ffffff;
	margin: 0 auto;
	font-family: 'Noto Serif JP', serif;
	background: url(../images/bg.jpg) repeat;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 1px;
}

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb10 { padding-bottom: 10px !important; }
.p15 { padding: 0 15px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }

.mb05em { margin-bottom: 0.5em !important; }
.mb1em { margin-bottom: 1em !important; }
.mb2em { margin-bottom: 2em !important; }
.mb3em { margin-bottom: 3em !important; }
.mb4em { margin-bottom: 4em !important; }
.pb05em { padding-bottom: 0.5em !important; }
.mr0 { margin-right: 0 !important; }

li { list-style: none; }

p {
	text-align: justify;
	-ms-text-justify: auto;
	text-justify: auto;
	text-justify: inter-ideograph;
}
h1,h2,h3,h4,h5,h6,strong { font-weight: normal; }
img { vertical-align: bottom; max-width: 100%; }

.noborder { border: none !important; }
.nomargin { margin: 0 0 !important; }

.ta_r { text-align: right; }
.ta_c { text-align: center; }

.cf:before,.cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }

	a {
		color: #ffffff;
		text-decoration: none;
	}
.loading-area{background:#fff;width:100%;height:100%;height:100vh;position:fixed; z-index: 22000;}
.loading-area .loadeing-logo-area{position:absolute;top:50vh;bottom:0;left:10px;right:0;margin:auto;
	width:580px;height:200px; margin-top: -100px; text-align: center;}
.loading-area .loadeing-logo-area img { display: none; }
/*.loading-area .loadeing-logo-area img{ opacity: 0.6; }*/

/*@media screen and (max-width: 1119px){.loading-area .loadeing-logo-area{top:0;bottom:0;left:0;right:0;margin:auto}}*/
@media screen and (max-width: 750px){.loading-area .loadeing-logo-area{top:0;bottom:0;left:0;right:0;margin:auto;width:50%;height:300px}
.loading-area .loadeing-logo-area img{width:100%; opacity: 1;}}
.loading-area .loadeing-logo-area i{color:#ccc;display:block;margin:30px auto 0}


@media (min-width:1001px){

	.mb20 { margin-bottom: 20px !important; }
	.mb25 { margin-bottom: 25px !important; }
	.mb30 { margin-bottom: 30px !important; }
	.mb40 { margin-bottom: 40px !important; }
	.mb50 { margin-bottom: 50px !important; }
	.mb60 { margin-bottom: 60px !important; }
	.mb70 { margin-bottom: 70px !important; }
	.mb80 { margin-bottom: 80px !important; }
	.mb100 { margin-bottom: 100px !important; }
	.mb120 { margin-bottom: 120px !important; }
	.pt50 { padding-top: 50px !important; }
	.mr20 { margin-right: 20px; }
	.ls-1 { letter-spacing: -1px; }
	.ls-2 { letter-spacing: -2px; }
	.ls-3 { letter-spacing: -3px; }
	.ls-4 { letter-spacing: -4px; }
	.fs14 { font-size: 14px; }
	.fs16 { font-size: 16px; }
	.fs24 { font-size: 24px; }
	.fs26 { font-size: 26px; }

	a {
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	}
	a img{
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	}

	a:active, a:hover, a:hover img { opacity: 0.5; }
.img_hidden {
	opacity: 0;
	transition: 1s;
}
.img_open {
	-moz-animation: imgfade 1s linear 0s 1 normal forwards;
	-webkit-animation: imgfade 1s linear 0s 1 normal forwards;
	-o-animation: imgfade 1s linear 0s 1 normal forwards;
	-ms-animation: imgfade 1s linear 0s 1 normal forwards;
}
.img_open.ih2 {
	-moz-animation: imgfade 1s linear 0.3s 1 normal forwards;
	-webkit-animation: imgfade 1s linear 0.3s 1 normal forwards;
	-o-animation: imgfade 1s linear 0.3s 1 normal forwards;
	-ms-animation: imgfade 1s linear 0.3s 1 normal forwards;
}
.img_open.ih3 {
	-moz-animation: imgfade 1s linear 0.6s 1 normal forwards;
	-webkit-animation: imgfade 1s linear 0.6s 1 normal forwards;
	-o-animation: imgfade 1s linear 0.6s 1 normal forwards;
	-ms-animation: imgfade 1s linear 0.6s 1 normal forwards;
}
.img_open.ih4 {
	-moz-animation: imgfade 1s linear 0.9s 1 normal forwards;
	-webkit-animation: imgfade 1s linear 0.9s 1 normal forwards;
	-o-animation: imgfade 1s linear 0.9s 1 normal forwards;
	-ms-animation: imgfade 1s linear 0.9s 1 normal forwards;
}
.img_open.ih5 {
	-moz-animation: imgfade 1s linear 1.2s 1 normal forwards;
	-webkit-animation: imgfade 1s linear 1.2s 1 normal forwards;
	-o-animation: imgfade 1s linear 1.2s 1 normal forwards;
	-ms-animation: imgfade 1s linear 1.2s 1 normal forwards;
}

.showup {
	opacity: 0;
	transition: 1s;
	transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
}
.upview {
	-moz-animation: showup 1.2s linear 0s 1 normal forwards;
	-webkit-animation: showup 1.2s linear 0s 1 normal forwards;
	-o-animation: showup 1.2s linear 0s 1 normal forwards;
	-ms-animation: showup 1.2s linear 0s 1 normal forwards;
}
.upview.uv2 {
	-moz-animation: showup 1.2s linear 0.3s 1 normal forwards;
	-webkit-animation: showup 1.2s linear 0.3s 1 normal forwards;
	-o-animation: showup 1.2s linear 0.3s 1 normal forwards;
	-ms-animation: showup 1.2s linear 0.3s 1 normal forwards;
}
.upview.uv3 {
	-moz-animation: showup 1.2s linear 0.6s 1 normal forwards;
	-webkit-animation: showup 1.2s linear 0.6s 1 normal forwards;
	-o-animation: showup 1.2s linear 0.6s 1 normal forwards;
	-ms-animation: showup 1.2s linear 0.6s 1 normal forwards;
}
.upview.uv4 {
	-moz-animation: showup 1.2s linear 0.9s 1 normal forwards;
	-webkit-animation: showup 1.2s linear 0.9s 1 normal forwards;
	-o-animation: showup 1.2s linear 0.9s 1 normal forwards;
	-ms-animation: showup 1.2s linear 0.9s 1 normal forwards;
}
.showdown {
	opacity: 0;
	transition: 1s;
	transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
}
.downview {
	-moz-animation: showdown 1.2s linear 0s 1 normal forwards;
	-webkit-animation: showdown 1.2s linear 0s 1 normal forwards;
	-o-animation: showdown 1.2s linear 0s 1 normal forwards;
	-ms-animation: showdown 1.2s linear 0s 1 normal forwards;
}

.showleft {
	opacity: 0;
	transition: 1s;
	transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
}
.leftview {
	-moz-animation: showleft 1.2s linear 0s 1 normal forwards;
	-webkit-animation: showleft 1.2s linear 0s 1 normal forwards;
	-o-animation: showleft 1.2s linear 0s 1 normal forwards;
	-ms-animation: showleft 1.2s linear 0s 1 normal forwards;
}
.showright {
	opacity: 0;
	transition: 1s;
	transform: translateX(20px);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
}
.rightview {
	-moz-animation: showright 1.2s linear 0s 1 normal forwards;
	-webkit-animation: showright 1.2s linear 0s 1 normal forwards;
	-o-animation: showright 1.2s linear 0s 1 normal forwards;
	-ms-animation: showright 1.2s linear 0s 1 normal forwards;
}


	.for_sp{display: none !important;}
	.for_tab{display: none !important;}
	.for_nw{display: none !important;}
	.tab .for_pcnotab { display: none !important; }
	.tab .for_tab { display: inline !important; }
	body { font-size: 14px; line-height: 16px; }
	.wrap { position: relative; width: 100%; overflow: hidden; }

	.cnav { width: 100%; }
	#fnav.cnav { height: 85px; position: fixed; top:-85px; transition:0.6s;
		 z-index: 8000; background: url(../images/bg_b.jpg) repeat;  }
	#fnav.cnav.show { top:0; }
	#hnav.cnav { position: absolute; bottom: 0; left: 0; height: 120px; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6)); padding-top: 30px; }
	.cnav_in {  height: 60px;  }
	.cnav_in h2 a { display: block; width: 176px; height: 46px; text-indent: -10000px; overflow: hidden;
		background: url(../images/logo.png) center center no-repeat; background-size: contain;
		 }
	.cnav_in .mainw_pc { display: flex; justify-content: space-between; align-items:center; /*flex-wrap:wrap;*/ }
	.gnav { display: flex; justify-content: center; flex-wrap: wrap; }
	#hnav .gnav { width: 100%; }
	.cnav_in .gnav li { display: flex; align-items:center; }
	.cnav_in .gnav li:last-child,.cnav_in .gnav li:nth-last-child(2) { width: 140px; }
	.gnav li a { display: block; line-height: 85px; padding: 0 8px; font-size: 16px;
		position: relative; text-align: center;  }
	#hnav .gnav li a { padding: 0 15px; }
	.gnav li a.btn { width: 130px; height: 40px; line-height: 40px; text-align: center; margin-left: 10px; }
	.gnav li a.pbtn { background: #c35c6d; }
	.gnav li a.mbtn { background: #755c8b; }
	header .gnav li a { color: #ffffff; text-shadow:2px 2px 10px #000000; }

	/*.tel { text-align: center; font-size: 11px; color: #ffffff;
		border-left: #513836 1px solid; padding-left: 15px; }
	.tel a { display: flex; align-items:center; font-size: 19px; cursor: default;
		justify-content:center; font-weight: normal; color: #ffffff; }
	.tel img { width: 12px; margin-right: 5px; }
	.tel a:hover,.tel a:hover img { opacity: 1; }*/




	header { width: 100%; height: 127px; position: absolute; top:0; left: 0; z-index: 500; 
		background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0)); padding-top: 15px; }
	header h1 { width: 267px; height: 70px; margin: 0 auto; }
	header h1 a { display: block; width: 100%; height: 100%; text-indent: -10000px; overflow: hidden;
		background: url(../images/logo_big.png) center center no-repeat; background-size: 100% auto; }
	#headmain { height: 127px; position: relative; /*display: flex; justify-content: space-between; align-items:center;
		flex-wrap:wrap;*/ }
	#headmain nav {  }
	#headmain nav ul {  }
	#headmain .tel_lang { position: absolute; right: 0; top:0; }
	#headmain .tel_lang a { display: block; color: #ffffff; line-height: 25px; }
	#headmain .tel_lang .tel_h { padding: 0 18px 0 18px; background: url(../images/icon_tel.svg) left center no-repeat;
		font-size: 22px; pointer-events:none; border-right: #ffffff 1px solid; }
	#headmain .tel_lang #lang_en { padding: 0 15px 0 18px; font-size: 15px; background: url(../images/icon_arrow.svg) right 5px center no-repeat; font-family: 'Bentham', serif; }
	#headmain .tel_lang #lang_en:hover { opacity: 1; background-position: right center; }
	/*#headmain .gnav li { width: 25%; }*/
	/*#headmain h2 { position: absolute; top:-25px; left: 50%; margin-left: -77px; width: 154px; }*/
	/*#gnav { width: 900px; text-align: right; }*/

/*side*/
	#side { position: fixed; top:0; right: -220px; z-index: 1000; transition: 0.6s; }
	#side.show { right: 0; }
	#side .btn_side { display: block; width: 50px; height: 200px; text-indent: -10000px; overflow: hidden;
		background: url(../images/btn_side.svg) center center no-repeat #C35C6D; margin-top: 75px; }
	#side .btn_side:hover { background-color: #774971; opacity: 1; }
	#side .rsv_side { width: 220px; background: url(../images/bg_cb.jpg) repeat; padding: 95px 30px 30px 30px; color: #ffffff; height: 100vh;
		overflow: auto; }
	#side .rsv_ul { border-top: #494949 1px solid; }
	#side .rsv_ul li { border-bottom: #494949 1px solid; padding: 15px 5px; background: url(../images/icon_select.svg) right 10px center no-repeat; }
	.rsv .rsv_ul li:first-child,#side .rsv_ul li:first-child { background: none; }
	.rsv .rsv_ul li input[type="text"] { border: none; background: url(../images/icon_cal.svg) right 5px center no-repeat;
		font-size: 20px; color: #ffffff; font-family: 'Noto Serif JP', serif; /*line-height: 44px;*/ }
	.rsv .rsv_ul li input[type="checkbox"] { width: 20px; height: 20px; background: none; border: #494949 1px solid;
		-webkit-appearance: none; }
	.rsv .rsv_ul li input[type="checkbox"]:checked { background: #C35C6D; }
	.rsv .rsv_ul li select { background: none; border: none; color: #ffffff; -webkit-appearance: none; width: 100%; line-height: 44px;
		font-size: 20px; font-family: 'Noto Serif JP', serif; }
	.rsv .rsv_ul li select option { color: #000000; }
	.rsv .rsv_ul li label { font-size: 15px; display: block; }
	.rsv .rsv_ul li label.datecheck { display: inline-block; }
	.rsv .plans { margin-top: 30px; }
	.rsv .plans li { margin-bottom: 10px; }

/*footer*/
	footer { width: 100%; position: relative; background: url(../images/bg_foot.jpg) repeat; 
		color: #ffffff; padding: 100px 0;
		 }
	footer>.cflex { justify-content:space-between; }
	footer .footmain {  }
	footer .h2wrp { align-items:center; margin-bottom: 15px; }
	footer h2 a { display: block; width: 266px; height: 70px; text-indent: -10000px; overflow: hidden;
		background: url(../images/logo_big.png) center center no-repeat; margin-right: 15px; }
	footer .link_fb { width: 42px; height: 42px; line-height: 40px; text-align: center; border-radius: 21px;
		border: #ffffff 1px dashed; display: flex; align-items:center; justify-content:center; }
	footer .link_fb img { width: 30px; }
	footer .link_fb:hover { background: #6C4A6F; opacity: 1; }
	footer .link_fb:hover img { opacity: 1; }
	footer address{ font-style: normal; margin-bottom: 30px; }
	footer address p { font-size: 16px; line-height: 28px; text-align: left; }

	footer .copy { text-align: left; font-size: 13px; }
	footer #footnav { padding-right: 100px; }
	footer #footnav ul { /*display: flex; justify-content: center; */ padding-right: 50px;
		/*flex-wrap:wrap;*/ }
	footer #footnav li {  }
	footer #footnav li a { font-size: 16px; display: block; color: #ffffff; padding-right: 10px;
		line-height: 40px; }
	footer .btns_foot { margin-top: 40px; }
	footer .btns_foot a.cbtn3,footer .btns_foot a.cbtn4 { width: 260px; height: 50px; line-height: 50px; }
	footer .btns_foot li:last-child { margin-left: 10px; }
	/*footer #footnav li a:after { content: "/"; color: #b2917b; display: inline-block; padding-left: 10px; }
	footer #footnav li:last-child a:after { content: ""; }*/
	/*footer .mainw { position: relative; }*/


/*pagetop*/
	#page-top { position: fixed; bottom: 40px; /*left: 50%; margin-left: 610px;*/ right: 70px; z-index: 3000; transition: 0.6s; }
	#page-top.withside { /*margin-left: 520px;*/ right: 250px; }
	#page-top a { text-align: center; display: block; width: 40px; height: 110px; padding-top: 90px;
		position: relative; text-align: center; color: #ffffff; font-size: 16px; }
	#page-top a:before { content: ""; width: 1px; height: 80px; position: absolute; top:0; left: 50%;
		transition:0.3s; background: #ffffff; }
	#page-top a:hover { opacity: 1; }
	#page-top a:hover:before { top:-5px; }

	#page-top.stop { position: absolute; bottom: 360px; right: 70px; left: auto; margin-left: 0; }

	#trip_ai_container { right: 125px !important; transition: 0.3s; display: none; }
	#trip_ai_container.withside { right: 295px !important; }

/*common*/
	.mainw,.mainw_pc { width: 85%; margin: 0 auto; }
	.w1100 { width: 1100px; margin: 0 auto; }
	.w1000 { width: 71%; margin: 0 auto; }
	.w900 { width: 900px; margin: 0 auto; }
	.w800 { width: 800px; margin: 0 auto; }
	.w700 { width: 700px; margin: 0 auto; }
	.anchor { margin-top: -100px; padding-top: 100px; }
	.cflex { display: flex; }
	p { font-size: 16px; line-height:32px; }
	#mv { width: 100%; height: 500px; overflow: hidden; text-align: center;
		position: relative; }
	#mv h2 { position: absolute; top:0; width: 100%; height: 500px; left: 0; text-align: center;
		overflow: hidden; text-indent: -100000px; }
	/*.left { float: left; }
	.right { float: right; }*/
	/*p.lead { font-size: 16px; line-height: 26px; text-align: center; margin: 0 0 20px; }*/
	.lead { text-align: center; margin-bottom: 70px; }
	.lead h4 { font-size: 24px; text-align: center; margin-bottom: 35px; line-height: 34px; font-family: "hannari"; }
	.lead p { font-size: 16px; line-height: 32px; text-align: center; }

	/*.h2wrp { background: #ffffff; height: 70px; }*/
	h2.mainh2 { font-size: 18px; text-align: left; font-weight: normal; margin: 0 auto; line-height: 70px;
		width: 1200px;  }
	h2.mainh2>span { font-size: 40px; font-family: 'EB Garamond'; display: inline-block; padding-right: 12px;
		margin-right: 12px; position: relative; }
	h2.mainh2>span:after { content: ""; position: absolute; width: 1px; height: 28px; right: 0; top:21px;
		background: #ccc7be; }
	h2.mainh2 span span { color: #af8242; }

	h3.ch3 { margin: 0 auto 55px; text-indent: -10000px; overflow: hidden;
		position: relative; }
	h3.ch3_2 { margin: 0 auto 55px; font-family: 'Bentham', serif; color: #EA94C9; text-align: center; font-size: 16px; }
	h3.ch3_2 span { display: none; }
	h3.ch3_3 { font-size: 22px; margin-bottom: 45px; }
	h3.ch3_3 span { font-size: 16px; color: #F6A4BE; font-family: 'Bentham', serif; display: inline-block; padding-left: 10px; }

	h4.ch4 { font-size: 24px; margin-bottom: 30px; line-height: 40px; font-family: "hannari"; }


	.cmenu ul { position: relative; display: flex; flex-wrap: wrap; justify-content: center;
		text-align: center; margin: 40px auto 120px; }
	.cmenu ul:before { content: ""; width: 100%; height: 1px; background: #774971; position: absolute; left: 0; bottom: 18px; }
	.cmenu li { width: 195px; font-size: 16px; }
	.cmenu li a { display: block; height: 60px; width: 100%; position: relative; line-height: 24px;
		text-align: center; background: url(../images/icon_cmenu.svg) center bottom no-repeat; position: relative; }
	.cmenu li a:after { content: ""; position: absolute; bottom: 0; opacity: 0;
		left: 50%; margin-left: -18px; width: 36px; height: 36px; text-align: center; transition:0.3s;
		background: url(../images/icon_cmenu_on.svg) center center no-repeat; }
	.cmenu li a:hover { opacity: 1; }
	.cmenu li a:hover:after { opacity: 1; }
	/*.cmenu li a.l2 { line-height: 17px; }*/


	/*section .bx-wrapper .bx-viewport { left:0; }*/
	/*cb...color box*/
	.cb { background: url(../images/bg_cb.jpg) repeat; }
	.cb_pink { background: url(../images/bg_pink.jpg) repeat; }
	/*.bg_mt_right { background: url(../images/bg_mt_right.png) right top no-repeat; }
	.bg_mt_left { background: url(../images/bg_mt_left.png) left bottom no-repeat; }*/

	/*bt...border top*/
	.bt { border-top: #e0e0e0 1px solid; padding-top: 30px; }
	/*bb...border bottom*/
	/*.bb { width: 100%; box-shadow: 2px 2px 5px #cccccc; padding-bottom: 15px; margin-bottom: 70px; }*/
	/*cbd...common border*/
	.cbd { height: 15px; width: 100%; background:#f2f2f2; }

	.cbtn { font-size: 16px; display: block; text-align: center; line-height: 50px;
		 padding-right: 20px; width: 250px; height: 50px; position: relative; color: #ffffff;
		 background: url("../images/icon_arrow_pp.svg") right 20px center no-repeat;
		 border: #805C76 1px solid; }
	.cbtn:hover { opacity: 1;
		background:url(../images/icon_arrow3.svg) right 15px center no-repeat #805C76; }

	.cbtn2 { font-size: 16px; display: block; text-align: center; line-height: 40px;
		width: 160px; height: 40px; padding-right: 20px; transition: 0.3s; border: none; color: #ffffff;
		 background: url("../images/icon_arrow3.svg") right 10px center no-repeat #C35C6D;
		 font-family: 'Noto Serif JP', serif; cursor: pointer; }
	.cbtn2:hover { background-color: #774971; opacity: 1; background-position: right 5px center; }


	.cbtn3 { font-size: 16px; display: block; text-align: center; line-height: 40px;
		width: 160px; height: 40px; padding-right: 20px; transition: 0.3s; border: none; color: #ffffff;
		 background: url("../images/icon_arrow3.svg") right 10px center no-repeat #774971;
		 font-family: 'Noto Serif JP', serif; cursor: pointer; }
	.cbtn3:hover { background-color: #C35C6D; opacity: 1; background-position: right 5px center; }

	.cbtn4 { font-size: 16px; display: block; text-align: center; line-height: 40px;
		width: 160px; height: 40px; padding-right: 20px; transition: 0.3s; border: none; color: #ffffff;
		 background: url("../images/icon_arrow3.svg") right 10px center no-repeat #94708D;
		 font-family: 'Noto Serif JP', serif; cursor: pointer; }
	.cbtn4:hover { background-color: #C35C6D; opacity: 1; background-position: right 5px center; }

	.cbtn5 { display: block; width: 300px; height: 50px; line-height: 48px; border:#BD7A88 1px solid; padding-right: 20px; transition: 0.3s;
		color: #ffffff; background: url("../images/icon_arrow_pink3.svg") right 10px center no-repeat; text-align: center;
		 }
	.cbtn5:hover { background: url("../images/icon_arrow3.svg") right 5px center no-repeat #94708D; opacity: 1; }

	.btn_arrow { width: 43px; height: 43px; position: relative; display: block; }
	.btn_arrow:after { content: ""; width: 43px; height: 43px; position: absolute; top:0; left: 0; 
		background: url(../images/btn_arrow_on.svg) left top no-repeat; opacity: 0; transition: 0.3s; }
	.btn_arrow:hover:after { opacity: 1; }
	.btn_arrow:hover,.btn_arrow:hover img { opacity: 1; }

	table.ctable { border-collapse:collapse; width: 100%; border-top: #353535 1px solid; }
	table.ctable th,table.ctable td { font-size: 16px; padding: 15px 25px; line-height: 34px; border-bottom: #353535 1px solid; }
	table.ctable th { width: 140px; font-weight: normal; text-align: center;
		background: #060607; }
	table.ctable td { text-align: left; }
	/*table.ctable .long { line-height: 26px; padding: 10px; }*/

	table.ctable2 { border-collapse:collapse; border-top: #CE7A99 1px solid; }
	table.ctable2 th,table.ctable2 td { font-size: 16px; padding: 15px 10px; line-height: 28px; border-bottom: #CE7A99 1px solid; }
	table.ctable2 th { width: 120px; font-weight: normal; text-align: center;
		background: #913D5D; }
	table.ctable2 td { text-align: left; }

	table.ctable3 { border-collapse:collapse; border-top: #805C76 1px solid; width: 100%; }
	table.ctable3 th,table.ctable3 td { font-size: 16px; padding: 15px 10px; line-height: 28px; border-bottom: #805C76 1px solid; }
	table.ctable3 th { width: 120px; font-weight: normal; text-align: center; vertical-align: middle;
		background: #381836; }
	table.ctable3 td { text-align: left; }

	ul.cul { text-align: left; font-size: 16px; line-height: 32px; /*padding-left: 1em;*/ }
	ul.cul li { padding-left: 1em; text-indent: -0.5em; /*list-style: disc;*/ }
	ul.cul li:before { content: "●"; color: #F6A4BE; display: inline-block; font-size: 10px;
		padding-right: 0.5em; }

	ul.noteul { text-align: left; font-size: 14px; line-height: 30px; /*padding-left: 1em;*/ }
	ul.noteul li { padding-left: 1em; text-indent: -0.5em; /*list-style: disc;*/ }
	ul.noteul li:before { content: "※";  display: inline-block;
		padding-right: 0.5em; }

	/*cdl...common dl*/
	dl.cdl { text-align: left; line-height: 30px; /*padding-left: 1em;*/ }
	dl.cdl dt { font-size: 16px; }
	dl.cdl dd { padding-left: 1em; font-size: 14px; }
	dl.cdl dt:before { content: "●"; color: #F6A4BE; display: inline-block; font-size: 10px;
		padding-right: 0.5em; }

	/*ul.bn { text-align: center; margin: 60px auto 110px; }
	ul.bn li { float: left; }
	ul.bn li:last-child { float: right; }
	ul.bn li img { width: 550px; }*/

	section .swiper-container-horizontal>.swiper-pagination-bullets, section .swiper-pagination-custom, section .swiper-pagination-fraction {
		position: absolute; z-index: 10; display: flex; justify-content: flex-end; padding-right: 30px; bottom: 30px;
	}
	section .swiper-pagination-bullet { width: 40px; height: 10px; background: none; border-radius: 0; opacity: 1;
		position: relative; }
	section .swiper-pagination-bullet:after { content: ""; width: 40px; height: 2px; background: #ffffff; opacity: 0.5;
		transition: 0.3s; position: absolute; top:50%; left: 0; }
	section .swiper-pagination-bullet-active:after { opacity: 1; }

	.tabmenu { position: relative; margin-bottom: 65px; /*border-bottom: #76536E 1px solid;*/ }
	.tabmenu:before { content: ""; width: 100%; position: absolute; left: 0; bottom: 0; background: #76536E; height: 1px; }
	.tabmenu ul { display: flex; justify-content: center; position: relative; }
	/*.tabmenu ul:before { content: ""; width: calc( 50vw - 600px); position: absolute; right: calc( 50% + 600px); bottom: 0; height: 1px; background: #76536E; }
	.tabmenu ul:after { content: ""; width: calc( 50vw - 600px); position: absolute; left: calc( 50% + 600px); bottom: 0; height: 1px; background: #76536E; }*/
	.tabmenu ul li { width: 20%; position: relative; }
	.tabmenu ul li a { display: block; width: 100%; height: 60px; line-height: 60px; border-bottom: rgba(70,38,68,0) 1px solid;
		text-align: center; font-size: 16px; border-top: rgba(118,83,110,0) 1px solid; border-right: #76536E 1px solid; /*
		border-left: rgba(118,83,110,0) 1px solid;*/ position: relative; }
	.tabmenu ul li:first-child a { border-left: rgba(118,83,110,0) 1px solid; }
	.tabmenu ul li:last-child a { border-right: rgba(118,83,110,0) 1px solid; }
	.tabmenu ul li a.active,.tabmenu ul li a:hover { border-top: #76536E 1px solid; /*border-right: #76536E 1px solid;
		border-left: #76536E 1px solid;*/ border-bottom: #462644 1px solid; opacity: 1; }
	.tabmenu ul li:first-child a.active,.tabmenu ul li:first-child a:hover { border-left: #76536E 1px solid; }
	.tabmenu ul li:last-child a.active,.tabmenu ul li:last-child a:hover { border-right: #76536E 1px solid; }


}
@media (min-width: 1001px) and  (max-width:1470px){
	/*#page-top { right: 20px; left: auto; margin-left: 0; }*/
	#page-top.withside { right: 250px; }
}
@media (min-width: 1001px) and  (max-width:1370px){

}
@media (min-width: 1001px) and  (max-width:1245px){
	.for_nw{display: inline !important;}

	.mainw,.mainw_pc,h2.mainh2 { width: 100%; padding: 0 2vw; }
	.mainw.anchor,.mainw_pc.anchor { padding: 100px 2vw 0; }
	#fnav.cnav { top: -160px; }
	.cnav_in { height: 100px; }
	.cnav_in .mainw_pc { justify-content: center; }


}
@media (min-width: 1001px) and  (max-width:1180px){
	#fnav.cnav { top: -200px; }
	/*#hnav.cnav .gnav { flex-wrap:wrap; }*/
	#hnav.cnav .gnav li a { line-height: 40px; }
	}

@media (min-width: 1001px) and  (max-width:1160px){
}
@media (min-width: 1001px) and  (max-width:1145px){
	.w1100 { width: 100%; padding: 0 2vw; }
	.w1100.anchor { padding: 100px 2vw 0; }
	#headmain,.cnav_in .mainw_pc { justify-content:center; }
}
@media (min-width: 1001px) and  (max-width:1110px){
	.gnav li a { padding: 0 5px; }
}
@media (min-width: 1001px) and  (max-width:1045px){
	.w1000 { width: 100%; padding: 0 2vw; }
	.w1000.anchor { padding: 100px 2vw 0; }
	/*.cnav { height: 135px; top:-135px; }*/
	.cnav_in .gnav li a { line-height: 30px; }
}
/*@media (min-width: 1001px) and  (max-width: 950px){
	.cnav_in { position: relative; }
	#fnav.cnav_in .pbtn { position: absolute; top:10px; right: 15px; }
}
@media (min-width: 1001px) and  (max-width: 940px){
	.w900 { padding: 0 2vw; width: 100%; }
}
@media (min-width: 1001px) and  (max-width: 880px){
	footer #footnav { padding-right: 0; }
}
@media (min-width: 1001px) and  (max-width: 860px){
	.cnav_in .gnav { flex-wrap:wrap; }
	.cnav_in .gnav li a { line-height: 30px; }
}*/
	@-moz-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-webkit-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-o-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-ms-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }

	@-moz-keyframes showup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }
	@-webkit-keyframes showup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }
	@-o-keyframes showup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }
	@-ms-keyframes showup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }

	@-moz-keyframes showdown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } }
	@-webkit-keyframes showdown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } }
	@-o-keyframes showdown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } }
	@-ms-keyframes showdown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } }

	@-moz-keyframes showleft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } }
	@-webkit-keyframes showleft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } }
	@-o-keyframes showleft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } }
	@-ms-keyframes showleft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } }

	@-moz-keyframes showright { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } }
	@-webkit-keyframes showright { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } }
	@-o-keyframes showright { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } }
	@-ms-keyframes showright { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } }

@media (max-width:1000px){
	body { font-size: 3.8vw; line-height: 1.5; }
	.mb20 { margin-bottom: 2.6vw !important; }
	.mb25 { margin-bottom: 3.3vw !important; }
	.mb30 { margin-bottom: 4vw !important; }
	.mb40 { margin-bottom: 5.3vw !important; }
	.mb50 { margin-bottom: 6.6vw !important; }
	.mb60 { margin-bottom: 8vw !important; }
	.mb70 { margin-bottom: 9.3vw !important; }
	.mb80 { margin-bottom: 10.6vw !important; }
	.mb90 { margin-bottom: 12vw; }
	.mb100 { margin-bottom: 13.3vw !important; }
	.mb120 { margin-bottom: 16vw !important; }
	.pt50 { padding-top: 6.6vw !important; }
	.ls-1 { letter-spacing: -1px; }
	.ls-2 { letter-spacing: -2px; }
	.ls-3 { letter-spacing: -3px; }
	.ls-4 { letter-spacing: -4px; }
	.fs14 { font-size: 3.4vw; }
	.fs16 { font-size: 3.7vw; }
	.fs24 { font-size: 4vw; }
	.fs26 { font-size: 5vw; }


	body { width:100%; }
	.wrap { width: 100%; overflow: hidden;}
	.for_pc { display: none !important; }
	.for_tab{display: none;}
	.for_pcnotab { display: none !important; }
	.for_nw{display: none !important;}


	.cf_s:before,.cf_s:after { content:""; display:table; }
	.cf_s:after { clear:both; }
	.cf_s { zoom:1; }

.showup {
	opacity: 0;
	transition: 1s;
	transform: translateY(4vw);
    -webkit-transform: translateY(4vw);
    -moz-transform: translateY(4vw);
    -ms-transform: translateY(4vw);
    -o-transform: translateY(4vw);
}
.upview {
	-moz-animation: showup 1s linear 0s 1 normal forwards;
	-webkit-animation: showup 1s linear 0s 1 normal forwards;
	-o-animation: showup 1s linear 0s 1 normal forwards;
	-ms-animation: showup 1s linear 0s 1 normal forwards;
}
.showdown {
	opacity: 0;
	transition: 1s;
	transform: translateY(-4vw);
    -webkit-transform: translateY(-4vw);
    -moz-transform: translateY(-4vw);
    -ms-transform: translateY(-4vw);
    -o-transform: translateY(-4vw);
}
.downview {
	-moz-animation: showdown 1s linear 0s 1 normal forwards;
	-webkit-animation: showdown 1s linear 0s 1 normal forwards;
	-o-animation: showdown 1s linear 0s 1 normal forwards;
	-ms-animation: showdown 1s linear 0s 1 normal forwards;
}
.showleft {
	opacity: 0;
	transition: 1s;
	transform: translateX(-4vw);
    -webkit-transform: translateX(-4vw);
    -moz-transform: translateX(-4vw);
    -ms-transform: translateX(-4vw);
    -o-transform: translateX(-4vw);
}
.leftview {
	-moz-animation: showleft 1s linear 0s 1 normal forwards;
	-webkit-animation: showleft 1s linear 0s 1 normal forwards;
	-o-animation: showleft 1s linear 0s 1 normal forwards;
	-ms-animation: showleft 1s linear 0s 1 normal forwards;	
}

.showright {
	opacity: 0;
	transition: 1s;
	transform: translateX(4vw);
    -webkit-transform: translateX(4vw);
    -moz-transform: translateX(4vw);
    -ms-transform: translateX(4vw);
    -o-transform: translateX(4vw);
}
.rightview {
	-moz-animation: showright 1s linear 0s 1 normal forwards;
	-webkit-animation: showright 1s linear 0s 1 normal forwards;
	-o-animation: showright 1s linear 0s 1 normal forwards;
	-ms-animation: showright 1s linear 0s 1 normal forwards;
}


	.cnav { width:100%; position:fixed; left:0; bottom:0; z-index:20000; }
	#foot_spnav { width:100%; height:16vw; display: flex; position: relative; background: #18181a;
		justify-content: space-between; z-index: 3000; border-top: #444444 1px solid; }
	#foot_spnav ul { width: 100%; height:16vw; display: flex; }
	#foot_spnav ul li { text-align: center; position: relative; width: 33%; width: calc( 100% / 3 ) }
	/*#foot_spnav ul li:nth-child(3) { border-right: #444444 1px solid; }*/

	#foot_spnav ul li a { width:100%; height:16vw; /*color: #ffffff;*/ padding-top: 3vw;
		position: relative; font-size: 3.2vw; display: block;
		text-align: center;  }
	#foot_spnav ul li:last-child a { padding-top: 2vw; }
	#foot_spnav ul li a img { width: 4.6vw; }
	#foot_spnav ul li a p { display: block; position: absolute; width: 100%; bottom: 2vw; left: 0; text-align: center; }
	#foot_spnav ul li:nth-child(1) a { background: #c35c6d; }
	#foot_spnav ul li:nth-child(2) a { background: #755c8b; }
	/*#foot_spnav ul li:first-child a span { padding-top: 2vw; }*/
	#foot_spnav #menu_sp { }
	#foot_spnav #menu_sp div { width: 6vw; height: 4.4vw; margin: 1.6vw auto 0; position: relative; }
	#foot_spnav #menu_sp span{ position: absolute;  display: block; width: 6vw; 
		height: 1px;  
		background: #ffffff; left:0; transform:rotate(0); }
	#foot_spnav #menu_sp div span:first-child{ top:0; }
	#foot_spnav #menu_sp div span:nth-child(2){ top:2vw; }
	#foot_spnav #menu_sp div span:nth-child(3){ top:4vw; }
	/*#foot_spnav #menu_sp span.txt { text-align: center; height: auto; width: 100%;
		background: none; }*/

	.sp_yoko .cnav,.sp_yoko #foot_spnav,.sp_yoko #foot_spnav ul,.sp_yoko #foot_spnav ul li a,
	.sp_yoko #foot_spnav #menu_sp
	{ height: 15vh; }

	.cnav_in { display: none; position: fixed; left: 0; top: 0; width: 100%; z-index: 2000;
		text-align: center; background: #000000; height: 100%; overflow: auto; padding-bottom: 24vw; }
	/*.cnav_in.mainw { width: 100%; }*/
	.cnav_in .menuhead { height: 21vw; width: 100%; text-align: center; }
	.cnav_in .menu_sp { position: absolute; top:2vw; right: 2vw; width: 16vw; }
	.cnav_in h2 { padding-top: 2vw; }
	.cnav_in h2 a { margin: 0 auto 0; width: 46vw; height: 12vw; position: relative; text-indent: -10000px;
		background: url(../images/logo.png) center center no-repeat; background-size: contain;
		overflow: hidden; display: block; }
	.cnav_in ul.f_gnav { width: 74vw; margin: 0 auto 6.4vw; 
		 }
	.cnav_in ul.f_gnav li { border-bottom: #444444 1px solid; line-height: 12vw; }
	/*.cnav_in ul.f_gnav li:nth-child(-n+2) { border-top: #d1cab6 1px solid; }*/
	.cnav_in ul.f_gnav li a { display: block; width: 100%; height: 12vw; text-align: center;
		position: relative; font-size: 3.7vw; /*color: #ffffff;*/ }

	/*.cnav_in .subnav { width: 88vw; margin: 5vw auto; display: flex; flex-wrap: wrap; }
	.cnav_in .subnav li { width: 44vw; }
	.cnav_in .subnav li a { display: flex; line-height: 8.8vw; font-size: 3.2vw; padding-left: 4vw;
		text-align: left; }
	.cnav_in .subnav li a:before { content: ""; background: url(../images/icon_arrow.svg) left center no-repeat;
		width: 3vw; height: 8.8vw; background-size: 1.4vw auto; display: inline-block; }*/
	/*.cnav_in .cbtn { margin: 0 auto 4vw; }*/
	.tel { width: 54vw; margin: 0 auto 4vw;  }
	.tel a { display: block; background: url(../images/icon_tel.svg) left center no-repeat;
		background-size: 4.4vw auto; font-size: 6vw; color: #ffffff; }
	.cnav_in .btn_lang { width: 74vw; margin: 0 auto 6.4vw; height: 13vw; line-height: 13vw; text-align: center;
		background: url(../images/icon_arrow.svg) right 4vw center no-repeat; background-size: 2vw auto;
		display: block; font-size: 4vw; border: #444444 1px solid; font-family: 'Bentham', serif; }


/*header*/
	header { width: 100%; text-align: center; height: 16vw; position: absolute; top:0; left: 0;
		padding-top: 2vw; z-index: 20; }
	#headmain h1 a { margin: 0 auto 0; width: 46vw; height: 12vw; position: relative; text-indent: -10000px;
		background: url(../images/logo.png) center center no-repeat; background-size: contain;
		overflow: hidden; display: block; }


/*footer*/
	#page-top { width: 14vw; height: 26vw; position: fixed; bottom: 20vw; right: 4vw;
		z-index:3000; }
	#page-top a { display: block; width: 14vw; height: 26vw; color: #ffffff; 
		text-align: center; position: relative; padding-top: 22vw;
		line-height: 4.4vw; font-size: 4vw; }
	#page-top a:before { content: ""; width: 1px; height: 20vw; position: absolute; top:0; left: 50%;
		background: #ffffff; }
	#page-top.stop { position: absolute; bottom: 70vw; }
	/*#pagetop_sp a:before { content: "\f106"; font-family: FontAwesome; position: absolute; top:7vw; width: 20vw;
		text-align: center; left: 0; font-size: 6vw; }*/
	footer { text-align: center; position: relative; background: url(../images/bg_foot.jpg) repeat; 
		color: #ffffff; padding: 17vw 0 33vw;
		 }
	/*footer #footnav { padding: 8vw 0; }
	footer #footnav ul { display: flex; width: 88vw; margin: 0 auto;
		line-height: 6vw; flex-wrap:wrap; height: 60vw; }
	footer #footnav li { width: 50%; }
	footer #footnav li a { font-size: 4vw; display: block; color: #ffffff; text-align: left;
		line-height:6vw; background: url(../images/icon_arrow_fnav_sp.svg) left center no-repeat;
		padding-left: 3vw; background-size: 1.4vw auto; }*/
	/*footer #footnav li a:before { content: "\f054"; font-family: FontAwesome; color: #b2917b; }*/
	footer .h2wrp { display: flex; align-items:center; margin-bottom: 6vw; }
	footer h2 a { display: block; width: 44vw; height: 12vw; margin-right: 2vw; text-indent: -10000px;
		background: url(../images/logo.png) center center no-repeat; background-size: contain;
		overflow: hidden; }
	footer .link_fb { width: 8.8vw; height: 8.8vw; line-height: 8.8vw; text-align: center; border-radius: 4.4vw;
		border: #ffffff 1px dashed; display: flex; align-items:center; justify-content:center; }
	footer .link_fb img { width: 6.4vw; }


	footer address{ font-style: normal; margin-bottom: 4.6vw; }
	footer address p { font-size: 4vw; line-height: 6vw; text-align: left; }


	footer .copy { font-size: 3vw; text-align: left; }

	#trip_ai_container { right: auto !important; left:2vw !important; bottom: 18vw !important; display: none; }




/*common*/
	.wrap { position: relative; }
	.mainw,.w1100,.w1000,.w900,.w800,.w700,.mainw_sp { width: 88vw; margin: 0 auto; padding: 0; }
	p { font-size: 3.7vw; line-height: 6vw; }
	#mv { position: relative; width: 100%; height: 106vw; }
	#mv h2 { position: absolute; top:0; left:0; text-align: center; width: 100%; height: 106vw;
		overflow: hidden; text-indent: -10000px; }
	p.lead { text-align: center; margin: 0 auto 6vw; }
	.note { padding-left: 1em; text-indent: -1em; }
	ul.noteul li { padding-left: 1em; text-indent: -1em; font-size: 3.4vw; line-height: 4.6vw; }

	.btn_movie { width: 53vw; display: block; height: 13vw; line-height: 13vw; text-align: center;
		background: url(../images/icon_arrow3.svg) right 4vw center no-repeat rgba(0,0,0,0.7); }

	.lead { text-align: center; margin-bottom: 8vw; }
	.lead h4 { font-size: 5vw; text-align: center; margin-bottom: 4vw; line-height: 7vw; font-family: "hannari"; }
	.lead p { font-size: 3.7vw; line-height: 6vw; text-align: center; }

	/*.h2wrp { background: #ffffff; height: 13vw; padding: 0 5vw; }
	.h2wrp.l2_sp { height: 20vw; }*/
	h2.mainh2 { font-size: 3.7vw; text-align: left; font-weight: bold; margin: 0 auto; line-height: 13vw; }
	.h2wrp.l2_sp h2.mainh2 { line-height: 6vw; padding-top: 4vw; }
	h2.mainh2>span { font-size: 7.3vw; font-family: 'EB Garamond'; display: inline-block; padding-right: 3vw;
		margin-right: 3vw; position: relative; }
	h2.mainh2>span.for_sp { display: inline; }
	/*.h2wrp.l2_sp h2.mainh2>span { display: block; }*/
	h2.mainh2>span:after { content: ""; position: absolute; width: 1px; height: 6vw; right: 0; top:2.5vw;
		background: #ccc7be; }
	.h2wrp.l2_sp h2.mainh2>span:after { top:0.5vw; }
	h2.mainh2>span.for_sp:after { background: none; }
	h2.mainh2 span span { color: #af8242; }

	h3.ch3 { margin: 0 auto 8vw; overflow: hidden; text-indent: -10000px;
		position: relative; }
	h3.ch3_2 { margin: 0 auto 8vw; font-family: 'Bentham', serif; color: #EA94C9; text-align: center; font-size: 3.7vw; }
	h3.ch3_2 span { display: none; }
	h3.ch3_3 { font-size: 5vw; margin-bottom: 8vw; }
	h3.ch3_3 span { font-size: 3.7vw; color: #F6A4BE; font-family: 'Bentham', serif; display: inline-block; padding-left: 1vw; }


	h4.ch4 { font-size: 5vw; margin-bottom:4vw; line-height: 6vw; font-family: "hannari"; }


	.cmenu ul { width: 100%; position: relative; display: flex; flex-wrap: wrap; justify-content: center;
		text-align: center; margin: 10vw auto 22vw; }
	.cmenu ul:before { content: ""; width: 100%; height: 1px; background: #774971; position: absolute; left: 0; bottom: 3.6vw; }
	.cmenu li { width: 29vw; font-size: 4vw; }
	.cmenu li a { display: block; height: 13vw; width: 100%; position: relative; line-height: 6vw;
		text-align: center; background: url(../images/icon_cmenu.svg) center bottom no-repeat; position: relative;
		background-size: 7.2vw auto; }


	/*cb...color box*/
	.cb { background: url(../images/bg_cb.jpg) repeat; }
	.cb_pink { background: url(../images/bg_pink.jpg) repeat; }
	/*.bg_mt_right { background: url(../images/bg_mt_right.png) right bottom no-repeat;
		background-size: 60vw auto; }
	.bg_mt_left { background: url(../images/bg_mt_left.png) left bottom no-repeat;
		background-size: 50vw auto; }*/


	/*.cb h3 { height: 17.6vw; background: url("../images/cb_h3_sp.svg") center bottom no-repeat;
		font-family: "notoserif"; font-size: 6vw; line-height: 6vw; text-align: center;
		margin-bottom: 8vw; background-size: 37vw auto; }
	.cb h3 span { color: #603813; font-size: 3.2vw; }*/
	/*.cb2 { background: #F4F1E9; border-top: #E8E3D3 10px solid; }*/
	.bt { border-top: #e0e0e0 1px solid; padding-top: 4vw; }
	/*.bb { width: 100%; box-shadow: 2px 2px 5px #cccccc; padding-bottom: 4vw; margin-bottom: 13vw; }*/
	/*cbd...common border*/
	.cbd { height: 2.4vw; width: 100%; background: url(../images/c_line.jpg) left top repeat-x; 
		background-size: auto 2.4vw; }

	.cbtn,.cbtn_sp { font-size: 3.7vw; border: #805C76 1px solid; 
		display: block; text-align: center; line-height: 13vw;
		width: 76vw; height: 13vw; color: #ffffff;
		background: url("../images/icon_arrow_pp.svg") right 4vw center no-repeat;
		background-size: 5vw auto; }
	.cbtn2 { font-size: 3.4vw; display: block; text-align: center; line-height: 12vw;
		 width: 88vw; height: 12vw;
		 background: url("../images/icon_arrow3.svg") right 4vw center no-repeat #C35C6D;
		 background-size: 5vw auto; }
	.cbtn3 { font-size: 3.4vw; display: block; text-align: center; line-height: 12vw;
		 width: 69vw; height: 12vw; position: relative; color: #ffffff;
		 background: url("../images/icon_arrow.svg") right 4vw center no-repeat #064c8c;
		 background-size: 3vw auto; }

	.cbtn5 { display: block; width: 100%; height: 12vw; line-height: 12vw; border:#BD7A88 1px solid; padding-right: 4vw; transition: 0.3s;
		color: #ffffff; background: url("../images/icon_arrow_pink3.svg") right 4vw center no-repeat; text-align: center;
		background-size: 3vw auto; }

	table.ctable { border-collapse:collapse; width: 100%; border-top: #353535 1px solid; }
	table.ctable th,table.ctable td { font-size: 3.7vw; padding: 2vw; display: block; border-bottom: #353535 1px solid; }
	table.ctable th { text-align: left; background: #060607; }
	/*table.ctable th.long,table.ctable th.long_sp { border: none; }
	table.ctable th.long span,table.ctable th.long_sp span { display: block; width: 20vw; font-weight: normal;
		border: #d5d5d5 1px solid; border-radius: 1vw; line-height: 8vw; text-align: center; height: 8vw; }*/
	table.ctable td { text-align: left; }

	table.ctable2 { border-collapse:collapse; border-top: #CE7A99 1px solid; }
	table.ctable2 th,table.ctable2 td { font-size: 3.7vw; padding: 2vw; line-height: 6vw; border-bottom: #CE7A99 1px solid; }
	table.ctable2 th { width: 36%; font-weight: normal; text-align: center;
		background: #913D5D; }
	table.ctable2 td { text-align: left; }

	table.ctable3 { border-collapse:collapse; border-top: #805C76 1px solid; }
	table.ctable3 th,table.ctable3 td { font-size: 3.7vw; padding: 2vw; line-height: 6vw; border-bottom: #805C76 1px solid; }
	table.ctable3 th { width: 36%; font-weight: normal; text-align: center;
		background: #381836; }
	table.ctable3 td { text-align: left; }

	ul.cul { text-align: left; font-size: 3.7vw; line-height: 6vw;/* padding-left: 1em;*/ }
	ul.cul li { padding-left: 1em; text-indent: -0.5em;/* list-style: disc;*/ }
	ul.cul li:before { content: "●"; color: #F6A4BE; display: inline-block; font-size: 2vw;
		padding-right: 0.5em; }

	ul.noteul { text-align: left; font-size: 3.4vw; line-height: 6vw; /*padding-left: 1em;*/ }
	ul.noteul li { padding-left: 1em; text-indent: -0.5em; /*list-style: disc;*/ }
	ul.noteul li:before { content: "※";  display: inline-block;
		padding-right: 0.5em; }

	/*cdl...common dl*/
	dl.cdl { text-align: left; font-size: 3.7vw; line-height: 6vw; /*padding-left: 1em;*/ }
	dl.cdl dt { font-size: 4vw; }
	dl.cdl dd { padding-left: 1em;  }
	dl.cdl dt:before { content: "●"; color: #F6A4BE; display: inline-block; font-size: 2vw;
		padding-right: 0.5em; }
	/*.cdl {  width: 90vw; margin: 3vw auto; }
	.cdl dt { text-align: center; border-bottom: #e0e0e0 1px solid;
		min-height: 8vw; line-height: 8vw; font-size: 4.2vw; background: #eeeeee; text-align: left; 
		padding-left: 2vw; }
	.cdl dt:first-child { border-top: #80ad1f 2px solid; }
	.cdl dd { border-bottom: #e0e0e0 1px solid; min-height: 8vw; line-height: 8vw;
		font-size: 4.2vw; padding: 2vw; text-align: left; }

	ul.bn { text-align: center; margin: 13vw auto 20vw; }
	ul.bn li { margin-bottom: 2.6vw; }*/

	section .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, section .swiper-pagination-fraction {
		position: absolute; z-index: 10; display: flex; justify-content: flex-end; padding-right: 6vw; bottom: 6vw;
	}
	section .swiper-pagination-bullet { width: 8vw; height: 4vw; background: none; border-radius: 0; position: relative; opacity: 1; }
	section .swiper-pagination-bullet:after { content: ""; width: 8vw; height: 2px; background: #ffffff; opacity: 0.5;
		transition: 0.3s; position: absolute; top:50%; left: 0; }
	section .swiper-pagination-bullet-active:after { opacity: 1; }

	.tabmenu { position: relative; margin-bottom: 6vw; }
	/*.tabmenu:before { content: ""; width: calc( 50vw - 600px); position: absolute; left: 0; bottom: 0; height: 1px; background: #76536E; }
	.tabmenu:after { content: ""; width: calc( 50vw - 600px); position: absolute; right: 0; bottom: 0; height: 1px; background: #76536E; }*/
	.tabmenu ul { display: flex; justify-content: center; flex-wrap: wrap; }
	.tabmenu ul li { width: 48%; margin: 1%; }
	.tabmenu ul li a { display: block; width: 100%; height: 12vw; line-height: 12vw; border: #76536E 1px solid; /*border-bottom: #76536E 1px solid;*/
		text-align: center; font-size: 3.7vw;/* border-top: rgba(118,83,110,0) 1px solid; border-right: #76536E 1px solid;*/ /*
		border-left: rgba(118,83,110,0) 1px solid;*/ }
	.tabmenu ul li a.active { background: #76536E; }
	/*.tabmenu ul li:first-child a,.tabmenu ul li:nth-child(odd) a { border-left: rgba(118,83,110,0) 1px solid; }
	.tabmenu ul li:last-child a,.tabmenu ul li:nth-child(even) a { border-right: rgba(118,83,110,0) 1px solid; }
	.tabmenu ul li a.active { border-top: #76536E 1px solid; border-bottom: rgba(118,83,110,0) 1px solid; opacity: 1; }
	.tabmenu ul li:first-child a.active,.tabmenu ul li:nth-child(odd) a.active { border-left: #76536E 1px solid; }
	.tabmenu ul li:last-child a.active,.tabmenu ul li:nth-child(even) a.active { border-right: #76536E 1px solid; }*/

	@-moz-keyframes txtfade { 0% { opacity: 0; transform: translateY(4vw); } 100% { opacity: 1; transform: translateY(0); } }
	@-webkit-keyframes txtfade { 0% { opacity: 0; transform: translateY(4vw); } 100% { opacity: 1; transform: translateY(0); } }
	@-o-keyframes txtfade { 0% { opacity: 0; transform: translateY(4vw); } 100% { opacity: 1; transform: translateY(0); } }
	@-ms-keyframes txtfade { 0% { opacity: 0; transform: translateY(4vw); } 100% { opacity: 1; transform: translateY(0); } }


}