/*--------*/
@media screen and (max-width: 640px) {
html{background:#eee;}
body{
width:100%;
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:0;}

hedder{height:40px;}
h1{margin:0;padding-top:10px;height:24px;}
h1 img.pc{display:none;}
h1 img.sp{width:100%;height:100%;}
.banner p{margin:0;}
.banner p img{width:100%;}
h1 a:hover{opacity:0.6;background-color:white;}

nav{
width:100%;
text-align: center;
margin-top:0px;}

nav ul{
margin-top:-10px;
padding:0;}

nav li{
text-align: center;
display:block;
background-color:#3a3e39;
padding:0;font-size:1.3rem;}
nav a{color: #fff;}
nav a:hover{opacity:0.5;background-color:white;color:black;width:95vw;padding:1vw 10vw;}
nav li:nth-child(n + 2) {display:none;}
nav li:nth-child(5) {display:block;}
nav li:not(:last-child){border-bottom:2px solid #ddd;}

section{
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:2.0rem;}
h2 img.pc{display:none;}
h2 img.sp{width:100%;height:100%;}


#sec03{width:100%;}
#sec03 div.text-box-3{width:100%;padding-top:5px;}
#sec03 div.text-box-3 li{margin-top:10px;line-height:20px;}
#sec03 div.text-box-3 ul{width:94%;padding:0;margin:0 15px;}
#sec03 div.text-box-3 li::before {position:relative; content: "□";font-size:1.3rem;top:0.1rem;}
#sec03 div.text-box-3 li a{}
#sec03 div.text-box-3 li a:hover{opacity:0.6;background-color:white;}
#sec03 div.text-box-3 li a img{width:50%;}
#sec03 div.text-box-3 p{margin-left:15px;width:94%;}
#sec03 div.text-box-3 p.under_line{border-bottom:2px solid #000;padding-bottom:10px;width:92%;}


.inner{
width: 100%;
margin: 0 auto;}

.crier{
clear:both;}




div.shop_guide p{text-align:center;margin-bottom:10px;}
div.shop_guide p img{width:100%;}
div.shop_guide p a:hover{opacity:0.6;background-color:white;}

footer{
text-align:center;
color:#fff;
margin-bottom:0;}

footer .box{
background-color:#3a3e39;}

footer .img{
padding-top:30px;}

footer ul{
margin:0;
padding:0;}

footer li{
display:inline-block;
margin:10px 10px ;
font-size:16px;}

footer li .bbb{
font-size:18px;
font-weight:bold;}

footer li a{
color:#fff;}

footer li a::before {
content:"";
display:block;
width:26px;
height:16px;
background:url("../img/mail.png");
position:relative;
top: 1.3rem;
bottom: auto;
left: auto;
right: 2.0rem;}

footer div.img p a:hover{opacity:0.6;background-color:#3a3e39;}

footer p{margin:0;padding:0;}

footer #copyright{font-size:12px;padding-bottom:30px;padding-top:0px;}


/*-------------ページトップボタン-------------*/
#page-top {
    position: fixed;
    bottom:10px;
    right: 30px;
    font-size: 100%;
    margin:0;}
#page-top a {
    background: #82e7e6;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 10px 0;
    text-align: center;
    display: block;
    opacity:0.9;
    border-radius: 5px;}
#page-top a:hover {
    text-decoration: none;
    background: #62bdbc;}
}
@media screen and (max-width: 320px) {
section h3.heading{font-size:1.2rem;}
}