@charset "utf-8";
/* ===================================================================


=================================================================== */

html{
	overflow-y: scroll;
	height: 100%;
}

/*--------------------------------------------------------------------------
   body
---------------------------------------------------------------------------*/
body{
	height: 100%;
	min-width: 980px;
	color: #fff;
	font-family:Arial, "游ゴシック","YuGothic",'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 14px;
	line-height: 1.6;
	background:#000;
	-webkit-text-size-adjust: 100%;
}
img{
	max-width: 100%;
	height: auto;
	border-style:none;
}

/* **************************************************************************
   body  -- Break Point --
*************************************************************************** */
@media screen and (max-width:1200px){
	body{
		min-width: 320px;
	}
}

/*--------------------------------------------------------------------------
   base link
---------------------------------------------------------------------------*/
a{
	outline: none;
	cursor : pointer;
	color:#fff
}
a:link,
a:visited{
	color: #fff;
	text-decoration: none;
}
a:hover{
	color: #fff;
	text-decoration:underline;
	outline: none;
}
a:active{
	outline: none;
}
a.hover{
	text-decoration:none;
}
a.hover:hover{
	text-decoration:none;
	opacity:0.7;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
}

/*--------------------------------------------------------------------------
   #stage
---------------------------------------------------------------------------*/
#stage{
	width:100%;
	position:relative;
}
@media screen and (min-width:1070px){
.pcOnly{
	display:block;
}
.spOnly{
	display:none;
}
}
@media screen and (max-width:1069px){
.pcOnly{
	display:none;
}
.spOnly{
	display:block;
}
}


/*--------------------------------------------------------------------------
   #mv
---------------------------------------------------------------------------*/
#logo{
	opacity:0;
}
#headNav{
	opacity:0;
}
#fbLink{
	opacity:0;
}
#logo{
	width:184px;
	height:30px;
	position:absolute;
	left:100px;
	top:60px;
}
#subLogo{
	width:184px;
	height:30px;
	display:block;
	position:absolute;
	left:100px;
	top:60px;
}
@media screen and (min-width:1200px){
#Header{
	width:100%;
	min-height:100%;
	height:1200px;
	position:relative;
	background:url(../images/mainv01.jpg) no-repeat scroll center top;
	background-size:cover;
	background-position: center center;
}

}
@media screen and (max-width:1199px){
#Header{
	width:100%;
	height:800px;
	position:relative;
	background:url(../images/mainv01.jpg) no-repeat scroll center top;
	background-size:cover;
	background-position: center center;
}

}

@media screen and (min-width:1081px){
#logo{
	z-index:1000;
}
}
#headNav{
	position:absolute;
	top:70px;
	left:365px;
}
#subheadNav{
	position:absolute;
	top:70px;
	left:365px;
}
@media screen and (min-width:1081px){
#headNav{
	z-index:1000;
}
}
#headNav ul li{
	display:inline-block;
	font-size:15px;
	letter-spacing:4px;
	padding-left:33px;
}
#headNav ul li:first-child{
	padding-left:0;
}
#headNav ul li a:hover{
	text-decoration:none;
}
#fbLink{
	width:34px;
	height:34px;
	position:absolute;
	right:100px;
	top:60px;
}
#subheadNav ul li{
	display:inline-block;
	font-size:15px;
	letter-spacing:4px;
	padding-left:33px;
}
#subheadNav ul li:first-child{
	padding-left:0;
}
#subheadNav ul li a:hover{
	text-decoration:none;
}
#subFbLink a{
	width:34px;
	height:34px;
	display:block;
	position:absolute;
	right:100px;
	top:60px;
}
@media screen and (min-width:1081px){
#fbLink{
	z-index:1000;
}
}
@media screen and (min-width:1070px){
#navSp{
	display:none;
}
}
@media screen and (max-width:750px){
#Header{
	width:100%;
	height:500px;
	position:relative;
	background:url(../images/mainv01.jpg) no-repeat scroll center top;
	background-size:cover;
	 /* Image is centered vertically and horizontally at all times */
  background-position: center center;
  /* Image doesn't repeat */
}
#logo{
	width:135px;
	height:22px;
	position:absolute;
	left:20px;
	top:32px;
}
#subLogo{
	width:135px;
	height:22px;
	position:absolute;
	left:20px;
	top:32px;
}
#navSp{
	right:20px;
	top:19px;
	position:fixed;
}
}

@media screen and (max-width:485px){
#Header{
	width:100%;
	height:500px;
	position:relative;
	background:url(../images/mainv03.jpg) no-repeat scroll center top;
	background-size:contain;
	-moz-background-size:cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}
.spNone {display:none;}

#logo{
	width:135px;
	height:22px;
	position:absolute;
	left:20px;
	top:32px;
}
#subLogo{
	width:135px;
	height:22px;
	position:absolute;
	left:20px;
	top:32px;
}
#navSp{
	right:20px;
	top:19px;
	position:fixed;
}


#room01Img {
	width:100%;
	position:relative;
	background:url(../images/mainv03.jpg) no-repeat scroll center top;
	-moz-background-size:cover;
	background-size:cover;
	background-position: center center;
}
}
/*--------------------------------------------------------------------------
   .path
---------------------------------------------------------------------------*/
.box{
	width:608px;
	height:120px;
	margin:0 auto;
	position:relative;
    position: absolute;
    left: 50%;
    right: 0;
    top: 271px;
    margin-left:-304px;
}
@media screen and (min-width:1081px){
.box{
	z-index:1000;
}
}
.path{
	max-width:100%;
	height:auto;
	fill:#fff;
}
.path{
	stroke:#fff;
	fill:#fff;
	stroke-width:0.4px;
	stroke-DASHarray: 3000;
	stroke-DASHoffset:3000;
	-moz-animation:lineAnime 2s ease-in-out .5s forwards;
	-webkit-animation:lineAnime 2s ease-in-out .5s forwards;
	-o-animation:lineAnime 2s ease-in-out .5s forwards;
	animation:lineAnime 2s ease-in-out .5s forwards;
	-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;
}

