@charset "UTF-8";
/*==================================================
    Base Style
==================================================*/
*,
*:before,
*:after {
  box-sizing: border-box; }

body {
  font-size: 14px;
  color: #000;
  line-height: 1.7142857143;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
  @media (max-width: 767px) {
    body {
      font-size: 12px;
      line-height: 1.67; } }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #428bca;
  text-decoration: none; }
  a:hover, a:active, a:focus {
    color: #2a6496;
    text-decoration: underline; }
  a:hover img {
    opacity: 0.7; }

img {
  vertical-align: middle; }

h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 400;
  color: inherit; }

p, ul, ol, dl, table {
  margin: 0 0 1.5em; }

ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 0; }

/*==================================================
    Structure
==================================================*/
body {
  -webkit-font-smoothing: antialiased;
  word-wrap: break-word; }

body.is-open:after {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: #000;
  z-index: 99;
  opacity: 0.5; }

.container-fluid {
  padding: 0;
  margin: 0 auto;
  overflow: hidden; }
  @media (max-width: 767px) {
    .container-fluid {
      padding: 0 15px;
      overflow: hidden; } }
  @media (min-width: 767px) {
    .container-fluid {
      padding: 0 15px; } }
  @media (min-width: 992px) {
    .container-fluid {
      padding: 0 15px; } }
  @media (min-width: 1280px) {
    .container-fluid {
      min-width: 1280px;
      padding: 0; } }

