@charset "utf-8";
/* ===================================================================

CSS information

 style info :top CSS

=================================================================== */
/* ----------------------------------------------------
	#pages
---------------------------------------------------- */
#pages{
	background-color: #fff;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 0 0 10px 0;
	position: relative;
	margin: 0 0 20px 0;
}
#pages h1{
	margin: 0 0 20px 0;
	-webkit-border-radius: 10px;
	border-radius: 10px;}
/* ----------------------------------------------------
	今月のなかよし
---------------------------------------------------- */
#thismonth{
	margin: 0 30px 30px;
}
#thismonth .img{
	width: 378px;
	float: left;
}
#thismonth .information{
	width: 450px;
	float: right;
}
#thismonth .information h3{
	color: #fc4796;
	font-weight: bold;
	margin: 0 0 10px 0;

}
#thismonth .information h3 strong{
	font-size: 21px;
}
#thismonth .movie{
	width: 430px;
	float: right;
	background: url(../images/bg_blue_01.png) repeat top left;
	background-color: #5cacff;
	padding: 5px 10px 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#thismonth .information .movie p{
	text-align: center;
	margin: 3px 0;
}
#thismonth .txt{
	clear: both;
	padding: 15px 0 0 0;
	font-size: 16px;
}
#thismonth .txt strong{
	font-size: 18px;
	display: block;
}
#social{
	padding: 0 0 10px 0;
}
#social li{
	margin: 0 10px 0 0;
	float: left;
}
#social li.tw{
	width: 90px;
}
#social li.fb{
	position: relative;
	top: -1px;
}
/* ----------------------------------------------------
	今月のピックアップ作品
---------------------------------------------------- */
#pickup{
	margin: 0 30px 20px;
}
#pickup .inner{}
#pickup .inner h2{
	margin: 0 0 5px 0;
}
#pickup .inner ul{
	margin: 0 -15px 0 0;
	overflow: hidden;
}
#pickup .inner ul li{
	width: 164px;
	float: left;
	margin: 0 15px 10px 0;
}
#pickup .inner ul li .block{
	padding: 0 0 10px 0;
	position: relative;
	background: #ff54ab; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNTRhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOTM1NzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ff54ab 0%, #f93578 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff54ab), color-stop(100%,#f93578)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff54ab 0%,#f93578 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff54ab 0%,#f93578 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff54ab 0%,#f93578 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff54ab 0%,#f93578 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff54ab', endColorstr='#f93578',GradientType=0 ); /* IE6-8 */
	-webkit-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
}
#pickup .inner ul li .block:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/bg_comics_01.png) no-repeat top left;
	z-index: 1;
}
#pickup .inner ul li .block div{
	padding: 140px 10px 0 10px;
	position: relative;
	z-index: 100;
}
#pickup .inner ul li .block div img{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 100;
}
#pickup .inner ul li .block div strong{
	display: block;
	color: #fff;
	font-size: 18px;
}
#pickup .inner ul li .block div span{
	display: block;
	color: #fffa64;
	font-size: 12px;
	background: url(../images/icn_heart.png) no-repeat center left;
	padding: 0 0 0 15px;
}
#pickup .inner ul li a{
	text-decoration: none;
}
#pickup .inner ul li .block div a:after{
	content: '';
	display: block;
	width: 144px;
	height: 118px;
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: #fff;
	z-index: 0;
}
#pickup .inner ul li:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#pickup .inner ul li p{
	margin: 10px 0 0 0;
}
#pickup .inner ul li p img{
	position: relative;
	margin: 3px;
}

/* ----------------------------------------------------
	その他の作品
---------------------------------------------------- */
#other_comics{
	margin: 0 30px;
}
#other_comics h2{
	margin: 0 0 20px 0;
}
#other_comics ul{
	margin: 0 -30px 0 0;
	overflow: hidden;
}
#other_comics ul li{
	width: 270px;
	margin: 0 30px 20px 0;
	float: left;
}
#other_comics ul li .img{
	width: 90px;
	float: left;
}
#other_comics ul li .txt{
	width: 165px;
	float: right;
}
#other_comics ul li a{
	color: #ff3e6d;
}
#other_comics ul li a strong{
	font-size: 16px;
	display: block;
}
#other_comics ul li a span{
	font-size: 12px;
}

/* ----------------------------------------------------
	最新コミックス情報
---------------------------------------------------- */
#latest{
	width: 820px;
	margin: 0 auto;
}
#latest .list{
	margin: 0 0 20px 0;
}
#latest .list > li{
	position: relative;
	background: url(../images/img_hr_02.png) no-repeat bottom left;
	padding:20px 0;
}
#latest .list > li:last-child{
	background: none;
}

#latest .list li .img{
	width: 130px;
	float: left;
}
#latest .list li .img img{
	border: 1px solid #ccc;
}
#latest .list li .information{
	width: 670px;
	float: right;
}
#latest .list li .information .day{
	color: #ff3e6d;
	font-weight: bold;
}
#latest .list li .information .title{
	width: 460px;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
#latest .list li .information span{
	font-size: 14px;
	display: block;
}

