@charset "UTF-8";
:root {
    --base-color: #F7F1E6;
    --main-color: #FFFFFF;
    --accent-color: #D8B98A;
    --base-font-color: #2B2926;
    --accent-font-color: #2B2926;
    --en-font: futura-pt, sans-serif;
    --mincho-font: yu-mincho-pr6n, sans-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,body {
    font-size: var(--font-size);
    font-family: var(--mincho-font);
    font-weight: var(--font-weight);
    font-style: var(--font-style);
    background: var(--base-color);
    color: var(--base-font-color);
}
body {
    position: relative;
    min-height: 100vh;
    margin: 0;
}
.en{
    font-family: var(--en-font);
}
._pc{
    display: block;
}
._sp{
    display: none;
}
@media screen and (max-width:900px){
._pc{
    display: none;
}
._sp{
    display: block;
}
}
header{
    width: 100%;
    height: 70px;
    position: relative;
}
header nav{
    margin-inline-start: auto;
    margin-inline-end: auto;
    width: 87.5%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 2rem;
}
@media screen and (max-width:767px){
header nav{
    justify-content: center;
}
}
header nav h1{
    width: 150px;
    height: auto;
}
@media screen and (max-width:767px){
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;
}
@media screen and (max-width:900px){
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:900px){
.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:767px){
._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;
    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);
}
@media screen and (max-width:767px){
#_index ._mainvisual{
    height: calc(70svh - 100px);
}
}
._view_mainvisual{
    margin-inline-start: auto;
    margin-inline-end: auto;
    width: 87.5%;
    max-width: var(--global-content-max-width);
    position: relative;
}
._view_mainvisual video{
    position: absolute;
    top: 50px;
    right: 0px;
    object-fit: cover;
    aspect-ratio: 16/9;
    width: 80%;
    border-radius: 30px;
}
@media screen and (max-width:767px){
._view_mainvisual video{
    top: 0;
    aspect-ratio: 9/16;
    width: 90%;
}
}
.video-pc{
    display: block;
    background-size: cover;
    background-position: center;
    background-image: url('../images/poster_pc.png');
}
.video-sp{
    display: none;
}
@media screen and (max-width:767px){
.video-pc{
    display: none;
}
.video-sp{
    display: block;
    background-size: cover;
    background-position: center;
    background-image: url('../images/poster_sp.png');
}
}
._view_mainvisual h1{
    position: absolute;
    top: 150px;
    left: 30px;
    color: #000000;
    font-size: 2rem;
    font-style: italic;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.3rem;
    z-index: 2;
}
@media screen and (max-width:767px){
._view_mainvisual h1{
    top: 10px;
    left: 0;
    font-size: 1.4rem;
}
}
._view_mainvisual h1 span{
    display: inline-block;
    background: rgba(255,255,255,1);
    padding: 0.2rem 0.5rem;
    margin-bottom: 5px;
}
._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 h2{
    width: 100%;
    font-size: 1.8rem;
    line-height: 1.3;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width:767px){
._concept h2{
    font-size: 1.5rem;
}
}
._concept h2::before{
    content: '';
    width: 50px;
    height: 50px;
    background: url(../images/donabe.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: inline-block;
    margin-right: 0.5rem;
}
._concept h2 span{
    font-size: 2.1rem;
}
@media screen and (max-width:767px){
._concept h2 span{
    font-size: 1.7rem;
}
}
._concept_wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
._concept_txt{
    font-size: 1.1rem;
    line-height: 1.6;
    width: 80%;
    margin: 0 auto;
    padding: 0 0 1rem 0;
}
@media screen and (max-width:767px){
._concept_txt{
    width: 100%;
}
}
._concept_txt._concept{
    font-size: 1.1rem;
    line-height: 1.6;
    width: 70%;
    margin: 0 auto;
    padding: 0 0 2rem 0;
}
@media screen and (max-width:767px){
._concept_txt._concept{
    width: 80%;
}
}
._concept_wrap article{
    width: calc((100% - 2rem) / 3);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 1rem;
    background: #FFFFFF;
    padding: 1rem;
    border-radius: 30px;
    container-type: inline-size;
}
@media screen and (max-width:767px){
._concept_wrap article{
    width: 100%;
}
}
._concept_wrap article figure{
    width: 100%;
    position: relative;
}
._concept_wrap article figure img{
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16/13;
    border-radius: 20px;
}
._concept_wrap article figure::before{
    content: '';
    width: 57px;
    height: 60px;
    position: absolute;
    top: -0.5rem;
    left: -0.5rem;
    z-index: 2;
}
/*._concept_wrap article:nth-child(1) figure::before{*/
/*    background: url(../images/point_01.png);*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*}*/
/*._concept_wrap article:nth-child(2) figure::before{*/
/*    background: url(../images/point_02.png);*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*}*/
/*._concept_wrap article:nth-child(3) figure::before{*/
/*    background: url(../images/point_03.png);*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*}*/
._concept_wrap article h3{
    width: 100%;
    padding: 1rem;
    /*font-size: 1.5rem;*/
    font-size: clamp(1rem, 5.58cqw, 1.25rem);
    font-weight: bold;
    text-align: center;
}
@media screen and (max-width:767px){
._concept_wrap article h3{
    padding: 1rem 0;
}
}
._concept_wrap article h3 span{
    padding-bottom: 0.5rem;
    border-bottom: 1px dotted;
}
._concept_wrap article p{
    width: 100%;
    font-family: var(--gothic-font);
    font-weight: 300;
    line-height: 1.6;
    padding: 0 1rem;
}

._more{
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 1;
}
/* ボタンの基本スタイル */
.btn-custom {
  position: relative;
  display: inline-block;
  padding: 16px 40px;
  background-color: #FFFFFF; /* 通常時の背景色 */
  color: var(--base-font-color);           /* 通常時の文字色 */
  border-radius: 9999px;     /* 丸みのある角丸 */
  text-decoration: none;
  overflow: hidden;          /* 擬似要素のはみ出しを隠す */
  z-index: 1;
  transition: color 0.4s ease; /* 文字色の滑らかな変化 */
}
/* 左から塗られる背景色の定義 */
.btn-custom::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #8A4B2A; /* ホバー時の背景色 */
  border-radius: 9999px;
  z-index: -1;
  /* 初期状態で左側に縮小 */
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.4s ease; /* アニメーション速度 */
}
/* マウスオン（ホバー）時 */
.btn-custom:hover {
  color: #FFFFFF; /* 文字色を白に変更 */
}
.btn-custom:hover::before {
  transform: scaleX(1); /* 左から全幅へ拡大 */
}