.header {
  margin-bottom: 20px; }
  @media (max-width: 1200px) {
    .header {
      margin: 0 -15px 20px;
      height: auto; } }
  @media (min-width: 1200px) {
    .header {
      margin-right: -15px;
      margin-left: -15px; } }
  @media (min-width: 1280px) {
    .header {
      margin-right: 0;
      margin-left: 0; } }
  .header .header-fix-content {
    position: relative;
    transition: top 0.7s;
    z-index: 100; }
    .header .header-fix-content.main-visual-bg {
      background-repeat: no-repeat;
      background-position: center top; }
      @media (max-width: 1200px) {
        .header .header-fix-content.main-visual-bg {
          background-size: 100%; } }
  .header .header-inner {
    position: relative;
    width: auto;
    margin: 0 auto; }
    @media (max-width: 1200px) {
      .header .header-inner {
        width: auto; } }
    @media (min-width: 1200px) {
      .header .header-inner {
        width: 100%; } }
    @media (min-width: 992px) {
      .header .header-inner {
        width: 100%; } }
    @media (min-width: 1280px) {
      .header .header-inner {
        width: 1280px; } }
    .header .header-inner .main-visual {
      margin: 0 0 6px; }
      .header .header-inner .main-visual .main-visual-head {
        text-align: center;
        margin: 0;
        width: 1280px; }
        @media (max-width: 1200px) {
          .header .header-inner .main-visual .main-visual-head {
            width: auto;
            height: auto;
            padding: 0; } }
        .header .header-inner .main-visual .main-visual-head img {
          display: block;
          width: 100%;
          height: auto !important; }
        @media (min-width: 1200px) {
          .header .header-inner .main-visual .main-visual-head {
            width: 100%; } }
        @media (min-width: 992px) {
          .header .header-inner .main-visual .main-visual-head {
            width: 100%; } }
        @media (min-width: 1280px) {
          .header .header-inner .main-visual .main-visual-head {
            width: 1280px; } }
      .header .header-inner .main-visual .main-visual-head-2 {
        text-align: center;
        margin: 0 auto;
        width: 54.21875%;
        padding: 4.375% 0 1.40625%; }
        .header .header-inner .main-visual .main-visual-head-2 img {
          display: block;
          width: 100%;
          height: auto !important; }
        @media (max-width: 767px) {
          .header .header-inner .main-visual .main-visual-head-2 .main-visual-head-pc {
            display: none; } }
        .header .header-inner .main-visual .main-visual-head-2 .main-visual-head-sp {
          display: none; }
          @media (max-width: 767px) {
            .header .header-inner .main-visual .main-visual-head-2 .main-visual-head-sp {
              display: block; } }
        body.lang-en .header .header-inner .main-visual .main-visual-head-2 {
          width: 54.21875%;
          padding: 2.34375% 0 1.40625%; }
        body.lang-ko .header .header-inner .main-visual .main-visual-head-2 {
          width: 54.6875%;
          padding: 4.375% 0 1.40625%; }
        body.lang-th .header .header-inner .main-visual .main-visual-head-2 {
          width: 54.21875%;
          padding: 1.875% 0 1.40625%; }
        body.lang-zh-cn .header .header-inner .main-visual .main-visual-head-2 {
          width: 54.21875%;
          padding: 4.21875% 0 1.40625%; }
        body.lang-zh-tw .header .header-inner .main-visual .main-visual-head-2 {
          width: 54.21875%;
          padding: 4.21875% 0 1.40625%; }
        @media (min-width: 1280px) {
          .header .header-inner .main-visual .main-visual-head-2 {
            width: 55.46875%;
            padding: 4.0625% 0 1.328125%; }
            body.lang-en .header .header-inner .main-visual .main-visual-head-2 {
              width: 55.625%;
              padding: 4.0625% 0 1.328125%; }
            body.lang-ko .header .header-inner .main-visual .main-visual-head-2 {
              width: 55.546875%;
              padding: 4.0625% 0 1.328125%; }
            body.lang-th .header .header-inner .main-visual .main-visual-head-2 {
              width: 55.546875%;
              padding: 3.671875% 0 1.328125%; }
            body.lang-zh-cn .header .header-inner .main-visual .main-visual-head-2 {
              width: 55.546875%;
              padding: 3.984375% 0 1.328125%; }
            body.lang-zh-tw .header .header-inner .main-visual .main-visual-head-2 {
              width: 55.546875%;
              padding: 3.984375% 0 1.328125%; } }
    .header .header-inner .nav-utility {
      position: absolute;
      right: 0;
      top: 5%; }
      @media (max-width: 1200px) {
        .header .header-inner .nav-utility {
          display: none; } }
      @media (max-width: 1280px) {
        .header .header-inner .nav-utility {
          right: 15px;
          font-size: 12px; } }
      .header .header-inner .nav-utility ul {
        text-align: right;
        list-style: none;
        padding: 0;
        margin: 0; }
        .header .header-inner .nav-utility ul li {
          display: inline-block;
          margin: 0 0 0 20px; }
          @media (max-width: 1200px) {
            .header .header-inner .nav-utility ul li {
              display: none; }
              .header .header-inner .nav-utility ul li.language {
                display: block; } }
          @media (max-width: 1024px) {
            .header .header-inner .nav-utility ul li {
              display: block; } }
          @media (max-width: 1280px) {
            .header .header-inner .nav-utility ul li {
              font-size: 12px; } }
          .header .header-inner .nav-utility ul li a,
          .header .header-inner .nav-utility ul li span {
            color: #fff; }
            .header .header-inner .nav-utility ul li a:after,
            .header .header-inner .nav-utility ul li span:after {
              content: "";
              display: inline-block;
              width: 8px;
              height: 8px;
              border-top: 1px solid #fff;
              border-right: 1px solid #fff;
              -webkit-transform: rotate(45deg);
                      transform: rotate(45deg);
              margin: 0 0 0 2px;
              position: relative;
              vertical-align: middle;
              top: -1px; }
          .header .header-inner .nav-utility ul li.language .btn-group .dropdown-toggle {
            background: none;
            border: 0 none;
            color: #fff;
            box-shadow: none; }
            .header .header-inner .nav-utility ul li.language .btn-group .dropdown-toggle:after {
              content: "";
              display: inline-block;
              width: 8px;
              height: 8px;
              border-top: 1px solid #fff;
              border-right: 1px solid #fff;
              -webkit-transform: rotate(45deg);
                      transform: rotate(45deg);
              margin: 0 0 0 2px;
              position: relative;
              vertical-align: middle;
              top: -1px;
              -webkit-transform: rotate(135deg);
                      transform: rotate(135deg);
              margin: -4px 0 0 6px; }
              @media (max-width: 1200px) {
                .header .header-inner .nav-utility ul li.language .btn-group .dropdown-toggle:after {
                  display: none;
                  content: none; } }
          .header .header-inner .nav-utility ul li.language .btn-group h2 {
            font-size: 14px;
            color: #fff;
            background: linear-gradient(to bottom, #555555 0%, #282828 100%);
            margin: 0;
            padding: 6px 10px; }
          .header .header-inner .nav-utility ul li.language .btn-group .dropdown-menu {
            list-style: none;
            margin: 0;
            padding: 0;
            position: absolute;
            right: 0;
            left: auto;
            min-width: 174px;
            text-align: left;
            border-radius: 0; }
            .header .header-inner .nav-utility ul li.language .btn-group .dropdown-menu li {
              padding: 0;
              margin: 0;
              display: block;
              border-top: 1px solid #cac5c7;
              font-size: 14px; }
              .header .header-inner .nav-utility ul li.language .btn-group .dropdown-menu li:first-child {
                border-top: 0 none; }
                .header .header-inner .nav-utility ul li.language .btn-group .dropdown-menu li:first-child a {
                  border-radius: 3px 3px 0 0; }
              .header .header-inner .nav-utility ul li.language .btn-group .dropdown-menu li:last-child a {
                border-radius: 0 0 3px 3px; }
              .header .header-inner .nav-utility ul li.language .btn-group .dropdown-menu li a {
                color: #000;
                display: block;
                text-align: left;
                padding: 0 10px; }
                .header .header-inner .nav-utility ul li.language .btn-group .dropdown-menu li a:hover {
                  background-color: #dfdfdf;
                  text-decoration: none; }
                .header .header-inner .nav-utility ul li.language .btn-group .dropdown-menu li a:after {
                  display: none;
                  content: none; }
          @media (max-width: 1200px) {
            .header .header-inner .nav-utility ul li.language .btn-group {
              font-size: 10px; }
              .header .header-inner .nav-utility ul li.language .btn-group:before {
                content: "";
                display: block;
                width: 20px;
                height: 20px;
                margin: 0 auto;
                background: url(../images/common/icon-language.png) no-repeat 0 0;
                background-size: 100%; } }
    .header .header-inner .nav-sns {
      position: absolute;
      left: 30px;
      top: 26px; }
      .header .header-inner .nav-sns ul {
        list-style: none;
        padding: 0;
        margin: 0; }
        .header .header-inner .nav-sns ul li {
          display: inline-block;
          vertical-align: middle;
          margin-right: 20px; }
          .header .header-inner .nav-sns ul li a {
            display: block; }
            .header .header-inner .nav-sns ul li a img {
              display: block; }
          .header .header-inner .nav-sns ul li:last-child {
            margin-right: 0; }
      @media (max-width: 1200px) {
        .header .header-inner .nav-sns {
          display: none; } }
  .header .nav-menu-content {
    display: none; }
    .header .nav-menu-content ul {
      padding: 0;
      margin: 0;
      list-style: none; }
      .header .nav-menu-content ul.hide-credit .credit {
        display: none; }
      .header .nav-menu-content ul li {
        border-top: 1px solid #c8c2c5; }
        .header .nav-menu-content ul li a {
          display: block;
          padding: 10px 16px;
          color: #000;
          background-color: #fff; }
          @media (max-width: 992px) {
            .header .nav-menu-content ul li a {
              padding-top: 8px;
              padding-bottom: 8px; } }
        .header .nav-menu-content ul li.search {
          background-color: #e5e2df;
          padding: 15px; }
          .header .nav-menu-content ul li.search .search-inner {
            position: relative; }
            .header .nav-menu-content ul li.search .search-inner input {
              border-radius: 0;
              border: 0 none;
              border-top: 1px solid #a9a9a9;
              line-height: 40px;
              height: 40px; }
            .header .nav-menu-content ul li.search .search-inner button {
              position: absolute;
              right: 0;
              top: 50%;
              border: 0 none;
              background: linear-gradient(to bottom, #555555 0%, #272727 100%);
              -webkit-transform: translate(0, -50%);
                      transform: translate(0, -50%);
              height: 100%;
              width: 40px;
              padding: 0; }
              .header .nav-menu-content ul li.search .search-inner button img {
                width: 24px;
                height: 24px;
                display: block;
                margin: 0 auto; }
              .header .nav-menu-content ul li.search .search-inner button:hover {
                opacity: 0.7; }
        .header .nav-menu-content ul li.global a {
          color: #fff;
          background: linear-gradient(to bottom, #555555 0%, #282828 100%); }
          @media (max-width: 992px) {
            .header .nav-menu-content ul li.global a {
              padding-top: 15px;
              padding-bottom: 15px; } }
        .header .nav-menu-content ul li.credit a {
          color: #fff;
          background: linear-gradient(to bottom, #e13a55 0%, #c31531 100%); }
          @media (max-width: 992px) {
            .header .nav-menu-content ul li.credit a {
              padding-top: 15px;
              padding-bottom: 15px; } }
  .header .nav-menu-language-content {
    display: none;
    background-color: #f4f4f4; }
    .header .nav-menu-language-content h2 {
      margin: 0;
      background: linear-gradient(to bottom, #494949 0%, #282828 100%);
      color: #fff;
      font-size: 14px;
      padding: 10px 30px; }
    .header .nav-menu-language-content ul {
      margin: 0;
      list-style: none;
      padding: 0; }
      .header .nav-menu-language-content ul li {
        border-top: 1px solid #c9c6c7; }
        .header .nav-menu-language-content ul li a {
          padding: 10px 30px;
          color: #000;
          display: block;
          font-size: 14px;
          widht: 100%; }
          .header .nav-menu-language-content ul li a:hover {
            text-decoration: none; }
  .header .nav-global {
    background: linear-gradient(to bottom, #555555 0%, #282828 100%); }
    .header .nav-global ul {
      margin: 0 auto;
      list-style: none;
      text-align: center;
      width: 1280px;
      padding: 0;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap; }
      @media (max-width: 1200px) {
        .header .nav-global ul {
          width: auto; } }
      @media (min-width: 1200px) {
        .header .nav-global ul {
          width: auto;
          margin: 0 -1px; } }
      @media (min-width: 992px) {
        .header .nav-global ul {
          width: auto;
          margin: 0 -1px; } }
      @media (min-width: 1280px) {
        .header .nav-global ul {
          width: 1280px;
          margin: 0 auto; } }
      .header .nav-global ul li {
        width: 20%;
        display: inline-block;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff;
        margin-left: -3px;
        vertical-align: middle;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
                align-items: center;
        min-height: 42px;
        position: relative; }
        @media (max-width: 1200px) {
          .header .nav-global ul li {
            width: auto;
            font-size: 12px; } }
        @media (min-width: 1200px) {
          .header .nav-global ul li {
            width: 20%;
            font-size: 12px;
            margin: 0;
            border-right: 1px solid #fff;
            border-left: 1px solid #fff; } }
        @media (min-width: 992px) {
          .header .nav-global ul li {
            width: 20%;
            font-size: 12px;
            margin: 0;
            border-right: 1px solid #fff;
            border-left: 1px solid #fff; } }
        @media (min-width: 1280px) {
          .header .nav-global ul li {
            width: 20%;
            font-size: 14px; } }
        .header .nav-global ul li:first-child {
          margin-left: 0; }
        .header .nav-global ul li.credit {
          background: linear-gradient(to bottom, #e13a55 0%, #c31531 100%); }
          body.lang-en .header .nav-global ul li.credit {
            font-size: 12px; }
          @media (min-width: 1200px) {
            .header .nav-global ul li.credit {
              width: 20%;
              font-size: 12px;
              margin: 0; } }
          @media (min-width: 992px) {
            .header .nav-global ul li.credit {
              width: 20%;
              font-size: 12px;
              margin: 0; } }
          @media (min-width: 1280px) {
            .header .nav-global ul li.credit {
              font-size: 14px; } }
        .header .nav-global ul li.is-current {
          background: none;
          background-color: #fff; }
          .header .nav-global ul li.is-current a {
            color: #0e0e0e; }
            .header .nav-global ul li.is-current a:before {
              content: "";
              display: block;
              height: 0;
              width: 100%;
              border-top: 4px solid #555;
              position: absolute;
              top: 0;
              left: 0; }
          .header .nav-global ul li.is-current.credit a:before {
            border-top: 4px solid #e13a55; }
        .header .nav-global ul li a {
          width: 100%;
          display: block;
          color: #fff;
          padding: 6px 10px;
          line-height: 1.5; }
          .header .nav-global ul li a:hover {
            text-decoration: none;
            opacity: 0.7; }
      .header .nav-global ul.hide-credit .credit {
        display: none; }
      .header .nav-global ul.hide-credit li {
        width: 20%; }
    @media (max-width: 1200px) {
      .header .nav-global {
        display: none; } }
  .header .btn-menu {
    display: none; }
    @media (max-width: 1200px) {
      .header .btn-menu {
        background: none;
        border: 0 none;
        position: absolute;
        top: 50%;
        width: 27px;
        height: 28px;
        padding: 0;
        margin: -14px 0 0 0;
        outline: none;
        display: block;
        left: 15px; }
        .header .btn-menu img {
          display: block;
          width: 100%;
          height: 100%; } }
  .header .btn-menu-language {
    display: none; }
    @media (max-width: 1200px) {
      .header .btn-menu-language {
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        padding: 0;
        margin: -18px 0 0;
        border: 0 none;
        background: none;
        color: #fff;
        box-shadow: none;
        font-size: 10px;
        outline: none; }
        .header .btn-menu-language:before {
          content: "";
          display: block;
          width: 20px;
          height: 20px;
          margin: 0 auto;
          background: url(../images/common/icon-language.png) no-repeat 0 0;
          background-size: 100%; }
        .header .btn-menu-language.is-open:before {
          width: 27px;
          height: 28px;
          background: url(../images/common/btn-menu-close.png) no-repeat 0 0;
          background-size: cover;
          position: relative;
          top: 4px; }
        .header .btn-menu-language.is-open {
          color: #fff !important; } }
  .header.is-fixed .header-fix-content {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    top: -352px;
    transition: none;
    background-color: #fff;
    background-image: none; }
    .header.is-fixed .header-fix-content.fix-top {
      transition: top 1s;
      top: 0;
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    .header.is-fixed .header-fix-content.main-visual-bg-1 {
      background-color: #fff !important;
      background: none; }
    .header.is-fixed .header-fix-content.main-visual-bg-2 {
      background-color: #fff !important;
      background: none; }
    .header.is-fixed .header-fix-content.main-visual-bg-3 {
      background-color: #fff !important;
      background: none; }
    @media (max-width: 1200px) {
      .is-open .header.is-fixed .header-fix-content {
        top: 0 !important; } }
    .header.is-fixed .header-fix-content .main-visual {
      margin: 0 0 0; }
      .header.is-fixed .header-fix-content .main-visual .main-visual-head {
        text-align: center;
        margin: 0;
        background-image: url("../images/ja/header-logo-3.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%;
        width: 1280px;
        height: 90px; }
        body.lang-en .header.is-fixed .header-fix-content .main-visual .main-visual-head {
          background-image: url("../images/en/header-logo-3.png"); }
        body.lang-ko .header.is-fixed .header-fix-content .main-visual .main-visual-head {
          background-image: url("../images/ko/header-logo-3.png"); }
        body.lang-th .header.is-fixed .header-fix-content .main-visual .main-visual-head {
          background-image: url("../images/thai/header-logo-3.png"); }
        body.lang-zh-cn .header.is-fixed .header-fix-content .main-visual .main-visual-head {
          background-image: url("../images/ch_k/header-logo-3.png"); }
        body.lang-zh-tw .header.is-fixed .header-fix-content .main-visual .main-visual-head {
          background-image: url("../images/ch_h/header-logo-3.png"); }
        @media (max-width: 1200px) {
          .header.is-fixed .header-fix-content .main-visual .main-visual-head {
            width: auto;
            height: auto;
            background-image: url("../images/ja/sp/header-logo-2.png");
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            padding: 0; }
            body.lang-en .header.is-fixed .header-fix-content .main-visual .main-visual-head {
              background-image: url("../images/en/sp/header-logo-2.png"); }
            body.lang-ko .header.is-fixed .header-fix-content .main-visual .main-visual-head {
              background-image: url("../images/ko/sp/header-logo-2.png"); }
            body.lang-th .header.is-fixed .header-fix-content .main-visual .main-visual-head {
              background-image: url("../images/thai/sp/header-logo-2.png"); }
            body.lang-zh-cn .header.is-fixed .header-fix-content .main-visual .main-visual-head {
              background-image: url("../images/ch_k/sp/header-logo-2.png"); }
            body.lang-zh-tw .header.is-fixed .header-fix-content .main-visual .main-visual-head {
              background-image: url("../images/ch_h/sp/header-logo-2.png"); } }
        .header.is-fixed .header-fix-content .main-visual .main-visual-head img {
          width: 100%;
          height: 100%;
          opacity: 0; }
        @media (min-width: 1200px) {
          .header.is-fixed .header-fix-content .main-visual .main-visual-head {
            background-size: auto;
            width: 100%; } }
        @media (min-width: 1280px) {
          .header.is-fixed .header-fix-content .main-visual .main-visual-head {
            width: 1280px; } }
      .header.is-fixed .header-fix-content .main-visual .main-visual-head-2 {
        text-align: center;
        margin: 0 auto;
        background-image: url("../images/common/fix-main-visual-img.png");
        background-repeat: no-repeat;
        height: 90px; }
        @media (max-width: 767px) {
          .header.is-fixed .header-fix-content .main-visual .main-visual-head-2 .main-visual-head-pc {
            display: none; } }
        .header.is-fixed .header-fix-content .main-visual .main-visual-head-2 .main-visual-head-sp {
          display: none; }
          @media (max-width: 767px) {
            .header.is-fixed .header-fix-content .main-visual .main-visual-head-2 .main-visual-head-sp {
              display: block; } }
        @media (max-width: 1200px) {
          .header.is-fixed .header-fix-content .main-visual .main-visual-head-2 {
            width: 43.125%;
            margin: 0 auto;
            padding: 2.1875% 0 1.5625%;
            height: auto;
            background-image: url("../images/ja/sp/fix-main-visual-img_sp.png");
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain; }
            body.lang-en .header.is-fixed .header-fix-content .main-visual .main-visual-head-2 {
              width: 51.125%;
              /* padding: 4.0625% 0 1.328125%; */
              padding: 2.1875% 0 1.5625%;
              background-image: url("../images/en/sp/fix-main-visual-img_sp.png"); }
            body.lang-ko .header.is-fixed .header-fix-content .main-visual .main-visual-head-2 {
              width: 54.6875%;
              /* padding: 4.0625% 0 1.328125%; */
              padding: 2.1875% 0 1.5625%;
              background-image: url("../images/ko/sp/fix-main-visual-img_sp.png"); }
            body.lang-th .header.is-fixed .header-fix-content .main-visual .main-visual-head-2 {
              width: 43.125%;
              /* padding: 3.671875% 0 1.328125%; */
              padding: 2.1875% 0 1.5625%;
              background-image: url("../images/thai/sp/fix-main-visual-img_sp.png"); }
            body.lang-zh-cn .header.is-fixed .header-fix-content .main-visual .main-visual-head-2 {
              width: 54.6875%;
              /* padding: 3.984375% 0 1.328125%; */
              padding: 2.1875% 0 1.5625%;
              background-image: url("../images/ch_k/sp/fix-main-visual-img_sp.png"); }
            body.lang-zh-tw .header.is-fixed .header-fix-content .main-visual .main-visual-head-2 {
              width: 43.28125%;
              /* padding: 3.984375% 0 1.328125%; */
              padding: 2.1875% 0 1.5625%;
              background-image: url("../images/ch_h/sp/fix-main-visual-img_sp.png"); } }
        .header.is-fixed .header-fix-content .main-visual .main-visual-head-2 img {
          width: 100%;
          height: 100%;
          opacity: 0; }
        @media (min-width: 1200px) {
          .header.is-fixed .header-fix-content .main-visual .main-visual-head-2 {
            width: 281px !important;
            margin: 1.875% auto 0.46875% !important;
            padding: 0 !important;
            height: auto !important; } }
    @media (max-width: 1200px) {
      .header.is-fixed .header-fix-content .btn-menu {
        background: url(../images/common/btn-menu-simple.png) no-repeat 0 0;
        background-size: cover; }
        .header.is-fixed .header-fix-content .btn-menu img {
          opacity: 0; }
        .header.is-fixed .header-fix-content .btn-menu.is-open {
          background: url(../images/common/btn-menu-close.png) no-repeat 0 0;
          background-size: cover; } }
    @media (max-width: 1200px) {
      .header.is-fixed .header-fix-content .btn-menu-language {
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        padding: 0;
        margin: -16px 0 0;
        border: 0 none;
        background: none;
        color: #000;
        box-shadow: none;
        font-size: 10px;
        outline: none; }
        .header.is-fixed .header-fix-content .btn-menu-language:before {
          content: "";
          display: block;
          width: 20px;
          height: 20px;
          margin: 0 auto;
          background: url(../images/common/icon-language-simple.png) no-repeat 0 0;
          background-size: 100%; }
        .header.is-fixed .header-fix-content .btn-menu-language.is-open:before {
          width: 27px;
          height: 28px;
          background: url(../images/common/btn-menu-close.png) no-repeat 0 0;
          background-size: cover;
          position: relative;
          top: 2px; } }
    .header.is-fixed .header-fix-content .nav-utility {
      top: 10px; }
      .header.is-fixed .header-fix-content .nav-utility ul li a,
      .header.is-fixed .header-fix-content .nav-utility ul li span {
        color: #000; }
        .header.is-fixed .header-fix-content .nav-utility ul li a:after,
        .header.is-fixed .header-fix-content .nav-utility ul li span:after {
          border-color: #000; }
      .header.is-fixed .header-fix-content .nav-utility ul li.language .btn-group .dropdown-toggle {
        color: #000; }
        .header.is-fixed .header-fix-content .nav-utility ul li.language .btn-group .dropdown-toggle:after {
          border-color: #000; }
      @media (max-width: 1024px) {
        .header.is-fixed .header-fix-content .nav-utility ul li {
          display: block; } }
      @media (max-width: 1280px) {
        .header.is-fixed .header-fix-content .nav-utility ul li {
          font-size: 12px; } }
    .header.is-fixed .header-fix-content .nav-sns {
      position: absolute;
      left: 30px;
      top: 11px; }
      .header.is-fixed .header-fix-content .nav-sns ul {
        list-style: none;
        padding: 0;
        margin: 0; }
        .header.is-fixed .header-fix-content .nav-sns ul li {
          display: inline-block;
          vertical-align: middle; }
          .header.is-fixed .header-fix-content .nav-sns ul li a {
            display: block; }
            .header.is-fixed .header-fix-content .nav-sns ul li a img {
              display: block; }
          .header.is-fixed .header-fix-content .nav-sns ul li.facebook a {
            background: url(../images/common/icon-facebook-simple.png) no-repeat 0 0;
            background-size: 100%; }
            .header.is-fixed .header-fix-content .nav-sns ul li.facebook a img {
              opacity: 0; }
          .header.is-fixed .header-fix-content .nav-sns ul li.wechat a {
            background: url(../images/ch_k/icon-wechat-simple.png) no-repeat 0 0;
            background-size: 100%; }
            .header.is-fixed .header-fix-content .nav-sns ul li.wechat a img {
              opacity: 0; }
          .header.is-fixed .header-fix-content .nav-sns ul li.weibo a {
            background: url(../images/ch_k/icon-weibo-simple.png) no-repeat 0 0;
            background-size: 100%; }
            .header.is-fixed .header-fix-content .nav-sns ul li.weibo a img {
              opacity: 0; }
      @media (max-width: 1200px) {
        .header.is-fixed .header-fix-content .nav-sns {
          display: none; } }
    @media (max-width: 1200px) {
      .header.is-fixed .header-fix-content .nav-utility {
        top: 50%; }
        .header.is-fixed .header-fix-content .nav-utility ul li.language .btn-group:before {
          background: url(../images/common/icon-language-simple.png) no-repeat 0 0;
          background-size: cover; }
        .header.is-fixed .header-fix-content .nav-utility ul li.language .btn-group .dropdown-toggle {
          font-size: 10px; } }

.contents .contents-inner + .contents-inner {
  padding-top: 0; }
  .contents .contents-inner + .contents-inner .topic-path {
    display: none; }

.topic-path {
  margin: -55px 0 20px; }
  @media (max-width: 767px) {
    .topic-path {
      margin: -10px 0 10px;
      overflow-x: scroll; } }
  .topic-path ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    @media (max-width: 767px) {
      .topic-path ul {
        white-space: nowrap; } }
    .topic-path ul li {
      display: inline-block;
      vertical-align: middle;
      font-size: 12px; }
      @media (max-width: 767px) {
        .topic-path ul li {
          font-size: 10px; } }
      .topic-path ul li a {
        color: #000; }
      .topic-path ul li em {
        font-style: normal; }
      .topic-path ul li:first-child:before {
        content: "";
        display: none; }
      .topic-path ul li:before {
        content: "";
        display: inline-block;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
        width: 6px;
        height: 6px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        vertical-align: middle;
        position: relative;
        top: -1px;
        margin: 0 10px 0 8px; }

.contents {
  background: url(../images/ja/top-contents-bg.png) repeat-x left bottom;
  margin: 0;
  padding: 0 0 20px; }
  @media (max-width: 1280px) {
    .contents {
      position: relative;
      background: none; }
      .contents:after {
        content: "";
        display: block;
        width: auto;
        height: 26px;
        background: url(../images/ja/top-contents-bg.png) repeat-x 0 0;
        position: absolute;
        bottom: 0;
        left: -15px;
        right: -15px; } }
  @media (max-width: 767px) {
    .contents {
      position: relative;
      background: none; }
      .contents:after {
        content: "";
        display: block;
        width: auto;
        height: 13px;
        background: url(../images/ja/top-contents-bg.png) repeat-x 0 0;
        background-size: 36px 13px;
        position: absolute;
        bottom: 0;
        left: -15px;
        right: -15px; } }
  .contents .contents-inner {
    width: 1280px;
    margin: 0 auto;
    padding: 55px 0 0; }
    .contents .contents-inner:before, .contents .contents-inner:after {
      content: "";
      display: table; }
    .contents .contents-inner:after {
      clear: both; }
    @media (max-width: 767px) {
      .contents .contents-inner {
        width: auto;
        padding: 0 0 0; } }
    @media (min-width: 767px) {
      .contents .contents-inner {
        width: 100%; } }
    @media (min-width: 992px) {
      .contents .contents-inner {
        width: 100%; } }
    @media (min-width: 1280px) {
      .contents .contents-inner {
        width: 1280px; } }
    .contents .contents-inner .main {
      width: 940px;
      float: left; }
      .contents .contents-inner .main.main-seal {
        padding-right: 20px;
        padding-left: 60px;
        position: relative; }
        .contents .contents-inner .main.main-seal:before {
          content: "";
          display: block;
          width: 292px;
          height: 291px;
          background: url(../images/ja/seal.png) no-repeat 0 0;
          position: absolute;
          top: 100px;
          left: -253px; }
        @media (max-width: 767px) {
          .contents .contents-inner .main.main-seal {
            padding: 0; }
            .contents .contents-inner .main.main-seal:before {
              content: none;
              display: none; } }
      @media (max-width: 767px) {
        .contents .contents-inner .main {
          width: auto;
          float: none; } }
      @media (min-width: 767px) {
        .contents .contents-inner .main {
          width: calc(100% - 270px);
          float: left; } }
      @media (min-width: 992px) {
        .contents .contents-inner .main {
          width: calc(100% - 270px); } }
      @media (min-width: 850px) {
        .contents .contents-inner .main {
          width: calc(100% - 300px); } }
      @media (min-width: 1280px) {
        .contents .contents-inner .main {
          width: 940px; } }
    .contents .contents-inner .sub {
      width: 300px;
      float: right; }
      @media (max-width: 767px) {
        .contents .contents-inner .sub {
          width: auto;
          float: none; } }
      @media (min-width: 767px) {
        .contents .contents-inner .sub {
          width: 250px;
          float: right; } }
      @media (min-width: 992px) {
        .contents .contents-inner .sub {
          width: 250px; } }
      @media (min-width: 850px) {
        .contents .contents-inner .sub {
          width: 280px; } }
      @media (min-width: 1280px) {
        .contents .contents-inner .sub {
          width: 300px; } }

.top-contents {
  box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2) inset;
  margin: 0;
  background-image: url("../images/ja/top-contents-bg.png");
  background-repeat: repeat-x;
  background-position: left bottom;
  background-color: #f3f3f3;
  padding: 0 0 100px; }
  @media (max-width: 1280px) {
    .top-contents {
      padding: 0 15px 10px;
      margin: 0 -15px; } }
  @media (max-width: 767px) {
    .top-contents {
      background-size: 36px 13px; } }
  .top-contents .top-contents-inner {
    width: 1280px;
    margin: 0 auto;
    padding: 55px 0 0; }
    .top-contents .top-contents-inner:before, .top-contents .top-contents-inner:after {
      content: "";
      display: table; }
    .top-contents .top-contents-inner:after {
      clear: both; }
    @media (max-width: 767px) {
      .top-contents .top-contents-inner {
        width: auto;
        padding: 18px 0 0; } }
    @media (min-width: 767px) {
      .top-contents .top-contents-inner {
        width: auto; } }
    @media (min-width: 992px) {
      .top-contents .top-contents-inner {
        width: auto; } }
    @media (min-width: 1280px) {
      .top-contents .top-contents-inner {
        width: 1280px; } }
    .top-contents .top-contents-inner .main {
      width: 940px;
      float: left; }
      @media (max-width: 767px) {
        .top-contents .top-contents-inner .main {
          width: auto;
          float: none; } }
      @media (min-width: 767px) {
        .top-contents .top-contents-inner .main {
          width: calc(100% - 270px);
          float: left; } }
      @media (min-width: 992px) {
        .top-contents .top-contents-inner .main {
          width: calc(100% - 270px); } }
      @media (min-width: 850px) {
        .top-contents .top-contents-inner .main {
          width: calc(100% - 300px); } }
      @media (min-width: 1280px) {
        .top-contents .top-contents-inner .main {
          width: 940px; } }
    .top-contents .top-contents-inner .sub {
      width: 300px;
      float: right; }
      @media (max-width: 767px) {
        .top-contents .top-contents-inner .sub {
          width: auto;
          float: none; } }
      @media (min-width: 767px) {
        .top-contents .top-contents-inner .sub {
          width: 250px;
          float: right; } }
      @media (min-width: 992px) {
        .top-contents .top-contents-inner .sub {
          width: 250px; } }
      @media (min-width: 850px) {
        .top-contents .top-contents-inner .sub {
          width: 280px; } }
      @media (min-width: 1280px) {
        .top-contents .top-contents-inner .sub {
          width: 300px; } }

.sub .sub-search {
  background-color: #e5e2df;
  padding: 16px;
  margin: 0 0 20px; }
  .sub .sub-search .sub-search-inner {
    position: relative; }
    .sub .sub-search .sub-search-inner input {
      border-radius: 0;
      border: 0 none;
      border-top: 1px solid #a9a9a9;
      line-height: 40px;
      height: 40px; }
      body.lang-en .sub .sub-search .sub-search-inner input {
        font-size: 11px; }
    .sub .sub-search .sub-search-inner button {
      position: absolute;
      right: 0;
      top: 50%;
      border: 0 none;
      background: linear-gradient(to bottom, #555555 0%, #272727 100%);
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%);
      height: 100%;
      width: 40px;
      padding: 0; }
      .sub .sub-search .sub-search-inner button img {
        width: 24px;
        height: 24px;
        display: block;
        margin: 0 auto; }
      .sub .sub-search .sub-search-inner button:hover {
        opacity: 0.7; }
  @media (max-width: 767px) {
    .sub .sub-search {
      display: none; } }

.sub .sub-ranking {
  background-color: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  border-top: 4px solid #0b0306;
  margin: 0 0 20px;
  padding: 0 20px; }
  .sub .sub-ranking .sub-ranking-head {
    font-size: 19px;
    font-weight: bold;
    margin: 0;
    padding: 18px 0 30px;
    line-height: 1.4; }
    .sub .sub-ranking .sub-ranking-head:before {
      content: "";
      display: inline-block;
      width: 35px;
      height: 32px;
      background: url(../images/common/sub-ranking-head-bg.png) no-repeat 0 0;
      margin: 0 18px 0 0; }
    @media (max-width: 768px) {
      .sub .sub-ranking .sub-ranking-head {
        font-size: 16px; } }
  .sub .sub-ranking ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .sub .sub-ranking ul li {
      border-top: 1px solid #000; }
      .sub .sub-ranking ul li a {
        padding: 14px 20px;
        display: block;
        color: #000;
        margin: 0 -20px;
        position: relative; }
        .sub .sub-ranking ul li a .image {
          width: 80px;
          height: 80px;
          border-radius: 50%;
          display: inline-block;
          vertical-align: middle; }
        .sub .sub-ranking ul li a .text {
          display: inline-block;
          width: calc(100% - 80px);
          padding-left: 12px;
          vertical-align: middle; }
          .sub .sub-ranking ul li a .text .num {
            display: block;
            font-size: 16px;
            font-weight: bold; }
        .sub .sub-ranking ul li a:hover {
          background-color: #efefef; }

.sub .sub-banner ul {
  padding: 0;
  margin: 0 0 20px;
  list-style: none; }
  .sub .sub-banner ul li {
    margin: 0 0 20px; }
    .sub .sub-banner ul li:last-child {
      margin: 0; }
    .sub .sub-banner ul li img {
      width: 100%;
      height: auto; }

.footer {
  margin: 0 -15px; }
  .footer .footer-1 {
    color: #fff;
    background: url(../images/ja/footer-1-bg.png) no-repeat center bottom #000;
    padding: 0 0 433px;
    background-size: 100%; }
    @media (max-width: 992px) {
      .footer .footer-1 {
        padding: 0 0 40%; } }
    @media (max-width: 767px) {
      .footer .footer-1 {
        background: url(../images/ja/sp/footer-1-bg.png) no-repeat center bottom #000;
        background-size: 100%;
        padding: 0 0 60%; } }
    .footer .footer-1 .footer-1-inner {
      width: 1280px;
      margin: 0 auto; }
      @media (max-width: 1280px) {
        .footer .footer-1 .footer-1-inner {
          width: 100%; } }
      .footer .footer-1 .footer-1-inner .group-application-download {
        position: relative;
        width: 940px;
        padding: 47px 33px 0 145px; }
        .footer .footer-1 .footer-1-inner .group-application-download:before, .footer .footer-1 .footer-1-inner .group-application-download:after {
          content: "";
          display: table; }
        .footer .footer-1 .footer-1-inner .group-application-download:after {
          clear: both; }
        @media (max-width: 1000px) {
          .footer .footer-1 .footer-1-inner .group-application-download {
            width: 800px;
            padding: 47px 20px 0;
            margin: 0 auto; } }
        @media (max-width: 800px) {
          .footer .footer-1 .footer-1-inner .group-application-download {
            width: 100%; } }
        @media (max-width: 600px) {
          .footer .footer-1 .footer-1-inner .group-application-download {
            padding: 20px 15px 0; } }
        .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-image {
          float: left;
          width: 190px; }
          @media (max-width: 800px) {
            .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-image {
              width: 25%; }
              .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-image img {
                width: 100%; } }
          @media (max-width: 600px) {
            .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-image {
              display: none; } }
        .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-content {
          float: right;
          width: 520px; }
          @media (max-width: 800px) {
            .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-content {
              width: 68.5%; } }
          @media (max-width: 600px) {
            .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-content {
              width: 100%; } }
          .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-content .group-application-download-content-image {
            display: none; }
            @media (max-width: 600px) {
              .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-content .group-application-download-content-image {
                display: block;
                width: 19.5%;
                float: left; }
                .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-content .group-application-download-content-image img {
                  width: 100%; } }
          .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-content .group-application-download-head {
            font-size: 32px;
            font-weight: bold;
            line-height: 1.4;
            margin: 0 0 24px;
            padding: 20px 0 0; }
            @media (max-width: 700px) {
              .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-content .group-application-download-head {
                font-size: 24px;
                padding: 10px 0 0; } }
            @media (max-width: 600px) {
              .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-content .group-application-download-head {
                font-size: 16px;
                margin: 0 0 15px; } }
          .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-content .group-application-download-text {
            margin: 0 0 50px;
            line-height: 2; }
            @media (max-width: 700px) {
              .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-content .group-application-download-text {
                margin: 0 0 30px; } }
            @media (max-width: 600px) {
              .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-content .group-application-download-text {
                padding: 0 0 0 25%;
                margin: 0 0 20px; } }
            @media (max-width: 450px) {
              .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-content .group-application-download-text {
                margin: 0; } }
          .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-content .group-application-download-list {
            padding: 0;
            list-style: none;
            margin: 0; }
            @media (max-width: 600px) {
              .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-content .group-application-download-list {
                width: 75%;
                padding-top: 0;
                float: right; } }
            @media (max-width: 450px) {
              .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-content .group-application-download-list {
                width: 100%;
                padding-top: 20px;
                clear: both;
                float: none; } }
            .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-content .group-application-download-list li {
              display: inline-block;
              box-shadow: 0 4px 20px rgba(255, 255, 255, 0.5);
              border-radius: 16px; }
              .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-content .group-application-download-list li.ios {
                margin-right: 24px; }
              @media (max-width: 800px) {
                .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-content .group-application-download-list li img {
                  width: 100%; }
                .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-content .group-application-download-list li.ios {
                  width: 50.342%;
                  margin-right: 4.7945%; }
                .footer .footer-1 .footer-1-inner .group-application-download .group-application-download-content .group-application-download-list li.android {
                  width: 44.520%; } }
  .footer .footer-2 {
    background-color: #23262d;
    color: #fff;
    overflow: hidden; }
    .footer .footer-2 .footer-2-inner {
      width: 1280px;
      margin: 0 auto;
      padding: 22px 0 0; }
      @media (max-width: 1280px) {
        .footer .footer-2 .footer-2-inner {
          width: auto;
          padding: 0; } }
      .footer .footer-2 .footer-2-inner .logo {
        display: inline-block;
        vertical-align: middle;
        margin: 0 43px 0 0; }
        @media (max-width: 1280px) {
          .footer .footer-2 .footer-2-inner .logo {
            display: none; } }
      .footer .footer-2 .footer-2-inner .nav-footer {
        display: inline-block;
        vertical-align: middle; }
        .footer .footer-2 .footer-2-inner .nav-footer .nav-footer-1 {
          padding: 0;
          list-style: none;
          margin: 0; }
          .footer .footer-2 .footer-2-inner .nav-footer .nav-footer-1 li {
            display: inline-block;
            vertical-align: middle; }
            .footer .footer-2 .footer-2-inner .nav-footer .nav-footer-1 li:before {
              content: "";
              height: 13px;
              width: 1px;
              background-color: #fff;
              display: inline-block;
              vertical-align: middle;
              position: relative;
              top: -1px;
              margin: 0 20px; }
            .footer .footer-2 .footer-2-inner .nav-footer .nav-footer-1 li:first-child:before {
              content: "";
              display: none; }
            .footer .footer-2 .footer-2-inner .nav-footer .nav-footer-1 li a {
              color: #fff; }
              body.lang-en .footer .footer-2 .footer-2-inner .nav-footer .nav-footer-1 li a {
                font-size: 13px; }
          .footer .footer-2 .footer-2-inner .nav-footer .nav-footer-1.hide-credit .credit {
            display: none;
            border: none;
            margin: 0; }
        .footer .footer-2 .footer-2-inner .nav-footer .facebook {
          display: none; }
          @media (max-width: 1200px) {
            .footer .footer-2 .footer-2-inner .nav-footer .facebook {
              display: block; } }
        .footer .footer-2 .footer-2-inner .nav-footer .weibo {
          display: none; }
          @media (max-width: 1200px) {
            .footer .footer-2 .footer-2-inner .nav-footer .weibo {
              display: block; } }
        @media (max-width: 1280px) {
          .footer .footer-2 .footer-2-inner .nav-footer {
            display: block; }
            .footer .footer-2 .footer-2-inner .nav-footer .nav-footer-1 {
              border-bottom: 1px solid #6f7175;
              display: -webkit-flex;
              display: flex;
              -webkit-flex-wrap: wrap;
                      flex-wrap: wrap; }
              .footer .footer-2 .footer-2-inner .nav-footer .nav-footer-1:before, .footer .footer-2 .footer-2-inner .nav-footer .nav-footer-1:after {
                content: "";
                display: table; }
              .footer .footer-2 .footer-2-inner .nav-footer .nav-footer-1:after {
                clear: both; }
              .footer .footer-2 .footer-2-inner .nav-footer .nav-footer-1 li {
                border-bottom: 1px solid #6f7175;
                margin-bottom: -1px;
                border-top: 1px solid #6f7175;
                width: 50%;
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                        align-items: center; }
                .footer .footer-2 .footer-2-inner .nav-footer .nav-footer-1 li:nth-child(2n+1) {
                  border-right: 1px solid #6f7175; }
                .footer .footer-2 .footer-2-inner .nav-footer .nav-footer-1 li:nth-child(2n+2) {
                  border-left: 1px solid #6f7175;
                  margin: 0 0 -1px -1px; }
                .footer .footer-2 .footer-2-inner .nav-footer .nav-footer-1 li:before {
                  content: none;
                  display: none; }
                .footer .footer-2 .footer-2-inner .nav-footer .nav-footer-1 li a {
                  line-height: 1.5;
                  display: block;
                  padding: 10px 30px 10px 15px;
                  position: relative;
                  font-size: 12px;
                  width: 100%; }
                  .footer .footer-2 .footer-2-inner .nav-footer .nav-footer-1 li a:after {
                    content: "";
                    width: 10px;
                    height: 10px;
                    border-top: 1px solid #fff;
                    border-right: 1px solid #fff;
                    display: block;
                    -webkit-transform: rotate(45deg);
                            transform: rotate(45deg);
                    position: absolute;
                    right: 15px;
                    top: 50%;
                    margin: -6px 0 0; } }
      @media (max-width: 1280px) and (max-width: 767px) {
        .footer .footer-2 .footer-2-inner .nav-footer .nav-footer-1 li.smp-only {
          display: -webkit-flex !important;
          display: flex !important; } }
        @media (max-width: 1280px) {
            .footer .footer-2 .footer-2-inner .nav-footer .facebook {
              margin: 20px 0 14px;
              margin: 20px 0 0; }
              .footer .footer-2 .footer-2-inner .nav-footer .facebook a {
                color: #fff;
                border-top: 1px solid #6f7175;
                border-bottom: 1px solid #6f7175;
                display: block;
                font-size: 18px;
                text-align: center;
                padding: 6px 0; }
                .footer .footer-2 .footer-2-inner .nav-footer .facebook a:before {
                  content: "";
                  background: url(../images/common/sp/icon-facebook-2.png) no-repeat 0 0;
                  width: 20px;
                  height: 20px;
                  background-size: 100%;
                  display: inline-block;
                  vertical-align: middle;
                  position: relative;
                  top: -2px;
                  margin: 0 20px 0 0; }
            .footer .footer-2 .footer-2-inner .nav-footer .weibo {
              margin: 0 0 14px; }
              .footer .footer-2 .footer-2-inner .nav-footer .weibo a {
                color: #fff;
                border-top: none;
                border-bottom: 1px solid #6f7175;
                display: block;
                font-size: 18px;
                text-align: center;
                padding: 6px 0; }
                .footer .footer-2 .footer-2-inner .nav-footer .weibo a:before {
                  content: "";
                  background: url(../images/ch_k/icon-weibo.png) no-repeat 0 0;
                  width: 25px;
                  height: 20px;
                  background-size: 100%;
                  display: inline-block;
                  vertical-align: middle;
                  position: relative;
                  top: -2px;
                  margin: 0 15px 0 0; }
            .footer .footer-2 .footer-2-inner .nav-footer .pagetop {
              text-align: center;
              margin: 0 0 12px; }
              .footer .footer-2 .footer-2-inner .nav-footer .pagetop a {
                color: #fff;
                font-size: 12px; }
                .footer .footer-2 .footer-2-inner .nav-footer .pagetop a:before {
                  background: url(../images/common/icon-pagetop.png) no-repeat 0 0;
                  background-size: 100%;
                  content: "";
                  display: inline-block;
                  width: 15px;
                  height: 14px;
                  vertical-align: middle;
                  top: -2px;
                  position: relative;
                  margin: 0 5px 0 0; }
            .footer .footer-2 .footer-2-inner .nav-footer .nav-utility {
              list-style: none;
              padding: 0;
              text-align: center;
              margin: 0 0 10px; }
              .footer .footer-2 .footer-2-inner .nav-footer .nav-utility li {
                display: inline-block;
                font-size: 12px;
                margin: 0 1em; }
                .footer .footer-2 .footer-2-inner .nav-footer .nav-utility li a {
                  color: #fff; } }
      .footer .footer-2 .footer-2-inner .copyright {
        margin: 36px 0 46px;
        text-align: center; }
        @media (max-width: 1280px) {
          .footer .footer-2 .footer-2-inner .copyright {
            margin: 30px 0;
            font-size: 10px; } }
  .footer .footer-3 {
    padding: 14px 0 5px; }
    @media (max-width: 767px) {
      .footer .footer-3 {
        padding: 14px 0 21px; } }
    .footer .footer-3 .footer-3-inner {
      width: 1280px;
      margin: 0 auto; }
      @media (max-width: 1280px) {
        .footer .footer-3 .footer-3-inner {
          max-width: 1280px;
          width: auto; } }
      .footer .footer-3 .footer-3-inner .footer-banner-text {
        position: relative;
        z-index: 2;
        text-align: center;
        margin: 0; }
        .footer .footer-3 .footer-3-inner .footer-banner-text:before {
          content: "";
          width: 100%;
          border-top: 1px solid #232323;
          position: absolute;
          top: 50%;
          right: 0;
          left: 0; }
        .footer .footer-3 .footer-3-inner .footer-banner-text span {
          font-size: 18px;
          background: #fff;
          position: relative;
          z-index: 2;
          padding: 0 32px; }
        @media (max-width: 767px) {
          .footer .footer-3 .footer-3-inner .footer-banner-text {
            margin: 0 0 8px; }
            .footer .footer-3 .footer-3-inner .footer-banner-text span {
              font-size: 12px;
              padding: 0 12px; } }
      .footer .footer-3 .footer-3-inner .footer-list-banner {
        list-style: none;
        padding: 0;
        margin: 0;
        padding: 16px 0 30px; }
        .footer .footer-3 .footer-3-inner .footer-list-banner li {
          width: 33.3333%;
          display: inline-block;
          text-align: center;
          vertical-align: middle; }
        @media (max-width: 767px) {
          .footer .footer-3 .footer-3-inner .footer-list-banner {
            text-align: center;
            margin: 0 -4px;
            padding: 0 0 0; }
            .footer .footer-3 .footer-3-inner .footer-list-banner li {
              padding: 0 4px; }
              .footer .footer-3 .footer-3-inner .footer-list-banner li.footer-list-banner-2 img {
                width: 50%; }
              .footer .footer-3 .footer-3-inner .footer-list-banner li.footer-list-banner-1 img {
                width: 60%; }
              .footer .footer-3 .footer-3-inner .footer-list-banner li img {
                max-width: 100%; } }

.media:before, .media:after {
  content: "";
  display: table; }

.media:after {
  clear: both; }

.media [class*='media-col-'] {
  overflow: hidden; }

.media-col-xs-1 {
  width: 8.3333333333%; }

.media-col-xs-2 {
  width: 16.6666666667%; }

.media-col-xs-3 {
  width: 25%; }

.media-col-xs-4 {
  width: 33.3333333333%; }

.media-col-xs-5 {
  width: 41.6666666667%; }

.media-col-xs-6 {
  width: 50%; }

.media-col-xs-7 {
  width: 58.3333333333%; }

.media-col-xs-8 {
  width: 66.6666666667%; }

.media-col-xs-9 {
  width: 75%; }

.media-col-xs-10 {
  width: 83.3333333333%; }

.media-col-xs-11 {
  width: 91.6666666667%; }

.media-col-xs-12 {
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

.pull-xs-left {
  float: left;
  padding-right: 20px; }

.pull-xs-right {
  float: right;
  padding-left: 20px; }

.pull-xs-none {
  float: none; }

@media (min-width: 767px) {
  .media-col-sm-1 {
    width: 8.3333333333%; }
  .media-col-sm-2 {
    width: 16.6666666667%; }
  .media-col-sm-3 {
    width: 25%; }
  .media-col-sm-4 {
    width: 33.3333333333%; }
  .media-col-sm-5 {
    width: 41.6666666667%; }
  .media-col-sm-6 {
    width: 50%; }
  .media-col-sm-7 {
    width: 58.3333333333%; }
  .media-col-sm-8 {
    width: 66.6666666667%; }
  .media-col-sm-9 {
    width: 75%; }
  .media-col-sm-10 {
    width: 83.3333333333%; }
  .media-col-sm-11 {
    width: 91.6666666667%; }
  .media-col-sm-12 {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
  .pull-sm-left {
    float: left;
    padding-right: 20px; }
  .pull-sm-right {
    float: right;
    padding-left: 20px; }
  .pull-sm-none {
    float: none; } }

@media (min-width: 992px) {
  .media-col-md-1 {
    width: 8.3333333333%; }
  .media-col-md-2 {
    width: 16.6666666667%; }
  .media-col-md-3 {
    width: 25%; }
  .media-col-md-4 {
    width: 33.3333333333%; }
  .media-col-md-5 {
    width: 41.6666666667%; }
  .media-col-md-6 {
    width: 50%; }
  .media-col-md-7 {
    width: 58.3333333333%; }
  .media-col-md-8 {
    width: 66.6666666667%; }
  .media-col-md-9 {
    width: 75%; }
  .media-col-md-10 {
    width: 83.3333333333%; }
  .media-col-md-11 {
    width: 91.6666666667%; }
  .media-col-md-12 {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
  .pull-md-left {
    float: left;
    padding-right: 20px; }
  .pull-md-right {
    float: right;
    padding-left: 20px; }
  .pull-md-none {
    float: none; } }

@media (min-width: 1280px) {
  .media-col-lg-1 {
    width: 8.3333333333%; }
  .media-col-lg-2 {
    width: 16.6666666667%; }
  .media-col-lg-3 {
    width: 25%; }
  .media-col-lg-4 {
    width: 33.3333333333%; }
  .media-col-lg-5 {
    width: 41.6666666667%; }
  .media-col-lg-6 {
    width: 50%; }
  .media-col-lg-7 {
    width: 58.3333333333%; }
  .media-col-lg-8 {
    width: 66.6666666667%; }
  .media-col-lg-9 {
    width: 75%; }
  .media-col-lg-10 {
    width: 83.3333333333%; }
  .media-col-lg-11 {
    width: 91.6666666667%; }
  .media-col-lg-12 {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
  .pull-lg-left {
    float: left;
    padding-right: 20px; }
  .pull-lg-right {
    float: right;
    padding-left: 20px; }
  .pull-lg-none {
    float: none; } }

.table th, .table td {
  border: 1px solid #ddd; }

ul.list-1 {
  list-style: none;
  padding: 0; }
  ul.list-1 li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    line-height: normal; }
    ul.list-1 li:last-child {
      margin-bottom: 0; }
    ul.list-1 li:before {
      content: "";
      font-weight: bold;
      display: inline-block;
      width: 6px;
      height: 6px;
      background-color: #000;
      border-radius: 4px;
      vertical-align: middle;
      position: absolute;
      top: 0;
      left: 2px;
      margin-top: 0.55em; }
    ul.list-1 li ul.list-1 {
      padding-left: 2em; }

.list-mark {
  list-style: none;
  padding-left: 0; }
  .list-mark li {
    position: relative; }
    .list-mark li .list-mark-label {
      position: absolute;
      left: 0;
      top: 0; }
    .list-mark li .list-mark {
      padding-left: 1em; }
  .list-mark.list-mark-w-05 li {
    padding-left: 0.5em; }
    .list-mark.list-mark-w-05 li .list-mark-label {
      width: 0.5em; }
  .list-mark.list-mark-w-1 li {
    padding-left: 1em; }
    .list-mark.list-mark-w-1 li .list-mark-label {
      width: 1em; }
  .list-mark.list-mark-w-2 li {
    padding-left: 1.5em; }
    .list-mark.list-mark-w-2 li .list-mark-label {
      width: 1.5em; }
  .list-mark.list-mark-w-3 li {
    padding-left: 2em; }
    .list-mark.list-mark-w-3 li .list-mark-label {
      width: 2em; }
  .list-mark.list-mark-w-4 li {
    padding-left: 2.5em; }
    .list-mark.list-mark-w-4 li .list-mark-label {
      width: 2.5em; }
  .list-mark.list-mark-w-5 li {
    padding-left: 3em; }
    .list-mark.list-mark-w-5 li .list-mark-label {
      width: 3em; }

.group-carousel-main {
  position: relative;
  padding: 20px 0;
  margin: 0 0 40px; }
  @media (max-width: 767px) {
    .group-carousel-main {
      padding: 0 0 20px; } }
  .group-carousel-main .group-carousel-main-head {
    position: absolute;
    top: 52px;
    left: 50%;
    right: 0;
    margin: 0 0 0 210px;
    padding: 8px 0 15px 22px;
    z-index: 4;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); }
    .group-carousel-main .group-carousel-main-head:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-color: #f0f0f0;
      z-index: -1;
      opacity: 0.8; }
    @media (max-width: 1200px) {
      .group-carousel-main .group-carousel-main-head {
        display: none; } }
    @media (max-width: 767px) {
      .group-carousel-main .group-carousel-main-head {
        margin: 0;
        display: block; } }
    @media (max-width: 767px) {
      .group-carousel-main .group-carousel-main-head {
        margin: 0;
        padding: 8px; }
        .group-carousel-main .group-carousel-main-head:before {
          right: -15px; }
        .group-carousel-main .group-carousel-main-head img {
          display: block;
          width: 110px; } }
  .group-carousel-main .group-slider-main {
    margin: 0; }
    @media (max-width: 767px) {
      .group-carousel-main .group-slider-main {
        margin: 0 10px; } }
    .group-carousel-main .group-slider-main * {
      outline: none; }
    .group-carousel-main .group-slider-main .slick-list {
      overflow: visible !important; }
    .group-carousel-main .group-slider-main .group-slider-item {
      width: 1280px;
      margin: 3px 0;
      outline: none; }
      .group-carousel-main .group-slider-main .group-slider-item a {
        color: #000;
        display: block; }
      @media (max-width: 767px) {
        .group-carousel-main .group-slider-main .group-slider-item {
          width: 100%;
          padding: 10px 10px 10px; } }
      @media (min-width: 768px) {
        .group-carousel-main .group-slider-main .group-slider-item {
          height: auto !important;
          min-height: 0 !important; } }
      .group-carousel-main .group-slider-main .group-slider-item .group-slider-item-image {
        display: block;
        position: relative; }
        .group-carousel-main .group-slider-main .group-slider-item .group-slider-item-image img {
          display: block;
          margin: 0 0 0 auto;
          -webkit-transform: scale(0.87);
                  transform: scale(0.87);
          -webkit-transform-origin: right;
                  transform-origin: right; }
          @media (max-width: 1280px) {
            .group-carousel-main .group-slider-main .group-slider-item .group-slider-item-image img {
              width: 63.234375%; }
              .group-carousel-main .group-slider-main .group-slider-item .group-slider-item-image img img {
                width: 100%; } }
          @media (max-width: 767px) {
            .group-carousel-main .group-slider-main .group-slider-item .group-slider-item-image img {
              width: 100%;
              -webkit-transform: scale(1);
                      transform: scale(1); } }
          @media (max-width: 767px) {
            .group-carousel-main .group-slider-main .group-slider-item .group-slider-item-image img {
              -webkit-transform: scale(0.87);
                      transform: scale(0.87); } }
          @media (max-width: 480px) {
            .group-carousel-main .group-slider-main .group-slider-item .group-slider-item-image img {
              -webkit-transform: scale(1.26);
                      transform: scale(1.26); } }
        .group-carousel-main .group-slider-main .group-slider-item .group-slider-item-image:before {
          content: "";
          display: block;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          right: 0;
          opacity: 0.7;
          z-index: 2; }
          @media (max-width: 767px) {
            .group-carousel-main .group-slider-main .group-slider-item .group-slider-item-image:before {
              -webkit-transform: scale(1);
                      transform: scale(1); } }
          @media (max-width: 767px) {
            .group-carousel-main .group-slider-main .group-slider-item .group-slider-item-image:before {
              -webkit-transform: scale(1);
                      transform: scale(1); } }
          @media (max-width: 480px) {
            .group-carousel-main .group-slider-main .group-slider-item .group-slider-item-image:before {
              -webkit-transform: scale(1.26);
                      transform: scale(1.26); } }
        @media (max-width: 767px) {
          .group-carousel-main .group-slider-main .group-slider-item .group-slider-item-image {
            margin: 10% -10px 10px; } }
        @media (max-width: 767px) {
          .group-carousel-main .group-slider-main .group-slider-item .group-slider-item-image {
            margin: 10% -10px 10px; } }
        @media (max-width: 480px) {
          .group-carousel-main .group-slider-main .group-slider-item .group-slider-item-image {
            margin: 25% -10px 10px; } }
      .group-carousel-main .group-slider-main .group-slider-item .group-slider-item-content {
        display: none; }
      .group-carousel-main .group-slider-main .group-slider-item.slick-current-2, .group-carousel-main .group-slider-main .group-slider-item.slick-current {
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
        z-index: 3;
        position: relative; }
        .group-carousel-main .group-slider-main .group-slider-item.slick-current-2:before, .group-carousel-main .group-slider-main .group-slider-item.slick-current-2:after, .group-carousel-main .group-slider-main .group-slider-item.slick-current:before, .group-carousel-main .group-slider-main .group-slider-item.slick-current:after {
          content: "";
          display: table; }
        .group-carousel-main .group-slider-main .group-slider-item.slick-current-2:after, .group-carousel-main .group-slider-main .group-slider-item.slick-current:after {
          clear: both; }
        .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-image, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-image {
          display: block;
          float: left;
          width: 835px; }
          @media (max-width: 1280px) {
            .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-image, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-image {
              width: 63.234375%; }
              .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-image img, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-image img {
                width: 100%; } }
          @media (max-width: 767px) {
            .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-image, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-image {
              width: auto;
              margin-left: 0;
              margin-right: 0;
              float: none;
              margin-top: 0; } }
          .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-image img, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-image img {
            -webkit-transform: scale(1);
                    transform: scale(1); }
          .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-image:before, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-image:before {
            content: none;
            display: none; }
        .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-content, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-content {
          display: block;
          float: right;
          width: 445px;
          padding: 185px 40px 40px 40px; }
          @media (max-width: 1280px) {
            .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-content, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-content {
              width: 36.765625%;
              padding: 185px 40px 40px 40px; } }
          @media (max-width: 1200px) {
            .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-content, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-content {
              padding: 40px 40px 40px 40px; } }
          @media (max-width: 930px) {
            .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-content, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-content {
              padding: 20px 20px 0 20px; } }
          @media (max-width: 767px) {
            .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-content, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-content {
              width: auto;
              padding: 0;
              float: none; } }
        .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-head-1, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-head-1 {
          color: #ed1a3d;
          font-weight: bold;
          font-size: 28px;
          margin: 0 0 12px; }
          @media (max-width: 930px) {
            .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-head-1, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-head-1 {
              font-size: 24px; } }
          @media (max-width: 767px) {
            .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-head-1, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-head-1 {
              font-size: 14px;
              margin: 0 0 6px; } }
        .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-date, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-date {
          font-size: 12px;
          margin: 0 0 6px; }
          @media (max-width: 930px) {
            .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-date, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-date {
              font-size: 13px; } }
          @media (max-width: 767px) {
            .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-date, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-date {
              font-size: 10px; } }
        .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-head-2, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-head-2 {
          font-size: 18px;
          font-weight: bold;
          line-height: 1.45;
          margin: 0 0 8px; }
          @media (max-width: 930px) {
            .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-head-2, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-head-2 {
              font-size: 15px; } }
          @media (max-width: 767px) {
            .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-head-2, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-head-2 {
              font-size: 14px; } }
        @media (max-width: 930px) {
          .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-text, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-text {
            font-size: 13px; } }
        @media (max-width: 767px) {
          .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 .group-slider-item-text, .group-carousel-main .group-slider-main .group-slider-item.slick-current .group-slider-item-text {
            margin: 0 0 0;
            font-size: 12px; } }
        .group-carousel-main .group-slider-main .group-slider-item.slick-current-2 + .group-slider-item img, .group-carousel-main .group-slider-main .group-slider-item.slick-current + .group-slider-item img {
          -webkit-transform-origin: left;
                  transform-origin: left;
          margin: 0 auto 0 0; }
    .group-carousel-main .group-slider-main .slick-dots {
      position: absolute;
      left: 50%;
      bottom: -2px;
      margin: 0 0 0;
      padding: 10px 10px;
      text-align: center;
      -webkit-transform: translate(-50%, 100%);
              transform: translate(-50%, 100%);
      width: auto;
      line-height: 1;
      white-space: nowrap;
      font-size: 0; }
      .group-carousel-main .group-slider-main .slick-dots:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        opacity: 0.7;
        z-index: 1;
        border-radius: 6px; }
      .group-carousel-main .group-slider-main .slick-dots li {
        margin: 0 10px 0;
        padding: 0;
        width: 13px;
        height: 13px;
        position: relative;
        z-index: 2;
        vertical-align: top;
        line-height: 1; }
        .group-carousel-main .group-slider-main .slick-dots li.slick-active button {
          background-color: #ed1a3d; }
        .group-carousel-main .group-slider-main .slick-dots li button {
          display: block;
          padding: 0;
          background-color: #818181;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          margin: 0; }
          .group-carousel-main .group-slider-main .slick-dots li button:before {
            content: "";
            display: none; }
      @media (max-width: 930px) {
        .group-carousel-main .group-slider-main .slick-dots {
          padding: 8px 0 10px 10px;
          text-align: center;
          width: auto; }
          .group-carousel-main .group-slider-main .slick-dots li {
            margin: 0 10px 0;
            width: 12px;
            height: 12px;
            vertical-align: middle; } }
      @media (max-width: 767px) {
        .group-carousel-main .group-slider-main .slick-dots {
          left: 50%;
          margin: 0 0 0 0;
          padding: 8px 0 10px;
          text-align: center;
          width: 100%;
          bottom: 6px;
          white-space: normal; }
          .group-carousel-main .group-slider-main .slick-dots:after {
            content: none;
            display: none; }
          .group-carousel-main .group-slider-main .slick-dots li {
            margin: 10px 10px 0;
            width: 8px;
            height: 8px;
            vertical-align: middle; } }
  .group-carousel-main .slider-main-nav {
    list-style: none;
    padding: 0;
    margin: 0; }
    .group-carousel-main .slider-main-nav li {
      display: block;
      width: 25px;
      height: 29px;
      position: absolute;
      top: 50%; }
      .group-carousel-main .slider-main-nav li button {
        border: 0 none;
        background-color: #ebebeb;
        padding: 0;
        text-align: center;
        width: 100%;
        height: 100%;
        outline: none; }
        .group-carousel-main .slider-main-nav li button img {
          width: 11px;
          height: 18px;
          display: block;
          margin: auto; }
      .group-carousel-main .slider-main-nav li.prev {
        left: 50%;
        margin: -15px 0 0 -665px;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
        @media (max-width: 1280px) {
          .group-carousel-main .slider-main-nav li.prev {
            left: -15px;
            margin: 0; } }
      .group-carousel-main .slider-main-nav li.next {
        right: 50%;
        margin: -15px -665px 0 0; }
        @media (max-width: 1280px) {
          .group-carousel-main .slider-main-nav li.next {
            right: -15px;
            margin: 0; } }

.group-recommend {
  width: 1280px;
  margin: 0 auto;
  position: relative; }
  .group-recommend:before, .group-recommend:after {
    content: "";
    display: table; }
  .group-recommend:after {
    clear: both; }
  @media (max-width: 767px) {
    .group-recommend {
      width: auto;
      margin: 0 -15px; } }
  @media (min-width: 767px) {
    .group-recommend {
      width: 100%; } }
  @media (min-width: 1280px) {
    .group-recommend {
      width: 1280px; } }
  .group-recommend .group-recommend-head {
    background: url(../images/ja/recommend-image-1.png) no-repeat right bottom;
    height: 83px;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    padding: 50px 0 0 57px;
    margin: 0 0 14px; }
    @media (max-width: 767px) {
      .group-recommend .group-recommend-head {
        font-size: 14px;
        background: url(../images/ja/recommend-image-1.png) no-repeat right bottom;
        background-size: 170px 22px;
        padding: 16px 15px 0 35px;
        height: 35px;
        margin: 0 0 15px; } }
    .group-recommend .group-recommend-head:before {
      content: "";
      display: block;
      background: url(../images/common/recommend-head-bg.png) no-repeat 0 0;
      background-size: 100%;
      width: 29px;
      height: 30px;
      position: absolute;
      left: 12px;
      top: 30px; }
      @media (max-width: 767px) {
        .group-recommend .group-recommend-head:before {
          width: 15px;
          height: 15px;
          left: 15px;
          top: 8px; } }
  .group-recommend .block-1 {
    float: left;
    width: 940px;
    padding: 0 25px 50px;
    position: relative; }
    .group-recommend .block-1 > *:last-child {
      margin-bottom: 0; }
    @media (max-width: 991px) {
      .group-recommend .block-1 {
        width: auto;
        float: none;
        padding: 0 15px 40px; } }
    @media (min-width: 992px) {
      .group-recommend .block-1 {
        width: calc(100% - 320px); } }
    @media (min-width: 1280px) {
      .group-recommend .block-1 {
        width: 940px; } }
    @media (max-width: 1280px) {
      .group-recommend .block-1 {
        margin: 0 8px; } }
    .group-recommend .block-1 .group-carousel-recommend .group-slider-recommend {
      margin-bottom: 35px; }
      @media (max-width: 992px) {
        .group-recommend .block-1 .group-carousel-recommend .group-slider-recommend {
          margin: 0 -4px 35px; } }
      .group-recommend .block-1 .group-carousel-recommend .group-slider-recommend .group-slider-item {
        width: 430px;
        margin: 0 15px;
        outline: none;
        position: relative; }
        @media (max-width: 992px) {
          .group-recommend .block-1 .group-carousel-recommend .group-slider-recommend .group-slider-item {
            width: auto;
            margin: 0 6px; } }
        .group-recommend .block-1 .group-carousel-recommend .group-slider-recommend .group-slider-item .group-slider-item-image {
          margin: 0 0 14px;
          display: block; }
          .group-recommend .block-1 .group-carousel-recommend .group-slider-recommend .group-slider-item .group-slider-item-image img {
            width: 100%; }
          @media (max-width: 992px) {
            .group-recommend .block-1 .group-carousel-recommend .group-slider-recommend .group-slider-item .group-slider-item-image {
              margin: 0 0 4px; } }
        .group-recommend .block-1 .group-carousel-recommend .group-slider-recommend .group-slider-item .group-slider-item-date {
          font-size: 12px;
          margin: 0 0 8px; }
          @media (max-width: 992px) {
            .group-recommend .block-1 .group-carousel-recommend .group-slider-recommend .group-slider-item .group-slider-item-date {
              font-size: 10px;
              margin: 0 0 0; } }
        .group-recommend .block-1 .group-carousel-recommend .group-slider-recommend .group-slider-item .group-slider-item-head {
          font-size: 19px;
          line-height: 1.4;
          font-weight: bold;
          margin: 0 0 4px;
          min-height: 3em; }
          .group-recommend .block-1 .group-carousel-recommend .group-slider-recommend .group-slider-item .group-slider-item-head a {
            color: #000; }
          @media (max-width: 992px) {
            .group-recommend .block-1 .group-carousel-recommend .group-slider-recommend .group-slider-item .group-slider-item-head {
              font-size: 12px;
              line-height: 1.5; } }
        .group-recommend .block-1 .group-carousel-recommend .group-slider-recommend .group-slider-item .list-tag {
          margin: 0; }
    .group-recommend .block-1 .slider-recommend-nav {
      list-style: none;
      padding: 0;
      margin: 0; }
      .group-recommend .block-1 .slider-recommend-nav li {
        display: block;
        width: 25px;
        height: 29px;
        position: absolute;
        top: 129px; }
        @media (max-width: 992px) {
          .group-recommend .block-1 .slider-recommend-nav li {
            top: 50%;
            margin-top: -90px; } }
        .group-recommend .block-1 .slider-recommend-nav li button {
          border: 0 none;
          background-color: #ebebeb;
          padding: 0;
          text-align: center;
          width: 100%;
          height: 100%;
          outline: none; }
          .group-recommend .block-1 .slider-recommend-nav li button img {
            width: 11px;
            height: 18px;
            display: block;
            margin: auto; }
        .group-recommend .block-1 .slider-recommend-nav li.prev {
          left: 0;
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg); }
          @media (max-width: 992px) {
            .group-recommend .block-1 .slider-recommend-nav li.prev {
              left: -8px; } }
        .group-recommend .block-1 .slider-recommend-nav li.next {
          right: 0; }
          @media (max-width: 992px) {
            .group-recommend .block-1 .slider-recommend-nav li.next {
              right: -8px; } }
  .group-recommend .block-2 {
    float: right;
    width: 300px; }
    @media (max-width: 992px) {
      .group-recommend .block-2 {
        float: none;
        width: auto;
        padding: 0 0;
        margin: 0 0 15px;
        display: none; } }
    @media (min-width: 992px) {
      .group-recommend .block-2 {
        width: 300px; } }
    @media (min-width: 1280px) {
      .group-recommend .block-2 {
        width: 300px; } }

.group-search {
  background-color: #000;
  padding: 16px;
  margin-bottom: 20px; }
  .group-search .group-search-head-1 {
    color: #d91838;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 16px; }
    @media (max-width: 767px) {
      .group-search .group-search-head-1 {
        font-size: 12px;
        margin: 0 0 10px; } }
    .group-search .group-search-head-1:before {
      content: "";
      display: inline-block;
      width: 19px;
      height: 14px;
      background: url(../images/common/icon-search-book.png) no-repeat 0 0;
      vertical-align: middle;
      position: relative;
      top: -1px;
      margin: 0 5px 0 0; }
  .group-search .group-search-head-2 {
    color: #fff;
    font-size: 18px;
    margin: 0 0 20px;
    font-weight: bold;
    text-align: center;
    line-height: 1.4; }
    @media (max-width: 767px) {
      .group-search .group-search-head-2 {
        font-size: 16px; } }
  .group-search .group-search-item {
    background-color: #292b2b;
    border-top: 1px solid #686969;
    margin-bottom: 14px;
    padding: 10px 14px 12px; }
    .group-search .group-search-item .group-search-item-head {
      color: #fff;
      font-size: 18px;
      margin: 0 0 10px;
      font-weight: bold; }
    .group-search .group-search-item select {
      font-size: 16px; }
  .group-search .group-search-submit {
    margin-top: 22px;
    padding: 0 9px; }
    .group-search .group-search-submit button {
      width: 100%;
      color: #fff;
      border: 0 none;
      border-top: 1px solid #e8576f;
      border-bottom: 1px solid #81091c;
      background: linear-gradient(to bottom, #df1133 0%, #bf0d2a 100%);
      border-radius: 3px;
      padding: 0.75em; }

.group-article-item {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  padding: 0 20px 20px;
  background-color: #fff;
  margin-bottom: 22px; }
  @media (max-width: 767px) {
    .group-article-item {
      padding: 0 10px 10px;
      margin-bottom: 10px; } }
  .group-article-list-shop .group-article-item .date {
    margin: 10px 0 6px;
    font-size: 12px;
    display: block;
    padding: 0;
    font-weight: bold; }
    @media (max-width: 767px) {
      .group-article-list-shop .group-article-item .date {
        font-size: 10px;
        padding: 0;
        margin: 6px 0 4px; }
        .group-article-list-shop .group-article-item .date + .title {
          margin-top: 0; } }
  .group-article-list-column .group-article-item .date {
    background-color: #ed1a3d;
    color: #fff;
    margin: -11px 0 14px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding: 2px 10px 0;
    position: relative; }
    @media (max-width: 767px) {
      .group-article-list-column .group-article-item .date {
        font-size: 10px;
        padding: 0 6px;
        margin: -20px 0 4px; } }
  .group-article-item .image {
    margin: 0 -20px 0; }
    @media (max-width: 767px) {
      .group-article-item .image {
        margin: 0 -10px 0; } }
    .group-article-item .image:hover {
      opacity: 0.7; }
  .group-article-item .title {
    margin: 0 0 30px;
    line-height: 1.4;
    word-wrap: break-word; }
    @media (max-width: 767px) {
      .group-article-item .title {
        margin-top: -10px;
        margin-bottom: 0; } }
    .group-article-item .title a {
      font-size: 18px;
      font-weight: bold;
      color: #000; }
      @media (max-width: 767px) {
        .group-article-item .title a {
          font-size: 12px; } }
  .group-article-item .list-tag {
    margin: 0; }
  @media (max-width: 767px) {
    .group-article-item.horizontal {
      position: relative;
      padding: 0; }
      .group-article-item.horizontal:before, .group-article-item.horizontal:after {
        content: "";
        display: table; }
      .group-article-item.horizontal:after {
        clear: both; }
      .group-article-item.horizontal .image {
        display: block;
        width: 44.6%;
        vertical-align: middle;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 0; }
        .group-article-item.horizontal .image img {
          opacity: 0; }
        .group-article-item.horizontal .image a {
          display: block;
          height: 100%; }
      .group-article-item.horizontal .content {
        float: right;
        display: block;
        width: 55.4%;
        height: 100%;
        vertical-align: middle;
        padding: 10px; }
        .group-article-item.horizontal .content .date {
          margin: 0 0 6px; }
        .group-article-item.horizontal .content .title {
          margin: 0 0 4px; } }

.group-top-credit {
  width: 940px;
  height: 773px;
  padding: 0 35px;
  position: relative; }
  @media (max-width: 1280px) {
    .group-top-credit {
      background: url(../images/ja/sp/group-credit-bg.png) repeat 0 0;
      width: auto;
      height: auto;
      padding: 15px 15px;
      margin: 40px 0; } }
  @media (max-width: 767px) {
    .group-top-credit {
      margin: 40px -15px; } }
  .group-top-credit .group-top-credit-head-1 {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 4px solid #12100b;
    background: url(../images/ja/group-credit-head-bg.png) no-repeat right bottom;
    padding: 42px 0 5px 44px;
    position: relative;
    z-index: 2; }
    @media (max-width: 1280px) {
      .group-top-credit .group-top-credit-head-1 {
        background: none;
        font-size: 14px;
        border-bottom: 2px solid #12100b;
        padding: 0 0 3px 27px;
        margin: 0 0 10px;
        line-height: 1.4; } }
    body.lang-en .group-top-credit .group-top-credit-head-1 {
      background: none; }
    .group-top-credit .group-top-credit-head-1:before {
      content: "";
      display: block;
      width: 36px;
      height: 40px;
      background: url(../images/common/icon-credit.png) no-repeat 0 0;
      background-size: cover;
      position: absolute;
      left: 0;
      bottom: -2px; }
      @media (max-width: 1280px) {
        .group-top-credit .group-top-credit-head-1:before {
          width: 18px;
          height: 20px; } }
  .group-top-credit .group-search-2 {
    position: relative;
    z-index: 2; }
  .group-top-credit .group-top-credit-content {
    width: 480px;
    line-height: 1.85714;
    font-size: 12px;
    position: relative;
    z-index: 2; }
    .group-top-credit .group-top-credit-content .group-top-credit-head-2 {
      margin: 0;
      font-size: 18px;
      line-height: 1.6666;
      font-weight: bold;
      margin: 32px 0 18px; }
      @media (max-width: 1280px) {
        .group-top-credit .group-top-credit-content .group-top-credit-head-2 {
          font-size: 12px;
          margin: 0 0 12px; } }
    @media (max-width: 1280px) {
      .group-top-credit .group-top-credit-content {
        width: auto; } }
  .group-top-credit .group-top-credit-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0; }
    @media (max-width: 1280px) {
      .group-top-credit .group-top-credit-image {
        display: none; } }

.group-search-2 {
  background-color: #f4f3f2;
  padding: 22px 18px;
  margin: 0 0 20px; }
  @media (max-width: 767px) {
    .group-search-2 {
      padding: 16px 6px; } }
  .group-search-2 form {
    width: 100%;
    display: table; }
    @media (max-width: 1280px) {
      .group-search-2 form {
        display: block; } }
    .group-search-2 form .group-search-2-item {
      display: table-cell;
      vertical-align: middle;
      width: 37%;
      padding: 0 10px; }
      .group-search-2 form .group-search-2-item:last-child {
        margin-bottom: 0; }
      .group-search-2 form .group-search-2-item select,
      .group-search-2 form .group-search-2-item button {
        font-size: 16px;
        width: 100%; }
      .group-search-2 form .group-search-2-item .group-search-2-item-notice {
        position: absolute;
        color: #ff0014;
        left: 30px;
        bottom: 2px;
        margin: 0; }
        @media (max-width: 1280px) {
          .group-search-2 form .group-search-2-item .group-search-2-item-notice {
            position: static;
            left: auto;
            bottom: auto;
            margin: 10px 0 0;
            font-size: 12px; } }
      .group-search-2 form .group-search-2-item.group-search-2-item-submit {
        white-space: nowrap;
        padding: 0 10px;
        text-align: right; }
        @media (max-width: 1280px) {
          .group-search-2 form .group-search-2-item.group-search-2-item-submit {
            width: 100%; } }
        @media (max-width: 767px) {
          .group-search-2 form .group-search-2-item.group-search-2-item-submit {
            white-space: normal; } }
      @media (max-width: 1280px) {
        .group-search-2 form .group-search-2-item {
          display: block;
          width: 100%;
          margin-bottom: 14px; } }
    .group-search-2 form .group-search-2-submit {
      background-color: #232323;
      color: #fff;
      border: 0 none;
      border-radius: 2px;
      padding: 9px 20px; }
      .group-search-2 form .group-search-2-submit:after {
        content: "";
        display: inline-block;
        width: 14px;
        height: 19px;
        background: url(../images/common/icon-arrow-3.png) no-repeat 0 0;
        background-size: cover;
        vertical-align: middle;
        position: relative;
        top: -2px;
        margin: 0 0 0 25px; }

.group-article-list-seal:before {
  content: "";
  display: inline-block;
  width: 292px;
  height: 291px;
  background: url(../images/ja/seal.png) no-repeat 0 0;
  position: absolute;
  left: -173px;
  bottom: -135px; }

@media (max-width: 767px) {
  .group-article-list-seal:before {
    width: 146px;
    height: 146px;
    background: url(../images/ja/seal.png) no-repeat 0 0;
    background-size: 100%;
    left: -70px;
    bottom: -20px; } }

.group-article-list {
  position: relative;
  margin: 0 0 60px; }
  .group-article-list .row {
    margin-bottom: 20px; }
  @media (max-width: 767px) {
    .group-article-list {
      padding: 0 15px;
      margin: 0 -15px 40px; }
      .group-article-list .row {
        margin: 0 -4px 20px; }
        .group-article-list .row [class*="col-"] {
          padding: 0 4px; } }

.group-infinite-content {
  position: relative; }
  .group-infinite-content + .group-infinite-content {
    margin-top: 40px; }
  .group-infinite-content:before {
    content: "";
    display: block;
    width: 292px;
    height: 291px;
    background: url(../images/ja/seal.png) no-repeat 0 0;
    position: absolute;
    left: -233px;
    top: -27px;
    z-index: 0; }
  @media (max-width: 767px) {
    .group-infinite-content:before {
      display: none;
      content: none; } }

@media (max-width: 767px) {
  .js-infinite-content .sub {
    display: none; }
  .js-infinite-content .group-carousel-pickup {
    display: none; }
  .js-infinite-content .head-recommend {
    display: none; }
  .js-infinite-content .group-article-list {
    display: none; } }

@media (max-width: 767px) {
  .js-infinite-wrapper .js-infinite-content.group-infinite-last .sub {
    display: block; }
  .js-infinite-wrapper .js-infinite-content.group-infinite-last .group-carousel-pickup {
    display: block; }
  .js-infinite-wrapper .js-infinite-content.group-infinite-last .head-recommend {
    display: block; }
  .js-infinite-wrapper .js-infinite-content.group-infinite-last .group-article-list {
    display: block; } }

.group-article-detail {
  border: 1px solid #000;
  padding: 20px 109px 59px;
  font-size: 16px;
  margin: 0 0 60px;
  position: relative;
  z-index: 1; }
  @media (max-width: 767px) {
    .group-article-detail {
      padding: 2px 10px 23px;
      margin: 0 0 34px;
      font-size: 12px; }
      .group-article-detail img {
        max-width: 100%; } }
  .group-article-detail .group-article-detail-head-1 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5; }
    @media (max-width: 767px) {
      .group-article-detail .group-article-detail-head-1 {
        font-size: 16px;
        line-height: 1.43;
        margin: 12px 0 6px; } }
  .group-article-detail .group-article-detail-head-2 {
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold;
    margin: 80px 0 30px; }
    @media (max-width: 767px) {
      .group-article-detail .group-article-detail-head-2 {
        margin: 14px 0 11px;
        font-size: 15px;
        line-height: 1.43; } }
    .group-article-detail .group-article-detail-head-2:before {
      content: "";
      width: 14px;
      height: 14px;
      background-color: #000;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      top: -2px;
      margin-right: 10px; }
      @media (max-width: 767px) {
        .group-article-detail .group-article-detail-head-2:before {
          width: 9px;
          height: 9px;
          margin-right: 6px;
          top: -1px; } }
  .group-article-detail .group-article-detail-date {
    font-size: 14px; }
    @media (max-width: 767px) {
      .group-article-detail .group-article-detail-date {
        font-size: 10px;
        margin: 0 0 2px; } }
  .group-article-detail .group-article-detail-image {
    margin: 0 -50px 20px; }
    @media (max-width: 767px) {
      .group-article-detail .group-article-detail-image {
        margin: 0; } }
  .group-article-detail .group-article-detail-text {
    font-size: 18px; }
    @media (max-width: 767px) {
      .group-article-detail .group-article-detail-text {
        font-size: 14px; } }
  @media (max-width: 767px) {
    .group-article-detail .list-tag {
      margin: 0 0 10px; } }

.group-article-shop-detail-wrapper {
  position: relative; }
  .group-article-shop-detail-wrapper:before {
    content: "";
    display: block;
    width: 292px;
    height: 291px;
    background: url(../images/ja/seal.png) no-repeat 0 0;
    position: absolute;
    left: -233px;
    top: -27px;
    z-index: 0; }
  @media (max-width: 767px) {
    .group-article-shop-detail-wrapper:before {
      content: none;
      display: none; } }

.group-article-shop-detail {
  border: 1px solid #000;
  padding: 20px 30px 30px;
  font-size: 16px;
  margin: 0 0 60px;
  position: relative;
  z-index: 1; }
  @media (max-width: 767px) {
    .group-article-shop-detail {
      padding: 2px 10px 23px;
      margin: 0 0 34px;
      font-size: 12px; } }
  .group-article-shop-detail .group-article-shop-detail-head-3 {
    padding: 0 30px; }
    @media (max-width: 767px) {
      .group-article-shop-detail .group-article-shop-detail-head-3 {
        padding: 0; } }
  .group-article-shop-detail .group-article-detail-head-1 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5; }
    @media (max-width: 767px) {
      .group-article-shop-detail .group-article-detail-head-1 {
        font-size: 14px;
        line-height: 1.43;
        margin: 12px 0 6px; } }
  .group-article-shop-detail .group-article-detail-head-2 {
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold;
    margin: 80px 0 30px; }
    @media (max-width: 767px) {
      .group-article-shop-detail .group-article-detail-head-2 {
        margin: 14px 0 11px;
        font-size: 12px;
        line-height: 1.43; } }
    .group-article-shop-detail .group-article-detail-head-2:before {
      content: "";
      width: 14px;
      height: 14px;
      background-color: #000;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      top: -2px;
      margin-right: 10px; }
      @media (max-width: 767px) {
        .group-article-shop-detail .group-article-detail-head-2:before {
          width: 9px;
          height: 9px;
          margin-right: 6px;
          top: -1px; } }
  @media (max-width: 767px) {
    .group-article-shop-detail .list-tag {
      margin: 0 0 10px; } }
  .group-article-shop-detail .group-article-shop-detail-inner {
    padding: 0 28px; }
    @media (max-width: 767px) {
      .group-article-shop-detail .group-article-shop-detail-inner {
        padding: 0; } }
  .group-article-shop-detail .group-article-shop-detail-head-1 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    background: url(../images/common/head-recommend-bg-2.png) repeat-x left bottom;
    padding-bottom: 20px;
    margin: 20px 30px 30px 40px; }
    @media (max-width: 767px) {
      .group-article-shop-detail .group-article-shop-detail-head-1 {
        font-size: 14px;
        line-height: 1.57;
        margin: 12px 0 6px;
        background: url(../images/common/head-recommend-bg-2.png) repeat-x left bottom;
        background-size: 95px 2px;
        padding-bottom: 10px; } }
  .group-article-shop-detail .group-article-shop-detail-lead-1 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 16px 40px; }
    @media (max-width: 767px) {
      .group-article-shop-detail .group-article-shop-detail-lead-1 {
        font-size: 14px;
        margin: 0 0 10px 0; } }
  .group-article-shop-detail .group-article-shop-detail-lead-2 {
    font-size: 20px;
    font-weight: bold;
    padding: 0 50px;
    margin: -20px 0 20px; }
    @media (max-width: 767px) {
      .group-article-shop-detail .group-article-shop-detail-lead-2 {
        font-size: 14px;
        padding: 0;
        margin: 0 0 20px; } }
  .group-article-shop-detail .group-article-shop-detail-text {
    font-size: 18px; }
    @media (max-width: 767px) {
      .group-article-shop-detail .group-article-shop-detail-text {
        font-size: 14px; } }
  .group-article-shop-detail .group-article-shop-detail-place:before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 32px;
    background: url(../images/common/icon-marker.png) no-repeat 0 0;
    vertical-align: middle;
    margin: 0 18px 0 6px;
    position: relative;
    top: -4px; }
  @media (max-width: 767px) {
    .group-article-shop-detail .group-article-shop-detail-place:before {
      width: 12px;
      height: 16px;
      background: url(../images/common/icon-marker.png) no-repeat 0 0;
      background-size: 100%;
      top: -2px;
      margin: 0 6px 0 2px; } }
  .group-article-shop-detail .group-article-shop-detail-head-2 {
    background: url(../images/common/group-article-shop-detail-head-2-bg.png) no-repeat 0 0;
    position: relative;
    margin: 0 0 26px;
    padding: 12px 30px 10px; }
    .group-article-shop-detail .group-article-shop-detail-head-2 .head {
      font-size: 24px;
      margin: 0;
      font-weight: bold; }
      .group-article-shop-detail .group-article-shop-detail-head-2 .head:before {
        content: "";
        display: inline-block;
        width: 40px;
        height: 40px;
        background: url(../images/common/head-shop-bg.png) no-repeat 0 0;
        background-size: cover;
        vertical-align: middle;
        top: -1px;
        position: relative;
        margin: 0 20px 0 0; }
    .group-article-shop-detail .group-article-shop-detail-head-2 .tel {
      position: absolute;
      right: 30px;
      top: 50%;
      font-size: 24px;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%);
      font-weight: bold; }
    @media (max-width: 1199px) {
      .group-article-shop-detail .group-article-shop-detail-head-2 .head {
        font-size: 18px; }
      .group-article-shop-detail .group-article-shop-detail-head-2 .tel {
        font-size: 18px; } }
    @media (max-width: 992px) {
      .group-article-shop-detail .group-article-shop-detail-head-2 .head {
        font-size: 13px; }
      .group-article-shop-detail .group-article-shop-detail-head-2 .tel {
        font-size: 13px; } }
    @media (max-width: 767px) {
      .group-article-shop-detail .group-article-shop-detail-head-2 {
        padding: 10px 0 6px; }
        .group-article-shop-detail .group-article-shop-detail-head-2 .head {
          display: inline-block;
          font-size: 12px;
          padding: 0 10px;
          vertical-align: baseline;
          width: 40%;
          position: relative;
          padding-left: 40px; }
          .group-article-shop-detail .group-article-shop-detail-head-2 .head:before {
            display: block;
            width: 20px;
            height: 20px;
            margin: -10px 10px 0 0;
            position: absolute;
            left: 10px;
            top: 50%; }
        .group-article-shop-detail .group-article-shop-detail-head-2 .tel {
          width: 60%;
          display: inline-block;
          vertical-align: baseline;
          position: static;
          right: auto;
          top: auto;
          font-size: 12px;
          margin: 0;
          padding: 0 10px;
          text-align: right;
          -webkit-transform: translate(0, 0);
                  transform: translate(0, 0); } }
  @media (max-width: 767px) {
    .group-article-shop-detail .list-tag {
      margin: 0 0 10px; } }

.group-carousel-pickup {
  position: relative;
  padding: 20px 0;
  margin: 0 0 40px; }
  @media (max-width: 767px) {
    .group-carousel-pickup {
      padding: 0 0 0; } }
  @media (max-width: 1280px) {
    .group-carousel-pickup {
      margin: 0 10px 40px; } }
  .group-carousel-pickup .group-slider-pickup {
    margin: 0 -3px; }
    .group-carousel-pickup .group-slider-pickup * {
      outline: none; }
    .group-carousel-pickup .group-slider-pickup .slick-list {
      margin: 0 -16px; }
    .group-carousel-pickup .group-slider-pickup .group-slider-item {
      width: 940px;
      margin: 3px 20px;
      outline: none;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
      z-index: 3;
      position: relative; }
      .group-carousel-pickup .group-slider-pickup .group-slider-item:before, .group-carousel-pickup .group-slider-pickup .group-slider-item:after {
        content: "";
        display: table; }
      .group-carousel-pickup .group-slider-pickup .group-slider-item:after {
        clear: both; }
      .group-carousel-pickup .group-slider-pickup .group-slider-item a {
        color: #000; }
      @media (max-width: 767px) {
        .group-carousel-pickup .group-slider-pickup .group-slider-item {
          width: auto;
          padding: 10px 10px 10px;
          margin: 3px 20px; } }
      @media (min-width: 767px) {
        .group-carousel-pickup .group-slider-pickup .group-slider-item {
          width: auto;
          padding: 10px 10px 10px;
          margin: 3px 20px; } }
      @media (min-width: 1280px) {
        .group-carousel-pickup .group-slider-pickup .group-slider-item {
          width: 940px;
          padding: 0;
          margin: 3px 20px; } }
      .group-carousel-pickup .group-slider-pickup .group-slider-item .group-slider-item-image {
        display: block;
        position: relative;
        width: 615px;
        float: left; }
        .group-carousel-pickup .group-slider-pickup .group-slider-item .group-slider-item-image img {
          display: block;
          margin: 0;
          width: 100%; }
        @media (max-width: 1279px) {
          .group-carousel-pickup .group-slider-pickup .group-slider-item .group-slider-item-image {
            width: auto;
            float: none;
            margin-bottom: 10px; } }
        @media (min-width: 767px) {
          .group-carousel-pickup .group-slider-pickup .group-slider-item .group-slider-item-image {
            width: 100%;
            float: none; } }
        @media (min-width: 1280px) {
          .group-carousel-pickup .group-slider-pickup .group-slider-item .group-slider-item-image {
            width: 615px;
            float: left; } }
      .group-carousel-pickup .group-slider-pickup .group-slider-item .group-slider-item-content {
        display: block;
        float: right;
        width: 325px;
        padding: 0; }
        @media (max-width: 767px) {
          .group-carousel-pickup .group-slider-pickup .group-slider-item .group-slider-item-content {
            width: 100%;
            padding: 0; } }
        @media (min-width: 767px) {
          .group-carousel-pickup .group-slider-pickup .group-slider-item .group-slider-item-content {
            width: 100%;
            float: none; } }
        @media (min-width: 1280px) {
          .group-carousel-pickup .group-slider-pickup .group-slider-item .group-slider-item-content {
            width: 325px;
            float: right;
            padding: 40px 30px; } }
      .group-carousel-pickup .group-slider-pickup .group-slider-item .group-slider-item-head-1 {
        color: #ed1a3d;
        font-weight: bold;
        font-size: 28px;
        margin: 0 0 12px; }
        @media (max-width: 1279px) {
          .group-carousel-pickup .group-slider-pickup .group-slider-item .group-slider-item-head-1 {
            font-size: 14px;
            margin: 0 0 6px; } }
      .group-carousel-pickup .group-slider-pickup .group-slider-item .group-slider-item-date {
        font-size: 12px;
        margin: 0 0 6px; }
        @media (max-width: 767px) {
          .group-carousel-pickup .group-slider-pickup .group-slider-item .group-slider-item-date {
            font-size: 10px; } }
      .group-carousel-pickup .group-slider-pickup .group-slider-item .group-slider-item-head-2 {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.45;
        margin: 0 0 8px; }
        @media (max-width: 767px) {
          .group-carousel-pickup .group-slider-pickup .group-slider-item .group-slider-item-head-2 {
            font-size: 14px; } }
      @media (max-width: 767px) {
        .group-carousel-pickup .group-slider-pickup .group-slider-item .group-slider-item-text {
          margin: 0 0 0;
          font-size: 12px; } }
    .group-carousel-pickup .group-slider-pickup .slick-dots {
      position: absolute;
      left: 50%;
      bottom: -2px;
      margin: 0 0 0;
      padding: 10px 10px;
      width: auto;
      text-align: left;
      -webkit-transform: translate(-50%, 100%);
              transform: translate(-50%, 100%);
      white-space: nowrap;
      line-height: 1;
      font-size: 0; }
      .group-carousel-pickup .group-slider-pickup .slick-dots li {
        margin: 0 20px 0 0;
        padding: 0;
        width: 13px;
        height: 13px; }
        .group-carousel-pickup .group-slider-pickup .slick-dots li.slick-active button {
          background-color: #ed1a3d; }
        .group-carousel-pickup .group-slider-pickup .slick-dots li button {
          padding: 0;
          background-color: #818181;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          margin: 0; }
          .group-carousel-pickup .group-slider-pickup .slick-dots li button:before {
            content: "";
            display: none; }
      @media (max-width: 1280px) {
        .group-carousel-pickup .group-slider-pickup .slick-dots {
          margin: 0;
          padding: 8px 0 10px;
          text-align: center;
          width: 100%;
          bottom: 0;
          white-space: nowrap; }
          .group-carousel-pickup .group-slider-pickup .slick-dots li {
            margin: 0 10px 0;
            width: 8px;
            height: 8px;
            vertical-align: middle; } }
  .group-carousel-pickup .slider-pickup-nav {
    list-style: none;
    padding: 0;
    margin: 0; }
    .group-carousel-pickup .slider-pickup-nav li {
      display: block;
      width: 25px;
      height: 29px;
      position: absolute;
      top: 50%; }
      .group-carousel-pickup .slider-pickup-nav li button {
        border: 0 none;
        background-color: #ebebeb;
        padding: 0;
        text-align: center;
        width: 100%;
        height: 100%;
        outline: none; }
        .group-carousel-pickup .slider-pickup-nav li button img {
          width: 11px;
          height: 18px;
          display: block;
          margin: auto; }
      .group-carousel-pickup .slider-pickup-nav li.prev {
        left: -25px;
        margin: -15px 0 0 0;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
        @media (max-width: 1280px) {
          .group-carousel-pickup .slider-pickup-nav li.prev {
            left: -25px;
            margin: 0; } }
      .group-carousel-pickup .slider-pickup-nav li.next {
        right: -25px;
        margin: -15px 0 0 0; }
        @media (max-width: 1280px) {
          .group-carousel-pickup .slider-pickup-nav li.next {
            right: -25px;
            margin: 0; } }
  .group-carousel-pickup .slider-pickup-nav-prev {
    left: -24px;
    margin: -15px 0 0 0;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
    @media (max-width: 1280px) {
      .group-carousel-pickup .slider-pickup-nav-prev {
        left: -25px;
        margin: 0; } }
  .group-carousel-pickup .slider-pickup-nav-next {
    right: -24px;
    margin: -15px 0 0 0; }
    @media (max-width: 1280px) {
      .group-carousel-pickup .slider-pickup-nav-next {
        right: -25px;
        margin: 0; } }
  .group-carousel-pickup .slider-pickup-nav-prev,
  .group-carousel-pickup .slider-pickup-nav-next {
    display: block;
    width: 25px;
    height: 29px;
    position: absolute;
    top: 50%;
    z-index: 3; }
    .group-carousel-pickup .slider-pickup-nav-prev button,
    .group-carousel-pickup .slider-pickup-nav-next button {
      border: 0 none;
      background-color: #ebebeb;
      padding: 0;
      text-align: center;
      width: 100%;
      height: 100%;
      outline: none; }
      .group-carousel-pickup .slider-pickup-nav-prev button img,
      .group-carousel-pickup .slider-pickup-nav-next button img {
        width: 11px;
        height: 18px;
        display: block;
        margin: auto; }

.group-shop-images {
  margin-bottom: 30px; }
  .group-shop-images:before, .group-shop-images:after {
    content: "";
    display: table; }
  .group-shop-images:after {
    clear: both; }
  .group-shop-images ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .group-shop-images ul img {
      width: 100%; }
  .group-shop-images .group-shop-images-main {
    float: left;
    width: 673px; }
    @media (max-width: 1280px) {
      .group-shop-images .group-shop-images-main {
        float: none;
        width: 100%;
        margin: 0 0 10px;
        height: auto !important; } }
    .group-shop-images .group-shop-images-main li {
      display: none;
      opacity: 0; }
      .group-shop-images .group-shop-images-main li.is-current {
        display: block;
        opacity: 1; }
  .group-shop-images .group-shop-images-thumbs {
    float: right;
    width: 136px;
    padding: 14px 9px;
    background-color: #e5e5e5;
    text-align: center; }
    @media (max-width: 1280px) {
      .group-shop-images .group-shop-images-thumbs {
        float: none;
        width: auto;
        margin: 0;
        padding: 8px 4px;
        height: auto !important; } }
    .group-shop-images .group-shop-images-thumbs li {
      margin-top: 13px;
      cursor: pointer; }
      @media (max-width: 1280px) {
        .group-shop-images .group-shop-images-thumbs li {
          margin: 0;
          padding: 0 4px;
          width: 25%;
          display: inline-block;
          vertical-align: top; } }
      .group-shop-images .group-shop-images-thumbs li:first-child {
        margin-top: 0; }
      .group-shop-images .group-shop-images-thumbs li:hover {
        opacity: 0.7; }

.group-content {
  line-height: 1.67;
  font-size: 18px; }
  @media (max-width: 767px) {
    .group-content {
      font-size: 12px;
      padding: 0 10px 40px; } }

.group-content-2 {
  line-height: 1.67;
  font-size: 18px; }
  @media (max-width: 767px) {
    .group-content-2 {
      font-size: 12px;
      padding: 0 0 40px; } }

.group-shop-list {
  border: 1px solid #000;
  padding: 30px 60px 30px;
  font-size: 16px;
  margin: 0 0 60px;
  position: relative;
  z-index: 1; }
  @media (max-width: 767px) {
    .group-shop-list {
      padding: 20px 10px 0px;
      margin: 0 0 34px;
      font-size: 12px; } }

@media (min-width: 768px) and (max-width: 992px) {
  .group-shop-list {
    padding: 20px 25px; } }
  .group-shop-list:before {
    content: "";
    display: block;
    width: 292px;
    height: 291px;
    background: url(../images/ja/seal.png) no-repeat 0 0;
    position: absolute;
    left: -233px;
    top: -27px;
    z-index: 0; }
  @media (max-width: 767px) {
    .group-shop-list:before {
      content: none;
      display: none; } }
  .group-shop-list .group-shop-list-item {
    border: 1px solid #000;
    padding: 15px 25px;
    margin-bottom: 25px; }
    @media (max-width: 767px) {
      .group-shop-list .group-shop-list-item {
        padding: 15px;
        margin: 0px 0px 6px; } }
  .group-shop-list .nav-pagination {
    margin-top: 85px; }
    @media (max-width: 767px) {
      .group-shop-list .nav-pagination {
        margin-top: 50px; } }

.group-shop-list-item .group-shop-list-item-head-2 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 16px; }
  @media (max-width: 767px) {
    .group-shop-list-item .group-shop-list-item-head-2 {
      font-size: 12px;
      margin: 0 0 8px; } }

.group-shop-list-item .group-shop-list-item-desc {
  margin-bottom: 16px; }
  @media (max-width: 767px) {
    .group-shop-list-item .group-shop-list-item-desc {
      font-size: 10px; } }

.group-shop-list-item .group-shop-list-item-tag {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 10px;
  line-height: 1.5; }
  @media (max-width: 767px) {
    .group-shop-list-item .group-shop-list-item-tag {
      font-size: 14px; } }

.group-shop-list-item .group-shop-list-item-lead {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 10px; }
  @media (max-width: 767px) {
    .group-shop-list-item .group-shop-list-item-lead {
      font-size: 15px; } }

.group-shop-list-item .group-shop-list-item-btn {
  margin: 0 0 24px; }
  @media (max-width: 767px) {
    .group-shop-list-item .group-shop-list-item-btn {
      margin: 14px 0 4px; } }

.group-shop-list-search {
  background-color: #f4f3f2;
  padding: 22px 18px;
  margin: 0 0 30px;
  position: relative;
  z-index: 2; }
  @media (max-width: 767px) {
    .group-shop-list-search {
      padding: 16px 6px;
      margin: 0 0 20px; } }
  .group-shop-list-search form {
    width: 100%;
    display: table; }
    @media (max-width: 1280px) {
      .group-shop-list-search form {
        display: block; } }
    .group-shop-list-search form .group-shop-list-search-item {
      display: table-cell;
      vertical-align: middle;
      width: 37%;
      padding: 0 10px; }
      .group-shop-list-search form .group-shop-list-search-item:last-child {
        margin-bottom: 0; }
      .group-shop-list-search form .group-shop-list-search-item select,
      .group-shop-list-search form .group-shop-list-search-item button {
        font-size: 16px;
        width: 100%; }
      .group-shop-list-search form .group-shop-list-search-item .group-shop-list-search-item-notice {
        position: absolute;
        color: #ff0014;
        left: 30px;
        bottom: 2px;
        margin: 0;
        font-size: 14px; }
        @media (max-width: 1280px) {
          .group-shop-list-search form .group-shop-list-search-item .group-shop-list-search-item-notice {
            position: static;
            left: auto;
            bottom: auto;
            margin: 10px 0 0;
            font-size: 12px; } }
      .group-shop-list-search form .group-shop-list-search-item.group-shop-list-search-item-submit {
        white-space: nowrap;
        padding: 0 10px;
        text-align: right; }
        @media (max-width: 1280px) {
          .group-shop-list-search form .group-shop-list-search-item.group-shop-list-search-item-submit {
            width: 100%; } }
        @media (max-width: 767px) {
          .group-shop-list-search form .group-shop-list-search-item.group-shop-list-search-item-submit {
            white-space: normal; } }
      @media (max-width: 1280px) {
        .group-shop-list-search form .group-shop-list-search-item {
          display: block;
          width: 100%;
          margin-bottom: 14px; } }
    .group-shop-list-search form .group-shop-list-search-submit {
      background-color: #232323;
      color: #fff;
      border: 0 none;
      border-radius: 2px;
      padding: 9px 20px; }
      .group-shop-list-search form .group-shop-list-search-submit:after {
        content: "";
        display: inline-block;
        width: 14px;
        height: 19px;
        background: url(../images/common/icon-arrow-3.png) no-repeat 0 0;
        background-size: cover;
        vertical-align: middle;
        position: relative;
        top: -2px;
        margin: 0 0 0 25px; }

.group-shop-credit {
  width: 940px;
  height: 773px;
  padding: 20px 35px 35px;
  position: relative; }
  @media (max-width: 1280px) {
    .group-shop-credit {
      background: url(../images/ja/sp/group-credit-bg.png) repeat 0 0;
      width: auto;
      height: auto;
      padding: 17px 15px;
      margin: 40px 0; } }
  @media (max-width: 767px) {
    .group-shop-credit {
      margin: 0px -15px 40px; } }
  .group-shop-credit .group-shop-credit-head-1 {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 4px solid #12100b;
    background: url(../images/ja/group-credit-head-bg.png) no-repeat right bottom;
    padding: 42px 0 5px 44px;
    position: relative;
    z-index: 2; }
    @media (max-width: 1280px) {
      .group-shop-credit .group-shop-credit-head-1 {
        background: none;
        font-size: 14px;
        border-bottom: 2px solid #12100b;
        padding: 0 0 3px 27px;
        margin: 0 0 10px;
        line-height: 1.4; } }
    body.lang-en .group-shop-credit .group-shop-credit-head-1 {
      background: none; }
    .group-shop-credit .group-shop-credit-head-1:before {
      content: "";
      display: block;
      width: 36px;
      height: 40px;
      background: url(../images/common/icon-credit.png) no-repeat 0 0;
      background-size: cover;
      position: absolute;
      left: 0;
      bottom: -2px; }
      @media (max-width: 1280px) {
        .group-shop-credit .group-shop-credit-head-1:before {
          width: 18px;
          height: 20px; } }
  .group-shop-credit .group-shop-credit-content {
    width: 480px;
    line-height: 1.85714;
    font-size: 12px;
    position: relative;
    z-index: 2; }
    .group-shop-credit .group-shop-credit-content .group-shop-credit-head-2 {
      margin: 0;
      font-size: 18px;
      line-height: 1.6666;
      font-weight: bold;
      margin: 32px 0 18px; }
      @media (max-width: 1280px) {
        .group-shop-credit .group-shop-credit-content .group-shop-credit-head-2 {
          font-size: 12px;
          margin: 0 0 12px; } }
    @media (max-width: 1280px) {
      .group-shop-credit .group-shop-credit-content {
        width: auto; } }
  .group-shop-credit .group-shop-credit-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    margin-top: -69px; }
    @media (max-width: 1280px) {
      .group-shop-credit .group-shop-credit-image {
        display: none; } }

.group-ad-banner {
  text-align: center;
  margin: 60px 0;
  position: relative; }
  @media (max-width: 767px) {
    .group-ad-banner {
      margin: 40px 0; } }
  @media (max-width: 1058px) {
    .group-ad-banner a img {
      width: 100%;
      height: auto; } }

.group-globepass-coupon {
  background: #FFF;
  border-top: 4px solid #0b0306;
  padding: 20px 40px;
  position: relative;
  margin-bottom: 70px; }
  .group-globepass-coupon .group-globepass-coupon-title {
    position: relative;
    border-bottom: 1px solid #221815;
    padding-bottom: 25px;
    /* margin: 0 0 20px; */ }
    .group-globepass-coupon .group-globepass-coupon-title .group-globepass-coupon-head {
      font-size: 30px;
      margin: 0;
      font-weight: bold; }
      .group-globepass-coupon .group-globepass-coupon-title .group-globepass-coupon-head:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 65px;
        height: 65px;
        background: url(../images/common/icon-circle-3.png) no-repeat 0 0;
        margin-right: 18px; }
    .group-globepass-coupon .group-globepass-coupon-title .group-globepass-coupon-logo {
      position: absolute;
      top: 8px;
      right: 0;
      margin: 0; }
      @media (max-width: 1280px) {
        .group-globepass-coupon .group-globepass-coupon-title .group-globepass-coupon-logo {
          position: static;
          margin-top: 10px;
          width: 114px; } }
  @media (max-width: 768px) {
    .group-globepass-coupon {
      padding: 10px 15px;
      margin-bottom: 40px; }
      .group-globepass-coupon .group-globepass-coupon-title {
        padding-bottom: 12px; }
        .group-globepass-coupon .group-globepass-coupon-title .group-globepass-coupon-head {
          font-size: 14px; }
          .group-globepass-coupon .group-globepass-coupon-title .group-globepass-coupon-head:before {
            width: 32px;
            height: 32px;
            background-size: 100%;
            margin: 0 10px 0 0; }
        .group-globepass-coupon .group-globepass-coupon-title .group-globepass-coupon-logo {
          position: static;
          margin-top: 10px;
          width: 114px; }
          .group-globepass-coupon .group-globepass-coupon-title .group-globepass-coupon-logo img {
            width: 100%; } }

.group-globepass-coupon-program {
  padding: 20px 0 10px;
  border-bottom: 1px solid #221815;
  font-size: 16px; }
  .group-globepass-coupon-program .group-globepass-coupon-program-overview {
    margin-bottom: 24px; }
    .group-globepass-coupon-program .group-globepass-coupon-program-overview dt {
      font-size: 24px;
      margin-bottom: 10px;
      font-weight: normal; }
  .group-globepass-coupon-program > *:last-child {
    margin-bottom: 0; }
  @media (max-width: 768px) {
    .group-globepass-coupon-program {
      padding: 12px 0 7px;
      font-size: 12px; }
      .group-globepass-coupon-program .group-globepass-coupon-program-overview {
        margin-bottom: 12px; }
        .group-globepass-coupon-program .group-globepass-coupon-program-overview dt {
          font-size: 12px; } }

.group-globepass-coupon-shop {
  padding: 28px 33px;
  overflow: hidden; }
  .group-globepass-coupon-shop .group-globepass-coupon-list {
    list-style: none;
    margin: 0 -20px;
    padding: 0; }
    .group-globepass-coupon-shop .group-globepass-coupon-list li {
      display: inline-block;
      width: 25%;
      padding: 10px 2.398%;
      text-align: center; }
      .group-globepass-coupon-shop .group-globepass-coupon-list li img {
        max-width: 100%; }
  @media (max-width: 767px) {
    .group-globepass-coupon-shop {
      padding: 16px 15px; }
      .group-globepass-coupon-shop .group-globepass-coupon-list {
        margin: 0 -10px; }
        .group-globepass-coupon-shop .group-globepass-coupon-list li {
          width: 50%;
          padding: 7px 10px; }
          .group-globepass-coupon-shop .group-globepass-coupon-list li img {
            max-width: 100%; } }

.group-top-special {
  position: relative;
  padding: 0 0 12px 0;
  margin: 70px 0; }
  @media (max-width: 767px) {
    .group-top-special {
      margin: 0 -15px 30px;
      padding: 0 0 10px; } }
  .group-top-special .group-top-special-head {
    position: relative;
    text-align: center;
    margin: -13px 0 14px 0; }
    @media (max-width: 767px) {
      .group-top-special .group-top-special-head {
        margin-top: -20px; } }
    .group-top-special .group-top-special-head span {
      display: inline-block;
      background-color: #fff;
      font-size: 30px;
      width: 160px;
      font-weight: bold; }
      @media (max-width: 767px) {
        .group-top-special .group-top-special-head span {
          font-size: 14px;
          width: 80px; } }
  .group-top-special .head-special {
    width: 1280px;
    margin: 0 auto; }
    @media (max-width: 1280px) {
      .group-top-special .head-special {
        width: 100%; } }
    @media (max-width: 767px) {
      .group-top-special .head-special {
        width: auto;
        margin: 0 15px; } }
  .group-top-special .group-top-special-content {
    background-image: url("../images/common/group-special-bg.png");
    background-repeat: no-repeat;
    background-position: center 53px; }
    @media (max-width: 767px) {
      .group-top-special .group-top-special-content {
        background-image: url("https://journey-of-japan.com/assets/images/common/sp/group-special-bg.png");
        background-size: 100%; } }
    .group-top-special .group-top-special-content .group-top-special-content-inner {
      width: 1280px;
      margin: 0 auto;
      padding: 40px 0; }
      @media (max-width: 1280px) {
        .group-top-special .group-top-special-content .group-top-special-content-inner {
          width: 100%; } }
      @media (max-width: 767px) {
        .group-top-special .group-top-special-content .group-top-special-content-inner {
          width: auto;
          padding: 20px 0 0; } }
  .group-top-special .group-top-special-list {
    margin: 0;
    list-style: none;
    padding: 0;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center; }
    @media (max-width: 767px) {
      .group-top-special .group-top-special-list {
        display: block; } }
    .group-top-special .group-top-special-list li {
      display: inline-block;
      padding: 0 25px; }
      @media (max-width: 767px) {
        .group-top-special .group-top-special-list li {
          margin: 0 0 20px;
          padding: 0 15px; } }
      .group-top-special .group-top-special-list li a {
        display: block;
        position: relative; }
        .group-top-special .group-top-special-list li a:hover, .group-top-special .group-top-special-list li a:active, .group-top-special .group-top-special-list li a:focus {
          text-decoration: none; }
          .group-top-special .group-top-special-list li a:hover .group-top-special-list-caption, .group-top-special .group-top-special-list li a:active .group-top-special-list-caption, .group-top-special .group-top-special-list li a:focus .group-top-special-list-caption {
            opacity: 0.7; }
        .group-top-special .group-top-special-list li a .group-top-special-list-caption {
          display: block;
          font-size: 24px;
          text-align: left;
          color: #000;
          margin-top: 6px;
          font-weight: bold; }
          @media (max-width: 767px) {
            .group-top-special .group-top-special-list li a .group-top-special-list-caption {
              font-size: 12px; } }
        .group-top-special .group-top-special-list li a .group-top-special-list-image {
          background-color: #fff;
          display: block; }

.group-special {
  overflow: hidden;
  margin: 0 0 20px; }
  .group-special .group-special-item {
    margin: 0 0 40px; }
    @media (max-width: 767px) {
      .group-special .group-special-item {
        margin: 0 0 20px; } }
    .group-special .group-special-item a {
      display: block;
      text-decoration: none; }
      .group-special .group-special-item a:hover .group-special-list-caption, .group-special .group-special-item a:active .group-special-list-caption, .group-special .group-special-item a:focus .group-special-list-caption {
        opacity: 0.7; }
    .group-special .group-special-item .group-special-list-image {
      background-color: #fff;
      display: block;
      margin: 0 0 10px; }
      @media (max-width: 767px) {
        .group-special .group-special-item .group-special-list-image {
          margin: 0 0 6px; } }
    .group-special .group-special-item .group-special-list-caption {
      display: block;
      font-size: 20px;
      color: #000;
      font-weight: bold; }
      @media (max-width: 767px) {
        .group-special .group-special-item .group-special-list-caption {
          font-size: 12px; } }

@media (max-width: 767px) {
  .group-special-detail {
    margin: 0 -15px; } }

.group-special-detail .group-special-detail-1 {
  position: relative;
  z-index: 2; }
  @media (max-width: 767px) {
    .group-special-detail .group-special-detail-1 {
      margin: 0 0 10px; } }
  .group-special-detail .group-special-detail-1 .group-special-detail-1-inner {
    width: 100%;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .group-special-detail .group-special-detail-1 .group-special-detail-1-inner {
        width: auto; } }
    .group-special-detail .group-special-detail-1 .group-special-detail-1-inner p, .group-special-detail .group-special-detail-1 .group-special-detail-1-inner h1, .group-special-detail .group-special-detail-1 .group-special-detail-1-inner h2 {
      margin: 0;
      position: relative; }
      .group-special-detail .group-special-detail-1 .group-special-detail-1-inner p a, .group-special-detail .group-special-detail-1 .group-special-detail-1-inner h1 a, .group-special-detail .group-special-detail-1 .group-special-detail-1-inner h2 a {
        display: block; }
        .group-special-detail .group-special-detail-1 .group-special-detail-1-inner p a:after, .group-special-detail .group-special-detail-1 .group-special-detail-1-inner h1 a:after, .group-special-detail .group-special-detail-1 .group-special-detail-1-inner h2 a:after {
          content: "";
          display: block;
          background: linear-gradient(to bottom, transparent 50%, #000 100%);
          opacity: 0.2;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
      .group-special-detail .group-special-detail-1 .group-special-detail-1-inner p .group-special-detail-1-image, .group-special-detail .group-special-detail-1 .group-special-detail-1-inner h1 .group-special-detail-1-image, .group-special-detail .group-special-detail-1 .group-special-detail-1-inner h2 .group-special-detail-1-image {
        display: block;
        background: #FFF; }
      .group-special-detail .group-special-detail-1 .group-special-detail-1-inner p .group-special-detail-1-caption, .group-special-detail .group-special-detail-1 .group-special-detail-1-inner h1 .group-special-detail-1-caption, .group-special-detail .group-special-detail-1 .group-special-detail-1-inner h2 .group-special-detail-1-caption {
        color: #fff;
        position: absolute;
        bottom: 20px;
        left: 30px;
        right: 30px;
        z-index: 2;
        font-size: 48px;
        font-weight: bold; }
        @media (max-width: 767px) {
          .group-special-detail .group-special-detail-1 .group-special-detail-1-inner p .group-special-detail-1-caption, .group-special-detail .group-special-detail-1 .group-special-detail-1-inner h1 .group-special-detail-1-caption, .group-special-detail .group-special-detail-1 .group-special-detail-1-inner h2 .group-special-detail-1-caption {
            font-size: 19px; } }

.group-special-detail .group-special-detail-2 {
  position: relative;
  padding: 53px 0 50px; }
  @media (max-width: 767px) {
    .group-special-detail .group-special-detail-2 {
      padding: 15px 0; } }
  .group-special-detail .group-special-detail-2 .group-special-detail-2-head {
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 20px; }
    @media (max-width: 767px) {
      .group-special-detail .group-special-detail-2 .group-special-detail-2-head {
        font-size: 15px;
        padding: 0 15px;
        margin: 0 0 10px; } }
  .group-special-detail .group-special-detail-2 .group-special-detail-2-inner {
    width: 1280px;
    margin: 0 auto; }
    @media (max-width: 1280px) {
      .group-special-detail .group-special-detail-2 .group-special-detail-2-inner {
        width: 100%; } }
    @media (max-width: 767px) {
      .group-special-detail .group-special-detail-2 .group-special-detail-2-inner {
        width: auto; } }
    .group-special-detail .group-special-detail-2 .group-special-detail-2-inner ul {
      list-style: none;
      margin: 0 -32px;
      padding: 0; }
      @media (max-width: 767px) {
        .group-special-detail .group-special-detail-2 .group-special-detail-2-inner ul {
          padding: 0 15px; } }
      .group-special-detail .group-special-detail-2 .group-special-detail-2-inner ul:after {
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
        content: "."; }
      .group-special-detail .group-special-detail-2 .group-special-detail-2-inner ul li {
        width: 50%;
        float: left;
        position: relative;
        padding: 0 32px;
        margin-bottom: 20px; }
        @media (max-width: 767px) {
          .group-special-detail .group-special-detail-2 .group-special-detail-2-inner ul li {
            width: 100%;
            float: none; } }
        .group-special-detail .group-special-detail-2 .group-special-detail-2-inner ul li a {
          display: block;
          text-decoration: none;
          position: relative; }
          .group-special-detail .group-special-detail-2 .group-special-detail-2-inner ul li a:hover .group-special-detail-2-column {
            opacity: 0.8; }
        .group-special-detail .group-special-detail-2 .group-special-detail-2-inner ul li .group-special-detail-2-image {
          display: block;
          background: #FFF;
          margin: 0 0 7px; }
        .group-special-detail .group-special-detail-2 .group-special-detail-2-inner ul li .group-special-detail-2-column {
          color: #fff;
          font-size: 30px;
          font-weight: bold;
          line-height: 56px;
          background-color: rgba(21, 26, 68, 0.6);
          padding: 0 30px;
          position: absolute;
          top: 30px;
          left: 0;
          z-index: 1; }
          @media (max-width: 992px) {
            .group-special-detail .group-special-detail-2 .group-special-detail-2-inner ul li .group-special-detail-2-column {
              font-size: 22px;
              line-height: 42px;
              padding: 0 25px;
              top: 20px; } }
          @media (max-width: 767px) {
            .group-special-detail .group-special-detail-2 .group-special-detail-2-inner ul li .group-special-detail-2-column {
              font-size: 15px;
              line-height: 28px;
              padding: 0 18px;
              top: 11px; } }
        .group-special-detail .group-special-detail-2 .group-special-detail-2-inner ul li .group-special-detail-2-caption {
          z-index: 2;
          font-size: 23px;
          font-weight: bold;
          color: #000;
          text-decoration: none;
          line-height: 1.5652173913; }
          @media (max-width: 992px) {
            .group-special-detail .group-special-detail-2 .group-special-detail-2-inner ul li .group-special-detail-2-caption {
              font-size: 18px; } }
          @media (max-width: 767px) {
            .group-special-detail .group-special-detail-2 .group-special-detail-2-inner ul li .group-special-detail-2-caption {
              font-size: 14px;
              bottom: 12px;
              left: 20px;
              right: 20px; } }
    .group-special-detail .group-special-detail-2 .group-special-detail-2-inner ul.is-odd li:nth-child(1) {
      width: 69%; }
      @media (max-width: 767px) {
        .group-special-detail .group-special-detail-2 .group-special-detail-2-inner ul.is-odd li:nth-child(1) {
          width: 100%;
          float: none; } }
    .group-special-detail .group-special-detail-2 .group-special-detail-2-inner ul.is-odd li:nth-child(2) {
      width: 31%;
      float: right; }
      @media (max-width: 767px) {
        .group-special-detail .group-special-detail-2 .group-special-detail-2-inner ul.is-odd li:nth-child(2) {
          width: 100%;
          float: none; } }
    .group-special-detail .group-special-detail-2 .group-special-detail-2-inner ul.is-odd li:nth-child(3) {
      width: 31%;
      float: right; }
      @media (max-width: 767px) {
        .group-special-detail .group-special-detail-2 .group-special-detail-2-inner ul.is-odd li:nth-child(3) {
          width: 100%;
          float: none; } }
    .group-special-detail .group-special-detail-2 .group-special-detail-2-inner ul.is-odd li:nth-child(4) {
      clear: both; }

.group-special-detail .group-special-detail-3 {
  background-image: url("../images/common/group-special-detail-bg-02.png");
  background-repeat: repeat;
  background-position: 0 0; }
  @media (max-width: 1280px) {
    .group-special-detail .group-special-detail-3 {
      margin: 0 -15px;
      padding: 0 15px; } }
  @media (max-width: 767px) {
    .group-special-detail .group-special-detail-3 {
      background-size: 79px 40px;
      padding: 0 15px; } }
  .group-special-detail .group-special-detail-3 .group-special-detail-3-inner {
    width: 1024px;
    margin: 0 auto;
    padding: 53px 0 53px; }
    @media (max-width: 1280px) {
      .group-special-detail .group-special-detail-3 .group-special-detail-3-inner {
        width: 100%;
        padding: 53px 15px; } }
    @media (max-width: 767px) {
      .group-special-detail .group-special-detail-3 .group-special-detail-3-inner {
        width: auto;
        padding: 25px 15px; } }
  .group-special-detail .group-special-detail-3 .group-special-detail-3-head {
    text-align: center;
    margin: 0 0 36px; }
    @media (max-width: 767px) {
      .group-special-detail .group-special-detail-3 .group-special-detail-3-head {
        margin: 0 0 20px; } }
  .group-special-detail .group-special-detail-3 .group-special-detail-3-schedule {
    font-size: 30px;
    text-align: center; }
    @media (max-width: 767px) {
      .group-special-detail .group-special-detail-3 .group-special-detail-3-schedule {
        font-size: 13px; } }
  .group-special-detail .group-special-detail-3 .group-special-detail-3-lead {
    font-size: 22px;
    padding: 0 34px; }
    @media (max-width: 767px) {
      .group-special-detail .group-special-detail-3 .group-special-detail-3-lead {
        padding: 0;
        font-size: 12px; } }
  .group-special-detail .group-special-detail-3 .group-special-detail-3-notice {
    font-size: 20px;
    text-align: right;
    margin: 0 0 10px; }
    @media (max-width: 767px) {
      .group-special-detail .group-special-detail-3 .group-special-detail-3-notice {
        font-size: 10px; } }
  .group-special-detail .group-special-detail-3 .group-special-detail-3-btn {
    margin: 80px 0 40px; }
    @media (max-width: 767px) {
      .group-special-detail .group-special-detail-3 .group-special-detail-3-btn {
        margin: 30px 0 10px; } }

.group-special-detail .group-special-detail-4 .group-special-detail-4-inner {
  width: 1280px;
  margin: 0 auto;
  padding: 50px 0;
  font-size: 22px;
  text-align: center; }
  @media (max-width: 1280px) {
    .group-special-detail .group-special-detail-4 .group-special-detail-4-inner {
      width: 100%; } }
  @media (max-width: 767px) {
    .group-special-detail .group-special-detail-4 .group-special-detail-4-inner {
      width: auto;
      padding: 25px 15px 20px;
      font-size: 12px; } }
  .group-special-detail .group-special-detail-4 .group-special-detail-4-inner p {
    margin: 0 0 40px; }
  .group-special-detail .group-special-detail-4 .group-special-detail-4-inner ul {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0; }
    @media (max-width: 767px) {
      .group-special-detail .group-special-detail-4 .group-special-detail-4-inner ul {
        margin: 0 -7px; } }
    .group-special-detail .group-special-detail-4 .group-special-detail-4-inner ul li {
      display: inline-block;
      padding: 0 20px; }
      @media (max-width: 1026px) {
        .group-special-detail .group-special-detail-4 .group-special-detail-4-inner ul li {
          width: 50%; }
          .group-special-detail .group-special-detail-4 .group-special-detail-4-inner ul li img {
            width: 100%; } }
      @media (max-width: 767px) {
        .group-special-detail .group-special-detail-4 .group-special-detail-4-inner ul li {
          padding: 0 7px; } }

.group-special-detail .group-special-detail-4 .group-special-detail-4-head {
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .group-special-detail .group-special-detail-4 .group-special-detail-4-head img {
      max-width: 70%; } }

.group-special-detail-accordion.is-open .group-special-detail-accordion-lead {
  display: none; }

.group-special-detail-accordion .group-special-detail-accordion-head-1,
.group-special-detail-accordion .group-special-detail-accordion-head-2 {
  background-repeat: repeat;
  background-position: 0 0;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  margin: 0;
  position: relative;
  line-height: 80px;
  cursor: pointer; }
  @media (max-width: 767px) {
    .group-special-detail-accordion .group-special-detail-accordion-head-1,
    .group-special-detail-accordion .group-special-detail-accordion-head-2 {
      background-size: 16px 16px;
      font-size: 14px;
      line-height: 40px; } }
  .group-special-detail-accordion .group-special-detail-accordion-head-1:hover, .group-special-detail-accordion .group-special-detail-accordion-head-1:active, .group-special-detail-accordion .group-special-detail-accordion-head-1:focus,
  .group-special-detail-accordion .group-special-detail-accordion-head-2:hover,
  .group-special-detail-accordion .group-special-detail-accordion-head-2:active,
  .group-special-detail-accordion .group-special-detail-accordion-head-2:focus {
    opacity: 0.7; }

.group-special-detail-accordion .group-special-detail-accordion-head-1 {
  background-color: #7dbbc4; }
  .group-special-detail-accordion .group-special-detail-accordion-head-1:after {
    content: "";
    display: inline-block;
    width: 38px;
    height: 38px;
    background-image: url("../images/special/sendai/image-27.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: -2px 0 0 20px;
    vertical-align: middle; }
    @media (max-width: 767px) {
      .group-special-detail-accordion .group-special-detail-accordion-head-1:after {
        background-size: 19px;
        width: 19px;
        height: 19px;
        margin: -6px 0 0 20px; } }
  .group-special-detail-accordion .group-special-detail-accordion-head-1.is-open:after {
    margin: -6px 0 0 20px;
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg); }

.group-special-detail-accordion .group-special-detail-accordion-head-2 {
  background-color: #f29c48; }
  .group-special-detail-accordion .group-special-detail-accordion-head-2:after {
    content: "";
    display: inline-block;
    width: 38px;
    height: 38px;
    background-image: url("../images/special/sendai/image-28.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: -2px 0 0 20px;
    vertical-align: middle; }
    @media (max-width: 767px) {
      .group-special-detail-accordion .group-special-detail-accordion-head-2:after {
        background-size: 19px;
        width: 19px;
        height: 19px;
        margin: -3px 0 0 20px; } }
  .group-special-detail-accordion .group-special-detail-accordion-head-2.is-open:after {
    margin: -6px 0 0 20px;
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg); }
    @media (max-width: 767px) {
      .group-special-detail-accordion .group-special-detail-accordion-head-2.is-open:after {
        margin: -3px 0 0 20px; } }

.group-special-detail-accordion .group-special-detail-accordion-lead {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin: 20px 0 40px; }
  @media (max-width: 767px) {
    .group-special-detail-accordion .group-special-detail-accordion-lead {
      font-size: 12px;
      margin: 10px 0 20px; } }

.group-special-detail-accordion .group-special-detail-accordion-content {
  background-color: #fff;
  padding: 26px 34px;
  font-size: 20px;
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .group-special-detail-accordion .group-special-detail-accordion-content {
      padding: 14px;
      font-size: 11px; } }
  .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step {
    background-image: url("../images/special/sendai/image-12.png");
    background-repeat: repeat;
    background-position: 0 0;
    border: 5px solid #7dbbc4;
    margin: 0 0 20px;
    padding: 15px 57px;
    position: relative; }
    @media (max-width: 767px) {
      .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step {
        padding: 14px; } }
    .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step p {
      margin-bottom: 10px; }
    .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step .group-special-detail-accordion-content-step-head {
      background-color: #7dbbc4;
      color: #fff;
      margin: 0 0 12px -42px;
      font-size: 24px;
      font-weight: bold;
      width: 180px;
      padding: 12px 0;
      text-align: center; }
      @media (max-width: 767px) {
        .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step .group-special-detail-accordion-content-step-head {
          margin: 0 0 12px 0;
          font-size: 12px;
          padding: 6px;
          width: 84px; } }
      .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step .group-special-detail-accordion-content-step-head span {
        font-size: 36px;
        margin: 0 0 0 8px; }
        @media (max-width: 767px) {
          .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step .group-special-detail-accordion-content-step-head span {
            margin: 0 0 0 4px;
            font-size: 18px; } }
    .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step .group-special-detail-accordion-content-step-download {
      background-color: #7dbbc4;
      color: #fff;
      font-size: 20px;
      text-align: center;
      padding: 8px 0;
      margin-bottom: 20px; }
      @media (max-width: 767px) {
        .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step .group-special-detail-accordion-content-step-download {
          font-size: 12px; } }
    .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step .group-special-detail-accordion-content-step-sns {
      padding: 0;
      margin: 0;
      list-style: none;
      margin: 0 -34px 0 0; }
      @media (max-width: 767px) {
        .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step .group-special-detail-accordion-content-step-sns {
          margin: 0 -3px; } }
      .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step .group-special-detail-accordion-content-step-sns li {
        display: inline-block;
        vertical-align: top;
        margin-left: 57px;
        padding-top: 1px; }
        @media (max-width: 767px) {
          .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step .group-special-detail-accordion-content-step-sns li {
            width: 50%;
            margin: 0 0 6px;
            padding: 0 3px; }
            .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step .group-special-detail-accordion-content-step-sns li a {
              display: block; }
            .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step .group-special-detail-accordion-content-step-sns li.ios {
              width: 52%; }
            .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step .group-special-detail-accordion-content-step-sns li.google {
              width: 48%; }
            .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step .group-special-detail-accordion-content-step-sns li.android {
              width: 100%; }
              .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step .group-special-detail-accordion-content-step-sns li.android a {
                width: 45%; } }
        .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step .group-special-detail-accordion-content-step-sns li:first-child {
          margin-left: 0; }
        .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step .group-special-detail-accordion-content-step-sns li:last-child {
          padding-top: 0; }
        .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step .group-special-detail-accordion-content-step-sns li span {
          font-size: 14px;
          display: block; }
          @media (max-width: 767px) {
            .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step .group-special-detail-accordion-content-step-sns li span {
              font-size: 10px;
              margin-top: 6px; } }
    .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-2 {
      padding-right: 370px; }
      @media (max-width: 767px) {
        .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-2 {
          padding-right: 40%; } }
      .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-2:before {
        content: "";
        display: block;
        background-image: url("../images/special/sendai/image-16.png");
        background-repeat: no-repeat;
        width: 190px;
        height: 175px;
        position: absolute;
        right: 66px;
        top: 45px; }
        @media (max-width: 767px) {
          .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-2:before {
            width: 61px !important;
            height: 63px !important;
            background-size: 100%;
            right: 8%;
            top: 59px !important; } }
        .lang-en .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-2:before {
          background-image: url("../images/special/sendai/en/image-16.png");
          width: 169px;
          height: 186px;
          top: 45px; }
          @media (max-width: 767px) {
            .lang-en .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-2:before {
              width: 61px !important;
              height: 67px !important;
              background-size: 100%;
              right: 8%;
              top: 59px !important; } }
        .lang-zh-cn .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-2:before {
          background-image: url("../images/special/sendai/ch_k/image-16.png");
          width: 190px;
          height: 175px;
          top: 33px; }
        .lang-zh-tw .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-2:before {
          background-image: url("../images/special/sendai/ch_h/image-16.png");
          width: 192px;
          height: 175px;
          top: 45px; }
        .lang-ko .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-2:before {
          background-image: url("../images/special/sendai/ko/image-16.png");
          width: 192px;
          height: 175px;
          top: 45px; }
        .lang-th .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-2:before {
          background-image: url("../images/special/sendai/thai/image-16.png");
          width: 191px;
          height: 171px;
          top: 45px; }
          @media (max-width: 767px) {
            .lang-th .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-2:before {
              width: 61px !important;
              height: 55px !important;
              background-size: 100%;
              right: 8%;
              top: 59px !important; } }
    .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-3 {
      padding-right: 320px; }
      @media (max-width: 767px) {
        .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-3 {
          padding-right: 30%; } }
      .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-3:before {
        content: "";
        display: block;
        background-image: url("../images/special/sendai/image-17.png");
        background-repeat: no-repeat;
        width: 150px;
        height: 137px;
        position: absolute;
        right: 76px;
        top: 79px; }
        @media (max-width: 767px) {
          .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-3:before {
            width: 70px;
            height: 64px;
            background-size: 100%;
            right: 4%; } }
    .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-4 {
      padding-right: 400px; }
      @media (max-width: 767px) {
        .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-4 {
          padding-right: 47%;
          overflow: hidden; } }
      .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-4:before {
        content: "";
        display: block;
        background-image: url("../images/special/sendai/image-18.png");
        background-repeat: no-repeat;
        width: 293px;
        height: 213px;
        position: absolute;
        right: 37px;
        top: 0px; }
        @media (max-width: 767px) {
          .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-4:before {
            width: 147px;
            height: 107px;
            background-size: 100%;
            top: 10px;
            right: -6px; } }
      .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-4 .notice {
        font-size: 16px;
        margin: 0 -350px 0 0; }
        @media (max-width: 767px) {
          .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-4 .notice {
            font-size: 10px;
            margin: 0 -91% 0 0; } }
    .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-5, .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-6 {
      border: 5px solid #f29c48; }
      .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-5 .group-special-detail-accordion-content-step-head, .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-6 .group-special-detail-accordion-content-step-head {
        background-color: #f29c48; }
      .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-5 .group-special-detail-accordion-content-step-sns-2, .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-6 .group-special-detail-accordion-content-step-sns-2 {
        list-style: none;
        margin: 0 0 20px;
        padding: 0;
        text-align: center;
        padding: 0 0 0 0; }
        .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-5 .group-special-detail-accordion-content-step-sns-2 li, .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-6 .group-special-detail-accordion-content-step-sns-2 li {
          display: inline-block;
          vertical-align: middle;
          margin: 0 100px 0 0; }
          .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-5 .group-special-detail-accordion-content-step-sns-2 li:last-child, .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-6 .group-special-detail-accordion-content-step-sns-2 li:last-child {
            margin-right: 0; }
          @media (max-width: 767px) {
            .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-5 .group-special-detail-accordion-content-step-sns-2 li, .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-6 .group-special-detail-accordion-content-step-sns-2 li {
              width: 25%;
              margin: 0;
              padding: 0 10px; }
              .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-5 .group-special-detail-accordion-content-step-sns-2 li img, .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-6 .group-special-detail-accordion-content-step-sns-2 li img {
                width: 100%; } }
        @media (max-width: 767px) {
          .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-5 .group-special-detail-accordion-content-step-sns-2, .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-6 .group-special-detail-accordion-content-step-sns-2 {
            padding: 0; } }
    .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-6 {
      padding-right: 400px;
      min-height: 280px; }
      @media (max-width: 767px) {
        .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-6 {
          padding-right: 43%;
          min-height: 0; } }
      .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-6:before {
        content: "";
        display: block;
        background-image: url("../images/special/sendai/image-22.png");
        background-repeat: no-repeat;
        width: 277px;
        height: 223px;
        position: absolute;
        right: 30px;
        top: 30px; }
        @media (max-width: 767px) {
          .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-6:before {
            padding: 0;
            width: 107px;
            height: 86px;
            background-size: 100%;
            right: 2px;
            top: 59px; } }
      .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-step.step-6 > *:last-child {
        margin-right: -77%; }
  .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-btn {
    margin: 0;
    text-align: center; }
    .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-btn span {
      background-color: #4d4d4d;
      color: #fff;
      display: inline-block;
      font-size: 18px;
      padding: 8px 20px;
      border-radius: 3px;
      cursor: pointer; }
      .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-btn span:hover, .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-btn span:active, .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-btn span:focus {
        opacity: 0.7; }
      .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-btn span:before {
        content: "";
        display: inline-block;
        background-image: url("../images/special/sendai/icon-close.png");
        background-repeat: no-repeat;
        background-position: 0 0;
        width: 22px;
        height: 22px;
        vertical-align: middle;
        margin: -2px 6px 0 0; }
      @media (max-width: 767px) {
        .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-btn span {
          font-size: 10px; }
          .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-btn span:before {
            width: 11px;
            height: 11px;
            background-size: 100%; } }
  .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-btn-2 {
    margin: 0;
    text-align: center; }
    .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-btn-2 span {
      background-color: #4d4d4d;
      color: #fff;
      display: inline-block;
      font-size: 18px;
      padding: 8px 20px;
      border-radius: 3px;
      cursor: pointer; }
      .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-btn-2 span:hover, .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-btn-2 span:active, .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-btn-2 span:focus {
        opacity: 0.7; }
      .group-special-detail-accordion .group-special-detail-accordion-content .group-special-detail-accordion-content-btn-2 span:before {
        content: "";
        display: inline-block;
        background-image: url("../images/special/sendai/icon-close.png");
        background-repeat: no-repeat;
        background-position: 0 0;
        width: 22px;
        height: 22px;
        vertical-align: middle;
        margin: -2px 6px 0 0; }

.group-campaign-thai {
  margin-top: -20px; }
  @media (max-width: 1200px) {
    .group-campaign-thai {
      margin: 0; } }
  .group-campaign-thai .group-campaign-thai-1 {
    width: 100%;
    margin: 0 0 50px; }
    @media (max-width: 640px) {
      .group-campaign-thai .group-campaign-thai-1 {
        margin: 0 0 25px; } }
    .group-campaign-thai .group-campaign-thai-1 .group-campaign-thai-1-head {
      margin: 0 0 40px; }
      @media (max-width: 1280px) {
        .group-campaign-thai .group-campaign-thai-1 .group-campaign-thai-1-head {
          margin: 0 -15px 40px; } }
      @media (max-width: 768px) {
        .group-campaign-thai .group-campaign-thai-1 .group-campaign-thai-1-head {
          margin: 0 -15px 15px; } }
      .group-campaign-thai .group-campaign-thai-1 .group-campaign-thai-1-head img {
        width: 100%; }
    .group-campaign-thai .group-campaign-thai-1 .group-campaign-thai-1-text {
      width: 1120px;
      margin: 0 auto;
      font-size: 24px;
      line-height: 1.5; }
      @media (max-width: 1150px) {
        .group-campaign-thai .group-campaign-thai-1 .group-campaign-thai-1-text {
          width: 100%;
          font-size: 20px; } }
      @media (max-width: 640px) {
        .group-campaign-thai .group-campaign-thai-1 .group-campaign-thai-1-text {
          font-size: 12px; } }
  .group-campaign-thai .group-campaign-thai-2 {
    width: 1280px;
    margin: 0 auto 42px;
    border: 2px solid #3e3e3e; }
    @media (max-width: 1280px) {
      .group-campaign-thai .group-campaign-thai-2 {
        width: 100%; } }
    @media (max-width: 640px) {
      .group-campaign-thai .group-campaign-thai-2 {
        border: 1px solid #3e3e3e;
        margin: 0 0 18px; } }
    .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-head {
      margin: -2px 0 30px;
      font-size: 30px;
      font-weight: bold;
      text-align: center;
      line-height: 60px;
      color: #fff;
      background-color: #3e3e3e; }
      @media (max-width: 640px) {
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-head {
          font-size: 15px;
          line-height: 30px;
          margin: -1px 0 22px; } }
    .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-inner {
      width: 1020px;
      margin: 0 auto; }
      @media (max-width: 1280px) {
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-inner {
          width: 100%;
          padding: 0 80px; } }
      @media (max-width: 980px) {
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-inner {
          padding: 0 40px; } }
      @media (max-width: 640px) {
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-inner {
          padding: 0 15px; } }
    .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-1 {
      position: relative;
      margin: 0 0 30px;
      padding: 0 300px 0 0; }
      @media (max-width: 1280px) {
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-1 {
          padding: 0 260px 0 0; } }
      @media (max-width: 980px) {
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-1 {
          padding: 0 150px 0 0; } }
      @media (max-width: 640px) {
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-1 {
          padding: 0 28.125vw 0 0;
          margin: 0 0 20px; } }
      .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-1:after {
        content: "";
        width: 347px;
        height: 270px;
        background-image: url("../images/cp/thai2017_1/image-03.png");
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: 100%;
        position: absolute;
        top: -13px;
        right: -103px; }
        @media (max-width: 1280px) {
          .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-1:after {
            width: 270px;
            height: 210px;
            right: -50px; } }
        @media (max-width: 980px) {
          .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-1:after {
            width: 150px;
            height: 117px;
            right: -20px; } }
        @media (max-width: 640px) {
          .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-1:after {
            background-image: url("../images/cp/thai2017_1/sp/image-03.png");
            width: 86px;
            height: 110px;
            top: 0;
            right: -11px; } }
      @media (max-width: 640px) {
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-1 .group-campaign-thai-2-block-logo {
          width: 54.21875vw; }
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-1 .group-campaign-thai-2-block-target {
          margin: 0 -28.125vw 0 0; } }
    .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-2 {
      position: relative;
      margin: 0 0 30px;
      padding: 0 320px 0 0; }
      @media (max-width: 1280px) {
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-2 {
          padding: 0 230px 0 0; } }
      @media (max-width: 980px) {
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-2 {
          padding: 0 140px 0 0; } }
      @media (max-width: 640px) {
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-2 {
          padding: 0 26.875vw 0 0;
          margin: 0 0 20px; } }
      .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-2:after {
        content: "";
        width: 398px;
        height: 271px;
        background-image: url("../images/cp/thai2017_1/image-05.png");
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: 100%;
        position: absolute;
        top: -14px;
        right: -103px; }
        @media (max-width: 1280px) {
          .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-2:after {
            width: 270px;
            height: 183px;
            right: -50px; } }
        @media (max-width: 980px) {
          .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-2:after {
            width: 150px;
            height: 102px;
            right: -20px; } }
        @media (max-width: 640px) {
          .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-2:after {
            background-image: url("../images/cp/thai2017_1/sp/image-05.png");
            width: 95px;
            height: 111px;
            top: 0;
            right: -11px; } }
      @media (max-width: 640px) {
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-2 .group-campaign-thai-2-block-logo {
          width: 56.71875vw; }
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-2 .group-campaign-thai-2-block-target {
          margin: 0 -26.875vw 0 0; } }
      .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-2 .group-campaign-thai-2-block-text {
        margin-bottom: 50px; }
        @media (max-width: 640px) {
          .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-2 .group-campaign-thai-2-block-text {
            margin-bottom: 30px; } }
    @media (max-width: 980px) {
      .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-logo {
        padding-right: 20px; } }
    .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-logo img {
      max-width: 100%; }
    @media (max-width: 640px) {
      .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-logo {
        padding: 0;
        margin: 0 0 14px; }
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-logo img {
          width: 100%; } }
    .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-text {
      font-size: 22px;
      line-height: 1.64; }
      @media (max-width: 980px) {
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-text {
          font-size: 18px; } }
      @media (max-width: 640px) {
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-text {
          font-size: 12px; } }
    .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-target {
      list-style: none;
      margin: 0;
      padding: 0;
      font-size: 22px;
      line-height: 1.64;
      font-weight: bold; }
      @media (max-width: 980px) {
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-target {
          font-size: 18px; } }
      @media (max-width: 640px) {
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-block-target {
          font-size: 12px; } }
    .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step {
      list-style: none;
      margin: 0 0 15px;
      padding: 0; }
      @media (max-width: 640px) {
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step {
          margin: 0; } }
      .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li {
        border-top: 1px solid #000;
        padding: 30px 0; }
        @media (max-width: 640px) {
          .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li {
            padding: 14px 0; } }
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-align {
          position: relative; }
          .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-align .group-campaign-thai-2-step-align-head {
            margin: 0;
            padding: 0 18px;
            text-transform: uppercase;
            font-size: 30px;
            font-weight: bold;
            line-height: 45px;
            color: #fff;
            background-color: #000;
            position: absolute;
            top: 50%;
            left: 0;
            -webkit-transform: translate(0, -50%);
                    transform: translate(0, -50%); }
            @media (max-width: 1080px) {
              .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-align .group-campaign-thai-2-step-align-head {
                font-size: 24px;
                line-height: 36px; } }
            @media (max-width: 980px) {
              .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-align .group-campaign-thai-2-step-align-head {
                font-size: 20px;
                line-height: 32px;
                padding: 0 12px; } }
            @media (max-width: 640px) {
              .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-align .group-campaign-thai-2-step-align-head {
                font-size: 15px;
                line-height: 23px;
                padding: 0 10px; } }
          .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-align p {
            margin: 0 0 0 180px;
            vertical-align: middle;
            font-size: 22px;
            line-height: 1.55; }
            @media (max-width: 1080px) {
              .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-align p {
                font-size: 18px;
                margin: 0 0 0 150px; } }
            @media (max-width: 980px) {
              .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-align p {
                margin: 0 0 0 120px; } }
            @media (max-width: 640px) {
              .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-align p {
                font-size: 12px;
                margin: 0 0 0 90px; } }
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-link {
          list-style: none;
          margin: 0 0 0 206px;
          padding: 10px 0 0 0; }
          @media (max-width: 1080px) {
            .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-link {
              margin: 0 0 0 164px; } }
          @media (max-width: 980px) {
            .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-link {
              margin: 0 0 0 0;
              text-align: center; } }
          @media (max-width: 640px) {
            .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-link {
              margin: 0 -14px;
              padding: 20px 0 0; } }
          .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-link li {
            display: inline-block;
            margin-right: 32px; }
            .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-link li:last-child {
              margin-right: 0; }
              @media (max-width: 640px) {
                .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-link li:last-child {
                  text-align: right; } }
            @media (max-width: 980px) {
              .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-link li {
                margin-right: 20px; } }
            @media (max-width: 640px) {
              .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-link li {
                width: 50%;
                margin: 0;
                text-align: left;
                padding: 0 14px; }
                .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-link li img {
                  max-width: 100%; } }
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-list {
          list-style: none;
          margin: 0;
          padding: 30px 0 0 0; }
          @media (max-width: 640px) {
            .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-list {
              padding: 12px 0 0; } }
          .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-list li {
            font-size: 18px;
            line-height: 1.67; }
            @media (max-width: 640px) {
              .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-list li {
                font-size: 11px;
                line-height: 1.37; } }
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-text {
          font-size: 22px;
          line-height: 1.64;
          padding-top: 40px; }
          @media (max-width: 980px) {
            .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-text {
              font-size: 18px; } }
          @media (max-width: 640px) {
            .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-text {
              padding-top: 30px;
              font-size: 12px;
              line-height: 1.5;
              margin: 0 0 12px; } }
        .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process {
          margin: 0 -50px;
          padding: 20px 49px 30px;
          border: 1px solid #747575;
          background-color: #fff; }
          @media (max-width: 1280px) {
            .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process {
              padding: 20px 30px 30px;
              margin: 0 -20px; } }
          @media (max-width: 640px) {
            .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process {
              margin: 0;
              padding: 10px;
              border: 1px solid #b5b5b5; } }
          .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-head {
            margin-bottom: 30px;
            text-align: center;
            font-size: 22px;
            font-weight: bold;
            line-height: 1.67; }
            @media (max-width: 640px) {
              .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-head {
                font-size: 12px;
                line-height: 1.5;
                margin-bottom: 10px; } }
          .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-list {
            list-style: none;
            margin: 0 -28px 40px;
            padding: 0; }
            @media (max-width: 1180px) {
              .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-list {
                margin: 0 -2.372881355vw 30px; } }
            @media (max-width: 640px) {
              .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-list {
                margin: 0 0 20px; } }
            .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-list li {
              width: 33.3333333333%;
              padding: 0 28px;
              display: inline-block;
              vertical-align: top; }
              @media (max-width: 1180px) {
                .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-list li {
                  padding: 0 2.372881355vw; }
                  .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-list li img {
                    width: 25.677966101vw; } }
              @media (max-width: 640px) {
                .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-list li {
                  width: 100%;
                  padding: 0;
                  margin: 0 0 10px;
                  text-align: center; }
                  .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-list li img {
                    width: 47.5vw; } }
              .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-list li:nth-child(2) {
                margin-left: -14px; }
                @media (max-width: 1180px) {
                  .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-list li:nth-child(2) {
                    margin-left: -1.186440677vw; }
                    .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-list li:nth-child(2) img {
                      width: 26.610169491vw; } }
                @media (max-width: 640px) {
                  .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-list li:nth-child(2) {
                    margin: 0 0 10px; }
                    .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-list li:nth-child(2) img {
                      width: 50.3125vw; } }
                .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-list li:nth-child(2) .group-campaign-thai-2-step-process-text {
                  padding-left: 14px; }
                  @media (max-width: 1180px) {
                    .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-list li:nth-child(2) .group-campaign-thai-2-step-process-text {
                      padding-left: 1.186440677vw; } }
                  @media (max-width: 640px) {
                    .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-list li:nth-child(2) .group-campaign-thai-2-step-process-text {
                      padding: 0; } }
              .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-list li .group-campaign-thai-2-step-process-text {
                font-size: 18px;
                line-height: 1.34;
                margin-bottom: 0; }
                @media (max-width: 1180px) {
                  .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-list li .group-campaign-thai-2-step-process-text {
                    font-size: 14px; } }
                @media (max-width: 640px) {
                  .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-list li .group-campaign-thai-2-step-process-text {
                    font-size: 11px;
                    line-height: 1.37;
                    text-align: left; } }
          .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-note {
            text-align: center;
            margin-bottom: 0; }
            @media (max-width: 640px) {
              .group-campaign-thai .group-campaign-thai-2 .group-campaign-thai-2-step > li .group-campaign-thai-2-step-process .group-campaign-thai-2-step-process-note {
                font-size: 11px; } }

.box-facebook {
  background-color: #f3f3f3;
  margin: 0 -52px; }
  .box-facebook:before, .box-facebook:after {
    content: "";
    display: table; }
  .box-facebook:after {
    clear: both; }
  @media (max-width: 767px) {
    .box-facebook {
      margin: 0; } }
  .box-facebook .box-facebook-image {
    display: inline-block;
    width: 389px;
    vertical-align: middle; }
    @media (max-width: 1280px) {
      .box-facebook .box-facebook-image {
        width: 53.36%; } }
    .box-facebook .box-facebook-image img {
      width: 100%; }
  .box-facebook .box-facebook-content {
    display: inline-block;
    width: 434px;
    text-align: center;
    vertical-align: middle; }
    @media (max-width: 1280px) {
      .box-facebook .box-facebook-content {
        width: 46.64%; } }
    .box-facebook .box-facebook-content .box-facebook-head {
      font-size: 22px;
      line-height: 1.5;
      margin: 0 0 14px; }
      @media (max-width: 1280px) {
        .box-facebook .box-facebook-content .box-facebook-head {
          font-size: 18px; } }
      @media (max-width: 992px) {
        .box-facebook .box-facebook-content .box-facebook-head {
          font-size: 12px; } }
      @media (max-width: 767px) {
        .box-facebook .box-facebook-content .box-facebook-head {
          font-size: 12px;
          margin: 0 0 6px; } }

.box-wechat-qrcode {
  background: #ffffff;
  margin: 52px 0 0;
  padding: 30px 50px 16px;
  border-radius: 7px; }
  .box-wechat-qrcode .wechat-qrcode-block .wechat-qrcode-text {
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px; }
  .box-wechat-qrcode .wechat-qrcode-block .wechat-qrcode-image {
    margin-bottom: 0;
    text-align: center; }
    .box-wechat-qrcode .wechat-qrcode-block .wechat-qrcode-image img {
      max-width: 100%; }
  @media (max-width: 767px) {
    .box-wechat-qrcode {
      margin: 23px 0 40px;
      padding: 20px 60px 16px; }
      .box-wechat-qrcode .row > [class^="col-"]:last-child > *:last-child {
        margin-bottom: 0; }
      .box-wechat-qrcode .wechat-qrcode-block {
        margin-bottom: 30px; }
        .box-wechat-qrcode .wechat-qrcode-block .wechat-qrcode-text {
          font-size: 12px;
          margin-bottom: 0px; } }

.btn-1, .btn-shop, .btn-column {
  border: 2px solid #000;
  color: #000;
  font-size: 16px;
  padding: 7px 9px 7px 33px;
  font-weight: bold;
  margin-left: 35px;
  display: inline-block;
  position: relative;
  background-color: #fff;
  min-width: 260px; }
  @media (max-width: 767px) {
    .btn-1, .btn-shop, .btn-column {
      font-size: 12px;
      min-width: 0; } }
  .btn-1:hover, .btn-shop:hover, .btn-column:hover {
    opacity: 0.7;
    text-decoration: none;
    color: #000; }
  .btn-1:after, .btn-shop:after, .btn-column:after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 17px;
    background: url(../images/common/icon-arrow-2.png) no-repeat 0 0;
    background-size: cover;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin: 0 0 0 13px; }
  .btn-1:before, .btn-shop:before, .btn-column:before {
    content: "";
    display: inline-block;
    width: 58px;
    height: 58px;
    margin: -28px 12px 0 0;
    position: absolute;
    top: 50%;
    left: -37px; }

.btn-shop:before {
  background: url(../images/common/icon-circle-1.png) no-repeat 0 0;
  background-size: cover; }

.btn-column:before {
  background: url(../images/common/icon-circle-2.png) no-repeat 0 0;
  background-size: cover; }

.btn-map {
  background-color: #000;
  color: #fff;
  padding: 6px 10px;
  display: inline-block;
  line-height: 1.4;
  margin: 12px 0; }
  .btn-map:before {
    content: "";
    display: inline-block;
    height: 8px;
    width: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 12px; }
  .btn-map:hover {
    color: #fff;
    text-decoration: none;
    opacity: 0.7; }

.btn-2 {
  display: block;
  background: linear-gradient(to bottom, #535353 0%, #2b2b2b 100%);
  color: #fff;
  text-align: center;
  font-size: 16px;
  padding: 9px 20px;
  border-radius: 3px; }
  .btn-2:hover {
    color: #fff;
    opacity: 0.7;
    text-decoration: none; }
  @media (max-width: 767px) {
    .btn-2 {
      font-size: 13px; }
      .btn-2:after {
        content: "";
        display: inline-block;
        width: 14px;
        height: 19px;
        background: url(https://journey-of-japan.com/assets/images/common/icon-arrow-4.png) no-repeat 0 0;
        background-size: cover;
        vertical-align: middle;
        position: relative;
        top: -2px;
        margin: 0 0 0 25px; } }

.head-1 {
  border-top: 4px solid #000;
  font-size: 30px;
  margin: 0 0 13px;
  padding: 20px 34px 20px;
  font-weight: bold; }
  @media (max-width: 767px) {
    .head-1 {
      font-size: 14px;
      padding: 14px 0;
      border-top: 2px solid #000;
      margin: 0; } }

.head-recommend {
  font-size: 24px;
  background: url(../images/common/head-recommend-bg-2.png) repeat-x left bottom;
  font-weight: bold;
  padding: 16px 0;
  margin: 0 8px 30px;
  position: relative; }
  .head-recommend:after {
    content: "";
    display: block;
    width: 247px;
    height: 36px;
    background: url(../images/common/head-recommend-bg.png) no-repeat 0 0;
    position: absolute;
    right: 0;
    top: 0; }
  @media (max-width: 767px) {
    .head-recommend {
      background: url(../images/common/head-recommend-bg-2.png) repeat-x left bottom;
      background-size: 95px 2px; } }

@media (max-width: 767px) {
  .head-recommend {
    font-size: 14px;
    padding: 8px 0;
    margin: 0 0 16px; }
    .head-recommend:after {
      content: normal; } }

.head-column {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  background-color: #fff;
  border-top: 4px solid #000;
  font-size: 30px;
  margin: 0 0 13px;
  font-weight: bold;
  position: relative;
  padding: 20px 20px 20px 72px;
  background: url(../images/common/head-column-bg-2.png) no-repeat right center #fff; }
  .head-column:before {
    content: "";
    display: block;
    width: 49px;
    height: 40px;
    background: url(../images/common/head-column-bg.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    left: 13px;
    margin-top: -20px; }
  @media (max-width: 767px) {
    .head-column {
      font-size: 14px;
      padding: 14px 20px 14px 32px;
      background: url(../images/common/sp/head-column-bg-2.png) no-repeat right center #fff;
      background-size: 100%; }
      .head-column:before {
        width: 23px;
        height: 19px;
        background: url(../images/common/head-column-bg.png) no-repeat 0 0;
        background-size: 100%;
        margin: -9px 0 0;
        left: 5px; } }

.head-shop {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  background-color: #fff;
  border-top: 4px solid #000;
  font-size: 30px;
  margin: 0 0 13px;
  font-weight: bold;
  position: relative;
  padding: 20px 20px 20px 80px;
  background: url(../images/common/head-column-bg-2.png) no-repeat right center #fff; }
  .head-shop:before {
    content: "";
    display: block;
    width: 47px;
    height: 47px;
    background: url(../images/common/head-shop-bg.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    left: 18px;
    margin-top: -24px; }
  @media (max-width: 767px) {
    .head-shop {
      font-size: 14px;
      padding: 14px 20px 14px 32px;
      background: url(../images/common/sp/head-column-bg-2.png) no-repeat right center #fff;
      background-size: 100%; }
      .head-shop:before {
        width: 24px;
        height: 24px;
        background: url(../images/common/head-shop-bg.png) no-repeat 0 0;
        background-size: 100%;
        margin: -11px 0 0;
        left: 5px; } }

.head-2 {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  background-color: #fff;
  border-top: 4px solid #000;
  font-size: 30px;
  margin: 0 0 34px;
  font-weight: bold;
  padding: 20px 20px 20px 60px; }
  .main-seal .head-2 {
    margin-left: -60px;
    margin-right: -20px; }
  @media (max-width: 992px) {
    .head-2 {
      font-size: 14px;
      border-top: 2px solid #000;
      margin: 0 0 18px;
      padding: 12px 10px; }
      .main-seal .head-2 {
        margin-left: 0;
        margin-right: 0; } }

.head-3 {
  font-size: 20px;
  padding: 0 0 0 24px;
  margin: 40px 0 14px;
  position: relative;
  font-weight: bold;
  line-height: 1.5; }
  .head-3:before {
    content: "";
    width: 14px;
    height: 14px;
    background-color: #000;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: -1px;
    left: 0;
    margin-top: 0.5em; }
  @media (max-width: 767px) {
    .head-3 {
      font-size: 13px;
      padding: 0 0 0 15px;
      margin: 30px 0 16px; }
      .head-3:before {
        content: "";
        width: 10px;
        height: 10px;
        background-color: #000;
        display: inline-block;
        vertical-align: top;
        position: absolute;
        top: -3px;
        left: 0;
        margin-top: 0.5em; } }

.head-4 {
  font-weight: bold;
  margin: 0 0 12px;
  font-size: 18px; }
  @media (max-width: 767px) {
    .head-4 {
      font-size: 12px;
      margin: 0 0 0; } }

.head-point {
  border: 2px solid #000;
  padding: 16px 50px;
  font-weight: bold;
  margin: 60px 0 12px; }
  @media (max-width: 767px) {
    .head-point {
      padding: 12px 30px; } }
  .head-point .head-point-num {
    display: block;
    background-color: #000;
    color: #fff;
    padding: 0.3846em 34px;
    font-size: 26px;
    margin: -2em 0 16px -30px;
    position: relative;
    float: left; }
    @media (max-width: 767px) {
      .head-point .head-point-num {
        font-size: 19px;
        margin: -2em 0 12px -22px; } }
    .head-point .head-point-num:after {
      content: "";
      width: 0;
      height: 0;
      border: 10px solid #000;
      border-right-color: transparent;
      border-bottom-color: transparent;
      border-left-color: transparent;
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin: 0 0 0 -10px; }
      @media (max-width: 767px) {
        .head-point .head-point-num:after {
          border: 6px solid #000;
          border-right-color: transparent;
          border-bottom-color: transparent;
          border-left-color: transparent;
          bottom: -12px;
          margin: 0 0 0 -6px; } }
  .head-point .head-point-title {
    display: block;
    clear: both;
    font-size: 20px; }
    @media (max-width: 767px) {
      .head-point .head-point-title {
        font-size: 12px; } }

.head-credit {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  background-color: #fff;
  border-top: 4px solid #000;
  font-size: 30px;
  margin: 0 0 13px;
  font-weight: bold;
  position: relative;
  padding: 20px 20px 20px 72px; }
  .head-credit:before {
    content: "";
    display: block;
    width: 36px;
    height: 40px;
    background: url(../images/common/icon-credit.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    left: 13px;
    margin-top: -20px; }
  .lang-en .head-credit {
    font-size: 26px; }
  @media (max-width: 767px) {
    .head-credit {
      font-size: 14px;
      padding: 14px 20px 14px 32px; }
      .head-credit:before {
        width: 18px;
        height: 20px;
        background: url(../images/common/icon-credit.png) no-repeat 0 0;
        background-size: 100%;
        margin: -10px 0 0;
        left: 5px; }
      .lang-en .head-credit {
        font-size: 14px;
        line-height: 1.5; } }

.head-5 {
  font-size: 24px;
  margin: 0 0 20px;
  font-weight: bold;
  line-height: 1.5; }
  @media (max-width: 767px) {
    .head-5 {
      font-size: 14px;
      margin: 0 0 10px; } }

.group-shop-list-item-head {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 15px; }
  @media (max-width: 767px) {
    .group-shop-list-item-head {
      font-size: 14px;
      margin: 0 0 15px; } }
  .group-shop-list-item-head a {
    color: #000;
    text-decoration: none; }
    .group-shop-list-item-head a:hover {
      color: #000;
      text-decoration: underline; }

.head-special {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  background-color: #fff;
  border-top: 4px solid #0b0306;
  font-size: 30px;
  margin: 0 0 13px;
  font-weight: bold;
  position: relative;
  padding: 20px 20px 20px 80px;
  background: url(../images/common/head-special-bg-2.png) no-repeat right 20px center #fff; }
  .head-special:before {
    content: "";
    display: block;
    width: 49px;
    height: 42px;
    background: url(../images/common/head-special-bg.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    left: 13px;
    margin-top: -20px; }
  @media (max-width: 767px) {
    .head-special {
      font-size: 14px;
      padding: 14px 20px 14px 42px;
      background-size: 99px 30px; }
      .head-special:before {
        content: "";
        display: block;
        width: 22px;
        height: 19px;
        background: url(../images/common/head-special-bg.png) no-repeat 0 0;
        background-size: 100%;
        position: absolute;
        top: 50%;
        left: 13px;
        -webkit-transform: translate(0%, -50%);
                transform: translate(0%, -50%);
        margin-top: 0; } }

.lead-1 {
  padding: 0 50px;
  font-size: 18px;
  margin: 1.5em 0; }
  @media (max-width: 767px) {
    .lead-1 {
      padding: 0;
      font-size: 12px;
      margin: 10px 0; } }

.lead-2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 40px; }
  @media (max-width: 767px) {
    .lead-2 {
      font-size: 12px;
      margin: 0 0 20px;
      line-height: 1.67; } }

.info-list .info-word, .info-list .info-definition {
  display: inline-block;
  vertical-align: top; }

.about-logo {
  margin: 42px 0 34px;
  text-align: center; }
  @media (max-width: 767px) {
    .about-logo {
      margin: 30px 0 20px; }
      .about-logo img {
        width: 60%;
        display: block;
        margin: 0 auto; } }

.list-tag {
  padding: 0;
  list-style: none;
  margin: -5px 0 20px; }
  .list-tag li {
    display: inline-block;
    margin: 5px 5px 0 0;
    vertical-align: top; }
    .list-tag li a,
    .list-tag li span {
      border: 1px solid #000;
      font-size: 12px;
      padding: 0;
      min-width: 89px;
      display: inline-block;
      text-align: center;
      color: #000;
      vertical-align: top; }
  @media (max-width: 767px) {
    .list-tag li a,
    .list-tag li span {
      font-size: 10px;
      min-width: 50px; } }

.list-sns {
  margin: 0 -8px 6px;
  padding: 0;
  list-style: none; }
  .list-sns li {
    display: inline-block;
    vertical-align: top;
    padding: 0 8px;
    margin: 0 0 14px; }
    .list-sns li > a img {
      vertical-align: top !important; }
    .list-sns li span {
      vertical-align: top !important; }
    .list-sns li * {
      vertical-align: top !important; }
    .list-sns li.googleplus {
      margin-top: -2px; }
    .list-sns li.line {
      display: none; }
      @media (max-width: 767px) {
        .list-sns li.line {
          display: inline-block; } }
    .list-sns li.weibo {
      margin-top: -2px; }
    .list-sns li.qzone {
      margin-top: -3px; }
  @media (max-width: 767px) {
    .list-sns {
      line-height: 0; } }

dl.list-1 dt {
  font-weight: normal; }
  dl.list-1 dt:before {
    content: "＊"; }

dl.list-1 dd {
  padding-left: 1em; }

.list-sitemap {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 20px;
  font-weight: bold; }
  @media (max-width: 992px) {
    .list-sitemap {
      font-size: 14px; } }
  @media (max-width: 767px) {
    .list-sitemap {
      font-size: 12px; } }
  .list-sitemap li ul {
    list-style: none;
    margin: 30px 0 0;
    padding: 0;
    padding: 0 0 0 40px; }
    @media (max-width: 767px) {
      .list-sitemap li ul {
        margin: 14px 0 0;
        padding: 0 0 0 26px; } }
    .list-sitemap li ul li {
      position: relative;
      padding: 0 0 0 24px; }
      .list-sitemap li ul li:before {
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        border-left: 1px solid #000;
        border-bottom: 1px solid #000;
        margin: -18px 0 0 0;
        position: absolute;
        top: 50%;
        left: 0; }
        @media (max-width: 767px) {
          .list-sitemap li ul li:before {
            width: 11px;
            height: 11px;
            margin: -11px 0 0 0; } }
      .list-sitemap li ul li.credit {
        margin-top: 0.5em; }
        .list-sitemap li ul li.credit:before {
          margin: -36px 0 0 0;
          height: 36px; }
      .list-sitemap li ul li:after {
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        border-top: 1px solid #000;
        border-left: 1px solid #000;
        vertical-align: middle;
        margin: -1px 0 0 0;
        position: absolute;
        top: 50%;
        left: 0; }
        @media (max-width: 767px) {
          .list-sitemap li ul li:after {
            width: 11px;
            height: 12px; } }
      .list-sitemap li ul li:first-child:before {
        content: "";
        display: block;
        width: 18px;
        height: 44px;
        border-left: 1px solid #000;
        border-bottom: 1px solid #000;
        margin: -44px 0 0 0;
        position: absolute;
        top: 50%;
        left: 0; }
        @media (max-width: 767px) {
          .list-sitemap li ul li:first-child:before {
            width: 11px;
            height: 22px;
            margin: -22px 0 0 0; } }
      .list-sitemap li ul li:last-child:after {
        display: none;
        content: none; }
  .list-sitemap li a {
    color: #000; }
    .list-sitemap li a:before {
      content: "";
      display: inline-block;
      background-image: url("../images/ja/sitemap-list-image.png");
      background-repeat: no-repeat;
      background-position: 0 0;
      margin-right: 5px;
      width: 17px;
      height: 17px;
      vertical-align: middle;
      position: relative;
      top: -2px; }
      @media (max-width: 767px) {
        .list-sitemap li a:before {
          background-size: 100%;
          width: 11px;
          height: 11px;
          top: -1px; } }

.list-credit {
  padding: 0;
  margin: 0;
  list-style: none; }
  .list-credit:before, .list-credit:after {
    content: "";
    display: table; }
  .list-credit:after {
    clear: both; }
  .list-credit li {
    float: left;
    margin: 4px 8px 4px 0; }

.list-shop-credit {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
  vertical-align: middle; }
  .list-shop-credit:before, .list-shop-credit:after {
    content: "";
    display: table; }
  .list-shop-credit:after {
    clear: both; }
  .list-shop-credit li {
    float: left;
    margin: 4px 8px 4px 0; }

.list-shop-info {
  list-style: none;
  padding: 0;
  margin: 0; }
  .list-shop-info li strong,
  .list-shop-info li span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5; }
  .list-shop-info li strong {
    margin-top: -2px; }
    .list-shop-info li strong:before {
      content: "";
      display: inline-block;
      margin: -3px 5px 0 0;
      width: 12px;
      height: 12px;
      background-color: #000; }
      @media (max-width: 767px) {
        .list-shop-info li strong:before {
          width: 8px;
          height: 8px; } }

.nav-pagination {
  font-family: '游ゴシック'; }
  .nav-pagination .nav-pagination-list {
    padding: 0;
    margin: -4px -4px 0;
    list-style: none;
    text-align: center;
    font-size: 16px; }
    @media (max-width: 767px) {
      .nav-pagination .nav-pagination-list {
        font-size: 11px; } }
    .nav-pagination .nav-pagination-list li {
      display: inline-block;
      margin: 4px 6px 0;
      vertical-align: top; }
      .nav-pagination .nav-pagination-list li a {
        display: inline-block;
        border: 1px solid #000;
        width: 36px;
        line-height: 34px;
        text-align: center;
        color: #000;
        font-weight: bold; }
        @media (max-width: 767px) {
          .nav-pagination .nav-pagination-list li a {
            width: 26px;
            line-height: 24px; } }
        .nav-pagination .nav-pagination-list li a:hover {
          text-decoration: none;
          background-color: #000;
          color: #fff; }
      .nav-pagination .nav-pagination-list li.is-current a {
        background-color: #000;
        color: #fff; }
      .nav-pagination .nav-pagination-list li.prev a, .nav-pagination .nav-pagination-list li.next a {
        overflow: hidden;
        text-indent: -9999px;
        position: relative; }
        .nav-pagination .nav-pagination-list li.prev a:before, .nav-pagination .nav-pagination-list li.next a:before {
          content: "";
          display: block;
          width: 12px;
          height: 12px;
          border-top: 2px solid #000;
          border-left: 2px solid #000;
          position: absolute;
          left: 50%;
          top: 50%; }
        .nav-pagination .nav-pagination-list li.prev a:hover:before, .nav-pagination .nav-pagination-list li.next a:hover:before {
          border-color: #fff; }
      .nav-pagination .nav-pagination-list li.prev a:before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        margin: -6px 0 0 -3px; }
      .nav-pagination .nav-pagination-list li.next a:before {
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
        margin: -6px 0 0 -9px; }
  .nav-pagination .nav-pagination-info {
    text-align: center;
    font-weight: bold;
    font-size: 16px; }
    @media (max-width: 767px) {
      .nav-pagination .nav-pagination-info {
        font-size: 12px;
        margin-bottom: 22px; } }

.nav-page {
  display: none; }
  .nav-page ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px dotted #000;
    border-bottom: 1px dotted #000;
    padding: 10px 0; }
    .nav-page ul li {
      display: inline-block;
      width: 50%; }
      .nav-page ul li a {
        color: #000; }
      .nav-page ul li.nav-page-prev:before {
        content: "<";
        margin-right: 1em;
        vertical-align: middle;
        position: relative;
        top: -2px; }
      .nav-page ul li.nav-page-next {
        text-align: right; }
        .nav-page ul li.nav-page-next:after {
          content: ">";
          margin-left: 1em;
          vertical-align: middle;
          position: relative;
          top: -2px; }

.table-1 {
  width: 100%;
  border-bottom: 1px solid #000;
  margin: 0 0 40px; }
  .table-1 .table-col-1 {
    width: 174px; }
    @media (max-width: 767px) {
      .table-1 .table-col-1 {
        width: auto; } }
  @media (max-width: 767px) {
    .table-1 {
      display: block; }
      .table-1 thead,
      .table-1 tbody,
      .table-1 th,
      .table-1 td,
      .table-1 tfoot,
      .table-1 tr {
        display: block; } }
  .table-1 th,
  .table-1 td {
    border-top: 1px solid #000;
    padding: 20px 20px;
    border-left: 1px solid #000;
    font-weight: normal;
    word-break: break-all; }
    @media (max-width: 767px) {
      .table-1 th,
      .table-1 td {
        border: 0 none; } }
  .table-1 tr th:first-child,
  .table-1 tr td:first-child {
    border-left: 0 none; }
  @media (max-width: 767px) {
    .table-1 tr {
      border-top: 1px solid #000; } }
  @media (max-width: 767px) {
    .table-1 th {
      background-color: #f9f9f9 !important;
      font-weight: bold;
      border-bottom: 1px dotted #ccc;
      padding: 8px 10px; }
    .table-1 td {
      padding: 10px 10px; } }
  .table-1 tr:nth-child(2n+1) th,
  .table-1 tr:nth-child(2n+1) td {
    background-color: #f9f9f9; }
    @media (max-width: 767px) {
      .table-1 tr:nth-child(2n+1) th,
      .table-1 tr:nth-child(2n+1) td {
        background-color: transparent; } }
  .table-1 .head-cell {
    display: block;
    text-indent: -16px;
    padding: 0 0 0 16px; }
    .table-1 .head-cell:before {
      content: "";
      display: inline-block;
      width: 10px;
      height: 10px;
      background-color: #000;
      position: relative;
      top: -1px;
      margin-right: 6px; }
    @media (max-width: 767px) {
      .table-1 .head-cell:before {
        top: 0; } }

.table-2 {
  width: 100%;
  border-bottom: 1px solid #000;
  margin: 0 0 40px; }
  .table-2 .table-col-1 {
    width: 174px; }
    @media (max-width: 767px) {
      .table-2 .table-col-1 {
        width: auto; } }
  @media (max-width: 767px) {
    .table-2 {
      display: block; }
      .table-2 thead,
      .table-2 tbody,
      .table-2 th,
      .table-2 td,
      .table-2 tfoot,
      .table-2 tr {
        display: block; } }
  .table-2 th,
  .table-2 td {
    border-top: 1px solid #000;
    padding: 20px 20px;
    border-left: 1px solid #000;
    font-weight: normal;
    word-break: break-all; }
    @media (max-width: 767px) {
      .table-2 th,
      .table-2 td {
        border: 0 none; } }
  .table-2 th {
    background-color: #f9f9f9 !important; }
  .table-2 tr th:first-child,
  .table-2 tr td:first-child {
    border-left: 0 none; }
  @media (max-width: 767px) {
    .table-2 tr {
      border-top: 1px solid #000; } }
  @media (max-width: 767px) {
    .table-2 th {
      background-color: #f9f9f9 !important;
      font-weight: bold;
      border-bottom: 1px dotted #ccc;
      padding: 8px 10px; }
    .table-2 td {
      padding: 10px 10px; } }
  .table-2 .head-cell {
    display: block;
    text-indent: -16px;
    padding: 0 0 0 16px; }
    .table-2 .head-cell:before {
      content: "";
      display: inline-block;
      width: 10px;
      height: 10px;
      background-color: #000;
      position: relative;
      top: -1px;
      margin-right: 6px; }
    @media (max-width: 767px) {
      .table-2 .head-cell:before {
        top: 0; } }

.table-3 {
  font-size: inherit; }
  .table-3 th,
  .table-3 td {
    vertical-align: top;
    padding: 1em 0 0 0; }
  .table-3 th {
    font-weight: bold;
    white-space: nowrap;
    padding-right: 1em; }
  @media (max-width: 767px) {
    .table-3,
    .table-3 th,
    .table-3 td,
    .table-3 tr,
    .table-3 thead,
    .table-3 tfoot,
    .table-3 tbody {
      display: block; }
    .table-3 tr {
      margin-bottom: 30px; }
      .table-3 tr:last-child {
        margin-bottom: 0; }
    .table-3 th,
    .table-3 td {
      padding: 0; }
    .table-3 th {
      font-size: 13px; } }

.table-4 {
  display: block; }
  .table-4 thead,
  .table-4 tbody,
  .table-4 tfoot,
  .table-4 tr,
  .table-4 th,
  .table-4 td {
    display: block; }
  .table-4 tr {
    margin-bottom: 1em; }
  .table-4 th,
  .table-4 td {
    display: inline; }

.table-5 {
  display: block; }
  .table-5 thead,
  .table-5 tbody,
  .table-5 tfoot,
  .table-5 tr,
  .table-5 th,
  .table-5 td {
    display: block; }
  .table-5 tr {
    margin-bottom: 1em; }

.table-6 thead {
  border-top: 1px solid #000; }
  .table-6 thead tr th {
    background-color: #d9d9d9;
    border: 1px solid #000;
    width: 25%;
    text-align: center;
    vertical-align: top; }

.table-6 tbody td {
  border: 1px solid #000; }

.list-area-map {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0; }
  .list-area-map li {
    position: absolute;
    line-height: normal;
    white-space: nowrap; }
  .list-area-map a {
    font-weight: bold;
    color: #000;
    text-decoration: none; }
    .list-area-map a:hover {
      color: #ed1a3d;
      text-decoration: none; }
  .list-area-map .area-1 {
    bottom: 460px;
    left: 675px; }
  .list-area-map .area-2 {
    bottom: 415px;
    left: 635px; }
  .list-area-map .area-3 {
    bottom: 255px;
    left: 625px; }
  .list-area-map .area-4 {
    bottom: 240px;
    left: 550px; }
  .list-area-map .area-5 {
    bottom: 158px;
    left: 548px; }
  .list-area-map .area-6 {
    bottom: 135px;
    left: 555px; }
  .list-area-map .area-7 {
    bottom: 210px;
    left: 465px; }
  .list-area-map .area-8 {
    bottom: 145px;
    left: 460px; }
  .list-area-map .area-9 {
    bottom: 120px;
    left: 500px; }
  .list-area-map .area-10 {
    bottom: 155px;
    left: 410px; }
  .list-area-map .area-11 {
    bottom: 115px;
    left: 395px; }
  .list-area-map .area-12 {
    bottom: 135px;
    left: 355px; }
  .list-area-map .area-13 {
    bottom: 145px;
    left: 282px; }
  .list-area-map .area-14 {
    bottom: 120px;
    left: 230px; }
  .list-area-map .area-15 {
    bottom: 90px;
    left: 200px; }
  .list-area-map .area-16 {
    bottom: 33px;
    left: 215px; }
  .list-area-map .area-17 {
    bottom: 45px;
    left: 735px; }

.list-area-dot-left:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #e94908;
  border-radius: 5px;
  position: relative;
  top: -2px;
  margin-right: 4px; }

.list-area-dot-top:before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background: #e94908;
  border-radius: 5px;
  margin: 0 auto; }

.list-area-dot-right:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #e94908;
  border-radius: 5px;
  position: relative;
  top: -2px;
  margin-left: 4px; }

.list-area-dot-bottom:after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background: #e94908;
  border-radius: 5px;
  margin: 0 auto; }

.align-c {
  text-align: center !important; }

.align-l {
  text-align: left !important; }

.align-r {
  text-align: right !important; }

.smp-only {
  display: none !important; }
  @media screen and (max-width: 767px) {
    .smp-only {
      display: block !important; } }

.cover {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.contain {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain; }

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

.mb-0 {
  margin-bottom: 0px !important; }

.mb-1 {
  margin-bottom: 1px !important; }

.mb-2 {
  margin-bottom: 2px !important; }

.mb-3 {
  margin-bottom: 3px !important; }

.mb-4 {
  margin-bottom: 4px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.mb-6 {
  margin-bottom: 6px !important; }

.mb-7 {
  margin-bottom: 7px !important; }

.mb-8 {
  margin-bottom: 8px !important; }

.mb-9 {
  margin-bottom: 9px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.mb-80 {
  margin-bottom: 80px !important; }

.mb-90 {
  margin-bottom: 90px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.w-0 {
  width: 0px; }

.w-20 {
  width: 20px; }

.w-40 {
  width: 40px; }

.w-60 {
  width: 60px; }

.w-80 {
  width: 80px; }

.w-100 {
  width: 100px; }

.w-120 {
  width: 120px; }

.w-140 {
  width: 140px; }

.w-160 {
  width: 160px; }

.w-180 {
  width: 180px; }

.w-200 {
  width: 200px; }

.w-220 {
  width: 220px; }

.w-240 {
  width: 240px; }

.w-260 {
  width: 260px; }

.w-280 {
  width: 280px; }

.w-300 {
  width: 300px; }

.w-320 {
  width: 320px; }

.w-340 {
  width: 340px; }

.w-360 {
  width: 360px; }

.w-380 {
  width: 380px; }

.w-400 {
  width: 400px; }

.w-full {
  width: 100%; }

.img-responsive {
  display: block;
  width: 100%;
  height: auto; }

.clear {
  clear: both; }

.hr-1 {
  margin: 40px 0;
  border-color: #000; }