@keyframes lineAnime{
	0%  {stroke-DASHoffset:3000;fill:#000;}
	80% {stroke-DASHoffset:2000;fill:#ddd;}
	100%{stroke-DASHoffset:0;fill:#fff;}
}
@-moz-keyframes lineAnime{
	0%  {stroke-DASHoffset:3000;fill:#000;}
	80% {stroke-DASHoffset:2000;fill:#ddd;}
	100%{stroke-DASHoffset:0;fill:#fff;}
}
@-webkit-keyframes lineAnime{
	0%  {stroke-DASHoffset:3000;fill:#000;}
	80% {stroke-DASHoffset:2000;fill:#ddd;}
	100%{stroke-DASHoffset:0;fill:#fff;}
}
@-o-keyframes lineAnime{
	0%  {stroke-DASHoffset:3000;fill:#000;}
	80% {stroke-DASHoffset:2000;fill:#ddd;}
	100%{stroke-DASHoffset:0;fill:#fff;}
}
@-ms-keyframes lineAnime{
	0%  {stroke-DASHoffset:3000;fill:#000;}
	80% {stroke-DASHoffset:2000;fill:#ddd;}
	100%{stroke-DASHoffset:0;fill:#fff;}
}
@media only screen and (max-width: 750px) {
	.box{
	width:494px;
	height:99px;
	margin:0 auto;
	position:relative;
    position: absolute;
    left: 50%;
    right: 0;
    top: 182px;
    margin-left:-247px;
	}
	.box .path{
		width:494px;height:auto;margin:0 auto;
	}
}
@media only screen and (max-width: 580px) {
	.box{
	width:400px;
	height:80px;
	margin:0 auto;
	position:relative;
    position: absolute;
    left: 50%;
    right: 0;
    top: 182px;
    margin-left:-200px;
	}
	.box .path{
		width:400px;height:auto;margin:0 auto;
	}
}
@media only screen and (max-width: 470px) {
	.box{
	width:330px;
	height:66px;
	margin:0 auto;
	position:relative;
    position: absolute;
    left: 50%;
    right: 0;
    top: 182px;
    margin-left:-165px;
	}
	.box .path{
		width:330px;height:auto;margin:0 auto;
	}
}
@media only screen and (max-width: 390px) {
	.box{
	width:260px;
	height:52px;
	margin:0 auto;
	position:relative;
    position: absolute;
    left: 50%;
    right: 0;
    top: 182px;
    margin-left:-130px;
	}
	.box .path{
		width:260px;height:auto;margin:0 auto;
	}
}
#topTxt{
	opacity:0;
}
#btn01{
	opacity:0;
}
@media screen and (min-width:751px){
#topTxt{
	font-size:16px;
	color:#fff;
	position:absolute;
	top:431px;
	width:100%;
}
#topTxt p{
	text-align:center;
	line-height:2;
	letter-spacing:2.2px;
}
#btn01{
	width:48px;
	position:absolute;
	left:50%;
	margin-left:-24px;
	top:630px;
}
#privacyTtl{
	width:520px;
	position:absolute;
	height:82px;
	top:50%;
	left:50%;
	margin:-21px 0 0 -260px;
}
/*20151113*/
#newsMv .date{
	padding-top:190px;
	font-size:18px;
	letter-spacing:1.8px;
}
#newsTtl h2{
	padding-top:30px;
	letter-spacing:1.8px;
}
#newsTtl{
	width:auto;
	text-align:center;
	font-size:28px;
}
}
@media screen and (min-width:1081px){
#topTxt{
	z-index:1000;
}
#btn01{
	z-index:1000;
}
}
@media screen and (max-width:1080px){
#topTxt{
	font-size:16px;
	color:#fff;
	position:absolute;
	top:446px;
	width:100%;
}
#topTxt p{
	text-align:center;
	line-height:2;
	letter-spacing:2.2px;
}
#btn01{
	width:48px;
	position:absolute;
	left:50%;
	margin-left:-24px;
	top:650px;
}
}
@media screen and (max-width:750px){
#topTxt{
	font-size:14px;
	color:#fff;
	position:absolute;
	top:305px;
	width:100%;
}
#topTxt p{
	text-align:center;
	line-height:2;
	letter-spacing:2.2px;
}
#btn01{
	width:38px;
	position:absolute;
	left:50%;
	margin-left:-19px;
	top:410px;
}
#privacyTtl{
	width:280px;
	position:absolute;
	height:44px;
	top:50%;
	left:50%;
	margin:5px 0 0 -140px;
}
/*20151113*/
#newsMv .date{
	padding-top:154px;
	font-size:12px;
	letter-spacing:1.4px;
}
#newsTtl h2{
	padding-top:20px;
	letter-spacing:1px;
}
#newsTtl{
	width:auto;
	text-align:center;
	font-size:18px;
}
}
@media screen and (max-width:580px){
#topTxt{
	font-size:14px;
	color:#fff;
	position:absolute;
	width:100%;
}
#topTxt p{
	text-align:center;
	line-height:2;
	letter-spacing:2.2px;
}
#btn01{
	width:38px;
	position:absolute;
	left:50%;
	margin-left:-19px;
}
}
@media screen and (max-width:470px){
#topTxt{
	font-size:13px;
	color:#fff;
	position:absolute;
	width:100%;
}
#topTxt p{
	text-align:center;
	line-height:2;
	letter-spacing:2.2px;
}
#btn01{
	width:38px;
	position:absolute;
	left:50%;
	margin-left:-19px;
	top:410px;
}
}
@media screen and (max-width:390px){
#topTxt{
	font-size:11px;
	color:#fff;
	position:absolute;
	top:250px;
	width:100%;
}
#topTxt p{
	text-align:center;
	line-height:2;
	letter-spacing:2.2px;
}
#btn01{
	width:38px;
	height:38px;
	display:block;
	position:absolute;
	left:50%;
	margin-left:-19px;
	top:380px;
}
}
/*--------------------------------------------------------------------------
   #message
---------------------------------------------------------------------------*/
#message{
	position:relative;
	background:#F4EABF;
	padding:130px 0 130px 0;
	color:#000;
	width:auto;
}
@media screen and (min-width:1081px){
#message{
	z-index:1000;
	margin-top:0px;
}
}
#message .innerBlock{
	text-align:center;
}
#message h2{
	font-size:28px;
	letter-spacing:1.4px;
	font-weight:500;
	margin:0 auto 37px auto;
	line-height:1.8;
}

