@charset "UTF-8";
html:not(.responsive) {
   min-width: 1000px;
   /* viewport */
}

/*=============================================
 * body
 *=============================================*/
body {
   color: #000;
   font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
   font-size: 15px;
   line-height: 38px;
   letter-spacing: 0.075em;
   background: url("../img/shared/body-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
 *=============================================*/
/*=============================================
 * <main>
 *=============================================*/
main {
   clear: both;
   width: 100%;
   position: relative;
   overflow: hidden;
}

.wrap {
   width: 1000px;
}

/*=============================================
 * <header>
 *=============================================*/
header {
   box-sizing: border-box;
   padding: 145px 100px 0;
}
header .logo {
   width: 100%;
   text-align: center;
   position: absolute;
   top: 50px;
   left: 0;
   z-index: 1;
}
header nav {
   width: 100%;
   position: absolute;
   top: 194px;
   left: 0;
   z-index: 1;
}
header nav a {
   display: block;
}

.nav-fixed {
   width: 100%;
   background-color: rgba(10,10,10, 0.78);
   position: fixed;
   top: 0;
   left: 0;
   z-index: 99;
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s;
}
.nav-fixed ul {
   display: flex;
   flex-wrap: wrap;
}
.nav-fixed.fixed {
   opacity: 1;
   visibility: visible;
}

/*=============================================
 * key
 *=============================================*/
#key {
   min-height: 792px;
   position: relative;
}
#key h1 {
   width: 56px;
   height: 330px;
   color: #fff;
   font-family: 'Noto Serif JP', serif;
   font-weight: 400;
   font-size: 14px;
   line-height: 28px;
   letter-spacing: 0.075em;
   position: absolute;
   top: 90px;
   right: 30px;
}

/*=============================================
 * <section>
 *=============================================*/
/*=============================================
 * <footer>
 *=============================================*/
footer {
   background-color: #333030;
   text-align: center;
   color: #f3f0e8;
   font-family: 'Noto Serif JP', serif;
   padding: 23px 0 37px;
}
footer nav {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   padding-bottom: 34px;
}
footer nav a {
   display: block !important;
   font-weight: 500;
   font-size: 15px;
   line-height: 48px;
   letter-spacing: 0.2em;
   text-transform: uppercase;
   margin: 0 24px;
   position: relative;
}
footer nav a:before {
   display: none !important;
}
footer nav a:after {
   content: '';
   width: 5px;
   height: 5px;
   border-radius: 50%;
   background: #f3f0e8;
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   opacity: 0;
}
footer nav a+a {
   padding-left: 0;
}
footer nav a.active, footer nav a:hover {
   text-decoration: none;
}
footer nav a.active:after, footer nav a:hover:after {
   opacity: 1;
}
footer address {
   font-size: 13px;
   line-height: 1;
   letter-spacing: 0.18em;
   padding: 25px 0 15px;
}
footer .cookies_link {
   font-size: 12px;
   line-height: 1;
   letter-spacing: 0.3em;
}

#sp_botan a{
	border:1px #3b2511 solid;
	padding:25px 5px;
	text-align:center;
	font-size:32px;
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	background: #130a03; 
}