/*==================================================
=			defalut			 =
==================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,li,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-weight:normal;vertical-align:baseline;background:transparent;}body{line-height:1;}li,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}deltext-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}img{vertical-align:bottom;}

html{width:100%; height:100%; font-size: 62.5%;-webkit-text-size-adjust: 100%;}
body{width: 100%; height:100%; word-wrap: break-word; color: #fff; position:relative; font-family: "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif;}
img {max-width: 100%; height: auto;-webkit-backface-visibility: hidden;}

.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}

a{
	transition: 0.2s;
}
p{line-height:1.8;}
body{
	 overflow-y: scroll;
	text-align:center;
	margin:0 auto;
	color:#000;
	font-family: YakuHanJP,"ヒラギノ角ゴ Std", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
	font-weight:400;
	font-size: 62.5%;/*デフォルト10px*/
	position: relative;
	-webkit-font-smoothing: antialiased;
}

.mincho{
	font-family :YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;
	line-height:1.6;
}

.hov:hover{/*ホバーした時*/
	cursor:pointer;
	text-decoration: transparent;
	opacity:0.6;
}
.hov:active{
	cursor:pointer;
	text-decoration: transparent;
	opacity:0.6;
}
section{
	/*position: relative;*/
}
.content-box{
	max-width:1100px;
	width: 94%;
	margin:0 auto;
}
.content-inner{
	max-width:1000px;
	width: 100%;
	margin:0 auto;
}


/*＊＊＊＊＊＊＊＊＊＊＊＊

ナビゲーション

＊＊＊＊＊＊＊＊＊＊＊＊*/
.pcnav{
	height: 80px;
    background: rgb(255 255 255);
    z-index: 9999;
    width: 100%;
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 22%);
    position: fixed;
    top: 0;
    left: 0;
}
.spnav {
	display:none;
}
.nav-line{
	width: 100%;
	height: 20px;
	background: url("../img/line-konosuba.jpg");
	background-repeat: repeat;
	background-size: contain;
}
.nav-inner{
	max-width: 1160px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin: 0 auto;
		height:80px;
}
.nav-box{
	width: 100%;
    margin: 0 auto;
}
.nav-box ul{
	display: flex;
	box-sizing: border-box;
    flex-wrap: wrap;
    height: 80px;
    line-height: 1;
    justify-content: flex-end;
    align-items: center;
    list-style: none;
    text-align: right;
}
.nav-box ul li{
	width: 15%;
    text-align: center;
    height: 80px;
    display: inline-block;
}
.nav-box ul li a{
	text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-size: 1.8rem;
    width: 100%;
    height: 100%;
    display: inline-block;
    color: #46485e;
    position: relative;
    letter-spacing: 0.5px;
}
.nav-box ul .top a:hover{
	background:#575782;
	color: #fff;
}
.nav-box ul .anime a:hover{
	background:#f67a5e;
	color: #fff;
}
.nav-box ul .story a:hover{
	background:#43aee0;
	color: #fff;
}
.nav-box ul .character a:hover{
	background:#c7408a;
	color: #fff;
}
.nav-box ul .movie a:hover{
	background:#7fd31d;
	color: #fff;
}
.nav-box ul .series a:hover{
	background:#f4bc31;
	color: #fff;
}
.nav-box ul li a p{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	line-height: 1;
}
.nav-box ul li a p span{
	font-size:1.4rem;
}
.nav-box03{
	width: 11.2%;
	height: 60px;
	background:#51322f;
	display: inline-block;
	padding:0 1%;
	box-sizing: content-box;
}
.nav-box03 a{
	text-decoration: none;
	position: relative;
	height:60px;
	display: inline-block;
}
.nav-box03 a img{
	max-width: 90.5px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}




@media screen and (max-width: 750px){
	/*header{
		position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
	}

	html, body {
	    overflow-x: hidden;
	    height: 100%;
	}
	body {
	    background: #fff;
	    padding: 0;
	    margin: 0;
	}*/
	.spnav {
		right: 0;
	    display: block;
	    margin: 0 auto;
	    width: 55px;
	    box-shadow: none;
	    position: fixed;
	    height: 42px;
	    z-index: 9999;
	    font-family: 'Roboto', sans-serif;
	}
	.main {
	    margin: 0 auto;
	    display: block;
	    height: 100%;
	    margin-top: 60px;
	}
	.mainInner{
	    display: table;
	    height: 100%;
	    width: 100%;
	    text-align: center;
	}
	.mainInner div{
	    display:table-cell;
	    vertical-align: middle;
	    font-size: 3em;
	    font-weight: bold;
	    letter-spacing: 1.25px;
	}
	#sidebarMenu {
		height: 100%;
    position: fixed;
    right: 0;
    width: 280px;
    transform: translateX(300px);
    transition: transform 300ms ease-in-out;
    background: #fffffff5;
	}
	.sidebarMenuInner{
	    margin:0;
	    padding:0;
	    border-top: 1px solid rgba(255, 255, 255, 0.10);
	}
	.sidebarMenuInner li{
		list-style: none;
	font-size: 2rem;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 13px;
	cursor: pointer;
	border-bottom: 2px dotted rgb(236 236 236);
	}
	.sidebarMenuInner li a{
	    text-transform: uppercase;
	    font-weight: bold;
	    cursor: pointer;
	    text-decoration: none;
	}
	.sidebarMenuInner li a .top{
	    color: #575782;
	}
	.sidebarMenuInner li a .top span{
		color: #575782;
		display: block;
		font-size: 1.4rem;
	}
	.sidebarMenuInner li a .anime{
	    color: #f67a5e;
	}
	.sidebarMenuInner li a .anime span{
		color: #f67a5e;
		display: block;
		font-size: 1.4rem;
	}
	.sidebarMenuInner li a .story{
	    color: #43aee0;
	}
	.sidebarMenuInner li a .story span{
		color: #43aee0;
		display: block;
		font-size: 1.4rem;
	}
	.sidebarMenuInner li a .character{
	    color: #c7408a;
	}
	.sidebarMenuInner li a .character span{
		color: #c7408a;
		display: block;
		font-size: 1.4rem;
	}
	.sidebarMenuInner li a .movie{
	    color: #7fd31d;
	}
	.sidebarMenuInner li a .movie span{
		color: #7fd31d;
		display: block;
		font-size: 1.4rem;
	}
	.sidebarMenuInner li a .series{
	    color: #f4bc31;
	}
	.sidebarMenuInner li a .series span{
		color: #f4bc31;
		display: block;
		font-size: 1.4rem;
	}
	.sidebarMenuInner li a p{
		line-height:1.6;
	}

	input[type="checkbox"]:checked ~ #sidebarMenu {
	    transform: translateX(0);
	}

	input[type=checkbox] {
	    transition: all 0.3s;
	    box-sizing: border-box;
	    display: none;
	}
	.sidebarIconToggle {
	    transition: all 0.3s;
	    box-sizing: border-box;
	    cursor: pointer;
	    position: absolute;
	    z-index: 9999;
	    height: 100%;
	    width: 100%;
	    top: 22px;
			right: 28px;
    height: 22px;
    width: 28px;
	}
	.spinner {
	    transition: all 0.3s;
	    box-sizing: border-box;
	    position: absolute;
			height: 2px;
    	margin: 0.1rem;
	    width: 100%;
	    background-color: #bf9726;
	}
	.horizontal {
	    transition: all 0.3s;
	    box-sizing: border-box;
	    position: relative;
	    float: left;
	    margin-top: 3px;
	}
	.diagonal.part-1 {
	    position: relative;
	    transition: all 0.3s;
	    box-sizing: border-box;
	    float: left;
	}
	.diagonal.part-2 {
	    transition: all 0.3s;
	    box-sizing: border-box;
	    position: relative;
	    float: left;
	    margin-top: 3px;
	}
	input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
	    transition: all 0.3s;
	    box-sizing: border-box;
	    opacity: 0;
	}
	input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
	    transition: all 0.3s;
	    box-sizing: border-box;
	    transform: rotate(135deg);
	    margin-top: 8px;
	}
	input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
	    transition: all 0.3s;
	    box-sizing: border-box;
	    transform: rotate(-135deg);
	    margin-top: -9px;
	}
	.sns-share-txt {
		margin: 2rem 0 1rem;
    font-size: 1.8rem;
    font-weight: bold;
    font-family: YakuHanJP,"ヒラギノ角ゴ Std", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
	}
	.flexbox {
    display: flex;
    justify-content: space-between;
		margin: 2rem 4rem;
	}
	.sns-share .flexbox {
		width: 80%;
    margin: 2rem auto 0;
    max-width: 320px;
    box-sizing: border-box;
	}
	.spnav .flexbox a {
    width: 100%;
    max-width: 40px;
    display: inline-block;
}
}


