/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */
/* フォント変更 */
*, *:before, *:after {
    font-family:"Helvetica Neue", "Arial,Hiragino Sans", "Hiragino maru Gothic ProN W4", "BIZ UDPGothic", "Meiryo", sans-serif;
}

/*タグクラウドのデザイン*/
.widget_tag_cloud .tagcloud a{
 background:#fff;
 border:1px solid #bbb;
 color:#666;
 padding:6px;
 margin:3px;
 border-radius:1px;
 text-decoration:none;
 font-size:12px;
}
/*タグクラウドマウスオーバー時*/
.widget_tag_cloud .tagcloud a:hover{
 background:#ff870f;
 color:#fff;
 border:1px solid #bbb;
}

/* ランキングカウンター実装 */
ol.wpp-list2 ul:before{
content:counter(wpp-count);/* カウンターを表示 */
display:block;/* 縦に並べる指定 */
position:absolute;/* 左上に固定 */
font-size:0px;/* 数字サイズ */
background: transparent;/* 背景色 */
z-index:1;/* 重なりの指定 */
}

/* ランキング一覧用ここから */
ol.wpp-list2 ul:nth-child(1):before{
	background-image: url(https://rensa.jp.net/wp-content/uploads/2020/05/1.png);
	background-repeat: no-repeat;
	width: 50px;
  	height: 50px;
	background-size: 100% auto;
	position:absolute;
	top: -14px;
	left: 4px;
}
ol.wpp-list2 ul:nth-child(2):before{
	background-image: url(https://rensa.jp.net/wp-content/uploads/2020/05/2.png);
	background-repeat: no-repeat;
	width: 50px;
  	height: 50px;
	background-size: 100% auto;

}
ol.wpp-list2 ul:nth-child(3):before{
	background-image: url(https://rensa.jp.net/wp-content/uploads/2020/05/3.png);
	background-repeat: no-repeat;
	width: 50px;
  	height: 50px;
	background-size: 100% auto;
}
ol.wpp-list2 ul:nth-child(4):before{
	background-image: url(https://rensa.jp.net/wp-content/uploads/2020/05/4.png);
	background-repeat: no-repeat;
	width: 50px;
  	height: 50px;
	background-size: 100% auto;
}
ol.wpp-list2 ul:nth-child(5):before{
	background-image: url(https://rensa.jp.net/wp-content/uploads/2020/05/5.png);
	background-repeat: no-repeat;
	width: 50px;
  	height: 50px;
	background-size: 100% auto;
}
ol.wpp-list2 ul:nth-child(6):before{
	background-image: url(https://rensa.jp.net/wp-content/uploads/2020/05/6.png);
	background-repeat: no-repeat;
	width: 50px;
  	height: 50px;
	background-size: 100% auto;
}
ol.wpp-list2 ul:nth-child(7):before{
	background-image: url(https://rensa.jp.net/wp-content/uploads/2020/05/7.png);
	background-repeat: no-repeat;
	width: 50px;
  	height: 50px;
	background-size: 100% auto;
}
ol.wpp-list2 ul:nth-child(8):before{
	background-image: url(https://rensa.jp.net/wp-content/uploads/2020/05/8.png);
	background-repeat: no-repeat;
	width: 50px;
  	height: 50px;
	background-size: 100% auto;
}
ol.wpp-list2 ul:nth-child(9):before{
	background-image: url(https://rensa.jp.net/wp-content/uploads/2020/05/9.png);
	background-repeat: no-repeat;
	width: 50px;
  	height: 50px;
	background-size: 100% auto;
}
ol.wpp-list2 ul:nth-child(10):before{
	background-image: url(https://rensa.jp.net/wp-content/uploads/2020/05/10.png);
	background-repeat: no-repeat;
	width: 50px;
  	height: 50px;
	background-size: 100% auto;
}

/* ランキング一覧用ここまで */

/* 「追加 CSS」の記述ここから */

/* エンジェルナンバープラグイン用 * ここから*/
.widget_post_list .meta .post_list_tag {
    line-height: 0;
    display: none;
}

.widget_post_list img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit:cover;';
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 1em;
}

.widget_post_list .post_list_thumb {
    float: left;
    width: 100px;
    height: 80px;
    position: relative;
    background-color: #fff;
}

.widget ul.d_tab_nav li.d_tab_active a {
    background: #fff;
    color: #32635d;
    font-weight: bold;
}

.d_tab_live .d_tab_tab {
    padding: 0 !important;
    border-top: 0;
}

.stroke_table {
    width: 100%;
    border: none;
}

.stroke_table td {
    font-weight: bold;
    text-align: center;
    padding: 0;
    border: none;
}

.stroke_table tr td a:hover {
    background: #d9ecea;
    color: #32635d;
}

.stroke_table a {
    display: block;
    padding: 5px 0px;
    color: #ffffff;
    text-shadow: 0 0 1px #84dfd3;
    font-weight: bold;
    text-decoration: none;
    margin: 2px;
    border-radius: 5px;
    background: #4b9790;
}

.stroke_table td.empty-cell {
    border: none;
    background: none;
}

.stroke_table td,
.stroke_table th {
    width: 20%;
    /* セルの幅を固定 */
}

/* エンジェルナンバープラグイン用 * ここまで/

/* 記事のタグに「占術」が含まれた場合のみ */
.fortune-form-divination {
    border: none;
    padding: 0.5em;
    margin-bottom: 0%;
}
/* カテゴリータロット内バナー ここから */
.fortune-tarot-banner {
    text-align: center;
    margin-bottom: 4%;
}

.fortune-tarot-img {
    width: 100%;
}
/* カテゴリータロット内バナー ここまで */
/* 記事内バナー用css ここから */
.betweenBanner {
    display: flex;
    flex-direction: column;
    margin-top: 5%;
}

.betweenBanner img {
    width: 100%;
}

.insertBanner {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* 記事内バナー用css ここまで */

/* タグに「占術」が含まれている場合 */
.sanmeigaku-form-divination {
    padding: 20px;
    border: none;
    margin-bottom: -50px;
}

/* タグに「占術」が含まれている場合 */
.four-pillars-form-divination {
    padding: 5px;
    border: none;
    margin-bottom: -25px;
}

/* 四柱推命  ここまで*/

/* スマホ時の投稿者名の表示 */
#single-main .post-author.author {
    position: relative;
    float: right;
    margin-bottom: 0;
    margin-top: -8px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#single-main li.post-author-name {
    display: block;
}

/* スマホ時の投稿者名の表示 */
.diver_voice {
    color: #454545;
}

#bigfooter a {
    font-size: 100%!important;
}

/* 姓名判断用ここから */
#seimei {
    width: 800px;
    height: 600px;
    position: relative;
}

#seimei canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.seimei-fortune-sns {
    width: 95%;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    margin: 2% auto;
    justify-content: space-between;
}

.seimei-fortune-tw-and-fb {
    display: flex;
    align-items: center;
    margin-top: 3%;
}

.seimei-download-button {
    padding: 1%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffffff;
    color: #5f5f5f;
    white-space: nowrap;
}

.seimei-fortune-twitter {
    margin: 0 0 0 2%;
    width: 95px;
}

.seimei-fortune-form-submit-button {
    width: 100%;
    height: 22vw;
    text-align: center;
    position: relative;
}

.seimei-fortune-form-submit-button img {
    position: absolute;
    top: 33%;
    left: 23%;
    width: 55%;
}

@media(min-width: 960px) {
    .seimei-fortune-form-submit-button {
        width: 100%;
        height: 9vw;
        text-align: center;
        position: relative;
    }

    .seimei-fortune-form-submit-button img {
        position: absolute;
        top: 7%;
        left: 23%;
        width: 55%;
    }
}

.seimei-fortune-wrap {
    background-image: url('https://web-img.rensa.jp.net/images/minori/owned-media/seimei_fortune/form_background.jpg');
    background-repeat: repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.seimei-fortune-form {
    width: 80%;
    display: flex;
    flex-direction: column;
}

.seimei-fortune-form img {
    margin: 0;
}

.seimei-fortune-form-back {
    background-image: url('https://web-img.rensa.jp.net/images/minori/owned-media/seimei_fortune/form_middle.png');
    background-size: 100% auto;
    background-repeat: repeat-y;
}

.seimei-fortune-result {
    display: flex;
    flex-direction: column;
}

.seimei-fortune-result img {
    margin: 0;
}

.seimei-fortune-result-back {
    background-image: url('https://web-img.rensa.jp.net/images/minori/owned-media/seimei_fortune/form_middle.png');
    background-size: 100% auto;
    background-repeat: repeat-y;
}

.seimei-fortune-result-ranking {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
}

.seimei-fortune-result-ranking p {
    white-space: nowrap;
    margin: 0;
    padding: 0 !important;
}

.seimei-fortune-result-title {
    background-color: #c8e6ee;
    border-radius: 10px;
    margin-bottom: 5%;
    padding: 1% 0 !important;
    width: 100%;
    text-align: center;
}


.hentry .post-meta-bottom {
    margin-bottom: 0;
}

.seimei-fortune-result-items {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    margin: 5% 8%;
}

@media(min-width: 470px) {
    .seimei-fortune-result-body {
        font-size: 170%;
    }

    .seimei-fortune-result-title {
        font-size: 140% !important;
        background-color: #c8e6ee;
        border-radius: 10px;
        margin-bottom: 5%;
        padding: 1% 0 !important;
        width: 100%;
        text-align: center;
    }

}

.seimei-fortune-form-contaner {
    width: 100%;
    margin: 0 auto;
}

.seimei-fortune-form-input-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.5rem;
}

.seimei-fortune-form-input-box.top {
    padding-top: 1rem;
}

.seimei-fortune-form-input-box label {
    font-size: 1.75rem;
	  margin-right: 0.5rem;
}

.seimei-fortune-form-input-box input {
    width: 18rem;
    max-width: 75%;
    height: 3.25rem;
    padding: 0.5rem 1rem;
    font-size: 2.5rem;
}

.seimei-fortune-form-input-submit-button {
    text-align: center;
    margin: 1rem;
}

.seimei-fortune-form-input-submit-button input {
    border-radius: 10px;
    background-color: #a3d1cb;
    color: #000;
    font-size: 1.25rem !important;
}

@media screen and (max-width: 480px) {
    .seimei-fortune-form-input-box label {
        font-size: 1.5rem;
    }

    .seimei-fortune-form-input-box input {
        width: 13rem;
        font-size: 2rem;
    }
}

/* itemcd が free002 以外の場合のみここから */
.seimei-fortune-wrap-common {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.seimei-fortune-result-title-common {
    background-color: #c8e6ee;
    width: 100%;
    text-align: left;
}

.seimei-fortune-result-items-common {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

/* itemcd が free002 以外の場合のみここまで */
/* 姓名判断用ここまで */

/* 年運用ここから */
.show {
    transition: all 2s ease;
    display: block;
}

.hide {
    transition: all 2s ease;
    display: none;
}

.yearly-fortune-form-submit-button {
    width: 100%;
    height: 22vw;
    text-align: center;
    position: relative;
    margin: 4% 0;
}

.yearly-fortune-form-submit-button img {
    position: absolute;
    top: 33%;
    left: 23%;
    width: 55%;
}

@media(min-width: 960px) {
    .yearly-fortune-form-submit-button {
        width: 75%;
        height: 9vw;
        text-align: center;
        position: relative;
    }

    .yearly-fortune-form-submit-button img {
        position: absolute;
        top: 7%;
        left: 23%;
        width: 55%;
    }
}

.yearly-fortune-wrap {
    background-image: url('https://web-img.rensa.jp.net/images/minori/owned-media/yearly-fortune/0404_square_s.jpg');
    /*         background-size: 100% auto; */
    background-repeat: repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.to-premium-fortune {
    font-size: 160%;
}

.yearly-fortune-2022second-half-wrap {
    background-image: url('https://web-img.rensa.jp.net/images/minori/owned-media/yearly-fortune/2022second-half/0404_square_s.jpg');
    /*         background-size: 100% auto; */
    background-repeat: repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.yearly-fortune-form {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.yearly-fortune-form img {
    margin: 0;
}

.yearly-fortune-form-back {
    background-image: url('https://web-img.rensa.jp.net/images/minori/owned-media/yearly-fortune/text_back.jpg');
    background-size: 100% auto;
    background-repeat: repeat-y;
}

.blood_type {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 10vw;
		justify-content: center;
		margin: 0 auto;
		width: 80%;
}

@media(min-width: 960px) {
    .blood_type {
        width: 80%;
        margin: 0 auto;
    }
}

.blood_type input[type="radio"] {
    display: none;
}

.blood_type_a {
    width: 100%;
    text-align: center;
    position: relative;
}

.blood_type_a img {
    position: absolute;
    top: 13%;
    left: 14%;
    width: 80%;
}

.blood_type_b {
    width: 100%;
    text-align: center;
    position: relative;
}

.blood_type_b img {
    position: absolute;
    top: 13%;
    left: 14%;
    width: 80%;
}

.blood_type_o {
    width: 100%;
    text-align: center;
    position: relative;
}

.blood_type_o img {
    position: absolute;
    top: 13%;
    left: 14%;
    width: 80%;
}

.blood_type_ab {
    width: 100%;
    text-align: center;
    position: relative;
}

.blood_type_ab img {
    position: absolute;
    top: 13%;
    left: 14%;
    width: 80%;
}


.yearly-fortune-result {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.yearly-fortune-result img {
    margin: 0;
}

.yearly-fortune-result-back {
    background-image: url('https://web-img.rensa.jp.net/images/minori/owned-media/yearly-fortune/text_back.jpg');
    background-size: 100% auto;
    background-repeat: repeat-y;
}

.yearly-fortune-result-ranking {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
}

.yearly-fortune-result-ranking p {
    white-space: nowrap;
    margin: 0;
    padding: 0 !important;
}

.yearly-fortune-result-title {
    background-color: #f2eddc;
    border-radius: 10px;
    margin-bottom: 5%;
    padding: 3% 9% !important;
}

.yearly-fortune-result-items {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    margin: 5% 8%;
}

@media(min-width: 470px) {
    .yearly-fortune-result-body {
        font-size: 170% !important;
    }

    .yearly-fortune-result-title {
        font-size: 170% !important;
        background-color: #f2eddc;
        border-radius: 10px;
        margin-bottom: 5%;
        padding: 3% 9% !important;
    }

}

.yearly-fortune-2023-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #555555 !important;
    margin-bottom: -5px;
}

.yearly-fortune-2023-form-back {
    background-image: url('https://web-img.rensa.jp.net/images/minori/owned-media/yearly-fortune/2023/text_back.png');
    background-size: 100% auto;
    background-repeat: repeat-y;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.yearly-fortune-2023-result-back {
    background-image: url('https://web-img.rensa.jp.net/images/minori/owned-media/yearly-fortune/2023/text_back.png');
    background-size: 100% auto;
    background-repeat: repeat-y;
}

.yearly-fortune-2023-result-ranking {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
}

.yearly-fortune-2023-result-ranking p {
    white-space: nowrap;
    margin: 0;
    padding: 0 !important;
    color: #130706;
}

@media screen and (max-width: 959px) {
    .yearly-fortune-2023-result-ranking-profile {
        font-size: 4vw !important;
    }

    .yearly-fortune-2023-result-ranking-text1 {
        font-size: 2vw !important;
    }
}

@media screen and (min-width: 960px) {
    .yearly-fortune-2023-result-ranking-profile {
        font-size: 1.7vw !important;
    }

    .yearly-fortune-2023-result-ranking-text1 {
        font-size: 2vw !important;
    }
}

.yearly-fortune-2023-result-ranking-text2 {
    font-size: 300% !important;
    color: #cd0606 !important;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;

}

.yearly-fortune-2023-result-ranking-text2::before {
    color: #d4a141;
    font-size: 80%;
    content: "★";
    margin-right: 20%;
}

.yearly-fortune-2023-result-ranking-text2::after {
    color: #d4a141;
    font-size: 80%;
    content: "★";
    margin-left: 20%;
}

.yearly-fortune-result-hrefs {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.yearly-fortune-result-href-wrap {
    width: 65%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    font-size: 60% !important;
}

.yearly-fortune-result-href {
    text-decoration: none;
    background: #d42b00;
    color: white !important;
    padding: 1% 12%;
    border-radius: 13px;
    font-weight: bold;
    font-size: 140%;
    margin: 0 2%;
}

.yearly-fortune-result-hrefs-text {
    font-size: 140% !important;
    color: black !important;
}

.yearly-fortune-result-promotion {
    background: #fefaef;
    text-align: center;
    padding-bottom: 0;
    font-weight: bold;
    font-size: 100%;
}

.yearly-fortune-result-promotion-caption {
    margin-top: 5%;
    padding-top: 5%;
    font-size: 80% !important;
}

.yearly-fortune-result-promotion-information {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    border: 2px #dbdbdb solid;
    box-shadow: 0 2px 3px 0 #ddd;
    font-size: 100%;
    padding: 2%;
}

.yearly-fortune-result-promotion-information-caption {
    text-align: center;
    background: #a3d1cba1;
    font-size: 100%;
    color: #555555;
    padding: 5px !important;
    margin: 0;
    font-weight: bold !important;
}

.yearly-fortune-result-promotion-information-note {
    background: #fbfaf5;
    padding: 20px;
}

@media (max-width: 736px) {
    .yearly-fortune-result-promotion-information-fortune-button {
        max-width: 280px;
        padding: 0.2rem 1rem;
    }

    .yearly-fortune-result-promotion-information-fortune-button-text {
        font-size: 12px !important;
    }
}

.yearly-fortune-result-promotion-information-fortune-button {
    width: 100%;
    max-width: 350px;
    display: block;
    margin: 0 auto;
    padding: 0.5rem 3rem;
    background-color: #a3d1cba1;
    border-radius: 8px;
    box-sizing: border-box;
    text-decoration: none;
    transition: 0.3s;
}

.yearly-fortune-result-promotion-information-fortune-button-text {
    display: block;
    position: relative;
    color: #555555;
    font-size: 110%;
    text-align: center;
    padding-left: 30px;
}

.yearly-fortune-result-promotion-information-fortune-button-text::before {
    content: '';
    width: 20px;
    height: 20px;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.yearly-fortune-result-promotion-information-fortune-button-text::after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #555555;
    border-right: 3px solid #555555;
    box-sizing: border-box;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 5px;
    bottom: 0;
    margin: auto;
    transition: 0.3s;
}

.yearly-fortune-result-promotion-information-menus {
    padding: 3%;
    margin-bottom: -5%;
}

.yearly-fortune-result-promotion-information-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 3%;
    font-size: 90%;
}

.yearly-fortune-result-promotion-information-menu img {
    width: 20%;
}

.yearly-fortune-result-promotion-information-menu a {
    text-align: left;
    margin-left: 4%;

}

.yearly-fortune-result-2023 {
    background-image: url(https://web-img.rensa.jp.net/images/minori/owned-media/yearly-fortune/2023/frame_result_middle.jpg);
    background-size: 100% auto;
    background-repeat: repeat-y;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}

.yearly-fortune-result-2023-body {
    padding: 5% !important;
}

.yearly-fortune-result-2023-title {
    font-size: 200% !important;
    border-bottom: solid 1px #f2e6ca;
    margin-bottom: 2px;
    position: relative;
    padding: 0 0 0 0 !important;
    width: 80%;
    text-align: center;
}

.yearly-fortune-2023-result-ranking-caption {
    background-image:
        url('https://web-img.rensa.jp.net/images/minori/owned-media/yearly-fortune/2023/frame_middle.jpg');
    background-size: 100% auto;
    background-repeat: repeat-y;
    width: 85%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}

.yearly-fortune-result-2023-title::after {
    content: '';
    width: 100%;
    height: 1px;
    border-bottom: solid 1px #f2e6ca;
    position: absolute;
    left: 0px;
    bottom: -3px;
}

/* 年運用ここまで */

/* 検索窓調整用 */
#header_search {
    background-color: #fff;
    width: 71vw;
    height: 30vh;
    overflow: auto;
    margin: 0 auto;
    border-radius: 5px;
    font-size: .9em;
}

/* 本格占い遷移記事用 */
.premium-fortune-purchase-button {
    border: 0;
    line-height: 2.5;
    padding: 0 20px;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 10px;
    background-color: #d83473 !important;
    box-shadow: inset 2px 2px 3px rgb(255 255 255 / 60%), inset -2px -2px 3px rgb(0 0 0 / 60%);
}

.premium-fortune-purchase {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.premium-fortune-purchase-title {
    width: 100%;
    text-align: center;
    background-color: #a3d1cb;
    color: white;
}

.wrap {
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
}

.button1 {
    width: 80px;
    font-family: sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: bold;
    color: #5f5f5f;
    background-color: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
    padding: 10%;
}

.button1:hover {
    background-color: #a3d1cb;
    color: #fff;
    transform: translateY(-7px);
    text-shadow: none;
}


.capo_content_benner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: flex-end;
}

/* header_tub調整 */
#custom_html-13 {
    padding: 0;
    margin: 0;
}

.container_top_widget {
    margin-top: 1%;
}

/* instagramデザイン */
.sbi_no_avatar .sbi_header_img {
    background:
        linear-gradient(160deg, rgba(21, 6, 247), rgba(255, 0, 0, 0) 46.71%),
        linear-gradient(170deg, rgba(255, 0, 106), rgba(0, 255, 0, 0) 69.71%),
        linear-gradient(10deg, rgba(255, 210, 6), rgba(0, 0, 255, 0) 60.71%),
        linear-gradient(290deg, rgba(169, 7, 135), rgba(0, 0, 255, 0) 50.71%);
}

/* フッターコピーライト */
.copyright {
    display: flex;
    flex-direction: column;
}

#copyright {
    padding: 2% 0 !important;
}

/* 電話占いCSS */
/* 電話占い総合ランキング 総合評価の部分 */
.denwa-ranking-sogo-wrap {
    display: flex;
    max-width: 750px;
    margin: 1rem 0;
}

.denwa-ranking-sogo-left {
    width: 40%;
    margin-right: 0.5rem;
}

.denwa-ranking-sogo-left img {
    width: 100%;
    height: 100%;
    margin: 0;
}

.denwa-ranking-sogo-right {
    width: 60%;
}

.denwa-ranking-sogo-right-table {
    border-collapse: collapse;
    width: 100%;
    border: none;
}

.denwa-ranking-sogo-right-table tr {
    border: 0;
}

.denwa-ranking-sogo-right-table tr:first-child {
    border-bottom: solid 5px #FFCDCD;
}

.denwa-ranking-sogo-right-table td {
    border-style: none;
}

.denwa-ranking-sogo-right-table-text {
    color: #e63d3d;
    font-weight: bold;
}

/* 電話占い 細かい評価 */
.denwa-ranking-detail-wrap {
    margin: 0 0 0.5rem 0;
    display: flex;
}

.denwa-ranking-detail-box {
    width: 50%;
    height: auto;
    margin-right: 0.5rem;
    padding: 0.5rem;
    background-color: #f8f8f8;
    text-align: center;
}

.denwa-ranking-detail-box:last-child {
    margin-right: 0;
}

.denwa-ranking-detail-text {
    text-align: left;
    font-weight: bold;
    margin: 0;
}

/* ここから電話占いサイトの基本情報 */
.denwa-ranking-kihonjoho {
    width: 100%;
    border-collapse: collapse;
    border: none;
}

.denwa-ranking-kihonjoho tr {
    border-bottom: dotted 1px #B9B9B9;
}

.denwa-ranking-kihonjoho tr:last-child {
    border-bottom: none;
}

.denwa-ranking-kihonjoho th {
    width: 40%;
    border: none;
    background-color: #a3d1cb;
    color: #fff;
}

.denwa-ranking-kihonjoho td {
    border: none;
    font-weight: bold;
}

.denwa-ranking-redcolor {
    color: #E63D3D;
}

/* 電話占い　赤いアクセント */
.denwa-ranking-redaccent {
    background-color: #f77979;
    display: inline-block;
    border-radius: 10px;
    padding: 3px 10px;
    margin-left: 3px;
    color: white;
}

/*--------------------
 吹き出し
--------------------*/
.consultation {
    margin-bottom: 2em;
    position: relative;
}

.consultation:before,
.consultation:after {
    clear: both;
    content: "";
    display: block;
}

.consultation figure {
    width: 60px;
    height: 60px;
}

.consultation-image-left {
    float: left;
    margin-right: 20px;
}

.consultation-image-right {
    float: right;
    margin-left: 20px;
}

.consultation figure img {
    width: 100%;
    height: 100%;
    border: 1px solid #aaa;
    border-radius: 50%;
    margin: 0;
}

.consultation-image-name {
    padding: 5px 0 0;
    font-size: 10px;
    text-align: center;
}

.consultation-text-right,
.consultation-text-left {
    position: relative;
    padding: 10px;
    border: 1px solid;
    border-radius: 10px;
    max-width: -webkit-calc(100% - 120px);
    max-width: calc(100% - 120px);
    display: inline-block;
}

.consultation-text-right {
    border-color: #aaa;
}

.consultation-text-left {
    border-color: #aaa;
}

.consultation-text-right {
    float: left;
}

.consultation-text-left {
    float: right;
}

.consultation p {
    margin: 0 0 20px;
}

.consultation p:last-child {
    margin-bottom: 0;
}

/* 吹き出し三角 */
.consultation-text-right:before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #aaa;
    top: 15px;
    left: -20px;
}

.consultation-text-right:after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #fff;
    top: 15px;
    left: -19px;
}

.consultation-text-left:before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #aaa;
    top: 15px;
    right: -20px;
}

.consultation-text-left:after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #fff;
    top: 15px;
    right: -19px;
}

/* 電話占いCSSボタン */

a.midium-denwa {
    width: 80%;

}

/* ここから電話占い初回特典 */
.denwa-ranking-shokai-wrap {
    padding: 1rem;
    background-color: #ffefef;
    margin-bottom: 1.5rem;
}

.denwa-ranking-shokai-title {
    margin: 0;
    padding: 0 0 0.3rem 0;
    border-bottom: 2px solid #757575;
    font-weight: bold;
}

.denwa-ranking-shokai-title img {
    margin: 0 0.5rem 0 0;
}

.denwa-ranking-shokai-list {
    max-width: 600px;
    padding: 0.5rem 0.5rem 0 0.5rem;
    margin: 1rem auto;
    border: 10px solid #D6A163;
    background-color: #364241;
    color: white;
}

/* 電話占い当たる先生 */
.denwa-ranking-ataru-table {
    width: 100%;
    max-width: 500px;
    border: none;
    margin: 1rem auto;
    border-collapse: separate;
    border-spacing: 3px;
}

.denwa-ranking-ataru-table img {
    width: 100%;
    max-width: 150px;
    line-height: 0;
    margin: 0;
}

.denwa-ranking-ataru-table th {
    background-color: white;
    text-align: left;
    border: none;
    padding: 0;
}

.denwa-ranking-ataru-table td {
    border: 0;
}

/* TOP記事一覧調整 */
#diver_widget_newpost_grid-3 h2 {
    background: #deeeec !important;
    border-bottom: none !important;
}

#diver_widget_newpost_grid-4 h2 {
    background: #deeeec !important;
    border-bottom: none !important;
}

.diver_widget_morelink {
    text-align: center;
    color: #555555;
    padding: 1%;
    margin-top: 1%;
    width: 36%;
    font-weight: bold;
    max-width: 255px;
    background-color: #ffe3e3;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
}

.content .widget_post_list.grid,
.single-post-main .widget_post_list.grid,
#main .widget_post_list.grid,
#page-main .widget_post_list.grid {
    box-shadow: 1px 1px 4px 0px;
}

.widget_post_list .post_list_thumb .post_list_cat {
    font-size: 12px !important;
    border-radius: 0.5em;
}

.content .widget_post_list.grid .meta .post_list_title,
.single-post-main .widget_post_list.grid .meta .post_list_title,
#main .widget_post_list.grid .meta .post_list_title,
#page-main .widget_post_list.grid .meta .post_list_title {
    font-size: 1.1em;
}

/* APIアラートテキスト調整 */
.error_message {
    color: red;
    font-weight: bold;
    font-size: 110%;
}

@media screen and (max-width: 768px) {
    #scrollnav ul li {
        border-bottom: solid 5px #e3e3e3;
    }
}

/* TOP新着占いのページタイトル空白削除 */
#page-main h1 {
    display: none;
}

