@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&family=Zen+Kaku+Gothic+New:wght@500;700&display=swap");
body {
  background: url(../../assets/img/common/bgimage.svg);
  font-size: 17px;
  font-family: 'Zen Kaku Gothic New', sans-serif; }
  @media (max-width: 759px) {
    body {
      font-size: 3.7333333333vw !important;
      -webkit-text-size-adjust: 100%; } }

.en {
  font-family: 'Oswald', sans-serif; }

.home .l-header,
#ranking-y .l-header {
  background: none;
  box-shadow: none; }

.home .-series .l-header__inner,
#ranking-y  .-series .l-header__inner {
  box-shadow: 0 1px 4px #0000001f;
  background: white; }

@media (min-width: 760px) {
  .c-headLogo {
    height: auto; } }
@media (min-width: 1000px) {
  .c-headLogo img {
    max-width: inherit; } }
.l-header__inner,
.-series .l-header__logo,
.l-fixHeader__logo {
  padding: 0; }
.l-fixHeader__logo {
    margin-right: 0;
}
.-series .l-header__logo,
.-series .c-headLogo {
  margin: 0; }

.-series .c-headLogo {
  height: auto; }

.-series .l-header__logo {
  order: 0; }

body.home #header,
#ranking-y  #header{
  position: absolute; }

#header {
  z-index: 999; }

.l-header .l-container,
.l-fixHeader__inner.l-container {
  max-width: 1030px;
  padding: 15px; }
  @media (min-width: 960px) {
    .l-header .l-container,
    .l-fixHeader__inner.l-container {
      width: 100%; } }
@media (min-width: 1000px) {
  .c-gnav > .menu-item > a {
    min-width: 142px;
}
}
.c-gnav > .menu-item > a {
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.13em;
  min-height: 61px; }

.menu-item + .menu-item a {
  border-left: 1px solid #E1E1E1; }

.c-gnav .ttl {
  line-height: initial; }

#fix_sidebar {
  /* max-height: 980px; */
  width: 250px;
  top: 90px;
  bottom: 0;
  margin: 0; }

div#pagetop.c-fixBtn {
  width: 60px;
  height: auto;
  display: block;
  line-height: initial;
  border-radius: 30px 30px 10px 10px;
  background: #203594;
  color: white;
  padding-bottom: 5px;
  opacity: 1; }

#main_content {
  order: 1;
  width: 100%; }
  #main_content .l-mainContent__inner {
    padding: 54px 24px;
    letter-spacing: 0.04em;
    box-shadow: 0 0px 5px #ccc;
    background: white; }
    @media (max-width: 759px) {
      #main_content .l-mainContent__inner {
        padding: 8.6vw 3vw;
        width: auto;
        margin-bottom: 10vw; } }

@media (min-width: 760px) {
  .single .l-mainContent__inner {
    padding: 24px 24px; } }
.-sidebar-on #sidebar {
  width: 250px;
  margin-top: 0; }
  @media (max-width: 759px) {
    .-sidebar-on #sidebar {
      margin: auto; } }
  @media screen and (min-width: 761px) and (max-width: 999px) {
    .-sidebar-on #sidebar {
      width: 100%;
    }
    #fix_sidebar {
      width: 100%;
    }
    #fix_sidebar dd ol {
        display: flex;
        justify-content: space-between;
    }

    #fix_sidebar dd ol li {
        margin: 0 5px 5px;
        padding: 1.1vw;
        width: 32%;
    }


  }

  .l-mainContent__inner>.post_content {
    margin: 0 0 4em!important;
}

.mv {
  background: url(../../assets/img/top/mv.png) center;
  padding: 165px 0px 90px;
  height: 700px; }
  @media (max-width: 759px) {
    .mv {
      background: url(../../assets/img/top/mv_sp.png) center top 16vw;
      padding: 27vw 10px 10px;
      height: 180vw;
      background-size: 100%; } }
  @media (min-width: 1000px) {
    .mv {
      min-width: 1000px; } }
.mv_inner {
  background: #ffffffcc;
  max-width: 940px;
  margin: auto;
  border: 10px solid white;
  padding: 35px 38px 20px;
  position: relative; }
  @media (max-width: 759px) {
    .mv_inner {
      padding: 7vw 2vw 2vw; } }
  @media screen and (min-width: 761px) and (max-width: 999px) {
    .mv {
        padding: 200px 30px 90px;
        height: auto;
    }

    .mv_title {
        flex-wrap: wrap;
    }

    .mv_inner {
        max-width: 590px;
    }
    .mv_content .under_line {
      display: inline;
    }
    .mv_content .btn_orenge {
        margin-top: 20px;
    }
  }
  .mv_inner .product-img {
    margin-top: 2vw;
  }
  @media (max-width: 759px) {
    .mv_inner .product-img {
      margin-top: 5vw;
    }
  }

.micro_copy {
  display: inline-block;
  margin-bottom: .5rem;
  font-weight: bold;
}

.center {
  justify-content: center;
  text-align: center; }

.mv_new {
  position: absolute;
  top: -51px;
  font-size: 40px;
  color: white;
  background: #203594;
  padding: 1px 20px;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  display: flex;
  align-items: center; }
  @media (max-width: 759px) {
    .mv_new {
      font-size: 6.6666666667vw !important;
      top: -34px; } }

.mv_new .en {
  font-size: 48px; }
  @media (max-width: 759px) {
    .mv_new .en {
      font-size: 7.7333333333vw !important; } }

.mv_new:before, .mv_new:after {
  content: "";
  position: absolute;
  border: solid transparent;
  top: 0;
  bottom: 0;
  margin: auto; }

.mv_new:before {
  right: 100%;
  border-right-color: #203694;
  border-width: 40px 40px 40px 0px; }
  @media (max-width: 759px) {
    .mv_new:before {
      border-width: 24px; } }

.mv_new:after {
  left: 100%;
  border-left-color: #203694;
  border-width: 40px 40px 40px; }
  @media (max-width: 759px) {
    .mv_new:after {
      border-width: 24px; } }

.mv_title {
  display: flex;
  font-size: 60px;
  gap: 5px;
  justify-content: center;
  margin-bottom: 20px; }
  @media (max-width: 759px) {
    .mv_title {
      flex-wrap: wrap;
      font-size: 11.7333333333vw !important; } }

.mv_title span {
  padding: 0px 10px;
  line-height: 1.35;
  border-radius: 10px;
  color: white; }
  @media (max-width: 759px) {
    .mv_title span {
      padding: 2.3vw 2vw;
      line-height: 1; } }

