@charset "utf-8";
/**
 * style
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "import/reset.css";
@import "import/util.css";
@import "../font/font.css";
@import "../ext_ci/ci.css";
@import url(https://fonts.googleapis.com/css?family=Gilda+Display);

/* custom */
/*@import "import/custom-light.css";*/
/*@import "import/custom-dark.css";*/
/*@import "import/custom-blur.css";*/body #gHeader #gNav ul li
/*@import "import/custom-green.css";*/


/**
 * 2. html, body
 */
	body {
		background-color: #fff;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-x;
		background-position: center top;
	}
	.page {
		color: #000;
		min-width: 1200px;
		font-size: 14px;
		line-height: 1.6;
		letter-spacing: 0.05em;
		/*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
		/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
		font-family: "FOT-マティス Pro M", MatissePro-M, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		-webkit-font-smoothing: antialiased;
	}


/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		color: #0000ff;
		text-decoration: none;
	}
	a:visited {}
	a:hover {
		color: #ff0000;
	}
	a:active {}



/* heading */
	.titleA {
		font-size: 32px;
		margin-bottom: 40px;
		/*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	}
	.titleB {
		font-size: 28px;
		margin-bottom: 30px;
		/*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	}
	.titleC {
		font-size: 18px;
		margin-bottom: 15px;
		/*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	}
	h4 {
		/*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	}



/* cap */
	.cap,
	.caption {
		background: none;
		color: #666666;
		font-size: 10px;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}
	.color-white{
		color:#fff;
	}
	.caption-large {
		font-size: 120%;
	}
	@media only screen and (max-width:599px) {
		.caption-large {
			font-size: 110%;
		}
	}

	.capBox {
		position: relative;
	}
	.capBox .caption {
		position: absolute;
		bottom: 5px;
		right: 5px;
		text-align: right;
	}
	.fwCap {
		color: #666666;
		font-size: 10px;
		line-height: 15px;
		padding-top: 5px;
		padding-left: 10px;
	}
	.fwCap.ar {
		padding-right: 10px;
	}
	.pageCaption {
		margin-top: 100px;
		padding: 20px;
		color: #666666;
		font-size: 10px;
		line-height: 15px;
		border-top: #efefef solid 1px;
		border-bottom: #efefef solid 1px;
	}



/* img */
	img {
		max-width: 100%;
		height: auto;
	}



/* wrapper */
	.wrapper {
		margin-left: auto;
		margin-right: auto;
		zoom: 1;
	}
	#container .wrapper {
		width: 1200px;
	}
	.wrapper:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

	.wrap{
		width:960px;
		margin-left: auto;
		margin-right: auto;
	}
	@media only screen and (max-width:599px) {
		.wrap{
			width:100%;
			padding-left: 20px;
			padding-right: 20px;
			box-sizing: border-box;
		}
	}


/* clmList */
	.clmList li {
		float: left;
	}

	/* .clmList.clm4 */
	.clmList.clm4 li {
		width: 25%;
	}

	/* .clmList.clm3 */
	.clmList.clm3 li {
		width: 31.25%;
		margin-left: 3.125%;
		margin-bottom: 30px;
	}

	/* .clmList.clm2 */
	.clmList.clm2 li {
		width: 50%;
	}

	.clmList.clm4 li:first-child,
	.clmList.clm4 li.first,
	.clmList.clm3 li:first-child,
	.clmList.clm3 li.first,
	.clmList.clm2 li:first-child,
	.clmList.clm2 li.first {
		margin-left: 0;
	}

	.clmList.clm4.mbNone li,
	.clmList.clm3.mbNone li,
	.clmList.clm2.mbNone li {
		margin-bottom: 0;
	}



/* fBox */
	.fBoxLR .left,
	.fBoxLR02 .left,
	.fBoxL .left,
	.fBoxR .left {
		float: left;
	}
	.fBoxLR .right,
	.fBoxLR02 .right,
	.fBoxL .right,
	.fBoxR .right {
		float: right;
	}


	.fBoxLR .left,
	.fBoxLR .right {
		width: 48.4375%;
	}

	.fBoxLR02 .left,
	.fBoxLR02 .right {
		width: 50%;
	}

	.fBoxL .left,
	.fBoxR .right {
		width: 59.375%;
	}
	.fBoxL .right,
	.fBoxR .left {
		width: 37.5%;
	}



/* public css */
	.relative {
		position: relative;
	}
	.absolute {
		position: absolute;
	}



/* box */
	.Box {
	}
	.Box.gBox {
		border: 1px solid #e3e3e3;
	}



/* pinch */
	body .pinch {
		position: relative;
	}
	body .pinch .pinchIcon {
		display: none;
		position: absolute;
		top: -45px;
		right: 0;
		width: 43px;
		height: 42px;
		opacity: 0.8;
		background-color: transparent;
		background-image: url(../imgs/icon-pinchin.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: contain;
	}



/**
 * 4. Layout
 */

 /*--------------------------------------
　gHeader
---------------------------------------*/


/* gHeader */

	body .page {
		padding-top: 138px;
		position: relative;
	}
	body #gHeader {
		position: fixed;
		top: 0px;
		width: 100%;
		min-width: 1200px;
		background-color: rgba(255,255,255,0.9);
		z-index: 999;
	}
	body #gHeader #hdrLogoArea {
		float: left;
		padding: 25px 0 0 40px;
		zoom: 1;
		transition: .4s;
	}
	body #gHeader #hdrLogoArea:after {
		content:".";
		display: block;
		height:0px;
		clear:both;
		line-height:0;
		visibility:hidden;
	}

	body #gHeader .hdrLogo {
		float: left;
	}
	body #gHeader .hdrLogo img {
		width: 203px;
	}


