/* Body */
body {
	font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;



	/*background-color: #f2f2f2;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	font-weight:normal;
	 text-size-adjust: 100%
}
 h2{
	text-align: center;
	letter-spacing: 0.1em;
	color:#6fa686;
	 font-size:32px;
	 font-weight: bold;
	font-family: "Noto Sans JP";
	 line-height: 100%;
	 margin-top:40px;
}
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

.kasou h2{
	text-align: left;
}
.normal-ul {
	padding-left:30px;
	
}
.li-maru {
    list-style:  none;      /* デフォルトのアイコンを消す */
    margin:  0;             /* デフォルト指定上書き */
    padding: 0;             /* デフォルト指定上書き */
}
.li-maru li{
	position: relative;
	display: block;
	padding-left:30px;
}
 
.li-maru li::before {
	position: absolute;
    content:  "○"; /* 空の要素作成 */
	left: 5px;

}
.l-height120{
	line-height: 120% !important;
}
.kome {
    list-style:  none;      /* デフォルトのアイコンを消す */
    margin:  0;             /* デフォルト指定上書き */
    padding: 0;             /* デフォルト指定上書き */
}
.kome li{
	position: relative;
	display: block;
	padding-left:20px;
}
 
.kome li::before {
	position: absolute;
    content:  "※"; /* 空の要素作成 */
	left: 5px;

}

.kakoi-in ul{
	padding-left:20px;
}
 h2 .moji-s{
	color:#000 ;
	 font-weight: normal;

}

h3{
	font-size:22px;
	font-weight: normal;
	background-color:#6fa686;
	color:#fff;
	
	font-family: "Noto Sans JP";

	padding:12px 20px;
/*	border-radius: 5px;*/
	margin-bottom:20px;
	

}

footer a{
	color:#146c04;
}

/*利用案内*/

   /* ============================================
     トップマップリンク
  ============================================ */

  .map-link {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e0d8ce;
    border-radius: 4px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  }

  .map-link:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 32px rgba(0,0,0,0.12);
  }

  /* PC：上横バー（スマホと統一） */
  .map-link__bar {
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #4a7c59 0%, #2d5a3d 100%);
  }

  /* バー下の横並び行 */
  .map-link__row {
    display: flex;
    align-items: stretch;
    flex: 1;
  }

  .map-link__icon {
    width: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f4f0;
    flex-shrink: 0;
    border-right: 1px solid #ece7e0;
  }

  .map-link__icon svg {
    width: 30px;
    height: 30px;
    color: #4a7c59;
  }

  .map-link__body {
    flex: 1;
    padding: 18px 20px;
    min-width: 0;
  }

  .plan-L p.map-link__title {
      font-size: 16px;
    font-weight: 600;
    color: #2a2a2a;
    letter-spacing: 0.05em;
    line-height: 1.5;
	margin:0 !important
  }

  .map-link__en {
    display: block;
    font-size: 10px;
    letter-spacing: 0.2em;
    color: #aaa;
    text-transform: uppercase;
    margin-top: 4px;
  }

   .plan-L p.map-link__desc {
    font-size: 12px;
    color: #888;
    margin-top: 8px;
    line-height: 1.8;
	margin:0 !important
  }

  .map-link__arrow {
    display: flex;
    align-items: center;
    padding: 0 20px;
    color: #4a7c59;
    flex-shrink: 0;
  }

  .map-link__arrow svg {
    width: 18px;
    height: 18px;
    transition: transform 0.3s ease;
  }

  .map-link:hover .map-link__arrow svg {
    transform: translateX(4px);
  }

  /* ══════════════════════════
     スマホ（540px以下）
     構造イメージ：
     ┌──────────────────────┐
     │▓▓▓▓▓ 上バー ▓▓▓▓▓▓▓▓│
     ├──────┬────────────┬──┤
     │ icon │  テキスト  │ →│
     └──────┴────────────┴──┘
  ══════════════════════════ */
  @media (max-width: 540px) {

    .page-context {
      padding: 20px 16px;
    }

    /* カード全体を縦に。バー→行の順で積む */
    .map-link {
      flex-direction: column;
    }

    /* バーを上部横バーに */
    .map-link__bar {
      width: 100%;
      height: 5px;
      background: linear-gradient(90deg, #4a7c59 0%, #2d5a3d 100%);
    }

    /* icon・テキスト・矢印の行は横並びをキープ */
    .map-link__row {
      flex-direction: row;
      align-items: stretch; /* 高さをテキストに合わせて伸縮 */
    }

    /* アイコンエリア：固定高さを持たず、テキストに合わせて伸縮 */
    .map-link__icon {
      width: 48px;       /* 細めに */
      height: auto;      /* 固定高さ削除 → テキストの高さに追従 */
      border-right: 1px solid #ece7e0;
    }

    .map-link__icon svg {
      width: 20px;
      height: 20px;
    }

    .map-link__body {
      padding: 13px 12px;
    }

    /* タイトルを1行に収める */
    .map-link__title {
      font-size: 13px;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .map-link__arrow {
      padding: 0 14px 0 4px;
    }
  }
  /* ===== PROPOSAL B ===== */
  .proposal-b {
    position: relative;
    height: 380px;
    overflow: hidden;
    margin-bottom: 4px;
  }

  .proposal-b img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 60%;
    filter: brightness(0.9) saturate(0.8);
  }

  .proposal-b .overlay {
    position: absolute;
    inset: 0;
    background: transparent;
  }

  .proposal-b .content {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .proposal-b .text-box {
    background: rgba(255, 252, 245, 0.75);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    padding: 34px 52px;
    border-radius: 2px;
  }

  .proposal-b .eyebrow {
    font-family: 'Cinzel', serif;
    font-size: 10px;
    letter-spacing: 8px;
    color: #7a6a3a;

    text-transform: uppercase;
  }

  .proposal-b .title-en {
    font-family: 'Cinzel', serif;
    font-size: 38px;
    font-weight: 600;
    letter-spacing: 12px;
    color: #2a3a2a;
    margin-bottom: 10px;
  }
   .proposal-b .title-en span{
	font-size:26px;
   }

  .proposal-b .title-jp {
    font-family: 'Noto Serif JP', serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 5px;
    color: #2a3a2a;
    margin-bottom: 0;
  }

  .proposal-b .desc {
    font-size: 11px;
    letter-spacing: 2px;
    color: #5a6a5a;
    line-height: 2.2;
    font-weight: 300;
  }

/*フォーム*/
.cont-messe{
	width:80%;
	margin: 0 auto;
	text-align: left;
}
#contact-form h2{
	padding-bottom:15px;
	
}
#confomu-in{
	height:72px;
	margin-top:15px;
}
/*ボーダーh3*/
#yokuaru h3,#mousikomi h3,#kakunin-table h3{
	background:none;
	color:#333;
	font-weight: bold;
	border-bottom:2px solid #6fa686;
	border-radius: 0;
	padding-left:10px;
	padding-bottom:5px;
}
h4{
	font-size:20px;
	background:none;
	margin-top:10px;
	border-left:5px solid #6fa686;
	padding:5px 15px;
	font-family: "Noto Sans JP";
}
h5{
	font-size:20px;
	font-weight: normal;
	background-color:#ececec;
	padding:10px;
	margin:25px 0 18px;
	font-family: "Noto Sans JP";
}
h6{
	font-size:18px;
	margin:32px 0 11px;
	padding: .25em 0 .25em .75em;
  	border-left: 6px solid #7aa088;

	margin-bottom:20px;
	font-weight: normal;
	font-family: "Noto Sans JP";
	
	
}
p,th,td,li{
	font-size:16px;
	font-weight: normal;
	line-height: 170%;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
th{
	font-weight: bold;
}

/*ios サブミットリセット*/
input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0;
}