#message h3{
	font-size:24px;
	letter-spacing:1.4px;
	font-weight:500;
	color:#72AE2C;
	margin:30px auto 10px auto;
	line-height:1.8;
}
#message p{
	font-size:14px;
	line-height:2.5;
	text-align: left;
	letter-spacing:1px;
	width:650px;
	margin:0 auto;
}
@media screen and (max-width:750px){
#message{
	padding:100px 0;
}
}
@media screen and (max-width:700px){
#message h2{
	font-size:24px;
	margin:0 auto 48px auto;
}
#message h3{
	font-size:18px;
	letter-spacing:1.4px;
	font-weight:500;
	color:#72AE2C;
	margin:30px auto 10px auto;
	line-height:1.8;
}
#message p{
	font-size:13px;
	width:auto;
	margin:0 40px;
}
}
@media screen and (max-width:580px){
#message{
	padding:60px 0;
}
#message h2{
	font-size:24px;
	letter-spacing:1.4px;
	font-weight:500;
	margin:0 40px 28px 40px;
}
#message p{
	font-size:12px;
	width:auto;
	margin:0 30px;
	line-height:2;
	text-align: left;
	letter-spacing:1.4px;
}
}
@media screen and (max-width:390px){
#message{
	padding:58px 0;
}
#message h2{
	font-size:18px;
	letter-spacing:1.4px;
	font-weight:500;
	margin:0 45px 21px 45px;
}
}


/*--------------------------------------------------------------------------
   #service
---------------------------------------------------------------------------*/
#service{
	position:relative;
	background:#fff;
	color:#F4EABF;
	padding:140px 0 0 0;
	width:auto;
}
@media screen and (max-width:750px){
#service{
	padding:60px 0 0 0;
}
}
#service h2{
	width:214px;
	height:82px;
	margin:0 auto 94px auto;
}
@media screen and (max-width:750px){
#service h2{
	width:150px;
	height:58px;
	margin:0 auto 40px auto;
}
}
.svBlock{
	position:relative;
	width:auto;
}
.svItem01{
	background:#41220F;
	color:#fff;
}
.svItem02{
	background:#F4EABF;
	color:#41220F;
}
.svItem01, .svItem02{
	position:relative;
	width:auto;
}
@media screen and (max-width:1110px){
.svItem01{
	width:50%;
	float:left;
}
.svItem02{
	width:50%;
	float:right;
}
}
@media screen and (max-width:570px){
.svItem01{
	width:auto;
	float:none;
}
.svItem02{
	width:auto;
	float:none;
}
}
#sv01Txt, #sv03Txt{
	width:50%;
	float:right;
	height:400px;
	position:relative;
	display:table;
}
#sv02Txt, #sv04Txt{
	width:50%;
	float:left;
	height:400px;
	position:relative;
	display:table;
}
@media screen and (max-width:1110px){
#sv01Txt, #sv03Txt{
	width:auto;
	float:none;
	height:380px;
	position:relative;
	display:table;
}
#sv02Txt, #sv04Txt{
	width:auto;
	float:none;
	height:380px;
	position:relative;
	display:table;
}
}
@media screen and (max-width:965px){
#sv01Txt, #sv03Txt{
	height:360px;
}
#sv02Txt, #sv04Txt{
	height:360px;
}
}
@media screen and (max-width:800px){
#sv01Txt, #sv03Txt{
	height:300px;
}
#sv02Txt, #sv04Txt{
	height:300px;
}
}
@media screen and (max-width:570px){
#sv01Txt, #sv03Txt{
	height:250px;
}
#sv02Txt, #sv04Txt{
	height:250px;
}
}
#sv01Txt .inner, #sv02Txt .inner, #sv03Txt .inner, #sv04Txt .inner{
	display:table-cell;
	vertical-align:middle;
	padding:0 90px;
}
@media screen and (max-width:1110px){
#sv01Txt .inner, #sv02Txt .inner, #sv03Txt .inner, #sv04Txt .inner{
	padding:0 70px;
}
}
@media screen and (max-width:800px){
#sv01Txt .inner, #sv02Txt .inner, #sv03Txt .inner, #sv04Txt .inner{
	padding:0 30px;
}
}
#room01Img, #sv03Img{
	width:50%;
	float:left;
	height:400px;
	position:relative;
}
#room02Img, #sv04Img{
	width:50%;
	float:right;
	height:400px;
	position:relative;
}
@media screen and (max-width:1110px){
#room01Img, #sv03Img{
	width:100%;
	float:none;
	height:380px;
}
#room02Img, #sv04Img{
	width:100%;
	float:none;
	height:380px;
}
}
@media screen and (max-width:965px){
#room01Img, #sv03Img{
	height:360px;
}
#room02Img, #sv04Img{
	height:360px;
}
}
@media screen and (max-width:800px){
#room01Img, #sv03Img{
	height:300px;
}
#room02Img, #sv04Img{
	height:300px;
}
}
@media screen and (max-width:570px){
#room01Img, #sv03Img{
	height:250px;
}
/*
#room02Img, #sv04Img{
	height:250px;
}*/
}
#room01Img{
	background:url(../images/photo01.jpg) no-repeat scroll right center;
	background-size:cover;
	background-position: center center;
}
@media screen and (max-width:800px){
#room01Img{
	background:url(../images/sp_photo01.jpg) no-repeat scroll right center;
	background-size:cover;
	background-position: center center;
}
}
@media screen and (max-width:500px){
#room01Img{
	background:url(../images/sp_photo01.jpg) no-repeat scroll right center;
	background-size:cover;
	background-position: center center;
}
}
#room02Img{
	background:url(../images/photo02.jpg) no-repeat scroll right center;
	background-size:cover;
	background-position: center center;
}

}
@media screen and (max-width:800px){
#room02Img{
	background:url(../images/sp_photo02b.jpg) no-repeat scroll right center;
	background-size:cover;
	background-position: center center;
}
}
@media screen and (max-width:500px){
#room02Img{
	background:url(../images/sp_photo02b.jpg) no-repeat scroll right center;
	background-size:cover;
	background-position: center center;
}
}
@media screen and (max-width:365px){
#room02Img{
	background-position:right;
}
}

