@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 "../fonts/fonts.css";
@import url(https://fonts.googleapis.com/css?family=Oxygen:400,300);/* #infoArea #txtBox [for index style][font-family: 'Oxygen', sans-serif;] */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600); /* title [font-family: 'Open Sans', sans-serif;] */
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); /* tel number [font-family: 'Open Sans Condensed', sans-serif;] */
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);

/**
 * 2. html, body
 */
	body {
		background-color: #fff;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-x;
		background-position: center top;
	}
	.page {
		color: #333333;
		font-size: 14px;
		line-height: 1.7;
		letter-spacing: 0.1em;
		font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */

/* = Selected Text
----------------------------------------------- */
	::selection {
		background:#97d6d6; /* Safari */
	}

	::-moz-selection {
		background:#97d6d6; /* Firefox */
	}

/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #0000ff;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #ff0000;
		background-position: bottom right;
		text-decoration: underline;
	}
	a:active {}

/* heading */
	.siteTitle {
		float: left;
	}
	/* txtTtl */
	h3.txtTtl {
		text-align: center;
		-webkit-font-smoothing: antialiased;
		line-height: 1.4;
		font-size: 28px;
		font-family: 'Roboto Condensed', sans-serif;
		letter-spacing: 3px;
		font-weight: 300;
		color: #00a7a7;
	}
	h3.txtTtl span:before {
		margin-left: 9px;
		margin-right: 9px;
		font-size: 22px;
	}
	h4.stxtTtl {
		font-size: 14px;
		line-height: 20px;
		color: #666;
		text-align: center;
		margin-bottom: 30px;
	}

	/* txtsTtl */
	h4.txtsTtl {
		color: #333;
		-webkit-font-smoothing: antialiased;
		line-height: 1.4;
		margin-bottom: 40px;
	}
	h4.txtsTtl span {
		margin-right: 10px;
		font-size: 30px;
		font-family: 'Open Sans', sans-serif;
		letter-spacing: 0;
		font-weight: 300;
		color: #333;
	}

	.sttl {
		-webkit-font-smoothing: antialiased;
		font-size: 26px;
		line-height: 34px;
		margin-bottom: 30px;
		text-align: center;
	}
	.ssttl {
		-webkit-font-smoothing: antialiased;
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 30px;
	}


/* clmList */
	body .clmList.clm3 {
		margin-left: -15px;
		margin-right: -15px;
	}
	body .clmList.clm3 ul {
		zoom: 1;
	}
	body .clmList.clm3 ul:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
	body .clmList.clm3 ul li {
		float: left;
		width: 300px;
		margin-left: 15px;
		margin-right: 15px;
		font-size: 12px;
		line-height: 18px;
	}
	body .clmList.clm3 ul li .photo {
		margin-bottom: 20px;
    	overflow: hidden;
    }

	body .clmList.clm3 ul li h4 {
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 22px;
	}
	body .clmList.clm3 ul li h4.gttl {
		color: #00a7a7;
	}

/* cap */
	.cap,
	.caption {
		background: none;
		color: #666666;
		font-size: 1.0em;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}
/* .wrap */
	body .wrap {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
	body #gHeader .wrap,
	body #gFooter #contactArea .wrap {
		width: auto;
	}

/* font serif */
	body .serif {
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
			/*  IE font anti-aliasing */
		 -webkit-transform-origin: 0 0;
		  -webkit-transform: scale(1, 1.01);
		     -moz-transform-origin: 0 0;
		     -moz-transform: scale(1, 1.01);
		      -ms-transform-origin: 0 0;
		      -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
		       -o-transform-origin: 0 0;
		       -o-transform: scale(1, 1.01);
	}

/* .bdrBox */
	.bdrBox {
		padding: 50px 0;
		border-bottom:#d1d1d1 solid 1px;
	}


/**
 * 4. Layout
 */
	body ul.flexBox {
		display: flex;
		justify-content: space-between;
	}
	body ul.flexBox li.flexList {
		display: inline-block;
	}
	body ul.flexBox li.flexList:first-child {
		padding-left: 10px;
	}

	body #container {
		margin-right: auto;
		margin-left: auto;
		text-align: left;
		padding: 40px 0;
	}
	body #gHeader {
		padding: 30px 0 0;
	}
	body #shldrTxt {
		float: left;
		font-size: 10px;
		-webkit-font-smoothing: antialiased;
	}
	body #shldrTxt span, body #shldrTxt h1 {
		padding-left: 25px;
	}
	body #shldrTxt #BUKKEN_NAME {
		border-right: #666 solid 1px;
		padding-right: 5px;
	}

