@charset "UTF-8";

/*!
Theme Name: JFT Theme
Theme URI: https://ekaki-j.com
Author: Junichi Kitamura
Author URI: https://ekaki-j.com
Template:   cocoon-master
Version:    1.1.2
Tags: 企業向け,コーポレート,シンプル,レスポンシブ,JFTオリジナル
TextDomain: JFT Theme
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*###### 共通設定 ######*/
.clearfix:after {
content:" ";
display:block;
clear:both;
}
.hide {
display: none;
}
h1.entry-title {
text-align: center;
font-weight: normal;
color: #113f8f;
font-size: 200%;
position: relative;
}
span.inline-link {
display: inline-block;
}
span.inline-link:before {
content: "\f054\f054";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-left: 0.5em;
margin-right: 0.5em;
color: #113f8f;
}
.entry-content h2 {
font-weight: normal;
color: #113f8f;
font-size: 150%;
background: none;
padding-left: 0;
padding-bottom: 0;
border-bottom: 1px solid;
}
.entry-content h3 {
font-weight: normal;
color: #113f8f;
font-size: 130%;
display: flex;
align-items: center;
justify-content: left;
border: none;
padding: 0;
}
.entry-content h3 a {
text-decoration: none;
color: #113f8f;
}
.entry-content h3 a:hover {
text-decoration: underline;
}
.entry-content h4 {
font-weight: normal;
color: #113f8f;
font-size: 120%;
display: flex;
align-items: center;
justify-content: left;
border-width: 1px;
}
.entry-content a img:hover {
opacity: 0.7;
}
body.category #main,
body.error404 #main,
body.search #main,
body.blog #main {
width: 100%;
margin-right: 0;
}
/*** 問い合わせリンクボタン ***/
div.request-wrap {
display: flex;
flex-direction: column;
align-items: center;
font-size: 200%;
color: #113f8f;
}
.request-wrap .dl-single-line {
padding: 0;
margin: 0;
font-family: FuturaLTPro,Futura,San Francisco,Helvetica Neue,Arial,sans-serif;
}
.request-wrap .dl-single-line dt {
clear: left;
float: left;
width: 2.5em;
font-weight: normal;
}
.request-wrap .dl-single-line dd {
margin-left: 3em;
}
div.request-wrap .tel-num,
div.request-wrap .fax-num {
font-weight: bold;
}
a.inquiry-button {
color: #fff;
background-color: #eb6100;
font-weight: 700;
line-height: 1.5;
position: relative;
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
border-radius: 0.5rem;
font-size: 1.5rem;
padding: 1.5rem 3rem 1.5rem 2rem;
}
a.inquiry-button:hover {
color: #fff;
background: #f56500;
opacity: 1;
}
a.inquiry-button i.fa {
margin-right: 1rem;
}

