@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: #333; letter-spacing: 0.5px; background: #fff; font-size: 1.6rem; overflow-y: scroll; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }
/*▼ タブレット端末用：余白設定 ▼*/
@media only screen and (max-width: 1000px) {
  body {
    min-width: 1040px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
}
/* リセット */
* { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }
ul, li { list-style: none; }
img { vertical-align: bottom; }
/* -------------------------------------------------------
共通
---------------------------------------------------------- */
.clearfix:after, .header:after, .header .heading:after, .inner-block:after, .main-column .profile .inner:after, .sub-column .pickup .series:after, .main-column .signage .author-sns:after, footer .footer-info .inner-block:after,.article-list ul li a:after,.more-link:after,nav ul li:after,body.media-top ul.top-pickup li a:after,ul.top-pickup:after,.main-column .article-bottom:after,.article-list ul li a:after { content: " "; display: block; clear: both; }
.contents .heading { border-top: 4px solid #e0e0e0; font-size: 20px; line-height: 1.2; padding-top: 10px; font-weight: bold; position: relative; margin-bottom: 30px; }
.contents .sub-column .heading { margin-bottom: 0; }
.contents .heading::before { content: ""; position: absolute; top: -4px; left: 0; display: block; background-color: #e1c561; height: 4px; width: 60px; }
.contents .more-link a { display: inline-block; float: right; font-size: 13px; line-height: 1; text-align: right; margin-top: 20px; padding: 0 15px 0 0; position: relative; }
.contents .more-link a::before { content: ""; display: block; position: absolute; right: 0; bottom: 3px; width: 6px; height: 6px; border-top: 2px solid #dbab00; border-right: 2px solid #dbab00; -webkit-transform: rotate(45deg); transform: rotate(45deg); text-indent: 100%; }
/* -------------------------
レイアウト 
-------------------------- */
body.fixed { overflow: hidden; height: 100%; }
.wrapper { min-width: 980px;}
.inner-block { margin: 0 auto; width: 980px; }
.contents .main-column { width: 728px; float: left; }
.contents .sub-column { width: 224px; float: right; }
/* --------------------------
ヘッダ
---------------------------- */
.header { background-color: #ffc700; padding: 15px 0; height: 52px; z-index: 970; }
.header .inner-block { height: 22px;padding: 0 15px; }
.header h1 { margin: 0; }
.header a { display: block; max-height: 100%; }
.header .heading { float: left; height: 100%; }
.header .heading .logo { float: left; max-height: 100%; margin-right: 10px; line-height: 0; }
.header .heading .logo img { width: auto; height: 24px; vertical-align: top; max-height: 100%; }
.header .heading .description { line-height: 1; font-size: 13px; display: inline-block; vertical-align: baseline; white-space: nowrap; max-height: 100%; color: #000; }
.header .hamburger-menu { float: right; display: inline-block; position: relative; width: 28px; height: 22px; cursor: pointer; }
.header .hamburger-menu span { position: absolute; left: 0; width: 28px; height: 4px; background-color: #000; display: inline-block; }
.header .hamburger-menu span:nth-of-type(1) { top: 0; }
.header .hamburger-menu span:nth-of-type(2) { top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; }
.header .hamburger-menu span:nth-of-type(3) { bottom: 0; }
.nav { z-index: 990; position: fixed; top: 52px; right: -100%; bottom: 0; width: 25vw; background-color: #000; overflow-y:auto;}
@media only screen and (max-width: 980px) { .nav {width: 290px;}}
.close-btn { width: 60px; height: 60px; background-color: #838383; position: absolute; top: 52px; right: -100%; padding: 16px; cursor: pointer; z-index: 980; position: fixed; }
.close-btn .close-btn-inner { position: relative; display: block; width: 28px; height: 28px; }
.close-btn .close-btn-inner span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #fff; border-radius: 4px; }
.close-btn .close-btn-inner span:nth-of-type(1) { -webkit-transform: translateY(11px) rotate(-45deg); transform: translateY(11px) rotate(-45deg); top: 0; }
.close-btn .close-btn-inner span:nth-of-type(2) { -webkit-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg); bottom: 0; }
.nav .menu-bg { background-color: #333; color: #fff; width: 247px; min-height: calc(100vh - 52px); display: inline-block; padding: 20px; }
.nav .search { width: 100%; min-height: 40px; background-color: #212121; border-radius: 4px; border: 1px solid #424242; }
.nav .search input.inputtext { width: 155px; background-color: #212121; border-style: none; line-height: 40px; padding: 0 0 0 15px; color: #fff; height: 40px; }
.nav .search input.inputtext:focus { background-color: #212121;outline: none; }
.nav .search input.inputtext::-webkit-input-placeholder { color: #fff; font-size: 1.5rem; }
.nav .search input.inputtext:-ms-input-placeholder { color: #fff; font-size: 1.5rem; }
.nav .search input.inputtext::-ms-input-placeholder { color: #fff; font-size: 1.5rem; }
.nav .search input.inputtext::placeholder { color: #fff; font-size: 1.5rem; }
.nav .search input.search-ico { width: 50px; height: 40px; padding:0 15px; display: inline-block; background: url(/common/moneyclip/images/v1/common/icon-search.png) no-repeat center; background-size: 20px; text-indent: 200%; overflow: hidden; white-space: nowrap; padding: 0; cursor: pointer; float: right; border-style: none; }
.nav ul li { position: relative; clear: both; }
.nav ul li a { border-bottom: 1px solid #666; color: #fff; min-height: 50px; line-height: 50px; font-size: 1.5rem; font-weight: bold; display: block; position: relative; }
.nav ul li a::before { content: ""; display: block; position: absolute; right: 3px; top: 17px; width: 10px; height: 10px; border-top: 2px solid #ccc; border-right: 2px solid #ccc; -webkit-transform: rotate(45deg); transform: rotate(45deg); text-indent: 100%; }
.nav ul li ul.sub-menu { display: none; height: auto; padding: 10px 0 0 10px; min-width: 200px; }
.nav ul li ul.sub-menu li a { border-bottom: none; min-height: 30px; padding-bottom: 15px; line-height: 1.8rem; font-size: 1.4rem; display: block;font-weight: normal; }
.nav ul li .opener { position: absolute; top: 0; right: 0; display: block; width: 20px; height: 50px; float:right; cursor: pointer; }
.nav ul li .opener span { position: absolute; right: 0; width: 100%; height: 2px; background-color: #cccccc; width: 12px; }
.nav ul li .opener span:nth-of-type(1) { top: 50%; }
.nav ul li .opener span:nth-of-type(2) { -webkit-transform: translateY(0px) rotate(90deg); transform: translateY(0px) rotate(90deg); top: 50%; }
.nav ul li .opener.current span:nth-of-type(2) {display:none; }
.nav ul li.service a::before, .nav .sns-block ul li a::before { content: none; }
.nav p.support-link { padding-top: 40px; }
.nav p.support-link a { font-size: 1.3rem; color: #fff; position: relative; padding-right: 15px; }
.nav p.support-link a::before { content: ""; display: block; position: absolute; right: 0; bottom: 6px; width: 6px; height: 6px; border-top: 2px solid #dbab00; border-right: 2px solid #dbab00; -webkit-transform: rotate(45deg); transform: rotate(45deg); text-indent: 100%; }
.nav .promotion { text-align: center; margin-top: 40px; line-height: 1.4; }
.nav .promotion .promotion-title { font-size: 1.3rem; font-weight: bold; }
.nav .promotion dl dt { font-size: 1.2rem; margin-top: 20px; }
.nav .promotion dl dd { font-size: 1.4rem; font-weight: bold; margin-top: 10px; }
.nav .promotion dl dd a { display: block; min-width: 202px; min-height: 34px; line-height: 34px; border-radius: 2px; -webkit-box-shadow: 0px 1px 2px 1px rgba(1, 1, 1, 0.3); box-shadow: 0px 1px 2px 1px rgba(1, 1, 1, 0.3); color: #fff; }
.nav .promotion dl dd a:hover { text-decoration: none; }
.nav .promotion dl dd.login a {background: #2eb975; }
.nav .promotion dl dd.login a:hover { background: #62cb98; }
.nav .promotion dl dd.login a span { padding-left: 23px; background: url(/common/moneyclip/images/v1/common/icon-login.png) no-repeat 0 40%; }
.nav .promotion dl dd.open-account a { background-color: #f47900; }
.nav .promotion dl dd.open-account a:hover { background: #ff9540; }
.nav .sns-block { background-color: #666; padding: 15px; margin-top: 40px; font-size: 1.2rem; font-weight: bold; text-align: center; }
.nav .sns-block ul { padding-top: 10px; text-align: center; }
.nav .sns-block ul li { display: inline-block; vertical-align: middle; width: 35px; height: 35px; border-radius: 50%; text-indent: 100%; overflow: hidden; }
.nav .sns-block ul li.tw { background-color: #32a7e0; background: url(/common/moneyclip/images/v1/common/icon-tw.png) no-repeat center; background-size: 35px; }
.nav .sns-block ul li.fb { background-color: #29579c; background: url(/common/moneyclip/images/v1/common/icon-fb.png) no-repeat center; background-size: 35px; }
.nav .sns-block ul li.tw a:hover, .nav .sns-block ul li.fb a:hover { opacity: 0.4; background-color: #fff; }
.overlay { position: fixed; top: 52px; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); opacity: 0; visibility: hidden; }
.overlay.is-open { opacity: 1; visibility: visible; z-index: 900; }
/* --------------------------
contents
----------------------------- */
.contents { padding-top: 40px; }
body.index .contents { padding-top: 50px; }
/* パンくず */
.breadcrumb {font-size: 0;}
.breadcrumb span { font-size: 12px; position: relative; }
.breadcrumb span a { font-weight: bold; }
.breadcrumb span:not(:last-child) { padding-right: 8px; }
.breadcrumb span:not(:last-child)::after {content:"";display:inline-block;margin-left: 6px;width:6px;height:6px;border-top:solid 1px #838383;border-right:solid 1px #838383;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
/* --------------------------
記事ページ
----------------------------- */
.main-column .signage { padding: 40px 0 60px 0; }
.main-column .signage h1 { font-size: 3rem; line-height: 4.1rem; margin: 0; word-break: break-word; }
.main-column .signage .series { font-size: 1.4rem; line-height: 2rem; padding-top: 10px; }
.main-column .signage .summary { font-size: 1.6rem; line-height: 2.6rem; padding-top: 35px; }
.signage .headlines { font-size: 1.6rem; line-height: 2.6rem; padding: 35px 0 0 0; }
.signage .headlines li { margin-left: 1.1em; position: relative; }
.signage .headlines li:not(:first-child) { margin-top: 0.8em; }
.signage .headlines li::before { display: block; content: ''; position: absolute; top: 0.5em; left: -1.1em; width: 8px; height: 3px; border-left: 2px solid #dbab00; border-bottom: 2px solid #dbab00; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.main-column .signage .tags { padding-top: 15px; }
.main-column .signage .tags ul { font-size: 0; /* inline-blockの隙間をなくすため */ }
.main-column .signage .tags ul li { display: inline-block; padding: 5px 5px 0 0; }
.main-column .signage .tags ul li a { display: block; background-color: #fff; border: 1px solid #ccc; border-radius: 12px; font-weight: bold; font-size: 1.2rem; line-height: 1.8rem; min-height: 25px; padding: 3px 20px; }
.main-column .signage .tags ul li a:hover {background-color: #eee; text-decoration: none;}
.author-sns { padding-top: 15px; }
.author-sns .author-box { float: left; width: calc(100% / 3 * 2); }
.author-sns .author-box a { padding-right: 20px;}
.author-sns .author-box a img { margin-right: 10px; border-radius: 50%; -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e0e0e0; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e0e0e0; display: inline-block; vertical-align: middle;    width: 40px; height: 40px; }
.author-sns .author-box a span.name { vertical-align: middle; font-size: 1.4rem; line-height: 1; color: #333; font-weight: bold; }
.author-sns .author-box span.date { font-size: 1.2rem;}
.sns-links { float: right; width: calc(100% / 3); text-align: right; white-space: nowrap; font-size: 0; }
.sns-links span { font-size: 1.3rem; line-height: 1; vertical-align: middle; }
.sns-links ul { display: inline-block; }
.sns-links ul li.tw,.sns-links ul li.fb { display: inline-block; vertical-align: middle; width: 35px; height: 35px; border-radius: 50%; overflow: hidden; margin-left:5px; }
.sns-links ul li.tw img,.sns-links ul li.fb img { width:35px; }
.sns-links ul li.tw { background-color: #32a7e0; }
.sns-links ul li.fb { background-color: #29579c; }
.sns-links ul li.print {display: inline-block; margin-left:10px;}
.sns-links ul li.print a {font-size: 1.3rem; font-weight: bold; vertical-align: middle;}
.sns-links ul li.print img { width:20px;display: inline-block;margin:0 6px 0 0;vertical-align: middle;}
.main-column .signage .image { margin-top: 40px; width: 100%;text-align: center; }
.main-column .signage .image img { max-width: 728px; }
/* ▼記事本文▼ */
.main-column .article-body { font-size: 1.6rem; line-height: 2.6rem; margin-bottom:50px; }
.main-column .article-body p { margin-bottom: 1em; }
.main-column .article-body p:not(:first-child) { margin-top: 1em; }
.main-column .article-body a { color: #193a9e; }
.article-body h2 { border-top: 4px solid #e0e0e0; font-size: 2rem; line-height: 2.6rem; padding-top: 10px; font-weight: bold; position: relative; margin-bottom: 25px; }
.article-body h2::before { content: ""; position: absolute; top: -4px; left: 0; display: block; background-color: #e1c561; height: 4px; width: 60px; }
.article-body h2:not(:first-child) { margin-top: 60px; }
.article-body h3 { margin-bottom: 30px; font-weight: normal; font-size: 1.6rem; background-color: #e0e0e0; padding: 0.4em 10px 0.3em 10px; }
.article-body h3:not(:first-child) { margin-top: 40px; }
.article-body h4 { margin-bottom: 20px; font-weight: normal; border-bottom: 3px solid #e0e0e0; font-size: 1.6rem; }
.article-body h4:not(:first-child) { margin-top: 40px; }
.article-body ul { padding-left: 20px; margin: 15px 0 35px 0; }
.article-body ul li { list-style-type: disc; }
.article-body ul.supplement { padding-left: 1em; }
.article-body ul.supplement li { list-style-type: none; font-size: 1.3rem; }
.article-body ul.supplement li:before {content: '※'; margin-left:-1em; padding-right: 0.5em; }
.article-body ol { padding-left: 25px; margin: 15px 0 35px 0; }
.article-body ol li { list-style-type: decimal; }
.article-body img { max-width: 728px; }
.article-body .figure-right { float: right; margin: 0 0 25px 25px; }
.article-body .figure-left { float: left; margin: 0 25px 25px 0; }
.article-body .figure-center { margin: 25px auto; }
.article-body .image-area { max-width: 728px; }
.article-body .image-area img { width: 100%; height: auto; vertical-align: bottom; }
.article-body .image-area .image-title { font-size: 1.4rem; line-height: 1.8rem; padding: 8px 0; font-weight: bold;}
.article-body .image-area .caption { font-size: 1.2rem; line-height: 1.8rem; padding: 5px; }
.article-body .video { position: relative; padding-bottom: 56.25%; height: 0; width: 100%; margin: 20px auto 30px auto; }
.article-body .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.article-body .video .video-caption { position: absolute; bottom: -30px; left: 0; font-size: 1.2rem; line-height: 1.8rem; padding: 5px; }
.article-body table{margin:20px 0 10px 0; width: 100%; border-collapse:collapse; min-width:100%; line-height: 1.8; }
.main-column .article-body table p { margin: 0 0 0 0; }
.main-column .article-body table p:not(:first-child){ margin-top: .5em; }
.article-body table thead th{background:#dcdcdc;color:#333;padding:5px 1em;font-weight:normal;font-size:13px;border:solid 1px #e4e4e4;}
.article-body table tbody th{background:#f0f0f0;padding:5px 1em;font-weight:normal;font-size:13px;border:solid 1px #e4e4e4;}
.article-body table tbody td{padding:5px 1em;font-weight:normal;font-size:13px;border:solid 1px #e4e4e4; }
.article-body .text-left { text-align: left !important;}
.article-body .text-center { text-align: center !important;}
.article-body .text-right { text-align: right !important;}
.article-body blockquote { position: relative; font-size: 1.4rem; padding:50px 20px 20px 20px; background-color: #f5f5f5; }
.article-body blockquote:before { display: inline-block; position: absolute; top: 5px; left: 12px; vertical-align: middle; content: "“"; font-family: Georgia, Times New Roman, serif; color: #000; opacity: 0.2; font-size: 90px; line-height: 1; }
.article-body blockquote p:last-child { margin-bottom: 0; }
/* ゴールドのボタン（広木隆のmarket talk） */
.article-body .btn-cmn { display: inline-block; border: 2px solid #e1c561; border-radius: 2px; -webkit-box-shadow: 0 1px 3px rgba(1, 1, 1, 0.5); box-shadow: 0 1px 3px rgba(1, 1, 1, 0.5); background: #fff; color: #ad9951 !important; font-weight: bold; }
.article-body .btn-l { display: inline-block; border-radius: 2px; -webkit-box-shadow: 0 1px 3px rgba(1, 1, 1, 0.5); box-shadow: 0 1px 3px rgba(1, 1, 1, 0.5); font-weight: bold; vertical-align: middle; }
.article-body .btn-cmn.btn-l > span { padding: 10px 18px 9px; }
.article-body .btn-cmn > span { display: block; vertical-align: middle; text-align: center; }
.article-body .btn-l > span { display: block; padding: 12px 20px 11px; vertical-align: middle; font-size: 16px; line-height: 22px; text-align: center; }
.article-body .btn-cmn:visited { color: #ad9951; text-decoration: none; }
/* deepmacro fxストラテジー */
.article-body table tfoot { border-top: solid 3px #e4e4e4; }
.article-body table tfoot th { background: #f0f0f0; padding: 5px 1em; font-weight: bold; font-size: 13px; border: solid 1px #e4e4e4; }
.article-body table tfoot td { padding: 5px 1em; font-weight: bold; font-size: 13px; border: solid 1px #e4e4e4; text-align: center; }
.article-body .usd-weight { border: 1px solid #e4e4e4; padding: 10px; text-align: center; font-weight: bold; }
/* グローバル・マクロ・ウォッチ（雇用統計） */
.article-body .box-border { padding: 10px; background: #fff; border: 1px solid #e0e0e0; }
/* リンクモジュールテンプレート */
.article-body .article-info { overflow: hidden; margin-bottom: 20px; }
.article-body .article-info__icon { width: 196px; height: 110px; float: left; position: relative; margin-right: 15px; }
.article-body .article-info__icon > img { position: absolute; display: block; margin: auto; max-width: 100%; max-height: 100%; top: 0; left: 0; right: 0; }
.article-body .article-info__text { overflow: hidden; }
.article-body .article-info__text h2 { font-weight: bold; color: #000; font-size: 16px; line-height: 1.4; border: none; padding-top: 0; margin-bottom: 0; }
.article-body .article-info__text p { font-size: 15px; line-height: 1.5;  margin-top: 1em; }
.article-body .article-info__text a { display: block; font-size: 13px; line-height: 1.4; text-align: right; margin: 20px 5px 0 0; padding: 0 0 0 0; position: relative; color: #000; }
.article-body .article-info__text a::after { content: ''; display: inline-block; width: 11px; height: 10px; background-image: url(/common/moneyclip/images/v1/common/ico-link-blank_01.png); background-size: contain; background-repeat: no-repeat; margin-left: 3px; }
/* 動画導線モジュールテンプレート */
.article-body .article-promotion { width: 100%; padding: 20px;  margin-bottom: 20px; }
.article-body a.article-promotion__btn { display: block; width: 150px; height: 35px; background-color: #fff; border: 2px solid #e5cd6b; border-radius: 4px; margin: 0 auto; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; font-size: 1.4rem; line-height: 35px; font-weight: bold; color: #b19f5d; margin-top:20px; text-align: center; }
.article-body a.article-promotion__btn:hover { text-decoration: none; opacity: 0.6; background-color: #fff; }
/* ▲記事本文▲ */
.main-column .promotion { width: 100%; padding: 20px; border: 1px solid #eeeeee; text-align: center; }
.main-column .promotion .promotion-title { font-weight: bold; line-height: 1; }
.main-column .promotion .promotion-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; }
.main-column .promotion .promotion-links dl { margin: 0 10px; }
.main-column .promotion .promotion-links dl dt { font-size: 1.3rem; }
.main-column .promotion .promotion-links dl dd { font-size: 1.4rem; font-weight: bold; margin-top: 10px; }
.main-column .promotion .promotion-links dl dd.login a { background: #2eb975; }
.main-column .promotion .promotion-links dl dd.login a:hover { background: #62cb98; }
.main-column .promotion .promotion-links dl dd.login a span { padding-left: 23px; background: url(/common/moneyclip/images/v1/common/icon-login.png) no-repeat 0 40%; }
.main-column .promotion .promotion-links dl dd.open-account a { background-color: #f47900; }
.main-column .promotion .promotion-links dl dd.open-account a:hover { background: #ff9540; }
.main-column .promotion .promotion-links dl dd a { display: block; margin: 0 auto; min-width: 202px; min-height: 34px; line-height: 34px; border-radius: 2px; -webkit-box-shadow: 0px 1px 2px 1px rgba(1, 1, 1, 0.3); box-shadow: 0px 1px 2px 1px rgba(1, 1, 1, 0.3); color: #fff; }
.main-column .promotion .promotion-links dl dd a:hover { text-decoration: none; }
.main-column .article-bottom { margin-top: 40px; }

.main-column .profile { margin-top: 30px; }
.main-column .profile .inner { border: 10px solid #f7f3e7; padding: 20px; }
.main-column .profile .inner .profile-img { float: left; width: 85px; padding-right: 20px; }
.main-column .profile .inner .profile-img img { width: 61px; height: 61px; display: inline-block; border-radius: 50%; -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e0e0e0; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e0e0e0; }
.main-column .profile .inner dl { overflow: hidden; }
.main-column .profile .inner dl dt { font-size: 1.6rem; line-height: 1.4; }
.main-column .profile .inner dl dd { font-size: 1.4rem; line-height: 1.5; padding-top: 8px; }
.main-column .profile .inner dl dd.organization { font-size: 1.3rem;}
.main-column .profile .inner .more-link a { display: inline-block; float: right; font-size: 13px; line-height: 1; text-align: right; padding: 15px 15px 0 0; position: relative; }
.main-column .profile .inner .more-link a::before { content: ""; display: block; position: absolute; right: 0; bottom: 3px; width: 6px; height: 6px; border-top: 2px solid #dbab00; border-right: 2px solid #dbab00; -webkit-transform: rotate(45deg); transform: rotate(45deg); text-indent: 100%; }
.main-column .backnumber { padding-top: 60px; }
.main-column .backnumber .heading { border-top: 4px solid #e0e0e0; font-size: 20px; line-height: 1.2; padding-top: 10px; font-weight: bold; position: relative; }
.main-column .backnumber .heading::before { content: ""; position: absolute; top: -4px; left: 0; display: block; background-color: #e1c561; height: 4px; width: 60px; }
.main-column .backnumber ul { padding-top: 18px; }
.main-column .backnumber ul li:not(:first-child) { padding-top: 15px; }
.main-column .backnumber ul li a { line-height: 1.5;display: block; }
.main-column .backnumber ul li a .date { font-size: 1.2rem; float: left; display: block; width: 7em; display: block; padding-right: 20px; }
.main-column .backnumber ul li a .title { font-size: 1.4rem; display: block; overflow: hidden; font-weight: bold; }
.main-column .backnumber .more-link a { display: inline-block; float: right; font-size: 13px; line-height: 1; text-align: right;  padding: 10px 15px 0 0; position: relative; }
.main-column .backnumber .more-link a::before { content: ""; display: block; position: absolute; right: 0; bottom: 3px; width: 6px; height: 6px; border-top: 2px solid #dbab00; border-right: 2px solid #dbab00; -webkit-transform: rotate(45deg); transform: rotate(45deg); text-indent: 100%; }
.main-column .recommend-article { padding-top: 60px; }
.main-column .recommend-article .heading { border-top: 4px solid #e0e0e0; font-size: 20px; line-height: 1.2; padding-top: 10px; font-weight: bold; position: relative; }
.main-column .recommend-article .heading::before { content: ""; position: absolute; top: -4px; left: 0; display: block; background-color: #e1c561; height: 4px; width: 60px; }
.main-column .recommend-article ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding-top: 18px; }
.main-column .recommend-article ul li { position: relative; width: calc((100% - 34px) / 3); }
.main-column .recommend-article ul li:nth-child(n + 4) { padding-top: 30px; }
.main-column .recommend-article ul li a { display: block; padding-bottom: 27px; color: #333; }
.main-column .recommend-article ul li a:hover { opacity: 0.6; background-color: #fff; text-decoration: none; }
.main-column .recommend-article ul li a .icon { width: 232px; height: 129px; position: relative; }
.main-column .recommend-article ul li a .icon img { position: absolute; display: block; margin: auto; max-width: 100%; max-height: 100%; top: 0; left: 0; right: 0; }
.main-column .recommend-article ul li a .text span { display: block; }
.main-column .recommend-article ul li a .text .series { font-size: 1.2rem; line-height: 1.8rem; padding-top: 6px; }
.main-column .recommend-article ul li a .text .title { font-size: 1.4rem; line-height: 2rem; padding-top: 8px; min-height: 48px; font-weight: bold; color: #000; }
.main-column .recommend-article ul li a .text .summary { font-size: 1.4rem; line-height: 2rem; padding-top: 8px; }
.recommend-article .headlines { font-size: 1.4rem; line-height: 2rem; padding: 8px 0 0 0; }
.recommend-article .headlines span { display: block; text-indent: -1em; padding-left: 1em; width:100%; }
.recommend-article .headlines span::before { content: '・'; }
.main-column .recommend-article ul li a .text .date { font-size: 1.2rem; line-height: 1; padding-top: 15px; position: absolute; bottom: 0; left: 0; }
.main-column .feedback { padding-top: 60px; }
.main-column .feedback .heading { border-top: 4px solid #e0e0e0; font-size: 20px; line-height: 1.2; padding-top: 10px; font-weight: bold; position: relative; }
.main-column .feedback .heading::before { content: ""; position: absolute; top: -4px; left: 0; display: block; background-color: #e1c561; height: 4px; width: 60px; }
.main-column .feedback .lead { font-size: 1.4rem; line-height: 2rem; padding-top: 18px; }
.main-column .feedback .feedback-list { padding-top: 15px; }
.main-column .feedback .feedback-list .question { width: 100%; background-color: #eee; border-top: 1px solid #e0e0e0; font-size: 1.4rem; line-height: 1; padding: 4px 10px 3px 10px; }
.main-column .feedback .feedback-list .block { padding: 8px 0 20px 0; }
.main-column .feedback .feedback-list .block label { padding-right: 1em; }
.main-column .feedback .feedback-list .block textarea { width: 100%; padding: 0.4em; }
.main-column .feedback .feedback-list input.check {cursor: pointer;-webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 150px; height: 35px; background-color: #fff; border: 2px solid #e5cd6b; border-radius: 4px; margin: 0 auto; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; font-size: 1.4rem; line-height: 1; font-weight: bold; color: #b19f5d; }
/* アンケート確認画面 */
#feedback-check{display:none;}
#feedback-check .detail{background:#fff;width:900px;z-index:999;box-sizing:border-box;position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);padding:80px 160px;}
#feedback-check .detail .heading { border-top: 4px solid #e0e0e0; font-size: 20px; line-height: 1.2; padding-top: 10px; font-weight: bold; position: relative;margin-bottom:20px; }
#feedback-check .detail .heading::before { content: ""; position: absolute; top: -4px; left: 0; display: block; background-color: #e1c561; height: 4px; width: 60px; }
#feedback-check .detail p{font-size:14px;}
#feedback-check .detail dl{margin:45px 0;}
#feedback-check .detail dt{width: 100%;background-color: #eee;border-top: 1px solid #e0e0e0;font-size: 1.4rem;line-height: 1;padding: 4px 10px 3px 10px;margin-bottom:10px;}
#feedback-check .detail dd{font-size:16px;line-height:1.6;margin:0 0 40px 10px;word-wrap: break-word;}
#feedback-check .detail button{appearance:none;-webkit-appearance:none;border-style:none;background:transparent;font-family:"Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Verdana,"ＭＳ Ｐゴシック",sans-serif;cursor:pointer;}
#feedback-check .detail .btns{text-align: center;}
#feedback-check .detail button.reset{cursor: pointer;-webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; width: 150px; height: 35px; background-color: #eee; border: 2px solid #ccc; border-radius: 4px;font-size: 1.4rem; line-height: 1; font-weight: bold; color: #333; margin:0 10px;}
#feedback-check .detail button.submit{cursor: pointer;-webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; width: 150px; height: 35px; background-color: #fff; border: 2px solid #e5cd6b; border-radius: 4px; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; font-size: 1.4rem; line-height: 1; font-weight: bold; color: #b19f5d; margin:0 10px;}
#feedback-check .overlay{background:#000;opacity:0.4;position:fixed;top:0;bottom:0;right:0;left:0;z-index:990;visibility: visible;}

.main-column .disclaimer { padding-top: 60px; }
.main-column .disclaimer_inner { background-color: #f5f5f5; padding: 15px 20px 11px 20px; font-size: 1.4rem; margin-bottom:20px; }
.main-column .disclaimer_inner p { padding-bottom: 4px; }
.main-column .disclaimer_inner ul { padding-bottom: 4px; }
.main-column .disclaimer_inner ul li { line-height: 2.6rem; }
.main-column .disclaimer_inner ul li::before { content: "・"; display: inline-block; }
/* --------------------------
サブカラム
----------------------------- */
.sub-column { margin-top: 20px; }
/* アクセスランキング */
body.media-top .sub-column { margin-top:0; }
.sub-column .ranking .heading { border-top: 4px solid #e0e0e0; font-size: 20px; line-height: 1.2; padding-top: 10px; font-weight: bold; position: relative; }
.sub-column .ranking .heading::before { content: ""; position: absolute; top: -4px; left: 0; display: block; background-color: #e1c561; height: 4px; width: 60px; }
.sub-column .ranking .tab { width: 100%; border-bottom: 3px solid #e5cc6c; padding-top: 18px; }
.sub-column .ranking .tab span { display: inline-block; width: calc((100% - 2px) / 2); height: 28px; padding-top: calc((28px - 1em) / 2); line-height: 1; font-size: 1.4rem; font-weight: bold; text-align: center; background-color: #e4e4e4; border-radius: 0.3rem 0.3rem 0 0; cursor: pointer; }
.sub-column .ranking .tab span:not(:last-child) { margin-right: 2px; }
.sub-column .ranking .tab span:hover, .sub-column .ranking .tab span.current { background-color: #e5cc6c; }
.sub-column .ranking .rank { padding-top: 15px; }
.sub-column .ranking .rank ul li:not(:first-child) { padding-top: 20px; }
.sub-column .ranking .rank ul li:nth-of-type(1) a .num span { background-color: #b6a35b; color: #fff; }
.sub-column .ranking .rank ul li:nth-of-type(2) a .num span { background-color: #c5c5c5; color: #fff; }
.sub-column .ranking .rank ul li:nth-of-type(3) a .num span { background-color: #b69480; color: #fff; }
.sub-column .ranking .rank ul li a { display: table; width: 100%; }
.sub-column .ranking .rank ul li a:hover { opacity: 0.6; background-color: #fff; text-decoration: none; }
.sub-column .ranking .rank ul li a .num { display: table-cell; width: 25px; }
.sub-column .ranking .rank ul li a .num span { display: inline-block; width: 18px; height: 18px; font-size: 15px; line-height: 20px; font-weight: bold; text-align: center; vertical-align: top; background-color: #f0f0f0; color: #616161; }
.sub-column .ranking .rank ul li a .text { display: table-cell; vertical-align: top; }
.sub-column .ranking .rank ul li a .text span.article-title { display: block; font-weight: bold; font-size: 1.4rem; line-height: 2rem; color: #000; }
.sub-column .ranking .rank ul li a .text span.article-title::before { content: ""; display: block; margin-top: -0.2rem; /* line-height分の上余白を相殺 */ }
.sub-column .ranking .rank ul li a .text span.article-date { display: block; text-align: right; font-size: 1.2rem; line-height: 1; padding-top: 5px; }
/* pickupキーワード */
.sub-column .pickup-keywords { padding-top: 30px; }
.pickup-keywords .tags { padding-top: 15px; }
.pickup-keywords .tags ul { font-size: 0; /* inline-blockの隙間をなくすため */ }
.pickup-keywords .tags ul li { display: inline-block; padding: 5px 5px 0 0; }
.pickup-keywords .tags ul li a { display: block; background-color: #fff; border: 1px solid #ccc; border-radius: 12px; font-weight: bold; font-size: 1.2rem; line-height: 1.8rem; min-height: 25px; padding: 3px 20px; }
.pickup-keywords .tags ul li a:hover {background-color: #eee; text-decoration: none;}
/* pickupコンテンツ */
.sub-column .pickup-outer { padding-top: 30px; }
.sub-column .pickup { width: 100%; border: 1px solid #e0e0e0; padding: 10px 15px; }
.sub-column .pickup .series { width: 100%; height: 50px; }
.sub-column .pickup .series .profile-img { float: left; width: 60px; padding-right: 10px; }
.sub-column .pickup .series .profile-img img { width: 48px; height: 48px; display: inline-block; border-radius: 50%; -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e0e0e0; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e0e0e0; }
.sub-column .pickup .series p.series-title { font-size: 1.2rem; line-height: 1.5; overflow: hidden; padding-top: 9px; color: #000; }
.sub-column .pickup p.article-title { padding-top: 15px; font-size: 1.6rem; font-weight: bold; line-height: 1.4; color: #000; }
.sub-column .pickup p.article-summary { padding-top: 8px; font-size: 1.2rem; line-height: 1.5; }
.sub-column .pickup p.article-date { padding-top: 10px; font-size: 1.2rem; line-height: 1; }
.sub-column .pickup .more-link a { display: inline-block; float: right; font-size: 13px; line-height: 1; text-align: right;  padding: 10px 15px 0 0; position: relative; }
.sub-column .pickup .more-link a::before { content: ""; display: block; position: absolute; right: 0; bottom: 3px; width: 6px; height: 6px; border-top: 2px solid #dbab00; border-right: 2px solid #dbab00; -webkit-transform: rotate(45deg); transform: rotate(45deg); text-indent: 100%; }
/* バナー */
.recommend-bnr { width: 100%; margin-top:30px; }
body.media-top .recommend-bnr { margin-top:0; margin-bottom:30px; }
.recommend-bnr ul li:not(:first-child) { padding-top: 10px; }
.recommend-bnr ul li img { max-width: 100%; }
.recommend-bnr ul li a { display: block; }
.recommend-bnr ul li a:hover { opacity: 0.6; }
/* --------------------------
フッタ
----------------------------- */
footer { margin-top: 80px; color: #fff; }
footer .footer-menu { background-color: #666; min-height: 50px; }
footer .footer-menu ul { text-align: center; }
footer .footer-menu ul li { display: inline-block; padding: 0 20px; }
footer .footer-menu ul li a { font-size: 1.4rem; line-height: 50px; color: #fff; font-weight: bold; }
footer .footer-info { background-color: #212121; padding: 30px 0; }
footer .footer-info .logo { margin-left: -85px; float: left; font-size: 1.3rem; font-weight: bold;line-height: 1; }
footer .footer-info .logo img {width:268px;margin-bottom:18px;}
footer .footer-info .company-info { float: right; font-size: 1.4rem; line-height: 2.2rem; font-weight: bold; max-width: 650px; }
footer .footer-info .company-info a { color: #fff; display: inline-block; text-decoration: underline; }
@media only screen and (max-width: 1200px) { footer .footer-info .logo { margin-left: 0px; } }
/* --------------------------
カテゴリーページ
---------------------------- */
.page-title { padding: 40px 0 0 0; }
.page-title h1 { font-size: 3rem; line-height: 3.6rem; margin: 0; }
.page-title h1 span { font-weight: normal; }
.page-title .lead { font-size: 1.4rem; line-height: 2rem; padding-top: 1em; }
.page-title .image { padding-top: 20px; text-align: center; width: 728px; }
.page-title .image img { max-width: 100%; border: 1px solid #e0e0e0; }
/* --------------------------
共通記事一覧 img-left_ver
---------------------------- */
.main-column .article-list { padding-top: 50px; }
.main-column .article-list .heading { border-top: 4px solid #e0e0e0; font-size: 20px; line-height: 1.2; padding-top: 10px; font-weight: bold; position: relative; margin-bottom: 20px; }
.main-column .article-list .heading::before { content: ""; position: absolute; top: -4px; left: 0; display: block; background-color: #e1c561; height: 4px; width: 60px; }
.article-list ul { width: 100%; }
.article-list ul li { width: 100%; }
.article-list ul li:not(:last-child) { padding-bottom: 30px; }
.article-list ul li { display: block; text-decoration: none; color: #333; }
.article-list ul li a {display: block;}
.article-list ul li a:hover,.article-list ul li a:hover span { opacity: 0.6; text-decoration: none; }
.article-list ul li .icon { width: 196px; height: 109px; float: left; position: relative; margin-right: 15px; }
.article-list ul li .icon img { position: absolute; display: block; margin: auto; max-width: 100%; max-height: 100%; top: 0; left: 0; right: 0; }
.article-list ul li .text { overflow: hidden; }
.article-list ul li .text span { display: block; }
.article-list ul li .text .title { font-weight: bold; color: #000; font-size: 1.6rem; line-height: 1.4; }
.article-list ul li .text .summary { font-size: 1.5rem; line-height: 1.5; padding-top: 10px; }
.article-list .headlines { font-size: 1.5rem; line-height: 1.5; padding: 10px 0 0 0; }
.article-list .headlines span { text-indent: -1em; padding-left: 1em; }
.article-list .headlines span::before { content: '・'; }
.article-list ul li .text span.date { font-size: 1.2rem; display: inline-block; padding-top: 8px; }
.article-list ul li .text .series { font-size: 1.2rem; line-height: 1.8rem; padding-bottom: 10px; }
.article-list ul li .text .author-box { margin-top: 10px; }
.article-list ul li .text .author-box a { margin-right: 20px; display: inline-block; }
.article-list ul li .text .author-box a:after { display: none; }
.article-list ul li .text .author-box a:hover { opacity: 0.6; text-decoration: none; }
.article-list ul li .text .author-box img { margin-right: 10px; border-radius: 50%; border: 1px solid #e0e0e0; display: inline-block; vertical-align: middle; width: 38px; height: 38px; box-sizing: content-box; }
.article-list ul li .text .author-box span.name { display: inline-block; vertical-align: middle; font-size: 1.3rem; line-height: 1; font-weight: bold; }
.main-column .article-list .more-link a { display: inline-block; float: right; font-size: 13px; line-height: 1; text-align: right;  padding: 10px 15px 0 0; position: relative; }
.main-column .article-list .more-link a::before { content: ""; display: block; position: absolute; right: 0; bottom: 3px; width: 6px; height: 6px; border-top: 2px solid #dbab00; border-right: 2px solid #dbab00; -webkit-transform: rotate(45deg); transform: rotate(45deg); text-indent: 100%; }
.article-list ul li .text.dropcap {overflow: visible;}
.article-list ul li .text.dropcap .title:first-letter { font-size: 2em; margin-right: .1em; float: left; line-height: 1.1;}
.article-list ul li .text .summary.dropcap_summary {padding-top: 3px;}
.dropcap_summary:first-letter {padding-left: .1em;}
/* ページネーション */
.pagination { vertical-align: baseline; text-align: center; clear: both; margin: 80px 0 60px 0; }
.pagination span { display: inline-block; font-size: 1.4rem; min-width: 2rem; min-height: 2rem; line-height: 2rem; text-align: center; vertical-align: middle; }
.pagination span:not(:first-child) { margin-left: 10px; }
.pagination span.current { background-color: #e1c561; font-weight: bold; }
.pagination span.next { width: auto; font-size: 1.4rem; border: none; margin-left: 2rem; color: #9e9e9e; font-weight: bold; }
.pagination span.next:after { content: ""; display: inline-block; border: 1px solid #333; width: 8px; height: 8px; border-top: medium none; border-left: medium none; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 0.3em; }
.pagination span.next.nolink:after { border-color: #9e9e9e; }
.pagination span.prev { width: auto; font-size: 1.4rem; border: none; margin-right: 10px; margin-left: 0; color: #9e9e9e; font-weight: bold; }
.pagination span.prev:before { content: ""; display: inline-block; border: 1px solid #333; width: 8px; height: 8px; border-top: medium none; border-left: medium none; -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-right: 0.3em; }
.pagination span.prev.nolink:before { border-color: #9e9e9e; }
.pagination span:not(.prev):not(.next) a { width: 100%; height: 100%; }
.pagination span:not(.prev):not(.next) a:hover { background-color: #e1c561; text-decoration: none; }
.pagination span a { display: inline-block ;padding: 0 0.3em; }
/* --------------------------
media-top
----------------------------- */
body.media-top .main-column ul.top-article-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
body.media-top .main-column ul.top-article-list li { position: relative; width: calc((100% - 34px) / 3); }
body.media-top .main-column ul.top-article-list li:nth-child(n + 4) { padding-top: 30px; }
body.media-top .main-column ul.top-article-list li:not(:nth-child(3n)) { margin-right: 16px; }
body.media-top .main-column ul.top-article-list li a { display: block; /*padding-bottom: 27px;*/ height: 100%; text-decoration: none; color: #333;}
body.media-top .main-column ul.top-article-list li a:hover { opacity: 0.6; background-color: #fff; }
body.media-top .main-column ul.top-article-list li a .icon { width: 232px; height: 129px; position: relative; }
body.media-top .main-column ul.top-article-list li a .icon img { position: absolute; display: block; margin: auto; max-width: 100%; max-height: 100%; top: 0; left: 0; right: 0; }
body.media-top .main-column ul.top-article-list li a .text { overflow: hidden; }
body.media-top .main-column ul.top-article-list li a .text span { display: block; }
body.media-top .main-column ul.top-article-list li a .text .series { font-size: 1.2rem; line-height: 1.8rem; padding-top: 8px; }
body.media-top .main-column ul.top-article-list li a .text .title { font-size: 1.6rem; line-height: 2.2rem; padding-top: 5px; font-weight: bold; color: #000; }
body.media-top .main-column ul.top-article-list li a .text .date { font-size: 1.2rem; line-height: 1; padding-top: 10px; /*position: absolute; bottom: 0; left: 0;*/ }
body.media-top ul.top-pickup { width: 100%; height: 445px; font-size: 0; margin-bottom: 50px; }
body.media-top ul.top-pickup li { font-size: 1.4rem; width: 462px; float: left; overflow: hidden; position: relative; }
body.media-top ul.top-pickup li .flag { width: 60px; height: 60px; background-image: linear-gradient(135deg, #ffc700 40px, transparent 0); position: absolute; top: 0; left: 0; color: #000; z-index: 10; font-weight: bold; }
body.media-top ul.top-pickup li .flag span { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); display: block; font-size: 1rem; position: absolute; bottom: 50%; }
body.media-top ul.top-pickup li:nth-child(n + 3) { margin-top: 18px; }
body.media-top ul.top-pickup li a { display: block; width: 100%; height: 100%; text-decoration: none; color: #333; }
body.media-top ul.top-pickup li a:hover { opacity: 0.6; }
body.media-top ul.top-pickup li a .icon { width: 174px; height: 97px; float: left; position: relative; margin-right: 10px; }
body.media-top ul.top-pickup li a .icon img { position: absolute; display: block; margin: auto; max-width: 100%; max-height: 100%; top: 0; left: 0; right: 0; }
body.media-top ul.top-pickup li a .text { overflow: hidden; }
body.media-top ul.top-pickup li a .text span { display: block; }
body.media-top ul.top-pickup li a .text .series { font-size: 1.2rem; line-height: 1.2; white-space: nowrap; }
body.media-top ul.top-pickup li a .text .title { font-size: 1.4rem; line-height: 2rem; padding: 6px 0; font-weight: bold; color: #000; }
body.media-top ul.top-pickup li a .text .date { font-size: 1.2rem; line-height: 27px; display: inline-block; float: right; }
body.media-top ul.top-pickup li:first-child { width: 503px; height: 100%; margin-right: 15px; }
body.media-top ul.top-pickup li:first-child a .icon { float: none; width: 100%; height: 280px; }
body.media-top ul.top-pickup li:first-child a .icon img { bottom: 0; width: 100%; }
body.media-top ul.top-pickup li:first-child a .text { background-color: #333; min-height: calc(100% - 280px); color: #fff; padding: 15px; }
body.media-top ul.top-pickup li:first-child a .text span { display: block; }
body.media-top ul.top-pickup li:first-child a .text .series { font-size: 1.3rem; white-space: nowrap; }
body.media-top ul.top-pickup li:first-child a .text .title { font-size: 1.8rem; line-height: 2.4rem; font-weight: bold; color: #fff; padding: 6px 0 3px 0; }
body.media-top ul.top-pickup li:first-child a .text .date { line-height: 34px; }
body.media-top ul.top-pickup li:first-child .flag { width: 80px; height: 80px; background-image: linear-gradient(135deg, #ffc700 57px, transparent 0); position: absolute; top: 0; left: 0; color: #000; z-index: 10; font-weight: bold; }
body.media-top ul.top-pickup li:first-child .flag span { font-size: 1.2rem; left: 3px; }
.top-pickup .author { float: left; overflow: hidden; }
.top-pickup .author-name { margin-right: 4px; vertical-align: middle; font-size: 12px; font-weight: bold; white-space: nowrap; line-height: 1; }
.top-pickup .author-photo { border-radius: 50%; display: inline-block; vertical-align: middle; width: 25px; height: 25px; box-sizing: content-box; }
.top-pickup li:first-child .author-photo { width: 32px; height: 32px; }
.top-pickup li:first-child .author-name { font-size: 13px; margin-left: 4px; }
body.media-top ul.top-pickup li:first-child a .text .author-name,body.media-top ul.top-pickup li a .text .author-name { display: inline-block; }
/* --------------------------
連載一覧
----------------------------- */
.main-column .category-list { padding-top: 20px; }
.main-column .category-list .heading { border-top: 4px solid #e0e0e0; font-size: 20px; line-height: 1.2; padding-top: 10px; font-weight: bold; position: relative; }
.main-column .category-list .heading::before { content: ""; position: absolute; top: -4px; left: 0; display: block; background-color: #e1c561; height: 4px; width: 60px; }
.main-column .category-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-bottom:50px; }
.main-column .category-list ul li { position: relative; width: calc((100% - 34px) / 3); }
.main-column .category-list ul li:not(:nth-child(3n)) { margin-right: 16px; }
.main-column .category-list ul li { padding-top: 20px; }
.main-column .category-list ul li a { display: block; color: #333; height: 100%; }
.main-column .category-list ul li a:hover { opacity: 0.6; background-color: #fff; text-decoration: none; }
.main-column .category-list ul li a .icon { width: 232px; height: 129px; position: relative; }
.main-column .category-list ul li a .icon img { position: absolute; display: block; margin: auto; max-width: 100%; max-height: 100%; top: 0; left: 0; right: 0; }
.main-column .category-list ul li a .text span { display: block; }
.main-column .category-list ul li a .text .title { font-size: 16px; line-height:  1.6; padding-top: 8px; font-weight: bold; color: #000; min-height: 58px; }
.main-column .category-list ul li a .text .summary { font-size: 14px; line-height: 1.6; padding-top: 8px; color: #333; }
.main-column .category-list ul li a .text .article-title { font-size: 14px; line-height:  1.6; padding-top: 4px; color: #000; }
.main-column .category-list ul li a .text .date { font-size: 12px; line-height: 1.2; padding-top: 8px; color: #333; }
/* --------------------------
キーワード一覧
----------------------------- */
.main-column .keywords-list { padding-top: 20px; }
.main-column .keywords-list .heading { border-top: 4px solid #e0e0e0; font-size: 20px; line-height: 1.2; padding-top: 10px; font-weight: bold; position: relative; margin-bottom: 30px; }
.main-column .keywords-list .heading::before { content: ""; position: absolute; top: -4px; left: 0; display: block; background-color: #e1c561; height: 4px; width: 60px; }
.main-column .keywords-list ul { width: 100%; font-size: 0; }
.main-column .keywords-list ul li { display: inline-block; }
.main-column .keywords-list ul li a { font-size: 1.6rem; line-height: 2.2rem; font-weight: bold; margin-right: 30px; margin-bottom: 17px; display: inline-block; }
/* --------------------------
執筆者一覧
----------------------------- */
.main-column .authors-list { padding-top: 20px; }
.main-column .authors-list .heading { border-top: 4px solid #e0e0e0; font-size: 20px; line-height: 1.2; padding-top: 10px; font-weight: bold; position: relative; margin-bottom: 20px; }
.main-column .authors-list .heading::before { content: ""; position: absolute; top: -4px; left: 0; display: block; background-color: #e1c561; height: 4px; width: 60px; }
.main-column .authors-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-bottom: 50px; }
.main-column .authors-list ul li { position: relative; width: calc((100% - 34px) / 3); }
.main-column .authors-list ul li:not(:nth-child(3n)) { margin-right: 16px; }
.main-column .authors-list ul li:nth-child(n + 4) { padding-top: 30px; }
.main-column .authors-list ul li a { display: block; }
.main-column .authors-list ul li a:hover { opacity: 0.6; background-color: #fff;text-decoration: none; }
.main-column .authors-list ul li a .icon_name {display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%;-webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; }
.main-column .authors-list ul li a .icon_name img { margin-right: 10px; border-radius: 50%; -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e0e0e0; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e0e0e0; display: inline-block; vertical-align: middle; width: 61px; max-height: 61px; }
.main-column .authors-list ul li a .text { font-size: 1.4rem; line-height: 2rem; padding-top: 8px; }
/* --------------------------
著者別記事一覧
---------------------------- */
body.authors_article .main-column .profile { padding-top: 20px; }
.m-profile-toggle input[type="checkbox"] { display: none; }
.m-profile-toggle__body{ display: none; margin-top: 10px; }
#m-profile-toggle:checked ~ .m-profile-toggle__body { display: block; }
.m-profile-toggle__link { cursor: pointer; display: block; font-size: 13px; line-height: 1; text-align: right;  padding: 0 20px 0 0; position: relative; margin-top: 10px; }
.m-profile-toggle__link::before { content: ""; display: block; position: absolute; right: 2px; top: 0; width: 6px; height: 6px; border-top: 2px solid #dbab00; border-right: 2px solid #dbab00; -webkit-transform: rotate(135deg); transform: rotate(135deg); text-indent: 100%; }
#m-profile-toggle:checked ~ .m-profile-toggle__link { display: none; }
.m-profile-toggle__link--close { display: block; }
.m-profile-toggle__link--close::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 3px; }
/* --------------------------
search（キーワード別一覧）
---------------------------- */
.search-article-list { margin: 60px 0 30px 0; }
.search-article-list ul { width: 100%; }
.search-article-list ul li { width: 100%; margin-bottom: 30px; }
.search-article-list ul li a { display: block; text-decoration: none; color: #333; }
.search-article-list ul li a:hover { opacity: 0.6; background-color: #fff; }
.search-article-list ul li a .icon { width: 196px; height: 110px; float: left; position: relative; margin-right: 15px; }
.search-article-list ul li a .icon img { position: absolute; display: block; margin: auto; max-width: 100%; max-height: 100%; top: 0; left: 0; right: 0; }
.search-article-list ul li a .text { overflow: hidden; }
.search-article-list ul li a .text span { display: block; }
.search-article-list ul li a .text .series { font-size: 1.2rem; line-height: 1.8rem; }
.search-article-list ul li a .text .title { font-weight: bold; color: #000; font-size: 1.4rem; line-height: 2rem; padding-top:8px; }
.search-article-list ul li a .text .summary { font-size: 1.2rem; line-height: 1.8rem; padding-top: 1em; }
.search-article-list ul li a .text .author-box { margin-top: 14px; }
.search-article-list ul li a .text .author-box img { margin-right: 10px; border-radius: 50%; border: 1px solid #e0e0e0; display: inline-block; vertical-align: middle; width: 38px; height: 38px; box-sizing: content-box; }
.search-article-list ul li a .text .author-box span.name { display: inline-block; vertical-align: middle; font-size: 1.3rem; line-height: 1; font-weight: bold; }
.search-article-list ul li a .text span.date { font-size: 1.2rem; padding-left: 20px; display: inline-block; }
/* --------------------------
サービス一覧
----------------------------- */
.main-column .service-list { padding-top: 20px; }
.main-column .service-list .heading { border-top: 4px solid #e0e0e0; font-size: 20px; line-height: 1.2; padding-top: 10px; font-weight: bold; position: relative; margin-bottom: 30px; }
.main-column .service-list .heading::before { content: ""; position: absolute; top: -4px; left: 0; display: block; background-color: #e1c561; height: 4px; width: 60px; }
.main-column .service-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.main-column .service-list ul li { position: relative; width: calc((100% - 34px) / 3); }
.main-column .service-list ul li:nth-child(n + 4) { padding-top: 30px; }
.main-column .service-list ul li:not(:nth-child(3n)) { margin-right: 16px; }
.main-column .service-list ul li a { display: block; /*padding-bottom: 27px;*/ height: 100%; text-decoration: none; color: #333; }
.main-column .service-list ul li a:hover { opacity: 0.6; background-color: #fff; }
.main-column .service-list ul li a .icon { width: 232px; height: 129px; position: relative; }
.main-column .service-list ul li a .icon img { position: absolute; display: block; margin: auto; max-width: 100%; max-height: 100%; top: 0; left: 0; right: 0; }
.main-column .service-list ul li a .text { overflow: hidden; }
.main-column .service-list ul li a .text span { display: block; }
.main-column .service-list ul li a .text .series { font-size: 1.2rem; line-height: 1.8rem; padding-top: 8px; }
.main-column .service-list ul li a .text .title { font-size: 1.6rem; line-height: 2.2rem; padding-top: 5px; font-weight: bold; color: #000; }
.main-column .service-list ul li a .text .date { font-size: 1.2rem; line-height: 1; padding-top: 10px; /*position: absolute; bottom: 0; left: 0;*/ }
.main-column .service-list .more-link { margin:20px 0 50px 0; }
.main-column .service-list .more-link a { display: inline-block; float: right; font-size: 13px; line-height: 1; text-align: right;  padding: 10px 15px 0 0; position: relative; }
.main-column .service-list .more-link a::before { content: ""; display: block; position: absolute; right: 2px; bottom: 3px; width: 6px; height: 6px; border-top: 2px solid #dbab00; border-right: 2px solid #dbab00; -webkit-transform: rotate(45deg); transform: rotate(45deg); text-indent: 100%; }

/* --------------------------
動画記事（アイコン右下時間表示）
----------------------------- */
.movie-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 20px 0 50px -16px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.movie-list-item__text a,.articles-item-icon a { display: block; }
.movie-list-item__text a:hover,.articles-item-icon a:hover { opacity: 0.6; background-color: #fff; text-decoration: none; }
.movie-list-item { -ms-flex-preferred-size: 232px; flex-basis: 232px; margin-left: 16px; margin-top: 20px; }
.movie-list-item__text-title { display: block; font-size: 16px; line-height: 1.6; padding-top: 8px; font-weight: bold; color: #000; min-height: 58px; }
.movie-list-item__text-date { display: block; font-size: 12px; line-height: 1.2; padding-top: 8px; color: #333; }
.articles-item-icon { width: 232px; }
.articles-v-item-icon { width: 196px; float: left; margin-right: 15px; }
.top-pickup-item-icon { width: 174px; float: left; margin-right: 10px; }
.top-pickup-item:first-child .top-pickup-item-icon { width: 100%; float: none; margin-right: 0; background-color: #333; }
.c-icon { width: 100%; padding-top: 56.25%; overflow: hidden; position: relative; }
.c-icon-inner { position: absolute; top: 0; left: 0; right: 0; text-align: center; max-width: 100%; max-height: 100%; }
.c-icon-inner > img { max-width: 100%; max-height: 100%; }
.c-movie-time { position: absolute; bottom: 0; right: 0; background-color: rgba(45, 45, 45, 0.8); color: #f3f4f4; font-size: 12px; line-height: 24px; padding: 0 8px; }
.c-movie-time::before { content: ''; display: inline-block; width: 8px; height: 8px; background-image: url(/common/moneyclip/images/v1/common/icon-movie-time.png); background-size: contain; vertical-align: baseline; background-repeat: no-repeat; margin-right: 5px; }
.c-author { overflow: hidden; margin-top: 5px; }
.c-author__name { margin-right: 4px; vertical-align: middle; font-size: 12px; font-weight: bold; white-space: nowrap; line-height: 1; }
.c-author__photo { border-radius: 50%; border: 1px solid #e0e0e0; display: inline-block; vertical-align: middle; width: 25px; height: 25px; -webkit-box-sizing: content-box; box-sizing: content-box; }
.main-column .category-list ul li a .text span.c-author__name { display: inline-block; }
/* --------------------------
動画記事一覧(追加パーツ)
----------------------------- */
.c-tags { font-size: 0; margin-top: 5px; }
a.c-tags__item { display: inline-block; background-color: #fff; border: 1px solid #ccc; border-radius: 12px; font-weight: bold; font-size: 1.2rem; line-height: 1.8rem; min-height: 25px; padding: 3px 20px; margin: 5px 5px 0 0; }
a.c-tags__item:hover { background-color: #eee; text-decoration: none; opacity: 1; }
.article-movie-date { text-align: right; font-size: 13px; color: #333; margin-top: 10px; }
.article-movie-date dt { display: inline-block; color: #777; margin: 0 5px 0 10px; }
.article-movie-date dd { display: inline-block; font-weight: bold; }
/* --------------------------
挿入リンク
----------------------------- */
.c-insertlink { display: inline; position: relative; color: #193a9e; }
.c-insertlink::after { content: ''; display: inline-block; width: 11px; height: 10px; background-image: url(/common/moneyclip/images/v1/common/ico-link-blank_01.png); background-size: contain; background-repeat: no-repeat; margin: 0 3px 0 4px; }