@charset "utf-8";

/*-----------------------------------------------------------
一覧
-----------------------------------------------------------*/

.columnFrame {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	font-size: 16px;
}

.mainArea {
    width: 75%;
}

.categoryArea {
    width: 20%;
}

.columnList {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 5%;
}

.columnItem {
    width: 30%;
}

.columnItem .img {
    position: relative;
    padding: 0 0 75%;
    height: 0;
}

.columnItem .img > img {
    position: absolute;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.columnItem .flexBox {
    display: flex;
    align-items: center;
    margin: 10px 0 0;
}

.columnItem .cate {
    display: inline-block;
    background: #E6F1FF;
    border-radius: 17px;
    font-weight: 600;
    line-height: 1.5em;
    color: #191919;
    text-align: center;
    padding: 5px 15px;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.columnItem .date {
    display: block;
    flex: none;
    margin: 0 0 0 4%;
}

.columnItem .tit {
    display: block;
    font-weight: bold;
    margin: 15px 0 0;
}

.columnItem .txt {
    margin: 10px 0 0;
    line-height: 1.7;
    color: #555;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.columnBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 12px;
    margin: 20px auto 0;
    border: 1px solid #045CD3;
    border-radius: 30px;
    background: #fff;
    color: #045CD3;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    transition: .3s;
}

.columnBtn:hover {
    background: #045CD3;
    color: #fff;
    text-decoration: none;
}

/*-----------------------------------------------------------
詳細
-----------------------------------------------------------*/

.cateDt {
    display: inline-block;
    background: #E6F1FF;
    border-radius: 17px;
    font-weight: 600;
    line-height: 1.5em;
    color: #191919;
    text-align: center;
    padding: 5px 15px;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dateDt {
    display: block;
    flex: none;
    margin: 0 0 0 10px;
}

.columnDtflexBox {
    display: flex;
    align-items: center;
    margin: 10px 0 0;
    flex-wrap: wrap;
}

.columnDtTit {
    display: block;
    margin: 20px 0 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.0255em;
}

.contentDt {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.025em;
    line-height: 1.5em;
}

.columnDtlBtn {
    max-width: 260px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    position: relative;
    z-index: 1;
    border: 1px solid #045CD3;
    border-radius: 35px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.025em;
    padding: 15px;
    color: #045CD3;
    gap: 8px;
    margin: 40px auto 0;
}

.columnDtlBtn:hover {
    background: #045CD3;
    color: #fff;
}

/*----投稿css---*/

.contentDt figure {
    margin-top: 20px;
}

.contentDt p {
    margin-top: 20px;
}

/*-----------------------------------------------------------
カテゴリ
-----------------------------------------------------------*/

.categoryListTtl {
    font-size: 20px;
    font-weight: bold;
    color: #045CD3;
    border-bottom: solid 3px #045CD3;
    padding: 0 0 10px;
}

.categoryListTtl:nth-of-type(2) {
    margin: 30px 0 0;
}

.categoryList {
    margin: 10px 0 0;
}

.categoryList  > li > a {
    display: block;
    padding: 10px 15px;
}

.categoryList > li > a:hover {
    text-decoration: underline;
}

.archiveList {
    margin: 10px 0 0;
}

.archiveList  > li > a {
    display: block;
    padding: 10px 15px;
}

.archiveList > li > a:hover {
    text-decoration: underline;
}

/*-----------------------------------------------------------
ページャー
-----------------------------------------------------------*/

.wp-pagenavi {
	margin: 80px auto 0;
	max-width: 800px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wp-pagenavi .page {
	background-color: #fff;
	color: #045CD3;
}

.wp-pagenavi .page:hover {
    background: #045CD3;
    border-color: #045CD3 !important;
    color: #fff;
}

.wp-pagenavi .page:hover {
	text-decoration: none;
}

.wp-pagenavi .page,
.wp-pagenavi .current {
	display: inline-block;
	width: 30px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 0 5px;
	padding: 8px 3px 7px;
}

.wp-pagenavi .current {
		background-color: #045CD3;
		border-color: #045CD3 !important;
		color: #fff;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	margin: 0 10px;
	color: #045CD3;
}

.wp-pagenavi a, .wp-pagenavi span {
    border-color: #045CD3 !important;
    color: #045CD3;
}


.wp-pagenavi .previouspostslink:hover, .wp-pagenavi .nextpostslink:hover {
    opacity: .6;
}

.wp-pagenavi .extend {
	margin: 0 5px;
}

.wp-pagenavi .first,
.wp-pagenavi .last {
	margin: 0 10px;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1800px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1600px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*-----------------------------------------------------------
カテゴリ
-----------------------------------------------------------*/

.categoryListTtl {
    font-size: 16px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*-----------------------------------------------------------
一覧
-----------------------------------------------------------*/

.columnItem {
    width: 47.5%;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1024px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 992px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*-----------------------------------------------------------
一覧
-----------------------------------------------------------*/

.columnFrame {
    font-size: 14px;
}

.mainArea {
    width: 100%;
}

.categoryArea {
    width: 100%;
    margin: 50px auto 0;
}

.columnItem .txt {
    font-size: 13px;
}
	
/*-----------------------------------------------------------
カテゴリ
-----------------------------------------------------------*/

.categoryListTtl {
    font-size: 14px;
}

/*---詳細----*/

.columnDtTit {
    margin: 20px 0 20px;
    font-size: 25px;
    padding-bottom: 10px;
}

.contentDt {
    font-size: 14px;
}

.columnDtlBtn {
    font-size: 16px;
    margin: 20px auto 0;
    max-width: 230px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*---詳細----*/

.columnDtTit {
    font-size: 20px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 576px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*-----------------------------------------------------------
一覧
-----------------------------------------------------------*/

.columnList {
    gap: 20px 0;
}

.columnItem {
    width: 100%;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */





/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 375px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */