@charset "utf-8";
/*==================================================
	遊ぶ
==================================================*/
#play .bg {
	margin-bottom: 120px;
}
#play .bg:before {
	background: url("../img/bg-wave04.jpg") no-repeat bottom 60px left /100% auto, url("../img/bg-wave.jpg") no-repeat top left /100% auto, linear-gradient(to top, transparent 60px, rgba(13, 183, 214, 0.1) 60px);
}
#play .box {
	margin-bottom: 60px;
	position: relative;
	min-height: 370px;
}
#play .box.rev .img img {
	border-radius: 30px 0 0 0;
}
#play .box .info {
	width: 700px;
	margin-left: auto;
	position: relative;
}
#play .box .info::before {
	content: "";
	position: absolute;
	right: -205px;
	bottom: -30px;
	display: inline-block;
	width: 276px;
	height: 289px;
	background: url("../img/bg-maru04.png") no-repeat center /100% auto;
	z-index: -1;
}
#play .box.rev .info::before {
	right: auto;
	left: -200px;
	bottom: -175px;
	width: 382px;
	height: 474px;
	background: url("../img/bg-maru05.png") no-repeat center /100% auto;
}
#play .box.rev .info {
	margin-left: 0;
	margin-right: auto;
}
#play .box .info .waku {
	padding: 50px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 30px;
	letter-spacing : 2.8px;
}
#play .box .info .waku.bg_gray {
	background: #FAFAF8;
}
#play .box .info .waku table {
	width: 100%;
	letter-spacing: 2.8px;
	margin-top: 50px;
}
#play .box .info .waku table tr {
	border-top: 1px solid #E6E6DC;
}
#play .box .info .waku table tr:last-of-type {
	border-bottom: 1px solid #E6E6DC;
}
#play .box .info .waku table tr th, #play .box .info .waku table tr td {
	padding: 15px 20px;
	box-sizing: border-box;
}
#play .box .info .waku table tr th {
	width: 120px;
	color: #0DB7D6;
}
#play .box .info .waku table tr td {
	width: calc(100% - 120px);
}
#play .box .info .waku .txt {
	margin-bottom: 0;
}
#play .box .info .waku .txt a {
	text-decoration: underline;
}
#play .imgs {
	display: grid;
	justify-content: space-between;
	grid-template-columns: repeat(4, 250px);
	gap: 40px 0;
}
#play .imgs img {
	border-radius: 30px 0;
	width: 100%;
}
@media print, screen and (min-width: 769px){ /* PCのみ */
	#play .box .img {
		position: absolute;
		left: calc(50% - 50vw);
		width: calc( (100vw - 1100px) / 2 + (1100px - 750px) );
	}
	#play .box.rev .img {
		left: auto;
		right: calc(50% - 50vw);
	}
	@media only screen and (max-width: 1150px) {
		#play .box .img {
			left: -30px;
			width: 400px;
		}
		#play .box.rev .img {
			left: auto;
			right: -30px;
		}
	}
	#play .box .img img {
		width: 100%;
		max-height: 370px;
		object-fit: cover;
		border-radius: 0 30px 0 0;
	}
}
@media print, screen and (min-width: 641px){ /* PC・タブレット */
}
@media only screen and (max-width: 768px) and (min-width: 641px){ /* タブレットのみ */
}
@media only screen and (max-width: 768px) {  /* タブレット以下 */
	#play .bg {
		margin-bottom: 50px;
	}
	#play .box {
		margin-bottom: 30px;
	}
	#play .box .img {
		text-align: center;
		margin-bottom: 30px;
	}
	#play .box .img img {
		width: 300px;
		border-radius: 20px;
	}
	#play .box.rev .img img {
		border-radius: 20px;
	}
	#play .box .info {
		width: 100%;
	}
	#play .box .info::before {
		right: -75px;
		bottom: -20px;
		width: 100px;
		height: 120px;
	}
	#play .box.rev .info::before {
		right: auto;
		left: -150px;
		bottom: -125px;
		width: 190px;
		height: 230px;
		background: url(../img/bg-maru05.png) no-repeat center / 100% auto;
	}
	#play .box .info h3.sub {
		text-align: center;
	}
	#eat .box .info .waku .txt {
		margin-bottom: 0;
	}
	#play .box .info .waku {
		padding: 20px;
	}
	#play .box .info .waku table {
		margin-top: 20px;
	}
	#play .box .info .waku table tr th, #play .box .info .waku table tr td {
		padding: 15px;
	}
	#play .imgs {
		grid-template-columns: repeat(4, 23%);
		gap: 30px 0;
	}
}
@media only screen and (max-width: 640px){ /* スマホ */
	#play .box .info .waku table tr th, #play .box .info .waku table tr td {
		padding: 10px;
	}
	#play .box .info .waku table tr th {
		width: 100px;
	}
	#play .box .info .waku table tr td {
		width: calc(100% - 100px);
	}
	#play .imgs {
		grid-template-columns: repeat(2, 48%);
		gap: 15px 0;
	}
}