@charset "utf-8";
:root{
	--mv_max-percent: 1.2;
}
/*-----------------------------------------------
 * SPECIAL - INDEX SPECIALLIST
-------------------------------------------------*/
.specialListsWrap{
	width: 100%;
	position: relative;
	padding: 0 min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--mv_max-percent)));
}
.specialLists{
	width: 100%;
	max-width: calc(1040px * var(--mv_max-percent));
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--mv_max-percent)));
	row-gap: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--mv_max-percent)));
}
.specialList{
	width: 100%;
}
.specialList__link{
	width: 100%;
	display: block;
	text-align: unset;
	line-height: 2;
	font-size: min(calc(16 / var(--vw-min) * 100vw), calc(16px * var(--max-persent)));
	text-decoration: none;
}
.specialList__image{
	display: block;
	width: 100%;
	padding-top: 52.5%;
	position: relative;
	border: 1px solid var(--color-black);
	overflow: hidden;
}
.specialList__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.specialList__title{
	display: block;
	font-weight: 700;
	padding-top: 1em;
}

@media screen and (hover:hover) and (pointer: fine){
	.specialList__title span{
		background: linear-gradient(var(--color-yellow), var(--color-yellow)) right bottom / 0 40% no-repeat;
		transition: background-size 0.8s;
	}
	.specialList__image img{
		transition: transform .4s ease, filter .4s ease;
	}

	.specialList__link:hover .specialList__title span {
		background-size: 100% 40%;
		background-position: left bottom;
	}
	.specialList__link:hover .specialList__image img{
		transform: scale(1.075);
	}
	.specialList__link:hover .btn_moviePlay__circle:before{
		animation-play-state: paused;
	}
}

