@charset "UTF-8";
/*******　 変数定義 
*******************/
/*　キャンペーンタイトルのカラー　*/
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

t able {
  border-collapse: collapse;
  border-spacing: 0;
}

p {
  text-align: left;
}

ul, dl {
  text-align: left;
}

section {
  text-align: center;
}

h3, h4, h5, h6 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*----------------------  ボックスのサイジング　(paddingや線によってはみ出さない----------------------------*/
*, *:before, *:after {
  box-sizing: border-box;
}

/*-----------cssのイニシャライズ　終わり------------------*/
a img {
  padding: 0px;
}

a:hover img {
  opacity: 0.5;
}

a {
  color: #002ec7;
}

p {
  line-height: 1.8;
  margin-bottom: 1rem;
}

figcaption {
  width: 100%;
  text-align: center;
  line-height: 1.2;
}

.gothic {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.radius {
  border-radius: 15px;
  overflow: hidden;
}

.bold {
  font-weight: bold;
  color: #ac7a16;
}

.nowrap {
  white-space: nowrap;
}

h1.test {
  color: #f00;
}

dl.place_root {
  font-size: 2rem;
  display: flex;
  flex-wrap: wrap;
  max-width: 400px;
  width: 90%;
  margin: auto;
  margin-bottom: 3em;
}
dl.place_root dt {
  font-size: 1em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 4.2em;
  padding: 0px 0px;
  font-weight: bold;
  color: #af790c;
}
dl.place_root dt:nth-of-type(3) {
  padding: 0px 0px;
}
dl.place_root dd {
  width: calc(100% - 4.2em);
  padding: 0.5em 0em 0.5em 1em;
  line-height: 1.4;
}
dl.place_root dd span {
  white-space: nowrap;
}
dl.place_root dd.tel {
  line-height: 1;
}
dl.place_root dd.tel a {
  display: flex;
  line-height: 1.7;
}
dl.place_root dd.tel a .telImg {
  width: 32px;
  height: 31.5px;
  display: inline-block;
  -webkit-mask: url(/img/smafo.png) 0 0/100% no-repeat;
          mask: url(/img/smafo.png) 0 0/100% no-repeat;
  background-color: #c40404;
}
dl.place_root dd.tel span {
  font-size: 0.7em;
  line-height: 2.2;
  margin: 0px;
}

.telImg {
  display: inline-block;
  width: 32px;
  height: 31.5px;
  -webkit-mask: url(/img/smafo.png) 0 0/100% no-repeat;
          mask: url(/img/smafo.png) 0 0/100% no-repeat;
  background-color: #c40404;
}

.counter > li {
  line-height: 1.2;
  margin: 0.8rem 0;
  text-indent: -4em;
  padding-left: 4em;
  counter-reset: 3;
  counter-increment: li;
}
.counter > li:before {
  content: counter(li) ". ";
  font-size: 1.8rem;
  color: red;
}

.att {
  font-size: 2em;
}

/******　ヘッダ部分について
******************************/
html {
  font-size: 62.5%;
}

nav {
  position: fixed;
  top: 0px;
  height: 19px;
  width: 100%;
  box-sizing: border-box;
  z-index: 100;
}
nav #InBox {
  position: relative;
  display: block;
  width: 100%;
  max-width: 800px;
  margin: auto;
  margin-bottom: 0;
  overflow: hidden;
  text-align: center;
  box-sizing: border-box;
  z-index: 1;
  position: relative;
  overflow: visible;
  background-color: #7c5209;
  padding: 0px 0px 0px 0px;
  z-index: 800;
}
nav #InBox p {
  padding: 4px 0;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  margin: 0;
  text-align: center;
}
nav #InBox p span {
  font-weight: bold;
}
nav #InBox details.Navi1 {
  position: absolute;
  right: 8px;
  top: 5px;
  z-index: 1000;
  border: 3px solid #fff;
  padding: 0px 0px;
  border-radius: 10px;
  background-color: #750606;
  box-shadow: 3px 3px 4px #cccccc;
}
nav #InBox details.Navi1 summary {
  display: block;
  width: 45px;
  height: 45px;
  cursor: pointer;
  padding: 6px 6px;
}
nav #InBox details.Navi1 summary div.batu {
  display: none;
}
nav #InBox details.Navi1 summary div.rogo {
  display: none;
}
nav #InBox details.Navi1 summary div.maskImage {
  width: 100%;
  height: 100%;
  -webkit-mask: url(/img/menu_icon.svg) center/100% no-repeat;
          mask: url(/img/menu_icon.svg) center/100% no-repeat;
  background-color: #fff;
}
nav #InBox details.Navi1[open] {
  display: flex;
  background-color: #f3dccf;
}
nav #InBox details.Navi1[open] .maskImage {
  background-color: #750606;
}
nav #InBox details.Navi1[open] summary {
  display: flex;
  gap: 40px;
  width: 100%;
  padding: 20px 10px;
  height: 80px;
  background-color: #f8e8e7;
  border: 5px solid #eeaeae;
}
nav #InBox details.Navi1[open] summary .maskImage {
  display: block;
  width: 40px;
  border: 5px solid #000;
}
nav #InBox details.Navi1[open] summary .batu {
  display: block;
  width: 50px;
  padding: 0px 1.5rem;
  text-align: right;
  color: #750606;
  font-weight: bold;
  font-size: 3rem;
}
nav #InBox details.Navi1 div.menu_top {
  width: 280px;
  padding: 0em 1em;
  background-color: #f3dccf;
  line-height: 3;
  font-size: 2.2rem;
}
nav #InBox details.Navi1 div.menu_top a {
  display: block;
  position: relative;
  padding-left: 2rem;
  text-decoration: none;
  color: #750606;
  border-bottom: 1px solid #750606;
  font-weight: bold;
  font-size: 1em;
}
nav #InBox details.Navi1 div.menu_top a::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 20px;
  left: 0px;
  -webkit-mask-image: url("../img/arrow-1.png");
          mask-image: url("../img/arrow-1.png");
  background-color: #750606;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

