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

html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td { margin:0; padding:0;}
html, body { height:100%; }
img { border: 0; vertical-align: bottom; border-style: none;}
a img { border-style:none;}
a { outline: none; word-wrap: break-word; }
a:link,a:visited,a:active {outline: none;}
a:link { color: rgb(251, 216, 127);}
a:visited { color: #FFF;}
a:hover { color: #069;}
a:active { color: #09C;}


/* ボタンのロールオーバー

.btn{transition: 0.6s ;}
.btn:hover{opacity: 0.5 ;}*/


.over1{transition: 0.6s ;}
.over1:hover{opacity: 0.5 ;}

body,td,th { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color: #5a0505; font-size: 16px; line-height:180%; color: #FFF;  background-repeat: repeat; background-image:url(../img/bg.jpg);}
.clearfix{ clear:both;}
hr{ border:solid 1px #333;}
.opp{ filter:alpha(opacity=30)!important; -moz-opacity: 0.3!important; opacity: 0.3!important;}

.youtube { position: relative; width: 100%; max-width: 902px; margin: 0 auto 60px; font-size: 13px;}
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
.fb_iframe_widget > span { vertical-align: baseline !important; }
.fb_iframe_widget{ width:100px;}
iframe[name="google_conversion_frame"] { display:none;}

.waku{
    max-width: 1005px;
    width: 100%;
    margin: 0 auto;

	}



#social{
    z-index: 3;
    position: absolute;
    right: 00;
    padding-top: 739px;
	}



#new-info{
	height:30px;
	float:left;
	width: 830px;

	}






#news{
 border-top: solid 1px #fad785;
 border-bottom: solid 1px #fad785;
 margin-top: 60px;
 clear: both;
 font-size: 13px;
 padding-top: 4px;
 margin-bottom: 0px;
 background-color: #000;
}


/*---アコーディオン--*/


#acMenu dt{/*---moreの部分--*/
  position: absolute;
    padding-right: 60px;
    margin-top: 8px;
    width: 53px;
    right: 0;
    height: 12px;
    background: url(../img/i_swich_pc.png)40px -87px no-repeat;
    }

#acMenu dd{
     background-color: #000;
     color:#FFF;
    width:844px;
    height:30px;
    display:none;
    border-top:1px dotted #666;
    padding-left: 70px;
   overflow:hidden;
    }


#acMenu dt.active{
    display: block;
    float: right;
    padding-right: 60px;
    margin-top: 8px;
    background:url(../img/i_swich_pc.png) 40px 0px no-repeat;
    }

/*---アコーディオン--*/

#newstext{
width:95%;
margin:0 auto;
max-width:960px;
position:relative;
 clear: both;
 font-size: 12px;
 background-color: #000;

	  }





/*#news #newstext{ width: 95%; max-width: 960px; margin: 0 auto; position: relative;}
#news span{ color:#F00; margin:0 10px;}*/
#news a{ color:#FFF; text-decoration:none;}
#news a:hover{ color: #FF0000; text-decoration: underline;}

.yajirushi a{ display:block; width:132px; height:72px; background-image:url(../img/controls3.png); margin:0 auto; text-indent:-9999px; margin-top:80px;}
.yajirushi a:hover{ background-position:-132px 0;}
.yajirushi2 a{ display:block; width:132px; height:72px; background-image:url(../play/controls.png); margin:0 auto; text-indent:-9999px; margin-top:80px;}
.yajirushi2 a:hover{ background-position:-132px 0;}

.clearfix2{ clear:both; height:100px;}
.clearfix3{ clear:both; height:120px;}
.clearfix4{ clear:both; height:30px;}
.opp{ filter: alpha(opacity=50)!important; -moz-opacity: 0.5!important; opacity: 0.5!important;}
.imgnotice{ font-size:12px; padding:0 0 10px 10px; color:#ccc;line-height: 126%;}
.notice{ font-size: 13px; line-height: 140%; color: #999; margin-left: 2px;}

iframe.twitter-share-button {width: 80px!important;}

.stage{ position: relative; width: 100%; padding-top: 56.25%;}
.stage iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}


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

.mark:after{
position:absolute;
content: " ";
  bottom: 0;
  left: 47%;
  height: 0;
  width: 0;
  border:8px solid transparent;
  border-bottom:7px solid #F4BD53;
	}

/* Navigation */
#navi{ width:100%; max-width:1000px; height: 60px; margin: 0 auto; border-left: solid 1px #333;}
#navi ul{ list-style:none;}
#navi li{ float:left; display:inline-block; height:60px; border-right:solid 1px #333; background-repeat:no-repeat; position:relative;}
#navi li a{ float:left; display:block; height:60px; text-indent:0px; background-repeat:no-repeat; font-size:0px;}
#navi li .new{ position: absolute;
    bottom: 15px;
    left: 4%;}

#navi .new2{ position: absolute; left: 361px; top: 57px;}
#navi .new3{ position: absolute; left: 474px; top: 57px;}
#navi .new4{ position: absolute; left: 578px; top: 57px;}
#navi .new5{ position: absolute; left: 661px; top: 57px;}
#navi .new6{ position: absolute; left: 790px; top: 57px;}

#navi ul li.homepage a{ background-position:center; width:100%; background-image:url(../img/navi1.png);}
#navi ul li.outline a{background-position:center; width:100%; background-image:url(../img/navi2.png);}
#navi ul li.features a{background-position:center; width:100%; background-image:url(../img/navi3.png);}
#navi ul li.characters a{ background-position:center; width:100%; background-image:url(../img/navi4.png);}
#navi ul li.special a{ background-position:center; width:100%; background-image:url(../img/navi5.png); }
#navi ul li.specinfo a{ background-position:center; width:102%; background-image:url(../img/navi6.png);}

#navi ul li.homepage a:hover{ background:#400 url(../img/navi1.png) no-repeat; background-position:center;}
#navi ul li.outline a:hover{ background:#400 url(../img/navi2.png) no-repeat; background-position:center;}
#navi ul li.features a:hover{ background:#400 url(../img/navi3.png) no-repeat; background-position:center;}
#navi ul li.characters a:hover{ background:#400 url(../img/navi4.png) no-repeat; background-position:center;}
#navi ul li.special a:hover{ background:#400 url(../img/navi5.png) no-repeat; background-position:center;}
#navi ul li.specinfo a:hover{ background:#400 url(../img/navi6.png) no-repeat; background-position:center;}

#navi ul li.homepage { background-position:center; width:16%; text-indent:-9999px; }
#navi ul li.outline { background-position:center; width:17%; text-indent:-9999px; }
#navi ul li.features { background-position:center; width:17%; text-indent:-9999px; }
#navi ul li.characters { background-position:center; width:16%; text-indent:-9999px; }
#navi ul li.special { background-position:center; width:17%; text-indent:-9999px; }
#navi ul li.specinfo { background-position:center; width:16%; text-indent:-9999px; }

body.homepage #navi ul li.homepage>a { background:rgba(119, 48, 51, 0.5) url(../img/navi1.png) no-repeat; background-position:center;}
body.outline #navi ul li.outline>a { background:rgba(119, 48, 51, 0.5) url(../img/navi2.png) no-repeat; background-position:center;}
body.features #navi ul li.features>a { background:rgba(119, 48, 51, 0.5) url(../img/navi3.png) no-repeat; background-position:center;}
body.characters #navi ul li.characters>a { background:rgba(119, 48, 51, 0.5) url(../img/navi4.png) no-repeat; background-position:center;}
body.special #navi ul li.special>a { background:rgba(119, 48, 51, 0.5) url(../img/navi5.png) no-repeat; background-position:center;}
body.specinfo #navi ul li.specinfo>a { background:rgba(119, 48, 51, 0.5) url(../img/navi6.png) no-repeat; background-position:center;}
/* Navigation */

#customElement {
 width: 100%;
 height: 770px;
 background: rgba(81, 150, 191, 0.60);
 position: relative;
 top: 60px;
 left: 0;
 z-index: 0;
 background: url("../img/main_bg.jpg") no-repeat center center;
 -moz-background-size: cover;
 background-size: cover;
 text-align: center;
}
#customElement .headbox{ position: relative; width:100%; max-width:1000px; margin:0 auto;}
#customElement .headbox h1{
 position: absolute;
 top: 395px;
 left: 1%;
 z-index: 3;
}
#customElement .headbox h2{
 position: absolute;
 left: 12%;
 top: 35px;
 z-index: 3;
}
#customElement h2 img{ width:100%; max-width:670px;}

#customElement .headbox h4{
 position: absolute;
 right: 0;
 top: 10px;
 z-index: 3;
}

#customElement .headbox h5{
	position: absolute;
	left: 290px;
	top: 0px;
	z-index: 2;
}

#customElement .headbox h3 {
    position: absolute;
    left: 0%;
    top: 645px;
    z-index: 3;
}



#customElement .headbox h6{
    width: 100%;
    position: absolute;
    right: 0px;
    padding-top: 601px;
    max-width: 464px;
    top: 0px;
    z-index: 3;
}


#customElement .headbox h7{
   position: absolute;
    top: 103px;
    right: 0;
    z-index: 5;
}

#customElement .headbox h7 a{
	transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}


#customElement .headbox h7 a:hover{
	opacity:0.8;
}


#customElement .headbox h8 {
    position: absolute;
    top: 665px;
    right: 0;
    z-index: 5;
}

#customElement .headbox h9 {
    position: absolute;
    top: 524px;
    right: 3px;
    z-index: 5;
}





/*--------------------------バナー----------------------------------*/

#banner {
	width:100%;
	margin:0 auto;
	padding-top:10px;
	max-width: 1009px;
	margin-bottom:25px;
	}


#banner img{
	padding-top:10px;
	}

#banner li img{
	width:100%;
	}
#banner li{
	width:50%;
	list-style:none;
	float:left;

	}

.banner-order li a{
	width:50%;
	float:left;

	}

.banner-order li img{
	width:100%;

	}


/*--------------------------フラッシュ----------------------------------*/

.reflection{
    height      :30px;
    width       :30px;
    position    :absolute;
    left        :0;
    background-color: #fff;
    opacity     :0.5;
    z-index: 4;
    transform: rotate(45deg);
    animation: reflection 4s ease-in-out infinite;
    animation-delay:7s;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 4s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 4s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 4s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 4s ease-in-out infinite;
	}

