@charset "UTF-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}*html body {background: url(null) fixed;}html {overflow-y: scroll;}
h2,h3,h4,h5,h6 {font-size: 130%;font-weight: lighter;letter-spacing: 0.3em;text-indent: -0.1em;display: block;}
:focus {outline: 0;}
.fade1,fade2,fade3 {display: block;}
ol, ul, li {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img {border: 0; /* 1 */-ms-interpolation-mode: bicubic; /* 2 */}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, label {display: block;}
/* -------------------------------------------------------------- */

body {
	font-family: "ヒラギノ明朝 ProN W3" , "Hiragino Mincho ProN" , "HG明朝E" , "ＭＳ Ｐ明朝" , "ＭＳ 明朝", "メイリオ" , Meiryo , serif;
	color: #333;
	letter-spacing:1px;
	line-height:240%;
	font-size: 14px;
	text-indent: -0.1em;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
}




/* マウスドラッグ時ハイライトカラー設定
------------------------------------------------------------*/
::selection {
	background: rgb(255, 255, 255); /* Safari */
	color:#000;
}
	
::-moz-selection {
	background: rgb(255, 255, 255); /* Firefox */
	color:#000;
}


/* リンク設定
------------------------------------------------------------*/
/* 20200811 メールアドレスLINK設定のため変更 */
/*a{ color: #abcd03; text-decoration:none; }
a:hover{
	color: #abcd03;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-decoration:none!important;
}*/
a{
	margin:0px;
	padding: 0px;
}

.ColorA a{ color: #FFFFFF!important; text-decoration:none; }
.ColorA a:hover{
	color: #FFFFFF!important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-decoration:none!important;
}

/* 20200811 メールアドレスLINK設定のため追加 リンクカラーB */
.ColorB a{
	color: #333!important;
	text-decoration:none;
	font-size: 16px;
	font-weight: bold;
}
.ColorB a:hover{
	color: #8c0404!important;	/* .textREDと同色 */
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-decoration:none!important;
	font-size: 16px;
}

/* 20200811 電話番号用 */
.ColorC a{
	color: #333!important;
	text-decoration:none;
}
.ColorC a:hover{
	color: #333!important;	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-decoration:none!important;
}


.ColorA a:active, .ColorA a:focus,
.ColorB a:active, .ColorB a:focus,
.ColorC a:active, .ColorC a:focus
 {outline:0;}





a:active, a:focus {outline:0;}

/* clear
------------------------------------------------------------*/
.clear { clear: both !important; }
.clearfix { display: inline-table; }
.clearfix:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
}

/* Hides from IE-mac \*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* hr
------------------------------------------------------------*/
hr {
	height: 1px;
	border: none;
	border-top: 1px #ccc solid;
}
hr.dotted {
	height: 1px;
	border: none;
	border-top: 1px #ccc dotted;
}



/* 全体
------------------------------------------------------------*/
img {
	max-width: 100%;
}

#wrapper{
	margin:0 auto;
	padding:0;
	width:100%;
	position:relative;
}

/* section BoxColor */ 
#BgeBody	{ background-color: rgb(253,253,252); color:#000; }

/* section BoxSize */ 
.padding60	{ width:100%; padding:60px 0 60px 0; }


/* =======================================
＊ ヘッダー グローバルナビ
======================================= */

