@charset "utf-8";
/*
Theme Name: uranist_new2023
Description: うらニスト2023
Version: 1.0
*/

/*共通*/
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
:focus {outline: 0;}

* html body{overflow: hidden;}
html {height:100%;}
body {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;position: relative;height: 100%;-webkit-text-size-adjust: 100%; line-height: 1.6; font-size: 3.6vw; color: #333;}


a[href^="tel:"] {pointer-events: none;}
a {color:inherit; text-decoration: none;}

.marker_ylw{ 
	background: linear-gradient(transparent 50%, #fff799 50%);
    font-weight: bold;
	display: inline;
	font-size: 1.05em;
}

img {max-width:100%; width: 100%; height: auto;}
.sp-dsp{ display: inherit !important;;}
.pc-dsp{display: none !important;;}

.aligncenter {text-align:center;}
.alignright  {text-align:right; }
.alignleft   {text-align:left; }

.inner{ width: 95%; margin: 0 auto;max-width: 100%;}
.breadcrumbs{ font-size: .88em; padding: .5em;}

.wpcr3_review div.wpcr3_review_datePublished{ display: none;}
.wpcr3_review div.wpcr3_review_author{ padding-left: 1em;}

#content{ margin-bottom: 5vw;max-width: 100%;}
#wrapper { overflow: hidden;}
/*header*/
header{ border-bottom: 8px solid #e3e3e3; background: #fff; transition: all .3s; height: 65px; display: flex; align-items: center; z-index: 100;}
/*header.fixed{position: fixed;}*/
header > .inner{ padding-top: .5em;}

.head_logo{ background: url("images/common/header-logo.svg") no-repeat center left/auto 90%;
    font-family: 'Noto Sans JP', sans-serif; font-size: .85em; font-weight: 700; color: #57087c; line-height: 1.2;
    letter-spacing: -.025em;}
.head_logo a{ display: block; padding-left: 3.5em;}
.head_logo span{ font-size: 1.5em; padding-left: .25em; font-weight: 900; letter-spacing: normal;}

/*nav*/
.g-nav{ display: none;}
#sp-menu { position: fixed; right: 0; top: 0; display: block; margin: 0 auto; width: 58px;
    aspect-ratio: 1 / 1; cursor: pointer; text-align: center; z-index: 999; background: #fafafa;}

#sp-menu.fixed span { background: #57087c;}
#sp-menu span { display: block; width: 26px; height: 3px; background: #57087c;
    position: absolute; left: 18px; -webkit-transition: all .3s; transition: all .3s;
    -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;}
#sp-menu.open span {
    background: #57087c; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;}

#sp-menu span:nth-child(1) { top: 20px;}
#sp-menu span:nth-child(2) { top: 28px;}
#sp-menu span:nth-child(3) { top: 36px;}

#sp-menu.open span:nth-child(1) { top: 30px;
    -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#sp-menu.open span:nth-child(2) { opacity: 0;}
#sp-menu.open span:nth-child(3) {top: 30px;
    -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

#sp-menu-block {display: none; position: fixed; width: 100%; height: 100%; transition: all .3s;
    background: rgb(241, 236, 243); left: 0; top: -100vh; bottom: 0; overflow-y: scroll; z-index: 99; padding: 0 1em 5em;}

#sp-menu-block.slide{top: 65px;}
#sp-menu-block-inner ul li{width: 100%; border-bottom: 1px solid; }
#sp-menu-block-inner ul li a
,#sp-menu-block-inner ul li.pl_dwn > p{ width: 100%; display: block; padding: .8em 0; font-weight: 600;}

#sp-menu-block-inner ul li a::after{ content: ''; width: 5px; height: 5px; border: 0px; border-top: solid 1px #57087c; border-right: solid 1px #57087c; -ms-transform: rotate(45deg) translateY(-50%); -webkit-transform: translateY(-50%) rotate(45deg); transform: rotate(45deg) translateY(-50%); position: absolute; top: 48%; right: 3%;}
#sp-menu-block-inner ul li a > ul li a { padding: 1em .5em;}
#site-header h1 svg { width: 70vw; fill:#79b88f;}


#sp-menu-block-inner ul li > ul li a { font-weight: 300;}

#sp-menu-block-inner ul li.pl_dwn{
  padding-top: 5px;
  padding-bottom: 5px;
}

#g-nav { display: none; z-index: 201; width: 100%;}
.pc-top-nav{ display: none;}

.g-nav-inner{ display: flex; flex-wrap: wrap; flex-direction: column-reverse;}
.g-nav-inner ul li{ padding: 0 .35em;}
.g-nav-inner ul li > ul li{ padding: 0 0 0 .5em;}
.g-nav ul { display: block; height: auto; width: 100%;}

.g-nav li a {font-family: 'Oswald', sans-serif;font-weight: 600; letter-spacing: .15em; font-size: 1.15em; display: block;
    padding: 0 20px; -webkit-transition: color ease-in-out 0.3s; transition: color ease-in-out 0.3s; text-align: center;}

.g-nav li a span { display: block; font-weight: 400; font-family: sans-serif; font-size: .65em; letter-spacing: normal;}

/* g-nav コラム子カテゴリ追加 */
.g-nav-inner ul > li {position: relative;}
.g-nav-inner ul > li > ul.menu__second-level {
/*
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 40px;
  background: #7e4798;
  z-index: 1;
*/
  width: 100%;
  
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  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;
}
#sp-menu-block-inner ul.menu__second-level li{
  width: calc((100% - 1em)/2);
  border-bottom: none;
  padding-left: 0;
}
#sp-menu-block-inner ul.menu__second-level li a{
  font-size: .92em;
  font-weight: 600;
  padding-left: 1.5em;
}
#sp-menu-block-inner ul.menu__second-level li a::after{
  right: auto;
  left: 0;
}



