@charset "utf-8";

body,#headerTop,nav ul li a,#pnArea .tt .letter,.tt,.commonTt,.otoiawaseDiv,footer {
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	}

.gothic,#footer-middle .linkArea .link {font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;}


#pc_Navi {display:block;width:1000px;}
#mobile_Navi {display:none;}

* {
	margin: 0px;
	padding: 0px;
}

html { font-size: 62.5%;}

body {
	font-size: 1.4em;
	line-height:150%;
        text-align: left;
        background-color:#fff;
	color:#473c0d;
}

div {border:none;margin:0;padding:0;}
img {vertical-align: middle;border-style:none;margin:0;padding:0;}
ul {list-style:none;}


a[href^="tel:"] {pointer-events: none;}

h1,h2,h3 {
	font-weight: normal;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

.inner {
	width:900px;
	margin-left:auto;margin-right:auto;
	overflow:hidden;
}


#wrapper {
	margin: 0px auto;
        text-align: center;
}

header {background:rgba(255,255,255,0.9);position:fixed;top: 0;left:0;z-index:3;width: 100%;}
header nav ul li a,header.fixed nav ul li a:link {color:#222;}
header nav ul li.yoyaku a,header.fixed nav ul li.yoyaku a:link {color:#fff;}

#headerTop {
	position:relative;z-index: 1;
	text-align:left;
	font-size:13px;
	background:#fff;
	background-image:url("../images/bg_checker_wh.gif");
	background-repeat:repeat;
	letter-spacing: 0.15rem;
	width:100%;
	overflow:hidden;
}


#headerTop:before {
	content:"";position:absolute;bottom:0;left:-100%;
	background:#b6a666;
	z-index:-1;
	width:100%;height:1px;

	animation-name: headerTopBd;
	animation:  headerTopBd 5s linear 0s forwards;
}
@keyframes headerTopBd {
	100%  {left:0;}
}
#headerTop .logo {
	float:left;
	width:170px;width:17rem;
	padding-top:0.8rem;transition: .5s;
	position:relative;
}
#headerTop .logo:hover {opacity:0.6;}
#headerTop .english_site {
	position:absolute;
	right:133px;
	line-height:5.8rem;
	width:54px;
}
#headerTop .english_site img {width:100%;height:auto;}



#headerTop .detail {
	width:77.5%;
	line-height:25px;line-height:2.5rem;
	overflow:hidden;float:right;
	position:relative;
}
#header-pc-yoyaku {float:right;}
#header-pc-yoyaku a {
	background:#d21a15;color:#fff;width:130px;height: 100%;display: block;
	font-size:15px;text-align:center;font-weight:bold;
	text-decoration: none;
	transition:background 0.2s ease-in-out;
	padding-top:6px;
}
#header-pc-yoyaku a:hover {background:#a21616;}



#headerBottom {
	width: 100%;
	position:relative;
	display: block;
	z-index:5;
	background:rgba(255,255,255,0.9);
}


nav {float:right;}
nav ul {overflow:hidden;}
nav ul li {float:left;font-size:15px;font-size:1.5rem;}
nav ul li .eng {
	font-size:9px;font-size:0.9rem;
	display:block;
	color:#c0c0c0;
	line-height: 100%;
}

nav ul li a {
	padding:20px 0;display:block;text-decoration:none;color:#555;
	width:100px;
	position:relative;z-index:0;
}

nav ul li a:hover {text-decoration:none;}

nav ul li a:hover::before {
	position:absolute;top: 0;left: 0;
	z-index:-1;
	content:"";
	width:100%;height:0;

	animation-name: navHover;
	animation: navHover 0.6s forwards;
	-webkit-animation: navHover 0.6s forwards;
}
@keyframes navHover {
  0%    { height:0%;opacity:0;}
  100%  { height:100%;background:#efede3;opacity:1;}
}


.shop_infoTT {font-size:1.8rem;text-align:center;margin-top:2rem;}
.shop_info .tel {font-size:25px;font-size:2.5rem;text-align:center;font-weight:bold;margin-top:10px;}
.shop_info .tel a {color:#FFF;}


#tubularDiv { position: relative;z-index:3;height:700px;}
#tubularDiv .logo { position: absolute;top:calc((100% - 300px) / 2);left:calc((100% - 143px)/2);}

/* .tubularSpace {height:400px;} */



/*snsBtn*/
#snsBtn {
	position:fixed;
	z-index:10;
	bottom:18rem;
	right:-56px;
	transition:right 0.5s ease-in-out;
	background-color:#59471a;
	text-align: center;
}

#snsBtn.appered {right:0;}

#snsBtn .icon {position:relative;padding:28px;}
#snsBtn .icon img {display:block;position:absolute;top:11px;left:13px;}
#snsBtn .icon.fb a:hover {background-color:#3868CC;transition:0.5s;}
#snsBtn .icon.insta a:hover{background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;background:linear-gradient(135deg, #427eff 0%, #f13f79 70%);transition:0.5s;}
#snsBtn .icon.tw a:hover{background-color:#1da1f2;transition:0.5s;}

#snsBtn .icon a{position:absolute;top:0;left:0;display:block;width:100%;height:100%;}


/* ページ共通 */
main {margin-top:130px;}
#pnArea {
	position:relative;
	background:no-repeat top center;
	width:100%;height:700px;
	background-attachment:fixed;
}
#pnArea .tt {
	width:365px;height:365px;
	position:absolute;top:140px;left:calc((100% - 365px) / 2);
	background:url(../images/img_pn_en.png) no-repeat top center;
	opacity:0;
	animation: pnTt 2s ease-out forwards;-webkit-animation: pnTt 2s ease-out forwards;
}
	@keyframes pnTt {
	0%    {opacity:0;}
	100%  {opacity:1;}
	}

