@charset "utf-8";

:root {

}

@media screen and (max-width:480px) {
	:root {

		--Center_DivWrap_padding: var(--Size_40) var(--Size_10) var(--Size_24);

		--UlEventWeek_Li_flex-basis: 100%;
		--UlEventWeek_Li_DivTextarea_DivWrap_align-items: flex-start;

	}
}

@media screen and (min-width:481px) and (max-width: 768px) {
	:root {

		--Center_DivWrap_padding: var(--Size_40) var(--Size_20) var(--Size_24);

		/* 週イベント */
		--UlEventWeek_Li_flex-basis: calc( calc( 100% - var(--Size_12) ) / 2 );
		--UlEventWeek_Li_DivTextarea_DivWrap_align-items: flex-start;

	}
}

@media screen and (min-width:769px) and ( max-width:1024px) {
	:root {

		--Center_DivWrap_padding: var(--Size_40) var(--Size_40) var(--Size_24);

		--UlEventWeek_Li_flex-basis: calc( calc( 100% - var(--Size_12) ) / 2 );
		--UlEventWeek_Li_DivTextarea_DivWrap_align-items: center;

	}
}

@media screen and (min-width:1025px) and ( max-width:1440px) {
	:root {

		--Center_DivWrap_padding: var(--Size_40) var(--Size_40) var(--Size_24);

		--UlEventWeek_Li_flex-basis: calc( calc( 100% - var(--Size_24) ) / 3 );
		--UlEventWeek_Li_DivTextarea_DivWrap_align-items: center;

	}
}

@media screen and (min-width:1440px) {
	:root {

		--Center_DivWrap_padding: var(--Size_40) var(--Size_40) var(--Size_24);

		--UlEventWeek_Li_flex-basis: calc( calc( 100% - var(--Size_24) ) / 3 );
		--UlEventWeek_Li_DivTextarea_DivWrap_align-items: center;

	}
}







/**/
body#page article section#center iframe#event {
	margin: 0;
	width: 100%;
	height: 100%;
	border-radius: 0;
	aspect-ratio: auto;
}






/* トップニュース */

body#toppage article section#center div#top div#news_list {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: var(--Size_24);
	margin: var(--Size_40) 0 0;
	padding: var(--DivTop_Section_Padding);
	width: 100%;
	height: var(--DivTop_Section_Height);
	overflow: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
	background: linear-gradient(to right, var(--Color_1D080) 0%, var(--Color_1D020) 100%);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

body#toppage article section#center div#top div#news_list div.news_list_wrap {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: var(--DivTop_Section_Div_Flex-basis);
	margin: 0;
}

body#toppage article section#center div#top div#news_list div.news_list_wrap a {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	gap: var(--Size_12);
}

body#toppage article section#center div#top div#news_list div.news_list_wrap a figure {
	flex-basis: var(--Size_42);
	margin: 0;
}

body#toppage article section#center div#top div#news_list div.news_list_wrap a figure img {
	width: 100%;
	border-radius: var(--Border-radius_L);
}
body#toppage article section#center div#top div#news_list div.news_list_wrap a div#date {
	flex-basis: calc( 100% - var(--Size_42) );
	padding: 0;
}

body#toppage article section#center div#top div#news_list div.news_list_wrap a div#date h3 {
	margin: 0;
	padding: 0 0 var(--Size_04);
	font-size: var(--Size_10);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

body#toppage article section#center div#top div#news_list div.news_list_wrap a div#date time {
	display: inline-block;
	margin: 0;
	padding: var(--Size_04) 0 0;
	font-size: var(--Size_08);
}

body#toppage article section#center div#top div#news_list div.news_list_wrap a div#date time span {
	display: inline-block;
	margin: 0 var(--Size_04) 0 0;
	padding: var(--Size_02) var(--Size_06);
	font-size: var(--Size_08);
	color: var(--Color_1D100);
	line-height: 1;
	background: var(--Color_A100);
	border-radius: var(--Border-radius_L);
}

body#toppage article section#center div#top div#news_list div.news_list_wrap div.content {
	margin: 0;
	padding: var(--Size_08) 0 0;
	font-size: var(--Size_10);
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

body#toppage article section#center div#top div#news_list div.news_list_wrap div.link {
	display: flex;
	justify-content: flex-end;
	margin: 0;
	padding: var(--Size_06) 0 0;
	font-size: var(--Size_08);
}