.svItem01 h3, .svItem02 h3{
	font-size:20px;
	letter-spacing:1.8px;
	font-weight:600;
	line-height:1.7;
	margin-bottom:15px;
}
@media screen and (max-width:800px){
.svItem01 h3, .svItem02 h3{
	font-size:16px;
}
}
@media screen and (max-width:800px){
.svItem01 h3, .svItem02 h3{
	margin-bottom:10px;
}
}
.svItem01 p, .svItem02 p{
	font-size:14px;
	letter-spacing:1.5px;
	line-height:2;
}
@media screen and (max-width:800px){
.svItem01 p, .svItem02 p{
	font-size:12px;
}
}
#sv01Txt .num{
	width:106px;
	height:88px;
	margin-bottom:32px;
}
#sv02Txt .num{
	width:126px;
	height:88px;
	margin-bottom:32px;
}
#sv03Txt .num{
	width:126px;
	height:88px;
	margin-bottom:32px;
}
#sv04Txt .num{
	width:130px;
	height:88px;
	margin-bottom:32px;
}
@media screen and (max-width:965px){
#sv01Txt .num{
	width:82px;
	height:68px;
	margin-bottom:32px;
}
#sv02Txt .num{
	width:97px;
	height:68px;
	margin-bottom:32px;
}
#sv03Txt .num{
	width:97px;
	height:68px;
	margin-bottom:32px;
}
#sv04Txt .num{
	width:100px;
	height:68px;
	margin-bottom:32px;
}
}
@media screen and (max-width:800px){
#sv01Txt .num{
	width:53px;
	height:44px;
	margin-bottom:32px;
}
#sv02Txt .num{
	width:63px;
	height:44px;
	margin-bottom:32px;
}
#sv03Txt .num{
	width:63px;
	height:44px;
	margin-bottom:32px;
}
#sv04Txt .num{
	width:65px;
	height:44px;
	margin-bottom:32px;
}
}
@media screen and (max-width:570px){
#sv01Txt .num{
	margin-bottom:22px;
}
#sv02Txt .num{
	margin-bottom:22px;
}
#sv03Txt .num{
	margin-bottom:22px;
}
#sv04Txt .num{
	margin-bottom:22px;
}
}
.arw01{
	background:url(../images/arw01.png) no-repeat scroll 0 0;
	width:60px;
	height:122px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-61px 0 0 -30px;
}
.arw02{
	background:url(../images/arw02.png) no-repeat scroll 0 0;
	width:60px;
	height:122px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-61px 0 0 -30px;
}



/*--------------------------------------------------------------------------
   #company
---------------------------------------------------------------------------*/
#company{
	width:auto;
	position:relative;
	background:url(../images/bg_c.jpg) no-repeat scroll center top;
	background-size:cover;
	padding:140px 0 107px 0;
}

#svbossImg{
	background:url(../images/boss.png) no-repeat scroll right center;
	background-size:cover;
	-moz-background-size:cover;
	margin:0 auto;
	width:450px;
	height:450px;
}

@media screen and (max-width:760px){
#company{
	padding:60px 0 30px 0;
}
}
#company h2{
	width:278px;
	height:84px;
	text-align:center;
	margin:0 auto 94px auto;
}

#company h3{
	font-size:15px;
	letter-spacing:1.4px;
	font-weight:500;
	color:#fff;
	margin:30px auto;
	line-height:1.8;
}
#company p{
	font-size:14px;
	line-height:2.5;
	text-align:;
	letter-spacing:1.8px;
	width:650px;
	margin:0 auto;
}

@media screen and (max-width:760px){
#company h2{
	width:196px;
	height:59px;
	text-align:center;
	margin:0 auto 40px auto;
}
}
#company dl{
	line-height:2;
	letter-spacing:2px;
	width:730px;
	margin:0 auto;
}
@media screen and (max-width:870px){
#company dl{
	line-height:2;
	letter-spacing:2px;
	width:auto;
	margin:0 30px;
}
}
#company dl dt{
	clear:left;
	display:block;
	float:left;
	width:140px;
}
@media screen and (max-width:760px){
#company dl dt{
	clear:left;
	display:block;
	float:none;
	width:auto;
	text-align:center;
	font-weight:600;
	font-size:16px;
	color:#72AE2C;
	padding-bottom:5px;
}

#company p{
	font-size:12px;
	line-height:2;
	text-align:;
	letter-spacing:1.4px;
	margin:0 auto;
	width:100%;
}


}
#company dl dd{
	display:block;
	float:left;
	padding-bottom:25px;
}
@media screen and (max-width:760px){
#company dl dd{
	display:block;
	float:none;
	padding-bottom:30px;
	text-align:center;
	font-size:12px;
}
}

@media screen and (max-width:800px){
#svbossImg{
	height:250px;
	width:250px;
}

#company p{
	font-size:12px;
	line-height:2;
	text-align:;
	letter-spacing:1.4px;
	margin:0 auto;
	width:100%;
}

}
@media screen and (max-width:570px){
#svbossImg{
	height:200px;
	width:200px;
}
#company p{
	font-size:12px;
	line-height:2;
	text-align:;
	letter-spacing:1.4px;
	margin:0 auto;
	width:100%;
}


}

/*--------------------------------------------------------------------------
   #map_canvas
---------------------------------------------------------------------------*/
#map_canvas{
	width:100%;
	height:500px;
}
@media screen and (max-width:740px){
#map_canvas{
	width:100%;
	height:200px;
}
}