#pnArea .tt .letter {
	color:#fff;font-size:56px;margin-top:40px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#pnArea .tt .letter.sb {font-size:25px;position:absolute;top:5px;right:110px;}

#pnArea .tt .letter .small {font-size:30px;}
#contents {
	padding:100px 0 0;
	text-align:left;font-size:16px;line-height:180%;
}
.tt {
	font-size:35px;line-height:150%;
	text-align:center;
}

.commonTt {
	font-size:35px;line-height:150%;
	text-align:center;
}
.commonTt .eng {font-size:11px;line-height:200%;letter-spacing:2px;display:block;color: #C1B377;}
.commonTt.wh {color:#fff;}


.commonTb {border-collapse:collpase;text-align:center;}
.commonTb th,.commonTb td {padding:2%;border:1px solid #b6a666;}

.linkBtn {
	width:100%;box-sizing:border-box;
	border:1px solid #B6A667;
	position:relative;
}
.linkBtn img {margin-right:1rem;color:#B6A667;}

.linkBtn a {
	box-sizing:border-box;
	padding:10px 20px;display:block;text-decoration:none;
	font-weight:bold;
	line-height: 1.9;
	letter-spacing: 0.3em;
	transition: all 0.6s linear;
	color:#B6A667;
}
.linkBtn:hover a {margin-left:1rem;color:#aa8f25;}
.linkBtn::before,.linkBtn::after{
	content:"";
	width: 0;height: 1px;
	position: absolute;
	transition: all 0.6s linear;
	background:#B6A667;
}
.linkBtn a::before,.linkBtn a::after {
	content:"";
	width:1px;height:0;
	position: absolute;
	transition: all 0.6s linear;
	background:#B6A667;
}
.linkBtn:hover::before,.linkBtn:hover::after {width: 100%;}
.linkBtn:hover a::before,.linkBtn:hover a::after {height:100%;}
.linkBtn::before,.linkBtn::after {transition-delay: 0.2s;}
.linkBtn a::before,.linkBtn a::after {transition-delay: 0s;}
.linkBtn::before {right: 0;top: 0;}
.linkBtn::after {left: 0;bottom: 0;}
.linkBtn a::before {left: 0;top: 0;}
.linkBtn a::after {right: 0;bottom: 0;}
.linkBtn:hover::before,.linkBtn:hover::after {transition-delay: 0s;}
.linkBtn:hover a::before, .linkBtn:hover a::after {transition-delay: 0.2s;}


.linkBtn.wh {border-color:#fff;}
.linkBtn.wh img,.linkBtn.wh a,.linkBtn.wh:hover a {color:#fff;}
.linkBtn.wh::before,.linkBtn.wh::after,.linkBtn.wh a::before,.linkBtn.wh a::after {background:#fff;color:#fff;}


.otoiawaseDiv {
	overflow:hidden;
	position:relative;z-index:0;
	background:url(../images/bg_koushi.gif) repeat top left;
	padding:50px 0;text-align:center;
	font-size:35px;line-height:160%;
}
.otoiawaseDiv .tel {margin-top:10px;}
.otoiawaseDiv .tel a {font-size:76px;line-height:100%;text-decoration:none;color:#9b8b22;}
.otoiawaseDiv::before {
	position:absolute;z-index:-1;
	content:"";border-radius:100%;
	background: rgba(255,255,255,0.5);
	top:50%;left:50%;
	width:1px;height:1px;
	transition: all 0.7s ease;
}
.otoiawaseDiv:hover::before {
	-webkit-transform: scale(900);-moz-transform: scale(900);-o-transform: scale(900);
	-ms-transform: scale(900);transform: scale(900);
}


.pageLink {padding-bottom:70px;}
.LinkBox {
	box-sizing:border-box;
	border:1px solid #353535;
	width:calc((100% - 24px)/4);
	padding: 5px 0;
	margin-right:8px;
	color:#111;
	background:#fafafa;
	text-align:center;
}
.pageLink.riyou-guide .LinkBox {width:calc((100% - 24px)/3);padding:10px 0 5px;}
.LinkBox:nth-child(4n) {
	margin-right:0px;
}

.LinkBox {font-size:14px;color:#ddd;}
.LinkBox .tt {overflow:hidden;}
.LinkBox a {font-size:14px;text-align:center;}


/* サイドのページ案内 */
.side-btn .btn {
	position:relative;
	height:0;margin:0 auto;
	z-index:2;
}
.side-btn .btn a {
	position: fixed;
	bottom: 50px;
	right:-3px;
	display: block;
	text-align:center;
	outline:none;
	text-decoration: none;
	z-index:2;
	border-radius:5px 5px 0 0;
}


/* footer */
#footer,footer {
	position:relative;
	background-color:#fff;
}


#footer-top {
	letter-spacing:0.2em;
	color:#fff;
	background: url(../images/bg_asanoha.gif) repeat top left;
	border-top: 2px solid #6b5f2f;
}
#footer-top .sns {
	float:right;
	width:auto;
}
#footer-top .sns div {display:inline-block;}
#footer-top .sns a {
	display:block;padding:15px 15px;
	background:#e9dcac url(../images/bg_asanoha.gif) repeat top left;
	background-blend-mode:multiply;
	transition:all 0.5s ease;
}
#footer-top .sns a:hover {background:#d1b962 url(../images/bg_asanoha.gif) repeat top left;}
#footer-top .ct {padding:15px 0;font-size:15px;font-weight:bold;}

#footer-middle {
	background:#f4f1e7;
	padding:50px 0;
}
#footer-middle .linkArea {overflow:hidden;margin-top:30px;}
#footer-middle .linkArea:first-child {margin-top:0px;}
#footer-middle .linkArea .tt {
	width:15%;
	float:left;
	background:url(../images/bg_asanoha.gif) repeat top left;
	font-size:12px;line-height: 180%;color:#fff;text-align:center;font-weight:bold;
	letter-spacing:0.2em;
}
#footer-middle .linkArea .link {
	width:83%;
	float:right;
}
#footer-middle .linkArea .link a {
	display:inline-block;letter-spacing: 0.1em;
	color:#736011;padding: 0 1em;
	font-size:12px;line-height:12px;
	border-right:1px solid #736011;
	transition:color 0.15s ease-in-out;
}
#footer-middle .linkArea .link a:hover {color:#cba300;}

#footer-bottom {padding:70px 0 280px;}
#footer-bottom.lazyloaded {background:url(../images/bg_footer-bottom.jpg) no-repeat bottom center;}

#footer-bottom .logo {float:left;width:30%;}
#footer-bottom .rightArea {float:right;width:65%;color:#736011;}
#footer-bottom .rightArea .item {overflow:hidden;margin-top:15px;font-size:15px;}
#footer-bottom .rightArea .item:first-child {margin-top:0px;}
#footer-bottom .rightArea .item .tt {font-size:15px;float:left;width:90px;border-right:1px solid #c2b78c;}
#footer-bottom .rightArea .item .txt {float:right;width:calc(100% - 120px);}
#footer-bottom .rightArea .item .txt.tel {letter-spacing:0.2rem;}
#footer-bottom .rightArea .item .txt.tel a {font-size:26px;line-height:130%;color:#736011;transition:color 0.2s ease-in-out;}
#footer-bottom .rightArea .item .txt.tel a:hover {color:#cba300;}

.copy {font-size:10px;margin-top:10px;color:#bdb8a1;text-align:center;}


.over :hover {
 filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
}

.txt-gold2 {color:#B6A667;}
.ver-sub {vertical-align:sub;}

/*  pc-mobile rayout  */

.pc_left {float:left;}
.pc_right {float:right;}

.wid10_m100 {width:10%;}
.wid15_m100 {width:15%;}
.wid20_m100 {width:20%;}
.wid25_m100 {width:25%;}
.wid30_m100 {width:30%;}
.wid33_m100 {width:33%;}
.wid35_m100 {width:35%;}
.wid40_m100 {width:40%;}
.wid45_m100 {width:45%;}
.wid48_m100 {width:48%;}
.wid49_m100 {width:49%;}
.wid50_m100 {width:50%;}
.wid55_m100 {width:55%;}
.wid58_m100 {width:58%;}
.wid60_m100 {width:60%;}
.wid65_m100 {width:65%;}
.wid70_m100 {width:70%;}
.wid75_m100 {width:75%;}
.wid80_m100 {width:80%;}
.wid85_m100 {width:85%;}
.wid90_m100 {width:90%;}
.wid95_m100 {width:95%;}
.wid100 {width:100%;}

.wid55_m90 {width:55%;}
.wid60_m90 {width:60%;}
.wid65_m90 {width:65%;}
.wid70_m90 {width:70%;}
.wid75_m90 {width:75%;}