body#toppage article section#center div#top div#news_list div.news_list_wrap div.link a {
	padding: var(--Size_02) var(--Size_06);
	font-size: var(--Size_08);
	color: var(--Color_1D100);
	background: var(--Color_A100);
	border-radius: var(--Border-radius_L);
}








/* ニュース詳細 */

body#page article section#center div#news_detail {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	gap: var(--Size_12);
	margin: var(--Size_24) 0;
	padding: var(--Size_24) 0 0;
	border-top: 1px var(--Color_A040) solid;
}

body#page article section#center div#news_detail figure {
	flex-basis: var(--Size_36);
	flex-flow: 1;
	flex-shrink: 1;
	margin: 0;
	border-radius: var(--Border-radius_L);
}

body#page article section#center div#news_detail figure img {
	width: 100%;
	border-radius: var(--Border-radius_L);
}

body#page article section#center div#news_detail div#text_area {
	flex-flow: 0;
	flex-shrink: 0;
	padding: 0;
}

body#page article section#center div#news_detail div#text_area p {
	padding: 0 0 var(--Size_04);
	color: var(--Color_FF100);
	line-height: 1;
}

body#page article section#center div#news_detail div#text_area p.title {
	font-size: var(--Size_12);
	font-weight: 600;
}

body#page article section#center div#news_detail div#text_area p.tag {
	font-size: var(--Size_10);
}

body#page article section#center div#news_detail div#text_area p.tag span {
	display: inline-block;
	margin: 0 var(--Size_02) 0 0;
	padding: var(--Size_02) var(--Size_08);
	font-size: var(--Size_08);
	color: var(--Color_FF100);
	line-height: 1;
	background: var(--Color_A100);
	border-radius: var(--Border-radius_L);
}

body#page article section#center div#news_detail div#text_area p.tag time {
	color: var(--Color_FF060);
	font-size: var(--Size_08);
}

body#page article section#center div#news_detail_content p {
	margin: 0;
	padding: 0 0 var(--Size_12);
	font-size: var(--Size_10);
	color: var(--Color_FF100);
}

body#page article section#center figure#single_image {
	margin: 0;
	padding: 0 0 0;

}

body#page article section#center figure#single_image img {
	width: 100%;
}








/* 特別イベント カレンダー */

div#event_sp_day {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: var(--Size_04);
	margin: 0 0 var(--Size_12);
}

div#event_sp_day a {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding: var(--Size_02) var(--Size_06);
	font-size: var(--Size_08);
	color: var(--Color_1D100);
	line-height: 1;
	background: var(--Color_A100);
	border: 1px var(--Color_A040) solid;
	border-radius: var(--Border-radius_L);
}

div#event_sp_day a:hover {
	color: var(--Color_A100);
	background: var(--Color_1D100);
	border: 1px var(--Color_A040) solid;
}








/* ーーーーーーーーーーーーーーーーーーーー
   イベントリスト
ーーーーーーーーーーーーーーーーーーーー */

ul.event_list {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: var(--Size_12);
	margin: 0 0 var(--Size_48);
}

