@import "new.css";

img {
  max-width: 100%;
  height: auto;
}

.red {
  font-weight: 700;
  color: #EF4D4D
}

.blue {
  color: #596ee4;
  font-weight: 700
}

.bg-y {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%, rgba(255, 255, 255, 0)), color-stop(55%, #ffff68));
  background-image: linear-gradient(rgba(255, 255, 255, 0) 35%, #ffff68 55%);
  font-weight: 700
}

.mainColor {
  color: #20b2aa;
  font-weight: 700
}

.bold {
  font-weight: 700
}

.under {
  text-decoration: underline
}

.notes {
  margin: 1rem 0;
}

@media (max-width: 767px) {
  .notes {
    margin: 10px;
    order: 5;
  }
}
.ss {
  font-size: 11px!important;
  color: #5b7d7cd4;
  line-height: 1.3;
  font-weight: normal;
}

.small {
  font-size: 13px
}

.big {
  font-size: 1.2em
}

.u-device-pc {
  display: block;
}
.u-device-sp {
  display: none;
}
@media (max-width: 767px) {
  .u-device-pc {
    display: none;
  }
  .u-device-sp {
    display: block;
  }
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 14px;
  font: inherit;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

body {
  line-height: 1.2
}

ol, ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #bebdbd;
  width: 100%
}

body {
  font-weight: normal
}

a {
  display: block;
  text-decoration: none;
  color: inherit
}

ul, ol, li {
  list-style: none
}

input, button {
  outline: none;
  border: none
}

img {
  display: block
}

input[type=submit] {
  -webkit-appearance: none
}

.fa, .far, .fas {
  font-family: "Font Awesome 5 Free" !important
}

#page__title__box h2 {
  margin-top: 20px;
  display: inline-block;
  text-align: center;
  width: 200px;
  padding: 10px;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  background: #20b2aa;
  border-radius: 10px 10px 0px 0px;
  position: relative
}

#page__title__box h2:before {
  content: '';
  position: absolute;
  left: 205px;
  bottom: 6px;
  width: 350%;
  height: 4px;
  background: #20b2aa
}

#page__title__box h2:after {
  content: '';
  position: absolute;
  left: 205px;
  bottom: 0px;
  width: 500%;
  height: 4px;
  background: #add8e6
}

#page__title__box__sp h2 {
  background: #E5FFFE;
  padding: 10px;
  font-weight: bold;
  font-size: 16px;
  color: #464646;
  position: relative;
  border-bottom: 3px solid #20b2aa;
  padding-left: 30px
}

#page__title__box__sp h2:after {
  position: absolute;
  top: 50%;
  left: 7px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
  width: 18px;
  height: 30px;
  background: url(./images/sp__sub__img.png) no-repeat 50% 50%
}

#ranking__title__box {
  margin-top: 0
}

#ranking__title__box h3 {
  padding: 10px 10px 10px 50px;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#57DBD4), color-stop(50.52%, #3C9F9A), color-stop(98.96%, #68E2DC));
  background: linear-gradient(180deg, #57DBD4 0%, #3C9F9A 50.52%, #68E2DC 98.96%)
}

@media (max-width: 1029px) {
  #ranking__title__box h3 {
    font-size: 16px
  }
}

#ranking__title__box h3:after {
  position: absolute;
  content: '';
  width: 36px;
  height: 62px;
  left: 9px;
  top: 0px;
  background: url(./images/ranking/ranking__header__title.png) no-repeat 50% 50%;
  background-size: contain
}

@media (max-width: 1029px) {
  #ranking__title__box h3:after {
    width: 22px;
    height: 38px
  }
}

#ranking__items__box {
  background: #F1FBFA;
  padding: 20px;
  border-bottom: 2px solid #20b2aa
}

@media (max-width: 1029px) {
  #ranking__items__box {
    padding: 10px;
    border-bottom: none
  }
}

#ranking__items__box .ranking__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

#ranking__items__box .ranking__item__wrap {
  margin: 0 auto;
  color: #464646;
  width: 34%;
  background: #fff;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  position: relative;
  margin-right: 10px
}

#ranking__items__box .ranking__item__wrap:hover {
  border: 2px solid #add8e6
}

@media (max-width: 1029px) {
  #ranking__items__box .ranking__item__wrap {
    width: 100%;
    margin-right: 10px
  }
}

#ranking__items__box .ranking__item__wrap::before {
  content: '';
  width: 79px;
  height: 77px;
  position: absolute;
  left: -5px;
  top: -5px;
  z-index: 2
}

#ranking__items__box .ranking__item__wrap::after {
  content: '';
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
  background-size: contain;
  background: url(./images/ranking/ranking__top__bg.png) no-repeat 50% 50%;
  width: 70px;
  height: 70px
}

#ranking__items__box .ranking__item__wrap.rank1::before {
  background: url(./images/ranking/ranking__top__1.png) no-repeat 50% 50%
}

#ranking__items__box .ranking__item__wrap.rank1::after {
  background: url(./images/ranking/ranking__top__bg.png) no-repeat 50% 50%;
  width: 70px;
  height: 70px
}

@media (max-width: 1029px) {
  #ranking__items__box .ranking__item__wrap.rank1 .title__wrap {
    background: -webkit-gradient(linear, left top, left bottom, from(#FFDA55), to(#CEA71E));
    background: linear-gradient(180deg, #FFDA55 0%, #CEA71E 100%)
  }
}

#ranking__items__box .ranking__item__wrap.rank2::before {
  background: url(./images/ranking/ranking__top__2.png) no-repeat 50% 50%;
  top: -17px;
  left: -15px
}

@media (max-width: 1029px) {
  #ranking__items__box .ranking__item__wrap.rank2 .title__wrap {
    background: -webkit-gradient(linear, left top, left bottom, from(#DBDBDB), to(#9F9F9F));
    background: linear-gradient(180deg, #DBDBDB 0%, #9F9F9F 100%)
  }
}

#ranking__items__box .ranking__item__wrap.rank3::before {
  background: url(./images/ranking/ranking__top__3.png) no-repeat 50% 50%;
  top: -17px;
  left: -15px
}

@media (max-width: 1029px) {
  #ranking__items__box .ranking__item__wrap.rank3 .title__wrap {
    background: -webkit-gradient(linear, left top, left bottom, from(#FBB892), to(#F18345));
    background: linear-gradient(180deg, #FBB892 0%, #F18345 100%)
  }
}

#ranking__items__box .ranking__item__wrap a img {
  width: 70%;
  padding: 20px 0 10px;
  margin: 0 auto
}

#ranking__items__box .ranking__item__wrap .title__wrap {
  width: 100%;
  padding: 0px 10px
}

#ranking__items__box .ranking__item__wrap .title__wrap a {
  font-size: 16px;
  text-decoration: underline;
  font-weight: 700;
  color: #20b2aa
}

@media (max-width: 1029px) {
  #ranking__items__box .ranking__item__wrap .title__wrap {
    -webkit-box-shadow: 0px 4px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 1px rgba(0, 0, 0, 0.1);
    padding: 20px
  }
  #ranking__items__box .ranking__item__wrap .title__wrap a {
    font-weight: bold;
    margin-left: 10vw;
    font-size: 18px;
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25)
  }
}

#ranking__items__box .ranking__item__wrap .ranking__item__top {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  padding: 0 10px
}

#ranking__items__box .ranking__item__wrap .ranking__item__top .image__wrap a img {
  width: 100%
}

#ranking__items__box .ranking__item__wrap .ranking__item__top .manzoku__wrap {
  padding: 20px 10px
}

#ranking__items__box .ranking__item__wrap .ranking__item__top .manzoku__wrap .manzoku__content {
  height: auto;
  padding-bottom: 10px;
  border: 2px solid #20b2aa;
  border-radius: 5px;
  text-align: center
}

#ranking__items__box .ranking__item__wrap .ranking__item__top .manzoku__wrap .manzoku__content h4 {
  padding: 10px 0;
  background: #F1FBFA;
  color: #20b2aa;
  border-radius: 5px 5px 0 0;
  font-weight: 700;
  font-size: 14px
}

#ranking__items__box .ranking__item__wrap .ranking__item__top .manzoku__wrap .manzoku__content .star__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#ranking__items__box .ranking__item__wrap .ranking__item__top .manzoku__wrap .manzoku__content .star__wrap .star {
  border: 1px solid #ddd
}

#ranking__items__box .ranking__item__wrap .ranking__item__top .manzoku__wrap .manzoku__content .review__btn {
  margin: 5px 0
}

#ranking__items__box .ranking__item__wrap .ranking__item__top .manzoku__wrap .manzoku__content .review__btn a {
  display: inline-block;
  padding: 3px 20px;
  color: #fff;
  font-size: 12px;
  background: linear-gradient(95.74deg, #7C7C7C 46.07%, #5E5E5E 46.08%, #464646 62.07%);
  border-radius: 20px
}

#ranking__items__box .ranking__item__wrap .ranking__item__middle {
  background: #FFB37C
}

#ranking__items__box .ranking__item__wrap .ranking__item__middle .points__wrap {
  padding-bottom: 10px
}

#ranking__items__box .ranking__item__wrap .ranking__item__middle .points__wrap h4 {
  color: #FF5C16;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  padding: 10px 10px 0
}

#ranking__items__box .ranking__item__wrap .ranking__item__middle .points__wrap ul.points__list {
  padding: 2px;
  background: #fff;
  border: 1px solid #dd9a7d;
  margin: 10px
}

#ranking__items__box .ranking__item__wrap .ranking__item__middle .points__wrap ul.points__list li {
  padding: 5px 5px 5px 40px;
  border-bottom: 1px solid #F2F2F2;
  font-size: 12px;
  font-weight: bold;
  position: relative
}

#ranking__items__box .ranking__item__wrap .ranking__item__middle .points__wrap ul.points__list li:before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#ranking__items__box .ranking__item__wrap .ranking__item__middle .points__wrap ul.points__list li:nth-child(1):before {
  background: url(./images/ranking/point__01.png) no-repeat 50% 50%;
  background-size: contain
}

#ranking__items__box .ranking__item__wrap .ranking__item__middle .points__wrap ul.points__list li:nth-child(2):before {
  background: url(./images/ranking/point__02.png) no-repeat 50% 50%;
  background-size: contain
}

#ranking__items__box .ranking__item__wrap .ranking__item__middle .points__wrap ul.points__list li:nth-child(3):before {
  background: url(./images/ranking/point__03.png) no-repeat 50% 50%;
  background-size: contain
}

#ranking__items__box .ranking__item__wrap .ranking__item__bottom {
  padding-top: 5px;
  position: relative
}

#ranking__items__box .ranking__item__wrap .ranking__item__bottom .date__wrap {
  font-size: 12px;
  position: absolute;
  top: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #E5FFFE;
  padding: 5px 5px 20px 5px;
  font-weight: 700;
  color: #20b2aa;
  position: relative;
  z-index: 4;
  background: url(./images/ranking/date__bg.png) no-repeat 50% 0%;
  background-size: contain;
  text-align: center
}

#ranking__items__box .ranking__item__wrap .ranking__item__bottom .btn__wrap__sp {
  color: #fff;
  margin-bottom: 20px;
  width: 95%;
  margin: 0 auto
}

#ranking__items__box .ranking__item__wrap .ranking__item__bottom .btn__wrap__sp .koushiki__btn {
  background: #FF6363;
  border: 1px solid #EF4D4D;
  -webkit-box-shadow: 0px 3px 0px #EF4D4D;
  box-shadow: 0px 3px 0px #EF4D4D;
  border-radius: 20px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 90%;
  color: #fff;
  font-weight: 700;
  margin: 0;
  overflow: hidden;
  font-size: 20px;
  width: 98% !important;
  margin: 0 auto !important
}

#ranking__items__box .ranking__item__wrap .ranking__item__bottom .btn__wrap__sp .koushiki__btn:hover {
  top: 4px
}

#ranking__items__box .ranking__item__wrap .ranking__item__bottom .btn__wrap__sp .koushiki__btn:before {
  content: '';
  width: 100px;
  height: 200px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0.3;
  position: absolute;
  top: -55px;
  -webkit-animation: hikari 2s infinite;
  animation: hikari 2s infinite;
  -webkit-filter: blur(2px);
  filter: blur(2px)
}

#ranking__items__box .ranking__item__wrap .ranking__item__bottom .btn__wrap__sp .koushiki__btn:after {
  content: '';
  width: 20px;
  height: 20px;
  right: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(./images/contents/arrow__link__wh.png) no-repeat 50% 50%;
  background-size: contain
}



@-webkit-keyframes hikari {
  0% {
    opacity: 0;
    left: -100%
  }
  50% {
    opacity: 0.4
  }
  100% {
    left: 300%
  }
}

@keyframes hikari {
  0% {
    opacity: 0;
    left: -100%
  }
  50% {
    opacity: 0.4
  }
  100% {
    left: 300%
  }
}

@media (max-width: 1029px) {
  #ranking__items__box .ranking__item__wrap .ranking__item__bottom .btn__wrap__sp .koushiki__btn {
    width: 100%;
    font-size: 14px;
    padding: 20px 15px;
    margin-right: 5px;
    margin: 0 auto 10px;
    font-size: 16px
  }
}

#ranking__items__box .ranking__item__wrap .ranking__item__bottom a.syousai__btn {
  width: 65% !important;
  margin: 20px auto;
  border: 1px solid #E8E8E8;
  border-radius: 20px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 40%;
  font-weight: 700;
  font-size: 12px;
  margin: 0;
  text-decoration: underline
}

@media (max-width: 1029px) {
  #ranking__items__box .ranking__item__wrap .ranking__item__bottom a.syousai__btn {
    font-weight: 700;
    -webkit-box-pack: baseline;
    -ms-flex-pack: baseline;
    justify-content: baseline;
    padding: 15px;
    width: 100%
  }
}

#ranking__items__box .ranking__item__wrap .star__wrap {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#ranking__items__box .ranking__item__wrap .star__wrap .star {
  padding: 5px;
  padding: 2px;
  margin-right: 5px;
  background: #F2F2F2;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1)
}

#ranking__items__box .ranking__item__wrap .star__wrap .number {
  color: #FF6363;
  font-weight: 600;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#ranking__items__box .ranking__item__wrap .text__wrap {
  font-size: 12px;
  padding: 0 10px;
  min-height: 100px
}

#ranking__items__box .ranking__item__wrap .rank__btn__wrap {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#ranking__items__box .ranking__item__wrap .rank__btn__wrap .koushiki__btn, #ranking__items__box .ranking__item__wrap .rank__btn__wrap .syousai__btn {
  width: 45%;
  padding: 10px 0;
  font-size: 10px;
  font-weight: 700;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative
}

#ranking__items__box .ranking__item__wrap .rank__btn__wrap .koushiki__btn:after, #ranking__items__box .ranking__item__wrap .rank__btn__wrap .syousai__btn:after {
  content: '';
  width: 10px;
  height: 10px;
  right: 5px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: 100%
}

#ranking__items__box .ranking__item__wrap .rank__btn__wrap .koushiki__btn {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFAFAF), to(#FF6363));
  background: linear-gradient(180deg, #FFAFAF 0%, #FF6363 100%);
  border: 1px solid #DA7660;
  color: #fff;
  margin-right: 5px;
  padding-left: 5px
}

#ranking__items__box .ranking__item__wrap .rank__btn__wrap .koushiki__btn:after {
  background: url(./images/ranking/bx_bxs-right-arrow-circle-1.svg) no-repeat 50% 50%
}

#ranking__items__box .ranking__item__wrap .rank__btn__wrap .syousai__btn {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F2F2F2));
  background: linear-gradient(180deg, #fff 0%, #F2F2F2 100%);
  border: 1px solid #D2D2D2;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#ranking__items__box .ranking__item__wrap .rank__btn__wrap .syousai__btn:after {
  background: url(./images/ranking/bx_bxs-right-arrow-circle.svg) no-repeat 50% 50%
}

#ranking__items__box .link__wrap {
  font-size: 20px;
  font-weight: 700;
  text-decoration: underline;
  position: relative;
  margin: 20px 0;
  color: #FF6363;
  text-align: right;
  padding-right: 30px
}

#ranking__items__box .link__wrap:hover {
  text-decoration: none;
  left: -1px
}

#ranking__items__box .link__wrap:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(./images/ranking/bx_bxs-right-arrow-circle.svg) no-repeat 50% 50%;
  background-size: cover
}

#more__button__ranking {
  background: #F1FBFA
}

#more__button__ranking a {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F0F0F0));
  background: linear-gradient(180deg, #fff 0%, #F0F0F0 100%);
  border: 1px solid #D2D2D2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  width: 90%;
  padding: 10px;
  margin: 30px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-size: 16px;
  font-weight: bold;
  color: #FF6363
}

#more__button__ranking a:after {
  content: '';
  width: 25px;
  height: 25px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(./images/ranking/more__arrow.png) no-repeat 50% 50%;
  background-size: cover
}

#ranking__ninki__box {
  margin-top: 30px;
  border: 1px solid #add8e6;
  padding: 10px;
  color: #464646
}

@media (max-width: 1029px) {
  #ranking__ninki__box {
    padding: 0;
    border: none
  }
}

#ranking__ninki__box h3 {
  font-size: 24px;
  font-weight: 700;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  border-bottom: 2px solid #20b2aa;
  margin-bottom: 20px;
  position: relative
}

@media (max-width: 1029px) {
  #ranking__ninki__box h3 {
    border-top: 2px solid #20b2aa;
    font-size: 16px;
    margin-bottom: 0
  }
}

#ranking__ninki__box h3:after {
  position: absolute;
  content: '';
  top: 100%;
  z-index: 2;
  left: 3%;
  width: 10px;
  height: 8px;
  background: url(./images/ranking/triangle.png) no-repeat 50% 50%;
  background-size: cover
}

#ranking__ninki__box .ranking__ninki__list__wrap {
  padding: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px
}

@media (max-width: 1029px) {
  #ranking__ninki__box .ranking__ninki__list__wrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 0
  }
}

#ranking__ninki__box .ranking__ninki__list__wrap li {
  width: 100%;
  border: 1px solid #F2F2F2;
  border-radius: 5px
}

#ranking__ninki__box .ranking__ninki__list__wrap li:nth-child(3n) {
  margin-right: 0
}

#ranking__ninki__box .ranking__ninki__list__wrap li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  padding: 20px 5px 20px 45px;
  position: relative;
  font-size: 14px;
  font-weight: 700
}

#ranking__ninki__box .ranking__ninki__list__wrap li a:after {
  content: '';
  width: 27px;
  height: 27px;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: 70%
}

#ranking__ninki__box .ranking__ninki__list__wrap li a:hover {
  text-decoration: underline;
  color: #20b2aa
}

#ranking__ninki__box .ranking__ninki__list__wrap li a[data-name="all"]:after {
  background: url(./images/ranking/icon__01.png) no-repeat 50% 50%
}

#ranking__ninki__box .ranking__ninki__list__wrap li a[data-name="price"]:after {
  background: url(./images/ranking/icon__02.png) no-repeat 50% 50%
}

#ranking__ninki__box .ranking__ninki__list__wrap li a[data-name="point"]:after {
  background: url(./images/ranking/icon__03.png) no-repeat 50% 50%
}

#ranking__ninki__box .ranking__ninki__list__wrap li a[data-name="point"]:after {
  background: url(./images/ranking/icon__03.png) no-repeat 50% 50%
}

#ranking__ninki__box .ranking__ninki__list__wrap li a[data-name="speed"]:after {
  background: url(./images/ranking/icon__06.png) no-repeat 50% 50%
}

#ranking__ninki__box .ranking__ninki__list__wrap li a[data-name="etc"]:after {
  background: url(./images/ranking/icon__07.png) no-repeat 50% 50%
}

#ranking__ninki__box .ranking__ninki__list__wrap li a[data-name="business"]:after {
  background: url(./images/ranking/icon__08.png) no-repeat 50% 50%
}

@media (max-width: 1029px) {
  #ranking__sub__items__box {
    background: #F2F2F2;
    margin-top: 10px
  }
}

#ranking__sub__items__box .ranking__sub__item__wrap {
  margin: 0 0 60px 0;
  position: relative;
  z-index: 2;
  background: #fff;
  border-radius: 10px 10px 0 0;
  border: 2px solid #E8E8E8
}

#ranking__sub__items__box .ranking__sub__item__wrap.pr_new .medal_new {
  position: absolute;
  width: 100px;
  left: -10px;
  top: -20px;
}

#ranking__sub__items__box .ranking__sub__item__wrap:last-child {
  margin-bottom: 0
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .ranking__sub__item__wrap {
    padding-bottom: 10px
  }
}

