.font-yumin {
  font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif !important;

}

.font-garamond {
  font-family: 'EB Garamond', serif !important;
}

.font-arno {
  font-family: arno-pro, serif !important;
}

.font-dalliance {
  font-family: "dalliance-script-display", sans-serif;
}

.inview {
  opacity: 0;
}

.wrapper {
  display: block;

  min-height: initial;
  min-height: auto;
}

a:hover {
  opacity: 1;
}

#hero-iframe-container {
  display: none !important;
}

html {
  height: -webkit-fill-available;
  margin: 0px;
  padding: 0px;
}

body {
  min-height: initial;
  min-height: auto;
  margin: 0px;
  padding: 0px;
}

html,
body {
  overflow: auto;
}

footer {
  margin-top: 0px;
}

#gf {
  margin: 0px;
  padding: 0px;
  position: relative;
  height: auto;
  overflow: hidden;
}

#gf.re {
  height: auto;
}

#gf .docSlider {
  height: 100vw;
}

#gf .docSlider-inner {
  position: relative;
}

#gf img {
  image-rendering: -webkit-optimize-contrast;
}

_::-webkit-full-page-media,
_:future,
:root #gf img {
  /*safari*/
  image-rendering: auto;
}

*:focus {
  outline: none;
}

.section {
  margin: 0px;
  padding: 0px;
}

.font-capitalize {
  text-transform: capitalize;
}

#pp-nav {
  display: none;
}

#gf .docSlider {
  position: relative;
}

#gf .gf-inner {
  width: 100%;
  height: 100%;
  background-image: url(../../../images/sp/special_contents/Giftfinder/20260219/bg_top.jpg);
  background-size: cover;
  margin: 0px;
  display: table;
}

#gf .gf-inner2 {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#gf #gf-top {
  width: 90vw;
  z-index: 100;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit- transform: translate(-50%, -50%);
}


#gf #gf-top h1 {
  width: 100%;
  margin: 2vw 0 0;
  padding: 0;
  font-size: 3.6vw;
  line-height: 1;
  color: #3d3027;
  text-align: center;
  font-weight: 500;
}

#gf #gf-top .en-title {
  width: 77.1vw;
  margin: 0 auto;
  padding-top: 14vw;
}

.title__obj {
  width: 11.9vw;
  margin: 2vw auto 0;
}

#gf #gf-top a {
  width: 100%;
  margin: 3.9vw 0 12.3vw;
  display: block;
  text-decoration: none;
}

#gf #gf-top .text-line1 {
  width: 24.3vw;
  margin: 0;
  padding: 0;
  line-height: 0;
  position: absolute;
  top: -4.9vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
}

#gf #gf-top .text-line2 {
  width: 16vw;
  margin: 0;
  padding: 0;
  line-height: 0;
  position: absolute;
  bottom: -6vw;
  right: -3.7vw;
}

#gf #gf-top .text {
  width: 86vw;
  margin: 0 auto;
  font-size: 3.6vw;
  line-height: 1.5;
  text-align: center;
  color: #3d3027;
  font-weight: 400;
  position: relative;
  letter-spacing: -0.02em;
}

#gf #gf-top .scroll {
  width: 8.2vw;
  margin: 0 auto;
  padding: 7.8vw 0 0;
  line-height: 0;
}

#gf #gf-top .qtop-btn {
  margin: 0;
  padding: 3.7vw 0 0;
  text-align: center;
}

#gf #gf-top .qtop-btn span.a {
  margin: 0;
  text-align: center;
  color: #3d3027;
  font-size: 4vw;
  line-height: 1;
  text-decoration: none;
  position: relative;
  display: inline-block;
  background-image: url(../../../images/sp/special_contents/Giftfinder/20260219/btn_top.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 54vw;
}

#gf #gf-top .qtop-btn span.a span.bar {
  padding: 4.1vw 0;
  display: block;
}

#gf #gf-top .qtop-btn span.a span.bar svg {
  right: 7.6vw;
  font-size: 2.4vw;

  margin: 0px;
  padding: 0px;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}


#gf .q-top-obj1 {
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 50;
}

#gf .q-top-obj2 {
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 50;
}

#gf #gf-q {
  z-index: 100;
}

#gf #gf-q .qblock {
  width: 90.7vw;
  height: 127vw;
  margin: 0 auto;
  padding: 0;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit- transform: translate(-50%, -50%);
}

#gf #gf-q .qnum {
  width: 100%;
  margin: 0px;
  padding: 0 2vw 0 0;
  font-size: 6.7vw;
  line-height: 1;
  color: #3d3027;
  font-weight: 400;
  text-align: center;
  box-sizing: border-box;
  z-index: 70;
}

#gf #gf-q .gf-qbg {
  width: 100%;
  margin: 0px;
  padding: 0px;
}

#gf #gf-q h2 {
  width: 100%;
  margin-top: 4.6vw;
  text-align: center;
  font-size: 5.6vw;
  line-height: 1;
  color: #3d3027;
  font-weight: 500;
  position: relative;
  z-index: 70;
}

#gf #gf-q h2.w2 {
  line-height: 1.2;
}

#gf #gf-q .gf-qbody {
  width: 100%;
  min-height: 128vw;
  margin: 0px;
  padding: 11.6vw 0 0;
  position: relative;
  background-image: url(../../../images/sp/special_contents/Giftfinder/20260219/bg_qblock.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}


#gf .q-qbody-obj1 {
  width: 88.9vw;
  margin: 0;
  padding: 0;
  line-height: 0;
  position: absolute;
  top: -11.2vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
  z-index: 50;
}

#gf .q-qbody-obj2 {
  width: 88.9vw;
  margin: 0;
  padding: 0;
  line-height: 0;
  position: absolute;
  bottom: 1.1vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
  z-index: 50;
}

#gf #gf-q ul {
  width: 63.7vw;
  margin: 0 auto;
  padding: 2.7vw 0 0;
  position: relative;
  z-index: 70;
}

#gf #gf-q ul li {
  margin: 0;
  padding: 3.5vw 0 0;
}

#gf #gf-q ul li a {
  display: block;
  margin: 0;
  padding: 5.1vw 0;
  color: #3d3027;
  text-align: center;
  font-size: 4vw;
  line-height: 1;
  background-image: url(../../../images/sp/special_contents/Giftfinder/20260219/btn_qblock.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-decoration: none;
  font-feature-settings: "palt";
  letter-spacing: -0.025em;
}

#gf #gf-q .qbt {
  width: 100%;
  margin: 0px;
  padding: 0px;
  line-height: 0;
}

