/* box-shadow: 0 0 10px rgba(0,0,0,0.6); */


/* ローテーションバナー Loading*/
.nivoSlider {
    position: relative;
	height:300px;
    background: url(../imgs/parts/gif-load.gif) no-repeat 50% 50%;
}
/* @end */



@charset "utf-8";
/* @group Reset */
*{
  margin: 0;padding: 0;
  border: none;
  word-break: normal !important;
}
a, { text-decoration : none}
ul, ol, dl { list-style : none}
img { vertical-align : top;}
/* @end */

/* @group Fluid-img */
img { max-width : 100%}
*{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
/* @end */

/* @group text-size-adjust */
* { -webkit-text-size-adjust: none; }
/* @end */

/* @group lt IE 9  */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* @end */

/* @group HTML */
html {
font-family : verdana, sans-serif;
font-size: 62.5%;
line-height : 1.5;
background :
}
/* @end */

/*font-family*/
html,button,input,select,textarea {
    font-family: sans-serif;
}
body, textarea { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; } 
input, select { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
/*font-family*/

body{
	min-width:320px;
	background:#000000;
	color:#FFFFFF;
	font-size: 1.4rem;
    word-break: break-all;
}
#wrap {
	min-width:320px;
	position:absolute;
	width: 100%;
	height: 100%;
	overflow:auto;
	z-index: 1;
	margin: 0 !important;
	padding: 0 !important
}



article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
	background-color: #c0c0c0;
	border-radius:4px;
}
.ipod input,
.ipad input,
.iphone input{
font-size: 16px; 
}


/* @group p */
p{
  text-align:justify;
  font-size : 14px;
  line-height : 1.5;
} /* 24px */
/* @end */

/* @group Heading */
h1,h2 {
font-size : 14px;
line-height : 1} /* 24px */
h3,h4 {
font-size : 14px;
line-height : 1.2} /* 24px */
h5,h6 {
font-size : 14px;
line-height : 1.5} /* 24px */
h1,h3,h5 {
letter-spacing: 0.2em;}
h2,h4,h6 {
letter-spacing: 0.1em;}
h1 .hstring,h2 .hstring,h3 .hstring,h4 .hstring,h5 .hstring,h6 .hstring{
display:none;
}
/* @end */

/* @group table */
th{font-weight:normal;}
/* @end */


/* @group A */
a{color: #FF8C00;text-decoration: none;}
.fake{color: #FF8C00;text-decoration: none;}
/* @end */


#promoto {
  clear:both;
  width:100%;
}
#promoto ul{
  width:100%;
}
#promoto li{
  display:display;
  height:30px;
  font-size:1.2rem;
  text-align:center;
  line-height:30px;
  vertical-align:bottom;
//  border-top:solid 1px #262626;
  border-bottom:solid 1px #262626;
  background-color:rgba(0,0,0,1);
  background-image:url('../imgs/parts/narrow/link-minimum.png');
  background-repeat: no-repeat;
  background-position: right center;
  background-position: right 5px center;
}
#promoto li a{
  display:table;
  width:100%;
  color:#CCCCCC;
}
#promoto li a>dl{
  display:table-row;
  width:100%;
}
#promoto li a>dl>dt,
#promoto li a>dl>dd{display:table-cell;}
#promoto li a>dl>dt{
  width:40%;
  vertical-align:top;
  text-align:right;
}
#promoto li a>dl>dd{
  width:60%;
  vertical-align:middle;
  text-align:left;
}
#apromoto li:hover a{
  color:#FFFFFF;
}

#promoto {
  width:100%
  display:block;
}
#promoto img{
  vertical-align:middle;
  max-height:24px;
}
#promoto li:hover{background-color:#660000;}

#promoto #creative-zero img{
  border-radius:2px;
  max-width:22px;
  padding:0 2px;
  background-color:rgba(255,255,255,.75);
}
#promoto #creative-zero:hover img{
  background-color:rgba(255,255,255,1);
}




/* @group Footer */
footer{
	padding:10px 10px 0;
	margin:0;
    background-color:#000000;
	overflow:hidden;
    clear:both;
}
footer aside.copyright{
    float:right;
	font-size:.9rem;
	color:#999999;
}
/* @end */

/* @priority */
.active{ }
/* @end */


/* structure */
.display_w{display:none;}
.display_m{display:none;}
.display_mw{display:none;}
.display_nm{display:block;}
.display_n{display:block:}

.inline{display:none;}
.inline_w{display:none;}
.inline_m{display:none;}
.inline_mw{display:none;}
.inline_nm{display:inline;}
.inline_n{display:inline:}
.inline-block{display:inline-block}

.br_n{display:inline:}
br.m,
br.w,
br.mw{display:none;}
@media screen and (min-width :641px){
br.nw,
br.w,
br.n{display:none;}
br.m,
br.mw{display:inline;}
}
@media screen and (min-width :769px){
br.m,
br.nm{display:none;}
br.nw,
br.w{display:inline;}
}

.d-block{display:block;}

.hv-red:hover{
  background-color:#660000;
}




