@charset "UTF-8";
html {
font-size: 4.2666666667vw;
}
/*
/ utility（調整用）
/ u_
/ component（最小単位のパーツ）
/ c_
/ layout（レイアウトの管理）
/ l_
/ module（各ページのモジュール管理）
/ m_
/ javascript（JavaScriptによって操作するもの）
/ js_
*/
/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
ユーティリティ
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/
.u_pc {
display: none !important;
}
.u_sp {
display: block !important;
}
/*---コンテナ---*/
.u_container,
.u_container--2,
.u_container--3,
.u_container--4 {
width: 90%;
}
/*---moreボタン---*/
.u_more {
font-size: 13px;
padding-bottom: 12px;
}
/*---ページネーション---*/
.wp-pagenavi {
margin-bottom: 86px;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
margin: 0 5px;
font-size: 15px;
width: 35px;
height: 25px;
padding-bottom: 5px;
}
.wp-pagenavi .current,
.wp-pagenavi .page {
width: 25px;
height: 25px;
margin: 0 5px;
padding-bottom: 5px;
font-size: 15px;
}
.wp-pagenavi .extend {
width: 35px;
height: 35px;
padding-bottom: 23px;
font-size: 15px;
}
.wp-pagenavi .first {
margin-right: 10px;
font-size: 15px;
padding-bottom: 5px;
height: 25px;
width: 25px;
}
.wp-pagenavi .last {
margin-left: 10px;
font-size: 15px;
padding-bottom: 5px;
height: 25px;
width: 25px;
}
/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
コンポーネント
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/
/*----------------------------------------
ロゴ
----------------------------------------*/
/*------------------------------------
見出し
------------------------------------*/
.c_headline .headline-txt {
font-size: 22px;
margin-right: 8px;
}
.c_headline--2 .headline-txt {
font-size: 22px;
margin-bottom: 10px;
}
.c_headline .headline-treat {
font-size: 14px;
}
.c_headline--2 .headline-treat {
font-size: 14px;
}
/*------------------------------------
TOPに戻る
------------------------------------*/
.c_page-top {
right: 10px;
bottom: 70px;
width: 30px;
height: 30px;
}
.c_page-top.var-2 {
right: 10px;
bottom: 15px;
width: 30px;
height: 30px;
}
.c_page-top img {
width: 15px;
}
.c_page-top img.black {
width: 15px;
}
/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
レイアウト
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------*/
#l_header {
height: 74px;
}
#l_header .header-inner {
margin-left: calc(5% - 15px);
}
#l_header .header-inner .left-box {
display: none;
}
/* #l_header .header-inner .left-box a .logo-img {
width: 186px;
height: 32px;
margin-left: 30px;
margin-right: 24px;
}
#l_header .header-inner .left-box nav ul {
gap: 24px;
}
#l_header .header-inner .left-box nav ul li a {
font-size: 14px;
} */
#l_header .header-inner .right-box .language-select-box {
width: 85px;
padding: 10px 15px;
margin-right: 0;
}
#l_header .header-inner .right-box .language-select-box p {
font-size: 16px;
}
#l_header .header-inner .right-box .language-select-box .language li a {
font-size: 16px;
padding: 3px 0 6px 15px;
margin: 3px 0;
}
#l_header .header-inner .right-box .language-select-box .img-wrap {
width: 7px;
height: 6px;
}
#l_header .header-inner .right-box .reserve-link {
/* width: 170px;
height: 100%;
font-size: 14px; */
display: none;
}
#l_header .hum-toggle {
top: 16px;
right: 5%;
width: 30px;
height: 30px;
padding: 0 1px 1px;
}
#l_header .hum-toggle > div {
left: 5px;
width: 20px;
height: 1px;
}
#l_header .hum-toggle > div:nth-child(1) {
top: 15px;
width: 16px;
}
#l_header .hum-toggle > div:nth-child(3) {
top: 22px;
}
#l_header .header-nav {
width: 360px;
}
@media (max-width: 465px) {
#l_header .header-nav {
width: 80%;
}
}
#l_header .header-nav .nav-inner {
padding: 58px 0 110px;
}
#l_header .header-nav .nav-inner .nav-logo {
width: 53px;
height: 203px;
margin-bottom: 30px;
}
#l_header .header-nav .nav-inner .nav-list .item:not(:last-child) {
margin-bottom: 18px;
}
#l_header .header-nav .nav-inner .reserve-note {
margin-top: 38px;
margin-bottom: 26px;
font-size: 14px;
}
#l_header .header-nav .nav-inner .reserve-note::before {
left: -73px;
width: 68px;
}
#l_header .header-nav .nav-inner .reserve-note::after {
right: -73px;
width: 68px;
}
#l_header .header-nav .nav-inner .btn--tell {
font-size: 14px;
padding: 20px 50px;
width: 220px;
margin-bottom: 8px;
}
#l_header .header-nav .nav-inner .office-time--tell,
#l_header .header-nav .nav-inner .office-time--reserve {
font-size: 12px;
}
#l_header .header-nav .nav-inner .office-time--tell {
margin-bottom: 16px;
width: 250px;
}
#l_header .header-nav .nav-inner .btn--reserve {
font-size: 14px;
padding: 20px 20px;
width: 220px;
margin-bottom: 8px;
}
.open-hum #l_header .hum-toggle div:nth-child(1) {
top: 0.5rem;
width: 20px;
}
.open-hum #l_header .hum-toggle div:nth-child(3) {
width: 20px;
top: 0.5rem;
}
#l_header .reserve-link--bellow {
position: fixed;
bottom: 0;
left: 0;
display: flex;
width: 100%;
background-color: #bfa46f;
opacity: 0;
pointer-events: none;
transition: opacity 0.5s ease-out;
}
#l_header .reserve-link--bellow.is-active {
opacity: 1;
pointer-events: initial;
}
#l_header .reserve-link--bellow .reserve-link--bellow-btn {
display: flex;
justify-content: center;
align-items: center;
width: 50%;
height: 60px;
font-size: 14px;
text-align: center;
letter-spacing: 0.1em;
text-indent: 0.1em;
}
#l_header .reserve-link--bellow .reserve-link--bellow-btn:not(:last-child) {
border-right: 1px solid #fff;
}
#l_header .reserve-link--bellow .reserve-link--bellow-btn:hover {
opacity: 1;
}
/*-------------------------------
ハンバーガーメニューopen時レイヤー
-------------------------------*/
#l_header #hum-lay {
width: 100%;
height: 100svh;
background: rgba(51, 51, 51, 0.6);
position: absolute;
top: 0;
left: 0;
z-index: 8999;
opacity: 0;
pointer-events: none;
transition: opacity 0.5s ease-in;
}
.open-hum #l_header #hum-lay {
opacity: 1;
pointer-events: auto;
}
/*--------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------*/
#l_footer {
margin-top: -1px;
}
#l_footer .footer-inner {
flex-direction: column;
padding-top: 75px;
}
#l_footer .footer-inner-left {
flex-direction: column;
align-items: center;
width: 100%;
padding-right: 0;
}
#l_footer .footer-inner-left::after {
height: 194px;
width: 0;
}
#l_footer .footer-inner-left .c_logo {
width: 223px;
height: 40px;
margin-right: 0;
}
#l_footer .footer-inner-left .operation-details {
width: 100%;
}
#l_footer .footer-inner-left .operation-details address {
padding-top: 24px;
text-align: center;
margin-bottom: 60px;
}
#l_footer .footer-inner-left .operation-details address p {
font-size: 14px;
line-height: 1.7;
}
#l_footer .footer-inner-left .operation-details address p:first-of-type {
margin-bottom: 12px;
}
#l_footer .footer-inner-left .operation-details address dl {
margin-bottom: 12px;
justify-content: center;
}
#l_footer .footer-inner-left .operation-details address dl dt {
font-size: 14px;
}
#l_footer .footer-inner-left .operation-details address dl dd {
font-size: 14px;
}
#l_footer .footer-inner-left .operation-details address dl dd ol li {
font-size: 14px;
}
#l_footer .footer-inner-right {
padding-left: 0;
width: 100%;
align-items: center;
flex-direction: column;
}
#l_footer .footer-inner-right .reserve-note-wrapper {
margin-bottom: 32px;
}
#l_footer .footer-inner-right .reserve-note-wrapper p:first-child {
margin-bottom: 10px;
}
#l_footer .footer-inner-right .reserve-note-wrapper p:last-child {
font-size: 14px;
}
#l_footer .footer-inner-right .tel-wrapper .link-btn--tel {
font-size: 26px;
margin-bottom: 19px;
}
#l_footer .footer-inner-right .tel-wrapper .link-btn--tel span {
font-size: 12px;
margin-right: 9px;
}
#l_footer .footer-inner-right .tel-wrapper .office-hours-txt {
font-size: 12px;
}
#l_footer .footer-inner-right .tel-wrapper--sp .link-btn--tel {
font-size: 14px;
padding: 20px 57px;
margin-bottom: 8px;
width: 300px;
height: 60px;
line-height: 1;
}
#l_footer .footer-inner-right .tel-wrapper--sp .office-hours-txt {
font-size: 12px;
text-align: center;
margin-bottom: 26px;
}
#l_footer .footer-inner-right .form-wrapper {
margin-left: 0;
}
#l_footer .footer-inner-right .form-wrapper .link-btn--form {
font-size: 14px;
padding: 20px 57px;
margin-bottom: 8px;
width: 300px;
height: 60px;
line-height: 1;
}
#l_footer .footer-inner-right .form-wrapper .office-hours-txt {
font-size: 12px;
text-align: center;
}
#l_footer .copyright {
padding-top: 100px;
padding-bottom: 60px;
font-size: 12px;
}
/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
ページ
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
TOP
--------------------------------------------------------------------------*/
#p_top #js-loading .animation {
top: 40%;
width: 135px;
margin-left: 5px;
}
#p_top .overlay-wrapper {
height: calc(100svh + 745px);
}
/*----------------------------------------
キービジュアル
----------------------------------------*/
#p_top .m_kv .c_logo {
width: 135px;
margin-left: 5px;
top: 40%;
}
#p_top .m_kv .scrolldown {
font-size: 12px;
height: 60px;
bottom: 110px;
}
#p_top .m_kv .scrolldown::after {
top: 65px;
left: 48%;
width: 1px;
}
/*----------------------------------------
キービジュアル下メッセージ
----------------------------------------*/
#p_top .m_msg .msg-inner {
width: 326px;
height: 745px;
padding: 165px 0 160px;
}
#p_top .m_msg .msg-inner h2 {
font-size: 18px;
margin-left: 30px;
letter-spacing: 0.4em;
line-height: 1.8;
}
#p_top .m_msg .msg-inner p {
font-size: 16px;
letter-spacing: 0.25em;
line-height: 2.2;
}
#p_top .m_msg .msg-inner p:first-of-type {
margin-left: 20px;
}
/*----------------------------------------
お知らせ
----------------------------------------*/
#p_top .m_news .news-inner {
padding: 118px 0 88px;
width: 90%;
}
#p_top .m_news .news-inner .left-box {
width: 25%;
}
#p_top .m_news .news-inner .right-box {
width: 75%;
}
#p_top .m_news .news-inner .right-box ul li a {
flex-direction: column;
}
#p_top .m_news .news-inner .right-box ul li a p {
font-size: 14px;
}
#p_top .m_news .news-inner .right-box ul li a time {
margin-right: 53px;
font-size: 14px;
}
#p_top .m_news .news-inner .right-box ul li:not(:last-child) {
margin-bottom: 20px;
}
#p_top .m_news .news-inner .right-box .list-link {
margin-top: 25px;
width: 107px;
}
#p_top .m_news .news-inner .right-box .u_more::before {
width: 108px;
}
/*----------------------------------------
お部屋について
----------------------------------------*/
#p_top .m_rooms {
padding: 10px 0 41px;
margin-top: -1px;
}
#p_top .m_rooms .rooms-inner .c_headline {
top: 72px;
padding-right: 7%;
}
#p_top .m_rooms .rooms-inner .outside-right {
height: 260px;
width: 100%;
margin-right: 0;
position: relative;
left: 0;
}
#p_top .m_rooms .desc {
bottom: 16px;
left: 0;
position: initial;
width: 287px;
padding-left: 5%;
}
#p_top .m_rooms .desc p {
margin-top: 15px;
font-size: 14px;
position: initial;
width: 245px;
}
#p_top .m_rooms .desc .u_more {
margin-top: 15px;
}
#p_top .m_rooms .desc .u_more::before {
width: 108px;
}
/*----------------------------------------
おしながき
----------------------------------------*/
#p_top .m_menu {
padding: 35px 0 172px;
margin-top: -1px;
}
#p_top .m_menu .menu-inner .c_headline {
top: 26px;
left: 0;
padding-left: 7%;
}
#p_top .m_menu .menu-inner .outside-left {
margin-left: 0;
width: 100%;
position: relative;
left: 0;
height: 260px;
}
#p_top .m_menu .desc .u_more {
margin-top: 12px;
}
#p_top .m_menu .desc {
bottom: 30px;
right: 0;
position: initial;
width: 287px;
margin-right: 0;
}
#p_top .m_menu .desc p {
font-size: 15px;
margin-top: 15px;
font-size: 14px;
position: initial;
width: 287px;
padding-right: 5%;
}
#p_top .m_menu .desc .u_more::before {
width: 108px;
}
/*----------------------------------------
アクセス
----------------------------------------*/
#p_top .m_access {
padding-top: 88px;
padding-bottom: 66px;
margin-top: -1px;
}
#p_top .m_access .news-inner iframe {
height: 222px;
margin: 48px auto 0;
width: 90%;
}
#p_top .m_access .news-inner .external-link {
font-size: 14px;
width: 150px;
margin: 44px auto 0;
}
#p_top .m_access .news-inner .external-link::before {
bottom: -7px;
width: 88%;
}
#p_top .m_access .news-inner .external-link .external-icon {
margin-left: 6px;
width: 11px;
height: 9px;
}
/*--------------------------------------------------------------------------
archive-newsページ
--------------------------------------------------------------------------*/
/*----------------------------------------
キービジュアル
----------------------------------------*/
#p_news--archive .m_kv .kv-img-wrap {
height: 276px;
}
#p_news--archive .m_kv .c_headline {
margin-left: 12px;
}
#p_news--archive .m_kv .kv-img-wrap .c_headline .headline-txt {
font-size: 24px;
}
#p_news--archive .m_news .post-list {
padding-top: 83px;
margin-bottom: 58px;
}
#p_news--archive .m_news .post-list .post-list-item {
padding-top: 58px;
padding-bottom: 48px;
}
#p_news--archive .m_news .post-list .post-list-item::after {
width: 180px;
}
#p_news--archive .m_news .post-list .post-list-item time {
font-size: 12px;
margin-bottom: 20px;
}
#p_news--archive .m_news .post-list .post-list-item--heading {
font-size: 18px;
margin-bottom: 20px;
line-height: 1.61;
}
#p_news--archive .m_news .post-list .post-list-item--desc {
font-size: 14px;
max-height: 55px;
line-height: 1.93;
margin-bottom: 30px;
}
#p_news--archive .m_news .post-list .more {
font-size: 14px;
}
/*--------------------------------------------------------------------------
single-newsページ
--------------------------------------------------------------------------*/
/*----------------------------------------
キービジュアル
----------------------------------------*/
#p_news--single .m_kv .kv-img-wrap {
height: 276px;
}
#p_news--single .m_kv .c_headline {
margin-left: 12px;
}
#p_news--single .m_kv .kv-img-wrap .c_headline .headline-txt {
font-size: 24px;
}
#p_news--single .m_news--single .contents-wrapper {
padding-top: 57px;
margin-bottom: 86px;
}
#p_news--single .m_news--single time {
font-size: 12px;
margin-bottom: 30px;
}
#p_news--single .m_news--single .single-news--heading {
font-size: 18px;
padding-bottom: 16px;
}
#p_news--single .m_news--single .single-news--desc p {
padding: 40px 0 0 0;
font-size: 15px;
letter-spacing: 0.05em;
line-height: 1.67;
}
#p_news--single .m_news--single .back-to-list {
width: 110px;
margin: 100px auto 86px;
}
#p_news--single .m_news--single .back-to-list::before {
width: 110px;
}
/*--------------------------------------------------------------------------
menuページ
--------------------------------------------------------------------------*/
/*----------------------------------------
キービジュアル
----------------------------------------*/
#p_menu .m_kv .kv-img-wrap {
height: 276px;
}
#p_menu .m_kv .c_headline {
margin-left: 12px;
}
#p_menu .m_kv .kv-img-wrap .c_headline .headline-txt {
font-size: 24px;
}
#p_menu .m_dinner .heading-wrap img,
#p_menu .m_lunch .heading-wrap img {
height: 162px;
}
#p_menu .m_dinner .heading-wrap .c_headline--2 .headline-txt,
#p_menu .m_lunch .heading-wrap .c_headline--2 .headline-txt {
font-size: 22px;
letter-spacing: 0.05em;
text-indent: 0.05em;
}
#p_menu .m_dinner .heading-wrap .c_headline--2 .headline-treat,
#p_menu .m_lunch .heading-wrap .c_headline--2 .headline-treat {
font-size: 16px;
letter-spacing: 0;
text-indent: 0;
}
#p_menu .m_dinner .desc-wrap .dinner-list,
#p_menu .m_lunch .desc-wrap .lunch-list {
flex-direction: column;
gap: 60px;
padding-top: 54px;
padding-bottom: 60px;
}
#p_menu .m_dinner .desc-wrap .dinner-list .dinner-list-item,
#p_menu .m_lunch .desc-wrap .lunch-list .lunch-list-item {
width: 100%;
}
#p_menu .desc-wrap .post-list-item--heading {
font-size: 18px;
padding-bottom: 16px;
margin-bottom: 19px;
}
#p_menu .desc-wrap .post-list-item--heading::after {
width: 20px;
}
#p_menu .desc-wrap .menu {
font-size: 14px;
margin-bottom: 16px;
line-height: 1.8;
padding-top: 32px;
}
#p_menu .desc-wrap .menu:first-of-type {
padding-top: 0;
}
#p_menu .desc-wrap .grade-price-wrap {
padding-bottom: 12px;
}
#p_menu .desc-wrap .grade-price-wrap .price .tax-in {
font-size: 12px;
}
#p_menu .desc-wrap .note-wrapper {
padding-bottom: 86px;
}
#p_menu .desc-wrap .note-wrapper .note {
font-size: 12px;
}
/*--------------------------------------------------------------------------
reserveページ
--------------------------------------------------------------------------*/
#p_reserve .m_reserve *,
#p_reserve--complete .m_reserve--complete * {
font-size: 15px;
}
#p_reserve .m_kv .c_headline,
#p_reserve--complete .m_kv .c_headline {
margin-left: 12px;
}
#p_reserve .m_kv .kv-img-wrap,
#p_reserve--complete .m_kv .kv-img-wrap {
height: 276px;
}
#p_reserve .m_kv .kv-img-wrap .c_headline .headline-txt,
#p_reserve--complete .m_kv .kv-img-wrap .c_headline .headline-txt {
font-size: 24px;
}
#p_reserve .m_kv .kv-img-wrap img,
#p_reserve--complete .m_kv .kv-img-wrap img {
object-position: 50% 50%;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form {
padding: 44px 0 70px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .en-form-btn {
margin-bottom: 40px;
padding: 10px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .point-wrap {
margin-bottom: 30px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .point-wrap .point {
font-size: 14px;
line-height: 1.93;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form address {
font-size: 14px;
margin-bottom: 40px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form dl {
margin: 0 auto 24px;
flex-direction: column;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form dl dt {
width: 100%;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form dl dt p {
font-size: 15px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form dl dd {
width: 100%;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form input[type="text"],
#p_reserve .m_reserve .wpcf7 .wpcf7-form input[type="email"],
#p_reserve .m_reserve .wpcf7 .wpcf7-form input[type="tel"] {
padding: 3px 10px;
height: 36px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .note dd p {
font-size: 15px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .course {
margin-bottom: 0;
padding-bottom: 20px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .course dd p .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item.first {
margin: 0 10px 0 0;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .course dd p .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item.last {
margin-left: 0;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .course dd p .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item-label::before {
width: 20px;
height: 20px;
margin-right: 4px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .course dd p .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item input[type="radio"].checked + .wpcf7-list-item-label::after {
width: 10px;
height: 10px;
left: 5px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .group-lunch {
margin-bottom: 10px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .group-lunch dd p .wpcf7-form-control-wrap .wpcf7-form-control,
#p_reserve .m_reserve .wpcf7 .wpcf7-form .group-dinner dd p .wpcf7-form-control-wrap .wpcf7-form-control {
height: 36px;
padding: 3px 10px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .group-lunch dd > div::after,
#p_reserve .m_reserve .wpcf7 .wpcf7-form .group-dinner dd > div::after {
width: 10px;
height: 5px;
right: 12px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .group-dinner {
top: -10px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .caption {
margin-bottom: 0;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .date {
margin-top: 24px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .date dd {
width: 250px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .date dd p .wpcf7-form-control {
width: 250px;
height: 36px;
padding: 3px 0 3px 10px;
padding: 3px 10px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .time dd {
width: 250px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .time dd::after {
width: 10px;
height: 5px;
right: 12px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .time dd p .wpcf7-form-control {
width: 250px;
height: 36px;
padding: 3px 10px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .people dd p .wpcf7-form-control {
width: 60px;
height: 36px;
padding: 3px 10px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .people dd p span:not(:only-child):last-child {
margin-left: 12px;
font-size: 15px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .privacy-txt-area {
width: 100%;
height: 200px;
padding: 15px 30px 15px 21px;
margin: 40px auto 0;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .privacy-txt-area * {
font-size: 12px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .privacy-txt-area::-webkit-scrollbar {
width: 8px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .privacy-txt-area::-webkit-scrollbar-thumb {
height: 45px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .wpcf7-form-control-wrap[data-name="acceptance-34"] {
padding-top: 24px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .wpcf7-form-control-wrap[data-name="acceptance-34"] .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label {
font-size: 15px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .wpcf7-form-control-wrap[data-name="acceptance-34"] .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label::before {
width: 16px;
height: 16px;
margin-right: 10px;
vertical-align: -10%;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .wpcf7-form-control-wrap[data-name="acceptance-34"] .wpcf7-acceptance .wpcf7-list-item label input[type="checkbox"].checked + .wpcf7-list-item-label::after {
left: 15px;
top: 40%;
transform: rotate(45deg) translateY(-50%);
width: 7px;
height: 13px;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .confirmation input {
width: 300px;
height: 60px;
font-size: 15px;
margin: 42px auto 0;
}
#p_reserve .m_reserve .wpcf7 .wpcf7-form .wpcf7-not-valid-tip {
min-width: 360px;
}
/*--------------------------------------------------------------------------
reserveページ confirm
--------------------------------------------------------------------------*/
#p_reserve.confirm .m_reserve .wpcf7 .wpcf7-form .point-wrap {
margin-bottom: 30px;
}
#p_reserve.confirm .m_reserve .wpcf7 .wpcf7-form .point-wrap .point {
font-size: 18px;
}
#p_reserve.confirm .m_reserve .wpcf7 .wpcf7-form dl {
margin: 0 auto 30px;
}
#p_reserve.confirm .m_reserve .wpcf7 .wpcf7-form .course {
margin-bottom: 0;
padding-bottom: 0;
}
#p_reserve.confirm .m_reserve .wpcf7 .wpcf7-form .group-lunch,
#p_reserve.confirm .m_reserve .wpcf7 .wpcf7-form .group-dinner {
margin-bottom: 0;
}
#p_reserve.confirm .m_reserve .wpcf7 .wpcf7-form .date {
padding-top: 30px;
}
#p_reserve.confirm .m_reserve .wpcf7 .wpcf7-form .people dd p span:last-child {
vertical-align: 0%;
margin-left: 5px;
}
#p_reserve.confirm .m_reserve .wpcf7 .wpcf7-form .people {
margin-bottom: 42px;
}
#p_reserve.confirm .m_reserve .wpcf7 .wpcf7-form .btn_wrap p {
flex-direction: column;
align-items: center;
gap: 30px;
}
#p_reserve.confirm .m_reserve .wpcf7 .wpcf7-form .btn_wrap p .wpcf7-previous {
width: 300px;
height: 60px;
}
#p_reserve.confirm .m_reserve .wpcf7 .wpcf7-form .btn_wrap p .wpcf7-submit {
width: 300px;
height: 60px;
}
/*--------------------------------------------------------------------------
reserveページ complete
--------------------------------------------------------------------------*/
#p_reserve--complete .m_reserve--complete {
padding: 44px 0 70px;
}
#p_reserve--complete .m_reserve--complete h2 {
font-size: 18px;
margin-bottom: 22px;
}
#p_reserve--complete .m_reserve--complete p {
margin-bottom: 42px;
font-size: 14px;
}
#p_reserve--complete .m_reserve--complete .top-link-btn {
width: 300px;
height: 60px;
}
/*--------------------------------------------------------------------------
404ページ
--------------------------------------------------------------------------*/
#p_notfound {
width: 100%;
/* height: calc(100svh - 842px); */
padding-top: 74px;
background-color: #fff;
}
#p_notfound * {
color: #333;
}
#p_notfound .u_container {
position: relative;
height: 100%;
min-height: 500px;
}
#p_notfound .headline-wrap {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 350px;
}
#p_notfound .headline-wrap .headline-txt {
font-size: 30px;
margin-bottom: 30px;
text-align: center;
}
#p_notfound .headline-wrap .txt {
font-size: 15px;
margin-bottom: 60px;
}
#p_notfound .headline-wrap .btn-to-top {
font-size: 18px;
font-weight: 500;
width: 300px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
background-color: #bfa46f;
color: #fff;
border: 1px solid #bfa46f;
border-radius: 0;
transition: all 0.5s ease-out;
}
@media (hover: hover) {
#p_notfound .headline-wrap .btn-to-top:hover {
background-color: #fff;
color: #bfa46f;
}
}