@charset "utf-8";


.L {
	float:left;
}
.R {
	float:right;
}
a {
	outline:none;
}
a:focus{
	outline:none;
}

html { font-size: 62.5%; background-color: #000; -webkit-text-size-adjust: none;}

h1 { text-indent: -9999px; line-height:0;}

/* =====================================================================
*	TOPページ
* =================================================================== */
body {
	position:relative;
	 background-color: #000;
	color:#ccc;
	font-size: 16px;
  font-size: 1.6rem;
	min-width:1024px;
	
}
html, body { height: 100%; min-height:100%; }

#wrapper { width:100%; height:100%; min-height:100%; padding:0; margin:0 auto; background:url(../img/bgmap2.jpg) no-repeat center fixed;
	background-size: cover;}

* #wrapper {
text-align: center;
}

#main { width:1024px; height:100%; padding:0; margin:0 auto !important; position:relative; }

#submain { width:1002px; height:100%; min-height:100%; padding:0; margin:0;}

#leftm { width:370px; height:100%; height:940px; padding:0; margin:0; display:block; float:left; text-align:left !important; }
#rightm { width:650px; height:100%; min-height:940px; padding:0; margin:0; position:relative; margin-left:370px; }

#leftsub { width:260px; height:100%; min-height:100%;  padding:0; margin:0;  display:block; position:fixed; border-right:#b60005 1px solid; z-index:2000;}
#leftsub p { margin:0; padding:0; }



#rightsub { width:761px; height:100%; min-height:100%; padding:0; margin:0 0 0 261px; position:relative; }
.opa1 {opacity:1 !important;}
#rightsub .tex { width: auto; padding: 0 0 15px; font-size:1.4rem; text-align:center; line-height:1.6em; position:relative; }


#rightsub .tex2 { width: auto; padding: 0 0 20px 20px; font-size:1em; text-align:left; line-height:1.6; margin-bottom:60px; }
#rightsub .tex2 p { padding: 0; margin:0.5em 0; font-size:1.1em;}

#rightsub .tex2 h3 { font-size:1.3em; font-weight: normal; display:block; margin-bottom:0.8em; border-bottom:1px solid #c1272b; line-height:1em; margin-left:-20px; padding-left:20px; padding-bottom:3px;}

#rightsub .tex2 h5 { font-size:1em; font-weight:bold; border-bottom:1px solid #c1272b; margin-bottom:10px; margin-top:20px;}




#rightsub .tex2 .photo { padding:0 0 20px 20px; float:right;}

#rightsub .tex2 .link { padding:0 25px 0 0; background:url(../img/link_icon.png)  no-repeat right center; display:inline-block; line-height:1;}

#rightsub .tex .link { padding:0 25px 0 0; background:url(../img/link_icon.png)  no-repeat right center; display:inline-block; line-height:1; margin-bottom:10px; word-break: break-all;}

#rightsub .event { width: auto; padding: 0 0 15px 20px; font-size:1em; text-align:left; margin-bottom:80px; word-break: break-all; }
#rightsub .event h3 { font-size:1.3em; font-weight: normal; display:block; margin-bottom:0.8em; border-bottom:1px solid #c1272b; margin-left:-20px; padding-left:20px; padding-bottom:5px; line-height:1.1em;}
#rightsub .event h4 { font-size:1em; color:#fff; background:#a00206; display:block; margin-bottom:8px; margin-left:-20px;  padding:5px 6px 4px 20px; line-height:1em;}
#rightsub .event h5 { font-size:1.1em; font-weight:bold; color:#ffffcc; border-bottom:1px solid #c1272b; margin-bottom:10px;}

