@charset "utf-8";
/* CSS Document */

/*メニュー*/

@media screen and (min-width:961px) { /*PC*/
	.p-header-inner {
		background-color: #1a1a1a;
	}
	.p-header-wrap {
		width:100%;
		height: 100px;
		display:flex;
		justify-content:flex-start;
		max-width: 1200px;
		margin:0 auto;
	}
	.p-head-title {
		font-family: "Climate Crisis", sans-serif!important;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		color:#fff;
		font-size:4rem;
		height:100px;
		display:flex;
		align-items:center;
	}
	.nav{
		width:100%;
		display: block!important;
	}
	.nav ul {
		display: flex;
		justify-content: space-evenly;
	}
	.nav ul li {
		box-sizing: border-box;
		font-family: "Climate Crisis", sans-serif!important;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		
		font-size:2.5rem;
		height:100px;
		display:flex;
		align-items:center;
	}
	.nav ul li:last-child {
	}
	.nav ul li a, .nav ul li em {
		display: block;
		position: relative;
		margin:0 auto;
		color:#fff;
	}
	.nav ul li a:hover {
		text-decoration:none;
		color:#d4007b;
	}
	.lang{
		display: block!important;
	}
	.lang ul {
		display: flex;
		justify-content: flex-end;
		height:100px;
		align-items:center;
		gap:8px;
	}
	.lang ul li {
		width: calc(100% / 3);
		box-sizing: border-box;
		
	}
	.lang ul li:last-child {
	}
	.lang ul li a, .nav ul li em {
		display: block;
		position: relative;
		font-weight:bold;
		font-family: "Climate Crisis", sans-serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-size:1.7rem;
		width:40px;
		height:40px;
		display:flex;
		align-items:center;
		background-color:#eeeeee;
		border-radius:5px;
		margin:0 auto;
		color:#000000;
		justify-content:center;
	}
	.lang ul li a:hover {
		text-decoration:none;
		background-color:#d4007b;
		color:#fff;
	}
}
@media screen and (max-width:960px) { /*MB*/
	.p-head-title {
		display:none;
		visibility:hidden;
		opacity:0;
	}
	
/*外側クローズ用*/
	.p-main{
	}
	.p-main-cover{
		position: fixed;
		width: 100%;
		visibility: hidden;
		z-index: -1;  
		-webkit-transition: .3s;
		transition: .3s;
	}
	.p-main-cover.active{
		height:100%;
		visibility: visible;
		background:rgba(0,0,0,0.4);
		z-index:1000;
	}
	.p-head-space {
		width: 100%;
		height: 60px;
		background:#1a1a1a;
	}
	.p-header-inner{
		width: 100%;
		height: 60px;
		position:fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		background:#1a1a1a;
	}
	.p-header-wrap{
		position:relative;
		width: 100%;
		height: 60px;
	}
	/*nav=====*/
	.nav{
		display: none;
		position: relative;
		width: 100%;
		text-align: center;
		top: 0;
		left: 0;
		z-index: 950;
		padding-top:60px;
	}
	.nav li{
		background: #1a1a1a;
		border-bottom: 1px solid #545454;
		text-align: left;
		text-indent: 12px;
	}
	.nav a, .nav span{
		color: #fff;
		display: block;
		height: 70px;
		line-height: 70px;
		font-size:3rem;
		font-family: "Climate Crisis", sans-serif!important;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		transform: rotate(0.03deg);
		font-weight: 700!important;
	}
	.nav a:hover{
		text-decoration: none;
	}
	.lang{
		display: none;
		position: relative;
		width: 100%;
		text-align: center;
		top: 0;
		left: 0;
		z-index: 950;
	}
	.lang ul {
		display:flex;
		gap:12px;
		background: #1a1a1a;
		border-bottom: 1px solid #545454;
		justify-content:center;
		padding:32px 0;
	}
	.lang li{
		
	}
	.lang a, .lang span{
		font-family: "Climate Crisis", sans-serif!important;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-size:1.7rem;
		width:40px;
		height:40px;
		display:flex;
		align-items:center;
		background-color:#eeeeee;
		border-radius:5px;
		margin:0 auto;
		color:#000000;
		justify-content:center;
	}
	.lang a:hover{
		text-decoration: none;
	}
	/*ナビボタン*/
	.p-header-sp-nav{
		width: 30px;
		height: 26px;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 10px;
		margin:auto;
		cursor: pointer;
		z-index: 1000;
		background:#1a1a1a;
	}
	.p-header-sp-nav:before {
		content: "";
		display: block;
		width:50px;
		height:60px;
		background-color:#1a1a1a;
		z-index: -1;
		position: absolute;
		right:-10px;
		top:-17px;
	}
	.p-header-sp-nav span {
		display: block;
		position: absolute;
		width: 30px;
		height: 2px;
		background: #fff;
		-webkit-transition: .3s;
		transition: .3s;
	}
	.p-header-sp-nav span:first-of-type {
		top: 0;
		bottom: auto;
		margin-bottom: 10px;
	}
	.p-header-sp-nav span:nth-of-type(2) {
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.p-header-sp-nav span:last-of-type {
		bottom: 0;
		top: auto;
	}
	.p-header-sp-nav.active{
	}
	.p-header-sp-nav.active span:nth-of-type(2) {
		right: -60px;
		opacity: 0;
		visibility: hidden;
	}
	.p-header-sp-nav.active span:first-of-type{
		top: 0;
		bottom: 0;
		margin: auto;
		transform:rotate(45deg);
	}
	.p-header-sp-nav.active span:last-of-type{
		top: 0;
		bottom: 0;
		margin: auto;
		transform:rotate(-45deg);
	}
	
}

.p-mv {
	background:url("../img/mv.jpg") left top repeat;
	aspect-ratio:1200 / 630;
	background-size:cover;
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

.p-title-wrap {
	width:100%;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	gap:24px;
}

.p-head {
	font-family: "Climate Crisis", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-variation-settings:
	"YEAR" 1979;
	font-size:3rem;
	margin:0 auto 32px;
	width:50%;
	max-width:640px;
	background-color:#404040;
	color:#fff;
	box-sizing:border-box;
	padding:4px;
}

@media screen and (min-width:721px) { /*PC*/
	.p-head {
		width:50%;
		max-width:640px;
	}
}
@media screen and (max-width:720px) { /*MB*/
	.p-head {
		width:100%;
	}
}

@media screen and (min-width:961px) { /*PC*/
	.p-title-box {
		width:calc((100% - 24px) / 2);
		background-color:#fff;
	}
}
@media screen and (max-width:960px) { /*MB*/
	.p-title-box {
		width:100%;
		background-color:#fff;
	}
}

.p-title-text {
	padding:24px;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	gap:12px;
}

.p-title-name {
	font-weight:bold;
	font-size:2rem;
	text-align:left;
}

.p-title-explain {
	text-align:left;
	line-height:1.5;
	font-size:1.5rem;
}

.p-foot-logo p {
	font-family: "Climate Crisis", sans-serif!important;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-variation-settings:
	"YEAR" 1979;
	font-size:5rem;
	margin:0 auto 12px;
	color:#404040;
}

/* シングル */

.p-single-image {
	width:100%;
	max-width:1200px;
	margin:0 auto 32px;
}

.p-steam-widget {
	width:100%;
	max-width:1200px;
	margin:0 auto 32px;
	position:relative;
	
}

.p-steam-widget iframe {
	width:100%;
	height:200px;
}

.p-single-wrap {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	box-sizing:border-box;
	padding:32px;
	background-color:#fff;
	text-align:left;
	display:flex;
	flex-direction:column;
	gap:24px;
}

.p-single-wrap h2 {
	background-color:#eeeeee;
	box-sizing:border-box;
	width:100%;
	padding:12px;
	font-size:1.7rem;
}

.p-single-wrap p {
	font-size:1.5rem;
	line-height:1.5;
}