@charset "UTF-8";
@media only screen and (max-width: 767px) {

  .brsp {
    display: block; }

  .brpc {
    display: none; }

  /* base設定
     =================================================================== */
  .container {
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
    .active .container {
      pointer-events: none;
      opacity: 0.2;
      -webkit-transform: translate3d(-50px, 0, 0);
      transform: translate3d(-50px, 0, 0); }

  .contents__container {
    padding: 0 30px; }

  /* header設定
     =================================================================== */
  .header {
    height: 30px;
    max-width: 100%;
    margin: 15px auto; }
    .header .header__news {
      left: 15px;
      height: 24px;
      font-size: 9px;
      transition-duration: 0.4s;
      transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
      .active .header .header__news {
        pointer-events: none;
        opacity: 0.2;
        -webkit-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0); }
      .header .header__news dt {
        width: 32px; }
        .header .header__news dt:after {
          width: 2px;
          height: 2px;
          border-radius: 1px;
          left: 26px;
          top: 8px; }
      .header .header__news dd {
        margin-left: 32px;
        padding-right: 40px; }
        .header .header__news dd a {
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
        .header .header__news dd span {
          margin-right: 4px; }
          .header .header__news dd span small {
            margin-right: 2px; }
    .header .header__gnav--sp {
      display: block;
      z-index: 1;
      position: fixed;
      top: 0;
      right: 0;
      width: 44px;
      height: 44px;
      cursor: pointer; }
      .header .header__gnav--sp span {
        display: block;
        position: absolute;
        width: 28px;
        height: 1px;
        background: #a4a4a4;
        right: 15px;
        transition-duration: 0.4s;
        transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
        -webkit-transform-origin: right top;
        transform-origin: right top; }
        .header .header__gnav--sp span.gnav--1 {
          top: 18px; }
        .header .header__gnav--sp span.gnav--2 {
          top: 26px; }
        .header .header__gnav--sp span.gnav--3 {
          top: 34px; }
      .active .header .header__gnav--sp span.gnav--1 {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 14px; }
      .active .header .header__gnav--sp span.gnav--2 {
        opacity: 0; }
      .active .header .header__gnav--sp span.gnav--3 {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
    .header .header__gnav {
      top: 0;
      height: 100%;
      background: #fff;
      padding: 0 25px;
      right: 0 !important;
      transition-duration: 0.4s;
      transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
      -webkit-transform: translate3d(120px, 0, 0);
      transform: translate3d(120px, 0, 0); }
      .active .header .header__gnav {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
      .header .header__gnav ul.nav {
        margin-top: 50px;
        text-align: center; }
        .header .header__gnav ul.nav li {
          display: block;
          padding: 5px 10px;
          margin-bottom: 10px; }

 

  /* footer設定
     =================================================================== */
  .footer {
    position: relative;
    z-index: 20; }
    .footer .copyright {
      font-size: 7px;
		text-align: center;
		margin-bottom: 5px;
}

    .footer .pagetop {
      width: 44px;
      height: 44px;
      background: url(../img/common/pagetop.png) no-repeat 13px 16px;
      background-size: 20px; }

  /* bg設定
     =================================================================== */
  ul.line_drawing {
    display: none; }

  /* mordal設定
     =================================================================== */
  .mordal {
    width: calc(100% - 20px);
    height: calc(100% - 50px);
    border-radius: 30px;
    padding: 26px 20px;
    font-size: 11px; }
    .mordal .close {
      right: 10px;
      top: 10px; }
    .mordal h3 {
      font-size: 18px;
      margin-bottom: 16px; }
      .mordal h3 span {
        margin-top: 8px;
        font-size: 12px; }
    .mordal .mordal__article--img img {
      border-radius: 16px;
      margin-bottom: 16px; }
    .mordal .mordal__text {
      padding-bottom: 12px;
      margin-bottom: 15px; }
      .mordal .mordal__text dt {
        position: relative;
        font-size: 10px;
        margin-bottom: 6px; }
        .mordal .mordal__text dt strong {
          margin-right: 5px;
          font-size: 16px; }
      .mordal .mordal__text dd {
        margin-left: 0;
        min-height: 0; }
        .mordal .mordal__text dd.mordal--link {
          width: 100%;
          position: relative;
          top: 0;
          margin-bottom: 10px;
          padding: 0 11px;
          height: 28px;
          border-radius: 14px;
          line-height: 25px;
          font-size: 9px;
          text-align: center; }
          .mordal .mordal__text dd.mordal--link i {
            width: 14px;
            height: 14px;
            margin-right: 3px; }
    .mordal ul li {
      margin-bottom: 10px; }
      .mordal ul li dt {
        width: 110px; }
      .mordal ul li dd {
        margin-left: 115px; } }