@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.3; }
    81% { transform: scale(4) rotate(45deg); opacity: 0.5; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.3; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 0.5; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.3; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 0.5; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
    0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.3; }
    81% { -ms-transform: scale(4) rotate(45deg); opacity: 0.5; }
    100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.3; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 0.5; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}






/*--------------------------フラッシュ終了-------------------------------------------*/



#tophead{ display:none;}
#header{
 height: 69px;
 width: 100%;
 position: fixed;
 z-index: 1000;
 background-image: url(../img/bg_head.png);
 background-repeat: repeat-x;
 background-position: center top;
}

.title{
	padding-top:140px;
	padding-bottom: 15px;
	max-width:860px;
	margin:0 auto;
	}



.sub-new{
	margin-bottom:8px;
	}


.title-new{
    width: auto;
    display: block;
    position: absolute;
    padding-top: 140px;
    padding-left: 64px;
    float: left;
    min-width: 56px;

	}

.title-new2{
    width: auto;
    display: block;
    position: absolute;
    padding-top: 156px;
    padding-left: 64px;
    float: left;
    min-width: 56px;
	}


.subtitle-new{
	width: auto;
    display: block;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 49px;
    z-index: 1;
    position: absolute;
    padding-top: 49px;

	}
/*-----------------------------------new mark-----------------------------------*/
.imei-title-new{
	display: block;
    position: absolute;
    padding-top: 46px;
    padding-left: 16px;
    float: left;
    min-width: 56px;
		}


.imei-title-new-sangun{
	display: block;
    position: absolute;
    padding-top: 46px;
    padding-left: 10px;
    float: left;
    min-width: 56px;
		}



.imei-title-new2{
	display: block;
    position: absolute;
    padding-top: 38px;
    margin-left: -60px;
    float: left;
    min-width: 56px;
		}



.imei-link-new{
		display: block;
    position: absolute;
    padding-top: 18px;
    padding-left: 180px;
    float: left;
    min-width: 56px;
		}


.kyokaku-title-new{
		display: block;
    position: absolute;
    padding-top: 39px;
    padding-left: 107px;
    float: left;
    min-width: 56px;
    width: 100%;
    margin: 0 auto;
    max-width: 56px;
		}


.shogun-title-new{
		display: block;
    position: absolute;
    padding-top: 19px;
    padding-left: 122px;
    float: left;
    min-width: 56px;
    width: 98%;
    margin: 0 auto;
    max-width: 56px;

		}

/*-----------------------------------new mark-----------------------------------*/

.title2{
	padding-top:50px;
	padding-bottom:5px;
	max-width:860px;
	margin:0 auto;
	}

.imei-link{
	max-width:860px;
	width:100%; margin:0 auto;
	text-align:center;
	font-size:26px;
	padding-left: 180px;
	font-weight:bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-decoration:none;


	}
.imei-link ul li{
	display:block;
	text-align:center;
	float:left;
      margin: 10px;
      margin-bottom: 30px;

	}

.imei-link ul li a{
	text-decoration:none;

	}

.imei-link ul li a:hover{
	opacity:0.6;

	}



.imei-link2{
	max-width: 860px;
    font-size: 26px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    text-decoration: none;
    padding-top: 140px;
    float: right;
    padding-right: 80px;
    padding-bottom: 6px;

	}

	.imei-link2 ul {
		text-decoration:none;
		text-align:center;
		padding-bottom: 50px;


		}

.imei-link2 ul li{
	       display: block;
    float: left;
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 4px double #fbd87f;
    border-radius: 2px;
    -moz-box-shadow: 0 2px 3px 0 #ddd;
    font-size: 17px;
    margin-left: 155px;

	}

.imei-link2 ul li a{
	text-decoration:none;

	}

.imei-link2 ul li a:hover{
	opacity:0.6;

	}



.wrapper{
width:100%;
margin:0 auto;
border-bottom: 1px solid #f6c645;
}

.wrapper h2{
 padding-top: 105px;
margin-bottom:20px;
 text-align: center;
 padding-bottom: 7px;
 font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 color: #FBD87F;
 font-size: 48px;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
    line-height: 54px;
}

.wrapper .links{
	font-weight: bold;
	font-size: 18px;
	text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;
	z-index: 100;
	background-color: #380909;
	height:104px;
	position:relative;
}

.wrapper .links ul{
	list-style: none;
	text-align: center;
	padding-top: 64px;
}
.wrapper .links li{
	padding-left: 15px;
	padding-top: 4px;
	color: #F4BD53;
	margin-left: 15px;
	display: inline-block;
	position: relative;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 24px;
    height: 37px;
}
.wrapper .links li .active{ padding:0 3px 9px;}
.wrapper .links li a{ color:#FFF; text-decoration:none;}
.wrapper .links li a:hover{ color:#f00;}
.wrapper .links li span{ position:absolute; bottom:-8px; left:33%;}
.wrappertext{ max-width:860px; width:100%; margin:0 auto; text-align:left;    padding-bottom: 10px;
}
.wrappertext h3{
	padding-top:60px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 35px;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
	color: #fad785;
	padding-bottom: 5px;
	max-width:650px;
      margin: 0 auto;
	position: relative;
}


.wrappertext h4{ padding-top:20px;}
.wrappertext h5{ padding-top:0px; text-align:center;}

.wrappertext h6{

	padding-bottom: 5px;
	max-width:650px;
      margin: 0 auto;
	position: relative;
}



.wrappertext h7{
	display:block;
	text-align:center;
	padding-bottom: 5px;
	max-width:650px;
      margin: 0 auto;
	position: relative;
	margin:0 auto;
	margin-top: -30px;
	width:100%;
}


.wrappertext p{ padding: 0px 0 10px 7px; color: #fff; text-shadow: 0px 0px 5px #333, 0px 0px 10px #333, 0px 0px 5px #333, 0px 0px 5px #333, 0px 0px 5px #333, 0px 0px 5px #333;}
.wrappertext .new{ position:absolute; margin: -12px 0 0 2px; display:block;}

.title p{text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;

	}

/*-----------------------------------威名系統　ナビ-----------------------------------*/


#recommend{
    max-width: 1030px;
    margin: 0 auto;
    padding-bottom: 60px;

		}


.tab-contents.active h2{
	text-align: center;
    margin-bottom: 20px;
    color: #fbd87f;
    font-size: 46px;
    font-family: serif;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);

	}

.imei-nav{
	width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    text-decoration: none;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
    margin-top: -48px;
    height: 120px;

		}


#recommend .imei-nav ul {
		text-align: center;
            margin: 0 auto;
            width: 100%;
            max-width: 688px;

		}


#recommend .imei-nav ul li {
    float: left;
    display: block;
    margin: 15px 0px 20px;
    background-repeat: no-repeat;
    background-position: left top;
    top:20px;
    }


#recommend .imei-nav ul li a{
		width: 100%;
		}

.kyoukaku{
	background-image:url(../img/imei-detail-nav-kyoukau-on.png);
	}

.syounin{
	background-image:url(../img/imei-detail-nav-syonin-on.png);
	}
.syougun{
	background-image:url(../img/imei-detail-nav-syougun-on.png);
	}
.bukan{
	background-image:url(../img/imei-detail-nav-bukan-on.png);
	}
.gunshi{
	background-image:url(../img/imei-detail-nav-gunshi-on.png);
	}
.kanri{
	background-image:url(../img/imei-detail-nav-kanri-on.png);
	}



#recommend .imei-nav a{
		text-decoration:none;
		width: 100%;
		}



#recommend .tab-contents{
	display:none;
	}


.imei-nav ul li span{
	position: absolute;
      margin-top: -11px;
      margin-left: 29px;
      z-index: 2;
	}

.imei-nav ul li {
     position:relative;
}




/*-----------------------------------威名系統分岐　ナビ-----------------------------------*/



.sub-nav{
width:100%;
margin:0 auto;
border-bottom: 1px solid #f6c645;
 background-color: #380909;
position: fixed;
z-index: 3;
}


.sub-nav ul{
	list-style: none;
    text-align: center;
    display: block;
    margin-top: 13px;
    padding-top: 58px;
}
.sub-nav li{
	padding-left: 15px;
	 height: 37px;
	margin-top: 9px;

	margin-left: 15px;
	display: inline-block;
	position: relative;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 24px;
    font-weight: bold;
    text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;
    color: #F4BD53;
}

.sub-nav li a{ color:#FFF; text-decoration:none; display: block; margin-bottom: 4px;}


/*-----------------------------------固定サブナビケーション-----------------------------------


.sub-nav{
width:100%;
margin:0 auto;
border-bottom: 1px solid #f6c645;
position: fixed;
z-index: 2;
}



.sub-nav h2{
 padding-top: 105px;
margin-bottom:20px;
 text-align: center;
 padding-bottom: 7px;
 font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 color: #FBD87F;
 font-size: 36px;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
}

.sub-nav .links{
	font-weight: bold;
	font-size: 18px;
	text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;
	background-color: #380909;
	height:104px;
	position:relative;
}

.sub-nav .links ul{
	list-style: none;
    text-align: center;
    display: block;
    margin-top: 13px;
    padding-top: 58px;
}

.sub-nav .links li{
	padding-left: 15px;
	margin-top: 9px;
	color: #F4BD53;
	margin-left: 15px;
	display: inline-block;
	position: relative;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 24px;
    height: 37px;
}
.sub-nav .links li .active{ padding:0 3px 9px;}
.sub-nav .links li a{ color:#FFF; text-decoration:none; display: block; margin-bottom: 4px;}
.sub-nav .links li a:hover{ color:#f00; display: block;}

.sub-navtext{ max-width:860px; width:100%; margin:0 auto; text-align:left;}
.sub-navtext h3{
	padding-top:60px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 35px;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
	color: #fad785;
	padding-bottom: 5px;
	max-width:650px;
      margin: 0 auto;
}


.sub-navtext h4{ padding-top:20px;}
.sub-navtext h5{ padding-top:0px; text-align:center;}
.sub-navtext p{ padding: 0px 0 10px 7px; color: #fff; text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
.sub-navtext .new{ position:absolute; margin: -12px 0 0 2px; display:block;}


-----------------------------------固定サブナビケーション-----------------------------------*/

.title p{text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;


	}


/*-----------------------------------固定サブナビケーション終了-----------------------------------*/

/*-----------------------------------キャラクター紹介-----------------------------------*/

.photo{
	position:relative;
	width:100%;
	max-width:310px;
	margin:0 auto;
	z-index:1;
	}


#box-navi{
    position: absolute;
    z-index: 2;
    width: 100%;
    margin: auto;
    max-width: 52px;
    margin-top: 259px;
    padding-left: 10px;
	}


