@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/* ========== 占い相談カテゴリーページ ========== */
/* 相談受付中 */
h2.accepting {
    padding: 7px 0px;
    margin: auto;
    background: #AC8DFF!important;
    color: #fff;
    border-radius: 7px;
    width: 12rem;
    text-align: center;
}

/* プロフィール */
.consultation_category_contents {
    display: flex;
    border: 1px solid #ac8dff;
    padding: 10px;
    margin: 30px 0;
}
/* 画像 */
.consultation_category_img {
    width: 160px;
}
/* 名前 */
span.consultation_category_name {
    color: #ffffff;
    font-weight: bold;
    background: #ac8dff;
    padding: 0 15px;
    border-radius: 5px;
}
/* 文章 */
p.consultation_category_tewxt {
    margin: 0 0 0 20px;
}
/* 相談リンクボタン */
.trouble_link_bt {
    text-align: center;
    margin-bottom: 30px;
}
a.consultation_link_bt.trouble {
    background: #ac8dff;
	font-weight:bold;
    padding: 3px 25px;
    margin: 0;
}
/* リンクアイコン矢印 */
a.consultation_link_bt.trouble:after {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    display: inline-block;
    margin-left: 10px;
}
/* 鑑定結果 */
h3.appraisal_result_title {
    border: none;
    color: #ac8dff;
    font-size: 1.4rem;
    text-align: center;
    margin: 0 0 20px 0;
    padding: 0;
}
/* 鑑定矢印画像 */
.result_arrow {
    text-align: center;
}

/* ===== 占い相談ページ ===== */
/* 外枠 */
.consultation_container {
    border: 1px solid #e0b5d3;
    border-radius: 5px 5px 0 0;
}
/* 相談タイトル */
.consultation_container h2 {
    color: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 5px 5px 0 0;
}
section.consultation {
    position: relative;
}
/* 背景画像 */
.consultation_ba img {
    object-fit: cover;
    height: 510px;
}
.consultation_contents {
    position: absolute;
	top:85px;
    text-align: center;
    width: 100%;
    background: #ffffffb5;
}
/* 装飾 */
.consultation_contents_box {
    padding: 50px 0;
    background: url(https://lilla-fortune.com/wp-content/uploads/2024/11/相談ページ-枠装飾-紫左下.png),url(https://lilla-fortune.com/wp-content/uploads/2024/11/相談ページ-枠装飾-紫右上.png);
    background-repeat: no-repeat;
    background-size: 15%;
    background-position: bottom left,top right;
}
.consultation_contents h3 {
    border: none;
    margin: 0px auto;
    font-size: 1.9rem;
    padding: 0px 0 40px 0;
    background: url(https://lilla-fortune.com/wp-content/uploads/2024/11/占い師結果ページ-占い内容下線.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    display: inline-block;
    font-weight: 500;
    color: #555;
}
/* 相談者 名前 */
.counselor {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 0 0 25px 0;
}
p.counselor_name {
    text-align: left;
    margin: 0;
}
p.counselor_name span {
    display: block;
    font-size: 1.55rem;
    line-height: 0.7;
    margin-top: 7px;
}
/* 装飾画像 */
.decoration {
    display: inline-block;
    width: 8%;
}
.decoration img {
    width: 36%;
}
/* 占い師名 */
p.diviner {
    background: #B99FFF;
	color: #fff;
    margin: 0;
	padding: 5px 30px;
    font-size: 1.4rem;
    display: inline-block;
    border-radius: 5px;
}
/* ---------- 相談内容 ---------- */
section.consultation_content_se {
    padding: 0 30px;
    margin: 70px 0;
}
/* タイトル */
section.consultation_content_se h2 {
    background: #fff;
    color: #e0b5d3;
    text-align: left;
    border-bottom: 2px solid;
    margin-bottom: 20px;
    padding: 0 0 5px 0;
}
/* 女性イラスト画像 */
section.consultation_content_se .user {
    width: 160px;
}
/* 吹き出し */
section.consultation_content_se .icon .text {
    padding: 25px;
    border-color: #e0b5d3;
    margin-left: 30px;
}
section.consultation_content_se .icon .text p {
    margin: 0;
}
/* 吹き出し三角 */
/* ピンク三角 */
section.consultation_content_se .icon .text:after {
    top: 35px;
    left: -30px;
    margin-top: -14px;
    border: 15px solid transparent;
    border-right: 15px solid #e1b5d4;
}
/* 白三角 */
section.consultation_content_se .icon .text:before {
    top: 24px;
    left: -27px;
    margin-top: -3px;
    border: 15px solid transparent;
    border-right: 15px solid #ffffff;
}
section.result h2 {
    border-radius: 0;
}
.result_contents {
    padding: 0 50px;
}
/* 相談リンクボタン */
.consultation_link {
    text-align: center;
}
a.consultation_link_bt {
    background: #E0B5D3;
    color: #fff;
    padding: 5px 2rem 5px 3rem;
    border-radius: 50px;
    margin-bottom: 20px;
    display: inline-block;
}
.consultation_link a:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f054";
    font-weight: bold;
    color: #ffffff;
    margin-left: 25px;
}
/* ========================================================  */
/* エントリーカード画像サイズ */
div#list .card-thumb img {
    width: 100%;
    object-fit: cover;
    height: 150px;
}
/* Yes-No判定 */
section.decision {
    border: 4px dotted #e0b5d3;
    padding: 1em;
}
.choice-contents {
    display: flex;
    align-items: center;
    height: 30px;
    text-align: center;
    margin: 10px 0 20px;
}
.choice-contents input{
	display:none;
}
label.yes, label.no {
    width: 90px;
    margin: 0 10px 0 0;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
/* クリックしたときの背景色 */
.click:checked + label {
    background-color: #e0b5d3;
    color: #fff;
}
/* Yesの合計数 */
.number-total p {
    display: inline-block;
    margin: 0;
}
div#number {
    display: inline-block;
}
.number-total {
    border-top: 1px solid;
    border-bottom: 1px solid;
    text-align: center;
    font-weight: bold;
    color: #666;
}

