/*******************************************************
 * for MENU PAGE & PHOTO GALLERY PAGES
 *******************************************************/

/*--------------------------------------------------------------
  Menu page
-------------------------------------------------------------- */
.menu .basic-hd .entry-header { margin-bottom: 1.5rem !important; }
.menu .basic-hd .entry-header h1 {
 font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem);
 font-weight: 500;
}
.menu .basic-hd .entry-header h1::before {
 display: block;
 content: "MENU";
 font-size: clamp(1.75rem, 1.068rem + 3.41vw, 3.625rem);
 font-family: "Montserrat", sans-serif;
 letter-spacing: 0.06em;
}
.menu .basic-hd .entry-header .section-inner {
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}
.menu .basic-hd .entry-header .section-inner {
 background-image: url(/wp/wp-content/themes/twentytwenty-child/img/menu/menu-main_sp.jpg);
}
.menu .basic-hd .entry-header .section-inner {
 padding: clamp(10px, 40vw, 250px) clamp(1.5rem, 5vw, 4rem) clamp(18px, 5vw, 170px);
}

@media screen and (min-width: 768px) {
.menu .basic-hd .entry-header { margin-bottom: 6rem !important; }
.menu .basic-hd .entry-header .section-inner {
 background-image: url(/wp/wp-content/themes/twentytwenty-child/img/menu/menu-main.jpg);
}
}

/* Link navi for mobile --------------------------*/
.menu .anchor-navi {
 margin: 0 auto 3rem !important;
 max-width: 660px !important;
 text-align: center;
 display: flex;
 justify-content: center;
}
.menu .anchor-navi li {
 margin: 0;
 padding: 0;
 width: 30%;
 font-size: clamp(0.813rem, 0.699rem + 0.57vw, 1.125rem);
 text-align: center;
 list-style: none;
 }