#gf #gf-top .inview2 {
  margin-top: 2.3vw;
  opacity: 0;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}

#gf #gf-top.loaded .inview2 {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);

  -webkit-transition: opacity .5s linear, -webkit-transform 1.25s cubic-bezier(.19, 1, .22, 1);
  transition: opacity .5s linear, -webkit-transform 1.25s cubic-bezier(.19, 1, .22, 1);
  -o-transition: opacity .5s linear, transform 1.25s cubic-bezier(.19, 1, .22, 1);
  transition: opacity .5s linear, transform 1.25s cubic-bezier(.19, 1, .22, 1);
  transition: opacity .5s linear, transform 1.25s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.25s cubic-bezier(.19, 1, .22, 1);
}

#gf #gf-q .inview3 {
  opacity: 0;
}

#gf #gf-q #q1.show .inview3 {
  opacity: 1;

  -webkit-transition: opacity .5s linear, -webkit-transform 1.25s cubic-bezier(.19, 1, .22, 1);
  transition: opacity .5s linear, -webkit-transform 1.25s cubic-bezier(.19, 1, .22, 1);
  -o-transition: opacity .5s linear, transform 1.25s cubic-bezier(.19, 1, .22, 1);
  transition: opacity .5s linear, transform 1.25s cubic-bezier(.19, 1, .22, 1);
  transition: opacity .5s linear, transform 1.25s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.25s cubic-bezier(.19, 1, .22, 1);
}

#gf #gf-q #q2-1.show .inview3,
#gf #gf-q #q2-2.show .inview3,
#gf #gf-q #q3-1.show .inview3,
#gf #gf-q #q3-2.show .inview3,
#gf #gf-q #q3-3.show .inview3 {
  opacity: 1;

  -webkit-transition: opacity .5s linear, -webkit-transform 1.25s cubic-bezier(.19, 1, .22, 1);
  transition: opacity .5s linear, -webkit-transform 1.25s cubic-bezier(.19, 1, .22, 1);
  -o-transition: opacity .5s linear, transform 1.25s cubic-bezier(.19, 1, .22, 1);
  transition: opacity .5s linear, transform 1.25s cubic-bezier(.19, 1, .22, 1);
  transition: opacity .5s linear, transform 1.25s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.25s cubic-bezier(.19, 1, .22, 1);
}

#gf #gf-top.loaded .inview2.d1 {
  -webkit-transition-delay: .4s;
  -o-transition-delay: .4s;
  transition-delay: .4s;
}

#gf #gf-top.loaded .inview2.d2 {
  -webkit-transition-delay: .8s;
  -o-transition-delay: .8s;
  transition-delay: .8s;
}

#gf #gf-top.loaded .inview2.d3 {
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

#gf #gf-top.loaded .inview2.d4 {
  -webkit-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
}

#gf #gf-top.loaded .inview2.d5 {
  -webkit-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}

#gf #gf-q #q1.show .inview3.d1 {
  -webkit-transition-delay: .6s;
  -o-transition-delay: .6s;
  transition-delay: .6s;
}

#gf #gf-q #q1.show .inview3.d2 {
  -webkit-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
}

#gf #gf-q #q1.show .inview3.d3 {
  -webkit-transition-delay: 2.4s;
  -o-transition-delay: 2.4s;
  transition-delay: 2.4s;
}

#gf #gf-q #q1.show .inview3.d4 {
  -webkit-transition-delay: 2.8s;
  -o-transition-delay: 2.8s;
  transition-delay: 2.8s;
}

#gf #gf-q #q1.show .inview3.d5 {
  -webkit-transition-delay: 3.2s;
  -o-transition-delay: 3.2s;
  transition-delay: 3.2s;
}

#gf #gf-q #q2-1.show .inview3.d1,
#gf #gf-q #q2-2.show .inview3.d1,
#gf #gf-q #q3-1.show .inview3.d1,
#gf #gf-q #q3-2.show .inview3.d1,
#gf #gf-q #q3-3.show .inview3.d1 {
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s;
}

#gf #gf-q #q2-1.show .inview3.d2,
#gf #gf-q #q2-2.show .inview3.d2,
#gf #gf-q #q3-1.show .inview3.d2,
#gf #gf-q #q3-2.show .inview3.d2,
#gf #gf-q #q3-3.show .inview3.d2 {
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

#gf #gf-q #q2-1.show .inview3.d3,
#gf #gf-q #q2-2.show .inview3.d3,
#gf #gf-q #q3-1.show .inview3.d3,
#gf #gf-q #q3-2.show .inview3.d3,
#gf #gf-q #q3-3.show .inview3.d3 {
  -webkit-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}

#gf #gf-q #q2-1.show .inview3.d4,
#gf #gf-q #q2-2.show .inview3.d4,
#gf #gf-q #q3-1.show .inview3.d4,
#gf #gf-q #q3-2.show .inview3.d4,
#gf #gf-q #q3-3.show .inview3.d4 {
  -webkit-transition-delay: 2.4s;
  -o-transition-delay: 2.4s;
  transition-delay: 2.4s;
}

#gf #gf-q #q2-1.show .inview3.d5,
#gf #gf-q #q2-2.show .inview3.d5,
#gf #gf-q #q3-1.show .inview3.d5,
#gf #gf-q #q3-2.show .inview3.d5,
#gf #gf-q #q3-3.show .inview3.d5 {
  -webkit-transition-delay: 2.8s;
  -o-transition-delay: 2.8s;
  transition-delay: 2.8s;
}

#gf #gf-q #q2-1.show .inview3.d6,
#gf #gf-q #q2-2.show .inview3.d6,
#gf #gf-q #q3-1.show .inview3.d6,
#gf #gf-q #q3-2.show .inview3.d6,
#gf #gf-q #q3-3.show .inview3.d6 {
  -webkit-transition-delay: 3.2s;
  -o-transition-delay: 3.2s;
  transition-delay: 3.2s;
}



#gf #gf-q #q2-1,
#gf #gf-q #q2-2,
#gf #gf-q #q3-1,
#gf #gf-q #q3-2,
#gf #gf-q #q3-3 {
  display: none;
}

#gf #gf-q #q2-1.start,
#gf #gf-q #q2-2.start,
#gf #gf-q #q3-1.start,
#gf #gf-q #q3-2.start,
#gf #gf-q #q3-3.start {
  display: table;
}

#gf #gf-q #q1.remove,
#gf #gf-q #q2-1.remove,
#gf #gf-q #q2-2.remove,
#gf #gf-q #q3-1.remove,
#gf #gf-q #q3-2.remove,
#gf #gf-q #q3-3.remove {
  display: none;
}

