/* layout sp
--------------------------------------------------*/
@media screen and (max-width: 768px) {



/* テスト用 */
#manga01,
#manga02{
	position:fixed;
	width:100%;
	height: 100dvh;
	z-index:9999;
	top:0;
	left:0;
	margin-left:0;
	overflow-y: auto;
}

/* テスト用 cssも直すmfp-hide */


.manga_fl01 {
	position:absolute;
	top:4vw;
	left:50%;
	margin-left:18.4vw;
	z-index:2;
	width:6.9vw;
	height:auto;
}
.manga_fl02 {
	position:absolute;
	top:1.3vw;
	left:50%;
	margin-left:0.8vw;
	z-index:2;
	width:10.1vw;
	height:auto;
}
.manga_fl03 {
	position:absolute;
	top:30.7vw;
	left:50%;
	margin-left:-42.8vw;
	z-index:2;
	width:6.9vw;
	height:auto;
}
.manga_fl04 {
	position:absolute;
	top:45.9vw;
	left:50%;
	margin-left:-53.3vw;
	z-index:2;
	width:8.8vw;
	height:auto;
}
.manga_fl05 {
	position:absolute;
	top:79.2vw;
	left:50%;
	margin-left:-36.5vw;
	z-index:2;
	width:9.6vw;
	height:auto;
}



.manga_set {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #f7f2eb;
	background-image: url("../images/ct02/ct02_bg_pc.jpg");
	background-position: center top;
	background-repeat: repeat-y;
	background-size: 150% auto;
}

.manga_set::after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	pointer-events:none;
	background:
		linear-gradient(
			to right,
			rgba(105,85,23,0.2),
			transparent 10vw
		),
		linear-gradient(
			to left,
			rgba(105,85,23,0.2),
			transparent 10vw
		);
}

.manga_close01 {
	position: fixed;
	top:1vw;
	left:auto;
	right:1vw;
	cursor: pointer;
	z-index: 10000;
	width:11.2vw;
	height:auto;
}

.manga_star01{
	position:absolute;
	top:0;
	left:0;
	margin-top:1vw;
	margin-left:0;
	width:100%;
	height:auto;
}

.manga_title01{
	position: relative;
	padding-top:13vw;
	margin:0 auto 5vw;
	z-index:1;
	width:100%;
	height:auto;
}

.manga_title02{
	position: relative;
	margin:0 auto 10.4vw;
	z-index:1;
	width:100%;
	height:auto;
}

.link_box{
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #030541;
	background-image: url("../images/ct01/ct01_bg_sp.jpg");
	background-position: center top;
	background-repeat: repeat-y;
	background-size: 150% auto;
	padding-top:17.3vw;
	padding-bottom:17.3vw;
}

.manga01_next_btn{
	position: relative;
	left:0;
	margin-left:0;
	width:100%;
	height:auto;
}

.manga_close_box {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top:4vw;
	padding-bottom:4vw;
	color:#565048;
	font-size:16px;
}