#latest .list li .information .price{
	font-size: 12px;
}
#latest .list li .information .outline{
	margin: 20px 0 0 0;
}
#latest .list li .information .outline dt{
	color: #ff7800;
	font-weight: bold;
	background: url(../images/icn_star_01.png) no-repeat left 2px;
	padding: 0 0 0 20px;
}
#latest .list li .information .outline dd{
	font-size: 12px;
}

#latest .list li .btn{
	position: absolute;
	top: 20px;
	right: 0px;
}
#latest .list li .btn li{
	margin: 0 0 10px 0;
}
/* ----------------------------------------------------
	来月以降のコミックス発売予定
---------------------------------------------------- */
#schedule{
	margin: 0 30px 20px;
}
#schedule h2{
	margin: 0 0 5px 0;
}
#schedule table{
	width: 100%;
	font-size: 12px;
	text-align: center;
}
#schedule table th{
	background-color: #7645ff;
	border: 1px solid #7645ff;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
#schedule table td{
	border: 1px solid #7645ff;
	padding: 5px 20px;
	width: 30%;
}
#schedule table td.tl{
	width: 40%;
}
/* ----------------------------------------------------
	作品ページ
---------------------------------------------------- */
#comic_title{
	color: #fff;
	background: url(../images/bg_pink_01.png) repeat top left;
	background-color: #ff5e97;
	margin: 0 0 20px 0;
	border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
}
#comic_title .inner{
	background: url(../images/bg_comictitle_01.png) no-repeat bottom left;
	padding: 20px;
	position: relative;
}
#comic_title h1{
	font-size: 30px;
	line-height: 1.0;
	font-weight: bold;
	margin: 0 0 10px 0;
}
#comic_title p{
	font-size: 16px;
}
#comic_title p a{
	color: #fff;
	font-weight: bold;
}
#comic{
	margin: 0 30px 30px;
}
#comic #summary .img{
	width: 570px;
	float: left;
}
#comic #summary .img p{
	margin: 0 0 10px 0;
}
#comic #summary .information{
	width: 280px;
	float: right;
}
#comic #summary .information .btn{
	margin: 0 0 30px 0;
}
#comic #summary .information .btn li{
	margin: 0 0 10px 0;
}
#comic #summary .information .outline dt{
	margin: 0 0 10px 0;
}

/* ----------------------------------------------------
	登場人物
---------------------------------------------------- */
#character{
	margin: 0 30px;
}
#character h2{
	margin: 0 0 5px 0;
}
#character ul{
	overflow: hidden;
	margin: 0 -20px 20px 0;
}
#character ul li{
	width: 260px;
	border: 5px solid #ffc5d3;
	padding: 5px;
	margin: 0 20px 10px 0;
	float: left;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#character ul li .img{
	width: 90px;
	float: left;
}
#character ul li .txt{
	width: 150px;
	float: right;
	font-size: 13px;
}
#character ul li .txt strong{
	display: block;
	color: #ff3e6d;
	font-size: 18px;
}
/* ----------------------------------------------------
	告知エリア
---------------------------------------------------- */
#promotion{
	margin: 0 30px 30px;
	padding: 5px 25px;
	background-color: #fffbca;
	position: relative;
	min-height: 110px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#promotion h2{
	width: 540px;
	color: #ff3e6d;
	font-size: 26px;
	font-weight: bold;
}
#promotion .txt{
	width: 540px;
}
#promotion .img{
	position: absolute;
	top: 10px;
	right: 10px;
}
/* ----------------------------------------------------
	既刊紹介
---------------------------------------------------- */
#slide02{
}
#intro{
	background: url(../images/bg_pink_02.png) repeat top left;
	background-color: #ff9ad5;
	margin: 0 30px 20px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
	position: relative;
}
#intro h2{
	margin: 0 0 5px 45px;
}
#intro .allview{
	position: absolute;
	top: 25px;
	right: 70px;
}
#intro .allview a{
	font-size: 13px;
	background: url(../images/icn_list_01.png) no-repeat left 2px;
	padding: 0 0 0 10px;
}

#intro ul li{
	font-size: 13px;
}
#intro ul li img{
	display: block;
	margin: 0 0 5px 0;
}
#intro ul li span{
	font-size: 11px;
}
#intro ul li .btn{
	margin: 15px 0 10px 0;
}
/* ----------------------------------------------------
	お知らせ一覧
---------------------------------------------------- */
#info{
	margin: 0 60px;
}
#info ul{}
#info ul li{
	position: relative;
	background: url(../images/img_hr_02.png) no-repeat bottom left;
	padding:20px 0;
}

#info ul li:last-child{
	background: none;
}
#info ul li .summary{
	width: 500px;
	float: left;
}
#info ul li .img{
	width: 280px;
	float: right;
}
#info ul li .img img{
	border: 1px solid #ccc;
}