a.inquiry-button:before {
font-family: 'Font Awesome 5 Free';
font-size: 1.6rem;
line-height: 1;
position: absolute;
top: calc(50% - .8rem);
right: 1rem;
margin: 0;
padding: 0;
content: '\f054';
}
/*** TablePress ***/
table.tablepress th {
text-align: center;
}
/*** ヘッダー ***/
.logo-header {
/*text-align: left;*/
}
.header-site-logo-image {
max-width: 300px;
margin-left: 20px;
margin-right: 20px;
opacity: 0;
animation: logoRising 1.5s ease 0.5s alternate forwards;
}
.header-in .tagline {
color: white;
font-size: small;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-shadow: 2px 2px 1px #1e73be, -2px -2px 1px #1e73be,
             -2px 2px 1px #1e73be, 2px -2px 1px #1e73be,
             0px 2px 1px #1e73be,  0 -2px 1px #1e73be,
             -2px 0 1px #1e73be, 2px 0 1px #1e73be;
}
.header-container {
}
.page.home .header {
position: relative;
min-height: 100vh;
transition: all 1.0s 0.2s;
/*animation: headerHeight 1.5s ease 0.5s alternate forwards;*/
display: flex;
justify-content: center;
align-items: center;
}
.webp .page.home .header {
background-image: url(./img/enro.jpg.webp);
background-color: rgba(255,255,255,0.75);
background-blend-mode: lighten;
transition: all 1.0s;
margin-top: 0 !important;
}
.no-webp .page.home .header,
html:not(.webp) .page.home .header {
background-image: url(./img/enro.jpg);
background-color: rgba(255,255,255,0.75);
background-blend-mode: lighten;
transition: all 1.0s;
margin-top: 0 !important;
}
.page.home .header.active {
min-height: 0;
/*background-image: none;*/
background-color: rgba(255,255,255,1.0);
background-blend-mode: screen;
}
.page.home .header .header-in {
-webkit-transform: translateY(-71px);
-moz-transform: translateY(-71px);
-ms-transform: translateY(-71px);
transform: translateY(-71px);
position: relative;
transition: all 1.0s;
width: 100%;
}
.page.home .header.active .header-in {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
/* IE対応 */
@media all and (-ms-high-contrast: none) {
 .page.home .header {
 height: 100vh;
 }
 .page.home .header.active {
 height: auto;
 }
 .page.home .header {
 background-image: url(./img/enro-alpha-25.jpg);
 }
 .page.home .header.active {
 background-image: none;
 }
}

.page.home .header:not(.active) .header-in:before {
content: "SCROLL";
position: absolute;
bottom: -40px;
left: 0;
right: 0;
text-align: center;
opacity: 0;
animation: headerIn 0.8s linear 0.5s normal forwards;
}
.page.home .header:not(.active) .header-in:after {
content: "\f0dd";
font-weight: 900;
font-family: "Font Awesome 5 Free";
position: absolute;
bottom: -50px;
left: 0;
right: 0;
text-align: center;
opacity: 0;
animation: scrollArrow 0.8s linear infinite normal forwards;
}
.header:before {
}
/*** ナビゲーション ***/
body #header-container {
}
.heade-in {
position: relative;
}
body.home .header.active .header-in:before,
body:not(.home) .header .header-in:before {
/*content: "";
width: 100%;
position: absolute;
bottom: 0;
left: 0;
border-top: 1px solid #ee3229;
transform: scaleX(0);
transform-origin: right center;
animation: headerLineReverse 0.8s linear 0.5s normal forwards;*/
}
#container {
}

.navi {
box-sizing: border-box;
position: relative;
}
.navi:before {
}
.navi:after {
content: "";
width: 0;
position: absolute;
bottom: -6px;
border-top: 6px solid #ee3229;
display: inline-block;
animation: headerLine 1.2s linear 0.5s normal forwards;
opacity: 0;
}
.fixed {
position: fixed;
top: 0;
z-index: 100;
width: 100%;
transform: translateY(-100%);
animation: naviFalling 0.5s linear normal forwards;
}
.navi:after {
}
.navi-in .menu-header {
float: right;
}
.navi-in .menu-item {
/*background-color: #113f8f;*/
}
.navi-in .menu-header .caption-wrap {
font-weight: bold;
}
.navi-in .menu-header .sub-menu {
/*opacity: 0.85;*/
}
.navi-in .menu-header .sub-menu li {
}
.navi-in .menu-header .sub-menu li a .caption-wrap {
}
.navi-in:before {
}
/* フラットボタンアニメ */
.navi-in .menu-header li a {
overflow: hidden;
}

.navi-in .menu-header li a .caption-wrap {
position: relative;
z-index: 1;
}

