@charset "UTF-8";

.ad_inner {
	margin: 0 auto;
	background-color: #e0e8ea;
	position: absolute;
    height: 100%;
	max-height: calc(100vw *0.7);
    max-width: calc(100vh * 0.69);
    right: 0;
}
.ad_inner img {
	width: 100%;
	height: auto;
}
.ad_inner #main {
	position: relative;
	width: 96% !important;
	height: 97%;
	left:0;
	background-size:contain;
	margin:2% auto;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ad_inner #main .comno {
	width:60%;
	height:auto;
	margin: 0 auto;
	border: 1px solid #000;
}
.ad_inner #main .comno .mainBody {
	background-color: #fff;
	padding: 2%;
}
.ad_inner #main .comno .mainBody p{
	margin: 0;
}
.ad_inner #main #share_read img{
	height:100%;
	vertical-align:middle;
}
.ad_inner #main #share_read{
	padding: 2%;
}
.ad_inner #main #share_read ul{
	width: 92%;
	list-style: none;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
	background-color: #e0e8ea;
	padding: 2% 4%;
	margin: 0 auto;
}
.ad_inner #main #share_read ul li{
	width: 15%;
}
.ad_inner #main #share_read ul li.shareim{
	width: 40%;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#buyComic {
    width: 75% !important;
    height: auto;
    margin: 0 auto;
    padding: 1% 0 4% 0;
}
#buyComic p{
	margin: 0;
	padding: 0;
	line-height: 0;
}

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

	.ad_inner {
		max-height: calc(100vw *1.5);
	}
	.ad_inner #main .img {
		width: 100% !important;
		height: auto;
		margin-bottom: 0.5em;
	}
	.ad_inner #main .img img {
		vertical-align: bottom;
		}
	.ad_inner #main {
		position: relative;
		width: 94% !important;
		height:96%;
		left:0;
		background-color: #fff;
		background-size:contain;
		margin:3%;
	}
	.ad_inner #main .mainBody{
		margin-bottom: 1%;
	}
}