@charset "utf-8";
/* =============================================================
    common 共通
============================================*/
:root {
	--myColor01 : #252525;
	--myColor02 : #bb0000;
	--myBasePX_XXL : 100px;
	--myBasePX_XL : 80px;
	--myBasePX_L : 50px;
	--myBasePX_M : 30px;
	--myBasePX_S : 20px;
}
@media screen and (max-width: 767px) {
	:root {
		--myBasePX_XXL : 70px;
		--myBasePX_XL : 50px;
		--myBasePX_L : 30px;
	}
}
@media screen and (max-width: 479px) {
	:root {
		--myBasePX_XXL : 50px;
		--myBasePX_XL : 30px;
		--myBasePX_L : 20px;
		--myBasePX_M : 20px;
		--myBasePX_S : 12px;
	}
}

body {
	width: 100%;
}
body,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul,dl,dt,dd {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6,p {
	font-size: inherit;
	font-weight: normal;
}
li,ol,ul {
	list-style-type: none;
}

#page {
	font-size: clamp(16px, 2.4vw, 20px);
	color: #252525;
	margin: 0 auto;
    max-width: 1920px;
	font-family: "Noto Sans CJK JP", Lato, "Noto Sans JP", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt" 1;
}
#page * {
	box-sizing: border-box;
}
#page img {
	width: 100%;
	border: 0;
	vertical-align: top;
}
#page a {
	transition: all 0.3s;
	text-decoration: none;
}
#page a:not(.g_navi a):hover {
	opacity: 0.7;
}
#page a[tabindex*="-1"] {
	pointer-events: none;
}
#page a[tabindex*="-1"]:hover {
	opacity: 1;
}
#page em {
	font-style: normal;
	font-weight: bold;
}
@media screen and (min-width: 768px) {
	a[href*="tel:"] {
	  pointer-events: none;
	  cursor: default;
	  text-decoration: none;
	}
  }
/* @media screen and (max-width: 767px) {
	#page {
		font-size: 18px;
	}
}
@media screen and (max-width: 479px) {
	#page {
		font-size: 16px;
	}
} */

.serif {
	font-family: serif;
	/* font-family: 'Shippori Mincho', serif; */
	font-weight: 400;
}
.arial {
	font-family: Arial;
}
.font_maru {
	font-family: 'Kosugi Maru',sans-serif;
}
.flex {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#content {
	padding: 0 0 var(--myBasePX_XL);
}
.inner_wrap {
	padding: 0 var(--myBasePX_L);
	margin: 0 auto;
	max-width: 1500px;
}

.pd_tb {
	padding-top: var(--myBasePX_XL);
	padding-bottom: var(--myBasePX_XL);
}
.pd_t {
	padding-top: var(--myBasePX_XL);
}
.ib {
	font-size: inherit !important;
	display: inline-block;
}
.btn_wrap {
	text-align: center;
}
.btn {
	/* font-size: 1em; */
	font-weight: bold;
	padding: 0.3em 0.8em;
	margin: var(--myBasePX_M) auto 0;
	line-height: 1.2;
	border-radius: 10px;
	display: inline-block;
}
.btn_topics {
	color: #fff;
	background-color: var(--myColor02);
}
.btn_topics i {
	font-size: 0.8em;
}
table {
	width: 100%;
}
#page-top,
#page-top2 {
    position: fixed;
    font-size: 0;
    z-index: 1100;
}
#page-top {
	width: clamp(60px, 8vw, 80px);
	right: clamp(10px, 3vw, 20px);
    bottom: clamp(10px, 3vw, 20px);
}
#page-top2 {
	width: clamp(100px, 12vw, 160px);
	left: clamp(8px, 2vw, 16px);
    bottom: clamp(8px, 2vw, 16px);
}
#page-top a {
	display: block;
	background: url(../images/page_top.png) center center/contain no-repeat;
	padding-top: calc(120 / 122 * 100%);
}
#page-top2 a {
	display: block;
	background: url(../images/page_top2.png) center center/contain no-repeat;
	padding-top: calc(200 / 206 * 100%);
}
/* #page-top a:hover {
	background: url(../images/page_top_on.png) center center/contain no-repeat;
} */
@media screen and (min-width: 768px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
	.mob {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.pc {
		display: none;
	}
}
@media screen and (max-width: 479px) {
	.movie_wrap {
		padding: 10px;
	}
}

/* =============================================================
    【g_navi】ブロック ※グローバルナビ
============================================*/
#p_header, #p_header2 {
	position: sticky;
	top: 0;
	z-index: 1000;
}
/* .g_navi_wrap.flex {
	margin: 0 0 0 auto;
	max-width: 1350px;
	justify-content: space-between;
} */
.g_navi {
	overflow: hidden;
	position: relative;
}
.btn_top {
	background: url(../images/logo.png)center center no-repeat;
	padding-top: calc(45 / 146 * 100%) !important;
	display: inline-block !important;
	width: 100%;
}
.g_navi_wrap li {
	font-size: 18px;
	/* width: calc(100% / 7); */
	text-align: center;
	line-height: 1;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	display: inline-block;
}
.g_navi_wrap li > div {
	width: 100%;
}
.g_navi_wrap li:first-child {
	border-left: solid 2px var(--myColor05);
}
.g_navi_wrap a {
	display: block;
	width: 100%;
	padding: 0 1.5em;
	text-shadow: 0 0 0.2em #b00,0 0 0.2em #b00,0 0 0.3em #b00;
	transition: unset !important;
}
.g_navi_wrap a:not(.nolink):hover {
	background: url(../images/bg_circle.png) center center/50px no-repeat;
}

