@charset "utf-8";

/*
Theme Name: toroccowars_pc
*/


/* =Reset
-------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
img {vertical-align:top;}
input[type="radio"], input[type="checkbox"] {vertical-align: -2px;}
label {cursor: pointer;}

html>/**/body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic", "Osaka",sans-serif;
}
* + html body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic", "Osaka",sans-serif;
}

/* For modern browsers */
.cf:before,
.cf:after {
	content:"";
	display:table;}
.cf:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf {zoom:1;}
.clr {
	clear: both;
}

/* =all
-------------------------------------------------------------- */
body {
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #000;
	line-height: 1.7;
	min-width: 960px;
	-webkit-font-smoothing: antialiased;
}
a { color:#484848; text-decoration: none;}
a:hover{ text-decoration:underline;}
a.line{ text-decoration:underline;}
a.line:hover{ text-decoration:none;}


/* font */
.fl {float: left;}
.fr {float: right;}
.ta_l {text-align: left;}
.ta_c {text-align: center;}
.ta_r {text-align: right;}
.va_t {vertical-align: top;}
.va_b {vertical-align: bottom;}
.va_m {vertical-align: middle;}
.lh17 {line-height: 1.7;}
.lh20 {line-height: 2;}
.f10 {font-size: 10px;}
.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f28 {font-size: 28px;}
.f30 {font-size: 30px;}
.red {color: #f00;}
.yellow{color: #f7b016;}
.green{color:#6dedac;}
.blue{color:#29a9e0;}
.orange{color:#f2a150;}
.bold {font-weight: bold;}

/* mgn */
.mgn05 {margin-bottom: 5px;}
.mgn08 {margin-bottom: 8px;}
.mgn10 {margin-bottom: 10px;}
.mgn13 {margin-bottom: 13px;}
.mgn15 {margin-bottom: 15px;}
.mgn20 {margin-bottom: 20px;}
.mgn25 {margin-bottom: 25px;}
.mgn30 {margin-bottom: 30px;}
.mgn35 {margin-bottom: 35px;}
.mgn40 {margin-bottom: 40px;}
.mgn45 {margin-bottom: 45px;}
.mgn50 {margin-bottom: 50px;}
.mgn55 {margin-bottom: 55px;}
.mgn60 {margin-bottom: 60px;}
.mgn65 {margin-bottom: 65px;}
.mgn70 {margin-bottom: 70px;}
.mgn75 {margin-bottom: 75px;}
.mgn80 {margin-bottom: 80px;}
.mgn85 {margin-bottom: 85px;}
.mgn90 {margin-bottom: 90px;}
.mgn95 {margin-bottom: 95px;}
.mgn100 {margin-bottom: 100px;}
.mgn110 {margin-bottom: 110px;}
.mgn120 {margin-bottom: 120px;}
.mgn150 {margin-bottom: 150px;}
a:hover img,
input[type="image"]:hover,
button:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
a, a img, input[type="image"] {
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	opacity: 1;
}
.inner{
	width:960px;
	margin:0 auto;
}

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

	common
		
-----------------------------*/
#contents{
	padding: 0 0 150px 0;
    min-width: 960px;
    overflow-x: hidden;
}
#foot_link{
	border-top: 1px solid #64534d;
	display:inline-block;
}
#foot_link ul{
	padding: 30px 0 0;
}
#foot_link ul li{
	display: inline-block;
	margin: 0 25px;
}
#foot_link ul li a{
	color: #ffeed6;
	font-size: 18px;
}
#foot_link ul li.center a{
	margin: 0 0 0 20%;
}
#copy{
	text-align: right;
	font-size: 12px;
	color: #ffeed6;
	letter-spacing: 0.5px;
	padding: 30px 0 0;
}
#copy span {
	font-size: 22px;
	vertical-align: middle;
}
#footer{
	background: url(img/bg_f_nav.png) repeat-x;
	padding: 45px 0 10px;
	position: fixed;
	z-index: 99999;
	bottom: 0;
	left: 0;
	width: 100%;
}
#footer .logo{
	float: left;
	margin: 0 36px 0 0;
}
#footer ul.foot_menu{
	float: right;
	padding: 3px 0 0 0;
}
#footer ul.foot_menu li{
	float: left;
	margin: 0 0 0 13px;
}
#footer ul.foot_menu li.menu_btn{
	padding: 20px 0 0 0;
	margin: 0 0 0 38px;
}

/* 追従side_btn */
#floatbnr{
	position: absolute;
	right: 0;
	width: 72px;
	z-index:998;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	opacity: 1;
	overflow: hidden;
	padding-top:30px;
}
#floatbnr.active{
	width: 872px;
}
#floatbnr.active a.fixbtn:hover img{
	opacity: 1.0;
}
#floatbnr a.fixbtn{
	display:inline-block;
	float: left;
	width: 72px;
	height: 441px;
	background: #f00 url(img/btn_fix_arw.png) no-repeat center 375px;
	padding: 68px 0 0;
	box-sizing: border-box;
	border-radius: 17px 0 0 17px;
	z-index:999;
}
#floatbnr.active a.fixbtn{
	background: #f00 url(img/btn_fix_arw2.png) no-repeat center 375px;
}
#floatbnr a.fixbtn:hover img{
	opacity: 1.0;
}
#floatbnr #slide_in{
	background-color:rgba(000,000,000,0.75);
	width: 800px;
	height: 441px;
	margin: 0 0 0 72px;
	padding: 56px 50px 0;
	box-sizing: border-box;
}
#floatbnr #slide_in img.line{
	width: 700px;
	height: auto;
}
#floatbnr #slide_in .btn_box{
	width: 700px;
	margin: 0 auto;
}
#floatbnr #slide_in .btn_box a:first-child{
	float: left;
}
#floatbnr #slide_in .btn_box a:last-child{
	float: right;
}
#floatbnr #slide_in .btn_box a{
	display: block;
	width: 48%;
}
#floatbnr #slide_in .btn_box a img{
	width: 100%;
}
#page-top {
    position: fixed;
    bottom: 145px;
    right: 50px;
    z-index: 997;
}

.modal-open{
	cursor: pointer;
}
.modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0.70);
	z-index: 9998;
	cursor: pointer;
}
.modal-content {
	display: none;
	position: fixed;
	width: 960px;
	left: 50%;
	margin: 0 0 0 -480px;
	z-index: 9999;
	padding: 7px 0;
	box-sizing: border-box;
	overflow-y: auto;
	max-height: 100%;
}
.modal-content.v2 {
	width: 640px;
	left: 50%;
	margin: 0 0 0 -320px;
}
.modal-content.v3 {
	width: 715px;
	left: 50%;
	margin: 0 0 0 -357.5px;
}
.modal-content.p100 {
	width: 70%;
	height: 40vw;
	left: 15%;
	margin: 0;
}
.modal-content .pop_tit{
	display: none;
	color: #fff;
	font-size: 45px;
	margin: 0 0 20px;
	letter-spacing: 0.1em;
}
.modal-content .pop_box{
	width: 100%;
	padding: 48px 48px 96px;
	box-sizing: border-box;
	min-height: 420px;
	position: relative;
	border: 2px solid #fff;
	border-radius: 25px;
	-moz-box-shadow: 2px 2px 2px #000;
	-webkit-box-shadow: 2px 2px 2px #000;
	box-shadow: 2px 2px 2px #000;
	background: #000;
}
.modal-content.v3 .pop_box{
	padding: 52px 48px 30px;
}
.modal-close {
	position:absolute;
	bottom: 30px;
	right: 30px;
	cursor:pointer;
}
.p100 .modal-close {
	bottom: -35px;
	right: 10px;
}
#f_menu.modal-content {
}
#f_menu.modal-content .pop_box{
	padding: 35px 40px 80px;
}
#f_menu.modal-content .pop_box .left_box{
	float: left;
	width: 48%;
}
#f_menu.modal-content .pop_box .right_box{
	float: right;
	width: 48%;
}
#f_menu.modal-content .pop_box ul li{
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	opacity: 1;
	text-align: left;
	border-bottom: 2px solid #948a54;
	padding: 14px 10px 8px 10px;
	background: url(img/pager_arw_right.png) no-repeat 99% center;
}
#f_menu.modal-content .pop_box ul li:hover{
	background: url(img/pager_arw_right_on.png) no-repeat 99% center;
}
#f_menu.modal-content .pop_box ul li:first-child{
	border-top: 2px solid #948a54;
}
#f_menu.modal-content .pop_box ul li.new{
	position: relative;
}
#f_menu.modal-content .pop_box ul li.new:after{
	content: "";
	background: url(img/icon_new.png) no-repeat 0 0;
	background-size: contain;
	width: 48px;
	height: 25px;
	position: absolute;
	top: 10px;
	left: 40px;
}
#f_menu.modal-content .pop_box ul li a{
	display: block;
}
#f_menu.modal-content .pop_box ul li a img:first-of-type{
	width: 77px;
	margin: 0 15px 0 0;
}
.pop_box a.bx-prev,
.pop_box a.bx-next{
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	margin: -20px 0 0;
	text-indent: -9999px;
}
.pop_box a.bx-prev {
	left: 8px;
	background: url(img/pager_arw_left.png) no-repeat 0 0;
	background-size: contain;
}
.pop_box a.bx-next {
	right: 8px;
	background: url(img/pager_arw_right.png) no-repeat 0 0;
	background-size: contain;
}
.pop_box a.bx-prev:hover {
	background: url(img/pager_arw_left_on.png) no-repeat 0 0;
	background-size: contain;
}
.pop_box a.bx-next:hover {
	background: url(img/pager_arw_right_on.png) no-repeat 0 0;
	background-size: contain;
}
.page-numbers_wrap{
	padding: 0 0 25px 0;
}
.page-numbers_wrap.v2{
	padding: 0 0 50px 0;
}
.page-numbers_wrap .current_page{
	display: inline-block;
	text-align: left;
	float: left;
}
.page-numbers_wrap .pager .page-numbers {
	display: inline-block;
	text-decoration: none;
	color: #ffe7c6;
	font-size: 21px;
	margin: 0 15px;
	line-height: 40px;
}
.page-numbers_wrap .pager .current {
	border-bottom: double;
}
.page-numbers_wrap .pager .page-numbers:hover{
	text-decoration: none;
}
/*
.page-numbers_wrap .pager a:hover span{
	border-bottom: double;
}
*/
.page-numbers_wrap .pager a.prev,
.page-numbers_wrap .pager a.next{
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	padding: 0;
	float: none;
}
.page-numbers_wrap .pager a.prev{
	background: url(img/pager_arw_left.png) no-repeat 0 0;
	margin: 15px 0 0 0;
}
.page-numbers_wrap .pager a.next{
	background: url(img/pager_arw_right.png) no-repeat 0 0;
	margin: 0 0 0 15px;
}
.page-numbers_wrap .pager a.prev:hover{
	background: url(img/pager_arw_left_on.png) no-repeat 0 0;
}
.page-numbers_wrap .pager a.next:hover{
	background: url(img/pager_arw_right_on.png) no-repeat 0 0;
}