/*＊＊＊＊＊＊＊＊＊＊＊＊

TOP

＊＊＊＊＊＊＊＊＊＊＊＊*/


/*＊＊＊＊＊＊＊＊＊＊＊＊

トップボタン

＊＊＊＊＊＊＊＊＊＊＊＊*/
.top_btn{
	max-width: 1000px;
    margin: 0 auto;
    width: 100%;
    font-size: 2rem;
		margin-top: 6rem;
		margin-bottom: 5rem;
}

.top_btn .btn-left {
	display: inline-block;
 overflow: hidden;
 width: 31%;
 height: auto;
 margin: 0 auto;
 margin-right: 2rem;
}
.top_btn .btn-left a {
 display: block;
 position: relative;
 /*z-index: 100;*/
 text-align:center;
 border-radius: 10px;
 padding: 2.5rem;
 font-size: 2.8rem;
 line-height: 40px;
 text-decoration:none;
 margin-bottom: 10px;
 font-weight: bold;
 border: none;
}
.top_btn .btn-left a.btn--green{
	color: #ffffff;
 background-color: #f16804;
	border-bottom: 8px solid #bc4f00;
	letter-spacing: -0.5px;
}
.top_btn .btn-left a:hover {
	background-color: #f98a39;
}
.top_btn .btn-left a:hover:after {
    border-left: 15px solid #f98a39;
}
.top_btn .btn-left a:before {
	display: block;
    content: "";
    position: absolute;
    top: 40%;
    left: 85%;
    width: 35px;
    height: 35px;
    margin-top: -8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #fff;
}
.top_btn .btn-left a:after {
	display: block;
     content: "";
     position: absolute;
     top: 46%;
     left: 88.5%;
     width: 0;
     height: 0;
     margin-top: -5px;
     border: 10px solid transparent;
     border-left: 15px solid #f16804;
     transition-duration: 0.5s;
     -ms-transition-duration: 0.5s;
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
}

.top_btn .btn-right {
		display: inline-block;
	 overflow: hidden;
	 width: 31%;
	 height: auto;
	 margin: 0 auto;
	 /*margin-left: 1.3rem;*/
}
.top_btn .btn-right a {
	 display: block;
	 position: relative;
	 /*z-index: 100;*/
	 text-align:center;
	 border-radius: 10px;
	 padding: 2.5rem;
	 font-size: 2.8rem;
	 line-height: 40px;
	 text-decoration:none;
	 margin-bottom: 10px;
	 font-weight: bold;
	 border: none;
}
.top_btn .btn-right a.btn--green{
		color: #ffffff;
	 background-color: #f16804;
		border-bottom: 8px solid #bc4f00;
		letter-spacing: -0.5px;
}
.top_btn .btn-right a:hover {
	background-color: #f98a39;
}
.top_btn .btn-right a:hover:after {
    border-left: 15px solid #f98a39;
}

.top_btn .btn-right a:before {
	display: block;
    content: "";
    position: absolute;
    top: 40%;
    left: 85%;
    width: 35px;
    height: 35px;
    margin-top: -8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #fff;
}
.top_btn .btn-right a:after {
	display: block;
 		content: "";
 		position: absolute;
 		top: 46%;
 		left: 88.5%;
 		width: 0;
 		height: 0;
 		margin-top: -5px;
 		border: 10px solid transparent;
 		border-left: 15px solid #f16804;
 		transition-duration: 0.5s;
 		-ms-transition-duration: 0.5s;
 		-webkit-transition-duration: 0.5s;
 		-moz-transition-duration: 0.5s;
}

.top_btn .btn-third {
		display: inline-block;
	 overflow: hidden;
	 width: 31%;
	 height: auto;
	 margin: 0 auto;
	 margin-left: 2rem;
}
.top_btn .btn-third a {
	 display: block;
	 position: relative;
	 /*z-index: 100;*/
	 text-align:center;
	 border-radius: 10px;
	 padding: 2.5rem;
	 font-size: 2.8rem;
	 line-height: 40px;
	 text-decoration:none;
	 margin-bottom: 10px;
	 font-weight: bold;
	 border: none;
}
.top_btn .btn-third a.btn--green{
		color: #ffffff;
	 background-color: #f16804;
		border-bottom: 8px solid #bc4f00;
		letter-spacing: -0.5px;
}
.top_btn .btn-third a:hover {
	background-color: #f98a39;
}
.top_btn .btn-third a:hover:after {
    border-left: 15px solid #f98a39;
}

.top_btn .btn-third a:before {
	display: block;
    content: "";
    position: absolute;
    top: 40%;
    left: 85%;
    width: 35px;
    height: 35px;
    margin-top: -8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #fff;
}
.top_btn .btn-third a:after {
	display: block;
 		content: "";
 		position: absolute;
 		top: 46%;
 		left: 88.5%;
 		width: 0;
 		height: 0;
 		margin-top: -5px;
 		border: 10px solid transparent;
 		border-left: 15px solid #f16804;
 		transition-duration: 0.5s;
 		-ms-transition-duration: 0.5s;
 		-webkit-transition-duration: 0.5s;
 		-moz-transition-duration: 0.5s;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊

エースバナー

＊＊＊＊＊＊＊＊＊＊＊＊*/
#ace-ban{
	background-color: #f1f1f1;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #ffffff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #ffffff),color-stop(.75, #ffffff), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 8px 8px;
}
.ace-ban-inner {
	padding-top: 5rem;
    padding-bottom: 5rem;
    margin: 0 auto;
}
.higehiro_ace{
	max-width: 1100px;
    margin: 0 auto;
    width: 94%;
}
.higehiro_ace_inner{
	max-width: 1000px;
    padding-top: 3rem;
    margin: 0 auto;
    width: 100%;
    font-size: 2rem;
    margin-bottom: 8rem;
}
.higehiro_es{
	max-width: 1100px;
    margin: 0 auto;
    width: 94%;
}
.higehiro_es_inner{
	max-width: 1000px;
    margin: 0 auto;
    width: 100%;
    font-size: 2rem;
    margin-bottom: 14rem;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊

アニメ情報

＊＊＊＊＊＊＊＊＊＊＊＊*/
#anime{
	background-color: #fae7da;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff5ef), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff5ef),color-stop(.75, #fff5ef), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 8px 8px;
}
.anime_content:before{
	display: block;
    height: 8rem;
    margin-top: -8rem;
    content: "";
}
.anime_content{
	max-width:1100px;
	width: 94%;
	margin:0 auto;
}
.anime_inner{
	max-width:1000px;
	width: 100%;
	margin:0 auto;
}
.anime_inner .anime-box{
	padding-top: 3rem;
	padding-bottom: 16rem;
    margin: 0 auto;
}
.anime_inner .anime-box .anime--ttl{
	text-align: left;
}
.anime_inner .anime-box .anime--top{
	margin-top:6rem;
	margin-bottom:4rem;
}
.anime_inner .anime-box .box-desc{
	/*display: inline-block;*/
}
.anime_inner .anime-box .box-desc .desc-left{
	display: inline-block;
	width:100%;
	margin-top: 6rem;
}
.anime_inner .anime-box .box-desc .desc-right{
	display: inline-block;
    width: 80%;
    padding-top: 3rem;
}
/*.anime_inner .anime-box .box-desc .desc-right img{
	display: inline-block;
	width: 100%;
}*/

.anime_inner .box-inner {
	width: 100%;
    margin: 0 auto;
}


.anime_btn{
	max-width: 1000px;
    margin: 0 auto;
    width: 100%;
    font-size: 2rem;
		margin-top: 6rem;
		margin-bottom: 4rem;
}

