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


#contents {
	max-width: 639px;
}

#contents .bxslider_box {
width: 100%;
float: none;
}
#contents .btn_recommend {
width: 70%;
max-width: 526px;
}

#contents .whatsnew_box {
clear: both;
	width:100%;
	padding: 0 10px;
  
	display:  block;
	margin: 0 auto 20px;
  float:none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#contents .whatsnew_box .whatsnew_inbox {
height :auto;
overflow-y: auto;
}
#contents .whatsnew_box .whatsnew_inbox a img {
display: none;
float: none;
margin:0 0 10px;
}
#contents .whatsnew_box .whatsnew_inbox a .text_box {
width: 100%;
float: none;
}
#contents .whatsnew_box .whatsnew_inbox a .text_box .text_inbox {
float: none;
margin-left: 85px;
}

#contents .twitter_box {
clear: both;
	width:100%;
	padding: 0 10px;
  
	display:  block;
	margin: 0 auto 20px;
  float:none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}




#contents .recommend_box {
float: none;
	width:100%;
	padding: 0 10px;
margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

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;
}
#contents .recommend_box .recommend_each {
float: none;
max-width: 230px;
width: 48%;
}
#contents .recommend_box .recommend_each .inbox img {
width: 100%;
height: auto;
}

@media (max-width:479px){
#contents .recommend_box .index_ttl img.ttlicon_roulette,
#contents .recommend_box .index_ttl img.ttlicon_koma {
display: none;
}

/* /max-width:479px */}


#contents .ct_inbox {
	width:100%;
	padding: 0 10px;
	margin-right:0;
	float:none;
	
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#contents .ct_inbox .index_ttl {
  margin:0 0 10px 0;
}

#contents .ct_inbox .left,
#contents .ct_inbox .right {
	float:none;
	width:100%;
	max-width:480px;
	margin: 0 auto;
}
#contents .ct_inbox .btn_link {
	margin:0 0 20px 0;
	padding:5px 5px 0;
	font-size:13px;
}
#contents .ct_inbox .btn_link img {
	width:100%;
	height:auto;
}
#contents .ct_inbox .right{
	overflow:hidden;
}
#contents .ct_inbox .right .btn_link {
	float:left;
	width:48%;

	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#contents .ct_inbox .btn_link.float_l {
  float:none;
  margin-right:auto;
  margin-left:auto;
}
#contents .ct_inbox .btn_link.width_m {
  max-width:470px;
  width:100%;
}
/*#contents .ct_inbox .btn_link.width_s {
  max-width:220px;
  width:47%;
  float: left;
}
#contents .ct_inbox .btn_link.width_s:nth-of-type(2n+1) {
  float: right;
}*/

#contents .ct_inbox .right .btn_link:nth-of-type(2n) {
	float:right;
}

#contents .movie_box {
	max-width:480px;
	margin: 0 auto 30px;
	float:none;
	width:100%;
	padding: 0 10px;
	
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#contents .movie_box a,
#contents .movie_box>div {
	float:left;
	width:48%;
}
#contents .movie_box a:nth-of-type(2n),
#contents .movie_box>div:nth-of-type(2n) {
	float:right;
}
#contents .movie_box a img {
	width:100%;
	height:auto;
}
@media (max-width:479px){
	
#contents .ct_inbox .btn_link {
	padding:3px 3px 0;
}
#contents .ct_inbox .btn_link {
	margin:0 0 10px 0;
}
}

#contents .bnr_box {
	width:100%;
	padding: 0 10px;
  
	display:  block;
	margin: 0 auto 20px;
	
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



#contents .bnr_box .bnr_inbox a {
display: block;
margin: 0 10px 10px;
}
#contents .bnr_box .bnr_inbox a img {
width: 130px;
height: auto;
}

#contents .box_326 {
display: block;
}
#contents .box_326 img:nth-child(1) {
width: 90%;
height: auto;
margin:  0 auto 10px;
max-width: 573px;
}
#contents .box_326 a:nth-child(2) img {
width: 70%;
height: auto;
margin:  0 auto;
max-width: 379px;
}



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

#contents .pdf_220729 {
font-size: 14px;
}