/* ナビゲーションメニュー */
.navi-in > ul li {
    width: 20%;
}
#navi .navi-in a:hover {
    background-color: #e0b5d3;
    color: #fff;
}
.navi .item-label{
    border-left: 1px solid #e0b5d3;
}
/* 本文 */
.content {
    margin-top: 0px;
}
.main {
    padding: 0;
}
/* PR */
.page .pr{
	display:none;
}
.page.page-id-3836 .pr{
	display:block;
}
.pr {
    display: block;
    font-size: 0.9em;
    color: #aaa;
}
/* ======トップページ ====== */
/* タイトル */
h2.top-title {
    margin: 50px 0 30px;
    padding: 0;
    background: #fff;
    color: #A57FA9;
    text-align: center;
}
h2.top-title:before {
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    background-image: url(https://lilla-fortune.com/wp-content/uploads/2024/04/トップページ-タイトル-装飾-上.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom: 15px;
}
h2.top-title:after {
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    background-image: url(https://lilla-fortune.com/wp-content/uploads/2024/04/トップページ-タイトル-装飾-下-e1712301500645.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: 13px;
}
/* ----- タグボタン ----- */
.tag-button-box input {
    display: none;
}
label.tag_list_label {
    width: 100%;
    display: block;
    height: auto;
    text-align: center;
}

.tag-button-box{
	display:none;
	background: #e0b5d3;
}
/* タグ開くボタン */
.list_chec:checked +  .tag_list_label{
	background: inherit; 
}
label.tag_list_label:after {
    content: '\f078  もっと見る';
	font-weight:bold;
	font-family:"Font Awesome 5 Free";
	color: #fff;
}
.list_chec:checked ~ .tag_list_label:before {
    content: '\f077  閉じる';
	font-weight:bold;
	font-family:"Font Awesome 5 Free";
	color: #fff;
}
.list_chec:checked ~ .tag_list_label:after{
	display:none;
}
/* ------------------------------ */
/* ----- タグジャンル画像  -----*/
.tag-recommend-image {
    display: flex;
    margin-bottom: 20px;
}
.tag-recommend-image a {
    display: block;
    margin: 0 5px;
}
/* ----- 特集記事  -----*/
.feature-list {
    display: flex;
/*     margin-bottom: 70px; */
}
.feature-list a {
    display: block;
    margin: 0 10px;
}
/* スライダー矢印 */
.feature-list .prev.icochan.i-left.slick-arrow {
    top: 60px;
    position: absolute;
    width: 40px;
    z-index: 2;
}
.feature-list .next.icochan.i-right.slick-arrow {
    top: 60px;
    position: absolute;
    width: 40px;
    text-align: right;
}

/* -------------------- */
/* タグ 背景*/
ul.tag-list {
	display: flex;
    flex-wrap: wrap;
    list-style: none;
    background: #F8E7EB;
    padding: 10px;
}
/* タグリスト */
ul.tag-list li a {
    display: block;
	border: 2px solid;
    border-radius: 5px;
    background: #fff;
    color: #A57FA9;
    padding: 0px 5px;
}
/* ====== 10分無料キャンペーン  ======*/
/* テキスト真ん中 */
.campaign {
    text-align: center;
    border-top: 5px dotted;
    border-bottom: 5px dotted;
    padding: 10px 0;
}
/* 期間限定 */
span.campaign-title {
    font-size: clamp(1.3rem, 1.045rem + 1.27vw, 2rem);
    font-weight: bold;
    /* margin-bottom: 5px; */
    display: inline-block;
    color: #e60033;
}
/* 画像 */
.campaign a {
    margin-bottom: 10px;
    display: block;
}
/* 捕捉テキスト */
span.kamiwaza {
    display: block;
}
.campaign-list {
    display: inline-block;
    text-align: left;
}
.campaign p{
	margin:0;
}
/* ========== 対面ショートコード ========== */
.interview-wrap {
    background: #fdecec;
    padding: 20px;
    text-align: center;
    box-shadow: 0 0 4px 0 #4e4545;
}
/* タイトル */
.interview-title {
    /* text-align: center; */
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 20px;
    color: #8c84cb;
}
/* タイトル装飾 */
span.interview-title-decoration {
    display: block;
    line-height: 1;
/*     padding: 10px 0; */
}
/* 文章 */
.interview-wrap p {
    text-align: left;
    background: #fff;
    padding: 10px;
    /* box-shadow: 0 0 6px 0 #82779b; */
}
span.text-border {
    color: #555555;
    background: linear-gradient(to bottom,#fff 60%,#ffc7d4 60%);
    font-weight: bold;
}
/* キャンペーン */
span.interview-point-text {
    position: relative;
    border: 2px solid #da1313;
    border-radius: 5px;
    padding: 2px 20px;
    margin-bottom: 35px;
    display: inline-block;
    font-weight: bold;
    color: #ffffff;
    background: #da1313;
}
/* 吹き出し */
span.interview-point-text:after {
    content: "";
    position: absolute;
    border: 15px solid transparent;
    border-top: 15px solid #da1313;
    top: 69px;
    left: 45%;
}
/* nwe点滅アニメーション */
span.interview-point-text{
	animation: blink 2.5s ease-in-out infinite alternate;
}
@keyframes blinking {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/* span.interview-point-text:before { 
    content: "";
    position: absolute;
    border: 15px solid transparent;
    border-top: 15px solid #ffffff;
    top: 68px;
    left: 45%;
    z-index: 1;
}*/
/* ========================================= */
/* ========== 口コミ投稿ページ ========== */
.review-foam-wrap {
    padding: 20px;
    box-shadow: 0 0 5px 0 #e6b2be;
}
/* テキスト内容 */
.review-foam-contents {
    text-align: center;
    /* background: #e6b2be; */
    /* padding: 20px 0; */
    border: 3px solid #e0b5d3;
    border-radius: 3px;
    margin-bottom: 20px;
}
/* テキスト内容 タイトル*/
.review-foam-contents-title {
    font-size: 1.3em;
    font-weight: bold;
    background: #e0b5d3;
    color: #ffffff;
    padding: 5px 0;
}
/* テキスト リスト */
.review-foam-contents ul {
    list-style: none;
    margin: 10px 0px;
    color: #666;
    font-weight: bold;
    padding: 0 10px;
    display: inline-block;
    text-align: left;
}
.review-foam-contents ul li {
    border-bottom: 1px solid #ccc;
    letter-spacing: -0.01em;
}
.review-foam-contents p {
    color: #666;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0 10px;
}
/* 口コミフォーム 項目 */
span.review-foam-item {
    display: block;
    border-bottom: 1px solid #ccc;
}
/* 口コミ投稿こちら */
span.review-foam-contribution {
    text-align: center;
    display: block;
    font-weight: bold;
    color: #e0b5d3;
    margin-bottom: 10px;
}
/* ======================== */
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* トップページ 新着 占師ランキング 表示 */
body.home div#top-page-info{
	display:block;
}
div#top-page-info {
    display: none;
}
/* トップページ 新着記事一覧 */
/* 全体 */
div.whatsnew {
    font-size: 16px;
	margin:0;
}
/* 下線 */
div.whatsnew hr {
    display: none;
}
div.whatsnew dl {
    border-bottom: 1px solid #ccc;
}
/* 日付 */
div.whatsnew dt{
	font-size:0.8em;
}
div.whatsnew dd{
	clear:both;
}
/* テキストリンク */
div.whatsnew a{
	color:#666;
}
div.whatsnew a:hover {
    color: #e6b2be;
}
/* new */
div.whatsnew .newmark {
    background: #f36989;
    font-size: 0.6em;
}
/* nwe点滅アニメーション */
div.whatsnew .newmark{
	animation: blink 1.5s ease-in-out 3.5 alternate;
}
@keyframes blinking {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/* トップページ デフォルト新着一覧 非表示 */
.list-new-entries {
    display: none;
}
/* -------------------------- */
#navi .navi-in a, #navi .navi-in a:hover {
    font-weight: bold;
}
/* 検索フォーム */
input.search-edit {
    border: 2px solid #e0b5d3;
}
/* クリック線 */
input:focus {
   outline:none;
}
/* 虫眼鏡アイコン */
.search-submit {
    right: 0px;
    top: 0px;
    color: #fff;
    background-color: #e0b5d3;
    height: 100%;
    width: 50px;
    border-radius: 0 5px 5px 0;
}
/* エントリーカード New */

h2.new {
    border-bottom: 1px solid;
    color: #f36989;
    font-family: serif;
    font-size: 2em;
    line-height: 1;
    background: #fff;
    padding: 0;
    margin: 0;
}
/* newタグ */
a.entry-card-wrap.a-wrap.border-element.cf {
    position: relative;
}
span.new {
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0;
    background: #f36989;
    padding: 0 5px;
    color: #fff;
}
/* エントリーカード タグ */
.entry-card-tags-ex {
    display: inline-block;
    font-size: 0.7em;
    color: #a87ff8;
    margin-top: 2px;
}
.entry-card-tags-ex a {
    color: #a87ff8;
	transition:0.3s;
}
.entry-card-tags-ex a:hover {
    opacity: 0.5;
}
.cat-label {
    position: static;
}
/* アイコン */
.entry-card-tags-ex:before {
    font-family: "Font Awesome 5 Free";
    content: "\f02b";
    font-weight: bold;
    margin-right: 5px;
}
/* サイドバーPR */
aside#media_image-8:before {
    display: none;
}
.widget_media_image {
    position: relative;
}
.widget_media_image:before {
    content: "PR";
    position: absolute;
    right: 0px;
	display: block;
	width: 20px;
	height: 24px;
	color: #fff;
    background: #0000004d;
    padding: 0 6px;
	font-size: 0.8em;
    text-align: center;
}
aside#media_image-17:before,aside#media_image-15:before{ 
	top:73px;
}
/* サイドバータグ */
ul.sidebar-tag-list {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    list-style: none;
    background: #f8e7eb;
}
ul.sidebar-tag-list li {
    flex: 1 1 auto;
    background: #fff;
    margin: 2px;
    padding: 0 5px;
    font-size: 0.9em;
    border-radius: 5px;
}
ul.sidebar-tag-list li a {
    color: #a580a9;
}
/* サイドバーtitle  */
h3.widget-sidebar-title.widget-title {
    background: #fff0;
    background-image: url(https://lilla-fortune.com/wp-content/uploads/2023/09/サイドバータイトル装飾.png),url(https://lilla-fortune.com/wp-content/uploads/2023/09/サイドバータイトル装飾下.png);
    background-repeat: no-repeat;
    background-size: 5%,contain;
    background-position: left,bottom;
    padding: 10px 0 9px 20px;
}
li.cat-item {
    border-bottom: 1px solid #ccc;
}

/* ====== ショートコードcss ====== */

/* おすすめ占い師 */
ul.recommendation-urnaisi-contents {
    display: flex;
    list-style: none;
    padding: 0;
    justify-content: space-evenly;
}
.recommendation-urnaisi-image {
/*     margin-bottom: 20px; */
}
.recommendation-urnaisi-image img{
	object-fit: cover;
    width: 100%;
    height: 150px;
}
/* 名前 */
.recommendation-urnaisi-name {
    font-weight: bold;
    /* border-bottom: 3px solid #ae7884; */
    padding: 0 5px;
	
}
.recommendation-urnaisi-name a {
	display:block;
	background: linear-gradient(to bottom,#f3c5d3 0%,#e6b2be 75%);
    border-radius: 3px;
	box-shadow: 0px 1px 2px 0 #ae7884;
    color: #fff;
	transition:0.3s;
}
.recommendation-urnaisi-name a:hover{
	background:#fff;
	color:#e6b2be;
}
/* ---------------------------------- */
/* 時期が当たる */
.ranking-explain {
    background: repeating-linear-gradient(45deg, #f3eafb, #f3eafb 5px, #f9f4ff 0px, #ffffff 11px);
    border: 3px dotted #d2aae7;
    text-align: center;
    padding: 0px 15px 15px;
    position: relative;
    margin: 40px 0;
}
.ranking-explain-title {
    background: #d2aae7;
    color: #fff;
    display: inline-block;
    padding: 0px 20px 0;
    border-radius: 50px;
    font-weight: bold;
    transform: translatey(-50%);
}
.ranking-explain p {
    margin: 0;
    /* padding: 10px; */
    text-shadow: 0px 0 5px #ffffff;
    text-align: left;
}
div#uranaisi-slider-content {
    margin: 30px 0 10px;
    /* overflow-x: auto; */
}
/* タイトル */
.notice-title {
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
    border-bottom: 3px solid #d2aae7;
    border-top: 3px solid #d2aae7;
    padding: 3px 0 5px 0;
    color: #f89dc9;
}
.notice-title img {
    width: 1.5em;
}
/* 各占師 */
ul.uranaisi-list {
    padding: 0 0 20px;
    display: flex;
    list-style: none;
    /* justify-content: center; */
    overflow-x: auto;
}
/* 内容 */
li.uranaisi-contents {
    text-align: center;
    position: relative;
    margin: 0 0.2em;
    width: 100%;
}
/* ランキング数字 */
span.ranking-ribbon {
    position: absolute;
    left: 0;
	top: 0;
    width: 2em;   
}
/* 占い師名前 */
.uranaisi-name {
    font-size: 0.8em;
    margin: 0 0 10px 0;
    padding: 1px 0 0;
    border-bottom: 2px dotted #f89dc9;
    border-top: 2px dotted #f89dce;
    background: #ffffff;
    font-weight: bold;
}
.uranaisi-name a{
	color: #444;
}
/* 詳細 */
ul.uranaisi-detai-list {
    padding: 0;
    margin-bottom: 5px;
    list-style: none;
    text-align: left;
    font-size: 14px;
}
ul.uranaisi-detai-list li {
    border-bottom: 1px solid #ccc;
}
ul.uranaisi-detai-list li:last-child {
    border: none;
    width: 160px;
/*     height: 50px;
    margin: auto;
    text-align: center; */
}
span.uranaisi-detail {
    margin-right: 4px;
    font-weight: bold;
	color:#dea5cd;
}
/* PR文 */
/* 時期ランキングショートコード */
span.uranaisi-pr-text {
    font-weight: bold;
    color: #bb7efd;
    width: 160px;
    height: 50px;
    margin: 10px auto;
    text-align: center;
    display: block;
}
.banner {
    text-align: center;
    margin: 0;
}
ul.uranaisi-detai-list li p {
    display: inline-block;
    margin: 0;
}
/* 占い師外部リンクボタン */
.uranaisi-review-link {
    font-size: 0.8em;
    font-weight: bold;
/*     box-shadow: 0 3px 5px 0 #88749dd1; 
    border-radius: 5px;*/
}
.uranaisi-review-link a {
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(#FF858E), to(#F64459), color-stop(.2, #FF858E));
    border-radius: 3px;
    padding: 3px 0 2px;
    box-shadow: 0px 1px 2px 0 #87616a;
    color: #fff;
    transition: 0.3s;
    width: 210px;
}
/* 占ってもらうボタン仮 
.uranaisi-review-link a {
    display: block;
    background: #bb7efd;
    background: linear-gradient(0deg, #b675fb 0%, #cba3f7 100%);
    border-radius: 5px;
    padding: 3px 0 2px;
    box-shadow: inset 0px 2px 5px 0px #ebdaff;
    color: #fff;
    margin-bottom: 3px;
    transition: 0.3s;
    border: 1px solid #c595fa;
}*/
/* アイコン */
.uranaisi-review-link a:after {
    content: "\f35d";
    font-family: 'Font Awesome 5 Free';
    margin-left: 5px;
}
.uranaisi-review-link a:hover {
    background: #fff;
    color: #f74e61;
}
/* 口コミボタン */
.uranaisi-internal-links a {
    display: block;
    /* background: #d2b5e0; */
    color: #dda4cc;
    font-weight: bold;
    margin-bottom: 10px;
    border-radius: 2px;
    border: 2px solid #dda4cc;
    font-size: 0.85em;
}

/* スライダー */
#uranaisi-slider-content ul .slick-arrow {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #e0b5d3;
    color: #fff;
    position: absolute;
    top: 40%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* スライダー画像サイズ */
.uranaisi-slider-image img {
    object-fit: cover;
    width: 100%;
    height: 150px;
}
/* will画像トリミング 
img.will {
    object-position: 56% 16%;
}*/
/* スライダー矢印 左 */
.prev.icochan.i-left.slick-arrow{
	left:0;
}
.prev.icochan.i-left.slick-arrow:after {
    content: "\f104";
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
}
/* スライダー矢印 右 */
.next.icochan.i-right.slick-arrow {
    right: 0;
}
.next.icochan.i-right.slick-arrow:after {
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
}
/* ランキングページリンクボタン */
.ranking-page-link {
    text-align: center;
    margin-bottom: 20px;
}
.ranking-page-link a {
    display: inline-block;
    text-align: center;
    padding: 5px 10px 5px 20px;
    box-shadow: 0px 4px 10px 0 #bbb;
    transition: .3s;
    font-size: 0.9em;
    font-weight: bold;
    color: #ffffff;
    background: linear-gradient(131deg, #a85cfb 0%, #c38cdd 34%, #d3aef9 100%);
    /* background: linear-gradient(131deg, #ba7bff 0%, #d2b5e0 15%, #d2b5e0 87%, #ba7bff 100%); */
    /* background-size: 200% 100%; */
}
.ranking-page-link a:hover {
    transform:translateY(5px);
	box-shadow:none;
}
/* 内部リンクカラー 
a.inside-link {

}*/
/* 外部リンクカラー 
a.external-link {
    color: #ffffff;
    background: linear-gradient(131deg,#d087fe 0%,#d2b5e0 32%,#dfc8f7 100%);
}*/
/* アイコン */
.ranking-page-link a:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f054";
    font-weight: bold;
    background: #fff;
    color:#d2aae7;
    padding: 0px 4px;
    margin-left: 10px;
}

/* 内部リンクカラー 
a.inside-link i{
    background: #fff;
    color:#fd8abf;
}*/
/* 外部リンクカラー
a.external-link i{
    background: #fff;
    color: #d089fd;
} */
/* ------------------------------------ */
/* ===================================== */
/* モバイルメニュー */
.menu-close-button,.mobile-menu-pickup {
    font-size: 1.3em;
    font-weight: bold;
    background: #e0b5d3;
    color: #fff;
    padding: 10px 0 6px 0;
	margin-bottom:20px;
	text-align:center;
}
.mobile-menu-image {
    padding: 0 20px;
}

.menu-drawer li a{
    background: url(https://lilla-fortune.com/wp-content/uploads/2023/09/サイドバータイトル装飾.png);
    background-repeat: no-repeat;
    background-size: 5%;
    background-position: left;
    padding: 0px 0 0px 20px;
	margin-bottom: 20px;
	border-bottom: 2px dotted #c4729b;
}
.menu-drawer a {
    color: #a57fa9;
    font-weight: bold;
}
/* サブメニュー */
ul.sub-menu li a{
	background:none;
}
ul.sub-menu li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: "\f054";
    position: absolute;
    color: #c3739d;
}
/* モバイルヘッダー背景色 */
.mobile-menu-buttons{
	background:#e0b5d3;
}
/* 検索アイコン、メニューアイコン */
.mobile-menu-buttons label{
	color:#fff;
}

/* リンクボタン アイコン */
tbody tr td a:after {
    font-family: 'Font Awesome 5 Free';
    content: '\f35d';
    display: inline-block;
    font-weight: bold;
    margin-left: 5px;
}
/* ===== モバイル検索 ===== */
.search-menu-content{
	width:100%;
	top:0%;
	left:0%;
	background: #fff;
/* 	transform:none; */
	display:none;
	transition:.5s ease-in-out;
}
.search-box {
    margin: 1em 0 1em;
}
/* タイトル */
.search-menu-content-title {
    text-align: center;
    font-weight: bold;
    color: #777;
    margin: 15px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
/* アニメージョン */
#search-menu-input:checked ~ #search-menu-content {
    /* transform: none; */
    display: block;
}
/* タグリスト */
ul.section-tag {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    overflow: scroll;
	height: 380px;
}
ul.section-tag::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #42c1e1;
}
ul.section-tag li a {
    flex: 1 1 auto;
    display: flex;
    font-size: 12px;
    /* border: 1px solid; */
    padding: 5px 5px;
    margin: 5px 4px;
    box-shadow: 0px 0px 1px 1px #e0b5d3;
    color: #666666;
	border-radius:2px;
}
/* キーワード */
.foam-keyword {
    border-bottom: 1px solid #aaa;
    padding-left: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #777;
}
/* クローズアイコン */
spna.foam-close {
	position: absolute;
    top: 0px;
    right: 0px;
    font-size: 1.1em;
    color: #777;
    height: 40px;
    width: 40px;
    text-align: center;
    padding-top: 5px;
}
/* ======================== */
/*  エントリーカード  */
.entry-card-thumb {
    width: 260px;
}
.entry-card-content {
    margin-left: 280px;
}
.a-wrap{
	margin-bottom:1%;
}
/* .new-entry-card-date {
  display: block;
} */
/* ページ下 関連記事 */
h2.related-entry-heading{

}

/*目次のデザイン変更*/
a{
	text-decoration: none;
}
/* 目次 */
.toc {
	background: #FFF;
	border: 2px solid #B1A2C1!important;
	display:table;
}
.toc-title {
    color: #645366;
    font-size: 1.1em;
    margin: auto;
}

h1.entry-title {
  color: #262626;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #B1A2C1;/*上線*/
  border-bottom: solid 3px #B1A2C1;/*下線*/
}

/* ------ ランキングページ ------ */
table.uranai-info {
    margin: 0px;
}
table.uranai-info th {
     background: #f1effb; 
    border: 1px solid #aaa;
}
table.uranai-info td {
	background:#fff;
    border: 1px solid #aaa;
}
p.internal.links a{
	display:block;
	text-align: right;
    margin-top: 5px;
    text-decoration: underline;
}
/* おすすめポイント */
.point-title {
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
}
.point {
    background-image: url(https://lilla-fortune.com/wp-content/uploads/2023/08/名称未設定-4.jpg);
    background-size: 60%;
    padding: 20px 25px;
    box-shadow: 0px 4px 3px 0 #ccc;
    border: 2px solid #ffc3d0;
}
.point p {
    margin: 0;
}
/* リンクボタン */
.link-button {
    text-align: center;
    margin: 15px 0;
}
a.kousiki-link-button {
    display: inline-block;
    background: -webkit-gradient(linear, left top, left bottom, from(#FF858E), to(#F64459), color-stop(.2, #FF858E));
    color: #fff;
    padding: 10px 10px;
    border-radius: 5px;
    box-shadow: 0 3px 4px 0 #bbb;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    transition: 0.3s;
    line-height: 1.3;
}
a.kousiki-link-button:hover {
    box-shadow: none;
    transform: translateX(0px) translateY(3px);
}
a.kousiki-link-button:after {
    content: "\f35d";
    font-family: 'Font Awesome 5 Free';
    margin-left: 7px;
}
/* 公式サイトのリンクが二つの場合 */
.Official-link {
    display: flex;
    justify-content: center;
    margin: 10px 0 30px;
}
a.kousiki-link-button.linoa {
    margin-right: 40px;
}
/*セラ */
a.kousiki-link-button.sela {
    background: #54a3d4;
    padding: 10px 30px;
}

/* ボタンキラキラアニメーション */
a.kousiki-link-button:before{
	position: absolute;
	content: '';
	display: inline-block;
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #fff;
	animation: shiny-btn1 3s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
/* リンクボタン ポイントテキスト */
.point-text {
    color: #f6465b;
    display: inline-block;
    position: relative;
    font-weight: bold;
}
.point-text:before {
    content: "";
    width: 2px;
    height: 20px;
    background: #f6465b;
    position: absolute;
    top: 4px;
    left: -15px;
	transform: rotate(-30deg);
	border-radius:5px;
}
.point-text:after {
    content: "";
    width: 2px;
    height: 20px;
    background: #f6465b;
    position: absolute;
    top: 4px;
    right: -15px;
	transform: rotate(30deg);
	border-radius:5px;
}
/*  */
/* 占い師 */
.uranaisi{
    display: flex;
/*     align-items: center; */
    justify-content: space-evenly;
	margin:0px;
}
.uranaisi-profile{
	text-align:center;
}
table.uranaisi-info {
    width: 70%;
    margin: 0 0 0px 20px;
}
/* 占い師 プロフィール表 */
table.uranaisi-info02 tr {
    border: 2px solid #ffc8d5!important;
}
table.uranaisi-info02 th {
    border-right: 1px solid #ffc8d5;
}
/* 相談内容 */
.consultation {
    margin: 40px 0 40px 0;
}
.consultation-title {
    text-align: center;
    font-weight: bold;
    background: linear-gradient(to bottom, #e2b3fd, #ae88f7);
    color: #fff;
    padding: 5px 0;
}
.consultation-text {
    background: #f4f1ff;
    padding: 20px;
}
/* 占い師 詳細項目 */
table.uranaisi-info tbody {
    border-top: 3px solid #ae88f7;
    border-bottom: 3px solid #ae88f7;
}
table.uranaisi-info tr {
    border-bottom: 2px dotted #c9b1f5;
}
table.uranaisi-info td {
    border-right: none;
    padding: 6px 10px;
	background:#fff;
}
table.uranaisi-info th {
    background: #fff;
    border-right: 1px solid #c9b1f5;
    color: #ae88f7;
    border-left: none;
    min-width: 100px;
}
/* 占い師　イレギュラー吹き出し */
/* ピュアリ　スーニャ先生に使用中 */
.balloon1 {
    position: relative;
    display: inline-block;
    margin:0 0 30px 0;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    font-size: 16px;
    background: #e0edff;
    border-radius: 15px;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 20%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
}

.balloon1 p {
  margin: 0;
  padding: 0;
}
.article blockquote:last-child {
    margin: 1.8rem 0 0 0;
}
/* 口コミ */
.icon {
    display: flex;
    align-items: start;
/*     background: #fff0f0; */
    padding: 20px 0px 15px;
	margin-bottom:1rem;
}
.name{
	font-weight:bold;
	color:#666;
	font-size: 0.7em;
}
/* 画像アイコン */
.user {
    text-align: center;
    width: 65px;
}
.user p {
    display: none;
}
.user-image {
    line-height: 0;
}
/* 吹き出し */
.icon .text {
    position: relative;
    display: inline-block;
    margin: 0px 0 0 15px;
    padding: 7px 7px;
    min-width: 120px;
    max-width: 90%;
    color: #555;
    font-size: 16px;
    background: #fff;
    border-radius: 10px;
    border: 2px solid #aaa;
	width:100%;
}

.icon .text:before {
    content: "";
    position: absolute;
    top: 31px;
    left: -15px;
    margin-top: -13px;
    border: 8px solid transparent;
    border-right: 8px solid #ffffff;
    z-index: 2;
}
.icon .text:after {
    content: "";
    position: absolute;
    top: 32px;
    left: -17px;
    margin-top: -14px;
    border: 8px solid transparent;
    border-right: 8px solid #aaa;
    z-index: 1;
}
/* ============ 電話占いサイト紹介ページ ==================*/
/* サイト特典*/
.merit {
    border-radius: 3px;
    list-style: none;
    padding: 40px;
    box-shadow: 0 0 4px 0 #b397fa;
    font-family: 'Noto Serif JP',serif;
    position: relative;
	background-image: url(https://lilla-fortune.com/wp-content/uploads/2023/09/電話占いサイト紹介ページ-特典背景画像-上.png), url(https://lilla-fortune.com/wp-content/uploads/2023/09/電話占いサイト紹介ページ-特典背景画像-下.png); 
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top,bottom;
}
/* 特典タイトル */
p.merit-title {
    text-align: center;
    font-size: 1.7em;
    font-weight: bold;
	color: #b397fa;
}
/*  特典タイトル-装飾  */
p.merit-title:before {
    content: "";
    width: 100%;
    height: 25px;
    display: block;
	background: url(https://lilla-fortune.com/wp-content/uploads/2023/09/電話占いサイト紹介ページ-特典タイトル-装飾-上.png);
    background-repeat: no-repeat;
    background-position: center;
	background-size:120px
}
p.merit-title:after{
    content: "";
    width: 100%;
    height: 20px;
    display: block;
	background: url(https://lilla-fortune.com/wp-content/uploads/2023/09/電話占いサイト紹介ページ-特典タイトル-装飾-下.png);
    background-repeat: no-repeat;
    background-position: center;
	background-size:120px
}
/* 特典リスト */
ul.merit-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
/* 特典リストタイトル */
li.feature {
    font-weight: bold;
    border-bottom: 2px solid #dac8b1;
    padding-top: 20px;
}
li.feature img {
    width: 10px;
    margin-right: 5px;
}
/* 特典リストテキスト */
li.feature-substance {
    padding: 15px 10px 0px 10px;
}
/* 回数項目 */
ul.number.of.times {
    margin: 0;
    padding-left: 28px;
}
ul.number.of.times li {
    margin-left: 20px;
}
ul.number.of.times li:last-child {
    list-style: none;
    margin: 0;
}
.merit p {
    margin: 0;
}
/* 特典ポイントテキスト */
span.merit-point-text {
    color: #ff819f;
    border-bottom: 1px solid;
}
/* ========================= */
/* 占い師紹介 */
.siato-uranaisi {
    box-shadow: 0 0 5px 0 #ac8dff;
    padding: 15px 10px;
    border-radius: 4px;
}
/* 占い師プロフィール */
.uranaisi-profile {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    margin-bottom: 10px;
}
/* プロフィール詳細 */
table.uranaisi-data th {
    min-width: 75px;
    color: #666;
}
table.uranaisi-data th, table.uranaisi-data td {
    border: none;
	background:#fff;
}
table.uranaisi-data {
    width: 50%;
    margin: 0 0 0 10px;
    border-bottom: 2px solid #b093ff;
	box-sizing: border-box;
}
table.uranaisi-data caption {
    border-bottom: 2px solid;
    border-top: 2px solid;
    font-weight: bold;
    color: #ac8dff;
}
table.uranaisi-data tbody {
    text-align: left;
}
/* アイコン */
table.uranaisi-data th:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f219";
    font-size: 0.7em;
    margin-right: 5px;
    color: #ac8dff;
}
.senjutu {
    margin-bottom: 15px;
}
/* 占術、相談内容 */
.style-title {
    background: #e0d6fb;
    padding: 0px 10px;
    font-weight: bold;
    color: #666;
    text-align: center;
    border-bottom: 3px solid #71678d;
    border-radius: 5px;
    box-shadow: inset 1px 2px 2px #efe9ff;
}
summary.style-title:hover {
    background: #fff;
    border: 2px solid #71678d;
    color: #71678d;
}
.uranai-style p {
    padding: 10px;
    margin: 0;
    border-bottom: 2px solid #a397c3;
    background: #f5f1ff;
}
summary {
    cursor: pointer;
}
/* サイト管理者側まとめ意見 吹き出し */
div.speech-balloon {
    border-width: 1px;
    border-color: #e0b5d3;
}
.speech-balloon::before {
    top: 15px;
    border-right-color: #e0b5d3;
}
.speech-balloon::after {
    top: 15px;
	left:-10;
}
.speech-icon img, .speech-icon amp-img {
    border: none;
}
/* --------- 占い師詳細ページ --------- */
span.infidelity {
    color: #9e7aff;
}
span.season {
    color: #ff7a88;
}

/* 占い師詳細ページ口コミ */
/* 口コミ目次 */
.review-list {
    text-align: center;
}
/* 目次デザイン */
.review-contents {
    font-weight: bold;
    /* border-bottom: 2px solid; */
    display: inline-block;
    /* background: #000000; */
    padding: 21px 20px 19px 20px;
    color: #8772c0;
    border-radius: 3px;
    background-image: url(https://lilla-fortune.com/wp-content/uploads/2023/10/口コミ一覧タイトル飾り-上.png),url(https://lilla-fortune.com/wp-content/uploads/2023/10/口コミ一覧タイトル飾り-下.png);
    background-repeat: no-repeat;
    background-position: top,bottom;
    background-size: contain;
}
/* 目次項目 */
.review-contents-list ul {
    padding: 10px 0px;
    margin: 0;
    display: inline-block;
	list-style:none;
}
.review-contents-list ul li {
    text-align: left;
    border-bottom: 1px solid #8972c3;
    background-image: url(https://lilla-fortune.com/wp-content/uploads/2023/10/目次-項目-アイコン.png);
    background-repeat: no-repeat;
    background-size: 8%;
    padding-left: 15px;
    background-position: left;
}
.review-contents-list ul li a {
    color: #666666;
}
/* ---------------------- */
/* ベース */
.uranaisi-detail-page-review {
    padding: 15px 20px;
}
ul.uranaisi-detail-page-review-header {
	display: flex;
	margin: 0 0 15px 0;
    padding: 0 0 4px 0;
    list-style: none;
    border-bottom: 2px dotted;
    font-weight: bold;
	color: #666666;
}
ul.uranaisi-detail-page-review-header li {
    text-align: center;
    border-left: 2px solid #999999;
/*     width: 4em; */
    line-height: 1;
	padding:0 5px;
}
ul.uranaisi-detail-page-review-header li:first-child {
    border-left: none;
}
.uranaisi-detail-page-review p {
    background: #fff;
    margin: 0;
    padding: 20px;
	border-radius:4px;
}
/* 報告口コミ */
div#report {
    background: #ffe9e9;
}
div#report p {
    box-shadow: 0 0 3px 0 #fb4545;
    position: relative;
    z-index: 1;
}
/* 不倫口コミ */
div#furin{
	background: #ede9ff; 
}
div#furin p {
    box-shadow: 0 0 3px 0 #6645fb;
	position: relative;
    z-index: 1;
}
/* ======== 口コミ評価別 ======== */
span .s{
	color:#9a1414;
}
/* ----- 良い口コミ ----- */
div#Excellent{
    background: #ffe9e9;
}
div#Excellent p {
    box-shadow: 0 0 3px 0 #fb4545;
    position: relative;
    z-index: 1;
}
/* アイコン */
div#Excellent p:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f582";
    font-size: 3.5em;
    position: absolute;
    top: auto;
    right: 7px;
    bottom: 7px;
    left: auto;
    line-height: 1;
    color: #ffdcdc;
    z-index: -1;
}
/* ----- 普通の口コミ ----- */
div#Good{
    background: #d7f3e8;
}
div#Good p {
    box-shadow: 0 0 3px 0 #66b47e;
    position: relative;
    z-index: 1;
}
/* アイコン */
div#Good p:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f580";
    font-size: 3.5em;
    position: absolute;
    top: auto;
    right: 7px;
    bottom: 7px;
    left: auto;
    line-height: 1;
    color: #caf2e2;
    z-index: -1;
}
/* ----- 悪い口コミ ----- */
div#Poor{
	background: #ede9ff; 
}
div#Poor p {
    box-shadow: 0 0 3px 0 #6645fb;
	position: relative;
    z-index: 1;
}
/* アイコン */
div#Poor p:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f119";
    font-size: 3.5em;
    position: absolute;
    top: auto;
    right: 7px;
    bottom: 7px;
    left: auto;
    line-height: 1;
    color: #e1dbfd;
    z-index: -1;
}
/* 口コミ投稿リンク */
.review-contribution-button {
    text-align: center;
}
.review-contribution-button a {
    display: inline-block;
    background:linear-gradient(to bottom,#f5b4b1 0%,#f88ca5 75%);
    color: #ffffff;
    padding: 5px 20px;
    border-radius: 2px;
    box-shadow: 0px 1px 5px 0 #b79094;
    font-weight: bold;
    /* border: 2px solid #ffd46d; */
}
/* 年齢 
span.age {
	display:block;
}*/
/* まとめ枠 */
/* .summary-box{ 
	margin: 0 0 3em;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px #e0b5d3;
    border-bottom: solid 2px #e0b5d3;
}
.summary-box:before, .summary-box:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #e0b5d3;
}
.summary-box:before {
	left: 10px;
}
.summary-box:after {
	right: 10px;
}*/
.summary-box {
    background-image: url(https://lilla-fortune.com/wp-content/uploads/2023/10/枠-デザイン.-上png.),url(https://lilla-fortune.com/wp-content/uploads/2023/10/まとめ枠-デザイン-下.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top,bottom;
    padding: 20px 20px;
    position: relative;
}
.summary-box:before,.summary-box:after {
    content: "";
    width: 2px;
    height: 36%;
    position: absolute;
    background: #e0b5d3;
    top: 55px;
}
.summary-box:before{
left:5px;
}
.summary-box:after{
	right:5px;
}
/* 特典 */
.privilege-title {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 20px;
	padding: 10px 25px;
    border-bottom: 3px solid;
	border-top: 3px solid;
}
.privilege-text {
    text-align: center;
    margin: 40px 0;
}
.privilege-text:after {
    content: "\f063";
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    margin-left: 5px;
}
	br.sp {
    display: none;
}
/* ======レーティング星====== */
span.rating {
/*     font-weight: bold; */
    color: #666;
	display:inline-block;
}
span.rating:after{
	display:none;
}
.star5_rating{
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #CCCCCC; /* グレーカラー 自由に設定化 */
    /*font-size: 30px; フォントサイズ 自由に設定化 */
}

.star5_rating:before, .star5_rating:after{
    content: '★★★★★';
}

.star5_rating:after {
    position: absolute;
    margin: 0;
    z-index: 1;
    top: -1px;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #ff8732;
}
.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
/* 占い師プロフィール ショートコード */
/* 占い師プロフィールタイトル */
h2.uranaisi-shortchord-title {
    margin: 40px 0 20px;
    text-align: center;
    background: #bb7efd;
    color: #fff;
    line-height: 1.4;
    padding: 10px 0;
}

.uranaisi-shortchord {
    box-shadow: 0 0 5px 0 #ac8dff;
    padding: 15px 10px;
    border-radius: 4px;
    background-image: url(https://lilla-fortune.com/wp-content/uploads/2023/09/ショートコード占い師背景画像.png);
    background-size: contain;
	margin-bottom:40px;
}
.uranaisi-shortchord table.uranaisi-info {
    margin: 30px auto;
}
.uranaisi-shortchord .uranaisi-profile{
	display:block;
}
/* 占い師名前 */
.uranaisi-profile h3 {
    position: relative;
    margin-bottom: 15px;
    padding: 20px;
    display: inline-block;
    border: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top,bottom;
    color: #a87ff8;
    background: linear-gradient(to left,#ffffff00 0%,#ffffff 50%,#ffffff00 100%);
}
/* 名前 装飾上 */
.uranaisi-profile h3:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    background: url(https://lilla-fortune.com/wp-content/uploads/2023/09/ショートコード占い師名前装飾上.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    left: 0;
}
/* 名前 装飾下 */
.uranaisi-profile h3:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    background:url(https://lilla-fortune.com/wp-content/uploads/2023/09/ショートコード占い師名前装飾下.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
}
.uranaisi-profile img {
    display: block;
    margin: auto;
    box-shadow: 3px 6px 13px 0px #abababbd;
}
/* 得意鑑定 */
.uranaisi-shortchord .consultation {
    margin: 30px 0;
}
/* 口コミ */
/* タイトル */
#consultation-title-gradation {
    background: linear-gradient(to bottom, #fdb3bd, #f78888);
}
.uranaisi-shortchord .uranaisi-detail-page-review {
    padding: 0 0 15px 0px
}
.uranaisi-shortchord div#Excellent p {
    margin: 20px 15px;
}
/* 吹き出しアイコン */
div#consultation-title-gradation:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f4ad";
    font-weight: bold;
	margin-right: 5px;
}
/* リンクボタン */
.uranaisi-shortchord .link-button {
    margin: 40px 0 0 0;
}
/* ------------------------------------ */
/* リンクボタン */
.button {
    text-align: center;
    display: flex;
}
.privilege-button{
    width: 100%;
    margin: auto 1%;
}

.privilege-button a {
    display: block;
    position: relative;
    padding: 3px 25px 0;
    /* color: #fff; */
    font-size: 1.2em;
    overflow: hidden;
    /* box-shadow: 5px 6px 0px 0 #f88a8b; */
    line-height: 1.4;
    font-family: serif;
    /* border-radius: 50px; */
    /* transform: translateX(0px) translateY(0px); */
    transition: 0.3s;
}
/* リンクアイコン */
.privilege-button a:before{
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    position: absolute;
    left: 15px;
    top: 30%;
}
.privilege-button a:hover{
	transition:0.3s;
}
/* ボタンピンク */
a#pink {
    background: #ffffff;
    border: 2px solid #f88a8b;
    box-shadow: 4px 5px 0px 0 #f88a8b;
    color: #f88a8b;
    font-weight: bold;
}
a#pink:hover {
    background: #f88a8b;
    color: #ffffff;
    box-shadow: none;
    transform: translateX(4px) translateY(5px);
}
/* ボタン紫 */
a#violet {
    background: #ffffff;
    border: 2px solid #968af8;
    box-shadow: 4px 5px 0px 0 #968af8;
    color: #968af8;
    font-weight: bold;
}
a#violet:hover {
    background: #968af8;
    color: #fff;
	box-shadow: none;
    transform: translateX(4px) translateY(5px);
}
/* セラ口コミテキストリンク */
.sela-review {
    text-align: right;
    font-weight: bold;
}
.sela-review a {
    color: #666;
    border-bottom: 1px solid;
}
.sela-review a:after {
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    margin-left: 5px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.uranaisi-name {
    margin: 8px 0 10px 0;
}
}
@media screen and (min-width:700px) and (max-width: 850px){
h3.widget-sidebar-title.widget-title {
    background-position: top 30% left,bottom;
    background-size: 3%,contain;
    padding: 9px 0 9px 26px;
    height: 75px;
}
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
/* -----トップページ ----- */
/* タイトル-装飾  */
	h2.top-title:before {
    margin-bottom: 8px;
	background-size: 40%;
}
	h2.top-title:after {
    margin-top: 5px;
	background-size: 40%;
}
	.tag-recommend-image {
    flex-direction: column;
    flex-wrap: wrap;
    height: 570px;
	margin:0px;
}
/* タグボタン */
	.tag-button-box{
	display:block;
	}
/* タグリスト*/
	ul.tag-list.accordion {
	display:none;
}
	.tag-recommend-image img {
    width: 160px;
}
/*エントリーカード画像サイズ*/
	div#list .card-thumb img {
    height: 75px;
}
/* ----- 特集記事  -----*/
.feature-list {
    display: block;
}
/* ---------------------- */
/* ランキングページリンクボタン */
	a.inside-link{
		margin-bottom:15px;
	}
	.uranaisi-review-link a {
    width: 100%;
}
/* ランキングショートコード スクロール縦幅	 */
	ul.uranaisi-list {
    padding: 0;
}
.site-uranaisi .uranaisi-profile {
    width: 40%;
}
.uranaisi{
		display:block;
	}