@media screen and (max-width:768px){
	.specialListsWrap{
		padding: 0 6.4%;/* 0 48 */
	}
	.specialLists{
		max-width: 100%;
		grid-template-columns: repeat(1, 1fr);
		column-gap: calc(48 / var(--vw-min) * 100vw);
	}
	.specialList__link{
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.specialList__image{
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
	.specialList__image:before{
		content: unset;
	}
}




/*-----------------------------------------------
 * SPECIAL - PAGE COMMON
-------------------------------------------------*/
.specialContent{
	width: 100%;
	position: relative;
	padding: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	border-top: 1px solid var(--color-black);
	border-bottom: 1px solid var(--color-black);
	background-color: #FFF;
}
.specialArticle{
	width: 100%;
	max-width: calc(1040px * 1.6);
	margin: 0 auto;
	position: relative;
}
.speciaTitle{
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.6;
	padding-bottom: min(calc(34 / var(--vw-min) * 100vw), calc(34px * var(--max-percent)));
	border-bottom: 1px solid var(--color-black);
}
.specialArticleIn{
	width: 100%;
	padding-top: min(calc(36 / var(--vw-min) * 100vw), calc(36px * var(--max-percent)));
	position: relative;
	line-height: 2;
    word-break: break-all;
}
.specialArticleIn img{
	max-width: 100%;
	height: auto;
}

@media screen and (max-width:768px){
	.specialContent{
		padding: calc(48 / var(--vw-min) * 100vw) calc(48 / var(--vw-min) * 100vw) calc(96 / var(--vw-min) * 100vw);
		border-width: var(--sp-size-2);
	}
	.specialArticle{
		max-width: 100%;
	}
	.speciaTitle{
		font-size: 1.1667em;
		padding-bottom:  5.5046%;
	}
	.specialArticleIn{
		padding-top: calc(36 / var(--vw-min) * 100vw);
	}
}


/**
* SECTION
**/
.specialArticleSection{
	padding: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent))) 0;
}
.specialArticleSection > h4{
	font-weight: 600;
	text-align: center;
	font-size: 112.5%;
}
.specialArticleSection > h4 > span{
	display: inline;
	background: linear-gradient(0deg, #ffc6a2, #ffc6a2 40%, rgba(0,0,0,0%) 40%);
}
.specialArticleSection__cont{
	padding-top: min(calc(12 / var(--vw-min) * 100vw), calc(12px * var(--max-percent)));
}

@media screen and (max-width: 768px){
	.specialArticleSection{
		padding: var(--sp-size-26) 0;
	}
	.specialArticleSection:first-child{
		padding-top: 0;
	}
	.specialArticleSection:last-child{
		padding-bottom: 0;
	}
	.specialArticleSection > h4{
		font-size: var(--sp-size-26);
	}
	.specialArticleSection__cont{
		padding-top: var(--sp-size-12);
	}
}

.imgflexLists{
	display: flex;
	flex-wrap: wrap;
}
.imgflexLists.-center{
	justify-content: center;
}
.imgflexLists.-pt{
	padding-top: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
}
.imgflexList{
	padding: min(calc(16 / var(--vw-min) * 100vw), calc(16px * var(--max-percent))) min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent)));
}
.imgflexList.-w100{
	width: 100%;
}
.imgflexList.-w50{
	width: 50%;
}
.dlimg{
	display: block;
	text-decoration: none;
	pointer-events: none;
	text-align: center;
}
.dlimg__thumb{
	display: inline-block;
	border: 2px solid #222;
	pointer-events: auto;
	overflow: hidden;
	background-color: #fff;
}
.dlimg__caption{
	font-size: 87.5%;
	margin-top: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	text-align: center;
	color: #222;
}
.dlimg__btn{
	margin-top: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.dlimg__btn .news_link{
	pointer-events: auto;
}

@media (hover: hover) and (pointer: fine) {
	.dlimg__thumb img{
		transition: .3s ease;
	}
	.dlimg:hover .dlimg__thumb img{
		transform: scale(1.025);
	}
	.dlimg:hover .news_link{
		color: var(--color-black);
		background-color: #FFF;
	}
}
@media screen and (max-width: 768px){
	.imgflexLists.-pt{
		padding-top: var(--sp-size-48);
	}
	.imgflexList{
		padding: var(--sp-size-16) var(--sp-size-8);
	}
	.dlimg__thumb{
		border-width: var(--sp-size-2);
	}
	.dlimg__caption{
		font-size: var(--sp-size-20);
		margin-top: var(--sp-size-16);
	}
	.dlimg__btn{
		margin-top: var(--sp-size-16);
	}
}



/**
* news_link
**/
.news_linkbtn{
	display: block;
	text-align: center;
}
.news_linkbtn.-mt{
	margin-top: 80px;
}
.news_link{
	display: inline-block;
	padding: min(calc(10 / var(--vw-min) * 100vw), calc(10px * var(--max-percent))) min(calc(48 / var(--vw-min) * 100vw), calc(48px * var(--max-percent)));
	border-radius: 32px;
	background-color: var(--color-black);
	color: #FFF;
	line-height: 1;
	font-weight: 700;
	text-decoration: none;
	pointer-events: auto;
	border: 2px solid #222;
}
.news_link.-en{
	font-family: var(--font-en);
}

@media screen and (hover:hover) and (pointer: fine){
	.news_link{
		transition: .3s ease;
	}
	.news_link:hover{
		color: var(--color-black);
		background-color: #fff;
	}
}

@media screen and (max-width: 768px){
	.newsArticleIn iframe{
		width: 100%;/* 654px */
		height: 49.0667vw;/* 368px */
	}
	.news_link{
		padding: var(--sp-size-24) var(--sp-size-40);
		border-radius: 80px;
	}
	.news_link{
		border-width: var(--sp-size-4);
	}
	.news_linkbtn.-mt{
		margin-top: var(--sp-size-48);
	}
}


/**
* TITLE > bg CHARA COLOR
**/
#satsuki.specialArticleSection > h4 > span{
	background: linear-gradient(0deg, var(--color-chara-satsuki), var(--color-chara-satsuki) 40%, rgba(0,0,0,0%) 40%);
}
#an.specialArticleSection > h4 > span{
	background: linear-gradient(0deg, var(--color-chara-an), var(--color-chara-an) 40%, rgba(0,0,0,0%) 40%);
}
#sakurako.specialArticleSection > h4 > span{
	background: linear-gradient(0deg, var(--color-chara-sakurako), var(--color-chara-sakurako) 40%, rgba(0,0,0,0%) 40%);
}
#haruno.specialArticleSection > h4 > span{
	background: linear-gradient(0deg, var(--color-chara-haruno), var(--color-chara-haruno) 40%, rgba(0,0,0,0%) 40%);
}
#kako.specialArticleSection > h4 > span{
	background: linear-gradient(0deg, var(--color-chara-kako), var(--color-chara-kako) 40%, rgba(0,0,0,0%) 40%);
}