/* .single-post-main, .catpage_content_wrap .content {
    padding: 0px !important;
} */

/* おすすめ記事エリアCSS */
.single-recommend-area .single_title {
    background: #deeeec;
    font-weight: bold;
    border-bottom: 3px solid #cecece;
    border-left: 8px solid #a3d1cb;
    color: #32635d !important;
    text-shadow: 0 0 1px #84dfd3;
    position: relative;
    font-size: 16px;
    padding: 8px 15px;
    margin: -10px;
    margin-bottom: 10px;
}

h1.single-post-title {
    margin: 3px 0;
}

/* ロゴサイズ調整 */
.header-logo {
    justify-content: center;
    align-items: center;
}

#logo,
.logo {
    margin-right: 0;
}

#logo img,
.logo img {
    margin: 0 !important;
}

@media screen and (max-width: 959px) {

    #logo,
    .logo {
        margin-right: auto !important;
        text-align: center;
    }
}

@media screen and (min-width: 769px) {
    #logo img {
        height: 80px !important;
    }
}

@media screen and (max-width: 768px) {
    .post .post-meta {
        padding: 0 10px;
    }
}

/* ロゴ横の検索窓位置調整 */
.widget_search {
    position: absolute;
    right: 0%;
    top: 25%;
}

/* おすすめ記事エリアの微調整 */
.single-related-area .textwidget,
.single-recommend-area .textwidget {
    padding: 0;
}