.anime_btn .btn-inner {
	display: inline-block;
 width: 90%;
 height: auto;
 margin: 0 auto;
}
.anime_btn .btn-inner a {
 display: block;
 position: relative;
 /*z-index: 100;*/
 text-align:center;
 border-radius: 50px;
 padding: 2.5rem;
 font-size: 3rem;
 line-height: 40px;
 text-decoration:none;
 margin-bottom: 10px;
 font-weight: bold;
 border: none;
}
.anime_btn .btn-inner a.btn--green{
	color: #ffffff;
    /* border: 4px solid #ffffff; */
    letter-spacing: -0.5px;
    background-image: -webkit-gradient( linear, left top, right top, color-stop(40%, #d8278d), to(#ffa535) );
    background-image: -webkit-linear-gradient(left, #d8278d 40%, #ffa535 100%);
    background-image: linear-gradient(90deg, #d8278d 40%, #ffa535 100%);
    box-shadow: 0px 4px 4px #bd7f7fad;
}
.anime_btn .btn-inner a:hover {
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
	background-image: -webkit-gradient( linear, left top, right top, color-stop(40%, #de6cae), to(#ffc175) );
	background-image: -webkit-linear-gradient(left, #de6cae 40%, #ffc175 100%);
	background-image: linear-gradient(90deg, #de6cae 40%, #ffc175 100%);
}
/*.anime_btn .btn-inner a:hover:after {
    border-left: 15px solid #ea7282;
}*/

/*＊＊＊＊＊＊＊＊＊＊＊＊

Twitter

＊＊＊＊＊＊＊＊＊＊＊＊*/
.higehiro_twitter{
	width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
}
.higehiro_twitter-inner{
	text-align: center;
    padding: 1rem 0 0;
    width: 100%;

}
.higehiro_twitter-inner iframe{
	/*width: 349px !important;*/
}
@media screen and (max-width: 750px){
	.higehiro_twitter{
	width:100%;
	padding:0;
	}
}

/*＊＊＊＊＊＊＊＊＊＊＊＊

ストーリー

＊＊＊＊＊＊＊＊＊＊＊＊*/
#story{
	background-color: #eef8fc;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fafdff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fafdff),color-stop(.75, #fafdff), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 8px 8px;
}
.story_content:before{
	display: block;
    height: 8rem;
    margin-top: -8rem;
    content: "";
}
.story_content{
	max-width:1100px;
	width: 94%;
	margin:0 auto;
}
.story_inner{
	max-width:1000px;
	width: 100%;
	margin:0 auto;
}
.story_inner .story-box{
	padding-top: 3rem;
	padding-bottom: 16rem;
    margin: 0 auto;
}
.story_inner .story-box .story--ttl{
	text-align: left;
}
.story_inner .story-box .story--desc{
	margin-top:6rem;
	margin-bottom:4rem;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊

キャラクター

＊＊＊＊＊＊＊＊＊＊＊＊*/
#character{
	background-color: #f2c6de;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #ffdbee), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #ffdbee),color-stop(.75, #ffdbee), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 8px 8px;
}
.chara_content:before{
	display: block;
    height: 8rem;
    margin-top: -8rem;
    content: "";
}
.chara_content{
	max-width:1100px;
	width: 94%;
	margin:0 auto;
}
.chara_inner{
	max-width:1000px;
	width: 100%;
	margin:0 auto;
}
.chara_inner .chara-box{
	padding-top: 3rem;
	padding-bottom: 16rem;
    margin: 0 auto;
}
.chara_inner .chara-box .chara--ttl{
	text-align: left;
}
.chara_inner .chara-box .chara--desc{
	margin-top:6rem;
	margin-bottom:4rem;
}
.chara_inner .chara-box ul{
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 6rem 0 0;
    margin: 0 auto;
    width: 100%;
}
.chara_inner .chara-box li{
	float: left;
    width: 50%;
}
@media screen and (max-width: 1024px){
.chara_inner .chara-box li{
width: 48%;
margin-left: auto;
margin-right: auto;
}
}

/*＊＊＊＊＊＊＊＊＊＊＊＊

動画

＊＊＊＊＊＊＊＊＊＊＊＊*/
#movie{
	background-color: #ddf3b2;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #f4ffdf), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #f4ffdf),color-stop(.75, #f4ffdf), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 8px 8px;
}
.movie_content:before{
	display: block;
    height: 8rem;
    margin-top: -8rem;
    content: "";
}
.movie_content{
	max-width:1100px;
	width: 94%;
	margin:0 auto;
}
.movie_inner{
	max-width:1000px;
	width: 100%;
	margin:0 auto;
}
.movie_inner .movie-box{
	padding-top: 3rem;
	padding-bottom: 16rem;
    margin: 0 auto;
}
.movie_inner .movie-box .movie--ttl{
	text-align: left;
}
.movie_inner .movie-box .youtube-desc{
	max-width: 340px;
    width: 100%;
    margin: 0 auto;
    background: border-box;
    background-color: #16c10e;
    border-radius: 15px;
}
.movie_inner .movie-box .youtube-desc p{
    color: #fff;
    font-size: 3.5rem;
    font-weight: bold;
}
#movie .youtube{
	width: 80%;
    height: 32%;
    top: 90%;
    left: calc(50% - 40%);
    position: relative;
		margin-top: 6rem;
}
#movie .youtube .youtube-inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#movie .youtube .youtube-inner:before{
	content: "";
    position: absolute;
    width: 100%;
    height: 91%;
    top: 4%;
    left: 3%;
    background-color: #7fd31d;
}
#movie .youtube .youtube-inner iframe {
  position: absolute;
  top: 0;
  right: 0;
	max-width: 800px;
	max-height: 400px;
  width: 100% !important;
  height: 100% !important;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊

シリーズ

＊＊＊＊＊＊＊＊＊＊＊＊*/
#series{
	background-color: #f9f4cb;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fffde8), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fffde8),color-stop(.75, #fffde8), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 8px 8px;
}
.series_content:before{
	display: block;
    height: 8rem;
    margin-top: -8rem;
    content: "";
}
.series_content{
	max-width:1100px;
	width: 94%;
	margin:0 auto;
}
.series_inner{
	max-width:1000px;
	width: 100%;
	margin:0 auto;
}
.series_inner .series-box{
	padding-top: 3rem;
	padding-bottom: 8rem;
    margin: 0 auto;
}
.series_inner .series-box .shoei{
	border: solid 1px #d9d9d9;
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

.series_inner .series-box .series--ttl{
	text-align: left;
}
.series_inner .series-box .novel--ttl{
	width: 100%;
    text-align: center;
    margin-top: 6rem;
}
.series_inner .series-box .novel-series{
	width: 100%;
    background: #FFF;
    border-radius: 20px;
    margin: 0 auto;
    margin-top: -5.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.series_inner .series-box .novel-series ul{
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 5rem 3rem 5rem 3rem;
    margin: 0 auto;
    width: 100%;
}
.series_inner .series-box .novel-series li{
	position: relative;
    width: 203px;
    display: block;
    margin-top: 3rem;
    margin-left: 1.3%;
    margin-right: 1.3%;
    box-sizing: border-box;
}
/*.series_inner .series-box .novel-series li.last{
	width: 210px;
    float: left;
    padding: 0 0 3rem 0;
		position: relative;
}*/
.series_inner .series-box .novel-series .book_name{
	text-align: left;
	font-size: 1.6rem;
	color: black;
	font-weight: 600;
	line-height: 1.3;
	margin-top: 1rem;
}
.series_inner .series-box .novel-series .book_name span{
	font-weight: 300;
}
.series_inner .series-box .novel-series li a{
	text-decoration: none;
	color:#000;
}
.series_inner .series-box .novel-series .new-icon{
	position: absolute;
	top: -5%;
	right: -5%;
	z-index: 100;
}
.series_inner .series-box .novel-series .trial-btn{
	width: 100%;
}
.series_inner .series-box .novel-series .trial-btn a{
	background: #f48431;
    padding: 0.5rem;
    font-size: 2rem;
    text-align: center;
    border-radius: 10px;
    text-decoration: none;
    display: block;
    margin: 0 auto;
		margin-top: 1rem;
    color: #fff;
    font-weight: 600;
}
.series_inner .series-box .novel-series .trial-cs-btn{
	/*width: 100%;*/
	background: #b9b9b9;
    padding: 0.5rem;
    font-size: 2rem;
    text-align: center;
    border-radius: 10px;
    text-decoration: none;
    display: block;
    margin: 0 auto;
		margin-top: 1rem;
    color: #fff;
    font-weight: 600;
}
.series_inner .series-box .novel-series .buy-btn{
	width: 100%;
}
.series_inner .series-box .novel-series .buy-btn a{
	background: #3d9cc4;
	padding: 0.5rem;
	font-size: 2rem;
	text-align: center;
	border-radius: 10px;
	text-decoration: none;
	display: block;
	margin: 0 auto;
	margin-top: 1rem;
	color: #fff;
	font-weight: 600;
}
.series_inner .series-box .novel-series .buy-cs-btn{
	background: #b9b9b9;
	padding: 0.5rem;
	font-size: 2rem;
	text-align: center;
	border-radius: 10px;
	text-decoration: none;
	display: block;
	margin: 0 auto;
	margin-top: 1rem;
	color: #fff;
	font-weight: 600;
}

.series_inner .series-box .comic--ttl{
	width: 100%;
    text-align: center;
    margin-top: 6rem;
}
.series_inner .series-box .comic-series{
	width: 100%;
    background: #FFF;
    border-radius: 20px;
    margin: 0 auto;
    margin-top: -5.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.series_inner .series-box .comic-series ul{
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 5rem 3rem 5rem 3rem;
    margin: 0 auto;
    width: 100%;
}
.series_inner .series-box .comic-series .comics-es{
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 2rem 3rem 5rem 3rem;
    margin: 0 auto;
    width: 100%;
		border-width: 2px 0 0 0;
		border-style: dotted;
		border-color: #f4bc31;
}
.series_inner .series-box .comic-series li{
	position: relative;
    width: 203px;
    display: block;
    margin-top: 3rem;
    margin-left: 1.3%;
    margin-right: 1.3%;
    box-sizing: border-box;
}
/*.series_inner .series-box .comic-series li.last{
	width: 210px;
    float: left;
    padding: 0 0 3rem 0;
		position: relative;
}*/
.series_inner .series-box .comic-series .book_name{
	text-align: left;
	font-size: 1.6rem;
	color: black;
	font-weight: 600;
	line-height: 1.3;
	margin-top: 1rem;
}
.series_inner .series-box .comic-series .book_name span{
	font-weight: 300;
}
.series_inner .series-box .comic-series li a{
	text-decoration: none;
	color:#000;
}
.series_inner .series-box .comic-series .new-icon{
	position: absolute;
    top: -4px;
    right: -9px;
		z-index: 100;
}
.series_inner .series-box .comic-series .trial-btn{
	width: 100%;
}
.series_inner .series-box .comic-series .trial-btn a{
	background: #f48431;
    padding: 0.5rem;
    font-size: 2rem;
    text-align: center;
    border-radius: 10px;
    text-decoration: none;
    display: block;
    margin: 0 auto;
		margin-top: 1rem;
    color: #fff;
    font-weight: 600;
}
.series_inner .series-box .comic-series .buy-btn{
	width: 100%;
}
.series_inner .series-box .comic-series .buy-btn a{
	background: #3d9cc4;
	padding: 0.5rem;
	font-size: 2rem;
	text-align: center;
	border-radius: 10px;
	text-decoration: none;
	display: block;
	margin: 0 auto;
	margin-top: 1rem;
	color: #fff;
	font-weight: 600;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊

イラストレーターさんへのコメント

＊＊＊＊＊＊＊＊＊＊＊＊*/
#illust_comment{
	background-color: #f2f2f2;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #ffffff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #ffffff),color-stop(.75, #ffffff), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 7px 7px;
}
.illust_comment_content{
	max-width: 1100px;
    width: 94%;
    margin: 0 auto;
}
.illust_comment_inner{
	max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 6rem 0;
}
.illust_comment_inner .comment-box{
	margin: 0 auto;
    padding-bottom: 2rem;
}
.illust_comment_inner .comment-box img{

}

.illust_comment_inner .box-inner {
	width: 100%;
    margin: 0 auto;
}
.illust_comment_inner .box-inner .inner-circle01 {
	display: inline-block;
    width: 20%;
    font-size: 2.1rem;
    padding: 0;
		margin-right: 2rem;
		font-weight: bold;
}
.illust_comment_inner .box-inner .inner-circle02 {
	display: inline-block;
    width: 20%;
    font-size: 2rem;
    padding: 0;
		font-weight: bold;
}
.illust_comment_inner .box-inner .inner-circle03 {
	display: inline-block;
    width: 20%;
    font-size: 2rem;
    padding: 0;
		margin-left: 2rem;
		font-weight: bold;
}
.illust_comment_inner .box-inner .inner-circle01 .btn {
	display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}
.illust_comment_inner .box-inner .inner-circle02 .btn {
	display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}
.illust_comment_inner .box-inner .inner-circle03 .btn {
	display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}

.illust_comment_inner .box-inner .inner-circle01 a.btn--orange {
	color: #fff;
  background-color: #7fd31f;
}

.illust_comment_inner .box-inner .inner-circle01 a.btn--orange:hover {
  color: #fff;
  background: #b0e870;
}

.illust_comment_inner .box-inner .inner-circle01 a.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}

.illust_comment_inner .box-inner .inner-circle01 a.btn--circle {
	line-height: 1.4;
    width: 100px;
    height: 100px;
    position: relative;
    padding: 25%;
    border-radius: 50%;
    transition: all 0.2s;
		margin: 0 auto;
}
.illust_comment_inner .box-inner .inner-circle02 a.btn--orange {
  color: #fff;
  background-color: #c7408a;
}

.illust_comment_inner .box-inner .inner-circle02 a.btn--orange:hover {
  color: #fff;
  background: #e67eb7;
}

.illust_comment_inner .box-inner .inner-circle02 a.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}

.illust_comment_inner .box-inner .inner-circle02 a.btn--circle {
	line-height: 1.4;
    width: 100px;
    height: 100px;
    position: relative;
    padding: 25%;
    border-radius: 50%;
    transition: all 0.2s;
		margin: 0 auto;
}
.illust_comment_inner .box-inner .inner-circle03 a.btn--orange {
  color: #fff;
  background-color: #43aee0;
}

.illust_comment_inner .box-inner .inner-circle03 a.btn--orange:hover {
  color: #fff;
  background: #85caea;
}

.illust_comment_inner .box-inner .inner-circle03 a.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}

.illust_comment_inner .box-inner .inner-circle03 a.btn--circle {
	line-height: 1.2;
    width: 120px;
    height: 120px;
    position: relative;
    padding: 20%;
    border-radius: 50%;
    transition: all 0.2s;
		margin: 0 auto;
}

/* modal */
.modal-wrapper {
  z-index: 99999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px 10px;
  text-align: center
}
.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}
.modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}
.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}
.modal-wrapper .modal-window-01 {
	box-sizing: border-box;
    display: inline-block;
		border: solid 1rem #fff;
    z-index: 99;
    position: relative;
		width: 95%;
    max-width: 940px;
    padding: 5rem 4rem 2rem;
    border-radius: 20px;
    box-shadow: 0 0 30px rgb(148 148 148 / 45%);
    vertical-align: middle;
    background-color: #e5ffc1;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #f3ffe2), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #f3ffe2),color-stop(.75, #f3ffe2), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 8px 8px;
}
.modal-wrapper .modal-window-01 .modal-content-01 {
	max-height: calc(100vh - 180px);
    overflow-y: auto;
    text-align: left;
    border-radius: 20px;
    padding: 0 2rem;
    font-size: 1.8rem;
}
.modal-wrapper .modal-window-01 .modal-content-01 h4 {
	text-align: center;
    background-color: #7fd31f;
    border-radius: 20px;
    padding: 1.5rem;
    max-width: 330px;
    margin: 0 auto;
    color: #fff;
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 3rem;
}