.mv_title .bg_blue {
  color: #FFE640; }

.bg_orenge {
  background: #EC6E26; }

.color_orenge {
  color: #EC6E26; }

.bg_blue {
  background: #203594; }

.mv_content {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: .014em; }
  @media (max-width: 759px) {
    .mv_content {
      font-size: 6.4vw !important; } }

.under_line {
  background: linear-gradient(transparent 60%, #FFE640 60%, #FFE640 85%, transparent 85%); }
  @media (max-width: 759px) {
    .under_line {
      display: inline; } }

.mv_content .under_line {
  margin-bottom: 25px; }

.mv_content .btn_orenge {
  justify-content: space-around;
  flex-wrap: wrap;
}
.mv_content .btn_orenge a {
  font-size: 21px;
  max-width: 400px;
  letter-spacing: 0;
  padding: 19px 45px 19px 45px; }
  @media (max-width: 999px) {
    .mv_content .btn_orenge a {
      margin-top: 4vw;
    }  
    .mv_content .btn_orenge a:last-child {
      margin-top: 3vw;
    }
  }
  @media (max-width: 759px) {
    .mv_content .btn_orenge a {
      font-size: 4.2666666667vw !important;
      margin-top: 4vw;
      max-width: initial;
      height: auto;
      padding: 15px 45px 15px 45px; } 
    .mv_content .btn_orenge a:last-child {
      margin-top: 4vw;
    }
  }
.mv_content .btn_orenge a:before {
  transform: rotate(90deg); }

/* banner */
  .banner {
    z-index: 999;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    box-sizing: border-box;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    transition: .25s;
  }
  .banner:not(.show),
  .banner.close {
    opacity: 0;
    pointer-events: none;
  }
  .banner a:hover, 
  .banner a:focus {
    opacity: .7;
    transition: all 0.5s 0s ease;
  }

  .banner img {
    width: 100%;
  }
  .banner-close {
    position: absolute;
    top: 0;
    right: -35px;
    padding: 10px 10px;
    font-size: 1rem;
    font-weight: bold;
    border: none;
    cursor: pointer;
  }

  .article-lp-banner {
    background-color: #FFF!important;
  }
  .article-lp-banner a:hover, 
    .article-lp-banner a:focus {
    opacity: .7;
    transition: all 0.5s 0s ease;
  }

@media (max-width: 759px) {
  .banner-box {
    display: block;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  .banner-img {
    width: 100%;
    margin: 15px 0;
  }
  .banner-img {
    width: 33.333%;
    padding: 0 15px;
    margin-bottom: 0!important;
  }
  .banner.show {
    width: 100%;
  }
  .banner-close {
    top: -40px;
    right: 0;
    left: 0;
  }
  .p-fixBtnWrap {
    bottom: 10em!important;
  }
}


.btn_blue,
.btn_orenge,
.btn_white {
  display: flex;
  justify-content: center;
 }

.btn_orenge > *,
.btn_blue > *,
.btn_white > * {
  padding: 12px 35px 12px 35px;
  display: inline-flex;
  font-size: inherit;
  color: white;
  font-weight: 700;
  width: 100%;
  max-width: 300px;
  position: relative;
  border-radius: 50px;
  background: #EC6E26;
  justify-content: center;
  align-items: center;
  letter-spacing: 0;
  height: 60px;
  min-height: 50px;
  cursor: pointer;
  border: 1px solid;
  transition:all .3s; }
  @media (max-width: 759px) {
    .btn_orenge > *,
    .btn_blue > *,
    .btn_white > * {
      height: auto;
      max-width: 74vw; } }
  .btn_orenge > *:before,
  .btn_blue > *:before,
  .btn_white > *:before {
    content: "";
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: url(../../assets/img/common/arrow.svg) center white no-repeat; }
  .btn_orenge > *:hover,
  .btn_blue > *:hover,
  .btn_white > *:hover {
    background: #FFFFFF;
    border-color: #EC6E26;
    color: #EC6E26; }
    .btn_orenge > *:hover:before,
    .btn_blue > *:hover:before,
    .btn_white > *:hover:before {
      background: url(../../assets/img/common/arrow_white.svg) center #EC6E26 no-repeat; }
    .btn_orenge > *:hover input,
    .btn_blue > *:hover input,
    .btn_white > *:hover input {
      color: #EC6E26; }

.review + .btn_blue > * {
  padding: 12px 35px 12px 15px; }

.btn_blue > * {
  background: #203594; }
  .btn_blue > *:hover {
    background: #FFFFFF;
    border-color: #203594;
    color: #203594; }
    .btn_blue > *:hover:before {
      background: url(../../assets/img/common/arrow_white.svg) center #203594 no-repeat; }
    .btn_blue > *:hover input {
      color: #203594; }

.btn_white > * {
  background: #FFFFFF;
  color: #203594;
  border: 1px solid #203594;
  cursor: pointer; }
  .btn_white > *:hover {
    background: #203594;
    color: #FFFFFF;
    border-color: #203594; }
    .btn_white > *:hover:before {
      background: url(../../assets/img/common/arrow.svg) center #fff no-repeat; }

.btn_blue.back > *:before,
.diagnosis .btn_blue > *:before {
  right: inherit;
  left: 20px;
  transform: scale(-1, 1); }

.btn_white > *:before {
  background: url(../../assets/img/common/arrow_white.svg) center #203594 no-repeat;
  transform: rotate(90deg); }

.btn_white.toggle > *:after {
  content: "開く"; }

.btn_white.open > *:before {
  transform: rotate(-90deg); }

.btn_white.toggle.open > *:after {
  content: "閉じる"; }

.home .search_box,
#ranking-y .search_box {
  overflow: hidden;
  height: 0;
  transition: .5s;
  padding: 0 37px; }
  @media (max-width: 759px) {
    .home .search_box {
      padding: 0vw 2.5vw; } }

#sidebar .search_box {
  height: auto;
  transition: .5s;
  padding: 20px 10px; }
  @media (max-width: 759px) {
    #sidebar .search_box {
      padding: 3vw; } }

.home .search_box.open,
#ranking-y .search_box.open {
  height: auto;
  padding: 37px; }
  @media (max-width: 759px) {
    .home .search_box.open,
    #ranking-y .search_box.open {
      padding: 6vw 2.5vw; } }



.btn_blue input,
.btn_orenge input {
  background: initial;
  border: none;
  color: white; }

.arrowB > *:after {
  transform: rotate(90deg); }

.post_content h2 {
  color: #203594;
  background: none;
  border: none;
  font-size: 32px;
  padding: 0;
  margin: 0 0 40px;
  position: relative;
  letter-spacing: 0; }
  @media (max-width: 759px) {
    .post_content h2 {
      font-size: 6.6666666667vw !important;
      margin-bottom: 8vw; } }

.post_content h2::before {
  border-top: none;
  height: auto;
  bottom: -11px;
  right: 0;
  width: 40px;
  margin: auto;
  border-bottom: 2px solid #C50000; }

.post_content .title03,
.search_box .title03 {
  padding: 0 0 0 15px;
  margin: 0 0 9px; }

.post_content .title03::before,
.search_box .title03::before {
  height: auto;
  background: none;
  border-left: 2px solid #C50000;
  top: 4px;
  bottom: 1px; }

#content {
  padding-top: 58px !important;
  overflow: inherit; }

  @media (min-width: 1000px) {
    #content {
      max-width: 1000px;
      padding: 0;
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      gap: 20px; } }
  @media (max-width: 759px) {
    #content {
      padding: 7vw 0 !important;
      margin-bottom: 5vw; } }

@media (min-width: 760px) {
  body:not(.home):not(#ranking-y) #content {
    padding-top: 63px !important; } }
.search_box_wrap .title02 {
    color: #203594;
    font-size: 170%;
    margin-bottom: 10px;
}

.search_box_wrap {
    margin: 30px 0 0;
    background: white;
    padding: 0 10px;
    overflow: hidden;
    height: 0;
    transition: .5s;
}
#sidebar .search_box_wrap.open {
  padding: 10px;
  height: auto;
  overflow: initial;
  margin: 30px 0;
}


.search_box {
  max-width: 680px;
  margin: 0 auto 20px;
  background: #F1F8FF;
  padding: 37px; }

.search_box .btn_blue > * {
    padding: 12px 25px 12px 15px;
}
.search_box ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 43px;
  margin: 0 0 0px;
  padding: 0 0 0 22px; }
  @media (max-width: 759px) {
    .search_box ul {
      padding: 0; } 
      #sidebar .search_box ul {
        margin: 0 0 20px;
      }
    }

.search_box li {
  list-style: none;
  background: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  }
  .search_box_wrap li {
  width: 100%;
  }

.search_box label {
  display: flex;
  align-items: center;
  cursor: pointer; }

.search_box li input {
  border: 2px solid #f1f8ff;
  appearance: none;
  color: aliceblue;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: translateY(2px);
  cursor: pointer;
  box-shadow: 0 0 0 2px #8f8f9d;
  background: none;
  display: inline-block;
  line-height: 0;
  font-size: 0;
  margin-right: 11px; }

.search_box input:checked {
  background: #203594;
  box-shadow: 0 0 0 2px #203594; }

.search_box select {
  margin: 0 0 0 20px;
  background: url(../../assets/img/common/arrowB.svg) no-repeat right 10px center white;
  appearance: none;
  padding: 3px 23px 3px 13px;
  border-radius: 5px;
  border-color: #203694;
  font-size: 15px;
  margin-bottom: 20px;
  cursor: pointer;
  width: 170px;
}

.search_box .title03 {
  display: flex;
  align-items: center;
}
#sidebar .search_box .title03{
  margin: 0px 0 10px !important;
  font-size: 130% !important;
}
  @media (max-width: 759px) {
    .search_box .title03 {
      font-size: 5.6vw !important; }
      #sidebar .search_box .title03 {
      margin: 0px 0 10px !important;
      }
    }
#sidebar .search_box ul {
  margin-bottom: 20px;
}
.search_box .title03 span {
  margin-left: 10px; }

.color-blue {
  color: #203594; }

.color-red {
  color: #C50000; }

.fs12 {
  font-size: 12px; }

.fs14 {
  font-size: 14px; }

.fs15 {
  font-size: 15px; }

.fs16 {
  font-size: 16px; }
  @media (max-width: 759px) {
    .fs16 {
      font-size: 3.2vw !important; } }

.fw-400 {
  font-weight: 400; }

.mt1 {margin-top: 1rem!important;}

#fix_sidebar > dl > dt {
  height: 73px;
  background: #203594;
  color: white;
  text-align: center;
  padding: 10px;
  font-size: 1.1em;
  border-bottom: 2px solid #C50000;
  margin-bottom: 13px;
  line-height: 1.5; }

#sidebar li {
  background: white;
  padding: 12px 14px;
  position: relative;
  box-shadow: 0 0px 5px #ccc; }

#sidebar li + li {
  margin-top: 5px; }

#sidebar li dt {
  font-size: 20px;
  color: #203594;
  font-weight: 700;
  /* text-align: center; */
  padding-left: 20px;
  margin-bottom: 11px;
  margin-left: 40px;
}

.ranking_number {
  position: absolute;
  top: 0;
  left: 15px;
  display: flex;
  width: 45px;
  height: 48px;
  align-items: baseline;
  justify-content: center;
  font-size: 15px;
  color: white;
  padding: 4px 10px 10px;
  background: #C50000;
  font-weight: 700; }

.ranking_number .en {
  font-size: 24px;
  transform: translateY(0.05em); }

li:nth-child(1) .ranking_number,
#ranking_number1 .ranking_number {
  background-image: url(../../assets/img/common/bg_ranking01.png); }

li:nth-child(2) .ranking_number,
#ranking_number2 .ranking_number {
  background-image: url(../../assets/img/common/bg_ranking02.png); }

li:nth-child(3) .ranking_number,
#ranking_number3 .ranking_number {
  background-image: url(../../assets/img/common/bg_ranking03.png); }

