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

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

img.pc-img{
    display: none;
}

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


/* スマホ用CSS ↓*/

body {
    width:100%;
    background-image:none;
    margin:0;
}
    
#container {
	width:100%;
    margin:0;
}

/* --- main --- */

.main{
    width:100%;
    height:1000px;
    margin:0 auto;
    padding:0.2em;
    position:relative;
}
    
#book{
	position:absolute;
	top:61%;
	left:10%;
}    

#book a img{
    width:60%;
    height:60%;
    margin:0 auto;
}

/* --- second --- */

.second{
    width:100%;
    height:100%;
    margin:0 auto;
    position:relative;
}

.second ul#book-list{
    display: column;
    border-top: none;
}
    
.second ul#book-list li {
	text-align:left;
    line-height: 1.6;
	margin: 0 auto;
    text-align: center;
}

.second ul#book-list li.second-img img{
    width: 100%;
    margin:0;
}
    
.second ul#book-list li.book-img{
   width: 100%;
   margin:10px 0;
}

.second ul#book-list li.book-img a {
	margin:0;
}    

.second ul#book-list li.book-img a.order02{
    display: block;
    margin:20px auto;
    padding:5px;
    display:block;
    color:#ffffff;
    background-color:#fa932e;
    border-radius:15px;
    width:160px;
    font-weight:bold;
    font-size:16px;
}

/* --- #information --- */

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

}