@charset "utf-8";
@media all and (min-width: 0px) and (max-width: 800px) {
/* ================================= */
.PcArea{
	display:none;
}

.indent {padding-left:1em;text-indent:-1em;}

body {
	background:none;
	font-size:24px;
	line-height: 150%;
	height:100%;
	}

strong {font-weight:bold;}

.fss {font-size:0.9rem;line-height: 160%;}
hr {border:none;margin-top:80px;}
h4.orng {font-size:1.6rem;font-weight:bold;margin-bottom:16px;color:#EA7024;text-align:center;}

.tr {text-align:right;}

#wrapper {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	background:none;
	}

img {width:100%;}
header {width:100%;margin:0 auto;}
#header {
	width:100%;
	height:auto;
	padding-bottom:0px;
	background-image:url(../../../../ss/daiohg/common/img/bg_header.png);
	/*
	background-image:url(./common/img/header/bg_header.png);
	border-top:30px solid #9BC900;
	background-color:#000;
	*/
	background-repeat: repeat-x;
	background-position: 0 -5px;
	background-size: auto;
}
#header_main {
	width:96%;
	height:auto;
	margin:0 auto 0 auto;
	padding:10px 0;
	/*background-image:url(../../../../ss/daiohg/common/img/h_rerease.png);*/
	background-image:none;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#header_main h1 {
	float:left;
	width:332px;
	max-width:40%;
	height:auto;
	margin:10px 0 10px 0;
	padding:0;
	}
#header_main .g_navi01 {width:12.5%;padding:0 3% 0 0;max-width:99px;margin:5% 0 0 20px;}
#header_main .g_navi01 img{width:100%;}
#header_main .g_navi02 {width:14%;padding:0 3% 0 0;max-width:99px;margin:5% 0 0 0;}
#header_main .g_navi02 img{width:100%;}
#header_main .g_navi03 {width:18%;padding:0 0 0 0;max-width:130px;margin:5% 0 0 0;}
#header_main .g_navi03 img{width:100%;}

.logo img {width:100%;max-width:320px;vertical-align:middle;}
.ttl {width:98%;max-width:720px;}




/* --------------------------------------------------------------
kv
-------------------------------------------------------------- */
#kv {height:20%;overflow:hidden;margin:0 0 -5px 0;}
#kv img{width:100%;}
#kv .btn_tameshiyomi {width:90%;margin:-20% auto 15px auto;}

/* --------------------------------------------------------------
gnavi
-------------------------------------------------------------- */
#gnavi{
	border-top:1px solid #fff;
	width:100%;
	background-image:
		url(../img/gnavi_01_bgshadow_sp.png),
		url(../img/gnavi_bg_sp.png)
		;
	background-size:
		1px 10px,
		contain;
	background-repeat:
		repeat-x,
		repeat;
	background-position:
		left bottom,
		50% 50%;
	position:relative;
	padding:0 0 10px 0;
	}
#gnavi ul{
	margin:0 auto;
	line-height: 0px;;
	overflow:hidden;
	}
#gnavi ul li{display:inline-block;
	width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 3) ;
	width : calc(100% / 3) ;
	}
#gnavi ul li a{text-indent: 0%;}
#gnavi ul li a img{width:100%;}
#gnavi ul li:nth-child(1),
#gnavi ul li:nth-child(2) {
	background-image:url(../img/s.png);
	background-repeat:repeat-y;
	background-position:right top;
	}

/* --------------------------------------------------------------
main_contents
-------------------------------------------------------------- */
#main_contents {background-color:#fff;width:100%;margin:0 auto;}



/* --------------------------------------------------------------
センターカラム
-------------------------------------------------------------- */
#clm_contents_c {
	float:left;
	width:100%;
	margin:0 0px;
	padding-top:5%;
	}

#clm_contents_c h2{
	margin:0 auto;
	width:100%;
	text-align:center;
	}
#clm_contents_c .block {
		width:96%;
		margin:0 auto 60px auto;
		overflow:hidden;
		}