.g_navi_wrap span {
	font-weight: 800;
	color: #ffea00;
	padding: 16px 0;
	display: inline-block;
}
/* .g_navi_wrap span::after {
	content: attr(data-text)"";
	font-size: 11px;
    font-weight: normal;
    margin-top: 4px;
    display: block;
} */
.g_navi a[tabindex*="-1"] {
	position: relative;
}
.g_navi a[tabindex*="-1"]::after {
	content: "coming soon";
	position: absolute;
    /* width: 100%; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-10deg);
    opacity: 1;
	color: #ffea00;
	font-size: 18px;
	letter-spacing: -1px;
	background: rgb(186 0 1 / 50%);
    display: inline-block;
    white-space: nowrap;
    /* text-shadow: 0 0 10px #7a604f, 0 0 10px #7a604f, 0 0 10px #7a604f, 0 0 10px #7a604f, 0 0 10px #7a604f; */
}
.g_navi a[tabindex*="-1"] span {
	color: #fff;
}
@media screen and (min-width: 1000px) {
	.nav_mob {
		display: none;
	}
	.trigger_wrap {
		display: none;
	}
	.g_navi {
		display: block !important;
	}
	.g_navi_wrap {
		margin: 20px 30px 50px;
		/* background-color: var(--myColor01); */
		background: url(../images/ptn_01red.jpg) center center repeat;
		box-shadow: 0 0.2em 0.5em rgb(37 37 37 / 50%);
		border: solid 2px #f4ecd9;
		border-radius: 50px;
		float: right;
	}
	.g_navi_wrap li {
		position: relative;
	}
	.g_navi_wrap li:not(:last-of-type):after {
		position: absolute;
		content: "";
		width: 1px;
		height: 100%;
		top: 0;
		right: 0;
		border-right: solid 1px #f4ecd9;
	}
}
@media screen and (max-width: 999px) {
	.nav_pc {
		display: none;
	}
	.menu_wrap {
		/* background-color: var(--myColor01);
		box-shadow: 0 5px 10px rgb(255 255 255 / 50%); */
		background: url(../images/ptn_01red.jpg) center center repeat;
		box-shadow: 0 0.2em 0.5em rgb(37 37 37 / 50%);
		border-bottom: solid 2px #f4ecd9;
	}
	.trigger_wrap {
		text-align: right;
		padding: 0 16px;
		position: relative;
		z-index: 1010;
	}
	.btn_trigger {
		font-size: 22px;
		color: #fff;
		background-color: transparent;
		border: 0;
		position: relative;
		height: 40px;
		width: 40px;
		/* top: 50%;
		right: 0;
		transform: translateY(-50%); */
	}
	.btn_trigger i {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.btn_trigger .menu_close,
	.btn_trigger.is-opend .menu_bar {
		display: none;
	}
	.btn_trigger.is-opend .menu_close {
		display: block;
	}
	.g_navi {
		width: 100%;
		margin-top: 40px;
		position: absolute;
		top: 0;
		max-height: 60vh;
		overflow-y: scroll;
		background-color: rgb(187 0 0 / 90%);
		box-shadow: 0 0.2em 0.5em rgb(37 37 37 / 50%);
		border-bottom: solid 2px #f4ecd9;
		display: none;
		-ms-overflow-style: none;	/*スクロールバー非表示（IE・Edge）*/
		scrollbar-width: none;	/*スクロールバー非表示（Firefox）*/
	}
	.g_navi::-webkit-scrollbar{	/*スクロールバー非表示（Chrome・Safari）*/
		display:none;
	}
	.g_navi_wrap.flex {
		flex-direction: column;
		padding: 20px 16px; 
	}
	.g_navi_wrap li {
		border: 0 !important;
		width: 100%;
		max-width: 400px;
		margin: 0 auto !important;
		display: block;
	}
	.g_navi_wrap li:not(:last-child) {
		border-bottom: dotted 1px #fff !important;
	}
	.g_navi_wrap a {
		padding: 16px 8px;
	}
	.g_navi_wrap span {
		color: #fff;
	}
}

/* =============================================================
    【movie】ブロック　※Brightecoveの動画表示
============================================*/
.movie_wrap {
	width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border: #000 3px solid;
    padding: 15px;
}
#movie {
    position: relative;
    width: 100%;
    padding-top: calc(9 / 16 * 100%);
    margin: 0 auto;
    overflow: hidden;
}
.tvo-video {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}

