@charset "utf-8";
/* CSS Document */
.main-wrap{
	background-image: url("https://setosakaba.com/system_panel/uploads/images/main_bg.png");
	background-position: center top;
	background-repeat: repeat-y;
	background-size: 100% auto;
}

.recommend_menu .leftbox{
	width: 30%;
}
.recommend_menu .rightbox{
	width: 70%;
	padding-left: 5%;
}
.recommend_menu .rightbox .contents{
	gap: 20px;
	align-items: stretch;
	justify-content: flex-start;
}
.recommend_menu .rightbox .box{
	width: calc(100% / 2 - 20px / 2);
	background-color: #fff;
	padding: 10px;
	gap: 20px;
}
.recommend_menu .rightbox .box .imgbox,.recommend_menu .rightbox .box p{
	width: calc(100% / 2 - 20px / 2);
}

.menu_box_wrap{}
.menu_box_wrap .menu_box{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;

}
.menu_box_wrap .menu_box:not(:last-of-type){
	margin-bottom: 80px;
}
.menu_box_wrap .menu_box .titlebox{
	position: relative;
	cursor: pointer;
	background-color: #2F291B;
	border-radius: 2px;
	padding: 10px 20px;
	padding-right: 50px;
}
.menu_box_wrap .menu_box .titlebox img{
	position: absolute;
	width: 15px;
	top: 50%;
	right: 20px;
	transition: ease 0.3s;
	transform: translateY(-50%) rotate(0deg);
}
.menu_box_wrap .menu_box .titlebox.on img{
	transform: translateY(-50%) rotate(180deg);
}

.menu_box_wrap .menu_box .menu_item_wrap{
	padding-top: 20px;
  background-color:#f8f7f4;
}

.menu_box_wrap .menu_box .menu_item_wrap .item_box{
	width: 100%;
	padding: 15px 10px;
	justify-content: space-between;
	border-bottom: 1px solid #DEDEDE;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.recommend_menu .leftbox{
		width: 100%;
		margin-bottom: 30px;
	}
	.recommend_menu .rightbox{width: 100%;padding-left: 0;}
	.recommend_menu .rightbox .contents{
		width: 100%;
		
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.recommend_menu .rightbox .box{
		width: 100%;
		background-color: #fff;
	}
	.menu_box_wrap .menu_box .titlebox{
		padding: 8px 15px;
		padding-right: 30px;
	}
	.menu_box_wrap .menu_box .titlebox img{
		width: 12px;
		right: 15px;
	}
}

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