@charset "utf-8";

/* -------------------------------------------------
カラーコード（このサイトで使用する色）
#000 = 黒
#838383 = グレー
#d1d1d1 = 薄いグレー
#233b71 = 濃いブルー
#3b5ba1 = 中間（差し色）のブルー
#b3bfd5 = 薄いブルー
#80b899 = 薄いグリーン
#b30000 = 深い赤

Googleフォント
font-family: 'Anton', sans-serif; = ランキングの数字
---------------------------------------------------- */

/* -------------------------------------------------
リセット
---------------------------------------------------- */
*{margin:0;padding:0;}
body,input,textarea{font-family: 'Meiryo', 'メイリオ', Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;line-height:1.4;}
img{border: 0;vertical-align:bottom;}
ul,li{list-style:none;}

/* -------------------------------------------------
サイト全体に共通の指定
---------------------------------------------------- */

/* 禁則処理 */
html {
  word-break: normal;
}
body {
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  word-wrap: break-word;
}

/* -- ▼ リンク ▼ -- */
a{text-decoration:none;color:#000;}
a:visited{color:#777;}
a.block{display:block;}

/* -- ▼ 文字を隠す ▼ -- */
.hide{overflow:hidden;white-space:nowrap;text-indent:100%;}

.center{text-align:center}

/* -------------------------------------------------
レイアウトの指定
---------------------------------------------------- */
#wrapper{z-index: 2;position: relative;}
#main-contents{border-top:solid 2px #223B71;margin-bottom: 2em;}

/* -------------------------------------------------
Gnaviの指定
---------------------------------------------------- */
#gnavi.logout{background-color: #000;padding:10px 5px;overflow: hidden;}
#gnavi.login{background-color:#233b71;padding:10px 5px;overflow: hidden;}
#gnavi,#gnavi a{color:#fff;}
header .header-inner .menu{
  background-image:url(/common/images/v1/smartphone/icon-menu.png);
  background-repeat:no-repeat;
  background-size:30px 30px;
  -moz-background-size:30px 30px;
  -webkit-background-size:30px 30px;
  width:30px;
  height:30px;
  display:block;
  text-indent:100%;
  overflow:hidden;
  white-space:nowrap;
position:absolute;
right:0px;
top:10px;
}
header .header-inner .search{
  background-image:url(/common/images/v1/smartphone/icon-search.png);
  background-repeat:no-repeat;
  background-size:26px 26px;
  -moz-background-size:26px 26px;
  -webkit-background-size:26px 26px;
  width:26px;
  height:26px;
  display:block;
  text-indent:100%;
  overflow:hidden;
  white-space:nowrap;
position:absolute;
left:0px;
top:10px;
}
#gnavi nav ul .menu{
padding-left:9px;
padding-right:4px;
width:40%;
}
#gnavi nav ul .menu img{
width:100%;
}
#gnavi nav,footer .bottom nav{/* float:left;width:220px; */}
#gnavi nav ul,footer .bottom nav ul{width:100%;display:table;}
#gnavi nav ul li{
display:table-cell;margin:0 2px;text-align: center;
vertical-align:middle;
}
footer .bottom nav ul li{display:table-cell;margin:0 2px;text-align: center;}
#gnavi nav ul li a,footer .bottom nav ul li a{display: block;padding:6px 3px;}
#gnavi nav ul li.login .ic,#gnavi nav ul li.logout .ic,#gnavi nav ul li.join .ic,#gnavi nav ul li.mypage .ic,footer .bottom nav ul li.login .ic,footer .bottom nav ul li.logout .ic,footer .bottom nav ul li.join .ic,footer .bottom nav ul li.mypage .ic{margin-right:4px;}
#gnavi nav ul li.login .ic img,#gnavi nav ul li.logout .ic img,footer .bottom nav ul li.login .ic img,footer .bottom nav ul li.logout .ic img{
    width: 16px;
    height:16px;
    vertical-align:top;
}
#gnavi nav ul li.logout{
    width:28%;
    font-size:0.8em;
    padding-right:4px;
}
#gnavi nav ul li.login{
    width:35%;
    font-size:0.8em;
    padding-right:4px;
}
#gnavi nav ul li.clip{width:89%;}
@media screen and (max-width:320px){
  #gnavi nav ul li.clip{
    width:87%;
  }
}
footer .bottom nav ul li.login,footer .bottom nav ul li.logout{
    width:35%;
    font-size:0.8em;
    padding-right:4px;
}
#gnavi nav ul li.login a,#gnavi nav ul li.logout a,#gnavi nav ul li.join a,#gnavi nav ul li.mypage a,#gnavi nav ul li.receipt a,footer .bottom nav ul li.login a,footer .bottom nav ul li.logout a,footer .bottom nav ul li.join a,footer .bottom nav ul li.mypage a{border: solid 1px #fff;border-radius: 4px;}
#gnavi nav ul li.join .ic img,#gnavi nav ul li.mypage .ic img,footer .bottom nav ul li.join .ic img,footer .bottom nav ul li.mypage .ic img{
    width: 16px;
    height:16px;
    vertical-align:top;
}
#gnavi nav ul li.join,#gnavi nav ul li.mypage{
    width:30%;
    font-size:0.8em;
    padding-right:4px;
}
#gnavi nav ul li.join{width:54%;font-size:0.8em;}
#gnavi nav ul li.receipt{width:30%;font-size:0.8em;}
@media screen and (max-width:320px){
  #gnavi nav ul li.join,#gnavi nav ul li.mypage{width:30%;font-size:0.7em;padding-right:2px;}
  #gnavi nav ul li.join,#gnavi nav ul li.receipt{width:30%;font-size:0.7em;}
  #gnavi nav ul li.login,#gnavi nav ul li.logout{width:28%;font-size:0.7em;padding-right:2px;}
}
footer .bottom nav ul li.join,footer .bottom nav ul li.mypage{width:60%;font-size:0.8em;}
#gnavi nav ul li.join .first,footer .bottom nav ul li.join .first{color:#81b85c;padding-right:8px;}

.article-list-header.non-kanban.detail-search{margin-bottom:10px;}
#search-section-smp{
  width:auto;
  display: none;
  padding:8px;
}
.search-section-wrap{padding:10px;box-shadow: 0px 2px 1px #ccc;}
.detail-search-form{padding: 4px;}
#search-section-smp .search-box{background-color: #DEE3EF;overflow: hidden;padding:2px;}
#search-section-smp input.search-btn{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-style: none;
    display: inline-block;
    background-position: 8px -778px;
    background-color: #DEE3EF;
    border-radius: 0 3px 3px 0;
}    
#search-section-smp .search-box .inputtext {
    background-color: #dee3ef;
    border-radius: 3px 0 0 3px;
    height: 30px;
    line-height: 30px;
    float: left;
    width: 88%;
    padding: 0 4px;
    -webkit-appearance: none;
    border-style: none;
}