/* =  scroll fade
--------------------------------------------------- */
.opfd00 {
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-moz-transition: 0.1s ease;
	-webkit-transition: 0.1s ease;
	-o-transition: 0.1s ease;
	-ms-transition: 0.1s ease;
}
/*----- フェードインしながら上へスライド -----*/
.inviewfadeInRight {
    opacity: 0;
    transform: translate(1000px, 0);
    -webkit-transform: translate(1000px, 0);
    transition: .8s;
}
.inviewfadeInLeft {
    opacity: 0;
    transform: translate(-1000px, 0);
    -webkit-transform: translate(-1000px, 0);
    transition: .8s;
}

.fadeInUp {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}


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

	index
		
-----------------------------*/
#contents.top{
}
#kv{
	background: #000 url(img/kv2.jpg) no-repeat center 0;
	background-size: auto 100%;
	height: 380px;
}
.top #main{
	padding: 30px 0 0;
	background: #000 url(img/bg_top.jpg) no-repeat center 0;
}
.top .left_box{
	float: left;
	width: 500px;
}
.top .youtube {
	display:table-cell;
}
.top .right_box{
	float: right;
	width: 440px;
}
.top .icon_box{
	background: url(img/top_menu_bg01.png) repeat-y 0 0;
	background-size: contain;
	position: relative;
	padding: 20px 24px 20px;
}
.top .icon_box:before{
	content: "";
	background: url(img/top_menu_bg00.png) no-repeat 0 0;
	background-size: contain;
	width: 440px;
	height: 20px;
	position: absolute;
	top: 0;
	left:0;
}
.top .icon_box:after{
	content: "";
	background: url(img/top_menu_bg02.png) no-repeat 0 0;
	background-size: contain;
	width: 440px;
	height: 20px;
	position: absolute;
	bottom: 0;
	left:0;
}
.top .icon_box .tit {
	padding: 5px 0 3px;
    border-bottom: 1.5px solid #ffeed6;
    margin: 0 0 11.5px;
}
.top .icon_box .tit img{
	width: 90px;
	height: auto;
}
.top .icon_box li{
	float: left;
	margin: 0 28px 7px 0;
	width: 77px;
}
.top .icon_box li:nth-child(4n){
	margin: 0 0 7px 0;
}
.top .icon_box li img{
	width: 100%;
	height: auto;
}
.top .icon_box li.new,
.news .icon_box li.new{
	position: relative;
}
.top .icon_box li.new:after,
.news .icon_box li.new:after{
	content: "";
	background: url(img/icon_new.png) no-repeat 0 0;
	background-size: contain;
	width: 48px;
	height: 25px;
	position: absolute;
	top: -5px;
	right: -2px;
}
.bnr_wrap{
	padding: 0 0 66px 0;
}
.posi_img{
	position: relative;
	z-index: 2;
}
.entry.frame{
	width: 960px;
	margin: -66px auto 0;
	background: url(img/bg02.png) no-repeat center center;
	background-size: 100% auto;
	position: relative;
}
.entry.frame:before{
	content: "";
	background: url(img/frame02_1b.png) no-repeat 0 0;
	background-size: contain;
	width: 960px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
}
.entry.frame:after{
	content: "";
	background: url(img/frame02_3b.png) no-repeat 0 0;
	background-size: contain;
	width: 960px;
	height: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.entry.frame .entry_in{
	background: url(img/frame02_2b.png) repeat-y 0 0;
	background-size: 100% auto;
	padding: 46px 18px 38px;
	box-sizing: border-box;
}
#sec01 .btn_box{
	width: 797px;
	margin: 0 auto;
}
#sec01 .btn_box a:first-child{
	float: left;
}
#sec01 .btn_box a:last-child{
	float: right;
}
.frame .download{
	width: 960px;
	margin: 0 auto;
	background: url(img/frame02_2.png) repeat-y 0 0;
	position: relative;
	padding: 30px 95px 44px;
	box-sizing: border-box;
	top:-4px;
}
.frame .download:after{
	content: "";
	background: url(img/frame02_3.png) no-repeat 0 0;
	background-size: contain;
	width: 960px;
	height: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#bnr_wrap .sec_in{
	background: url(img/bg_bnr_tit.png) no-repeat center 0;
	background-size: 960px auto;
	padding: 120px 0 178px;
}
#bnr_wrap .bnr01{
	position: relative;
	margin-top: -143px;
	z-index: 7;
}
#bnr_wrap .bnr02{
	position: relative;
	margin-top: -54px;
	z-index: 6;
}
#bnr_wrap .bnr03{
	position: relative;
	margin-top: -62px;
	z-index: 5;
}
#bnr_wrap .bnr04{
	position: relative;
	margin-top: -72px;
	z-index: 4;
}
#bnr_wrap .bnr05{
	position: relative;
	z-index: 3;
	margin: -140px 0 60px;
}
#bnr_wrap .bnr06{
	position: relative;
	z-index: 2;
	margin: -91px 0 60px;
}

#sec06 {
	margin: 50px 0 50px;
}
#sec06 .download .icon{
	float: left;
	border-radius: 22px;
}
#sec06 .download p{
	text-align: left;
	font-size: 16px;
	line-height: 1.5;
	color: #ffeed6;
	padding: 0 0 24px 105px;
}
#sec06 .download .btn{
	display: inline-block;
	width: 190px;
	margin: 0 10px;
}


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

	play:遊び方
		
-----------------------------*/
#contents.play{
	background: #000 url(img/bg_tit_battle.png) no-repeat center 0;
}
.play .tit_bg{
	padding: 53px 0 37px;
}
.play h2.tit {
    margin: 0 0 23px;
}
.play .icon_box li{
	width: 77px;
	display: inline-block;
    margin: 0 7px;
}
.play .icon_box li img{
	width: 100%;
	height: auto;
}
.play #link_sec01{
	margin: 0 0 16px;
}
.play #sec02{
	margin: 0 0 90px;
}
.play #sec02 .s1{
	margin: 0 0 7px;
}
.play #sec02 .s3{
	margin: -47px 0 0;
}
.play #sec03{
	background: url(img/bg_battle02.png) no-repeat center 0;
	height: 754px;
}