._lunch{
    position: relative;
    width: 100%;
    padding: 5rem 0;
}
._lunch ._view_contents{
    margin-inline-start: 6.25%;
    width: 93.75%;
    margin-inline-end: 0;
    max-width: unset;
    gap: 2rem;
}
@media screen and (max-width:767px){
._lunch ._view_contents{
    margin-inline-start: auto;
    width: 87.5%;
    margin-inline-end: auto;
}
}
._lunch h2{
    width: 100%;
    font-size: 1.75rem;
    line-height: 1.3;
    display: flex;
    align-items: center;
}
@media screen and (max-width:767px){
._lunch h2{
    font-size: 1.5rem;
}
}
._lunch h2::before{
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url('../images/day.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (max-width:767px){
._lunch h2::before{
    width: 30px;
    height: 30px;
}
}
._lunch ._menu_txt{
    width: 100%;
    line-height: 1.6;
}
@media screen and (max-width:767px){
._lunch ._menu_txt br{
    display: none;
}
}
._lunch_wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    font-family: var(--mincho-font);
    z-index: 1;
    overflow: hidden;
}
._lunch_wrap .swiper-wrapper{
    width: 100%;
}
._lunch_wrap article{
    width: calc((100% - 2rem) / 3);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 1rem;
    background: #FFFFFF;
    border-radius: 30px;
    padding: 1rem;
}
@media screen and (max-width:767px){
._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%;
    border-radius: 20px;
}
._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);
}
._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;
}
._lunch_more{
    width: 87.5%;
    margin: 3rem auto 0;
    display: flex;
    justify-content: end;
    align-items: center;
}
@media screen and (max-width:767px){
._lunch_more{
    justify-content: space-between;
}
}
.swiper-button{
    display: flex;
    position: relative;
    width: 132px;
    height: 50px;
    align-items: center;
}
.swiper-button-prev {
    position: absolute;
    top: 22px;
    bottom: unset;
    right: unset;
    left: 1rem;
    background: #FFFFFF;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.swiper-button-next{
    position: absolute;
    top: 22px;
    bottom: unset;
    right: 0;
    left: unset;
    background: #FFFFFF;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}
.swiper-button-prev {
  background: #FFFFFF url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>') no-repeat center / 20px;
}
.swiper-button-next {
  background: #FFFFFF url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>') no-repeat center / 20px;
}

._dinner{
    width: 100%;
    padding: 5rem 0;
    background: var(--accent-color);
    position: relative;
}
._dinner::before{
    content: '';
    width: 100%;
    height: 40px;
    background: url(../images/intro_wave_2.png);
    background-size: contain;
    position: absolute;
    top: -1rem;
    left: 0;
}
@media screen and (max-width:767px){
._dinner::before{
    top: -0.5rem;
}
}
._dinner::after{
    content: '';
    width: 100%;
    height: 40px;
    background: url(../images/intro_wave_2.png);
    background-size: contain;
    position: absolute;
    bottom: -1rem;
    left: 0;
    transform: rotate(-180deg);
}
@media screen and (max-width:767px){
._dinner::after{
    bottom: -0.5rem;
}
}
._dinner ._view_contents{
    margin-inline-start: 6.25%;
    width: 93.75%;
    margin-inline-end: 0;
    max-width: unset;
    gap: 2rem;
}
@media screen and (max-width:767px){
._dinner ._view_contents{
    margin-inline-start: auto;
    width: 87.5%;
    margin-inline-end: auto;
}
}
._dinner h2{
    width: 100%;
    font-size: 1.75rem;
    line-height: 1.3;
    display: flex;
    align-items: center;
}
@media screen and (max-width:767px){
._dinner h2{
    font-size: 1.5rem;
}
}
._dinner h2::before{
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url('../images/night.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (max-width:767px){
._dinner h2::before{
    width: 30px;
    height: 30px;
}
}
._dinner ._menu_txt{
    width: 100%;
    line-height: 1.6;
}
@media screen and (max-width:767px){
._dinner ._menu_txt br{
    display: none;
}
}
._dinner_wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    font-family: var(--mincho-font);
    z-index: 1;
    overflow: hidden;
}
._dinner_wrap .swiper-wrapper{
    width: 100%;
}
._dinner_wrap article{
    width: calc((100% - 2rem) / 3);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 1rem;
    background: #FFFFFF;
    border-radius: 30px;
    padding: 1rem;
}
@media screen and (max-width:767px){
._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%;
    border-radius: 20px;
}
._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);
}
._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;
}
._dinner_more{
    width: 87.5%;
    margin: 3rem auto 0;
    display: flex;
    justify-content: end;
    align-items: center;
}
@media screen and (max-width:767px){
._dinner_more{
    justify-content: space-between;
}
}