.clear,
.clear_n{clear:both}
.clearfix:after,  
.clearfix_n:after{  
 content: ".";
 display: block;
 visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
/* @end */

/* debug bg */
.bg_clear {background-color: transparent;}
.bg_black {background-color:rgb(0,0,0)}
.bg_red {background-color:rgb(214,41,54)}
.bg_green {background-color:rgb(94,170,78)}
.bg_blue {background-color:rgb(54,105,162)}
.bg_yellow {background-color:rgb(170,170,34)}
.bg_brown {background-color:rgb(153,102,51)}
.bg_purple {background-color:rgb(111,61,121)}
.bg_dark {background-color:rgb(22,22,22)}


.bg_clear {background-color: transparent;}
.bg_black {background-color:rgba(0,0,0,1)}
.bg_red {background-color:rgba(214,41,54,1)}
.bg_green {background-color:#019B44}
.bg_blue {background-color:#0EA0E9}
.bg_yellow {background-color:#F8B724}
.bg_brown {background-color:#B28246}
.bg_purple {background-color:#99195E}
.bg_dark {background-color:rgba(22,22,22,1)}
/* @end */

/* text decoration */
.red {color:#FF0000;}
.grayout {color : #666666;}
.lightgreen {color : #99CC99;}
.l-spc-0 {letter-spacing: 0em;}
.l-spc-01 {letter-spacing: 0.1em;}
.l-spc-02 {letter-spacing: 0.2em;}
.l-spc-03 {letter-spacing: 0.3em;}
.l-spc-04 {letter-spacing: 0.4em;}
.l-spc-05 {letter-spacing: 0.5em;}
.t-align-r {text-align:right;}
.t-align-c {text-align:center;}
.t-align-l {text-align:left;}

span.nobr {white-space: nowrap;}
/* @end */

/* block decoration */
.transparent{
  opacity:0;
}
.semitransparent{
  opacity:0.5;
}
.quartertransparent{
  opacity:0.25;
}
/* @end */


/* 特殊ステージアイコン用*/
.blue,
.gray,
.yellow,
.navy,
.orange,
.oranget,
.vermilion,
.apricot,
.darkred,
.green,
.special,
.pink,
.buppan,
.verde_malachite,
.another,
.aftertalk,
.hightouch,
.open,
.rookie,
.ifif,
.story,
.idafeld,
 .darkmagenta,
 .valhalla-c,
.valhalla{
  display:inline;
  padding:1px 2px;
  border:solid 1px rgba(255,255,255,.4);
  border-radius:4px;
  color:white;
																													}
																													
.orange{background-color: #006e2e;}
.oranget{background-color: #ffa500;}

.darkred{background-color: #8B0000;}
.pink{background-color: #FF68EE;}
.darkmagenta{background-color: #8B008B;}
.navy,
.open{background-color:#2c539e;}
.verde_malachite{background-color:#00898F;}
.gray{background-color:#555555;}
.ifif{background-color:#4E9D94;}
.vermilion{background-color:#EF454A;}
.apricot{background-color:#FF8F22;}
.green{background: #299a0b; /* Old browsers */}
.rookie{background: #299a0b; /* Old browsers */}
.idafeld{background: #AB4569;}
.story{background: #6FB24B;}
.valhalla{
background: #fcfff4; /* Old browsers */
background: -moz-linear-gradient(left, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* IE10+ */
background: linear-gradient(to right, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=1 ); /* IE6-9 */
	color:#444444 !important;
	text-shadow: -1px -1px 1px rgba(255,255,255,1);  
}
.valhalla-c{
background: #e5e696; /* Old browsers */
background: -moz-linear-gradient(left, #e5e696 0%, #d1d360 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e5e696), color-stop(100%,#d1d360)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #e5e696 0%,#d1d360 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #e5e696 0%,#d1d360 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #e5e696 0%,#d1d360 100%); /* IE10+ */
background: linear-gradient(to right, #e5e696 0%,#d1d360 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e696', endColorstr='#d1d360',GradientType=1 ); /* IE6-9 */
	color:#444444 !important;
	text-shadow: -1px -1px 1px rgba(255,255,255,1);  
}
.special{background-color:#1531AE;}
.buppan{background-color:#A66B00;}
.blue,
.aftertalk{background:  #4096ee; /}
.yellow{background:rgb(170,170,34)}
.another,
.hightouch{background: #ff670f;}
.glay{background-color:#7D8580;}
/* @end */

div#top{
  background:url('../imgs/parts/home/bg_marble_mono.png') repeat repeat left top;
}

/*group #header */
header{
	background:#101010;
	padding:8px 5px 8px 10px;
	overflow:hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
header h1 {
  display:block;  
  float:left;
  margin:0
  width:100px;
}
header h1 span{
  display:inline;
}
header h1 img{vertical-align:middle;}

header h1 img#logotype{
  height:48px;
  border-radius:4px;
}
header h1 img#logotext{
  margin-left:5px;
  width:184px;
}
header h1 a:hover img#logotype{
  background-color:#660000;
}

header .roof_logo{
	float:right;
        height:32px;
	margin: 4px 10px 0 10px;
}

header .roof_logo:hover{
	opacity:0.9;
}



header .roof_button,
header .roof_icon_button{
	float:right;
    height:30px;
    line-height:26px;
	margin: 8px 0 0 10px;
	margin: 8px 0 0 4px;
	background-color: #990000;
	border-radius:4px;
	font-size:1rem;
	font-weight:bold;
	color: #ffffff;
}

header .roof_button:hover,
header .roof_icon_button:hover{
	background-color: #660000;
}
header #menu_button{
	background-color: #e6c828;
}
header .roof_button{
	padding: 2px 1em;
}
header .roof_icon_button{
  padding: 2px 6px 2px 2.5em;
  background-repeat: no-repeat;
  background-position: 4px center,0 0;
  text-shadow: 1px 1px 2px #3c1414, 0px 0px 5px #3c1414;  
  border:outset 1px rgba(64,00,000,.5);
}

.bg_icon_menu_s{
  padding: 2px 6px 2px 2.5em;
  background:url('../imgs/parts/titleicon/s/menu.png'),rgb(60,20,20); /* Old browsers */
  background:url('../imgs/parts/titleicon/s/menu.png'),-moz-linear-gradient(-45deg, rgba(60,20,20,1) 0%, rgba(180,130,30,1) 16%, rgba(230,200,40,1) 39%, rgba(180,130,30,1) 64%, rgba(230,215,90,1) 87%, rgba(240,240,200,1) 100%); /* FF3.6+ */
  background:url('../imgs/parts/titleicon/s/menu.png'),-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(60,20,20,1)), color-stop(16%,rgba(180,130,30,1)), color-stop(39%,rgba(230,200,40,1)), color-stop(64%,rgba(180,130,30,1)), color-stop(87%,rgba(230,215,90,1)), color-stop(100%,rgba(240,240,200,1))); /* Chrome,Safari4+ */
  background:url('../imgs/parts/titleicon/s/menu.png'),-webkit-linear-gradient(-45deg, rgba(60,20,20,1) 0%,rgba(180,130,30,1) 16%,rgba(230,200,40,1) 39%,rgba(180,130,30,1) 64%,rgba(230,215,90,1) 87%,rgba(240,240,200,1) 100%); /* Chrome10+,Safari5.1+ */
  background:url('../imgs/parts/titleicon/s/menu.png'),-o-linear-gradient(-45deg, rgba(60,20,20,1) 0%,rgba(180,130,30,1) 16%,rgba(230,200,40,1) 39%,rgba(180,130,30,1) 64%,rgba(230,215,90,1) 87%,rgba(240,240,200,1) 100%); /* Opera 11.10+ */
  background:url('../imgs/parts/titleicon/s/menu.png'),-ms-linear-gradient(-45deg, rgba(60,20,20,1) 0%,rgba(180,130,30,1) 16%,rgba(230,200,40,1) 39%,rgba(180,130,30,1) 64%,rgba(230,215,90,1) 87%,rgba(240,240,200,1) 100%); /* IE10+ */
  background:url('../imgs/parts/titleicon/s/menu.png'),linear-gradient(-45deg, rgba(60,20,20,1) 0%,rgba(180,130,30,1) 16%,rgba(230,200,40,1) 39%,rgba(180,130,30,1) 64%,rgba(230,215,90,1) 87%,rgba(240,240,200,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c1414', endColorstr='#f0f0c8',GradientType=0 ); /* IE6-9 */
}

.bg_icon_exam_s{
	background-image:url('../imgs/parts/titleicon/s/exam.png'),
		url('../imgs/parts/home/bg-marble.png');
}
.bg_icon_fta_s{
	background-image:url('../imgs/parts/titleicon/s/fta.png'),
                     url('../imgs/parts/home/bg-marble.png');
	}
.bg_icon_flag_s{
	background-image:url('../imgs/parts/titleicon/s/flag.png'),
                     url('../imgs/parts/home/bg-marble.png');
	}
.bg_icon_stella_s{
	background-image:url('../imgs/parts/titleicon/s/stella.png'),
		url('../imgs/parts/home/bg-marble.png');
}
.bg_icon_dismiss_s{
	background-image:url('../imgs/parts/titleicon/s/dismiss.png'),
                     url('../imgs/parts/home/bg-marble.png');
	}
.bg_icon_village_s{
	background-image:url('../imgs/parts/titleicon/s/village.png'),
                     url('../imgs/parts/home/bg-marble.png');
	}
				.bg_icon_alpha_s{
					background-image:url('../imgs/parts/titleicon/s/alpha.png'),
						url('../imgs/parts/home/bg-marble.png');
				}
.bg_icon_nicofarre_s{
	background-image:url('../imgs/parts/titleicon/s/nicofarre.png'),
                     url('../imgs/parts/home/bg-marble.png');
	}
.bg_icon_depth_s{
	background-image:url('../imgs/parts/titleicon/s/depth.png'),
                     url('../imgs/parts/home/bg-marble.png');
	}
.bg_icon_ragnarok_s{
	background-image:url('../imgs/parts/titleicon/s/ragnarok.png'),
                     url('../imgs/parts/home/bg-marble.png');
	}
.bg_icon_spacebros_s{
	background-image:url('../imgs/parts/titleicon/s/spacebros.png'),
                     url('../imgs/parts/home/bg-marble.png');
	}
.bg_icon_mission_s{
	background-image:url('../imgs/parts/titleicon/s/mission.png'),
                     url('../imgs/parts/home/bg-marble.png');
	;}
.bg_icon_witch_s{
	background-image:url('../imgs/parts/titleicon/s/witch.png'),
                     url('../imgs/parts/home/bg-marble.png');
	;}
.bg_icon_steam_s{
  background:url('../imgs/parts/titleicon/s/steam.png'),
             url('../imgs/parts/home/bg-marble.png');
	}
.bg_icon_shinsengumi_s{
  background:url('../imgs/parts/titleicon/s/shinsengumi.png'),
             url('../imgs/parts/home/bg-marble.png');
	}
.bg_icon_ani5th_s{
  background:url('../imgs/parts/titleicon/s/ani5th.png'),
             url('../imgs/parts/home/bg-marble.png');
	}
.bg_icon_psycho-pass_s{
  background:url('../imgs/parts/titleicon/s/psycho-pass.png'),
             url('../imgs/parts/home/bg-marble.png');
	}
.bg_icon_ragnarok_s{
  background:url('../imgs/parts/titleicon/s/ragnarok.png'),
             url('../imgs/parts/home/ragnarok.png');
	}
.bg_icon_spacebros_s{
  background:url('../imgs/parts/titleicon/s/spacebros.png'),
             url('../imgs/parts/home/spacebros.png');
	}
.bg_icon_unknown_s{
	background-image:
		url('../imgs/parts/titleicon/s/villages.png'),
		url('../imgs/parts/home/bg-marble.png');
	}
.bg_icon_mail_s{
	background-image:url('../imgs/parts/titleicon/s/mail.png'),
                     url('../imgs/parts/home/bg-marble.png');
	}
.bg_icon_tlpt_s{
	background-image:url('../imgs/parts/titleicon/s/tlpts.png'),
		url('../imgs/parts/home/bg-marble.png');
}
.bg_icon_menu_s:hover{background:url('../imgs/parts/titleicon/s/menu.png') no-repeat 4px center,0 0;}
.bg_icon_steam_s:hover{background:url('../imgs/parts/titleicon/s/steam.png') no-repeat 4px center,0 0;}
.bg_icon_village_s:hover{background-image:url('../imgs/parts/titleicon/s/village.png');}
.bg_icon_nicofarre_s:hover{background-image:url('../imgs/parts/titleicon/s/nicofarre.png');}
.bg_icon_dismiss_s:hover{background-image:url('../imgs/parts/titleicon/s/dismiss.png');}
.bg_icon_fta_s:hover{background-image:url('../imgs/parts/titleicon/s/fta.png');}
.bg_icon_exam_s:hover{background-image:url('../imgs/parts/titleicon/s/exam.png');}
.bg_icon_stella_s:hover{background-image:url('../imgs/parts/titleicon/s/stella.png');}
.bg_icon_depth_s:hover{background-image:url('../imgs/parts/titleicon/s/depth.png');}
.bg_icon_ragnarok_s:hover{background-image:url('../imgs/parts/titleicon/s/ragnarok.png');}
.bg_icon_spacebros_s:hover{background-image:url('../imgs/parts/titleicon/s/spacebros.png');}
.bg_icon_alpha_s:hover{background-image:url('../imgs/parts/titleicon/s/alpha.png');}
.bg_icon_shinsengumi_s:hover{background-image:url('../imgs/parts/titleicon/s/shinsengumi.png')}
.bg_icon_ani5th_s:hover{background-image:url('../imgs/parts/titleicon/s/ani5th.png')}
.bg_icon_psycho-pass_s:hover{background-image:url('../imgs/parts/titleicon/s/psycho-pass.png')}
.bg_icon_ani5th_s:hover{background-image:url('../imgs/parts/titleicon/s/ani5th.png')}
.bg_icon_mail_s:hover{background:url('../imgs/parts/titleicon/s/mail.png') no-repeat 7px center,0 0;}
.bg_icon_tlpts_s:hover{background:url('../imgs/parts/titleicon/s/tlpts.png') no-repeat 7px center,0 0;}

/* @end */

/*group #top */
#top{
  margin:0 auto;
  background-color:#262626;
//  border-right:solid 1px #660000;
//  border-left:solid 1px #660000;
}
/* @end */

/*group #trunk */
#trunk{
  width:100%;
}

#trunk h1,#trunk h2,#trunk h3,#trunk h4,#trunk h5,#trunk h6{
  text-align:center;
  line-height:1.4em;
  width:100%;
  display:block;
  margin:0;
  background-repeat: no-repeat;
  background-position: right center;
  background-position: right 5px center;
  font-weight:normal;
}

#trunk h1,#trunk h2{
  line-height:2em;
  background-color:#5B1A1A;
}
#trunk h3{
  line-height:2em;
  background-color:#005200;
  background-image:url('../imgs/parts/narrow/list.png');
}
#trunk h3.focus{
  background-color:#990000;
}

#trunk p{
  font-size:1.4rem;
  margin:10px;
  width:auto;
}
.dltable{
  display:table;
  margin:0 auto;
}
.dltable dl{
  display:table-row;
}
.dltable dl>dt,
.dltable dl>dd{
  display:table-cell;
}
.dltable dl>dt{
  vertical-align:top;
  text-align:right;
}
.dltable dl>dd{
  vertical-align:middle;
  text-align:left;
}

ul.basicinfo{
  margin:0 10px 10px;
}

ul.note{
  font-size:1.2rem;
  color:#CCCCCC;
  margin:0 10px 10px;
  width:auto;
  list-style-type: square;
  text-align:left;
  padding-left:1em;
}
figure{
	display:block;
	margin:0 auto 5px;
}
table{
    margin:0 auto 10px;
    color:#FFFFFF;
	border-top:1px solid #222222;
    border-left:1px solid #222222;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
	font-size:1.2rem;
}
table tr{
	height:40px;  
}
table th{
    border-right:1px solid #222222;
    border-bottom:1px solid #222222;
    text-align:center;
}
table td{
	border-right:1px solid #222222;
    border-bottom:1px solid #222222;
    padding:2px 4px;
}
figure img.img {
	border-radius:5px;
	box-shadow: 1px 1px 3px  rgba(0,0,0,0.7);
}
.list,
.list-ss{
  background-repeat: no-repeat;
  background-position: right center;
  background-position: right 5px center;
  border-top:solid 1px #111111;
}
.list{background-image:url('../imgs/parts/narrow/list.png');}
.list-ss{background-image:url('../imgs/parts/narrow/list-ss.png');}

.link,
.link-s,
.link-ss,
.link-minimum,
.hover-link:hover{
  background-repeat: no-repeat;
  background-position: right center;
  background-position: right 5px center;
}
.link{background-image:url('../imgs/parts/narrow/link.png');}
.link-s{background-image:url('../imgs/parts/narrow/link-s.png');}
.link-ss{background-image:url('../imgs/parts/narrow/link-ss.png');}
.link-minimum{background-image:url('../imgs/parts/narrow/link-minimum.png');}


.link:hover,
.link-s:hover,
.link-ss:hover,
.link-minimum:hover,
.hover-link:hover{
  background-color:#660000;
}
.hover-link:hover{
  background-image:url('../imgs/parts/narrow/link-ss.png');
}


nav.selecter{
  display:block;
  margin:0 10px 1em;
}
nav.selecter select{
  width:100%;
  text-align:center;
  text-align:-webkit-center;
}

div#scoped h3.mb0{margin-bottom:0px;}
div#scoped h3.mb10{margin-bottom:10px;}
div#scoped h3.mb20{margin-bottom:20px;}

span.nbr{
  display:inline-block;
}




/* @group nav#sub_menu */
nav#sub_menu ul.level1{
  border-top:solid 1px #111111;
  display:block;
  padding:0;
  background-repeat: repeat;
  background-position: center center;
  background-color:#990000;
  background-image:url('../imgs/parts/home/bg-marble.png');
}
nav#sub_menu ul.level2 li{
  display:table-cell;
  width:320px;
  text-align:center;
  vertical-align:middle;
  border-right:solid 1px #111111;
  border-bottom:solid 1px #111111;
  background-color:rgba(0,0,0,0.5);
  background-image:url('../imgs/parts/narrow/link-s.png');
  background-repeat: no-repeat;
//  background-position: right 5px center;
}
nav#sub_menu ul.level2 li.active{
  background-color:transparent;
  background-image:url('../imgs/parts/narrow/list.png');
//  background-position: right 5px center;
}

nav#sub_menu ul.level2 li.disable{
  color:rgba(255,255,255,.5);
  background-image:none;
}
nav#sub_menu ul.level2 li img.m,
nav#sub_menu ul.level2 li span{
  font-size:1.4rem;
  line-height:1.6rem;
  padding:0.4rem 25px 0.4rem 1rem;
  display:block;
  max-height:37px;
}
nav#sub_menu ul.level2 li.thick img.m,
nav#sub_menu ul.level2 li.thick span{
  padding-top:0.4rem;
  padding-bottom:0.4rem;
}
nav#sub_menu ul.level2 li a{
  color:#ffffff;
}
nav#sub_menu ul.level2 li img.m,
nav#sub_menu ul.level2 li img.w{
  display:none;
}
nav#sub_menu ul.level2 li:hover{
   background-color:rgba(0,0,0,0.0);
}
nav#sub_menu ul.level2 li.disable:hover{
   background-color:rgba(0,0,0,0.5);
}
/* @group #bandana & nav#sub_menu */
section#bandana{
  background:none;
}
section#bandana img#cover{
  min-height:137px;
}
section#bandana h1{
  padding-top:1px;
  font-size:1.2rem;
  line-height:1.75em;
  font-weight:bold;
  background-color:#990000;
  border-bottom:solid 1px #111111;
}

nav#sub_menu ul.level1{
  display:block;
  padding:0;
  background-repeat: repeat;
  background-position: center center;
  background-color:#990000;
  background-image:url('../imgs/parts/home/bg-marble.png');
}
nav#sub_menu ul.level2 li{
  display:table-cell;
  width:320px;
  text-align:center;
  vertical-align:middle;
  border-right:solid 1px #111111;
  border-bottom:solid 1px #111111;
  background-color:rgba(0,0,0,0.5);
  background-image:url('../imgs/parts/narrow/link-s.png');
  background-repeat: no-repeat;
  background-position: right center;
  background-position: right 5px center;
}
nav#sub_menu ul.level2 li.active{
  background-color:transparent;
  background-image:url('../imgs/parts/narrow/list.png');
}

nav#sub_menu ul.level2 li.disable{
  color:rgba(255,255,255,.5);
  background-image:none;
}
nav#sub_menu ul.level2 li span{
  font-size:1.4rem;
  line-height:1.6rem;
  padding:1.2rem 25px 1.2rem 0;
  display:block;
}
nav#sub_menu ul.level2 li.thick span{
  padding-top:0.4rem;
  padding-bottom:0.4rem;
}
nav#sub_menu ul.level2 li a{
  color:#ffffff;
}
nav#sub_menu ul.level2 li img{
  display:none;
}
nav#sub_menu ul.level2 li:hover{
   background-color:rgba(0,0,0,0.0);
}
nav#sub_menu ul.level2 li.disable:hover{
   background-color:rgba(0,0,0,0.5);
}