#ranking__sub__items__box .ranking__sub__item__wrap .medal {
  width: 70px;
  top: -24px;
  position: absolute;
  z-index: 2
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank4 .medal {
  width: 70px;
  top: -8px;
  position: absolute;
  z-index: 2
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .ranking__sub__item__wrap.rank4 .medal {
    position: absolute;
    top: -3px;
    left: -6px;
    width: 50px
  }
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank5 .medal {
  width: 70px;
  top: -8px;
  position: absolute;
  z-index: 2
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .ranking__sub__item__wrap.rank5 .medal {
    position: absolute;
    top: -3px;
    left: -6px;
    width: 50px
  }
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank6 .medal {
  width: 70px;
  top: -8px;
  position: absolute;
  z-index: 2
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .ranking__sub__item__wrap.rank6 .medal {
    position: absolute;
    top: -3px;
    left: -6px;
    width: 50px
  }
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank7 .medal {
  width: 70px;
  top: -8px;
  position: absolute;
  z-index: 2
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .ranking__sub__item__wrap.rank7 .medal {
    position: absolute;
    top: -3px;
    left: -6px;
    width: 50px
  }
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank8 .medal {
  width: 70px;
  top: -8px;
  position: absolute;
  z-index: 2
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .ranking__sub__item__wrap.rank8 .medal {
    position: absolute;
    top: -3px;
    left: -6px;
    width: 50px
  }
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank9 .medal {
  width: 70px;
  top: -8px;
  position: absolute;
  z-index: 2
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .ranking__sub__item__wrap.rank9 .medal {
    position: absolute;
    top: -3px;
    left: -6px;
    width: 50px
  }
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank10 .medal {
  width: 70px;
  top: -8px;
  position: absolute;
  z-index: 2
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .ranking__sub__item__wrap.rank10 .medal {
    position: absolute;
    top: -3px;
    left: -6px;
    width: 50px
  }
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank11 .medal {
  width: 70px;
  top: -8px;
  position: absolute;
  z-index: 2
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .ranking__sub__item__wrap.rank11 .medal {
    position: absolute;
    top: -3px;
    left: -6px;
    width: 50px
  }
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank12 .medal {
  width: 70px;
  top: -8px;
  position: absolute;
  z-index: 2
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .ranking__sub__item__wrap.rank12 .medal {
    position: absolute;
    top: -3px;
    left: -6px;
    width: 50px
  }
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank13 .medal {
  width: 70px;
  top: -8px;
  position: absolute;
  z-index: 2
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .ranking__sub__item__wrap.rank13 .medal {
    position: absolute;
    top: -3px;
    left: -6px;
    width: 50px
  }
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank14 .medal {
  width: 70px;
  top: -8px;
  position: absolute;
  z-index: 2
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .ranking__sub__item__wrap.rank14 .medal {
    position: absolute;
    top: -3px;
    left: -6px;
    width: 50px
  }
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank15 .medal {
  width: 70px;
  top: -8px;
  position: absolute;
  z-index: 2
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .ranking__sub__item__wrap.rank15 .medal {
    position: absolute;
    top: -3px;
    left: -6px;
    width: 50px
  }
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank1 .title__wrap {
  background: linear-gradient(125.55deg, #E3A70B 29.01%, #ECB802 29.01%, #E3A70B 56.54%);
  border-bottom: 4px solid #BC9300
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank2 .title__wrap {
  background: linear-gradient(125.55deg, #BABABA 29.01%, #d6d6d6 29.01%, #BABABA 56.54%);
  border-bottom: 4px solid #838383
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank3 .title__wrap {
  background: linear-gradient(125.55deg, #CD7A56 29.01%, #e7916c 29.01%, #CD7A56 56.54%);
  border-bottom: 4px solid #884123
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank4 .title__wrap {
  background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
  border-bottom: 4px solid #74A4B8
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank5 .title__wrap {
  background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
  border-bottom: 4px solid #74A4B8
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank6 .title__wrap {
  background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
  border-bottom: 4px solid #74A4B8
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank7 .title__wrap {
  background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
  border-bottom: 4px solid #74A4B8
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank8 .title__wrap {
  background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
  border-bottom: 4px solid #74A4B8
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank9 .title__wrap {
  background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
  border-bottom: 4px solid #74A4B8
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank10 .title__wrap {
  background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
  border-bottom: 4px solid #74A4B8
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank11 .title__wrap {
  background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
  border-bottom: 4px solid #74A4B8
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank12 .title__wrap {
  background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
  border-bottom: 4px solid #74A4B8
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank13 .title__wrap {
  background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
  border-bottom: 4px solid #74A4B8
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank14 .title__wrap {
  background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
  border-bottom: 4px solid #74A4B8
}

#ranking__sub__items__box .ranking__sub__item__wrap.rank15 .title__wrap {
  background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
  border-bottom: 4px solid #74A4B8
}

#ranking__sub__items__box .ranking__sub__item__wrap .title__wrap {
  border-bottom: none!important;
}

#ranking__sub__items__box .flex__wrap {
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  border-radius: 5px 5px 0 0
}

#single__box .price__group {
  width: 70%;
}
#single__box .price__group .price__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

#single__box .price__group .price1__wrap {
  margin-bottom: 20px;
}

#single__box .price__group .price__title{
  font-size: 18px !important;
  padding: 25px 20px !important;
  border-radius: 0 !important;
}

#single__box .price__group .price__title::after {
  display: none;
}

#single__box .price__group .price__des{
  font-size: 18px !important;
  padding: 25px 20px !important;
}

@media (max-width: 767px) {
  #ranking__sub__items__box .flex__wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-direction: column;
  }

}

#ranking__sub__items__box .item__left {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  padding: 0 10px;
  margin-top: 0
}

#ranking__sub__items__box .item__left a:first-child:hover {
  -webkit-transform: scale(0.96);
  transform: scale(0.96)
}

#ranking__sub__items__box .item__left a:first-child img {
  width: 90%;
  margin: 20px auto 0
}

@media (max-width: 767px) {
  #ranking__sub__items__box .item__left a:first-child img {
    width: 50%;
    margin: 10px auto 0;

  }
}

#ranking__sub__items__box .item__left .koushiki__btn {
  background: #FF6363;
  border: 1px solid #EF4D4D;
  -webkit-box-shadow: 0px 3px 0px #EF4D4D;
  box-shadow: 0px 3px 0px #EF4D4D;
  border-radius: 20px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 90%;
  color: #fff;
  font-weight: 700;
  margin: 0;
  overflow: hidden;
  font-size: 20px;
  padding: 7px;
  width: 94%;
  margin: 10px auto 0;
  font-size: 14px
}

#ranking__sub__items__box .item__left .koushiki__btn:hover {
  top: 4px
}

#ranking__sub__items__box .item__left .koushiki__btn:before {
  content: '';
  width: 100px;
  height: 200px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0.3;
  position: absolute;
  top: -55px;
  -webkit-animation: hikari 2s infinite;
  animation: hikari 2s infinite;
  -webkit-filter: blur(2px);
  filter: blur(2px)
}

#ranking__sub__items__box .item__left .koushiki__btn:after {
  content: '';
  width: 20px;
  height: 20px;
  right: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(./images/contents/arrow__link__wh.png) no-repeat 50% 50%;
  background-size: contain
}

@keyframes hikari {
  0% {
    opacity: 0;
    left: -100%
  }
  50% {
    opacity: 0.4
  }
  100% {
    left: 300%
  }
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .item__left .koushiki__btn {
    width: 100%;
    font-size: 14px;
    padding: 20px 15px;
    margin-right: 5px;
    margin: 0 auto 10px;
    font-size: 16px
  }
}

#ranking__sub__items__box .title__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0
}

#ranking__sub__items__box .title__wrap a {
  font-weight: 700;
  font-size: 24px;
  margin-left: 74px;
  color: #fff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.35)
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .title__wrap a {
    margin-left: 40px;
    font-size: 16px
  }
}

#ranking__sub__items__box .title__wrap a:hover {
  text-decoration: underline
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .title__wrap {
    padding: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
  }
}

#ranking__sub__items__box .title__wrap .right__sub__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#ranking__sub__items__box .title__wrap .star__wrap {
  margin: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  padding: 5px;
  border-radius: 5px
}

#ranking__sub__items__box .title__wrap .star__wrap .star {
  padding: 5px;
  padding: 2px;
  margin-right: 5px;
  background: #F2F2F2;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1)
}

#ranking__sub__items__box .title__wrap .star__wrap .number {
  color: #FF6363;
  font-weight: 600;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#ranking__sub__items__box .title__wrap .star__wrap .number {
  font-size: 24px !important;
  margin-right: 4px
}

#ranking__sub__items__box .title__wrap span.review__btn {
  margin-left: 20px;
  display: block;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 10px 12px;
  color: #fff;
  background: url(./images/review__bg.png) no-repeat 50% 90%;
  background-size: 100%;
  text-decoration: underline;
  cursor: pointer
}

#ranking__sub__items__box .title__wrap span.review__btn:hover {
  text-decoration: none
}

#ranking__sub__items__box .review__link {
  margin-left: 4px;
  padding: 4px 7px 4px 18px;
  color: #464646;
  text-decoration: underline;
  font-weight: bold;
  font-size: 14px;
  position: relative;
  border-left: 1px solid #F2F2F2;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s
}

@media (min-width: 1030px) {
  #ranking__sub__items__box .review__link {
    width: 68px
  }
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .review__link {
    padding: 4px 16px 4px 18px
  }
}

#ranking__sub__items__box .review__link:hover {
  color: #20b2aa
}

#ranking__sub__items__box .review__link:after {
  content: '';
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: -5px;
  right: -8px;
  background: url(images/icons/review__bubble__icon1.svg) no-repeat 50% 50%/contain
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .review__link:after {
    top: -1px;
    right: 1px
  }
}

#ranking__sub__items__box .fas {
  font-size: 12px;
  position: absolute
}

#ranking__sub__items__box .fa-sort-up {
  top: 50%;
  height: 100%;
  left: 0.4rem;
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%)
}

#ranking__sub__items__box .fa-sort-down {
  top: 40%;
  height: 100%;
  left: 0.4rem;
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%)
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .fa-sort-down {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%)
  }
}

#ranking__sub__items__box .review__box {
  display: none;
  position: relative;
  font-size: 12px;
  color: #464646;
  background: aliceblue;
  max-height: 287px;
  overflow-y: scroll;
  margin: 20px;
  margin-bottom: 0
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .review__box {
    margin: 10px;
    max-height: 30vh
  }
}

#ranking__sub__items__box .review__box.open {
  display: block
}

#ranking__sub__items__box .review__box .review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #add8e6;
  padding: 8px 14px
}

#ranking__sub__items__box .review__box .review:nth-child(1) {
  border: none
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .review__box .review {
    margin: 4px 0;
    padding: 8px
  }
}

#ranking__sub__items__box .review__box .review .review__avatar {
  margin-top: 14px;
  width: 50px;
  height: 60px
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .review__box .review .review__avatar {
    width: 30px;
    height: 40px;
    margin-top: 0
  }
}

#ranking__sub__items__box .review__box .review .descript {
  margin-left: 8px;
  padding: 13px 4px 18px
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .review__box .review .descript {
    padding: 0
  }
}

#ranking__sub__items__box .review__box .review .descript p {
  line-height: 1.7;
  margin-bottom: 4px
}

#ranking__sub__items__box .review__box .review .descript p:nth-child(1) {
  font-weight: bold;
  font-size: 14px
}

#ranking__sub__items__box .review__box .review .descript p:nth-child(2) {
  padding: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .review__box .review .descript p:nth-child(2) {
    font-size: 11px
  }
}

#ranking__sub__items__box .review__box .review .descript p:nth-child(3) {
  font-size: 14px
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .review__box .review .descript p:nth-child(3) {
    font-size: 13px
  }
}

#ranking__sub__items__box .review__box .review .descript img {
  display: inline-block;
  margin-left: 4px;
  background: #fff;
  padding: 2px;
  border-radius: 4px
}

#ranking__sub__items__box .item__right {
  color: #464646;
  -webkit-box-flex: 7;
  -ms-flex: 7;
  flex: 7;
  padding: 10px 10px
}

#ranking__sub__items__box .item__right .info__wrap {
  color: #464646;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 5px;
  background: #fbfdfe
}

#ranking__sub__items__box .item__right .info__wrap li {
  padding: 5px 10px 5px 35px;
  border-bottom: 1px dashed #E8E8E8;
  position: relative
}

#ranking__sub__items__box .item__right .info__wrap li:last-child {
  border: none
}

#ranking__sub__items__box .item__right .info__wrap li:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  background: url(./images/icons/icon-point.svg) no-repeat 50% 50%;
  background-size: contain;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#ranking__sub__items__box .item__right .koushiki__btn {
  background: #FF6363;
  border: 1px solid #EF4D4D;
  -webkit-box-shadow: 0px 3px 0px #EF4D4D;
  box-shadow: 0px 3px 0px #EF4D4D;
  border-radius: 50px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 90%;
  color: #fff;
  font-weight: 700;
  margin: 0;
  overflow: hidden;
  font-size: 20px;
  margin: 10px auto;
  width: 100%;
  display: block;
  text-align: center
}

#ranking__sub__items__box .item__right .koushiki__btn:hover {
  top: 4px
}

#ranking__sub__items__box .item__right .koushiki__btn:before {
  content: '';
  width: 100px;
  height: 200px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0.3;
  position: absolute;
  top: -55px;
  -webkit-animation: hikari 2s infinite;
  animation: hikari 2s infinite;
  -webkit-filter: blur(2px);
  filter: blur(2px)
}

#ranking__sub__items__box .item__right .koushiki__btn:after {
  content: '';
  width: 30px;
  height: 30px;
  right: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(./images/contents/arrow__link__wh.png) no-repeat 50% 50%;
  background-size: contain
}

@keyframes hikari {
  0% {
    opacity: 0;
    left: -100%
  }
  50% {
    opacity: 0.4
  }
  100% {
    left: 300%
  }
}

@media (max-width: 768px) {
  #ranking__sub__items__box .flex__wrap .item__right {
    display: flex;
    flex-direction: column;
    margin-top: 6px;
  }
  #ranking__sub__items__box .flex__wrap .item__right .info__wrap {
    order: 2;
  }
  #ranking__sub__items__box .flex__wrap .item__right .koushiki__btn {
    order: 1;
  }
  #ranking__sub__items__box .flex__wrap .item__right .koushiki__btn {
    width: 100%;
    font-size: 14px;
    padding: 20px 15px;
    margin-right: 5px;
    margin: 0 auto 10px;
    font-size: 16px
  }
  #ranking__sub__items__box .flex__wrap .item__right .info__wrap li {
    padding: 4px 10px 4px 25px;
    border-bottom: 1px dashed #E8E8E8;
    position: relative;
  }
  #ranking__sub__items__box .flex__wrap .item__right .info__wrap li:before {
    width: 15px;
    height: 15px;
    left: 5px;
    top: 12px;
  }
}

@media (max-width: 767px) {
  #ranking__sub__items__box .item__right {
    padding: 10px 4px;
  }
  #ranking__sub__items__box .item__right .koushiki__btn {
    margin-left: 0
  }
}

#ranking__sub__items__box .contents__wrap {
  width: 96%;
  margin: 0 auto 30px
}

#ranking__sub__items__box .points__wrap {
  margin-bottom: 15px;
  color: #464646
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .contents__wrap {
    width: 100%;
    margin-bottom: 10px;
  }
  #ranking__sub__items__box .points__wrap {
    margin-bottom: 0
  }
  #ranking__sub__items__box .futai__wrap {
    flex-direction: row;
    padding: 5px 10px;
  }
}

#ranking__sub__items__box .points__wrap table {
  font-size: 12px;
  table-layout:fixed;
}

#ranking__sub__items__box .points__wrap th, #ranking__sub__items__box .points__wrap td {
  padding: 10px;
  text-align: left;
  vertical-align: middle;
}

#ranking__sub__items__box .points__wrap tr {
  border-top: 1px solid #bebdbd
}

#ranking__sub__items__box .points__wrap th {
  background: #F2F2F2;
  font-weight: 700;
  vertical-align: middle;
  width: 15%;
  border-left: 1px solid #bebdbd;
  border-right: 1px solid #bebdbd
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .points__wrap th {
    width: 20%;
    color: #464646
  }
}

#ranking__sub__items__box .points__wrap .brand__box span img,
#ranking__sub__items__box .points__wrap .emoney__box span img {
  width: 34px;
  height: 25px;
  display: inline-block;
}

#ranking__sub__items__box .campaign__wrap {
  margin-top: 15px;
  border-radius: 10px;
  height: auto;
  position: relative;
  background: #F1FBFA;
  padding: 10px
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .points__wrap .brand__box span img,
  #ranking__sub__items__box .points__wrap .emoney__box span img {
    width: 26px;
    height: 17px;
  }
  #ranking__sub__items__box .campaign__wrap {
    padding: 0
  }
}

#ranking__sub__items__box .campaign__wrap span {
  font-size: 14px
}

#ranking__sub__items__box .campaign__wrap span.campaign__title {
  position: absolute;
  background: #20b2aa;
  font-size: 12px;
  color: #fff;
  padding: 10px 5px;
  font-weight: 700;
  margin: 0;
  background-size: cover;
  top: 50%;
  left: 0;
  top: 50%;
  left: 0;
  height: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
#ranking__sub__items__box .campaign__wrap span.campaign__title.-width100 {
  padding: 10px 20px;
}
#ranking__sub__items__box .campaign__wrap span.campaign__title.-multi {
  padding: 10px 30px;
}

#ranking__sub__items__box .campaign__wrap .campaign__descript {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.2;
  padding-left: 90px
}

#ranking__sub__items__box .campaign__wrap .campaign__descript li {
  font-size: 15px;
  padding: 5px 5px 5px 30px;
  border-bottom: 1px solid rgba(32, 178, 170, 0.3);
  font-weight: 700;
  color: #464646;
  margin-left: 10px;
  position: relative;
}

#ranking__sub__items__box .campaign__wrap .campaign__descript li:last-child {
  border-bottom: none
}

#ranking__sub__items__box .campaign__wrap .campaign__descript li:before {
  content: "";
  background: #fff;
  position: absolute;
  left: 4px;
  top: 2px;
  width: 20px;
  height: 20px;
  background: url(images/icons/icon-campaign.svg) center/contain no-repeat;
}

#ranking__sub__items__box .result__button__wrap {
  padding: 0 10px;
  margin-bottom: 45px
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .campaign__wrap span.campaign__title {
    font-size: 10px!important;
    background: none!important;
    padding: 10px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%!important;
  }
  #ranking__sub__items__box .result__button__wrap {
    padding: 0;
    margin-top: 20px;
  }
}
@media (max-width: 678px) {
  #ranking__sub__items__box .result__button__wrap {
    margin-bottom: 0;
  }
}

#ranking__sub__items__box .result__button__wrap .search__button {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .result__button__wrap .search__button {
    padding: 10px;
    flex-direction: column;
  }
}

#ranking__sub__items__box .result__button__wrap .search__button .syousai__btn {
  border: 1px solid #E8E8E8;
  border-radius: 50px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 40%;
  font-weight: 700;
  font-size: 12px;
  margin: 0;
  text-decoration: underline;
  color: #464646
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .result__button__wrap .search__button .syousai__btn {
    font-weight: 700;
    -webkit-box-pack: baseline;
    -ms-flex-pack: baseline;
    justify-content: baseline;
    padding: 15px;
    width: 100%;
  }
}

@media (max-width: 767px) {
  #ranking__sub__items__box .result__button__wrap .search__button .syousai__btn {
    padding: 10px;
    order:2;
  }
}

#ranking__sub__items__box .result__button__wrap .search__button .syousai__btn.h56 {
  height: 80px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center
}

#ranking__sub__items__box .result__button__wrap .search__button .koushiki__wrap {
  position: relative;
  width: 100%;
  margin-left: 10px
}

@media (max-width: 767px) {
  #ranking__sub__items__box .result__button__wrap .search__button .koushiki__wrap {
    margin-left: 0;
    margin-bottom: 10px;
    order:1;
  }
}

#ranking__sub__items__box .result__button__wrap .search__button .koushiki__wrap .koushiki__text {
  display: block;
  font-size: 16px;
  margin: 2px 0;
  font-weight: 700;
  text-align: center;
  position: absolute;
  top: -27px;
  left: 50%;
  color: #464646;
  padding: 5px 15px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2
}

#ranking__sub__items__box .result__button__wrap .search__button .koushiki__wrap .koushiki__text .fas {
  margin-right: 5px
}

@media (max-width: 767px) {
  #ranking__sub__items__box .result__button__wrap .search__button .koushiki__wrap .koushiki__text {
    padding: 5px;
    width: 100%
  }
}

@media (max-width: 385px) {
  #ranking__sub__items__box .result__button__wrap .search__button .koushiki__wrap .koushiki__text {
    font-size: 14px;
    font-weight: 700
  }
}

#ranking__sub__items__box .result__button__wrap .search__button .koushiki__btn {
  background: #FF6363;
  border: 1px solid #EF4D4D;
  -webkit-box-shadow: 0px 3px 0px #EF4D4D;
  box-shadow: 0px 3px 0px #EF4D4D;
  border-radius: 50px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 90%;
  color: #fff;
  font-weight: 700;
  margin: 0;
  overflow: hidden;
  font-size: 20px;
  width: 100%;
  display: block;
  text-align: center;
  padding: 27px 15px
}
.koushiki__btn.-olive {
  padding: 12px 0 !important;
  flex-direction: column!important;
}
.koushiki__btn.-gray {
  background: #f1f0f0 !important;
  border: none !important;
  color: #cbcbcb !important;
  box-shadow: 0 3px 0 #cbcbcb !important;
}
.koushiki__btn.-gray:after {
  display: none;
}
@media (max-width: 768px) {
  .koushiki__btn.-olive {
    padding: 8px 0 !important;
  }
}
.ab-text {
  font-size: 0.75rem;
  padding: 4px 10px;
  border-radius: 4px;
  width: 100%;
  margin: auto;
  color: #fff;
  text-align: center;
  font-weight: bold;
  margin-top: 6px;
}

@media (max-width: 768px) {
  .ab-text {
    font-size: 0.65rem;
    padding: 4px 10px 0;
    border-radius: 4px;
    width: 60%;
    margin-top: 4px;
  }

}

#ranking__sub__items__box .result__button__wrap .search__button .koushiki__btn:hover {
  top: 4px
}

#ranking__sub__items__box .result__button__wrap .search__button .koushiki__btn:before {
  content: '';
  width: 100px;
  height: 200px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0.3;
  position: absolute;
  top: -55px;
  -webkit-animation: hikari 2s infinite;
  animation: hikari 2s infinite;
  -webkit-filter: blur(2px);
  filter: blur(2px)
}

#ranking__sub__items__box .result__button__wrap .search__button .koushiki__btn:after {
  content: '';
  width: 30px;
  height: 30px;
  right: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(./images/contents/arrow__link__wh.png) no-repeat 50% 50%;
  background-size: contain
}

.ranking__sub__item__wrap .result__button__wrap .notes {
  margin-top: 1rem;
}

@keyframes hikari {
  0% {
    opacity: 0;
    left: -100%
  }
  50% {
    opacity: 0.4
  }
  100% {
    left: 300%
  }
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .result__button__wrap .search__button .koushiki__btn {
    width: 100%;
    font-size: 14px;
    padding: 20px 15px;
    margin-right: 5px;
    margin: 0 auto 10px;
    font-size: 16px;
    
  }
  #ranking__sub__items__box .result__button__wrap .search__button .koushiki__btn:after {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 767px) {
  #ranking__sub__items__box .result__button__wrap .search__button .koushiki__btn {
    margin-left: 0;
    padding: 20px 15px
  }
  #ranking__sub__items__box .result__button__wrap .search__button .koushiki__btn .koushiki__text {
    font-size: 11px
  }
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .ranking__sub__wrap {
    padding: 10px
  }
  #ranking__sub__items__box .ranking__sub__wrap .ranking__sub__item__wrap {
    margin: 20px 0 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px 10px 0px 0px
  }
  #ranking__sub__items__box .ranking__sub__wrap .ranking__sub__item__wrap.rank1 {
    margin-top: 0
  }
  #ranking__sub__items__box .ranking__sub__wrap .ranking__sub__item__wrap:last-child {
    margin-bottom: 0
  }
  #ranking__sub__items__box .rank1 .ranking__sub__item__wrap {
    border: 3px solid #FDE697
  }
  #ranking__sub__items__box .rank1 .title__wrap {
    background: linear-gradient(125.55deg, #E3A70B 29.01%, #ECB802 29.01%, #E3A70B 56.54%);
    border-bottom: 4px solid #BC9300
  }
  #ranking__sub__items__box .rank2 .ranking__sub__item__wrap {
    border: 3px solid #F2F2F2
  }
  #ranking__sub__items__box .rank2 .title__wrap {
    background: linear-gradient(125.55deg, #BABABA 29.01%, #d6d6d6 29.01%, #BABABA 56.54%);
    border-bottom: 4px solid #838383
  }
  #ranking__sub__items__box .rank3 .ranking__sub__item__wrap {
    border: 3px solid #e8b9a5
  }
  #ranking__sub__items__box .rank3 .title__wrap {
    background: linear-gradient(125.55deg, #CD7A56 29.01%, #e7916c 29.01%, #CD7A56 56.54%);
    border-bottom: 4px solid #884123
  }
  #ranking__sub__items__box .rank4 .ranking__sub__item__wrap {
    border: 3px solid #74A4B8
  }
  #ranking__sub__items__box .rank4 .title__wrap {
    background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
    border-bottom: 4px solid #74A4B8
  }
  #ranking__sub__items__box .rank5 .ranking__sub__item__wrap {
    border: 3px solid #74A4B8
  }
  #ranking__sub__items__box .rank5 .title__wrap {
    background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
    border-bottom: 4px solid #74A4B8
  }
  #ranking__sub__items__box .rank6 .ranking__sub__item__wrap {
    border: 3px solid #74A4B8
  }
  #ranking__sub__items__box .rank6 .title__wrap {
    background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
    border-bottom: 4px solid #74A4B8
  }
  #ranking__sub__items__box .rank7 .ranking__sub__item__wrap {
    border: 3px solid #74A4B8
  }
  #ranking__sub__items__box .rank7 .title__wrap {
    background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
    border-bottom: 4px solid #74A4B8
  }
  #ranking__sub__items__box .rank8 .ranking__sub__item__wrap {
    border: 3px solid #74A4B8
  }
  #ranking__sub__items__box .rank8 .title__wrap {
    background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
    border-bottom: 4px solid #74A4B8
  }
  #ranking__sub__items__box .rank9 .ranking__sub__item__wrap {
    border: 3px solid #74A4B8
  }
  #ranking__sub__items__box .rank9 .title__wrap {
    background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
    border-bottom: 4px solid #74A4B8
  }
  #ranking__sub__items__box .rank10 .ranking__sub__item__wrap {
    border: 3px solid #74A4B8
  }
  #ranking__sub__items__box .rank10 .title__wrap {
    background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
    border-bottom: 4px solid #74A4B8
  }
  #ranking__sub__items__box .rank11 .ranking__sub__item__wrap {
    border: 3px solid #74A4B8
  }
  #ranking__sub__items__box .rank11 .title__wrap {
    background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
    border-bottom: 4px solid #74A4B8
  }
  #ranking__sub__items__box .rank12 .ranking__sub__item__wrap {
    border: 3px solid #74A4B8
  }
  #ranking__sub__items__box .rank12 .title__wrap {
    background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
    border-bottom: 4px solid #74A4B8
  }
  #ranking__sub__items__box .rank13 .ranking__sub__item__wrap {
    border: 3px solid #74A4B8
  }
  #ranking__sub__items__box .rank13 .title__wrap {
    background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
    border-bottom: 4px solid #74A4B8
  }
  #ranking__sub__items__box .rank14 .ranking__sub__item__wrap {
    border: 3px solid #74A4B8
  }
  #ranking__sub__items__box .rank14 .title__wrap {
    background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
    border-bottom: 4px solid #74A4B8
  }
  #ranking__sub__items__box .rank15 .ranking__sub__item__wrap {
    border: 3px solid #74A4B8
  }
  #ranking__sub__items__box .rank15 .title__wrap {
    background: linear-gradient(125.55deg, #74A4B8 29.01%, #8ebccf 29.01%, #74A4B8 56.54%);
    border-bottom: 4px solid #74A4B8
  }
  #ranking__sub__items__box .title__wrap {
    padding: 10px;
    position: relative
  }
  #ranking__sub__items__box .title__wrap h3 {
    margin-left: 40px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.35)
  }
  #ranking__sub__items__box .ranking__sub__item__wrap .medal {
    position: absolute;
    top: -10px;
    left: -6px;
    width: 50px
  }
  #ranking__sub__items__box .img__wrap {
    padding: 10px 0 0
  }
  #ranking__sub__items__box .img__wrap img {
    width: 50%;
    margin: 0 auto
  }
  #ranking__sub__items__box .img__wrap .koushiki__btn {
    background: #FF6363;
    border: 1px solid #EF4D4D;
    -webkit-box-shadow: 0px 3px 0px #EF4D4D;
    box-shadow: 0px 3px 0px #EF4D4D;
    border-radius: 50px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 90%;
    color: #fff;
    font-weight: 700;
    margin: 0;
    overflow: hidden;
    font-size: 20px
  }
  #ranking__sub__items__box .img__wrap .koushiki__btn:hover {
    top: 4px
  }
  #ranking__sub__items__box .img__wrap .koushiki__btn:before {
    content: '';
    width: 100px;
    height: 200px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0.3;
    position: absolute;
    top: -55px;
    -webkit-animation: hikari 2s infinite;
    animation: hikari 2s infinite;
    -webkit-filter: blur(2px);
    filter: blur(2px)
  }
  #ranking__sub__items__box .img__wrap .koushiki__btn:after {
    content: '';
    width: 20px;
    height: 20px;
    right: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(./images/contents/arrow__link__wh.png) no-repeat 50% 50%;
    background-size: contain
  }
  @-webkit-keyframes hikari {
    0% {
      opacity: 0;
      left: -100%
    }
    50% {
      opacity: 0.4
    }
    100% {
      left: 300%
    }
  }
  @keyframes hikari {
    0% {
      opacity: 0;
      left: -100%
    }
    50% {
      opacity: 0.4
    }
    100% {
      left: 300%
    }
  }
}