/* hNav */
 	body #gHeader #hNav {
 		display: none;
 	}


/* hNavReq */
 	body #gHeader #hNavReq {
 		display: none;
 	}


/* pNav */
 	body #gHeader #pNav {
 		float: right;
 		text-align: right;
 	}
	body #gHeader #pNav ul {
		float: left;
	}
 	body #gHeader #pNav ul li {
 		display: inline-block;
	    vertical-align: top;
 		font-size: 15px;
 	}
 	body #gHeader #pNav ul li a {
 		display: inline-block;
		color: #000;
		letter-spacing: 0;
		transition: .4s;
 	}

	/* pNavSub */
 	body #gHeader #pNav ul.pNavSub li {
 		text-align: left;
 		font-size: 11px;
 		border-left: #e2e2e2 solid 1px;
 	}
 	body #gHeader #pNav ul.pNavSub li a {
 		padding: 30px 30px;
 	}
 	body #gHeader #pNav ul.pNavSub li.on a,
 	body #gHeader #pNav ul.pNavSub li a:hover {
 		background-color: #f7f7f7;
 	}

	/* pNavCv */
 	body #gHeader #pNav ul.pNavCv li a {
 		padding: 12px 40px;
 		color: #fff;
 	}
 	body #gHeader #pNav ul.pNavCv li a .icon {
		overflow: hidden;
 		position: relative;
 		display: block;
 		left: 5px;
 		height: 25px;
 		text-align: center;
 		font-size: 25px;
 		margin-bottom: 5px;
		transition: .4s;
 	}
 	body #gHeader #pNav ul.pNavCv li.requestBtn a {
 		background-color: #a08a6d;
 	}
 	body #gHeader #pNav ul.pNavCv li.reserveBtn a {
 		background-color: #a39661;
 		border-left: #fff solid 1px;
 	}
 	body #gHeader #pNav ul.pNavCv li.loginBtn a {
 		color: #fff;
	    padding: 19px;
 		text-align: center;
 		background-color: #777;
	 }
	body #gHeader #pNav ul.pNavCv li.onlineBtn {
		background-color: #C0504D;
		border-left: #fff solid 1px;
		letter-spacing: 0;
		text-align: center;
	}
	body #gHeader #pNav ul.pNavCv li.onlineBtn a {
		background-color: #C0504D;
	}
 	body #gHeader #pNav ul.pNavCv li.loginBtn a span {
 		display: block;
 		font-size: 10px;
		transition: .4s;
 	}
 	body #gHeader #pNav ul.pNavCv li.requestBtn a:hover {
 		background-color: #ad997f;
 	}
 	body #gHeader #pNav ul.pNavCv li.reserveBtn a:hover {
 		background-color: #afa473;
 	}
 	body #gHeader #pNav ul.pNavCv li.loginBtn a:hover {
 		background-color: #888;
 	}


