@charset "UTF-8";

/* ---------- 一覧 ---------- */
.archt_list{
    margin-bottom: 10px;
    display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
    }
.archt_list li{
    position: relative;
    width: 45%;
    margin-bottom: 98px}
.archt_list li a{
 content: "";
 clear: both;
 display: block;}
.archt_list_img{
    float: left;
    width: 48%;
    padding:0 39px 39px 0;
    background: url(../img/archt/archt_list_img_bg.svg) no-repeat;
  	background-size:100%;}
.archt_list_img p{
    position: relative;
	width: 100%;
	height: 0;
	line-height: 0;
	overflow: hidden;
	padding-bottom: 100%;
	position: relative}
.archt_list_img p img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)}
.fit_img{font-family:'object-fit:cover';}
.archt_list_img p img:hover{
    -webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%) scale(1.1,1.1);
    transition:.3s all;
    -ms-filter: grayscale(100%);
    filter: grayscale(100%)}

.archt_list_no{
    box-sizing: border-box;
    float: right;
    font-size: 16px;
    max-width: 42%;
    text-align: right;
    padding-top:100px;
    line-height: 1.5;
    z-index: -1}
.archt_list_no p{
    position: relative;
    text-align: justify;
    display: inline-block;}
/*
.archt_list_no p:before{
    content: '';
    position: absolute;
    top: 50%;
    left:-70px;
    display: inline-block;
    width: 55px;
    height: 1px;
    background-color: #c8c9ca;
}
*/

@media only screen and (max-width: 767px) {
    .archt_list{
        margin-bottom: 40px}
    .archt_list li{width:100%}
    .archt_list_img{
        width: 39%;
        padding:0 19px 19px 0}
    .archt_list_no{
        max-width: 54%;
        letter-spacing: 0.06em;
        padding-top:60px;
        font-size: 14px}
    
}



/* プラグイン　ページナビ用 */
.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;}
.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: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: 40%;
    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: 40%;
    right: 10px;
    width: 6px;
    height: 6px;
    border-top: solid 1px #232323;
    border-right: solid 1px #232323;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    z-index: -1;}
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi span.extend{ border:none}
@media only screen and (max-width: 767px) {
    .wp-pagenavi{margin: 0 auto 50px}
    .wp-pagenavi .current,
    .wp-pagenavi .page{
        margin: 0 3px}
}


/* ---------- 詳細 ---------- */
.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}

/*  LuminousGallery用 */
.lum-lightbox,
.lum-lightbox-inner,
.lum-lightbox-inner img {z-index:99999!important}
@media screen and (max-width:767px) {
  .lum-lightbox-inner img {
    width: auto !important;  /* 軽くスワイプで左端から右端まで動かせる量 */
    height: 82vh !important;  /* 上下に適度に余白 */
        }
/* 矢印ナビが大きすぎると感じたら */
  .lum-gallery-button:after {
    width: 6vw;
    height: 6vw;}
}







/* 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}
}