/* 占い記事内のGoogleAd調整 */
.google_ad_area {
    width: 320px;
    height: 100px;
}

@media(min-width: 470px) {
    .google_ad_area {
        width: 468px;
        height: 60px;
    }
}

@media(min-width: 730px) {
    .google_ad_area {
        width: 728px;
        height: 90px;
    }
}


/* SP版のメニューボタン高さ調整 */
@media screen and (max-width: 768px) {
    #scrollnav ul li {
        display: flex;
        line-height: 20px;
        flex-direction: column;
        justify-content: center;
    }
}

/* スライダー調整 */
#diver_widget_pcsp-13 {
    margin-bottom: 0 !important;
}

/* スライダー調整ここまで */

/* 占いAPI用CSS */
.motif_images {
    text-align: center;
    zoom: 60%;
    background-color: #000000b5;
}

.motif_images_no_color {
    text-align: center;
    zoom: 60%;
}

.inside_images {
    text-align: center;
    zoom: 60%;
    background-color: #000000b5;
}

.inside_images_nocolor {
    text-align: center;
    zoom: 60%;
}

.fortune-form {
    border: solid 3px #a3d1cbb5;
    padding: 5%;
    margin-bottom: 5%;
}

.result_body {
    font-weight: unset;
    margin-bottom: 3%;
}

/* 占いAPI用CSS ここまで*/

.content {
    margin-bottom: 0 !important;
}

.single-post-main {
    margin-bottom: 0 !important;
    padding: 0 10px;
}

/* ウィジェットタイトルcss */
.wrap-post-title {
    font-weight: bold;
    background: #deeeec !important;
    border-bottom: 3px solid #cecece;
    border-left: 8px solid #a3d1cb;
    color: #32635d !important;
    text-shadow: 0 0 1px #84dfd3;
}

/* SP版　コンテンツ横幅調整 */
@media screen and (max-width: 959px) {
    #sidebar {
        padding: 0;
    }
}

@media screen and (max-width: 959px) {
    #main {
        padding: 0 !important;
    }
}

.wpp-list2 {
    padding: 0 0.5em;
}

.textwidget .daily {
    padding: 0 0.5em;
}