.sp_br{
    display: none;
  }

/* Container */
.container {
	/*width: 90%;*/
	margin-left: auto;
	margin-right: auto;
	/*height: 1000px;*/
	background-color: #FFFFFF;
}

/*navi*/
.inner {
    width: 990px;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
/* header */
#top-head {
 /*   top: -100px;
    position: absolute;*/
    width: 100%;
    margin: 0 auto 0;
    padding: 10px 0 0;
    line-height: 1;
    z-index: 999;
}
#top-head a,
#top-head {
    color: #000;
    text-decoration: none;
}

#top-head .inner {
    position: relative;
}
#top-head .logo img{
	padding-right: 5px;
	height:58px;
	backface-visibility: hidden;

}
#top-head .logo {
    float: left;
    font-size: 16px;
	font-weight: normal;
	  display: flex;
  justify-content: center;
  align-items: center;
}
.yoyaku .logo{
	float: none !important;
}

#global-nav ul {
    list-style: none;
    /*position: absolute;*/
    right: 0;
    bottom: 0;
    font-size: 14px;
	float:right;
}
#global-nav ul li {
    float: left;
		border-left:2px solid #DCDCDC;
}
#global-nav .navi-last{
	border-right:1px solid #DCDCDC;

}
#global-nav ul li a {
    padding: 0 20px;
	font-size:18px;
	display: block;
	text-align: center;
	min-width:90px;

}
#global-nav ul li a:hover{
	color:#7D9174;


}
#n-last a{
	padding:0;
}
 
/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
 /* position: fixed;*/
    padding-top: 10px;
    height: 55px;
    background: #fff;
    background: rgba(255,255,255,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
    font-size: 24px;
    color: #333;
}
#top-head.fixed #global-nav ul li a {
    color: #333;
    padding: 0 20px;

}
#global-nav span{
	font-size:12px;
	padding-left:0px;
	display: block;
}
 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}

.hero_header {
	color: #000;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	letter-spacing: 4px;
	font-size:26px;
	 background:rgba(234,251,142,0.8);
	padding-bottom:20px;
	font-weight: bold;
	font-family: "Noto Sans JP";
	line-height: 130%;
}
.hero_header .moji-s{
	font-weight: normal;
	color:#6fa686;
}


  /* ── ページヒーロー ── */
  .page-hero {
    position: relative;
    height: 200px;
    background-image: url('img/yuragi-main.jpg');
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
  }
  /* 帯：全幅・半透明黄緑 */
  .page-hero__text {
    position: relative;
    text-align: center;
    background: rgb(227 243 227 / 80%);
	padding: 20px 100px;
	backdrop-filter: blur(4px);
	margin:0 auto;
  }
  .page-hero__text .title-en {
    display: block;
    font-size: 12px;
    letter-spacing: 0.3em;
    color: #698f71;
    margin-bottom: 6px;
	font-family: "Noto Sans JP";
  }
  .page-hero__text .title-jp {
    display: block;
    font-size: 28px;
    font-weight: bold;
    color: #333;
    letter-spacing: 0.08em;
  }
  @media (max-width: 540px) {
    .page-hero { height: 160px;         margin-top: 60px;}
    .page-hero__text .title-jp { font-size: 22px; }
	.page-hero__text{padding:20px 40px;}
  }

.top-cont{
	
	padding:10px 20px 20px 20px;
	 background:rgba(255,255,255,0.75);
	width:450px;
	margin-left:20px;
	color:#000;
	text-align: left;
	size:14px;
	letter-spacing: 0;
	font-weight: normal;
	border-radius:6px;
}
.top-cont p{
	margin:0;
}
.top-cont h2{
	color:#292929;
	text-align: left;
	border-bottom:1px solid #6fa686;
	padding-bottom:10px;
	margin-top:0;
	margin-bottom:10px;	
	/*font-weight: bold;*/
	font-family: "Noto Sans JP";
	letter-spacing: 0.1em;
	line-height: 140%;
	font-size:32px;

}
.top-cont h2 .moji-s{
	color:#6fa686;
	font-size:16px;
	
}
#fu{
	background-color:#ececec;
	padding-bottom:20px;
}
/* Hero Section */
#top-img{
	width:980px;
	padding-top:0;
}
#top-img img{
	width:100%;
	-webkit-backface-visibility: hidden; 
}


.hero {
	/*background-color: #B3B3B3;*/
	padding-top:80px;
	padding-bottom: 80px;
	background: url("img/main-img.jpg") center center no-repeat;
	background-size: cover;
	line-height: 180%;
	/*margin-top:100px;*/
	width:990px;
	margin:0 auto;
/*border-radius: 10px;*/
}
.light {
	font-weight: bold;
	color: #717070;
}
.tagline {
	text-align: center;
	color: #FFFFFF;
	margin-top: 4px;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 1px;
}




#future div,#top-link3 div{
	width:30%;
	padding:1%;
	display: table-cell;
}

