@charset "UTF-8";
   
/*------------------------------------------------------------
  共通部分
-------------------------------------------------------------*/

body {
background-color: #ffffff;
}

.hero-head,
.hero-foot {
	flex-shrink: 0;
	box-shadow: 0 1px 0 rgba(211, 214, 219, 0.3);
}

.container {
	position: relative;
}

@media screen and (min-width: 980px) {
	.container {
		margin: 0 auto;
		max-width: 960px;
	}
	.container.is-fluid {
		margin: 0 20px;
	max-width: none;
	}
}

@media screen and (min-width: 1180px) {
	.container {
		max-width: 1000px;
	}
}

.nav-item {
	align-items: center;
	display: flex;
	justify-content: center;
	padding: 10px;
}

.nav-item a {
	flex-grow: 1;
}

.nav-item img {
	max-height: 80px;
}

.nav-item .button + .button {
  margin-left: 10px;
}

.nav-item .tag:first-child {
	margin-right: 5px;
}

.nav-item .tag:last-child {
	margin-left: 5px;
}

@media screen and (max-width: 768px) {
	.nav-item {
		justify-content: flex-start;
	}
}

.nav-item a,
a.nav-item {
	color: #69707a;
}

.nav-item a:hover,
a.nav-item:hover {
  color: #222324;
}

.nav-item a.is-active,
a.nav-item.is-active {
	color: #222324;
}

.nav-item a.is-tab,
a.nav-item.is-tab {
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
	padding-left: 12px;
	padding-right: 12px;
}

.nav-item a.is-tab:hover,
a.nav-item.is-tab:hover {
	border-bottom: 1px solid #1fc8db;
	border-top: 1px solid transparent;
}

.nav-item a.is-tab.is-active,
a.nav-item.is-tab.is-active {
	border-bottom: 3px solid #1fc8db;
	border-top: 3px solid transparent;
	color: #1fc8db;
}

@media screen and (max-width: 768px) {
	.nav-menu {
	background: #fff;
	box-shadow: 0 4px 7px rgba(17, 17, 17, 0.1);
	left: 0;
	display: none;
	right: 0;
	top: 100%;
	position: absolute;
	}
	.nav-menu .nav-item {
	border-top: 1px solid rgba(211, 214, 219, 0.5);
	padding: 10px;
	}
	.nav-menu.is-active {
		display: block;
	}
}

.block-entry {
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
}
.block-entry.is-slim {
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
}

