@charset "utf-8";
/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*全体の設定
---------------------------------------------------------------------------*/
body, html {
  width: 100%;
  height: 100%;
}
body {
  margin: 0px;
  padding: 0px;
  color: #333; /*全体の文字色*/
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; /*フォント種類*/
  font-size: 15px; /*文字サイズ*/
  line-height: 1.7; /*行間*/
  background: #fff url(../images/bg.jpg) repeat center center/150px; /*背景色*/
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
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: 15px;
}
img {
  border: none;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
  font-size: 100%;
  border-spacing: 0;
}
iframe {
  width: 100%;
  border: none;
}
.movie-wrap {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}
.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
textarea {
  width: 100% !important;
}
p.photo {
  margin: 0 auto;
  text-align: center;
  text-indent: 0em;
}
p.photo img {
  width: 220px;
  height: auto;
}
.bn {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}
.box {
  /*background: #000;
  background: rgba(0, 0, 0, 0.7);*/
  /*margin-bottom: 30px;*/
  width: 100%;
  float: left;
}
section.minibox4 {
  box-sizing: border-box;
  margin-bottom: 10px;
  padding: 5px;
  position: relative;
  width: 24%;
  height: auto;
  float: left;
  margin-left: 0.7%;
  /*border: 1px solid #eee;*/
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.8);
  /* box-shadow */
  box-shadow: 0px 0px 5px 0px #c2a478 inset;
}
section.minibox4 h4 {
  padding: 10px 0;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  color: #8b4513;
  margin-bottom: 5px !important;
  letter-spacing: 0px !important;
}
section.minibox4 p {
  width: auto;
  margin: 5px;
  font-size: 11px;
  line-height: 1.4;
  margin-bottom: 0px;
  letter-spacing: 1px;
}
section.minibox4 figure img {
  float: none;
  width: 100%;
  margin: 0;
  border: none;
}
/*写真装飾
---------------------------------------------------------------------------*/
img.hv:hover {
  opacity: 0.5;
  filter: alpha(opacity=50); /* Ie用 */
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
img.br {
  border-radius: 5px;
  width: 100% !important;
  height: auto;
}
img.sml {
  width: 30px;
  height: auto;
}
/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
  color: blue; /*リンクテキストの色*/
  transition: 0.4s; /*マウスオン時の移り変わるまでの時間設定。0.4秒。*/
  text-decoration: none;
}
a:hover {
  color: #cd6052; /*マウスオン時の文字色*/
  text-decoration: none; /*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}
/*containerブロック
---------------------------------------------------------------------------*/
#container {
  width: 100%;
  height: 100%;
}
/*メインイラスト
---------------------------------------------------------------------------*/
#mainimg {
  text-indent: -9999px;
  position: fixed;
  top: 0px;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url(../images/bg_main0.jpg) no-repeat right top; /*背景画像（古いブラウザ用）*/
  background: url(../images/bg_dot.png) no-repeat left top / 60%, url(../images/bg_main0.jpg) no-repeat right top / cover; /*背景画像*/
}
/*ヘッダー
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
  height: 90%; /*高さ。100%にするとウィンドウの高さ一杯になります。*/
}
/*ロゴ画像*/
header #logo img {
  width: 20%; /*幅*/
  border-radius: 50%; /*角丸のサイズ。50%なので円形になる。*/
  position: fixed; /*画面に対して固定表示*/
  left: 5%; /*ウィンドウに対して左から5%の場所に配置*/
  top: -40px; /*ウィンドウに対して上から-40pxの場所に配置*/
}
/*メインメニュー
---------------------------------------------------------------------------*/
/*アニメーションのフレーム設定*/
@keyframes menu1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*ロゴ、メニュー共通*/
#logo, #menu1, #menu2, #menu3, #menu4, #menu5, #menu6 {
  animation-name: menu1; /*上のアニメーションで指定しているkeyframesの名前（menu1）*/
  animation-duration: 5S; /*アニメーションの実行時間。秒。*/
  animation-fill-mode: both; /*アニメーションの完了後、最後のキーフレームを維持する*/
}
#logo img {
  /*box-shadow: 0px 0px 20px 8px #fff;*/
}
/*メニュー画像*/
#menubar img {
  border-radius: 0%;
  /*box-shadow: 0px 0px 20px 8px #fff;*/
}
/*マウスオン時*/
header #logo a:hover, #menubar a:hover {
  opacity: 0.8; /*半透明の設定。0.8は透明度80%の事。*/
}
/*menu１(About)*/
#menu1 {
  position: fixed; /*画面に対して固定表示*/
  left: 15%; /*ウィンドウに対して左から15%の場所に配置*/
  top: 27%; /*ウィンドウに対して上から27%の場所に配置*/
  width: 10%; /*幅*/
  animation-delay: 0.2s; /*0.2秒だけ遅れてアニメーションをスタートさせる設定*/
}
/*menu2(Gallery)*/
#menu2 {
  position: fixed; /*画面に対して固定表示*/
  left: 6%; /*ウィンドウに対して左から4%の場所に配置*/
  top: 32%; /*ウィンドウに対して上から40%の場所に配置*/
  width: 9%; /*幅*/
  animation-delay: 0.4s; /*0.4秒だけ遅れてアニメーションをスタートさせる設定*/
}
/*menu3(Link)*/
#menu3 {
  position: fixed; /*画面に対して固定表示*/
  left: 15%; /*ウィンドウに対して左から11%の場所に配置*/
  top: 45%; /*ウィンドウに対して上から60%の場所に配置*/
  width: 8%; /*幅*/
  animation-delay: 0.6s; /*0.6秒だけ遅れてアニメーションをスタートさせる設定*/
}
/*menu4(Instagram)*/
#menu4 {
  position: fixed; /*画面に対して固定表示*/
  left: 8%; /*ウィンドウに対して左から7%の場所に配置*/
  top: 48%; /*ウィンドウに対して上から75%の場所に配置*/
  width: 7%; /*幅*/
  animation-delay: 0.8s; /*0.8秒だけ遅れてアニメーションをスタートさせる設定*/
}
#menu5 {
  position: fixed; /*画面に対して固定表示*/
  left: 15%; /*ウィンドウに対して左から7%の場所に配置*/
  top: 60%; /*ウィンドウに対して上から75%の場所に配置*/
  width: 7%; /*幅*/
  animation-delay: 0.8s; /*0.8秒だけ遅れてアニメーションをスタートさせる設定*/
}
#menu6 {
  position: fixed; /*画面に対して固定表示*/
  left: 9%; /*ウィンドウに対して左から7%の場所に配置*/
  top: 62%; /*ウィンドウに対して上から75%の場所に配置*/
  width: 7%; /*幅*/
  animation-delay: 0.8s; /*0.8秒だけ遅れてアニメーションをスタートさせる設定*/
}
#menu7 {
  position: fixed; /*画面に対して固定表示*/
  left: 11%; /*ウィンドウに対して左から7%の場所に配置*/
  bottom: 0%; /*ウィンドウに対して上から75%の場所に配置*/
  width: 8%; /*幅*/
  animation-delay: 0.8s; /*0.8秒だけ遅れてアニメーションをスタートさせる設定*/
}
/*コンテンツ
---------------------------------------------------------------------------*/
/*コンテンツ共通*/
.contents {
  overflow: hidden;
  padding: 0 4% 50px 30%; /*ボックス内の余白。上、右、下、左。*/
}
/*bg1スタイルのついたコンテンツ*/
.contents.bg1 {
  background: url(../images/bg1.png); /*背景画像（古いブラウザ用）*/
  background: url(../images/bg1.png) repeat center top/ 12%; /*背景画像*/
}
/*bg2スタイルのついたコンテンツ*/
.contents.bg2 {
  background: url(../images/bg2.png); /*背景画像（古いブラウザ用）*/
  background: url(../images/bg2.png) repeat center top/ 12%; /*背景画像*/
}
/*bg3スタイルのついたコンテンツ*/
.contents.bg3 {
  background: url(../images/bg3.png); /*背景画像（古いブラウザ用）*/
  background: url(../images/bg3.png) repeat center top/ 12%; /*背景画像*/
}
/*bg4スタイルのついたコンテンツ*/
.contents.bg4 {
  background: url(../images/bg4.png); /*背景画像（古いブラウザ用）*/
  background: url(../images/bg4.png) repeat center top/ 12%; /*背景画像*/
}
/*h2見出し*/
.contents h2 {
  font-size: 40px; /*文字サイズ*/
  margin-bottom: 20px; /*下に空ける余白*/
  text-align: center; /*文字をセンタリング*/
  color: #333; /*文字色*/
}
/*h2見出しの上の装飾*/
.contents h2::before {
  content: "＊"; /*好きな装飾文字に変えてもらって構いませんが機種依存文字は化けるので使わない*/
  display: block;
  text-shadow: 20px 10px 0px rgba(255, 255, 255, 0.5); /*影。右に、下に、広げる幅、255,255,255は白の事で0.5は透明度50%の事。*/
}
/*h2見出し内のspanタグ*/
.contents h2 span {
  display: block;
  font-size: 20px; /*文字サイズ*/
}
/*h3見出し*/
.contents h3 {
  box-sizing: border-box;
  width: 100%;
  font-size: 130%;
  float: left;
  margin-bottom: 20px; /*下に空ける余白*/
  letter-spacing: 0.1em; /*文字間隔を広くとる設定*/
  background: #fff; /*背景色（古いブラウザ用）*/
  background: rgba(255, 255, 255, 0.3); /*255,255,255は白の事で0.3は透明度30%の事。*/
  text-align: center; /*文字を中央に*/
  border-radius: 4px; /*角丸のサイズ。大きめに設定しておけばOK。*/
  padding: 0px 20px; /*上下、左右への余白*/
}
/*h3見出し*/
.contents h5 {
  box-sizing: border-box;
  width: 100%;
  font-size: 120%;
  float: left;
  letter-spacing: 0.1em; /*文字間隔を広くとる設定*/
  text-align: center; /*文字を中央に*/
  padding: 0px 20px; /*上下、左右への余白*/
  color: brown;
  font-weight: bold;
}
/*段落タグ*/
.contents p {
  padding: 0px 10px 10px 10px;
  text-align: justify;
  text-justify: inter-ideograph;
}
/*段落タグが続いた場合の設定*/
.contents p + p {
  margin-top: -5px; /*続いた段落タグを少し上に詰める設定*/
}
/*セパレートタイプ
---------------------------------------------------------------------------*/
/*ボックスの設定*/
section.sepa {
  display: block;
  box-sizing: border-box;
  margin-bottom: 10px; /*ボックス間のスペース*/
  position: relative;
  padding: 0 10px; /*ボックス内の余白*/
  float: left;
  width: 100%;
}
section.sepa .left {
  padding-top: 10px;
  width: 27%;
  height: auto;
  float: left;
  text-align: center;
}
section.sepa .right {
  margin-top: 0px;
  width: 70%;
  height: auto;
  float: right;
  padding: 0;
}
/*ボックス内の段落タグ設定*/
section.sepa p {
  width: auto;
  margin-bottom: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: justify;
  text-justify: inter-ideograph;
}
/*ボックス内のh4タグ設定*/
section.sepa h4 {
  clear: both;
  margin-bottom: 10px; /*見出しの下にとるスペース*/
  padding: 0px 20px; /*上下、左右への余白*/
  font-size: 110%; /*文字サイズ。上の「body」で設定しているサイズに対しての指定。*/
  letter-spacing: 0.1em; /*文字間隔を少し広くとる設定*/
  color: brown;
  font-weight: bold;
}
section.sepa figure img {
  box-sizing: border-box;
  border: 1px solid #DDD;
  padding: 5px;
  background: rgba(255, 255, 255, 0.4);
  margin-bottom: 10px;
  width: 100%; /*写真の幅*/
  height: auto; /*写真の高さ*/
  z-index: 1000;
}
section.sepa figure.link img {
  box-sizing: border-box;
  border: none;
  padding: 20px;
  background: none;
  margin-bottom: 10px;
  width: 100%; /*写真の幅*/
  height: auto; /*写真の高さ*/
}
section.map {
  box-sizing: border-box;
  margin: 10px 0 20px 0;
  padding: 5px;
  border-radius: 4px;
  background: #FFF;
  text-align: left;
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
  color: #483f2a;
}
section.toiawase {
  box-sizing: border-box;
  margin-bottom: 30px;
  padding: 10px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.5);
  text-align: left;
}
section.btn {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  width: 100%;
}
section.btn img {
  width: 50%;
  height: auto;
}
section.center {
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
  margin: 0 auto;
}
section.center img {
  width: 80%;
  height: auto;
}
section.map {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  padding: 5px; /*ボックス内の余白*/
  margin-bottom: 10px;
  border: 1px solid #CCC;
  border-radius: 4px;
}
/*Galleryブロック設定
---------------------------------------------------------------------------*/
/*画像*/
.list img {
  float: left; /*左に回り込み*/
  width: 24%; /*画像幅*/
  border-radius: 50%; /*角丸のサイズ。50%にすると円形になる。この行削除すれば正方形になる。*/
  margin: 10px 0.5%; /*上、左右への画像外側のスペース*/
}
/*フッター設定
---------------------------------------------------------------------------*/
footer {
  clear: both;
  text-align: center;
  padding: 20px;
  background: url(../images/bg.jpg); /*背景画像（古いブラウザ用）*/
  background: url(../images/bg.jpg) repeat center top/ 12%; /*背景画像*/
}
footer a {
  text-decoration: none;
}
footer .pr {
  display: block;
}
/*各種DL設定
---------------------------------------------------------------------------*/
dl.type0 {
  margin: 10px 10px 30px 10px;
}
dl.type0 dt {
  float: left;
  width: 120px;
  padding: 0;
  text-align: right;
  color: brown;
}
dl.type0 dd {
  padding: 0px 0px 0px 130px;
}
dl.type1 {
  margin: 10px 10px 30px 10px;
}
dl.type1 dt {
  float: left;
  width: 20px;
  padding: 0;
  text-align: right;
}
dl.type1 dd {
  padding: 0px 0px 0px 40px;
}
dl.type2 {
  margin: 10px 10px 30px 10px;
}
dl.type2 dt {
  float: left;
  width: 80px;
  padding: 0;
  text-align: right;
  color: darkgreen;
  font-weight: bold;
}
dl.type2 dd {
  padding: 0px 0px 0px 90px;
  text-align: justify;
  text-justify: inter-ideograph;
}
dl.type3 {
  margin: 10px 10px 30px 10px;
}
dl.type3 dt {
  float: left;
  width: 120px;
  padding: 0;
  text-align: right;
  color: brown;
}
dl.type3 dd {
  padding: 0px 0px 0px 140px;
  text-align: justify;
  text-justify: inter-ideograph;
}
/*予約・お問い合わせ*/
dl.contact {
  margin: 10px 20px 20px 20px;
  width: auto;
}
dl.contact dt {
  float: left;
  width: 180px;
  padding: 5px 0 5px 10px;
  text-align: right;
  font-weight: normal;
  letter-spacing: 1px;
  color: darkorange;
}
dl.contact dd {
  width: auto;
  padding: 5px 0 10px 220px;
  text-align: left;
}
dl.contact dd.uline {
  margin-bottom: 5px;
  border-bottom: 1px dashed #ccc
}
dl.contact dd img {
  width: 200px;
  height: auto;
}
/*テーブルフォーム　送信枠
---------------------------------------------------------------------------*/
ul.action {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0;
  width: 230px;
  height: 40px;
  list-style-type: none;
  text-align: center;
}
ul.action li {
  margin: 0 20px 0 0;
  padding: 0;
  width: 105px;
  height: 40px;
  float: left;
  text-align: center;
}
ul.action li.nom {
  margin: 0;
}
/*「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*見出しを含まないお知らせブロック*/
#new dl {
  padding: 0 30px 30px 0;
}
/*日付設定*/
#new dt {
  float: left;
  width: 120px; /*幅*/
  letter-spacing: 0.1em;
  color: #cd6052; /*文字色*/
}
/*記事設定*/
#new dd {
  padding-left: 140px;
  /*display: table-footer-group;*/
}
/*トップページのNEWアイコン
---------------------------------------------------------------------------*/
.newicon {
  background: #F00; /*背景色*/
  color: #FFF; /*文字色*/
  font-size: 70%; /*文字サイズ*/
  line-height: 1.5;
  padding: 2px 5px;
  border-radius: 2px;
  margin: 0px 5px;
  vertical-align: text-top;
}
/*その他
---------------------------------------------------------------------------*/
.look {
  background: #c3b5a2;
  background: rgba(0, 0, 0, 0.1);
  padding: 5px 10px;
  border-radius: 4px;
}
.mb15, .mb1em {
  margin-bottom: 15px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mtb20 {
  margin: 20px 0 !important;
}
.p0 {
  padding: 0 !important;
}
.clear {
  clear: both;
}
ul.disc {
  padding: 0em 25px 15px;
  list-style: disc;
}
.color1, .color1 a {
  color: crimson !important;
  font-weight: bold;
}
.color2 {
  font-size: 130%;
  font-weight: bold;
  color: brown;
}
.pr {
  font-size: 10px;
}
.wl {
  width: 96%;
}
.ws {
  width: 50%;
}
.c {
  text-align: center !important;
  margin: 0 auto;
  margin-bottom: 10px;
}
.r {
  text-align: right;
}
.l {
  text-align: left;
}
.w50 {
  overflow: hidden;
  width: 50%;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.big1 {
  font-size: 50px;
}
.big2 {
  font-size: 130%;
}
.mini1 {
  font-size: 11px;
  display: inline-block;
  line-height: 1.5;
}
.sh {
  display: none;
}
.pb {
  font-weight: bold;
}
/*PAGE TOP設定（オリジナル）
---------------------------------------------------------------------------*/
#page-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-size: 85%;
  font-weight: bold;
  border-radius: 50%;
}
#page-top a {
  background: #EF51DD;
  text-decoration: none;
  color: #fff;
  width: 100px;
  padding: 15px 0;
  text-align: center;
  display: block;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  border-radius: 50%;
}
#page-top a:hover {
  text-decoration: none;
  background: #F29AEB;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-radius: 50%;
}
/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px) {
  /*ロゴ画像*/
  header #logo img {
    width: 20%; /*幅*/
    border-radius: 50%; /*角丸のサイズ。50%なので円形になる。*/
    position: fixed; /*画面に対して固定表示*/
    left: 5%; /*ウィンドウに対して左から5%の場所に配置*/
    top: -20px; /*ウィンドウに対して上から-40pxの場所に配置*/
  }
  /*ボックスの設定*/
  section.sepa {
    box-sizing: border-box;
    margin-bottom: 10px; /*ボックス間のスペース*/
    position: relative;
    padding: 0px; /*ボックス内の余白*/
    float: left;
  }
  section.sepa .left {
    padding-top: 10px;
    width: auto;
    height: auto;
    float: none;
    text-align: center;
  }
  section.sepa .right {
    margin-top: 10px;
    width: auto;
    height: auto;
    float: none;
    padding: 0;
  }
  section.sepa h4 {
    font-size: 100%;
    font-weight: normal;
    text-align: center;
  }
  dl.type1 {
    margin: 10px 10px 30px 10px;
  }
  dl.type1 dt {
    float: left;
    width: 20px;
    padding: 0;
    text-align: right;
  }
  dl.type1 dd {
    padding: 0px 0px 0px 30px;
  }
  dl.type2, dl.type3 {
    margin: 5px 0 0 0;
    font-size: 100%;
  }
  dl.type2 dt, dl.type3 dt {
    float: none;
    width: auto;
    padding: 6px 0;
    text-align: center;
  }
  dl.type2 dd, dl.type3 dd {
    padding: 6px 0px;
    text-align: center;
  }
  /*予約・お問い合わせ*/
  dl.contact {
    margin: 0px;
    width: 100%;
  }
  dl.contact dt {
    float: none;
    width: 100%;
    padding: 5px 0 5px 0px;
    text-align: left;
    font-size: 120%;
    font-weight: normal;
    letter-spacing: 1px;
  }
  dl.contact dd {
    width: auto;
    padding: 5px 0 10px 0;
    text-align: left;
  }
  /*その他
---------------------------------------------------------------------------*/
  body.s-n #sub, body.s-n #footermenu, .m-n {
    display: none;
  }
  .big1 {
    font-size: 24px;
  }
  .big2 {
    font-size: 110%;
  }
  .w50 {
    overflow: hidden;
    width: auto;
  }
  .fl {
    float: none;
  }
  .fr {
    float: none;
  }
  section.minibox4 {
    width: 32%;
  }
}
/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px) {
  /*全体の設定
---------------------------------------------------------------------------*/
  body {
    font-size: 12px; /*文字サイズ*/
    line-height: 1.5; /*行間*/
  }
  /*メインイラスト
---------------------------------------------------------------------------*/
  #mainimg {
    text-indent: -9999px;
    position: fixed;
    top: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url(../images/bg_main2.jpg) no-repeat right top; /*背景画像（古いブラウザ用）*/
    background: url(../images/bg_dot.png) no-repeat left top / 60%, url(../images/bg_main2.jpg) no-repeat right top / cover; /*背景画像*/
  }
  /*ヘッダー
---------------------------------------------------------------------------*/
  /*ロゴ画像*/
  header #logo img {
    position: fixed;
    left: 3.1%;
    top: 10px;
  }
  /*メインメニュー
---------------------------------------------------------------------------*/
  #menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7 {
    width: 16%;
  }
  /*menu１(About)*/
  #menu1 {
    position: fixed;
    left: 4%;
    top: 17%;
  }
  /*menu2(Gallery)*/
  #menu2 {
    position: fixed;
    left: 4%;
    top: 29%;
  }
  /*menu3(Link)*/
  #menu3 {
    position: fixed;
    left: 4%;
    top: 41%;
  }
  /*menu4(Instagram)*/
  #menu4 {
    position: fixed;
    left: 4%;
    top: 53%;
  }
  #menu5 {
    position: fixed;
    left: 4%;
    top: 65%;
  }
  #menu6 {
    position: fixed;
    left: 4%;
    top: 77%;
  }
  #menu7 {
    position: fixed;
    left: 4%;
    bottom: 0%;
  }
  /*コンテンツ
---------------------------------------------------------------------------*/
  /*コンテンツ共通*/
  .contents {
    padding: 0 4% 50px 25%; /*ボックス内の余白。上、右、下、左。*/
  }
  /*h2見出し*/
  .contents h2 {
    font-size: 14px; /*文字サイズ*/
    letter-spacing: normal;
  }
  /*h2見出し内のspanタグ*/
  .contents h2 span {
    font-size: 10px; /*文字サイズ*/
  }
  /*段落タグ*/
  .contents p {
    margin: 10px;
    padding: 30px 0 0 0; /*上、左右、下への余白*/
  }
  /*ボックスの設定*/
  section.sepa {
    box-sizing: border-box;
    margin-bottom: 10px; /*ボックス間のスペース*/
    position: relative;
    padding: 0px; /*ボックス内の余白*/
    float: left;
  }
  section.sepa .left {
    padding-top: 10px;
    width: auto;
    height: auto;
    float: none;
    text-align: center;
  }
  section.sepa .right {
    margin-top: 10px;
    width: auto;
    height: auto;
    float: none;
    padding: 0;
  }
  section.sepa h4 {
    font-size: 100%;
    font-weight: normal;
    text-align: center;
  }
  /*各種DL設定
---------------------------------------------------------------------------*/
  dl.type2, dl.type3, dl.type0 {
    margin: 5px 0 0 0;
    font-size: 100%;
  }
  dl.type2 dt, dl.type3 dt, dl.type0 dt {
    float: none;
    width: auto;
    padding: 6px 0;
    text-align: center;
  }
  dl.type2 dd, dl.type3 dd, dl.type0 dd {
    padding: 6px 0px;
    text-align: center;
  }
  /*「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
  /*見出しを含まないお知らせブロック*/
  #new dl {
    padding: 0;
  }
  /*日付設定*/
  #new dt {
    float: none;
    width: auto;
  }
  /*記事設定*/
  #new dd {
    padding-left: 0;
    margin-bottom: 8px;
  }
  /*テーブル（ta1）
---------------------------------------------------------------------------*/
  /*ta1設定*/
  .ta1, .ta1 td, .ta1 th {
    padding: 5px; /*ボックス内の余白*/
  }
  /*ta1の左側ボックス*/
  .ta1 th {
    width: 100px;
  }
  /*その他
---------------------------------------------------------------------------*/
  .ws, .wl {
    width: 94%;
  }
  .big1 {
    font-size: 16px;
  }
  .sh {
    display: block;
  }
  .pc {
    display: none;
  }
  section.minibox4 {
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 5px;
    position: relative;
    width: auto; /*compactタイプの幅*/
    height: auto; /*compactタイプの高さ*/
    float: none;
    margin-left: 0;
    border: 1px solid #ccc;
  }
}