@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に残っているスタイル */

/* 運命の結婚相手20221026 */
  .partner-area{
    background: #FFE0DD;
  }
  .marriage-partner{
    display: flex;
    align-items: center;
  }
  .marriage-partner p{
    padding-top: 20px;
    padding-left: 20px;
    font-family: rocknroll-one, sans-serif;
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;    
  }
  .marriage-partner p span{
    background: linear-gradient(transparent 10%, #f69588 10%);
    font-size: 20px;
  }
  .marriage-partner img{
    width: 35%;
    margin-right: 0px;
  }
  
  .f-example1,
  .f-example2{
    background: #FFFFFF;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin: auto 20px 28px 20px;
  }
  
  .f-example1{
    border: 0.8px solid #EB7666;
    box-shadow: 4px 4px 0px rgba(235, 118, 102, 0.75);
  }
  
  .f-example2{
    border: 0.8px solid #3678A5;
    box-shadow: 4px 4px 0px rgba(54, 120, 165, 0.75);
  }
  
  .ex-parts{
    display: flex;
    margin: 12px auto 12px -28px;
  }
  .f-example1 img{
    width: 35%;
    margin-right: 26%;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 54px;
  }
  .f-example2 img{
    width: 35%;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 22px;
  }
  .f-fukidashi{
    width: 96px;
    margin-bottom: -32px;
  }
  .ex-head{
    background: #EB7666;
    border-radius: 11px;
    font-family: 'Noto Sans JP', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    padding: 2px 8px;
    width: 45px;
    height: 22px;
    margin-right: 12px;
  }
  .ex-parts p span{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #2D2D2D;
    background: linear-gradient(transparent 60%, #fbcac3 60%);
  }
  .ex-area{
    margin-top: 20px;
    padding: 18px 20px 21px 0px;
  }
  .f-example2 p span{
    background: linear-gradient(transparent 60%, #b9d4e6 60%);
  }
  .marrige-btm{
    background: #FFE0DD;
  }
  .marrige-btm p{
    font-family: rocknroll-one, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #2D2D2D;
  }
  
  .marrige-btm p span{
    color: #EB7666;
    font-size: 24px;
  }
  .not-partner{
    color: #3678A5 !important;
    font-size: 24px;
  }
  .no-marrige{
    background: #DDF0FC;
  }
/* 運命の結婚相手20221026 */

/* ベタ書きCSS移植20221026 */
  .row {
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
  }
.register {
  z-index: 1;
  position: relative;
  width: 200px;
  margin:32px auto;
  text-align:center;
}
.register__btn {
  display: block;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, .5);
  border-radius: 4px;
}
.register__login {
  font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: #000000;
  display: block;
  margin-top: 10px;
  position: absolute;
  top: 95%;
  left: 20%;
}
.register02 {
  z-index: 1;
  position: relative;
  width: 210px;
  margin:32px auto;
  text-align:center;
}
.register02__btn {
  display: block;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, .5);
  border-radius: 4px;
}
.register02__login {
  color: #333;
  text-decoration: underline;
  display: block;
  text-align: center;
  margin: 12px 0;
}

.cs10 {
    color: #FFF;
    background: #C40E00;
}
  
.reg {
    margin: 8px 0;
    padding: 16px 0;
    font-size: 22px;
    line-height: 20px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, .5);
}

.block01,.block02,.block03,.block04,.register__login {
  display: block;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: absolute;
  left: 20%;
}
  
.block01{
  top: 85%;
}
  
.block02 {
  top: 91%;
}  
  
.block03{
  top: 93%;
}
  
.block04 {
  top: 82%;
}  

.text-caption01 {
    text-align: center;
    color: #310E00;
    font-size: 18px;
    font-weight : bold;
}
  
.text-caption02 {
    text-align: center;
    color: #139800;
    font-size: 26px;
    font-weight : bold;
/*	text-shadow: 1px 1px 0px #ffffff,2px 2px 0px #616161;*/
}
  
.text-caption03 {
    text-align: center;
    color: #310E00;
    font-size: 18px;
    font-weight : bold;
}  

.text-caption04 {
    text-align: center;
    color: #310E00;
    font-size: 16px;
    font-weight : bold;
} 

  .text-caption05 {
    text-align: center;
    color: #0000F5;
    font-size: 20px;
    font-weight : bold;
} 
  .text-caption06 {
    text-align: center;
    color: #C40E00;
    font-size: 20px;
    font-weight : bold;
}   
  
.base01 {
    margin-bottom : 10px;
}

.base02 {
    padding : 20px 0px;
}

.base03 {
    padding : 0px 10px;
}
  
.bk01 {
    background-color: #FCC81C;
}

.bk02 {
    background-color: #F0E0C0;
} 

.bk03 {
    background-image: url("..<CTAG mode="static_server">/image/motif/ftop/first/04-02.sp.480.png");
} 
  
.bk04 {
    background-color: #FCC81C;
    margin: 12px 12px;    
}
  
p{
  margin: 0 0 0px;
  text-align: center;
}

/*2019/02/08*/
.container, .container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}




  .antano-koto-area{
    background: #F9E88F;
  }
  .antano-koto-head{
    display: flex;
    margin-top: 20px;
  }
  .antano-koto-head img{
    width: 13px;
  }
  .antano-koto-head p{
    font-family: 'Noto Sans JP', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    color: #000000;
  }
  .antano-koto-desc{
    border: 0.8px solid #EB7666;
    border-radius: 4px;
    background: #fff;
    margin: 20px 31px 33px 27px;
    padding: 24px 31px;
  }
  .antano-koto-desc p{
    font-family: 'Noto Sans JP', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #2D2D2D;
    text-align: left;
  }
  
  .antano-koto-desc p span{
    background: #f9e88f9e; 
  }



  .super-visor{
    background: #FFF1A6;
    padding: 50px 20px;
  }
  .super-visor-head{
    font-family: 'Noto Sans JP', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 38px;
    letter-spacing: 0.16em;
    text-decoration: underline;
    margin-bottom: 30px;
    text-underline-offset: 15px;
  }

  .super-visor-head span{
    color: #EB7666;
  }
  .js-trunclate{
    font-family: 'Noto Sans JP', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #2D2D2D;
    text-align: left;
  }
  .visor-name{
    font-family: rocknroll-one, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    color: #4E8466;
    text-align: left;
  }
  .read-more::after {
    vertical-align: middle;
    padding-right: 5px;
    content: url(../image/ftop_new_supervisor_arrow.sp.480.png);
  }
  .read-more{
    display: block;
  }
/* ベタ書きCSS移植20221026 */

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