.modal-wrapper .modal-window-02 {
	box-sizing: border-box;
    display: inline-block;
		border: solid 1rem #fff;
    z-index: 99;
    position: relative;
		width: 95%;
    max-width: 940px;
    padding: 5rem 4rem 2rem;
    border-radius: 20px;
    box-shadow: 0 0 30px rgb(148 148 148 / 45%);
    vertical-align: middle;
		background-color: #ffeaf4;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff1f7), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff1f7),color-stop(.75, #fff1f7), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 8px 8px;
}
.modal-wrapper .modal-window-02 .modal-content-02 {
	max-height: 80vh;
    overflow-y: auto;
    text-align: left;
    border-radius: 20px;
    padding: 2rem;
    font-size: 1.8rem;
}
.modal-wrapper .modal-window-02 .modal-content-02 h4 {
	text-align: center;
    background-color: #c7408a;
    border-radius: 20px;
    padding: 1.5rem;
    max-width: 330px;
    margin: 0 auto;
    color: #fff;
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 3rem;
}


.modal-wrapper .modal-window-03 {
	box-sizing: border-box;
    display: inline-block;
		border: solid 1rem #fff;
    z-index: 99;
    position: relative;
		width: 95%;
    max-width: 940px;
    padding: 5rem 4rem 2rem;
    border-radius: 20px;
    box-shadow: 0 0 30px rgb(148 148 148 / 45%);
    vertical-align: middle;
		background-color: #e6f8ff;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #f7fdff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #f7fdff),color-stop(.75, #f7fdff), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 8px 8px;
}
.modal-wrapper .modal-window-03 .modal-content-03 {
	max-height: 80vh;
    overflow-y: auto;
    text-align: left;
    border-radius: 20px;
    padding: 2rem;
    font-size: 1.8rem;
}
.modal-wrapper .modal-window-03 .modal-content-03 h4 {
	text-align: center;
    background-color: #43aee0;
    border-radius: 20px;
    padding: 1.5rem;
    max-width: 482px;
    margin: 0 auto;
    color: #fff;
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 3rem;
}


