ul.tabs {
	width: calc(100% - 90px);
	text-align: center;
	margin: 0 auto 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
ul.tabs li {
	font-size: 0.875rem;
	font-weight: 900;
	letter-spacing: 0.35em;
	color: #333;
	display: inline-block;
	margin: 0 20px;
	cursor: pointer;
	position: relative;
}
ul.tabs li::after {
	display: block;
	content: "｜";
	color: #b2937e;
	position: absolute;
	right: -30px;
	top: 50%;
	transform: translateY(-50%);
}
ul.tabs li:last-child::after {
    display: none;
} 

ul.tabs li.current-menu-item {
	padding: 5px 0 5px 5px;
	background: #b2937e;
    text-align: center;
}
ul.tabs li a {
	color: #b2937e;
}
ul.tabs li.current-menu-item a {
	color: #fff;
}



.tab-content{
	display: none;
}
.tab-content.current{
	display: inherit;
}

.news_info {
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.news_list {
    margin-bottom: 60px;
    width: 25%;
    margin-right: 12.5%;
}
.news_list:nth-child(3n) {
    margin-right: 0;
}
.news_all_img {
    width: 100%;
	margin-right: 30px;
    overflow: hidden;
    border: 1px solid #b9a89d;
    position: relative;
}
.news_all_img img {
    width: 100%;
    height: 350px;
    object-fit: cover;  
}
@media only screen and (max-width: 1100px) {
    .news_all_img img {
        height: 33vw;
    }
}

.sub_content .news_all_txtBox {
    text-align: left;
    line-height: 0;
    color: #000;
    margin-top: 2em;
}
.sub_content .news_time {
    font-size: 0.875rem;
    color: #666;
}
.sub_content .news_tit {
    line-height: 1.6;
}

@media only screen and (max-width: 768px) {

    ul.tabs {
        margin: 0 auto 6vw;
    }
    ul.tabs li {
        font-size: 4vw;
    }

    .news_list {
        margin-bottom: 6vw;
        width: 45%;
        margin-right: 5%;
    }
    .news_list:nth-child(3n) {
        margin-right: 5%;
    }
    .news_list:nth-child(2n) {
        margin-right: 0;
    }

    .news_all_img {
        margin-right: 0;
    }
    .news_all_img img {
        height: 60vw;
    }
    .sub_content .news_all_txtBox {
        margin-top: 4vw;
    }
    .sub_content .news_time {
        font-size: 3.2vw;
    }

}



.news_bef_info {

}
.news_bef_list {
    width: 70%;
    margin: 0 auto;
    border-bottom: 1px solid #b9a89d;
    padding: 30px 30px;
    box-sizing: border-box;
    font-size: 1.5em;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.news_bef_list:first-child {
    border-top: 1px solid #b9a89d;
}
.news_bef_list .login_bef_date {
    width: 15%;
}
.news_bef_list .login_bef_txt {
    width: 85%;
}


@media only screen and (max-width: 768px) {

    ul.tabs li::after {
        width: 1px;
        right: -3.2vw;
    }

    .news_bef_list {
        width: 100%;
        padding: 4vw;
    }
    .news_bef_list .login_bef_date {
        width: 35%;
    }
    .news_bef_list .login_bef_txt {
        width: 65%;
    }
    
}




.details_box {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
.sub_content h2 {
    clear: both;
    font-size: 1.625rem;
    font-weight: 900;
    line-height: 1.4;
    letter-spacing: 0.15em;
    color: #333;
    text-align: left;
    padding: 15px 0 45px;
}
.new_more_btn {
    width: 310px;
    background: #b2937e;
    margin: 50px auto 0;
    text-align: center;
    font-size: 1rem;
    letter-spacing: 0.65em;
    position: relative;
}
.new_more_btn a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    padding: 22px 0;
}
.new_more_btn::before, .new_more_btn::after {
    background: #b9a89d;
    content: '';
    position: absolute;
    z-index: -1;
}
.new_more_btn::after {
    height: 100%;
    left: 0;
    top: 0;
    width: 0;
}

.event_btn {
    width: 400px;
    background: #ffe699;
    margin: 50px auto 0;
    text-align: center;
    font-size: 1.25rem;
    letter-spacing: 0.65em;
    font-weight: bold;
    position: relative;
}
.event_btn a {
    color: #333;
    display: block;
    width: 100%;
    height: 100%;
    padding: 35px 0;

}
.event_btn::before, .event_btn::after {
    background: #ffe699;
    content: '';
    position: absolute;
    z-index: -1;
}
.event_btn::after {
    height: 100%;
    left: 0;
    top: 0;
    width: 0;
}

@media only screen and (max-width: 768px) {
    .sub_content h2 {
        font-size: 5.3333vw;
        letter-spacing: 0.1em;
        padding: 2.6667vw 0 6.6667vw;
    }


    .new_more_btn {
        width: 80%;
        margin: 50px auto 0;
        font-size: 3.2vw;
    }
    .new_more_btn a {
        padding: 2vw 0;
    }

    .event_btn {
        width: 80%;
        margin: 50px auto 0;
        font-size: 3.6vw;
    }
    .event_btn a {
        padding: 5vw 0;
    }


}

.wp-pagenavi {
    text-align: center;
    margin-top: 3em;
    font-size: 1rem;
}
.wp-pagenavi a, .wp-pagenavi span {
    padding: 5px 10px;
    color: #BFBFBF;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #b2937e;
    color: #b2937e;
}