html{background: url(../images/main_bg.png) top center no-repeat fixed #d0abda; margin:0;}
body { font-size: 16px; background:none; margin:0; font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; line-height:1.41;}
a {text-decoration: none;}
img {vertical-align: bottom;}
img{margin: 0; padding: 0; vertical-align: bottom;}

/* menu
------------------------------------- */
.menu_box{ width: 98%; max-width: 974px; margin: 0 auto; background: #000; padding: 5px 1%;}

.logo_box{ width: 15%; max-width: 165px; float: left;}
.meu_box_list{ width: 85%; max-width: 830px; float: right;}
.logo_box img{width: 100%;}
.menu_box strong.new{font-size: 10px; text-align: center; display: block; height: 12px; color: #f00; letter-spacing: 0.1em;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.menu_box strong.new{font-weight: bold;}
}

.flexnav li a { border-left: none; border-bottom: none; padding:10px 0; text-align: center; background: #000; border-bottom: dotted 2px #000;}
.flexnav li a:hover{text-align: center; border-bottom: double 2px #8f739a;}
.flexnav li a img{width: 100%; max-width: 88px;}
.flexnav li .nolink img{filter:alpha(opacity=50);  -moz-opacity:0.50; -khtml-opacity:0.50; opacity:0.50;}
.flexnav li .nolink a:hover{text-align: center; border-bottom: none;}

#story .flexnav li#storym a{text-align: center; border-bottom: double 2px #c6234d;}
#chara .flexnav li#charam a{text-align: center; border-bottom: double 2px #c6234d;}
#gallery .flexnav li#gallerym a{text-align: center; border-bottom: double 2px #c6234d;}
#spec .flexnav li#specm a{text-align: center; border-bottom: double 2px #c6234d;}
#special .flexnav li#specialm a{text-align: center; border-bottom: double 2px #c6234d;}
#basic .flexnav li#basicm a{text-align: center; border-bottom: double 2px #c6234d;}


.line-main hr{
	width: 98%;
	border: none;
    height: 1px;
    background:#36253a;
	margin: 20px auto; padding:0;
}

@media all and (max-width: 659px) {
	#story .flexnav li#storym a{background: #841735 !important;}
	#chara .flexnav li#charam a{background: #841735 !important;}
	#gallery .flexnav li#gallerym a{background: #841735 !important;}
	#spec .flexnav li#specm a{background: #841735 !important;}
	#special .flexnav li#specialm a{background: #841735 !important;}
}




@media screen and (max-width: 1000px) {.meu_box_list{ width: 79%;} .logo_box{ width: 20%;}}
/* @media screen and (max-width: 820px) {.meu_box_list{ width: 75%;} .logo_box{ width: 24%;}} */


.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
	-moz-animation:blink 1.5s ease-in-out infinite alternate;
	animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{ 0% {opacity:0.5;} 100% {opacity:1;}}
@-moz-keyframes blink{ 0% {opacity:0.5;} 100% {opacity:1;}}
@keyframes blink{ 0% {opacity:0.5;} 100% {opacity:1;}}









/* cont_box
----------------------------------- */
.cont_box{width: 100%; max-width: 1000px; background: #000; color: #fff; margin: 0 auto; padding-bottom: 50px;}

h1{width: 90%; max-width: 900px; margin: 0 auto; padding-top: 5px;}
h1 img{width: 100%;}
h2 {width: 90%; max-width: 900px; margin: 0 auto; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 30px; font-weight: bold; color: #f2c8fe; display: table; height: auto; min-height: 46px; padding-bottom: 5px; }
h2 p { margin: 0; text-align: left;}
.h2-side { display: table-cell; vertical-align: top; text-align: left; width: 56px; max-width: 56px;}
.h2-main { display: table-cell; vertical-align: top; text-align: left; padding-top: 4px;}
h2 span a{font-size: 14px; color: #fff;}



/* common_box
----------------------------------- */
.common_cont_box_top{width: 95%; max-width: 935px; margin: 0 auto;}
.common_cont_box_box{width: 95%; max-width: 935px; margin: 0 auto; background: url(../images/cont_center.gif) repeat-y left top; -moz-background-size:100% auto; background-size:100% auto; }
.common_cont_box_bottom{width: 95%; max-width: 935px; margin: 0 auto;}
.common_cont_box_top img,
.common_cont_box_bottom img{width: 100%;}

/* updete-icon */
.updete-icon{width: 49px; display:inline-block;}

/* index index_history
----------------------------------------- */
.index_history{width: 95%; max-width: 940px; margin: 0 auto;}
.history_list li{width: 33%; float: left; padding-right: 0.33%; padding-bottom: 5px;}
.history_list li:nth-child(3n){padding-right:0;}
.history_list li img{width: 100%;}
.history_list li a:hover{filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;}

@media screen and (max-width: 640px) {
.history_list li{width: 49.5%; float: left;}
.history_list li:nth-child(2n){padding-right:0;}
.history_list li:nth-child(3n){padding-right: 0.33%;}
.index_history{width: 95%; max-width: 940px; margin: 0 auto;}
}




/* info_data_box
----------------------------------- */
.info_data_box{width: 100%; max-width: 1000px; background: #000; color: #fff; margin: 0 auto; padding: 30px 0; border-top: solid 1px #2a2c27;}
.info_data_box_in{width: 95%; max-width: 700px; margin: 0 auto;}

.info_img{width: 37%; max-width: 250px; float: left;}
.info_data{width: 60%; max-width: 1000px; background: #000; color: #c62350; margin: 0 auto; padding: 0; float: left;}

.info_img img{width: 100%; max-width: 250px;}

.info_data dl{width: 95%; max-width: 1000px; margin: 0 auto}
.info_data dt{font-weight: bold; padding-bottom: 4px;}
.info_data th, .info_data td{padding: 5px; border-bottom: solid 1px #430c1b; font-size: 14px;}

a.info_data_btn_shop{ font-size:12px; display:inline-block; padding: 5px; background: #cb4141; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}







/*  banner_box
--------------------------------------- */
.banner_box{width: 95%; max-width: 850px; margin: 0 auto; padding: 20px 0;}
.banner_box img{width: 100%; max-width: 230px;}
.banner_box li{ width: 24%; margin: 0 0.4%; float: left;}



/* footter
------------------------------------- */
#footer{ width: 100%; background: #000; color: #fff; padding: 30px 0 10px 0;}
.sns_box{ width: 95%; max-width: 950px; margin: 0 auto 0 auto; text-align: center;}
.sns_box a{padding: 5px;}

.footer_link_list_box{ width: 95%; max-width: 950px; margin: 30px auto 10px auto; font-size: 12px; text-align: center;}
.footer_link_list_box a{color: #fff;}
.footer_link_list_box li{display:inline-block; border-left: solid 2px #fff; padding: 0 5px;}
.footer_link_list_box li:first-child{border-left:none;}

.common_cnp_box{ width: 95%; max-width: 950px; margin: 30px auto 0 auto;}
.common_cnp_box li{width: 100%; float: left; text-align: center; padding: 7px;}
.common_cnp_box li img{width: 100%;}

.common_cnp_box li.ps{max-width: 52px;}
.common_cnp_box li.vita{max-width: 146px;}
.common_cnp_box li.kt{max-width: 66px;}
.common_cnp_box li.rbp{max-width: 125px;}
.common_cnp_box li.cero{max-width: 31px;}

.common_cup_text_box{ width: 95%; max-width: 950px; margin: 0 auto; font-size: 12px; text-align: center;}
.common_cup_text_box li{padding: 5px 0;}
.cnp_ps img{height: 20px;}


.on_link:hover{filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;}

.dl_off{width: 95%; margin-top: 3px; color: #f00; border: solid 1px #aa1c3f; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; font-size: 12px; padding: 5px; background: #560e22; font-weight: normal;}


.hidden_box{ position: absolute; width: 0; height: 0; overflow: hidden;}
.w500{ width: 95%; max-width: 500px;}

.pc_cb{display: block;}
.sf_cb{display: none;}


@media screen and (max-width: 640px) {
.info_data_box_in{width: 95%; margin: 0 auto;}
.info_img{display: none; }
.info_data{width: 95%; max-width: 380px; float: none;  margin: 0 auto;}
.pc_cb{display: none;}
.sf_cb{display: block;}

.banner_box{width: 95%; max-width: 470px;}
.banner_box li{ width: 48%; max-width: 231px; margin: 0.5% 0.4%; float: left;}

}


.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}