ul.event_list li {
	flex-basis: var(--UlEventWeek_Li_flex-basis);
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: space-between;
	padding: 0;
	background: var(--Color_1D040);
	border: 1px var(--Color_A040) solid;
	border-radius: var(--Border-radius_S);
	backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

ul.event_list li div.wrap {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: var(--UlEventWeek_Li_DivTextarea_DivWrap_align-items);
	gap: var(--Size_06);
	padding: var(--Size_12) var(--Size_12) var(--Size_06);
}

ul.event_list li div.wrap em {
	display: flex;
	flex-wrap: wrap;
	color: var(--Color_1D100);
	background: var(--Color_A100);
	border-radius: var(--Border-radius_L);
}

ul.sp li div.wrap em {
  flex-basis: var(--Size_36);
	flex-direction: column;
	padding: var(--Size_04) 0 0;
	width: var(--Size_36);
	height: var(--Size_36);
}

ul.sp li div.wrap em span {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	color: var(--Color_1D100);
	line-height: 1;
	white-space: nowrap;
}

ul.sp li div.wrap em span:nth-of-type(1) {
	font-size: var(--Size_08);
}

ul.sp li div.wrap em span:nth-of-type(2) {
	font-size: var(--Size_18);
	font-weight: 600;
}

ul.week li div.wrap em {
	flex-direction: row;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
  align-items: center;
	padding: 0;
	font-weight: 600;
	white-space: nowrap;
	width: var(--Size_36);
	height: var(--Size_36);
	font-size: var(--Size_10);
}

ul.sp li div.wrap strong {
  flex-basis: calc(100% - var(--Size_36) - var(--Size_06));
}

ul.event_list li div.wrap strong {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
  align-items: flex-start;
}

ul.event_list li div.wrap strong span:nth-of-type(1) {
	font-size: var(--Size_08);
	color: var(--Color_FF100);
}

ul.event_list li div.wrap strong span:nth-of-type(2) {
	font-size: var(--Size_12);
	font-weight: 600;
	color: var(--Color_A100);
	line-height: 1.4;
}

ul.event_list li table {
	display: flex;
	flex-direction: column;
	padding: 0 var(--Size_12);
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	border-spacing: 0;
}

ul.event_list li table tbody {
	display: flex;
	flex-direction: column;
}

ul.event_list li table tr {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border-bottom: 1px var(--Color_A040) solid;
}

ul.event_list li table tr th {
	padding: var(--Size_04) var(--Size_04) 0;
}

ul.event_list li table tr td {
	padding: var(--Size_04);
}

ul.event_list li table tr th {
	font-size: var(--Size_08);
	color: var(--Color_FF080);
	white-space: nowrap;
	vertical-align: middle;
	line-height: 1;
}

ul.event_list li table tr td {
  flex: 1;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	gap: var(--Size_04);
	font-size: var(--Size_10);
	line-height: 1;
}

ul.event_list li table tr:last-child td {
	line-height: 1.4;
}

ul.event_list li table tr td span {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding: var(--Size_02) var(--Size_06);
	font-size: var(--Size_08);
	color: var(--Color_1D100);
	line-height: 1;
	white-space: nowrap;
	background: var(--Color_A100);
	border-radius: var(--Border-radius_L);
}

ul.event_list li table tr td span.no {
	display: none;
}

ul.event_list li table tfoor {
	flex: 1;
}

ul.event_list li figure {
	display: block;
	padding: var(--Size_12) 0 0;
}

ul.event_list li figure img {
	width: 100%;
	border-radius: var(--Border-radius_S);
}









/* 通常イベント */

ul#event_week {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: var(--Size_12);
}

ul#event_week li {
	flex-basis: var(--UlEventWeek_Li_flex-basis);
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--Size_12);
	padding: 0;
	background: var(--Color_1D040);
	border: 1px var(--Color_A040) solid;
	border-radius: var(--Border-radius_S);
	backdrop-filter: blur(12px);
}

ul#event_week li div.wrap {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: var(--UlEventWeek_Li_DivTextarea_DivWrap_align-items)flex-start;
	align-items: center;
	gap: var(--Size_06);
	padding: var(--Size_12) var(--Size_12) 0;
}

ul#event_week li div.wrap em {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding: var(--Size_02) var(--Size_06);
	font-weight: 600;
	color: var(--Color_1D100);
	white-space: nowrap;
	background: var(--Color_A100);
	border: 1px var(--Color_A040) solid;
	border-radius: var(--Border-radius_L);
}

ul#event_week li div.wrap strong {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	font-size: var(--Size_12);
	font-weight: 600;
	color: var(--Color_A100);
	line-height: 1.4;
}

ul#event_week li table {
	margin: 0 var(--Size_12);
}

ul#event_week li table tr {
	min-height: auto;
	border-bottom: 1px var(--Color_A040) solid;
}

ul#event_week li table tr th,
ul#event_week li table tr td {
	padding: var(--Size_04);
}

ul#event_week li table tr th {
	font-size: var(--Size_08);
	color: var(--Color_FF080);
	white-space: nowrap;
}

ul#event_week li table tr td {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	gap: var(--Size_04);
	line-height: 1;
}

ul#event_week li table tr:last-child td {
	line-height: 1.6;
}

ul#event_week li table tr td span {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding: var(--Size_02) var(--Size_06);
	font-size: var(--Size_08);
	color: var(--Color_1D100);
	line-height: 1;
	white-space: nowrap;
	background: var(--Color_A100);
	border-radius: var(--Border-radius_L);
}

ul#event_week li table tr td span.no {
	display: none;
}

ul#event_week li figure a {
	display: block;
}

ul#event_week li figure a img {
	width: 100%;
	border-radius: var(--Border-radius_S);
}







/* ーーーーーーーーーーーーーーーーーーーー
   フッター
ーーーーーーーーーーーーーーーーーーーー */