#sidebar li .ranking_number {
  background-size: 100%; }

#sidebar dd + dd {
  display: flex; }

#sidebar li:not(:nth-child(1)) dd + dd:nth-of-type(2) {
  padding-top: 10px; }

#sidebar .ranking_txt {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  margin-left: 10px;
  min-width: 117px; }

#sidebar li:nth-child(1) .ranking_txt {
  padding-top: 21px; }

#sidebar .money {
  font-size: 24px;
  color: #C50000;
  line-height: 1.4; }

#sidebar .money .en {
  font-size: 40px;
  line-height: 1;
  font-feature-settings: "palt"; }

.btn_wrap {
  justify-content: space-between;
  margin-top: 3px; }

.btn_blue02 a,
.btn_orenge02 a {
  width: 105px;
  display: block;
  padding: 4px;
  text-align: center;
  color: white;
  font-size: 12px;
  position: relative;
  border: 1px solid;
  transition: all .3s; }

.btn_blue02 a {
  background: #203594; }
  .btn_blue02 a:hover {
    background: #FFFFFF;
    border-color: #203594;
    color: #203594; }
    .btn_blue02 a:hover:after {
      border-left-color: #203594; }

.btn_orenge02 a {
  background: #EC6E26; }
  .btn_orenge02 a:hover {
    background: #FFFFFF;
    border-color: #EC6E26;
    color: #EC6E26; }
    .btn_orenge02 a:hover:after {
      border-left-color: #EC6E26; }

.btn_blue02 a:after,
.btn_orenge02 a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 7px;
  bottom: 0;
  width: 0;
  height: 0;
  margin: auto;
  border: solid transparent;
  border-left-color: white;
  border-width: 3px 0 3px 5px; }
.bound {
  animation: bound 2s cubic-bezier(0.18, 0.89, 0.32, 1.28) infinite;
}
@keyframes bound {
    0% {
        top: 0px;
    }
    10% {
        top: 3px;
    }
    20% {
        top: 0px;
    }
    30% {
        top: 3px;
    }
    40% {
        top: 0px;
    }
}
#footer {
  background: #203594;
  color: white;
  padding: 47px 10px 0px 10px; }
  @media (max-width: 759px) {
    #footer {
      padding: 5vw 0 0; } }

.w-footer__box .custom-html-widget {
  justify-content: space-between;
  gap: 20px;
  margin: auto; }
  @media (min-width: 1000px) {
    .w-footer__box .custom-html-widget {
      width: 1000px;
      display: flex; } }

.w-footer__box {
  padding: 4px; }

.l-footer__widgetArea {
  margin-bottom: 30px; }
  @media (max-width: 759px) {
    .l-footer__widgetArea {
      margin-bottom: 0;
      padding-bottom: 0; } }

.footer_l dt {
  border-bottom: 1px solid;
  padding-bottom: 9px;
  margin-bottom: 16px; }

.footer_l {
  max-width: 540px; }

@media screen and (min-width: 761px) and (max-width: 999px) {

  .-sidebar-on #sidebar {
      margin: 25px auto;
      order: 2;
  }
  .footer_l ul {
      margin-bottom: 30px;
  }
  .w-footer__box .custom-html-widget {
      display: table;
      margin: auto;
  }
  .l-fixHeader .l-fixHeader__gnav {
    margin-left: auto;
  }
}
.footer_l ul {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 2px;
  font-size: 13px;
  justify-content: space-between; }
  @media (max-width: 759px) {
    .footer_l ul {
      margin-bottom: 10vw; } }

.footer_l li {
  width: 29%; }
  @media (max-width: 759px) {
    .footer_l li {
      width: 48%; } }

.footer_l li a {
  position: relative;
  padding-left: 13px; }
  .footer_l li a:hover {
    text-decoration: underline; }

.footer_l li a:before {
  content: "";
  position: absolute;
  width: 7px;
  height: 2px;
  background: #EC6E26;
  left: 0;
  top: 9px; }

.footer_r {
  max-width: 418px;
  margin-bottom: 16px; }

.footer_r ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 17px 0; }

.footer_r ul li {
  width: 48%; }

.l-footer .copyright {
  font-size: 13px; }

@media (max-width: 759px) {
  .is-style-stripes {
    overflow: auto;
    font-size: 3.2vw !important; }

  .home .is-style-stripes.wp-block-table img,
  #ranking-y .is-style-stripes.wp-block-table img {
    max-height: 19vw; } }
.is-style-stripes table {
  letter-spacing: 0;
  margin-bottom: 30px; }
  @media (max-width: 759px) {
    .is-style-stripes table {
      max-width: 142vw;
      width: 142vw; } }

.is-style-stripes table td {
  font-size: 15px;
  padding: 18px 0;
  width: 144px;
  height: 141px;
  text-align: center;
  border-bottom: 1px solid #E1E1E1 !important; }
  @media (max-width: 759px) {
    .is-style-stripes table td {
      width: 26vw;
      height: auto;
      font-size: 3.2vw !important;
      padding: 2vw; } }

.is-style-stripes table tr td:nth-child(even) {
  background: #F1F8FF !important; }

.is-style-stripes table span {
  display: block; }

.is-style-stripes table span.fs16 {
  font-weight: 700;
  margin-top: 10px; }

.home tr:last-child td,
#ranking-y tr:last-child td {
  vertical-align: middle; }
  @media (max-width: 759px) {
    .home tr:last-child td,
    #ranking-y tr:last-child td {
      height: 25vw; } }