@media screen and (max-width :640px){
nav#sub_menu ul.level2{
  display:table-row;
  height:48px;
}
}
/* @end */





/*group #history */
#history h1,#history h2,#history h3,
#information h1,
#goods h1{
  font-size: 1.6rem;
}
/* @end */

/*group #information */
#information ul.level1 li a,
#itemindex a,
#goods ul.level2 li a
{
  color:#FFFFFF;
}
#information h1,
#history h1.past,
#history h2.past,
#goods h3.category{
  background-color:#003500;
}
#history h3.hot{
  background-color:#990000;
}

#information ul li dl dd{
  background-color:rgba(51,51,51,.6);
  background-position: right center;
  background-position:right 5px center;
  text-indent:1em;
  font-size:1.2rem;
}
#information ul.level1 dt,
#goods ul.level2 dt
{
  width:100%;
  display:table;
  font-size: 1.4rem;
  height:3em;
  background-color:#005200;
}

#information ul.level1 dt h2{
  padding-top:8px;
}
#information ul.level1 dt h2,
#information ul.level1 dt time{
  line-height:1.0rem;
  width:100%;
  padding-right:40px;
  line-height:1.5rem;
}
#information ul.level1 dt h2{
  background-color:transparent;
}
#information ul.level1 dt time{
  display:block;
  font-size:1.2rem;
  text-align:right;
}
.ie #information ul.level1 dt time{
  text-align:center;
}
#information ul.level1 dl dd{
  font-size: 1.2rem;
  line-height:2rem;
  padding:10px 25px 10px 10px;
}
#information ul.level1 img.img {
  float:right;
  max-width:50%;
  max-height:200px;
  border-radius:2px;
  margin-left:4px;
  padding-left:10px;	
  padding-bottom:10px;	
}
/* @end */

