@charset "shift_jis";
@media only screen and (min-width: 657px) {
#jormungandWrapper h1#header_title{width:960px;}
#page-top{display:none !important;}

#jormungandWrapper #sp_menu{display:none;}
#jormungandWrapper #sp_banner{display:none;}
	
#scgf_comicWrapper,
#contentWrapper {
	background: url(bg.gif) repeat-y;
	text-align:left;
	width:800px;
}
#pHeader {
	width:800px;
	height:162px;
	background:url(title.gif) no-repeat;
}
#pHeader * {
	font-size:4px;
	text-indent:-9999px;
}

/* ------------------------ */
#pBody {
	position:relative;
	margin-left:15px;
	width:770px;
}
/* ------------------------ */

.status {
	background:url(status_top.gif) no-repeat;
	width:303px;
	font-size:80%;
	margin-top:15px;
}
.status h2 {
	height:40px;
	font-size:4px;
	text-indent:-9999px;
}
.status p {
	background:url(status_btm.gif) bottom;
	padding:0 12px 12px;
}

/* ------------------------ */
.navi {
	margin:24px 0 17px 8px;
}
.navi li {
	position:relative;
	width:264px;
	height:54px;
	list-style-type:none;
	font-size:4px;
}
.navi li a {
	display:block;
	overflow:hidden;
	width:100%;
	height:0 !important;
	
	padding-top:54px;
	background-image:url(navi.png);
}
.navi p {
	background-image:url(navi.png);
	width:264px;
	height:54px;
	text-indent:-9999px;
	font-size:8px;
}
.nav1 a { background-position:	0	0;}
.nav2 a { background-position:	0	-54px;}
.nav3 a { background-position:	0	-108px;}
.nav4 a { background-position:	0	-162px;}
.nav1 a:hover { background-position:	-264px	0;}
.nav2 a:hover { background-position:	-264px	-54px;}
.nav3 a:hover { background-position:	-264px	-108px;}
.nav4 a:hover { background-position:	-264px	-162px;}
.nav1 p { background-position:	-528px	0;}
.nav2 p { background-position:	-528px	-54px;}
.nav3 p { background-position:	-528px	-108px;}
.nav4 p { background-position:	-528px	-162px;}

.navi .N {
	position:absolute;
	top:-5px;
	left:-17px;
	display:block;
	background:url(new.png) no-repeat;
	width:36px;
	height:31px;
	text-indent:-9999px;
}

/* ------------------------ */
.saying {
	position:absolute;
	width:501px;
	height:527px;
	right:0;
	top:10px;
	background:url(pin.gif) no-repeat top right;
	list-style-type:none;
}
.saying .btn {
	position:absolute;
	display:block;
	font-size:4px;
	text-indent:-9999px;
	width:20px;
	height:20px;
}
.saying .say {
	position:absolute;
	display:none;
	font-size:4px;
	text-indent:-9999px;
}
.saying .btn1 {
	left: 20px;
	top: 379px;
}
.saying .btn2 {
	left: 214px;
	top: 176px;
}
.saying .btn3 {
	left: 216px;
	top: 261px;
}
.saying .btn4 {
	left: 131px;
	top: 72px;
}
.saying .btn5 {
	left: 468px;
	top: 281px;
}
.saying .btn6 {
	left: 112px;
	top: 154px;
}
.saying .btn7 {
	left: 325px;
	top: 87px;
}
.saying .btn8 {
	left: 298px;
	top: 446px;
}
.saying .btn9 {
	left: 408px;
	top: 371px;
}
.saying .btn10 {
	left: 333px;
	top: 191px;
}
.saying .say1 {
	background:url(f001.png) no-repeat;
	width:167px;
	height:120px;
	left: 202px;
	top: -17px;
}
.saying .say2 {
	background:url(f002.png) no-repeat;
	width:188px;
	height:108px;
	left: 324px;
	top: 160px;
}	
.saying .say3 {
	background:url(f003.png) no-repeat;
	width:174px;
	height:92px;
	left: 163px;
	top: 135px;
}	
.saying .say4 {
	background:url(f004.png) no-repeat;
	width:160px;
	height:108px;
	left: 209px;
	top: 182px;
}	
.saying .say5 {
	background:url(f005.png) no-repeat;
	width:192px;
	height:121px;
	left: 270px;
	top: 208px;
}	
.saying .say6 {
	background:url(f006.png) no-repeat;
	width:192px;
	height:97px;
	left: 318px;
	top: -5px;
}	
.saying .say7 {
	background:url(f007.png) no-repeat;
	width:192px;
	height:97px;
	left: 318px;
	top: 200px;
}	
.saying .say8 {
	background:url(f008.png) no-repeat;
	width:173px;
	height:99px;
	left: 140px;
	top: 187px;
}	
.saying .say9 {
	background:url(f009.png) no-repeat;
	width:134px;
	height:119px;
	left: 300px;
	top: 153px;
}	
.saying .say10 {
	background:url(f010.png) no-repeat;
	width:167px;
	height:107px;
	left: 6px;
	top: 150px;
}