/* =============================================================
    【header】ブロック　
============================================*/
header.tvo-header {
	position: relative;
	z-index: 1000;
}
#header {
	position: relative;
	/* height: 100vh; */
}
.logo_wrap {
	font-size: 0em;
	width: 100%;
	max-width: 646px;
	margin: 0 auto;
	padding: 100px 20px 100px;
	position: relative;
	z-index: 999;
	/* position: absolute;
	top: 50%;
	left: 50%;
	z-index: 999;
	transform: translate(-50%,-50%); */
}
.logo {
	background: url(../images/logo.png) center center/contain no-repeat;
	padding-top: calc(592 / 646 * 100%);
}
.video_wrap {
	position: fixed;
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
}
.video_wrap::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgb(0 0 0 / 40%); */
    background-image: radial-gradient(rgba(255 255 255 / .2) 30%, rgba(255 255 255 / 0) 31%), radial-gradient(rgba(255 255 255 / .2) 30%, rgba(255 255 255 / 0) 31%);
    background-size: 4px 4px;
    background-position: 0 0, 2px 2px;
}
#video {
	position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%;
}
@media screen and (max-width: 1919px) {
	.logo_wrap {
		padding: 5vw 20px 5vw;
	}
}
@media screen and (max-width: 999px) {
	.logo_wrap {
		padding: 15vw 20px 15vw;
	}
}

/* =============================================================
    【main】ブロック　
============================================*/
#main {
	position: relative;
	letter-spacing: 1.5px;
}
#content {
	background-color: #fff;
}
.title_wrap {
	font-size: 0em;
	margin: 0 auto;
	margin: 0 auto;
    position: relative;
    z-index: 100;
}
.intro_block {
	position: relative;
}
.btn_tenjin2024 {
	position: absolute;
	max-width: 220px;
    top: -120px;
    left: 15%;
}

.notice_photo {
	font-size: 12px;
	text-align: right;
	padding: 1em 1em 0 0;
}
.about_bg_wrap {
	background: url(../images/bg_wave.png) center bottom no-repeat;
}
.about_title_wrap {
	max-width: 235px;
}
.about_title {
	background: url(../images/title_about.png) center center/contain no-repeat;
	padding-top: calc(130 / 235 * 100%);
}

.intro_bg_wrap {
	background: url(../images/bg_topics.png) center bottom no-repeat,
		url(../images/bg_intro.png) center top no-repeat #fff;
		padding-bottom: var(--myBasePX_XL);
}
.preopen .intro_bg_wrap {
	background: url(../images/bg_topics.png) center bottom/100% no-repeat,
		url(../images/bg_intro.png) center top no-repeat #fff;
}