.navi-in .menu-header li a:before {
position: absolute;
top: 0;
left: 30px;
width: 150%;
height: 600%;
content: '';
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transform: translateX(-98%) translateY(-70%) rotate(135deg);
transform: translateX(-98%) translateY(-70%) rotate(135deg);
background: #fff;
}
.navi-in .menu-header > li > a:before {
}
.navi-in .menu-header li a:after {
}
.navi-in .menu-header > li > a:after {
}
.navi .menu-header .menu-item.current-menu-item > a .item-label,
.navi .menu-header .menu-item.current-menu-ancestor > a .item-label {
}
.navi .menu-header > .menu-item.current-menu-item > a:before,
.navi .menu-header > .menu-item.current-menu-ancestor > a:before,
.navi .menu-header > .menu-item .current-menu-item a:before {
-webkit-transform: translateX(-9%) translateY(-25%) rotate(135deg);
transform: translateX(-9%) translateY(-25%) rotate(135deg);
}
.navi .menu-header > .menu-item.current-menu-item > a .caption-wrap,
.navi .menu-header > .menu-item.current-menu-ancestor > a .caption-wrap,
.navi .menu-header > .menu-item .current-menu-item .caption-wrap {
/*color: #224082;*/
color: #ee3229;
}
/* ホバーアニメーション */
.navi-in .menu-header li a:hover:before {
-webkit-transform: translateX(-9%) translateY(-25%) rotate(135deg);
transform: translateX(-9%) translateY(-25%) rotate(135deg);
}
#navi .navi-in a:hover {
/*background-color: #113f8f;*/
background-color: #ee3229;
}
.navi-in .menu-header li a:hover:after {
}
.navi-in .menu-header li a:hover .caption-wrap {
/*color: #224082;*/
color: #ee3229;
}
/*** リスト設定 ***/
ol.list-none {
list-style: none;
padding-left: 0;
}
.dl-single-line > dt {
font-weight: bold;
float: left;
clear: left;
margin-right: 0.5em;
}
/*** アピールエリア ***/
.appeal {
background-color: rgba(255,255,255,1.0);
background-blend-mode: screen;
transition: background-color 1.5s 0.3s, background-blend-mode 1.5s 0.3s;
}
.appeal.active {
background-color: rgba(255,255,255,0.0);
background-blend-mode: lighten;
}
.appeal .appeal-content {
background: none;
width: 100%;
min-width: 100%;
opacity: 0;
}
.appeal.active .appeal-content {
animation: appealRising 1.5s ease 1.2s alternate forwards;
}
/* IE対応 */
@media all and (-ms-high-contrast: none) {
 .appeal-in {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 800px;
 }
 .appeal.active .appeal-content {
 animation: appealRising 1.5s ease alternate forwards;
 }
}

.appeal-title {
font-weight: normal;
/*color: #113f8f;*/
color: #fff;
font-size: 200%;
line-height: 110%;
text-shadow: 1px 1px 1px #e8aaa5;
}
.appeal-message {
color: #fff;
text-shadow: 1px 1px 1px #e8aaa5;
}
.appeal {
background-position: center center;
}

