@charset "UTF-8";
/*===============================

   @import

================================*/
/*===============================

	Media Query（レスポンシブ対応用）

================================*/
/*===============================

	共有クラス（share）

================================*/
/*	非表示
================================*/
@media only screen and (min-width: 788px) {
  .s-PC {
    display: none !important;
  }
}

@media only screen and (min-width: 499px) and (max-width: 788px) {
  .s-TB {
    display: none !important;
  }
}

@media only screen and (max-width: 499px) {
  .s-SP {
    display: none !important;
  }
}

/*	文字装飾
================================*/
.s-re {
  color: red;
}

.s-bl {
  color: #3A71D6;
}

.s-it {
  font-style: italic;
}

.s-bo {
  font-weight: bold;
}

.s-la1 {
  font-size: 1.1em;
}

.s-la2 {
  font-size: 1.2em;
}

.s-la3 {
  font-size: 1.3em;
}

.s-la4 {
  font-size: 1.4em;
}

.s-sm {
  opacity: 0.9;
  font-size: 0.85em;
}

.s-ma {
  display: inline-block;
}
.s-ma:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.5em;
  margin: -0.8em 0;
  background: yellow;
}

/*===============================

	ランディングページ

================================*/
/*	ベース
================================*/
.lp-wrap {
  max-width: 1200px;
  margin: auto;
  padding: 30px 10px 50px;
}
@media only screen and (max-width: 499px) {
  .lp-wrap {
    padding: 50px 0;
  }
}
.lp-wrap .lp-header {
  width: 100%;
  margin: auto;
}
.lp-wrap .lp-header h1 {
  display: block;
  text-align: center;
}
.lp-wrap .lp-head {
  font-size: 27px;
  text-align: center;
  width: 100%;
  margin: 50px 0;
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-head {
    font-size: 20px;
    text-align: left;
    width: 100%;
    padding: 0;
    margin: 20px 0 10px;
    line-height: 200%;
  }
}
.lp-wrap .lp-head-relate {
  font-size: 25px;
  text-align: left;
  text-indent: 0.2em;
  margin: 50px 0 10px;
  padding: 0 0 5px;
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-head-relate {
    font-size: 20px;
    text-align: center;
    text-indent: 0;
    font-weight: bold;
    width: calc(100% - 20px);
    padding: 0;
    margin: 20px 10px 10px;
    line-height: 200%;
  }
}
.lp-wrap .lp-note {
  padding: 40px 0;
  max-width: 1200px;
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-note {
    padding: 20px 20px 40px;
  }
}
.lp-wrap .lp-note p {
  font-size: 16px;
  text-align: center;
  line-height: 250%;
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-note p {
    font-size: 14px;
    text-align: left;
  }
}
.lp-wrap .lp-note p small {
  color: #444;
  font-size: 0.9em;
}
.lp-wrap .lp-note-2c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-note-2c {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
  }
}
.lp-wrap .lp-note-2c p {
  width: calc(65% - 20px);
  margin: 0 10px;
  text-align: left;
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-note-2c p {
    width: 100%;
    margin: 10px 0;
  }
}
.lp-wrap .lp-note-2c > div, .lp-wrap .lp-note-2c > figure, .lp-wrap .lp-note-2c > picture {
  width: calc(35% - 20px);
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-note-2c > div, .lp-wrap .lp-note-2c > figure, .lp-wrap .lp-note-2c > picture {
    width: 100%;
  }
}
.lp-wrap .lp-note-2c > div ol, .lp-wrap .lp-note-2c > figure ol, .lp-wrap .lp-note-2c > picture ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.lp-wrap .lp-note-2c > div ol li, .lp-wrap .lp-note-2c > figure ol li, .lp-wrap .lp-note-2c > picture ol li {
  width: 45%;
}
.lp-wrap .lp-note-2c > div ol li dl, .lp-wrap .lp-note-2c > figure ol li dl, .lp-wrap .lp-note-2c > picture ol li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lp-wrap .lp-note-2c > div ol li dl dd, .lp-wrap .lp-note-2c > figure ol li dl dd, .lp-wrap .lp-note-2c > picture ol li dl dd {
  margin: 5px 0;
}
.lp-wrap .lp-note-2c > div a, .lp-wrap .lp-note-2c > figure a, .lp-wrap .lp-note-2c > picture a {
  margin: 10px 0 0;
}
.lp-wrap .lp-note-2c-sl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-note-2c-sl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
  }
}
.lp-wrap .lp-note-2c-sl > div:first-of-type, .lp-wrap .lp-note-2c-sl > figure:first-of-type, .lp-wrap .lp-note-2c-sl > picture:first-of-type {
  width: calc(50% - 30px);
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-note-2c-sl > div:first-of-type, .lp-wrap .lp-note-2c-sl > figure:first-of-type, .lp-wrap .lp-note-2c-sl > picture:first-of-type {
    width: 100%;
  }
}
.lp-wrap .lp-note-2c-sl > div:last-of-type, .lp-wrap .lp-note-2c-sl > figure:last-of-type, .lp-wrap .lp-note-2c-sl > picture:last-of-type {
  width: 50%;
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-note-2c-sl > div:last-of-type, .lp-wrap .lp-note-2c-sl > figure:last-of-type, .lp-wrap .lp-note-2c-sl > picture:last-of-type {
    width: 100%;
  }
}
.lp-wrap .lp-note-2c-sl > div p, .lp-wrap .lp-note-2c-sl > figure p, .lp-wrap .lp-note-2c-sl > picture p {
  margin: 0 10px;
  text-align: left;
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-note-2c-sl > div p, .lp-wrap .lp-note-2c-sl > figure p, .lp-wrap .lp-note-2c-sl > picture p {
    width: 100%;
    margin: 10px 0;
  }
}
.lp-wrap .lp-note-2c-sl > div ol, .lp-wrap .lp-note-2c-sl > figure ol, .lp-wrap .lp-note-2c-sl > picture ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 10px;
}
.lp-wrap .lp-note-2c-sl > div ol li, .lp-wrap .lp-note-2c-sl > figure ol li, .lp-wrap .lp-note-2c-sl > picture ol li {
  width: 45%;
}
.lp-wrap .lp-note-2c-sl > div ol li dl, .lp-wrap .lp-note-2c-sl > figure ol li dl, .lp-wrap .lp-note-2c-sl > picture ol li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lp-wrap .lp-note-2c-sl > div ol li dl dd, .lp-wrap .lp-note-2c-sl > figure ol li dl dd, .lp-wrap .lp-note-2c-sl > picture ol li dl dd {
  margin: 5px 0;
}
.lp-wrap .lp-note-2c-sl > div ol + a, .lp-wrap .lp-note-2c-sl > figure ol + a, .lp-wrap .lp-note-2c-sl > picture ol + a {
  margin: 10px 10px 0;
}
.lp-wrap .lp-note-2c-resize p {
  width: calc(75% - 20px);
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-note-2c-resize p {
    width: 100%;
  }
}
.lp-wrap .lp-note-2c-resize div,
.lp-wrap .lp-note-2c-resize figure,
.lp-wrap .lp-note-2c-resize picture {
  width: calc(25% - 20px);
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-note-2c-resize div,
  .lp-wrap .lp-note-2c-resize figure,
  .lp-wrap .lp-note-2c-resize picture {
    width: 100%;
  }
}
.lp-wrap .lp-note-reversed {
  padding: 0 0 70px;
}
.lp-wrap .lp-note-reversed h2 {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.lp-wrap .lp-note-reversed p {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.lp-wrap .lp-note-reversed div,
.lp-wrap .lp-note-reversed figure,
.lp-wrap .lp-note-reversed picture {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-note-reversed h2 {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .lp-wrap .lp-note-reversed p {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .lp-wrap .lp-note-reversed div,
  .lp-wrap .lp-note-reversed figure,
  .lp-wrap .lp-note-reversed picture {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.lp-wrap .lp-list {
  padding: 0 0 30px;
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-list {
    padding: 0 20px 70px;
  }
}
.lp-wrap .lp-list-1i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-list-1i {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
  }
}
.lp-wrap .lp-list-1i span {
  width: calc(65% - 20px);
  margin: 0 10px;
  text-align: left;
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-list-1i span {
    width: 100%;
    margin: 10px 0;
  }
}
.lp-wrap .lp-list-1i div {
  width: calc(35% - 20px);
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-list-1i div {
    width: 100%;
  }
}
.lp-wrap .lp-list-1i div ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.lp-wrap .lp-list-1i div ol li {
  width: 45%;
}
.lp-wrap .lp-list-1i div ol li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lp-wrap .lp-list-1i div ol li dl dd {
  margin: 5px 0;
}
.lp-wrap .lp-list-1i div a {
  margin: 10px 0 0;
}
.lp-wrap .lp-list-3c ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 499px) and (max-width: 788px) {
  .lp-wrap .lp-list-3c ol {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.lp-wrap .lp-list-3c ol > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 30%;
  margin: 0 0 80px 0;
}
@media only screen and (min-width: 499px) and (max-width: 788px) {
  .lp-wrap .lp-list-3c ol > li {
    width: 48%;
    margin: 1%;
  }
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-list-3c ol > li {
    width: 100%;
    margin: 0 0 60px 0;
  }
}
.lp-wrap .lp-list-3c ol > li div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-list-3c ol > li div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
  }
}
.lp-wrap .lp-item-name {
  display: block;
  font-size: 25px;
  line-height: 140%;
  text-indent: 0.2em;
  padding: 10px 0px 7px;
}
@media only screen and (min-width: 499px) and (max-width: 788px) {
  .lp-wrap .lp-item-name {
    font-size: 22px;
  }
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-item-name {
    font-size: 24px;
  }
}
.lp-wrap .lp-item-name::after {
  content: "";
  display: block;
  height: 2px;
  margin: 3px 0 5px 0;
  background: #000;
}
.lp-wrap .lp-item-price {
  font-weight: bold;
  font-size: 18px;
}
@media only screen and (min-width: 499px) and (max-width: 788px) {
  .lp-wrap .lp-item-price {
    font-size: 20px;
  }
}
.lp-wrap .lp-item-price small {
  font-size: 0.8em;
  font-weight: normal;
  margin: 0.17em 0 0 -5px;
}
.lp-wrap a[href*="/products/detail"] {
  display: block;
  color: #FFF;
  font-size: 15px;
  text-align: center;
  padding: 7px 15px 5px;
  background: #2C5CDE;
  border-radius: 3px;
}
@media only screen and (min-width: 499px) and (max-width: 788px) {
  .lp-wrap a[href*="/products/detail"] {
    width: calc(100% - 30px);
    margin: 10px 0;
  }
}
@media only screen and (max-width: 499px) {
  .lp-wrap a[href*="/products/detail"] {
    width: 100%;
    font-size: 16px;
    padding: 8px 0 7px;
    margin: 5px 0;
  }
}
.lp-wrap a[href*="/products/detail"]:hover {
  opacity: 0.8;
  text-decoration: none;
}
.lp-wrap ul.lp-item-size {
  margin: 5px 0;
}
@media only screen and (max-width: 499px) {
  .lp-wrap ul.lp-item-size {
    width: 100%;
  }
}
.lp-wrap ul.lp-item-size li {
  width: 100%;
}
.lp-wrap ul.lp-item-size li a {
  font-size: 14px;
}
@media only screen and (min-width: 788px) {
  .lp-wrap ul.lp-item-size li a {
    font-size: 12.5px;
  }
}
@media only screen and (min-width: 499px) and (max-width: 788px) {
  .lp-wrap ul.lp-item-size li a {
    font-size: 12.5px;
  }
}
.lp-wrap ul.lp-item-size li:last-child {
  margin: 5px 0 0;
}
.lp-wrap ul.lp-item-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 10px 0 20px;
}
@media only screen and (min-width: 499px) and (max-width: 788px) {
  .lp-wrap ul.lp-item-img {
    margin: 0 0 10px;
  }
}
.lp-wrap ul.lp-item-img-2c li:first-child {
  width: 50%;
}
.lp-wrap ul.lp-item-img-2c li:last-child {
  width: 50%;
}
.lp-wrap ul.lp-item-img-3t li:nth-child(1) {
  width: 90%;
}
.lp-wrap ul.lp-item-img-3t li:nth-child(2) {
  width: 50%;
}
.lp-wrap ul.lp-item-img-3t li:nth-child(3) {
  width: 50%;
}
.lp-wrap ul.lp-item-img-3b li:nth-child(1) {
  width: 50%;
}
.lp-wrap ul.lp-item-img-3b li:nth-child(2) {
  width: 50%;
}
.lp-wrap ul.lp-item-img-3b li:nth-child(3) {
  width: 90%;
}
.lp-wrap ul.lp-item-img-3l {
  display: grid;
  grid-template-rows: 50% 50%;
  grid-template-columns: 68% 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lp-wrap ul.lp-item-img-3l li:nth-child(1) {
  grid-row: 1/3;
  grid-column: 1/2;
}
.lp-wrap ul.lp-item-img-3l li:nth-child(2) {
  grid-row: 1/2;
  grid-column: 2/3;
}
.lp-wrap ul.lp-item-img-3l li:nth-child(3) {
  grid-row: 2/3;
  grid-column: 2/3;
}
.lp-wrap ul.lp-item-img-3r {
  display: grid;
  grid-template-rows: 50% 50%;
  grid-template-columns: 1fr 68%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lp-wrap ul.lp-item-img-3r li:nth-child(1) {
  grid-row: 1/2;
  grid-column: 1/2;
}
.lp-wrap ul.lp-item-img-3r li:nth-child(2) {
  grid-row: 2/3;
  grid-column: 1/2;
}
.lp-wrap ul.lp-item-img-3r li:nth-child(3) {
  grid-row: 1/3;
  grid-column: 2/3;
}
.lp-wrap .lp-movie {
  margin: 10px 0 0;
  overflow: hidden;
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-movie {
    padding: 0 10px;
  }
}
.lp-wrap .lp-movie iframe {
  width: 100%;
  height: 340px;
  border: none;
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-movie iframe {
    height: 25vh;
  }
}
.lp-wrap .lp-slider {
  margin: 10px 0 0;
  overflow: hidden;
}
.lp-wrap .lp-slider > div > div > div img {
  display: block;
  width: 80%;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-slider > div > div > div img {
    width: 100%;
    height: auto;
  }
}
.lp-wrap .lp-slider > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin: 20px 0 0;
}
.lp-wrap .lp-slider > ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(12.5% - 5px);
  margin: 0 calc((100% - (12.5% - 5px) * 8) / 7) 5px 0;
}
.lp-wrap .lp-slider > ul li:nth-child(8n) {
  margin: 0 0 5px;
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-slider > ul li {
    width: 18%;
    margin: 0 2.5% 10px 0;
  }
  .lp-wrap .lp-slider > ul li:nth-child(5n) {
    margin: 0 0 10px;
  }
}
.lp-wrap .lp-slider > ul li a {
  display: block;
  cursor: pointer;
}
.lp-wrap .lp-slider > ul li a img {
  display: block;
  width: 100%;
  height: auto;
  outline: 1px solid #EFEFEF;
  outline-offset: -1px;
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-slider > ul li a img {
    width: 100%;
  }
}
.lp-wrap .lp-slider > ul li a:hover img {
  opacity: 1;
}
.lp-wrap .lp-slider > ul li:hover img {
  outline: 1px solid #A6C7FF;
  outline-offset: -1px;
}
.lp-wrap .lp-slider > ul li.slick-active img {
  outline: 1px solid #2F55D7;
  outline-offset: -1px;
}
.lp-wrap .lp-slider > span {
  display: block;
  position: absolute;
  cursor: pointer;
  width: 25px;
  height: 25px;
  top: 0;
  margin: calc(50% - 25px) 10px 0;
  border: 5px solid rgba(0, 0, 0, 0.3);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 200;
}
.lp-wrap .lp-slider > span:hover {
  border: 5px solid rgba(0, 0, 0, 0.4);
}
.lp-wrap .lp-slider > span:nth-of-type(1) {
  left: 0;
  border-top: none;
  border-right: none;
}
.lp-wrap .lp-slider > span:nth-of-type(2) {
  right: 0;
  border-bottom: none;
  border-left: none;
}
.lp-wrap .lp-item:first-of-type {
  margin: 0 0 120px;
}
.lp-wrap .lp-item:last-of-type {
  margin: 120px 0 100px;
}
.lp-wrap .lp-item:only-of-type {
  margin: 0px 0 100px;
}
@media only screen and (min-width: 788px) {
  .lp-wrap .lp-item {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 50% 5% 45%;
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
    -ms-grid-columns: 50% 5% 45%;
    -ms-grid-rows: max-content;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .lp-wrap .lp-item.lp-item-1 {
    grid-template-columns: 73% 3% 24%;
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
    -ms-grid-columns: 73% 3% 24%;
    -ms-grid-rows: max-content;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .lp-wrap .lp-item.lp-item-1.lp-item-reverse {
    grid-template-columns: 24% 3% 73%;
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
    -ms-grid-columns: 24% 3% 73%;
    -ms-grid-rows: max-content;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .lp-wrap .lp-item:nth-child(odd) > div:nth-of-type(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .lp-wrap .lp-item:nth-child(odd) > div:nth-of-type(2) {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .lp-wrap .lp-item .lp-item-box:nth-child(1) {
    grid-row: 1/2;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .lp-wrap .lp-item .lp-item-box:nth-child(2) {
    grid-row: 2/2;
    grid-column: 3/3;
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .lp-wrap .lp-item .lp-item-box:nth-child(3) {
    grid-row: 2/2;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .lp-wrap .lp-item.lp-item-reverse {
    grid-template-columns: 45% 5% 50%;
    -ms-grid-columns: 45% 5% 50%;
  }
  .lp-wrap .lp-item.lp-item-reverse .lp-item-box:nth-child(1) {
    grid-row: 1/2;
    grid-column: 3/3;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .lp-wrap .lp-item.lp-item-reverse .lp-item-box:nth-child(2) {
    grid-row: 2/2;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .lp-wrap .lp-item.lp-item-reverse .lp-item-box:nth-child(3) {
    grid-row: 2/2;
    grid-column: 3/3;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}
.lp-wrap .lp-item > div > p {
  font-size: 16px;
  text-align: left;
  line-height: 250%;
  margin: 20px 10px 30px;
}
.lp-wrap .lp-item > div > p small {
  color: #444;
  font-size: 0.9em;
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-item > div > p {
    text-align: left;
  }
}
.lp-wrap .lp-item > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0 0;
  border-top: 1px solid #DDD;
}
@media only screen and (max-width: 499px) {
  .lp-wrap .lp-item > div > div {
    padding: 20px 10px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
  }
}
.lp-wrap .lp-item > div > div p.lp-item-price {
  margin: 0 10px;
}
.lp-wrap .lp-item > div figure ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.lp-wrap .lp-item > div figure ul li {
  width: 50%;
}
.lp-wrap .lp-relate {
  padding: 0 0 70px;
}
.lp-wrap .lp-relate a[href*="/products/detail"] {
  display: block;
  color: #1F232E;
  font-size: inherit;
  text-align: left;
  padding: 0;
  background: none;
  border-radius: 0;
}
@media only screen and (min-width: 788px) {
  .lp-wrap .list-item-8 ul,
  .lp-wrap .list-item-8 ol {
    width: 100%;
    height: 290px;
    padding: 0;
    overflow: hidden;
  }
  .lp-wrap .list-item-8 ul li,
  .lp-wrap .list-item-8 ol li {
    width: calc(14.2857142857% - 30px);
    margin: 30px calc((100% - (14.2857142857% - 30px) * 7) / 6) 20px 0;
  }
  .lp-wrap .list-item-8 ul li:nth-child(4n),
  .lp-wrap .list-item-8 ol li:nth-child(4n) {
    margin: 30px calc((100% - (14.2857142857% - 30px) * 7) / 6) 20px 0;
  }
  .lp-wrap .list-item-8 ul li:nth-child(7),
  .lp-wrap .list-item-8 ol li:nth-child(7) {
    margin: 30px 0 20px;
  }
  .lp-wrap .list-item-8 ul li .list-image img,
  .lp-wrap .list-item-8 ol li .list-image img {
    width: 100%;
    height: auto;
  }
}

/*	ラブライブ サンシャイン
================================*/
.lp-head-relate-lls {
  border-bottom: 2px solid #18B6FF;
}

.lp-list-lls .lp-item-name:after {
  background: #F7B52C;
}
.lp-list-lls ol > li:nth-child(odd) .lp-item-name:after {
  background: #F7B52C;
}
.lp-list-lls ol > li:nth-child(even) .lp-item-name:after {
  background: #18B6FF;
}
.lp-list-lls div:nth-of-type(odd) .lp-item-name:after {
  background: #F7B52C;
}
.lp-list-lls div:nth-of-type(even) .lp-item-name:after {
  background: #18B6FF;
}

.lp-list-lls-unit ol > li:nth-child(1) .lp-item-name:after {
  background: #F18D00;
  background: -webkit-gradient(left top, right top, color-stop(0%, #F18D00), color-stop(33%, #F18D00), color-stop(33%, #3ACAFF), color-stop(66%, #3ACAFF), color-stop(66%, #FE69DD), color-stop(100%, #FE69DD));
  background: -webkit-gradient(linear, left top, right top, from(#F18D00), color-stop(33%, #F18D00), color-stop(33%, #3ACAFF), color-stop(66%, #3ACAFF), color-stop(66%, #FE69DD), to(#FE69DD));
  background: linear-gradient(to right, #F18D00 0%, #F18D00 33%, #3ACAFF 33%, #3ACAFF 66%, #FE69DD 66%, #FE69DD 100%);
}
.lp-list-lls-unit ol > li:nth-child(2) .lp-item-name:after {
  background: #F18D00;
  background: -webkit-gradient(left top, right top, color-stop(0%, #6FE0DA), color-stop(33%, #6FE0DA), color-stop(33%, #FF5A5C), color-stop(66%, #FF5A5C), color-stop(66%, #EBD300), color-stop(100%, #EBD300));
  background: -webkit-gradient(linear, left top, right top, from(#6FE0DA), color-stop(33%, #6FE0DA), color-stop(33%, #FF5A5C), color-stop(66%, #FF5A5C), color-stop(66%, #EBD300), to(#EBD300));
  background: linear-gradient(to right, #6FE0DA 0%, #6FE0DA 33%, #FF5A5C 33%, #FF5A5C 66%, #EBD300 66%, #EBD300 100%);
}
.lp-list-lls-unit ol > li:nth-child(3) .lp-item-name:after {
  background: #F18D00;
  background: -webkit-gradient(left top, right top, color-stop(0%, #FF7777), color-stop(33%, #FF7777), color-stop(33%, #9F9F9F), color-stop(66%, #9F9F9F), color-stop(66%, #CD92FE), color-stop(100%, #CD92FE));
  background: -webkit-gradient(linear, left top, right top, from(#FF7777), color-stop(33%, #FF7777), color-stop(33%, #9F9F9F), color-stop(66%, #9F9F9F), color-stop(66%, #CD92FE), to(#CD92FE));
  background: linear-gradient(to right, #FF7777 0%, #FF7777 33%, #9F9F9F 33%, #9F9F9F 66%, #CD92FE 66%, #CD92FE 100%);
}

.lp-list-lls-member ol > li:nth-child(1) .lp-item-name:after {
  background: #F18D00;
}
.lp-list-lls-member ol > li:nth-child(2) .lp-item-name:after {
  background: #FF7777;
}
.lp-list-lls-member ol > li:nth-child(3) .lp-item-name:after {
  background: #6FE0DA;
}
.lp-list-lls-member ol > li:nth-child(4) .lp-item-name:after {
  background: #FF5A5C;
}
.lp-list-lls-member ol > li:nth-child(5) .lp-item-name:after {
  background: #3ACAFF;
}
.lp-list-lls-member ol > li:nth-child(6) .lp-item-name:after {
  background: #9F9F9F;
}
.lp-list-lls-member ol > li:nth-child(7) .lp-item-name:after {
  background: #EBD300;
}
.lp-list-lls-member ol > li:nth-child(8) .lp-item-name:after {
  background: #CD92FE;
}
.lp-list-lls-member ol > li:nth-child(9) .lp-item-name:after {
  background: #FE69DD;
}

/*	ペルソナ5
================================*/
.lp-head-relate-p5 {
  border-bottom: 2px solid #000;
}

.lp-header-p5 {
  border-top: 5px solid #F00;
  border-bottom: 5px solid #F00;
}

.lp-list-p5 .lp-item-name:after {
  background: #F00;
}
.lp-list-p5 ol > li:nth-child(odd) .lp-item-name:after {
  background: #F00;
}
.lp-list-p5 ol > li:nth-child(even) .lp-item-name:after {
  background: #000;
}
.lp-list-p5 div:nth-of-type(odd) .lp-item-name:after {
  background: #F00;
}
.lp-list-p5 div:nth-of-type(even) .lp-item-name:after {
  background: #000;
}

/*===============================

	ストアイベント

================================*/
/*	コゲ犬
================================*/
.store-wrap {
  max-width: 1060px;
  margin: auto;
  padding: 0 30px;
}
@media only screen and (max-width: 499px) {
  .store-wrap {
    padding: 0 10px;
  }
}
.store-wrap a {
  color: #1DA1F2;
}
.store-wrap a:hover {
  text-decoration: underline;
}
.store-wrap h1,
.store-wrap h2,
.store-wrap h3,
.store-wrap h4,
.store-wrap h5,
.store-wrap h6,
.store-wrap p,
.store-wrap li,
.store-wrap dt,
.store-wrap dd,
.store-wrap th,
.store-wrap td {
  line-height: 200%;
}

.store-header {
  margin: 20px 0 30px;
  padding: 30px 0 40px;
}
@media only screen and (max-width: 499px) {
  .store-header {
    margin: 20px 0 0;
  }
}
.store-header h1 {
  margin: 0 0 20px;
}
.store-header h2 {
  display: block;
  font-size: 48px;
  text-align: center;
  margin: 5px 0;
}
@media only screen and (max-width: 499px) {
  .store-header h2 {
    font-size: 34px;
  }
}
.store-header p {
  display: block;
  font-size: 24px;
  text-align: center;
  margin: 5px 0;
}
@media only screen and (max-width: 499px) {
  .store-header p {
    font-size: 20px;
  }
}

.store-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0 30px;
  padding: 30px 0 40px;
  border-bottom: 1px solid #EEE;
}
.store-block h3 {
  font-size: 24px;
  width: 100%;
  margin: 20px 0 10px;
}
.store-block h3:nth-of-type(1) {
  margin: 0 0 10px 0;
}
.store-block h4 {
  font-size: 20px;
  width: 100%;
  margin: 30px 10px 20px;
}
.store-block h4:nth-of-type(1) {
  margin: 20px 10px 10px;
}
.store-block p {
  font-size: 16px;
  margin: 10px 20px;
}
.store-block ul,
.store-block ol,
.store-block dl,
.store-block table,
.store-block figure {
  margin: 20px;
}
.store-block ul li,
.store-block ol li {
  font-size: 15px;
}
.store-block ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 15px 0;
  padding: 0 0 15px;
  border-bottom: 1px solid #EEE;
  counter-increment: li;
}
.store-block ol li::before {
  content: counter(li) ".";
  font-size: 1.1em;
  margin: 0 7px 0 0;
}
.store-block dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.store-block dl dt {
  font-size: 14px;
  white-space: nowrap;
}
.store-block dl dd {
  font-size: 15px;
  width: calc(100% - 5em);
}
.store-block table {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.store-block table tr {
  border: 1px solid #EEE;
}
.store-block table tr:nth-child(odd) {
  background: #F9F9F9;
}
.store-block table th {
  font-size: 14px;
  white-space: nowrap;
  padding: 10px;
  border: 1px solid #EEE;
}
.store-block table td {
  font-size: 15px;
  padding: 10px;
}
.store-block figure iframe {
  width: 100%;
  height: 350px;
}
.store-block figure twitterwidget {
  width: 100%;
  min-width: inherit !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: inherit !important;
  max-height: inherit !important;
  margin: 0;
  padding: 0;
}

.store-block-c30 {
  width: calc(30% - 40px);
}
@media only screen and (max-width: 499px) {
  .store-block-c30 {
    width: calc(100% - 40px);
  }
}

@media only screen and (max-width: 499px) {
  div.store-block-c30 {
    width: 100%;
  }
}

.store-block-c35 {
  width: calc(35% - 40px);
}
@media only screen and (max-width: 499px) {
  .store-block-c35 {
    width: calc(100% - 40px);
  }
}

@media only screen and (max-width: 499px) {
  div.store-block-c35 {
    width: 100%;
  }
}

.store-block-c40 {
  width: calc(40% - 40px);
}
@media only screen and (max-width: 499px) {
  .store-block-c40 {
    width: calc(100% - 40px);
  }
}

@media only screen and (max-width: 499px) {
  div.store-block-c40 {
    width: 100%;
  }
}

.store-block-c50 {
  width: calc(50% - 40px);
}
@media only screen and (max-width: 499px) {
  .store-block-c50 {
    width: calc(100% - 40px);
  }
}

@media only screen and (max-width: 499px) {
  div.store-block-c50 {
    width: 100%;
  }
}

.store-block-c60 {
  width: calc(60% - 40px);
}
@media only screen and (max-width: 499px) {
  .store-block-c60 {
    width: calc(100% - 40px);
  }
}

@media only screen and (max-width: 499px) {
  div.store-block-c60 {
    width: 100%;
  }
}

.store-block-c65 {
  width: calc(65% - 40px);
}
@media only screen and (max-width: 499px) {
  .store-block-c65 {
    width: calc(100% - 40px);
  }
}

@media only screen and (max-width: 499px) {
  div.store-block-c65 {
    width: 100%;
  }
}

.store-block-c70 {
  width: calc(70% - 40px);
}
@media only screen and (max-width: 499px) {
  .store-block-c70 {
    width: calc(100% - 40px);
  }
}

@media only screen and (max-width: 499px) {
  div.store-block-c70 {
    width: 100%;
  }
}

.store-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-weight: normal;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 499px) {
  .store-head {
    text-align: center;
  }
}
.store-head::before {
  content: "";
  width: 10px;
  height: 2.1em;
  background: #666;
}
@media only screen and (max-width: 499px) {
  .store-head::before {
    display: none;
  }
}
.store-head::after {
  display: inline-block;
  content: "";
  background: #666;
  width: 100%;
  height: 1px;
}
.store-head > span {
  line-height: 160%;
  width: calc(100% - 25px);
  padding: 5px 0 4px 15px;
  margin: 0 0 1px;
  border-bottom: 1px solid #666;
}
@media only screen and (max-width: 499px) {
  .store-head > span {
    width: 100%;
    padding: 5px 0 4px;
  }
}

.store-subhead {
  font-weight: normal;
  text-indent: 5px;
  border-bottom: 1px solid #999;
}
.store-subhead i {
  color: inherit;
  font-size: 0.8em;
  margin: 0 10px 0 0;
}

.store-caption {
  padding: 1px 10px 0;
  opacity: 0.9;
  border-left: 5px solid #999;
}

.store-access dl {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}
.store-access dl dt::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2em;
  margin: 0 10px 0 0;
  width: 0.3em;
  height: 0.3em;
  background: #999;
  border-radius: 0.5em;
}
.store-access dl dd {
  width: 100%;
  margin: 15px 0 15px 15px;
  padding: 0 0 15px;
  border-bottom: 1px solid #EEE;
}

@media only screen and (max-width: 499px) {
  .kogeinu-wrap .store-header .s-ma::after {
    background: rgba(0, 0, 0, 0);
  }
}
.kogeinu-wrap .s-ma::after {
  background: #F8D07C;
}
.kogeinu-wrap .store-head::before {
  background: #F1A300;
}
.kogeinu-wrap .store-head::after {
  background: #F1A300;
}
.kogeinu-wrap .store-head > span {
  border-bottom: 1px solid #F1A300;
}
.kogeinu-wrap .store-subhead {
  border-bottom: 1px solid #F8D07C;
}
.kogeinu-wrap .store-subhead i {
  color: #F8D07C;
}
.kogeinu-wrap .store-caption {
  border-left: 5px solid #F1A300;
}
.kogeinu-wrap .store-access dl dt::before {
  background: #F8D07C;
}

/*	電影少女STORE
================================*/
.vgs-wrap {
  font-family: "Open Sans", sans-serif;
  font-size: 0.92rem;
  line-height: 2.4rem;
  max-width: 1200px;
  margin: auto;
  padding: 30px 10px 50px;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap {
    width: 100%;
    padding: 50px 0;
  }
}
.vgs-wrap a[target=_blank] {
  color: #06F;
}
.vgs-wrap a[target=_blank]:hover {
  color: #C00;
  text-decoration: underline;
}
.vgs-wrap a[href*="#"] {
  text-decoration: underline;
}
.vgs-wrap a[href*="#"]:hover {
  color: #C00;
  text-decoration: underline;
}
.vgs-wrap > section {
  margin: 120px auto 50px;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap > section {
    padding: 0 10px;
  }
  .vgs-wrap > section:first-of-type {
    margin: 0 auto 50px;
  }
}
.vgs-wrap .vgs-header {
  width: 100%;
  max-width: 1100px;
  margin: auto;
}
.vgs-wrap .vgs-header h1 {
  display: block;
  text-align: center;
}
.vgs-wrap .vgs-footer {
  margin: 70px 0 0;
  padding: 15px;
  border-top: 3px solid #000;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-footer {
    margin: 70px 18px 0;
  }
}
.vgs-wrap .vgs-head {
  font-family: "Noto Serif", serif;
  font-size: 2.3rem;
  line-height: 3rem;
  font-weight: 500;
  text-align: left;
  width: 100%;
  margin: 50px 0 36px;
  padding: 15px;
  border-left: 3px solid #000;
  border-bottom: 3px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-head {
    font-size: 2rem;
    line-height: 3rem;
    margin: 0 0 36px;
    border-left: none;
  }
  .vgs-wrap .vgs-head br {
    display: none;
  }
}
.vgs-wrap .vgs-head span {
  font-style: italic;
}
.vgs-wrap .vgs-head + p {
  font-size: 1.2rem;
  padding: 0 18px;
  margin: 0 0 18px;
}
.vgs-wrap .vgs-head + p em {
  font-weight: bold;
}
.vgs-wrap .vgs-detail > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-detail > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    padding: 0 18px;
  }
}
.vgs-wrap .vgs-detail > div > div {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 65%;
  padding: 0 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-detail > div > div {
    width: 100%;
    padding: 0;
  }
}
.vgs-wrap .vgs-detail > div > div > p {
  margin: 0 0 18px;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-detail > div > div > p {
    margin: 20px 0;
  }
}
.vgs-wrap .vgs-detail > div > div section {
  padding: 1rem;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-detail > div > div section {
    border: none;
    background: #F9F9F9;
  }
}
.vgs-wrap .vgs-detail > div > div section h3 {
  font-size: 1.2em;
}
.vgs-wrap .vgs-detail > div > div section h3::before {
  content: "『";
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-detail > div > div section h3::before {
    content: "";
  }
}
.vgs-wrap .vgs-detail > div > div section h3::after {
  content: "』";
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-detail > div > div section h3::after {
    content: "";
  }
}
.vgs-wrap .vgs-detail > div > div section h3 span {
  margin: 0 0 0 0.5rem;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-detail > div > div section h3 span {
    display: block;
  }
}
.vgs-wrap .vgs-detail > div > div section h4 {
  font-size: 1.1em;
}
.vgs-wrap .vgs-detail > div > div section h4::before {
  content: "【";
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-detail > div > div section h4::before {
    content: "";
  }
}
.vgs-wrap .vgs-detail > div > div section h4::after {
  content: "】";
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-detail > div > div section h4::after {
    content: "";
  }
}
.vgs-wrap .vgs-detail > div > div section dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  line-height: 1.6rem;
  margin: 0 0 10px;
  padding: 0 1rem;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-detail > div > div section dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    width: 100%;
    padding: 0;
  }
}
.vgs-wrap .vgs-detail > div > div section dl:last-of-type {
  margin: 0;
}
.vgs-wrap .vgs-detail > div > div section dl dt {
  width: 5rem;
  font-size: 0.95em;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 7px;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-detail > div > div section dl dt {
    width: 100%;
  }
  .vgs-wrap .vgs-detail > div > div section dl dt:first-of-type {
    width: 100%;
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #DDD;
  }
}
.vgs-wrap .vgs-detail > div > div section dl dd {
  width: calc(100% - 5rem);
  word-break: break-all;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 7px;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-detail > div > div section dl dd {
    width: 100%;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #DDD;
  }
}
.vgs-wrap .vgs-detail > div > div section dl + p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1rem;
  font-size: 0.95em;
}
.vgs-wrap .vgs-detail > div > div section dl + p i {
  margin: 0 0.5rem 0 0;
  font-size: 1.4em;
}
.vgs-wrap .vgs-detail > div > picture {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 35%;
  padding: 0 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-detail > div > picture {
    width: 100%;
    padding: 0;
  }
}
.vgs-wrap .vgs-item ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 18px;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-item ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
  }
}
.vgs-wrap .vgs-item ul li {
  width: 20%;
  font-size: 0.85rem;
  line-height: 1.5rem;
  padding: 0 5px;
  margin: 0 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (-ms-high-contrast: none) {
  .vgs-wrap .vgs-item ul li {
    width: calc(20% - 1px);
  }
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-item ul li {
    width: 100%;
  }
}
.vgs-wrap .vgs-item ul li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.vgs-wrap .vgs-item ul li dl dt {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 0.95em;
  margin: 0 0 5px;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-item ul li dl dt {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}
.vgs-wrap .vgs-item ul li dl dt span {
  display: block;
  font-size: 0.9em;
}
.vgs-wrap .vgs-item ul li dl dt span small {
  font-size: 0.95em;
}
.vgs-wrap .vgs-item ul li dl dd:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 0.7rem 0 0;
  margin: 0 0 5px;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-item ul li dl dd:nth-of-type(1) img {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}
@media all and (-ms-high-contrast: none) {
  .vgs-wrap .vgs-item ul li dl dd:nth-of-type(1) img {
    max-width: 222.8px;
    min-width: 169.8px;
  }
}
.vgs-wrap .vgs-item ul li dl dd:nth-of-type(1) > span {
  position: absolute;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-item ul li dl dd:nth-of-type(1) > span {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    position: relative;
  }
}
.vgs-wrap .vgs-item ul li dl dd:nth-of-type(1) > span span {
  display: inline-block;
  color: #FFF;
  line-height: 0;
  font-weight: normal;
  margin: 1px;
  padding: 0.9em 0.5em;
  border-radius: 4px;
}
.vgs-wrap .vgs-item ul li dl dd:nth-of-type(1) > span span:nth-child(1) {
  background: #E70012;
}
.vgs-wrap .vgs-item ul li dl dd:nth-of-type(1) > span span:nth-child(2) {
  background: #E4AB12;
}
.vgs-wrap .vgs-item ul li dl dd:nth-of-type(2) {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  font-weight: bold;
  font-size: 1.1em;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-item ul li dl dd:nth-of-type(2) {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}
.vgs-wrap .vgs-item ul li dl dd:nth-of-type(2) small {
  font-weight: normal;
  font-size: 0.9em;
}
.vgs-wrap .vgs-campaign picture {
  display: block;
  text-align: center;
}
.vgs-wrap .vgs-campaign picture img {
  margin: auto;
}
.vgs-wrap .vgs-access p em::before {
  content: "【";
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-access p em::before {
    content: "";
  }
}
.vgs-wrap .vgs-access p em::after {
  content: "】";
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-access p em::after {
    content: "";
  }
}
.vgs-wrap .vgs-access > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 0.92rem;
  line-height: 2rem;
}
.vgs-wrap .vgs-access > div dl {
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  line-height: 1.6rem;
  margin: 0 0 10px;
  padding: 0 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-access > div dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    width: 100%;
    padding: 1rem;
    margin: 18px;
    background: #F9F9F9;
  }
}
.vgs-wrap .vgs-access > div dl dt {
  width: 5rem;
  font-size: 0.95em;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 7px;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-access > div dl dt {
    width: 100%;
  }
}
.vgs-wrap .vgs-access > div dl dd {
  width: calc(100% - 5rem);
  word-break: break-all;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 7px;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-access > div dl dd {
    width: 100%;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #DDD;
  }
}
.vgs-wrap .vgs-access > div figure {
  width: 55%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .vgs-wrap .vgs-access > div figure {
    width: 100%;
    padding: 0 18px;
  }
}
.vgs-wrap .vgs-access > div figure iframe {
  width: 100%;
  height: 100%;
  min-height: 40vh;
}

/*	日本一ソフトウェア
================================*/
.n1-wrap {
  font-family: "Open Sans", sans-serif;
  font-size: 0.92rem;
  line-height: 2.4rem;
  max-width: 1200px;
  margin: auto;
  padding: 30px 10px 50px;
}
@media only screen and (max-width: 499px) {
  .n1-wrap {
    width: 100%;
    padding: 50px 0;
  }
}
.n1-wrap a[target=_blank] {
  color: #06F;
}
.n1-wrap a[target=_blank]:hover {
  color: #C00;
  text-decoration: underline;
}
.n1-wrap a[href*="#"] {
  text-decoration: underline;
}
.n1-wrap a[href*="#"]:hover {
  color: #C00;
  text-decoration: underline;
}
.n1-wrap > section {
  margin: 120px auto 50px;
}
@media only screen and (max-width: 499px) {
  .n1-wrap > section {
    padding: 0 10px;
  }
  .n1-wrap > section:first-of-type {
    margin: 0 auto 50px;
  }
}
.n1-wrap .n1-header {
  width: 100%;
  margin: auto;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-header {
    margin: 0 0 30px;
  }
}
.n1-wrap .n1-header h1 {
  display: block;
  text-align: center;
}
.n1-wrap .n1-footer {
  margin: 70px 0 0;
  padding: 15px;
  border-top: 3px solid #0305A8;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-footer {
    margin: 70px 18px 0;
  }
}
.n1-wrap .n1-head {
  font-size: 2.3rem;
  color: #FFF;
  line-height: 3rem;
  font-weight: 700;
  text-align: center;
  width: 100%;
  margin: 50px 0 36px;
  padding: 15px 30px;
  background: #0305A8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-head {
    font-size: 1.8rem;
    line-height: 3rem;
    margin: 0 0 36px;
    padding: 15px;
  }
  .n1-wrap .n1-head br {
    display: none;
  }
}
.n1-wrap .n1-head span {
  font-style: italic;
}
.n1-wrap .n1-head + p {
  font-size: 1.2rem;
  padding: 0 18px;
  margin: 0 0 18px;
}
.n1-wrap .n1-head + p em {
  font-weight: bold;
}
.n1-wrap .n1-detail > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-detail > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    padding: 0 18px;
  }
}
.n1-wrap .n1-detail > div > div {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 65%;
  padding: 0 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-detail > div > div {
    width: 100%;
    padding: 0;
  }
}
.n1-wrap .n1-detail > div > div > p {
  margin: 0 0 18px;
  padding: 0 0.5rem;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-detail > div > div > p {
    margin: 20px 0;
  }
}
.n1-wrap .n1-detail > div > div section {
  padding: 1rem 0;
  border-top: 2px solid #40210F;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-detail > div > div section {
    border: none;
    background: #F9F9F9;
  }
}
.n1-wrap .n1-detail > div > div section h3 {
  font-size: 1.2em;
}
.n1-wrap .n1-detail > div > div section h3::before {
  content: "『";
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-detail > div > div section h3::before {
    content: "";
  }
}
.n1-wrap .n1-detail > div > div section h3::after {
  content: "』";
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-detail > div > div section h3::after {
    content: "";
  }
}
.n1-wrap .n1-detail > div > div section h3 span {
  margin: 0 0 0 0.5rem;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-detail > div > div section h3 span {
    display: block;
  }
}
.n1-wrap .n1-detail > div > div section h4 {
  font-size: 1.1em;
}
.n1-wrap .n1-detail > div > div section h4::before {
  content: "【";
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-detail > div > div section h4::before {
    content: "";
  }
}
.n1-wrap .n1-detail > div > div section h4::after {
  content: "】";
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-detail > div > div section h4::after {
    content: "";
  }
}
.n1-wrap .n1-detail > div > div section dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  line-height: 1.6rem;
  margin: 5px 0 10px;
  padding: 0 0.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-detail > div > div section dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    width: 100%;
    padding: 0 1rem;
    margin: 18px 18px 0 18px;
  }
}
.n1-wrap .n1-detail > div > div section dl:last-of-type {
  margin: 0;
}
.n1-wrap .n1-detail > div > div section dl dt {
  width: 6rem;
  font-size: 0.95em;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 7px;
}
.n1-wrap .n1-detail > div > div section dl dt i {
  color: #FCB617;
  font-size: 0.9em;
  margin: 0 0.5rem 0 0;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-detail > div > div section dl dt {
    width: 100%;
  }
}
.n1-wrap .n1-detail > div > div section dl dd {
  width: calc(100% - 6rem);
  word-break: break-all;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 7px;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-detail > div > div section dl dd {
    width: 100%;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #DDD;
  }
}
.n1-wrap .n1-detail > div > div section dl + p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.5rem;
  font-size: 0.95em;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-detail > div > div section dl + p {
    padding: 0 1rem;
  }
}
.n1-wrap .n1-detail > div > div section dl + p i {
  margin: 0 0.5rem 0 0;
  font-size: 1.4em;
}
.n1-wrap .n1-detail > div > picture {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 35%;
  padding: 0 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-detail > div > picture {
    width: 100%;
    padding: 0;
  }
}
.n1-wrap .n1-item ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 18px;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-item ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
  }
}
.n1-wrap .n1-item ul li {
  width: 33.3333333333%;
  font-size: 1.1rem;
  line-height: 1.7rem;
  padding: 0 5px;
  margin: 0 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (-ms-high-contrast: none) {
  .n1-wrap .n1-item ul li {
    width: calc(33.3333333333% - 1px);
  }
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-item ul li {
    width: 100%;
  }
}
.n1-wrap .n1-item ul li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.n1-wrap .n1-item ul li dl dt {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: 0 0 5px;
  text-align: center;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-item ul li dl dt {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}
.n1-wrap .n1-item ul li dl dt span {
  display: block;
  font-size: 0.75em;
}
.n1-wrap .n1-item ul li dl dt span small {
  font-size: 0.95em;
}
.n1-wrap .n1-item ul li dl dd:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 0.7rem 0 0;
  margin: 0 0 5px;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-item ul li dl dd:nth-of-type(1) {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.n1-wrap .n1-item ul li dl dd:nth-of-type(1) img {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-item ul li dl dd:nth-of-type(1) img {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}
@media all and (-ms-high-contrast: none) {
  .n1-wrap .n1-item ul li dl dd:nth-of-type(1) img {
    max-width: 378px;
    min-width: 289.66px;
  }
}
.n1-wrap .n1-item ul li dl dd:nth-of-type(1) > span {
  position: absolute;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-item ul li dl dd:nth-of-type(1) > span {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    position: relative;
  }
}
.n1-wrap .n1-item ul li dl dd:nth-of-type(1) > span span {
  display: inline-block;
  color: #FFF;
  line-height: 0;
  font-weight: normal;
  white-space: nowrap;
  margin: 1px;
  padding: 0.9em 0.5em 1em;
  border-radius: 4px;
  background: #E20111;
}
.n1-wrap .n1-item ul li dl dd:nth-of-type(2) {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  font-weight: bold;
  font-size: 1.1em;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-item ul li dl dd:nth-of-type(2) {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}
.n1-wrap .n1-item ul li dl dd:nth-of-type(2) small {
  font-weight: normal;
  font-size: 0.9em;
}
.n1-wrap .n1-present picture {
  display: block;
  width: 90%;
  margin: auto;
}
.n1-wrap .n1-campaign > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.n1-wrap .n1-campaign > div dl {
  width: 65%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  padding: 0 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-campaign > div dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    width: 100%;
    padding: 1rem;
    margin: 18px;
    background: #F9F9F9;
  }
}
.n1-wrap .n1-campaign > div dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.95em;
  font-weight: bold;
  padding: 0 10px;
}
.n1-wrap .n1-campaign > div dl dt i {
  color: #FCB617;
  font-size: 0.9em;
  margin: 0 0.5rem 0 0;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-campaign > div dl dt {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 0 7px;
    padding: 0;
    width: 100%;
  }
}
.n1-wrap .n1-campaign > div dl dd {
  width: 100%;
  padding: 0 10px 18px;
  margin: 0 0 16px;
  border-bottom: 1px solid #0305A8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.n1-wrap .n1-campaign > div dl dd:last-of-type {
  padding: 0 10px;
  margin: 0;
  border-bottom: none;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-campaign > div dl dd {
    word-break: break-all;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #DDD;
  }
}
.n1-wrap .n1-campaign > div dl dd ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  line-height: 160%;
  margin: 0 0 5px;
  counter-increment: li;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-campaign > div dl dd ol li {
    line-height: 160%;
    margin: 0 0 10px;
  }
}
.n1-wrap .n1-campaign > div dl dd ol li span {
  width: calc(100% - 2em);
}
.n1-wrap .n1-campaign > div dl dd ol li::before {
  color: #0305A8;
  content: counter(li) ".";
  margin: 0 7px 0 0;
}
.n1-wrap .n1-campaign > div figure {
  width: 35%;
  padding: 0 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-campaign > div figure {
    width: 100%;
    margin: 18px 0 0;
  }
}
.n1-wrap .n1-campaign > div figure twitterwidget {
  width: 100%;
  min-width: inherit !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: inherit !important;
  max-height: inherit !important;
  margin: 0;
  padding: 0;
}
.n1-wrap .n1-access p em::before {
  content: "【";
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-access p em::before {
    content: "";
  }
}
.n1-wrap .n1-access p em::after {
  content: "】";
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-access p em::after {
    content: "";
  }
}
.n1-wrap .n1-access > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 0.92rem;
  line-height: 2rem;
}
.n1-wrap .n1-access > div dl {
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  line-height: 1.6rem;
  margin: 0 0 10px;
  padding: 0 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-access > div dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    width: 100%;
    padding: 1rem;
    margin: 18px;
    background: #F9F9F9;
  }
}
.n1-wrap .n1-access > div dl dt {
  width: 6rem;
  font-size: 0.95em;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 7px;
}
.n1-wrap .n1-access > div dl dt i {
  color: #FCB617;
  font-size: 0.9em;
  margin: 0 0.5rem 0 0;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-access > div dl dt {
    width: 100%;
  }
}
.n1-wrap .n1-access > div dl dd {
  width: calc(100% - 6rem);
  word-break: break-all;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 7px;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-access > div dl dd {
    width: 100%;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #DDD;
  }
}
.n1-wrap .n1-access > div figure {
  width: 55%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .n1-wrap .n1-access > div figure {
    width: 100%;
    padding: 0 18px;
  }
}
.n1-wrap .n1-access > div figure iframe {
  width: 100%;
  height: 100%;
  min-height: 40vh;
}

/*	結城友奈は勇者である
================================*/
.yyy-wrap {
  font-family: "Open Sans", sans-serif;
  font-size: 0.92rem;
  line-height: 2.4rem;
  max-width: 1200px;
  margin: auto;
  padding: 30px 10px 50px;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap {
    width: 100%;
    padding: 50px 0;
  }
}
.yyy-wrap a[target=_blank] {
  color: #ee7997;
}
.yyy-wrap a[target=_blank]:hover {
  color: #6b9ed5;
  text-decoration: underline;
}
.yyy-wrap a[href*="#"] {
  text-decoration: underline;
}
.yyy-wrap a[href*="#"]:hover {
  color: #6b9ed5;
  text-decoration: underline;
}
.yyy-wrap > section {
  margin: 120px auto 50px;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap > section {
    padding: 0 10px;
  }
  .yyy-wrap > section:first-of-type {
    margin: 0 auto 50px;
  }
}
.yyy-wrap .yyy-header {
  width: 100%;
  margin: auto;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-header {
    margin: 0 0 30px;
  }
}
.yyy-wrap .yyy-header h1 {
  display: block;
  text-align: center;
}
.yyy-wrap .yyy-footer {
  margin: 70px 0 0;
  padding: 15px;
  border-top: 3px solid #ee7997;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-footer {
    margin: 70px 18px 0;
  }
}
.yyy-wrap .yyy-head {
  color: #301E1E;
  font-family: "Noto Serif", serif;
  font-size: 2.4rem;
  line-height: 2.8rem;
  font-weight: 500;
  text-align: center;
  width: 100%;
  margin: 50px 0 36px;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.yyy-wrap .yyy-head.yyy-head-reduce {
  font-size: 1.9rem;
}
.yyy-wrap .yyy-head::after {
  content: "";
  display: block;
  width: 4rem;
  height: 2px;
  background: #EB6688;
  margin: 20px auto;
}
@media only screen and (min-width: 499px) and (max-width: 788px) {
  .yyy-wrap .yyy-head br {
    display: none;
  }
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-head {
    font-size: 1.7rem;
    line-height: 3rem;
    margin: 0 0 36px;
    border-left: none;
  }
  .yyy-wrap .yyy-head.yyy-head-reduce {
    font-size: 1.7rem;
  }
  .yyy-wrap .yyy-head br {
    display: none;
  }
}
.yyy-wrap .yyy-head em {
  color: #EB6688;
  font-style: normal;
}
.yyy-wrap .yyy-head span {
  font-style: italic;
}
.yyy-wrap .yyy-head + p {
  font-size: 1.2rem;
  padding: 0 18px;
  margin: 0 0 18px;
  text-align: center;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-head + p {
    text-align: left;
  }
}
.yyy-wrap .yyy-head + p em {
  font-weight: bold;
}
.yyy-wrap .yyy-detail > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-detail > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    padding: 0 18px;
  }
}
.yyy-wrap .yyy-detail > div > div {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 65%;
  padding: 0 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-detail > div > div {
    width: 100%;
    padding: 0;
  }
}
.yyy-wrap .yyy-detail > div > div > p {
  margin: 0 0 18px;
  padding: 0 0.5rem;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-detail > div > div > p {
    margin: 20px 0;
  }
}
.yyy-wrap .yyy-detail > div > div section {
  padding: 1rem 0;
  border-top: 1px solid #ee7997;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-detail > div > div section {
    border: none;
    background: #F9F9F9;
  }
}
.yyy-wrap .yyy-detail > div > div section h3 {
  font-size: 1.2em;
}
.yyy-wrap .yyy-detail > div > div section h3::before {
  content: "『";
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-detail > div > div section h3::before {
    content: "";
  }
}
.yyy-wrap .yyy-detail > div > div section h3::after {
  content: "』";
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-detail > div > div section h3::after {
    content: "";
  }
}
.yyy-wrap .yyy-detail > div > div section h3 span {
  margin: 0 0 0 0.5rem;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-detail > div > div section h3 span {
    display: block;
  }
}
.yyy-wrap .yyy-detail > div > div section h4 {
  font-size: 1.1em;
}
.yyy-wrap .yyy-detail > div > div section h4::before {
  content: "【";
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-detail > div > div section h4::before {
    content: "";
  }
}
.yyy-wrap .yyy-detail > div > div section h4::after {
  content: "】";
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-detail > div > div section h4::after {
    content: "";
  }
}
.yyy-wrap .yyy-detail > div > div section dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  line-height: 1.6rem;
  margin: 5px 0 10px;
  padding: 0 0.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-detail > div > div section dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    width: 100%;
    padding: 0 1rem;
    margin: 18px 18px 0 18px;
  }
}
.yyy-wrap .yyy-detail > div > div section dl:last-of-type {
  margin: 0;
}
.yyy-wrap .yyy-detail > div > div section dl dt {
  width: 6rem;
  font-size: 0.95em;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 7px;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-detail > div > div section dl dt {
    width: 100%;
  }
}
.yyy-wrap .yyy-detail > div > div section dl dt i {
  color: #6B9ED5;
  margin: 0 0.5rem 0 0;
}
.yyy-wrap .yyy-detail > div > div section dl dd {
  width: calc(100% - 6rem);
  word-break: break-all;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 7px;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-detail > div > div section dl dd {
    width: 100%;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #DDD;
  }
}
.yyy-wrap .yyy-detail > div > div section dl + p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.5rem;
  font-size: 0.95em;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-detail > div > div section dl + p {
    padding: 0 1rem;
  }
}
.yyy-wrap .yyy-detail > div > div section dl + p i {
  color: #6B9ED5;
  margin: 0 0.5rem 0 0;
  font-size: 1.4em;
}
.yyy-wrap .yyy-detail > div > picture {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 35%;
  padding: 0 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-detail > div > picture {
    width: 100%;
    padding: 0;
  }
}
.yyy-wrap .yyy-item ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 18px;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-item ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    padding: 0;
  }
}
.yyy-wrap .yyy-item ul li {
  width: 20%;
  font-size: 1.1rem;
  line-height: 1.7rem;
  padding: 0 15px;
  margin: 0 0 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-item ul li {
    width: 100%;
  }
}
@media all and (-ms-high-contrast: none) {
  .yyy-wrap .yyy-item ul li {
    width: calc(20% - 1px);
  }
}
.yyy-wrap .yyy-item ul li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.yyy-wrap .yyy-item ul li dl dt {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 1rem;
  margin: 10px 0 5px;
  text-align: center;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-item ul li dl dt {
    font-size: 1.2rem;
    line-height: 2rem;
    margin: 0;
  }
}
.yyy-wrap .yyy-item ul li dl dt span {
  display: block;
  font-size: 0.75em;
}
.yyy-wrap .yyy-item ul li dl dt span small {
  font-size: 0.95em;
}
.yyy-wrap .yyy-item ul li dl dd:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 0.7rem 0 0;
  margin: 0 0 5px;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-item ul li dl dd:nth-of-type(1) {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-item ul li dl dd:nth-of-type(1) img {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}
@media all and (-ms-high-contrast: none) {
  .yyy-wrap .yyy-item ul li dl dd:nth-of-type(1) img {
    max-width: 378px;
    min-width: 289.66px;
  }
}
.yyy-wrap .yyy-item ul li dl dd:nth-of-type(1) > span {
  margin: 0 0 10px;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-item ul li dl dd:nth-of-type(1) > span {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    position: relative;
    margin: 10px 0 0;
  }
}
.yyy-wrap .yyy-item ul li dl dd:nth-of-type(1) > span span {
  display: inline-block;
  color: #FFF;
  line-height: 0;
  font-size: 1rem;
  font-weight: normal;
  margin: 1px;
  padding: 0.9em 0.5em;
  border-radius: 4px;
}
.yyy-wrap .yyy-item ul li dl dd:nth-of-type(1) > span span.yyy-item-limited {
  background: #EB6688;
}
.yyy-wrap .yyy-item ul li dl dd:nth-of-type(1) > span span.yyy-item-resale {
  background: #6B9ED5;
}
.yyy-wrap .yyy-item ul li dl dd:nth-of-type(2) {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  font-weight: bold;
  font-size: 1.1em;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-item ul li dl dd:nth-of-type(2) {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}
.yyy-wrap .yyy-item ul li dl dd:nth-of-type(2) small {
  font-weight: normal;
  font-size: 0.9em;
}
.yyy-wrap .yyy-present picture {
  display: block;
  margin: auto;
}
.yyy-wrap .yyy-campaign > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.yyy-wrap .yyy-campaign > div dl {
  width: 65%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  padding: 0 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-campaign > div dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    width: 100%;
    padding: 1rem;
    margin: 18px;
    background: #F9F9F9;
  }
}
.yyy-wrap .yyy-campaign > div dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.95em;
  font-weight: bold;
  padding: 0 10px;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-campaign > div dl dt {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 0 7px;
    padding: 0;
    width: 100%;
  }
}
.yyy-wrap .yyy-campaign > div dl dt i {
  color: #6B9ED5;
  margin: 0 0.5rem 0 0;
}
.yyy-wrap .yyy-campaign > div dl dd {
  width: 100%;
  padding: 0 10px 18px 30px;
  margin: 0 0 16px;
  border-bottom: 1px solid #ee7997;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-campaign > div dl dd {
    word-break: break-all;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #DDD;
  }
}
.yyy-wrap .yyy-campaign > div dl dd:last-of-type {
  padding: 0 10px 0 30px;
  margin: 0;
  border-bottom: none;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-campaign > div dl dd:last-of-type {
    padding: 0 0 10px;
  }
}
.yyy-wrap .yyy-campaign > div dl dd ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  line-height: 160%;
  margin: 0 0 5px;
  counter-increment: li;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-campaign > div dl dd ol li {
    line-height: 160%;
    margin: 0 0 10px;
  }
}
.yyy-wrap .yyy-campaign > div dl dd ol li span {
  width: calc(100% - 2em);
}
.yyy-wrap .yyy-campaign > div dl dd ol li::before {
  color: #ee7997;
  content: counter(li) ".";
  margin: 0 7px 0 0;
}
.yyy-wrap .yyy-campaign > div figure {
  width: 35%;
  padding: 0 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-campaign > div figure {
    width: 100%;
    margin: 18px 0 0;
  }
}
.yyy-wrap .yyy-campaign > div figure twitterwidget {
  width: 100%;
  min-width: inherit !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: inherit !important;
  max-height: inherit !important;
  margin: 0;
  padding: 0;
}
.yyy-wrap .yyy-access p {
  text-align: left;
}
.yyy-wrap .yyy-access p em::before {
  content: "【";
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-access p em::before {
    content: "";
  }
}
.yyy-wrap .yyy-access p em::after {
  content: "】";
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-access p em::after {
    content: "";
  }
}
.yyy-wrap .yyy-access > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 0.92rem;
  line-height: 2rem;
}
.yyy-wrap .yyy-access > div dl {
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  line-height: 1.6rem;
  margin: 0 0 10px;
  padding: 0 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-access > div dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    width: 100%;
    padding: 1rem;
    margin: 18px;
    background: #F9F9F9;
  }
}
.yyy-wrap .yyy-access > div dl dt {
  width: 7rem;
  font-size: 0.95em;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 7px;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-access > div dl dt {
    width: 100%;
  }
}
.yyy-wrap .yyy-access > div dl dt i {
  color: #6B9ED5;
  margin: 0 0.5rem 0 0;
}
.yyy-wrap .yyy-access > div dl dd {
  width: calc(100% - 7rem);
  word-break: break-all;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 7px;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-access > div dl dd {
    width: 100%;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #DDD;
  }
}
.yyy-wrap .yyy-access > div figure {
  width: 55%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 1rem;
}
@media only screen and (max-width: 499px) {
  .yyy-wrap .yyy-access > div figure {
    width: 100%;
    padding: 0 18px;
  }
}
.yyy-wrap .yyy-access > div figure iframe {
  width: 100%;
  height: 100%;
  min-height: 40vh;
}