/**
* specialArticle__navWrap
**/
.specialArticle__navWrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
}
.specialArticle__nav{
	position: sticky;
	top: 0;
	width: 100%;
	height: min(100svh, 100%);
	display: flex;
	flex-direction: column;
}
.specialArticle__navLists{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: auto;
	padding: min(calc(12 / var(--vw-min) * 100vw), calc(12px * var(--max-percent))) 0;
}
.specialArticle__navLists li{
	padding: min(calc(4 / var(--vw-min) * 100vw), calc(4px * var(--max-percent)));
}

@media screen and (max-width: 768px){
	.specialArticle__navWrap{
		left: calc(var(--sp-size-48) * -1);
		right: calc(var(--sp-size-48) * -1);
	}
	.specialArticle__navLists{
		background-color: rgba(255,255,255,60%);
		-webkit-backdrop-filter: blur(4px);
		backdrop-filter: blur(4px);
		padding: var(--sp-size-12) var(--sp-size-24);
	}
}



/*-----------------------------------------------
 * SPECIAL - digiconArticle
-------------------------------------------------*/
.digiconArticle{
	padding-bottom: min(calc(96 / var(--vw-min) * 100vw), calc(96px * var(--max-percent)));
	position: relative;
}
.digiconArticle .specialArticleIn .specialArticleSection:not(:first-child){
	padding-top: 48px;
	border-top: 1px solid #222;
}
.digiconArticle .specialArticleIn .specialArticleSection:not(:last-child){
	padding-bottom: 48px;
}
@media screen and (max-width: 768px){
	.digiconArticle{
		padding-bottom: calc(112 / var(--vw-min) * 100vw);
	}
	.digiconArticle .specialArticleIn .specialArticleSection:not(:first-child){
		padding-top: var(--sp-size-48);
	}
	.digiconArticle .specialArticleIn .specialArticleSection:not(:last-child){
		padding-bottom: var(--sp-size-48);
	}
	.digiconArticle .specialArticleIn .specialArticleSection:last-child{
		padding-bottom: var(--sp-size-48);
	}
}



/*-----------------------------------------------
 * SPECIAL - gallery
-------------------------------------------------*/
.galleryLists{
	width: 100%;
	max-width: calc(1040px * var(--mv_max-persent));
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--mv_max-percent)));
	position: relative;
}
.galleryList{
	width: 100%;
}
.btn_galleryList{
	width: 100%;
	display: block;
	font-family: var(--font-ja);
	font-size: min(calc(16 / var(--vw-min) * 100vw), calc(16px * var(--max-percent)));
	text-align: left;
	color: var(--color-black);
}
.galleryList__img{
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
	border: 1px solid var(--color-black);
}
.galleryList__img.-pd{
	padding-top: 140.9623%;
}
.galleryList__img img{
	width: 100%;
}
.galleryList__img.-pd img{
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}
.galleryList__title{
	display: block;
	font-weight: 700;
	padding-top: 1em;
}


