/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

img{
	width: 100%;
	height: auto;
}

hr{
	border-top: 1px #999 solid;
}

nav ul a,
nav .brand-logo {
  color: #444;
}

p {
  line-height: 2rem;
}

strong{
	color:#777
}
.info-gray{color: #595959;} /*もと777(@20230125)*/
.info-red{color: #FF0000;} /*もと777(@20230125)*/

.sidenav-trigger {
  color: #26a69a;
}

.parallax-container {
  line-height: 0;
  height: 70vh;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }
  
  
  header{
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	flex-direction: row;
	}
	
.centerbox{
	position: absolute;
	transform: translateY(-50%) translateX(-50%);


  -webkit-transform: translateY(-50%) translateX(-50%);
	line-height: 50px;
	}

.w-100{width: 100%;}
	
.bold{
	font-weight: bold !important;
}
.radius-30{
	border-radius: 30px !important;
}
	
.top-att{
	background-color: #fff;
	margin: 0 0 2rem 0;
	padding: 1rem;
	font-size: 90%;
}

.top-attB{
	background-color: #fff;
	margin: 0 0 2rem 0;
	padding: 1rem;
	font-size: 110%;
}
.top-att p{
	line-height: 1.6;
	margin-bottom: 0;
}
.top-att ul{
	display: inline-block;
	text-align: left;
	margin-bottom: 0;
	margin-left: 2rem;
}
.top-att ul li{
	list-style-type: decimal;
	line-height: 1.6;
}
.top-att hr{
	border-top: 1px dashed #bbb;
	max-width: 80%;
}
.top-att-flex img{
	width: 100%;
	max-width: 640px;
}

@media (max-width: 640px){
	.top-att ul{margin-left: 1rem;}
	.top-att hr{max-width: 100%;}
	.top-att-flex img{padding-top: 1rem;}
}
@media (min-width: 640px){
	.top-att-flex{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.top-att-flex img{
		max-width: 284px;
	}
	.top-att1{width: calc(70% - 10px);}
	.top-att2{
		width: calc(30% - 10px);
		padding-left: 20px;
	}
}
	
		/* パソコンで見たときは"pc"のclassがついた画像が表示される */
	.pc { display: block !important; }
	.sp { display: none !important; }
.pc-only{ display: inline !important; }


@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
  
  header{
	padding: 1em;
	display: flex;
	flex-direction: column;
	align-items: center;
}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
.pc { display: none !important; }
.sp { display: block !important; }
.pc-only{ display: none !important; }


.left-align-sp {text-align: left;}
.mt0-sp{margin-top: 0 !important;}
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
  /* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
.pc { display: none !important; }
.sp { display: block !important; }
.pc-only{ display: none !important; }
.line-height-sm-6{line-height: 1.6 !important;}
.display-sm-inline-block{display: inline-block !important;}
	.sm-font-long{transform: scale(0.7,1);}
	.w-sm-100{width: 100%; height: auto;}
	
.top-att p{text-align: left !important;}
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}


header{
	padding: 1em;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/*ツールボックス*/

.top-icons{font-size: 2rem !important; vertical-align: text-top; padding-right: 10px;}
.sub-h{
	background: none;
	color: #927c4c;
	font-size: 1.5rem !important;
	font-weight: normal;
	padding-left: 0;
	margin: 1.75rem 0 1rem 0;
}
.sub-h3{
	background-color: #aaa;
	text-align: center;
	border: 3px #fff double;
}
h3.sub-h3::after {
	display: none;
}

/* --------- flow --------- */
#flow h2{color: #333;}
#flow h3{
	padding: 0.4em 0.5em;
	border-bottom: solid 3px #d7d7d7;
	margin-bottom: 20px;
	color: #666;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 1em;
}
#flow ul{
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0;
}
#flow ul li{
	border: 5px solid #ccc;
	border-radius: 10px;
	margin-bottom: 35px;
	padding: 4px 10px;
	position: relative;
	background-color: #FFF;
}
#flow ul li:before{
	bottom: -34px;
	color: #ccc;
	content: "▼";
	font-size: 24px !important;
	left: 48%;
	position: absolute;
}
#flow ul li:last-child:before{/*最後の▼を外す*/
	content: "";
}
#flow ul li h3:first-letter{/*1文字めを大きく*/
    font-family: garamond,times;
    font-size: 2em;
    font-style: italic;
}
#flow ul li img{
	margin: 5px auto 0;
	width:100%;
	display: block;
}


