@charset "utf-8";
.wrapper{
	max-width:960px;
	margin: 0 auto;
}
.red{
	color:#FF0000;
	font-weight:bold;
}
.fs21{
	font-size:21px;
}
.fs24{
	font-size:24px;
}
.fs28{
	font-size:28px;
}
.fs30{
	font-size:30px;
}
.fs32{
	font-size:32px;
}
.fs36{
	font-size:36px;
}
a:hover{
	opacity:0.7;
}

.topIMG{
	max-width: 960px;
}

.attention{
	/*float: right;*/
	font-size: 13px;
	padding-left:10px;
}

.login a{
	width: 250px;
	display: block;
	/*margin: 20px auto;*/
	text-align: center;
	padding: 20px 0;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #FF7C33;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}

.signUp a{
	width: 250px;
	display: block;
	/*margin: 20px auto;*/
	text-align: center;
	padding: 20px 0;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #FF4D94;
	border-radius:10px;
}
.bookBTN a,.comicBTN a{
	width: 250px;
	display: block;
	/*margin: 20px auto;*/
	text-align: center;
	padding: 20px 0;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #72960F;
	border-radius:10px;
}

.Tokucho_Txt{
	display: none;
}

.Tokucho,.Tokucho2{
	max-width: 750px;
	margin: 0 auto 40px auto;
}

.Tokucho p,.Tokucho2 p{
	margin-bottom: 10px;
	line-height: 1.4;
}
	
.Tokucho2{
    text-align: center;
    padding-top: 30px;
}

.hrefBTN{	
	text-align:center;
	padding:1em;
	display:inherit;
	text-decoration:none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}

.moreBTN{
	margin: 0 auto;
	text-align: center;
	color:#FFFFFF;
	text-decoration: none;	
	background-color: #72960F;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	position: absolute;
	bottom: 20px;
	left: 5%;
	right: 5%;
}

.moreBTN:hover{
	background-color:#fff;
	color: #72960F;
	border:1px solid #72960F;
	}
	
.LongBTN a{
	width: 80%;
	display: block;
	margin: 20px auto;	
	text-align: center;
	padding: 20px;
	color:#FFFFFF;
	text-decoration: none;	
	background-color: #72960F;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}
.pt750txt{
	color:#72960F;
	text-align:center;
	font-weight:bold;
}

span.bold{
	font-weight: bold;
}

span.pink{
	font-size:26px;
	color: #FF4D94;
}
	

.SR01,.SR02,.SR03,SR04,.SR05{
	margin-bottom:5px;
}

.SR01,.SR03,.SR05{
	font-weight: bolder;
}
	
.SR02,.SR04{
	margin-bottom:10px;
}
	
.pageTop{
	max-width:960px;
	margin:40px auto 20px auto;
	border: #33b9c8 2px solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	}

.pageTop:hover{
	border: #33b9c8 2px solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	background: #c8fcfc;
}

.pageTop a{
	color:#33b9c8;
	font-size:20px;
	font-weight:bold;
}

#text03{
	max-width:960px;
	margin:0 auto;
	padding:10px 0 10px 10px;
	font-size:26px;
}

a img:hover{
	opacity:1;
}

.topArea{
	width: 100%;
}

.header{
	background: rgba(255,255,255,1.00);
	border-bottom: 2px solid #eee;
}

.mainArea{
	width: 100%;
}

.PointMessage img,.mainPUtxt01 img,.mainPUtxt02 img,.Title img{
	margin:0 auto;
	display:block;
	padding-bottom:20px;
}

.textArea02{
	max-width: 1024px;
}
.textArea02_bg{
	background-color: #FFFBFD;
	border: #FF4D94 solid 1px;
	padding: 40px;
	}
.book,.man,.icon,.back,.point{
	max-height: 25px;
	margin-right: 5px;
}

.book img,.man img,.icon img,.back img,.point img{
	vertical-align: bottom;
}
.go{
	margin-left: 5px;
	height: 100%;/*追加*/
}
span.go img {
    vertical-align: middle;
}

.arrow2{
	width: 100%;
	margin: 0 auto;
}

.arrow2 img{
	display: block;
	margin: 0 auto;
}


txtTitle img{
	margin: 0 auto;
}

.textArea02 br{
	margin-bottom: 5px;
}

#text03{
	max-width:960px;
	margin:0 auto;
	padding:10px 0 10px 10px;
	font-size:26px;
}
.textArea02{
	margin:0 auto;
}
.mainSubCheck,.mainSubTxt,.mainSubImg{
	float:left;
}
.clear{
	clear:both;
}

.mainTitle{
	text-align:center;
	font-weight:bold;
}
.mainSubTitle{
	line-height:1.4em;
	text-align:center;
}
.osusumeTitle{
	max-width:472px;
	margin:10px auto;
}
.osusumeTitle img{
	width:100%;
}

.mainSub{
	margin:20px auto;
}

.signUParea,.loginArea,.bookBTNarea,.comicBTNArea{
	float:left;
	margin:10px;
}

.support{
	font-size:12px;
	margin-top:10px;
	text-align:center;
}
.support a{
    color: #72960F;
    text-decoration: none;
	font-weight: bold;
}
.btnArea{
	width:540px;
	margin:0 auto 40px auto;
}
.mainSubCheck{
	margin-right:12px;
}
.mainSubSP{
	float:left;
	line-height:1.4;
}


@media screen and (max-width: 630px) {
	.attention{
		padding:10px;
	}
	.mainTitle{
		font-size:36px;
		margin-top:20px;
		margin-bottom:20px;
		padding:10px;
	}
	.mainSubTitle{
		font-size:18px;
		padding:10px;
	}
	.mainImg{
		width:380px;
		margin:20px auto;
	}
	.mainImgThum{
		height:240px;
		width:180px;
		float:left;
		text-align:center;
		background-color: #F8F8F8;
		margin:5px;
	}
	.mainImgThum img{
		height:100%;
	}
	.pt750txt{
		font-size:26px;
		padding:0 10px;
	}
	.Tokucho_Txt{
		display: block;
		margin: 0 20px;
	}
	.Tokucho{
		display: none;
	}
	.blue{
		font-size: 25px;
		font-weight: bold;
		color: #72960F;
	}
		
	.TT1, .TT2, .TT3{
	    margin-bottom: 20px;
    	line-height: 1.2;
	}
	.mainArea{
		padding: 20px 0;
	}	
	.topIMG img{
		display:block;
		margin:0 auto;
	}
	.moreBTN{
		margin-top:20px;
		position: inherit;
	}
	
	.step{
		text-decoration: none;
		display: block;	
		width: 90%;
		margin: 30px auto;
		padding: 0 5%;
	}
	.stepimg {
		width: 25%;
		float: left;
	}
	.stepimg img{
		width: 100%;
	}
	.arrow1{
		width: 12.5%;
		float: left;
    	vertical-align: middle;
	}
	.arrow1 img{
		margin: 50% 25%;
		width: 50%;
	}	
	
	.Tokucho,.Tokucho2{
		max-width: 750px;
		margin: 0 auto 40px auto;
	}
	.Tokucho2 img{
		width: 100%;
	}
	
	.Tokucho p,.Tokucho2 p{
		margin: 10px;
    	line-height: normal;
	}
	
	.PointMessage img{
		width:90%;
		display:block;
		margin: 0 auto;
		padding-bottom: 10px;
	}
	.syosai{
		width: 88%;
		padding: 4%;
		margin: 2%;
		float: left;
		border:1px solid #72960F;
		background-color: #fff;
	}
	
	.SR01,.SR02,.SR03,SR04,.SR05{
		margin-bottom:5px;
	}

	.SR01,.SR03,.SR05{
	    font-weight: bolder;
	}
	
	.SR02,.SR04{
		margin-bottom:10px;
	}

	.syosaiLeft{
		float:left;
		width:63%;
	}
	.syosaiLeft .SR01,.syosaiLeft .SR03,.syosaiLeft .SR03{
		margin-bottom:10px;
	    font-weight: bolder;
	}
	.book img,.man img,.point img{
		height: 20px;
	}

	.syosaiLeft .Longname{
		font-size:14px;
	}
	
	.syosaiRight{
		float:right;
		width:30%;
		border:1px solid #ccc;
	}	
	.syosaiRight img{
		width: 100%;
	}
	.LongBTN a{
		width: 70%;
		display: block;
		margin: 20px auto;
		padding: 5%;	
		text-align: center;
		padding: 20px;
		color:#FFFFFF;
		text-decoration: none;	
		background-color: #72960F;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px;
	}
	
	.Title img{
		margin:0 auto;
		display:block;
		padding-bottom:20px;
	}	
	
	.textArea02{
		padding:20px;
		line-height:1.5em;
	}
	.textArea02_bg{
		padding: 20px;
	}
	.txtTitle{
		max-height: 19px;
		font-size:19px;
		padding-bottom:10px;
	}
	.txthonbun{
		margin-bottom:30px;
	}
	
	.pageTop {
    margin: 20px;
	}
	
	.mainSub{
		width:96%;
		margin-left:auto;
		margin-right:auto;
		padding:0 2%;
		font-size:24px;
	}
	.mainSubCheck{
		width:6%;
	}
	.mainSubCheck{
		margin-right:2%;
	}
	.mainSubCheck img{
		width:100%;
	}
	.mainSubTxt{
		display:none;
	}
	#mainSubSP02,#mainSubSP03{
		width:92%;

	}
	#mainSubImg03{
		float:none;
		max-width:340px;
		margin:10px auto;
	}
	#mainSubImg03 img{
		width:100%;
	}
	.signUParea,.loginArea,.bookBTNarea,.comicBTNArea{
		float:none;
		margin:10px;
	}
	.btnArea{
		width:270px;
		margin:0 auto 40px auto;
	}
	.mainSubSP{
		font-size:18px !important;
		
	}
	.fs36{
		font-size:30px !important;
	}
}
@media screen and (max-width: 380px) {
	.mainImg{
		width:300px;
	}
	.mainImgThum{
		height:200px;
		width:140px;
	}
}