/*group prologue (#story,#explain) */
#explain figure#image2{
  width:50%;
}
#story figure#image1{
  max-width:620px;
}
/* @end */

/*group #privacypolicy */
#privacypolicy p,
#privacypolicy li{
  font-size:1.2rem;
  color:#cccccc;
}
/* @end */



/*group #main */
#main h1.bandana{
	margin-bottom: 0;
	background:url(../imgs/parts/bg_race.png) repeat-x;
	background-position: 0 0px ;
	font-size : 20px;
	line-height : 2.4;
	letter-spacing: 0.2em;
	text-shadow: 1px 1px 3px #000000, 0px 0px 5px #000000;  
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5)  inset;
}

#main h1.bg-none{background-image:none;}


#main h1,#main h2{
	font-size : 16px;
	background-color:#101010;
	text-align:center;
	line-height : 3;
	margin-bottom:1em;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#main h1{letter-spacing: 0.6em;}
#main h2{letter-spacing: 0.5em;}
#main p,#main dl,#main h3,#main h4,#main h5,#main h6{width:90%;margin : 0 auto;} 
#main hr{
	background-color:#101010;
	height : 8px;
    border: none;
	margin-bottom:1em;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#main p{margin-bottom:1.5em}
#main .bannerarea{
	width:90%;
	height:200px;
	margin:0 auto 1em;
	background-color:#262626;
	border:solid 8px #444444;
}
#main ul.note{
	width:90%;
	margin:0 auto;
	color:#CCCCCC;
	font-size:1.2rem;
	padding-left : 1em;
	list-style-type: square;
	text-align:left;
}
#main ul.note li{
	margin : 0 0 0.5em 0; 
}
#main .more{
	width:90%;
	margin:0 auto;
	text-align:right;
}
#main iframe.movie{
	display:block;
	width:288px;
	height:216px;
	margin:0 auto;
	text-align:right;
	border-radius: 16px;
	margin-bottom:1.714em;
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
	border solid 5px #333333;
}


#main table.transparent{
    width:90%;
    margin:0 auto 1em;
	background-color:transparent;
	border:none;
    border-radius : none;
    empty-cells:show;
	font-size:100%
	box-shadow: none;
}
#main table.transparent tr{
	height:auto;  
}
#main table.transparent th{
    border:none;
	height:auto;  
    text-align:auto;
	box-shadow: none;
	text-shadow: none;  
}
#main table.transparent td{
	border:none;
	box-shadow: none;
}
#main .nav_options{
	width:90%;
	margin:0 auto 1em;
}
#main .nav_options select{
	width:100%;
}
#main img.photo {
	width: 110px;
	border: 5px solid #444444;
    border-radius:5px;
	box-shadow: 1px 1px 3px  rgba(0,0,0,0.7);
}
#main img.img {
	border: 1px solid #444444;
    border-radius:5px;
	box-shadow: 1px 1px 3px  rgba(0,0,0,0.7);
}
#main iframe.schedule{
	display:block;
	width:350px;
	height:180px;
	margin:0 auto 0.5em;
	text-align:right;
	border-radius: 16px;
	margin-bottom:0.5em;
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
	border solid 10px #666666;
}
#main ul.add {
	margin:0 auto 2em;
	font-size:75%;
	text-align:center;
}
#main ul.add li{
	display:inline;
}
/* @end */

#main table.schedule td{
	font-size:75%;
}
#main a.button{
	display:block;
	max-width:300px;
	width:50%;
	margin:0 auto 1em;
}
#main a.button img{
border-radius: 7.5em 5em
}


/*@group .submenu */
ul.submenu{display:block;margin:0 5%;text-align:center;}
.submenu li{
	float:left;
	width:30%;
	height:64px;
	border:solid 1px #333333;
	border-radius : 6px;
	margin:0 0 1em 2.5%;
}
.submenu li a{
	display:block;
}
.submenu li .flat{
	padding-top:0.5em;
	background-color: #333333;
}


/* @end */

/*@group #headline */
#headline dl{
	margin-bottom:1em;
}
#headline dt{
	color: #FF8C00;
	text-align: center;
	line-height:2;
}
#headline dt time{
	font-size:75%;
}
#headline dd{
	display:none;
	background-color:#101010;
	border-top:solid 1px #333333;
	border-bottom:solid 1px #333333;
}
#headline dd p{
	margin-top:0.5em;
	margin-bottom:0.5em;
}
/* @end */



figcaption{
	text-align:right;
	font-size:75%;
	color:#999999;
}