.search-box-detail input.inputtext{
  height:26px;
  line-height:30px;
  font-size:16px;
  width:100%;
}
#search-section-smp input.search-btn{
    height:30px;
    width:27px;
    background-image: url(/common/images/v1/smartphone/search-ico.png);
    background-repeat: no-repeat;
    background-position: 0 2px;
    background-size: 25px 25px;
    -webkit-background-size: 25px 25px;
    -moz-background-size: 25px 25px;
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden;
    float: right;
}
.detailopen{display: block;text-align: right;margin-top: 10px;}
.detailopen a{color:#000;}
.detailopen a:visited{color:#000;}
.detailclose{display: block;text-align: right;margin-top: 10px;}
.detailclose a{color:#000;}
.detailclose a:visited{color:#000;}
.search-box-detail {
    border: solid 1px #aeaeae;
    border-radius: 4px;
    padding: 3px;
    width: 98%;
    background-color: #dee3ef;
}
.search-box-detail .search-row{
  width:100%;
  display: flex;
  margin-bottom: 6px;
}
.search-box-detail .search-row .search-th{
  width:25%;
  letter-spacing: 1px;
  font-size: 15px;
  padding: 6px 0px 0px;
}
.search-box-detail .search-row .search-td{width:73%;}
.search-box-detail .search-row .search-td select {
    padding: 2px 5px;
    width: 56%;
    font-size: 14px;
    background-color: #fff;
}
.search-td .search-fromto {
    display: inline-block;
    padding: 2px 5px;
    width: 33%;
}
.search-box-detail .search-row .search-td .search-calendar__sup {font-size: 15px;}
.search-box-detail .detail-search-btn {
    background-color: #223B71;
    text-align: center;
    margin-top: 15px;
    border-radius: 4px;
    position: relative;
}
.search-box-detail .detail-search-btn #detail-search {
    padding: 6px;
    border-radius: 4px;
    background-color: transparent;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    border: none;
}
.search-box-detail .detail-search-btn::before {
    display: block;
    content: '';
    width: 30px;
    height: 30px;
    background: url(/common/images/v1/common/common.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: 200px 1680px;
    -webkit-background-size: 180px auto;
    -moz-background-size: 200px 1680px;
    background-position: left 4px top -800px;
    position: absolute;
    left: 50%;
    transform: translateX(40px);
    pointer-events: none;
}

/* -------------------------------------------------
サイトナビの指定
---------------------------------------------------- */
#sitenavi{
width:100%;
/*
position: absolute;
left:0;
/* top:112px; 20170801に変更 */
top:51px;
z-index: 999;
width:100%;
display: none;
}
#main-navi{ background-color: #233b71;}
#main-navi ul li a,#sub-navi ul li a{color:#fff;display:block;padding:10px;font-size:16px;}

#main-navi ul li.current a{background-color: #000;}
#main-navi ul li{border-bottom:solid 1px #11234c;border-top: solid 1px #334c84;}
#main-navi ul.category li:first-child{border-top:solid 1px #fff;}
#main-navi ul li ul.society li{margin-left:15px;;}
#main-navi ul li ul.sports li{margin-left:15px;;}
#main-navi ul li ul.medical li{margin-left:15px;;}
#main-navi ul li ul.security li{margin-left:15px;;}

#sub-navi{background-color: #b3bfd5;}
#sub-navi ul li{border-bottom:solid 1px #6d81a5;border-top: solid 1px #d6e2f9;}
#sub-navi ul li.area{padding:10px;color:#233b71;font-weight: bold;}

/* -------------------------------------------------
トップメニューの指定
---------------------------------------------------- */
.top-menu{width:100%;}
.top-menu ul:not(.h-tag-menu){
    width:100%;
    justify-content: center;
    padding:0;
    list-style: none;
    background-image: url(/common/images/v1/common/navi-bg.png);
    overflow: hidden;
}

.top-menu ul:not(.h-tag-menu) li, .h-tag-menu li{
/*width:32.5%;*/
width:21.4%;
text-align: center;
float: left;
/*font-size:0.8em;*/
font-size:0.95em;
border-right:1px solid #fff;
border-top: 1px solid #fff;
}

.h-tag-menu{
  margin-top: 0;
  padding: 0 20px 0 0;
  height: 38px;
  background: url(/common/images/v1/common/subnavi-bg.png) #b3bfd5;
  border-top: 1px solid #fff;
  border-bottom: solid 1px #7c8396;
  overflow: hidden;
}

.h-tag-menu .slick-prev{
  display: none !important;
}

.h-tag-menu .slick-next{
  background-color: initial;
}

.h-tag-menu li{
  width: auto;
  border-top: 0;
  margin-bottom: 3px;
}
.h-tag-menu li:last-child{
  border-right: 0;
}
.h-tag-menu li a{
  padding: 7px 10px;
  font-weight: bold;
  color: #000;
  display: block;
}
.h-tag-menu li a.--red{
  color: #b30000;
}

.top-menu ul li.search{width:7%;border-right:none;padding:6px 3% 0;}
.top-menu ul li.search img{vertical-align:middle;}
.top-menu ul:not(.h-tag-menu) li a{color:#fff;padding:10px 0;display:block;}
.top-menu ul li.current a{background-image: url(/common/images/v1/common/subnavi-bg.png);}
.top-menu ul li span.forum{
    background-image: url(/common/images/v1/smartphone/forum-title.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90px 16px;
    -webkit-background-size: 90px 16px;
    -moz-background-size: 90px 16px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.top-menu img{width:100%; height: auto;}

@media screen and (max-width:320px){
.top-menu ul li{font-size:0.8rem;}
.top-menu ul li a{padding:12px 0;}
.top-menu ul li.search{padding-top:8px;}
}

/* -------------------------------------------------
ヘッダの指定
---------------------------------------------------- */
.header-inner{border-top:solid 4px #d1d1d1;overflow:hidden;padding:8px 0;text-align:center;position:relative;}
header p{margin-bottom: .5em;}
header .logo{text-align:center;}
header .logo a{
  width:120px;
  height:38px;
  background:url(/common/images/v1/smartphone/logo.png) no-repeat;
  background-size: 120px 38px;
  -webkit-background-size: 120px 38px;
  -moz-background-size: 120px 38px;
  text-indent:100%;
  overflow:hidden;
  white-space:nowrap;
  display:inline-block;
  margin:0 auto;
}
header .page-title{padding-left:40px;border-left:solid 2px #000;margin-left:40px;}
header .page-title h1{font-weight:normal;display:inline-block;line-height:50px;}
header .message-area{color:#b30000;font-weight:bold;text-align: left;margin:0 10px;font-size: 0.9em;}

.page-title{
  text-align:center;
  background:url(/common/images/v1/smartphone/title-bg.png);
  font-size:1.2em;
  font-weight:normal;
  color:#fff;
  padding:10px 0;
}

/* 20160801 */
header .menu{
  background-image:url(/common/images/v1/smartphone/icon-menu.png);
  background-repeat:no-repeat;
  background-size:30px 30px;
  -moz-background-size:30px 30px;
  -webkit-background-size:30px 30px;
  width:30px;
  height:30px;
  /* display:block; */
  /* text-indent:100%; */
  overflow:hidden;
  white-space:nowrap;
  float: right;
  margin-right:10px;
}
header .search{
  background-image:url(/common/images/v1/smartphone/icon-search.png);
  background-repeat:no-repeat;
  background-size:26px 26px;
  -moz-background-size:26px 26px;
  -webkit-background-size:26px 26px;
  width:26px;
  height:26px;
  display:block;
  text-indent:100%;
  overflow:hidden;
  white-space:nowrap;
  float: left;
  margin-left:10px;
}
/* 20160801 */


/* -------------------------------------------------
フッタの指定
---------------------------------------------------- */
footer{margin-top:40px;}
footer .top-site-top{float:right;margin:10px;}
/*
footer .top-site-top a{
  width:50px;
  height:50px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:url(/common/images/v1/smartphone/to-top.png) no-repeat;
  background-size: 50px 50px;
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  display:block;
  border-radius:4px;
}
*/
footer .bottom{overflow: hidden;padding:20px 10px;color:#fff;background-color:#233b71;text-align:center;clear:right;}
footer .bottom a{color:#fff;display: inline-block;}
footer .bottom .logo a{
  width:150px;
  height:48px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:url(/common/images/v1/smartphone/logo-white.png) no-repeat;
  background-size: 150px 48px;
  -webkit-background-size: 150px 48px;
  -moz-background-size: 150px 48px;
  display:block;
  margin:0 auto 1em auto;
}

footer ul.sns{overflow: hidden;margin:30px auto;width:100%;text-align: center;}
footer ul.sns li{display: inline-block;margin:0 14px;background-color:#233b71;width:44px;height:44px;border-radius:22px;}
footer ul.sns li a{width:44px;height:44px;display: inline-block;overflow: hidden;white-space: nowrap;text-indent: 100%;background-repeat: no-repeat;background-position: center;}
footer ul.sns li.fb a{background-image: url(/common/images/v1/smartphone/fb-ico.png);background-size: 12px 26px;-webkit-background-size: 12px 26px;-moz-background-size: 12px 26px;}
footer ul.sns li.tw a{background-image: url(/common/images/v1/common/icon_x_white.svg);background-size: 24px 24px;-webkit-background-size: 24px 24px;-moz-background-size: 24px 24px;}
footer ul.sns li.rss a{background-image: url(/common/images/v1/smartphone/rss-ico.png);background-size: 26px 26px;-webkit-background-size: 26px 26px;-moz-background-size: 26px 26px;}
footer ul.sns li.regist a{background-image: url(/common/images/v1/smartphone/regist-ico.png);background-size: 25px 30px;-webkit-background-size: 25px 30px;-moz-background-size: 25px 30px;}
footer ul.sns li.login a{background-image: url(/common/images/v1/smartphone/login-ico.png);background-size: 30px 30px;-webkit-background-size: 30px 30px;-moz-background-size: 30px 30px;}
footer ul.sns li.regist2 a{text-indent: 0%;width:120px;font-size:1.2em;}
footer ul.sns li.regist2 a img{margin-right:6px;}
footer ul.sns li.login2 a{text-indent: 0%;width:120px;font-size:1.2em;}
footer ul.sns li.login2 a img{margin-right:6px;}
footer ul.sns li.messenger a{
  background-image: url(/common/images/v1/common/header_fm.png);
  background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  -moz-background-size: 32px 32px;  
}

footer .company-logo{margin:20px auto 30px;}
footer .company-logo a{
  width:62px;
  height:20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:url(/common/images/v1/smartphone/company-logo.png) no-repeat;
  background-size: 62px 20px;
  -webkit-background-size: 62px 20px;
  -moz-background-size: 62px 20px;
  display:block;
  margin:0 auto;
}

footer .chande-pc{background-color:#000;border-top:solid 1px #d1d1d1;text-align:center;}
footer .chande-pc a{color:#fff;padding:20px;display:block;}
footer .chande-pc a span{
  background:url(/common/images/v1/smartphone/pc-icon.png) no-repeat;
  background-size:20px 20px;
  -webkit-background-size:20px 20px;
  -moz-background-size:20px 20px;
  padding-left:25px;
  display:inline-block;
}
footer .copyright{font-size:12px;clear: both;padding:0 20px 20px;text-align:center;}
footer .copyright address{font-style: normal;}
footer .menu.footer{line-height:1.6em;text-align: center;margin:20px 10px 0 10px;clear: both;}

footer .menu.footer a{display: inline-block;font-size:.9em;;padding:0 5px;line-height: .8em;}

.footer-abj {
  margin: 30px 20px;
}
.footer-abj__img {
  text-align: center;
  margin-bottom: 5px;
}
.footer-abj__img img {
  width: 100px;
}
.footer-abj__txt {
  font-size: 0.7em;
}
.footer-abj__link {
  line-height: 1;
}
.footer-abj__link a {
  font-size: 0.7em;
  color: #000;
}

#backtotop-btn {
    bottom: 120px;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 5px;
    display: none;
    z-index:3;
    opacity: 0.6;
}
#backtotop-btn.member {
    bottom: 40px;
}
#backtotop-btn a{
  width:50px;
  height:50px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:url(/common/images/v1/smartphone/to-top.png) no-repeat;
  background-size: 50px 50px;
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  display:block;
  border-radius:4px;
}


/* -------------------------------------------------
トップキャンペーンの指定
---------------------------------------------------- */
#campaign{position: relative;margin:10px;z-index: 999;}
#campaign .heading{background-color:#b30000;padding:0 3px;text-align: left;}
#campaign .heading-inner{overflow: hidden;}
#campaign .heading-inner .title{background-color: #b30000;color:#fff;display:inline-block;float:left;font-size:0.8em;width:85%;line-height: 35px;}
#campaign .heading-inner .more{
    background-image: url(/common/images/v1/smartphone/arrow-more-down-white.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
    background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -webkit-background-size: 26px 26px;
    width:30px;
    height:35px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    float: right;
}
#campaign .heading-inner .more.close{background-image: url(/common/images/v1/smartphone/close.png);}
#campaign .detail{
    display: none;
    border-left:solid 2px #b30000;
    border-right:solid 2px #b30000;
    border-bottom:solid 2px #b30000;
    padding:10px;
    position: absolute;
    right:0;
    top:35px;
    background-color: #fff;
}
#campaign .detail .guide a{
    color: #b30000;
    background-image: url(/common/images/v1/smartphone/arrows.png);
    background-repeat: no-repeat;
    background-position: 0 -232px;
    background-size: 14px  300px;
    -webkit-background-size: 14px  300px;
    -moz-background-size: 14px  300px;
    padding-left:18px;
}
#campaign .detail .regist{margin:1em 0;}
#campaign .detail .regist .regist-btn{margin: .5em 0;display: block;text-align: center;}
#campaign .detail .regist .regist-btn a{background-color: #b30000;color:#fff;border-radius: 4px;padding:10px;margin:.5em 0;display: inline-block;font-size:1.1em;}
#campaign .detail .regist ul li{
    background-image: url(/common/images/v1/common/arrow-tri-black.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    background-size: 10px  12px;
    -webkit-background-size: 10px  12px;
    -moz-background-size: 10px  12px;
    padding-left:12px;
}
#campaign .detail .close{text-align: right;color:#b30000;}

/* -------------------------------------------------
フリックメニュー
---------------------------------------------------- */
.contents-menu {width: 100%;overflow: hidden;margin: 0 auto;background: #b3bfd5;-webkit-transform: translateZ(0); /* Optional: When heavy at iOS6+ */position: relative;z-index: 1;}
.flip {width: 909px; /* 80px(item width) * 11(item count) */}
.flip:after {content: '';display: block;clear: both;height: 0;}
.flip-c {width: 1410px; /* 130px(item width) * 10(item count) */}
.flip-c:after {content: '';display: block;clear: both;height: 0;}
.item{float: left;width: 80px;font-size: 16px;text-align: center;padding:15px 10px;background: #b3bfd5;color: #fff;border-right:solid 1px #fff;}
.item.current {background: #233b71;}
.item.wide{width:200px;}
.item-c{float: left;width: 80px;font-size: 16px;text-align: center;padding:15px 10px;background: #b3bfd5;color: #fff;border-right:solid 1px #fff;}
.item-c.current {background: #233b71;}
.flip-c .item-c.wide{width:140px;}
.flip-c .item-c{width:130px;padding:15px 5px;font-size:14px;}
.flip-arrow{position: absolute;right:0;top:0;z-index: 100;padding:10px 0;}

.grenre-box {width: 100%;overflow: hidden;margin: 0 auto 1em auto;-webkit-transform: translateZ(0); /* Optional: When heavy at iOS6+ */position: relative;z-index: 1;}
.genre-article-list{width:1110%;}
.genre-article-list:after {content: '';display: block;clear: both;height: 0;}
.genre-article-list-c{width:1000%;}
.genre-article-list-c:after {content: '';display: block;clear: both;height: 0;}
.genre-article-list .genre-latest{float: left;width:9.0%;overflow: hidden;}
.genre-article-list-c .genre-latest-c{float: left;width:10%;overflow: hidden;}
.genre-article-list .genre-latest ul,
.genre-article-list-c .genre-latest-c ul{overflow: hidden;margin:10px 5px 0 5px;}
.genre-article-list .genre-latest ul li,
.genre-article-list-c .genre-latest-c ul li{width:49%;float: left;border-style: none;}
.genre-article-list .genre-latest ul li:nth-child(odd),
.genre-article-list-c .genre-latest-c ul li:nth-child(odd){clear: left;margin-right: 2%;}
.genre-article-list .genre-latest ul li .icon,
.genre-article-list-c .genre-latest-c ul li .icon{display: block;width:100%;overflow: hidden;margin-bottom:.5em;padding-top:56.25%;position: relative;}
.genre-article-list .genre-latest ul li .icon img,
.genre-article-list-c .genre-latest-c ul li .icon img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: auto;}
.genre-article-list .genre-latest ul li .column,
.genre-article-list-c .genre-latest-c ul li .column{color: #838383;font-size: .9em;}
.genre-article-list .genre-latest ul li .title,
.genre-article-list-c .genre-latest-c ul li .title{display: block;font-size: .9em;font-weight: bold;margin-bottom: .5em;line-height:1.2em;}
/* 20180312 */
.genre-article-list-c .genre-latest-c ul li .title .rock,
.genre-article-list .genre-latest ul li .title .rock{display: inline-block;}
.genre-article-list-c .genre-latest-c ul li .title .rock img,
.genre-article-list .genre-latest ul li .title .rock img{
    height: 15px;
    display: block;
}

.genre-article-list-c .genre-latest-c span.more a {float: right;margin:0 10px 10px 0;font-size: 1em;}
.genre-article-list .genre-latest span.more a {float: right;margin:0 10px 10px 0;font-size: 1em;}
.genre-article-list-c .genre-latest-c .more a{
    background:url(/common/images/v1/common/arrow-black-rightx2.png) no-repeat;
    display:block;
    background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-position: right;
    padding: 3px 20px 0px 0px;
}
.genre-article-list .genre-latest .more a {
    background:url(/common/images/v1/common/arrow-black-rightx2.png) no-repeat;
    display:block;
    background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-position: right;
    padding: 3px 20px 0px 0px;
}


/* -------------------------------------------------
共通（見出し、記事リストなど）
---------------------------------------------------- */
section,.section{margin: 1em 0 2em;}
.heading,.main-heading{text-align: center;font-size: 1.5em;margin-bottom: .5em;}
.comment{
    background-image: url(/common/images/v1/smartphone/comment.png);
    background-repeat: no-repeat;
    background-size: 19px 300px;
    -moz-background-size: 19px 300px;
    -webkit-background-size: 19px 300px;
    padding-left:25px;
}

.list-articles ul{margin:0 5px;}
.list-articles ul li{/* padding:5px 0; */border-bottom: dotted 1px #000;}

.list-articles.thumb{margin: 0 10px;}
.list-articles.thumb ul.basic{overflow: hidden;width: 100%;margin: 0;}
.list-articles.thumb ul.basic li{width:49%;float: left;margin-bottom:1.1em;border-style: none;}
.list-articles.thumb ul.basic li:nth-child(odd){clear: left;margin-right: 2%;}
.list-articles.thumb ul.basic li .icon{display: block;width:100%;overflow: hidden;margin-bottom:.5em;padding-top:56.25%;position: relative;}
.list-articles.thumb ul.basic li .icon a{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.list-articles.thumb ul.basic li .icon img{width:100%;}
.list-articles.thumb ul.basic li .column{color: #838383;font-size: .9em;}
.list-articles.thumb ul.basic li .title{display: block;font-size: .9em;font-weight: bold;margin-bottom: .5em;line-height:1.2em;}
.list-articles.thumb ul.basic li .author{display: block;font-size:.8em;}
.list-articles.thumb ul.basic li .date{font-size:.8em;color:#838383;}
.list-articles.thumb ul.basic li .comment{background-position: 0 -62px;}

.subcate{display: block;padding-left:0;margin-top:3px;font-size:.9em;}
.area{display: block;padding-left:0;margin-top:3px;font-size:.9em;}
.subcate span a {display: inline-block;background-color: #223B71; color: #FFF;padding: 2px 4px;border-radius: 3px;font-weight: normal;margin:0 2px 5px 0;text-decoration:none;}
.area span a  {display: inline-block;background-color: #B3BFD5; color: #FFF;padding: 2px 4px;border-radius: 3px;font-weight: normal;margin: 0 2px 5px 0;text-decoration:none;}

/* ページネーション */
.pagination{text-align: center;overflow: hidden;margin:0 10px;}
.pagination span{display: inline-block;margin-bottom:.5em;}
.pagination .current{width: 40px;height: 40px;line-height: 40px;display: inline-block;color: #fff;background-color: #223B71;border: solid 1px #223B71;border-radius: 2px;}
.pagination .page a{width: 40px;height: 40px;line-height: 40px;display: inline-block;color: #223B71;border: solid 1px #223B71;border-radius: 2px;}
.pagination .next,.pagination .firstpage,.pagination .prev,.pagination .lastpage{display: none;}

/* -------------------------------------------------
トップページ
---------------------------------------------------- */
/* 無料記事 */
#free-articles .list-articles.thumb ul.basic li .icon img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
#free-articles .list-articles.thumb{
    border-bottom: 3px solid rgb(128, 184, 153);
}

/* 最新記事 */
/*
.top-pickup{margin: 10px;}
.top-pickup ul li{margin-bottom: 1.5em;}
.top-pickup .icon{width:100%;overflow: hidden;display: block;margin-bottom: .5em;text-align: center;padding-top:56.25%;position: relative;}
.top-pickup .icon a{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.top-pickup .icon img{width:100%;max-width: 600px;}
.top-pickup .column{display: block;color:#838383;font-size:1em;}
.top-pickup .title{display: block;font-size:1.2em;font-weight: bold;margin-bottom:.2em;}
.top-pickup .author{margin-right: 10px;}
.top-pickup .comment{background-position: 0 4px;}
*/
/* 20210830 */
#top-header-contents {margin: 10px;border-bottom: dotted 1px #000;}
.top-pickup ul {
    overflow: hidden;
    width: calc(100% + 3px);
    margin: 0;
    position: relative;
    left: -3px;
}
.top-pickup .slick-list { padding-left: 3px; }
.top-pickup ul .slick-prev { left: 3px;top: 85px;width:20px; }
.top-pickup ul .slick-prev::before{left:8px;}
.top-pickup ul .slick-next { right: 0px; top: 85px;width:20px;}
.top-pickup ul .slick-next::before{left:3px;}

.top-pickup ul li.wd376 {width: calc((100vw - 26px) / 2);float: left;margin-bottom: 1.1em;border-style: none;position: relative;margin-right: 1.9vw;}

  .top-pickup ul li.wd376 .new {
      background-color: #b30000;
      color: #fff;
      padding: 1px 4px;
      margin-right: 3px;
      font-size: 12px;
      line-height: 16px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
  }
  .top-pickup ul li.wd376 .special {
      position: absolute;
      top: -3px;
      left: -3px;
      width: 60px;
      z-index: 1;
  }
  .top-pickup ul li.wd376 .icon{
    width:100%;
    overflow: hidden;
    display: block;
    margin-bottom: .5em;
    text-align: center;
    padding-top:56.25%;
    position: relative;
  }

  .top-pickup ul li.wd376 .icon img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
  }
  .top-pickup ul li.wd376 .title {
      display: block;
      font-size: .9em;
      font-weight: bold;
      margin-bottom: .5em;
      line-height: 1.2em;
  }
  .top-pickup ul li.wd376 .author {
      display: block;
      font-size: .8em;
      font-weight: bold;
      margin-bottom: .5em;
      line-height: 1.2em;
  }
  .top-pickup ul li.wd376 .column {
      color: #838383;
      font-size: .8em;
      font-weight: bold;
  }

/* フォーラム */
.top-forum .heading,
#top-forum-list .heading{overflow: hidden;}
.top-forum .heading .logo,
#top-forum-list .heading .logo{
    background-image: url(/common/images/v1/smartphone/forum-title-red.png);
    background-repeat: no-repeat;
    background-size: 167px 30px;
    -webkit-background-size: 167px 30px;
    -moz-background-size: 167px 30px;
    display: block;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    height: 30px;
    width: 167px;
    margin: 0 auto;
}
.top-forum .heading .more,
#top-forum-list .heading .more{font-size:13px;border-top:solid 3px #b30000;display: block;padding:5px 5px 0 5px;overflow: hidden;}
.top-forum .heading .more a,
#top-forum-list .heading .more a{
    float: right;
    font-size:14px;
    background: url(/common/images/v1/common/arrow-s-right-red.png) no-repeat right 4px;
    background-size: 6px 10px;
    -webkit-background-size: 6px 10px;
    -moz-background-size: 6px 12px;
    padding-right:10px;
}
.top-forum .forum-list{margin:0 5px;}
.top-forum .forum-list .topic{padding:5px 0;}
.top-forum .forum-list .topic .title{font-weight: bold;border-bottom: solid 1px #838383;margin-bottom: .5em;}
.top-forum .forum-list .topic ul li{
    font-size:1em;
    background: url(/common/images/v1/common/arrow-s-right-red.png) no-repeat 0 6px;
    background-size: 6px 10px;
    -webkit-background-size: 6px 10px;
    -moz-background-size: 6px 12px;
    padding-left:10px;
    margin-bottom: 5px;
}
.top-forum .forum-list .more{text-align: center;}
.top-forum .forum-list .more a{display: inline-block;background-color: #b30000;color:#fff;border-radius: 4px;padding:7px 30px;font-size:1.1em;box-shadow: 3px 3px 0 #000;}

.forum-topic-list ul{margin:0 10px;}
.forum-topic-list ul li{padding:10px 0;border-bottom: dotted 1px #000;}
.forum-topic-list ul li .comment{background-position: 0 -194px;margin-left:10px;}
.forum-topic-list ul li .arrow-topic{display: block;text-align: right;margin-top:.3em;}
.forum-topic-list ul li .arrow-topic a{
    background-image: url(/common/images/v1/smartphone/arrows.png);
    background-repeat: no-repeat;
    background-size: 14px 300px;
    -webkit-background-size: 14px 300px;
    -moz-background-size: 14px 300px;
    background-position: 195px -38px;
    padding-right:20px;
    color: #838383;
}
.forum-note{padding:5px;font-size:12px;}
.forum-note .free{color: #FFF;background-color: #7FBA6A;padding: 0px 3px;border-radius: 3px;text-decoration: none;}
#top-forum-list .forum-topic-list ul li .new,.top-forum .forum-list .topic .title .new {
  background-color: #b30000;
  color: #fff;
  padding: 0 0.1em;
  margin-right: 0.1em;
}
/* 20151119追加 */
.top-regist-img{
  text-align:center;
  margin:20px 10px;
}
.top-regist-img img{width:100%;}


/* 領収書発行ボタン */
#receipt-issue{margin:0 5px 2em 5px;}
#receipt-issue a{
    display: block;
    background-color: #c20900;
    border:solid 1px #c20900;
    color:#fff;
    border-radius: 4px;
    display: block;
    padding:5px;
    text-align: center;
    font-size: 1.1em;
}
#receipt-issue a div{border:solid 1px #fff;border-radius: 4px;padding:3px;}

/* 最新コラム */
#top-column-list .main-heading .more{border-top: solid 3px #d1d1d1;display: block;overflow: hidden;padding:5px 5px 0 5px;}
#top-column-list .main-heading .more a{float: right;font-size:.6em;}
#top-column-list.nonmember ul.basic li{float: none;width:auto;margin-right:0;}
/* 20160531 */
#top-column-list.nonmember .main-heading{border-bottom: solid 3px #d1d1d1;margin-top:40px;}
#top-column-list.nonmember .list-articles ul.basic{text-align: center;}

#top-column-list-middle-special{margin-bottom: 1em;}
#top-column-list-middle-special .list-articles ul li{padding:5px 0;border-bottom: dotted 1px #000;width:180px;margin-right:10px;}
#top-column-list-middle-special .list-articles ul li .specialicon img{width:100%;}

/* 専門家の部屋 */
#top-expert-room .main-heading,.top-expeart-closeup .heading{border-bottom: solid 3px #d1d1d1;}
#top-expert-room .main-heading .more{display: none;}
.related-articles.expertsection{margin-bottom:1em;}
.related-articles.expertsection .main-heading{font-size:1em;text-align: left;border-bottom: solid 1px #d1d1d1;padding:0 5px;}
.related-articles.expertsection .main-heading a{color:#b30000;font-weight: bold;}
.related-articles.expertsection ul{margin:0 10px;}
.related-articles.expertsection ul li{
    background-image: url(/common/images/v1/common/arrow-tri-gray.png);
    background-repeat: no-repeat;
    background-size: 10px 12px;
    -webkit-background-size: 10px 12px;
    -moz-background-size: 10px 12px;
    background-position: 0 4px;
    padding-left:15px;
    margin-bottom: .3em;
}

/* indepth-personals */
.top-expeart-indepth-personals{
  position: relative;
}
.indepth-cover{
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.indepth-title{
  position: absolute;
  display: block;
  color: #fff;
  font-size: 14px;
  bottom: 20px;
  left: 15px;
}
.indepth-date{
  position: absolute;
  display: block;
  color: #69abdb;
  font-size: 12px;
  left: 15px;
  bottom: 0;
}
.indepth-author-name{
  position: absolute;
  display: block;
  color: #69abdb;
  font-size: 14px;
  left: 145px;
  bottom: 0;
}


/* 専門家の部屋非会員 */
.top-expert-display{padding-bottom:20%;}
.top-expeart-closeup .more{display: none;}
.top-expeart-closeup .intelligence,
.top-expeart-closeup .gyousei,
.top-expeart-closeup .security,
.top-expeart-closeup .constitution{margin:0 10px;}
.top-expeart-closeup .intelligence a,
.top-expeart-closeup .gyousei a,
.top-expeart-closeup .security a,
.top-expeart-closeup .diplomacy a,
.top-expeart-closeup .internationalorg a,
.top-expeart-closeup .constitution a{color: #233b71;}
.top-expeart-closeup .close-up{
  background: url("/common/images/v1/top/valuablebn_sp.png") no-repeat;
  background-size: cover;
  background-position: left top;
  width: 100%;
  padding-top: 40%;
  position: relative;
}
.top-expeart-closeup .close-up .heading{
    text-align: left;
    font-style: italic;
    padding:7px 0 0 35px;
    background-image: url(/common/images/v1/smartphone/close-up.png);
    background-repeat: no-repeat;
    background-size: 30px 18px;
    -webkit-background-size: 30px 18px;
    -moz-background-size: 30px 18px;
    background-position: 0 8px;
    border-style: none;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
    margin:0 10px .5em 10px;
    font-size: 1em;
}
.top-expeart-closeup .close-up .close-up-articles{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    position: absolute;
    left: 5px;
    top: 5px;
    width: calc(100% - 10px);
}
.top-expeart-closeup .close-up .close-up-articles  a .title{background-color:#ececec;padding:5px 10px;display: block;margin-bottom:.5em;}
.top-expeart-closeup .close-up .topic{
  min-width: 40%;
  max-width: 40%;
}
.top-expeart-closeup .close-up .topic .icon{max-height: 200px;}
.top-expeart-closeup .close-up .topic .icon img{
    /* max-height: 200px; */
    max-width: 100%;
}
.top-expeart-closeup .close-up ul{
  width: calc(100% - 5px);
  margin-right: 5px;
}
.top-expeart-closeup .close-up ul li{
    font-weight: normal;
    background-image: url(/common/images/v1/common/arrow-tri-gray.png);
    background-repeat: no-repeat;
    background-position: 0 8px;
    background-size: 10px 12px;
    -webkit-background-size: 10px 12px;
    -moz-background-size: 10px 12px;
    padding-left:12px;
}
.top-expeart-closeup .close-up ul li:last-child{padding-bottom: 0;}
.top-expeart-closeup .close-up .heading .more{
    display: inline-block;
    font-size:.7em;
    background:url(/common/images/v1/common/arrow-black-rightx2.png) no-repeat;
    background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-position: right;
    padding: 0 20px 0px 0px;
    position: absolute;
    right:0;
    bottom:0;
    font-style: normal;
}
/* 20150416追加 */
.top-expeart-closeup .close-up .close-up-articles ul li .free a {color: #FFF;background-color: #7FBA6A;padding: 0px 3px;border-radius: 3px;font-size:0.8em;}
.top-expeart-closeup .close-up .close-up-articles ul li.single {
    font-weight: normal;
    font-size: 0.9em;
    padding: 1em 0.3em 0.5em;;
    background: none;
    line-height: 1.6em;
}
.top-expeart-closeup .close-up .close-up-articles ul li.hitokoto {
    font-weight: bold;
    font-size: 1.2em;
    padding-left: 0;
    background: none;
}
.top-expeart-closeup.section{margin: 1em 0 30px;}
.top-trump-section {
    background: url(/common/images/v1/top/trump_sp.png) no-repeat center top;
    background-size: 100%;
    background-color: #000;
    min-height: 160px;
    margin: 1em 0;
}
.top-trump-section .text a .title {
    color: #fff;
    line-height: 1.4em;
    padding: 64px 12px 20px;
    margin-bottom: 0;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
}
.top-trump-section .text a .title .rock {display: inline-block;}
.top-trump-section .text a .title .rock img {height: 15px;display: block;}
.top-trump-section .author {color: #fff;padding-left: 6px;display: inline-block;font-size: .9em;}
.top-trump-section .author a {color: #fff;}
.top-trump-section .date {color: #fff;padding-left: 6px;font-size: .9em;}

/* ------------------------------------------------------
Close up 
---------------------------------------------------------- */
.close-up.section {margin: 1.5em 5px;border: 3px solid #D1D1D1;border-radius: 6px;padding: 5px 0px;}
.close-up.section .heading {
    text-align: left;
    font-style: italic;
    padding: 7px 0px 0px 35px;
    background-image: url("/common/images/v1/smartphone/close-up.png");
    background-repeat: no-repeat;
    background-size: 30px 18px;
    background-position: 0px 8px;
    border-style: none;
    overflow: hidden;
    position: relative;
    margin: 0px 10px 0.5em;
    font-size: 1em;
}
.close-up.section .heading .more {
    display: inline-block;
    font-size: 0.7em;
    background: url("/common/images/v1/common/arrow-black-rightx2.png") no-repeat scroll right center / 14px 14px transparent;
    padding: 0px 20px 0px 0px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-style: normal;
}
.close-up.section .close-up-articles {overflow: hidden;font-weight: bold;font-size: 1.1em;}
.close-up.section .close-up-articles a .title {background-color: #ECECEC;padding: 5px 10px;display: block;margin-bottom: 0.5em;}
.close-up.section ul {margin: 0px 10px; padding: 0px;}
.close-up.section ul li {
    font-weight: normal;
    font-size: 0.8em;
    padding: 5px 0px 5px 12px;
    background-image: url("/common/images/v1/common/arrow-tri-gray.png");
    background-repeat: no-repeat;
    background-position: 0px 8px;
    background-size: 10px 12px;
}
.close-up.section .topic{margin: 0 10px;text-align: center;}
.close-up.section .topic .icon {max-height: 200px;}
.close-up.section .topic .icon img {max-width: 100%; max-height:200px;}

.close-up.section ul li.single {
    font-weight: normal;
    font-size: 1.2em;
    padding: 5px 0px;
    background: none;
}




/* ------------------------------------------------------
中東通信
---------------------------------------------------------- */
#meast-column{border:solid 1px #888;border-radius: 4px;margin:5px 5px 25px;padding:10px;}
#meast-column .author .photo{float:left;width:90px;}
#meast-column .author .text{margin-left:100px;}
#meast-column .author .text h4{border-bottom:solid 2px #000;}
#meast-column .author .text p{font-size:.8em;}
#meast-column .list{clear:both;}
#meast-column ul li{border-bottom:dotted 1px #888;padding:.5em 0;}
#meast-column ul li span{display: block;}
#meast-column ul li .date{color:#999;font-size:.8em;display:inline;}
#meast-column ul li .title{font-size:1em;font-weight: bold;}
#meast-column ul li .summary{font-size: .9em;}
#meast-column .more a{
    background:url(/common/images/v1/common/arrow-black-rightx2.png) no-repeat right;
    display:block;
    background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-position: right;
    padding: 3px 20px 0px 0px;
    float: right;
    font-size: .9em;
}
#meast-column .free, .single-article-temp .article-single-index-list .article-single-list .article-single-header .free{
    color: #FFF;
    background-color: #7FBA6A;
    padding: 0px 3px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 12px;
    margin-left:5px;
    display:inline;
}
.single-article-temp .kanban-single .free,.single-article-temp .article-single-header .free{
    color: #FFF;
    background-color: #7FBA6A;
    padding: 0px 3px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 12px;
    margin-left:5px;
}
/* .single-article-temp h1 {display:inline;} */
/* 20180312 */
#meast-column .inner .list ul li .rock{display: inline-block;}
#meast-column .inner .list ul li .rock img{
    height: 15px;
    display: block;
}

/*indepth-side*/
.indepth-side{
  border: solid 1px #888;
  border-radius: 4px;
  margin: 5px 5px 25px;
  padding: 10px;
}
.indepth-side-img{
  width:100%;
  height: auto;
}
.indepth-ariticle-list li{
  border-bottom: 1px dotted #000;
  padding: .5em 0;
}
.indepth-ariticle-list .rock{
  margin: 0 0 0 5px;
}
.indepth-ariticle-list .rock-img{
  vertical-align: baseline;
}
.indepth-ariticle-link{
  font-size: 1em;
  font-weight: bold;
  width: 100%;
}

/*video-slide*/
.video-slide {
  border: solid 1px #888;
  border-radius: 4px;
  margin: 5px 5px 2em;
  padding: 10px;
}
.video-slide .slick-next {
  top: 85px;
  transform: translate(0, 0);
}
.video-slide .slick-prev {
  top: 85px;
  transform: translate(0, 0);
}
.video-slide .wd349.slick-slide {
  width: calc((100vw - 26px) / 2);
  float: left;
  border-style: none;
  position: relative;
  margin-right: 1.9vw;
}
.video-slide .icon {
  width: 100%;
  overflow: hidden;
  display: block;
  margin-bottom: 0.5em;
  text-align: center;
  padding-top: 56.25%;
  position: relative;
}

.video-slide .icon img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.video-slide .video-slide-ariticle-link {
  position: relative;
}

.video-slide .video-slide-ariticle-link .title {
  display: block;
  font-size: .9em;
  font-weight: bold;
  margin-bottom: 0.5em;
  line-height: 1.2em;
}

.video-slide .video-slide-img {
  margin: 0 0 10px;
  width: 100%;
  height: auto;
}

.video-slide .video-slide-img img {
  width: 100%;
}

.subcolumn-banner {
  display: block;
  margin-bottom: 20px;
}

.subcolumn-banner img {
  width: 100%;
  height: auto;
}

.subcolumn-banner.--mgb40 {
  margin-bottom: 40px;
}

.subcolumn-pr-banner {
  display: block;
  margin-bottom: 20px;
}

.subcolumn-pr-banner img {
  max-width: 376px;
  width: 100%;
  margin: 0 auto;
}

.subcolumn-pr-banner.--mgb40 {
  margin-bottom: 40px;
}

/* ------------------------------------------------------
ランキング 
---------------------------------------------------------- */

#ranking .heading{border-style:none;margin-bottom:.5em;}
#ranking .ranking-tab ul{width:100%;display: table;}
#ranking .ranking-tab ul li{display: table-cell;cursor: pointer;text-align: center;width:33.3%;}
#ranking .ranking-tab ul li span{background-color: #fff;color:#b3bfd5;padding:5px 0;display: block;border:solid 2px #b3bfd5;}
#ranking .ranking-tab ul li.current span,#ranking .ranking-tab ul li:hover span{background-color:#233b71;color:#fff;border:solid 2px #233b71;}
#ranking .ranking-tab ul li:nth-child(2) span{margin:0 2px;}
#ranking .ranking-list-articles ul li{overflow: hidden;padding:10px 0;border-bottom: dotted 1px #000;}
#ranking .ranking-list-articles ul li .rank{font-size:36px;float:left;font-family: 'Anton', sans-serif;color:#b3bfd5;padding:0 10px;text-align: center;}
#ranking .ranking-list-articles ul li a{float: left;width:80%;}
#ranking .ranking-list-articles ul li .comment{background-position: 0 -262px;}
/* 20180316 */
#ranking .ranking-list-articles ul li .rock{display: inline-block;}
#ranking .ranking-list-articles ul li .rock img{
    height: 15px;
    display: block;
}

/* ------------------------------------------------------
コメント数ランキング　20150622追加 
---------------------------------------------------------- */
#comment-ranking p { margin-left: 1em;}
#comment-ranking .ranking-list-articles ul li{overflow: hidden;padding:1em 0;border-bottom: dotted 1px #000;}
#comment-ranking .ranking-list-articles ul li .rank{font-size:36px;float:left;font-family: 'Anton', sans-serif;color:#b3bfd5;padding:0 10px;text-align: center;}
#comment-ranking .ranking-list-articles ul li a{float: left;width:84%;padding-top: 0.3em;}
#comment-ranking .ranking-list-articles ul li .author a{float:none;width:90%;}
#comment-ranking .ranking-list-articles ul li .comment{background-position: 0 -262px;}
#comment-ranking .ranking-list-articles ul li span.yes {
  background-image: url(/common/images/v1/smartphone/good.png);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  -moz-background-size: 24px 24px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.4em 0 0 1.8em;
  float:left;
  margin-bottom:1.5em;
}
#comment-ranking .ranking-list-articles ul li .author {font-size: 0.9em;margin-top:0.5em;float:left;}
#comment-ranking .ranking-list-articles ul li .date {font-size: 16px;margin-left:15px;}
#comment-ranking .ranking-list-articles ul li .comment-text {margin-left:1.5em;width:90%;display:block;clear:both;}


/* ------------------------------------------------------
最新コメント
---------------------------------------------------------- */
#latest-comment.section{margin-bottom: 0;}
/* #latest-comment .heading{border-bottom:solid 3px #d1d1d1;}*/
#latest-comment .articles{margin: 0 10px;}
#latest-comment .articles ul{overflow: hidden;width: 100%;}
#latest-comment .articles ul li a{display: block;position: relative;z-index: 1;}
#latest-comment .articles ul li{width:49%;float: left;margin-bottom:1.1em;}
#latest-comment .articles ul li:nth-child(odd){clear: left;margin-right: 2%;}
#latest-comment .articles ul li .num{
    position: absolute;
    top:10px;
    left:10px;
    z-index: 100;
    background-image: url(/common/images/v1/smartphone/fukidashi.png);
    background-repeat: no-repeat;
    background-size: 30px 26px;
    -moz-background-size: 30px 26px;
    -webkit-background-size: 30px 26px;
    width:30px;
    height: 26px;
    font-size: .8em;
    text-align: center;
}
#latest-comment .articles ul li .icon{display: block;width:100%;overflow: hidden;padding-top:56.25%;position: relative;}
#latest-comment .articles ul li .icon img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: auto;}
#latest-comment .articles ul li .title{background-color: #000;padding:5px;color: #fff;font-size:.9em;display: block;min-height:50px;margin-bottom:.5em;}
#latest-comment .articles ul li .user-comment{font-size:.8em;color:#666;}
#latest-comment .heading .more{display: block;border-top:solid 3px #d1d1d1;overflow: hidden;padding:5px 10px 0 0;}
#latest-comment .heading .more a{float: right;font-size:0.6em;}
#latest-comment .heading .more a {
    background:url(/common/images/v1/common/arrow-black-rightx2.png) no-repeat;
    display:block;
    background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-position: right;
    padding: 3px 20px 0px 0px;
}
/* 20160108追加　コメントをタブに */
#subcolum-comment .comment-tab ul {width: 100%;display: table;}
#subcolum-comment .comment-tab ul li {
    display: table-cell;
    cursor: pointer;
    text-align: center;
    width: 33.3%;
}
#subcolum-comment .comment-tab ul li span {
    background-color: #fff;
    color: #b3bfd5;
    padding: 5px 0;
    display: block;
    border: solid 2px #b3bfd5;
}
#subcolum-comment .comment-tab ul li.current span, #subcolum-comment .coment-tab ul li:hover span {
    background-color: #233b71;
    color: #fff;
    border: solid 2px #233b71;
}
#subcolum-comment .comment-list-articles .list-articles ul li {
    font-weight: normal;
    font-size: .8em;
    padding: 5px 0;
    background-image: url(/common/images/v1/common/arrow-tri-gray.png);
    background-repeat: no-repeat;
    background-position: 0 8px;
    background-size: 10px 12px;
    -webkit-background-size: 10px 12px;
    -moz-background-size: 10px 12px;
    padding-left: 12px;
    border-bottom: dotted 1px #000;
}
#subcolum-comment .heading .more {
    display: block;
    border-top: solid 3px #d1d1d1;
    overflow: hidden;
    padding: 5px 10px 0 0;
}
#subcolum-comment .heading .more a {
    background: url(/common/images/v1/common/arrow-black-rightx2.png) no-repeat;
    display: block;
    background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-position: right;
    padding: 3px 20px 0px 0px;
    float: right;
    font-size: 0.6em;
}
#subcolum-comment .comment-list-articles .ranking ul li {
    overflow: hidden;
    padding: 10px 0;
    border-bottom: dotted 1px #000;
}
#subcolum-comment .comment-list-articles .ranking ul li .rank {
    font-size: 36px;
    float: left;
    font-family: 'Anton', sans-serif;
    color: #b3bfd5;
    padding: 0 10px;
    text-align: center;
}
#subcolum-comment .comment-list-articles .ranking ul li a {
    float: left;
    width: 80%;
}
#subcolum-comment .comment-list-articles .ranking ul li .comment {
    background-position: 0 -260px;
}
#subcolum-comment .comment-list-articles .ranking a span.yes {
    background-image: url(/common/images/v1/smartphone/good.png);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    width: 24px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    padding: 3px 0px 0px 32px;
    margin-left: 10px;
}
#subcolum-comment .comment-list-articles .ranking a span.yes.img {display: inline;}

/* お知らせ */
/* #information .heading{border-bottom:solid 3px #d1d1d1;} */
#information.section{margin:0 0 1em;}
#information .heading .more{display: block;border-top:solid 3px #d1d1d1;overflow: hidden;padding-top:5px;}
#information .heading .more a{float: right;font-size:.6em;}
#information .heading .more a {
    background:url(/common/images/v1/common/arrow-black-rightx2.png) no-repeat;
    display:block;
    background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-position: right;
    padding: 3px 20px 0px 0px;
}
#information .list-articles ul li{padding:5px 10px;}

/* 更新情報 */
#update .heading .more{display: block;border-top:solid 3px #d1d1d1;overflow: hidden;padding:5px 10px 0;}
#update .heading .more a{float: right;font-size:.6em;}
#update .heading .more a {
    background:url(/common/images/v1/common/arrow-black-rightx2.png) no-repeat;
    display:block;
    background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-position: right;
    padding: 3px 20px 0px 0px;
}
#update .list-articles ul li{padding:5px 10px;}



/* 無料公開中の記事 */
#free-articles .heading .more{display: block;border-top:solid 3px #80b899;overflow: hidden;padding:5px 10px 0;}
#free-articles .heading .more a{float: right;font-size:.6em;}
#free-articles .heading .more a {
    background:url(/common/images/v1/common/arrow-black-rightx2.png) no-repeat;
    display:block;
    background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-position: right;
    padding: 3px 20px 0px 0px;
}

#free-articles .articles ul{margin:0 10px;}
#free-articles .articles ul li{overflow: hidden;margin-bottom:.5em;}
#free-articles .articles ul li a{display: table;width:100%;}
#free-articles .articles ul li .thumb{width:40%;display:table-cell;vertical-align: middle;}
#free-articles .articles ul li .title{display: table-cell;padding-left:5px;vertical-align: middle;font-weight: bold;}

/* 20160112追加 */
#free-articles .articles {border-bottom: 3px solid rgb(128, 184, 153);}

/* ------------------------------------------------------
記事ページの設定
---------------------------------------------------------- */
#article-body{margin-top: 10px;}
#kanban{text-align: center;}
#kanban img{width: 100%;}
.non-kanban h1,.non-kanban h2{
    background: #203a6d; /* Old browsers */
    background: -moz-linear-gradient(top,  #203a6d 0%, #172749 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#203a6d), color-stop(100%,#172749)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #203a6d 0%,#172749 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #203a6d 0%,#172749 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #203a6d 0%,#172749 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#203a6d', endColorstr='#172749',GradientType=0 ); /* IE6-9 */
    color:#fff;
    padding:5px 10px;
    font-weight: normal;
    font-size: 1em;
    text-align: center;
}
.non-kanban h1 a,.non-kanban h2 a{color: #fff;}

#signage{padding: 10px;border-bottom: solid 3px #000;}
#signage h1{font-size: 1.2em;}
.article-detail .text{margin-top:.5em;}
.article-detail .text .author{display: block;}
.article-detail .text .date{color: #838383;}
.article-detail .text .comment{background-position: 0 3px;}
.article-detail.bottom{padding:10px;border-top:solid 1px #d1d1d1;border-bottom:solid 1px #d1d1d1;}
.article-detail .bookmark{text-align: right;}
.article-detail .bookmark a{
    display: inline-block;
    padding-left:12px;
    background-image: url(/common/images/v1/smartphone/bookmark.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 9px 16px;
    -webkit-background-size: 9px 16px;
    -moz-background-size: 9px 16px;
}
/* 20180319追加  */
#signage h2{font-size: 1em;}

/* 201504151130追加  */
#signage .column {font-size: 0.9em;}

#article-body #signage .constitution-theme{font-size:0.9em;}

.article-tools{padding:10px;}
.article-tools ul{width:100%;display:flex;display:-webkit-flex;display:-moz-flex;justify-content: center;}
.article-tools ul li{ /* width:calc(100% / 3); */ margin:0 2px;text-align: center;}
.article-tools.ikeuchi{clear:both;}
.article-tools ul li.tw,.article-tools ul li.hatena{padding-top: 2px;}
.article-tools ul li.tw a {
  position: relative;
  display: block;
  width: 77px;
  height: 20px;
  box-sizing: border-box;
  padding: 2px 2px 2px 20px;
  background: #000 url(/common/images/v1/common/icon_x_white.svg) 0 0 no-repeat;
  background-size: 10px 10px;
  background-position: 14px center;
  color: #fff;
  border-radius: 9999px;
  font-weight: 500;
  font-size: .75rem;
  cursor: pointer;
}
article{padding:10px;}
article p{margin-bottom: 1em;line-height:1.7;font-size:1.05em; /* text-indent: 1em; */}
article p.right {float: right;}
/* 20181219 */
article p.noindent{text-indent:unset;}
article h4{margin-bottom: 1em;font-size:1.1em;background-image: url(/common/images/v1/common/h4-border.png);background-repeat: repeat-y;background-position: left;padding-left:20px;}
article a{text-decoration: underline;color:#223B71;}
article div.notindent p{text-indent:unset;}

article img,
.figure-center,
.figure-right,
.figure-left{
  /* width:100% !important; */
  max-width:100% !important;
  margin:10px auto;
  float:none;
}
.figure-center img,
.figure-right img,
.figure-left img{width:100%; height: auto;}
.caption{font-size:.9em;color:#666;}

.image-area .figure-expand {
  display: inline-block;
  position: relative;
}

.summary-in__article{
  display: block;
  margin: 1em 0;
  padding: 5px 10px;
  line-height: 2;
  font-size: 13px;
  font-weight: 700;
  border: 1px solid #9d9d9d;
}

/* 20180426 */
#article-body article .image-area img.img-border{border:solid 1px #000;}

/* 引用の囲み */
article .quote{background-color:#f9f9f9;padding:15px 15px 5px 15px;font-size:14px;margin-bottom:15px;border:1px dotted #666;}


#article-body #signage .article-detail .text .free a {color: #FFF;background-color: #7FBA6A;padding: 0px 3px;border-radius: 3px;text-decoration: none;}
#article-body #signage .article-detail .text .free{margin-left: 0 4px;font-size: 0.9em;}
#article-body #signage .article-detail .text .free a:hover{text-decoration:underline;}

/* 20151116追加 GoogleMap対応 */
#article-body .gmap{position:relative;padding-bottom:75%;padding-top:30px;height:0;overflow:hidden;}
#article-body .gmap iframe,
#article-body .gmap object,
#article-body .gmap embed{position:absolute;top:0;left:0;width:100%;height:100%;}
#article-body iframe { max-width: 100%; }

/* 20150806 */
#regist,#regist2 {text-align: center;}
#regist a img{width:90%;}
#regist2 a img{width:90%;}
/* 20151117追加 イタリック対応 */
#article-body article em{font-family: Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;line-height:1.4;font-style:italic;}
/* 20190521 書評用スタイル追加 */
#article-body h3.bookworm {
  font-size: 22px;
  font-weight:bold;
  line-height: 1.7 !important;
  margin-bottom: 1em;
}
#article-body h4.bookworm {
  font-size: 20px;
  font-weight:bold;
  line-height: 1.7 !important;
  margin-bottom: 0;
  background:none;
  padding:0;
}
#article-body p span.bookworm {
  color: #696969;
  font-weight:bold;
}
#article-body p span.bookwormtitle {
  font-size: 20px;
  font-weight:bold;
  line-height: 1.7 !important;
  margin-bottom: 0;
  background:none;
  padding:0;
}

/* 動画 */
#article-body .video {
    text-align: center;
    width: 100%;
    position: relative;
    padding-top: 56.25% !important;
}
#article-body .video iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}


/* 中東通信用の指定 */
.single-article-temp .kanban-single h1{font-weight: normal;font-size:1em;}
.single-article-temp .kanban-single .heading{color:#fff;background-color:#797979;font-size:1em;padding:.5em;}
.single-article-temp .kanban-single .heading a{color:#fff;}
.single-article-temp .kanban-single .category-summary{margin:0 10px;}
.single-article-temp #article-author-info .main-heading{text-align: left;margin-bottom:.5em;font-size:.9em;padding:0 10px;font-weight: bold;}

/* エネルギー通信 20200423 */
.article-list-header.energy .category-summary {margin: 0 10px;}
.article-list-header.energy h1{margin-bottom:.5em;}
.article-list-header.energy #article-author-info .main-heading {
    text-align: left;
    margin-bottom: .5em;
    font-size: .9em;
    padding: 0 10px;
    font-weight: bold;
}

.article-single-header .date{color:#989898;}
.single-article-body{margin:15px 0;}
.single-article-body .single-article-more {
    float: right;
    font-size: 95%;
    font-weight: bold;
    margin-top: 14px;
    margin-bottom: 10px;
}
/* 20181219 */
.single-article-body p{text-indent: unset;}

.article-single-index-list{margin:10px;}
.article-single-list{
  padding-bottom:28px;
  margin-bottom:25px;
  border-bottom:solid 2px #ccc;
}
/* 20171130 */
.single-article-temp .article-single-index-list .article-single-list .article-single-header h2{font-size:1.2em;}
.single-article-temp #signage h1{font-size:1.5em;}

/* 20180326 */
.single-article-temp .article-single-index-list .article-single-list .article-single-header h2 .rock{display: inline-block;}
.single-article-temp .article-single-index-list .article-single-list .article-single-header h2 .rock img{
  height: 16px;
  display: block;
}
#article-body .single-article-temp a.backtoikeuchi{
  display: block;
  margin-bottom:30px;
}

/* トランプ  20180402 */
.single-article-temp.trump .kanban-single .heading {background: none;padding:0;}
.single-article-temp.trump .kanban-single .heading h1{font-size:1.3em !important;}
.single-article-temp.trump .kanban-single .heading h1 img{width:100%;}
.single-article-temp.trump .article-single-index-list .article-single-list{border-bottom: solid 2px #9a0207;}
.single-article-temp.trump .kanban-single a img{width:100%;}
.single-article-temp.trump article #signage {border-bottom: solid 2px #9a0207;}
.single-article-temp.trump article #signage h1{font-size:1.3em !important;}
.single-article-temp.trump article .article-tools ul li.tw {
  padding-top: 0;
}
#article-end.trump .main-heading {
    border-bottom: none;
    background: url(/common/images/v1/common/heading-w-black.png) no-repeat left bottom;
    padding-bottom: 6px;
    font-size: 1em;
}
.single-article-temp.trump article .single-article-body p .trump-time {
    font-weight: bold;
    display: block;
}
#trump-article-body .pagination {margin: 0 auto 20px;}
#trump-article-body .pagination .prev {
    display: inline-block;
    margin-right: 0.5em;
    background: url(/common/images/v1/common/arrow-left.png) no-repeat bottom left;
        background-size: auto auto;
    background-size: 15px 23px;
    -webkit-background-size: 15px 23px;
    -moz-background-size: 15px 23px;
}
#trump-article-body .pagination .prev a {
    white-space: nowrap;
    text-indent: 18px;
    display: inline-block;
    overflow: visible;
    font-weight: bold;
    color: #233b71;
}
#trump-article-body .pagination .page a {
    border: none;
    display: inline-block;
    font-size: 1.1em;
    width: auto;
    height: 28px;
    line-height: 30px;
    font-weight: bold;
    color: #000;
}
#trump-article-body .pagination .next {
    display: inline-block;
    padding-right: 15px;
    background: url(/common/images/v1/common/arrow-right.png) no-repeat bottom right;
        background-size: auto auto;
    background-size: 15px 23px;
    -webkit-background-size: 15px 23px;
    -moz-background-size: 15px 23px;
}
#trump-article-body .pagination .next a {
    white-space: nowrap;
    text-indent: 18px;
    display: inline-block;
    overflow: visible;
    font-weight: bold;
    color: #233b71;
}

/* 20180910 検索テキストラベル */
#article-body .article-search-text {
  background-color: #9bdfff;
  padding: 0 3px;
}

.article-header-list ul li.wd376.trump {
  background: url(/common/images/v1/common/trump_sp_top0910.jpg) no-repeat center top;
  background-size:100%;
  background-color: #000;
  min-height: 203px;
}
.article-header-list ul li.wd376.trump .text a .title {
    color: #fff;
    line-height: 1.2em;
    padding:102px 0 10px 6px;
    margin-bottom:0;
}
.article-header-list ul li.wd376.trump .date {
  color: #fff;
  padding-left:6px;
}
.article-header-list ul li.wd376.trump .author {
  color: #fff;
  padding-left:6px;
}
.article-header-list ul li.wd376.trump .author a{
  color: #fff;
}
.article-header-list ul li.wd376.trump .text a .title .rock
{display: inline-block;}
.article-header-list ul li.wd376.trump .text a .title .rock img{
    height: 15px;
    display: block;
}
.single-article-temp.trump article #signage .article-detail {
  margin-top: 12px;
}
.single-article-temp.trump article #signage .article-detail .bookmark a {
  text-decoration: none;
  color: #000;
}

/* 20191029 */
.article-header-list ul li.wd376.kitachosen {
  /* background: url(/mwimgs/5/f/-/img_5fdc6aa17fb31fad6cd51df492ebec4e50294.jpg) no-repeat center top; */
  background-size:100%;
  /* background-color: #000; */
  min-height: 203px;
}
.article-header-list ul li.wd376.kitachosen .text a .title {
    color: #fff;
    line-height: 1.2em;
    padding:114px 0 10px 6px;
    margin-bottom:0;
}
.article-header-list ul li.wd376.kitachosen .date {
  color: #fff;
  padding-left:6px;
}
.article-header-list ul li.wd376.kitachosen .author {
  color: #fff;
  padding-left:6px;
}
.article-header-list ul li.wd376.kitachosen .author a{
  color: #fff;
}
.article-header-list ul li.wd376.kitachosen .text a .title .rock
{display: inline-block;}
.article-header-list ul li.wd376.kitachosen .text a .title .rock img{
    height: 15px;
    display: block;
}

/* 20190301 */
.article-header-list ul li.wd376.shakunetsu {
  background: url(/common/images/v1/common/bn_shakunetsu.jpg) no-repeat center top;
  background-size:100%;
  min-height: 203px;
  text-align: right;
}
.article-header-list ul li.wd376.shakunetsu .text a .number {
    color: #fff;
    padding: 102px 6px 0;
    display: block;
    font-size: .9em;
    font-weight: bold;
    margin-bottom: .5em;
    line-height: 1.2em;
}
.article-header-list ul li.wd376.shakunetsu .date {
  color: #fff;
  margin-right: 6px;
}
.article-header-list ul li.wd376.shakunetsu .author {
  color: #fff;
  margin-right: 6px;
}
.article-header-list ul li.wd376.shakunetsu .author a{
  color: #fff;
}
.article-header-list ul li.wd376.shakunetsu .text a .title .rock{display: inline-block;}
.article-header-list ul li.wd376.shakunetsu .text a .title .rock img{
    height: 15px;
    display: block;
}
@media screen and ( max-width:320px) {
  .article-header-list ul li.wd376.shakunetsu .text a .number {
    color: #fff;
    padding: 102px 6px 0;
    display: block;
    font-size: .9em;
    font-weight: bold;
    margin-top: -24px;
    line-height: 1.2em;
  }
}


/* 20190403 */
.article-header-list ul li.wd376.arctic {
  background: url(/common/images/v1/common/top_hokkyoku.jpg) no-repeat center top;
  background-size:100%;
  min-height: 203px;
  text-align: left;
  position:relative;
}
@media screen and (min-width:321px){
  .article-header-list ul li.wd376.arctic .date {
    color: #fff;
    position:absolute;
    bottom:40px;
    right:2px;
  }
  .article-header-list ul li.wd376.arctic .author {
    color: #fff;
    position:absolute;
    bottom:58px;
    right:2px;
  }
}
.article-header-list ul li.wd376.arctic .author a{
  color: #fff;
}
.article-header-list ul li.wd376.arctic .text a .title .rock{display: inline-block;}
.article-header-list ul li.wd376.arctic .text a .title .rock img{
    height: 15px;
    display: block;
}
.article-header-list ul li.wd376.arctic .text a .title {
  color: #fff;
  line-height: 1.2em;
  padding:76px 0 10px 4px;
}
@media screen and ( max-width:320px) {
  .article-header-list ul li.wd376.arctic .date {
    color: #fff;
    position:absolute;
    bottom:64px;
    right:2px;
  }
  .article-header-list ul li.wd376.arctic .author {
    color: #fff;
    position:absolute;
    bottom:80px;
    right:2px;
  }
  .article-header-list ul li.wd376.arctic .text a .title {font-size: .8em;}
}

/* 20190425 */
.article-header-list ul li.wd376.kimu {
  background: url(/common/images/v1/common/bn_rensai190423.jpg) no-repeat center top;
  background-size:100%;
  min-height: 203px;
  position: relative;
}
.article-header-list ul li.wd376.kimu .text {text-align:center;}
@media screen and (min-width:321px) and ( max-width:375px) {
  .article-header-list ul li.wd376.kimu .text a .number {
      color: #fff;
      padding: 102px 6px 0;
      display: block;
      font-size: .9em;
      font-weight: bold;
      margin-bottom: .5em;
      line-height: 1.2em;
  }
  .article-header-list ul li.wd376.kimu .date {
    color: #fff;
    margin-right: 6px;
    position: absolute;
    top: 149px;
    right: 0px;
  }
  .article-header-list ul li.wd376.kimu .author {
    color: #fff;
    margin-right: 6px;
    position: absolute;
    top: 135px;
    right: 0px;
  }
}
@media screen and ( max-width:320px) {
  .article-header-list ul li.wd376.kimu .text a .number {
      color: #fff;
      padding: 84px 6px 0;
      display: block;
      font-size: .9em;
      font-weight: bold;
      margin-top: 0px;
      line-height: 1.2em;
  }
  .article-header-list ul li.wd376.kimu .date {
    color: #fff;
    margin-right: 6px;
    position: absolute;
    top: 125px;
    right: 0px;
  }
  .article-header-list ul li.wd376.kimu .author {
    color: #fff;
    margin-right: 6px;
    position: absolute;
    top: 112px;
    right: 0px;
  }
}
.article-header-list ul li.wd376.kimu .author a{
  color: #fff;
}
.article-header-list ul li.wd376.kimu .text a .title .rock{display: inline-block;}
.article-header-list ul li.wd376.kimu .text a .title .rock img{
    height: 15px;
    display: block;
}
@media screen and ( min-width:376px) {
  .article-header-list ul li.wd376.kimu .text a .number {
      color: #fff;
      padding: 102px 6px 0;
      display: block;
      font-size: .9em;
      font-weight: bold;
      margin-top: 10px;
      line-height: 1.2em;
  }
  .article-header-list ul li.wd376.kimu .date {
    color: #fff;
    margin-right: 6px;
    position: absolute;
    top: 165px;
    right: 0px;
  }
  .article-header-list ulmainichi376.kimu .author {
    color: #fff;
    mmainichight: 6px;
    position: absolute;
    top: 150px;
    right: 0px;
  }
}

/* 20190624 */
.article-header-list ul li.wd376.mainichi {
  background: url(/common/images/v1/common/top_mainichi.jpg) no-repeat center top;
  background-size:100%;
  min-height: 203px;
  text-align: left;
  position:relative;
}
@media screen and (min-width:321px){
  .article-header-list ul li.wd376.mainichi .date {
    color: #fff;
    position:absolute;
    left:50px;
    top: 146px;
    display: block;
    line-height: 1;
  }
  .article-header-list ul li.wd376.mainichi .author {
    color: #fff;
    position:absolute;
    #bottom:40px;
    #right:2px;
    left:4px;
    top: 146px;
    display: block;
    line-height: 1;
  }
}
.article-header-list ul li.wd376.mainichi .author a{
  color: #fff;
}
.article-header-list ul li.wd376.mainichi .text a .title .rock{display: inline-block;}
.article-header-list ul li.wd376.mainichi .text a .title .rock img{
    height: 15px;
    display: block;
}
.article-header-list ul li.wd376.mainichi .text a .title {
  color: #fff;
  line-height: 1.2em;
  padding:76px 0 10px 4px;
}
@media screen and ( max-width:320px) {
  .article-header-list ul li.wd376.mainichi .date {
    color: #fff;
    position:absolute;
    bottom:64px;
    right:2px;
  }
  .article-header-list ul li.wd376.mainichi .author {
    color: #fff;
    position:absolute;
    bottom:64px;
    #right:2px;
    left:5px;
  }
  .article-header-list ul li.wd376.mainichi .text a .title {font-size: .8em;}
}

/* 20190704 */
.article-header-list ul li.wd376.hirai {
  background: url(/mwimgs/d/2/-/img_d2e939c022de583e83734d5d741c616149875.jpg) no-repeat center top;
  background-size:100%;
  background-color: #000;
  min-height: 203px;
  text-align: left;
  position:relative;
}
@media screen and (min-width:321px){
  .article-header-list ul li.wd376.hirai .date {
    color: #fff;
    position:absolute;
    left:64px;
    top: 184px;
    display: block;
    line-height: 1;
  }
  .article-header-list ul li.wd376.hirai .author {
    color: #fff;
    position:absolute;
    #bottom:40px;
    #right:2px;
    left:4px;
    top: 184px;
    display: block;
    line-height: 1;
  }
}
.article-header-list ul li.wd376.hirai .author a{
  color: #fff;
}
.article-header-list ul li.wd376.hirai .text a .title .rock{display: inline-block;}
.article-header-list ul li.wd376.hirai .text a .title .rock img{
    height: 15px;
    display: block;
}
.article-header-list ul li.wd376.hirai .text a .title {
  color: #fff;
  line-height: 1.2em;
  padding:108px 0 10px 4px;
}
@media screen and ( max-width:320px) {
  .article-header-list ul li.wd376.hirai .date {
    color: #fff;
    position:absolute;
    top:178px;
    right:2px;
  }
  .article-header-list ul li.wd376.hirai .author {
    color: #fff;
    position:absolute;
    top:178px;
    #right:2px;
    left:5px;
  }
  .article-header-list ul li.wd376.hirai .text a .title {font-size: .8em;}
}
.article-header-list ul li.wd376.hirai .text a .title .rock img {
    height: 15px;
    display: block;
}

/* 20190801 */
.article-header-list ul li.wd376.nikkan {
  background: url(/common/images/v1/common/nikkan190730.jpg) no-repeat center top;
  background-size:100%;
  background-color: #000;
  min-height: 203px;
}
.article-header-list ul li.wd376.nikkan .text a .title {
    color: #fff;
    line-height: 1.2em;
    padding:126px 0 10px 6px;
    margin-bottom:0;
}
.article-header-list ul li.wd376.nikkan .date {
  color: #fff;
  padding-left:6px;
}
.article-header-list ul li.wd376.nikkan .author {
  color: #fff;
  padding-left:6px;
}
.article-header-list ul li.wd376.nikkan .author a{
  color: #fff;
}
.article-header-list ul li.wd376.nikkan .text a .title .rock
{display: inline-block;}
.article-header-list ul li.wd376.nikkan .text a .title .rock img{
    height: 15px;
    display: block;
}
/* 201909 */
.article-header-list ul li.wd376.china70 a img {width:100%;}

.article-header-list ul li.wd376.kitachosen a img {width:100%;}

/* 20191227 */
.article-header-list ul li.wd376.hikakuka {
  background: url(/common/images/v1/common/kita_hikakuka.jpg) no-repeat center top;
  background-size:100%;
  background-color: #000;
  min-height: 203px;
}
.article-header-list ul li.wd376.hikakuka .text a .title {
    color: #fff;
    line-height: 1.2em;
    padding:136px 0 10px 6px;
    margin-bottom:0;
}
.article-header-list ul li.wd376.hikakuka .date {
  color: #fff;
  padding-left:6px;
}
.article-header-list ul li.wd376.hikakuka .text a .title .rock
{display: inline-block;}
.article-header-list ul li.wd376.hikakuka .text a .title .rock img{
    height: 15px;
    display: block;
}



/* .arctic-header .arctic-summary p{font-size:0.9em;margin:20px 0 10px;padding:0 4px;} */
/* .arctic-header img{width:100%;} */
.arctic-header .arctic-summary p{font-size:0.8em;margin:20px 0 10px;padding:0 4px;}
.arctic-header img{width:48%;float:left;margin-right:5px;}
.arctic-header.china70 img{width:100%;float:none;margin-right:5px;}

#arctic-menu {border-bottom: solid 2px #223B71;margin: 1em 0;}
#arctic-menu ul {overflow: hidden;}
#arctic-menu ul li {float: left;width: 32%;text-align: center;}
#arctic-menu ul li a {
    display: block;
    padding: 6px;
    color: #fff;
    background-color: #d1d1d1;
    border-radius: 4px 4px 0 0;
    font-size: .9em;
}
#arctic-menu ul li.current a {background-color: #223B71;}
.pagination.arctic {margin: 0 auto 20px;text-align: center;overflow: hidden;}
.pagination.arctic .prev {
    display: inline-block;
    margin-right: 0.5em;
    background: url(/common/images/v1/common/arrow-left.png) no-repeat bottom left;
    background-size: auto auto;
    background-size: 15px 23px;
    -webkit-background-size: 15px 23px;
    -moz-background-size: 15px 23px;
}
.pagination.arctic .prev a {
    white-space: nowrap;
    text-indent: 18px;
    display: inline-block;
    overflow: visible;
    font-weight: bold;
    color: #233b71;
}
.pagination.arctic .page a {
    border: none;
    display: inline-block;
    font-size: 1.1em;
    width: auto;
    height: 28px;
    line-height: 30px;
    font-weight: bold;
    color: #000;
}
.pagination.arctic .next {
    display: inline-block;
    padding-right: 15px;
    background: url(/common/images/v1/common/arrow-right.png) no-repeat bottom right;
    background-size: auto auto;
    background-size: 15px 23px;
    -webkit-background-size: 15px 23px;
    -moz-background-size: 15px 23px;
}
.pagination.arctic .next a {
    white-space: nowrap;
    text-indent: 18px;
    display: inline-block;
    overflow: visible;
    font-weight: bold;
    color: #233b71;
}

/* 記事中ログイン */
#article-login{border:solid 3px #D9DEE9;border-radius: 5px;padding:5px;}
#article-login .login-form{background-color: #D9DEE9;border-radius: 4px;padding:5px;margin-top: 1em;}
#article-login .login-form h5{text-align: center;font-size:1.1em;font-weight: normal;margin-bottom:.5em;}
#article-login .login-form p{margin-bottom: 0 !important;}
#article-login .login-form input.text{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width:100%;
    border:solid 1px #d1d1d1;
    margin-bottom:.5em;
    display: block;
    padding:5px 0;
    font-size:16px;
    border-radius: 0;
}
#article-login .login-form input.btn{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #b30000;
    border-style:none;
    color:#fff;
    font-size:1.1em;
    padding:5px 10px;
    border-radius: 4px;
    margin:1em auto;
    width:80%;
    display: block;
}
#article-login .login-form .regist a{
    background-color: #223B71;
    color:#fff;
    font-size:1.1em;
    padding:5px 10px;
    border-radius: 4px;
    margin:1em auto;
    width:80%;
    text-align: center;
    display: block;
}
#article-login .login-form .user-info{font-size:.8em;text-align:center;}
#article-login .login-form .user-info a{
    background-image: url(/common/images/v1/smartphone/arrows.png);
    background-repeat: no-repeat;
    background-position:  right 0;
    background-size: 14px 300px;
    -moz-background-size: 14px 300px;
    -webkit-background-size: 14px 300px;
    padding-right:20px;
    display: inline-block;
}
/* 中東通信一覧ページ下のログイン */
.single-article-temp #article-login {margin-bottom: 30px;}

/* 20160630 */
#article-login-v2{border:solid 3px #D9DEE9;border-radius: 5px;padding:5px;margin-top: 30px;}
#article-login-v2 .login-info{font-size: 1.2em;font-weight:bold;text-align: center;}
#article-login-v2 .nonmember-v2 .login-form{background-color: #fff;border-radius: 4px;padding:5px;margin-top: 1em;}
#article-login-v2 .nonmember-v2 .login-form p{margin-bottom: 0 !important;}
#article-login-v2 .nonmember-v2 .login-form .regist a{
    background-color: #b30000;
    color:#fff;
    font-size:1em;
    padding:12px 4px;
    border-radius: 8px;
    margin:1.5em auto 0em;
    /* width:80%; */
    text-align: center;
    display: block;
    text-decoration: none;
    box-shadow: 1px 1px 2px #999;
    font-weight:bold;
}
#article-login-v2 .nonmember-v2 .memberlogin{font-size:1em;margin-top:1em;text-align: center;}
#article-login-v2 .nonmember-v2 .memberlogin a{font-weight:bold;}
#article-login-v2 .nonmember-v2 .login-form .regist a span{font-size:0.9em;}
/* 20180314 */
#article-login-v2 .login-info .rock{display: inline-block;}
#article-login-v2 .login-info .rock img{height: 16px;margin:0 3px 0 0;display: block;}