#future div{
	background-color: #FFF;
	border:5px solid #ececec;

}
#top-link3 a{
	text-decoration: none;
}
#future div img,#top-link3 img{
	width:100%;
}

#future h3{
	text-align: center;
	border-bottom: none;
	font-size:22px;
	margin:10px 0 5px;
	color:#21adad;
	letter-spacing: 0.1em;
	font-weight: normal;
	background: none;

}
#future p{
	margin:0 10px;
	
}
#top-link3 h2{
	font-size:18px;
}
#top-link3 div{
	text-align: center;
}
#top-link3 p{
	width:100%;
}
/* About Section */
.text_column {
	width: 29%;
	text-align: justify;
	font-weight: lighter;
	line-height: 25px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	color: #A3A3A3;
}
.about  {
	padding-top: 35px;
	margin-top: 0px;
	width:990px;
	margin:0 auto;
	
}
/* Stats Gallery */
.stats {
	color: #717070;
	margin-bottom: 5px;
}
.gallery {
	clear: both;
	display: inline-block;
	width: 100%;
	background-color: #FFFFFF;
	/* [disabled]min-width: 400px;
*/
	padding-bottom: 35px;
	padding-top: 0px;
	margin-top: -5px;
	margin-bottom: 0px;
}
.thumbnail {
	width: 25%;
	text-align: center;
	float: left;
	margin-top: 35px;
}
.gallery .thumbnail h4 {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	color: #52BAD5;
}
.gallery .thumbnail p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #A3A3A3;
}
/* Parallax Section */
.banner {
/*	background-color: #2D9AB7;*/
	background-image: url(../images/parallax.png);
	height: 400px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
}
.parallax {
	color: #FFFFFF;
	text-align: right;
	padding-right: 100px;
	padding-top: 110px;
	letter-spacing: 2px;
	margin-top: 0px;
}
.parallax_description {
	color: #FFFFFF;
	text-align: right;
	padding-right: 100px;
	width: 30%;
	float: right;
	font-weight: lighter;
	line-height: 23px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* More info */
footer {
	margin-top:60px !important;
	padding-bottom: 10px;
	padding-top:10px;
	background-color:#ececec;
	width:100%;
	margin:0 auto;
	text-align: center;
	
}
footer p{
	margin:10px 0;
}

.button {
	width: 200px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	transition: all 0.3s linear;
}
.button:hover {
	background-color: #FEFEFE;
	color: #C4C4C4;
	cursor: pointer;
}
.copyright {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #717070;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
}

.hidden {
	display: none;
}
table{
	margin-bottom:40px;
}
th{
	width:14%;
	text-align: left;
	vertical-align: top;
	padding-bottom:10px;
	
}
td{
	width:70%;
	vertical-align: top;
	padding-bottom:10px;
}
#kihon th,#kihon td{
	
	border-top:1px dotted #7cd67f;
	border-bottom:1px dotted #7cd67f;
		padding:15px 10px;
	vertical-align: middle;
/*	display: block;
	width:100%;*/
}


#top-link3{
	clear: both;
}
#kihon table{
	width:830px;
	margin:0 auto;
}

	
	.flex-box{
		 display: flex;              /* フレックスボックスにする */
		flex-wrap: wrap; 
		margin-bottom:10px;

	} 
#insta {
		width:880px;
	}
	#insta .flex-box .f-in{
		width:29%;
		margin-left:2%;
		margin-right:2%;
	}
	#insta h2{
		text-align: left;
	}
	
	#insta .flex-box .f-in img{
		width:100%;
			}
	
.moji-s{
	font-size:12px;
	line-height: 150%;
}
.moji-l{
	font-size:22px;
}


.container a{
	color:#303030;
}
.container a:hover{
	color:#1D5E26;
}


.kakoi-hai{
	width:100%;
	overflow: hidden;
	color:#1b2538;
	margin:0 0 1em 0;
	background-color:#e8e9eb;
	border-radius:0.5em;
	
}
.kakoi-hai h4{
	color:#00838f;
	font-weight:bold;
	line-height: 1.6em;
	margin:0;
	padding:1em 3em 0.5em 0.5em;
	text-indent:1em;
	border:none;
	font-size:16px;
	letter-spacing:0.1em;
}
.kakoi-hai .kakoi-in{
	border:10px solid #e8e9eb;
	border-radius: 0 0 0.5em 0.5em;
	background-color:#FFF;
	padding:0 1em ;
	
}
.kakoi div p{
	margin:1em 1em 1em 0;
}
.tyui-box{
	border:1px solid #7D9174;
	padding:10px 20px;
	margin-bottom:40px;
	background-color: #fdffd5;
	
}
.tyui-box h4{
	background:none;
	margin-top:10px;

	padding:0px 15px;
	
}
.tyui-box ul{
	padding-left:20px;
}
.tyui-box li{
	padding-bottom:10px;
}

.menu-box{
	width:100%;
	margin-bottom:20px;
	display: flex;
}
.menu-img {
	width:35%;
	margin-right:4%;
}
.menu-img img{
	width:100%;
	
}
.menu-box div{
	padding:0;
}
.menu-naiyou{
	width:60%;
}

#menutable th{
	width:90%;
}

/* ボタンのCSS　*/
.btn-border {
  display: inline-block;
 
  text-align: left;
  border: 2px solid #41b1ce;
  font-size: 16px;
  text-decoration: none;
  padding: 8px 40px;
  transition: .4s;
	background-color: #41b1ce;
  color: #FFF !important;
}


.btn-border:hover {
  background-color: #3694ad;
  border-color: #3694ad;
  color: #FFF !important;
}

.kyan th,.kyan td{
	border:1px solid #666;
	width:10%;
	text-align: center;
	background-color:#FFF;
	padding:0.5em;
	
}

/*よくある質問*/

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 3em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(27,37,56,0.1);
}
.cp_qa .cp_actab label::before {
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q';
}

#syokuzainomi .cp_actab label::before {
	content: ' ';
}
#syokuzainomi{
	margin-top:30px;
}

#cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #00838f;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '＋';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
}
#syokuzainomi .cp_actab .cp_actab-content{
	padding:0 0 0 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {

	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
}
#syokuzainomi .cp_actab .cp_actab-content::before {

	content: ' ';
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 10px solid rgba(27,37,56,0.1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #00838f;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
/*よくある質問おわり*/


#contact p{
	text-align: center;
}