@media screen and  (min-width: 631px) and (max-width: 767px) {/* iPhone 6 横 */	
	.mainTitle{
		font-size:40px;
		margin-top:60px;
		margin-bottom:40px;
	}
	.mainSubTitle{
		font-size:22px;
	}
	.mainImg{
		width:600px;
		margin:40px auto;
	}
	.mainImgThum{
		height:200px;
		width:140px;
		float:left;
		text-align:center;
		background-color: #F8F8F8;
		margin:5px;
	}
	.mainImgThum img{
		height:100%;
	}
	.pt750txt{
		font-size:28px;
		padding:0 10px;
	}
	.mainArea{
		padding: 20px 0;
	}	
	.topIMG img{
		display:block;
		margin:0 auto;
	}
	.moreBTN{
		margin-top:20px;
	}
	.step{
		text-decoration: none;
		display: block;	
		width: 100%;
		margin: 30px auto;
	}
	.stepimg {
		width: 25%;
		float: left;
	}
	.stepimg img{
		width: 100%;
	}
	.arrow1{
		width: 12.5%;
		float: left;
    	vertical-align: middle;
	}
	.arrow1 img{
		margin: 50% 25%;
		width: 50%;
	}	
	
	.Tokucho,.Tokucho2{
		max-width: 750px;
		margin: 0 auto 40px auto;
	}
	.Tokucho2 img{
		width: 100%;
	}
	
	.Tokucho p,.Tokucho2 p{
		margin: 10px;
    	line-height: normal;
	}
	
	.PointMessage img{
		width:70%;
		display:block;
		margin: 0 auto;
		padding-bottom: 10px;
	}
	.syosai{
		width: 36%;
		padding: 4%;
		height: 250px;
		margin: 2%;
		float: left;
		border:1px solid #72960F;
		background-color: #fff;
	    position: relative;
	}
	
	.SR01,.SR02,.SR03,SR04,.SR05{
		margin-bottom:5px;
	}

	.SR01,.SR03,.SR05{
	    font-weight: bolder;
	}
	
	.SR02,.SR04{
		margin-bottom:10px;
	}

	.syosaiLeft{
		float:left;
		width:50%;
		height:160px;
	}
	.syosaiLeft .SR01,.syosaiLeft .SR03,.syosaiLeft .SR03{
		margin-bottom:10px;
	    font-weight: bolder;
	}
	.book img,.man img, .point img{
		height: 20px;
	}

	.syosaiLeft .Longname{
		font-size:14px;
	}
	
	.syosaiRight{
		float:right;
		width:43%;
		border:1px solid #ccc;
	}	
	.syosaiRight img{
		width: 100%;
	}
	.Title img{
	margin:0 auto;
	display:block;
	padding-bottom:20px;
	}	
	
	.textArea02{
		padding:20px;
		line-height:1.5em;
	}
	.textArea02_bg{
		padding: 20px;
	}
	.txtTitle{
		max-height: 19px;
		font-size:19px;
		padding-bottom:10px;
	}
	.txthonbun{
		margin-bottom:30px;
	}
	
	.pageTop {
    	margin: 20px;
	}
	.mainSub{
		width:621px;
		margin-left:auto;
		margin-right:auto;
		padding:0 10px;
		font-size:24px;
	}
	.mainSubCheck{
		width:40px;
	}
	.mainSubCheck img{
		width:100%;
	}
	.mainSubTxt{
		display:none;
	}
	#mainSubSP02{
		width:540px;
	}
	#mainSubImg03{
		float:none;
		width:340px;
		margin:10px auto;
	}
	#mainSubImg03 img{
		width:100%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {/* iPad 縦 */
	.mainTitle{
		font-size:52px;
		margin-top:100px;
		margin-bottom:40px;
	}
	.mainSubTitle{
		font-size:28px;
	}
	.mainImg{
		width:760px;
		margin:40px auto;
	}
	.mainImgThum{
		height:240px;
		width:180px;
		float:left;
		text-align:center;
		background-color: #F8F8F8;
		margin:5px;
	}
	.mainImgThum img{
		height:100%;
	}
	.pt750txt{
		font-size:32px;
	}
	.syosaiPushArea{
		max-width:1023px;
	}
	.step{
	text-decoration: none;
	display: block;	
	max-width: 760px;
	margin: 30px auto;
	height: 176px;
    line-height: 186px;
	}
	.stepimg {
	width: 186px;
	float: left;
	}
	.arrow1 img{
		margin: 0 auto;
	}
	.arrow1{
		float: left;
    	height: 176px;
    	margin: 0 30px;
    	vertical-align: middle;
	}
	.arrow img{
		width:180px;
		padding:10px;
	}
	.syosaiPushArea{
		width:100%;
	}
	.gotoShosai{
		margin-top:20px;
	}
	.SR01,.SR03,.SR05{
		font-size: 15px;
	    font-weight: bolder;
	}
	.SR02,.SR02{
		margin-bottom:10px;
	}
	.Tokucho,.Tokucho2{
	max-width: 700px;
	margin: 0 auto 40px auto;
	}	
	.Tokucho2 img{
		width: 100%;
	}
	.textArea02{
		padding:20px;
		line-height:1.5em;
	}
	.txtTitle{
		max-height: 25px;
		font-size:25px;
		padding-bottom:10px;
	}
	.txthonbun{
		font-size:19px;
		margin-bottom:46px;
	}
	.pageTop{
		width:680px;
		margin:40px auto 20px auto;
	}
	.syosai{
		width:27%;
		height:250px;
		margin:1%;
		float:left;
		padding:2%;
		border:1px solid #72960F;
		background-color: #fff;
		position: relative;
	}
	
	.syosaiLeft{
		float:left;
		width:50%;
		/*height:160px;*/
	}
	.syosaiLeft .Longname{
		font-size:13px;
	}
	.syosaiLeft .book img,.syosaiLeft .man img,.syosaiLeft .point img{
		height: 20px;
	}
	
	.syosaiRight{
		float:right;
		width:43%;
		border:1px solid #ccc;
	}	
		
	.syosaiRight img{
		width: 100%;
	}
	
	.mainSub{
		width:748px;
		margin-left:auto;
		margin-right:auto;
		padding:0 10px;
		font-size:24px;
	}
	.mainSubCheck{
		width:40px;
	}
	.mainSubCheck img{
		width:100%;
	}
	.mainSubTxt{
		display:none;
	}
}

