@charset "UTF-8";
/*
Template: arkhe
Theme Name: Arkhe Child
Theme URI: https://arkhe-theme.com/ja/
Description: Arkhe用子テーマ
Version: 1.0.0
Text Domain: arkhe
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
*/
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Zen+Kaku+Gothic+New:wght@300;400;500;700&display=swap');

body{
	  font-family: "Zen Kaku Gothic New", sans-serif;
}


.c-gnav__a .__mainText {
  color: transparent;
  background: linear-gradient(to right, #FF8243 0 50%, #fff 50% 100%);
  background-size: 200% 100%;
  background-position: 100% 0;
  background-clip: text;
  -webkit-background-clip: text;
  transition: background-position .45s ease;
}

.c-gnav__a:hover .__mainText {
  background-position: 0 0;
}

/* スクロール後：通常文字を黒に */
[data-scrolled="true"] .c-gnav__a .__mainText {
  background-image: linear-gradient(to right, #FF8243 0 50%, #000 50% 100%);
}
/* =========================
   EVENT SLIDER
========================= */

.event_slider {
	width: 100%;
	overflow: hidden !important;
	padding: 45px 0 55px;
}

.event_slider .swiper-wrapper {
	align-items: center;
	overflow: visible;
}

.event_slide {
	overflow: visible;
	z-index: 1;
}

.event_pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	margin: 0 6px !important;

	background: transparent !important;
	border: 1px solid #f08300;
	box-sizing: border-box;

	opacity: 1;
}

/* 選択中 */
.event_pagination .swiper-pagination-bullet-active {
	background: #f08300!important;
	border-color: #f08300;
}

/* =========================
   画像全体
========================= */

.event_slide > a {
	display: block;

	transform: scale(.85);

	transform-origin: center center;

	transition:
		transform .7s cubic-bezier(.22,.61,.36,1),
		opacity .7s ease;

	opacity: .75;
}


/* 中央のスライド */
.event_slide.swiper-slide-active > a {
	transform: scale(1.1);

	opacity: 1;

	position: relative;
	z-index: 5;
}


/* =========================
   IMAGE
========================= */

.event_slide img {
	display: block;
	width: 100%;
	height: auto;

	aspect-ratio: 16 / 8.2;

	object-fit: cover;
}


/* =========================
   PAGINATION
========================= */

.event_pagination {
	display: flex;
	justify-content: center;
	align-items: center;

	gap: 10px;

	margin-top: 45px;
}

.event_pagination .swiper-pagination-bullet {
	width: 6px;
	height: 6px;

	margin: 0 !important;

	background: #ccc;

	opacity: 1;
}

.event_pagination .swiper-pagination-bullet-active {
	background: #f08300;
}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

	.event_slide > a {
		transform: scale(.9);
	}

	.event_slide.swiper-slide-active > a {
		transform: scale(1);
	}

}

/* ==========================================
   EVENT STATIC
   1〜3件
========================================== */

.event_slider.is-static {
	overflow: visible;
}

.event_slider.is-static .swiper-wrapper {
	display: grid !important;

	grid-template-columns:
		repeat(3, minmax(0, 1fr));

	gap: 45px;

	width: 100%;

	transform: none !important;

	align-items: center;
}

.event_slider.is-static .event_slide {
	width: auto !important;
	margin: 0 !important;

	overflow: visible;
}


/* 通常位置 */
.event_slider.is-static .event_slide > a {
	display: block;

	transform: scale(.88);

	transform-origin: center center;

	opacity: .8;

	transition:
		transform .6s ease,
		opacity .6s ease;
}


/* ==========================================
   1件
   □ ■ □
========================================== */

.event_slider.is-count-1 .event_slide:nth-child(1) {
	grid-column: 2;
}

.event_slider.is-count-1 .event_slide:nth-child(1) > a {
	transform: scale(1.08);
	opacity: 1;
}


/* ==========================================
   2件
   □ ■ □
       ↑ ↑
      中 右
========================================== */

.event_slider.is-count-2 .event_slide:nth-child(1) {
	grid-column: 2;
}

.event_slider.is-count-2 .event_slide:nth-child(2) {
	grid-column: 3;
}


/* 中央 */
.event_slider.is-count-2 .event_slide:nth-child(1) > a {
	transform: scale(1.08);
	opacity: 1;
}


/* ==========================================
   3件
   左 中 右
========================================== */

.event_slider.is-count-3 .event_slide:nth-child(1) {
	grid-column: 1;
}

