@charset "UTF-8";
#main .main_contents {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

#main h3 {
  font-size: 28px;
  text-align: center;
  font-weight: normal;
}
#main h3 small{
	font-size: 16px;
	text-align: center;
	display: inline-block;
	line-height: 1.4;
}
@-moz-document url-prefix() {
	#main h3 small{ line-height: .8;}
}

@media screen and (max-width: 768px) {
  #main h3 {
    font-size: 20px;
  }
	#main h3 small{
		font-size: 14px;
		display: inline-block;
		padding-top: 15px;
	}
}


.beige-box{
	background: #F5F4F0;
	padding: 50px;
}
.beige-box dl.type-cont{
	display: flex;
	align-items: center;
}
.type{
	text-align: center;
	width: 153px;
	display: inline-block;
	background: #fff;
}
.type.f-red{ border: 1px solid #A25A5A;}
.type.f-green{ border: 1px solid #536C54;}
.anc-btn{
	display: flex;
	flex-wrap: wrap;
}
.anc-btn a{
	color: #917526;
	line-height: 1.4;
	display: block;
	border: 1px solid #D5CCB5;
	padding: 10px 25px 10px 20px;
	background: url("../img/ic_arw_btm_gold.svg") right 10px center no-repeat #F5F4F0;
	width: 23.5%;
	margin: 0 2% 10px 0;
}
.anc-btn a:nth-child(4n){ margin-right: 0;}
.anc-btn2{
	display: flex;
	justify-content: space-between;
}
.anc-btn2 a{
	color: #fff;
	padding: 10px 30px;
	text-align: center;
	display: block;
	width: 30%;
	background: url("../img/ic_arw_btm.svg") right 15px center no-repeat #917526;
}
article{
	padding: 25px;
	border: 1px solid #917526;
	margin-bottom: 40px;
}
article .list-head{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 15px;
}
article .list-head .type{ font-size: 14px;}
article .list-head ul{
	display: flex;
}
article .list-head ul li{
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	border-radius: 10px;
	padding: 15px 5px;
	margin-left: 5px;
	min-width: 88px;
	min-height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
}
article .list-head ul li.green{
	color: #47906C;
	background: #E2F4EE;
}
article .list-head ul li.red{
	color: #B13240;
	background: #FAEDF1;
}
article .list-cont{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
article .list-cont .leftcol{ width: 43%;}
article .list-cont .leftcol figure{ margin-bottom: 20px;}
article .list-cont .leftcol figure a{ display: block;}
article .list-cont .leftcol figure img{ width: 100%;}
article .list-cont .leftcol .facility-slider-wrapper{ margin-bottom: 20px;}
article .list-cont .leftcol .facility-slider{ margin-bottom: 10px;}
article .list-cont .leftcol .facility-slider .slider-item{ position: relative;}
article .list-cont .leftcol .facility-slider .slider-item a{ display: block;}
article .list-cont .leftcol .facility-slider .slider-item img{ width: 100%; height: auto; display: block;}
article .list-cont .leftcol .facility-thumbnail{ 
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	margin-left: -5px;
	margin-right: -5px;
}
article .list-cont .leftcol .facility-thumbnail .thumb-item{ 
	padding: 0 5px;
	margin-bottom: 10px;
	cursor: pointer;
	opacity: 0.6;
	transition: opacity 0.3s;
	width: calc(33.333% - 10px);
	flex: 0 0 calc(33.333% - 10px);
}
article .list-cont .leftcol .facility-thumbnail .thumb-item img{ 
	width: 100%;
	height: auto;
	display: block;
}
article .list-cont .leftcol .facility-thumbnail .thumb-item.active{ 
	opacity: 1;
}
article .list-cont .leftcol .facility-thumbnail .thumb-item:hover{ 
	opacity: 1;
}
article .list-cont .leftcol .btn-cont{
	display: flex;
	justify-content: space-between;
}
article .list-cont .leftcol .btn-cont a{
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 49%;
	padding: 7px 25px;
	display: block;
	background: url("../img/ic_arw.svg") right 20px center / 7px 14px no-repeat;
}
article .list-cont .leftcol .btn-cont a.bg-gold{ background-color: #917526;}
article .list-cont .leftcol .btn-cont a.bg-blue{ background-color: #374E6E;}
article .list-cont .rightcol{ width: 54.7%;}
article .list-cont .rightcol table{ width: 100%;}
article .list-cont .rightcol table th,article .list-cont .rightcol table td{
	border-top: 1px solid #DED8C5;
	text-align: left;
}
article .list-cont .rightcol{ border-bottom: 1px solid #DED8C5;}
article .list-cont .rightcol table th{
	color: #917526;
	font-size: 20px;
	font-weight: 600;
	padding: 10px 15px;
	width: 7em;
	vertical-align: top;
}
article .list-cont .rightcol table td{
	padding: 10px 0;
	vertical-align: middle;
}
article a.btn{
	/* color: #917526; */
	/* background: url("../img/ic_arw_right_gold.svg") right center / 8px auto no-repeat; */
	color: #fff;
	position: relative;
	background: #374E6E;
	padding: 5px 35px 5px 30px;
}
article a.btn::before {
	content: '';
    width: 8px;
    height: 8px;
    border-width: 1px;
    border-style: solid;
    border-color: #FFF #FFF transparent transparent;
    position: absolute;
    top: calc(50% - 5px);
    right: 7%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
	.beige-box{ padding: 25px;}
	.beige-box .container{ padding: 0;}
	.beige-box dl.type-cont{
		display: block;
	}
	.anc-btn a{
		padding: 5px 20px 5px 10px;
		background: url("../img/ic_arw_btm_gold.svg") right 5px center no-repeat #F5F4F0;
		width: 49%;
		margin: 0 2% 10px 0;
	}
	.anc-btn a:nth-child(2n){ margin-right: 0;}
	.anc-btn2{
		flex-wrap: wrap;
		justify-content: center;
	}
	.anc-btn2 a{
		padding: 10px 30px;
		width: 140px;
		margin: 0 5px 10px;
		background: url("../img/ic_arw_btm.svg") right 15px center no-repeat #917526;
	}
	.type{ width: 140px;}
	article{
		padding: 15px;
		margin-bottom: 30px;
	}
	article .list-head{
		display: block;
		margin-bottom: 15px;
	}
	article .list-head .f32{ font-size: 22px;}
	@-moz-document url-prefix() {
		article .list-head .f32{
			line-height: 0.8;
			padding: 10px 0;
		}
	}
	article .list-head .leftcol{ margin-bottom: 10px;}
	article .list-head .type{
		font-size: 12px;
		margin-bottom: 5px;
	}
	article .list-head ul{ flex-wrap: wrap;}
	article .list-head ul li{
		font-size: 12px;
		border-radius: 5px;
		padding: 3px 8px;
		min-width: 77px;
		min-height: auto;
		margin: 0 5px 5px 0;
	}
	article .list-cont{
		display: block;
		margin-bottom: 15px;
	}
	article .list-cont .leftcol{ width: 100%;}
	article .list-cont .leftcol figure{ margin-bottom: 10px;}
	article .list-cont .leftcol .facility-slider-wrapper{ margin-bottom: 10px;}
	article .list-cont .leftcol .facility-slider{ margin-bottom: 8px;}
	article .list-cont .leftcol .facility-thumbnail{ 
		margin-top: 8px;
		margin-left: -3px;
		margin-right: -3px;
	}
	article .list-cont .leftcol .facility-thumbnail .thumb-item{ 
		padding: 0 3px;
		margin-bottom: 8px;
		width: calc(50% - 6px);
		flex: 0 0 calc(50% - 6px);
	}
	article .list-cont .leftcol .btn-cont a{
		font-size: 16px;
		padding: 5px 20px;
		background: url("../img/ic_arw.svg") right 10px center / 7px 14px no-repeat;
	}
	article .list-cont .rightcol{ width: 100%;}
	article .list-cont .rightcol table th,article .list-cont .rightcol table td{
		display: block;
	}
	article .list-cont .rightcol table th{
		font-size: 18px;
		padding: 5px 0;
		width: 5.5em;
		border-top: none;
	}
	article .list-cont .rightcol table td{ padding: 5px 0;}
	article a.btn{ 
		padding: 5px 25px 5px 20px;
	}
}