.play #sec04{
	background: url(img/bg_battle03.png) no-repeat center 0;
	width: 960px;
	height: 1126px;
	position: relative;
	margin: 0 auto;
}
.play #sec04 .posi{
	position: absolute;
}
.play #sec04 .posi.s1{
	left: 54px;
	top: 55px;
}
.play #sec04 .posi.s2{
	right: 26px;
	top: 55px;
}
.play #sec04 .posi.s3{
	left: 54px;
	bottom: 218px;
}
.play #sec04 .posi.s4{
	right: 54px;
	bottom: 222px;
}
.play #sec04 .posi.s5{
	left: 182px;
	bottom: 76px;
}
.icon_box_wrap{
	padding: 0 2.6% 50px; 
}
.modal-content.moviepop-content {
	overflow-y: visible;
}
.modal-content.moviepop-content iframe {
	position: relative;
	z-index: 9999;
}
.modal-content.moviepop-content .modal-close {
	position: absolute;
	z-index: 9999;
}

.play #sec05 {
	width:100%;
	background : none;
	overflow:auto;
	margin-bottom:30px;
	height:451px;
}

.play #sec05 .leftbox {
	width:48%;
	float:left;
	text-align:left;
}

.play #sec05 .leftbox img{
	width:100%;
	margin-bottom:20px;
}

.play #sec05 .leftbox p{
	color:#ffeed6;
	display:inline;
}

.play #sec05 .rightbox {
	width:48%;
	float:right;
	text-align:left;
}

.play #sec05 .rightbox img{
	width:100%;
	margin-bottom:20px;
	backface-visibility:hidden;
}

.play #sec05 .rightbox p{
	color:#ffeed6;
	display:inline;
}

.play #sec05-2 {
margin-bottom: 30px;
}
.play #sec05-2 .movie_box {
width:50%;
margin:0 auto;
text-align:left;
}
.play #sec05-2 .movie_box p{
color:#ffeed6;
display:inline;
}
.play #sec05-2 .movie_box img{
width:100%;
margin-bottom:20px;
backface-visibility:hidden;
}

.play #foot_link {
	clear:both;
}


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

	character
		
-----------------------------*/
#contents.hunter{
	background: #000 url(img/bg_tit_chara.png) no-repeat center 0;
}
.hunter .tit_bg{
	padding: 53px 0 30px;
}
.cat_btn_box{
	padding: 25px 0 0;
}
.cat_btn_box ul li{
	width: 180px;
	height: 77px;
	float: left;
	margin: 0 15px 0 0;
}
.cat_btn_box ul li:last-child{
	margin: 0;
}
.cat_btn_box ul li a{
	display: block;
}
.cat_btn_box ul li a:hover img ,
.cat_btn_box ul li.active img{
	opacity: 0;
}
.cat_btn_box ul li.c1{
	background: url(img/chara_cat01_on.png) no-repeat 0 0;
}
.cat_btn_box ul li.c2{
	background: url(img/chara_cat02_on.png) no-repeat 0 0;
}
.cat_btn_box ul li.c3{
	background: url(img/chara_cat03_on.png) no-repeat 0 0;
}
.cat_btn_box ul li.c4{
	background: url(img/chara_cat04_on.png) no-repeat 0 0;
}
.cat_btn_box ul li.c5{
	background: url(img/chara_cat05_on.png) no-repeat 0 0;
}
.hunter .chara_box{
	padding: 0 0 50px;
}
.hunter .chara_box li{
	float: left;
	margin: 0 14px 16px 0;
}
.hunter .chara_box li:nth-child(4n){
	margin: 0 0 16px 0;
}
.modal-content .pop_box.chara{
	padding: 0 0 15px;
	background-color:rgba(59,42,33,0.8);
}
.modal-content .pop_box .chara_img{
	float: left;
	
	width: 40%;
	padding-left:20px;
}
.modal-content .pop_box .chara_img img{
	width: 100%;
	height: auto;
	
	backface-visibility:hidden; /*chrome 横ずれ回避*/
}
.modal-content .pop_box .chara_img .type_box img{
	width: auto;
	display: inline-block;
	margin: 0 7px;
}
.modal-content .pop_box .chara_detail {
	width: 52%;
	float: right;
	padding: 45px 5% 0 0;
}
.modal-content .pop_box .chara_detail li {
	margin: 0 0 20px;
}



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

	news_list
		
-----------------------------*/
#contents.news{
	background: #000 url(img/bg_tit_news.png) no-repeat center 0;
}
.news .tit_bg{
	padding: 53px 0 37px;
}
.news h2.tit{
	margin: 0 0 23px;
}
.news .icon_box li{
	width: 77px;
	display: inline-block;
	margin: 0 7px;
}
.news .icon_box li img{
	width: 100%;
	height: auto;
}
.news .news_box{
	width: 960px;
	margin: 0 auto 65px;
	text-align: left;
	box-sizing: border-box;
	padding: 30px 42px;
	position: relative;
	background: url(img/newsbox_bg02.jpg) repeat-y center 0;
	color: #ffeed6;
}
.news .news_box:before{
	content: "";
	background: url(img/newsbox_bg01.jpg) no-repeat 0 0;
	background-size: contain;
	width: 960px;
	height: 20px;
	position: absolute;
	top: 0;
	left:0;
}
.news .news_box:after{
	content: "";
	background: url(img/newsbox_bg03.jpg) no-repeat 0 0;
	background-size: contain;
	width: 960px;
	height: 20px;
	position: absolute;
	bottom: 0;
	left:0;
}
.news .news_box .news_img{
	width: 210px;
	float: right;
	margin: 0 0 5px 15px;
}
.news .news_box .news_img img{
	max-width: 636px;
	height: auto;
}
.news .news_box span.ymd{
	display: inline-block;
	font-size: 14px;
	margin: 0 10px 10px 0;
	vertical-align: middle;
}
.news .news_box p{
	font-size: 14px;
	padding: 5px 0 20px 0;
}
.news .news_box .tit{
	display: block;
	font-weight: bold;
	font-size: 22px;
	padding: 0 0 0.4em;
	border-bottom: 1px solid #ffe8c6;
	margin: 0 0 0.6em;
}
.news .news_box.detail .news_img {
	width: auto;
	float: none;
	margin: 15px 0;
	text-align: center;
}
.news .news_box .edttextarea p {
	font-size: 16px;
}
.news .news_box .edttextarea a {
	color: #ffff00;
}
.news a.prev,
.news a.next{
	display: inline-block;
	color: #ffeed6;
	font-size: 16px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	margin: 0 0 50px;
}
.news a.prev{
	float: left;
	background: url(img/pager_arw_left.png) no-repeat 0 center;
	padding: 0 0 0 50px;
}
.news a.next{
	float: right;
	background: url(img/pager_arw_right.png) no-repeat right center;
	padding: 0 50px 0 0;
}
.news a.prev:hover,
.news a.next:hover{
	text-decoration: none;
}
.news a.prev:hover{
	background: url(img/pager_arw_left_on.png) no-repeat 0 center;
}
.news a.next:hover{
	background: url(img/pager_arw_right_on.png) no-repeat right center;
}



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

	kingdom , dungeon
		
-----------------------------*/
#contents.kingdom{
	background: #000 url(img/bg_tit_shine.png) no-repeat center 0;
}
.kingdom .tit_bg{
	padding: 53px 0 50px;
}
.kingdom .kingdom_box{
	width: 760px;
	margin: 0 auto 80px;
}
.kingdom .kingdom_box li{
	float: left;
	margin: 0 49px 0 0;
}
.kingdom .kingdom_box li:last-child{
	margin: 0;
}
.pop_box .pop_detail dt{
	margin: 0 0 30px 0;
}
.pop_box .pop_detail dd.txt{
	text-align: left;
	font-size: 18px;
	color: #ffe7c6;
	min-height: 130px;
}

#contents.dungeon{
	background: #000 url(img/bg_tit_dungeon.png) no-repeat center 0;
}
.dungeon .tit_bg{
	padding: 53px 0 50px;
}
.dungeon .dungeon_box{
	width: 960px;
	margin: 0 auto 93px;
}
.dungeon .dungeon_box li{
	float: left;
	margin: 0 34.6px 0 0;
}
.dungeon .dungeon_box li:last-child{
	margin: 0;
}
.dungeon .memo{
	font-size: 13px;
	color: #ffe7c6;
	padding: 0 0 45px;
}


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

	events
		
-----------------------------*/
#contents.events {
	background: url(img/bg_tit_events.png) no-repeat center 0;
}
.events .bnrwrap {
	margin: 0 0 50px;
}
.events .tit_bg {
	padding: 53px 0 50px;
}
.events .bnrbox {
	max-width: 640px;
	margin: 0 auto 40px;
}
.events .bnrbox img {
	max-width: 100%;
}
.eventseditorwrap {
	margin: 0 0 50px;
}
.eventseditorwrap iframe {
	width: 100%;
	height: 540px;
}
.eventseditorwrap img {
	max-width: 100%;
	height: auto;
}
/*
.eventseditorwrap .yellowbackbox {
	border: 3px solid #ffffe3;
	border-radius: 10px;
	background: #fffe82;
	padding: 45px 20px 50px;
	max-width: 700px;
	margin: 0 auto;
}
.eventseditorwrap .yellowbackbox .title {
	font-size: 28px;
	color: #be2c19;
	font-weight: bold;
	margin: 0 0 30px;
}
.eventseditorwrap .yellowbackbox .txtarea {
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
*/

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

	rankings

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