.event .meda { margin-left:-20px; padding-left:20px; padding-top:5px;  }
.event .meda h3 { color:#FFF672; font-size:1.9em !important; }

.bgnum01 { background: url(../img/num01.png) bottom right no-repeat; }
.bgnum02 { background: url(../img/num02.png) bottom right no-repeat; }
.bgnum03 { background: url(../img/num03.png) bottom right no-repeat; }
.bgnum04 { background: url(../img/num04.png) bottom right no-repeat; }
.bgnum05 { background: url(../img/num05.png) bottom right no-repeat; }
.bgnum06 { background: url(../img/num06.png) bottom right no-repeat; }


.bbline { border-bottom:1px solid #c1272b; }
.bg_b { background:#1c0000; }

.alignleft { text-align:left !important; }
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.ml40 {margin-left:40px;}
.img0 img { margin:0; padding:0;  }
.mincho p { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif !important; text-shadow: 0 0 10px #f00 !important; line-height:1.2; margin-bottom:1em;}
.mincho span { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif !important;}
.haishin span {font-size:0.8em; padding:3px 0 0 1em; display:block; margin-bottom:-0.5em;}
.fs18 { font-size:1.7em; }
.fs12 { font-size:1.1em; }
.fs08em { font-size:0.8em; }
.fs13 { font-size:1.2em !important; }

.fs09em { font-size:0.8em; padding:5px 0; display:block; }



.btface { text-align:left !important; margin-bottom:30px; padding-left:20px; }
.btface a { margin:0 1px;}
.btface a img { margin-bottom:5px; }

/* page-top */
#page-top {
	position: fixed;
	bottom: 10px;
	right: 20px;
}
#page-top a {
	text-decoration: none;
	width: 40px;
	height: 40px;
	padding: 0;
	text-align: center;
	display: block;
	
}

.bl_p { padding:10px 5px; }
img.bl_p { width: auto; height:300px; }

#rightsub .tex .day { font-size:0.9em; text-align:left !important; padding-left:20px; color:#B60C05; }
#rightsub .tex .title { border-bottom:1px solid #B60C05; margin-bottom:4px; text-align:left !important; padding-left:20px; font-size:1.2em;}
#rightsub .tex .honb, #rightsub .tex .honb2 { margin-bottom:20px; text-align:left !important; padding-left:20px; font-size:1em;}
#rightsub .tex .honb p { margin-bottom:0.7em; }

#rightsub .tex h2 { font-size:1.2em; font-weight:bold; padding: 5px 5px 5px 20px; margin: 0 -5px 20px -20px;  border-bottom:1px solid #c1272b; }
#rightsub .tex h2 .red { color:#c1272b; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }


#rightsub .tex h3 { font-size:1.1em; font-weight:bold; padding:5px; margin: 0 0 20px;  border-bottom:1px solid #c1272b; }
#rightsub .tex h4 { font-size:1.1em; font-weight:bold; padding:5px 5px 3px 0; margin: 0 0 20px;  border-bottom:1px solid #c1272b; color:#d47e44; }
#rightsub .tex h5 { color:#eccdcd; font-weight: normal; }
.fujimori { color:#cccc66; }
.tsuge { color:#cc9999; }
.special_menu { padding-left:20px; margin-bottom:30px; }
.special_menu a { display:inline-block !important; padding:8px 40px 8px 30px; margin-right:10px; border:1px solid #c1272b; color:#fff !important; line-height:1; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:1.2em; background:url(../img/sp_ya.png) center right no-repeat; }
.special_menu a:link { color:#fff; }
.special_menu a:hover { color:#fff; background:#c1272b url(../img/sp_ya_ro.png) center right no-repeat; } 

.tex .comment { padding:25px 5px; border-top:1px solid #c1272b; margin:0 !important;}
.tex .comment span { color:#d47e44; display:block; padding-top:0.5em; line-height:1; margin:0; padding-bottom:0; }

#rightsub .tex .honb2 p { margin:0.8em 0 0.3em;}
#rightsub .tex .honb2 ul { padding:0 0 0 2em; margin:0; }
.decimal { list-style-type: decimal;}

#rightsub table.bltable { width:740px; }
#rightsub .bltable th {  text-align:center; padding:5px 8px; font-size:0.8em; background:#330000; border-bottom:1px solid #a00206; border-right:1px solid #a00206;}
#rightsub .bltable { border-top:1px solid #a00206; border-left:1px solid #a00206; }
#rightsub .bltable td { text-align:left; padding:5px; font-size:1em; border-bottom:1px solid #a00206; border-right:1px solid #a00206; clear:both; }

.scroll { width: auto; overflow:inherit;}
.gazo { width:150px; height:auto; float:right; margin:0 0 0 15px;}



.fs09 { font-size:0.9em; padding:10px; display:block;}

#rightsub iframe { padding: 0 0 10px; }

.pd10 { padding: 0 10px 5px ;}
.pd15 { padding: 0 10px 2px ;}
.t_center { text-align:center !important;}
.t_right { text-align:right !important;}
.t_left { text-align:left !important;}
.redline { border-left:#b60005 1px solid;}


#mainv { width:100%; height:100%; padding:0 0 142%; margin:0; background:url(../img/main_l.jpg) top center no-repeat; background-size:contain; }

#catch { width:auto; height: 26px; margin:0; background: #b60005; padding:0; text-align:center; color:#fff; }

.bg1 { background-image:url(../img/bg.jpg); background-repeat:repeat; }


#movw {  margin:20px auto; width:100%; max-width:890px; background:url(../img/bg.png) #fff; min-height:100px; height:auto; }
#movw .waku { margin:0; width:100%; height:auto; position:relative; text-align:right; display:inline-block; vertical-align:top; }

#movw .waku img { vertical-align:top; }
.ml10 { margin-left:10px;}
.mb4 { margin-bottom:4px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
body > #wrapper {
  height: auto;
 }
 

.opa img:hover{
	opacity:0.75;
	filter:alpha(opacity=75);
}

.nonclick {
	opacity:0.3;
	filter:alpha(opacity=30);
}

#menu { width: 245px; height: auto; padding:15px 0 15px; margin:0; text-align:left; }
#menu p { padding:0; margin:10px 0;}

.movarea { width:220px; height:124px; margin: 0 0 5px 10px; }

#top_mainv { width: 100%; max-width:740px; height: auto; min-height:100%; padding:40px 0 20px; margin:0 auto; text-align:center; }

.cr { width: auto; height: auto; padding:10px 5px 5px 10px; text-align:left; font-size:0.9rem; display:block; z-index:200; }
.cr p { padding:0; margin-top:4px !important;}

.opa img:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
}

.topnew { margin:0 30px 0 18px; font-size:0.7em; padding:2px 2px 2px 12px; border-bottom:1px dotted #333; background:url(../img/topnew_sankaku.png) no-repeat center left; color:#fff; }



.pconly { display:inherit !important; }
.sponly { display:none !important; }

.bline { border-bottom:#b60005 1px solid; padding-bottom:3px; }
.red_topline {background:url(../img/red_line.png) no-repeat; background-position: calc(-50% + 300px) top;}






/* =====================================================================
*	グッズ
* =================================================================== */


#content-goods {
	width: auto; height:auto; min-height:500px; padding: 0 0 20px 10px; margin:0 auto; font-size:1.4rem;
}

#content-goods .goodst {
	width: auto;
	padding: 0;
	height:auto;
	text-align:left;
}




#content-goods .goodst .item {
	width: 32%;
	padding: 0;
	height:auto;
	text-align:left;
	float:left;
	margin-bottom:30px;
	margin-right:1.5%;
	display:block;
	position:relative;
}
#content-goods .goodst .item:nth-child(2n) {
	margin-right:2%;
}
#content-goods .goodst .item:nth-child(3n) {
	margin-right:0px;
}

#content-goods .goodst .item h2 {
	font-size:14px; font-weight: normal; line-height:1.1em; color: #cc0000; padding:0 0 5px; margin:0; 
}
#content-goods .goodst .item .itemimg {
	margin:0 0 2px; height: auto; position:relative; display:block; width:auto; 
}
#content-goods .goodst .item .itemimg img {
	border:#c1272b 1px solid;
}
#content-goods .goodst .item .itemimg .nico {
	position: absolute; top:1px; left:1px; width:30px; height:30px; background:url(../goods/newicon.png) no-repeat; z-index:300; display:block;
}


#content-goods .goodst .item  ul.bxslider {
	margin:0; line-height:1; 
	border:none; height: auto; overflow:hidden; 
}



#content-goods .goodst .item  ul.bxslider li {
	margin:0; height:auto; padding:6px; background-image:url(../img/goods_bg.jpg); 
}
.red { color:#c00; }
.dred { color: #8A3839; }

#content-goods .goodst .item p {
	font-size:0.9em;
	margin:2px 0px ; padding:6px 0; line-height:1.5em; 
}
#content-goods .goodst .item .bxdiv {
	font-size:1em;
	margin:0px ; padding:6px; line-height:1.5em; 
}