/* Navigation 
------------------------------------------------------------*/
.header_top 		{ width:100%; text-align:left; position:absolute; z-index:50; padding:30px 0 20px 0; }
.header 			{ width:100%; text-align:center; padding:30px 0 60px 0;  }
.header_top h1		{ margin: 0; }
.site_title_top		{ color:#fff; font-size:1em; margin-top:0px;  }
.site_title			{ font-size:1em; margin-top:10px;  }


/* Navigation fix */
.navfix 			{ display:none;}
.fixed 				{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display:block;
	background-color: rgb(253,253,252);
	z-index:1000;		/* 要素の重なり順序指定 */
	text-align:center;
	border-bottom: 1px #ccc solid;
}

.fixed p				{ font-size:1em;  margin:0; color: #000; padding-top:10px;}

/* PC用
------------------------------------------------------------*/
.navigation2 			{ width: 57%; list-style: none; padding:13px 0px 0px 0px; display:inline; float:right; position: absolute; right: 10px; }
.navigation2 li			{ float:left; display:block; color: #000; font-size:1.2em; letter-spacing:0.2em; padding-left: 40px; }
.navigation2 a:link		{ cursor:pointer; color: #000; }
.navigation2 a:visited	{ cursor:pointer; color: #000; }
.navigation2 a:hover	{ cursor:pointer; color: #999; }


/* Screen Bigger than 960px
------------------------------------------------------------*/
@media only screen and (min-width:1200px) {
	.navigation2 		{ width: 60%; position: absolute; right: 10px; }
	.navigation2 li		{ padding-left: 80px; }
}


/* タブレット用
------------------------------------------------------------*/
/* 959px 以下 */
@media only screen and (max-width: 959px) {
	.navigation2 		{ width: 60%; position: absolute; right: 10px; }
	.navigation2 li		{ padding-left: 20px; }
}




/* Navigation responsiv
------------------------------------------------------------*/

#navControl		{ display: block;  height: 44px; position:fixed; top:2px; right:2px; z-index:2000;/* 要素の重なり順序指定 */ }
#navControl a 	{  /* メニュー開閉ボタンのスタイル */
	display: block;
	overflow: hidden;
	width: 40px;
	height: 38px;
	background: url(../img/menu_open.png) no-repeat 0px 0px;
	margin: 10px 15px 0 0;  /* メニューOPEN画像の位置指定は使用する画像により異なるので調整 */
	text-indent: 100%;
	white-space: nowrap;
}
 
#globalNav_top {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position:fixed;
	top:0px;
	width:100%;
	font-size:1.2em;
	z-index:1000;		/* 要素の重なり順序指定 */
}

#globalNav_top li a {
	display: block;
	padding: 10px;
	background-color: #333;
	text-align:left;
	color: #fff;
	text-decoration: none;
	border-bottom:1px #222 solid;
}



/* Screen Bigger than 960px
------------------------------------------------------------*/
@media only screen and (min-width:1200px) {
	ul#globalNav_top {
		width:100%;
		list-style-type: none;
		position:fixed;
		top:240px;	/* error用css */
		right: 30px;
		text-align: right;
		padding-bottom: 20px;
	}
}


/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){
	ul#globalNav_top {
		width:100%;
		list-style-type: none;
		position:fixed;
		top:240px;	/* error用css */
		right: 30px;
		text-align: right;
		padding-bottom: 20px;
	}
}


/* タブレット用
------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	ul#globalNav_top {
		width:100%;
		list-style-type: none;
		position:fixed;
		top:240px;	/* error用css */
		right: 30px;
		text-align: right;
		padding-bottom: 20px;
	}
}	 



/* スマートフォン 横(ランドスケープ)よりメニュー変形 */
@media only screen and (min-width: 767px) {
 
	#navControl 					{ display: none;  /* メニュー開閉ボタンは非表示に */ }
	  
	#globalNav_top 					{ display: block !important;  /* メニュー（ナビゲーション）は必ず表示 */ width:100%; font-size:1.2em; letter-spacing:0.2em; position:static; }
	#globalNav_top li 				{ display: inline;  margin: 0 10px;  }
	#globalNav_top li a 			{ display: inline;  padding: 0px; margin: 0 0px; background-color:transparent; color: #fff; border:none; }
	#globalNav_top li a:hover		{ color: #ccc; background-color:transparent; }
	#globalNav_top li:last-child	{ margin-right: 0;  /* 最後の要素は右マージン無し */}
	  
	#globalNav 						{ display: block !important;  /* メニュー（ナビゲーション）は必ず表示 */ width:100%; font-size:1.2em; letter-spacing:0.2em; position:static; }
	#globalNav li 					{ display: inline;  margin: 0 10px;  }
	#globalNav li a 				{ display: inline;  padding: 0px; margin: 0 0px; background-color:transparent; color: #333; border:none; }
	#globalNav li a:hover			{ color: #999; background-color:transparent; }
	#globalNav li:last-child		{ margin-right: 0;  /* 最後の要素は右マージン無し */}

}