/*--------------------------------------------------------------------------
   #newsMedia
---------------------------------------------------------------------------*/
#newsMedia{
	position:relative;
	background:#f4eabf;
	padding:140px 0 107px 0;
	width:auto;
	color:#000;
}
@media screen and (max-width:750px){
#newsMedia{
	padding:60px 0 50px 0;
	width:auto;
}
}
@media screen and (max-width:740px){
#newsMedia{
	padding:60px 0 30px 0;
	width:auto;
}
}
#newsMedia .more{
	padding-top:20px;
}
@media screen and (max-width:740px){
#newsMedia .more{
	padding-top:10px;
}
}
@media screen and (max-width:860px){
#newsMedia .more{
	padding-bottom:60px;
}
}
@media screen and (max-width:740px){
#newsMedia .more{
	padding-bottom:20px;
}
}
#newsMedia .more a{
	background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    color: #F4EABF;
    display: block;
    font-size: 14px;
    height: 26px;
    letter-spacing: 2px;
    margin: 0 auto;
    padding-top: 9px;
	padding-bottom:3px;
    text-align: center;
    transition: all 0.2s ease-out 0s;
    width: 174px;
	font-family:'Hammersmith One', Verdana, Geneva, sans-serif;
}
@media screen and (max-width:740px){
#newsMedia .more a{
    width: auto;
}
}
#newsMedia .more a:hover{
	background-color: #F4EABF;
    border: 1px solid #F4EABF;
    color: #fff;
    transition: all 0.2s ease-out 0s;
	text-decoration:none;
}
#newsMedia .inner{
	width:980px;
	margin:0 auto;
}
@media screen and (max-width:1020px){
#newsMedia .inner{
	width:820px;
	margin:0 auto;
}
}
@media screen and (max-width:940px){
#newsMedia .inner{
	width:740px;
	margin:0 auto;
}
}
@media screen and (max-width:860px){
#newsMedia .inner{
	width:auto;
	margin:0 40px;
}
}
@media screen and (max-width:810px){
#newsMedia .inner{
	width:auto;
	margin:0 20px;
}
}
#news{
	width:490px;
	float:left;
}
@media screen and (max-width:1020px){
#news{
	width:370px;
	float:left;
}
}
@media screen and (max-width:940px){
#news{
	width:330px;
	float:left;
}
}
@media screen and (max-width:860px){
#news{
	width:auto;
	float:none;
}
}
@media screen and (max-width:810px){
#news{
	width:auto;
	float:none;
	padding-bottom:40px;
}
}
#media{
	width:490px;
	float:right;
}
@media screen and (max-width:1020px){
#media{
	width:370px;
	float:right;
}
}
@media screen and (max-width:940px){
#media{
	width:330px;
	float:right;
}
}
@media screen and (max-width:860px){
#media{
	width:auto;
	float:none;
}
}
#news .inner, #media .inner{
	position:relative;
	width:auto;
}
@media screen and (max-width:1020px){
#news .inner, #media .inner{
	padding:0;
}
}
#news h2{
	width:146px;
	margin:0 auto 92px auto;
}
@media screen and (max-width:860px){
#news h2{
	margin:0 auto 80px auto;
}
}
@media screen and (max-width:750px){
#news h2{
	width:109px;
	height:58px;
	margin:0 auto 40px auto;
}
}
#media h2{
	width:176px;
	margin:0 auto 92px auto;
}
@media screen and (max-width:750px){
#media h2{
	width:129px;
	height:58px;
	margin:0 auto 40px auto;
}
}
#newsMedia .inner ul li{
	line-height:2;
	letter-spacing:1.2px;
	width:410px;
	padding:0 40px 26px 40px;
}
@media screen and (max-width:1020px){
#newsMedia .inner ul li{
	width:auto;
	padding:0 0 25px 0;
}
}
@media screen and (max-width:740px){
#newsMedia .inner ul li{
	width:auto;
	padding:0 0 15px 0;
}
}
#newsMedia .inner ul li .day{
	width:140px;
	float:left;
}
@media screen and (max-width:1020px){
#newsMedia .inner ul li .day{
	width:110px;
	float:left;
}
}
@media screen and (max-width:940px){
#newsMedia .inner ul li .day{
	width:auto;
	float:none;
	padding-bottom:5px;
}
}
@media screen and (max-width:860px){
#newsMedia .inner ul li .day{
	width:110px;
	float:left;
	padding-bottom:0px;
}
}
@media screen and (max-width:810px){
#newsMedia .inner ul li .day{
	width:auto;
	float:none;
	padding-bottom:0px;
}
}
#newsMedia .inner ul li .txt{
	width:270px;
	float:right;
}
@media screen and (max-width:1020px){
#newsMedia .inner ul li .txt{
	width:260px;
	float:right;
}
}
@media screen and (max-width:940px){
#newsMedia .inner ul li .txt{
	width:auto;
	float:none;
}
}
@media screen and (max-width:860px){
#newsMedia .inner ul li .txt{
	width:540px;
	float:right;
}
}
@media screen and (max-width:810px){
#newsMedia .inner ul li .txt{
	width:auto;
	float:none;
}
}
#newsMedia .inner ul li .txt a{
	color:#F4EABF;
}

