/*--------*/
@media screen and (min-width: 640px) {

html{background:#eee;}
body{
width:840px;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;}

hedder{height:36px;}
h1{margin:0;height:36px;padding-top:20px;}
h1 img.pc{height:36px;}
h1 img.sp{display:none;}
.banner p{height:470px;margin:0px;}
.banner p img{width:840px;height:470px;margin:0px;}
h1 a:hover{opacity:0.6;background-color:white;}
nav{
text-align: center;
width:840px;height:40px;background-color:#3a3e39;margin-top:0px;}

nav ul{
margin: 0 ;
padding: 5px ;}

nav li{
display: inline-block;
padding:0px 20px;}

nav li:not(:last-child){
border-right:2px solid #ddd;}

nav a{
color: #fff;}

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

#sec03{width:780px;}
#sec03 div.text-box-3{width:700px;padding-top:5px;}
#sec03 div.text-box-3 li{margin-top:10px;line-height:20px;}
#sec03 div.text-box-3 ul{width:700px;}
#sec03 div.text-box-3 li::before {position:relative; content: "□";font-size:24px;top:2px;}
#sec03 div.text-box-3 li a{text-align:right;position:relative;top:10px;left:300px;}
#sec03 div.text-box-3 li a:hover{opacity:0.6;background-color:white;}
#sec03 div.text-box-3 li a img{width:154px;}
#sec03 div.text-box-3 p{margin-left:40px;width:700px;}
#sec03 div.text-box-3 p.under_line{border-bottom:2px solid #000;padding-bottom:10px;}
#sec03 div.text-box-3 p br{display:none;}

.inner{
width: 780px;
margin: 0 auto;}

.crier{
clear:both;}

div.shop_guide p{text-align:center;margin-bottom:30px;}
div.shop_guide p img{width:560px;}
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: 23px;
bottom: auto;
left: auto;
right: 32px;}

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: 20px;
    right: 20px;
    font-size: 100%;}

#page-top a {
    background: #82e7e6;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;}

#page-top a:hover {
    text-decoration: none;
    background: #62bdbc;}
}