/* 20210907 */
.article-nonmember-yahoocharge {width:100%;text-align:right;margin:14px 0;}
.article-nonmember-yahoocharge a{
  display: inline-block;
  background-color: #b30000;
  color: #fff !important;
  text-align: center;
  font-size: 1em;
  line-height: 20px;
  padding: 8px;
  border-radius: 12px;
  box-shadow: 1px 1px 2px #999;
  text-decoration: none !important;
  font-weight: bold;
}


/* 20160720 */
#article-body .article-end-sns {
    border: solid 3px #D9DEE9;
    border-radius: 5px;
    padding: 5px 5px 0 5px;
    margin: 1em 0.5em;
}
#article-body .article-end-sns .sns-info {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    margin: 0.2em 0 0.5em;;
}
#article-body .article-end-sns .sns-info-sub {
    line-height: 1.7;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}
#article-body .article-end-sns .sns-button{text-align:center;margin-top:0.5em;}
#article-body .article-end-sns .sns-button ul li {margin-bottom: 1em;}
#article-body .article-end-sns .sns-button ul li span{font-weight: bold;line-height:1.8em;}
#article-body .article-end-sns-tools {
    border-radius: 6px;
    padding: 1em 0;
    margin: 1em 0.5em;
    overflow: hidden;
    background-color: #d9dee9;
    text-align: center;
}
#article-body .article-end-sns-tools ul{display: inline-block;}
#article-body .article-end-sns-tools .tools-info{font-size: 1.2em;font-weight: bold;margin-bottom: 0.5em;}
#article-body .article-end-sns-tools ul li {float:left;margin-left: 0.2em;}
/* #article-body .article-end-sns-tools ul li a img{width:92%;} */
#article-body .article-end-sns-tools ul li.fb a,#article-body .article-end-sns-tools ul li.tw a,#article-body .article-end-sns-tools ul li.hatena a{position: relative;}
#article-body .article-end-sns-tools ul li.fb a div.fb-count-wrap,
#article-body .article-end-sns-tools ul li.tw a div.tw-count-wrap,
#article-body .article-end-sns-tools ul li.hatena a div.b-count-wrap{
  position: absolute;
  top: -20px;
  left: 47%;
  border-radius: 5px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#article-body .article-end-sns .sns-button ul li.tw a {
  position: relative;
  display: inline-block;
  width: 190px;
  height: 28px;
  box-sizing: border-box;
  padding: 4px 3px 3px 24px;
  background: #000 url(/common/images/v1/common/icon_x_white.svg) 0 0 no-repeat;
  background-size: 15px 15px;
  background-position: 12px center;
  color: #fff;
  border-radius: 9999px;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
}

