body {
  font-family: "-apple-system", BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YakuHanJP, "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; }

p {
  margin: 1em auto; }

.wf {
  font-family: YakuHanJP, "Shuei MaruGo B"; }

.attention {
  font-size: 87.5%;
  color: #fe000b; }

nav[role='breadcrumb'] {
  background-color: #fff; }

#page {
  position: relative;
  background: url(../images/bg.jpg) center top repeat; }
  .device-pc #page {
    padding-top: 20px; }

.article {
  margin: auto; }
  .article a {
    display: inline; }
  .article-header {
    max-width: 600px;
    margin: 0 auto;
    padding-bottom: 1px;
    background-color: #fff; }

  .article-title {
    background: url(../images/main_ph_sp.jpg) no-repeat center top;
    background-size: cover;
    padding-top: 125%;
    width: 100%;
    position: relative; }
    .article-title__text {
      position: absolute;
      text-indent: -9999px; }

  .article-lead {
    margin: 40px auto;
    padding: 0 10px; }
    .article-lead__text {
      padding: 20px;
      text-align: left;
      font-size: 180%;
      border-radius: 16px;
      margin-top: 40px;
      color: #fff;
      -webkit-transform: rotateZ(1deg);
      transform: rotateZ(1deg);
      position: relative; }
      .article-lead__text:before {
        position: absolute;
        z-index: -1;
        top: 0px;
        left: 0px;
        display: block;
        width: 100%;
        height: 100%;
        content: "";
        border-radius: 16px;
        background-color: #ffb2b2; }
      .article-lead__text:after {
        position: absolute;
        z-index: -2;
        top: 10px;
        left: 10px;
        display: block;
        width: 100%;
        height: 100%;
        content: "";
        border-radius: 16px;
        background-color: rgba(0, 0, 0, 0.1);
        -webkit-transform: rotateZ(1deg);
        transform: rotateZ(1deg); }
      .article-lead__text p {
        margin: 0; }

  .article-content {
    max-width: 600px;
    margin: 0 auto;
    padding-top: 1px;
    background-color: #ffffff;
    text-align: center;
    position: relative; }
    .article-content__title {
      display: inline-block;
      margin: 20px auto 0;
      padding: 5px 10px 5px;
      font-size: 220%;
      font-weight: normal;
      line-height: 1.5;
      letter-spacing: 0.05em;
      color: #342c4a;
      text-align: center;
      -webkit-font-feature-settings: 'palt' 1;
      font-feature-settings: 'palt' 1; }
      .article-content__title span {
        display: inline-block;
        width: 70px;
        height: 70px;
        border-radius: 50px;
        font-size: 112.5%;
        line-height: 1.2;
        padding-top: 0.5em;
        background-color: #342c4a;
        color: #fff; }
        .article-content__title span small {
          display: block;
          font-size: 50%; }
      .article-content__title p {
        margin: 0; }
        .article-content__title p em {
          background: -webkit-linear-gradient(top, #fff 65%, #ffb2b2 34%);
          /* Chrome10+,Safari5.1+ */
          background: linear-gradient(to bottom, #fff 65%, #ffb2b2 34%);
          /* W3C */ }

    .article-content__text {
      text-align: left;
      padding: 20px;
      font-size: 160%;
      font-weight: normal;
      letter-spacing: 0.075em; }

    .article-content__photo {
      max-width: 560px;
      margin: 20px auto;
      -webkit-transform: rotateZ(-1deg);
      transform: rotateZ(-1deg); }
      .article-content__photo img {
        width: 100%; }
      .article-content__photo.shadow {
        position: relative; }
        .article-content__photo.shadow img {
          position: relative;
          z-index: 1;
          border-radius: 16px; }
        .article-content__photo.shadow:after {
          position: absolute;
          z-index: 0;
          top: 10px;
          left: 10px;
          display: block;
          width: 100%;
          height: 100%;
          content: "";
          border-radius: 16px;
          background-color: rgba(0, 0, 0, 0.1);
          -webkit-transform: rotateZ(1deg);
          transform: rotateZ(1deg); }
      .article-content__photo.shadow--right {
        -webkit-transform: rotateZ(1deg);
        transform: rotateZ(1deg);
        position: relative; }
        .article-content__photo.shadow--right img {
          position: relative;
          z-index: 1;
          border-radius: 16px; }
        .article-content__photo.shadow--right:after {
          position: absolute;
          z-index: 0;
          top: 10px;
          left: 10px;
          display: block;
          width: 100%;
          height: 100%;
          content: "";
          border-radius: 16px;
          background-color: rgba(0, 0, 0, 0.1);
          -webkit-transform: rotateZ(1deg);
          transform: rotateZ(1deg); }

    .article-content__column {
      max-width: 900px;
      margin: 72px auto 40px;
      border: 4px solid #d9bea3;
      border-radius: 16px;
      text-align: center;
      position: relative; }
      .article-content__column h4 {
        display: inline-block;
        background-color: #46593e;
        color: #fff;
        height: 64px;
        font-size: 125%;
        line-height: 64px;
        position: relative;
        top: -32px;
        margin-bottom: -32px; }
        .article-content__column h4:before {
          content: url(../images/sub_title_left.svg);
          display: block;
          position: absolute;
          top: 0;
          left: -20px; }
        .article-content__column h4:after {
          content: url(../images/sub_title_right.svg);
          display: block;
          position: absolute;
          top: 0;
          right: -20px; }
      .article-content__column p {
        text-align: left;
        margin: 1em; }
        .article-content__column p:first-of-type {
          margin-top: 0; }
      .article-content__column .items {
        font-family: 'zero-width';
        letter-spacing: 0; }
        .article-content__column .items a {
          color: #000; }
          .article-content__column .items a:before {
            font-size: 18px;
            position: absolute;
            z-index: 1;
            right: .17em;
            bottom: .17em;
            display: block;
            overflow: hidden;
            box-sizing: border-box;
            width: 1.11em;
            height: 1.11em;
            padding-top: .06em;
            text-align: center;
            border-radius: 50%;
            background: #fff; }
        .article-content__column .items .item {
          position: relative;
          display: inline-block;
          width: 300px;
          height: 300px; }
          .article-content__column .items .item:nth-of-type(7) p {
            color: #fff; }
          .article-content__column .items .item img {
            width: 100%; }
          .article-content__column .items .item p {
            position: absolute;
            left: 0;
            bottom: 0;
            text-align: center;
            width: 100%;
            line-height: 1.5;
            margin-left: 0;
            margin-right: 0; }
            .article-content__column .items .item p small {
              font-size: 87.5%; }
      .article-content__column .collapse {
        margin-right: -44px;
        margin-left: -44px; }
    .article-content .photo {
      text-align: center;
      margin: 1em auto; }
      .article-content .photo.kokoro img {
        width: 50%;
        max-width: 202px;
        margin: auto; }
      .article-content .photo img {
        width: 100%; }

  .loft {
    background-color: #fdd000; }
    .loft .article-content__photo:nth-of-type(2) {
      -webkit-transform: rotateZ(1deg);
      transform: rotateZ(1deg); }
      .loft .article-content__photo:nth-of-type(2) a {
        left: -15px; }
    .loft .article-content__photo:nth-of-type(2), .loft .article-content__photo:nth-of-type(3) {
      border-radius: 16px; }
      .loft .article-content__photo:nth-of-type(2) a, .loft .article-content__photo:nth-of-type(3) a {
        position: relative; }
        .loft .article-content__photo:nth-of-type(2) a img, .loft .article-content__photo:nth-of-type(3) a img {
          position: relative;
          z-index: 1;
          border-radius: 16px; }
        .loft .article-content__photo:nth-of-type(2) a:after, .loft .article-content__photo:nth-of-type(3) a:after {
          position: absolute;
          z-index: 0;
          top: 10px;
          left: 10px;
          display: block;
          width: 100%;
          height: 100%;
          content: "";
          border-radius: 16px;
          background-color: rgba(0, 0, 0, 0.1);
          -webkit-transform: rotateZ(1deg);
          transform: rotateZ(1deg); }
    .loft .article-content__photo a {
      display: block;
      color: #000; }
      .loft .article-content__photo a:before {
        font-size: 18px;
        position: absolute;
        z-index: 2;
        right: .17em;
        bottom: .17em;
        display: block;
        overflow: hidden;
        box-sizing: border-box;
        width: 1.11em;
        height: 1.11em;
        padding-top: .06em;
        text-align: center;
        border-radius: 50%;
        background: #fff; }

  .article-footer {
    max-width: 600px;
    margin: 0 auto;
    padding: 1px 0;
    background-color: #ffffff; }
  .device-sp .article-content__title {
    border-left-width: 0;
    border-right-width: 0;
    border-radius: 0; }

  .device-sp .article-content__column h4 {
    width: 100%;
    line-height: 1.2; }
    .device-sp .article-content__column h4 > span {
      display: block; }
      .device-sp .article-content__column h4 > span:before {
        content: "";
        display: inline-block;
        height: 64px;
        vertical-align: middle; }
      .device-sp .article-content__column h4 > span span {
        display: inline-block;
        vertical-align: middle; }
  .device-sp .article-content__column .items {
    margin-left: -24px;
    margin-right: -24px; }
    .device-sp .article-content__column .items .item {
      vertical-align: top;
      width: 50%;
      height: auto; }
      .device-sp .article-content__column .items .item:last-of-type {
        background-color: #FFEA6B; }
        .device-sp .article-content__column .items .item:last-of-type p {
          bottom: 50%;
          margin-bottom: -0.5em;
          font-size: 87.5%; }
      .device-sp .article-content__column .items .item a:before {
        font-size: 16px;
        width: 1em;
        height: 1em;
        padding-top: 0; }
      .device-sp .article-content__column .items .item p {
        font-size: 75%;
        line-height: 1.2;
        margin-bottom: 8px; }
  .device-sp .article .products.no-link ul > li a dl dd + dd,
  .device-sp .article .products.no-link ul > li > span dl dd + dd {
    height: 3em;
    border-bottom: 0; }
  .device-sp .article .loft__photos {
    width: 93.75%;
    margin: 20px auto 0; }
  .device-sp .article .loft .article-content__title {
    font-size: 180%; }
  .device-sp .article .loft .article-content__text {
    font-size: 140%; }
  .device-sp .article .loft .article-content__photo {
    margin: 10px auto;
    width: 47%;
    display: inline-block; }
    .device-sp .article .loft .article-content__photo:nth-of-type(1) {
      width: 60%;
      display: block; }
    .device-sp .article .loft .article-content__photo:nth-of-type(2) a {
      left: 0px; }
    .device-sp .article .loft .article-content__photo:nth-last-of-type(1) {
      margin-left: 3%; }
  .device-pc .article-header {
    max-width: 960px;
    border-radius: 16px 16px 0 0;
    overflow: hidden; }

  .device-pc .article-title {
    background: url(../images/main_ph.jpg) no-repeat center top;
    padding-top: 56.25%; }

  .device-pc .article-lead {
    padding: 0; }
    .device-pc .article-lead__text {
      max-width: 560px;
      margin: 0 auto;
      padding: 40px; }

  .device-pc .article-content {
    max-width: 960px;
    padding-top: 1px; }
    .device-pc .article-content__title {
      margin-top: 40px;
      text-align: center;
      font-size: 320%; }
      .device-pc .article-content__title span {
        width: 100px;
        height: 100px; }

    .device-pc .article-content__text {
      max-width: 100%;
      padding: 20px 0; }
      .device-pc .article-content__text p {
        max-width: 560px; }

    .device-pc .article-content__column {
      padding: 0 40px 40px 40px; }
      .device-pc .article-content__column h4 {
        font-size: 150%; }
      .device-pc .article-content__column > p {
        margin: 1em auto; }
    .device-pc .article-content .photo.kokoro {
      position: absolute;
      right: 100px;
      bottom: 40px; }
      .device-pc .article-content .photo.kokoro img {
        width: 100%; }

  .device-pc .article-footer {
    max-width: 960px; }
  .device-pc .article .products.no-link ul > li a dl dd + dd,
  .device-pc .article .products.no-link ul > li > span dl dd + dd {
    height: 3em;
    border-bottom: 0; }
  .device-pc .article .loft__photos {
    width: 640px;
    margin: 20px auto; }
    .device-pc .article .loft__photos:after {
      display: table;
      content: " ";
      clear: both; }
  .device-pc .article .loft .article-content__photo {
    width: 300px;
    margin: 10px auto;
    float: right; }
    .device-pc .article .loft .article-content__photo:nth-of-type(1) {
      float: left; }
    .device-pc .article .loft .article-content__photo:nth-last-of-type(1) {
      left: -15px; }
  .ua-ie .article-content__column h4:before {
    content: "";
    background: url(../images/sub_title_left.svg) no-repeat left top;
    background-size: 20px 64px;
    width: 20px;
    height: 64px; }
  .ua-ie .article-content__column h4:after {
    content: "";
    background: url(../images/sub_title_right.svg) no-repeat left top;
    background-size: 20px 64px;
    width: 20px;
    height: 64px; }

.info {
  border: 1px solid #ccc;
  padding: 20px;
  margin: 2em auto; }
  .info .device-pc {
    padding: 40px; }

.youtube {
  width: 100%;
  padding-top: 56.25%;
  position: relative; }
  .youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

footer {
  background-color: #fff; }

/*# sourceMappingURL=mega.css.map */