@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?45682705');
  src: url('../font/fontello.eot?45682705#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?45682705') format('woff2'),
       url('../font/fontello.woff?45682705') format('woff'),
       url('../font/fontello.ttf?45682705') format('truetype'),
       url('../font/fontello.svg?45682705#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

#top_h_box{background:url(../img/cottage_night_wide.jpg) 
    #2e2e2e no-repeat center top;height:787px; margin-bottom:-7px;background-size:cover}
#top_h_txt01{padding-top:100px}
#top_h_ttl01{padding-top:30px;text-align:center}
#top_h_txt03{padding-top:10px;
    text-align:right;
}
#top_h_txt01 img {
    width: 450px;
    height: auto;
}
#top_h_ttl01 img {
    width: 1000px;
    height: auto;
}
#top_h_txt03 img {
    width: 700px;
    height: auto;
}
#contents{margin-top:25px}
#upper_box{
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center; 
/*width: fit-content;*/
    margin: 0 auto; 
    gap: 2em;
}

#topics_ttl{font-size:120%;color:#4b2207;margin-bottom:5px}
#topics_ttl:before{
	font-family: "fontello";
	content: '\e819'; 
	font-weight:normal;
	font-size: 120%;
	margin-right:7px;
}
#topics_list_item_box{width:100%;padding:0px 10px;border:1px #818181 solid;
background-color: #ffffff;
}
.topics_list_item{border-top:1px dashed #b3b3b3;padding:10px 0px}
.topics_list_item:first-child{border-top:none}
.topics_list_cat{display:table-cell;width:5em;background-color:transparent;color:#fff;border-width:3px;border-style:double;border-color:#fff;vertical-align:middle;padding:2px 0px}
.topics_list_item_ttl{display:table-cell;font-weight:600;font-size:15px;color:#7c5441;line-height:1.6;padding-left:2px} 

#right_box{float:right;
    display: flex;
    justify-content: center;
    align-items: center;
}

#low_bnr_list{text-align:center}
.low_bnr_item{display:inline-block;margin-left:20px}
.low_bnr_item:first-child{margin-left:0px}
#lower_box {
    margin-bottom: 20px;
}

#reserve_buttons {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}
.cottage_booking_btn{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 8em; 
    height: 8em;
    background-color: #fa3782;
    border-radius: 50%;
    text-decoration: none; 
    color: #fff; 
    font-weight: bold; 
    font-size: 1.2rem;
    text-align: center;
    border: 2px solid #818181;
    line-height: 1.5;
}
.camp_reserve_btn{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 8em;
    height: 8em;
    background-color: #00b919;
    border-radius: 50%;
    text-decoration: none;
    color: #fff; 
    font-weight: bold;
    font-size: 1.2rem; 
    text-align: center;
    border: 2px solid #818181;
    line-height: 1.5;
}
.cottage_booking_btn:hover,
.camp_reserve_btn:hover{
    color: #000;
    transform: scale(1.05);
    transition: 0.2s;
     opacity: 0.4;
}

/*-----------*/