@media screen and (hover:hover) and (pointer: fine){
	.galleryList__title span{
		background: linear-gradient(var(--color-yellow), var(--color-yellow)) right bottom / 0 40% no-repeat;
		transition: background-size 0.8s;
	}
	.galleryList__image:before{
		transition: .3s ease;
	}
	.galleryList__img img{
		transition: transform .4s ease, filter .4s ease;
	}

	.btn_galleryList:hover .galleryList__title span {
		background-size: 100% 40%;
		background-position: left bottom;
	}
	.btn_galleryList:hover .galleryList__img:before{
		opacity: 5%;
	}
	.btn_galleryList:hover .galleryList__img img{
		transform: scale(1.075);
	}
}

@media screen and (max-width:768px){
	.galleryLists{
		max-width: 100%;
		grid-template-columns: repeat(2, 1fr);
		gap: var(--sp-size-24);
	}
	.btn_galleryList{
		font-size: var(--sp-size-24);
	}
	.galleryList__img{
		border-width: var(--sp-size-2);
	}
}


/*-----------------------------------------------
 * Image Modal
-------------------------------------------------*/
.imgModalImage{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	height: 100svh;
}
.imgModalImage img{
	width: 100%;
	height: 100%;
	object-fit:scale-down;
}



/*-----------------------------------------------
 * SPECIAL - gallery
-------------------------------------------------*/
.countdownLists{
	width: 100%;
	padding-top: min(calc(36 / var(--vw-min) * 100vw), calc(36px * var(--max-percent)));
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--mv_max-percent)));
    position: relative;
}
.countdownList{
	width: 100%;
}
.countdownItem{
	border: 1px solid var(--color-black);
}
.countdown__date{
	background-color: #fafaeb;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: min(calc(12 / var(--vw-min) * 100vw), calc(12px * var(--max-percent)));
}
.countdown__date--date{
    font-family: var(--font-en);
    line-height: 0.8;
	font-weight: 700;
	padding-top: 0.25em;
	flex-shrink: 0;
}
.countdown__date--comment{
	display: inline-block;
	line-height: 1.25;
	font-weight: 500;
}
.countdown__date--comment_day{
	font-size: 112.5%;
	font-weight: 700;
}