#article-body .article-end-sns-tools ul li.tw a div.tw-count-wrap{background: #2a8fe6;}
#article-body .article-end-sns-tools ul li.fb a div.fb-count-wrap{background: #243d6d;}
#article-body .article-end-sns-tools ul li.hatena a div.b-count-wrap{background: #019ccb;}
#article-body .article-end-sns-tools ul li.tw a div.tw-count-wrap span.tw-count{color: #a4eaff;padding: 5px;font-size: 12px;line-height: 18px;}
#article-body .article-end-sns-tools ul li.fb a div.fb-count-wrap span.fb-count{color: #779ee8;padding: 5px;font-size: 12px;line-height: 18px;}
#article-body .article-end-sns-tools ul li a img{border-radius: 6px;}
#article-body .article-end-sns-tools ul li.hatena a div.b-count-wrap span.b-count{color: #a4eaff;padding: 5px;font-size: 12px;line-height: 18px;}
#article-body .article-end-sns-tools ul li.fb2{
  background: #c1c1c1;
  height: 51px;
  border-radius: 6px;
  padding: 10px 1px 0;
}

#article-body table { max-width: 100%; }

/* キーワード */
/*
.keywords{
    margin-top:20px;
    background-image: url(/common/images/v1/smartphone/keywords.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 30px 15px;
    -webkit-background-size: 30px 15px;
    -moz-background-size: 30px 15px;
    padding-left:40px;
}
.keywords a{color:#233b71;font-size:.9em;}
.tags{
    margin-top:20px;
}
.tags a{color:#233b71;font-size:.9em;}
*/
.article-detail .tag{font-size:0.9em;}
.article-detail .tag span a {
    display: inline-block;
    background-color: #223B71;
    color: #FFF;
    padding: 2px 4px;
    border-radius: 3px;
    font-weight: normal;
    margin: 0 2px 5px 0;
    text-decoration: none;
}