/* 記事内強調 */
.strong_text {
    color: #555555;
    background-image: linear-gradient(transparent 60%, #fdf88e 50%);
}

.strong_text2 {
    color: #555555;
    background-image: linear-gradient(transparent 60%, #fdf88e 50%);
}

/* お気に入り一覧 */

ul.favorites-list {
    list-style: none;
    padding-left: 0;
}

ul.favorites-list li {
    list-style: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.favorites-list li img {
    width: 75px;
    margin: 0 1em;
}

.simplefavorite-button {
    margin-top: 30px;
}

.simplefavorite-button:hover {
    background: transparent;
    color: #a3d1cb;
    text-shadow: none !important;
}

/* お気に入り一覧 ここまで*/

/* コラムカテゴリ内、カテゴリ検索 */
.category-24 .postform option[value="12"],
.category-25 .postform option[value="12"],
.category-26 .postform option[value="12"],
.category-27 .postform option[value="12"],
.category-28 .postform option[value="12"],
.category-30 .postform option[value="12"],
.category-33 .postform option[value="12"] {
    display: none
}

.category-24 .postform option[value="15"],
.category-25 .postform option[value="15"],
.category-26 .postform option[value="15"],
.category-27 .postform option[value="15"],
.category-28 .postform option[value="15"],
.category-30 .postform option[value="15"],
.category-33 .postform option[value="15"] {
    display: none
}

.category-24 .postform option[value="17"],
.category-25 .postform option[value="17"],
.category-26 .postform option[value="17"],
.category-27 .postform option[value="17"],
.category-28 .postform option[value="17"],
.category-30 .postform option[value="17"],
.category-33 .postform option[value="17"] {
    display: none
}

.category-24 .postform option[value="34"],
.category-25 .postform option[value="34"],
.category-26 .postform option[value="34"],
.category-27 .postform option[value="34"],
.category-28 .postform option[value="34"],
.category-30 .postform option[value="34"],
.category-33 .postform option[value="34"] {
    display: none
}

.category-24 .postform option[value="18"],
.category-25 .postform option[value="18"],
.category-26 .postform option[value="18"],
.category-27 .postform option[value="18"],
.category-28 .postform option[value="18"],
.category-30 .postform option[value="18"],
.category-33 .postform option[value="18"] {
    display: none
}

.category-24 .postform option[value="35"],
.category-25 .postform option[value="35"],
.category-26 .postform option[value="35"],
.category-27 .postform option[value="35"],
.category-28 .postform option[value="35"],
.category-30 .postform option[value="35"],
.category-33 .postform option[value="35"] {
    display: none
}

.category-24 .postform option[value="20"],
.category-25 .postform option[value="20"],
.category-26 .postform option[value="20"],
.category-27 .postform option[value="20"],
.category-28 .postform option[value="20"],
.category-30 .postform option[value="20"],
.category-33 .postform option[value="20"] {
    display: none
}

.category-24 .postform option[value="21"],
.category-25 .postform option[value="21"],
.category-26 .postform option[value="21"],
.category-27 .postform option[value="21"],
.category-28 .postform option[value="21"],
.category-30 .postform option[value="21"],
.category-33 .postform option[value="21"] {
    display: none
}

.category-24 .postform option[value="22"],
.category-25 .postform option[value="22"],
.category-26 .postform option[value="22"],
.category-27 .postform option[value="22"],
.category-28 .postform option[value="22"],
.category-30 .postform option[value="22"],
.category-33 .postform option[value="22"] {
    display: none
}

.category-24 .postform option[value="33"],
.category-25 .postform option[value="33"],
.category-26 .postform option[value="33"],
.category-27 .postform option[value="33"],
.category-28 .postform option[value="33"],
.category-30 .postform option[value="33"],
.category-33 .postform option[value="33"] {
    display: none
}

/* 占いカテゴリ内、カテゴリ検索 */
.category-12 .postform option[value="24"],
.category15 .postform option[value="24"],
.category-17 .postform option[value="24"],
.category-34 .postform option[value="24"],
.category-18 .postform option[value="24"],
.category-35 .postform option[value="24"],
.category-20 .postform option[value="24"],
.category-21 .postform option[value="24"],
.category-22 .postform option[value="24"],
.category-23 .postform option[value="24"] {
    display: none
}

.category-12 .postform option[value="25"],
.category15 .postform option[value="25"],
.category-17 .postform option[value="25"],
.category-34 .postform option[value="25"],
.category-18 .postform option[value="25"],
.category-35 .postform option[value="25"],
.category-20 .postform option[value="25"],
.category-21 .postform option[value="25"],
.category-22 .postform option[value="25"],
.category-23 .postform option[value="25"] {
    display: none
}

.category-12 .postform option[value="26"],
.category15 .postform option[value="26"],
.category-17 .postform option[value="26"],
.category-34 .postform option[value="26"],
.category-18 .postform option[value="26"],
.category-35 .postform option[value="26"],
.category-20 .postform option[value="26"],
.category-21 .postform option[value="26"],
.category-22 .postform option[value="26"],
.category-23 .postform option[value="26"] {
    display: none
}

.category-12 .postform option[value="27"],
.category15 .postform option[value="27"],
.category-17 .postform option[value="27"],
.category-34 .postform option[value="27"],
.category-18 .postform option[value="27"],
.category-35 .postform option[value="27"],
.category-20 .postform option[value="27"],
.category-21 .postform option[value="27"],
.category-22 .postform option[value="27"],
.category-23 .postform option[value="27"] {
    display: none
}

.category-12 .postform option[value="28"],
.category15 .postform option[value="28"],
.category-17 .postform option[value="28"],
.category-34 .postform option[value="28"],
.category-18 .postform option[value="28"],
.category-35 .postform option[value="28"],
.category-20 .postform option[value="28"],
.category-21 .postform option[value="28"],
.category-22 .postform option[value="28"],
.category-23 .postform option[value="28"] {
    display: none
}

.category-12 .postform option[value="30"],
.category15 .postform option[value="30"],
.category-17 .postform option[value="30"],
.category-34 .postform option[value="30"],
.category-18 .postform option[value="30"],
.category-35 .postform option[value="30"],
.category-20 .postform option[value="30"],
.category-21 .postform option[value="30"],
.category-22 .postform option[value="30"],
.category-23 .postform option[value="30"] {
    display: none
}

.category-12 .postform option[value="33"],
.category15 .postform option[value="33"],
.category-17 .postform option[value="33"],
.category-34 .postform option[value="33"],
.category-18 .postform option[value="33"],
.category-35 .postform option[value="33"],
.category-20 .postform option[value="33"],
.category-21 .postform option[value="33"],
.category-22 .postform option[value="33"],
.category-23 .postform option[value="33"] {
    display: none
}

/* コラム、占いカテゴリ内、カテゴリ検索 ここまで*/

/* 各テキスト調整*/
body {
    color: #555555 !important;
    -webkit-text-size-adjust: 100%;
}

a {
    color: #555555;
}

h1 {
    color: #555555;
}

h2 {
    padding: .5em 0em;
    font-weight: bold;
	  font-size: 1.3em;
}

@media screen and (max-width: 768px) {
    h2 {
        font-size: 1.2em;
    }
}

.user .user_name {
    color: #555555;
}

.content {
    font-size: 90% !important;
    font-weight: normal;
}

.total_text {
    color: #555555;
}

#main .textwidget {
    padding: 0;
}

#page-main .widget,
#main .widget,
.maintop-widget,
.main-bottom {
    margin-bottom: 20px;
}

.author_title-name {
    color: #5f5f5f;
}

.author_title-desc {
    color: #757575;
    font-size: 80%;
}

.post_list_title {
    color: #5f5f5f;
}

.widget_post_list .desc {
    color: #757575;
}

.widget_post_list .post_list_date {
    color: #757575;
}

#sidebar .widget_post_list .meta .post_list_title {
    font-size: 14px;
}

.text-contents p {
    font-weight: normal;
}

/* 各テキスト調整 ここまで */
/* お問い合わせメール */
input.wpcf7c-conf,
textarea.wpcf7c-conf {
    background: #eee !important;
    border: solid 1px #eee;
    color: #666;
}

.wpcf7c-elm-step1 {
    font-size: 80%;
}

.mail {
    text-align: center;
}

label.mail-name #text {
    text-align: left;
}

.mail input {
    border-top: 3px solid #a3d1cb;
}

.mail textarea {
    border-top: 3px solid #a3d1cb;
}

ul.button-mail {
    list-style: none;
}

ul.button-mail li {
    display: inline;
}

.wpcf7-form-control.wpcf7-submit {
    display: inline;
    padding: 0.7em 3em;
}

.wpcf7-form-control .wpcf7-back {
    padding: 0.7em 3.8em;
}

/* お問い合わせメール ここまで*/

.tag_back a {
    font-size: 70%;
    border: 1px solid #bbb;
    color: #666;
    padding: 3px;
    margin: 3px;
    border-radius: 1px;
    text-decoration: none;
}

.tag_back a:before {
    content: "\f02b";
    margin-right: 5px;
    color: #7e9da7;
    font-family: fontAwesome;
}

/* SP版メニューボタン */
.drawer-nav-btn-wrap .drawer-nav-btn {
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100% auto;
    top: 50%;
    background-image: url("https://web-img.rensa.jp.net/images/minori/owned-media/top_banner/top_three.webp")
}

.drawer-nav-btn:before,
.drawer-nav-btn:after,
.drawer-nav-btn span {
    display: none;
}

/* SP版メニューボタンここまで */
/* TOPスライダー位置調整 */
#page-main .widget,
#main .widget,
.maintop-widget,
.main-bottom {
    margin-bottom: 2.5px;
    padding: 0;
    margin-top: 0px;
}

/* TOPスライダー位置調整 ここまで*/
/* ユーザープロフィール画面調整 */
.author_title-site {
    margin-top: 5%
}

.author_title {
    background: #fff;
    padding: 5px;
    margin-bottom: 10px;
}

/* ユーザープロフィール画面調整 ここまで*/

/* 投稿見出し2　表示変更 　ここまで*/
.row {
    margin-top: 3%;
}

.footer_content {
    height: auto;
    text-align: center;
	  font-size: 120%;
}

.bigfooter_colomn {
    padding: 1px 0px !important;
}

.bigfooter_col {
    padding: 0px;
    margin-bottom: 0px;
}

.content #daily ul {
    padding-left: 0px;
}

/* PC TOP検索ボタン背景色 */
input[type=submit].searchsubmit {
    background-color: #a3d2cbad;
}

/* facebook 幅調整　*/
.fb_iframe_widget {
    left: -4%;
}

/* SP　TOP　タブ色調整 */
.widget ul.d_tab_nav li.d_tab_active a {
    border-top: 3px solid #a3d1cb;
}

/* TOPコラムランキング崩れ修正 */
.wpp-list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

ul.wpp-list li {
    width: 50%;
}

/* TOPコラムランキング崩れ修正 ここまで*/
/* TOPコラムランキングアイコン調整 */
.wpp-list li:after,
.diver_popular_posts li:after {
    zoom: 1.5;
}

.wpp-list li:nth-child(1):after,
.diver_popular_posts li:nth-child(1):after {
    position: absolute;
    left: 0.5px;
    top: 0px
}

