@charset "UTF-8";
/* common
=================================================================== */
.article .section {
  width: 100%;
  margin: 0 auto; }
  .article .section .wrapper {
    width: 550px;
    margin: 0 auto; }
    .article .section .wrapper img {
      width: 100%;
      height: auto; }
    .article .section .wrapper a img {
      -ms-transition-duration: 0.5s;
      -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
      -webkit-transition-duration: 0.5s;
      -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
      　-moz-transition-duration: 0.5s;
      -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
      　transition-duration: 0.5s;
      transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
    .article .section .wrapper a:hover img {
      opacity: .5; }
    .article .section .wrapper a {
      -ms-transition-duration: 0.5s;
      -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
      -webkit-transition-duration: 0.5s;
      -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
      　-moz-transition-duration: 0.5s;
      -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
      　transition-duration: 0.5s;
      transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
      .article .section .wrapper a:hover {
        opacity: .5; }
    .article .section .wrapper #movie1, .article .section .wrapper #movie2 {
      margin-bottom: 30px; }
    .article .section .wrapper #movie1, .article .section .wrapper #movie2, .article .section .wrapper #movie3 {
      position: relative;
      height: 100%; }
    .article .section .wrapper .movie--1, .article .section .wrapper .movie--2, .article .section .wrapper .movie--3 {
      padding-top: 56.25%; }
      .article .section .wrapper .movie--1 iframe, .article .section .wrapper .movie--2 iframe, .article .section .wrapper .movie--3 iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important; }
  .article .section.present__section {
    margin: 10px auto 30px; }
    .article .section.present__section .wrapper .present {
      width: 100%;
      height: 152px;
      background: url(../img/contents/mail__lp--1/head/present--pc.jpg) no-repeat;
      background-size: 100% auto; }
  .article .section.header__section {
    background: #ffffff; }
    .article .section.header__section .wrapper .head--logo {
      width: 160px;
      text-align: center;
      margin: 0 auto;
      padding: 20px 0; }
  .article .section.head__section {
    background: #F7F5D6; }
    .article .section.head__section .wrapper .head--1 {
      padding: 30px 0; }
    .article .section.head__section .wrapper .movie--1 {
      margin-bottom: 30px; }
    .article .section.head__section .wrapper .head--2 {
      margin-top: 30px;
      margin-bottom: 30px;
      padding-bottom: 30px; }
  .article .section.section__1 .wrapper .section__1--1 {
    width: 400px;
    margin: 0 auto 30px; }
  .article .section.section__1 .wrapper ul.section__1--2 {
    margin-bottom: 60px; }
    .article .section.section__1 .wrapper ul.section__1--2 li {
      width: calc(100% / 4);
      float: left; }
  .article .section.section__1 .wrapper .section__1--3 {
    margin-bottom: 60px; }
  .article .section.section__2 {
    background: #F7F5D6; }
    .article .section.section__2 .wrapper .section__2--1 {
      padding: 60px 0 30px; }
    .article .section.section__2 .wrapper .movie--2 {
      margin-bottom: 30px; }
    .article .section.section__2 .wrapper .section__2--2 {
      margin-top: 30px;
      padding-bottom: 60px; }
  .article .section.section__3 .wrapper .section__3--1 {
    padding: 60px 0 30px; }
  .article .section.section__3 .wrapper .section__3--2 {
    margin-top: 60px;
    margin-bottom: 60px; }
  .article .section.section__3 .wrapper .section__3--3 {
    margin-bottom: 60px; }
  .article .section.section__3 .wrapper .section__3--4 {
    margin-bottom: 60px; }
  .article .section.section__4 {
    background: #EEF2F9; }
    .article .section.section__4 .wrapper .section__4--1 {
      padding: 60px 0 30px; }
    .article .section.section__4 .wrapper .section__4--2 {
      margin-bottom: 30px; }
    .article .section.section__4 .wrapper .section__4--3 {
      padding-bottom: 60px; }
  .article .section.section__5 .wrapper .section__5--1 {
    margin: 60px 0; }
  .article .section.section__5 .wrapper .section__5--2 {
    margin-bottom: 60px; }
  .article .section.section__6 {
    background: #EEF2F9; }
    .article .section.section__6 .wrapper .section__6--1 {
      padding: 60px 0 30px; }
    .article .section.section__6 .wrapper .section__6--2 {
      margin-bottom: 30px; }
    .article .section.section__6 .wrapper .section__6--3 {
      padding-bottom: 60px; }
  .article .section.section__7 {
    background: #EFEAEC; }
    .article .section.section__7 .wrapper .section__7--1 {
      padding: 60px 0 30px; }
    .article .section.section__7 .wrapper .section__7--2 {
      margin-bottom: 30px; }
    .article .section.section__7 .wrapper .section__7--3 {
      margin-bottom: 30px; }
    .article .section.section__7 .wrapper .section__7--4 {
      width: 406px;
      margin-bottom: 30px; }
    .article .section.section__7 .wrapper ul {
      padding-bottom: 30px; }
      .article .section.section__7 .wrapper ul.section__7--5 {
        width: 100%; }
        .article .section.section__7 .wrapper ul.section__7--5 li {
          width: calc(100%/3 - 10px);
          float: left;
          margin-right: 10px; }
  .article .section.section__8 .wrapper .section__8--1 {
    margin-top: 40px;
    margin-bottom: 20px; }
    .article .section.section__8 .wrapper .section__8--1 .section__8--2 {
      float: left;
      width: 190px; }
      .article .section.section__8 .wrapper .section__8--1 .section__8--2 aside {
        width: 188px;
        margin-bottom: 20px; }
    .article .section.section__8 .wrapper .section__8--1 .section__8--3 {
      width: 264px;
      float: right; }
  .article .section.section__8 .wrapper .section__8--4 {
    width: 415px;
    margin-bottom: 60px; }
  .article .section.section__8 span {
    position: relative; }
    .article .section.section__8 span:before {
      content: " ";
      position: absolute;
      left: 60px;
      top: -55px;
      display: block;
      width: 0;
      height: 0;
      border-right: 35px solid transparent;
      border-bottom: 35px solid #ffffff;
      border-left: 35px solid transparent; }
  .article .section.section__9 {
    background: #EDF4F4; }
    .article .section.section__9 .wrapper .section__9--1 {
      padding: 60px 0 30px; }
    .article .section.section__9 .wrapper .section__9--2 {
      margin-bottom: 30px; }
    .article .section.section__9 .wrapper ul {
      padding-bottom: 30px;
      margin-bottom: 30px; }
      .article .section.section__9 .wrapper ul.section__9--3 {
        width: calc(100% + 10px); }
        .article .section.section__9 .wrapper ul.section__9--3 li {
          width: calc(100% / 2 - 10px);
          float: left;
          margin-right: 10px; }
  .article .section.section__10 .wrapper .section__10--1 {
    margin-bottom: 30px; }
  .article .section.section__10 .wrapper .section__10--2 {
    margin-bottom: 60px; }
  .article .section.section__11 .wrapper .section__11--1 {
    margin-bottom: 30px; }
  .article .section.section__11 .wrapper .section__11--2 {
    margin-bottom: 60px; }
  .article .section.section__11 .wrapper .section__11--3 {
    margin-bottom: 60px; }
  .article .section.bottom__section {
    padding-top: 60px;
    background: #9D9D9E;
    padding-bottom: 30px;
    color: #ffffff;
    text-align: center; }
    .article .section.bottom__section a {
      color: #ffffff; }
    .article .section.bottom__section .bottom__btn {
      margin-bottom: 30px; }
      .article .section.bottom__section .bottom__btn a {
        background: #ffffff;
        width: 100%;
        height: 80px;
        line-height: 80px;
        text-align: center;
        font-size: 22px;
        color: #000000; }
    .article .section.bottom__section ul.sns {
      height: 80px;
      margin-bottom: 30px;
      width: calc(100% + 20px); }
      .article .section.bottom__section ul.sns li {
        float: left;
        width: calc(100% / 3 - 20px);
        margin-right: 20px; }
    .article .section.bottom__section h3 {
      color: #ffffff;
      text-align: center;
      margin-bottom: 20px;
      font-size: 22px;
      font-weight: normal; }
    .article .section.bottom__section .shoplist {
      border-top: 1px solid #ffffff;
      border-bottom: 1px solid #ffffff;
      padding: 20px 0; }
      .article .section.bottom__section .shoplist ul {
        text-align: center;
        margin-bottom: 15px; }
        .article .section.bottom__section .shoplist ul li {
          font-size: 17px;
          display: inline;
          color: #ffffff; }
          .article .section.bottom__section .shoplist ul li:after {
            content: "|";
            margin-right: 15px; }
          .article .section.bottom__section .shoplist ul li a {
            display: inline;
            margin-right: 15px; }
          .article .section.bottom__section .shoplist ul li:last-child:after {
            content: " ";
            margin-right: 0; }
    .article .section.bottom__section .huglife {
      border-bottom: 1px solid #ffffff;
      padding: 20px 0; }
    .article .section.bottom__section p.caution {
      border-bottom: 1px solid #ffffff;
      padding: 20px 0;
      margin-bottom: 20px; }
      .article .section.bottom__section p.caution a {
        display: inline;
        text-decoration: underline; }
    .article .section.bottom__section p.copyright {
      padding: 20px 0; }
.article .scroll_button a {
  position: fixed;
  display: block;
  right: 30px;
  bottom: 30px;
  background: url(../img/bottom/pagetop.png) no-repeat bottom right;
  background-size: 32px auto;
  padding: 20px; }