.modal-wrapper .modal-window-01,
.modal-wrapper .modal-window-02,
.modal-wrapper .modal-window-03{
	height: calc(100vh - 80px);
}
.modal-wrapper .modal-window-01 .modal-content-01,
.modal-wrapper .modal-window-02 .modal-content-02,
.modal-wrapper .modal-window-03 .modal-content-03{
	max-height: calc(100vh - 180px);
	padding: 0 2rem;
}




.modal-overlay {
  z-index: 9;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(255 255 255 / 83%);
}
.modal-wrapper .modal-close {
	z-index: 99;
    position: absolute;
    top: 0;
    right: 0;
    width: 51px;
    color: #a9a9a9 !important;
    font-size: 35px;
    /* font-weight: 700; */
    line-height: 43px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
}
.modal-wrapper .modal-close:hover {
  color: #2b2e38 !important
}

/*＊＊＊＊＊＊＊＊＊＊＊＊

キャンペーンバナー

＊＊＊＊＊＊＊＊＊＊＊＊*/
#campaign {
	background-color: #e8f8ff;
}
.campaign-box {
	max-width: 1100px;
	width: 94%;
	margin: 0 auto;
}
.campaign-box .campaign-inner{
	max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 6rem 0;
}
.campaign-box .campaign-inner .campaign-btn{
	background-color: #ffffff;
    border: solid #ffd400 0.5rem;
    max-width: 600px;
    margin: 0 auto;
    font-size: 3rem;
    border-radius: 15px;
    padding: 2rem;
}
.campaign-box .campaign-inner .campaign-btn:hover {
	background-color: #ffd50e;
}



/*＊＊＊＊＊＊＊＊＊＊＊＊

バナー

＊＊＊＊＊＊＊＊＊＊＊＊*/
.ban-area{
	display: flex;
	width: 55%;
	max-width: 800px;
	justify-content: space-between;
	box-sizing: content-box;
	flex-wrap: wrap;
	margin:4rem auto 0;
}
.ban-area a{
	width: 47.3%;
	margin-top: 4rem;
	box-sizing: border-box;
	display:inline-block;
}

footer{
	/*width:100%;
	margin-top: 10rem;
	text-align: center;*/
}
.footer-corp {
	width:100%;
	margin-top: 5rem;
	text-align: center;
}
footer .navfooter{
	margin:0 auto 2rem;
	width:90%;
	display: flex;
	flex-wrap: wrap;
	align-items:flex-start;
	text-align: center;
	justify-content: center;
}
footer .navfooter p{
	display: inline-block;
	padding:0 1rem;
	border-right:solid 1px #000;
	margin-top:1rem;
	font-family: 'Righteous', cursive;
	line-height: 1.2;
}
footer .navfooter p:first-child{
	border-left:solid 1px #000;
}
footer .navfooter p a{
	font-size:1.4rem;
	text-decoration:none;
	color:#51322f;
}
footer .navfooter p:last-child{
	font-family: YakuHanJP,"ヒラギノ角ゴ Std", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
	font-weight: 600;
}
footer div{
	padding:3rem 0;
	height: 10rem;
	box-sizing: border-box;
}
.footer-up{
	background:#fff;
}
.footer-up img{
}
.footer-down{
	background:#323276;
}
.footer-down img{
	max-width: 221px;
}
.footer-down p{
	color:#fff;
	font-size: 1.1rem;
}


.sns {
	margin-top: 5rem;
}
.sns .sns-share-txt {
	height: 0;
    font-size: 2rem;
    font-weight: 800;
		padding: 0;
}
.sns .footer-flexbox {
	display: flex;
    max-width: 330px;
    justify-content: space-between;
    margin: 0 auto;
}
.sns .sns-share-btn {
	padding-top: 1rem;
}
.sns .footer-sns-share .footer-flexbox a {

}



/*固定ボタン*/
.floating{
	transition:none;
}

