@charset "UTF-8";
/* media-queries-page.css */
@media screen and (min-width: 1680px) {
  /* 1680px以上 */
  #page.datecrown .cont04 .inner .lineup ul {
    margin-left: 7.5vw;
    margin-right: 7.5vw; } }
@media screen and (max-width: 1440px) {
  /* 1440px以下 */
  #page.datecrown .inner {
    padding-left: 5vw;
    padding-right: 5vw; }
  #page.datecrown .contactBox {
    padding-left: 5vw;
    padding-right: 5vw; } }
@media screen and (max-width: 1280px) {
  /* 1280px以下 */
  #page.datecrown .cont04 .inner .lineup ul {
    margin-left: 0;
    margin-right: 0; } }
@media screen and (max-width: 1080px) {
  /* 1080px以下 */ }
@media screen and (max-width: 1023px) {
  /* 1024px以下 */
  #page.datecrown .cont02 .txtBox .descBox {
    flex-wrap: wrap; }
    #page.datecrown .cont02 .txtBox .descBox .box.left, #page.datecrown .cont02 .txtBox .descBox .box.right {
      width: 100%; }
    #page.datecrown .cont02 .txtBox .descBox .box .date {
      bottom: 1em;
      width: 25%; }
  #page.datecrown .cont04 .inner .lineup ul li .products .txtBox .btnBox .btn a {
    width: 90%; } }
@media screen and (max-width: 820px) {
  /* 820px以下 */
  #page.datecrown .cont02 .txtBox .descBox .box {
    padding: 2em; } }
@media screen and (max-width: 480px) {
  /* 480px以下 */
  #page.datecrown .contactBox .inner {
    padding-top: 2em;
    padding-bottom: 2.5em; }
    #page.datecrown .contactBox .inner .titleBox {
      margin-bottom: 2em; }
  #page.datecrown .inner .titleBox h2 {
    font-size: 175%; }
  #page.datecrown .cont01 .content {
    flex-wrap: wrap; }
    #page.datecrown .cont01 .content .titleBox,
    #page.datecrown .cont01 .content .imgBox {
      width: 100%; }
    #page.datecrown .cont01 .content .titleBox {
      margin-bottom: 2em; }
      #page.datecrown .cont01 .content .titleBox h2 {
        text-align: center; }
        #page.datecrown .cont01 .content .titleBox h2 span {
          font-size: 80%; }
  #page.datecrown .cont02 .txtBox h3 {
    font-size: 128%; }
  #page.datecrown .cont02 .txtBox .descBox {
    flex-wrap: wrap; }
    #page.datecrown .cont02 .txtBox .descBox .box {
      width: 100%; }
      #page.datecrown .cont02 .txtBox .descBox .box .date {
        display: block;
        margin: 2em auto 0;
        width: 65%;
        position: relative;
        right: auto;
        bottom: auto; }
  #page.datecrown .cont03 {
    background-position: 20% 50%; }
    #page.datecrown .cont03 .inner {
      padding-top: 5em;
      padding-bottom: 5em; }
  #page.datecrown .cont04 .inner .lineup ul li .products {
    padding: 2em;
    flex-wrap: wrap; }
    #page.datecrown .cont04 .inner .lineup ul li .products .txtBox,
    #page.datecrown .cont04 .inner .lineup ul li .products .imgBox {
      width: 100%; }
    #page.datecrown .cont04 .inner .lineup ul li .products .txtBox {
      margin-top: 2em;
      order: 2; }
      #page.datecrown .cont04 .inner .lineup ul li .products .txtBox h3 {
        text-align: center; }
      #page.datecrown .cont04 .inner .lineup ul li .products .txtBox .btnBox .btn a {
        width: 100%; }
    #page.datecrown .cont04 .inner .lineup ul li .products .imgBox {
      order: 1; } }