/*@group #story */
#story figure{
	display:block;
	margin:0 auto 1em;
	width:90%;
}
#story figure img.img {
	width:100%;
	border-radius:5px;
	box-shadow: 1px 1px 3px  rgba(0,0,0,0.7);
}
/* @end */

/*@group #introduction */
#introduction figure{
	width:50%;
	display:block;
	margin:0 auto 1em;
}
#introduction img.img {
	display:block;
	border-radius:5px;
	box-shadow: 1px 1px 3px  rgba(0,0,0,0.7);
}
/* @end */

/*@group #role */
#role table tr td{
	min-width: 4em;
}
/* @end */

/*@group #flow */
#flow{
	margin-bottom:3em;
}
#flow h3{
	text-align:center;
	font-size:16px;
	line-height: 3em;
}
#flow .rule-step{
	width: 90%;
	margin: 0 auto;
	padding: 0 1em;
	border: solid 1px #333333;
	border-radius: 16px;
	background-color: #101010;
	box-shadow: 1px 1px 3px rgba(255,255,255,0.3)  inset,1px 1px 3px rgba(0,0,0,0.7);
}
#flow .rule-step p{
	width: 100%;
	margin-bottom:1em;
}
#flow .rule-step .note{
	padding: 0 0 0 2em;
}
#flow .arrow{
	font-size : 20px;
	margin: 0.5em auto;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}
#flow .arrow .roop{
	font-size : 14px;
}
/* @end */

/*@group #faq */
#faq dt{
//	width:90%;
	margin:0 10px;
}
#faq .display_narrow dt{
	color: #d66229;
}
#faq dd p{
	margin-top:0.5em;
	margin-bottom:0.5em;
}
/* @end */

/*@group #history */
#history ul,
#goods ul{
  display:block;
  width:100%;
  color:white;
  background-repeat: no-repeat;
  background-position: 1% center;
}
#history ul.level1,
#history ul.level2,
#history ul.level4{
  border-top:solid 1px #111111;
}
#history ul.level3{
  border-bottom:solid 1px #111111;
}
#history ul.level4{
  background-color:#222222;
}
#history ul.level3{
  background-color:#990000;
  background-position: 0 0;
}

#history ul.level4:hover {
  background-color:#660000;
}

#history ul.level4{
  display:block;
  width:100%;
  background-image:url('../imgs/parts/narrow/link.png');
  background-repeat: no-repeat;
  background-position: right center;
  background-position: right 5px center;
}

#history ul.unlink{
  background-image:none;
}
#history ul.level4{
  display:table;
}
#history ul.level4 li{
  display:table-cell;
  text-align:left;
  vertical-align:middle;
  line-height:1.4rem;
  width:10%;
  background-repeat: no-repeat;
  background-position: left center;
  padding:1rem 5px;
}
#history ul.level4 li.date{
  width:30%;
  font-size:1.2rem;
  background-position: 4px center;
  padding-left:40px;
}
#history ul.level4 li.title{
  width:70%;
  padding-right:35px;
}
#history ul.level4 li.title h4{
  text-align:left;
}
#history ul.level4 li.theater{
  display:none;
}

#history ul.level4 li.village{background-image:url('../imgs/parts/titleicon/village.png');}	
#history ul.level4 li.nicofarre{background-image:url('../imgs/parts/titleicon/nicofarre.png');}	
#history ul.level4 li.dismiss{background-image:url('../imgs/parts/titleicon/dismiss.png');}	
#history ul.level4 li.fta{background-image:url('../imgs/parts/titleicon/fta.png');}	
#history ul.level4 li.exam{background-image:url('../imgs/parts/titleicon/exam.png');}	
#history ul.level4 li.flag{background-image:url('../imgs/parts/titleicon/flag.png');}	
#history ul.level4 li.stella{background-image:url('../imgs/parts/titleicon/stella.png');}	
#history ul.level4 li.psycho-pass{background-image:url('../imgs/parts/titleicon/psycho-pass.png');}	
#history ul.level4 li.depth{background-image:url('../imgs/parts/titleicon/depth.png');}	
#history ul.level4 li.ragnarok{background-image:url('../imgs/parts/titleicon/ragnarok.png');}	
#history ul.level4 li.spacebros{background-image:url('../imgs/parts/titleicon/spacebros.png');}	
#history ul.level4 li.alpha{background-image:url('../imgs/parts/titleicon/alpha.png');}	
#history ul.level4 li.space{background-image:url('../imgs/parts/titleicon/space.png');}	
#history ul.level4 li.shinsengumi{background-image:url('../imgs/parts/titleicon/shinsengumi.png');}	
#history ul.level4 li.ani5th{background-image:url('../imgs/parts/titleicon/ani5th.png');}	
#history ul.level4 li.vampire{background-image:url('../imgs/parts/titleicon/vampire.png');}	
#history ul.level4 li.castle{background-image:url('../imgs/parts/titleicon/castle.png');}	
#history ul.level4 li.mission{background-image:url('../imgs/parts/titleicon/mission.png');}	
#history ul.level4 li.witch{background-image:url('../imgs/parts/titleicon/witch.png');}	
#history ul.level4 li.steam{background-image:url('../imgs/parts/titleicon/steam.png');}	
#history ul.level4 li.projector{background-image:url('../imgs/parts/titleicon/projector.png');}	
#history ul.level4 li.rose{background-image:url('../imgs/parts/titleicon/rose.png');}	
#history ul.level4 li.tlpts{background-image:url('../imgs/parts/titleicon/tlpts.png');}	

#history ul#level2cal li{
  background-repeat: no-repeat;
  background-position: left center;
}
#history ul#level2cal li.steam{background-image:url('../imgs/parts/titleicon/s/steam.png');}	
#history ul#level2cal li.village{background-image:url('../imgs/parts/titleicon/s/village.png');}	
#history ul#level2cal li.nicofarre{background-image:url('../imgs/parts/titleicon/s/nicofarre.png');}	
#history ul#level2cal li.dismiss{background-image:url('../imgs/parts/titleicon/s/dismiss.png');}	
#history ul#level2cal li.fta{background-image:url('../imgs/parts/titleicon/s/fta.png');}	
#history ul#level2cal li.exam{background-image:url('../imgs/parts/titleicon/s/exam.png');}	
#history ul#level2cal li.flag{background-image:url('../imgs/parts/titleicon/s/flag.png');}	
#history ul#level2cal li.stella{background-image:url('../imgs/parts/titleicon/s/stella.png');}	
#history ul#level2cal li.depth{background-image:url('../imgs/parts/titleicon/s/depth.png');}	
#history ul#level2cal li.ragnarok{background-image:url('../imgs/parts/titleicon/s/ragnarok.png');}	
#history ul#level2cal li.spacebros{background-image:url('../imgs/parts/titleicon/s/spacebros.png');}	
#history ul#level2cal li.alpha{background-image:url('../imgs/parts/titleicon/s/spacebros.png');}	
#history ul#level2cal li.psycho-pass{background-image:url('../imgs/parts/titleicon/s/psycho-pass.png');}	
#history ul#level2cal li.mission{background-image:url('../imgs/parts/titleicon/s/mission.png');}	
#history ul#level2cal li.witch{background-image:url('../imgs/parts/titleicon/s/witch.png');}	
#history ul.level2cal li.projector{background-image:url('../imgs/parts/titleicon/s/projector.png');}	
#history ul.level2cal li.tlpts{background-image:url('../imgs/parts/titleicon/s/tlpts.png');}	




/* @end */

/*@group #goods*/
#goods article {
	margin-bottom:4em;
}

#main img.item {
	display:block;
	max-width:90%;
	max-height:200px;
	border: 5px solid #444444;
    border-radius:5px;
	box-shadow: 1px 1px 3px  rgba(0,0,0,0.7);
	margin:1em auto;
}

#goods h4 {
	text-align:center;
	font-size:16px;
	line-height:1.5em;
//	margin-bottom:0em;
}
#goods ul.price{
	text-align:center;
	font-size:16px;
	line-height: 1em;
}
#goods ul.order,
#privacypolicy ol{
	width:85%;
	margin:0 auto 2em;
}
#goods ul.order{list-style-type: disc;}
#privacypolicy ol{list-style-type: lower-roman;}