.back-to-top {
	position: fixed;
	right: 1.2rem;
	bottom: 2rem;
	background:url("../img/topback.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 89px;
	height: 89px;
	z-index: 500;
	display: none;
}

.fixsns{
	position: fixed;
	left: 0.8rem;
	bottom: 6rem;
	/* transform: translateY(-50%); */
	z-index: 500;
	display: none;
}
.fixsns a img{
	width: 3rem;
	margin-top: 1.4rem;
}

@media screen and (max-width: 750px){
	.oza .floating{
	display: none !important;
	}
}

/*＊＊＊＊＊＊＊＊＊＊＊＊

第二階層共通

＊＊＊＊＊＊＊＊＊＊＊＊*/
.heading{
	width: 100%;
	max-width: 1000px;
	margin:12rem auto 0
}
.attention{
	margin-top: 0.5rem;
	font-size: 1.2rem;
	color:#555;
}
.change-color {
	color:#fff;
}



/*======================================

画面サイズ749px以上

======================================*/
@media screen and (min-width: 749px){
.sp_img{
	display:none;
}
.pc_img{
	/*display:inline-block;*/
}
}

/*======================================

画面サイズ880px以上

======================================*/
/*＊＊＊＊＊＊＊＊＊＊＊＊

イラストレーターさんへのコメント

＊＊＊＊＊＊＊＊＊＊＊＊*/
@media screen and (max-width: 880px){
.illust_comment_inner{
	max-width: 670px;
width: 90%;
margin: 0 auto;
padding: 4rem 0;

}
.illust_comment_inner .box-inner .inner-circle01 {
	display: inline-block;
	width: 30%;
	font-size: 2rem;
	padding: 0;
	margin-right: 7rem;
	font-weight: bold;
}
.illust_comment_inner .box-inner .inner-circle02 {
	display: inline-block;
	width: 30%;
	font-size: 2rem;
	padding: 0;
	/*margin-right: 4rem;*/
	font-weight: bold;
}
.illust_comment_inner .box-inner .inner-circle03 {
	display: inline-block;
	width: 30%;
	font-size: 1.8rem;
	padding: 0;
	margin-right: 3rem;
	font-weight: bold;
}
@media screen and (max-width: 350px){
	.illust_comment_inner .box-inner .inner-circle01 {
		display: inline-block;
		width: 28%;
		font-size: 2rem;
		padding: 0;
		margin-right: 7rem;
		font-weight: bold;
	}
	.illust_comment_inner .box-inner .inner-circle02 {
		display: inline-block;
		width: 28%;
		font-size: 2rem;
		padding: 0;
		margin-right: 4rem;
		font-weight: bold;
	}
	.illust_comment_inner .box-inner .inner-circle03 {
		display: inline-block;
		width: 28%;
		font-size: 1.8rem;
		padding: 0;
		margin-right: 7rem;
		font-weight: bold;
	}
}

.illust_comment_inner .box-inner .inner-circle01 a.btn--circle {
	line-height: 1.2;
    width: 100px;
    height: 100px;
    position: relative;
    padding: 25%;
    border-radius: 50%;
    transition: all 0.2s;
    margin: 0 auto;
}
.illust_comment_inner .box-inner .inner-circle02 a.btn--circle {
	line-height: 1.2;
    width: 100px;
    height: 100px;
    position: relative;
    padding: 25%;
    border-radius: 50%;
    transition: all 0.2s;
    margin: 0 auto;
}
.illust_comment_inner .box-inner .inner-circle03 a.btn--circle {
	line-height: 1.2;
    width: 100px;
    height: 100px;
    position: relative;
    padding: 25%;
    border-radius: 50%;
    transition: all 0.2s;
    margin: 0 auto;
}
.illust_comment_inner .campaign {
		margin-top: 3rem;
}
}

/*======================================

画面サイズ900px以下

======================================*/
@media screen and (max-width: 900px){
.anime_inner .anime-box .box-desc .desc-right{
	display: inline-block;
    width: 75%;
    padding: 3rem;
    margin: 0 auto;
}
}


/*======================================

画面サイズ1005px以下

======================================*/
@media screen and (max-width: 1005px){
	.top_btn{
		margin: 0 auto;
	    width: 100%;
	    margin-top: 5rem;
	    margin-bottom: 5rem;
	}

	.top_btn .btn-left {
		display: inline-block;
		overflow: hidden;
	  width: 44%;
		height: auto;
		margin: 0 auto;
		margin-right: 2rem;
	}
	.top_btn .btn-left a:before {
		display: block;
	    content: "";
	    position: absolute;
	    top: 40%;
	    left: 87%;
	    width: 35px;
	    height: 35px;
	    margin-top: -9px;
	    border-radius: 50%;
	    -webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	    background: #fff;
	}
	.top_btn .btn-left a:after {
		display: block;
	     content: "";
	     position: absolute;
	     top: 46%;
	     left: 90%;
	     width: 0;
	     height: 0;
	     margin-top: -6px;
	     border: 10px solid transparent;
	     border-left: 15px solid #f16804;
	     transition-duration: 0.5s;
	     -ms-transition-duration: 0.5s;
	     -webkit-transition-duration: 0.5s;
	     -moz-transition-duration: 0.5s;
	}

	.top_btn .btn-right {
		display: inline-block;
		overflow: hidden;
	  width: 44%;
		height: auto;
		margin: 0 auto;
		margin-right: 2rem;
	}
	.top_btn .btn-right a {
		 display: block;
		 position: relative;
		 /*z-index: 100;*/
		 text-align:center;
		 border-radius: 10px;
		 padding: 2.5rem;
		 font-size: 30px;
		 line-height: 40px;
		 text-decoration:none;
		 margin-bottom: 10px;
		 font-weight: bold;
		 border: none;
	}
	.top_btn .btn-right a:before {
		display: block;
	    content: "";
	    position: absolute;
	    top: 40%;
	    left: 87%;
	    width: 35px;
	    height: 35px;
	    margin-top: -9px;
	    border-radius: 50%;
	    -webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	    background: #fff;
	}
	.top_btn .btn-right a:after {
		display: block;
	 		content: "";
	 		position: absolute;
	 		top: 46%;
	 		left: 90%;
	 		width: 0;
	 		height: 0;
	 		margin-top: -6px;
	 		border: 10px solid transparent;
	 		border-left: 15px solid #f16804;
	 		transition-duration: 0.5s;
	 		-ms-transition-duration: 0.5s;
	 		-webkit-transition-duration: 0.5s;
	 		-moz-transition-duration: 0.5s;
	}

	.top_btn .btn-third {
		display: inline-block;
		overflow: hidden;
	  width: 44%;
		height: auto;
		margin: 0 auto;
		margin-right: 2rem;
	}
	.top_btn .btn-third a {
		 display: block;
		 position: relative;
		 /*z-index: 100;*/
		 text-align:center;
		 border-radius: 10px;
		 padding: 2.5rem;
		 font-size: 30px;
		 line-height: 40px;
		 text-decoration:none;
		 margin-bottom: 10px;
		 font-weight: bold;
		 border: none;
	}
	.top_btn .btn-third a:before {
		display: block;
	    content: "";
	    position: absolute;
	    top: 40%;
	    left: 87%;
	    width: 35px;
	    height: 35px;
	    margin-top: -9px;
	    border-radius: 50%;
	    -webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	    background: #fff;
	}
	.top_btn .btn-third a:after {
		display: block;
	 		content: "";
	 		position: absolute;
	 		top: 46%;
	 		left: 90%;
	 		width: 0;
	 		height: 0;
	 		margin-top: -6px;
	 		border: 10px solid transparent;
	 		border-left: 15px solid #f16804;
	 		transition-duration: 0.5s;
	 		-ms-transition-duration: 0.5s;
	 		-webkit-transition-duration: 0.5s;
	 		-moz-transition-duration: 0.5s;
	}
}

/*======================================

画面サイズ1050px以下

======================================*/

/*＊＊＊＊＊＊＊＊＊＊＊＊

動画

＊＊＊＊＊＊＊＊＊＊＊＊*/
@media screen and (max-width: 1050px){
.movie_inner .movie-box .youtube-desc{
	max-width: 340px;
    width: 100%;
    margin: 0 auto;
    background: border-box;
    background-color: #16c10e;
    border-radius: 15px;
    margin-top: 5rem;
}
#movie .youtube .youtube-inner:before{
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 4%;
    left: 3%;
    background-color: #7fd31d;
}
}

