body.template-article{background:#fff;overflow-x:hidden;overflow-x:clip}html:has(body.template-article){overflow-x:hidden}#fv-loading-icon{box-sizing:border-box!important;width:100%!important;max-width:100%!important;left:0!important;right:0!important}body.template-article .main-blog-with-sidebar{display:flex;flex-direction:column;max-width:none;width:100%;padding-left:0;padding-right:0;padding-top:0!important}body.template-article .left_sideitem{order:2;display:block!important;box-sizing:border-box;width:min(620px,calc(100% - 40px));max-width:620px;margin:0 auto 112px!important;padding:0!important;color:#0f1419!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;letter-spacing:0!important}body.template-article .article-template{order:1;display:flex;flex-direction:column;width:100%;margin:0 auto!important;padding:48px 0 56px}body.template-article .article_content_area{display:contents}body.template-article .article_content_area,body.template-article .article_content_area>.page-width,body.template-article .article_ttitle,body.template-article #blog-content{box-sizing:border-box;width:min(620px,calc(100% - 40px));max-width:620px;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}body.template-article .card__badge{display:none!important}body.template-article .tag-badge{border:0;border-radius:999px;background:#f5f5f5;color:#6b6b6b;display:inline-flex;align-items:center;min-height:28px;padding:5px 11px;font-size:12px;line-height:1.3;letter-spacing:0}body.template-article .article_ttitle{order:2;margin-top:72px!important;margin-bottom:0!important;line-height:1.5;color:#0f1419!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;letter-spacing:0!important}body.template-article .article-template__title{margin:0!important;color:#0f1419!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;font-size:32px!important;font-weight:700!important;line-height:1.5!important;letter-spacing:0!important}body.template-article .article-template__title:after{content:"\2661  " var(--note-like-count, "8370");display:block;margin:14px 0 0!important;color:#425466!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.45!important;letter-spacing:0!important}body.template-article .b_date{display:block;position:relative;box-sizing:border-box;min-height:32px;margin-top:18px!important;padding:17px 0 0 40px!important;background-image:url(https://nanajuni.jp/cdn/shop/files/userimage_100x100.webp?v=1741414022);background-repeat:no-repeat;background-position:left top;background-size:32px 32px;color:#425466!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;font-size:12px!important;font-weight:400!important;line-height:1.35!important;letter-spacing:0!important;text-transform:none!important;writing-mode:horizontal-tb!important;transform:none!important}body.template-article .b_date:before{content:"\897f\6751\606d\5e73";position:absolute;top:0;left:40px;display:block;max-width:calc(100% - 40px);overflow:hidden;color:#0f1419!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;font-size:13px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:0!important;text-overflow:ellipsis;white-space:nowrap}body.template-article .b_date:after{content:" \30d5\30a9\30ed\30fc\3059\308b";display:inline!important;color:#66717c!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;font-size:12px!important;font-weight:400!important;line-height:1.35!important;letter-spacing:0!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:2px!important}body.template-article .article_content_area>.page-width:first-child{order:1}body.template-article .article_content_area .author_heading{order:4;display:block!important;box-sizing:border-box;width:min(620px,calc(100% - 40px));max-width:620px;margin:112px auto 0!important;padding:0!important;background:transparent!important;border:0!important;color:#0f1419!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;letter-spacing:0!important}body.template-article .article_content_area .author_heading .h4{margin:0!important;padding:0!important;color:#0f1419!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;font-size:13px!important;font-weight:700!important;line-height:1.5!important;letter-spacing:.08em!important}body.template-article .article_content_area .author-box{order:5;display:grid!important;grid-template-columns:56px minmax(0,1fr);column-gap:14px;align-items:start;box-sizing:border-box;width:min(620px,calc(100% - 40px));max-width:620px;margin:14px auto 0!important;padding:18px 0!important;background:transparent!important;border-top:1px solid #e6e9ec!important;border-bottom:1px solid #e6e9ec!important;color:#0f1419!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;letter-spacing:0!important}body.template-article .article_content_area .author-avatar{display:block!important;width:56px!important;height:56px!important;margin:0!important;padding:0!important}body.template-article .article_content_area .author-avatar img{display:block!important;width:56px!important;height:56px!important;margin:0!important;border-radius:50%!important;object-fit:cover!important}body.template-article .article_content_area .author-info{min-width:0;margin:0!important;padding:0!important;color:#0f1419!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important}body.template-article .article_content_area .author_item{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0 0 6px!important;padding:0!important;color:#0f1419!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;line-height:1.5!important}body.template-article .article_content_area .author_name{color:#0f1419!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1.5!important;letter-spacing:0!important}body.template-article .article_content_area .author_title{color:#66717c!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;font-size:12px!important;font-weight:400!important;line-height:1.5!important;letter-spacing:0!important}body.template-article .article_content_area .author-info p{margin:0!important;padding:0!important;color:#425466!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;font-size:13px!important;font-weight:400!important;line-height:1.75!important;letter-spacing:0!important}body.template-article .article-template__hero-adapt.media{height:auto!important;max-height:none!important;aspect-ratio:620 / 325;padding-bottom:0!important;border-radius:0;overflow:hidden;background:#f5f5f5}body.template-article .article-template__hero-adapt.media>img{width:100%;height:100%;object-fit:cover;object-position:center center}body.template-article #blog-content{order:3;margin-top:56px!important;margin-bottom:0!important;color:#0f1419!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;font-size:18px!important;font-weight:400!important;line-height:2.1!important;letter-spacing:0!important}body.template-article .article-template .scroll-trigger{opacity:1!important;transform:none!important;animation:none!important}body.template-article #blog-content .wmd-preview-section,body.template-article #blog-content .preview-content{margin:0!important;padding:0!important;border:0!important}body.template-article #blog-content p{margin:0 0 36px!important;padding:0!important;color:#0f1419!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;font-size:18px!important;font-weight:400!important;line-height:37.8px!important;letter-spacing:0!important;text-align:left!important}body.template-article #blog-content p+p{margin-top:0!important}body.template-article #blog-content h2{margin:3.25em 0 .9em!important;padding:0!important;border:0!important;background:transparent!important;color:#0f1419!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;font-size:28px!important;font-weight:700!important;line-height:1.55!important;letter-spacing:0!important;text-align:left!important}body.template-article #blog-content h3{margin:2.75em 0 .9em!important;padding:0!important;border:0!important;background:transparent!important;color:#0f1419!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;font-size:24px!important;font-weight:700!important;line-height:1.6!important;letter-spacing:0!important;text-align:left!important}body.template-article #blog-content h2 strong,body.template-article #blog-content h3 strong{font-weight:inherit}body.template-article #blog-content span{color:#0f1419!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:0!important}body.template-article #blog-content p span,body.template-article #blog-content p strong,body.template-article #blog-content p a{color:inherit!important;font-family:inherit!important;font-size:inherit!important;font-weight:inherit;line-height:inherit!important;letter-spacing:inherit!important}body.template-article #blog-content ul,body.template-article #blog-content ol{margin:0 0 2em!important;padding-left:1.55em!important;color:#0f1419!important;font-size:18px!important;line-height:2.1!important}body.template-article #blog-content li{margin:0 0 .75em!important;padding-left:.15em;color:#0f1419!important;font-size:18px!important;line-height:2.1!important}body.template-article #blog-content a{color:#0969da;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}body.template-article #table-of-contents{box-sizing:border-box;width:100%;margin:72px 0 88px!important;padding:18px 16px!important;background:#f7f9fa!important;border:0!important;border-radius:0!important;color:#0f1419!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important}body.template-article #table-of-contents:before{content:"\25be  \76ee\6b21";display:block;margin:0 0 14px!important;color:#273340!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1.5!important;letter-spacing:0!important}body.template-article #table-of-contents ul,body.template-article #table-of-contents ol{list-style:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}body.template-article #table-of-contents li{list-style:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#425466!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:1.6!important}body.template-article #table-of-contents>ul>li{border-bottom:1px solid #d9dee3!important}body.template-article #table-of-contents>ul>li:last-child{border-bottom:0!important}body.template-article #table-of-contents a{display:block!important;padding:10px 0!important;color:#425466!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:1.6!important;letter-spacing:0!important;text-decoration:none!important;border:0!important;background:transparent!important}body.template-article #table-of-contents a:hover{color:#0f1419!important;text-decoration:none!important}body.template-article #table-of-contents .toc-h3,body.template-article #table-of-contents .toc-h2>ul{display:none!important}body.template-article #blog-content table{display:table;width:100%;margin:2.5em 0;border-collapse:collapse;font-size:15px;line-height:1.8}body.template-article #blog-content th,body.template-article #blog-content td{border:1px solid #dedbd5;padding:12px 14px;vertical-align:top}body.template-article #blog-content th{background:#f5f3ef;color:#2a2927;font-weight:700}body.template-article .left_sideitem>.title--primary,body.template-article .left_sideitem>.blog-tags-menu:not(.side_post_item){display:none!important}body.template-article .left_sideitem .widget{display:block!important;box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;padding:22px 0 0!important;background:transparent!important;border:0!important;border-top:1px solid #e6e9ec!important;color:#0f1419!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important}body.template-article .left_sideitem .block_box{display:block!important;margin:0 0 20px!important;padding:0!important;border:0!important;background:transparent!important;color:#0f1419!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;font-size:0!important;font-weight:700!important;line-height:1.5!important;letter-spacing:0!important}body.template-article .left_sideitem .block_box:before{content:"\3053\3061\3089\3082\304a\3059\3059\3081";color:#0f1419!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1.5!important}body.template-article .left_sideitem .side_post_item{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}body.template-article .left_sideitem .side_post_item ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:36px;list-style:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}body.template-article .left_sideitem .side_post_item li{position:relative;display:block!important;box-sizing:border-box;min-height:0;margin:0!important;padding:0 0 26px!important;border:0!important;background:transparent!important}body.template-article .left_sideitem .side_post_item li:last-child{border:0!important}body.template-article .left_sideitem .side_post_item .side_image{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16 / 9;margin:0 0 10px!important;border-radius:6px!important;object-fit:cover!important;object-position:center center!important;background:#f2f3f5!important}body.template-article .left_sideitem .side_post_item .item_title,body.template-article .left_sideitem .side_post_item .item_excerpt{min-width:0;margin:0!important;padding:0!important;border:0!important;background:transparent!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;letter-spacing:0!important}body.template-article .left_sideitem .side_post_item .item_title a{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#0f1419!important;font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important;font-size:16px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:0!important;text-decoration:none!important}body.template-article .left_sideitem .side_post_item .item_title a:hover{color:#0f1419!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:3px!important}body.template-article .left_sideitem .side_post_item .item_excerpt{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-top:8px!important;color:#6b7280!important;font-size:12px!important;font-weight:400!important;line-height:1.5!important}body.template-article .left_sideitem .side_post_item li:before{content:"..."!important;position:absolute;right:0;bottom:0;display:block!important;color:#8a949e;font-family:YakuHanJPs,Arial,Meiryo,sans-serif;font-size:18px;font-weight:700;line-height:1;letter-spacing:0}body.template-article .left_sideitem .side_post_item li:after{content:"\2661  " var(--note-related-like-count, "41") "\3000\25b1"!important;position:absolute;left:0;bottom:0;display:block!important;color:#8a949e;font-family:YakuHanJPs,Arial,Meiryo,sans-serif;font-size:18px;font-weight:400;line-height:1;letter-spacing:0}body.template-article .left_sideitem .side_post_item li:nth-child(1){--note-related-like-count: "41"}body.template-article .left_sideitem .side_post_item li:nth-child(2){--note-related-like-count: "6"}body.template-article .left_sideitem .side_post_item li:nth-child(3){--note-related-like-count: "64"}body.template-article .left_sideitem .side_post_item li:nth-child(4){--note-related-like-count: "107"}body.template-article .left_sideitem .side_post_item li:nth-child(5){--note-related-like-count: "7"}body.template-article .left_sideitem .side_post_item li:nth-child(6){--note-related-like-count: "3"}body.template-article .left_sideitem .side_post_item li:nth-child(7){--note-related-like-count: "28"}body.template-article .left_sideitem .side_post_item li:nth-child(8){--note-related-like-count: "43"}body.template-article .bottom_ads_banner_area,body.template-article .bottom_ads_banner{display:none!important}@media screen and (max-width:639px){body.template-article .article-template{padding-top:32px;padding-bottom:48px}body.template-article .article_content_area,body.template-article .article_content_area>.page-width,body.template-article .article_ttitle,body.template-article #blog-content,body.template-article .card__badge{width:calc(100% - 36px)}body.template-article .article_ttitle{margin-top:44px!important}body.template-article .article-template__title{font-size:28px!important;line-height:1.5!important}body.template-article #blog-content{margin-top:44px!important;font-size:16px!important;line-height:2.05!important}body.template-article #blog-content p{margin-bottom:32.8px!important;font-size:16px!important;line-height:32.8px!important}body.template-article #blog-content ul,body.template-article #blog-content ol,body.template-article #blog-content li{font-size:16px!important;line-height:2.05!important}body.template-article #blog-content h2{font-size:24px!important}body.template-article #blog-content h3{font-size:21px!important}body.template-article .left_sideitem{width:calc(100% - 24px);margin-bottom:72px!important}body.template-article .left_sideitem .widget{padding-top:20px!important;border-top:0!important}body.template-article .left_sideitem .block_box{margin-bottom:14px!important}body.template-article .left_sideitem .side_post_item ul{display:block!important}body.template-article .left_sideitem .side_post_item li{display:grid!important;grid-template-columns:minmax(0,1fr) 94px;grid-template-rows:auto auto 18px;column-gap:12px;row-gap:3px;align-items:start;min-height:92px;padding:10px 0 9px!important;border-bottom:1px solid #e6e9ec!important}body.template-article .left_sideitem .side_post_item .side_image{grid-column:2;grid-row:1 / 4;width:94px!important;height:70px!important;aspect-ratio:auto;margin:0!important;border-radius:4px!important}body.template-article .left_sideitem .block_box:before{font-size:14px!important}body.template-article .left_sideitem .side_post_item .item_title a{font-size:13.5px!important;line-height:1.35!important}body.template-article .left_sideitem .side_post_item .item_excerpt{grid-column:1;grid-row:2;margin-top:0!important;font-size:11.5px!important;line-height:1.45!important}body.template-article .left_sideitem .side_post_item li:before{position:static;grid-column:2;grid-row:3;align-self:end;justify-self:end;font-size:16px;line-height:1}body.template-article .left_sideitem .side_post_item li:after{position:static;grid-column:1;grid-row:3;align-self:end;font-size:15px;line-height:1}}@media screen and (max-width:479px){body.template-article .left_sideitem .side_post_item ul{display:block!important}}body.template-article #blog-content #table-of-contents,body.template-article #blog-content #table-of-contents *{font-family:YakuHanJPs,Arial,Meiryo,sans-serif!important}body.template-article #blog-content #table-of-contents ul,body.template-article #blog-content #table-of-contents ol,body.template-article #blog-content #table-of-contents li{font-size:14px!important;line-height:1.6!important}body.template-article #blog-content #table-of-contents a{color:#425466!important;font-size:14px!important;font-weight:400!important;line-height:1.6!important;text-decoration:none!important}body.template-article #blog-content #table-of-contents .toc-h3,body.template-article #blog-content #table-of-contents .toc-h2>ul,body.template-article #blog-content #table-of-contents .toc-h2>ul *{display:none!important}@media screen and (max-width:540px){body.template-article .article-template .b_date{display:block!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/nanajuni-note-article.css.map */