.btn_countdown{
	display: block;
	width: 100%;
	padding-top: 112.4219%;
	border-top: 1px solid var(--color-black);
	border-bottom: 1px solid var(--color-black);
	position: relative;
}
.btn_countdown.-nobt{
	border-top: unset;
}
.btn_countdown._16-9{
	padding-top: 56.25%;
}
.btn_countdown._illust{
	padding-top: 70.7%;
}
.btn_countdown._square{
	padding-top: 100%;
}
.countdown__image{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.countdown__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.countdown__info{
	padding: min(calc(12 / var(--vw-min) * 100vw), calc(12px * var(--max-percent)));
	display: flex;
	font-weight: 700;
}
.countdown__info > dt{
	padding-right: 1em;
	flex-shrink: 0;
}

@media screen and (min-width:769px){
	.countdownList:nth-child(odd) .countdown__date--date,
	.countdownList:nth-child(odd) .countdown__info > dt {
		color: var(--color-orange);
	}
	.countdownList:nth-child(even) .countdown__date--date,
	.countdownList:nth-child(even) .countdown__info > dt {
		color: var(--color-blue);
	}
}


@media screen and (hover:hover) and (pointer: fine){
	.countdown__image img{
		transition: .4s ease;
	}
	.btn_countdown:hover .countdown__image img{
		transform: scale(105%);
		filter: brightness(110%);
	}
}

@media screen and (max-width:768px){
	.countdownLists{
		padding-top: calc(36 / var(--vw-min) * 100vw);
		grid-template-columns: repeat(2, 1fr);
		gap: var(--sp-size-24);
	}
	.countdownItem{
		border-width: var(--sp-size-2);
	}
	.countdown__date{
		flex-direction: column;
		padding: calc(16 / var(--vw-min) * 100vw);
	}
	.countdown__date--date{
		display: inline-block;
		width: 100%;
		padding-top: 0;
	}
	.countdown__date--comment{
		width: 100%;
		text-align: center;
		margin-top: calc(12 / var(--vw-min) * 100vw);
	}
	.countdown__date--comment_day{
		font-size: 116.6667%;
	}
	.btn_countdown{
		border-width: var(--sp-size-2);
	}
	.countdown__info{
		flex-direction: column;
		padding: calc(16 / var(--vw-min) * 100vw);
	}
	.countdown__info > dt{
		padding-right: 0;
	}
	.countdown__date--date,
	.countdown__info > dt{
		color: var(--color-orange);
	}

	.countdownList:nth-child(4n + 2) .countdown__date--date, 
	.countdownList:nth-child(4n + 2) .countdown__info > dt,
	.countdownList:nth-child(4n + 3) .countdown__date--date, 
	.countdownList:nth-child(4n + 3) .countdown__info > dt {
		color: var(--color-blue);
	}
}



/*-----------------------------------------------
 * SPECIAL - Cursor
-------------------------------------------------*/
.cursor__headText{
	line-height: 2;
	text-align: center;
}
.cursor__image{
	padding-top: min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--max-percent)));
	text-align: center;
}
.cursor__image img{
	max-width: 100%;
}
.cursor__detail{
	width: 100%;
	padding: min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--max-percent)));
	border: 1px solid #000;
	margin-top: min(calc(32 / var(--vw-min) * 100vw), calc(32px * var(--max-percent)));
}
.cursor__h3{
	font-size: min(calc(18 / var(--vw-min) * 100vw), calc(18px * var(--max-percent)));
	font-weight: 700;
	line-height: 0.8;
}
.cursor__h3 > span {
	background: linear-gradient(180deg, transparent 0%, transparent 66%, var(--color-yellow) 10%, var(--color-yellow) 95%, transparent 95%, transparent 100%);
}
.cursorDetailLists{
	padding-top: min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--max-percent)));
	line-height: 1.5;
}
.cursorDetailList{
	display: block;
	text-indent: -1em;
	padding-left: 1em;
}
.cursorDetailList:not(:last-child) {
	margin-bottom: min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent)));
}
.cursorArticle .dlimg__btn{
	margin-top: min(calc(32 / var(--vw-min) * 100vw), calc(32px * var(--max-percent)));
}
@media screen and (max-width:768px){
	.cursor__image{
		padding-top: calc(36 / var(--vw-min) * 100vw);
	}
	.cursor__detail{
		margin-top: calc(48 / var(--vw-min) * 100vw);
		padding: calc(32 / var(--vw-min) * 100vw);
		border-width: var(--sp-size-2);
	}
	.cursor__h3{
		font-size: calc(32 / var(--vw-min) * 100vw);
	}
	.cursorDetailLists{
        padding-top: calc(32 / var(--vw-min) * 100vw);
		border-width: var(--sp-size-2);
	}
	.cursorDetailList:not(:last-child) {
		margin-bottom: calc(16 / var(--vw-min) * 100vw);
	}
	.cursorArticle .dlimg__btn{
		margin-top: calc(48 / var(--vw-min) * 100vw);
	}
}



