#main_wrapper{width:980px; height:1100px; 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; font-size:14px; border:solid 2px #8d6a47; background-color:#f1eae2; float:left;}
.box1_dendotitle{width:206px; height:30px; margin-top:5px; margin-left:10px; float:left;}
.box1_dendotitle img{width:206px; height:30px;}
.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_dendobox ul{width:770px; height:auto; margin:10px; float:left;}
.box2_dendobox li{width:365px; height:130px; margin-left:10px; margin-bottom:10px; border:solid 1px #8d6a47; float:left;}
.box2_dendobox li a:hover{text-decoration:none;}
.box2_dendobox li:hover{border:solid 1px blue;}

.box2_dendobox img{width:100px; height:120px; margin:5px 20px 0px 5px; float:left;}
.box2_dendotext{width:150px; margin-top:20px; font-size:16px; color:midnightblue; float:left;}
.box2_dendoarrow{width:80px; height:120px; float:left;}
.box2_dendoarrow img{width:80px; height:120px;}
.box2_dendobox 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_dendobox ul{width:94%; height:auto; margin:2%;}
.box2_dendobox li{width:96%; height:auto; margin-left:2%; margin-bottom:2%; border:solid 1px #8d6a47;}
.box2_dendobox img{width:20%; height: auto; margin:0%;}
.box2_dendotext{width:50%; margin-top:5%; margin-left:3%; font-size:110%;}
.box2_dendoarrow{width:20%; height:auto; float:right;}
.box2_dendoarrow img{width:100%; height:auto;}
.box2_dendobox li{background-image: 
 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dc954e), to(#f8eadc));
 background: linear-gradient(#dc954e, #f8eadc);}
.box2_dendobox li a:hover{text-decoration:none;}
.box2_dendobox li:hover{border:solid 1px blue;}


}