@charset "utf-8";




@media screen and (min-width: 641px){


/*--------------------------------------
    reset
--------------------------------------*/

/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}legend{color:#000}


/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0

フォントサイズ回りの設定はすべてこのcssで行います。（%指定のみ）
ピクセルサイズと%の関係は以下の通り。
- - - - - - - - 
px  %
- - - - - - - - 
10 	77
11 	85
12 	93 (was 93)
13 	100
14 	108 (was 107)
15 	116 (was 114)
16 	123.1 (was 122)
17 	131 (was 129)
18 	138.5 (was 136)
19 	146.5 (was 144)
20 	153.9 (was 152)
21 	161.6 (was 159)
22 	167
23 	174
24 	182
25 	189
26 	197 
- - - - 

*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,textarea,button{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}



/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix{
	zoom: 1;
}
 /* IE7 */
*:first-child+html .clearfix {zoom: 1;}


/*--------------------------------------
    structure
--------------------------------------*/

body {
	font-size:12px;
	text-align: center;
	line-height: 1.5;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(../img/bk_line.png);
}

a {
	color:#ff3366;
}

#main a:hover img{
	filter: alpha(style=0, opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

#main a:hover img.webcomicfree,
#main a:hover img.webcomicfree2{
	filter: alpha(style=0, opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
}

#container {
	width:980px;
	margin:0 auto;
	background:#FFF;
	text-align:left;
}


.imgL {
	float:left;
	margin:0 20px 10px 0;
}

.linkbox {
	cursor:pointer;
}

header#spnav {
	display:none;
}

.btn_enquete {
	float:right;
	margin-top:-3px;
	margin-right:10px;
}

#main img.btn_enquete:hover {
	filter: alpha(style=0, opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.bntokudas img {
	margin-bottom:5px;
}



/*--------------------------------------
    div#header
--------------------------------------*/

#header {
	width:100%;
}

#header #header_container {
	width:980px;
	margin:0 auto;
	position:relative;
	text-align:left;
	background:#FFF;
	height:190px;
}

#sp_header {
	display:none;
}



/*--------------------------------------
    div#header
--------------------------------------*/


#header #headerbn {
	position:absolute;
	top:28px;
	right:20px;
}

#header #headerbn:hover {
	filter: alpha(style=0, opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}


#header #headerbn2 {
	position:absolute;
	top:28px;
	right:327px;
}

#header #headerbn2:hover {
	filter: alpha(style=0, opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

#header #header_navi {
	position:absolute;
	top:144px;
	right:20px;
}

#header #header_navi ul li {
	float:left;
	padding:0 8px;
	border-top:1px solid #CCC;
}

#header #header_navi span {
	background:#ffff00;
	height:5px;
	display:block;
	position:absolute;
	width:0px;
	left:400px;
	top:-5px;
}

#header #header_navi ul li#header_navi_home {
	padding:0 0px;
	width:1px;
}



/*--------------------------------------
    div#menu
--------------------------------------*/

#menu {
	display:none;
}

#menu ul {
	border-left:1px dotted #CCC;
	height:18px;
	margin-top:15px;
	margin-left:20px;
}

#menu ul li {
	float:left;
	border-right:1px dotted #CCC;
	height:18px;
}



/*--------------------------------------
    div#main
--------------------------------------*/

#main {
	clear:both;
	margin:0 20px;
	padding-top:10px;
	background:#FFF;
}

#main h2 {
	border-bottom:1px solid #EEEEEE;
	margin:0 0 20px 0;
	clear:both;
}

#snsbutton {
	text-align:right;
	float:right;
	height:28px;
}

#snsbutton div {
	display:inline-block;
	margin:0 3px;
	vertical-align:top;
}

.topicpath {
	float:left;
	color:#666;
}

.topicpath strong {
	font-weight:bold;
}


/*--------------------------------------
    img#pagetop
--------------------------------------*/

img.pagetop {
	display:none;
}

img.pagetop2 {
	clear:both;
	float:right;
}


/*--------------------------------------
    p#footermenu
--------------------------------------*/

p#footermenu {
	clear:both;
	padding:20px 0 10px 0;
	text-align:center;
}

