.clmnList .inner{}

.clmnList li{background:#fff;box-shadow: 0px 0px 3px 0.3px rgba(187, 139, 139, 0.5); border-radius: 8px; margin-bottom: 10px;}
.clmnList li:last-child{margin-bottom: 0;}
.clmnList li > .inner{display: block;padding: 50px; position: relative;}

.clmnList li  .infoHeader{margin-bottom: 30px;}
.clmnList li  .infoHeader .day{ color: brown;}
.clmnList li  .infoHeader .entryTitle{ font-size: 140%; line-height: 1.6em; color: #222;}


.listDescArea {
	display: flex;
	gap: 30px; /* 画像とテキストの間隔 */
	align-items: flex-start;
    margin-bottom: 30px;
}

.listDescArea .imgBox {
	width: 320px;      /* ←好きな横幅を指定 */
	flex-shrink: 0;    /* 縮まないようにする */
}

.listDescArea .imgBox img {
	display: block;
	width: 100%;
	height: auto;
	border-radius:10px;
}

.listDescArea .txtBox {
	flex: 1;           /* 残りの幅をすべて使用 */
}
.listDescArea .txtBox p{font-size:90%;}


a.bookBtn{ background: #b5263f url(/asset/images/top/book.png) no-repeat right 20px center;background-size:32px; display: inline-block; 
padding: 10px 40px 10px 20px; color: #fff;border-radius: 100px;text-align: center;min-width: 200px;transition: all  0.5s ease;}
a.bookBtn:hover{ background: #df697c url(/asset/images/top/book.png) no-repeat right 20px center;background-size:40px;}



@media(max-width:750px){
.listDescArea {
	display: block;
	gap: 30px; /* 画像とテキストの間隔 */
}

.listDescArea .imgBox {
	width: 100%;      /* ←好きな横幅を指定 */
	flex-shrink: 0;    /* 縮まないようにする */
    margin-bottom: 30px;
}
}