@charset "UTF-8";
/* CSS Document 2022*/

@media screen and (max-width: 1018px){
  .menu>li > a{
    font-size: .9em;
    padding: 0 .5em;
  }
}
/*tablet*/
@media screen and (max-width: 769px){
  
  .head_logo{
    width: 50%;
  }
  
  .slide01{
    font-size: 2.44em;
  }
  .slick-slide img{
    max-width: 95%;
    margin: 0 auto;
  }
  
  .sec-holo-list>* .holo-icn:after{
    content: none;
  }
  .sec-holo-list>* .holo-icn span{
    position: relative;
  }
  
  /*type*/
  .type-rank-cat p.thumb{
    width: 26%;
  }
  .type-rank-cat .cmnt{
    width: 74%;
  }
  .type-lanking.method .type-rank-box{
    max-width: 100%;
  }
	ul.rank-list > li.article_feel{
		border-radius: 0;
	}
	
}
/*smartphon*/
@media screen and (max-width: 768px) {
  
  body{
    font-size: 2.4vw;
  }
  
  img{
    width: 100%;
  }
  
  header .inner{
    padding-left: 2.5vw;
  }
  header.fixed.bgchange{
    opacity: 0;
  }
  .head_logo{
    width: 93%;
  }
  .head_logo a{
    -ms-align-items: flex-end;
    align-items: flex-end;
  }
  .head_logo .logo{
    width: 8%;
  }
  .head_logo .txt{
    width: 100%;
    /*transform: translateX(-13%);*/
    font-size: .7em;
    /*line-height: 1.8;*/
  }
  .head_logo .txt br.pcView{
    display: none!important;
  }
  .head_logo .txt span.noto{
    /*padding-left: 12%;*/
    font-size: 2.44em;
  }
  
/*header/nav  
===============================================================*/
  
  #fix_btn{
    display: block;
    width: 50px;
    height: 50px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
    background: rgba(255,255,255,.5);
  }
  #sp-menu{
  display: block;
    background: #7c002f;
    width: 32px;
    height: 2px;
    padding: 0;
    margin: 0;
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    box-sizing: border-box;
  }
  #sp-menu::before
  ,#sp-menu::after{
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 32px;
    height: 2px;
    background: #7c002f;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }
  #sp-menu::before{
    top: -10px;
  }
  #sp-menu::after{
    top: 10px;
  }
  #sp-menu.open{
    height: 0;
  }
  #sp-menu.open::before{
    top: 0;
    transform: rotate(45deg);
  }
  #sp-menu.open::after{
    top: 0;
    transform: rotate(-45deg);
  }
  
  
  .screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }
  #sp-menu-block{
    width: 100vw;
    height: 100vh;
    position: fixed;
    right: -100%;
    top: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 15;
    background: rgba(255,255,255,.5);
    padding:60px 15px 140px;
    overflow-y: scroll;
  }
  #sp-menu-block.slide{
    right: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }
  #sp-menu-block-inner > ul > li{
    border-bottom: 1px solid #7c002f;
  }
  #sp-menu-block-inner > ul > li + li{
    
  }
  #sp-menu-block-inner > ul > li > a
  ,#sp-menu-block-inner > ul > li > p{
    font-weight: 600;
    font-size: 1.125em;
    padding: 1em 1em 1em 0;
    display: block;
  }
  #sp-menu-block-inner > ul > li > p{
    padding-bottom: .5em;
  }
  #sp-menu-block-inner > ul > li > a::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: .25em;
    width: 5px;
    height: 5px;
    border: 2px solid;
    border-color: #7b0430 #7b0430 transparent transparent;
    border-radius: 2px;
    transform: translateY(-50%) rotate(45deg);
  }
  
  #sp-menu-block-inner > ul > li.drop > a{
    pointer-events: none;
  }#sp-menu-block-inner > ul > li.drop > a::after{
    content: none;
  }
  li.drop:hover ul.child
  ,header.fixed li.drop:hover ul.child {
  top: auto;
}
  
  li.drop ul.child{
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    top: 0;
    visibility: visible;
    opacity: 1;
    background: none;
    color: inherit;
    margin-top: 10px;
  }
  ul.child li{
    width: 32%;
    border: 1px solid;
    border-radius: 20px;
    margin-bottom: 10px;
    overflow: hidden;
  }
  ul.child li::before{
    content: "";
    width: 0;
    height: 0;
    padding-top: 100%;
    display: block;
  }
    
  ul.child li a
  ,ul.child li a:hover{
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: .65em;
    padding: 10px 5px;
    letter-spacing: -.05em;
    background-position: center 70%;
    background-size: auto 60%;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,.8);
  }
  ul.child li.cat-item-3 a{
    background-image: url("../images/common/horo/aries.png")
  }
  ul.child li.cat-item-4 a{
    background-image: url("../images/common/horo/taurus.png")
  }
  ul.child li.cat-item-5 a{
    background-image: url("../images/common/horo/gemini.png")
  }
  ul.child li.cat-item-6 a{
    background-image: url("../images/common/horo/cancer.png")
  }
  ul.child li.cat-item-7 a{
    background-image: url("../images/common/horo/leo.png")
  }
  ul.child li.cat-item-8 a{
    background-image: url("../images/common/horo/virgo.png")
  }
  ul.child li.cat-item-9 a{
    background-image: url("../images/common/horo/libra.png")
  }
  ul.child li.cat-item-10 a{
    background-image: url("../images/common/horo/scorpio.png")
  }
  ul.child li.cat-item-11 a{
    background-image: url("../images/common/horo/sagittarius.png")
  }
  ul.child li.cat-item-12 a{
    background-image: url("../images/common/horo/capricorn.png")
  }
  ul.child li.cat-item-13 a{
    background-image: url("../images/common/horo/aquarius.png")
  }
  ul.child li.cat-item-14 a{
    background-image: url("../images/common/horo/pisces.png")
  }
  ul.type{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: .5em;
  }
  ul.type li{
    width: 50%;
  }
  ul.type.c3 li{
    width: 33.3%;
  }
  ul.type li a{
    display: block;
    padding:.65em .25em .5em 1em;
    font-weight: 600;
    font-size: .92em;
  }
  ul.type li a::before{
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border: 1px solid;
    border-color: #7b0430 #7b0430 transparent transparent;
    border-radius: 2px;
    transform: translateY(-50%) rotate(45deg);
    position: absolute;
    top: 50%;
    left: 0;
  }
  
  .sp_nav_bg{
    position: fixed;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(241,228,233,.9);
    -webkit-transition: all .3s;
    -o-transition:  all .3s;
    transition:  all .3s;
    z-index: 10;
  }
  .sp_nav_bg.openbk{
    left: 0;
  }
  
  header{
    padding: 5px 0;
  }
  header .g-nav{
    display: none;
  }
  
  /*toppage*/
  .key_bloc.top_key{
    height: auto;
  }
  .key_movie{
    /*position: absolute;*/
    width: 100%;
    /*height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);*/
  }
  .key_movie video{
    /*width: auto;
    max-width: none;
    height: 100%;
    transform: translateX(-25%);*/
  }
  
  /*Container 
===============================================================*/
  
  h2,
  .key_ttl h1{
    font-size: 2.14em;
  }
  #content{ padding-top: 10px;}
  .inner {
    padding: 0 5vw;
  }
  
  /*Key
=====================================*/
  .key_inner{
  min-height: 200px;
  }
  .key_ttl h2{
    font-size: 2.14em;
    line-height: 1.4;
  }
  .key_ttl h2 span{
    display: block;
  }
  .key_txt{
    font-size: 1.2em;
    letter-spacing: normal;
  }
  
  
  .clum_bloc.flex.inner{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    padding: 0;
  }
  
  .clum_bloc .main_clum{
    width: 100%;
    padding: 0;
  }
  
  .clum_bloc .side_clum{
    width: 100%;
    margin: 50px auto 0;
  }
  .side_search{
    width: 95%;
    margin: 0 auto 20px;
  }
  .bnt_top{
    width: 80%;
    padding: 0;
    margin: 0 auto 20px;
  }
  .hotlist_bloc{
    padding: 40px 20px;
  }
  /*.side_hotlist{
    width: 80%;
    margin: 0 auto;
  }*/
  
  /*TOP 星占い
=========================*/
  
  .sec-holo-list {
    justify-content: center;
    margin-top: 30px;
  }
  
  .sec-holo-list > *{
    width: 49%;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
    font-size: .88em;
    padding: 30px 15px 35px;
    margin-bottom: 0;
    /*border: 1px solid #fafafa;*/
  } 
  .sec-holo-list > *:nth-child(n+2):nth-child(-n+3)
  ,.sec-holo-list > *:nth-child(n+6):nth-child(-n+7)
  ,.sec-holo-list > *:nth-child(n+10):nth-child(-n+11)
  {
    background: #fafafa;
    border-radius: 6px;
  }
  .sec-holo-list > *:nth-child(even){
    margin-left: 0;
  }
  dl.sec-holo-list > dd .holo-icn{
    width: 100%;
    margin-bottom: 5px;
  }
  .sec-holo-list > * .holo-icn img{
    width: auto;
    max-height: 90px;
    margin: 0 auto;
  }
  .sec-holo-list > * .cmnt{
    width: 100%;
    padding-left: 0;
  }
  .sec-holo-list > * .cmnt p.holo-name{
    text-align: center;
  }
  .holo-score{
    justify-content: center;
  }
  .holo-ttl{
    min-height: 2.14em;
  }
  .sec-holo-list > * .holo-btn{
    margin-top: 5vw;
  }

  /*TOP 心理テスト
  ====================*/
  
  .sec-psycho-box{
    width: 95%;
    margin: 0 auto;
  }
  
  /**/
  .sec-ttl-head{
    -ms-align-items: flex-end;
    align-items: flex-end;
    justify-content: center;
  }
  .sec-ttl-head p.icn{
    /*position: absolute;
    left: 0;
    bottom: 0;*/
    width: 15%;
  }
  .sec-ttl-head p.tag{
    padding-left: 20px;
  }
  .sec-ttl-head .inttl{
    width: auto;
    margin-left: 0;
    padding-right: 20px;
  }
    .sec-ttl-head h2{
    font-size: 1.88em;
      padding-left: 10px;
  }
  .sec-ttl-head h2 span{
    font-size: .7em;
    letter-spacing: normal;
  }
  .sec-top-txt p{
    padding: 30px 20px 0;
  }
  
  /*TOP 占いランキング
  ====================*/

  .rank-head{ 
    justify-content: space-between;
  }

  .rank-head p.tag
  ,.rank-head p.sitename{ width: auto;}
  
  .rank-head p.sitename{
    font-size: 1.44em;
  }
  .rank-body p.thum{
    width: 40%;
    overflow: hidden;
    padding-right: 0;
  }
  /*.rank-body p.thum::before{
    content: "";
    display: block;
    padding-top: 100%;
  }*/
  /*.rank-body p.thum span{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
  }*/
  .rank-body .cmnt{
    width: 60%;
    padding-left: 10px;
  }
  .rank-body .graph{
    display: none!important;
  }
  .rank-cam p{
    padding-left: 1em;
  }
  .pc_link{
    margin-top: 30px;
  }
  .pc_link a{
    width: 95%;
    margin: 0 auto;
  }
  .rank-deta-blc{
    margin-bottom: 30px;
  }
  .btn-set{
    margin-top: 15px;
  }
  .btn-set a{
    font-size: .85em;
  }
  
  /*TOP うらにか紹介
  ====================*/
  
  .sec-uranica-point{
    width: 95%;
    margin: 30px auto 0;
  }
  .sec-uranica-point ul{
    font-size: 1.16em;
    width: 95%;
    padding: 45px 0 30px 30px;
    margin: 0 auto;
  }
  .sec-uranica-point ul li{
    line-height: 1.4;
  }
  
  
  /*FOOT AREA
  ====================*/
  .foot-bloc{
    display: none;
  }
  
  /*UNDER 星占い
=======================================================*/ 
  
  .key_bloc.under .key_inner{
    min-height: 120px;
  }
  
  .holo_today h3
  ,.main_clum.holo h4{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: flex-start;
    align-items: flex-start;
    padding-bottom: .5em;
  }
  .main_clum.holo h4{
    width: 93%;
    margin: 0 auto;
  }
  .main_clum.holo h4 p.data, .holo_today h3 p.data{
    margin-left: auto;
  }
  .holo_today h3 p.data span
  ,.main_clum.holo h4 p.data span{
    display: inline-block;
  }
  .holo_today h3 p.data span + span
  ,.main_clum.holo h4 p.data span + span{
    padding-left: .5em;
  }
  .holo_today h3 p.page-ttl
  ,.main_clum.holo h4 p.page-ttl{
    font-size: 1.24em;
    padding-bottom: .5em;
  }
  .holo_today .cate_cmnt{
    padding: 0 20px;
  }
  .main_clum.holo .holo_box{
    padding: 0 20px;
  }
  .holo_entry p.thumb, .holo_today p.thumb{
    padding: 0 20px;
  }
  
  .holo_parson{
    padding: 0 20px;
  }
  .holo_parson h2{
    font-size: 1.44em;
    text-align: center;
  }
  
  /*アーカイブ*/
  .holo_cate_list > .entry{
    padding: 0 20px;
  }
  .holo_cate_list > .entry::after{
    right: 10px;
  }
  .holo_cate_list > .entry .cate_thum{
    width: 15%;
    position: absolute;
    left: 20px;
    top: 0;
  }
  .holo_cate_list > .entry .cate_cmnt{
    width: 100%;
  }
  .holo_cate_list > .entry .cate_cmnt .post_head{
    padding-left: 20%;
  }
  .holo_cate_list > .entry .cate_cmnt{
    padding: 0 10px 0 0;
  }
  
  .holo_cate_list > .entry .cate_cmnt .post_cmnt{
    padding-top: 1em;
  }
  
  #single-pager{
    width: 92%;
    margin: 50px auto 0;
  }
  
  
  /*UNDER 電話占い特集
=======================================================*/

