#main_wrapper{width:980px; height:1280px; float:left; background-color:#eabf95;}

#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:220px; float:left;}
.box1_mainpic img{width:550px; height:220px;}
.box1_info{width:226px; height:216px; margin-left:10px; border:solid 2px #8d6a47; background-color:#f1eae2; float:left;}
.box1_comment{width:206px; height:216px; margin-top:15px; margin-left:10px; float:left;}

#box2{width:790px; height:auto; margin:20px 10px; float:left; background-color:#b89572;}

.box2_oldhpbox ul{width:770px; height:auto; margin:10px; float:left;}
.box2_oldhpbox li{width:365px; height:70px; margin-left:10px; margin-bottom:10px; border:solid 1px #8d6a47; float:left;}
.box2_oldhpbox li a:hover{text-decoration:none;}
.box2_oldhpbox li:hover{border:solid 1px blue;}
.box2_oldhpbox img{width:100px; height:60px; margin:5px 20px 0px 5px; float:left;}
.box2_oldhptext{width:190px; margin-top:10px; color:midnightblue; float:left;}
.box2_oldhparrow{width:40px; height:60px; float:left;}
.box2_oldhparrow img{width:40px; height:60px;}
.box2_oldhpbox li{background-image: 
 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dc954e), to(#f8eadc));
 background: linear-gradient(#dc954e, #f8eadc);}


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


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

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

#index_box{display:none;}


#box1{max-width:100%; height:auto;}
.box1_wrapper{width:100%; height:auto; margin:0;}
.box1_title{width:90%; height:auto; margin:2% 0% 2% 1%;}
.box1_mainpic{width:100%; height:auto;}
.box1_mainpic img{width:100%; height:auto;}
.box1_info{display:none;}

#box2{width:100%; height:auto; margin:3% 0%;}
.box2_oldhpbox ul{width:94%; height:auto; margin:2%;}
.box2_oldhpbox li{width:96%; height:auto; margin-left:2%; margin-bottom:2%; border:solid 1px #8d6a47;}
.box2_doldhpbox img{width:20%; height: auto; margin:0%;}
.box2_oldhptext{width:50%; margin-top:5%; margin-left:3%; font-size:110%;}
.box2_oldhparrow{width:20%; height:auto; float:right;}
.box2_oldhparrow img{width:100%; height:auto;}
.box2_doldhpbox li{background-image: 
 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dc954e), to(#f8eadc));
 background: linear-gradient(#dc954e, #f8eadc);}
.box2_oldhpbox li a:hover{text-decoration:none;}
.box2_oldhpbox li:hover{border:solid 1px blue;}


}