#contents.rankings {
	padding: 0 0 150px 0;
}
.rankings .bnrwrap {
	display:inline-block;
	min-height:750px;
	margin: 0 0 50px;
}
.rankings .tit_bg {
	padding: 53px 0 50px;
}
.rankings .bnrbox {
	max-width: 640px;
	margin: 0 auto 40px;
}
.rankings .bnrbox img {
	max-width: 100%;
}
.rankingseditorwrap {
	margin: 0 0;
}

.rankingseditorwrap iframe {
	width: 100%;
	height: 540px;
}
.rankingseditorwrap img {
	max-width: 100%;
	height: auto;
}

#contents > div.bnrwrap .inner .bnrbox:nth-child(odd){
	float:left;
	width:48%;
	margin-bottom:20px;
}

#contents > div.bnrwrap .inner .bnrbox:nth-child(even){
	float:right;
	width:48%;
	margin-bottom:21px;
}


#ranking_page {
	width:960px;
	margin:0 auto;
	background-repeat: repeat;
	display:inline-block;
}

#ranking_page .wrap{
	margin:420px 2vw 0 2vw;
}

#ranking_page .title {
	position:relative;
	z-index:9999;
	margin:0 auto;
	padding-bottom:30px;
	top:15px;
}

#ranking_page .stage {
	position:relative;
	z-index:9999;
	margin:0 auto;
	padding-bottom:30px;
	width:80%;
}

.no_01{
	position:absolute;
	z-index:9;
	top:0px;
}

.gr_01-03{
	
}

.gr_02-03{
	position:relative;
	margin:0 auto;
	width:70%;	
	z-index:9999;
	top:400px;
}

.no_02{
	position:relative;
	z-index:9999;
}

.no_03{
	position:relative;
	margin:40px 0;
}

/*-- テキスト用 
#ranking_page .wrap ul{
	position:relative;
	display:inline-block;
	list-style:none;
	width:100%;
}

#ranking_page .wrap ul li {
position:relative;
width: 100%;
height:104px;
background-image: url(img/ranking/flame_bg.png);
background-size: 100% auto;
background-repeat: no-repeat;
}
--*/

.no_11-20 ul{
	position:relative;
	display:inline-block;
	list-style:none;
	width:100%;
}

.no_11-20 ul li {
position:relative;
width: 100%;
height:104px;
background-image: url(img/ranking/flame_bg.png);
background-size: 100% auto;
background-repeat: no-repeat;
}

.no_21-30 ul{
	position:relative;
	display:inline-block;
	list-style:none;
	width:100%;
}

.no_21-30 ul li {
position:relative;
width: 100%;
height:104px;
background-image: url(img/ranking/flame_bg.png);
background-size: 100% auto;
background-repeat: no-repeat;
}

span.r_number_04-09{
	position:absolute;
	top:23px;
	left:42px;
	font-size:30px;
	font-weight:bold;
}

span.r_number_10{
	position:absolute;
	top:25px;
	left:35px;
	font-size:26px;
	font-weight:bold;
}

span.r_number_11-30{
	position:absolute;
	top:26px;
	left:34px;
	font-size:26px;
	font-weight:bold;
}

span.r_number_31-60{
	position:absolute;
	top:17px;
	left:22px;
	font-size:19px;
	font-weight:bold;
}

span.r_number_61-99{
	position:absolute;
	top:14px;
	left:17px;
	font-size:13px;
	font-weight:bold;
}

span.r_number_100{
	position:absolute;
	top:15px;
	left:15px;
	font-size:11px;
	font-weight:bold;
}

span.r_name_04-10{
	position:absolute;
	top:7px;
	left:114px;
	font-size:26px;
	font-weight:bold;
	color:#461720;
}

span.r_name_11-30{
	position:absolute;
	top:10px;
	left:120px;
	font-size:25px;
	font-weight:bold;
	color:#461720;
}

span.r_name_31-60{
	position:absolute;
	top:6px;
	left:77px;
	font-size:17px;
	font-weight:bold;
	color:#461720;
}

span.r_name_61-100{
	position:absolute;
	top:4px;
	left:57px;
	font-size:13px;
	font-weight:bold;
	color:#461720;
}

span.r_guild_04-10{
	position:absolute;
	top:46px;
	left:151px;
	font-size:25px;
	font-weight:bold;
	color:#206aca;
}

span.r_guild_11-30{
	position:absolute;
	top:47px;
	left:154px;
	font-size:24px;
	font-weight:bold;
	color:#206aca;
}

span.r_guild_31-60{
	position:absolute;
	top:31px;
	left:103px;
	font-size:16px;
	font-weight:bold;
	color:#206aca;
}

span.r_guild_61-100{
	position:absolute;
	top:23px;
	left:78px;
	font-size:12px;
	font-weight:bold;
	color:#206aca;
}

#ranking_page .wrap ul li span .r_name_04-10{
 float: left;
 padding: 10px;
 }

#ranking_page .wrap ul li span .r_name_11-30{
 float: left;
 padding: 10px;
 }

#ranking_page .wrap ul li span .r_name_31-60 {
 float: left;
 padding: 10px;
 }

#ranking_page .wrap ul li span .r_name_61-100 {
 float: left;
 padding: 10px;
 }

#ranking_page .wrap ul li span .r_guild {
 display: block;
 margin-left: 110px;
 padding: 10px;
 border-left: 1px solid #ccc;
 }

#ranking_page .wrap ul li span .r_guild_31-60 {
 display: block;
 margin-left: 110px;
 padding: 10px;
 border-left: 1px solid #ccc;
 }

#ranking_page .wrap ul li span .r_guild_61-100 {
 display: block;
 margin-left: 110px;
 padding: 10px;
 border-left: 1px solid #ccc;
 }

/*--テキスト用--*/



.gr_04-10{
	width:100%;	
	display:inline-block;
	padding:1vw 0;
}

.gr_04-10 .no_04-10{
	width:50%;
	margin:0 auto;
}

.gr_04-10 .no_04-10 img{
	width:100%;	
}

.gr_04-10 ul {
	position:relative;
	display:inline-block;
	list-style:none;
	width:100%;	
}

.gr_04-10 ul li {
position:relative;
width: 48%;
height:102px;
background-image: url(img/ranking/flame_bg.png);
background-size: 100% auto;
background-repeat: no-repeat;
float:left;
margin-left:1%;
}

.gr_11-30{
	width:100%;	
	display:inline-block;
	padding:1vw 0;
}

.gr_11-30 ul li {
position:relative;
width: 48%;
height:102px;
background-image: url(img/ranking/flame_bg.png);
background-size: 100% auto;
background-repeat: no-repeat;
float:left;
margin-left:1%;
}

.gr_31-60 {
	width:100%;	
	display:inline-block;
	padding:1vw 0;
}

.gr_31-60 ul {
	position:relative;
	display:inline-block;
	list-style:none;
	width:100%;	
}

.gr_31-60 ul li {
position:relative;
width: 32%;
height:68px;
background-image: url(img/ranking/flame_bg.png);
background-size: 100% auto;
background-repeat: no-repeat;
float:left;
margin-left:1%;
}


.gr_61-100{
	width:100%;	
	display:inline-block;
	padding:1vw 0;
	margin-bottom:50px;
}

.gr_61-100 ul {
	position:relative;
	display:inline-block;
	list-style:none;
	width:100%;	
}

.gr_61-100 ul li {
position:relative;
width: 24%;
height:52px;
background-image: url(img/ranking/flame_bg.png);
background-size: 100% auto;
background-repeat: no-repeat;
float:left;
margin-left:1%;
}

.ranking_inner{
	width:960px;
	background: url(img/ranking/ranking_bg.png) repeat 0 center;
	background-repeat:repeat;
	margin:0 auto;
	padding-bottom:50px;
}

.rankings a.prev,
.rankings a.next{
	display: inline-block;
	color: #ffeed6;
	font-size: 16px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	margin: 0 0 28px;
}
.rankings a.prev{
	float: right;
	background: url(img/pager_arw_right.png) no-repeat right center;
	width:50px;
}
.rankings a.next{
	float: left;
	background: url(img/pager_arw_left.png) no-repeat 0 center;
	width:50px;
}
.rankings a.prev:hover,
.rankings a.next:hover{
	text-decoration: none;
}
.rankings a.prev:hover{
	background: url(img/pager_arw_right_on.png) no-repeat right center;
}
.rankings a.next:hover{
	background: url(img/pager_arw_left_on.png) no-repeat 0 center;
}

.rankings .cf_left{
	display: inline-block;
	width:50px;
}

.rankings .cf_right{
	display: inline-block;
	width:50px;
}


