@charset "shift_jis";
/* CSS Document */

#contents {
	max-width: 980px;
	width:100%;
	margin: 0 auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#contents .bxslider_box {
width: 100%;
}
#contents .bxslider {
	overflow:hidden;
}
#contents .bxslider img {
  width:100%;
  height:auto;
}


#contents .index_ttl {
background: rgba(32,149,14,1);
background: -moz-linear-gradient(top, rgba(32,149,14,1) 0%, rgba(35,171,14,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(32,149,14,1)), color-stop(100%, rgba(35,171,14,1)));
background: -webkit-linear-gradient(top, rgba(32,149,14,1) 0%, rgba(35,171,14,1) 100%);
background: -o-linear-gradient(top, rgba(32,149,14,1) 0%, rgba(35,171,14,1) 100%);
background: -ms-linear-gradient(top, rgba(32,149,14,1) 0%, rgba(35,171,14,1) 100%);
background: linear-gradient(to bottom, rgba(32,149,14,1) 0%, rgba(35,171,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20950e', endColorstr='#23ab0e', GradientType=0 );
text-align: center;
}
#contents .index_ttl img.ttl {
display: block;
margin: 0 auto;
}
#contents .index_ttl img.ttlicon_roulette {
display: block;
float: left;
}
#contents .index_ttl img.ttlicon_koma {
display: block;
float: right;
}

#contents .btn_recommend {
  display: block;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
  width: 863px;
}
#contents .btn_recommend:hover {
opacity: 0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


#contents .whatsnew_box {
float: left;
width: 48%;
margin-bottom:20px;
}
#contents .whatsnew_box .whatsnew_inbox {
  border: solid 5px #23AC0E;
  border-top: none;
  padding: 10px;
  height : 305px;
  overflow-y: scroll;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#contents .whatsnew_box .whatsnew_inbox a {
border-bottom:  solid 1px #B3B3B3;
padding-bottom: 5px;
margin-bottom: 5px;
	font-size:13px;
	line-height:1.2;
	color:#333;
	text-decoration:none;
	display:block;
  overflow: hidden;
}
#contents .whatsnew_box .whatsnew_inbox a:last-child {
border-bottom:  none;
padding-bottom: 0;
margin-bottom: 0;
}
#contents .whatsnew_box .whatsnew_inbox a:hover {
opacity: 0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#contents .whatsnew_box .whatsnew_inbox a img {
display: block;
float: left;
margin-right: 15px;
}
#contents .whatsnew_box .whatsnew_inbox a .text_box {
display: block;
float: left;
width: calc(100% - 95px);
}
#contents .whatsnew_box .whatsnew_inbox a .text_box em {
	color:#23ac0e;
	margin-right: 1em;
	display:inline-block;
/*float: left;*/
padding-top: 3px ;
margin-top: 3px;
font-weight: bold;
}
#contents .whatsnew_box .whatsnew_inbox a .text_box .text_inbox {
	display:block;
/*float: left;*/
}
#contents .whatsnew_box .whatsnew_inbox a .text_box strong {
display: inline-block;
color:#fff;
background: #23ac0e;
font-size: 12px;
padding: 3px 5px 2px;
margin-bottom: 5px;
   -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#contents .whatsnew_box .whatsnew_inbox a .text_box strong.products {
background: #FC7402;
}
#contents .whatsnew_box .whatsnew_inbox a .text_box strong.event {
background: #E9589B;
}
#contents .whatsnew_box .whatsnew_inbox a .text_box strong.entame {
background: #1EC177;
}
#contents .whatsnew_box .whatsnew_inbox a .text_box strong.other {
background: #8757A8;
}
#contents .whatsnew_box .whatsnew_inbox a .text_box strong.game {
background: #f01818;
}



#contents .twitter_box {
float: right;
width: 48%;
margin-bottom:20px;
  border-bottom: solid 5px #23AC0E;
}