.sub-img{width: 100%;}
@media (min-width: 992px) {
	.sub-img{margin-top: 1.8rem !important;}
}

/*menubt*/
#menubt{
	width: 72px;
	height: 72px;
	display: none;
	position: fixed;
	right: 0px;
	top: 16px;
	z-index: 2;
}
#menubt p{
	margin:0;
	padding:0;
	text-align:center;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
#menubt p:hover{
	opacity: 0.50; /* 25％ほど透明にする */
}
#move-menubt{
	line-height:72px;
	display:block;
	cursor:pointer;
}

/*ハンバーガーmenu*/

#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 43px;
  height: 70px;
  background-image:url(../img/yoyakubt.gif);
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  background-image:url(../img/yoyakubt.gif);
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 999;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #FFF;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .5;
}
/*カバーを表示*/
#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
/*中身を表示（右へスライド）*/

.btn3{
	display: inline-block;
	background-color: #3399CC;/*背景色*/
	color: #FFF;/*文字色*/
	font-size: 1em;/*文字サイズ*/
	text-decoration: none;
	letter-spacing: 0.05em;/*字間*/
	padding: 0.2em 1em;/*ボタン内の余白*/
	border-radius: 3px;/*角の丸み*/
	cursor: pointer;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
	-webkit-tap-highlight-color: transparent;
	transition: .3s ease-out;/*変化を緩やかに*/
	max-width: 280px;
	width: 100%;
	line-height: 40px;
}
.btn3:hover{
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
}
.btn4{
	display: inline-block;
	background-color: #FFF;/*背景色*/
	color: #555;/*文字色*/
	font-size: 1em;/*文字サイズ*/
	text-decoration: none;
	letter-spacing: 0.05em;/*字間*/
	padding: 0.2em 1em;/*ボタン内の余白*/
	border-radius: 3px;/*角の丸み*/
	cursor: pointer;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
	-webkit-tap-highlight-color: transparent;
	transition: .3s ease-out;/*変化を緩やかに*/
	max-width: 280px;
	width: 100%;
	line-height: 40px;
}
.btn4:hover{
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
}
.btn5{
	display: inline-block;
	background-color: #595959;/*背景色(もとc6c6c6(@20230125))*/
	color: #FFF;/*文字色*/
	font-size: 1em;/*文字サイズ*/
	text-decoration: none;
	letter-spacing: 0.05em;/*字間*/
	padding: 0.2em 1em;/*ボタン内の余白*/
	border-radius: 3px;/*角の丸み*/
	cursor: pointer;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
	-webkit-tap-highlight-color: transparent;
	transition: .3s ease-out;/*変化を緩やかに*/
	max-width: 280px;
	width: 100%;
	line-height: 40px;
}
.btn5:hover{
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
}

.text-left{text-align: left !important;}
.text-center{text-align: center !important;}
.text-right{text-align: right !important;}