.about_read {
	font-size: 1.2em;
	line-height: 1.6;
	text-align: center;
	padding: 50px 0;
}
.midokoro_intro {
	background-color: #fff;
}
.midokoro_intro_title_wrap {
	max-width: 1130px;
	margin: 0 auto;
}
.midokoro_intro_title {
	background: url(../images/title_highlight.png) center center/contain no-repeat;
	padding-top: calc(423 / 1130 * 100%);
}
.midokoro_intro_read {
	text-align: center;
	padding: var(--myBasePX_L) 0;
}
.midokoro_intro_read p {
	font-size: 1.1em;
	line-height: 1.8;
}
.about_read p:not(:last-child),
.midokoro_intro_read p:not(:last-child) {
	margin-bottom: var(--myBasePX_S);
}

/* =============================================================
    【エンタメ最新情報】ブロック　
============================================*/
.sub_title {
	font-size: 1.2em;
	font-weight: bold;
	padding: var(--myBasePX_M) 0 var(--myBasePX_L);
}
.sub_title em {
	font-size: 1.2em;
    color: #b00;
}
.sub_title .ib {
	display: inline-block !important;
}
.article_wrap {
	justify-content: center;
	width: 102%;
	margin-left: -1%;
}
.article_wrap > div,
.article_wrap > li {
	width: calc(calc(100% - 2% * 4) / 4);
	margin: 0 1%;
	background-color: rgb(255,255,255,0.7);
	box-shadow: 0 0.2em 0.5em rgb(37 37 37 / 10%);
}
@media screen and (max-width: 999px) {
	.article_wrap {
		width: 104%;
		margin-left: -2%;
	}
	.article_wrap > div,
	.article_wrap > li {
		width: calc(calc(100% - 4% * 2) / 2);
	  margin: 4% 2% 0;
	}
  }
  @media screen and (max-width: 599px) {
	.article_wrap > div,
	.article_wrap > li {
	  width: 90%;
	  max-width: 480px;
	  margin: 4% auto 0;
	}
  }

.topics_block {
	padding: var(--myBasePX_XL) 0 var(--myBasePX_XL);
	position: relative;
}
.topics_block:not(:first-of-type):before {
    position: absolute;
    content: "";
    border-top: dotted 2px #a9a990;
    width: 50%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.topics_head {
	text-align: center;
}
.topics_title_wrap {
	width: 35.5vw;
	max-width: 260px;
}
#relayblog .topics_title_wrap {
	width: 59.5vw;
	max-width: 435px;
}
.topics_title {
	background: url(../images/title_topics.png) center center/contain no-repeat;
	padding-top: calc(130 / 389 * 100%);
}
#relayblog .topics_title {
	background: url(../images/title_relayblog.png) center center/contain no-repeat;
	padding-top: calc(130 / 650 * 100%);
}

.topics_list .tvo-report-time {
	display: none;
}
.topics_list .tvo-report-title {
	font-size: clamp(14px, 2.4vw, 18px);
	font-family: "Noto Sans CJK JP", Lato, "Noto Sans JP", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: var(--myColor01);
	margin: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}


