@charset "UTF-8";
img, object, embed, video {max-width: 100%;}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {width: 100%;}
/*
Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:	6;
	dw-num-cols-tablet:		6;
	dw-num-cols-desktop:	16;
	dw-gutter-percentage:	25;
*/
/* htmlのフォントデフォルトサイズ・75%=12px */
/*html {font-size : 75%;}*/
/* Firefoxのmouseover点線削除 */
a{outline: none;}
a:focus{
	outline: none;
	text-decoration: underline;
}
/*
▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
　モバイルレイアウト480pxおよびそれ以下 
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲
*/
/*デスクトップデフォルト*/
/*
.gridContainer {
	width: 95.8333%;
	padding-left: 2.0833%;
	padding-right: 2.0833%;
	margin-right: auto;
	margin-left: auto;
}
*/
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	clear: both;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●デスクトップメニューナビの設定●●●*/
.flex-caption {
	width: 96%;
	padding: 2%;
	left: 0;
	bottom: 0;
	color: #000;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	font-size: 10px;/* デフォルト14pxサイズ */
	letter-spacing: 0.1em;
	line-height: 14px;/* デフォルト18pxサイズ */
	background-color: rgba(204,204,153,0.5);
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/

.gridContainer.clearfix {clear: both;}

/*●●●●●●●●●●●●●●●●●●●●●●●●*/

#topBoader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
#headerTitle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
#slimmenuWrapper {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●p●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/

.gridContainer.clearfix {clear: both;}

/*●●●●●●●●●●●●●●●●●●●●●●●●*/
#shopInfoWrapper {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	display: block;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●p●●●*/
#shopInfo {
	margin-left: 1.5em;
	margin-right: 1.5em;
	margin-top: 1.5em;
	line-height: 2em;
	font-size: 14px;
    color: #333333;
	letter-spacing: 0.1em;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*▼ モバイルお知らせの設定 ▼*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●h2●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●p●●●*/
/*▼ モバイルお知らせ内タイトル ▼*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●h3●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*▼ デスクトップお知らせ内タイトル ▼*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●p●●●*/
/*●●●h3●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 600px;
	display: block;
	background-color: #666666;
}
/*モバイルフォント設定*/
/*●●●p●●●*/
#footerFont {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 10px;
	letter-spacing: 0.1em;
	color: #FFF;
	text-align: center;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 400px;
	margin-bottom: 10px;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}

/*
▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
　タブレットレイアウト481 px ～ 768 px
　モバイルレイアウトからスタイルを継承。
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲
*/
@media only screen and (min-width: 481px) {
/*タブレットデフォルト*/
/*	
.gridContainer {
	width: 95.8333%;
	padding-left: 2.0833%;
	padding-right: 2.0833%;
｝
*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
.gridContainer {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●デスクトップメニューナビの設定●●●*/
.flex-caption {
	width: 96%;
	padding: 2%;
	left: 0;
	bottom: 0;
	color: #000;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	font-size: 10px;/* デフォルト14pxサイズ */
	letter-spacing: 0.1em;
	line-height: 14px;/* デフォルト18pxサイズ */
	background-color: rgba(204,204,153,0.5);
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/

.gridContainer.clearfix {clear: both;}

/*●●●●●●●●●●●●●●●●●●●●●●●●*/
#topBoader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
#headerTitle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
#slimmenuWrapper {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#shopInfoWrapper {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	display: block;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
#shopInfo {
	line-height: 2em;
	letter-spacing: 0.1em;
	margin-left: 2em;
	margin-right: 2em;
	margin-top: 1.5em;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●p●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*▼ モバイルお知らせの設定 ▼*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●h2●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*▼ モバイルお知らせ内タイトル ▼*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/

.gridContainer.clearfix {clear: both;}

/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*▼ デスクトップお知らせ内タイトル ▼*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●h3●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●p●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*▼ フッターの設定 ▼*/
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 200px;
}
/*●●●●p●●●*/
#footerFont {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 12px;
	letter-spacing: 0.1em;
	color: #FFF;
	text-align: center;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 400px;
	margin-bottom: 10px;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}
/*
▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
　デスクトップレイアウト769px～最大1232px
　モバイルレイアウトとタブレットレイアウトから
　スタイルを継承
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲
*/
@media only screen and (min-width: 768px) {
/* デスクトップデフォルト*/
.gridContainer {
	width: 100%;
	//max-width: 980px;
	max-width: 1232px;
	margin-left: auto;
	margin-right: auto;
}
/* デフォルト↓↓↓↓ */
/*.gridContainer {
	margin-left: auto;
	margin-right: auto;
	max-width: 1232px;
　　width: 94.4444%;
	padding-left: 2.7777%;
	padding-right: 2.7777%;
}*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●デスクトップメニューナビの設定●●●*/
.flex-caption {
	width: 96%;
	padding: 2%;
	left: 0;
	bottom: 0;
	color: #000;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	font-size: 10px;/* デフォルト14pxサイズ */
	letter-spacing: 0.1em;
	line-height: 14px;/* デフォルト18pxサイズ */
	background-color: rgba(204,204,153,0.5);
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
#headerTitle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom: 55px;
	text-align: center;
	margin-top: 20px;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
#menu {
	position: absolute;
	right: 11px;
	z-index: 1;
	top: 50px;
	color: #FF0000;
	font-size: 17px;
	display: none;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/

.gridContainer.clearfix {clear: both;}

/*●●●●●●●●●●●●●●●●●●●●●●●●*/
#slimmenuWrapper {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/* ▼デスクトップお知らせの設定 ▼*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/

.gridContainer.clearfix {clear: both;}

/*●●●●●●●●●●●●●●●●●●●●●●●●*/
#shopInfoWrapper {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	display: block;
	margin-top: 50px;
	margin-bottom: 40px;
}
/*●●●p●●●*/
#shopInfo {
	line-height: 2em;
	letter-spacing: 0.1em;
	margin-top: 1.5em;
	margin-right: 6em;
	margin-left: 6em;
	font-size: 14px;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
#topBoader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image: url(../images/topBoader.gif);
	background-repeat: repeat-x;
	height: 3px;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 400px;
	margin-bottom: 10px;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
/*▼ フッターの設定 ▼*/
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 600px;
	margin-top: 50px;
}
/*●●●p●●●*/
#footerFont {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 12px;
	letter-spacing: 0.1em;
	color: #FFF;
	text-align: center;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●*/
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}