.rankings .cf_center{
	display: inline-block;
	color: #ffeed6;
	font-size: 16px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
}

.rankings .cf_center a{
	font-size: 16px;
	color: #ffeed6;
	font-weight: bold;	
}

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

	operation
		
-----------------------------*/
.operation .sec{
	padding: 0 0 50px 0;
}
.operation .sec h3{
	margin: 0 0 25px 0;
}
.operation .sec .sec_in{
	box-sizing: border-box;
	padding: 78px 0 40px;
	background: url(img/bg_ope_box.png) no-repeat center 0;
	background-size: contain;
}
.operation .sec .sec_in .movie{
	width: 500px;
	float: left;
}
.operation .sec .sec_in .movie a{
	display: block;
}
.operation .sec .sec_in .right_box{
	width: 425px;
	float: right;
	text-align: left;
}
.operation .sec .sec_in .right_box dt{
	margin: 0 0 15px 0;
}
.operation .sec .sec_in .right_box dd.txt{
	font-size: 15px;
	color: #ffeed6;
	line-height: 1.5;
}
.operation .sec .sec_in .right_box dd.txt p{
	padding: 0 0 8px;
	font-size: 15px;
}
.operation .sec .slide_wrap{
	width: 100%;
}
.operation .sec .slide_wrap dl{
	width: 270px;
	display: inline-block;
}
.operation .sec .slide_wrap dl dt{
	margin: 0 0 5px 0;
}
.operation .sec .slide_wrap dl dd{
	text-align: left;
}
.operation .sec .slide_wrap dl dd img{
	margin: 0 0 5px 0;
}
.operation .sec .slide_wrap dl dd p{
	font-size: 14px;
	color: #ffeed6;
}

.operation .sec .slide_wrap .bx-wrapper {
	width:100%;
	position: relative;
}
.operation .sec .slide_wrap a.bx-prev,
.operation .sec .slide_wrap a.bx-next{
	display: block;
	width: 23px;
	height: 35px;
	position: absolute;
	top: 50%;
	margin: -18px 0 0;
	text-indent: -9999px;
}
.operation .sec .slide_wrap a.bx-prev {
	left: -41px;
	background: url(img/arw_left.png) no-repeat 0 0;
	background-size: 100% auto;
}
.operation .sec .slide_wrap a.bx-next {
	right: -41px;
	background: url(img/arw_right.png) no-repeat 0 0;
	background-size: 100% auto;
}


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

	sanetu
		
-----------------------------*/
#contents.sanetu .titarea {
	margin: 50px 0 15px;
}
#contents.sanetu .titarea a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
#bread {
	text-align: left;
	margin: 0 0 15px;
}
#bread li {
	display: inline-block;
	position: relative;
	padding: 0 16px 0 0;
}
#bread li:after {
	content: '';
	background: url(img/bread_arrow.png) no-repeat center;
	width: 8px;
	height: 12px;
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
#bread li:last-child {
	padding: 0;
}
#bread li:last-child:after {
	display: none;
}
#bread li a {
	font-size: 14px;
	color: #ffeed6;
}
#mainclum {
	width: 650px;
	float: left;
	margin: 0 0 100px;
}
#sideclum {
	width: 290px;
	float: right;
	margin: 0 0 100px;
}
#bloglistwrap {
	background: #251a14;
	margin: 0 0 40px;
}
#bloglistwrap.nodata {
	text-align: left;
	padding: 20px;
	color: #ffeed6;
}
#bloglistwrap .listbox {
	border-bottom: 1px solid #755533;
}
#bloglistwrap .listbox .boxwrap {
	display: block;
	padding: 20px;
}
#bloglistwrap .listbox .boxwrap:hover {
	background: #382b21;
	text-decoration: none;
}
#bloglistwrap .listbox .boxwrap:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
#bloglistwrap .listbox:last-child {
	border-bottom: 0px;
}
#bloglistwrap .listbox .imgbox {
	float: left;
	width: 230px;
	position: relative;
}
#bloglistwrap .listbox .imgbox img {
	width: 100%;
}
#bloglistwrap .listbox .imgbox .newicon {
	position: absolute;
	top: -5px;
	left: -5px;
	width: 91px;
}
#bloglistwrap .listbox .textarea {
	text-align: left;
	padding: 0px 0 0 253px;
	margin: -3px 0 0;
}
#bloglistwrap .listbox .textarea .atdt {
	margin: 0 0 5px;
	display: block;
}
#bloglistwrap .listbox .textarea .atdt .day {
	font-size: 14px;
	color: #988773;
}
#bloglistwrap .listbox .textarea .atdt .icon {
	color: #f49e21;
	border: 1px solid #f49e21;
	border-radius: 3px;
	line-height: 1;
	padding: 0 8px;
	font-size: 14px;
	margin: 0 0 0 12px;
	vertical-align: middle;
}
#bloglistwrap .listbox .textarea .attit {
	position: relative;
	margin: 0 0 5px;
	font-size: 18px;
	color: #ffeed6;
	text-decoration: none;
	font-weight: 700;
	padding: 0 0 0 12px;
	display: block;
	letter-spacing: 0.05em;
	max-height: 3.4em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
#bloglistwrap .listbox .textarea .attit:after {
	content: '';
	display: block;
	position: absolute;
	height: 85%;
	width: 5px;
	background: #eb2134;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
#bloglistwrap .listbox .textarea .txt {
	font-size: 15px;
	color: #988773;
	line-height: 1.4;
	max-height: 2.8em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
#mainclum .bottomrelation .wrap {
	background: #251a14;
}
#mainclum .bottomrelation .wrap .listbox {
	border-bottom: 1px solid #755533;
}
#mainclum .bottomrelation .wrap .listbox:last-child {
	border-bottom: 0;
}
#mainclum .bottomrelation .wrap .listbox .atbox {
	display: block;
	padding: 18px;
	text-decoration: none;
	text-align: left;
}
#mainclum .bottomrelation .wrap .listbox .atbox:hover {
	background: #3f3220;
}
#mainclum .bottomrelation .wrap .listbox .atbox .imgbox {
	width: 75px;
	height: 75px;
	float: left;
	margin: 0 18px 0 0;
	background-size: cover;
	background-position: center;
}
#mainclum .bottomrelation .wrap .listbox .atbox .txtarea {
	overflow: hidden;
}
#mainclum .bottomrelation .wrap .listbox .atbox .txtarea .title {
	border-left: 6px solid #eb2134;
	font-size: 16px;
	color: #ffeed6;
	line-height: 1.5;
	padding: 0 0 0 10px;
	margin: 0 0 8px;
}
#mainclum .bottomrelation .wrap .listbox .atbox .txtarea .day {
	color: #988773;
	font-size: 14px;
}
#sideclum .newatsidelist .wrap {
	background: #2d2114;
	margin: 0 0 20px;
}
#sideclum .newatsidelist .wrap .listboxwrap {
	border-bottom: 1px solid #625445;
}
#sideclum .newatsidelist .wrap .listboxwrap:last-child {
	border-bottom: 0px;
}
#sideclum .newatsidelist .wrap .listboxwrap .listbox {
	padding: 20px;
	display: block;
}
#sideclum .newatsidelist .wrap .listboxwrap .listbox:hover {
	background: #3f3220;
	text-decoration: none;
}
#sideclum .newatsidelist .wrap .listboxwrap .listbox .imgbox {
	width: 70px;
	height: 70px;
	float: left;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#sideclum .newatsidelist .wrap .listboxwrap .listbox .txt {
	text-align: left;
	font-size: 14px;
	color: #ffeed6;
	padding: 0 0 0 80px;
	line-height: 1.3;
}
#sideclum .newatsidelist .wrap .listboxwrap .listbox .txt .day {
	color: #f49e21;
	margin: -3px 0 3px;
	display: block;
}
#sideclum .newatsidelist .wrap .listboxwrap .listbox .txt p {
	font-size: 14px;
	color: #ffeed6;
	max-height: 3.9em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