#info ul li .summary .day{
	color: #ff3e6d;
	font-weight: bold;
}
#info ul li .summary .title{
	font-weight: bold;
	margin: 0 0 10px 0;
}
#info ul li .summary .entry{
	font-size: 12px;
}
.pager{
	 margin: 20px 0;
 	font-size: 13px;
 	text-align: center;
 }
 .pager .plev{
	padding: 5px 10px 5px 25px;
	background: url(../images/btn_pager_plev.png) no-repeat left center;
 }
 .pager .next{
	padding: 5px 25px 5px 10px;
	background: url(../images/btn_pager_next.png) no-repeat right center;
 }
 .pager span{
	 width: 30px;
	 display: inline-block;
	 padding: 5px 0 3px;
	 text-align: center;
	 background-color: #ffccde;
 	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(/css/PIE.htc);
	margin: 0 3px;
 }
 .pager a:hover span,
 .pager .active span{
	 color: #fff;
background: #ff54ab; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjU0YWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjkzNTc4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #ff54ab 0%, #f93578 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ff54ab), color-stop(100%,#f93578)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #ff54ab 0%,#f93578 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #ff54ab 0%,#f93578 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #ff54ab 0%,#f93578 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #ff54ab 0%,#f93578 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff54ab', endColorstr='#f93578',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

/* ----------------------------------------------------
	お知らせ詳細
---------------------------------------------------- */
#info_detail{
	margin: 0 60px;
	padding: 10px 0 0 0;
}
#info_detail .day{
	color: #ff3e6d;
	font-weight: bold;
	margin: 0 0 5px 0;
}
#info_detail .title{
	font-weight: bold;
	margin: 0 0 20px 0;
	font-size: 18px;
}
#info_detail .entry{
	margin: 0 0 30px 0;
}
#info_detail .img{
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
}
.info_back{
	position: absolute;
	top: 20px;
	right: 20px;
	background: url(../images/icn_arrow_01.png) no-repeat top left;
	padding: 0 0 0 25px;
}
.info_back a{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
#info_detail .newface_tit{
	color:#ff3e6d;
	background: url(../images/img_hr_02.png) no-repeat bottom left;
	padding: 0 0 10px 0;
}
/* ----------------------------------------------------
	なかガールブログ
---------------------------------------------------- */
#naka_girl{
	margin: 0 60px;
}
#naka_girl ul{}
#naka_girl ul li{
	position: relative;
	background: url(../images/img_hr_02.png) no-repeat bottom left;
	padding:20px 0;
}

#naka_girl ul li:last-child{
	background: none;
}
#naka_girl ul li .summary{
	width: 640px;
	float: right;
}
#naka_girl ul li .img{
	width: 154px;
	float: left;
}
#naka_girl ul li .img img{
	border: 1px solid #ccc;
}

#naka_girl ul li .summary .day{
	color: #ff3e6d;
	font-weight: bold;
}
#naka_girl ul li .summary .day strong{
	color: #333;
	padding: 0 0 0 30px;
}
#naka_girl ul li .summary .title{
	font-weight: bold;
	margin: 0 0 10px 0;
}
#naka_girl ul li .summary .entry{
	font-size: 12px;
	margin: 0 0 10px 0;
}
#naka_girl ul li .summary .btn a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/* ----------------------------------------------------
	なかガールブログ詳細
---------------------------------------------------- */
#naka_girl_detail{
	margin: 0 60px;
	padding: 10px 0 0 0;
}
#naka_girl_detail .day{
	color: #ff3e6d;
	font-weight: bold;
	margin: 0 0 5px 0;
}
#naka_girl_detail .title{
	font-weight: bold;
	margin: 0 0 20px 0;
	font-size: 18px;
}
#naka_girl_detail .girl{
	background: url(../images/img_hr_02.png) no-repeat bottom left;
	margin: 0 0 20px 0;
}
#naka_girl_detail .girl .summary{
	width: 695px;
	float: right;
}
#naka_girl_detail .girl .img{
	width: 100px;
	float: left;
}
#naka_girl_detail .girl .img img{
	border: 1px solid #ccc;
}

#naka_girl_detail .girl .summary .name{
	font-weight: bold;
	font-size: 18px;
}
#naka_girl_detail .girl .summary .comment{
	margin: 0 0 10px 0;
}

#naka_girl .girl .summary .btn a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#naka_girl_detail .entry{
	margin: 0 0 30px 0;
}
#naka_girl_detail .img{
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
}
.info_back_02{
	position: absolute;
	top: 20px;
	right: 20px;
	background: url(../images/icn_arrow_02.png) no-repeat top left;
	padding: 0 0 0 25px;
}
.info_back_02 a{
	color: #ff8400;
	font-size: 16px;
	font-weight: bold;
}
#naka_girl_detail .newface_tit{
	color:#ff3e6d;
	background: url(../images/img_hr_02.png) no-repeat bottom left;
	padding: 0 0 10px 0;
}


/* ----------------------------------------------------
	新人賞
---------------------------------------------------- */
/* ナビ */
#newface ul.nf_nav{
	width: 876px;
	margin: 35px auto 30px;
	padding-left: 4px;
	background: url(../images/bg_nav_newf.png) no-repeat left center;
	overflow: hidden;
}
#newface ul.nf_nav li{
	float: left;
	width: auto;
	padding-right: 4px;
	background: url(../images/bg_nav_newf.png) no-repeat right center;
}

/* 共通設定 */
#newface h2{
	margin-bottom: 20px;
	text-align: center;
}
#newface h2 span{
	display: block;
	margin-top: 1px;
}
#newface .newface_box{
	margin: 30px 30px;
	padding: 25px 25px 45px;
	border-width: 5px;
	border-style: solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}
