@charset "utf-8";

.list-column{display:flex;flex-wrap:wrap;gap:70px 15px;}
.list-column > li{width:calc((100% - 30px) / 3);}
.list-column > li .img{width:100%;height:0;padding-bottom:66.6668%;position:relative;overflow:hidden;margin-bottom:20px;}
.list-column > li .img img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;z-index:1;}
.list-column > li .img.noimage{background:url(/img/case/noimage.png) no-repeat center center;background-size:100% auto;}
.list-column > li .ttl{font-size:1.9rem;line-height:1.6;margin-bottom:15px;padding-right:15px;}
.list-column > li .item{display:flex;align-items:flex-start;}
.list-column > li .item + .item{margin-top:4px;}
.list-column > li .item dt{width:4.8em;font-size:1.1rem;padding:3px 0;margin-top:2px;margin-right:8px;border:1px solid #555;line-height:1;white-space:nowrap;text-align:center;}
.list-column > li .item dd{flex:1;font-size:1.4rem;line-height:1.6;letter-spacing:0.05em;}
.list-column > li .tag{margin-top:10px;color:#878787;font-size:1.4rem;}
.list-column > li .tag span{margin:0 5px 5px 0;white-space:nowrap;line-height:1.5;}
.list-column > li .tag span::before{content:"#";}
.list-column > li.member .img::before{content:"会員限定";font-size:1.9rem;letter-spacing:0.05em;padding:8px 10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;background:#fff;color:#A71624;white-space:nowrap;line-height:1;}
.list-column > li.member .img img{filter:blur(4px);pointer-events:none;}

/* -------------------------------------------------- */
/* #block-column */
/* -------------------------------------------------- */
#block-column .column-month-select {text-align: center;}
#block-column .column-month-select select {-webkit-appearance: auto;width: 200px;}
#block-column .list-column{border-top:1px solid #dbdbdb;}
#block-column .list-column > li{border-bottom:1px solid #dbdbdb;}
#block-column .list-column > li > *{display:block;padding:50px 30px;}
#block-column .list-column > li .info{display:flex;align-items:flex-start;font-size:1.4rem;margin-bottom:20px;line-height:1;}
#block-column .list-column > li .info .date{color:#a71624;font-weight:bold;padding-right:10px;white-space:nowrap;padding-top:0.15em;}
#block-column .list-column > li .info .category{color:#9e9e9e;padding-left:8px;position:relative;}
#block-column .list-column > li .info .category::after{content:"";display:block;width:1px;height:0.8em;background:#dbdbdb;position:absolute;top:0.2em;left:0;}
#block-column .list-column > li .info .category span{white-space:nowrap;display:inline-block;margin-bottom:3px;}
#block-column .list-column > li .info .category span::after{content:",";margin-right:3px;}
#block-column .list-column > li .info .category span:last-child::after{display:none;}
#block-column .list-column > li .ttl{font-size:1.5rem;letter-spacing:0.05em;}
#block-column .btn-more{margin:40px auto;text-align:center;width: 100%;}
#block-column .btn-more button{font-size:1.7rem;letter-spacing:0.05em;border:1px solid #cbcbcb;border-radius:100px;display:block;width:100%;padding:22px 30px;transition:.25s ease;position:relative;}
#block-column .btn-more button:hover{border-color:#A71624;color:#A71624;}
#block-column .btn-more button::before{content:"";display:block;width:15px;height:1px;background:#a71624;position:absolute;top:50%;margin-top:-1px;right:30px;}
#block-column .btn-more button::after{content:"";display:block;width:1px;height:15px;background:#a71624;position:absolute;top:50%;margin-top:-8px;right:37px;}

/* -------------------------------------------------- */
/* #block-column-detail */
/* -------------------------------------------------- */
#block-column-detail .main-ttl{margin-bottom:60px;}
#block-column-detail .main-ttl .info{font-size:1.4rem;display:flex;align-items:flex-start;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:15px 0;margin-top:30px;}
#block-column-detail .main-ttl .ttl{font-size:4.5rem;line-height:1.5;letter-spacing:0.05em;}
#block-column-detail .main-ttl .date{color:#a71624;font-weight:bold;padding-right:30px;white-space:nowrap;padding-top:0.15em;}
#block-column-detail .main-ttl .category{color:#9e9e9e;padding-left:8px;position:relative;}
#block-column-detail .main-ttl .category span::after{content:",";margin-right:3px;}
#block-column-detail .main-ttl .category span:last-child::after{display:none;}
#block-column-detail .editarea{font-size:1.5rem;letter-spacing:0.05em;}
#block-column-detail .editarea p{line-height:1.9;}
#block-column-detail .editarea p + p{margin-top:2em;}
#block-column-detail .editarea h2{font-size:2.8rem;letter-spacing:0.05em;line-height:1.5;margin-top:65px;margin-bottom:20px;padding-top:30px;position:relative;font-weight:200;}
#block-column-detail .editarea h2:first-child{margin-top:0;}
#block-column-detail .editarea h2::before{content:"";display:block;width:100px;height:1px;background:#a71624;position:absolute;top:0;left:0;}
#block-column-detail .editarea h2.noline{padding-top:0;}
#block-column-detail .editarea h2.noline::before{display:none;}
#block-column-detail .editarea .wp-block-columns{display:flex;}
#block-column-detail .editarea .wp-block-column{flex:1;}
#block-column-detail .editarea .wp-block-column + .wp-block-column{margin-left:15px;}
#block-column-detail .editarea figure{text-align:center;margin:40px auto;}
#block-column-detail .editarea a{color:#a71624;border-bottom:1px solid #a71624;}
#block-column-detail .editarea a:hover{border-color:transparent;}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:980px){
	/* -------------------------------------------------- */
	/* #block-column */
	/* -------------------------------------------------- */
	#block-column .list-column{max-width:90%;margin:auto;}
	#block-column .list-column > li > *{padding:25px 0;}
	#block-column .list-column > li .info{font-size:1.1rem;margin-bottom:10px;}
	#block-column .list-column > li .info .date{padding-top:0.05em;}
	#block-column .list-column > li .ttl{font-size:1.1rem;}
	#block-column .btn-more{margin:30px auto;}
	#block-column .btn-more button{font-size:1.4rem;padding:18px 20px;}

	/* -------------------------------------------------- */
	/* #block-column-detail */
	/* -------------------------------------------------- */
	#block-column-detail .main-ttl{margin-bottom:40px;}
	#block-column-detail .main-ttl .ttl{font-size:2.8rem;letter-spacing:0;}
	#block-column-detail .main-ttl .info{font-size:1.3rem;display:block;margin-top:20px;}
	#block-column-detail .main-ttl .info .category{padding-left:0;margin-top:4px;font-size:1rem;}
	#block-column-detail .editarea p + p{margin-top:1.5em;}
	#block-column-detail .editarea h2{font-size:2rem;margin-top:45px;margin-bottom:10px;}
	#block-column-detail .editarea h2::before{width:70px;}
	#block-column-detail .editarea .wp-block-columns{display:block;}
	#block-column-detail .editarea .wp-block-column + .wp-block-column{margin-left:0;margin-top:30px;}
	#block-column-detail .editarea figure{text-align:center;margin:30px auto;}

}


@media screen and (min-width:1px) and (max-width:622px){
	/* -------------------------------------------------- */
	/* common */
	/* -------------------------------------------------- */
	.list-column{display:block;}
	.list-column > li{width:100%;}
	.list-column > li + li{margin-top:40px;}
	.list-column > li .ttl{font-size:20px;margin-bottom:10px;padding-right:0;}
	.list-column > li .tag{margin-top:8px;}
	.list-column > li .tag span{font-size:10px;}
	
	}