ul.bxsliderg { display:block; margin: 0; padding:0px; position:relative; width:268px; height: auto;}
ul.bxsliderg li { margin:0px ; padding:0; line-height:1; height:auto; }
ul.bxsliderg li img { width:266px; height:266px; margin:0px ; padding:0; }

#content-goods .goodst .item p a { margin:0; padding:0; text-decoration:none;}

.fs11 { font-size:1.25em;}

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

#content-goods {
	width: auto; margin:0 0 20px; padding:10px; font-size:1.4rem !important; max-height: 100% !important;
}


#content-goods .goodst {
	width: auto;
	padding: 0px;
	height:auto;
	text-align:left;
}
#content-goods .goodst .item {
	width: 47%;
	padding: 0;
	height:auto;
	text-align:left;
	float:left;
	margin-bottom:20px;
	margin-right:15px;
}

#content-goods .goodst .item:nth-child(3n) {
	margin-right: 2%;
}
#content-goods .goodst .item:nth-child(2n) {
	margin-right:0px;
}
#content-goods .goodst .item h2 { font-size:1.3em; }
#content-goods .goodst .item p { font-size:1.1em !important; }

.bl_p {  padding: 10px 5px; }
img.bl_p  { width: auto; height:260px; }

.fs11 { font-size:1.0em;}

.comi { width: auto;
        position:relative;
        margin:10px 10px 10px 10px !important;
        text-align: left;
		}