.icon_feature {
  margin: 15px 0 0; }
  @media (max-width: 759px) {
    .icon_feature {
      max-width: 10vw;
      margin: auto; } }

.wp-block-table tbody tr {
  background: none !important; }

.wp-block-table table th {
  color: white;
  text-align: center;
  vertical-align: middle;
  background: #203594 !important;
  border-bottom: 1px solid white !important; }
  @media (max-width: 759px) {
    .wp-block-table table th {
      width: 23vw; } }

.is-style-stripes table .icon_star {
  font-size: 20px; }
  @media (max-width: 759px) {
    .is-style-stripes table .icon_star {
      font-size: 3.2vw !important; } }

.icon_star {
  color: #EC6E26; }

#lp-content .post_content, #main_content .post_content {
  font-size: inherit; }

.post_content .ranking_box {
  padding: 0; }
  .post_content .ranking_box > li + li {
    margin-top: 40px; }
  .post_content .ranking_box > * {
    padding: 30px;
    background: #F1F8FF;
    margin: 0;
    position: relative; }
    @media (max-width: 759px) {
      .post_content .ranking_box > * {
        padding: 5vw 2vw; } }
  .post_content .ranking_box li {
    list-style: none;
    position: relative; }
  .post_content .ranking_box .ranking_number {
    width: 86px;
    height: 92px;
    font-size: 32px;
    padding-top: 7px;
    left: 30px;
    padding-top: 2%;
    line-height: 1; }
    @media (max-width: 759px) {
      .post_content .ranking_box .ranking_number {
        font-size: 5.8666666667vw !important;
        left: 2vw;
        width: 16vw;
        height: 17vw;
        padding: 4vw 0;
        background-size: 100%; } }
    .post_content .ranking_box .ranking_number .en {
      font-size: 48px; }
      @media (max-width: 759px) {
        .post_content .ranking_box .ranking_number .en {
          font-size: 8.8vw !important; } }
  .post_content .ranking_box .ranking_box_title {
    font-size: 18px;
    padding-left: 106px;
    letter-spacing: 0;
    margin-bottom: 30px; }
    @media (max-width: 759px) {
      .post_content .ranking_box .ranking_box_title {
        font-size: 4.2666666667vw !important;
        padding-left: 19vw;
        margin-bottom: 4.6vw; } }
  .post_content .ranking_box .catch {
    color: #203594; }
  .post_content .ranking_box h3 {
    font-size: 28px;
    margin: 0;
    padding: 0; }
    @media (max-width: 759px) {
      .post_content .ranking_box h3 {
        font-size: 5.6vw !important; } }
    .post_content .ranking_box h3:before {
      display: none; }
  .post_content .ranking_box > * > * + * {
    margin-top: 30px; }
    @media (max-width: 759px) {
      .post_content .ranking_box > * > * + * {
        margin-top: 7vw; } }
  .post_content .ranking_box .ranking_box_detailes {
    padding: 17px 20px;
    background: white; }
    @media (max-width: 759px) {
      .post_content .ranking_box .ranking_box_detailes {
        padding: 5vw 3vw 3vw;font-size: 18px !important; } }
    .post_content .ranking_box .ranking_box_detailes ul li {
      padding-left: 12px; }
      .post_content .ranking_box .ranking_box_detailes ul li:before {
        content: "";
        width: 4px;
        height: 4px;
        background: #000;
        position: absolute;
        top: 12px;
        left: 0;
        margin-bottom: 15px;
        line-height: 1.7; }
        @media (max-width: 759px) {
          .post_content .ranking_box .ranking_box_detailes ul li:before {
            top: 2.6vw; } }
  @media (min-width: 760px) {
    .post_content .ranking_box .colum2 {
      display: flex;
      justify-content: space-between;
      gap: 50px; }
      .post_content .ranking_box .colum2 > * {
        width: 48.7%; } }
  @media (max-width: 759px) {
    .post_content .ranking_box .ranking_boxL {
      margin-bottom: 5vw; } }
  .post_content .ranking_box ul.labels {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0; }
    .post_content .ranking_box ul.labels li {
      background: #203594;
      color: white;
      padding: 5px 28px;
      margin: 0;
      overflow: hidden;
      letter-spacing: 0; }
      @media (max-width: 759px) {
        .post_content .ranking_box ul.labels li {
          padding: 0.8vw 3vw;
          font-size: 4.2666666667vw !important; } }
      .post_content .ranking_box ul.labels li:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-left-color: #F88C00;
        border-top-color: #F88C00;
        background: none; }
  .post_content .ranking_box dl.evaluation {
    display: flex;
    margin-bottom: 9px; }
    @media (max-width: 759px) {
      .post_content .ranking_box dl.evaluation {
        margin-bottom: 4vw; } }
  .post_content .ranking_box dl.evaluation dt {
    width: 124px;
    color: white;
    padding: 9px 9px 9px 13px;
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    position: relative;
    letter-spacing: 0;
    background: #203594; }
    @media (max-width: 759px) {
      .post_content .ranking_box dl.evaluation dt {
        font-size: 4.8vw !important;
        width: 33vw; } }
    .post_content .ranking_box dl.evaluation dt:before {
      content: "";
      position: absolute;
      top: 10px;
      bottom: 10px;
      left: 0;
      border-left: 5px solid #C50000; }
  .post_content .ranking_box dl.evaluation dd {
    padding: 4px;
    text-align: center;
    width: calc(100% - 124px);
    font-size: 28px;
    background: #F1F8FF; }
    @media (max-width: 759px) {
      .post_content .ranking_box dl.evaluation dd {
        font-size: 5.6vw !important;
        width: calc(100% - 33vw); } }
  .post_content .ranking_box h4 {
    color: white;
    padding: 6px 9px 8px 22px;
    font-size: 21px;
    font-weight: 700;
    position: relative;
    letter-spacing: 0;
    background: #203594;
    border: none;
    margin-bottom: 1.2em !important; }
    @media (max-width: 759px) {
      .post_content .ranking_box h4 {
        font-size: 4.8vw !important;
        margin-bottom: 5.4vw; } }
    .post_content .ranking_box h4:before {
      content: "";
      position: absolute;
      top: 12px;
      bottom: 12px;
      left: 0;
      border-left: 5px solid #C50000; }
  .post_content .ranking_box ul {
    padding: 0;
    align-items: flex-end; }
  .post_content .ranking_box .ranking_boxL img {
    margin: auto;
    display: block; }
  .post_content .ranking_box dl.charttxtchart_txts dt {
    color: #203594;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px; }
    @media (max-width: 759px) {
      .post_content .ranking_box dl.charttxtchart_txts dt {
        font-size: 4.2666666667vw !important; } }
  .post_content .ranking_box dl.point dt {
    background: #203594;
    color: white;
    padding: 5px 10px;
    margin: 0;
    overflow: hidden;
    letter-spacing: 0;
    position: relative;
    min-width: 130px;
    text-align: center;
    margin-bottom: 10px;
    display: inline-table; }
    .post_content .ranking_box dl.point dt:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 0;
      border: 5px solid transparent;
      border-left-color: #F88C00;
      border-top-color: #F88C00; }
  .post_content .ranking_box dl.point dd + dt {
    margin-top: 20px; }
  .post_content .ranking_box ol.review {
    padding: 0;
    list-style: none;
    margin: 0 0 31px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 26px 0; }
    @media (min-width: 760px) {
      .post_content .ranking_box ol.review li {
        width: 48%;
        line-height: 1.6;font-size: 18px; } }
    .post_content .ranking_box ol.review .reviewimg {
      margin-bottom: 15px; }
  .post_content .ranking_box .word_of_mouth {
    height: 548px;
    overflow: auto; }
    @media (max-width: 759px) {
      .post_content .ranking_box .word_of_mouth {
        height: 178vw; } }
    .post_content .ranking_box .word_of_mouth dt {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 19px;
      margin-bottom: 10px; }
      @media (max-width: 759px) {
        .post_content .ranking_box .word_of_mouth dt {
          position: relative;
          display: block;
          padding: 0; }
          .post_content .ranking_box .word_of_mouth dt .icon_star {
            padding-left: 14vw; }
          .post_content .ranking_box .word_of_mouth dt .word_of_mouth-img {
            width: 11vw; } }
    .post_content .ranking_box .word_of_mouth dd {
      padding: 0 20px 20px;
      line-height: 1.6; }
      @media (max-width: 759px) {
        .post_content .ranking_box .word_of_mouth dd {
          padding: 0 0px 20px;font-size: 18px; } }
    .post_content .ranking_box .word_of_mouth dd + dt {
      border-top: 1px solid #E1E1E1;
      padding-top: 20px; }
    .post_content .ranking_box .word_of_mouth span.word_of_mouth_wrap {
      display: flex;
      align-items: center;
      gap: 17px; }
      @media (max-width: 759px) {
        .post_content .ranking_box .word_of_mouth span.word_of_mouth_wrap {
          flex-wrap: wrap;
          gap: 0 3vw; } }
    .post_content .ranking_box .word_of_mouth span.word_of_mouth-age {
      margin-right: 30px; }
      @media (max-width: 759px) {
        .post_content .ranking_box .word_of_mouth span.word_of_mouth-age {
          min-width: 44vw; } }
    .post_content .ranking_box .word_of_mouth span.word_of_mouth_date {
      color: #203594; }
      @media (max-width: 759px) {
        .post_content .ranking_box .word_of_mouth span.word_of_mouth_date {
          position: absolute;
          right: 0vw;
          bottom: 0; } }

.post_content h4 {
  padding: 0;
  border-left: none;
  font-size: 1em;
  color: #203594; }

.btn_area {
  display: flex;
  justify-content: center;
  gap: 30px; }
  @media (max-width: 759px) {
    .btn_area {
      display: block;
      padding: 0 !important; }
      .btn_area li > * {
        margin: 0 auto 3vw !important; } }
  @media (min-width: 760px) {
    .btn_area li {
      min-width: 300px; } }

.product_img {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  margin-bottom: 20px;
  background: #F1F8FF; }
  @media (max-width: 759px) {
    .product_img {
      padding: 9vw; } }
  .product_img img {
    max-width: 230px;
    max-height: 220px; }
    @media (max-width: 759px) {
      .product_img img {
        max-width: 46vw; } }

dl.product_content {
  letter-spacing: 0.04em;
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 759px) {
    dl.product_content {
      font-size: 3.7333333333vw !important; } }
  dl.product_content dt {
    padding: 7px 15px;
    width: 124px;
    border-bottom: 1px solid #E1E1E1;
    font-weight: 700;
    color: #203594; }
    @media (max-width: 759px) {
      dl.product_content dt {
        padding: 2.4vw 3vw 2.4vw 0;
        width: 26vw; } }
  dl.product_content dd {
    width: calc(100% - 124px);
    padding: 7px 0;
    border-bottom: 1px solid #E1E1E1;font-size: 18px; }
    @media (max-width: 759px) {
      dl.product_content dd {
        width: calc(100% - 26vw); } }
  dl.product_content > *:nth-last-child(-n + 2) {
    border: none; }
.-img .c-headLogo__link {
  padding: 0;
}
@media (min-width: 760px) {
  .pc_none {
    display: none; }

  .sp_, .sp_only {
    display: none !important; }

  .l-fixHeader, .l-header__gnav {
    display: block; } }
@media (max-width: 759px) {
  .sp_none {
    display: none; }

  .-series .l-header__inner {
    padding: 10px;
    min-height: 61px; }

  .-img .c-headLogo__link {
    width: 35vw; } }
.l-header__menuBtn .c-iconBtn__icon:after {
  content: "MENU";
  font-size: 3vw;
  font-style: initial;
  font-family: 'Oswald', sans-serif; }

.c-iconBtn__icon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 8vw;
  justify-content: center;
  line-height: 1;
  color: #203594; }

.c-iconBtn {
  display: block; }

.l-header__customBtn, .l-header__menuBtn {
  width: 8vw;
  height: auto; }

.p-spMenu__inner {
  width: 100%; }

div#sp_menu {
  top: 60px; }

.p-spMenu__nav {
  margin: 0; }

[data-spmenu="opened"] .l-header__menuBtn .c-iconBtn__icon:before {
  content: "\e920"; }

[data-spmenu="opened"] .l-header__menuBtn .c-iconBtn__icon:after {
  content: "CLOSE"; }

.-left .p-spMenu__closeBtn {
  display: none; }

.-left .p-spMenu__inner {
  transform: translateX(100vw);
  padding: 20px 0 0; }

[data-spmenu=opened] .p-spMenu__inner {
  transform: translateX(0); }

.c-widget__title.-spmenu {
  display: none; }

.c-spnav {
  text-align: center; }

.c-listMenu a {
  border: none !important;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px; }
  .c-listMenu a br {
    display: none; }

.c-listMenu a:before {
  content: "";
  left: 0;
  right: 0;
  bottom: -30px;
  width: 30px;
  height: 1px;
  background: #ccc;
  margin: auto; }

#breadcrumb {
  background: #203594;
  color: white; }

.p-breadcrumb__list {
  height: 50px;
  align-items: center;
  max-width: 1090px;
  overflow: auto; }

#breadcrumb a {
  color: #FFB082;
  text-decoration: underline; }

.icon-home:before {
  display: none; }

.c-gnav > .menu-item > a:after {
  background: #203594;
  height: 5px;
  bottom: -15px; }

.c-listMenu a:hover {
  padding: 0.75em 1em 0.75em 1.5em;
  background: none; }

.p-breadcrumb__text {
  font-size: 12px; }
  @media (max-width: 759px) {
    .p-breadcrumb__text {
      font-size: 2.6666666667vw !important; } }

.p-breadcrumb__item:after {
  border: solid transparent;
  transform: rotate(0deg);
  border-left-color: white;
  border-width: 3px 0 3px 5px;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto; }

.p-breadcrumb__item {
  padding-right: 15px;
  margin-right: 15px; }

.supplement_post {
  min-height: 222px; }

.supplement_post textarea {
  width: 100%;
  height: 100px;
  margin-bottom: 20px; }

.single span.p-breadcrumb__text {
  display: block; }
.single ul.labels {
  margin-bottom: 20px; }
.single .ranking_box .product_img {
  margin-bottom: 30px; }
@media (min-width: 760px) {
  .single .ranking_box .product_img img {
    max-width: 400px;
    max-height: 310px; }
  .single dl.evaluation {
    width: 365px;
    margin-bottom: 30px; }
  .single .product_content_wrap dl:not(:last-child) {
    width: 365px; }
  .single #main_content .l-mainContent__inner {
    padding: 40px; }
  .single .ranking_box .ranking_box_detailes {
    padding: 20px; }
    .single .ranking_box .ranking_box_detailes:nth-child(2) {
      padding-top: 43px; } }
.single .product_content_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
.single .product_content:not(:last-child) {
  border-bottom: 1px solid #E1E1E1; }
@media (max-width: 759px) {
  .single .product_content {
    width: 100%; } }
.single #main_content {
  order: 1;
  width: 930px;
  margin-bottom: 10vw; }

@media (min-width: 760px) {
  .single-column #main_content .l-mainContent__inner {
    padding: 59px 40px; }

  #main_content .post_content {
    padding: 0;font-size: 18px; } }
.seach_result {
  font-weight: 700;
  font-size: 20px;
  color: #203594; }
  @media (max-width: 759px) {
    .seach_result {
      font-size: 5.3333333333vw !important; } }

ul.seach_list {
  padding: 0;
  list-style: none; }
  @media (min-width: 760px) {
    ul.seach_list li {
      display: flex;
      padding: 30px;
      gap: 30px;
      align-items: center; }
    ul.seach_list .product_img {
      max-width: 200px;
      margin: 0; }
    ul.seach_list .product_img img {
      max-width: 146px; }
    ul.seach_list .product_content {
      width: 350px; }
    ul.seach_list .btn_blue > * {
      width: 180px;
      font-size: 15px;
      padding: 12px 35px 12px 15px;
      height: 50px; }
      ul.seach_list .btn_blue > *:before {
        width: 14px;
        height: 14px;
        right: 17px;
        background-size: 60%; }
         }

.supplement .ranking_box .ranking_number {
  position: relative;
  left: inherit;
  width: auto;
  height: auto;
  justify-content: flex-start; }
.supplement .ranking_box .ranking_number {
  font-size: 28px;
  padding: 8px 8px 8px 38px;
  background: url(../img/common/bg_ranking04_search.png) no-repeat #203594; }
.supplement .ranking_box li:nth-child(1) .ranking_number {
  background-image: url(../img/common/bg_ranking01_search.png);
  }
.supplement .ranking_box li:nth-child(2) .ranking_number {
  background-image: url(../img/common/bg_ranking02_search.png);
  }
.supplement .ranking_box li:nth-child(3) .ranking_number {
  background-image: url(../img/common/bg_ranking03_search.png);
  
  }
  .supplement .ranking_box li:nth-child(1) .ranking_number_test,.supplement .ranking_box li:nth-child(1) .ranking_number_test,.supplement .ranking_box li:nth-child(1) .ranking_number_test{padding: 8px 8px 8px 55px;}
.supplement .ranking_box .ranking_number .en {
  font-size: 32px; }
.supplement .ranking_box .ranking_number h3 {
  margin-left: 30px;
  color: white; }
  .supplement .ranking_box .ranking_number_test h3 {margin-left: 60px;}
.supplement .ranking_box .ranking_number::before{
    position: absolute;
    content:"";
    width: 55px;
    height: auto;
    top: 5px;
    left: 20px;
    aspect-ratio: 4 / 3;
    z-index: 2;
  }
  .supplement .ranking_box .ranking_bg1 .ranking_number::before{
    background: url(../img/banner/ic1.svg) center /cover no-repeat; }
  
  .supplement .ranking_box .ranking_bg2 .ranking_number::before{
    background: url(../img/banner/ic2.svg) center /cover no-repeat; }
  
  .supplement .ranking_box .ranking_bg3 .ranking_number::before{
    background: url(../img/banner/ic3.svg) center /cover no-repeat; }
  }
@media (min-width: 760px) {
  .supplement .ranking_box .colum2 .ranking_boxL {
    width: 220px; }
  .supplement .ranking_box .colum2 .ranking_boxL img {
    max-width: 160px;
    max-height: 160px; }
  .supplement .ranking_box .colum2 .ranking_boxR {
    width: 100%; } }
.supplement .ranking_box .ranking_box_detailes {
  background: none;
  padding: 0; }
.supplement .ranking_box dl.evaluation dt {
  font-size: 18px; }
  @media (max-width: 759px) {
    .supplement .ranking_box dl.evaluation dt {
      font-size: 4.8vw !important; } }
.supplement .ranking_box dl.evaluation dd {
  font-size: 24px;
  background: white;
  width: 160px; }
  @media (max-width: 759px) {
    .supplement .ranking_box dl.evaluation dd {
      font-size: 6.4vw !important;
      width: 43vw; } }
.supplement .ranking_box dl.charttxtchart_txts dt.cath {
  font-size: 18px; }
.supplement .ranking_box .charttxtchart_txts dd {
  margin-bottom: 20px;font-size: 18px; }
.supplement .ranking_box ul {
  padding: 0; }
.supplement .ranking_box .labels {
  font-size: 14px; }
  @media (max-width: 759px) {
    .supplement .ranking_box .labels {
      font-size: 3.7333333333vw !important; } }
.supplement .ranking_box .ranking_box_detailes dd ul li:before {
  width: 7px;
  height: 2px;
  background: #EC6E26; }
  @media (max-width: 759px) {
    .supplement .ranking_box .ranking_box_detailes dd {font-size: 18px;}
    .supplement .ranking_box .ranking_box_detailes dd ul li:before {
      top: 2.8vw; } }
.supplement .ranking_box ul.labels li {
  padding: 5px 20px; }
.supplement .ranking_box .product_img {
  background: white; }
.supplement .ranking_box > li {
  margin: 0; }
.supplement .ranking_box > li + li {
  border-top: 1px solid #E1E1E1;
  margin: 0; }
.supplement .ranking_box > li:nth-child(odd) {
  background: #F1F8FF; }
.supplement .ranking_box > li:nth-child(even) {
  background: #FAFAFA; }

.table_of_contents {
  max-width: 500px;
  background: #F1F8FF;
  margin: 0 auto 43px;
  padding: 14px 45px 25px; }
  @media (max-width: 759px) {
    .table_of_contents {
      padding: 7vw 9vw 5vw; } }

.table_of_contents ol {
  list-style: none;
  padding: 0;
  counter-reset: cnt;
  list-style: none; }

.table_of_contents li {
  font-weight: 700;
  margin-bottom: 14px; }

.table_of_contents li ol {
  margin: 15px 0 0 10px; }

.table_of_contents li li {
  font-weight: 400; }

.table_of_contents ol li::before {
  counter-increment: cnt;
  content: counters(cnt,"-") ". ";
  color: #203594; }

.table_of_contents a {
  color: #333333; }

.table_of_contents dt {
  text-align: center;
  position: relative;
  display: block;
  font-size: 21px;
  margin-bottom: 15px; }
  @media (max-width: 759px) {
    .table_of_contents dt {
      font-size: 5.6vw !important; } }
  .table_of_contents dt span:before {
    font-size: 12px;
    color: #203594;
    content: "[閉じる]";
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: 7px;
    display: inline-flex;
    align-items: center;
    cursor: pointer; }
    @media (max-width: 759px) {
      .table_of_contents dt span:before {
        font-size: 3.2vw !important; } }
  .table_of_contents dt span.open:before {
    content: "[開く]"; }
  .table_of_contents dt.open {
    margin: 0; }
    .table_of_contents dt.open + dd {
      height: 0; }

.table_of_contents dd {
  transition: .5s;
  overflow: hidden;
  font-size: 14px; }
  @media (max-width: 759px) {
    .table_of_contents dd {
      font-size: 3.7333333333vw !important; } }

.post_content h3,
.search_box .title03 {
  margin: 44px 0 20px;
  color: #203594;
  font-size: 21px;
  position: relative;
  letter-spacing: 0; }

.post_content h3:before,
.search_box .title03:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 24px;
  left: 0;
  top: 5px;
  background: #C50000; }

ul.column_list {
  max-width: 850px;
  margin: 0 auto;
  padding: 0;
  border-top: 1px solid #E1E1E1; }
  ul.column_list li a {
    line-height: 1.6;
    border-bottom: 1px solid #E1E1E1;
    position: relative;
    display: block;
    color: #333333;
    letter-spacing: 0;
    padding: 5vw 0; }
    @media (min-width: 760px) {
      ul.column_list li a {
        padding: 30px 30px 30px 310px; } }
  ul.column_list li {
    list-style: none;
    margin: 0; }
  ul.column_list dt {
    color: #203594;
    margin-bottom: 20px;
    line-height: initial;
    font-size: 20px; }
    @media (max-width: 759px) {
      ul.column_list dt {
        font-size: 5.3333333333vw !important; } }
  ul.column_list dd {
    min-height: 100px; }
  @media (min-width: 760px) {
    ul.column_list .thumbnail {
      position: absolute;
      top: 30px;
      left: 30px;
      max-width: 250px;
      max-height: 188px; }
      ul.column_list .thumbnail img {
        max-width: 100%;
        height: auto;
        max-height: 100%; } }
  @media (max-width: 759px) {
    ul.column_list .thumbnail img {
      width: 86vw;
      margin: 0 auto 5vw;
      display: block; } }

ul.page-numbers {
  display: flex;
  justify-content: center;
  background: none !important;
  box-shadow: none;
  height: auto; }

[class*=page-numbers].current {
  background: #203594; }

ul.page-numbers a,
[class*=page-numbers]:hover {
  background: none;
  color: #1F338E; }

ul.page-numbers li > * {
  box-shadow: none;
  border: 1px solid #1F338E;
  width: 38px;
  height: 38px; }

#main_content .post_content {
  margin-bottom: 35px;font-size: 18px; }

ul.page-numbers li > a.prev.page-numbers,
ul.page-numbers li > a.next.page-numbers {
  border: none; }

@media (min-width: 760px) {
  #main_content.diagnosis {
    width: 1000px;
    margin: auto; }

  #main_content.result {
    width: 930px;
    margin: auto; }
    #main_content.result .l-mainContent__inner {
      margin-bottom: 50px; } }
.result_box {
  margin-bottom: 35px; }
  @media (min-width: 760px) {
    .result_box {
      display: flex;
      justify-content: space-between;
      max-width: 740px;
      margin: 0 auto 35px;
      align-items: center; } }

@media (min-width: 760px) {
  .result_boxL {
    max-width: 300px; } }

@media (min-width: 760px) {
  .result_boxR {
    max-width: 400px;
    padding-top: 40px; } }
.result_boxR h3 {
  padding: 0;
  margin: 0 0 30px;
  font-size: 32px;
  color: #203594; }
  @media (max-width: 759px) {
    .result_boxR h3 {
      font-size: 7.4666666667vw !important; } }
  .result_boxR h3:before {
    display: none; }
.result_boxR p {
  font-size: 17px; }
  @media (max-width: 759px) {
    .result_boxR p {
      font-size: 3.7333333333vw !important; } }

.result .post_content .ranking_box .ranking_box_detailes {
  padding: 0;
  background: none; }
@media (min-width: 760px) {
  .result .post_content .ranking_box .ranking_boxL {
    width: 230px; } }
.result .post_content .ranking_box .ranking_boxL .product_img {
  background: white; }
@media (min-width: 760px) {
  .result .post_content .ranking_box .ranking_boxL img {
    max-width: 160px;
    max-height: 160px; } }
@media (min-width: 760px) {
  .result .post_content .ranking_box .ranking_boxR {
    width: 550px; } }
.result .post_content .ranking_box .ranking_boxR h3 {
  font-size: 28px;
  margin: 0 0 20px;
  padding: 0;
  display: flex;
  gap: 15px;
  align-items: center; }
  @media (max-width: 759px) {
    .result .post_content .ranking_box .ranking_boxR h3 {
      font-size: 7.4666666667vw !important; } }
.result .post_content .ranking_box .ranking_boxR .ranking_number {
  position: inherit;
  width: 50px;
  height: 50px;
  left: 0;
  background-image: url(../../assets/img/common/bg_ranking.png);
  background-size: 100%;
  padding: 10px; }
.result .post_content .ranking_box .ranking_boxR .ranking_number .en {
  font-size: 28px; }
  @media (max-width: 759px) {
    .result .post_content .ranking_box .ranking_boxR .ranking_number .en {
      font-size: 5.8666666667vw !important; } }
.result .post_content .ranking_box .ranking_boxR ul li {
  margin: 0 0 17px; }
.result .post_content .ranking_box > * > * + * {
  margin-top: 20px; }

.mv_oneminute {
  font-size: 23px;
  position: relative; }
  @media (max-width: 759px) {
    .mv_oneminute {
      font-size: 4.5333333333vw !important; } }
  .mv_oneminute:before, .mv_oneminute:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 2px;
    background: #203594;
    top: 0;
    bottom: 0;
    margin: auto; }
  .mv_oneminute:before {
    transform: rotate(45deg) translate(-19px, 25px); }
  .mv_oneminute:after {
    transform: rotate(-45deg) translate(1px, 7px); }
  .mv_oneminute > span {
    font-size: 27px; }
    @media (max-width: 759px) {
      .mv_oneminute > span {
        font-size: 5.6vw !important; } }
  .mv_oneminute .color_orenge span {
    font-size: 36px; }
    @media (max-width: 759px) {
      .mv_oneminute .color_orenge span {
        font-size: 7.7333333333vw !important; } }

.diagnosis .mv_title {
  font-size: 32px;
  gap: 4px;
  margin-bottom: 6px; }
  @media (max-width: 759px) {
    .diagnosis .mv_title {
      font-size: 6.6666666667vw !important;
      max-width: 53vw;
      margin: 0 auto 2vw; } }
.diagnosis .mv_title span {
  padding: 2px 6px; }
  @media (max-width: 759px) {
    .diagnosis .mv_title span {
      padding: 1.2vw 1.2vw; } }
.diagnosis .mv_diagnosis {
  font-weight: 700;
  margin-bottom: 30px; }
  @media (max-width: 759px) {
    .diagnosis .mv_diagnosis {
      margin-bottom: 4vw; } }
.diagnosis .sub_title {
  letter-spacing: 0;
  font-size: 15px; }
  @media (max-width: 759px) {
    .diagnosis .sub_title {
      font-size: 4.5333333333vw !important; } }
.diagnosis .mv_title .bg_blue {
  color: white; }
.diagnosis .mv_diagnosis.top .mv_title {
  font-size: 49px;
  gap: 7px;
  margin-bottom: 6px; }
  @media (max-width: 759px) {
    .diagnosis .mv_diagnosis.top .mv_title {
      font-size: 9.3333333333vw !important;
      max-width: 73vw;
      margin: 0 auto 2vw; } }
  .diagnosis .mv_diagnosis.top .mv_title span {
    padding: 2px 9px; }
    @media (max-width: 759px) {
      .diagnosis .mv_diagnosis.top .mv_title span {
        padding: 1.6vw 1.6vw; } }
.diagnosis .mv_diagnosis.top .sub_title {
  font-size: 28px; }
  @media (max-width: 759px) {
    .diagnosis .mv_diagnosis.top .sub_title {
      font-size: 6.4vw !important; } }
.diagnosis .mv_diagnosis.top .mv_oneminute {
  font-size: 36px; }
  @media (max-width: 759px) {
    .diagnosis .mv_diagnosis.top .mv_oneminute {
      font-size: 6.6666666667vw !important; } }
  .diagnosis .mv_diagnosis.top .mv_oneminute > span {
    font-size: 42px; }
    @media (max-width: 759px) {
      .diagnosis .mv_diagnosis.top .mv_oneminute > span {
        font-size: 8vw !important; } }
  .diagnosis .mv_diagnosis.top .mv_oneminute .color_orenge span {
    font-size: 60px; }
    @media (max-width: 759px) {
      .diagnosis .mv_diagnosis.top .mv_oneminute .color_orenge span {
        font-size: 11.2vw !important; } }
  .diagnosis .mv_diagnosis.top .mv_oneminute:before, .diagnosis .mv_diagnosis.top .mv_oneminute:after {
    width: 36px; }
  .diagnosis .mv_diagnosis.top .mv_oneminute:before {
    transform: rotate(45deg) translate(-25px, 42px); }
  .diagnosis .mv_diagnosis.top .mv_oneminute:after {
    transform: rotate(-45deg) translate(-5px, 13px); }

.remaining {
  font-size: 24px;
  margin-bottom: 7px; }
  @media (max-width: 759px) {
    .remaining {
      font-size: 4.8vw !important; } }

.post_content h2.title_diagnosis {
  font-size: 28px;
  color: #333333; }
  @media (min-width: 760px) {
    .post_content h2.title_diagnosis {
      text-align: center; } }
  @media (max-width: 759px) {
    .post_content h2.title_diagnosis {
      font-size: 5.6vw !important;
      display: flex;
      align-items: baseline; } }

.post_content h2.title_diagnosis span {
  font-size: 24px;
  background: aliceblue;
  padding: 7px 11px;
  margin-right: 12px;
  background-image: url(../../assets/img/common/bg_ranking.png);
  background-size: 100%;
  color: white; }
  @media (max-width: 759px) {
    .post_content h2.title_diagnosis span {
      font-size: 6.6666666667vw !important; } }

.post_content h2.title_diagnosis:before {
  display: none; }

@media (min-width: 760px) {
  #main_content.diagnosis .l-mainContent__inner {
    padding: 54px 75px 54px 79px; } }
ul.diagnosis {
  list-style: none;
  padding: 0;
  max-width: 850px;
  margin: 0 auto 35px; }

ul.diagnosis label {
  height: 60px;
  box-shadow: 0 0 3px #ccc;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 20px 28px;
  font-size: 21px;
  margin-bottom: 15px;
  letter-spacing: 0;
  cursor: pointer;
  transition:all .3s; }
  ul.diagnosis label input {
    cursor: pointer; }
  @media (max-width: 759px) {
    ul.diagnosis label {
      font-size: 4.2666666667vw !important; } }
  ul.diagnosis label:hover {
    background: #F3F3F3; }

ul.diagnosis input {
  margin-right: 20px;
  width: 20px;
  height: 20px; }
  @media (max-width: 759px) {
    ul.diagnosis input {
      font-size: 11.7333333333vw !important; } }

.current-menu-item a:after,
.diagnosis .menu-item-27 a:after {
  transform: scaleX(1);
  transition: inherit !important; }

@media screen and (min-width: 761px) and (max-width: 999px) {
  #main_content {
    max-width: 100%;
  }
}

#article-lp_01 #header, #article-lp_01 .l-fixHeader, #article-lp_01 #breadcrumb, #article-lp_01 #sidebar,#article-lp_01 .l-footer__widgetArea,#article-lp_01 h2.center {
    display: none;
}
@media screen and (min-width: 1000px) {
  #article-lp_01 #content{
      max-width: 620px;
  }
}
#article-lp_01 #footer {
    padding: 0;
}

/*マーカーアニメーション*/

.marker-animation.active{
  background-position: -100% .5em;
}

.marker-animation {
  background-image: -webkit-linear-gradient(left, transparent 50%, rgb(252 246 159) 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, rgb(252 246 159) 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, rgb(252 246 159) 50%);
  background-image: -o-linear-gradient(left, transparent 50%, rgb(252 246 159) 50%);
  background-image: linear-gradient(left, transparent 50%, rgb(252 246 159) 50%);
  background-repeat: repeat-x;
  background-size: 200% .8em;
  background-position: 0 .5em;
  transition: all 2s ease;
  font-weight: bold;
}

/*supplement_test*/
.product_img_ranking_number1{position: relative;}
.product_img_ranking_number1::before{content: '';position: absolute;width: 90px;height: auto;left: 2px;top: 2px;background: url(../img/common/rank_st_ic.png) center /cover no-repeat;aspect-ratio: 55/48;}
.bg_white{background: #fff}

.post_content .ranking_box_test .item_bg > * + *{margin-top: 30px}
.sp{display: none;}
.supplement .ranking_box.ranking_box_test > li{background: initial;padding: 0}
.supplement .ranking_box.ranking_box_test > li .item_bg{padding: 30px;margin-top: 0;position: relative}
.supplement .ranking_box.ranking_box_test > li:nth-child(odd) .item_bg{background: #F1F8FF; }
.supplement .ranking_box.ranking_box_test > li:nth-child(even) .item_bg{background: #FAFAFA; }
.supplement .ranking_box.ranking_box_test > li.ranking_bg1 .item_bg{background: #F1F8FF;}
.supplement .ranking_box.ranking_box_test > li .item_bg::before{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;}

/* .supplement .ranking_box.ranking_box_test > li.ranking_bg1 .item_bg::before{background: url(../img/common/bg1.png) center no-repeat;background-size: 105% 112%;}
.supplement .ranking_box.ranking_box_test > li.ranking_bg2 .item_bg::before{background: url(../img/common/bg2.png) center no-repeat;background-size: 105% 108%;}
.supplement .ranking_box.ranking_box_test > li.ranking_bg3 .item_bg::before{background: url(../img/common/bg3.png) center no-repeat;background-size: 105% 110%;} 

.supplement .ranking_box.ranking_box_test > li.ranking_bg2 .item_bg{background: #FAFAFA;}
.supplement .ranking_box.ranking_box_test > li.ranking_bg3 .item_bg{background: #ecc6a2;}*/

.supplement .ranking_box.ranking_box_test > li .u_bnr{margin: 30px 0;display: none;}
.supplement .ranking_box.ranking_box_test > li .u_bnr a{display: flex;justify-content: center;align-items: center;}
.supplement .ranking_box.ranking_box_test > li:nth-child(3n):not(.ranking_bg1) .u_bnr{display: block;}
.supplement .ranking_box.ranking_box_test > li:last-child .u_bnr{margin-bottom: 0}
.supplement .ranking_box.ranking_box_test > li.ranking_bg1,.supplement .ranking_box.ranking_box_test > li.ranking_bg2{margin-bottom: 30px}


.u_link a{position: relative;display: flex;justify-content: flex-start;align-items: center;padding-left: 30px;}
.u_link a::before{content: '○';font-size: 100%;font-family: var(--swl-font_family);color: var(--color_link);top: 2px;position: absolute;left: 0;text-decoration:  none;}
@media (min-width: 760px) {
  a.link:hover{text-decoration: underline;}
}
@media (max-width: 759px) {
  .sp{display: block;}
  .pc{display: none;}
  .post_content .ranking_box_test .item_bg > * + *{margin-top: 7vw}
  .supplement .ranking_box > li.ranking_bg1 .item_bg,
  .supplement .ranking_box > li.ranking_bg2 .item_bg,
  .supplement .ranking_box > li.ranking_bg3 .item_bg{border-width: 2px}

  .supplement .ranking_box.ranking_box_test > li.ranking_bg1 .item_bg::before{background-size: 107% 115%;}
  .supplement .ranking_box.ranking_box_test > li.ranking_bg2 .item_bg::before{background-size: 107% 114%;}
  .supplement .ranking_box.ranking_box_test > li.ranking_bg3 .item_bg::before{background-size: 107% 114%;}
  .supplement .ranking_box .ranking_number::before{top: 18px}
}
@media (max-width: 385px) {
  .supplement .ranking_box.ranking_box_test > li.ranking_bg1 .item_bg::before,.supplement .ranking_box.ranking_box_test > li.ranking_bg2 .item_bg::before,.supplement .ranking_box.ranking_box_test > li.ranking_bg3 .item_bg::before{background-size: 107% 116%;}
  .supplement .ranking_box li:nth-child(1) .ranking_number_test,.supplement .ranking_box li:nth-child(2) .ranking_number_test,.supplement .ranking_box li:nth-child(3) .ranking_number_test{
    padding: 4vw 10vw;
  }
  .supplement .ranking_box li:nth-child(1) .ranking_number_test h3,.supplement .ranking_box li:nth-child(2) .ranking_number_test h3,.supplement .ranking_box li:nth-child(3) .ranking_number_test h3{margin-left: 60px}
  .supplement .ranking_box .ranking_number::before{width: 45px;top: 10px}
}