.card .strong {
  color: #7D6D2D;
  text-decoration: none;
  border-bottom: 1px solid #7D6D2D;
  padding-bottom: 1px;
  font-weight: 500;
}
  
  .house .strong {
  color: #7D6D2D;
  text-decoration: none;
  border-bottom: 1px solid #7D6D2D;
  padding-bottom: 1px;
  font-weight: 500;
}
  .app .strong {
  color: #7D6D2D;
  text-decoration: none;
  border-bottom: 1px solid #7D6D2D;
  padding-bottom: 1px;
  font-weight: 500;
}
  
  .d_block {
    display: block !important; }
  
  .pt_md {
    padding-top: 50px; }
  
  .mx-auto {
    margin: 0 auto; }
  
  .border_black {
    border: 1px solid #000;
    line-height: 0; }
  
  .fs10 {
    font-size: 10px; }
  
  .txt_noline {
    text-decoration: none; }
    .txt_noline a:link {
      text-decoration: none; }
  
  .pointer_none {
    pointer-events: none !important; }
  
  .none {
    display: none !important; }
  
  @media screen and (max-width: 600px) {
    .body .pt_md {
      padding-top: 17.5px; }
    .body .border_black {
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      border-left: none;
      border-right: none; }
      .body .border_black.border_full {
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        border-left: 1px solid #000;
        border-right: 1px solid #000; }
    .body .txt_noline {
      text-decoration: none; }
      .body .txt_noline a:link {
        text-decoration: none; } }
  
  .body .container {
    padding-top: 100px;
    padding-bottom: 50px; }
    .body .container:first-of-type {
      padding-top: 0; }
    .body .container.container_tab {
      margin-bottom: 0;
  z-index: 1000;}
    .body .container.container_white {
      background-color: #fff; }
    .body .container.container_nav {
      padding-bottom: 0;
      padding-top: 0; }
    .body .container.container_banner {
      padding-top: 50px;
      padding-bottom: 25px; }
    .body .container.container_bd {
      padding-top: 50px;
      background: url(https://d37y81xmfp6jwi.cloudfront.net/img/usr/freepage/membership/bg_bd_all_item.jpg) no-repeat center center/contain; }
    .body .container.container_pb {
      padding-top: 50px;
      background: url(https://d37y81xmfp6jwi.cloudfront.net/img/usr/freepage/membership/bg_pb_all_item.jpg) no-repeat center center/contain; }
  
  @media screen and (max-width: 600px) {
    .body .container {
      padding-top: 35px;
      padding-bottom: 17.5px; }
      .body .container.container_gray {
        padding-bottom: 35px;
        padding-top: 17.5px; }
      .body .container.container_bd {
        padding-top: 35px;
        background: url(https://d37y81xmfp6jwi.cloudfront.net/img/usr/freepage/membership/sp/sp_bg_bd_all_item.jpg) no-repeat center center/contain; }
      .body .container.container_pb {
        padding-top: 35px;
        background: url(https://d37y81xmfp6jwi.cloudfront.net/img/usr/freepage/membership/sp/sp_pb_all_item.jpg) no-repeat center center/contain; }
      .body .container.container_nav {
        padding-bottom: 0;
        padding-top: 0; }
      .body .container.container_banner {
        padding-top: 17.5px;
        padding-bottom: 8.75px; } }
  
    .body label[class^=tab] .tab_maintl {
      font-family: Noto Sans Japanese, sans-serif;
      font-size: 16px;
      line-height: 1.2;
      font-weight: 700;
      vertical-align: middle;}
      .body label[class^=tab] .tab_maintl br {
        display: none; }
    .body label[class^=tab] .tab_subtl {
      display: inline; }
    .body label[class^=tab].card {
      border-color: #7D6D2D; }
    .body label[class^=tab].house {
      border-color: #535353; }
    .body label[class^=tab].app {
      border-color: #272B4B; }
    .body label[class^=tab]:hover {
      border-bottom-width: 6px; }
    .body label[class^=tab].active {
      border-bottom-width: 6px; }
  
  .body .tab_panel {
    width: 100%;
  /*  display: none; */
    -webkit-transition: all .3s;
    transition: all .3s; }
    .body .tab_panel.active {
  /*    display: block!important; */}
  
  @media screen and (max-width: 750px) {
    .body label[class^=tab] {
        width: 33%;
        border-bottom-width: 3px;
        border-bottom-style: solid;
        padding-bottom: 1em;
        -webkit-transition: all .3s;
        transition: all .3s; }
    .body label[class^=tab]:nth-child(2) {
        margin: 0 0.5%; }
  
    .body label[class^=tab] .tab_icon {
      width: 85px;
      margin: 21px auto 0;}
    .body label[class^=tab]:nth-child(3) .tab_icon{
        width: 41px;
        margin: 0 auto; }
    .body label[class^=tab] .tab_maintl {
      font-size: 11px;
      line-height: 1.2;
        margin-top: 10px;
      vertical-align: bottom;
      text-align: center;}
      .body label[class^=tab] .tab_maintl br {
        display: inline; }
    .body label[class^=tab] .tab_subtl {
      display: none; }
    .body label[class^=tab].card {
      border-color: #7D6D2D;
      position: relative;}
    .body label[class^=tab].card:before {
        z-index: 1200;
      position: absolute;
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      border-top-color: #7D6D2D;
      border-width: 10px;
      margin-left: -10px; }
    .body label[class^=tab].house {
      border-color: #535353;
      position: relative;}
    .body label[class^=tab].house:before {
        z-index: 1200;
      position: absolute;
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      border-top-color: #535353;
      border-width: 10px;
      margin-left: -10px; }
    .body label[class^=tab].app {
      border-color: #272B4B;
      position: relative;}
    .body label[class^=tab].app:before {
        z-index: 1200;
      position: absolute;
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      border-top-color: #272B4B;
      border-width: 10px;
      margin-left: -10px; }
    .body label[class^=tab]:hover {
      border-bottom-width: 6px; }
    .body .tab_panel {
      width: 100%;
   /*   display: none; */
      -webkit-transition: all .3s;
      transition: all .3s; }
      .body .tab_panel.active {
  /*      display: block!important; */} 
  }
  
  @media screen and (min-width: 751px) {
    .body label[class^=tab] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 33.2%;
        border-bottom-width: 3px;
        border-bottom-style: solid;
        padding-bottom: 1em;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: all .3s;
        transition: all .3s; }
    .body label[class^=tab]:nth-child(2) {
        margin: 0 0.2%; }
    .body label[class^=tab] .tab_icon {
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content; }
    .body label[class^=tab] .tab_icon {
      margin-right: 20px;
      width: 25%;
      position: relative; }
    .body label[class^=tab]:nth-child(3) .tab_icon{
      width: 41px;
      height: auto; }
    .body label[class^=tab] .tab_maintl {
      font-size: 16px;
      line-height: 1.2;
      vertical-align: middle; }
  }
  
  .body header {
    width: 100%;
    margin-bottom: 50px;
    text-align: center;
    width: 1200px;
    margin: 3.5em auto 1em auto;
    color: #fff; }
    .body header.mv {
      background: url(https://d37y81xmfp6jwi.cloudfront.net/img/usr/freepage/membership/bg_mv.jpg) no-repeat center center/cover;
      padding: 5em 0 4em 0; }
    .body header a {
      color: #fff;
      text-decoration: underline; }
      .body header a:link {
        color: #fff;
        text-decoration: underline; }
  
  @media screen and (max-width: 750px) {
    .body header {
      margin-bottom: 17.5px;
      text-align: center;
      width: 100%;
      margin: 0;
      margin-bottom: .5em;
      color: #fff; }
      .body header.mv {
        background: url(https://d37y81xmfp6jwi.cloudfront.net/img/usr/freepage/membership/sp/sp_bg_mv.png) no-repeat center center/cover;
        padding: 3em 0 2em 0; }
      .body header a {
        color: #fff;
        text-decoration: underline; }
        .body header a:link {
          color: #fff;
          text-decoration: underline; } }
  
  .body .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    width: 1100px;
    background-color: #F9F9F9; }
    .body .row.row_h2 {
      border-bottom-width: 3px;
      border-bottom-style: solid;
      padding: 3em 0;
      margin-bottom: 0; }
      .body .row.row_h2.card {
        border-color: #7D6D2D; }
      .body .row.row_h2.app {
        border-color: #272B4B; }
    .body .row.row_body {
      margin-bottom: 0;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding-top: 5em; }
    .body .row.row_benefits {
      margin-bottom: 0;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .body .row.row_tab {
      margin-bottom: 0;
      background-color: transparent; }
    .body .row.row_banner {
      margin-top: 0;
      margin-bottom: 50px; }
    .body .row.row_item {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 0; }
    .body .row.row_white {
      background-color: #fff; }
  
  .body.row_btn {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  
  @media screen and (max-width: 600px) {
    .body .row {
      /*margin-bottom: 17.5px;*/
      width: 100%; }
      .body .row.row_body {
        margin-bottom: 0;
        padding-top: 2.5em; }
      .body .row.row_h2 {
        padding: 1.5em 0; }
      .body .row.row_nav {
        margin-bottom: 0; }
      .body .row.row_banner {
        margin-top: 0;
        margin-bottom: 17.5px; }
      .body .row.row_btn {
        margin-bottom: 17.5px;
        width: 100%; } }
  
  .body .h1,
  .body .h2,
  .body .h3,
  .body .h4,
  .body .h5 {
    font-family: "Libre Baskerville", "Noto Serif JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: normal;
    margin: 0;
    text-align: center;
    width: 100%; }
  
  .body .h1 {
    font-size: 42px;
    line-height: 1.5; }
    .body .h1 img {
      width: 20%; }
  
  .body .i_main {
    margin: 0 auto;
    width: 10%; }
  
  .body .h2 {
    font-size: 27px; }
  
  .body .h2_subtl {
    text-align: center;
    width: 100%; }
  
  .body .h3 {
    font-size: 22px;
    font-weight: normal;
    line-height: 1.7; }
    .body .h3 span {
      color: #7D6D2D;
      font-size: 32px;
      vertical-align: middle;
      line-height: 0; }
      .body .h3 span::before, .body .h3 span::after {
        display: inline-block;
        padding-bottom: 0.25em;
        content: "-";
        vertical-align: middle;
        color: #B9B9B3;
        margin: 0 .25em; }
    .body .h3.app span {
      color: #272B4B; }
      .body .h3.app span::before, .body .h3.app span::after {
        color: #B3B3B9; }
  
  .body .h3_subtl {
    text-align: center;
    width: 100%;
    margin-bottom: 2em;
    color: #7D6D2D; }
    .body .h3_subtl.app {
      color: #272B4B; }
  
  .body .h4 {
    border-bottom: 1px solid #707070;
    line-height: 3;
    font-size: 15px;
    margin: 0 0 2em 0; }
  
  .body .h5 {
    font-size: 15px;
    margin-bottom: 2em; }
    .body .h5 span {
      border-bottom: 1px solid #7D6D2D;
      display: inline-block;
      padding-bottom: .05em; }
    .body .h5.app span {
      border-bottom: 1px solid #272B4B; }
  
  @media screen and (max-width: 750px) {
    .body .h1 {
      font-size: 32px;
      margin: 0 auto;
      width: 90%;
      color: #fff; }
    .body .i_main {
      width: 90px; }
    .body .h2 {
      font-size: 25px;
      line-height: 1.5; }
    .body .h3 {
      font-size: 20px;
      line-height: 1.2;
      margin-bottom: 0; }
      .body .h3 span {
        color: #7D6D2D;
        font-size: 28px;
        vertical-align: middle;
        line-height: 0; }
      .body .h3.app span {
        color: #272B4B; }
        .body .h3.app span::before, .body .h3.app span::after {
          color: #B3B3B9; } }
  
  .body .slide {
    visibility: hidden; }
  
  .body .slidein {
    overflow: hidden;
    position: relative;
    visibility: visible; }
    .body .slidein:before {
      -webkit-animation: slidein 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
      animation: slidein 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
      background-color: gray;
      bottom: 0;
      content: '';
      left: 0;
      pointer-events: none;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 1; }
  
  @-webkit-keyframes slidein {
    100% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%); } }
  
  @keyframes slidein {
    100% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%); } }
  
  .body .hidden {
    visibility: hidden; }
  
  .body .visible {
    visibility: visible; }
  
  .body .about p {
    max-width: 60vw; }
  
  @media screen and (max-width: 600px) {
    .body .about p {
      max-width: 90%;
      margin: 0 auto; } }
  
  /*
  .body .ranks {
    width: calc(1100px - 165px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  */
  .body .rank_arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 40px;
    margin-right: 10px;
    height: calc(100% - 3em);
    background: #e4dec7;
    background: -webkit-gradient(linear, left top, left bottom, from(#e4dec7), color-stop(50%, #807754), to(#36332a));
    background: -webkit-linear-gradient(top, #e4dec7 0%, #807754 50%, #36332a 100%);
    background: linear-gradient(180deg, #e4dec7 0%, #807754 50%, #36332a 100%); }
    .body .rank_arrow span {
      -ms-writing-mode: tb-rl;
      -webkit-writing-mode: vertical-rl;
      writing-mode: vertical-rl;
      color: #fff;
      line-height: 3;
      height: 100%;
      text-align: center;
      letter-spacing: .25em;
      line-height: 2.4;
      font-size: 16px; }
    .body .rank_arrow .triangle {
      justify-self: flex-end;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 30px 20px 0 20px;
      border-color: #36332a transparent transparent transparent;
      position: relative;
      bottom: -30px;
      margin-top: -30px; }
    .body .rank_arrow.house {
      background: #D5C5B6;
      background: -webkit-gradient(linear, left top, left bottom, from(#D5C5B6), color-stop(50%, #706357), to(#808080));
      background: -webkit-linear-gradient(top, #D5C5B6 0%, #706357 50%, #808080 100%);
      background: linear-gradient(180deg, #D5C5B6 0%, #706357 50%, #808080 100%); }
      .body .rank_arrow.house .triangle {
        border-color: #808080 transparent transparent transparent; }
    .body .rank_arrow.app {
      background: #eaeaea;
      background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), color-stop(50%, #7aa1ce), to(#7ab16b));
      background: -webkit-linear-gradient(top, #eaeaea 0%, #7aa1ce 50%, #7ab16b 100%);
      background: linear-gradient(180deg, #eaeaea 0%, #7aa1ce 50%, #7ab16b 100%); }
      .body .rank_arrow.app .triangle {
        border-color: #7ab16b transparent transparent transparent; }
  
  .body .rank {
  /*  width: calc(100% - 60px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  */
    background-color: #E4DEC7;
    padding: 2em 15px;
    margin-bottom: 1em; }
    .body .rank .rank_tl,
    .body .rank .rank_benefits {
  /*    width: 50%;*/
      text-align: center;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      align-self: center; }
    .body .rank .rank_tl {
      height: 245px; }
    .body .rank .rank_tl.app {
      height: 260px; }
      .body .rank .rank_name.noicon {
        padding-top: 70px!important; }
    .body .rank .rank_name,
    .body .rank .rank_condition,
    .body .rank .rank_name *,
    .body .rank .rank_condition * {
      width: 100%; }
    .body .rank .rank_icon {
      width: 100px;
      margin: 0 auto 1em auto; }
    .body .rank .rank_name {
      margin-bottom: 1em;
      font-family: "Libre Baskerville", "Noto Serif JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }
    .body .rank .rank_name_maintl {
      font-size: 21px;
      line-height: 1; }
    .body .rank .rank_name_subtl {
      font-size: 11px; }
    .body .rank .rank_condition_index {
      display: inline-block;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 3px 20px;
      font-size: 12px;
      border-width: 1px;
      border-style: solid;
      border-color: #444;
      margin-bottom: 5px;}
    .body .rank .rank_benefits {
      background-color: #EBE5CD;
      padding: 1em 0; }
      .body .rank .rank_benefits table {
        width: 100%;
        margin: 0 auto;
        border-collapse: collapse; }
        .body .rank .rank_benefits table th, .body .rank .rank_benefits table td {
          padding: 1.5em 1em; }
        .body .rank .rank_benefits table th {
          font-weight: normal;
          text-align: left; }
        .body .rank .rank_benefits table tr {
          border-bottom-width: 1px;
          border-bottom-style: solid;
          border-bottom-color: #444; }
          .body .rank .rank_benefits table tr:last-child {
            border-bottom-width: 0;
            border-bottom-style: none;
            border-bottom-color: transparent; }
      .body .rank .rank_benefits span {
        font-family: "Libre Baskerville", "Noto Serif JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        display: block; }
      .body .rank_high .rank_benefits span {
        font-family: "Libre Baskerville", "Noto Serif JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        display: block; }
      .body .rank .rank_benefits .peroff {
        font-size: 20px;
        line-height: 1; }
        .body .rank .rank_benefits .peroff:after {
          content: "%off";
          display: inline;
          font-size: 13px; }
      .body .rank .rank_benefits .d_ticket {
        font-size: 20px;
        line-height: 1; }
    .body .rank.gold {
      background-color: #807754; }
      .body .rank.gold .rank_tl,
      .body .rank.gold .rank_benefits {
        color: #fff; }
      .body .rank.gold .rank_condition_index {
        border-color: #fff; }
      .body .rank.gold .rank_benefits {
        background-color: #877F5E; }
        .body .rank.gold .rank_benefits table tr {
          border-bottom-color: #fff; }
    .body .rank.platium {
      background-color: #8E8C86; }
      .body .rank.platium .rank_tl,
      .body .rank.platium .rank_benefits {
        color: #fff; }
      .body .rank.platium .rank_condition_index {
        border-color: #fff; }
      .body .rank.platium .rank_benefits {
        background-color: #A2A097; }
        .body .rank.platium .rank_benefits table tr {
          border-bottom-color: #fff; }
    .body .rank.rank_high {
  /*    width: 46.5%;*/
      background-color: #36332A;
      color: #fff;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 3em 1em;
        margin-bottom: 2px;}
      .body .rank.rank_high .rank_condition {
        margin-bottom: 30px; }
      .body .rank.rank_high .rank_condition_index {
        border-color: #fff; }
      .body .rank.rank_high .rank_benefits {
        background-color: #4E4B43;
        width: 80%;
          margin: 0 auto;
        padding: 2em 0; }
      .body .rank.rank_high hr {
        /*border-bottom: .5px solid #fff;*/
          border: none;
        width: 80%;
          height: 0!important;
        margin: 1.25em auto; }
    .body .rank.n_bronze {
      background-color: #D5C5B6; }
      .body .rank.n_bronze .rank_tl,
      .body .rank.n_bronze .rank_benefits {
        color: #444; }
      .body .rank.n_bronze .rank_condition_index {
        border-color: #444; }
      .body .rank.n_bronze .rank_benefits {
        background-color: #DCCEC1; }
        .body .rank.n_bronze .rank_benefits table tr {
          border-bottom-color: #444; }
    .body .rank.bronze {
      background-color: #706357; }
      .body .rank.bronze .rank_tl,
      .body .rank.bronze .rank_benefits {
        color: #fff; }
      .body .rank.bronze .rank_condition_index {
        border-color: #fff; }
      .body .rank.bronze .rank_benefits {
        background-color: #7D6F62; }
        .body .rank.bronze .rank_benefits table tr {
          border-bottom-color: #fff; }
    .body .rank.silver {
      background-color: #808080; }
      .body .rank.silver .rank_tl,
      .body .rank.silver .rank_benefits {
        color: #fff; }
      .body .rank.silver .rank_condition_index {
        border-color: #fff; }
      .body .rank.silver .rank_benefits {
        background-color: #8D8C8C; }
        .body .rank.silver .rank_benefits table tr {
          border-bottom-color: #fff; }
    .body .rank.white {
      background-color: #eaeaea; }
      .body .rank.white .rank_tl,
      .body .rank.white .rank_benefits {
        color: #444; }
      .body .rank.white .rank_condition_index {
        border-color: #444; }
      .body .rank.white .rank_benefits {
        background-color: #f3f3f3; }
        .body .rank.white .rank_benefits table tr {
          border-bottom-color: #444; }
    .body .rank.blue {
      background-color: #7aa1ce; }
      .body .rank.blue .rank_tl,
      .body .rank.blue .rank_benefits {
        color: #fff; }
      .body .rank.blue .rank_condition_index {
        border-color: #fff; }
      .body .rank.blue .rank_benefits {
        background-color: #87a9d0; }
        .body .rank.blue .rank_benefits table tr {
          border-bottom-color: #fff; }
    .body .rank.green {
      background-color: #65b96a; }
      .body .rank.green .rank_tl,
      .body .rank.green .rank_benefits {
        color: #fff; }
      .body .rank.green .rank_condition_index {
        border-color: #fff; }
      .body .rank.green .rank_benefits {
        background-color: #89b97b; }
        .body .rank.green .rank_benefits table tr {
          border-bottom-color: #fff; }
  
  @media screen and (max-width: 750px) {
    .body .ranks {
      width: 100%; }
    .body .rank {
      width: calc(100% -20px);
      padding: 1.5em 10px;
      margin-bottom: 1em; }
      .body .rank .rank_tl,
      .body .rank .rank_benefits {
        width: 100%; }
      .body .rank .rank_tl {
  /*      font-size: 15px;*/
        margin: 0; }
      .body .rank .rank_name.noicon {
        padding-top: 70px!important; }
      .body .rank .rank_name,
      .body .rank .rank_condition,
      .body .rank .rank_name *,
      .body .rank .rank_condition * {
        width: 100%; }
      .body .rank.rank .rank_condition .rank_condition_index {
        margin-bottom: 5px; }
      .body .rank.rank_high .rank_condition {
        margin-bottom: 30px; }
      .body .rank .rank_icon {
        width: 100px;
        margin: 0 auto 1em auto; }
      .body .rank .rank_name {
        margin-bottom: 1em;
        font-family: "Libre Baskerville", "Noto Serif JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }
      .body .rank .rank_name_maintl {
        font-size: 21px;
        line-height: 1; }
      .body .rank .rank_name_subtl {
        font-size: 11px; }
      .body .rank .rank_condition_index {
        display: inline-block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 3px 20px;
        font-size: 12px;
        border-width: 1px;
        border-style: solid;
        border-color: #444; }
      .body .rank .rank_condition_price {
        font-size: 12px!important; }
      .body .rank .rank_benefits {
        background-color: #EBE5CD;
        padding: 1em 0; }
        .body .rank .rank_benefits table {
          width: 94%;
          margin: 0 auto;
          border-collapse: collapse;
          font-size: 12px; }
          .body .rank .rank_benefits table th, .body .rank .rank_benefits table td {
            padding: 1.5em .5em; }
          .body .rank .rank_benefits table th {
            font-weight: normal;
            text-align: left;}
          .body .rank .rank_benefits table tr {
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #444; }
            .body .rank .rank_benefits table tr:last-child {
              border-bottom-width: 0;
              border-bottom-style: none;
              border-bottom-color: transparent; }
        .body .rank .rank_benefits span {
          font-family: "Libre Baskerville", "Noto Serif JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
          display: block; }
        .body .rank .rank_benefits .peroff {
          font-size: 20px;
          line-height: 1; }
          .body .rank .rank_benefits .peroff:after {
            content: "%off";
            display: inline;
            font-size: 13px; }
        .body .rank .rank_benefits .d_ticket {
          font-size: 20px;
          line-height: 1; }
      .body .rank.rank_high {
        width: calc(100% - 20px);
        padding: 2em 10px;
      margin-bottom: 2px!important;}
        .body .rank.rank_high .rank_tl {
          width: 100%;
          margin: .75em 0 0; }
        .body .rank.rank_high .rank_condition_index {
          border-color: #fff; }
        .body .rank.rank_high .rank_benefits {
          background-color: #4E4B43;
          width: 80%;
          padding: 2em 0; }
        .body .rank.rank_high hr {
          border-bottom: .5px solid #fff;
          width: 80%;
          margin: 1.25em auto; } }
  
  .body .pagelink {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .body .pagelink a {
      text-decoration: none;
      width: 300px;
      margin: 0 2em; }
    .body .pagelink .link {
      width: 100%;
      text-align: center; }
      .body .pagelink .link img::after {
        content: "|"; }
  
  @media screen and (max-width: 600px) {
    .body .pagelink {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      width: 90%;
      margin: 0 auto; }
      .body .pagelink a {
        text-decoration: none;
        width: 40%;
        margin: 0; }
      .body .pagelink .link {
        width: 100%;
        text-align: center; }
        .body .pagelink .link span {
          font-size: 3.5vw; }
        .body .pagelink .link img::after {
          content: "|"; } }
  
  .body .btn {
    display: inline-block;
    background-color: #36332A;
    text-decoration: none;
    padding: 5px 0;
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 100%;
    cursor: pointer; }
    .body .btn:hover {
      background-color: #444135; }
    .body .btn.btn_big {
      text-align: center;
      width: 65%;
      padding: 13px 0;
      font-size: 15px;
      margin: 10px 0; }
    .body .btn.app {
      background-color: #272B4B; }
      .body .btn.app:hover {
        background-color: #30355c; }
    .body .btn br {
      display: none; }
  
  @media screen and (max-width: 750px) {
    .body .btn {
      padding: 5px 0;
      width: 100%; }
      .body .btn:hover {
        background-color: #444135; }
      .body .btn.btn_big {
        text-align: center;
        width: 100%;
        padding: 13px 0;
        font-size: 15px;
        margin: 10px 0; }
      .body .btn.app {
        background-color: #272B4B; }
        .body .btn.app:hover {
          background-color: #30355c; }
      .body .btn br {
        display: inline; } }
  
  .body .rcm {
    width: 100%;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .body .rcm .rcm_col {
      width: calc(100% / 3.3);
      margin-bottom: 50px; }
      .body .rcm .rcm_col .rcm_thumb {
        margin-bottom: 20px; }
        .body .rcm .rcm_col .rcm_thumb img {
          width: 100%; }
    .body .rcm.thumb_2400 .rcm_col {
      width: calc(100% / 2.1);
      margin-bottom: 0; }
      .body .rcm.thumb_2400 .rcm_col figcaption {
        line-height: 1.7;
        letter-spacing: normal; }
  
  @media screen and (max-width: 600px) {
    .body .rcm_h2 {
      width: 90%;
      margin: 0 auto 20px auto; }
    .body .rcm {
      width: 90%;
      margin: 0 auto; }
      .body .rcm .rcm_col {
        width: 100%;
        margin-bottom: 17.5px; }
        .body .rcm .rcm_col .rcm_thumb {
          margin-bottom: 20px; }
          .body .rcm .rcm_col .rcm_thumb img {
            width: 100%; }
      .body .rcm.thumb_2400 .rcm_col {
        width: 100%; } }
  
  .body .tq_card {
    width: calc(100% / 6.5);
    margin: 0 1.25em 1em 1.25em; }
    .body .tq_card.house {
      width: calc(100% / 5); }
  
  .body .card_txt {
    width: 100%;
    text-align: center;
    color: #7D6D2D;
    margin: 1em 0 2.5em 0; }
    .body .card_txt.app {
      color: #fff; }
  
  .body .credit_request {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 40%;
    background-color: #fff;
    border: 1px solid #7D6D2D;
    padding: 1.5em .5em;
    text-align: center;
    margin-bottom: 2em;
    margin-left: 10px;
    margin-right: 10px; }
    .body .credit_request .tl {
      width: 100%; }
    .body .credit_request .brand {
      width: 45%;
      margin: 0 auto;
      margin-bottom: 1em; }
    .body .credit_request .card_type {
      width: 35%;
      margin: 0 1em;
      background-color: #F3F3F3; }
      .body .credit_request .card_type .card_type_img {
        padding: 2.5em 1.75em 2em 1.75em; }
  
  @media screen and (max-width: 750px) {
    .body .tq_card {
      width: calc(100% / 2.7);
      margin: 0 .5em 1em .25em; }
    .body .tq_card.only {
      width: calc(100% / 2.7);
      margin-left: calc(100% / 2.7 / 2)!important;
      margin-right: calc(100% / 2.7 / 2)!important;}
      .body .tq_card.house {
        width: calc(100% / 3); }
    .body .card_txt {
      width: 100%;
      text-align: center;
      color: #7D6D2D;
      margin: 0 0 1em 0; }
      .body .card_txt.app {
        color: #fff; }
    .body .credit_request {
      width: 100%;
      background-color: #fff;
      border: 1px solid #7D6D2D;
      padding: 1em;
      text-align: center;
      margin-bottom: 2em;
      margin-left: 10px;
      margin-right: 10px; }
      .body .credit_request .tl {
        width: 100%; }
      .body .credit_request .brand {
        width: 40%;
        margin: 0 auto;
        margin-bottom: 1em; }
      .body .credit_request .card_type {
        width: 43%;
        margin: 0 .5em;
        background-color: #F3F3F3; }
        .body .credit_request .card_type .card_type_img {
          padding: 1em; } }
  
  .body .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 90%;
      position: relative;
    margin: 0 auto 2em auto;
    padding: 2em 0 1em 0; }
    .body .box.box_white {
      background-color: #fff; }
    .body .box.box_item_center {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .body .box.box_tansparent {
      padding: 0;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto; }
    .body .box.app {
      background: #272b4b;
      background: -webkit-gradient(linear, left top, left bottom, from(#272b4b), to(#1d2139));
      background: -webkit-linear-gradient(top, #272b4b 0%, #1d2139 100%);
      background: linear-gradient(180deg, #272b4b 0%, #1d2139 100%);
      color: #fff; }
      .body .box.app .app_image {
        width: 45%;
        margin-right: 2em; }
      .body .box.app .app_info {
        width: 35%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center; }
        .body .box.app .app_info .tl {
          font-size: 24px;
          margin-bottom: 1em;
          line-height: 1; }
        .body .box.app .app_info .txt {
          margin-bottom: .5em; }
        .body .box.app .app_info .app_link {
          margin-right: 10px; }
          .body .box.app .app_info .app_link img {
            width: 45%; }
  
  .body .box_benefit {
    width: calc(100% / 5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
      position: relative;
    background-color: #fff;
    padding: 1.8em .5em 1.25em .5em;
    margin-bottom: 2em;
    margin-left: 10px;
    margin-right: 20px; }
    .body .box_benefit:before {
      content: "1";
      display: block;
        position: absolute;
        left: 5px;
        top: 5px;
        color: #fff;
        background-color: #7f711f;
        font-size: 18px;
        line-height: 1.4;
        text-align: center;
        vertical-align: middle;
        width: 28px;
        height: 28px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -o-border-radius: 50px;
        -ms-border-radius: 50px;
        border-radius: 50px;}
    .body .box_benefit.bf_02:before {
      content: "2"; }
    .body .box_benefit.bf_03:before {
      content: "3"; }
    .body .box_benefit.bf_04:before {
      content: "4"; }
    .body .box_benefit.bf_05:before {
      content: "5"; }
    .body .box_benefit.bf_06:before {
      content: "6"; }
  /*
    .body .box_benefit.bf_07 {
      width: calc(100% / 3.2); }
  */
      .body .box_benefit.bf_07:before {
        content: "7"; }
  /*
    .body .box_benefit.bf_08 {
      width: calc(100% / 3.2); }
  */
      .body .box_benefit.bf_08:before {
        content: "8"; }
  
  .body .box_outline {
    border-width: 1px;
    border-style: solid; }
    .body .box_outline,
    .body .box_outline_last,
    .body .box_outline_lastone {
      border-color: #7D6D2D; }
  /*
    .body .box_outline.house,
    .body .box_outline_last.house {
      border-color: #535353; }
    .body .box_outline.app,
    .body .box_outline_last.app {
      border-color: #272B4B; }
  */
  .body .box_other_benefit {
    width: calc(1100px - 165px);
    margin-left: auto;
    background-color: #fff;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2em;
    margin-bottom: 2em; }
    .body .box_other_benefit .other_benefit {
      background-color: #F3F3F3;
      padding: 2em 4em;
      text-align: center;
      margin: 0 1em;
     }
     .body .box_other_benefit .other_benefit.other_benefit--flex {
      display: flex;
      flex-direction: column;
      justify-content: center;
     }    
      .body .box_other_benefit .other_benefit span {
        font-size: 20px; }
    .body .box_other_benefit.app .other_benefit {
      width: 100%; }
  
  .body .box_attention {
    margin-bottom: 3em !important; }
    .body .box_attention .tl {
      width: 100%;
      padding-top: 2em; }
    .body .box_attention .body {
      padding: 0 2em 0 2em; }
      .body .box_attention .body ul {
        line-height: 2.2;
        margin-bottom: 3em;
        margin-left: 3em; }
        .body .box_attention .body ul li {
          list-style-type: square; }
  
  @media screen and (max-width: 750px) {
    .body .box.app {
      padding: 2em 0; }
      .body .box.app .app_image {
        width: 100%;
        margin-right: 2em; }
      .body .box.app .app_info {
        width: 80%;
        margin: 0 auto; }
        .body .box.app .app_info .tl {
          font-size: 20px; }
        .body .box.app .app_info .txt {
          margin-bottom: .5em; }
        .body .box.app .app_info .app_link {
          margin-right: 10px; }
          .body .box.app .app_info .app_link img {
            width: 45%; }
    .body .box_benefit {
      width: calc(50% - 2px);
      padding: 1.5em 0 1.25em 0;
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0; }
      .body .box_tansparent .box_outline{
          border-bottom: none;}
      .body .box_tansparent .box_outline:nth-child(2n) {
          border-left: none;}
      .body .box_tansparent .box_outline_last{
          border-bottom: solid 1px!important;}
      .body .box_tansparent .box_outline_lastone{
          border-top: none;
          border-bottom: solid 1px!important;}
      .body .box_benefit .box_benefit_icon {
        margin: 0 auto .5em auto; }
      .body .box_benefit:before {
        content: "1";
          display: block;
        position: absolute;
        left: 5px;
        top: 5px;
        color: #fff;
        background-color: #7f711f;
        font-size: 15px;
        line-height: 1.4;
        text-align: center;
        vertical-align: middle;
        width: 23px;
        height: 23px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -o-border-radius: 50px;
        -ms-border-radius: 50px;
        border-radius: 50px;}
  
    .body .box_other_benefit {
      width: 100%;
      margin-left: 0;
      padding: 2em;
      margin-bottom: 2em; }
      .body .box_other_benefit .other_benefit {
        padding: 2em 4em;
        width: 100%;
        text-align: center;
        margin: 0 1em 1em; }
        .body .box_other_benefit .other_benefit span {
          font-size: 20px; }
      .body .box_other_benefit.app .other_benefit {
        width: 100%;
        margin: 0;
        padding: 1em; }
    .body .box_attention {
      margin-bottom: 3em !important;
      font-size: 12px; }
      .body .box_attention .tl {
        width: 100%;
        padding-top: 2em; }
      .body .box_attention .body {
        padding: 0 2em 0 2em; }
        .body .box_attention .body ul {
          line-height: 2.2;
          margin-bottom: 3em;
          margin-left: 1em; }
          .body .box_attention .body ul li {
            list-style-type: square; } }
  
  .item {
    width: calc(100% / 3.3);
    margin-bottom: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .item .item_img {
      margin-bottom: 20px; }
      .item .item_img img {
        width: 100%; }
    .item .item_tl,
    .item .item_price,
    .item .item_link,
    .item .item_color {
      width: 100%;
      text-align: center; }
    .item .item_tl,
    .item .item_price,
    .item .item_color {
      line-height: 1.7; }
    .item .item_tl {
      letter-spacing: 0.1em; }
    .item .item_price {
      margin-bottom: 20px; }
    .item .item_link {
      margin-top: auto; }
    .item.item_big {
      width: calc(100% / 2.3); }
      .item.item_big .item_img img {
        width: 100%; }
    .item.item_last {
      margin-right: auto;
      margin-left: calc((1000px - 303px * 3) /2); }
  
  @media screen and (max-width: 600px) {
    .body .item {
      width: calc(100% / 2.1);
      margin-bottom: 35px; }
      .body .item .item_img {
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s; }
        .body .item .item_img img {
          width: 100%; }
        .body .item .item_img:hover {
          -webkit-transform: scale(1.1);
          transform: scale(1.1); }
      .body .item .item_tl,
      .body .item .item_price,
      .body .item .item_link,
      .body .item .item_color {
        width: 100%;
        text-align: center; }
      .body .item .item_tl,
      .body .item .item_price,
      .body .item .item_color {
        font-size: 12px;
        line-height: 1.5; }
      .body .item .item_tl {
        letter-spacing: normal;
        margin-bottom: 5px; }
      .body .item .item_price {
        margin-bottom: 10px; }
      .body .item.item_big {
        width: calc(100% / 2.3); }
        .body .item.item_big .item_img img {
          width: 100%; }
      .body .item.item_last {
        margin-right: 0;
        margin-left: 0; } }
  
  .body .campaign {
    margin: 35px 45px;
    width: 100%; }
    .body .campaign ul {
      list-style-type: none;
      padding-left: 0; }
    .body .campaign .campaign_apply {
      background-color: #fffee5;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 25px; }
      .body .campaign .campaign_apply ul {
        padding-left: 1.5em; }
    .body .campaign .campaign_link_instagram {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 20px 30px;
      border-radius: 5px;
      -webkit-box-shadow: 0 0 5px 2px RGBA(120, 120, 120, 0.3);
      box-shadow: 0 0 5px 2px RGBA(120, 120, 120, 0.3);
      margin: 1vh 0 3vh 0;
      text-decoration: none; }
      .body .campaign .campaign_link_instagram img {
        width: 85px;
        height: 85px; }
      .body .campaign .campaign_link_instagram p {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        letter-spacing: normal;
        line-height: 2;
        margin-left: 1.5em; }
        .body .campaign .campaign_link_instagram p img {
          width: 30px;
          height: 30px;
          vertical-align: middle;
          margin-right: .5em; }
    .body .campaign .icon_special {
      width: 70px;
      vertical-align: middle; }
  
  @media screen and (max-width: 600px) {
    .body .campaign {
      margin: 25px auto;
      width: 85%; }
      .body .campaign ul {
        list-style-type: none;
        padding-left: 0; }
      .body .campaign .campaign_apply {
        background-color: #fffee5;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 15px; }
        .body .campaign .campaign_apply ul {
          padding-left: 0; }
      .body .campaign .campaign_link_instagram {
        padding: 20px 15px;
        border-radius: 5px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; }
        .body .campaign .campaign_link_instagram img {
          width: 65px;
          height: 65px; }
        .body .campaign .campaign_link_instagram p {
          width: 80%;
          word-break: break-all;
          font-size: 11px; }
          .body .campaign .campaign_link_instagram p img {
            width: 20px;
            height: 20px;
            vertical-align: middle;
            margin-right: .5em; }
      .body .campaign .icon_special {
        width: 60px; } }
  
  body {
    margin: 0; }
  
  .body {
    font-family: "Noto Serif JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-size: 13px;
    width: 100%;
    margin: auto;
    line-height: 1.7;
    text-align: left;
    letter-spacing: 0.05em;
    color: #444; }
    .body img {
      width: 100%; }
    .body a {
      color: #444;
      text-decoration: underline; }
      .body a:link {
        text-decoration: underline; }
    .body .page_about {
      margin: 1em 0; }
    .body label {
      margin: 0; }
    .body .annotation {
      width: 100%;
      font-family: Noto Sans Japanese, sans-serif;
      text-align: center;
      margin-bottom: 2em;
      margin-top: 0; }
    .body .pc_only {
      display: block; }
    .body .pc_f_only {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .body .sp_only {
      display: none; }
    .body .banner a {
      margin: 0 auto;
      width: 70%; }
  
  @media screen and (max-width: 750px) {
    .body {
      line-height: 2;
      font-size: 13px;
      padding-bottom: 50px;}
      .body .pc_only {
        display: none !important; }
      .body .sp_only {
        display: block !important; }
      .body .pc_f_only {
        display: none !important; }
      .body .page_about {
        width: 95%;
        margin: 1em auto 0 auto; }
      .body .annotation {
        font-size: 12px;
        line-height: 1.7; }
      .body .mt20 {
        margin-top: 20px; }
      .body .pb30 {
        padding-bottom: 30px; }
      .body .banner a {
        margin: 25px auto; } }
  
  @media (min-width: 1800px) {
    .body {
      font-size: 13px; } }
  
  
  
  
  @media screen and (max-width: 750px) {
      .body {
          overflow: hidden;
      }
      .body .attention {
          margin: 0 auto 30px auto;
          font-family: Noto Sans Japanese, sans-serif;
          font-size: 11px;
          font-weight: 200;
          text-align: center;
      }
      .body .box_benefit_txt {
          font-size: 12px;
          line-height: 1.6;
      }
      .body .box_benefit_txt .strong{
          font-size: 16px;
          line-height: 2.0;
      }
      .body .box_benefit .box_benefit_icon {
          width: 90px;
          margin: 0 auto 1em auto; }
      .body .mt- {
          margin-top: -40px; }
      
      div.rankingList {
          width: 100%!important;
          margin: 0 auto 40px auto!important;
          position: relative;
      }
      .flickbanner,
      .flickbanner02,
      .flickbanner03{
          width: 100%;
          position: relative;
          overflow: hidden;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      }
      .body .rank.rank_high .rank_tl {
        width: 100%;
          height: 187px!important;}
    .body .rank .rank_tl.app {
          height: 270px; }
      .slick-slider {
          margin:0 -2px;
      }
      .slick-slide {
          margin-right:2px;
          margin-left:2px;
      }
      .rank_label{
          width: 100%;
      }
      .rank_label img{
          width: 100%;
          height: auto;
          padding-bottom: 5px;
      }
   /*   .flickitem{
          position: relative;
      }
      .flickitem img{
          width: 98%;
          height: auto;
      }*/
  }
  
  @media (min-width: 751px) {
      .body {
          overflow: hidden;
      }
      .body .attention {
          margin: 0 auto 50px auto;
          font-family: Noto Sans Japanese, sans-serif;
          font-size: 14px;
          font-weight: 200;
          text-align: center;
      } 
      .body .box_benefit_txt {
          font-size: 14px;
      }
      .body .box_benefit_txt .strong{
          font-size: 18px;
      }
      .body .box_benefit .box_benefit_icon {
          width: 110px;
          margin: 0 auto 1em auto; }
      .body .mt- {
          margin-top: -50px; }
      div.rankingList {
          width: 1000px!important;
          margin: 0 auto 40px auto!important;
          position: relative;
          overflow: hidden;
      }
      .flickbanner,
      .flickbanner02,
      .flickbanner03{
          width: 110%;
          position: relative;
          overflow: hidden;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      }
      .flickbanner02 .flickitem,
      .flickbanner03 .flickitem{
          margin: 0 2px;
      }
      .body .rank.rank_high .rank_tl {
        width: 100%;
          height: 164px!important;}
      
      .slick-slider {
          margin:0 -2px;
      }
      .slick-slide {
          margin-right:2px;
          margin-left:2px;
      }
      .rank_label{
          width: 100%;
      }
      .rank_label img{
          width: 100%;
          height: auto;
          padding-bottom: 5px;
      }
      
  /*
      .flickitem{
          position: relative;
      }
      .flickitem img{
          width: 98%;
          height: auto;
      }
  */    
  }
  
  .inFrame{
          height: auto!important;
          position: relative;
          animation: anim 0.5s;
          overflow: hidden;
      }
      @keyframes anim {
          0% {
              opacity: 0;
          }
          100% {
              opacity: 1;
          }
      }
  
  .outFrame{
          height: 0!important;
          position: absolute;
          left: -9999px;
          overflow: hidden;
      }
      
  /*--------------------------------------------------
      霑ｽ蜉�20220721
  --------------------------------------------------*/
  
  /*莨壼藤繧ｷ繧ｹ繝�Β螟画峩縺ｮ縺顔衍繧峨○*/
  .mv__informationblk{
      position:relative;
      background:#F20000;
      padding:10px;
      text-align:center;
      border:4px solid #F20000;
      color:#FFFFFF;
      font-size:30px;
      font-weight:bold;
      width: 60%;
      box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
      padding: 20px 30px;
      margin: 20px auto;
  }
  .mv__informationblk:after,.mv__informationblk:before{
      border: solid transparent;
      content:'';
      height:0;
      width:0;
      pointer-events:none;
      position:absolute;
      top:100%;
      left:50%;
  }
  .mv__informationblk:after{
      border-color: rgba(255, 255, 255, 0);
      border-top-width:10px;
      border-bottom-width:10px;
      border-left-width:10px;
      border-right-width:10px;
      margin-left: -10px;
      border-top-color:#F20000;
  }
  .mv__informationblk:before{
      border-color: rgba(242, 0, 0, 0);
      border-top-width:14px;
      border-bottom-width:14px;
      border-left-width:14px;
      border-right-width:14px;
      margin-left: -14px;
      margin-top: 4px;
      border-top-color:#F20000;
  }
  @media screen and (max-width: 750px) {
      .mv__informationblk{
          width: 60%;
          margin: 20px auto;
      }
  }
  .mv__informationblk__txt{
      font-size: 18px;
      font-weight: bold;
      font-family: Noto Sans Japanese, sans-serif;
      color: #ffff;
      line-height: 1.2;
      margin: 0;
      padding: 0;
  }
  
  
  
  /*莨壼藤繧ｷ繧ｹ繝�Β螟画峩蜀�ｮｹ霑ｽ蜉�*/
  .row_changedlists{
      background-color: #ffe3e3 !important;
      padding: 20px;
  }
  @media screen and (max-width: 750px) {
      .row_changedlists{
          padding: 0px;
      }	
  }
  .changedlists__title{
      flex: 0 0 180px;
      padding: 10px;
      text-align: center;
      border-right: solid 1px #444;
  }
  @media screen and (max-width: 750px) {
      .changedlists__title{
          flex: none;
          display: block;
          border-right: none;
          margin: 0;
          padding: 0;
          text-align: center;
          width: 100%;
          padding-top: 20px;
      }	
  }
  .changedlists__lists, .changedlists__item{
      list-style: none;
  }
  .changedlists__lists{
      margin: 0;
      padding: 0px 20px;
  }
  @media screen and (max-width: 750px) {
      .changedlists__lists{
          margin: 0;
          padding: 0 20px 20px;
      }	
  }
  .changedlists__item{
      margin: 10px 0;
  }
  
  
  /*繝帙Ρ繧､繝医Λ繝ｳ繧ｯ霑ｽ蜉�*/
  .rank_tl--white{ display: flex; flex-direction: column; align-content: center; justify-content: center;}
  .rank_label--txtwrapper{
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      text-align: center;
      font-size: 16px;
      font-weight: bold;
    width: 100%;
      height: 40px;
      background: #1e90ff;
      -webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
  margin-bottom: 2px;
  }
  .rank_label--txtwrapper--blue{ background-color:#7aa1ce; }
  .rank_label--txtwrapper--green{ background-color: #65b96a;}
  .rank_label--txtwrapper--white{background-color: #eaeaea; color: #aeaeae;}
  .body .rank.white .rank_benefits table tr{border-bottom-color:#fff !important;}
  .body .rank .rank_tl.app-height{ height:290px;}
  .flickitem--card{
      flex-basis: 30%;
      display: flex;
      flex-direction: column;
  }
  .flickitem--card .rank{
      flex-grow: 1;
  }