@charset "UTF-8";
#hst_topbtn_wrap {
margin-bottom: 50px;
}
#hst_topbtn_wrap a {
display: block;
}
#hst_topbtn_wrap a div {
text-align: center;
font-size: 1.8rem;
font-weight: bold;
padding: 8px 12px;
color: #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#hst_topbtn_wrap a span {
display: block;
text-align: center;
background-color: #fff;
font-size: 1.5rem;
font-weight: bold;
padding: 5px 12px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#hst_mainimg_wrap {
width: 1080px;
margin: 0 auto 60px;
}
#hst_mainimg_wrap span {
width: 1080px;
height: 440px;
margin-bottom: 20px;
display: block;
}
#hst_mainimg_wrap span img {
height: auto;
}
#hst_mainimg_wrap p {
font-size: 1.8rem;
font-weight: bold;
text-align: center;
}
#hst_contents_wrap h1 {
color:#fff;
font-size:2.0rem;
padding: 10px 20px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.hst_color_blue#hst_contents_wrap h1 {
background-color: #2ea7e0;
}
.hst_color_green#hst_contents_wrap h1 {
background-color: #4cb34e;
}
#hst_contents_con {
background-color: #fff;
padding: 50px;
}
.hst_btn {
margin-top: 4px;
width: 200px;
background-color: rgba(245,241,237,1.00);
padding: 10px 16px;
font-weight: bold;
line-height: 1;
}
.hst_btn i::before {
content: url(/asset/img/common/icon_arrow_10x10_2ea7e0.svgz);
}
#hst_coutline {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
.hstol_img {
width: 300px;
}
.hstol_img img {
height: auto;
}
.hstol_txt {
width: 740px;
position: relative;
}
.hstol_txt span {
display: block;
font-size: 1.5rem;
letter-spacing: 0em;
line-height: 1.6;
}
.hstol_price {
position: absolute;
bottom: 0;
right: 0;
border-top: solid 1px #2ea7e0;
border-bottom: solid 1px #2ea7e0;
width: 740px;
}
.hstol_price li {
font-size: 1.8rem;
font-weight: bold;
padding: 8px 5px;
}
.hstol_price li:first-child {
font-size: 1.8rem;
border-bottom: dotted 1px #2ea7e0;
}
.hst_color_green .hstol_price li:first-child {
border-color: #13ae67;
}
.hst_color_green .hstol_price {
border-color: #13ae67;
}
#hst_details {
padding: 30px;
font-size: 1.5rem;
}
#hst_details section {
margin-bottom: 50px;
}
.hst_mds01 {
font-size: 1.8rem;
display: flex;
align-items: center;
padding: 10px 14px 8px 0px;
color: #fff;
background-color: #3c3c3c;
margin-bottom: 24px;
font-weight: bold;
}
.hst_mds01::before {
content: '';
width: 10px;
height: 2px;
margin-right: 20px;
}
.hst_color_blue .hst_mds01::before {
background-color: #2ea7e0;
}
.hst_color_green .hst_mds01::before {
background-color: #13ae67;
}
.hst_dtxt_con a {
color: #2ea7e0;
}
.hst_color_blue .hst_dtxt_con a {
color: #2ea7e0;
}
.hst_color_green .hst_dtxt_con a {
color: #13ae67;
}
#hst_facility_area {
margin-top: 36px;
}
details {
border-top:solid 2px #E8DFD5;
padding: 20px 0;
}
summary {
position: relative;
cursor: pointer;
font-size: 2.0rem;
font-weight: bold;
padding-left: 4px;
}
summary::marker {
font-size: 1.6rem;
margin-left: 0px;
}
.hst_faci_divi {
margin-left: 10px;
}
.hst_color_blue summary::marker {
color: #2ea7e0;
}
.hst_color_green summary::marker {
color: #13ae67;
}
.hst_faci_list {
padding-top: 20px;
display: flex;
flex-wrap: wrap;
}
.hst_faci_list li {
width: 484px;
margin-bottom: 30px;
}
.hst_faci_list li:nth-child(odd) {
margin-right: 32px;
}
.hst_faci_list li a {
display: block;
}
#hts_map, 
#hts_map iframe {
width: 100%;
height: 400px;
}
.hst_dimg_con img {
width: auto;
max-width: 100%;
}
#hst_coupon_wrap {
background-color: rgba(245,241,237,1.00);
}
.hst_coupon {
padding: 40px 0 30px;
text-align: center;
}
.hst_coupon a {
display: block;
width: 400px;
margin: 0 auto;
}
.hst_coupon span {
display: block;
margin-top: 14px;
font-weight: bold;
font-size: 1.5rem;
}

#hst_linkw {
padding: 80px 0 70px;
}