/*	朝日奈丸佳
================================*/
.am-wrap {
  font-family: "Open Sans", sans-serif;
  font-size: 1.05rem;
  line-height: 2.6rem;
  max-width: 1200px;
  margin: auto;
  padding: 30px 10px 50px;
}
@media only screen and (max-width: 499px) {
  .am-wrap {
    width: 100%;
    padding: 50px 0;
  }
}
.am-wrap > section {
  margin: 150px auto;
}
@media only screen and (max-width: 499px) {
  .am-wrap > section {
    padding: 0 20px;
    margin: 100px auto;
  }
  .am-wrap > section:first-of-type {
    margin: 50px auto 100px;
  }
}
.am-wrap .am-small {
  font-size: 0.95em;
  color: #666;
}
.am-wrap .am-header {
  width: 100%;
  max-width: 1100px;
  margin: auto;
}
.am-wrap .am-header h1 {
  display: block;
  text-align: center;
}
.am-wrap .am-footer {
  width: 100%;
  max-width: 1100px;
  margin: auto;
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-footer {
    width: calc(100% - 40px);
    padding: 0 20px;
  }
}
.am-wrap .am-head {
  font-size: 2.3rem;
  font-family: "Noto Serif", serif;
  text-align: center;
  width: 100%;
  font-weight: 500;
  margin: 50px 0;
}
.am-wrap .am-head::after {
  content: "";
  display: block;
  width: 5rem;
  height: 2px;
  background: #00BAC3;
  margin: 20px auto;
}
.am-wrap .am-head + p {
  font-size: 1.25rem;
  text-align: center;
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-head + p {
    text-align: left;
  }
}
.am-wrap .am-head + figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.am-wrap .am-head + figure div {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: calc(15% - 10px);
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-head + figure div {
    width: 100%;
  }
}
.am-wrap .am-head + figure div img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-head + figure div img {
    width: 80%;
    margin: auto;
  }
}
.am-wrap .am-head + figure figcaption {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  width: calc(85% - 10px);
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-head + figure figcaption {
    width: 100%;
  }
}
.am-wrap .am-head + figure figcaption p {
  font-size: 1.25rem;
  text-align: left;
}
.am-wrap .am-subhead {
  color: #4EA8E6;
  font-size: 2.3rem;
  font-family: "Noto Serif", serif;
  text-align: left;
  text-indent: 0.3rem;
  font-weight: 500;
  width: 100%;
  margin: 0 0 20px;
}
.am-wrap .am-subhead::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #4EA8E6;
  margin: 10px auto;
}
.am-wrap .am-item {
  max-width: 1080px;
}
.am-wrap .am-item .am-concept {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 50px auto;
}
.am-wrap .am-item .am-concept div {
  width: 60%;
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-item .am-concept div {
    width: 100%;
  }
}
.am-wrap .am-item .am-concept figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40%;
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-item .am-concept figure {
    width: 100%;
  }
}
.am-wrap .am-item .am-concept figure img {
  width: auto;
  height: 200px;
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-item .am-concept figure img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 788px) {
  .am-wrap .am-item .am-concept.am-concept-rev div {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .am-wrap .am-item .am-concept.am-concept-rev figure {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}
.am-wrap .am-item .am-purchase {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.am-wrap .am-item .am-purchase > div:first-of-type {
  width: calc(30% - 20px);
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-item .am-purchase > div:first-of-type {
    width: 100%;
  }
}
.am-wrap .am-item .am-purchase > div:last-of-type {
  width: calc(70% - 20px);
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-item .am-purchase > div:last-of-type {
    width: 100%;
  }
}
.am-wrap .am-item .am-purchase .am-slider {
  margin: 10px 0 0;
  overflow: hidden;
}
.am-wrap .am-item .am-purchase .am-slider > div > div > div img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-item .am-purchase .am-slider > div > div > div img {
    width: 100%;
    height: auto;
  }
}
.am-wrap .am-item .am-purchase .am-slider > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 90%;
  margin: 20px auto 0;
}
.am-wrap .am-item .am-purchase .am-slider > ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(25% - 10px);
  margin: 0 calc((100% - (25% - 10px) * 4) / 3) 5px 0;
}
.am-wrap .am-item .am-purchase .am-slider > ul li:nth-child(4n) {
  margin: 0 0 5px;
}
.am-wrap .am-item .am-purchase .am-slider > ul li a {
  display: block;
  cursor: pointer;
}
.am-wrap .am-item .am-purchase .am-slider > ul li a img {
  display: block;
  width: 100%;
  height: auto;
  outline: 1px solid #EFEFEF;
  outline-offset: -1px;
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-item .am-purchase .am-slider > ul li a img {
    width: 100%;
  }
}
.am-wrap .am-item .am-purchase .am-slider > ul li a:hover img {
  opacity: 1;
}
.am-wrap .am-item .am-purchase .am-slider > ul li:hover img {
  outline: 1px solid #A6C7FF;
  outline-offset: -1px;
}
.am-wrap .am-item .am-purchase .am-slider > ul li.slick-active img {
  outline: 1px solid #2F55D7;
  outline-offset: -1px;
}
.am-wrap .am-item .am-purchase .am-slider > span {
  display: block;
  position: absolute;
  cursor: pointer;
  width: 25px;
  height: 25px;
  top: 0;
  margin: calc(50% - 25px) 10px 0;
  border: 5px solid rgba(77, 167, 229, 0.3);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 200;
}
.am-wrap .am-item .am-purchase .am-slider > span:hover {
  border: 5px solid rgba(77, 167, 229, 0.4);
}
.am-wrap .am-item .am-purchase .am-slider > span:nth-of-type(1) {
  left: 0;
  border-top: none;
  border-right: none;
}
.am-wrap .am-item .am-purchase .am-slider > span:nth-of-type(2) {
  right: 0;
  border-bottom: none;
  border-left: none;
}
.am-wrap .am-item .am-purchase .am-list ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.am-wrap .am-item .am-purchase .am-list ol li {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 2px solid #4EA8E6;
}
@media only screen and (min-width: 788px) {
  .am-wrap .am-item .am-purchase .am-list ol li:nth-child(odd) {
    border-right: 2px solid #4EA8E6;
    padding: 20px 30px 20px 10px;
  }
  .am-wrap .am-item .am-purchase .am-list ol li:nth-child(even) {
    padding: 20px 10px 20px 30px;
  }
  .am-wrap .am-item .am-purchase .am-list ol li:nth-child(5), .am-wrap .am-item .am-purchase .am-list ol li:nth-child(6) {
    border-bottom: none;
  }
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-item .am-purchase .am-list ol li {
    width: 100%;
  }
}
.am-wrap .am-item .am-purchase .am-list ol li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-item .am-purchase .am-list ol li dl {
    padding: 20px 0;
  }
}
.am-wrap .am-item .am-purchase .am-list ol li dl dt {
  width: 100%;
  margin: 0 0 5px;
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-item .am-purchase .am-list ol li dl dt {
    margin: 0;
  }
  .am-wrap .am-item .am-purchase .am-list ol li dl dt br {
    display: none;
  }
}
.am-wrap .am-item .am-purchase .am-list ol li dl dt a {
  display: inline-block;
  color: inherit;
  font-size: 0.95rem;
  line-height: 1.9rem;
  text-align: left;
  padding: 0;
  background: none;
  border-radius: 0;
}
.am-wrap .am-item .am-purchase .am-list ol li dl dt a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-item .am-purchase .am-list ol li dl dt a {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-item .am-purchase .am-list ol li dl dd {
    width: 100%;
  }
}
.am-wrap .am-item .am-purchase .am-list ol li dl dd em {
  font-size: 1.1rem;
  font-weight: bold;
}
.am-wrap .am-item .am-purchase .am-list ol li dl dd a {
  display: block;
  color: #FFF;
  font-size: 0.85rem;
  line-height: 1rem;
  text-align: center;
  padding: 9px 15px;
  border-radius: 3px;
}
@media only screen and (min-width: 499px) and (max-width: 788px) {
  .am-wrap .am-item .am-purchase .am-list ol li dl dd a {
    width: calc(100% - 30px);
    margin: 10px 0;
  }
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-item .am-purchase .am-list ol li dl dd a {
    width: 100%;
    font-size: 16px;
    padding: 15px 0;
    margin: 5px 0;
  }
}
.am-wrap .am-item .am-purchase .am-list ol li dl dd a:hover {
  opacity: 0.8;
  text-decoration: none;
}
.am-wrap .am-item .am-purchase .am-list ol li dl dd a[href*="2531"], .am-wrap .am-item .am-purchase .am-list ol li dl dd a[href*="2532"] {
  background: #0168B7;
}
.am-wrap .am-item .am-purchase .am-list ol li dl dd a[href*="2533"], .am-wrap .am-item .am-purchase .am-list ol li dl dd a[href*="2534"] {
  background: #009EA9;
}
.am-wrap .am-item .am-purchase .am-list ol li dl dd a[href*="2529"], .am-wrap .am-item .am-purchase .am-list ol li dl dd a[href*="2530"] {
  background: #6D61A9;
}
.am-wrap .am-event {
  max-width: 1080px;
}
.am-wrap .am-event > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 50px auto 10px;
}
.am-wrap .am-event > div dl {
  width: calc(30% - 20px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-event > div dl {
    width: 100%;
  }
}
.am-wrap .am-event > div dl dt {
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.am-wrap .am-event > div dl dt::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  width: 0.5rem;
  height: 0.5rem;
  background: #FFF;
  border: 2px solid #4EA8E6;
  border-radius: 0.5em;
}
.am-wrap .am-event > div dl dd {
  width: 100%;
  margin: 0 0 10px 15px;
  padding: 0 0 15px;
  border-bottom: 1px solid #EEE;
}
.am-wrap .am-event > div figure {
  width: calc(70% - 20px);
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-event > div figure {
    width: 100%;
  }
}
.am-wrap .am-event > div figure iframe {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-event > div figure iframe {
    height: 40vh;
  }
}
.am-wrap .am-event p {
  margin: 10px;
}
.am-wrap .am-campaign {
  max-width: 1080px;
  margin: 0 auto 80px;
}
.am-wrap .am-campaign > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 50px auto 10px;
}
.am-wrap .am-campaign > div dl {
  width: calc(60% - 20px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-campaign > div dl {
    width: 100%;
    margin: 0;
  }
}
.am-wrap .am-campaign > div dl dt {
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.am-wrap .am-campaign > div dl dt::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  width: 0.5rem;
  height: 0.5rem;
  background: #FFF;
  border: 2px solid #4EA8E6;
  border-radius: 0.5em;
}
.am-wrap .am-campaign > div dl dd {
  width: 100%;
  margin: 0 0 10px 15px;
  padding: 0 0 15px;
  border-bottom: 1px solid #EEE;
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-campaign > div dl dd {
    margin: 0;
  }
}
.am-wrap .am-campaign > div dl dd ol li {
  counter-increment: li;
}
.am-wrap .am-campaign > div dl dd ol li::before {
  content: counter(li) ".";
  color: #0168B7;
  font-size: 1.1rem;
  margin: 0 7px 0 0;
}
.am-wrap .am-campaign > div dl dd ol li a {
  color: rgb(43, 123, 185);
}
.am-wrap .am-campaign > div dl dd ol li a:hover {
  text-decoration: underline;
}
.am-wrap .am-campaign > div figure {
  width: calc(40% - 20px);
}
@media only screen and (max-width: 499px) {
  .am-wrap .am-campaign > div figure {
    width: 100%;
  }
}
.am-wrap .am-campaign > div figure twitterwidget {
  width: 100%;
  min-width: inherit !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: inherit !important;
  max-height: inherit !important;
  margin: 0;
  padding: 0;
}
.am-wrap .am-profile {
  max-width: 1080px;
  margin: 0 auto 50px;
  padding: 30px;
  border-top: 2px solid #4EA8E6;
  border-bottom: 2px solid #4EA8E6;
}
.am-wrap .am-profile dl dt {
  font-size: 1.1em;
}
.am-wrap .am-profile dl dd {
  font-size: 0.9em;
  line-height: 1.8rem;
  margin: 0 0 10px;
}

/*	亜咲花＆YURiKA
================================*/
.ay-wrap {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  line-height: 240%;
  max-width: 1200px;
  margin: auto;
  padding: 30px 10px 50px;
}
@media only screen and (max-width: 499px) {
  .ay-wrap {
    width: 100%;
    padding: 50px 0;
  }
}
.ay-wrap > * {
  margin: 100px auto;
}
@media only screen and (max-width: 499px) {
  .ay-wrap > * {
    margin: 30px auto;
  }
}
.ay-wrap > *:first-child {
  margin: 0 auto 50px;
}
@media only screen and (max-width: 499px) {
  .ay-wrap > *:first-child {
    margin: 0 auto 30px;
  }
}
.ay-wrap > *:last-child {
  margin: 0 auto 50px;
}
.ay-wrap > section {
  padding: 3em 3em 2.5em;
}
@media only screen and (min-width: 788px) {
  .ay-wrap > section {
    -webkit-box-shadow: 5px 5px 20px 3px rgba(219, 241, 254, 0.15), -5px -5px 20px 3px rgba(241, 206, 210, 0.15);
            box-shadow: 5px 5px 20px 3px rgba(219, 241, 254, 0.15), -5px -5px 20px 3px rgba(241, 206, 210, 0.15);
  }
}
@media only screen and (max-width: 499px) {
  .ay-wrap > section {
    padding: 1.5em 20px;
  }
}
.ay-wrap > section h3 {
  font-family: "Noto Serif", serif;
  font-size: 2.2em;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
  width: 100%;
  margin: 0 0 1em;
}
@media only screen and (max-width: 499px) {
  .ay-wrap > section h3 {
    font-size: 1.8em;
    margin: 0 0 0.5em;
  }
}
.ay-wrap > section h3::after {
  content: "";
  display: block;
  width: 4rem;
  height: 3px;
  margin: 0.4em auto 0;
  background: #DBF1FE;
  background: -webkit-gradient(linear, left top, right top, from(#DBF1FE), to(#F3CCD1));
  background: linear-gradient(to right, #DBF1FE 0%, #F3CCD1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#DBF1FE", endColorstr="#F3CCD1", GradientType=1);
}
.ay-wrap a[target=_blank] {
  color: #06F;
}
.ay-wrap a[target=_blank]:hover {
  color: #C00;
  text-decoration: underline;
}

.ay-header {
  width: 100%;
  max-width: 1100px;
  margin: auto;
}
.ay-header h1 {
  display: block;
  text-align: center;
}
.ay-header h2 {
  font-family: "Noto Serif", serif;
  font-size: 2.2em;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
  width: 100%;
  margin: 1em 0 1em;
}
@media only screen and (max-width: 499px) {
  .ay-header h2 {
    font-size: 1.8em;
    text-align: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
  }
}
.ay-header p {
  text-align: center;
}
@media only screen and (max-width: 499px) {
  .ay-header p {
    text-align: left;
    padding: 0 20px;
  }
}
.ay-header span {
  display: block;
  font-weight: bold;
  text-align: center;
  margin: 2em auto 0;
  padding: 0 20px;
}
@media only screen and (max-width: 499px) {
  .ay-header span a {
    display: block;
  }
}

@media only screen and (min-width: 788px) {
  .ay-logo {
    margin: 0;
    padding: 0;
  }
}
.ay-logo div {
  width: 980px;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .ay-logo div {
    width: 100%;
    padding: 0 1em;
  }
}
.ay-logo div img {
  display: block;
  height: auto;
  width: 100%;
}
.ay-logo p {
  display: block;
  font-weight: bold;
  text-align: center;
  margin: 2em auto 0;
  padding: 0 20px;
}

.ay-live {
  margin: 100px auto 100px;
}
.ay-live > * {
  margin: 40px auto;
}
@media only screen and (max-width: 499px) {
  .ay-live > * {
    margin: 0 auto;
  }
}
.ay-live table {
  width: 100%;
}
.ay-live table tr {
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}
@media only screen and (max-width: 499px) {
  .ay-live table tr {
    border-top: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.ay-live table tr th {
  width: 10em;
  padding: 0.5em 5em;
  text-align: left;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .ay-live table tr th {
    font-size: 0.85em;
    font-weight: bold;
    line-height: 180%;
    white-space: normal;
    width: 100%;
    padding: 0.5em 0.5em 0;
  }
}
.ay-live table tr td {
  width: calc(100% - 10em);
  padding: 0.5em 5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .ay-live table tr td {
    line-height: 180%;
    white-space: normal;
    width: 100%;
    padding: 0 1em 0.5em;
  }
}
.ay-live table tr td a {
  display: inline-block;
  vertical-align: bottom;
}
.ay-live table tr td a i {
  font-size: 0.7em;
  margin: 0 0 0 0.3em;
}
.ay-live table tr td small {
  display: block;
  color: #666;
  font-size: 0.85em;
  line-height: 180%;
  padding: 0 0.5em;
}
.ay-live div ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.ay-live div ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1em;
  margin: 0 1em;
  background: #F9F9F9;
}
.ay-live div ul li dl dt {
  font-size: 1.1em;
  font-weight: bold;
}
.ay-live div ul li dl dd {
  font-size: 0.8em;
  line-height: 180%;
  padding: 0 0.5em;
}

.ay-ticket section {
  margin: 0 auto 2em;
  padding: 0 1em 2em;
  border-bottom: 1px solid #EEE;
}
@media only screen and (max-width: 499px) {
  .ay-ticket section {
    padding: 0.5em 0.5em 2em;
  }
}
.ay-ticket section h4 {
  font-size: 1.6em;
  font-weight: 500;
  letter-spacing: 0.1em;
  width: 100%;
  margin: 0 0 0.5em;
}
@media only screen and (max-width: 499px) {
  .ay-ticket section h4 {
    margin: 0.5em 0 0;
  }
}
.ay-ticket section h4::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 1em;
  margin: -4px 0.5em 0 0;
  background: #F3CCD1;
  background: linear-gradient(135deg, #F3CCD1 0%, #DBF1FE 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#F3CCD1", endColorstr="#DBF1FE", GradientType=1);
}
.ay-ticket section > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  width: 100%;
  padding: 0 0.5em;
}
.ay-ticket section > dl:first-of-type {
  margin: 0.5em 0 0;
}
.ay-ticket section > dl:last-of-type {
  margin: 0 0 0.5em;
}
.ay-ticket section > dl:only-of-type {
  margin: 0.5em 0;
}
@media only screen and (max-width: 499px) {
  .ay-ticket section > dl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}
.ay-ticket section > dl dt::before {
  content: "";
  display: block;
  width: 100%;
}
@media only screen and (max-width: 499px) {
  .ay-ticket section > dl dt {
    font-size: 0.85em;
    font-weight: bold;
    line-height: 180%;
    white-space: normal;
    width: 100%;
    padding: 0.5em 0.5em 0;
  }
}
.ay-ticket section > dl dt::after {
  content: "：";
}
@media only screen and (max-width: 499px) {
  .ay-ticket section > dl dt::after {
    content: "";
  }
}
@media only screen and (max-width: 499px) {
  .ay-ticket section > dl dd {
    line-height: 180%;
    white-space: normal;
    width: 100%;
    padding: 0 1em 0.5em;
    border-bottom: 1px solid #EEE;
  }
}
.ay-ticket section > dl dd br {
  display: none;
}
@media only screen and (max-width: 499px) {
  .ay-ticket section > dl dd br {
    display: block;
  }
}
.ay-ticket section > dl em {
  font-style: normal;
}
@media only screen and (min-width: 788px) {
  .ay-ticket section > dl em {
    font-size: 1.2rem;
    font-weight: bold;
  }
}
.ay-ticket section > p {
  margin: 0.5em 0;
}
.ay-ticket section > p span {
  display: block;
  font-size: 0.9em;
  background: #F9F9F9;
  padding: 0 1em;
}
@media only screen and (max-width: 499px) {
  .ay-ticket section > p span {
    padding: 0.5em 1em;
    line-height: 180%;
  }
}
.ay-ticket section > p small {
  display: block;
  font-size: 0.85em;
  font-weight: bold;
  background: none;
  padding: 0 1em;
}
@media only screen and (max-width: 499px) {
  .ay-ticket section > p small {
    padding: 0.5em 1em;
    line-height: 180%;
  }
}
.ay-ticket section > p + a {
  font-size: 1em;
  line-height: 1em;
  font-weight: bold;
  border-radius: 3px;
}
@media only screen and (max-width: 499px) {
  .ay-ticket section > p + a {
    display: block;
    color: #FFF;
    text-align: center;
    margin: 0.5em 0 0;
    padding: 1em;
    border-radius: 3px;
    background: #ED86B5;
    background: linear-gradient(135deg, #ED86B5 0%, #1EB9EF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ED86B5", endColorstr="#1EB9EF", GradientType=1);
  }
  .ay-ticket section > p + a:link, .ay-ticket section > p + a:visited, .ay-ticket section > p + a:hover, .ay-ticket section > p + a:visited {
    color: #FFF;
  }
}
@media only screen and (min-width: 788px) {
  .ay-ticket section > p + a::before {
    content: "▶";
    display: inline-block;
    vertical-align: middle;
    font-size: 0.9em;
    margin: 0 0.3em 0 1em;
  }
}
.ay-ticket section i {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.8em;
  margin: -2px 0.5em 0 0;
}
.ay-ticket section.ay-ticket-pre > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2em 1em;
  border-top: 1px solid #EEE;
}
@media only screen and (max-width: 499px) {
  .ay-ticket section.ay-ticket-pre > div {
    padding: 2em 0;
  }
}
.ay-ticket section.ay-ticket-pre > div > div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1em;
}
@media only screen and (max-width: 499px) {
  .ay-ticket section.ay-ticket-pre > div > div {
    padding: 1em 0;
  }
}
.ay-ticket section.ay-ticket-pre > div > div:first-of-type {
  width: 30%;
}
@media only screen and (max-width: 499px) {
  .ay-ticket section.ay-ticket-pre > div > div:first-of-type {
    width: 100%;
  }
}
.ay-ticket section.ay-ticket-pre > div > div:last-of-type {
  width: 70%;
}
@media only screen and (max-width: 499px) {
  .ay-ticket section.ay-ticket-pre > div > div:last-of-type {
    width: 100%;
  }
}
.ay-ticket section.ay-ticket-pre > div p {
  padding: 0 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ay-ticket section.ay-ticket-pre > div p small {
  display: block;
  color: #666;
  font-size: 0.85em;
  text-indent: 0.5em;
  line-height: 200%;
}
@media only screen and (max-width: 499px) {
  .ay-ticket section.ay-ticket-pre > div p {
    padding: 0 0.5em;
  }
}
.ay-ticket section.ay-ticket-pre > div p.head {
  font-size: 1.2rem;
  font-weight: bold;
  width: 100%;
  text-indent: 0.5em;
  margin: 0 0 0.5em;
  padding: 0;
}
.ay-ticket section.ay-ticket-pre > div p.head::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin: 0.4em auto;
}
.ay-ticket section.ay-ticket-pre > div p.head.a-head::after {
  background: #DBF1FE;
}
.ay-ticket section.ay-ticket-pre > div p.head.y-head::after {
  background: #F3CCD1;
}
.ay-ticket section.ay-ticket-pre > div p + ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0.5em 0 0;
}
@media only screen and (max-width: 499px) {
  .ay-ticket section.ay-ticket-pre > div p + ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.ay-ticket section.ay-ticket-pre > div p + ul li:first-child {
  margin: 0 1em 0 0.5em;
}
@media only screen and (max-width: 499px) {
  .ay-ticket section.ay-ticket-pre > div p + ul li:first-child {
    width: 100%;
    margin: 0.5em 0;
  }
}
@media only screen and (max-width: 499px) {
  .ay-ticket section.ay-ticket-pre > div p + ul li {
    width: 100%;
    margin: 0.5em 0;
  }
}
.ay-ticket section.ay-ticket-pre > div p + ul li em {
  font-style: normal;
  font-weight: bold;
}
.ay-ticket section.ay-ticket-pre > div p + ul li a {
  display: block;
  color: #FFF;
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  padding: 0.75em 1em;
  margin: 0.5em 0 0;
  border-radius: 3px;
}
@media only screen and (max-width: 499px) {
  .ay-ticket section.ay-ticket-pre > div p + ul li a {
    padding: 1em;
  }
}
.ay-ticket section.ay-ticket-pre > div p + ul li:first-child a {
  background: #ED86B5;
}
.ay-ticket section.ay-ticket-pre > div p + ul li:first-child a:hover {
  background: #F15C96;
}
.ay-ticket section.ay-ticket-pre > div p + ul li:last-child a {
  background: #1EB9EF;
}
.ay-ticket section.ay-ticket-pre > div p + ul li:last-child a:hover {
  background: #009CE7;
}
.ay-ticket section.ay-ticket-pre > div p + ul::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin: 0.4em auto;
}
.ay-ticket section.ay-ticket-pre > div p + ul.a-list::before {
  background: #DBF1FE;
}
.ay-ticket section.ay-ticket-pre > div p + ul.y-list::before {
  background: #F3CCD1;
}
.ay-ticket > p {
  font-size: 0.85em;
}
.ay-ticket > p small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  color: #666;
  font-size: 0.85em;
  text-indent: 0.5em;
  line-height: 200%;
}
@media only screen and (max-width: 499px) {
  .ay-ticket > p small {
    margin: 0.5em 0;
  }
}
.ay-ticket > p small::before {
  content: "※";
}

.ay-item ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ay-item ul li {
  width: 33.3333333333%;
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 1em;
}
@media only screen and (max-width: 499px) {
  .ay-item ul li {
    width: 100%;
    border-bottom: 1px solid #EEE;
  }
}
.ay-item ul li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.ay-item ul li dl dt {
  font-size: 1.2rem;
  font-weight: bold;
}
.ay-item ul li dl dd {
  font-size: 1.2rem;
  line-height: 160%;
}
.ay-item ul li dl dd:nth-of-type(1) {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.ay-item ul li dl dd small {
  font-size: 0.75em;
}

.ay-slider {
  overflow: hidden;
}
.ay-slider > div > div > div img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 499px) {
  .ay-slider > div > div > div img {
    width: 100%;
    height: auto;
  }
}
.ay-slider > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin: 0.5em auto 0;
}
.ay-slider > ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(20% - 0.5em);
  margin: 0 calc((100% - (20% - 0.5em) * 5) / 4) 0.25em 0;
}
.ay-slider > ul li:nth-child(5n) {
  margin: 0 0 0.25em;
}
.ay-slider > ul li a {
  display: block;
  cursor: pointer;
}
.ay-slider > ul li a img {
  display: block;
  width: 100%;
  height: auto;
  outline: 1px solid #EFEFEF;
  outline-offset: -1px;
}
@media only screen and (max-width: 499px) {
  .ay-slider > ul li a img {
    width: 100%;
  }
}
.ay-slider > ul li a:hover img {
  opacity: 1;
}
.ay-slider > ul li:hover img {
  outline-offset: -1px;
}
.ay-slider > ul li.slick-active img {
  outline-offset: -1px;
}
.ay-slider > span {
  display: block;
  position: absolute;
  cursor: pointer;
  width: 25px;
  height: 25px;
  top: 0;
  margin: 50% 10px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 200;
}
.ay-slider > span:nth-of-type(1) {
  left: 0;
  border-top: none;
  border-right: none;
}
.ay-slider > span:nth-of-type(2) {
  right: 0;
  border-bottom: none;
  border-left: none;
}
.ay-slider.a-slider > ul li:hover img {
  outline: 1px solid #1EB9EF;
}
.ay-slider.a-slider > ul li.slick-active img {
  outline: 1px solid #009CE7;
}
.ay-slider.a-slider > span {
  border: 5px solid rgba(30, 185, 239, 0.3);
}
.ay-slider.a-slider > span:hover {
  border: 5px solid rgba(30, 185, 239, 0.6);
}
.ay-slider.a-slider > span:hover:nth-of-type(1) {
  left: 0;
  border-top: none;
  border-right: none;
}
.ay-slider.a-slider > span:hover:nth-of-type(2) {
  right: 0;
  border-bottom: none;
  border-left: none;
}
.ay-slider.a-slider > span:nth-of-type(1) {
  left: 0;
  border-top: none;
  border-right: none;
}
.ay-slider.a-slider > span:nth-of-type(2) {
  right: 0;
  border-bottom: none;
  border-left: none;
}
.ay-slider.y-slider > ul li:hover img {
  outline: 1px solid #ED86B5;
}
.ay-slider.y-slider > ul li.slick-active img {
  outline: 1px solid #F15C96;
}
.ay-slider.y-slider > span {
  border: 5px solid rgba(237, 134, 181, 0.3);
}
.ay-slider.y-slider > span:hover {
  border: 5px solid rgba(237, 134, 181, 0.6);
}
.ay-slider.y-slider > span:hover:nth-of-type(1) {
  left: 0;
  border-top: none;
  border-right: none;
}
.ay-slider.y-slider > span:hover:nth-of-type(2) {
  right: 0;
  border-bottom: none;
  border-left: none;
}
.ay-slider.y-slider > span:nth-of-type(1) {
  left: 0;
  border-top: none;
  border-right: none;
}
.ay-slider.y-slider > span:nth-of-type(2) {
  right: 0;
  border-bottom: none;
  border-left: none;
}

