/* TOPページ英語タイトル */
.news_section .section-title,
.point_section .section-title,
.service_section .section-title,
.voice_section .section-title,
.insta_section .section-title,
.contact_section .section-title {
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(28px, 6vw, 36px);
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }
/* コンセプトの文字サイズレスポンシブ */
.concept_section .section-title {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-size: clamp(28px, 6vw, 36px);
  }

/* ケータリング、FAQのフォントレスポンシブ */
.catering_section .section-title,
.faq_section .section-title {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-size: clamp(28px, 6vw, 36px);
}

/* POINT,お客様の声のフォントレスポンシブ */
.point_section .sub_title,
.voice_section .sub_title {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-size: clamp(20px, 6vw, 28px);
}
/* タイトル装飾 */
.title_dot {
    border-bottom: 6px dotted #e8e2d9 !important;
    font-family: "Noto Sans JP", sans-serif;
}
/* BBQ予約ボタン */
.btn_bbq {
    display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 300px;
    height: 98px;
	margin: auto;
	padding: 2.4rem 4rem;
	font-weight: bold;
	border: 2px solid #0E8542;
	color: #0E8542;
	cursor: pointer;
	position: relative;
 	overflow: hidden;
 	z-index: 1;
}
.btn_bbq::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #0E8542;
	transform: translateX(-100%);
	transition: all .3s;
	z-index: -1;
}
.btn_bbq:hover::before {
	transform: translateX(0);
}
.btn_bbq:hover {
	color: #fff;
}

/* EVENT参加ボタン */
.btn_event {
    display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 300px;
    height: 98px;
	margin: auto;
	padding: 2.4rem 4rem;
	font-weight: bold;
	border: 2px solid #E44141;
	color: #E44141;
	cursor: pointer;
	position: relative;
 	overflow: hidden;
 	z-index: 1;
}
.btn_event::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #E44141;
	transform: translateX(-100%);
	transition: all .3s;
	z-index: -1;
}
.btn_event:hover::before {
	transform: translateX(0);
}
.btn_event:hover {
	color: #fff;
}

/* お問い合わせボタン */
.btn_contact {
    display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 300px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #545454;
	color: #545454;
	cursor: pointer;
	position: relative;
 	overflow: hidden;
 	z-index: 1;
}
.btn_contact::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #545454;
	transform: translateX(-100%);
	transition: all .3s;
	z-index: -1;
}
.btn_contact:hover::before {
	transform: translateX(0);
}
.btn_contact:hover {
	color: #fff;
}

/* LINEお友達追加ボタン */
.btn_line {
    display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 300px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #08C656;
	color: #08C656;
	cursor: pointer;
	position: relative;
 	overflow: hidden;
 	z-index: 1;
}
.btn_line::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #08C656;
	transform: translateX(-100%);
	transition: all .3s;
	z-index: -1;
}
.btn_line:hover::before {
	transform: translateX(0);
}
.btn_line:hover {
	color: #fff;
}

/* -------BBQサービスページ--------- */
.bbq_top .jp_title,
.bbq_service .jp_title,
.bbq_price .jp_title,
.bbq_flow .jp_title {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(28px, 6vw, 36px);
}


/* -------BBQイベントページ--------- */
.event_top .jp_title,
.event_content .jp_title,
.event_gallery .jp_title,
.event_collaboration .jp_title,
.event_entry .jp_title,
.event_faq .jp_title,
.event_menu .jp_title {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(28px, 6vw, 36px);
}
.event_news .title {
	font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(28px, 6vw, 36px);
    letter-spacing: 0.1em;
    text-transform: uppercase;

}

.event_content .txt {
	font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(28px, 6vw, 36px);
}



/* -------出店・ケータリングページ--------- */
.catering_top .jp_title,
.catering_content .jp_title,
.catering_reasons .jp_title,
.catering_profile .jp_title,
.catering_gallery .jp_title {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(28px, 6vw, 36px);
}
/* -------よくある質問ページ--------- */
.question_section .section-title {
	font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(28px, 6vw, 36px);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* -------BBQ予約ページ--------- */
.reservation_section .section-title {
	font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(28px, 6vw, 36px);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* -------各種お問い合せページ--------- */
.contact_section .section-title {
	font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(28px, 6vw, 36px);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}



.loop-slider {
    display: flex;
    overflow: hidden;
    gap: 1.5rem; /* 画像間の余白を指定 */
}

.loop-slider .wp-block-group__inner-container,
.loop-slider .swell-block-columns {
    display: contents;
}

.loop-slider .swell-block-columns__inner {
    flex-wrap: nowrap;
    animation: infinity-scroll-left 30s infinite linear; /* アニメーションの時間を指定 */
}

.loop-slider .swell-block-column figure {
    width: 500px; /* 画像の横幅を指定（パソコン） */
    position: relative;
}

.loop-slider .swell-block-column figure::before {
    padding-top: 50%; /* 画像の縦横比を指定 */
    display: block;
    content: "";
}

.loop-slider .swell-block-column figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 959px) {
    .loop-slider .swell-block-column figure {
        width: 200px; /* 画像の横幅を指定（スマホ） */
    }
}

@keyframes infinity-scroll-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}