@charset "utf-8";

/* --------------------
 base settings
-------------------- */
body #areaWrapper1 {
  padding: 0 !important;
}

@media screen and (min-width: 769px), print {
  body #areaWrapper1 {
    width: 100% !important;
  }
}

#opkuji2603 {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: #333;
  -webkit-text-size-adjust: 100%;
  text-align: left;
  margin-bottom: 1rem;
  font-size: 100%;
  line-height: 1.7;
  font-weight: 500 !important;
  font-family: 'Noto Sans JP', sans-serif;
  background-size: auto auto;
}

@media screen and (min-width: 769px), print {
  #opkuji2603 {
    background-color: rgba(244, 244, 244, 1);
    background-image: repeating-linear-gradient(135deg, transparent, transparent 16px, rgba(255, 255, 255, 1) 16px, rgba(255, 255, 255, 1) 32px);
  }
}

#opkuji2603 .contentArea {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
}

@media screen and (min-width: 769px), print {
  #opkuji2603 .contentArea {
    width: 500px;
    box-shadow: 0 0 24px #ccc;
  }
}

#opkuji2603 * {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

/* Bugfix for Android font-size
#opkuji2603 * {max-height: 999999px;}
*/

#opkuji2603 ol,
#opkuji2603 ul {
  list-style: none;
}

#opkuji2603 img {
  height: auto;
  max-width: 100%;
  vertical-align: top;
  image-rendering: -webkit-optimize-contrast;
}

/* --------------------
 Class
-------------------- */

.center {
  text-align: center;
}
.nw {
  display: inline-block;
}

.mincho {
  font-family: Garamond, 'Times New Roman', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}
.gothic {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', '游ゴシック体', 'Original Yu Gothic', '游ゴシック', 'Yu Gothic', YuGothic, Verdana, 'Meiryo UI', 'メイリオ', Meiryo, sans-serif;
}

/* --------------------
 Content
-------------------- */
#opkuji2603 {
  text-align: left;
  margin-bottom: 1rem;
  font-size: 0.98rem;
  line-height: 1.7;
}

#opkuji2603 h2 {
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 1em 0;
}

#opkuji2603 .article {
  padding: 0 5% 2rem;
}

#opkuji2603 .section {
  margin: 0 0 2rem;
}
/* @media screen and (min-width: 769px), print {
  #opkuji2603 .section {
    margin: 0 0 5rem;
  }
} */

/* --------------------
 Smart device
-------------------- */
@media screen and (max-width: 768px) {
  /* PC-SP Switch */
  .dispPC {
    display: none;
  }
}

/* --------------------
 PC and Print
-------------------- */
@media screen and (min-width: 769px), print {
  /* PC-SP Switch */
  .dispSP {
    display: none;
  }

  /* ----- Content ----- */
  #opkuji2603 {
    text-align: left;
    margin-bottom: 1rem;
    overflow: hidden;
  }
}

/* ----- Content ----- */

#opkuji2603 .subTitle {
  color: #000;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  padding: 12px 1.5%;
}

@media screen and (min-width: 769px), print {
  #opkuji2603 .subTitle {
    font-size: 2rem;
    padding: 30px 0;
  }
}

#opkuji2603 .subTitleText {
  border-top: 1px solid #b0b0b0;
  border-bottom: 1px solid #b0b0b0;
  font-size: 0.9rem;
  padding: 1rem 0;
  text-align: left;
}

#opkuji2603 .subTitleText ul {
  margin-left: 1em;
  text-indent: -1em;
}

@media screen and (min-width: 769px), print {
  #opkuji2603 .subTitleText {
    padding: 1rem 0;
    text-align: center;
  }
}

