@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);

body#module {}
  body#module .box {
    margin-bottom: 100px;
  }
    body#module .box > ol,
    body#module .box > ul,
    body#module .box > table,
    body#module .box > p {
      margin-bottom: 40px;
    }

@media only screen and (max-width: 960px) {
  body#module {}
}

@media only screen and (max-width: 768px){
  html, body { overflow-x: hidden !important; max-width: 100vw !important; }
  .drawerMenu, .megaNav, .megaNavParent { max-width: 100vw !important; }
}

@media only screen and (max-width: 768px){
  #wrapper, #container, #contents, #main, #main *, .contents, article { box-sizing: border-box !important; }
  #main { width: 100% !important; max-width: 100% !important; }
}

@media only screen and (max-width: 768px){
  body#product .img:has(.img_product){ transform: scale(.9); transform-origin: center top; }
}

#footer .footList li { margin: 6px 26px 10px 0 !important; }
#footer .snsList { gap: 14px; }

.drawerMenu .megaNav .snsList { justify-content: center !important; width: 100% !important; }
.drawerMenu .megaNav .snsVox { text-align: center; }

@media only screen and (max-width: 768px){
  .drawerMenu .snsVox { padding-left: 24px !important; padding-right: 24px !important; box-sizing: border-box; }
  .drawerMenu .megaNavParent > li > a { padding-left: 24px !important; padding-right: 24px !important; box-sizing: border-box; }
}

@media only screen and (max-width: 768px){
  .drawerMenu .megaNav .snsVox{ display:flex !important; flex-direction:row !important; align-items:center; justify-content:flex-start; gap:24px; padding-left:72px !important; padding-right:24px !important; text-align:left; }
  .drawerMenu .megaNav .snsTtl{ margin:0 !important; white-space:nowrap; font-size:15px !important; }
  .drawerMenu .megaNav .snsList{ justify-content:flex-start !important; width:auto !important; gap:24px; margin:0 !important; }
  .drawerMenu .megaNav .snsList li{ margin:0 !important; }
}