/* pNav */
	body #pNav {
		float: right;
		margin-top: -5px;
	}
	body #pNav li {
		float: left;
	}
	body #pNav a {
		display: block;
		width: 197px;
		height: 56px;
		text-indent: -9999px;
		background-repeat: no-repeat;
		background-position: center top;
		-webkit-transition: all .25s ease-out;
		   -moz-transition: all .25s ease-out;
		    -ms-transition: all .25s ease-out;
		     -o-transition: all .25s ease-out;
		        transition: all .25s ease-out;
	}
	body #pNav #hdr_conversion a { background-image: url(../imgs/hdr-conversion.png);}
	body #pNav #hdr_request a { background-image: url(../imgs/hdr-request.png);}
	body #pNav #hdr_reserve a { background-image: url(../imgs/hdr-reserve.png);}

	body #pNav #hdr_conversion a:hover { background-image: url(../imgs/hdr-conversion_ov.png);}
	body #pNav #hdr_request a:hover { background-image: url(../imgs/hdr-request_ov.png);}
	body #pNav #hdr_reserve a:hover { background-image: url(../imgs/hdr-reserve_ov.png);}

/* spNav */
	body #spNav {
		display: none;
	}

/* gNav */
	body #gNav {
		display: inline-block;
		clear: both;
		margin-bottom: 4px;
		/*background: url(../imgs/bg-nav.gif) repeat-x center bottom;*/
	}
	body #gNav .wrap {
		text-align: center;
	}
	body #gNav ul {
		display: inline-block;
	}
	body #gNav li {
		float: left;
	}
	body #gNav a {
		position: relative;
		display: block;
		width: 136px;
		height: 51px;
		text-indent: -9999px;
		background-repeat: no-repeat;
		background-position: center top;
	}
	body #gNav li.num01 a { background-image: url(../imgs/nav-top.png);}
	body #gNav li.num02 a { background-image: url(../imgs/nav-concept.png);}
	body #gNav li.num03 a { background-image: url(../imgs/nav-plan.png);}
	body #gNav li.num04 a { background-image: url(../imgs/nav-gallery.png);}
	body #gNav li.num05 a { background-image: url(../imgs/nav-equipment.png);}
	body #gNav li.num06 a { background-image: url(../imgs/nav-location.png);}
	body #gNav li.num07 a { background-image: url(../imgs/nav-outline.png);}

	body #gNav a:after {
		content:'';
	    background: #00a7a7;
	    position: absolute;
	    left: 0px;
	    bottom: 3px;
	    height: 0px;
	    width: 100%;
	    -webkit-transition: all .2s ease-in-out;
		   -moz-transition: all .2s ease-in-out;
		    -ms-transition: all .2s ease-in-out;
		     -o-transition: all .2s ease-in-out;
		        transition: all .2s ease-in-out;
	}
	body #gNav a:hover:after {
	    height: 4px;
	    bottom: 1px;
	}
	body #gNav .off {
		opacity: 0.3;
	}
	body #gNav .off a:hover:after {
	}

