@charset "UTF-8";
/*
 *
 * $reset
 *
 *
*/
body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object, input{margin:0;padding:0;}
h5, h6, pre, table, code, kbd, samp, acronym, input, textarea, select{font-size:100%;}
a, ins{text-decoration:none;}
address, em, cite, dfn, var{font-style:normal;}
input, textarea{/*font-family:sans-serif;*/font-weight:normal;}
img{vertical-align:baseline;}
a img{border:none;margin:0;}
* html body{ /* for IE6 */font-size:small;}
*:first-child+html body{ /* for IE7 */font-size:small;}
ul{list-style-position:outside;list-style-type:none;}
ol{list-style-position:outside;margin-left:20px;}
table{border-collapse:collapse;/*word-break: break-word;*/}
legend{	color: #333;}
div, pre{word-wrap: break-word}
pre{white-space: pre-wrap;}
iframe{border:0;padding:0;}
/*
 *
 * $html
 *
 *
*/
html{margin:0;padding:0;background-color:#191919;}
body{
	font-family:Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック';
	color:#fff;
	font-size:14px;
	line-height:130%;
	background:#191919;
	text-align:center;
	-webkit-text-size-adjust: none;
}
body.NF{font-size:18px;}
body#SP{font-family:'ヒラギノ角ゴ Pro W3',Osaka,'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';}
p{}
.serif{font-family: 'Times New Roman', Times, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝B", "ＭＳ Ｐ明朝", serif;}
.global_ttl{display:none;}


@media screen and (max-width: 679px) {
	p br{/*display:none;*/}
}

.mypageBox-out{}
.mypageBox-in{display:block;}

/*
 *
 * $noscriptMessage
 *
 *
*/
#noscriptMessage,.ie8,.ie9{width:100%;padding:6px 0;background:#5d051c;text-align:left;color:#f40442;border:2px solid #f40442;border-width:2px 0;}
#noscriptBox p,.ie8 p,.ie9 p{text-align:left;}
#noscriptMessage ._parts_ui_noteIcon_s,
.ie8 ._parts_ui_noteIcon_s{
	margin:0 7px 0 10px;
	float:left;
}
.ie8{display:none;}
.ie9{display:none;}
.lt-ie9 .ie8{display:block;}
/*
 *
 * $wrap
 *
 *
*/
#wrap{overflow:hidden;position:relative;}
.isRetroBrowser #wrap{min-width:970px;}

#wrap .wrap_inr{
	width:100%;
	background:url(../img/bg/common.jpg) no-repeat top center;
	background-position: 50% 0;
	background-attachment:fixed;
	background-color:#dedddd;
}
#wrap.login .wrap_inr{background:url(../img/bg/common_no_character.jpg) no-repeat top center;}

/* 横幅 960px以下 */
@media screen and (max-width: 979px) {
#wrap{min-width:320px;z-index:10;}
#wrap .wrap_inr{background-image:none;}
#wrap.top  .wrap_inr{background:url(../img/bg/common.jpg) no-repeat top center;}
#wrap.login  .wrap_inr{background-image:none;}}
}
/* 横幅 680px以下 */
@media screen and (max-width: 679px) {
	
}
/*
 *
 * $header
 *
 *
*/
#header{
	width:100%;
	min-width:960px;
	position:relative;
}
#headerVisual{
	min-height:85px;
}
/* 横幅 960px以下 */
@media screen and (max-width: 979px) {
#header{
	min-width:320px;
	/**
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	/**/
}
	#headerVisual{
		min-height:0;
	}
}
/* 横幅 680px以下 */
@media screen and (max-width: 679px) {
	
}

/*
 *
 * $globalnavi
 *
 *
*/
#globalnavi{
}
#globalnavi-sp{
	display:none;
}
/* 横幅 980px以下 */
@media screen and (max-width: 979px) {
	#globalnavi{
		display:none;
	}
	#globalnavi-sp{
		display:block;
	}
}


#spGlobalnavi{
	width:100%;
	height:55px;
	position:fixed;
	bottom:0;
	left:0;
	z-index:100;
	display:none;
}
/* 横幅 980px以下 */
@media screen and (max-width: 979px) {
	#spGlobalnavi{
		display:block;
	}
	
}





/*
 *
 * $contents
 *
 *
*/
#contents{
	width:100%;
	max-width:960px;
	margin:0 auto;
	overflow:hidden;
}
/* 横幅 960px以下 */
@media screen and (max-width: 979px){
	#contents{
		padding:0 0 0;
	}
}


/*
 *
 * $singleClm
 *
 *
*/
#singleClm{
	width:800px;
	padding:15px 0 0;
	margin:0 auto;
}
/* 横幅 980px以下 */
@media screen and (max-width: 979px){
	#singleClm{width:100%;padding-top:0;}
}


/*
 *
 * $siteMap
 *
 *
*/
#siteMap{
	width:960px;
	margin:0 auto;
}
/* 横幅 980px以下 */
@media screen and (max-width: 979px){
	#siteMap{display:none;}
}

/*
 *
 * $campaignClm
 *
 *
*/
#campaignClm{
	width:100%;
	margin:0 auto;
}


/*
 *
 * $leftClm
 *
 *
*/
#leftClm{
	width:270px;
	padding:0 10px 0 0;
	float:left;
	text-align:left;
	position: relative;
}


#ft-banner{
	padding:10px 0 0;
}

