@charset "utf-8";
@import url("reset.css");


.melmaga p{margin-bottom:20px;}
.melmaga p span{color:#6dc3d0; margin-right:10px;}


body{
	font-size:12px;
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	line-height:1.4;
	color:#6f6767;
	padding:0;
	margin:0;
	width:100%;}


#wrapper{width:100%; min-width:320px; max-width:640px; background:url(../images/background.png);}


#header{display:block; background:url(../images/header-background.png) left bottom; height:60px; position:relative; z-index:10; max-width:640px; min-width:320px;}

#header .contents img.logo01{position:absolute; top:10px; right:15px; width:90px;}
#header .contents img.logo02{position:absolute; top:10px; left:10px; width:150px;}

h4{display:block; font-size:1.2em; background:url(../images/dot-line.png) left bottom repeat-x; padding-bottom:10px; margin-bottom:20px;}
h4 span{ font-size:1.2em; color:#ed5400;}


.container{width:100%; margin-top:0;}
.contents{width:95%; display:block; max-width:620px; margin:0 auto; min-width:300px; position:relative; padding:30px 0;}
.contents img{display:block; margin:0 auto;}
.contents p{margin-bottom:20px;}

.itazura-img{width:100%; margin:0 auto; max-width:620px; min-width:300px;}
p.itazura-p{width:18em; margin:0 auto;}

.top{display:block; width:100%; margin:0 auto; max-width:620px; min-width:300px;}

.button02{display:block; margin:0 auto 10px; width:300px; height:58px; overflow:hidden; background:url(../images/button02.png) left top no-repeat; border:none; outline:none;}


.w461{width:80%; margin:0 auto; min-width:260px; max-width:580px;}
.left{margin-bottom:30px;}

.second,.third{display:block; width:100%; margin:0 auto; max-width:540px; min-width:220px;}
.second + p,.third + p{width:100%; margin:0 auto; max-width:540px; min-width:220px;}

.mail-magazine{}
.mail-magazine img{margin-bottom:10px;}

.manga{width:48%;}

.manga img{width:100%;}
.manga p{display:block; width:100%;}
.manga:nth-child(2n-1){float:left;}
.manga:nth-child(2n){float:right;}

.catch{ background:url(../images/background-pink.png) repeat 0 0;}
h2 img{width:100%; display:block; margin:0 auto;}

.topimg{width:98%; margin:0 auto; padding:0 0 2%;}
.topimg p{width:98%; margin:0 auto; padding:20px 0}

.topimg li img{width:96%; display:block; margin:0 auto 2%;}


.itazura img{display:block; width:100%; max-width:524px; min-width:260px; margin:0 auto 30px;}

#registration{width:240px; padding:20px 30px; height:301px; display:block; text-align:center; margin:0 auto; background:url(../images/regist_bg_sp.png) left top no-repeat; margin-bottom:20px;}
#registration p{margin-top:10px; margin-bottom:5px;}
.regist_ttl{width:240px;}
#registration h4{margin-bottom:10px; text-align:left;}
#registration input.regist{width:200px; height:37px; margin:0 auto; outline:none; border:none; background:url(../images/regist_button_sp.png) left top no-repeat; cursor:pointer;}
#registration input.release{width:130px; height:37px; margin:0 auto; outline:none; border:none; background:url(../images/regist_release_sp.png) left top no-repeat; cursor:pointer;}

.button02{display:block; margin:20px auto 10px; width:300px; height:58px; background:url(../images/button02_sp.png) left top no-repeat; border:none; outline:none;}

.contents{width:98%; margin:0 auto; position:relative; padding:20px 0 20px;}
.contents08{display:block; width:auto; height:auto; margin-bottom:20px;}
.contents08 img{width:100%; max-width:620px; min-width:300px;}
.contents2{width:98%; margin:0 auto; position:relative; padding:0 0 20px;}

h3{width:100%; background:none; z-index:3; position:relative;}
h3.two-line{width:100%; background:none; z-index:3; position:relative;}
h3 img{display:block; margin:0 auto; width:100%;}
h3.two-line img{display:block; margin:0 auto; width:100%;}
h3.race{width:100%; background:none; z-index:3; position:relative;}

.page_top{width:96%; margin:0 auto 50px; text-align:right; font-size:130%;}

.care div{width:48%; margin:0 1%; float:left;}
.care div img{width:100%;}

a.cvn-btn{display:block;  margin:20px auto 0; padding:0;}
a.cvn-btn img{display:block; width:100%; min-width:300px; margin:0; padding:0;}

a.cvn-btn2{display:block;  margin:10px auto 20px; padding:0;}
a.cvn-btn2 img{display:block; width:80%; min-width:260px; margin:0 auto; padding:0;}

.collabo{width:98%; padding:14% 0 25%; margin:0 auto 5%; background:url(../images/sp_collabo_bg.png) no-repeat center top; background-size:98%;}
.collabo img{width:100%; margin:0 auto 0; text-align:center; display:block;}
.collabo .left{width:73%; margin:0 auto 0;}
.collabo .right{width:73%; margin:0 auto;}


#footer{position:relative; text-align:left; background-color:#dae9e5; height:auto;}
#footer img{margin-bottom:20px;}
#footer .pmark{margin-left:0; width:50px}
#footer .secom{margin-left:0;}
#footer .truste{margin-left:0;}

#copyright{line-height:24px; color:#fff; background:#61a5ca; text-align:center; display:block; font-size:12px;}


p.dot-x{margin-bottom:30px; padding-bottom:30px; background:url(../images/dot-x.png) left bottom repeat-x;}


input[type="text"]{background:url(../images/regist_form_sp.png) left top no-repeat; width:220px; height:16px; padding:3px 10px; border:none; outline:none; margin-bottom:5px;}


.policy{ text-align:right; margin-bottom:20px;}

.pc{display:none !important;}

.half-img{width:50%;}
.sp-cf:after{content: ""; clear: both; display: block;}

#info ul,#info ol{margin-left:2em;}

#info ul{ list-style: disc;}
#info ol{}


.color-pink{color:#ed557c;}
a{color:#6dc3d0 !important;}

.bg-pink{background:url(../images/background-pink.png); width:100%; margin-top:-10px;}
.bg-green{background:url(../images/background-green.png); width:100%; margin-top:-10px;}



.mg-t20{margin-top:20px;}
.care:after,
.contents:after,
.cf:after{content: ""; clear: both; display: block;}