/*　--------------------------------------------------
------------------------------------------------------
------------------------------------------------------

NEWS / COLUMN page


-------------------------------------------------- */
section.news .inner{text-align:center;}
section.news.listarea .inner{background-color:#222;}

.low_header{position:relative;margin:0;width:100%;height:100px;background:#ffcb00 url(../img/common/low_header_bg.gif) no-repeat;background-position:right top;background-size:330px 100px;text-align:center;}
.low_header .box{width:980px;margin:40px auto 0;display:inline-block;}
.low_header .box h1{font-size:216.7%;font-weight:bold;text-align:left;}


.low_mainimg{position:relative;width:100%;height:auto;background:#333333;text-align:center;}
.low_mainimg .box{width:980px;margin:0 auto;display:inline-block;}
.low_mainimg .box img{padding:50px 0;}


.low_content{position:relative;width:980px;height:auto;margin:0 auto;display:inline-block;text-align:left;}
.low_content .post_language{position:relative;margin:35px 0 0;text-align:right;}
.low_content .post_language p{color:#666;font-size:116.7%;}
.low_content .post_language a{margin:0 5px;text-decoration:none;display:inline-block;}
.low_content .post_language a:hover,
.low_content .post_language a.select{padding:0 0 2px;color:#000;border-bottom:2px solid #000;}

.low_content .ttl{margin:50px 0 0;}
.low_content .ttl span{width:24px;height:5px;background:#ffcb00;display:block;}
.low_content .ttl h2{margin:28px 0 0;font-size:266.7%;font-weight:bold;line-height:38px;display:inline-block;}


.low_content .block_left{float:left;position:relative;width:215px;margin:60px 0 0;overflow:hidden;display:inline-block;}
.low_content .block_left p.date{color:#000;font-size:116.7%;font-weight:bold;font-style:italic;}
.low_content .block_left p.num{width:100%;margin:20px 0 0;color:#000;font-size:200%;font-weight:bold;font-style:italic;display:inline-block;}
.low_content .block_left p.num span{font-size:150%;}
.low_content .block_left .sns{margin:30px 0 0;padding:20px 0;border-top:1px solid #999;border-bottom:1px solid #999;display:inline-block;}
.low_content .block_left .sns .twitter_btn{margin:0 0 10px;}

.low_content .block_right{float:right;position:relative;width:765px;margin:60px 0 0;display:inline-block;}
.low_content .block_right .post{margin:0 0 30px;padding:0 0 60px;border-bottom:1px solid #dadada; color:#000;font-size:116.7%;letter-spacing:1px;line-height:24px;}
.low_content .block_right .post strong{border-left:6px solid #000;margin:0 0 15px;padding:0 0 0 10px;font-size:150.0%;display:inline-block;}
.low_content .block_right .post p{color:#333;/* word-break:break-all; */}
.low_content .block_right .post img{margin:20px 0;}

.low_content .block_right .next,
.low_content .block_right .back{position:relative;font-size:133.3%;font-weight:bold;letter-spacing:1px;text-decoration:none;display:inline-block;}
.low_content .block_right .next{float:left;padding:0 0 0 20px;}
.low_content .block_right .back{float:right;padding:0 20px 0 0;}
.low_content .block_right .next:hover svg{left:-4px;}
.low_content .block_right .back:hover svg{right:-24px;}
.low_content .block_right .next svg{left:0;}
.low_content .block_right .back svg{right:-20px;}
.low_content .block_right .next svg,
.low_content .block_right .back svg{position:absolute;top:0;width:30px;height:30px;display:inline-block;}

.low_content .block_right .recommend{clear:both;position:relative;margin:100px 0 60px;}
.low_content .block_right .recommend span{width:24px;height:5px;background:#000;display:block;}
.low_content .block_right .recommend h3{margin:21px 0 0;font-size:133.3%;font-weight:bold;display:inline-block;}
.low_content .block_right .recommend ul{margin:21px 0 0;}
.low_content .block_right .recommend ul li{margin:0 0 10px;color:#333;font-size:116.7%;line-height:18px;font-weight:normal;}
.low_content .block_right .recommend ul li a:hover{color:#000;text-decoration:none;}


.low_content .left{text-align:left;}
.low_content .center{text-align:center;}
.low_content .right{text-align:right;}


/*　--------------------------------------------------
------------------------------------------------------
------------------------------------------------------
BACK NUMBER


-------------------------------------------------- */
.backnumber nav.subnav{position:absolute;top:50%;margin:250px 0 0 0;right:30px;z-index:10;}
.backnumber nav.subnav ul{}
.backnumber nav.subnav ul li{float:left;margin:0 10px 0 0;display:block;}
.backnumber nav.subnav ul li a{padding-bottom:3px;border-bottom:2px solid #FFF;color:#FFF;font-size:116.7%;font-weight:bold;text-decoration:none;display:inline-block;}
.backnumber nav.subnav ul li a:hover{margin:0 -2px 0 0;padding:0 2px 3px;border-bottom:2px solid #FFcb00;color:#FFcb00;}


.backnumber{position:relative;padding:0 0 60px;background:#222;text-align:left;}

.backnumber .ttl{position:relative;padding:50px 0 0 30px;z-index:3;}
.backnumber .ttl span{width:24px;height:5px;background:#ffcb00;display:block;}
.backnumber .ttl h1{margin:20px 0 0;color:#FFF;font-size:400%;text-shadow:1px 1px 2px #000;-moz-text-shadow:1px 1px 2px #000;-webkit-text-shadow:1px 1px 2px #000;display:inline-block;}

.backnumber .list{position:relative;width:100%;margin:0;padding:0;z-index:1;overflow:hidden;}
.backnumber .list div.new img.icon_new{position:absolute;top:0;left:0;}
.backnumber .list div.item{position:relative;float:left;width:220px;height:384px;margin:20px 10px 0 0;padding:20px 0 0 30px;color:#FFF;}
.backnumber .list div.item a{display:inline-block;}
.backnumber .list div.item a:hover{margin:-4px 0 0 -4px;border:4px solid #FFcb00;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.backnumber .list div.item a:hover .img img,
.backnumber .list div.item a:hover .info > p{opacity:.75;}
.backnumber .list div.item img{display:inline-block;}
.backnumber .list div.item .info{height:200px;padding:5px 20px 0 20px;background:#000;border-bottom-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px;border-bottom-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;}
.backnumber .list div.item .info .category{padding:0 5px 0 0;color:#f5c41e;font-size:133.3%;font-weight:bold;font-style:italic;display:inline-block;}
.backnumber .list div.item .info .column{}
.backnumber .list div.item .info .news{width:100%;padding:8px 5px 0 0;}
.backnumber .list div.item .info .number{margin-right:10px;color:#FFF;font-size:150%;font-weight:bold;font-style:italic;display:inline-block;}
.backnumber .list div.item .info .number span{color:#FFF;font-size:140%;}
.backnumber .list div.item .info .date{width:100%;padding:7px 0 0;color:#999;font-size:116.7%;font-weight:bold;font-style:italic;display:inline-block;}
.backnumber .list div.item .info .ttl{padding:7px 0 0;color:#FFF;font-size:108.3%;font-weight:normal;line-height:18px;display:inline-block;}
.backnumber .list div.item .info .txt{padding:15px 0 0;color:#bbbbbb;font-size:100%;font-weight:bold;font-style:normal;display:inline-block;}



/*　--------------------------------------------------
------------------------------------------------------
------------------------------------------------------
NEWS LIST


-------------------------------------------------- */
.news_list{position:relative;text-align:center;width:980px;margin:0 auto;}

.news_list nav.subnav{position:relative;width:980px;height:30px;right:0;padding:30px 0 0;text-align:center;margin:0 auto;}
.news_list nav.subnav ul{float:right;text-align:left;display:inline-block;}
.news_list nav.subnav ul li{float:left;margin:0px 0 0 8px;color:#FFF:}
.news_list nav.subnav ul li a{margin:0 2px 0 2px;padding-bottom:3px;color:#FFF;font-size:116.7%;font-weight:bold;text-decoration:none;display:inline-block;}
.news_list nav.subnav ul li a.select,
.news_list nav.subnav ul li a:hover{margin:0 0 0 0;padding:0 2px 3px;border-bottom:2px solid #ffcb00;color:#ffcb00;}

.news_list nav.subnav.right{text-align:right;}
.news_list nav.subnav #YYYYMM{padding:5px 0.8em;}

.news_list .list{width:980px;margin:0 auto 0;overflow:inherit;display:inline-block;}
.news_list .list div.item{margin:20px 5px 0 -10px;text-align:left;}
/* .news_list .list div.item.last{margin:0 0 0 -30px;} */
/* .news_list .border{clear:both;position:relative;} */

body footer.global{padding:60px 0 0;}


/*　--------------------------------------------------
------------------------------------------------------
------------------------------------------------------
PASSION BTN


-------------------------------------------------- */
.passion_block{float:right;position:relative;margin-top:20px;display:inline-block;vertical-align:middle;text-decoration:none;border:1px solid #dadada;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;cursor:pointer;}
.passion_block:hover{border:1px solid #e5e5e5;}
.passion_block:hover .icon{background:#c73e30;}
.passion_block .icon{width:40px;color:#FFF;font-size:24px;font-weight:bold;line-height:23px;text-align:center;vertical-align:middle;background:#ff4b38;display:table-cell;}
.passion_block .passion{position:relative;padding:6px 10px;margin-bottom:12px;color:#000;font-size:14px;font-weight:bold;font-style:italic;z-index:2;display:table-cell;}
.passion_block .passion span.num{width:auto;padding:0 5px 0 0;color:#ff4b38;font-size:24px;font-weight:bold;text-align:left;display:inline-block;}

.passion_block .inactive_icon{width:40px;color:#FFF;font-size:24px;font-weight:bold;line-height:23px;text-align:center;vertical-align:middle;background:#dadada;display:table-cell;}
.passion_block .inactive_passion{position:relative;padding:6px 10px;margin-bottom:12px;color:#dadada;font-size:14px;font-weight:bold;font-style:italic;z-index:2;display:table-cell;}
.passion_block .inactive_passion span.num{width:auto;padding:0 5px 0 0;color:#dadada;font-size:24px;font-weight:bold;text-align:left;display:inline-block;}


img.newsimage{max-width:100%;}