#gf #gf-q .complete {
  opacity: 0;
  -webkit-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;

  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

#gf #gf-q .complete ul li a {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}

#gf #gf-q .complete ul li a.selected {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 1;
  -webkit-transition: opacity .3s linear, -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.275);
  transition: opacity .3s linear, -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.275);
  -o-transition: opacity .3s linear, transform .3s cubic-bezier(.175, .885, .32, 1.275);
  transition: opacity .3s linear, transform .3s cubic-bezier(.175, .885, .32, 1.275);
  transition: opacity .3s linear, transform .3s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.275);
}


.docSlider {
  z-index: 50;
}

.docSlider-page {
  -webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
  transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
  -o-transition: transform 1s cubic-bezier(.19, 1, .22, 1);
  transition: transform 1s cubic-bezier(.19, 1, .22, 1);
  transition: transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
}

#gf .gf-bg {
  background-image: url(../../../images/sp/special_contents/Giftfinder/20260219/bg_common.jpg);
  background-size: 51.7vw 52.2vw;
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
}

#gf .gf-fbg {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  z-index: 30;
  position: relative;
}

#gf .frame-top {
  margin: 0px;
  padding: 0px;
  line-height: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 40;
}

#gf .frame-bt {
  margin: 0px;
  padding: 0px;
  line-height: 0;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 40;
}

#gf .copy {
  bottom: 14.2vw;
  left: 0%;
  position: absolute;
  font-size: 2.5vw;
  line-height: 1;
  text-align: center;
  width: 100%;
  color: #c15557;
  z-index: 110;
}


@media (orientation: landscape) {

  #gf .gf-bg {
    height: 800px;
  }

  #gf .gf-inner {
    padding: 60px 0px;
    margin: 0 auto;
    height: 800px;
  }

}



/*result*/

#gf #gf-result .copy {
  bottom: 0%;
  left: 0%;
  position: relative;
  font-size: 2.5vw;
  line-height: 1;
  text-align: center;
  width: 100%;
  z-index: 90;
  padding: 0 0 20px;
  color: #3d3027;
}

#gf #gf-result .gf-result-area {
  width: 100%;
  padding: 8.4vw 0 12.3vw;
  position: relative;
}

#gf #gf-result .gf-result-area .gf-result-block {
  width: 90vw;
  background-color: #FFF;
  margin: 0 auto;
  padding: 11.5vw 0;
  position: relative;
  z-index: 20;
}

#gf #gf-result .gf-result-area .gf-result-block::before,
#gf #gf-q .gf-qbody::before,
.top-inner::before {
  content: "";
  width: 100%;
  height: 2.4vw;
  background-image: url(../../../images/sp/special_contents/Giftfinder/20260219/line_top.png);
  background-repeat: repeat-x;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}

#gf #gf-result .gf-result-area .gf-result-block .you {
  margin: 0;
  padding: 0;
  color: #3d3027;
  font-size: 3.8vw;
  line-height: 1;
  text-align: center;
}

#gf #gf-result .gf-result-area .gf-result-block .you span.rel {
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
}

#gf #gf-result .gf-result-area .gf-result-block .you .you-obj {
  width: 4.8vw;
  margin: 0;
  padding: 0;
  line-height: 0;
  position: absolute;
  top: -4.5vw;
  left: -4.2vw;
  z-index: 10;
}

#gf #gf-result .gf-result-area .gf-result-block h1 {
  font-feature-settings: "palt";
  font-size: 6.7vw;
  font-weight: 600;
  letter-spacing: -0.08em;
  line-height: 1;
  text-align: center;
  margin: 0;
  padding: 3.3vw 0 0;
}

#gf #gf-result .gf-result-area .gf-result-block .result-text {
  font-feature-settings: "palt";
  padding: 4.8vw 0 0;
  font-size: 3.6vw;
  line-height: 1.5;
  text-align: center;
}

#gf .gf-result-obj1 {
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

#gf .gf-result-obj2 {
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}

#gf .gf-result-fra-obj1 {
  width: 18.7vw;
  margin: 0;
  padding: 0;
  line-height: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}

#gf .gf-result-fra-obj2 {
  width: 9.9vw;
  margin: 0;
  padding: 0;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}

#gf #gf-result .gf-result-area .lineup-slider {
  margin: 5.8vw auto 0;
  padding: 0;
  width: 100%;
  position: relative;
}

#gf #gf-result .gf-result-area .lineup-slider.ls2 {
  margin: 9.6vw auto 0;
}

#gf #gf-result .gf-result-area .lineup-slider ul {
  margin: 0px auto;
  padding: 0px;
  text-align: center;
  font-size: 0;
  position: relative;
  width: 100%;
}

#gf #gf-result .gf-result-area .lineup-slider ul li {
  display: inline-block;
  margin: 0px;
  padding: 0px 0px 2px;
  width: 100%;
  vertical-align: top;
  position: relative;
}

#gf #gf-result .gf-result-area .lineup-slider ul li .text {
  margin: 0;
  padding: 0 0 2vw;
  font-size: 3.3vw;
  line-height: 1.4;
  font-weight: 600;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.dj .gf-result-area {
  background: linear-gradient(to bottom,
      #c2e9e9 0%,
      #f3ede0 100%);
}

.plv .gf-result-area {
  background: linear-gradient(to bottom,
      #e7ddea 0%,
      #f3ede0 100%);
}

.rt .gf-result-area {
  background: linear-gradient(to bottom,
      #ffe5e5 0%,
      #f5ddc3 100%);
}

.gr .gf-result-area {
  background: linear-gradient(to bottom,
      #d6f1db 0%,
      #f6dde3 100%);
}

.tokyo .gf-result-area {
  background: linear-gradient(to bottom,
      #f0e0ee 0%,
      #f2eddf 25%,
      #f3ede0 75%,
      #ffe5f6 100%);
}

.wt .gf-result-area {
  background: linear-gradient(to bottom,
      #c2e9d1 0%,
      #fffad7 100%);
}

#gf #gf-result.dj .gf-result-area .lineup-slider ul li .text {
  color: #1c5a66;
  padding: 0 0 1vw;
}

#gf #gf-result.gr .gf-result-area .lineup-slider ul li .text {
  color: #ef4e78;
  padding: 0 0 0vw;
}

#gf #gf-result.plv .gf-result-area .lineup-slider ul li .text {
  color: #9b8563;
  padding: 0 0 0vw;
}

#gf #gf-result.wt .gf-result-area .lineup-slider ul li .text {
  color: #39927c;
  padding: 0 0 2vw;
}

#gf #gf-result.rt .gf-result-area .lineup-slider ul li .text {
  color: #dc5656;
  padding: 0 0 2vw;
}

#gf #gf-result.tokyo .gf-result-area .lineup-slider ul li .text {
  color: #2c449a;
  padding: 0 0 2vw;
}