/* @end */



/*@group */
.column5{
	font-size:10px;
	width:18%;
	padding-top:1em;
	margin:0 0.5% 1em;
	float:left;
	border:solid 1px #333333;
	border-radius : 6px;
    background-color: #262626;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
img.photo_l{
    display:block;
	border: solid 1px #444444;
	width:100%;
	max-width:100px;
	margin:  3px auto;
	
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	border-radius:0px 0px 5px 5px;
}


/*@group #appaer */
#appear ul.actors, #appear .appear_photos{
	display:block;
	width:90%;
	margin:0 auto;
}
#appear ul.actors li{
	display: inline;
	margin:0 0.5em;
	line-height: 1;
}
#appear ul.actors {
	margin-bottom: 1em;
}
#appear span.date{
	font-size:75%;
	letter-spacing:0.1em;
	font-weight:normal;
	line-height : 1;
	margin-bottom:1em 0 ;
}
#appear h3{
	width:100%;
	font-size : 16px;
	background-color:#101010;
	text-align:center;
	line-height : 3;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
/* @end */

/* group #staff */
#staff ul{
	width:90%;
	margin: 0 auto 1em;;
}

/* @end */


/* group #playlog */
/* @end */

/* group basicinfo */
ul.basicinfo,#main dl.basicinfo {
    font-size:1.4rem;
	text-align:left;
	margin-bottom: 1em;
}
/* @end */



/* playlog */
/* @end */

/* layout */
.clear {clear:both;}
/* @end */

iframe.twitter-share-button {
    margin: auto;
    width: 110px!important;
}
#___plusone_0{ width:65px !important; }
/* @end */



.clear { display:block; clear:both; }


/*アコーディオン
-------------------------------------*/
.acordion{
 background:#fff;
 box-shadow: 0 0 10px rgba(0,0,0,0.3);
 border-radius:5px;
}

.trigger{
	padding:10px 10px 10px 15px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e5e5e5), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	border-radius:5px;
	font-size:88%;
}

.trigger.active{
	border-radius:5px 5px 0 0;
	border-bottom:1px solid #cfcfcf;
}

.acordion_tree{
	padding:15px;
	font-size:75%;
}

.open-close {
	float:right;
	text-indent:-9999px;
	display:block;
	margin-top:3px;
	height:11px;
	width:20px;
	background:url(../images/open.png) no-repeat;
	-webkit-background-size:20px 11px;
}

.trigger.active .open-close{
	background:url(../images/close.png) no-repeat;
	-webkit-background-size:20px 11px;
}

/*タブ
---------------------------------------------------------------*/

.tab_menu li {
	float:left;
	margin-right:10px;
	border-radius:5px 5px 0 0;
	box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);
}

.tab_menu li a{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #e5e5e5), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 95%);
	background: linear-gradient(top, #ffffff 0%, #e5e5e5 95%);
	font-size:88%;
	display:block;
	padding:10px;
	border-radius:5px 5px 0 0;
}

.tab_content{
	clear:both;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	border-top:1px solid #cfcfcf;
	padding:15px;
}

/*スライダー
---------------------------------------------------------------*/
#slider{
	box-shadow: 0 0 10px rgba(0,0,0,0.6);
	width:100%;
	min-height:100px;
}


/*サイドバー
---------------------------------------------------------------*/

#modal { display: none; }

#modal h2{
	font-size:18px;
	border-bottom:1px solid #fff;
}

#modal h2,
#modal ul li a{
	padding:10px 0;
}

#modal ul{
	margin-bottom:20px;
}

#modal ul li a{
	border-bottom:1px dashed #6f6f6f;
	display:block;
	color:#fff;
}

nav .close{
	font-weight:bold;
}

nav .close a{
	color:#000;
	padding:3px 10px;
	background:#ccc;
}

nav .open{
	display:block;
	float:right;
	margin-top:10px;	background: #262626;
	background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
//	-webkit-background-size:20px 20px;
	border-radius:3px;

	font-size:75%;
	color: #ffffff;
	padding: 4px 1em;
	background: -moz-linear-gradient(
		top,
		#990000 0%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#990000),
		to(#000000));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}
nav .open span{
	line-height:0.5em;
	color:#ffffff;
}
nav .open img{
	vertical-align:middle;
}

#information li dl{
  display:block;
  border-radius:4px;
}

#information li dd li{
  width:100%;
  padding-left:3rem;
  text-indent:-1rem;
}


/* ========================================
 Media Queries / over 641px (for iPad)
 ========================================= */
@media screen and (min-width :641px){
/* Structure */
.float-l-mw{float:left}
.float-r-mw{float:right}

.display_m{display:block;}
.display_mw{display:block;}
.display_n{display:none;}
.inline_m{display:inline;}
.inline_mw{display:inline;}
.inline_n{display:none;}

.br_n{display:none:}


header h1{width:auto;}
header h1 span{display:inline;}
header{margin-bottom:12px;}
header h1 img#logotext{width:auto;}




.clear_mw{clear:both;}
.clear_n{clear:none;}

.clearfix_mw:after{  
 content: '.';
 display: block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
} 
.clearfix_n:after{  
 display: none;
 clear: none;
} 



div#top{
  background:url('../imgs/parts/home/bg_marble_mono.png') repeat repeat center top;
}

h1 .hstring,h2 .hstring,h3 .hstring,h4 .hstring,h5 .hstring,h6 .hstring{
display:inline;
}
h1 > span,h2 > span,h3 > span,h4 > span,h5 > span,h6 > span{
display:none;
}


/* @group header */
#shortcut_home{
	float:right;
	margin:12px 5px;
	text-align:center;
}
#shortcut_home{
  margin-right: 10px;
}
#shortcut_home select{
  border-radius:4px;
}
header .roof_icon_button{
  margin: 13px 4px 0 0;
  height: auto;
  line-height:1.8rem;
  font-size:1.2rem;
  font-weight:normal;
  padding: 1px 10px 0px 30px;
  background-position: 7px center,0 0;
  border:outset 1px rgba(64,00,000,.5);
}
.bg_icon_steam_s:hover{
  background-position: 7px center,0 0;
}
/* @end */


/* @group main_menu */
nav#main_menu{
  display:table;
  background-color:#660000;
  background:url(../imgs/parts/home/bg-marble.png) repeat center center;
  padding-bottom:2px;
  width:100%;
  height:24px;
  margin-bottom:10px;
}
nav#main_menu ul{
  display:table-row;
}
nav#main_menu ul li{
  display:table-cell;
  background-color:#262626;
  text-align:center;
  vertical-align:middle;
  border-right:solid 1px #222222;
  padding:0;
}
nav#main_menu>ul>li#menu_toppage{width:11.25%;}
nav#main_menu>ul>li#menu_information{width:8.438%;}
nav#main_menu>ul>li#menu_prologue{width:12.917%;}
nav#main_menu>ul>li#menu_rule{width:16.146%;}
nav#main_menu>ul>li#menu_next{width:8.542%;}
nav#main_menu>ul>li#menu_history{width:13.229%;}
nav#main_menu>ul>li#menu_actors{width:11.25%;}
nav#main_menu>ul>li#menu_goods{width:8.542%;}
//nav#main_menu>ul>li#menu_email{width:8.076%;}
nav#main_menu ul li img{
  width:100%;
  vertical-align:middle;
}
nav#main_menu ul li:hover{
  background-color:RGBA(0,0,0,0.25);
}

nav#main_menu ul li.active,
nav#main_menu ul li.active:hover
{
  background-color:transparent;
}
nav#main_menu ul a{
  display:block;
  width:100%;
  height:100%;
  color:white;
}
/* @end */


/* @trunk */
#trunk p{
  font-size:1.4rem;
  margin:2.5%;
  width:auto;
}
section.window{
  background-color:rgba(51,51,51,0.6);
//  padding-bottom:5px;
  border-radius:4px;
}
section h3.titlebar{
  border-radius:4px 4px 0 0;
}

section#story,
section#explain,
section#rule_about,
section#rule_role,
section#rule_flow,
section#rule_faq
{
  width:97.917%;
  max-width:700px;
  margin:0 auto 20px;
}/*c12:940px*/