#spMenuLeft{
	display:none;
}
#spMenuRight{
	display:none;
}
#spMenuLeft{
		display:block;
		top: 0;
		width: 270px;
		position: fixed;
		visibility: hidden;
		z-index: -1;
		left: 0;
		text-align:left;
		border:1px solid #313131;
		border-width:0 1px 0 0;
	}
	#spMenuRight{
		display:block;
		top: 0;
		width: 270px;
		position: fixed;
		visibility: hidden;
		z-index: -1;
		right: 0;
		text-align:left;
		border:1px solid #313131;
		border-width:0 0 0 1px;
	}
	#spMenuRight .slidemenu-body,
	#spMenuLeft .slidemenu-body{
		height: 100%;
		overflow: hidden;
		position: relative;
	}
	#spMenuRight .slidemenu-body .slidemenu-content,
	#spMenuLeft .slidemenu-body .slidemenu-content {
		position: relative;
	}
	#spMenuRight .slidemenu-body .slidemenu-content{
		padding:15px 0 0;
	}
	
	#spMenuLeft .leftMenuMyCharacterPanel{
		display:none;
	}
	
/* 横幅 960px以下 */
@media screen and (max-width: 979px) {
	#leftClm{
		display:none;
		opacity:0;
		filter: alpha(opacity=0);
		-ms-filter: "alpha(opacity=0)";
		position:absolute;
		top:0;
		left:0;
		z-index:-1;
	}
	
	#ft-banner{
		display:none;
	}
}

/*
 *
 * $MainClm
 *
 *
*/
#MainClm{
	width:680px;
	text-align:left;
	float:left;
}
	#pageTopBtn{
		width:113px;
		height:22px;
		display:block;
		position:fixed;
		bottom:25px;
		/*right:10px;*/
		right:-120px;
		z-index:10;
		-webkit-transition-property: all;
		-webkit-transition-duration: 0.2s;
		-webkit-transition-timing-function: linear;
		transition-property: all;
		transition-duration: 0.2;
		transition-timing-function: linear;
	}
	#NF #pageTopBtn{
		display:none;
	}
/* 横幅 680px以下 */
@media screen and (max-width: 979px) {
#MainClm{
	width:100%;
	float:none;
	margin:0 auto;
}
	#MainClm ._parts_box{
		min-height:10px !important;
	}
	#MainClm .blank{
		display:none;
	}
}


/*
 *
 * $footer
 *
 *
*/
#footer{
	width:100%;
	border:1px solid #302f2f;
	border-width:1px 0 0;
	margin:10px 0 0;
}
/* 横幅 980px以下 */
@media screen and (max-width: 979px) {
#footer{
	border-width:0;
	margin:0;
}
}


#itemPop{
	width:380px;
	box-sizing:border-box;
	padding:5px 15px;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	display:none;
	border:2px solid #464646;
	box-shadow:0px 0px 10px #000;
}
#itemPop:hover{
	display:none;
}

/*
 *
 * $youtube
 *
 *
*/
.youtubeBox{
	padding-bottom: 56.25%;
	position:relative;
	width:100%;
}
.youtubeBox iframe{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important
}
/*
 *
 * $margin
 *
 *
*/
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}

.mt0{margin-top:0px;!important}

.pb0{padding-bottom:0px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}


.radius{border-radius: 5px 5px 0 0;}



.mb10s{margin-bottom:10px;}
/* 横幅 980px以下 */
@media screen and (max-width: 979px) {
	.mb10s{margin-bottom:0;}
	
}

/*
 *
 * $align
 *
 *
*/
.textC{text-align:center;}
.textL{text-align:left;}
.textR{text-align:right;}

.font110{font-size:110% !important;}
.font90{font-size:90% !important;}
.font80{font-size:80% !important;}


.gold{color:#a39a72;}
.darkgreen{color:#2e5c30;}
.green{color:#6a9934;}
.blue{color:#61a5f1;}
.purple{color:#8c6b9b;}
.purple-green{color:#478c82;}
.red{color:#F90206;}
.ligthgray{color:#d9d6d6;}
.clear{
	clear:both;
}
.overflow{
	overflow:hidden;
}
.mays{color:#c0a182 !important;}






/*
 *
 * $footer > ipBanner
 *
 *
*/
.ipBanner{
	width:960px;
	margin:0 auto;
	padding:0 0 15px;
}
	.ipBanner .bofBanner{
		width:960px;
		height:80px;
		text-indent:-9999px;
		display:block;
		background:url(/common/img/banner/footer/bof6_pc.jpg) no-repeat top left;
		-webkit-transition-property: all;
		-webkit-transition-duration: 0.2s;
		-webkit-transition-timing-function: linear;
		transition-property: all;
		transition-duration: 0.2;
		transition-timing-function: linear;
	}
	.ipBanner .bofBanner:hover{
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
	}


/* 横幅 980px以下 */
@media screen and (max-width: 959px){
	.ipBanner{
		width:640px;
		margin:0 auto;
	}
		.ipBanner .bofBanner{
			width:640px;
			height:170px;
			background:url(/common/img/banner/footer/bof6_sp.jpg) no-repeat top left;
		}
}

/* 横幅 980px以下 */
@media screen and (max-width: 639px){
	.ipBanner{
		width:320px;
		margin:0 auto;
	}
		.ipBanner .bofBanner{
			width:320px;
			height:85px;
			background:url(/common/img/banner/footer/bof6_sp.jpg) no-repeat top left;
			background-size:320px 85px;
		}
}