#newface .newface_box .main_box > p{
	margin-bottom: 20px;
	padding-right: 260px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.8;
}
#newface .newface_box .main_box{
	position: relative;
}
#newface .newface_box .teach_box{
	position: absolute;
	top: 0;
	right: 0;
	width: 240px;
}
#newface .newface_box .teach_box .img{
	margin-bottom: 10px;
}
#newface .newface_box .teach_box img{
	width: 234px;
	height: auto;
}
#newface .newface_box table{
	width: 100%;
	border-collapse: collapse;
}
#newface .newface_box table th{
	width: 150px;
	padding: 5px 10px 5px 0;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
}
#newface .newface_box table th span{
	display: block;
	min-height: 24px;
	padding-top: 2px;
	font-weight: bold;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
#newface .newface_box table td{
	padding: 5px 5px;
	font-size: 13px;
}
#newface .newface_box table td.size_left{
	width: 400px;
}
#newface .newface_box table td.size_right{
	width: 200px;
	text-align: center;
}
#newface .newface_box table td.va_t{
	vertical-align: top;
}
#newface .newface_box table td.va_m{
	vertical-align: middle;
}
#newface .newface_box table td.pr260{
	padding-right: 260px;
}

/* 個別設定 */
#newface #school.newface_box{
	border-color: #d0eaff;
}
#newface #school.newface_box .teach_box .img{
	border: 3px solid #d0eaff;
}
#newface #school.newface_box table th span{
	color: #3590ff;
	background: url(../images/bg_ptn_01.gif) repeat left top;
}
#newface #rookie.newface_box{
	border-color: #fff2b8;
}
#newface #rookie.newface_box .teach_box .img{
	border: 3px solid #fff2b8;
}
#newface #rookie.newface_box table th span{
	color: #ff8400;
	background: url(../images/bg_ptn_02.gif) repeat left top;
}
#newface #supernova.newface_box{
	border-color: #c3f4b2;
}
#newface #supernova.newface_box .teach_box .img{
	border: 3px solid #c3f4b2;
}
#newface #supernova.newface_box table th span{
	color: #23a600;
	background: url(../images/bg_ptn_03.gif) repeat left top;
}
#newface #rule.newface_box{
	border-color: #ffd5f0;
}
#newface #rule.newface_box table th span{
	color: #ff489f;
	background: url(../images/bg_ptn_04.gif) repeat left top;
}
#newface #mochikomi.newface_box{
	border-color: #f0c3ff;
}
#newface #mochikomi.newface_box .txt{
	float: left;
	width: 560px;
}
#newface #mochikomi.newface_box .img{
	float: right;
	width: 201px;
}
#newface ul.indent_01{
	margin-top: 10px;
}
#newface ul.indent_01 li{
	text-indent: -1em;
	padding-left: 1em;
}
#newface .newface_box .extend_box{
	margin: 10px 0 15px;
	padding: 15px 20px;
	border: 1px solid #3d93ed;
}
#newface .newface_box .extend_box p{
	margin-bottom: 5px;
	font-weight: bold;
}
#newface .newface_box .extend_box li{
	display: inline-block;
	margin-right: 10px;
	font-size: 90%;
}
#newface .newface_box .extend_box li span{
	font-weight: bold;
	color: #3590ff;
}
#newface .newface_box .bold{
	font-weight: bold!important;
}
#newface .newface_box .red{
	color: #ff0000!important;
}
#newface .for_sp{
	display: none;
}


/* ----------------------------------------------------
	まんがの描き方
---------------------------------------------------- */
#howto{
	padding: 0 30px;
}
#howto > p{
	margin: 35px auto 60px;
	text-align: center;
}
#howto .howto_box{
	margin: 20px auto;
	padding: 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}
#howto .howto_box h2{
	margin-bottom: 25px;
	text-align: center;
}
#howto .odd{
	position: relative;
}
#howto .odd:after{
	position: absolute;
	content: ' ';
	right: 70px;
	bottom: 60px;
	width: 310px;
	height: 158px;
	background: url(../images/bg_howto_06.png) no-repeat center center;
}
#howto .howto_01{
	background: url(../images/bg_howto_01.png) repeat left top;
}
#howto .howto_02{
	background: url(../images/bg_howto_02.png) repeat left top;
}
#howto .howto_03{
	background: url(../images/bg_howto_03.png) repeat left top;
}
#howto .howto_04{
	background: url(../images/bg_howto_04.png) repeat left top;
}
#howto .howto_05{
	background: url(../images/bg_howto_03.png) repeat left top;
}
#howto .howto_06{
	background: url(../images/bg_howto_05.png) repeat left top;
}
#howto .howto_05.odd:after{
	bottom: 110px;
}
#howto .howto_box ul{
	margin: 0 -10px;
	overflow: hidden;
}
#howto .howto_box ul li{
	float: left;
	margin: 0 10px 20px;
	vertical-align: top;
}
#howto .howto_box ul li .img a{
	position: relative;
	display: block;
}
#howto .howto_box ul li .img a:after{
	content: "";
	display: block;
	background: url(../images/icn_zoom.png) no-repeat top left;
	width: 47px;
	height: 47px;
	position: absolute;
	bottom: 5px;
	left: 5px;
}
#howto .howto_box .btn{
	margin-top: 10px;
	text-align: center;
}
#howto .check{
	padding: 20px 22px 20px;
	text-align: center;
	background: url(../images/bg_howto_check.jpg) no-repeat center top;
	border: 8px solid #fc4796;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
