@charset "utf-8";
/* CSS Document */

/* ---------- cate1 ---------- */
.pagelinks_e a {
    position: relative;
    background-color: inherit;
	border: #C19F54 1px solid;
    border-radius: 0px;
    padding: 10px 20px;
    width: 240px;
}
.pagelinks_e a > .flex .more-icon i {
    font-size: 12px;
}

.cate1 .box_wrap .box-item{
	display: block;
	width: 100%;
}
.cate1 .box_wrap .box-item .bottombox{
	gap: 80px;
}
.cate1 .box_wrap .box-item .bottombox .imgbox {
    width: calc(30% - 40px);
    aspect-ratio: 3 / 4;  
    overflow: hidden;        /* トリミング */
    position: relative;
}

.cate1 .box_wrap .box-item .bottombox .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;       /* 枠に合わせて綺麗に表示 */
    display: block;
}
.cate1 .box_wrap .box-item .bottombox .txtbox{
	width: calc(70% - 40px);
}
.cate1 .box_wrap .box-item .bottombox .txtbox .txtitem{
	width: 100%;
	justify-content: space-between;
	border-bottom: rgba(112, 112, 112, 0.2) 1px solid;
	padding-top: 15px;
	padding-bottom: 15px;
}
.cate1 .box_wrap .box-item:not(:first-child) {
    padding-top: 150px;
}


/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){

/* -------------------- */
	.cate1 .box_wrap .box-item .bottombox {
		gap: 50px;
	}
	.cate1 .box_wrap .box-item .bottombox .imgbox{
		width: calc(30% - 25px);
	}
	.cate1 .box_wrap .box-item .bottombox .txtbox{
		width: calc(70% - 25px);
	}

}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){


}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){

    .cate1 .box_wrap .box-item .bottombox {
        flex-direction: column;
      align-items: center;
    }
	.cate1 .box_wrap .box-item .bottombox .imgbox{
		width: 60%;
	}
	.cate1 .box_wrap .box-item .bottombox .txtbox{
		width: 100%;
	}
.cate1 .box_wrap .box-item:not(:first-child) {
    padding-top: 100px;
}

}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){

	.cate1 .box_wrap .box-item .bottombox .txtbox .txtitem {
		padding-top: 10px;
		padding-bottom: 10px;
	}
    .cate1 .box_wrap .box-item .bottombox {
        gap: 30px;
    }
	.cate1 .box_wrap .box-item:not(:first-child) {
		padding-top: 50px;
	}

}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}