#footerbanner a img:hover {
	filter: alpha(style=0, opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}



/*--------------------------------------
    div#footer
--------------------------------------*/


#footerbannerarea {
	background:#FFF;
	width:980px;
	margin:0 auto;
}

#footerbanner {
	text-align:center;
	clear:both;
	padding-bottom:20px;
}

#footerbanner ul li {
	display:inline-block;
	margin:15px 6px;
}

#footermenu2 {
	clear:both;
	text-align:center;
	padding:5px;
	font-size:12px;
	background:#000;
}

#footermenu2 a {
	color:#999;
}

#footermenu2 a:hover {
	color:#CCC;
}







/*--------------------------------------
    lightBox
--------------------------------------*/


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}



}













































































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


/*--------------------------------------
    reset
--------------------------------------*/

/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}legend{color:#000}


/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0

フォントサイズ回りの設定はすべてこのcssで行います。（%指定のみ）
ピクセルサイズと%の関係は以下の通り。
- - - - - - - - 
px  %
- - - - - - - - 
10 	77
11 	85
12 	93 (was 93)
13 	100
14 	108 (was 107)
15 	116 (was 114)
16 	123.1 (was 122)
17 	131 (was 129)
18 	138.5 (was 136)
19 	146.5 (was 144)
20 	153.9 (was 152)
21 	161.6 (was 159)
22 	167
23 	174
24 	182
25 	189
26 	197 
- - - - 

*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,textarea,button{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}



/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix{
	zoom: 1;
}
 /* IE7 */
*:first-child+html .clearfix {zoom: 1;}


/*--------------------------------------
    structure
--------------------------------------*/

body {
	font-size:12px;
	text-align: center;
	line-height: 1.5;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:none;
	padding-top:85px;
}

a {
	color:#ff3366;
}

#main a:hover img{
	filter: alpha(style=0, opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

#main a:hover img.webcomicfree,
#main a:hover img.webcomicfree2{
	filter: alpha(style=0, opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
}

#container {
	width:100%;
	margin:0 auto;
	background:#FFF;
	text-align:left;
}


.imgL {
	float:left;
	margin:0 20px 10px 0;
}

.linkbox {
	cursor:pointer;
}


img {
	max-width:100%;
}

header {
	display:block;
}

h2 img {
	position:relative;
	z-index:0;
}

h2 img.btn_enquete {
	float:right;
	margin-top:-13%;
	margin-bottom:10px;
	z-index:100;
	max-width:25%;
}

.bntokudas img {
	margin-bottom:5px;
}



/*--------------------------------------
    div#header
--------------------------------------*/

#header {
	display:none;
}

#sp_header {
	position:fixed;
	background:#FFF;
	top:0;
	width:100%;
	border-bottom:1px solid #CCC;
	z-index:100;
	height:80px;
	overflow:hidden;
}

#sp_header img {
	width:230px;
}


/*--------------------------------------
    div#menu
--------------------------------------*/

#menu {
	display:none;
}



/*--------------------------------------
    div#main
--------------------------------------*/

#main {
	clear:both;
	margin:0 10px;
	padding-top:10px;
	background:#FFF;
}

#main h2 {
	border-bottom:1px solid #EEEEEE;
	margin:0 0 20px 0;
	clear:both;
}

#snsbutton {
	text-align:center;
}

#snsbutton div {
	display:inline-block;
	margin:0 3px;
	vertical-align:top;
}

.topicpath {
	float:left;
	color:#666;
	display:none;
}

.topicpath strong {
	font-weight:bold;
}


/*--------------------------------------
    img#pagetop
--------------------------------------*/

img.pagetop {
	display:none;
}

img.pagetop2 {
	clear:both;
	float:right;
	display:none;
}


/*--------------------------------------
    p#footermenu
--------------------------------------*/

p#footermenu {
	clear:both;
	padding:20px 0 10px 0;
	text-align:center;
}

#footerbanner a img:hover {
	filter: alpha(style=0, opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}



/*--------------------------------------
    div#footer
--------------------------------------*/


#footerbannerarea {
	background:#FFF;
	width:100%;
	margin:0 auto;
}