#gf #gf-result.musk .gf-result-area .lineup-slider ul li .text {
  color: #967f5d;
  padding: 0 0 2vw;
}

#gf #gf-result .gf-result-area .lineup-slider ul li .img {
  margin: 0px;
  padding: 0px;
  text-align: center;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

#gf #gf-result .gf-result-area .lineup-slider ul li .img span.cell {
  margin: 0px;
  padding: 0px;
  text-align: center;
  display: inline-block;
  position: relative;
}

#gf #gf-result .gf-result-area .lineup-slider ul li .img a>img {
  display: inline;
  width: 36.8vw;
  z-index: 20;
  position: relative;
}

#gf #gf-result .gf-result-area .lineup-slider ul li .img span.img-obj {
  display: inline;
  width: 10.9vw;
  position: absolute;
  bottom: 0.3vw;
  left: -2.5vw;
  z-index: 10;
}

#gf #gf-result .gf-result-area .lineup-slider ul li h2 {
  margin: 0;
  padding: 2.7vw 0 0;
  font-size: 3.5vw;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: -0.03em;
}

#gf #gf-result .gf-result-area .lineup-slider ul li .price {
  margin: 0px;
  padding: 0px;
  font-size: 3.5vw;
  line-height: 1.4;
  font-weight: 400;
}

#gf #gf-result .gf-result-area .lineup-slider ul li .btn,
#gf #gf-result .gf-result-area .lineup-slider ul li .bcs {
  margin: 0;
  padding: 4.8vw 0 0;
  text-align: center;
}

#gf #gf-result .gf-result-area .lineup-slider ul li .btn a {
  margin: 0;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  position: relative;
  display: inline-block;
  background: #e78b9f;
  padding: 3.7vw 3.9vw;
  font-size: 3.8vw;
  line-height: 1;
  width: 40.6vw;
  box-sizing: border-box;
  cursor: pointer;
}

#gf #gf-result .gf-result-area .lineup-slider ul li .btn a svg {
  margin: 0;
  padding: 0;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
  right: 2.8vw;
  font-size: 2.8vw;
}

#gf #gf-result .gf-result-area .lineup-slider ul li .bcs .bbg {
  margin: 0px;
  text-align: center;
  text-decoration: none;
  position: relative;
  display: inline-block;
  background: #FFF;
  border: 1px solid #aea262;
  padding: 4vw 0;
  font-size: 3.2vw;
  line-height: 1;
  width: 41.2vw;
  box-sizing: border-box;
}

#gf #gf-result .gf-result-area .lineup-slider .slick-arrow {
  font-size: 0;
  cursor: pointer;
  outline: none;
  z-index: 50;

  position: absolute;
  width: 7.8vw;
  height: 7.8vw;
  display: block;
  top: auto;
  bottom: 45vw;
}

#gf #gf-result .gf-result-area .lineup-slider .slick-prev {
  transition: unset;
  border-width: 0px;
  border-style: none;
  cursor: pointer;
  opacity: 1;
  left: 12.7vw;
  background-repeat: no-repeat;
  background-image: url(../../../images/sp/special_contents/Giftfinder/20240227/arrow_prev.svg);
  background-position: 0px 0px;
  background-size: 100% 100%;
}

#gf #gf-result .gf-result-area .lineup-slider .slick-next {
  transition: unset;
  border-width: 0px;
  border-style: none;
  cursor: pointer;
  opacity: 1;
  right: 12.7vw;
  background-repeat: no-repeat;
  background-image: url(../../../images/sp/special_contents/Giftfinder/20240227/arrow_next.svg);
  background-position: 0px 0px;
  background-size: 100% 100%;
}

#gf #gf-result .gf-result-area .lineup-slider .slick-prev:after {
  display: none;
}

#gf #gf-result .gf-result-area .lineup-slider .slick-next:after {
  display: none;
}

#gf #gf-result .gf-result-area .lineup-slider .slick-dots {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  font-size: 0;
  text-align: center;
  list-style: none;
  display: block;
  margin: 0px;
  padding: 0px;
}

#gf #gf-result .gf-result-area .lineup-slider .slick-dots li {
  display: inline-block;
  margin: 0 6px;
  width: auto;
}

#gf #gf-result .gf-result-area .lineup-slider .slick-dots li button {
  display: block;
  line-height: 0;
  width: 6px;
  height: 6px;
  background: #b1a196;
  border: 0;
  border-radius: 50%;
  color: transparent;
  cursor: pointer;
  font-size: 0;
  outline: none;
  padding: 0;
}

#gf #gf-result .gf-result-area .lineup-slider .slick-dots .slick-active button,
#gf #gf-result .gf-result-area .lineup-slider .slick-dots li button:hover {
  background: #46362a;
}

#gf #gf-result .gf-result-area .lineup-slider .slick-dots>li>button::before {
  background-color: transparent;
}




#gf #gf-result.dj .gf-result-area .gf-result-block h1 {
  color: #44b7b4;
}

#gf #gf-result.dj .gf-result-area .lineup-slider ul li .btn a {
  background: #44b7b4;
}

#gf #gf-result.dj .gf-result-area .lineup-slider ul li .bcs .bbg {
  border: 1px solid #44b7b4;
}

#gf #gf-result .gf-result-area .lineup-slider ul li.dj-img3 .img a>img {
  margin-top: 1.2vw;
}

#gf #gf-result.gr .gf-result-area .gf-result-block h1 {
  color: #ef4e78;
}

#gf .gr .gf-result-fra-obj1 {
  width: 19.5vw;
}

#gf .gr .gf-result-fra-obj2 {
  width: 16.1vw;
}

/*#gf #gf-result .gf-result-area .lineup-slider ul li.gr-img5 .img a > img{
    margin-top: 1.1vw;
}

#gf #gf-result .gf-result-area .lineup-slider ul li.gr-img6 .img a > img{
    margin-top: 1.1vw;
}*/

#gf #gf-result.gr .gf-result-area .lineup-slider ul li .img span.img-obj {
  width: 10.4vw;
  bottom: 1.6vw;
  left: -2.9vw;
}

#gf #gf-result.gr .gf-result-area .lineup-slider ul li .btn a {
  background: #ef4e78;
}

#gf #gf-result.gr .gf-result-area .lineup-slider ul li .bcs .bbg {
  border: 1px solid #ef4e78;
}