/* 記事内コメント欄 */
#feed-comment{padding:10px;clear:both;}
#feed-comment .comment-num{margin-bottom: 15px;}
#feed-comment .comment-num span.comment-ico {
    background:url(/common/images/v1/common/common.png) no-repeat;
    display:block;
    background-size: 250px 2100px;
    -webkit-background-size: 250px 2100px;
    -moz-background-size: 250px 2100px;
    background-position: -200px -1358px;
    display: inline-block;
    width: 50px;
    height: 42px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    padding: 0px;
    float: left;
    margin-right:20px;
}
#feed-comment .comment-num span{font-size: 2em;color: #233b71;}
#feed-comment .icon.master{background-color: #838383;width:50px;height:50px;border-radius: 4px;float: left;margin:0 10px 8px 0;}
#feed-comment .icon.master span{
    background-image: url(/common/images/v1/smartphone/comment-ico.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 19px 30px;
    -webkit-background-size: 19px 30px;
    -moz-background-size: 19px 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    height: 50px;
}
#feed-comment .comment-table textarea{
    width:100%;
    clear: both;
    margin-top:10px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border:solid 1px #d1d1d1;
    font-size: 16px;
}
#feed-comment .comment-table p#feedback_comment_err{margin-bottom: .5em;}
#feed-comment .comment-caution .attention{color: #666;font-size:.9em;}
#feed-comment .comment-table .comment-caution .attention ul{clear:both;}

#feed-comment .comment-caution .login{text-align: center;margin-top:.5em;clear: both;}
#feed-comment .comment-caution .login .post-comment{color:#fff;background-color: #233b71;padding:10px 30px;display: inline-block;border-radius: 4px;}
#feed-comment .comment-caution.topic .login .post-comment{color:#fff;background-color: #B30000;padding:10px 30px;display: inline-block;border-radius: 4px;}
#feed-comment .comment-caution .login .login-btn a{color:#fff;background-color: #233b71;padding:10px 30px;display: inline-block;border-radius: 4px;}

#feed-comment #feedbacks a#more-comments{background-color: #233B71;color:#fff;border-radius: 4px;padding: 10px 20px;width: 90%;display: block;text-align: center;}