/* スマートフォン 横(ランドスケープ)
------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/*.header_top 		{ display: none; }*/
	.header_top 		{ padding:100px 0 20px 0; } /* error用css */

}

/* スマートフォン 縦(ポートレート)
------------------------------------------------------------*/
@media only screen and (max-width:480px) {
	/*.header_top 		{ display: none; }*/
	.header_top 		{ padding:100px 0 20px 0; } /* error用css */
	
}	 




/* ヘッダーメッセージ
------------------------------------------------------------*/
.message {
	text-align: center;
	display: none;
	position: relative;
	margin-top: 15%;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
}
.message h2 {
	font-size: 280%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 0.2;
	line-height: 1.8em;
	text-indent: 0;
	display: block;
}


/* タブレット以下
------------------------------------------------------------*/
/* 959px 以下 */
@media only screen and (max-width: 959px) {
	.message 	{ margin-top: 25%; }
	.message h2 { font-size: 250%; }
}

@media only screen and (max-width:767px){
/* 767px 以下 */
	.message 	{ margin-top: 45%; }
	.message h2 { font-size: 180%; }
}

@media only screen and (max-width:480px){
/* 480px 以下 */
	.message 	{ margin-top: 55%; line-height: 1.4em; }
	.message h2 { font-size: 105%; }
}



/* font 
------------------------------------------------------------*/
h1 { }
h2 { font-size:2.4em; }
h3 { font-size:2.0em; padding-left:3px;/*左側消え回避 */ }
h4 { font-size:1.6em; letter-spacing:0.2em;}
h5 {}
h6 {}

.font-alphabet			{ font-family: Quattrocento; }
.font-min				{ font-family: "ヒラギノ明朝 ProN W3" , "Hiragino Mincho ProN" , "HG明朝E" , "ＭＳ Ｐ明朝" , "ＭＳ 明朝", "メイリオ" , Meiryo , serif; }

/* 各ページタイトル */ 
.pageTitle 				{ font-size: 1.4em; margin-bottom:5px; text-align:center; letter-spacing:2px;}
.subTitle				{ font-size: 0.7em; line-height:120%; text-align:center; }

.txt-center 			{ text-align:center!important; }
.txt-right	 			{ text-align: right; }
.caption				{ font-size:0.8em; color:#666; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}

/* Link button
------------------------------------------------------------*/
.button { text-align:center; }
.button span  {
	font-family: "ヒラギノ明朝 ProN W3" , "Hiragino Mincho ProN" , "HG明朝E" , "ＭＳ Ｐ明朝" , "ＭＳ 明朝", "メイリオ" , Meiryo , serif;
	font-size:12px;
	letter-spacing:1px;
    border: 1px solid #ccc;   
    padding: 5px 20px;   
    cursor: pointer;  
    color: #000;
	background:none;
	position:relative;
}  

.button span:hover  { background-color:rgb(228, 213, 184); }

.buttonBox  {
	width:100px;
	text-align:center;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝','MS PMincho',serif;
	font-size:12px;
	letter-spacing:1px;
	border: 1px solid #ccc;  
    padding: 5px 20px;   
    cursor: pointer;  
    color: #000;
	background:none;
	position:relative;
	line-height:1em;
}  

.buttonBox:hover  { background-color:rgb(228, 213, 184); }

/* utility 
------------------------------------------------------------*/
.centerpos { text-align:center; }


/* access
------------------------------------------------------------*/
#access {
	width: 100%;
	padding: 0;
	position: relative;
	color: #FFF;
	background-color:#fff;
}
#map_canvas {
	display: block;
	width: 100%;
	height: 500px;
}
	
#map_canvas label { width: auto; display:inline; }
#map_canvas img { max-width: none!important; }




/* Footer
------------------------------------------------------------*/
footer {
	width: 100%;
	background-color: #8c0404;	/* 20190212 START */
	/*background-color: #abcd03;*/
}



footer p {
	font-size: 80%;
	color: #333;
	line-height: 1em;
	text-align: center;
}


/* スマートフォン 縦(ポートレート)
------------------------------------------------------------*/
@media only screen and (max-width:480px) {
/* 480px 以下 */
	footer p {
	font-size: 50%;
	}

}