@media (max-width: 1029px) and (max-width: 1029px) {
  #ranking__sub__items__box .img__wrap .koushiki__btn {
    width: 100%;
    font-size: 14px;
    padding: 20px 15px;
    margin-right: 5px;
    margin: 0 auto 10px;
    font-size: 16px
  }
}

@media (max-width: 1029px) and (max-width: 1029px) {
  #ranking__sub__items__box .img__wrap .koushiki__btn {
    width: 95%;
    margin: 15px auto;
    flex-direction: column;
  }
}

#ranking__sub__items__box .star__wrap .star {
  width: 100px;
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .star__wrap {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  #ranking__sub__items__box .star__wrap .star {
    padding: 2px;
    background: #F2F2F2;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  }
  #ranking__sub__items__box .star__wrap .number {
    color: #FF6363;
    font-weight: 600;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media (max-width: 1029px) and (max-width: 1029px) {
  #ranking__sub__items__box .star__wrap {
    border-radius: 5px;
    border-bottom: 2px solid #eee;
    padding-right: 10px;
    padding: 3px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
  }
  #ranking__sub__items__box .star__wrap .star {
    width: 90px;
  }
}

@media (max-width: 1029px) and (max-width: 767px) {
  #ranking__sub__items__box .star__wrap {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
  }
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .star__wrap .star {
    display: inline-block
  }
}

@media (max-width: 1029px) and (max-width: 1029px) {
  #ranking__sub__items__box .star__wrap .star {
    margin-right: 3px;
    background: #fff
  }
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .star__wrap .number {
    font-size: 25px
  }
}

@media (max-width: 1029px) and (max-width: 1029px) {
  #ranking__sub__items__box .star__wrap .number {
    font-size: 16px;
    color: #FF6363
  }
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .star__wrap span.review__btn {
    display: inline-block;
    margin-left: 20px;
    font-size: 12px;
    font-weight: 500;
    width: auto;
    padding: 6px 5px 5px;
    color: #fff;
    cursor: pointer;
    position: relative;
    z-index: 3
  }
  #ranking__sub__items__box .star__wrap span.review__btn:after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(./images/review__bg.png) no-repeat 50% 60%;
    background-size: 100%;
    position: absolute;
    top: 3px;
    left: 0;
    z-index: -1
  }
  #ranking__sub__items__box .info__wrap {
    color: #464646;
    font-size: 14px;
    font-weight: 700;
    padding: 20px 10px
  }
  #ranking__sub__items__box .info__wrap li {
    padding: 10px 10px 10px 35px;
    border-bottom: 1px dashed #E8E8E8;
    position: relative
  }
  #ranking__sub__items__box .info__wrap li:last-child {
    border: none
  }
  #ranking__sub__items__box .info__wrap li:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background: url(./images/icons/icon-point.svg) no-repeat 50% 50%;
    background-size: contain;
    left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

@media (max-width: 1029px) and (max-width: 767px) {
  #ranking__sub__items__box .info__wrap {
    padding: 0 10px 14px
  }
  #ranking__sub__items__box .info__wrap li {
    padding: 4px 10px 4px 25px;
    border-bottom: 1px dashed #E8E8E8;
    position: relative
  }
  #ranking__sub__items__box .info__wrap li:last-child {
    border: none
  }
  #ranking__sub__items__box .info__wrap li:before {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    background: url(./images/icons/icon-point.svg) no-repeat 50% 50%;
    background-size: contain;
    left: 5px;
    top: 15px
  }
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .points__wrap {
    padding: 0 10px
  }
}

@media (max-width: 1029px) and (max-width: 1029px) {
  #ranking__sub__items__box .points__wrap {
    word-break: break-word
  }
  #ranking__sub__items__box .points__wrap table {
    font-size: 12px;
    color: #464646;
    border: 1px solid #bebdbd;
    table-layout: fixed
  }
  #ranking__sub__items__box .points__wrap th, #ranking__sub__items__box .points__wrap td {
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #bebdbd;
    border-bottom: 1px solid #bebdbd
  }
  #ranking__sub__items__box .points__wrap th {
    background: #F2F2F2;
    font-weight: 700
  }
  #ranking__sub__items__box .points__wrap td {
    padding: 10px 0;
    vertical-align: middle
  }
}

#ranking__sub__items__box .points__wrap table.table-multi .icon-maru {
  width: 30px;
}
#ranking__sub__items__box .points__wrap table.table-multi td div {
  display: flex;
  align-items: center;
  gap: 10px;
}

@media (max-width: 780px) {
  #ranking__sub__items__box .points__wrap table.table-multi td div {
    flex-direction: column;
    gap: 4px;
  }
}

@media (max-width: 1029px) {
  #ranking__sub__items__box .keyword__wrap {
    padding: 20px 10px
  }
  #ranking__sub__items__box .keyword__wrap .flex__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 11px;
    margin-top: 2px
  }
  #ranking__sub__items__box .keyword__wrap .flex__wrap div {
    text-align: center;
    padding: 3px;
    margin: 2px;
    position: relative
  }
  #ranking__sub__items__box .keyword__wrap .flex__wrap div.not {
    background: #E8E8E8;
    color: #a5a5a5;
    border: none
  }
  #ranking__sub__items__box .keyword__wrap .flex__wrap div.not:after {
    display: none
  }
  #ranking__sub__items__box .keyword__wrap .flex__wrap div:after {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(./images/ranking/check.svg) no-repeat 50% 50%;
    background-size: cover
  }
  #ranking__sub__items__box .keyword__wrap .flex__wrap .key__1, #ranking__sub__items__box .keyword__wrap .flex__wrap .key__2 {
    width: 50%;
    background: #FDE697;
    border: 2px solid #D5A704;
    border-radius: 5px;
    color: #a58101
  }
  #ranking__sub__items__box .keyword__wrap .flex__wrap .key__3, #ranking__sub__items__box .keyword__wrap .flex__wrap .key__4, #ranking__sub__items__box .keyword__wrap .flex__wrap .key__5 {
    width: 33%;
    background: #CAE9FF;
    border: 2px solid #74A4B8;
    border-radius: 5px;
    color: #3e738a
  }
  #ranking__sub__items__box .campaign__wrap {
    margin: 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 5px;
    background-size: 14%
  }
}



@media (max-width: 768px) {
  #ranking__sub__items__box .campaign__wrap {
    background: none;
    margin: 10px 10px;
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
    background-size: 14%;
    padding: 0;
    height: auto;
    position: relative;
  }
}

@media (max-width: 768px) {
  #ranking__sub__items__box .campaign__wrap .cam__title {
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5;
    flex: 0.5;
    background: #20b2aa;
    width: 20%;
    position: relative;
    padding: 5px;
    font-size: 10px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 10px;
  }
  
}


@media (max-width: 1029px) {
  #ranking__sub__items__box .campaign__wrap .campaign__title{
    display: block;
    text-align: center;
    line-height: 1.5;
    font-size: 10px;
  }
  #ranking__sub__items__box .campaign__wrap .campaign__title .date {
    margin-top: 4px;
    background: #464646;
    padding: 2px 4px;
    color: #fff;
    font-size: 9px;
    border: 2px solid #20b2aa;
    display: inline-block;
    border-radius: 5px;
    text-align: center
  }
}


@media (max-width: 1029px) {
  #ranking__sub__items__box .campaign__wrap .campaign__text {
    padding: 5px;
    background: #F1FBFA;
    padding: 5px;
    font-size: 13px
  }
  #ranking__sub__items__box .campaign__wrap .campaign__text li {
    font-size: 13px;
    padding: 5px;
    border-bottom: 1px solid rgba(32, 178, 170, 0.3);
    font-weight: 700;
    color: #464646;
    position: relative;
    padding-left: 14px;
  }
  #ranking__sub__items__box .campaign__wrap .campaign__text li:last-child {
    border-bottom: none
  }
  #ranking__sub__items__box .campaign__wrap .campaign__text li:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: url(images/icons/icon-campaign.svg) center/contain no-repeat;
    top: 2px;
    left: -7px;
  }
  #ranking__sub__items__box .campaign__wrap .campaign__text {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
  }
}


.facebook__tag {
  padding: 10px
}

.facebook__tag .flex__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width: 1029px) {
  .facebook__tag .flex__box {
    display: block
  }
}

.facebook__tag .flex__box .name, .facebook__tag .flex__box .add, .facebook__tag .flex__box .tel {
  font-size: 13px;
  padding: 5px
}

.facebook__tag .flex__box .name span:nth-child(1), .facebook__tag .flex__box .add span:nth-child(1), .facebook__tag .flex__box .tel span:nth-child(1) {
  padding: 2px;
  background: #F1FBFA;
  color: #5fb3ce;
  margin-right: 5px
}

.facebook__tag .flex__box .name span, .facebook__tag .flex__box .add span, .facebook__tag .flex__box .tel span {
  color: #464646
}

.facebook__tag .revo {
  font-size: 13px;
  padding: 5px;
  text-align: center
}

.facebook__tag .revo span:nth-child(1) {
  padding: 2px;
  background: #F1FBFA;
  color: #5fb3ce;
  margin-right: 5px
}

.facebook__tag .revo span {
  color: #464646
}

@media (max-width: 1029px) {
  .facebook__tag {
    padding: 5px
  }
  .facebook__tag .name, .facebook__tag .add, .facebook__tag .tel, .facebook__tag .revo {
    font-size: 11px;
    padding: 2px 0;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .facebook__tag .name span:nth-child(1), .facebook__tag .add span:nth-child(1), .facebook__tag .tel span:nth-child(1), .facebook__tag .revo span:nth-child(1) {
    padding: 2px;
    background: #F1FBFA;
    color: #5fb3ce;
    margin-right: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
  }
  .facebook__tag .name span, .facebook__tag .add span, .facebook__tag .tel span, .facebook__tag .revo span {
    color: #464646;
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
  }
}

.emoney__box .emoney__icon {
  width: 33px!important;
  display: inline-block
}

.brand__box .brand__icon {
  width: 33px!important;
  display: inline-block
}

.page__descirpt__wrap {
  font-size: 15px;
  color: #464646;
  line-height: 1.5;
  border-top: 1px solid #eee;
  padding: 20px;
}

@media (max-width: 1029px) {
  .page__descirpt__wrap {
    padding: 1rem 1rem 0;
  }
  .page__descirpt__wrap p:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  .emoney__box .emoney__icon {
    width: 7vw!important;
  }
  
  .brand__box .brand__icon {
    width: 7vw!important;
  }
}

.page__title__wrap {
  padding: 10px;
  margin: 0 auto;
  box-shadow: 0 -5px 0 #add8e6, 0 5px 0 #add8e6, 0 6px 5px rgba(70, 70, 70, 0.2);
  margin-bottom: 38px;
  background: #20b2aa
}

.page__title__wrap.-new {
  padding: 1rem 0;
  background: #0d9b93;
}

.page__title__wrap.-new.-business {
  background: #751500;
  box-shadow: 0 -5px 0 #b9472d, 0 5px 0 #b9472d, 0 6px 5px rgba(70, 70, 70, 0.2);
}

.page__title__wrap.-new.-debit {
  background: linear-gradient(90deg,#66c839 1% , #0d9b93 20%, #0d9b93 80%, #66c839 99%);
  box-shadow: 0 -5px 0 #c9e519, 0 5px 0 #1bc5bb, 0 6px 5px rgba(70, 70, 70, 0.2);
}

.page__title__wrap.-new p {
  font-size: 1.4rem;
  color: white;
  font-weight: bold;
  text-align: center;
}

.page__title__wrap.-shinsa {
  background: #0d9b93;
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  box-shadow: none;
  border-top: 4px solid #39c8c1;
  border-bottom: 4px solid #39c8c1;
  position: relative;
}

.page__title__wrap.-shinsa p {
  /* text-align: center; */
  font-weight: bold;
  background-color: #f15406;
  clip-path: polygon(0 0, 100% 0, 97% 50%, 100% 100%, 0 100%, 3% 50%);
  padding: 4px 20px;
  display: inline-block;
  color: #fff;
  font-size: 1.2rem;
  text-shadow: 0 0 4px rgba(0,0,0, .3);
  /* background: repeating-linear-gradient( -45deg, #fb8144, #fb8144 12px, #f79462 10px, #f79462 20px ); */
}
.page__title__wrap.-shinsa:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 14px solid #0d9b93;
}
.page__title__wrap.-shinsa h2 {
  letter-spacing: 1px;
  color: #ffffff;
  font-size: 2rem;
}

@media (max-width: 1029px) {
  .page__title__wrap {
    width: 100%;
    margin-top: 20px;
    border-radius: 0;
    margin-bottom: 20px;
    padding: 17px 2px 6px;
    position: relative
  }
  .page__title__wrap.-shinsa {
    margin: 0;
    margin-bottom: 10px;
    gap: 4px;
    padding: 10px 0;
  }
  .page__title__wrap.-shinsa p {
    clip-path: polygon(0 0, 100% 0, 98% 50%, 100% 100%, 0 100%, 2% 50%);
    font-size: 1rem;
  }
  .page__title__wrap.-shinsa h2 {
    font-size: 5vw;
    margin-top: 0;
    line-height: 1.4;
  }
  .page__title__wrap .small {
    position: absolute;
    top: 3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 700;
    color: #fff;
    font-size: 15px
  }
}

.page__title__wrap h2 {
  font-size: 27px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  position: relative;
  margin: 0 auto
}

@media (max-width: 1029px) {
  .page__title__wrap h2 {
    width: 100%;
    font-size: 24px;
    margin-top: 5px
  }
  .page__title__wrap h2:after {
    display: none
  }
}

@media (max-width: 1029px) {
  #search__box {
    width: 96%;
    margin: 10px auto;
    border: 2px solid #20b2aa;
    border-radius: 10px
  }
}

#search__box h2.title__wrap {
  width: 100%;
  height: 40px;
  padding: 10px 0;
  background: linear-gradient(135.48deg, rgba(32, 178, 170, 0.83) 19.45%, #20b2aa 19.46%, #20b2aa 61.44%);
  border-radius: 5px 5px 0px 0px;
  position: relative;
  color: #fff;
  font-weight: 700;
  text-align: center
}

#search__box h2.title__wrap::after {
  width: 35px;
  height: 35px;
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 37%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width: 1029px) {
  #search__box h2.title__wrap {
    height: 35px;
    line-height: 35px;
    padding: 0
  }
  #search__box h2.title__wrap::after {
    left: 27%
  }
}

@media (max-width: 767px) {
  #search__box h2.title__wrap::after {
    left: 10%
  }
}

#search__box h2.title__wrap:after {
  background: url(./images/contents/search__icon.svg) no-repeat 50% 50%;
  background-size: contain
}

@media (max-width: 1029px) {
  #search__box h2.title__wrap {
    height: auto;
    padding: 5px 0;
    line-height: inherit;
    color: #fff
  }
}

#search__box .search__wrap {
  background: #F2F2F2;
  width: 100%;
  border: 2px solid #F2F2F2;
  border-radius: 0 0 10px 10px;
  padding: 10px
}

@media (max-width: 1029px) {
  #search__box .search__wrap {
    background: #fff
  }
}

#search__box .search__wrap h3 {
  position: relative;
  padding: 10px 10px 10px 40px;
  color: #464646;
  font-weight: 700
}

#search__box .search__wrap h3::after {
  content: '';
  width: 20px;
  height: 15px;
  background: url(./images/contents/search__h3.png) no-repeat 50% 50%;
  background-size: contain;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#search__box .search__wrap input[type="radio"], #search__box .search__wrap input[type="checkbox"] {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

#search__box .search__wrap input[type="radio"]:checked+span::after {
  width: 8px;
  height: 8px;
  opacity: 1
}

#search__box .search__wrap input[type="radio"]:checked {
  color: #20b2aa
}

#search__box .search__wrap input[type="checkbox"]:checked+span::after {
  width: 100%;
  height: 100%;
  opacity: 1
}

#search__box .search__wrap input[type="radio"]+span, #search__box .search__wrap input[type="checkbox"]+span {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff;
  border: 1px solid #bebdbd;
  border-radius: 50%;
  -webkit-box-shadow: inset 0px 2px 2px rgba(70, 70, 70, 0.2);
  box-shadow: inset 0px 2px 2px rgba(70, 70, 70, 0.2)
}

#search__box .search__wrap input[type="radio"]+span::after, #search__box .search__wrap input[type="checkbox"]+span::after {
  content: '';
  position: absolute;
  width: 0px;
  height: 0px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #add8e6;
  border-radius: 50%;
  z-index: 2;
  opacity: 0
}



#search__box .search__wrap input[type="checkbox"]+span {
  border-radius: 0%;
  border: 1px solid #bebdbd;
  -webkit-box-shadow: inset 0px 2px 2px rgba(70, 70, 70, 0.2);
  box-shadow: inset 0px 2px 2px rgba(70, 70, 70, 0.2)
}

#search__box .search__wrap input[type="checkbox"]+span::after {
  width: 100%;
  height: 100%;
  background: #add8e6 url(./images/contents/check.svg) no-repeat 50% 50%;
  border-radius: 0%
}

#search__box .search__wrap label {
  display: inline-block;
  cursor: pointer;
  margin-left: 20px;
  font-weight: 700;
  color: #464646;
  font-size: 14px
}

#search__box .search__wrap .search__area__top .search__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media (max-width: 1029px) {
  #search__box .search__wrap .search__area__top .search__items {
    display: block
  }
}

#search__box .search__wrap .search__area__top .search__items .search__item {
  background: #fff;
  width: 50%;
  border: 1px solid #E8E8E8;
  -webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  position: relative
}

#search__box .search__wrap .search__area__top .search__items .search__item.active {
  background: #F1FBFA
}

#search__box .search__wrap .search__area__top .search__items .search__item img {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#search__box .search__wrap .search__area__top .search__items .search__item label {
  width: 100%;
  height: 100%;
  padding: 20px 8px
}

#search__box .search__wrap .search__area__top label {
  margin-left: 34px;
}

@media (max-width: 1029px) {
  #search__box .search__wrap .search__area__top .search__items .search__item label {
    padding: 0px
  }
}

@media (max-width: 1029px) {
  #search__box .search__wrap .search__area__top .search__items .search__item {
    padding: 0;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none
  }
  #search__box .search__wrap .search__area__top .search__items .search__item label {
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05)
  }
  #search__box .search__wrap .search__area__top .search__items .search__item label, #search__box .search__wrap .search__area__top .search__items .search__item select {
    display: block;
    width: 100%
  }
  #search__box .search__wrap .search__area__top .search__items .search__item select {
    color: #464646;
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    border: none;
    height: 100%;
    padding: 8px;
    font-size: 12px;
    cursor: pointer;
    background: url("./images/contents/icon__down__box.png") no-repeat 95% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }
  #search__box .search__wrap .search__area__top .search__items .search__item select:focus {
    outline: none
  }
  #search__box .search__wrap .search__area__top .search__items .search__item select:-ms-expand {
    display: none
  }
  #search__box .search__wrap .search__area__top .search__items .search__item label {
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  #search__box .search__wrap .search__area__top .search__items .search__item .title__wrap {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding-left: 10px;
    font-size: 12px;
    border-bottom: none
  }
}

#search__box .search__wrap .search__area__bottom {
  margin-top: 10px
}

@media (max-width: 1029px) {
  #search__box .search__wrap .search__area__bottom h3 {
    padding: 5px 0;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
    background: #20b2aa;
    font-size: 14px;
    text-align: center;
    font-weight: 500
  }
  #search__box .search__wrap .search__area__bottom h3:after {
    display: none
  }
}

#search__box .search__wrap .search__area__bottom .search__items {
  color: #464646
}

@media (max-width: 1029px) {
  #search__box .search__wrap .search__area__bottom .search__items {
    background: #fff;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2px
  }
  #search__box .search__wrap .search__area__bottom .search__items .search__item {
    border: 1px solid #eee
  }
}

@media (max-width: 1029px) {
  #search__box .search__wrap .search__area__bottom .search__items.kodawari__wrap {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
  }
}

#search__box .search__wrap .search__area__bottom .search__items.kodawari__wrap .search__item {
  border: 1px solid #eee;
  min-height: 43px;
  padding: 0 10px
}

#search__box .search__wrap .search__area__bottom .search__items.kodawari__wrap .search__item label {
  font-size: 11px
}

#search__box .search__wrap .search__area__bottom .search__items .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px
}

#search__box .search__wrap .search__area__bottom .search__items .row .title__wrap {
  background: #fff;
  padding: 20px 20px;
  width: 20%;
  border-radius: 5px;
  font-weight: 700;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#search__box .search__wrap .search__area__bottom .search__items .row .search__filter__wrap {
  margin-left: 5px;
  padding: 5px 0;
  background: #fff;
  width: 80%;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: baseline;
  -ms-flex-pack: baseline;
  justify-content: baseline;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

#search__box .search__wrap .search__area__bottom .search__items .row .search__filter__wrap .icon {
  width: 43px
}

#search__box .search__wrap .search__area__bottom .search__items .search__item {
  margin: 0px 15px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-item-align: center;
  align-self: center;
  line-height: 30px
}

@media (max-width: 1029px) {
  #search__box .search__wrap .search__area__bottom .search__items .search__item {
    display: block;
    width: 100%;
    min-height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: baseline;
    -ms-flex-pack: baseline;
    justify-content: baseline;
    padding: 0 0 0 10px;
    margin: 0;
    position: relative
  }
  #search__box .search__wrap .search__area__bottom .search__items .search__item label {
    width: 100%;
    height: 100%
  }
  #search__box .search__wrap .search__area__bottom .search__items .search__item label img {
    width: 33px
  }
}