#yt_list {
	text-align: center;
	padding-top: var(--myBasePX_XL);
	position: relative;
}
#yt_list::before {
	position: absolute;
	content: "";
	border-top: dotted 2px #a9a990;
	width: 50%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.yt_list_title_wrap {
	width: 40vw;
	max-width: 294px;
}
.yt_list_title {
	background: url(../images/title_yt_list.png) center center/contain no-repeat;
	padding-top: calc(130 / 439 * 100%);
}
@media screen and (max-width: 599px) {
	.topics_title_wrap {
		width: 43vw;
	}
	#relayblog .topics_title_wrap {
		width: 71.5vw;
	}
	.yt_list_title_wrap {
		width: 48vw;
	}
}
/* =======================================
    【Youtube再生リスト用】　
=========================*/
.c-mov-list {
	display: -webkit-flex;
	  display: flex;
	  flex-wrap: wrap;
	  /* justify-content: space-between; */
  }
  /* .c-mov-list__item {
	width: calc(calc(100% - 2% * 3) / 4);
	background-color: rgb(255,255,255,0.7);
	box-shadow: 0 0.2em 0.5em rgb(37 37 37 / 10%);
  } */
  .c-mov-list__item.hide {
    display: none
}
.p-feature figure {
	/* border-radius: 16px 16px 0 0;
	box-shadow: 0px 3px 10px #7e8791; */
	position: relative;
	aspect-ratio: 16/9;
	overflow: hidden;
  }
  .p-feature figure img {
	position: absolute;
	top: -16.5%;
	left: 0;
  }
  .c-mov-list__title_wrap time {
	display: none;
  }
  .c-mov-list__title {
	font-size: clamp(14px, 2.4vw, 18px);
	font-family: "Noto Sans CJK JP", Lato, "Noto Sans JP", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: var(--myColor01);
	text-align: left;
	margin: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
  }
  /* .c-button {
	font-size: 20px;
	  font-family: inherit;
	  color: var(--myColor);
	  border: solid 1px;
	  margin: 30px auto 0;
	  padding: 8px 1em 8px 2.2em;
	  background-color: #fff;
	  border-radius: 16px;
	  display: block;
	  position: relative;
  }
  .c-button::before {
	content: "\f01e";
	font-family: "Font Awesome 6 Free","Font Awesome 6 Brands";
	  font-weight: 900;
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
  }
  .c-button:hover::before {
	animation: rotating 3s linear infinite;
  }
  @keyframes rotating {
	0% {
	  transform: translateY(-50%) rotate(0deg);
	  }
	100% {
	  transform: translateY(-50%) rotate(360deg);
	  }
   } */
/* ==========　ここまで　=============================
=========================*/




/* =============================================================
    【見どころ3選】ブロック　
============================================*/
.midokoro_block {
	background-color: #fff;
}
.midokoro_head.flex {
	padding: 0 10px;
	align-items: center;
	background: url(../images/bg_highlight.jpg) center top repeat;
	position: relative;
}
.midokoro_head.flex::before,
.midokoro_head.flex::after {
    content: "";
    width: calc(100% - 20px);
    height: 10px;
    background-color: #fff;
    position: absolute;
    z-index: 10;
}
.midokoro_head.flex::before {
    top: 0;
}
.midokoro_head.flex::after {
    bottom: 0;
}
.midokoro_head > div {
	flex: 0 0 calc(100% / 3);
	position: relative;
	z-index: 100;
}
.midokoro_head .img_wrap {
	border: solid 2px var(--myColor01);
	max-width: 640px;
} 
.midokoro_title {
	max-width: 450px;
    padding: 0 10px;
}
.midokoro_read {
	font-size: clamp(18px, 2.4vw, 20px);
	line-height: 2.2;
	padding: 70px 0;
	background: url(../images/bg_highlightL.png) left 50px no-repeat,
		url(../images/bg_highlightR.png) right calc(100% - 50px) no-repeat;
}
.midokoro_read .read_wrap {
	text-align: justify;
}
.btn_more {
	display: inline-block;
}
.btn_more span {
	font-size: clamp(14px, 2.4vw, 16px);
	font-weight: 900;
    color: #fff;
    padding: 12px 28px 12px 16px;
    line-height: 1;
    border-radius: 100px;
    background-color: var(--myColor02);
	display: inline-block;
}
.btn_more.open span {
	color: var(--myColor02);
    background-color: #fff;
	border: solid 1px var(--myColor02);
}
.read_hide_area .read_wrap {
	margin-top: var(--myBasePX_M);
}
@media screen and (max-width: 1279px) {
	.btn_tenjin2024 {
    	left: 5%;
		top: -10vw;
		width: 18vw;
	}
}
@media screen and (max-width: 899px) {
	.btn_tenjin2024 {
    	width: 22vw;
	}
	.about_title_wrap {
		width: 26vw;
		margin-bottom: -2px;
	}
	.about_bg_wrap {
		background: url(../images/bg_wave.png) center bottom/150% no-repeat;
	}
	.midokoro_read {
		padding: 8vw 0;
	}
}
@media screen and (max-width: 767px) {
	.about_read {
		padding: 6vw 0 5vw;
	}
	.midokoro_intro_title {
		background: url(../images/title_highlight_mob.png) center center/contain no-repeat;
		padding-top: calc(589 / 750 * 100%);
	}
	.midokoro_intro_read {
		padding: 6vw 0 8vw;
	}
	.midokoro_head.flex {
		justify-content: center;
	}
	.midokoro_head > div {
		flex: 0 0 100%;
	}
	.midokoro_head.flex::before,
	.midokoro_head.flex::after {
		height: 30px;
	}
	.midokoro_title {
		order: 1;
	}
	.highlightL {
		order: 2;
		margin: 5vw 0;
	}
	.highlightR {
		order: 3;
	}
	.midokoro_read {
		line-height: 1.6;
		background: url(../images/bg_highlightL.png) left 50px/60vw no-repeat, url(../images/bg_highlightR.png) right calc(100% - 50px)/60vw no-repeat;
	}
}
@media screen and (max-width: 599px) {
	.about_title_wrap {
		width: 36vw;
	}
	.btn_tenjin2024 {
    	top: 0;
	}
}
@media screen and (max-width: 479px) {
	.about_read {
		padding-top: 15vw;
		line-height: 1.4;
	}
	.about_read,
	.midokoro_intro_read {
		text-align: justify;
	}
	.intro_bg_wrap .ib,
	.midokoro_intro .ib {
		display: inline;
	}
	.intro_bg_wrap br {
		display: none;
	}
	.notice_photo br {
		display: block !important;
	}
	.btn_more span {
		padding: 8px 28px 8px 12px;
	}
}

