@charset "utf-8";

@font-face {
	font-family:'ShinGoPro';
	font-weight:normal;
	src:url('font/A-OTF-ShinGoPro-Light.woff') format('woff');
}
@font-face {
	font-family:'ShinGoPro';
	font-weight:bold;
	src:url('font/A-OTF-ShinGoPro-Medium.woff') format('woff');
}
@font-face {
	font-family:'ShinGoPro';
	font-weight:900;
	src:url('font/A-OTF-ShinGoPro-Bold.woff') format('woff');
}

:root {

	--textColor:#333333;/* テキスト基本色 */

}



body {
  font-size:15px;
	line-height:1.6;
	background:#ffffff;
	background-size:100% auto;
	color:#333333;
	font-family:'ShinGoPro';
	font-weight:normal;
	color:var(--textColor);
	z-index:0;
}
a { color:var(--textColor); }

.pageTitle {
	padding:3em 0.5em;
	text-align:center;
	/*font-family: 'Noto Sans JP', sans-serif;*/
}
	.pageTitle h1,
	.pageTitle p {
		font-size:1.3em;
		line-height:1.2;
	}

.remodal_video {
	background:none;
	padding:0;
}
	.remodal_video .remodal-close {
		top:-40px;
	}
	.remodal_video .remodal-close:before {
		background:none;
	}

.remodal_video .videoContainer {
	background:#000000;
	border-radius:1em;
	padding:0;
	overflow:hidden;
}


.mainImage {
	position:relative;
	/*background:url(../../../../../img/shop_lp/no-hand/shop_lp/no-hand/main_image.jpg) top center no-repeat;*/
	background-size:100% auto;
	box-sizing:border-box;
	width:100%;
	overflow:hidden;
}
.mainImageContents {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
}
.mainImageContents .logo {
	position:absolute;
	top:10%;
	z-index:2;
}
.mainImageContents .lady {
	position:absolute;
	bottom:0;
	z-index:1;
}
.mainImageContents .object {
	position:absolute;
	bottom:14%;
	z-index:2;
}

.topContents {
  margin-bottom: 4em;
	color:#ffffff;
}
@media only screen and (max-width:560px) {
	.topContents {
		font-size:2.8vw;
	}
}