@media only screen and (max-width: 499px) {
  .ay-caution p {
    font-size: 0.9em;
    line-height: 180%;
  }
}
.ay-caution p em {
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  padding: 0.5em 0;
}
.ay-caution ul {
  display: list-item;
  margin: 1em 0;
  padding: 1em;
  background: #F9F9F9;
}
.ay-caution ul li {
  list-style: disc inside;
  font-size: 0.85em;
}
@media only screen and (max-width: 499px) {
  .ay-caution ul li {
    line-height: 180%;
    margin: 1em 0;
  }
}

.ay-footer p {
  text-align: center;
}
@media only screen and (max-width: 499px) {
  .ay-footer {
    padding: 0 1em;
  }
  .ay-footer p {
    padding: 1em 0;
    border-top: 3px solid #000;
  }
}

/*===============================

	イベント参加

================================*/
.event-wrap {
  color: #444;
  max-width: 955px;
  margin: auto;
  padding: 40px 0;
}

.event-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFF;
  padding: 30px;
  background: #111 url(https://amnibus.s3.amazonaws.com/resources/img/campaign/c89/about_bg.png) no-repeat;
  background-position: 20px center;
}
@media only screen and (max-width: 499px) {
  .event-header {
    padding: 20px;
  }
}
.event-header div:nth-of-type(1) {
  width: calc(100% - 154px);
}
@media only screen and (max-width: 499px) {
  .event-header div:nth-of-type(1) {
    width: 100%;
  }
}
.event-header div:nth-of-type(1) h1 {
  font-size: 3rem;
  font-weight: normal;
}
@media only screen and (min-width: 499px) and (max-width: 788px) {
  .event-header div:nth-of-type(1) h1 {
    font-size: 2.4rem;
    margin: 0 0 20px;
  }
}
.event-header div:nth-of-type(1) ul li {
  font-size: 1.2rem;
  font-weight: bold;
}
@media only screen and (max-width: 499px) {
  .event-header div:nth-of-type(1) ul li {
    margin: 0 0 10px;
  }
}
.event-header div:nth-of-type(1) ul li:first-of-type {
  font-size: 1.4rem;
}
.event-header div:nth-of-type(1) ul li:last-of-type {
  display: none;
}
@media only screen and (max-width: 499px) {
  .event-header div:nth-of-type(1) ul li:last-of-type {
    display: block;
  }
}
.event-header div:nth-of-type(2) {
  width: 154px;
  margin-top: 10px;
}
@media only screen and (max-width: 499px) {
  .event-header div:nth-of-type(2) {
    display: none;
  }
}

