@charset "UTF-8";
:root {
    --base-color: #F7F3EA;
    --main-color: #FFFFFF;
    --accent-color: #f8be0e;
    --base-font-color: #3F3A35;
    --accent-font-color: #76513D;
    --mincho-font: "Zen Old Mincho", serif;
    --gothic-font: "Noto Sans JP", sans-serif;
    --global-content-max-width-hero: 1680px;
    --global-content-max-width: 1260px;
    --font-size: 16px;
    --font-weight: 400;
    --font-style: normal;
}
html {
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    font-style: var(--font-style);
    background: var(--base-color);
}
body {
    color: #3F3A35;
    position: relative;
    min-height: 100vh;
    margin: 0;
}
body::before{
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/chitaka_bk.jpg');
    background-size: contain;
    background-position: center;
    opacity: 0.2;
    z-index: -1;
}
header{
    width: 100%;
    height: 80px;
    position: relative;
}
header nav{
    margin-inline-start: auto;
    margin-inline-end: auto;
    width: 87.5%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media screen and (max-width:960px){
header nav{
    justify-content: center;
}
}
header nav ._nav_inner{
    display: flex;
    align-items: center;
    gap: 2rem;
}
header nav h1{
    width: 150px;
    height: auto;
}
@media screen and (max-width:960px){
header nav h1{
    width: 180px;
}
}
header nav h1 img{
    object-fit: contain;
    width: 100%;
}
header nav ul{
    height: 100%;
    display: flex;
    align-items: center;
    gap: 1rem;
    font-family: var(--mincho-font);
}
@media screen and (max-width:960px){
header nav ul{
    display: none;
}
}
/* スマホメニュートリガー 共通 */
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	display: none;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2.5px;
	border-radius: 2px;
}
@media screen and (max-width:959px){
.menu-trigger {
    display: block;
	position: absolute;
    top: 38%;
    right: 6.25%;
	width: 30px;
	height: 20px;
}
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
	background-color: var(--base-font-color);
}
.menu-trigger span:nth-of-type(2) {
	top: 9px;
	background-color: var(--base-font-color);
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
	background-color: var(--base-font-color);
}
/* スマホメニュートリガー エフェクト */
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-8.5px) rotate(45deg);
}
._sp_menu{
    display: none;
}
@media screen and (max-width:959px){
._sp_menu ul{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    gap: 1rem;
    border-top: 1px dotted var(--accent-font-color);
}
._sp_menu ul li a{
    width: 100%;
    padding: 0 2rem 0 3rem;
    font-family: var(--mincho-font);
    display: flex;
    align-items: center;
}
}
.arrow {
  position: relative;
}
.arrow::before,
.arrow::after {
  content: "";
  position: absolute;
  top: 45%;
  left: 1rem;
  width: 10px;
  height: 2px;
  border-radius: 9999px;
  background-color: var(--accent-font-color);
  transform-origin: calc(100% - 1px) 50%;
}
.arrow::before {
  transform: rotate(50deg);
}
.arrow::after {
  transform: rotate(-50deg);
}

