@charset "utf-8";
:root{
	--vw-min:1200;
	--font-en :"Dela Gothic One", sans-serif;
	--color-orange2:#E94218;
	--color-orange:#FF9500;
}
@media screen and (max-width:768px){
	:root{
		--vw-min:750;
	}
}

/*---------------
LOADING
---------------*/
#loading {
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:#000;
	z-index:12000;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width:767px) {
	#loading {
		height: 100svh;
	}
}

.loading__logo {
	width:calc(628 / var(--vw-min) * 100vw);
	height:calc(320 / var(--vw-min) * 100vw);
	background:url(../../img/special/f-project/fp-logo.png) no-repeat center center / contain;
	z-index: 2;
	transition: all .4s ease;
	opacity: 0;
	filter: blur(10px);
}


@media screen and (max-width:768px) {
	.loading__logo {
	width:calc(628 / var(--vw-min) * 100vw);
	height:calc(320 / var(--vw-min) * 100vw);
	}
}
#loading .ttlArea_bg{
	opacity: 0;
	transition: opacity .4s ease;
}
#loading.-ani0 .ttlArea_bg{
	opacity: 1;
	transition: opacity .4s ease;
}
#loading.-ani0 .loading__logo{
	opacity: 1;
	filter: blur(0);
}
#loading .ttlArea_bg::after{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	z-index: 2;
	background: linear-gradient(145deg,rgba(0, 0, 0, 0.6) 15%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .6) 85%);
}
#loading .ttlArea_bg_inner {
	animation: flowing 40s linear infinite;
	will-change: transform;
}
#loading.-ani .ttlArea_bg{
	opacity: 0;
	transition: all .6s ease;
	isolation: isolate;
}


#loading.-ani0.-ani .loading__logo{
	transform: scale(1.2);
	opacity: 0;
	filter: blur(10px);
	transition: transform .6s ease, opacity .4s ease,filter .4s ease;
}



#fullWrap{
	width: 100%;
	min-width: unset;
	background-color: #000;
}
#fullWrap:before{
	z-index: -1;
}


/* --------------------
INDEX
-------------------- */
/* TITLE AREA */
.ttlArea{
	min-height: calc(612 / var(--vw-min) * 100vw);
	height: 100vh;
	height:  calc(612 / var(--vw-min) * 100vw);
	display: flex;
	align-items: center;
    justify-content: center;
	position: relative;
}
.pageTtlWrap{
	display: flex;
	align-items: center;
    justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 3;
}
.pageTtl__logo{
	display: block;
	width:calc(628 / var(--vw-min) * 100vw);
	height:calc(320 / var(--vw-min) * 100vw);
	background: url(../../img/special/f-project/fp-logo.png) no-repeat center center / contain;
	position: absolute;
	margin: auto;
	inset: 0;
	z-index: 4;
}
.pageTtl__project{
	margin-top: auto;
	width: 100%;
	height:calc(158 / var(--vw-min) * 100vw);
	background: url(../../img/special/f-project/fp_ttl.png) no-repeat center bottom / contain;
}
.subpage .pageTtl__project{
		margin-top: auto;
		width: 100%;
		height:100%;
		background:url(../../img/special/f-project/fp_ttl.png) no-repeat right bottom / auto calc(70 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.ttlArea{
		height: calc(1064 / var(--vw-min) * 100vw);
	}
	.pageTtl__logo{
		width: 100%;
		height: calc(382 / var(--vw-min) * 100vw);
	}
	.pageTtl__project{
		margin-top: auto;
		width: 100%;
		height:100%;
		background-image: url(../../img/special/f-project/fp_ttl1_sp.png),url(../../img/special/f-project/fp_ttl2_sp.png);
		background-position: center top, center bottom;
		background-size: auto calc(141 / var(--vw-min) * 100vw);
	}
	.subpage .pageTtl__project{
		margin-top: auto;
		width: 100%;
		height:100%;
		background:url(../../img/special/f-project/fp_ttl.png) no-repeat center bottom / auto calc(70 / var(--vw-min) * 100vw);
	}
}
/* 千空　ゼノ */
/*
.ttlArea_img{
	display: block;
	position: absolute;
	top: calc(136 / var(--vw-min) * 100vw);
	left: 0;
	margin: auto;
	width: 100%;
	height: calc(272 / var(--vw-min) * 100vw);
	background-image: url(../../img/special/f-project/fp_ttl_ph1.jpg),url(../../img/special/f-project/fp_ttl_ph2.jpg);
	background-position: left center,right center;
	background-repeat: no-repeat, no-repeat;
	background-size:  auto 100%, auto 100%;
	z-index: 2;
}
@media screen and (max-width:768px){
	.ttlArea_img{
		top: 0;
		left: 0;
		bottom: 0;
		height: calc(781 / var(--vw-min) * 100vw);
		background-image: url(../../img/special/f-project/fp_ttl_ph1_sp.jpg),url(../../img/special/f-project/fp_ttl_ph2_sp.jpg);
		background-position: left top,right bottom;
		background-size: calc(375 / var(--vw-min) * 100vw) auto;


	}
	.subpage .ttlArea_img{
		height: calc(781 / var(--vw-min) * 100vw);
		background: url(../../img/special/f-project/fp_ttl_ph_sp_sub.png)no-repeat center center / contain;
	}
}
*/


/* ttl > bg */
.ttlArea_bg {
	position: absolute;
	inset: 0;
	overflow: hidden;
	z-index: 1;
	background-color: #000;
}
.ttlArea_bg_inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 100%;
	opacity: 0.6;
	display: flex;
	width: max-content;
	animation: flowing 40s linear infinite;
}
.flowImg{
	display: block;
	width: 100vw;
	height: 100%;
	background: url(../../img/special/f-project/ph.jpg) no-repeat center/cover;
	flex-shrink: 0;
}

@keyframes flowing {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}


@media screen and (max-width:768px){
	.ttlArea_bg_inner {
		position: absolute;
		top: 0;
		left: 0;
	}
	.flowImg{
		display: block;
		width: 100vw;
		height: 100%;
		background:  url(../../img/special/f-project/ph_sp.jpg) no-repeat center/cover;
		flex-shrink: 0;
	}
}
/*  */
.ttlArea_bg::after{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg,rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
@media screen and (max-width:768px){
	.ttlArea_bg::after{
		background: linear-gradient(0deg,rgba(0, 0, 0, 0.6) 15%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 85%);
	}
}
/* SUB TITLE */
.subpage .ttlArea{
	height:calc(272 / var(--vw-min) * 100vw);
	overflow: hidden;
	min-height: unset;
}
.subpage .ttlArea_bg_inner {
	width: 100%;
	background: url(../../img/special/f-project/ph.jpg) no-repeat top center / 102% auto;
	animation: unset;
}
.subpage .ttlArea_bg::after{
	background: linear-gradient(0deg,rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0) 100%);
}
@media screen and (max-width:768px){
	.subpage .ttlArea_bg_inner {
		width: 100%;
		background: url(../../img/special/f-project/ph_sp.jpg) no-repeat top left / 100% auto;
		animation: unset;
	}
	.subpage .ttlArea_bg::after{
	}
}
/*---------------
INTRODUCTION
---------------*/
.introArea{
	height: 100vh;
	min-height: 612px;
	height: calc(612 / var(--vw-min) * 100vw);
	background: url(../../img/special/f-project/introduction/intro_bg.jpg) no-repeat center center / cover;
}
.introArea__inner{
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
    justify-content: center;
	flex-direction: column;
}
@media screen and (max-width:768px){
	.introArea{
		height: calc(838 / var(--vw-min) * 100vw);
		min-height: unset;
		background: url(../../img/special/f-project/introduction/intro_bg_sp.jpg) no-repeat center center / cover;
	}
	.introArea__inner{
		display: block;
		padding: calc(90 / var(--vw-min) * 100vw) 0;
	}
}
.introArea__ttlWrap{
	position: absolute;
	inset: 0;
	margin: auto;
	width: 100%;
	background-color: #000;
	height: min(calc(145 / var(--vw-min) * 100vw), 145px);
	display: flex;
	align-items: center;
    justify-content: center;
}
.introArea__ttl{
	width: min(calc(507 / var(--vw-min) * 100vw), 507px);
	height: min(calc(70 / var(--vw-min) * 100vw), 70px);
	background: url(../../img/special/f-project/introduction/intro_ttl.png) no-repeat center center / cover;
}
@media screen and (max-width:768px){
	.introArea__ttlWrap{
		height: calc(156 / var(--vw-min) * 100vw);
		margin-top: calc(369 / var(--vw-min) * 100vw);
	}
	.introArea__ttl{
		width:calc(507 / var(--vw-min) * 100vw);
		height:calc(70 / var(--vw-min) * 100vw);
	}
}

