html,body{height: 100%;}
body{ background: url(../images/bg_sai.gif) repeat; font: 15px  "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
img,
img a{ max-width: 100%; width: 100%; vertical-align: bottom; border: none;height:auto;	}

.wrapper{ width: 100%; max-width: 960px; margin-right: auto; margin-left: auto;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; background: url(../images/contents_bg.gif) repeat;  }
#header { background: #333; padding: 0px 10px; }

.menu-content .noSP{display:flex;flex-direction: row wrap; align-items: flex-end;padding-bottom: 10px; padding-top: 10px; }
.menu-content .noSP li a{ color: #fff; display: block; padding: 10px; width: 8em; text-align: center; text-decoration: none; }
.menu-content .noSP li .def { background: #999; }
.menu-content .noSP li:first-child { margin-right: auto; width: 75px; }
.menu-content .noSP.SP li a:hover{ background: #999; }

#menu-btn-check {
    display: none;
}


.container { margin: auto; width: 100%;height:auto; }
.slider { margin: 0 auto 60px; width: 100%; }
.slider .fade { list-style: none; }
.slider .fade li{display: block; }
.mainImg { margin-bottom: 30px; }
.lead { text-align: center; width: 70%; margin: 0px auto 40px; line-height: 2; font-size: 120%; }
.lead2 { text-align: center; width: 70%; margin: 0px auto 5px; line-height: 2; font-size: 160%; color: #DC143C; }
.Sterilizer { text-align: center; }
.turned img { margin: 0px auto 50px; max-width: 772px; display: block;width:100%; }

.storeView { display: flex; margin-bottom: 20px; margin-right: auto; margin-left: auto; justify-content: center; flex-wrap: wrap; font-size: 12px; width: calc((384px * 2) + 20px / 100vw * 100%);}

.storeView li{ margin-right: 10px;  margin-bottom: 50px; }
.storeView li:nth-child(2n){margin-right:0;}
.MenuList { width: 72.395%; margin-right: auto; margin-left: auto; }
.MenuList li { margin-bottom: 20px; }
.comment { text-align: center; margin-bottom: 50px; font-size: 13px; }
.Infor { text-align: center; margin-bottom: 50px; }
.Infor li { line-height: 1.8; }
.Infor li h2 { margin-bottom: 50px; }
.Infor li:nth-child(4) {border-bottom: 1px solid #333; padding-bottom: 15px; width:80%;margin:auto;}
.Infor li:nth-child(5) { padding-top: 15px; }
img.Name { display: block; width: 23%; margin: 65px auto 50px; }
img.map { width: 46.25%; margin-right: auto; margin-left: auto; display: block; margin-bottom: 300px; }
/*.container.infor { height: 1500px; }*/
#footer { background: #000; }
#footer ul { text-align: center; color: #FFF; padding-top: 15px; padding-bottom: 15px; }
#footer ul li small { font-size: 100%; line-height: 1.5em; }
#footer ul li:last-child { font-size: 70%; line-height: 1.5em; }
#to-top { opacity: 0; }
#to-top img{ width: 80%;}
#to-top.is-show {
  position: fixed;
  /*color: #333;*/
  /*font-size: 50px;*/
  opacity: 0.6;
  transition: opacity 2s;
  cursor: pointer;
  bottom: 50px;
  right: -10px;
}
#to-top:hover {
  transition: .5s;
  bottom: 60px;bottom: 50px;
}
#footer ul li small a { color: #FFF; text-decoration: none; }

@media screen and (max-width: 480px) {
    .wrapper{ width: 100%; margin: auto; }
    #header{width: 100%;}


    .container { margin: 0 auto; width: 100%; min-height: auto; padding: 0px; }
.container .main { padding: 0px 10px; }

    .mainImg img{ margin-bottom: 10px;width:100%; }
    .lead { text-align: center; width: 90%; margin: 0px auto 40px; line-height: 1.5; font-size: 100%; }
    br{display:none;}

    .Sterilizer { text-align: center;font-size: 100%; }

    .storeView { display: flex; margin-bottom: 10px; margin-right: auto; margin-left: auto; justify-content: column; width:100%;
    flex-direction: column;align-items: center}

    .storeView li{ margin-right: 0px;  margin-bottom: 30px; }
    /*.storeView li img{width:100%;}*/


.menu-btn { position: fixed; top: 10px; right: 10px; display: flex; height: 40px; width: 40px; justify-content: center; align-items: center; z-index: 90; background: #C00; }
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}

#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 1);
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}

#menu-btn-check {
    display: none;
}

.menu-content .noSP.SP{display:flex;align-items: flex-start;flex-direction: column; padding-bottom: 10px; padding-top: 10px; }
.menu-content .noSP.SP li { border-bottom: solid 1px #ffffff; list-style: none; text-align: left;width: 80%; }

.menu-content .noSP.SP li a { display: block; width: 100%; font-size: 15px; box-sizing: border-box; color: #ffffff; text-decoration: none; padding: 9px 10px 10px 10px; position: relative;background:transparent;text-align: left; }

.menu-content .noSP.SP li:first-child{width:100%;display:none;}
.menu-content .noSP.SP li:first-child img{ margin-right: 0;width:75px;display:none;}

.menu-content ul li a:visited { color: #Fff; }
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;/*right: 30px;*/
    top: 16px;
}

.menu-content { width: 100%; height:100%; position: fixed; top: 0; left: 100%;z-index: 80; transition: all 0.5s;padding-bottom: 30px; opacity:.8;background-color: #333; }


#menu-btn-check:checked ~ .menu-content {
    left: 0;}
    
    .MenuList{width:100%;}

#footer ul li small a { color: #FFF; text-decoration: none; }

.Infor li:nth-child(4) { width:90%;margin:auto;}
img.Name { display: block; width: 46%; padding-top: 50px; margin: 0px auto 50px; }
img.map { width: 100%; margin-right: auto; margin-left: auto; display: block; }

span{display:block;}
}
@media screen and (min-width: 481px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}