section{
    width: 100%;
}
main{
    width: 100%;
    height: 100%;
}
#_index ._mainvisual{
    width: 100%;
    height: calc(100svh - 100px);
}
#_index ._mainvisual video{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.video-pc{
    display: block;
}
.video-sp{
    display: none;
}
@media screen and (max-width:768px){
.video-pc{
    display: none;
}
.video-sp{
    display: block;
}
}
._view_contents{
    margin-inline-start: auto;
    margin-inline-end: auto;
    width: 87.5%;
    max-width: var(--global-content-max-width);
    display: flex;
    flex-wrap: wrap;
    gap: 5rem;
}
._concept{
    width: 100%;
    padding: 5rem 0;
}
._concept h1{
    width: 100%;
    font-family: var(--mincho-font);
    font-size: 2.25rem;
    line-height: 1.3;
    text-align: center;
    color: var(--accent-font-color);
}
@media screen and (max-width:768px){
._concept h1{
    font-size: 1.75rem;
}
}
._concept_wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    font-family: var(--mincho-font);
}
._concept_wrap article{
    width: calc((100% - 6rem) / 3);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 1rem;
}
@media screen and (max-width:768px){
._concept_wrap article{
    width: 100%;
}
}
._concept_wrap article h2{
    width: 100%;
    aspect-ratio: 9/10;
    writing-mode: vertical-lr;
    color: #FFFFFF;
    padding: 1rem;
    font-size: 1.5rem;
    background-size: cover;
    background-position: center;
}
._concept_wrap article p{
    width: 100%;
    font-family: var(--gothic-font);
    line-height: 1.6;
}
._view_contents ._concept_more{
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 3rem 0 0;
    z-index: 1;
}
._view_contents ._concept_more a{
    display: inline-block;
    border: 1px solid var(--base-font-color);
    padding: 1rem 5rem;
    font-family: var(--mincho-font);
    position: relative;
}
._concept_more a .text {
  position: relative;
}
._view_contents ._concept_more a:hover {
  color: #fff;
  border: 1px solid #C39A32;
}
._view_contents ._concept_more a:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}
._view_contents ._concept_more a::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #C39A32;
  transform: scaleX(0);
  transform-origin: right;
  transition: all 0.5s ease;
  transition-property: transform;
}