#footerbanner {
	text-align:center;
	clear:both;
	padding-bottom:20px;
}

#footerbanner ul li {
	display:inline-block;
	margin:15px 6px;
}

#footermenu2 {
	clear:both;
	text-align:center;
	padding:5px;
	font-size:12px;
	background:#000;
	display:none;
}

#footermenu2 a {
	color:#999;
}

#footermenu2 a:hover {
	color:#CCC;
}







/*--------------------------------------
    lightBox
--------------------------------------*/


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


}







.pconly {
	display:block;
}

.sponly {
	display:none;
}


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

.pconly {
	display:none;
}

.sponly {
	display:block;
}

}




/*--------------------------------------
    div#header
--------------------------------------*/




#sp_header.motherghoul,
#header.motherghoul {
	border-top:4px solid #ff6e00;
}

header.motherghoul .drawer-hamburger {
	background-color: #ff6e00;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #ff6e00;
}

#header.motherghoul #header_container {
	background:url(http://www.comic-ryu.jp/img/header_motherghoul.png) no-repeat left top #FFF;
}



#sp_header.sugarwall,
#header.sugarwall {
	border-top:4px solid #55b000;
}

header.sugarwall .drawer-hamburger {
	background-color: #55b000;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #55b000;
}

#header.sugarwall #header_container {
	background:url(http://www.comic-ryu.jp/img/header_sugarwall.png) no-repeat left top #FFF;
}



#sp_header.soiree,
#header.soiree {
	border-top:4px solid #2417dd;
}

header.soiree .drawer-hamburger {
	background-color: #2417dd;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #2417dd;
}

#header.soiree #header_container {
	background:url(http://www.comic-ryu.jp/img/header_soiree.png) no-repeat left top #FFF;
}



#sp_header.torikissa,
#header.torikissa {
	border-top:4px solid #ff5200;
}

header.torikissa .drawer-hamburger {
	background-color: #ff5200;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #ff5200;
}

#header.torikissa #header_container {
	background:url(http://www.comic-ryu.jp/img/header_torikissa.png) no-repeat left top #FFF;
}



#sp_header.hnah,
#header.hnah {
	border-top:4px solid #9450ef;
}

header.hnah .drawer-hamburger {
	background-color: #9450ef;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #9450ef;
}

#header.hnah #header_container {
	background:url(http://www.comic-ryu.jp/img/header_hnah.png) no-repeat left top #FFF;
}



#sp_header.igai,
#header.igai {
	border-top:4px solid #dc0000;
}

header.igai .drawer-hamburger {
	background-color: #dc0000;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #dc0000;
}

#header.igai #header_container {
	background:url(http://www.comic-ryu.jp/img/header_igai.png) no-repeat left top #FFF;
}



#sp_header.taki,
#header.taki {
	border-top:4px solid #1b04a6;
}

header.taki .drawer-hamburger {
	background-color: #1b04a6;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #1b04a6;
}

#header.taki #header_container {
	background:url(http://www.comic-ryu.jp/img/header_taki.png) no-repeat left top #FFF;
}



#sp_header.kimusume,
#header.kimusume {
	border-top:4px solid #0061c6;
}

header.kimusume .drawer-hamburger {
	background-color: #0061c6;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #0061c6;
}

#header.kimusume #header_container {
	background:url(http://www.comic-ryu.jp/img/header_kimusume.png) no-repeat left top #FFF;
}



#sp_header.kyoryu,
#header.kyoryu {
	border-top:4px solid #4bb800;
}

header.kyoryu .drawer-hamburger {
	background-color: #4bb800;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #4bb800;
}

#header.kyoryu #header_container {
	background:url(http://www.comic-ryu.jp/img/header_kyoryu.png) no-repeat left top #FFF;
}



#sp_header.voicechat,
#header.voicechat {
	border-top:4px solid #ff6200;
}

header.voicechat .drawer-hamburger {
	background-color: #ff6200;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #ff6200;
}

#header.voicechat #header_container {
	background:url(http://www.comic-ryu.jp/img/header_voicechat.png) no-repeat left top #FFF;
}



#sp_header.nekomusume,
#header.nekomusume {
	border-top:4px solid #ea0000;
}

