@media screen and (max-width: 559px) {
    
img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
    
/* スマホ用CSS ↓*/

img.smf,br.smf{
    display:block;
}

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

/* top-main */

.main{
    width:100%;
    height:2000px;
    margin:0 auto;
	position:relative;
}

.main img#main{
    display: none;
}

img#ribbon{
    display: none;
}
img#ribbon-smf{
    display: block;
	width:255px;
	height:77px;
	position:absolute;
	top:120px;
	left:20%;
}
	
a#book{
    position:absolute;
    top: 200px;
    left:20%;
	text-align:center;
	width:260px;
}

#title{
	width:98%;
    position:absolute;
    top:-80px;
	left:2%;
	text-align:center;
}
#title h3{
	margin-top:10px;
	font-size:20px;
}
#title h2{
    margin-top:10px;
	font-size:30px;
}
#title h1{
    margin-top:30px;
	font-size:22px;
	line-height: 1.6;
}
#title h4{
	margin-top:10px;
}
	

#box01,#box03,#box05,#box07,#box08{
 position:absolute;
 left:1%;
}
#box02,#box04,#box06{
 position:absolute;
 left:50%;
}
#box01{
	top:540px;
}

#box02{
	top:600px;
}

#box03{
	top:750px;
}

#box04{
	top:810px;
}

#box05{
	top:960px;
}

#box06{
	top:1020px;
}
#box07{
    top:1330px;
	padding:2em;
	margin:2%;
}
#box08{
    top:1250px;
    width:95%;
	border:1px solid #666666;
	padding:5px;
	text-align: left;
    font-weight: bold;
}

.circle {
    display: inline-block;
    width: 210px;
    height: 210px; 
    border-radius: 50%;
}
.circle p.honbun{
    padding-top:50px;
    text-align: center;
    line-height: 1.3;
    width:168px;
    margin:0 auto;
}

#box01 span.circle{
    background-color:#3bb2d0;
}
#box02 span.circle{
    background-color:#56b881; 
}
#box03 span.circle{
    background-color:#ed6498;
}
#box04 span.circle{
    background-color:#b6e8bd; 
}
#box05 span.circle{
    background-color:#f6ec35; 
}
#box06 span.circle{
    background-color:#f9886c; 
}
#box07{
    background-color: #fbe5d6;
    margin:0 auto;
    padding:1em;
    width:90%;
    clear:both;
}
#box03 a img,#box06 a img{
    display: block;
    margin:4px auto;
}

#box07 p.honbun{
        float:left;
        width:60%;
}

#box07 a img{
    display: block;
    float:left;
}

p.alert{
    display: block;
}
/* #sub-main */
    
#sub-main{
    background-image:none;
    background-color:#ffffcc;
    border:2px #366899 solid;
    width:96%;
    height:auto;
    position:relative;
    margin:2% auto;
    padding:0;
}

#sub-contents{
    width:90%;
    margin:0 auto;
}
    
#sub-contents p.ttl{
    font-size:1.2em;
}
#sub-contents p.ttl03{
    font-size:1.1em;
}
#sub-contents p.honbun{
    font-size:1.0em;
}
#sub-contents section p.honbun a img{
    margin:10px auto;
}


/*------------------ #footer-----------------------*/
footer{
    width:100%;
    height: auto;
    padding-top:10px;
}

a.cpr,p.dnlh200,p.mkt{
	font-size:1em;
}


/* スマホ用CSS ↑*/

}