/* ------------------------ */
.copy {
	font-size:74%;
	text-align:right;
	color:#fff;
	padding: 4px 0;
}
.tojo {
	background:url(tojo.gif) no-repeat;
	width:204px;
	height:77px;
	font-size:4px;
	text-indent:-9999px;
	margin:10px 0 36px;
}
.toppage {
	position:absolute;
	left: 635px;
	top: 452px;
	height: 31px;
}
.twitter {
	position:absolute;
	left: 569px;
	top: -4px;
	height: 31px;
}
/* ------------------------ */
.comics_kokos {
	width:770px;
	background:#003a62;
	color:#fff;
}
.comics_kokos h2 {
	background:url(cmc_top.gif) no-repeat;
	height:32px;
	font-size:4px;
	text-indent:-9999px;
}
.comics_kokos ul {
	padding:0 0 0px 14px;
}
.comics_kokos li {
	float:left;
	list-style-type:none;
	margin-right:4px;
}
.comics_kokos p.btm {
	background:url(cmc_btm.gif) bottom left no-repeat;
	padding:2px 14px 8px;
	font-size:80%;
}
.tokuso li {
	width:360px;
	margin-bottom:8px;
}
.tokuso strong {
	color:#ffff00;
}
.cover {
	float:left;
	margin-right:8px;
}
/* ------------------------ */
#pFooter {
	padding:18px;
}

/***********

news—p


#news{background:#000;color:#fff;padding:0 15px;margin:20px 0 0 0;}
#news h2{margin:0 0 5px 0;padding:10px 0;}
#news h3{border-left:#fcd500 5px solid;border-bottom:#fcd500 2px solid;margin:0 0 5px 0;padding:0 0 0 5px;font-weight:bold;}
#news p.text{background:#FFF;color:#000;padding:10px;margin:0 0 20px 0;}
#news div.text{background:#FFF;color:#000;padding:10px;margin:0 0 20px 0;}
.cast_staff{color:#900;font-weight:bold;}
.left_border{border-left:#000 dotted 1px;line-height:1.3em;padding:0 0 0 20px;}
.new_icon{background:#F00;font-size:10px;padding:1px 1px 1px 5px;height:12px;margin-top:3px;margin-right:5px;width:25px;float:left;}

************/


