/* CSS Document */
/*settings*/
html body .productBlock.productpage .innerWrap .effect01 {
  top: 560px; }
html body .productBlock.productpage .innerWrap .ttlh2 {
  text-align: center;
  width: 100%;
  padding: 3px 0;
  border-top: 1px solid #E79E42;
  border-bottom: 1px solid #E79E42;
  font-size: 2em; }
  html body .productBlock.productpage .innerWrap .ttlh2 .innerLine {
    width: 100%;
    padding: 15px 0;
    display: block;
    color: #E79E42;
    border-top: 1px solid #E79E42;
    border-bottom: 1px solid #E79E42; }
html body .productBlock.productpage .innerWrap .ttlh2 + .text {
  text-align: center;
  margin-bottom: 30px; }
html body .productBlock.productpage .innerWrap .ttlh3 {
  color: #333333;
  text-align: center;
  font-size: 1.5em;
  display: inline-block;
  border: 1px solid #333333;
  margin: 0 auto 60px;
  display: block;
  padding: 10px;
  width: 60%; }
html body .productBlock.productpage .innerWrap .kumo01 {
  position: absolute;
  left: -10%;
  top: 3%;
  width: 160px; }
html body .productBlock.productpage .innerWrap .kumo02 {
  position: absolute;
  right: -15%;
  top: 10%;
  width: 180px; }
html body .productBlock.productpage .innerWrap .productList .flexBox + .flexBox {
  display: block; }
  html body .productBlock.productpage .innerWrap .productList .flexBox + .flexBox .leftBox {
    width: 100%; }
  html body .productBlock.productpage .innerWrap .productList .flexBox + .flexBox .rightBox {
    width: 100%; }
    html body .productBlock.productpage .innerWrap .productList .flexBox + .flexBox .rightBox .addList li {
      font-size: 1.7em;
      margin-left: 0; }
      html body .productBlock.productpage .innerWrap .productList .flexBox + .flexBox .rightBox .addList li .mini {
        display: block;
        font-size: 0.8em;
        margin-top: 10px;
        border-top: 1px dotted #333333; }
        html body .productBlock.productpage .innerWrap .productList .flexBox + .flexBox .rightBox .addList li .mini .fontChange {
          font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; }
html body .productBlock.productpage .innerWrap .moreBtn .innerLine .jp {
  font-size: 1.3em; }
html body .productBlock.productpage .innerWrap .moreBtn .innerLine .rightArrow_b {
  transform: rotate(90deg);
  margin-top: -10px; }
html body .lineUpBlock {
  background: url("../img/common/back_mori.png");
  background-size: contain;
  position: relative;
  padding: 90px 0; }
  html body .lineUpBlock .innerWrap {
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    z-index: 33;
    color: #ffffff; }
    html body .lineUpBlock .innerWrap .ttlh2 {
      text-align: center;
      width: 100%;
      padding: 3px 0;
      border-top: 1px solid #E79E42;
      border-bottom: 1px solid #E79E42;
      font-size: 2em; }
      html body .lineUpBlock .innerWrap .ttlh2 .innerLine {
        width: 100%;
        padding: 15px 0;
        display: block;
        color: #E79E42;
        border-top: 1px solid #E79E42;
        border-bottom: 1px solid #E79E42; }
    html body .lineUpBlock .innerWrap .ttlh2 + .text {
      text-align: center;
      padding-bottom: 30px;
      border-bottom: 1px solid #E79E42; }
    html body .lineUpBlock .innerWrap .tyleSelect {
      display: flex;
      justify-content: center;
      width: 80%;
      margin: 0 auto;
      padding: 30px 0; }
      html body .lineUpBlock .innerWrap .tyleSelect .btn {
        padding: 10px;
        margin-bottom: 20px;
        cursor: pointer;
        transition: 0.5s; }
      html body .lineUpBlock .innerWrap .tyleSelect .btn.on {
        color: #E79E42;
        position: relative; }
      html body .lineUpBlock .innerWrap .tyleSelect .btn:hover {
        color: #E79E42;
        cursor: pointer; }
        html body .lineUpBlock .innerWrap .tyleSelect .btn:hover img {
          pointer-events: none; }
      html body .lineUpBlock .innerWrap .tyleSelect .btn.on::after {
        content: url("../img/common/double_arrow.png");
        position: absolute;
        bottom: -25px;
        left: 50%;
        transform: translateX(-50%); }
      html body .lineUpBlock .innerWrap .tyleSelect .subbtn {
        padding: 10px;
        margin-bottom: 20px;
        cursor: pointer;
        transition: 0.5s; }
      html body .lineUpBlock .innerWrap .tyleSelect .subbtn.on {
        color: #E79E42;
        position: relative; }
      html body .lineUpBlock .innerWrap .tyleSelect .subbtn:hover {
        color: #E79E42;
        cursor: pointer; }
        html body .lineUpBlock .innerWrap .tyleSelect .subbtn:hover img {
          pointer-events: none; }
      html body .lineUpBlock .innerWrap .tyleSelect .subbtn.on::after {
        content: url("../img/common/double_arrow.png");
        position: absolute;
        bottom: -25px;
        left: 50%;
        transform: translateX(-50%); }
    html body .lineUpBlock .innerWrap .ttlH4 {
      text-align: center;
      color: #E79E42;
      font-size: 3em;
      display: block;
      margin: 20px auto 30px; }
    html body .lineUpBlock .innerWrap .lineUpWrap {
      border: 1px solid #E79E42;
      padding: 60px 0 0; }
      html body .lineUpBlock .innerWrap .lineUpWrap .lineUpList {
        display: flex;
        flex-wrap: wrap;
        padding: 0 7%; }
        html body .lineUpBlock .innerWrap .lineUpWrap .lineUpList li {
          width: 50%;
          text-align: center; }
          html body .lineUpBlock .innerWrap .lineUpWrap .lineUpList li .charaname {
            font-size: 3em;
            border-bottom: 5px solid #E79E42;
            margin: 0 auto 10px;
            padding-bottom: 20px;
            max-width: 300px; }
          html body .lineUpBlock .innerWrap .lineUpWrap .lineUpList li .charaname.redLine {
            border-color: #B53722; }
          html body .lineUpBlock .innerWrap .lineUpWrap .lineUpList li .charaname.pinkLine {
            border-color: #D65680; }
          html body .lineUpBlock .innerWrap .lineUpWrap .lineUpList li .charaname.yellowLine {
            border-color: #FFD81A; }
          html body .lineUpBlock .innerWrap .lineUpWrap .lineUpList li .charaname.skyLine {
            border-color: #00B5DB; }
          html body .lineUpBlock .innerWrap .lineUpWrap .lineUpList li h6 {
            padding: 20px 0;
            font-size: 2em;
            border-bottom: 1px solid #ffffff;
            margin: 0 auto 20px;
            max-width: 300px; }
          html body .lineUpBlock .innerWrap .lineUpWrap .lineUpList li h6 + .attention {
            color: #E79E42;
            font-size: 1.3em; }
          html body .lineUpBlock .innerWrap .lineUpWrap .lineUpList li .text {
            padding: 20px 0; }
          html body .lineUpBlock .innerWrap .lineUpWrap .lineUpList li .moreBtn {
            display: block;
            margin: 0 auto 60px; }
            html body .lineUpBlock .innerWrap .lineUpWrap .lineUpList li .moreBtn .innerLine .jp {
              font-size: 1.3em; }
      html body .lineUpBlock .innerWrap .lineUpWrap .attentionWrap {
        margin: 10px;
        background: #333333;
        padding: 10px; }
        html body .lineUpBlock .innerWrap .lineUpWrap .attentionWrap .text {
          text-align: center; }
    html body .lineUpBlock .innerWrap .originalWrapBlock {
      margin-top: 90px; }
html body .returnTop {
  margin: 30px auto 30px; }

@media screen and (max-width: 960px) {
  html body .toppage .productBlock {
    padding-top: 310px; }
    html body .toppage .productBlock .innerWrap .ttlh2 + .text {
      font-size: 2em;
      line-height: 2em;
      text-align: justify; }
    html body .toppage .productBlock .innerWrap .effect01 {
      top: 640px; }
    html body .toppage .productBlock .innerWrap .productList .flexBox .rightBox {
      font-size: 1.3em; }
      html body .toppage .productBlock .innerWrap .productList .flexBox .rightBox .betattl {
        padding: 20px; }
      html body .toppage .productBlock .innerWrap .productList .flexBox .rightBox .addText {
        font-size: 1.2em;
        padding-top: 10px; }
    html body .toppage .productBlock .innerWrap .productList .flexBox + .flexBox .rightBox h4.minittl {
      padding: 40px; }
    html body .toppage .productBlock .innerWrap .productList .flexBox + .flexBox .rightBox .addList li {
      font-size: 2em;
      line-height: 1.5em; }
      html body .toppage .productBlock .innerWrap .productList .flexBox + .flexBox .rightBox .addList li .mini {
        margin-top: 20px;
        margin-bottom: 30px; }
    html body .toppage .productBlock .innerWrap .moreBtn .innerLine .jp {
      font-size: 2.2em; }
  html body .toppage .lineUpBlock .innerWrap {
    font-size: 1.2em; }
    html body .toppage .lineUpBlock .innerWrap .ttlh2 + .text {
      font-size: 2em;
      line-height: 2em;
      text-align: justify; }
    html body .toppage .lineUpBlock .innerWrap .lineUpList li .moreBtn {
      font-size: 1.4em; }
    html body .toppage .lineUpBlock .innerWrap .lineUpList li h6 + .attention {
      font-size: 1.7em;
      line-height: 1.5em; }
    html body .toppage .lineUpBlock .innerWrap .lineUpList li .text {
      min-height: 120px; } }