#sideclum .rankatsidelist {
	margin: 0 0 20px;
}
#sideclum .rankatsidelist .ranknodata {
	padding: 10px 20px;
	text-align: left;
	color: #ffeed6;
	font-size: 14px;
}
#sideclum .rankatsidelist .wrap {
	background: #2d2114;
}
#sideclum .rankatsidelist .wrap .rankboxwrap {
	border-bottom: 1px solid #625445;
}
#sideclum .rankatsidelist .wrap .rankboxwrap:last-child {
	border-bottom: 0;
}
#sideclum .rankatsidelist .wrap .rankboxwrap .atbox {
	padding: 15px 20px 10px 48px;
	position: relative;
	display: block;
	text-decoration: none;
	text-align: left;
}
#sideclum .rankatsidelist .wrap .rankboxwrap .atbox:after {
	content: '';
	width: 22px;
	height: 22px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 12px;
}
#sideclum .rankatsidelist .wrap .rankboxwrap:nth-child(1) .atbox:after {
	background-image: url(img/side_ranknum01.png);
}
#sideclum .rankatsidelist .wrap .rankboxwrap:nth-child(2) .atbox:after {
	background-image: url(img/side_ranknum02.png);
}
#sideclum .rankatsidelist .wrap .rankboxwrap:nth-child(3) .atbox:after {
	background-image: url(img/side_ranknum03.png);
}
#sideclum .rankatsidelist .wrap .rankboxwrap:nth-child(4) .atbox:after {
	background-image: url(img/side_ranknum04.png);
}
#sideclum .rankatsidelist .wrap .rankboxwrap:nth-child(5) .atbox:after {
	background-image: url(img/side_ranknum05.png);
}
#sideclum .rankatsidelist .wrap .rankboxwrap .atbox:hover {
	background: #3f3220;
}
#sideclum .rankatsidelist .wrap .rankboxwrap .atbox .imgbox {
	margin: 0 0 8px;
}
#sideclum .rankatsidelist .wrap .rankboxwrap .atbox .txt {
	font-size: 14px;
	color: #ffeed6;
	line-height: 1.4;
	height: 2.8em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
#sideclum .rankatsidelist .wrap .rankboxwrap .atbox img {
	max-width: 100%;
}
#sideclum .rankatsidelist .wrap .rankboxwrap .atbox:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
#sideclum .siderecolist {
	margin: 0 0 20px;
}
#sideclum .siderecolist .wrap {
	background: #2d2114;
}
#sideclum .siderecolist .wrap .listboxwrap {
	border-bottom: 1px solid #625445;
}
#sideclum .siderecolist .wrap .listboxwrap:last-child {
	border-bottom: 0;
}
#sideclum .siderecolist .wrap .listboxwrap .listbox {
	text-decoration: none;
	padding: 15px;
	display: block;
}
#sideclum .siderecolist .wrap .listboxwrap .listbox:hover {
	background: #3f3220;
}
#sideclum .siderecolist .wrap .listboxwrap .imgbox {
	float: left;
	width: 72px;
	height: 72px;
	margin: 0 10px 0 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#sideclum .siderecolist .wrap .listboxwrap .textarea {
	overflow: hidden;
	text-align: left;
	line-height: 1;
}
#sideclum .siderecolist .wrap .listboxwrap .textarea .txt {
	font-size: 14px;
	color: #ffeed6;
	line-height: 1.3;
	height: 3.9em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
#sideclum .siderecolist .wrap .listboxwrap .textarea .day {
	color: #988773;
	font-size: 12px;
	margin: 6px 0 0;
	display: inline-block;
}
#sideclum .sideprofwrap .box {
	background: #2d2114;
	padding: 20px;
	border-bottom: 1px solid #625445;
}
#sideclum .sideprofwrap .box:last-child {
	border-bottom: 0;
}
#sideclum .sideprofwrap .box .photdtwrap {
	text-align: left;
	margin: 0 0 10px;
}
#sideclum .sideprofwrap .box .photdtwrap img {
	float: left;
	margin: 0 13px 0 0;
	width: 86px;
}
#sideclum .sideprofwrap .box .photdtwrap .name {
	font-size: 18px;
	font-weight: bold;
	color: #ffeed6;
	display: block;
	margin: 8px 0 3px;
}
#sideclum .sideprofwrap .box .photdtwrap a.btn {
	background: #170800;
	border: 1px solid #ffe7c6;
	font-size: 16px;
	color: #ffe7c6;
	width: 145px;
	display: inline-block;
	line-height: 28px;
	text-align: center;
	border-radius: 15.5px;
	position: relative;
}
#sideclum .sideprofwrap .box .photdtwrap a.btn:hover {
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
#sideclum .sideprofwrap .box .photdtwrap a.btn:after {
	content: '';
	width: 19px;
	height: 19px;
	background: url(img/blogslide_profarrow.png) no-repeat center;
	background-size: 100%;
	position: absolute;
	top: 0px;
	bottom: 0;
	margin: auto;
	right: 5px;
}
#sideclum .sideprofwrap .box .txt {
	font-size: 13px;
	color: #ffeed6;
	line-height: 1.4;
	text-align: left;
}
#sideclum .backtopbtn {
	margin: 0 0 20px;
}
#serch_page {
	height: 580px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	left: 0px;
	right: 0px;
}
#serch_page .pop_box form {
	position: relative;
}
#serch_page input[type="search"], 
#serch_page input[type="text"] {
	float: left;
	width: 806px;
	height: 40px;
	padding: 0 10px;
	font-size: 16px;
	line-height: 40px;
	border: 1px #fff solid;
	border-radius: 6px 0 0 6px;
	outline: none;
	box-sizing: border-box;
	-webkit-transition: border .3s;
	transition: border .3s;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
#serch_page input[type="submit"] {
	position: absolute;
	width: 54px;
	height: 40px;
	top: 0;
	right: 0;
	background: #666 url(img/btn_search.png) no-repeat center center;
	background-size: 30px auto;
	border: none;
	border-radius: 0 6px 6px 0;
	cursor: pointer;
	outline: none;
	box-sizing: border-box;
}
#serch_page .tag_box {
	margin: 20px 0;
	max-height: 330px;
	overflow: auto;
}
#serch_page .tag_box a {
	float: left;
	background: #3a8faf;
	color: #fff;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 4px;
	line-height: 1.5;
	text-decoration: none;
	margin: 0 8px 8px 0;
}
#serch_page .tag_box a:hover {
	background: #256c88;
}
.blogeditwrap {
	background: #251a14;
	margin: 0 0 30px;
}
.blogeditwrap .titlearea {
	padding: 30px 40px 20px;
	border-bottom: 2px solid #755533;
}
.blogeditwrap .titlearea .blogdt {
	margin: 0 0 5px;
}
.blogeditwrap .titlearea .blogdt .dtymd {
	float: left;
}
.blogeditwrap .titlearea .blogdt .dtymd img {
	width: 45px;
	vertical-align: middle;
}
.blogeditwrap .titlearea .blogdt .dtymd .day {
	color: #ffeed6;
	font-size: 14px;
	vertical-align: middle;
	margin: 0 0 0 8px;
}
.blogeditwrap .titlearea .blogdt .dtymd .icon {
	color: #f49e21;
	border: 1px solid #f49e21;
	border-radius: 3px;
	line-height: 1;
	padding: 0 8px;
	font-size: 14px;
	margin: 0 0 0 8px;
	vertical-align: middle;
}
.blogeditwrap .titlearea .blogdt .sns {
	float: right;
}
.blogeditwrap .titlearea .blogdt .sns a {
	width: 38px;
	display: inline-block;
	margin: 0 0 0 5px;
}
.blogeditwrap .titlearea .blogdt .sns a img {
	width: 100%;
}
.blogeditwrap .titlearea .title {
	font-size: 28px;
	color: #ffeed6;
	text-align: left;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 0.05em;
	padding: 0 0 0 24px;
	position: relative;
}
.blogeditwrap .titlearea .title:after {
	content: '';
	position: absolute;
	width: 6px;
	height: 90%;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background: #eb2134;
}
.blogeditwrap .tagslist {
	text-align: left;
	padding: 0;
	margin: 20px 0 0;
}
.blogeditwrap .tagslist li {
	float: left;
	margin: 0 8px 8px 0;
	list-style: none;
}
.blogeditwrap .tagslist li a {
	background: #3a8faf;
	color: #fff;
	font-size: 14px;
	padding: 5px 10px;
	display: block;
	border-radius: 4px;
	line-height: 1.5;
	text-decoration: none;
}
.blogeditwrap .tagslist li a:hover {
	background: #256c88;
}
#mainclum .dtpager {
	margin: 0 0 25px;
}
.dtpager .dtprevbox {
	float: left;
	width: 170px;
}
.dtpager .dtnextbox {
	float: right;
	width: 170px;
}
.dtpager a:hover {
	text-decoration: none;
}
.dtpager .titimg {
	margin: 0 0 15px;
}
.dtpager .imgbox {
	width: 170px;
	height: 90px;
	display: block;
	margin: 0 0 10px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.dtpager .txt {
	font-size: 14px;
	color: #ffeed6;
	text-align: left;
	max-height: 5.1em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

/* =  first popup
--------------------------------------------------- */
.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
	display: none;
	cursor: pointer;
	background: #000;
}
.layer_board {
	display: none;
	position: fixed;
	left: 50%;
	margin: 0px 0px 0px -400px;
	text-align: center;
	z-index: 9999;
}
.layer_board .btn_close{
	position: absolute;
	right: 30px;
	bottom: 30px;
}


/* =  audio_button
--------------------------------------------------- */
.audio_button{
	float: left;
}
.audio_button.top{
	margin: 20px 0 0;
}
.audio_button .tit{
	margin: 0 12px 0 0;
}
.btn_play,
.btn_pause{
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	outline: none;
	border:none;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.btn_play{
	background: url(img/bgm_on01.png) no-repeat 0 0;
	background-size: contain;
	margin: 0 5px 0 0;
}
.btn_play:hover,
.btn_play.active{
	background: url(img/bgm_on02.png) no-repeat 0 0;
	background-size: contain;
}
.btn_pause{
	background: url(img/bgm_off01.png) no-repeat 0 0;
	background-size: contain;
}
.btn_pause:hover{
	background: url(img/bgm_off02.png) no-repeat 0 0;
	background-size: contain;
}


/* =  notfound404page
--------------------------------------------------- */
#notfound404page {
	padding: 50px 0;
}
#notfound404page .foundtit {
	margin: 0 0 40px;
}
#notfound404page .foundtit {
	margin: 0 0 40px;
}
#notfound404page .news .news_box .tit {
	text-decoration: none;
	text-align: center;
}
#notfound404page .news .news_box .tit {
	text-decoration: none;
	text-align: center;
	border-bottom: 0;
	font-size: 26px;
	padding: 0;
	margin: 0;
}
#notfound404page .news .news_box .titunderspl {
	text-align: center;
	font-size: 3.8vw;
	font-weight: bold;
	color: #a58d84;
	margin: 0 0 2.4vw;
}
#notfound404page .foundtxt {
	text-align: center;
}
#notfound404page .foundtxt .txt {
	font-size: 14px;
}
#notfound404page .foundtxt .btn {
	border-top: 2px solid #948a54;
	padding: 12px;
	background: #000000;
	border-bottom: 2px solid #948a54;
	display: inline-block;
	font-size: 14px;
	color: #ffe8c8;
	font-weight: bold;
	margin: 25px 0 5px;
}
#notfound404page .foundtxt .btn:hover {
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}


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

	information