header#header-sub {
  position: relative;
  display: block;
  width: 100%;
  max-width: 800px;
  margin: auto;
  margin-bottom: 0;
  overflow: hidden;
  text-align: center;
  box-sizing: border-box;
  z-index: 1;
  width: 100%;
  position: relative;
  margin-top: 0px;
  margin-bottom: -3px;
  overflow: hidden;
}
header#header-sub .青空 {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: -100;
  opacity: 1;
}
header#header-sub .ttl {
  position: absolute;
  top: 25%;
  right: 20.5%;
  width: 36%;
  z-index: 10;
  min-width: 150px;
}

/*-- コンテナについて --------------------*/
#main-container {
  position: relative;
  display: block;
  width: 100%;
  max-width: 800px;
  margin: auto;
  margin-bottom: 0;
  overflow: hidden;
  text-align: center;
  box-sizing: border-box;
  z-index: 1;
  box-shadow: 3px 3px 10px #d0d0d0;
  text-align: center;
}
#main-container.top {
  margin-top: 30px;
}

header {
  padding-top: 19px;
  margin-bottom: 0.5rem;
}
header .box1 {
  width: 100%;
  overflow: hidden;
}

.年目の h2 {
  display: inline-block;
  margin: 1.5em auto 0;
  padding: 20px 30px;
  border-radius: 50%;
  background-color: #A18251;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #fff;
  letter-spacing: 0.5rem;
  font-size: 2.5rem;
}
.年目の h2 span {
  margin-right: 0.5rem;
  font-size: 0.7em;
  letter-spacing: 0;
}

