@charset "utf-8";
/* CSS Document */


#manga {width:700px;margin:0 0;background:#fffded url(./img/manga_h.png) center 0 no-repeat;position:relative;text-align:center;}

.boxH {padding:15px 0 0 0;margin-bottom:30px;}
.boxH h1 {float:left;margin:5px 0 0 53px;display:block;text-indent:-9999px;background:url(./img/manga_ttl.png) 0 0 no-repeat;width:314px;height:135px;}
.boxH img {position:absolute;right:63px;top:23px;}

.boxM {margin-bottom:30px;}
.boxM img {vertical-align:top;}

.btnM {margin-bottom:50px;}

.boxF {background:url(./img/manga_f.png) center 0 no-repeat;height:45px;padding-top:60px;}


	/*--CLEAR--*/
	.boxH:after {content:"";display:table;clear:both;zoom:1;}



/* ---------------------------------- SP --*/
@media screen and (max-width: 640px) {

	#manga {width:100%;background:#fffded url(./img/manga_h.png) center 0 no-repeat;background-size:140% auto;}

	.boxH {padding:15px 0 0 0;margin-bottom:10px;}
	.boxH h1 {
		margin:5px 0 0 25px;
		background:url(./img/manga_ttl.png) 0 0 no-repeat;
		background-size:100% auto;
		width:53%;
		min-height:90px;
		height:110px;
	}

	.boxH img {position:absolute;right:15px;top:25px;width:24%;height:auto;}
	.boxM     {margin-bottom:30px;}
	.boxM img {width:100%;height:auto;}
	.btnM img {width:85%;height:auto;}

	.boxF p {font-size:0.8em;}

}	/* end */



/* ---------------------------------- SP --*/
@media screen and (max-width: 320px){

	.boxH h1 {min-height:70px;height:76px;}

}	/* end */