@media screen and (min-width: 1024px){/* iPad 横 */
	.mainTitle{
		font-size:60px;
		margin-top:100px;
		margin-bottom:40px;
	}
	.mainSubTitle{
		font-size:28px;
	}
	.mainImg{
		width:760px;
		margin:40px auto;
	}
	.mainImgThum{
		height:240px;
		width:180px;
		float:left;
		text-align:center;
		background-color: #F8F8F8;
		margin:5px;
	}
	.mainImgThum img{
		height:100%;
	}

	.pt750txt{
		font-size:36px;
	}
	.step{
	text-decoration: none;
	display: block;	
	max-width: 760px;
	margin: 30px auto;
	height: 176px;
    line-height: 186px;
	}
	.stepimg {
	width: 186px;
	float: left;
	}
	.arrow1 img{
		margin: 0 auto;
	}	
	.arrow1{
		float: left;
    	height: 176px;
    	margin: 0 30px;
    	vertical-align: middle;
	}	
	.syosaiPushArea{
		width:960px;
	}
	.syosai{
		width:27%;
		height:250px;
		margin:1%;
		float:left;
		padding:2%;
		border:1px solid #72960F;
		background-color: #fff;
		position: relative;
	}
	.syosaiLeft{
		float:left;
		width:50%;
	}
	.syosaiLeft .Longname{
		font-size:13px;
	}
	.SR01,.SR02,.SR03,SR04,.SR05{
		margin-bottom:5px;
	}

	.SR01,.SR03,.SR05{
	    font-weight: bolder;
	}
	
	.SR02,.SR04{
		margin-bottom:10px;
	}
		
	.syosaiLeft .book img,.syosaiLeft .man img,.syosaiLeft .point img{
		height: 20px;
	}
	
	.syosaiRight{
		float:right;
		width:43%;
		border:1px solid #ccc;
	}	
		
	.syosaiRight img{
		width: 100%;
	}
	
	.gotoShosai{
		margin-top:20px;
	}
	.textArea02{
		width:880px;
		padding:40px;
		line-height:1.5em;
	}
	.txtTitle{
		max-height:25px;
		font-size:25px;
		padding-bottom:10px;
	}
	.txthonbun{
		font-size:19px;
		margin-bottom:46px;
	}
	.mainSub{
		width:934px;
		margin:20px auto;
	}

	.mainSubSP{
		display:none;
	}
}