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

@common

last update 150710
v 1.0

--------------------------------*/
html,body{
	
	font-size:15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:1px;
	background: #1b0b0b;
	color:#FFF;
	width:100%;
}

img { -ms-interpolation-mode: bicubic; }

/*-------------------------------

@block

-------------------------------*/
#wrapper{
	width:100%;
	min-width:320px;
	/*overflow:hidden;*/
	position: relative;
	background:#1b0b0b;
	z-index:1;
}

body.sub-bg:after{
	content:"";
	width:100%;
	height:100%;
	position:fixed;
	z-index:0;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:#000 url(../img/sp/common/bg.jpg) no-repeat top center;
	background-size:100% auto;
}

body.sub-bg #wrapper{
	background:none;
}

#container{
	width:100%;
	margin:0 auto;
	position:relative;
	z-index:5;
}


#main{
	
}


.frame-top{
	line-height:0;
}

.frame-center{
	background:url(../img/sp/common/frame_center.png) no-repeat;
	background-size: 100% 100%;
	padding:3% 0 2% 0;
}

.frame-silver-center{
	background:url(../img/sp/common/frame_silver_center.png) repeat-y;
	background-size: 100% auto;
	padding:3% 0 2% 0;
}

.frame-bottom{
	line-height:0;
}


.frame2-top{
	background:url(../img/sp/common/frame2_top.png) no-repeat;
	background-size:100% 100%;
}

.frame2-center{
	width:100%;
	background:url(../img/sp/common/frame2_center.png) no-repeat center;
	background-size:100% 100%;
}

.frame2-bottom{
	line-height:0;
}


/*-------------------------------

@header

-------------------------------*/
#header{
	position:absolute;
	width:100%;
	z-index:10;
	top:0px;
	left:0px;
}

#ttl{
	width:36%;
	float:left;
}

#ttl img{
	width:100%;
}

#header-onair{
	width:38%;
	float:left;
}

#header-onair img{
	width:100%;
}

#menu-container{
	float: right;
	background: url(../img/sp/common/menu_btn_spr_2.png);
	width: 54px;
	height: 54px;
	background-size: 100%;
	background-repeat: no-repeat;
}
#menu-container.open-navi{
	background-position: 0px -54px;
	height: 54px;
}
#menu-container img{
	width:50%;
}



/*-------------------------------

@navi

-------------------------------*/
#navi-container{
	width:100%;
	height:100%;
	position: absolute;
    z-index: 9;
    top: 0px;
    left: 0px;
	background:rgba(0,0,0,0.8);
	display:none;
}

#navi-container-inner{
    margin: 28% 0 0 0;
/*	background:url(../img/sp/common/navi/navi_bg.png) no-repeat;
	background-size:100% 100%;*/

}

#navi{
        width: 100%;
    height: 100%;
    margin: 0px auto;
    background: url(../img/sp/common/navi/bg_151118_00.png) no-repeat;
    background-size: contain;
}

#navi ul li.mini{
	width:50%;
	float:left;
}
.navi-right.bottom,
.navi-left.bottom{
	border-top: none;
}
.navi-center.top{
}
.navi-left{
	float:left;
	width:50%;
}

.navi-right{
	width:50%;
	float:left;
}
.navi-left li,
.navi-right li{
}
.navi-center li{
}
.sns {
	position: relative;
}
.sns p.tw {
	display:block;
}

.sns p.tw img{
	width: 22px;
	height: 17px;
	position: absolute;
	top: 38%;
	left: 25%;
}

.sns p.fb {
	display:block;
}
.sns p.fb img{
	width: 18px;
	height: 17px;
	position: absolute;
	top: 38%;
	left: 65%;
}

.navi-btn.none{
	display:none;
}


/*-------------------------------

@navi

-------------------------------*/
	

#twitter-widget{
	margin: 0px 0 0 30px;
    width: 256px;
    height: 265px;
    overflow: hidden;
    padding: 0;
}

#top-tw-contents{
	background-image:url(../img/common/header/top/topTwFrameMiddle.png);
	background-repeat:repeat-y;
	    padding: 0 0 10px 0;
}


/*#twitter-widget-0{
	min-height:175px !important;
	margin: 0 10px !important;
  
}*/

#top-tw-info{
	width: 232px;
    padding: 10px 0 10px 12px;
}


/*-------------------------------

@footer

-------------------------------*/
#footer{
	width:100%;
	margin:25% auto 0 auto;
	background:#1b1102 url(../img/sp/top/bg_s_2.png);
	border-top:1px solid #c9bc9c;
    position: relative;
    z-index:6;
}


#footer-inner{
	margin-top: -24%;
	padding:0 0 5% 0;
}

#footer-top{
	background:#1b1102;
	border-top:1px solid #ccc0a3;
	height:80px;
}
#footer-bottom{
	background:#31210a;
	border-top:1px solid #ccc0a3;
}
#footer-banner-container{
	padding:15px 0 0;
}

#footer-banner-container li{
	display:block;
	float:left;
	width: 46%;
    padding: 0 2% 4% 2%;
}

#footer-banner-container li a img{
	width:100%;
}

#footer-sns-btn-container{
	width:60%;
	margin:0 auto;
}

#footer-sns-btn-container li{
    display: block;
    float: left;
	padding: 10% 4% 5% 4%;
    width: 42%;
}

#footer-sns-btn-container li a img{
	width:100%;
}


#cc{
	line-height: 1em;
    padding: 3% 0;
}




/*-------------------------------

@contents

-------------------------------*/
#contents{
	
	overflow:hidden;
}

.activate{
	display:block;
}

.deactivate{
	
	display:none;
}

.disable-select{
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chrome */
	-ms-user-select: none; /* IE10 */
}

#page-top{
	position:fixed;
	bottom:3%;
	right:3%;
	width:20%;
	z-index:100;
	display:none;
	opacity:0;
}

#page-top img{
	width:100%;
}





/*-------------------------------

@modules

-------------------------------*/
a{
	color:#c9bc9c;
}

a:hover{
	color:#8E6419;
	text-decoration:none;
}






.gold{
	color:#c9bc9c;
}

.silver{
	color:#9c9c9c;
}