.introTxtWrap{
	display: flex;
	align-items: center;
    justify-content: center;
	flex-direction: column;
	gap: min(calc(187 / var(--vw-min) * 100vw), 187px);
}
.introTxt._txt1{
	width: max(calc(683 / var(--vw-min) * 100vw), 683px);
	height: max(calc(139 / var(--vw-min) * 100vw), 139px);
	background: url(../../img/special/f-project/introduction/intro_txt1.svg) no-repeat center center / contain;
}
.introTxt._txt2{
	width: max(calc(683 / var(--vw-min) * 100vw), 683px);
	height: max(calc(139 / var(--vw-min) * 100vw), 139px);
	background: url(../../img/special/f-project/introduction/intro_txt2.svg) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.introTxtWrap{
		gap:0;
	}
	.introTxt._txt1{
		width: calc(687 / var(--vw-min) * 100vw);
		height: calc(263 / var(--vw-min) * 100vw);
		background: url(../../img/special/f-project/introduction/intro_txt1_sp.svg) no-repeat center center / contain;
		margin-bottom: calc(200 / var(--vw-min) * 100vw);;
	}
	.introTxt._txt2{
		width: calc(692 / var(--vw-min) * 100vw);
		height: calc(194 / var(--vw-min) * 100vw);
		background: url(../../img/special/f-project/introduction/intro_txt2_sp.svg) no-repeat center center / contain;
	}
}
/*---------------
NAV
---------------*/
.projectNavBlock{
	height: 100vh;
	min-height: 612px;
	background-color: #000;
	position: relative;
}
@media screen and (max-width:768px){
	.projectNavBlock{
		height: calc(900 / var(--vw-min) * 100vw);
		min-height: unset;
		overflow: hidden;
	}
}
/*bg*/
.projectNavBlock__bg{
	content: "";
	z-index: 0;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	background: url(../../img/special/f-project/ph.jpg) no-repeat center center / cover;
	opacity: 0.6;
}

.projectNavBlock::after{
	content: "";
	z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	background: url(../../img/special/f-project/nav/mask.jpg) no-repeat center center / cover;
	mix-blend-mode: color-burn;
	opacity:0.6;
}
@media screen and (max-width:768px){
	.projectNavBlock::after{
		background: url(../../img/special/f-project/nav/mask_sp.jpg) no-repeat center center / cover;
	}
}