.manga_close02 {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.manga_close02 img {
	display: block;
	margin-right: 2vw;
	width:11.2vw;
	height:auto;
}

.manga_text01{
	position:relative;
	width:100%;
	font-size:2.8vw;
	line-height:1.6;
	right:0;
	bottom:0;
	text-align:center;
	color:#000000;
	padding-bottom:4vw;
}


.position_set_manga{
	position:relative;
	z-index:1;
}



/* 漫画01 */
.manga01_01{
	position:relative;
	top:0;
	left:50%;
	margin-top:0vw;
	margin-left:-21.9vw;
	z-index:1;
	width:44.0vw;
	height:auto;
}
.manga01_02{
	position:relative;
	top:0;
	left:50%;
	margin-top:-13.6vw;
	margin-left:-44.5vw;
	z-index:2;
	width:30.7vw;
	height:auto;
}
.manga01_03{
	position:relative;
	top:0;
	left:50%;
	margin-top:-25.9vw;
	margin-left:-40.0vw;
	z-index:1;
	width:86.1vw;
	height:auto;
}
.manga01_04{
	position:relative;
	top:0;
	left:50%;
	margin-top:7.7vw;
	margin-left:-40.5vw;
	z-index:1;
	width:85.6vw;
	height:auto;
}

.manga01_05{
	position:relative;
	top:0;
	left:50%;
	margin-top:7.7vw;
	margin-left:-22.9vw;
	z-index:1;
	width:46.1vw;
	height:auto;
}

.manga01_06{
	position:relative;
	top:0;
	left:50%;
	margin-top:7.7vw;
	margin-left:-34.9vw;
	z-index:1;
	width:70.1vw;
	height:auto;
}
.manga01_07{
	position:relative;
	top:0;
	left:50%;
	margin-top:8.0vw;
	margin-left:-22.9vw;
	z-index:1;
	width:46.1vw;
	height:auto;
}




.manga01_08{
	position:relative;
	top:0;
	left:50%;
	margin-top:8.2vw;
	margin-left:15.5vw;
	z-index:1;
	width:27.5vw;
	height:auto;
}
.manga01_09{
	position:relative;
	top:0;
	left:50%;
	margin-top:-37.9vw;
	margin-left:-45.9vw;
	z-index:1;
	width:58.7vw;
	height:auto;
}

.manga01_10{
	position:relative;
	top:0;
	top:0;
	left:50%;
	margin-top:2.4vw;
	margin-left:-4.5vw;
	z-index:2;
	width:39.7vw;
	height:auto;
}
.manga01_11{
	position:relative;
	top:0;
	left:50%;
	margin-top:-19.7vw;
	margin-left:-34.9vw;
	z-index:1;
	width:42.4vw;
	height:auto;
}
.manga01_12{
	position:relative;
	top:0;
	left:50%;
	margin-top:2.9vw;
	margin-left:-21.9vw;
	z-index:1;
	width:53.3vw;
	height:auto;
}
.manga01_13{
	position:relative;
	top:0;
	left:50%;
	margin-top:-0.9vw;
	margin-left:-46.1vw;
	z-index:1;
	width:85.1vw;
	height:auto;
}
.manga01_14{
	position:relative;
	top:0;
	left:0;
	margin-top:6.3vw;
	margin-left:0vw;
	z-index:1;
	width:96.5vw;
	height:auto;
}
.manga01_15{
	position:relative;
	top:0;
	left:0;
	margin-top:4.8vw;
	margin-left:0vw;
	z-index:1;
	width:100%;
	height:auto;
}



.manga01_16{
	position:relative;
	top:0;
	left:50%;
	margin-top:16.0vw;
	margin-left:-48.0vw;
	z-index:1;
	width:95.5vw;
	height:auto;
}
.manga01_17{
	position:relative;
	top:0;
	left:50%;
	margin-top:10.7vw;
	margin-left:-29.6vw;
	z-index:1;
	width:74.4vw;
	height:auto;
}
.manga01_18{
	position:relative;
	top:0;
	left:50%;
	margin-top:5.1vw;
	margin-left:-44.5vw;
	z-index:1;
	width:53.9vw;
	height:auto;
}
.manga01_19{
	position:relative;
	top:0;
	left:0;
	margin-top:2.4vw;
	margin-left:0vw;
	z-index:1;
	width:100%;
	height:auto;
}
.manga01_20{
	position:relative;
	top:0;
	left:50%;
	margin-top:2.1vw;
	margin-left:-47.2vw;
	z-index:1;
	width:96.0vw;
	height:auto;
}
.manga01_21{
	position:relative;
	top:0;
	left:50%;
	margin-top:5.3vw;
	margin-left:-47.5vw;
	z-index:1;
	width:94.9vw;
	height:auto;
}
.manga01_22{
	position:relative;
	top:0;
	left:0;
	margin-top:8.8vw;
	margin-left:-5vw;
	z-index:1;
	width:110vw;
	height:auto;
	padding-bottom:21vw;
}










}