@charset "utf-8";

/* common
---------------------------------------------------- */
.ja img{ vertical-align:bottom;}
.ja_article_box br:first-child { display: none;} /* 最初の改行削除 */
.ja .ja_article_box img{ vertical-align: baseline;}

/* pc
---------------------------------------------------- */
@media screen and (min-width: 769px) {
/* device */
.ja_sp{ display:none;}

/* hover */
.ja a:hover{
	filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity:0.7;
}

/* tit-size */
.ja_article h4,
.ja_link h4 a{
	padding:10px 12px 11px;
	font-size:18px;
	line-height:1;
}

/* main ---------------*/
.ja_main{
	position:relative;
	width:100%;
	margin-bottom:24px;
}
.ja_main img{width:100%;}
.ja_main ul{
	overflow:hidden;
	width:100%;
}
.ja_main ul li{
	float:left;
	width:25%;
}
.ja_main ul li a{
	display:block;
	margin-right:1px;
}

/* bnr ---------------*/
.ja_bnr{
	text-align:center;
	margin-bottom:24px;
}

/* article & link ---------------*/
.ja_article,
.ja_link{
	width:748px;
	margin:0 auto 24px;
}
.ja_article_box{
	padding-top:10px;
	padding-bottom:5px;
}

/* tit */
.ja_article h4,
.ja_link h4{
	background:url(../img/pc/tit.png) #0c276b right bottom no-repeat;
	background-size: 100% auto;
	color:#ffffff;
}
.ja_article h4 span,
.ja_link h4 span{
	color:#ef5058;
	font-style:italic;
}

/* accordion open */
.ja_article.or_accordion h4{
	background:url(../img/pc/tit_open.png) #0c276b right bottom no-repeat;
	background-size: 100% auto;
	cursor:pointer;
}

/* accordion close */
.ja_article.or_accordion h4.or_accOpen{
	background:url(../img/pc/tit_close.png) #0c276b right bottom no-repeat;
	background-size: 100% auto;
}

/* more */
.ja_article_box .next{
	width:100%;
	float:none;
}
.ja_article_box .next a{
	background:url(../img/pc/tit_more.png) #0c276b right no-repeat!important;
	color:#fff !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
	text-align:right;
	font-weight:bold !important;
	font-size:12px !important;
	padding: 5px 20px !important;
}
.geki_contentitem .player-news{
	padding-left:0;
}


}




/* tablet ～
---------------------------------------------------- */
@media screen and (max-width: 768px) {
/* margin-size */
.geki_contentitem,
.geki_contentitem .player-news{ padding:0 !important;}
.geki_contentitem .player-news.cf{ overflow:inherit;}
.ja{ padding-bottom:4%;}

/* tit-size */
.ja_article h4,
.ja_link h4 a{
	padding: 3.4% 2.4% 3.8%;
	font-size: 15px;
	line-height: 1;
}

/* anchor */
.ja_anchor{
	padding-top:45px;
	margin-top:-45px;
}

/* device */
.ja_pc{ display:none;}


/* main ---------------*/
.ja_main img{ width:100%;}
.ja_main ul{
	overflow:hidden;
	border-top:1px solid #353535;
}
.ja_main ul li{
	float:left;
	width:25%;
}
.ja_main ul li a{
	display:block;
	border-right:1px solid #353535;
}
.ja_main ul li:last-child a{ border:none;}


/* bnr ---------------*/
.ja_bnr{
	padding: 0 2%;
	margin: 3% 0;
	text-align:center;
}


/* article & link ---------------*/
.ja_article,
.ja_link{ width:100%;}
.ja_article_box{
	padding:2% 2% 4%;
}

/* tit */
.ja_article h4,
.ja_link h4{
	background:url(../img/sp/tit.png) #0c276b right bottom no-repeat;
	background-size: 100% auto;
	color:#ffffff;
}
.ja_article h4 span,
.ja_link h4 span{
	color:#dbff1c;
	font-style:italic;
}

/* link */
.ja_link h4{
	background:url(../img/sp/tit_link.png) #0c276b right bottom no-repeat;
	background-size: 100% auto;
}
.ja_link h4 a{
	color:#ffffff !important;
	display:block;
	width:100%;
}

/* accordion open */
.ja_article.or_accordion h4{
	background:url(../img/sp/tit_open.png) #0c276b right bottom no-repeat;
	background-size: 100% auto;
	cursor:pointer;
}
/* accordion close */
.ja_article.or_accordion h4.or_accOpen{
	background:url(../img/sp/tit_close.png) #0c276b right bottom no-repeat;
	background-size: 100% auto;
}

/* more */
.ja_article_box .next{
	width:104% !important;
	float:none !important;
	margin-left:-2%;
}
.ja_article_box .next a{
	background:url(../img/sp/tit_more.png) #0c276b right bottom no-repeat!important;
	color:#fff !important;
	text-align: center;
	font-weight:bold !important;
	font-size:12px !important;
	padding: 2% 0% !important;
	border:none !important;
}
	

}



/* SmartPhone ～
---------------------------------------------------- */
@media screen and (max-width: 479px) {}




/* accordion
---------------------------------------------------- */
.or_accClose{ display:none;}