-----------------------------*/
#contents.information .titarea {
	margin: 50px 0 30px;
}
#contents.information .titarea a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
#inforlistwrap {
	background: #251a14;
	margin: 0 0 40px;
}
#inforlistwrap .item {
	padding: 20px;
	border-bottom: 2px solid #755533;
}
#inforlistwrap .item:last-child {
	border-bottom: 0;
}
#mainclum .searchtitband {
	background: #251a14;
	font-size: 18px;
	color: #baaa98;
	border-left: 6px solid #5f3f1e;
	padding: 13px 13px 13px 20px;
	text-align: left;
	margin: 0 0 25px;
}
#mainclum .searchtitband .stit {
	color: #ffeed6;
	font-weight: bold;
	display: inline-block;
	margin: 0 5px 0 0;
}
#inforlistwrap .item .stagewrap .imgbox {
	float: left;
	width: 280px;
	margin: 0 20px 0 0;
	position: relative;
}
#inforlistwrap .item .stagewrap .imgbox img {
	width: 100%;
}
#inforlistwrap .item .stagewrap .imgbox img.newicon {
	position: absolute;
	width: 91px;
	top: -5px;
	left: -5px;
}
#inforlistwrap .item .stagewrap .dttxtarea {
	overflow: hidden;
	text-align: left;
}
#inforlistwrap .item .stagewrap .dttxtarea .upper {
	margin: 0 0 8px;
}
#inforlistwrap .item .stagewrap .dttxtarea .upper .databox {
	float: left;
}
#inforlistwrap .item .stagewrap .dttxtarea .upper .databox .day {
	font-size: 14px;
	color: #ffeed6;
	margin: 0 0 3px;
	display: block;
}
#inforlistwrap .item .stagewrap .dttxtarea .upper .databox .cate {
	font-size: 14px;
	color: #f49e21;
	display: block;
	border: 1px solid #f49e21;
	line-height: 1;
	padding: 3px 8px;
	border-radius: 3px;
	text-align: center;
}
#inforlistwrap .item .stagewrap .dttxtarea .upper .sns a {
	width: 40px;
	float: right;
	margin: 0 0 0 5px;
}
#inforlistwrap .item .stagewrap .dttxtarea .upper .sns a img {
	width: 100%;
}
#inforlistwrap .item .stagewrap .dttxtarea .titlarea {
	font-size: 24px;
	color: #ffeed6;
	font-weight: bold;
	line-height: 1.4;
	padding: 0 0 0 15px;
	position: relative;
}
#inforlistwrap .item .stagewrap .dttxtarea .titlarea:after {
	content: '';
	width: 5px;
	height: 90%;
	display: block;
	background: #eb2134;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
#inforlistwrap .item.first {
	padding: 20px 40px;
}
#inforlistwrap .item.first .stagewrap .upper {
	margin: 0 0 8px;
}
#inforlistwrap .item.first .stagewrap .upper .databox {
	float: left;
	padding: 5px 0 0;
}
#inforlistwrap .item.first .stagewrap .upper .databox .day {
	font-size: 14px;
	color: #ffeed6;
	display: inline-block;
	margin: 0 13px 0 0;
}
#inforlistwrap .item.first .stagewrap .upper .databox .cate {
	font-size: 14px;
	color: #f49e21;
	border: 1px solid #f49e21;
	padding: 2px 8px;
	border-radius: 3px;
}
#inforlistwrap .item.first .stagewrap .imgbox {
	width: 100%;
	float: none;
	margin: 0 0 13px;
}
#inforlistwrap .item.first .stagewrap .titlarea {
	font-size: 28px;
}
#inforlistwrap .item.first .stagewrap .upper .sns a {
	width: 38px;
	float: right;
	margin: 0 0 0 5px;
}
#inforlistwrap .item.first .stagewrap .upper .sns a img {
	width: 100%;
}
#inforlistwrap .tagslist li {
	float: left;
	margin: 0 8px 8px 0;
}
#inforlistwrap .tagslist {
	margin: 15px 0 0;
}
#inforlistwrap .tagslist li a {
	float: left;
	background: #3a8faf;
	color: #fff;
	font-size: 12px;
	padding: 5px 8px;
	border-radius: 4px;
	display: block;
}
#inforlistwrap .tagslist li a:hover {
	background: #256c88;
	text-decoration: none;
}
#sideclum .sidecatelist {
	margin: 0 0 20px;
}
#sideclum .sidecatelist ul li {
	border-bottom: 1px solid #5f5242;
}
#sideclum .sidecatelist ul li:last-child {
	border-bottom: 0px;
}
#sideclum .sidecatelist ul li a.arrowbtn {
	font-size: 16px;
	color: #ffeed6;
	background: #3a2816;
	display: block;
	padding: 6px 35px 6px 20px;
	text-align: left;
	position: relative;
}
#sideclum .sidecatelist ul li a.arrowbtn:hover {
	background: #3f3220;
}
#sideclum .sidecatelist ul li a.arrowbtn:after {
	content: '';
	width: 19px;
	height: 19px;
	background: url(img/blogslide_profarrow.png) no-repeat center;
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	right: 13px;
	margin: auto;
	-moz-transition: -moz-transform .2s linear;
	-webkit-transition: -webkit-transform .2s linear;
	-o-transition: -o-transform .2s linear;
	-ms-transition: -ms-transform .2s linear; 
	transition: transform .2s linear; 
}
#sideclum .sidecatelist ul li a.arrowbtn.active:after {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
#sideclum .sidecatelist ul li a:hover {
	text-decoration: none;
}
#sideclum .recoatsidelist {
	margin: 0 0 20px;
}
#sideclum .recoatsidelist .wrap {
	background: #2d2114;
}
#sideclum .recoatsidelist .wrap .listboxwrap {
	border-bottom: 1px solid #625445;
	padding: 15px;
}
#sideclum .recoatsidelist .wrap .listboxwrap:last-child {
	border-bottom: 0px;
}
#sideclum .recoatsidelist .wrap .listboxwrap .imgbox {
	margin: 0 0 6px;
	display: block;
}
#sideclum .recoatsidelist .wrap .listboxwrap .imgbox img {
	width: 100%;
}
#sideclum .recoatsidelist .wrap .listboxwrap .txt {
	font-size: 14px;
	color: #ffeed6;
	text-align: left;
}
#sideclum .sidebnrlist {
	margin: 0 0 20px;
}
#sideclum .sidebnrlist .bnrbox {
	display: block;
	margin: 0 0 15px;
}
.sidecatelist .slidechild {
	background: #1b120c;
}
.sidecatelist .slidechild .listboxwrap {
	border-top: 1px solid #625445;
}
.sidecatelist .slidechild .listboxwrap .listbox {
	text-decoration: none;
	padding: 10px 15px;
	display: block;
}
.sidecatelist .slidechild .listboxwrap .listbox:hover {
	background: #382b21;
}
.sidecatelist .slidechild .listboxwrap .imgbox {
	float: left;
	width: 72px;
	height: 72px;
	margin: 0 10px 0 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.sidecatelist .slidechild .listboxwrap .textarea {
	overflow: hidden;
	text-align: left;
	line-height: 1;
}
.sidecatelist .slidechild .listboxwrap .textarea .txt {
	font-size: 12px;
	color: #ffeed6;
	line-height: 1.3;
	height: 1.3em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.sidecatelist .slidechild .listboxwrap .textarea .day {
	color: #988773;
	font-size: 12px;
	margin: 6px 0 0;
	display: inline-block;
}
.sidecatelist .slideinforchild {
	background: #1b120c;
}
.sidecatelist .slideinforchild .listboxwrap {
	border-top: 1px solid #625445;
}
.sidecatelist .slideinforchild .listboxwrap .imgbox {
	margin: 0 0 6px;
	display: block;
}
.sidecatelist .slideinforchild .listboxwrap .imgbox img {
	width: 100%;
}
.sidecatelist .slideinforchild .listboxwrap .txt a {
	color: #ffeed6;
	font-size: 12px;
	line-height: 1.4;
	padding: 10px 15px;
	display: block;
	text-align: left;
}
.sidecatelist .slideinforchild .listboxwrap .txt a .cover {
	line-height: 1.3;
	height: 1.3em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.sidecatelist .slideinforchild .listboxwrap .txt a:hover {
	background: #382b21;
}

#sec02{
	background: url(img/top_bg01.png) no-repeat center 0;
		background-size: contain;
	margin-bottom: 20px;
}

#sec02 .sec_in{
	background-size: 960px auto;
	margin-top:-10px;
}

#sec02 .sec_in img{
	width:56%;
}