#search__box .search__wrap .search__area__bottom .search__items .search__item input[type="radio"], #search__box .search__wrap .search__area__bottom .search__items .search__item input[type="checkbox"] {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}

#search__box .search__wrap .search__area__bottom .search__items .search__item span {
  left: 0
}

@media (max-width: 1029px) {
  #search__box .search__wrap .search__area__bottom .search__items .search__item span {
    left: 10px
  }
}

#search__box .search__wrap .search__area__bottom .search__items .search__item label {
  font-size: 12px;
  font-weight: normal
}

@media (max-width: 1029px) {
  #search__box .search__wrap .search__area__bottom .search__items .search__item label {
    font-weight: 700
  }
}

@media (max-width: 767px) {
  #search__box .search__wrap .search__area__bottom .search__items .search__item label {
    font-size: 10px;
    line-height: 1.2
  }
}

#search__box .search__wrap .search__button .submit {
  margin: 20px auto;
  background: #FF6363;
  border: 1px solid #DA7660;
  -webkit-box-shadow: inset 0px 2px 0px rgba(255, 255, 255, 0.74);
  box-shadow: inset 0px 2px 0px rgba(255, 255, 255, 0.74);
  border-radius: 20px;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  width: 273px;
  height: 55px
}

#search__box .search__wrap .search__button .submit::after {
  content: '';
  position: absolute;
  left: 10px;
  top: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(./images/contents/search__btn__icon.png) no-repeat 50% 50%;
  background-size: cover
}

#search__box .search__wrap .search__button .submit:hover {
  top: 4px
}

@media (max-width: 1029px) {
  #search__box .search__wrap .search__button .submit {
    width: 80%;
    font-size: 4vw
  }
}

#result__text__box {
  padding: 10px 0 20px;
  color: #464646
}

@media (max-width: 1029px) {
  #result__text__box {
    padding: 0
  }
}

#result__text__box h2 {
  font-size: 24px;
  font-weight: 700;
  margin: 10px 0
}

@media (max-width: 1029px) {
  #result__text__box .jyouken__wrap {
    background: #F2F2F2;
    padding: 5px
  }
}

#result__text__box .jyouken__wrap h3 {
  font-size: 14px;
  font-weight: 700;
  padding: 5px 0;
  border-top: 1px solid #F2F2F2;
  border-bottom: 1px solid #F2F2F2
}

#result__text__box .jyouken__wrap .result__text__wrap {
  font-size: 12px
}

@media (max-width: 1029px) {
  #result__text__box .jyouken__wrap .result__text__wrap {
    font-size: 10px
  }
}

#result__text__box .jyouken__wrap .result__text__wrap p {
  display: inline-block;
  padding: 5px 0;
  margin-right: 10px
}

@media (max-width: 1029px) {
  #result__text__box .jyouken__wrap .result__text__wrap p {
    padding: 2px 0;
    margin-right: 5px
  }
}

@media (max-width: 1029px) {
  #result__text__box .jyouken__wrap .re__search__wrap {
    text-align: center;
    margin: 10px 0
  }
  #result__text__box .jyouken__wrap .re__search__wrap a {
    padding: 10px;
    width: 100%;
    background: #20b2aa;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25), inset 0px 2px 0px rgba(255, 255, 255, 0.74);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25), inset 0px 2px 0px rgba(255, 255, 255, 0.74);
    border-radius: 5px;
    position: relative
  }
  #result__text__box .jyouken__wrap .re__search__wrap a:after {
    content: '';
    position: absolute;
    left: 30%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background: url(./images/contents/result__re__search.png) no-repeat 50% 50%;
    background-size: contain
  }
}

#result__items__count {
  background: #add8e6;
  padding: 10px;
  -webkit-box-shadow: 0px 4px 0px #74A4B8;
  box-shadow: 0px 4px 0px #74A4B8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#result__items__count p {
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5;
  font-size: 14px;
  font-weight: 700
}

#result__items__count p span {
  color: #FF6363;
  font-size: 20px
}

#result__items__count .sort__list__box {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  background: #3a9fc0
}

@media (max-width: 1029px) {
  #result__items__count .sort__list__box {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
  }
}

#result__items__count .sort__list__box .sort__name {
  font-size: 12px;
  padding: 5px;
  background: #3a9fc0;
  color: #fff;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

@media (max-width: 1029px) {
  #result__items__count .sort__list__box .sort__name {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
  }
}

#result__items__count .sort__list__box .sort__choice__wrap {
  background: #fff;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  border-radius: 5px;
  position: relative;
  border: 1px solid #5fb3ce;
  color: #5fb3ce;
  font-size: 12px;
  cursor: pointer
}

@media (max-width: 1029px) {
  #result__items__count .sort__list__box .sort__choice__wrap {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
  }
}

#result__items__count .sort__list__box .sort__choice__wrap:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 100%;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(./images/contents/drop__down__arrow.png) no-repeat 50% 50%
}

#result__items__count .sort__list__box .sort__choice__wrap ul.sort__list {
  padding: 5px;
  position: relative
}

#result__items__count .sort__list__box .sort__choice__wrap ul.sort__list ul.sort__open__list {
  position: absolute;
  display: none;
  width: 100%
}

#result__items__count .sort__list__box .sort__choice__wrap ul.sort__list ul.sort__open__list li {
  background: #fff;
  border-bottom: 1px solid #add8e6;
  color: #20b2aa;
  font-size: 12px;
  padding: 4px;
  position: relative
}

#result__items__count .sort__list__box .sort__choice__wrap ul.sort__list ul.sort__open__list li:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 105%;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(./images/contents/drop__down__arrow.png) no-repeat 50% 50%
}

#result__items__count .sort__list__box .sort__choice__wrap ul.sort__list ul.sort__open__list.open {
  display: block;
  top: 105%;
  left: 0;
  z-index: 10
}

@media (max-width: 1029px) {
  #result__items__box {
    padding: 1.4rem 10px 10px;
    margin-top: 5px
  }
}

#result__items__box .pickup__box {
  width: 100%;
  background: #FF6363;
  padding: 5px;
  color: #fff;
  text-align: center;
  font-size: 14px
}

#result__items__box .result__item__wrap {
  padding: 20px;
  margin-bottom: 30px;
  border: 1px solid #E8E8E8;
  position: relative;
}

@media (max-width: 1029px) {
  #result__items__box .result__item__wrap {
    padding: 0;
    margin-bottom: 40px;
  }
}

#result__items__box .result__item__wrap.pickup__wrap {
  position: relative;
  border: 5px solid #FF6363
}

#result__items__box .result__item__wrap.pickup__wrap .title__wrap {
  position: relative
}

#result__items__box .result__item__wrap.pickup__wrap .title__wrap:after {
  content: 'PICK UP!';
  position: absolute;
  background: #FF6363;
  padding: 5px;
  color: #fff;
  right: 0;
  top: 0;
  font-size: 10px
}

@media (max-width: 768px) {
  #result__items__box .result__item__wrap.pickup__wrap {
    background: #F1FBFA;
    border: 3px solid #FF6363
  }
}

#result__items__box .result__item__wrap.pickup__wrap:after {
  content: '人気！';
  position: absolute;
  left: -32px;
  top: 10px;
  width: 31px;
  height: 59px;
  color: #fff;
  background: #FF6363;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  letter-spacing: 3px;
  text-orientation: mixed
}

@media (max-width: 768px) {
  #result__items__box .result__item__wrap.pickup__wrap:after {
    display: none
  }
}

#result__items__box .title__wrap {
  font-size: 16px;
  color: #464646;
  font-weight: 700;
  padding: 5px;
  margin-bottom: 5px
}

@media (max-width: 1029px) {
  #result__items__box .title__wrap {
    margin-bottom: 0;
    position: relative
  }
}

#result__items__box .result__content__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: baseline;
  align-content: baseline
}

@media (max-width: 1029px) {
  #result__items__box .result__content__wrap {
    display: block;
    background: #fff;
    padding: 5px
  }
  #result__items__box .result__content__wrap .content__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0
  }
  #result__items__box .result__content__wrap .content__wrap .image__wrap {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    padding: 0 5px
  }
}

@media (max-width: 1029px) and (max-width: 1029px) {
  #result__items__box .result__content__wrap .content__wrap .image__wrap {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    padding: 0;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
  }
}

@media (max-width: 1029px) {
  #result__items__box .result__content__wrap .content__wrap a img {
    width: 100%
  }
}

@media (max-width: 1029px) and (max-width: 1029px) {
  #result__items__box .result__content__wrap .content__wrap a img {
    width: 90%;
    margin: 0 auto
  }
}

@media (max-width: 1029px) {
  #result__items__box .result__content__wrap .star__wrap {
    margin: 0;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: beige
  }
  #result__items__box .result__content__wrap .star__wrap .star {
    width: 80px;
    padding: 5px;
    padding: 2px;
    margin-right: 5px;
    background: #F2F2F2;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1)
  }
  #result__items__box .result__content__wrap .star__wrap .number {
    color: #FF6363;
    font-weight: 600;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  #result__items__box .result__content__wrap .star__wrap .star {
    background: #fff
  }
}

@media (max-width: 1029px) {
  #result__items__box .campaign__wrap {
    margin: 10px 0 0;
    padding: 0 10px;
  }
  #result__items__box .campaign__wrap .campaign__img {
    width: 100%;
    padding: 5px;
    background: #20b2aa;
    background-size: cover;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: center
  }
  #result__items__box .campaign__wrap ul {
    padding: 5px;
    background: #F1FBFA;
    border: 3px solid #20b2aa
  }
  #result__items__box .campaign__wrap ul li {
    font-size: 12px;
    padding: 5px;
    border-bottom: 1px solid rgba(32, 178, 170, 0.3);
    font-weight: 900;
    color: #464646;
    position: relative;
    padding-left: 24px;
  }
  #result__items__box .campaign__wrap ul li:last-child {
    border-bottom: none
  }
  #result__items__box .campaign__wrap ul li:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: url(images/icons/icon-campaign.svg) center/contain no-repeat;
    left: 0;
    top: 2px;
  }
}

#result__items__box .points__wrap {
  padding: 5px 0
}

#result__items__box .points__wrap table {
  font-size: 12px;
  table-layout: fixed;
}

#result__items__box .points__wrap th, #result__items__box .points__wrap td {
  padding: 10px 5px
}

#result__items__box .points__wrap td.brand__box span,
#result__items__box .points__wrap td.emoney__box span {
  display: flex;
  align-items: center;
  gap: 2px;
  width: 100%;
  flex-wrap: wrap;
}

#result__items__box .points__wrap td.brand__box span img,
#result__items__box .points__wrap td.emoney__box span img {
  width: 35px;
  height: 20px;
}

#result__items__box .points__wrap tr {
  border-top: 1px solid #bebdbd
}

#result__items__box .points__wrap th {
  background: #F2F2F2;
  font-weight: 700;
  width: 20%;
  vertical-align: middle
}

#result__items__box .points__wrap .flex__wrap {
  margin-top: 10px !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width: 767px) {
  #result__items__box .points__wrap .flex__wrap {
    margin-top: 0
  }
}

#result__items__box .points__wrap {
  margin-top: 10px
}

@media (max-width: 1029px) {
  #result__items__box .points__wrap {
    margin-top: 0;
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
  }
  #result__items__box .points__wrap table {
    font-size: 10px;
    table-layout: fixed;
    border: none
  }
  #result__items__box .points__wrap tr {
    border-top: none;
    border-bottom: 1px solid #E8E8E8
  }
  #result__items__box .points__wrap th, #result__items__box .points__wrap td {
    padding: 2px 5px;
    text-align: left;
    border: none;
    color: #464646
  }
  #result__items__box .points__wrap th {
    background: none;
    font-weight: 700;
    width: 45% !important;
    color: #20b2aa
  }
  #result__items__box .points__wrap td {
    word-break: break-all
  }
}

#result__items__box .info__wrap {
  -webkit-box-flex: 7;
  -ms-flex: 7;
  flex: 7;
  color: #464646;
  font-size: 14px;
  font-weight: 700
}

#result__items__box .info__wrap li {
  padding: 10px 10px 10px 30px;
  border-bottom: 1px dashed #E8E8E8;
  position: relative
}

#result__items__box .info__wrap li:last-child {
  border: none
}

#result__items__box .info__wrap li:before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background: url(./images/icons/icon-point.svg) no-repeat 50% 50%;
  background-size: contain;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width: 767px) {
  #result__items__box .info__wrap {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
    font-size: 12px;
    margin-top: 10px;
    padding: 0 10px;
  }
  #result__items__box .info__wrap li {
    padding: 4px 10px 4px 20px;
    border-bottom: 1px dashed #E8E8E8;
    position: relative
  }
  #result__items__box .info__wrap li:last-child {
    border: none
  }
  #result__items__box .info__wrap li:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background: url(./images/icons/icon-point.svg) no-repeat 50% 50%;
    background-size: contain;
    left: 5px;
    top: 12px
  }
}

#result__items__box .item__left {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#result__items__box .item__left img {
  width: 100%
}

#result__items__box .item__left .star__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px
}

#result__items__box .item__left .star__wrap .star {
  padding: 5px;
  padding: 2px;
  margin-right: 5px;
  background: #F2F2F2;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1)
}

#result__items__box .item__left .star__wrap .number {
  color: #FF6363;
  font-weight: 600;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#result__items__box .item__left .star__wrap .star {
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none
}

#result__items__box .item__right {
  -webkit-box-flex: 8;
  -ms-flex: 8;
  flex: 8;
  color: #464646;
  margin-left: 20px
}

#result__items__box .item__right .title__wrap {
  font-size: 18px;
  font-weight: 700;
  padding: 0px 0 5px
}

#result__items__box .item__right .campaign__wrap {
  margin-top: 10px;
  border-radius: 10px;
  height: auto;
  position: relative;
  border: 2px solid #FF6363;
  background: #f7e9e2;
  padding: 10px
}

#result__items__box .item__right .campaign__wrap span.campaign__title {
  position: absolute;
  background: url(./images/contents/result__cam__title.png) no-repeat 100% 50%;
  font-size: 10px;
  color: #fff;
  width: 90px;
  padding: 10px 20px;
  margin: 0;
  background-size: cover;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#result__items__box .item__right .campaign__wrap .campaign__descript {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.2;
  padding-left: 90px
}

#result__items__box .item__right .campaign__wrap .campaign__descript li {
  font-size: 13px;
  padding: 5px;
  border-bottom: 1px solid rgba(239, 77, 77, 0.3);
  position: relative;
  padding-left: 24px;
}

#result__items__box .item__right .campaign__wrap .campaign__descript li:last-child {
  border-bottom: none
}

#result__items__box .item__right .campaign__wrap .campaign__descript li:before {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(images/icons/icon-campaign.svg) center/contain no-repeat;
  left: 0;
  top: 2px;
}

#result__items__box .item__right .discript__wrap {
  font-size: 14px;
  line-height: 1.4;
  margin-top: 10px
}

#result__items__box .result__button__wrap {
  padding: 0 10px;
  margin-bottom: 15px;
  margin-top: 40px
}

@media (max-width: 1029px) {
  #result__items__box .result__button__wrap {
    padding: 0;
    margin-top: 30px;
    margin-bottom: 0;
  }
}

#result__items__box .result__button__wrap .search__button {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width: 1029px) {
  #result__items__box .result__button__wrap .search__button {
    padding: 10px;
    display: block
  }
}

#result__items__box .result__button__wrap .search__button .syousai__btn {
  border: 1px solid #E8E8E8;
  border-radius: 20px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 40%;
  font-weight: 700;
  font-size: 12px;
  margin: 0;
  text-decoration: underline;
  color: #464646
}

@media (max-width: 1029px) {
  #result__items__box .result__button__wrap .search__button .syousai__btn {
    font-weight: 700;
    -webkit-box-pack: baseline;
    -ms-flex-pack: baseline;
    justify-content: baseline;
    padding: 15px;
    width: 100%
  }
}

@media (max-width: 767px) {
  #result__items__box .result__button__wrap .search__button .syousai__btn {
    padding: 10px
  }
}

#result__items__box .result__button__wrap .search__button .koushiki__wrap {
  position: relative;
  width: 100%;
  margin-left: 10px
}

@media (max-width: 767px) {
  #result__items__box .result__button__wrap .search__button .koushiki__wrap {
    margin-left: 0;
    margin-bottom: 15px
  }
}

#result__items__box .result__button__wrap .search__button .koushiki__wrap .koushiki__text {
  display: block;
  font-size: 16px;
  margin: 2px 0;
  font-weight: 700;
  text-align: center;
  position: absolute;
  top: -27px;
  left: 50%;
  color: #464646;
  padding: 5px 15px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2
}

#result__items__box .result__button__wrap .search__button .koushiki__wrap .koushiki__text .fas {
  margin-right: 5px
}

@media (max-width: 767px) {
  #result__items__box .result__button__wrap .search__button .koushiki__wrap .koushiki__text {
    padding: 5px;
    top: -27px;
    width: 100%
  }
}

@media (max-width: 385px) {
  #result__items__box .result__button__wrap .search__button .koushiki__wrap .koushiki__text {
    font-size: 14px;
    font-weight: 700
  }
}

#result__items__box .result__button__wrap .search__button .koushiki__btn {
  background: #FF6363;
  border: 1px solid #EF4D4D;
  -webkit-box-shadow: 0px 3px 0px #EF4D4D;
  box-shadow: 0px 3px 0px #EF4D4D;
  border-radius: 20px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 90%;
  color: #fff;
  font-weight: 700;
  margin: 0;
  overflow: hidden;
  font-size: 20px;
  width: 100%;
  display: block;
  text-align: center;
  padding: 27px 15px
}

#result__items__box .result__button__wrap .search__button .koushiki__btn:hover {
  top: 4px
}

#result__items__box .result__button__wrap .search__button .koushiki__btn:before {
  content: '';
  width: 100px;
  height: 200px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0.3;
  position: absolute;
  top: -55px;
  -webkit-animation: hikari 2s infinite;
  animation: hikari 2s infinite;
  -webkit-filter: blur(2px);
  filter: blur(2px)
}

#result__items__box .result__button__wrap .search__button .koushiki__btn:after {
  content: '';
  width: 20px;
  height: 20px;
  right: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(./images/contents/arrow__link__wh.png) no-repeat 50% 50%;
  background-size: contain
}

@keyframes hikari {
  0% {
    opacity: 0;
    left: -100%
  }
  50% {
    opacity: 0.4
  }
  100% {
    left: 300%
  }
}

@media (max-width: 1029px) {
  #result__items__box .result__button__wrap .search__button .koushiki__btn {
    width: 100%;
    font-size: 14px;
    padding: 20px 15px;
    margin-right: 5px;
    margin: 0 auto 10px;
    font-size: 16px
  }
}

@media (max-width: 767px) {
  #result__items__box .result__button__wrap .search__button .koushiki__btn {
    margin-left: 0;
    padding: 20px 15px
  }
  #result__items__box .result__button__wrap .search__button .koushiki__btn .koushiki__text {
    font-size: 11px
  }
}

.flex__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.hutai__wrap, .service__wrap {
  margin-right: 20px
}

@media (max-width: 1029px) {
  .hutai__wrap, .service__wrap {
    margin-right: 0
  }
}

.hutai__wrap, .service__wrap, .touch__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 767px) {
  .hutai__wrap, .service__wrap, .touch__wrap {
    margin-top: 0;
    padding: 0 10px
  }
}

.hutai__wrap h3, .service__wrap h3, .touch__wrap h3 {
  font-size: 12px;
  color: #464646;
  font-weight: 500;
  padding: 5px 0;
  text-align: center
}

.hutai__wrap .insurance__list, .hutai__wrap .service__list, .hutai__wrap .touch__list, .service__wrap .insurance__list, .service__wrap .service__list, .service__wrap .touch__list, .touch__wrap .insurance__list, .touch__wrap .service__list, .touch__wrap .touch__list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 767px) {
  .hutai__wrap .insurance__list, .hutai__wrap .service__list, .hutai__wrap .touch__list, .service__wrap .insurance__list, .service__wrap .service__list, .service__wrap .touch__list, .touch__wrap .insurance__list, .touch__wrap .service__list, .touch__wrap .touch__list {
    margin-top: 5px;
    margin-bottom: 5px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
  }
}

.hutai__wrap .insurance__list li, .hutai__wrap .service__list li, .hutai__wrap .touch__list li, .service__wrap .insurance__list li, .service__wrap .service__list li, .service__wrap .touch__list li, .touch__wrap .insurance__list li, .touch__wrap .service__list li, .touch__wrap .touch__list li {
  border-radius: 5px;
  width: 81px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 5px;
  font-weight: bold;
  text-align: center;
  padding: 7px;
  background: #d4ebf2;
  border: 1px solid #86c5da;
  color: #3a9fc0
}

@media (max-width: 767px) {
  .hutai__wrap .insurance__list li, .hutai__wrap .service__list li, .hutai__wrap .touch__list li, .service__wrap .insurance__list li, .service__wrap .service__list li, .service__wrap .touch__list li, .touch__wrap .insurance__list li, .touch__wrap .service__list li, .touch__wrap .touch__list li {
    width: 35px;
    height: 35px;
    padding: 3px;
    line-height: 1.0
  }
}

.hutai__wrap .insurance__list li:last-child, .hutai__wrap .service__list li:last-child, .hutai__wrap .touch__list li:last-child, .service__wrap .insurance__list li:last-child, .service__wrap .service__list li:last-child, .service__wrap .touch__list li:last-child, .touch__wrap .insurance__list li:last-child, .touch__wrap .service__list li:last-child, .touch__wrap .touch__list li:last-child {
  margin-right: 0
}

.hutai__wrap .insurance__list li.grey, .hutai__wrap .service__list li.grey, .hutai__wrap .touch__list li.grey, .service__wrap .insurance__list li.grey, .service__wrap .service__list li.grey, .service__wrap .touch__list li.grey, .touch__wrap .insurance__list li.grey, .touch__wrap .service__list li.grey, .touch__wrap .touch__list li.grey {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  position: relative;
  opacity: .4
}

.hutai__wrap .service__list li, .service__wrap .service__list li, .touch__wrap .service__list li {
  background: #F1FBFA;
  border: 1px solid #2cd9d0;
  color: #20b2aa
}

.hutai__wrap .touch__list li, .service__wrap .touch__list li, .touch__wrap .touch__list li {
  background: #E5EDFF;
  border: 1px solid #B0C8FE;
  color: #7097EE;
  margin-right: 0
}

#feature__sub__items__box .feature__sub__wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5px;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content
}

@media (max-width: 1029px) {
  #feature__sub__items__box .feature__sub__wrap {
    display: block;
    margin: 5px
  }
}

#feature__sub__items__box .feature__sub__wrap .feature__sub__item__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  color: #464646;
  padding: 10px;
  border: 1px solid #F2F2F2;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
  border-radius: 0px 5px 5px 0px;
  margin-bottom: 10px
}

#feature__sub__items__box .feature__sub__wrap .feature__sub__item__wrap:hover {
  border: 2px solid #20b2aa
}

#feature__sub__items__box .feature__sub__wrap .feature__sub__item__wrap .feature__item__content__wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end
}

#feature__sub__items__box .feature__sub__wrap .feature__sub__item__wrap .feature__item__content__wrap .img__wrap {
  display: none;
  width: 100%;
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5
}

#feature__sub__items__box .feature__sub__wrap .feature__sub__item__wrap .feature__item__content__wrap .img__wrap img {
  width: 100%
}

#feature__sub__items__box .feature__sub__wrap .feature__sub__item__wrap .feature__item__content__wrap .title__wrap {
  padding: 5px 0;
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  height: 48px
}

@media (max-width: 1029px) {
  #feature__sub__items__box .feature__sub__wrap .feature__sub__item__wrap .feature__item__content__wrap .title__wrap {
    height: auto
  }
}

#feature__sub__items__box .feature__sub__wrap .feature__sub__item__wrap .feature__item__content__wrap .text__wrap {
  font-size: 12px
}