/*予約カレンダー*/
#yoyaku-cale{
	display: flex;
}
#yoyaku-cale table{
	width:48%;

}
#yoyaku-cale a{
	text-decoration: none;
	color:#000;
}
#yoyaku-cale .maru {
	color:#ff8181;
	font-family: 'Do Hyeon', sans-serif;
	font-size:20px;
}
#yoyaku-cale .sankaku {
	color:#ffc533;
	font-family: 'Do Hyeon', sans-serif;
	font-size:20px;
}
#yoyaku-cale .batu {
	/*color:#ff8181;*/
	color:#21748a;
	font-family: 'Do Hyeon', sans-serif;
	font-size:30px;
}
#yoyaku-cale0{
	margin-right:4%;
}
#yoyaku-cale td{
	width:14%;
	height:60px;
}
#yoyaku-cale th{
	background: #EEEEEE;
}
#yoyaku-cale table th,
#yoyaku-cale table td {
    border: 1px solid #CCCCCC;
    text-align: center;
    padding: 5px;
	vertical-align: top;
}
.hol {
	background-color:#ffebeb;
}
.doyou{
	background-color:#edf7ff;
}
.oyasumi{
	background-color:#E9E9E9;
}
.today{
	font-weight: bold;
}
.s_day a{display:block; }
.s_day a:hover{display:block; background-color:#FDFFD3;}

.pagetop
    {
		display: none;
    position: fixed;
    bottom: 16px;
    right: 16px;
    }
 
.pagetop a
    {
    display: block;
    text-decoration: none;
    }
 
.pagetop:hover
{
    opacity: 0.85 ;
}

/*ステップバー*/
	.progressbar {
		  margin: 0;
		  padding: 0;
		  counter-reset: step;
                  z-index: 0;
                  position: relative;
		}
		.progressbar li {
		  list-style-type: none;
		  width: 25%;
		  float: left;
		  font-size: 12px;
		  position: relative;
		  text-align: center;
		  text-transform: uppercase;
		  color: #aaa;
		}
		.progressbar li:before {
		  width: 30px;
		  height: 30px;
		  content: counter(step);
		  counter-increment: step;
		  line-height: 30px;
		  display: block;
		  text-align: center;
		  margin: 0 auto 10px auto;
		  border-radius: 50%;
		  background-color: #eee;
		}
		.progressbar li:after {
		  width: 100%;
		  height: 2px;
		  content: '';
		  position: absolute;
		  background-color: #eee;
		  top: 15px;
		  left: -50%;
		  z-index: -1;
		}
		.progressbar li:first-child:after {
		  content: none;
		}
		.progressbar li.active {
		  color: green;
		}
		.progressbar li.active:before {
		  background-color: #55b776;
		  color:#fff;
		}
		.progressbar li.active + li:after {
		  background-color: #55b776;
		}

/*区画ページ*/
#riyoubi th, #riyoubi td{
	font-size:24px;
}
#riyoubi th{
	width:30%;
}
#riyoubi td{
	width:60%;
}

#riyoubi a{
	text-decoration: none;
	color:#55B776;
}

.riyou-hiduke{
	font-size:24px;
	text-align: center;
}




.motikomi{
	background-color:#ffebeb;
}

.hisentaku{
	background-color:#e2e2e2;
}

.tebura{
	background-color:#ffffc9;
}
.p-mei{
	padding:4px 0 0 !important;
	font-size:10px;
	margin-top:5px;
}
.form-check input{
	display: none;
}
.form-check label{
	display: block;
	cursor: pointer;
	width: 48%;
	float: left;
	margin: 0;
	padding: 12px 5px;
	border: 1px solid #ddd;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#F9F9F9),to(#EEEEEE));
    background:-moz-linear-gradient(#F9F9F9,#EEEEEE);
    background:-ms-linear-gradient(#F9F9F9,#EEEEEE);
	color: #555e64;
	font-size: 16px;
	font-weight: bold;
	transition: .2s;
	font-family: "Noto Sans JP";
	line-height: 150%;
	text-align: center;
		 border-radius:4px;
	margin-right: 5px;
}
.form-check input[type="radio"]:checked + label {
    background-image:-webkit-gradient(linear,left top,left bottom,from(#5393C5),to(#6FACD5));
    background: -moz-linear-gradient(#5393C5, #6FACD5);
    background: -ms-linear-gradient(#5393C5, #6FACD5);
	
    border: 1px solid #2373A5;
    color:#fff;
}
.form-check span{
	font-size:12px;
}
#kukaku-sonota{
	line-height: 180%;
}
#kukaku-sonota table{
	margin:0 auto;
	width:100%;
	margin-bottom:40px;
}
#kukaku-sonota th{
	width:30%;
	border-bottom:1px solid #DCDCDC;
}
#kukaku-sonota th,#kukaku-sonota td{
	padding:20px 0;
	border-bottom:1px solid #DCDCDC;
	
}
::placeholder {
  font-size: 14px;
	color:#979797;
}
/* IE11 & IE10 */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #979797 !important;
}
#kukaku-sonota .moji-s{
	line-height: 150%;
	margin-top:0;
	margin-bottom:10px;
}
#kukaku-sentaku input[type="checkbox"]:checked + label {
	background: #31A9EE !important;/* マウス選択時の背景色を指定する */
	color: #ffffff; /* マウス選択時のフォント色を指定する */
	
}
input[type='number']:disabled {
	background-color:#cecece !important; 
}
select{
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	padding: 0.3em;
	letter-spacing: 1px;

}
 input[type='number']{
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width:70px;
	padding: 0.3em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: #000;
	border: 1px solid #b7b7b7;
	 margin-bottom:10px;
}

 input[type='tel']{
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	padding: 0.3em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: #000;
	border: 1px solid #b7b7b7;
	 margin-bottom:10px;
}

 input[type='text'], input[type='email'], input[type='password']{
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	padding: 0.3em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: #000;
	border: 1px solid #b7b7b7;
	 margin-bottom:10px;
}
.form-harf input{
	width:49%;
}
.form-all input{
	width:100%
}
textarea{
	padding: 0.3em;
	font: 15px/24px sans-serif;
	border: 1px solid #b7b7b7;
	width:100%;
	
}
.hissu{
	font-size:12px;
	color:#FFF;
	background-color:#ff2328;
	padding:0 5px;
}
#pass input[type=checkbox] {
	display: inline; /* チェックボックスを非表示にする */
}
#pass input[type="checkbox"]:checked + label{
	background-color:#FFF;
	color:#000;
}