/* gNav */
 	body #gHeader #gNav {
 		clear: both;
 		text-align: center;
 	}
 	body #gHeader #gNav ul {
 		width: 100%;
 		border-top: #e2e2e2 solid 1px;
 		zoom: 1;

	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -ms-flex-wrap: nowrap;
	    -webkit-flex-wrap: nowrap;
	    flex-wrap: nowrap;
 	}
 	body #gHeader #gNav ul li {
 		width: calc(100% / 7);
 		text-align: center;
 		border-left: #e2e2e2 solid 1px;
 		border-bottom: #e2e2e2 solid 1px;
 		box-sizing: border-box;
 		background-color: #fff;

	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    -webkit-align-items: center;
	    align-items: center;
 	}
 	body #gHeader #gNav ul li:first-child {
 		border-left: none;
 	}
 	body #gHeader #gNav ul li.new {
 		position: relative;
 	}
 	body #gHeader #gNav ul li.new .iconNew {
 		position: absolute;
 		top: 2px;
 		right: 2px;
 		display: inline-block;
 		color: #fff;
 		font-size: 8px;
 		line-height: 8px;
 		border: 1px solid #ee0000;
 		background-color: #ff0000;
 		padding: 2px 3px;
 	}
 	body #gHeader #gNav ul li.btPc {
 		display: block;
 	}
 	body #gHeader #gNav ul li.btSp {
 		display: none;
 	}
 	body #gHeader #gNav ul li a {
 		width: 100%;
 		display: block;
 	}
 	body #gHeader #gNav ul li img {
 		vertical-align: top;
 	}
 	body #gHeader #gNav ul li span {
 		display: inline-block;
 		width: 100%;
 		padding: 10px 0;
 		color: #000;
 		font-size: 14px;
 		letter-spacing: 0;
 		transition: .4s;
 	}
 	body #gHeader #gNav ul li.off{
 		pointer-events: none;
 	}
 	body #gHeader #gNav ul li.off span {
 		color: #ddd;
 		background-color: #fff;
  	}
  	body #gHeader #gNav ul li.on,
  	body #gHeader #gNav ul li:hover{
 		background-color: #f7f7f7;
 		color: #000;
  	}
 	body #gHeader #gNav ul li.on a span {
 		font-weight: bold;
 	}
 	body #gHeader #gNav ul li em {
 		display: block;
 		margin-top: 3px;
 		color: #a3a3a3;
 		font-size: 14px;
 		font-style: normal;
 		-webkit-transform:scale(0.75);
 		transform:scale(0.75);
 		transition: .4s;
 	}
 	body #gHeader #gNav ul li.off em {
 		color: #ddd;
 	}

 	/* spLogo */
 	#spLogo {
 		display: none;
 	}


/* fixed */
	body #gHeader.fixed #hdrLogoArea {
		padding: 10px 0 0 40px;
	}

 	body #gHeader.fixed #pNav ul.pNavSub li a {
 		padding: 14px 30px;
 	}
 	body #gHeader.fixed #pNav ul.pNavCv li a .icon {
 		height: 0;
 		margin-bottom: 0px;
 	}
 	body #gHeader.fixed #pNav ul.pNavCv li a {
 		padding: 11px 40px;
 	}
 	body #gHeader.fixed #pNav ul.pNavCv li.loginBtn a {
 		font-size: 10px;
 		padding: 7px 19px;
 	}
 	body #gHeader.fixed #pNav ul.pNavCv li.loginBtn a span {
 		font-size: 10px;
	 }
	 body #gHeader.fixed #pNav ul.pNavCv li.onlineBtn {
	}

 	body #gHeader.fixed #gNav ul li span {
 		padding: 15px 0;
 		font-size: 13px;
 	}
 	body #gHeader.fixed #gNav ul li em {
 		height: 0;
 		margin-top: 0px;
 		-webkit-transform:scale(0);
 		transform:scale(0);
 	}



 /*--------------------------------------
　container
---------------------------------------*/

	body #container {
		text-align: left;
		padding: 80px 0;
	}


