@charset "UTF-8";
/* -------------------------------------------------------
基本設定
---------------------------------------------------------- */
html { font-size: 62.5%; /* 1rem = 10px */ width: 100%; }
body { font-family: "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.6; margin: 0; padding: 0; color: #111; letter-spacing: 0.5px; background: #fff; font-size: 1.6rem; }
@media only screen and (max-width: 1000px) { body { min-width: 1040px; } }
img { max-width: 100%; }
a { text-decoration: none; color: #111; }
/* リセット追記 */
/* -------------------------------------------------------
common
---------------------------------------------------------- */
.clearfix:after, .cf:after { content: " "; display: block; clear: both; }
.inner { margin: 0 auto; width: 1000px; }
.heading { font-size: 14px; color: #e4005a; border-bottom: 1px solid rgba(162, 145, 108, 0.55); margin-bottom: 10px; padding-bottom: 7px; line-height: 1; }
.wrapper { border-top: 18px solid #e4005a; padding-top: 10px; width: 100%; }
.ofi { -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; }
.zoom img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.zoom:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.tag { font-size: 12px; color: #e4005a; border: 1px solid #e4005a; line-height: 20px; padding: 0 .5em; display: inline-block; margin-right: 8px; margin-bottom: 8px; }
.tag--gray { color: #999; border: 1px solid #999; }
.billboard { text-align: center; margin: 20px auto 0; }
.c-article-flag { text-align: right; font-size: 11px; margin-top: .6em; color: #000; }
/* -------------------------
header
-------------------------- */
.header { margin: 0 auto; width: 1000px; }
.header-top { position: relative; overflow: hidden; }
.header-bottom { padding-top: 20px; overflow: hidden; }
.header__info { float: right; text-align: right; line-height: 1; }
.header__info-list { display: inline-block; margin-left: 1em; }
.header__info-link { font-size: 13px; color: #e4005a; }
.header__sns { text-align: right; position: absolute; right: 0; bottom: 0; }
.header__sns-list { display: inline-block; margin-left: 10px; }
.header__sns-link { display: block; width: 25px; }
.header__sns-image { display: block; margin: 0 auto; }
.header__logo { margin: 27px 0 0 0; float: left; }
.header__logo-copy { font-size: 16px; font-family: "UD Digi Kyokasho NP-R", 'YuKyo_Yoko-Medium', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; display: block; line-height: 1; margin: 0 0 8px 5px; }
.header__logo-copy--small { font-size: 10px; font-family: "UD Digi Kyokasho N-R"; font-weight: 400; margin: 0 0 5px 5px; }
.header__logo-image { width: 260px; display: block; }
.header__logo-image--small { width: 240px; font-size: 10px; }
.header-nav { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -1px; }
.header-nav__link { font-size: 14px; display: block; padding: 0 .6em; line-height: 33px; color: #000; font-weight: bold; margin-left: 1px; border-radius: 5px 5px 0 0; }
.header-nav__link.current { color: #fff; }
.header-nav__link--pink { border-bottom: 7px solid #e663b3; }
.header-nav__link--pink:hover { background-color: rgba(230, 99, 179, 0.15); }
.header-nav__link--pink.current { background-color: #e663b3; }
.header-nav__link--orange { border-bottom: 7px solid #f08f6c; }
.header-nav__link--orange:hover { background-color: rgba(240, 143, 108, 0.15); }
.header-nav__link--orange.current { background-color: #f08f6c; }
.header-nav__link--yellow { border-bottom: 7px solid #d7c75b; }
.header-nav__link--yellow:hover { background-color: rgba(215, 199, 91, 0.15); }
.header-nav__link--yellow.current { background-color: #d7c75b; }
.header-nav__link--green { border-bottom: 7px solid #9bcea5; }
.header-nav__link--green:hover { background-color: rgba(155, 206, 165, 0.15); }
.header-nav__link--green.current { background-color: #9bcea5; }
.search { float: right; width: 300px; border-bottom: 1px solid rgba(162, 145, 108, 0.55); }
.backnumber-header .search { border-bottom-color: #e4005a; }
.search__icon { width: 35px; height: 35px; display: inline-block; background: url(/common/fujinkoron/images/v1/common/search-black.png) no-repeat center; background-size: 22px; text-indent: 100%; overflow: hidden; white-space: nowrap; padding: 0; cursor: pointer; border-style: none; }
.backnumber-header .search__icon { background-image: url(/common/fujinkoron/images/v1/common/search-gray.png); }
.search__text { width: calc(100% - 35px); float: left; padding: 0 .5em; margin: 9px 0; font-size: 13px; }
.search__text:focus { outline: 0; }
/* -------------------------
footer
-------------------------- */
.footer { margin-top: 100px; }
.footer__bottom { border-top: 1px solid rgba(162, 145, 108, 0.55); padding: 10px 0 25px; margin-top: 10px; }
.footer__copyright { text-align: right; display: block; color: #666; font-size: 11px; line-height: 1; }
.footer__logo-copy { font-size: 10px; font-family: "UD Digi Kyokasho NP-R", 'YuKyo_Yoko-Medium', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: 400; margin: 0 0 5px 5px; }
.footer__logo-image { width: 240px; font-size: 10px; display: block; }
.company-logo { text-align: right; display: block; }
.company-logo__image { width: 120px; }
.footer-menu { float: left; font-size: 0; }
.footer-menu__list { display: inline-block; list-style: none; font-size: 11px; color: #000; margin-right: 1.5em; }
.to-top { position: fixed; right: 30px; bottom: 80px; width: 50px; height: 50px; z-index: 100; display: none; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsBAMAAACLU5NGAAAAHlBMVEX////nAHLkAF7kAFrlAF/nAHLlAGLlAGHnAHPnAHK9BQKqAAAACnRSTlMAUv3//EP2+ENQDLrn6QAAAzpJREFUeAHswQEJAAAAAqD6f7odgRoAAAAAAAAAAE50zNABCYAAFMXACrIGHxu4/t3ktViD454ki0tmvV+xC71ilga7UL1iVrALDXYtK9iFBruWFexCg13LCnahwa5lBbvQYNeygl1osGtZwS402LWsYBca7FpWsOsnxg4JKgqgMIw9slCBCng60L8DaMzhTnx/hcn9Yh1cS6wB14E15zqwBlwH1oDrwDq4RlgH1wrr4BphHVwzrJtrj3Vz7bFGXCfWhOvGurk2WDfXBGvA9RfLuXos53Is4MqxnKvHci7HAq4cy7l6LOdyLOfqsZyrx3Iux+q5HKvnEizncqyey7F6LsJyLsfquRzLuRyr53KsnsuxnMuxei7H6rkcy7kcq+dyLOdyrJ7LsXoux3Iux+q5COvj/QFXh/UZbCpgfb094OqwinwGrNcr4AKsgguwAi7AKrgAK+ACrIoLsBIuwCq4ACvhAqyCC7ASLsAquAAr4QKsgguwCi7ACrgEK+ACrIBLsAIuwAq4BCvgcizhCrCIK8ASrgCLuAIs4QqwiCvAEq4Ai7gCLOEKsIgrwBKuAIu4AizhCrCIK8ASrgDLuRyr5nIs54qxnMuxUi7Hcq4ci7gCLOEKsIgrwBKuAIu4AizhCrCIK8ASrgCLuAIs4QqwiCvAEq4Ai7gCLOEKsIgrwBKuAIu4AizhCrCIK8ASrgBLuAIs4CqwgCvAAq4CC7gCLOAqsIArwAKuAgu4AizgKrCAK8ACrgILuAos4Pr+P9YPL3RohEAUQDHwm6sJzYCggFcQpSPjLqhUsDPbdT3O6qx/up7nemVZdBn5PWeeVXd9zqEryKLLsugqsqSLLLqKLOkii64gS7rIoivIki6y6AqypIss6SKr6yKLriJLusiiK8miS7LoarLoEpKuJIsuIZdm0SUkXUkWXUIuzaJLSLqSLLqEXJpFl5B0JVl0Cbkyiy4h6Qqy6HJyWRZdQtLVZNHl5LIsuoSkq8miy8llWXRBSleTRZeTy7Logrzp6rLocnJZFl2QN11dFl1Orsuiy8nrXWXR9ZMKEVaGAtqDQwIAABgIQtffr+9avAIaqwsAAAAAAAAAgKkHohReuJIkNKYAAAAASUVORK5CYII='); background-size: 50px; text-indent: 100%; white-space: nowrap; overflow: hidden; cursor: pointer; }
/* -------------------------
layout
-------------------------- */
.content {margin-left:auto;    
     margin-right:auto;   
     text-align:left;     
     width:640px; }
/* -------------------------
main-column
-------------------------- */
.main-column { width: 640px; float: left; }
.headline { margin: 30px 0 40px; }
.headline--cat { margin: 0 0 30px; }
.headline:after { content: " "; display: block; clear: both; }
.headline__images { width: 420px; height: 236px; font-size: 0; float: left; }
.headline__image { list-style: none; width: 420px; height: 236px; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; }
.headline__image > img { border-radius: 5px; max-width: 100%; max-height: 100%; }
.headline__titles { float: right; width: calc(100% - 420px); height: 236px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.headline__text { list-style: none; width: 100% !important; height: 118px !important; position: relative; }
.headline__text--new::after { position: absolute; bottom: 9px; right: -9px; content: ''; display: inline-block; width: 45px; height: 18px; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2048%2019.2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m39%200%209%204.2v4.4h-9z%22%20fill%3D%22%23ce0051%22%2F%3E%3Cpath%20d%3D%22m48%204.2h-48v15h48z%22%20fill%3D%22%23e3015a%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m12.8%208.1h1.6l2.9%205v-5h1.4v7.2h-1.5l-2.9-5.1v5.1h-1.4z%22%2F%3E%3Cpath%20d%3D%22m25.3%209.4h-3.8v1.5h3.5v1.2h-3.5v1.9h4v1.3h-5.5v-7.2h5.3z%22%2F%3E%3Cpath%20d%3D%22m27.7%208.1%201%204.1.2%201.1.2-1.1.8-4.1h1.6l.9%204.1.2%201.1.2-1.1%201-4.2h1.5l-2%207.2h-1.4l-.9-4.2-.3-1.4-.3%201.4-.9%204.2h-1.4l-2-7.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-size: contain; vertical-align: middle; z-index: 2; }
.headline__text:last-child { border-bottom: 1px solid rgba(162, 145, 108, 0.55); }
.headline__link { display: block; height: 100%; padding: 9px 10px 0 10px; color: #000; border-top: 1px solid rgba(162, 145, 108, 0.55); }
.headline__link--current { border-top: 4px solid #e4005a; background-color: rgba(228, 0, 127, 0.06); padding-top: 6px; font-weight: bold; }
.headline__title { font-size: 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 1.3; overflow: hidden; }
.headline__author { font-size: 12px; color: #333; display: block; padding-top: .5em; }
.headline__list { display: none; overflow: hidden; }
.headline__list--current { display: block; -webkit-animation: show 1s linear 0s; animation: show 1s linear 0s; }
.breadcrumb { font-size: 0; margin: 10px 0; }
.breadcrumb__list { list-style: none; font-size: 12px; color: #000; display: inline-block; }
.breadcrumb__list:not(:last-child)::after { content: ">"; display: inline-block; padding: 0 3px 0 5px; }
.breadcrumb__link:hover { text-decoration: underline; }
.title-list { font-size: 30px; margin-bottom: .3em; font-weight: normal; color: #e4005a; }
.pagination { margin: 40px 0; text-align: center; font-size: 0; }
.pagination__list { display: inline-block; font-size: 18px; width: 36px; height: 36px; color: #e4005a; border: 1px solid #e4005a; line-height: 36px; margin: 0 10px; font-weight: bold; font-family: 'Arial Rounded MT Bold', 'Arial', 'Avenir', sans-serif; }
.pagination__list--arrow { border: none; }
.pagination__list--current { background-color: #e4005a; color: #fff; }
.pagination__link { color: #e4005a; display: block; width: 100%; height: 100%; }
/* -------------------------
トップページ
-------------------------- */
.pickup { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: rgba(162, 145, 108, 0.15); border-radius: 5px; padding: 25px 15px; margin-bottom: 38px; }
.pickup__item { width: calc((100% - 10px) / 2); list-style: none; }
.pickup__item-link { display: block; }
.pickup__item-link:after { content: " "; display: block; clear: both; }
.pickup__item-icon { width: 300px; height: 168px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 5px; }
.pickup__item-icon > img { max-width: 100%; max-height: 100%; border-radius: 5px; display: block; }
.pickup__item-text { margin-top: 8px; }
.pickup__item-series { font-size: 12px; color: #333; padding-bottom: .5em; display: block; }
.pickup__item-title { color: #333; font-weight: bold; line-height: 1.4; font-size: 17px; display: block; }
.pickup__item-subtitle { line-height: 1.4; font-size: 16px; display: block; color: #333; padding-top: 10px; }
.pickup__item-authors { font-size: 0; margin-top: 14px; margin-left: -14px; }
.pickup__item-authors-list { color: #690202; font-size: 14px; margin-left: 14px; display: inline-block; }
.pickup__item:not(:nth-child(2n)) { margin-right: 10px; }
.pickup__item:nth-child(n + 3) { margin-top: 20px; }
/* -------------------------
記事ページ
-------------------------- */
.signage { border-bottom: 1px solid #e4005a; padding-bottom: 10px; width: 100%; }
.signage__cat-img { margin-bottom: 15px; }
.signage__cat-img > img { display: block; }
.signage__subcategories { overflow: hidden; font-size: 0; }
.signage__subcategories-list { list-style: none; display: inline-block; margin-right: 8px; }
.signage__subcategories-link { font-size: 12px; color: #690202; border: 1px solid #690202; line-height: 20px; padding: 0 .5em; display: block; }
.signage__date { float: right; text-align: right; font-size: 12px; color: #666; line-height: 22px; display: block; }
.signage__text { width: calc(100% - 120px); }
.signage__title { clear: both; margin-top: 10px; font-size: 28px; line-height: 1.3; color: #313131; }
.signage__subtitle { color: #999; font-size: 22px; line-height: 1.4; display: block; margin-top: .2em; }
.signage__authors { font-size: 0; }
.signage__authors-list { color: #333; font-size: 26px; display: inline-block; line-height: 1.2; margin-top: .5em; margin-right: .4em; }
.signage__shozoku { color: #000; font-size: 12px; display: inline-block; line-height: 28px; margin-top: .5em; margin-left: .4em; }
.signage__keywords { font-size: 0; }
.sns {text-align: right;font-size: 0;height: 28px;}
.sns__list { display: inline-block; vertical-align: top;}
.article-nextpage { display: block; width: 430px; margin: 0 auto 40px; background-color: rgba(228, 0, 127, 0.08); border-radius: 5px; max-width: 100%; }
.article-nextpage__link { color: #e4005a; text-decoration: underline; font-size: 14px; line-height: 1.5; padding: 10px 20px 20px 20px; border-radius: 5px; display: inline-block; width: 100%; }
.article-nextpage__link--bgimg { background: url(/common/fujinkoron/images/v1/common/nextpage_bg.png); background-size: 168px 83px; background-position: left top; background-repeat: no-repeat; padding: 10px 20px 0 120px; height: 83px; }
.article-nextpage__link::before { content: "次のページ"; font-size: 11px; display: inline-block; width: 100%; padding-bottom: .3em; text-decoration: none; color: #000; }
.article-book { background-color: #f6f6f6; padding: 25px; margin-bottom: 30px; overflow: hidden; }
.article-book__icon { float: left; width: 100px; margin-right: 20px; }
.article-book__info { overflow: hidden; color: #363636; line-height: 1.4; font-size: 14px; }
.article-book__info-title { font-size: 18px; margin-bottom: .6em; font-weight: bold; }
.article-book__info-date { font-size: 13px; }
.article-book__info-links { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 15px 0 0 -5px; }
.article-book__info-links a { width: 95px; margin-left: 5px; border: 1px solid #b9b9b9; background-color: #fff; text-align: center; padding: 2px; }
.article-book__info-links a:hover { border: 1px solid #f1f1f1; }
.article-book__info-links a img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.article-credit { margin-bottom: 30px; font-size: 14px; color: #666; line-height: 1.8; }
.article-credit__part--source { margin-top: 1em; }
.article-credit__part a { text-decoration: underline; }
.article-credit__part a:hover { opacity: .7; }
.article-bottom-ad { margin: 50px 0; }
.article-bottom-ad__item { width: 300px; }
.article-bottom-ad__item--left { float: left; }
.article-bottom-ad__item--right { float: right; }
.article-bottom-ad:after { content: " "; display: block; clear: both; }
.recommend-articles { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; margin-left: -13px; }
.recommend-articles-item { width: calc(25% - 13px); margin-left: 13px; margin-bottom: 22px; display: block; }
.recommend-articles-item__icon { width: 150px; height: 84px; overflow: hidden; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; }
.recommend-articles-item__icon > img { max-width: 100%; max-height: 100%; border-radius: 5px; }
.recommend-articles-item__text { padding-top: 7px; }
.recommend-articles-item__text-title { color: #313131; line-height: 1.5; font-size: 14px; display: block; padding-bottom: 10px; }
.recommend-articles-item__text-author { color: #828282; font-size: 12px; line-height: 1; display: block; }
.related-articles { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -14px; }
.related-articles-item { -ms-flex-preferred-size: calc(50% - 14px); flex-basis: calc(50% - 14px); margin-left: 14px; margin-bottom: 22px; display: block; overflow: hidden; }
.related-articles-item__icon { width: 150px; height: 84px; overflow: hidden; float: left; margin-right: 10px; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; }
.related-articles-item__icon > img { max-width: 100%; max-height: 100%; border-radius: 5px; }
.related-articles-item__text { overflow: hidden; }
.related-articles-item__text-title { color: #313131; line-height: 1.5; font-size: 14px; display: block; padding-bottom: 10px; }
.related-articles-item__text-author { color: #828282; font-size: 12px; line-height: 1; display: block; }
.article-profile { margin-bottom: 20px; }
.article-profile:after { content: " "; display: block; clear: both; }
.article-profile__image { display: block; float: left; margin: 0 17px 10px 0; width: 80px; border-radius: 50%; }
.article-profile__name { display: block; overflow: hidden; font-size: 14px; border-bottom: 1px solid rgba(162, 145, 108, 0.55); color: #666; padding-bottom: 5px; margin-bottom: 8px; }
.article-profile__text { display: block; overflow: hidden; font-size: 13px; color: #666; line-height: 1.4; }
.article-profile__text a { text-decoration: underline; }
.article-profile__shozoku { display: block; overflow: hidden; font-size: 13px; color: #000; }
.article-comment { background-position: right; background-repeat: no-repeat; width: 250px; height: 125px; position: relative; margin-bottom: 20px; margin-left: calc(100% - 250px); }
.article-comment--kumiko { background: url(/common/fujinkoron/images/v1/article/fukidashi_kumiko.png); background-size: 250px; }
.article-comment--keiko { background: url(/common/fujinkoron/images/v1/article/fukidashi_keiko.png); background-size: 250px; }
.article-comment--naomi { background: url(/common/fujinkoron/images/v1/article/fukidashi_naomi.png); background-size: 250px; }
.article-comment__text { width: 8.5em; height: 4.2em; letter-spacing: 0; overflow: hidden; position: absolute; top: 30px; left: 18px; font-size: 13px; line-height: 1.4; }
/* -------------------------
雑誌ページ
-------------------------- */
.magazine-header { overflow: hidden; margin: 30px 0 0 0; padding-bottom: 50px; border-bottom: 1px solid #e4005a; }
.magazine-header__image { float: left; width: 310px; margin: 0 20px 20px 0; }
.magazine-header__image > img { width: 100%; height: auto; margin-bottom: 5px; border: solid 1px #dcdcdc; }
.magazine-header__caption { color: #000; font-size: 13px; }
.magazine-header__caption--large { font-size: 14px; }
.magazine-header__caption p { line-height: 1.6; }
.magazine-header__info { overflow: hidden; }
.magazine-header__info dl { margin-bottom: 30px; }
.magazine-header__info dl a { text-decoration: underline; -webkit-text-decoration-color: #dcdcdc; text-decoration-color: #dcdcdc; }
.magazine-header__info dt { color: #e4005a; font-size: 16px; margin-bottom: .5em; font-weight: bold; }
.magazine-header__info dd { font-size: 24px; line-height: 36px; color: #111; margin-bottom: 1em; }
.magazine-header__info dd.font-s { font-size: 20px; line-height: 32px; }
.magazine-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -5px; clear: right; padding-top: 30px; }
.magazine-links--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.magazine-bottom .magazine-links { padding-top: 15px; }
.magazine-links a { width: 100px; margin: 0 0 5px 5px; border: 1px solid #b9b9b9; background-color: #fff; text-align: center; padding: 2px; }
.magazine-links a:last-child { padding: 6px 2px 2px; }
.magazine-links a:hover { border: 1px solid #f1f1f1; }
.magazine-links a img { max-width: 100%; max-height: 100%; vertical-align: bottom; }
.magazine-btn > a { border: 2px solid #e4005a; border-radius: 12px; width: 160px; display: block; padding: .3em 1em; position: relative; color: #e4005a; text-align: center; }
.magazine-header .magazine-btn > a { float: right; text-align: left; width: 250px; }
.magazine-header .magazine-btn > a::after { content: '>'; position: absolute; right: 0; margin-right: 1em; }
.magazine-bottom-links .magazine-btn > a { margin-left: 10px; }
.magazine-btn > a:hover { opacity: .5; }
.magazine-bottom { border-top: 1px solid #dcdcdc; padding-top: 30px; margin-bottom: 30px; text-align: center; }
.magazine-bottom__heading { font-size: 18px; }
.magazine-bottom-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: -10px; margin-bottom: 30px; }
/* 20201204 */
.magazine-backnumber{font-size:13px;}
.magazine-backnumber a{text-decoration: underline;}
.magazine-backnumber a:hover {opacity: .7;}

/* -------------------------
一覧パターン
-------------------------- */
.articles { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.articles-item { border-bottom: 1px solid rgba(162, 145, 108, 0.55); list-style: none; width: calc(33.333% - 20px); margin-right: 20px; margin-bottom: 27px; display: flex; position: relative; flex-direction: column;}
.articles-item__icon { width: 200px; height: 113px; overflow: hidden; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; }
.articles-item__icon > img { max-width: 100%; max-height: 100%; border-radius: 5px; display: block; }
.articles-item__text { padding: 7px 0 5px; position: relative; display: flex; flex-direction: column;}
.articles-item--new::after {  position: absolute; top: 8px; left: 0; content: ''; display: inline-block; width: 52px; height: 16px; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2046%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m46%200h-46v14h46z%22%20fill%3D%22%23e3015a%22%2F%3E%3Cg%20enable-background%3D%22new%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m11.8%203.4h1.6l2.9%205v-5h1.4v7.2h-1.5l-2.9-5.1v5.1h-1.4v-7.2z%22%2F%3E%3Cpath%20d%3D%22m24.3%204.7h-3.8v1.5h3.5v1.2h-3.5v1.9h4v1.3h-5.5v-7.2h5.3z%22%2F%3E%3Cpath%20d%3D%22m26.7%203.4%201%204.1.2%201.1.1-1.1.8-4.1h1.6l.9%204.1.2%201.1.2-1.1%201-4.2h1.5l-2%207.2h-1.4l-.9-4.2-.3-1.3-.3%201.4-.9%204.2h-1.4l-2-7.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-size: contain; vertical-align: middle; }
.articles-item__text-title { color: #000; font-weight: bold; line-height: 1.3; font-size: 15px; }
.articles-item__text-authors { font-size: 0; margin: 5px 40px 0 -14px; }
.articles-item__date { font-size: 12px; color: #666; margin-left: auto; margin-bottom: 4px;}
.articles-item__text-authors-list { color: #690202; font-size: 14px; display: inline-block; margin-left: 14px; }
.articles-v-item { display: block; border-bottom: 1px solid rgba(162, 145, 108, 0.55); padding-bottom: 30px; margin-bottom: 30px; overflow: hidden; position: relative; }
.articles-v-item--new::after { position: absolute; top: 0; left: 0; content: ''; display: inline-block; width: 52px; height: 16px; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2046%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m46%200h-46v14h46z%22%20fill%3D%22%23e3015a%22%2F%3E%3Cg%20enable-background%3D%22new%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m11.8%203.4h1.6l2.9%205v-5h1.4v7.2h-1.5l-2.9-5.1v5.1h-1.4v-7.2z%22%2F%3E%3Cpath%20d%3D%22m24.3%204.7h-3.8v1.5h3.5v1.2h-3.5v1.9h4v1.3h-5.5v-7.2h5.3z%22%2F%3E%3Cpath%20d%3D%22m26.7%203.4%201%204.1.2%201.1.1-1.1.8-4.1h1.6l.9%204.1.2%201.1.2-1.1%201-4.2h1.5l-2%207.2h-1.4l-.9-4.2-.3-1.3-.3%201.4-.9%204.2h-1.4l-2-7.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-size: contain; vertical-align: middle; }
.articles-v-item__icon { width: 200px; height: 113px; margin-right: 20px; overflow: hidden; float: left; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; }
.articles-v-item__icon > img { max-width: 100%; max-height: 100%; border-radius: 5px; display: block; }
.articles-v-item__text { overflow: hidden; }
.articles-v-item__text-series { font-size: 11px; color: #111; margin: .3em 0 .7em; padding: .2em .6em .1em; display: inline-block; background-color: rgba(162, 145, 108, 0.15); border-radius: 5px; }
.articles-v-item__text-title { color: #000; font-weight: bold; line-height: 1.4; font-size: 17px; }
.articles-v-item__text-subtitle { line-height: 1.4; font-size: 16px; display: block; color: #666; padding-top: 3px; }
.articles-v-item__text-authors { font-size: 0; margin-top: 14px; margin-left: -14px; display: flex;}
.articles-v-item__text-authors-list { color: #690202; font-size: 14px; display: inline-block; margin-left: 14px; }
.articles-v-item__date {font-size: 12px; color: #666; margin-left: auto;}
.category-latest-item { display: block; border-radius: 5px; padding: 25px 20px; margin-bottom: 40px; background-color: rgba(228, 0, 127, 0.11); overflow: hidden; }
.category-latest-item__icon { width: 300px; height: 168px; overflow: hidden; float: left; margin-right: 20px; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.category-latest-item__icon > img { max-width: 100%; max-height: 100%; border-radius: 5px; display: block; }
.category-latest-item__text { overflow: hidden; }
.category-latest-item__text-series { font-size: 12px; color: #333; padding: 0 0 1em 0; display: block; }
.category-latest-item__text-title { color: #333; font-weight: bold; line-height: 1.2; font-size: 21px; display: block; }
.category-latest-item__text-subtitle { line-height: 1.3; font-size: 15px; display: block; color: #666; padding-top: 1em; }
.category-latest-item__text-authors { font-size: 0; margin-top: 12px; margin-left: -16px; }
.category-latest-item__text-authors-list { color: #690202; font-size: 16px; display: inline-block; margin-left: 16px; }
.search-header { margin-bottom: 40px; }
/* -------------------------
sub-column
-------------------------- */
.sub-column { width: 300px; float: right; margin-top: 30px; }
.ad { margin-bottom: 30px; font-size: 0; }
.banner { margin-bottom: 30px; font-size: 0; }
.banner .youtube_banner {text-align: center;width: 100%;position: relative;padding-top: 56.25% !important;}
.banner .youtube_banner iframe{position: absolute;top: 0;right: 0;width: 100%;height: 100%;}
.ranking { margin-bottom: 40px; }
.ranking__heading { border-bottom: none; margin-bottom: 0; }
.ranking__tabs { width: 100%; font-size: 0; margin-bottom: 25px; }
.ranking__tabs:after { content: " "; display: block; clear: both; }
.ranking__tab { cursor: pointer; width: 50%; display: inline-block; float: left; color: #e4005a; font-size: 12px; line-height: 22px; padding-left: .8em; background-color: rgba(162, 145, 108, 0.15); border-bottom: 2px solid #e4005a; }
.ranking__tab--daily { border-right: 1px solid #e4005a; }
.ranking__tab--weekly { border-left: 1px solid #e4005a; }
.ranking__tab--current { background-color: #fff; border-top: 2px solid #e4005a; border-bottom: none; }
.ranking__item { list-style: none; }
.ranking__item:not(:last-child) { margin-bottom: 18px; }
.ranking__item-link { display: block; }
.ranking__item-icon { width: 95px; height: 55px; overflow: hidden; float: left; margin-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; position: relative; border-radius: 5px; }
.ranking__item-icon > img { max-width: 100%; max-height: 100%; border-radius: 5px; display: block; }
.ranking__item-num { position: absolute; top: 0; left: 0; font-size: 22px; line-height: 1; font-weight: bold; color: #e4005a; z-index: 2; text-shadow: #fff 2px 0px, #fff -2px 0px,
 #fff 0px -2px, #fff 0px 2px,
 #fff 2px 2px, #fff -2px 2px,
 #fff 2px -2px, #fff -2px -2px,
 #fff 1px 2px, #fff -1px 2px,
 #fff 1px -2px, #fff -1px -2px,
 #fff 2px 1px, #fff -2px 1px,
 #fff 2px -1px, #fff -2px -1px; }
.ranking__item-text { overflow: hidden; }
.ranking__item-title { color: #000; font-size: 14px; line-height: 1.4; display: block; margin: 7px 0 5px; }
.ranking__item-authors { font-size: 0; margin-left: -14px; }
.ranking__item-authors-list { color: #666; font-size: 14px; line-height: 1.4; display: inline-block; margin-left: 14px; }
.backnumber { margin-bottom: 30px; }
.backnumber-item:after { content: " "; display: block; clear: both; }
.backnumber-item__icon { float: left; margin-right: 10px; width: 119px; overflow: hidden; }
.backnumber-item__icon > img { width: 100%; display: block; border: solid 1px #dcdcdc; }
.backnumber-item__info { overflow: hidden; }
.backnumber-item__title { font-size: 20px; font-weight: bold; margin-bottom: .5em; overflow: hidden; line-height: 1.3; }
.backnumber-item__link { display: inline-block; width: 171px; border: 1px solid #878787; border-radius: 2px; font-size: 11px; line-height: 22px; margin-bottom: 5px; text-align: center; }
.backnumber-item__link:hover { opacity: .5; }
.backnumber-item__link--pink { border-color: #e4005a; color: #e4005a; }

.hatsugenkomachi{ margin-bottom: 30px; }
.hatsugenkomachi__title{
      font-size: 14px;
      color: #e4005a;
      border-bottom: 1px solid rgba(162, 145, 108, 0.55);
      margin-bottom: 10px;
      padding-bottom: 7px;
      line-height: 1;
      display: flex;
      align-items: center;
    }
.hatsugenkomachi__title img{
      width: 90px;
      margin-right: 10px; 
    }
.hatsugenkomachi-list{
      list-style: none;
    }
.hatsugenkomachi-list-item{
      font-size: 14px;
      line-height: 1.4;
      display: block;
      margin-bottom: 13px;
      display: flex;
      align-items:flex-start;
      border-bottom: solid 1px rgba(162, 145, 108, 0.2);
      padding-bottom: 10px; 
    }
.hatsugenkomachi-list-item:last-child{
      border-bottom: none; 
    }
.hatsugenkomachi-list-item::before{
      content: "";
      display: block;
      background: url(/common/fujinkoron/images/v1/common/icon.jpg) no-repeat;
      width: 25px;
      height: 20px;
      background-size: 100%;
      flex-shrink: 0;
      margin-right: 10px;
      margin-top: 5px;
    }
.book { margin-bottom: 30px; }
.book__item { position: relative; }
.book__item:after { content: " "; display: block; clear: both; }
.book__item-icon { float: left; margin-right: 10px; width: 119px; overflow: hidden; }
.book__item-image { width: 100%; display: block; }
.book__item-title { font-size: 15px; padding: .1em 0 .3em 0; overflow: hidden; line-height: 1.2; }
.book__item-subtitle { font-size: 13px; padding: 0 0 .3em 0; overflow: hidden; line-height: 1.2; }
.book__item-author { color: #959595; font-size: 12px; line-height: 1.2; padding-top: .2em; }
.book__item-link { display: inline-block; width: 171px; position: absolute; bottom: 0; right: 0; border: 1px solid #878787; border-radius: 2px; font-size: 11px; line-height: 22px; text-align: center; }
.book__item-link:hover { opacity: .5; }
.information { margin-bottom: 30px; }
.information__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.information__item { width: calc((100% - 10px) / 2); list-style: none; }
.information__item-link { width: 100%; }
.information__item-icon { width: 100%; padding-top: 56.25%; overflow: hidden; position: relative; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; }
.information__item-icon > img { max-width: 100%; max-height: 100%; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; border-radius: 5px; display: block; }
.information__item-title { color: #000; font-size: 13px; line-height: 1.4; display: block; padding-top: 5px; }
.information__item:not(:nth-child(2n)) { margin-right: 10px; }
.information__item:nth-child(n + 3) { margin-top: 10px; }
.insta-timeline-wrap { margin-bottom: 10px; }
.tw-timeline-wrap { margin-bottom: 30px; }
/* -------------------------
連載一覧ページ
-------------------------- */
.series-item { display: block; border-bottom: 1px solid rgba(162, 145, 108, 0.55); padding-bottom: 30px; margin-bottom: 30px; overflow: hidden; }
.series-item__icon { width: 200px; height: 113px; margin-right: 20px; overflow: hidden; float: left; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; }
.series-item__icon > img { max-width: 100%; max-height: 100%; border-radius: 5px; display: block; }
.series-item__text { overflow: hidden; }
.series-item__text-series { color: #000; font-weight: bold; font-size: 20px; display: block; }
.series-item__text-title { color: #000; line-height: 1.6; font-size: 14px; margin: 30px 0 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.series-item__text-title--new { position: relative; padding-left: 35px; margin: 25px 0 0 0; line-height: 2; }
.series-item__text-title--new::before { position: absolute; left: 0; content: ''; display: inline-block; width: 30px; height: 24px; background-image: url(/common/fujinkoron/images/v1/common/saishin.png); background-size: contain; vertical-align: middle; }
.series-item__text-authors { font-size: 0; margin-left: -14px; }
.series-item__text-authors-list { color: #690202; font-size: 14px; display: inline-block; margin-left: 14px; }
/* -------------------------
雑誌ページ
-------------------------- */
.backnumber-header { margin-bottom: 40px; overflow: hidden; }
.backnumber-header__heading { float: left; }
.backnumber-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -26px; }
.backnumber-list-item { -ms-flex-preferred-size: calc(25% - 26px); flex-basis: calc(25% - 26px); margin-left: 26px; margin-bottom: 35px; }
.backnumber-list-item__icon { width: 100%; overflow: hidden; }
.backnumber-list-item__icon > img { border: solid 1px #dcdcdc; display: block; }
.backnumber-list-item__number { color: #5c5c5c; font-size: 14px; margin-top: 5px; text-align: center; }
.backnumber-past-links { margin-bottom: 20px; }
.backnumber-past-link { color: #2f2f2f; font-size: 14px; text-decoration: underline; margin-right: 1em; }
.backnumber-past-link--current { font-weight: bold; text-decoration: none; }
.backnumber-past-link--arrow { font-size: 12px; text-decoration: none; }
.backnumber-past-link--arrow::before { content: '>'; margin-right: .2em; }
.backnumber-search-title { color: #2f2f2f; font-size: 20px; margin-bottom: 20px; line-height: 1.4; font-weight: normal; }
/* -------------------------
著者一覧、著者詳細ページ
-------------------------- */
.authors-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 2px solid #f373c2; width: 100%; font-size: 0; margin-bottom: 12px; }
.authors-tab { padding: .3em 1em .4em; font-size: 13px; color: 333; position: relative; bottom: -2px; border-top: 2px solid #fff; cursor: pointer; }
.authors-tab--current { border-top: 2px solid #f373c2; border-right: 2px solid #f373c2; border-left: 2px solid #f373c2; font-weight: bold; background: #fff; }
.authors-tab:first-child { border-left: none; }
.authors-index { margin-bottom: 30px; }
.authors-index-item { font-size: 16px; color: #999; margin-right: .8em; }
.authors-index-item--current { font-weight: bold; color: #333; }
.authors-index-title { font-size: 16px; font-weight: bold; color: #333; padding-top: 20px; margin-bottom: 10px; }
.authors-list { display: none; margin-top: 20px; }
.authors-list--current { display: block; }
.authors-list-item { display: block; width: 330px; color: #000; font-size: 16px; border-bottom: 1px solid rgba(162, 145, 108, 0.55); margin-bottom: 5px; padding-bottom: 5px; }
.authors-list-item:hover { font-weight: bold; }
.author-profile { margin-bottom: 40px; margin-top: 40px; overflow: hidden; }
.author-profile__image { display: block; float: left; margin: 0 30px 10px 0; width: 130px; height: 130px; border-radius: 50%; overflow: hidden; }
.author-profile__image > img { display: block; width: 100%; }
.author-profile-name-wrap { border-bottom: 1px solid rgba(162, 145, 108, 0.55); padding-bottom: 8px; margin-bottom: 18px; overflow: hidden; }
.author-profile__name { font-size: 24px; color: #000; line-height: 1.2; }
.author-profile__kana { color: #8f8f8f; }
.author-profile__shozoku {}
.author-profile__text { display: block; overflow: hidden; font-size: 14px; color: #000; line-height: 1.4; }
.author-profile__text a { text-decoration: underline; }
/* -------------------------
カテゴリーページ
-------------------------- */
.category-header { margin-bottom: 40px; }
.category-articles { margin: 0 auto 50px; width: 100%; }
.category-title { margin-bottom: 15px;; }
.category-title > img { display: block; }
.category-title-bg { width: 640px; height: 80px; border-radius: 5px; background-color: #9d9277; padding: 15px; margin-bottom: 10px; }
.category-title-bg > img { max-height: 100%; }
.category-articles-item { display: block; border-bottom: 1px solid rgba(162, 145, 108, 0.55); padding-bottom: 30px; margin-bottom: 30px; overflow: hidden; }
.category-articles-item__icon { width: 200px; height: 113px; margin-right: 20px; overflow: hidden; float: left; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; }
.category-articles-item__icon > img { max-width: 100%; max-height: 100%; border-radius: 5px; display: block; }
.category-articles-item__text { overflow: hidden; padding-top: 20px; position: relative; }
.category-articles-item__text--new { padding-bottom: 30px; }
.category-articles-item__text--new::after { position: absolute; bottom: 0; left: 0; content: ''; display: inline-block; width: 30px; height: 24px; background-image: url(/common/fujinkoron/images/v1/common/saishin.png); background-size: contain; vertical-align: middle; z-index: 2; }
.category-articles-item__text-title { color: #000; font-weight: bold; line-height: 1.6; font-size: 18px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.category-articles-item__text-subtitle { line-height: 1.4; font-size: 16px; display: block; color: #666; padding-top: 3px; }
.category-articles-item__text-authors { font-size: 0; margin-top: 14px; margin-left: -14px; }
.category-articles-item__text-authors-list { color: #690202; font-size: 14px; display: inline-block; margin-left: 14px; }
/* -------------------------
静的ページ
-------------------------- */
.static-unit { margin: 30px 0; font-size: 16px; line-height: 1.8; }
.static-heading { font-size: 30px; margin-bottom: 20px; font-weight: normal; color: #e4005a; line-height: 1.2; }
.about-backnumber-unit { float: right; width: 171px; margin: 0 0 30px 30px; text-align: center; }
.about-backnumber-unit img { width: 100%; display: block; border: solid 1px #dcdcdc; margin-bottom: 8px; }
/* -------------------------
component
-------------------------- */
.c-btn { display: block; width: 171px; border: 1px solid #878787; border-radius: 2px; font-size: 11px; line-height: 22px; text-align: center; }
.c-btn--pink { border-color: #e4005a; color: #e4005a; }
.c-btn:hover { opacity: .5; }
.c-readomore{position:relative}
.c-readomore-content{overflow:hidden}
.c-readomore-content{position:relative;height:auto;max-height:100px}
.c-readomore-content::after{content: "";position: absolute;top: 56px;display: block;width: 90%;height: 40px;background: linear-gradient(#0000ff00, #fff);}
.c-readomore-check,.c-readomore-tags-check{display:none}
.c-readomore-headlabel{z-index: 2;cursor: pointer;position: absolute;width: 40px;height: 40px;left: 0;}
.c-readomore-label{font-size:15px;z-index:2;display:flex;align-items:center;justify-content:center;padding:2px 12px 8px 12px;cursor:pointer;color:#696969}
.c-readomore-label:before{background-image:url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0xMCAyMGMtNS41IDAtMTAtNC41LTEwLTEwczQuNS0xMCAxMC0xMCAxMCA0LjUgMTAgMTAtNC41IDEwLTEwIDEwem0xLjItMTAuMi0zLjIgMy4xYy0uNC40LS40IDEgMCAxLjRzMSAuNCAxLjQgMGwzLjktMy45Yy40LS40LjQtMSAwLTEuNGwtMy44LTMuOGMtLjQtLjQtMS0uNC0xLjQgMHMtLjQgMSAwIDEuNGMtLjEgMCAzLjEgMy4yIDMuMSAzLjJ6IiBmaWxsPSIjNzU3NTc1Ii8+PC9zdmc+);content:"";width:20px;height:20px;transform:rotate(90deg);background-size:contain;margin-right:7px}
.--pink .c-readomore-label:before{background-image: url('data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0xMCAyMGMtNS41IDAtMTAtNC41LTEwLTEwczQuNS0xMCAxMC0xMCAxMCA0LjUgMTAgMTAtNC41IDEwLTEwIDEwem0xLjItMTAuMi0zLjIgMy4xYy0uNC40LS40IDEgMCAxLjRzMSAuNCAxLjQgMGwzLjktMy45Yy40LS40LjQtMSAwLTEuNGwtMy44LTMuOGMtLjQtLjQtMS0uNC0xLjQgMHMtLjQgMSAwIDEuNGMtLjEgMCAzLjEgMy4yIDMuMSAzLjJ6IiBmaWxsPSIjZjY4M2E0Ii8+PC9zdmc+')}
.--pink .c-readomore-label {color: #f683a4;}
.--blue .c-readomore-label:before{background-image: url('data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0xMCAyMGMtNS41IDAtMTAtNC41LTEwLTEwczQuNS0xMCAxMC0xMCAxMCA0LjUgMTAgMTAtNC41IDEwLTEwIDEwem0xLjItMTAuMi0zLjIgMy4xYy0uNC40LS40IDEgMCAxLjRzMSAuNCAxLjQgMGwzLjktMy45Yy40LS40LjQtMSAwLTEuNGwtMy44LTMuOGMtLjQtLjQtMS0uNC0xLjQgMHMtLjQgMSAwIDEuNGMtLjEgMCAzLjEgMy4yIDMuMSAzLjJ6IiBmaWxsPSIjNTViN2MyIi8+PC9zdmc+')}
.--blue .c-readomore-label {color: #55b7c2;}
.c-readomore-label:after{content:"もっと見る"}
.c-readomore-check:checked~.c-readomore-content{height:auto;max-height:50em;transition:.3s linear}
.c-readomore-check:checked~.c-readomore-label:before{transform:rotate(-90deg)}
.c-readomore-check:checked~.c-readomore-label:after{content:"閉じる"}
.c-readomore-check:checked~.c-readomore-content::after{content: none;}

.c-readomore-tags{overflow:hidden;height:90px}
.c-readomore-tags:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:50px;content:"";pointer-events:none;background:linear-gradient(0deg,#fff,hsla(0,0%,100%,0))}
.c-readomore-tags-label{font-size:14px;position:absolute;z-index:2;bottom:5px;right:30%;left:30%;display:flex;align-items:center;justify-content:center;padding:2px 12px;cursor:pointer;background-color:#f0f0f0;color:#777}
.c-readomore-tags-label:before{content:"すべて見る"}
.c-readomore-tags-check:checked~.c-readomore-tags{height:auto;padding-bottom:34px}
.c-readomore-tags-check:checked~.c-readomore-tags-label:before{content:"閉じる"}

.more-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin: 20px 0; }
.icon-bg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.icon-bg > img { display: block; text-align: center; max-width: 80%; max-height: 80%; height: auto; position: static; }
.bg--nav-pink { background-color: #ed91ca; }
.bg--nav-orange { background-color: #f19878; }
.bg--nav-yellow { background-color: #e3d88c; }
.bg--nav-green { background-color: #9bcea5; }
.bg--brown { background-color: #9d9277; }
.bg--yellow { background-color: #d5cc8d; }
.bg--gray { background-color: #959595; }
.bg--redbrown { background-color: #9b8a80; }
.bg--lightgreen { background-color: #9dbea4; }
.bg--brightgreen { background-color: #a6b870; }
.bg--ash { background-color: #b9b997; }
.bg--blue { background-color: #84a1a8; }
.bg--orange { background-color: #e5b09d; }
.bg--pink { background-color: #cca3a5; }