/*--------------------------------------------------------------------------
   #contact
---------------------------------------------------------------------------*/
#contact{
	/*position:relative;*/
	background:#fff;
	padding:140px 0 140px 0;
	width:auto;
	color:#41220F;
}
@media screen and (max-width:750px){
#contact{
	padding:60px 0 60px 0;
}
}
#contact h2{
	width:262px;
	height:83px;
	margin:0 auto 50px auto;
}
@media screen and (max-width:750px){
#contact h2{
	width:186px;
	height:59px;
	margin:0 auto 40px auto;
}
}
#contact p{
	line-height:2;
	letter-spacing:1.3px;
}
@media screen and (max-width:1080px){
#contact p{
	margin:0 80px;
}
}
@media screen and (max-width:750px){
#contact p{
	margin:0 20px;
	font-size:12px;
}
}
#contact .inner{
	width:950px;
	margin:52px auto 0 auto;
}
@media screen and (max-width:1080px){
#contact .inner{
	width:auto;
	margin:52px 80px 0;
}
}
@media screen and (max-width:750px){
#contact .inner{
	width:auto;
	margin:32px 20px 0;
}
}
#contact button[type='submit'] {
  display: block;
  margin-top: 40px;
  width: 100%;
  border: 3px solid #41220F;
  background:#41220F;
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-size:20px;
  letter-spacing:2px;
}
@media screen and (max-width:750px) {
#contact button[type='submit'] {
  font-size:16px;
  letter-spacing:4px;
  margin-top:25px;
}
}
#contact button[type='submit']:hover {
  background:#fff;
  color:#41220F;
  border: 3px solid #41220F;
}
#contact button[type='submit'] b {
  display: inline-block;
  width: 100%;
  padding: 15px 0;
}
@media screen and (max-width:750px) {
  #contact button[type='submit'] b {
    padding: 10px 0;
    font-size: 100%;
  }
}
#contact dt, #contact dd, #contact input, #contact textarea, #contact label, #contact span, #contact button, #contact div {
  margin: 0;
  line-height: 2;
}
#contact dl {
  border-bottom: 1px solid #a4a4a4;
  margin-bottom:25px;
}
#contact dt {
  margin-bottom: -34px;
  padding: 5px 0;
  padding-top: 31px;
  font-weight: bold;
  border-top: 1px solid #a4a4a4;
  position: relative;
}
#contact dt:after {
  content: '任意';
  position: absolute;
  display: block;
  padding: 7px 15px;
  top: 30px;
  left: 212px;
  color: #F4EABF;
  background: #fff;
  border: 1px solid #72ae2c;
  line-height: 1em;
  font-size:12px;
}
@media screen and (max-width:720px) {
  #contact dt:after {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    top: -0.3em;
    left: 5px;
  }
}
#contact dt.required:after {
  content: '必須';
  color: #fff;
  background: #72AE2C;
  display: inline-block;
  font-size:12px;
}
@media screen and (max-width:720px) {
  #contact dt {
    margin-bottom: 10px;
    padding-top: 30px;
  }
}
#contact dd {
  position: relative;
  margin-left: 312px;
  padding-bottom: 30px;
}
#contact dd.tel {
  overflow: hidden;
}
@media screen and (max-width:720px) {
  #contact dd {
    margin-left: 0;
    padding-bottom: 30px;
  }
}
#contact dd > b, dd > a {
  height: 3em;
  line-height: 3em;
}
@media screen and (max-width:720px) {
  #contact dd > b,
  #contact dd > a {
    height: 1.5em;
    line-height: 1.5em;
  }
}
#contact input, textarea, select, button {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  border-radius: 0;
}
#contact input, textarea {
  border: 1px solid #ccc;
}
#contact label {
  display: inline-block;
  cursor: pointer;
}
#contact label input {
  display: none;
}
.ie8 article.contact section .contact label input {
  float: left;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 8px;
  border: none;
}
#contact label span {
  display: block;
  height: 32px;
  line-height: 32px;
  padding-left: 32px;
}
@media screen and (max-width:720px) {
  #contact label span {
    height: 48px;
    line-height: 48px;
    padding-left: 48px;
  }
}
.ie8 article.contact section .contact label span {
  display: inline-block;
  padding-left: 5px;
}
@media screen and (max-width:720px) {
  #contact label span:before {
    zoom: 1.5;
  }
}
.ie8 article.contact section .contact label span:before {
  display: none;
}
#contact label input:checked + span:before,
#contact label input.checked + span:before {
  background-position: -64px -32px;
}
#contact label > input[type='text'] {
  display: block;
  width: 10em;
  padding: 0.5em;
  height: 3em;
  line-height: 1.5em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
#contact .address div:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}
.#contact address div label {
  display: block;
  float: left;
}
#contact .name label, #contact .kana label, #contact .company label,
#contact .section label, #contact .tel label {
  display: block;
  width: 100%;
}
#contact .name label input, #contact .kana label input,
#contact .company label input, #contact .section label input,
#contact .tel label input {
  width: 100%;
}
#contact .site label,
#contact .address label,
#contact .address label.addressbody,
#contact .mail label {
  display: block;
}
#contact .site label input,
#contact .address label input,
#contact .address label.addressbody input,
#contact .mail label input {
  width: 100%;
}
#contact .address label.addressbody {
  width: 100%;
}
#contact .mail label {
  margin-bottom: 10px;
}
#contact .text label {
  display: block;
}
#contact .text label textarea {
  padding: 0.5em;
  width: 100%;
  height: 8em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
#contact .address div:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}
#contact .address div.zipcode {
  float: left;
  margin-bottom: 10px;
}
@media screen and (max-width:720px) {
  #contact .address div.zipcode {
    float: none;
    margin-bottom: 0px;
  }
}
#contact .tel div label {
  float: left;
  width: auto;
}
#contact .tel div label input {
  width: 5em;
}
#contact .address div em,
#contact .tel div em {
  display: block;
  float: left;
  width: 1.5em;
  line-height: 2.5em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  font-style: normal;
  font-size: 120%;
  text-align: center;
}
#contact .address div label input {
  width: 8em;
}
#contact .address div button {
  display: block;
  padding: 0.5em;
  height: 3em;
  line-height: 0.8em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  cursor: pointer;
  color: #36a3dc;
}
#contact .address div button:hover {
  text-decoration: underline;
}
#contact .address div button:disabled {
  color: #888;
  cursor: default;
}
#contact .address div button:disabled:hover {
  text-decoration: none;
}
#contact div.blank{
    background: url("../images/ico_blank.png") no-repeat 146px 5px;
}
.attention{
	font-size:12px;
	margin-bottom:23px;
}
@media screen and (max-width:1080px) {
.attention{
	font-size:11px;
	text-align:left;
	margin:0 !important;
	padding-bottom:20px;
}
}


/*--------------------------------------------------------------------------
   #linkBlock
---------------------------------------------------------------------------*/
#linkBlock{
	background:#000;
	position:relative;
	padding:20px 100px;
	text-align:center;
}
@media screen and (max-width:750px) {
#linkBlock{
	padding:20px 20px;
}
}
@media screen and (max-width:485px) {
#linkBlock{
	padding:20px 0px;
}
}
#linkBlock ul{
	display:inline-block;
}
#linkBlock ul li{
	float:left;
	margin-left:30px;
}
@media screen and (max-width:485px) {
#linkBlock ul{
	display:block;
}
#linkBlock ul li{
	float:left;
	margin-left:0px;
}
}
@media screen and (max-width:485px) {
#linkBlock ul li{
	width:100%;
	box-sizing:border-box;
}
}
#linkBlock ul li:first-child{
	margin-left:0;
}
#linkBlock ul li.roomIcon{
	width:120px;
}
@media screen and (max-width:750px) {
#linkBlock ul li.roomIcon{
	width:100px;
}
}
@media screen and (max-width:485px) {
#linkBlock ul li.roomIcon{
	width:50%;
	padding-bottom:20px;
}
#linkBlock ul li.roomIcon img{
	width:70px;
}
}



/*--------------------------------------------------------------------------
   #Footer
---------------------------------------------------------------------------*/
#footer{
	position:relative;
	background:#40210F;
	padding:60px 100px;
}
@media screen and (max-width:1070px) {
#footer{
	padding:60px 40px;
}
}
@media screen and (max-width:750px) {
#footer{
	padding:40px 20px;
}
}
#SnsBlock{
	float:left;
	padding-top:2px;
}
@media screen and (max-width:945px) {
#SnsBlock{
	float:none;
	padding-top:2px;
}
}
ul.Sns li{
	float:left;
	line-height:1.1;
	padding-bottom:12px;
}
.Facebook{ width:140px !important;}
.Twitter{ width:80px !important;}
.Line{ width:129px !important; height:31px !important;}
#copyright{float:right; width:298px;}
@media screen and (max-width:945px) {
#copyright{float:none; padding-top:15px;}
}
@media screen and (max-width:750px) {
#copyright{float:none; text-align:center; padding-top:6px;}
}
@media screen and (max-width:350px) {
#copyright{text-align:center; width:100%;}
}

/*--------------------------------------------------------------------------
   .toolbar
---------------------------------------------------------------------------*/
.toolbar{
	opacity:0;
}
@media screen and (min-width:1070px){
.toolbar {
	display:none;
}
.sidebar {
	display:none;
}
}
@media screen and (max-width:1069px){
.toolbar {
    position:absolute;
	right:100px;
	top:52px;
    background-color: transparent;
    line-height: 68px;
}
@media screen and (max-width:750px){
.toolbar {
    position:fixed;
	right:20px;
	top:19px;
    background-color: transparent;
    line-height: 68px;
}
}
.menu-button {
  position: relative;
  margin: 0px;
  height: 47px;
  width: 49px;
  cursor: pointer;
  background:url(../images/menu.gif) no-repeat scroll 0 0;
  background-size:49px 47px;
  display:block;
  text-indent:-9999px;
}
.menu-right {
  float: right;
}
.sidebar {
    margin: 0;
    color:#fff;
    background-color:#000;
	position:relative;
	padding-top:40px;
}
.sidebar li {
}
.sidebar li a{
	font-family:'Hammersmith One', Verdana, Geneva, sans-serif;
	text-align:left;
	font-size:16px;
	color:#fff;
	letter-spacing:4px;
	display:block;
	padding-bottom:18px;
	padding-left:30px;
}
.sidebar li a:hover{
	text-decoration:none;
}
#slideFb{
	width:50px;
}
#slideFb img{
	padding-left:30px;
	padding-top:10px;
}
}

/*--------------------------------------------------------------------------
   SubPage
---------------------------------------------------------------------------*/
.blueBlock{
	position:relative;
	width:auto;
	background:#F4EABF;
	color:#fff;
}
.blueBlock a{
	text-decoration:underline;
}
@media screen and (min-width:581px){
.blueBlock{
	padding:130px 0 132px 0;
}
}
@media screen and (max-width:750px){
.blueBlock{
	padding:100px 0 100px 0;
}
}
@media screen and (max-width:580px){
.blueBlock{
	padding:60px 0 62px 0;
}
}
.blueBlock .inner{
	position:relative;
}
@media screen and (min-width:1081px){
.blueBlock .inner{
	width:980px;
	margin:0 auto;
}
}
@media screen and (max-width:1080px){
.blueBlock .inner{
	width:auto;
	margin:0 40px;
}
}
@media screen and (max-width:540px){
.blueBlock .inner{
	width:auto;
	margin:0 20px;
}
}
.blueBlock h3{
	letter-spacing:1.4px;
	line-height:1.8;
	font-weight:500;
}
@media screen and (min-width:701px){
.blueBlock h3{
	font-size:28px;
	margin-bottom:60px;
}
}
@media screen and (max-width:700px){
.blueBlock h3{
	font-size:24px;
	margin-bottom:48px;
}
}
/*20151113*/
@media screen and (max-width:580px){
.blueBlock h3{
	font-size:16px;
	margin-bottom:28px;
}
}
.blueBlock h4{
	letter-spacing:1.4px;
	line-height:1.8;
	font-weight:600;
	text-align:left;
}
@media screen and (min-width:701px){
.blueBlock h4{
	font-size:16px;
	margin-bottom:40px;
}
}
@media screen and (max-width:700px){
.blueBlock h4{
	margin-bottom:28px;
}
}
@media screen and (max-width:580px){
.blueBlock h4{
	font-size:14px;
	margin-bottom:18px;
}
}
.blueBlock p{
	letter-spacing:1.4px;
	line-height:2;
	text-align:left;
}
@media screen and (min-width:701px){
.blueBlock p{
	font-size:14px;
}
/*20151113*/
.blueBlock p em{
	font-style:italic;
	font-weight:normal;
	opacity:0.7;
}
}
@media screen and (max-width:700px){
.blueBlock p{
	font-size:13px;
}
/*20151113*/
.blueBlock p em{
	font-style:italic;
	font-weight:normal;
	opacity:0.7;
}
}
@media screen and (max-width:580px){
.blueBlock p{
	font-size:12px;
}
/*20151113*/
.blueBlock p em{
	font-style:italic;
	font-weight:normal;
	opacity:0.7;
}
}



