@charset "UTF-8";

                /*!
                Theme Name: Cocoon Child
                Template:   cocoon-master
                Version:    1.1.1
                */


                /************************************
                ** 子テーマ用のスタイルを書く
                ************************************/

                /* #content{
                    padding: 15px 20px;
                } */

                /* アフィリエイト関連 */
                .footer-mobile {
                    display: none;
                }
                .entry-content {
                    line-height: 1.5;
                }

                .entry-content table {
                    width: 100%;
                    margin-bottom: 1.5em;
                    border: 2px solid #e0e0e0;
                    border: 1px solid;
                }

                .entry-content td {
                    padding: 10px;
                    border: 2px solid #e0e0e0;
                    border: 1px solid;
                    background-color: #FFF;
                }

                .entry-content .borderBox {
                    border: solid 2px #74d9ce;
                }

                .entry-content .li-check ul {
                    position: relative;
                    padding: 1em .5em 1em 0.5em;
                    margin-bottom: 0;
                }

                .entry-content .li-check ul li::before {
                    content: '';
                    display: inline-block;
                    width: 18px;
                    height: 18px;
                    top: 2px;
                    left: -26px; 
                    background: url(/datsumou/wp-content/uploads/2021/04/ico_check.png) center top;
                    background-size: contain;
                    vertical-align: middle;
                    position: absolute;
                }

                .entry-content .mod-btn.is-red a:hover {
                    background-color: #cab1b1;
                }

                .entry-content .mod-btn.is-red a {
                    background-color: #e8c6c6;
                }

                .entry-content .mod-btn a:hover {
                    background-color: #8fafac;
                }

                .entry-content .mod-btn a {
                    position: relative;
                    z-index: 0;
                    display: block;
                    width: 100%;
                    padding: 20px 2em;
                    margin-bottom: 20px;
                    font-size: 16px;
                    font-weight: 400;
                    color: #222;
                    text-align: center;
                    text-decoration: none;
                    background-color: #98c9c5;
                    border-radius: 4px;
                    box-sizing: border-box;
                    transition: background-color .3s;
                }

                .entry-content .mod-btn.big-font-btn a {
                    font-size: 20px;
                }

                .entry-content .mod-btn.shake-btn {
                    animation: shake-btn 2s infinite;
                }

                .mod-btn.mod-btnL a {
                    color: #fff;
                    text-decoration: none;
                }

                .mod-btn.is-orange a {
                    color: #ffffff;
                    text-decoration: none;
                    background-image: -webkit-gradient(linear, left top, left bottom, from(#ED7700), to(#ED7700));
                    background-image: linear-gradient(to bottom, #ED7700, #ED7700);
                }

                @keyframes shake-btn {
                    0% {
                        transform: translate(0px, 2px);
                    }
                    5% {
                        transform: translate(0px, -2px);
                    }
                    10% {
                        transform: translate(0px, 2px);
                    }
                    15% {
                        transform: translate(0px, -2px);
                    }
                    20% {
                        transform: translate(0px, 2px);
                    }
                    25% {
                        transform: translate(0px, -2px);
                    }
                    30% {
                        transform: translate(0px, 0px);
                    }
                }

            
            
                .entry-content .mod-btn a::after {
                    width: 50px;
                    height: 50px;
                    position: absolute;
                    top: -20px;
                    right: -8px;
                    content: "";
                    /* background: no-repeat center/contain url(/datsumou/wp-content/uploads/2021/04/post-check-gray.png); */
                }

                .mod-btn a::before {
                    content: "";
                    background-image: url(../img/sprite.png);
                    background-repeat: no-repeat;
                    background-position: 0px 0px;
                    background-size: 80px 111px;
                    width: 11px;
                    padding-top: 11px;
                    display: inline-block;
                    overflow: hidden;
                    height: 0;
                    vertical-align: middle;
                    margin-right: 10px;
                }

                /* 2022_10_25 移植 */

                * {
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                  }

                *:before, *:after {
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                }


             


                .entry-content .box5 {
                    margin: 2em 0;
                    padding: 1em 1em;
                    border: double 5px #4ec4d3;
                    color: #474747;
                    position: relative;
                }

          

                .article-content .temp-content .cell {
                    display: block;
                    width: 100%;
                    text-align: center;
                }

                .entry-content .li-chevron ul li::before {
                    content: '';
                    display: inline-block;
                    width: 18px;
                    height: 18px;
                    top: 2px;
                    left: -26px;
                    background: url(https://woman.mynavi.jp/wp-content/uploads/2018/09/ico_arrow.png) center top;
                    background-size: contain;
                    vertical-align: middle;
                }

                .entry-content .ol-circle ol {
                    list-style-type: none !important;
                    padding: 1em .7em;
                    counter-reset: number;
                }

                .entry-content ol {
                    margin-bottom: 1.5em;
                    padding: 1.5em 1em 1.5em 2.5em;
                    border: solid 2px #dcdcdc;
                }

                .entry-content .temp-content li {
                    line-height: 1.5;
                    list-style: none;
                    position: relative;
                }

                .entry-content .ol-circle li::before {
                    display: inline-block;
                    position: absolute;
                    left: 0;
                    width: 25px;
                    height: 25px;
                    border-radius: 50%;
                    background: #74d9ce;
                    color: white;
                    font-family: "Quicksand", sans-serif;
                    font-size: 15px;
                    font-weight: bold;
                    text-align: center;
                    vertical-align: middle;
                    line-height: 25px;
                    content: counter(number);
                    counter-increment: number;
                }

                .entry-content .box28 {
                    position: relative;
                    margin: 3em 0 2em;
                    padding: 1em 1em;
                    border: solid 3px #62c1ce;
                }

                .box28 .box-title {
                    display: inline-block;
                    position: absolute;
                    top: -30px;
                    left: -3px;
                    height: 28px;
                    padding: 0 9px;
                    border-radius: 5px 5px 0 0;
                    background: #62c1ce;
                    color: #fff;
                    font-size: 17px;
                    vertical-align: middle;
                    line-height: 28px;
                }


                /* アコーディオンA */

                .ac-box {
                    width: auto;
                    margin: 0 auto 0;
                }


                /*ラベル*/

                .ac-box label {
                    width: auto;
                    max-width: 600px;
                    font-size: 12px;
                    font-weight: bold;
                    text-align: center;
                    background: #c0c0c0;
                    margin: auto;
                    line-height: 30px;
                    position: relative;
                    display: block;
                    height: auto;
                    border-radius: 8px;
                    cursor: pointer;
                    color: #fff;
                    transition: all 0.5s;
                }


                /*ラベルホバー時*/

                .ac-box label:hover {
                    background: rgba( 240, 86, 137, 0.55);
                    -webkit-transition: all .3s;
                    transition: all .3s;
                }


                /*チェックを隠す*/

                .ac-box input {
                    display: none;
                }


                /*チェックのアイコン（↓）*/

                .ac-box label:after {
                    color: #fff;
                    font-family: "FontAwesome";
                    content: " \f078";
                }


                /*チェックのアイコン（↑）*/

                .ac-box input:checked~label::after {
                    color: #fff;
                    font-family: "FontAwesome";
                    content: " \f077";
                }


                /*中身を非表示にしておく*/

                .ac-box div {
                    height: 0px;
                    padding: 0px;
                    overflow: hidden;
                    opacity: 0;
                    transition: 0.5s;
                }


                /*クリックで中身を表示*/

                .ac-box input:checked~div {
                    height: auto;
                    padding: 5px;
                    background: #eaeaea;
                    opacity: 1;
                }


                /*表示内容の調整*/

                .ac-box div p {
                    color: #777;
                    line-height: 23px;
                    font-size: 14px;
                    padding: 20px;
                    text-align: justify;
                }

                .ac-small p {
                    margin-bottom: 0px;
                }

                .p-entry-body h2 {
                    position: relative;
                    padding: 30px 25px;
                    margin: 60px 0 20px;
                    font-size: 30px;
                    font-weight: 500;
                    line-height: 1.4;
                    background-color: #f4f4f4;
                    border-radius: 4px;
                }

                .p-entry-body h3 {
                    position: relative;
                    width: 100%;
                    padding: 15px 25px 0;
                    margin-top: 40px;
                    margin-bottom: 20px;
                    font-size: 26px;
                    font-weight: 500;
                    line-height: 1.4;
                }

                .p-entry-body h3::after {
                    position: absolute;
                    top: 0;
                    left: 25px;
                    width: 28px;
                    height: 1px;
                    content: "";
                    background-color: #222;
                }

                .p-entry-body .entry-aside-author {
                    position: relative;
                    display: flex;
                    padding: 50px 25px;
                    margin: 40px 0;
                    background-color: #f4f4f4;
                    border-radius: 4px;
                }

                .p-entry-body .entry-aside-author-image {
                    width: 120px;
                    height: 120px;
                    flex: 0 0 120px;
                }

                .p-entry-body .entry-aside-author-content {
                    position: relative;
                    flex: 1 1 100%;
                    padding-bottom: 20px;
                    margin-left: 40px;
                }

                .p-entry-body .mod-btn.is-red a {
                    background-color: #e8c6c6;
                }

                .p-entry-body .mod-btn a {
                    position: relative;
                    z-index: 0;
                    display: block;
                    width: 100%;
                    padding: 20px 2em;
                    margin-bottom: 20px;
                    font-size: 16px;
                    font-weight: 400;
                    color: #222;
                    text-align: center;
                    text-decoration: none;
                    background-color: #98c9c5;
                    border-radius: 4px;
                    box-sizing: border-box;
                    transition: background-color .3s;
                }

                .mod-btn a {
                    line-height: 1.8;
                    display: block;
                    background-image: -webkit-gradient(linear, left top, left bottom, from(#74d9ce), to(#6cd2c7));
                    background-image: linear-gradient(to bottom, #74d9ce, #6cd2c7);
                    color: #fff;
                    text-decoration: none;
                    padding: 14px 48px 14px 20px;
                    border-radius: 4px;
                    text-align: center;
                    margin-bottom: 20px;
                    -webkit-transition: all .35s;
                    transition: all .35s;
                    -webkit-box-shadow: 0 4px 0 0 rgb(173 145 86 / 16%);
                    box-shadow: 0 4px 0 0 rgb(173 145 86 / 16%);
                }

                .p-entry-body a {
                    color: #4AC8BB !important;
                }

                .p-entry-body .mod-borderBox::before {
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    content: "";
                    background-image: linear-gradient(to right, #e8e8e8, #e8e8e8 10px, transparent 10px, transparent 5px), linear-gradient(to right, #e8e8e8, #e8e8e8 10px, transparent 10px, transparent 5px), linear-gradient(to bottom, #e8e8e8, #e8e8e8 10px, transparent 10px, transparent 5px), linear-gradient(to bottom, #e8e8e8, #e8e8e8 10px, transparent 10px, transparent 5px);
                    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
                    background-position: left top, left bottom, left top, right top;
                    background-size: 15px 1px, 15px 1px, 1px 15px, 1px 15px;
                    border-radius: 4px;
                }

                .p-entry-body .mod-borderBox {
                    position: relative;
                    padding: 60px 25px;
                    margin: 40px 0;
                    border-radius: 4px;
                    overflow: hidden;
                }
                .mod-borderBox {
                    line-height: 1.8;
                    border: 1px dashed #e4c789;
                    margin-bottom: 20px;
                    padding: 9px 10px 10px;
                }
                .p-entry-body h4 {
                    position: relative;
                    width: 100%;
                    padding: 0 25px 0 45px;
                    margin-top: 30px;
                    margin-bottom: 8px;
                    font-size: 22px;
                    font-weight: 500;
                    line-height: 1.4;
                }

                .p-entry-body .aligncenter {
                    display: block;
                    margin-right: auto;
                    margin-left: auto;
                }

                .p-entry-body img {
                    max-width: 100%;
                    height: auto;
                }

                .p-entry-body .mod-btn a::after {
                    width: 50px;
                    height: 50px;
                    position: absolute;
                    top: -20px;
                    right: -8px;
                    content: "";
                    /*  background: no-repeat center/contain url(/datsumou/wp-content/uploads/2021/04/post-check-gray.png); */
                }

                .p-entry-body .entry-aside-author {
                    position: relative;
                    display: flex;
                    padding: 50px 25px;
                    margin: 40px 0;
                    background-color: #f4f4f4;
                    border-radius: 4px;
                }

                body {
                    font-family: "MyYuGothicM", MyYuGothicM, YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", -apple-system, BlinkMacSystemFont, Meiryo, sans-serif;
                    /*	"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック Medium", "Noto Sans JP", sans-serif;	*/
                }

                .search-edit,
                input[type="text"],
                input[type="password"],
                input[type="date"],
                input[type="datetime"],
                input[type="email"],
                input[type="number"],
                input[type="search"],
                input[type="tel"],
                input[type="time"],
                input[type="url"],
                textarea,
                select {
                    padding: 5px;
                }

                .site-header__bnr2 a {
                    text-decoration: none;
                    font-size: 20px;
                    color: #0096db;
                    font-weight: bold;
                }

                .site-header_bnr2 a:hover {
                    color: #e53900;
                }

                .main,
                .sidebar {
                    border-radius: 15px;
                    box-shadow: none;
                }

                .toc {
                    background: #0096db1f;
                    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
                    border: unset;
                    padding: 2em;
                    border-radius: 10px;
                }

                .toc-title {
                    font-weight: bold;
                    color: #0096db;
                }

                .toc-title::after {
                    color: #0096db9c;
                }

                .toc-content {
                    font-size: 0.9em;
                    line-height: 1.8;
                    font-weight: 100;
                    text-decoration: underline;
                    padding: 0 1.7em;
                    letter-spacing: 1px;
                    width: 100%;
                }

                .article h3 {
                    border-left: none;
                    border-top: 2px #0096db solid;
                    background: #0096db1f;
                    padding: 15px 20px;
                }


                /*必要ならばここにコードを書く2 */

                .footer-about {
                    font-size: 14px;
                    min-width: 1164px;
                    background: #0096db;
                    line-height: 1.5;
                }

                .footer-about__inner {
                    width: 1164px;
                    margin: 0 auto;
                    padding: 30px 0;
                }

                .footer-about__tit {
                    margin: 0 0 5px 30px;
                }

                .footer-list__link {
                    transition: .2s ease;
                    color: #fff;
                    font-size: 11px;
                    text-decoration: none;
                }

                .footer-about__tit .footer-list__link {
                    font-size: 12px;
                    font-weight: bold;
                }

                .footer-list {
                    display: table;
                    width: 100%;
                }

                .footer-list__box:first-child {
                    border-left: 0;
                }

                .footer-list__box--short {
                    width: 231px;
                }

                .footer-list__box {
                    display: table-cell;
                    position: relative;
                    padding: 5px 0 5px 30px;
                    border-left: #80cbed 2px dotted;
                    box-sizing: border-box;
                }

                ul,
                ol {
                    margin: 0;
                    padding: 0;
                    list-style: none;
                }

                .footer-sns {
                    position: absolute;
                    bottom: 5px;
                    left: 30px;
                }

                .footer-sns__item {
                    margin-right: 3px;
                    float: left;
                }

                .footer-sns__btn {
                    display: block;
                    width: 70px;
                    padding: 5px 0;
                    transition: .2s ease;
                    border-radius: 3px;
                    background: #fff;
                    color: #0096db !important;
                    font-size: 10px;
                    font-weight: bold;
                    line-height: 1;
                    text-align: center;
                    text-decoration: none;
                }

                .footer {
                    padding-top: 0;
                }

                .site-header {
                    width: 100%;
                    border-bottom: #dedede 1px solid;
                }

                .site-header__inner {
                    display: table;
                    width: 1164px;
                    margin: 0 auto;
                }

                .site-header__tit {
                    display: table-cell;
                    width: 250px;
                    height: 50px;
                    padding: 20px 0 10px;
                    font-size: 14px;
                    line-height: 1;
                    vertical-align: middle;
                }

                .site-header__logo {
                    transition: .2s ease;
                }

                .site-header__bnr {
                    display: table-cell;
                    padding: 0px 0 35px 15px;
                    font-size: 14px;
                    line-height: 1;
                    vertical-align: bottom;
                }

                .gtm-relative {
                    position: relative;
                }

                .header {
                    background-color: white;
                }

                .header-search {
                    display: table-cell;
                    padding: 20px 0 10px;
                    font-size: 0;
                    line-height: 0;
                    text-align: right;
                    vertical-align: middle;
                }

                .header-search__inner {
                    display: inline-block;
                    width: 400px;
                    border-radius: 3px;
                    overflow: hidden;
                }

                .header-search__txt:placeholder-shown {
                    color: #858585;
                }

                .header-search__txt {
                    display: block;
                    width: 355px !important;
                    height: 39px;
                    padding: 0 15px !important;
                    float: left;
                    transition: background .2s ease;
                    border: 0 !important;
                    outline: none;
                    background: #f0f0f0;
                    line-height: 39px;
                    box-sizing: border-box;
                }

                .header-search__btn {
                    display: block;
                    width: 45px !important;
                    height: 39px;
                    float: left;
                    transition: .2s ease;
                    border: 0;
                    outline: none;
                    background: #0096db url(https://news.mynavi.jp/assets/common/ico_search-4e9f430c4772b9d3f5b1241c4e89f2f496bdfb8ed6cc1403bd217f15fba384cd.png) no-repeat 50% 50%;
                    background-size: 25px 25px;
                    cursor: pointer;
                    background-color: #0096db !important;
                }

                .header-search__mypage {
                    display: inline-block;
                    width: 120px;
                    height: 39px;
                    margin-left: 3px;
                    transition: .2s ease;
                    border: 0;
                    border-radius: 3px;
                    outline: none;
                    background: #0096db;
                    color: #fff;
                    font-size: 14px;
                    line-height: 39px;
                    text-align: center;
                    text-decoration: none;
                    vertical-align: top;
                }

                .header-search__mypage::after {
                    display: inline-block;
                    width: 16px;
                    height: 20px;
                    margin: -5px 0 0 8px;
                    background: url(https://news.mynavi.jp/assets/common/ico_mypage-63f38e0d11476ecf0daaf287110a61e295d921aecbc3e0917d9391623e55bbf4.png) no-repeat 0 0;
                    background-size: 16px 20px;
                    content: "";
                    vertical-align: middle;
                }

                .header-search__mypage:hover {
                    color: white;
                }

                .a-wrap {
                    border: none;
                    border-bottom: 1px solid #e6ecf0;
                    border-radius: 3px;
                    margin: 1em 0;
                    line-height: 1.4;
                    position: relative;
                    padding: 2% 2% 2% 2%;
                    box-shadow: none;
                    transition: all 0.2s ease-in-out;
                }

                .widget-entry-cards .a-wrap:last-child {
                    border: none;
                }

                .cat-label {
                    padding: 5px 10px;
                }

                .sidebar h3 {
                    border-radius: 5px;
                    background: #e0f2fb;
                    color: #0096db;
                    padding: 10px 15px;
                    font-size: 18px;
                }

                .widget-entry-card {
                    font-size: 14px;
                }


                /*記事ページ*/

                .entry-content figcaption {
                    font-size: 12px;
                }


/* 一度黄色い囲い枠を削除しましたが、直しました。 */
				.entry-content ul {
					border: solid 2px #ffb03f;  /* これが黄色い枠線の原因です */
					list-style: none;
					padding: 0.5em 1em 0.5em 2.3em;
					position: relative;
				}



                .entry-content ul li {
                    position: relative;
                    margin: 0.5em 0;
                    /* padding-left: 20px; */
                }

                .entry-content ul li:before {
                    font-family: FontAwesome;
                    content: "\f058";
                    /*アイコン*/
                    color: #0096db;
                    /* 色 */
                    position: absolute;
                    left: 0;
                }

                .entry-content ol {
                    counter-reset: number;
                    list-style-type: none;
                    padding: 0;
                    margin: 0;
                }

                .entry-content ol li {
                    border-bottom: 2px dashed;
                    border-color: #cdcdcd;
                    /* 線の色 */
                    position: relative;
                    margin: 0.5em 0 !important;
                    max-width: 500px;
                    /* 横幅 */
                    padding: 0 0 0.5em 1.8em !important;
                }

                .entry-content table th,
                .entry-content table td {
                    padding: 10px 15px;
                    font-size: 14px;
                    word-break: break-all;
                }

                .entry-content ol li:last-child {
                    border: none;
                }

                .entry-content ol li:before {
                    counter-increment: number;
                    content: counter(number);
                    background-color: #0096db;
                    /* 文字背景色 */
                    color: #fff;
                    /* 文字色 */
                    position: absolute;
                    font-weight: bold;
                    font-size: 14px;
                    border-radius: 50%;
                    left: 0;
                    width: 22px;
                    height: 22px;
                    line-height: 22px;
                    text-align: center;
                }

                .speech-icon img,
                .speech-icon amp-img {
                    border: 3px solid #dfe2e8;
                }

                div.speech-balloon {
                    padding: 15px;
                    font-size: 14px;
                    border: none;
                }

                .sbs-flat .speech-balloon::before,
                .sbs-flat .speech-balloon::after {
                    border-right-color: #f9f9f9;
                }

                .speech-balloon::before {
                    border-right: 12px solid #eaedf2;
                }

                .sbs-flat .speech-balloon {
                    background: #f9f9f9;
                }

                .btn {
                    margin: 15px 0;
                    background: linear-gradient(-45deg, #22e3bb 0%, #2196F3 100%);
                    border: none;
                    border-radius: 30px;
                    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
                    color: #fff;
                    padding: 15px 30px;
                    width: 300px;
                }

                .box {
                    position: relative;
                    /* 配置に関するもの(ここを基準に) */
                    margin: 2em auto;
                    /* ボックスの外側余白(上下:2em　左右:auto) */
                    padding: 1.7em 2em;
                    /* ボックスの内側余白(上下:1.7em　左右:2em) */
                    border: 2px solid #0096db;
                    /* ボックスの線 (太さ　線の種類　線の色)*/
                    border-radius: 4px;
                    /* ボックスの角丸 */
                }

                .box i {
                    background: #0096db;
                    /* アイコン背景色 */
                    color: #fff;
                    /* アイコン色 */
                    padding: 10px;
                    /* アイコン余白 */
                    border-radius: 20px;
                    /* アイコン角丸 */
                    margin-right: 10px;
                }

                .box .box-title {
                    position: absolute;
                    /* 配置に関するもの(ここを動かす) */
                    top: -21px;
                    /* 上から（-21px）移動*/
                    left: 30px;
                    /* 左から(30px)移動 */
                    background: #fff;
                    /* タイトル背景色 */
                    color: #0096db;
                    /* タイトル文字色 */
                    padding: 0 10px;
                    /* タイトルの余白 */
                    line-height: 1;
                    /* タイトルの行の高さ */
                    font-size: 20px;
                    /* タイトル文字の大きさ */
                    font-weight: bold;
                    /* タイトル文字の太さ */
                }

                .box p {
                    margin: 0;
                    /* 文字の外側余白リセット*/
                    padding: 0;
                    /* 文字の内側余白リセット*/
                }

                .list-cta {
                    overflow: hidden;
                }

                .list-cta-heading {
                    background: #000;
                    display: block;
                    font-size: 18px;
                    color: #0096db;
                    padding: 15px;
                    font-weight: bold;
                    border-radius: 10px 10px 0 0;
                    background: #0096db1f;
                }

                .list-cta-detail {
                    display: flex;
                    flex-wrap: wrap;
                    background: #fffeec;
                    border-radius: 0 0 10px 10px;
                }

                .list-cta-detail__left {
                    max-width: 300px;
                    width: 100%;
                    margin: 20px;
                }

                .list-cta-detail__left small {
                    line-height: 0;
                }

                .list-cta-detail__right {
                    width: calc(100% - 370px);
                    margin-right: 20px;
                    margin-bottom: 15px;
                    font-size: 14px;
                }

                .list-cta-detail__right ul {
                    font-weight: bold;
                }

                .author-name {
                    font-size: 1.1em;
                    font-weight: bold;
                    margin-bottom: 10px;
                }

                .author-box .author-name a {
                    text-decoration: none;
                    color: #333;
                }

                .author-box p {
                    margin-top: 0.3em;
                    line-height: 1.6;
                }

                .author-box p a {
                    text-decoration: none;
                    color: #008cee;
                }

                .author-box p a:hover {
                    text-decoration: underline;
                    color: #008cee;
                }

                .author-box .sns-follow-buttons a.follow-button {
                    font-size: 20px;
                    width: 40px;
                    height: 40px;
                    border-radius: 50%;
                    border: none;
                    margin-bottom: 4px;
                    margin-right: 8px;
                    background: none;
                    color: #fff;
                }

                .author-box a.follow-button span {
                    line-height: 40px;
                }

                .author-box a.follow-button span::before {
                    font-size: 22px;
                }

                .author-box .icon-twitter-logo::before {
                    font-family: FontAwesome;
                    content: "\f099"
                }

                .author-box .icon-facebook-logo::before {
                    font-family: FontAwesome;
                    content: "\f09a";
                }

                .author-box .icon-instagram-new::before {
                    font-family: FontAwesome;
                    content: "\f16d";
                }

                .author-box .icon-hatebu-logo::before {
                    font-family: Verdana;
                    content: 'B!';
                    font-weight: bold;
                }

                .author-box .icon-google-plus-logo::before {
                    font-family: FontAwesome;
                    content: "\f0d5";
                }

                .author-box .icon-youtube-logo::before {
                    font-family: FontAwesome;
                    content: "\f167";
                }

                .author-box .icon-pinterest-logo::before {
                    font-family: FontAwesome;
                    content: "\f231";
                }

                .author-box .icon-amazon-logo::before {
                    font-family: FontAwesome;
                    content: "\f270";
                }

                .author-box .icon-github-logo::before {
                    font-family: FontAwesome;
                    content: "\f09b";
                }

                .author-box .website-button {
                    background-color: #47555c !important;
                }

                .author-box .twitter-button {
                    background-color: #1da1f2 !important;
                }

                .author-box .facebook-button {
                    background-color: #3b5998 !important;
                }

                .author-box .hatebu-button {
                    background-color: #2c6ebd !important;
                }

                .author-box .google-plus-button {
                    background-color: #dd4b39 !important;
                }

                .author-box .instagram-button {
                    background: #e1306c !important;
                }

                .author-box .youtube-button {
                    background-color: #ef1515 !important;
                }

                .author-box .flickr-button {
                    background-color: #0063dc !important;
                }

                .author-box .pinterest-button {
                    background-color: #bd081c !important;
                }

                .author-box .line-button {
                    background-color: #00c300 !important;
                }

                .author-box .amazon-button {
                    background-color: #ff9900 !important;
                }

                .author-box .rakuten-room-button {
                    background-color: #c42e7f !important;
                }

                .author-box .github-button {
                    background-color: #333 !important;
                }

                .author-box .feedly-button {
                    background-color: #2bb24c !important;
                }

                .author-box .rss-button {
                    background-color: #f26522 !important;
                }

                .author-box .soundcloud-button {
                    background-color: #ff7700 !important;
                }
                .author-box .author-other{
                    margin-left: 200px;
                }
                .author-box .author-other a{
                    display: inline-block;
                    font-size: 1.1em;
                    padding-right: 1em;
                }
                #main .author-box {
                    border: none;
                    border-radius: 3px;
                    margin: 1em 0;
                    line-height: 1.4;
                    position: relative;
                    padding: 1.4% 2% 1.8% 0;
                    box-shadow: 0 5px 20px -5px rgba(105, 115, 131, .35);
                }

                #main .author-widget-name {
                    display: inline-block;
                    position: relative;
                    margin: 10px 0 0 -180px;
                    padding: 6px 12px;
                    border-radius: 20px;
                    background: #eaedf2;
                    color: #555;
                    font-size: 14px;
                    font-weight: 700;
                    z-index: 1;
                }

                #main .author-widget-name::before {
                    position: absolute;
                    content: '';
                    z-index: -1;
                    bottom: -30px;
                    left: 60px;
                    border: 15px solid transparent;
                    border-top: solid 30px #eaedf2;
                    transform: rotate(-40deg);
                }

                #main .author-thumb {
                    float: left;
                    margin: 0;
                    padding-top: 10px;
                    width: 200px;
                    text-align: center;
                }

                #main .author-thumb img {
                    border: solid 5px #dfe2e8;
                    width: 100px;
                }

                #main .author-content {
                    padding: 10px 30px;
                    margin-left: 130px;
                }

                #main .author-box .author-name {
                    line-height: 1;
                }

                #main .author-box p {
                    font-size: .85em;
                }

                #main .author-nav {
                    text-align: right;
                    font-size: 0.9em;
                    font-weight: bold;
                }

                #main .author-box.supervision {
                    border: 1px solid #00aaeb;
                }

                @media screen and (max-width: 480px) {
                    #main .author-box {
                        margin: 1em 10px;
                        padding: 16px;
                        text-align: center;
                    }
                    #main .author-widget-name {
                        margin: 0;
                    }
                    #main .author-widget-name::before {
                        left: 50px;
                    }
                    #main .author-thumb {
                        float: none;
                        margin: 0;
                        padding-top: 20px;
                        width: 100%;
                    }
                    #main .author-box .author-name {
                        font-size: 14px;
                    }
                    #main .author-content {
                        margin: 10px 0 0 0;
                        padding-left: 0;
                        border: none;
                    }
                    #main .author-box p {
                        font-size: 14px;
                        text-align: center;
                    }
                    #main .author-nav {
                        text-align: center;
                    }
                    #main .author-box .sns-follow-buttons {
                        justify-content: center;
                    }
                    /* アフィリエイト関連 */
                    .temp-content {
                        line-height: 1.5;
                    }
                    .temp-content table {
                        width: 100%;
                        margin-bottom: 1.5em;
                        border: 2px solid #e0e0e0;
                    }
                    .temp-content td {
                        padding: 10px;
                        border: 2px solid #e0e0e0;
                    }
                    .temp-content .borderBox {
                        border: solid 2px #74d9ce;
                    }
                    .temp-content .li-check ul {
                        position: relative;
                        padding: 1em .5em 1em 0.5em;
                        margin-bottom: 0;
                    }
                    .entry-body .li-check ul li::before {
                        content: '';
                        display: inline-block;
                        width: 18px;
                        height: 18px;
                        top: 2px;
                        left: -20px;
                        background: url(https://woman.mynavi.jp/wp-content/uploads/2018/09/ico_check.png) center top;
                        background-size: contain;
                        vertical-align: middle;
                        position: absolute;
                    }
                    .temp-content .box5 {
                        margin: 2em 0;
                        padding: 1em 1em;
                        border: double 5px #4ec4d3;
                        color: #474747;
                        position: relative;
                    }
                    .temp-content .cell {
                        display: table-cell;
                        width: 48%;
                        vertical-align: top;
                    }
                    .temp-content .cell.last {
                        /* padding-left: 2%; */
                        padding-bottom: 20px;
                    } 
                    .entry-body .li-chevron ul li::before {
                        content: '';
                        display: inline-block;
                        width: 18px;
                        height: 18px;
                        top: 2px;
                        left: -26px;
                        background: url(https://woman.mynavi.jp/wp-content/uploads/2018/09/ico_arrow.png) center top;
                        background-size: contain;
                        vertical-align: middle;
                        position: absolute;
                    }
                    .temp-content .ol-circle ol {
                        list-style-type: none !important;
                        padding: 1em .7em;
                        counter-reset: number;
                    }
                    .temp-content ol {
                        margin-bottom: 1.5em;
                        padding: 1.5em 1em 1.5em 2.5em;
                        border: solid 2px #dcdcdc;
                    }
                    .entry-body .temp-content li {
                        line-height: 2.0;
                        list-style: none;
                        padding-left: 2.5em;
                        position: relative;
                    }
                    .temp-content .ol-circle li::before {
                        display: inline-block;
                        position: absolute;
                        left: 0;
                        width: 25px;
                        height: 25px;
                        border-radius: 50%;
                        background: #74d9ce;
                        color: white;
                        font-family: "Quicksand", sans-serif;
                        font-size: 15px;
                        font-weight: bold;
                        text-align: center;
                        vertical-align: middle;
                        line-height: 25px;
                        content: counter(number);
                        counter-increment: number;
                    }
                    .temp-content .box28 {
                        position: relative;
                        margin: 3em 0 2em;
                        padding: 1em 1em;
                        border: solid 3px #62c1ce;
                    }
                    .box28 .box-title {
                        display: inline-block;
                        position: absolute;
                        top: -30px;
                        left: -3px;
                        height: 28px;
                        padding: 0 9px;
                        border-radius: 5px 5px 0 0;
                        background: #62c1ce;
                        color: #fff;
                        font-size: 17px;
                        vertical-align: middle;
                        line-height: 28px;
                    }
                    /************************************
                ** レスポンシブデザイン用のメディアクエリ
                ************************************/
                    /*1023px以下*/
                    @media screen and (max-width: 1023px) {
                        /*必要ならばここにコードを書く*/
                        body {
                            overflow-x: hidden;
                            word-break: break-all;
                            /* 枠からはみ出る際は改行 */
                        }
                        .entry-content .cell.last {
                            display: block;
                            width: 100%;
                            /* padding-left: 2%; */
                        }
                        .entry-content .mod-btn.big-font-btn a {
                            font-size: 16px;
                        }
                        .site-header {
                            width: 100%;
                        }
                        .site-header__inner {
                            margin-left: 25px;
                            width: 100%
                        }
                        .header-search {
                            display: none;
                        }
                        .site-header__tit {
                            width: 210px;
                            padding: 8px 0 0 0px;
                        }
                        .site-header__bnr {
                            padding: 10px 0 25px 5px;
                        }
                        .footer {
                            display: none;
                        }
                        .footer-mobile {
                            display: block;
                            margin-bottom: 30px;
                            text-align: center;
                            font-size: 12px;		
                        }

                        .footer-mobile ul {
                            width: 350px;
                            
                        }
                        .footer-mobile ul li {
                            display: inline;
                            margin: 0 20px;
                        }
                        .footer-mobile ul li a {
                            color: #999;
                        }
                      
                          .temp-content .box5 .cell img {
                            display: block;
                            max-width: 100%;
                            height: auto;
                            margin: 0 auto;
                        
                          }
                         
                    }
                }

                @media screen and (max-width: 1260px) {
                    .sidebar {
                        padding: 15px;
                    }
                  
                      .temp-content .box5 .cell img {
                        max-width: 100%;
                        display: block;
                        margin: 0 auto;
                        height: auto;
                        
                      }
                     
                }


                /*834px以下*/

                @media screen and (max-width: 834px) {
                    .list-cta-detail__left {
                        width: 100%;
                        max-width: auto;
                        text-align: center;
                    }
                    .list-cta-detail__left img {
                        display: block;
                        margin: auto
                    }
                    .list-cta-detail__right {
                        width: 100%;
                        padding: 0 20px;
                        margin-right: 0px;
                    }
                    .list-cta-detail__right .btn {
                        width: 100%;
                    }
                    .site-header__bnr2 a {
                        font-size: 18px;
                    }
                }


                /*480px以下*/

                @media screen and (max-width: 480px) {
                    /*必要ならばここにコードを書く*/
                }


                /*追加*/

                .wrap {
                    overflow: hidden;
                }

                .ac-box>p {
                    margin-top: -20px;
                    margin-bottom: -20px;
                }



                /* テーブルの罫線を 1px の実線に  */
                .entry-content table {
                    width: 100%;
                    margin-bottom: 1.5em;
                    border: 0;
                    border-top: 1px solid #000;
                    border-left: 1px solid #000;
                }

                .temp-content table {
                    width: 100%;
                    margin-bottom: 1.5em;
                    border: 2px solid #e0e0e0;
                }
                .editorStyle table {
                    width: 100%;
                    margin: 15px 0;
                    border-top: 1px solid #e0e0e0;
                    border-right: 1px solid #e0e0e0;
                }
                .editorStyle  ul{
                    border: solid 2px #ffb03f;
                    padding: 0.5em 1em 0.5em 2.3em;
                    position: relative;
                }
                .editorStyle ul li{
                    line-height: 1.5;
                    padding: 0.5em 0;
                    list-style-type: none !important;
                }
                .temp-content table {
                    width: 100%;
                    margin-bottom: 1.5em;
                    border: 2px solid #e0e0e0;
                }
                table {
                    width: 100%;
                }
                table {
                    background-color: transparent;
                }

                table {
                    border-collapse: collapse;
                    border-spacing: 0;
                }

                .entry-content td {
                    padding: 10px;
                    background-color: #FFF;
                    border: 0;
                    border-right: 2px solid #e0e0e0;;
                    border-bottom: 2px solid #e0e0e0;;
                }

                .scrollable-table table {
                    border-collapse: separate;
                }

                .scrollable-table.stfc-sticky tr > *:first-child {
                    border: 0;
                    border-right: 1px solid black;
                    border-bottom: 1px solid black;
                    background-color: #FFF;
                    background-clip: padding-box;
                    z-index: 0;
                }

                /* 罫線削除 */
                .entry-content ol {
                    border: 0;
                }

                .entry-content ol li {
                    border-bottom: 0;
                }
                /* 番号のズレ修正 */
                .entry-content ol li:before {
                    top: 5px;
                }

                .toc ol li:before {
                    content: '';
                    background-color: transparent;
                    width: 0;
                    height: 0;
                }
                .toc ol li {
                    padding-left: 1em;
                    font-size:15px;
                    font-weight:bold;
                }
                .toc ol li ol li{
                    font-size:13px;
                    font-weight: normal;
                }

                .toc-list > li > a {
                    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
                    font-weight: bold;
                }

                @media screen and (min-width: 1024px) {
                    #main {
                        width: 70% !important;
                        margin: 0 auto;
                    }
                }
                @media screen and (max-width:834px) {
                    .toc{
                        padding-left: 0;
                        padding-right: 0;
                    }
                    .toc ol li {
                        font-size:13px;
                    }
                    .toc ol li ol li{
                        font-size:12px;
                    }
                }
                @media screen and (max-width: 320px) {
                    .site-header__inner {
                        margin-left: 0px;
                    }
                    .site-header__tit {
                        width: 170px;
                        padding: 10px 0 0 0px;
                    }
                        
                }


                .mod-btn {
                    position: relative;
                }
                .mod-btn::before{
                    content: " ";
                    position: absolute;
                    z-index: 2;
                    right: -10px;
                    top: -10px;
                    background-image: url(../img/woman_sprite.png);
                    background-position: -406px -53px;
                    width: 53px;
                    height: 51px;
                }

                @media screen and (min-width: 1260px) {
                    .entry-content .cell{
                        width: 200px;
                        max-width: 100%;
                        vertical-align: top;
                        float: left;
                        margin-right: 2%;
                    }
    
                
                    .cell.last{
                    width: calc(100% - 220px);
                    margin-right: 0;
                    padding-left: 0 !important;
                    float: left;
                }

                .temp-content .box5 .cell.last:first-child {
                    width: 100%;
                    float: none;
                    margin-right: 0;
                }
                
                }

                .li-chevron li-mainbdr main-c-before{
                    width: auto;
                }
               
                
                /* 以下から編集を加えた。ボックス全体のスタイル */
				.entry-content .ep-box ul {
					background-color: #f5f9fc;
					list-style: none;
					padding: 20px 30px;
					margin: 0;
					border: none;
				}