header.nekomusume .drawer-hamburger {
	background-color: #ea0000;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #ea0000;
}

#header.nekomusume #header_container {
	background:url(http://www.comic-ryu.jp/img/header_nekomusume.png) no-repeat left top #FFF;
}



#sp_header.skatersact,
#header.skatersact {
	border-top:4px solid #005eea;
}

header.skatersact .drawer-hamburger {
	background-color: #005eea;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #005eea;
}

#header.skatersact #header_container {
	background:url(http://www.comic-ryu.jp/img/header_skatersact.png) no-repeat left top #FFF;
}



#sp_header.kumika,
#header.kumika {
	border-top:4px solid #24c000;
}

header.kumika .drawer-hamburger {
	background-color: #24c000;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #24c000;
}

#header.kumika #header_container {
	background:url(http://www.comic-ryu.jp/img/header_kumika.png) no-repeat left top #FFF;
}



#sp_header.kinokoinu,
#header.kinokoinu {
	border-top:4px solid #ff5400;
}

header.kinokoinu .drawer-hamburger {
	background-color: #ff5400;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #ff5400;
}

#header.kinokoinu #header_container {
	background:url(http://www.comic-ryu.jp/img/header_kinokoinu.png) no-repeat left top #FFF;
}



#sp_header.keyman,
#header.keyman {
	border-top:4px solid #9f00c3;
}

header.keyman .drawer-hamburger {
	background-color: #9f00c3;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #9f00c3;
}

#header.keyman #header_container {
	background:url(http://www.comic-ryu.jp/img/header_keyman.png) no-repeat left top #FFF;
}





#sp_header.hitomi,
#header.hitomi {
	border-top:4px solid #b54070;
}

header.hitomi .drawer-hamburger {
	background-color: #b54070;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #b54070;
}

#header.hitomi #header_container {
	background:url(http://www.comic-ryu.jp/img/header_hitomi.png) no-repeat left top #FFF;
}



#sp_header.monmusu,
#header.monmusu {
	border-top:4px solid #00dffa;
}

header.monmusu .drawer-hamburger {
	background-color: #00dffa;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #00dffa;
}

#header.monmusu #header_container {
	background:url(http://www.comic-ryu.jp/img/header_monmusu.png) no-repeat left top #FFF;
}



#sp_header.nariagari,
#header.nariagari {
	border-top:4px solid #ff7248;
}

header.nariagari .drawer-hamburger {
	background-color: #ff7248;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #ff7248;
}

#header.nariagari #header_container {
	background:url(http://www.comic-ryu.jp/img/header_nariagari.png) no-repeat left top #FFF;
}



#sp_header.dungeon,
#header.dungeon {
	border-top:4px solid #ff0342;
}

header.dungeon .drawer-hamburger {
	background-color: #ff0342;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #ff0342;
}

#header.dungeon #header_container {
	background:url(http://www.comic-ryu.jp/img/header_dungeon.png) no-repeat left top #FFF;
}






#sp_header.alice,
#header.alice {
	border-top:4px solid #ff8900;
}

header.alice .drawer-hamburger {
	background-color: #ff8900;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #ff8900;
}

#header.alice #header_container {
	background:url(http://www.comic-ryu.jp/img/header_alice.png) no-repeat left top #FFF;
}






#sp_header.asebi,
#header.asebi {
	border-top:4px solid #ff6d00;
}

header.asebi .drawer-hamburger {
	background-color: #ff6d00;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #ff6d00;
}

#header.asebi #header_container {
	background:url(http://www.comic-ryu.jp/img/header_asebi.png) no-repeat left top #FFF;
}






#sp_header.amehare,
#header.amehare {
	border-top:4px solid #ff7dd0;
}

header.amehare .drawer-hamburger {
	background-color: #ff7dd0;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #ff7dd0;
}

#header.amehare #header_container {
	background:url(http://www.comic-ryu.jp/img/header_amehare.png) no-repeat left top #FFF;
}






#sp_header.mamecode,
#header.mamecode {
	border-top:4px solid #f24961;
}

header.mamecode .drawer-hamburger {
	background-color: #f24961;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #f24961;
}