#box-navi ul{

	font-size:0;
	margin-bottom: 20px;
	margin:0;
}
#box-navi li{
	display:inline-block;
	list-style:none;
	padding:0 10px 0 0;
	margin-bottom:2px;


}

#photposition: {
	absolute;
    z-index: 1;
    width: 31%;
    margin: 0 auto;
    max-width: 310px;
	}




.chara-nav{
	max-width:1000px;
      width:100%;
      margin:0 auto;
	padding-top:50px;
	padding-bottom:20px;
	}

.chara-nav ul{
	text-align:center;
	}

.chara-nav ul li{
    display: inline-block;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: left top;
    overflow: hidden;
    width: 32%;
    vertical-align: top;


	}

.chara-nav ul li img{
	max-width:320px;
	width:100%;
	}

.chara-device-list{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
    text-align: center;
	}	

.chara-device-list li{
	display: inline-block;
	}

.chara-device-list li a{
	text-decoration:none;
	color: white;
	}
	
.click{
	text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;
	color:#ffda9e;
	}

	

.chara-man{
	background-image:url(../img/chara-nav1.png);
	background-size: contain;


	}
.chara-nav2	{
	background-image:url(../img/chara-nav2.png);
	background-size: contain;
	}
.chara-nav3	{
	background-image:url(../img/chara-nav3.png);
	background-size: contain;
	}


.charatext{
	max-width:745px;
      width:100%;
      margin:0 auto;
	padding-top:20px;
	text-shadow:0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;
	}
.charalist{
	width: 100%;
	max-width: 1000px;
	margin: 50px auto 30px;
}