#topic_comment{margin:10px;}
.member-comment{margin-bottom:1em;border-top: solid 2px #d1d1d1;padding-top:1em;}
#main-contents.comment-list .member-comment{border-top: none;border-bottom: solid 2px #d1d1d1;padding:0 0 1em;}
.member-comment .icon{float: left;margin-right:10px;display: block;margin-bottom: 1em;}
.member-comment .icon span{width:50px;height:50px;display:block;border-radius: 4px;font-family: 'Montserrat', sans-serif;color:#fff;font-size:32px;text-align: center;line-height:50px;font-weight: 700;}
.member-comment .icon span.blue{background-color: #233b71;}
.member-comment .icon span.green{background-color: #80b899;}
.member-comment .icon span.red{background-color: #b30000;}
.member-comment .icon span.gray{background-color: #838383;}
.member-comment .comment-header{float: left;display: block;margin-bottom: 1em;font-size:.9em;color:#838383;width:80%;}
.member-comment .comment-header.wide{width:100%;}
.member-comment .comment-header a{color: #223B71;}
.member-comment .comment-header .date{display: block;}
.member-comment .comment-body{clear: both;margin:1em 0;}
.member-comment .comment-body .clearboth{font-weight: normal;text-align: right;font-size:.9em;}
#topic_comment .member-comment .comment-text a.commentmore{
    padding:3px 5px 3px 20px;
    border-radius: 4px;
    border:solid 1px #b30000;
    display: inline-block;
    color: #b30000;
    background-image: url("/common/images/v1/common/arrow-down-red.png");
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 12px 10px;
    -webkit-background-size: 12px 10px;
    -moz-background-size: 12px 10px;
}
#topic_comment .member-comment .comment-text a.commentmoreclose{
    padding:3px 5px 3px 20px;
    border-radius: 4px;
    border:solid 1px #b30000;
    display: inline-block;
    color: #b30000;
    background-image: url("/common/images/v1/common/arrow-up-red.png");
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 12px 10px;
    -webkit-background-size: 12px 10px;
    -moz-background-size: 12px 10px;
}
#feedbacks .member-comment .comment-text a.commentmore {
    color: #233B71;
    display: inline-block;
    float: right;
    background: url("/common/images/v1/common/arrow-down.png") no-repeat scroll 5px 7px / 12px 10px transparent;
    padding: 3px 5px 3px 20px;
    border: 1px solid #233B71;
    border-radius: 4px;
    font-size: 13px;
}

.comment-bottom{clear: both;overflow: hidden;}
.comment-bottom .recommend,.comment-bottom .no-recommend{margin:0 10px 1em;display:block;float: left;overflow: hidden;width:20%;}
.comment-bottom a{float: left;}
.comment-bottom a.comment.yes{
    background-image: url(/common/images/v1/smartphone/good.png);
    background-repeat: no-repeat;
    background-size: 24px  24px;
    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    width:24px;
    height:24px;
    display:inline-block;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 0;
    margin-right: 10px;
}
.comment-bottom a.comment.no{
    background-image: url(/common/images/v1/smartphone/no-good.png);
    background-repeat: no-repeat;
    background-size: 24px  24px;
    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    width:24px;
    height:24px;
    display:inline-block;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 0;
    margin-right: 10px;
}
.comment-bottom a.topic.yes{
    background-image: url(/common/images/v1/smartphone/good.png);
    background-repeat: no-repeat;
    background-size: 24px  24px;
    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    width:24px;
    height:24px;
    display:inline-block;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 0;
    margin-right: 10px;
}
.comment-bottom a.topic.no{
    background-image: url(/common/images/v1/smartphone/no-good.png);
    background-repeat: no-repeat;
    background-size: 24px  24px;
    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    width:24px;
    height:24px;
    display:inline-block;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 0;
    margin-right: 10px;
}

.comment-bottom .num{display: inline-block;float: left;line-height: 24px;}
.comment-bottom .recommend .num,
.comment-bottom .no-recommend .num{
    padding-left: 4px;
    background:url(/common/images/v1/common/fukidashi.png) no-repeat left;
    background-size: 4px 30px;
    -moz-background-size: 4px 30px;
    -webkit-background-size: 4px 30px;
    position: absolute;
    font-size:12px;
}
.comment-bottom .recommend .num span,
.comment-bottom .no-recommend .num span{border-top:solid 1px #d1d1d1;border-right:solid 1px #d1d1d1;border-bottom: solid 1px #d1d1d1;padding:3px 5px;border-radius: 0 2px 2px 0;}

#feedbacks{margin-top:1em;}
#main-contents.comment-list #feedbacks{margin:10px;}
.comment-bottom .fb{clear: both;float: left;line-height: 1;vertical-align: middle;}
.comment-bottom .tw,.comment-bottom .hatena{float: left;line-height: 1;vertical-align: middle;margin-left:10px;}

#latest-comment .list-articles ul li{
  font-weight: normal;
  font-size: .8em;
  padding: 5px 0;
  background-image: url(/common/images/v1/common/arrow-tri-gray.png);
  background-repeat: no-repeat;
  background-position: 0 8px;
  background-size: 10px 12px;
  -webkit-background-size: 10px 12px;
  -moz-background-size: 10px 12px;
  padding-left: 12px;
}


/* 記事下のリスト */
.related-articles .list-articles.thumb ul.basic li .icon{display: block;width:100%;overflow: hidden;margin-bottom:.5em;padding-top:56.25%;position: relative;}
.related-articles .list-articles.thumb ul.basic li .icon img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: auto;}
.related-articles .list-articles.thumb ul.basic li .title{font-weight: normal;}
.related-articles .list-articles-thumb.wd186{margin: 0 10px;}
.related-articles .list-articles-thumb.wd186 .icon{display: block;width:100%;overflow: hidden;margin-bottom:.5em;padding-top:56.25%;position: relative;}
.related-articles .list-articles-thumb.wd186 .icon img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: auto;}

/* 20180202 */
#article-end #author-articles .main-heading{
  border-bottom: none;
    background: url(/common/images/v1/common/heading-w-black.png) no-repeat left bottom;
    padding-bottom: 6px;
    font-size: 1em;
}
#article-end #author-articles .main-heading a img {
  display: inline-block;
  margin-bottom: 6px;
}
#article-end #author-articles .list-articles ul.basic li a {
  position: relative;
  padding-left: 18px;
  display: inline-block;
}
/* 20180322 */
#article-end #author-articles .list-articles ul.basic li .rock{display: inline-block;}
#article-end #author-articles .list-articles ul.basic li .rock img{
    height: 15px;
    display: block;
}


#article-end #author-articles .list-articles ul.basic li a::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: #d1d1d1 2px solid;
    border-right: #d1d1d1 2px solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

#author-articles .main-heading .more{display: block;border-top:solid 3px #d1d1d1;overflow: hidden;padding-top:5px;}
#author-articles .main-heading .more a{float: right;font-size: .8em;}
#author-articles .main-heading .more a {
    background:url(/common/images/v1/common/arrow-black-rightx2.png) no-repeat;
    display:block;
    background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-position: right;
    padding: 3px 20px 0px 0px;
}
#free-articles .main-heading{border-bottom: none;}
#free-articles .main-heading .more{display: block;border-top:solid 3px #80b899;overflow: hidden;padding-top:5px;}
#free-articles .main-heading .more a{float: right;font-size: .8em;}
#free-articles .main-heading .more a {
    background:url(/common/images/v1/common/arrow-black-rightx2.png) no-repeat;
    display:block;
    background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-position: right;
    padding: 3px 20px 0px 0px;
}
#article-end .related-articles.backnumber .main-heading{
  border-bottom: none;
  background: url(/common/images/v1/common/heading-w-black.png) no-repeat left bottom;
  padding-bottom: 6px;
  font-size: 1em;
}
#article-end .related-articles.backnumber .main-heading a {
  display: block;
}
#article-end .related-articles.backnumber .main-heading a img{
    display: inline-block;
    margin-bottom: 6px;
}
#article-end .related-articles.backnumber .list-articles ul.basic li {
  border-color: #d1d1d1;
}
#article-end .related-articles.backnumber .list-articles ul.basic li a{
  position: relative;
  padding-left: 18px;
  display: inline-block;
}
#article-end .related-articles.backnumber .list-articles ul.basic li a::before{
  content: "";
  display: block;
    width: 8px;
    height: 8px;
    border-top: #d1d1d1 2px solid;
    border-right: #d1d1d1 2px solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
/* 20180312 */
#article-end .related-articles.backnumber .list-articles ul.basic li a .rock{display: inline-block;}
#article-end .related-articles.backnumber .list-articles ul.basic li a .rock img{
    height: 15px;
    display: block;
}


.related-articles .main-heading .more{display: block;border-top:solid 3px #d1d1d1;overflow: hidden;padding-top:5px;}
.related-articles .main-heading .more a{float: right;font-size: .8em;}
.related-articles .main-heading .more a {
    background:url(/common/images/v1/common/arrow-black-rightx2.png) no-repeat;
    display:block;
    background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-position: right;
    padding: 3px 20px 0px 0px;
}
#article-end #free-articles .related-articles .backtotop{
  float: right;
  margin: 20px 0;
  display: inline-block;
  padding-right: 10px;
}

#article-end .main-heading{
  text-align: left;
  /* font-size:1.1em; */
  /* border-bottom:solid 2px #d1d1d1; */
  /* padding:0 5px; */
  padding-left:5px;
  font-weight: bold;
}
#article-end #regist img{width:100%;}
#article-author-info .author-data{padding:10px;overflow: hidden;}
#article-author-info .author-data .photo{float: left;}
#article-author-info .author-data .photo img{width:80px;height:80px;border-radius: 80px;margin:0 10px 10px 0;}
/* 20180202 */
#article-end #article-author-info .main-heading {
    border-bottom: none;
    background: url(/common/images/v1/common/heading-w-black.png) no-repeat left bottom;
    padding-bottom: 6px;
    font-size:1em;
}
#article-end #article-author-info .author-books{
  margin: 1em auto;
  background-color: #d9dee9;
  padding-bottom:0.5em;
}
#article-end #article-author-info .author-books .author-books-head-wrap {
  text-align:center;
}
#article-end #article-author-info .author-books .author-books-head-wrap .author-books-head {
  background-color: #000;
  color:#fff;
  width: 108px;
  display: inline-block;
  padding: 2px 8px;
}

/* 20180202 */
#article-end #free-articles .related-articles .list-articles.thumb ul.basic li{
  clear:none;
  background-color: #fff;
  padding: 5px 5px;
  margin-right: 8.5px;
  margin-bottom: 0;
}

@media screen and ( max-width:374px) {
  #article-end #free-articles .related-articles .list-articles.thumb ul.basic li{
    width:136px !important;
    min-height:225px;
  }
}
@media screen and (min-width:375px){
  #article-end #free-articles .related-articles .list-articles.thumb ul.basic li{
    width:164px !important;
    min-height:234px;
  }
}
@media screen and (min-width:414px){
  #article-end #free-articles .related-articles .list-articles.thumb ul.basic li{
    width:182px !important;
    min-height:234px;
  }
}
@media screen and (min-width:480px){
  #article-end #free-articles .related-articles .list-articles.thumb ul.basic li{
    width:214px !important;
  }
}
@media screen and (min-width:600px) {
  #article-end #free-articles .related-articles .list-articles.thumb ul.basic li{
    width:272px !important;
  }
}

#article-end #free-articles .related-articles .main-heading{
  font-weight: bold;
  background: url(/common/images/v1/common/heading-w-green.png) no-repeat left bottom;
  padding:0 0 6px 5px !important;
  font-size: 1em !important;
}
#article-end #free-articles .related-articles .main-heading a img {
    display: inline-block;
    margin-bottom: 6px;
    margin-left: 4px;
}
#article-end #free-articles .related-articles .list-articles.thumb {
    padding: 8px 8px;
    background-color: #d8e9e1;
    border-bottom:none;
    margin:0;
}

#article-end #ranking .main-heading,
#article-end #latest .main-heading,
#article-end #top-column-list .main-heading,
#article-end #top-expert-list .main-heading {
    border-bottom: none;
    background: url(/common/images/v1/common/heading-w-black.png) no-repeat left bottom;
    padding-bottom: 6px;
    font-size: 1em;
}
#article-end #ranking .main-heading a img,
#article-end #latest .main-heading a img,
#article-end #top-expert-list .main-heading a img {
    display: inline-block;
    margin-bottom: 6px;
    margin-left: 4px;
}
#article-end #ranking .ranking-list-articles-end ul li .rank {
  display:table-cell;
  vertical-align: middle;
    font-size: 22px;
    float: left;
    font-family: 'Anton', sans-serif;
    color: #000;
    padding: 0 5px;
    text-align: center;
    width:5%;
}
#article-end #ranking .ranking-list-articles-end ul li a {
  display: table-cell;
  vertical-align: middle;
  width:91%;
}
#article-end #ranking .ranking-list-articles-end ul li .rock{display: inline-block;}
#article-end #ranking .ranking-list-articles-end ul li .rock img{
    height: 15px;
    display: block;
}
#article-end #ranking .ranking-list-articles-end ul li {
    overflow: hidden;
    padding: 10px 0;
    border-bottom: dotted 1px #000;
}

#article-end #latest .latest-articles-wrap .list-articles-thumb {
  padding: 5px;
  border-bottom: dotted 1px #000;
}
#article-end #latest .latest-articles-wrap .list-articles-thumb a {display: table;}
#article-end #latest .latest-articles-wrap .list-articles-thumb a .icon {
  display:table-cell;
  vertical-align:middle;
  margin-right:4px;
}
#article-end #latest .latest-articles-wrap .list-articles-thumb a .icon img{
  width: 160px;
  margin-right: 6px;
}
#article-end #latest .latest-articles-wrap .list-articles-thumb a .title {
  display:table-cell;
  vertical-align:middle;
}
#article-end #latest .latest-articles-wrap .list-articles ul.basic li a {
  position: relative;
  padding-left: 18px;
  display: inline-block;
}
#article-end #latest .latest-articles-wrap .list-articles ul.basic li a::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: #d1d1d1 2px solid;
    border-right: #d1d1d1 2px solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
/* 20180312 */
#article-end #latest .latest-articles-wrap .list-articles-thumb a .title .rock,
#article-end #latest .latest-articles-wrap .list-articles ul.basic li a .rock
{display: inline-block;}
#article-end #latest .latest-articles-wrap .list-articles-thumb a .title .rock img,
#article-end #latest .latest-articles-wrap .list-articles ul.basic li a .rock img{
    height: 15px;
    display: block;
}


#article-end #top-column-list .list-articles.thumb ul.basic li{
  clear:none;
  margin: 0 4px;
}
@media screen and ( max-width:374px) {
  #article-end #top-column-list .list-articles.thumb ul.basic li{
    width:146px !important;
  }
}
@media screen and (min-width:375px){
  #article-end #top-column-list .list-articles.thumb ul.basic li{
    width:172px !important;
  }
}
@media screen and (min-width:414px){
  #article-end #top-column-list .list-articles.thumb ul.basic li{
    width:192px !important;
  }
}
@media screen and (min-width:480px){
  #article-end #top-column-list .list-articles.thumb ul.basic li{
    width:224px !important;
  }
}
@media screen and (min-width:600px) {
  #article-end #top-column-list .list-articles.thumb ul.basic li{
    width:282px !important;
  }
}
#article-end #top-column-list .list-articles.thumb ul.basic li span a img{width:100%;}

/* 専門家の部屋 20180205 */
#article-end #top-expert-list .expert-list-articles {
    padding: 8px 4px;
    background-color: #d9dee9;
    border-bottom: none;
    margin: 0;
}
#article-end #top-expert-list .expert-list-articles ul {
    overflow: hidden;
    width: 100%;
    margin: 0 0 0 4px;
}
@media screen and (max-width:374px) {
  #article-end #top-expert-list .expert-list-articles ul li{
    width:137px !important;
    min-height:225px;
  }
}
@media screen and (min-width:375px){
  #article-end #top-expert-list .expert-list-articles ul li{
    width:166px !important;
    min-height:234px;
  }
}
@media screen and (min-width:414px){
  #article-end #top-expert-list .expert-list-articles ul li{
    width:184px !important;
    min-height:234px;
  }
}
@media screen and (min-width:480px){
  #article-end #top-expert-list .expert-list-articles ul li{
    width:214px !important;
  }
}
@media screen and (min-width:600px) {
  #article-end #top-expert-list .expert-list-articles ul li{
    width:272px !important;
  }
}
#article-end #top-expert-list .expert-list-articles ul li {
    clear: none;
    background-color: #fff;
    padding: 5px 5px;
    margin-right: 8.5px;
    margin-bottom: 0;
}
#article-end #top-expert-list .expert-list-articles ul li {
    clear: none;
    background-color: #fff;
    padding: 5px 5px;
    margin-right: 8px;
    margin-bottom: 0;
    float:left;
}
#article-end #top-expert-list .expert-list-articles ul li .icon {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: .5em;
    padding-top: 56.25%;
    position: relative;
}
#article-end #top-expert-list .expert-list-articles ul li .icon img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
#article-end #top-expert-list .expert-list-articles ul li .expert-title {
    font-size: .9em;
    background-color: #000;
    width: auto;
    display: block;
    padding: 3px 0px 3px 5px;
    margin-bottom: 5px;
}
#article-end #top-expert-list .expert-list-articles ul li .expert-title a{
  color:#fff;
}
#article-end #top-expert-list .expert-list-articles ul li .title {
    display: block;
    font-size: .9em;
    font-weight: bold;
    margin-bottom: .5em;
    line-height: 1.2em;
}
#article-end #top-expert-list .expert-list-articles li .author {
    display: block;
    font-size: .8em;
}
#article-end #top-expert-list .expert-list-articles ul li .date {
    font-size: .8em;
    color: #838383;
}
/* 20180312 */
#article-end #top-expert-list .expert-list-articles ul li a .right-content .title .rock
{display: inline-block;}
#article-end #top-expert-list .expert-list-articles ul li a .right-content .title .rock img{
    height: 15px;
    display: block;
}


/* ------------------------------------------------------
一覧ページの設定
---------------------------------------------------------- */
#category-common-menu{border-bottom: solid 2px #223B71;margin: 1em 0;}
#category-common-menu.topic{border-bottom: solid 2px #b30000;margin: 1em 0;}
#category-common-menu ul{overflow: hidden;position: relative;}
#category-common-menu ul li{float: left;width:30%;text-align: center;}
#main-contents.comment-list #category-common-menu.wide ul li{width:50%;}
#category-common-menu ul li a{display: block;padding:10px;color:#fff;background-color: #838383;border-radius: 4px 4px 0 0;font-size:.9em;}
#category-common-menu.wide ul li a{padding:15px 0;font-size:.8em;}
#category-common-menu ul li.current a{background-color: #223B71;}
/* #category-common-menu ul li.current:nth-child(2) a{background-color: #b30000;} */
#category-common-menu ul li:nth-child(3){position: absolute;right:0;bottom:0;width:25%;}
#category-common-menu ul li:nth-child(3) a{font-size:.9em;border-radius: 0;background-color: #3b5ba1;padding:7px 5px;}

