/* ================================
  [CO] contentsArea
================================ */
/* PC */
.co-remodal--dropmenu {
  -webkit-perspective: 1000;
}


@media screen and (min-width: 1280px) {
  .co-contentsArea {
    width: 100%;
  }
  .co-contentsMain {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    max-width: 1384px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 64px;
    padding-right: 64px;
  }
}

@media screen and (min-width: 1600px) {
  .co-contentsMain {
    max-width: 1840px;
    padding-left: 100px;
    padding-right: 100px;
  }
}

/* TB */
@media screen and (max-width: 1279px) and (min-width: 744px) {
  .co-contentsArea {
    width: 100%;
  }
  .co-contentsMain {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding-left: 56px;
    padding-right: 56px;
  }
}

/* SP */
@media screen and (max-width: 743px) {
  .co-contentsArea {
    width: 100%;
  }
  .co-contentsMain {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding-left: 5.333vw;
    padding-right: 5.333vw;
  }
}

/* IE10~11 */
_:-ms-input-placeholder, :root .co-contentsArea {
  overflow: hidden;
}
/*# sourceMappingURL=layout.css.map */
