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

    .yyi-rinker-images {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    div.yyi-rinker-image img.yyi-rinker-main-img.hidden {
        display: none;
    }

    .yyi-rinker-images-arrow {
        cursor: pointer;
        position: absolute;
        top: 50%;
        display: block;
        margin-top: -11px;
        opacity: 0.6;
        width: 22px;
    }

    .yyi-rinker-images-arrow-left {
        left: -10px;
    }

    .yyi-rinker-images-arrow-right {
        right: -10px;
    }

    .yyi-rinker-images-arrow-left.hidden {
        display: none;
    }

    .yyi-rinker-images-arrow-right.hidden {
        display: none;
    }

    div.yyi-rinker-contents.yyi-rinker-design-tate div.yyi-rinker-box {
        flex-direction: column;
    }

    div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box .yyi-rinker-links {
        flex-direction: column;
    }

    div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info {
        width: 100%;
    }

    div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-title {
        text-align: center;
    }

    div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-links {
        text-align: center;
    }

    div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-image {
        margin: auto;
    }

    div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info ul.yyi-rinker-links li {
        align-self: stretch;
    }

    div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box div.yyi-rinker-info {
        padding: 0;
    }

    div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box {
        flex-direction: column;
        padding: 14px 5px 0;
    }

    .yyi-rinker-design-slim div.yyi-rinker-box div.yyi-rinker-info {
        text-align: center;
    }

    .yyi-rinker-design-slim div.price-box span.price {
        display: block;
    }

    div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info div.yyi-rinker-title a {
        font-size: 16px;
    }

    div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.amazonkindlelink:before, div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.amazonlink:before, div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.rakutenlink:before, div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.yahoolink:before {
        font-size: 12px;
    }

    div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li a {
        font-size: 13px;
    }

    .entry-content ul.yyi-rinker-links li {
        padding: 0;
    }
    </style>
    <style type="text/css">
    #wrapper {
        background-color: #ffffff;
        background-image: url();
    }

    .related-entry-headline-text span:before, #comment-title span:before, #reply-title span:before {
        background-color: #877179;
        border-color: #877179 !important;
    }

    footer, #breadcrumb:after, #page-top a {
        background-color: #ffffff;
    }

    .footer-inner a, #copyright, #copyright-center {
        border-color: #877179 !important;
        color: #877179 !important;
    }

    #footer-widget-area
    {
        border-color: #877179 !important;
    }

    .page-top-footer a {
        color: #ffffff !important;
    }

    #breadcrumb ul li, #breadcrumb ul li a {
        color: #ffffff !important;
    }

    body, a, a:link, a:visited {
        color: #877179;
    }

    a:hover {
        color: #dddddd;
    }

    .widget_nav_menu ul > li > a:before, .widget_categories ul > li > a:before, .widget_archive form:after, .widget_categories form:after, .widget_nav_menu ul > li > ul.sub-menu > li > a:before, .widget_categories ul > li > .children > li > a:before, .widget_nav_menu ul > li > ul.sub-menu > li > ul.sub-menu li > a:before, .widget_categories ul > li > .children > li > .children li > a:before {
        color: #877179;
    }

    footer .footer-widget, footer .footer-widget a, footer .footer-widget ul li, .footer-widget.widget_nav_menu ul > li > a:before, .footer-widget.widget_categories ul > li > a:before {
        color: #877179 !important;
        border-color: #877179 !important;
    }

    footer .footer-widget .widgettitle {
        color: #877179 !important;
        border-color: #e8c974 !important;
    }

    footer .widget_nav_menu ul .children .children li a:before, footer .widget_categories ul .children .children li a:before {
        background-color: #877179 !important;
    }

    #drawernav a:hover, .post-list-title, #prev-next p, #toc_container .toc_list li a {
        color: #877179 !important;
    }

    #header-box {
        background-color: #ffffff;
    }

    .pickup-contents:before {
        background-color: #ffffff !important;
    }

    .main-image-text {
        color: #555;
    }

    .main-image-text-sub {
        color: #555;
    }

    #site-info {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    #site-info span a {
        color: #877179 !important;
    }

    #headmenu .headsns .line a svg {
        fill: #877179 !important;
    }

    #headmenu .headsns a, #headmenu {
        color: #877179 !important;
        border-color: #877179 !important;
    }

    .profile-follow .line-sns a svg {
        fill: #877179 !important;
    }

    .profile-follow .line-sns a:hover svg {
        fill: #e8c974 !important;
    }

    .profile-follow a {
        color: #877179 !important;
        border-color: #877179 !important;
    }

    .profile-follow a:hover, #headmenu .headsns a:hover {
        color: #e8c974 !important;
        border-color: #e8c974 !important;
    }

    .search-box:hover {
        color: #e8c974 !important;
        border-color: #e8c974 !important;
    }

    #header #headmenu .headsns .line a:hover svg {
        fill: #e8c974 !important;
    }

    .cps-icon-bar, #navtoggle:checked + .sp-menu-open .cps-icon-bar {
        background-color: #877179;
    }

    #nav-container {
        background-color: #ffffff;
    }

    #drawernav ul.menu-box > li > a, #drawernav2 ul.menu-box > li > a, #drawernav3 ul.menu-box > li > a, #drawernav4 ul.menu-box > li > a, #drawernav5 ul.menu-box > li > a, #drawernav ul.menu-box > li.menu-item-has-children:after, #drawernav2 ul.menu-box > li.menu-item-has-children:after, #drawernav3 ul.menu-box > li.menu-item-has-children:after, #drawernav4 ul.menu-box > li.menu-item-has-children:after, #drawernav5 ul.menu-box > li.menu-item-has-children:after {
        color: #877179 !important;
    }

    #drawernav ul.menu-box li a, #drawernav2 ul.menu-box li a, #drawernav3 ul.menu-box li a, #drawernav4 ul.menu-box li a, #drawernav5 ul.menu-box li a {
        font-size: 13px !important;
    }

    #drawernav3 ul.menu-box > li {
        color: #877179 !important;
    }

    #drawernav4 .menu-box > .menu-item > a:after, #drawernav3 .menu-box > .menu-item > a:after, #drawernav .menu-box > .menu-item > a:after {
        background-color: #877179 !important;
    }

    #drawernav2 .menu-box > .menu-item:hover, #drawernav5 .menu-box > .menu-item:hover {
        border-top-color: #877179 !important;
    }

    .cps-info-bar a {
        background-color: #665301 !important;
    }

    @media (min-width: 768px) {
        #main-contents-one .post-list-mag .post-list-item {
            width: 32%;
        }

        #main-contents-one .post-list-mag .post-list-item:not(:nth-child(3n)) {
            margin-right: 2%;
        }

        .tabBtn-mag {
            width: 85%;
            margin-bottom: 40px;
        }

        .tabBtn-mag label {
            padding: 10px 20px;
        }
    }

    @media (min-width: 768px) {
        #tab-1:checked ~ .tabBtn-mag li [for="tab-1"]:after, #tab-2:checked ~ .tabBtn-mag li [for="tab-2"]:after, #tab-3:checked ~ .tabBtn-mag li [for="tab-3"]:after, #tab-4:checked ~ .tabBtn-mag li [for="tab-4"]:after {
            border-top-color: #877179 !important;
        }

        .tabBtn-mag label {
            border-bottom-color: #877179 !important;
        }
    }

    #tab-1:checked ~ .tabBtn-mag li [for="tab-1"], #tab-2:checked ~ .tabBtn-mag li [for="tab-2"], #tab-3:checked ~ .tabBtn-mag li [for="tab-3"], #tab-4:checked ~ .tabBtn-mag li [for="tab-4"], #prev-next a.next:after, #prev-next a.prev:after {
        background-color: #877179 !important;
    }

    .swiper-slide .post-list-cat, .post-list-mag .post-list-cat, .post-list-mag3col .post-list-cat, .post-list-mag-sp1col .post-list-cat, .swiper-pagination-bullet-active, .pickup-cat, .post-list .post-list-cat, .more-cat-button a:hover span:before, #breadcrumb .bcHome a:hover span:before, .popular-item:nth-child(1) .pop-num, .popular-item:nth-child(2) .pop-num, .popular-item:nth-child(3) .pop-num {
        background-color: #e8c974 !important;
    }

    .sidebar-btn a, .profile-sns-menu {
        background-color: #e8c974 !important;
    }

    .sp-sns-menu a, .pickup-contents-box a:hover .pickup-title {
        border-color: #877179 !important;
        color: #877179 !important;
    }

    .pro-line svg {
        fill: #877179 !important;
    }

    .cps-post-cat a, .meta-cat, .popular-cat {
        background-color: #e8c974 !important;
        border-color: #e8c974 !important;
    }

    .tagicon, .tag-box a, #toc_container .toc_list > li, #toc_container .toc_title {
        color: #877179 !important;
    }

    .tag-box a, #toc_container:before {
        border-color: #877179 !important;
    }

    .cps-post-cat a:hover {
        color: #dddddd !important;
    }

    .pagination li:not([class * ="current"]) a:hover, .widget_tag_cloud a:hover {
        background-color: #877179 !important;
    }

    .pagination li:not([class * ="current"]) a:hover {
        opacity: 0.5 !important;
    }

    .pagination li.current a {
        background-color: #877179 !important;
        border-color: #877179 !important;
    }

    .nextpage a:hover span {
        color: #877179 !important;
        border-color: #877179 !important;
    }

    .cta-content:before {
        background-color: #f7f7f7 !important;
    }

    .cta-text, .info-title {
        color: #877179 !important;
    }

    #footer-widget-area.footer_style1 .widgettitle {
        border-color: #e8c974 !important;
    }

    .sidebar_style1 .widgettitle, .sidebar_style5 .widgettitle {
        border-color: #877179 !important;
    }

    .sidebar_style2 .widgettitle, .sidebar_style4 .widgettitle, .sidebar_style6 .widgettitle {
        background-color: #877179 !important;
    }

    .tn-logo-size {
        font-size: 15% !important;
    }

    .tn-logo-size img {
        width: 15% !important;
    }

    .sp-logo-size {
        font-size: 40% !important;
    }

    .sp-logo-size img {
        width: 40% !important;
    }

    .cps-post-main ul > li:before, .cps-post-main ol > li:before {
        background-color: #e8c974 !important;
    }

    .profile-card .profile-title {
        background-color: #877179 !important;
    }

    .profile-card {
        border-color: #877179 !important;
    }

    .cps-post-main a {
        color: #e8c974;
    }

    .cps-post-main .marker {
        background: -webkit-linear-gradient(transparent 80%, #c9efef 0%);
        background: linear-gradient(transparent 80%, #c9efef 0%);
    }

    .cps-post-main .marker2 {
        background: -webkit-linear-gradient(transparent 60%, #a9eaf2 0%);
        background: linear-gradient(transparent 60%, #a9eaf2 0%);
    }

    .simple-box1 {
        border-color: #68d6cb !important;
    }

    .simple-box2 {
        border-color: #f2bf7d !important;
    }

    .simple-box3 {
        border-color: #68d6cb !important;
    }

    .simple-box4 {
        border-color: #7badd8 !important;
    }

    .simple-box4:before {
        background-color: #7badd8;
    }

    .simple-box5 {
        border-color: #e896c7 !important;
    }

    .simple-box5:before {
        background-color: #e896c7;
    }

    .simple-box6 {
        background-color: #f9f7f2 !important;
    }

    .simple-box7 {
        border-color: #def1f9 !important;
    }

    .simple-box7:before {
        background-color: #def1f9 !important;
    }

    .simple-box8 {
        border-color: #96ddc1 !important;
    }

    .simple-box8:before {
        background-color: #96ddc1 !important;
    }

    .simple-box9:before {
        background-color: #e8c974 !important;
    }

    .simple-box9:after {
        border-color: #e8c974 #e8c974 #fff #fff !important;
    }

    .kaisetsu-box1:before, .kaisetsu-box1-title {
        background-color: #ffb49e !important;
    }

    .kaisetsu-box2 {
        border-color: #68d6cb !important;
    }

    .kaisetsu-box2-title {
        background-color: #68d6cb !important;
    }

    .kaisetsu-box4 {
        border-color: #ea91a9 !important;
    }

    .kaisetsu-box4-title {
        background-color: #ea91a9 !important;
    }

    .kaisetsu-box5:before {
        background-color: #57b3ba !important;
    }

    .kaisetsu-box5-title {
        background-color: #57b3ba !important;
    }

    .concept-box1 {
        border-color: #85db8f !important;
    }

    .concept-box1:after {
        background-color: #85db8f !important;
    }

    .concept-box1:before {
        content: "ポイント" !important;
        color: #85db8f !important;
    }

    .concept-box2 {
        border-color: #f7cf6a !important;
    }

    .concept-box2:after {
        background-color: #f7cf6a !important;
    }

    .concept-box2:before {
        content: "注意点" !important;
        color: #f7cf6a !important;
    }

    .concept-box3 {
        border-color: #86cee8 !important;
    }

    .concept-box3:after {
        background-color: #86cee8 !important;
    }

    .concept-box3:before {
        content: "良い例" !important;
        color: #86cee8 !important;
    }

    .concept-box4 {
        border-color: #ed8989 !important;
    }

    .concept-box4:after {
        background-color: #ed8989 !important;
    }

    .concept-box4:before {
        content: "悪い例" !important;
        color: #ed8989 !important;
    }

    .concept-box5 {
        border-color: #877179 !important;
    }

    .concept-box5:after {
        background-color: #877179 !important;
    }

    .concept-box5:before {
        content: "Link" !important;
        color: #877179 !important;
    }

    .concept-box6 {
        border-color: #877179 !important;
    }

    .concept-box6:after {
        background-color: #877179 !important;
    }

    .concept-box6:before {
        content: "Memo" !important;
        color: #877179 !important;
    }

    .innerlink-box1, .blog-card {
        border-color: #e8c974 !important;
    }

    .innerlink-box1-title {
        background-color: #e8c974 !important;
        border-color: #e8c974 !important;
    }

    .innerlink-box1:before, .blog-card-hl-box {
        background-color: #e8c974 !important;
    }

    .color-button01 a, .color-button01 a:hover, .color-button01:before {
        background-color: #877179 !important;
    }

    .top-image-btn-color a, .top-image-btn-color a:hover, .top-image-btn-color:before {
        background-color: #472d00 !important;
    }

    .color-button02 a, .color-button02 a:hover, .color-button02:before {
        background-color: #878787 !important;
    }

    .color-button01-big a, .color-button01-big a:hover, .color-button01-big:before {
        background-color: #68d6cb !important;
    }

    .color-button01-big a, .color-button01-big:before {
        border-radius: 5px !important;
    }

    .color-button01-big a {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .color-button02-big a, .color-button02-big a:hover, .color-button02-big:before {
        background-color: #ffca89 !important;
    }

    .color-button02-big a, .color-button02-big:before {
        border-radius: 40px !important;
    }

    .color-button02-big a {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .color-button01-big {
        width: 75% !important;
    }

    .color-button02-big {
        width: 75% !important;
    }

    .top-image-btn-color:before, .color-button01:before, .color-button02:before, .color-button01-big:before, .color-button02-big:before {
        bottom: -1px;
        left: -1px;
        width: 100%;
        height: 100%;
        border-radius: 6px;
        box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
        -webkit-transition: all .4s;
        transition: all .4s;
    }

    .top-image-btn-color a:hover, .color-button01 a:hover, .color-button02 a:hover, .color-button01-big a:hover, .color-button02-big a:hover {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
        -webkit-filter: brightness(0.95);
        filter: brightness(0.95);
    }

    .top-image-btn-color:hover:before, .color-button01:hover:before, .color-button02:hover:before, .color-button01-big:hover:before, .color-button02-big:hover:before {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
        box-shadow: none !important;
    }

    .h2-style01 h2, .h2-style02 h2:before, .h2-style03 h2, .h2-style04 h2:before, .h2-style05 h2, .h2-style07 h2:before, .h2-style07 h2:after, .h3-style03 h3:before, .h3-style02 h3:before, .h3-style05 h3:before, .h3-style07 h3:before, .h2-style08 h2:after, .h2-style10 h2:before, .h2-style10 h2:after, .h3-style02 h3:after, .h4-style02 h4:before {
        background-color: #877179 !important;
    }

    .h3-style01 h3, .h3-style04 h3, .h3-style05 h3, .h3-style06 h3, .h4-style01 h4, .h2-style02 h2, .h2-style08 h2, .h2-style08 h2:before, .h2-style09 h2, .h4-style03 h4 {
        border-color: #877179 !important;
    }

    .h2-style05 h2:before {
        border-top-color: #877179 !important;
    }

    .h2-style06 h2:before, .sidebar_style3 .widgettitle:after {
        background-image: linear-gradient( -45deg, transparent 25%, #877179 25%, #877179 50%, transparent 50%, transparent 75%, #877179 75%, #877179);
    }

    @media all and (-ms-high-contrast: none) {
        * ::-ms-backdrop, .color-button01:before, .color-button02:before, .color-button01-big:before, .color-button02-big:before {
            background-color: #595857 !important;
        }
    }

    .jin-lp-h2 h2, .jin-lp-h2 h2 {
        background-color: transparent !important;
        border-color: transparent !important;
        color: #877179 !important;
    }

    .jincolumn-h3style2 {
        border-color: #877179 !important;
    }

    .jinlph2-style1 h2:first-letter {
        color: #877179 !important;
    }

    .jinlph2-style2 h2, .jinlph2-style3 h2 {
        border-color: #877179 !important;
    }