/* コメントランキング　20150622追加 */
#comment-common-menu{border-bottom: solid 2px #223B71;margin: 1em 0;position: relative;}
#comment-common-menu.topic{border-bottom: solid 2px #b30000;margin: 1em 0;}
#comment-common-menu ul{overflow: hidden;position: relative; display: table;}
#comment-common-menu ul li{width:22%;text-align: center;display: table-cell;vertical-align: bottom;}
#comment-common-menu.wide ul li{width:20%;}
#comment-common-menu ul li a{display: block;padding:10px;color:#fff;background-color: #838383;border-radius: 4px 4px 0 0;font-size:.9em;}
#comment-common-menu.wide ul li a{padding:15px 0;font-size:.8em;}
#comment-common-menu ul li.current a{background-color: #223B71;}
#comment-common-menu ul li.current:nth-child(2) a{background-color: #b30000;}
#comment-common-menu ul li:nth-child(3){width:22%;padding-left: 1em;}
#comment-common-menu ul li:nth-child(3) a{font-size:.7em;border-radius: 0;background-color: #3b5ba1;padding:4px 5px;}
#comment-common-menu ul li:nth-child(4){width:22%;padding-left: 0.2em;}
#comment-common-menu ul li:nth-child(4) a{font-size:.7em;border-radius: 0;background-color: #3b5ba1;padding:4px 3px;}



.article-list-header{margin-top:10px;}
.article-list-header h2 img{width:100%;}
.article-header-list{margin: 10px;border-bottom:dotted 1px #000;}
.article-header-list .heading .more , #ranking .heading .more{
    display: block;
    border-top: solid 3px #d1d1d1;
    overflow: hidden;
    padding: 5px 10px 0;
}
.article-header-list .heading .more a, #ranking .heading .more a{
    background: url(/common/images/v1/common/arrow-black-rightx2.png) no-repeat;
    display: block;
    background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-position: right;
    padding: 3px 20px 0px 0px;
    float: right;
    font-size: .6em;
}
/* 20180130追加 */


/* 20170924追加 */
.article-header-list.arealist .non-kanban {margin-bottom: 10px;margin-top: 20px;}
.article-header-list.arealist .more a.img {
    background: url(/common/images/v1/common/arrow-black-rightx2.png) no-repeat;
    display: block;
    background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-position: right;
    padding: 3px 20px 0px 0px;
}
.article-header-list.arealist .more a {
    float: right;
    font-size: 1em;
    margin: 2px 0 0 20px;
}