/*投稿ページ single-ranking
====================================*/
  
  .single-ranking .ranking-top,
  .single-pickup .ranking-top{
    padding: 0 10px;
  }
  
  .rank-deta-blc
  ,.rank-point-blc{
    padding: 0 20px;
  }
  .rank-report p{
    padding: 0;
  }
  .single-ranking .rank-body p.thum{
    width: 40%;
  }
  .rank-body .cmnt.flex{
    width: 60%;
  }
  .rank-body .cmnt.flex .site-data{
    width: 100%;
  }
  .rank-body .cmnt.flex .site-data .rank-cam p{
    font-size: 1.24em;
  }
  
  .rank-body .cmnt.flex .intxt{
    line-height: 1.4;
  }
  .single-ranking .rank-body .btn-set{
    width: 60%;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .single-ranking .rank-body .btn-set a,
    .single-pickup .rank-body .btn-set a{
    width: auto;
  }
  /*サイト情報*/
  .rank-deta-blc dl dd{
    display: block;
    padding: 0 10px;
  }
  .rank-deta-blc dl dd p{
    padding: 10px 0;
  }
  .rank-deta-blc dl p + p{
    border: none;
  }
  .rank-deta-blc dl dd p.inttl
  ,.rank-deta-blc dl dd p.indeta{
    width: 100%;
    max-width: 100%;
  }
  .rank-deta-blc dl dd p.inttl{
    font-size: .9em;
  }
  .rank-deta-blc dl dd p.indeta{
    font-size: .9em;
    line-height: 1.2;
    padding-top: 0;
  }
  

  /*おすすめポイント*/
  .rank-point-box{
    padding: 20px;}
  
  .rank-point-box h2{
    font-size: 1.44em;
  }
  .rank-report img{
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  ul.check li{
    padding-left: 1.24em;
  }
  ul.check li h3{
    font-size: 1.18em;
    line-height: 1.4;
    text-align: justify;
  }
  ul.check li::before{
    width: 1em;
    top: 8px;
  }
  .rank-deta-blc dl dd:last-child{
    padding: 0;
  }
  .rank-deta-blc dl dd:last-child .indeta + .inttl{
    border-top: 1px solid #ba9ca5;
  }
  .rank-deta-blc dl dd:last-child >p{
    padding-left: 10px;
    padding-right: 10px;
  }
  
  /*人気鑑定師*/
  
  .rank-future-blc h2{
    font-size: 1.88em;
    line-height: 1.2;
  }
  .rank-future-box{
    padding: 0 20px 50px;
  }
  .rank-future-box.rank_sss::after
  ,.rank-future-box.rank_ss::after
  ,.rank-future-box.rank_s::after
  ,.rank-future-box.rank_aplus::after
  ,.rank-future-box.rank_a::after{
    left: 10px;
    font-size: .75em;
  }
  .rank-future-box:first-of-type.rank_sss::after
,.rank-future-box:first-of-type.rank_ss::after
,.rank-future-box:first-of-type.rank_s::after
,.rank-future-box:first-of-type.rank_aplus::after
,.rank-future-box:first-of-type.rank_a::after{
  left: 10px;
  top: -10px;
}
  
  .rank-future-box:first-of-type{
    padding-top: 0;
    margin-top: 50px;
  }
  .rank-future-box .thum{
    width: 120px;
    height: 120px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 20px;
  }
  .rank-future-box:not(:first-of-type) .thum{
    top: 50px;
  }
  .future-cmnt{
    width: 100%;
    padding-left: 0;
  }
  .future-cmnt .f_name{
    padding-left: 130px;
    line-height: 1.4;
  }
  
  .future-cmnt .f_price{
    padding-left: 130px;
  }
  .future-cmnt ul{
    margin-top: 80px;
  }
  .future-cmnt ul li p:last-child{
    padding: 1em 0;
    font-size: 1em;
  }
  .future_txt{
    padding: 10px 0 20px;
    font-size: .95em;
  }
  /*口コミ*/
  .rank-review-blc h2{
    font-size: 1.44em;
  }
  .rank-review-box{
    padding: 0 20px;}
  
  .rank-review-box > *{
    width: 100%;
    margin-bottom: 35px;
  }
  .rank-review-box > * .cmnt .txt{
    font-size: .88em;
  }
  .rank-review-box > *:nth-child(even){
    margin-left: 0;
  }
  
  /*フローティング*/
  .float_banner{
    width: 100%;
    position: fixed;
   background: none;
    justify-content: center;
    bottom: 20px;
    padding: 0 10px;
    z-index: 5;
    
  }
  .float_banner a{
    width: 95%;
    margin: 0 auto 5px;
    display: block;
    background: #0f7c50;
    filter: drop-shadow(0 3px 0px #09523c);
    border-radius: 30px;
    overflow: hidden;
    
  }
  .float_banner a::before{
    content: "";
    animation: shine 3s ease-in-out infinite;
    background-color: rgba(255,255,255,.5);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -50px;
    transform: rotate(45deg);
    width: 15px;
  }
  .float_banner a p{
    padding: 10px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    font-size: 1.14em;
  }
  .float_banner a p::before{
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 8px;
    height: 8px;
    transform: translateY(-50%) rotate(-45deg);
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .float_banner a p span.cam{
    display: block;
    font-size: .8em;
    margin-bottom: 5px;
    letter-spacing: .05em;
    color: #ffff00;
  }
  .float_banner a p span.br{
    display: inline-block;
  }
  .float_banner a p span.att{
    display: block;
    font-size: .7em;
    text-align: justify;
    width: 92%;
    margin: 10px auto 0;
    line-height: 1.2;
    font-weight: normal;
  }
  /*topフローティング*/
    .float_banner.top-banner{
    width: 65%;
    overflow: hidden;
    z-index: 10;
    background: #efefef;
    opacity: 90%;
    margin-left: 10px;
    padding: 3vw 3vw 2vw 4vw;
    border-radius: 15px;
    box-shadow: 5px 5px 20px;
}
.float_banner.top-banner a{
    display: flex;
    background: 0 0;
    filter: none;
    border-radius: 0;
    align-items: center;
    gap: 10px;
    width: 100%;
}
.float_banner.top-banner .items-info{
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 2;
}
.float_banner.top-banner .items-image{
    overflow: hidden;
    flex: 1;
    padding-right: 4vw;
}
.float_banner.top-banner a:before{
    content: none;
}
.banner-name{
    font-size: 1.4em;
    font-weight: bold;
    color: #9a1940;
}
.items-title{
    font-weight: bold;
    font-size: 1.15em;
}
.items-business-area{
    font-size: .85em;
    color: #222222;
}
.items-close{
    position: absolute;
    top: -1vw;
    right: 1vw;
    font-size: 8vw;
    z-index: 11;
}
    
  /*アーカイブページ　arhchive-ranking
  ===========================================*/
  .sec-howto-bloc{
    padding: 0 20px;
  }
  
  .howto-cat .inttl{
    font-size: 1.1em;
  }
  #content .notes-box h2.tag{
    font-size: 1.3em;
  }
  .notes-in{
    padding: 25px;
  }
  .notes-in ul li p.inttl{
    font-size: 1em;
    line-height: 1.2;
  }
  .notes-in ul li p.intxt{
    font-size: .9em;
  }
  

/*投稿ページ 電話占い師　single-uranaishi
====================================*/
  .dvr_contents{
    padding: 0 20px;
  }
  
  .single-uranaishi .rank-body p.thum{
    width: 30%;
  }
  .single-uranaishi .rank-body .cmnt{
    width: 70%;
  }
  .single-uranaishi .rank-body .cmnt .intxt.dvr_txt{
    font-size: 1em;
  }
  
  .dvr_trial_inner{
    padding: 20px 15px;
  }
  .liquid-speech-balloon-avatar{
    width: 40px;
    height: 40px;
  }
  
/*UNDER 体験談
=======================================================*/
  
  .clms-list > li{
    width: 100%;
  }
  .clms-list > li .cmnt{
    font-size: 1em;
    width: 75%;
    padding-left: 20px;
  }
  .clms-list>li .thumb{
    width: 25%;
  }
  .clms-list>li .cmnt .post-title{
    font-size: 1.12em;
    line-height: 1.4;
  }
  .clms-list>li .cmnt .text{
    padding-top: 10px;
    font-size: 1em;
    line-height: 1.4;
  }
  .clms-list>li+li:nth-child(even){
    margin-left: 0;
  }
  
  .clms_cate-cat .thumb p img{
    width: auto;
  }
  
  .acv-columns-bloc
  ,.sec-columns-bloc
  ,.clms_after_box{
    padding: 0 20px;
  }
  
  .clms_cate-cat .catename{
    font-size: .8em;
  }
  
  .clms_after_box .thumb{
    margin-right: 5px;
    width: 18%;
  }
  .balloon{
    width: calc(82% - 5px);}
  .balloon:before{
    left: -10px;
    top: 10px;
  }
  .clms_teller{
    padding-left: 0;
    padding-right: 0;
  }
  .clms_teller .future-cmnt ul li p:last-child{
    white-space: normal;
  }
/*UNDER 心理テスト
=======================================================*/

/*投稿ページ single-psych
====================================*/
  
  .psych-ttl{
    padding: 0 1em;
  }
  .psych-start{
    padding: 0 20px;
  }
  .psych-start .thum{
    width: 100%;
    overflow: hidden;
  }
  .psych-start .thum::after{
    content: "";
    width: 100%;
    padding-top: 50%;
    display: block;
  }
  .psych-start .thum span{
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    top: 0;
    left: 0;
  }
  .psych-start .thum span img{
    position: absolute;
    top: 0;
    max-width: none;
    width: auto;
    height: 100%;
  }
  .q-box .ttl, .a-box .ttl{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    font-size: 1.1em;
    padding:  0 20px;
  }
  .q-box .ttl p.tag, .a-box .ttl p.tag{
    text-align: left;
    width: 100%;
    padding-left: 0;
    font-size: 1.66em;
  }
  .psych-btm-bloc p.txt{
    padding: 0 20px 30px;
  }
  .ge-box{
    width: 92%;
    margin: 0 auto;
  }
  .ge-box p.thum{
    width: 18%;
    position: absolute;
    left: 15px;
    top: 15px;
  }
  .ge-box .cmnt{
    padding: 8% 0 0;
    width: 100%;
    font-size: .9em;
  }
  .ge-box .cmnt p.name{
    padding-left: 22%;
    font-size: 1em;
  }
  .ge-box .cmnt p.intxt{
    padding-top: 2.5em;
  }
  .ge-link a{
    line-height: 1.4;
    border-radius: 30px;
  } 
  
  /*調査概要
  ==========================*/
  
  .sec-survey-blc{
  padding: 0 20px;
}
  
  /*タイプ別占い師紹介template*/
  
  .type-rank-body .rank-future-box .thum{
    top: 0;
  }
  .type-rank-body .future-cmnt ul{
    margin-top: 60px;
  }
    
    /*========アーカイブおすすめピック=========*/
    .top-pick{
        padding: 6vw 3vw 8vw;
        margin: 4vw;
    }
    .top-pick h2{
        font-size: 1.95em;
        margin-bottom: 10px;
    }
    .top-pick .rank-point-box h2{
        font-size: 1.45em;
    }
    .top-pick h2.tag>span>span{
        font-size: .6em;
    }
  

}
@media screen and (max-width: 480px) {
  
  body{
    font-size: 3.5vw;
  }
  body.single-ranking #content{
    font-size: 1.125em;
  }
  
  #locator_wrap{
    padding: 10px 0;
  }
  
  .pcView{
    display: none;
  }
  
  .sec-ttl-head h2{
    font-size: 1.66em;
    letter-spacing: -.025em;
  }
  
  .link-btn{
    margin-top: 30px;
  }
  
  #content{
    padding-top: 10px;
  }
  
  header{
    border-width: 5px;
    padding-top: 1em;
  }
  .head_logo .logo{
    width: 10%;
  }
  .head_logo p.txt span.noto{
    font-size: 2.14em;
  }
  .head_logo .txt span.intxt{
    display: none;
  }
  
  .key_bloc.top_key{
    height: 56.2vw;
  }
  .key_movie{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
  }
  .key_movie video{
    width: auto;
    max-width: none;
    height: 100%;
  }
  .key_bloc.top_key .key_inner{
    position: relative;
    transform: none;
    left: auto;
    top: auto;
  }
  .slide01{
    font-size: 2.24em;
    letter-spacing: .025em;
  }
  .slide01 p{
    line-height: 1.2;
  }
  .slide01 .title_bk{
    padding: 10px;
  }
  .slick-slide img{
    max-width: 90%;
  }
  
  /*TOP 占いランキング
  ====================*/
  
  .home ul.rank-list{
    margin-top: 20px;
  }
  .rank-head p.sitename.rank01
  ,.rank-head p.sitename.rank02
  ,.rank-head p.sitename.rank03{
    padding-left: 1.88em;
  }
  .rank-body.flex{
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
  .rank-body p.htag span{
    padding: .3em .5em .25em;
    letter-spacing: -.035em;
  }
  .rank-body a.splink{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .rank-body a.splink::after{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border: 2px solid;
    border-color: #9c1447 #9c1447 transparent transparent;
    border-radius: 2px;
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
  }
  .rank-body p.thum{
    width: 30%;
    overflow: hidden;
  }
  
  .rank-body .cmnt{
    width: 70%;
    padding-right: 10px;
  }
  ul.rank-list > li{
    padding: 20px 15px;
  }
  ul.rank-list>li:last-child{
    border-bottom: none;
  }
  .rank-score{
    margin-bottom: .5em;
  }
  .rank-score .txt{
    font-size: 3vw;
  }
  .rank-score .star{
    width: 8.5em;
  }
  .rank-score .scr{
    font-size: 1.44em;
  }
  .rank-cam p{
    font-size: 1em;
    background-position: 5px 5px;
    background-size: auto 50%;
    padding: 1.5em .5em .5em;
  }
  .rank-body .cmnt .intxt{
    padding-top: .85em;
    font-size: .95em;
  }
  .rank-head p.sitename{
    background-size: 1.25em;
    background-position: left top 5px;
    line-height: 1.2;
    font-size: 1.4em;
  }
  .rank-head p.tag{
    max-width: 60vw;
  }
  .rank-box p.tag span{
    font-size: .8em;
    padding: 5px;
  }
  
  /*タイプ別ランキング*/
  .type-rank-box{
    padding: 0 20px;
  }
  .type-rank-box>.type-rank-cat+.type-rank-cat
  ,.type-rank-box>.type-rank-cat+.type-rank-cat:nth-child(n+3){
    margin-top: 10px;
  }
  .type-rank-cat{
    width: 100%;
  }
  .type-in{
    padding: 10px;
  }
  .type-rank-cat p.thumb{
    width: 28%;
  }
  .type-rank-cat .cmnt{
    width: 72%;
    padding-left: .85em;
  }
  
  .type-lanking.method{
    margin-top: 30px;
    padding: 30px 10px;
  }
  .type-lanking .type-rank-box{
    margin-top: 20px;
  }
  .type-lanking.method .type-rank-box{
    padding: 0;
  }
  
  .type-rank-btn>div{
    padding: 20px 8px 10px;
  }
  .type-rank-btn p.icn{
    width: 100%;
  }
  .type-rank-btn .inttl{
    font-size: .85em;
  }
  
  /*占い師ラインキング*/
  body.home .sec-rank-bloc.top-ranking{
    margin-top: 60px;
  }
  .sec-rank-bloc.top-ranking ul.rank-list .rank-body p.thum{
    position: absolute;
    top: 0;
    left: 0;
  }
  .sec-rank-bloc.top-ranking ul.rank-list .rank-body .cmnt{
    width: 100%;
  }
  .sec-rank-bloc.top-ranking ul.rank-list .rank-body .cmnt .rank-score{
    padding-left: 30%;
  }
  .sec-rank-bloc.top-ranking ul.rank-list .rank-body .cmnt .dvr_data > *{
    padding-left: 1em;
  }
  .sec-rank-bloc.top-ranking ul.rank-list .rank-body .cmnt .dvr_txt{
    padding-top: 2em;
  }
  
  /*心理テスト・星占い*/
  .sec-psycho-bloc
  ,.sec-horo-bloc{
    margin-top: 60px;
  }
  
  /*星占い*/
  .sec-holo-list{
    padding: 0 10px;
    justify-content: space-between;
  }
  .sec-holo-list > *{
    width: 32%;
    padding: 10px;
    border: 1px solid;
    border-radius: 6px;
  }
  .sec-holo-list > * + *:nth-child(n+4){
    margin-top: 8px;
  }
  .sec-holo-list>* > a{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .sec-holo-list>* .holo-icn{
    width: auto;
  }
  .sec-holo-list>* .holo-icn span{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
  }
  .sec-holo-list>* .holo-icn img{
    max-height: 80px;
  }
  .sec-holo-list>* .cmnt p.holo-name+p.holo-ttl
  ,.holo-txt
  ,.sec-holo-list>* .holo-btn{
    display: none;
  }
  .sec-holo-list>* .cmnt{
    
  }
  .sec-holo-list>* .cmnt p.holo-name{
    font-size: .75em;
    letter-spacing: -.07em;
    font-feature-settings: "palt"1;
  }
  .sec-holo-list>*:nth-child(n+2):nth-child(-n+3)
  , .sec-holo-list>*:nth-child(n+6):nth-child(-n+7)
  , .sec-holo-list>*:nth-child(n+10):nth-child(-n+11){
    background: none;
  }
  
   /*UNDER 占いランキング投稿ページ
  ====================*/

  .rank-body .cmnt.flex .site-data .rank-cam p{
    font-size: 1em;
  }
  .single-ranking .rank-head p.tag,
  .single-pickup .rank-head p.tag{
    display: none;
  }
  .single-ranking .rank-body p.thum,
  .single-pickup .rank-body p.thum{
    position: absolute;
    top: 0;
    left: 0;
    width: 28%;
  }
  .future-cmnt .f_name span{
    display: block;
  }
  .future-cmnt .f_name span+span:before{
    content: none;
  }
  .future-cmnt .f_name span + span{
    padding-left: .5em;
    padding-top: 5px;
    font-size: .88em;
  }
  .future-cmnt ul{
    margin-top: 50px;
  }
  .future-cmnt .f_price{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .future-cmnt .f_price p{
    font-size: .92em;
  }
  .future-cmnt .f_price p:last-child{
    padding-right: 0;
    padding-left: .5em;
  }
  .single-ranking .rank-score .txt{
    font-size: .8em;
  }
  .single-ranking .rank-score .star{
    width: 8em;
  }
  .single-ranking .rank-body .cmnt.flex .rank-score{
    margin-top: .8em;
  }
  .rank-body .cmnt.flex{
    width: 100%;
    margin-left: auto;
  }
  
  .rank-body .site-data p.tag{
     margin-left: 30%;
    margin-top: .5em;
    text-align: center;
  }
  .rank-body .site-data p.tag span{
    font-size: .8em;
    padding: .25em 2em;
  }
  .rank-body .cmnt.flex .rank-score
  ,.rank-body .cmnt.flex .rank-cam
  ,.single-ranking .rank-body p.htag
  ,.single-pickup .rank-body p.htag{
    margin-left: 30%;
  }
  .rank-body .cmnt.flex .rank-score{
    margin-bottom: .5em;
  }
  .single-ranking .rank-body p.htag span{
    font-size: .75em;
  }
  
  .single-ranking .rank-body .cmnt.flex .intxt{
    padding-top: 1.5em;
  }
  
  .single-ranking .ranking-top .btn-set,
  .single-pickup .ranking-top .btn-set{
    position: relative;
    width: 100%;
  }
  
  .rank-point-blc{
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .rank-report{
    margin-top: 20px;
  }
  
  .pc_link{
    width: 90%;
    margin-top: 15px;
  }
  .pc_link a{
    width: 100%;
  }
  .pc_link a p.txt{
    font-size: 1.18em;
  }
  .pc_link a.img_btn + a.btn{
    margin-top: 10px;
}
  .rank-deta-blc{
    margin-bottom: 30px;
  }
  .rank-future-blc h2{
    font-size: 1.66em;
  }
  .rank-review-blc h2
  ,.rank-point-box h2{
    font-size: 1.14em;
    letter-spacing: -.025em;
  }
  .single-ranking footer p.inner{
    padding-bottom: 90px;
  }
  
  /*UNDER 電話占い師特集
=======================================================*/

/*アーカイブ 電話占い師　archive-uranaishi
====================================*/
  body.post-type-archive-uranaishi .rank-body p.thum{
    width: 27%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
  }
  body.post-type-archive-uranaishi .rank-body p.thum::after{
    content: "";
    display: block;
    padding-top: 110%;
  }
  body.post-type-archive-uranaishi .rank-body p.thum span{
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
  }
  body.post-type-archive-uranaishi .rank-body .cmnt{
    width: 100%;
    padding: 0;
  }
  body.post-type-archive-uranaishi .rank-body .cmnt .intxt.dvr_txt{
    padding-top: 1em;
  }
  
  body.post-type-archive-uranaishi .rank-score
  ,.dvr_data{
    margin-left: 30%;
    min-height: 8.5em;
  }
  .dvr_data > *{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .dvr_data >*:nth-child(3)
  ,.dvr_data >*:nth-child(4){
    display: none;
  }
  .dvr_data > * p.inttl
  ,.dvr_data > * p.indata{
    width: 100%;
  }
  
  /*投稿 電話占い師　single-uranaishi
====================================*/
  
  body.single-uranaishi .rank-head{
    position: absolute;
    width: 70%;
    left: 30%;
    top: 0;
  }
  .single-uranaishi .rank-body p.thum{
    position: absolute;
    width: 25%;
    top: 0;
    left: 0;
  }
  .single-uranaishi .rank-body p.thum img{
    height: auto;
    width: 100%;
  }
  .single-uranaishi .rank-body .cmnt>p.ranktxt{
    width: 75%;
    margin-left: auto;
    justify-content: flex-end;
  }
  .single-uranaishi .rank-body .rank-score{
    width: 75%;
    margin-left: auto;
    margin-bottom: 2em;
  }
  .single-uranaishi .rank-body .cmnt{
    width: 72%;
    padding: 3.5em 0 0;
    margin-left: auto;
  }
  
/*UNDER 体験談
=======================================================*/

  .clms-list>li .cmnt{
    padding-left: 10px;
  }
  .clms-list>li .cmnt .text{
    display: none;
  }
  .clms_cate-box{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .clms_cate-box>*{
    width: 30%;
  }
  .clms_cate-box>*:nth-child(n+4){
    margin-top: 15px;
  }
  .clms_cate-cat .catename{
    min-height: inherit;
    font-size: .88em;
  }
  .columns-data{
    padding: 10px;
  }
  .columns-data dl{
    width: auto;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    font-size: .95em;
  }
  .columns-data dl dd{
    width: calc(100% - 7em);
  }
  .columns-data dl > div{
    width: 100%;
  }
  
 /*UNDER 星占い
=======================================================*/
  
  .holo_entry p.thumb, .holo_today p.thumb
  ,.today_fortune{
    padding: 0;
  }
  .luck_eva ul li img{
    width: 50px;
    height:50px;
  }
  .total_luck ul li:nth-child(2), .other_luck ul li:nth-child(2){
    padding: 15px 0 0;
  }
  
  .main_clum.holo .holo_entry{
    padding: 0 20px;
  }
  
  /*会社概要*/
  .sec-company{
    padding: 0 20px;
  }
  
  /*星占い*/
  .sec-contact-blc{
    padding: 0 20px;
  }
  
   /*調査概要
  ==========================*/
  
  .srv_data_head{
    display: none;
  }
  
  .svr_data_body > div + div{
    margin-top: 15px;
  }
  .data-box{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .svr_data_body .data-box p span{
    display: block;
  }
  .svr_data_body .data-box p:first-child{
    width: 50%;
    background: #f2f8f6;
    font-weight: 600;
  }
  .svr_data_body .data-box p.svr_data01{
    width: 50%;
    background: #f2f8f6;
  }
  .svr_data_body .data-box p:nth-child(n + 3){
    width: calc(100% / 3);
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    line-height: 1.4;
  }
  .svr_data_body .data-box p:nth-child(n + 2) span{
    font-size: 1.24em;
  }
  .svr_data_body>div:nth-child(even){
    background: none;
  }
  .svr_data_body .data-box p.svr_data01::before{
    content: "総合評価："
  }
  .svr_data_body .data-box p.svr_data02::before{
    content: "料金設定";
    display: block;
    font-size: .88em;
  }
  .svr_data_body .data-box p.svr_data03::before{
    content: "的中率";
    display: block;
    font-size: .88em;
  }
  .svr_data_body .data-box p.svr_data04::before{
    content: "サポート対応";
    display: block;
    font-size: .88em;
  }
  .svr_data_body .data-box p.svr_data05::before{
    content: "初回特典";
    display: block;
    font-size: .88em;
  }
  .svr_data_body .data-box p.svr_data06::before{
    content: "鑑定実績";
    display: block;
    font-size: .88em;
  }
  .svr_data_body .data-box p.svr_data07::before{
    content: "口コミ満足度";
    display: block;
    font-size: .88em;
  }
  .svr_data_body .data-box p:nth-child(3)
  ,.svr_data_body .data-box p:nth-child(5)
  ,.svr_data_body .data-box p:nth-child(7){
    background: #fafafa;
  }
  .svr_data_body .data-box p:nth-child(n + 5){
    border: 1px solid #fafafa;
  }
  
  /*タイプ別占い師紹介template*/
  body.home .sec-rank-bloc.type-lanking{
    margin-top: 50px;
    background: #f5f5f5;
    padding-top: 30px;
  }
  body.home .sec-rank-bloc.type-lanking.method{
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 50px;
  }
  .type-lanking .sec-ttl-head .inttl{
    margin: 0 auto;
    padding-right: 0;
  }
  .type-lanking .sec-ttl-head h2.ribon{
    padding-left: 0;
  }
  .type-lanking .sec-ttl-head h2.ribon .img-ribon{
    width: 100%;
  }
  .type-lanking .sec-ttl-head h2 span{
    font-size: .95em;
  }
  .page-template-ranking .sec-ttl-head h2{
    font-size: 1.88em;
  }
  .page-template-ranking .sec-ttl-head h2.type_icn{
    font-size: 2.24em;
  }
  .page-template-ranking .sec-ttl-head h2::after{
    width: 70%;
  }
  .type-rank-txt{
    margin: 30px 0;
  }
  .type-ranking-head{
    border-radius: 0;
  }
  .type-lanking.method .type-rank-box{
    margin-top: 0;
    padding: 20px 10px 0;
  }
  .type-rank-body .future-cmnt ul{
    margin-top: 30px;
  }
  .type-otehr-cat .future-cmnt .f_name:before
  ,.type-rank-top .future-cmnt .f_name:before{
    margin-right: 0;
    margin-bottom: .5em;
  }
    
  /*ピックアップ特集*/
    .single-pickup .rank-body .site-data p.tag{
        margin: 0.5em 0 0.85em 30%;
    }
    .pickup-list ul.rank-list > li{
        padding: 10px 5px;
    }
    
    /*MV改修*/
    .sp_mv .rank-head p.sitename,
    .sp_mv .rank-head p.sitename.rank01,
    .sp_mv .rank-head p.sitename.rank02,
    .sp_mv .rank-head p.sitename.rank03{
            font-size: 1.24em;
    font-weight: bold;
    padding: .25em 0 0 1.66em;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 1.25em auto;
    }
    .sp_mv .rank-head{
    padding: 5px 1em;
    border-bottom: 2px solid #d4d4d4;
        margin-bottom: 0;
    }
    .sp_mv-contents{
    margin-top: -60vw;
    background: linear-gradient(180deg,transparent 10%,#1a1a1a 20%,#1a1a1a 50%,transparent 98%);
    padding-bottom: 2rem;
    }
    .mv-cam_text{
            display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 3rem 1.5rem 3.75rem;
    background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 50%,rgba(0,0,0,1) 100%);
    font-weight: 700;
    width: 100%;
    color: #fff;
    gap: 10px;
    font-size: 1.15em;
    }
    .mv-text_tag{
        font-size: .8em;
        padding: 5px 10px;
        border-radius: 4px;
    font-weight: 600;
    overflow: hidden;
    background: #ae060f;
    color: #fee834;
    }
    .mv-text_tag:before {
    animation: shine 3s ease-in-out infinite;
    background-color: #fff;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -50px;
    transform: rotate(45deg);
    width: 5px;
}
    .detail-box{
    width: 95%;
    background: #fff;
    border-radius: 20px;
    margin: -2.5rem auto 0;
    padding: 1em;
    line-height: 1.6;
    }
    .detail-box > *:not(:first-child){
        margin-top: 1em;
        display: block;
        width: 100%;
    }
    .detail-list li{
        display: flex;
        align-items: center;
        column-gap: 10px;
        font-weight: 600;
    }
    .detail-list li + li{
        margin-top: 10px;
    }
    .detail-list li h4{
        background: #e5cdd5;
        color: #7c042f;
        border-radius: 50px;
        padding: 3px 10px;
        width: 30vw;
        text-align: center;
        font-size: .8em;
    }
    .detail-list li > p{
        width: calc(100% - 30vw);
    }
    .detail-list li > p.rank_score{
        display: flex;
        align-items: center;
    }
    .detail-list li > p.rank_score img{
        height: 1.45em;
    width: auto;
    }
    .sp_mv-contents .pc_link a.btn:hover,
    .sp_mv-contents .pc_link a.img_btn:hover{
        transform: none;
    }
    ul.rank-list > li.article_feel .thum::after {
    content: "🥳\00a0 12周年\00a0🎊";
    font-size: .925em;
    display: block;
    color: #b71d1c;
    font-weight: 700;
    text-align: center;
    padding: .725em 0;
/*
    -webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
*/
    }
}
    @keyframes blink {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }