﻿@import url('https://fonts.googleapis.com/css?family=Sree+Krushnadevaraya');
html:not(.responsive) {
	min-width: 1000px; /* viewport */
}



/*=============================================
 * body
 *=============================================*/

body {
	color: #000;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0;
	background: url('../img/shared/bg.jpg') repeat center top;
	min-width: inherit;
	min-height: inherit;
	max-height: 100%;
}



/*=============================================
 * fonts - DON'T EDIT
 *=============================================*/

.fnt-mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.fnt-meiryo {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fnt-gothic {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}



/*=============================================
 * .fnt - customs
 *=============================================*/

.fnt-mincho {
}
.fnt-meiryo {
}
.fnt-gothic {
}
.fnt-garamond {
}

/*=============================================
 * Responsive
 *=============================================*/
.pc {
  display: block;
}
.sp {
  display: none;
}
@media only screen and (max-width:768px) {

  /* Mobile - Large */
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}

/*=============================================
 * <main>
 *=============================================*/

main {
	clear: both;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.wrap {
	width: 1000px;
}



/*=============================================
 * <header>
 *=============================================*/

header {
	height: 1006px;
	position: relative;
}
header .hd_top{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 111;
}
header h1 {
	float: left;
	font-size: 13px;
	position: relative;
	z-index: 11;
	padding-top: 28px;
}
header .logo {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1;
}
header .tel {
	float: right;
	width: 208px;
	position: relative;
	z-index: 11;
	padding-top: 24px;
}
header .tel .txt_tel{
	font-size: 13px;
	color: #1b150f;
}
header .tel .max{
	margin-bottom: 15px;
}
header nav {
	margin-top: 28px;
}
header #beft{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 65px;
	padding-top: 17px;
	background: #1b150f;
	z-index: 9999999999;
	opacity: 0;
	transition: all .3s ease;
	visibility: hidden;
}
header #beft.fixed{
	opacity: 1;
	visibility: visible;
}
header #beft .tel2{
	position: absolute;
	right: 165px;
	top: 0;
}
header #beft .button{
	position: absolute;
	top: 0;
	right: 0;
}



/*=============================================
 * key
 *=============================================*/

#key {
	/* background-color: #000; */
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	min-height: 800px;
}
#key ul {
	min-height: inherit;
}
#key li {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	min-height: inherit;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#key .key_txt{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 30px;
	letter-spacing: 1.5px;
	line-height: 58px;
	position: absolute;
	z-index: 111;
	letter-spacing: 4.5px;
}
#key .key_txt span{
}



/*=============================================
 * <section>
 *=============================================*/

section {
}

span.link_en {
   font-size:80%;
	color:#A8A8A8;
}

/*=============================================
 * #socialbuttons
 *=============================================*/

#socialbuttons {
}



/*=============================================
 * <footer>
 *=============================================*/

footer {
	background: url(../img/shared/bg_ft.jpg) repeat center top;
	height: 683px;
}
footer .logo {
	position: absolute;
	top: 142px;
	left: 0;
}
footer nav {
	font-family: 'Sree Krushnadevaraya', serif;
	padding: 43px 43px 0 43px;
}
footer nav ul li{
	padding: 0 33px;
	position: relative;
    font-size: 18px;
    letter-spacing: 2.3px;
	color: #fff;
}
footer nav ul li:first-child{
	padding-left: 0;
}
footer nav ul li:last-child{
	padding-right: 0;
	padding-left: 26px;
}
/*footer nav ul li + li:before{
	content: '|';
	position: absolute;
	left: -3px;
	top: 0;
	color: #fff;
}*/


footer nav ul li a{
	font-size: 18px;
	letter-spacing: 2.3px;
	color: #fff;
}
footer .tel {
	position: absolute;
	top: 384px;
	left: 0;
}
footer .tel .txt_tel{
	font-size: 15px;
	color: #fff;
	letter-spacing: 0.8px;
	padding-left: 26px;
}
footer .tel .max{
	font-family: 'Sree Krushnadevaraya', serif;
	font-size: 42px;
	color: #fff;
	letter-spacing: -1.2px;
	margin-bottom: 38px;
	padding-top: 3px;
}
footer .tel .max span{
	padding-left: 31px;
	position: relative;
}
footer .tel .max span:before{
	content: '';
	width: 22px;
	height: 25px;
	background: url(../img/shared/icon_tel.png) no-repeat center top;
	position: absolute;
	top: 42px;
	left: -3px;
}
footer .tel .button{
	margin-top: 15px;
	width: 276px;
	padding-left: 10px;
}
footer .tel .button a{
	background: #fff;
	color: #000;
	line-height: 40px;
	letter-spacing: 2px;
}
footer .tel .button a:after{
	width: 7px;
	height: 11px;
	background: url(../img/shared/arrow_2.png) no-repeat;
	right: 23px;
}
footer .tel .button a:hover{
	background: #36312d;
	color: #fff;
}
footer .tel .button a:hover:after{
	background: url(../img/shared/arrow_2_on.png) no-repeat;
}
footer .info{
	width: 630px;
	margin: 141px 0 0 395px;
}
footer .info dl{
	color: #fff;
}
footer .info dl:after{
	content: "." !important;
	clear: both !important;
	display: block !important;
	height: 0 !important;
	visibility: hidden !important;
}
footer .info dl dt, footer .info dl dd{
	float: left;
	color: #b1afac;
	font-size: 13px;
	line-height: 26px;
}
footer .info dl dt{
	width: 141px;
	letter-spacing: 0;
}
footer .info dl dd{
	width: 489px;
	letter-spacing: 2.5px;
}
footer .info dl dd.style{
	letter-spacing: 2px;
}
footer .bottom_ft{
	margin-top: 80px;
}


/*=============================================
 * copyright
 *=============================================*/

address {
	color: #979797;
	font-size: 13px;
	letter-spacing: 1.8px;
	padding-left: 10px;
}
.link a{
	display: block;
	background: #000;
	color: #fff;
	position: relative;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 31px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.link a:after{
	content: '';
	width: 6px;
	height: 8px;
	background: url('../img/shared/arrow.png') no-repeat;
	position: absolute;
	top: 50%;
	right: 12px;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.link a:hover{
	background: #8d7256;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.text_center{
	text-align: center;
}
.title1{
	font-size: 30px;
	letter-spacing: 4.5px;
}
.line{
	position: relative;
}
.line:after{
	content: '';
	width: 280px;
	height: 3px;
	background: url('../img/shared/deco_line.jpg') no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -63px;
	margin: 0 auto;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .link a{
        line-height: 27px;
        padding-top: 4px;
    }
} 

 .btn_reserve a {
		border-radius: 4px;
        width: 30px;
        right: 10px;/*適時変更 */
	bottom: 200px;/*適時変更 */
        position: fixed;
        font-weight: 700;
        background: #000;
        border: 1px solid #000;
        text-align: center; 
		padding: 50px 10px;
        text-decoration: none;
		cursor: pointer;
		z-index: 999;
	 color: #fff;
    }