#feature__sub__items__box .feature__sub__wrap .feature__sub__item__wrap .feature__item__content__wrap .link__wrap {
  text-align: right;
  font-size: 11px;
  color: #464646 !important;
  text-align: right;
  position: relative;
  margin: 0;
  background: aliceblue;
  border-top: 2px solid skyblue;
  padding-right: 20px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  margin-top: 10px
}

#feature__sub__items__box .feature__sub__wrap .feature__sub__item__wrap .feature__item__content__wrap .link__wrap::after {
  width: 15px;
  height: 15px;
  content: '';
  background: url(./images/sidebar/arrow__link.png) no-repeat 50% 50%;
  background-size: contain;
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#feature__sub__items__box .feature__sub__wrap .feature__sub__item__wrap .feature__item__content__wrap .link__wrap a {
  color: #20b2aa !important;
  margin-right: 15px
}

#single__box {
  margin-bottom: 30px
}

@media (max-width: 1029px) {
  #single__box {
    padding: 0
  }
}

#single__box .title__wrap h2 {
  font-size: 28px;
  font-weight: bold;
  color: #20b2aa;
  padding: 1rem;
  border-bottom: 2px solid #add8e6;
  margin-bottom: 10px
}

@media (max-width: 1029px) {
  #single__box .title__wrap h2 {
    font-size: 1.2rem;
  }
}
@media (max-width: 767px) {
  #single__box .title__wrap h2 {
    font-size: 5vw;
  }
}

#single__box .content__wrap {
  color: #464646
}

#single__box .content__wrap h3 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  background: dimgray;
  padding: 5px 5px 5px 10px;
  margin-bottom: 10px;
  border-left: 5px solid #add8e6
}

#single__box .content__wrap h4 {
  font-size: 16px;
  color: #EF4D4D
}

#single__box .content__wrap div {
  margin: 10px 0 20px;
  border: 1px solid #E8E8E8;
  padding: 10px;
  font-size: 14px;
  line-height: 1.6;
}

#single__box .content__wrap p {
  margin: 5px 0;
  line-height: 1.7
}

#single__box .content__wrap ol {
  list-style: inherit;
  list-style: decimal !important
}

#single__box .content__wrap ol li {
  margin-bottom: 5px
}

#single__box .content__wrap .glay-bg {
  background-color: #E3E3E3;
  padding: 15px 10px 10px 10px;
  border-radius: 10px;
}

#single__box #feature__wrap {
  margin: 0;
  border: none;
  padding: 0 8px
}

#single__box #feature__wrap h3 {
  background: none;
  color: inherit;
  padding: 0;
  margin-bottom: 0;
  border: none
}

#single__box #feature__wrap h4 {
  color: #FF7C53
}

#single__box #feature__wrap div {
  border: none;
  margin: 0;
  padding: 0;
  font-size: inherit
}

#single__box #feature__wrap p {
  margin: 0
}

#single__box #feature__wrap .f__area {
  position: relative;
  font-size: 14px;
  text-align: center;
  padding-bottom: 40px;
  padding-top: 40px
}

#single__box #feature__wrap .f__area:first-child {
  padding-top: 0
}

#single__box #feature__wrap .f__area.bg__green {
  background-color: #F1FBFA
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .f__area {
    padding-bottom: 36px;
    padding-top: 16px
  }
}

#single__box #feature__wrap .f__area#area__02 .image__box, #single__box #feature__wrap .f__area#area__04 .image__box {
  margin: 40px auto;
  width: 60%
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .f__area#area__02 .image__box, #single__box #feature__wrap .f__area#area__04 .image__box {
    width: 90%
  }
}

#single__box #feature__wrap .f__area#area__02 .image__box img, #single__box #feature__wrap .f__area#area__04 .image__box img {
  width: 100%
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .f__area#area__04 {
    padding-bottom: 0
  }
}

#single__box #feature__wrap .f__area#area__04:after {
  display: none
}

#single__box #feature__wrap .f__area:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #F2F2F2;
  bottom: 0;
  left: 0
}

#single__box #feature__wrap .f__area h3.f__sub__title {
  font-size: 32px;
  text-align: center;
  background: none;
  color: #2CB8B0;
  margin: 32px 0
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .f__area h3.f__sub__title {
    font-size: 28px
  }
  #single__box #feature__wrap .f__area h3.f__sub__title span {
    font-size: 1rem
  }
}

#single__box #feature__wrap .f__area .margin__box {
  font-size: 32px;
  margin: 1em 0
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .f__area .margin__box {
    font-size: 24px
  }
}

#single__box #feature__wrap .f__area .margin__box.text__left {
  margin: 1.4em auto 0.8rem;
  width: 80%
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .f__area .margin__box.text__left {
    width: 90%
  }
}

#single__box #feature__wrap .f__area .margin__box.text__left h4.f__sub2__title {
  margin: 14px;
  font-size: 20px
}

#single__box #feature__wrap .f__area .margin__box h4.f__sub2__title {
  font-size: 24px;
  font-weight: bold;
  color: #464646;
  line-height: 40px
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .f__area .margin__box h4.f__sub2__title {
    width: 90%;
    margin: 14px auto;
    font-size: 1.0rem;
    line-height: inherit
  }
}

#single__box #feature__wrap .f__area .margin__box h4.f__sub2__title.ok__title, #single__box #feature__wrap .f__area .margin__box h4.f__sub2__title.ng__title, #single__box #feature__wrap .f__area .margin__box h4.f__sub2__title.check__title {
  position: relative;
  text-align: left;
  padding-left: 40px;
  margin: 60px 0 20px
}

#single__box #feature__wrap .f__area .margin__box h4.f__sub2__title.ok__title:after, #single__box #feature__wrap .f__area .margin__box h4.f__sub2__title.ng__title:after, #single__box #feature__wrap .f__area .margin__box h4.f__sub2__title.check__title:after {
  content: '';
  width: 33px;
  height: 32px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#single__box #feature__wrap .f__area .margin__box h4.f__sub2__title.ok__title:after {
  background: url(./images/icons/ok__icon.png) no-repeat 50% 50%/cover
}

#single__box #feature__wrap .f__area .margin__box h4.f__sub2__title.ng__title:after {
  background: url(./images/icons/ng__icon.png) no-repeat 50% 50%/cover
}

#single__box #feature__wrap .f__area .margin__box h4.f__sub2__title.check__title:after {
  background: url(./images/icons/check__icon.png) no-repeat 50% 50%/cover
}

#single__box #feature__wrap .f__area .margin__box h5.f__sub3__title {
  color: #FF6341;
  font-weight: bold;
  font-size: 1rem;
  line-height: 24px
}

#single__box #feature__wrap .f__area .f__txt__box {
  text-align: left;
  color: #828282;
  width: 80%;
  margin: 0 auto 40px
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .f__area .f__txt__box {
    width: 90%;
    margin: 20px auto
  }
}

#single__box #feature__wrap .f__area .white__box {
  background-color: #fff;
  border-radius: 14px;
  width: 80%;
  border-radius: 24px;
  padding: 36px 14px;
  margin: auto;
  margin-bottom: 14px
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .f__area .white__box {
    width: 90%;
    padding: 5vw 14px
  }
}

#single__box #feature__wrap .f__area .white__box h5 {
  font-size: 16px;
  font-weight: bold;
  color: #FF6341;
  margin-bottom: 1.4rem
}

#single__box #feature__wrap .f__area .white__box .image__box {
  margin-bottom: 1.4rem
}

#single__box #feature__wrap .f__area .grid {
  width: 90% !important;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 4px
}

#single__box #feature__wrap .f__area .grid img {
  width: 100%
}

#single__box #feature__wrap .f__area img, #single__box #feature__wrap .f__area source {
  margin: 0 auto
}

#single__box #feature__wrap .f__area span.bold {
  color: #616161;
  font-weight: bold
}

#single__box #feature__wrap .f__area ul.kaigai__point__list {
  margin: 32px auto;
  width: 80%
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .f__area ul.kaigai__point__list {
    width: 90%
  }
}

#single__box #feature__wrap .f__area ul.kaigai__point__list li {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  text-align: left;
  padding-left: 36px;
  position: relative;
  margin-bottom: 20px
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .f__area ul.kaigai__point__list li {
    line-height: 1.6;
    margin-bottom: 24px
  }
}

#single__box #feature__wrap .f__area ul.kaigai__point__list li::before {
  content: '';
  width: 31px;
  height: 27px;
  position: absolute;
  top: 50%;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .f__area ul.kaigai__point__list li::before {
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

#single__box #feature__wrap .f__area ul.kaigai__point__list li:nth-child(1):before {
  background-image: url(images/feature/no1.svg)
}

#single__box #feature__wrap .f__area ul.kaigai__point__list li:nth-child(2):before {
  background-image: url(images/feature/no2.svg)
}

#single__box #feature__wrap .f__area ul.kaigai__point__list li:nth-child(3):before {
  background-image: url(images/feature/no3.svg)
}

#single__box #feature__wrap .f__area ul.kaigai__point__list li:nth-child(4):before {
  background-image: url(images/feature/no4.svg)
}

#single__box #feature__wrap .f__area ul.kaigai__point__list li:nth-child(5):before {
  background-image: url(images/feature/no5.svg)
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .mitsui__cards {
    padding-top: 0
  }
}

#single__box #feature__wrap .mitsui__cards h3.f__sub__title {
  background: #2CB8B0;
  color: #fff;
  line-height: 80px;
  margin-bottom: 2rem;
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .mitsui__cards h3.f__sub__title {
    line-height: 40px;
    padding: 8px 0
  }
}

#single__box #feature__wrap .mitsui__cards .item__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 16px;
  position: relative
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .mitsui__cards .item__box {
    display: block;
    padding: 10px;
    border: 1px solid #eee;
    margin-bottom: 1rem;
  }
  #single__box #feature__wrap .mitsui__cards .item__box .flex__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

#single__box #feature__wrap .mitsui__cards .item__box:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #F2F2F2;
  bottom: 0;
  left: 0
}

#single__box #feature__wrap .mitsui__cards .item__box .left {
  width: 20%;
  margin-right: 1.1em
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .mitsui__cards .item__box .left {
    width: 30%
  }
}

#single__box #feature__wrap .mitsui__cards .item__box .right {
  width: 80%
}

#single__box #feature__wrap .mitsui__cards .item__box .card__title, #single__box #feature__wrap .mitsui__cards .item__box .card__btn, #single__box #feature__wrap .mitsui__cards .item__box .star__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .mitsui__cards .item__box .card__title {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

#single__box #feature__wrap .mitsui__cards .card__img img {
  width: 100%
}

#single__box #feature__wrap .mitsui__cards .card__title {
  font-size: 18px
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .mitsui__cards .card__title {
    font-size: 16px
  }
}

#single__box #feature__wrap .mitsui__cards .card__title .card__name {
  margin-bottom: 8px
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .mitsui__cards .card__title .card__name {
    width: 100%
  }
}

#single__box #feature__wrap .mitsui__cards .card__title .card__name a {
  line-height: 2em;
  font-weight: bold
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .mitsui__cards .card__title .card__name a {
    line-height: 1em;
    text-align: left
  }
}

#single__box #feature__wrap .mitsui__cards .card__title .card__eval .number {
  margin-left: 0.2em;
  color: #FF7C53;
  font-weight: bold
}

#single__box #feature__wrap .card__points {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin: 8px 0;
  border: 1px solid #bebdbd
}

#single__box #feature__wrap .card__points .point__box {
  border-right: 1px solid #bebdbd
}

#single__box #feature__wrap .card__points .point__box:last-child {
  border: none
}

#single__box #feature__wrap .card__points .point__word1, #single__box #feature__wrap .card__points .point__word2 {
  
  font-size: 0.7rem;
  padding: 8px
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .card__points .point__word1, #single__box #feature__wrap .card__points .point__word2 {
    padding: 8px 2px;
    font-size: 0.7rem
  }
}

#single__box #feature__wrap .card__points .point__word1 {
  background: #F2F2F2
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .card__points .point__word2 {
    padding: 8px 2px
  }
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .card__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

#single__box #feature__wrap .card__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly
}

#single__box #feature__wrap .card__btn .new__btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 30px;
  height: 48px;
  will-change: opacity;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s
}

#single__box #feature__wrap .card__btn .new__btn a:hover {
  opacity: 0.8
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .card__btn .new__btn a {
    height: 40px
  }
}

#single__box #feature__wrap .card__btn .btn__syousai {
  width: 30%;
  margin-right: 4px
}

#single__box #feature__wrap .card__btn .btn__syousai a {
  background: #fff;
  font-size: 0.7rem;
  color: #828282;
  border: 1px solid #F2F2F2;
  text-decoration: underline;
  padding: 14px;
  border-radius: 50px
}

#single__box #feature__wrap .card__btn .btn__koushiki {
  width: 70%
}

@media (max-width: 1029px) {
  #single__box #feature__wrap .card__btn .btn__koushiki a {
    font-size: 0.7rem
  }
}

#single__box #feature__wrap .card__btn .btn__koushiki a {
  background: #FF6341;
  border: 2px solid #FFB37C;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  padding: 14px;
  border-radius: 50px;
  position: relative
}

#single__box #feature__wrap .card__btn .btn__koushiki a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 8px;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(images/feature/new_btn_arrow.svg);
  background-size: cover;
  background-repeat: no-repeat
}

#single__box .single__item__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap {
    padding: 1rem 10px 10px;
    border-radius: 10px
  }
}

#single__box .single__item__wrap a:hover {
  opacity: 0.8
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .title__wrap {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

#single__box .single__item__wrap .title__wrap h2 {
  color: #464646;
  border-bottom: 0
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .title__wrap h2 {
    text-align: center;
    font-size: 18px;
    background: #F2F2F2;
    margin: 0;
    padding: 5px 0 2px
  }
}

#single__box .single__item__wrap .banner__wrap {
  margin: 10px 0
}

#single__box .single__item__wrap .banner__wrap img {
  width: 100%
}

#single__box .single__item__wrap .star__wrap {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .star__wrap {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

#single__box .single__item__wrap .star__wrap .star {
  padding: 5px;
  padding: 2px;
  margin-right: 5px;
  background: #F2F2F2;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1)
}

#single__box .single__item__wrap .star__wrap .number {
  color: #FF6363;
  font-weight: 600;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .star__wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #F2F2F2;
    padding: 5px
  }
  #single__box .single__item__wrap .star__wrap .star {
    background: #fff
  }
}

#single__box .single__item__wrap .star__wrap .number {
  font-size: 18px !important
}

#single__box .single__item__wrap .review__box {
  position: relative;
  font-size: 12px;
  color: #464646;
  border: 2px solid #add8e6;
  background: aliceblue;
  margin-top: 20px
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .review__box {
    margin: 10px 10px 4px 10px
  }
}

#single__box .single__item__wrap .review__box.open {
  display: block
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .review__box {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
  }
}

#single__box .single__item__wrap .review__box .review__title {
  padding: 16px 0;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  background: #fff
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .review__box .review__title {
    padding: 8px 0
  }
}

#single__box .single__item__wrap .review__box .review__title .fas {
  margin-left: 8px;
  color: #3a9fc0;
  font-size: 28px
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .review__box .review__title .fas {
    font-size: 20px
  }
}

#single__box .single__item__wrap .review__box .review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #add8e6;
  padding: 8px 14px
}

#single__box .single__item__wrap .review__box .review:nth-child(1) {
  border: none
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .review__box .review {
    margin: 0
  }
}

#single__box .single__item__wrap .review__box .review .review__avatar {
  margin-top: 14px;
  width: 50px;
  height: 60px
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .review__box .review .review__avatar {
    width: 30px;
    height: 40px
  }
}

#single__box .single__item__wrap .review__box .review .descript {
  margin-left: 8px;
  padding: 13px 4px 18px
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .review__box .review .descript {
    padding: 0
  }
}

#single__box .single__item__wrap .review__box .review .descript p {
  line-height: 1.7;
  margin-bottom: 4px
}

#single__box .single__item__wrap .review__box .review .descript p:nth-child(1) {
  font-weight: bold;
  font-size: 14px
}

#single__box .single__item__wrap .review__box .review .descript p:nth-child(2) {
  padding: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .review__box .review .descript p:nth-child(2) {
    font-size: 11px
  }
}

#single__box .single__item__wrap .review__box .review .descript p:nth-child(3) {
  font-size: 14px
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .review__box .review .descript p:nth-child(3) {
    font-size: 13px
  }
}

#single__box .single__item__wrap .review__box .review .descript img {
  display: inline-block;
  margin-left: 4px;
  background: #fff;
  padding: 2px;
  border-radius: 4px
}

#single__box .single__item__wrap .catch__wrap {
  margin-bottom: 10px
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .catch__wrap {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .info__wrap {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }
}

#single__box .single__item__wrap .info__wrap ul {
  margin-top: 30px;
  position: relative;
  color: #464646;
  padding: 10px 5px;
  font-size: 16px;
  border-top: 2px solid #add8e6;
  border-bottom: 2px solid #add8e6
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .info__wrap ul {
    margin-top: 20px;
    padding: 5px;
    font-size: 14px
  }
}

#single__box .single__item__wrap .info__wrap ul::after {
  content: '注目ポイント';
  padding: 5px 20px;
  color: #fff;
  background: #5fb3ce;
  position: absolute;
  font-weight: bold;
  font-size: 14px;
  left: -2px;
  top: -28px;
  border-radius: 10px 10px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

#single__box .single__item__wrap .info__wrap ul li {
  margin: 5px 0;
  font-weight: 700;
  position: relative;
  padding-left: 20px;
}

#single__box .single__item__wrap .info__wrap ul li .fas {
  color: #5fb3ce;
  margin-right: 8px;
  display: none;
}
#single__box .single__item__wrap .info__wrap ul li:before {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  background: url(images/icons/icon-point.svg) center/contain no-repeat;
  left: 0;
  top: 1px;
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .info__wrap ul {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    background: #fff;
    border: none;
    border-top: 2px solid #add8e6
  }
  #single__box .single__item__wrap .info__wrap ul::after {
    top: -24px;
    left: 0;
    background: #5fb3ce
  }
  #single__box .single__item__wrap .info__wrap ul li .fas {
    color: #add8e6
  }
}

#single__box .single__item__wrap .flex__wrap {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .flex__wrap {
    margin-top: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

#single__box .single__item__wrap .flex__wrap>div {
  margin-right: 5px
}

#single__box .single__item__wrap .flex__wrap .image__wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

#single__box .single__item__wrap .flex__wrap .image__wrap a img {
  width: 90%;
  margin: 0 auto
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .flex__wrap .image__wrap {
    padding: 10px 0;
  }
  #single__box .single__item__wrap .flex__wrap .image__wrap a img {
    width: 50%
  }
}

#single__box .single__item__wrap .flex__wrap .price__wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #20b2aa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .flex__wrap .price__wrap {
    display: none
  }
}

#single__box .single__item__wrap .flex__wrap .price__wrap .price__title {
  position: relative;
  padding: 20px;
  background: #20b2aa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  border-radius: 5px 5px 0 0;
  color: #fff;
  border-bottom: 2px solid #20b2aa
}

#single__box .single__item__wrap .flex__wrap .price__wrap .price__title:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #20b2aa;
  left: 50%;
  top: 99%;
  transform: translateX(-50%);
}

#single__box .single__item__wrap .flex__wrap .price__wrap .price__des {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  color: #464646
}

#single__box .single__item__wrap .icon__wrap {
  margin-top: 50px;
  font-size: 12px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 5px
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .icon__wrap {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    margin-top: 0px;
    padding: 10px;
    font-size: 10px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0
  }
}

#single__box .single__item__wrap .icon__wrap .icon__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #464646;
  border: 1px solid #E8E8E8
}

#single__box .single__item__wrap table.new-single-spec {
  border-spacing: 2px 0;
  border-collapse: separate;
  border: none;
  margin-top: 40px;
  table-layout: fixed;

}

#single__box .single__item__wrap table.new-single-spec th {
  padding: 10px 2px;
  background-color: #eee;
  text-align: center;
  font-weight: bold;
  font-size: 0.8rem;
}

#single__box .single__item__wrap table.new-single-spec td {
  padding: 10px 2px;
  text-align: center;
  font-weight: bold;
  border: 1px solid #eee;
  vertical-align: middle;
  word-break: break-all;
}
#single__box .single__item__wrap table.new-single-spec td img {
  display: inline-block;
  max-width: 40px;
}

#single__box .single__item__wrap table.new-single-spec td img.icon-card, #single__box .single__item__wrap table.new-single-spec td img.icon-emoney {
  width: 34px;
  height: 27px;
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .icon__wrap .icon__item {
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit
  }
  #single__box .single__item__wrap table.new-single-spec td img.icon-card, #single__box .single__item__wrap table.new-single-spec td img.icon-emoney {
    width: 30px;
    height: 22px;
  }
}

#single__box .single__item__wrap .icon__wrap .icon__item .title__wrap {
  padding: 20px;
  font-weight: 500;
  background: #F2F2F2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 14px
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .icon__wrap .icon__item .title__wrap {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-weight: 700;
    padding: 5px;
    font-size: 12px;
    white-space: pre
  }
  #single__box .single__item__wrap table.new-single-spec {
    margin-top: 1rem;
    order: 3;
  }
  #single__box .single__item__wrap table.new-single-spec th {
    font-size: 0.7rem;
  }
  #single__box .single__item__wrap table.new-single-spec td {
    font-size: 0.8rem;
  }
  #single__box .single__item__wrap table.new-single-spec td img {
    max-width: 30px;
  }
}

#single__box .single__item__wrap .icon__wrap .icon__item .image__wrap {
  padding: 5px 10px;
  width: 100%;
  height: 60px;
  font-size: 14px;
  font-weight: 700
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .icon__wrap .icon__item .image__wrap {
    order: 2;
    width: auto;
    height: auto;
    font-size: 13px;
    padding: 5px;
    text-align: center;
    word-break: break-all
  }
}

#single__box .single__item__wrap .campaign__wrap {
  margin-top: 40px;
  border-radius: 10px;
  height: auto;
  position: relative;
  background: #F1FBFA
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .campaign__wrap {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
    margin: 15px 5px 5px
  }
}

#single__box .single__item__wrap .campaign__wrap .campaign__title {
  width: 100%;
  padding: 5px 10px;
  background: #20b2aa;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center
}

#single__box .single__item__wrap .campaign__wrap .campaign__title .fas {
  margin-right: 5px
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .campaign__wrap .campaign__title {
    padding: 5px;
    font-size: 12px
  }
}

#single__box .single__item__wrap .campaign__wrap .campaign__descript {
  line-height: 1.2;
  background: #F1FBFA;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 10px;
  border: 1px solid #20b2aa
}

#single__box .single__item__wrap .campaign__wrap .campaign__descript li {
  font-size: 13px;
  padding: 5px;
  border-bottom: 1px solid rgba(32, 178, 170, 0.3);
  font-weight: 700;
  color: #464646;
  position: relative;
  padding-left: 24px;
}

#single__box .single__item__wrap .campaign__wrap .campaign__descript li:last-child {
  border-bottom: none
}

#single__box .single__item__wrap .campaign__wrap .campaign__descript li:before {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(images/icons/icon-campaign.svg) center/contain no-repeat;
  top: 2px;
  left: 0;
}

#single__box .single__item__wrap .text__wrap {
  margin-top: 20px;
  padding: 10px;
  font-size: 14px;
  color: #464646;
  border: 2px solid #E8E8E8
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .text__wrap {
    display: none
  }
}

#single__box .single__item__wrap .descirpt__wrap {
  margin-top: 20px;
  background: #FFF2EB;
  font-size: 14px;
  padding: 20px 20px;
  color: #464646;
  line-height: 1.6
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .descirpt__wrap {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .descirpt__wrap {
    margin-top: 0px
  }
}

#single__box .single__item__wrap .result__button__wrap {
  margin-top: 30px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px
}

#single__box .single__item__wrap .result__button__wrap .koushiki__wrap {
  position: relative;
  width: 100%
}

#single__box .single__item__wrap .result__button__wrap .koushiki__wrap .koushiki__text {
  display: block;
  font-size: 16px;
  margin: 2px 0;
  font-weight: 700;
  text-align: center;
  position: absolute;
  top: -27px;
  left: 50%;
  color: #464646;
  padding: 5px 15px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2
}