#gf #gf-result.plv .gf-result-area .gf-result-block h1 {
  color: #865498;
}

#gf .plv .gf-result-fra-obj1 {
  width: 24.5vw;
}

#gf .plv .gf-result-fra-obj2 {
  width: 14.1vw;
}

/*#gf #gf-result .gf-result-area .lineup-slider ul li.plv-img2 .img a > img{
    margin-top: 2.1vw;
}

#gf #gf-result .gf-result-area .lineup-slider ul li.plv-img3 .img a > img{
    margin-top: 1.5vw;
}

#gf #gf-result .gf-result-area .lineup-slider ul li.plv-img4 .img a > img{
    margin-top: 2.3vw;
}*/

/*#gf #gf-result .gf-result-area .lineup-slider ul li.plv-img6 .img a > img{
    margin-top: 2.5vw;
    width: 38.5vw;
}*/

#gf #gf-result.plv .gf-result-area .lineup-slider ul li .img span.img-obj {
  width: 10.4vw;
  bottom: 0;
  left: -3.6vw;
}

#gf #gf-result.plv .gf-result-area .lineup-slider ul li .btn a {
  background: #a28067;
}

#gf #gf-result.plv .gf-result-area .lineup-slider ul li .bcs .bbg {
  border: 1px solid #a28067;
}

#gf #gf-result.wt .gf-result-area .gf-result-block h1 {
  color: #39927c;
}

#gf .wt .gf-result-fra-obj1 {
  width: 20.9vw;
}

#gf .wt .gf-result-fra-obj2 {
  width: 12.3vw;
}

/*#gf #gf-result .gf-result-area .lineup-slider ul li.wt-img5 .img a > img{
    width: 38.5vw;
}*/

#gf #gf-result.wt .gf-result-area .lineup-slider ul li .img span.img-obj {
  width: 10.8vw;
  bottom: 0;
  left: -0.4vw;
}

#gf #gf-result.wt .gf-result-area .lineup-slider ul li .btn a {
  background: #39927c;
}

#gf #gf-result.wt .gf-result-area .lineup-slider ul li .bcs .bbg {
  border: 1px solid #39927c;
}

#gf #gf-result.rt .gf-result-area .gf-result-block h1 {
  color: #dc5656;
}

#gf .rt .gf-result-fra-obj1 {
  width: 16.5vw;
}

#gf .rt .gf-result-fra-obj2 {
  width: 13.3vw;
}

/*#gf #gf-result .gf-result-area .lineup-slider ul li.rt-img1 .img a > img{
    margin-top: 0.3vw;
}

#gf #gf-result .gf-result-area .lineup-slider ul li.rt-img2 .img a > img{
    margin-top: 0.3vw;
}*/

/*#gf #gf-result .gf-result-area .lineup-slider ul li.rt-img5 .img a > img{
    width: 38.5vw;
}

#gf #gf-result .gf-result-area .lineup-slider ul li.rt-img6 .img a > img{
    width: 36.7vw;
}*/

#gf #gf-result.rt .gf-result-area .lineup-slider ul li .img span.img-obj {
  width: 11.7vw;
  bottom: 0;
  left: -3.1vw;
}

#gf #gf-result.rt .gf-result-area .lineup-slider ul li .btn a {
  background: #dc5656;
}

#gf #gf-result.rt .gf-result-area .lineup-slider ul li .bcs .bbg {
  border: 1px solid #dc5656;
}

#gf #gf-result.tokyo .gf-result-area .gf-result-block h1 {
  color: #ef4292;
}

#gf #gf-result.tokyo .gf-result-area .lineup-slider ul li .img span.img-obj {
  width: 10.4vw;
  bottom: -1.1vw;
  left: -2.3vw;
}

#gf #gf-result.tokyo .gf-result-area .lineup-slider ul li .btn a {
  background: #6164ad;
}

#gf #gf-result.tokyo .gf-result-area .lineup-slider ul li .bcs .bbg {
  border: 1px solid #6164ad;
}

#gf #gf-result.musk .gf-result-area .gf-result-block h1 {
  color: #977f5e;
}

#gf .musk .gf-result-fra-obj1 {
  width: 18.1vw;
}

#gf .musk .gf-result-fra-obj2 {
  width: 10.4vw;
}

/*#gf #gf-result .gf-result-area .lineup-slider ul li.mu-img2 .img a > img{
    margin-top: 0.8vw;
}

#gf #gf-result .gf-result-area .lineup-slider ul li.mu-img3 .img a > img{
    margin-top: 0.8vw;
}*/

/*#gf #gf-result .gf-result-area .lineup-slider ul li.mu-img5 .img a > img{
    width: 37.3vw;
}*/

#gf #gf-result.musk .gf-result-area .lineup-slider ul li .img span.img-obj {
  width: 6.9vw;
  bottom: 1.6vw;
  left: 0.4vw;
}

#gf #gf-result.musk .gf-result-area .lineup-slider ul li .btn a {
  background: #967f5d;
}

#gf #gf-result.musk .gf-result-area .lineup-slider ul li .bcs .bbg {
  border: 1px solid #967f5d;
}

#gf #gf-result .recommend {
  position: relative;
}

#gf #gf-result .recommend .recommend-frame {
  margin: 0 auto;
  padding: 14.1vw 0 0;
  position: relative;
}

#gf #gf-result .recommend .recommend-obj1 {
  width: 36.4vw;
  margin: 0;
  padding: 0;
  line-height: 0;
  position: absolute;
  top: -7.2vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
  z-index: 10;
}

#gf #gf-result .recommend .recommend-frame h2 {
  margin: 0;
  padding: 2.1vw 0 0;
  text-align: center;
  font-size: 3.2vw;
  color: #373235;
  line-height: 1;
  font-weight: 600;
}

#gf #gf-result .recommend .recommend-frame .en-title {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 9.3vw;
  color: #373235;
  line-height: 1;
  font-weight: 400;
}


#gf #gf-result .recommend .lineup-slider {
  margin: 8.7vw auto 0;
  padding: 0;
  width: 100%;
  position: relative;
}

#gf #gf-result .recommend .lineup-slider ul {
  margin: 0px auto;
  padding: 0px;
  text-align: center;
  font-size: 0;
  position: relative;
  width: 100%;
}

#gf #gf-result .recommend .lineup-slider ul li {
  display: inline-block;
  margin: 0px;
  padding: 0px 0px 2px;
  width: 100%;
  vertical-align: top;
  position: relative;
}

#gf #gf-result .recommend .lineup-slider ul li .text {
  margin: 0;
  padding: 0;
  font-size: 3.5vw;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: #a89968;
}