/* 均等な段組み */
#opkuji2603 .col2,
#opkuji2603 .col3,
#opkuji2603 .col2s,
#opkuji2603 .col3s {
  display: flex;
  flex-wrap: wrap;
  gap: 3em;
}
@media screen and (max-width: 768px) {
  #opkuji2603 .col2,
  #opkuji2603 .col3 {
    gap: 2em;
    margin-bottom: 30px;
  }
  #opkuji2603 .col2s,
  #opkuji2603 .col3s {
    margin: 0 -10px;
  }
}
#opkuji2603 .col2 li,
#opkuji2603 .col3 li,
#opkuji2603 .col2s li,
#opkuji2603 .col3s li {
  display: inline-block;
  vertical-align: top;
  /* margin: 0 20px 40px 20px; */
  padding: 0;
  border: none;
  position: relative;
  font-size: 1rem;
  line-height: 1.5;
}
/* #opkuji2603 .col2 li,
#opkuji2603 .col2s li {
  width: calc(50% - 1.5em);
} */
#opkuji2603 .col3 li,
#opkuji2603 .col3s li {
  width: calc(100% / 3 - 41px);
}
@media screen and (max-width: 768px) {
  #opkuji2603 .col2s li,
  #opkuji2603 .col3s li {
    width: calc(50% - 20px);
  }
  #opkuji2603 .col2 li,
  #opkuji2603 .col3 li {
    display: block;
    /* margin: 30px 0; */
    width: auto;
    font-size: 14px;
  }
  #opkuji2603 .col2s li,
  #opkuji2603 .col3s li {
    margin: 0 10px 20px 10px;
    font-size: 14px;
  }
}
@media screen and (min-width: 769px), print {
  #opkuji2603 .col2 li:nth-last-child(-n + 2),
  #opkuji2603 .col3 li:nth-last-child(-n + 3),
  #opkuji2603 .col2s li:nth-last-child(-n + 2),
  #opkuji2603 .col3s li:nth-last-child(-n + 3) {
    margin-bottom: 0;
  }

  #opkuji2603 .col2 li:nth-child(-n + 2) *:first-child,
  #opkuji2603 .col3 li:nth-child(-n + 3) *:first-child,
  #opkuji2603 .col2s li:nth-child(-n + 2) *:first-child,
  #opkuji2603 .col3s li:nth-child(-n + 3) *:first-child {
    margin-top: 0;
  }
  #opkuji2603 .col2 li *:last-child,
  #opkuji2603 .col3 li *:last-child,
  #opkuji2603 .col2s li *:last-child,
  #opkuji2603 .col3s li *:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  #opkuji2603 .col3s li:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
  #opkuji2603 .col3s li:nth-child(-n + 2) *:first-child {
    margin-top: 0;
  }
}

/* item */
#opkuji2603 .itemImg {
  border: 1px solid #d9d9d9;
  margin-bottom: min(2vw, 1rem);
}

#opkuji2603 .itemPrize {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 0.8rem;
  line-height: 1.2;
}

#opkuji2603 .itemPrize_note {
  font-size: 0.8rem;
  font-weight: normal;
}

#opkuji2603 .itemName {
  color: #996600;
  font-weight: bold;
}

@media screen and (min-width: 769px), print {
  #opkuji2603 .itemShurui,
  #opkuji2603 .itemSize,
  #opkuji2603 .itemNote {
    font-size: 0.9em;
  }
}

#opkuji2603 .itemShurui,
#opkuji2603 .itemSize {
  display: inline-block;
}

#opkuji2603 .bdr {
  border-top: 1px solid #b0b0b0;
  border-bottom: 1px solid #b0b0b0;
  padding-top: 2rem;
}
@media screen and (min-width: 769px), print {
  #opkuji2603 .bdr {
    padding: 3rem 0;
  }
}

#opkuji2603 .lastOne {
}

#opkuji2603 .wChance {
}

#opkuji2603 .ichiban_link li:not(:last-child) {
  margin-bottom: 1rem;
}

#opkuji2603 .copy {
  /*
    font-family: HelveticaNeue, "Arial", "sans-serif";
    font-size: 0.95rem;
    */
  font-size: 0.8rem;
}

#opkuji2603 .cdy {
  font-family: HelveticaNeue, 'Arial', 'sans-serif';
  font-size: 0.95rem;
  margin-bottom: 1rem;
}

#opkuji2603 .note li {
  font-size: 0.8rem;
  line-height: 1.5;
  color: #333;
  margin-left: 1em;
  text-indent: -1em;
  margin-bottom: 0.1rem;
}
#opkuji2603 .note li img {
  vertical-align: middle;
  margin-left: 0.1rem;
}

#opkuji2603 .itemNote {
  margin-left: 1em;
  text-indent: -1em;
}