#howto .check .head{
	margin-bottom: 6px;
}
#howto .check .check_q{
	margin: 10px auto;
	padding-bottom: 27px;
	background: url(../images/bg_bdr_01.png) no-repeat center bottom;
}
#howto .check .check_q .img{
	float: left;
	width: 350px;
}
#howto .check .check_q .txt{
	float: right;
	width: 420px;
}
#howto .check .check_a{
	text-align: left;
}
#howto .check .check_a li{
	float: left;
	width: 258px;
	margin-left: 23px;
}
#howto .check .check_a li:first-child{
	margin-left: 0;
}
#howto .check .check_a li .img{
	margin-bottom: 10px;
}

@media only screen and (max-width:480px){
/* ----------------------------------------------------
	#pages
---------------------------------------------------- */
#pages{
	background-color: #fff;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	padding: 0 0 30px 0;
}
#pages h1{
	margin: 0 0 20px 0;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#pages h1 img{
	width: 100%;
	height: auto;
}

#thismonth{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
}
#thismonth > div{
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

    #thismonth > div:nth-child(2){
        -webkit-order: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 3;
        order: 3;
    }
    #thismonth > div:nth-child(3){
        -webkit-order: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        order: 2;
    }

/* ----------------------------------------------------
	今月のなかよし
---------------------------------------------------- */
#thismonth{
	margin: 0 10px 30px;
	position: relative;
}
#thismonth .img{
	width: 120px;
	float: left;
	margin: 0 0 10px 0;
}
#thismonth .img img{
	width: 100%;
	height: auto;
}
#thismonth .information{
	width: 150px;
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;
}
#thismonth .information h2 {
	margin: 0 0 10px 0;
}
#thismonth .information h2 img{
	width: 100%;
	height: auto;
}
#thismonth .information h3{
	color: #fc4796;
	font-weight: bold;
}
#thismonth .information h3 strong{
	font-size: 14px;
	display: block;
}
#thismonth .movie{
	clear: both;
	width: auto;
	float: none;
	background: url(../images/bg_blue_01.png) repeat top left;
	background-color: #5cacff;
	padding: 5px 10px 3px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#thismonth .movie p{
	text-align: center;
	margin: 3px 0;
}
#thismonth .movie p img{
	width: 100px;
	height: auto;
}
#thismonth .movie iframe{
	width: 100%;
	height: auto;
}
#thismonth .txt{
	clear: both;
	padding: 5px 0 10px 0;
	font-size: 14px;
}
#thismonth .txt strong{
	font-size: 14px;
	display: block;
}
#social{
	padding: 0 0 10px 0;
}
#social li{
	margin: 0 10px 0 0;
	float: left;
	height: 26px;
}
#social li.tw{
	width: 90px;
}
#social li.fb{
	position: relative;
	top: -1px;
}
/* ----------------------------------------------------
	今月のピックアップ作品
---------------------------------------------------- */
#pickup{
	width: 100%;
	margin: 0 0 20px 0;
	float: none;
}
#pickup .inner{
}
#pickup .inner h2{
	margin: 0 0 10px 5px;
}
#pickup .inner h2 img{
	zoom:0.7;
}
#pickup .inner ul{
	overflow: hidden;
	margin: 0 10px;
	text-align: left;
}
#pickup .inner ul li{
	width: 100%;
	vertical-align: top;
	display: block;
	text-align: left;
	float: none;
}
#pickup .inner ul li .block{
	width: 100%;
	min-height: 82px;
	position: relative;
	background: #ff54ab; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNTRhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOTM1NzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ff54ab 0%, #f93578 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff54ab), color-stop(100%,#f93578)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff54ab 0%,#f93578 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff54ab 0%,#f93578 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff54ab 0%,#f93578 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff54ab 0%,#f93578 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff54ab', endColorstr='#f93578',GradientType=0 ); /* IE6-8 */
	-webkit-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
}
#pickup .inner ul li .block:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/bg_comics_01.png) no-repeat top left;
	z-index: 1;
}
#pickup .inner ul li .block div{
	padding: 5px 10px 5px 115px;
	position: relative;
	z-index: 100;
}
#pickup .inner ul li .block div img{
	width: 100px;
	height: auto;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#pickup .inner ul li .block div strong{
	display: block;
	color: #fff;
	font-size: 18px;
}
#pickup .inner ul li .block div span{
	display: block;
	color: #fffa64;
	font-size: 12px;
	background: url(../images/icn_heart.png) no-repeat center left;
	padding: 0 0 0 15px;
}
#pickup .inner ul li .block a{
	text-decoration: none;
}
#pickup .inner ul li .sample{
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 1000;
	display: none;
}
#pickup .inner ul li .block div a:after{
	content: '';
	display: none;
	width: 110px;
	height: 90px;
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: #fff;
	z-index: 0;
}
#pickup .inner ul li div a:hover img{
	opacity: 1;
	filter: alpha(opacity=100);
}
#pickup .inner ul li .sample a img:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* ----------------------------------------------------
	その他の作品