/* cvArea */
	body #cvArea {
		clear: both;
	}
	body #cvArea #cvNav {
		text-align: center;
		letter-spacing: -40em;
		margin-bottom: 15px;
	}
	body #cvArea #cvNav ul li {
		display: inline-block;
		letter-spacing: 0;
	}

	body #cvArea #yoyakuBox {
		cursor: pointer;
		clear: both;
		text-align: center;
		background-image: url(../imgs/bt-yoyaku-bg.jpg);
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center top;
		color: #fff;
		padding: 40px 0 30px;
	}
	body #cvArea #yoyakuBox h3 {
		margin-bottom: 10px;
		font-size: 26px;
		line-height: 32px;
	}
	body #cvArea #yoyakuBox h3 br {
		display: none;
	}
	body #cvArea #yoyakuBox h4 {
		margin-bottom: 30px;
		font-size: 12px;
		line-height: 18px;
	}

	/* recommendArea */
	body #recommendArea {
		clear: both;
	}
	body #recommendArea #recommendList {
		margin-left: -14px;
		margin-right: -14px;
		letter-spacing: -10em;
	}
	body #recommendArea #recommendList ul {
		zoom: 1;
	}
	body #recommendArea #recommendList ul:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
	body #recommendArea #recommendList ul li {
		float: left;
		width: 219px;
		margin-left: 14px;
		margin-right: 14px;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: normal;
	}
	body #recommendArea #recommendList ul li .photo {
		width: 219px;
		height: 150px;
		margin-bottom: 1px;
	}
	body #recommendArea #recommendList ul li .photo img {
		max-width: 100%;
	}
	body #recommendArea #recommendList ul li .iconArea {
		margin-bottom: 20px;
		zoom: 1;
		background-color: #f2f2f2;
	}
	body #recommendArea #recommendList ul li .iconArea:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
	body #recommendArea #recommendList ul li .iconArea p {
		display: block;
		width: 109px;
		font-size: 10px;
		line-height: 10px;
		letter-spacing: 0;
		color: #fff;
		vertical-align: top;
		text-align: center;
		padding: 6px 0;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body #recommendArea #recommendList ul li .iconArea p span {
		position: relative;
		padding-left: 20px;
	}
	body #recommendArea #recommendList ul li .iconArea p span:before {
		font-size: 20px;
		position: absolute;
		top: -4px;
		left: 0;
	}
	body #recommendArea #recommendList ul li .iconArea p.off {
		display: none;
	}
	body #recommendArea #recommendList ul li .iconArea .icon_bunjyo {
		float: left;
		background-color: #0086a5;
	}
	body #recommendArea #recommendList ul li .iconArea .icon_takuchi {
		float: right;
		background-color: #678c1e;
	}

	body #recommendArea #recommendList ul li h4 {
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 22px;
	}
	body #recommendArea #recommendList ul li h4 a {
		color: #333;
		text-decoration: none;
	}

/* gFooter */
	body #gFooter {
		padding: 15px 0 0 0;
		font-size: 10px;
	}
	body #gFooter.scrollBtm {
		padding-bottom: 80px;
	}
	body #gFooter #telNum {
		color: #00a7a7;
		font-size: 40px;
		font-family: 'Open Sans Condensed', sans-serif;
		-webkit-font-smoothing: antialiased;
	}
	body #gFooter #telNum span {
		padding-right: 5px;
		display: inline-block;
		font-size: 26px;
	}
	body #gFooter #telNum span.pcTell {
		padding-right: 0;
		display: inline;
		font-size: 40px;
	}
	body #gFooter #telNum a {
		padding-right: 0;
		display: none;
	}
	body #gFooter #contactArea {
		position: relative;
		border-top: #c1c1c1 solid 1px;
	}
	body #gFooter #contactArea .wrap {
		zoom: 1;
	}
	body #gFooter #contactArea .wrap:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
	body #gFooter #ftrLogo {
		position: absolute;
		left: 0;
		top: 0;
		/*float: left;*/
		margin-top: 1px;
		padding: 10px 15px;
		border-right: #e2e2e2 solid 1px;
	}
	body #gFooter #telArea {
		float: left;
		padding-right: 22px;
		padding-left: 111px;
		letter-spacing: 0;
	}
	body #gFooter #telArea li {
		display: table-cell;
		vertical-align: middle;
		padding-left: 22px;
	}
	body #gFooter #telArea li:first-child {
		padding-top: 15px;
	}
	body #gFooter #copyright {
		float: right;
		margin-right: 10px;
		padding-top: 30px;
	}
	body #gFooter #copyright br {
		display: none;
	}
	body #gFooter #pTop {
		cursor: pointer;
		float: right;
		border-left: #e2e2e2 solid 1px;
		width: 68px;
		height: 68px;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body #gFooter #pTop a {
		color: #666666;
		text-decoration: none;
		/* transition */
		-webkit-transition: .3s;
		transition: .3s;
	}
	body #gFooter #pTop a span {
		display: block;
		text-align: center;
		letter-spacing: 0;
		font-size: 8px;
		line-height: 8px;
	}
	body #gFooter #pTop a span.icon-up2:before {
		font-size: 52px;
		line-height: 48px;
	}
	body #gFooter #pTop:hover {
		background-color: #666;
	}
	body #gFooter #pTop a:hover {
		color: #fff;
	}

