@charset "UTF-8";

/*header*/
#sapporo_gp .main .nav_mv {
    background: url(../images/rooms/mv.jpg) no-repeat top center;
    height: 280px;
}

/*sec01*/

#sapporo_gp .sec01{
	padding: 50px 0;
}

#sapporo_gp .sec01 h2,
#sapporo_gp .sec01 p,
#sapporo_gp .sec01 .sec_roomtype h3{
	text-align: center;
}

#sapporo_gp .sec01 h2{ margin-bottom: 40px;}
#sapporo_gp .sec01 p{ margin-bottom: 70px;}

#sapporo_gp .sec01 .sec_roomtype {
	background: #F2EDEA;
	padding: 60px 0;
}
#sapporo_gp .sec01 .sec_roomtype ul{
	width: 816px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
}
#sapporo_gp .sec01 .sec_roomtype li{
	margin:20px 0 0;
}


/*roomlist*/

#sapporo_gp .sec_roomlist {
	padding:0 0 40px;
}
#sapporo_gp .sec_roomlist ul{
	margin: 25px auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}
#sapporo_gp .sec_roomlist ul:after{
	content: "";
	width: 100%;
	padding-top: 25px;
	border-bottom: 1px dotted #707070;
}
#sapporo_gp .sec_roomlist ul:nth-of-type(4):after{
	border-bottom: 0;
	padding-top: 0;
}

#sapporo_gp .sec_roomlist li{ flex-basis: 460px;}

#sapporo_gp .sec_roomlist li h3{
	margin-bottom: 10px;
}
#sapporo_gp .sec_roomlist li > img{
	margin-bottom: 10px;
}

#sapporo_gp .sec_roomlist li strong{
	padding:0 5px 0 15px;
}
#sapporo_gp .sec_roomlist li strong:nth-of-type(1){
	padding: 0 5px 0 0;
}
#sapporo_gp .sec_roomlist li sup{
	font-size: 7px;
}

#sapporo_gp .sec_roomlist li p:nth-of-type(2){
	margin-top: 10px;
}



 /*sec03*/

#sapporo_gp .sec03 .amenity_list{
	width: 915px;
	margin: 20px auto 40px auto;
}
#sapporo_gp .sec03 .amenity_list li{
	display: flex;
	justify-content: flex-start;
	font-size: 12px;
}
#sapporo_gp .sec03 .amenity_list li:nth-of-type(1){
	padding:0 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px dotted #707070;
}
#sapporo_gp .sec03 .amenity_list li h4{
	padding-right: 20px;
	width:7em;
	font-size: 13px;
}

#sapporo_gp .sec03 .service_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 40px 0;
}
#sapporo_gp .sec03 .service_list li{
	width:calc(25% - 1px);
	padding:0 0 30px;
	border-left: 1px dotted #918989;
	font-size: 12px;
}
#sapporo_gp .sec03 .service_list li:first-child,
#sapporo_gp .sec03 .service_list li:nth-child(5){
	border-left: 0;
	width:25%;
}
#sapporo_gp .sec03 .service_list li:nth-child(5),
#sapporo_gp .sec03 .service_list li:nth-child(6),
#sapporo_gp .sec03 .service_list li:nth-child(7),
#sapporo_gp .sec03 .service_list li:nth-child(8){
	border-top: 1px dotted #918989;
	padding: 30px 0 0;
}

#sapporo_gp .sec03 .service_list li img{
	display: block;
	margin: 0 auto 15px;
}

#sapporo_gp .sec03 .service_list li p{
	padding: 0 20px;
}