/*男性武将、女性武将向けPC*/
.charalist .box{ float: left; width: 31%; margin: 0 1% 5% 1%; background-image: url(../chara/bg.jpg);min-height: 500px;}
.charalist .box img{ width:100%;}
.charalist .box .spec{ width: 92%; margin: 3% auto; position:relative;}
.charalist .box .spec h4{ color: #000; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 26px; padding-bottom: 10px;}
.charalist .box .spec h4 span{ font-size:13px; letter-spacing:4px;}
.charalist .box .spec h4 h7{ font-size:13px; letter-spacing:4px; text-decoration:none;}
.charalist .box .spec h5{ color: #333; font-size: 13px; line-height: 1.5; font-weight: normal;}
.charalist .box .spec .new{ position:absolute; right:0; top:0; display:block; padding:0 10px; background-color:#C00; color:#FFF; box-shadow:1px 1px 2px #555;}
.charalist .box .spec .change{ position:absolute; right:0; top:0; display:block; padding:0 10px; background-color:#36f; color:#FFF; box-shadow:1px 1px 2px #555;}


/*登録武将向け　高さのサイズ調整PC*/
.charalist .box2 img{ width:100%;}
.charalist .box2{ float: left; width: 31%; margin: 0 1% 5% 1%; background-image: url(../chara/bg.jpg);min-height: 470px;}
.charalist .box2 .spec2 h4{ color: #000; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 26px; padding-bottom: 10px; }
.charalist .box2 .spec2{ width: 92%; margin: 3% auto; position:relative;}
.charalist .box2 .spec2 h5{ color: #333; font-size: 13px; line-height: 1.5; font-weight: normal;}
.charalist .box2 .spec h5{ color: #333; font-size: 13px; line-height: 1.5; font-weight: normal;}
.charalist .box2 .spec .new{ position:absolute; right:0; top:0; display:block; padding:0 10px; background-color:#C00; color:#FFF; box-shadow:1px 1px 2px #555;}
.charalist .box2 .spec .change{ position:absolute; right:0; top:0; display:block; padding:0 10px; background-color:#36f; color:#FFF; box-shadow:1px 1px 2px #555;}


/*配信武将紹介　高さのサイズ調整PC*/
.charalist .box3 img{ width:100%;}
.charalist .box3{ float: left; width: 31%; margin: 0 1% 5% 1%; background-color: #480609; min-height: 280px;position:relative;}
.charalist .box3 ul{ }
.charalist .box3 ul li{overflow:hidden;}

.charalist .box3 .spec2 h4{ color: #000; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 26px; padding-bottom: 10px; }
.charalist .box3 .spec2{ width: 92%; margin: 3% auto; }
.charalist .box3 .spec2 h5{ color: #333; font-size: 13px; line-height: 1.5; font-weight: normal;}
.charalist .box3 .spec h5{ color: #333; font-size: 13px; line-height: 1.5; font-weight: normal;}
.charalist .box3 .spec .new{ position:absolute; right:0; top:0; display:block; padding:0 10px; background-color:#C00; color:#FFF; box-shadow:1px 1px 2px #555;}
.charalist .box3 .spec .change{ position:absolute; right:0; top:0; display:block; padding:0 10px; background-color:#36f; color:#FFF; box-shadow:1px 1px 2px #555;}

#active_sw{width:100%;position:absolute;max-width: 70px;right: 22px; bottom: 80px;}
.charalist .box3 .b_name{ margin-top: 10px; margin-bottom: 10px;text-align: center; font-size: 24px;color: aliceblue;letter-spacing: 8px;}





#tokuten{
 width: 100%;
 margin: 0 auto 30px;
 background-image: url(../img/bg_box.jpg);
 border-bottom: solid 1px #fad785;
 background-position: top center;
 background-repeat: no-repeat;
}
#tokuten .box{ width: 100%; margin: 0px auto; padding: 30px 0; background-color:#FFF; min-height: 0px; position: relative; max-width: 1000px;}



#tokuten .box h3{ font-size: 36px; font-weight: bold; color: #FF9900; margin-bottom: 10px; padding: 10px 0 15px 15px; text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}



#tokuten .box p{ font-size: 15px; line-height: 150%; padding: 10px; color:#CCC;}
#tokuten .box .product{ text-align: center; padding-top: 20px; padding-bottom: 20px;}
#tokuten .box .product2{ text-align:center; }
#tokuten .box .same{ position: absolute; right: 24px; top: 56px;}
#tokuten .box dl{ margin: 0 15px; line-height: 135%; font-size: 15px;}
#tokuten .box dt{ color:#CCC;}
#tokuten .box dd{ margin-bottom:10px; color:#CCC;}
#tokuten .box #pbox img{ width:100%; padding-bottom:15px;}
#tokuten .box .medal{ position: absolute; right: 30px; top: 30px;}
#tokuten .box .get{ position: absolute; right: 30px; top: 40px;}
#tokuten .box .tbox_cost{ display:inline-block; float:left;}
#tokuten .box .tbox_cost.rightside{ margin-left:20px;}
#tokuten .box .tbox_pc{ width:100%; max-width:1000px;}
#tokuten .box .tbox_sp{ display:none;}

#tokuten2 .box .leftbox{
	width: 42%;
	float: left;
	margin-top:20px;
	margin-left:15px;
	max-width:427px;


}
#tokuten2 .box .rightbox{
	width: 50%;
	float: right;
	padding: 2%
}
#tokuten2 .box .centerbox{ width:96%; padding:2%}
#tokuten2{
	width: 100%;
	margin: 0 auto 30px;
	border-bottom: solid 1px #fad785;
	background-position: top center;
	background-repeat: no-repeat;
}
#tokuten2 .box{
	width: 100%;
	margin: 20px auto;
	padding: 0;
	min-height: 0px;
	max-width: 1000px;
	border: solid 5px #bd8532;
	background-color: #FFF;
}
#tokuten2 .box h3{ font-size: 23px; font-weight: bold; color: #FF9900; margin-bottom: 10px; padding: 10px 0 0px 0px; text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
#tokuten2 .box p{ font-size: 15px; line-height: 150%; padding: 0px; color: #FFF;}
#tokuten2 .box span{ font-size:13px; color:#999; }
#tokuten2 .box .product{ text-align:center;}
#tokuten2 .box .product2{ text-align:center;}
#tokuten2 .box .get{ position: absolute; right: 30px; top: 40px;}
#tokuten2 .box .package{ text-align:right;}
#tokuten2 .box .package img{ padding:15px 10px 0 0;}


/*----------------------------製品情報---------------------------- */

.spec{ width: 100%; margin: 0 auto; position: relative; max-width: 1010px; margin-top:30px;}
.spec h3{
 text-align: center;
 font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 font-size: 25px;
 padding-bottom: 10px;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
 color: #fad785;
}
.spec dl{
 line-height: 180%;
    margin-bottom: 20px;
    background-color: #581012;
    padding: 25px;
    border: 4px double #fbd87f;
    border-radius: 2px;
    box-shadow: 0 7px 3px 0 #330404;
    -moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 4px 4px 18px 0 #2b2727;
}


.spec dl .tboxcost{ font-size:23px; font-weight:bold; margin:20px 0 10px;}
.spec dt{ float:left; width:10em;}
.spec dd .pac{ float:left; margin-right:2em;}
.spec dd .pac2{ }
.spec dd .dlc{ margin-left:1em;}
.spec #cero{ position: absolute; right: 10px;}
.spec #thanks{ position: absolute; right: 0px; top: 150px;}
.spec .notice{
 padding-top: 5px;
 padding-bottom: 5px;
 color: #CCC;
}

/*----------------------------Windows版動作環境---------------------------- */

.requirement{ width: 100%; margin: 0 auto; position: relative; max-width: 1010px; margin-top:30px;}
.requirement h3{
 text-align: center;
 font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 font-size: 25px;
 padding-bottom: 5px;
 padding-top:20px;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
 color: #fad785;
 font-weight:bold;
}

.requirement dl{
    line-height: 180%;
    margin-bottom: 20px;
    background-color: #306;
    padding: 26px;
    border: 1px solid #fbd87f;
    border-radius: 1px;
    box-shadow: 0 7px 3px 0 #330404;
    -moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 4px 4px 18px 0 #2b2727;
    background:#251f1f;
　　　}

.requirement dt{ float:left;}
.requirement dd{ margin-left:10em;}

/*----------------------------ビデオカード---------------------------- */

.video{ width: 100%; margin: 0 auto; position: relative; max-width: 1010px; margin-top:30px;}
.video h3{
 text-align: center;
 font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 font-size: 25px;
 padding-bottom: 5px;
 padding-top:20px;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
 color: #fad785;
 font-weight:bold;
}
.video p{
	font-weight:bold;
	font-size: 18px;
	color: #fad785;
	}

.video dl{
 line-height: 180%;
    margin-bottom: 20px;
    background-color: #306;
    padding: 26px;
    border: 1px solid #fbd87f;
    border-radius: 1px;
    box-shadow: 0 7px 3px 0 #330404;
    -moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 4px 4px 18px 0 #2b2727;
    background:#251f1f;
　　　}

.video dl .tboxcost{ font-size:23px; font-weight:bold; margin:20px 0 10px;}
.video dt{ float:left; width:15em;}
.video dd .pac{ float:left; margin-right:2em;}
.video dd .pac2{ }
.video dd .dlc{ margin-left:1em;}
.video #cero{ position: absolute; right: 10px;}
.video #thanks{ position: absolute; right: 0px; top: 150px;}
.video .notice{
 padding-top: 5px;
 padding-bottom: 5px;
 color: #CCC;
　　}





/*----------------------------spec 特典共通---------------------------- */

.story h3{
    text-align: center;
    font-size: 40px;
    padding: 0px 44px 18px 0px;
    text-shadow: 0px 0px 34px #250708, 0px 0px 12px #250708, 0px 0px 5px #250708, 0px 0px 5px #250708, 0px 0px 5px #250708, 0px      0px 5px #250708;
    color: #fad785;
    letter-spacing:7px;
    margin-top: 67px;
    max-width: 650px;
    margin: 0 auto;

	}

.section h4{
	font-size: 26px;
    line-height: 40px;
    color: #fad785;
    padding-bottom: 16px;

	}
.busyo{
	font-size: 20px;
	}

.section h3{
 text-align: center;
 font-size: 40px;
    padding: 0px 44px 18px 39px;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
 color: #fad785;
 letter-spacing:7px;
}
.sectioni dl .tboxcost{ font-size:23px; font-weight:bold; margin:20px 0 10px;}
.section dt{ float:left; width:10em;}
.section dd{   }
.section dd .pac{ float:left; margin-right:2em;}
.section dd .pac2{ }

.section p{
	text-align:center;
	padding-bottom:28px;
	}


.cerealtext{
	text-align:left;
	padding-bottom:28px;
	text-shadow: 0px 0px 5px #333, 0px 0px 10px #333, 0px 0px 5px #333, 0px 0px 5px #333, 0px 0px 5px #333, 0px 0px 5px #333;

	}

.section dl{
 line-height: 180%;
    margin-bottom: 35px;
    background-color: #251f1f;/*#400e0f*/
    padding: 38px;
    padding-top: 20px;
    border: 1px solid #fbd87f;
    border-radius: 2px;
    box-shadow: 0 7px 3px 0 #330404;
    -moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 4px 4px 18px 0 #2b2727;
     background-image:url(../img/border-corner.png),
                      url(../img/border-corner2.png),
			    url(../img/border-corner4.png),
			    url(../img/border-corner3.png);

     background-repeat: no-repeat;
     background-position: left top,
                         right top,
                         right bottom,
                         left bottom,
                         center top,
                         left center,
                         center bottom,
                         left center;

}

.info {
     float:right;
     margin: 0 auto;
     width: 100%;
     margin-left: -300px;
     margin-bottom: 15px;

}

.content{
	 margin-left: 330px;
}




.sidebar{
	width: 300px;
     height: auto;
}

.kawanakazima{
	text-align:center;
	padding-top:20px;
	max-width: 950px;
	width: 100%;
	margin: 0 auto;
	}
.kawanakazima img{
	    max-width: 292px;
    float: left;
    width: 100%;
    margin: 0px 0px 7px 11px;

	}


.tenpo{
	margin-top:20px;
	padding-top:30px;
	border-top:1px dotted #987e42;
	}

.annotate{
	float:left;
	width: 378px;
	padding-top:50px;
	}

.annotate p{
	color: #ccc;
    font-size: 13px;
	line-height:1.0;
	text-align:left;
	}




.tenpo h5{
    font-size: 120%;
	}

.tenpo-name{
      coloe:#FFF;
	float:left;
	font-size: 19px;
	}

.big-camera	{
	coloe:#FFF;
	float:left;
	font-size: 17px;
	}


.tenpo-btn{
	float:right;
	}




.tenpo-list{
	    float: right;
    width: 500px;
    padding-top:40px;
	}
.tokuten{
	width:100%;


	}





.concert{

	margin:0 auto;
	max-width:234px;
	display:inline-block;

	}
.concert img{
	display:inline-block;
	margin-left:14px;
	margin-top:20px;

		}



.satuei{
	font-size:11px;
	float:left;
	margin-left:10px;


	}

.treasure-strong{
	    display: block;
    text-align: center;
    margin-top: -13px;
    margin-bottom: 30px;
    color: #FFF;
    font-size: 18px;
    background-image: -webkit-linear-gradient(left, transparent, rgb(157, 35, 35) 25%, rgb(157, 35, 35) 75%, transparent);



	}

.treasure-info{
	display:block;

	 padding-bottom:30px;

	}

	.treasure-info dl{
		 line-height: 180%;
    margin-bottom: 15px;
    background-color: none;
    padding: 8px 0;
    border-top: 1px solid #987e42;
    border-bottom: 1px solid #987e42;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    box-shadow: none;
    -moz-box-shadow:none;
    -webkit-box-shadow: none;
     background-image:none;

		}

.treasure-info p{
	    display: block;
    text-align: center;
    line-height: 39%;

	}

#treasure h5{
   color: #fad785;
    font-size: 120%;
    line-height: 120%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
	}

#treasure p{
	float:none;


}






/*----------------------------特典共通終---------------------------- */




.top-spec{ width: 100%; margin: 0 auto; position: relative; max-width: 970px;}
.top-spec h3{
 text-align: center;
 font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 font-size: 25px;
 padding-bottom: 10px;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
 color: #fad785;
}
.top-spec dl{
 line-height: 180%;
 margin-bottom: 20px;
 background-color: #823636;
 padding: 25px;
}
.top-spec dl .tboxcost{ font-size:23px; font-weight:bold; margin:20px 0 10px;}
.top-spec dt{ float:left; width:10em;}
.top-spec dd .pac{ float:left; margin-right:2em;}
.top-spec dd .pac2{ }
.top-spec dd .dlc{ margin-left:1em;}
.top-spec #cero{ position: absolute; right: 10px;}
.top-spec #thanks{ position: absolute; right: 0px; top: 150px;}
.top-spec .notice{
 padding-top: 5px;
 padding-bottom: 5px;
 color: #CCC;
}


#footer{ text-align: center; padding-bottom: 30px; background-color: #000;}
#footer #sns{ text-align:center;}
#footer #links{ margin: 10px auto 40px auto; font-size: 12px; color: #999;}
#footer #links a{ color:#FFF; text-decoration:none; }
#footer #links a:hover{ color:#F03; text-decoration:underline;}
#footer #sns img{ margin:30px 50px;}
#footer #sns2{ text-align: center; padding: 40px 0 10px;}
#footer #sns2 img{ margin:0 10px;}
#footer #platform img{
 width: 100%;
 max-width: 1000px;
}



.pccopy{
 width: 100%;
 max-width: 666px;
}
#pagetop { bottom: 50px; right: 25px; position: fixed; z-index: 500;display:none;}
.hidepc{ display:none;}



.select{ max-width: 970px; width: 100%; margin: 0 auto 6px;}
.select .selectbox{ display:block; width:49.2%; float:left; padding:0.4%;}
.select .selectbox p{ width:98%; padding-bottom:15px;}
.select .selectbox .ss{ width:100%; padding-top:15px;}



.skrollr-desktop body { height:100% !important; }
.no-skrollr .parallax-image-wrapper { display:none !important; }
#skrollr-body { height:100%; overflow:visible; position:relative; }
#skrollr-body .movie{ margin:0 auto; padding:2% 0; width:100%; max-width:960px;}
#skrollr-body .movie iframe{ border:solid 2px #000;}
#skrollr-body .movie .cap{ width:100%; margin:20px auto; color:#eee; font-size:14px; line-height:1.6; text-shadow:0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
.gap { background:transparent center no-repeat; background-size:cover; }
.skrollr .gap { background:transparent !important; }
.gap-80 { height:800px;}
.gap-100 { height:1000px; }
.stepcontent { background:#000; padding:0em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#FFF; width:100%; margin:0 auto; text-align:center;}
.stepcontent h2{ font-size:53px; padding:20px 0;}
.stepcontent h3{ font-size:28px;}
.stepcontent p{ font-size:15px; line-height:1.7;}
.stepcontent-full { height:100%; }
#levi2{ text-align:center; padding-top:80px;}
#levi2 img{ width:100%; max-width:857px;}




/*-----------------------------------概要-----------------------------------*/


.link {
    position: relative;
    display: inline-block;
    padding-left: 20px;
}

.link a{
	text-decoration:none;
	}
.link:before {
    content: '';
    width: 14px;
    height: 14px;
    background: #fbd87f;
    border-radius: 80%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
}

.link:after {
    content: '';
    width: 0;
    height: 0;
    border: solid 5px transparent;
    border-left: solid 8px #6a1417;
    position: absolute;
    top: 44%;
    left: 5px;
    margin-top: -3px;
}

.outline-strong{
	color:#ffcb48;
	}


.powerup-point-border{
	padding-top:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ca9c28;

	}


.powerup-point{
	font-size: 35px;
    font-weight: bold;
    color: #fbd87f;
    line-height: 1.3;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    padding-bottom: 5px;
    padding-top: 5px;
    text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;
	}

.powerup-point img{
	width:100%;
	max-width:842px;

	}



.concept{
	max-width:900px;
	width:90%;
	margin:0 auto;
	}

.concept-photo{
	max-width:750px;
	margin:0 auto;
}

.concepttitle{
 border-bottom: solid 1px #FBD87F;
 padding-bottom: 5px;
 max-width:820px;
 width:100%; margin:0 auto;
}

.concepttitle p{padding-bottom:15px;}

.concept h2{
 padding-top: 105px;
 text-align: center;
 padding-bottom:20px;
 margin-bottom: 15px;
 font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 color: #FBD87F;
 font-size: 32px;
 font-weight:bold;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
 line-height:42px;

}
.concept .links{
	font-weight: bold;
	font-size: 18px;
	text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;
	z-index: 100;
	background-color: #380909;
	padding: 5px 0;
}
.concept .links ul{
	list-style: none;
	text-align: center;
}
.concept .links li{
	padding-left: 15px;
	color: #F4BD53;
	margin-left: 15px;
	display: inline-block;
	position: relative;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.concept .links li .active{ padding:0 3px 9px;}
.concept .links li a{ color:#FFF; text-decoration:none;}
.concept .links li a:hover{ color:#f00;}
.concept .links li span{ position:absolute; bottom:-8px; left:33%;}

.concepttext{width:100%; margin:0 auto; margin-top:40px;}

.concepttext h3{
	padding-top: 100px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 35px;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
	color: #fad785;
	padding-bottom: 10px;
}
.concepttext h4{ padding-top:20px;    color: #ff0;text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;font-size: 22px;}
.concepttext h5{ padding-top:0px; text-align:center;}

.concepttext p{ padding: 4px 0px 27px 7px; color: #fff; text-shadow: 0px 0px 5px #333, 0px 0px 10px #333, 0px 0px 5px #333, 0px 0px 5px #333, 0px 0px 5px #333, 0px 0px 5px #333;}

.concepttext .new{ position:absolute; margin: -12px 0 0 2px; display:block;}


.caption{
	padding:10px;
	background-color:#3e090a;

	}



/*-----------------------------------スペシャル-----------------------------------*/

.movietext{
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
	padding-top: 80px;
	}
.movietext .movie img {
    width: 96%;
    max-width: 900px;
}

.movie{
	padding-top: 55px;
	float: left;
	width: 50%;
	text-align: center;
	}

.movie span{
	text-align: center;
	display: block;
	font-size: 100%;
	padding-top: 5px;
	}

.movietext .movie img a:hover{
	opacity:0.6;
}


.special-banner{
	padding-top: 20px;
	width: 95%;
	margin: 0 auto;
	text-align: center;
	max-width:1010px;

	}


.event-title{
    font-size: 23px;
    font-weight:bold;
    line-height: 40px;
    color: #fad785;

	}

.event-end{
	font-size: 20px;
	float:right;
	color: #dc3036;

	}

.event-text{
	padding-top: 35px;
	float:left;
	width:376px;

	}
.event-banner{
	padding-top: 35px;
	 float:right;
	 width:100%;
	 max-width:520px;
	}



/*-----------------------------------スペシャル　終了-----------------------------------*/



}

@media screen and (max-width: 900px) {
#customElement #pv{ display:none}
#customElement #btn_movie{ display:none}
}


@media screen and (min-width: 639px) and (max-width: 910px) {
	#box-navi{
    position: absolute;
    z-index: 2;
    /* padding-top: 120px; */
    max-width: 52px;
    padding-left: 9px;
    max-width: 60px;
    width: 80%;
    margin-top: 185px;
    max-width: 50px;
    /* margin-top: 259px; */
    padding-left: 8px;
	}

}



@media screen and (min-width: 640px) and (max-width: 918px) {
.mod-tab-contents { float: right; width:70%; border-left: solid 1px #666; padding-left: 3%; min-height:600px;}
.display .eren img{ display:none;}
#customElement .headbox h5{
	position: absolute;
	left: 20%;
	top: 0px;
	z-index: 2;
}
}


@media screen and (max-width: 680px) {
.charalist .box .spec {

    min-height:200px;

	}
}




/*-----------------------------------スマホ対応-----------------------------------*/


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

	body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: #5a0505;
    font-size: 16px;
    line-height: 180%;
    color: #FFF;
    -webkit-text-size-adjust: 100%;
	}

.mark:after{
position:absolute;
content: " ";
  bottom: 0;
  left: 52%;
  height: 0;
  width: 0;
  border:8px solid transparent;
  border-bottom:7px solid #F4BD53;
	}

.waku{

    width: 100%;
    margin: 0 auto;

	}

#banner img{
	width:100%;
	margin:0 auto;
	padding-top:10px;
	max-width:464px;
	}


.main_sp{ margin-top: 20px;z-index:4;}
.main_sp img{
position:relative;
width: 100%;
margin:0 auto;
padding-bottom: 5px;
z-index:2;}

.main_sp h6{
	width: 95%;
      margin:0 auto;
	position:relative;
	 display: block;
	padding-top: 30px;	
	}
	
.main_sp h7{
	width: 90%;
    margin: 0 auto;
    position: relative;
    display: block;
    padding-top: 15px;	
	}	
.main_sp h8{
	width: 90%;
      margin:0 auto;
	position:relative;
	 display: block;
	padding-top: 20px;	
	}		

.main_sp h9{
	width: 90%;
      margin:0 auto;
	position:relative;
	 display: block;
	padding-top: 20px;	
	}		
				

.main_sp #tgs{ position: absolute; left: 68%; top: 255px;}
.main_sp #tgs img{ width:100px;}
.main_sp .sptweet{ width:238px; margin-left:20px; padding-top:10px;}
#customElement{ display:none;}

.tgs-icon{
	position: absolute;
	max-width: 80px;
	width: 100%;
	margin: 0 auto;
	z-index: 5;
	top: 197px;
	right: 76px;
	}
	
	
	



#navi{ display:none;}
#newsbar{ display:none;}

#tophead{ padding: 5px 10px 5px 0; border-bottom: solid 1px #555555; position: fixed; width: 100%; top: 35px; z-index: 1000; text-align: right; background-color: #000;}
#tophead #splogo{ float: left; width: 40%; margin: 0 0 0 5px; text-align: left;}
#tophead #splogo img{ width: 132px;}

#news{ }

#social{
	    padding: 10px 0 0 0;
	    text-align: center;
         width: 98%;
    
    }




#news span{ margin:0 10px 0 0 ;}
#newstext{ line-height:1.5; padding:8px 0;}


/*---スマホ　アコーディオン--*/


#acMenu dt{
   display: block;
    top: 0;
    margin-top: -5px;
    width: 162px;
    height: 39px;
    cursor: pointer;
    background: url(../img/i_swich_pc.png) 163px -76px no-repeat;
    padding-left: 15px;

    }

#new-info {
    display: block;
    height: 28px;
    float: left;
    padding-bottom: 40px;
	width: 273px;

	}


#acMenu dd{/*なるべく上記dtと同じに*/
    background-color: #000;
    color: #FFF;
    width: 273px;
    height: 52px;
    display: none;
    border-top: 1px dotted #666;
    margin-top: 3px;
    padding-top:12px;
    overflow: hidden;
    left: 0;
    margin-left: -69px;
}


#acMenu dt.active{
    background: url(../img/i_swich_pc.png) 60px 9px no-repeat;
    width: 59px;
    height: 39px;
    margin-top: -5px;
    text-align: left;
    padding-left: 15px;

    }

/*---アコーディオン--*/






.bx-controls-direction{ display:none;}
.spimg{ width:100%;}

.wrapper{
width:100%;
margin:0 auto;
padding-top:50px;
}

.wrapper h2{
 text-align: center;
 padding-bottom: 20px;
 font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 color: #FBD87F;
 font-size: 26px;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
 padding-top: 20px;
 line-height: 40px;
}

.wrapper .links li span{
	padding-right: 8px;
	color: #F00;
	margin-right: 8px;
	display: inline-block;
	position: relative;
	font-size:18px;
	color:#FC0;
}


.wrapper .links{
	font-weight: bold;
	font-size: 18px;
	text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;
	z-index: 100;
	background-color: #380909;
	height:90px;
	position:relative;

}
.wrapper .links ul{
	list-style: none;
	text-align: center;
	padding-top: 51px;
}
.wrapper .links li{
	padding-left: 15px;
	padding-top: 4px;
	color: #F4BD53;
	margin-left: 15px;
	display: inline-block;
	position: relative;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 24px;
    height: 36px;
}



.wrapper .links li .active{ padding:0 3px 9px;}
.wrapper .links li a{ color:#FFF; text-decoration:none;}
.wrapper .links li a:hover{ color:#f00;}
.wrapper .links li span{ position:absolute; bottom:-5px; left:15%; z-index:1000;}
.wrappertext{ width:92%; margin:0 auto;}
.wrappertext h3{ padding-top:50px; position:relative;}
.wrappertext h3 img{ width:100%;}
.wrappertext h4{ padding-top:20px; padding-bottom:10px;}
.wrappertext h4 img{ width:100%;}
.wrappertext h5{ padding-bottom:10px; text-align:center;}
.wrappertext h7{
	margin-top: -30px;
	width:100%;
}
.wrappertext p{ font-size:15px;text-shadow: 0px 0px 5px #333, 0px 0px 10px #333, 0px 0px 5px #333, 0px 0px 5px #333, 0px 0px 5px #333, 0px 0px 5px #333;}
.wrappertext h3 span img{ width:30px; position:absolute; bottom:60px;}
.wrappertext .new{ position:absolute; margin: -15px 0 0 2px; display:block;}
.wrappertext img.new{ width:30px;}
.wrappertitle{
 border-bottom: solid 1px #FBD87F;
}





#box-navi{
   position: absolute;
    z-index: 2;
    /* padding-top: 120px; */
    max-width: 52px;
    padding-left: 9px;
    max-width: 60px;
    width: 80%;
    margin-top: 216px;
    max-width: 48px;
    /* margin-top: 259px; */
    padding-left: 8px;
	}

#box-navi ul{

	font-size:0;
	margin-bottom: 20px;
	margin:0;
}
#box-navi li{
	display:inline-block;
	list-style:none;
	padding:0 10px 0 0;
	margin-top:5px;

}

#photo{
	position:relative;
	z-index:1;
	width:100%;
	 margin:0 auto;
	 max-width:310px;

	}

.chara-nav ul  {
    list-style-type: none;

    text-decoration: none;
}


.chara-nav ul li {
    width: 31%;
    float: left;
    padding-bottom: 20px;
    margin: 0 0.5%;


	}

.chara-nav ul li img{
	width:100%;
	margin:0 auto;

	}


.chara-device-list{
      width:100%;
      margin:0 auto;
	padding-bottom:20px;
	text-align:center;
	}	

.chara-device-list li{
	display: inline-block;
	line-height:38px;
	text-align: center;
      font-size: 13px;
	
	}

.chara-device-list li a{
	text-decoration:none;
	color: white;
	}
	
.click{
	color:#ffda9e;
	}






.charatext{
      width:90%;
      margin:0 auto;
	padding-top:20px;

	}

.charalist{ width: 100%; max-width: 1000px; margin: 30px auto;}
.charalist .box{ float: left; width: 48%; margin: 0 1% 5% 1%; background-image: url(../chara/bg.jpg);}
.charalist .box img{ width:100%;}
.charalist .box .spec{ width: 92%; margin: 3% auto; position:relative; min-height:200px;}
.charalist .box .spec h4{ color: #000; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 20px; padding-bottom: 2px;}
.charalist .box .spec h4 span{ font-size:12px;letter-spacing:2px;}
.charalist .box .spec h4 h7{ font-size:8px;letter-spacing:0px;}

.charalist .box .spec h5{ color: #333; font-size: 13px; line-height: 1.5; font-weight: normal;}
.charalist .box .spec .new{ position:absolute; right:0; top:-40px; display:block; padding:0 10px; background-color:#C00; color:#FFF; box-shadow:1px 1px 2px #555;}
.charalist .box .spec .change{ position:absolute; right:0; top:-40px; display:block; padding:0 10px; background-color:#36f; color:#FFF; box-shadow:1px 1px 2px #555;}



/**登録武将*/


.charalist .box2{ float: left; width: 48%; margin: 0 1% 5% 1%; background-image: url(../chara/bg.jpg);}
.charalist .box2 img{ width:100%;}
.charalist .box2 .spec2 h4 span{ font-size:12px;letter-spacing:2px;}
.charalist .box2 .spec2 h4 h7{ font-size:8px;letter-spacing:0px;}
.charalist .box2 .spec2{width: 92%; margin: 3% auto; position:relative; }
.charalist .box2 .spec2 h4{color: #000; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 24px; padding-bottom: 3px;}
.charalist .box2 .spec2 h5{ color: #333; font-size: 13px; line-height: 1.5; font-weight: normal;}


/**配信武将スマホ向け*/
.charalist .box3{ float: left; width: 48%; margin: 0 1% 5% 1%; background-color: #400; position: relative;}
.charalist .box3 img{ width:100%;}
.charalist .box3 .spec{ width: 92%; margin: 3% auto; position:relative; min-height:200px;}
.charalist .box3 .spec h4{ color: #000; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 20px; padding-bottom: 2px;}
.charalist .box3 .spec h4 span{ font-size:12px;letter-spacing:2px;}
.charalist .box3 .spec h4 h7{ font-size:8px;letter-spacing:0px;}
.charalist .box3 .spec h5{ color: #333; font-size: 13px; line-height: 1.5; font-weight: normal;}
.charalist .box3 .spec .new{ position:absolute; right:0; top:-40px; display:block; padding:0 10px; background-color:#C00; color:#FFF; box-shadow:1px 1px 2px #555;}
.charalist .box3 .spec .change{ position:absolute; right:0; top:-40px; display:block; padding:0 10px;  background-color:#36f;  box-shadow:1px 1px 2px #555;}
#active_sw{width:100%;position:absolute;max-width: 70px;right: 2%;top: 62%;}
.charalist .box3 .b_name{ margin-top: 8px; margin-bottom: 8px; text-align: center; font-size: 20px;color: aliceblue;letter-spacing: 3px;}








#tokuten{ width: 100%; margin: 0 auto 30px; background-image: url(../img/bg_box.jpg); border-bottom: solid 1px #555555; background-position: top center; background-repeat:no-repeat;}
#tokuten .box{ width: 100%; margin: 0px auto; padding: 30px 0; min-height: 0px; position: relative; max-width: 1000px;}
#tokuten .box h3{ font-size: 24px; font-weight: bold; color: #FF9900; margin-bottom: 10px;  text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
#tokuten .box p{ font-size: 13px; line-height: 150%; padding: 10px; color:#CCC;}
#tokuten .box .product{ text-align: center; padding-top: 10px; padding-bottom: 20px;}
#tokuten .box .product2{ text-align:center; }
#tokuten .box .same{ position: absolute; right: 24px; top: 56px;}
#tokuten .box dl{ margin:0 10px; line-height:135%; font-size:15px;}
#tokuten .box dt{ color:#CCC; font-size:14px;}
#tokuten .box dd{ margin-bottom:10px; color:#CCC; font-size:14px;}
#tokuten .box #pbox img{ width:100%; padding-bottom:15px;}
#tokuten .box .get{ text-align:center; }
#tokuten .box .medal{ display:none;}
#tokuten .box .tbox_pc{ display:none;}
#tokuten .box .tbox_sp{ width:100%;}

#tokuten2 .box .leftbox{ width: 96%; border-bottom: solid 1px #666; }
#tokuten2 .box .rightbox{ width:96%; padding:2%}
#tokuten2 .box .centerbox{ width:96%; padding:2%}
#tokuten2{ width: 100%; margin: 0 auto 0px; border-bottom: solid 1px #555555; background-position: top center;    margin-bottom: 20px;}

#tokuten2 .box{ width: 97%; margin-top: 10px; margin-bottom:20px;padding: 0; background-color: white; min-height: 0px; position: relative; max-width: 1000px;   border: solid 5px #bd8532;}



#tokuten2 .box h3{ font-size: 23px; font-weight: bold; color: #FF9900; margin-bottom: 10px; padding: 20px 0 0px 0px; text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
#tokuten2 .box p{ font-size: 15px; line-height: 150%; padding: 0px; color: #FFF;}
#tokuten2 .box span{ font-size:13px; color:#999; line-height:1.3;}
#tokuten2 .box .product2{ text-align:center; margin-bottom:20px;}
#tokuten2 .box .product{ text-align:center;}
#tokuten2 .box .product img{ width:90%; max-width:416px;}
#tokuten2 .box .get{ text-align:center; }
#tokuten2 .box .package img{ padding:20px 0 10px 0; width:100%;}


#tokuten2 .leftbox{
	width: 90%;
	margin: auto;
	position: relative;
	background-color: #FFF;

}

.spec{
	width: 92%;
	margin: 0 auto;
	position: relative;
	font-size: 15px;


}

.spec h3{
	font-size: 22px;
	text-align:center;
	padding-bottom: 20px;
	padding-top: 20px;
	color:#fad785;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);

	}


.spec dl{
 line-height: 180%;
    margin-bottom: 20px;
    background-color: #581012;
    padding: 25px;
    border: 4px double #fbd87f;
    border-radius: 2px;
    box-shadow: 0 7px 3px 0 #330404;
    -moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 4px 4px 18px 0 #2b2727;

}
.spec dl .tboxcost{ font-size:23px; font-weight:bold; margin:30px 0 10px;
}
.spec dt{}
.spec dd{ margin-bottom:10px;}
.spec #cero{ margin-bottom:10px;}
.spec #thanks{ margin-bottom:30px;}
.spec #thanks img{ width:100%; text-align:center;}

/*----Windows版動作環境スマホ----*/

.requirement{
	width: 92%;
	margin: 0 auto;
	position: relative;
	font-size: 15px;
}

.requirement h3{
	font-size: 22px;
	text-align:center;
	padding-bottom: 20px;
	padding-top: 20px;
	color:#fad785;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
	}

.requirement dl{
    line-height: 180%;
    margin-bottom: 20px;
    background-color: #581012;
    padding: 25px;
    border: 2px solid #fbd87f;
    box-shadow: 0 7px 3px 0 #330404;
    -moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 4px 4px 18px 0 #2b2727;
    background:#251f1f;

}
.requirement dt{ width:13em; }

.requirement dd{ margin-bottom:10px; }

/*----ビデオカードスマホ----*/

.video{
	width: 92%;
	margin: 0 auto;
	position: relative;
	font-size: 15px;
}

.video h3{
	font-size: 22px;
	text-align:center;
	padding-bottom: 20px;
	padding-top: 20px;
	color:#fad785;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
	}

.video p{
	font-weight:bold;
	color:#fad785;

	}
.video dl{
 line-height: 180%;
    margin-bottom: 20px;
    background-color: #581012;
    padding: 25px;
    border: 2px solid #fbd87f;
    box-shadow: 0 7px 3px 0 #330404;
    -moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 4px 4px 18px 0 #2b2727;
    background:#251f1f;

}
.spec dl .tboxcost{ font-size:23px; font-weight:bold; margin:30px 0 10px;
}
.video dt{
	width:13em;
	}
.video dd{
	margin:0 auto;}

/*----ビデオカードスマホ----*/




.top-spec{
	width: 92%;
	margin: 0 auto;
	position: relative;
	font-size: 15px;
	background: #900;
	background-color: #823636;


}

.top-spec h3{
	font-size: 22px;
	text-align:center;
	padding-bottom: 20px;
	padding-top: 20px;
	color:#fad785;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);

	}


.top-spec dl{ line-height:160%; margin-bottom:10px; padding-left:20px;padding-bottom:40px;}
.top-spec dl .tboxcost{ font-size:23px; font-weight:bold; margin:30px 0 10px;
}
.top-spec dt{}
.top-spec dd{ margin-bottom:10px;}
.top-spec #cero{ margin-bottom:10px;}
.top-spec #thanks{ margin-bottom:30px;}
.top-spec #thanks img{ width:100%; text-align:center;}


/*----特典共通 スマホ----*/

.section p{
	margin-top: -20px;

	}

.cerealtext{
	margin-top: -20px;
	text-align:left;
	padding-bottom:28px;
	}

.section h4{
	        /* text-align: center; */
    font-size: 20px;
    line-height: 150%;
    color: #fad785;
    padding-bottom: 20px;
}


.section h3 {
    text-align: center;
    font-size: 32px;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
    color: #fad785;
    letter-spacing: 7px;
    line-height: 111%;
    margin-bottom:30px;
}

.busyo{

	font-size: 18px;
	}






.section h3 img{
 text-align: center;
 font-size: 24px;
padding-bottom: 10px;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
 color: #fad785;
 letter-spacing:7px;
 max-width:400px;
 width:100%;
 padding-bottom:20px;
}




.sectioni dl .tboxcost{ font-size:23px; font-weight:bold; margin:20px 0 10px;}
.section dt{ float:left; width:10em; padding-bottom:10px;}
.section dd .pac{ float:left; margin-right:2em;}
.section dd .pac2{ }

.section{
	width: 92%;
    margin: 0 auto;
    position: relative;
}



.section dl{
 line-height: 180%;
    margin-bottom: 35px;
     background-color: #251f1f;
    padding: 25px;
    border: 1px solid #fbd87f;
    border-radius: 2px;
    box-shadow: 0 7px 3px 0 #330404;
    -moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 4px 4px 18px 0 #2b2727;

    webkit-box-shadow: 4px 4px 18px 0 #2b2727;
     background-image:url(../img/border-corner.png),
                      url(../img/border-corner2.png),
			    url(../img/border-corner4.png),
			    url(../img/border-corner3.png);

     background-repeat: no-repeat;
     background-position: left top,
                         right top,
                         right bottom,
                         left bottom,
                         center top,
                         left center,
                         center bottom,
                         left center;


}

.info {

     margin: 0 auto;
     width: 100%;
     margin-left: -300px;
     margin-bottom: 15px;
     padding-bottom:20px;

}

.content{
	 margin-left: 330px;
}


.sidebar{
	margin-top:20px;
	width: 300px;
     height: auto;
}

.sidebar img{
	width:100%;
      max-width:324px;
	margin-top: -10px;
}

.sidebar, .content, .info {
          float: none;
          margin: 0;
          width: auto;
     }

.annotate{
   font-size: 12px;
   float:left;
   padding-top:37px;
   padding-bottom:12px;
   color: #ccc;
	}

.annotate p{
	line-height:1.0;
}


.tenpo-list{
	text-align:center;
	padding-top: 150px;

	}


.tenpo{
	margin-top:30px;
	padding-top:30px;
	border-top:1px dotted #fad785;

	}

.tenpo h5{
    font-size: 120%;
	}



.tenpo-name{
	text-align: center;
    font-size: 16px;
    margin-top: -21px;
}




.tenpo-btn {
	text-align:center;

	}

.big-camera	{
	    text-align: center;
    font-size: 15px;
    margin-top: -22px;

	}






.kawanakazima{

	}
.kawanakazima img{
	margin-top:10px;
	width:100%;

	}


.treasure-strong{
	    display: block;
    text-align: center;
    margin-top: -13px;
    margin-bottom: 30px;
    color: #fad785;
    font-size: 18px;
    padding:5px;
    background-image: -webkit-linear-gradient(left, transparent, rgb(157, 35, 35) 25%, rgb(157, 35, 35) 75%, transparent);


	}


.treasure-info dl {
    line-height: 180%;
    margin-bottom: 15px;
    background-color: none;
    padding: 8px 0;
    border-top: 1px solid #987e42;
    border-bottom: 1px solid #987e42;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background-image: none;
}


.treasure-info dd {
	float: none;
	text-align:left;
	width: none;
}
.treasure-info dt {
	float: none;
	text-align:left;
	width: none;
}








.treasure-info{
	display:block;
	text-align:center;
	 padding-bottom:30px;

	}
.treasure-info p{
	display:block;
	text-align:center;
	 line-height: 170%;

	}


#treasure h5{
   color: #fad785;
    font-size: 120%;
    line-height: 120%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
	}

#treasure p{
	float:none;
}

.concert img{
	margin-bottom:15px;
	padding-top:15px;
	}
.concert p{
	font-size:11px;
	float:left;

	}


.satuei{
	font-size:8px;
	float:left;


	}



/*----特典共通スマホ終----*/

#footer{ text-align: center; padding-bottom: 180px; background-color: #000;}
#footer #sns{ text-align:center;}
#footer #sns img{ width:18%;}
#footer #sns2{ text-align: center;}
#footer #sns2 img{ margin:10px 3px;}
#footer #links{ margin:0 auto 40px auto; font-size:12px; color:#999;}
#footer #links a{ color:#FFF; text-decoration:none; }
#footer #links a:hover{ color:#F03; text-decoration:underline;}
#footer #sns img{ margin: 30px 15px;}
#footer #platform img{ width:100%;}
#pagetop { bottom: 10px; right: 10px; position: fixed; z-index: 500;}
.hidesp{ display:none;}
img.spcopy {width:100%;}

.select{ width:100%; margin:0 auto 0px;}
.select .selectbox{ display:block; margin-bottom:5px;}
.select .selectbox .ss{ width:100%; padding-top:20px; padding-bottom:80px;}
.select .selectbox p{ width:92%; font-size:15px; margin:0 auto; padding-bottom:15px;}
.select .selectbox h3{ width:95%; margin:0 auto;}

.gettweet{ width:98%;}

.playtitle{ display:none; }
.playtitle2 img{ width:100%; text-align:center;}
.skrollr-desktop body { height:100% !important; }
body { font-family:sans-serif;  }
p { margin:1em 0; }
#skrollr-body { height:100%; overflow:visible; position:relative; }
#skrollr-body .movie{ margin:0 auto; padding:4% 0; width:100%; max-width:960px;}
#skrollr-body .movie iframe{ border-top:solid 2px #000; border-bottom:solid 2px #000;}
#skrollr-body .movie .cap{ width:92%; margin:20px auto; color:#eee; font-size:14px; line-height:1.6; text-shadow:0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
.gap { background:transparent center no-repeat; background-size:cover; }
.skrollr .gap { background:transparent !important; }
.gap-50 { height:50%; }
.gap-100 { height:100%; }
.stepcontent { background:#000; padding:1em 1em 0 1em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#FFF; width:100%; margin:0 auto; text-align:center;}
.stepcontent h2{ font-size:53px; padding:20px 0;}
.stepcontent h3{ font-size:23px; padding-bottom:20px;}
.stepcontent p{ font-size:15px; line-height:1.7; text-align:left; margin:0;}
.stepcontent-full { height:100%; }
.levi1{ margin:20px auto;}
#levi2 img{ width:100%;}





.link {
    position: relative;
    display: inline-block;
    padding-left: 20px;
}

.link a{
	text-decoration:none;
	}

.link:before {
    content: '';
    width: 14px;
    height: 14px;
    background: #fbd87f;
    border-radius: 80%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
}

.link:after {
    content: '';
    width: 0;
    height: 0;
    border: solid 5px transparent;
    border-left: solid 8px #6a1417;
    position: absolute;
    top: 44%;
    left: 5px;
    margin-top: -3px;
}

.outline-strong{
	color:#ffcb48;
	}

.powerup-point{

	font-size: 22px;
    font-weight: bold;
    text-shadow: 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;
    color: #fbd87f;
    line-height: 1.5;
	}

	.powerup-point-border{
	padding-top:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ca9c28;

	}




.concept{
	max-width:900px;
	width:90%;
	margin:0 auto;
	}

.concept-point{
	 padding-top: 30px;
 padding-bottom: 7px;
 color: #FBD87F;
 font-size: 30px;
 font-weight:bold;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
  line-height:42px;
  width:95%;
  margin:0 auto;

	}


.concept h2{
 padding-top: 105px;
 text-align: center;
 padding-bottom: 7px;
 font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 color: #FBD87F;
 font-size: 32px;
 font-weight:bold;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
  line-height:42px;
}
.concept .links{
	font-weight: bold;
	font-size: 18px;
	text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;
	z-index: 100;
	background-color: #380909;
	padding: 5px 0;
}
.concept .links ul{
	list-style: none;
	text-align: center;
}
.concept .links li{
	padding-left: 15px;
	color: #F4BD53;
	margin-left: 15px;
	display: inline-block;
	position: relative;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.concept .links li .active{ padding:0 3px 9px;}
.concept .links li a{ color:#FFF; text-decoration:none;}
.concept .links li a:hover{ color:#f00;}
.concept .links li span{ position:absolute; bottom:-8px; left:33%;}

.concepttext{width:100%; margin:0 auto; margin-top:40px;}

.concepttext h3{
	padding-top: 100px;
	font-family: "ＭＳＰ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 35px;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
	color: #fad785;
	padding-bottom: 10px;
}
.concepttext h4{     padding-bottom: 5px;padding-top:20px;    color: #ff0;text-shadow: 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
.concepttext h5{ padding-top:0px; text-align:center;}
.concepttext p{ padding: 5px 0 7px 7px; color: #fff; text-shadow: 0px 0px 5px #333, 0px 0px 10px #333, 0px 0px 5px #333, 0px 0px 5px #333, 0px 0px 5px #333, 0px 0px 5px #333;}
.concepttext .new{ position:absolute; margin: -12px 0 0 2px; display:block;}
.concept-photo{
	margin:0 auto;
}

.title{
	padding-bottom:5px;
	margin:0 auto;
	padding-top: 138px;
	}

.title2{
	padding-top:40px;
	padding-bottom:5px;
	max-width:860px;
	margin:0 auto;
	}


.caption{
	background-color:#3e090a;
	padding:10px 10px 10px;
	font-size:13px;
	line-height:1.5;
	}


/*FBのスマホ対応*/
.fb-page{
	width:100%;
	}
/*----------------------------------------固定サブナビ new------------------------------------------*/




.sub-nav{
        width: 100%;
    height: 72px;
    border-bottom: 2px solid #f4bd53;
    background-color: #380909;
    position: fixed;
    z-index: 3;
    padding-top: 40px;
	}


.sub-nav ul{
   width: 94%;
    max-width: 960px;
    height: 32px;
    text-align: center;
    margin: 0 auto;
    text-decoration: none;
    list-style: none;
    border-bottom: 1px dotted #9b8531;

	}


.sub-nav ul li{

   position: relative;
    top: 0;
    float: left;
    margin-left: 0;
    cursor: pointer;
    width: 20%;
    height: 41px;
    text-align: center;
    text-decoration: none;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;
    color: #f4bd53;



}



.sub-nav li a{ color:#FFF; text-decoration:none; }

.mark:after {
    content: " ";
    width: -10%;
    left: -30px;
    position: relative;
    border: 5px solid transparent;
    border-bottom: 5px solid #f4bd53;
    }

.sub-new{
	margin-bottom: 9px;
    max-width: 7px
	}



/*----------------------------------------固定サブナビ new------------------------------------------*/
/

.sub-navtext h4{ padding-top:20px;}
.sub-navtext h5{ padding-top:0px; text-align:center;}
.sub-navtext p{ padding: 0px 0 10px 7px; color: #fff; text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
.sub-navtext .new{ position:absolute; margin: -12px 0 0 2px; display:block;}





.imei-link	{
	margin:10px;
	text-decoration:none;
	    float: left;

	}

.imei-link ul li a{
	text-decoration:none;

	}

.imei-link ul {
	text-decoration:none;

	}


.imei-link2{
   max-width: 860px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 26px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    text-decoration: none;
    margin-top: 143px;
    margin-bottom: -160px;

	}

.imei-link2 ul {
	text-decoration: none;
    text-align: center;

		}

.imei-link2 ul li{
	    display: block;

    border: 4px double #fbd87f;
    border-radius: 2px;

    -moz-box-shadow: 0 2px 3px 0 #ddd;
    font-size: 16px;
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
    padding-top: 16px;
    padding-right: 10px;
    padding-bottom: 14px;
    padding-left: 2px;

	}

.imei-link2 ul li a{
	text-decoration:none;


	}

.imei-link2 ul li a:hover{
	opacity:0.6;

	}




/*----------------------------------------固定サブナビ------------------------------------------*/

.title-new{
       display: block;
    padding-top: -9px;
    padding-left: 19px;
    float: left;
    margin: 0 auto;
    max-width: 56px;
	}

.title-new2{
       display: block;
    padding-top: -9px;
    padding-left: 19px;
    float: left;
    margin: 0 auto;
    max-width: 56px;
	}





.subtitle-new{

    z-index: 1;
    position: absolute;
    padding-top: 23px;
        max-width: 46px;

	}


/*-----------------------------------スペシャル-----------------------------------*/

.movietext{
    max-width: 900px;
    width: 90%;
    margin: 0 auto;
    padding-top:40px;

	}
.movietext .movie img {
    width: 100%;
    max-width: 900px;
}

.movie{
	padding-bottom:20px;
	}

.movie span{
	text-align:center;
	font-size:16px;
	}

.movietext .movie img a:hover{
	opacity:0.6;
}

.special-banner{
	padding-top: 20px;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	}

.event-title{
    font-size: 20px;
    font-weight:bold;
    line-height: 30px;

    color: #fad785;
    text-align: center;

	}

.event-end{
	font-size: 15px;
	float:right;
	color: #dc3036;
	padding-top:30px;

	}

.event-text{
	padding-top: 35px;
	float:left;


	}
.event-banner{
	padding-top: 35px;
	 width:100%;
	 margin: 0 auto;
	}

.event-banner img{
	width:100%;
	padding-top: 25px;
	}



/*-----------------------------------スペシャル　終了-----------------------------------*/



/*-----------------------------------威名系統　分岐ナビ-----------------------------------*/


.tab-contents.active h2{
	text-align:center;
	margin-bottom:20px;
	color:#fbd87f;
	}


#recommend .imei-nav{

	width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    text-decoration: none;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
    padding-top:20px;
     margin-bottom: 30px;
     border-top:#fbd87f 1px solid;

		}



#recommend .imei-nav ul{
	text-align: center;
            margin: 0 auto;
            width: 100%;
            max-width: 688px;
		padding-bottom: 200px;
		    padding-left: 10px;
	}


#recommend .imei-nav ul li {
	float:left;
	display:block;
      margin: 18px;
	background-repeat: no-repeat;
    background-position: left top;


		}




#recommend .imei-nav ul li a{
		width: 100%;

		}



#recommend .imei-nav a{
		text-decoration:none;
		width: 100%;
		color:#fff;
		}

#recommend .imei-nav .active {
	background-image:url(../img/imei-detail-nav-on.png);
	    background-repeat: no-repeat;
}


#recommend .tab-contents{
	display:none;
	}


/*-----------------------------------威名更新マークSP位置-----------------------------------*/


.imei-nav ul li span{
	position: absolute;
      margin-top: -11px;
      margin-left: 29px;
      z-index: 1;
	}

.imei-nav ul li {
     position:relative;
}
/*-----------------------------------威名更新マークSP位置-----------------------------------*/

/*-----------------------------------マウスオーバー時の画像変換-----------------------------------*/
.kyoukaku{
	background-image:url(../img/imei-detail-nav-kyoukaku-on.png);
	}

.syounin{
	background-image:url(../img/imei-detail-nav-syonin-on.png);
	}
.syougun{
	background-image:url(../img/imei-detail-nav-syogun-on.png);
	}
.bukan{
	background-image:url(../img/imei-detail-nav-bukan-on.png);
	}
.gunshi{
	background-image:url(../img/imei-detail-nav-gunshi-on.png);
	}
.kanri{
	background-image:url(../img/imei-detail-nav-kanri-on.png);
	}
/*-----------------------------------マウスオーバー時の画像変換-----------------------------------*/


/*-----------------------------------威名系統　分岐ナビ-----------------------------------*/


/*-----------------------------------威名　名称-----------------------------------*/


.imei-top{
	padding-top: 10px;
    padding-bottom: 10px;
    max-width: 700px;
}


.imei-top ul{
	text-align: center;
}

.imei-top ul li{
	display: inline-block;

	}

.shikaku-mark{
	max-width: 90px;
    width: 80%;

}




.imei-name{

	font-size: 31px;
      color: #f6c645;
	margin-bottom:8px;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);

	}

.kyokaku-name{

	font-size: 25px;
      color: #f6c645;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
	margin:0;
	padding:0;

	}














/*-----------------------------------new mark-----------------------------------*/



.imei-link-new{
    display: block;
    position: absolute;
    padding-top: 18px;
    padding-left: 165px;
    float: left;
    min-width: 56px;
		}

.imei-title-new{
    position: absolute;
    margin-left: 2px;
    margin-top: 14px;
    float: left;
    width: 100%;
    max-width: 42px;
		}

.imei-title-new-sangun{
    position: absolute;
    margin-left: 0px;
    margin-top: 7px;
    float: left;
    width: 100%;
    max-width: 42px;
		}

.kyokaku-title-new
	{
   display: block;
    position: absolute;
    margin-left: 56px;
    margin-top:10px;
    float: left;
    min-width: 52px;
    max-width: 56px;
		}

.imei-title-new2{
	display: block;
    position: absolute;
    margin-top: -12px;
    padding-left: 35px;
    float: left;
    max-width: 46px;
		}



.shogun-title-new
	{
	display: block;
    position: absolute;
    margin-left: 62px;
    margin-top: 4px;
    float: left;
    min-width: 44px;
    max-width: 56px;

		}



/*-----------------------------------new mark-----------------------------------*/



}




@media screen and (max-width: 735px) {
#box-navi{
   position: absolute;
    z-index: 2;
    /* padding-top: 120px; */
    max-width: 52px;
    padding-left: 9px;
    max-width: 60px;
    width: 80%;
    margin-top: 145px;
    max-width: 50px;
    /* margin-top: 259px; */
    padding-left: 8px;
}
}


@media screen and (max-width: 639px) {
#box-navi{
    position: absolute;
    z-index: 2;
    padding-top: 130px;
    padding-left: 9px;
    max-width:50px;
    width:80%;
    margin-top:3px;
    float:left;
    display:inline-block;
}
}



@media screen and (max-width: 400px) {
#box-navi{
    position: absolute;
    z-index: 2;
    padding-top: 120px;
    padding-left: 9px;
    max-width:45px;
    width:80%;
    margin-top:3px;
    float:left;
    display:inline-block;
}
}


@media screen and (max-width: 320px) {
#box-navi{
    position: absolute;
    z-index: 2;
    padding-top: 100px;
    padding-left: 9px;
    max-width:42px;
    width:80%;
    margin-top:2px;
    float:left;
    display:inline-block;
}
}

.banner_4com{ width: 98%; max-width: 1018px; margin: 0 auto; padding-bottom: 32px; letter-spacing: -.40em;}
.banner_4com li{ width: calc(24.7% - 2px); display: inline-block; letter-spacing: normal; padding: 0 2px; margin:0;}
.banner_4com li img{width: 100%;}
@media screen and (max-width: 640px) {
.banner_4com{margin-top: 16px;}
.banner_4com li{ width: calc(49.7% - 2px); padding: 0 0 0 0;}
}

.banner_3com{ width: 98%; max-width: 1018px; margin: 0 auto; padding-bottom: 20px; letter-spacing: -.40em;}
.banner_3com li{ width: calc(33% - 2px); display: inline-block; letter-spacing: normal; padding: 0 ; margin: 0 4px 0 0; background-color: #000; vertical-align:middle; }
.banner_3com ul{ text-align: center; font-size: 13px; }
.banner_3com li img{ width: 100%; }
.banner_3com li .date{ font-size:17px; font-weight:bold; color:#fff281; }

@media screen and (max-width: 640px) {
.banner_3com{ margin-top: 16px; padding-bottom: 0px; }
.banner_3com li{ width: 100%; display: block; margin-bottom: 10px;}
.banner_3com li .date{ font-size:17px; font-weight:bold; margin:5px 0 0 0; color:#fff281; }
}



/*
.banner_3com{ width: 98%; max-width: 1018px; margin: 0 auto; padding-bottom: 32px; letter-spacing: -.40em;}
.banner_3com li{ width: calc(33% - 2px); display: inline-block; letter-spacing: normal; padding: 0 2px; margin:0;}
.banner_3com li img{width: 100%;}
@media screen and (max-width: 640px) {
  .banner_3com{margin-top: 16px;}
.banner_3com li{ width: 100%; display: block; padding: 0 0 8px 0;}
}*/



.up_info{
	width: calc(90% - 20px);
	max-width: 982px; margin: 16px auto 8px auto;
	border: solid 2px #ffcc31;
	color: #f00;
	background: #fff;
	padding: 8px;
	font-size: 20px;
	text-align: center;
}
.up_info a { color: #000;}
.up_info a:visited { color: #000; }
.up_info a:hover { color: #ff0000;}
.up_info a:active { color: #000; }
.up_info_please{ 
    margin: 5 65;
    background-color: #565454;
    color: #fff;}
.up_info p{
	display: inline-block;
    color: rgb(255, 254, 132);
    font-size: 90%;
    font-weight: bold;}