@charset "utf-8";

#access0,
#faq0,
#numazuko,


/*------------------------------------------------
general
--------------------------------------------------*/
#topimg h2 img {
  margin-top: -3px;
}
#breakfast01 h3 img {
  width: 63%;
  margin: 20px auto;
}
#breakfast02 h3 img {
  width: 50%;
}
#breakfast02_5 {
  background-color: #f3f0ec;
  padding: 20px 10px;
  margin-top: 20px;
}
#breakfast02_5 h3 {
  background-color: #978578;
  color: #fff;
  padding: 10px 10px;
  font-size: 15px;
  letter-spacing: 3px;
}
#breakfast02_5 p {
  padding: 20px 0;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
textarea,
blockquote,
th,
td,
hr {
  margin: 0;
  padding: 0;
}
body {
  width: 100%;
  font-size: 10px;
  line-height: 140%;
  color: #000;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background: url(../common/bg.png) repeat-y;
  background-size: 100%;
}
* {
  box-sizing: border-box;
}
img {
  width: 100%;
  vertical-align: bottom;
  display: block;
  margin: auto;
}
a {
  color: #401f00;
  text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6,
th {
  font-size: 100%;
  font-weight: normal;
  text-align: left;
}
ol,
ul,
li {
  list-style: none;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
.container {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.borderrightnone {
  border-right: none !important;
}
.borderbottomnone {
  border-bottom: none !important;
}
.left {
  float: left;
}
.right {
  float: right;
}
.p01 {
  padding: 1em;
}
.p02 {
  text-align: center;
  padding: 1em;
}
.mincho {
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho",
    "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3,
    "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro", "Noto Serif JP", "HGS明朝E", "ＭＳ Ｐ明朝",
    "MS PMincho", serif;
}
@media all and (-ms-high-contrast: none) {
  /* ie11で游明朝体つかうとちょっと上にずれる。。。 */
  *::-ms-backdrop,
  .mincho {
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3",
      HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN",
      "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝",
      "MS PMincho", serif;
  }
}

#yoyaku01 a {
  display: block;
  width: 48%;
  margin: 3% 1%;
  float: left;
}
#yoyaku02 a {
  display: block;
  width: 94%;
  margin: 1em 3%;
}
.totop01 {
  display: block;
  margin: 2em auto 1em;
  width: 13%;
}
footer {
  background-color: #3b2621;
  color: #fff;
}
footer a {
  color: #fff;
}
.footer_yoyaku li a {
  display: block;
  width: 31%;
  margin: 3% 1%;
  float: left;
}
footer address {
  padding-left: 1em;
  line-height: 180%;
}
footer nav ul {
  width: 46%;
  margin: 2%;
  float: left;
}
footer nav li a {
  border-bottom: 1px dotted #fff;
  padding: 0.7em 1em;
  text-decoration: none;
  width: 100%;
  display: block;
}
.copyright {
  background: url(../common/copyright.png) repeat center top;
  background-size: 100%;
  text-align: center;
  padding: 1.5em 0;
  margin-top: 1em;
}
.table01 {
  width: 96%;
  border-collapse: collapse;
  border-top: 1px solid #c7b299;
  border-left: 1px solid #c7b299;
  margin: 2%;
}
.table01 th,
.table01 td {
  border-bottom: 1px solid #c7b299;
  vertical-align: top;
  padding: 0.5em;
}
.table01 th {
  width: 22%;
  background-color: #f1ece5;
}
.table01 td {
  border-right: 1px solid #c7b299;
}
.em01 {
  color: #a3272d;
}
.map01 {
  background-color: #3a2621;
  padding: 1.5em;
  color: #fff;
}
.map02 {
  background-color: #003e36;
  padding: 1.5em;
}
.map03 {
  background-color: #d0e7f8;
  padding: 1.5em;
}
.gmap {
  width: 92%;
  margin: 4%;
  display: block;
}

/*------------------------------------------------
room
--------------------------------------------------*/
.rooms_h401 {
  margin-left: 1em;
  width: 27%;
}
.rooms_yoyaku {
  width: 96%;
  margin: 1em 2% 2em;
}
#room05 h4 {
  margin-left: 1em;
  width: 20%;
}

/*------------------------------------------------
breakfast
--------------------------------------------------*/
#breakfast02 {
  margin-top: 2em;
}
.breakfast02_img01 {
  margin-top: 3em;
}
.breakfast02_h301 {
  width: 40%;
  margin: 1em 30%;
}
.breakfast02_h302 {
  width: 30%;
  margin: 1em 35%;
}
#breakfast02 ul {
  width: 94%;
  margin: 0 3%;
}
#breakfast02 li {
  width: 100%;
  border-bottom: 1px solid #c7b299;
  list-style: disc inside;
  padding: 0.5em 0 0.5em 1.5em;
}
#breakfast02 p em {
  font-weight: bold;
  color: #a3272d;
}

/*------------------------------------------------
facilities
--------------------------------------------------*/

.table01 td em {
  color: #fff;
  padding: 3px 6px;
  background-color: #ed1c24;
}
#facilities03 h3 {
  width: 32%;
  margin: 0 34%;
}
.facilities04_h402 {
  width: 30%;
  margin: 1em 35%;
}
.facilities04_h403 {
  margin-top: 2em;
}

/*------------------------------------------------
tourism
--------------------------------------------------*/
#tourism02 h3 {
  margin: 2em 0;
}
.tourism_table01 {
  border-spacing: 0.5em;
  margin-bottom: 2em;
  width: 100%;
}
.tourism_table01 th,
.tourism_table01 td {
  width: 50%;
  vertical-align: top;
}
.tourism_table01 td {
  padding: 0.5em;
}
.tourism_table01 td a {
  display: block;
  margin: 0.5em;
}