@media screen and (max-width:768px){
._view_contents ._concept_more a{
    padding: 1rem 3rem;
}
}
._lunch{
    position: relative;
    width: 100%;
    padding: 5rem 0;
}
._lunch::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #E5E0D8;
    mix-blend-mode: multiply;
}
._lunch h2{
    width: 100%;
    font-family: var(--mincho-font);
    font-size: 1.75rem;
    line-height: 1.3;
    text-align: center;
    color: var(--accent-font-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
@media screen and (max-width:768px){
._lunch h2{
    font-size: 1.5rem;
}
}
._lunch h2::before{
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('../images/title_left.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (max-width:768px){
._lunch h2::before{
    width: 30px;
    height: 30px;
}
}
._lunch h2::after{
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('../images/title_right.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (max-width:768px){
._lunch h2::after{
    width: 30px;
    height: 30px;
}
}
._lunch_wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    font-family: var(--mincho-font);
    z-index: 1;
}
._lunch_wrap article{
    width: calc((100% - 6rem) / 3);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 1rem;
}
@media screen and (max-width:768px){
._lunch_wrap article{
    width: 100%;
}
}
._lunch_wrap article figure{
    width: 100%;
}
._lunch_wrap article figure img{
    aspect-ratio: 16/13;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
._lunch_wrap article ._item{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
._lunch_wrap article h3{
    width: 100%;
    font-size: 1.12rem;
    font-family: var(--gothic-font);
    line-height: 1.3;
}
._lunch_wrap article ._price{
    width: 100%;
    font-size: 1rem;
    font-family: var(--gothic-font); 
    text-align: right;
}
._lunch_wrap article ._txt{
    font-size: 1rem;
    font-family: var(--gothic-font); 
    line-height: 1.6;
    font-weight: 300;
}

._dinner{
    width: 100%;
    padding: 5rem 0;
}
._dinner h2{
    width: 100%;
    font-family: var(--mincho-font);
    font-size: 1.75rem;
    line-height: 1.3;
    text-align: center;
    color: var(--accent-font-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
@media screen and (max-width:768px){
._dinner h2{
    font-size: 1.5rem;
}
}
._dinner h2::before{
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('../images/title_left.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (max-width:768px){
._dinner h2::before{
    width: 30px;
    height: 30px;
}
}
._dinner h2::after{
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('../images/title_right.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (max-width:768px){
._dinner h2::after{
    width: 30px;
    height: 30px;
}
}
._dinner_wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    font-family: var(--mincho-font);
    z-index: 1;
}
._dinner_wrap article{
    width: calc((100% - 6rem) / 3);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 1rem;
}
@media screen and (max-width:768px){
._dinner_wrap article{
    width: 100%;
}
}
._dinner_wrap article figure{
    width: 100%;
}
._dinner_wrap article figure img{
    aspect-ratio: 16/13;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
._dinner_wrap article ._item{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
._dinner_wrap article h3{
    width: 100%;
    font-size: 1.12rem;
    font-family: var(--gothic-font);
    line-height: 1.3;
}
._dinner_wrap article ._price{
    width: 100%;
    font-size: 1rem;
    font-family: var(--gothic-font); 
    text-align: right;
}
._dinner_wrap article ._txt{
    font-size: 1rem;
    font-family: var(--gothic-font); 
    line-height: 1.6;
    font-weight: 300;
}

._news{
    position: relative;
    width: 100%;
    padding: 5rem 0;
}
._news::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #D5C2A5;
    mix-blend-mode: multiply;
}
._news ._view_contents{
    width: 75%;
}
@media screen and (max-width:768px){
._news ._view_contents{
    width: 87.5%;
}
}
._news h2{
    width: 100%;
    font-family: var(--mincho-font);
    font-size: 1.75rem;
    line-height: 1.3;
    text-align: center;
    color: var(--accent-font-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
@media screen and (max-width:768px){
._news h2{
    font-size: 1.5rem;
}
}
._news h2::before{
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('../images/title_left.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (max-width:768px){
._news h2::before{
    width: 30px;
    height: 30px;
}
}
._news h2::after{
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('../images/title_right.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (max-width:768px){
._news h2::after{
    width: 30px;
    height: 30px;
}
}
._news_wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap; 
    gap: 2rem;
    z-index: 1;
}
._news_wrap ul:first-child{
    width: calc(40% - 1rem);
}
@media screen and (max-width:768px){
._news_wrap ul:first-child{
    width: 100%;
}
}
._news_wrap ul{
    width: calc(60% - 1rem);
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
@media screen and (max-width:768px){
._news_wrap ul{
    width: 100%;
}
}
._news_wrap ul li{
    width: 100%;
}
._news_wrap ul:first-child li a{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
._news_wrap ul li a{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
._news_wrap ul:first-child li figure{
    aspect-ratio: 1;
    width: 100%;
}
._news_wrap ul li figure{
    aspect-ratio: 1;
    width: 20%;
}
@media screen and (max-width:768px){
._news_wrap ul li figure{
    width: 30%;
}
}
._news_wrap ul:first-child li a ._news_item{
    width: 100%;
    padding: 0 1rem;
}
._news_wrap ul li a ._news_item{
    width: 80%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}
@media screen and (max-width:768px){
._news_wrap ul li a ._news_item{
    width: 70%;
}
}
._news_wrap ul li figure img{
    object-fit: cover;
    width: 100%;
}
._news_wrap ul li ._date{
    width: 100%;
    font-family: var(--gothic-font);
    font-weight: 300;
}
._news_wrap ul li h3{
    width: 100%;
    font-family: var(--gothic-font); 
    line-height: 1.5;
}
.news_pagenavi{
    display: flex;
    justify-content: space-around;
    width: 100%;
    padding: 3rem 0;
    font-family: var(--gothic-font);
}
.wp-pagenavi{
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}
.wp-pagenavi .current{
    font-weight: bold;
    width: 30px;
    height: 30px;
    background: #D5C2A5;
    color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wp-pagenavi a{
    width: 30px;
    height: 30px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

._shop{
    width: 100%;
    padding: 5rem 0;
}
._shop ._view_contents{
    width: 75%;
}
@media screen and (max-width:768px){
._shop ._view_contents{
    width: 87.5%;
}
}
._shop h2{
    width: 100%;
    font-family: var(--mincho-font);
    font-size: 1.75rem;
    line-height: 1.3;
    text-align: center;
    color: var(--accent-font-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
@media screen and (max-width:768px){
._shop h2{
    font-size: 1.5rem;
}
}
._shop h2::before{
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('../images/title_left.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (max-width:768px){
._shop h2::before{
    width: 30px;
    height: 30px;
}
}
._shop h2::after{
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('../images/title_right.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (max-width:768px){
._shop h2::after{
    width: 30px;
    height: 30px;
}
}
._shop_inner{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 2rem;
}
._shop article{
    width: calc(50% - 1rem);
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    z-index: 1;
}
@media screen and (max-width:768px){
._shop article{
    width: 100%;
}
}
._map{
    width: calc(50% - 1rem);
    aspect-ratio: 1;
}
@media screen and (max-width:768px){
._map{
    width: 100%;
}
}
._map iframe{
    width: 100%;
    height: 100%;
}
._shop dl{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    font-family: var(--gothic-font); 
}
@media screen and (max-width:768px){
._shop dl{
    width: 100%;
}
}
._shop dl dd{
    line-height: 1.6;
}

._instagram{
    width: 100%;
    padding: 5rem 0;
}
._instagram h2{
    width: 100%;
    font-family: var(--mincho-font);
    font-size: 1.75rem;
    line-height: 1.3;
    text-align: center;
    color: var(--accent-font-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
@media screen and (max-width:768px){
._instagram h2{
    font-size: 1.5rem;
}
}
._instagram h2::before{
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('../images/instagram_logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (max-width:768px){
._instagram h2::before{
    width: 30px;
    height: 30px;
}
}

footer{
    width: 100%;
    padding: 3rem 0 0;
    font-family: var(--mincho-font);
    font-size: 0.9rem;
    position: relative;
}
footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #76513D;
    mix-blend-mode: multiply;
}
@media screen and (max-width:1020px){
footer{
    padding-bottom: 60px;
}
}
footer h2{
    aspect-ratio: 1;
    width: 110px;
    z-index: 1;
}
footer h2 img{
    object-fit: contain;
    width: 100%;
}
footer nav{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    color: #FFFFFF;
    z-index: 1;
}
footer nav ul{
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
@media screen and (max-width:768px){
footer nav ul{
    flex-direction: column;
    gap: 1rem;
}
}
footer nav ul ul{
    width: 100%;
    display: flex;
    flex-direction: column;  
    gap: 0.5rem;
    padding-top: 0.5rem;
}
@media screen and (max-width:768px){
footer nav ul ul{
    margin-left: 1rem;
}
}
footer ._copyrights{
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0.5rem;
    color: #FFFFFF;
    z-index: 1;
}

#totop {
    position:fixed;
    z-index:99;
    right:30px;
    bottom:30px;
    width:56px;
    height:56px;
    display:inline-block;
}
@media screen and (max-width:1020px){
#totop {
    right:20px;
    bottom:70px;
    width:40px;
    height:40px;
}
}
/* パンくずリスト全体の装飾例 */
#breadcrumbs {
    font-size: 14px;
    color: #666;
    font-family: var(--mincho-font);
    padding: 2rem 0 3rem;
}

#breadcrumbs a {
    color: #3F3A35;
    text-decoration: none;
}

#breadcrumbs a:hover {
    text-decoration: underline;
}

#_newspage ._mainvisual{
    width: 100%;
    height: calc(450px - 100px);
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center
}
@media screen and (max-width:768px){
#_newspage ._mainvisual{
    width: 100%;
    height: calc(350px - 100px);
}
}
#_newspage ._mainvisual h1{
    font-size: 3rem;
    color: #FFFFFF;
    font-family: var(--mincho-font);
    letter-spacing: 1.3;
}
@media screen and (max-width:768px){
#_newspage ._mainvisual h1{
    font-size: 2rem;
}
}
._newspage_wrap{
    width: 100%;
    padding: 3rem 0 10rem;
}
._newspage_wrap ._view_contents{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 3rem;
}
@media screen and (max-width:768px){
._newspage_wrap ._view_contents{
    gap: 5rem;
}
}
._newspage_left{
    width: calc(70% - 1.5rem);
}
@media screen and (max-width:768px){
._newspage_left{
    width: 100%;
}
}
._newspage_left ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}
._newspage_left ul li{
    width: 100%;
}
._newspage_left ul li a{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: rgba(255, 255, 255, 0.5);
}
._newspage_left ul li a figure{
    width: 20%;
    aspect-ratio: 1;
}
@media screen and (max-width:768px){
._newspage_left ul li a figure{
    width: 30%;
}
}
._newspage_left ul li a figure img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
._newspage_item{
    width: 80%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
}
@media screen and (max-width:768px){
._newspage_item{
    width: 70%;
}
}
._newspage_item ._date{
    width: 100%;
    font-family: var(--gothic-font);
    font-weight: 300;
}
._newspage_item h2{
    width: 100%;
    font-family: var(--gothic-font); 
    line-height: 1.5;
}
._newspage_left article{
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    font-family: var(--gothic-font);
}
._newspage_left article ._date{
    width: 100%;
    font-weight: 300;
}
._newspage_left article h1{
    width: 100%;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.5;
}
._newspage_left article ._txt{
    width: 100%;
    font-size: 1rem;
    line-height: 1.6;
}
._newspage_right{
    width: calc(30% - 1.5rem);
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
}
@media screen and (max-width:768px){
._newspage_right{
    width: 100%;
}
}
._newspage_right aside{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
._newspage_right h3{
    width: 100%;
    color: #B96F32;
    font-family: var(--mincho-font);
    font-size: 1.4rem;
    font-weight: bold;
    border-bottom: 1px solid #B96F32;
    padding-bottom: 0.5rem;
}
._newspage_right ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
._newspage_right ul li{
    width: 100%;
}

#_menupage ._mainvisual{
    width: 100%;
    height: calc(450px - 100px);
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center
}
@media screen and (max-width:768px){
#_menupage ._mainvisual{
    width: 100%;
    height: calc(350px - 100px);
}
}
#_menupage ._mainvisual h1{
    font-size: 3rem;
    color: #FFFFFF;
    font-family: var(--mincho-font);
    letter-spacing: 1.3;
}
@media screen and (max-width:768px){
#_menupage ._mainvisual h1{
    font-size: 2rem;
}
}
._menupage_wrap{
    width: 100%;
    padding: 3rem 0 10rem;
}
._menupage_inner{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
}
._menupage_inner h2{
    width: 100%;
    font-family: var(--mincho-font);
    font-size: 2rem;
    text-align: center;
    color: #B96F32;
}
._menu_itemes{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}
._menu_itemes article{
    display: flex;
    flex-direction: column;
    /*justify-content: start;*/
    font-family: var(--gothic-font);
    line-height: 1.6;
    background: rgba(255, 255, 255, 0.5);
}
._menu_itemes article.layout_2{
    width: calc((100% - 2rem)/2);
}
@media screen and (max-width:768px){
._menu_itemes article.layout_2{
    width: 100%;
}
}
._menu_itemes article.layout_3{
    width: calc((100% - 4rem)/3);
}
@media screen and (max-width:768px){
._menu_itemes article.layout_3{
    width: 100%;
}
}
._menu_itemes article.layout_4{
    width: calc((100% - 6rem)/4);
}
@media screen and (max-width:768px){
._menu_itemes article.layout_4{
    width: 100%;
}
}
._menu_itemes article figure{
    width: 100%;
}
._menu_itemes article figure img{
    object-fit: cover;
    width: 100%;
    aspect-ratio: 16/13;
}
._menu_itemes article ._menu_inner{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}
._menu_itemes article h4{
    width: 100%;
    line-height: 1.3;
    flex-grow: 1;
}
._menu_itemes article ._price{
    width: 100%;
    text-align: right;
}
._menu_itemes article ._txt{
    width: 100%;
    font-weight: 300;
}


#_faqpage ._mainvisual{
    width: 100%;
    height: calc(450px - 100px);
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center
}
@media screen and (max-width:768px){
#_faqpage ._mainvisual{
    width: 100%;
    height: calc(350px - 100px);
}
}
#_faqpage ._mainvisual h1{
    font-size: 3rem;
    color: #FFFFFF;
    font-family: var(--mincho-font);
    letter-spacing: 1.3;
}
@media screen and (max-width:768px){
#_faqpage ._mainvisual h1{
    font-size: 2rem;
}
}
._faqpage_wrap{
    width: 100%;
    padding: 3rem 0 10rem;
}
._faqpage_wrap ._view_contents{
    width: 70%;
    gap: 3rem;
}
@media screen and (max-width:768px){
._faqpage_wrap ._view_contents{
    width: 87.5%;
    gap: 2rem;
}
}
._faqpage_wrap article{
    width: 100%;
    padding: 1rem;
    background: rgba(255,255,255,0.5);
}
@media screen and (max-width:768px){
._faqpage_wrap article{
    padding: unset;
}
}
._faqpage_wrap article dt{
    width: 100%;
    padding: 1rem;
    font-family: var(--gothic-font);
    line-height: 1.6;
    display: flex;
    align-items: center;
}
._faqpage_wrap article .mark{
    color: #B96F32;
    font-size: 1.3rem;
    font-family: var(--gothic-font);
    width: 3rem;
}
._faqpage_wrap article ._dt_innder{
    width: 100%;
}
._faqpage_wrap article dd{
    width: 100%;
    padding: 1rem;
    display: none;
    font-family: var(--gothic-font);
    border-top: 1px dotted #AAA39A;
}
._dd_innder{
    width: 100%;
    display: flex;
    align-items: center;
    line-height: 1.6;
}
._faqpage_wrap article .plus{
    width: 2rem;
    display: flex;
    justify-content: end;
}
._dd_txt{
    width: calc(100% - 3rem);
}
.plus-icon {
    position: relative;
    width: 20px;  /* ＋の全体幅 */
    height: 20px; /* ＋の全体高さ */
    display: block;
}
.plus-icon::before,
.plus-icon::after {
    content: '';
    position: absolute;
    background-color: #D5C2A5; /* ＋の色 */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 1px; /* 角を少し丸くする場合 */
}
.plus-icon::before {
    width: 100%; /* 横幅いっぱい */
    height: 2px;  /* 線の太さ */
}
.plus-icon::after {
    width: 2px;   /* 線の太さ */
    height: 100%; /* 高さいっぱい */
}
.plus-icon.is-open::after {
    display: none;
}


#_conceptpage ._mainvisual{
    width: 100%;
    height: calc(450px - 100px);
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width:768px){
#_conceptpage ._mainvisual{
    width: 100%;
    height: calc(350px - 100px);
}
}
#_conceptpage ._mainvisual h1{
    font-size: 3rem;
    color: #FFFFFF;
    font-family: var(--mincho-font);
    letter-spacing: 1.3;
}
@media screen and (max-width:768px){
#_conceptpage ._mainvisual h1{
    font-size: 2rem;
}
}
._conceptpage_wrap{
    width: 100%;
    padding: 3rem 0 10rem;
}
._concept_item{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    background: rgba(255, 255, 255, 0.5);
}
._concept_item figure{
    width: 100%;
}
._concept_item figure img{
    aspect-ratio: 16/9;
    object-fit: cover;
    width: 100%;
}
._concept_item h2{
    width: 100%;
    font-family: var(--mincho-font);
    font-size: 2rem;
    font-weight: bold;
    color: #B96F32;
    text-align: center;
}
@media screen and (max-width:768px){
._concept_item h2{
    font-size: 1.7rem;
}
}
._concept_item ._txt{
    width: 70%;
    font-family: var(--gothic-font);
    font-size: 1rem;
    line-height: 1.6;
    margin: 0 auto;
    padding: 0 0 2rem 0;
}
@media screen and (max-width:768px){
._concept_item ._txt{
    width: 100%;
    padding: 0 1rem 2rem 1rem;
}
}


#_shoppage ._mainvisual{
    width: 100%;
    height: calc(450px - 100px);
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width:768px){
#_shoppage ._mainvisual{
    width: 100%;
    height: calc(350px - 100px);
}
}
#_shoppage ._mainvisual h1{
    font-size: 3rem;
    color: #FFFFFF;
    font-family: var(--mincho-font);
    letter-spacing: 1.3;
}
@media screen and (max-width:768px){
#_shoppage ._mainvisual h1{
    font-size: 2rem;
}
}
._shoppage_wrap{
    width: 100%;
    padding: 3rem 0 10rem;
}
._shoppage_inner{
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    background: rgba(255, 255, 255, 0.5);
}
._shoppage_inner article{
    width: calc(50% - 1rem);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    z-index: 1;
    padding: 1rem 1rem 1rem 0;
}
@media screen and (max-width:768px){
._shoppage_inner article{
    width: 100%;
    padding: 0 1rem 1rem 1rem;
}
}
._shoppage_inner article h1{
    width: 100%;
    font-size: 1.3rem;
    font-family: var(--gothic-font);
    font-weight: bold;
    color: #C39A32;
    border-bottom: 1px dotted #C39A32;
    padding-bottom: 0.5rem;
}
._shoppage_inner article dl{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
._shoppage_inner article dt{
    width: 100%;
}
._shoppage_inner article dd{
    width: 100%;
    line-height: 1.6;
}
._shoppage_inner article ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;    
}
._shoppage_inner article ul li{
    width: calc(50% - 0.5rem);
}
@media screen and (max-width:768px){
._shoppage_inner article ul li{
    width: 100%;
}
}
._sister_wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}
._sister_wrap h2{
    width: 100%;
    font-family: var(--mincho-font);
    font-size: 2rem;
    font-weight: bold;
    color: #B96F32;
    text-align: center;
}
._sister_inner{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}
._sister_inner article{ 
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    background: rgba(255, 255, 255, 0.5);
}
._sister_inner article figure{
    width: calc(50% - 1rem);
}
@media screen and (max-width:768px){
._sister_inner article figure{
    width: 100%;
}
}
._sister_inner article figure img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
._sister_inner article ._sister_info{
    width: calc(50% - 1rem);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 1rem 1rem 0;
}
@media screen and (max-width:768px){
._sister_inner article ._sister_info{
    width: 100%;
    padding: 0 1rem 1rem 1rem;
}
}
._sister_inner article ._sister_info h3{
    font-size: 1.2rem;
    font-family: var(--gothic-font);
    font-weight: bold;
    color: #C39A32;
    border-bottom: 1px dotted #C39A32;
    padding-bottom: 0.5rem;
}
._sister_inner article ._sister_info dl{
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
@media screen and (max-width:768px){
._sister_inner article ._sister_info dl{
    gap: 0.5rem;
}
}
._sister_inner article ._sister_info dt{
    width: calc(20% - 0.5rem);
}
@media screen and (max-width:768px){
._sister_inner article ._sister_info dt{
    width: 100%;
}
}
._sister_inner article ._sister_info dd{
    width: calc(80% - 0.5rem);
    line-height: 1.6;
}
@media screen and (max-width:768px){
._sister_inner article ._sister_info dd{
    width: 100%;
}
}
._sister_inner article ul{
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
._sister_inner article ul li{
    width: calc(50% - 0.5rem);
}
@media screen and (max-width:768px){
._sister_inner article ul li{
    width: 100%;
}
}
a._shoplink{
    display: inline-block;
    width: 100%;
    background: #C39A32;
    color: #FFFFFF;
    padding: 1rem;
    text-align: center;
    font-size: 0.9rem;
}
a._maplink{
    display: inline-block;
    width: 100%;
    background: #E4D9B2;
    padding: 1rem;
    text-align: center;
    font-size: 0.9rem;
}
._googlelink{
    width: auto !important;
    background: #EEEEEE;
    padding: 0.2rem 0.5rem;
    display: inline-block;
    border-radius: 7px;
    margin-top: 0.5rem;
    font-size: 0.9rem;
    font-weight: 300;
}

.slide_right {
    clip-path: inset(0 100% 0 0);
    transition-timing-function: cubic-bezier(0.72, 0, 0.38, 1);
    transition-duration: 1s;
}
.slide_right.active {
    clip-path: inset(0);
}
._shoppage_inner article ul._sns_wrap{
    width: 100%;
    display: flex;
    gap: 0.5rem;
}
._shoppage_inner article ul._sns_wrap li{
    width: auto;
}
._sns{
    width: 40px;
}

._head_btn{
    display: flex;
}
._footer_btn{
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    padding: 5px;
    z-index: 5;
}
@media screen and (max-width:1020px){
._head_btn{
    display: none;
}
._footer_btn{
    display: flex;
    gap: 0.5rem;
}
}
._footer_btn li{
    width: 50%;
    height: 100%;
}
._head_btn ._head_tel{
    padding: 0.1rem 1.2rem;
    border-radius: 30px;
    background: #C39A32;
    color: #FFFFFF;
}
._head_btn ._head_web{
    padding: 0.1rem 1.2rem;
    border-radius: 30px;
    background: #B96F32;
    color: #FFFFFF;
}
._footer_btn ._head_tel{
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background: #C39A32;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}
._footer_btn ._head_web{
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background: #B96F32;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}