@charset "UTF-8";
.w960{width: 90%; max-width: 960px;margin:0 auto}

/* カテゴリー */
.ul_category{margin-bottom: 60px}
.ul_category li {
    font-family: 'Lora bold';
    webkit-font-smoothing: antialiased; /* フォントを細めに */
    -moz-osx-font-smoothing: grayscale; /* フォントを細めに */
    display: inline-block}
.ul_category li a{
    display: inline-block;
    padding:10px 30px;
    margin-right: 10px;
    font-size: 14px;
    line-height: 1;
    background: #f5f5f5
}
.ul_category li a:hover{
    background:#232323;
    color: #fff
}
.ul_category li.current-cat a{
    background: #000;
    color: #fff}
@media only screen and (max-width: 767px) {
    .ul_category{
        margin-bottom: 40px;
        display: -webkit-flex;
	    display: flex;
        justify-content: center;}
    .ul_category li a{
        margin-right:0}
}
@media only screen and (max-width:500px) {
    .ul_category li a{font-size:12px;padding:10px 15px;background: #eee}
    li:not(:last-child){margin-right:3px}
}

/* ---------- 一覧 ---------- */
.news_list{
    margin-bottom: 80px;
    border-top: 1px solid #e6e6e6
}
.news_list li a{
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    padding:28px 0;
    line-height: 16px;
    height: 16px;
    display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    }
.news_list li a:after{
    display: block;
    content: "";
    position: absolute;
    top: 40%;
    right: 10px;
    width: 6px;
    height: 6px;
    border-top: solid 1px #232323;
    border-right: solid 1px #232323;
    -webkit-transform: rotate(45deg);
        transform: rotate(45deg);}
.news_list_date{
    width: 12.5%;
    font-family: 'Lora bold';
    border-right:1px solid #c6c6c6}
.news_list_cate{
    width: 21.8%;
    font-size: 14px;
    text-align: center;
    font-family: 'Lora bold';
    webkit-font-smoothing: antialiased; /* フォントを細めに */
    -moz-osx-font-smoothing: grayscale; /* フォントを細めに */}
.news_list_ttl{
    text-align: left;
    width: 65.7%;
    box-sizing: border-box;
    padding-right:10px}

@media only screen and (max-width: 767px) {
    .news_list{
        margin-bottom: 40px}
    .news_list li a{
        height:auto;
        display: block}
    .news_list li a:after{
        top: 65%;
        right: 0px}
    .news_list_date,
    .news_list_cate{
        width: 120px;
        margin-bottom: 20px;
        display: inline-block}
    .news_list_cate{width: 180px}
    .news_list_ttl{width: 100%}
    
}

/* プラグイン　ページナビ用 */
.wp-pagenavi{
    display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-family: 'Lora';
	margin: 0 auto 100px;
	text-align: center;
	font-size: 14px;line-height: 1;letter-spacing: 0}
.wp-pagenavi .pages{display: none}
.wp-pagenavi .current,
.wp-pagenavi .page{
    border:none;
	padding:0;
	color: #ccc;
	display: inline-block;
	line-height: 30px;
	width: 30px;
	height: 30px;
	margin: 0 5px}
.larger{border:none;}
.wp-pagenavi a,
.wp-pagenavi span {
    border: 1px solid transparent!important}
.wp-pagenavi a:hover {border:none;
    color: #000;
	opacity: 1;}
.wp-pagenavi .current{border:none;
    color: #000}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
    position: relative;
	padding:0;
	border: none;
	line-height: 30px;
	font-size: 20px;
	font-weight: normal;
	width: 30px;
	height: 30px;
	margin: 0 ;
	background-color:transparent;;
	color:#333}
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover {
	color: #999;}
.nextpostslink:after{
    display: block;
    content: "";
    position: absolute;
    top: 45%;
    right: 10px;
    width: 6px;
    height: 6px;
    border-top: solid 1px #232323;
    border-right: solid 1px #232323;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;}
.previouspostslink:after{
    display: block;
    content: "";
    position: absolute;
    top: 45%;
    right: 10px;
    width: 6px;
    height: 6px;
    border-top: solid 1px #232323;
    border-right: solid 1px #232323;
    -webkit-transform: rotate(115deg);
    transform: rotate(225deg);
    z-index: -1;}
@media only screen and (max-width: 767px) {
    .wp-pagenavi{margin: 0 auto 50px}
    .wp-pagenavi .current,
    .wp-pagenavi .page{
        margin: 0 3px}
    .wp-pagenavi .extend{adding: 3px 1px;margin: 2px 1px}
    .wp-pagenavi .first,
    .wp-pagenavi .last{font-size: 11px}
    .wp-pagenavi a.previouspostslink,
    .wp-pagenavi a.nextpostslink {width:20px}
    .nextpostslink:after,
    .previouspostslink:after{right:0}

}
/* バナー */
.bnr_area{
    display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.bnr_area a{
    position: relative;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    color: #000;
    letter-spacing: 0.1em;
    width: 48%;
    height: 88px;
    line-height: 86px;
    padding-left:4%
}
.bnr_area a:after{
    display: block;
    content: "";
    position: absolute;
    top: 45%;
    right: 20px;
    width: 6px;
    height: 6px;
    border-top: solid 1px #232323;
    border-right: solid 1px #232323;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)}
.bnr_area_icon_i:before{
    content: '';/*何も入れない*/
  	display: inline-block;/*忘れずに！*/
  	width: 30px;/*画像の幅*/
  	height:18px;/*画像の高さ*/
  	background: url(../img/all/top_sns_i.svg)no-repeat;
  	background-size: 18px;
  	vertical-align: middle;
    margin-top: -3px
}
.bnr_area_icon_ie:before{
    content: '';/*何も入れない*/
  	display: inline-block;/*忘れずに！*/
  	width: 30px;/*画像の幅*/
  	height:18px;/*画像の高さ*/
  	background: url(../img/all/top_sns_ietatta.svg)no-repeat;
  	background-size: 18px;
  	vertical-align: middle;
    margin-top: -3px
}
@media only screen and (max-width: 767px) {
    .bnr_area{display: block}
    .bnr_area a{
        display: inline-block;
        margin-bottom: 20px;
        width: 100%}
}

/* ---------- 詳細 ---------- */
.newsPost_date P{display: inline-block;line-height: 1;margin-bottom: 25px}
.newsPost_h3{
    font-size: 24px;
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e6e6e6}
.newsPost_img{margin-bottom: 60px}
.newsPost_h4{
    font-size: 24px;
    margin-bottom: 30px;}
.newsPost_body{font-size: 15px}

.newsPost_btn{margin:30px auto;text-align: center;}
.newsPost_btn a{
	display: inline-block;
	width: 284px;
	height: 68px;
	line-height: 68px;
	font-size: 16px;
	background: #000;
	color: #fff;
	letter-spacing: 0.25em;
}
/*  本番前修正用　*/
.breadcrumbs {line-height: 1.4}
@media only screen and (max-width: 767px) {
    .breadcrumbs {margin:80px auto 20px;font-size:9px}
}

/*  add 2023  */
@media only screen and (max-width: 767px) {
    .newsPost_date,
    .news_list_cate{font-size:14px}
    .newsPost_h3{
        font-size: 22px;line-height: 1.6;
        margin-bottom:30px;
        padding-bottom:25px}
    .newsPost_h4{
        font-size:22px;line-height: 1.6;
        margin-bottom:25px}
    .newsPost_img {margin-bottom:30px}
}

.news_list_date{width: 12.5%}
.news_list_cate{width: 22%}
.news_list_ttl{width: 65.5%}
.column .news_list_cate{width:0%}
.column .news_list_ttl{width:80%}
@media only screen and (max-width:1000px) {
    .news_list_date,
    .news_list_cate{width: 100px;font-size: 14px;margin-bottom: 16px}
    .news_list_ttl{width: calc(100% - 225px)}
}
@media only screen and (max-width: 767px) {
    .column .news_list_ttl,
    .news_list_ttl{width:100%;line-height: 1.4}
    
}
/* Single page navigation */
.navigation{
	width: 100%;
	max-width: 420px;
	font-size: 14px;
	margin:190px auto 0}
.navigation a{color: #000}
.navigation a:hover{cursor: pointer}
.screen-reader-text{display: none}
.nav-links:after {
 content: "";
 clear: both;
 display: block;}
.nav-links div{
	display: inline-block;
    position: relative}
/* NEXT 矢印マーク（ → ） */
.nav-next {
    float: right;
    padding-right: 35px}

/* PREV 矢印マーク（ ← ） */
.nav-previous {
    float: left;
    padding-left: 33px}

.nav-links div.nav-list{
    display: block;
    position: absolute;
    left:calc(50% - 35px);
}
@media only screen and (max-width: 767px) {
	.navigation{
        width:90%;
		margin: 80px auto}
}