/* 新しいコード */
.entry-content .ep-inbox {
    color: white;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

/* 青色のスタイルを個別に定義 */
.entry-content .ep-inbox.bgc-Lsky {
    background-color: #87ceeb; /* 水色の背景 */
}

/* ピンク色のスタイルを個別に定義 */
.entry-content .ep-inbox.bgc-Lmagenta {
    background-color: #ffb6c1; /* ピンク色の背景 */
}

                /* リスト部分のスタイル */
                .entry-content .ep-box ul {
                    list-style: none;
                    padding: 20px 30px;
                    margin: 0;
                    border: none;
                }

                /* リストアイテムのスタイル */
                .entry-content .ep-box li {
                    position: relative;
                    padding-left: 20px;
                    margin-bottom: 10px;
                }


                /* 最後のリストアイテムのマージンを削除 */
                .entry-content .ep-box li:last-child {
                    margin-bottom: 0;
                }


				/* アコーディオンボックスの実装（口コミのため） */
				/* アコーディオンボックスのスタイル */
                .accordionBox {
                    margin: 20px 0;
                }

				/* アコーディオンのタイトル部分の色を修正 */
                .accordionBox dt {
                    background-color: #f5f5f5; /* 白っぽいグレー */
                    color: #333; /* 文字色も黒っぽく */
                    padding: 15px;
                    cursor: pointer;
                    position: relative;
                    font-weight: bold;
                }

                /* プラス/マイナスアイコン */
                .accordionBox dt::after {
                    content: '+';
                    font-size: 24px;
                    color: black;
                    position: absolute;
                    right: 15px;
                }

                /* 開いているときのアイコン */
                .accordionBox dt.active::after {
                    content: '-';
                }

				/* アコーディオンのコンテンツ部分 */
                .accordionBox dd {
                    padding: 20px;
                    background-color: #ffffff;
                }

                /* 吹き出しのスタイル調整 */
                .word_balloon {
                    position: relative;
                    background: #ffffff;
                    border-radius: 4px;
                    padding: 20px;
                    margin: 20px 0;
                    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
                }

                /* 引用元のスタイル */
                .quote {
                    text-align: right;
                    margin-top: 8px;
                    font-size: 12px;
                }

                .quote a {
                    color: #0066cc;
                    text-decoration: none;
                }

                /* 背景色クラス */
                .bgc-Lpink {
                    background-color: #e8c6c6;
                }

                .bgc-white {
                    background-color: #ffffff;
                }

                /* テキスト色クラス */
                .ftc-white {
                    color: white;
                }

				/* ボックスと文字の間に隙間を設ける */
                .ep-box-content {
                    padding: 20px 30px;
                }

                .bgc-VPsky .ep-box-content {
                    background-color: #f5f9fc;
                }


/* タグ付きボックスのスタイル */
                .ep-box.es-Bicon {
                    background-color: #fff5eb; /* 薄いオレンジの背景 */
                    padding: 20px 20px 20px 50px; /* 左側にアイコン用の余白 */
                    position: relative;
                    margin: 20px 0;
                }

/* タグアイコン */
                .icon-tag::before {
                    content: '\f02b'; /* FontAwesomeのタグアイコン */
                    font-family: FontAwesome;
                    position: absolute;
                    left: 15px;
                    top: 20px;
                    font-size: 24px;
                    color: #333;
                    transform: scaleX(-1); /* 水平方向に反転 */					
                }

                /* 都道府県リストのテキストスタイル */
                .ep-box .small {
                    display: block;
                    margin-top: 10px;
                    font-size: 14px;
                    line-height: 1.6;
                    color: #333;
                }

                /* タイトル部分のスタイル */
                .ep-box strong {
                    font-size: 16px;
                    color: #333;
                }

				.marker-halfYellow {
                    background: linear-gradient(transparent 60%, #ffff66 60%);
                }

/* ep-boxの目次用スタイル */
.ep-box ol.index-list {
    padding: 25px 30px;
    margin: 0;
    counter-reset: number;
}

.ep-box ol.index-list li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    line-height: 1.5;
	font-size: 16px;
}

.ep-box ol.index-list li:before {
    counter-increment: number;
    content: counter(number);
    position: absolute;
    left: 0;
    color: #ffffff;    /* 数字の色を白に */
    font-weight: bold;
    top: 0;
}

/* 目次のリンクスタイル */
.ep-box ol.index-list li a {
    color: #0099ff;    /* ボックスのテーマに合わせた青色 */
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
}

/* ホバー時のスタイル */
.ep-box ol.index-list li a:hover {
    color: #007acc;    /* より濃い青色に */
    text-decoration: underline;
}

/* 訪問済みリンクのスタイル */
.ep-box ol.index-list li a:visited {
    color: #551A8B;    /* 訪問済みも青系統に */
}

/* 黄色のボックススタイル */
.box8 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}

