/*--------*/
@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 32vw;}
nav li:nth-child(n + 2) {display:none;}
nav li:nth-child(6) {display:block;}
nav li:not(:last-child){border-bottom:2px solid #ddd;}

section{
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:2.0rem;}
h2 img.pc{display:none;}
h2 img.sp{width:100%;height:100%;}
#sec00{width:100%;margin-top:20px;}
#sec00 div.first_inner{width:100%;}
#sec00 div.img{margin:0 auto;text-align:center;width:60%;}
#sec00 div.text-box{padding:0 20px;}
#sec00 p.product_no{width:70px;padding-left:10px;color:#fff;background-color:#000;margin-bottom:5px;margin-top:0;}
#sec00 p.product_name{margin:0;font-size:18px;font-weight:bold;margin-bottom:10px;border-bottom:2px solid #000;}
#sec00 ul{padding:0;margin:0;}
#sec00 div.text-box-2 p{margin-top:5px;margin-bottom:0;padding:10px;border:2px solid #000;line-height:20px;text-align:justify;}
#sec00 p.pattent_no{font-size:16px;margin-top:5px;margin-bottom:0;}


section h3.heading{margin:10px 15px 0;color:#006738;font-size:1.3rem;font-weight:bold;text-align:center;line-height:24px; padding-bottom:10px;}
section article.a-box{width:100%;}
section div.s2_img{}
div.s2_img img{padding:0 30px; text-align:center;width:80%;}
#sec01{width:100%;padding-bottom:0.6rem;}
#sec01 div.text-box-3{width:100%;}
#sec01 div.text-box-3 li{margin-top:1.0rem;line-height:1.8rem;}
#sec01 div.text-box-3 ul{width:94%;padding:0;margin:0 0.9rem;}
#sec01 div.text-box-3 li::before {position:relative; content: "●";font-size:1.3rem;top:0.1rem;}
#sec01 div.text-box-3 ul ~ P{padding-left:0.9rem;}
#sec01 .link_bottan{width:90%;background:#009245;padding:2vw 0;text-align:center;margin:5vw auto;}
#sec01 .link_bottan a{padding:4vw 21vw;text-align:center;color:#fff;}
#sec01 .link_bottan a:hover{opacity:0.6;background-color:white;color:#000;}

#sec02{width:100%;}
#sec02 div.text-box-3{width:100%;}
#sec02 div.text-box-3 li{margin-top:1.0rem;line-height:1.8rem;}
#sec02 div.text-box-3 ul{width:94%;padding:0;margin:0 0.9rem;}
#sec02 div.text-box-3 li::before {position:relative; content: "●";font-size:1.3rem;top:0.1rem;}
#sec02 div.text-box-3 ul ~ P{padding-left:0.9rem;}
#sec02 .link_bottan{width:90%;background:#009245;padding:2vw 0;text-align:center;margin:5vw auto;}
#sec02 .link_bottan a{padding:4vw 10vw;text-align:center;color:#fff;}
#sec02 .link_bottan a:hover{opacity:0.6;background-color:white;color:#000;}

#sec03{width:100%;}
#sec03 div.text-box-3{width:100%;padding-top:20px;}
#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 p{margin-left:15px;width:94%;}
#sec03 div.text-box-3 p.under_line{border-bottom:2px solid #000;padding-bottom:10px;width:92%;}

#sec04 div.come p{color:red;font-size: 16px; font-weight: bold;text-align:center;}

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

.inner ul.col3 {width:100%;padding:0;}
.col3 {padding-top:20px;}
.col3 li{
width:100%;
text-align:center;
margin:10px 0 ß0;
}

.col3 li p{
text-align:left;
line-height:1.2rem;
font-size:0.9rem;
margin:0 0 0 60px;}
.col3 li p.m_sp{margin:0 0 20px 60px;padding:0 auto;}

.col3 li p.img{padding:0 0 0 0;margin:0 0 0 60px;}
.col3 li p.img img{padding:0 0; width:80%;}
.crier{
clear:both;}

#sec04{width:100%;}
#sec04 h3.heading{font-size:1.05rem;margin-bottom:4vw;}
#sec04 div.s2_img img{display:none;}
.left_box p{margin: 0 10px;}
.left_box img{width:90%;text-align:center;}
.link_bottan{width:90%;background:#009245;padding:2vw 0;text-align:center;margin:5vw auto;}
.link_bottan a{padding:5vw 21vw;text-align:center;color:#fff;}
.link_bottan a:hover{opacity:0.6;background-color:white;color:#000;}
.a-box hr{margin:20px;}


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) {
body{font-size:0.8rem;}
p{ont-size:0.8rem;}

section h3.heading{font-size:1.2rem;}

.inner ul.col3 {width:100%;padding:0;}
.col3 {padding-top:20px;}
.col3 li{
width:100%;
text-align:center;
margin:10px 0 ß0;
}

.col3 li p{
text-align:left;
line-height:1.2rem;
font-size:0.8rem;
margin:0 0 0 35px;}
.col3 li p.m_sp{margin:0 0 20px 60px;padding:0 auto;}

}