#header.mamecode #header_container {
	background:url(http://www.comic-ryu.jp/img/header_mamecode.png) no-repeat left top #FFF;
}






#sp_header.igyochan,
#header.igyochan {
	border-top:4px solid #ff001e;
}

header.igyochan .drawer-hamburger {
	background-color: #ff001e;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #ff001e;
}

#header.igyochan #header_container {
	background:url(http://www.comic-ryu.jp/img/header_igyochan.png) no-repeat left top #FFF;
}






#sp_header.maou,
#header.maou {
	border-top:4px solid #904101;
}

header.maou .drawer-hamburger {
	background-color: #904101;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #904101;
}

#header.maou #header_container {
	background:url(http://www.comic-ryu.jp/img/header_maou.png) no-repeat left top #FFF;
}









#sp_header.oshi,
#header.oshi {
	border-top:4px solid #0052fb;
}

header.oshi .drawer-hamburger {
	background-color: #0052fb;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #0052fb;
}

#header.oshi #header_container {
	background:url(http://www.comic-ryu.jp/img/header_oshi.png) no-repeat left top #FFF;
}









#sp_header.lyrebird,
#header.lyrebird {
	border-top:4px solid #9d33cd;
}

header.lyrebird .drawer-hamburger {
	background-color: #9d33cd;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #9d33cd;
}

#header.lyrebird #header_container {
	background:url(http://www.comic-ryu.jp/img/header_lyrebird.png) no-repeat left top #FFF;
}









#sp_header.arbosanima,
#header.arbosanima {
	border-top:4px solid #ff02b3;
}

header.arbosanima .drawer-hamburger {
	background-color: #ff02b3;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #ff02b3;
}

#header.arbosanima #header_container {
	background:url(http://www.comic-ryu.jp/img/header_arbosanima.png) no-repeat left top #FFF;
}









#sp_header.xeo,
#header.xeo {
	border-top:4px solid #e00431;
}

header.xeo .drawer-hamburger {
	background-color: #e00431;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #e00431;
}

#header.xeo #header_container {
	background:url(http://www.comic-ryu.jp/img/header_xeo.png) no-repeat left top #FFF;
}







#sp_header.butterfly,
#header.butterfly {
	border-top:4px solid #0075fc;
}

header.butterfly .drawer-hamburger {
	background-color: #e00431;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #0075fc;
}

#header.butterfly #header_container {
	background:url(http://www.comic-ryu.jp/img/header_butterfly.png) no-repeat left top #FFF;
}







#sp_header.centor,
#header.centor {
	border-top:4px solid #00a2ff;
}

header.centor .drawer-hamburger {
	background-color: #00a2ff;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #00a2ff;
}

#header.centor #header_container {
	background:url(http://www.comic-ryu.jp/img/header_centor.png) no-repeat left top #FFF;
}



#sp_header.dangangirl,
#header.dangangirl {
	border-top:4px solid #ffc600;
}

header.dangangirl .drawer-hamburger {
	background-color: #ffc600;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #ffc600;
}

#header.dangangirl #header_container {
	background:url(http://www.comic-ryu.jp/img/header_dangangirl.png) no-repeat left top #FFF;
}






#sp_header.igai,
#header.igai {
	border-top:4px solid #a14ec6;
}

header.igai .drawer-hamburger {
	background-color: #a14ec6;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #a14ec6;
}

#header.igai #header_container {
	background:url(http://www.comic-ryu.jp/img/header_igai.png) no-repeat left top #FFF;
}






#sp_header.hatonikki,
#header.hatonikki {
	border-top:4px solid #0070f1;
}

header.hatonikki .drawer-hamburger {
	background-color: #0070f1;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #0070f1;
}

#header.hatonikki #header_container {
	background:url(http://www.comic-ryu.jp/img/header_hatonikki.png) no-repeat left top #FFF;
}






#sp_header.yorusanpo,
#header.yorusanpo {
	border-top:4px solid #5151d3;
}

header.yorusanpo .drawer-hamburger {
	background-color: #5151d3;
	box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #5151d3;
}

#header.yorusanpo #header_container {
	background:url(http://www.comic-ryu.jp/img/header_yorusanpo.png) no-repeat left top #FFF;
}