@media screen and (max-width: 559px) {
    

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}



/* スマホ用CSS ↓*/

body {
    width:100%;
    background-image:none;
    margin:0;
}
    
#container {
	width:100%;
    background: url(imgs/background-smf.jpg) center top repeat-y; 
    margin:0;
}

/* title */
    
#title img{
    margin:10px auto;
}

/* main */

.main{
    width:98%;
    margin:0 auto;
    background-color:rgba(255,255,255,0.8);
    padding:0.2em;
}

p#main-lead{
    margin:0 auto 45px auto;
    font-size:16px;
    font-weight:bold;
    line-height:1.6;
    text-align: left;
}

    
/* box */

#box01,#box02,#box03,#box04{
    width:94%;
    padding:0.5em;
    margin:0 1% 45px 1%;
    clear:both;
}
    
#box01,#box02,#box03,#box04{
    float:none;
    margin-left:0;
}
#box02{
    height:auto;
}

#box03,#box04{
    height:auto;
    margin-top:45px;
}
    
#box01-1,#box02-1,#box03-1,#box04-1{
    width:60%;
    height:auto;
}
#box01-1{
    width:70%;
}
    
#box03-1,#box04-1{
    margin-top:-18px;
}

#left,#right{
        float:none;
}

.book-top,.book-down,.book-left,.book-right{
    width:94%;
    float:none;
    height: auto;
    padding:0.2em;
    height:auto;
    overflow: hidden;
}
.book-left,.book-right{
    margin-bottom:10px;
}
 p.ouchi{
    margin-left:0;
    margin-right:14px;
    padding-bottom:10px;
}
.book-schedule{
    width:100%;
    height:auto;
    margin:0 auto;
}
.book-schedule img{
    margin:0;
}
p.book-lead{
    margin:50px auto 14px 20px;
}
    
/*------------------ #footer-----------------------*/
footer{
    width:100%;
    height: auto;
    padding-top:10px;
}

footer a.cpr{
    text-align:center;
    margin-bottom:10px;
}

#footer p{
	color:#FFF;
    font-size:0.8em;
	text-align:center;
    line-height:1.6;
}

/* スマホ用CSS ↑*/

}