.event_slider.is-count-3 .event_slide:nth-child(2) {
	grid-column: 2;
}

.event_slider.is-count-3 .event_slide:nth-child(3) {
	grid-column: 3;
}


/* 真ん中だけ拡大 */
.event_slider.is-count-3 .event_slide:nth-child(2) > a {
	transform: scale(1.08);
	opacity: 1;
}


/* ページネーション非表示 */
.event_slider.is-static .event_pagination {
	display: none;
}


/* =========================
   NEWS
========================= */

.news_section {
	background: #eee;
	padding: 90px 0 100px;
}

.one_news_grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 34px;
}

.one_news_item a {
	display: block;
	color: inherit;
	text-decoration: none;
}

.one_news_image {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #fff;
	border:solid 1px #eee;
}

.one_news_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .6s ease;
}

.one_news_item a:hover img {
	transform: scale(1.04);
}

.one_news_content {
	padding-top: 15px;
}

.one_news_date {
	display: block;

	font-size: 11px;
	letter-spacing: .1em;

	color: #f18300;

	margin-bottom: 8px;
}

.one_news_title {
	font-size: 15px;
	line-height: 1.6;

	margin: 0 0 8px;
}

.one_news_excerpt {
	font-size: 12px;
	line-height: 1.8;
	margin: 0;
}
.one_news_categories {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;

	margin-bottom: 8px;
}

.one_news_category {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 3px 10px;

	border: 1px solid #f18300;

	color: #f18300;

	font-size: 10px;
	line-height: 1.5;

	white-space: nowrap;
}

@media (max-width: 1024px) {

	.one_news_grid {
		grid-template-columns: repeat(2, 1fr);
	}

}


@media (max-width: 767px) {

	.news_section {
		padding: 60px 0 70px;
	}

	.one_news_grid {
		grid-template-columns: 1fr 1fr;
		gap: 25px 12px;
	}
	.footer_info img{
		width:35%;
		margin-left:auto;
		margin-right:auto;
	}

}

.one_seana_heading {
	margin: 0 0 55px;

	color: #f18300;

font-family: "Figtree", sans-serif;

	font-size:
		clamp(30px, 3vw, 48px);
	font-weight: 700;
	line-height: 1;
/* 	letter-spacing: .12em; */
}
.one_seana_heading .ark-block-heading__sub{
	line-height: 1;
	font-size:
		clamp(13px, 1.2vw, 22px);
	 font-family: "Zen Kaku Gothic New", sans-serif;
	color:#2f2726;
	font-weight: 400;
}
.txt_white .ark-block-heading__sub{
	color:#fff;
}

.l-header__body{
	max-width:100%;
}


.header_instagram {
	color: #292321;
	font-size: 30px;
	line-height: 1;
	text-decoration: none;
	transition:0.5s;
}

.header_instagram i {
	display: block;
}

.l-header__right .header_instagram:hover {
	opacity: 1;
	color:#ff8200;
}
/* ナビ右側：Instagram + 言語切替 */
.l-header__right .header_extra {
	display: flex !important;
	flex-direction: row !important;
	align-items: center;
	flex-wrap: nowrap;
	gap: 24px;
	margin-left: 35px;
}

/* Instagram */
.l-header__right .header_instagram {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 32px;
	line-height: 1;
	color: #292321;
	text-decoration: none;
}

/* JP / EN */
.l-header__right .header_language {
	display: flex !important;
	flex-direction: row !important;
	align-items: center;
	flex-wrap: nowrap;
	gap: 10px;
	flex-shrink: 0;
}

.l-header__right .header_language a,
.l-header__right .header_language span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 30px;
	padding: 0;
	line-height: 1;
	white-space: nowrap;
	text-decoration: none;
	transition:0.5s;
}


.l-header__right .header_language .is-current {
	background: #292321;
	color: #fff;
}
.home .c-widget+.c-widget{
	margin-top:0 !important;
}
.l-header__right .header_language a:hover{
	background-color:#ff8200 !important;
	color:#fff;
}
footer .wp-block-image{
	text-align:left;
}

.footer_link a{
	opacity:1 !important;
}
footer a{
	text-decoration:none;
	transition:0.5s;
	opacity:1;
}
footer a:hover{
	opacity:0.5!important;
}