section#goods h3{
  width:97.917%;
  margin:0 auto 20px;
}

ul.note{
  padding-left:2em;
}
section#goods .link:hover,
section#information .link-s:hover{
  background-color:#660000;
}
div#scoped{
  display:block;
  width:100%;
}

/* @end */

/* @group #bandana & nav#sub_menu (min641) */
section#bandana{
  background:none;
}
section#bandana h1{
  border:none;
  background-color:transparent;
}
section#bandana img#cover{
  display:block;
  width:100%;
  min-height:274px;
  max-width:700px;
  margin:0 auto 10px;
}


nav#sub_menu{
  margin-bottom:10px;
}
nav#sub_menu ul.level1{
  background-position: right top;
  background-position: right 5px top;
}
nav#sub_menu ul.level2 li{background-image:url('../imgs/parts/narrow/link-ss.png');}
nav#sub_menu ul.level2 li.active{background-image:url('../imgs/parts/narrow/list-ss.png');}
nav#sub_menu ul.level1 li{
  display:table-cell;
}
nav#sub_menu ul.level2{
  display:table-row;
}
nav#sub_menu ul.level2 li{
  display:table-cell;
}
nav#sub_menu ul.level2 li img.m{display:inline;}
nav#sub_menu ul.level2 li span{display:none;}


/* @end */





/* @group sidemenu & sidelink */
#sidemenu{
	margin-bottom:50px;
}
#sidelink{
	margin-bottom:200px;
}
#sidemenu h1{
	height:150px;
}
#sidemenu #shortcut{
	max-width:130px;
	width:100%;
	text-align:center
}

.deco_menu{
	display:block;
	width:100%;
	max-width:200px;
	margin:0 auto;
}
#sidemenu li, #sidelink li{
	display:block;
	padding-top:12px;
	padding-bottom:12px;
	text-align:center;
}
#promote dd{
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
}
#sidemenu li:hover,#sidelink li:hover,#promote dd:hover{
	background-color:#990000;
	background:url(../imgs/parts/bg_marble.png) no-repeat;
	background-position: 0 0;
	border-radius: 8px;
}

#sidemenu #latest_info{
	display:block;
	background-color:#444444;
	border:solid 1px #000000;
	border-radius: 8px;
	max-width:170px;
	text-align:center;	width:100%;
	margin:0 auto;'
}
#sidemenu #latest_info a{
	font-size: 80%;
	color:#f0f0f0;
}
#sidemenu .height96{
	height:96px;
}
#sidemenu .height32{
	height:32px;
}
#sidemenu .height64{
	height:64px;
}

#sidemenu .end{
	margin-bottom:0.2em;
}
#sidemenu .headline{
	font-size:87.5%;
	margin-bottom:1em;
	padding-left:2em;
}
#sidemenu .headline time{
	color:#666666;
}
#sidemenu a{
  display:block;
  width:100%;
  height:100%;
}
/* @end */

/* @group #promote*/
#promote dt{
	margin:50px 0 10px;
	text-align:center;
}
#promote dd{
	text-align:center;
}
/* @end */

/* @.columns*/
.columns{
	width:100%;
    max-width:960px;
}
.columns .column-1{width:6.25%;}/*c1:60px*/
.columns .column-2{width:14.583%;}/*c2:140px*/
.columns .column-3{width:22.917%;}/*c3:220px*/
.columns .column-4{width:31.25%;}/*c4:300px*/
.columns .column-5{width:39.583%;}/*c5:380px*/
.columns .column-6{width:47.917%;}/*c6:460px*/
.columns .column-7{width:56.25%;}/*c7:540px*/
.columns .column-8{width:64.583%;}/*c8:620px*/
.columns .column-9{width:72.917%;}/*c9:700px*/
.columns .column-10{width:81.25%;}/*c10:780px*/
.columns .column-11{width:89.583%;}/*c11:860px*/
.columns .column-12{width:97.917%;}/*c12:940px*/

.columns .column-1,.columns .column-2,.columns .column-3,.columns .column-4,.columns .column-5,.columns .column-6,.columns .column-7,.columns .column-8,.columns .column-9,.columns .column-10,.columns .column-11,.columns .column-12{
	margin:0 1.042%;
}
/* @end */

/* @group common  */
#history ul.level1 h2,
#history ul.level2{
  border-top:solid 1px #111111;
  border-right:solid 1px #111111;
  border-left:solid 1px #111111;
}
#information h1{
  border-bottom:solid 1px #111111;
}
#history ul.level3{
  background-color:transparent;
}
#history ul.level4{
  background-color:rgba(51,51,51,0.6);
}
#history ul.level4:hover{
  background-color:#660000;
}
#history ul.unlink:hover{
  background-color:rgba(51,51,51,0.6);
}


/* @end */


/* @group histiry */
#history ul.level1,
#history ul.level2{
  border-top:none;
  margin-bottom:36px;
}
#history ul.level4 li.date{width:25%;}
#history ul.level4 li.title{
  width:50%;
  padding-right:0;
}
#history ul.level4 li.title span{
  display:inline;
}
#history ul.level4 li.theater{
  display:table-cell;
  width:25%;
  font-size:1.2rem;
  padding-right:35px;
}
/* @end */


/* @group information */
section#information,
section#history,
section#itemindex,
section#goods,
section#buying,
section#privacypolicy
{
  background-color:transparent;
}
#goods li dl,
#buying,
#goods_pp #privacypolicy
{
  width:47.917%;
  margin:0 1.042% 16px;
  display:block;
  float:left;
  border-radius:4px;
}/*c6:460px*/
#information li{
  margin:0 auto;
  display:block;
  width:72.917%;
}



#buying,
#goods_pp #privacypolicy{
  float:right;
}
#information li dl dt,
#goods li dl dt
{border-radius:4px 4px 0 0;}
#information ul li dl dd,
#goods li dl dd
{
  background-color:rgba(51,51,51,0.6);
  border-radius:0 0 4px 4px;
}
/* @end */

/* @group history */
#history{
  width:97.755%;
  margin:0 auto;
  max-width:780px;
}/*c6:460px*/
/* @end */

}


@media screen and (min-width :641px) and (max-width :768px){
.clear_m{clear:both;}
.clearfix_m:after{  
  content: '.';
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
} 
}


/* ========================================
 Media Queries / over 769px (for PC)
 ========================================= */
@media screen and (min-width :769px){

/* structure */
body {
max-width:960px;
margin:0 auto;
font-size:14px;
}
.display_wide{display:block;}
.display_narrow{display:none;}
.inline_wide{display:inline;}
.inline_narrow{display:none;}

.header_narrow{display:none;}
.clear_w{clear:both;}
.clearfix_w:after{  
  content: '.';
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
} 

/* @end */




/* @group p */
p{
text-align:left;
font-size : 14px;
line-height : 1.7143;} /* 24px */
/* @end */

span.nobr {display:inline;}



/* @group #bandana & nav#sub_menu (min769)*/
nav#sub_menu,
section#bandana img#cover{
  margin:0 1.042%;
}
section#bandana img#cover{
  float:left;
  padding-top:1px;
  max-width:none;
  min-height:240px;
  width:72.917%;
}
nav#sub_menu{
  float:left;
  width:22.917%;
}
nav#sub_menu ul.level1{
  display:block;
  width:auto;
  margin-bottom:15px;
}
nav#sub_menu ul.level2 li{background-image:url('../imgs/parts/narrow/link-s.png');}
nav#sub_menu ul.level2 li.active{background-image:url('../imgs/parts/narrow/list.png');}
nav#sub_menu ul.level1 li{
  display:block;
  min-height:39px;
}
nav#sub_menu ul.level1 li ul.level2{
  width:100%;
  height:auto;
  display:block;
  margin-bottom:0;
}
nav#sub_menu ul.level1 li ul.level2 li{
  width:100%;
  display:block;
}
nav#sub_menu ul.level2 li span{display:none;}
nav#sub_menu ul.level2 li img.m{display:none;}
nav#sub_menu ul.level2 li img.w{display:block;}
/* @end */













/* header_wide  */
#header_wide img{
	display:block;
	margin:1em auto 1.5em
}
/* @end */

/* @group eventbanner  */
#eventbanner li div{
	width:100%;
	background-color:#999999;
	border:solid 1px #333333;
	border-radius:4px;
	margin-bottom:1em;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
