/*タブ実装*/

.tab_box .btn_area {
	display: -webkit-box;
	display: flex;
}

.tab_box .tab_btn {
	width: auto;
	padding: 8px 30px 5px 0;
	color: #786d6d;
	text-align: left;
	margin: 0;
}

.tab_box .tab_btn + .tab_btn {
	margin-left: 8px;
}


.tab_btn.active {
    border-bottom:5px #c24a09 solid;
    color:#c24a09;
}
.panel_area {
    border: solid 1px #f9f5f1;
	background: #f9f5f1;
    padding: 20px;
}
.panel_area img{
	width: 100%;
	/* max-height: 322px; */
	/* margin: 20px auto; */
	display: block;

}

.panel_area ul{
	width: 100%;
	display: flex;
	justify-content:  flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.room4 .panel_area ul{
	justify-content: center;
}

.panel_area ul li{
	width:calc(100% / 5);
}
.panel_area ul li img{
	width: 80%;
	margin-bottom: 10px;
}
.panel_area a{
	width: 100%;
	display: block;
	text-align: center;
	background: #c24a09;
	padding:12px;
	color:#fff;
	text-decoration: none;
}
.panel_area a:hover{
	opacity: 0.7;
	color: #ffe3b3;
}
.tab_box .tab_panel {
    display:none;
}

.tab_box .tab_panel.active {
    display:block;
}

 @media screen  and (max-width: 768px) {
	.tab_box{
		margin-top:60px;
	}
	.room3 .btn_area{
		margin-top:30px;
	}
 }