@charset "utf-8";
/* CSS Document */


#donpen {
	position: fixed;
	top:25px;
	right:50px;
	z-index:10000;
}

.youtube {
	/*padding: 40px 20px 20px 20px;*/
	padding: 40px 20px;
	text-align: center;
	-moz-box-shadow: 0px 0 5px #d3020e;
    -webkit-box-shadow: 0px 0 5px #d3020e;
}

.youtube_caution{ margin:15px 0;background:#d81418; color:#FFFFFF; padding:5px 3px;}

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

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  background:#000;
  color:#fff;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:80%;
}

p {
  margin: 0 0 10px;

}

a {
  background: transparent;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  height: 0;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
}

mark {
  color: #000;
  background: #ff0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;
  border: 0;
}

button,
input,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  box-sizing: border-box;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}



.fl{ float:left;}
.fr{ float:right;}
.ml10{ margin-left:10px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mr5{ margin-right:5px;}
.center{ text-align:center}
.yellow{ color:#f8fd00;}


.alph a:hover img,
.alph input:hover{filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}

.red_txt_shadow{text-shadow: 0 1px 3px #2e0004;}


h2{ font-size:18px;}
h4{ margin:0; padding:0;}

#social{ position:relative;
	width: 100%;
	height: 40px;
	margin: 0 auto;
	background:#222222;
	text-align: center;}


.tw_btn {
	width: 130px;
	float: left;
	margin-left: 0px;
	margin-right: -20px;
}
.fb_btn {
	float: left;
	margin-left: 0px;
	/*padding-left: 20px;*/
	padding-left: 0px;
}

.line_btn {
	float: left;
	margin-left: 0px;
	/*padding-left: 20px;*/
	padding-left: 0px;
	width:130px;
}

.social_area {
	/*width: 340px;*/
	/*width: 450px;*/
	text-align: center;
	margin: 0 auto 30px;
}
.social_area.abs {
	position: absolute;
	/*top: -47px;*/
	top:2px;
	right: 0px;
	z-index:5500;
}



#wrapper{width:1000px;margin:0 auto;background:#000000;}

#midwrap{ width:800px;margin:0 auto;}


/*------ header ------- */
header {
  width:1000px;
  /*height:880px;*/
  padding: 25px 0 0 0;
  position: relative;
  z-index: 999;
  margin:0 auto;
}



#header_title{ position:absolute;
width:1000px;
height:65px;
top:0;
left:0;
z-index:5000;}

/*header img*/
#par{
    position:relative;
    overflow:hidden;
    margin:0px auto;
    width:1000px;
    height:627px;
	background:#e50011;  
}

#jinro{position:absolute;
/*opacity: 0.70;*/
    width:1000px;
    height:627px;
top:0;
left:0;
z-index:2000;
background:url(../img/header/wolves.png);}

#jinro1{position:relative;
    overflow:hidden;
    margin:0px auto;
    width:1000px;
    height:627px;
	}

.layer{
    position:absolute;
    width:100%;
    height:100%;
}
#parallax-layer1{
    background:url(../img/header/eyes.png) no-repeat 0 0;
}

#parallax-layer2{
    background:url(../img/header/eyes2.png) no-repeat 0 0;
}
#parallax-layer3{
    background:url(../img/header/eyes3.png) no-repeat 0 0;
}
#parallax-layer4{
    background:url(../img/header/eyes4.png) no-repeat 0 0;
}
#parallax-layer5{
    background:url(../img/header/eyes5.png) no-repeat 0 0;
}

#parallax-layer6{
    background:url(../img/header/logo.png) no-repeat 0 0;
    top: 0px!important;
	/*left:380px!important;*/
	left:380px;
	z-index:3000;
}

#dvd{ 
position:absolute;
width:1000px;
height:271px;
margin-top:-25px;
z-index:6000;
}