#sec02 ul {
  font-size: 0;
  text-align: center;
}

#sec02 li {
  display: inline-block;
  padding: 20px 10px;
}

#sec03{
	background: url(img/bg03.png) no-repeat center 0;
	background-size: contain;
	padding: 104px 0 10px;
}
#sec03 dl dt.posi{
	margin: 0 0 30px;
}
#sec03 dl dd .posi{
	margin: 0 0 37px;
}

#sec04{
	background: url(img/top_bg04.png) no-repeat center 0;
	background-size: contain;
	padding: 10px 0 40px;
	margin-top:70px;
}
#sec04 dl dt{
	margin: 0 0 42px;
}
#sec04 dl dd .left_box{
	width: 390px;
	float: left;
	text-align: left;
}
#sec04 dl dd .posit{
	margin: 0 0 28px;
}
#sec04 dl dd .youtube{
	float: right;
	width: 530px;
	height: 300px;
}
#sec05{
	background: url(img/top_bg05.png) no-repeat center 0;
	background-size: contain;
	padding: 10px 0 0;
	height:661px;
}
#sec05 dl dt{
	margin: 0 0 45px;
}
#sec05 dd{
	margin: 0 0 45px;
}
#sec05 dd .tab li {
	float: left;
}
#sec05 dd .tab li a {
	display: block;
	width: 168px;
	height: 79px;
	margin: 0 10px 0 0;
}
#sec05 dd .tab li.cat01 a{
	background: url(img/top_chara_cat01_off.png) no-repeat 0 0;
	background-size: contain;
}
#sec05 dd .tab li.cat02 a{
	background: url(img/top_chara_cat02_off.png) no-repeat 0 0;
	background-size: contain;
}
#sec05 dd .tab li.cat03 a{
	background: url(img/top_chara_cat03_off.png) no-repeat 0 0;
	background-size: contain;
}
#sec05 dd .tab li.cat04 a{
	background: url(img/top_chara_cat04_off.png) no-repeat 0 0;
	background-size: contain;
}
#sec05 dd .tab li.cat05 a{
	background: url(img/top_chara_cat05_off.png) no-repeat 0 0;
	background-size: contain;
}
#sec05 dd .tab li.cat01 a:hover,
#sec05 dd .tab li.cat01 a.active{
	background: url(img/top_chara_cat01_on.png) no-repeat 0 0;
	background-size: contain;
}
#sec05 dd .tab li.cat02 a:hover,
#sec05 dd .tab li.cat02 a.active{
	background: url(img/top_chara_cat02_on.png) no-repeat 0 0;
	background-size: contain;
}
#sec05 dd .tab li.cat03 a:hover,
#sec05 dd .tab li.cat03 a.active{
	background: url(img/top_chara_cat03_on.png) no-repeat 0 0;
	background-size: contain;
}
#sec05 dd .tab li.cat04 a:hover,
#sec05 dd .tab li.cat04 a.active{
	background: url(img/top_chara_cat04_on.png) no-repeat 0 0;
	background-size: contain;
}
#sec05 dd .tab li.cat05 a:hover,
#sec05 dd .tab li.cat05 a.active{
	background: url(img/top_chara_cat05_on.png) no-repeat 0 0;
	background-size: contain;
}
#sec05 dd #tab_wrap {
	width: 960px;
	margin: 0 auto;
	background: url(img/top_bg_chara.png) repeat 0 0;
}
#sec05 dd .tab_box {
	display: none;
	padding: 50px 24px 41px;
}
#sec05 dd .tab_box.yami {
	padding: 50px 0 41px;
	background-color:rgba(000,000,000,0.75);
}
#sec05 dd .tab_box ul{
	padding: 24px 0 0;
}
#sec05 dd .tab_box ul li{
	display: inline-block;
	float: left;
	margin: 0 13px 0 0;
}
#sec05 dd .tab_box.yami ul li{
	float: none;
	margin: 0;
}
#sec05 dd .tab_box ul li:last-child{
	margin: 0;
}

#t_widget{
	margin: 0 0;
}

#top-info{
	margin: 0 0;
}

#top-info .info_in{
	background-size: contain;
	background-color:rgba(76,41,46,0.5);
}

#top-info .infoText {
	height:230px;
	text-align:left;
	overflow:hidden;
}

#top-info .infoText li {
	border-bottom:1px solid #ffe7c6;	
}

#top-info .infoText li:last-child{
	border-bottom:none;	
}


#top-info .infoText li a{
}

#top-info .infoText a{
	display:block;
	position:relative;
	padding:0.9vw 1.5vw 0.5vw;
	text-decoration:none;
	line-height:2.0;
}

#top-info .infoText a:link { color: #ffe7c6; }
#top-info .infoText a:visited { color: #ffe7c6; }
#top-info .infoText a:hover { color: #fef27f; }
#top-info .infoText a:active { color: #ffe7c6; }

#top-info .infoText p{
	font-size:16px;
	line-height:1.6em;
}

#top-info .infoText .info_time{
	font-size:12px;
	padding-bottom:3px;
}

.info_end {
	font-size:16px;
	text-align:right;
	margin:5px 0 25px 0;
}

.info_end a{
	text-decoration: none;
}

#top-info .info_end a:link { color: #ffe7c6; }
#top-info .info_end a:visited { color: #ffe7c6; }
#top-info .info_end a:hover { color: #fef27f; }
#top-info .info_end a:active { color: #ffe7c6; }

#top-info img {
	margin-bottom:10px;	
}

.info_new{
	background:#df7401;
	padding:1px 8px 1px;
	color:#fff;
	margin:0 8px 0 0;
	font-size:15px;
}

#top-event {
	margin:0 0;
}

#top-event img{
	width:100%;
	margin:0 0;
}

.top .left_box1{
	float:left;
	width:500px;
}

.top .end_text{
text-align:left;
font-size:20px;
}

.top .end_text a:link{
/*color: #ffe7c6;*/
color: #ff0000;
}

.top .end_text a:hover{
color: #ff0000;
}

.top .end_text a:visited{
color: #ff0000;
}


.top .left_box2{
	float: left;
	width: 500px;
	height:730px;
	margin-top:50px;
	display:table;
	overflow:hidden;
}

.top .left_box2 img{
	width:100%;
}

.top .right_box2{
	float: right;
	width: 440px;
	height:730px;
	background-color:rgba(76,41,46,0.5);
	margin-top:50px;
	display:table-cell;
	overflow:hidden;
}

.top .right_box2 img {
	width:100%;	
}

.top .youtube2 img{
	margin-bottom:10px;
}

.pc_ability_skill {
	position:relative;
	padding-left:4.2vw;
	top:20px;
}

.pc_ability_skill img{
	width:100%;
	padding-bottom:50px;
}

li .chara_detail img {
	width:100%;	
}

.bx-viewport {
	height:960px;
	top:20px;
}

.an_sane_link{
	position:absolute;
	display:block;
	z-index:9999;
	width:200px
}

.an_link {
	float:left;
	width:35%;
	margin-right:7px;
}

.an_link a{
	display:inline-block;
}
	
.sane_link {
	float:left;
	width:35%;
	display:block;
}

.sane_link a{
	display: inline-block;
}

ol.timeline-TweetList{
	color:white !important;	
}