---------------------------------------------------- */
#other_comics{
	margin: 0 10px;
}
#other_comics h2{
	margin: 0 0 20px;
}
#other_comics h2 img{
	width: 100%;
	height: auto;
}
#other_comics ul{
	margin: 0 0px 0 0;
	overflow: hidden;
}
#other_comics ul li{
	width: 100%;
	margin: 0 0 20px 0;
	float: left;
}
#other_comics ul li .img{
	width: 30%;
	float: left;
}
#other_comics ul li .txt{
	width: 60%;
	margin: 0 0 0 15px;
	float: left;
}
#other_comics ul li a{
	color: #ff3e6d;
}
#other_comics ul li a strong{
	font-size: 16px;
	display: block;
}
#other_comics ul li a span{
	font-size: 12px;
}

/* ----------------------------------------------------
	最新コミックス情報
---------------------------------------------------- */
#latest{
	width: auto;
	margin: 0 auto;
}
#latest .list{
	margin: 0 0 20px 0;
}
#latest .list > ul{
}
#latest .list > li{
	position: relative;
	background: url(../images/img_hr_02.png) no-repeat bottom left;
	padding: 10px 10px 10px;
	background-size: contain;
	cursor: pointer;
}
#latest .list > li:first-child{
	padding: 0 10px 10px;
}
#latest .list > li:last-child{
	background: none;
}

#latest .list li .img{
	width: 30%;
	float: left;
}
#latest .list li .img img{
	width: 100%;
	height: auto;
	border: 1px solid #ccc;
}
#latest .list li .information{
	width: 60%;
	float: right;
}
#latest .list li .information .day{
	color: #ff3e6d;
	font-weight: bold;
}
#latest .list li .information .title{
	width: auto;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
#latest .list li .information span{
	font-size: 14px;
	display: block;
}

#latest .list li .information .price{
	font-size: 12px;
}
#latest .list li .information .outline{
	display: none;
	margin: 20px 0 0 0;
}
#latest .list li .information .outline dt{
	color: #ff7800;
	font-weight: bold;
	background: url(../images/icn_star_01.png) no-repeat left 2px;
	padding: 0 0 0 20px;
}
#latest .list li .information .outline dd{
	font-size: 12px;
}

#latest .list li .btn{
	display: none;
	margin: 10px 0 0 0;
	position: relative;
	top: 0px;
	right: 0px;
}
#latest .list li .btn li{
	margin: 0 0 10px 0;
}
#latest .list li .btn li img{
	width: 100%;
	height: auto;
}

/* ----------------------------------------------------
	来月以降のコミックス発売予定
---------------------------------------------------- */
#schedule{
	margin: 0 10px;
}
#schedule h2{
	margin: 0 0 5px 0;
}
#schedule h2 img{
	width: 100%;
	height: auto;
}
#schedule table{
	width: 100%;
	font-size: 12px;
	text-align: center;
}
#schedule table th{
	background-color: #7645ff;
	border: 1px solid #7645ff;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
#schedule table td{
	border: 1px solid #7645ff;
	padding: 5px;
}
/* ----------------------------------------------------
	作品ページ
---------------------------------------------------- */
#comic_title{
	color: #fff;
	background: url(../images/bg_pink_01.png) repeat top left;
	background-color: #ff5e97;
	background-size: 4% 28%;
	margin: 0 0 20px 0;
	-webkit-border-radius: 10px 10px 0px 0px;
}
#comic_title .inner{
	background: url(../images/bg_comictitle_01.png) no-repeat bottom left;
	padding: 10px 20px 15px;
	position: relative;
}
#comic_title h1{
	font-size: 19px;
	line-height: 1.0;
	font-weight: bold;
	margin: 0 0 5px 0;
}
#comic_title p{
	position: relative;
	top: 0;
	right: 0;
}
#comic_title p a{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
#comic{
	margin: 0 10px 30px;
}
#comic #summary .img{
	width: 100%;
	float: none;
}
#comic #summary .img img,
#comic #summary .img iframe{
	width: 100%;
	height: auto;
}

#comic #summary .information{
	width: auto;
	float: none;
}
#comic #summary .information .btn{
	margin: 0 0 30px 0;
	display: none;
}
#comic #summary .information .btn li{
	margin: 0 0 10px 0;
}
#comic #summary .information .outline dt{
	margin: 0 0 10px 0;
}
.b-area-simple .b-count, .b-area-standard .b-count{
	display: none!important;
}


/* ----------------------------------------------------
	登場人物
---------------------------------------------------- */
#character{
	margin: 0 10px;
}
#character h2{
	margin: 0 0 5px 0;
}
#character ul{
	overflow: hidden;
	margin: 0 0 20px 0;
}
#character ul li{
	width: auto;
	border: 5px solid #ffc5d3;
	padding: 5px;
	margin: 0 0px 10px 0;
	float: none;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#character ul li .img{
	width: 30%;
	float: left;
}
#character ul li .txt{
	width: 60%;
	float: right;
	font-size: 13px;
}
#character ul li .txt strong{
	display: block;
	color: #ff3e6d;
	font-size: 18px;
}
/* ----------------------------------------------------
	告知エリア
---------------------------------------------------- */
#promotion{
	margin: 0 10px 30px;
	padding: 10px;
	background-color: #fffbca;
	position: relative;
	min-height: 110px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#promotion h2{
	width: auto;
	color: #ff3e6d;
	font-size: 18px;
	font-weight: bold;
}
#promotion .txt{
	width: auto;
	margin: 0 0 10px 0;
}
#promotion .img{
	position: relative;
	top: 0;
	right: 0;
	text-align: center;
}
#promotion .img img{
	width: 100%;
	height: auto;
}
/* ----------------------------------------------------
	既刊紹介
---------------------------------------------------- */
#intro{
	background: url(../images/bg_pink_02.png) repeat top left;
	background-color: #ff9ad5;
	margin: 0 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
	position: relative;
}
#intro h2{
	margin: 0 0 10px 5px;
}
#intro .allview{
	position: absolute;
	top: 25px;
	right: 15px;
}
#intro .allview a{
	font-size: 13px;
	background: url(../images/icn_list_01.png) no-repeat left 2px;
	padding: 0 0 0 10px;
}

