@charset "utf-8";

#rule-box ul {
	display: none;
}

#detail-box #catch-box #catch-detail p {
	color:  #802186;
	font-weight: bold;
}
#detail-box #catch-box #catch-detail p span.pink {
	color:  #ff48ff;
}


@media screen and (max-width: 640px) {
	#main-box {
		width: 100%;
	}
	#main-box-inner {
		padding: 0 0 24.6%;
	}

	#detail-box {
	}
	#detail-box-inner {
	}

	#detail-box .head {
		background: url(../images/sp/t-hikigatari.png) no-repeat center top;
		padding: 20.469% 0 0;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		margin: 0 auto 11.4%;
		position: relative;
	}
	#detail-box .head h3 {
		width: 100%;
		height: 100%;
		font-size: 1.3em;
		line-height: 1.3;
		color: #fff;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
		justify-content: center;
		-webkit-justify-content: center;
	}

	/* #catch-box */
	#detail-box #catch-box {
		width: 93.75%;
		margin: 0 auto 6.4%;
	}
	#detail-box #catch-box #catch-photo {
		margin: 0 auto 9.6%;
	}
	#detail-box #catch-box #catch-detail {
	}
	#detail-box #catch-box #catch-detail h4 {
		width: 93.333%;
		display: block;
		background: url(../hikigatari/images/catch01.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		padding: 18.633% 0 0; /* w100% = 19.964% */
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		margin: 0 0 3.6%;
	}
	#detail-box #catch-box #catch-detail p {
		font-size: 4.94vw;
		line-height: 1.5;
		margin: 0 0 1.4%;
	}
	#detail-box #catch-box #catch-detail h5 {
		display: block;
		background: url(../hikigatari/images/catch02-sp.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		padding: 68.7919% 0 0;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
	}


	/* #rule-box */
	#rule-box {
		width: 93.75%;
		margin: 0 auto;
	}
	#detail-box-inner {
	}
	#rule-box h5 {
		display: block;
		background: url(../hikigatari/images/rule-sp.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		padding: 266.5563% 0 0;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		margin: 0 0 9.6%;
	}
	#rule-box p {
		font-size: 4.375vw;
		line-height: 1.6;
		color:  #802186;
		font-weight: bold;
	}
}


@media screen and (min-width: 641px) {
	#main-box {
		width: 100%;
		/* background: url(../images/pc/main-bg02.png) no-repeat center top; */
		padding: 122px 0 64px;
		margin: -122px 0 0;
	}
	#main-box-inner {
	}

	#detail-box {
		width: 980px;
		margin: 0 auto;
	}
	#detail-box-inner {
	}

	#detail-box .head {
		display: table;
		background: url(../images/pc/t-hikigatari.png) no-repeat 0 0;
		width: 680px;
		height: 160px;
		padding: 0 141px;
		margin: 0 auto 80px;
	}
	#detail-box .head h3 {
		display: table-cell;
		font-size: 30px;
		line-height: 1.0em;
		color: #fff;
		text-align: center;
		vertical-align: middle;
		padding: 8px 0 0;
	}

	/* #catch-box */
	#detail-box #catch-box {
		overflow: hidden;
		position: relative;
		zoom: 1;
		width: 940px;
		margin: 0 auto 46px;
	}
	#detail-box #catch-box #catch-photo {
		float: left;
		width: 300px;
	}
	#detail-box #catch-box #catch-detail {
		float: right;
		width: 620px;
	}
	#detail-box #catch-box #catch-detail h4 {
		display: block;
		background: url(../hikigatari/images/catch01.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 371px;
		height: 74px;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		margin: 0 0 14px;
	}
	#detail-box #catch-box #catch-detail p {
		font-size: 16px;
		line-height: 2.6;
		margin: 0 0 10px;
	}
	#detail-box #catch-box #catch-detail h5 {
		display: block;
		background: url(../hikigatari/images/catch02-pc.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 558px;
		height: 75px;
	}


	/* #rule-box */
	#rule-box {
		width: 980px;
		margin: 0 auto;
	}
	#detail-box-inner {
	}
	#rule-box h5 {
		display: block;
		background: url(../hikigatari/images/rule-pc.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 958px;
		height: 350px;
		margin: 0 0 34px;
	}
	#rule-box p {
		font-size: 16px;
		line-height: 2.2;
		color:  #802186;
		font-weight: bold;
		text-align: center;
	}
}