@media (max-width: 767px) {

	.event_slider {
		overflow: hidden;
		padding: 25px 0 45px;
	}


	/* 左右 */
	.event_slide > a {
		transform: scale(.88);
		opacity: 1;

		transition:
			transform .6s cubic-bezier(.22,.61,.36,1),
			opacity .6s ease;
	}


	/* 中央 */
	.event_slide.swiper-slide-active > a {
		transform: scale(1);
		opacity: 1;
	}


	.event_slide img {
		width: 100%;
		height: auto;
		display: block;
	}

}
/* html {
	scroll-snap-type: y mandatory;
	scroll-behavior: smooth;
} */

html {
	scroll-behavior: smooth;
}

@media (min-width: 768px) {

	html.is-screen-snap {
		scroll-snap-type: y mandatory !important;
	}

	.fv_section,
	.guide_map,
	.pickup_panel,
	#EVENT {
		scroll-snap-align: start;
		scroll-snap-stop: always;
	}
}

/* PICK UP全体 */
/* =========================
   PICK UP
========================= */

.pickup_wrap {
	position: relative;
	height: auto !important;
	overflow: visible !important;
}

.pickup_wrap .ark-block-section__body,
.pickup_wrap .ark-block-section__bodyInner,
.pickup_section,
.pickup_section .ark-block-columns__inner {
	height: auto !important;
	overflow: visible !important;
}

.pickup_section .ark-block-columns__inner {
	align-items: flex-start !important;
}
.pick-up-maintitle{
	font-size:clamp(24px , 2.4vw , 45px)
}

/* 左側 */
.pickup_left {
	position: sticky !important;
	top: 0;
	height: 100vh;
	height: 100dvh;
	align-self: flex-start !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
}

/* 右側 */
.pickup_right {
	position: relative;
	height: auto !important;
	overflow: visible !important;
	align-self: flex-start !important;
}

/* 各パネル */
.pickup_panel {
	width: 100%;
	height: 100vh;
	height: 100dvh;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;

	scroll-snap-align: start;
	scroll-snap-stop: always;
}

.pickup_panel > .wp-block-group__inner-container {
	width: 100%;
}

/* SCROLL */
.pickup_scroll {
	position: sticky;
	top: calc(100vh - 100px);
	z-index: 10;
	width: 100%;
	height: 0;
	text-align: center;
	pointer-events: none;
}

@media (max-width: 767px) {

	.pickup_left {
		position: static !important;
		height: auto;
		display: block;
	}

	.pickup_panel {
		height: auto;
		min-height: auto;
		padding: 0 0 30px;
		scroll-snap-align: none;
	}

	.pickup_scroll {
		display: none;
	}
}

@media (max-width: 767px) {
	.pickup_wrap {
		height: auto !important;
		overflow: visible !important;
	}

	.pickup_wrap .ark-block-section__body,
	.pickup_wrap .ark-block-section__bodyInner,
	.pickup_section,
	.pickup_section .ark-block-columns__inner {
		height: auto;
	}

	.pickup_left {
		height: auto;
		display: block;
	}

	.pickup_right {
		height: auto;
		overflow: visible;
		scroll-snap-type: none;
	}

	.pickup_panel {
		height: auto;
		min-height: auto;
	}
}


/* 画像 */
.pickup_panel figure {
	margin-bottom: 20px;
}

.pickup_panel img {
	width: 100%;
	height: auto;
	display: block;
}

/* 右側テキスト */
.pickup_panel h3 {
	text-align: center;
	color: #111;
	font-size: 30px;
	margin-bottom: 25px;
}

.pickup_panel p {
	color: #111;
}

/* SCROLL */

.pickup_scroll span {
	display: block;
	position: relative;
	width: 52px;
	height: 28px;
	margin: 0 auto 14px;
	animation: pickup_scroll_move 1.6s ease-in-out infinite;
}

.pickup_scroll span::before,
.pickup_scroll span::after {
	content: "";
	position: absolute;
	top: 8px;
	width: 36px;
	height: 1px;
	background: #111;
}

.pickup_scroll span::before {
	left: 1px;
	transform: rotate(45deg);
	transform-origin: left center;
}

.pickup_scroll span::after {
	right: 0;
	transform: rotate(-45deg);
	transform-origin: right center;
}

.pickup_scroll p {
	margin: 0;
	font-size: 14px;
	line-height: 1;
}

