@charset "utf-8";
/*
Theme Name: AUREOLE2023
Description: AUREOLEOriginalTemplate
Author: COSMICGEAR
Version: 1.0
*/

/*Common 
===============================================================*/
body{
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: 'liga', 'kern'; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 15px; font-weight: 400;
}
img{
  display: block;
  max-width: 100%;
  height: auto;
}
.inner{
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 20px;
}
.flex{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.noto{
  font-family: 'NotoSans',sans-serif;
}
.robo{
  font-family: 'Roboto',sans-serif;
}
.cave{
  font-family: /*'Caveat',*/ cursive;
}
.mcho{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}


.spView{
  display: none;
}
.grecaptcha-badge { visibility: hidden; }

/*header/nav  
===============================================================*/

/*SPButton
====================*/
#sp-menu
,#sp-menu-block
,#fix_btn{
  display: none;
}
/*header
====================*/
header{
  width: 100%;
  padding: 30px 0 20px;
  background: rgba(255,255,255,1);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  border-bottom: 10px solid #7c002f;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
/*header.fixed{
  position: fixed;
  top: 0;
  padding: 10px 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  z-index: 1;
}*/
header .inner{
  justify-content: space-between;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.head_logo{
  width: 280px;
}
.head_logo a{
   -ms-align-items: center;
  align-items: center;
}
.head_logo .logo{
  width: 78px;
  max-width: 20%;
}
.head_logo .logo .svg path{
  /*fill:#9c1447;*/
}
.head_logo .txt{
  padding-left: 1em;
  line-height: 1.2;
  font-size: .8em;
  font-weight: 600;
}
.head_logo .txt span.noto{
  color: #9c1447;
  font-weight: 800;
  display: block;
  font-size: 2.24em;
  line-height: 1.2;
}
/*Navi
====================*/
header .g-nav{
 max-width: 70%;
}
header .g-nav > ul > li{
  height: 100%;
  text-align: center;
}
.menu > li + li{
  border-left: 1px solid;
}

.menu > li a {
  display: block;
  font-weight: bold;
  padding: 0 1.44em;
}

ul.child {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  color: #fff;
  background: rgba(124,0,47,1);
}
ul.child li{
}
ul.child li a{
  font-weight: normal;
  font-size: .78em;
  padding: 10px 10px 10px 12px;
  text-align: left;
}
ul.child li a:hover{
  background: rgba(255,255,255,.25);
}

.menu > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu > li.drop {
  position: relative;
  background: #fff;
  z-index: 2;
}

li.drop ul.child {
  position: absolute;
  top: 35px;
  left: 0;
  width: 120%;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

li.drop:hover ul.child {
    top: 45px;
    visibility: visible;
    opacity: 1;
}
header.fixed li.drop:hover ul.child {
  top: 35px;
}

.btn > a{
  margin: 0 auto;
  display: block;
  color: #9c1447;
  border: 1px solid #9c1447;
  padding: 10px 0;
  border-radius: 30px;
  text-align: center;
  background: #fff;
  filter: drop-shadow(0 3px 0px rgba(124,0,47,1));
}

/*Container 
===============================================================*/

/*Breadcrumb*/
.breadcrumbs span[property="name"] {
  display: inline-block;
  padding: 0;
  margin-top: -3px;
  vertical-align: middle;
  max-width: 18em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*Key
=====================================*/
.key_bloc{
  background: #7b0430;
  /*background: url("images/common/key.jpg") no-repeat center/cover;*/
  color: #fff;
  font-weight: 700;
}
.key_inner{
  width: 750px;
  max-width: 95%;
  margin: 0 auto;
  -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;
  justify-content: center;
  /*text-shadow: -1px 2px 0 #7c002f;*/
  min-height: 350px;
}
.key_ttl h1{
  font-size: 3em;
}
.key_ttl h2{
  color: #fff;
}
.key_ttl span{
  color: #ff0060;
}

.key_txt{
  margin-top: 30px;
  font-size: 1.44em;
  line-height: 1.6;
  letter-spacing: .035em;
  text-align: justify;
}
.key_txt.date{
  margin-top: 15px;
}
.key_bloc.under .key_inner{
  min-height: 180px;
}
.key_bloc.under .key_txt{
  margin-top: 10px;
}

/*index key*/
.key_bloc.top_key{
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  background: none;
  height: 480px;
  overflow: hidden;
}
.key_bloc.top_key .key_inner{
  position: absolute;
  width: 980px;
  max-width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-shadow: none;
}

.slider{
    opacity: 0;
    transition: 1s;
}
.slick-initialized{
    opacity: 1
}
.slick-list{
  outline: none;
}
.key_slide{
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}
.key_slide .slidein{
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  min-height: 480px;
}
.key_movie video{
  width: 100vw;
  max-width: 100%;
}
.slidein{
  opacity: 0;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
}
.slidein.view{
  opacity: 1;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
}

.slide01{
  width: 100%;
  font-size: 3.2em;
  color: #7b0430;
  text-align: center;
  font-weight: 800;
}
.slide01 .title_bk{
  background: rgba(255,255,255,.45);
  padding: 10px 20px 20px;
}
.slide01 p{
  line-height: 1.4;
}
.slide01 span{
  font-size: 1.25em;
  color: #df0052;
}

/*Content
=====================================*/
#content{
  padding-top: 70px;
  -ms-align-items: flex-start;
  align-items: flex-start;
}

h2{
  color: #9c1447;
  font-weight: 800;
  font-size:3em;
}

/*clum_bloc
========================*/
.clum_bloc .main_clum{
  width: calc(100% - 280px);
  padding-right: 35px;
}
.clum_bloc .side_clum{
  width: 280px;
  /*position: -webkit-sticky;
  position: sticky;
  top: 20px;*/
}

/*side_bloc
=======================*/

/*colmuns*/

.side_columns h3{
  background: #7b0430;
  color: #fff;
  text-align: center;
  padding: .8em 1em;
  font-weight: 600;
}
.side_columns ul{
  margin-top: 15px;
  margin-bottom: 15px;
}
.side_columns ul li + li{
  border-bottom: 1px solid #d6b4c1;
}

.side_columns ul.post li{
  padding-bottom: 8px;
}
.side_columns ul.post li a{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
}
.side_columns ul.post li .thumb{
  width: 30%;
  background: #f1f1f1;
  overflow: hidden;
  border-radius: 6px;
}
.side_columns ul.post li .thumb::after{
  content: "";
  display: block;
  padding-top: 100%;
}
.side_columns ul.post li .thumb p{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.side_columns ul.post li .thumb p span{
  width: 50%;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.side_columns ul.post li .thumb p span .svg .a{
  fill:#7b0430;
}
.side_columns ul.post li .cmnt{
  padding-left: 10px;
  width: 70%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.side_columns ul.post li .cmnt .title{
  font-size: .92em;
  line-height: 1.2;
}
.side_columns ul.post li .cmnt .cate{
  margin-top: auto;
  margin-left: auto;
  font-size: .82em;
}
.side_columns ul.cate li{
  padding: 8px 0;}
.side_columns ul.cate li a{
  display: block;
}
.side_columns ul.cate li a::after{
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  width: 5px;
  height: 5px;
  border: 1px solid;
  border-color: #7b0430 #7b0430 transparent transparent;
  transform: translateY(-50%) rotate(45deg);
}
/*search*/
.side_search{
  margin-bottom: 20px;
  background: #f1e4e9;
  font-size: .88em;
}
.side_search .in_ttl{
  background: #7b0430;
  color: #fff;
  text-align: center;
  padding: .8em 1em;
  font-size: 1.125em;
}
.s_search_inner{
  padding: 20px 20px 30px;
}
.side_search p{
  border-bottom: 1px solid #d6b4c1;
  padding-bottom: .5em;
  font-weight: 600;
}
.side_search label{
  display: inline-block;
  padding: .25em;
}
.side_search label span{
}
.side_search label + p
,.side_search input + p{
  padding-top: .85em;
}
.side_search #feas_0_3
,.side_search #feas_0_4{
  width: 38%;
  display: inline-block;
  margin-top: 8px;
  box-sizing: border-box;
  padding: .25em;
}
.side_search #feas_0_5{
  margin-top: 8px;
  width: 100%;
  box-sizing: border-box;
  padding: .25em;
}
#feas-submit-button-0{
  width: 60%;
  color: #fff;
  display: block;
  margin: 20px auto 0;
  
  padding: 5px;
  border-radius: 6px;
  text-align: center;
  background: #7a042e;
  filter: drop-shadow(0 3px 0px #560220);
  /*background: #0f7c50;
  filter: drop-shadow(0 3px 0px #09523c);*/
  font-weight: 600;
  border: none;
  outline: none;
}

/*banner*/
.bnt_top{
  margin-bottom: 20px;
}
.hotlist_bloc{
  background: #f2f2f2;
  padding: 20px 10px;
}
.hotlist_bloc p.in_ttl{
  color: #9c1447;
  font-weight: 700;
  font-size: 1em;
  text-align: center;
  padding-bottom: 10px;
  
}
ul.side_hotlist li + li{
  margin-top: 20px;
}

.link-btn{
  justify-content: center;
  margin-top: 50px;
}
.link-btn a{
  width: 300px;
  max-width: 80%;
  font-size: 1.14em;
  display: block;
  color: #fff;
  background: #7a042e;
  padding: 15px 0;
  border-radius: 30px;
  text-align: center;
  filter: drop-shadow(0 3px 0px #560220);
  font-weight: 600;
}
.link-btn a::after{
  content: "";
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

/*TOP 星占い
=========================*/
.sec-horo-bloc{
  margin-top: 100px;
}
section.sec-horo-bloc h2{
  text-align: center;
}

.sec-holo-list{
  margin-top: 60px;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sec-holo-list > *{
  width: 48%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 60px;
  padding: 0 10px;
}
.sec-holo-list > *:nth-child(even){
  margin-left: 4%;
}
.sec-holo-list > * .holo-icn{
  width: 26.5%;
}
.sec-holo-list > * .holo-icn::after{
  content: "";
  display: block;
  padding-top: 100%;
}
.sec-holo-list > * .holo-icn span{
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.sec-holo-list > * .holo-icn img{
  width: auto;
  max-width: none;
  height: 75%;
  max-height: 110px;
}
.sec-holo-list > * .cmnt{
  width: 73.5%;
  padding-left: 15px;
  line-height: 1.6;
}

.sec-holo-list > * .cmnt p.holo-name{
  color: #9c1447;
  font-weight: 700;
  font-size: 1.1em;
}
.sec-holo-list > * .cmnt p.holo-name + p.holo-ttl{
  padding-top: 1em;
}

.holo-score {
  -ms-align-items: center;
  align-items: center;
}
.holo-score .star{
  font-size: 1.24em;
  width: 5em;
}
.holo-score .scr{
  font-size: 1.66em;
  font-weight: 700;
  padding-left: 5px;
}
.holo-ttl{
  font-weight: 700;
  line-height: 1.2;
}
.holo-txt{
  text-align: justify;
  font-size: .92em;
  padding-top: 10px;
}
.sec-holo-list > * .holo-btn{
  width: 100%;
  margin-top: 30px;
}

.sec-holo-list > * .holo-btn a{
  width: 98%;
  margin: 0 auto;
  display: block;
  color: #9c1447;
  border: 1px solid #9c1447;
  padding: 10px 0;
  border-radius: 30px;
  text-align: center;
  background: #fff;
  filter: drop-shadow(0 3px 0px rgba(124,0,47,1));
  -webkit-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
}
.sec-holo-list > * .holo-btn a::before{
  content: "";
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #9c1447;
  border-right: 1px solid #9c1447;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
.sec-holo-list > * .holo-btn a:hover{
  background: #9c1447;
  color: #fff;
}
.sec-holo-list > * .holo-btn a:hover::before{
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}

/*TOP 心理テスト
=========================*/

.sec-psycho-bloc{
  margin-top: 100px;
}
.sec-psycho-box{
  background: #f2f8f6;
  border-radius: 30px;
  padding: 30px 25px;
}
#content .sec-psycho-box h2.tag{
  font-size: 2.24em;
  line-height: 1.6;
  margin-bottom: 15px;
  
}
#content .sec-psycho-box h2.tag > span{
  -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;
}
#content .sec-psycho-box h2.tag >span > span{
  color: #fff;
  background: #9c1447;
  display: block;
  font-size: .5em;
  font-weight: bold;
  padding: 2.5px 25px;
}
.sec-psycho-box .cmnt{
  padding: 25px 5% 0;
}
.sec-psycho-box .cmnt p.inttl{
  font-weight: bold;
  font-size: 1.18em;
  text-align: center;
}
.sec-psycho-box .cmnt div.intxt{
  padding: 20px 0;
  line-height: 1.4;
}

.sec-psycho-box .cmnt .btn{
  justify-content: center;
}
.sec-psycho-box .cmnt .btn a{
  width: 320px;
  -webkit-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
}
.sec-psycho-box .cmnt .btn a::before{
  content: "";
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #9c1447;
  border-right: 1px solid #9c1447;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
.sec-psycho-box .cmnt .btn > a:hover{
  background: #9c1447;
  color: #fff;
}
.sec-psycho-box .cmnt .btn a:hover::before{
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}
.psych-link{
  text-align: right;
  font-size: .85em;
  margin-top: 10px;
  margin-right: 20px;
  color: #9c1447;
}
.psych-link::after
,.psych-link::before{
  content: "";
  width: 5px;
  height: 5px;
  border-bottom: 1px solid;
  border-right: 1px solid;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
.psych-link::after{
  right: 0;
}
.psych-link::before{
  right: 5px;
}

.psych-link a{
  padding-right: 20px;
}

/*TOP AUREOLEについて
=========================*/

.sec-about-bloc{
  margin-top: 70px;
}
.sec-about-bloc h2{
  font-size: 1.44em;
  font-weight: 600;
}
.sec-about-bloc h2 p{
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}
.sec-about-bloc h2 p > span{
  width: 6em;
  padding-right: 5px;
}
.sec-about-bloc h2 .svg path{
  fill:#9c1447;
}
.sec-about-box p{
  padding: 30px 20px 0;
  text-align: justify;
  line-height: 1.4;
}


/*TOP 電話占いランキング
=========================*/

body.home .sec-rank-bloc
,body.archive .sec-rank-bloc{
  margin-top: 0;
}
.sec-rank-bloc{
  margin-top: 70px;
}
body.archive .holo_cate_list + .sec-rank-bloc{
  margin-top: 100px;
}
.sec-ttl-head{
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}
.sec-ttl-head p.icn{
  width: 100px;
}
.sec-ttl-head p.tag{
  font-weight: 900;
  color: #f3a591;
  font-size: 1.14em;
}
.sec-ttl-head .inttl{
}
.sec-ttl-head h2{
  margin-top: 5px;
  font-size: 2.66em;
  padding-left: 15px;
  letter-spacing: .025em;
  line-height: 1.2;
}
.sec-ttl-head h2 span{
  display: block;
  font-size: .65em;
  color: #000;
}
.sec-top-txt p{
  padding: 30px 10px 0;
  line-height: 1.6;
  text-align: justify;
}

ul.rank-list{
  margin-top: 30px;
}

ul.rank-list > li{
  padding: 30px 15px;
  border-bottom: 1px solid #ba9ba5;
}
ul.rank-list > li:first-child{
  padding-top: 0;
}
/*
ul.rank-list > li.article_feel{
  background: #e3f8e4;
padding: 1em;
border-radius: 20px;
}
*/
.rank-box{ padding-top: 1em;}
.rank-head{
  -ms-align-items: flex-end;
  align-items: flex-end;
  margin-bottom: 10px;
}
.rank-head p.sitename{
  /*width: 33%;*/
  font-size: 1.66em;
  font-weight: 700;
  padding: 10px 3% 0 1.5em;
  background-size: auto 100%;
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url( "images/common/score/crown00.svg");
}
.rank-head p.sitename.rank01{
  background-image: url( "images/common/score/crown01.svg");
  padding-top: 15px;
  padding-left: 1.66em;
  background-size: auto 100%;
}
.rank-head p.sitename.rank02{
  background-image: url( "images/common/score/crown02.svg");
  padding-top: 15px;
  padding-left: 1.66em;
  background-size: auto 100%;
}
.rank-head p.sitename.rank03{
  background-image: url( "images/common/score/crown03.svg");
  padding-top: 15px;
  padding-left: 1.66em;
  background-size: auto 100%;
}
.rank-head p.sitename.rank04{
  background-image: url("images/common/score/crown04.svg");
}
.rank-head p.sitename.rank05{
  background-image: url("images/common/score/crown05.svg");
}
.rank-head p.sitename.rank06{
  background-image: url("images/common/score/crown06.svg");
}
.rank-head p.sitename.rank07{
  background-image: url("images/common/score/crown07.svg");
}
.rank-head p.sitename.rank08{
  background-image: url("images/common/score/crown08.svg");
}
.rank-head p.sitename.rank09{
  background-image: url("images/common/score/crown09.svg");
}
.rank-head p.sitename.rank10{
  background-image: url("images/common/score/crown10.svg");
}
.rank-head p.sitename.rank11{
  background-image: url("images/common/score/crown11.svg");
}
.rank-head p.sitename.rank12{
  background-image: url("images/common/score/crown12.svg");
}
.rank-head p.sitename.rank13{
  background-image: url("images/common/score/crown13.svg");
}
.rank-head p.sitename.rank14{
  background-image: url("images/common/score/crown14.svg");
}
.rank-head p.sitename.rank15{
  background-image: url("images/common/score/crown15.svg");
}
.rank-head p.sitename.rank16{
  background-image: url("images/common/score/crown16.svg");
}
.rank-head p.sitename.rank17{
  background-image: url("images/common/score/crown17.svg");
}
.rank-head p.sitename.rank18{
  background-image: url("images/common/score/crown18.svg");
}
.rank-head p.sitename.rank19{
  background-image: url("images/common/score/crown19.svg");
}
.rank-head p.sitename.rank20{
  background-image: url("images/common/score/crown20.svg");
}
.rank-head p.sitename.rank21{
  background-image: url("images/common/score/crown21.svg");
}
.rank-head p.sitename.rank22{
  background-image: url("images/common/score/crown22.svg");
}
.rank-head p.sitename.rank23{
  background-image: url("images/common/score/crown23.svg");
}
.rank-head p.sitename.pickup{
  background-image: url("images/common/score/pickup.svg");
}



.rank-head p.tag{
  /*width: 67%;*/
}
.rank-box p.tag span{
  border-radius: 4px;
  padding: 5px 1em;
  font-size: .85em;
  font-weight: 600;
  overflow: hidden;
    background: #ae060f;
  color: #fee834;
}
.rank-head p.tag span::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;
}
@keyframes shine {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
/*
.rank-box p.tag.tag01 span
,.rank-box p.tag.tag13 span
,.rank-box p.tag.tag25 span
,.rank-box p.tag.tag26 span
,.rank-box p.tag.tag28 span{
  background:  #ff0000;
  color: #fff;
}
.rank-box p.tag.tag07 span
,.rank-box p.tag.tag11 span
,.rank-box p.tag.tag17 span
,.rank-box p.tag.tag24 span
,.rank-box p.tag.tag27 span{
  background: #ae060f;
  color: #fee834;
}
.rank-box p.tag.tag03 span
,.rank-box p.tag.tag05 span
,.rank-box p.tag.tag09 span
,.rank-box p.tag.tag15 span
,.rank-box p.tag.tag16 span
,.rank-box p.tag.tag21 span{
  background: #bcc835;
  color: #fff;
}
.rank-box p.tag.tag08 span
,.rank-box p.tag.tag06 span
,.rank-box p.tag.tag12 span
,.rank-box p.tag.tag14 span
,.rank-box p.tag.tag18 span
,.rank-box p.tag.tag19 span
,.rank-box p.tag.tag22 span
,.rank-box p.tag.tag23 span{
  background: #fee834;
  color: #ae060f;
}
.rank-box p.tag.tag04 span
,.rank-box p.tag.tag10 span
,.rank-box p.tag.tag20 span
,.rank-box p.tag.tag29 span
,.rank-box p.tag.tag30 span{
  background: #ff6d6d;
  color: #fff;
}
*/
.rank-box p.tag.tag23 span{
    color: #333;
    background: #dfdfdf;
    font-size: 1em;
}
.rank-body{
  -ms-align-items: center;
  align-items: center;
}
.rank-body p.thum{
  width: 30%;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #f2f2f2;
}
.rank-body p.thum a{
  display: block;
}
.rank-body p.thum img{
  width: 100%;
  height: auto;
}
.rank-body .cmnt{
  width: 70%;
  padding-left: 3%;
}
.rank-score{
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  font-weight: 700;  
  color: #7c042f;
  margin-bottom: 10px;
}
.rank-score .txt{
  font-size: 1.2em;
}
.rank-score .star{
  width: 10em;
  padding: 0 10px;
}
.rank-score .scr{
  font-size: 1.88em;
  font-weight: 900;
}

.rank-body p.htag span{
  display: inline-block;
  font-size: .8em;
  padding: .25em .5em;
  background: #EDEDED;
  border-radius: 10px;
  margin: .25em;
  line-height: 1;
}

p.htag + .rank-cam{
  margin-top: 10px;
}
.rank-cam{
  background: #f2f8f6;
}
.rank-cam p{
  text-align: center;
  font-weight: 700;
  font-size: 1.24em;
  padding: 1.88em 0 1em;
  letter-spacing: .025em;
  background: url("images/common/icn_cam.svg") no-repeat 10px 10px/auto 58%;
}

.rank-body .cmnt .intxt{
  padding: 1em 0 0;
  text-align: justify;
  line-height: 1.4;
  font-size: .88em;
}
.btn-set{
  justify-content: space-around;
  -ms-align-items: center;
  align-items: center;
  margin-top: 25px;
}
.btn-set a{
  /*width: 47.5%;*/
  display: block;
  color: #fff;
  background: #0f7c50;
  padding: 12px 2em;
  border-radius: 30px;
  text-align: center;
  filter: drop-shadow(0 3px 0px #09523c);
  font-weight: 600;
}

/*202305追記　PICKUP*/
.pickup-list{
  margin: min(30px,5vw) 0;
  background: #f1e4e9;
  padding: 0 min(30px,5vw);
}
.pickup-list .rank-list{
  padding-top: min(30px,5vw);
}
.pickup-list .rank-list li:last-child{
  border-bottom: none;
}
.pickup-list .rank-head p.sitename,
.single-pickup .rank-head p.sitename{
    background-image: url("images/common/score/pickup.svg");
    padding: 5px 3% 0 1.65em;
    background-position-y: center;
}
.single-pickup .rank-body .cmnt.flex .site-data{
   width: 100%;
}
.rank-list li.hide-detail .rank-body{
  display: none;
}

/*TOP 相談内容・悩み別ランキング
=========================*/

body.home .sec-rank-bloc.type-lanking{
  margin-top: 70px;
}
body.home .sec-rank-bloc.type-lanking.method{
  margin-top: 30px;
}
.type-lanking .sec-ttl-head{
  text-align: center;
}
.type-lanking .sec-ttl-head h2.ribon .img-ribon{
  width: 90%;
  margin: 0 auto;
}
.type-lanking .sec-ttl-head h2.ribon .img-ribon + p
,.type-lanking .sec-ttl-head h2.ribon .img-ribon + span{
  margin-top: -1em;
}
.type-lanking .sec-ttl-head h2 span{
  font-size: .75em;
}
.type-rank-box{
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}
.type-rank-box > .type-rank-cat + .type-rank-cat:nth-child(n+3){
  margin-top: 1%;
}
.type-rank-cat{
  width: 49.5%;
  border-radius: 10px;
  background: linear-gradient(to top,#fff,#eeeeee);
  border: 3px solid #dadada;
  overflow: hidden;
}
.type-rank-cat > a{
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.type-in{
  padding: 15px;
  border-radius: 8px;
  border: 2px solid #fff;
}
.type-rank-cat p.thumb{
  width: 30%;
}
.type-rank-cat .cmnt{
  width: 70%;
  padding-left: 1em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -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;
}
.type-rank-cat .cmnt p.inttl{
  font-weight: 600;
  font-size: 1.33em;
}
.type-rank-cat .cmnt p.intxt{
  padding-top: 10px;
  line-height: 1.4;
  padding-bottom: .5em;
}
.type-rank-cat .cmnt p.more{
  display: block;
  margin-left: auto;
  font-size: .8em;
  color: #203fb4;
  padding-left: 1.24em;
  border-bottom: 1px solid;
}
.type-rank-cat .cmnt p.more::before{
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border: 1px solid;
  border-color: #203fb4 #203fb4 transparent transparent;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.clr_lbl{ color: #4389d1;}
.clr_ppl{ color: #b450dd;}
.clr_pnk{ color: #e74eb3;}
.clr_red {color: #ea3d5a;}
.clr_bl{ color: #506edd;}
.clr_og{ color: #e98330;}

.clr_b-ppl{ color: #5950b5;}
.clr_r-ppl{ color: #c04d73;}
.clr_grn{ color: #488f8e;}
.clr_yog{ color: #f29346;}
.clr_lgrn{ color: #7cb444;}
.clr_lppl{ color: #8c55a5;}

.type-lanking.method{
  background: #f5f5f5;
  padding: 30px;
  margin-top: 30px;
}
.type-lanking.method .type-rank-box{
  max-width: 85%;
  margin: 30px  auto 0;
  justify-content: space-around;
}
.type-lanking.method .type-rank-box > div + div:nth-child(n+4){
  margin-top: 1%;
}
.type-rank-btn{
  width: 32%;
  border-radius: 10px;
  background: linear-gradient(to top,#fff,#eeeeee);
  border: 3px solid #dadada;
  overflow: hidden;
}
.type-rank-btn > div{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -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;
  padding-top: 30px;
  padding-bottom: 25px;
}
.type-rank-btn > a{
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  z-index: 1;
}
.type-rank-btn .inttl{
  padding-top: 1em;
  font-family: 'NotoSans',sans-serif;
  font-weight: 600;
  line-height: 1.2;
}
.type-rank-btn p.icn{
  width: 70%;
  
}
.type-rank-btn p.icn .svg{
  filter: drop-shadow(0 2px 0px #fff);
}
/*TOP 占い師ランキング
=========================*/

body.home .sec-rank-bloc.top-ranking{
  margin-top: 100px;
}
.sec-rank-bloc.top-ranking ul.rank-list .rank-body p.thum{
  width: 30%;
  overflow: hidden;
}
.sec-rank-bloc.top-ranking ul.rank-list .rank-body .cmnt{
  width: 70%;
}
.sec-rank-bloc.top-ranking ul.rank-list .rank-body p.thum::after{
  content: "";
  display: block;
  padding-top: 100%;
}
.sec-rank-bloc.top-ranking ul.rank-list .rank-body p.thum span{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  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-rank-bloc.top-ranking ul.rank-list .rank-body .cmnt .intxt.dvr_txt{
  font-size: .88em;
}
.sec-rank-bloc.top-ranking ul.rank-list .ranktxt span{
  font-size: .88em;
  font-weight: 700;
  background: #7c042f;
  color: #fff;
  border-radius: 3px;
  padding: 5px 8px;
}


/*navi*/
.acv_pager{
  margin-top: 50px;
}
.wp-pagenavi{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}
.wp-pagenavi a
,.wp-pagenavi span{
  border: 1px solid #9c1447;
  width: 30px;
  height: 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #9c1447;
}
.wp-pagenavi a + a
,.wp-pagenavi a + span
,.wp-pagenavi span + a{
  margin-left: 5px;
}
.wp-pagenavi span{
  background: rgba(156,20,71,.5);
  color: #fff;
}
/*TOP うらにか紹介
=========================*/

.sec-uranica-bloc{
  margin-top: 70px;
}
.sec-uranica-bloc .sec-ttl-head h2{
  line-height: 1;
}
.sec-uranica-bloc .sec-ttl-head h2 p span{
  display: inline;
}

.sec-uranica-point{
  background: url("images/common/icn_point.svg") no-repeat #f2f8f6 15px 15px/auto 40px;
  border-radius: 30px;
  justify-content: center;
  margin-top: 30px;
}
.sec-uranica-point ul{
  font-size: 1.14em;
  font-weight: 700;
  padding: 25px 0;
}
.sec-uranica-point ul li{
  margin-top: 10px;
}

.uranica-info{
  width: 88%;
  margin: 30px auto 0;
}


.uranica-info .icn{
  width: 15%;
}
.uranica-info .icn img{
  width: 100%;
}
.uranica-info .cmnt{
  width: 85%;
  padding-left: 15px;
  line-height: 1.4;
  text-align: justify;
}

/*FOOT AREA
=======================================================*/


.foot-bloc{
  margin-top: 100px;
  background: #7c002f;
  color: #fff;
}
.foot-box{
  padding: 60px 20px;
  justify-content: space-between;
}
.foot-box p.logo{
  width: 60px;
  max-width: 22%;
}
.foot-box p.logo .svg path{
  fill:#fff;
}
.foot-nav{
  -ms-align-items: center;
  align-items: center;
  position: unset;
}
.foot-nav li a{
  display: block;
  padding: 0 1.14em;
  font-size: .88em;
}
.foot-nav li + li a{
  border-left: 1px solid #af5074;
}
/*.foot-nav li.drop ul.child {
  display: none;
}*/

.foot-nav li.drop{
  position: unset;
}

.foot-nav li.drop ul.child{
  width: 78%;
  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;
  top: auto;
  bottom: 25px;
  left: 20%;
  
}
/*.foot-nav li.drop ul.child li{
  width: calc(100% / 6);
}*/
.foot-nav li.drop ul.child li a{
  padding: 5px 5px 5px 10px;
  border: none;
  font-size: .8em;
}
.foot-nav li.drop ul.child li a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 3px;
  height: 3px;
  border: 1px solid;
  border-color: transparent #fff #fff transparent;
  transform:translateY(-50%) rotate(-45deg)
}
.foot-nav li.drop ul.child li + li a{
  border: none;
}
footer{
   background: #7c002f;
}
footer p.inner{
  border-top: 1px solid #af5074;
  padding: 30px 20px;
  color: #fff;
  font-size: .85em;
  text-align: center;
}


/*星座占い
======================================================*/

/*星座占い　投稿ページ
==================================*/

.main_clum.holo h4 
,.holo_today h3{
  justify-content: space-between;
  -ms-align-items: flex-end;
  align-items: flex-end;
  padding-bottom: 1em;
  border-bottom: 4px solid #7b0430;
}
.main_clum.holo h4 p.page-ttl
,.holo_today h3 p.page-ttl{
  font-size: 1.88em;
  font-weight: 600;
}
.main_clum.holo h4 p.data
,.holo_today h3 p.data{
  line-height: 1.2;
  font-size: .93em;
}
.main_clum.holo h4 p.data span
,.holo_today h3 p.data span{
  display: block;
}

.holo-score-blc p.inttl{
  font-size: 1.26em;
}
.holo-score-blc .holo-score{
  -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;
  justify-content: center;
  padding: 20px 0;
}
.holo-score-blc .holo-score .star{
  width: 300px;
  max-width: 60%;
}
.holo-score-blc .holo-score .scr{
  font-size: 1.86em;
  padding: 10px 0 0;
}


.holo_entry p.thumb
,.holo_today p.thumb{
  margin: 30px 0;
}
.holo_entry p.thumb img
,.holo_today p.thumb img{
  width: 100%;
  height: auto;
}

.holo_box > div + div{
  margin-top: 1em;
}
.holo-cmnt{
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: baseline;
  align-items: baseline;
  font-size: .93em;
}
.holo-cmnt h5{
  color: #fff;
  padding: .5em .88em;
}
.holo-cmnt h5 + p{
  padding-top: .5em;
  line-height: 1.6;
  text-align: justify;
}
.holo-cmnt.c_main h5{
  background: #7b0430;
}
.holo-cmnt.c_love h5{
  background: #dd4683;
}
.holo-cmnt.c_works h5{
  background: #6340d5;
}
.holo-cmnt.c_money h5{
  background: #d5942d;
}

.holo_parson{
  margin-top: 100px;
  margin-bottom: 100px;
}
.holo_parson h2{
  color: #000;
  font-size: 2.4em;
  font-weight: 400;
  padding-bottom: 15px;
  border-bottom: 4px solid #7b0430;
}
.holo_parson p.intxt{
  line-height: 1.4;
  text-align: justify;
  padding-top: 2em;
}

/*星座占い過去記事用*/
.today_fortune{
  padding: 0 20px;
}
.today_fortune p{
  font-size: 1.26em;
}
.luck_eva{
  padding: 20px 0;
}
.luck_eva ul li{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.luck_eva ul li img{
  width: 60px;
  height: auto;
}
.luck_eva ul li img + img{
  margin-left: 5px;
}
.luck_eva ul li span{
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 900;
  font-size: 1.86em;
  margin-top: 10px;
}
.luck_eva ul li:nth-child(2){
  display: none;
}

.total_luck{
  margin-bottom: 10px;
}
.total_luck ul li:nth-child(1){
  display: none;
  line-height: 1.4;
  font-size: 1.66em;
  font-weight: 600;
  border-left: 6px solid #7b0430;
  padding-left: 10px;
}
.total_luck ul li:nth-child(2)
,.other_luck ul li:nth-child(2){
  line-height: 1.6;
  padding: 15px 10px 0;
}
.other_luck{
  margin-top: 30px;
}
.other_luck ul li:nth-child(1){
  font-size: 1.53em;
  font-weight: 900;
}
.other_luck ul + ul{
  margin-top: 30px;
}
.other_luck ul li i{
  margin-right: 5px;
}

/*星座占い　アーカイブ
==================================*/
.holo_cate_list > .entry{
  border-radius: 6px;
  overflow: hidden;
  align-items: flex-start;
}
.holo_cate_list > .entry::after{
  content: "";
  width: 8px;
  height: 8px;
  border: 1px solid;
  border-color: #711330 #711330 transparent transparent;
  display: block;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.holo_cate_list > .entry + .entry{
  margin-top: 25px;
}
.holo_cate_list > .entry > a{
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  
}
.holo_cate_list > .entry > a:hover{
  cursor: pointer;
}

.holo_cate_list > .entry .cate_thum{
  width: 20%;
  overflow: hidden;
  border-radius: 6px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.holo_cate_list > .entry .cate_thum::after{
  content: "";
  padding-top: 100%;
  display: block;
}
.holo_cate_list > .entry:hover .cate_thum{
  opacity: .8;
  /*background: rgba(113,19,48,.25);*/
}
.holo_cate_list > .entry .cate_thum p{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}
.holo_cate_list > .entry .cate_thum p img{
  width: auto;
  max-height: none;
  height: 100%;
  max-width: none;
}

.holo_cate_list > .entry .cate_cmnt{
  width: 80%;
  padding:10px 30px 10px 20px;
}
.holo_cate_list > .entry .cate_cmnt .post_head{
  margin-bottom: 1em;
}
.holo_cate_list > .entry .cate_cmnt .post_head h3{
  font-size: 1.125em;
  font-weight: bold;
  margin-top: .93em;
}
.holo_cate_list > .entry .cate_cmnt .post_cmnt p{
  text-align: justify;
  line-height: 1.4;
}

/*ページャー*/
#single-pager{
  margin-top: 50px;
}
#single-pager a{
  width: 49%;
  -ms-align-items: center;
  align-items: center;
  padding: 10px;
  border: 1px solid #7c002f;
}
#single-pager a.prev{
  padding-left: 30px;
}
#single-pager a.next{
  padding-right: 30px;
}
#single-pager a.prev::before
,#single-pager a.next::before{
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  background: #7c002f;
  position: absolute;
}
#single-pager a.prev::before{
  left: 0;
}
#single-pager a.next::before{
  right: 0;
}
#single-pager a.prev::after
,#single-pager a.next::after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border: 1px solid;
  
}
#single-pager a.prev::after{
  left: 8px;
  border-color: transparent transparent #fff #fff;
  transform: translateY(-50%) rotate(45deg);
}
#single-pager a.next::after{
  right: 8px;
  border-color: transparent #fff #fff transparent;
  transform: translateY(-50%) rotate(-45deg);
}
#single-pager a.next{
  margin-left: auto;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#single-pager a .thumb{
  width: 18%;
  overflow: hidden;
}
#single-pager a .thumb::after{
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
#single-pager a .thumb img{
  position: absolute;
  width: auto;
  max-width: none;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
#single-pager a .cmnt{
  width: 82%;
  font-size: .95em;
  padding-left: 1em;
}
#single-pager a.next .cmnt{
  padding-right: 1em;
  padding-left: 0;
}
#single-pager a .cmnt p.name{
  font-weight: 600;
  
}
#single-pager a .cmnt > div{
  font-size: .88em;
  padding-top: 5px;
  line-height: 1.2;
}


/*UNDER 電話占い特集
=======================================================*/

/*占占専用　20210519追記*/
body.postid-39798 #review
,body.postid-39798 .rank-point-blc > .pc_link{
  display: none!important;
}
body.postid-39798 #kanteishi{
  padding-bottom: 50px;
}
body.postid-39798 .rank-body .btn-set a:last-child{
  opacity: .5;
  pointer-events: none;
}
@media screen and (max-width: 480px){

}

/*投稿ページ single-ranking
====================================*/

/**/
.single-ranking .rank-body
,.single-pickup .rank-body{
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-align-items: center;
  align-items: center;
}
.single-ranking .rank-body p.thum
,.single-pickup .rank-body p.thum{
  width: 22%;
  border: 1px solid #f2f2f2;
}
.rank-body .cmnt.flex{
  width: 78%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.rank-body .cmnt.flex .site-data{
  width: 55%;
}
.rank-body .cmnt.flex .intxt{
  line-height: 1.2;
  padding-top: 1em;
}
.rank-body .cmnt.flex .site-data .rank-cam p{
  background-size: auto 45%;
  font-size: 1.14em;
  padding-bottom: .88em;
}
.rank-body .cmnt.flex .graph{
  width: 45%;
  padding: 0 0 0 10px;
}
.rank-body .cmnt.flex .graph_ttl{
  text-align: center;
  font-weight: 600;
  padding: .5em;
  color: #7c042f;
  /*background: #e5cdd5;*/
}
.rank-body .cmnt.flex .graph-in{
  padding-top: 20px;
}
.single-ranking .rank-body .btn-set
,.single-pickup .rank-body .btn-set{
  width: 100%;
}
/**/

.single-ranking .btn-set a
,.single-pickup .btn-set a{
  background: #f17100;
  /*box-shadow: 0px 3px 0 #d16b08;*/
  filter: drop-shadow(0px 3px 0px #d16b08);
  font-size: 1em;
  border-radius: 50px;
  width: 45%;
  line-height: 1;
}
/*リンクボタン*/
.pc_link{
  width: 700px;
  max-width: 100%;
  margin: 30px auto 0;
}

.pc_link a.img_btn{
  display: block;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.pc_link a.img_btn:hover{
  opacity: .85;
  transform: translateY(-10px);
  /*box-shadow: 0 0 15px #f17100;*/
}
.pc_link a.btn{
  display: block;
  margin: 0 auto;
  width: 100%;
  background: #0f7c50;
  filter: drop-shadow(0 3px 0px #09523c);
  border-radius: 10px;
  overflow: hidden;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.pc_link a.img_btn + a.btn{
  margin-top: 15px;
}
.pc_link a.btn::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: 20px;
}
.pc_link a.btn:hover{
  opacity: .85;
  transform: translateY(-10px);
}

.pc_link a p.txt{
  padding: 10px 15px;
  text-align: center;
  font-size: 1.66em;
  font-weight: 600;
  color: #fff;
  letter-spacing: .05em;
}
.pc_link a p.txt span.cam{
  width: 100%;
  display: block;
  font-size: .8em;
  padding: 0 0 .5em;
  text-align: center;
  color: #ffff00;
  letter-spacing: .15em;
  line-height: 1;
}
.pc_link a.txt 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;
  z-index: 1;
}
.pc_link p.att{
  margin-top: 1em;
  padding: 0 1em 1em;
  font-size: .8em;
  line-height: 1.4;
  text-align: right;
  font-weight: 600;
  color: #bd3737;
}

/*サイト情報*/
.rank-deta-blc{
  margin-bottom: 50px;
}
.rank-deta-blc dl{
  border: 1px solid #ba9ca5;
}
.rank-deta-blc dl p{
  padding: 10px;
}
.rank-deta-blc dl p + p{
  border-left: 1px solid #ba9ca5;
}
.rank-deta-blc dl dt{
  background: #e5cdd5;
  color: #7c042f;
  font-size: 1.14em;
  font-weight: bold;
}
.rank-deta-blc dl dt + dd
,.rank-deta-blc dl dd + dt
,.rank-deta-blc dl dd + dd{
  border-top: 1px solid #ba9ca5;
}
.rank-deta-blc dl dd{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.rank-deta-blc dl dd p.inttl{
  width: 25%;
  font-weight: bold;
}
.rank-deta-blc dl dd p.indeta{
  min-width: 25%;
  max-width: 75%;
  line-height: 1.4;
}
.rank-deta-blc dl dd p.indeta.flex{
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
}
.rank-deta-blc dl dd p.indeta.flex a{
  font-size: .88em;
  padding-right: 1em;
  color: #7c042f;
  font-weight: 600;
}
.rank-deta-blc dl dd p.indeta.flex a::after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 5px;
  height: 5px;
  border: 2px solid;
  border-color: #7c042f #7c042f transparent transparent;
  border-radius: 2px;
  transform: translateY(-50%) rotate(45deg);
}
/*おすすめポイント*/
.rank-point-blc{
  margin: 50px auto;
}
.rank-point-box{
  -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;
  background: #f2f8f6;
  border-radius: 25px;
  padding: 30px 25px;
}
.rank-point-box h2{
  font-size: 1.66em;
  letter-spacing: .045em;
}
.rank-point-box ul{
  margin-top: 20px;
}
ul.check li{
  padding-left: 2em;
}
ul.check li + li{
  margin-top: 8px;
}
ul.check li::before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 1.44em;
  height: 100%;
  background: url( "images/common/li_check.svg") no-repeat top center/100% auto;
}
ul.check li h3{
  padding: 5px 0;
  font-size: 1.24em;
  font-weight: bold;
  line-height: 1.4;
}
.rank-report{
  margin-top: 30px;
}
.rank-report img{
  display: none;
}
/*.postid-36174 .rank-report img{
  display: block;
  width: 600px;
  max-width:100%;
  margin: 0 auto;
  height: auto;
}*/
.rank-report p{
  line-height: 2.1;
  text-align: justify;
  padding: 0 1em;
}
.rank-report p + p{
  padding-top: 1em;
}
.rank-report p strong{
  font-weight: 600;
  color: #9b1315;
}
.rank-report p em{
  font-style: normal;
  background: linear-gradient(180deg, rgba(255,246,137,0) 0%, rgba(255,246,137,0) 50%, rgba(255,246,137,1) 50%, rgba(255,246,137,1) 100%);
  font-weight: 600;
}
/*一押し占い師*/
.rank-future-blc{
  padding-top: 50px;
  border-top: 1px solid #ba9ca5;
}
.rank-future-blc h2{
  font-size: 2em;
  text-align: center;
}
.rank-future-blc h2 span{
  color: #000;
  display: block;
  font-size: .65em;
  margin-bottom: 5px;
}

.rank-future-box{
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 50px;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.rank-future-box:last-of-type{
  padding-bottom: 0;
}
.rank-future-box:first-of-type{
  margin-top: 70px;
}
.rank-future-box + .rank-future-box{
  padding-top: 50px;
}
.rank-future-box + .rank-future-box::before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 1px;
  background: #ba9ca5;
  display: block;
}
.rank-future-box .thum{
  width: 20%;
}
.rank-future-box .thum img{
  width: 100%;
}
.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{
  display: block;
  background: #5c0139;
  color: #fdf250;
  position: absolute;
  top: 42px;
  left: -5px;
  padding: .5em;
  font-size: .8em;
  z-index: 1;
  font-weight: 600;
  letter-spacing: .05em;
}
.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{
  top: -8px;
}
.rank-future-box.rank_sss::after{
  content: "★SSSランク★";
}
.rank-future-box.rank_ss::after{
  content: "★SSランク★";
}
.rank-future-box.rank_s::after{
  content: "★Sランク★";
}
.rank-future-box.rank_aplus::after{
  content: "★A＋ランク★";
}
.rank-future-box.rank_a::after{
  content: "★Aランク★";
}
.future-cmnt{
  width: 80%;
  padding-left: 25px;
}
.future-cmnt .f_name{
  font-weight: bold; font-size: 1.12em;
  letter-spacing: .025em;
}
.future-cmnt .f_name span:first-child{
  padding-right: .88em;
}
.future-cmnt .f_name span + span{
  padding-left: 1em;
}
.future-cmnt .f_name span + span::before{
  content: "/";
  display: inline-block;
  position: absolute;
  left: 0;
}

.future-cmnt .f_price{
  padding-top: 1em;
  -ms-align-items: flex-start;
  align-items: flex-start;
  line-height: 1.2;
}
.future-cmnt .f_price p{
  padding: 5px 1em;
  font-weight: 600;
}
.future-cmnt .f_price p:first-child{
  background: #f2f8f6;
  min-width: 6em;
}
.future-cmnt ul {
  margin-top: 20px;
}
.future-cmnt ul li{
}
.future-cmnt ul li p:first-child{
  background: #f2f8f6;
  padding: 5px 1em;
  font-weight: bold;
}
.future-cmnt ul li p:last-child{
  text-align: justify;
  padding: .5em 1em;
  line-height: 1.6;
  font-size: .88em;
}
.future_txt{
  padding: 20px;
  text-align: justify;
  line-height: 2.1;
}
.future_txt strong{
  font-weight: bold;
  color: #9B1315;
}
.future_txt em{
  font-style: normal;
  background: linear-gradient(180deg,rgba(255,246,137,0) 0%,rgba(255,246,137,0) 50%,rgba(255,246,137,1) 50%,rgba(255,246,137,1) 100%);
  font-weight: 600;
}
.future_txt > p + p{
  padding-top: 1em;
}
.future_btn{
  justify-content: center;
  width: 100%;
}
.future_btn a{
  margin: 0 auto;
  display: block;
  color: #9c1447;
  border: 1px solid #9c1447;
  padding: 12px 45px;
  border-radius: 30px;
  text-align: center;
  background: #fff;
  filter: drop-shadow(0 3px 0px rgba(124,0,47,1));
}
.future_btn a::before{
  content: "";
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #9c1447;
  border-right: 1px solid #9c1447;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

/*口コミ*/
.rank-review-blc{
  margin-top: 70px;
}
.rank-review-blc h2{
  background: url("images/common/icn_review.svg") #e5cdd5 no-repeat 10px center/auto 65%;
  font-size: 1.66em;
  padding-left: 50px;
}
.rank-review-blc h2 p{
  letter-spacing: .05em;
  padding: 15px;
}

.rank-review-box{
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 50px;
}
.rank-review-box > *{
  width: 49%;
  padding: 15px;
  background: #f9f9f9;
  border: 1px solid #e1e1e1;
  margin-bottom: 50px;
  border-radius: 6px;
}
.rank-review-box > *:nth-child(even){
  margin-left: 2%;
}
.rank-review-box > * .deta{
  width: 30%;
}
.rank-review-box > * .cmnt{
  width: 70%;
  padding-left: 20px;
}
/*吹き出し*/
.rank-review-box > *::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: 15px;
  bottom: -21px;
   border-top: 10px solid #e1e1e1;
  border-right: 10px solid #e1e1e1;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
}
.rank-review-box > *::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: 16px;
  bottom: -19px;
   border-top: 10px solid #f9f9f9;
  border-right: 10px solid #f9f9f9;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
}

/*星*/
.rank-review-box > * .cmnt .star{
  width: 100%;
  height: 20px;
  background-size: auto 100%;
  background-position: right center;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}
.rank-review-box > * .cmnt .star.star1{
  background-image: url("images/common/score/star01.svg")
}
.rank-review-box > * .cmnt .star.star2{
  background-image: url("images/common/score/star02.svg")
}
.rank-review-box > * .cmnt .star.star3{
  background-image: url("images/common/score/star03.svg")
}
.rank-review-box > * .cmnt .star.star4{
  background-image: url("images/common/score/star04.svg")
}
.rank-review-box > * .cmnt .star.star5{
  background-image: url("images/common/score/star05.svg")
}
/*コメント*/
.rank-review-box > * .cmnt .txt{
  text-align: justify;
  line-height: 1.4;
  font-size: .95em;
}

/*サムネイル設定*/
.rank-review-box > * .deta .thum{
  width: 100%;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: auto 85%;
  margin-bottom: 2em;
}
.rank-review-box > * .deta .thum::after{
  content: "";
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: -1.88em;
  display: block;
  font-size: .88em;
}
.rank-review-box > * .deta .thum.fe_20{
  background-image: url("images/common/review/fe_ad25.svg");
}
/*.rank-review-box > blockquote .deta .thum.fe_20::after{
  content: "20代女性";
}*/
.rank-review-box > * .deta .thum.fe_30{
  background-image: url("images/common/review/fe_ad35.svg");
}
/*.rank-review-box > blockquote .deta .thum.fe_30::after{
  content: "30代女性";
}*/
.rank-review-box > * .deta .thum.fe_50{
  background-image: url("images/common/review/fe_ad45.svg");
}
/*.rank-review-box > blockquote .deta .thum.fe_50::after{
  content: "50代女性";
}*/
.rank-review-box > * .deta .thum::before{
  content: "";
  display: block;
  width: 0;
  height: 0;
  padding-top: 100%;
}
/*引用*/
.rank-review-box > * p.link{
  position: absolute;
  bottom: -18px;
  font-size: .7em;
  right: 38px;
}
.rank-review-box > * p.link a{
  text-decoration: underline;
}

/* 電話占いアーカイブ　ranking_archive
========================*/

#locator_wrap{
  padding: 10px 20px;
  font-size: 13px;
  background: #f2f8f6;
}

.howto-box{
  margin-top: 30px;
}
.howto-box > div + div{
  margin-top: 30px;
}
.howto-cat .inttl{
  font-size: 1.14em;
  font-weight: 600;
}
.howto-cat .inttl span{
  display: block;
  padding: .25em 0 .5em 1.5em;
  
}
.howto-cat .inttl span::before{
  content: "";
  display: block;
  position: absolute;
  top: .15em;
  left: 0;
  width: 1.24em;
  height: 1.24em;
  background: url("images/common/icn_pue.svg") no-repeat center/100%;
}
.howto-cat p.intxt{
  line-height: 1.6;
  padding-top: .5em;
}

/*注意点*/

#content .notes-box h2.tag {
  font-size: 1.66em;
  line-height: 1.6;
  margin-bottom: 30px;
}

#content .notes-box h2.tag p{
  -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;
}
#content .notes-box h2.tag span{
  color: #fff;
  background: #9c1447;
  display: block;
  font-size: .65em;
  font-weight: bold;
  padding: 2.5px 25px;
}

.notes-box{
  margin-top: 50px;
  background: #f2f8f6;
  border-radius: 30px;
}
.notes-in{
  padding: 50px 40px;
}

.notes-in ul{}

.notes-in ul li + li{
  margin-top: 20px;
}
.notes-in ul li p.inttl{
  font-weight: 600;
  font-size: 1.14em;
  padding-left: 25px;
}
.notes-in ul li p.inttl::before{
  content: "";
  display: block;
  position: absolute;
  background: url("images/common/icn_check.svg") no-repeat center/100% 100%;
  width: 1.14em;
  height: 1.14em;
  left: 0;
}
.notes-in ul li p.intxt{
  padding-top: 10px;
  line-height: 1.4;
  text-align: justify;
  padding-left: 25px;
}
/*UNDER 電話占い師特集
=======================================================*/

/*占い師アーカイブ　archive-uranaishi
====================================*/

ul.rank-list.dvr-ranking li .rank-head p.ranktxt span{
  font-size: .88em;
  font-weight: 700;
  background: #7c042f;
  color: #fff;
  border-radius: 3px;
  padding: 5px 8px;
}

ul.rank-list.dvr-ranking li:first-child .rank-head p.sitename{
  background-image: url("images/common/score/crown01.svg");
}
ul.rank-list.dvr-ranking li:nth-child(2) .rank-head p.sitename{
  background-image: url("images/common/score/crown02.svg");
}
ul.rank-list.dvr-ranking li:nth-child(3) .rank-head p.sitename{
  background-image: url("images/common/score/crown03.svg");
}
.dvr_data{
  font-size: .95em;
  line-height: 1.4;
}
.dvr_data > * p.inttl{
  width: 7em;
  font-weight: 700;
}
.dvr_data >* p.flex{
  justify-content: space-between;
}
.dvr_data > * p a{
  font-size: .95em;
  font-weight: 600;
  color: #7c042f;
  padding-right: 1em;
}
.dvr_data > * p a::after{
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border: 2px solid;
  border-radius: 2px;
  border-color: #7c042f #7c042f transparent transparent;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(45deg);
}
.dvr_data > * + * {
  margin-top: .5em;
}
.dvr_data > * p:nth-child(2){
  width: calc(100% - 7em);
}
.rank-body .cmnt .intxt.dvr_txt{
  font-size: .95em;
}

/*コラムアーカイブ　archive-columns
====================================*/

.acv-columns-bloc{
  margin-bottom: 70px;
}
.acv-columns-bloc .clms_title{
  font-size: 1.71em;
  color: #000;
  border-bottom: 3px solid #7c0331;
  padding-bottom: 5px;
}
.clms_cate-box{
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 50px;
}
.clms_cate-box > *{
  width: calc(100% / 6.5);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -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;
}
.clms_cate-cat a{
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.clms_cate-cat .thumb{
  width: 100%;
  overflow: hidden;
  border-radius: 50%;
}
.clms_cate-cat .thumb::after{
  content: "";
  display: block;
  padding-top: 100%;
}
.clms_cate-cat .thumb p{
  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;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.clms_cate-cat .thumb p img{
  height: 100%;
  max-width: none;
  width: none;
}
.clms_cate-cat .catename{
  font-size: .88em;
  font-weight: 600;
  margin-top: .8em;
  min-height: 3em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  line-height: 1.2;
  text-align: center;
}

/*column一覧*/
.clms-list{
  margin-top: 20px
}
.clms-list > li{
  background: #fafafa;
  padding: 10px;
  margin-top: 2%;
}
.clms-list > li.soon{
  background: none;
  text-align: center;
  font-weight: 600;
  padding:50px 20px 20px;
}
.clms-list > li a{
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.clms-list > li + li:nth-child(even){
  margin-left: 2%;
}
.clms-list > li .thumb{
  width: 15%;
}
.clms-list > li .cmnt{
  width: 85%;
  padding-left: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.clms-list > li .cmnt .post-title{
  font-weight: 600;
  padding-bottom: 10px;
  line-height: 1.2;
}
.clms-list > li .cmnt .text{
  font-size: .92em;
  line-height: 1.2;
}
.clms-list > li .cmnt .data{
  font-size: .88em;
  margin-top: auto;
  text-align: right;
}
.clms-list > li .cmnt .data span + span::before{
  content: "/";
  display: inline-block;
  padding: 0 .5em;
}

/*コラム投稿ページ songle-colmuns
====================================*/
.columns-head{
  margin-bottom: 25px;
}
.columns-head .post-data{
  -ms-align-items: center;
  align-items: center;
}
.columns-head .post-data span{
  display: block;
}
.columns-head .post-data span + span{
  margin-left: 1em;
}
.columns-head .tag{
  border-radius: 6px;
  padding: .5em;
  font-size: .82em;
}
.columns-head .tag.clm_cate01{
  color: #fff;
  background: #b450dd;
  
}
.columns-head .post-title{
  font-size: 1.62em;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 10px;
}

.columns-data{
  padding: 20px;
  background: #f2f8f6;
  border-radius: 6px;
  -ms-align-items: center;
  align-items: center;
}

.columns-data .thumb{
  width: 100px;
  max-width: 18%;
  overflow: hidden;
  background: #fff;
  border-radius: 50%;
}
.columns-data .thumb::after{
  content: "";
  display: block;
  padding-top: 100%;
}
.columns-data .thumb p{
  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;
}
.columns-data .thumb p span{
  width: 50%;
}
.columns-data .thumb p span .svg .a{
  fill:#7b0430;
}
.columns-data dl{
  width: calc(100% - 100px);
  padding-left: 20px;
  line-height: 1.6;
}
.columns-data dl > div{

}
.columns-data dl dt
,.columns-data dl dd{
  display: inline-block;
  
}
.columns-data dl dt{
  min-width: 7em;
}
.columns-data dl dt::after{
  content: ':';
  padding: 0 .5em;
  position: absolute;
  right: 0;
}

.sec-columns-bloc .clms_title{
  margin-top: 50px;
  font-size: 1.41em;
  color: #000;
  border-bottom: 3px solid #7c0331;
  padding-bottom: 5px;
  font-weight: 600;
  line-height: 1.2;
}

.sec-columns-bloc .clms_title span{
  font-size: .88em;
  display: block;
  color: #7c0331;
  margin-bottom: 5px;
}
.sec-columns-bloc > .grad-warp + .clms_title{
  margin-top: 80px;
}
/*アコーディオン*/
.grad-trigger{
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  font-weight: 600;
  width: 10em;
  background: #7a042e;
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
  text-align: center;
  padding: .85em 1em .75em 2em;
  font-size: .92em;
  letter-spacing: 1.7px;
}
.grad-trigger::after{
  content: "続きを読む";
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.grad-trigger.is-show{
  bottom: -3em;
}
.grad-trigger.is-show::after{
  content: "閉じる";
}
.grad-trigger::before{
  content: "";
  width: 5px;
  height: 5px;
  border: 2px solid;
  border-color: transparent transparent #fff #fff;
  position: absolute;
  border-radius: 2px;
  left: 1em;
  top: 45%;
  transform: translateY(-50%) rotate(-45deg);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.grad-trigger.is-show::before{
  top: 60%;
  transform: translateY(-50%) rotate(135deg);
}

.clms-box{
  line-height: 1.8;
  margin-top: 30px;
}
.grad-item{
  overflow: hidden;
}
.grad-item.is-hide{
  height: 20em;
}
.grad-item::before{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0.75) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0.75) 50%, #fff 100%);
  z-index: 1;
  
}
.clms-box p + p{
  margin-top: 1.41em;
}
.grad-trigger.is-show + .grad-item::before {
  display: none;
}

.clms_after_bloc{
  margin-top: 80px;
  margin-bottom: 40px;
}

.clms_after_box{
 line-height: 1.8;
  margin-top: 30px;
}
.clms_after_bloc .clms_title{
  font-size: 1.41em;
  color: #000;
  border-bottom: 3px solid #7c0331;
  font-weight: 600;
  line-height: 1.2;
  padding-bottom: 5px;
}

.clms_after_box > p + p{
  margin-top: 1em;
}
.clms_after_box h3 + p{
  margin-top: 30px;
}

/*.clms_after_box .thumb{
  width: 10%;
  overflow: hidden;
  border-radius: 50%;
  background: #f3a591;
  margin-right: 30px;
}
.clms_after_box .thumb::after{
  content: "";
  display: block;
  padding-top: 100%;
}
.clms_after_box .thumb p{
  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;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}*/



/*.balloon{
  width:calc(90% - 30px);
  padding: 20px;
  background: #fafafa;
  border-radius: 6px;
  line-height: 1.4;
}
.balloon::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 20px solid #fafafa;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.balloon > p + p{
  margin-top: 1em;
}
.balloon > p em{
  font-size: 1.12em;
  font-weight: bold;
}*/
.clms_teller{
  padding: 40px 20px;
  background: rgba(241,228,233,.5);
  border-radius: 6px;
}
.clms_teller .clms_title{
  font-size: 1.41em;
  text-align: center;
  /*color: #000;
  border-bottom: 3px solid #7c0331;
  padding-bottom: 5px;*/
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 30px;
  color: #7c0331;
}
.clms_teller .rank-future-box:first-of-type{
  margin-top: 0;
  padding: 0 20px;
}
.clms_teller .future-cmnt .f_price p:first-child
,.clms_teller .future-cmnt ul li p:first-child{
  background: #fff;
}
.clms_teller .future_txt{
  display: none;
}
.clms_teller .future_btn{
  margin-top: 30px;
}
.clms_teller .future_btn a{
  background: #9c1447;
  color: #fff;
}
.clms_teller .future_btn a:before{
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.clms_teller .future-cmnt ul li p:last-child{
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*投稿ページ single-uranaishi
====================================*/
.single-uranaishi .rank-box{
  padding: 0 20px;
  margin-bottom: 30px;
}
.single-uranaishi .rank-head p.sitename{
  width: 100%;
}
.single-uranaishi .rank-body{
}
.single-uranaishi .rank-body p.thum{
  width: 20%;
  overflow: hidden;
}
.single-uranaishi .rank-body p.thum::after{
  content: "";
  display: block;
  padding-top: 110%;
}
.single-uranaishi .rank-body p.thum span{
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.single-uranaishi .rank-body .cmnt{
  /*width: 50%;*/
  width: 100%;
}
.single-uranaishi .rank-body .cmnt .intitle{
  font-weight: 600;
   color: #7c042f;
} 
.single-uranaishi .rank-body .cmnt > p.ranktxt{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 10px;
}
.single-uranaishi .rank-body .cmnt > p.ranktxt span{
  font-size: .88em;
  font-weight: bold;
  background: #7c042f;
  color: #fff;
  border-radius: 3px;
  padding: 5px 8px;
}
.single-uranaishi .rank-body .cmnt .intxt.dvr_txt{
  padding: 1em;
  background: #f2f8f6;
  border-radius: 10px;
  line-height: 1.6;
/*  font-size: .8em;*/
}
.single-uranaishi .rank-body .cmnt .intxt.dvr_txt > * + *{
  margin-top: 5px;
}
.single-uranaishi .rank-score .txt{
  font-size: 1em;
}

.single-uranaishi .rank-score .star{
  width: 8em;
}
.single-uranaishi .rank-score .scr{
  font-size: 1.66em;
}
.single-uranaishi .rank-body .graph{
  width: 30%;
}

.single-uranaishi .rank-body .graph p.graph-ttl{
  text-align: center;
  font-weight: 600;
  padding: .5em;
  color: #7c042f;
}
#dvr-chart{
  margin-top: 20px;
}

.dvr_trial_blc{
  padding: 25px 0 0;
}
.dvr_trial_blc .toptxt{
  line-height: 1.6;
  padding-bottom: 50px;
}
.dvr_trial_blc .toptxt p + p{
  padding-top: .85em;
}
.dvr_trial_blc .toptxt strong{
  font-weight: 600;
  color: #9b1315;
}


/*体験レポート*/

.dvr_contents h2{
  font-size: 1.66em;
  border-bottom: 2px solid #9c1447;
}
.dvr_contents h2 p{
  padding-bottom: 5px;
  line-height: 1.6;
}

.dvr_trial_inner{
  background: rgba(241,228,233,.5);
  padding: 50px 30px;
  border-radius: 6px;
}

.dvr_trial_inner > div{
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  min-height: 70px;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.dvr_trial_inner > div:not(:first-child){
  margin-top: 10px;
}
.dvr_trial_inner > div.liquid-speech-balloon-right{
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

/*アイコン*/
.liquid-speech-balloon-avatar{
  background: no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 20px;
  background-color: #e5cdd5;
}
div.liquid-speech-balloon-right .liquid-speech-balloon-avatar{
  margin-left: 20px;
  margin-right: 0;
}div.liquid-speech-balloon-right .liquid-speech-balloon-avatar{
  background-size: 80%;
  background-position: center;
}

.liquid-speech-balloon-avatar::before{
  content: "";
  display: block;
  padding-top: 100%;
}
/*鑑定師名削除*/
.liquid-speech-balloon-avatar:after{
  content: none!important;
}
/*吹き出し*/
.liquid-speech-balloon-text{
  max-width: 70%;
  background: #fff;
  padding: 15px;
  line-height: 1.6;
  font-size: .95em;
  margin-top: 10px;
  text-align: justify;
}

.liquid-speech-balloon-text::after{
  position: absolute;
    top: 0px;
    right: -8px;
    z-index: 3;
    height: 0;
    width: 0;
    border-style: solid solid none none;
    border-width: 10px;
    border-color: #fff transparent;
    content: "";
}
.liquid-speech-balloon-left .liquid-speech-balloon-text::after{
  position: absolute;
  left: -8px;
  right: 0;
  border-style: solid none none solid;
  border-width: 10px;
  border-color: #fff transparent;
}

/*後日談*/
.dvr_cmnt_last{
  margin-top: 50px;
}
.dvr_cmnt_last_in{
  padding-top: 25px;
}
.dvr_cmnt_last_in p{
  line-height: 1.4;
}
.dvr_cmnt_last_in > p + p{
  padding-top: 1em;
}



/*心理テスト
======================================================*/

/*心理テスト　アーカイブ
==================================*/

.acv-psych-bloc{
  padding-bottom: 100px;
}
.psych-list{
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.psych-list > article{
  width: 49%;
  padding: 10px;
}
.psych-list > article:nth-child(even){
  margin-left: 2%;
}
.psych-list > article .thum{
  width: 100%;
  overflow: hidden;
}
.psych-list > article .thum::before{
  content: "";
  display: block;
  width: 0;
  height: 0;
  padding-top: 40%;
}
.psych-list > article .thum span{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.psych-list > article .ttl{
  font-weight: 600;
  margin: 10px 0;
  line-height: 1.2;
  color: #9c1447;
}
.psych-list > article .txt{
  line-height: 1.2;
  text-align: justify;
}
.psych-list > article .btn{
  width: 80%;
  font-size: .9em;
  margin: 15px auto 25px;
}
.psych-list > article .btn a:hover{
  background: #9c1447;
  color: #fff;
}

/*心理テスト投稿ページ
============================*/
.sec-psych-bloc > div + div{
  padding-top: 30px;
  border-top: 1px solid #e2d0d5;
}
.sec-psych-bloc strong{
  font-weight: 600;
  background: linear-gradient(#fff 0%,#fff 60%,#e0f7f0 60%,#e0f7f0 100%);
}
.psych-qa-box:not(:last-of-type){
  padding-bottom: 50px;
}
/*.sec-psych-bloc strong::after{
  content: "";
  width: 100%;
  height: 25%;
  position: absolute;
  bottom: 4px;
  left: 0;
  background: #e0f7f0;
  z-index: -1;
}*/
.psych-ttl{
  font-weight: 600;
  font-size: 1.24em;
  border-bottom: 1px solid;
  line-height: 1.6;
}
.psych-top{
  padding: 20px;
  line-height: 1.8;
}
.psych-start img{ width: 100%;}
.psych-start .intxt{
  padding: 20px;
  line-height: 1.6;
}

.psych-qa-box p.thum img{
  width: 100%;
}
.q-box .ttl
,.a-box .ttl{
  font-size: 1.14em;
  margin-bottom: 5px;
  -ms-align-items: center;
  align-items: center;
  line-height: 1.2;
}

.q-box .ttl p.tag
,.a-box .ttl p.tag{
  color: #9c1447;
  font-size: 2em;
  padding-right: 10px;
  padding-bottom: 5px;
}

.q-box .ttl h3.inttl{
  font-size: 1.14em;
  font-weight: 600;
}
.q-box .que-txt{
  padding: 20px;
  line-height: 1.6;
}
.q-box .que-txt img{
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}

.mdl-ans{
  justify-content: center;
  margin-top: 20px;
}
.mdl-ans a{
  width: 300px;
  max-width: 85%;
  margin: 0 auto;
  display: block;
  color: #9c1447;
  border: 1px solid #9c1447;
  padding: 10px 0;
  border-radius: 30px;
  text-align: center;
  background: #fff;
  filter: drop-shadow(0 3px 0px rgba(124,0,47,1));
}
.mdl-ans a::before{
  content: "";
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #9c1447;
  border-right: 1px solid #9c1447;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

/**/
.a-box {
  -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;
}
.a-box .ttl{
  width: 100%;
  margin-bottom: 20px;
  text-align: left;
}
.a-box .ttl h4{
  font-size: 1.16em;
  font-weight:600;
}
.asr-top{
  background: #f2f8f6;
  border-radius: 10px;
  padding: 10px 20px;
  color: #9c1447;
  font-weight: 600;
  font-size: 1.12em;
  width: 100%;
  justify-content: center;
  line-height: 1.4;
}
.asr-top span{
  text-align: left;
}

.a-box .asr-txt{
  text-align: justify;
  padding-top: 20px;
  line-height: 1.6;
}

.psych-btm-bloc{}
.psych-btm-bloc p.txt{
  padding-bottom: 30px;
  line-height: 1.6;
  text-align: justify;
}

.ge-box{
  background: #e2d0d5;
  padding: 20px;
  border-radius: 15px;
}
.ge-box p.thum{
  width: 20%;
}
.ge-box p.thum img{
  width: 100%;
}
.ge-box .cmnt{
  width: 80%;
  font-size: .9em;
  padding-left: 20px;
}
.ge-box .cmnt p.name{
  font-weight: 600;
  font-size: 1.1em;
}
.ge-box .cmnt p.intxt{
  line-height: 1.6;
  text-align: justify;
  padding-top: 1em;
}
.ge-link{
  margin-top: 1em;
}
.ge-link a{
  display: block;
  margin: 0 auto;
  color: #fff;
  padding: 10px 0;
  border-radius: 20px;
  text-align: center;
  background: #7a042e;
  filter: drop-shadow(0 3px 0px #560220);
}
.ge-link a::after{
  content: "";
  width: 5px;
  height: 5px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

/*お問い合わせ
====================================*/

.contact-txt{
  line-height: 1.6;
}

.form-box{
  justify-content: center;
  margin-top: 50px;
}

ul.form_list li{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
ul.form_list li + li{
  margin-top: 15px;
}
ul.form_list li p.inttl{
  width: 12em;
}
ul.form_list li p.inttl.must{
  padding-left: 2em;
}
ul.form_list li p.inttl.must::before{
  content: "必須";
  display: block;
  font-size: .7em;
  background: #B60003;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
  line-height: 1;
  padding: 3px 2px;
  font-weight: 600;
}
ul.form_list li .in-input{
  width: calc(100% - 12em);
}
ul.form_list li input
,ul.form_list li textarea{
  padding: 5px 10px;
  font-size: 16px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.f-check{
  margin-top: 30px;
  text-align: center;
  font-size: .88em;
}
.f-check a{
  text-decoration: underline;
}
.f-check p{
  margin-top: 1em;
  font-size: .88em;
  line-height: 1.2;
}

.submit{
  justify-content: center;
  margin-top: 30px;
}

.submit input:disabled{
 opacity: .5;
}
.submit input[type="submit"]{
  min-width: 180px;
  font-size: 1.142em;
  color: #fff;
  display: block;
  padding: 5px;
  border-radius: 6px;
  text-align: center;
  background: #7a042e;
  filter: drop-shadow(0 3px 0px #560220);
  font-weight: 600;
  border: none;
  outline: none;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}
ul.form_list li span.wpcf7-not-valid-tip{
  display: block;
  font-size: .85em;
  margin-top: 5px;
  color: #B60003;
}


/*運営会社情報
============================*/

.sec-company h3{
  font-size: 1.44em;
  font-weight: 600;
}
.sec-company-inner{
	margin-top: 1em;
}

ul.company-box {
  margin-top: 20px;
  line-height: 1.4;
}
ul.company-box + h3{
  margin-top: 50px;
}
ul.company-box li{
  border-bottom: 1px solid #ba9ca5;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: 1em 0;
}
ul.company-box li p:nth-child(1){
  width: 25%;
  font-weight: 600;
}
ul.company-box li p:nth-child(2){
  width: 75%;
}

/*検索結果 search
====================================*/

#feas-sort-menu{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-top: 2em;
  background: #f2f8f6;
}
#feas-sort-menu > p {
  display: block;
  width: 16.6%;
  text-align: center;
  font-size: .9em;
  padding: .85em 0 .5em;
}
#feas-sort-menu > p + p {
    border-left: 1px solid #ccc;
}
dl.site-result dd {
  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;
  border-bottom: 1px solid #ccc;
}
dl.site-result dd > div{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  width: 16.6%;
  padding: 1em;
  text-align: center;
  font-size: .88em;
}
dl.site-result dd > div + div {
  border-left: 1px solid #ccc;}

dl.site-result div.list-thum img {
  height: auto;
  border: 1px solid #efefef;
}
dl.site-result div.list-thum p.name{
  font-weight: 600;
  text-align: left;
  font-size: .95em;
  padding-bottom: .5em;
}
.list-method span{
  display: block;
}
.list-method span + span{
  padding-top: .5em;
}
.list-star span.scr{
  display: block;
  padding-top: .5em;
  font-size: 1.142em;
  font-weight: 600;
  color: #7c042f;
}
.list-btn a{
  display: block;
  color: #fff;
  background: #0f7c50;
  padding: 12px 0;
  border-radius: 30px;
  text-align: center;
  filter: drop-shadow(0 3px 0px #09523c);
  font-weight: 600;
}
.list-btn a p{
  padding-top: 3px;
}

/*調査概要
============================*/

.sec-survey-blc > div + div{
  margin-top: 30px;
}
.survey-box h3{
  font-weight: 600;
  font-size: 1.142em;
  border-bottom: 1px solid #d6b4c1;
  margin-bottom: 20px;
}
.survey-box h3 p{
  padding-bottom: 5px;
  line-height: 1.4;
  color: #7b0430;
}

ul.survey_list li p.inttl{
  font-weight: 600;
  background: #fafafa;
}
ul.survey_list li p{
  padding: 8px 5px;
  line-height: 1.4;
}

.survey-cat > p{
  padding: 8px 5px;
}
.survey-cat > p span + span::before{
  content: ":";
  padding: 0 2.5px;
}
.survey-link{
    color: #7b0430;
    text-decoration: underline;
}
.srv_data_head{
  background: #f2f8f6;
}
.srv_data_head > div.flex
,.svr_data_body .data-box{
  justify-content: space-between;
}
.srv_data_head > div.flex p
,.svr_data_body .data-box p{
  text-align: center;
  font-size: .8em;
  padding: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: flex-start;
  line-height: 1;
}
.svr_data_body .data-box p{
  padding: 10px;
  font-size: .9em;
    justify-content: flex-start;
}
.srv_data_head > div.flex p:first-child
,.svr_data_body .data-box p:first-child{
 width: 50%;
}
.srv_data_head > div.flex p:not(:first-child)
,.svr_data_body .data-box p:not(:first-child){
  width: 50%;
    justify-content: flex-end;
}
.svr_data_body > div:nth-child(even){
  background: #fafafa;
}
.svr_data_body .data-box p.svr_data01{
  font-weight: 600;
}


/*[Template] タイプ別おすすめ占い師ランキング 
 ===============================================*/

.page-template-ranking .sec-ttl-head h2 {
  font-size: 2.44em;
  padding-bottom: 25px;
  text-align: center;
}
.page-template-ranking .sec-ttl-head h2::after{
  content: "";
  display: block;
  width: 50%;
  height: 2px;
  background: #b697a0;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.page-template-ranking .sec-ttl-head h2 p{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -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;
}
.page-template-ranking .sec-ttl-head h2 p span{
  text-align: center;
  margin-bottom: .15em;
}
.page-template-ranking .sec-ttl-head h2 p span.br{
  font-size: 1em;
  color: inherit;
  margin-bottom: 0;
  letter-spacing: -.025em;
  display: inline-block;
}
.type-rank-txt{
  margin: 50px 0 60px;
}
.type-rank-txt p{
  text-align: justify;
  font-size: 1.14em;
  line-height: 1.6;
  padding: 0 20px;
}
.type-rank-txt p strong{
  font-weight: 700;
  color: #9b1315;
}
.type-rank-txt p em{
  font-style: normal;
  background: linear-gradient(180deg,rgba(255,246,137,0) 0%,rgba(255,246,137,0) 50%,rgba(255,246,137,1) 50%,rgba(255,246,137,1) 100%);
}

.type-rank-top{
  margin-bottom: 50px;
}

.type-ranking-head{
  background: url("images/common/type_head_bk.png") #9b1044 no-repeat right center/auto 100%;
  margin-bottom: 30px;
  border-radius: 3px;
}
.type-ranking-head p{
  font-weight: 900;
  font-size: 1.24em;
  color: #fff;
  padding: .35em 1em.5em;
}
.type-rank-top .type-ranking-head p{
  font-size: 1.44em;
  color: #ddbf97;
}

.type_rank_other > * + *{
  margin-top: 30px;
}

.type_rank_other > div:nth-child(n+3) .future_txt{
  display: none;
  visibility: hidden;
}

.type-otehr-cat .future_btn{
  margin-top: 20px;
}

.type-ranking-head + .rank-future-box.rank_sss:after
,.type-ranking-head + .rank-future-box.rank_ss:after
,.type-ranking-head + .rank-future-box.rank_s:after
,.type-ranking-head + .rank-future-box.rank_aplus:after
,.type-ranking-head + .rank-future-box.rank_a:after{
  top: -8px;
  
}
/*========アーカイブおすすめピック=========*/
.top-pick{
    border: #ba9ba5 2px solid;
    padding: 40px 20px;
    border-radius: 20px;
    margin: 4vw 0;
}
.top-pick .rank-box * + *{
    margin-top: 1em;
}
.top-pick h2 {
    color: #9c1447;
    font-weight: 800;
    font-size: 2.45em;
    margin-bottom: 20px;
    line-height: 1.4;
}
.top-pick .img_btn img{
    width: 100%;
}
.top-pick h2.tag>span {
    -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;
}
.top-pick h2.tag>span>span {
    color: #fff;
    background: #9c1447;
    display: block;
    font-size: .5em;
    font-weight: 700;
    padding: 2.5px 25px;
}
.top-pick .rank-box .rank-head{
    margin-bottom: 20px;
}
.top-pick .rank-point-box h2{
    font-size: 1.88em;
    margin-bottom: 0;
}

/*占い師ランキング削除
============================*/
ul.rank-list.dvr-ranking li .rank-head p.sitename,
ul.rank-list.dvr-ranking li:first-child .rank-head p.sitename,
ul.rank-list.dvr-ranking li:nth-child(2) .rank-head p.sitename,
ul.rank-list.dvr-ranking li:nth-child(3) .rank-head p.sitename{
    background: none;
    padding-left: 0;
}
.type-ranking-head{
    display: none;
}

/*景表法の改修
=====================================*/
.sml_cmnt{
    font-size: .845em;
    text-align: right;
    color: #7d7d7d;
    margin-left: auto;
    margin-top: min(10px,1vw);
}
.single-ranking .sml_cmnt,
.single-pickup .sml_cmnt{
    width: 90%;
    margin: 1em auto 0;
}
.rank-list li.hide-detail .rank-box .sml_cmnt{
  display: none!important;
}
.sec-ttl-head h2 span.title-cmnt{
    font-size: .375em;
    font-weight: 300;
    line-height: 2;
}
.article_ciero-pr .rank-score{
    display: none;
}
/*PRヒョウキシュウセイ
=====================================*/
/*
.article_mahina .rank-score{
    display: none;
}
*/
/*叶愛（とあ）先生
=====================================*/
.postid-47129 .detail-list,
.postid-47129 .rank-deta-blc,
.postid-47129 .rank-future-blc,
.postid-47129 .rank-review-blc{
    display: none;
}