/*-----------------------------------------------
 * SPECIAL - officialReport
-------------------------------------------------*/
.officialReport {
	width: min(calc(960 / var(--vw-min) * 100vw),960px);
	margin: 0 auto;
}
.officialReport__tit{
	font-size: min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--max-percent)));
	font-weight: 700;
	text-align: center;
	color: var(--color-orange);
}
.officialReport__lists {
	padding: min(calc(40 / var(--vw-min)* 100vw), calc(40px* var(--max-percent))) 0;
}
.officialReport__list {
	display: flex;
	font-weight: 600;
}
.officialReport__list-dt {
	flex-shrink: 0;
	position: relative;
	padding-right: 1em;
	margin-right: 0.5em;
	text-wrap: nowrap;
}
.officialReport__list:nth-of-type(odd) .officialReport__list-dt{
	color: var(--color-orange);
}
.officialReport__list:nth-of-type(even) .officialReport__list-dt{
	color: var(--color-blue);
}
.officialReport__Detail {
	padding-top: min(calc(60 / var(--vw-min)* 100vw), calc(60px* var(--max-percent)));
}
.officialReport__h4  {
	font-weight: 600;
    text-align: center;
    font-size: 112.5%;
}
.officialReport__h4 span {
	display: inline;
    background: linear-gradient(0deg, var(--color-yellow), var(--color-yellow) 40%, rgba(0, 0, 0, 0%) 40%);
}
.officialReport__txt {
	margin-top: min(calc(40 / var(--vw-min)* 100vw), calc(40px* var(--max-percent)));
}
.officialReport__img {
	width: 76.9231%;
    max-width: 800px;
    margin: min(calc(40 / var(--vw-min)* 100vw), calc(40px* var(--max-percent))) auto 0;
    text-align: center;
}
.officialReport__img img {
	max-width: 100%;
	pointer-events: none;
}

@media screen and (min-width:769px){
	.officialReport__section{
		display: flex;
		flex-wrap: wrap;
		margin-top: min(calc(40 / var(--vw-min)* 100vw), calc(40px* var(--max-percent)));
	}
	.officialReport__section > .officialReport__txt{
		width: 60%;
		margin-top: 0;
		padding-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	}
	.officialReport__section > .officialReport__img {
		width: 40%;
		margin: 0;
		padding-left: 5%;
	}
	.officialReport__section > .officialReport__img.-l{
		padding-left: 0;
		padding-right: 5%;
		order: -1;
	}

	/* section1 */
	.officialReport__section.-section1 .officialReport__img{
		margin-top: max(calc(-200 / var(--vw-min) * 100vw), calc(-200px * var(--max-percent)));
		order: 3;
	}
}


@media screen and (max-width:768px){
	.officialReport  {
		width: 100%;
	}
	.officialReport__img{
		width: 100%;
		max-width: 100%;
	}
	.officialReport__tit{
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
	.officialReport__section > .officialReport__img {
		width: calc(400 / var(--vw-min) * 100vw);
	}
}



/*-----------------------------------------------
 * SPECIAL - contest
-------------------------------------------------*/
.contest__headText{
	line-height: 2;
	text-align: center;
	padding-bottom: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
}
.contest__txt {
	text-align: center;
	padding-top: min(calc(20 / var(--vw-min)* 100vw), calc(20px* var(--max-percent)));
}
.contest__txt.-odai{
	font-size: 200%;
	font-weight: 700;
}
.contest__image{
	width: min(calc(960 / var(--vw-min) * 100vw),960px);
	margin: 0 auto;
}
.contest__image img{
	max-width: 100%;
	pointer-events: none;
}
.contest__detail{
	width: 100%;
	padding: min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--max-percent)));
	border: 1px solid #000;
	margin-top: min(calc(32 / var(--vw-min) * 100vw), calc(32px * var(--max-percent)));
}
.contest__h3,
.contest__h4{
	font-size: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	font-weight: 700;
	line-height: 1;
	text-align: center;
}
.contest__h4 {
	text-align: left;
}
.-decoline,
.contest__h3 > span,
.contest__h4 > span {
	background: linear-gradient(180deg, transparent 0%, transparent 66%, var(--color-yellow) 10%, var(--color-yellow) 95%, transparent 95%, transparent 100%);
}
.contest__lists {
	font-weight: 600;
	padding-top: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	padding-bottom: min(calc(40 / var(--vw-min)* 100vw), calc(40px * var(--max-percent)));
}
.contest__list{
	display: flex;
	justify-content: center;
}
.contest__list-dt {
	position: relative;
	padding-right: 1em;
	text-wrap: nowrap;
}
.contest__list:nth-of-type(odd) .contest__list-dt {
	color: var(--color-orange);
}
.contest__list:nth-of-type(even) .contest__list-dt {
	color: var(--color-blue);
}