.ninzukekka,.tohokuret,.kurumakekka,.odawarakekka,.kukakukekka,.sousinkekk,.smkekka,.kyouyukekka{
	color:#ee0101;
	font-weight: bold;
}
.smkekka{
	margin-bottom:20px;
		background-color:#FFEBEC;

}
#sousinkekka{
	width:90%;
	margin: 0 auto;
	background-color:#FFEBEC;

	margin-bottom:40px;
}
	.sub{
		text-align: center;
		margin-bottom:20px;
	}
.submit-bottom{
	/*text-align: center;*/
	margin-top:20px;
}
.submit-bottom input{
	padding:15px 40px;

     color: #FFF;
     text-decoration: none;
     text-align: center;
     background-color: #36b9dc; /*ボタン色*/
     border-radius: 5px; /*角丸*/
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
	border:none;
	cursor: pointer;
	font-size:16px;
	letter-spacing: 0.1em;
	/*margin-left:15px;*/
}
.submit-bottom input:hover{
     background-color:#0BB855; /*ボタン色*/
}
.submit-bottom input:active{
	border:none;
}
.modoru-bottom {

     color: #FFF !important;
     text-decoration: none;
     text-align: center;
     background-color:#c7c7c7; /*ボタン色*/
     border-radius: 5px; /*角丸*/
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
	border:none;
	cursor: pointer;
	font-size:12px;
	letter-spacing: 0.1em;
	padding:15px 40px;
	
}
.modoru-bottom:hover{
	     background-color:#D5D5D5; /*ボタン色*/

}

/*区画選択2026*/
/*区画選択2026*/
#teburaKukaku {
    overflow-x: auto;   /* ← 追加 */
}
.map-container {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;           
    align-items: flex-start;
    gap: 10px;
	min-width: 500px; 
}

/* 左側コンテンツ全体を中央寄りに */
.map-inner {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: fit-content;
    margin: 0 auto;
    flex: 1;
    min-width: 0;
    order: 1;  
}

.map-top-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.map-bottom-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

/* 受付管理棟 */
.kanri-box {
    background: #ccc;
    width: 80px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #333;
    flex-shrink: 0;
    text-align: center;
}

/* 屋内スペース枠 */
.indoor-wrap {
    background: #cdefce;
    width: 200px;
    height: 54px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ウッドデッキ枠 */
.deck-wrap {
    border: 2px solid #ccc;
    background: #fffff0;
    padding: 6px 12px;
}

.area-label {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 4px;
    color: #333;
    text-align: center;
}

.kukaku-cells {
    display: flex;
    gap: 0;
}

/* 区画セル：真四角・文字上下左右中央 */
.kukaku-cell {
    width: 50px;
    height: 50px;
    border: 1px solid #bbb;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.okunai {
    width: 200px;
}

.kukaku-cell input[type="checkbox"] {
    display: none;
}

.kukaku-cell .label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    font-size: 16px;
    flex-direction: column;
}

.kukaku-cell input[type="checkbox"]:checked + .label {
    background: #7ab97a;
    color: #fff;
}

.kukaku-cell .batu {
    color: #ffffff;
    font-size: 16px;
    background-color: #bbb9b9;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.kukaku-cell .label span {
    display: inline-block;
    font-size: 10px;
}

/* カメラ */
.camera-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    margin-top: 26px;
    flex-shrink: 0;
}

/* 右端施設（通常フロー） */
.right-facilities {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
    flex-shrink: 0;
    order: 2;           /* ← 追加：map-innerの後ろに */
    margin-left: auto;  /* ← 追加：右端に押し出す */
}

.right-facilities-top {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: flex-start;
}

.wc-box {
    background: #ccc;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.gray-box-large {
    background: #ccc;
    width: 70px;
    height: 54px;
}

.gray-box-small {
    background: #ccc;
    width: 44px;
    height: 36px;
}

/* 川 */
.river-bar {
    background: #a8d8ea;
    text-align: center;
    padding: 10px;
    font-size: 13px;
    color: #333;
    width: 100%;
    margin-top: 6px;
    order: 3;           /* ← 追加：必ず一番下に */
}
@media (min-width: 768px) {
    .map-container {
        min-width: unset;
		position: relative; 
    }

    .map-inner {
        flex: 0 0 auto;    /* ← 伸び縮みさせない */
        margin: 0 auto;    /* ← 中央寄せ */
    }
	.right-facilities {
        position: absolute;  /* ← PCのときだけ絶対配置に戻す */
        right: 20px;
        top: 0;
        margin-left: 0;
    }
}
/*詳細マップリンク*/
.map-syousai {
    text-align: center;
    margin-top: 0;
}

.map-syousai a {
    color: #5a8a5a;
    text-decoration: none;
    font-weight: bold;
}

/*区画選択画面-オプショングリッド*/

.option-grid input {
    width: 60px;
}
.option-row {
    display: grid;
    grid-template-columns: 1fr minmax(70px, max-content) 2em 70px;
    gap: 6px 8px;
    align-items: center;
	border-bottom: 1px dotted #c3d9c8;
    padding: 8px;
}

.option-row:first-child {
	border-top: 1px dotted #c3d9c8;
}

/*guide*/
#guide-top{
	background: url("img/guide-top.jpg") center center  no-repeat;

}
.aka{
	color:#ff2328;
}

.aka-b{
	color:#ff2328;
	font-weight: bold;
}
.hai-moji{
	color:#BCBCBC;
}

.guide-in{
	margin-bottom:40px;
	padding-left:10px;
	
}
.guide-in h4{
	margin-bottom:10px;
	margin-top: 30px;
}
.siyouryou{
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	padding:10px 10px;
	margin: 10px 0 !important;
	
}

.siyouryou span{
	color:#ff2328;
	font-size:24px;
}

	/*区画*/
	
.pop  {
  position: relative;
	}

.pop span img{
		width:40px;
	}

.arrow_box {
  display: none;
  position: absolute !important;
  padding: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;  
  border-radius: 8px;
  background: #333;
  color: #fff;
	width:400%;
}

.motikomi_arrow{
	left:-200px;
}
.arrow_box img{
	width:100%;
}

