html {
min-width: 1300px; /* viewport */
}
/*=============================================
* body
*=============================================*/
body {
color: #080100;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 16px;
line-height: 32px;
letter-spacing: 0.8px;
background: url(../img/shared/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
*=============================================*/
.fnt-mincho {
}
.fnt-meiryo {
}
.fnt-gothic {
}
.fnt-garamond {
}
/*=============================================
*
*=============================================*/
main {
clear: both;
width: 100%;
position: relative;
overflow: hidden;
}
.wrap {
width: 1000px;
}
/*=============================================
*
*=============================================*/
header {
position: relative;
}
header #belt {
width: 350px;
float: left;
background: url(../img/shared/bg-01.jpg) repeat center top;
}
header h1 {
color: #f1e0d1;
font-size: 14px;
line-height: 26px;
text-align: center;
margin: 1px auto 58px;
letter-spacing: 2px;
min-height: 52px;
max-width:275px;
}
header .bnr {
padding: 45px 0 57px;
text-align: center;
}
header .tel {
padding-bottom: 90px;
}
header nav a {
display: block;
}
.nav-fixed {
position: fixed;
top: 0;
right: 0;
z-index: 100;
opacity: 0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.nav-fixed.fixed {
opacity: 1;
}
.nav-fixed li {
float: left;
}
.nav-fixed #trigger-overlay {
cursor: pointer;
}
/* Overlay style */
.overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(23,10,3,0.94);
}
/* Overlay closing cross */
.overlay .overlay-close {
width: 90px;
height: 90px;
position: absolute;
right: 0;
top: 0;
overflow: hidden;
border: none;
background: url(../img/shared/close-bnr.jpg) no-repeat center center;
text-indent: 200%;
color: transparent;
outline: none;
z-index: 100;
cursor: pointer;
}
/* Effects */
.overlay-scale {
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}
.overlay-scale.open {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
z-index: 9999;
}
@media screen and (max-height: 30.5em) {
.overlay nav {
height: 70%;
font-size: 34px;
}
.overlay ul li {
min-height: 34px;
}
}
.overlay .inner {
width: 850px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.overlay .tel {
margin-top: 47px;
}
.overlay nav {
float: right;
}
.overlay nav a {
display: block;
}
/*=============================================
* key
*=============================================*/
#key {
float: right;
position: relative;
width: calc(100% - 350px);
min-height: 1000px;
}
/*=============================================
*
*=============================================*/
section {
}
/*=============================================
* #socialbuttons
*=============================================*/
#socialbuttons {
padding: 37px 0 92px;
}
.fb_iframe_widget span {
display: table !important;
}
/*=============================================
*