@charset "utf-8";
/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------*/
/*全体の設定
---------------------------------------------------------------------------*/
body {
  margin: 0px;
  padding: 0px;
  color: #444; /*全体の文字色*/
  font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /*フォント種類*/
  /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  font-size: 15px; /*文字サイズ*/
  line-height: 1.6; /*行間*/
  background: #f9f6f0 url(../images/bg.jpg) center / 100px;
}
h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form, figure, form {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  font-weight: normal;
}
ul {
  list-style-type: none;
}
ol {
  padding-left: 40px;
  padding-bottom: 20px;
}
img {
  border: none;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
  font-size: 100%;
  border-spacing: 0;
}
video {
  max-width: 100%;
}
iframe {
  width: 100%;
}
textarea {
  width: 100% !important;
}
/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
  color: #FF6E00; /*リンクテキストの色*/
  transition: 0.5s; /*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
}
a:hover {
  color: #3fa6e7; /*マウスオン時の文字色*/
  text-decoration: none; /*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}
/*写真装飾
---------------------------------------------------------------------------*/
img.hv:hover {
  opacity: 0.5;
  filter: alpha(opacity=50); /* Ie用 */
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
img.br {
  border-radius: 3px;
}
img.touka {
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
}
img.grow {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
img.grow:hover {
  -webkit-transform: scale(1.03, 1.03);
  -moz-transform: scale(1.03, 1.03);
  -ms-transform: scale(1.03, 1.03);
  -o-transform: scale(1.03, 1.03);
  transform: scale(1.03, 1.03);
}
.blinking {
  -webkit-animation: blink 0.6s ease-in-out infinite alternate;
  -moz-animation: blink 0.6s ease-in-out infinite alternate;
  animation: blink 0.6s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes blink {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
/*inner共通
---------------------------------------------------------------------------*/
.inner {
  max-width: 1500px; /*サイトの最大幅*/
  margin: 0 auto;
  padding: 0 3%; /*上下、左右へのボックス内の余白*/
}
/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
  background: url(../images/mainimg2.jpg) no-repeat center center; /*背景画像の読み込み。※古いブラウザ用。*/
  background: url(../images/mainimg2.jpg) no-repeat center center / cover; /*背景画像の読み込み*/
  height: 350px; /*ヘッダーの高さ*/
  color: #fff; /*文字色*/
}
header a {
  color: #fff; /*リンクテキストの文字色*/
}
header.about {
  background: url(../images/mainimg2_202510.jpg) no-repeat center center; /*背景画像の読み込み。※古いブラウザ用。*/
  background: url(../images/mainimg2_202510.jpg) no-repeat center center / cover; /*背景画像の読み込み*/
  height: 500px; /*ヘッダーの高さ*/
  color: #fff; /*文字色*/
}
header.work {
  background: url("../images/bghd_work_202510.jpg") no-repeat center center; /*背景画像の読み込み。※古いブラウザ用。*/
  background: url("../images/bghd_work_202510.jpg") no-repeat center center / cover; /*背景画像の読み込み*/
  height: 500px; /*ヘッダーの高さ*/
  color: #fff; /*文字色*/
}
header.info {
  background: url("../images/bghd_info_202510.jpg") no-repeat center center; /*背景画像の読み込み。※古いブラウザ用。*/
  background: url("../images/bghd_info_202510.jpg") no-repeat center center / cover; /*背景画像の読み込み*/
  height: 500px; /*ヘッダーの高さ*/
  color: #fff; /*文字色*/
}
header.care {
  background: url("../images/bghd_care_202510.jpg") no-repeat center center; /*背景画像の読み込み。※古いブラウザ用。*/
  background: url("../images/bghd_care_202510.jpg") no-repeat center center / cover; /*背景画像の読み込み*/
  height: 500px; /*ヘッダーの高さ*/
  color: #fff; /*文字色*/
}
header.contact {
  background: url("../images/bghd_contact.jpg") no-repeat center center; /*背景画像の読み込み。※古いブラウザ用。*/
  background: url("../images/bghd_contact.jpg") no-repeat center center / cover; /*背景画像の読み込み*/
  height: 500px; /*ヘッダーの高さ*/
  color: #fff; /*文字色*/
}
header.view {
  background: url("../images/bghd_view.jpg") no-repeat center center; /*背景画像の読み込み。※古いブラウザ用。*/
  background: url("../images/bghd_view.jpg") no-repeat center center / cover; /*背景画像の読み込み*/
  height: 500px; /*ヘッダーの高さ*/
  color: #fff; /*文字色*/
}
header.ema {
  background: url("../images/bghd_ema.jpg") no-repeat center center; /*背景画像の読み込み。※古いブラウザ用。*/
  background: url("../images/bghd_ema.jpg") no-repeat center center / cover; /*背景画像の読み込み*/
  height: 500px; /*ヘッダーの高さ*/
  color: #fff; /*文字色*/
}
header.recruit {
  background: url("../images/bghd_recruit.jpg") no-repeat center center; /*背景画像の読み込み。※古いブラウザ用。*/
  background: url("../images/bghd_recruit.jpg") no-repeat center center / cover; /*背景画像の読み込み*/
  height: 500px; /*ヘッダーの高さ*/
  color: #fff; /*文字色*/
}
header a {
  color: #fff; /*リンクテキストの文字色*/
}
/*トップページへの追加設定*/
.home header {
  background: url("../images/mainimg202510.jpg") no-repeat center center; /*背景画像の読み込み。※古いブラウザ用。*/
  background: url("../images/mainimg202510.jpg") no-repeat center center / cover; /*背景画像の読み込み*/
  height: 600px; /*ヘッダーの高さを上書き。*/
}
/*ロゴ画像*/
header h1 {
  margin: 0 auto;
  width: 400px; /*ロゴ画像の幅*/
  padding-top: 0px; /*上に空ける余白。上下のバランス調整をここでとって下さい。*/
}
/*トップページへの追加設定*/
.home header h1 {
  width: 400px; /*ロゴ画像の幅を上書き*/
  height: auto;
  padding-top: 0px; /*上に空ける余白の上書き。*/
}
/*ヘッダー右上メニュー
---------------------------------------------------------------------------*/
/*メニュー全体のブロック設定*/
#header-nav {
  position: absolute;
  right: 3%; /*ヘッダーの右から3%の場所に配置。*/
  top: 30px; /*ヘッダーの上から30pxの場所に配置。*/
  letter-spacing: 0.1em; /*文字間隔を少し広げる指定*/
  font-size: 13px; /*文字サイズ*/
}
/*メニュー１個あたりの設定*/
#header-nav li {
  float: left; /*左に回り込み*/
  margin-left: 10px; /*メニュー間に空けるスペース*/
}
#header-nav li a {
  text-decoration: none;
  display: inline-block;
  border: 1px solid #fff; /*枠線の幅、線種、色*/
  padding: 0 10px; /*上下、左右へのメニュー内の余白*/
}
#header-nav li a:hover {
  background: #fff; /*マウスオン時の背景色*/
}
/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar {
  clear: both;
  overflow: hidden;
  position: relative;
  z-index: 90;
  background: #2788c5 url(../images/bg_menu.jpg) repeat-x center center; /*背景色、背景画像の読み込み。※古いブラウザ用。*/
  background: #2788c5 url(../images/bg_menu.jpg) repeat-x center center / 100px; /*背景色、背景画像の読み込み。*/
  /* box-shadow */
  box-shadow: 0px 3px 7px 3px #333333;
}
/*メニュー１個あたりの設定*/
#menubar li {
  float: left; /*左に回り込み*/
  width: 20%; /*メニュー幅（100÷5個=20%）*/
}
#menubar li a {
  display: block;
  text-decoration: none;
  line-height: 1.6; /*行間*/
  color: #fff; /*文字色*/
  font-size: 20px; /*文字サイズ*/
  height: 70px; /*高さ。下のmargin(10+10=20)とpadding-top(10)の数字を合計して「100」になるようにする。*/
  margin: 10px 0; /*上下、左右に空けるメニューの外のスペース。この部分はマウスオン時に反応しない(色がかわらない)部分になります。*/
  padding-top: 10px; /*メニュー内の上に空ける余白。上下のバランスをここで調整して下さい。*/
  padding-left: 70px; /*メニュー内の左側に空ける余白。アイコンとのバランスを調整します。*/
  border-radius: 5px; /*角丸のサイズ。マウスオン時に角が丸くなる設定です。*/
}
/*「施設のご案内」メニューの設定
アイコンの読み込み。左から15pxの場所に配置。背景画像の一番上(0)を基準に読み込む。サイズは50px。*/
#menubar li.about {
  background: url(../images/mark_menu.png) no-repeat 15px 0px / 50px;
}
/*「イベント」メニューの設定
アイコンの読み込み。左から15pxの場所に配置。背景画像の上から100px(-100px)を基準に読み込む。サイズは50px。*/
#menubar li.work {
  background: url(../images/mark_menu.png) no-repeat 15px -100px / 50px;
}
/*「お買い物」メニューの設定
アイコンの読み込み。左から15pxの場所に配置。背景画像の上から100px(-200px)を基準に読み込む。サイズは50px。*/
#menubar li.info {
  background: url(../images/mark_menu.png) no-repeat 15px -200px / 50px;
}
/*「周辺マップ」メニューの設定
アイコンの読み込み。左から15pxの場所に配置。背景画像の上から100px(-300px)を基準に読み込む。サイズは50px。*/
#menubar li.care {
  background: url(../images/mark_menu.png) no-repeat 15px -300px / 50px;
}
/*「お問い合わせ」メニューの設定
アイコンの読み込み。左から15pxの場所に配置。背景画像の上から100px(-400px)を基準に読み込む。サイズは50px。*/
#menubar li.contact {
  background: url(../images/mark_menu.png) no-repeat 15px -400px / 50px;
}
/*装飾文字（英語表記）の設定*/
#menubar li a span {
  text-shadow: none;
  display: block;
  font-size: 12px; /*文字サイズ*/
  letter-spacing: 0.2em; /*文字間隔を少し広くする設定*/
  padding-left: 3px; /*左に少しだけ余白を作る。*/
}
/*マウスオン時メニューと、現在表示中(current)メニューの設定*/
#menubar li a:hover, #menubar li.current a {
  background: rgba(0, 0, 0, 0.15); /*0,0,0は黒の事で、0.15は15%だけ色がついた状態の事。*/
}
/*スマホ用メニューを表示させない*/
#menubar-s {
  display: none;
}
/*３本バーアイコンを表示させない*/
#menubar_hdr {
  display: none;
}
/*fixmenu設定（メニューが画面上部に到達した際のスタイル）
---------------------------------------------------------------------------*/
/*上部固定メニュー用fixmenu設定*/
body.is-fixed-menu #menubar.nav-fix-pos {
  position: fixed;
  width: 100%;
  top: 0px;
}
body.is-fixed-menu .contents:first-of-type {
  margin-top: 100px; /*メニューブロックの高さを指定する。背景画像も高さ100pxなので通常はこのままで。*/
}
/*※以下の２ブロックのスタイルの「中身」は、上の２ブロックのスタイルと単純に合わせておいて下さい。fixmenuスクリプトを２つ使う為に必要な設定になります。*/
body.is-fixed #menubar.nav-fix-pos {
  position: fixed;
  width: 100%;
  top: 0px;
}
body.is-fixed .contents:first-of-type {
  margin-top: 100px;
}
/*contents
---------------------------------------------------------------------------*/
.contents {
  clear: both;
  overflow: hidden;
  padding-top: 40px; /*上に空けるボックス内の余白*/
  padding-bottom: 40px; /*下に空けるボックス内の余白*/
}
/*コンテンツのh2タグ設定*/
.contents h2 {
  clear: both;
  margin-bottom: 20px; /*見出しの下に空けるスペース*/
  padding: 10px 20px; /*上下、左右への余白*/
  font-size: 20px; /*文字サイズ*/
  border: 1px solid #ccc; /*枠線の幅、線種、色*/
  border-radius: 5px; /*角丸のサイズ*/
  background: rgba(255, 255, 255, 0.7); /*背景色*/
  color: #800000;
  letter-spacing: 1px; /*文字間隔を少し広くとる設定*/
}
/*h2タグの１文字目の設定。左側のアクセントラインです。*/
.contents h2::first-letter {
  border-left: 3px solid #800000; /*左の線の幅、線種、色*/
  padding-left: 15px; /*線と文字列との間に空ける余白*/
}
/*h2タグに「class="simple"」を指定した場合の追加設定。大文字でセンタリングされる見出しです。*/
.contents h2.simple {
  background: none;
  border: none;
  padding: 0;
  font-size: 48px; /*文字サイズ*/
  text-align: center; /*文字を中央に*/
  color: #FF0 !important; /*文字色*/
}
.contents h2.simple::first-letter {
  border: none;
  padding: 0;
}
.contents h2.simple + p {
  margin-top: -20px;
}
/*コンテンツのh3タグ設定*/
.contents h3 {
  clear: both;
  margin-bottom: 20px; /*見出しの下に空けるスペース*/
  padding: 6px 15px; /*上下、左右への余白*/
  font-size: 18px; /*文字サイズ*/
  border-bottom: 1px solid #eee; /*枠線の幅、線種、色*/
  color: #333; /*文字色*/
}
.contents h5 {
  clear: both;
  padding: 10px; /*上下、左右への余白*/
  font-size: 120%; /*文字サイズ*/
  color: darkgreen; /*文字色*/
}
/*コンテンツの段落タグ設定*/
.contents p {
  padding: 10px; /*上、左右、下への余白*/
  text-align: justify;
  text-justify: inter-ideograph;
  text-indent: 1em;
}
/*他*/
.contents h2 + p, .contents h3 + p {
  margin-top: -10px;
}
/*.contents section + section {
  margin-top: 30px;
}
/*.contents p + p {
    margin-top: 20px;
}*/
/*mainコンテンツ
---------------------------------------------------------------------------*/
.main {
  float: right; /*右に回り込み*/
  width: 78%; /*ブロックの幅*/
}
/*subコンテンツ（左側のブロック）
---------------------------------------------------------------------------*/
.sub {
  float: left; /*左に回り込み*/
  width: 20%; /*ブロックの幅*/
}
/*h2見出しタグ設定*/
.sub h2 {
  margin-bottom: 0;
  letter-spacing: normal;
  font-size: 16px;
  color: #fff; /*文字色*/
  text-align: center; /*文字をセンタリング*/
  padding: 6px 0; /*上下、左右への見出し内の余白*/
  border-radius: 5px 5px 0px 0px; /*上、右、下、左への角丸の指定*/
  background: #2788c5 url(../images/bg_menu.jpg) repeat-x center center; /*背景色、背景画像の読み込み。※古いブラウザ用。*/
  background: #2788c5 url(../images/bg_menu.jpg) repeat-x center center / 100px; /*背景色、背景画像の読み込み。*/
}
.sub h2::first-letter {
  border: none;
  padding: 0;
}
.sub h2 + p, .sub h3 + p {
  margin-top: 0;
}
/*サブメニュー（左側ブロックのメニュー）
---------------------------------------------------------------------------*/
/*メニューブロック全体の設定*/
.sub .submenu {
  margin-bottom: 20px; /*メニューブロックの下にあけるスペース*/
}
/*メニュー１個ごとの設定*/
.sub .submenu li a {
  text-decoration: none;
  display: block;
  padding: 10px; /*上下、左右のボックス内の余白*/
  border: 1px solid #ccc; /*枠線の幅、線種、色*/
  border-top: none; /*上の線だけ消す*/
  background: rgba(255, 255, 255, 0.7); /*背景色*/
  color: #996633; /*文字色*/
}
.sub .submenu li a:hover {
  color: #FFCC66;
}
/*subコンテンツ内のlistブロック
---------------------------------------------------------------------------*/
.sub .list {
  overflow: hidden;
  font-size: 14px; /*文字サイズ*/
  line-height: 1.4; /*行間*/
  background: rgba(255, 255, 255, 0.7); /*背景色*/
  border: 1px solid #ccc; /*枠線の幅、線種、色*/
  border-top: none; /*上の線だけ消す*/
  padding: 10px; /*ボックス内の余白*/
  color: #666; /*文字色*/
}
.sub .list a {
  color: #444; /*リンクテキストの文字色*/
}
.sub .list a:hover {
  color: #CC9933; /*リンクテキストの文字色*/
}
/*最後のlistボックスへの設定*/
.sub .list:last-of-type {
  margin-bottom: 20px; /*ボックスの下に空ける余白*/
}
/*画像*/
.sub .list figure {
  float: left; /*左に回り込み*/
  width: 30%; /*画像幅*/
  margin-right: 10px; /*画像の右に空けるスペース*/
}
/*h4見出しの文字色*/
.sub .list h4, .sub .list h4 a {
  color: #444;
}
.subadd {
  width: auto;
  box-sizing: border-box;
  padding: 10px;
  text-align: left;
}
/*フッター設定
---------------------------------------------------------------------------*/
footer {
  clear: both;
  font-size: 14px; /*文字サイズ*/
  color: #b8b8b8; /*文字色*/
  background: #444; /*背景色*/
}
/*リンクテキスト*/
footer a {
  color: #b8b8b8; /*文字色*/
  text-decoration: none;
}
/*リンクのマウスオン時*/
footer a:hover {
  color: #fff;
}
footer .pr {
  display: block;
}
/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
  overflow: hidden;
  padding: 20px 3%; /*上下、左右のボックス内の余白*/
  background: url(../images/logo_footer.png) no-repeat right center / 20%; /*背景画像の読み込み。右側、上下中央に配置。画像はブロック幅の20%で読み込む。*/
  color: #fff; /*文字色*/
}
/*１行分の設定*/
#footermenu ul {
  float: left; /*左に回り込み*/
  width: 18%; /*幅*/
  padding-right: 1%;
  padding-left: 1%;
}
/*「class="title"」をつけた場合の設定*/
#footermenu .title {
  font-weight: bold; /*太字にする*/
}
/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
  clear: both;
  padding: 10px 0;
  text-align: center;
  background: #333; /*背景色*/
  font-size: 14px; /*文字サイズ*/
  color: #fff; /*文字色*/
}
/*リンクテキスト*/
#copyright a {
  text-decoration: none;
  color: #fff;
}
/*box1（１カラムボックス）
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.box1 {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.7); /*背景色*/
  color: #444; /*文字色*/
  /*margin: 10px;*/
  margin-bottom: 30px;
  border: 1px solid #eeeae2; /*枠線の幅、線種、色*/
  border-radius: 5px;
  padding: 1.3%;
}
.box1nobg {
  width: auto;
  box-sizing: border-box;
  overflow: hidden;
  background: none; /*背景色*/
  color: #444; /*文字色*/
  margin: 0 2% 20px; /*上、左右、下へのボックスの外に空けるスペース*/
  border: none; /*枠線の幅、線種、色*/
  border-radius: 5px;
  padding: 1.3%;
}
/*box1内のh4(見出し)タグ*/
.box1 h4 {
  padding-left: 30px;
  color: #3252b3; /*文字色*/
  font-size: 24px; /*文字サイズ*/
  border-bottom: 1px dashed #3fa6e7; /*下線の幅、線種、色*/
  margin-bottom: 10px; /*下に空けるスペース*/
}
/*box1内のp(段落)タグ*/
.box1 p, .box1nobg p {
  margin-bottom: 10px;
  padding: 0 !important;
  line-height: 1.5;
}
.box1 p a, .box1nobg p a {
  color: #666;
}
/*box2内のbtn1。本体の設定はこの下の下のブロックにあります。*/
.box1 p.btn1 {
  margin-top: 20px;
}
/*box1、box2のfigure写真共通設定
---------------------------------------------------------------------------*/
.box1 figure a:hover, .box2 figure a:hover {
  opacity: 0.8; /*マウスオン時に80%透明度にする*/
}
/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl {
  padding: 0px 20px; /*上下、左右へのボックス内の余白*/
  margin-bottom: 20px;
  line-height: 1.8;
}
/*日付設定*/
#new dt {
  float: left; /*左に回り込み*/
  width: 9em; /*幅*/
  letter-spacing: 0.1em;
  color: #3fa6e7; /*文字色*/
}
/*記事設定*/
#new dd {
  padding-left: 9em; /*左に空ける余白*/
}
dl.type1 {
  margin: 0;
  padding: 20px;
}
dl.type1 dt {
  float: left;
  width: 170px;
  padding: 0;
  text-align: right;
  color: brown;
}
dl.type1 dt img {
  margin: 0 auto;
  width: 60%;
  height: auto;
  padding: 10px;
  text-align: center;
}
dl.type1 dd {
  padding: 0px 0px 0px 190px;
  text-align: left;
}
dl.type2 {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 20px;
}
dl.type2 dt {
  float: left;
  width: 20px !important;
  padding: 0;
  text-align: right;
  color: brown;
}
dl.type2 dd {
  padding: 0px 0px 0px 40px !important;
  text-align: left;
}
dl.type3 {
  margin: 0;
  padding: 20px;
}
dl.type3 dt {
  float: left;
  width: 90px;
  padding: 0;
  text-align: right;
  color: brown;
}
dl.type3 dd {
  padding: 0px 0px 0px 110px;
  text-align: left;
}
dl.type4 {
  clear: both;
  margin-bottom: 10px;
  padding: 20px;
}
dl.type4 dt {
  float: left;
  width: 250px;
  padding: 0;
  text-align: right;
  color: brown;
}
dl.type4 dt img {
  width: 100%;
  height: auto;
  padding: 0;
  text-align: right;
}
dl.type4 dd {
  margin: 10px auto;
  padding: 0px 0px 0px 270px;
  text-align: left;
  font-size: 120%;
  vertical-align: middle;
}
/*予約・お問い合わせ*/
dl.contact {
  margin: 10px 20px 20px 20px;
  width: auto;
}
dl.contact dt {
  float: left;
  width: 160px;
  padding: 5px 0 5px 10px;
  text-align: left;
  font-weight: normal;
  letter-spacing: 1px;
}
dl.contact dd {
  width: auto;
  padding: 5px 0 10px 180px;
  border-bottom: 1px solid #CCC;
  text-align: left;
}
/*テーブルフォーム　送信枠
---------------------------------------------------------------------------*/
ul.action {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0;
  width: 220px;
  height: 40px;
  list-style-type: none;
  text-align: center;
}
ul.action li {
  margin: 0 10px 0 0;
  padding: 0;
  width: 105px;
  height: 40px;
  float: left;
  text-align: center;
}
ul.action li.nom {
  margin: 0;
}
/*パンくずナビ
---------------------------------------------------------------------------*/
/*メニュー全体を囲むブロック*/
.pan {
  background: #111; /*背景色（古いブラウザ用）*/
  background: rgba(0, 0, 0, 0.7); /*背景色。0,0,0は黒の事で、0.7は70%色がついた状態の事。*/
  margin-bottom: 40px; /*ボックスの下に空けるスペース*/
  margin-top: -40px; /*ボックスを上のメニューにつけるための指定*/
  padding: 10px 3%; /*ボックス内の余白。上下、左右。*/
  color: #fff; /*文字色*/
  /* box-shadow */
  box-shadow: 0px 3px 7px 3px #333333;
}
/*メニュー１個あたりの設定*/
.pan li {
  display: inline-block; /*横並びにさせる指定*/
  padding: 5px; /*余白*/
}
/*リンクテキストの文字色*/
.pan a {
  color: #bebebe;
}
/*マウスオン時リンクテキストの文字色*/
.pan a:hover {
  color: #fff;
}
/*リストタグの頭に加える記号*/
.pan li::before {
  content: ">"; /*このテキストを表示させる*/
  color: #bebebe; /*文字色*/
  padding-right: 12px; /*記号とテキストとの余白*/
}
/*１番目のリストタグの頭に加える文字のリセット*/
.pan li:first-child::before {
  content: ""; /*テキストを空にする*/
}
/*背景色（bg1）
---------------------------------------------------------------------------*/
.bg1 {
  background: #e7dac4 url(../images/bg_org.png); /*背景色、背景画像の読み込み。※古いブラウザ用。*/
  background: #e7dac4 url(../images/bg_org.png) center / 200px; /*背景色、背景画像の読み込み。*/
}
/*背景色（bg2）
---------------------------------------------------------------------------*/
.bg2 {
  background: #2788c5 url(../images/bg2_org.png); /*背景色、背景画像の読み込み。※古いブラウザ用。*/
  background: #2788c5 url(../images/bg2_org.png) center / 200px; /*背景色、背景画像の読み込み。*/
  color: #fff; /*文字色*/
}
.bg2 a {
  color: #fff;
}
.bg2 h2 {
  color: #fff !important;
}
.bg3 {
  background: rgba(255, 255, 255, 0.7);
}
/*PAGE TOP（↑）設定
---------------------------------------------------------------------------*/
/*アニメーションのキーフレーム設定（変更不要）*/
@keyframes scroll {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*デフォルトでは非表示に*/
body .nav-fix-pos-pagetop a {
  display: none;
}
/*ボタンの設定*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
  display: block;
  text-decoration: none;
  text-align: center;
  z-index: 100;
  position: fixed;
  width: 60px; /*幅*/
  line-height: 60px; /*高さ*/
  border-radius: 50%; /*角丸のサイズ。円形にする。正方形がいいならこの１行削除。*/
  bottom: 30px; /*下から30pxの場所に配置*/
  right: 3%; /*右から3%の場所に配置*/
  background: #000; /*背景色（古いブラウザ用）*/
  background: rgba(0, 0, 0, 0.6); /*背景色。0,0,0は黒の事で0.6は色が60%ついた状態の事。*/
  color: #fff; /*文字色*/
  border: 1px solid #fff; /*枠線の幅、線種、色*/
  animation-name: scroll; /*上のアニメーションで指定しているkeyframesの名前（scroll）*/
  animation-duration: 1S; /*アニメーションの実行時間*/
  animation-fill-mode: forwards; /*アニメーションの完了後、最後のキーフレームを維持する*/
}
/*マウスオン時*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
  background: #999; /*背景色*/
}
/*トップページのNEWアイコン
---------------------------------------------------------------------------*/
.newicon {
  background: #F00;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  border-radius: 2px;
  margin-right: 5px;
  margin-left: 7px;
  padding: 3px 5px;
  /* box-shadow */
  box-shadow: 1px 1px 1px 0px #000;
  -moz-box-shadow: 1px 1px 1px 0px #000;
  -webkit-box-shadow: 1px 1px 1px 0px #000;
}
/*checkブロック。赤い注意書きブロックです。
---------------------------------------------------------------------------*/
p.check {
  background: #ff0000; /*背景色*/
  color: #fff; /*文字色*/
  padding: 10px 25px !important; /*上下、左右へのボックス内余白*/
  margin-bottom: 20px;
}
p.check a {
  color: #fff;
}
/*その他
---------------------------------------------------------------------------*/
.look {
  background: #ccc;
  padding: 5px 10px;
  border-radius: 4px;
}
.mb15, .mb1em {
  margin-bottom: 15px;
}
.mb40 {
  margin-bottom: 40px !important;
}
.clear {
  clear: both;
}
.ofh {
  overflow: hidden;
}
ul.disc {
  padding: 0em 25px 20px;
  list-style: disc;
}
.color1, .color1 a {
  color: #3fa6e7;
}
.color2, .color2 a {
  color: #f00;
}
.pr {
  font-size: 10px;
}
.wl {
  width: 96%;
}
.ws {
  width: 50%;
}
.c {
  text-align: center;
}
.r {
  text-align: right;
}
.l {
  text-align: left;
}
img.fr, figure.fr {
  float: right;
  margin: 10px;
}
img.fl, figure.fl {
  float: left;
  margin: 10px;
}
.fr {
  float: right;
}
.fl {
  float: left;
}
.w30p {
  width: 25%;
}
.w65p {
  width: 70%;
}
.w50p {
  width: 49%;
}
.w10p {
  width: 10%;
}
.w85p {
  width: 85%;
}
.w15p {
  width: 15%;
}
.w80p {
  width: 80%;
}
.big1 {
  font-size: 22px;
  letter-spacing: 0.1em;
}
.waku1 {
  padding: 5px;
  border: 1px solid #f97be8;
  border-radius: 10px 10px 0 0;
  background: #ffe4e1;
  text-align: center !important;
  color: #f97be8;
}
.waku2 {
  padding: 5px;
  border: 1px solid #2a93cb;
  border-radius: 10px 10px 0 0;
  background: #e1fcff;
  text-align: center !important;
  color: #2a93cb;
}
.mini1 {
  font-size: 11px;
  display: inline-block;
  line-height: 1.5;
}
.sh {
  display: none;
}
.link {
  display: block;
  margin-top: -120px;
  padding-top: 120px;
}
.bora5 {
  border-radius: 5px;
}
.db {
  display: block;
}
/*画面幅1050px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1050px) {
  /*メインメニュー
---------------------------------------------------------------------------*/
  /*メニュー１個あたりの設定*/
  #menubar li a {
    font-size: 16px; /*文字サイズ*/
    height: 65px; /*高さ*/
    padding-top: 15px; /*メニュー内の上に空ける余白。上下のバランスをここで調整して下さい。*/
  }
}
/*画面幅900px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px) {
  /*メインメニュー
---------------------------------------------------------------------------*/
  /*アニメーションのフレーム設定。全100コマアニメーションだと思って下さい。透明(0%)から色を100%出すアニメーション指定。*/
  @keyframes menu1 {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  /*スマホ用メニューブロック*/
  #menubar-s {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 100px; /*上から100pxの場所に配置*/
    border-top: 1px solid #fff; /*上の線の幅、線種、色*/
    width: 100%;
    z-index: 10;
    animation-name: menu1; /*上のkeyframesの名前*/
    animation-duration: 0.5S; /*アニメーションの実行時間。0.5秒。*/
    animation-fill-mode: both; /*アニメーションの完了後、最後のキーフレームを維持する*/
  }
  /*メニュー１個あたりの設定*/
  #menubar-s li a {
    display: block;
    text-decoration: none;
    height: 85px; /*高さ。下のpadding-top(15)と合計して「100」になるようにする。*/
    padding-top: 15px; /*上に空ける余白*/
    padding-left: 80px; /*左に空ける余白。背景用アイコンとの距離をここで調整。*/
    border-bottom: 1px solid #fff; /*下の線の幅、線種、色*/
    font-size: 20px; /*文字サイズ*/
    color: #fff; /*文字色*/
  }
  /*「施設のご案内」メニューの設定
背景色。アイコンの読み込み。左から15pxの場所に配置。背景画像の一番上(0)を基準に読み込む。サイズは50px。*/
  #menubar-s li.about {
    background: rgba(0, 0, 0, 0.8) url(../images/mark_menu.png) no-repeat 15px 0px / 50px;
  }
  /*「保育について」メニューの設定
背景色。アイコンの読み込み。左から15pxの場所に配置。背景画像の上から100px(-100px)を基準に読み込む。サイズは50px。*/
  #menubar-s li.work {
    background: rgba(0, 0, 0, 0.8) url(../images/mark_menu.png) no-repeat 15px -100px / 50px;
  }
  /*「ご案内」メニューの設定
背景色。アイコンの読み込み。左から15pxの場所に配置。背景画像の上から100px(-200px)を基準に読み込む。サイズは50px。*/
  #menubar-s li.info {
    background: rgba(0, 0, 0, 0.8) url(../images/mark_menu.png) no-repeat 15px -200px / 50px;
  }
  /*「健康管理」メニューの設定
背景色。アイコンの読み込み。左から15pxの場所に配置。背景画像の上から100px(-300px)を基準に読み込む。サイズは50px。*/
  #menubar-s li.care {
    background: rgba(0, 0, 0, 0.8) url(../images/mark_menu.png) no-repeat 15px -300px / 50px;
  }
  /*「お問い合わせ」メニューの設定
背景色。アイコンの読み込み。左から15pxの場所に配置。背景画像の上から100px(-400px)を基準に読み込む。サイズは50px。*/
  #menubar-s li.contact {
    background: rgba(0, 0, 0, 0.8) url(../images/mark_menu.png) no-repeat 15px -400px / 50px;
  }
  /*英語表記（飾り文字）*/
  #menubar-s li a span {
    display: block;
    font-size: 12px; /*文字サイズを小さく*/
  }
  /*PC用メニューを非表示にする*/
  #menubar {
    display: none;
  }
  /*３本バーアイコン設定
---------------------------------------------------------------------------*/
  /*３本バーブロック*/
  #menubar_hdr {
    display: block;
    position: absolute;
    top: 24px; /*上から24pxの場所に配置*/
    left: 3%; /*左から3%の場所に配置*/
    border: 1px solid #000; /*枠線の幅、線種、色*/
  }
  /*アイコン共通設定*/
  #menubar_hdr.close, #menubar_hdr.open {
    width: 50px; /*幅*/
    height: 50px; /*高さ*/
  }
  /*三本バーアイコン*/
  #menubar_hdr.close {
    background: #fff url(../images/icon_menu.png) no-repeat center top/50px;
  }
  /*閉じるアイコン*/
  #menubar_hdr.open {
    background: #fff url(../images/icon_menu.png) no-repeat center bottom/50px;
  }
  /*fixmenu設定（メニューが画面上部に到達した際のスタイル）の設定をなくす
---------------------------------------------------------------------------*/
  body.is-fixed-menu .contents:first-of-type, body.is-fixed .contents:first-of-type {
    margin-top: 0px;
  }
  /*contents
---------------------------------------------------------------------------*/
  /*h2タグに「class="simple"」を指定した場合の追加設定。大文字でセンタリングされる見出しです。*/
  .contents h2.simple {
    font-size: 30px; /*文字サイズ*/
    margin-bottom: 20px;
  }
  /*main,sub
---------------------------------------------------------------------------*/
  .main, .sub {
    float: none;
    width: auto;
  }
  /*その他
---------------------------------------------------------------------------*/
  body.s-n #sub, body.s-n #side, body.s-n #footermenu {
    display: none;
  }
  .sh {
    display: block;
  }
  .pc {
    display: none;
  }
  .link {
    margin-top: 0;
    padding-top: 0;
  }
  /*各種DL設定
---------------------------------------------------------------------------*/
  dl.type1, dl.type3, dl.type4 {
    margin: 5px 0 0 0;
    font-size: 120%;
  }
  dl.type1 dt, dl.type3 dt, dl.type4 dt {
    float: none;
    width: auto;
    padding: 6px 0;
    text-align: center;
    font-size: 130%;
  }
  dl.type1 dd, dl.type3 dd, dl.type4 dd {
    padding: 6px 0px;
    text-align: center;
  }
  dl.type1 dt img {
    margin: 0 auto;
    width: 100%;
    height: auto;
    padding: 10px;
    text-align: center;
  }
  dl.type4 dt img {
    width: 100%;
    height: auto;
    margin: 0 10px !important;
    padding: 0;
    text-align: center;
  }
  /*お問い合わせ*/
  dl.contact {
    margin: 10px 10px 20px 10px;
  }
  dl.contact dt {
    float: none;
    width: auto;
    padding: 10px 0 0 0;
    text-align: left;
    font-size: 100%;
  }
  dl.contact dd {
    width: auto;
    padding: 0;
    border-bottom: none;
    text-align: left;
  }
  textarea {
    width: 100% !important;
  }
  #new dl {
    padding: 0px 20px; /*上下、左右へのボックス内の余白*/
    margin-bottom: 10px;
  }
  /*日付設定*/
  #new dt {
    margin-bottom: 20px;
    float: none; /*左に回り込み*/
    width: 100%; /*幅*/
    letter-spacing: 0.1em;
    color: #3fa6e7; /*文字色*/
  }
  /*記事設定*/
  #new dd {
    padding-left: 0; /*左に空ける余白*/
  }
}
/*画面幅700px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:700px) {
  /*contents
---------------------------------------------------------------------------*/
  .contents {
    padding-top: 20px; /*上に空けるボックス内の余白*/
    padding-bottom: 20px; /*下に空けるボックス内の余白*/
  }
  .contents section + section {
    margin-top: 20px;
  }
  /*サブメニュー（左側ブロックのメニュー）
---------------------------------------------------------------------------*/
  /*メニュー１個ごとの設定*/
  .sub .submenu li a {
    padding: 10px; /*ボックス内の余白*/
  }
  /*box1（１カラムボックス）
---------------------------------------------------------------------------*/
  /*ボックス１個あたりの設定*/
  .box1, .box1nobg {
    box-sizing: border-box;
    margin: 0 0 20px 0; /*上、右、下、左へのボックスの外に空けるスペース*/
    padding: 5px;
  }
  img.fr, figure.fr, img.fl, figure.fl {
    float: none;
    margin: 0px !important;
    width: 100%;
  }
  .w30p, .w65p, .w50p, .w15p, .w80p {
    width: auto;
  }
  /*box2（３カラムボックス）
---------------------------------------------------------------------------*/
  /*ボックス１個あたりの設定*/
  .box2 {
    width: auto; /*ボックスの幅*/
    float: none; /*左に回り込み*/
    padding: 20px; /*余白の上書き*/
    margin: 0 0 20px 0; /*上、右、下、左へのボックスの外に空けるスペース*/
    line-height: 2; /*行間*/
  }
  /*box2内のp(段落)タグ*/
  .box2 p {
    height: auto; /*高さ。*/
    font-size: 100%; /*文字サイズ*/
    margin-bottom: 15px;
  }
  /*box2内のh4(見出し)タグ*/
  .box2 h4 {
    height: auto; /*高さ*/
  }
  /*box2内のbtn1*/
  .box2 p.btn1 {
    position: static;
    width: 99%; /*ボタンの幅*/
  }
  /*各ページ下部に配置している「アクセス」ブロック
---------------------------------------------------------------------------*/
  /*左側ブロック、右側ブロック*/
  .href-left, .href-right {
    float: none;
    width: auto;
    padding-bottom: 30px;
  }
  /*パンくずナビ
---------------------------------------------------------------------------*/
  /*メニュー全体を囲むブロック*/
  .pan {
    margin-bottom: 20px; /*ボックスの下に20pxのスペースを空ける*/
    margin-top: -20px; /*ボックスを上のメニューにつけるための指定*/
    padding: 0; /*ボックス内の余白。上下、左右。*/
  }
  .tbr {
    display: block;
  }
  .fr, .fl {
    float: none;
  }
}
/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px) {
  /*全体の設定
---------------------------------------------------------------------------*/
  body {
    font-size: 12px; /*文字サイズ*/
  }
  /*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
  /*トップページへの追加設定*/
  .home header {
    height: 300px; /*ヘッダーの高さを上書き。*/
  }
  header h1 {
    margin: 0 auto;
    width: 100%; /*ロゴ画像の幅*/
    height: auto;
    padding-top: 0px; /*上に空ける余白。上下のバランス調整をここでとって下さい。*/
  }
  /*トップページへの追加設定*/
  .home header h1 {
    width: 100%; /*ロゴ画像の幅を上書き*/
    height: auto;
    padding-top: 0px; /*上に空ける余白の上書き。*/
  }
  /*ヘッダー右上メニュー
---------------------------------------------------------------------------*/
  /*メニュー全体のブロック設定*/
  #header-nav {
    top: 10px; /*ヘッダーの上から10pxの場所に配置。*/
    font-size: 11px; /*文字サイズ*/
  }
  /*３本バーアイコン設定
---------------------------------------------------------------------------*/
  /*３本バーブロック*/
  #menubar_hdr {
    top: 10px; /*上から10pxの場所に配置*/
  }
  /*contents
---------------------------------------------------------------------------*/
  /*コンテンツのh2タグ設定*/
  .contents h2 {
    padding: 5px 10px; /*上下、左右への余白*/
    font-size: 14px; /*文字サイズ*/
    margin-bottom: 10px;
  }
  /*コンテンツのh3タグ設定*/
  .contents h3 {
    padding: 3px 10px; /*上下、左右への余白*/
    font-size: 12px; /*文字サイズ*/
    margin-bottom: 10px;
  }
  /*h2タグに「class="simple"」を指定した場合の追加設定。大文字でセンタリングされる見出しです。*/
  .contents h2.simple {
    font-size: 18px; /*文字サイズ*/
  }
  /*コンテンツの段落タグ設定*/
  .contents p {
    padding: 0px 10px 10px; /*上、左右、下への余白*/
  }
  /*他*/
  .contents h2 + p, .contents h3 + p {
    margin-top: -5px;
  }
  /*フッターメニュー
---------------------------------------------------------------------------*/
  /*ボックス全体*/
  #footermenu {
    background: #444; /*背景色のみに上書き*/
  }
  /*１行分の設定*/
  #footermenu ul {
    width: 23%; /*１列あたりの幅の再設定*/
  }
  /*テーブル
---------------------------------------------------------------------------*/
  /*テーブル１行目に入った見出し部分（※caption）*/
  .ta1 caption {
    padding: 5px;
  }
  /*テーブル内の左側*/
  .ta1 th {
    width: 100px;
    padding: 5px;
  }
  /*テーブル内の右側*/
  .ta1 td {
    width: auto;
    padding: 5px;
  }
  /*box1とbox2
---------------------------------------------------------------------------*/
  /*h4(見出し)タグ*/
  .box1 h4, .box2 h4 {
    font-size: 16px; /*文字サイズ*/
  }
  /*その他
---------------------------------------------------------------------------*/
  .ws, .wl {
    width: 94%;
  }
  .big1 {
    font-size: 18px;
    letter-spacing: normal;
  }
}