@media (max-width: 767px) {
  #single__box .single__item__wrap .result__button__wrap .koushiki__wrap .koushiki__text {
    padding: 5px;
    top: -25px;
    width: 100%
  }
}

@media (max-width: 385px) {
  #single__box .single__item__wrap .result__button__wrap .koushiki__wrap .koushiki__text {
    font-size: 14px
  }
}

#single__box .single__item__wrap .result__button__wrap .koushiki__btn {
  background: #FF6363;
  border: 1px solid #EF4D4D;
  -webkit-box-shadow: 0px 3px 0px #EF4D4D;
  box-shadow: 0px 3px 0px #EF4D4D;
  border-radius: 20px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 90%;
  color: #fff;
  font-weight: 700;
  margin: 0;
  overflow: hidden;
  font-size: 20px;
  width: 100%
}

#single__box .single__item__wrap .result__button__wrap .koushiki__btn:hover {
  top: 4px
}

#single__box .single__item__wrap .result__button__wrap .koushiki__btn:before {
  content: '';
  width: 100px;
  height: 200px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0.3;
  position: absolute;
  top: -55px;
  -webkit-animation: hikari 2s infinite;
  animation: hikari 2s infinite;
  -webkit-filter: blur(2px);
  filter: blur(2px)
}

#single__box .single__item__wrap .result__button__wrap .koushiki__btn:after {
  content: '';
  width: 20px;
  height: 20px;
  right: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(./images/contents/arrow__link__wh.png) no-repeat 50% 50%;
  background-size: contain
}



@keyframes hikari {
  0% {
    opacity: 0;
    left: -100%
  }
  50% {
    opacity: 0.4
  }
  100% {
    left: 300%
  }
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .result__button__wrap .koushiki__btn {
    width: 100%;
    font-size: 14px;
    padding: 20px 15px;
    margin-right: 5px;
    margin: 0 auto 10px;
    font-size: 16px
  }
  #single__box .single__item__wrap .notes.-btnBottom {
    order: 8;
  }
}

@media (max-width: 1029px) {
  #single__box .single__item__wrap .result__button__wrap {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
    padding-bottom: 0
  }
  #single__box .single__item__wrap .result__button__wrap .koushiki__btn {
    font-size: 16px
  }
}

.single__insurance {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.single__insurance li {
  width: 99px !important
}

@media (max-width: 1029px) {
  .single__insurance {
    padding-left: 0;
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important
  }
  .single__insurance li {
    width: 35px !important
  }
}

.mt40 {
  margin-top: 40px !important
}

@media (max-width: 1029px) {
  #campaign__sub__items__box {
    background: #eee
  }
}

#campaign__sub__items__box .campaign__sub__wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 40px 20px;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  margin-bottom: 40px
}

@media (max-width: 1029px) {
  #campaign__sub__items__box .campaign__sub__wrap {
    display: block;
    margin: 0 10px;
    margin-bottom: inherit
  }
}

#campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  color: #464646;
  background-color: #f6f9fa;
}

#campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__item__content__wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly
}

#campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__item__content__wrap span.bg-y {
  background: none
}

@media (max-width: 1029px) {
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap {
    border: 1px solid #add8e6;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 10px 0;
    display: block;
    background: #fff
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__descript {
    position: relative;
    border-radius: 5px;
    border: 2px solid #20b2aa;
    width: 95%;
    margin: 8px auto 0
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__descript .campaign__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 5px;
    background: #20b2aa
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__descript .campaign__title span {
    display: inline-block;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    width: 100%;
    text-align: center
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__descript .campaign__title span:nth-child(1) {
    font-size: 14px
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__descript .campaign__text {
    padding: 5px;
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9;
    background: aliceblue
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__descript .campaign__text li {
    font-size: 13px;
    border-bottom: 1px solid rgba(239, 77, 77, 0.3);
    font-weight: 600;
    padding: 7px 5px;
    color: #464646;
    line-height: 1.3;
    position: relative;
    margin-left: 12px
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__descript .campaign__text li:last-child {
    border-bottom: none
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__descript .campaign__text li:before {
    content: '';
    position: absolute;
    background: url(./images/cam__icon.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    left: -12px;
    border-radius: 50%;
    padding: 2px;
    margin-right: 5px;
    -webkit-box-shadow: 0 2px 3px rgba(70, 70, 70, 0.2);
    box-shadow: 0 2px 3px rgba(70, 70, 70, 0.2)
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__descript .campaign__date {
    position: absolute;
    font-size: 10px;
    bottom: 0;
    right: 0;
    background: #fff;
    border: 1px solid #fddb6a;
    border-radius: 4px
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__item__title__wrap {
    border-bottom: 2px solid #20b2aa;
    position: relative;
    width: 95%;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto 10px;
    padding: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__item__title__wrap::after {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #add8e6
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__item__title__wrap .title__wrap {
    font-weight: bold;
    font-size: 15px;
    padding: 10px 0;
    color: #464646;
    -webkit-box-shadow: none;
    box-shadow: none
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__item__title__wrap .star__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__item__title__wrap .star__wrap .star {
    padding: 5px;
    padding: 2px;
    margin-right: 5px;
    background: #F2F2F2;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1)
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__item__title__wrap .star__wrap .number {
    color: #FF6363;
    font-weight: 600;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__item__title__wrap .star__wrap .star img {
    width: 50px
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__item__title__wrap .star__wrap .number {
    font-size: 15px !important;
    margin-top: 4px
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__item__content__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__item__content__wrap .campaign__item__left a img {
    width: 37%;
    margin: 0 auto
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__card__points {
    margin: 10px auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    width: 95%;
    grid-gap: 5px
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__card__points ul.points__list {
    font-size: 12px;
    color: #464646;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0 2px
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__card__points ul.points__list li.points__title {
    margin-right: 5px;
    font-weight: bold;
    position: relative;
    height: 24px;
    font-size: 11px;
    -webkit-box-flex: 1.2;
    -ms-flex: 1.2;
    flex: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: aliceblue;
    border: 1px solid #add8e6;
    border-radius: 5px
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__card__points ul.points__list li.points__content {
    word-break: break-all;
    font-weight: 700;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__card__points ul.points__list li.points__content .brand__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__card__points ul.points__list li.points__content .brand__box img {
    width: 22px;
    margin-right: 2px
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__btn__wrap {
    width: 95%;
    margin: 0 auto;
    padding: 20px 0
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__btn__wrap .syousai__btn {
    border: 1px solid #E8E8E8;
    border-radius: 20px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 40%;
    font-weight: 700;
    font-size: 12px;
    margin: 0;
    text-decoration: underline;
    color: #464646
  }
}

@media (max-width: 1029px) and (max-width: 1029px) {
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__btn__wrap .syousai__btn {
    font-weight: 700;
    -webkit-box-pack: baseline;
    -ms-flex-pack: baseline;
    justify-content: baseline;
    padding: 15px;
    width: 100%
  }
}

@media (max-width: 1029px) {
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__btn__wrap .koushiki__btn {
    background: #FF6363;
    border: 1px solid #EF4D4D;
    -webkit-box-shadow: 0px 3px 0px #EF4D4D;
    box-shadow: 0px 3px 0px #EF4D4D;
    border-radius: 20px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 90%;
    color: #fff;
    font-weight: 700;
    margin: 0;
    overflow: hidden;
    font-size: 20px;
    margin-right: 10px
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__btn__wrap .koushiki__btn:hover {
    top: 4px
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__btn__wrap .koushiki__btn:before {
    content: '';
    width: 100px;
    height: 200px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0.3;
    position: absolute;
    top: -55px;
    -webkit-animation: hikari 2s infinite;
    animation: hikari 2s infinite;
    -webkit-filter: blur(2px);
    filter: blur(2px)
  }
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__btn__wrap .koushiki__btn:after {
    content: '';
    width: 20px;
    height: 20px;
    right: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(./images/contents/arrow__link__wh.png) no-repeat 50% 50%;
    background-size: contain
  }
  @-webkit-keyframes hikari {
    0% {
      opacity: 0;
      left: -100%
    }
    50% {
      opacity: 0.4
    }
    100% {
      left: 300%
    }
  }
  @keyframes hikari {
    0% {
      opacity: 0;
      left: -100%
    }
    50% {
      opacity: 0.4
    }
    100% {
      left: 300%
    }
  }
}

@media (max-width: 1029px) and (max-width: 1029px) {
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .campaign__btn__wrap .koushiki__btn {
    width: 100%;
    font-size: 14px;
    padding: 20px 15px;
    margin-right: 5px;
    margin: 0 auto 10px;
    font-size: 16px
  }
}

#campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .img__wrap {
  /* width: 100%;
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5; */
  height: 140px;
  background: white;
}

#campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .img__wrap:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

#campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .img__wrap img {
  width: 65%;
  margin: 20px auto 10px
}

@media (max-width: 1029px) {
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .img__wrap {
    height: auto
  }
}

#campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .title__wrap {
  padding: 5px;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px;
  min-height: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

#campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .title__wrap:after {
  content: '';
  position: absolute;
  width: 80%;
  height: 1px;
  background-color: #E5EDFF;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

@media (max-width: 1029px) {
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .title__wrap {
    text-align: left;
    border: none;
    margin-bottom: 0;
    background: none;
    display: block;
    height: auto;
    font-size: 14px
  }
}

#campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .text__wrap {

  overflow-y: auto;
  position: relative;
  border-radius: 10px;
  min-height: 200px;
  height: 100px;
}

@media (max-width: 1029px) {
  #campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .text__wrap {
    background: #e2f2f7;
    height: auto;
    padding: 10px;
    margin: 10px 10px 0;
  }
}

#campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .text__wrap li {
  font-size: 12px;
  padding: 5px;
  font-weight: 500;
  color: #464646;
  margin-left: 20px;
  position: relative;
  border-bottom: 1px solid #eee
}

#campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .text__wrap li:last-child {
  border-bottom: none
}

#campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .text__wrap li:before {
  content: '';
  position: absolute;
  background: url(./images/cam__icon.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  left: -12px;
  border-radius: 50%;
  padding: 2px;
  margin-right: 5px;
  -webkit-box-shadow: 0 2px 3px rgba(70, 70, 70, 0.2);
  box-shadow: 0 2px 3px rgba(70, 70, 70, 0.2)
}

#campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .link__wrap {
  font-size: 11px;
  color: #464646 !important;
  text-align: right;
  position: relative;
  margin: 0;
  background: aliceblue;
  border-top: 2px solid skyblue;
  padding-right: 20px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  margin-top: 10px;
  border-top: 0;
  background: #F2F2F2
}

#campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .link__wrap::after {
  width: 15px;
  height: 15px;
  content: '';
  background: url(./images/sidebar/arrow__link.png) no-repeat 50% 50%;
  background-size: contain;
  position: absolute;
  right: 7px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#campaign__sub__items__box .campaign__sub__wrap .campaign__sub__item__wrap .link__wrap a {
  margin-right: 15px
}

* {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Hiragino Kaku", "Meirio", sans-serif !important;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.nav__bg {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: none;
  z-index: 99
}

.nav__bg.open {
  display: block !important
}

header {
  max-width: 1030px;
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 100
}

@media (max-width: 767px) {
  header {
    width: 100%;
    height: auto;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

header .logo__box {
  width: 346px;
  line-height: 60px;
  text-align: center;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 0px 10px;
  position: relative
}


@media (max-width: 767px) {
  header .logo__box {
    width: 100%;
    height: 40px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid #20B2AA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
  }
  header .logo__box a {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8;
    padding: 5px 10px !important;
    justify-content: baseline;
    display: flex;
    justify-content: space-between!important;
    
  }
  header .logo__box a .header__pr {
    font-size: 12px;
    padding: 0 4px;
    color: #444444;
    border: 1px solid;
    height: 20px;
    line-height: 20px;
  }
  header .logo__box .toggle__box {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    cursor: pointer
  }
}

header .logo__box a {
  padding: 10px;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
} 

header .logo__box img {
  width: 279px
}

@media (max-width: 767px) {
  header .logo__box img {
    /* width: 78% */
    width: 60vw;
  }
}


@media (max-width: 767px) {
  header .logo__box .toggle__box {
    background: #464646;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 112
  }
  
  header .logo__box .toggle__box img {
    /* width: 50%; */
  }
  header .logo__box .toggle__box img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20%
  }
}

header nav {
  width: 100%
}

@media (max-width: 767px) {
  header nav {
    position: fixed;
    right: -200%;
    top: 40px;
    background: #fff
  }
}

@media (max-width: 385px) {
  header nav {
    top: 35px
  }
}

@media (max-width: 767px) {
  header nav.active {
    padding: 2px 0 5px;
    right: 0;
    z-index: 99
  }
}

header nav ul {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  -ms-flex-line-pack: center;
  align-content: center;
  text-transform: uppercase
}

@media (max-width: 767px) {
  header nav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto
  }
}

header nav ul li {
  width: 30%;
  border-right: 1px solid #F2F2F2;
  -webkit-transition: background 0.8s;
  transition: background 0.8s
}

header nav ul li:hover {
  background: #F1FBFA;
  border-bottom: 5px solid #20b2aa
}

@media (max-width: 1029px) {
  header nav ul li:hover {
    background: inherit;
    border-bottom: none
  }
}

@media (max-width: 1029px) {
  header nav ul li {
    width: 100%;
    border-right: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
}

@media (max-width: 1029px) {
  header nav ul li p {
    font-size: 16px;
    margin-left: 20px
  }
}

@media (max-width: 385px) {
  header nav ul li p {
    font-size: 14px
  }
}

header nav ul li a {
  font-size: 12px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #464646
}

@media (max-width: 1029px) {
  header nav ul li a {
    padding: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

@media (max-width: 385px) {
  header nav ul li a {
    font-size: 10px
  }
}

header nav ul li p {
  margin-top: 6px;
  font-weight: 700
}

@media (max-width: 767px) {
  header nav ul li p {
    margin-top: 1px
  }
}

@media (max-width: 767px) {
  header .scroll {
    width: 80%;
    height: 150vh;
    top: 0;
    overflow-y: scroll
  }
  header .scroll article {
    height: 180vh;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll
  }
  header .open__box {
    color: #464646;
    background: #fff
  }
  header .open__box>a {
    display: block;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: aliceblue
  }
}

@media (max-width: 1029px) and (max-width: 385px) {
  header .open__box>a {
    padding: 8px 10px
  }
}

@media (max-width: 1029px) {
  header .open__box>a img {
    margin-right: 5px;
    width: 20px;
  }
  header .open__box>a p {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    width: 100%
  }
  header .rank__menu__wrap ul {
    padding: 0 15px
  }
  header .rank__menu__wrap ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: #fff;
    padding: 8px 10px;
    border-bottom: 1px solid #F2F2F2
  }
  header .rank__menu__wrap ul li:last-child {
    border-bottom: 0
  }
  header .rank__menu__wrap ul li:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 14px;
    background: url(images/sidebar/arrow-g.svg) no-repeat;
    background-size: contain;
    right: 5px
  }
    
  header .rank__menu__wrap ul li .img__wrap {
    border-radius: 5px;
    margin-right: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px
  }
  header .rank__menu__wrap ul li .img__wrap img {
    width: 100%;
  }
  header .rank__menu__wrap ul li .text__wrap {
    width: 100%;
    height: 100%
  }
  header .rank__menu__wrap ul li .text__wrap a {
    font-size: 13px;
    font-weight: 700;
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px
  }
}

@media (max-width: 1029px) and (max-width: 385px) {
  header .rank__menu__wrap ul li .text__wrap a {
    font-size: 14px
  }
}

@media (max-width: 1029px) {
  header .open__menu__wrap {
    background: aliceblue
  }
  header .open__menu__wrap>a {
    position: relative;
    padding: 10px;
    margin: 5px auto;
    border-radius: 10px;
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700
  }
  header .open__menu__wrap>a img {
    margin-right: 14px;
    width: 20px
  }
  header .open__menu__wrap>a p {
    width: 100%;
    font-size: 16px
  }
}

@media (max-width: 1029px) and (max-width: 385px) {
  header .open__menu__wrap>a {
    padding: 10px
  }
}

@media (max-width: 1029px) {
  header .open__menu__wrap>a:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 14px;
    background: url(images/sidebar/arrow-g.svg) no-repeat;
    background-size: contain;
    right: 5px
  }
}

#container {
  width: 1030px;
  background: #fff;
  margin: 60px auto 0;
  overflow: hidden;
  max-width: 100%;
}




@media (max-width: 767px) {
  #container {
    margin-top: 40px;
  }
  #fv__box {
    background-image: url(./images/fv__bg.webp)
  }
}

#fv__box img {
  width: 100%;
  /* overflow: hidden; */
}

#fv__box + .text-pr {
  font-size: 13px;
  text-align: right;
  margin-top: 8px;
}
#fv__box + .text-pr span {
  padding: 2px 6px;
  border: 1px solid;
}

@media (max-width: 989px) {
  #fv__box {
    margin-top: 0;
    /* height: 400px; */
    width: 100% !important;
    background-size: cover;
    background-color: #F2F2F2;
    background-position: 50% 10%
  }
  #fv__box h1 {
    color: #EF4D4D;
    font-weight: bold;
    position: absolute;
    top: 5%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    font-size: 20px;
    width: 100%;
    padding: 10px;
  }
  #fv__box .swiper-slide {
    position: relative
  }

  #fv__box .swiper-slide a {
    position: absolute;
    bottom: -25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 13px;
    width: 100%;
    text-align: center
  }
  #fv__box .swiper-slide a:first-child {
    width: 60%
  }
  #fv__box .swiper-slide a:first-child img {
    width: 100%
  }
  #fv__box .swiper-slide a:nth-child(2) {
    bottom: 10px;
  }
}

@media (max-width: 767px) {
  #fv__box {
    margin-top: 0;
    height: 250px;
    background-position: 50% 50%
  }
  #fv__box h1 {
    top: 0;
    color: #EF4D4D;
    font-weight: 700;
    text-shadow: 1px 1px 3px #fff;
    font-size: 18px
  }
  #fv__box h1 span {
    font-size: 13px
  }
  #fv__box a {
    font-size: 10px
  }
  #fv__box .swiper-slide a:nth-child(2) {
    bottom: inherit;
    top: 93%;
    font-size: 8px;
  }
}

#fv__sub__box .img__wrap img {
  width: 100%
}
#fv__sub__box .img__wrap {
  position: relative;
}

/* old */
#fv__sub__box .img__wrap .shinsa-title-img {
  width: 57%;
  position: absolute;
  top: 4%;
  left: 50%;
  transform: translateX(-58%);
}
#fv__sub__box .img__wrap .img-text {
  width: 57%;
  position: absolute;
  top: 4%;
  left: 50%;
  transform: translateX(-58%);
}
#fv__sub__box .img__wrap .fv-date {
  position: absolute;
  top: 3%;
  left: 3.2%;
  font-size: 1.8rem;
  color: white;
  text-align: center;
  line-height: 1.3;
  font-weight: 600;
}
#fv__sub__box .img__wrap .fv-date.-rankingtransbusi {
  top: inherit;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
}
#fv__sub__box .img__wrap .fv-date.-rankingtransbusi span {
  color: #464646;
  display: block;
  font-weight: bold;
  width: 100%;
  font-size: 22px;
}

@media (max-width: 767px) {
  #fv__sub__box .img__wrap .fv-date {
    font-size: 2.7vw;
    left: 1.4%;
  }
  #fv__sub__box .img__wrap .fv-date.-rankingtransbusi {
    width: 100%;
    bottom: 18px;
  }
  #fv__sub__box .img__wrap .fv-date.-rankingtransbusi span {
    font-size: 3vw;
  }
}
/* old */


#fv__sub__box .text__wrap {
  margin: 15px 0 30px;
  font-size: 16px;
  padding: 10px;
  font-weight: 300;
  color: #464646;
  border-left: 5px solid #20b2aa
}


@media (max-width: 1029px) {
  /* old */
  #fv__sub__box .img__wrap .shinsa-title-img {
    width: 75%;
    top: 3%;
    left: 50%;
    transform: translateX(-50%);
  }
/* old */
  #fv__sub__box .img__wrap .img-text {
    width: 71%;
    top: 4%;
    left: 50%;
    transform: translateX(-50%);
  }

  #fv__sub__box .text__wrap {
    margin: 10px 0 20px;
    border: none;
    font-size: 14px
  }
}

#contents__box {
  margin-top: 10px;
  margin-bottom: 60px;
  width: 1030px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1029px) {
  #contents__box {
    margin-top: 0;
    margin-bottom: 10px;
    width: 100% !important
  }
}

#section__box {
  width: 74%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

@media (max-width: 1029px) {
  #section__box {
    width: 100%
  }
}

#section__box #top__campaign__box {
  background: #fff;
  border: 2px solid #20b2aa;
  margin-top: 30px
}

@media (max-width: 1029px) {
  #section__box #top__campaign__box {
    border: none;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }
}

#section__box #top__campaign__box h2 {
  width: 100%;
  height: 40px;
  padding: 10px 0;
  background: linear-gradient(135.48deg, rgba(32, 178, 170, 0.83) 19.45%, #20b2aa 19.46%, #20b2aa 61.44%);
  /* border-radius: 5px 5px 0px 0px; */
  position: relative;
  color: #fff;
  font-weight: 700;
  text-align: center
}

#section__box #top__campaign__box h2::after {
  width: 45px;
  height: 45px;
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 37%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width: 1029px) {
  #section__box #top__campaign__box h2 {
    height: 35px;
    line-height: 35px;
    padding: 0
  }
  #section__box #top__campaign__box h2::after {
    left: 27%
  }
}

@media (max-width: 767px) {
  #section__box #top__campaign__box h2::after {
    left: 20%
  }
}

#section__box #top__campaign__box h2:after {
  background: url(./images/contents/icon_slider_campaign-main.svg)
}

#section__box #top__campaign__box .slide__item__wrap {
  padding: 30px 5px 0;
}

#section__box #top__campaign__box .slide__item__wrap .slide__item {
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  width: 95%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#section__box #top__campaign__box .slide__item__wrap .slide__item span.bg-y {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%, rgba(255, 255, 255, 0)), color-stop(55%, #cafffc));
  background-image: linear-gradient(rgba(255, 255, 255, 0) 35%, #cafffc 55%)
}

@media (max-width: 1029px) {
  #section__box #top__campaign__box .slide__item__wrap .slide__item {
    padding: 10px 0
  }
}

#section__box #top__campaign__box .slide__item__wrap .slide__item .img__wrap {
  text-align: center;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin: 0 10px 10px 10px
}

#section__box #top__campaign__box .slide__item__wrap .slide__item .img__wrap img {
  width: 70%;
  margin: 0 auto
}


@media (max-width: 1029px) {
  #section__box #top__campaign__box .slide__item__wrap .slide__item .img__wrap img {
    width: 72%
  }
}

#section__box #top__campaign__box .slide__item__wrap .slide__item .title__wrap {
  padding: 10px 0;
  font-weight: 700;
  color: #464646;
  height: 55px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  padding: 10px;
  background: aliceblue;
  overflow: hidden;
}

#section__box #top__campaign__box .slide__item__wrap .slide__item .title__wrap a {
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}

@media (max-width: 1029px) {
  #section__box #top__campaign__box .slide__item__wrap .slide__item .title__wrap {
    height: 51px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
  }
  #section__box #top__campaign__box .slide__item__wrap .slide__item .title__wrap a {
    font-size: 13px
  }
}

#section__box #top__campaign__box .slide__item__wrap .slide__item .text__wrap {
  font-size: 12px;
  margin-bottom: 10px;
  margin: 5px 2px 10px 2px;
  height: 90px;
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  overflow-y: hidden;
}


#section__box #top__campaign__box .slide__item__wrap .slide__item .text__wrap li {
  font-weight: 700;
  color: #464646;
  padding: 2px 5px
}

#section__box #top__campaign__box .slide__item__wrap .slide__item .text__wrap li:not(:first-of-type) {
  display: none
}

@media (max-width: 1029px) {
  #section__box #top__campaign__box .slide__item__wrap .slide__item .text__wrap {
    padding: 5px;
    margin-bottom: 2px;
    height: 74px;
    overflow: hidden;
    position: relative
  }
  #section__box #top__campaign__box .slide__item__wrap .slide__item .text__wrap li {
    border-top: none
  }
}