.box8 p {
    margin: 0;
    padding: 0;
}

/* リンクのデフォルトスタイル */
.box8 a {
    color: #000;
    text-decoration: none;
}

.box8 a:hover {
    text-decoration: underline;
}

/* 目次用の番号付きリストスタイル */
.box8 ol {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: number;
}

.box8 ol li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    position: relative;
}

.box8 ol li:before {
    counter-increment: number;
    content: counter(number);
    background-color: #0099ff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 14px;
    margin-right: 10px;
}

/* 目次用リンクの特別スタイル */
.box8 ol li a {
    color: #0066cc;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
}

.box8 ol li a:hover {
    color: #003d7a;
    text-decoration: underline;
}

.box8 ol li a:visited {
    color: #551A8B;
}

.box8 ol li:last-child {
    margin-bottom: 0;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    .box8 ol li a {
        font-size: 14px;
    }
}

/* 以下はQ&Aのためのアコーディオンボックス用コード /
/* Q&Aアコーディオンのスタイル */
.qa-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.qa-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 15px 20px;
    background-color: #f5f5f5;
}

.qa-item {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;
}

.qa-question {
    position: relative;
    padding: 20px 40px 20px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    background-color: #fff;
    transition: background-color 0.3s ease;
}

.qa-question::before {
    content: '+';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #666;
    transition: transform 0.3s ease;
}

.qa-question.active::before {
    content: '-';
}

.qa-answer {
    display: none;
    padding: 20px;
    font-size: 15px;
    line-height: 1.6;
    color: #666;
    background-color: #f9f9f9;
}

/* ホバー効果 */
.qa-question:hover {
    background-color: #f5f5f5;
}

/* カラムレイアウト */
.column-2 {
    display: flex;
    gap: 20px;  /* カラム間の隙間 */
    margin: 20px 0;
}

.column__item {
    flex: 1;  /* 均等に幅を分配 */
}

/* 背景色 */
.bgc-VPsky {
    background-color: #f0f8ff;  /* 薄い青色の背景 */
}

/* ピンク系の背景色 */
.bgc-VPmagenta {
    background-color: #fff0f5;  /* 薄いピンク色の背景 */
}

.bgc-Lmagenta {
    background-color: #ffb6c1;  /* ヘッダーのピンク色 */
}

/* レスポンシブ対応 */
@media screen and (max-width: 768px) {
    .column-2 {
        flex-direction: column;  /* スマホ表示では縦並びに */
    }
    
    .column__item {
        margin-bottom: 20px;
    }
}