@charset "UTF-8";

.pcOnly{display: block;}
.spOnly{display: none;}

a.info{ position: absolute; top: 24px;}
img{width: 100%; height: auto;vertical-align: top;}
#container{width: 100%; max-width: 1200px;position: relative;	margin: 0 auto;}
h1,h2{	text-indent: 100%;	white-space: nowrap;line-height: 0;	overflow: hidden;	}
a{overflow: hidden;outline: none;}
p#copyright{ text-align: center; margin: 10px 0;}
small,address{	display: block;	clear: both;}
 
a#twitter{
        width: 56%;
    max-width: 294px;
    position: absolute;
    top: 91%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
a#twitter:hover{opacity: 0.8;background:#fff;border-radius:5px;}
/*#haishin{position:absolute;top:952px;right:27px;}*/
a#syoukai{width: 16%; position: absolute; top: -2px; left: 0px;z-index: 1;}
a#zoukan{ position: absolute; top: 947px; left: 30px;}
a#webComics{ position: absolute;top: 955px;left: 30px;}

a#bn{    position: absolute;
    top: 1364px;
    left: 980px;}
a#enet{    position: absolute;
    top:1243px;
    left: 27px;}
a#bookstore{top:1364px;
    left: 604px;
    position: absolute;}
a#a_koe{position: absolute;
    top: 1243px;
    left: 604px;}
img#next{ position: absolute; bottom: 54px; right: 310px;}
#inquiry{ 
	width: 144px;
	height: 44px;
	position: absolute;
	bottom:230px;
	right: 66px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	z-index: 50;
}



#writers{    position: absolute;
    top: 1530px;
    margin-left: 28px;
    width: 1150px;}
.alpha,.beta,.gamma,.delta,.omega{	float: left;}
.alpha a,
.beta a,
.gamma a,
.delta a,
.omega a{
	display:block;
	margin-bottom:7px;
}
.alpha{	width: 230px;}
.beta{ width: 230px;}
.gamma{ width: 230px;}
.delta{ width: 230px;}
.omega{ width: 230px;}

a#notice{	position: absolute;	top: 1125px; left: 544px;}
a#kokuchi{	position: absolute;	top: 833px;	left: 720px;}

#lineup{background: #fff064;}

.maincont1{display: flex;position: relative;width: 100%;}
.maincont1 .clm25{width: 25%;position: relative;}
.maincont1 .clm50{width: 50%;position: relative;}

.maincont2{display: flex; width: 100%;}
.maincont2 img{ width: 25%;}

.maincont3{display: flex;flex-wrap: wrap; width: 100%;}
.maincont3 .clm25{width: 25%;position: relative;}
.maincont3 .clm75{width: 75%;position: relative;}

.maincont4{display: flex;flex-wrap: wrap; width: 100%;}
.maincont4 .clm50{width: 50%;position: relative;}

.maincont4-2{display: flex;flex-wrap: wrap;}
.maincont4-2 a{width: 50%;}

.month_comics_wrap{background: url("img/new/osshirase_bg.png");background-size: contain; background-repeat: no-repeat; background-position: center;}
.month_comics{justify-content: center; padding:7% 0px 5% 0px; margin: 0 auto;width: 89%;display: flex;align-items: end;}
.month_comics li{padding-top: 6%;flex-grow: 1;}

.title_lineup{width: 60%; max-width: 443px; margin: 0 auto; padding: 1.6rem 0 1rem 0;}

.lineup-wrap{display: flex;flex-wrap: wrap; width: 97%; margin: 0 auto;}
.lineup1{width: 50%;display: flex;flex-wrap: wrap;}
.lineup1 .lineup-cont{width: 49%; margin-right: 1%;}
.lineup1 .lineup-cont div{margin-bottom: 7px;}


.lineup-bot{display: flex;align-content: center; justify-content: center; padding: 25px;}
.lineup-bot div{width: 50%; display: flex; justify-content: center;align-content: center;}
.day img{width: 40%;max-width: 162px;}
.tsushin img{max-width: 492px;}

@media screen and (max-width: 639px) {
    
    #comics {
        width: 100%;}
    
    .lineup1{width: 100%;}
    
    .lineup-bot{flex-wrap: wrap;}
    .lineup-bot div{width: 100%;}
    .tsushin img{max-width: 492px; margin-top: 20px;}
    
    a#syoukai{width: 33%;}
    
    .pcOnly{display: none;}
.spOnly{display: block;}
    
    .maincont1,.maincont2{flex-wrap: wrap;}
.maincont1 .clm25{display: flex;flex-wrap: wrap;width: 100%;}
    .maincont1 .clm25 img{width: 50%;}
.maincont1 .clm50{width: 100%;}
    
    .maincont2 img{width: 50%;}
    
    .maincont3 .clm25{width: 100%;}
.maincont3 .clm75{width: 100%;}
    
    .maincont4 .clm50{width: 100%;}
    .month_comics{padding:7% 0px 4.3% 0px; margin: 0 auto;width: 89%;display: flex;align-items: end;}
    
}