.border{border: 1px #ccc solid;}
.border-0 {border: none !important;}
.border-top {border-top: 1px #999 solid !important;}
.border-bottom {border-bottom: 1px #999 solid !important;}
.border-right {border-right: 1px #999 solid !important;}
.border-left {border-left: 1px #999 solid !important;}
.border-dotted{border: 1px #999 dotted !important;}

.border-top-ccc {border-top: 1px #ccc solid !important;}
.border-bottom-ccc {border-bottom: 1px #ccc solid !important;}



.m-auto {margin: auto !important;}
.m-0 {margin: 0 !important;}
.m-1 {margin: 0.25rem !important;}
.m-2 {margin: 0.5rem !important;}
.m-3 {margin: 1rem !important;}
.m-4 {margin: 1.5rem !important;}
.m-5 {margin: 2rem !important;}
.m-6 {margin: 3rem !important;}

.mt-auto {margin-top: auto !important;}
.mt-0 {margin-top: 0 !important;}
.mt-1 {margin-top: 0.25rem !important;}
.mt-2 {margin-top: 0.5rem !important;}
.mt-3 {margin-top: 1rem !important;}
.mt-4 {margin-top: 1.5rem !important;}
.mt-5 {margin-top: 2rem !important;}
.mt-6 {margin-top: 3rem !important;}

.mb-auto {margin-bottom: auto !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-1 {margin-bottom: 0.25rem !important;}
.mb-2 {margin-bottom: 0.5rem !important;}
.mb-3 {margin-bottom: 1rem !important;}
.mb-4 {margin-bottom: 1.5rem !important;}
.mb-5 {margin-bottom: 2rem !important;}
.mb-6 {margin-bottom: 3rem !important;}

.ml-auto {margin-left: auto !important;}
.ml-0 {margin-left: 0 !important;}
.ml-1 {margin-left: 0.25rem !important;}
.ml-2 {margin-left: 0.5rem !important;}
.ml-3 {margin-left: 1rem !important;}
.ml-4 {margin-left: 1.5rem !important;}
.ml-5 {margin-left: 2rem !important;}
.ml-6 {margin-left: 3rem !important;}

.mr-auto {margin-right: auto !important;}
.mr-0 {margin-right: 0 !important;}
.mr-1 {margin-right: 0.25rem !important;}
.mr-2 {margin-right: 0.5rem !important;}
.mr-3 {margin-right: 1rem !important;}
.mr-4 {margin-right: 1.5rem !important;}
.mr-5 {margin-right: 2rem !important;}
.mr-6 {margin-right: 3rem !important;}

.p-0 {padding: 0 !important;}
.p-1 {padding: 0.25rem !important;}
.p-2 {padding: 0.5rem !important;}
.p-3 {padding: 1rem !important;}
.p-4 {padding: 1.5rem !important;}
.p-5 {padding: 2rem !important;}
.p-6 {padding: 3rem !important;}

.pt-0 {padding-top: 0 !important;}
.pt-1 {padding-top: 0.25rem !important;}
.pt-2 {padding-top: 0.5rem !important;}
.pt-3 {padding-top: 1rem !important;}
.pt-4 {padding-top: 1.5rem !important;}
.pt-5 {padding-top: 2rem !important;}
.pt-6 {padding-top: 3rem !important;}

.pb-0 {padding-bottom: 0 !important;}
.pb-1 {padding-bottom: 0.25rem !important;}
.pb-2 {padding-bottom: 0.5rem !important;}
.pb-3 {padding-bottom: 1rem !important;}
.pb-4 {padding-bottom: 1.5rem !important;}
.pb-5 {padding-bottom: 2rem !important;}
.pb-6 {padding-bottom: 3rem !important;}

.pl-0 {padding-left: 0 !important;}
.pl-1 {padding-left: 0.25rem !important;}
.pl-2 {padding-left: 0.5rem !important;}
.pl-3 {padding-left: 1rem !important;}
.pl-4 {padding-left: 1.5rem !important;}
.pl-5 {padding-left: 2rem !important;}
.pl-6 {padding-left: 3rem !important;}

.pr-0 {padding-right: 0 !important;}
.pr-1 {padding-right: 0.25rem !important;}
.pr-2 {padding-right: 0.5rem !important;}
.pr-3 {padding-right: 1rem !important;}
.pr-4 {padding-right: 1.5rem !important;}
.pr-5 {padding-right: 2rem !important;}
.pr-6 {padding-right: 3rem !important;}

.big-3{font-size: 200% !important;}
.big-2{font-size: 150% !important;}
.big-1{font-size: 120% !important;}
.small-1{font-size: 90% !important;}
.small-2{font-size: 80% !important;}
.small-3{font-size: 75% !important;}
.d-none{display: none !important;}
.d-inline{display: inline !important;}
.d-block{display: block !important;}
.d-inline-block{display: inline-block !important;}
.w-100{width: 100% !important;}
.w-90{width: 90% !important;}
.w-80{width: 80% !important;}
.line-height-1{line-height: 1 !important;}
.line-height-2{line-height: 1.2 !important;}
.line-height-3{line-height: 1.3 !important;}
.line-height-4{line-height: 1.4 !important;}
.line-height-5{line-height: 1.5 !important;}
.line-height-6{line-height: 1.6 !important;}

.justify-between{justify-content: space-between !important;}
.border-bottom-pale-blue{border-bottom: 3px #dcdcdc solid;}
.border-top-pale-blue{border-top: 3px #dcdcdc solid;}
.material-icons{
	display: inline-flex;
	vertical-align: middle;
}
.row-flex{
	display: flex;
	flex-wrap: wrap;
}

@media screen and (min-width : 960px) {

	.d-md-none{display: none !important;}
	.d-md-inline{display: inline !important;}
	.d-md-block{display: block !important;}
	.d-md-inline-block{display: inline-block !important;}

	.w-md-100{width: 100% !important;}
	.w-md-90{width: 90% !important;}
	.w-md-80{width: 80% !important;}
	.w-md-70{width: 70% !important;}
	.w-md-60{width: 60% !important;}
	.w-md-50{width: 50% !important;}
	
	.m-md-auto {margin-top: auto !important;}
	.m-md-0 {margin: 0 !important;}
	.m-md-1 {margin: 0.25rem !important;}
	.m-md-2 {margin: 0.5rem !important;}
	.m-md-3 {margin: 1rem !important;}
	.m-md-4 {margin: 1.5rem !important;}
	.m-md-5 {margin: 2rem !important;}
	.m-md-6 {margin: 3rem !important;}

	.mt-md-auto {margin-top: auto !important;}
	.mt-md-0 {margin-top: 0 !important;}
	.mt-md-1 {margin-top: 0.25rem !important;}
	.mt-md-2 {margin-top: 0.5rem !important;}
	.mt-md-3 {margin-top: 1rem !important;}
	.mt-md-4 {margin-top: 1.5rem !important;}
	.mt-md-5 {margin-top: 2rem !important;}
	.mt-md-6 {margin-top: 3rem !important;}

	.mb-md-auto {margin-bottom: auto !important;}
	.mb-md-0 {margin-bottom: 0 !important;}
	.mb-md-1 {margin-bottom: 0.25rem !important;}
	.mb-md-2 {margin-bottom: 0.5rem !important;}
	.mb-md-3 {margin-bottom: 1rem !important;}
	.mb-md-4 {margin-bottom: 1.5rem !important;}
	.mb-md-5 {margin-bottom: 2rem !important;}
	.mb-md-6 {margin-bottom: 3rem !important;}

	.ml-md-auto {margin-left: auto !important;}
	.ml-md-0 {margin-left: 0 !important;}
	.ml-md-1 {margin-left: 0.25rem !important;}
	.ml-md-2 {margin-left: 0.5rem !important;}
	.ml-md-3 {margin-left: 1rem !important;}
	.ml-md-4 {margin-left: 1.5rem !important;}
	.ml-md-5 {margin-left: 2rem !important;}
	.ml-md-6 {margin-left: 3rem !important;}

	.mr-md-auto {margin-right: auto !important;}
	.mr-md-0 {margin-right: 0 !important;}
	.mr-md-1 {margin-right: 0.25rem !important;}
	.mr-md-2 {margin-right: 0.5rem !important;}
	.mr-md-3 {margin-right: 1rem !important;}
	.mr-md-4 {margin-right: 1.5rem !important;}
	.mr-md-5 {margin-right: 2rem !important;}
	.mr-md-6 {margin-right: 3rem !important;}

	.p-md-0 {padding: 0 !important;}
	.p-md-1 {padding: 0.25rem !important;}
	.p-md-2 {padding: 0.5rem !important;}
	.p-md-3 {padding: 1rem !important;}
	.p-md-4 {padding: 1.5rem !important;}
	.p-md-5 {padding: 2rem !important;}
	.p-md-6 {padding: 3rem !important;}

	.pt-md-0 {padding-top: 0 !important;}
	.pt-md-1 {padding-top: 0.25rem !important;}
	.pt-md-2 {padding-top: 0.5rem !important;}
	.pt-md-3 {padding-top: 1rem !important;}
	.pt-md-4 {padding-top: 1.5rem !important;}
	.pt-md-5 {padding-top: 2rem !important;}
	.pt-md-6 {padding-top: 3rem !important;}

	.pb-md-0 {padding-bottom: 0 !important;}
	.pb-md-1 {padding-bottom: 0.25rem !important;}
	.pb-md-2 {padding-bottom: 0.5rem !important;}
	.pb-md-3 {padding-bottom: 1rem !important;}
	.pb-md-4 {padding-bottom: 1.5rem !important;}
	.pb-md-5 {padding-bottom: 2rem !important;}
	.pb-md-6 {padding-bottom: 3rem !important;}

	.pl-md-0 {padding-left: 0 !important;}
	.pl-md-1 {padding-left: 0.25rem !important;}
	.pl-md-2 {padding-left: 0.5rem !important;}
	.pl-md-3 {padding-left: 1rem !important;}
	.pl-md-4 {padding-left: 1.5rem !important;}
	.pl-md-5 {padding-left: 2rem !important;}
	.pl-md-6 {padding-left: 3rem !important;}

	.pr-md-0 {padding-right: 0 !important;}
	.pr-md-1 {padding-right: 0.25rem !important;}
	.pr-md-2 {padding-right: 0.5rem !important;}
	.pr-md-3 {padding-right: 1rem !important;}
	.pr-md-4 {padding-right: 1.5rem !important;}
	.pr-md-5 {padding-right: 2rem !important;}
	.pr-md-6 {padding-right: 3rem !important;}

	.line-height-md-1{line-height: 1 !important;}
	.line-height-md-2{line-height: 1.2 !important;}
	.line-height-md-3{line-height: 1.3 !important;}
	.line-height-md-4{line-height: 1.4 !important;}
	.line-height-md-5{line-height: 1.5 !important;}
	.line-height-md-6{line-height: 1.6 !important;}

	.row-md-flex{
		display: flex !important;
		flex-wrap: wrap;
	}
	.md-relative{
		position: relative !important;
	}
	.menu-list-btn{
		display: block !important;
		position: absolute !important;
		bottom: 0px;
		left: 0;
		margin-bottom: -50px;
	}
	.left-auto{
		left: auto !important;
	}
	.w-md-67{
		width: 67% !important;
	}
}

@media only screen and (min-width: 601px) {
	.row-flex .col.m4c {
		width: calc(33.3333333333% - 10px);
		margin-left: auto;
		left: auto;
		right: auto;
  }
	.row-flex .col.m4d {
		width: calc(33.3333333333% - 24px);
		margin-left: auto;
		left: auto;
		right: auto;
  }

	.row-flex .col.m3c {
		width: calc(25% - 10px);
		margin-left: auto;
		left: auto;
		right: auto;
  }

	.row-flex .col.m6c {
		width: calc(50% - 24px);
		margin-left: auto;
		left: auto;
		right: auto;
  }
}

#humberger {
  position: relative;
  height: 24px;
  width: 24px;
  display: inline-block;
  box-sizing: border-box;
  top: 7px;
}
#humberger div {
  position: absolute;
  left: 0;
  height: 4px;
  width: 24px;
  background-color: #fff;
  border-radius: 2px;
  display: inline-block;
  box-sizing: border-box;
}
#humberger div:nth-of-type(1) {
  top: 0px;
}
#humberger div:nth-of-type(2) {
  top: 10px;
}
#humberger div:nth-of-type(3) {
  bottom: 0;
}

.parking .material-icons{
	padding-bottom: 6px;
}
.top-icons{
	margin-top: -6px;
}

.rinji{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.rinji > div{width: 100%; text-align: center;}
@media screen and (min-width : 960px) {
	.rinji > div{
		width: 48%;
	}
}

.sunday_annotation{
	font-size: small;
}