@keyframes pickup_scroll_move {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(7px);
	}
}
@media (max-width: 767px) {

	.home .pickup_wrap {
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
	}

	.home .pickup_wrap .ark-block-section__body,
	.home .pickup_wrap .ark-block-section__bodyInner,
	.home .pickup_section,
	.home .pickup_section .ark-block-columns__inner {
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
	}

	.home .pickup_section .ark-block-columns__inner {
		display: block !important;
	}

	/* 左側：固定解除 */
	.home .pickup_left {
		position: static !important;
		top: auto !important;
		height: auto !important;
		min-height: 0 !important;
		display: block !important;
	}

	/* 右側 */
	.home .pickup_right {
		position: static !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
	}

	/* 各PICK UP */
	.home .pickup_panel {
		height: auto !important;
		min-height: 0 !important;
		display: block;
		padding: 10px 0;
		scroll-snap-align: none !important;
		scroll-snap-stop: normal !important;
	}

	.home .pickup_scroll {
		display: none;
	}
	
}
@media (max-width: 767px) {

/* 	h3 {
    font-size: 1.3em;
} */
	body{
		font-size:0.85rem;
	}
	.pickup_panel h3{
		font-size:20px;
		margin-top:0px  !important;
	}
	.pickup_panel figure {
    margin-bottom: 15px;
}
	    .pickup_panel {
        min-height: auto;
        padding: 0px 0 30px;
    }
	h2 {
    font-size: 30px;
}
	.one_news_excerpt{
line-height:1.5;
	}
	.one_seana_heading {
    margin: 0 0 5px;
		
	}
}

#EVENT {
	scroll-snap-align: start;
	scroll-snap-stop: always;
}
/* 一画面スクロール */


.fv_section,
.guide_map {
	width: 100vw;
	height: 100vh;
	height: 100dvh;
	min-height: 100vh;

}

/* FV */
.fv_section {
	position: relative;
	overflow: hidden;
}

/* GUIDE */
.guide_map {
	position: relative;
	overflow: hidden;
}
.c-gnav__a{
	font-size:1rem;
	font-weight:600;
	font-family: "Figtree", sans-serif;
}


#guideModalText {
	white-space: pre-line;
}


/* =========================
   SCREEN SCROLL RESET
========================= */

html,
html.is-screen-snap,
body {
	scroll-snap-type: none !important;
}

.fv_section,
.guide_map,
.pickup_panel,
#EVENT {
	scroll-snap-align: none !important;
	scroll-snap-stop: normal !important;
}

/* PICK UP */
.pickup_wrap {
	position: relative;
	height: auto !important;
	overflow: visible !important;
}

.pickup_wrap .ark-block-section__body,
.pickup_wrap .ark-block-section__bodyInner,
.pickup_section,
.pickup_section .ark-block-columns__inner {
	height: auto !important;
	overflow: visible !important;
}

.pickup_section .ark-block-columns__inner {
	align-items: flex-start !important;
}

.pickup_left {
	position: sticky !important;
	top: 0;
	height: 100vh;
	height: 100dvh;
	align-self: flex-start !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
}

.pickup_right {
	position: relative;
	height: auto !important;
	overflow: visible !important;
	align-self: flex-start !important;
}

.pickup_panel {
	width: 100%;
	height: 100vh;
	height: 100dvh;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}


/* FV */
.fv_section {
	position: sticky !important;
	top: 0;
	z-index: 0;
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	height: 100vh;
	height: 100dvh;
}

#GUIDE {
	position: relative;
	z-index: 2;
}

.fv_section.is-passed {
	visibility: hidden;
}


.one-footer__instagram{
	position:absolute;
	top:35px;
	right:60px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:30px;
	line-height:1;
	color:#fff;
}

@media (max-width:767px){
	.one-footer__instagram{
		position:static;
		margin-top:58px;
		font-size:48px;
	}
}

.one-footer{
	background:#ff8200;
	color:#fff;
}

.one-footer__inner{
	position:relative;
	min-height:200px;
	padding:5px 0px 0px;
	box-sizing:border-box;
}

.one-footer a{
	color:#fff;
	text-decoration:none;
}

/* 住所・TEL */
.one-footer__info{
	position:absolute;
	top:35px;
	left:60px;
}

.one-footer__address{
	margin:0 0 4px;
	font-size:16px;
	line-height:1.6;
}

.one-footer__tel{
	margin:0;
	font-size:20px;
	line-height:1.5;
	letter-spacing:.03em;
}

.one-footer__tel a{
	color:inherit;
}

.l-footer__widgets{
	padding-top:0;
}
.l-footer__widgets .l-container{
	max-width:100%;
}

/* プライバシーポリシー・お問い合わせ */
.one-footer__links{
	position:absolute;
	top:112px;
	left:60px;
	display:flex;
	align-items:center;
	gap:10px;
	font-size:13px;
}

