@import url("./reset.css");

body {
  background: url("../images/bg.png");
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
/*ul, li { list-style: none;}*/

@media (min-width: 1280px) {
  .container { width: 1280px; overflow: hidden; margin: 0 auto;}
  header { width: 100%; overflow: hidden; margin:0 auto; padding: 50px 0; background: #fff; }
  header h1 {max-width: 100%; height: auto; margin: 0 auto; text-align: center;}
  header h1 img { width: 70%; height: auto; text-align: center;}
  .message { width: 100%; margin: 50px auto; color: #ff1493; font-size: 18px; line-height: 25px; font-weight: bold; text-align: center;}
  .top_image { display: flex; flex-direction: row; width: 80%; margin: 50px auto;}
  .image_box { max-width: 33%; height: auto; }
  .image_box img { width: 100%; height: auto; }
  .entry {
    width: 80%;
    overflow: hidden;
    margin: 0 auto 50px;
    background: linear-gradient(45deg,#007eff,#ff17b1);
    border-radius: 25px;
    padding: 3px;
  }
  .entry_desc {
    padding: 30px;
    background: #fff;
  	border-radius: 24px;
  	text-align: center;
  }
  .entry_desc h2 { margin:0 0 50px 0; color:#ff8dd0; font-size: 24px; text-align: center; }
  .entry_desc ul { width: 85%; margin-bottom: 30px;   margin: 0 auto; text-align: left; }
  .entry_desc ul li { font-size: 18px; line-height: 30px; }
  .entry_desc p.attention { display: block; color:#00abb7; font-size: 14px;  line-height: 20px; margin: 20px 0 0 0; }

  .special { font-size: 24px; line-height: 34px; font-weight: bold; }
  .d_pink { color: #ff1493; }

  .entry_desc_img { max-width: 100%; height: auto; margin: 0 0 50px;}
  .entry_desc_img img { width: 100%; height: auto; }

  .entry_desc_img_sp { display: none; visibility: hidden; }
  .entry_desc_img_sp img { display: none; }

  .entry_desc_img_qr { max-width: 50%; height: auto; margin: 0 auto 50px;}
  .entry_desc_img_qr img { width: 100%; height: auto; }

}

@media (max-width: 1279px) {
  header { max-width: 100%; overflow: hidden; margin:0 auto; padding: 50px; background: #fff; }
  header h1 {max-width: 100%; height: auto; margin: 0 auto; text-align: center;}
  header h1 img { width: 90%; height: auto; text-align: center;}
  .message { width: 100%; margin: 20px auto; color: #ff1493; font-size: 14px; line-height: 18px; font-weight: bold; text-align: center;}
  .top_image { display: flex; flex-direction: row; width: 80%; margin: 50px auto;}
  .image_box { max-width: 33%; height: auto; }
  .image_box img { width: 100%; height: auto; }
  .entry {
    width: 80%;
    overflow: hidden;
    margin: 0 auto 50px;
    background: linear-gradient(45deg,#007eff,#ff17b1);
    border-radius: 25px;
    padding: 3px;
  }
  .entry_desc {
    padding: 30px;
    background: #fff;
  	border-radius: 24px;
  	text-align: center;
  }
  .entry_desc h2 { margin:0 0 50px 0; color:#ff8dd0; font-size: 24px; text-align: center; }
  .entry_desc ul { width: 85%; margin-bottom: 30px;   margin: 0 auto; text-align: left; }
  .entry_desc ul li { font-size: 18px; line-height: 30px; }
  .entry_desc p.attention { display: block; color:#00abb7; font-size: 14px;  line-height: 20px; margin: 20px 0 0 0; }

  .special { font-size: 24px; line-height: 34px; font-weight: bold; }
  .d_pink { color: #ff1493; }

  .entry_desc_img { display: none; visibility: hidden; }
  .entry_desc_img img { display: none; }

  .entry_desc_img_sp { max-width: 100%; height: auto; margin: 0 0 50px;}
  .entry_desc_img_sp img { width: 100%; height: auto; }

  .entry_button { max-width: 100%; height: auto;  margin: 0 0 30px;}
  .entry_button { width: 90%; height: auto;}

  .entry_desc_img_qr { max-width: 90%; height: auto; margin: 0 auto 50px;}
  .entry_desc_img_qr img { width: 100%; height: auto; }

}