/* fNav */
	body #fNav {
		padding-bottom: 15px;
		color: #000;
		font-size: 12px;
		line-height: 14px;
		text-align: center;
	}
	body #fNav li {
		display: inline-block;
		letter-spacing: 1px;
		margin-left: 10px;
		padding-left: 10px;
		border-left: #000 solid 1px;
	}
	body #fNav li:first-child {
		border-left: none;
		margin-left: 0px;
		padding-left: 0px;
	}
	body #fNav a {
		color: #000;
		text-decoration: none;
		-webkit-transition: all .2s ease-in-out;
		   -moz-transition: all .2s ease-in-out;
		    -ms-transition: all .2s ease-in-out;
		     -o-transition: all .2s ease-in-out;
		        transition: all .2s ease-in-out;
	}
	body #fNav a:hover {
		color: #00a7a7;
	}
	body #fNav strong {
		font-weight: bold;
	}
	body #fNav span {
		/*color: #cccccc;*/
	}

/* fixInfo */
	body #fixInfo {
		height: 65px;
		clear: both;
		background-color: rgba(0,0,0,0.8);
		padding: 25px 0;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 9000;
		width: 100%;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}

	body #fixInfo .wrap {
		display: table;
		position: relative;
	}
	body #fixInfo .closeInfo {
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -10px;
		cursor: pointer;
		z-index: 100;
	}
	body #fixInfo .closeInfo span {

	}
	body #fixInfo .closeInfo span:before {
		color: #000;
		font-size: 10px;
		line-height: 10px;
		background-color: #fff;
		width: 14px;
		height: 14px;
		padding: 7px;
		border-radius: 12px;
		-webkitborder-radius: 12px;
		/* transition */
		-webkit-transition: background .3s;
		transition: background .3s;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body #fixInfo .closeInfo:hover span:before {
		background-color: #666;
		color: #fff;
	}
	body #fixInfo h5 {
		color: #fff;
		font-family: 'Open Sans', sans-serif;
		display: table-cell;
		vertical-align: middle;
	}

	body #fixInfo div.infoBody {
		height: auto;
		position: relative;
	}
	body #fixInfo .ticker {
		float: left;
		text-align: left;
	    color: #FFF;
	    margin: 0 auto;
	    width: 800px;
	    position: relative;
	    overflow: hidden;
	    height: auto;
	}

	body #fixInfo .ticker ul {
	    width: 100%;
	    position: relative;
	}

	body #fixInfo .ticker ul li {
	    width: 100%;
	    display: none;
	    font-size: 18px;
	    line-height: 28px;
	    text-align: center;
	    box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body #fixInfo .ticker ul li br {
		display: none;
	}
	body #fixInfo .ticker ul li a {
		color: #fff;
	}


	/* privacy policy only */
	body #mainContent .wrap .mailArea {
		text-align: center;
		margin: 0 auto;
	}
	body #mainContent .wrap .mailArea .btn {
		padding-top: 35px;
		margin-bottom: 20px;
	}
	body #mainContent .wrap .mailArea .btn a {
		color: #fff;
		text-decoration: none;
		background-color: #00a7a7;
		display: inline-block;
		padding: 10px 60px;
		opacity: 1;
		transition: 0.3s;
	}
	body #mainContent .wrap .mailArea .btn a:hover {
		opacity: 0.7;
	}
	body #mainContent .wrap .mailArea .cap {
		font-size: 11px;
		color: #666;
		line-height: 20px;
	}
	body #mainContent .wrap .scrollArea {
		width: 750px;
		margin: 0 auto;
	}
	body #mainContent .wrap .scrollArea .scroll {
		font-size: 12px;
		line-height: 24px;
		height: 200px;
		padding: 30px;
		border: 1px solid #e6e6e6;
		overflow-y: scroll;
	}
	body #mainContent .wrap .scrollArea .scrollTtl {
		font-size: 13px;
		color: #333;
		font-weight: bold;
		margin-bottom: 15px;
	}