#intro ul li{
	font-size: 13px;
}
#intro ul li img{
	width: 100%;
	height: auto;
	display: block;
	margin: 0 0 5px 0;
}
#intro ul li span{
	font-size: 11px;
}
#intro ul li .btn{
	margin: 15px 0 10px 0;
}
/*#intro ul li p{
	display: none;
}*/
/* ----------------------------------------------------
	お知らせ一覧
---------------------------------------------------- */
#info{
	margin: 0 15px;
}
#info ul{
	position: relative;
	top: -10px;
}
#info ul li{
	position: relative;
	background: url(../images/img_hr_02.png) no-repeat bottom left;
	padding:10px 0;
}

#info ul li:last-child{
	background: none;
}
#info ul li .summary{
	width: auto;
	float: left;
}
#info ul li .img{
	width: 100%;
	float: none;
	text-align: center;
	display: none;
}
#info ul li .img img{
	border: 1px solid #ccc;
	zoom: 0.5;
}

#info ul li .summary .day{
	color: #ff3e6d;
	font-weight: bold;
}
#info ul li .summary .title{
	font-weight: bold;
	margin: 0 0 10px 0;
}
#info ul li .summary .entry{
	font-size: 12px;
	display: none;
}
.pager{
	 margin: 0;
 	font-size: 13px;
 	text-align: center;
 }
.pager a{
	display: none;
}
 .pager .plev{
	padding: 5px 10px 5px 25px;
	background: url(../images/btn_pager_plev.png) no-repeat left center;
	display: inline-block;
 }
 .pager .next{
	padding: 5px 25px 5px 10px;
	background: url(../images/btn_pager_next.png) no-repeat right center;
	display: inline-block;
 }
 .pager span{
	 width: 30px;
	 display: inline-block;
	 padding: 5px 0 3px;
	 text-align: center;
	 background-color: #ffccde;
 	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(/css/PIE.htc);
	margin: 0 3px;
 }
 .pager a:hover span,
 .pager .active span{
	 color: #fff;
background: #ff54ab; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjU0YWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjkzNTc4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #ff54ab 0%, #f93578 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ff54ab), color-stop(100%,#f93578)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #ff54ab 0%,#f93578 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #ff54ab 0%,#f93578 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #ff54ab 0%,#f93578 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #ff54ab 0%,#f93578 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff54ab', endColorstr='#f93578',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

/* ----------------------------------------------------
	お知らせ詳細
---------------------------------------------------- */
#info_detail{
	margin: 0 15px;
	padding: 10px 0 0 0;
}
#info_detail .day{
	color: #ff3e6d;
	font-weight: bold;
	margin: 0 0 5px 0;
}
#info_detail .title{
	font-weight: bold;
	margin: 0 0 20px 0;
	font-size: 18px;
}
#info_detail .entry{
	margin: 0 0 30px 0;
}
#info_detail .img{
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
}
#info_detail .img img{
	width: 100%;
	height: auto;
}
.info_back{
	position: absolute;
	top: 10px;
	right: 10px;
	background: url(../images/icn_arrow_01.png) no-repeat center left;
	background-size: 15px 15px;
	padding: 0 0 0 20px;
}
.info_back a{
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}
/* ----------------------------------------------------
	なかガールブログ
---------------------------------------------------- */
#naka_girl{
	margin: 0 15px;
}
#naka_girl ul{
	position: relative;
	top: -10px;
}
#naka_girl ul li{
	position: relative;
	background: url(../images/img_hr_02.png) no-repeat bottom left;
	padding:10px 0;
}

#naka_girl ul li:last-child{
	background: none;
}
#naka_girl ul li .summary{
	width: auto;
	float: left;
}
#naka_girl ul li .img{
	width: 100%;
	float: none;
	text-align: center;
	display: none;
}
#naka_girl ul li .img img{
	border: 1px solid #ccc;
	zoom: 0.5;
}

#naka_girl ul li .summary .day{
	color: #ff3e6d;
	font-weight: bold;
}
#naka_girl ul li .summary .title{
	font-weight: bold;
	margin: 0 0 10px 0;
}
#naka_girl ul li .summary .entry{
	font-size: 12px;
	display: none;
}
#naka_girl ul li .summary .btn{
	display: none;
}
/* ----------------------------------------------------
	なかガールブログ詳細
---------------------------------------------------- */
#naka_girl_detail{
	margin: 0 15px;
	padding: 10px 0 0 0;
}
#naka_girl_detail .day{
	color: #ff3e6d;
	font-weight: bold;
	margin: 0 0 5px 0;
}
#naka_girl_detail .title{
	font-weight: bold;
	margin: 0 0 20px 0;
	font-size: 18px;
}
#naka_girl_detail .entry{
	margin: 0 0 30px 0;
}
#naka_girl_detail .img{
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
}
#naka_girl_detail .img img{
	width: 100%;
	height: auto;
}