#gf #gf-result .recommend .lineup-slider ul li .text sup {
  font-size: 2.2vw;
  vertical-align: super;
}

#gf #gf-result .recommend .lineup-slider ul li .text-outer {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

#gf #gf-result .recommend .lineup-slider ul li .img {
  margin: 4vw 0 0;
  padding: 0px;
  text-align: center;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

#gf #gf-result .recommend .lineup-slider ul li .img span.cell {
  margin: 0px;
  padding: 0px;
  text-align: center;
  display: inline-block;
  position: relative;
}

#gf #gf-result .recommend .lineup-slider ul li .img a>img {
  display: inline;
  width: auto;
  height: 36.8vw;
  z-index: 20;
  position: relative;
}

#gf #gf-result .recommend .lineup-slider ul li .name-and-price {
  display: flex;
  justify-content: center;
  align-items: center;
}

#gf #gf-result .recommend .lineup-slider ul li h3 {
  margin: 0;
  padding: 3.2vw 0 0;
  font-size: 3.4vw;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: #3d3027;
}

#gf #gf-result .recommend .lineup-slider ul li .price {
  margin: 0px;
  padding: 0px;
  font-size: 3.4vw;
  line-height: 1.4;
  font-weight: 400;
  color: #3d3027;
}

#gf #gf-result .recommend .lineup-slider ul li .btn,
#gf #gf-result .recommend .lineup-slider ul li .bcs {
  margin: 0;
  padding: 4.8vw 0 0;
  text-align: center;
}

#gf #gf-result .recommend .lineup-slider ul li .btn a {
  margin: 0;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  position: relative;
  display: inline-block;
  background: #a89968;
  padding: 3.7vw 3.9vw;
  font-size: 3.2vw;
  line-height: 1;
  width: 41.2vw;
  box-sizing: border-box;
  cursor: pointer;
}

#gf #gf-result .recommend .lineup-slider ul li .btn a svg {
  margin: 0;
  padding: 0;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
  right: 2.8vw;
  font-size: 2.5vw;
}

#gf #gf-result .recommend .lineup-slider ul li .bcs .bbg {
  margin: 0px;
  text-align: center;
  text-decoration: none;
  position: relative;
  display: inline-block;
  background: #FFF;
  border: 1px solid #aea262;
  padding: 4vw 0;
  font-size: 3.2vw;
  line-height: 1;
  width: 41.2vw;
  box-sizing: border-box;
}

#gf #gf-result .recommend .lineup-slider ul li .notes {
  margin: 0 auto;
  padding: 2.7vw 0 0;
  text-align: left;
  font-size: 2.7vw;
  line-height: 1.4;
  color: #000000;
  width: 43vw;
}

#gf #gf-result .recommend .lineup-slider .slick-arrow {
  font-size: 0;
  cursor: pointer;
  outline: none;
  z-index: 50;

  position: absolute;
  width: 7.8vw;
  height: 7.8vw;
  display: block;
  top: 42.4vw;
  bottom: auto;
}

#gf #gf-result .recommend .lineup-slider .slick-prev {
  transition: unset;
  border-width: 0px;
  border-style: none;
  cursor: pointer;
  opacity: 1;
  left: 11.9vw;
  background-repeat: no-repeat;
  background-image: url(../../../images/sp/special_contents/Giftfinder/20240227/arrow_prev.svg);
  background-position: 0px 0px;
  background-size: 100% 100%;
}

#gf #gf-result .recommend .lineup-slider .slick-next {
  transition: unset;
  border-width: 0px;
  border-style: none;
  cursor: pointer;
  opacity: 1;
  right: 11.9vw;
  background-repeat: no-repeat;
  background-image: url(../../../images/sp/special_contents/Giftfinder/20240227/arrow_next.svg);
  background-position: 0px 0px;
  background-size: 100% 100%;
}

#gf #gf-result .recommend .lineup-slider .slick-prev:after {
  display: none;
}

#gf #gf-result .recommend .lineup-slider .slick-next:after {
  display: none;
}

#gf #gf-result .recommend .lineup-slider .slick-dots {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  font-size: 0;
  text-align: center;
  list-style: none;
  display: block;
  margin: 0px;
  padding: 0px;
}

#gf #gf-result .recommend .lineup-slider .slick-dots li {
  display: inline-block;
  margin: 0 6px;
  width: auto;
}

#gf #gf-result .recommend .lineup-slider .slick-dots li button {
  display: block;
  line-height: 0;
  width: 6px;
  height: 6px;
  background: #b1a196;
  border: 0;
  border-radius: 50%;
  color: transparent;
  cursor: pointer;
  font-size: 0;
  outline: none;
  padding: 0;
}

#gf #gf-result .recommend .lineup-slider .slick-dots .slick-active button,
#gf #gf-result .recommend .lineup-slider .slick-dots li button:hover {
  background: #46362a;
}

#gf #gf-result .recommend .lineup-slider .slick-dots>li>button::before {
  background-color: transparent;
}






#gf #gf-result .service-area .service-frame {
  margin: 0 auto;
  padding: 10.1vw 0 12.4vw;
  height: auto;
  box-sizing: border-box;
  position: relative;
}

#gf #gf-result .service-area .service-frame h2 {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 9.3vw;
  line-height: 1;
  font-weight: 400;
}

#gf #gf-result .service-area .service-frame .service-lead {
  margin: 0;
  padding: 2vw 0 0;
  text-align: center;
  font-size: 3.2vw;
  line-height: 1;
  font-weight: 400;
}

#gf .service-obj1 {
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
  position: absolute;
  top: -8.5vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
  z-index: 10;
  text-align: center;
}

#gf .service-obj1 img {
  height: 8.5vw;
  width: auto;
}

#gf .service-obj2 {
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
  position: absolute;
  bottom: -1.2vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
  z-index: 10;
  text-align: center;
}

#gf .service-obj2 img {
  height: 3.6vw;
  width: auto;
}


#gf #gf-result .gift-service {
  margin: 6.1vw auto 0;
  padding: 0;
  width: 100%;
  position: relative;
}

#gf #gf-result .gift-service ul {
  margin: 0px auto;
  padding: 0px;
  text-align: center;
  font-size: 0;
  position: relative;
  width: 100%;
}

#gf #gf-result .gift-service ul li {
  display: inline-block;
  margin: 0px;
  padding: 0px 0px 2px;
  width: 100%;
  vertical-align: top;
  position: relative;
}

#gf #gf-result .gift-service .slick-arrow {
  font-size: 0;
  cursor: pointer;
  outline: none;
  z-index: 50;

  position: absolute;
  width: 7.8vw;
  height: 7.8vw;
  display: block;
  top: 26vw;
}

