@charset "utf-8";




/* CMS Template(CSS編集はCMS管理画面から)

/common/css/contents.css

Update:  2024-11-11 PM 02:13

====================*/



/* ----------------------------------------------------
Media query All
---------------------------------------------------- */
/* common */
.wide {
  margin-left: calc(((100vw - 100%) / 2) * -1) !important;
  margin-right: calc(((100vw - 100%) / 2) * -1) !important;
}

/* カラム設定 */
.wrapper,.wrapper2 { display: flex; justify-content: space-between; flex-wrap: wrap;}
.wrapper .text,.wrapper2 .text { text-align: left;}
.col-free { display: flex; flex-wrap: nowrap; margin: 0;}
.col-free > section, .col-free > div, .col-free > li { flex: 1; margin: 0 20px 40px 0; background: #E3E3E3; text-align: center;}
.col-free > section:last-child, .col-free > div:last-child, .col-free > li:last-child { flex: 1;margin: 0 0 40px 0;}
.col { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 calc(20px / 2 * -1);}
.col > section, .col > div, .col > li { margin: 0 calc(20px / 2) 40px; text-align: center;}
.col img{ margin-bottom: 12px;}
.col-2 > section, .col-2 > div, .col-2 > li { width: calc(100% / 2 - 20px);}
.col-3 > section, .col-3 > div, .col-3 > li { width: calc(100% / 3 - 20px);}
.col-4 > section, .col-4 > div, .col-4 > li { width: calc(100% / 4 - 20px);}
.col-5 > section, .col-5 > div, .col-5 > li { width: calc(100% / 5 - 20px);}
.col-6 > section, .col-6 > div, .col-6 > li { width: calc(100% / 6 - 20px);}
.col-7 > section, .col-7 > div, .col-7 > li { width: calc(100% / 7 - 20px);}
.col-8 > section, .col-8 > div, .col-8 > li { width: calc(100% / 8 - 20px);}
.col-free .fluid, .col .fluid { flex: 2}
/* テキスト */
.txt-note {
  text-indent: -3em !important;
  padding-left: 3em !important;
  margin-bottom: 7px !important;
}
.sub-text{ font-size: 1.4rem;}
.txt-red{ color: #e81717 !important;}
.txt-pink,.txtPink{ color: #e8177e !important;}
/* 矢印 くの字 ミニ */
.arrow-s { position: relative;display: inline-block;padding-left: 20px;}
.arrow-s::after {content: '';width: 6px;height: 6px;border: 0px;border-top: solid 2px #5bc0de; border-right: solid 2px #5bc0de;transform: rotate(45deg); position: absolute; top: 50%; right: 12px; margin-top: -4px;}
/* 矢印 くの字 標準 */
.arrow-m {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
.arrow-m::after {
  content: '';
  width: 9px;
  height: 9px;
  border: 0px;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -4px;
}
.info-faq{display: flex; flex-wrap: wrap; max-width: 1200px; margin: 0 auto 25px auto;}
.info-faq li a{
  color: #000000;
  font-size: 1.5rem;
  position: relative;
  text-decoration: none;
  padding: 0 0 0 20px;
}
a.icon-arrow{
  font-size: 1.5rem;
  position: relative;
  text-decoration:underline;
  padding: 0 0 0 20px;
}
.info-faq li a::before,a.icon-arrow::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #000000;
  border-right: solid 2px #000000;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}
.info-faq li{
  margin-left: 20px;
}
/* 矢印 スライド */
.slide-manual .slick-arrow {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto !important;
  padding: 0;
  width: 30px;
  height: 60px;
  color: transparent;
  z-index: 1;
  transition: opacity 0.5s;
  z-index: 1;
}
.slide-manual .slick-arrow:hover { opacity: 0.7;}
.slide-manual .slick-prev { left: 0px;}
.slide-manual .slick-next { right: 0px;}
.slide-manual .slick-next::before,.slide-manual .slick-prev::before{
  position: absolute;
  top: 60px;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
  margin: auto !important;
  content: "";
}
.slide-manual .slick-prev::before {
  left: 0;
  background: url("/common/img/btn_prev.svg") !important;
  background-size: contain!important;
}
.slide-manual .slick-next::before {
  right: 0;
  background: url("/common/img/btn_next.svg") !important;
  background-size: contain!important;
}

/* ナビ */
.nav-local02{
  border-bottom: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
}
.nav-local02 ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto 0 auto;
  border-left: 1px solid #e9e9e9;
}
.nav-local02 li {
  text-align: center;
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  font-size: 1.3rem;
  margin-bottom: -1px;
}
.nav-local02 li a {
  padding: 0 0 0 0;
  height: 54px;
  color: #000000;
  text-decoration: none;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.5;
  transition: all .3s;
}
.nav-local02 li a.active, .nav-local02 li a:hover,.nav-local02 ul.page-top li:first-child a { background: #f9f3f0;}
.nav-2 > li { width: calc(100% / 2);}
.nav-3 > li { width: calc(100% / 3);}
.nav-4 > li { width: calc(100% / 4);}
.nav-5 > li { width: calc(100% / 5);}
.nav-6 > li { width: calc(100% / 6);}
.nav-7 > li { width: calc(100% / 7);}
.nav-8 > li { width: calc(100% / 8);}
.nav-local03{
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}
.nav-local03 ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto 0 auto;
}
.nav-local03 li {
  text-align: center;
  font-size: 1.3rem;
}
.nav-local03 li a {
  padding: 0 0 0 0;
  height: 54px;
  color: #000000;
  text-decoration: none;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.5;
  transition: all .3s;
}
.nav-local03 li a.active, .nav-local03 li a:hover,.nav-local03 ul.page-top li:first-child a { background: #f9f3f0;}
/* リスト */
.list-dot li {
  /* ドット */
  list-style-type: none !important;
  list-style-image: none !important;
  position: relative;
  padding-left: 14px;
}
.list-dot li::after {
  display: block;
  content: '';
  position: absolute;
  top: .7em;
  left: 0em;
  width: 3px;
  height: 3px;
  background-color: #333333;
  border-radius: 100%;
}
/* 表 */
.info-basic{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 60px auto;
  border-top: 1px solid #dddddd;
}
.info-basic p{ line-height: 2.0; color: #565656; margin-bottom: 15px;}
.info-basic.size-s p{ line-height: 1.6;}
.details main section .info-basic p:last-child{ margin-bottom: 0px;}
.info-basic tr{ border-bottom: 1px solid #dddddd;}
.info-basic th{
  background: #f6f4f0;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: bold;
  color: #565656;
  padding: 30px 18px 30px 18px;
  vertical-align: top;
}
.info-basic.size-s th{ padding: 10px 12px 10px 12px;font-size: 1.4rem;}
.info-basic td{
  font-size: 1.6rem;
  line-height: 1.6;
  color: #565656;
  padding: 30px 10px 30px 18px;
  text-align: left;
}
.info-basic.size-s td{ padding: 10px 10px 10px 18px;text-align: left;font-size: 1.4rem;}
.info-basic .type{
  display: flex;
  flex-wrap: wrap;
}
.info-basic .type li{
  margin: 0 20px 0 0;
  text-align: center;
  font-size: 1.4rem;
}
.info-basic .type li img{ margin-bottom: 18px;}
.info-basic em{ font-weight: bold;}
.info-basic caption{
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 18px;
}
.info-line {
  border-collapse: collapse;
  margin: 0 auto 15px;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
.info-line tr {
  background-color: #fff;
  border: 1px solid #dedede;
  padding: .35em;
}
.info-line th,
.info-line td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #dedede;
  line-height: 1.6;
}
.info-line th {
  font-size: .85em;
}
.info-line thead tr{
  background-color: #F6F4F0;
}
.info-line .txt{
  text-align: left;
}
.info-line .price{
  text-align: right;
}
/* リンク */
a {outline: none;/* fireFox boder */}
a {
  color: #000;
  -webkit-tap-highlight-color: rgba(00, 33, 99, 0.3);
  /* タップ時の背景色 */
}
a:link {
  color: #0a9acf;
  text-decoration: underline;
}
a:visited {
  color: #0a9acf;
  text-decoration: underline;
}
a:hover {
  color: #e7762f;
  text-decoration: underline;
  opacity: .8;
}
a:active {
  color: #e7762f;
  text-decoration: underline;
}
a.pdf {
  background: none;
  margin: 0;
  padding: 0;
  position: relative;
}
a.pdf :after {
  content: " ";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("/common/img/icon_pdf.png") no-repeat 0 4px;
  margin: 0 6px 0 6px;
  padding: 2px 0 2px 0;
}
/* a[href$=".pdf"] {
  background: none;
  margin: 0;
  padding: 0;
  position: relative;
}
a[href$=".pdf"]:after {
  content: " ";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("/common/img/icon_pdf.png") no-repeat 0 4px;
  margin: 0 6px 0 6px;
  padding: 2px 0 2px 0;
} */
.info-sub ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 1.6rem;
  margin-bottom: 70px;
}
.info-sub li {
  background: none !important;
  text-align: center;
  position: relative;
}
.info-sub li + li::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 35%;
  width: 1px;
  height: 12px;
  background-color: #c7c7c7;
}
.info-sub li a {
  color: #565656;
  display: block;
  font-size: 1.4rem;
  margin: 0 0 0 0;
  padding: 8px 20px 8px 20px;
  text-decoration: none;
}
/* リンク 画像 hover時 */
.effect_img {
  display: block;
  position: relative;
  text-decoration: none;
}
.effect_img picture{
  display: block;
  position: relative;
}
.effect_img picture::before {
  content: "READ MORE";
  display: block;
  color: #fff;
  line-height: 48px;
  width: 180px;
  border: solid 1px #fff;
  border-radius: 5px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1em;
  margin-left: -90px;
  opacity: 0;
  z-index: 3;
  transition: 0.3s;
  font-weight: bold;
  letter-spacing: 0.2em;
}
.effect_img:hover img {
  filter: blur(5px);
}
.effect_img:hover picture:before {
  opacity: 1;
  margin-top: -0.5em;
}
/* ボタン */
.btn-normal a{
  width: 86%;
  max-width: 340px;
  text-decoration: none;
  display: block;
  margin: 15px auto 0;
  padding: 12px 0 12px 0;
  color: #000;
  border: 1px solid #000;
  border-radius: 6px;
  text-align: center !important;
}
.btn-place{
  text-align: left;
}
.btn-place a{
  display: inline-block;
  font-size: 1.6rem;
  margin: 0 0 25px 0;
  padding: 10px 28px 10px 16px;
  background: #f6f4f0;
  position: relative;
  text-decoration: none;
  color: #333333;
}
.btn-place a::after{
  content: '';
  width: 9px;
  height: 9px;
  border: 0px;
  border-top: solid 2px #333333;
  border-right: solid 2px #333333;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -4px;
}
.btn-purple{
  width: 90%;
  max-width: 850px;
  margin: 0 auto 30px auto;
}
.btn-purple a{
  display: block;
  padding: 32px 0 32px 0;
  background: #1d7277;
  color: #FFFFFF;
  font-size: 1.6rem;
  text-align: center;
  position: relative;
  border-radius: 3px;
  text-decoration: none;
}
.btn-purple a::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -4px;
}
.tel{
  width: 90%;
  max-width: 850px;
  margin: 0 auto 20px auto;
}
.tel a{
  display: block;
  padding: 32px 0 32px 0;
  background: #FFFFFF;
  color: #333333;
  font-size: 1.6rem;
  text-align: center;
  position: relative;
  border: 1px solid #000000;
  border-radius: 3px;
  text-decoration: none;
}

.btn-return{
  width: 90%;
  max-width: 850px;
  margin: 40px auto 20px auto;
}
.btn-return a{
  display: block;
  padding: 32px 0 32px 0;
  background: #FFFFFF;
  color: #333333;
  font-size: 1.6rem;
  text-align: center;
  position: relative;
  border: 1px solid #000000;
  border-radius: 3px;
  text-decoration: none;
}
.btn-return a::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #333333;
  border-right: solid 2px #333333;
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -4px;
}
.btn-blue{
  width: 90%;
  max-width: 850px;
  margin: 0 auto 30px auto;
}
.btn-blue a{
  display: block;
  padding: 32px 0 32px 0;
  background: #1DA2EF;
  color: #FFFFFF;
  font-size: 1.6rem;
  text-align: center;
  position: relative;
  border-radius: 3px;
  text-decoration: none;
}
.btn-blue a::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -4px;
}
.btn-blue a[target="_blank"]::before{
  content: '';
  width: 12px; height: 10px;
  background-size: 12px 10px;
  border:none;
  background:url("/common/img/icon_blank_white.png") no-repeat;
  transform:none;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -4px;
}
.btn-pink{
  width: 90%;
  max-width: 850px;
  margin: 15px auto 30px auto;
}
.btn-pink a{
  display: block;
  padding: 12px 0 12px 0;
  background: #e8325d;
  color: #FFFFFF !important;
  font-size: 1.6rem;
  text-align: center;
  position: relative;
  border-radius: 3px;
  text-decoration: none !important;
}
.btn-pink a::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -4px;
}
.btn-pink a[target="_blank"]::before{
  content: '';
  width: 12px; height: 10px;
  background-size: 12px 10px;
  border:none;
  background:url("/common/img/icon_blank_white.png") no-repeat;
  transform:none;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -4px;
}
.btn-normal2{
  width: 90%;
  max-width: 700px;
  margin: 40px auto 20px auto;
}
.btn-normal2 a{
  display: block;
  padding: 26px 0 26px 0;
  background: #FFFFFF;
  color: #333333;
  font-size: 1.6rem;
  text-align: center;
  position: relative;
  border: 1px solid #000000;
  border-radius: 3px;
  text-decoration: none;
}
.btn-normal2 a::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #333333;
  border-right: solid 2px #333333;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -4px;
}
.btn-normal-s{
  width: 90%;
  max-width:280px;
  margin: 0 auto 0 auto;
}
.btn-normal-s a{
  display: block;
  padding: 7px 15px 7px 15px;
  background: #FFFFFF;
  color: #333333 !important;
  font-size: 1.5rem;
  text-align: center;
  position: relative;
  border: 1px solid #333333;
  border-radius: 6px;
  text-decoration: none !important;
  transition: .3s;
  opacity: 1.0;
}
.btn-normal-s a:hover{
  transition: .3s;
  opacity: .7;
}
.btn-normal-s a::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #333333;
  border-right: solid 2px #333333;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -4px;
}
.btn-arrow a{
  width: 180px;
  position: relative;
  display: block;
  margin: 0 auto 0;
  padding: 12px 0 12px 0;
  text-align: center;
  text-decoration: none;
  color: #000;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  font-size: 1.5rem;
}
.btn-arrow a:hover{ background-color: #f3f1f0;}
.btn-arrow a::after {
	position: absolute;
	top:0;bottom: 0; right: -19px;
	margin: auto 0 auto 0;
	content: "";
  width: 33px;
  height: 7px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  transform: skew(45deg);
}
/* 見出し */
h2 {
  font-family: "Times New Roman", "Hiragino Mincho ProN", "YuMincho", "Yu Mincho", serif;
  font-size: 3.0rem;
  text-align: center;
  margin: 0 auto 50px;
  line-height: 2.0;
}
.font-new h2 {
  font-family:'Noto Sans JP' ,"メイリオ", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 300;
  font-size: 2.6rem;
  line-height: 1.9;
}
.title-line-s {
/* 左右短い線 */
  position: relative;
  display: inline-block;
  padding: 0 55px;
}
.title-line-s::before,.title-line-s::after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #cccccc;
}
.title-line-s::before {
  left: 0;
}
.title-line-s::after {
  right: 0;
}
/* 遅延読み込み */
.lazy {
  opacity: 0;
  transform: translate(0, 10%);
  transition: 1s;
}
.lazy.loaded {
  transform: translate(0, 0);
  opacity: 1;
}
.in-viewport {
  animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
/* anime */

/* sitemap */
.pankuzu{
  text-align: left;
  margin-top: 50px;
}
.breadcrumb{
  max-width: 1200px;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin: 0 auto 20px auto;
  padding: 10px 10px 10px;
}
.breadcrumb a{
  font-size: 1.3rem;
  color: #8a8a8a;
  text-decoration: none;
}
.breadcrumb li{
  display:inline;
  list-style: none;
}

.breadcrumb li::after{
  content: '>';
  padding: 0 8px;
  color: #8a8a8a;
}
.breadcrumb li:last-child::after{
  content: '';
}
.breadcrumb li a:hover {
  text-decoration: underline;
}

/* 注記 */
.note{
  margin: 0px 80px 30px 0px;
  text-align: left;
}
.note dt{
  font-size: 2.2rem;
  margin-bottom: 13px;
  font-weight: bold;
  margin-left: 15px;
  position: relative;
}
.note dt::before {
  content: '';
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 100%;
  background: #FFFFFF;
  border: 3px solid #3db8e0;
  position: relative;
  left: -10px;
  top: 2px;
}
.note dd ul{
  margin:0 0 30px 20px;
}
.note dd li{
  margin:0 0 6px 0;
  padding: 0 0 0 15px;
  font-size: 1.6rem;
  line-height: 1.6;
}
.note dd li::before {
  content: '';
  width: 4px;
  height: 4px;
  display: inline-block;
  border-radius: 100%;
  background: #565656;
  position: relative;
  left: -10px;
  top: -3px;
}
.note.kome > ul{
  margin-left: 2em;
}
.note.kome > ul li{
  position: relative;
  line-height: 1.6;
}
.note.kome > ul li::before{
  content: "※";
  margin-left: -1em;
}

.note.list ul{
  margin:0 0 30px 20px;
}
.note.list li{  
  font-size: 1.6rem;
  line-height: 1.6;
	list-style-type: none !important;
  list-style-image: none !important;
  position: relative;
	margin:0 0 6px 0;
  padding-left: 14px;
}
.note.list li::after {
  display: block;
  content: '';
  position: absolute;
  top: .7em;
  left: 0em;
  width: 3px;
  height: 3px;
  background-color: #333333;
  border-radius: 100%;
}

.icon-circle{
  text-align: left;
  margin-left: 20px;
  margin-bottom: 30px;
}
.icon-circle li,.icon-circle dd{
  position: relative;
  margin-bottom: 10px;
  line-height: 1.6;
  padding-left:12px;
  text-indent: -12px;
}
.icon-circle li::before ,.icon-circle dd::before{
  content: '';
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 100%;
  background: #FFFFFF;
  border: 3px solid #3db8e0;
  position: relative;
  left: -10px;
  top: 0px;
}
/* map */
.map-google {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 70%;
}
.map-google iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.map{
	background: url("/shop/img/bg_map.jpg") repeat-x center top #f8fbf4;
	text-align: center;
	margin:0 auto  90px;  
}
.map .img{
  max-width: 1200px;
  margin: 0 auto 0;
  position: relative;
}
.map .map-link{
  position: absolute;
  top:0;left: 0;right: 0;bottom: 0;
}
.map-menu{
  max-width: 950px;
  display: flex;
  margin: 0 auto 30px;
  padding: 5px 15px 0;
  flex-wrap: wrap;
  background-color: #f9f9f9;
  border-radius: 4px;
}
.map-menu li{
  position: relative;
  margin: 0 0 8px 20px;
  padding-left: 25px;
  font-size: 1.2rem;
}
.map-menu li::before {
  position: absolute;content: "";
  top: 0;left: 0;
  margin: 0px 0 0 0;
  background:url("/common/img/icon_01.png") no-repeat;
  width: 20px;height: 20px;
  background-size: 20px 20px;
}
.map-menu li:nth-child(2):before{background:url("/common/img/icon_03.png") no-repeat;background-size: 20px 20px;}
.map-menu li:nth-child(3):before{background:url("/common/img/icon_04.png") no-repeat;background-size: 20px 20px;}
.map-menu li:nth-child(4):before{background:url("/common/img/icon_05.png") no-repeat;background-size: 20px 20px;}
.map-menu li:nth-child(5):before{background:url("/common/img/icon_02.png") no-repeat;background-size: 20px 20px;}
.map-menu li:nth-child(6):before{background:url("/common/img/icon_07.png") no-repeat;background-size: 20px 20px;}
.map-menu li:nth-child(7):before{background:url("/common/img/icon_06.png") no-repeat;background-size: 20px 20px;}
.map-menu li:nth-child(8):before{background:url("/common/img/icon_08.png") no-repeat;background-size: 20px 20px;}
/* ページナビ ==== */
.content-nav ul {
  margin: 0;
  padding: 45px 0 0px;
  text-align: center;
}
.content-nav ul li {
  display:inline-block;
  margin-right:8px;
  margin-bottom: 8px;
}
.content-nav ul li .current_page {
  display: -moz-inline-box; /* firefox2 */
  display: inline-block;
  padding: 5px 8px;
  background-color: #000000;
  border: 1px #000000 solid;
  color:#ffffff;
  font-weight:normal;
}
.content-nav ul li a {
  display: -moz-inline-box; /* firefox2 */
  display: inline-block;
  padding: 5px 8px;
  border: 1px #acacac solid;
  list-style-type: none;
  text-decoration:none;
}
.content-nav ul li a:link,
.content-nav ul li a:visited {
  color: #373737;
}
.content-nav ul li a:hover,
.content-nav ul li a:active {
  background-color: #000000;
  color: #FFFFFF;
}
/* 動画 */
.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%;
}
.movie-set2{
  width: 100%;
  max-width: 560px;
  margin: 0 auto 50px auto;
}
.movie-wrap2 {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}
.movie-wrap2 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* バナー */
.Bnr{
  position: relative;
  display: none;
  z-index: 100;
}
.Bnr img{
  display: inherit;
}
.Bnr .Bnr__img{
  position: fixed;
  bottom: 10px;
  left: 10px;
  z-index: 110;
}
.Bnr__img__inner{
  width: 350px;
  height: 70px;
  box-sizing:border-box;
}
.Bnr .Bnr__img__inner a{ display: block;}
.Bnr .Bnr__img .close{
  position: absolute;
  right: 0px;
  top:0px;
}
.Bnr .Bnr__img .close a{
  display: block;
  width: 50px;
  height: 30px;
  text-align: center;
}
.Bnr .Bnr__img .close a span{
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/* All END */



/* ----------------------------------------------------
- 520px (Smartphone layout Only)
---------------------------------------------------- */
@media (max-width: 520px) {



  /* - 520px (Smartphone layout Only) END */
}

/* ----------------------------------------------------
- 960px (Smartphone Tablet layout Only)
---------------------------------------------------- */
@media (max-width: 960px) {

.col-free { display: block;}
.col-free > section, .col-free > div, .col-free > li, .fluid { width: 100%; margin: 0;}
.col > section, .col > div, .col > li, .fluid { width: 100%;  margin: 0}
.col li + li{ margin-top: 15px;}
.details .col li p{ text-align: left; margin: 0 10px 20px 10px;}

/*ローカルナビ*/
.nav-local03{
  margin-bottom: 25px;
  display: none;
}
.navi-local-footer .nav-local03{
  display: block;
  border-top: 1px solid #e9e9e9;
}
.navi-local-footer .nav-local03 li {
  width: 100%;  
  font-size: 1.4rem;
  border-bottom: 1px solid #e9e9e9;
}
.navi-local-footer .nav-local03 li a {
  padding: 15px 10px 15px 20px;
  height: auto;
  text-align: left;
  align-items: flex-start;
  justify-content: flex-start;
}
/* 見出し */
h2 {
  font-size: 2.2rem;
  text-align: center;
  margin: 0 auto 30px;
  line-height: 1.8;
}
.font-new h2{
  font-size: 2.2rem;
}
/* 表 */
.info-basic{
  width: 100%;
  max-width:none;
  margin: 0 auto 20px auto;
  border-top: none;
}
.info-basic tr{
  border-bottom: none;
}
.info-basic th{
  background: #f6f4f0;
  border-top: 1px solid #dddddd;
  font-size: 1.4rem;
  font-weight: bold;
  color: #565656;
  padding: 8px 8px 8px 10px;
  vertical-align: top;
  display: block;
  width: 100%;
}
.info-basic td{
  font-size: 1.4rem;
  color: #565656;
  padding: 12px 8px 30px 10px;
  text-align: left;
  display: block;
  width: 100%;
}
.info-basic .type{
  display: flex;
  flex-wrap: wrap;
}
.info-basic .type li{
  width: 46%;
  margin: 0 0 20px 0;
  text-align: center;
  font-size: 1.4rem;
}
.info-basic .type li img{
  margin-bottom: 18px;
}
.info-line {
  border: 0;
  width:100%
}
.info-line th{
  background-color: #F6F4F0;
  display: block;
  border-right: none;
}
.info-line thead {
  border: none;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.info-line tr {
  display: block;
  margin-bottom: .625em;
}
.info-line td {
  border-bottom: 1px solid #dedede;
  display: block;
  font-size: .8em;
  text-align: right;
  position: relative;
  padding: .625em .625em .625em 4em;
  border-right: none;
}
.info-line td::before {
  content: attr(data-label);
  font-weight: bold;
  position: absolute;
  left: 10px;
}
.info-line td:last-child {
  border-bottom: 0;
}
/*ボタン*/
.btn-place a{
  display: inline-block;
  font-size: 1.6rem;
  margin: 0 0 25px 0;
  padding: 10px 28px 10px 8px;
  background: #f6f4f0;
  position: relative;
  text-decoration: none;
  color: #333333;
}

/* 注記 */
.note{
  margin: 0px 10px 30px 10px;
  text-align: left;
}
.note dt{
  font-size: 1.6rem;
  margin-bottom: 13px;
  font-weight: bold;
}
.note dt::before {
  content: '';
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 100%;
  background: #FFFFFF;
  border: 3px solid #3db8e0;
  position: relative;
  left: -10px;
  top: -4px;
}
.note dd ul{
  margin:0 0 20px 10px;
}
.note dd li{
  margin:0 0 6px 0;
  padding: 0 0 0 15px;
  font-size: 1.4rem;
}
.note.kome > ul{
  margin-left: 1.5em;
  margin-right: 1em;
}
.note.kome > ul li{
  position: relative;
}
.note.kome > ul li::before{
  content: "※";
  margin-left: -1em;
}
/* リンク */
.info-sub{
  padding-top: 20px;
  background-color: #FFFFFF;
}
.info-sub ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 1.6rem;
  margin-bottom: 0px;
  padding-bottom: 30px;
}
/* パンくず  */
.breadcrumb{
  display: none;
}
/* マップ */
.map{
	margin:0 auto  40px;  
}
/* バナー */
.Bnr{
  display: none;
}
/* - 960px (Smartphone Tablet layout Only) END*/
}

/* ----------------------------------------------------
- 1200px (Pc layout Only コンテンツ内 基本幅)
---------------------------------------------------- */
@media (max-width: 1200px) {



  /* - 1200px (Pc layout Only) END*/
}

/* ----------------------------------------------------
- 1920px (Pc layout Only)
---------------------------------------------------- */
@media (max-width: 1920px) {



  /* - 1920px - END*/
}

/* ----------------------------------------------------
1921px- (Pc layout Only Wide)
---------------------------------------------------- */
@media (min-width: 1921px) {



  /* 1921px - END*/
}