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

/* ハニカムエリア */


@media screen and (min-width:961px) { /*PC*/
	.p-onsale {
		background:url("../img/yokoku.avif") center top no-repeat;
		background-size:cover;
		width:100%;
		max-width:1013px;
		aspect-ratio:1013 / 109;
		margin:0 auto 48px;
	}
}
@media screen and (max-width:960px) { /*MB*/
	.p-onsale {
		background:url("../img/yokoku_mobile.avif") center top no-repeat;
		background-size:cover;
		width:100%;
		max-width:684px;
		aspect-ratio:684 / 196;
		margin:0 auto 48px;
	}
}

.p-price {
	background:url("../img/price.avif") center top no-repeat;
	background-size:cover;
	width:100%;
	max-width:825px;
	aspect-ratio:825 / 60;
	margin:0 auto;
}

/* TGS */

.p-tgs-wrap {
	background:rgba(0,0,0,0.5);
	box-sizing:border-box;
	padding:24px;
	border-radius:20px;
	margin:0 auto;
	width:100%;
	position:relative;
	border:5px solid #000;
}

.p-tgs-wrap h2 {
	background-color:#fff;
	width:100%;
	max-width:640px;
	margin:0 auto 32px;
	font-size:2.8rem;
	font-weight:700;
	display:flex;
	box-sizing:border-box;
	padding:12px;
	border-radius:10px;
	align-items:center;
	justify-content: center;
}

.p-tgs-wrap p {
	color:#fff;
	font-size:2rem;
	line-height:1.7;
	margin-bottom:32px;
}

@media screen and (min-width:961px) { /*PC*/
	.p-tgs-wrap p {
		text-align:center;
	}
}
@media screen and (max-width:960px) { /*MB*/
	.p-tgs-wrap p {
		text-align:justify;
	}
}

.p-tgs-wrap p strong {
	font-weight:700;
	color:#fff100;
}

.p-tgs-date {
	background-color:#8f8f8f;
	width:100%;
	max-width:640px;
	margin:0 auto 32px;
	display:flex;
	box-sizing:border-box;
	flex-direction: column;
	padding:3px;
}

.p-tgs-date dl {
	display:flex;
	position:relative;
	border-bottom:3px solid #8f8f8f;
}

.p-tgs-date dl:last-child {
	border-bottom:0px!important;
}

.p-tgs-date dt {
	width:20%;
	display:flex;
	font-size:1.7rem;
	color:#fff;
	box-sizing:border-box;
	padding:8px;
	justify-content: center;
	align-items:center;
	background-color:#3d3d3d;
	line-height:1.4;
}

.p-tgs-date dd {
	width:80%;
	display:flex;
	font-size:1.7rem;
	color:#fff;
	box-sizing:border-box;
	padding:8px;
	justify-content: flex-start;
	align-items:center;
	background-color:#505050;
	text-align:left;
	line-height:1.4;
}

.p-tgs-link a {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6162b2+0,91357e+50,ff185e+100 */
background: linear-gradient(to right,  #6162b2 0%,#91357e 50%,#ff185e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color:#fff;
	width:100%;
	max-width:480px;
	font-size:2.2rem;
	font-weight:700;
	margin:0 auto;
	display:flex;
	box-sizing:border-box;
	padding:12px;
	height:60px;
	border-radius:30px;
	align-items:center;
	justify-content: center;
	border:2px solid #fff;
	box-shadow:0 0 0 5px rgba(0,0,0,1);
	transition:all 0.3s;
}

.p-tgs-link a:hover {
	opacity:0.6;
	text-decoration:none;	
}

.p-foot-logo {
	width:180px;
	margin:0 auto;
	position:relative;
}