#dvd_contents{ background:#1e0000; margin-top:-20px; position:relative; z-index:7000;}
#dvd_contents_wrap{ background:url(../img/dvd_bg.jpg) no-repeat center bottom; /*background:#1e0000;*/width:1000px; margin:0 auto;}

.fukidashi{ position:absolute; z-index:6000;width:430px; text-align:right; margin-top:-10px;}
.dvd_txt{width:563px; padding-top:15px; margin-bottom:15px;}

.box-shadow
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.box-shadow:before, .box-shadow:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.box-shadow:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}


.about_dvd{
width:780px;
margin:70px 0 50px 0;
padding:10px;
background:#142b4f;
position:relative;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(right, #1E1210 0%, #142B4F 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(right, #1E1210 0%, #142B4F 100%);

/* Opera */ 
background-image: -o-linear-gradient(right, #1E1210 0%, #142B4F 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #1E1210), color-stop(1, #142B4F));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(right, #1E1210 0%, #142B4F 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to left, #1E1210 0%, #142B4F 100%);}

.about_title{ width:467px; height:65px; position:absolute; top:-30px; position: absolute;left:205px;z-index: 100;}

.about_txt{ width:340px;padding:10px 40px 10px 20px; margin:25px 0 25px 0 ;}

.wolf{ width:80px; height:112px; position:absolute; bottom:0px; position:absolute;right:0px;z-index: 100;}




.party{ position:relative; border:4px solid #725713; padding:18px;margin:50px 0;}

.enclosure{ width:176px; height:149px; position:absolute; right:-5px; top:-5px;}

ul.partypict { /zoom : 1; padding: 5px 0; margin-bottom: 15px; list-style:none;}
ul.partypict:after{ content : ''; display : block; clear : both; }
ul.partypict li {
	float: left;
	width: 200px;
	margin: 0 26px;
}

ul.partypict li h4 img{
	margin-left:-15px;
}


.description{ position:relative;  padding:18px;margin:50px 0;background:#393231;}

.description_txt{width:520px;margin:5px 15px 5px  0;}

.shoplink{ position:relative;  padding:18px;margin:50px 0;/*background:#d81418;border:5px solid #0c96a7;*/ background:#fff100;/*border:5px solid #f5fc2f;*/text-align:center; color:#000000;}
ul.shoplink_list {list-style:none; padding:0;display:block;margin:15px 0 45px 0; }
ul.shoplink_list li a{
	float: left;
	width: 220px;
	margin: 0px 0px 15px 15px;
	text-align:center;
	border:2px solid #fff100;
	/*border:2px solid #0c96a7;*/
	padding:15px 5px;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	/*color:#0c96a7;*/
	color:#fff100;
	text-decoration:none;
	font-size:18px;
	background:#000000;
	
}


ul.shoplink_list li a:active,
ul.shoplink_list li a:hover {
  color: #fff100;
  background:#d81418;
  border:2px solid #000000;
}



.caution{ position:relative;  padding:18px;margin:50px 0;background:#d81418;border:7px solid #780002;}
.teeth_t{width:95px; height:36px; position:absolute; top:-12px; left:354px;z-index: 100;}
.teeth_b{width:95px; height:36px; position:absolute; bottom:-12px; left:354px;z-index: 100;}
.caution_txt{ width:100%; margin:5px 15px 5px  0;}



.link{ position:relative; margin:50px 0;}
ul.link_banner {list-style:none; padding:0;display:block;margin:15px 0 45px 0;}
ul.link_banner li {
	float: left;
	width: 398px;
	margin: 1px;
	
}


ul.key { /zoom : 1; padding:0;}
ul.key{ content : ''; display : block; clear : both; }
ul.key li {
	text-align:center;
	list-style:url(../img/key.gif);
	list-style-position:inside;
	margin:15px 0 45px 0;
}


.dvd_desc_txt{ 
border:1px solid #CDCDCD;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:20px;
margin:30px 0;
}

footer{ padding: 60px 0;
text-align: center;
background:#2e2928; width:100%; margin-top:70px;}