/*--------------------------------------
　gFooter
---------------------------------------*/

	body #gFooter {
		clear: both;
	}

/* ftrCV */
	body #gFooter #ftrCV {
		text-align: center;
		padding-top: 55px;
		padding-bottom: 70px;
		border-bottom: #d8d8d8 solid 1px;
	}
	body #gFooter #ftrCV .wrapper {
		position: relative;
	}
	body #gFooter #ftrCV ul li {
		display: inline-block;
		margin-top: 15px;
		margin-left: 0.5%;
		margin-right: 0.5%;
	}
	body #gFooter #ftrCV ul li a {
		position: relative;
		display: block;
		color: #fff;
		font-size: 26px;
		line-height: 20px;
		letter-spacing: 3px;
		padding: 30px 120px 20px;
		transition: .4s;
	}
	body #gFooter #ftrCV ul li a .icon {
		position: absolute;
		top: 50%;
		left: 20px;
		font-size: 20px;
		margin-top: -0.5em;
		transition: .4s;
	}
	body #gFooter #ftrCV ul li a:hover .icon {
		position: absolute;
		top: 50%;
		left: 23px;
		font-size: 20px;
		margin-top: -0.5em;
	}
	body #gFooter #ftrCV ul li a em {
		display: block;
		font-size: 10px;
		font-style: normal;
		margin-top: 5px;
	}

	body #gFooter #ftrCV ul li.requestBtn a {
		background-color: #a08a6d;
	}
	body #gFooter #ftrCV ul li.requestBtn a:hover {
		background-color: #ad997f;
	}
	body #gFooter #ftrCV ul li.reserveBtn a {
		background-color: #a39661;
	}
	body #gFooter #ftrCV ul li.reserveBtn a:hover {
		background-color: #afa473;
	}
	body #gFooter #ftrCV ul li.onlineBtn a {
		background-color: #C0504D;
	}

	body #gFooter #ftrCV ul li.btBack,
	body #gFooter #ftrCV ul li.btNext {
		display: block;
		position: absolute;
		top: 0;
		margin-left: 0;
		margin-right: 0;
	}
	body #gFooter #ftrCV ul li.btBack a,
	body #gFooter #ftrCV ul li.btNext a {
		color: #999;
		font-size: 18px;
		line-height: 28px;
		padding: 5px 0 0;
		border-bottom: 1px dotted #999;
		border-radius: 0;
	}
	body #gFooter #ftrCV ul li.btBack a:hover,
	body #gFooter #ftrCV ul li.btNext a:hover {
		color: #000;
		border-bottom: 1px dotted #000;
	}
	body #gFooter #ftrCV ul li.btBack {
		left: 0;
	}
	body #gFooter #ftrCV ul li.btNext {
		right: 0;
	}


/* fNav */
	body #gFooter #fNav {
		position: relative;
		zoom: 1;
		text-align: center;
		padding: 30px 0 40px;
		z-index: 11;
	}
	body #gFooter #fNav:after {
		content: ".";
		display: block;
		height: 0px;
		clear: both;
		line-height: 0;
		visibility: hidden;
	}
	body #gFooter #fNav ul li {
	    display: inline;
    	color: #ccc;
		font-size: 12px;
		line-height: 18px;
	    margin-left: 0.9em;
	    border-left-width: 1px;
	    border-left-style: solid;
	    border-left-color: #ccc;
	    padding-left: 0.8em;
    }
    body #gFooter #fNav ul li:first-child {
    	border: none;
    }
    body #gFooter #fNav ul li a {
    	color: #666;
    }
     body #gFooter #fNav ul li a:hover,
     body #gFooter #fNav ul li.on a {
    	color: #000;
    	font-weight: bold;
    }
    body #gFooter #fNav ul li.on a {
    	font-weight: bold;
    }
	body #gFooter #fNav ul li.off{
		pointer-events: none;
		opacity: .3;
	}
    body #gFooter #fNav ul li.off:hover {
    	color: #ccc;
    }

    /* p-top */
    body #gFooter .p-top {
    	clear: both;
    	position: relative;
			text-align: center;
			z-index: 11;
    }
    body #gFooter .p-top a {
    	display: inline-block;
    	border-radius: 50%;
    	width: 50px;
    	height: 50px;
    	border: #dadada solid 1px;
    	color: #000;
		transition: .4s;
    }
    body #gFooter .p-top a span {
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	margin-top: -7px;
	    margin-left: -6px;
		transition: .4s;
    }
    body #gFooter .p-top a:hover span {
    	margin-top: -10px;
    }