#contact-us{
	padding:60px 0;
	color:#333;
	line-height:2.4;
}

#contact-us ul{
	width:100%;
	margin:0 auto;
}

#contact-us li{ float:left; }

li.office{
	width:30%;
	font-size:12px;
}

li.add{
	width:30%;
	font-size:12px;
}

li.add a{ color:#333; }

li.contact{
	width:30%;
	margin-top:5px;
}

/* mail 画像処理 */
.btn_mail {
	text-align: center;
	color:#fff;
	border:1px solid #fff;
	display:inline-block;
	text-align:center;
	line-height:240%;
	font-size:12px;
	overflow:hidden;
	padding: 10px 0 10px 0;
}


/* mail メーラー起動型 
li.contact{
	width:33%;
	margin-top:26px;
}

li.contact a{ color:#fff; }

.btn_mail {
	display:inline-block;
	width:170px;
	height:36px;
	text-align:center;
	text-decoration:none;
	line-height:36px;
	outline:none;
	font-size:12px;
}

.btn_mail::before,
.btn_mail::after {
	position:absolute;
	z-index:-1;
	display:block;
	content:'';
}

.btn_mail,
.btn_mail::before,
.btn_mail::after {
	-webkit-transition:all .3s;
	transition:all .3s;
}

.btn_mail {
	border:2px solid #fff;
	overflow:hidden;
}

.btn_mail:hover {
	color:#333;
	background-color:#fff;
	cursor:pointer;
}*/

.copyright{
	width: 100%;
	padding:46px 0;
	background-color: #fff;
}

.copyright p {
	font-size: 80%;
	color: #333;
	text-align: center !important;
}

/* タブレット用
------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#contact-us li{ float:left; }
	li.office{ width:38%;}
	li.add{ width:25%;}
	li.contact{ width:30%; }
}	 

/* スマートフォン 横(ランドスケープ)
------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#contact-us li{ float:none;clear: both; }
	li.office{ width:100%; }
	li.add{ width:100%; margin-top:26px;}
	li.contact{ width:80%; margin-top:35px; padding: 10px;}
	.btn_mail { margin-left: 1px; }
}

/* スマートフォン 縦(ポートレート)
------------------------------------------------------------*/
@media only screen and (max-width:480px) {
	#contact-us li{ float:none;clear: both; }
	li.office{ width:100%; }
	li.add{ width:100%; margin-top:26px;}
	li.contact{ width:65%; margin-top:35px; padding: 10px;}
	.btn_mail { margin-left: 1px; }
	.copyright p { font-size: 65%!important; }
}	 


/* pagetop
------------------------------------------------------------*/
#page-top {
	clear:both;
	position: fixed;
	bottom: 190px;
	right: 50px;
	z-index: 1000;
	margin-right: 30px;
}

#page-top .pageTop a {
	width: 60px;
	height:60px;
	display: block;
	margin-top:7px;
	text-align:center;
	text-decoration: none;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #8c0404;/* 円の色 20190212 STRAT */
	/*background-color: #abcd03;/* 円の色 */
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	border: 2px solid #fff;
}

#page-top .pageTop a:hover {
	color:#FFFFFF;
	text-decoration: none;
}

#page-top .pageTop a img{
	width:60px;
	height:60px;
	margin:0;
}

/* タブレット用
------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#page-top { bottom: 200px; right: 30px; margin-right: 0px; }
}	 

/* スマートフォン 横(ランドスケープ)
------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#page-top { bottom: 200px; right: 30px; margin-right: 0px; }
}

/* スマートフォン 縦(ポートレート)
------------------------------------------------------------*/
@media only screen and (max-width:480px) {
	#page-top { right: 20px; margin-right: 0px; }
}	 



/* PC用 grid
------------------------------------------------------------*/
[class*="grid_"] img {
  max-width: 100%;
  height: auto;
}

/*------ Screen 960px ------*/

.row,
.row2								{ margin:0 auto; width:960px; overflow:hidden; }
.row2								{ padding-left: 35px; }	/* logo画像 位置調整 */
.row .row .row2						{ margin:0 -16px 0 -16px; width:auto; display:inline-block; }
.nomargin							{ margin:0 -16px 0 -16px; width:auto; }