.whiteBlock{
	position:relative;
	width:auto;
	background:#f2f2f2;
	color:#F4EABF;
}
@media screen and (min-width:751px){
.whiteBlock{
	padding:130px 0 132px 0;
}
}
@media screen and (max-width:750px){
.whiteBlock{
	padding:100px 0 105px 0;
}
}
@media screen and (max-width:580px){
.whiteBlock{
	padding:60px 0 62px 0;
}
}
.whiteBlock .inner{
	position:relative;
}
@media screen and (min-width:1081px){
.whiteBlock .inner{
	width:980px;
	margin:0 auto;
}
}
@media screen and (max-width:1080px){
.whiteBlock .inner{
	width:auto;
	margin:0 40px;
}
}
@media screen and (max-width:540px){
.whiteBlock .inner{
	width:auto;
	margin:0 20px;
}
}
.whiteBlock h3{
	letter-spacing:1.4px;
	line-height:1.8;
	font-weight:500;
}
@media screen and (min-width:701px){
.whiteBlock h3{
	font-size:28px;
	margin-bottom:60px;
}
}
@media screen and (max-width:700px){
.whiteBlock h3{
	font-size:24px;
	margin-bottom:48px;
}
}
@media screen and (max-width:580px){
.whiteBlock h3{
	font-size:24px;
	margin-bottom:28px;
}
}
.whiteBlock h4{
	letter-spacing:1.4px;
	line-height:1.8;
	font-weight:600;
	text-align:left;
}
@media screen and (min-width:701px){
.whiteBlock h4{
	font-size:16px;
	margin-bottom:40px;
}
}
@media screen and (max-width:700px){
.whiteBlock h4{
	margin-bottom:28px;
}
}
@media screen and (max-width:580px){
.whiteBlock h4{
	font-size:14px;
}
}
.whiteBlock p{
	letter-spacing:1.4px;
	line-height:2;
	text-align:left;
}
@media screen and (min-width:701px){
.whiteBlock p{
	font-size:14px;
}
}
@media screen and (max-width:700px){
.whiteBlock p{
	font-size:13px;
}
}
@media screen and (max-width:580px){
.whiteBlock p{
	font-size:12px;
}
}
.checkList{
	position:relative;
	margin-bottom:51px;
}
@media screen and (max-width:580px){
.checkList{
	position:relative;
	margin-bottom:41px;
}
}
.checkList li{
	background:url(../images/check.png) no-repeat 0 4px;
	background-size:18px 16px;
	-moz-background-size: 18px 16px;
	-webkit-background-size: 18px 16px;
	-o-background-size: 18px 16px;
	-ms-background-size: 18px 16px;
	_background:url(../images/checkIe.gif) no-repeat scroll 0 4px;
	*background:url(../images/checkIe.gif) no-repeat scroll 0 4px;
	background:url(../images/checkIe.gif) no-repeat scroll 0 4px\9;
	padding-left:33px;
	line-height:2;
	letter-spacing:1.4px;
	font-size:14px;
	margin-bottom:15px;
}
@media screen and (max-width:700px){
.checkList li{
	background:url(../images/check.png) no-repeat 0 4px;
	background-size:18px 16px;
	-moz-background-size: 18px 16px;
	-webkit-background-size: 18px 16px;
	-o-background-size: 18px 16px;
	-ms-background-size: 18px 16px;
	_background:url(../images/checkIe.gif) no-repeat scroll 0 4px;
	*background:url(../images/checkIe.gif) no-repeat scroll 0 4px;
	background:url(../images/checkIe.gif) no-repeat scroll 0 4px\9;
	font-size:13px;
}
}
.sectionBlock{
	margin-bottom:67px;
	position:relative;
}
@media screen and (max-width:580px){
.sectionBlock{
	margin-bottom:37px;
	position:relative;
}
}
.bottomTxt{
	text-align:left;
}
@media screen and (max-width:580px){
.bottomTxt{
	text-align:center !important;
}
}


#contact .mailto { margin:0 auto; text-align:center; width:40%; display:block;}
#contact .mailto a {background-color:#000; color:fff; font-size:24px; font-weight:bold; padding:20px; display:block; text-decoration:none;border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;}
#contact .mailto a:hover {background-color: #900;}

@media screen and (max-width:580px){
#contact .mailto { margin:0 auto; text-align:center; width:80%; display:block;}
#contact .mailto a {background-color:#000; color:fff; font-size:12px; font-weight:bold; padding:5px; display:block; text-decoration:none;border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;}
}
/*--------------------------------------------------------------------------
   Other
---------------------------------------------------------------------------*/
/*@media screen and (min-width:1081px){*/
	#btnTop{ position: fixed; z-index:5000; bottom:20px; right:20px;}
	#btnTop a img{ width:50px;}
/*}
@media screen and (max-width:1080px){
	#btnTop{ display:none;}
	#btnTop a img{ display:none;}
}*/

/* clearfix
-----------------------------------------------------------------*/
.cf:before,
.cf:after{
	content: "";
	display: table;
}
.cf:after{
	clear: both;
}
.cf{
	zoom: 1;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* box-model
-----------------------------------------------------------------*/
/*
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*/

/*--------------------------------------------------------------------------
   汎用スタイル
---------------------------------------------------------------------------*/

/* テキスト
-----------------------------------------------------------------*/
.em{
	font-weight: bold;
}

/* 配置
-----------------------------------------------------------------*/
.t-ct{
	text-align: center !important;
}
.t-lt{
	text-align: left !important;
}
.t-rt{
	text-align: right !important;
}


.mt30{margin-top:30px !important;}
.mt61{margin-top:61px !important;}
.mb10{margin-bottom:10px !important;}
.mb30{margin-bottom:30px !important;}
.mb67{margin-bottom:67px !important;}