.block-entry.is-middle {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.block-entry p:not(:last-child), .block-entry ol:not(:last-child), .block-entry ul:not(:last-child) {
	margin-bottom: 1em;
}

.main{
	min-height: 600px;
}
/* section */

.sectionBlock {
	padding: 40px 0;
}

/* contents title */

.main-tit {
	font-size: 24px;
	/*margin-bottom: 35px;*/
	font-weight: bold;
	line-height: 55px;
}

h1.m-ttl {
	color: #222324;
	font-size: 22px;
}

.content h1:not(:first-child),
.content h2:not(:first-child),
.content h3:not(:first-child) {
	margin-top: 40px;
}

.content h1 {
	font-size: 2em;
}

.content h2 {
	font-size: 1.75em;
}

.content h3 {
	font-size: 1.5em;
}

.content h4 {
	font-size: 1.25em;
}

.content h5 {
	font-size: 1.125em;
}

.content h6 {
  font-size: 1em;
}

/* Elements - Notification */
.notification {
	background: #f5f7fa;
	border-radius: 3px;
	padding: 16px 20px;
	position: relative;
}

.notification:after {
	clear: both;
	content: " ";
	display: table;
}

.notification .delete, .notification .modal-close {
	border-radius: 0 3px;
	float: right;
	margin: -16px -20px 0 20px;
}

.notification .subtitle,
.notification .title {
	color: inherit;
}

/*------------------------------------------------------------
  float・・・左右の回り込み
-------------------------------------------------------------*/

.fl-r{ float: right; }/*右に回り込み*/
.fl-l{ float: left; }/*左に回り込み*/
.fl-c{ clear: both; display: block; text-align: center;}
.block{ display: block; }/*ブロック要素として表示*/

/*------------------------------------------------------------
　valign・・・文字の縦位置
-------------------------------------------------------------*/

.vl-t{ vertical-align: top; }/*上寄せ*/
.vl-m{ vertical-align: middle!important; }/*中央寄せ*/
.vl-b{ vertical-align: bottom; }/*下寄せ*/

/*------------------------------------------------------------
  color・・・フォントカラーの設定
-------------------------------------------------------------*/
.black a { color: #000 !important;}/*黒*/
.black{ color: #000!important; }/*黒*/
.red { color: #C00!important; }/*赤*/
.f_red { color: #F00;!important; }/*鮮やかな赤*/
.blue {	color: #36C!important; }/*青*/
.gray {	color: #8C8C8C!important; }/*灰*/
.brown { color: #930!important; }/*茶色*/
.orange { color: #F60!important; }/*橙*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #008000!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #1F26A9!important; }/*紺*/
.pink{ color: #cc6699!important; }/*ピンク*/
.purple{ color: #660099!important; }/*紫*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/
.white{ color: #fff!important; }/*白*/

/*------------------------------------------------------------
  font-size・・・フォントサイズの設定
-------------------------------------------------------------*/
.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/

#contents em { font-style: italic; }

.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }

.f08em{ font-size: 0.8em!important; }
.f09em{ font-size: 0.9em!important; }
.f10em{ font-size: 1.0em!important; }
.f11em{ font-size: 1.1em!important; }
.f12em{ font-size: 1.2em!important; }
.f13em{ font-size: 1.3em!important; }
.f14em{ font-size: 1.4em!important; }
.f15em{ font-size: 1.5em!important; }
.f16em{ font-size: 1.6em!important; }
.f17em{ font-size: 1.7em!important; }
.f18em{ font-size: 1.8em!important; }
.f19em{ font-size: 1.9em!important; }
.f20em{ font-size: 2.0em!important; }
.f21em{ font-size: 2.1em!important; }
.f22em{ font-size: 2.2em!important; }
.f23em{ font-size: 2.3em!important; }
.f24em{ font-size: 2.4em!important; }

.bold {	font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/
.m { font-size: 107.8%;	}
.s { font-size: 77%!important; }
.l { font-size: 123.1%;	}
.xl { font-size: 138.5%;	}

/*------------------------------------------------------------
  下線や取消線の設定
-------------------------------------------------------------*/
.underline{ text-decoration: underline!important; }
.del{ text-decoration:line-through;}
.noborder{ border: 0!important; }/*枠線を無くす*/

.border_double { border-bottom: 3px double; }
.border_double_r { 	border-bottom: 3px double #E82800; }

/*------------------------------------------------------------
  margin・・・周りのブロックからの距離
-------------------------------------------------------------*/
.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }/*周りからのmarginを5pxに*/
.m5-t{ margin-top: 5px!important; }/*周りからのmarginを5pxに*/
.m5-r{ margin-right: 5px!important; }/*周りからのmarginを5pxに*/
.m5-b{ margin-bottom: 5px!important; }/*周りからのmarginを5pxに*/
.m5-l{ margin-left: 5px!important; }/*周りからのmarginを5pxに*/

.m10{ margin: 10px!important; }/*周りからのmarginを10pxに*/
.m10-t{ margin-top: 10px!important; }/*周りからのmarginを10pxに*/
.m10-r{ margin-right: 10px!important; }/*周りからのmarginを10pxに*/
.m10-b{ margin-bottom: 10px!important; }/*周りからのmarginを10pxに*/
.m10-l{ margin-left: 10px!important; }/*周りからのmarginを10pxに*/

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }


/*------------------------------------------------------------
  padding・・・周りのブロックからの距離（padding）
-------------------------------------------------------------*/
.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

/*------------------------------------------------------------
  indent・・・文字のインデント
-------------------------------------------------------------*/
.indent-1em {
	margin: 0;
	text-indent: -1.0em !important;
	padding-left: 1.0em !important;
}

.indent2em{
	margin-left: 2em; /* ブロック全体を 1em 右に */
	text-indent: -2em; /* 先頭の1文字のみ 1em 左に */
}

.indent2em{
	margin-left: 2em; /* ブロック全体を 1em 右に */
	text-indent: -2em; /* 先頭の1文字のみ 1em 左に */
}

/*------------------------------------------------------------
  line-heigh・・・行間
-------------------------------------------------------------*/
.lh-14 { line-height: 1.4 !important; }
.lh-16 { line-height: 1.6 !important; }
.lh-18 { line-height: 1.8 !important; }
.lh-20 { line-height: 2.0 !important; }
.lh-22 { line-height: 2.2 !important; }

/*------------------------------------------------------------
  formテーブル部分
-------------------------------------------------------------*/
#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}
@media screen and (max-width:572px) {
/*　画面サイズが572px以下はここを読み込む　*/

	#formWrap {
		width:90%;
		margin:0 auto;
	}
	table.formTable th, table.formTable td {
		width:auto;
		display:block;
	}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
	}
	input[type="text"], textarea {
		width:80%;
		padding:5px;
		font-size:110%;
		display:block;
			}
	input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
	}

/*　スマホ用カレンダーの設定　*/
h2{
	background:#333;
	border-radius:6px;
	color:#fff;
	text-align:center;
	padding:2px;
	text-shadow:none;
	font-size:120%;
	margin:3px;
}
/*土曜の文字色*/
.youbi_6{
	color:#36F;
}
/*祝日と日曜の文字色*/
.youbi_0,.shukujitu{
	color:red;
}
/*本日の背景色　※ただし設定ファイルでの設定が優先されます*/
.today{
	background:#FF9;
}
/*休業日設定した日の背景色　※ただし設定ファイルでの設定が優先されます*/
.holiday{
	background:#FDD;	
}
/*定休日設定した日の背景色　※ただし設定ファイルでの設定が優先されます*/
.closed{
	background:#FDD;	
}
.hidden{
	display:none;	
}
/*休業日テキスト部の左側の四角*/
.holidayCube{
	display:inline-block;
	width:13px;
	height:13px;
	margin:3px 3px 0 3px;
	position:relative;
	top:2px;
}
/*定休日テキスト部の左側の四角*/
.closedCube{
	display:inline-block;
	width:13px;
	height:13px;
	margin:3px 3px 0 3px;
	position:relative;
	top:2px;
}
.scheduleComment{
	font-size:80%;
	font-weight:normal;
	color:#333;
}
.schedulePulldownList{
	font-size:90%;
	font-weight:normal;
	color:#333;
	padding:5px 0 5px;
	border-bottom:2px dotted #aaa;
}

.borderless{border:0!important}

}


/* ==========================================================================
予約申込みボタン
========================================================================== */	 
.btn-gradient-radius {
  display: inline-block;
  padding: 7px 20px;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(45deg, #f18085 0%, #f50b16 100%);
  transition: .4s;
}

.btn-gradient-radius:hover {
  text-decoration: none;
  color: #e2e0e0;
  background-image: linear-gradient(45deg, #f18085 0%, #e30601 100%);
}

.btn-gradient-radius a:visited {
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(45deg, #f18085 0%, #f50b16 100%);
}

.btn-gradient-radius a:active {
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(45deg, #f18085 0%, #f50b16 100%);
}
	
	.notch {
		background-color: #CCFFCC;
		padding:20px;
	}