#main_wrapper{width:980px; height:1250px; float:left;}

#box{width:810px; height:auto; float:left;}

#box1{width:810px; height:auto; float:left;}
.box1_wrapper{width:800px; height:auto; margin-left:10px; float:left; }
.box1_title{width:800px; height:auto; margin-top:10px; margin-bottom:10px; float:left;}
.box1_mainpic{width:550px; height:250px; float:left;}
.box1_mainpic img{width:550px; height:250px;}
.box1_info{width:226px; height:215px; margin-left:10px; border:solid 2px #dcdcdc; float:left;}
.box1_number{width:50px; height:50px; margin-top:10px; margin-left:10px; float:left;}
.box1_number img{width:50px; height:50px;}
.box1_name{width:auto; height:auto; margin-top:15px; margin-left:15px; font-size:24px; float:left;}
.box1_commenttitle{width:206px; height:20px; margin-top:15px; margin-left:10px; float:left;}
.box1_commenttitle img{width:206px; height:20px;}
.box1_comment{width:206px; height:auto; margin-top:10px; margin-left:10px; float:left;}
.box1_membtnbox{width:230px; height:26px; margin-top:5px; margin-left:10px; float:left;}


#box2{width:810px; height:auto; margin-top:5px; float:left;}
.box2_wrapper{width:790px; height:auto; margin:10px; float:left;}
.box2_picbox{width:130px; height:220px; margin:0px 20px; float:left;}
.box2_pic{width:110px; height:150px; margin:10px;}
.box2_pic img{width:110px; height:150px;}
.box2_rank{width:110px; height:30px; margin:10px;}
.box2_info{width:400px; height:190px; margin:0px; float:left;}
.box2_info table{width:400px; height:auto; border-collapse:collapse;}
.box2_info td{padding:10px; text-align:left;}
.box2_cell01{width:55px;}
.box2_red{color:red;}
.box2_kakutoku{width:196px; height:190px; margin-left:10px; padding:5px; color:midnightblue; border:solid 2px #dcdcdc; overflow:scroll; float:left;}
.kakutoku{width:95%; margin-bottom:10px; font-weight:bold; text-decoration:none; text-align:center; border:solid 1px #004080; border-radius:7px; float:left;}


#box3{width:810px; height:auto; float:left;}
.box3_wrapper{width:790px; height:auto; border-collapse:collapse; font-size:14px; float:left;}
.box3_wrapper table{width:100%; height:auto; margin:10px; border:solid 1px blue;}
.box3_wrapper td{padding:2px; text-align:center; border:dotted 1px blue;}
.box3_top{color:white; background-color:#004080;}
.box3_date{color:midnightblue; background-color:#dcdcdc;}
.box3_bottom{color:midnightblue; background-color:#dcdcdc;}
.kitei{margin:3px 0px 0px 5px;}



/* ウィンドウ幅が0～479pxの場合に適用するCSS */
@media screen and ( max-width:479px )
{

#box{width:100%; height:auto;}

#main_wrapper{width:100%; height:auto;}

#index_box{display:none;}

#box1{max-width:100%; height:auto; margin-bottom:2%;}
.box1_wrapper{width:100%; height:auto; margin:0;}
.box1_title{width:90%; height:auto; margin:1%;}

.box1_mainpic{width:100%; height:auto;}
.box1_mainpic img{width:100%; height:auto;}
.box1_info{width:95%; height:auto; margin-left:2%;}
.box1_number{width:10%; height:auto; margin:2%;}
.box1_number img{width:100%; height:auto;}
.box1_name{width:60%; height:auto; margin:2%;}
.box1_commenttitle{width:90%; height:auto; margin:2%;}
.box1_commenttitle img{width:auto; height:auto;}
.box1_comment{width:94%; height:auto; margin-left:3%; margin-bottom:2%;}
.box1_membtnbox{display:none;}

#box2{width:100%; height:auto; margin-top:5px;}
.box2_wrapper{width:100%; height:auto; margin:0px;}
.box2_picbox{width:25%; height:auto; margin:0% 0% 0% 3%;}
.box2_pic{width:100%; height:auto; margin:0%;}
.box2_pic img{width:100%; height:auto;}
.box2_rank{width:100%; height:auto; margin:5px 0px 0px;}
.box2_rank img{width:100%; height:auto;}
.box2_info{width:65%; height:auto; margin-left:2%;}
.box2_info table{width:100%; height:auto;}
.box2_info td{padding:2%;}
.box2_cell01{width:15%;}
.box2_info iframe{width:100%;}
.box2_kakutoku{width:90%; height:auto; margin:2%; overflow:visible;}

#box3{width:100%; height:auto;}
.box3_wrapper{width:100%; height:auto; font-size:90%;}
.box3_wrapper table{width:94%; height:auto; margin:2%;}
.box3_wrapper td{width:8.33%; height:auto;}
.kitei{margin:2%;}

}