html:not(.responsive) {
min-width: 1000px; /* viewport */
}
/*=============================================
* body
*=============================================*/
body {
background: url('../img/shared/body-bg.png') repeat top center;
color: #000;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: 15px;
line-height: 30px;
letter-spacing: 0;
min-width: inherit;
min-height: inherit;
max-height: 100%;
}
h2, h3, h4, h5, h6 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/*=============================================
* 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 .header-top {
margin-bottom: 10px;
float: left;
width: 100%;
height: 140px;
background: url('../img/shared/header-bg.png') repeat-x center center;
position: relative;
}
header .header-top .wrap:before {
background: url('../img/shared/header-deco.png') no-repeat center center;
content: '';
position: absolute;
top: 0;
left: 445px;
width: 244px;
height: 173px;
z-index: 9;
}
header .top-left,
header .top-right {
float: left;
width: 50%;
box-sizing: border-box;
color: #fff;
font-size: 13px;
line-height: 35px;
}
header .logo {
text-align: left;
margin-left: -150px;
}
header h1 {
text-align: right;
padding-top: 6px;
padding-right: 16px;
}
header .tel {
text-align: right;
margin-top: -20px;
margin-right: -5px;
}
header .header-bottom {
clear: both;
height: 75px;
background: url('../img/shared/menu-bg.png') repeat-x center center;
}
header .header-bottom .wrap {
text-align: left;
}
header nav a {
height: 75px;
float: left;
margin-right: 19px;
}
header nav {
}
header .nav-fixed {
position: absolute;
background: #362821 url('../img/shared/menu-bg.png') repeat-x center center;
height: 75px;
width: 100%;
z-index: 3000;
top: 0;
left: 0;
color: #fff;
opacity: 0;
pointer-events: none;
border-bottom: 7px solid transparent;
border-image: url('../img/shared/nav-border.png') 1 round;
}
header .nav-fixed.fixed {
pointer-events: visible;
opacity: 1;
transition: 0.5s;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
header .nav-fixed a {
font-size: 16px;
margin-right: 19px;
display: block;
float: left;
}
/*=============================================
* key
*=============================================*/
#key {
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
min-height: 500px;
position: relative;
}
#key ul {
min-height: inherit;
}
#key li {
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
min-height: inherit;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
hr.clearfix {
height: 35px;
width: 100%;
border: none;
background: url('../img/shared/hr-bg.png') repeat-x top center;
}
#key2 {
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
min-height: 300px;
position: relative;
}
#key2 {
height: 300px;
}
#key2 p {
width:1500px;
height: 300px;
margin: 0 auto;
}
.kv_bg{
background-color: #321515;
}
.body_bg{
background-image: url(../../img/shared/bk.jpg)!important;
background-repeat: repeat;
background-position: center top;
}
/*=============================================
*
*=============================================*/
section {
}
/*=============================================
* #socialbuttons
*=============================================*/
#socialbuttons {
}
/*=============================================
*