@charset "UTF-8";
/* Scss Document */
/* Scss Document */
@font-face { font-family: 'a-otf-ryumin-pr'; font-style: normal; font-weight: normal; src: url(../fonts/A-OTF-RyuminPro-Light.otf); }
/*layout*/
.mt0 { margin-top: 0px !important; }

.mb0 { margin-bottom: 0px !important; }

.pt0 { padding-top: 0px !important; }

.pl0 { padding-left: 0px !important; }

.pb0 { padding-bottom: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mb5 { margin-bottom: 5px !important; }

.pt5 { padding-top: 5px !important; }

.pl5 { padding-left: 5px !important; }

.pb5 { padding-bottom: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.pt10 { padding-top: 10px !important; }

.pl10 { padding-left: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mb15 { margin-bottom: 15px !important; }

.pt15 { padding-top: 15px !important; }

.pl15 { padding-left: 15px !important; }

.pb15 { padding-bottom: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.pt20 { padding-top: 20px !important; }

.pl20 { padding-left: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mb25 { margin-bottom: 25px !important; }

.pt25 { padding-top: 25px !important; }

.pl25 { padding-left: 25px !important; }

.pb25 { padding-bottom: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mb30 { margin-bottom: 30px !important; }

.pt30 { padding-top: 30px !important; }

.pl30 { padding-left: 30px !important; }

.pb30 { padding-bottom: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mb35 { margin-bottom: 35px !important; }

.pt35 { padding-top: 35px !important; }

.pl35 { padding-left: 35px !important; }

.pb35 { padding-bottom: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mb40 { margin-bottom: 40px !important; }

.pt40 { padding-top: 40px !important; }

.pl40 { padding-left: 40px !important; }

.pb40 { padding-bottom: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mb45 { margin-bottom: 45px !important; }

.pt45 { padding-top: 45px !important; }

.pl45 { padding-left: 45px !important; }

.pb45 { padding-bottom: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mb50 { margin-bottom: 50px !important; }

.pt50 { padding-top: 50px !important; }

.pl50 { padding-left: 50px !important; }

.pb50 { padding-bottom: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mb55 { margin-bottom: 55px !important; }

.pt55 { padding-top: 55px !important; }

.pl55 { padding-left: 55px !important; }

.pb55 { padding-bottom: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mb60 { margin-bottom: 60px !important; }

.pt60 { padding-top: 60px !important; }

.pl60 { padding-left: 60px !important; }

.pb60 { padding-bottom: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mb65 { margin-bottom: 65px !important; }

.pt65 { padding-top: 65px !important; }

.pl65 { padding-left: 65px !important; }

.pb65 { padding-bottom: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mb70 { margin-bottom: 70px !important; }

.pt70 { padding-top: 70px !important; }

.pl70 { padding-left: 70px !important; }

.pb70 { padding-bottom: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mb75 { margin-bottom: 75px !important; }

.pt75 { padding-top: 75px !important; }

.pl75 { padding-left: 75px !important; }

.pb75 { padding-bottom: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mb80 { margin-bottom: 80px !important; }

.pt80 { padding-top: 80px !important; }

.pl80 { padding-left: 80px !important; }

.pb80 { padding-bottom: 80px !important; }

.mt85 { margin-top: 85px !important; }

.mb85 { margin-bottom: 85px !important; }

.pt85 { padding-top: 85px !important; }

.pl85 { padding-left: 85px !important; }

.pb85 { padding-bottom: 85px !important; }

.mt90 { margin-top: 90px !important; }

.mb90 { margin-bottom: 90px !important; }

.pt90 { padding-top: 90px !important; }

.pl90 { padding-left: 90px !important; }

.pb90 { padding-bottom: 90px !important; }

.mt95 { margin-top: 95px !important; }

.mb95 { margin-bottom: 95px !important; }

.pt95 { padding-top: 95px !important; }

.pl95 { padding-left: 95px !important; }

.pb95 { padding-bottom: 95px !important; }

.mt100 { margin-top: 100px !important; }

.mb100 { margin-bottom: 100px !important; }

.pt100 { padding-top: 100px !important; }

.pl100 { padding-left: 100px !important; }

.pb100 { padding-bottom: 100px !important; }

/* Scss Document */
/*@import "_variables.scss";
*/
/* リセット
========================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; /* [disabled]vertical-align: baseline; */ /*background: transparent;*/ }

img { border: 0; bottom: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/
form { margin: 0; }

/* html
========================================================= */
html { min-width: 1170px; width: 100%; }

/* ナビタグ
========================================================= */
header { position: fixed; top: 0; left: 0; z-index: 2000; width: 100%; height: 105px; background-color: rgba(0, 0, 0, 0.8); }
header .header-menu { /*width: 100%;*/ display: flex; align-items: flex-start; justify-content: space-between; padding: 20px 20px 0; height: 100%; font-size: 18px; max-width: 1100px; margin-left: auto; margin-right: auto; }
header .header-nav { width: 100%; }
header .header-nav ul li { font-family: "a-otf-ryumin-pr", serif; width: 100px; flex-shrink: 0; text-align: center; }
header .header-nav ul li a { display: block; text-decoration: none; height: 63px; line-height: 63px; }
header .header-nav ul li a img:hover { opacity: 0.6; }
header .header-nav ul li a:hover { opacity: 0.6; color: #fff; }
header .header-nav ul li:first-child { width: 260px; }
header .header-nav ul li:last-child { width: 240px; margin-left: auto; }
header .header-nav ul li:last-child a { border: 1px solid #fff; line-height: 1.5; padding: 5px 0; pointer-events: none; height: auto; }
header .reserve-btn { font-family: "a-otf-ryumin-pr", serif; width: 242px; text-align: center; border: 1px solid #fff; }
@media (max-width: 959px) { header .reserve-btn { width: 160px; } }
header ul { display: flex; justify-content: center; }
header a { color: #fff; line-height: 2.25; text-decoration: none; }
header .en-nav ul { align-items: center; }
header .en-nav ul li { width: auto !important; margin-left: 0; }
header .en-nav ul li:last-child { width: auto !important; margin-left: 0; }
header .en-nav ul li:last-child a { pointer-events: auto; border: none; }

main:after { content: ''; display: block; clear: both; width: 100%; height: 1px; margin-top: -1px; }

#main-visual { position: relative; text-align: center; }
#main-visual figure { height: 100%; margin: 0; }
@media (max-width: 959px) { #main-visual figure { height: 300px; } }
#main-visual figure img { width: 100%; height: 100%; object-fit: cover; }

.com-wrapper-01 { padding-left: 25px; padding-right: 25px; padding-bottom: 5.6547619048vw; max-width: 1100px; margin-left: auto; margin-right: auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }

#sbh2 { background-image: url("../images/pp_bg.jpg"); background-repeat: no-repeat; background-position: center bottom; width: 100%; height: 400px; overflow: hidden; zoom: 100%; position: relative; }
#sbh2 .sub_set { margin: 0px auto 0px auto; width: 1170px; position: relative; }

.txt-c { text-align: center; }

/* footer
========================================================= */
footer { margin-top: 4.5vw; padding-top: 7.75vw; padding-bottom: 3.5vw; background: url("https://storage.489ban.net/storage/customer/2824/images/fotter-bg.jpg") no-repeat center/cover; }
footer a, footer p { color: #fff; line-height: 2.25; letter-spacing: 0.15rem; font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "Noto Serif JP", serif; font-style: normal; }
footer .com-wrapper-01 { align-items: flex-end; padding-bottom: 0; max-width: 1100px; }
footer .com-wrapper-01 .f-logo { /*margin-left: 80/2000*100vw;*/ width: 108px; max-width: 20%; }
footer .com-wrapper-01 address { margin-bottom: 3.5vw; margin-left: 4vw; }
footer .com-wrapper-01 address .tel { font-family: "trajan-pro-3", serif; font-style: normal; font-size: 20px; }
footer .com-wrapper-01 address .tel a { font-size: 25px; text-decoration: none; }
footer .com-wrapper-01 address .fax { font-family: "trajan-pro-3", serif; font-style: normal; }
footer .com-wrapper-01 address .sns-teaser { display: flex; }
footer .com-wrapper-01 address .sns-teaser li:first-child { margin-right: 15px; }
footer .com-wrapper-01 .third-box { margin-left: 5vw; }
footer .com-wrapper-01 .third-box .footer-menu a { border-bottom: 1px solid #fff; font-size: 14px; font-family: "trajan-pro-3", serif; font-style: normal; text-decoration: none; }
@media (max-width: 479px) { footer .com-wrapper-01 .third-box .footer-menu a { font-size: 13px; } }
footer .com-wrapper-01 .third-box .footer-menu a:hover { opacity: 0.6; }
footer .com-wrapper-01 .third-box .sns-icon { display: flex; margin-top: 4vw; margin-bottom: 1vw; }
footer .com-wrapper-01 .third-box .sns-icon li { margin-right: 20px; }
footer .suisyou { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; text-align: center; font-size: 14px; margin-top: 5vw; }
footer .container-01 { flex-shrink: 0; }
footer .container-02 p { line-height: 2.25; font-size: 16px; font-size: 1rem; }
footer .container-02 p::before { display: block; width: 0; height: 0; margin-top: calc((1 - 2.25) * .5em); content: ""; }
footer .container-02 p::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 2.25) * .5em); content: ""; }
footer .container-02 .adress a:hover { color: #fff; }
footer.en-footer .com-wrapper-01 .third-box { margin-bottom: auto; }
footer.en-footer .com-wrapper-01 .third-box .sns-icon { margin-top: 2vw; }

.copyright { margin-top: 40px; font-size: 10px; font-family: "trajan-pro-3", serif; font-style: normal; text-align: center; letter-spacing: 0em; }

/* パーツ
========================================================= */
/* 共通パーツ
----------------------------------------------- */
/* リンク・ボタン
-------------------------------------- */
a img { transition: .4s; opacity: 1; }
a img:hover { opacity: .8; }

/*# sourceMappingURL=style.css.map */