/*** キャプション画像 ***/
.entry-content .flex-container .wp-caption,
.entry-content .column-wrap .wp-caption {
border: none;
background-color: transparent;
margin: 0;
padding: 0;
/*display: block;*/
}
.entry-content .flex-container .wp-caption-text,
.entry-content .column-wrap .wp-caption-text {
/*padding-top: 3px;*/
margin-top: .2em;
/*font-size: .7em;*/
/*border-top: 1px solid #ddd;*/
}
/*** flex box ***/
.flex-container {
display: flex;
flex-wrap: wrap;
list-style-type: none;
margin: 0;
padding-left: 0 !important;
justify-content: center;
}
.flex-container .flex-item {
width: 33.33333333%;
margin: 0;
box-sizing: border-box;
border: 2px solid #fff;
position: relative;
}
.flex-container .flex-item a {
display: block;
width: 100%;
text-decoration: none;
box-shadow: 0 3px 1px -1px #c7c7c7;
}
.flex-container .flex-item a img {
display: block;
}
.history .flex-container {
justify-content: left;
}
.history .flex-container .flex-item {
width: 50%;
}
/* ホーム */
.home.page .flex-container.zoom .flex-item {
overflow: hidden;
}
.home.page .flex-container.zoom .flex-item img {
width: 100%;
height: auto;
display: block;
transition-duration: 0.3s;
}
.home.page .flex-container.zoom .flex-item:hover img {
transform: scale(1.1);
transition-duration: 0.3s;
opacity: 0.7;
}
/* 宿泊施設 */
.page.home .flex-container.photo {
justify-content: flex-start;
}
.page.home .flex-container.photo .flex-item {
width: 25%;
}
.page.home .flex-container.photo .flex-item a {
box-shadow: none;
}
.page.home .flex-container.tourist-attractions {
justify-content: flex-start;
}
.page.home .flex-container.tourist-attractions .flex-item {
width: auto;
height: 40px;
margin: 2px;
padding: 3px 20px;
border-radius: 20px;
box-sizing: border-box;
/*border: 2px solid #fff;*/
position: relative;
background: #fff999;
display: flex;
justify-content: center;
align-items: center;
font-weight: 500;
}
.page.home .flex-container.tourist-attractions .flex-item:first-child {
margin-left: 0;
}
.page.home .flex-container.tourist-attractions .flex-item:last-child {
margin-right: 0;
}
/*** 本文 ***/
/** ホームページ **/
.home.page dl dt span.fa,
.home.page dl dt span.fas {
margin-right: .5em;
color: #1e73be;
}
.page.home .flex-wrap {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
}
.page.home .flex-wrap .fas {
display: none;
}
/*** フッター ***/
.footer-bottom-logo .logo-image {
max-width: 200px;
}
.footer-bottom-logo img {
height: auto;
}
.navi-footer-in > .menu-footer li {
border-left-color: #fff;
}
.navi-footer-in > .menu-footer li:last-child {
border-right-color: #fff;
}
.navi-footer-in {
margin-left: 200px;
}
.copyright {
font-family: Verdana,"Droid Sans",sans-serif;
}
/*** SNS ***/
body .container .sns-share .sns-share-buttons .share-button .button-caption {
display:none;
}
body .container .sns-share .sns-share-buttons {
justify-content: center;
}
body .container .sns-share .sns-share-buttons a {
width: 40px;
height: 40px;
border-radius: 50%;
margin: 8px;
border: 2px solid #fff;
}
body .container .sns-follow .sns-follow-buttons {
justify-content: center;
}
body .container .sns-follow .sns-follow-buttons a {
width: 40px;
height: 40px;
border-radius: 50%;
margin: 8px;
border: 2px solid #fff;
}
.sns-share,
.sns-follow {
position: relative;
text-align: center;
}
.sns-share-message,
.sns-follow-message {
color: #113f8f;
}
.sns-share-message::before,
.sns-share-message::after,
.sns-follow-message::before,
.sns-follow-message::after {
/*font-family: FontAwesome;*/
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0d7";
padding-right: .5em;
padding-left: .5em;
}
/** SNSボタン **/
#container .sns-buttons a {
/*background-color: #224082;*/ /*背景色*/
/*color: #fff;*/ /*文字色*/
/*border: 0;*/
}
/*** 検索窓 ***/
.search-box {
/*margin: 1em;*/
}
.search-box .search-edit {
/*height: 40px;*/
border-radius: 40px;
}
.search-submit {
/*line-height: 0;
top: 0;
bottom: 0;*/
}
.search-edit:focus {
outline: none;
/*border-color: #6db3f2;フォーカス時の枠色 */
border-color: #224082; /* フォーカス時の枠色 */
}
/*** サイドバー ***/
body.category #sidebar,
body.error404 #sidebar,
body.search #sidebar,
body.blog #sidebar {
display: none;
}
/*###### トップページ ######*/
.home.page .date-tags,
.home.page .article-header .sns-share,
.home.page .eye-catch-wrap,
.home.page .author-info {
display: none;
}
.home.page .main {
/*margin-top: -60px;*/
/*margin-top: -150px;*/
/*box-shadow: 0px -4px 3px rgba(230,237,255,0.8);*/
background-color: transparent;
/*font-family: "さわらび明朝","Noto Serif","ヒラギノ明朝","游明朝体","筑紫明朝",serif;*/
}

/*###### 問合せ ######*/
dl.inquiry .your-item-1 select,
dl.inquiry .your-item-2 select,
dl.inquiry select[name="your-item-1"],
dl.inquiry select[name="your-item-2"] {
width: 75%;
}
dl.inquiry dd {
margin-bottom: 20px;
}
dl.inquiry dt {
clear: left;
float: left;
width: 11em;
text-align: right;
}
dl.inquiry dd {
margin-left: 11em;
}
p.submit {
width: 10em;
margin-left: auto;
margin-right: auto;
}

p.submit input[type="submit"].wpcf7-submit {
border-radius: 40px;
border: none;
font-weight: bold;
font-size: 100%;
background: #f37069;
box-shadow: 0 3px 1px #771915;
color: #fff;
transition: 0.3s;
padding: 1em;
}
p.submit input[type="submit"].wpcf7-submit:before {
font-family: "Font Awesome 5 Free";
content: "\f0e0";
font-weight: 900;
}
p.submit input[type="submit"].wpcf7-submit:hover {
background: #f8ada9;
box-shadow: 0 -3px 1px #771915;
transform: translateY(3px);
/*color: #f37069;*/
}
p.submit input[type="submit"].wpcf7-submit:focus {
outline: 0;
background: #f37069;

}
dl.inquiry input:focus,
dl.inquiry textarea:focus {
outline-color: #f37069;
}
@-moz-document url-prefix() {
 dl.inquiry input:focus,
 dl.inquiry textarea:focus {
 border: 1px solid #f37069;
 outline: 0;
 }
}
dl.inquiry b {
color: red;
}