#gf #gf-result .gift-service .slick-prev {
  transition: unset;
  border-width: 0px;
  border-style: none;
  cursor: pointer;
  opacity: 1;
  left: 1.8vw;
  background-repeat: no-repeat;
  background-image: url(../../../images/sp/special_contents/Giftfinder/20240227/arrow_prev.svg);
  background-position: 0px 0px;
  background-size: 100% 100%;
}

#gf #gf-result .gift-service .slick-next {
  transition: unset;
  border-width: 0px;
  border-style: none;
  cursor: pointer;
  opacity: 1;
  right: 1.8vw;
  background-repeat: no-repeat;
  background-image: url(../../../images/sp/special_contents/Giftfinder/20240227/arrow_next.svg);
  background-position: 0px 0px;
  background-size: 100% 100%;
}

#gf #gf-result .gift-service .slick-prev:after {
  display: none;
}

#gf #gf-result .gift-service .slick-next:after {
  display: none;
}


#gf #gf-result .service-area .service-block {
  margin: 0;
  padding: 0;
  width: 100%;
}

#gf #gf-result .service-area .service-block .service-img {
  width: 69.7vw;
  margin: 0px auto;
  padding: 1.2vw 0 0;
  text-align: center;
  position: relative;
}

#gf #gf-result .service-area .service-block .service-img-obj1 {
  bottom: -4.5vw;
  right: -6.1vw;
  width: 27.3vw;
  z-index: 5;
  position: absolute;
}

#gf #gf-result .service-area .service-block .service-img-obj2 {
  bottom: -3.7vw;
  left: -7.2vw;
  width: 21.3vw;
  z-index: 5;
  position: absolute;
}

#gf #gf-result .service-area .service-block .service-img-new {
  top: 0;
  right: -3.2vw;
  width: 20.5vw;
  z-index: 5;
  position: absolute;
}

#gf #gf-result .service-area .service-block .en {
  padding: 4vw 0 0;
  font-size: 6.7vw;
  line-height: 1;
  margin: 0;
  text-align: center;
  font-weight: 400;
  color: #7c6a26;
}

#gf #gf-result .service-area .service-block h3 {
  margin: 1.3vw 0 0;
  font-size: 4vw;
  padding: 0px;
  text-align: center;
  line-height: 1;
  font-weight: 600;
  color: #7c6a26;
}

#gf #gf-result .service-area .service-block h3 span.ib {
  padding: 0 4.9vw;
  text-align: center;
  margin: 0px;
  position: relative;
  display: inline-block;
}

#gf #gf-result .service-area .service-block h3 span.ib:before,
#gf #gf-result .service-area .service-block h3 span.ib:after {
  width: 3.7vw;
  height: 1px;

  background-color: #7c6a26;
  content: "";
  position: absolute;
  top: 45%;
  transform: translateY(-45%);
  -webkit- transform: translateY(-45%);
}

#gf #gf-result .service-area .service-block h3 span.ib:before {
  left: 0px;
}

#gf #gf-result .service-area .service-block h3 span.ib:after {
  right: 0px;
}

#gf #gf-result .service-area .service-block .service-text-h {
  padding: 2.3vw 0 0;
  display: flex;
  margin: 0;
  justify-content: center;
  align-items: center;
}

#gf #gf-result .service-area .service-block .service-text {
  font-size: 3.4vw;
  line-height: 1.4;
  letter-spacing: -0.05em;

  margin: 0;
  padding: 0px;
  font-weight: 400;
  color: #695715;
  text-align: center;
}

#gf #gf-result .service-area .service-block .service-text span {
  font-size: 3vw;
  display: block;
  padding: 2vw 0 0;
}

#gf #gf-result .service-area .service-block .btn {
  padding: 3.2vw 0 0;
  margin: 0px;
  text-align: center;
}

#gf #gf-result .service-area .service-block .btn a {
  padding: 4.1vw 4.7vw 4.1vw 0;
  font-size: 3.7vw;
  width: 41.3vw;

  margin: 0px;
  text-align: center;
  color: #FFF;
  line-height: 1;
  text-decoration: none;
  position: relative;
  display: inline-block;
  background: #a89968;
  cursor: pointer;
  box-sizing: border-box;
}

#gf #gf-result .service-area .service-block .btn a svg {
  right: 5.9vw;
  font-size: 2.4vw;

  margin: 0px;
  padding: 0px;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}

#gf #gf-result .line {
  background-image: url(../../../images/sp/special_contents/Giftfinder/20260219/bg_line.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin: 0;
  padding: 12vw 0 9.7vw;
  position: relative;
}

#gf #gf-result .line-frame {
  background-color: #fff;
  border-radius: 20px;
  margin: 0 auto;
  padding: 12vw 0 0;
  width: 84vw;
  height: 72vw;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
}

#gf #gf-result .line h2 {
  margin: 0;
  padding: 0;
  font-size: 5.3vw;
  line-height: 1.4;
  text-align: center;
  color: #3d3027;
}

#gf #gf-result .line .text {
  margin: 0;
  padding: 4vw 0 0;
  font-size: 3.6vw;
  line-height: 1.4;
  text-align: center;
  color: #3d3027;
}

#gf #gf-result .line .btn {
  margin: 0;
  padding: 4vw 0 0;
  text-align: center;
}

#gf #gf-result .line .btn a {
  margin: 0px;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  position: relative;
  display: inline-block;
  background: #00b900;
  box-sizing: border-box;
  font-weight: 600;

  padding: 6.2vw 0px 0px 14.4vw;
  font-size: 4.6vw;
  line-height: 1;
  width: 59.1vw;
  height: 17vw;
  border-radius: 0.4em;
}

#gf #gf-result .line .btn a:before {
  content: "";
  margin: 0px;
  padding: 0px;
  border-right: 1px solid #009e00;
  position: absolute;
  left: 0px;
  top: 0px;

  background: url(../../../images/sp/special_contents/HolidayCollection/20211014/icon_line.png?a=20211014) no-repeat center center;
  background-size: 11.3vw auto;
  image-rendering: -webkit-optimize-contrast;
  width: 15.3vw;
  height: 17vw;
}




#gf .sns {
  margin: 0;
  padding: 6vw 0 6vw;
}

#gf .sns .sns-frame {
  margin: 0 auto;
  padding: 6.7vw 0 0;
  width: 84vw;
  height: 28.7vw;
  background-image: url(../../../images/sp/special_contents/Giftfinder/20240227/frame_share.png);
  background-size: 100% 100%;
  position: relative;
}