.wpp-list li:nth-child(2):after,
.diver_popular_posts li:nth-child(2):after {
    position: absolute;
    left: 0.5px;
    top: 0px
}

.wpp-list li:nth-child(3):after,
.diver_popular_posts li:nth-child(3):after {
    position: absolute;
    left: 0.5px;
    top: 0px
}

/* コラムランキングアイコン調整ここまで */
/* コラムランキングタグカラー */
.wpp-thumbnail-container {
    width: 80%;
}

a.category.category-15 {
    background-color: #ff516e;
    display: inline-flex;
    padding: 2%;
    font-size: 80%;
    color: white !important;
}

a.category.category-16 {
    background-color: #f48938;
    display: inline-flex;
    padding: 2%;
    font-size: 80%;
    color: white !important;
}

a.category.category-17 {
    background-color: #ff7449;
    display: inline-flex;
    padding: 2%;
    font-size: 80%;
    color: white !important;
}

a.category.category-18 {
    color: white !important;
    background-color: #f2f4a4;
    display: inline-flex;
    padding: 2%;
    font-size: 80%;
}

a.category.category-19 {
    color: white !important;
    background-color: #f7d53d;
    display: inline-flex;
    padding: 2%;
    font-size: 80%;
}

a.category.category-20 {
    color: white !important;
    background-color: #a856ce;
    display: inline-flex;
    padding: 2%;
    font-size: 80%;
}

a.category.category-21 {
    color: white !important;
    background-color: rgba(7, 158, 27, 0.44);
    display: inline-flex;
    padding: 2%;
    font-size: 80%;
}

a.category.category-22 {
    color: white !important;
    background-color: #6dcfe8;
    display: inline-flex;
    padding: 2%;
    font-size: 80%;
}

a.category.category-23 {
    color: white !important;
    background-color: #86aff4;
    display: inline-flex;
    padding: 2%;
    font-size: 80%;
}

a.category.category-25 {
    color: white !important;
    background-color: #ff6060;
    display: inline-flex;
    padding: 2%;
    font-size: 80%;
}

a.category.category-26 {
    color: white !important;
    background-color: #ffc2af;
    display: inline-flex;
    padding: 2%;
    font-size: 80%;
}

a.category.category-27 {
    color: white !important;
    background-color: #7367ce;
    display: inline-flex;
    padding: 2%;
    font-size: 80%;
}

a.category.category-28 {
    color: white !important;
    background-color: rgba(205, 216, 0, 0.43);
    display: inline-flex;
    padding: 2%;
    font-size: 80%;
}

a.category.category-29 {
    color: white !important;
    background-color: rgba(185, 145, 216, 0.56);
    display: inline-flex;
    padding: 2%;
    font-size: 80%;
}

a.category.category-30 {
    color: white !important;
    background-color: rgba(7, 158, 27, 0.44);
    display: inline-flex;
    padding: 2%;
    font-size: 80%;
}

a.category.category-31 {
    color: white !important;
    background-color: rgba(108, 199, 226, 0.45);
    display: inline-flex;
    padding: 2%;
    font-size: 80%;
}

a.category.category-32 {
    color: white !important;
    background-color: #86aff4;
    display: inline-flex;
    padding: 2%;
    font-size: 80%;
}

a.category.category-33 {
    color: white !important;
    background-color: #9e8dfc;
    display: inline-flex;
    padding: 2%;
    font-size: 80%;
}

a.category.category-34 {
    color: white !important;
    background-color: #cdd800;
    display: inline-flex;
    padding: 2%;
    font-size: 80%;
}

a.category.category-711 {
    background-color: #85c4bbde;
    display: inline-flex;
    padding: 2%;
    font-size: 80%;
    color: white !important;
}

a.category.category-1788 {
    background-color: #ff3a3a;
    display: inline-flex;
    padding: 2%;
    font-size: 80%;
    color: white !important;
}

/* コラムランキングタグカラーここまで */
/* 12星座様CSS ここから */
.daily img {
    margin: 3% 0 0 0;
    zoom: 145% !important;
}

.daily .total_text {
    font-size: 100%;
}

.daily h5 {
    font-size: 110%;
    margin: 2%;
}

#daily ul {
    list-style-type: disc;
}

#daily li {
    /* 	display: table-cell; */
    display: inline-block;
    margin-left: 10px;
}

#daily dt {
    display: table;
}

#daily dl {
    /* 	display: table; */
    display: flex;
    margin: 0;
}

#daily dd {
    display: table-cell;
    width: 70%;
    font-size: 18px;
    text-align: left;
    border-bottom: none;
    /* margin-left: 30px; */
}

#daily p {
    clear: both;
    font-size: 14.5px;
    word-break: normal;
    font-weight: normal;
    margin-right: 0px;
    margin-top: 5px;
    line-height: 22px !important;
}

#daily .date {
    font-size: 60%;
}

#daily .name {
    width: 75%;
    float: left;
    font-size: 20px;
    text-align: left;
    /*  line-height: 35px !important; */
    color: #5f5f5f;
    white-space: nowrap;
    margin-top: 0;
}

#daily .total-text {
    color: #757575;
    font-weight: bold;
}

p.name {
    color: #757575 !important;
    font-weight: bold;
}

p.date {
    color: #757575 !important;
    font-weight: bold;
}

p.total-text {
    color: #757575 !important;
    font-weight: bold;
}

p.money-text {
    color: #757575 !important;
    font-weight: bold;
}

p.love-text {
    color: #757575 !important;
    font-weight: bold;
}

.total-rate {
    color: #757575 !important;
    font-weight: bold;
}

.love-rate {
    color: #757575 !important;
}

.money-rate {
    color: #757575 !important;
}

#daily .all-fortune {
    font-size: 18px;
}

#daily .container {
    width: 29%;
    position: relative;
}

.icon {
    height: 300px !important;
    width: 300px !important;
    background-size: 110% 110% !important;
}

.icon-1 {
    background-image: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/01_hituzi.jpg);
    background-repeat: no-repeat;
    height: 185px;
    width: 185px;
    background-size: 100% auto;
}

.icon-2 {
    background-image: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/02_ousi.jpg);
    background-repeat: no-repeat;
    height: 185px;
    width: 185px;
    background-size: 100% auto;
}

.icon-3 {
    background-image: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/03_hutago.jpg);
    background-repeat: no-repeat;
    height: 185px;
    width: 185px;
    background-size: 100% auto;
}

.icon-4 {
    background-image: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/04_kani.jpg);
    background-repeat: no-repeat;
    height: 185px;
    width: 185px;
    background-size: 100% auto;
}

.icon-5 {
    background-image: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/05_sisi.jpg);
    background-repeat: no-repeat;
    height: 185px;
    width: 185px;
    background-size: 100% auto;
}

.icon-6 {
    background-image: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/06_otome.jpg);
    background-repeat: no-repeat;
    height: 185px;
    width: 185px;
    background-size: 100% auto;
}

.icon-7 {
    background-image: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/07_tenbin.jpg);
    background-repeat: no-repeat;
    height: 185px;
    width: 185px;
    background-size: 100% auto;
}

.icon-8 {
    background-image: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/08_sasori.jpg);
    background-repeat: no-repeat;
    height: 185px;
    width: 185px;
    background-size: 100% auto;
}

.icon-9 {
    background-image: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/09_ite.jpg);
    background-repeat: no-repeat;
    height: 185px;
    width: 185px;
    background-size: 100% auto;
}

.icon-10 {
    background-image: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/10_yagi.jpg);
    background-repeat: no-repeat;
    height: 185px;
    width: 185px;
    background-size: 100% auto;
}

.icon-11 {
    background-image: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/11_mizugame.jpg);
    background-repeat: no-repeat;
    height: 185px;
    width: 185px;
    background-size: 100% auto;
}

.icon-12 {
    background-image: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/12_uo.jpg);
    background-repeat: no-repeat;
    height: 185px;
    width: 185px;
    background-size: 100% auto;
}

dt[class^="icon"] {
    margin-right: 20px;
    /* margin-left: 20px; */
}

#daily ul li .number1 {
    position: absolute;
    left: -20px;
    top: -10px;
    width: 30px;
    height: 50px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/1.png) no-repeat;
    background-size: 50px;
    width: 50px;
}

#daily ul li .number2 {
    position: absolute;
    left: -20px;
    top: -10px;
    width: 30px;
    height: 50px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/2.png) no-repeat;
    background-size: 50px;
    width: 50px;
}

#daily ul li .number3 {
    position: absolute;
    left: -20px;
    top: -10px;
    width: 30px;
    height: 50px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/3.png) no-repeat;
    background-size: 50px;
    width: 50px;
}

#daily ul li .number4 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/4.png) no-repeat;
    background-size: 30px;
    width: 50px;
}

#daily ul li .number5 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/5.png) no-repeat;
    background-size: 30px;
    width: 50px;
}

#daily ul li .number6 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/6.png) no-repeat;
    background-size: 30px;
    width: 50px;
}

#daily ul li .number7 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/7.png) no-repeat;
    background-size: 30px;
    width: 50px;
}

#daily ul li .number8 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/8.png) no-repeat;
    background-size: 30px;
    width: 50px;
}

#daily ul li .number9 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/9.png) no-repeat;
    background-size: 30px;
    width: 50px;
}

#daily ul li .number10 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/10.png) no-repeat;
    background-size: 30px;
    width: 50px;
}

#daily ul li .number11 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/11.png) no-repeat;
    background-size: 30px;
    width: 50px;
}

#daily ul li .number12 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/12.png) no-repeat;
    background-size: 30px;
    width: 50px;
}

.number-absolute {
    position: absolute;
}

/* 12星座様CSS ここまで*/

.icon {
    background-image: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/08_sasori.jpg);
    background-repeat: no-repeat;
    height: 150px;
    width: 150px;
    background-size: 100% auto;
}

#dailyArchiveDetail .number {
    position: absolute;
    left: -20px;
    top: -10px;
    width: 30px;
    height: 50px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/1.png) no-repeat;
    background-size: 50px;
    width: 50px;
}

#dailyArchiveDetail .container-center {
    width: max-content;
    margin: 0px auto;
    text-align: center;
}

#dailyArchiveDetail dd {
    border-bottom: none;
}

@media screen and (max-width: 480px) {
    dt.icon-1 {
        width: 40%;
    }

    dt.icon-2 {
        width: 40%;
    }

    dt.icon-3 {
        width: 40%;
    }

    dt.icon-4 {
        height: 96px;
        width: 96px;
    }

    dt.icon-5 {
        height: 96px;
        width: 96px;
    }

    dt.icon-6 {
        height: 96px;
        width: 96px;
    }

    dt.icon-7 {
        height: 96px;
        width: 96px;
    }

    dt.icon-8 {
        height: 96px;
        width: 96px;
    }

    dt.icon-9 {
        height: 96px;
        width: 96px;
    }

    dt.icon-10 {
        height: 96px;
        width: 96px;
    }

    dt.icon-11 {
        height: 96px;
        width: 96px;
    }

    dt.icon-12 {
        height: 96px;
        width: 96px;
    }

    #daily dd {
        margin-left: 10px;
    }

    #daily .name {
        width: 75%;
        float: left;
        font-size: 17px;
        text-align: left;
        line-height: 35px !important;
    }
}