/*** 非表示項目 ***/
.page-template-page-form .date-tags,
.page-template-page-form .eye-catch-wrap,
.page-template-page-form .sns-share,
.page-template-page-form .sns-follow,
.page-template-page-form .toc,
.page-template-page-form .breadcrumb,
.date-tags,
.post-32 .toc {
display: none;
}
/*###### 会社概要 ######*/
.company .entry-content .fa,
.company .entry-content .fas {
margin-right: 0.5em;
}
.company dl dd span {
display: inline-block;
margin-right: .5em;
}
.company .dl-single-line > dt {
width: 6em;
text-align: right;
}
.company .dl-single-line > dd {
margin-left: 6.5em;
}
/*###### 特商法 ######*/
.page.tokushoho th {
min-width: 8em;
}
.page.tokushoho th span,
.page.tokushoho td span {
display: inline-block;
}
.page.tokushoho td span:not(:last-child) {
margin-right: .5em;
}
/*###### プライバシーポリシー ######*/
dd.mail-form-dd input[name="e1"] {
width: 6em;
margin-bottom: 10px;
}
dd.mail-form-dd input[name="e2"] {
width: 4em;
margin-bottom: 10px;
}
dd.mail-form-dd input[type="button"] {
border-radius: 40px;
border: none;
background: #f37069;
box-shadow: 0 3px 1px #771915;
color: #fff;
transition: 0.3s;
padding: 1em;
/*margin-top: 1em;*/
font-family: "Font Awesome 5 Free";
font-weight: 900;
cursor: pointer;
}
dd.mail-form-dd input[type="button"]:hover {
background: #f8ada9;
box-shadow: 0 -3px 1px #771915;
transform: translateY(3px);
}
dd.mail-form-dd input[type="button"]:focus {
outline: 0;
background: #f37069;
}
dl.mail-form-dl dt {
clear: left;
float: left;
width: 8em;
}
dl.mail-form-dl dd {
margin-left: 8.5em;
margin-bottom: 1em;
}
/*###### トップへ戻るボタン ######*/
.go-to-top-button .fas.fa-shoe-prints,
.top-menu-icon .fas.fa-shoe-prints {
transform: rotate(-90deg);
}
/*###### reCAPTCHA v3 表示 ######*/
.grecaptcha-badge {
margin-bottom: 60px;
}
/*###### パララックス ######*/
.moving-wrap {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.moving-wrap.vertical {
transform: translateY(2em);
/*transform: translateY(60px);*/
}
.moving-wrap.vertical.active {
transform: translateY(0);
}
.moving-wrap.horizontal {
transform: translateX(-100%);
opacity: 0;
}
.moving-wrap.horizontal.active {
transform: translateX(0);
opacity: 1;
}

.flex-container .flex-item.moving-wrap:nth-of-type(2n) {
transition-delay: 0.1s;
}
/*###### モバイルメニュー ######*/
.mobile-menu-buttons {
background-color: #ee3229;
}
.mblt-header-mobile-buttons:not(.active) .mobile-menu-buttons {
transform: translateY(-100%);
transition: all 0.5s;
}
.mblt-header-mobile-buttons.active .mobile-menu-buttons.active {
transform: translateY(0%);
}
.navi-menu-button .menu-button-in,
.mobile-menu-buttons .home-menu-button > a,
.search-menu-button,
.mobile-menu-buttons .top-menu-button > a,
.sidebar-menu-button .menu-button-in,
.mobile-menu-buttons .menu-item-type-custom .menu-button-in,
.mobile-menu-buttons .menu-button-in .menu-icon {
}
.navi-menu-close-button,
.sidebar-menu-close-button {
}
/*** ハンバーガーメニューアニメーション ***/
.mobile-menu-buttons .navi-menu-button {
}
#navi-menu-close {
/*background-color: rgba(0,0,0,0.4) !important;*/
}
.mobile-menu-buttons .navi-menu-button label.menu-button-in {
overflow: hidden;
display: block;
position: relative;
width: 30px;
height: 40px;
z-index: 0;
margin: auto;
}
.mobile-menu-buttons .navi-menu-button a.menu-button-in .menu-caption {
display: none;
}
.mobile-menu-buttons .navi-menu-button label.menu-button-in span,
.mobile-menu-buttons .navi-menu-button label.menu-button-in:before,
.mobile-menu-buttons .navi-menu-button label.menu-button-in:after {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 27px;
height: 2px;
margin: auto;
background-color: #fff;
}
.mobile-menu-buttons .navi-menu-button .navi-menu-icon {
display: none;
}
.mobile-menu-buttons .navi-menu-button label.menu-button-in span {
overflow: hidden;
z-index: 1;
}
.mobile-menu-buttons .navi-menu-button label.menu-button-in:before {
z-index: 2;
transform: translate(0, -9px);
content: "";
}
.mobile-menu-buttons .navi-menu-button label.menu-button-in:after {
z-index: 2;
transform: translate(0, 9px);
content: "";
}
.mobile-menu-buttons .navi-menu-button label.menu-button-in span {
opacity: 1;
transition: opacity 300ms 100ms;
}
.mobile-menu-buttons .navi-menu-button label.menu-button-in:before,
.mobile-menu-buttons .navi-menu-button label.menu-button-in:after {
transition: transform 400ms;
}
.mobile-menu-buttons .navi-menu-button #navi-menu-input:checked + label.menu-button-in span {
opacity: 0;
transition: opacity 300ms;
}
.mobile-menu-buttons .navi-menu-button #navi-menu-input:checked + label.menu-button-in:before {
transform: rotate(45deg);
}
.mobile-menu-buttons .navi-menu-button #navi-menu-input:checked + label.menu-button-in:after {
transform: rotate(-45deg);
}
/*** ナビメニュー ***/
.mobile-menu-buttons .navi-menu-button .navi-menu-content {
width: 40%;
min-width: 8em;
padding-top: 20px;
background-color: rgba(255,255,255,0.9);
}
.mobile-menu-buttons .navi-menu-button .navi-menu-close-button {
display: none;
}
.navi-menu-content .menu-item:not(.current-menu-item) > a:hover:after {
content: "\f54b";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-left: .5em;
color: #ee3229;
font-size: 90%;
}
.navi-menu-content .current-menu-item > a:after {
content: "\f5c1";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-left: .5em;
color: #ee3229;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*481px以上*/
@media screen and (min-width: 481px) {
}
/*600px以上*/
@media screen and (min-width: 600px) {
 .entry-content h3:after {
 content: "";
 border-top: 1px solid;
 width: 3em;
 margin-left: .3em;
 }
}
/*849px以上*/
@media screen and (min-width: 849px){
 .navi-in:before {
 }
 .navi:before {
 }
}
/*1024px以上*/
@media screen and (min-width: 1024px){
 .mobile-menu-buttons {
 display: block;
 height: 30px;
 top: 40px;
 left: auto;
 right: 0;
 background: transparent;
 box-shadow: none;
 }
 .mobile-menu-buttons .navi-menu-button:not(:first-child) {
 width: 19rem;
 height: 40px;
 background-color: #1e73be;
 border-radius: 20px 0 0 20px;
 box-shadow: 0 4px 4px rgba(0,0,0,0.4);
 display: flex;
 justify-content: center;
 align-items: center;
 transform: translateX(11rem);
 transition: all 0.5s;
 }
 .mobile-menu-buttons .navi-menu-button:not(:first-child):hover {
 transform: translateX(0rem);
 }
 .mobile-menu-buttons .navi-menu-button:not(:first-child) .menu-button-in {
 display: block;
 float: left;
 width: 100%;
 height: 40px;
 position: relative;
 }
 .mobile-menu-buttons .navi-menu-button:not(:first-child) .menu-icon {
 display: block;
 height: 40px;
 display: flex;
 align-items: center;
 justify-content: flex-start;
 margin-left: .7rem;
 color: #fff100;
 transition: all 0.5s;
 }
 .mobile-menu-buttons .menu-item-type-custom .menu-icon:after {
 }
 .mobile-menu-buttons .menu-button:not(.navi-menu-button),
 .mobile-menu-buttons .navi-menu-button:first-child {
 display: none;
 }
 .mobile-menu-buttons .custom-menu-caption.menu-caption {
 /*display: none;*/
 position: absolute;
 top: 0;
 bottom: 0;
 left: 2.5rem;
 display: flex;
 align-items: center;
 justify-content: flex-start;
 color: #fff100;
 font-size: 80%;
 font-weight: bold;
 /*color: rgba(255, 241, 0, 1.0);*/
 opacity: 1.0;
 }
 .mobile-menu-buttons .navi-menu-button:not(:first-child):hover .custom-menu-caption.menu-caption {
 color: #fff;
 transition: all 0.5s;
 }
 .custom-menu-icon {
 /*color: #fff;
 transition: all 0.5s;*/
 }
 .custom-menu-icon:hover {
 opacity: 0.7;
 /*transform: translateX(5px);*/
 }
 /*.mobile-menu-buttons .menu-item-type-custom .menu-caption .sub-text*/
 .mobile-menu-buttons .navi-menu-button .menu-caption .sub-text {
 display: block;
 margin-left: 0.5rem;
 }
 .mobile-menu-buttons .menu-item-type-custom .menu-caption span:not(.sub-text) {
 /*display: none;*/
 }
}
/*1276px以上*/
@media (min-width: 1276px) {
}
/*1180px以下*/
@media screen and (max-width: 1180px){
 .appeal {
 background-position: top center;
 }
}
/*1023px以下*/
@media screen and (max-width: 1023px){
/*** フッター ***/
 .navi-footer-in {
 margin-left: auto;
 }
 .mobile-menu-buttons .sub-text {
 /*display: none;*/
 }
 .mblt-header-mobile-buttons:not(.active) {
  margin-top: 0;
 }
}

/*834px以下*/
@media screen and (max-width: 834px){
 .dl-single-line.inquiry dt {
  /*float: none;
  width: 100%;
  text-align: left !important;*/
 }
  .dl-single-line.inquiry dd {
  /*margin-left: 0em !important;*/
 }
 /*** ホーム ***/
 .page.home .flex-container.photo .flex-item {
 width: 33.33333333%;
 }
 /*** 問い合わせ ***/
 dl.inquiry dt {
 float: none;
 width: 100% !important;
 text-align: left !important;
 }
 dl.inquiry dd {
 margin-left: 0em !important;
 }
}
@media screen and (max-width: 650px){
 /* Table Press */
 table#tablepress-2 th {
 overflow-x: auto;
 white-space: nowrap;
 }
 .tablepress-wrap {
 overflow: scroll;
 }
}
/*599px以下*/
@media screen and (max-width: 599px){
 /*###### プライバシーポリシー・特商法 ######*/
 dl.mail-form-dl dt {
 float: none;
 width: auto;
 }
 dl.mail-form-dl dd {
 margin-left: 0;
 }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*** ヘッダー ***/
  .header {
  background-image :none;
  }
 /*** ホーム ***/
 body.home .dl-single-line.facility dt {
 float: none;
 width: 100% !important;
 text-align: left !important;
 }
 body.home .dl-single-line.facility dd {
 margin-left: 0em !important;
 }
 body.home .dl-single-line.policy dt {
 float: none;
 width: 100% !important;
 text-align: left !important;
 }
 body.home .dl-single-line.policy dd {
 margin-left: 0em !important;
 }
 .page.home .flex-container.photo {
 justify-content: center;
 }
 .page.home .flex-container.photo .flex-item {
 /*width: 33.33333333%;*/
 width: 50%;
 }
 /*** 問い合わせリンクボタン ***/
 div.request-wrap {
 font-size: 150%;
 }
 a.inquiry-button {
 font-weight: 700;
 letter-spacing: 0em;
 font-size: 1.0rem;
 padding: 1.0rem 2.2rem 1.2rem 1.0rem;
 }
 a.inquiry-button i.fa {
 margin-right: 0.5rem;
 }
}
/*360px以下*/
@media screen and (max-width: 360px){
 /*** 宿泊施設 ***/
 .page.home .flex-wrap .fas {
 color: #fff;
 position: absolute;
 top: 0;
 bottom: 0;
 z-index: 1;
 margin: auto;
 display: flex;
 align-items: center;
 justify-content: center;
 /*border-radius: 50%;*/
 opacity: 0.8;
 }
 .page.home .flex-wrap .fa-chevron-left {
 left: 1%;
 }
 .page.home .flex-wrap .fa-chevron-right {
 right: 1%;
 }
 .page.home .flex-container.photo {
 flex-wrap: nowrap;
 justify-content: flex-start;
 scroll-snap-type: x mandatory;
 scroll-snap-points-x: repeat(50%);
 width: 100%;
 -webkit-overflow-scrolling: touch;
 overflow-scrolling: touch;
 overflow-x: auto;
 }
 .page.home .flex-container.photo .flex-item {
 scroll-snap-align: center;
 height: 100%;
 width: 50%;
 flex: none;
 }
}

.menu-pc .item-label{font-size: 18px;}