@charset "UTF-8";


/* ============================================ 
f/top 用
/* ============================================ */

.ex_text{
  font-size: 14px;
  line-height: 24px;
}

.ftop_sv_comment{
  position: relative;  
  text-align: center;
  display: inline-block; 
  margin: auto;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  padding: 0 10px;
  font-family: 'Noto Serif JP', serif !important;
}

.ftop_sv_comment::before{
  position: absolute;
  left: -12px;
  bottom: 5px;
  content: '';
  display: inline-block;
  background: url(https://s5znc7dlw3.user-space.cdn.idcfcloud.net/image/icon/dots_point_left.sp.480.png);  
  width: 23px;
  height: 26px;  
  background-size: contain;
  vertical-align: middle;
}

.ftop_sv_comment::after{
  position: absolute;
  right:-12px;
  bottom: 5px;
  content: '';
  display: inline-block;
  background: url(https://s5znc7dlw3.user-space.cdn.idcfcloud.net/image/icon/dots_point_right.sp.480.png);  
  width: 23px;
  height: 26px; 
  background-size: contain;
  vertical-align: middle;
}

.number-frame{
  text-align: center;
  margin-bottom: 26px;
}

.number-latter-frame{
  text-align: center;
  margin-bottom: 16px;
}

.number,.number-latter{
  font-family: Oswald, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 53px;
  text-align: center;
  /*  text-decoration:underline;*/
}

.number{
  color: #1D1D1D;
  /*  text-decoration-color:#1D1D1D;*/
  font-size: 36px;
}

.number-latter{
  color:#E5DFC7;
  /*  text-decoration-color: #E5DFC7;*/
  font-size: 30px;
}

.today-fortune, .biorhythm, .onayami, .kanshu{
  font-family: DNP ShueiMGoStd, sans-serif;
  font-size: 20px !important;
  text-align: center;
  font-weight: bold;
  line-height: 28px;
}

.other{
  font-family: DNP ShueiMGoStd, sans-serif;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  line-height: 30px;
}

.kanshu{
  letter-spacing: 0em;
}

.main-head{
  font-family: Zen Maru Gothic, serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 24px;
  display: block;
  align-items: center;
  text-align: center;
  color: #1D1D1D;
  margin-bottom: 4px;
}

.sub-head{
  font-family: Oswald, sans-serif;
  display: block;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 27px;
  align-items: center;
  text-align: center;
  font-feature-settings: 'swsh' on;
  color: #1D1D1D;
  margin-bottom:16px;
}

.discription{
  width: 100%;
  display: flex;
  justify-content: center;
  line-height: 24px;
  text-align: center;
  font-family: Source Han Sans JP, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}

.login-btn{
  margin-left: 53%;
  margin-top: -1%;
  position: relative;
  margin-bottom: 5px;
}

.login-btn-img{
  width:52%;
  /*  width:30%;
  margin-left: 13%;
  margin-top: 13%;*/
  margin-left: 3%;
  margin-top: 2%;
}

.login-btn a{
  display: flex;
  align-items: flex-start;
}

.fortune-main{
  margin-left: 8%;
}

.fortune-heart{
  margin-left: -13%;
  margin-top: 13%;
  width: 20% !important;
}

.login-heart{
  margin-left: 34% !important;
  margin-top: 28% !important;
  width: 32% !important;
  position: absolute;
}

.fortune-btn{
  position: relative;
  text-align: center;
}
.fortune-btn-top{
  position: relative;
  text-align: center;
  margin-top: -11%;
  margin-left: -6%;
  width: 86%;
}

.fortune-btn-top img{
  width: 33.62%;
}

.fortune-btn-top a{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}

.fortune-btn a{
  display: flex;
  align-items: center;
  justify-content: center;      
}

.fortune-btn img{
  width: 34%;
}

.fortune-btn-last img{
  width: 26%;
}

.timeline-current{
  width: 9%;
  margin-bottom: -46%;
  position: sticky;
  margin-left: -4%;
}

.wide-arrow{
  margin: 0 auto;
  text-align: center;
}

.tip-img-r{
  width: 40%;
  margin: -24% 0% 0 60%;
}

.tip-img-l{
  width: 40%; 
  margin-top: -24%;
}
.onayami-info{
  position: relative;
}

.encounter{
  width:45%;
  position: absolute;
  top: 10%;
  left: 0;
}
.marrige{
  width:45%;
  position: absolute;      
  right: 0;
  top: 27%;
}

.calling{
  width:45%;
  position: absolute;      
  left: 5%;
  top: 49%;
}

.example{
  font-family: Source Han Sans JP, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 24px;
  text-align: right;
  color: #1D1D1D;
  margin-right: 24px;
}

.today-sample-frame{
  position: relative;
}

.today-heart{
  margin: 0 auto -5% auto;
  text-align: center;
  width: 15%;
  position: sticky;
}

.onayami-fortune{
  margin-top: -19%;
}

.last-message{
  background:url(https://s5znc7dlw3.user-space.cdn.idcfcloud.net/image/ftop/bg_bottom.sp.480.png);
  background-size: cover;
  text-align: center;
}

.kanshu-frame{
  margin-top: 15%
}

.last-fortune{
  padding-bottom: 80px;
}

/* f/topに残っているスタイル */
/*1.フェードインアニメーションの指定*/
.scrollanime {opacity: 0;} /*一瞬表示されるのを防ぐ*/

.fadeInDown {
  animation-name: fadeInDown;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;         
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}

/*占うボタン スクロールアニメーション*/
.heart_btn_noir-test{
  position: relative;
  width: 64%;
  margin: auto;
}

.heart_btn_noir-test a {
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  color: #ffffff;
  background: #1D1D1D;
  box-shadow: 3px 3px 0px #ffffff, 4px 4px 0px #1d1d1d;
}

.heart-left{
  position: absolute;
  left: -17px;
  top: 5px;
  content: '';
  display: inline-block;
  background: url(https://s5znc7dlw3.user-space.cdn.idcfcloud.net/image/icon/btn_noir_left.sp.480.png);
  width: 23px;
  height: 27px;
  background-size: contain;
  vertical-align: middle;
}

.heart-right{
  position: absolute;
  right: -20px;
  top: -15px;
  content: '';
  display: inline-block;
  background: url(https://s5znc7dlw3.user-space.cdn.idcfcloud.net/image/icon/btn_noir_right.sp.480.png);
  width: 40px;
  height: 42px;
  background-size: contain;
  vertical-align: middle;
}
/*占うボタン スクロールアニメーション*/

/* アンダーライン */
.number,
.number-latter{
  position: relative;
  z-index: 1;
}
.number:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 4px;
  background: #1D1D1D;
  z-index: -1;
  transition: all 0.8s;
  animation-delay: 6s;
}

.number-latter:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 4px;
  background: #E5DFC7;
  z-index: -1;
  transition: all 0.8s;
}    

.number.isActive:after {
  width: 100%;
}
.number-latter.isActive:after {
  width: 100%;
}

@-webkit-keyframes animation { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.4% { -webkit-transform: matrix3d(1.407, 0, 0, 0, 0, 1.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.407, 0, 0, 0, 0, 1.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.81% { -webkit-transform: matrix3d(1.893, 0, 0, 0, 0, 1.893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.893, 0, 0, 0, 0, 1.893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10.21% { -webkit-transform: matrix3d(2.226, 0, 0, 0, 0, 2.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.226, 0, 0, 0, 0, 2.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.61% { -webkit-transform: matrix3d(2.332, 0, 0, 0, 0, 2.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.332, 0, 0, 0, 0, 2.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.52% { -webkit-transform: matrix3d(2.239, 0, 0, 0, 0, 2.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.239, 0, 0, 0, 0, 2.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  21.32% { -webkit-transform: matrix3d(2.069, 0, 0, 0, 0, 2.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.069, 0, 0, 0, 0, 2.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25.23% { -webkit-transform: matrix3d(1.938, 0, 0, 0, 0, 1.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.938, 0, 0, 0, 0, 1.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.03% { -webkit-transform: matrix3d(1.897, 0, 0, 0, 0, 1.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.897, 0, 0, 0, 0, 1.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.74% { -webkit-transform: matrix3d(1.979, 0, 0, 0, 0, 1.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.979, 0, 0, 0, 0, 1.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  44.44% { -webkit-transform: matrix3d(2.032, 0, 0, 0, 0, 2.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.032, 0, 0, 0, 0, 2.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  59.86% { -webkit-transform: matrix3d(1.99, 0, 0, 0, 0, 1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.99, 0, 0, 0, 0, 1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  75.28% { -webkit-transform: matrix3d(2.003, 0, 0, 0, 0, 2.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.003, 0, 0, 0, 0, 2.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90.69% { -webkit-transform: matrix3d(1.999, 0, 0, 0, 0, 1.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.999, 0, 0, 0, 0, 1.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

@keyframes animation { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.4% { -webkit-transform: matrix3d(1.407, 0, 0, 0, 0, 1.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.407, 0, 0, 0, 0, 1.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.81% { -webkit-transform: matrix3d(1.893, 0, 0, 0, 0, 1.893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.893, 0, 0, 0, 0, 1.893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10.21% { -webkit-transform: matrix3d(2.226, 0, 0, 0, 0, 2.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.226, 0, 0, 0, 0, 2.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.61% { -webkit-transform: matrix3d(2.332, 0, 0, 0, 0, 2.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.332, 0, 0, 0, 0, 2.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.52% { -webkit-transform: matrix3d(2.239, 0, 0, 0, 0, 2.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.239, 0, 0, 0, 0, 2.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  21.32% { -webkit-transform: matrix3d(2.069, 0, 0, 0, 0, 2.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.069, 0, 0, 0, 0, 2.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25.23% { -webkit-transform: matrix3d(1.938, 0, 0, 0, 0, 1.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.938, 0, 0, 0, 0, 1.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.03% { -webkit-transform: matrix3d(1.897, 0, 0, 0, 0, 1.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.897, 0, 0, 0, 0, 1.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.74% { -webkit-transform: matrix3d(1.979, 0, 0, 0, 0, 1.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.979, 0, 0, 0, 0, 1.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  44.44% { -webkit-transform: matrix3d(2.032, 0, 0, 0, 0, 2.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.032, 0, 0, 0, 0, 2.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  59.86% { -webkit-transform: matrix3d(1.99, 0, 0, 0, 0, 1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.99, 0, 0, 0, 0, 1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  75.28% { -webkit-transform: matrix3d(2.003, 0, 0, 0, 0, 2.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.003, 0, 0, 0, 0, 2.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90.69% { -webkit-transform: matrix3d(1.999, 0, 0, 0, 0, 1.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.999, 0, 0, 0, 0, 1.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

.effect-fade1 {
  animation: popup 1s cubic-bezier(0.22, 1, 0.36, 1) 1s 1 forwards;
  opacity: 0;
}

.effect-fade2 {
  animation: popup 1.5s cubic-bezier(0.22, 1, 0.36, 1) 1.5s 1 forwards;
  opacity: 0;
}

.effect-fade3 {
  animation: popup 2s cubic-bezier(0.22, 1, 0.36, 1) 2s 1 forwards;     
  opacity: 0;
}

.effect-fade4 {
  animation: popup 2.5s cubic-bezier(0.22, 1, 0.36, 1) 2.5s 1 forwards;     
  opacity: 0;
}

.seven-tip{
  margin-right: -24px;
  margin-left: -24px;
}

@keyframes popup {
  0% {
    transform: translateY(40px) scale(0.8);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scale(1.0);
  }
  80%, 100% {
    opacity: 1;
  }
}    

/* アンダーラインを中央から外へ表示 */
.under-line::after {
  left: 50%;
  transform: translateX(-50%);
}

.fortune-heart-top {
  margin-top: 13%;
  margin-left: -13%;
  width: 20% !important;
}

/* f/topに残っているスタイル */

/*20221221 f/top改修*/
.cm-footer {
  display: block;
  width: initial;
  height: initial;
  font-size: 14px;
  line-height: 20px;
}
.cm-footer .cm-footer-help-link-group.cm-white {
  border-top: 1px solid #ececec;
}
.cm-footer .cm-white {
  background: #fff;
}
.cm-footer, .cm-footer *, .cm-footer *::before, *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  list-style-type: none;
  text-align: left;
  width: auto;
  height: auto;
  max-height: initial;
  max-width: initial;
  overflow: auto;
  line-height: initial;
  font-size: 14px;
}

.ftop-bg{
  position: relative;
}

.first-txt{
  position: absolute;
  font-family: Zen Maru Gothic, serif;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.8;
  letter-spacing: -1.4px;
  text-align: right;
  color: #1d1d1d;
  top: 2%;
  right: 1.5%;   
}

.first-txt p{
  font-size: 20px;
  letter-spacing: -0.96px;
}

.first-txt2{
  line-height: 1.3;
  font-size: 24px !important;
}

.first-txt3{
  font-size: 24px !important;
  line-height: 32px;
}

.second-txt{ 
  position: absolute;
  font-family: Zen Maru Gothic, serif;
  font-size: clamp(0.813rem, 0.517rem + 1.48vw, 1.625rem);
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.46;
  letter-spacing: -0.96px;
  text-align: left;
  color: #1d1d1d;
  top: 33%;
  left: 6%;
}

.total_aisho_area {
  background: #F5F2E9;
  padding-bottom: 25px;
  width: 70%;
  margin: 35px auto 35px auto;
}

.total_aisho_area p{
  font-family: 'Source Han Sans JP', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #1D1D1D;
}

.aisho_heart img {
  margin-top: 16px;
  width: auto !important;
}


.mtop-countdown-tab{
  display: flex;
  text-align: center;
  justify-content: center;
  padding-top: 10px
}
.mtop-countdown-tab li .active{
  background-repeat: no-repeat;
}

.mtop-countdown-tab li{
  background-repeat: no-repeat;
  margin-right: 11px;
  margin-left: 11px;  
}  

.tabContents {
  display: none;
  margin-bottom: 41px;
}
.tabContents.active {
  display: block;
}

a.love-menu,
a.job-menu{
  font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 19px;
  align-items: center;
  text-align: center;
  color: #D1D1D1;
  background: url(/image/202208/mtop/cd.sp.480.png);
  display: block;
  background-repeat: no-repeat;
  width: 74px;
  background-position: bottom;
  line-height: 24px;
  margin: auto;
  background-size: contain;
  margin-top: 2px;
}

.active .love-menu{
  color: #1D1D1D;
  font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 19px;
  align-items: center;
  text-align: center;
  display: block;
  background-repeat: no-repeat;
  width: 74px;
  background-position: bottom;
  line-height: 30px;
  margin: auto;
}

.active .love-menu{
  background: url(/image/202208/mtop/cd_love_active.sp.480.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}  


.active .job-menu{
  background: url(/image/202208/mtop/cd_job_active.sp.480.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}

.tab-content-main{
  display: flex;
  margin-top: 20px;
  justify-content: center;
  position: relative;
}

.active h4{
  font-family: 'Zen Maru Gothic', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  color: #1D1D1D;
}

.happy-date,
.happy-date-end{
  font-family: 'Oswald', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  align-items: center;
  text-align: center;
  color: #1D1D1D;
}

.love-number-days{
  padding: 8px 20px;
  width: 117px;
  height: 42px;
  margin: auto;
  padding: 8px 20px;
}

.love-number-days{
  background: #F6DED4;
}

.love-number-days p{
  font-family: Oswald, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  align-items: center;
  text-align: center;
  color: #1D1D1D;
}

.love-number-days span{
  font-family: Oswald, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  color: #1D1D1D;
}

.love-happy-day{
  width: 166px;
  height: 42px;
  padding: 8px 20px;
  margin: auto;
}

.love-happy-day{
  background: #EF9F8D;  
}

.job-happy-day{
  background: #EBDAA8;  
}

.love-happy-day p,
.job-happy-day p{
  font-family: 'Source Han Sans JP', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  align-items: center;
  text-align: center;
  color: #1D1D1D;
}

.coming-soon{
  font-family: 'Source Han Sans JP', sans-serif;
  font-style: normal;
  font-weight: 350;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #1D1D1D;
  margin: 8px auto 20px auto;
}

.cd-text{
  text-align: center;font-family: 'Source Han Sans JP', sans-serif;
  font-style: normal;
  font-weight: 350;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #1D1D1D;
}

.happy-catch{
  display: flex;
  align-items: center;
  margin-bottom: 14px;
  justify-content: center;
}

.happy-catch p{
  font-family: 'Source Han Sans JP', sans-serif;
  font-style: normal;
  font-weight: 350;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #1D1D1D;
}

.happy-catch img{
  width: 29px;
}

.happy-catch-lovetxt,
.happy-catch-jobtxt{
  margin: auto;
  padding-top: 12px;
  padding-bottom: 12px;
}

.happy-catch-lovetxt{
  background: #F6DED4;
}

.happy-catch-jobtxt{
  background: #F5F2E9;
}

.happy-catch-lovetxt li,
.happy-catch-jobtxt li{
  padding-left: 16px;
  font-family: 'Source Han Sans JP', sans-serif;
  font-style: normal;
  font-weight: 350;
  font-size: 14px;
  line-height: 20px;
  color: #1D1D1D;
}

.love-comming-soon{
  font-family: 'Oswald', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  align-items: center;
  text-align: center;
  color: #1D1D1D;
  width: 123px;
  margin: 20px auto;
  height: 42px;
  padding: 8px 20px;
}

.love-comming-soon{
  background: #F6DED4;
}

.unki-head:after{
  position: absolute;
  content: "";
  top: 40%;
  width: 8px;
  height: 8px;
  border-right: 1px solid #1D1D1D;
  border-bottom: 1px solid #1D1D1D;
  -webkit-transform: rotate( -45deg);
}

.ftop-cnt-down{
  background: #F5F2E9;
  padding-top: 1px;
  padding-bottom: 1px;
}

.cnt-down-inner{
  margin: 15px;
  position: relative;
  background: #FFF;
}

.cnt-kissmark{
  width: 20%;
  position: absolute;
  bottom: 8%;
  right: 4%;
}

@media screen and (max-width: 429px){
  .first-txt{
    line-height: 0.9;
    font-size: 12px;
  }
  .first-txt p{
    font-size: 12px;
  }
  .first-txt2 {
    line-height: 2;
    font-size: 14px !important;
  }
  .first-txt3 {
    font-size: 14px !important;
    line-height: 8px;
  }
}
/*20221221 f/top改修*/

@media screen and (max-width: 429px){
  .fortune-btn-top {
    margin-top: -12%;    
  }
  .login-btn{
    margin-top: -6%;
  }
}