@charset "UTF-8";
/* ################## 門の ###################### */
.itemBox > figure {
  text-align: center;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .itemBox {
    margin-top: 0%;
    margin-bottom: 3%;
    padding: 4%;
    background: #f1f1f1;
  }
}
@media only screen and (min-width: 768px) {
  .itemBox {
    margin: 0%;
    padding: 3%;
    background: #f1f1f1;
  }
}

@media only screen and (max-width: 767px) {
  .itemImg {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 1%;
  }
}
@media only screen and (min-width: 768px) {
  .itemImg {
    max-width: 100%;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 3%;
  }
}

.itemIntroduction {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .itemIntroduction h3 {
    margin-top: 1%;
    margin-bottom: 3%;
    padding: 6%;
    background: #fff;
    border-top: 4px solid #810032;
  }
  .itemIntroduction p {
    margin-top: 1%;
    margin-bottom: 2%;
    padding: 3% 6%;
    background: #fff;
    border-top: 2px solid #c5004c;
  }
  .itemIntroduction dl {
    width: 100%;
    text-align: right;
    border-bottom: solid 1px #333;
    margin-bottom: 0;
  }
  .itemIntroduction dt {
    float: right;
    padding-left: 1%;
  }
  .itemIntroduction dd {
    padding-left: 1%;
    color: #bfbfbf;
  }
}
@media only screen and (min-width: 768px) {
  .itemIntroduction h3 {
    margin-top: 1%;
    margin-bottom: 1%;
    padding: 5%;
    background: #fff;
    border-left: 6px solid #dc6000;
  }
  .itemIntroduction p {
    margin-top: 0;
    margin-bottom: 3%;
    padding: 2% 5%;
    background: #fff;
    color: #333;
    border-left: 2px solid #fdca8a;
  }
  .itemIntroduction dl {
    width: 100%;
    text-align: right;
    border-bottom: solid 1px #666;
    color: #333;
  }
  .itemIntroduction dt {
    float: right;
    padding-left: 1%;
  }
  .itemIntroduction dd {
    color: #a6a6a6;
    padding-left: 1%;
  }
}

/*# sourceMappingURL=mon.css.map */