.plan-L{
	float: left;
	width:60%;
	margin-right: 2%;
	margin-bottom:20px;
}
.plan-L h4 {
 position: relative;
  padding: 12px 15px;
 
  color: #457e85;
  background: #ebf5e4;
	border-left:none;
}
/*
.plan-L h4:before {
  font-size: 15px;

  position: absolute;
  top: -24px;
  left: 0;
  height: 24px;
  padding: 0 1em;
  content: '\PLAN01';
  color: #fff;
  border-radius: 10px 10px 0 0;
  background: #457e85;
}
.plan01 h4:before {
  content: '\PLAN01';
}

.plan02 h4:before {
  content: '\PLAN02';
}
  */
.plan-L p,.plan-L div{
	margin:5px !important;
}


.plan-R{
	float: left;
	width:38%;
	margin-top:30px;
	margin-bottom:20px;

}
.plan-R img{
	width:100%;
}
#guide-riyou caption{
	font-size:20px;
	margin-bottom:10px;
	text-align: left;
	padding-left:10px;
	font-weight: bold;
}
#guide-riyou table{
	margin-bottom:0;
}
.guide-in h5{
	font-size:16px;
}
/*
#guide-riyou th,#guide-riyou td{
	width:30%;
	vertical-align: middle;
	padding: 5px;
}
#guide-riyou th{
	background-color:#fff788;
	font-weight: bold;
	text-align: center;
	border:1px solid #999;

}
#guide-riyou td{
	width:30%;
	vertical-align: middle;
	padding-left:10px;
	
}
*/
.nedan{
	text-align: right;
	border-right:1px solid #999;
	

}
.border-top{
	border-top:1px solid #999;
}
.riyouryou-link{
	text-align: center;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
}
.normaltb th, .normaltb td{
	background: none !important;
	border:none !important;
	text-align: left !important;
	width:auto !important;
	
}

.harf-box{
	display: table-cell;
	width:48%;
	vertical-align:top;
	padding-bottom:20px;
}
.harf-box h4{
	margin-top:0;
}
.harf-box img{
	width:90%;
	padding-left:10%;
}

/*food*/
section , footer{
	clear: both;
}

#food-top{
	background: url("img/top-link02.jpg") center center no-repeat;

}
.food3{
	width:100%;
	clear: both;
}
.food3 div{
	width:31%;
	float:left;
	padding:1%;
	text-align: center;  


}

.food3 div img,#food3 img{
	width:100%;
}
.food3 h4{
	background:none;
	color:#000;
	font-size:16px;
	font-weight: bold;
	margin:10px 0 5px 0px;
	padding:0;
	border-left:none;
}
.food3 p{
	margin-top:0;
}

#food-kihon .menu-akusento,#food-tuika .menu-akusento{
	font-size:16px;
	margin:5px 0 0 0;
}
.menu-akusento{
	color:#6fa686;font-size:14px;
	font-weight: bold;
}
.menu-catch2{
	background-color:#FBFFDA;
	margin:5px;
	margin-left:0;
	padding:10px;
    color: #ff2424;
    font-weight: bold;
}
/*contact*/
#contact-top{
	background: url("img/contact-top.jpg") center center no-repeat;

}
.toiawaseha{
	text-align: center;
}
.toiawaseha p{
	margin-bottom:40px;
}
.toiawaseha .moji-l{
	font-size:40px;
}
#contact-form {
	text-align: center;
}

/*規約エラーメッセージ*/
.kiyaku-wrap .formError.inline {
    display: block !important;
    position: static !important;
}
.kiyaku-wrap .formError .formErrorContent {
    display: block;
    margin-top: 4px;
}

.kiyaku-wrap .formError {
    position: static !important;
    margin-top: 4px;
}


/*食材選択*/
#syokuzai-zeibetu{
	text-align: center;
	border:1px solid #B4B1B1;
	padding:5px;
	background-color:#fdffe6;
	
}
.setmenu{
	width:100%;
	border-bottom:1px solid #DCDCDC;
	padding-bottom:15px;
	margin-bottom:20px;

}
.set-img {
	width:15%;
}
#food-kihon .set-img,#food-tuika .set-img {
	width:30%;
	
}
.set-img img{
	transition: 0.5s;
	width:100%;

}
#food-kihon .set-img img:hover,#food-tuika .set-img img:hover{

	transform: scale(1.3) rotate(0.1deg);

}
	.set-block,.set-img,.ste,.set-kakaku{
	display: table-cell;
	vertical-align:top;

}
.set-block{
	padding-left:2%;
	width:70%;
}
.set-block h4{
	margin:0;
	padding:0;
	background:none;
	font-weight: bold;
	font-size:16px;
	margin-bottom:10px;
	border-left:none;
}
.ste span,.ste-span{
	border:1px solid #FFBBBC;
	padding:2px 5px;
	font-size:12px;
	margin-right:5px;
	color: #E30003;
}
.ste3{
	border:1px solid  #0B9828 !important;
	color: #0B9828 !important;
}

.set-kakaku{
	padding-left:40px;
	font-weight: bold;
}
.set-kakaku span{
	font-size:12px;
	font-weight: normal;
}

.set-block p{
	font-size:12px;
	margin:12px 0;
}
.sonota{
	width:100%;
}
.sonota h4,.sonota .ste{
	display: inline;
}
.sonota h4{
	border-left:none;
	font-size:16px;
	padding:0;
	font-weight: normal;
}
.sonota .ste{
	padding-left:20px;
}
.sonota tr{
	border-bottom:1px solid #DCDCDC;
}

.sonota th,.sonota td{
	
	width:90%;
	display: block;
	
}
.sonota .set-kakaku{
	text-align: right;
	vertical-align:bottom;
}
.sonota-con{
	font-weight: normal
}
#food-kihon .set-block h4,#food-tuika .set-block h4{
	font-size:20px;
}
#food-kihon .set-block p,#food-tuika .set-block p{
	font-size:16px;
}

#syokuzai-tanpin table{
	width:98%;
}
#syokuzai-tanpin tr{
	border-bottom:1px solid #DCDCDC;
}
#syokuzai-tanpin th{
	width:60%
}
#syokuzai-tanpin th,#syokuzai-tanpin td{
	padding:0;
	padding-top:5px;
}
#syokuzai-tanpin td{
	font-weight: bold;
}
.tanpin-kakaku{
	width:20%;
}
.tanpin-kosu{
	width:20%;
	text-align: left;
}
#syokuzai-tanpin input[type='number']{
	width:70px;

}

