@charset "UTF-8";
/*クリーム色*/
/*茶色*/
/*グレー*/
BODY { background: #f0e9d8; font-style: normal; text-align: center; text-indent: 0pt; letter-spacing: 0em; color: #4D3F24; font-size: 0.875rem; line-height: 1.8; margin: 0; padding: 0; font-family: 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif; font-weight: 400; }

a { outline: none; }

a:link { color: #231815; text-decoration: none; }

a:visited { color: #231815; }

a:hover { color: #231815; text-decoration: none; }

a:active { color: #231815; text-decoration: none; }

#pageTop { position: fixed; bottom: 40px; right: 10px; width: 65px; height: 65px; }
#pageTop a { display: block; position: absolute; z-index: 999; padding: 14px 0 0 2px; width: 65px; height: 65px; line-height: 1.4; background-color: #CCC; border-radius: 50%; border: 1px #fff solid; color: #fff; font-weight: bold; text-decoration: none; text-align: center; cursor: pointer; }
#pageTop a:before { content: '\f077'; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding: 0; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
#pageTop a:hover { text-decoration: none; opacity: 0.7; }

.btn-pagetop { transition: all .7s; pointer-events: none; opacity: 0; }

.pageTopBtn-in { opacity: 1; pointer-events: auto; }

.flexbox { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flexbox .col3_2box { width: 66%; }
.flexbox .col3_1box { width: 30%; }
.flexbox .col5_2box { width: 40%; }
.flexbox .col5_3box { width: 55%; }
.flexbox .col2box { width: 48%; }
.flexbox .col3box { width: 31%; }
.flexbox .col4box { width: 22%; }
.flexbox .col2fullbox { width: 50%; }

.site-navigation-pc li { display: inline-block; }
.site-navigation-pc a { width: 100%; display: block; vertical-align: middle; line-height: 1.2; }

header { width: 100%; }
header #headerinner { padding: 20px; background-color: rgba(77, 63, 36, 0.75); position: relative; z-index: 999; width: 1200px; margin: 0 auto; color: #fff; }
header #headerinner.flexbox { align-items: flex-end; }
header .headbox_a.flexbox { align-items: center; }
header .headbox_b.flexbox { align-items: flex-end; }
header #logo { width: 226px; line-height: 1; }
header #headread { width: 60%; text-align: left; }
header #headtel { width: 20%; text-align: right; line-height: 1.4; }
header #btnbox { width: 194px; text-align: right; }
header #navigation { text-align: right; width: calc(100% - 230px); }
header #navigation li { display: inline-block; }
header #navigation li a { padding: 0 20px; color: #fff; }

footer { width: 1200px; margin: 0 auto; }
footer #footbace { background-color: #776b50; padding: 20px; }
footer #footbace #footinner { color: #fff; font-size: 0.9em; }
footer #footbace #footinner .infobox { width: 45%; text-align: left; }
footer #footbace #footinner .infobox .footlogo { margin: 20px 0; }
footer #footbace #footinner .infobox .footlogo img { width: 170px; }
footer #footbace #footinner .infobox dl { margin-left: 40px; }
footer #footbace #footinner .infobox dl dt { width: 4em; float: left; }
footer #footbace #footinner .infobox dl dd { padding-left: 4em; }
footer #footbace #footinner .footnavigation { width: 55%; text-align: right; }
footer #footbace #footinner .footnavigation li { display: inline-block; }
footer #footbace #footinner .footnavigation li a { color: #fff; padding: 0 15px; font-size: 1.1em; }

#wrapper { width: 1200px; margin: 0 auto; }

table.bacetable { width: 100%; border: 1px #3B693F solid; }
table.bacetable th { border: 1px #3B693F solid; padding: 10px 20px; background-color: #d7e1d9; font-weight: 500; text-align: left; }
table.bacetable td { border: 1px #3B693F solid; padding: 10px; text-align: left; }

.contentsinner { width: 1200px; margin: 0 auto; }

.contentsinner2 { width: 1000px; margin: 0 auto; }

.contentsinner3 { width: 820px; margin: 0 auto; }

#maparea .flexbox { align-items: flex-end; }
#maparea .mapbox { margin-bottom: 80px; }
#maparea .mapbox .map { width: 500px; }
#maparea .mapbox .map iframe { width: 100%; height: 300px; }
#maparea .mapbox .address { width: calc(100% - 520px); text-align: left; }
#maparea .mapbox .address .accesstitle { color: #f0e9d8; }
#maparea .mapbox .address dt { font-size: 1.2em; font-weight: normal; }