/****************

new index

****************/
.pgtop{font-size:80%;text-align:right;}
a:link{color:#7e0000;}
a:hover {color:#0000ff;}

#jormungandWrapper{width:960px;background:#01171a;}
#menu_bg{background:url(images/index/menu_bg.jpg) no-repeat;width:960x;height:48px;}
#menu_bg_sp,#banner_sp{visibility:hidden;height:0;text-indent:-999em;}
#leftmain{width:758px;float:left;}
#rightmain{width:188px;float:left;margin:0 0 0 7px;}

/**news**/
#news{background:#fff;color:#000;text-align:left;font-size:100%;margin:0 0 20px 0;}
#news h2{margin:0 0 20px 0;}
#news h3{border-left:#fcd500 5px solid;border-bottom:#fcd500 2px solid;margin:0 0 5px 0;padding:0 0 0 5px;font-weight:bold;}
#news dl{margin:0;}
#news dt{border-left:#7e0000 5px solid;border-bottom:#7e0000 2px solid;margin:0 10px 5px 10px;padding:0 0 0 5px;font-weight:bold;color:#7e0000;}
#news dd{color:#000;padding:10px;margin:0 13px 20px 13px;border-bottom:#7e0000 dotted 1px;}
p.topup{color:#7e0000;font-size:70%;text-align:right;}
.new_icon{background:#F00;font-size:10px;padding:1px 1px 1px 5px;height:12px;margin-top:1px;margin-right:5px;width:25px;float:left;color:#FF0;}
html[xmlns*=""] body:last-child .new_icon {
   background:#F00;font-size:10px;padding:1px 1px 1px 5px;height:12px;margin-top:0;margin-right:5px;width:25px;float:left;color:#FF0;
 }

/**caststaff**/
#cast_staff{background:#fff;color:#000;text-align:left;font-size:100%;margin:0 0 20px 0;}
#cast_staff h2{margin:0 0 20px 0;}
#cast_staff table{width:592px;}
#cast_staff td{width:275px;padding:0 0 20px 20px;border-right:#000 dotted 1px;}
.cast_staff{color:#900;font-weight:bold;}

/**movie**/
#movie{background:#fff;color:#000;text-align:left;font-size:100%;margin:0 0 20px 0;padding:0 0 20px 0;}
#movie h2{margin:0 0 20px 0;}

/**comic**/
#comic{background:#fff;color:#000;text-align:left;font-size:100%;margin:0 0 20px 0;padding:5px 0 5px 4px;font-size:70%;}
#comic h2{margin:0 0 4px 0;}
#comic img{margin:0 0 2px 2px;}

#banner{color:#000;text-align:left;font-size:100%;margin:0 0 20px 0;padding:0;}


/********************

equipments

********************/
#equipmentsWrapper{width:100%;background:#FFF;}
table.pre,table.next{background:#fff9c4;border-left:#000 1px solid;border-top:#000 1px solid;font-size:85%;width:100%;}
table.pre th{width:255px;background:#999999;padding:0 5px;color:#007d51;border-right:#000 1px solid;border-bottom:#000 1px solid;text-align:left;font-weight:bold;}
table.next th{width:255px;background:#999999;padding:0 5px;color:#fd92d6;border-right:#000 1px solid;border-bottom:#000 1px solid;text-align:left;font-weight:bold;}
table.pre td,table.next td{width:255px;padding:5px;border-right:#000 1px solid;border-bottom:#000 1px solid;}

#equipmentsWrapper .lead{padding:10px;}
#equipmentsWrapper .pgtop{background:#af996e;}

/**0531goods**/
ul.goods_list{list-style:none;}
ul.goods_list li{font-size:80%;width:177px;float:left;margin:0 5px 5px 0;}
ul.goods_list strong{color:#39C;font-size:100%;}
ul.goods_list img{border:#999 1px solid;}
ul.goods_list span.chuki{font-size:70%;}

/**0601**/
table.goods_list{font-size:90%;}
table.goods_list td{padding:10px 0;border-bottom:#333 dotted 1px;}
table.goods_list strong{color:#39C;font-size:100%;}
table.goods_list img{border:#999 1px solid;}

/**0601**/
table.goods_list2{font-size:90%;}
table.goods_list2 td{padding:10px 0;}
table.goods_list2 strong{color:#39C;font-size:100%;}
table.goods_list2 img{border:#999 1px solid;}

/**0719**/
.price{color:#F00;}
.company{clear:left;padding-top:20px;}

.open,.close{width:100%;text-align:center;}
.open img{width:50%;text-align:center;margin:0 auto;}
.close img{width:50%;text-align:center;}

}
/****************************************************************

SP

****************************************************************/
@media only screen and (max-width: 656px) {

#jormungandWrapper h1#header_title{margin:0;padding:0;}

#jormungandWrapper #sp_menu{width:100%;margin:0;padding:0;}
#jormungandWrapper #sp_menu a{width:25%;float:left;}

#jormungandWrapper #sp_banner{width:100%;margin:0 auto;overflow:hidden;}

#jormungandWrapper #sp_banner a{width:48%;float:left;margin:0 1%;}
	
#scgf_comicWrapper,
#contentWrapper {
	background: url(bg.gif) repeat-y;
	text-align:left;
	width:100%;
}
#pHeader {
	width:100%;
	height:162px;
	background:url(title.gif) no-repeat;
}
#pHeader * {
	font-size:4px;
	text-indent:-9999px;
}



.status {
	background:url(status_top.gif) no-repeat;
	width:303px;
	font-size:80%;
	margin-top:15px;
}
.status h2 {
	height:40px;
	font-size:4px;
	text-indent:-9999px;
}
.status p {
	background:url(status_btm.gif) bottom;
	padding:0 12px 12px;
}

/* ------------------------ */
.navi {
	margin:24px 0 17px 8px;
}
.navi li {
	position:relative;
	width:264px;
	height:54px;
	list-style-type:none;
	font-size:4px;
}
.navi li a {
	display:block;
	overflow:hidden;
	width:100%;
	height:0 !important;
	
	padding-top:54px;
	background-image:url(navi.png);
}
.navi p {
	background-image:url(navi.png);
	width:264px;
	height:54px;
	text-indent:-9999px;
	font-size:8px;
}
.nav1 a { background-position:	0	0;}
.nav2 a { background-position:	0	-54px;}
.nav3 a { background-position:	0	-108px;}
.nav4 a { background-position:	0	-162px;}
.nav1 a:hover { background-position:	-264px	0;}
.nav2 a:hover { background-position:	-264px	-54px;}
.nav3 a:hover { background-position:	-264px	-108px;}
.nav4 a:hover { background-position:	-264px	-162px;}
.nav1 p { background-position:	-528px	0;}
.nav2 p { background-position:	-528px	-54px;}
.nav3 p { background-position:	-528px	-108px;}
.nav4 p { background-position:	-528px	-162px;}

.navi .N {
	position:absolute;
	top:-5px;
	left:-17px;
	display:block;
	background:url(new.png) no-repeat;
	width:36px;
	height:31px;
	text-indent:-9999px;
}

/* ------------------------ */
.saying {
	position:absolute;
	width:501px;
	height:527px;
	right:0;
	top:10px;
	background:url(pin.gif) no-repeat top right;
	list-style-type:none;
}
.saying .btn {
	position:absolute;
	display:block;
	font-size:4px;
	text-indent:-9999px;
	width:20px;
	height:20px;
}
.saying .say {
	position:absolute;
	display:none;
	font-size:4px;
	text-indent:-9999px;
}
.saying .btn1 {
	left: 20px;
	top: 379px;
}
.saying .btn2 {
	left: 214px;
	top: 176px;
}
.saying .btn3 {
	left: 216px;
	top: 261px;
}
.saying .btn4 {
	left: 131px;
	top: 72px;
}
.saying .btn5 {
	left: 468px;
	top: 281px;
}
.saying .btn6 {
	left: 112px;
	top: 154px;
}
.saying .btn7 {
	left: 325px;
	top: 87px;
}
.saying .btn8 {
	left: 298px;
	top: 446px;
}
.saying .btn9 {
	left: 408px;
	top: 371px;
}
.saying .btn10 {
	left: 333px;
	top: 191px;
}
.saying .say1 {
	background:url(f001.png) no-repeat;
	width:167px;
	height:120px;
	left: 202px;
	top: -17px;
}
.saying .say2 {
	background:url(f002.png) no-repeat;
	width:188px;
	height:108px;
	left: 324px;
	top: 160px;
}	
.saying .say3 {
	background:url(f003.png) no-repeat;
	width:174px;
	height:92px;
	left: 163px;
	top: 135px;
}	
.saying .say4 {
	background:url(f004.png) no-repeat;
	width:160px;
	height:108px;
	left: 209px;
	top: 182px;
}	
.saying .say5 {
	background:url(f005.png) no-repeat;
	width:192px;
	height:121px;
	left: 270px;
	top: 208px;
}	
.saying .say6 {
	background:url(f006.png) no-repeat;
	width:192px;
	height:97px;
	left: 318px;
	top: -5px;
}	
.saying .say7 {
	background:url(f007.png) no-repeat;
	width:192px;
	height:97px;
	left: 318px;
	top: 200px;
}	
.saying .say8 {
	background:url(f008.png) no-repeat;
	width:173px;
	height:99px;
	left: 140px;
	top: 187px;
}	
.saying .say9 {
	background:url(f009.png) no-repeat;
	width:134px;
	height:119px;
	left: 300px;
	top: 153px;
}	
.saying .say10 {
	background:url(f010.png) no-repeat;
	width:167px;
	height:107px;
	left: 6px;
	top: 150px;
}

/* ------------------------ */
.copy {
	font-size:74%;
	text-align:right;
	color:#fff;
	padding: 4px 0;
}
.tojo {
	background:url(tojo.gif) no-repeat;
	width:204px;
	height:77px;
	font-size:4px;
	text-indent:-9999px;
	margin:10px 0 36px;
}
.toppage {
	position:absolute;
	left: 635px;
	top: 452px;
	height: 31px;
}
.twitter {
	position:absolute;
	left: 569px;
	top: -4px;
	height: 31px;
}
/* ------------------------ */
.comics_kokos {
	width:770px;
	background:#003a62;
	color:#fff;
}
.comics_kokos h2 {
	background:url(cmc_top.gif) no-repeat;
	height:32px;
	font-size:4px;
	text-indent:-9999px;
}
.comics_kokos ul {
	padding:0 0 0px 14px;
}
.comics_kokos li {
	float:left;
	list-style-type:none;
	margin-right:4px;
}
.comics_kokos p.btm {
	background:url(cmc_btm.gif) bottom left no-repeat;
	padding:2px 14px 8px;
	font-size:80%;
}
.tokuso li {
	width:360px;
	margin-bottom:8px;
}
.tokuso strong {
	color:#ffff00;
}
.cover {
	float:left;
	margin-right:8px;
}
/* ------------------------ */
#pFooter {
	padding:18px;
}


/****************

new index

****************/
.pgtop{font-size:80%;text-align:right;}
a:link{color:#7e0000;}
a:hover {color:#0000ff;}

#jormungandWrapper{width:100%;background:#01171a;}
#menu_bg{display:none;}
#menu_bg_sp{width:100%;}
#menu_bg_sp img{width:25%;}
#banner_sp{width:100%;margin:0 auto;}
#banner_sp img{width:48%;margin:3% 1%;}
#leftmain{width:98%;margin:0 auto;height:100%;}
#rightmain,#comic,#banner{display:none;}

/**news**/
#news{background:#fff;color:#000;text-align:left;font-size:90%;margin:0 0 20px 0;}
#news h2{margin:0 0 20px 0;}
#news h3{border-left:#fcd500 5px solid;border-bottom:#fcd500 2px solid;margin:0 0 5px 0;padding:0 0 0 5px;font-weight:bold;}
#news dl{margin:0;width:100%;overflow:hidden; }
#news dt{border-left:#7e0000 5px solid;border-bottom:#7e0000 2px solid;margin:0 10px 5px 10px;padding:0 0 0 5px;font-weight:bold;color:#7e0000;}
#news dd{color:#000;padding:10px;margin:0 13px 20px 13px;border-bottom:#7e0000 dotted 1px;line-height:1.3em;}
p.topup{color:#7e0000;font-size:70%;text-align:right;}
.new_icon{background:#F00;font-size:10px;padding:1px 1px 1px 5px;height:12px;margin-top:1px;margin-right:5px;width:25px;float:left;color:#FF0;}
html[xmlns*=""] body:last-child .new_icon {
   background:#F00;font-size:10px;padding:1px 1px 1px 5px;height:12px;margin-top:0;margin-right:5px;width:25px;float:left;color:#FF0;
 }

/**caststaff**/
#cast_staff{background:#fff;color:#000;text-align:left;font-size:100%;margin:0 0 20px 0;}
#cast_staff h2{margin:0 0 20px 0;}
#cast_staff table{width:100%;}
#cast_staff td{width:50%;padding:0 0 20px 20px;border-right:#000 dotted 1px;}
.cast_staff{color:#900;font-weight:bold;}

/**movie**/
#movie{background:#fff;color:#000;text-align:left;font-size:100%;margin:0 0 20px 0;padding:0 0 0 0;position: relative;overflow:hidden;}
#movie h2{margin:0 0 0 0;}



/**comic**/
#comic{background:#fff;color:#000;text-align:left;font-size:100%;margin:0 0 20px 0;padding:5px 0 5px 4px;font-size:70%;}
#comic h2{margin:0 0 4px 0;}
#comic img{margin:0 0 2px 2px;}

#banner{color:#000;text-align:left;font-size:100%;margin:0 0 20px 0;padding:0;}


/********************

equipments

********************/
#equipmentsWrapper{width:592px;background:#FFF;}
table.pre,table.next{background:#fff9c4;border-left:#000 1px solid;border-top:#000 1px solid;font-size:85%;width:592px;}
table.pre th{width:255px;background:#999999;padding:0 5px;color:#007d51;border-right:#000 1px solid;border-bottom:#000 1px solid;text-align:left;font-weight:bold;}
table.next th{width:255px;background:#999999;padding:0 5px;color:#fd92d6;border-right:#000 1px solid;border-bottom:#000 1px solid;text-align:left;font-weight:bold;}
table.pre td,table.next td{width:255px;padding:5px;border-right:#000 1px solid;border-bottom:#000 1px solid;}

#equipmentsWrapper .lead{padding:10px;}
#equipmentsWrapper .pgtop{background:#af996e;}

/**0531goods**/
ul.goods_list{list-style:none;}
ul.goods_list li{font-size:80%;width:177px;float:left;margin:0 5px 5px 0;}
ul.goods_list strong{color:#39C;font-size:100%;}
ul.goods_list img{border:#999 1px solid;}
ul.goods_list span.chuki{font-size:70%;}

/**0601**/
table.goods_list{font-size:90%;}
table.goods_list td{padding:10px 0;border-bottom:#333 dotted 1px;}
table.goods_list strong{color:#39C;font-size:100%;}
table.goods_list img{border:#999 1px solid;}

/**0601**/
table.goods_list2{font-size:90%;}
table.goods_list2 td{padding:10px 0;}
table.goods_list2 strong{color:#39C;font-size:100%;}
table.goods_list2 img{border:#999 1px solid;}

/**0719**/
.price{color:#F00;}
.company{clear:left;width:80%;font-size:0.8em;}


.open,.close{width:80%;margin:0 auto;}

/**youtube**/
.rwd_embed {
position: relative;
margin: 20px 0;
padding-bottom: 56.25%;
padding-top: 30px;
overflow: hidden;
max-width: 100%;
height: auto;
}
 
.rwd_embed iframe, .rwd_embed object, .rwd_embed embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#sp-menu{top:75px !important;}	


}