table.uranaisi-info {
    width: 100%;
    margin: 15px 0 0px 0px;
}
	table.uranaisi-data {
/*     width: 100%; */
}
	br.sp {
    display: block;
}
	.merit {
    padding: 20px;
}
/* ボタン設定 */
.button {
    display: block;
}
a#violet {
    margin-bottom: 20px;
}
	.entry-card-thumb {
    width: 38%;
}
	.no-mobile-header-logo .header .header-in {
    display: none;
}
/* まとめ枠	 */
	.summary-box:before,.summary-box:after {
    width: 1px;
    height: 70%;
    top: 23px;
}
	.summary-box:before{
		left:3px;
	}
	.summary-box:after{
		right:3px;
	}
/* ===== 注目先生ランキング ===== */
/* タイトル */
.notice-title {
    font-size: 1em;
}
/* ====== ショートコードcss ====== */
/*  占い師画像サイズ	 */
	.uranaisi-profile img {
/* 		width:50%; */
	}
/*  ショートコードおすすめ占い師 */
	.recommendation-urnaisi-image img{
    height: 100px;
}
	ul.uranaisi-list {
    display: block;
}
/* ================================ */
/* 	対面ショートコード */
	span.interview-point-text:before {
    top: 61px;
}
	span.interview-point-text:after {
    top: 61px;
}
	/* 公式サイトのリンクが二つの場合 */
