@media screen and (max-width: 559px) {
 
img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

/* スマホ用CSS ↓*/

body {
    width:100%;
    margin:0;
}
    
#container {
	width:100%;
    margin:0;
}

/* title */
    
header{
 width:94%;
 height:auto;
}
header img#m-ttl{
 margin: 5px 3%;
}

/* main */
	
.main{
    width:96%;
	margin-right: 1%;
}
	
.main p.lead{
    width:96%;
    height:auto;
    margin:0 auto;
    font-size:1em;
	margin-top: 0;
	margin-left: 2%;
}

.kadomaru_01{
	margin: 20px 0;
	width: 90%;
}
	
.kadomaru_01 img#mondai{
	margin: 0;
}
	
/* answer.html */
	
.kadomaru_02,.kadomaru_03{
	margin: 0;
	width: 88%;
}
	
.kadomaru_02 p.question{
	font-size: 18px;
}
	
.main img.kaito-ttl,.main img.advice-ttl{
	margin-top: 5%;
}

.main img.kaito-ttl{
	width: 40%;
}
	
.main img.advice-ttl{
	width: 60%;
}
	
a.btn-click img,a.btn-back img{
	width: 60%;
	display: block;
	margin-top: 10%;
	margin-left:2%;
}

a.btn-click img:hover,,a.btn-back img:hover {
	opacity: 0.7;
	transition : all 0.5s;
}

	
h2{
	font-size: 1.5em;
	margin:1em 0 0.5em 0;
}
	
.kadomaru_03{
	margin-top: 15px;
}

.kadomaru_03 ul{
    display: flex;
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.kadomaru_03 ul li.book{
	margin-right: 0;
}

/*------------------ #footer--------------*/
footer{
    width:100%;
    height: auto;
}

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 ↑*/

}