#rightsub { min-height:inherit;}
}

.storytex {
        width:740px;
        height: auto; min-height:500px;
        position:relative;
        margin:15px 0 0 20px;
        clear:both; text-align: left;
}
.storytex ul.numb li {
        width:114px;
        height: auto; min-height:10px;
        float:left;
        list-style:none;
        padding:5px 4px 15px;
        margin:0 0 3px;
        text-align:center !important;
        display:block;
        cursor: pointer;
        color:#FFF;  border-left:1px solid #c1272b;
		background: url(../img/st_line.png) no-repeat; background-position:center bottom 10px;
		font-size:0.9em;
}
.storytex ul.numb li:first-child {
        margin-left:0; border-left: none;
}
.storytex ul.numb {
        padding:0;
        margin:0;
}
.storytex ul.numb li.active {
	background: url(../img/st_li_a.png) no-repeat; background-position:center bottom 10px;
           font-weight:bold;
}

.dblock { display:block;
}

.storytex ul.numb li.hover {
        background: url(../img/st_li_h.png) no-repeat; background-position:center bottom 10px;
        font-weight:bold;
}

.content {
        width:740px; text-align: left;
        height: auto;
        top:100px;
        left:0;
        padding:0;
        position:absolute;
}

li.active .content { display: block;}

.content h2 { padding:0 0 -5px 20px !important; margin:0 0 20px -20px !important; border-bottom:1px solid #c1272b;
}
.storytex ul.numb li.nonlink { pointer-events: none !important; color:#666;}

.storytex .content ul.bxslider {
        width: auto;
        height: auto; min-height:416px;
        list-style:none;
        padding:0;
        margin:0;
        display:block;
}
.storytex .content ul.bxslider li{
        width: auto;
        height: auto; min-height:416px;
        float:left;
        list-style:none;
        padding:0;
        margin:0px;
        display:block; border:none; pointer-events: none !important;
}


.comitent {
        width:100%; text-align: left;
        height: auto;
        left:0;
        padding:0 0 35px;
		top:60px;
        position:absolute;
}
.comitent img { width:100%;}
.comitent h2 { padding:0 0 -5px 20px !important; margin:0 0 20px -20px !important; border-bottom:1px solid #c1272b;
}

.comitex {
        width: auto;
		height:auto;
        position:relative;
        margin:15px 0 0 20px;
        text-align: left;
		
}
.comitex ul.comic { margin:0 0 20px; display:block; }
.comitex ul.comic li {
        width:114px;
        height: auto; min-height:10px;
        float:left;
        list-style:none;
        padding:5px 4px 15px;
        margin:0 0 3px;
        text-align:center !important;
        display:block;
        cursor: pointer;
        color:#FFF;  border-left:1px solid #c1272b;
		background: url(../img/st_line.png) no-repeat; background-position:center bottom 10px;
		font-size:0.9em;
}
.comitex ul.comic li:first-child {
        margin-left:0; border-left: none;
}
.comitex ul.comic {
        padding:0;
        margin:0;
}
.comitex ul.comic li.active {
	background: url(../img/st_li_a.png) no-repeat; background-position:center bottom 10px;
           font-weight:bold;
}
.comitex ul.comic li.hover {
        background: url(../img/st_li_h.png) no-repeat; background-position:center bottom 10px;
        font-weight:bold;
}
.comitex ul.comic li.nonlink { pointer-events: none !important; color:#666; width:20px;}







.contentt { display:block;}
.contentt li{background: none;}
.contentt img { width:100%;}
.demo .hide {display:none;}

.comi { width: auto;
        position:relative;
        margin:15px 0 0 20px; height:auto;
        text-align: left;}
.comi ul{margin:0 !important; padding:0 !important;}
.comi li{list-style:none !important;}
ul.comic { margin:0 0 20px; display:block; min-height:1em; }
ul.comic li {
        width:114px;
        height: auto; min-height:10px;
        float:left;
        list-style:none;
        padding:5px 4px 15px;
        margin:0 0 3px;
        text-align:center !important;
        display:block;
        cursor: pointer;
        color:#FFF;  border-left:1px solid #c1272b;
		background: url(../img/st_line.png) no-repeat; background-position:center bottom 10px;
		font-size:0.9em;
}
ul.comic li:first-child {
        margin-left:0; border-left: none;
}
ul.comic {
        padding:0;
        margin:0;
}
ul.comic li.active {
	background: url(../img/st_li_a.png) no-repeat; background-position:center bottom 10px;
           font-weight:bold;
}
ul.comic li.hover {
        background: url(../img/st_li_h.png) no-repeat; background-position:center bottom 10px;
        font-weight:bold;
}
ul.comic li.nonlink { pointer-events: none !important; color:#666; width:20px;}