.moving {
  margin: 4rem auto;
  color: rgba(255, 0, 0, 0.133);
}
.moving h1 {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-bottom: 0.4em;
  font-size: 1.4em;
  color: #474747;
  line-height: 1.2;
}
.moving h1 span {
  display: block;
  font-size: 1.6rem;
}
.moving h1 span span {
  display: inline;
  color: rgb(224, 7, 7);
}
.moving .com {
  border: 1px solid #c2c1c1;
  width: 97%;
  max-width: 340px;
  padding-top: 1em;
  margin: auto;
  border-radius: 20px;
}
.moving .com p {
  max-width: 431px;
  width: 95%;
  margin: 0.6em auto;
  font-size: 1.6rem;
  line-height: 1.7;
  text-shadow: 0px 0.3px 0px #000;
}
.moving .com p span {
  border-bottom: #f00 solid 3px;
  background-color: rgba(255, 211, 211, 0.7568627451);
}
.moving h3 {
  font-size: 1.82em;
  color: #000fdd;
}
.moving p.場所営業時間 {
  border: 0px solid #000;
  width: 320px;
  margin: 0 auto;
  color: #033393;
  text-shadow: 0px 0.3px 0px #000;
}
.moving p.場所営業時間 .new {
  border-bottom: 3px solid #f00;
}

.tennai {
  width: 90%;
  max-width: 350px;
  margin: 0 auto 5em;
  border-radius: 20px;
  overflow: hidden;
}
.tennai img {
  width: 100%;
}

.宗像ゴルフセンター {
  max-width: 260px;
  width: 80%;
  margin: 2em auto 2em;
  text-align: center;
}
.宗像ゴルフセンター .golf {
  display: block;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}
.宗像ゴルフセンター .sns {
  display: inline-block;
  width: 50px;
  margin: 5px 4px;
  vertical-align: top;
}
.宗像ゴルフセンター .sns span {
  font-size: 1.2rem;
}
.宗像ゴルフセンター img {
  width: 100%;
}

.map {
  width: 90%;
  max-width: 500px;
  margin: 1em auto;
  border-radius: 20px;
  overflow: hidden;
  border: 3px solid #e8b7b7;
  box-shadow: 3px 3px 4px 2px #d2d2d2;
}
.map img {
  width: 100%;
}
.map figcaption {
  color: #000;
}

.googlemap {
  max-width: 200px;
  margin: auto;
}
.googlemap img {
  width: 100%;
}
.googlemap figcaption {
  font-size: 1em;
  color: #0719b6;
}

iframe {
  width: 90%;
}

.sakura {
  max-width: 400px;
  width: 90%;
  margin: 2em auto 4em;
  border-radius: 10px;
  overflow: hidden;
}
.sakura img {
  width: 100%;
  max-width: 350px;
}

.campaign {
  width: 100%;
  margin: 2rem auto 3em;
}
.campaign h1 {
  max-width: 550px;
  width: 95%;
  margin: auto;
  color: #871a09;
  font-size: 2rem;
  line-height: 0.7;
}
.campaign h1 span {
  display: block;
  color: #871a09;
  margin-top: 0.5em;
}
.campaign img {
  width: 90%;
  max-width: 500px;
  margin: 2rem auto;
  display: block;
}
.campaign p {
  margin: 2rem;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.4;
}

img.stamp {
  width: 80%;
  max-width: 350px;
}

.副題 {
  display: inline-block;
  max-width: 400px;
  width: 95%;
  margin-bottom: 3em;
  padding: 0px 5px;
  border-left: 5px solid #a18251;
  border-right: 5px solid #a18251;
  border-radius: 30px;
}
.副題 div {
  border-left: 5px solid #a18251;
  border-right: 5px solid #a18251;
  border-radius: 30px;
}
.副題 div p {
  text-align: center;
  font-size: 1.5em;
  color: #6e4809;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-shadow: 0.8px 0.8px 0px #c34a4a;
  margin: 0.5em auto;
  line-height: 1.3;
}

/* fotorama */
.top-page-photo {
  display: inline-block;
  margin: auto;
  max-width: 500px;
  min-width: 320px;
  width: 80%;
  margin-bottom: 5em;
}

