@charset "utf-8";

.min2,nav ul li a,#headerTop,.dropUl-wrapper,.drop .dropUl .shop,#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;
}
.min {font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;}
.gothic {font-family: "メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;}

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

html { font-size: 62.5%;}

body {
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
	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;max-width:100%;width:auto;}
ul {margin:0;padding:0;list-style-type:none;}
li {margin:0;padding:0;}

h1,h2,h3,h4,h5,p {
	font-weight: normal;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
table {border-collapse:collapse;}
a {text-decoration:none;}
a:hover {color:#473c0d;text-decoration:none;}
a:link {color:#473c0d;}
a:visited {color:#473c0d;text-decoration:none;}


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

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


/*PC用ナビゲーション*/
header {
	background:url(../images/bg_header.gif);
	color:#fff;
}
header a:link,header a:visited {color:#fff;}

#headerTop {
	position:relative;z-index: 1;
	text-align:left;
	font-size:11px;
	letter-spacing: 0.15rem;
	width:100%;
	overflow:hidden;
	background-color:#9d836c;
	height: 65px;
}
#headerTop .inner {width:980px;}
#headerTop.fixed {position:fixed;top: 0;left: 0;}
#headerTop:before {
	content:"";position:absolute;bottom:0;left:-100%;
	background:#282828;
	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;
	transition: .5s;
	position:relative;
}
#headerTop .logo img {max-width: initial;}

#headerTop .logo:hover {opacity:0.6;}

#headerTop .detail {
	width:64%;
	line-height:60px;line-height:6rem;
	overflow:hidden;float:right;
}
header .eigyou {font-size:14px;float:left;}
header .eigyou span {
	border: 1px solid #eee;
	padding:2px 8px;
	margin-right:10px;
	color:#fff;
}
header .tel {
	background:url(../images/bg_asanoha_brwn2.gif) repeat top left;
	width:236px;
	float:right;
	text-align:center;
	display:block;
	position:relative;
	padding:2px;
}
header .tel a {display:block;transition: all 0.3s ease;}
header .tel a:hover {opacity:0.75;}
#headerBottom {
	width: 100%;
	background-color:rgba(159,25,25,1);
	position:relative;
	display: block;
	z-index:5;
	transition:all 0.5s linear;
	background-image: url(../images/bg_nav.gif);
	background-repeat: repeat;
}

#headerBottom .inner {width:980px;}
#headerBottom.fixed {position:fixed;top: 0;left:0;}
#headerBottom.fixed {
	color:#fff;
	background-color: rgba(170, 19, 19, 0.8);
	border-bottom: 1px solid #000;
}
#headerBottom.fixed nav ul li a {color:#fff;}
#headerBottom.fixed nav ul li a:link {color:#fff;}

nav {float:left;}
nav ul {overflow:hidden;}
nav ul li {
	float:left;font-size:1.55rem;
	background-image: url(../images/nav_line.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
nav ul {
	background-image: url(../images/nav_line.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
nav ul li .eng {
	font-size:0.75em;
	display:block;
	color:#eec319;
	line-height: 100%;
}
nav ul li a {
	padding:20px 0;display:block;text-decoration:none;color:#fff;
	width:108px;
	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:#420b02;opacity:1;}
}

/*pcNav_pulldown*/
nav {margin: 0 auto;}

.dropUl-wrapper {
	visibility: hidden;
	opacity: 0;
	z-index: 2;
}

.drop .dropUl-wrapper {
	position: absolute;
	top: 70px;left: -50px;
	box-sizing: border-box;
	width: 100%;padding: 50px 0;
	background: rgba(255,255,255,0.9);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.drop:hover .dropUl-wrapper {
	top:70px;
	left:0px;
	visibility: visible;
	opacity: 1;
}
.drop .dropUl-wrapper .leftArea .tt {
	margin-top:30px;font-size:27px;text-align:left;
}
.drop .dropUl-wrapper .leftArea .txt {margin-top:30px;}

.drop .dropUl {
	float:right;
	width:50%;
	margin:auto;
	display:flex;flex-flow: row wrap;justify-content: space-between;
}
.drop .dropUl.restaurant {width:50%;}
.drop .dropUl.relaxation {width:100%;}
nav .drop .dropUl > li {
	position:relative;
	overflow:hidden;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
nav .drop .dropUl > li {width:190px;}
nav .drop .dropUl > li .img {display:block;width: 100%;	border:1px solid #958339;box-sizing: border-box;}
nav .drop .dropUl > li .ttArea {border-left:1px solid #958339;border-right:1px solid #958339;margin-top: 15px;}
nav .drop .dropUl > li .name {font-size:20px;line-height: 200%;color:#473c0d;}
nav .drop .dropUl > li .name .eng {color:#958339;}
nav .drop .dropUl > li .link {position:absolute;top:0;left:0;width:100%;height:100%;color:transparent;}
nav .drop .dropUl > li:hover {opacity:0.7;}
nav .drop .dropUl .link:hover::before {animation:none;}
#headerBottom.fixed nav .dropUl li a:link {color:transparent;}

/*.drop .dropUl .shop {
	text-align:center;color:#fff;
	display:block;letter-spacing:3px;
	margin-top:15px;
	font-size:22px;line-height:100%;
}
.drop .dropUl .shop.long {letter-spacing:0.01px;font-size:19px;line-height:120%;}
.drop .dropUl .shop .small {font-size:12px;letter-spacing:0.5px;display:block;}
*/
/*.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;}*/

/*navここまで*/



/*#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;} */

/* ページ共通 */
#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;
}
	@keyframes pnTt {
	0%    {opacity:0;}
	100%  {opacity:1;}
	}

#pnArea .tt .letter {
	color:#fff;font-size:56px;margin-top:40px;
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-shadow: 1px 2px 1px #2d1e1e;
}
#pnArea .tt .letter.sb {font-size:25px;position:absolute;top:5px;right:110px;}

#pnArea .tt .letter .small {font-size:30px;}
.contents {text-align:left;font-size:16px;line-height:180%;padding-top:100px;}
.tt {font-size:35px;line-height:150%;text-align:center;}
/*--アニメーション打ち消し--*/
#pnArea .letter span {color:#fff;animation-name:none;}
/*--------*/

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


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

.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;}


.linkbtn {
	position:relative;
	color:#fff;
	padding:0.8em;
	text-align:center;
	background-image:url(../images/bg_linkbtn.gif);
	background-repeat:repeat;
	background-position:top left;
	border-radius:1.2em;
	overflow:hidden;
}
.linkbtn img {position:absolute;transition:all 1s ease-in-out;transform:translate(-300px,-20px);opacity:1;}

.linkbtn:hover img {opacity:1;transform:translate(300px,-20px);}


.linkbtn a {
	font-size:1.2em;
	color:#fff;
	text-decoration:none;
}


.linkBtn2 {
	display:block;
	margin-left:auto;margin-right:auto;
	background:#d7bfb0;border-radius:5px;transition:background 2s ease;
	position:relative;
	background-image:url(../images/bg_asanoha_red6.gif);
}
.linkBtn2:hover {background:#9f1328;}
.linkBtn2 p {color:#fff;text-align:center;padding:2.5% 0;letter-spacing:0.18em;}
.linkBtn2::after {
	content:"";display:block;
	width: 0;height: 0;
	border-left: 11px solid #fff;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	position:absolute;left:5%;top:50%;transform:translateY(-50%);
} 

.otoiawaseDiv {
	overflow:hidden;
	position:relative;z-index:0;
	background:url(../images/bg_koushi_brown.gif) repeat top left;
	padding:65px 0;text-align:center;

}
.otoiawaseDiv .inner p:first-child {font-size:25px;}
.otoiawaseDiv .tel {margin-top:10px;}
.otoiawaseDiv .tel a {font-size:65px;line-height:100%;text-decoration:none;color:#914432;}
.otoiawaseDiv::before {
	position:absolute;z-index:-1;content:"";
	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);
	border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:1000px;
}


/* サイドのページ案内 */
.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 {
	position:relative;
	background-color:#fff;
}

#footer-top {
	letter-spacing:0.2em;
	color:#fff;
	background: url(../images/bg_asanoha_red6.gif) repeat top left;
	border-top: 1px solid #f9f8f4;
}
#footer-top .inner {
	position:relative;
}
#footer-top .sns {
	position:absolute;
	top: 0px;
	right:0;
	width:auto;
	transition:all 0.7s ease-in;
	transiton-delay:0.5s;
}
#footer-top .sns.fade {
	top: -52px;
}

#footer-top .sns div {display:inline-block;}
#footer-top .sns a {
	display:block;padding:15px 15px;
	background:#a8d3e7 url(../images/bg_asanoha_red6.gif) repeat top left;
	transition:all 0.5s ease;
}
#footer-top .sns a:hover {background:#4db2d2 url(../images/bg_asanoha_red6.gif) repeat top left;opacity:0.7;
}
#footer-top .ct {padding:15px 0;font-size:15px;font-weight:bold;text-align:center;}

#footer-middle {
	background:#b38e6e;
	padding:50px 0;
	border-top: 1px solid #731111
}
#footer-middle .linkArea {overflow:hidden;margin-top:30px;}
#footer-middle .linkArea:first-child {margin-top:0px;}
#footer-middle .linkArea .tt {
	width:15%;
	float:left;
	font-size:14px;line-height: 180%;color:#1a1a1a;text-align:center;font-weight:bold;
	letter-spacing:0.2em;border:1px solid #424242;padding:0.2em;
}
#footer-middle .linkArea .link {
	width:80%;
	float:right;
	border-left: 1px solid #222;
	margin-left: 2em;
	box-sizing: border-box;
}
#footer-middle .linkArea .link a {
	display:inline-block;letter-spacing: 0.1em;
	color:#333;
	padding: 0 1em;
	font-size:14px;line-height:12px;
	border-right:1px solid #2c426e;
	transition:color 0.15s ease-in-out;
}
#footer-middle .linkArea .link a:hover {color:#18cee3;}

