﻿@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%;
    height:auto;
    margin:0 auto;
    padding:0.2em;
    clear: both;
}

a#book{
    width:25%;
    height:auto;
	position:absolute;
	top:46%;
	left:30px;
}
@media screen and (max-width: 375px) {
    a#book{
	position:absolute;
	top:39%;
	left:20px;
}
}

a#order{
 margin:20px auto;
 display:block;
 color:#ffffff;
 background-color:#fa932e;
 border-radius:25px;
 width:200px;
 height:24px;
 font-weight:bold;
 font-size:20px;
}


#information{
    width:80%;
    margin:0 auto;
}

#information p.uketsuke{
    font-size:16px;
    line-height: 1.6;
    font-weight: bold;
    color:#666666;
}
#information p.contact{
    font-size:14px;
    line-height: 1.6;
    color:#666666;
    margin-top: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 ↑*/

}