/* ニュース.news */
#clm_contents_c .news {
		overflow:hidden;
		margin:20px auto 0px auto;
		background: linear-gradient(#eeeeee, #ffffff);
		border-radius:6px;
		padding:10px;
		}
#clm_contents_c .news img{
		max-width:90px;
		margin:10px 0 10px 10px;
		}
#clm_contents_c .news-tw div{
		text-align:center;
		}



/* ニュース一覧 */
dl#news{width:99%;border:3px solid #fff;margin:20px auto;font-size:1rem;background-color:#f9f9f9;color:#333border:1px solid #eee;
	/*
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    */
}
dl#news h4{
    text-align:center;
    // font-weight:bold;
    font-size:1.4rem;
     padding:16px 0 0 0;
				}

dl#news dt{
    clear:left;
    float:left;
    margin:0;
    padding:10px 0 10px 0.5em;
    width:7em;
    line-height:1.5em;
				}
dl#news dd{
    margin:0 10px;
    padding:10px 0.5em 10px 7em;
    border-bottom:1px dotted #fff;
    line-height:1.5em;
				}
dl#news a{
    padding: 5px 20px 5px 0;
    color:#333;
    text-decoration:underline;
				}
dl#news a:hover{
    text-decoration:none;
				}


/* 作品紹介.introduce */
#clm_contents_c .introduce {
		overflow:hidden;
		margin:30px auto 0 auto;
		}
#comic-koma {text-align:center;width:100%;}
#comic-koma ul{}
#comic-koma ul li {float:left;margin:1% 1% 0px 1%;width:30.2%;}
#comic-koma ul li:nth-child(3),
#comic-koma ul li:nth-child(6) {margin:1% 0px 0px 1%;}
#comic-koma ul li img{width:100%;max-width:200px;}



/* 既刊紹介. */
#clm_contents_c .published-info {
	position:relative;
	overflow:hidden;
	margin:20px auto 0px auto;
	background: linear-gradient(#7E57A8, #55429E);
	border-radius:6px;
	padding:10px;
	}
#clm_contents_c .published-info .c01{width:100%;}
#clm_contents_c .published-info .c02{margin:10px 0 0 0;float:left;width:49%;}
#clm_contents_c .published-info .c03{margin:10px 0 0 0;float:right;width:49%;}
#clm_contents_c .published-info .c04{margin:10px 0 0 0;float:left;width:49%;}
#clm_contents_c .published-info .c05{margin:10px 0 0 0;float:right;width:49%;}
#clm_contents_c .published-info .c06{margin:10px 0 0 0;float:left;width:49%;}
#clm_contents_c .published-info .c07{margin:10px 0 0 0;float:left;width:100%;}

/* 電撃だいおうじ トップへボタン. */
#clm_contents_c .daiohg-top {overflow:hidden;margin:40px auto 40px auto;text-align:center;}
#clm_contents_c .daiohg-top a img{max-width:552px;margin:20px auto;}


/* Twitter */
.blue_line {border-radius:4px;padding:5px;border:2px solid #1A9FE8;max-width:700px;margin:0 20px 40px 20px;}

/* 動画 */
.video{padding:20px;text-align:center;}
.video a{ color:#EA5167;}


/* --------------------------------------------------------------
clm_r
-------------------------------------------------------------- */
#clm_r .bg_clm_R_m {
    width: 100%;
    background: none;
    padding: 8px 0px 8px 0px;
    overflow: hidden;
	   }






#back-top {
    position: fixed;
    bottom: 30px;
    right: 2%;
    z-index: 1;
    width:14%
    }
#back-top span {
    display: block;
    }
#back-top span img{
    }


#footer {
	font-size:0.6em;
				width:100%;
    border-top: none;
    background: #525252;
    text-align:center;
    color:#fff;
    padding:4px 0;
    // margin-top:60px;
}





.sharebtns {
    padding: 10px 0;
    margin-bottom: 20px;
    background: #EEE;
    text-align: center;
}
.sharebtns ul li{
    display:inline-block;
}



.modal{
	border:5px solid transparent;
	}
.modal img{
	border-radius:6px;
	width:96%;
	max-width:540px;
	border:2px solid #000;
	
	}

/* ================================= */
}