/* contactArea */
	body #gFooter #contactArea {
		clear: both;
		position: relative;
		zoom: 1;
		color: #666;
		font-size: 10px;
		line-height: 15px;
		padding-bottom: 20px;
	}
	body #gFooter #contactArea:after {
		content: ".";
		display: block;
		height: 0px;
		clear: both;
		line-height: 0;
		visibility: hidden;
	}
	body #gFooter #contactArea .inner {
		padding: 20px;
		text-align: center;
	}
	body #gFooter #contactArea .addressTxt {
		vertical-align: middle;
		color: #302e26;
		font-size: 12px;
		margin-bottom: 5px;
	}
	body #gFooter #contactArea .contactBox {
		font-size: 10px;
	}
	body #gFooter #contactArea .contactBox .tel {
		color: #333;
		font-size: 34px;
		line-height: 38px;
		margin-bottom: 5px;
		font-family: 'Gilda Display', serif;
	}
	body #gFooter #contactArea .contactBox .tel span.icon {
		display: inline-block;
		width: 45px;
	}
	body #gFooter #contactArea .contactBox .tel a {
		color: #333;
	}
	body #gFooter #contactArea .contactBox .mail {
		display: inline-block;
		position: relative;
		margin-top: 15px;
		padding: 7px 5px 5px 32px;
		background-color: #fff;
		border: 1px solid #e3e3e3;
		border-radius: 4px;
	}
	body #gFooter #contactArea .contactBox .mail a {
		color: #333;
	}
	body #gFooter #contactArea .contactBox .mail a:hover {
		color: #666;
	}
	body #gFooter #contactArea .contactBox .mail span {
		position: absolute;
	    top: 8px;
	    left: 7px;
	    width: 28px;
	    height: 12px;
	    font-size: 17px;
	    line-height: 14px;
	}

/* ftrInfo */
	body #gFooter #ftrInfo {
		clear: both;
		background-color: #efefef;
		padding: 10px 15px;
		color: #000;
		-webkit-font-smoothing: antialiased;
	}

/* .link-bnr */
.link-bnr {
	max-width: 620px;
	margin: 0 auto 50px;
	padding: 0 20px;
}

.link-bnr .cap {
	text-align: left;
}

.link-bnr a:hover {
	opacity: 0.9;
	transition: .4s;
}


/* usp-obi */

.usp-obi{
  background: #ce9287;
  text-align: center;
}

.usp-obi img{
	max-width: 100%;
}

.pc-visible {
  display: inline-block;
}

.sp-visible {
display: none;
}

@media screen and (max-width: 599px){
	.usp-obi{
		padding: 20px;
	}
	.pc-visible {
	display: none;
	}

	.sp-visible {
	display: inline-block;
	}
}

/* movie in top/design */
.movie {
	max-width: 700px;
	height: auto;
	margin: 0 auto 30px;
	border: solid 1px #000;
	position: relative;
}

.movie video {
	width: 100%;
}
/* .movie .playBtn{
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(0, 0);
} */

.movie .playBtn.playing{
	display: none;
}
.movie .iframe {
	width: 90%;
}
/* @media screen and (max-width: 599px){
	.movie .playBtn{
		display: none;
	}
} */