/* ロゴ */
.one-footer__logo{
	position:absolute;
	top:76px;
	left:50%;
	transform:translateX(-50%);
	width:175px;
	text-align:center;
}

.one-footer__logo img{
	display:block;
	width:100%;
	height:auto;
}

/* Instagram */
.one-footer__instagram{
	position:absolute;
	top:35px;
	right:60px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:30px;
	line-height:1;
	color:#fff;
}

.one-footer__instagram i{
	display:block;
}

/* コピーライト */
.one-footer__copyright{
	position:absolute;
	left:0;
	right:0;
	bottom:17px;
	margin:0;
	text-align:center;
	font-size:12px;
	line-height:1.5;
}

/* SP */
@media (max-width:767px){
	.l-header__center{
		    grid-area: left;
	}
	.l-header__logo{
		width:180px;
	}
	.l-header__body {
    padding-left: 10px;
}
	.one-footer__inner{
		min-height:auto;
		padding:0 20px 25px;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:flex-start;
		text-align:center;
	}

	.one-footer__logo{
		position:static;
		transform:none;
		width:145px;
		max-width:48vw;
		margin-top:10vh;
	}

	.one-footer__info{
		position:static;
		margin-top:35px;
	}

	.one-footer__address{
		margin:0;
		font-size:14px;
		line-height:1.6;
		white-space:nowrap;
	}

	.one-footer__tel{
		margin-top:4px;
		font-size:18px;
		line-height:1.5;
		letter-spacing:.01em;
	}

	.one-footer__instagram{
		position:static;
		margin-top:30px;
		font-size:25px;
	}

	.one-footer__links{
		position:static;
		margin-top:25px;
		gap:14px;
		font-size:15px;
	}

	.one-footer__copyright{
		position:static;
		margin-top:auto;
		font-size:15px;
		line-height:1.5;
	}
	.l-footer__widgets{
padding-bottom:0;}
	.pick-up-maintitle{
		font-size:20px;
	}
	
.l-header {
    background: var(--ark-color--header_bg, #fff)!important;
    color: var(--ark-color--header_txt, #333)!important;
    top: var(--ark-adminbar_height, 0);
    width: 100%;
    z-index: 100;
}
	.l-header[data-spfix="0"], [data-scrolled=false] .l-header[data-spfix="1"]{
		  background: #fff!important;
    color: #333!important;
	}
	.pickup_panel .wp-block-paragraph{
		padding-left:2rem;
		padding-right:2rem;
	}
	ul {
    margin: 0;
    padding: var(--ark-list-padding, 0 0 0 3.3em);
}
	.pickup_left .one_seana_heading{
		padding-left:2rem;
	}
	.p-page__content .wp-block-heading{
		font-size:1.9rem!important;
	}
	.p-page__content .privacy_box h3{
			font-size:1.25rem!important;
	}
	.header_instagram{
		color:#fff;
		width:70px !important;
	}
	.header_extra{
			display: flex !important;
	flex-direction: row !important;
	align-items: center;
	flex-wrap: wrap;
			gap: 10px;
	}
	.p-drawer__close{
		display:none;
	}
	.header_instagram a{
		width:70px !important;
	}
	/* JP / EN */
 .header_language {
	display: flex !important;
	flex-direction: row !important;
	align-items: center;
	flex-wrap: nowrap;
	gap: 10px;
	flex-shrink: 0;
}

 .header_language a,
 .header_language span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 30px;
	padding: 0;
	line-height: 1;
	white-space: nowrap;
	text-decoration: none;
	transition:0.5s;
	 color:#fff;
	 border:solid 1px #ddd;
}


.header_language .is-current {
	background: #FFF;
	color: #000;
}

	
}

body:not(.home) .c-gnav__a .__mainText {
	color: #000;
}

.img_reveal {
	position: relative;
	overflow: hidden;
}

.img_reveal img {
	display: block;
	width: 100%;
	opacity: 0;
}

.img_reveal::before {
	content: "";
	position: absolute;
	inset: 0;
	background: #ff8200;
	opacity: 0;
	z-index: 2;
	pointer-events: none;

}

.img_reveal.is-show::before {
	animation: orangeReveal 1.0s ease forwards;
}

.img_reveal.is-show img {
	animation: imageReveal .7s ease 0.3s forwards;
}

@keyframes orangeReveal {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes imageReveal {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.l-header__body{
	padding-left:20px;
}