@charset "UTF-8";

/* -------------------------
レイアウト 
-------------------------- */
.inner-block{width:990px;margin:0 auto;}
.inner-block.article,
.inner-block.page{width:1022px;margin:0 auto;}
#contents{margin:0 auto;background:#ededed;padding:0 0 80px;}
#contents.no-padding{padding-bottom:0;}
#contents::after{content:"";clear:both;display:block;}
#main-column{width:710px;float:left;}
#main-column.index{width:740px;float:left;margin:55px 0 0;}
#main-column.index.nomargin{width:740px;float:left;margin-top:0;}
#main-column.index.shareholders{width:710px;}
#main-column.article,
#main-column.page{width:764px;float:left;}
#sub-column{width:240px;float:right;margin:55px 0 0;position:relative;}/* パンくず */
.breadcrumb{font-size:14px;padding:20px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;box-sizing:border-box;}
.breadcrumb a{color:#014099;}
.breadcrumb span{position:relative;display:inline;padding-right:20px;line-height:1;}
.breadcrumb span::after{content:"";display:block;position:absolute;right:7px;top:6px;width:6px;height:6px;border-top:solid 1px #333;border-right:solid 1px #333;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.breadcrumb span:last-child{padding-right:0;}
.breadcrumb span:last-child::after{display:none;}

/* header 見出し */
.box-heading{background: #fff none repeat scroll 0 0;margin-bottom: 40px;padding: 40px 20px;}
.box-heading h1{font-size: 22px;line-height: 1.3;font-weight:normal;}
.box-heading--narrow{padding:0 20px;height:80px;margin-bottom:10px;}
.box-heading--narrow h1{font-size:24px;font-weight:bold;line-height:80px;margin:0;}

/* リボン */
.badge-icon{position:relative;}
.badge-icon .pickup{position:absolute;top:0;left:0;background:#bf0000;color:#fff;height:30px;line-height:30px;font-size:14px;padding:0 7px;z-index:1;}
.badge-icon .pickup::after{content:"";display:block;border-top:solid 15px #bf0000;border-bottom:solid 15px #bf0000;border-left:solid 1px #bf0000;border-right:solid 15px transparent;position:absolute;top:0;right:-15px;}

.badge-icon .feature{position:absolute;top:0;left:0;background:#014099;color:#fff;height:30px;line-height:30px;font-size:14px;padding:0 18px;z-index:1;}
.badge-icon .feature::after{content:"";display:block;border-top:solid 15px #014099;border-bottom:solid 15px #014099;border-left:solid 1px #014099;border-right:solid 15px transparent;position:absolute;top:0;right:-15px;}

.badge-icon .movie{position:absolute;top:0;left:0;background:#009f00;color:#fff;height:30px;line-height:30px;font-size:14px;padding:0 18px;z-index:1;}
.badge-icon .movie::after{content:"";display:block;border-top:solid 15px #009f00;border-bottom:solid 15px #009f00;border-left:solid 1px #009f00;border-right:solid 15px transparent;position:absolute;top:0;right:-15px;}

.badge-icon .votes{position:absolute;top:0;left:0;background:#fd7e01;color:#fff;height:30px;line-height:30px;font-size:14px;padding:0 18px;z-index:1;}
.badge-icon .votes::after{content:"";display:block;border-top:solid 15px #fd7e01;border-bottom:solid 15px #fd7e01;border-left:solid 1px #fd7e01;border-right:solid 15px transparent;position:absolute;top:0;right:-15px;}

.badge-icon .member{position:absolute;top:0;right:0;width:30px;height:30px;background:url(/common/toushiru/images/v1/icons/lock.png) no-repeat center #ecad14;display:block;text-indent:150%;overflow:hidden;white-space:nowrap;z-index:1;}

li.list.badge-icon:hover .feature,
li.list.badge-icon:hover .movie,
li.list.badge-icon:hover .votes{margin:-2px;}
/* --------------------------
サブカラム
---------------------------- */
/* ランキング */
#ranking{margin:35px 0 40px;}
#ranking .heading{font-size:20px;font-weight:bold;background:url(/common/toushiru/images/v1/icons/article/ranking-outline@3x.png) no-repeat left;background-size:24px 24px;-webkit-background-size:24px 24px;padding-left:30px;margin-bottom:10px;line-height:1.8;}
#ranking .tab{text-align:center;}
#ranking .tab span{display:inline-block;width:33.33%;font-size:14px;color:#000;font-weight:bold;border-bottom:solid 1px #999;padding-bottom:13px;cursor:pointer;box-sizing:border-box;}
#ranking .tab span:hover{color:#014099;}
#ranking .tab span.current{color:#014099;border-bottom:solid 4px #014099;padding-bottom:10px;}
#ranking .rank{padding:16px 0 0;}
#ranking .rank ul{margin:0;padding:0;}
#ranking .rank ul li{margin:0 0 16px;padding:0;list-style:none;display:table;}
#ranking .rank ul li .icon{display:table-cell;width:80px;height:53px;vertical-align:top;position:relative;}
#ranking .rank ul li .icon img{width:100%;vertical-align:bottom;}
#ranking .rank ul li .num{position:absolute;top:0;left:0;width:24px;height:24px;border-radius:24px;line-height:22px;text-align:center;color:#fff;background:#084397;border:solid 1px #fff;font-size:12px;box-sizing:border-box;}
#ranking .rank ul li .title{display:table-cell;width:160px;padding-left:10px;box-sizing:border-box;vertical-align:top;font-size:12px;font-weight:bold;}
#ranking #weekly-table,#ranking #monthly-table{display:none;}

/* 投票 */
.m-banner-vote { width:100%; box-sizing:border-box; background:#FFF; }
.m-banner-vote__heading { margin-bottom:16px; border-bottom:solid 1px #ededed;}
.m-banner-vote__heading img{width:240px;height:78px;vertical-align:bottom;}
.m-banner-vote__wrapper { padding:0 16px 16px; }
.m-banner-vote__link:hover { text-decoration:none; }
.m-banner-vote__label{text-align:center;position:relative;}
.m-banner-vote__label.u--banner-lable__open::before{content:"";display:block;width:28%;height:2px;background:#bf0000;position:absolute;top:50%;transform:translate(0,-50%);left:0;}
.m-banner-vote__label.u--banner-lable__open::after{content:"";display:block;width:28%;height:2px;background:#bf0000;position:absolute;top:50%;transform:translate(0,-50%);right:0;}
.m-banner-vote__image { margin-top:16px; }
.m-banner-vote__image img { width:100%; vertical-align:top; }
.m-banner-vote__title { margin-top:16px; font-size:14px; line-height:1.3; font-weight:bold; text-decoration:none; }
.m-btn-vote__link { width:100%; box-sizing:border-box; border:1px solid #014099; font-size: 16px; font-weight: bold; text-align:center; border-radius:4px; line-height:1.0; padding:15px 0; margin-top:16px; color:#014099; }
.u-btn-vote__open { border:none; background:#014099; color:#FFF; }
.c-label-status__text { text-align:center;color:#666;font-size:12px;display:block;margin-top:10px;}
.m-other-vote__link { text-align:right; margin:8px 0 40px; font-size:12px; }
.u--banner-lable__open .c-banner-vote__status {background:#fff;text-align:center;color:#bf0000;font-size:12px;font-weight:bold;padding:0 10px;display:inline-block;vertical-align:bottom;}

/* 新着記事 */
.article-latest.subcolumn{margin:35px 0 40px;}
.article-latest.subcolumn .heading{font-size:20px;font-weight:bold;background:url(/common/toushiru/images/v1/icons/article/list-outline@3x.png) no-repeat left;background-size:24px 24px;-webkit-background-size:24px 24px;padding-left:30px;margin-bottom:10px;line-height:1.8;}
.article-latest-list ul{margin:0;padding:0;}
.article-latest-list ul li{margin:0 0 16px;padding:0;list-style:none;display:table;}
.article-latest-list ul li .icon{display:table-cell;width:80px;height:53px;vertical-align:top;position:relative;}
.article-latest-list ul li .icon img{width:100%;vertical-align:bottom;}
.article-latest-list ul li .text{display:table-cell;width:160px;padding-left:10px;box-sizing:border-box;vertical-align:top;}
.article-latest-list ul li .title{display:block;font-size:12px;font-weight:bold;}
.article-latest-list ul li .date{display:block;font-size:12px;color:#686868;margin-top:4px;}


#sub-column .keywords .list span:nth-last-child(-n+2) a{margin-bottom:16px;}


/* メルマガ */
#mailmagazine{margin:35px 0 40px;}
#mailmagazine .heading{font-size:20px;font-weight:bold;background:url(/common/toushiru/images/v1/icons/article/mail-outline@3x.png) no-repeat left;background-size:24px 24px;-webkit-background-size:24px 24px;padding-left:30px;margin-bottom:10px;line-height:1.8;}
#mailmagazine p{margin:0;padding:0 20px 10px;font-size:14px;line-height:1.5;text-align:center;}
#mailmagazine p.notice{color:#686868;padding-bottom:0;font-size:12px;text-align:left;padding:0;}
#mailmagazine .btn{width:240px;margin:0 auto 5px;}
#mailmagazine .btn a{display:block;background:#fff;color:#014099;border:solid 1px #014099;border-radius:4px;padding:15px 0;text-align:center;font-size:16px;font-weight:bold;line-height:1.2;}
#mailmagazine .btn a:hover{background-color:#014099;color:#fff;text-decoration:none;}
#mailmagazine .regist{margin:16px 0;font-size:13px;text-align:right;position:relative;padding-right:10px;}
#mailmagazine .regist::after{content:"";display:block;width:8px;height:8px;position:absolute;top:3px;right:0;border-right:solid 1px #333;border-top:solid 1px #333;transform:rotate(45deg);-webkit-transform:rotate(45deg);}

/* SNS */
#sns{margin:35px 0 40px;}
#sns .heading{font-size:20px;font-weight:bold;background:url(/common/toushiru/images/v1/icons/article/group-8-3@3x.png) no-repeat left;background-size:24px 24px;-webkit-background-size:24px 24px;padding-left:30px;margin-bottom:10px;line-height:1.8;}
#sns p{margin:0;padding:0 0 10px;font-size:14px;line-height:1.5;text-align:center;}
#sns p.notice{color:#686868;padding-bottom:0;font-size:12px;text-align:left;}
#sns .facebook,#sns .twitter,#sns .x-twitter{width:240px;margin:10px auto;}
#sns .facebook a,#sns .twitter a,#sns .x-twitter a{display:block;border:solid 1px #014099;border-radius:4px;height:46px;line-height:46px;font-size:16px;font-weight:bold;color:#014099;position:relative;}
#sns .facebook a:hover::after,#sns .twitter a:hover::after,#sns .x-twitter a:hover::after{border-color:#fff;}
#sns .facebook a{background:url(/common/toushiru/images/v1/icons/Group_facebook@2x.png) no-repeat 52px center #fff;background-size:24px 24px;-webkit-background-size:24px 24px;padding-left:83px;}
#sns .twitter a{background:url(/common/toushiru/images/v1/icons/Group_twitter@2x.png) no-repeat 60px center #fff;background-size:24px 24px;-webkit-background-size:24px 24px;padding-left:91px;}
#sns .x-twitter a{background:url(/common/toushiru/images/v1/icons/x-logo-bg.png) no-repeat 40px center #fff;background-size:24px 24px;-webkit-background-size:24px 24px;padding-left:70px;}
#sns .facebook a:hover{background:url(/common/toushiru/images/v1/icons/Group_facebook@2x.png) no-repeat 52px center #014099;background-size:24px 24px;-webkit-background-size:24px 24px;padding-left:83px;color:#fff;text-decoration:none;}
#sns .twitter a:hover{background:url(/common/toushiru/images/v1/icons/Group_twitter@2x.png) no-repeat 60px center #014099;background-size:24px 24px;-webkit-background-size:24px 24px;padding-left:91px;color:#fff;text-decoration:none;}
#sns .x-twitter a:hover{background:url(/common/toushiru/images/v1/icons/x-logo-bg.png) no-repeat 40px center #014099;background-size:24px 24px;-webkit-background-size:24px 24px;padding-left:70px;color:#fff;text-decoration:none;}

/* more */
#sub-column .more a{display:block;padding:0 10px 0 0;text-align:right;font-size:12px;position:relative;}
#sub-column .more a::after{content:"";display:block;position:absolute;right:0;top:5px;width:6px;height:6px;border-top:solid 1px #333;border-right:solid 1px #333;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

/* 記事サブカラムのお知らせ */
.subcolumn-information{padding:10px;background:#fff;margin-bottom:25px;}
.subcolumn-information p{margin:0;padding:0;line-height:1.4;font-size:14px;}
.subcolumn-information a{color:#014099;}

/* バッヂバナー */
.sub-badge-banner__list{margin-bottom:16px;}
.sub-badge-banner__list .badge-banner__image{width:240px;height:120px;}
.sub-badge-banner__word{display:block;text-align:right;margin-top:5px;font-size:12px;}

/* キーワード */
.keywords{margin:35px 0 40px;}
.keywords .heading{font-size:20px;font-weight:bold;background:url(/common/toushiru/images/v1/icons/article/pin@3x.png) no-repeat left;background-size:24px 24px;-webkit-background-size:24px 24px;padding-left:30px;margin-bottom:10px;line-height:1.8;}
.keywords .list span{display:inline-block;text-align:center;}
.keywords .list a{font-size:14px;color:#014099;background:#fff;border-radius:20px;display:block;padding:2px 20px;line-height:1.8;margin-bottom:8px;}
.keywords .list a:hover{color:#fff;background:#014099;text-decoration:none;}/* 記事本文 */
article{background:#fff;}
article.transparent{background:transparent;}
.article-body{padding:20px;line-height:1.8;overflow-wrap:break-word;word-break:normal;}
.article-body.\--lead{padding:20px 20px 0;}
.article-body.with-bg{background:#fff;margin-bottom:10px;}
.article-body::after{content:"";display:block;clear:both;}
.article-body div{max-width:724px;}
.article-body p{font-size:16px;line-height:25px;margin-bottom:34px;}
.article-body p.caption{text-align:center;font-size:14px;margin-bottom:25px;}
.article-body a{color:#014099;text-decoration:underline;}
.article-body a:hover{text-decoration:none;}
.article-body img{max-width:660px;}
.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;text-align:center;}
.article-body .image-area img{width:100%;vertical-align:bottom;}
.article-body .image-area .caption{font-size:12px;background:#ededed;padding:5px;text-align:left;}

/* 記事テンプレート用CSS */
.article-body h2{color:#014099;font-size:24px;border-bottom:solid 1px #c4c4c4;margin:16px 0;padding-bottom:12px;}
.article-body h3{color:#014099;font-size:18px;border-left:solid 5px #014099;padding-left:8px;line-height:1.2;}
.article-body h4{line-height:1.2;}
.article-body p.kakugen{font-size:48px;line-height:1.5;color:#0000cd;font-weight:bold;}
.article-body ol:not(.m-article-index-list){margin:25px 0;padding:0 20px;clear:both;}
.article-body ol:not(.m-article-index-list) li{padding-left:15px;}
.article-body ul{margin:25px 0;padding:0 20px;clear:both;}
.article-body ul li{padding-left:15px;}
.article-body table{margin:25px auto;border-collapse:collapse;width:100% !important;}
.article-body table thead th{background:#328ac7;color:#fff;padding:5px;font-weight:normal;font-size:15px;border:solid 1px #c3c3c3;}
.article-body table tbody th{background:#e5ebfb;padding:5px;font-weight:normal;font-size:15px;border:solid 1px #c3c3c3;}
.article-body table tbody td{padding:5px;font-weight:normal;font-size:15px;border:solid 1px #c3c3c3;}

/* youtubeと動画 */
.article-body .movie,
.article-body .video,
.article-body .youtube{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:15px;}
.article-body .movie iframe,
.article-body .video iframe,
.article-body .youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

/* brightcove */
.article-body div.video-js{max-width:initial;}

/* ディスクレーマー */
.article-disclaimer{color:#7a7a7a;padding:0 25px 25px;}
.article-disclaimer p{font-size:14px;line-height:1.6;letter-spacing:1px;margin:0;}
.article-disclaimer p a{color:#7a7a7a;text-decoration:none;}
.article-disclaimer p a:hover{text-decoration:underline;}
.disclaimer-text{color:#fff;margin:0 auto;padding:40px 0;}
.disclaimer-text p{font-size:14px;line-height:1.8;letter-spacing:1px;margin:0;padding:0;}
.disclaimer-text .link{margin-top:30px;}
.disclaimer-text .link a{display:block;text-align:left;font-size:14px;color:#fff;text-decoration:underline;}

.article-body .disclaimer-text{box-sizing:border-box;width:auto;padding:20px 15px;}
.article-body .disclaimer-text .link::after{top:7px;}/* テーマのcss ----------------------- */
#contents-header{height:300px;background-position:center;background-repeat:no-repeat;padding:60px 0;box-sizing:border-box;color:#fff;}
#contents-header.image{padding:0;height:auto;max-height:300px;overflow:hidden;margin:0;}
#contents-header.image img{width:100%;height:auto;}

/* --- テーマスキン用 --------------------------------------------------- */
.article-body .theme-kanban-area img{max-width:100%;width:auto;}
/* 看板エリア */
.theme-kanban-area__heading{margin:0 0 20px 0;padding:0 0 10px 0;font-size:24px;border-bottom:solid 1px #c4c4c4;}
.theme-kanban-area__subtitle{font-size:20px;font-weight:bold;color:#084397;}
.article-body .theme-kanban-area__lead{margin:0 0 24px;}

/* 目次エリア */
.theme-index-area__heading{font-size:20px;color:#333;font-weight:bold;position:relative;padding-right:30px;border-bottom:solid 1px #c4c4c4;}
.article-body .theme-index-area__list{margin:10px 0 0;padding:0;}
.article-body .theme-index-area__item{list-style:none;margin:0 0 6px;font-size:16px;padding:0 0 0 20px;position:relative;}
.article-body .theme-index-area__item::before{content:"・";display:block;position:absolute;top:0;left:0;}
.article-body .theme-index-area__link{color:#084397;text-decoration:none;position:relative;padding:0 20px 0 0;}
.article-body .theme-index-area__link::after{content:"▼";display:block;position:absolute;top:3px;right:0;font-size:12px;}

.article-body .theme-index-area ul.btn li{padding:0;width:236px;float:left;margin:0 8px 8px 0;}
.article-body .theme-index-area ul.btn li:nth-child(3n){margin-right:0;}
.article-body .theme-index-area ul.btn li a{display:block;}
.article-body .theme-index-area ul.btn li img{max-width:100%;width:236px;vertical-align:bottom;}

/* ブロックエリア */
.article-body .theme-block-header__heading{font-size:20px;font-weight:bold;color:#333;border-bottom:solid 1px #c4c4c4;margin:0 0 20px;padding-bottom:6px;}
.article-body .theme-block-header_subtitle{color:#333;border-style:none;font-size:16px;padding:0;}

/* テーマtopのカラム別css ----------------------- */
.article-body .theme-top-articles{margin-bottom:20px;}
.article-body .theme-top-articles a{text-decoration:none;color:#333;}
.article-body .theme-top-articles::after{content:"";display:block;clear:both;}
.article-body .theme-top-articles .theme-top-articles__block:first-child{float:left;width:354px;}
.article-body .theme-top-articles .theme-top-articles__block:nth-child(2){float:right;width:354px;}
.article-body .theme-top-articles .icon img{width:100%;vertical-align:bottom;}

.article-body .theme-top-articles.single .theme-top-articles__block{width:362px;}
.article-body .theme-top-articles.single .icon{width:362px;margin-bottom:8px;}
.article-body .theme-top-articles.single .title{display:block;font-size:16px;color:#333;font-weight:bold;line-height:1.4;margin-bottom:3px;}
.article-body .theme-top-articles.single .author{display:block;color:#676767;font-size:14px;margin-bottom:10px;}
.article-body .theme-top-articles.single .date{font-size:14px;color:#666;display:block;}
.article-body .theme-top-articles.single .date .new{font-weight:bold;color:#bf0000;font-weight:bold;}
.article-body .theme-top-articles__text{padding:0 15px;}
.article-body .theme-top-articles__text p:first-child{margin-top:0;}

.article-body .theme-top-articles.columns2 .icon{width:354px;margin-bottom:8px;}
.article-body .theme-top-articles.columns2 .title{display:block;font-size:16px;color:#333;font-weight:bold;line-height:1.4;margin-bottom:3px;}
.article-body .theme-top-articles.columns2 .author{display:block;color:#676767;font-size:14px;margin-bottom:10px;}
.article-body .theme-top-articles.columns2 .date{font-size:14px;color:#666;display:block;}
.article-body .theme-top-articles.columns2 .date .new{font-weight:bold;color:#bf0000;font-weight:bold;}

.article-body .theme-top-articles.columns3 .theme-top-articles__block:first-child .icon{display:block;width:354px;margin-bottom:13px;}
.article-body .theme-top-articles.columns3 .date{font-size:14px;color:#666;display:inline-block;line-height:1.2;vertical-align:top;}
.article-body .theme-top-articles.columns3 .author{display:inline-block;color:#676767;font-size:14px;line-height:1.2;margin:0 0 0 10px;}
.article-body .theme-top-articles.columns3 .theme-top-articles__block:first-child .date,
.article-body .theme-top-articles.columns3 .theme-top-articles__block:first-child .author{display:block;margin:5px 0 0;}
.article-body .theme-top-articles.columns3 .date .new{font-weight:bold;color:#bf0000;font-weight:bold;}
.article-body .theme-top-articles.columns3 .title-part{margin-bottom:20px;}
.article-body .theme-top-articles.columns3 .title{display:block;font-size:16px;color:#333;font-weight:bold;line-height:1.4;position:relative;top:-5px;}

.article-body .theme-top-articles.columns4 .theme-top-articles__block:first-child .icon{width:354px;margin-bottom:8px;float:none;}
.article-body .theme-top-articles.columns4 .theme-top-articles__block:first-child .title-part{float:none;width:auto;}
.article-body .theme-top-articles.columns4 .theme-top-articles__block:first-child .title{display:block;font-size:16px;color:#333;font-weight:bold;line-height:1.4;margin-bottom:3px;}
.article-body .theme-top-articles.columns4 .theme-top-articles__block:first-child .author{display:block;color:#676767;font-size:14px;margin-bottom:10px;}
.article-body .theme-top-articles.columns4 .theme-top-articles__block:first-child .date{font-size:14px;color:#666;display:block;}
.article-body .theme-top-articles.columns4 .theme-top-articles__block:first-child .date .new{font-weight:bold;color:#bf0000;font-weight:bold;}
.article-body .theme-top-articles.columns4 .top-articles-list::after{content:"";display:block;clear:both;}
.article-body .theme-top-articles.columns4 .top-articles-list{margin-bottom:16px;}
.article-body .theme-top-articles.columns4 .icon{float:left;width:173px;}
.article-body .theme-top-articles.columns4 .icon img{max-width:100%;vertical-align:bottom;}
.article-body .theme-top-articles.columns4 .title-part{width:165px;float:right;}
.article-body .theme-top-articles.columns4 .title{font-size:14px;font-weight:bold;line-height:1.4;display:block;margin-bottom:3px;}
.article-body .theme-top-articles.columns4 .author{color:#686868;font-size:12px;display:block;margin-bottom:3px;}
.article-body .theme-top-articles.columns4 .date{font-size:12px;color:#666;display:block;margin-bottom:5px;line-height:1.2;}
.article-body .theme-top-articles.columns4 .date .new{font-weight:bold;color:#bf0000;font-weight:bold;}

.article-body .theme-top-articles.columns5 .theme-top-articles__block:first-child .top-articles-list:first-child{margin-bottom:27px;min-height:373px;}
.article-body .theme-top-articles.columns5 .theme-top-articles__block:first-child .top-articles-list:first-child .icon{width:354px;margin-bottom:8px;float:none;}
.article-body .theme-top-articles.columns5 .theme-top-articles__block:first-child .top-articles-list:first-child .icon img{max-width:100%;}
.article-body .theme-top-articles.columns5 .theme-top-articles__block:first-child .top-articles-list:first-child .title-part{float:none;width:auto;}
.article-body .theme-top-articles.columns5 .theme-top-articles__block:first-child .top-articles-list:first-child .title{display:block;font-size:16px;color:#333;font-weight:bold;line-height:1.4;margin-bottom:5px;}
.article-body .theme-top-articles.columns5 .theme-top-articles__block:first-child .top-articles-list:first-child .author{display:block;color:#676767;font-size:14px;margin-bottom:10px;min-height:38px;max-height:38px;line-height:1.4;}
.article-body .theme-top-articles.columns5 .theme-top-articles__block:first-child .top-articles-list:first-child .date{font-size:14px;color:#666;display:block;}

.article-body .theme-top-articles.columns5 .top-articles-list::after{content:"";display:block;clear:both;}
.article-body .theme-top-articles.columns5 .top-articles-list{margin-bottom:16px;}
.article-body .theme-top-articles.columns5 .icon{float:left;width:173px;}
.article-body .theme-top-articles.columns5 .title-part{width:165px;float:right;}
.article-body .theme-top-articles.columns5 .title{font-size:14px;font-weight:bold;line-height:1.4;display:block;margin-bottom:3px;}
.article-body .theme-top-articles.columns5 .author{color:#686868;font-size:12px;display:block;margin-bottom:3px;}
.article-body .theme-top-articles.columns5 .date{font-size:12px;color:#666;display:block;margin-bottom:5px;line-height:1.2;}
.article-body .theme-top-articles.columns5 .date .new{font-weight:bold;color:#bf0000;font-weight:bold;}

/* テーマ一覧のカラム別css ----------------------- */
.article-body .theme-index-area ul.btn{margin:0;padding:0;}
.article-body .theme-index-area ul.btn li{list-style:none;}
.article-body .theme-articles ul{margin:0;padding:0;}
.article-body .theme-articles ul li{padding:0;display:block;}
.article-body .theme-articles ul::after,
.article-body .theme-articles ul li::after{content:"";display:block;clear:both;}
.article-body .theme-articles ul li a{color:#000;text-decoration:none;}
.article-body .theme-articles ul li a:hover{text-decoration:none;}
.article-body .theme-articles ul li img{width:auto;max-width:100%;}
.article-body .theme-articles ul li .author{display:block;color:#676767;font-size:12px;line-height:1.4;}
.article-body .theme-articles.columns2-noimage ul li .author{display:inline-block;margin-left:10px;}
.article-body .theme-articles ul li .title-part{position:relative;}
.article-body .theme-articles ul li .title{display:block;line-height:1.4;font-weight:bold;margin-bottom:5px;}
.article-body .theme-articles ul li .date{color:#676767;display:block;font-size:12px;}
.article-body .theme-articles ul li .new{color:#bf0000;display:inline-block;font-weight:bold;}

/* 1割フォーマット -------------- */
.theme-articles.single ul li{margin-bottom:25px;}
.theme-articles.single ul li .icon{width:178px;height:118px;display:block;overflow:hidden;float:left;}
.theme-articles.single ul li .title-part{width:530px;height:118px;float:right;}
.theme-articles.single ul li .title{font-size:16px;}

/* 2割フォーマット -------------- */
.theme-articles.columns2 ul li{margin-bottom:25px;}
.theme-articles.columns2 ul li::after{content:"";display:block;clear:both;}
.theme-articles.columns2 ul li:nth-child(odd){float:left;width:48%;clear:both;}
.theme-articles.columns2 ul li:nth-child(even){float:right;width:48%;}
.theme-articles.columns2 ul li .icon{width:173px;height:115px;float:left;}
.theme-articles.columns2 ul li .title-part{width:164px;float:right;}
.theme-articles.columns2 ul li .title{font-size:14px;}

/* 3割フォーマット -------------- */
.theme-articles.columns3 ul li{margin-bottom:25px;float:left;width:230px;margin-right:17px;}
.theme-articles.columns3 ul li:nth-child(3n){margin-right:0;}
.theme-articles.columns3 ul li:nth-child(3n+1){clear:both;}
.theme-articles.columns3 ul li .title-part{height:120px;}
.theme-articles.columns3 ul li .title{font-size:14px;}

/* 4割フォーマット -------------- */
.theme-articles.columns4 ul li{margin-bottom:18px;float:left;width:175px;margin-right:8px;}
.theme-articles.columns4 ul li:nth-child(4n){margin-right:0;}
.theme-articles.columns4 ul li:nth-child(4n+1){clear:both;}
.theme-articles.columns4 ul li .title-part{height:90px;}
.theme-articles.columns4 ul li .title{font-size:12px;}

/* 2割フォーマット（画像なし） -------------- */
.theme-articles.columns2-noimage ul li{border-bottom:solid 1px #ccc;padding-bottom:10px;margin-bottom:10px;}
.theme-articles.columns2-noimage ul li:nth-child(odd){float:left;width:48%;clear:both;}
.theme-articles.columns2-noimage ul li:nth-child(even){float:right;width:48%;}
.theme-articles.columns2-noimage ul li .title{font-size:14px;}