#section__box #top__campaign__box .slide__item__wrap .slide__item .data__wrap {
  color: #fff;
  background: #20b2aa;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  padding: 5px;
  position: relative;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#section__box #top__campaign__box .slide__item__wrap .slide__item .data__wrap:after {
  content: '';
  width: 22px;
  height: 22px;
  position: absolute;
  border: 2px solid #fff;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 2px rgba(70, 70, 70, 0.2);
  box-shadow: 0 2px 2px rgba(70, 70, 70, 0.2);
  background: #fff url(./images/contents/icon_slider_campaign-sub.svg) no-repeat 50% 50%
}

#section__box #top__campaign__box .slide__item__wrap .slide__item .data__wrap span.red {
  color: #fff
}

@media (max-width: 1029px) {
  #section__box #top__campaign__box .slide__item__wrap .slide__item .data__wrap {
    background: #20b2aa;
    border: 0;
    border-radius: 0;
    border-top: 2px solid #add8e6;
    border-bottom: 2px solid #add8e6;
    color: #fff
  }
  #section__box #top__campaign__box .slide__item__wrap .slide__item .data__wrap:after {
    display: none
  }
}

#section__box #top__campaign__box .slide__item__wrap .slide__item .link__wrap {
  font-size: 11px;
  color: #464646 !important;
  text-align: right;
  position: relative;
  margin: 0;
  background: aliceblue;
  border-top: 2px solid skyblue;
  padding-right: 20px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5
}

#section__box #top__campaign__box .slide__item__wrap .slide__item .link__wrap::after {
  width: 15px;
  height: 15px;
  content: '';
  background: url(./images/sidebar/arrow__link.png) no-repeat 50% 50%;
  background-size: contain;
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#section__box #top__campaign__box .slide__item__wrap .slide__item .link__wrap a {
  margin-right: 15px
}

#section__box #top__campaign__box .btn__wrap {
  margin: 0 30px 10px;
  padding: 30px;
  text-align: right;
  position: relative
}

#section__box #top__campaign__box .btn__wrap a {
  width: 200px;
  height: 30px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 10px;
  background: -webkit-gradient(linear, left top, right top, color-stop(10.85%, #EF4D4D), color-stop(10.86%, #FF6363), color-stop(98%, #FF6363));
  background: linear-gradient(90deg, #EF4D4D 10.85%, #FF6363 10.86%, #FF6363 98%);
  border-radius: 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#section__box #top__campaign__box .btn__wrap a::after {
  width: 15px;
  height: 15px;
  content: '';
  background: url(./images/contents/arrow__link__wh.png) no-repeat 50% 50%;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width: 1029px) {
  #section__box #top__campaign__box .btn__wrap a {
    background: #FF6363;
    height: auto;
    padding: 10px;
    border: 1px solid #FF6363;
    -webkit-box-shadow: 0px 3px 0px #EF4D4D;
    box-shadow: 0px 3px 0px #EF4D4D;
    border-radius: 10px
  }
  #section__box #top__campaign__box .btn__wrap a::after {
    width: 20px;
    height: 20px;
    background: url(./images/contents/arrow__link__wh__sp.png) no-repeat 50% 50%;
    background-size: contain
  }
}

@media (max-width: 1029px) {
  #section__box #top__campaign__box .btn__wrap {
    display: none
  }
}

#section__box #top__ranking__box {
  background: #fff;
  border: 2px solid #20b2aa;
  margin-top: 30px
}

@media (max-width: 1029px) {
  #section__box #top__ranking__box {
    border: none
  }
}

#section__box #top__ranking__box h2 {
  width: 100%;
  height: 40px;
  padding: 10px 0;
  background: linear-gradient(135.48deg, rgba(32, 178, 170, 0.83) 19.45%, #20b2aa 19.46%, #20b2aa 61.44%);
  /* border-radius: 5px 5px 0px 0px; */
  position: relative;
  color: #fff;
  font-weight: 700;
  text-align: center
}

#section__box #top__ranking__box h2::after {
  width: 35px;
  height: 35px;
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 37%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width: 1029px) {
  #section__box #top__ranking__box h2 {
    height: 35px;
    line-height: 35px;
    padding: 0
  }
  #section__box #top__ranking__box h2::after {
    left: 27%
  }
}

@media (max-width: 767px) {
  #section__box #top__ranking__box h2::after {
    left: 10%
  }
}

#section__box #top__ranking__box h2:after {
  background: url(./images/contents/topranking__icon__crown.png) no-repeat 50% 50%
}

#section__box #top__ranking__box .top__ranking__wrap {
  padding: 40px 30px 10px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 18px
}

@media (max-width: 1029px) {
  #section__box #top__ranking__box .top__ranking__wrap {
    padding: 0;
    grid-gap: 0
  }
}

#section__box #top__ranking__box .top__ranking__wrap .top__ranking__item {
  padding: 10px;
  position: relative;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

#section__box #top__ranking__box .top__ranking__wrap .top__ranking__item:hover {
  top: -1px
}

@media (max-width: 1029px) {
  #section__box #top__ranking__box .top__ranking__wrap .top__ranking__item {
    width: 55%;
    margin: 10px auto
  }
}

@media (max-width: 767px) {
  #section__box #top__ranking__box .top__ranking__wrap .top__ranking__item {
    width: 95%;
    margin: 10px auto
  }
}

#section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .badge__bg {
  position: absolute;
  z-index: 1;
  width: 16px;
  height: 45px;
  top: 0;
  left: 7px
}

@media (max-width: 1029px) {
  #section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .badge__bg {
    width: 32px;
    left: 3px
  }
}

#section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .badge {
  top: 0;
  left: 0;
  width: 30px;
}

@media (max-width: 1029px) {
  #section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .badge {
    left: 4px
  }
}

#section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .img__wrap {
  padding-top: 5px;
  text-align: center
}

#section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .img__wrap img {
  width: 90%;
  margin: 0 auto
}

#section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .img__wrap img {
  width: 70%
}

@media (max-width: 1029px) {
  #section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .img__wrap {
    padding: 10px
  }
  #section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .img__wrap img {
    width: 74%
  }
}

@media (max-width: 767px) {
  #section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .img__wrap img {
    width: 60%
  }
}

#section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .title__wrap {
  padding: 10px 0;
  font-size: 14px;
  font-weight: 700;
  color: #464646;
  text-align: center;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 1029px) {
  #section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .title__wrap {
    font-size: 16px;
    padding: 10px 0;
    height: 50px;
    margin-bottom: 13px
  }
}

@media (max-width: 767px) {
  #section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .point__wrap {
    width: 94%;
    background: aliceblue;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #add8e6
  }
}

#section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .point__wrap .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px
}

@media (max-width: 1029px) {
  #section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .point__wrap .row {
    padding: 7px
  }
}

#section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .point__wrap .row:nth-child(1) .text__right .star {
  padding: 5px;
  padding: 2px;
  margin-right: 5px;
  background: #F2F2F2;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);

}

#section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .point__wrap .row:nth-child(1) .text__right .star img {
  width: 100%;
}

#section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .point__wrap .row:nth-child(1) .text__right .number {
  color: #FF6363;
  font-weight: 600;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .point__wrap .row:nth-child(1) .text__right .star {
  padding-left: 0;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

#section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .point__wrap .row .text__left {
  width: 47%;
  background: aliceblue;
  border: 1px solid #add8e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2px;
  border-radius: 10px;
  color: #3a9fc0;
  font-size: 11px;
  font-weight: 700;
  text-align: left;
  margin-right: 10px
}

@media (max-width: 1029px) {
  #section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .point__wrap .row .text__left {
    width: 37%;
    background: #fff;
    border: 1px solid #add8e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

#section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .point__wrap .row .text__right {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  color: #20b2aa
}

@media (max-width: 1029px) {
  #section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .point__wrap .row .text__right {
    font-size: 13px
  }
}

#section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .text__wrap {
  padding: 10px 0;
  font-size: 12px;
  color: #464646
}

@media (max-width: 1029px) {
  #section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .text__wrap {
    padding: 20px 0;
    width: 60%;
    margin: 0 auto
  }
}

@media (max-width: 767px) {
  #section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .text__wrap {
    width: 90%;
    font-size: 13px
  }
}

#section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .link__wrap {
  font-size: 11px;
  color: #464646 !important;
  text-align: right;
  position: relative;
  margin: 0;
  background: aliceblue;
  border-top: 2px solid skyblue;
  padding-right: 20px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .link__wrap::after {
  width: 15px;
  height: 15px;
  content: '';
  background: url(./images/sidebar/arrow__link.png) no-repeat 50% 50%;
  background-size: contain;
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .link__wrap a {
  margin-right: 15px
}

@media (max-width: 1029px) {
  #section__box #top__ranking__box .top__ranking__wrap .top__ranking__item .link__wrap {
    width: 100%;
    text-align: right
  }
}

#section__box #top__ranking__box .btn__wrap {
  margin: 0 30px 10px;
  padding: 30px;
  text-align: right;
  position: relative
}

#section__box #top__ranking__box .btn__wrap a {
  width: 200px;
  height: 30px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 10px;
  background: -webkit-gradient(linear, left top, right top, color-stop(10.85%, #EF4D4D), color-stop(10.86%, #FF6363), color-stop(98%, #FF6363));
  background: linear-gradient(90deg, #EF4D4D 10.85%, #FF6363 10.86%, #FF6363 98%);
  border-radius: 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#section__box #top__ranking__box .btn__wrap a::after {
  width: 15px;
  height: 15px;
  content: '';
  background: url(./images/contents/arrow__link__wh.png) no-repeat 50% 50%;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width: 1029px) {
  #section__box #top__ranking__box .btn__wrap a {
    background: #FF6363;
    height: auto;
    padding: 10px;
    border: 1px solid #FF6363;
    -webkit-box-shadow: 0px 3px 0px #EF4D4D;
    box-shadow: 0px 3px 0px #EF4D4D;
    border-radius: 10px
  }
  #section__box #top__ranking__box .btn__wrap a::after {
    width: 20px;
    height: 20px;
    background: url(./images/contents/arrow__link__wh__sp.png) no-repeat 50% 50%;
    background-size: contain
  }
}

@media (max-width: 1029px) {
  #section__box #top__ranking__box .btn__wrap {
    margin: 0 10px
  }
  #section__box #top__ranking__box .btn__wrap a {
    width: 100%;
    font-size: 16px
  }
}

#section__box #top__feature__box {
  background: #fff;
  border: 2px solid #20b2aa;
  margin-top: 30px
}

@media (max-width: 1029px) {
  #section__box #top__feature__box {
    border: none;
    overflow: hidden
  }
}

#section__box #top__feature__box h2 {
  width: 100%;
  height: 40px;
  padding: 10px 0;
  background: linear-gradient(135.48deg, rgba(32, 178, 170, 0.83) 19.45%, #20b2aa 19.46%, #20b2aa 61.44%);
  border-radius: 5px 5px 0px 0px;
  position: relative;
  color: #fff;
  font-weight: 700;
  text-align: center
}

#section__box #top__feature__box h2::after {
  width: 35px;
  height: 35px;
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 37%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width: 1029px) {
  #section__box #top__feature__box h2 {
    height: 35px;
    line-height: 35px;
    padding: 0
  }
  #section__box #top__feature__box h2::after {
    left: 27%
  }
}

@media (max-width: 767px) {
  #section__box #top__feature__box h2::after {
    left: 10%
  }
}

#section__box #top__feature__box h2:after {
  background: url(./images/contents/topfeature__icon.png)
}

#section__box #top__feature__box .top__feature__wrap {
  padding: 20px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

@media (max-width: 1029px) {
  #section__box #top__feature__box .top__feature__wrap {
    padding: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

#section__box #top__feature__box .top__feature__wrap .top__feature__item {
  border-right: 1px solid #E8E8E8;
  padding: 10px;
  width: 97%
}

#section__box #top__feature__box .top__feature__wrap .top__feature__item:hover {
  background: #F1FBFA
}

@media (max-width: 1029px) {
  #section__box #top__feature__box .top__feature__wrap .top__feature__item {
    border-right: none;
    border-bottom: 1px solid #add8e6;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    flex-direction: column;
  }
  #section__box #top__feature__box .top__feature__wrap .top__feature__item::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 20px;
    height: 20px;
    background: url(./images/contents/feature__link__arrow.svg) no-repeat 50% 50%
  }
}

#section__box #top__feature__box .top__feature__wrap .top__feature__item .img__wrap {
  width: 100%;
  height: 113px;
  background: #F2F2F2;
  display: none
}

@media (max-width: 1029px) {
  #section__box #top__feature__box .top__feature__wrap .top__feature__item .img__wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: none
  }
  #section__box #top__feature__box .top__feature__wrap .top__feature__item .right__wrap {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    margin-left: 10px;
    margin-right: 20px
  }
  #section__box #top__feature__box .top__feature__wrap .top__feature__item .right__wrap .title__wrap {
    padding: 5px;
    font-size: 16px;
    border-bottom: 1px dashed #D2D2D2;
    color: #0d9b93;
  }
  #section__box #top__feature__box .top__feature__wrap .top__feature__item .right__wrap .text__wrap {
    padding: 5px;
    font-size: 14px
  }
}

@media (max-width: 767px) {
  #section__box #top__feature__box .top__feature__wrap .top__feature__item .right__wrap .title__wrap {
    font-size: 12px
  }
  #section__box #top__feature__box .top__feature__wrap .top__feature__item .right__wrap .text__wrap {
    font-size: 10px
  }
}

#section__box #top__feature__box .top__feature__wrap .top__feature__item .title__wrap {
  padding: 10px 0;
  font-size: 14px;
  font-weight: 700;
  color: #464646
}

#section__box #top__feature__box .top__feature__wrap .top__feature__item .text__wrap {
  font-size: 10px
}

#section__box #top__feature__box .top__feature__wrap .top__feature__item .link__wrap {
  font-size: 11px;
  color: #464646 !important;
  text-align: right;
  position: relative;
  margin: 0;
  background: aliceblue;
  border-top: 2px solid skyblue;
  padding-right: 20px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px
}

#section__box #top__feature__box .top__feature__wrap .top__feature__item .link__wrap::after {
  width: 15px;
  height: 15px;
  content: '';
  background: url(./images/sidebar/arrow__link.png) no-repeat 50% 50%;
  background-size: contain;
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#section__box #top__feature__box .top__feature__wrap .top__feature__item .link__wrap a {
  margin-right: 15px
}

#section__box .btn__wrap {
  margin: 0 30px 10px;
  padding: 30px;
  text-align: right;
  position: relative
}

#section__box .btn__wrap a {
  width: 200px;
  height: 30px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 10px;
  background: -webkit-gradient(linear, left top, right top, color-stop(10.85%, #EF4D4D), color-stop(10.86%, #FF6363), color-stop(98%, #FF6363));
  background: linear-gradient(90deg, #EF4D4D 10.85%, #FF6363 10.86%, #FF6363 98%);
  border-radius: 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#section__box .btn__wrap a::after {
  width: 15px;
  height: 15px;
  content: '';
  background: url(./images/contents/arrow__link__wh.png) no-repeat 50% 50%;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width: 1029px) {
  #section__box .btn__wrap a {
    background: #FF6363;
    height: auto;
    padding: 10px;
    border: 1px solid #FF6363;
    -webkit-box-shadow: 0px 3px 0px #EF4D4D;
    box-shadow: 0px 3px 0px #EF4D4D;
    border-radius: 10px
  }
  #section__box .btn__wrap a::after {
    width: 20px;
    height: 20px;
    background: url(./images/contents/arrow__link__wh__sp.png) no-repeat 50% 50%;
    background-size: contain
  }
}

@media (max-width: 1029px) {
  #section__box .btn__wrap {
    margin: 0 10px 10px
  }
  #section__box .btn__wrap a {
    width: 100%;
    font-size: 16px
  }
}

#section__box #banner__box {
  margin-top: 30px
}

#section__box #banner__box img {
  width: 100%
}

@media (max-width: 1029px) {
  #section__box #banner__box {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }
}

#ranking__list__box {
  margin-top: 30px
}

#ranking__list__box h2 {
  width: 100%;
  height: 40px;
  padding: 10px 0;
  background: linear-gradient(135.48deg, rgba(32, 178, 170, 0.83) 19.45%, #20b2aa 19.46%, #20b2aa 61.44%);
  position: relative;
  color: #fff;
  font-weight: 700;
  text-align: center
}

#ranking__list__box h2::after {
  width: 35px;
  height: 35px;
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 37%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width: 1029px) {
  #ranking__list__box h2 {
    height: 35px;
    line-height: 35px;
    padding: 0
  }
  #ranking__list__box h2::after {
    left: 27%
  }
}

@media (max-width: 767px) {
  #ranking__list__box h2::after {
    left: 10%
  }
}

#ranking__list__box h2:after {
  background: url(./images/contents/topranking__icon.png)
}

#ranking__list__box .ranking__list__item__wrap ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto
}

#ranking__list__box .ranking__list__item__wrap ul li {
  padding: 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: baseline;
  -ms-flex-pack: baseline;
  justify-content: baseline;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #E8E8E8
}

#ranking__list__box .ranking__list__item__wrap ul li .img__wrap {
  margin-right: 5px;
  padding: 3px;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  width: 35px
}

#ranking__list__box .ranking__list__item__wrap ul li .img__wrap img {
  width: 100%
}

#ranking__list__box .ranking__list__item__wrap ul li .text__wrap {
  width: 100%
}

#ranking__list__box .ranking__list__item__wrap ul li .text__wrap a {
  color: #464646;
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  height: 100%
}

@media (max-width: 385px) {
  #ranking__list__box .ranking__list__item__wrap ul li .text__wrap a {
    font-size: 12px
  }
}

#ranking__list__box .ranking__list__item__wrap ul li .text__wrap:after {
  content: '';
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 10px;
  height: 10px;
  background: url(./images/sidebar/arrow.svg) no-repeat 50% 50%
}

#sidebar__box {
  width: 24%;
}

#sidebar__box h3 {
  margin-top: 30px;
  width: 100%;
  height: 40px;
  background: #20b2aa;
  color: #fff;
  border-radius: 5px 5px 0px 0px;
  position: relative;
  font-size: 16px;
  line-height: 40px;
  padding-left: 10px;
  font-weight: 700;
}

#sidebar__box h3::after {
  width: 20px;
  height: 20px;
  content: '';
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 50%;
  opacity: .2;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#sidebar__box h3:after {
  background: url(./images/sidebar/icon__crown.png) no-repeat 50% 50%
}

#sidebar__box h3:nth-of-type(1) {
  margin-top: 0
}

#sidebar__box h3:nth-of-type(3):after {
  background: url(./images/sidebar/icon__feature.png) no-repeat 50% 50%
}

@media (max-width: 1029px) {
  #sidebar__box {
    display: none
  }
}

#sidebar__box .sidebar__ranking__wrap {
  background: #F2F2F2;
  padding: 10px
}

#sidebar__box .sidebar__ranking__wrap a:hover {
  color: #20b2aa
}

#sidebar__box .sidebar__ranking__wrap .ranking__list li {
  width: 229px;
  padding-bottom: 15px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  text-align: center;
  position: relative;
  margin-bottom: 10px;
  -webkit-transition: background 0.5s;
  transition: background 0.5s
}

#sidebar__box .sidebar__ranking__wrap .ranking__list li:hover {
  background: aliceblue
}

#sidebar__box .sidebar__ranking__wrap .ranking__list li .img__wrap {
  padding: 30px 20px 20px 20px
}

#sidebar__box .sidebar__ranking__wrap .ranking__list li .img__wrap img {
  position: relative;
  width: 84%;
  margin: 0 auto
}

#sidebar__box .sidebar__ranking__wrap .ranking__list li .img__wrap img:hover {
  top: -1px
}

#sidebar__box .sidebar__ranking__wrap .ranking__list li h4 {
  margin: 0 10px;
  font-size: 16px;
  font-weight: 700;
  color: #464646;
  text-align: left;
  position: relative;
  padding-left: 20px
}

#sidebar__box .sidebar__ranking__wrap .ranking__list li h4:before {
  content: '';
  width: 6px;
  height: 13px;
  background: url(./images/sidebar/title__icon.png);
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#sidebar__box .sidebar__ranking__wrap .ranking__list li .text__wrap {
  margin: 10px
}

#sidebar__box .sidebar__ranking__wrap .ranking__list li .text__wrap .row {
  display: flex;
  align-items: center;
  padding: 2px
}

#sidebar__box .sidebar__ranking__wrap .ranking__list li .text__wrap .row:nth-child(1) .text__right .star {
  padding: 5px;
  padding: 2px;
  margin-right: 5px;
  background: #F2F2F2;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1)
}

#sidebar__box .sidebar__ranking__wrap .ranking__list li .text__wrap .row:nth-child(1) .text__right .number {
  color: #FF6363;
  font-weight: 600;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#sidebar__box .sidebar__ranking__wrap .ranking__list li .text__wrap .row .text__left {
  width: 40%;
  font-size: 11px;
  font-weight: 700;
  color: #464646;
  text-align: left
}

#sidebar__box .sidebar__ranking__wrap .ranking__list li .text__wrap .row .text__right {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  color: #20b2aa
}

#sidebar__box .sidebar__ranking__wrap .ranking__list li .text__wrap .row .text__right .star {
  width: 80px;
}

#sidebar__box .sidebar__ranking__wrap .ranking__list .link__wrap {
  font-size: 11px;
  color: #464646 !important;
  text-align: right;
  position: relative;
  margin: 0;
  background: aliceblue;
  border-top: 2px solid skyblue;
  padding-right: 20px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#sidebar__box .sidebar__ranking__wrap .ranking__list .link__wrap::after {
  width: 15px;
  height: 15px;
  content: '';
  background: url(./images/sidebar/arrow__link.png) no-repeat 50% 50%;
  background-size: contain;
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#sidebar__box .sidebar__ranking__wrap .ranking__list .link__wrap a {
  margin-right: 18px
}

#sidebar__box .sidebar__ranking__wrap .ranking__list .link__wrap:after {
  right: 5px
}

#sidebar__box .sidebar__ranklist__wrap .ranklist__list li {
  width: 100%;
  height: 57px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

#sidebar__box .sidebar__ranklist__wrap .ranklist__list li a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: baseline;
  -ms-flex-pack: baseline;
  justify-content: baseline;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#sidebar__box .sidebar__ranklist__wrap .ranklist__list li a:hover {
  background: #F1FBFA
}

#sidebar__box .sidebar__ranklist__wrap .ranklist__list li .img__wrap {
  margin-left: 10px;
  width: 40px;
  display: flex;
  margin-right: 5px;
  padding: 5px;
  box-shadow: 0px 2px 4px rgba(0,0,0, 20%);
  border-radius: 5px;
  justify-content: center;
  height: 35px;
  align-items: center;
}

#sidebar__box .sidebar__ranklist__wrap .ranklist__list li .img__wrap img {
  width: 24px
}

#sidebar__box .sidebar__ranklist__wrap .ranklist__list li:after {
  content: '';
  position: absolute;
  right: 5px;
  width: 10px;
  height: 10px;
  background: url(./images/sidebar/arrow.svg) no-repeat 50% 50%
}

#sidebar__box .sidebar__ranklist__wrap .ranklist__list li .text__wrap {
  font-size: 14px;
  font-weight: 600;
  color: #464646
}

#sidebar__box .sidebar__ranklist__wrap .ranklist__list .link__wrap {
  font-size: 11px;
  color: #464646 !important;
  text-align: right;
  position: relative;
  margin: 0;
  background: aliceblue;
  border-top: 2px solid skyblue;
  padding-right: 20px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#sidebar__box .sidebar__ranklist__wrap .ranklist__list .link__wrap::after {
  width: 15px;
  height: 15px;
  content: '';
  background: url(./images/sidebar/arrow__link.png) no-repeat 50% 50%;
  background-size: contain;
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#sidebar__box .sidebar__ranklist__wrap .ranklist__list .link__wrap a {
  padding: 10px
}

#sidebar__box .sidebar__ranklist__wrap .ranklist__list .link__wrap:after {
  right: 0
}