#naka_girl_detail .girl{
	background: url(../images/img_hr_02.png) no-repeat bottom left;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
}
#naka_girl_detail .girl .summary{
	width: 75%;
	float: right;
}
#naka_girl_detail .girl .img{
	width: 20%;
	float: left;
}
#naka_girl_detail .girl .img img{
	border: 1px solid #ccc;
}

#naka_girl_detail .girl .summary .name{
	font-weight: bold;
	font-size: 14px;
}
#naka_girl_detail .girl .summary .comment{
	margin: 0 0 10px 0;
}
#naka_girl_detail .girl .summary .btn{
	text-align: right;
}

#naka_girl .girl .summary .btn a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/* ----------------------------------------------------
	新人賞
---------------------------------------------------- */
#newface {}

/* ナビ */
#newface ul.nf_nav{
	width: auto;
	margin: 15px 0px 20px;
	padding: 0;
	background: none;
	overflow: hidden;
}
#newface ul.nf_nav li{
	width: 25%;
	padding: 0;
	text-align: center;
	background: none;
	float: left;
}
#newface ul.nf_nav li a{
	display: block;
	padding: 5px;
}
#newface ul.nf_nav li a img{
	width: 100%;
	height: auto;
}

/* 共通設定 */
#newface h2 img{
	max-width: 100%;
	height: auto;
}
#newface h2 span{
	width: 80%;
	margin: 8px auto 0;
}
#newface .newface_box .main_box > p{
	padding-right: 0;
	font-size: 14px;
	line-height: 1.6;
}
#newface .newface_box .teach_box{
	position: static;
	max-width: 240px;
	margin: 20px auto 25px;
}
#newface .newface_box .teach_box img {
	max-width: 100%;
	height: auto;
}
#newface .newface_box{
	margin: 20px 10px;
	padding: 20px 10px;
}
#newface .newface_box table{
	table-layout: fixed;
}
#newface .newface_box table th,
#newface .newface_box table td{
	display: block;
	width: 100%;
}
#newface .newface_box table th{
	padding: 5px 0;
}
#newface .newface_box table td{
	padding: 5px 0 15px;
}
#newface .newface_box table td.pr260{
	padding-right: 0;
}
#newface .newface_box table th span{
	display: block;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#newface .newface_box table td.size_left,
#newface .newface_box table td.size_right{
	width: auto;
}
#newface #school.newface_box table th span{
	background: url(../images/bg_ptn_01.gif) repeat left top;
}
#newface #rookie.newface_box table th span{
	background: url(../images/bg_ptn_02.gif) repeat left top;
}
#newface #supernova.newface_box table th span{
	background: url(../images/bg_ptn_03.gif) repeat left top;
}
#newface #rule.newface_box table th span{
	background: url(../images/bg_ptn_04.gif) repeat left top;
}
#newface .newface_box table td.btn{
	text-align: center;
}
#newface .newface_box table td.btn img{
	width: 100%;
	height: auto;
}
#newface #mochikomi.newface_box .txt,
#newface #mochikomi.newface_box .img{
	float: none;
	width: auto;
}
#newface #mochikomi.newface_box .txt p{
	margin-bottom: 15px;
}
#newface #mochikomi.newface_box .img{
	margin-top: 20px;
	text-align: center;
}
#newface .newface_box .extend_box{
	margin: 10px 0 15px;
	padding: 15px 10px;
	border: 1px solid #3d93ed;
}
#newface .newface_box .extend_box li{
	display: block;
	margin-right: 0;
}

#newface .for_pc{
	display: none;
}
#newface .for_sp{
	display: inline-block;
}

/* ----------------------------------------------------
	まんがの描き方
---------------------------------------------------- */
#howto{
	padding: 0px 10px;
}
#howto > p{
	margin: 15px 0 30px;
}
#howto > p img{
	width: 100%;
	height: auto;
}
#howto .odd:after{
	display: none;
}
#howto .howto_box{
	padding: 20px 10px;
}
#howto .howto_box .btn img{
	width: auto;
	max-width: 100%;
	height: auto;
}
#howto .howto_box h2{
	text-align: center;
}
#howto .howto_box h2 img{
	max-width: 100%;
	height: auto;
}
#howto .howto_box ul li{
	display: block;
}
#howto .howto_box ul li .img img,
#howto .howto_box ul li .btn img{
	width: 100%;
	height: auto;
}
#howto .check img{
	width: 100%;
	height: auto;
}
#howto .check {
	margin-bottom: 15px;
	padding: 25px 10px;
	background-size: contain;
	-webkit-background-size: contain;
}
#howto .check .check_q .img,
#howto .check .check_q .txt{
	float: none;
	width: auto;
}
#howto .check .check_q .img img{
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 10px 0;
}
#howto .check .check_a li{
	float: none;
	width: auto;
	margin: 15px 0 0 0;
}
#howto .check .check_a li:first-child{
	margin-top: 0;
}
#howto .check .check_a li .img{
	margin-bottom: 10px;
}
#howto .check .check_a li .img img {
	width: auto;
	max-width: 100%;
}
}