#eventbanner .height64{
	height:64px;
}
#eventbanner .height32{
	height:32px;
}
#eventbanner .last{
	margin-bottom: 3em;
}
/* @end */



/* @group #main */
#main{
	float:right;
}
#main>section{
	min-height:840px;
}
#main h1.bandana{
//	margin-top: 1em;
	letter-spacing: 0.6em;
}
#main h1,#main h2{
	font-size : 16px;
}
#main div.article{
	margin:0 auto 2em;
	border:solid 1px #333333;
	border-radius : 6px;
    background-color: #2E2E2E;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#main div.article h3{
	letter-spacing:0.2em;
	text-align:left;
	line-height : 2;
	background-color: #101010;
	margin-bottom:1em;
}




#main .bannerarea{
	width:100%;
	margin:16px auto 1em;
	background-color:#262626;
	border:solid 10px #333333;
}
#main ul.note{
	padding:0 0 0 2em;
}
#main .more{
	width:96%;
	margin:0 auto;
	text-align:right;
}
#main table{
	font-size:85.71%;
}
#main table th,#main table td{
    padding:0.1em 1em;
}
#main table.transparent{
	font-size:100%;
	width:auto;
}
#main iframe.movie{
	width:480px;
	height:360px;
	border-radius: 16px;
}
#main .float-l,#main .float-r{
	display:block;
	width:48.571%
}
#main .float-l{float:left;}
#main .float-r{float:right;}

#main table.schedule td{
	font-size:100%;
}
#main .quarter{width:35%}
#main .quarter-3{width:65%}



/* @end */

/*@group #role */
#role table tr td{
	min-width: 4.5em;
}
/* @end */

/* @group #flow */
#flow h3{
	display:inline;
}
#flow div p{
	padding-left:1em;
}
#flow .rule-step .note{
	padding: 0 0 0 3em;
}



/* @end */


/*@group #history */
#history div.article h3{
	background-color: transparent;
	text-align:center;
}
/* @end */

/*@group #player */
#player h3,#player h4,#player .profile{
	font-size:14px;
}
#player h3{
	background-color: transparent;
	box-shadow:none;
	line-height:1.5em;
	margin: 0 auto;
}
#player h4{text-align:center}
#player .character{
	margin: 0 0 1em;
}
#player .narrow-left,#player .narrow-right{
	width:100%;
    float:none;
    text-align:center;
}
#player .private{
	text-align:center;
}
#player .stages{
	text-align:left;
}
#player .private li,#player .stages li{
	display:inline;
	padding:0;
    white-space: nowrap;
	line-height : 1em;
}
#player .private li span,#player .stages li span{
	display:inline;
}
#player #list li{
	display:none;
}
#player .profile{
	width:30%;
	padding-top:1em;
	margin:0 1% 1.5em;
	float:left;
	border:solid 1px #333333;
	border-radius : 6px;
    background-color: #262626;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#player .profile .stages{
	font-size:85.714%;
}
/* @end */

/*@group */
.column5{
	font-size:14px;
	width:18%;
	padding-top:1em;
	margin:0 0.5% 1em;
	float:left;
	border:solid 1px #363636;
	border-radius : 6px;
    background-color: #333333;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
img.photo_l{
    display:block;
	border-radius:5px;
	border: solid 1px #444444;
	width:100%;
	margin:  3px auto;
}
/* @end */

/*@group #appaer */
#appear ul#list ,#appear ul.actors, #appear .appear_photos{
	display:block;
	width:95%;
	margin:0 auto;
}
#appear ul#list{
	display:none;
}
#appear div.stage{
	margin:0 auto 2em;
	float:left;
	border:solid 1px #333333;
	border-radius : 6px;
    background-color: #262626;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#appear ul.actors{
	margin-bottom:1em;
}
#appear ul.actors li{
	display: inline;
	margin:0 0.5em;
	line-height: 1;
}
#appear h3{
	letter-spacing:0.2em;
	text-align:left;
	text-indent: 2em;
	line-height : 2;
	background-color: #101010;
	margin-bottom:0;
}
#appear span.date{
	display:inline;
}
#appear img.photo{
    display:block;
	border: solid 1px #444444;
	border-radius: 3px;
	float:left;
	width:6.7%;
	margin:  10px 0.346%;
}
/* @end */


/* group #playlog */
#playlog span.date{
	display:inline;
}
#playlog div.log{
	margin:0 auto 2em;
	float:left;
	border:solid 1px #333333;
	border-radius : 6px;
    background-color: #262626;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#playlog .nav_options{
	display:block;
	margin-bottom:2em;
}
#playlog th{
	letter-spacing:0.2em;
}
/* @end */

/* submenu */
ul.submenu{margin:0%; }
.submenu li{
	display: inline;
	width:15%;
	height:64px;
	font-weight:bold;
	border:solid 1px #333333;
	border-radius : 6px;
	margin:0 1.5% 1.5em 0;
    background-color: #262626;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.submenu li.end {
	margin-right:0;
}


/* @end */

/* headline */
#headline dl{
}
#headline dt{
	text-align: left;
	font-size:14px;
	line-height:1;
	float:left;
	width:48%;
	margin: 0 0 1em 2%;
}
/* @end */

/* group basicinfo */
#main ul.basicinfo,#main dl.basicinfo {
	font-size:14px;
	lineheight:1.5;
	text-align:left;
}
/* @end */

/* information */
#goods li dl
{
  width:31.25%;
}/*c4:300px*/
/* @end */
#information li{
   width:64.583%;
}

/* @group perform */
#perform h3{
	text-indent: 2em;
	box-shadow: none;
}
#perform .map,#ticket .map{
	display:block;
	margin: 0 auto 1em;
	width:90%;
	border: 8px solid #333333;
	border-radius:13px;
	box-shadow: 0 0 10px rgba(0,0,0,0.6);
    position:relative;
}
/* @end */


/* @end */

/* @group ticket */
#ticket h3{
	text-align:left;
	text-indent: 2em;
	box-shadow: none;
}
/* @end */


/* @.columns9*/
.columns9{
	width:100%;
    max-width:700px;
}
.columns9 .column9-1{width:8.571%;}/*c1:60px*/
.columns9 .column9-2{width:20.00%;}/*c2:140px*/
.columns9 .column9-3{width:31.428%;}/*c3:220px*/
.columns9 .column9-4{width:42.857%;}/*c4:300px*/
.columns9 .column9-5{width:54.285%;}/*c5:380px*/
.columns9 .column9-6{width:65.714%;}/*c6:460px*/
.columns9 .column9-7{width:77.142%;}/*c7:540px*/
.columns9 .column9-8{width:88.571%;}/*c8:620px*/
.columns9 .column9-9{width:100%;}/*c9:700px*/

columns9 .column-1,.columns9 .column-2,.columns9 .column-3,.columns9 .column-4,.columns9 .column-5,.columns9 .column-6,.columns9 .column-7,.columns9 .column-8,.columns9 .column-9{
	margin:0 1.428%;
}
/* @end */


/* @history*/
#history ul.level4 li.date{width:20%;}
#history ul.level4 li.title{width:50%;}
#history ul.level4 li.theater{width:30%;}

}

@media print {body {width: 960px;}}
	
	
/* ボタン　*/
.btn-shine {
color: #FFF;
display: inline-block;
font-size: 16px;
font-weight: bold;
line-height: 45px;
width: 200px;
position: relative;
text-decoration: none;
text-transform: uppercase;
border: 1px solid transparent;
outline: 1px solid;
outline-color: rgba(255, 255, 255, 0.5);
outline-offset: 0px;
text-shadow: none;
transition: all 1.2s cubic-bezier(0.2, 1, 0.2, 1);
						}
						
						.btn-shine:hover {
border-color: #FFF;
box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
outline-color: transparent;
outline-offset: 12px;
text-shadow: 2px 2px 3px #000;
						}
						
						
						/* ここはコピーしなくてOK　*/
						.container-02 {
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
background-color: #e00364;
						}
						
						/* ここから下がボタンのCSS　*/
						.btn-shine.is-pink:hover {
text-shadow: 2px 2px 3px #e00364;/* text-shadowを背景色に変更する*/
						}