@charset "UTF-8";
html:not(.responsive) {
min-width: 1000px;
/* viewport */
}
/*=============================================
* body
*=============================================*/
body {
color: #fff;
font-size: 15px;
line-height: 1.7;
letter-spacing: 0.06em;
background: #FFF;
min-width: inherit;
min-height: inherit;
max-height: 100%;
background: url("../img/shared/bg.jpg");
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-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-tenmincho {
font-family: ten-mincho, serif;
font-weight: 400;
}
/*=============================================
*
*=============================================*/
main {
clear: both;
width: 100%;
position: relative;
overflow: hidden;
}
.wrap {
width: 1000px;
}
.txt {
line-height: 2.25;
letter-spacing: 1.7px;
}
/*=============================================
*
*=============================================*/
header {
position: relative;
}
header:after {
content: url("../img/shared/hdeco.png");
position: absolute;
top: 0;
right: 0;
}
header.style1 .fxbtn {
right: 0;
}
header.style2 .fxbtn {
left: 0;
}
header h1 {
position: absolute;
top: 15px;
left: 100px;
font-size: 12px;
z-index: 9;
}
header .logo {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
header .tel {
position: absolute;
top: 225px;
right: 0;
z-index: 2;
}
header .cashless {
position: absolute;
z-index: 3;
right: 100px;
top: 340px;
}
#hnav {
position: absolute;
top: 0;
right: 25px;
z-index: 1;
}
#hnav a {
margin-left: 10px;
}
.fxbtn {
top: 510px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
position: fixed;
-webkit-transition: 0.2s;
transition: 0.2s;
z-index: 99;
}
.nav-fixed {
position: fixed;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: 0.2s;
transition: 0.2s;
z-index: 99;
}
.nav-fixed.fixed {
opacity: 1;
visibility: visible;
pointer-events: visible;
}
#fxnav {
background: url("../img/shared/bg2.jpg");
left: 0;
right: 0;
top: -30px;
}
#fxnav.fixed {
top: 0;
}
#fxnav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#fxnav .fxtel {
position: relative;
}
#fxnav .fxtel span {
position: absolute;
left: 418px;
bottom: 0px;
}
.flexBox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
/*=============================================
* key
*=============================================*/
#key {
background-color: #000;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
min-height: 900px;
height: 100vh;
max-height: 950px;
position: relative;
}
#key .textArea {
z-index: 1;
position: absolute;
}
#key ul {
min-height: inherit;
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;
}
@-moz-document url-prefix() {
.txt-vertical .txt-latin {
display: inline-block;
transform: rotate(180deg);
}
}
/*=============================================
*
*=============================================*/
section:before {
content: "";
height: 16px;
display: block;
background: url("../img/shared/bg3.jpg");
}
.menuBox h3 {
background: url("../img/shared/menu_ttl_bg.png") no-repeat center;
text-align: center;
color: #fff;
font-weight: 500 !important;
height: 84px;
font-size: 22px;
line-height: 1.5;
letter-spacing: 3px;
}
.menuBox h3 span {
display: table-cell;
vertical-align: middle;
width: 315px;
height: 84px;
}
.menuBox h3 small {
display: block;
font-size: 18px;
}
.menuBox .ttls {
text-align: center;
margin-top: 20px;
display: block;
}
.menuBox dt {
letter-spacing: 1.5px;
}
.menuBox dl {
padding: 14px 0;
display: table;
width: 100%;
border-bottom: 1px solid #000;
line-height: 1.8;
letter-spacing: 1.7px;
}
.menuBox dl.row {
display: block;
}
.menuBox dl.row dd, .menuBox dl.row dt {
display: block;
}
.menuBox .vab {
vertical-align: bottom;
}
.menuBox .db {
width: 100%;
display: block;
}
.menuBox .db dt, .menuBox .db dd {
display: block;
}
.menuBox dt, .menuBox dd {
display: table-cell;
vertical-align: top;
}
.menuBox dd {
text-align: right;
}
/*=============================================
*