.contestDetailLists{
	padding-top: min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--max-percent)));
	line-height: 1.5;
}
.contestDetailList{
	display: block;
	text-indent: -1em;
	padding-left: 1em;
}
.contestDetailList:not(:last-child) {
	margin-bottom: min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent)));
}
.contestDetailList a{
	display: inline;
    word-break: break-all;
    position: relative;
    text-decoration: underline;
    transition: .3s ease;
    text-underline-offset: 0.375em;
    color: var(--color-blue);
}
@media screen and (hover:hover) and (pointer: fine){
	.contestDetailList a:hover{
		opacity: 60%;
	}
}
.contest__btn {
	margin-top: min(calc(32 / var(--vw-min) * 100vw), calc(32px * var(--max-percent)));
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

@media screen and (max-width:768px){
	.contest__headText{
		padding-bottom: calc(48 / var(--vw-min) * 100vw);
	}
	.contest__txt.-odai{
		font-size: calc(40 / var(--vw-min) * 100vw);
	}
	.contest__lists{
		padding-top: calc(24 / var(--vw-min) * 100vw);
		padding-bottom: calc(48 / var(--vw-min) * 100vw);
	}
	.contest__image{
		width: 100%;
	}
	.contest__detail{
		margin-top: calc(48 / var(--vw-min) * 100vw);
		padding: calc(32 / var(--vw-min) * 100vw);
		border-width: var(--sp-size-2);
	}
	.contest__h3{
		font-size: calc(32 / var(--vw-min) * 100vw);
	}
	.contest__h4{
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
	.contestDetailLists{
        padding-top: calc(32 / var(--vw-min) * 100vw);
		border-width: var(--sp-size-2);
	}
	.contestDetailList:not(:last-child) {
		margin-bottom: calc(16 / var(--vw-min) * 100vw);
	}
	.contest__btn{
		margin-top: calc(48 / var(--vw-min) * 100vw);
	}
	.contest__btn .news_link{
		padding: var(--sp-size-24) var(--sp-size-80);
	}
}



/*-----------------------------------------------
 * SPECIAL - map
-------------------------------------------------*/
.mapContent{
	width: 100%;
	position: relative;
	background-color: #FFF;
	border-top: 1px solid var(--color-black);
	border-bottom: 1px solid var(--color-black);
}

.map_logo{
	width: 100%;
	text-align: center;
	padding: min(calc(64 / var(--vw-min) * 100vw), calc(64px * var(--max-percent))) 0 min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
}
.map_logo--img{
	width: min(calc(240 / var(--vw-min) * 100vw), calc(240px * var(--max-percent)));
	display: inline-block;
}
.map_logo--img img{
	width: 100%;
}

.mapContentHead{
	width: 100%;
	margin: 0 auto;
	padding-top: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	padding-bottom: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
	padding-left: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	padding-right: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
}
.mapContentHeadIn{
	padding-top: 0;
}
.map_headText{
	font-size: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	font-weight: 600;
	text-align: center;
}

@media screen and (max-width:768px){
	.mapContent{
		border-width: var(--sp-size-2);
	}
	.map_logo{
		padding: calc(48 / var(--vw-min) * 100vw) 0 calc(24 / var(--vw-min) * 100vw);
	}
	.map_logo--img{
		width: calc(320 / var(--vw-min) * 100vw);
	}
	.mapContentHead{
		padding-top: calc(24 / var(--vw-min) * 100vw);
		padding-left: calc(48 / var(--vw-min) * 100vw);
		padding-right: calc(48 / var(--vw-min) * 100vw);
		padding-bottom: calc(48 / var(--vw-min) * 100vw);
	}
	.map_headText{
		font-size: calc(26 / var(--vw-min) * 100vw);
	}
}


/**
* navLists
**/
.mapNavListsWrap{
	width: 100%;
	border-top: 1px solid var(--color-black);
	border-bottom: 1px solid var(--color-black);
	position: relative;
}
.mapNavLists{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.mapNav__link{
	display: block;
	min-width: min(calc(100 / var(--vw-min) * 100vw), 100px);
	text-align: center;
	text-decoration: none;
	padding: min(calc(16 / var(--vw-min) * 100vw), calc(16px * var(--max-percent)));
	font-family: var(--font-en);
	font-size: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	font-weight: 700;
	line-height: 0.8;
	position: relative;
}
.mapNav__link > span{
	position: relative;
}
.mapNav__link:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(var(--color-black), var(--color-black)) right bottom / 0 100% no-repeat;
	transition: background-size .4s;
}
@media screen and (hover:hover) and (pointer: fine){
	.mapNav__link{
		transition: color .4s ease;
	}
	.mapNav__link:hover{
		color: #FFF;
	}
	.mapNav__link:hover::before{
		background-size: 100% 100%;
		background-position: left bottom;
	}
}

.mapNav__link.--is-current{
	color: #FFF;
}
.mapNav__link.--is-current:before{
	background-size: 100% 100%;
	background-position: left bottom;
}

@media screen and (max-width:768px){
	.mapNavListsWrap{
		position: relative;
	}
	.mapNavListsWrap:after{
		content: '';
		position: absolute;
		bottom: -1px;
		border-bottom: 1px solid #000;
	}
	.mapNavList{
		min-width: calc(100% / 6);
	}
	.mapNavLists.--column2 .mapNavList:nth-child(-n + 6){
		border-bottom: var(--sp-size-2) solid #000;
	}
	.mapNavLists.--column3 .mapNavList:nth-child(-n + 12){
		border-bottom: var(--sp-size-2) solid #000;
	}
	.mapNav__link{
		min-width: auto;
		padding: calc(24 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw);
		font-size: calc(32 / var(--vw-min) * 100vw);
	}
}



/**
* mapContentIn
**/
.mapContentIn{
	width: 100%;
	padding: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	position: relative;
}
.mapContentIn > .specialArticleIn{
	padding-top: 0;
}
.mapImageArea{
	width: 100%;
}
.mapImage__link{
	display: block;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	border: 1px solid var(--color-black);
	overflow: hidden;
}
.mapImageArea img{
	width: 100%;
}

@media screen and (hover:hover) and (pointer: fine){
	.mapImage__link img{
		transition: .3s ease;
	}
	.mapImage__link:hover img{
		transform: scale(102.5%);
		filter: brightness(110%);
	}
}


@media screen and (max-width:768px){
	.mapContentIn{
		padding: calc(48 / var(--vw-min) * 100vw) calc(48 / var(--vw-min) * 100vw) calc(96 / var(--vw-min) * 100vw);
	}
	.mapImage__link{
		max-width: 100%;
		border-width: var(--sp-size-2);
	}
}



/*-----------------------------------------------
 * SPECIAL - gif
-------------------------------------------------*/
.specialContent.-gif{
	padding-left: 0;
	padding-right: 0;
}
.specialContent.-gif .specialContent{
	padding-top: 0;
	padding-bottom: 0;
	border: unset;
}
.specialContent.-gif > .specialArticle{
	max-width: unset;
}
.specialContent.-gif .mapContentHead{
	padding-top: min(calc(4 / var(--vw-min) * 100vw), calc(4px * var(--max-percent)));
}

.gifContentIn{
	padding-top: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
}

@media screen and (max-width:768px){
	.specialContent.-gif .mapContentHead{
		padding-top: calc(12 / var(--vw-min) * 100vw);
	}
	.gifContentIn{
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}	
}
.btn_galleryList.dlimg .galleryList__img{
	pointer-events: auto;
}
.gifLists .galleryList__img{
	position: relative;
	padding-top: 100%;
}
.gifLists .galleryList__img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}