@charset "utf-8";
/* CSS Document */

@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 400;
   src: /*local("Noto Sans CJK JP Regular"),*/
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 500;
   src: /*local("Noto Sans CJK JP Regular"),*/
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 700;
   src: /*local("Noto Sans CJK JP Medium"),*/
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 900;
   src: /*local("Noto Sans CJK JP Bold"),*/
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
}


/* ===========================================
Base Style
=============================================*/




/************/
html{width:100%;height:100%;font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;font-weight:normal;font-size:62.5%; /* 1em=10px */}

body{width:100%;height:100%;background:#fff;font-size:1.8rem;line-height:2.0;-webkit-text-size-adjust:100%;color:#444;overflow-y:scroll;position:relative;z-index:0;}


a:link,
a:visited{color:#165E83;text-decoration:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:opacity 0.25s ease-in-out;-moz-transition:opacity 0.25s ease-in-out;-o-transition:opacity 0.25s ease-in-out;transition:opacity 0.25s ease-in-out;}

a:not(.no-hover):hover,
a:not(.no-hover):active{opacity:0.75;filter:alpha(opacity=80);-webkit-transition:opacity 0.25s ease-in-out;-moz-transition:opacity 0.25s ease-in-out;-o-transition:opacity 0.25s ease-in-out;transition:opacity 0.25s ease-in-out;}
/************/

#header{position:relative;display:flex;justify-content:flex-end;padding:15px 20px 15px 200px;background:#fff;}
.hLogo{position:absolute;top:0;left:0;width:200px;height:200px;background:#fff;}
.hNav{}
.hNav p{display:flex;justify-content:flex-end;}
.hNav p a{display:block;padding:0 1.25em;color:#444;font-size:75%;line-height:1;}
.hNav ul{display:flex;justify-content:flex-end;align-items:center;}
.hNav ul li a{display:block;padding:1em;color:#444;font-size:85%;font-weight:bold;line-height:1.3;text-align:center;}
.hBtn{display:flex;justify-content:center;align-items:center;background:#dfa1a3;}
.hBtn ul{display:flex;}
.hBtn ul li{}
.hBtn ul li.hNav_reserve{}
.hBtn ul li.hNav_lang {}
.hBtn ul li a{display:flex;justify-content:center;align-items:center;width:7em;height:100%;color:#fff;font-size:75%;text-align:center;background:#995154;}
.hBtn ul li.hNav_reserve a{background:#995154;}
.hBtn ul li.hNav_lang a{}
/********************/
.hNavTogglemenu{position:relative;display:none;width:3em;cursor:pointer;z-index:9999;}
.hNavTogglemenu p,
.hNavTogglemenu p:before,
.hNavTogglemenu p:after,
.hNavTogglemenu span,
.hNavTogglemenu span:before,
.hNavTogglemenu span:after{content:"";position:absolute;left:0;right:0;margin:auto;display:block;width:1.5em;height:2px;background:#777;transition:all 0.25s ease-in-out;}
.hNavTogglemenu p{top:0;bottom:0;}
.hNavTogglemenu p:before{top:-9px;}
.hNavTogglemenu p:after{bottom:-9px;}
.hNavTogglemenu span{top:0;bottom:0;background-color:transparent;}
.hNavTogglemenu span:before{top:0;transform:rotate(-45deg);background-color:transparent;}
.hNavTogglemenu span:after{bottom:0;transform:rotate(45deg);background-color:transparent;}
body.open .hNavTogglemenu p,
body.open .hNavTogglemenu p:before,
body.open .hNavTogglemenu p:after{background-color:transparent;}
body.open .hNavTogglemenu span{}
body.open .hNavTogglemenu span:before{transform:rotate(45deg);background:#777;}
body.open .hNavTogglemenu span:after{transform:rotate(-45deg);background:#777;}
body.open .hNav{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background:rgba(255,255,255,0.95);z-index:999;}
body.open .hNav ul{flex-direction:column;}

/***************/
.tbWidth #header{flex-direction:column-reverse;align-items:flex-end;height:auto;padding:0;}
.tbWidth .hLogo{height:3em;}
.tbWidth .hBtn ul li a{height:4em;}
.tbWidth .hNav{width:100%;}
.tbWidth .hNav ul{justify-content:space-around;}
.tbWidth .hNav ul li a{padding:2em 0;}
/**/
.spWidth #header{height:3em;}
.spWidth .hLogo{height:3em;}
.spWidth .hBtn ul li a{width:4em;text-indent:200%;white-space:nowrap;overflow:hidden;}
.spWidth .hNavTogglemenu{display:block;}
.spWidth .hNav{display:none;}

/***************/

.kv{height:500px;max-height:90%;background:#eee;}

/************/
#footer{position:relative;padding:4em 2em;color:#fff;font-size:85%;background:#995154;}
#footer a{color:#fff;}
.fPagetop{position:absolute;bottom:100%;}
.fPagetop a{display:block;background:#995154;}
.fNav{width:100%;margin:0 0 2em;padding:0 0 3em;border-bottom:1px solid rgba(255,255,255,0.5);}
.fNav ul{display:flex;justify-content:center;}
.fNav ul li{border-left:1px solid rgba(255,255,255,0.25);}
.fNav ul li:first-child{border:none;}
.fNav ul li a{display:block;padding:0 1em;line-height:1; writing-mode: vertical-rl;}
.fInfo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;}
.fAdd p{font-size:85%;}
.fAdd p:first-child{font-size:125%;font-weight:bold;}
.fAdd p:first-child span{display:block;font-size:50%;color:rgba(255,255,255,0.25);}
.fCopy{font-size:60%;color:rgba(255,255,255,0.5);letter-spacing:0.25em;}