.grid_1								{ width:48px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_2 							{ width:128px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; margin-bottom:30px; }
.grid_3 							{ width:208px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_4 							{ width:288px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_5 							{ width:368px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }		
.grid_6 							{ width:448px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_7 							{ width:528px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_8 							{ width:608px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_9								{ width:688px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_10							{ width:768px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_11							{ width:848px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_12							{ width:928px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }

.grid_nLogo 						{ width:300px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_3Menu 						{ width:208px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline-block; }
.grid_shopInfo						{ width:288px; overflow:hidden; float:left; display:inline; margin-right:16px; margin-bottom:20px;}


/* Screen Bigger than 960px
------------------------------------------------------------*/
@media only screen and (min-width:1200px) {

.row,
.row2								{ margin:0 auto; width:1200px; overflow:hidden; }
.row2								{ padding-left: 45px; }	/* logo画像 位置調整 */
.row .row .row2	 					{ margin:0 -20px 0 -20px; width:auto; display:inline-block; }
.nomargin							{ margin:0 -20px 0 -20px; }

.grid_1								{ width:60px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_2 							{ width:160px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; margin-bottom:40px; }
.grid_3 							{ width:260px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_4 							{ width:360px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_5 							{ width:460px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }		
.grid_6 							{ width:560px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_7 							{ width:660px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_8 							{ width:760px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_9								{ width:860px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_10							{ width:960px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_11							{ width:1060px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_12							{ width:1160px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }

.grid_3Menu 						{ width:260px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline-block; }
.grid_shopInfo						{ width:360px; overflow:hidden; float:left; display:inline; margin-right:20px; margin-bottom:20px;}

}





/* タブレット用
------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.row 								{ margin:0 auto; width:768px; overflow:hidden; }
.row2 								{ margin:0 auto; width:100%; overflow:hidden; padding-left: 15px;/* logo画像 位置調整 */ }
.row .row .row2	 					{ margin:0 -14px 0 -14px; width:auto; display:inline-block; }
.nomargin							{ margin:0 -14px 0 -14px; }
		
.grid_1								{ width:36px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_2 							{ width:100px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; margin-bottom:26px;}
.grid_3 							{ width:164px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_4 							{ width:228px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_5 							{ width:292px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }		
.grid_6 							{ width:356px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_7 							{ width:420px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_8 							{ width:484px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_9								{ width:548px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_10							{ width:612px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_11							{ width:676px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_12							{ width:740px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }

.grid_nLogo 						{ width:250px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_3Menu 						{ width:164px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline-block; }
.grid_shopInfo						{ width:228px; overflow:hidden; float:left; display:inline; margin-right:14px; margin-bottom:20px;}

}



/* スマートフォン 横(ランドスケープ)
------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

.row,
.row2								{ margin:0 auto; width:456px; overflow:hidden; }
.row .row .row2						{ margin:0 -10px 0 -10px; width:auto; display:inline-block; }
.nomargin							{ margin:0 -10px 0 -10px; }
	
.grid_1,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12							{ width:436px; margin:10px 10px 0 10px; overflow:hidden; float:left; display:inline; }

.grid_2								{ width:208px; margin:10px 10px 10px 10px; overflow:hidden; float:left; display:inline; }

.grid_3Menu							{ width:436px; margin:10px 10px 0 10px; overflow:hidden; float:left; display:inline-block; }

.grid_shopInfo						{ width:100%; overflow:hidden; float:left; display:inline; margin-bottom:20px;}

.fixed { display:none; }	/* navigation2 見せ方変更*/

  table,
  thead,
  tbody,
  th,
  td,
  tr,
  caption {
    display: block;
  }

  thead tr {
    display: none;
  }
  td.sche_date { background-color:#fff; color:#333;  }
  
}




/* スマートフォン 縦(ポートレート)
------------------------------------------------------------*/
@media only screen and (max-width:480px) {

.row,
.row2 								{ margin:0 auto; width:300px; overflow:hidden; }
.row .row .row2						{ margin:0 -10px 0 -10px; width:auto; display:inline-block; }
.nomargin							{ margin:0 -10px 0 -10px; }
		
.grid_1,
.grid_3,							
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12							{ width:280px; margin:10px 10px 0 10px; overflow:hidden; float:left; display:inline; }

.grid_2								{ width:130px; margin:10px 10px 10px 10px; overflow:hidden; float:left; display:inline; }

.grid_3Menu							{ width:280px; margin:10px 10px 0 10px; overflow:hidden; float:left; display:inline-block; }

.fixed { display:none; }	/* navigation2 見せ方変更*/

  table,
  thead,
  tbody,
  th,
  td,
  tr,
  caption {
    display: block;
  }

  thead tr {
    display: none;
  }
  td.sche_date { background-color:#fff; color:#333;  }

}	 


/* Clean up
------------------------------------------------------------*/
.container:after 					{ content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix:before,
.clearfix:after,
.row:before,
.row:after 							{ content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.row:after,	.clearfix:after 		{ clear:both; }
.row, 
.clearfix 							{ zoom:1; }
.clear 								{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;	}


/* Margin and Paddings 
------------------------------------------------------------*/
.m10 { margin: 10px; }
.m20 { margin: 20px; }
.m40 { margin: 40px; }
.m10-top { margin-top: 10px; }
.m20-top { margin-top: 20px; }
.m30-top { margin-top: 30px; }
.m40-top { margin-top: 40px; }
.m60-top { margin-top: 60px; }
.m80-top { margin-top: 80px; }
.m10-right { margin-right: 10px; }
.m20-right { margin-right: 20px; }
.m40-right { margin-right: 40px; }
.m10-bottom { margin-bottom: 10px; }
.m20-bottom { margin-bottom: 20px; }
.m30-bottom { margin-bottom: 30px; }
.m40-bottom { margin-bottom: 40px; }
.m60-bottom { margin-bottom: 60px; }
.m80-bottom { margin-bottom: 80px; }
.m10-left { margin-left: 10px; }
.m20-left { margin-left: 20px; }
.m40-left { margin-left: 40px; }

.p10 { padding: 10px; }
.p20 { padding: 20px; }
.p40 { padding: 40px; }
.p10-top { padding-top: 10px; }
.p20-top { padding-top: 20px; }
.p40-top { padding-top: 40px; }
.p10-right { padding-right: 10px; }
.p20-right { padding-right: 20px; }
.p40-right { padding-right: 40px; }
.p10-bottom { padding-bottom: 10px; }
.p20-bottom { padding-bottom: 20px; }
.p40-bottom { padding-bottom: 40px; }
.p60-bottom { padding-bottom: 60px; }
.p10-left { padding-left: 10px; }
.p20-left { padding-left: 20px; }
.p40-left { padding-left: 40px; }


/* ----- text align ----- */

.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}


/* ----- text color ----- */

.BRN { color: #a07d32; }

.L-GRN { color: #abcd03; }

.GRY { color: #666; }

.RED { color: #8c0404; }	/* 20190212 START */


/* ----- text color underline ----- */
.underBRN {
	text-decoration:underline;
	color: #a07d32;
}
/* 20190212 START */
.underRED {
	text-decoration:underline;
	color: #8c0404;
}
.underLine {
	text-decoration:underline;
}
.dotted	{ border-bottom: 1px dotted #000; }




/* ----- box color ----- */
.FB-area span  {
	letter-spacing:1px;
	cursor: pointer;
	color: #fff;
	background-color: #3a5795;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 13px;
}  

.FB-area span:hover  { background-color: #4B72C7; }


/* ----- float ----- */
.right{
	float:right;
}
.left{
	float:left;
}

/* ----- div 高さ合わせ ----- */
.divtable{
	display: table;
}
.divtable-cell{
	display: table-cell;
	vertical-align:top;
}

/* ----- br 改行指定 ----- */

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){
.br-pc		{ display:none; } 
}

/* タブレット用
------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.br-tb		{ display:none; }
.none-tb	{ display:none; }
}	 

/* スマートフォン 横(ランドスケープ)
------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.none-tb	{ display:none; }
}

/* スマートフォン 縦(ポートレート)
------------------------------------------------------------*/
@media only screen and (max-width:480px) {
.br-sp		{ display:none; }
.none-sp	{ display:none; }
}