/* =============================================================
    【accordion】ブロック ※アコーディオンボタン
============================================*/
.accordion_item {
	text-align: right;
}
.accordion_item_read {
	display: none;
}
.accordion_wrap button {
	position: relative;
	cursor: pointer;
	background-color: transparent;
    border: 0;
	margin-top: 8px;
	padding: 0;
}
.accordion_wrap button::after {
	content: '';
	position: absolute;
	top: calc(50% - 6px);
    right: 14px;
	width: 6px;
	height: 6px;
	border: 1px solid;
	border-color: transparent #fff #fff transparent;
	transform: rotate(45deg);
}
.accordion_wrap button.open::after {
	top: calc(50% - 2px);
	border-color: var(--myColor02) transparent transparent var(--myColor02);
}

/* =============================================================
    【バナーエリア】ブロック　
============================================*/
.btn_archive {
	font-weight: normal;
	color: var(--myColor01);
	padding-right: 1.2em;
	margin-top: var(--myBasePX_L);
	background-color: #fff;
	border: solid 1px var(--myColor01);
	position: relative;
}
.btn_archive::after {
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    right: 14px;
    width: 6px;
    height: 6px;
    border: 1px solid;
    border-color: transparent var(--myColor01) var(--myColor01) transparent;
    transform: rotate(-45deg);
}
.bnr_block {
	background: url(../images/illust_hanabi.png) center 30px no-repeat,
		url(../images/bg_hanabi.jpg) left bottom no-repeat #fff;
	padding: 0 0 var(--myBasePX_XXL);
}
.bnr_block_head {
	font-size: clamp(22px, 3.4vw, 28px);
	font-weight: 900;
	line-height: 1.6;
	text-align: center;
	padding: 300px 0 var(--myBasePX_XL);
	/* margin-bottom: 180px; */
	text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.3em #fff, 0 0 0.3em #fff, 0 0 0.3em #fff;
}
.bnr_block_head em {
	font-size: 1.2em;
}
.bnr_wrap {
	max-width: 800px;
	margin: 0 auto;
	box-shadow: 0 0 0.5em var(--myColor01);
	background-color: var(--myColor01);
}
.bnr_present.bnr_wrap {
	box-shadow: none;
	background-color: transparent;
}
.bnr_present.bnr_wrap img {
	filter: drop-shadow(0 0 0.25em var(--myColor01));
}
.bnr_wrap:not(:last-child) {
	margin-bottom: var(--myBasePX_L);
}

