@charset "UTF-8";
/* CSS Document */
.btn-corona h2 {
  font-weight: bold;
  font-size: 1.7rem;
  line-height: 1.25em;
  padding: 14px 0;
}
.btn-corona span, .btn-privacy span {
  font-size: 1.3rem;
  font-family: "Arial";
  font-weight: normal;
  line-height: 0.108em;
}
.takeaway-jp {
  font-weight: bold;
  font-size: 2.1rem;
  line-height: 1.2em;
  margin-top: 8%;
  /*
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.3em;
  margin-top: 8%;
*/
}
.btn-takeaway span {
  font-family: "Arial";
  font-weight: normal;
  font-size: 1.7rem;
}
.modal-jp h2 {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.2em;
}
.btn-privacy h2 {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.4em;
}
.modal-en h2 {
  font-weight: bold;
  font-size: 1.7rem;
  line-height: 1.4em;
}
#open, #open2 {
  cursor: pointer;
  color: #070304;
  height: 109px;
  width: 85%;
  background: #FFFFFF;
  margin: 0 auto;
  background-image: url("..//images/icon/feather-arrow-right-bk.png");
  background-position: right 10px center;
  background-repeat: no-repeat;
  text-align: center;
  margin-bottom: 6%;
}
#open3 {
  cursor: pointer;
  color: #070304;
  height: 65px;
  width: 100%;
  background: #FFFFFF;
  text-align: center;
  margin: 5% auto 0;
  background-image: url("..//images/icon/feather-arrow-right-bk.png");
  background-position: right 10px center;
  background-repeat: no-repeat;
  padding: 10px 0;
}
#close, #close2, #close3 {
  cursor: pointer;
  width: 200px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
  padding: 12px 0;
  margin: 16px auto 0;
}
#mask, #mask2, #mask3 {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
#modal, #modal2, #modal3 {
  background: #fff;
  width: 95%;
  height: 78%;
  padding: 20px;
  border-radius: 4px;
  position: fixed;
  top: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: left;
  z-index: 30;
  color: black;
  opacity: 2; /*要素の透明度*/
  visibility: visible; /* 要素のボックスが見える*/
  transition: 1s; /* 出現までの時間*/
  overflow: scroll;
}
@media(min-width:600px) {
  #modal, #modal2 {
    background: #fff;
    width: 700px;
    height: 40%;
    padding: 20px;
    border-radius: 4px;
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    color: black;
    opacity: 2; /*要素の透明度*/
    visibility: visible; /* 要素のボックスが見える*/
    transition: 1s; /* 出現までの時間*/
  }
  #modal3 {
    height: 95%;
    width: 80%;
  }
  .ipad-br, .ipad-br2 {
    display: none;
  }
  .btn-corona h2 {
    font-size: 2.7rem;
    line-height: 1.2em;
    margin-top: 1%;
  }
  .btn-corona span {
    font-size: 1.7rem;
  }
  .takeaway-jp {
    line-height: 1em;
    margin-top: 4%;
    font-size: 2.7rem;
  }
}
#modal > p {
  margin: 0 0 20px;
}
#mask.hidden {
  display: none;
}
#modal.hidden {
  opacity: 0; /* 不透明*/
  visibility: hidden; /*見えない*/
}
#modal2 > p {
  margin: 0 0 20px;
}
#mask2.hidden2 {
  display: none;
}
#modal2.hidden2 {
  opacity: 0; /* 不透明*/
  visibility: hidden; /*見えない*/
}
#modal3 > p {
  margin: 0 0 20px;
}
#mask3.hidden3 {
  display: none;
}
#modal3.hidden3 {
  opacity: 0; /* 不透明*/
  visibility: hidden; /*見えない*/
}
@media(min-width:1024px) {
  .ipad-br {
    display: block;
  }
  .ipad-br2 {
    display: none;
  }
  .btn-corona h2 {
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.25em;
    padding: 14px 0;
  }
  .btn-corona span {
    font-size: 1.3rem;
    font-family: "Arial";
    font-weight: normal;
    line-height: 0.108em;
  }
  .takeaway-jp {
    font-size: 2.4rem;
    margin-top: 7%;
  }
}
h3 {
  font-size: 2rem;
  font-weight: bold;
}
div.wrapHINAGATA h1 {
  margin: 0 0 30px 0;
}
div.wrapHINAGATA h2 {
  margin: 30px 0 20px 0;
}
div.wrapHINAGATA p {
  margin: 20px 0;
  font-size: 0.95em;
  line-height: 1.6;
}
div.wrapHINAGATA ul {
  margin: 20px 0 0 30px;
}
div.wrapHINAGATA ul li {
  list-style: outside decimal;
  font-size: 0.95em;
  line-height: 140%;
  margin: 10px 0 0 0;
}
div.wrapHINAGATA ul li ul {
  margin: 15px 0 10px 10px;
}
div.wrapHINAGATA ul li ul li {
  list-style: outside none;
  margin-left: 20px;
  text-indent: -1.5em;
}
div.wrapHINAGATA ul.child {
  margin: 15px 0 0 10px;
}
div.wrapHINAGATA ul.child li {
  list-style: outside none;
  margin-left: 45px;
  text-indent: -1.7em;
}
div.wrapHINAGATA p.tR {
  margin: 30px 0 0 0;
  font-size: 0.95em;
  line-height: 140%;
  text-align: right;
}
div.wrapHINAGATA ul li ul li ol li {
  list-style: outside lower-roman;
  margin-left: 20px;
  text-indent: -0.2em;
}
div.wrapHINAGATA ol {
  margin: 20px 0 0 40px;
}
div.wrapHINAGATA ol li {
  list-style: outside decimal;
  font-size: 0.95em;
  line-height: 140%;
  margin: 10px 0 0 0;
}
div.wrapHINAGATA ol li ol {
  margin-bottom: 20px;
}
div.wrapHINAGATA ol li ol li {
  font-size: 100%;
}
ul.tab li {
  display: inline;
  font-size: 0.95em;
  line-height: 140%;
}