#gf .sns h3 {
  margin: 0;
  padding: 0;
  font-size: 5.2vw;
  line-height: 1;
  color: #3d3027;
  text-align: center;
  font-weight: 600;
}

#gf .sns h3 span.rel {
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
}

#gf .sns h3 .sns-obj {
  width: 3.6vw;
  margin: 0;
  padding: 0;
  line-height: 0;
  position: absolute;
  top: -2vw;
  right: -4.5vw;
  z-index: 10;
}

#gf .social-btn {
  margin-top: 10px;
  text-align: center;
}

.fb-like>span {
  width: 162px !important;
}

.fb-like iframe {
  width: 162px !important;
}

/* ------------------------------
        The Collection
------------------------------ */
.collection-banner {
  position: relative;
}

.collection-banner__inner {
  padding: 5vw 0 14.6vw;
}

.banner-title__obj {
  width: 44.6vw;
  line-height: 1;
  margin: 1.3vw auto 0;
}

.collection-banner__title {
  font-size: 9vw;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}

.collection__banner {
  width: 83.6vw;
  margin: 4.8vw auto 0;
}


.obj {
  position: absolute;
}

.top__obj1 {
  width: 61.1vw;
  top: 0;
  left: 0;
  z-index: 100;
}

.top__obj2 {
  width: 43.2vw;
  top: 0;
  right: 0;
  z-index: 100;

}

.top__obj3 {
  width: 11.1vw;
  top: 20vw;
  left: 0;
  z-index: 100;

}

.top__obj4 {
  width: 14.6vw;
  top: 36vw;
  right: 2vw;
  z-index: 100;

}

.top__obj5 {
  width: 20.2vw;
  left: 0;
  top: 60vw;
  z-index: 100;

}

.main__obj {
  top: 0;
}

.main__obj--rev {
  transform: scale(-1, 1);
}

.obj--l {
  left: 0;
}

.obj--r {
  right: 0;
}

.dj__obj1 {
  width: 30.1vw;
  top: -9vw;
  left: -5vw;
}

.dj__obj2 {
  width: 24.9vw;
  top: -8vw;
  right: -5vw;
}

.plv__obj1 {
  width: 27.3vw;
  top: -13vw;
  left: -5vw;
}

.plv__obj2 {
  width: 25.1vw;
  top: -7vw;
  right: -5vw;
  z-index: 20;
}

.plv__obj3 {
  width: 4.8vw;
  top: 27px;
  right: -95px;
}

.rt__obj1 {
  width: 24.6vw;
  top: -7vw;
  left: -5vw;
}

.rt__obj2 {
  width: 24vw;
  top: -13vw;
  right: -5vw;
  z-index: 20;
}

.rt__obj3 {
  width: 4.8vw;
  top: 5vw;
  right: -5vw;
}

.gr__obj1 {
  width: 20vw;
  top: -6vw;
  left: -5vw;
}

.gr__obj2 {
  width: 23.6vw;
  top: -9vw;
  right: -5vw;
  z-index: 20;
}

.gr__obj3 {
  width: 4.9vw;
  top: 7vw;
  right: -5vw;
}

.tokyo__obj1 {
  width: 21.4vw;
  top: -6.7vw;
  left: -5vw;
}

.tokyo__obj2 {
  width: 22.7vw;
  top: -6.7vw;
  right: -5vw;
}

.tokyo__obj3 {
  width: 8.4vw;
  top: 10.3vw;
  left: 9vw;
}

.tokyo__obj4 {
  width: 4.9vw;
  top: 8.3vw;
  right: -5vw;
}

.wt__obj1 {
  width: 24.4vw;
  top: -10vw;
  left: -5vw;
}

.wt__obj2 {
  width: 29vw;
  top: -22vw;
  right: -5vw;
}

.common__line {
  width: 93.7vw;
  line-height: 1;
  margin: 0 auto;
}

.reco__obj--l {
  width: 31.8vw;
  top: -11vw;
}

.reco__obj--r {
  width: 18.4vw;
  top: -4vw;
}

#gf #gf-result .gf-result-area .lineup-slider ul li.dj-img3 .img a>img,
#gf #gf-result .gf-result-area .lineup-slider ul li.dj-img6 .img a>img,
#gf #gf-result .gf-result-area .lineup-slider ul li.gr-img4 .img a>img,
#gf #gf-result .gf-result-area .lineup-slider ul li.gr-img5 .img a>img,
#gf #gf-result .gf-result-area .lineup-slider ul li.gr-img6 .img a>img,
#gf #gf-result .gf-result-area .lineup-slider ul li.plv-img5 .img a>img,
#gf #gf-result .gf-result-area .lineup-slider ul li.wt-img5 .img a>img {
  width: auto;
  height: 36.8vw;
}

.top-inner {
  position: relative;
}

/* .top-inner::before {
  content: "";
  width: 100%;
  height: 2.4vw;
  background-image: url(../../../images/sp/special_contents/Giftfinder/20260219/line_top.png);
  background-repeat: repeat-x;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
} */

#gf.is-question .top__obj1,
#gf.is-question .top__obj2,
#gf.is-question .top__obj3,
#gf.is-question .top__obj4,
#gf.is-question .top__obj5 {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none;
}

/* 質問ページ */
.qblock__title {
  width: 46.8vw;
  margin: 0 auto;
}

.qblock__num {
  margin: 2.5vw auto 0;
}

.qblock__num--1 {
  width: 8.9vw;
}

.qblock__obj4,
.qblock__obj5 {
  opacity: 0;
  transform: translateY(16px);
  visibility: hidden;
  transition:
    opacity .6s ease,
    transform .6s ease;
}

.qblock__obj4 {
  width: 16.8vw;
  top: 15vw;
  right: 2vw;
  z-index: 10000;
}

.qblock__obj5 {
  width: 24.8vw;
  top: 26vw;
  left: 0;
  z-index: 10000;
}

#gf.is-question .qblock__obj4,
#gf.is-question .qblock__obj5 {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

#gf:not(.is-question) #gf-q {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

#gf .docSlider {
  height: 110vw;
}

#gf.is-question .docSlider {
  height: 145vw;
}

.back__btn {
  width: 54vw;
  margin: 8vw auto 0;
}
.back__btn a {
  width: 100%;
  display: block;
  margin: 0;
  text-align: center;
  color: #fff;
  font-size: 4vw;
  line-height: 1;
  text-decoration: none;
  position: relative;
  display: inline-block;
  background-image: url(../../../images/sp/special_contents/Giftfinder/20260219/btn_back.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 3.7vw 0;
  letter-spacing: -0.05em;
}