.projectNavBlock::before{
	content: "";
	z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	opacity: 0.6;
	background: linear-gradient(145deg,rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 1) 85%);
}
.projectNavBlock__inner{
	position: relative;
	z-index: 5;
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
}
/* nav title */
.projectNavTtl._ttl1{
	width: calc(683 / var(--vw-min) * 100vw);
	height: calc(90 / var(--vw-min) * 100vw);
	background: url(../../img/special/f-project/nav/navblock_ttl1.png) no-repeat center center / contain;
	position: absolute;
	left: 0;
	top: 0;
}
.projectNavTtl._ttl2{
	width: calc(360 / var(--vw-min) * 100vw);
	height: calc(90 / var(--vw-min) * 100vw);
	background: url(../../img/special/f-project/nav/navblock_ttl2.png) no-repeat center bottom / contain;
	position: absolute;
	right: 0;
	bottom: 0;
}
@media screen and (max-width:768px){
	.projectNavTtl._ttl1{
		width: calc(539 / var(--vw-min) * 100vw);
		height: calc(70 / var(--vw-min) * 100vw);
	}
	.projectNavTtl._ttl2{
		width: calc(360 / var(--vw-min) * 100vw);
		height: calc(70 / var(--vw-min) * 100vw);
		}
}
.projectNav{
	position: relative;
	z-index: 10;
}
.projectNavLists{
	min-width: 570px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.projectNavLists:not(:first-child){
	margin-top:  calc(-37 / var(--vw-min) * 100vw);
	margin-top: -37px;
}
.projectNavItem{
	/*width: calc(200 / var(--vw-min) * 100vw);
	height: calc(200 / var(--vw-min) * 100vw);
	margin-left: max(calc(-15 / var(--vw-min) * 100vw),-15px);*/
	width: 200px;
	height: 200px;
	margin-left: -15px;
	mask: url(../../img/special/f-project/nav/hexmsk.svg) no-repeat center center / contain;
	overflow: hidden;
	position: relative;
	transition: .3s ease;
}
.projectNavItem:nth-child(1){
	margin-left:0;
}
.projectNavItem._hexbtn1{
	background:#1E1E1E url(../../img/special/f-project/nav/navbtn1.png) no-repeat center center / contain;
}
.projectNavItem._hexbtn2{
	background:#1E1E1E url(../../img/special/f-project/nav/navbtn2.png) no-repeat center center / contain;
}
.projectNavItem._hexbtn3{
	background:#1E1E1E url(../../img/special/f-project/nav/navbtn3.png) no-repeat center center / contain;
}
.projectNavItem._hexbtn4{
	background:#1E1E1E url(../../img/special/f-project/nav/navbtn4.png) no-repeat center center / contain;
}
.projectNavItem._hexbtn5{
	background:#1E1E1E url(../../img/special/f-project/nav/navbtn5.png) no-repeat center center / contain;
}
.projectNavItem._hexbtn_kagakubu{
	background:#1E1E1E url(../../img/special/f-project/nav/navbtn6.png) no-repeat center center / contain;
}
.projectNavItem._hexbtn_ttl{
	background: url(../../img/special/f-project/nav/navbtn_ttl.png) no-repeat center center / contain;
}
/*
.projectNavItem::after{
	content: "";
	width:calc(200 / var(--vw-min) * 100vw);
	height: calc(200 / var(--vw-min) * 100vw);
	width: 200px;
	height: 200px;
	mask: url(../../img/special/f-project/nav/hexmsk.svg) no-repeat center center / contain;
	background:#1E1E1E;
	position: absolute;
	inset: 0;
	z-index: 1;
	margin: auto;
	opacity: 0;
	pointer-events: none;
}*/
.projectNavItem__link{
	display: block;
	width: 100%;
	height: 100%;
}

.projectNavItem.-soon .projectNavItem__link{
	pointer-events: none;
}
/*
.projectNavItem.-soon::after{
	opacity: 0.6;
}*/
@media screen and (max-width:768px){
	.projectNavLists{
		width:calc(570 / var(--vw-min) * 100vw);
		max-width:unset;	}
	.projectNavLists:not(:first-child){
		margin-top:calc(-37 / var(--vw-min) * 100vw);
	}
	.projectNavItem{
		width:calc(200 / var(--vw-min) * 100vw);
		height:calc(200 / var(--vw-min) * 100vw);
		margin-left:calc(-15 / var(--vw-min) * 100vw);
	}
	.projectNavItem::after{
		width:calc(200 / var(--vw-min) * 100vw);
		height:calc(200 / var(--vw-min) * 100vw);
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.projectNavItem.hexbtn:not(.-soon):hover{
		filter: brightness(125%);
	}
}

/* countdown */
.projectCdWrap{
	position: absolute;
	right: 0;
	bottom: calc(98 / var(--vw-min) * 100vw);
	display: flex;
    flex-direction: column;
}
.projectCd__txt._txt1{
	width: calc(360 / var(--vw-min) * 100vw);
	font-family: "Dela Gothic One", sans-serif;
	font-size: calc(48 / var(--vw-min) * 100vw);
	font-weight: 400;
	line-height: 1;
	height: calc(150 / var(--vw-min) * 100vw);
	background: url(../../img/special/f-project/nav/cd_txt_onair.png) no-repeat center center / contain;
}
.txtc-orange{
	color: var(--color-orange);
}
.projectCd__txt._txt2 {
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
    align-items: baseline;
	align-items: flex-end;
    justify-content: flex-end;
	width: 100%;
	height:calc(80 / var(--vw-min) * 100vw);
	background: url(../../img/special/f-project/nav/cd_txt2.png) no-repeat right bottom / contain;
	opacity: 0;
}

.projectCd__num{
	font-size: calc(80 / var(--vw-min) * 100vw);
	margin-right:calc(55 / var(--vw-min) * 100vw);
	font-family: var(--font-en);
	color :var(--color-orange2);
	letter-spacing: -0.02em;
	line-height: 0.86em;
}

@media screen and (max-width:768px){
	.projectCdWrap{
		right: unset;
		left: 0;
		bottom: 0;
		width: calc(300 / var(--vw-min) * 100vw);	
		height: calc(130 / var(--vw-min) * 100vw);
	}
	.projectCd__txt._txt1{
		height: calc(130 / var(--vw-min) * 100vw);
		background: url(../../img/special/f-project/nav/cd_txt_onair.png) no-repeat bottom left / contain;
	}
	.projectCd__num{
		font-size:calc(94 / var(--vw-min) * 100vw);
		margin-right:unset;
		margin-left: calc(75 / var(--vw-min) * 100vw);
	}
	.projectCd__txt._txt2 {
		justify-content: flex-start;
	}	
}

/* --------------------
FOOTER
-------------------- */

.footerArea{
	height: calc(1677 / var(--vw-min) * 100vw);
	position: relative;
}
@media screen and (max-width:768px){
	.footerArea{
		height: calc(1057 / var(--vw-min) * 100vw);
	}
}
.footer__bg{
	position: absolute;
	inset: 0;
	background: url(../../img/special/f-project/kv/kv1.jpg) no-repeat top center / cover;
}

.footer__bgItem{
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center top;
	opacity: 0;
}

.footer__bgItem.is-active{
	opacity: 1;
}
/*
.footer__bg{
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	margin: auto;
	z-index: 0;
}
.footer__bg::before,
.footer__bg::after{
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center top;
}*/
/* 1枚目 */
/*
.footer__bg::before{
	background-image: url(../../img/special/f-project/footer_vis1.jpg);
	animation: fade1 20s linear infinite;
}*/

/* 2枚目 */
/*
.footer__bg::after{
	background-image: url(../../img/special/f-project/footer_vis2.jpg);
	animation: fade2 20s linear infinite;
}*/

/* 1枚目 */
@keyframes fade1 {
	0%   { opacity: 1; } 
	40%  { opacity: 1; } 
	50%  { opacity: 0; } 
	90%  { opacity: 0; } 
	100% { opacity: 1; } 
}

/* 2枚目 */
@keyframes fade2 {
	0%   { opacity: 0; }
	40%  { opacity: 0; }
	50%  { opacity: 1; }
	90%  { opacity: 1; }
	100% { opacity: 0; }
}
.footerArea__inner{
	position: relative;
	z-index: 1;
	display: flex;
	height: 100%;
	padding-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.copyright{
	display: block;
	margin: auto auto 0;
	font-size: min(calc(12 / var(--vw-min) * 100vw), 12px);
	text-shadow: #000 0px 0px 10px;
}

/* --------------------
SUBPAGE
-------------------- */
/* TITLE AREA */
.subpage .ttlArea{
	height: calc(272 / var(--vw-min) * 100vw);
}
.subpage .ttlArea_bg::before{
    animation: unset;
	background: url(../../img/special/f-project/ttl_bg.jpg) repeat-x center top / 100.6% auto;
}
.subpage .pageTtl__logo{
	width: calc(424 / var(--vw-min) * 100vw);
	height: calc(216 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.subpage .ttlArea{
		height: calc(418 / var(--vw-min) * 100vw);
	}
	.subpage .pageTtl__logo{
		width: calc(522 / var(--vw-min) * 100vw);
		height: calc(266 / var(--vw-min) * 100vw);
	}
}
/* page ttl */
.pageSubTtlWrap{
	background-color: #000;
	width: 100%;
	height: min(calc(125 / var(--vw-min) * 100vw), 125px);
	display: flex;
	align-items: center;
    justify-content: center;
	margin-bottom: min(calc(60 / var(--vw-min) * 100vw), 60px);
}
.cmt .pageSubTtl{
	width: min(calc(708 / var(--vw-min) * 100vw), 708px);
	height: min(calc(101 / var(--vw-min) * 100vw), 101px);
	background: url(../../img/special/f-project/comment/comment_ttl.png) no-repeat center center / contain;
}
.jaxa .pageSubTtl{
	width: min(calc(708 / var(--vw-min) * 100vw), 708px);
	height: min(calc(101 / var(--vw-min) * 100vw), 101px);
	background: url(../../img/special/f-project/jaxa/jaxa_ttl.png) no-repeat center center / contain;
}
.oped .pageSubTtl{
	width: min(calc(708 / var(--vw-min) * 100vw), 708px);
	height: min(calc(101 / var(--vw-min) * 100vw), 101px);
	background: url(../../img/special/f-project/oped/oped_ttl.png) no-repeat center center / contain;
}
.illust .pageSubTtl{
	width: min(calc(708 / var(--vw-min) * 100vw), 708px);
	height: min(calc(101 / var(--vw-min) * 100vw), 101px);
	background: url(../../img/special/f-project/illust/illust_ttl.png) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.pageSubTtlWrap{
		height: calc(125 / var(--vw-min) * 100vw);
		margin-bottom: min(calc(60 / var(--vw-min) * 100vw), 60px);
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
	.cmt .pageSubTtl{
		width: 100%;
		height: calc(101 / var(--vw-min) * 100vw);
	}
}


.subPageContents{
	position: relative;
	clip-path: inset(0);
	min-height: 100vh;
	padding-bottom:  min(calc(60 / var(--vw-min) * 100vw), 60px);
}
.subPageContents__inner{
	position: relative;
	z-index: 1;
}
.subpage{
	opacity: 0;
	transition: .6s ease;
}
.-load .subpage{
	opacity: 1;
}
@media screen and (max-width:768px){
	.subPageContents{
		min-height: auto;
		padding-bottom: calc(120 / var(--vw-min) * 100vw);
	}
}
/* bg */
.sub__bg{
	content: "";
	width: 100%;
	height: 100%;
	min-height: 100vh;
	position: fixed;
	margin: auto;
	inset: 0;
	background: url(../../img/special/f-project/sub_bg.jpg) no-repeat center center / cover;
}
@media screen and (max-width:768px){
	.sub__bg{
		background: url(../../img/special/f-project/sub_bg_sp.jpg) no-repeat center center / cover;
	}
}
/*
.sub__bg__w{
	width: 100%;
	height: 100%;
	position: absolute;
	margin: auto;
	inset: 0;
	background-color: rgba(255, 255, 255, 1);
}
.sub__bg__w::after{
	content: "";
	width: 100%;
	height: 100%;
	min-height: 100vh;
	position: fixed;
	margin: auto;
	inset: 0;
	background: url(../../img/special/f-project/sub_bg.jpg) no-repeat center center / cover;
	opacity: 0.7;
	mix-blend-mode: multiply;
}
*/
/* contents lists */
.contLists{
	display: flex;
	width: min(calc(974 / var(--vw-min) * 100vw), 974px);
	gap: min(calc(20 / var(--vw-min) * 100vw), 20px);
	margin: 0 auto;
	flex-wrap: wrap;
}

.contItem{
	display: flex;
	width: min(calc(225 / var(--vw-min) * 100vw), 225px);
}
@media screen and (max-width:768px){
	.contLists{
		width: 100%;
		gap: calc(20 / var(--vw-min) * 100vw);
		padding:0 calc(35 / var(--vw-min) * 100vw);
		margin: 0 auto;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.contLists.opedLists{
		width:100%;
		padding:0;
	}
	.contItem{
		width: calc((100% - calc(20 / var(--vw-min) * 100vw))/2);
	}
}


.contItem__link{
	width: 100%;
	height: 100%;
	border: 2px solid var(--color-orange);
	background-color: #000;
	text-decoration: none;
}
.contItem .imgBox{
	width: 100%;
	height: min(calc(225 / var(--vw-min) * 100vw), 225px);
	overflow: hidden;
}
.contItem .imgBox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .4s ease;
}
@media screen and (max-width:768px){
	.contItem .imgBox{
		height: calc(335 / var(--vw-min) * 100vw);
	}
}

.contItem__link:hover .imgBox img{
	transform: scale(1.06);
}
/* txt */
.contItem .txtBox{
	border-top: 2px solid var(--color-orange);
	padding: 0 10px;
	height: min(calc(70 / var(--vw-min) * 100vw), 70px);
	display: flex;
	align-items: center;
    justify-content: center;
    flex-direction: column;
	position: relative;
}
.chara_name{
	font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
	line-height: 1;
	margin-bottom: min(calc(5 / var(--vw-min) * 100vw), 5px);
}
.chara_cv{
	font-size: min(calc(26 / var(--vw-min) * 100vw), 26px);
	color: var(--color-orange);
	line-height: 1;
}
@media screen and (max-width:768px){
	.contItem .txtBox{
		height: calc(95 / var(--vw-min) * 100vw);
	}
	.chara_name{
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
	.chara_cv{
		font-size: calc(30 / var(--vw-min) * 100vw);
	}
}

.deco_arrow{
	display: block;
	width: min(calc(32 / var(--vw-min) * 100vw), 32px);
	height:min(calc(31 / var(--vw-min) * 100vw), 31px);
	position: absolute;
	bottom: 0;
	top: 0;
	margin: auto;
	right: max(calc(-15 / var(--vw-min) * 100vw), -15px);
	transition: all .4s ease;
}
.deco_arrow::before{
	content: "";
	display: block;
	width: min(calc(32 / var(--vw-min) * 100vw), 32px);
	height:min(calc(31 / var(--vw-min) * 100vw), 31px);
	background:url(../../img/special/f-project/arrow_frame.svg) no-repeat center center /contain;
	position: absolute;
	inset: 0;
	margin: auto;
	transition: all .4s ease;
}
.deco_arrow::after{
	display: block;
	content: "";
	width: min(calc(6 / var(--vw-min) * 100vw), 6px);
	height:min(calc(6 / var(--vw-min) * 100vw), 6px);
	-webkit-mask:url(../../img/special/f-project/arrow_right.svg) no-repeat center center /contain;
	mask:url(../../img/special/f-project/arrow_right.svg) no-repeat center center /contain;
	background-color: var(--color-orange);
	position: absolute;
	inset: 0;
	margin: auto;
	transition: all .4s ease;
}
.deco_arrow.-btm::after{
	transform: rotate(90deg);
}
@media screen and (max-width:768px){
	.deco_arrow{
		display: block;
		width:calc(42 / var(--vw-min) * 100vw);
		height:calc(42 / var(--vw-min) * 100vw);
		right: calc(-20 / var(--vw-min) * 100vw);
	}
	.deco_arrow::before{
		width:calc(42 / var(--vw-min) * 100vw);
		height:calc(42 / var(--vw-min) * 100vw);
	}
	.deco_arrow::after{
		width:calc(8 / var(--vw-min) * 100vw);
		height:calc(8 / var(--vw-min) * 100vw);
	}
}

.contItem__link:hover .deco_arrow{
	transform: scale(1.08);
}


/*-----------------------------------------------
 * Modal
-------------------------------------------------*/

/**
 * modalBox
 * 基盤のモーダル
 */

.modalBox{
	-webkit-overflow-scrolling: touch;
	background:#F9F9EF;
	display: none;
	width: 100%;
	height: 100%;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1002;
}
.modalBox:before {
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	background: url(../../img/special/f-project/modal/modal_bg_pc.jpg) no-repeat center center / cover;

	z-index: 1;
	pointer-events: none;
}

.oneModal{
	display: none;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 3;
}

/* oneModalIn */
.oneModalIn{
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	width: 100%;
	min-width: 100%;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
}
.oneModalIn__cont{
	padding: 50px 0;
}
@media screen and (max-width:767px){
	.oneModalIn{
		min-width: 100%;
	}
	.oneModalIn__cont{
		width: 100%;
	}
}

/**
 * closeBtn
 */
.closeBtn{
	width: min(calc(80 / var(--vw-min) * 100vw), 70px);
    height: min(calc(60 / var(--vw-min) * 100vw), 60px);
    position: fixed;
    top: min(calc(5 / var(--vw-min) * 100vw), 5px);
	right: min(calc(20 / var(--vw-min) * 100vw),20px);
	z-index: 1100;
	transition:transform .4s ease;
}
.btn_closeBtn{
	display: flex;
	align-items: center;
	justify-content: center;
	background:url(../../img/special/f-project/modal/modal_close.png) no-repeat center center /contain;
	width: 100%;
	height: 100%;
	transition:transform .4s ease;
}

@media screen and (max-width:767px){
	.closeBtn{
	top: calc(3 / var(--vw-min) * 100vw);
	width: calc(80 / var(--vw-min) * 100vw);
	height: calc(63 / var(--vw-min) * 100vw);
	}
}
/* hover */
@media (hover: hover) and (pointer: fine){
	.closeBtn:hover{
		transform: scale(.9);
	}
}

/**
 * iframe
 */
/* common */
.commonIframe{
	width: 100%;
	height: 100%;
	display: block;
}
/* youtube */
.youtubeIframeWrap {
	width: 70%;
	max-width: 159.993vh;
	position: relative;
}
@media screen and (max-width:767px){
	.youtubeIframeWrap {
		width: 100%;
		max-width: 100%;
	}
}
.youtubeIframeWrap:before{
	content: "";
	display: block;
	padding-top: 56.25%;
	z-index: 0;
}
.youtubeIframe{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.modal__title{
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: min(calc(70 / var(--vw-min) * 100vw), 70px);
	background: #000 url(../../img/special/f-project/modal/modal_title.png) no-repeat center center / auto 100%;
}
.modal__title._btm{
	top: unset;
	bottom: 0;
	background: #000 url(../../img/special/f-project/modal/modal_txt.png) no-repeat center center / auto 100%;
}
.commentContWrap{
	padding: min(calc(80 / var(--vw-min) * 100vw), 80px) 0;
}
.modalComment{
	width: min(calc(940 / var(--vw-min) * 100vw), 940px);
	margin: 0 auto;
	display: flex;
}
.cmt_imgBox{
	width: min(calc(320 / var(--vw-min) * 100vw), 320px);
	height: min(calc(320 / var(--vw-min) * 100vw), 320px);
	flex-shrink: 0;
	margin-right:min(calc(30 / var(--vw-min) * 100vw), 30px);
}
.cmt_img{
	width: 100%;
	height: 100%;
}
.cmt_img img{
	width: 100%;
	height: 100%;
}
@media screen and (max-width:767px){
	.modalComment{
		width: 100%;
		flex-direction: column;
		padding: calc(80 / var(--vw-min) * 100vw);
		margin:calc(70 / var(--vw-min) * 100vw) 0;
	}
	.cmt_imgBox{
		width: 100%;
		height: calc(590 / var(--vw-min) * 100vw);
		margin-right:unset;
		margin-bottom:calc(36 / var(--vw-min) * 100vw);
	}
}

.cmt_textBox{
	width: min(calc(590 / var(--vw-min) * 100vw), 590px);
	display: flex;
	flex-direction: column;
	color: #000;
}
.cmt_textBox_name{
	display: flex;
    font-size: min(calc(30 / var(--vw-min) * 100vw), 30px);
    align-items: baseline;
	font-weight: 700;
	margin-bottom: min(calc(30 / var(--vw-min) * 100vw), 30px);
}
.cmt_charaname{
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
@media screen and (max-width:767px){
	.cmt_textBox{
		width: 100%;
	}
	.cmt_textBox_name{
		font-size: calc(40 / var(--vw-min) * 100vw);
		margin-bottom: calc(20 / var(--vw-min) * 100vw);
	}
	.cmt_charaname{
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.cmt_textBox_text{
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}

/* subpage detail */
.subpage .detailBlock{
	width:min(calc(800 / var(--vw-min) * 100vw), 800px);
	margin: 0 auto;
	color: #000;
	font-size:  min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 700;
}
.subpage .mainImg {
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.subpage .mainImg img {
	width: 100%;
	height: auto;
}

.subpage .detailBlock__txt{
	margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.subpage .detailBlock__info{
	display: flex;
    line-height: 1.6;
}
.subpage.jaxa .detailBlock__info{
	width: 100%;
}
.subpage .detailBlock__info:not(:last-child){
	margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.subpage .detailBlock__info dt{
	padding-right: 15px;
	line-height: 1;
}
.subpage .detailBlock__info .info__ttl{
	line-height: 1;
	background-color: #000;
	color: #FFF;
	display: inline-block;
	padding:5px;
}
@media screen and (max-width:767px){
	.subpage .detailBlock{
		width:100%;
		padding: 0 calc(40 / var(--vw-min) * 100vw);
		font-size:  min(calc(20 / var(--vw-min) * 100vw), 20px);
	}
	.subpage .detailBlock__info{
		flex-direction: column;
	}
}
.detailBlock__ttlWrap{
	position: relative;
	padding: min(calc(20 / var(--vw-min) * 100vw), 20px) 0;
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
	margin-bottom:min(calc(40 / var(--vw-min) * 100vw), 40px);
	text-align: center;	
}
.detailBlock__ttl{
	font-size:  min(calc(28 / var(--vw-min) * 100vw), 28px);
	font-weight: bold;
	position: relative;
}
.detailBlock .txt-ttl{
	position: relative;
	display: inline-block;
}
.detailBlock .txt-ttl::after{
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 100%;
	display: inline-block;
	margin: auto;
	z-index: -1;
	content: "";
	height: 30%;
	width: 100%;
	background-color: var(--color-orange);
	opacity: 0.6;
}
.detailBlock__link{
	text-decoration: underline;
	color: #000;
}
.detailBlock__infoWrap{
	border: 3px solid #000;
	padding: min(calc(24 / var(--vw-min) * 100vw), 24px);
	margin-bottom: 1em;
}
.txt-small{
	font-size:  min(calc(16 / var(--vw-min) * 100vw), 16px);
}

/* TAB */
.tabLists{
	display: flex;
	justify-content: center;
	margin-bottom:  min(calc(80 / var(--vw-min) * 100vw), 80px);
}
.tabItem{
	padding-right: min(calc(20/ var(--vw-min) * 100vw),20px);
}
.tabLists .tabItem__link{
	color: #FF9500;
	border: 2px solid #FF9500;
    padding:0 10px;
	width: min(calc(176 / var(--vw-min) * 100vw), 176px);
    height: min(calc(50/ var(--vw-min) * 100vw), 50px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
	background-color: #000;
	font-weight: normal;
	text-decoration: none;
	font-size: min(calc(20/ var(--vw-min) * 100vw),20px);
}

@media screen and (hover:hover) and (pointer: fine){
	.tabItem__link:hover .deco_arrow.-btm{
		transform: scale(1.08);
	}
}
@media screen and (max-width:767px){
	.tabLists{
		gap: calc(20/ var(--vw-min) * 100vw) 0;
		flex-wrap: wrap;
		justify-content: flex-start;
		flex-direction: row;
		margin-bottom:  calc(40 / var(--vw-min) * 100vw);
	}
	.tabItem{
		width: 50%;
		padding-right:calc(20/ var(--vw-min) * 100vw);
	}
	.tabLists .tabItem__link{
		padding:0 calc(10 / var(--vw-min) * 100vw);
		width: 100%;
		height: calc(80 / var(--vw-min) * 100vw);
		font-size: min(calc(20/ var(--vw-min) * 100vw),20px);
	}
}



/* OP ED */
.opedPageBlock{
	width: min(calc(980 / var(--vw-min) * 100vw), 980px);
	margin: 0 auto;
}
@media screen and (max-width:767px){
	.opedPageBlock{
		width: 100%;
		padding: 0 calc(24/ var(--vw-min) * 100vw);
	}
}

.opedLists .contItem{
	display: flex;
	height: auto;
	width: calc((100% - min(calc(20/ var(--vw-min) * 100vw),20px)) / 2);
	flex-direction: column;
    background-color: #000;
    text-decoration: none;
	color: var(--color-orange);
	font-weight: normal;
}
.opedLists .txtBox{
	height: auto;
}
.opedLists .imgBox{
	height: min(calc(266/ var(--vw-min) * 100vw),266px);
	overflow: hidden;
}
.opedLists .imgBox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .4s ease;
}
@media screen and (max-width:767px){
	.opedLists .imgBox{
		height: calc(185/ var(--vw-min) * 100vw);
	}
}
.oped__season{
	font-size: min(calc(16/ var(--vw-min) * 100vw),16px);
}
.oped__title{
	font-weight: bold;
	font-size: min(calc(16/ var(--vw-min) * 100vw),16px);
}
.oped__artist{
	font-weight: 800;
	color: var(--color-orange);
	font-size: min(calc(28/ var(--vw-min) * 100vw),28px);
	line-height: 1;
	text-align: center;
	margin-top: auto;
	margin-bottom: auto;
}
@media screen and (max-width:767px){
	.oped__season{
		font-size: calc(16/ var(--vw-min) * 100vw);
	}
	.oped__title{
		font-size: calc(16/ var(--vw-min) * 100vw);
	}
	.oped__artist{
		font-size:calc(26/ var(--vw-min) * 100vw);
	}
}




.cmtBox{
	padding: 20px;
	font-size: min(calc(18/ var(--vw-min) * 100vw),18px);
}
.opedLists .txtBox{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	padding: min(calc(18/ var(--vw-min) * 100vw),18px);
	height: calc(100% - min(calc(266 / var(--vw-min) * 100vw), 266px));
}
@media screen and (max-width:767px){
	.opedLists .txtBox{
		height: calc(100% - calc(185 / var(--vw-min) * 100vw));
	}
}
.ytBox{
	display: block;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
	margin-bottom: min(calc(40/ var(--vw-min) * 100vw),40px);
}
.ytBox iframe[src*="youtube"] {
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.opedListsBlock__ttl{
	font-size: min(calc(28 / var(--vw-min) * 100vw), 28px);
    font-weight: bold;
	color: #000;
}

.contListsBlock:not(:last-child){
	margin-bottom: min(calc(80 / var(--vw-min) * 100vw), 80px);

}
.contListsBlock__ttl{
	color: #000;
	font-size: min(calc(28/ var(--vw-min) * 100vw),28px);
	display: flex;
	justify-content: space-between;
    align-items: baseline;
	font-weight: bold;
	border-bottom: 2px solid #000;
	margin-bottom: min(calc(40/ var(--vw-min) * 100vw),40px);
}
.contListsBlock__ttl__jp{
	font-size: min(calc(18/ var(--vw-min) * 100vw),18px);
}
@media screen and (max-width:767px){
	.contListsBlock__ttl{
		font-size:calc(34/ var(--vw-min) * 100vw);
	}
	.contListsBlock__ttl__jp{
		font-size: calc(24/ var(--vw-min) * 100vw);
	}
}

.opedLists{
	margin-bottom: 40px;
}
.illustLists .imgBox{
	position: relative;
}
.illustLists .imgBox::before{
	content: "";
	width:min(calc(31/ var(--vw-min) * 100vw),31px);
	height:min(calc(31/ var(--vw-min) * 100vw),31px);
	background-color: var(--color-orange);
	position: absolute;
	display: block;
	pointer-events: none;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.illustLists .imgBox::after{
	content: "";
	width:min(calc(22/ var(--vw-min) * 100vw),22px);
	height:min(calc(22/ var(--vw-min) * 100vw),22px);
	background-color: #000;
	position: absolute;
	display: block;
	pointer-events: none;
	right: min(calc(4/ var(--vw-min) * 100vw),4px);
	bottom: min(calc(4/ var(--vw-min) * 100vw),4px);
	z-index: 2;
	-webkit-mask: url(../../img/special/f-project/ic_zoom.svg) no-repeat center center/ contain;
	mask: url(../../img/special/f-project/ic_zoom.svg) no-repeat center center/ contain;
}


/* MODAL */
.modalOped{
	width: min(calc(800/ var(--vw-min) * 100vw),800px);
}
@media screen and (max-width:767px){
	.modalOped{
		width: 100%;
		padding: 0 calc(24/ var(--vw-min) * 100vw);
	}
}

.modalOped__ttl{
	color: #000;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
	margin-bottom: min(calc(40/ var(--vw-min) * 100vw),40px);
}
/* modal > comment txt */
.oped__textBox{
	color: #000;
	font-size: min(calc(18/ var(--vw-min) * 100vw),18px);
	margin-bottom: min(calc(40/ var(--vw-min) * 100vw),40px);
}
.oped__textBox__name{
	width: 100%;
    display: inline-block;
    text-align: right;
}
@media screen and (max-width:767px){
	.oped__textBox{
		font-size:calc(24/ var(--vw-min) * 100vw);
	}
}

/* modal > ttl */
.modalOped__ttl .oped__season{
	display: inline-block;
	line-height: 1.5;
	padding: 0 5px;
	font-size: min(calc(16/ var(--vw-min) * 100vw),16px);
	background-color: #000;
	color: #FFF;
	text-align: center;
}
.modalOped__ttl .oped__title{
	font-size: min(calc(24/ var(--vw-min) * 100vw),24px);
}
.modalOped__ttl .oped__artist{
	font-weight: 800;
	color: #000;
	font-size: min(calc(28/ var(--vw-min) * 100vw),28px);
	line-height: 1;
	text-align: center;
}
@media screen and (max-width:767px){
	.modalOped__ttl .oped__season{
		font-size:calc(24/ var(--vw-min) * 100vw);
	}
	.modalOped__ttl .oped__title{
		font-size: calc(24/ var(--vw-min) * 100vw);
	}
	.modalOped__ttl .oped__artist{
		font-size:calc(32/ var(--vw-min) * 100vw);
	}
}

/* IMG  MODAL */

.js-imgModal_cont {
	margin:  80px 0;
}
.js-imgModal_cont img{
	max-width: 800px;
	height: auto;
}
#imgModal .oneModalIn{
    align-items: flex-start;
}
@media screen and (max-width:767px){
	#imgModal .oneModalIn{
		align-items: center;
		padding: 0 5vw;
	}
}
.modalOped__detail{
	display: flex;
}

/* info__ttl_sub */
.info__ttl_sub{
	background: linear-gradient(transparent 70%, #FF9500 30%);
    display: inline;
}

/*------------------------------
 JAXA特設ページ
------------------------------*/
.jaxaTtlArea{
	display: flex;
	flex-direction: row;
	width: 100%;
}
@media screen and (max-width:767px){
	.jaxaTtlArea{
		flex-direction: column;
	}
}

.jaxaKv{
	width: calc(488/ var(--vw-min) * 100vw);
	position: relative;
}
.jaxaKv__catch{
	z-index: 1;
	position: absolute;
	right:calc(14/ var(--vw-min) * 100vw);
	top: calc(20/ var(--vw-min) * 100vw);
	width: calc(40/ var(--vw-min) * 100vw);
	height:calc(353/ var(--vw-min) * 100vw);
	background: url(../../img/special/f-project/jaxa/jaxa_catch.jpg) no-repeat center top / contain;
}
.jaxaKv__img{
	width: 100%;
}
.jaxaKv__img img{
	width: 100%;
	height: auto;
}
@media screen and (max-width:767px){
	.jaxaKv{
		width: 100%;
	}
	.jaxaKv__catch{
		right:calc(40/ var(--vw-min) * 100vw);
		top: calc(48/ var(--vw-min) * 100vw);
		width: calc(56/ var(--vw-min) * 100vw);
		height:calc(624/ var(--vw-min) * 100vw);
	}
}

.jaxaTtl{
	display: flex;
    align-items: center;
    justify-content: center;
	width: calc(100% - (488/ var(--vw-min) * 100vw));
	background: url(../../img/special/f-project/jaxa/ttl_bg.jpg) no-repeat center top / cover;
}
.jaxaTtl__inner{
	display: flex;
	flex-direction: column;
    align-items: center;
}
.jaxaTtl__logo{
	width: calc(566/ var(--vw-min) * 100vw);
	height:calc(152/ var(--vw-min) * 100vw);
	background: url(../../img/special/f-project/jaxa/jaxa_pagelogo.png) no-repeat center top / contain;
	margin-bottom: calc(40/ var(--vw-min) * 100vw);
}
.jaxaTtl__ttl{
	width: calc(574/ var(--vw-min) * 100vw);
	height:calc(100/ var(--vw-min) * 100vw);
	background: url(../../img/special/f-project/jaxa/jaxa_pagettl.png) no-repeat center top / contain;
	margin-bottom: calc(88/ var(--vw-min) * 100vw);
}
.jaxaTtl__date{
	width: calc(528/ var(--vw-min) * 100vw);
	height:calc(43/ var(--vw-min) * 100vw);
	background: url(../../img/special/f-project/jaxa/jaxa_pagedate.png) no-repeat center top / contain;
}
@media screen and (max-width:767px){
	.jaxaTtl{
		width: 100%;
		padding: calc(64/ var(--vw-min) * 100vw) 0;
	}
	.jaxaTtl__logo{
		margin-bottom: calc(24/ var(--vw-min) * 100vw);
	}
	.jaxaTtl__ttl{
		width: calc(660/ var(--vw-min) * 100vw);
		height:calc(112/ var(--vw-min) * 100vw);
		margin-bottom: calc(48/ var(--vw-min) * 100vw);
	}
	.jaxaTtl__date{
		width: calc(520/ var(--vw-min) * 100vw);
		height:calc(47/ var(--vw-min) * 100vw);
	}
}

.JaxaSectionWrap{
	width: min(calc(800/ var(--vw-min) * 100vw),800px);
	margin: 0 auto;
	padding-top: min(calc(80/ var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:767px){
	.JaxaSectionWrap{
		width:100%;
		padding: calc(35/ var(--vw-min) * 100vw);
		padding-top: min(calc(80/ var(--vw-min) * 100vw),80px);
	}
}
.JaxaSection{
	padding-bottom: calc(80/ var(--vw-min) * 100vw);
}
.JaxaSectionTtl{
	text-align: center;
	position: relative;
	width: 100%;
	background: linear-gradient(270deg, #011439 0%, #002D85 49.52%, #011439 100%);
	border: 3px solid #011439;
	height: min(calc(64/ var(--vw-min) * 100vw),64px);
	display: flex;
	align-items: center;
    justify-content: center;
	margin-bottom: min(calc(40/ var(--vw-min) * 100vw),40px);
}
.JaxaSectionTtl::before,
.JaxaSectionTtl::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	pointer-events: none;
	background: url(../../img/special/f-project/jaxa/section_ttl_deco_left.png) no-repeat center center / contain;
	width: min(calc(58/ var(--vw-min) * 100vw),58px);
	height: min(calc(58/ var(--vw-min) * 100vw),58px);
}
.JaxaSectionTtl::after{
	left: unset;
	right: 0;
	background-image: url(../../img/special/f-project/jaxa/section_ttl_deco_right.png);
}
.JaxaSectionTtl__txt{
	background: linear-gradient(90deg, #EAEAEA 0%, #FFF 50%, #EAEAEA 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: center;
	/*text-shadow: 0 0 8px rgba(0, 0, 0, 0.25);*/
	font-family: "Noto Sans JP";
	font-size: min(calc(30/ var(--vw-min) * 100vw),30px);
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 150% */
}
@media screen and (max-width:767px){
	.JaxaSectionTtl{
		height: calc(67/ var(--vw-min) * 100vw);
	}
	.JaxaSectionTtl__txt{
		font-size: calc(28/ var(--vw-min) * 100vw);
	}
}
.JaxaSectionContents{
	color: #000;
	font-size:min(calc(20/ var(--vw-min) * 100vw),20px);
	font-weight: 700;
	letter-spacing: 0.6px;
}
@media screen and (max-width:767px){
	.JaxaSectionContents{
		font-size:calc(26/ var(--vw-min) * 100vw);
	}
}
.jaxaGoodsLists{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: min(calc(40/ var(--vw-min) * 100vw),40px) min(calc(24/ var(--vw-min) * 100vw),24px);
}
.jaxaGoodsItem{
	text-align: center;
}
.jaxaGoodsItem:last-child{
	grid-column: 2;
}
.jaxaGoodsItem__img{
	margin-bottom: min(calc(15/ var(--vw-min) * 100vw),15px);
}
.jaxaGoodsItem__img img{
	width: 100%;
	height: auto;
}
.jaxaGoodsItem__name{
	line-height: 1.4;
}
.jaxaGoodsItem__price{
	margin-top: min(calc(4/ var(--vw-min) * 100vw),4px);
	font-size: min(calc(18/ var(--vw-min) * 100vw),18px);
	line-height: 1.4;
}
@media screen and (max-width:767px){
	.jaxaGoodsLists{
		grid-template-columns: repeat(2, 1fr);
		gap: calc(45/ var(--vw-min) * 100vw) calc(24/ var(--vw-min) * 100vw);
	}
	.jaxaGoodsItem:last-child{
		grid-column: 1 / -1;
		width: calc((100% - calc(24/ var(--vw-min) * 100vw)) / 2);
		justify-self: center;
	}
	.jaxaGoodsItem__img{
		margin-bottom: calc(15/ var(--vw-min) * 100vw);
	}
	.jaxaGoodsItem__price{
		margin-top: calc(4/ var(--vw-min) * 100vw);
		font-size: calc(22/ var(--vw-min) * 100vw);
	}
}
.jaxa .sub__bg::before {
    content: "";
    width: 100%;
    height: 100%;
    min-height: 100vh;
    position: fixed;
    margin: auto;
	background: rgba(255, 255, 255, 1);
    mix-blend-mode: color;
	pointer-events: none;
}

.mapBlock{
	position: relative;
	overflow: hidden;
	margin-bottom: min(calc(40/ var(--vw-min) * 100vw),40px);
}

.map__img img{
	width: 100%;
	height: auto;
}

.mapGuideItem {
	display: block;
	position: absolute;
	width: min(calc(40/ var(--vw-min) * 100vw),40px);
	height: min(calc(40/ var(--vw-min) * 100vw),40px);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.mapGuideLists{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.mapGuideItem.-guide01 {
	left: min(calc(151/ var(--vw-min) * 100vw),151px);
	top: min(calc(164/ var(--vw-min) * 100vw),164px);
	background-image: url(../../fp-guide/img/num01.png);
}
.mapGuideItem.-guide02 {
	left: min(calc(144/ var(--vw-min) * 100vw),144px);
	top: min(calc(38/ var(--vw-min) * 100vw),38px);
	background-image: url(../../fp-guide/img/num02.png);
}
.mapGuideItem.-guide03 {
	left: min(calc(269/ var(--vw-min) * 100vw),269px);
	top: min(calc(49/ var(--vw-min) * 100vw),49px);
	background-image: url(../../fp-guide/img/num03.png);
}
.mapGuideItem.-guide04 {
	left: min(calc(467/ var(--vw-min) * 100vw),467px);
	top: min(calc(66/ var(--vw-min) * 100vw),66px);
	background-image: url(../../fp-guide/img/num04.png);
}
.mapGuideItem.-guide05 {
	left: min(calc(661/ var(--vw-min) * 100vw),661px);
	top: min(calc(70/ var(--vw-min) * 100vw),70px);
	background-image: url(../../fp-guide/img/num05.png);
}
.mapGuideItem.-guide06 {
	left: min(calc(664/ var(--vw-min) * 100vw),664px);
	top: min(calc(197/ var(--vw-min) * 100vw),197px);
	background-image: url(../../fp-guide/img/num06.png);
}
.mapGuideItem.-guide07 {
	left: min(calc(700/ var(--vw-min) * 100vw),700px);
	top: min(calc(197/ var(--vw-min) * 100vw),197px);
	background-image: url(../../fp-guide/img/num07.png);
}
.mapGuideItem.-guide08 {
	left: min(calc(404/ var(--vw-min) * 100vw),404px);
	top: min(calc(272/ var(--vw-min) * 100vw),272px);
	background-image: url(../../fp-guide/img/num08.png);
}
.mapGuideItem.-guide09 {
	left: min(calc(286/ var(--vw-min) * 100vw),286px);
	top: min(calc(278/ var(--vw-min) * 100vw),278px);
	background-image: url(../../fp-guide/img/num09.png);
}
.mapGuideItem.-guide10 {
	left: min(calc(221 / var(--vw-min) * 100vw), 221px);
    top: min(calc(164 / var(--vw-min) * 100vw), 164px);
	background-image: url(../../fp-guide/img/num10.png);
}
.mapGuideItem.-guide11 {
	left: min(calc(207/ var(--vw-min) * 100vw),207px);
	top: min(calc(283/ var(--vw-min) * 100vw),283px);
	background-image: url(../../fp-guide/img/num11.png);
}
.mapGuideItem.-guide12 {
	left: min(calc(79/ var(--vw-min) * 100vw),79px);
	top: min(calc(235/ var(--vw-min) * 100vw),235px);
	background-image: url(../../fp-guide/img/num12.png);
}
@media screen and (max-width:767px){
	.mapGuideItem.-guide01 {
		left: calc(115/ var(--vw-min) * 100vw);
		top: calc(134/ var(--vw-min) * 100vw);
	}
	.mapGuideItem.-guide02 {
		left: calc(120/ var(--vw-min) * 100vw);
		top: calc(28/ var(--vw-min) * 100vw);
	}
	.mapGuideItem.-guide03 {
		left: calc(228/ var(--vw-min) * 100vw);
		top: calc(49/ var(--vw-min) * 100vw);
	}
	.mapGuideItem.-guide04 {
		left: calc(385 / var(--vw-min) * 100vw);
        top: calc(47 / var(--vw-min) * 100vw);
	}
	.mapGuideItem.-guide05 {
		left: calc(540 / var(--vw-min) * 100vw);
        top: calc(55 / var(--vw-min) * 100vw);
	}
	.mapGuideItem.-guide06 {
		left: calc(537 / var(--vw-min) * 100vw);
        top: calc(152 / var(--vw-min) * 100vw);
	}
	.mapGuideItem.-guide07 {
		left: calc(573 / var(--vw-min) * 100vw);
        top: calc(152 / var(--vw-min) * 100vw);
	}
	.mapGuideItem.-guide08 {
		left: calc(404/ var(--vw-min) * 100vw);
		top: calc(272 / var(--vw-min) * 100vw);
	}
	.mapGuideItem.-guide09 {
		left: calc(245 / var(--vw-min) * 100vw);
        top: calc(226 / var(--vw-min) * 100vw);
	}
	.mapGuideItem.-guide10 {
		left: calc(180/ var(--vw-min) * 100vw);
        top: calc(133 / var(--vw-min) * 100vw);
	}
	.mapGuideItem.-guide11 {
		left: calc(168 / var(--vw-min) * 100vw);
        top: calc(233 / var(--vw-min) * 100vw);
	}
	.mapGuideItem.-guide12 {
		left: calc(58 / var(--vw-min) * 100vw);
        top: calc(186 / var(--vw-min) * 100vw);
	}

}
.guideItem__link{
	text-decoration: none;
	color: #000;
	display: block;
	height: 100%;
}
.guideListsWrap{
	display: flex;
	border-top:  2px solid #011439;
	border-right:  2px solid #011439;
}
.guideLists{
	width: 50%;
	display: flex;
	border-left:  2px solid #011439;
	flex-direction: column;
}
@media screen and (max-width:767px){
	.guideListsWrap{
		flex-direction: column;
	}
	.guideLists{
		width: 100%;
	}
}
.guideItem{
	width: 100%;
	border-bottom: 2px solid #011439;
	height: min(calc(100/ var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:767px){
	.guideItem{
		height: calc(120/ var(--vw-min) * 100vw);
	}
}
.guideItem .guideItem__link{
	display: flex;
	align-items: center;
	background-color: #FFF;
	transition: all 0.4s ease;
}
.guideItem .guideItem__link:hover{
	background-color: #002D85;
	color: #FFF;
}
.guideItemNum{
	display: block;
	width: min(calc(50/ var(--vw-min) * 100vw),50px);
	height: 100%;
	background-color: #A1A1A1;
	background:linear-gradient(180deg, #A1A1A1 0%, #EAEAEA 50%, #A1A1A1 100%);
	position: relative;
}
@media screen and (max-width:767px){
	.guideItemNum{
		display: block;
		width:calc(110/ var(--vw-min) * 100vw);
	}
}

.guideItemNum::after{
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	width: min(calc(40/ var(--vw-min) * 100vw),40px);
	height: min(calc(40/ var(--vw-min) * 100vw),40px);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

@media screen and (max-width:767px){
	.guideItemNum::after{
		width:calc(70/ var(--vw-min) * 100vw);
		height:calc(80/ var(--vw-min) * 100vw);
	}
}
.guideItemNum.-guide01::after{
	background-image: url(../../fp-guide/img/num01.png);
}
.guideItemNum.-guide02::after{
	background-image: url(../../fp-guide/img/num02.png);
}
.guideItemNum.-guide03::after{
	background-image: url(../../fp-guide/img/num03.png);
}
.guideItemNum.-guide04::after{
	background-image: url(../../fp-guide/img/num04.png);
}
.guideItemNum.-guide05::after{
	background-image: url(../../fp-guide/img/num05.png);
}
.guideItemNum.-guide06::after{
	background-image: url(../../fp-guide/img/num06.png);
}
.guideItemNum.-guide07::after{
	background-image: url(../../fp-guide/img/num07.png);
}
.guideItemNum.-guide08::after{
	background-image: url(../../fp-guide/img/num08.png);
}
.guideItemNum.-guide09::after{
	background-image: url(../../fp-guide/img/num09.png);
}
.guideItemNum.-guide10::after{
	background-image: url(../../fp-guide/img/num10.png);
}
.guideItemNum.-guide11::after{
	background-image: url(../../fp-guide/img/num11.png);
}
.guideItemNum.-guide12::after{
	background-image: url(../../fp-guide/img/num12.png);
}


/* spotname */
.spotNameWrap{
	padding: min(calc(10/ var(--vw-min) * 100vw),10px) min(calc(10/ var(--vw-min) * 100vw),10px) min(calc(10/ var(--vw-min) * 100vw),10px) min(calc(20/ var(--vw-min) * 100vw),20px);
	width: calc(100% - min(calc(50/ var(--vw-min) * 100vw),50px));
	display: flex;
    align-items: center;
}

.spotName{
	line-height: 1.2;
	margin-right: 10px;
}
.spotName small{
	font-size: 80%;
}
@media screen and (max-width:767px){
	.spotNameWrap{
		padding: calc(24/ var(--vw-min) * 100vw);
		width: calc(100% - calc(110/ var(--vw-min) * 100vw));
		font-size: calc(28/ var(--vw-min) * 100vw);
	}

	.spotName{
		line-height: 1.2;
		margin-right: 10px;
	}
}

.ic_senku{
	display: inline-block;
	width: min(calc(40/ var(--vw-min) * 100vw),40px);
	height: min(calc(40/ var(--vw-min) * 100vw),40px);
	background: url(../../fp-guide/img/chara_senku.png) no-repeat center center /contain;
}
.ic_xeno{
	display: inline-block;
	width: min(calc(40/ var(--vw-min) * 100vw),40px);
	height: min(calc(40/ var(--vw-min) * 100vw),40px);
	background: url(../../fp-guide/img/chara_xeno.png) no-repeat center center /contain;
}
@media screen and (max-width:767px){
	.ic_senku{
		width: calc(60/ var(--vw-min) * 100vw);
		height: calc(60/ var(--vw-min) * 100vw);
	}
	.ic_xeno{
		width: calc(60/ var(--vw-min) * 100vw);
		height: calc(60/ var(--vw-min) * 100vw);
	}
}
.txt-more{
	font-size: min(calc(26/ var(--vw-min) * 100vw),26px);
	font-weight: 900;
	display: block;
	text-align: right;
	letter-spacing: 0.02em;
	margin-top: min(calc(40/ var(--vw-min) * 100vw),40px);
}
.info__ttl{
	line-height: 1;
	background-color: #000;
	color: #FFF;
	display: inline-block;
	padding:5px;
}