#footer-bottom {
	padding:50px 0 50px;
	background-color:#822a2e;
}
/*#footer-bottom.lazyloaded {
	background:url(../images/bg_footer-bottom.jpg) no-repeat bottom center;
	background-size:contain;
	min-width:1300px;
	overflow:hidden;
}*/

#footer-bottom .logo {float:left;width:30%;}
#footer-bottom .rightArea {float:right;width:55%;color:#fff;}
#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:150%;color:#fff;transition:color 0.2s ease-in-out;}
#footer-bottom .rightArea .item .txt.tel a:hover {color:#cba300;}

#footer-bottom .rightArea .copy {font-size:9px;margin-top:30px;color:#bdb8a1;letter-spacing: 0.1em;}


/* ページトップへ戻る */
.pageTop {
	display:none;
	position:relative;
	width:90%;
	max-width:900px;
	height:0;
	margin:0 auto;
}
.pageTop a {
	position: fixed;
	bottom: 0px;
	left:auto;
	display: block;
	width: 80px;
	hegiht:66px;
	margin-left:900px;
	padding:20px 10px 10px 10px;
	background:#DAD3B9;
	text-align:center;
	outline:none;
	text-decoration: none;
	z-index:5;
	border-radius:3px 3px 0 0;
}
.pageTop a:before,
.pageTop a:after {
	position:absolute;
	left:50%;
	content:"";
	width:0px;
	height:0px;
	margin-left:-10px;
	border:9px solid transparent;
}
.pageTop a:before {
	top:50%;
	margin-top:-24px;
	border-bottom:10px solid #DAD3B9;
}
.pageTop a:after {
	top:50%;
	margin-top:-25px;
	z-index:-1;
	border-bottom:10px solid #000; /* 矢印の色 */
}

.pageTop a:hover {
	text-decoration: none;
	opacity: 0.8;
}

.effect.e1 {transition: all 0.7s ease-in;opacity:0;}
.fade.e1 {opacity:1;}


.box-sizing {box-sizing:border-box;}

/* PC-Mobile */


#topnavi-nonpc {display:none;}
.pc_left {float:left;}
.pc_right {float:right;}
.mobile_only {display:none;}
.mb_only {display:none;}
.encent_mL {text-align:center;}

.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%;}
.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%;}

.wid55_m90 {width:55%;}
.wid60_m90 {width:60%;}
.wid65_m90 {width:65%;}
.wid70_m90 {width:70%;}
.wid75_m90 {width:75%;}
.wid80_m90 {width:80%;}
.wid25_m50 {width:25%;}
.wid25_m48 {width:25%;}

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