/* 砂時計 */
#animateField {
    margin-top: 10px;
}

#animateField img {
    width: 100% !important;
}

#hourglass img {
    width: 7% !important;
}

@media screen and (max-width: 480px) {
    #animateField {
        margin-top: 10px;
    }

    #animateField img {
        width: 100% !important;
    }

    #hourglass img {
        width: 12% !important;
    }
}


/* --------------------------------------------------------------もくじ用 -------------------------------------------------------------------*/
/* TOC+ */
/* 占い記事の際は目次非表示 */
article[class*="fortune"] #toc_container {
    display: none;
}

ul.toc_list {
    list-style: none;
}

#toc_container {
    margin: 20px auto 30px;
    background-color: rgba(222, 239, 236, 0.34);
    /* 目次全体の背景カラー */
    border: 3px solid rgb(163, 209, 203);
    /* 目次全体の枠線 */
    border-radius: 3px;
    box-sizing: border-box;
    padding: 38px 52px;
    display: table;
    min-width: 68%;
    counter-reset: li;
}

/* テーマによるリストの装飾を一旦無効化 */
#toc_container ul.toc_list li::before {
    content: none;
    padding: 0;
    margin: 0;
    width: 0;
    height: 0;
    background: none;
    box-shadow: none;
}

/* 目次の見出しタイトル */
#toc_container .toc_title {
    text-align: center;
    font-weight: bold;
    font-size: 91%;
    padding: 0;
}

/* 見出しタイトル左のアイコン */
#toc_container .toc_title::before {
    position: relative;
    font-size: 28px;
    content: "\2254";
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 34px;
    margin-right: 8px;
    border-radius: 50%;
    vertical-align: baseline;
    speak: none;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    background-color: #5f7b96;
}

/* 表示／非表示トグル */
#toc_container .toc_toggle a {
    font-size: 10px;
    font-weight: normal;
    padding: 2px 4px;
}

/* 目次エリア */
#toc_container p.toc_title+ul.toc_list {
    padding: 20px 0 0;
    margin: 20px 0 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

/* リスト共通スタイル */
#toc_container ul.toc_list li {
/*     position: relative; */
    padding: 0;
    margin: 0;
}

/* 目次リンク共通スタイル */
#toc_container ul.toc_list li a {
    position: relative;
    font-size: 94%;
    text-decoration: none;
    display: inline-block;
    line-height: 1.6;
    padding: 3px 0;
    margin: 3px 0;
    transition: all .3s ease;
}

#toc_container ul.toc_list a,
#toc_container ul.toc_list a:visited {
    color: #5f7b96;
    /* リンクカラー */
}

/* マウスオーバー時 */
#toc_container ul.toc_list li a:hover {
    text-decoration: none;
    box-shadow: 0 2px;
}

/* 親の目次 */
#toc_container ul.toc_list>li>a {
    font-size: 85%;
    font-weight: bold;
    /* 	margin-left:40px; */
}

/* 子の目次 */
#toc_container ul.toc_list>li>ul {
    margin-left: 0;
    list-style: none;
}



#toc_container ul.toc_list>li ul li a {
    font-weight: bold;
    font-size: 85%;
}

/* レスポンシブ設定(667px幅以下) */
@media only screen and (max-width: 667px) {
    #toc_container {
        padding: 20px 3vw;
        min-width: auto;
        width: 100% !important;
    }

    #toc_container p.toc_title+ul.toc_list {
        padding: 1em 1.5em 0em 1.5em;
    }

    #toc_container ul.toc_list>li>ul {
        margin-left: 30px;
    }
}

/* 投稿内バナー調整 */
.author_title-site {
    text-align: center;
}

.banner_title {
    /* 	font-size:170% !important; */
    font-weight: bold !important;
}

/* スマホの際のテキスト 調整 */
@media screen and (max-width: 450px) {
    .content {
        font-size: 16px !important;
    }

    .author_title-site img {
        width: 100%;
    }
}

/* SP版「もっと見る」ボタン diver*/
#main .widget .widget_post_more a {
    background-color: rgb(255 192 203);

    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
}

.widget .widget_post_more {
    display: flex;
    justify-content: center;
    border-top: none;
    border-bottom: none !important;
    margin: 2% 0;
}

/* 「もっと見る」ボタン html*/
.more_info {
    display: flex;
    justify-content: center;
    margin: 2% 0;
}

.more_info a {
    text-align: center;
    background: #ffd8d8;
    color: #555555 !important;
    padding: 3%;
    width: 67%;
    font-weight: bold;
    max-width: 214px;
    background-color: #ffe3e3;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
}

.more_info_text {
    text-align: center;
    color: #555555;
    padding: 1%;
    font-weight: bold;
    margin-top: 1%;
    width: 36%;
    max-width: 255px;
    background-color: #ffe3e3;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
}

.post-cat a,
.post-cat-sp a {
    color: #fff !important;
    padding: 5px 10px;
    position: relative;
    z-index: 1;
}



/* 占うボタン直下の個人情報保護表記 */
.privacy-policy-announce {
    border: solid 1px;
    padding: 2%;
    margin-top: 4%;
}

@media screen and (max-width: 500px) {
    .privacy-policy-announce p {
        font-size: 2vw !important;
        padding: 0 0 0 0 !important;
    }
}

@media screen and (min-width: 500px) {
    .privacy-policy-announce p {
        font-size: 70% !important;
			  padding: 0 0 0 0 !important;
    }
}

.kakomi-smart2 {
    position: relative;
    margin: 2em auto;
    padding: 3em 1em .8em;
    width: 100%;
    /* ボックス幅 */
    border-style: solid;
    border-width: 5px 0 0 0;
    border-color: #05366ebf;
    /* 枠の色 */
    background-color: #fff;
    /* 背景色 */
    color: #555555;
    /* テキスト色 */
    box-shadow: 0 0 3px #999;
    /* 影の色 */
}

.title-smart2 {
    position: absolute;
    top: 8px;
    left: 15px;
    background-color: #fff;
    /* タイトル背景色 */
    color: #05366ebf;
    /* タイトル色 */
    font-size: 1.4em;
    font-weight: bold;
    border-style: none none double;
    border-color: #05366ebf;
    /*タイトル下線 */
    border-width: 3px;
}


.wrap {
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
}

.button2 {
    color: #fff;
    background-color: #9476b187;
}

.button2:hover {
    color: #fff;
    background: #3d2b4e87;
}


.widget_post_list .meta .post_list_tag .tag {
    font-size: 0.9em;
}

select {
    font-size: 1.3em !important;
}

.widget_post_list .meta .post_list_date {
    font-size: 1.1em;
}

.content h2 {
    padding: 0.8em 1em;
    font-weight: bold;
    background: #deeeec;
    border-bottom: solid 2px #a3d1cb;
    margin-top: 2em;
    margin-bottom: 1em;
}


/* 鑑定ボタン*/

.kanteibutton a {
    background: #ffd8d8;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 300px;
    padding: 10px 25px;
    color: #555555;
    transition: 0.3s ease-in-out;
    font-weight: bold;
}

.kanteibutton a:hover {
    background: #df9393;
    color: #FFF;
}

.kanteibutton a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
    color: #FFF;
}

.kanteibutton a:hover:after {
    border-color: #FFF;
}


/* 日運ここから */
.daily-fortune-rank {
	margin-bottom: 3rem;
}
.daily-fortune-rank-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 5%;
}

.daily-fortune-rank-top3 {
    display: flex;
    align-items: center;
}

.daily-fortune-rank-top3 img {
    max-height: 185px;
    width: auto;
    height: 30vw;
}

.daily-fortune-rank-name {
    color: #757575 !important;
    font-weight: bold;
}

.daily-fortune-rank-top3-total-rate {
    color: #757575 !important;
    font-weight: bold;
}

.daily-fortune-rank-top3-love-rate {
    color: #757575 !important;
}

.daily-fortune-rank-top3-money-rate {
    color: #757575 !important;
}

.daily-fortune-rank-total-text {
    color: #757575 !important;
    font-weight: bold;
}

.daily-fortune-rank-top3-number-absolute {
    position: absolute;
}

.daily-fortune-rank-number1 {
    position: absolute;
    left: -10px;
    /* top: -10px; */
    width: 50px;
    height: 50px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/1.png) no-repeat;
    background-size: 50px;
}

.daily-fortune-rank-number2 {
    position: absolute;
    left: -10px;
    /* top: -10px; */
    width: 50px;
    height: 50px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/2.png) no-repeat;
    background-size: 50px;
}

.daily-fortune-rank-number3 {
    position: absolute;
    left: -10px;
    /* top: -10px; */
    width: 50px;
    height: 50px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/3.png) no-repeat;
    background-size: 50px;
}

.daily-fortune-rank-number4 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/4.png) no-repeat;
    background-size: 30px;
    width: 50px;
}

.daily-fortune-rank-number5 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/5.png) no-repeat;
    background-size: 30px;
    width: 50px;
}

.daily-fortune-rank-number6 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/6.png) no-repeat;
    background-size: 30px;
    width: 50px;
}

.daily-fortune-rank-number7 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/7.png) no-repeat;
    background-size: 30px;
    width: 50px;
}

.daily-fortune-rank-number8 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/8.png) no-repeat;
    background-size: 30px;
    width: 50px;
}

.daily-fortune-rank-number9 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/9.png) no-repeat;
    background-size: 30px;
    width: 50px;
}

.daily-fortune-rank-number10 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/10.png) no-repeat;
    background-size: 30px;
    width: 50px;
}

.daily-fortune-rank-number11 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/11.png) no-repeat;
    background-size: 30px;
    width: 50px;
}

.daily-fortune-rank-number12 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 30;
    background: url(https://s3-ap-southeast-1.amazonaws.com/rensa/images/owned-media/2020/06/12.png) no-repeat;
    background-size: 30px;
    width: 50px;
}

.daily-fortune-rank-under-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.daily-fortune-rank-under {
    width: 29%;
    margin: 2% 2% 3rem;
    position: relative;
}

.daily-fortune-rank-under-number-others-absolute {
    position: absolute;
}

/* 日運ここまで */

/* 占術記事　目次 */
.toc-002 {
    border: 2px solid #dfdfdf;
}

.toc-002 div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    background-color: #465d71;
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
}