#mousikomi h2{
	width:100%;
	margin-top:80px;
}
#kakunin-table table{
	width:100%;
}

#kakunin-table th,#kakunin-table td{
	border:1px solid #808080;
	padding:10px;
	width:auto;
}
#riyouryoukin th, #riyouryoukin td{
	border:none;

	padding:10px;
	width:auto;	
}

#riyouryoukin .sinamei{
	border-top:1px solid #c3c3c3;
}
#kakunin-table th{
	background-color:#efefef;
}
.suji-cell{
	text-align: right;
}
.boreder-yoko-none {
border-left:1px solid #666;
border-right:1px solid #666;
}
.boreder-yoko-none td,.boreder-yoko-none th{
border-left:none !important;
border-right:none  !important;

}
.b-top td,.b-top th{
	border-bottom: none !important;
	
}

.b-bot td,.b-bot th{
	border-top: none !important;
	
}
.b-right{
border-right:1px solid #666 !important; }

.sinamei{
	font-weight: bold;
}
#border-none-table th,#border-none-table td{
	border:none;
	
}
#border-none-table tr:nth-child(2n+1) {
	background-color: #f5f5f5;
}

#mousikomi h4 a{
	font-size:12px;
	text-decoration: none;
	background-color:#2aab6a;
	color:#FFF;

	padding:6px 10px;
	border-radius:4px;
	
}
#mousikomi h4 a:hover{
background-color:#1b8c81;
}

#kaku-mail table{
	width:auto;
	margin:0 auto;
}
#kaku-mail th,#kaku-mail td{
	padding:10px 40px
}

/*その他メニュー写真追加用　2021.03.29*/
.sonota-img {
	position:relative;
	top:-20px;
	
}

.sonota-img img{
	width:33%;
}
.sonota-img img:hover{
transform: scale(1.3) rotate(0.1deg);
}

/*焚火*/

/* PC：通常テーブル */
.fire-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.fire-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.fire-table th,
.fire-table td {
    border: 1px solid #c8ddd5;
    padding: 10px 12px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5;
}

.fire-table tr th:first-child {
    text-align: left;
    background: #f0f7f4;
    font-weight: 600;
    color: #3a6b57;
    white-space: nowrap;
}

.fire-table thead th {
    background: #72a791;
    color: white;
    font-weight: 600;
    font-size: 13px;
}

.fire-table thead th:first-child {
    background: #4d8a70;
}

.fire-table td {
    background: white;
    font-size: 16px;
    font-weight: 700;
}

.fire-table td.f-maru { color: #2c7a50; }
.fire-table td.f-batu { color: #aaa; }

.fire-table tbody tr:hover td,
.fire-table tbody tr:hover th { background: #f8fdf9; }

/* スマホ：カード非表示（PC時） */
.fire-cards { display: none; }

/* スマホ：560px以下でカード表示に切り替え */
@media (max-width: 560px) {
    .fire-table-wrap { display: none; }
    .fire-cards { display: block; }

    .fire-card {
        background: white;
        border: 1px solid #c8ddd5;
        border-radius: 8px;
        margin-bottom: 12px;
        overflow: hidden;
    }

    .fire-card-title {
        background: #72a791;
        color: white;
        font-size: 13px;
        font-weight: 700;
        padding: 8px 14px;
    }

    .fire-card-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 9px 14px;
        font-size: 13px;
        border-top: 1px solid #eaf3ef;
    }

    .fire-card-label {
        color: #444;
        flex: 1;
        line-height: 1.4;
    }

    .fire-card-val {
        font-size: 16px;
        font-weight: 700;
        margin-left: 12px;
		min-width: 24px;
		width:24px;
        text-align: center;
		flex-shrink: 0;
    }

    .fire-card-val.f-maru { color: #2c7a50; }
    .fire-card-val.f-batu { color: #aaa; }
}

/* Mobile */
@media (max-width: 750px) {
	.page-hero{
		margin-top:60px;
	}
	#kaku-mail table{
		width:100%;
	}
	#kaku-mail th,#kaku-mail td{
		display: block;
		width:100%;
		padding:10px 0;
	}

	.proposal-b{
		margin-top:60px;
	}
	.proposal-b .content{
		max-width: 90%;
  	  	margin: 0 auto;
	}
	.toiawaseha .moji-l{
		font-size:22px;
	}
	.motikomi_arrow{
	left:-200px;
}
	#kukaku-sentaku{
		overflow: scroll;
	}
	
	#kukaku-sentaku::-webkit-scrollbar{ 
   height: 15px;
	}
	#kukaku-sentaku::-webkit-scrollbar-thumb{ 
	   background: #2cc2e4;
	}
	#kukaku-sentaku::-webkit-scrollbar-track{background:#dddddd;}/*バーの背景色*/

	
	#syokuzai-tanpin th, #syokuzai-tanpin td {
		display: block;
		width:100%;padding:0;
	}
	#syokuzai-tanpin td{
		text-align: left;
	
	}
	.tanpin-kakaku{
		font-weight: bold;	
	}
	#mousikomi h4 a{
		display: block;
	}
	.plan-L,.plan-R{
		float: none;
		width:98%;
		margin-top:0;
	}
	.plan-R{
		margin-bottom:60px;
	}
	#kukaku-sentaku .label,.batu,.p-batu {width:40px;}	
	.form-check label{
		width:100%;
		float: none;
		margin-bottom:5px;
		margin-right: 0;
		padding:12px 0;
	}
	
	#top-img{
		width:94%;
		margin-top:70px;
	}
	.about {
		padding-left: 5%;
		padding-right:5%;
		width:90%;
		overflow: hidden;
	}
.sp_br{
    display: block;
  }
header{
	margin:0;
}

	#global-nav ul{
		float:none;
	}
   #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
    /*   margin-top: 10px;*/
    }
	.yoyaku{
        position: absolute !important;
		text-align: center;
		z-index: 0 !important;
	}
	.yoyaku .inner{
		width:100%;
		
	}
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        background: #fff;
        width: 100%;
        height: 56px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 13px;
       /* top: 13px;*/
        color: #333;
        /*font-size: 26px;*/
		margin:0;
		background-color:#FFF;
		/*width:100%;*/
		display: block;
		padding-top:10px;
    }
	.yoyaku .logo {
		width:100%;
		left:0 !important;
	}
	
	#top-head.fixed .logo, #top-head .logo img{
		/*height:58px;*/
		width:74%;
		height:auto;
		
		-webkit-backface-visibility: hidden;

	}
	.yoyaku .logo img{
		height:58px !important;
		width:auto !important;
	}
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
        background: #333;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
		padding:0
    }
    #global-nav ul li {
        float: none;
        position: static;
		border:none;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
    }
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
	
	#global-nav  span{
			display: inline-block;
	text-align: center;
		width:100%;
		padding-left:0;
	}	
	.hero{
		margin-top:20px;
		padding-top:100px;
		padding-bottom:100px;
			width:100%;
	}
	.container{
		width:100%;
	}
	.top-cont{
		width:90%;
		padding-left:5%;
		padding-bottom:5%;
	}



