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

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

#box1{width:810px; height:470px; float:left;}
.box1_wrapper{width:790px; height:460px; margin:0px 10px; float:left;}

.box1_pulldown{width:790px; height:20px; margin-top:5px; margin-left:10px; float:left;}
.box1_pulldown select{width:100px; height:20px; border:solid 2px #004080; font-weight:bold; text-decoration:none; text-align:center; color:#004080; margin-right:18px; float:right;}

.box1_title{width:780px; height:auto; margin-bottom:5px; float:left;}
.box1_mainpic{width:780px; height:400px; margin:5px; float:left;}
.box1_mainpic img{width:780px; height:400px;}

#box2{width:810px; height:200px; float:left;}
.box2_wrapper{width:790px; height:180px; margin:10px; float:left;}
.box2_main{width:580px; height:250px; margin:0px; float:left;}
.box2_main_score{width:570px; height:175px; margin:0px 5px; background-image:url(../img/scoreboard.png); float:left;}
.box2_scoretitle{margin:2px 0px;}
.box2_scorewrapper{width:530px; height:81px; margin:34px 0px 0px 21px; float:left;}
.box2_score{width:530px; height:30px; margin-top:10px; float:left;}
.box2_score2{width:530px; height:30px; margin-top:10px; float:left;}
.box2_scoreteam{width:115px; height:30px; text-align:center; color:white; font-size:14px; overflow:hidden; float:left;}
.box2_scoreteam img{width:85%; height:auto;}
.box2_scorepoint{width:36px; height:30px; margin-left:3px; text-align:center; font-size:18px; color:white; float:left;}
.box2_scoretotalpoint{width:56px; height:30px; margin-left:3px; text-align:center; font-size:20px; color:white; float:left;}
.box2_pitcher{width:250px; margin-top:-25px; margin-left:110px; color:white; float:left;}
.box2_rightbox{width:200px; height:175px; margin-left:5px; float:left;}
.box2_right{width:200px; height:53px; margin-bottom:5px;}
.box2_right :hover{position:relative; top:1px; left:1px;}
.box2_right img{width:200px; height:53px;}
.box2_right2{display:none;}


#box3{width:810px; height:300px; float:left;}
.box3_wrapper{width:786px; height:276px; margin:10px; border:solid 2px #dcdcdc; float:left;}
.box3_articlebox{width:510px; height:260px; margin:5px; float:left;}
.box3_articletitle{width:510px; height:20px;}
.box3_article{width:500px; height:225px; margin-top:15px; margin-left:10px; float:left;}
.box3_herobox{width:256px; height:260px; margin:5px; float:left;}
.box3_heropic{width:256px; height:130px; float:left;}
.box3_herointtitle{width:252px; height:16px; margin-top:5px; color:white; background-color:#002b55; border:solid 2px #0080ff; float:left;}
.box3_heroint{width:246px; height:100px; margin:5px 5px 0px; float:left;}



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

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

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

#box1{max-width:100%; height:auto;}
.box1_wrapper{width:100%; height:auto; margin:0%;}

.box1_pulldown{width:90%; height:auto;}
.box1_pulldown select{width:40%; height:auto; margin-right:0%;}

.box1_title{width:100%; height:auto; margin:0%;}
.box1_mainpic{width:100%; height:auto; margin:0%;}
.box1_mainpic img{width:100%; height:auto;}

#box2{width:100%; height:auto;}
.box2_wrapper{width:100%; height:auto; margin:0%;}

.box2_main{width:100%; height:auto; margin-top:10px;}
.box2_main_score{width:100%; height:auto; margin:0px; background-image:none; background-color:#80bfff;}
.box2_scoretitle{width:95%; margin-left:2%;}
.box2_scorewrapper{width:94%; height:auto; margin-top:0%; margin-left:2%; margin-bottom:5%; background-color:#e9e9e9;}
.box2_score{width:99%; height:auto; margin-top:1%; padding:2px; border-bottom:solid 1px #80bfff;}
.box2_score2{width:99%; height:auto; margin-top:2%; padding:2px;}
.box2_scoreteam{width:22%; height:auto; color:#236ab1; font-size:90%;}
.box2_scoreteam img{max-width:90%; height:auto;}
.box2_scorepoint{width:7.4%; height:auto; margin-left:0%; color:#696969; }
.box2_scoretotalpoint{width:10%; height:auto; margin-left:0.5%; color:#0055aa; font-size:18px;}
.box2_pitcher{width:70%; height:auto; margin-top:2%; margin-left:2%; margin-bottom:2%; color:#696969;}
.box2_rightbox{width:100%; height:auto; margin:0%;}
.box2_right{display:none;}
.box2_right2{display:block; width:90%; height:auto; margin-top:10px; margin-left:3%; padding:2%; font-size:1.5em; font-weight:bold; text-decoration:none; text-align:center; text-shadow:1px 1px 2px #002b55; border:solid 1px #004080; border-radius:7px; float:left;
background-image: 
 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006ad5), to(#eaf4ff));
 background: linear-gradient(#006ad5, #eaf4ff);}
.box2_right2 a{text-decoration:none; color:#f4faff;}
.box2_right2 a:link,.box1_indrank a:active,.box1_indrank a:visited{color:#f4faff;}
.box2_right2 a:hover{color:#f4faff;}


#box3{width:100%; height:auto;}
.box3_wrapper{width:100%; height:auto; margin:10px 0px 0px; border:none;}
.box3_articlebox{width:100%; height:auto; margin:0%;}
.box3_articletitle{width:100%; height:auto;}
.box3_articletitle img{width:100%; height:auto;}
.box3_article{width:96%; height:auto; margin:5px 0px; margin-left:2%;}
.box3_herobox{width:100%; height:auto; margin:0%;}
.box3_heropic{width:50%; height:auto; margin-bottom:5%;}
.box3_heropic img{width:100%; height:auto;}
.box3_herointtitle{width:50%; height:auto; margin:0%; color:white; background-color:#002b55; border:none;}
.box3_heroint{width:40%; height:auto; margin:1%;}

}