.bnrKEIHAN_block {
	padding: var(--myBasePX_XL) 0;
}
.bnrKEIHAN_block .inner_wrap {
	max-width: 1000px;
	padding-top: var(--myBasePX_L);
	padding-bottom: var(--myBasePX_L);
	background: rgb(234,231,188);
	background: linear-gradient(340deg, rgba(234,231,188,0.4) 0%, rgba(255,255,255,0.7) 40%, rgba(255,255,255,0.7) 100%);
}
.bnrKEIHAN_head {
	font-family: "Noto Sans CJK JP", Lato, "Noto Sans JP", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	margin-bottom: var(--myBasePX_M);
}
.bnrKEIHAN_title {
	font-size: 1.9em;
	font-weight: bold;
	color: #3e376d;
	margin-bottom: var(--myBasePX_S);
}
.bnrKEIHAN_title em {
	color: #1c9138;
	text-shadow: 0 0 1px #f5c825, 0 0 1px #f5c825, 0 0 1px #f5c825, 0 0 1px #f5c825, 0 0 1px #f5c825, 0 0 2px #f5c825, 0 0 2px #f5c825, 0 0 2px #f5c825, 0 0 2px #f5c825, 0 0 2px #f5c825;
    border-bottom: dotted 3px #3e376d;
}
@media screen and (max-width: 1279px) {
	.bnr_block {
		background: url(../images/illust_hanabi.png) center 30px/120% no-repeat,
		url(../images/bg_hanabi.jpg) left bottom no-repeat #fff;
	}
	.bnr_block_head {
		padding: 30vw 0 var(--myBasePX_XL);
	}
}
@media screen and (max-width: 767px) {
	.bnr_block {
		background: url(../images/illust_hanabi.png) center top/130% no-repeat,
		url(../images/bg_hanabi.jpg) left bottom/200% no-repeat #fff;
	}
	.bnr_block_head {
		padding: 20vw 0 var(--myBasePX_XL);
	}
	.bnrKEIHAN_title {
		font-size: 1.4em;
	}
}
@media screen and (max-width: 599px) {
	.bnr_block_head {
		line-height: 1.3;
	}
}

/* =======================================
    【swiper】ブロック　※追加
=======================*/
.swiper {
	padding-bottom: var(--myBasePX_M);
}
.swiper-autoheight .swiper-wrapper {
	align-items: unset;
}
.swiper-pagination-bullet {
	background: rgba(255,255,255,0.4) !important;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .4) !important;
	width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,12px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,12px));
}
.swiper-pagination-bullet-active {
	background: rgb(142 139 185 / 80%) !important;
    opacity: 1 !important;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0;
}

.swiper-button-next, .swiper-button-prev {
	color: #fff !important;
	top: 50% !important;
	/* bottom: 0; */
	z-index: 50 !important;
}
.swiper_service .swiper-button-next, .swiper_service .swiper-button-prev {
	color: var(--myColor03) !important;
}
.swiper-button-prev {
	left: 20px !important;
}
.swiper-button-next {
	right: 20px !important;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
	font-size: clamp(28px, 3.6vw, 38px);
	font-family: "Font Awesome 6 Free","Font Awesome 6 Brands" !important;
    font-weight: 900;
	text-shadow: 0 0 10px var(--myColor01);
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
	content: '\f137' !important;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
	content: '\f138' !important;
}
@media screen and (max-width: 479px) {
	.swiper-button-prev {
		left: 10px !important;
	}
	.swiper-button-next {
		right: 10px !important;
	}
	.swiper-button-next:after, .swiper-button-prev:after {
		font-size: 28px !important;
	}
	.swiper_service .swiper-button-next, .swiper_service .swiper-button-prev {
		top: unset !important;
		bottom: 15px !important;
	}
	.swiper-pagination-bullet {
		width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
		height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
	}
}

/* =======================================
    アニメーション
=======================*/
.fuwafuwa {
	animation: fuwafuwa 2s infinite;
}
@keyframes fuwafuwa {
	0% {
	transform: translateY(10px);
   }
	50% {
	transform: translateY(-10px);
   }
	100% {
	transform: translateY(10px);
   }
}


  footer.tvo-footer {
	position: relative;
    z-index: 1000;
  }