.text_column {
	width: 100%;
	text-align: justify;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
	
	
#future div,#top-link3 div{
	width:100%;
	padding:1%;
	display: block;
	text-align: center;
	margin-bottom:20px;
}
	
	
	#future div{
		border:none;
		width:98%;
		padding:20px 0;
		
	}
#future div img,#top-link3 img{
	width:80%;
}

	#top-link3 span{
		display: block;
	}
.thumbnail {
	width: 100%;
}
.footer_column {
	width: 100%;
	margin-top: 0px;
}
.parallax {
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 40%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
	font-size: 18px;
}
.parallax_description {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 90%;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	float: none;
	text-align: center;
}
.banner {
	background-color: #2D9AB7;
	background-image: none;
}
.tagline {
	margin-top: 20px;
	line-height: 22px;
}
.hero_header {
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	line-height: 150%;
}
	.top-cont {
		width:85%;
	}
	.top-cont h2{
		text-align: center;
		width:90%;
		margin-left:5%;
		margin-right:5%;
		font-size:22px;
		
	}
	.top-cont p{
		font-size:12px;
	}
	.menu-box{
		display: block;
	}
	
	.menu-img{
		width:100%;
		margin-right:0;
	}
	.menu-naiyou{
		width:100%;
	}
	/*table関連*/
	#kihon table{
		width:100%;
	}
	#kihon th,#kihon td,#riyou th,#riyou td{
		width:100%;
		display: block;
	}
	#kihon th,#riyou th{
		padding-bottom:none;
	}
	#kihon td,#riyou td{
		margin-bottom:20px;
	}
	#kihon th,#kihon td{
		border-top:none;

	}
	#kihon td{
		border-bottom:none;
	}
	.kyan th, .kyan td{
		display: table-cell;
		

	}
	
	#insta .flex-box .f-in{
		width:46%;
		margin-left: 2%;
		margin-right: 2%;
	}
	/*#insta h2{
		text-align: center;
	}*/
	#insta {
		width:90%;
	}
	#menutable th, #menutable td{
		display: table-cell;
		width:auto;
	}
	#menutable th{
		width:60%;
	}
	#menutable td{
		width:30%;
		text-align: right;
	}

	
	#yoyaku-cale{
		display: block;
	}
	#yoyaku-cale table{
		width:100%;
	}
	#yoyaku-cale table th,#yoyaku-cale table td{
		display: table-cell;
		
	}
	#yoyaku-cale table td{
		width:0;
		width:14%;
	}
	

	
	.progressbar{
		margin-top:60px;
		padding-bottom:20px;
	}

	.form-check{
	display: block;
}
	#riyoubi{
		margin-bottom:30px;
	}
	
	#riyoubi th,#riyoubi td,#kukaku-sonota th,#kukaku-sonota td{
		display: block;
		width:100%;
	}
	#riyoubi th,#riyoubi td{
		text-align: center;
	}
	
	#kukaku-sentaku table{
		width:98%;
		table-layout: auto;
	}
	#kukaku-sonota select{
		font-size:22px;
		
	}

	#kukaku-sonota th{
		border:none;
		padding-bottom:0;
	}
	input[type='number']{
		width:30%;
	
	}
	
	.food3 div{
		float: none;
		width:100%;

	
	}

	.food3 div img{
		width:70%;
	}
	.modoru-bottom{
		display: block;
		margin:20px 20%;
		/*text-align: left;*/
	}

#mousikomi h2{
	margin-top:0px;
}
	
	.harf-box{
		display: block;
		width:100%;
		
	}
	.harf-box img{
		width:100%;
		padding:0;
	}
	#food-kihon .set-img,#food-tuika .set-img{
		width:100% !important;
		display: block;
	}
	#food-kihon .set-img img,#food-tuika .set-img img{
		width:100%;
		padding-bottom:10px;
	}
	#food-kihon .set-img img:hover,#food-tuika .set-img img:hover,.sonota-img img:hover{
		transform: none;
	}
	#mousikomi .set-img{
		display: none !important;
	}
	#insta h2{
		width: 60%;
		
	}
	#insta h2 img{
		width:100%;
	}
	
	/*その他メニュー写真追加用　2021.03.29*/
	.sonota-img {
		position:relative;
		top:0;
		width:100% !important;
	}

	.sonota-img img{
		width:100%;
	}

	.option-row {
        grid-template-columns: 1fr minmax(70px, max-content) 2em 70px;
    }
	.option-row input[type='number'] {
    	width: 70px;
	}

    .option-row label {
		grid-column: 1 / -1;
    }

}/*media とめ*/

@media screen and (min-width:751px) and (max-width: 989px) {
	/* 959px以下に適用されるCSS（タブレット用） */
	
	#top-img{
		width:100%;
	}
	.container{
		width:90%;
	}
	.about,.inner{
		width:98%;
		
	}
	.hero{
		width:100%;
	}
	#top-head .logo{
		float:none;
		
	}
	#global-nav ul{
		float: none;
		margin:10px  auto;
		
		border-collapse: collapse;
	
	}
	#global-nav ul li{
		display: inline-block;
		width:24%;
		text-align: center;
		margin:10px 0;
		border-left:1px solid #DCDCDC;
		
		
	}
	#global-nav .navi-last{
		border-right:1px solid #DCDCDC;

	}

	#global-nav  span{
		display: inline-block;
		text-align: center;
		width:100%;
		padding-left:0;
	}
		#top-link3 span{
		display: block;
	}
	#kihon table{
		width:100%;
	}
	#kukaku-sonota th,#kukaku-sonota td{
		width:100%;
		display: block;
	}

	#kukaku-sonota th{
		border:none;
		padding-bottom:0;
	}
	
	

}