._news{
    position: relative;
    width: 100%;
    padding: 5rem 0;
}
._news h2{
    width: 100%;
    font-size: 1.75rem;
    line-height: 1.3;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width:767px){
._news h2{
    font-size: 1.5rem;
}
}
._news h2::before{
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url('../images/news.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(-10deg);
    margin-right: 0.5rem;
}
@media screen and (max-width:767px){
._news h2::before{
    width: 30px;
    height: 30px;
}
}
._news_wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap; 
    gap: 2rem;
    background: #FFFFFF;
    border-radius: 30px;
    padding: 2rem;
}
._news_wrap ul{
    width: 70%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}
@media screen and (max-width:767px){
._news_wrap ul{
    width: 100%;
}
}
._news_wrap ul li{
    width: 100%;
    border-bottom: 1px dashed;
}
._news_wrap ul li:last-child{
    width: 100%;
    border-bottom: unset;
}
._news_wrap ul li a{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-family: var(--gothic-font);
}
._news_wrap ul li a ._news_item{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem;
}
._news_wrap ul li ._date{
    width: 15%;
    font-weight: 300;
}
@media screen and (max-width:767px){
._news_wrap ul li ._date{
    width: 100%;
}
}
._news_wrap ul li h3{
    width: 85%;
}
@media screen and (max-width:767px){
._news_wrap ul li h3{
    width: 100%;
}
}
.news_pagenavi{
    display: flex;
    justify-content: space-around;
    width: 100%;
    padding: 3rem 0;
}
.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;
}