.event-note {
  padding: 30px;
  color: #111;
  background: #FFF;
}
.event-note h2 {
  margin: 0 0 10px;
  font-size: 1.2rem;
  font-weight: bold;
}
.event-note p {
  font-size: 1rem;
}

.event-head {
  display: block;
  text-align: center;
}

.event-list {
  padding: 30px 20px 120px;
  clip-path: polygon(0 60px, 100% 0, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(0 60px, 100% 0, 100% 100%, 0% 100%);
}
.event-list h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 40px auto;
}
.event-list h4 {
  font-size: 1.5rem;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho;
  font-weight: bold;
}
.event-list h4 + p {
  color: #000;
  font-size: 1rem;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho;
  font-weight: bold;
  margin: 20px 0 40px;
}
.event-list h4 + p small {
  display: block;
  margin: 20px 0 20px;
}
.event-list h5 {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 20px 0 40px;
}
.event-list h5 + div {
  width: 66%;
  margin: auto;
}
.event-list h5 + div p {
  font-size: 12px;
  margin: 10px 20px;
}
.event-list ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.event-list ol li {
  width: 31%;
  margin: 0 3.5% 40px 0;
}
@media only screen and (max-width: 499px) {
  .event-list ol li {
    width: 100%;
    margin: 0 0 40px;
  }
}
.event-list ol li:nth-child(3n) {
  margin: 0 0 40px;
}
.event-list ol.event-item-c2 {
  margin: 0 140px;
}
@media only screen and (max-width: 499px) {
  .event-list ol.event-item-c2 {
    margin: 0 0;
  }
}
.event-list ol.event-item-c2 li {
  width: 47%;
}
.event-list ol.event-item-c2 li:nth-child(odd) {
  margin: 0 6% 40px 0;
}
.event-list ol.event-item-c2 li:nth-child(even) {
  margin: 0 0 40px 0;
}
.event-list ol.event-item-c2 li img {
  width: auto;
}
.event-list ol.event-item-c2 + div {
  margin: 0 140px;
}
@media only screen and (max-width: 499px) {
  .event-list ol.event-item-c2 + div {
    margin: 0;
  }
}
.event-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.event-list ul li {
  width: 31%;
  margin: 0 3.5% 40px 0;
}
@media only screen and (max-width: 499px) {
  .event-list ul li {
    width: 100%;
    margin: 0 0 40px;
  }
}
.event-list ul li:nth-child(3n) {
  margin: 0 0 40px;
}
.event-list ul li img {
  display: block;
  width: 240px;
  margin: 0 auto;
  background: #FFF;
  border: 1px solid #999;
}
.event-list ul li p {
  font-size: 12px;
  margin: 10px 20px;
}
.event-list ul.event-item-c2 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 140px;
}
@media only screen and (max-width: 499px) {
  .event-list ul.event-item-c2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0;
  }
}
.event-list ul.event-item-c2 li {
  width: 47%;
}
.event-list ul.event-item-c2 li:nth-child(odd) {
  margin: 0 6% 40px 0;
}
.event-list ul.event-item-c2 li:nth-child(even) {
  margin: 0 0 40px 0;
}
.event-list ul.event-item-c2 li img {
  width: auto;
}
.event-list ul.event-item-c2 + div {
  margin: 0 140px;
}
@media only screen and (max-width: 499px) {
  .event-list ul.event-item-c2 + div {
    margin: 0;
  }
}
.event-list > p {
  font-size: 14px;
}
.event-list > div {
  width: 66%;
  margin: auto;
}
@media only screen and (max-width: 499px) {
  .event-list > div {
    width: 100% !important;
  }
}
.event-list > div.event-item-1is {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.event-list hr {
  border: none;
  margin: 30px 0;
}

.event-item-name {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5em;
  margin: 10px 0 0;
}

.event-item-price {
  font-size: 12px;
  margin: 5px 0;
}

.event-link {
  margin: 40px;
  padding: 20px 20px 10px;
}
@media only screen and (max-width: 499px) {
  .event-link {
    margin: 20px;
  }
}
.event-link p {
  font-size: 14px;
}
.event-link p a {
  color: #134ADF;
}
.event-link p a:hover {
  text-decoration: underline;
}

.event-attention {
  margin: 40px;
  padding: 20px 20px 10px;
  background: #F0F0F0;
}
@media only screen and (max-width: 499px) {
  .event-attention {
    margin: 20px;
  }
}
.event-attention h3 {
  font-size: 14px;
  margin: 0 0 10px;
}
.event-attention p {
  font-size: 13px;
  line-height: 200%;
  margin: 0 10px;
}

.event-footer {
  margin: 40px;
  padding: 20px 20px 10px;
}
@media only screen and (max-width: 499px) {
  .event-footer {
    margin: 20px;
  }
}

.event-new {
  color: #FF0328;
  font-weight: bold;
}

/*	DIABOLIK LOVERS
================================*/
.event-list-dlmb {
  background: url(https://amnibus.s3.amazonaws.com/resources/img/campaign/c89/diabolik_bg.jpg) no-repeat;
}

/*	シュタインズゲート
================================*/
.event-list-sg {
  background: url(https://amnibus.s3.amazonaws.com/resources/img/campaign/c89/steinsgate_bg.gif) repeat;
  margin: -60px 0 0 0;
  padding: 90px 20px 120px;
}

/*	東方Project
================================*/
.event-list-toho {
  background: url(https://amnibus.s3.amazonaws.com/resources/img/campaign/reitaisai_29_autumn/back.jpg) repeat;
}
.event-list-toho h3 img {
  width: 193px;
  margin: 0 10px;
}
.event-list-toho .event-item-1is img {
  width: 280px;
}

/*===============================

	Media Query（レスポンシブ対応用）

================================*/
/*===============================

	フォーマット

================================*/
#container {
  background: #FFF;
}

#mainArea {
  width: auto;
  max-width: none;
  min-height: inherit;
  margin: auto;
  background: #FFF;
}

.p-external_service_box {
  display: none;
}

main em {
  font-style: normal;
}
main small {
  font-size: 100%;
}
main mark {
  background: none;
  color: inherit;
}
main ol, main ul, main li, main dl, main dt, main dd, main table, main th, main td, main figure, main figcaption {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
main img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}

/*===============================

	商品用LP

================================*/
/*	大枠
================================*/
.lp-item-wrap {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  max-width: 1200px;
  margin: auto;
  padding: 1.5em 0 3em;
}
@media only screen and (min-width: 500px) {
  .lp-item-wrap {
    padding: 25px 0 30px;
  }
}
.lp-item-wrap .lp-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin: 0 0 3em;
}
@media only screen and (min-width: 500px) {
  .lp-item-wrap .lp-header {
    margin: 0 0 4em;
  }
}
.lp-item-wrap .lp-header .lp-head {
  font-size: 1.15em;
  line-height: 160%;
  margin: 0 0.5em 0.5em;
  padding: 0 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 500px) {
  .lp-item-wrap .lp-header .lp-head {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    font-size: 2em;
    text-align: center;
    margin: 0;
    padding: 0;
  }
}
.lp-item-wrap .lp-header picture {
  width: 100%;
}
@media only screen and (min-width: 500px) {
  .lp-item-wrap .lp-header picture {
    margin: 0 0 1em;
  }
}
.lp-item-wrap .lp-header picture img {
  display: block;
  width: 100%;
  height: auto;
}
.lp-item-wrap .lp-section {
  margin: 0 0 7em;
}
@media only screen and (min-width: 500px) {
  .lp-item-wrap .lp-section {
    margin: 0 0 7em;
  }
}
.lp-item-wrap .lp-section.lp-item-resale {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.lp-item-wrap .lp-section:last-of-type {
  margin: 0;
}
.lp-item-wrap .lp-section .lp-subhead {
  display: block;
  font-size: 1.8em;
  font-weight: normal;
  text-align: center;
  text-indent: 0.1em;
  line-height: 1em;
  letter-spacing: 0.1em;
  width: 100%;
  margin: 0 0 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 500px) {
  .lp-item-wrap .lp-section .lp-subhead {
    font-size: 2.3em;
    margin: 0 0 1.5em;
  }
}
.lp-item-wrap .lp-section .lp-subhead::after {
  content: "";
  display: block;
  width: 1em;
  height: 2px;
  margin: 0.4em auto 0;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 500px) {
  .lp-item-wrap .lp-section .lp-subhead::after {
    width: 1em;
    margin: 0.6em auto 0;
  }
}
.lp-item-wrap .lp-section .lp-subhead + p {
  width: 100%;
  margin: 0 0 2em;
  padding: 0 0.5em;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 500px) {
  .lp-item-wrap .lp-section .lp-subhead + p {
    font-size: 1.1em;
    margin: 0 0 5em;
  }
}

/*	商品一覧
================================*/
.lp-item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 0 1.5em;
  margin: 0 0.5em 5em;
  border-bottom: 1px solid #DDD;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lp-item-list:last-of-type {
  margin: 0 0.5em;
}
@media only screen and (min-width: 500px) {
  .lp-item-list {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 40% 2em 1fr;
    grid-template-rows: auto;
    -ms-grid-columns: 40% 2em 1fr;
    -ms-grid-rows: auto;
  }
}
@media only screen and (min-width: 500px) {
  .lp-item-resale .lp-item-list {
    width: 50%;
    margin: 0 0 1em;
    padding: 0 1em;
    border-bottom: none;
  }
}
.lp-item-list .lp-item-name {
  font-size: 1.5em;
  line-height: 140%;
  width: 100%;
  padding: 0 0.25em 0.5em;
  margin: 0 0 0.5em;
  word-break: break-all;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 500px) {
  .lp-item-list .lp-item-name {
    grid-row: 1/1;
    grid-column: 3/3;
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    font-size: 1.75em;
    font-weight: normal;
  }
}
@media only screen and (min-width: 500px) {
  .lp-item-resale .lp-item-list .lp-item-name {
    font-size: 1.4em;
  }
}
.lp-item-list .lp-item-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: hidden;
  margin: 0 0 0.5em;
}
@media only screen and (min-width: 500px) {
  .lp-item-list .lp-item-slider {
    grid-row: 1/span 3;
    grid-column: 1/1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
}
.lp-item-list .lp-item-slider > div {
  margin: 0 0 0.75em;
}
.lp-item-list .lp-item-slider > div > div > div img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.lp-item-list .lp-item-slider > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.lp-item-list .lp-item-slider > ul li {
  width: 20%;
  margin: 0 0 0.5em 0;
  padding: 0 0.25em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 500px) {
  .lp-item-list .lp-item-slider > ul li {
    width: 16.6666666667%;
  }
}
.lp-item-list .lp-item-slider > ul li a {
  display: block;
  cursor: pointer;
}
.lp-item-list .lp-item-slider > ul li a img {
  display: block;
  width: 100%;
  height: auto;
  outline: 1px solid #EFEFEF;
  outline-offset: -1px;
}
@media only screen and (max-width: 499px) {
  .lp-item-list .lp-item-slider > ul li a img {
    width: 100%;
  }
}
.lp-item-list .lp-item-slider > ul li a:hover img {
  opacity: 1;
}
.lp-item-list .lp-item-slider > ul li:hover img {
  outline: 1px solid #A6C7FF;
  outline-offset: -1px;
}
.lp-item-list .lp-item-slider > ul li.slick-active img {
  outline: 1px solid #2F55D7;
  outline-offset: -1px;
}
.lp-item-list .lp-item-slider > span {
  display: block;
  position: absolute;
  cursor: pointer;
  width: 30px;
  height: 30px;
  margin: 50% 0.75em 0;
  border: 10px solid rgba(0, 0, 0, 0.3);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 200;
}
.lp-item-list .lp-item-slider > span:hover {
  border: 10px solid rgba(0, 0, 0, 0.4);
}
.lp-item-list .lp-item-slider > span:nth-of-type(1) {
  left: 0;
  border-top: none;
  border-right: none;
}
.lp-item-list .lp-item-slider > span:nth-of-type(2) {
  right: 0;
  border-bottom: none;
  border-left: none;
}
.lp-item-list .lp-item-image {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 500px) {
  .lp-item-list .lp-item-image {
    grid-row: 1/span 3;
    grid-column: 1/1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
}
.lp-item-list .lp-item-image img {
  display: block;
  width: 100%;
  height: auto;
}
.lp-item-list .lp-item-detail {
  width: 100%;
  padding: 0 0.25em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 500px) {
  .lp-item-list .lp-item-detail {
    grid-row: 2/2;
    grid-column: 3/3;
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
}
.lp-item-list .lp-item-detail *:last-child {
  margin: 0;
}
.lp-item-list .lp-item-detail p {
  font-size: 1em;
  line-height: 180%;
  margin: 0 0 0.5em;
}
@media only screen and (min-width: 500px) {
  .lp-item-list .lp-item-detail p {
    font-size: 1.1em;
    line-height: 200%;
  }
}
.lp-item-list .lp-item-detail p:last-of-type {
  margin: 0 0 0.75em;
}
.lp-item-list .lp-item-detail p small {
  display: block;
  color: #333;
  font-size: 0.9em;
  line-height: 160%;
}
@media only screen and (min-width: 500px) {
  .lp-item-list .lp-item-detail p small {
    font-size: 0.85em;
  }
}
.lp-item-list .lp-item-detail a {
  display: block;
  font-size: 1.1em;
  color: #FFF;
  text-align: center;
  margin: 0 0 0.5em;
  padding: 0.5em;
  background: #2C5CDE;
  border-radius: 3px;
}
.lp-item-list .lp-item-detail a:hover {
  opacity: 0.8;
  text-decoration: none;
}
.lp-item-list .lp-item-detail .lp-item-price {
  font-size: 1.4em;
  margin: 0 0 0.5em;
  padding: 0.5em 0 0;
}
@media only screen and (min-width: 500px) {
  .lp-item-list .lp-item-detail .lp-item-price {
    font-size: 1.6em;
  }
}
.lp-item-latest .lp-item-list .lp-item-detail .lp-item-price {
  padding: 0.75em 0 0;
  border-top: 1px solid #DDD;
}
@media only screen and (min-width: 500px) {
  .lp-item-resale .lp-item-list .lp-item-detail .lp-item-price {
    font-size: 1.35em;
  }
}
@media only screen and (min-width: 500px) {
  .lp-item-list .lp-item-detail .lp-item-price ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.lp-item-list .lp-item-detail .lp-item-price dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lp-item-list .lp-item-detail .lp-item-price dl dt {
  font-size: 0.8em;
}
.lp-item-list .lp-item-detail .lp-item-price dl dt::after {
  content: "：";
}
.lp-item-list .lp-item-detail .lp-item-price dl dd {
  font-weight: bold;
}
.lp-item-list .lp-item-detail .lp-item-price dl dd::after {
  content: "（税別）";
  font-size: 0.8em;
  font-weight: normal;
  margin: 0.17em 0 0 -5px;
}

/*	キャラ一覧
================================*/
.lp-item-character > .lp-item-detail {
  width: 100%;
  padding: 0 0.25em;
  margin: 0 0.5em 5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lp-item-character > .lp-item-detail *:last-child {
  margin: 0;
}
.lp-item-character > .lp-item-detail p {
  font-size: 1em;
  line-height: 180%;
  margin: 0 0 0.5em;
}
@media only screen and (min-width: 500px) {
  .lp-item-character > .lp-item-detail p {
    font-size: 1.1em;
    line-height: 200%;
  }
}
.lp-item-character > .lp-item-detail p:last-of-type {
  margin: 0 0 0.75em;
}
.lp-item-character > .lp-item-detail .lp-item-price {
  font-size: 1.4em;
  margin: 0 0 0.5em;
  padding: 0.75em 0;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}
@media only screen and (min-width: 500px) {
  .lp-item-character > .lp-item-detail .lp-item-price {
    font-size: 1.6em;
  }
}
@media only screen and (min-width: 500px) {
  .lp-item-character > .lp-item-detail .lp-item-price ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.lp-item-character > .lp-item-detail .lp-item-price dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lp-item-character > .lp-item-detail .lp-item-price dl dt {
  font-size: 0.8em;
}
.lp-item-character > .lp-item-detail .lp-item-price dl dt::after {
  content: "：";
}
.lp-item-character > .lp-item-detail .lp-item-price dl dd {
  font-weight: bold;
}
.lp-item-character > .lp-item-detail .lp-item-price dl dd::after {
  content: "（税別）";
  font-size: 0.8em;
  font-weight: normal;
  margin: 0.17em 0 0 -5px;
}
.lp-item-character > .lp-item-detail + .lp-subhead {
  display: none;
}
.lp-item-character ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.lp-item-character ol li {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  margin: 0 0 5em;
  padding: 0 0.5em 1.5em;
  border-bottom: 1px solid #DDD;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 500px) {
  .lp-item-character ol li {
    padding: 0 0 1.5em;
    margin: 0 2em 5em;
    width: calc(33.3333333333% - 4em);
  }
}
.lp-item-character ol li:last-of-type {
  margin: 0;
}
@media only screen and (min-width: 500px) {
  .lp-item-character ol li:nth-last-of-type(1), .lp-item-character ol li:nth-last-of-type(2), .lp-item-character ol li:nth-last-of-type(3) {
    margin: 0 2em;
  }
}
.lp-item-character ol li .lp-item-name {
  font-size: 1.6em;
  line-height: 120%;
  font-weight: normal;
  width: 100%;
  padding: 0 0.25em 0.4em;
  margin: 0 0 0.5em;
  word-break: break-all;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lp-item-character ol li .lp-item-name.lin-15em {
  font-size: 1.55em;
}
.lp-item-character ol li .lp-item-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: hidden;
  margin: 0 0 0.5em;
}
@media only screen and (min-width: 500px) {
  .lp-item-character ol li .lp-item-slider {
    grid-row: 1/span 3;
    grid-column: 1/1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
}
.lp-item-character ol li .lp-item-slider > div {
  margin: 0 0 0.75em;
}
.lp-item-character ol li .lp-item-slider > div > div > div img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.lp-item-character ol li .lp-item-slider > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.lp-item-character ol li .lp-item-slider > ul li {
  width: 20%;
  margin: 0 0 0.5em 0;
  padding: 0 0.25em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 500px) {
  .lp-item-character ol li .lp-item-slider > ul li {
    width: 16.6666666667%;
  }
}
.lp-item-character ol li .lp-item-slider > ul li a {
  display: block;
  cursor: pointer;
}
.lp-item-character ol li .lp-item-slider > ul li a img {
  display: block;
  width: 100%;
  height: auto;
  outline: 1px solid #EFEFEF;
  outline-offset: -1px;
}
@media only screen and (max-width: 499px) {
  .lp-item-character ol li .lp-item-slider > ul li a img {
    width: 100%;
  }
}
.lp-item-character ol li .lp-item-slider > ul li a:hover img {
  opacity: 1;
}
.lp-item-character ol li .lp-item-slider > ul li:hover img {
  outline: 1px solid #A6C7FF;
  outline-offset: -1px;
}
.lp-item-character ol li .lp-item-slider > ul li.slick-active img {
  outline: 1px solid #2F55D7;
  outline-offset: -1px;
}
.lp-item-character ol li .lp-item-slider > span {
  display: block;
  position: absolute;
  cursor: pointer;
  width: 30px;
  height: 30px;
  margin: 50% 0.75em 0;
  border: 10px solid rgba(0, 0, 0, 0.3);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 200;
}
.lp-item-character ol li .lp-item-slider > span:hover {
  border: 10px solid rgba(0, 0, 0, 0.4);
}
.lp-item-character ol li .lp-item-slider > span:nth-of-type(1) {
  left: 0;
  border-top: none;
  border-right: none;
}
.lp-item-character ol li .lp-item-slider > span:nth-of-type(2) {
  right: 0;
  border-bottom: none;
  border-left: none;
}
.lp-item-character ol li .lp-item-detail a {
  display: block;
  font-size: 1.1em;
  color: #FFF;
  text-align: center;
  margin: 0 0 0.5em;
  padding: 0.5em;
  background: #2C5CDE;
  border-radius: 3px;
}
.lp-item-character ol li .lp-item-detail a:hover {
  opacity: 0.8;
  text-decoration: none;
}

/*	関連商品
================================*/
.lp-item-relate ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.lp-item-relate ul li {
  width: 50%;
  margin: 0 0 2.5em;
  padding: 0 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 500px) {
  .lp-item-relate ul li {
    width: 20%;
    padding: 0 2em;
  }
}
.lp-item-relate ul li a {
  display: block;
}
.lp-item-relate ul li a .list-image {
  margin: 0 0 0.25em;
}
.lp-item-relate ul li a .list-image img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
}
.lp-item-relate ul li a dl {
  display: block;
  margin: 0 0 0.5em;
}
.lp-item-relate ul li a dl .list-name {
  font-size: 0.9em;
  line-height: 160%;
  margin: 0 0 0.25em;
  width: 100%;
  min-height: auto;
  word-break: break-all;
}
.lp-item-relate ul li a dl .list-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 0.9em;
  font-weight: normal;
  padding: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lp-item-relate ul li a dl .list-price small {
  display: inline-block;
  font-size: 0.75em;
  font-weight: normal;
  margin: 0;
}
.lp-item-relate ul li a dl .list-price span {
  display: inline-block;
  font-size: 0.75em;
  font-weight: normal;
  margin: 0;
}
.lp-item-relate ul li a dl .list-price.is-set + .list-price {
  display: none;
}
.lp-item-relate ul li a dl .list-status {
  display: inline-block;
  font-size: 0.7em;
  line-height: 1em;
  padding: 0.25em 0.5em 0.35em;
  margin: 0.5em 0 0;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lp-item-relate ul li a dl .list-status.is-stocked {
  color: #00A;
  border: 1px solid #00A;
  background-color: #FFF;
}
.lp-item-relate ul li a dl .list-status.is-few {
  color: #C00;
  border: 1px solid #C00;
  background-color: #FFF;
}
.lp-item-relate ul li a dl .list-status.is-finished {
  color: #FFF;
  border: 1px solid #333;
  background-color: #333;
}

/*	lls
================================*/
.lp-lls .lp-head {
  border-left: 3px double #18B6FF;
}
@media only screen and (min-width: 500px) {
  .lp-lls .lp-head {
    border: none;
  }
}
.lp-lls .lp-section:nth-of-type(odd) .lp-subhead::after {
  background: #18B6FF;
}
.lp-lls .lp-section:nth-of-type(even) .lp-subhead::after {
  background: #F7B52C;
}
.lp-lls .lp-section .lp-item-list:nth-of-type(odd) .lp-item-name {
  border-bottom: 1px solid #18B6FF;
}
.lp-lls .lp-section .lp-item-list:nth-of-type(even) .lp-item-name {
  border-bottom: 1px solid #F7B52C;
}
.lp-lls .lp-section.lp-item-character ol li:nth-child(1) .lp-item-name {
  border-bottom: 2px solid #F18D00;
}
.lp-lls .lp-section.lp-item-character ol li:nth-child(2) .lp-item-name {
  border-bottom: 2px solid #FF7777;
}
.lp-lls .lp-section.lp-item-character ol li:nth-child(3) .lp-item-name {
  border-bottom: 2px solid #6FE0DA;
}
.lp-lls .lp-section.lp-item-character ol li:nth-child(4) .lp-item-name {
  border-bottom: 2px solid #FF5A5C;
}
.lp-lls .lp-section.lp-item-character ol li:nth-child(5) .lp-item-name {
  border-bottom: 2px solid #3ACAFF;
}
.lp-lls .lp-section.lp-item-character ol li:nth-child(6) .lp-item-name {
  border-bottom: 2px solid #9F9F9F;
}
.lp-lls .lp-section.lp-item-character ol li:nth-child(7) .lp-item-name {
  border-bottom: 2px solid #EBD300;
}
.lp-lls .lp-section.lp-item-character ol li:nth-child(8) .lp-item-name {
  border-bottom: 2px solid #CD92FE;
}
.lp-lls .lp-section.lp-item-character ol li:nth-child(9) .lp-item-name {
  border-bottom: 2px solid #FE69DD;
}
.lp-lls .lp-section.lp-item-character.lp-item-unit ol li .lp-item-name::after {
  content: "";
  display: block;
  height: 2px;
  margin: 3px 0 5px 0;
  background: #000;
}
.lp-lls .lp-section.lp-item-character.lp-item-unit ol li:nth-child(1) .lp-item-name {
  border: none;
}
.lp-lls .lp-section.lp-item-character.lp-item-unit ol li:nth-child(1) .lp-item-name:after {
  background: #F18D00;
  background: -webkit-gradient(left top, right top, color-stop(0%, #F18D00), color-stop(33%, #F18D00), color-stop(33%, #3ACAFF), color-stop(66%, #3ACAFF), color-stop(66%, #FE69DD), color-stop(100%, #FE69DD));
  background: -webkit-gradient(linear, left top, right top, from(#F18D00), color-stop(33%, #F18D00), color-stop(33%, #3ACAFF), color-stop(66%, #3ACAFF), color-stop(66%, #FE69DD), to(#FE69DD));
  background: linear-gradient(to right, #F18D00 0%, #F18D00 33%, #3ACAFF 33%, #3ACAFF 66%, #FE69DD 66%, #FE69DD 100%);
}
.lp-lls .lp-section.lp-item-character.lp-item-unit ol li:nth-child(2) .lp-item-name {
  border: none;
}
.lp-lls .lp-section.lp-item-character.lp-item-unit ol li:nth-child(2) .lp-item-name:after {
  background: #F18D00;
  background: -webkit-gradient(left top, right top, color-stop(0%, #6FE0DA), color-stop(33%, #6FE0DA), color-stop(33%, #FF5A5C), color-stop(66%, #FF5A5C), color-stop(66%, #EBD300), color-stop(100%, #EBD300));
  background: -webkit-gradient(linear, left top, right top, from(#6FE0DA), color-stop(33%, #6FE0DA), color-stop(33%, #FF5A5C), color-stop(66%, #FF5A5C), color-stop(66%, #EBD300), to(#EBD300));
  background: linear-gradient(to right, #6FE0DA 0%, #6FE0DA 33%, #FF5A5C 33%, #FF5A5C 66%, #EBD300 66%, #EBD300 100%);
}
.lp-lls .lp-section.lp-item-character.lp-item-unit ol li:nth-child(3) .lp-item-name {
  border: none;
}
.lp-lls .lp-section.lp-item-character.lp-item-unit ol li:nth-child(3) .lp-item-name:after {
  background: #F18D00;
  background: -webkit-gradient(left top, right top, color-stop(0%, #FF7777), color-stop(33%, #FF7777), color-stop(33%, #9F9F9F), color-stop(66%, #9F9F9F), color-stop(66%, #CD92FE), color-stop(100%, #CD92FE));
  background: -webkit-gradient(linear, left top, right top, from(#FF7777), color-stop(33%, #FF7777), color-stop(33%, #9F9F9F), color-stop(66%, #9F9F9F), color-stop(66%, #CD92FE), to(#CD92FE));
  background: linear-gradient(to right, #FF7777 0%, #FF7777 33%, #9F9F9F 33%, #9F9F9F 66%, #CD92FE 66%, #CD92FE 100%);
}

/*	grp
================================*/
.lp-grp .lp-head {
  border-left: 3px double #18B6FF;
}
@media only screen and (min-width: 500px) {
  .lp-grp .lp-head {
    border: none;
  }
}
.lp-grp .lp-section .lp-subhead {
  margin: 2em 0 1em;
}
.lp-grp .lp-section .lp-subhead:nth-of-type(1)::after {
  background: #FF3B72;
}
.lp-grp .lp-section .lp-subhead:nth-of-type(2)::after {
  background: #E53343;
}
.lp-grp .lp-section .lp-subhead:nth-of-type(3)::after {
  background: #2AF6B1;
}
.lp-grp .lp-section .lp-subhead:nth-of-type(4)::after {
  background: #5B67FF;
}
.lp-grp .lp-section .lp-subhead:nth-of-type(5)::after {
  background: #FFC02A;
}
.lp-grp .lp-section.lp-item-character ol {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lp-grp .lp-section.lp-item-character ol:nth-of-type(1) .lp-item-name {
  border-bottom: 2px solid #FF3B72;
}
.lp-grp .lp-section.lp-item-character ol:nth-of-type(2) .lp-item-name {
  border-bottom: 2px solid #E53343;
}
.lp-grp .lp-section.lp-item-character ol:nth-of-type(3) .lp-item-name {
  border-bottom: 2px solid #2AF6B1;
}
.lp-grp .lp-section.lp-item-character ol:nth-of-type(4) .lp-item-name {
  border-bottom: 2px solid #5B67FF;
}
.lp-grp .lp-section.lp-item-character ol:nth-of-type(5) .lp-item-name {
  border-bottom: 2px solid #FFC02A;
}

/*	ペルソナ5
===============================*/
.lp-p5 .lp-head {
  border-left: 3px double #F00;
}
@media only screen and (min-width: 500px) {
  .lp-p5 .lp-head {
    border: none;
  }
}
.lp-p5 .lp-section:nth-of-type(odd) .lp-subhead::after {
  background: #F00;
}
.lp-p5 .lp-section:nth-of-type(even) .lp-subhead::after {
  background: #000;
}
.lp-p5 .lp-section .lp-item-list:nth-of-type(odd) .lp-item-name {
  border-bottom: 1px solid #F00;
}
.lp-p5 .lp-section .lp-item-list:nth-of-type(even) .lp-item-name {
  border-bottom: 1px solid #000;
}
.lp-p5 .lp-section.lp-item-character ol li:nth-of-type(odd) .lp-item-name {
  border-bottom: 1px solid #F00;
}
.lp-p5 .lp-section.lp-item-character ol li:nth-of-type(even) .lp-item-name {
  border-bottom: 1px solid #000;
}

/*===============================

	お知らせ

================================*/
.article-wrap {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  max-width: 980px;
  margin: 1.5em auto 0;
  padding: 1.5em 0 3em;
  border-top: 5px solid #3A71D6;
}
@media only screen and (min-width: 500px) {
  .article-wrap {
    margin: 25px auto 0;
    padding: 25px 0 30px;
  }
}
.article-wrap header {
  margin: 0 auto 2em;
  padding: 0 0.5em 2em;
  border-bottom: 1px solid #DDD;
}
.article-wrap header h1 {
  font-size: 1.5em;
  margin: 0 0 0.25em;
}
.article-wrap header time {
  display: block;
  color: #666;
  font-size: 0.8em;
  margin: 0 0 0.25em;
}
.article-wrap header time i {
  margin: 0 0.5em 0 0;
}
.article-wrap section {
  margin: auto;
  padding: 0 0.5em;
}
.article-wrap section h2 {
  font-size: 1.3em;
  margin: 0 0 0.25em;
}
.article-wrap section h2 i {
  margin: 0 0.5em 0 0;
}
.article-wrap p {
  font-size: 1em;
  line-height: 180%;
  margin: 0 0 0.5em;
  text-align: left;
  white-space: normal;
}
.article-wrap p em {
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
}
.article-wrap p small {
  display: block;
  color: #333;
  font-size: 0.9em;
  line-height: 160%;
}
@media only screen and (min-width: 500px) {
  .article-wrap p small {
    font-size: 0.85em;
  }
}
.article-wrap p a {
  color: #06F;
  text-decoration: underline;
  word-break: break-all;
}
.article-wrap p a:hover {
  color: #C00;
}

/*===============================

   @import

================================*/
/*===============================

	Media Query（レスポンシブ対応用）

================================*/
/*===============================

	Main

================================*/
.mk-wrap {
  font-family: "Open Sans", sans-serif;
  font-size: 1.15rem;
  line-height: 240%;
  max-width: 1200px;
  margin: auto;
  padding: 30px 10px 50px;
}
.mk-wrap > * {
  margin: auto;
  padding: 0 0 5.5em;
}
.mk-wrap > *:first-child {
  padding: 0 0 4.5em;
}
.mk-wrap > section {
  padding: 0 1em 5.5em;
}
.mk-wrap > section > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 5em 0 0;
}
.mk-wrap > section > div i {
  width: 0.3em;
  height: 0.3em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background: #000;
  margin: 0 0.11em;
}
.mk-wrap > section > div i:nth-child(1) {
  background: #be3c3c;
}
.mk-wrap > section > div i:nth-child(2) {
  background: #696900;
}
.mk-wrap > section > div i:nth-child(3) {
  background: #71443c;
}
.mk-wrap > section > div i:nth-child(4) {
  background: #ee6955;
}
.mk-wrap > section > div i:nth-child(5) {
  background: #388d8d;
}
.mk-wrap > section > div i:nth-child(6) {
  background: #614095;
}
.mk-wrap > section > div i:nth-child(7) {
  background: #59aec6;
}
.mk-wrap > section > div i:nth-child(8) {
  background: #9C96A0;
}
.mk-wrap > section > section {
  counter-increment: num;
}
.mk-wrap a[target=_blank] {
  text-decoration: underline;
}
.mk-wrap a[target=_blank] i {
  color: #fe9c5f;
  font-size: 0.7em;
  margin: 0 0 0 0.3em;
}
.mk-wrap a[target=_blank]:hover {
  color: #fe9c5f;
  text-decoration: none;
}
.mk-wrap a.mk-link {
  display: inline-block;
  color: #5E0702;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 100%;
  margin: 0 auto;
  padding: 0.75em 2em;
  border: 2px solid #5E0702;
  border-radius: 30px;
  background: #F6EEB7;
}
.mk-wrap a.mk-link:hover {
  color: #FFF;
  background: #813938;
}

.mk-header {
  display: block;
}
.mk-header h1 {
  display: block;
  margin: 0 0 0.5em;
}
.mk-header h1 img {
  display: block;
}
.mk-header p {
  margin: 0.5em 0;
  text-align: center;
}

.mk-footer p {
  display: block;
  text-align: center;
}

.mk-head {
  display: block;
  font-size: 1.8em;
  font-family: "Sawarabi Mincho";
  font-weight: normal;
  text-align: center;
  margin: 0 auto 1em;
}
@media only screen and (max-width: 499px) {
  .mk-head {
    font-size: 1.7em;
  }
}
.mk-head span {
  display: inline-block;
  color: #F6EEB7;
  line-height: 100%;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  margin: auto;
  background: #5E0702;
  border: 2px solid #F6EEB7;
  -webkit-box-shadow: 0 0 0 2px #5E0702;
          box-shadow: 0 0 0 2px #5E0702;
  padding: 0.35em 0.55em;
  border-radius: 3px;
}
.mk-head + p {
  margin: 0 0 2em;
}

.mk-subhead {
  color: #813938;
  font-size: 1.3em;
  font-family: "Sawarabi Mincho";
  font-weight: normal;
  text-align: center;
  margin: 0 0 0.5em;
}
@media only screen and (max-width: 499px) {
  .mk-subhead {
    font-size: 1.2em;
  }
}
.mk-subhead span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 100%;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
}
.mk-subhead span::before, .mk-subhead span::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 1.5em;
  height: 1px;
  margin: 0 0.5em;
  background: #813938;
}

.mk-numhead {
  font-family: "Sawarabi Mincho";
  font-weight: normal;
  text-align: center;
  margin: 0 0 1.5em;
}
.mk-numhead:before {
  display: block;
  content: "STEP" counter(num);
}
.mk-numhead em {
  display: block;
  color: #000;
  font-size: 1.4em;
  margin: 0 0 0.5em;
}
@media only screen and (max-width: 499px) {
  .mk-numhead em {
    font-size: 1.2em;
  }
}

.mk-caution {
  padding: 0.75em 1em;
  background: #fffae5;
  border: 1px solid #813938;
  border-radius: 3px;
  margin: 0 0.5em;
}
.mk-caution li {
  font-size: 0.7em;
  line-height: 200%;
}
@media only screen and (max-width: 499px) {
  .mk-caution li {
    margin: 0 0 0.2em;
  }
}
.mk-caution li:before {
  content: "※";
  margin: 0 0.5em 0 0;
}

.mk-section p {
  text-align: center;
}
.mk-section section {
  counter-increment: num;
}
.mk-section section:after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  margin: 2em 0;
  background: #d4b681;
}
.mk-section section:last-of-type:after {
  display: none;
  margin: 2em 0 0;
}
.mk-section section div {
  display: block;
  text-align: center;
  margin: 0 0 2em;
}
.mk-section section p {
  text-align: center;
  margin: 0 0 0.5em;
}
.mk-section section .mk-item p {
  font-size: 0.9em;
}
.mk-section section .mk-item ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 2em 0 0;
}
.mk-section section .mk-item ul li {
  width: 25%;
  padding: 0 1em 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .mk-section section .mk-item ul li {
    width: 100%;
  }
}
.mk-section section .mk-item ul li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 0.5em;
}
.mk-section section .mk-item ul li dl dt {
  font-size: 1.2em;
  width: 100%;
  margin: 0 0 0.5em;
}
.mk-section section .mk-item ul li dl dd {
  text-align: center;
}
.mk-section section .mk-item ul li dl dd em {
  display: block;
}
.mk-section section .mk-item ul li a {
  color: #FFF;
  display: block;
  background: #000;
  border-radius: 3px;
}
.mk-section section .mk-item ul li a:hover {
  opacity: 0.9;
}
.mk-section section .mk-item ul li:nth-child(1) dl dt {
  border-bottom: 1px solid #be3c3c;
}
.mk-section section .mk-item ul li:nth-child(1) a {
  background: #be3c3c;
}
.mk-section section .mk-item ul li:nth-child(2) dl dt {
  border-bottom: 1px solid #696900;
}
.mk-section section .mk-item ul li:nth-child(2) a {
  background: #696900;
}
.mk-section section .mk-item ul li:nth-child(3) dl dt {
  border-bottom: 1px solid #71443c;
}
.mk-section section .mk-item ul li:nth-child(3) a {
  background: #71443c;
}
.mk-section section .mk-item ul li:nth-child(4) dl dt {
  border-bottom: 1px solid #ee6955;
}
.mk-section section .mk-item ul li:nth-child(4) a {
  background: #ee6955;
}
.mk-section section .mk-item ul li:nth-child(5) dl dt {
  border-bottom: 1px solid #388d8d;
}
.mk-section section .mk-item ul li:nth-child(5) a {
  background: #388d8d;
}
.mk-section section .mk-item ul li:nth-child(6) dl dt {
  border-bottom: 1px solid #614095;
}
.mk-section section .mk-item ul li:nth-child(6) a {
  background: #614095;
}
.mk-section section .mk-item ul li:nth-child(7) dl dt {
  border-bottom: 1px solid #59aec6;
}
.mk-section section .mk-item ul li:nth-child(7) a {
  background: #59aec6;
}
.mk-section section .mk-item ul li:nth-child(8) dl dt {
  border-bottom: 1px solid #9C96A0;
}
.mk-section section .mk-item ul li:nth-child(8) a {
  background: #9C96A0;
}

.mk-form em {
  font-weight: bold;
}
.mk-form .mk-comp {
  color: #FFF;
  background: #fa8094;
}
.mk-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mk-form form dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 0.5em;
}
.mk-form form input[type=text] {
  font-size: 1.2em;
  text-align: center;
  width: 9em;
  margin: auto;
}
.mk-form form input[type=submit] {
  margin: 0.5em 0 3em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  display: inline-block;
  color: #5E0702;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 100%;
  padding: 0.75em 2em;
  border: 2px solid #5E0702;
  border-radius: 30px;
  background: #F6EEB7;
}
.mk-form form input[type=submit]:hover {
  color: #FFF;
  background: #813938;
}
.mk-form form a.mk-btn {
  display: inline-block;
  color: #5E0702;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 100%;
  margin: 0 auto;
  padding: 0.75em 2em;
  border: 2px solid #5E0702;
  border-radius: 30px;
  background: #F6EEB7;
}
.mk-form form a.mk-btn:hover {
  color: #FFF;
  background: #813938;
}

/*===============================

	Media Query（レスポンシブ対応用）

================================*/
/*===============================

	Main

================================*/
.fy-wrap {
  font-family: "Open Sans", sans-serif;
  font-size: 1.15rem;
  line-height: 240%;
  max-width: 1200px;
  margin: auto;
  padding: 30px 10px 50px;
}
@media only screen and (max-width: 499px) {
  .fy-wrap {
    font-size: 1.25rem;
  }
}
.fy-wrap > * {
  margin: auto;
  padding: 2.5em 0 5.5em;
}
.fy-wrap > *:first-child {
  padding: 0 0 2.5em;
}
.fy-wrap a[target=_blank] {
  text-decoration: underline;
}
.fy-wrap a[target=_blank] i {
  color: #D5202F;
  font-size: 0.7em;
  margin: 0 0 0 0.3em;
}
.fy-wrap a[target=_blank]:hover {
  color: #E3373C;
  text-decoration: none;
}
.fy-wrap a[href^="#"] {
  text-decoration: underline;
}
.fy-wrap a[href^="#"] i {
  color: #D5202F;
  font-size: 0.7em;
  margin: 0 0 0 0.3em;
}
.fy-wrap a[href^="#"]:hover {
  color: #50BBDD;
}

.fy-header {
  display: block;
}
.fy-header h1 {
  display: block;
  margin: 0 0 1.5em;
}
.fy-header h1 img {
  display: block;
  border-radius: 10px;
}
.fy-header p {
  text-align: center;
  margin: 0.5em 0;
}

.fy-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.8em;
  font-family: "Sawarabi Gothic";
  font-weight: normal;
  text-align: center;
  margin: 0 auto 2em;
}
@media only screen and (max-width: 499px) {
  .fy-head {
    font-size: 1.4em;
  }
}
.fy-head span {
  display: block;
  text-align: center;
  line-height: 100%;
  letter-spacing: 0.3em;
  text-indent: 0.3em;
  width: 11em;
  margin: auto;
}
.fy-head span::before, .fy-head span::after {
  position: absolute;
  display: block;
  content: "";
}
.fy-head span::before {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  width: 11.5em;
  height: 1.6em;
  margin: -0.35em 0 0 -0.25em;
}
.fy-head span::after {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  margin: -1.5em 0 0;
  width: 11em;
  height: 2em;
}
.fy-head + p {
  text-align: center;
  margin: 0 0 2em;
}

.fy-subhead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2em;
  font-family: "Sawarabi Gothic";
  font-weight: normal;
  text-align: center;
  margin: 0 0 1em;
}
@media only screen and (max-width: 499px) {
  .fy-subhead {
    width: 100%;
    font-size: 1.8em;
  }
}
.fy-subhead span {
  display: block;
  color: #FFF;
  text-align: center;
  line-height: 100%;
  letter-spacing: 0.3em;
  text-indent: 0.3em;
  background: #000;
}
@media only screen and (max-width: 499px) {
  .fy-subhead span {
    width: 100%;
  }
}
.fy-subhead span br {
  display: none;
}
@media only screen and (max-width: 499px) {
  .fy-subhead span br {
    display: block;
  }
}

.fy-section p {
  margin: 0 1em 0.5em;
}
.fy-section dl {
  line-height: 190%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0 0 1em;
}
@media only screen and (max-width: 499px) {
  .fy-section dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}
.fy-section dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  width: 9em;
  padding: 0.2em 0;
  margin: 0 0 1em;
  background: #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
}
@media only screen and (max-width: 499px) {
  .fy-section dl dt {
    width: 100%;
  }
}
.fy-section dl dd {
  width: calc(100% - 9em);
  margin: 0 0 1em;
  padding: 0.2em 0 0.2em 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .fy-section dl dd {
    padding: 0.2em 0.5em;
    width: 100%;
  }
}
.fy-section dl dd small {
  font-size: 0.85em;
}
@media only screen and (max-width: 499px) {
  .fy-section dl dd small {
    display: block;
  }
}
.fy-section dl dd em {
  font-weight: bold;
}
.fy-section ul {
  padding: 1em 2em;
  background: #F9F9F9;
  border-radius: 3px;
}
@media only screen and (max-width: 499px) {
  .fy-section ul {
    padding: 1em;
  }
}
.fy-section ul li {
  font-size: 0.7em;
  line-height: 200%;
}
@media only screen and (max-width: 499px) {
  .fy-section ul li {
    margin: 0 0 0.2em;
  }
}
.fy-section ul li:before {
  content: "※";
  margin: 0 0.5em 0 0;
}
.fy-section ol {
  counter-reset: num;
}
.fy-section ol li:before {
  counter-increment: num;
  content: counter(num) ".";
  margin: 0 0.5em 0 0;
}

.fy-collabo section > div:after {
  display: block;
  content: "";
  height: 1px;
  width: calc(100% - 2em);
  margin: 2em auto;
  background: #AAA;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.fy-collabo section > div:last-child:after {
  display: none;
}
.fy-collabo section > div.fy-collabo-info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.fy-collabo section > div.fy-collabo-info ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 1em 2em;
}
@media only screen and (max-width: 499px) {
  .fy-collabo section > div.fy-collabo-info ul li {
    padding: 0 0.5em 1em;
  }
}
.fy-collabo section > div.fy-collabo-info ul li img {
  border-radius: 5px;
}
.fy-collabo section > div.fy-collabo-info ul:first-of-type li {
  width: 50%;
}
@media only screen and (max-width: 499px) {
  .fy-collabo section > div.fy-collabo-info ul:first-of-type li {
    width: 100%;
  }
}
.fy-collabo section > div.fy-collabo-info ul:last-of-type li {
  width: 20%;
}
@media only screen and (max-width: 499px) {
  .fy-collabo section > div.fy-collabo-info ul:last-of-type li {
    width: 50%;
  }
}
.fy-collabo section > div.fy-collabo-comment div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 1.5em;
}
.fy-collabo section > div.fy-collabo-comment div ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.fy-collabo section > div.fy-collabo-comment div ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 1em;
}
.fy-collabo section > div.fy-collabo-comment div ul li:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse wrap;
          flex-flow: row-reverse wrap;
}
.fy-collabo section > div.fy-collabo-comment div ul li > * {
  padding: 0 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .fy-collabo section > div.fy-collabo-comment div ul li > * {
    padding: 0 0.5em;
  }
}
.fy-collabo section > div.fy-collabo-comment div ul li figure {
  width: 45%;
}
@media only screen and (max-width: 499px) {
  .fy-collabo section > div.fy-collabo-comment div ul li figure {
    width: 100%;
  }
}
.fy-collabo section > div.fy-collabo-comment div ul li figure img {
  height: auto;
  border-radius: 5px;
}
.fy-collabo section > div.fy-collabo-comment div ul li dl {
  width: 55%;
  border-radius: 5px;
}
@media only screen and (max-width: 499px) {
  .fy-collabo section > div.fy-collabo-comment div ul li dl {
    width: 100%;
  }
}
.fy-collabo section > div.fy-collabo-comment div ul li dl dt {
  display: inline-block;
  color: #FFF;
  font-family: "Sawarabi Gothic";
  font-size: 1.4em;
  line-height: 100%;
  margin: 0.5em 0 0.25em;
  background: #000;
}
@media only screen and (max-width: 499px) {
  .fy-collabo section > div.fy-collabo-comment div ul li dl dt {
    display: block;
    font-size: 1.6em;
    width: 100%;
  }
}
.fy-collabo section > div.fy-collabo-comment div ul li dl dd {
  word-break: break-all;
  margin: 0 0 2em;
  padding: 0 0.25em;
}
.fy-collabo section > div.fy-collabo-purchase ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
.fy-collabo section > div.fy-collabo-purchase ol li {
  margin: 0 1em 2em;
  text-align: center;
}
@media only screen and (min-width: 499px) and (max-width: 1100px) {
  .fy-collabo section > div.fy-collabo-purchase ol li {
    width: 40%;
  }
}
@media only screen and (max-width: 499px) {
  .fy-collabo section > div.fy-collabo-purchase ol li {
    margin: 0 0 2em;
    width: 100%;
  }
}
.fy-collabo section > div.fy-collabo-purchase ol li dl {
  margin: 0 0 0.5em;
}
.fy-collabo section > div.fy-collabo-purchase ol li dl dd em {
  font-weight: bold;
}
.fy-collabo section > div.fy-collabo-purchase ol li a {
  display: block;
  color: #FFF;
  line-height: 1em;
  width: 12em;
  margin: auto;
  padding: 0.55em 0.6em;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 499px) and (max-width: 1100px) {
  .fy-collabo section > div.fy-collabo-purchase ol li a {
    width: 100%;
  }
}
@media only screen and (max-width: 499px) {
  .fy-collabo section > div.fy-collabo-purchase ol li a {
    width: 100%;
  }
}
.fy-collabo section > div.fy-collabo-purchase ol li a[href*="3360"], .fy-collabo section > div.fy-collabo-purchase ol li a[href*="3361"] {
  background: #D5202F;
}
.fy-collabo section > div.fy-collabo-purchase ol li a[href*="3360"]:hover, .fy-collabo section > div.fy-collabo-purchase ol li a[href*="3361"]:hover {
  background: #E65560;
}
.fy-collabo section > div.fy-collabo-purchase ol li a[href*="3362"], .fy-collabo section > div.fy-collabo-purchase ol li a[href*="3363"] {
  background: #50BBDD;
}
.fy-collabo section > div.fy-collabo-purchase ol li a[href*="3362"]:hover, .fy-collabo section > div.fy-collabo-purchase ol li a[href*="3363"]:hover {
  background: #79CBE6;
}
@media only screen and (max-width: 499px) {
  .fy-collabo section > div.fy-collabo-purchase p small {
    display: none;
  }
}
.fy-collabo section > div > p {
  text-align: center;
  margin: 0 0 2em;
}
.fy-collabo section > div > p span {
  font-weight: bold;
}
@media only screen and (max-width: 499px) {
  .fy-collabo section > div > p span {
    display: block;
  }
}
@media only screen and (max-width: 499px) {
  .fy-collabo section > div > p br {
    display: none;
  }
}

.fy-item .fy-head + p {
  text-align: center;
  margin: 0;
}
.fy-item ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.fy-item ul li {
  width: 33.3333333333%;
  padding: 1em 4em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 499px) {
  .fy-item ul li {
    width: 100%;
    padding: 1em;
  }
}
.fy-item ul li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
@media only screen and (max-width: 499px) {
  .fy-item ul li dl {
    text-align: center;
  }
}
.fy-item ul li dl dd:nth-of-type(1) {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.fy-item ul li dl dd em {
  font-weight: bold;
}

.fy-supplement {
  padding: 0 0 1em;
}
.fy-supplement:after {
  display: block;
  content: "";
  height: 1px;
  margin: 1.5em auto 0;
  background: #AAA;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.fy-supplement > div {
  padding: 0 1em;
}
/*# sourceMappingURL=styles.css.map */