.topContents .magazine {
	position:relative;
	border:1px solid #c0c0c0;
	border-radius:1em;
	padding:1.5em;
	margin:0 2% 4em;
	text-align:center;
	color:#fff;
	overflow:hidden;
}
.topContents .magazine::after {
	content:"";
	position:absolute;
	top:0; left:0;
	background:url(../../../img/shop_lp/no-hand/play_sentai_bg.jpg) center top no-repeat;/* 必要に応じて */
	background-size:120% auto;
	width:100%;
	height:100%;
	opacity:0.8;
	z-index:-1;
}
	.topContents .magazine > p {
		font-size:1.2em;
		position:relative;
		display:inline-block;
		/*background:url(../../../top/img/icon_mail.png) left center no-repeat;*/
		background:url(../../../top/img/icon_mail_wht.png) left center no-repeat;
		background-size:auto 1.2em;
		padding:1em 0 1em 2em;
		
	}
	@media only screen and (max-width:560px) {
		.topContents .magazine > p {
			font-size:3.4vw;
	}
	}
	.topContents .magazine form .mailInput {
		margin-bottom:0.5em;
	}
	.topContents .magazine form .mailInput input[type="text"] {
		font-size:1.2em;
		appearance:none;
		background:#fff;
		border:1px solid #cfcfcf;
		line-height:2;
		box-sizing:border-box;
		width:100%;
		padding:0 0 0 0.3em;
	}
	.topContents .magazine form .button {
		margin-bottom:0.5em;
	}
	.topContents .magazine form .button input[type="submit"] {
		appearance:none;
		background:linear-gradient(to bottom,  #ffffff 50%,#ebebeb 100%);
		border:solid 1px #999999;
		box-sizing:border-box;
		width:40%;
		padding:0.5em 0;
		color:#cb0201;
		font-weight:bold;
		cursor:pointer;
	}

.blur {
/*filter: blur(1px);*/
}

.topContents .top_bg {
	position:relative;
}
.topContents .top_bg .content {
	font-size:1.2em;
	position:absolute;
	top:0; left:0;
	box-sizing:border-box;
	width:100%;
	height:100%;
	text-align:center;
}
.topContents .top_bg .content p {
	font-weight:bold;
}
.topContents .top_bg .content .large {
	font-size:1.4em;
	margin-bottom:1.5em;
	font-weight:900;
}

	.topContents .top_bg1 {
		overflow:hidden;
	}
	.topContents .top_bg1 .content {
		padding-top:43%;
	}
	.topContents .top_bg1 .content .circle {
		display:flex;
		justify-content:space-between;
		padding:4em 6% 0;
	}
	.topContents .top_bg1 .content .circle li {
		display:flex;
		justify-content:center;
		align-items:center;
		background:rgba(234,4,4,0.5);
		border-radius:50%;
		width:8.6em;
		height:8.6em;
		overflow:hidden;
	}
	.topContents .top_bg1 .content .circle li span {
		font-size:0.9em;
		line-height:1.4;
		font-weight:900;
		text-align:center;
	}

	.topContents .top_bg2 {
		overflow:hidden;
	}
	.topContents .top_bg2 .content {
		padding-top:3.5em;
	}
	.topContents .top_bg2 .content .img1 {
		margin-bottom:1em;
	}

	.topContents .top_bg3 .content {
		padding-top:4em;
	}

.topContents .top_playFlow {
	margin-bottom:4em;
	overflow:hidden;
}
.topContents .top_playFlow .scene {
	position:relative;
}
.topContents .top_playFlow .scene .content {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	position:absolute;
	top:0; left:0;
	box-sizing:border-box;
	width:100%;
	height:100%;
}
	.topContents .top_playFlow .scene .large {
		font-size:1.8em;
		font-weight:900;
	}

.topContents .top_playFlow .scene2 .content {
	justify-content:flex-end;
	text-align:right;
}

.topContents .top_playFlow .scene .leftGrad {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	align-content:center;
	background:linear-gradient(to bottom, rgba(255,0,0,0.9) 21%,rgba(255,168,0,0.9) 79%);
	border-radius:0 70% 70% 0% / 0 50% 50% 0;
	box-sizing:border-box;
	width:56%;
	height:30em;
	padding-left:2.7em;
}
.topContents .top_playFlow .scene .rightGrad {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-items:center;
	align-content:center;
	background:linear-gradient(to bottom, rgba(255,0,0,0.9) 21%,rgba(255,168,0,0.9) 79%);
	border-radius:70% 0 0 70% / 50% 0 0 50%;
	box-sizing:border-box;
	width:56%;
	height:30em;
	padding-right:2.7em;
}

.topContents .top_playFlow .style {
	position:relative;
}
.topContents .top_playFlow .style .content {
	position:absolute;
	top:44%; left:0;
	box-sizing:border-box;
	width:100%;
	text-align:center;
}
.topContents .top_playFlow .style .content p {
	font-size:2.1em;
	margin-bottom:0.8em;
	font-weight:bold;
}
	.topContents .top_playFlow .style .content p span {
		display:block;
		font-weight:900;
	}

.topContents .top_playFlow .scene3 .content {
	align-content:center;
}
.topContents .top_playFlow .scene3.leftIn .content .grad {
	height:29em;
}
	.topContents .top_playFlow .scene3 .content p {
		width:100%;
	}
	.topContents .top_playFlow .scene3 .content .large {
		margin-bottom:0.5em;
	}

.topContents .top_playFlow .scene4 .content {
	display:block;
}
.topContents .top_playFlow .scene4 .rightGrad {
	position:absolute;
	top:20%; right:0;
	padding-right:1.5em;
	text-align:right;
}
.topContents .top_playFlow .scene4 .leftGrad {
	position:absolute;
	top:60%; left:0;
}
	.topContents .top_playFlow .scene4 .large {
		margin-bottom:0.5em;
	}

.topContents .top_playFlow .free {
	position:relative;
}
.topContents .top_playFlow .free .content {
	position:absolute;
	top:45%; left:0;
	box-sizing:border-box;
	width:100%;
	text-align:center;
}
.topContents .top_playFlow .free .content p {
	line-height:1.2;
	font-weight:900;
	letter-spacing:0;
}

	.topContents .top_playFlow .free .content .text1 {
		font-size:2.7em;
	}
	.topContents .top_playFlow .free .content .text2 {
		font-size:2.9em;
	}

	.topContents .top_playFlow .free .content span {
		display:block;
		font-weight:900;
	}
	.topContents .top_playFlow .free .content .text1 span {
		font-size:1.2em;
	}
	.topContents .top_playFlow .free .content .text2 span {
		font-size:1.1em;
	}

.topContents .top_playFlow .finish {
	position:relative;
}
.topContents .top_playFlow .finish .content {
	position:absolute;
	top:45%; left:0;
	box-sizing:border-box;
	width:100%;
	text-align:center;
}
.topContents .top_playFlow .finish .content p {
	font-size:1.4em;
	color:#000000;
}

.topContents .remain {
	font-size:1.2em;
	padding:4em 0;
	text-align:center;
	color:#000000;
}
.topContents .opBtn {
	background:url(../../../img/shop_lp/no-hand/top_opBtn_bg.jpg) center center no-repeat;
	background-size:cover;
	border-radius:2em;
	padding:12em 3.5em;
	margin:0 4%;
	text-align:center;
	overflow:hidden;
}
	.topContents .opBtn a {
		display:block;
		background:rgba(255,255,255,0.9);
		padding:2.2em 0;
		border-radius:3.2em;
}
	.topContents .opBtn a span {
		font-size:1.4em;
		display:block;
		background:linear-gradient(to left, rgba(124,1,2,1) 0%,rgba(233,0,0,1) 59%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

.playContents {
}
@media only screen and (max-width:560px) {
	.playContents {
		font-size:2.8vw;
	}
}
.playContents .pageTitle {
	font-size:1.4em;
	padding-top:5em;
}
.playContents .introduct {
	background:url(../../../img/shop_lp/no-hand/play_introduct_bg.png) center center no-repeat;
	background-size:cover;
	border-radius:2em;
	padding:3em 0;
	margin:0 2% 3em;
	text-align:center;
}
.playContents .introduct p {
	font-size:1.15em;
	line-height:2;
	font-weight:bold;
	color:#fff;
}

.playContents .play {
}
.playContents .sectionTitle {
	margin-bottom:3em;
	text-align:center;
}
	.playContents .sectionTitle span {
		font-size:1.5em;
		line-height:2.2em;
		display:inline-block;
		background:#cc0000;
		border-radius:1.1em;
		padding:0 1.8em;
		margin-bottom:0.8em;
		font-weight:900;
		color:#fff;
	}
	.playContents .sectionTitle h2 {
		font-size:2.2em;
		background-image:linear-gradient( to right, rgb(233,0,0) 0%, rgb(124,1,2) 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-weight:900;
	}

.playContents .playThumb {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:0 1% 2em;
}
.playContents .playThumb li {
	position:relative;
	border-radius:1em;
	width:33%;
	margin-bottom:0.3em;
	overflow:hidden;
}
	.playContents .play3 .playThumb li:nth-of-type(4) {/*プレイ3の4番目*/
		margin-left:auto;
		margin-right:0.5%;
	}
	.playContents .play3 .playThumb li:nth-of-type(5) {/*プレイ3で5番目*/
		margin-right:auto;
	}

	.playContents .playThumb li p {
		position:absolute;
		bottom:0;
		background:rgba(255,96,0,0.6);
		width:100%;
		padding:0.6em 0;
		text-align:center;
		color:#fff;
	}

.playContents .playDetail {
	padding:0 2%;
	margin-bottom:4em;
}
.playContents .playDetail li {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	margin-bottom:1em;
}
	.playContents .playDetail li figure {
		border-radius:1em;
		width:48%;
		overflow:hidden;
	}
	.playContents .playDetail li dl {
		width:49%;
	}
	.playContents .playDetail li dl h3 {
		font-size:1.8em;
		margin-bottom:0.5em;
		color:#cc0000;
		font-weight:900;
	}

.playContents .option {
	padding:0 4%;
	margin-bottom:4em;
}
.playContents .option dl {
	margin-bottom:3em;
}
.playContents .option dl dt {
	line-height:1;
	display:flex;
	justify-content:space-between;
	align-items:center;
	background:#efefef;
	border-radius:1.7em;
	height:3.4em;
	padding:0 2em;
	margin-bottom:1.5em;
}
	.playContents .option dl dt h3 {
		font-size:1.3em;
		font-weight:bold;
	}
	.playContents .option dl dt span {
		font-size:1.1em;
		font-weight:bold;
	}
.playContents .option dl dd {
	font-size:1.1em;
	text-align:center;
}

.playContents .only {
	padding:0 1%;
	margin-bottom:4em;
}
.playContents .only .text {
	font-size:1.1em;
	padding:2em 0;
	text-align:center;
}
	.playContents .only .text.large {
		font-size:1.4em;
		padding-top:0;
		font-weight:bold;
	}

.playContents .only .img1 {
	border-radius:1.5em;
	overflow:hidden;
}
.playContents .only .feature {
	display:flex;
	justify-content:space-between;
	padding:0 4%;
}
.playContents .only .feature .img {
	width:47%;
}
	.playContents .only .feature .img span {
		display:block;
		border-radius:1.5em;
		margin-bottom:1em;
		overflow:hidden;
	}

.playContents .only .feature p {
	width:50%;
}
.playContents .only .feature p span {
	color:#dc0000;
}

.playContents .lastly {
	font-size:1.1em;
	padding:0 2%;
	margin-bottom:3em;
	text-align:center;
}
.playContents .lastly .img {
	display:block;
	border-radius:1.5em;
	overflow:hidden;
}
.playContents .lastly .text1 {
	padding:2em 0;
}
.playContents .lastly .text2 {
	background:#cc0000;
	border-radius:1.5em;
	overflow:hidden;
	padding:2em 0;
	color:#fff;
}


.opBtnHvn {
	position:relative;
	border-radius:2em;
	margin:0 4%;
	overflow:hidden;
}
.opBtnHvn .content {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto 4em;
}

.hvnNav {
	display:flex;
	justify-content:space-between;
	padding:0 6%;
}
.topContents .hvnNav {
	box-sizing:border-box;
	width:100%;
}
.playContents .hvnNav {
	margin-bottom:4em;
}
@media only screen and (max-width:560px) {
	.hvnNav {
		font-size:2.7vw;
	}
}
	.hvnNav a {
		font-size:1.2em;
		/*line-height:3.4;*/
		line-height:1.3;
		background:#fff;
		border-radius:2.6em;
		box-shadow:0 0.1em 0.1em rgba(0,0,0,0.15);
		width:47%;
		padding:1.3em 0;
		text-align:center;
	}




/* フッターに影響が及ばないよう、調整 */
footer a {
  color: #fff;
}