._pickup{
    position: relative;
    width: 100%;
    padding: 5rem 0;
}
._pickup ._view_contents{
    gap: 3rem;   
}
._pickup h2{
    width: 100%;
    height: 3rem;
    line-height: 1.3;
    background: url(../images/pickup_bk.png);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    position: relative;
}
._pickup h2 span{
    font-size: 1.9rem;
    color: #FFFFFF;
    z-index: 1;
    padding-left: 0.5rem;
}
@media screen and (max-width:767px){
._pickup h2{
    font-size: 1.5rem;
}
}
._pickup article{
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}
@media screen and (max-width:767px){
._pickup article{
    flex-direction: column-reverse;
}
}
._pickup article figure{
    width: calc(55% - 1rem);
}
@media screen and (max-width:767px){
._pickup article figure{
    width: 100%;
}
}
._pickup article figure img{
    object-fit: cover;
    width: 100%;
    aspect-ratio: 16/10;
    border-radius: 30px;
}
._pickup_item{
    width: calc(45% - 1rem);
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
@media screen and (max-width:767px){
._pickup_item{
    width: 100%;
}
}
._pickup_item h3{
    font-size: 2rem;
    font-family: var(--gothic-font); 
}
._pickup_item ._pickup_txt{
    line-height: 1.6;
    font-family: var(--gothic-font); 
}

._shop{
    width: 100%;
    padding: 5rem 0;
}
._shop h2{
    width: 100%;
    font-family: var(--mincho-font);
    font-size: 1.8rem;
    line-height: 1.3;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width:767px){
._shop h2{
    font-size: 1.5rem;
}
}
._shop h2::before{
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url('../images/ichi.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 0.5rem;
}
@media screen and (max-width:767px){
._shop h2::before{
    width: 30px;
    height: 30px;
}
}
._shop h2 span {
    font-size: 2.1rem;
}
@media screen and (max-width:767px){
._shop h2 span {
    font-size: 1.7rem;
}
}
._shop_wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 2rem;
}
._shop article{
    width: calc(50% - 1rem);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    background: #FFFFFF;
    padding: 2rem;
    border-radius: 30px;
}
@media screen and (max-width:767px){
._shop article{
    width: 100%;
    padding: 1rem;
}
}
article ._shopimg_wrap{
    width: 100%;
    overflow: hidden;
}
._shopimg_wrap .swiper-wrapper{
    width: 100%;
}
._shopimg_wrap figure.swiper-slide{
    width: 100%;
    aspect-ratio: 16/9;
}
@media screen and (max-width:767px){
._shopimg_wrap figure.swiper-slide{
    aspect-ratio: 16/13;
}
}
._shopimg_wrap figure.swiper-slide img{
    object-fit: cover;
    width: 100%;
    aspect-ratio: 16/9; 
    border-radius: 20px;
}
@media screen and (max-width:767px){
._shopimg_wrap figure.swiper-slide img{
    aspect-ratio: 16/13;
}
}
._shop h3{
    font-family: var(--gothic-font); 
    /*font-size: 1.5rem;*/
    font-size:clamp(1rem, 3.3cqw, 1.4rem);
    font-weight: bold;
    line-height: 1.4;
}
._shop dl{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    font-family: var(--gothic-font); 
}
@media screen and (max-width:767px){
._shop dl{
    width: 100%;
    gap: 0.5rem;
}
}
._shop dl dt{
    width: calc(20% - 0.5rem);
    line-height: 1.6;
    font-weight: 500;
}
@media screen and (max-width:767px){
._shop dl dt{
    width: 100%;
}
}
._shop dl dd{
    width: calc(80% - 0.5rem);
    line-height: 1.6;
    font-weight: 300;
}
@media screen and (max-width:767px){
._shop dl dd{
    width: 100%;
}
}
._maplink{
    background: #EEEEEE;
    padding: 0.2rem 0.5rem;
    display: inline-block;
    border-radius: 7px;
    margin-top: 0.5rem;
    font-size: 0.9rem;
    font-weight: 300;
}
._shop_url{
    width: 100%;
    display: flex;
    justify-content: right;
}
._shop_url a{
    display: flex;
    background: var(--accent-color) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>') no-repeat center / 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
._url_wrap{
    width: 100%;
    display: flex;
    gap: 1rem;
}
._url_wrap li{
    width: calc((100% - 1rem)/2);
}
._reserve{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 99999px;
    background: #EDA1A5;
    color: #FFFFFF;
    padding: 1rem;
    width: 100%;
}
._tel{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 99999px;
    background: var(--accent-color);
    color: #FFFFFF;
    padding: 1rem;
    width: 100%;
}
._shopinfo{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 99999px;
    background: #00A9E0;
    color: #FFFFFF;
    padding: 1rem;
    width: 100%;
}

._instagram{
    width: 100%;
    padding: 5rem 0;
}
._instagram h2{
    width: 100%;
    font-size: 2.1rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
@media screen and (max-width:767px){
._instagram h2{
    font-size: 1.7rem;
}
}
._instagram h2::before{
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('../images/Instagram_Glyph_Black.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (max-width:767px){
._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: #3A3430;
}
@media screen and (max-width:767px){
#shop footer{
    padding: 3rem 0 5rem;
}
}
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:767px){
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:767px){
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;
    border-radius: 50%;
    background: #8A4B2A url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 15 12 9 18 15"/></svg>') no-repeat center / 20px;
}
@media screen and (max-width:767px){
#totop {
    right:20px;
    bottom:20px;
    width:40px;
    height:40px;
}
#shop #totop {
    bottom:5rem;
}
}
/* パンくずリスト全体の装飾例 */
#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:767px){
#_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:767px){
#_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:767px){
._newspage_wrap ._view_contents{
    gap: 5rem;
}
}
._newspage_left{
    width: calc(70% - 1.5rem);
}
@media screen and (max-width:767px){
._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);
    border-radius: 20px;
    padding: 1rem;
}
._newspage_left ul li a figure{
    width: 20%;
    aspect-ratio: 1;
}
@media screen and (max-width:767px){
._newspage_left ul li a figure{
    width: 30%;
}
}
._newspage_left ul li a figure img{
    object-fit: cover;
    width: 100%;
    border-radius: 20px;
}
._newspage_item{
    width: 80%;
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
}
@media screen and (max-width:767px){
._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: 1.6rem;
    font-weight: 400;
    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:767px){
._newspage_right{
    width: 100%;
}
}
._newspage_right aside{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 20px;
    padding: 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:767px){
#_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:767px){
#_menupage ._mainvisual h1{
    font-size: 2rem;
}
}
._menupage_wrap{
    width: 100%;
    padding: 3rem 0 10rem;
}
._menupage_inner{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
._menupage_inner h2{
    width: 100%;
    font-family: var(--mincho-font);
    font-size: 2rem;
    text-align: center;
    color: #8a4b2a;
}
._menupage_inner h3{
    width: 100%;
    font-family: var(--mincho-font);
    font-size: 1.5rem;
    color: #C49A6C;
}
._category_itemes{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
._category_txt{
    line-height: 1.5;
}
._menu_itemes{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
._menu_itemes article{
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 1rem;
    font-family: var(--gothic-font);
    line-height: 1.6;
    background: rgba(255, 255, 255, 0.5);
    padding: 1rem;
    border-radius: 30px;
}
._menu_itemes article.layout_2{
    width: calc((100% - 1rem)/2);
    border-radius: 20px;
}
@media screen and (max-width:767px){
._menu_itemes article.layout_2{
    width: 100%;
}
}
._menu_itemes article.layout_3{
    width: calc((100% - 2rem)/3);
}
@media screen and (max-width:767px){
._menu_itemes article.layout_3{
    width: 100%;
}
}
._menu_itemes article.layout_4{
    width: calc((100% - 3rem)/4);
}
@media screen and (max-width:767px){
._menu_itemes article.layout_4{
    width: 100%;
}
}
._menu_itemes article figure{
    width: 100%;
}
._menu_itemes article figure img{
    aspect-ratio: 16/13;
    object-fit: cover;
    width: 100%;
    border-radius: 20px;
}
._menu_itemes article figure._coursemenu img{
    aspect-ratio: 16/10;
}
._menu_itemes article ._menu_inner{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
._menu_itemes article h4{
    width: 100%;
    font-size: 1.1rem;
}
._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:767px){
#_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:767px){
#_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:767px){
._faqpage_wrap ._view_contents{
    width: 87.5%;
    gap: 2rem;
}
}
._faqpage_wrap article{
    width: 100%;
    padding: 1rem;
    background: rgba(255,255,255,0.5);
    border-radius: 20px;
}
@media screen and (max-width:767px){
._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:767px){
#_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:767px){
#_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);
    border-radius: 30px;
    padding: 2rem;
}
@media screen and (max-width:767px){
._concept_item{
    padding: 1rem;
    gap: 2rem;
}
}
._concept_item figure{
    width: 100%;
}
._concept_item figure img{
    aspect-ratio: 16/9;
    object-fit: cover;
    width: 100%;
    border-radius: 20px;
}
@media screen and (max-width:767px){
._concept_item figure img{
    aspect-ratio: 16/13;
}
}
._concept_item h2{
    width: 100%;
    font-family: var(--mincho-font);
    /*font-size: 2rem;*/
    font-size: clamp(1rem, 5.5cqw, 2rem);
    font-weight: bold;
    color: #8a4b2a;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width:767px){
._concept_item h2{
    flex-direction: column;
    /*font-size: 1.7rem;*/
    gap: 1rem;
}
}
._concept_item h2::before{
    content: '';
    width: 60px;
    height: 60px;
    margin-right: 1rem;
}
@media screen and (max-width:767px){
._concept_item h2::before{
    width: 70px;
    height: 70px;
}
}
._concept_item:nth-child(1) h2::before{
    background: url(../images/point_1_cp.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
._concept_item:nth-child(2) h2::before{
    background: url(../images/point_2_cp.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
._concept_item:nth-child(3) h2::before{
    background: url(../images/point_3_cp.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

._concept_item ._txt{
    width: 70%;
    font-family: var(--gothic-font);
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.6;
    margin: 0 auto;
    padding: 0 0 2rem 0;
}
@media screen and (max-width:767px){
._concept_item ._txt{
    width: 100%;
    padding: 0 0 1rem 0;
}
}


#_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:767px){
#_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:767px){
#_shoppage ._mainvisual h1{
    font-size: 2rem;
}
}
._shoppage_wrap{
    width: 100%;
    padding: 3rem 0 10rem;
}
._shoppage_inner{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}
._shoppage_inner article{
    width: calc(50% - 1rem);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 2rem;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 30px;
}
@media screen and (max-width:767px){
._shoppage_inner article{
    width: 100%;
    padding: 1rem;
}
}
._shoppage_inner article figure{
    width: 100%;
}
._shoppage_inner article figure img{
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
    border-radius: 20px;
}
._shoppage_inner article h2{
    width: 100%;
    font-size: 1.3rem;
    font-family: var(--gothic-font);
    font-weight: bold;
    color: #8a4b2a;
    border-bottom: 1px dotted #8a4b2a;
    padding-bottom: 0.5rem;
}
._shoppage_dl{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    font-family: var(--gothic-font);
}
._shoppage_dl dl{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.6;
}
._shoppage_dl dt{
    width: 20%;
    font-weight: 500;
}
@media screen and (max-width:767px){
._shoppage_dl dt{
    width: 100%;
}
}
._shoppage_dl dd{
    width: 80%;
    font-weight: 300;
}
@media screen and (max-width:767px){
._shoppage_dl dd{
    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;
}


#_detailpage ._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:767px){
#_detailpage ._mainvisual{
    width: 100%;
    height: calc(350px - 100px);
}
}
._mainvisual_wrap{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
._mainvisual_wrap .swiper-wrapper{
    width: 100%;
}
._mainvisual_wrap .swiper-slide{
    width: 100%;
    height: 100%;
}
._mainvisual_wrap .swiper-slide img{
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
._detailpage_wrap{
    width: 100%;
    padding: 3rem 0;
}
._detailpage_wrap ._view_contents{
    gap: 1rem;
}
._detailpage_wrap ._head{
    width: 100%;
    display: flex;
    align-items: center;
}
._detailpage_wrap h1{
    width: 70%;
    font-size: 2rem;
    font-family: var(--gothic-font);
    font-weight: bold;
    color: #8A4B2A;
}
@media screen and (max-width:767px){
._detailpage_wrap h1{
    width: 100%;
    font-size: 1.3rem;
}
}
._detailpage_wrap ._head ul{
    display: block;
    width: 30%;
    display: flex;
    gap: 0.5rem;
}
@media screen and (max-width:767px){
._detailpage_wrap ._head ul{
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 1rem;
    z-index: 15;
}
}
._detailpage_wrap ._head ul li{
    width: calc((100% - 0.5rem)/2);
}
._detailpage_inner{
    width: 100%;
    display: flex;
    flex-direction: column;
    font-family: var(--gothic-font);
    line-height: 1.6;
}
._detailpage_inner dl{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    border-top: 1px dotted #C49A6C;
}
@media screen and (max-width:767px){
._detailpage_inner dl{
    gap: 0;
    padding: 1rem 0;
}
}
._detailpage_inner dl dt{
    width: calc(20% - 0.5rem);
    padding: 1rem 0;
    font-weight: 500;
}
@media screen and (max-width:767px){
._detailpage_inner dl dt{
    width: 100%;
    padding: 0;
}
}
._detailpage_inner dl dd{
    width: calc(80% - 0.5rem);
    padding: 1rem 0;
    font-weight: 300;
}
@media screen and (max-width:767px){
._detailpage_inner dl dd{
    width: 100%;
    padding: 0;
}
}
._detailpage_inner ._map{
    width: 100%;
    border: 5px solid #FFFFFF;
    border-radius: 30px;
}
._detailpage_inner ._map iframe{
    width: 100%;
    border-radius: 30px;
}
.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);
}

._course{
    width: 100%;
    padding: 5rem 0;
}
._course h2{
    width: 100%;
    font-size: 1.8rem;
    line-height: 1.3;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width:767px){
._course h2{
    font-size: 1.5rem;
}
}
._course h2::before {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(../images/course_icon2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 0.5rem;
}
@media screen and (max-width:767px){
._course h2::before {
    width: 30px;
    height: 30px;
}
}
._course_wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
}
._course_wrap article{
    width: calc((100% - 3rem) / 2);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 1rem;
    background: #FFFFFF;
    padding: 2rem;
    border-radius: 30px;
    container-type: inline-size;
}
@media screen and (max-width:767px){
._course_wrap article{
    width: 100%;
    padding: 1rem;
}
}
._course_wrap article figure{
    width: 100%;
    position: relative;
}
._course_wrap article figure img{
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16/10;
    border-radius: 20px;
}
._course_wrap article h3{
    width: 100%;
    font-size: 1.12rem;
    font-family: var(--gothic-font);
}
._course_price{
    width: 100%;
    font-size: 1rem;
    font-family: var(--gothic-font);
    text-align: right;
}
._course_detail{
    font-size: 1rem;
    font-family: var(--gothic-font);
    line-height: 1.6;
    font-weight: 300;
}
._menu_itemes._drink article{
    border-radius: 15px;
}
.wavy-line {
  width: 100%;
  height: 100px;
  /* stroke-dasharray="4,4" を追加して点線化 */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><path d="M0 10 Q 25 20, 50 10 T 100 10" fill="none" stroke="%232B2926" stroke-width="0.2" stroke-dasharray="2,2"/></svg>');
  background-size: 400px 100px;
  background-repeat: repeat-x;
}
._line{
    width: 90%;
    margin: 0 auto;
    border-bottom: 0.5px dotted #8A4B2A;
}
._sns_wrap{
    width: 100%;
    display: flex;
    gap: 0.5rem;
}
._sns{
    width: 40px;
}