#sidebar__box .sidebar__feature__wrap .feature__list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%
}

#sidebar__box .sidebar__feature__wrap .feature__list li a:hover {
  opacity: 0.78
}

#sidebar__box .sidebar__feature__wrap .feature__list li a .img__wrap {
  width: 83px;
  height: 100%;
  background: #F2F2F2;
  border: 1px solid #D2D2D2;
  display: none
}

#sidebar__box .sidebar__feature__wrap .feature__list li a .text__wrap {
  margin-left: 10px;
  padding: 5px 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch
}

#sidebar__box .sidebar__feature__wrap .feature__list li a .text__wrap .text__title {
  font-size: 13px;
  padding: 5px 0;
  font-weight: 700;
  border-bottom: 1px dashed #D2D2D2;
  color: #20b2aa;
  position: relative;
  padding-left: 16px;
}

#sidebar__box .sidebar__feature__wrap .feature__list li a .text__wrap .text__title .fas {
  color: #20b2aa;
  margin-right: 5px;
  display: none;
}

#sidebar__box .sidebar__feature__wrap .feature__list li a .text__wrap .text__title:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: #20B2AA;
  border-radius: 50%;
}


#sidebar__box .sidebar__feature__wrap .feature__list li a .text__wrap .text__description {
  padding: 5px 0;
  font-size: 12px;
  color: #797979;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  word-wrap: break-word;
  line-height: 1.34em;
  height: 6.6em
}

#sidebar__box .sidebar__banner__box {
  margin-top: 30px
}

footer {
  margin-top: 50px;
  width: 100%;
  color: #464646
}

footer .footer__content__wrap {
  width: 1030px;
  margin: 0 auto
}

@media (max-width: 1029px) {
  footer {
    margin-top: 20px;
  }
  footer .footer__content__wrap {
    width: 100%
  }
}

footer .footer__content__wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

footer .footer__content__wrap ul li {
  font-size: 12px
}

footer .footer__content__wrap ul li a {
  position: relative;
  padding: 5px 5px 5px 15px
}

footer .footer__content__wrap ul li a::after {
  content: '';
  width: 11px;
  height: 11px;
  content: '';
  background: url(./images/footer/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
footer #footer__sup {
  padding: 1rem;
  text-align: center;
  background-color: #797979;
}
footer #footer__sup p {
  font-size: 0.8rem;
  color: white;
}
footer #footer__top__box {
  padding: 40px;
  background: #F2F2F2
}

@media (max-width: 1029px) {
  footer #footer__top__box {
    background: #add8e6;
    padding: 10px;
    position: relative
  }
  footer #footer__sup p {
    text-align: left;
  }
}

footer #footer__top__box .footer__content__wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3fr;
  grid-template-columns: 1fr 3fr;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content
}

@media (max-width: 1029px) {
  footer #footer__top__box .footer__content__wrap {
    display: block;
    position: relative;
    font-size: 12px;
    text-align: center
  }
}

footer #footer__top__box .footer__content__wrap h3 {
  padding: 10px 0;
  font-size: 14px;
  font-weight: 700;
  color: #464646;
  position: relative;
  padding-left: 15px;
  width: 100%
}

footer #footer__top__box .footer__content__wrap h3::after {
  content: '';
  width: 11px;
  height: 11px;
  content: '';
  background: url(./images/footer/title__icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

footer #footer__top__box .footer__content__wrap .brand__wrap ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

footer #footer__top__box .footer__content__wrap .company__wrap li {
  margin-right: 15px
}

footer #footer__top__box .footer__content__wrap .company__wrap li:last-child {
  margin-right: 0
}

footer #footer__bottom__box {
  background: #20b2aa;
  padding: 20px 0;
  position: relative
}

@media (max-width: 1029px) {
  footer #footer__bottom__box {
    position: static;
    padding: 10px 0
  }
}

footer #footer__bottom__box .links__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width: 1029px) {
  footer #footer__bottom__box .links__wrap {
    display: block
  }
  footer #footer__bottom__box .links__wrap ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px
  }
  footer #footer__bottom__box .links__wrap ul li {
    text-align: center
  }
  footer #footer__bottom__box .links__wrap ul a {
    font-size: 10px
  }
}

footer #footer__bottom__box .links__wrap a {
  color: #fff;
  font-size: 14px
}

footer #footer__bottom__box .links__wrap a:hover {
  color: #464646
}

footer #footer__bottom__box .links__wrap p {
  color: #fff;
  font-size: 14px
}

footer #top__btn {
  position: absolute;
  top: -78%;
  right: 200px;
  color: #fff;
  width: 60px;
  height: 51px;
  background: url(./images/footer/topBtn__bg.png) no-repeat 50% 50%;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px
}

@media (max-width: 1029px) {
  footer #top__btn {
    background: #464646 url(./images/footer/topBtn__arrow.png) no-repeat 50% 50%;
    right: 0;
    top: 0;
    width: 20%;
    height: 100%
  }
}

#footer__menu__box {
  padding: 10px;
  color: #464646
}

@media (max-width: 1029px) {
  #footer__menu__box {
    font-size: 14px
  }
}

#footer__menu__box h2 {
  font-size: 20px;
  color: #20b2aa;
  font-weight: 700;
  padding: 10px 0;
  border-bottom: 2px solid #20b2aa
}

#footer__menu__box h3 {
  font-weight: 700;
  color: #20b2aa;
  font-size: 16px
}

#footer__menu__box .text__wrap p {
  white-space: normal;
  margin: 10px 0;
  color: #464646;
  font-size: 14px
}

#footer__menu__box .text__wrap table {
  table-layout: fixed;
  border: 1px solid #E8E8E8
}

#footer__menu__box .text__wrap table th {
  width: 30%;
  border-right: 1px solid #E8E8E8
}

#footer__menu__box .text__wrap table td {
  width: 70%
}

#footer__menu__box .text__wrap table th, #footer__menu__box .text__wrap table td {
  padding: 5px;
  text-align-last: left
}

@media (max-width: 1029px) {
  #footer__menu__box .text__wrap table th, #footer__menu__box .text__wrap table td {
    font-size: 12px
  }
}

#bread {
  margin: 10px 5px;
  position: relative;
}

#bread .text-pr {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 2px 7px;
  font-size: 12px;
  background:white;
  border: 1px solid;
}

#bread p {
  color: #20b2aa;
  font-size: 12px;
  font-weight: 700;
  padding: 0 40px 0 0;
}

#bread a {
  display: inline-block;
  color: #a5a5a5;
  margin-right: 5px
}

#bread a:hover {
  color: #EF4D4D;
  font-weight: 700
}

#bread i {
  color: #464646
}

.badge {
  position: absolute;
  z-index: 2
}

.text__wrap {
  line-height: 1.5
}

[data-color="1"] {
  border-radius: 5px;
  position: relative
}

[data-color="2"] {
  border-radius: 5px;
  position: relative
}

[data-color="3"] {
  border-radius: 5px;
  position: relative
}

.swiper-container, .swiper-container-cam, .swiper-container-feature {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-container-3d {
  width: 100%;
  padding-top: 100px;
  padding-bottom: 50px
}

.swiper-container-3d .swiper-slide {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 0.4;
  margin-top: -20px
}

.swiper-container-3d .swiper-slide a:nth-child(1) {
  display: block;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px
}

.swiper-container-3d .swiper-slide a:nth-child(2) {
  color: #464646 !important;
  font-weight: bold;
  margin-top: 10px;
  padding: 2px
}

.swiper-container-3d .swiper-slide a:nth-child(2) .fas {
  color: #EF4D4D;
  margin-right: 5px
}

.swiper-container-3d .swiper-slide.swiper-slide-active {
  -webkit-transform: scale(1.4) !important;
  transform: scale(1.4) !important;
  opacity: 1
}

.swiper-pagination {
  position: relative !important;
  margin-top: 10px
}

.swiper-pagination-bullet-active {
  background: #20b2aa !important
}

.swiper-button-next {
  background-image: url(./images/contents/slider__right.png);
  background-repeat: no-repeat
}

.swiper-button-prev {
  background-image: url(./images/contents/slider__left.png);
  background-repeat: no-repeat
}

.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  width: 30px !important;
  height: 30px !important;
  background-size: contain;
  margin-top: -24px
}

@media (max-width: 767px) {
  .swiper-button-prev, .swiper-button-next {
    width: 20px !important;
    height: 20px !important
  }
}

.swiper-button-prev:after, .swiper-button-next:after {
  opacity: 0
}

hr {
  display: block !important;
  margin: 5px 0 !important;
  color: #E8E8E8 !important;
  opacity: 0.2 !important;
  border: 1px dashed #444 !important
}

.catch__wrap {
  padding: 10px;
  color: #fa2e2e;
  font-weight: bold;
  font-size: 17px;
  margin-top: 10px;
  position: relative;
  padding-left: 23px;
  border: 3px solid #fa2e2e;
  border-radius: 10px;
}

@media (max-width: 1029px) {
  .catch__wrap {
    padding-left: 35px;
    font-size: 15px;
    width: 95%;
    margin: 10px auto 0;
    padding: 6px 4px 6px 20px;
    border-width: 2px;
  }
}

.catch__wrap::after {
  content: '';
  width: 30px;
  height: 30px;
  background: url(./images/icons/icon-catch.svg) no-repeat 50% 50%;
  background-size: contain;
  position: absolute;
  top: -12px;
  left: -6px;
  margin: 0 3px 3px 0
}

#head__box h2 {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  background: #20b2aa;
  padding: 5px;
  border-bottom: 5px solid #105c57;
  margin-bottom: 0px
}

@media (max-width: 767px) {
  #head__box h2 {
    font-size: 20px
  }
  .catch__wrap::after {
    left: -10px;
  }
}

#head__box .cards__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: lavender;
  padding: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1)
}

@media (max-width: 1029px) {
  #head__box .cards__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

#head__box .cards__wrap .card {
  margin-right: 5px;
  border: 1px solid #bebdbd;
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  padding: 5px;
  height: 261px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  flex:1
}

#head__box .cards__wrap .card:hover {
  position: relative;
  top: -2px;
  opacity: 0.8
}

#head__box .cards__wrap .card:last-child {
  margin-right: 0
}

@media (max-width: 1029px) {
  #head__box .cards__wrap .card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
    margin-bottom: 5px;
    margin-right: 0
  }
  #head__box .cards__wrap .card img {
    width: 100%
  }
  #head__box .cards__wrap .card .single__catch__wrap {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
  #head__box .cards__wrap .card .img__wrap {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding: 10px 0
  }
  #head__box .cards__wrap .card .img__wrap img {
    width: 100px
  }
  #head__box .cards__wrap .card .name__wrap {
    width: 47%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: baseline;
    -ms-flex-pack: baseline;
    justify-content: baseline;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 10px
  }
}

#head__box .cards__wrap .card .img__wrap img {
  margin: 0 auto
}

#head__box .cards__wrap .card .name__wrap {
  height: 37px;
  font-weight: bold;
  color: #464646;
  position: relative;
  font-size: 13px
}

#head__box .cards__wrap .card .name__wrap .fas {
  color: #FF6363;
  margin-right: 5px
}

#head__box .cards__wrap .card img {
  width: 150px
}

#head__box .cards__wrap .card .single__catch__wrap {
  font-weight: bold;
  color: #ff3030;
  border-bottom: 3px solid #FF6363;
  padding: 5px;
  margin: 0;
  text-align: left
}

#con__box {
  color: #464646;
  font-size: 14px
}

#con__box .insurance__list, #con__box .service__list, #con__box .info__wrap ul {
  margin: 0 !important
}

#con__box h3.con__h3 {
  font-size: 18px;
  font-weight: 700;
  color: #FFFFFF;
  background: dimgrey;
  padding: 10px;
  margin-bottom: 10px;
  border-left: 5px solid pink
}

@media (max-width: 767px) {
  #con__box h3.con__h3 {
    font-size: 16px
  }
}

#con__box h4 {
  font-size: 18px;
  font-weight: bold;
  padding: 5px 20px;
  margin: 10px 0 0;
  display: inline-block;
  background: #20b2aa;
  color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative
}

@media (max-width: 767px) {
  #con__box h4 {
    font-size: 14px;
    padding: 5px 10px
  }
}

#con__box .line {
  width: 100%;
  height: 2px;
  background: #20b2aa
}


@media (max-width: 1029px) {
  #con__box img {
    width: 90%
  }
}

#con__box ul li {
  font-weight: bold
}

#con__box .content {
  padding: 10px;
  border: 1px solid #E8E8E8;
  margin-bottom: 30px
}

#con__box .text__wrap {
  margin-bottom: 15px;
  line-height: 1.7
}

#con__box .text__wrap h5 {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 2px dashed #add8e6;
  padding-bottom: 5px
}

#con__box .text__wrap h5 .fas {
  color: #5fb3ce;
  margin-right: 5px
}

#con__box .pink__wrap {
  background: aliceblue;
  padding: 10px
}



#pickup__box {
  padding: 10px 60px 40px;
  background: aliceblue
}

@media (max-width: 767px) {
  #pickup__box {
    padding: 10px
  }
}

#pickup__content__box {
  color: #464646;
  padding: 10px
}

#pickup__content__box span.p-color {
  color: #20b2aa
}

#pickup__content__box span.p-big {
  font-size: 1.2em
}

#pickup__content__box span.p-small {
  font-size: 0.8em
}

#pickup__content__box span.red {
  color: #FF6363
}

@media (max-width: 767px) {
  #pickup__content__box {
    padding: 0
  }
}

#pickup__content__box .pickup__title__wrap {
  text-align: center;
  margin-bottom: 50px
}

@media (max-width: 767px) {
  #pickup__content__box .pickup__title__wrap {
    margin-bottom: 20px
  }
}

#pickup__content__box .pickup__title__wrap h2 {
  font-size: 30px;
  font-weight: bold;
  position: relative;
  padding: 20px 0
}

@media (max-width: 767px) {
  #pickup__content__box .pickup__title__wrap h2 {
    font-size: 20px
  }
}

#pickup__content__box .pickup__title__wrap h2:after {
  content: '';
  position: absolute;
  width: 70%;
  height: 20px;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(images/ranking/title__line.svg) no-repeat 50% 50%;
  background-size: contain
}

#pickup__content__box .pickup__descript__wrap {
  margin: 24px 0;
  line-height: 1.5
}

#pickup__content__box .pickup__descript__wrap p {
  font-size: 18px
}

@media (max-width: 767px) {
  #pickup__content__box .pickup__descript__wrap p {
    font-size: 14px
  }
}

#pickup__content__box .pickup__icon__wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  margin-bottom: 24px
}

@media (max-width: 767px) {
  #pickup__content__box .pickup__icon__wrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }
}

@media (max-width: 767px) {
  #pickup__content__box .pickup__icon__wrap .icon__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    padding: 5px;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1)
  }
}

#pickup__content__box .pickup__icon__wrap .icon__wrap .background {
  position: relative;
  background: #20b2aa;
  border-radius: 10px;
  -webkit-box-shadow: 3px 3px 0px #E5FFFE;
  box-shadow: 3px 3px 0px #E5FFFE;
  padding: 25px 50px
}

@media (max-width: 767px) {
  #pickup__content__box .pickup__icon__wrap .icon__wrap .background {
    padding: 15px 20px
  }
}

#pickup__content__box .pickup__icon__wrap .icon__wrap .background .number__wrap {
  position: absolute;
  top: -5px;
  left: -1px
}

@media (max-width: 767px) {
  #pickup__content__box .pickup__icon__wrap .icon__wrap .background .number__wrap img {
    width: 50%
  }
}

#pickup__content__box .pickup__icon__wrap .icon__wrap .background .img__wrap {
  text-align: center
}

@media (max-width: 767px) {
  #pickup__content__box .pickup__icon__wrap .icon__wrap .background .img__wrap {
    padding: 0
  }
}

#pickup__content__box .pickup__icon__wrap .icon__wrap .background .img__wrap img {
  margin: 20px auto
}

@media (max-width: 767px) {
  #pickup__content__box .pickup__icon__wrap .icon__wrap .background .img__wrap img {
    width: 63%;
    margin: 0px auto
  }
}

#pickup__content__box .pickup__icon__wrap .icon__wrap .text__wrap {
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  font-size: 18px
}

@media (max-width: 767px) {
  #pickup__content__box .pickup__icon__wrap .icon__wrap .text__wrap {
    width: 62%;
    font-size: 16px;
    text-align: left;
    padding-left: 13px;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

#pickup__content__box .pinkup__item__wrap {
  margin: 40px 0 15px
}

#pickup__content__box .pinkup__item__wrap .card__item__wrap {
  border: 5px solid #d4ebf2;
  border-radius: 0px 0px 10px 10px;
  padding: 50px;
  position: relative;
  background: #fff;
  margin: 0 auto;
  width: 95%
}

@media (max-width: 767px) {
  #pickup__content__box .pinkup__item__wrap .card__item__wrap {
    width: 100%;
    padding: 75px 5px 0
  }
}

#pickup__content__box .pinkup__item__wrap .card__item__wrap .ab {
  position: absolute;
  width: 30px;
  top: -36px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2
}

#pickup__content__box .pinkup__item__wrap .card__item__wrap h3 {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  background: #20b2aa;
  padding: 0;
  text-align: center;
  width: 85%;
  text-align: -10px;
  position: absolute;
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media (max-width: 767px) {
  #pickup__content__box .pinkup__item__wrap .card__item__wrap h3 {
    font-size: 20px;
    width: 67%
  }
}

#pickup__content__box .pinkup__item__wrap .card__item__wrap h3 a {
  padding: 15px
}

@media (max-width: 767px) {
  #pickup__content__box .pinkup__item__wrap .card__item__wrap h3 a {
    padding: 10px 4px
  }
}

#pickup__content__box .pinkup__item__wrap .card__item__wrap h3 a:hover {
  text-decoration: underline
}

#pickup__content__box .pinkup__item__wrap .card__item__wrap .card__img a {
  display: block;
  padding: 10px
}

#pickup__content__box .pinkup__item__wrap .card__item__wrap .card__img a:hover {
  opacity: 0.8
}

#pickup__content__box .pinkup__item__wrap .card__item__wrap .card__img a img {
  width: 60%;
  margin: 0 auto
}

#pickup__content__box .pinkup__item__wrap .card__item__wrap ul {
  margin: 20px auto;
  width: 90%
}

@media (max-width: 767px) {
  #pickup__content__box .pinkup__item__wrap .card__item__wrap ul {
    width: 90%
  }
}

#pickup__content__box .pinkup__item__wrap .card__item__wrap ul li {
  position: relative;
  padding: 10px 10px 10px 40px;
  font-size: 16px;
  font-weight: bold;
  position: relative
}

@media (max-width: 767px) {
  #pickup__content__box .pinkup__item__wrap .card__item__wrap ul li {
    font-size: 14px;
    padding: 5px 10px 5px 30px
  }
}

#pickup__content__box .pinkup__item__wrap .card__item__wrap ul li::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: url(images/ranking/check.png);
  background-size: contain
}

@media (max-width: 767px) {
  #pickup__content__box .pinkup__item__wrap .card__item__wrap ul li::after {
    width: 20px;
    height: 20px
  }
}

#pickup__content__box .result__button__wrap {
  padding: 0 10px;
  margin-bottom: 15px;
  margin-top: 40px
}

@media (max-width: 1029px) {
  #pickup__content__box .result__button__wrap {
    padding: 0
  }
}

#pickup__content__box .result__button__wrap .koushiki__wrap {
  position: relative;
  width: 100%
}

@media (max-width: 767px) {
  #pickup__content__box .result__button__wrap .koushiki__wrap {
    margin-left: 0
  }
}

#pickup__content__box .result__button__wrap .koushiki__wrap .koushiki__text {
  display: block;
  font-size: 16px;
  margin: 2px 0;
  font-weight: 700;
  text-align: center;
  position: absolute;
  top: -27px;
  left: 50%;
  color: #464646;
  padding: 5px 15px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2
}

#pickup__content__box .result__button__wrap .koushiki__wrap .koushiki__text .fas {
  margin-right: 5px
}

@media (max-width: 767px) {
  #pickup__content__box .result__button__wrap .koushiki__wrap .koushiki__text {
    padding: 5px;
    top: -25px;
    width: 100%
  }
}

@media (max-width: 385px) {
  #pickup__content__box .result__button__wrap .koushiki__wrap .koushiki__text {
    font-size: 14px
  }
}

#pickup__content__box .result__button__wrap .koushiki__btn {
  background: #FF6363;
  border: 1px solid #EF4D4D;
  -webkit-box-shadow: 0px 3px 0px #EF4D4D;
  box-shadow: 0px 3px 0px #EF4D4D;
  border-radius: 50px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 90%;
  color: #fff;
  font-weight: 700;
  margin: 0;
  overflow: hidden;
  font-size: 20px;
  width: 100%;
  display: block;
  text-align: center;
  padding: 27px 15px
}

#pickup__content__box .result__button__wrap .koushiki__btn:hover {
  top: 4px
}

#pickup__content__box .result__button__wrap .koushiki__btn:before {
  content: '';
  width: 100px;
  height: 200px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0.3;
  position: absolute;
  top: -55px;
  -webkit-animation: hikari 2s infinite;
  animation: hikari 2s infinite;
  -webkit-filter: blur(2px);
  filter: blur(2px)
}

#pickup__content__box .result__button__wrap .koushiki__btn:after {
  content: '';
  width: 20px;
  height: 20px;
  right: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(./images/contents/arrow__link__wh.png) no-repeat 50% 50%;
  background-size: contain
}

@keyframes hikari {
  0% {
    opacity: 0;
    left: -100%
  }
  50% {
    opacity: 0.4
  }
  100% {
    left: 300%
  }
}

@media (max-width: 1029px) {
  #pickup__content__box .result__button__wrap .koushiki__btn {
    width: 100%;
    font-size: 14px;
    padding: 20px 15px;
    margin-right: 5px;
    margin: 0 auto 10px;
    font-size: 16px
  }
}

@media (max-width: 767px) {
  #pickup__content__box .result__button__wrap .koushiki__btn {
    margin-left: 0;
    padding: 20px 15px
  }
}

#ranking__sub__items__box .ranking__sub__item__wrap.pr_new {
  border: 2px solid #444;
}
#ranking__sub__items__box .ranking__sub__item__wrap.pr_new .medal_new {
  position: absolute;
  width: 100px;
  left: -10px;
  top: -20px;
}
#ranking__sub__items__box .ranking__sub__item__wrap.pr_new .title__wrap--osusume {
  padding: 20px 0;
  border: none;
}
#ranking__sub__items__box .ranking__sub__item__wrap.pr_new .title__wrap--osusume a {
  margin-left: 114px;
  color: #ffe167;
}

@media (max-width: 767px) {
  #ranking__sub__items__box .ranking__sub__item__wrap.pr_new .medal_new {
    width: 20vw;
    left: 10px;
    top: -20px;
    z-index: 1;
  }
  #ranking__sub__items__box .ranking__sub__item__wrap.pr_new .title__wrap--osusume {
    border: none;
    border-radius: 7px 7px 0 0;
  }
  #ranking__sub__items__box .ranking__sub__item__wrap.pr_new .title__wrap--osusume h3 {
    margin-left: 0;
    padding: 0 4vw;
  }
  #ranking__sub__items__box .ranking__sub__item__wrap.pr_new .title__wrap--osusume a {
    margin-left: 0;
    padding: 0 4vw;
  }
}

.accordion-content {
  height: 100px;
  overflow-y: hidden;
  position: relative;
  padding: 0 10px 2rem;
}
.accordion-content:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60%;
  background: linear-gradient(to bottom, transparent , white 80%);
}
.accordion-content.open {
  height: auto;
}
.accordion-content.open:after {
  display: none;
}
.accordion-content button {
  position: absolute;
  padding: 3px 30px;
  text-align: center;
  margin: auto;
  border: 1px solid #E8E8E8;
  color: grey;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  font-size: 0.7rem;
}
.accordion-content button:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  border-top: 3px solid grey;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}
.accordion-content.open button:after {
  border-top: none;
  border-bottom: 3px solid grey;
}
@media (max-width: 767px) {
  .accordion-content {
    order: 5;
  }
}