@charset "utf-8";

/*----------------------------------------------------
 elements
----------------------------------------------------*/


a {
	-webkit-tap-highlight-color: rgba(200,200,555,.6);
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

img {
	vertical-align: top;
}

p, dl, ol, ul {
	margin-bottom: 10px;
}

ol, ul {
	margin-left: 25px;
}
h1
{
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	color:#ff0000;
    font-size:120%;
    font-weight:bold;
	line-height: 1.5;
}


/*----------------------------------------------------
 #page
----------------------------------------------------*/
#page {
	overflow: hidden;
	width: 320px;
	margin: 0 auto;
	background: #fff;
}
/*----------------------------------------------------
 main
----------------------------------------------------*/
.mainCon {
	width:100%;
}
.topImg {
	width:100%;
	margin: 0 auto;
	text-align: center;
	line-height: 0;
}
.comicsBox {
	width:97%;
	padding-left:3%;
}
.comicsImg {
	width:22%;
	margin-right:3%;
	margin-bottom:18px;
	line-height: 0;
	float:left;
}
.ctdFrame  {
	width:100%;
	margin: 0 auto;
	background-image: url("../img/ribbon.jpg");
	background-position: center top; 
	background-size:100% auto;
	background-repeat :no-repeat;
}