.menu .anchor-navi li + li { border-left: 1px solid  #c8c8c8; }
.menu .anchor-navi li a {
 display: block;
 padding: 5px 10px 0;
 color: #404040;
}
.menu .anchor-navi li:nth-child(2) { width: 40%; }
.menu .anchor-navi li a:hover { opacity: 0.5; }
.menu .anchor-navi li a::after {
 display: block;
 font-size: 150%;
 font-family: "Material Symbols Outlined";
 content: "\f181";
 font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 24;
 transition: .5s;
}

@media screen and (min-width: 768px) {
.menu .anchor-navi { display: none; }
}


/* Plan menu Lists --------------------------*/
.planmenu-list {
 margin: 0 0 5rem 0 !important;
 display: flex;
 flex-wrap: wrap;
 gap: 20px;
}
.planmenu-list a {
 margin: 0;
 padding: 0;
 width: calc((100% - 20px) / 2);
 border: solid 1px #c8c8c8;
 color: #404040;
 display: flex;
 flex-direction: column;
}
.planmenu-list a h4 {
 margin: 0;
 padding: 0.8rem;
 font-size: clamp(0.813rem, 0.608rem + 1.02vw, 1.375rem);
 font-weight: 500;
 text-align: center;
}
.planmenu-list a p {
 margin: 0 0 1rem;
 padding: 0 0.8rem;
 font-size: 90%;
}
.planmenu-list a p.viewmore {
 margin-top: auto;
 font-family: 'Montserrat', sans-serif;
 display: flex;
 align-items: center;
 justify-content: flex-end;
}
.planmenu-list a p.viewmore::after {
 margin-left: 5px;
 font-size: 140%;
 font-family: "Material Symbols Outlined";
 content: "\e5cc";
 font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

@media screen and (max-width: 839px){
.planmenu-list a p:not(.viewmore){ display: none; }
}
@media screen and (min-width: 768px){
.planmenu-list {
 margin-bottom: 8rem !important;
 gap: 30px;
}
.planmenu-list a { width: calc((100% - 60px) / 3); }
.planmenu-list a h4 { padding: 1rem 1.5rem 0.8rem; }
.planmenu-list a p { padding: 0 1.5rem; }

}
@media screen and (min-width: 880px){
.planmenu-list { gap: 40px; }
.planmenu-list a { width: calc((100% - 80px) / 3); }
.planmenu-list a h4 { padding: 1.5rem 2.5rem 1rem; }
.planmenu-list a p { padding: 0 2.5rem; }
 
}




/*--------------------------------------------------------------
  Photo Gallery Page
-------------------------------------------------------------- */
.sf-gallery.basic-hd .entry-header { margin-bottom: 1.5rem !important; }
.sf-gallery.basic-hd .entry-header h1 {
 font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem);
 font-weight: 500;
}
.sf-gallery.basic-hd .entry-header h1::before {
 display: block;
 content: "GALLERY";
 font-size: clamp(1.75rem, 1.068rem + 3.41vw, 3.625rem);
 font-family: "Montserrat", sans-serif;
 letter-spacing: 0.06em;
}
.sf-gallery.basic-hd .entry-header .section-inner {
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}
.sf-gallery.basic-hd .entry-header .section-inner {
 background-image: url(/wp/wp-content/themes/twentytwenty-child/img/menu/gallery-main_sp.jpg);
}
.sf-gallery.basic-hd .entry-header .section-inner {
 padding: clamp(10px, 40vw, 250px) clamp(1.5rem, 5vw, 4rem) clamp(18px, 5vw, 170px);
}

@media screen and (min-width: 768px) {
.sf-gallery.basic-hd .entry-header { margin-bottom: 6rem !important; }
.sf-gallery.basic-hd .entry-header .section-inner {
 background-image: url(/wp/wp-content/themes/twentytwenty-child/img/menu/gallery-main.jpg);
}
}


/* Gallery links --------------------------*/
/*.sf-gallery ul.anclist {
 margin: 0 auto;
 padding: 0;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 10px;
}
.sf-gallery .anclist li {
 margin: 0;
 padding: 0;
 width: calc((100% - 10px) / 2);
 font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
 text-align: center;
 line-height: 1;
 list-style: none;
 white-space: nowrap;
}
.sf-gallery .anclist li a {
 display: block;
 padding: 15px 5px;
 background-color: #f5f5f5;
 border-radius: 4px;
 color: #565656;
 transition: all .3s;
}
.sf-gallery .anclist li a:hover {
 background-color: #bd956e;
 color: #fff;
}*/

.sf-gallery .photogallery .galwrap {
 display: flex;
 flex-wrap: wrap;
 margin-right: -10px;
}
.sf-gallery .photogallery .tab-label {
 margin: 0 10px 10px 0;
 padding: 15px 5px;
 width: calc((100% - 20px) / 2);
 background-color: #f5f5f5;
 border-radius: 4px;
 color: #565656;
 font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
 text-align: center;
 cursor: pointer;
 transition: all .3s;
 order:-1;
}
.sf-gallery .photogallery .tab-label:hover {
 background-color: #bd956e;
 color: #fff;
}
.sf-gallery .photogallery .tab-content {
 width: 100%;
 display: none;
}
.sf-gallery .photogallery .tab-switch:checked+.tab-label { background-color: #bd956e; color: #fff; }
.sf-gallery .photogallery .tab-switch:checked+.tab-label+.tab-content { display: block; }
.sf-gallery .photogallery .tab-switch { display: none; }


@media screen and (min-width: 768px){
/*.sf-gallery ul.anclist {
 width: 80% !important;
 max-width: 800px !important;
}
.sf-gallery .anclist li {
 width: calc((100% - 20px) / 3);
 line-height: 1.4;
}*/
.sf-gallery .photogallery .tab-label {
 width: calc((100% - 30px) / 3);
 line-height: 1.4;
}
.sf-gallery .photogallery .tab-content { padding-top: 2rem; }
}

@media screen and (min-width: 990px){
/*.sf-gallery ul.anclist { gap: 12px; }
.sf-gallery .anclist li { width: calc((100% - 36px) / 4); }*/
.sf-gallery .photogallery .tab-label {
 margin: 0 12px 12px 0;
 width: calc((100% - 48px) / 4);
}
}