.main{
	float:none !important;
	clear:both !important;
}

div#deco {
    background-image: url("/img/head.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    color: #231815;
    margin: 0 auto 100px;
    padding: 0;
    width: 900px;
}
div#deco img {
    border-style: none;
    display: block;
    line-height: 0;
    margin: 0 auto;
    padding: 0;
    vertical-align: top;
}
#deco p.subtitle {
    background-position: center bottom;
    line-height: 3em;
    margin-top: 2em;
    text-align: center;
}
#deco p {
    line-height: 1.5em;
    margin: 0.5em auto;
    padding: 0;
    width: 95%;
}
#deco a {
    color: #666666;
    text-decoration: underline;
}
#deco a:hover {
    color: #996600;
    text-decoration: none;
}
#deco a img {
    border-style: none;
    opacity: 0.8;
}
#deco a:hover img {
    opacity: 1;
}
#deco strong {
    color: #FF6666;
}
#deco span {
    color: #333399;
    font-weight: bold;
    text-decoration: none;
}
#deco dt {
	background-color: #757575;
	clear: both;
	color: #ffffff;
	float: none;
	font-weight: normal;
	margin-bottom: 0.5em;
	padding: 0.5em;
	text-align: left;
}
#deco dl {
    display: block;
    list-style-position: outside;
    list-style-type: disc;
    padding: 0;
    width: 100%;
}
#deco dd {
    border-left: 3px solid #A39F7C;
    display: block;
    float: left;
    margin-bottom: 0.5em;
    margin-left: 1em;
    padding-left: 5px;
    width: 30%;
	text-align: left;
}
#deco dt small {
    font-size: 0.9em;
    font-weight: normal;
}
#deco .subtitle {
    font-size: 16px;
    margin: 15px 0;
    padding: 2px;
	background-color:#A7A102;
}
#deco .subtitle div {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    margin: 0.5em;
    padding: 0.2em;
}
#deco dd.recomend {
    float: none;
    width: 100%;
	font-size:14px;
	margin:10px;
}
#deco dd span {
    color: #e50020;
    font-size: 0.9em;
    font-weight: normal;
    padding: 0.2em 0.5em;
}
#deco .lead {
    color: #cc00cc;
    font-weight: bold;
}
#deco .sp p {
	margin:10px;
}

@media screen and (max-width: 768px) {
	div#deco {
		width:100%;
	}
	#deco dd {
		float:none;
		width:100%;
	}
}

.wrap {
	color:#231815;
	font-size:14px;
	margin:30px auto !important;
	font-family:YuGothic, ‘游ゴシック’, '‘Hiragino Kaku Gothic ProN’', '‘ヒラギノ角ゴ ProN’', Meiryo, メイリオ, sans-serif;
	width:900px;
	text-align:center;
}

.wrap h1 {
	background-image: url("img/title_back_r.jpg");
	color:#ffffff;
	margin:25px 0 18px;
	font-size:24px;
	padding: 17px 0;
    background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	font-weight: bold;
}
.wrap p.b {
	font-size:16px;
	font-weight:bold;
	line-height: 1.5;
}
.wrap p.b span {
	color:#e50020;
	font-size:20px;
}
.wrap p, .wrap h1, .wrap h2 {
	margin:17px 0;
}
.wrap section.comicsfair {
	text-align:center;
}
.wrap section.comicsfair img{
	max-width:100%;
	border:solid #333 1px;
	box-sizing: border-box;
}
.wrap section.comicsfair p {
	text-align:left;
	margin-left:30px;
}
.wrap section {
	display:block;
	text-align:left;
	margin-bottom:40px;
	clear:both;
}
.wrap section h2 {
	text-align:left;
	background-image:none;
	border:none;
	border-bottom: 2px solid #e50020;
	text-indent: 0;
	padding-left: 10px;
	margin:30px 0 10px;
	margin-left: 20px;
	color: #e50020;
	font-size: 1.3em;
	font-weight: bold;
}
.wrap section.comicsfair dl {
	text-align:left;
	overflow:hidden;
	margin-left:20px;
}
.wrap dl dt {
	padding-left: 10px;
	float:left;
	width:150px;
	clear:both;
}
.wrap dl dt:before {
	content:"★";
	color:#e50020;
	padding-right:5px;
}
.wrap dl dd {
	margin-left:40px;
	float:left;
}
.wrap section p {
	margin-left:10px;
}

.shoplink a:link, .wrap .shoplink a:visited {
	color:#560713;
}
.shoplink a:hover {
	opacity:0.7;
}
.center {
	text-align:center !important;
}
@media screen and (max-width: 768px) {
	.wrap, .main {
		width:100%;
	}
	.wrap {
		margin:0 auto !important;
	}
	.wrap h1 {
		width: 100%;
		margin: 1% 0;
    	font-size: 95%;
	}
	.wrap p.b {
		margin: 0 3% 3%;
		font-size: 95%;
	}
	.wrap p.b span {
		font-size: 100%;
	}
	.wrap hr {
		margin:15px 0;
	}
	.wrap section {
		margin-bottom:20px;
	}
	.wrap section h2 {
		font-size: 100%;
		width: 90%;
		margin-left:3%;
		margin-top: 5%;
	}
	.wrap section h3 {
		font-size: 1em;
		text-align: center;
	}
	.wrap ol {
		margin-left:0;
	}
	.wrap ol li {
		float:none;
		margin-right:0;
		margin-bottom: 20px;
		width:100%;
	}
	.wrap dl dd {
		margin-left: 20px;
		margin-bottom: 5px;
	}
	.wrap dl dt {
		float:none;
		padding-left: 0;
	}
	.wrap section.comicsfair dl, .wrap section.comicsfair p {
		margin-left:3%;
	}
	#deco dd.recomend {
		width: 95%;
	}
}