/*------------------------------------------------
numazuko
--------------------------------------------------*/
#numazuko02 p em {
  color: #998675;
}
#numazuko02 h4,
#numazuko03 h4 {
  margin-top: 1em;
}
.numazu03_a01 {
  width: 92%;
  margin: 0 4% 2em;
  display: block;
}
#numazuko03 p em {
  color: #ed1c24;
}
#numazuko02,
#numazuko03 {
  margin-bottom: 2em;
}

/*------------------------------------------------
access
--------------------------------------------------*/
#access02 h4 {
  margin-top: 2em;
}

/*------------------------------------------------
tpoint
--------------------------------------------------*/
#tpoint01 h5 {
  width: 92%;
  margin: 10px auto 10px auto;
}
#tpoint02 h3 {
  margin: 30px 0 30px 0;
}
#tpoint02 .tp02_1 {
  width: 35%;
  margin: 0 auto 10px auto;
}
#tpoint02 .tp02_2 {
  width: 80%;
  margin: 30px auto 10px auto;
}
#tpoint02 .tp02_3 {
  font-size: 80%;
  text-align: center;
  margin: 30px auto 30px auto;
}
#tpoint02 .tp02_4 {
  width: 65%;
  margin: 30px auto 10px auto;
}
#tpoint04 .table03 {
  width: 100%;
  border-collapse: collapse;
}
#tpoint04 .table03 th,
#tpoint04 .table03 td {
  vertical-align: top;
  padding: 0.5em;
}
#tpoint04 .table03 th {
  background-color: #daecf5;
}
#tpoint04 font {
  color: #a3272d;
}
#tpoint05 div {
  width: 96%;
  background-color: #024099;
  margin: 30px auto 10px auto;
}
#tpoint05 div h3 {
  font-size: 150%;
  color: #ece12d;
  padding: 15px 10px 10px 10px;
}
#tpoint05 div p {
  color: #fff;
  padding: 0 10px 15px 10px;
}
#tpoint05 img {
  width: 96%;
  margin: 30px auto 50px auto;
}
.tpoint {
  padding: 10px;
}

/*------------------------------------------------
information
--------------------------------------------------*/
.infomation {
  padding: 10px;
  border: 1px solid red;
  background: lavenderblush;
  font-family: sans-serif;
  margin: 2em;
}
.infomation b {
  font-weight: bold;
  margin-bottom: 20px;
  display: block;
}
.infomation span {
  background: firebrick;
  font-weight: bold;
  padding: 5px;
  color: #fff;
  margin-right: 10px;
}

/*------------------------------------------------
covid-19
--------------------------------------------------*/
.covid-1901__antiItems {
  padding: 15px;
}

.covid-1901__antiItem {
  width: 100%;
  margin-bottom: 40px;
}

.covid-1901__antiItem-image {
  display: block;
  margin-bottom: 17px;
  width: 100%;
}

.covid-1901__antiItem-title {
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 5px;
  color: #603813;
  text-align: center;
}

.covid-1901__antiItem-title .small {
  font-size: 12px;
}

.covid-1901__antiItem-title::before,
.covid-1901__antiItem-title::after {
  content: "";
  display: inline-block;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFhJREFUeNpiPL5ppgIDA0MCA3lgAQuQABlQT4bmB0B8gAVJ4AAQHyRSsz1MLbIBB0lwSSOMwcRAIRg1YNQA9JRoj5zCyEnKDlBMLFCAZaYHJNiMkSMBAgwAWgIPQJ6y1lYAAAAASUVORK5CYII=");
  background-position: center center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.covid-1901__antiItem-text {
  color: #000;
  font-size: 12px;
  line-height: 1.43;
  margin-bottom: 1em;
}

.covid-1902__announces {
  background: url("../covid-19/images/covid-1902__announces-bg.png");
  background-size: contain;
  width: 100%;
  margin: 0 auto 30px;
  padding: 30px;
}

.covid-1902__announce-title {
  font-size: 14px;
  line-height: 1.76;
  color: #603813;
  text-align: center;
}

.covid-1902__announce-list {
  text-align: center;
  font-size: 12px;
  line-height: 1.78;
}

.covid-1902__greeting {
  font-size: 14px;
  color: #77272d;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 38px;
}

.covid-1902__antiCovid19-image {
  display: block;
  margin: 0 0 90px;
  width: 100%;
  padding: 0 15px;
}

/* 20230414 改装工事のお知らせ  */

.koji {
  max-width: 100%;
  margin: 2em;
  display: block;
  border: 3px solid #77272d;
}
.koji__text {
  margin: 0 20px;
}
.koji h3 {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin-top: 20px;
}
.koji p {
  display: block;
  font-size: 16px;
  text-align: left;
  letter-spacing: -1.5px;
  line-height: 1.2;
  margin-top: 20px;
  margin-inline: auto;
}
/* TOP > 寛平アメマナイトマラソン2024  */
.amema_sp {
  max-width: 100%;
  margin: 2em;
  display: block;
}
/*------------------------------------------------
Top オープンバナー
--------------------------------------------------*/

.topOpen {
  border: 4px solid #9b282c;
  padding: 3%;
  text-align: center;
  width: 95%;
  margin: 20px auto;
}
.topOpen-title {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.topOpen-text {
  margin-top: 10px;
  font-size: 14px;
}
.topOpen-btn {
  margin-top: 10px;
  display: flex;
  gap: 30px;
  font-size: 14px;
  color: #ffffff;
  justify-content: center;
}
.topOpen-btnLink,
.topOpen-btnTel {
  background-color: #9b282c;
  padding: 1%;
}
.topOpen-btnLink > a {
  color: #ffffff;
}