footer{ text-align: center; background: #d1c4e9;}
footer p{font-size: .75em; padding: .88em 0 1.5em;}
.footer_txt{ background: #e3e3e3; padding: .4em;}
.footer_txt > .content{ display: flex; justify-content: center; margin: 0 auto; font-size: .88em; flex-direction: column; align-items: center;}
body.single .footer_txt > .content{ padding: 0;}
.footer_txt > .content > div > a:not(:last-child){ padding-right: 2em; width: 40%;}
.footer_txt > .content > div > a::before{ content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: bold; padding-right: .5em; color: #7a4d8f;}
.footer_txt > .content > p{ font-size: .75em;}

@media screen and (min-width: 769px) {

    body{ font-size: 15px;}
    header{ display: flex; align-items: center; height: auto;}
    header.fixed{ position: inherit;}
    header > .inner{ width: 1100px; display: flex; justify-content: space-between; align-items: flex-end;}
    .head_logo{width: auto; font-size: .95em; padding:1em 0 .5em 0; font-weight: 600; line-height: 1.2; background-size: auto 80%;}
    .head_logo a{ padding-left: 5em;}
    #sp-menu{ display: none;}
    #g-nav{ width:100%; left: auto; top: auto;}
    .g-nav-inner{ flex-wrap: nowrap; width: 100%; justify-content: center; background: #57087c; flex-direction: inherit;}

    .pc-top-nav{display: flex;}
    .pc-top-nav a{ padding: 0 .5em; font-size: .88em;}
    .pc-top-nav a p::before{content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: bold; padding-right: .5em; color: #7a4d8f;}

    .g-nav-inner ul{ width: 1100px; display: flex;}
    .g-nav-inner > ul > li{ width: 25%; padding:1em 0; text-align: center; align-items: center;}
    .g-nav-inner ul li:not(:nth-child(n+6)) a
  ,.g-nav-inner ul li > p{ border-right: 1px solid;}
    /* .g-nav-inner ul li:nth-child(n+5){ display: none;} */
  .g-nav-inner ul li a
  ,.g-nav-inner ul li > p{ display: block;color: #fff; transition: all .3s;}

  
  /*hover*/
  .g-nav-inner ul > li > ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    position: absolute;
    top: 40px;
    width: 100%;
    background: #7e4798;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    display: flex;
    flex-direction: column;}
  .g-nav-inner ul > li.pl_dwn:hover > ul.menu__second-level {
  top: 54px;
  visibility: visible;
  opacity: 1;

}

.g-nav-inner ul > li.pl_dwn:hover > ul.menu__second-level > li { width: auto;} 
.g-nav-inner ul > li.pl_dwn:hover > ul.menu__second-level > li.pl_dwn:hover{ background: #641a87; -webkit-transition: all .2s ease; transition: all .2s ease;}
.g-nav-inner ul > li.pl_dwn:hover > ul.menu__second-level > li + li { border-top: 1px solid #fff;}
.g-nav-inner ul > li:hover > ul.menu__second-level > li a{ border-right: none; padding: 1em;}
}

#content.under{ padding-top: 2.5vh;}

/*===============================
 index
================================*/

section + section{ padding-top: 2.5vh;}

.main-column{ margin-bottom: 2.5vh;}
.main-column h3{ background: #57087c;}
.main-column h3{ color: #fff; padding: .5em .88em; letter-spacing: -.005em;}

/*検索*/
.top-search{ padding: 3vh 0;}
.top-search .inner{ display: flex; justify-content: space-around;}
.top-search .inner a{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 30%; border: 6px solid #9f7cb0; border-radius: 10px; text-align: center; background: -moz-linear-gradient(top, #fff, #f1ebf3);
    background: -webkit-linear-gradient(top, #fff, #f1ebf3); background: linear-gradient(to bottom, #fff, #f1ebf3);
    box-shadow: 0 4px #57087c; padding: 1em 0 .88em;
}
.top-search .inner a p:nth-child(1){ width: 45%; max-height: 99px; display: flex; align-items: center;}
.top-search .inner a p:nth-child(2){ font-family: 'Noto Sans JP', sans-serif; font-weight: 700; color: #57087c;}

.top-vis > .inner{ width: 100%; display: flex; flex-wrap: wrap;}
.top-vis .intxt{ padding-bottom: 1em;}
.top-vis .intxt p{ padding: 0 1em; text-align: justify;}
.top-vis.home > .inner{
 background: url("images/index/key.jpg") no-repeat right -5% center/cover;}
.top-vis .inttl{ width: 100%;}
.top-vis .inttl{ font-size: 1.35em; padding: 2em .5em; font-family: 'Noto Sans JP', sans-serif; font-weight: 900; color: #57087c;}

/* サイトランキング*/
.ranking-list{ width: 95%; margin: 0 auto;}
.ranking-list dd{ padding: 1.5em 0;}
.ranking-list dd:not(:last-child){ border-bottom: 1px solid #e8deeb;}

/* --サイトランキング new*/
.rank-entry-box{}
.rank-entry-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  padding-bottom: .88em;
}
.rank-entry-head p.site-name {
  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;
}
.rank-entry-head p.pic-tag{margin-left: auto;}
.rank-entry-head p.pic-tag span{
  padding: .5em 1em .35em;
  color: #fff;
  background: #00ae63;
  font-size: .78em;
  line-height: 1;
  border-radius: 3px;
  overflow: hidden;
  display: block;
  position: relative;
}
.pickup-list .rank-entry-head p.pic-tag span{
  background: #F3D443;
  color: #C8181B;
}
.rank-entry-head p.pic-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;
}
/*
.rank-entry-head p.pic-tag.pc_01 span
,.rank-entry-head p.pic-tag.pc_04 span
,.rank-entry-head p.pic-tag.pc_13 span
,.rank-entry-head p.pic-tag.pc_10 span
,.rank-entry-head p.pic-tag.pc_09 span
,.rank-entry-head p.pic-tag.pc_18 span
,.rank-entry-head p.pic-tag.pc_16 span{
  background: #F3D443;
  color: #C8181B;
}
.rank-entry-head p.pic-tag.pc_02 span
,.rank-entry-head p.pic-tag.pc_12 span
,.rank-entry-head p.pic-tag.pc_05 span
,.rank-entry-head p.pic-tag.pc_08 span
,.rank-entry-head p.pic-tag.pc_11 span
,.rank-entry-head p.pic-tag.pc_17 span
,.rank-entry-head p.pic-tag.pc_19 span
,.rank-entry-head p.pic-tag.pc_20 span{
  color: #F3D443;
  background: #AE0000;
}
.rank-entry-head p.pic-tag.pc_03 span
,.rank-entry-head p.pic-tag.pc_06 span
,.rank-entry-head p.pic-tag.pc_07 span
,.rank-entry-head p.pic-tag.pc_15 span
,.rank-entry-head p.pic-tag.pc_14 span{
  background: #00ae63;
  color: #fff;
}
*/
.rank-entry-head p.pic-tag.pc_02 span{
    color: #333;
    background: #dfdfdf;
}
@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;
  }
}

.rank01{ background-image: url("images/common/rank-icon/rank1.svg"); background-size: auto 80%; padding-left: 2.24em; font-size: 1.3em;}
.rank02{ background-image: url("images/common/rank-icon/rank2.svg"); background-size: auto 80%; padding-left: 2.24em; font-size: 1.3em;}
.rank03{ background-image: url("images/common/rank-icon/rank3.svg"); background-size: auto 80%; padding-left: 2.24em; font-size: 1.3em;}
.rank04{ background-image: url("images/common/rank-icon/rank4.svg");}
.rank05{ background-image: url("images/common/rank-icon/rank5.svg");}
.rank06{ background-image: url("images/common/rank-icon/rank6.svg");}
.rank07{ background-image: url("images/common/rank-icon/rank7.svg");}
.rank08{ background-image: url("images/common/rank-icon/rank8.svg");}
.rank09{ background-image: url("images/common/rank-icon/rank9.svg");}
.rank10{ background-image: url("images/common/rank-icon/rank10.svg");}
.rank11{ background-image: url("images/common/rank-icon/rank11.svg");}
.rank12{ background-image: url("images/common/rank-icon/rank12.svg");}
.rank13{ background-image: url("images/common/rank-icon/rank13.svg");}
.rank14{ background-image: url("images/common/rank-icon/rank14.svg");}
.rank15{ background-image: url("images/common/rank-icon/rank15.svg");}
.rank16{ background-image: url("images/common/rank-icon/rank16.svg");}
.rank17{ background-image: url("images/common/rank-icon/rank17.svg");}
.rank18{ background-image: url("images/common/rank-icon/rank18.svg");}
.rank19{ background-image: url("images/common/rank-icon/rank19.svg");}
.rank20{ background-image: url("images/common/rank-icon/rank20.svg");}
.rank21{ background-image: url("images/common/rank-icon/rank21.svg");}
.rank22{ background-image: url("images/common/rank-icon/rank22.svg");}
.rank23{ background-image: url("images/common/rank-icon/rank23.svg");}
.rank24{ background-image: url("images/common/rank-icon/rank24.svg");}
.rank25{ background-image: url("images/common/rank-icon/rank25.svg");}
.rank26{ background-image: url("images/common/rank-icon/rank26.svg");}
.rank27{ background-image: url("images/common/rank-icon/rank27.svg");}
.rank28{ background-image: url("images/common/rank-icon/rank28.svg");}
.rank29{ background-image: url("images/common/rank-icon/rank29.svg");}
.rank30{ background-image: url("images/common/rank-icon/rank30.svg");}
.rank-entry-head p.site-name.pickup{ background-image: url("images/common/rank-icon/pickup.png");
background-size: 2.25em auto; padding: .25em 0 0 2.56em;}


.rank-entry-body{
  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;
}
.rank-entry-box {
  padding: .5em 0;
}
/*
.rank-entry-box > a{
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.rank-entry-box > a::after{
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 3px #00ae63;
  border-right: solid 3px #00ae63;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 55%;
  right: -.5%;
}
*/
.rank-entry-body .rank-thum{
  width: 30%;
}
.rank-entry-body .rank-thum a{
  display: block;
}
.rank-entry-body .rank-thum a img
,.rank-entry-body .rank-thum img{
  height: auto;
}
.rank-site-deta{
  width: 65%;
  padding-left: 1em;
}
.rank-site-deta .instar{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-align-items: center;
  align-items: center;
  font-size: 1.25em;
  color: #f70650;
  font-weight: bold;
}
.rank-site-deta .instar::after {
    content: "口コミ満足度";
    font-size: .7em;
  padding-right: .65em;}

.rank-site-deta .instar .star{
  max-width: 42%;
  padding-right: .5em;
}
.rank-site-deta .fst-cam span{
  font-size: .85em;
  background: #ff9e9e;
  color: #fff;
  padding: .25em .5em .25em;
}
.rank-site-deta .intxt{
  font-size: .95em;
  padding-top: .85em;
  text-align: justify;
}
.rank-entry-link{
  display: none;
  width: 100%;
  margin-top: 1em;
  z-index: 2;
}
.rank-entry-link a{
  width: 48%;
  background: #7a4d8f;
  border-radius: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  box-shadow: 0 4px #57087c;
  padding-top: .25em;
}
/*
.rank-entry-link a{
  width: 48%;
  background: -moz-linear-gradient(top, #52CC00,#338000);
  background: -webkit-linear-gradient(top, #52CC00,#338000);
  background: linear-gradient(to bottom, #52CC00,#338000);
  border-radius: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  box-shadow: 0 4px #143300;
  padding-top: .25em;
}
*/
.rank-entry-link a p{
  padding: 1em 0 .85em;
  line-height: 1;
}
.rank-entry-link a::before{
  content: "＞";
  position: absolute;
  right: .5em;
  font-size: .88em;
  font-weight: normal;
  line-height: 1;
  transform: scale(.6, 1);
}


/*--サイトランキング new　ここまで*/

.rank-entry{ display: flex; flex-wrap: wrap;}

.site-deta .site-name{ font-size: 1.1em; font-weight: bold; padding-left: 1.5em; background-repeat: no-repeat; background-position: left center; background-size: 1.25em auto;}
.rank-entry .site-thum{ width: 29%;}
.rank-entry > .site-thum img{ border: 1px solid #f1ecf3; height: auto;}

.site-deta { font-weight: bold;}
.site-point{ display: flex; align-items: center; flex-direction: row-reverse;font-size: 1.25em; color: #f70650; font-weight: bold;}
.site-point::after{ content: "口コミ満足度"; font-size: .7em; padding-right: .75em;}

.site-point p.star{ padding-right: .5em; width: 45%;}
.rank-entry > .site-deta{ width: 71%; padding-left: 1em;}

.rank-deta p.fst-cam {padding-top: .88em;}
/*.rank-deta p.fst-cam.front {padding-top: 0; margin-top: -.98em;}*/
.rank-deta p.fst-cam span{ font-size: .85em; /*letter-spacing: -.025em;*/ background: #ff9e9e; color: #fff; padding: .25em .5em .25em;}

.rank-deta p.sp-txt{ font-weight: normal; font-size: .88em; text-align: justify;}

.rank-entry > .rank-cmnt{ padding: 1em 0;}
.rank-entry > .link{ width: 100%; display: flex; justify-content: space-around;}
body.home .site-ranking .rank-entry > .link{display: none;}
.rank-entry > .link a{ width: 45%; background: #7a4d8f; border-radius: 5px; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; box-shadow: 0 4px #57087c; padding-top: .25em;}
.rank-entry > .link a::before{ content: "＞";position: absolute; right: .5em; font-size: .88em; font-weight: normal; line-height: 1; transform: scale(.6, 1);}
.rank-entry > .link a p{ padding: 1em 0 .85em; line-height: 1;}



.btn-lanking{ display: flex; justify-content: center; padding: 5vw 0;}
.btn-lanking a{width: 90%; background: #7a4d8f; border-radius: 5px; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; box-shadow: 0 4px #57087c; padding: 1em 0 .88em;}

body.home .rank-deta{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  -o-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
body.home .rank-deta p.fst-cam{ padding-top: .25em;}
body.home .rank-deta p.sp-txt{ padding-top: .5em;}

/*鑑定師ランキング*/
.kts-rank .acv-post{ border-bottom: none;}
.kts-rank .jmp-kts{ border-top: none;}
.kts-rank .intxt{ text-align: center; padding-top: 2.5vh; font-size: .88em;}
.kts-rank .intxt span{display: block; font-weight: bold; font-size: 1.15em; padding-bottom: .75em;}

.kts-rank .acv-post h4{ font-weight: bold; font-size: 1.15em; padding-bottom: .88em; color: #57087c;}
.kts-rank .acv-post h4::before{ content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: bold; padding-right: .5em;}

.genre-nav {display: flex; flex-wrap: wrap; justify-content: center; padding-top: 1em;}
.genre-nav a{ width: 30%; display: flex; justify-content: center; flex-wrap: wrap; color: #7a4d8f;}
.genre-nav a p img{ width: 70px; height: 70px;}
.genre-nav a span{ width: 100%; display: block; padding: 0 0 1em; text-align: center; font-size: .88em; font-weight: bold;}

.kts-cmnt{ text-align: justify; padding: 1em .5em;}
.kts-rank-ttl { margin-top: 1em;}
.kts-rank-ttl p.icn{ position: absolute; left: .5em; top: 40%;  transform: translate(0,-50%); width: 50px; height: 50px; border-radius: 50%; border: 5px solid #9f7cb0; z-index: 1;}
.kts-rank-ttl p.inttl{ border-bottom: 10px solid #7a4d8f; padding-left: 70px; color: #57087c; letter-spacing: .015em; font-weight: bold; font-size: 1.15em;}

.kts-rank-incmnt{ padding: 1.5em 1em 1em;}
.kts-rank-incmnt p{ text-align: justify;}

.ranking-entry{ width: 100%; margin: 0 auto 2em;}

.jmp-kts{ display: flex; justify-content: center; width: 90%; margin: 0 auto; border-top: 2px solid #e2e2e2; padding-top: 2em;}
.jmp-kts a{ width: 75%; background: #7a4d8f; border-radius: 5px; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; box-shadow: 0 4px #57087c;}
.jmp-kts a::before{ content: "＞";position: absolute; right: .25em; font-size: .88em; font-weight: normal; line-height: 1;}
.jmp-kts a p{ padding: 1em 0 .85em; line-height: 1; letter-spacing: .05em;}

/*占い師紹介*/

.bs-entry{ display: flex; flex-wrap: wrap; color: #4a3f4f;}

.bs-thum{ width: 35%;}
.bs-thum img{ height: auto; border-radius: 10px; box-shadow: 4px 4px #f1ecf3;}
.bs_deta{ width: 65%; padding-left: 1em;}
.bs-name{ font-size: 1.25em; font-weight: bold;}
.bs01{ padding-top: .5em;}
.bs01 p{display: flex; justify-content: space-between;}
.bs01 p span:nth-of-type(1){ width: 45%; text-align: center; background: #f1ecf3; color: #57087c;}
.bs01 p span:nth-child(2){ width: 50%;}
.bs01 p:nth-child(3){ display: none;}
.bs01 p + p{ margin-top: .44em;}

.bs01 p span:nth-child(1){ font-weight: bold;}
.bs01 p{ font-size: .88rem; font-weight: 700;}

.bs_deta2{ width: 100%;}
.bs02 p{ display: flex; flex-direction: column;}
.bs02 p > span{ padding-left: .5em;}
.bs02 p > span > span + span::before{ content: "／";}

.bs-entry > .link{ width: 100%; display: flex; justify-content: center; }
.bs-entry > .link a{ background: #7a4d8f; border-radius: 5px; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; box-shadow: 0 4px #57087c; padding: .25em 2em 0em 1em; width: 100%;}
.bs-entry > .link a::before{ content: "＞";position: absolute; right: .5em; transform: scale(.6, 1); font-size: .88em; font-weight: normal; line-height: 1;}
.bs-entry > .link a p{ padding: 1em 0 .85em; line-height: 1;}

.foot_acv h3 { font-size: 1.15em; margin: 1em 0; font-weight: bold;}
.post-archives{ display: flex; width: 95%; margin: 0 auto; justify-content: space-around;}
.post-archives > div.acv-thum{ width: 46%;}
div.acv-thum img{ height: auto;}

/*口コミ最上部削除*/
body.single div.wpcr3_aggregateRating{ display: none!important;}
body.single div.wpcr3_dotline{ border-bottom: none!important; margin-bottom: 0!important;}
div.wpcr3_review blockquote.wpcr3_content{ padding-bottom: 10px;}


/*口コミレイアウト*/
.entry_main .wpcr3_in_content{ padding-top: 30px!important;}

.wpcr3_review div.wpcr3_content{ width: 100%; padding:.5em 0 0;}

.wpcr3_review div.wpcr3_content p{ display: block!important; line-height: 1.6!important;}
.wpcr3_content p{ padding: .5em!important;}

body.single div.wpcr3_item_name{ width: 105%; font-size: 1.25em; font-weight: 900; background:#57087c; padding: .5em; margin: auto -2.5%; color: #fff; font-style: normal;}

body.single div.wpcr3_item_name::before{ content: "\f086"; font-family: "Font Awesome 5 Free"; padding-right: .5em;}
.wpcr3_review div.wpcr3_review_author{font-style: normal; }
.wpcr3_item{ border-bottom: dotted 1px #eee;}
.wpcr3_div_2{ width: 100%; padding: 1em;}
.wpcr3_leave_text{ padding-bottom: .5em;}

.wpcr3_button_1{ width: 80%; margin: 0 auto; display: block; padding: 1em 0;}
.wpcr3_submit_btn,.wpcr3_cancel_btn{ width: 45%; display: inline-block;}

.wpcr3_review div.wpcr3_review_datePublished{ font-style: normal;}

.wpcr3_table_2 td{ padding-bottom: 1em;}

.wpcr3_respond_2 textarea{ display: block; background: #f8f8f8; border: #ccc 1px solid; min-width: auto; width: 100%; margin: .5em auto; font-size: 16px; height: auto!important;}
.wpcr3_respond_2 input[type="text"]{-webkit-appearance:none;-webkit-rtl-ordering: none; border-style: none; border: 1px solid#ccc; min-width: auto; padding: .5em; background: #f8f8f8; box-shadow: none; font-size: 16px; width: 100%; box-sizing: border-box;}

.wpcr3_review{ padding: 1em 0; border-bottom: 1px dotted #ccc;
  display: flex; flex-wrap: wrap; flex-direction: column;
    align-items: flex-start;
}

div.wpcr3_review span{ font-size: .88em;}
.wpcr3_item_name{ min-width: 50%; font-weight: bold;}
.wpcr3_review_datePublished{ padding-right: 1em;}

.wpcr3_review_ratingValue{ display: flex; align-items: flex-start;}
.wpcr3_review_ratingValue::before{content: "総合評価：";}

div.wpcr3_review div.wpcr3_review_datePublished,
div.wpcr3_review div.wpcr3_review_author{ padding: 0;}
div.wpcr3_review blockquote.wpcr3_content p{ padding: 0!important;}

.wpcr3_reviews_holder{ margin: 2em 0 0;}
/*pagetop*/
a.pagetop {
	width: 50px;
	height: 25px;
	border-radius:3px 3px 0 0;
	overflow: hidden;
	display:block;
}
a.pagetop:hover { height:28px;}


/*search*/

.search label.txt::before{ content: "\f002"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #ccc;
    position: absolute; left: .5em; top: 50%; transform: translate(0,-50%);}

.search input.txt{ padding: .5em .5em .5em 2.25em; width: 250px; font-size: 16px;}

/*pickup*/
.pickup-banner{ background: #9f7cb0; margin: 3.5vh 0;}
.pickup-banner p.inttl{ text-align: center; padding: 1em 0 .5em; color: #fff; letter-spacing: .025em; font-size: 1.05em;}
.pickup-banner ul{ padding-bottom: 3.5vh;}
.slick-slide{ padding: 0 .5em;}
.slick-dots li{ margin: 0;}
.slick-dots li button{ width: 15px; height: 15px; padding: 0}
.slick-dots li button:before{ color: #c6aad3; width: 15px; height: 15px; padding: 0;}
.slick-dots li.slick-active button:before{ opacity: 1; color: #fff;}

.pager{ display: flex; justify-content: center; padding: 1em 0 0;}

/*===============================
 sidebar
================================*/

#sidebar{font-size: .9em;}
#sidebar h3{background: #57087c; margin: 0 -2.5%;}
#content.under #sidebar h3{background: #57087c;}

#sidebar h3{color: #fff; padding: .5em .88em; font-size: 1.15em;}
.sidebar-inner{ width: 95%; margin: 0 auto;}

#sidebar ul{ margin: 1em auto;}
#sidebar div.wpcr3_review div.wpcr3_content{ padding-bottom: 0;}
#sidebar .wpcr3_review div.wpcr3_review_author{ margin-right: auto; padding: 0; line-height: 0; font-style: initial;}
#sidebar .wpcr3_pagination{display: none;}

#sidebar .side_new-post li,#sidebar .post-list li{padding: 1em 0;}
#sidebar .side_new-post li:not(:last-child){border-bottom: 1px dotted #ccc; }
#sidebar .post-list li:not(:last-child){border-bottom: dotted 1px #ccc;}
#sidebar .post-list li a{ display: flex; flex-direction: column;}
#sidebar .post-list li a span{ color: #666;}

/*アーカイブ*/
body.single h1{ font-size: 1.15em; font-weight: bold; font-family: 'Noto Sans JP', sans-serif; padding-bottom: 1em;}

#content.under h1{ font-size: 1.5em; padding: .25em 0; font-weight: bold; font-family: 'Noto Sans JP', sans-serif; border-bottom: 2px solid #57087c;}
#content.under.rank-love h1{ padding-left: 1.6em; font-size: 1.35em; background: url("images/common/rank-icon/renai-icn.svg") no-repeat left center/1.25em;}
#content.under.rank-kazoku h1{ padding-left: 1.6em; font-size: 1.35em; background: url("images/common/rank-icon/family-icn.svg") no-repeat left center/1.25em;}
#content.under.rank-fukuen h1{ padding-left: 1.6em; font-size: 1.35em; background: url("images/common/rank-icon/fukuen-icn.svg") no-repeat left center/1.25em;}
#content.under.rank-shigoto h1{ padding-left: 1.6em; font-size: 1.35em; background: url("images/common/rank-icon/money-icn.svg") no-repeat left center/1.25em;}
#content.under.rank-deai h1{ padding-left: 1.6em; font-size: 1.3em; background: url("images/common/rank-icon/en-icn.svg") no-repeat left center/1.25em;}

#content.under h3{ background-color: inherit; color: inherit;}

.acv-post{ width: 95%; margin: 0 auto; padding: 1.5em 0;}
.acv-post{ border-bottom: 1px solid #ddd;}
.acv-post .site-deta .site-name{ background-repeat: no-repeat; background-size: 1.25em;}

div.acv-post .site-name.rank01{ background-image: url("images/common/rank-icon/rank1.svg");}
div.acv-post .site-name.rank02{ background-image: url("images/common/rank-icon/rank2.svg");}
div.acv-post .site-name.rank03{ background-image: url("images/common/rank-icon/rank3.svg");}
div.acv-post .site-name.rank04{ background-image: url("images/common/rank-icon/rank4.svg");}
div.acv-post .site-name.rank05{ background-image: url("images/common/rank-icon/rank5.svg");}
div.acv-post .site-name.rank06{ background-image: url("images/common/rank-icon/rank6.svg");}
div.acv-post .site-name.rank07{ background-image: url("images/common/rank-icon/rank7.svg");}
div.acv-post .site-name.rank08{ background-image: url("images/common/rank-icon/rank8.svg");}
div.acv-post .site-name.rank09{ background-image: url("images/common/rank-icon/rank9.svg");}
div.acv-post .site-name.rank10{ background-image: url("images/common/rank-icon/rank10.svg");}
div.acv-post .site-name.pickup{ background-image: url("images/common/rank-icon/pickup.png");}

/*占い師アーカイブ*/
body.post-type-archive-uranaishi .acv-post .bs-name.ranktag{ background-repeat: no-repeat; background-size: 1.4em; background-position: left top; font-weight: 700;}
body.post-type-archive-uranaishi .acv-post:first-of-type .bs-name.ranktag{background-image: url("images/common/rank-icon/rank1.svg"); padding-left: 1.7em;}
body.post-type-archive-uranaishi .acv-post:nth-of-type(2) .bs-name.ranktag{background-image: url("images/common/rank-icon/rank1.svg"); padding-left: 1.7em;}
body.post-type-archive-uranaishi .acv-post:nth-of-type(3) .bs-name.ranktag{background-image: url("images/common/rank-icon/rank2.svg"); padding-left: 1.7em;}
body.post-type-archive-uranaishi .acv-post:nth-of-type(4) .bs-name.ranktag{background-image: url("images/common/rank-icon/rank3.svg"); padding-left: 1.7em;}
body.post-type-archive-uranaishi .acv-post:nth-of-type(5) .bs-name.ranktag{background-image: url("images/common/rank-icon/rank4.svg"); padding-left: 1.7em;}

/*相談別ランキング*/
body.tax-soudan div.acv-post .bs-name{ background-repeat: no-repeat; background-size: 1.24em; background-position: left center;}
body.tax-soudan div.acv-post .bs-name.love01{ background-image: url("images/common/rank-icon/rank1.svg"); padding-left: 1.5em;}
body.tax-soudan div.acv-post .bs-name.love02{ background-image: url("images/common/rank-icon/rank2.svg");}
body.tax-soudan div.acv-post .bs-name.love03{ background-image: url("images/common/rank-icon/rank3.svg");}
body.tax-soudan div.acv-post .bs-name.love04{ background-image: url("images/common/rank-icon/rank4.svg");}
body.tax-soudan div.acv-post .bs-name.love05{ background-image: url("images/common/rank-icon/rank5.svg");}


/*ページャー*/
#pagination{ margin-top: 40px; padding: 0 2em;}
#pagination::after{ content: ""; display: block; clear: both;}
#pagination li.next{ float: right;}
#pagination li.prev{ float: left;}


/*===============================
 search
================================*/

.page-search{ width: 95%; margin: 2em auto;}

.page-search > .form{ margin-top: 1em;}
#feas-searchform-0{display: flex; flex-wrap: wrap;}
#feas-searchform-0 p{ width: 100%; background: #f1ecf3; padding: .5em; font-weight: bold;}
#feas-searchform-0 label{ width: 50%; margin: .5em 0;}

.form-pra,.form-free{ width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 1em;}
.form-pra > p,.form-free > p{ width: 100%; margin-bottom: 1em;}
#feas-searchform-0 input[type="text"]{ border: 1px solid #ccc; padding: .5em; font-size: 16px; width: 38%; vertical-align: middle; margin-right: .15em;}

#feas-searchform-0 .form-free input{ width: 80%; margin: 0 auto;}

#feas-searchform-0 input.feas-submit-button{-webkit-appearance: none; -moz-appearance: none; appearance: none;
     width: 80%; border-color: none; border: none; display: block; margin: 2em auto; background: #7a4d8f; border-radius: 5px; color: #fff; align-items: center; justify-content: center; font-size: 1em; font-weight: bold; box-shadow: 0 4px #57087c; padding: .8em 0 .5em;}

/*検索結果*/

#feas-sort-menu { display: none;}

  dl.site-result dd{ display: flex; flex-wrap: wrap; border-bottom: 1px solid #ccc; padding: 1em .5em;}
dl.site-result dd > div{ width: 25%;}
dl.site-result dd > div > p{ text-align: center;}
dl.site-result dd > div.list-kantei > p{ display: flex;  flex-direction: column-reverse; align-items: center;}

  dl.site-result dd > div{ display: flex;flex-direction: column; justify-content: center; padding:.3em; font-size: .9em;}
  dl.site-result div.list-thum{ font-weight: bold; flex-direction: column;}
dl.site-result div.list-thum p.name{ width: 90vw; font-size: 1.44em; text-align: left; padding-bottom: .8em;}
  dl.site-result div.list-thum img{ height: auto; border: 1px solid #efefef;}

dl.site-result div.list-kantei p::after{ content: "鑑定方法"; display: block; font-weight: bold;}
dl.site-result div.list-price p::before{content: "鑑定料金"; display: block; font-weight: bold; margin-top: -1.5em;}
dl.site-result div.list-nop p::before{content: "在籍人数"; display: block; font-weight: bold; margin-top: -1.5em;}

dl.site-result div.list-star{ width: 90%; margin: -.5em auto 0; display: flex; flex-direction: row-reverse; align-items: center;}
div.list-star{ color: #f70650;}
dl.site-result div.list-star p.star{ display: flex; align-items: center;}
dl.site-result div.list-star p.star img{ width: 40%;}
dl.site-result div.list-star p.star::before{content: "口コミ満足度　:"; font-size: 1.15em; padding-right: .5em; font-weight: bold;}
dl.site-result div.list-star p:nth-child(1){ font-weight: 900; font-size: 1.5em;}

dl.site-result div.list-btn{ width: 90%; margin: 0 auto;}
dl.site-result div.list-btn a{ background: #7a4d8f; border-radius: 5px; color: #fff; display: flex;
    align-items: center; justify-content: center; font-weight: bold; box-shadow: 0 4px #57087c;}
dl.site-result div.list-btn a p{ line-height: 1; padding: 1em 0 .65em;}

/*口コミ一覧*/
.page-voice{ padding: 1em;}
.wpcr3_pagination {display: flex; padding: 2em 0; justify-content: center;}


/*記事ページ*/
#toc_container a{ font-weight: normal;}
#toc_container.have_bullets li{ padding-left: 0;}
#toc_container .toc_list > li > a{ font-size: 1.12em; padding-top: .5em; display: block;}

.entry_main{width: 95%; margin: 0 auto;}
.entry_main > div + div{
  padding-top: 15px;
}
.post-block .entry > div + div{ padding-top: 2em;}
.entry_main h2{font-family: 'Noto Sans JP', sans-serif; font-size: 1.44em; font-weight: 700;  margin: .95em 0 1em; background: none; border-bottom: 1px dashed; color: #57087c;}
.entry_main h2 span{
  display: block;
  padding: 0 .5em .5em 0;
}

.entry_main h3{font-family: 'Noto Sans JP', sans-serif; font-size: 1.15em; font-weight: 700; background: #f1ecf3; color: #57087c; padding: .25em .5em;}
.entry_main h3::before{ content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: bold; padding-right: .5em;}

.entry_main h4{ font-size: 1.1em; font-weight: bold;}
.entry_main h3 + h4{ margin-top: 1.25em;}
.entry_main strong,.entry_main b{ font-weight: bold; font-size: 1.05em; }

.entry_main a { text-decoration: underline; font-weight: bold;}

.entry_main p{ line-height: 2.1; font-size: 15px;}
.entry_main p + p,.entry_main h3 + p{ padding: 1.5em 0 0;}
.entry_main p + h3{ margin-top: 1.5em;}

.entry_main .pick_teller_list{
  margin-top: 1.5em;
}
.entry_main .pick_teller_list li + li{
  margin-top: 2em;
}
.teller_top{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teller_top .teller_img{
  width: 30%;
}
.teller_top .teller_img img{
	height: auto;
    border-radius: 10px;
    box-shadow: 4px 4px #f1ecf3;
}
.teller_top .teller_data{
  width: calc(70% - 20px);
}
.teller_body dd{
  font-size: 15px;
}
.entry_main table{ display: flex; max-width: 100%; height: auto!important;}
.entry_main table tr{ height: auto!important;}
.entry_main table td{ padding: .5em; height: auto!important}
.entry_main table td p{ text-align: justify; line-height: 1.4; font-size: .95em;}
.entry_main table td p + p{ padding-top: .88em;}
.entry_main table img{ height: auto;}

div#toc_container{ margin: 1.5em 0; width: 100%!important;}

.entry .review.inner{ width: 105%; background: #f1ecf3; padding: 1em .5em; margin-left: -2.5%;}
.entry .review.inner .revew-ttl > span,.entry .review.inner .revew-ttl > span.rank01,.entry .review.inner .revew-ttl > span.rank02,.entry .review.inner .revew-ttl > span.rank03{ font-size: 1em!important; padding-left: 2em;}


.post-head{ width: 95%; margin: 0 auto;}

.review{display: flex; padding-bottom: .5em;}
.review p.thum{ width: 35%;}
.review p.thum img{height: auto;}

.review-rank { width: 65%; padding-left: 1em;}
.revew-ttl{ width: 100%; font-family: 'Noto Sans JP', sans-serif; font-weight: 900; font-size: 1.15em; }

body.single-uranaishi h1.revew-ttl{ width: 100%; font-family: 'Noto Sans JP', sans-serif; font-weight: 900; font-size: 1.15em; }

.single-uranaishi .entry .review.inner h2.revew-ttl,.post-type-archive-uranaishi .bs-name{ font-size: 1.24em;}

.single-uranaishi .entry .review.inner span.ranktxt,.post-type-archive-uranaishi .bs-head span.ranktxt{ display: block; padding-left: 0; font-size: .85em!important; color: #57087c; font-weight: bold;}

.revew-ttl span{ padding-right: .5em; font-size:.88em; background-repeat: no-repeat;}

.review-rank .point{ display: flex; justify-content: space-between; align-items: center;}
.review-rank .point > p{ display: flex; font-size: .88em;}
.review-rank .point > p span{ color: #A51013; font-weight: 900;}
.review-rank p.star{ width: 40%;}
.review-rank .incmnt{ font-size: .8em; padding-top: .5em;}

.review-graph{ display: none;}

/*ページ内レビュー*/
.in-voice{ display: flex; margin: 2.5em auto;}
.in-voice .img{ width: 20%; display: flex;}
.in-voice .img > p{ width: 80%;}

.in-voice .comment{ width: 80%; padding:.5em 0 0 1em;}
.in-voice__content > div{position: relative; display: inline-block; padding: 1em;; color: #555;
    width: 90%; font-size: 15px; background: #FFF; border: solid 2px #cfacdf; border-radius: 10px; text-align: justify;}
.in-voice__content > div p{ padding: .5em 0;}
.in-voice__content > div::before{content: ""; position: absolute; top: 20px; left: -13px; margin-top: -8px; border: 5px solid transparent;
	border-right: 10px solid #FFF; z-index: 2;}
.in-voice__content > div::after{ content: ""; position: absolute; top: 20px; left: -17px; margin-top: -8px; border: 5px solid transparent;
	border-right: 10px solid #cfacdf; z-index: 1;}

.in-voice__deta{ width: 90%; display: flex; justify-content: flex-end; font-size: .75em; padding: .5em 0;}
.in-voice__deta a{ text-decoration: underline;}

/*記事内バナー*/
.entry_main .post-banner,.site_link_btn{display: flex; justify-content: center; align-items: center; margin: 1em 0 0; width: 100%;}
.entry_main .post-banner a,.site_link_btn a{ width: 100%;  background: -moz-linear-gradient(top, #52CC00,#338000);
  background: -webkit-linear-gradient(top, #52CC00,#338000);　background: linear-gradient(to bottom, #52CC00,#338000); text-decoration: none; color: #fff; font-weight: bold; padding: 1em 0 .85em; box-shadow: 0 4px #143300; text-align: center; border-radius: 5px; font-size: 1.15em; position: relative;}
.post-banner a::before{ content: "＞"; position: absolute; right: .5em; font-size: .88em; font-weight: normal;transform: scale(.6, 1);}

/*記事内キャンペーンバナー*/
.cam_banner_box.inner{ width: 90%; margin: 1em auto 0;}
.cam_banner_box + .post_site_deta{ margin-top: 5%;}
.cam_banner_cmnt p{ width: 95%;  margin: 15px auto 0; font-weight: bold; text-align: right;}
.entry_main .cam_banner_cmnt p{ width: 100%; }


/*サイト情報：記事内テーブル*/
.post_site_deta{ width: 90%; margin: 10% auto 5%;}
.post_site_deta dl{ border: 1px solid #c9addc;}
.post_site_deta dl dd{ display: flex; border-bottom: 1px solid #c9addc}
.post_site_deta dl dd:last-child{ border-bottom: none;}
.post_site_deta dl dd p{ padding: .5em;}
.post_site_deta dl dd p.ttl{ width: 30%; font-weight: bold; border-right: 1px solid #c9addc;}
.post_site_deta dl dd p.deta{ width: 70%; display: flex; align-items: center;}
.post_site_deta dl dd p.deta a{ margin-left: auto; font-size: .88em; color: #57087c; font-weight: bold;}
.post_site_deta dl dd p.deta a::after{ content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: bold; padding-left: .5em;}
.post_site_deta dl dd:nth-child(1) p,.post_site_deta dl dd:nth-child(5) p{padding: .4em; font-weight: bold; font-size: 1.15em; width: 100%;background: #f1ecf3;}

/*占い師情報記事内テーブル*/
.post_bs_deta{ width: 90%; margin: 10% auto 5%;}
.post_bs_deta dl{ border: 1px solid #c9addc;}
.post_bs_deta dl dd{ display: flex; border-bottom: 1px solid #c9addc}
.post_bs_deta dl dd:last-child{ border-bottom: none;}
.post_bs_deta dl dd p{ padding: .5em;}
.post_bs_deta dl dd p.ttl{ width: 30%; font-weight: bold; border-right: 1px solid #c9addc;}
.post_bs_deta dl dd p.deta{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 70%;}
.post_bs_deta dl dd p.deta span + span::before{content: "／";}
.post_bs_deta dl dd p.deta a{ margin-left: auto; font-size: .88em; color: #57087c; font-weight: bold;}
.post_bs_deta dl dd p.deta a::after{ content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: bold; padding-left: .5em;}
.post_bs_deta dl dd:nth-child(1) p{padding: .4em; font-weight: bold; font-size: 1.15em; width: 100%;background: #f1ecf3;}

/*おすすめポイント*/
.cam_banner_box + .post_pick{
  margin-top: 20px;
}
.post_pick{ width: 95%; margin: 0 auto; border-radius: 5px; overflow: hidden;}
.post_pick ul{ padding: 1em 1em 0;}
p.pic-ttl{ font-weight: bold; font-size: 1.44em; text-align: center; padding: .38em 0; color: #fff; background: #9f7cb0; width: 100%; display: flex; justify-content: center; align-items: center;}
p.pic-ttl > i{ background: #fff; border-radius: 50%; width: 32px; height: 32px; color: #9f7cb0; margin-right: .44em; font-size: .88em; display: flex; align-items: center; justify-content: center;}
.post_pick ul li p{ padding:0 0 1em 1.5em; font-size: 1.15em; font-weight: bold; line-height: 1.4;}
.post_pick ul li p::before{ content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: bold; position: absolute; left: 0;}

/*占いコラム*/
.column-key { background: url("images/common/column-key.jpg") no-repeat top/100%; margin-top: -5vw;}
#content.under .column-key h1.inttl{font-size: 1.88em; padding: 14vw .5em 18vw; font-family: 'Noto Sans JP', sans-serif; font-weight: 900; border-bottom: none; text-align: center; color: #7a4d8f;text-shadow:0px 0px 3px #fff;}
.column-key > img{ display: none;}
.column-key p.intxt{ padding: 0 2em; text-align: justify; color: #333;}

.main-column .blog-card{ padding: 5vw 5vw 0;}
.main-column .blog-card figure{ display: flex;}

.column-archive h3{ background: none;}
.column-archive .entry{ width: 92%; margin: 0 auto; padding: 5vw 0;}
.column-archive .entry:first-of-type{ margin-top: 5vw;}
.column-archive .entry + .entry{ border-top: 1px solid #ccc;}

.column-archive{ margin-top: 5vw;}
.column-archive h2{ width: 100%; font-size: 1.5em; padding: .25em .5em; font-weight: bold; font-family: 'Noto Sans JP', sans-serif; border-bottom: 2px solid #57087c;}
.column-archive .post_head h3{ font-weight: bold; font-size: 1.15em;}

/*コラム投稿ページ*/
.post-block .entry{ padding: 5vw 0 10vw;}
.post-block h2{ font-weight: bold; font-size: 1.44em; line-height: 1.4;}
.post-block .post-head .state{ display: block; color: #666; font-size: .88em; padding-top: 1em; text-align: right;}
.post-block .post-head .state span{ padding-left: 1em;}
.post-block .post-head{ border-bottom: 1px solid #57087c; padding-bottom: .25em;}

/*会社概要*/
#content.under.about{ padding-top: 0;}
#content.about .main-column{ margin: 0 auto 20vw;}
div.page-about{ width: 92%; margin: 0 auto; padding-top: 5vw;}
div.page-about dl{ margin-bottom: 5vw;}
div.page-about dl dd{ display: flex; flex-direction: column;}

div.page-about dl dd p:nth-child(1){ background: #ECECEC; font-weight: bold; padding: .25em .5em;}
div.page-about dl dd p:nth-child(2){ padding: .5em;}

div.page-about dl dd p.flx{ display: flex;}
div.page-about dl dd p.flx .mark{ width: 18%; margin-right: .5em;}

div.page-about > div + div{ margin-top: 5vw;}
div.page-about > div h2{ font-size: 1.14em; font-weight: bold; padding-bottom: .25em; border-bottom: 1px solid #57087c;}
div.page-about > div p.txt{ text-align: justify; padding: 1em 0 0;}


/*お問い合わせ*/

.form{ width: 92%; margin: 5vw auto 10vw; display: flex; flex-direction: column;}
.form input,.form textarea{ border: 1px solid #ccc; max-width: 100%; padding: .5em; font-size: 16px; box-sizing: border-box;}
.form label:nth-child(even){ padding-top: 1em;}
.form ::placeholder{ font-size: .8em; color: #BABABA;}

.form .wpcf7-not-valid-tip{ font-size: .85em;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ border:none; color: #f00;font-size:.85em; text-align: center;}
div.wpcf7-validation-errors::before, div.wpcf7-acceptance-missing::before{content: "※";}
.form .send{ display: flex; justify-content: center; margin-top: 5vw;}

.form input[type="submit"]{ width: 60%;}
.form .wpcf7c-btn-back{ margin-right: auto;}

input:-webkit-autofill.wpcf7c-conf {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  border: none !important;
  background: #fff !important; }
  input:-webkit-autofill.wpcf7c-conf:focus {
    border: none !important; }

.wpcf7c-conf { background: #fff !important; border-color: #fff !important; }
.wpcf7c-conf:focus { border-color: transparent !important; }

.content.thanks #page_wrap{ margin: 8vw auto 15vw; width: 92%; min-height: 68vh;}
.content.thanks #page_wrap #title_page{ text-align: center; width: 80%; margin: 5vw auto; font-weight: bold;}

input[type="text"],
textarea {
  background: #f8f8f8;
  display: block;
  font-size: 16px;
  padding: 12px 15px;
  transition: 0.8s;
  border-radius: 0;
	border: none;
	max-width: 480px;
    width: 100%;
}
 
input[type="text"]:focus,
textarea:focus {
  background: #e9f5fb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
 
textarea[name="content"] {
  display: inline-block;
  width: 100%;
  height: 200px;
}
 
input::placeholder,
textarea::placeholder {
  color: #ccc;
}
 
::-webkit-input-placeholder {
  color: #ccc;
  opacity: 1;
}
 
::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
 
:-ms-input-placeholder {
  color: #ccc;
  opacity: 1;
}
 
.form_table dl{
  width: 100%;
	display: flex;
	
}
.form_table dt{
	width: 30%;
}
.form_table dd{
	width: 70%;
	flex-wrap: wrap;
}
.form_table dt,
.form_table dd {
  padding: 20px;
	display: flex;
	align-items: center;
}
p.check{
	text-align: center;
	padding: 0 20px;
}
.btnWrap{
	margin: 20px auto;
    display: flex;
    justify-content: center;
	
}
.btnWrap input[type="submit"]{
	background: #57087c;
    color: #fff;
    padding: 20px 40px;
    border: none;
    cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	font-size: 1.3em;
}
.btnWrap input + input{
	margin-left: 10px;
}
.required::after {
content: "必須";
    color: #ffffff;
    background: #57087c;
    font-size: 10px;
    padding: 3px 10px;
    border-radius: 0.5em;
    margin-left: 10px;
}
@media screen and (max-width: 769px){
	.form_table dl{ flex-direction: column;}
	.form_table dt, .form_table dd{ padding: 0 4vw; width: 100%;}
	.form_table dd{ padding: 2vw 4vw 6vw;}
	.btnWrap{ flex-direction: column-reverse; align-items: center;}
	.btnWrap input + input{ margin: 0 0 15px;}
	.btnWrap input[type="submit"]{ padding: 1em 3em; width: 75%;}
}

/*追加*/
.main-column > .site-ranking{ padding-top: 0;}
.main-column .ranking-list dd{ padding: .6em 0;}

.main-column .site-deta > a{ position: relative; display: inline-block; padding-right: 5vw;}
.main-column .site-deta > a::after{ content: ''; width: 10px; height: 10px; border: 0px; border-top: solid 3px #00ae63; border-right: solid 3px #00ae63; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 2%;}
.ranking-list.denwauranai_list{ width: 95%;}
.main-column .ranking-list.denwauranai_list:not(:last-child) { border-bottom: 1px solid #e8deeb;}
  /*占い失敗談*/
  .column-key p.intxt{ display: none;}


/* 調査概要 */
.page-survey {
  width: 92%;
  margin: 0 auto;
}
.survey{
  margin-bottom: 40px;
}
.survey > h2 {
  font-size: 1.14em;
  font-weight: bold;
  padding-bottom: .25em;
  border-bottom: 1px solid #57087c;
  margin-bottom: 1em;
}


.survey dl dt{
  width: 100%;
  background: #fafafa;
  color: #57087d;
  font-weight: 600;
  padding: .5em;
}

.survey dl dd{
  width: 100%;
  padding: .5em;
  margin-bottom: .5em;
}

.survey ul li{
  padding: .5em;
}

.survey ul li:nth-child(2n+1){
  background: #fafafa;
}

.survey-result table{
  width: 100%;
}
.survey-result td, .survey-result th{
  line-height: 1.2;
  padding: .5em 1em;
  vertical-align: middle;
    text-align: left;
}
.survey-result th{
    width: 60%;
}
.survey-result td{
    width: 40%;
}
.survey-result .name{
  background: #d1c4e9;
}
.survey-result .name.head{
  width: 60%;
  padding: .5em 1em;
}
.survey-result .name.other{
  width: 40%;
  padding: .5em 1em;
    text-align: left;
}
.survey-result tr:nth-child(2n+1){
  background: #fafafa;
}
.survey-result td.total{
  font-weight: 600;
  color: #57087d;
}
/*
.scroll-table table {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
*/
.survey-link{
    color: #57087d;
    text-decoration: underline;
    font-size: .75em;
}

/* front-page カテゴリ別ランキング */
.cat_rank {
padding: 1em .5em 1em 1em;
border-top: 1px solid #eee;
}
.kts-rank {
  border-bottom: 1px solid #eee;
}

.cat_rank p {
  padding-left: 1em;
  padding-right: 2em;
}

.cat_rank a {
 display: flex;
 position: relative;
 color: #413647;
}
.cat_rank a.cat_rank_box::before {
    content: "＞";
    position: absolute;
    right: .5em;
    top: 43%;
    font-size: .88em;
    font-weight: normal;
    line-height: 1;
    transform: scale(.6, 1);
}
.cat_rank a img{
width: 30%;
align-self: center;
border: 1px solid #f6f6f6;
}
.cat_rank a span.cat_rank_ttl{
 font-weight: 900;
 display: block;
 font-size: 4vw;
 color: #000;
 margin: .5em 0 .5em;
}
.cat_rank a span.cat_rank_txt{
 display: block;
 margin: .5em 0 .5em;
 font-size: .99em;
}
.cat_rank_sub {
  display: none;
}
.cat_rank_box {
  display: flex;
}
.cat_rank a.cat_rank_box_sub {
  display: block;
  padding: 0 2.5em .5em .5em;
  word-break: keep-all
}
.cat_rank a.cat_rank_box_sub span.cat_rank_txt{
  display: block;
  text-align: right;
}



/*占い師紹介 追加*/

  .bs-entry-body{ width: 100%; display: flex; margin-bottom: 1em; position: relative; align-items: center;}
 .bs-entry-body{ width: 100%; margin-bottom: 1em; flex-wrap: wrap; position: relative; }

 .bs_deta2 .bs02 p {
  display: block;
}
.bs-cmnt{ background: #f1ecf3; padding: .88em; margin: .88em 0;}

.bs01,
.bs02,
.bs_deta2 {
  padding-top: 0;
}

.site-point {
  width: 60%;
  margin-left: 40%;
  margin-top: -2em;
}
 .bs_deta {
    width: 70%;
    padding-left: 0;
}

.bs01 p:nth-child(3) {
   display: block;
}
.bs01 p:nth-child(1) {
  display: flex;
}



 .bs-name { padding-bottom: 1em;}

.bs01 p {
    display: flex;
}



/*
.post-type-archive-uranaishi .bs02 p:nth-child(2) > span:nth-child(1) {
    border-left: none;
    margin-bottom: 0;
    font-weight: bold;
    padding-left: 0;
    display: block;
}
*/
 .bs02 p:nth-child(1) > span:nth-child(1),
 .bs02 p:nth-child(2) > span:nth-child(1){
  display: block;
  font-size: .88rem;
  position: relative;
  font-weight: 700;
  color: #57087c;
  padding: 0 0 .88rem;
}
.bs02 p:nth-child(1) > span:nth-child(1)::after,
.bs02 p:nth-child(2) > span:nth-child(1)::after{ 
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #f1ecf3;
    position: absolute;
    bottom: 10%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
 .bs02 p:nth-child(1) > span:nth-child(2),
 .bs02 p:nth-child(2) > span:nth-child(2){
  margin-bottom: 1em;
  padding-left: 0;
}
.bs02 p:nth-child(2){
  margin-top: .88em;
}

 .bs-thum {
    width: 25%;
    margin-right: 5%;
}

@media screen and (max-width: 768px){
/*0803追加*/
.denwa_column_text_side{ padding: 0; font-size: 4vw; font-weight: bold; width: 100%;}
.denwa_column_text_side > span{ padding-top: .44em;}
.cat_rank_box.denwa_column img{ width: 100%; height: 100%; object-fit: cover;}
.denwa_column::before { content: "＞"; position: absolute; right: .5em; top: 43%; font-size: .88em; font-weight: normal; line-height: 1; transform: scale(.6, 1);}
#sidebar .post-list li a p.denwa_column_text_side span{ font-size: .88em;}

/*フローティングボタン*/
.float_banner {
    width: 100%;
    position: fixed;
    background: 0 0;
    justify-content: center;
    bottom: 20px;
    padding: 0 10px;
    z-index: 5;
}
.float_banner a {
    width: 95%;
    margin: 0 auto 5px;
    display: block;
    background: #741e9c;
    filter: drop-shadow(0 3px 0px #57087c);
    border-radius: 40px;
    overflow: hidden;
}
/*
    .float_banner a {
    width: 95%;
    margin: 0 auto 5px;
    display: block;
    background: #0f7c50;
    filter: drop-shadow(0 3px 0px #09523c);
    border-radius: 40px;
    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::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: 2px;
    letter-spacing: .05em;
    color: #ff0;
}
.float_banner a p span.br {
    display: inline-block;
}
.float_banner a p {
    text-align: center;
    font-weight: 600;
    color: #fff;
    font-size: 1.18em;
    padding: 10px;
    line-height: 1.2;
	}
.single-denwauranai footer p,.single-uranaishi footer p{
    padding-bottom: 90px;
	margin: 0;
}

/*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%;
    margin-bottom: 0;
}
.float_banner.top-banner .items-info{
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 2;
    line-height: 1;
}
.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: #f70650;
}
.items-title{
    font-weight: bold;
    font-size: 1.15em;
}
.items-business-area{
    font-size: .85em;
    color: #222222;
}
.items-close{
    position: absolute;
    top: -3vw;
    right: 1vw;
    font-size: 8vw;
    z-index: 11;
}
   

}/* ここまで max-width: 768px */

.single-denwauranai footer,.single-uranaishi footer{
	margin-bottom: 0!important;
	}
.bs01 p:nth-child(2).bs_cmnt span{ border-left: none;}
.bs01 p.bs_cmnt span:nth-child(1){ font-weight: 100;}


/* 0804追加　コラムまわり改修 */
.category-beginner .column-key,
.category-beginner-about .column-key,
.category-beginner-fo .column-key,
.category-beginner-caution .column-key,
.category-beginner-site .column-key { background: url("images/common/key_clm1.jpg") no-repeat top/100%; margin-top: -5vw;}
.category-senjutu .column-key { background: url("images/common/key_clm2.jpg") no-repeat top/100%; margin-top: -5vw;}
.category-taikendan .column-key,
.category-taikendan-s .column-key,
.category-taikendan-n .column-key { background: url("images/common/key_clm3.jpg") no-repeat top/100%; margin-top: -5vw;}


.category-shippai .cate_thum,
.category-column .cate_thum,
.category-beginner .cate_thum,
.category-senjutu .cate_thum,
.category-taikendan .cate_thum,
.category-beginner-site .cate_thum,
.category-beginner-fo .cate_thum,
.category-beginner-caution .cate_thum,
.category-beginner-about .cate_thum,
.category-taikendan-s .cate_thum,
.category-taikendan-n .cate_thum {
  width: 25%;
  margin-right: 3%;
}
.category-shippai .cate_cmnt,
.category-column .cate_cmnt,
.category-beginner .cate_cmnt,
.category-senjutu .cate_cmnt,
.category-taikendan .cate_cmnt,
.category-beginner-site .cate_cmnt,
.category-beginner-fo .cate_cmnt,
.category-beginner-caution .cate_cmnt,
.category-beginner-about .cate_cmnt,
.category-taikendan-s .cate_cmnt,
.category-taikendan-n .cate_cmnt {
  width: 72%;
}

.category-shippai .column-archive .entry,
.category-column .column-archive .entry,
.category-beginner .column-archive .entry,
.category-senjutu .column-archive .entry,
.category-taikendan .column-archive .entry,
.category-beginner-site .column-archive .entry,
.category-beginner-fo .column-archive .entry,
.category-beginner-caution .column-archive .entry,
.category-beginner-about .column-archive .entry,
.category-taikendan-s .column-archive .entry,
.category-taikendan-n .column-archive .entry { display: flex; align-items: center;}


/*サイドバー*/
.cat_rank_box.denwa_column p:nth-child(1) { width: 35%; margin-right: 3%;}
.denwa_column_text_side { width: 100%;}

.category-shippai .sidebar-inner,
.category-column .sidebar-inner,
.category-beginner .sidebar-inner,
.category-senjutu .sidebar-inner,
.category-taikendan .sidebar-inner {
    width: 92%;
    margin: 0 auto;
}
.category-shippai #sidebar h3,
.category-column #sidebar h3,
.category-beginner #sidebar h3,
.category-senjutu #sidebar h3,
.category-taikendan #sidebar h3 {background: #57087c; margin: 0 -4.5%;}

.top_link_btn {
  display: block;
    margin: 2em auto;
    background: #7a4d8f;
    border-radius: 5px;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    font-weight: bold;
    box-shadow: 0 4px #57087c;
    padding: .8em 0 .5em;
    text-align: center;
    max-width: 480px;
    width: 90%;
}


/*＝＝＝追加css＝＝＝*/

.in-voice{ flex-direction: column; margin: .88em auto; background: #fafafa; padding: 10px; border-radius: 10px;}
.in-voice .img{ width: 100%; display: flex; align-items: center;}
.in-voice .img > p{ width: 20%;}
.in-voice__deta{ width: 90%; display: flex; justify-content: flex-start; font-size: .88em; padding: .5em 0 .5em 1em;}
.in-voice .comment{ width: 100%; padding: 1em 0 .5em;}
.in-voice__content > div{ width: 100%;}
.in-voice__content > div::before{ content: ""; position: absolute; top: -10px; left: 22px; margin-top: -8px; border: 9px solid transparent; border-bottom: 10px solid #FFF; z-index: 2;}
.in-voice__content > div::after{ content: ""; position: absolute; top: -13px; left: 21px; margin-top: -8px; border: 10px solid transparent; border-bottom: 10px solid #cfacdf; z-index: 1;}
.in-voice__sitedeta{ font-size: .88em; padding-top: 10px; text-align: end;}

#locator .post.post-denwauranai.current-item > span{ display: none;}

.post_pick { margin: 0 auto; border: 2px solid #9f7cb0; }

h5{ position: relative; font-weight: 700; color: #57087c; padding: 1rem 0 .88rem;}
h5::after{ content: ""; display: block; width: 100%; height: 3px; background-color: #f1ecf3; position: absolute; bottom: 10%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.entry_main table img { height: auto; border-radius: 10px; box-shadow: 4px 4px #f1ecf3;}

/*＝＝＝20201215追加css＝＝＝*/
.rank-entry-body{ padding-bottom: .88em;}
.rank-entry-body > a{ display: block; position: absolute; width: 100%; height: 100%; z-index: 1;}
.rank-entry-body > a::after{ content: ''; width: 10px; height: 10px; border: 0px; border-top: solid 3px #00ae63; border-right: solid 3px #00ae63; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 40%; right: -.5%;}

/*＝＝＝20210112もっとみるボタン追加css＝＝＝*/
.more {
  text-align: center;
}
button {
  background-color: #fff;
  border: none;
  cursor: pointer;
  outline: none;
  color:#333;
  font-weight: bold;
  padding: 0;
  width: 160px;
}
ul.sensei_list li{ opacity: 1; transition: all .4s ease 0s;}
ul.sensei_list li.is-hidden{ 
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0 10px;
  padding:0; }

/*＝＝＝20210126システム化＝＝＝*/
.entry_main .single_section04 .wpcr3_in_content,.entry_main #toc_container{ display: none;}
.entry_main h3{ margin-top: 1.4em;}
.post_pick{ margin: 10px auto 20px;}

/*＝＝＝20210210悩み別TOP複製ページ＝＝＝*/
.lower_mv{ position: relative;}
.lower_mv .top-img{ position: relative; width: 100%; display: block;}
.lower_mv .top-img::before{ content: ""; display: block; padding-top: 50.666667%;}
.lower_mv .top-img > div{ overflow: hidden; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgb(249,247,223); 
	background: linear-gradient(151deg, rgba(249,247,223,1) 0%, rgba(235,227,245,1) 100%);}
.lower_mv .top-img > div img.top-catch { position: absolute; top: -5%; left: -3%; height: 107%; width: auto;}
.lower_mv .tag-header-image { position: absolute; width: 100%; bottom: 0; left: 0; background: #4d4d4d;}
.tag-header-image:before { content: ""; display: block; padding-top: 12.5%;}
.tag-header-image > div { position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.tag-header-image ul { display: flex; font-size: 3.8vw; list-style: none; width: 60%; flex-flow: wrap; justify-content: center; color: #fff; 
	height: 100%; padding: 0 0 3px; font-feature-settings: "palt";}
.tag-header-image li { margin: 0 .5em; font-weight: bold; display: inline-block; background-image: url("images/index/mv_img/header_li_bk.png"); 
	background-repeat: no-repeat; background-size: auto 30%; background-position: 0px 85%;}
.lower_mv .top-img > div video { position: absolute; top: 4%; right: 4.3%; width: auto; height: 122.5%; transform: rotate( 3deg ); border-radius: 12%;}
.lower_mv .top-img > div img.top_movie_img{ position: absolute; top: 2%; right: -2.7%; width: 48vw; height: auto; transform: rotate( 3deg ); border-radius: 12%;}
.lower_mv .top-img > div img.top-bk { position: absolute; top: -3%; right: 0%; width: 44%; transform: rotate( 3deg );}
.lower_mv p { color: #fff; font-family: serif; font-size: 1.4rem; background-color: rgba(232, 62, 140, 0.8); position: absolute; bottom: 0; padding: .5rem 1rem; text-align: center; width: 100%; font-weight: 700;}
.lower_mv .top-img > div img.top-sp { position: absolute; top: -8%; right: 0%; width: 44%; transform: rotate(3deg);}

.lower_mv .top-img > div img.top-catch.furin{ left: -1%; height: 126%; top: -7%; z-index: 999;}
.lower_mv .top-img > div img.top-catch.reisi{ height: 117%;}
.lower_mv .top-img > div img.top-catch.tarot{ height: 114%;}
.lower_mv .top-img > div img.top-catch.spi{ height: 117%; left: -4.5%;}
.lower_mv .top-img > div img.top-catch.fukuen{ height: 122%;}

/*＝＝＝20210317各鑑定士TOP＝＝＝*/
.top-vis.top-vis-uranaisi > .inner{ width: 100%;}
.top-vis-cmnt{ padding: .5em .88em; background: #57087c; color: #fff;}
.post-type-archive-uranaishi #content.under h3,.tax-soudan #content.under h3{ background: #57087c; color: #fff;font-size: 1.4em;
font-weight: 600;
text-align: center;}
.post-type-archive-uranaishi #content.under h3 span,
.tax-soudan #content.under h3 span{
  font-size: .875em;
  display: block;
}
.post-type-archive-uranaishi .top-vis .intxt,.tax-soudan .top-vis .intxt{ width: 85%;}

.top-vis-uranaisi.sougou > .inner{
  background: url(images/index/key_01.jpg) no-repeat right top/cover}
.top-vis-uranaisi.renai > .inner{
  background: url(images/index/key_06.jpg) no-repeat right top/cover;}
.top-vis-uranaisi.shigoto > .inner{ background: url(images/index/key_03.jpg) no-repeat right top/cover;}
.top-vis-uranaisi.kazoku > .inner{ background: url(images/index/key_05.jpg) no-repeat right top/cover;}
.top-vis-uranaisi.furin > .inner{ background: url(images/index/key_04.jpg) no-repeat center top/cover;}
.top-vis-uranaisi.deai > .inner{ background: url(images/index/key_02.jpg) no-repeat center top/cover;}

/*＝＝＝20210713求人コンテンツ＝＝＝*/
.pickup-banner.kyuuzin{ background: #eee;}
#sidebar .pickup-banner.kyuuzin p.inttl{ color: #57087c; font-weight: 900;}
#content.under #sidebar h3{ color: #fff;}

/*＝＝＝20220531スマホリンクボタンコンテンツ＝＝＝*/
.sp-rank-link.rank-entry-link{ display: block; margin: 0;}
.sp-rank-link.rank-entry-link a{ width: 100%;}
.sp-rank-link.rank-entry-link a p{ padding: 1em 0;}
.sp-rank-link.rank-entry-link a:nth-child(2){ margin-top: 1em; background: #fff; color: #7a4d8f; border: 2px solid #7a4d8f; box-shadow: none;}

/*＝＝＝popupレイアウト＝＝＝*/
#modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
	z-index: 3;
}

.modal-mask {
  position: absolute;
  width: 100%;
  height: 100vh;
  opacity: 0.2;
  background: rgb(0 0 0); /* 背面のbodyを少しだけ暗くし、操作できないニュアンスを出す */
}

.modal-container {
position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 104vw;
    background: url(images/popup/back.jpg) no-repeat;
    background-size: contain;
	background-position: center;
  transform: translate(-50%, -50%);
}

.modal-inner {
  position: relative;
    margin: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.modal-inner ul{
    position: absolute;
    top: 23vw;
    display: flex;
    flex-direction: column;
    gap: 0.2em;
	transform: translate(-50%, 0);
    left: 50%;
	width: 72vw;
}
.modal-inner ul li > a{
	display: block;
    width: 100%;
    height: 100%;
}

button.modal_button{
  position: absolute;
  top: 5vw;  /* 位置の基準とする親要素のmargin分と、親要素からはみ出す距離（ここでは8px)を引く */
  right: 1vw;
  padding: 3px;
  width: 20px;
  height: 20px;
  border: 1px solid #fefefe;
  border-radius: 50%;
  background-color: #fefefe;
  font-size: 20px;
  box-shadow: 2px 2px 3px #888;
  line-height: 10px;
  color: #444;
  cursor: pointer;
}
.single-denwauranai .entry_main > div + div{
	padding-top: 0;
}
/*＝＝＝220629詳細ページ改修＝＝＝*/
.repair-head{ 
	display: grid;
    grid-template-columns: 1fr 1fr 4fr;
}
.single-denwauranai .breadcrumbs{
	display: none;
}
.repair-head .rankicon,
.repair-head .mini-logo{
	display: flex;
    justify-content: center;
    align-items: center;
	background: #e6ccf8;
	padding: .5em;
}
.repair-head .mini-logo{
	background: #f1ecf3;
}
.repair-head .rankicon.rank01{
	background: #edd06a;
}
.repair-head .rankicon.rank02{
	background: #e8e8e8;
}
.repair-head .rankicon.rank03{
	background: #e8cfbb;
}
body.single h1.repair-sitename
,.repair-sitename{
	display: flex;
    align-items: center;
    padding: 0 0.5em;
    font-size: 1.42em;
    font-weight: bold;
	font-family: 'Noto Sans JP', sans-serif;
}
.repair-mv{
	display: flex;
    justify-content: left;
    align-items: center;
    background: #fbf2ff;
    height: 54vw;
    overflow: hidden;
	column-gap: 10px;
	padding: 3vw;
}
.repair-mv_img{
	width: calc(60% - 10px);
    padding: 10% 0 0;
    margin: 0 auto;
}
.repair-list{
	width: 40%;
	line-height: 1.7;
}
.repair-list li{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
/*
.repair-list li:nth-child(n + 3){
	border-bottom: 1px #e5caf1 dotted;
}
*/
.repair-list li.top-list{
	font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
}
.repair-list li.top-list > span:nth-of-type(2){
	font-size: 2em;
    color: #a51013;
}
.repair-list li.star-list{
	padding: 0 0 5px;
    margin-top: -5px;
}
.repair-ttl{
	background: #57087f;
    color: #f1ecf3;
    padding: 0.55em 0;
    text-align: center;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.15em;
}
.repair-table{
	width: 90%;
    margin: 1em auto 0;
    border-radius: 10px;
	font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
}
.repair-table td, .repair-table th{
	padding: 0.55em 0.05em;
    font-size: 4vw;
}
.repair-table tr:nth-child(1) th{
	background: #9f7cb0;
    border: #c9addc 1px solid;
    width: calc(100% / 3);
	color: #fff;
}
.repair-table tr:nth-child(1) th span{
	font-size: .55em;
}
.repair-table td{
    border: #c9addc 1px solid;
    width: calc(100% / 3);
	text-align: center;
}
.repair-table td p:nth-child(1){
	width: 2.5em;
    margin: 0 auto;
}
.rank-entry-body .rank-thum{
	width: 30%;
    overflow: hidden;
    border-radius: 10px;
	height: 30vw;
}
.site_link_btn.top-btn{
	margin: 0.5em 0 0;
}
.site_link_btn.top-btn a{
	width: 95%;
}
/*202401　追記*/
.repair.new .repair-head{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.repair.new .repair-head .mini-logo{
  width: min(60px,20vw);
  aspect-ratio:1/1;
}
.repair.new .repair-head .repair-sitename{
  width: max(calc(100% - min(60px,20vw)));
}
.repair.new .repair-mv{
  padding-bottom: 0;
  height: auto;
}
.repair.new .repair-mv_img{
  padding-top: 0;
  width: 42%;
  margin: auto 0 0;
  aspect-ratio:1/1.1159;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.repair.new .repair-mv_img img{
  object-fit: cover;
  height: 100%;
}
.repair.new .repair-list{
  width: 58%;
  padding-bottom: 10px;
}
.repair.new .repair-list li{
  border-bottom: 1px solid #e6e6e6;
  padding-top: 3px;
  padding-bottom: 3px;
}
.repair.new .star-list{
  margin-top: 0;
  padding-bottom: 0!important;
  padding-top: 0!important
}
.repair.new .star-list .star-img{
  width: 68%;
}
.repair.new .star-list .num{
  font-size: min(20px,5.25vw);
  font-weight: 600;
  color: #c90d0d;
}
.repair.new .rank-list{
}
.repair.new .rank-list .rank{
  font-size: min(18px,5vw);
  font-weight: 600;
  padding-left: 1.25em;
}
.repair.new .rank-list .rank::before{
  content: "";
  width: 1.15em;
  aspect-ratio:1/0.7879;
  background: url("images/icn_crown.png") no-repeat center/100%;
  position: absolute;
  left: 0;
  top: 45%;
  transform: translateY(-50%);
}
.repair.new .rank-list .pic-tag{
  padding: .5em 1em .35em;
  color: #fff;
  background: #00ae63;
  font-size: .78em;
  line-height: 1;
  border-radius: 3px;
  overflow: hidden;
  display: block;
  position: relative;
}
.repair.new .point-list p{
  font-weight: 600;
  line-height: 1.4;
}
.repair.new .last-update-list p{
  font-size: .875em;
}
/*site data*/
.repair-deta-list{
  background: #f1ecf3;
  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;
  padding:min(10px,3vw) min(10px,2.5vw);
  gap:min(10px,2.5vw);
  background-image : linear-gradient(to right, #9f7cb0 6px, transparent 3px);
 background-size: 8px 1.5px;
 background-repeat: repeat-x; 
 background-position: left bottom;
}

.repair-deta-list li{
  width: calc((100% - min(20px,5vw))/3);
  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;
  background: #fff;
  border-radius: 10px;
  padding: 8px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
}
.repair-deta-list li .in-title{
  color: #42006b;
  font-size: .875em;
}
.repair-deta-list li .data{
  
}
/*＝＝＝20220823リダイレクトページ＝＝＝*/
body.page-id-2839{
	display: flex;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.redirect-cmnt{
	font-size: 1.2em;
    font-weight: bold;
}
.redirect-img{
	width: 40px;
    margin: 0 auto;
}
/*＝＝＝20221107TOP改修＝＝＝*/
.repair.top-pick{
	border: #e8deeb 2px solid;
    padding: 4vw 3vw 6vw;
    border-radius: 20px;
    margin: 4vw;
}
.repair.top-pick .repair-list{
	zoom: .8;
}
/*
.repair.top-pick .repair-mv{
	height: 75vw;
}
*/
.repair.top-pick p.pic-ttl{
	font-size: 1em; padding: .68em 0;
}
.repair.top-pick .repair-head{
	grid-template-columns: 1fr 4fr;
}
#content.under .repair.top-pick h3{
	color: #fff;
    padding: 0.5em 0.88em;
    letter-spacing: -.005em;
	background-color: #57087c;
	border-radius: 10px 10px 0 0;
    text-align: left;
    font-weight: 400;
}
#content.under h1.repair-sitename{
	display: flex;
    align-items: center;
    padding: 0 0.5em;
    font-size: 1.42em;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
	border: none;
	margin: 0;
}

/*ランキング削除230511
=====================================*/
body.post-type-archive-uranaishi .acv-post:nth-of-type(2) .bs-name.ranktag,
body.post-type-archive-uranaishi .acv-post:nth-of-type(3) .bs-name.ranktag,
body.post-type-archive-uranaishi .acv-post:nth-of-type(4) .bs-name.ranktag,
body.post-type-archive-uranaishi .acv-post:nth-of-type(5) .bs-name.ranktag{
    background-image: none;
    padding-left: 0;
}

/*ピックアップ追加230523
=====================================*/
.pickup-list .ranking-list{
    background: #f1ecf3;
    width: 100%;
    padding: 0 20px;
}
.pickup-list .rank-entry-head p.site-name{
    background-image: url("images/common/rank-icon/pickup.png");
    background-size: 2.5em auto;
    padding: 0.25em 0 0.25em 3em;
}
.single-pickup .repair-head {
    grid-template-columns: 1fr 5fr;
}
.single-pickup .repair-mv{
    height: 75vw;
}
.single-pickup .repair-mv_img{
    width: 90%;
    padding: 10% 0 0;
    margin: 0 auto;
}
.hide-detail .rank-entry-body{
    display: none;
}
.hide-detail .rank-entry-head {
    padding-bottom: 0;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    gap: 5px;
}

/*景表法の改修
=====================================*/
.sml_cmnt{
    font-size: .845em;
    text-align: right;
    color: #7d7d7d;
    margin-left: auto;
    margin-top: min(10px,1vw);
}
.single-denwauranai .sml_cmnt,
.single-pickup .sml_cmnt{
    width: 95%;
    margin: 0 auto;
}
.rank-entry-body{
    padding-bottom: 0;
}
.main-column h3 > span{
    font-size: .85em;
}

/*各お悩みトップPR表示
=====================================*/
.lower_mv .top-img > div img.mv-pr{
        position: absolute;
    bottom: 0;
    right: 1%;
    width: 80px;
    height: auto;
}

/*ポップアップ
=====================================*/
.popup-area {
    display:none;
    width:80vw;
    padding:0;
    position: fixed;
    z-index: 9999;   
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
    border-radius:0;
}
.popup-area .popwrap{
	position:relative;
margin-bottom:20px;
    box-shadow: 0 0 4px 4px rgba(0,0,0,0.4);
}
.batsu {
  display: block;
  position: relative;
  width: 1.5em;
  height: 1.5em;
}

.batsu::before, .batsu::after { /* 共通設定 */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px; /* 棒の幅（太さ） */
  height: 1.5em; /* 棒の高さ */
  background: #f1f1f1;
}

.batsu::before {
  transform: translate(-50%,-50%) rotate(45deg);
}

.batsu::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}
@media screen and (min-width: 980px) {
        .popup-area {
        width:auto;
        max-width: 50vw;
    }
}
.cover-eml {
    background:rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;   
    top:0;
    right:0;
    bottom:0;
    left:0;
}
.popup-area .close-btn{
    margin: 0 0 15px auto;
    cursor: pointer;
text-align:right;
width:15px;
height:15px;
}

/*叶愛（とあ）先生
=====================================*/
.ranking-list .toa .rank-site-deta .inprice > span{
    display: none!important;
}
.postid-3561 .post_site_deta,
.postid-3561 .single_section03,
.postid-3561 .single_section04,
.postid-3561 .single_section06{
    display: none;
}

/*202504改修
=====================================*/
.single-feelpick .repair.top-pick{
    margin: min(40px,8vw) 0 0 0;
}
.entry_main .single-feelpick h3{
    margin: 0;
    color: #fff;
    padding: 0.5em 0.88em;
    letter-spacing: -.005em;
    background-color: #57087c;
    border-radius: 10px 10px 0 0;
    text-align: left;
    font-weight: 400;
}
.single-feelpick .repair-mv_img{
    width: 100%;
    padding: 0;
}
.single-feelpick .repair-mv{
    padding: 0;
    height: auto;
}

/*202505改修
=====================================*/
.entry_main p.teller_title{
    text-align: center;
    padding: min(10px, 4vw) 10px;
    background: #f2ecf4;
    line-height: 1.6;
    font-weight: bold;
    color: #57087c;
    margin-bottom: min(30px, 6vw);
    border-top: 2px solid #57087c;
    border-bottom: 2px solid #57087c;
    font-size: 1.2em;
}
.pick_teller_list__inner .teller_top .teller_data{
    width: calc(70% - 20px);
    display: flex;
    flex-direction: column;
    gap: min(10px, 2vw);
}
.pick_teller_list__inner .teller_data .name span{
    font-size: 1.25em;
}
.pick_teller_list__inner .teller_body{
    padding-top: min(20px, 3vw);
}
.teller_data__inner > p{
    display: flex;
    align-items: center;
    gap: min(10px, 2vw);
    font-weight: bold;
}
.teller_data__inner > p > span:nth-of-type(1){
    text-align: center;
    background: #f1ecf3;
    color: #57087c;
    width: 40%;
    font-size: .9em;
}
.teller_data__inner > p + p{
    padding-top: .5em;
}
.teller_table{
    display: flex;
}
.teller_table_box{
    width: calc(100% / 2);
    background: #f2ecf4;
}
.teller_table_box + div{
    background-image: linear-gradient(to bottom, #9f7cb0 6px, transparent 3px);
background-size: 1.5px 8px;
background-repeat: repeat-y;
background-position: left bottom;
}
.entry_main .teller_table__title p{
    background: #57087c;
    text-align: center;
    color: #fafafa;
    padding: 3px;
    border-left: 1px solid #f2ecf4;
    font-size: .95em;
}
.teller_table__box{
    display: flex;
    flex-direction: column;
    padding: .5em 1em;
}
.teller_table__tag{
    display: flex;
    gap: 5px;
    align-items: center;
}
.teller_table__tag figure{
    width: 1em;
    aspect-ratio: 1 / 1;
}
.teller_table__tag span{
    width: calc(100% - 1em);
    font-weight: bold;
    font-size: .85em;
}
.float_top{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #f1ecf3;
    position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  display: none;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.float_top.fixed {
  display: block;
  opacity: 1;
}
.float_top_title{
    width: 100%;
    text-align: center;
    padding: 5px;
    background: #57087c;
    color: #fafafa;
}
.float_top_list{
    display: flex;
    gap: 6vw;
    justify-content: center;
    padding: 10px;
}
.float-top-item{
    aspect-ratio: 1 / 1;
    width: 4em;
    color: #57087c;
    font-size: .85em;
    font-weight: bold;
}
.float-top-item a{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 3px;
}
.float_top_list > li.float-top-item::before{
    content: "";
    background-image: url(images/common/rank-icon/rank1.svg);
    width: 1.3em;
    background-repeat: no-repeat;
    position: absolute;
    left: -7%;
    top: -7%;
    aspect-ratio: 57 / 50;
    z-index: 1;
}
.float_top_list > li.float-top-item:nth-child(2)::before{
    background-image: url(images/common/rank-icon/rank2.svg);
}
.float_top_list > li.float-top-item:nth-child(3)::before{
    background-image: url(images/common/rank-icon/rank3.svg);
}