@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:center;
}
#top_h_txt01 img {
    width: 450px;   /* 元364px → 少し大きく */
    height: auto;
}

#top_h_ttl01 img {
    width: 1000px;   /* 元701px → 少し大きく */
    height: auto;
}

#top_h_txt03 img {
    width: 700px;   /* 元448px → 少し大きく */
    height: auto;
}
/*----#top_h_r_box{position:absolute;top:10px;right:10px}----*/
#contents{margin-top:25px}
#upper_box{
    padding-bottom: 20px;   /* ← margin-bottom の代わりに使う */
    display: flex;
    justify-content: center;   /* 横方向の中央揃え */
    align-items: center;       /* 縦方向の中央揃え（ボタンと写真の高さを揃える）★ 子要素（left_box と right_box）を上下中央に揃える */
    width: fit-content;        /* 内容に合わせて幅を縮める */
    margin: 0 auto;            /* 画面中央に配置 */
    gap: 2em;                  /* 左右の適度な余白 */
}


/*↓銀河の森コテージ村からのお知らせ　タイトルとボックス枠*/
#topics_ttl{font-size:120%;color:#310000/*#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{padding:0px 10px;border:1px #818181 solid/*2px solid #dbdbde*/;
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:normal;line-height:1.6;padding-left:4px} 

#right_box{float:right;
    display: flex;
    justify-content: center;  /* 横方向の中央揃え */
    align-items: center;      /* 縦方向の中央揃え（保険） */
}

#pickup_ttl{font-size:119%;color:#4b2207;margin-bottom:5px}
#pickup_list{padding:7px;border:2px solid #dbdbde;margin-bottom:0px}
#pickup .flex-direction-nav a{color:#fff}
#low_bnr_list{text-align:center}
.low_bnr_item{display:inline-block;margin-left:21px}
.low_bnr_item:first-child{margin-left:0px}
#lower_box {
    margin-bottom: 20px; /* ← 空白1行ぶんの余白 */
}

/* ボタンを横並びにする */
#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;                    /* ← 直径：10文字分 */
    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;   /* ★ 行間を広げる（1.3〜1.5がバランス良い） */

}

.camp_reserve_btn{
    display: flex;
    flex-direction: column;         /* 文字を縦方向に配置 */
    justify-content: center;
    align-items: center;

    width: 8em;                    /* ← 直径：10文字分 */
    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;   /* ★ 行間を広げる（1.3〜1.5がバランス良い） */
}




/* ホバー時の効果（任意） */
.cottage_booking_btn:hover,
.camp_reserve_btn:hover{
    color: #000;                    /* 文字色 */
    transform: scale(1.05);
    transition: 0.2s;
     opacity: 0.4;
 /* background-color: #818181;*/  /*変更後の背景色*/
}

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