@charset "utf-8";
/*============
Common
==============*/
#sub-main{margin: 55px 0 0;padding:20px 20px 20px;background:url(/img/newstopics/front-titbg-sp.png) right center /contain no-repeat#B99D5A;font-size:3.46vw;color:#fff;}
#sub-main>.inr{background:url(/img/service/front-bg.jpg) center center /cover no-repeat;color:#C1A359;}
#sub-main span{display:block;margin:0 0 10px;font-size:1.577em;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:300;letter-spacing:0.1em;}
#outline{position:relative;height:100vh;margin-bottom: 40px;background:url(/img/newstopics/front-bg.jpg) center center /cover no-repeat;color:#C1A359;display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;}
#outline>.inr{width:1200px;height: 585px;background-position:center center;background-size:cover;background-repeat:no-repeat;}
#outline>.flx{-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
#outline .box{width:40%;}
#outline h2{margin:0 0 30px;}
#outline h2 span{display:block;font-size: 47px;line-height:1.4em;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:100;letter-spacing:0.05em;}
#outline li:before{content:"・";}
#outline .more-btm{position:absolute;bottom:15px;left:50%;width:3vw;}
/*============
レイアウト
==============*/
#category,#single{margin-top:140px;}
#main{float:left;width: 70%;padding-right: 30px;}
#side{float:right;width: 30%;background: #EAE8E8;}
@media screen and (max-width:767px){
  #category,#single{margin-top:0;}
  .inr{padding: 10px 0 0;background:#C7C7C7;}
  #main,#side{float:none;width:100%;padding: 0;}
  #main .post-wrap{width: 95%;width: calc(100% - 20px);margin: 0 auto 10px;padding:10px;background:#fff;}
  #side{padding: 5px 0;margin: 0;}
}
/*============
share-list
==============*/
#share-list .sns{background:#C1A359;text-align:center;}
#share-list .sns li{display:inline-block;width:23%;}
#share-list .sns li a{display:block;padding:10px 0;}
#share-list .pdf{padding: 20px 10px;background: #DBDADA;}
#share-list .pdf a{position: relative;display:block;padding: 10px;background: #fff;color:#626262;border-radius: 15px;text-align: center;}
#share-list .pdf a:after{position:absolute;top: 28%;right:10px;content:"";display: block;width: 20px;height: 20px;background:url(/img/newstopics/ico-download.svg) center center /contain no-repeat;}
@media screen and (max-width:767px){
  #share-list .sns li{width:20%;}
}
/*============
Side
==============*/
#side .side-list{margin: 10px;background:#fff;border:solid 1px #D5D5D5;box-shadow:0px 3px 6px rgba(0,0,0,0.15);}
#side .side-list .side-tit{padding:10px;background:#fff;color:#C1A359;}
#side .side-list .side-tit span{display:block;font-size:1.5em;line-height:1.4em;}
#side .side-list li{border-top:solid 1px #D5D5D5;}
#side .side-list a{position: relative;padding:10px;display: block;color:#626262;}
#side .side-list a:after{position:absolute;top:35%;right:10px;content:"";display:block;width:10px;height:10px;background:url(/img/newstopics/ico-arrow-right.svg) center center /contain no-repeat;}
/*============
一覧ページ
==============*/
.front #share-list{display:none;}
.front #outline>.inr{background-image: url(/img/newstopics/newstopics-top.png);}
.front .main-tit {position: relative;padding: 30px 0 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#C1A359;}
.front .main-tit:before,
.front .main-tit:after {border-top: 1px solid #C1A359;content: "";padding-bottom: 50px;flex-grow: 1;}
.front .main-tit:before {margin-right: 1rem;}
.front .main-tit:after {margin-left: 1rem;}
.front .main-tit span{display: block;position: absolute;top: 5px;left: 0;width: 100%;font-size:2em;line-height:1.4em;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:300;letter-spacing:0.1em;text-align: center;}
.front .post{margin:0 0 10px;padding:0 0 10px;border-bottom: solid 1px #C4B696;}
.front .post a{color:#626262;}
.front .post figure{width:33%;padding-right: 10px;}
.front .post figure{position:relative;overflow:hidden;}
.front .post figure:before {content:"";display:block;padding-top:60%;background:url(/img/newstopics/no-image.jpg) center center/cover no-repeat;}
.front .post figure img{position:absolute;top:0;left:0;left: 10%;top: 10%;width: auto;height: auto;min-width: 100%;min-height: 100%;/* max-width: inherit; */transform: translate(-10%, -12%);-webkit-transform: translate(-10%, -10%);-ms-transform: translate(-10%, -10%);}
.front .post .box{width:67%;}
.front .post .date,.front .post .tag{display: inline-block;font-size: 0.66em;line-height:1.4em;}
.front .post .tag{margin-left:10px;padding:0 3px;border:solid 1px #B99D5A;color:#B99D5A;}
.front .post .post_txt{text-decoration:underline;}
.front .post .post_txt dt{margin:10px 0;}

.front .nav-links {margin: 60px 0;text-align:center;}
.front .nav-links li{display: inline-block;padding:0 10px;}
.front .nav-links li a{color:#CBCBCB;}
.front .nav-links li .prev,.front .nav-links li .next{font-size:0;}
.front .nav-links li .prev:before,.front .nav-links li .next:after{content:"";display:inline-block;width: 50px;height: 16px;background:url(/img/newstopics/ico-nav-links.svg) center center/contain no-repeat;}
.front .nav-links li .next:after{margin-left:10px;-webkit-transform: scale(-1, 1);-ms-transform: scale(-1, 1);transform: scale(-1, 1);}
.front .nav-links li .prev:before{margin-right:10px;}
.front .nav-links li .current{color:#626262;}

@media screen and (max-width:767px){
  .front .main-tit:before {margin-right: 1.4rem;}
  .front .main-tit:after {margin-left: 1.4rem;}
  .front .main-tit span{font-size:2.5em;}
  .front .post figure{width:40%;padding-right: 10px;}
  .front .post .box{width:60%;}
  .front .post .post_txt dt{margin:5px 0;}
  .front .nav-links{font-size:1.5em;}
  .front .nav-links li .prev:before,.front .nav-links li .next:after{width: 30px;height: 15px;}
}
/*============
記事ページ
==============*/
.detail #post-tit{font-size:1.5em;line-height:1.4em;}
.detail #post-catch{margin:0 0 20px;}
.detail #post-catch img{width:100%;}
.detail #post-meno{margin: 20px 0;}
.detail #post-meno .date{display:inline-block;font-size:1.1em;line-height:1.4em;}
.detail #post-meno .tag{display:inline-block;margin-left:10px;padding:0 3px;border:solid 1px #626262;font-size:0.833em;line-height:1.4em;}
.detail #post-disc{font-size:1.2em;line-height:1.4em;letter-spacing:0.05em;}
.detail #post-index{margin: 20px 0;padding: 20px;background:#EBEBEB;} 
.detail .post-index_tit{color:#C1A359;}
.detail .post-index_tit span{display:block;font-size:2em;line-height:1.4em;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:300;letter-spacing:0.1em;}
.detail .post-index_list{position:relative;z-index:5;padding: 30px 0 0 60px;}
.detail .post-index_list li{margin:0 0 10px;padding: 0 0 0 30px;text-indent: -30px;}
.detail .post-index_list li:before{content:"";display:inline-block;width: 20px;height:1px;margin: 0 10px 0 0;background:#C1A359;vertical-align: middle;}
.detail .post-index_list a{color:#626262;}

.detail #post h1{margin:0 0 20px;padding:5px 0 5px 10px;border-left: solid 13px #C1A359;font-size:1.5em;line-height:1.4em;}
.detail #post h4 {margin:0 0 20px;padding:5px 0 5px 10px;border-left: solid 13px #C1A359;font-size:1.5em;line-height:1.4em;}
.detail #post figure,.detail #post p{margin:0 0 20px;}
.detail #post img{width:100%;}
@media screen and (max-width:767px){
  .detail #post-tit{letter-spacing:0.05em;}
  .detail #post-catch{margin:-10px -10px 10px -10px;}
  .detail #post-meno .date{font-size:1em;}
  .detail .post-index_list{padding: 30px 0 0 0px;}
  .detail .post-index_list li{padding: 0 0 0 20px;text-indent: -20px;}
  .detail .post-index_list li:before{width:10px;}
}


/*============
ピックアップ
==============*/
#pick{margin:0 0 50px;background: #fff;}
#pick .pick_post a{color:#626262;}
#pick .pick_post:not(:last-child){margin:0 0 10px;padding:0 0 10px;border-bottom:solid 1px #C4B696;}
#pick .pick_tit{margin:20px 0;padding:10px 10px;background:#A8A7A7;color:#fff;text-align: center;}
#pick figure{width: 40%;padding-right: 10px;}
#pick figure{position:relative;overflow:hidden;}
#pick figure:before {content:"";display:block;padding-top: 60%;background:url(/img/newstopics/no-image.jpg) center center/cover no-repeat;}
#pick figure img{position:absolute;top:0;left:0;left: 10%;top: 10%;width: auto;height: auto;min-width: 100%;min-height: 100%;/* max-width: inherit; */transform: translate(-10%, -12%);-webkit-transform: translate(-10%, -10%);-ms-transform: translate(-10%, -10%);}
#pick .box{width: 60%;}
#pick .date,#pick .tag{display: inline-block;font-size: 0.66em;line-height:1.4em;}
#pick .tag{margin-left:10px;padding:1px 3px;border:solid 1px #B99D5A;color:#B99D5A;}
#pick .pick_txt{text-decoration:underline;}
#pick .pick_txt dt{margin:10px 0;}
@media screen and (max-width:767px){
  #pick{margin: 0;}
  #pick .pick_tit{margin:0;}
  #pick .pick_post:not(:last-child){margin:0;padding:0;}
  #pick figure:before{padding-top: 75%;}
  #pick .box{padding: 10px 10px 10px 0;}
  #pick .pick_txt dt{margin:5px 0;}
}