.toc-002 div::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M3.8%2017.2h-3c-.5%200-.8.4-.8.8v3c0%20.4.3.8.8.8h3c.4%200%20.8-.3.8-.8v-3c-.1-.4-.4-.8-.8-.8zm0-15h-3c-.5%200-.8.4-.8.8v3c0%20.4.3.8.8.8h3c.4%200%20.8-.3.8-.8V3c-.1-.4-.4-.8-.8-.8zm0%207.6h-3c-.5%200-.8.3-.8.7v3c0%20.4.3.8.8.8h3c.4%200%20.8-.3.8-.8v-3c-.1-.4-.4-.7-.8-.7zM23.2%2018h-15c-.4%200-.8.3-.8.8v1.5c0%20.4.3.8.8.8h15c.4%200%20.8-.3.8-.8v-1.5c0-.5-.3-.8-.8-.8zm0-15h-15c-.4%200-.7.3-.7.8v1.5c0%20.4.3.7.7.7h15c.5%200%20.8-.3.8-.8V3.8c0-.5-.3-.8-.8-.8zm0%207.5h-15c-.4%200-.8.3-.8.8v1.5c0%20.4.3.8.8.8h15c.4%200%20.8-.3.8-.8v-1.5c0-.5-.3-.8-.8-.8z%22%2F%3E%3C%2Fsvg%3E');
    content: '';
}

.toc-002 ol {
    list-style-type: disc;
    margin: 0;
    overflow: hidden;
}

.toc-002>ol {
    padding: 1em 1em 1em 3em;
}

.toc-002 ol ol {
    margin-top: 5px;
    padding-left: 1.3em;
}

.toc-002 li {
    padding: 2px 0;
    font-weight: 600;
}

.toc-002 ol ol li {
    font-weight: 500;
}

.toc-002 a {
    color: #465d71;
    text-decoration: none;
}

/* 占術記事　目次　ここまで */

.bbb {
    color: #004dffcf;
    font-weight: bold;
	  text-shadow: 0 0 1px #7fc1ff;
}

.ppp {
    color: #ff5757;
    font-weight: bold;
    text-shadow: 0 0 1px #ffc870;
}

.yyy {
    color: #fdff00;
    font-weight: bold;
}


.ppp2 {
    color: #ff498ff2;
    font-weight: bold;
    text-shadow: 0 0 1px #ffb6b6;
}

.ggg {
    color: #32635d;
    text-shadow: 0 0 1px #84dfd3;
    font-weight: bold;
}

.widgettitle {
    font-weight: bold;
    border-bottom: 3px solid #cecece;
    border-left: 8px solid #a3d1cb;
    color: #32635d !important;
    text-shadow: 0 0 1px #84dfd3;
}

.n2-font-135cbba2fdc58b7fd4921caf1bd704a1-simple {
    color: #555555;
}


.background_para {
    border: 2px solid #a3d1cb;
    padding: 10px 10px;
}

/* --------------------------------------------------------------もくじ用 -------------------------------------------------------------------*/
/* TOC+ */
/* 占い記事の際は目次非表示 */
article[class*="fortune"] #toc2_container {
    display: none;
}

ul.toc_list {
    list-style: none;
}

#toc2_container {
    margin: 20px auto 30px;
    background-color: rgba(222, 239, 236, 0.34);
    /* 目次全体の背景カラー */
    border: 3px solid rgb(163, 209, 203);
    /* 目次全体の枠線 */
    border-radius: 3px;
    box-sizing: border-box;
    padding: 20px 52px;
    display: table;
    min-width: 68%;
    counter-reset: li;
}

/* テーマによるリストの装飾を一旦無効化 */
#toc2_container ul.toc_list li::before {
    content: none;
    padding: 0;
    margin: 0;
    width: 0;
    height: 0;
    background: none;
    box-shadow: none;
}

/* 目次の見出しタイトル */
#toc2_container .toc_title {
    text-align: center;
    font-weight: bold;
    font-size: 91%;
    padding: 0;
}

/* 見出しタイトル左のアイコン */
#toc2_container .toc_title::before {
    position: relative;
    font-size: 28px;
    content: "\2254";
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 34px;
    margin-right: 8px;
    border-radius: 50%;
    vertical-align: baseline;
    speak: none;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    background-color: #5f7b96;
}

/* 表示／非表示トグル */
#toc2_container .toc_toggle a {
    font-size: 10px;
    font-weight: normal;
    padding: 2px 4px;
}

/* 目次エリア */
#toc2_container p.toc_title+ul.toc_list {
    padding: 20px 0 0;
    margin: 0px 0 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

/* リスト共通スタイル */
#toc2_container ul.toc_list li {
    position: relative;
    padding: 0;
    margin: 0;
}

/* 目次リンク共通スタイル */
#toc2_container ul.toc_list li a {
    position: relative;
    font-size: 94%;
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
    line-height: 1.6;
    padding: 3px 0;
    margin: 3px 0;
    transition: all .3s ease;
}

#toc2_container ul.toc_list a,
#toc2_container ul.toc_list a:visited {
    color: #5f7b96;
    /* リンクカラー */
}

/* マウスオーバー時 */
#toc2_container ul.toc_list li a:hover {
    text-decoration: none;
    box-shadow: 0 2px;
}

/* 親の目次 */
#toc2_container ul.toc_list>li>a {
    font-size: 85%;
    font-weight: bold;
    /* 	margin-left:40px; */
}

/* 子の目次 */
#toc2_container ul.toc_list>li>ul {
    margin-left: 40px;
}

/* 子の目次の左側のアイコン */
#toc2_container ul.toc_list>li ul li::before {
    position: absolute;
    top: 3px;
    left: 0;
    content: '\2023';
    display: inline-block;
    width: 14px;
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    color: #5f7b96;
}

#toc2_container ul.toc_list>li ul li a {
    font-weight: normal;
    margin-left: 16px;
}

/* レスポンシブ設定(667px幅以下) */
@media only screen and (max-width: 667px) {
    #toc2_container {
        padding: 20px 3vw;
        min-width: auto;
        width: 100% !important;
    }

    #toc2_container p.toc_title+ul.toc_list {
        padding: 20px 0 0;
    }

    #toc2_container ul.toc_list>li>ul {
        margin-left: 30px;
    }
}

.c_t {
    padding: 0.8em 1em;
    font-size: 1.3em;
    font-weight: bold;
    background: #deeeec;
    border-bottom: solid 2px #a3d1cb;
    margin-top: 2em;
    margin-bottom: 1em;
}

.c_t1 {
    padding: 8px 15px;
    font-size: 110%;
    font-weight: bold;
    background: #deeeec;
    border-bottom: solid 2px #a3d1cb;
    margin-bottom: 1em;
}

.maintext {
    padding: 0px 10px;
    line-height: 1.8;
}

.toptittle {
    background-color: #4d9289;
    text-align: center;
    background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%2354a79c' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.m_list {
    list-style-type: disc;
    padding: 1em;
    counter-reset: li;
}

.m_list li {
    align-items: center;
    list-style-type: disc;
    font-size: 90%;
    color: #32635d;
}

ol.sankaku {
    counter-reset: list;
    list-style-type: none;
    padding: 0;
}

ol.sankaku li {
    position: relative;
    padding: 7px 0px 7px 25px;
    font-weight: bold;
    font-size: 110%;
    line-height: 25px;
    border-bottom: dashed 2px #a3d1cb;
    margin: 0.5em 0em;
}

ol.sankaku li:before {
    counter-increment: list;
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    height: 0;
    width: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #a3d1cb;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.content ol {
    padding: 0em 1em;
}

.b_maru {
    list-style-type: none;
    padding: 1em;
    counter-reset: li;
}

.b_maru li {
    display: flex;
    align-items: center;
    padding: .5em 5px;
    border-bottom: dotted 1px #bdbdbd;
    font-weight: bold;
    line-height: 25px;
    margin-top: 1em;
}

.b_maru li::before {
    display: inline-block;
    min-width: 2.3em;
    margin-right: 5px;
    border-radius: 50%;
    background-color: #a3d1cb;
    color: #fff;
    font-weight: bold;
    font-size: .75em;
    line-height: 2.3em;
    text-align: center;
    content: counter(li);
    counter-increment: li;
}

.p_maru {
    list-style-type: none;
    padding: 1em;
    counter-reset: li;
}

.p_maru li {
    display: flex;
    align-items: center;
    padding: .5em 5px;
    font-weight: bold;
    border-bottom: dotted 1px #bdbdbd;
    line-height: 25px;
    margin-top: 1em;
}

.p_maru li::before {
    display: inline-block;
    min-width: 2.3em;
    margin-right: 5px;
    border-radius: 50%;
    background-color: #ffabab;
    color: #fff;
    font-weight: bold;
    font-size: .75em;
    line-height: 2.3em;
    text-align: center;
    content: counter(li);
    counter-increment: li;
}

.b_button a {
    background: #ceedfd;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 340px;
    padding: 10px 25px;
    color: #555555!important;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	  font-size: 90%;
}

.b_button a:hover {
    background: #5798bc;
    color: #FFF;
}

.b_button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
    color: #FFF;
}

.b_button a:hover:after {
    border-color: #FFF;
}

.p_button {
	margin: 0.5rem 0;
}
.p_button a {
    background: #ffd8d8;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 340px;
    padding: 10px 25px;
    color: #555555!important;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	  font-size: 90%;
}

.p_button a:hover {
    background: #df9393;
    color: #FFF;
}

.p_button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
    color: #FFF;
}

.p_button a:hover:after {
    border-color: #FFF;
}

.g2_button {
    margin: 1rem 0;
}
.g2_button a {
    border-radius: 50px;
    background: #32635d;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 340px;
    padding: 10px 25px;
    color: #ffffff!important;
    transition: 0.3s ease-in-out;
    font-weight: bold;
    font-size: 90%;
}

.g2_button a:hover {
    background: #a3d1cb;
    color: #FFF;
}

.g2_button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
    color: #FFF;
}

.g2_button a:hover:after {
    border-color: #FFF;
}

.g_button a {
    background: #e0f5d7a8;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 340px;
    padding: 10px 25px;
    color: #555555!important;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	  font-size: 90%;
}

.g_button a:hover {
    background: #99ca81;
    color: #FFF;
}

.g_button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
    color: #FFF;
}

.g_button a:hover:after {
    border-color: #FFF;
}

.m_button a {
    background: #f0e6f7ad;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 340px;
    padding: 10px 25px;
    color: #555555!important;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	  font-size: 90%;
}

.m_button a:hover {
    background: #c0a5d4;
    color: #FFF;
}

.m_button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
    color: #FFF;
}

.m_button a:hover:after {
    border-color: #FFF;
}

.o_b_button a {
    background: #2093d5;
    border-radius: 5px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 650px;
    padding: 10px 25px;
    color: #fff!important;
    transition: 0.3s ease-in-out;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    border: 1px solid #b0e3ff9e;
    box-shadow: 1px 1px 2px #82afc8;
}

.o_b_button a:hover {
    background: #82afc8;
    color: #FFF;
}