#contents .twitter_box .index_ttl {
height: 40px;
position: relative;
}
#contents .twitter_box .index_ttl>* {
position: absolute;
width: 300px;
top: -11px;
left: 0;
right: 0;
margin: auto;
height: 62px;
background: url("../images/index/twitter_icon.png") right center no-repeat;
}
#contents .twitter_box .index_ttl>* img {
margin-top: 11px;
display: block;
}



#contents .twitter_box .twitter_inbox {
  border: solid 5px #23AC0E;
border-bottom: none;
  border-top: none;
  height : 300px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
overflow: hidden;
}
#contents .twitter_box .btn_twitter{
display: block;
max-width: 279px;
width: 80%;
margin: 0 auto;
}
#contents .twitter_box .btn_twitter:hover {
opacity: 0.70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}



#contents .recommend_box {
float: right;
width: 230px;
}
#contents .recommend_box img {
display: block;
}

#contents .recommend_box .recommend_each {
float: right;
width: 230px;
margin-bottom: 20px;
}
#contents .recommend_box .recommend_each .inbox {
border:  solid 5px #23AC0E;
border-top: none;
}
#contents .recommend_box .recommend_each a:hover {
opacity: 0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}



#contents .ct_inbox {
	width:750px;
	float:left;
  margin: 30px -20px 30px 0;
}
#contents .ct_inbox .index_ttl {
  margin:0 20px 20px 0;
}

#contents .ct_inbox .btn_link {
	display:block;
	margin:0 20px 20px 0;
	padding:5px 5px 0;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
#contents .ct_inbox a.btn_link:hover img {
	opacity: 0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#contents .ct_inbox .btn_link img {
	display:block;
}
#contents .ct_inbox .btn_link span {
	display:block;
	text-align:center;
	height:20px;
	padding:3px 0 2px;
	
  -webkit-box-sizing:content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#contents .ct_inbox .btn_link.width_m {
  width:470px;
	
  -webkit-box-sizing:content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#contents .ct_inbox .btn_link.width_s {
  width:220px;
	
  -webkit-box-sizing:content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#contents .ct_inbox .btn_link.float_l {
  float:left;
}

#contents .ct_inbox .left {
	float:left;
}
#contents .ct_inbox .right {
	float:left;
}
#contents .ct_inbox .btn_link.products {
	background:#FC7402;
}
#contents .ct_inbox .btn_link.campaign {
	background:#E9589B;
}
#contents .ct_inbox .btn_link.entame {
	background:#1EC177;
}
#contents .ct_inbox .btn_link.other {
	background:#8757A8;
}
#contents .ct_inbox .btn_link.game {
	background:#f01818;
}

#contents .movie_box {
  margin: 30px 0;
	width:230px;
	float:right;
}
#contents .movie_box .index_ttl {
  margin:0 0 20px 0;
}
#contents .movie_box a,
#contents .movie_box>div {
	display:block;
	margin-bottom:20px;
  color:#000;
  font-size: 13px;
  text-decoration: none;
}
#contents .movie_box a img {
	display:block;
  margin-bottom: 5px;
}
#contents .movie_box a:hover {
	opacity: 0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


#contents .bnr_box {
width: 100%;
clear: both;
margin: 50px 0;
}
#contents .bnr_box .index_ttl {
margin-bottom: 15px;
}
#contents .bnr_box .bnr_inbox {

display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;

justify-content: space-around;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
-ms-justify-content: space-around;

-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#contents .bnr_box .bnr_inbox a {
display: block;
margin: 0 15px 15px;
}
#contents .bnr_box .bnr_inbox a:hover {
opacity: 0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

#contents .box_326 {
width: 100%;
clear: both;
margin: 30px 0 50px;

display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;

justify-content: space-around;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
-ms-justify-content: space-around;

-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#contents .box_326 img {
display: block;
}




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

#contents .pdf_220729 {
display: block;
text-align: center;
padding: 8px 10px 6px;
font-size: 16px;
background: #FFFFCB;
border: solid 3px #f33;
color:#f00;
text-decoration: none;
margin: 0 auto 10px;
font-weight: bold;

transition: 0.3s;
}
#contents .pdf_220729:hover {
background: #f66;
border: solid 3px #f66;
color:#fff;
}