.Official-link {
	flex-direction:column;
}
a.kousiki-link-button.linoa {
    margin-right: 0px;
}
/* サイト管理者側まとめ意見 */
	.speech-person {
    min-width: 25%;
}
	/* ===== 占い相談ページ ===== */
	.consultation_contents {
    top: 40px;
}
/*  相談内容タイトル */
	.consultation_contents h3 {
    font-size: 1.1rem;
    padding: 0px 0 20px 0;
}
/* 相談者名前 */
	p.counselor_name {
    font-size: 0.8rem;
}
	p.counselor_name span {
    font-size: 1rem;
}
/* 画像 */
	.decoration {
    width: 15%;
}
/* 占い師名 */
	p.diviner {
    font-size: 1rem;
}
/* 背景画像 */
	.consultation_ba img {
    height: 350px;
}
/* ----- 相談内容 ----- */
	section.consultation_content_se {
    padding: 0 10px;
    margin: 50px 0;
}
/*  吹き出し */
	section.consultation_content_se .icon .text {
    padding: 10px;
    margin-left: 20px;
}
/* アイコン */
	section.consultation_content_se .user {
    width: 80px;
}
/* 結果 */
	.result_contents {
    padding: 0 20px;
}
/* ======= 占い相談カテゴリーページ ======= */
	.consultation_category_img {
    width: 100%;
}
}
/*300px以下*/
@media screen and (max-width: 300px){
	span.uranaisi-pr-text{
    width: 100px;
	height:100px;
}
}