.o_b_button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
    color: #FFF;
}

.o_b_button a:hover:after {
    border-color: #FFF;
}

.o_g_button a {
    background: #4ab670;
    border-radius: 5px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 650px;
    padding: 10px 25px;
    color: #fff!important;
    transition: 0.3s ease-in-out;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    border: 1px solid #aae88fa8;
    box-shadow: 1px 1px 2px #99ca81;
}

.o_g_button a:hover {
    background: #99ca81;
    color: #FFF;
}

.o_g_button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
    color: #FFF;
}

.o_g_button a:hover:after {
    border-color: #FFF;
}

.o_p_button a {
    background: #ff00008f;
    border-radius: 5px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 650px;
    padding: 10px 25px;
    color: #fff!important;
    transition: 0.3s ease-in-out;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    border: 1px solid #ffdcdc;
    box-shadow: 1px 1px 2px #df9393;
}

.o_p_button a:hover {
    background: #df9393;
    color: #FFF;
}

.o_p_button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
    color: #FFF;
}

.o_p_button a:hover:after {
    border-color: #FFF;
}

.o_o_button a {
    background: #f06e00cc;
    border-radius: 5px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 650px;
    padding: 10px 25px;
    color: #fff!important;
    transition: 0.3s ease-in-out;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    border: 1px solid #ffdcdc;
    box-shadow: 1px 1px 2px #df9393;
}

.o_o_button a:hover {
    background: #df9393;
    color: #FFF;
}

.o_o_button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
    color: #FFF;
}

.o_o_button a:hover:after {
    border-color: #FFF;
}

.o_m_button a {
    background: #916cab;
    border-radius: 5px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 650px;
    padding: 10px 25px;
    color: #fff!important;
    transition: 0.3s ease-in-out;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    border: 1px solid #e1b6ffad;
    box-shadow: 1px 1px 2px #be93df;
}

.o_m_button a:hover {
    background: #c0a5d4;
    color: #FFF;
}

.o_m_button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
    color: #FFF;
}

.o_m_button a:hover:after {
    border-color: #FFF;
}

.lovebutton,
a.lovebutton {
    color: #555555;
    background-color: #ffe3e37a;
    padding: 10px 20px;
    border: 1px solid #ffdcdc;
    box-shadow: 1px 1px 2px #df9393;
    margin-bottom: 10px;
    border-radius: 5px;
}

.lovebutton:hover,
a.lovebutton:hover {
    color: #fff;
    background: #df9393;
}

.lifebutton,
a.lifebutton {
    color: #555555;
    background-color: #e3f5ff9e;
    padding: 10px 20px;
    border: 1px solid #b0e3ff9e;
    box-shadow: 1px 1px 2px #82afc8;
    margin-bottom: 10px;
    border-radius: 5px;
}

.lifebutton:hover,
a.lifebutton:hover {
    color: #fff;
    background: #82afc8;
}

.marriagebutton,
a.marriagebutton {
    color: #555555;
    background-color: #e0f5d7a8;
    padding: 10px 20px;
    border: 1px solid #aae88fa8;
    box-shadow: 1px 1px 2px #99ca81;
    margin-bottom: 10px;
    border-radius: 5px;
}

.marriagebutton:hover,
a.marriagebutton:hover {
    color: #fff;
    background: #99ca81;
}

.furinbutton,
a.furinbutton {
    color: #555555;
    background-color: #f0e6f7ad;
    padding: 10px 20px;
    border: 1px solid #e1b6ffad;
    box-shadow: 1px 1px 2px #c0a5d4;
    margin-bottom: 10px;
    border-radius: 5px;
}

.furinbutton:hover,
a.furinbutton:hover {
    color: #fff;
    background: #c0a5d4;
}

.pointtext {
    color: #32635d;
    padding: 1em;
    line-height: 1.8;
    border-radius: 3px;
    background: #f6f6f6;
    box-shadow: 0 0 2px #32635d, 0 0 2px #32635d, 0 0 3px #a3d1cb inset, 0 0 3px #a3d1cb inset;
}

.jintai-table {
    max-width: 500px;
    max-height: 500px;
    margin: auto;
    text-align: center;
}

.jintai-table th {
    background-color: #5f8f89;
    color: white;
    margin: 0;
    font-size: 90%;
    padding: 5px 10px;
    text-align: center;
}

.jintai-table td {
    height: 120px;
    color: #32635d;
    text-shadow: 0 0 1px #84dfd3;
    font-weight: bold;
    font-size: 130%;
}

@media screen and (max-width: 768px) {
    .jintai-table {
        max-width: 300px;
        max-height: 300px;
        margin: auto;
        text-align: center;
    }

    .jintai-table td {
        height: 100px;
        color: #32635d;
        text-shadow: 0 0 1px #84dfd3;
        font-weight: bold;
        font-size: 130%;
    }
}

.honmei001 {
    width: 100%;
    text-align: center;
}

.honmei001 th {
    background: #deeeec;
    color: #32635d;
    font-weight: bold;
}

.honmei001 td {
    color: #ff5781;
    font-weight: bold;
}

.f_list {
    padding: 0 0.5em;
    position: relative;
    margin-top: 0.5em;
    font-size: 85%;
}

.f_list li {
    line-height: 1.5;
    padding: 0.2em 1em 0.2em 2.2em;
    border-bottom: dashed 1px #ebebeb;
    list-style-type: none !important;
}

.f_list li:before {
    font-family: 'FontAwesome';
    content: "\f138";
    position: absolute;
    left: 1.2em;
    color: #a3d1cb;
}

.f_list li:last-of-type {
    border-bottom: none;
}

.moza {
    background-image: url(https://rensa.s3.ap-southeast-1.amazonaws.com/images/owned-media/2024/12/mozasample.png);
    width: 100%;
    min-height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 105% 100%;
    background-position: center;
    margin: auto;
}


.boxtext {
    position: relative;
	  padding: 1em 0em 0em 0em;
    border: 2px solid #5f8f89ba;
    border-radius: 0px 3px 3px 3px;
	  margin: 3em 0em 1.5em 0em;
    background: #f6f6f6;
}

.boxtext div {
    position: absolute;
    top: -2.2em;
    left: -2px;
    padding: .2em .8em;
    border-radius: 5px 5px 0 0;
    background-color: #5f8f89;
    color: #fff;
}

ul.itemlist {
    padding: 0 0.5em;
    position: relative;
    margin-top: 0.5em;
    font-size: 85%;
}

ul.itemlist li {
    line-height: 1.5;
    padding: 0.2em 1em 0.2em 2.2em;
    border-bottom: dashed 1px #ebebeb;
    list-style-type: none !important;
}

ul.itemlist li:before {
    font-family: 'FontAwesome';
    content: "\f138";
    position: absolute;
    left: 1.2em;
    color: #a3d1cb;
	  text-shadow: none;
}

ul.itemlist li:last-of-type {
    border-bottom: none;
}

ul.itemlist2 {
    padding: 0 0.5em;
    position: relative;
    margin-top: 0.5em;
}

ul.itemlist2 li {
    line-height: 1.5;
    padding: 0.2em 1em 0.2em 2.2em;
    border-bottom: dashed 1px #ebebeb;
    list-style-type: none !important;
}

ul.itemlist2 li:before {
    font-family: 'FontAwesome';
    content: "\f138";
    position: absolute;
    left: 1.2em;
    color: #ff658b;
    text-shadow: none;
}


.boxtext2 {
    margin: 1em 0em;
    padding: .5em 0em 1em;
	  border-top: 6px solid #5f8f89;
    background-color: #f6f6f6;
}

.boxtext2 div {
    margin: 0.5em 1em;
    color: #32635d;
    font-weight: bold;
    font-size: 110%;
    text-shadow: 0 0 1px #84dfd3;
}

.code-block {
    display: none;
}

.button-table {
    border: none;
    width: 100%;
    text-align: center;
	  font-weight: bold;
	  table-layout: fixed;
}

.button-table td {
    border: none;
    padding: 0.1em;
}

.button-table a {
    background: #4b9790;
    padding: 5px;
    margin: 2px 2px;
    display: block;
    border-radius: 0.3em;
    color: #fff;
}

.button-table td :hover {
    background: #deeeec;
    color: #32635d;
    box-shadow: 0px 0px 4px 0px #abe0d9;
}

.boxtext3 {
    margin: 1em;
    padding: 1.5em 1.5em 1em;
    border-bottom: solid 0.2em #f6f6f6;
    background-color: #f6f6f6;
    box-shadow: 2px 2px #c0c0c0;
}

.boxtext3 div {
    margin-bottom: .5em;
    color: #32635d;
    font-weight: bold;
    font-size: 110%;
    text-shadow: 0 0 1px #84dfd3;
}

.main_table a {
    display: block;
    padding: 5px 0px;
    border: 1px solid #a3d1cb;
    color: #32635d!important;
    text-shadow: 0 0 1px #84dfd3;
    font-weight: bold;
    text-decoration: none;
    margin: 2px;
    border-radius: 5px;
    background: #deeeec;
}


.main_table{
    width: 100%;
    border: none;
}

.main_table td {
    font-weight: bold;
    text-align: center;
    padding: 0;
    border: none;
}

.main_table tr td a:hover {
    background: #90c2bc;
    color: #fff;
}

.main_table a {
    display: block;
    padding: 5px 0px;
    border: 1px solid #a3d1cb;
    color: #32635d;
    text-shadow: 0 0 1px #84dfd3;
    font-weight: bold;
    text-decoration: none;
    margin: 2px;
    border-radius: 5px;
    background: #deeeec;
}

.main_table td.empty-cell {
    border: none;
    background: none;
}

.main_table td,
.main_table th {
    width: 20%;
}

.qa_minori dt {
    font-size: 120%;
}

.qa_minori dt::before {
    content: "Q.";
}

.qa_minori dd {
    margin: 0 0 1.5em;
    padding: 1em 1.5em;
}

.qa_minori dd::before {
    content: "A.";
    color: #ff658b;
    font-weight: bold;
}

.qa_minori dl {
    width: 100%;
    overflow: initial!important;
}

.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 80%;
}

.breadcrumb li {
  display: inline;
}

.breadcrumb li:after {
  content: '/';
  padding: 0 0.2em;
  color: #555555;
  font-weight: bold;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: underline;
  color: #00a38f;
}

.breadcrumb li a:hover {
  text-decoration: none;
  color: #32635d;
}

.breadcrumb li:first-child a:before {
  font-family: FontAwesome;
  content: '\f015';
  font-weight: 900;
  font-size: 1.1em;
  color: #a3d1cb;
  margin-right: 4px;
  text-decoration: none;
  display: inline-block;
}

.content ul {
    list-style-type: none;
    padding-left: 0;
    line-height: 2;
}

.ul ul {
    margin-left: 0;
}

p,
pre {
    padding: 0 1em;
}
/* 「追加 CSS」の記述ここまで */