.衛生面 {
  max-width: 350px;
  margin: auto;
  margin-bottom: 5em;
}
.衛生面 h3 {
  padding: 10px;
  background-color: #b9d9f7;
  margin-bottom: 0rem;
  text-align: center;
  color: #18618f;
  font-size: 1.8em;
  text-shadow: 0.5px 0.5px 0px #042336;
}
.衛生面 p {
  width: 90%;
  margin: auto;
}
.衛生面 a:link, .衛生面 A:visited {
  color: #065e95;
}

section#場所 {
  text-align: center;
  margin-bottom: 12rem;
}
section#場所 h3 {
  border-radius: 20px;
  display: inline-block;
  padding: 13.6px 41.2px;
  background-color: #f2dfb5;
  font-size: 2.5rem;
  text-align: left;
  color: #9c6a1b;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  box-shadow: 3px 3px 10px 2px #a5a5a5;
}
section#場所 p {
  text-align: center;
  margin-top: 0.5em;
}
section#場所 p span {
  padding: 0 0.4em;
  margin-right: 9px;
  border-radius: 0 15px 15px 0;
  background-color: #13419f;
  color: #fff;
}

.last img {
  width: 60%;
  max-width: 400px;
}

h1.ページタイトル {
  width: 100%;
  margin: 1.3em auto;
  color: #AF795A;
  text-shadow: 0.3px 0.4px 0px #AF795A;
  font-size: 3.5rem;
  text-align: center;
}

/* アクセス */
.access {
  padding-bottom: 200px;
  font-size: 1.8rem;
}
.access a {
  text-decoration: none;
}
.access h1.ページタイトル {
  font-size: 2em;
  color: #af790c;
  text-align: center;
  line-height: 1.2;
}
.access h1.ページタイトル span {
  display: block;
  font-size: 0.6em;
}
.access h1.ページタイトル img {
  width: 140px;
}

/* 料金 */
.charge h1.タイトル {
  color: #af790c;
  text-shadow: 0.5px 0px 0px #af790c;
}
.charge dl {
  text-align: left;
  font-size: 2rem;
  margin: 0 auto 10rem auto;
  line-height: 1.5;
  display: inline-block;
  padding-top: 20px;
}
.charge dl dt {
  font-weight: bold;
  margin: 20px 0 20px 10px;
  line-height: 120%;
  border-bottom: 6px double #af790c;
  color: #8e4e00;
}
.charge dl dd {
  margin-left: 50px;
  margin-bottom: 20px;
  line-height: 120%;
}

.stuff {
  font-size: 1.2em;
}
.stuff dl {
  text-align: left;
  margin: 5rem auto 15rem auto;
  max-width: 400px;
  width: 95%;
  line-height: 1.5;
}
.stuff dl dt {
  color: #af790c;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.2;
}
.stuff dl dd {
  margin-left: 3rem;
  margin-bottom: 20px;
  line-height: 1.2;
  text-indent: -1em;
  padding-left: 1em;
  color: #333;
}

#衛生について #main-container h1.ページタイトル span {
  display: block;
  color: rgba(156, 100, 15, 0.8235294118);
  font-size: 0.6em;
  text-shadow: none;
  line-height: 2;
  letter-spacing: normal;
}
#衛生について #main-container .eisei p {
  width: 95%;
  max-width: 500px;
  margin: auto;
  color: #000;
  font-size: 1.2em;
  line-height: 1.8;
}
#衛生について #main-container .eisei figure {
  width: 80%;
  max-width: 450px;
  margin: 4rem auto;
}
#衛生について #main-container .eisei figure img {
  width: 100%;
}
#衛生について #main-container .eisei figure figcaption {
  color: #5f5f5f;
  font-size: 1.2em;
  margin-bottom: 0.2em;
}

