@charset "UTF-8";
/* Clearfix
=================================*/
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from Mac IE \*/

.clearfix { display: block; }
* html .clearfix { height: 1%; }
/* Hide from Mac IE */

.font-n-sb {
font-family: '游明朝', serif;
font-weight: 600 !important;
font-style: normal;
}
.font-n-b {
font-family: 'Noto Serif JP', serif;
font-weight: 400 !important;
}
.font-a {
font-family: adobe-garamond-pro, serif;
font-weight: 700;
font-style: normal;
}

/* Centering */
.ver_center { position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.hor_center { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.center { position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
nav.sp_menu { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: transparent; z-index: 9; display: none; }
.menu_overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #FFFFFF; opacity: 0.95; z-index: -1; }
.menu_btn { width: 60px; height: 65px; position: fixed; overflow: visible; line-height: 13px; font-size: 1px; float: left; cursor: pointer; -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; top: 0px; right: 0px; z-index: 999; }
.menu_btn .line { position: fixed; background-color: #000000; overflow: hidden; z-index: 999; width: 31px; height: 2px; -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; top: 30px; right: 15px; }
.menu_btn .line:nth-child(1) { top: 30px; z-index: 2; }
.menu_btn .line:nth-child(2) { top: 40px; z-index: 2; }
.menu_btn .line:nth-child(3) { top: 50px; z-index: 2; }
.btn_wrapper .menu { color: #333333; font-family: bebas; font-size: 0.6em; padding-top: 1em; text-align: center; display: block; clear: both; width: 31px; margin-left: 15px; position: fixed; left: 0px; top: 0px; }
.btn_wrapper { z-index: 999; position: fixed; }
/*
メニューオープン時のクリックボタン
*/
.btn_wrapper.clicked .menu_btn .line:nth-child(1) { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; }
.btn_wrapper.clicked .menu_btn .line:nth-child(2) { opacity: 0; -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; }
.btn_wrapper.clicked .menu_btn .line:nth-child(3) { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; }
nav.sp_menu ul { position: relative; display: inline-block; margin-top: 15vh; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 100%; }
nav.sp_menu ul li { font-size: 1.4em; line-height: 2.5em; font-weight: normal; text-align: center; margin-bottom: 1em; letter-spacing: 0.05em; display: block; float: none; clear: both; margin-right: auto; margin-left: auto; }
.sp_menu ul .sns { vertical-align:middle; position: relative; display: inline-block; margin-right: 0.35em; margin-bottom: 0; margin-left: 0.35em; width: 6%; }
.sp_menu ul .sns:nth-child(8) { width: 18%; }
section.logo.center img { width: 100%; height: auto; }
span.horizontal { content: ""; height: 2px; width: 6px; background-color: #fff; display: block; margin: 20px 0; }
section.logo.center { max-width: 450px; width: 80%; max-height: 69px; height: auto; position: absolute; }
small { font-size: 9px; margin-top: 35px; display: block; text-transform: uppercase; }


 @media screen and (max-width: 800px) {
nav.sp_menu ul { position: relative; display: inline-block; margin-top: 20vh; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 100%; }
nav.sp_menu ul li { font-size: 1.4em; line-height: 2em; font-weight: normal; text-align: center; margin-bottom: 1em; letter-spacing: 0.05em; display: block; float: none; clear: both; margin-right: auto; margin-left: auto; }
.sp_menu ul .sns { vertical-align:middle; position: relative; display: inline-block; margin-right: 0.35em; margin-bottom: 0; margin-left: 0.35em; width: 4%; }
.sp_menu ul .sns:nth-child(8) { width: 12%; }

}
 @media screen and (max-width: 480px) {
nav.sp_menu ul { position: relative; display: inline-block; margin-top: 25vh; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 100%; }
nav.sp_menu ul li { font-size: 1.4em; line-height: 2.5em; font-weight: normal; text-align: center; margin-bottom: 1em; letter-spacing: 0.05em; display: block; float: none; clear: both; margin-right: auto; margin-left: auto; }
.sp_menu ul .sns { vertical-align:middle; position: relative; display: inline-block; margin-right: 0.35em; margin-bottom: 0; margin-left: 0.35em; width: 6%; }
.sp_menu ul .sns:nth-child(8) { width: 18%; }

}