.article-header-list ul{overflow: hidden;width: 100%;margin: 0;}
.article-header-list ul li.wd376{width:49%;float: left;margin-bottom:1.1em;border-style: none;position: relative;}
.article-header-list ul li.wd376:nth-child(odd){clear: left;margin-right: 2%;}
.article-header-list ul li.wd376 .icon{display: block;width:100%;overflow: hidden;margin-bottom:.5em;padding-top:56.25%;position: relative;}
.article-header-list ul li.wd376 .icon img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: auto;}
.article-header-list ul li.wd376 .column{/* color: #838383; */font-size: .8em;font-weight: bold;}
.article-header-list ul li.wd376 .title{display: block;font-size: .9em;font-weight: bold;margin-bottom: .5em;line-height:1.2em;}
/* 20150415追加 */
.article-header-list ul li.wd376 a .text .title .free {color: #fff;background-color: #7fba6a;padding: 0 3px;border-radius: 3px;display: inline-block;}
/* .article-header-list ul li.wd376 .free{display: block;margin-bottom: 0.6em;} */
.article-header-list ul li.wd376 .free a {color: #fff;background-color: #7fba6a;padding: 0 3px;border-radius: 3px;}
.article-header-list ul li.wd376 .author{display: block;font-size:.8em;}
.article-header-list ul li.wd376 .date{font-size:.8em;color:#838383;}
.article-header-list ul li.wd376 .comment{background-position: 0 4px;}
.article-header-list ul li.wd376 .photo img{width:30px;height:30px;border-radius: 30px;float: left;margin-right:5px;}
.article-header-list ul li.wd376 .tags{clear: both;}
/* 20180316 */
.article-header-list ul li.wd376 a .text .title .rock{display: inline-block;}
.article-header-list ul li.wd376 a .text .title .rock img{height: 15px;display: block;}
/* 20200702 */
.article-header-list ul li.wd376 .new {
    background-color: #b30000;
    color: #fff;
    padding: 1px 4px;
    margin-right: 3px;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
#free-articles ul li.wd186{position: relative;}
#free-articles ul li.wd186 .new {
    background-color: #b30000;
    color: #fff;
    padding: 1px 4px;
    margin-right: 3px;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}


.article-header-list.archive ul li{margin-bottom:2em;}
.article-header-list.archive ul li h5{border-bottom:1px solid #223b71;color:#223B71;font-size:1.4em;margin-bottom: .5em;}
.article-header-list.archive ul li .month{font-size:1.1em;}
.article-header-list.archive ul li .month span{padding:0 10px;}
.article-header-list.archive ul li .month span a{text-decoration: underline;margin-bottom: .5em;display: inline-block;}
/* 20180312 */
.article-header-list ul li.wd376 .article-bottom .article-info .rock{display: inline-block;}
.article-header-list ul li.wd376 .article-bottom .article-info .rock img{
    height: 15px;
    margin-top: -3px;
    display: block;
}

.bn-campaign__body{
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}
.article-index-list{margin: 10px 2px 2px;}
.article-index-list ul li{overflow: hidden;border-bottom: dotted 1px #000;padding:10px 0;}
.article-index-list ul li .icon{display: block;width:30%;overflow: hidden;margin-bottom:.5em;padding-top:16.875%;position: relative;float: left;margin-right:10px;}
.article-index-list ul li .icon img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: auto;}
.article-index-list ul li .title{float: left;font-weight: bold;margin-bottom: .5em;line-height:1.2em;display: block;width:65%;font-size:1.2em;}
.article-index-list ul li .expert{clear: left;display:inline-block;}
.article-index-list ul li .date{clear: both;display: block;font-size:.9em;color:#838383;margin: .3em 0;}
.article-index-list ul li .comment{background-position: 0 4px;margin-left:15px;}
.article-index-list ul li .text .column{font-size:0.9em;}
.article-index-list ul li .text .column a{font-size:0.9em;}
.article-index-list ul li .full-size-text .column a{font-size:0.8em;}
.article-index-list ul li .full-size-text .column{font-size:0.8em;}

.article-index-list.arealist .more a{float: right;font-size: 1em;margin:2px 0 0 20px;}
.article-index-list.arealist .more a.img {
    background:url(/common/images/v1/common/arrow-black-rightx2.png) no-repeat;
    display:block;
    background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-position: right;
    padding: 3px 20px 0px 0px;
}
.article-index-list.arealist .non-kanban{margin-top:20px;}

.article-index-list.topic{margin: 0;}
.article-index-list.topic ul li{border-bottom-style: none;border-top:solid 2px #b30000;margin-bottom: 0.4em;}
.article-index-list.topic ul li .topic-section ul{margin:5px 0 0 10px;}
.article-index-list.topic ul li .topic-section ul li{
    border-style: none;
    padding:5px 0;
    font-weight: normal;
    font-size: 1em;
    padding: 5px 0px 0px 12px;
    background-image: url("/common/images/v1/common/arrow-tri-gray.png");
    background-repeat: no-repeat;
    background-position: 0px 8px;
    background-size: 10px 12px;
}
.article-index-list.topic ul li .topic-section ul li .comment{background-position: 0 -194px;}
.new-topic-list .article-index-list.topic .nameicon{display: table-cell;vertical-align: top;width:50px;height:50px;}
.new-topic-list .article-index-list.topic .nameicon span{display:block;border-radius: 4px;font-family: 'Montserrat', sans-serif;color:#fff;font-size:32px;text-align: center;line-height:50px;font-weight: 700;}
.new-topic-list .article-index-list.topic .nameicon span.blue{background-color: #233b71;}
.new-topic-list .article-index-list.topic .nameicon span.green{background-color: #80b899;}
.new-topic-list .article-index-list.topic .nameicon span.red{background-color: #b30000;}
.new-topic-list .article-index-list.topic .nameicon span.gray{background-color: #838383;}
.new-topic-list .article-index-list.topic ul li h4{display: table-cell;padding-left:10px;vertical-align: middle;}
.new-topic-list .article-index-list.topic ul li h4 a{color:#223B71;text-decoration: underline;}

.article-index-list.information ul li .title{float: none;width:auto;}

.article-list-header.expert{margin:10px;padding-bottom:10px;border-bottom: solid 1px #d1d1d1;}
.article-list-header.expert h2{color: #223B71;margin:.3em 0;}
.article-list-header.expert .icon{text-align: center;}
.article-list-header.expert .icon img{width: 100%;max-width: 376px;}
.article-index-list ul li .full-size-text {width: 100%;display: block;padding-left: 10px;}
.article-index-list ul li .full-size-text .title{float: left;font-weight: bold;margin-bottom: .5em;line-height:1.2em;display: block;width:96%;}
.article-index-list ul li .constitution-theme{font-size:0.8em;}

/* 20180312 */
.article-index-list ul li .text .rock{display: inline-block;}
.article-index-list ul li .text .rock img{
    height: 15px;
    margin-top: -3px;
    display: block;
}

/* 20180130 */
.article-index-list.ranking ul li .rank {
    font-size: 36px;
    float: left;
    font-family: 'Anton', sans-serif;
    color: #b3bfd5;
    padding: 0 8px 0 4px;
    text-align: center;
}
.article-index-list.ranking ul li .text{
  float: left;
  width: 57%;
}
.article-index-list.ranking ul li .title{width: 100%;font-size:1.1em;}
.article-index-list.ranking ul li .icon{margin-right:8px;width: 28%;}

#ranking-menu {
    border-bottom: solid 2px #223B71;
    margin: 1em 0;
}
#ranking-menu ul {
    overflow: hidden;
    position: relative;
}
#ranking-menu ul li {
    float: left;
    width: 30%;
    text-align: center;
    border-right: 1px solid #fff;
}
#ranking-menu ul li a {
    display: block;
    padding: 10px;
    color: #fff;
    background-color: #838383;
    border-radius: 4px 4px 0 0;
    font-size: .9em;
}
#ranking-menu ul li.current a {
    background-color: #223B71;
}

/* ------------------------------------------------------
著者一覧
---------------------------------------------------------- */
.name-menu {
  margin: 5px 0px -10px;
  text-align: center;
  line-height: 3;
}
.name-menu .name-menu__txt {cursor: pointer;font-size: 1.5em;font-weight: bold;color: #233b71;border: 1px solid #233b71;padding: 2px 6px;vertical-align: baseline;line-height: 1em;}
.name-menu .name-menu__txt:hover {background-color: #233b71;color: #FFF;text-decoration:none;}
.name-menu .name-menu__txt.is-current {background-color: #233b71;color: #FFF;text-decoration:none;}
.name-table{display: block;}
.name-table .name-list h5 {
  font-size: 1.8em;
  color: #233b71;
  border-bottom: 1px solid #233b71;
  margin-bottom: 15px;
}
.name-table .name-list {padding: 10px; }
.name-list + .name-list { margin-top: 40px; }
.name-table .name-list a{text-decoration:none; }
.author-list.is-hide { display: none; }
.author-list-item { margin-bottom: 16px; }
.name-table .name-list .author-list-item a {
  display: flex;
  align-items: center;
}
.author-info {
  display: flex;
  flex-flow: column;
  margin: 0 30px 0 20px;
}
.author-info__name {
  font-weight: bold;
}
.name-table .name-list .author-thumb {
  min-width: 50px;
  max-width: 50px;
  width: 50px;
}
.name-table .name-list .author-thumb__img {
  width: 100%;
  height: auto;
  border-radius: 50px;
}
.name-table .name-list .author-list-item__name{display: inline-block; position:relative; left: 20px; bottom:20px;}
.name-table .name-list .author-list__name{font-weight:bold;}
.name-table .name-list .author-others {
  padding: 8px 24px;
  background-color: #D9E5FF;
  font-size: 13px;
  color: #243C6E;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
}
.author-loading {
  text-align: center;
  margin: 20px 0;
}


#article-author-info .author-data{padding-top:10px;}
/* 20170307 */
#article-author-info .author-data .text .name{
  display:block;
  margin:0 8px 10px 0;
  font-size:18px;
}
#article-author-info .author-data .text .profile{clear:both;}

/* 20180205 */
#article-author-info .author-data .text .readmore .profileopen,
#article-author-info .author-data .text .readmore .profileclose{
  text-align: right;
  margin-top: 10px;
}
#article-author-info .author-data .text .readmore .profileopen a,
#article-author-info .author-data .text .readmore .profileclose a{
  border-bottom: 1px dotted;
  color: #223B71;
  font-weight: bold;
}

/* 20171114 */
#article-author-info .author-data .text a.profile-open{
  color: #233B71;
  display: inline-block;
  float: right;
  background: url(/common/images/v1/common/arrow-down.png) no-repeat scroll 5px 7px / 12px 10px transparent;
  padding: 3px 5px 3px 20px;
  border: 1px solid #233B71;
  border-radius: 4px;
  font-size: 13px;
  width: auto !important;
  margin-top:6px;
}
#article-author-info .author-data .text a.profile-close{
  color: #233B71;
  display: inline-block;
  float: right;
  background: url(/common/images/v1/common/arrow-up.png) no-repeat scroll 5px 7px / 12px 10px transparent;
  padding: 3px 5px 3px 20px;
  border: 1px solid #233B71;
  border-radius: 4px;
  font-size: 13px;
  width: auto !important;
  margin-top:6px;
}
#article-author-info .author-data .text ul.sns {margin-bottom: 6px;}
#article-author-info .author-data .text ul.sns li{float:left;}
#article-author-info .author-data .text ul.sns li.fb{
  display: inline-block;
    margin: 0 10px;
    background-color: #233b71;
    width: 40px;
    height: 40px;
    border-radius: 22px;
}
#article-author-info .author-data .text ul.sns li.tw{margin-top: 10px;}
#article-author-info .author-data .text ul.sns li.fb a {
  background-image: url(/common/images/v1/smartphone/fb-ico.png);
    background-size: 12px 26px;
    -webkit-background-size: 12px 26px;
    -moz-background-size: 12px 26px;
  width: 40px;
  height: 40px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

#article-author-info .author-books{margin: 1em auto;}
#article-author-info .author-books ul li{float: left;text-align:center;width:50%;margin:0.5em 0;}
#article-author-info .author-books:after{content:" ";clear:both;display:block;}


/* ------------------------------------------------------
連載一覧
---------------------------------------------------------- */
#series-column,#series-exit-column{padding-top:10px;}
#series-column h3,#series-exit-column h3{margin:0 10px;color:#223B71;font-size:1em;}
.article-index-list.column{margin-top:0;}
.article-index-list.column ul li{border-top:solid 3px #d1d1d1;border-bottom: none;margin-bottom: 0.8em;}
.article-index-list.column ul li .text{display: block;}
.article-index-list.column ul li .text h4{font-size:1.2em;line-height:1.2;margin-bottom:.5em;}
.article-index-list.column ul li .author{display: block;}
.article-index-list.column ul li .latest-article{display: block;color:#838383;}
.article-index-list.column ul li .icon{display: block;float:none;width: auto;padding:0;margin-right:0;}
.article-index-list.column ul li .icon img{position: relative;}
.article-index-list.column ul li .new-columnarticle ul li{
    border-style: none;
    padding:5px 0;
    font-weight: normal;
    font-size: 0.8em;
    padding: 5px 0px 5px 12px;
    background-image: url("/common/images/v1/common/arrow-tri-gray.png");
    background-repeat: no-repeat;
    background-position: 0px 8px;
    background-size: 10px 12px;
    border-bottom:dotted 1px;
}
/* 20180316 */
.article-index-list.column ul li .new-columnarticle ul li a .rock{display: inline-block;}
.article-index-list.column ul li .new-columnarticle ul li a .rock img{
    height: 15px;
    display: block;
}


/* ------------------------------------------------------
専門家の部屋
---------------------------------------------------------- */
#expert-room-top h2{color: #223B71; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size: 2em;text-align: center;margin-bottom:.5em;}
#expert-room-top .map a,
#expert-room-top .rooms-list ul li a{
    color: #000;
    background-image: url(/common/images/v1/common/arrow-downx2-black.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 10px 10px;
    -webkit-background-size: 10px 10px;
    -moz-background-size: 10px 10px;
    padding-left: 13px;
}
#expert-room-top .expert-articles{overflow: hidden;margin:0;}
#expert-room-top .expert-articles .list-articles-thumb{margin:10px;text-align: center;}
#expert-room-top .expert-articles .list-articles-thumb img{width:100%;max-width: 376px;}
#expert-room-top .expert-articles .list-articles{margin:10px;}
#expert-room-top .expert-articles .list-articles a{display: block;}
#expert-room-top .expert-articles .list-articles .date{display: inline-block;color:#666;margin-right:10px;}
#expert-room-top .expert-articles .list-articles .comment{display: inline-block;background-position: 0 3px;}

#expert-room-top .expert-area-list{margin-top: 2em;}
#expert-room-top .expert-area-list .manager{font-size:.9em;margin:.5em 10px 0 10px;}
#expert-room-top .expert-area-list .main-heading{text-align: left;margin:0 10px;font-weight: bold;overflow: hidden;border-bottom:solid 3px #d1d1d1;position: relative;font-size: 1.2em;}
#expert-room-top .expert-area-list .main-heading .more{font-size:.8em;position: absolute;right:0;bottom:0;}
#expert-room-top .expert-area-list .main-heading a{color: #223B71;}
.article-list-header.experttop .summary{margin:5px 5px;width:96%;}
.article-list-header.experttop .manager{margin:5px 2px;}
.article-list-header.experttop .icon{margin:5px 0;}

/* 20180312 */
#expert-room-top .expert-articles .list-articles ul li .rock{display: inline-block;}
#expert-room-top .expert-articles .list-articles ul li .rock img{
    height: 15px;
    margin-top: -3px;
    display: block;
}



/* ------------------------------------------------------
フォーラムページの設定
---------------------------------------------------------- */
#forum-topic-top h1,
#forum-topic-leaf h2{
    background-image: url("/common/images/v1/smartphone/forum-main-title.png") ;
    background-repeat: no-repeat;
    background-size: 222px 90px;
    -webkit-background-size: 222px 90px;
    -moz-background-size: 222px 90px;
    width:222px;
    height: 90px;
    overflow: hidden;
    margin:.5em auto;
}
#forum-topic-top h1 a{display: block;width:222px;height:90px;}
#forum-topic-top p{margin: 10px;font-size:.9em;}
#forum-topic-top #add_topic{margin:0 5px;font-size:.9em;}
#forum-topic-top #add_topic a{text-decoration: underline;}

#forum-topic-top #category-common-menu{border-bottom: solid 2px #b30000;margin: 1em 0;}
#forum-topic-top #category-common-menu ul{overflow: hidden;position: relative;}
#forum-topic-top #category-common-menu ul li{float: left;width:32%;text-align: center;font-size:.8em;}
#forum-topic-top #category-common-menu ul li a{display: block;padding:5px;color:#000;background-color: #d1d1d1;border-radius: 4px 4px 0 0;font-size: 1em;}
#forum-topic-top #category-common-menu ul li.current,
#forum-topic-top #category-common-menu ul li a:hover{background-color: #b30000;color:#fff;padding:5px;border-radius: 4px 4px 0 0;display: block;}

#forum-topic-top .new-topic-list{margin:10px;}
.new-topic-list .topic-section{margin-bottom: 1em;padding-bottom:1em;border-bottom: dotted 1px #000;}
.new-topic-list .topic-section .heading{text-align: left;font-size: 1.1em;}
.new-topic-list .topic-section .topic-open{font-weight:normal;display: inline-block;position: relative;margin-bottom:32px;}
.new-topic-list .topic-section .topic-open h3.nondisp{float:right;}
.new-topic-list .topic-section .topic-open h3.disp{position: absolute;bottom:-36px;left:0;}
.new-topic-list .topic-section .topic-open a span.close {background: url("/common/images/v1/common/arrow-down-red.png") no-repeat scroll left center / 12px 10px transparent;padding-left: 15px;}
.new-topic-list .topic-section .topic-open a span.open {background: url("/common/images/v1/common/arrow-up-red.png") no-repeat scroll left center / 12px 10px transparent;padding-left: 15px;}

.new-topic-list .topic-section .heading .comment{background-position: 0 -192px;}
.new-topic-list .topic-section .topic-open h3{font-weight: normal;text-align: right;font-size:.9em;}
.new-topic-list .topic-section .topic-open h3 a{padding:3px 5px;border-radius: 4px;border:solid 1px #b30000;display: inline-block;color: #b30000;}
.new-topic-list .topic-section .topic-open h3 a span{
    background-image: url("/common/images/v1/common/arrow-down-red.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 12px 10px;
    -webkit-background-size: 12px 10px;
    -moz-background-size: 12px 10px;
    padding-left: 15px;
}
.new-topic-list .topic-section .topic-body{word-break: break-all;margin:.5em 0 1em;padding:5px;background-color: #f9f9f9;clear: both;}
.new-topic-list .topic-section .add-comment{margin-top:1em;text-align: center;}
.new-topic-list .topic-section .add-comment a{padding:5px 30px;background-color: #b30000;color:#fff;border-radius: 4px;display: block;}
.new-topic-list .topic-section ul li{
  font-weight: normal;
  font-size: .8em;
  padding: 5px 0;
  background-image: url(/common/images/v1/common/arrow-tri-gray.png);
  background-repeat: no-repeat;
  background-position: 0 8px;
  background-size: 10px 12px;
  -webkit-background-size: 10px 12px;
  -moz-background-size: 10px 12px;
  padding-left: 12px;
}
.new-topic-list .topic-section .icon {display: table-cell;vertical-align: top;width: 50px;height: 50px;}
.new-topic-list .topic-section .icon span {display: block;border-radius: 4px;font-family: 'Montserrat', sans-serif;color: #fff;font-size: 32px;text-align: center;line-height: 50px;font-weight: 700;}
.new-topic-list .topic-section .topic-title{display: table-cell;padding-left: 10px;font-size:1em;}
.new-topic-list .topic-section .icon span.blue{background-color: #233b71;}
.new-topic-list .topic-section .icon span.green{background-color: #80b899;}
.new-topic-list .topic-section .icon span.red{background-color: #b30000;}
.new-topic-list .topic-section .icon span.gray{background-color: #838383;}

.new-topic-list .topic-section .heading.usertopic{
  border-style: none;
  padding: 5px 0;
  font-weight: normal;
  font-size: 1em;
  padding: 5px 0px 0px 12px;
  background-image: url("/common/images/v1/common/arrow-tri-gray.png");
  background-repeat: no-repeat;
  background-position: 0px 8px;
  background-size: 10px 12px;
}
.article-detail.topic{margin: .5em 0;}
.article-detail.topic .icon{display: table-cell;vertical-align: top;width: 50px;height: 50px;}
.article-detail.topic .icon span {display: block;border-radius: 4px;font-family: 'Montserrat', sans-serif;color: #fff;font-size: 32px;text-align: center;line-height: 50px;font-weight: 700;}
.article-detail.topic .icon span.blue{background-color: #233b71;}
.article-detail.topic .icon span.green{background-color: #80b899;}
.article-detail.topic .icon span.red{background-color: #b30000;}
.article-detail.topic .icon span.gray{background-color: #838383;}
.article-detail.topic .author{display: table-cell;vertical-align: middle;padding-left: 10px;font-size:1em;}
.article-detail.topic .author a{color:#223B71;font-weight: bold;text-decoration: underline;}
.article-detail.topic .date{display: block;vertical-align: top;margin:5px 0 0 10px;font-size:1em;}


#add_topic #topic_submit{text-align: center;}
#add_topic #topic_submit h3{
    text-align: center;
    text-decoration: none;
    color:#fff;
    background-color: #b30000;
    border-radius: 4px;
    padding:5px 30px;
    display: inline-block;
    font-weight: normal;
    box-shadow: 3px 3px 0px #000;
}
#topic-user-preview #signage h1 {font-size: 1.4em;margin: 5px 0 0 5px;background:none;width:98%;text-align: left;height:auto;}
#topic-user-preview article#forum-topic{text-align: left;}

/*
#add_topic #topic_submit h3{text-align: center;margin-bottom:1em;}
#add_topic #topic_submit h3{background-color: #b30000;color:#fff;padding:10px 20px;font-weight: normal;border-radius: 4px;display: inline-block;}
*/


#add_topic #topic-form-box .comment-form{text-align: left;}
#add_topic #topic-form-box{border: 2px solid #d9dee9;margin-top:20px;padding:5px;}
#add_topic #topic-form-box .topic-form-table{background-color:#d9dee9; }
#add_topic #topic-form-box .topic-form-table table{width:100%;}
#add_topic #topic-form-box .topic-form-table table th{font-weight: normal;display: block;text-align: left;padding:5px 0;}
#add_topic #topic-form-box .topic-form-table table td{display: block;}
#add_topic #topic-form-box .topic-form-table table td input,#add_topic #topic-form-box .topic-form-table table td textarea{
    width:98%;
    font-size: 1.1em;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border:solid 1px #d1d1d1;
}
#add_topic #topic-form-box .topic-preview-btn{margin-top:10px;text-align: center;}
#add_topic #topic-form-box .topic-preview-btn input{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 4px;
    border-style: none;
    background-color: #b30000;
    color: #fff;
    font-size:1.1em;
    padding:3px 6px;
    display: inline-block;
}

/* ------------------------------------------------------
インフォメーション系のページ
--------------------]-------------------------------------- */
#info-pages{margin-top:10px;}
#info-pages h1{
        text-align:center;
  background:url(/common/images/v1/smartphone/title-bg.png);
  font-size:1.2em;
  font-weight:normal;
  color:#fff;
  padding:10px 0;
}

#info-contents{margin:10px;}
#info-contents a{color: #223B71;text-decoration: underline;}
#info-contents p{margin-bottom: 1em;}
#info-contents table{width:100%;border-collapse: collapse;}
#info-contents ol{margin:1em 0 1em 25px;}
#info-contents ul{margin:1em 0 1em 20px;}
#info-contents ol li{margin-bottom: 1em;list-style-type: decimal;}
#info-contents ul li{margin-bottom: 1em;list-style-type: disc;}
#info-contents dt{font-weight: bold;margin-bottom: .5em;}
#info-contents dd{margin-bottom: 1.5em;}

#info-contents table.about th{font-weight: normal;text-align: left;padding:5px;border:solid 1px #D9DEE9;background-color:#D9DEE9;display: block; }
#info-contents table.about td{padding:5px;border:solid 1px #D9DEE9;display: block;}
#info-contents table.about td img{max-width: 262px;width:100%;}
#info-contents #service table th,#info-contents #guide table th{font-weight: normal;text-align: left;padding:5px;border:solid 1px #fff;background-color:#D9DEE9;}
#info-contents #service table td,#info-contents #guide table td{padding:5px;border:solid 1px #D9DEE9;}
#info-contents #guide table{margin-bottom: 1em;word-break: break-all;}

#info-contents #copyright,
#info-contents #foresight,
#info-contents #privacy,
#info-contents #rule{border-top:solid 2px #D9DEE9;padding-top:10px;margin-top:10px;}
#info-contents #foresight .right{text-align: center;}

#info-contents #guide .text{margin-bottom: 2em;}
#info-contents #guide .guide-menu ul{margin-left: 0;}
#info-contents #guide .guide-menu ul li{
    list-style-type: none;
    background-image: url(/common/images/v1/common/arrow-bottom-circle.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    padding-left:25px;
}
#info-contents #guide .guide-detail{margin-top: 40px;}
#info-contents #guide .guide-detail h3{
  border-left: solid 10px #223B71;
  padding: 8px;
  margin-bottom: 1em;
}

#info-contents #guide .guide-detail .link a,
#info-contents #regist .regist-link a,
#info-contents #maintenance .link a{
    background-image: url(/common/images/v1/smartphone/arrows.png);
    background-repeat: no-repeat;
    background-position: 0 -114px;
    background-size: 14px 300px;
    -webkit-background-size: 14px 300px;
    -moz-background-size: 14px 300px;
    padding-left:20px;
}

#info-contents #regist .header-img{text-align: center;margin-bottom: 1em;}
#info-contents #regist .header-img img{width:100%;}
#info-contents #regist .regist-info p{text-align: left;}
#info-contents #regist .regist-link{margin-bottom: 2em;}
#info-contents #regist p.attention{color:#f00;}
#info-contents #regist .rule-info{border:solid 1px #000;padding:5px;text-align: center;overflow: scroll;height: 250px;}

#info-contents #regist .rule-info #info-pages #rule{text-align: left;}
#info-contents #regist .rule-info #info-pages #info-contents{margin: 10px 0;}

#info-contents #regist .rule-agree{margin-top:1em;text-align: center;}
#info-contents #regist .rule-agree a{background-color: #b30000;color:#fff;text-decoration: none;padding:5px 24px;border-radius: 4px;display:inline-block;}
#info-contents #regist .rule-agree.card a{padding:5px 40px;}

#info-contents #maintenance .service{margin-bottom: 1em;border-top:solid 1px #d1d1d1;border-bottom: solid 1px #d1d1d1;padding:10px;font-weight: bold;}

/* ------------------------------------------------------
無料
---------------------------------------------------------- */
.article-index-list ul li .free a {color: #fff;background-color: #7fba6a;padding: 0 3px;border-radius: 3px;}

/* ------------------------------------------------------
ユーザープロフィール
---------------------------------------------------------- */
.account-table {margin: 10px;}
/*-- 
#main-contents h1 {font-size: 1.4em;margin:5px 0 0 5px;}
-- */
.account-table h3 {font-size: 1.1em;}
.account-table .account-table-inner {background-color: #D9DEE9;padding: 10px;}
.account-table .account-table-inner table {width: 100%;}
.account-table .account-table-inner th {padding: 5px;vertical-align: top;display: block;font-weight: normal;text-align: left;margin-top:10px;}
.account-table .account-table-inner td {padding: 5px;vertical-align: top;display: block;background-color: #FFF;vertical-align: middle;line-height: 25px;min-height: 30px;}
.account-table .backto {font-size: 1em;margin-top:20px;}

/* ------------------------------------------------------
ログイン画面
---------------------------------------------------------- */
#login-header{margin:10px;}
#login-header h2{font-size:1.1em;}
#login-header p.login-notice{color:#f00;text-align: center;margin-bottom:.5em;}

#login-section .login-table{background-color:#d9dee9;padding:10px;margin:10px;}
#login-section .login-table table{width:100%;}
#login-section .login-table th{padding:5px;vertical-align:top;display:block;font-weight:normal;text-align:left;}
#login-section .login-table td{padding:5px;vertical-align:top;display:block;}
#login-section .login-table td input{border-style:none;padding:5px 0;font-size:16px;width:100%;}
#login-section .login-table .showpass{margin-left:10px;}

#login-section .login-caution{margin:10px;font-size:15px;}
#login-section .login-caution ul{margin-top:20px;}
#login-section .login-caution ul li{
  background:url(/common/images/v1/common/arrow-black-rightx2.png) no-repeat left 3px;
  background-size: 14px 14px;
  -webkit-background-size: 14px 14px;
  -moz-background-size: 14px 14px;
  padding-left:20px;
}
#login-section .login-caution ul li a{font-weight:bold;}

.login-check{margin:20px 10px 10px;font-size:14px;}
.login-check span{margin-left:10px;}

#login-bottom{margin-top:20px;}
#login-bottom .login-btn{text-align:center;margin:0 10px;}
#login-bottom .login-btn input{
    background-color:#a4020e;
    display:inline-block;
    color:#fff;
    font-size:22px;
    padding:10px;
    border-radius:2px;
    box-shadow:1px 1px 2px #999;
    display:block;
    width:100%;
    border-style: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#login-bottom .non-menber{margin:20px 10px 10px;}
#login-bottom .non-menber h3{font-size:1.1em;margin-bottom:10px;}
#login-bottom .non-menber .regist-btn{padding-bottom:5px;text-align:center;}
#login-bottom .non-menber .regist-btn a{padding:10px 0;color:#fff;background-color:#959595;display:block;border-radius:2px;font-size:22px;box-shadow:1px 1px 2px #999;display:block;}
#login-bottom .non-menber .regist-btn a:hover{text-decoration:none;}
.bnr{text-align:center;margin-bottom: 30px;}
.bnr a img{width:100%;}

/* 20151224 引用文追加 */
#article-body article blockquote{background-color:#f9f9f9;padding:15px 15px 5px 15px;font-size:14px;margin-bottom:15px;border:1px dotted #666;}

#pushbanner,#pushbanner-bottom {margin: 30px 0;padding: 0 15px;}
#pushbanner a img,#pushbanner-bottom a img{width:100%;}

#top-column-list .specialbox{
  width: 100%;
  overflow: hidden;
    margin: 0 auto 1em auto;
    -webkit-transform: translateZ(0);
    position: relative;
    z-index: 1;
}
#top-column-list .specialbox ul{
    overflow: hidden;
    margin: 10px 5px 0 5px;
}
#top-column-list .specialbox ul li{
  width: 49%;
    float: left;
    border-style: none;
}
#top-column-list .specialbox ul li:nth-child(odd) {
    clear: left;
    margin-right: 2%;
}
#top-column-list .specialbox ul li .icon{
  display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: .5em;
    padding-top: 70%;
    position: relative;
}
#top-column-list .specialbox ul li .icon img{
  display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.rankingbnsection{
  margin: 1em 0 2em;
  text-align:center;
}
.yads-ad{
  width:100%;
  margin-bottom: 2em;
}
#_popIn_recommend_member,#_popIn_recommend{margin-bottom: 40px;}
.uz-members-fsight-jp_sp,.uz-fsight-jp_sp{margin-bottom: 40px;}

#amazon_widget_JP_8001_0{display:inline-block;}

/* ------------------------------------------------------
タグ一覧 20200615
---------------------------------------------------------- */
.tags {margin: 10px 2px;padding:4px;}
.tags .taglist span a {
    display: inline-block;
    background-color: #223B71;
    color: #FFF;
    padding: 4px 8px;
    border-radius: 3px;
    font-weight: normal;
    margin: 0 4px 10px 0;
    text-decoration: none;
    font-size: 1em
}

/* トップページamazon */
ul.subcolumn-amazon3x2{display:flex;justify-content: space-between;flex-wrap:wrap;}
ul.subcolumn-amazon2x3{display:flex;justify-content: center;flex-wrap:wrap;}
ul.subcolumn-amazon li{margin-bottom:10px;}
.subcolumn-amazon3x3 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px;
}
.subcolumn-amazon-item {
  width: calc(33.33% - 6px);
  padding: 8px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.subcolumn-amazon-item-image-link,
.subcolumn-amazon-item-title {
  display: block;
  margin-bottom: 5px;
}
.subcolumn-amazon-item-image-link {
  text-align: center;
}
.subcolumn-amazon-item-image {
  width: auto;
  height: 134px;
}
.subcolumn-amazon-item-title {
  height: 39px;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.subcolumn-amazon-item-price {
  font-size: 12px;
  text-align: right;
  margin-bottom: 5px;
}
.subcolumn-amazon-item-btn {
  text-align: center;
}
.subcolumn-amazon-item-btn-image {
  width: 100%;
  height: auto;
}

.article-quote {
  margin: 20px 10px;
  /* padding: 35px 20px; */
  color: #666;
  /* background-color: #f4f6f8; */
}
.article-quote__txt {
  font-size: 16.8px;
  line-height: 1.8;
}

/* 記事本文中に埋め込む関連リンク */
.article-relation {
  background: #F1F3F6 0% 0% no-repeat padding-box;
  border-radius: 20px;
  padding: 16px 16px 20px;
}
.article-relation p {
  font-size: 14px;
  margin-bottom: 26px;
}
.article-relation ul::before {
  color: #fff;
  content: '関連記事';
  font-size: 14px;
  background: #233C6E 0% 0% no-repeat padding-box;
  border-radius: 4px;
  padding: 4px 10px;
  margin-bottom: 20px;
  display: inline-block;
}
.article-relation ul li::before {
  content: "・";
  color: #233C6E;
  display: block;
  transform: scale(2);
  position: absolute;
}
.article-relation ul li a {
  display: block;
  font-size: 16px;
  color: #233B71;
  margin-left: 20px;
}
.article-relation ul li + li {
  margin-top: 20px;
}