.gallery1 .small {
  width: 75px;
  height: 55px;
  float: left;
  margin-left: 5px;
  margin-top: 5px;
}
.gallery1 .画像タイトル {
  max-width: 400px;
  min-width: 300px;
  width: 100%;
  margin: 5rem auto;
}
.gallery1 .画像タイトル img {
  width: 100%;
}
.gallery1 .slides {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 95%;
  margin: 0 auto 5rem auto;
}
.gallery1 .download {
  border: 1px solid #000;
  width: 95%;
  max-width: 500px;
  margin: 0 auto 2em;
  overflow: hidden;
  border-radius: 20px;
  text-align: center;
  font-size: 16px;
}
.gallery1 .download h3 {
  padding: 3.6px;
  margin-bottom: 12px;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-color: #1A73E8;
  color: #fff;
  line-height: 1.3;
}
.gallery1 .download h3 span {
  display: block;
  font-weight: normal;
}
.gallery1 .download a.down {
  display: flex;
  max-width: 300px;
  margin: auto;
}
.gallery1 .download .com1 {
  width: 90%;
  margin: auto;
  line-height: 1.4;
}
.gallery1 .download table {
  display: inline-block;
  margin: auto;
}
.gallery1 .download table tr td:nth-of-type(1) {
  width: 3.5em;
}
.gallery1 .download table tr dt:nth-of-type(2) {
  -moz-text-align-last: left;
       text-align-last: left;
}
.gallery1 .com2 {
  width: 90%;
  max-width: 400px;
  text-align: left;
  margin: auto;
}

/* フッタ */
footer {
  position: relative;
  display: block;
  width: 100%;
  max-width: 800px;
  margin: auto;
  margin-bottom: 0;
  overflow: hidden;
  text-align: center;
  box-sizing: border-box;
  z-index: 1;
  z-index: 1500;
}
footer div.foot-ttl {
  width: 100%;
  padding: 10px 0px;
  margin-bottom: 0px;
  border-radius: 0px;
  background-color: rgba(247, 255, 247, 0.67);
  box-shadow: inset 3px 3px 10px rgba(72, 131, 0, 0.18), inset -3px -3px 10px rgba(72, 131, 0, 0.18);
  text-align: center;
  overflow: hidden;
}
footer div.foot-ttl img {
  max-width: 310px;
}
footer .footer-top .menu-list-file {
  width: 100%;
}
footer .footer-top .menu-list-file a:link, footer .footer-top .menu-list-file a:visited {
  display: block;
  overflow: hidden;
  text-decoration: none;
  color: #356000;
  line-height: 60px;
  text-align: center;
  font-weight: bold;
}
footer .footer-top .menu-list-file a:hover {
  color: #fff;
  background-color: #a5c67d;
  overflow: hidden;
}
footer .footer-top .menu-list-file dl {
  width: 100%;
}
footer .footer-top .menu-list-file dl dt {
  width: 100%;
  margin-bottom: 0px;
  /*border: 1px double #356000;*/
  border-radius: 0px;
  background-color: rgba(247, 255, 247, 0.67);
  box-shadow: inset 3px 3px 10px rgba(72, 131, 0, 0.18), inset -3px -3px 10px rgba(72, 131, 0, 0.18);
  font-size: 22px;
  line-height: 40px;
  text-align: center;
  overflow: hidden;
}
footer .footer-top .menu-list-file dl dd dl {
  display: none;
  color: #356000;
}
footer .footer-bottom {
  display: block;
  padding: 20px;
  line-height: 1.2;
  border: 1px solid #000;
  background-color: #356000;
  color: #fff;
  font-size: 1.2em;
}

@media screen and (max-width: 479px) {
  .副題 p {
    font-size: 0.8em;
  }
  .タイトル span {
    font-size: 1.2rem;
  }
  body {
    font-size: 1.6rem;
  }
  #small-ttl {
    font-size: 25px;
  }
  #main-container {
    width: 100%;
    display: block;
  }
}
@media screen and (min-width: 480px) {
  body {
    font-size: 1.6rem;
  }
  #small-ttl {
    font-size: 35px;
  }
  .タイトル span {
    font-size: 1.4rem;
  }
  #main-container {
    width: 100%;
    display: block;
  }
}