/*======================================

画面サイズ750px以下

======================================*/
@media screen and (max-width: 750px){
.sp_img{
	display:inline-block;

}
.pc_img{
	display:none;
}

.content-box{
	max-width:670px;
	width: 89.3%;
	margin:0 auto;
}
/*＊＊＊＊＊＊＊＊＊＊＊＊

トップボタン

＊＊＊＊＊＊＊＊＊＊＊＊*/
.top_btn{
	max-width: 670px;
	margin: 0 auto;
    width: 100%;
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.top_btn .btn-left {
	display: inline-block;
	overflow: hidden;
  width: 92%;
	height: auto;
	margin: 0 auto;
}
.top_btn .btn-left a {
 display: block;
 position: relative;
 /*z-index: 100;*/
 text-align:center;
 border-radius: 10px;
 padding: 1.2rem;
 font-size: 2.5rem;
 line-height: 40px;
 text-decoration:none;
 margin-bottom: 10px;
 font-weight: bold;
 border: none;
}
.top_btn .btn-left a:before {
	display: block;
    content: "";
    position: absolute;
    top: 42%;
    left: 84%;
    width: 31px;
    height: 30px;
    margin-top: -9px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #fff;
}
.top_btn .btn-left a:after {
	display: block;
    content: "";
    position: absolute;
    top: 45%;
    left: 87.5%;
    width: 0;
    height: 0;
    margin-top: -6px;
    border: 8px solid transparent;
    border-left: 13px solid #f16804;
    transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
}

.top_btn .btn-right {
	display: inline-block;
	overflow: hidden;
  width: 92%;
	height: auto;
	margin: 0 auto;
}
.top_btn .btn-right a {
	 display: block;
	 position: relative;
	 /*z-index: 100;*/
	 text-align:center;
	 border-radius: 10px;
	 padding: 1.2rem;
	 font-size: 2.5rem;
	 line-height: 40px;
	 text-decoration:none;
	 margin-bottom: 10px;
	 font-weight: bold;
	 border: none;
}
.top_btn .btn-right a:before {
	display: block;
    content: "";
    position: absolute;
    top: 42%;
    left: 84%;
    width: 31px;
    height: 30px;
    margin-top: -9px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #fff;
}
.top_btn .btn-right a:after {
	display: block;
    content: "";
    position: absolute;
    top: 45%;
    left: 87.5%;
    width: 0;
    height: 0;
    margin-top: -6px;
    border: 8px solid transparent;
    border-left: 13px solid #f16804;
    transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
}

.top_btn .btn-third {
	display: inline-block;
	overflow: hidden;
  width: 92%;
	height: auto;
	margin: 0 auto;
}
.top_btn .btn-third a {
	 display: block;
	 position: relative;
	 /*z-index: 100;*/
	 text-align:center;
	 border-radius: 10px;
	 padding: 1.2rem;
	 font-size: 2.5rem;
	 line-height: 40px;
	 text-decoration:none;
	 margin-bottom: 10px;
	 font-weight: bold;
	 border: none;
}
.top_btn .btn-third a:before {
	display: block;
    content: "";
    position: absolute;
    top: 42%;
    left: 84%;
    width: 31px;
    height: 30px;
    margin-top: -9px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #fff;
}
.top_btn .btn-third a:after {
	display: block;
    content: "";
    position: absolute;
    top: 45%;
    left: 87.5%;
    width: 0;
    height: 0;
    margin-top: -6px;
    border: 8px solid transparent;
    border-left: 13px solid #f16804;
    transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
}

@media screen and (min-width: 410px){
	.top_btn{
		margin: 0 auto;
	    width: 100%;
	    margin-top: 5rem;
	    margin-bottom: 5rem;
	}

	.top_btn .btn-left {
		display: inline-block;
		overflow: hidden;
	  width: 92%;
		height: auto;
		margin: 0 auto;
	}
	.top_btn .btn-left a {
	 display: block;
	 position: relative;
	 /*z-index: 100;*/
	 text-align:center;
	 border-radius: 10px;
	 padding: 20px;
	 font-size: 2.5rem;
	 line-height: 40px;
	 text-decoration:none;
	 margin-bottom: 10px;
	 font-weight: bold;
	 border: none;
	}
	.top_btn .btn-left a:before {
		display: block;
			content: "";
			position: absolute;
			top: 40%;
			left: 87%;
			width: 35px;
			height: 35px;
			margin-top: -9px;
			border-radius: 50%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			background: #fff;
	}
	.top_btn .btn-left a:after {
		display: block;
			 content: "";
			 position: absolute;
			 top: 46%;
			 left: 89.5%;
			 width: 0;
			 height: 0;
			 margin-top: -6px;
			 border: 10px solid transparent;
			 border-left: 15px solid #f16804;
			 transition-duration: 0.5s;
			 -ms-transition-duration: 0.5s;
			 -webkit-transition-duration: 0.5s;
			 -moz-transition-duration: 0.5s;
	}

	.top_btn .btn-right {
		display: inline-block;
		overflow: hidden;
	  width: 92%;
		height: auto;
		margin: 0 auto;
	}
	.top_btn .btn-right a {
		 display: block;
		 position: relative;
		 /*z-index: 100;*/
		 text-align:center;
		 border-radius: 10px;
		 padding: 20px;
		 font-size: 2.5rem;
		 line-height: 40px;
		 text-decoration:none;
		 margin-bottom: 10px;
		 font-weight: bold;
		 border: none;
	}
	.top_btn .btn-right a:before {
		display: block;
			content: "";
			position: absolute;
			top: 40%;
			left: 87%;
			width: 35px;
			height: 35px;
			margin-top: -9px;
			border-radius: 50%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			background: #fff;
	}
	.top_btn .btn-right a:after {
		display: block;
			 content: "";
			 position: absolute;
			 top: 46%;
			 left: 89.5%;
			 width: 0;
			 height: 0;
			 margin-top: -6px;
			 border: 10px solid transparent;
			 border-left: 15px solid #f16804;
			 transition-duration: 0.5s;
			 -ms-transition-duration: 0.5s;
			 -webkit-transition-duration: 0.5s;
			 -moz-transition-duration: 0.5s;
	}

	.top_btn .btn-third {
		display: inline-block;
		overflow: hidden;
	  width: 92%;
		height: auto;
		margin: 0 auto;
	}
	.top_btn .btn-third a {
		 display: block;
		 position: relative;
		 /*z-index: 100;*/
		 text-align:center;
		 border-radius: 10px;
		 padding: 20px;
		 font-size: 2.5rem;
		 line-height: 40px;
		 text-decoration:none;
		 margin-bottom: 10px;
		 font-weight: bold;
		 border: none;
	}
	.top_btn .btn-third a:before {
		display: block;
			content: "";
			position: absolute;
			top: 40%;
			left: 87%;
			width: 35px;
			height: 35px;
			margin-top: -9px;
			border-radius: 50%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			background: #fff;
	}
	.top_btn .btn-third a:after {
		display: block;
			 content: "";
			 position: absolute;
			 top: 46%;
			 left: 89.5%;
			 width: 0;
			 height: 0;
			 margin-top: -6px;
			 border: 10px solid transparent;
			 border-left: 15px solid #f16804;
			 transition-duration: 0.5s;
			 -ms-transition-duration: 0.5s;
			 -webkit-transition-duration: 0.5s;
			 -moz-transition-duration: 0.5s;
	}
	}

	/*＊＊＊＊＊＊＊＊＊＊＊＊

	イラストレーターさんへのコメント

	＊＊＊＊＊＊＊＊＊＊＊＊*/
	.illust_comment_inner .comment-box{
	    padding-bottom: 2rem;
	}
	.illust_comment_inner .box-inner .inner-circle01 {
		margin-right: 6rem;
	}
	.illust_comment_inner .box-inner .inner-circle02 {
		margin-right: 5rem;
	}
	.illust_comment_inner .box-inner .inner-circle03 {
		margin-right: 7rem;
	}

	@media screen and (max-width: 320px){
		.illust_comment_inner .box-inner .inner-circle01 {
			margin: 0 auto;
			width: 78%;
			margin-bottom: 1rem;
			margin-right: 0;
		}
		.illust_comment_inner .box-inner .inner-circle02 {
			margin: 0 auto;
			width: 78%;
			margin-bottom: 1rem;
			margin-right: 0;
		}
		.illust_comment_inner .box-inner .inner-circle03 {
			margin: 0 auto;
			width: 78%;
			margin-bottom: 1rem;
			margin-right: 0;
		}
	}

	/*modal*/
	.modal-wrapper .modal-window-01 {
	    width: 95%;
	    padding: 5rem 0 3rem;
	}
	.modal-wrapper .modal-window-02 {
		width: 95%;
		padding: 5rem 0 3rem;
	}
	.modal-wrapper .modal-window-03 {
		width: 95%;
		padding: 5rem 0 3rem;
	}

	/*＊＊＊＊＊＊＊＊＊＊＊＊

	エースバナー

	＊＊＊＊＊＊＊＊＊＊＊＊*/
	.higehiro_ace{
		max-width: 670px;
    margin: 0 auto;
    width: 90%;
    margin-bottom: 0;
		margin-top: 0;
	}
	.higehiro_ace_inner{
		padding-top: 0;
	    padding-bottom: 3rem;
	    margin-bottom: 0;
	}
	.higehiro_es{
		max-width: 670px;
    margin: 0 auto;
    width: 90%;
    margin-bottom: 0;
		margin-top: 0;
	}
	.higehiro_es_inner{
    padding-bottom: 3rem;
    margin-bottom: 0;
	}

	/*＊＊＊＊＊＊＊＊＊＊＊＊

	アニメ情報

	＊＊＊＊＊＊＊＊＊＊＊＊*/
	.anime_inner{
		max-width:670px;
		width: 100%;
		margin:0 auto;
	}
	.anime_content:before{
		display: none;
	}
	.anime_inner .anime-box{
		padding-top: 5rem;
		padding-bottom: 5rem;
	    margin: 0 auto;
	}
	.anime_inner .anime-box .anime--ttl{
		text-align: center;
		width: 80%;
	}
	.anime_inner .anime-box .anime--top{
		margin-top: 2rem;
    margin-bottom: 2rem;
	}
	.anime_inner .anime-box .box-desc{
		/*display: inline-block;*/
	}
	.anime_inner .anime-box .box-desc .desc-left{
		display: inline-block;
		width:100%;
		margin-top: 3rem;
	}
	.anime_inner .anime-box .box-desc .desc-right{
		display: inline-block;
    width: 100%;
    margin: 0 auto;
    padding: 2rem 0 0 0;
	}
	.anime_inner .box-inner {
		width: 100%;
	    margin: 0 auto;
	}


	.anime_btn{
		max-width: 1000px;
	    margin: 0 auto;
	    width: 100%;
	    font-size: 2rem;
			margin-top: 1rem;
			margin-bottom: 1rem;
	}
	.anime_btn .btn-inner {
		display: inline-block;
	 width: 100%;
	 height: auto;
	 margin: 0 auto;
	 margin-right: 2rem;
	}
	.anime_btn .btn-inner a {
	 display: block;
	 position: relative;
	 /*z-index: 100;*/
	 text-align:center;
	 border-radius: 50px;
	 padding: 1rem;
	 font-size: 1.8rem;
	 line-height: 40px;
	 text-decoration:none;
	 margin-bottom: 10px;
	 font-weight: bold;
	 border: none;
	}

	/*＊＊＊＊＊＊＊＊＊＊＊＊

	ストーリー

	＊＊＊＊＊＊＊＊＊＊＊＊*/
	.story_inner{
		max-width:670px;
		width: 100%;
		margin:0 auto;
	}
	.story_content:before{
		display: none;
	}
	.story_inner .story-box{
		padding-top: 5rem;
    padding-bottom: 5rem;
    margin: 0 auto;
	}
	.story_inner .story-box .story--ttl{
		text-align: center;
		width: 80%;
	}
	.story_inner .story-box .story--desc{
		margin-top: 2rem;
    margin-bottom: 0;
	}

	/*＊＊＊＊＊＊＊＊＊＊＊＊

	キャラクター

	＊＊＊＊＊＊＊＊＊＊＊＊*/
	.chara_inner{
		max-width:670px;
		width: 100%;
		margin:0 auto;
	}
	.chara_content:before{
		display: none;
	}
	.chara_inner .chara-box{
		padding-top: 5rem;
		padding-bottom: 3rem;
	    margin: 0 auto;
	}
	.chara_inner .chara-box .chara--ttl{
		text-align: center;
	}
	.chara_inner .chara-box .chara--desc{
		margin-top:4rem;
		margin-bottom:4rem;
	}
	.chara_inner .chara-box ul{
		width: 100%;
    margin-top: 3rem;
    padding: 0;
	}
	.chara_inner .chara-box li{
		float: left;
	    width: 100%;
			margin-bottom: 1rem;
	}

	/*＊＊＊＊＊＊＊＊＊＊＊＊

	動画

	＊＊＊＊＊＊＊＊＊＊＊＊*/
	.movie_inner{
		max-width:670px;
		width: 100%;
		margin:0 auto;
	}
	.movie_content:before{
		display: none;
	}
	.movie_inner .movie-box{
		padding-top: 5rem;
		padding-bottom: 5rem;
	    margin: 0 auto;
	}
	.movie_inner .movie-box .movie--ttl{
		text-align: center;
		width: 80%;
	}
	.movie_inner .movie-box .youtube-desc{
		max-width: 340px;
    width: 90%;
    margin: 0 auto;
    background: border-box;
    background-color: #16c10e;
    border-radius: 15px;
    margin-top: 6%;
	}
	.movie_inner .movie-box .youtube-desc p{
		color: #fff;
	font-size: 2.5rem;
	font-weight: bold;
	}
	#movie .youtube{
		width: 93%;
    height: 32%;
    top: 90%;
    left: calc(50% - 48%);
    position: relative;
    margin-top: 2rem;
	}
	#movie .youtube .youtube-inner {
		position: relative;
    width: 100%;
    padding-top: 56.25%;
	}
	#movie .youtube .youtube-inner:before{
		content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 5%;
    left: 3%;
    background-color: #7fd31d;
	}
	#movie .youtube .youtube-inner iframe {
	  position: absolute;
	  top: 0;
	  right: 0;
		max-width: 800px;
		max-height: 400px;
	  width: 100% !important;
	  height: 100% !important;
	}

	/*＊＊＊＊＊＊＊＊＊＊＊＊

	シリーズ

	＊＊＊＊＊＊＊＊＊＊＊＊*/
	.series_inner{
		max-width:670px;
		width: 100%;
		margin:0 auto;
	}
	.series_content:before{
		display: none;
	}
	.series_inner .series-box{
		padding-top: 5rem;
		padding-bottom: 5rem;
	    margin: 0 auto;
	}
	.series_inner .series-box .series--ttl{
		text-align: center;
		width: 80%;
	}
	.series_inner .series-box .novel--ttl{
		width: 50%;
	    text-align: center;
	    margin-top: 3rem;
	}
	.series_inner .series-box .novel-series{
		width: 100%;
	    background: #FFF;
	    border-radius: 20px;
	    margin: 0 auto;
	    margin-top: -6.5rem;
	}
	.series_inner .series-box .novel-series ul{
		padding: 6rem 1.5rem 2rem;
	}
	.series_inner .series-box .novel-series li{
		position: relative;
    padding: 2rem 0.5rem 0.5rem;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    width: 50%;
    box-sizing: border-box;
    display: block;
	}
	.series_inner .series-box .novel-series li.last{
		width: 100%;
    position: relative;
		padding-bottom: 3rem;
		padding-top: 2rem;
	}
	.series_inner .series-box .novel-series li p{
    margin: 0 auto;
	}
	.series_inner .series-box .novel-series .book_name{
		text-align: left;
    font-size: 1.3rem;
    color: black;
    font-weight: 600;
    line-height: 1.2;
    margin-top: 1rem;
	}
	.series_inner .series-box .novel-series .book_name span{
		font-weight: 300;
	}
	.series_inner .series-box .novel-series li a{
		text-decoration: none;
		color:#000;
	}
	.series_inner .series-box .novel-series .new-icon{
		position: absolute;
    top: 0%;
    right: -4%;
    z-index: 100;
    width: 45%;
	}
	@media screen and (max-width: 470px){
	.series_inner .series-box .novel-series .new-icon{
    right: -1%;
	}
	}


	.series_inner .series-box .novel-series .trial-btn a{
    padding: 0.3rem;
    font-size: 1.3rem;
    border-radius: 5px;
    margin-top: 0.5rem;
	}
	.series_inner .series-box .novel-series .trial-cs-btn{
    padding: 0.3rem;
    font-size: 1.3rem;
    border-radius: 5px;
    margin-top: 0.5rem;
	}
	.series_inner .series-box .novel-series .buy-btn a{
		padding: 0.3rem;
    font-size: 1.3rem;
    border-radius: 5px;
    margin-top: 0.5rem;
	}
	.series_inner .series-box .novel-series .buy-cs-btn{
		padding: 0.3rem;
    font-size: 1.3rem;
    border-radius: 5px;
    margin-top: 0.5rem;
	}


	.series_inner .series-box .comic--ttl{
		width: 67%;
	    text-align: center;
	    margin-top: 6rem;
	}
	.series_inner .series-box .comic-series{
		width: 100%;
	    background: #FFF;
	    border-radius: 20px;
	    margin: 0 auto;
	    margin-top: -6.5rem;
	}
	.series_inner .series-box .comic-series ul{
		padding: 6rem 1.5rem 2rem;
	}
	.series_inner .series-box .comic-series .comics-es{
		padding: 2rem 1.5rem 2rem;
		margin-top: 2rem;
	}
	.series_inner .series-box .comic-series li{
		position: relative;
    padding: 2rem 0.5rem 0.5rem;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    width: 50%;
    box-sizing: border-box;
    display: block;
	}
	.series_inner .series-box .comic-series li.last{
		width: 100%;
    position: relative;
		padding-bottom: 3rem;
	}
	.series_inner .series-box .comic-series li p{
    margin: 0 auto;
	}
	.series_inner .series-box .comic-series .book_name{
		text-align: left;
    font-size: 1.3rem;
    color: black;
    font-weight: 600;
    line-height: 1.2;
    margin-top: 1rem;
	}
	.series_inner .series-box .comic-series .book_name span{
		font-weight: 300;
	}
	.series_inner .series-box .comic-series li a{
		text-decoration: none;
		color:#000;
	}
	.series_inner .series-box .comic-series .new-icon{
		position: absolute;
    top: -3%;
    right: -5%;
		z-index: 100;
	}

	.series_inner .series-box .comic-series .trial-btn a{
		padding: 0.3rem;
    font-size: 1.3rem;
    border-radius: 5px;
    margin-top: 0.5rem;
	}
	.series_inner .series-box .comic-series .buy-btn a{
		padding: 0.3rem;
    font-size: 1.3rem;
    border-radius: 5px;
    margin-top: 0.5rem;
	}


footer{
	margin-top: -4rem;
}
footer div{
	padding:2rem 0;
	height: 7.5rem;
}
.footer-up{
	background:#fff;
}
.footer-up img{
	max-width: 139px;
}
.footer-down{
	background:#323276;
}
.footer-down img{
	max-width: 166px;
}
.sns {
	display: none;
}
}