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: 36px;
letter-spacing: 0.2em;
background: url("../img/shared/bg.jpg") repeat;
min-width: inherit;
min-height: inherit;
max-height: 100%;
}
@-moz-document url-prefix() {
.txt-vertical .latin {
transform: rotate(-360deg);
}
}
/*=============================================
* 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-noto {
font-family: 'Noto Serif JP', 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 .h_top {
position: absolute;
top: 0;
z-index: 1;
color: #fff;
width: 100%;
}
header h1 {
position: absolute;
top: 27px;
right: 0;
z-index: 1;
font-size: 12px;
letter-spacing: 0;
}
header .logo {
padding-top: 20px;
margin-left: -9px;
}
header .tel {
position: absolute;
top: 69px;
right: -2px;
font-size: 16px;
line-height: 18px;
font-weight: 600;
letter-spacing: 0.05em;
text-shadow: 2px 2px 16px rgba(0,0,0,1);
}
header .tel .txt-md{
font-size: 30px;
letter-spacing: 0.07em;
}
header .tel .txt-sm{
font-size: 12px;
letter-spacing: 0;
display: inline-block;
padding-top: 5px;
padding-left: 89px;
font-weight: normal;
}
header .h_menu {
position: absolute;
top: 136px;
right: 2px;
}
header .h_menu > a {
padding-left: 15px;
font-size: 15px;
letter-spacing: 0.02em;
text-shadow: 2px 2px 16px rgba(0,0,0,1);
text-decoration: none;
font-weight: bold;
}
header .h_menu > a span {
display: inline-block;
}
header .h_menu > a.active span:after{
content: "";
border-bottom: 6px solid #e94e02;
display: block;
}
header .h_menu > a span:hover:after{
content: "";
border-bottom: 6px solid #e94e02;
display: block;
}
header .h_menu > a + a:before {
content: "／";
display: inline-block;
padding-right: 14px;
text-decoration: none;
text-decoration-line: none;
text-decoration-color: transparent;
font-weight: normal;
font-size: 12px;
}
header .nav-fixed {
background: rgba(233,78,2,.8);
position: fixed;
opacity: 0;
visibility: hidden;
transition: .3s;
top: 0;
z-index: 99;
width: 100%;
}
header .nav-fixed ul {
padding: 16px 0 16px 0px;
}
header .nav-fixed li {
padding: 0 8px;
}
header .nav-fixed li a{
text-decoration: none;
color: #fff;
font-size: 16px;
letter-spacing: 0;
line-height: 24px;
}
header .nav-fixed li a span{
display: inline-block;
}
header .nav-fixed li > a span:hover:after{
content: "";
border-bottom: 3px solid #fff;
display: block;
}
header .nav-fixed li > a.active span:after{
content: "";
border-bottom: 3px solid #fff;
display: block;
}
header .nav-fixed li:first-child {
padding-left: 0;
}
header .nav-fixed.fixed{
opacity: 1;
visibility: visible;
}
header .nav-fixed .fixed_tel {
position: absolute;
top: 23px;
right: 182px;
}
header .nav-fixed .fixed_btn {
position: absolute;
top: 23px;
right: 0;
}
header .nav-fixed .fixed_tel {
position: absolute;
top: 8px;
right: 120px;
}
header .btn_fixed {
position: fixed;
top: 100px;
right: 0;
z-index: 1;
}
/*=============================================
* key
*=============================================*/
#key {
background-color: #000;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
min-height: 920px;
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;
}
/*=============================================
*
*=============================================*/
section {
}
/*=============================================
*