/* ------------------------------
   共通ユーティリティ
------------------------------ */

/* cols Block*/
.cols{
	margin-right:auto;
	margin-left:auto;
	*zoom:1;
	width:100%;
	}

	.cols:after{
		content:" ";
		display:block;
		clear:both;
	}
	
/* cols Element*/
	.cols__col{
	float:none;
	width:100%;
}

/* cols Modifier*/
	.cols--sns{
		width:100%;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:auto;
		margin-right:auto;
	
	}


	 .cols--sns .cols__col{
		text-align:center;
		padding:0 10px;
		height:300px;
		margin-bottom:10px;
	}


.u-cf{
	*zoom:1;
}

.u-cf::after{
	content:" ";
	display:block;
	clear:left;
}


.l-inner{
	
	margin: 0 auto;
	width: 1200px;
	text-align: center;
}


.l-page{
	width:100%;
	padding:10px 10px 0 10px;
	}/*下層ページのコンテンツリアサイズ指定*/
	





/*　セクション　Block　*/	
.sectionArea{
	padding:0;
	margin:0;
	}
	
/*　セクション　Element　*/
	.sectionArea__title{
		position:relative;
		font-size:1.143em;
		font-weight:200;
		display:block;		
		padding-bottom:10px;
		text-align:center;
		margin:45px auto 15px auto;
		line-height:100%;
		opacity:0;
		-webkit-transform:translateY(-15px);
		transform:translateY(-15px);
		-webkit-transition:.6s ease;
		transition:.6s ease;
	}
	
		.sectionArea__title::after{
			content:" ";
			border-bottom:solid 1px #000000;
			width:50px;
			position:absolute;
			bottom:0;
			left:50%;
			margin-left:-25px;
		}
	
	
	
	
	.is-anime .sectionArea__title{
		opacity:1;
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}

	.blogArea .sectionArea__title{opacity:1;}
	.cols--sns .sectionArea__title{
		margin:10px 0 15px 0;}






/* ------------------------------
  ヘッダー
------------------------------ */

/*　ヘッダー　Block　*/
.headerArea{
	width:100%;
	background:#9b2224;
	text-align:center;
	padding:8px 0;
	margin:0 0 0 0;
	min-height:50px;
}



/*　ロゴ　*/
.siteId{
	margin:0 0 0 0;
	padding:3px 0 0 10px;
	width:100%;
	text-align:left;

}



.siteId img{
	height:30px;

}
















/*ローカルエリア*/

.localArea__title{
		text-align:center;
		width:100%;
		display:table;
		height:45px;
		text-align:left;
		padding:10px 0;
		position:relative;
		
		}
		
		

	/*矢印アニメ―ション*/	
	.localArea__span::after{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 8px;
		height: 2px;
		background: #a41d05;
		-webkit-transition: .4s;
		transition: .4s;
		-webkit-transform-origin:right;
		transform-origin:right;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
			}
			
	.localArea__span::before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 8px;
		height: 2px;
		background: #a41d05;
		-webkit-transition: .4s;
		transition: .4s;
		-webkit-transform-origin:right;
		transform-origin:right;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
						}
		
		.active .localArea__span::before{
					-webkit-transform:rotate(-225deg);
					transform:rotate(-225deg);
		}
		
		
		
		.localArea__title span{
			padding-left:10px;
			font-size:0.929em;
			font-weight:bold;
			color:#000;
			border-left:solid 2px #9b2224;
		
			vertical-align:middle;
			display:table-cell;
		}



/* ------------------------------
   ナビゲーション
------------------------------ */

/*　ナビ　Block　*/
.nav{
	text-align:center;
	*zoom:1;
	
}

	.nav::after{
		content:" ";
		display:block;
		clear:left;
		}
		
		
	/*　ナビ　Element　*/	
	.nav__item{		
		float:left;
	}


		
	
		.nav__item a{
			font-size:0.9em;
			color:#000;
			position:relative;
			padding-bottom:4px;
			}
	
	
		.nav__item a::after{
		
			background:#a41d05;
			content:" ";
			position:absolute;
			bottom:0;
			left:0;
			height:2px;
			width:100%;
			-webkit-transition:.2s ease;
			transition:.2s ease;
			-webkit-transform:scaleX(0);
			transform:scaleX(0);
		}
	
	
		.nav__item a:hover::after{
			-webkit-transform:scaleX(1);	
			transform:scaleX(1);	
		}	


	/*　グローバルナビ(header)　Modifier　*/

	.nav--global{

		display:none;
	
		
	}
	
		/*　グローバルナビ(header/footer)　Element　*/
		.nav--footer .nav__item,
		.nav--global .nav__item{
			width:120px;
			padding:0 20px;
			text-align:center;
			border-right:solid 1px #d0d0d0;
		}

		.nav--footer .nav__item:first-child,
		.nav--global .nav__item:first-child{
			border-left:solid 1px #d0d0d0;
			}
		
	
	

	

		


	/*　フッター用ナビ(footer)　Modifier　*/
	.nav--footer{
		padding-top:60px;
		width:100%;
		position:relative;

		
	
	}			
		/*フッターロゴ*/
		.nav--footerLogo{
			position:absolute;
			left:50%;
			top:0px;
			margin-left:-90px;
	
		}
				
		
		/*　フッター用ナビ(footer)　Element　*/	
		.nav--footer .nav__item{
			font-size:0.9em;
			margin-bottom:15px;
			width:33.3%;
		}
		.nav--footer .nav__item:nth-child(2){
			border-left:solid 1px #d0d0d0;
		}
		.nav--footer .nav__item:nth-child(5){
			border-left:solid 1px #d0d0d0;
		}
		
		.nav--footer .nav__item:nth-child(8){
			border-left:solid 1px #d0d0d0;
		}
		
		.nav--footer .nav__item:last-child{
			width:50%;
		}
		
		
		.nav--footer .nav__item a::after{
			height:1px;
			}
			




/*ハンバーガー*/

.hamburgerArea{
	position:absolute;
	top:0;
	right:0;
	}
		
.hamburgerBg{
	position:absolute;
	top:0;
	left:0;
	background:#9b2224;
	width:100%;
	height:0px;
	z-index:900;
	transition:.6s;
	display:table;
}


.nav--hamburger{
	padding:20px 0;
	display:none;
	vertical-align:middle;
	}
.nav--hamburger .nav__item{
	margin-bottom:20px;
	float:none;
}
	.nav--hamburger .nav__item a{
		font-size:1.5em;
		color:#fff;
	}

	.nav--hamburger .nav__item a::after{
				background:#ffffff;
			}


#js-clone{
	display:none;
}



/*アニメ*/

#panelBtn{
	float:right;
	background:#6f0b0d;
	display: inline-block;
	position: relative;
	width: 50px;
	height: 50px;
	z-index:999;
	-webkit-transition:.6s;
	transition:.6s;
}
#panelBtn:hover{
	 background: #9b2224;
}
#panelBtn__icon{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 2px;
	margin: -1px 0 0 -15px;
	background: #fff;
	-webkit-transition: .3s;
	transition: .3s;

}

	#panelBtn:hover #panelBtn__icon{
		width: 24px;
	}


#panelBtn__icon::before, #panelBtn__icon::after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 30px;
	height: 2px;
	background: #fff;
	-webkit-transition: .4s;
	transition: .4s;
}
#panelBtn__icon::before{
	margin-top: -12px;
}
#panelBtn__icon::after{
	margin-top: 10px;
}
#panelBtn .is-open{
	background: transparent;
}
#panelBtn .is-open:before, #panelBtn .is-open:after{
	margin-top: 0;
}
#panelBtn .is-open:before{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
#panelBtn .is-open:after{
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

	/*ぱんくず Block*/
.breadNav{
	display:none;
	
	}	
	
	/*ローカルエリアナビ*/
	
	
	.nav--local{
		display:block;
		width:100%;
		

		}/*spで消す*/
	
	.nav--local::after{
		content:"";
		width:100%;
		background:#eee;
		height:1px;
	}
	
	/*　ローカルエリアナビ(local)　Modifier　*/
	.nav--local .nav__item {
		float:left;
		font-size:0.9em;
		text-align:left;
	}
	

		
		.nav--local .nav__item span{
			display:table-cell;
			vertical-align:middle;
			padding:0 10px;
			}



		
			.nav--local .nav__item a::after{
				height:0;
				}

/* ------------------------------
   メイン画像
------------------------------ */

/*　メインビジュアル　Block　*/
.mainArea{
	width:100%;
	padding:0;
	margin:0;
}



	

	/*　メインビジュアルテーブル　Element*/
	.mainArea__table{
		width:100%;
		height:100%;
		padding:0;
		margin:0;
		
		
	}

	/*　テーブルセル　Element　*/
	.mainArea__tableCell{
		text-align:center;
		width:100%;
		display:block;
	}
	

	
	
	/*　メインビジュアル画像　Element　*/
	.mainArea__visual{
		
		content:" ";
		display:table;
		background:url(../img/mainImage.jpg) no-repeat;
		background-size:cover;
		height:0;
		background-position:75% 94%;
		padding:0 25px;

	}
	
		.mainArea__title{
			display:table-cell;
			vertical-align:middle;
			width:100%;
			padding-bottom:50px;
		}/*spのみ使用*/
	
			.mainArea__box{
				text-align:center;
				display:block;
				padding:40px 20px 20px 20px;
				background:#000;
				min-height:160px;
			}

.mainArea__img2{
	margin-bottom:10px;
}
	.mainArea__illust{
		display:none;
	}
		
	.mainArea__photo{
		display:none;

	}


	/*メイン箇所　sns icon Block*/	
	.snsList{
		width:130px;
		padding-bottom:10px;
		line-height:100%;
		margin:14px auto 0 auto;
		*zoom:1;
		}
		
		.snsList::before{
			content:"";
			display:block;
			margin-top:0;
			margin-left:auto;
			margin-right:auto;
			margin-bottom:13px;
			border-top:solid 1px #eee;
			width:90%;
			
		}
	
		.snsList::after{
			content:"";
			display:block;
			clear:left;
		}
	
		/*メイン箇所　sns icon Element*/	
		.snsList__item{
			width:33.3%;
			float:left;
			margin:3px 0;
			}



.mainArea--secondPage #js-mainAreaHeight{
	display:none;
}		
.mainArea--secondPage .mainArea__box{
	text-align:center;
	display:block;
	padding:5px;

	min-height:160px;
	height:20%;
}	
	
	
.mainArea--secondPage .snsList{
		width:130px;
		padding-bottom:7px;
		border-bottom:solid 1px #eee;
		line-height:100%;
		margin:10px auto 0px auto;
		*zoom:1;
}



/*ブログ記事一覧 アニメ用ラップ*/

.blogWrap{
	position:relative;
	overflow:hidden;
	}


	.blogWrap::after{
		position:absolute;
		top:0;
		left:0;
		content:" ";
		width:100%;
		height:100%;
		background:#fff;
		z-index:98;
		-webkit-transition:.5s ease;
		transition:.5s ease;
	}

		.is-anime--first .blogWrap::after{
			-webkit-transition-delay:.6s;
			transition-delay:.6s;
			left:100%;
		}


/* ブログ記事一覧　Block*/
.blogArea{

	position:relative;
	text-align:left;

	margin-top:60px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	

}


	.blogArea__visual{
		display:none;
	}

	/* ブログ記事一覧　Element*/
	.blogArea__box{
		position:absolute;
		bottom:0px;
		left:15px;
		width:268px;
		height:268px;
		text-align:center;
		background:#fff;
		display:table;
		z-index:100;
		transition:.6s ease;
		box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		-mos-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		-ms-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		opacity:0;
		-webkit-transform:translateY(-30px);	
		transform:translateY(-30px);
		}
		
		.is-anime .blogArea__box{
			opacity:1;
			-webkit-transition-delay:.6s;
			transition-delay:.6s;
			-webkit-transform:translateY(0px);
			transform:translateY(0px);
		}
		
		
		
		
		/*追加blogArea__table*/
		.blogArea__table{
			padding:0 5px;
			float:left;
			width:100%;



		}

		
		.blogArea__thumb{
			width:100%;


			overflow:hidden;
			float:left;
			text-align:center;
			
		}
	.blogArea__thumb img{
		overflow:hidden;
		border:solid 1px #eee;
	}
		
	.blogArea__date{
		font-size:0.8em;
		margin:0 0 0 0;
		line-height:0;
		color:#333;
		text-align:left;
		width:100%;
		display:inline-block;
		font-weight:bold;
		}
		
	.blogArea__title{
		font-size:0.85em;
		line-height:140%;
		letter-spacing:0;
		font-weight:100;
		text-align:left;
		margin:3px 0 10px 0;
		padding:0;
		}
	
	.blogArea__txt{
		display:none;
		}
		
		
	
	.blogArea__logo{
		display:table-cell;
		vertical-align:middle;
	}/*ロゴ*/
			.blogArea--logo{
				margin-bottom:20px;}
				
.blogArea--txt{
	position:relative;
}

.blogArea--txt::after{
	content:" ";
	border-bottom:solid 2px #8d8d8d;
	width:34px;
	position:absolute;
	bottom:-21px;
	left:50%;
	margin-left:-17px;
}
	
	
	.blogArea__img{
		display:inline-block;
		width:567px;
		height:534px;
		content:" ";
		background:url(../img/img-b.png);
		overflow:hidden;
		position:relative;
		}
	
	.blogArea__img::after{
		content:"";
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		background:#fff;
		z-index:99;
		-webkit-transition:.6s ease;
		transition:.6s ease;
	}
	
		.is-anime--first .blogArea__img::after{
			-webkit-transition-delay:.3s;
			transition-delay:.3s;
			left:100%;
	}


	
	/*list(トップブログ記事用) Modifier*/
	.list--blogArea{
		*clear:right;
	}
		.list--blogArea > .list__item {

			padding:0;
			text-align:center;
			float:left;
			width:50%;
			background:#fff;
			height:auto;

		
		
		}
		

	
	
	
	

	
/*
/*ストアインフォ　index.html
/*



/*ストアインフォ block*/
.storeInfo{

}
/*ストアインフォ block*/
.storeInfo__map{
	width:100%;
	height:150px;
	
	background:#000;

}



/*	.storeInfo::after{
		position:absolute;
		top:0;
		left:0;
		content:" ";
		width:100%;
		height:100%;
		background:#fff;
		transition:1s ease;
		overflow:hidden;
	}
	.anime .storeInfo::after{
		position:absolute;
		top:0;
		left:-100%;

	}*/
	

	/*ストアインフォ Element*/
	.storeInfo__block{
		padding:10px;

		width:100%;

		text-align:center;
		background:#fff;
		text-align:left;

	}

				
	.storeInfo__title{
		position:relative;
		font-size:1.143em;
		font-weight:200;
		display:block;		
		padding-bottom:10px;
		text-align:center;
		margin:45px auto 25px auto;
		line-height:100%;
	
	}			
				

	
		.storeInfo__title::after{
			content:" ";
			border-bottom:solid 1px #000000;
			width:50px;
			position:absolute;
			bottom:0;
			left:50%;
			margin-left:-25px;
		}





	.storeInfo__block .cols__col{
		float:none;
		
		}
		
		
		
	/*ストアインフォ Modifier*/
	
	
	/*ストアインフォ背景*/
	.sectionArea--store{

		width:100%;

	}
		
	
	
	.storeInfo--relative{
		width:100%;

	}	
	
	
	
	

	.storeInfo--img{
		border:solid 1px #eee;
		width:100%;
		height:150px;
		overflow:hidden;
		margin-bottom:15px;

		}/*サイズ調整*/

	.storeInfo--img img{
		width:100%;
		
	}
	.storeInfo--list{
		width:100%;
		}/*サイズ調整*/
	
	
	
	.storeInfo__list{
		}/*サイズ調整*/
	
	.storeInfo__item{
		font-size:0.9em;
		margin-bottom:10px;
		}/*サイズ調整*/
	
	.storeInfo__subTitle{
		margin-bottom:3px;
		}/*サイズ調整*/
	
/*下層ページ用 .secondPage以下*/		

	
	.secondPage .cols{
		width:100%;
		margin:0;
		padding:0;
	}
	
	.secondPage .storeInfo__title{
		line-height:100%;
		padding:0 0 15px 0;
		font-size:1.429em;
		margin:20px 0;
		letter-spacing:.7px;
	}
	
	

.secondPage .storeInfo{
	margin:40px 0 0px 0;
}

	
/*
/*インスタ表示　index.html
/**/


.delayLoad {
	margin-top:0px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	text-align: center;

}

	.list--insta {
		display:block;
		margin-top:22px;
		margin-bottom:0;
		margin-left:auto;
		margin-right:auto;
		width: 100%;
		height:auto;
		-webkit-transition:1s ease;
		transition:1s ease;
	}
	
	.list--insta > .list__item {
	
		width: 33.3%;
		padding:0 10px 10px 10px;
		margin-bottom:0px;
		float: left;
		-webkit-transition:.6s ease;
		transition:.6s ease;
		-webkit-transform:translateY(-10px);
		transform:translateY(-10px);
		opacity:0;
		
	}
		.is-anime .list__item {
			opacity:1;	
			-webkit-transform:translateY(0px);
			transform:translateY(0px);
		}
	
	
/*ウメコミ一時的にアニメ付き*/

.twitterArea,.facebookArea{
	width:100%;
	height:300px;
	background:#000;
	margin-bottom:10px;
	color:#FFF;

}/*にoverflowかかっているので高さ指定margin指定はそっちで行ってください。*/


	
	
	

/* ------------------------------
   フッターエリア
------------------------------ */

/*　フッター　Block　*/
.footerArea{
	text-align:center;
	width:100%;
	padding:0 10px 10px 10px;
	height:0px;
	position:relative;
}
	
	
	/*フッター Modifier*/
	.footerArea--bg{

		
	}
	
	
	/*フッター Element*/
	.footerArea__inner{
		width:100%;
		background:url(../img/store-img-footer.svg)no-repeat;
		background-position:100% 80%;
		background-size:cover;
		
		margin-top:0;
		margin-bottom:0;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		padding-top:16px;
		text-align:center;

	}

		
		.footerArea__copy{
			font-size:0.9em;
			line-height:100%;
			padding:0;
			margin:20px 0;
		}


/* ページトップボタン*/
.pageTop{
	display:none;
	}

	
/* ------------------------------
   下層ページ
------------------------------ */

/*404 Block*/
.errorArea{
	margin:0;
	padding:20px 10px;
	text-align:center;
	border:solid 4px #eee;
	}
	
	
	/*404 Element*/
	.errorArea__title{
		color:#9b2224;
		font-size:1.429em;
		margin-bottom:20px;		
		}
	.errorArea__txt{
		font-size:1em;
		text-align:left;
		margin-bottom:30px;
	}
	.errorArea__id{
		margin-bottom:10px;
		width:40px;
		margin:0 auto;
		padding:0;
	}
	.errorArea__anchor{
}
		
	.errorArea__anchor a{
		background:#eee;
		font-size:0.9em;
		border:solid 1px #cdcdcd;
		display:inline-block;
		padding:5px 10px;
		transition:.6s ease;

	}
	
	
	.errorArea__anchor a:hover{
		border:solid 1px #eee;
		background:#9b2224;
		color:#fff!important;
	}
	
	
/*coming-soon使用一時的*/	
	
	.coming-soon__map{
		width:100%;
		height:150px;
		background:#000;
		margin-bottom:30px;
		display:block;
	}
	
	
/*記事一覧　レイアウト*/	

.articleList{
	width:100%;
	padding:0;
	margin:0;
}


	.articleList__item{
		padding:10px 0 6px 0;
		text-align:left;
		float:none;
		width:100%;
		background:#fff;
		border-bottom:solid 1px #eee;
		height:auto;
	}
		.articleList__item:first-child{
			border-top:solid 1px #eee;
		}
		.articleList__item a{
			display:block;
		}
	

		
	
/*一覧リスト Block*/

.listItem{
	width:100%;
	height:90px;
	*zoom:1;
	*clear:right;
	padding:0;
	display:inline-block;
	line-height:100%;
	}

	.listItem a{
		padding:0;
		margin:0;
	}

.listItem::after{
	content:"";
	display:block;
	clear:both;
}

	/*一覧リスト Element*/
	.listItem__thumb{
		width:90px;
		margin:0;
		padding:0;
		line-height:100%;
		float:left;
	}
	
		.listItem__thumb img{
			line-height:100%;
			margin:0;
			padding:0;
			border:solid 1px #eee;
		}
		
		
	.listItem__content{
		width:70%;
		height:100%;
		padding:0 0 0 10px;
		float:left;
		position:relative;
		line-height:100%;
		display:table;
	}
	
	
	.listItem__tablecell{
		display:table-cell;
		vertical-align:middle;
	}
	
		.listItem__title{
			font-size:0.857em!important;
			line-height:150%;
			margin-bottom:10px;
			}
			
		.listItem__category{
			color:#FFF;
			padding:2px 10px;
			font-size:0.714em;
			text-align:center;
			background:#9b2224;
			display:inline-block;
			
		}
		
		.listItem__time{
			font-size:0.9em;
			color:#333;
			margin:0;
		}
			
			
/*商品リスト*/			
			
	.listProducts{
		clear:right;
		*zoom:1;
		padding:0;
	}
	
	.listProducts::after{
		content:" ";
		display:block;
		clear:both;
	}

	
		.listProducts .list__item{
			width:100%;
			height:auto;
			line-height:100%;
			list-style:none;

			padding:0 10px;
	}
/* ------------------------------
   block
------------------------------ */

.block{
	width:100%;
	height:auto;
	padding:0;
	margin-bottom:30px;
	line-height:100%;
	
	
}
	
	.block--listProducts{
		padding:0 px;
		
		line-height:100%;
		
		
	}

.block__img{
	display:block;
	overflow:hidden;


	padding:0;
	}
	.block__img img{
	width:100%;
	padding:0;
	margin:0;
	line-height:100%;
	}
.block__title{
	font-size:16px;
	line-height:140%;
	padding:0;
	margin:10px 0 3px 0;
	}
	
.block__subTitle{
	line-height:100%;
	font-size:12px;
	display:block;
	padding:0;
	padding-left:1px;
	color:#333;
	}
	
.block__price{
	width:100%;
	text-align:right;
	margin:20px 0 0 0;
	padding-bottom:10px;
	font-size:16px;
	line-height:100%;
	border-bottom:solid 1px #eee;
	}

.block__unit{
	font-size:10px;}
	
	
	
	
/* ------------------------------
   プログレス
------------------------------ */

/* プログレス Block */
.progress { 
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    position: absolute;
	top:0;
	left:0;
    width: 100%;
	z-index:9000;
	overflow:hidden;


	
}


	/* プログレス Elment */
	.progress__text {
		font-family: "Menlo", "Consolas", monospace;
		font-size: 12px;
		margin-top: 10px;
		text-align: center;
		width: 100%;
	}
	.progress__complete .progress__bar {
		border-top-color: rgb(255, 255, 255);
	}

	.progress__logo{
		margin:0 auto;
		width:100px;
		height:80px;
		position:relative;
		background:url(../img/logo-apple-wt.svg) no-repeat;
		background-position:50%;	
	}/*ローディングリンゴマーク*/	
		
	
	/*リンゴマークを消す　背景の色と合わせること*/	
	.progress__hide{
		position:absolute;
		top:0;
		left:0;
		height:90%;
		width:100%;
		background:#000;
		-webkit-transition:.6s ease;
		transition:.6s ease;
	}
	
	.progress__wrap{
		text-align:center;
		position:absolute;
		left:50%;
		top:40%;
		margin-left:-50px;
	}
	

/*下層ページ　コンテンツエリア　Block
/*h2タイトルの上下余白は以下を参照すること。下層ページ　記事&一覧レイアウト　Block*/
.contentArea{
	width:100%;
	min-height:300px;
	padding:0;
	margin:0;
	
	}


	.contentArea__title{
		font-size:1.8em;
		letter-spacing:1px;
		line-height:130%;
		margin:0 0 30px 0;
		
		
	}/*記事のタイトル*/

/*この中のタグに関しては個々の要素にクラスをつけずに子孫セレクタを利用すること(記事に使用するため)*/	
	.contentArea h3{
		font-size:1.429em;
		margin:20px 0;
		letter-spacing:.7px;
		padding-left:15px;
		border-left:solid 3px #9b2224;

	}/*記事のサブタイトル*/
	
	.contentArea ul{
		margin:20px 0;
	}/*記事のリスト*/
	
		.contentArea ul li{
			list-style:inside;
		}	
	
	
	.contentArea p{
		margin-bottom:20px;
		line-height:200%;
		letter-spacing:1px;
	}/*記事の文章*/

	.contentArea span{
	}
	
	.contentArea img{
		margin:20px 0;
		max-width:100%;
		height:auto;}
		/*border:solid 6px #fff;
		box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		-mos-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		-ms-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
	}写真サイズ指定*/
	
	.contentArea a{
	}


/*下層ページ　記事&一覧レイアウト　Block*/
.listArea, .articleArea,.contentArea,.secondArea{
	padding-top:20px;
	width:100%;
	text-align:left;

	
}


.listArea__title{
		font-size:1.8em;
		letter-spacing:1px;
		line-height:130%;
		margin:0 0 30px 0;
}


	/*記事　Element*/
	.articleArea__time{
		font-size:0.9em;
		color:#333;
		}
	.articleArea__category{
		color:#FFF;
		padding:2px 10px;
		font-size:0.714em;
		text-align:center;
		background:#9b2224;
	}


	.articleArea__title{
		font-size:1.8em;
		letter-spacing:1px;
		line-height:130%;
		margin:0 0 30px 0;
	}/*記事のタイトル*/
	
	
/*この中のタグに関しては個々の要素にクラスをつけずに子孫セレクタを利用すること(記事に使用するため)*/	
	.articleArea h3{
		font-size:1.429em;
		margin:20px 0;
		letter-spacing:.7px;
		padding-left:15px;
		border-left:solid 3px #9b2224;

	}/*記事のサブタイトル*/
	
	.articleArea ul{
		margin:20px 0;
	}/*記事のリスト*/
	
		.articleArea ul li{
			list-style:inside;
		}	
	
	
	.articleArea p{
		margin-bottom:20px;
		line-height:200%;
		letter-spacing:1px;
	}/*記事の文章*/

	.articleArea span{
	}
	
	.articleArea img{
		margin:20px 0;
		max-width:100%;
		height:auto;}
		/*border:solid 6px #fff;
		box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		-mos-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		-ms-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
	}写真サイズ指定*/
	
	.articleArea a{
	}
/*記事移動用ナビ*/
	
	.aritcleNav{
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:0;
		width:95%;
		
		text-align:center;

		}	
		
		.nav--article{
			padding:10px 5px;
			border:solid 1px #eee;
		}
			.nav--article .nav__item{
				width:33.3%;
				}
				
				
			.nav--article .nav__item:first-child{
				text-align:left;
				}				
			.nav--article .nav__item:last-child{
				text-align:right;
				}	
				
				
				
			.nav--article .nav__item:first-child::before{
				content:"<";
				margin-right:5px;
				
			}
			.nav--article .nav__item:last-child::after{
				content:">";
				margin-left:5px;
				text-align:right;
				
			}

		
.pc{display:none;}
/* PC向けレイアウトの指定：960px以上では固定レイアウト */
@charset "utf-8";
/* CSS Document */


/*下層 CONTACT*/


.formArea{
	width:100%;
}

	.formArea__txt{
		margin:30px 0 5px 0;
		font-size:12px;
		color:#666;
	}
	
	
	.formArea__input, .formArea__textarea{
		border:solid 1px #838383;
		padding:5px 10px;
		width:100%;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius:0;
	}
	

	
	.formArea__submit{
		cursor:pointer;
		font-size:12px;
		padding:12px 25px;
		display:block;
		margin-right:auto;
		margin-left:auto;
		margin-top:55px;
		margin-bottom:20px;
		background:#9B2224;
		color:#fff;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius:0;
		transition:0.6s ease;
		-webkit-transition:0.6s ease;
		}
		
		.formArea__submit:hover{
			background:#999;
		}
	
/*下層news*/

.newsArea{
	width:100%;
}


.newsArea__item{
	padding-bottom:16px;
	border-bottom:solid 1px #eee;
	margin-bottom:16px;
}

	.newsArea__time{
		font-weight:bold;
		display:block;
		margin:0 0 6px 0;

	}
	
	.newsArea__txt{

		display:block;


	}
	
	
/*下層access*/

.googleMap{

	height:300px;
	width:100%;
	color:#FFF;
	text-align:center;
	display:table;
	margin:0;
	padding:5px 5px 3px 5px;
	line-height:100%;
	border:solid 1px #eee;
}

	.googleMap span{
		display:table-cell;
		vertical-align:middle;
	}


.access__map{
	line-height:100%;
	margin:0;
	padding:0;
	width:100%;
	height:300px;
}
	.storeInfo--second{
		overflow:hidden;
		width:100%;
	}




/*下層policy*/



.policy__item{
	margin:0 0 40px 0;
}


	.policy__title{
		font-size:16px;
		margin-bottom:5px;
	}
	
	.policy__txt{
		font-size:1em;
		line-height:200%;
	}
	
	
	
	
	
	
	
/*下層　company*/
.company__tbl{
	width:100%;
	text-align:left;
}

	.company__item{
		padding:10px;
		border-bottom: solid 1px #eee;
	}
	.company__title{
		width:20%;


	}
	
	
	.company__txt{
				padding:20px 0;
	}
	
	
	
	
	
			.company__txt--first{
				padding:0 0 20px 0;
			}
.pc-none{display:block;}	
	
@media only screen and (min-width: 960px) {

.pc{display:block;}
/* ------------------------------
   共通ユーティリティ
------------------------------ */

/* cols Block*/
.cols{
	margin-right:auto;
	margin-left:auto;
	*zoom:1;
	width:1200px;
	}

	.cols:after{
		content:" ";
		display:block;
		clear:both;
	}
	
/* cols Element*/
	.cols__col{
	float:left;
	width:50%;
	display:table;
}

/* cols Modifier*/
	.cols--sns{
		width:1000px;
		margin-top:50px;
		margin-bottom:70px;
		margin-left:auto;
		margin-right:auto;
	
	}


	.cols--sns .cols__col{
		text-align:center;
		padding:0 40px;
		height:300px;
		margin:0;
	}





.l-inner{
	
	margin: 0 auto;
	width: 1200px;
	text-align: center;
}


.l-page{
	width:990px;
	padding:0;
	margin-top:0;
	margin-bottom:0;
	margin-right:auto;
	margin-left:auto;
	}/*下層ページのコンテンツリアサイズ指定*/
	
	

/*リスト回り込み解除付き*/

/*リスト Block*/
.list {
	*zoom:1;
	}
	
.list::before,
.list::after{
	content: " ";
	display: table;
	clear:both;
}

.list::after{
	clear:both;
	}


/*リスト Element*/

.list__Element{}


/* ------------------------------
   プログレス
------------------------------ */

/* プログレス Block */
.progress { 
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    position: absolute;
	top:0;
	left:0;
    width: 100%;
	z-index:9000;
	overflow:hidden;


	
}


	/* プログレス Elment */
	.progress__text {
		font-family: "Menlo", "Consolas", monospace;
		font-size: 12px;
		margin-top: 10px;
		text-align: center;
		width: 100%;
	}
	.progress__complete .progress__bar {
		border-top-color: rgb(255, 255, 255);
	}

	.progress__logo{
		margin:0 auto;
		width:100px;
		height:80px;
		position:relative;
		background:url(../img/logo-apple-wt.svg) no-repeat;
		background-position:50%;	
	}/*ローディングリンゴマーク*/	
		
	
	/*リンゴマークを消す　背景の色と合わせること*/	
	.progress__hide{
		position:absolute;
		top:0;
		left:0;
		height:90%;
		width:100%;
		background:#000;
		-webkit-transition:.6s ease;
		transition:.6s ease;
	}
	
	.progress__wrap{
		text-align:center;
		position:absolute;
		left:50%;
		top:40%;
		margin-left:-50px;
	}



/* ------------------------------
  ヘッダー
------------------------------ */

/*　ヘッダー　Block　*/
.headerArea{
	width:100%;
	background:#fff;
	text-align:center;
	padding:39px 0 8px 0;
	margin:0;
}

	.headerArea--bg{
		background:url(../img/store-img.svg)no-repeat;
		background-size:cover;
		background-position:100% 21%;
	}

/*　ロゴ　*/
.siteId{
	margin:0 auto -16px auto;
	padding:0;
	font-size:16px;
	width:200px;
	

}
.siteId img{
	width:200px;
	height:37px;
	margin:0 auto;
	
}




	/*矢印アニメ―ション*/	
	.localArea__span::after{
		width: 0px;
		height: 0px;
		background: transparent;

			}
			
	.localArea__span::before{
		width: 0px;
		height: 0px;
		background: transparent;

						}

/* ------------------------------
   ナビゲーション
------------------------------ */

/*　ナビ　Block　*/
.nav{
	text-align:center;
	*zoom:1;
	
}

	.nav::after{
		content:" ";
		display:block;
		clear:left;
		}
		
		
	/*　ナビ　Element　*/	
	.nav__item{		
		float:left;
	}


		
	
		.nav__item a{
			font-size:12px;
			color:#000;
			position:relative;
			padding-bottom:4px;
			}
	
	
		.nav__item a::after{
		
			background:#a41d05;
			content:" ";
			position:absolute;
			bottom:0;
			left:0;
			height:2px;
			width:100%;
			-webkit-transition:.2s ease;
			transition:.2s ease;
			-webkit-transform:scaleX(0);
			transform:scaleX(0);
		}
	
	
		.nav__item a:hover::after{
			-webkit-transform:scaleX(1);	
			transform:scaleX(1);	
		}	


	/*　グローバルナビ(header)　Modifier　*/

	.nav--global{
		margin-top:15px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:5px;
		padding:18px 0 5px 0;
		display:inline-block;
	
		
	}
	
		/*　グローバルナビ(header/footer)　Element　*/
		.nav--footer .nav__item,
		.nav--global .nav__item{
			width:120px;
			padding:0 20px;
			text-align:center;
			border-right:solid 1px #d0d0d0;
		}

		.nav--footer .nav__item:first-child,
		.nav--global .nav__item:first-child{
			border-left:solid 1px #d0d0d0;
			}
		
	
	


		


	/*　フッター用ナビ(footer)　Modifier　*/
	.nav--footer{
		padding-top:0;
		width:740px;
		position:relative;
		margin-left:380px;
		margin-top:45px;
		margin-bottom:45px;
		
	
	}			
		/*フッターロゴ*/
		.nav--footerLogo{
			position:absolute;
			left:-282px;
			top:50%;
			margin-left:0;
			margin-top:-32px;

		}
		
		
		
		/*　フッター用ナビ(footer)　Element　*/	
		.nav--footer .nav__item{
			margin-bottom:27px;
			width:16%;
		}
		
		
		.nav--footer .nav__item:nth-child(5){
			border-left:none;
		}		
		
		.nav--footer .nav__item:nth-child(8){
			border-left:solid 1px #d0d0d0;
		}
		
		.nav--footer .nav__item:last-child{
			width:20%;
		}
		
		
		.nav--footer .nav__item a::after{
			height:1px;
			}
			
.hamburgerArea{
	display:none;
}





	/*ぱんくず Block*/
.breadNav{
	display:block;
	margin:15px 0 40px 0;
	}/*位置調整 spで消す*/	
	
	
	
	
	/*　ぱんくずナビ(bread)　Modifier　*/
	.nav--bread{
		}

	.nav--bread .nav__item {
		font-size:12px;
	
	}
		
		
		.nav--bread .nav__item::after{
			margin:0 10px;
			content:'>'
		}

		.nav--bread .nav__item:last-child::after{
			margin:0 10px;
			content:none;
		}



		.nav--bread .nav__item:first-child{
			position:relative;
			padding-left:20px;
		}
		.nav--bread .nav__item:first-child::before{
			position:absolute;
			content:url(../img/home.png);
			left:-1px;
			line-height:100%;	
			}	


		
			.nav--bread .nav__item a::after{
				height:1px;
				}




	/*ローカルエリアナビ*/
	
	
	.nav--local{
		display:block;
		width:100%;
		

		}/*spで消す*/
	
	
		
	.nav--local::after{

		height:0;
	}
	/*　ローカルエリアナビ(local)　Modifier　*/
	.nav--local .nav__item {
		float:none;
		font-size:12px;
		width:100%;
		text-align:left;
		border-bottom:solid 1px #eee;	
	}
	

		.nav--local .nav__item a{
			width:100%;
			display:table;
			height:55px;
			transition:.6s ease;
		}
		
		
		.nav--local .nav__item a:hover{
			background:#eee;
		}
		
		
		.nav--local .nav__item span{
			display:table-cell;
			vertical-align:middle;
			padding:0 10px;
			}



		
			.nav--local .nav__item a::after{
				height:0;
				}
				
/*記事ページビューアー*/				
.nav--article{
			width:900px;
			display:inline-block;
			padding:0;
			border:none;
		}
	
			.nav--article .nav__item{
				width:33.3%;
				}
				
					
			
			.nav--article .nav__item:first-child::before{
				content:"<";
				margin-right:10px;
			}
			.nav--article .nav__item:last-child::after{
				content:">";
				margin-left:10px;
			}
			
			
			.nav--article .nav__item a::after{
			height:1px;
			}				
/* ------------------------------
   メイン画像
------------------------------ */

/*　メインビジュアル　Block　*/
.mainArea{
	width:100%;
	padding:0;
	margin:0;
}
	
	
	
	/*　メインビジュアルテーブル　Element　*/
	.mainArea__table{
		width:100%;

		padding:0;
		margin:0;
		display:table;
	}
	
	


	/*　テーブルセル　Element　*/
	.mainArea__tableCell{
		text-align:center;
		width:40px;
		display:table-cell;
		vertical-align:middle;
	}
	
		/*　2つ目のテーブルセル　Modifier　*/
		.mainArea--second{
		width:30px
	}
	
	
	
	/*　メインビジュアル画像　Element　*/
	.mainArea__visual{
		background:url(../img/main-pcbg.png) no-repeat;
		background-size:cover;

		background-position:100%;
		content:" ";
		display:table-cell;
		border:solid 20px #000;
		padding:0;
		*zoom:1;
	}
	
	.mainArea__visual::after{
		content:"";
		display:block;
		clear:left;
	}
	
	.mainArea__illust{		
		display:block;
		padding-right:10px;
		width:50%;
		background:#000;
		content:"";
		float:left;
	}
		.mainArea__illust img{
			width:100%;}
		
		
	.mainArea__photo{		
		display:table;
		padding-left:10px;
		width:50%;
		content:"";
		float:left;
		text-align:center;
		height:100%;
	}
	
		.mainArea__photo span{
			display:table-cell;
			vertical-align:middle;
		}
	
	
	/*　メインビジュアルテーブル　Element　*/
.mainArea--secondPage .mainArea__table{
		width:100%;
		height:330px;
		padding:0;
		margin:0;
		display:table;
	}		
	
	
	/*　メインビジュアル画像　Element　*/
.mainArea--secondPage .mainArea__visual{
		
		content:" ";
		display:table-cell;
		background:url(../img/top-bg.png) no-repeat;
		background-size:cover;
		padding:0;
		margin:0;
		background-position:50% 52%;


	}		
.mainArea--secondPage .mainArea__title{
	display:table;
	height:100%;

	width:50%;
	padding-bottom:0;
}
.mainArea--secondPage #js-mainAreaHeight{
	display:block;
}		
.mainArea--secondPage .mainArea__box{
	vertical-align:middle;
	display:table-cell;
	font-size:30px;

	background:transparent;
}
/*メイン箇所　sns icon*/
	
	/*メイン箇所　sns icon Block*/	
	.snsList{
		padding-bottom:0;
		border-bottom:none;
		width:100%;
		margin:0 0 16px 0;}
	
	
	.snsList::before{
		border:none;
		margin:0;
	}
	
		/*メイン箇所　sns icon Element*/	
		.snsList__item{
			width:100%;
			float:none;
			margin:3px 0;
			}




/* ------------------------------
   セクション
------------------------------ */



/*localArea Block*/
.localArea{
	width:30%;
	padding-top:23px;
	padding-right:60px;
	float:left;

}


	/*localArea Element*/
	
	.localArea__nav{
		position:relative;
		border:solid 1px #eee;
		padding:20px 10px 20px 10px;
		width:100%;
		
		}
		
		.localArea__nav::after{
			position:absolute;
			top:-21px;
			margin-left:-21px;
			left:50%;
			content:url(../img/local-apple.png);
			
			}


	.cols--sns .sectionArea__title{
		margin:45px 0 80px 0;}

	.localArea__title{
		text-align:center;
		width:100%;
		display:table;
		height:55px;
		padding:0;

		}
		
		.localArea__title span{
			padding-left:10px;
			font-size:13px;
			font-weight:bold;
			color:#000;
			border-left:none;
			border-bottom:solid 2px #9b2224;
			vertical-align:middle;
			display:table-cell;
		}
		

/*下層ページ　コンテンツエリア　Block*/
.contentArea{
	width:100%;
	min-height:300px;
	padding:0 20px;
	}

	.contentArea__title{
		font-size:30px;
		letter-spacing:1px;
		line-height:150%;
		margin:13px 0 37px 0;
		
	}/*記事のタイトル*/


/*この中のタグに関しては個々の要素にクラスをつけずに子孫セレクタを利用すること(記事に使用するため)*/	
	.contentArea h3{
		font-size:20px;
		margin:20px 0;
		letter-spacing:.7px;
		padding-left:15px;
		border-left:solid 3px #9b2224;

	}/*記事のサブタイトル*/
	
	.contentArea ul{
		margin:20px 0;
	}/*記事のリスト*/
	
		.contentArea ul li{
			list-style:inside;
		}	
	
	
	.contentArea p{
		margin-bottom:20px;
		line-height:200%;
		letter-spacing:1px;
	}/*記事の文章*/

	.contentArea span{
	}
	
	.contentArea img{
		margin:20px 0;
		max-width:100%;
		height:auto;}
		/*border:solid 6px #fff;
		box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		-mos-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		-ms-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
	}写真サイズ指定*/
	
	.contentArea a{
	}



/*下層ページ　記事&一覧レイアウト　Block*/
.listArea, .articleArea{
	width:70%;
	text-align:left;
	float:right;
	padding:0 20px;
}

	.secondArea{
		padding:0;
	}
		
		
.listArea__title{
		font-size:30px;
		letter-spacing:1px;
		line-height:150%;
		margin:13px 0 20px 0;
}

	/*記事　Element*/
	.articleArea__time{
		font-size:12px;
		color:#333;
		}
		
		
	.articleArea__category{
		color:#FFF;
		padding:2px 10px;
		font-size:10px;
		text-align:center;
		background:#9b2224;
	}



	.articleArea__title{
		font-size:30px;
		letter-spacing:1px;
		line-height:150%;
		margin:13px 0 20px 0;
	}/*記事のタイトル*/
	
	
/*この中のタグに関しては個々の要素にクラスをつけずに子孫セレクタを利用すること(記事に使用するため)*/	
	.articleArea h3{
		font-size:20px;
		margin:20px 0;
		letter-spacing:.7px;
		padding-left:15px;
		border-left:solid 3px #9b2224;

	}/*記事のサブタイトル*/
	
	.articleArea ul{
		margin:20px 0;
	}/*記事のリスト*/
	
		.articleArea ul li{
			list-style:inside;
		}	
	
	
	.articleArea p{
		margin-bottom:20px;
		line-height:200%;
		letter-spacing:1px;
	}/*記事の文章*/

	.articleArea span{
	}
	
	.articleArea img{
		margin:20px 0;
		max-width:100%;
		height:auto;}
		/*border:solid 6px #fff;
		box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		-mos-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		-ms-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
	}写真サイズ指定*/
	
	.articleArea a{
	}

/*記事移動用ナビ*/
	
	.aritcleNav{
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:30px;
		width:1000px;
		text-align:center;
		padding-top:25px;
		border-top:solid 1px #eee;
		
		}






		
/*　セクション　Block　*/	
.sectionArea{
	padding:0;
	margin:0;
	}
	
/*　セクション　Element　*/
	.sectionArea__title{
		position:relative;
		font-size:16px;
		font-weight:200;
		display:block;		
		padding-bottom:22px;
		text-align:center;
		margin:204px auto 0 auto;
		line-height:100%;
		opacity:0;
		-webkit-transform:translateY(-30px);
		transform:translateY(-30px);
		-webkit-transition:.6s ease;
		transition:.6s ease;
	}
	
		.sectionArea__title::after{
			content:" ";
			border-bottom:solid 1px #000000;
			width:50px;
			position:absolute;
			bottom:0;
			left:50%;
			margin-left:-25px;
		}
	
	
	
	
	.is-anime .sectionArea__title{
		opacity:1;
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}

.mainArea--secondPage .snsList{
		width:40px;

		border-bottom:none;

}
/*
/*セクション　ブログ記事一覧　index.html
/*


/*ブログ記事一覧 アニメ用ラップ*/

.blogWrap{
	position:relative;
	overflow:hidden;
	}


	.blogWrap::after{
		position:absolute;
		top:0;
		left:0;
		content:" ";
		width:100%;
		height:100%;
		background:#fff;
		z-index:98;
		-webkit-transition:.5s ease;
		transition:.5s ease;
	}

		.is-anime--first .blogWrap::after{
			-webkit-transition-delay:.6s;
			transition-delay:.6s;
			left:100%;
		}


/* ブログ記事一覧　Block*/
.blogArea{
	display:block;
	position:relative;
	text-align:left;
	width:1200px;
	margin-top:74px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	

}

	.blogArea__visual{
		display:block;
	}


	/* ブログ記事一覧　Element*/
	.blogArea__box{
		position:absolute;
		bottom:0px;
		left:19px;
		width:235px;
		height:235px;
		text-align:center;
		background:#fff;
		display:table;
		z-index:100;
		transition:.6s ease;
		box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		-mos-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		-ms-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		opacity:0;
		-webkit-transform:translateY(-30px);	
		transform:translateY(-30px);
		}
		
		.is-anime .blogArea__box{
			opacity:1;
			-webkit-transition-delay:.6s;
			transition-delay:.6s;
			-webkit-transform:translateY(0px);
			transform:translateY(0px);
		}
		
		/*追加blogArea__table*/
		.blogArea__table{
			height:80px;
			padding-left:0px;
			float:none;
			width:100%;
			display:inline;
		}
		
		
		
		
		/*追加blogArea__cell*/
		.blogArea__cell{
			display:inline;
		}		
		
			.blogArea__thumb{
		width:174px;
		height:174px;
			overflow:hidden;
			float:none;
		}

		
	.blogArea__thumb img{
		width:174px;
		height:174px;
		overflow:hidden;
		boreder:solid 1px #eee;
	}
		
	.blogArea__date{
		display:inline-block;
		font-size:12px;
		margin:14px 0 14px 0;
		line-height:0;
		color:#333;
		font-weight:100;
		}
		
	.blogArea__title{
		font-weight:bold;
		font-size:12px;
		text-align:left;
		margin-bottom:10px;
		}
	
	.blogArea__txt{
		
		display:block;
		font-size:12px;
		}
		
		
	
	.blogArea__logo{
		display:table-cell;
		vertical-align:middle;
	}/*ロゴ*/
			.blogArea--logo{
				margin-bottom:16px;}
	
	
	.blogArea__img{
		display:inline-block;
		width:567px;
		height:640px;
		content:" ";
		background:url(../img/img-b.png);
		overflow:hidden;
		position:relative;
		}
	
	.blogArea__img::after{
		content:"";
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		background:#fff;
		z-index:99;
		-webkit-transition:.6s ease;
		transition:.6s ease;
	}
	
		.is-anime--first .blogArea__img::after{
			-webkit-transition-delay:.3s;
			transition-delay:.3s;
			left:100%;
	}



	/*add scirpt-atrekawasaki　テキスト画像*/
	.blogArea__script{
		position:absolute;
		left:278px;
		top:600px;
		z-index:990;
	}
	
	/*list(トップブログ記事用) Modifier*/
	.list--blogArea{
	}
		.list--blogArea > .list__item {
			padding:0 12px 42px 12px;
			text-align:left;
			float:left;
			width:33.3%;
			background:#fff;
			border-left:solid 1px #eee;
			border-bottom:none;
			height:371px;
		
		
		}
		.list--blogArea > .list__item:first-child {
			border-top:none;
		}
		.list--blogArea > .list__item:last-child,
		.list--blogArea > .list__item:nth-child(3){
			border-right:solid 1px #eee;
			}
	

	
/*
/*ストアインフォ　index.html
/*



/*ストアインフォ block*/
.storeInfo{
	content:" ";
	background-position:50% 50%;
	margin-top:114px;
	margin-bottom:126px;
	position:relative;
}

/*ストアインフォ block*/
.storeInfo__map{
	width:186px;
	height:186px;

}


/*	.storeInfo::after{
		position:absolute;

		top:0;
		left:0;
		content:" ";
		width:100%;
		height:100%;
		background:#fff;
		transition:1s ease;
		overflow:hidden;
	}
	.anime .storeInfo::after{
		position:absolute;
		top:0;
		left:-100%;

	}*/
	

	/*ストアインフォ Element*/
	.storeInfo__block{
		padding:43px 43px 68px 43px;
		position:absolute;
		right:0;
		top:63px;
		width:600px;
		height:347px;
		text-align:center;
		background:#fff;
		text-align:left;
		z-index:100;
		opacity:0;
		-webkit-transition:.9s ease;
		transition:.9s ease;
	
	}
	
		.is-anime .storeInfo__block{
			-webkit-transform:translateY(50px);
			transform:translateY(50px);
			box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
			-webkit-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
			-mos-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
			-ms-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
			opacity:1;
			/*transition-delay:.2s;*/
		}
				
		
				
	.storeInfo__title{
		position:relative;
		font-size:14px;
		font-weight:bold;
		display:block;
		margin:0;
		margin-bottom:30px;
		text-align:left;
		color:#FFF;
		
		line-height:100%;
	
	}		
	
	.storeInfo__txt{
		margin-left:-8px;
	}
			
		/*sadd 18 0528　PCトップアドレス帯び追加*/	
		.storeInfo__title::before{
			position:absolute;
			left:-43px;
			top:-14px;
			content:url(../img/adress-obi.png);
			z-index:-90;
		}
	
		.storeInfo__title::after{
			display:none;
		}






	.storeInfo__block .cols{
		width:100%;
		}
		
		
	.storeInfo__block .cols__col{
		float:left;
		}		
		
		
	/*ストアインフォ Modifier*/
	
	
	/*ストアインフォ背景*/
	.sectionArea--store{
		height:380px;
		width:100%;
		background:url(../img/storeInfo-bg.jpg);
		background-size:covrer;
		margin-bottom:250px;/*OPEN前の一時的に使用*/
	}
		
	
	
	.storeInfo--relative{
		width:1200px;
		margin:0 auto;
		position:relative;
	}	

	.storeInfo--img{
		border:none;
		width:43%;
		height:auto;
		overflow:visible;
		background:none;
		margin-bottom:0;
		}/*サイズ調整*/
	.storeInfo--img img{
		display:block;
	}
	.storeInfo--list{
		width:57%;
		}/*サイズ調整*/
	
	
	
	.storeInfo__list{
		height:186px;
		}/*サイズ調整*/
	
	.storeInfo__item{
		height:33.3%;
		font-size:12px;
		margin-bottom:0;
		}/*サイズ調整*/
	
	.storeInfo__subTitle{
		margin-bottom:6px;
		}/*サイズ調整*/
	
	
/*下層ページ用 .secondPage以下*/		

	
	.secondPage .cols{
		width:400px;
		margin:0;
		padding:0;
	}
	
	.secondPage .storeInfo__title{
		line-height:100%;
		padding:10px 0 10px 15px;
		font-size:1.429em;
		margin:20px 0;
		letter-spacing:.7px;

		border-left:solid 3px #9b2224;
	}
	
	
	.secondPage .storeInfo__list{
		margin-left:20px;
	}
.secondPage .storeInfo{
	margin:40px 0 20px 0;
}



	
/*
/*インスタ表示　index.html
/**/


.delayLoad {
	margin-top:70px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	width: 1200px;
	text-align: center;

}

	.list--insta {
		display:block;
		margin-top:22px;
		margin-bottom:0;
		margin-left:auto;
		margin-right:auto;
		width: 100%;
		-webkit-transition:1s ease;
		transition:1s ease;
	}
	
	.list--insta > .list__item {
		width: 25%;
		height:274px;
		margin-bottom:70px;
		float: left;
		-webkit-transition:.6s ease;
		transition:.6s ease;
		-webkit-transform:translateY(-20px);
		transform:translateY(-20px);
		opacity:0;
		
	}
		.is-anime .list__item {
			opacity:1;	
			-webkit-transform:translateY(0px);
			transform:translateY(0px);
		}


/*ウメコミ一時的にアニメ付き*/

.twitterArea,.facebookArea{
	width:100%;
	height:450px;
	background:#000;
	margin-bottom:0;
	-webkit-transition:.6s ease;
	transition:.6s ease;
}

#js-twitterArea{
	-webkit-transform:translateX(-36px);
	transform:translateX(-36px);
	}
#js-facebookArea{
	-webkit-transform:translateX(36px);
	transform:translateX(36px);
	-webkit-transition-delay:.3s;
	transition-delay:.3s;
	}


.is-anime #js-twitterArea{
	-webkit-transform:translateX(0);
	transform:translateX(0);
	}
.is-anime #js-facebookArea{
	-webkit-transform:translateX(0);
	transform:translateX(0);
	}



/* ------------------------------
   フッターエリア
------------------------------ */

/*　フッター　Block　*/
.footerArea{
	text-align:center;
	width:100%;
	padding:0px 0 110px 0;
	margin-top:40px;
	height:384px;
	position:relative;
}
	
	
	/*フッター Modifier*/
	.footerArea--bg{
		background:url(../img/store-img-footer.svg)no-repeat;
		background-size:cover;
		background-position:100% 80%;
	}
	
	
	/*フッター Element*/
	.footerArea__inner{
		width:1200px;
		height:277px;
		background:#ffffff;
		margin-top:0;
		margin-bottom:0;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		padding-top:20px;
		text-align:center;
		box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		-mos-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
		-ms-box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);
	}
	
	
		
		.footerArea__inner::after{
			content:" ";
			position:absolute;
			top:-15px;
			left:0;
			width:100%;
			height:15px;
			background:#fff;
		}/*shadow上部をグラデーション化*/
		.footerArea__inner::before{
			z-index:100;
			content:" ";
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:15px;
			background:#fff;
			opacity:.7;
		}/*shadow上部をグラデーション化*/
		
		.footerArea__copy{
			font-size:12px;
			line-height:100%;
			padding:0;
			margin:0;
		}


/* ページトップボタン*/
.pageTop{
	display:block;
	position:fixed;
	bottom:80px;
	right:30px;
	z-index:1000;
	opacity:0;
	transition:.6s;
	-webkit-transition:.6s;

	}
	
	.pageTop--on{
		
		opacity:1;
		bottom:130px;
	}



/* ------------------------------
   下層ページ
------------------------------ */

/*404 Block*/
.errorArea{
	margin:0;
	padding:40px 20px 60px 20px;
	text-align:center;
	border:solid 10px #eee;
	}
	
	
	/*404 Element*/
	.errorArea__title{

		color:#9b2224;
		font-size:36px;
		margin-bottom:20px;		
		}
	.errorArea__txt{
		font-size:14px;
		margin-bottom:50px;
		text-align:center;
	}
	.errorArea__id{
		margin-bottom:0;
		width:100%;
	}
	
	
	.errorArea__id img{
		width:80px;
	}
	
	
	.errorArea__anchor{
}
		
	.errorArea__anchor a{
		background:#eee;
		font-size:12px;
		border:solid 1px #cdcdcd;
		display:inline-block;
		padding:10px 20px;
		transition:.6s ease;

	}
	
	
	.errorArea__anchor a:hover{
		border:solid 1px #eee;
		background:#9b2224;
		color:#fff!important;
	}





/*coming-soon使用一時的*/


.coming-soon{
	margin-top:40px;
	padding-top:20px;
	border-top:solid 1px #eee;
	text-align:left;
	width:100%;
}

	.coming-soon
	
		.coming-soon__map{
		width:100%;
		min-height:250px;
		margin-bottom:60px;
	}
	
	
/*記事一覧　レイアウト*/	

.articleList{
	width:100%;
	padding:0;
	margin:0;
}


	.articleList__item{
		line-height:100%;
		border-bottom:solid 1px #eee;
		padding:20px 0 17px 0;
	}
		.articleList__item:first-child{
			border-top:solid 1px #eee;
		}
		.articleList__item a{
			display:block;
		}
	
/*一覧リスト Block*/

.listItem{
	width:100%;
	height:174px;
	*zoom:1;
	*clear:right;
	padding:0;
	display:inline-block;
	line-height:100%;
	}

	.listItem a{
		padding:0;
		margin:0;
	}

.listItem::after{
	content:"";
	display:block;
	clear:both;
}

	/*一覧リスト Element*/
	.listItem__thumb{
		width:29%;
		margin:0;
		padding:0;
		line-height:100%;
		float:left;
	}
	
		.listItem__thumb img{
			line-height:100%;
			margin:0;
			padding:0;
			border:solid 1px #eee;
		}
		
		
	.listItem__content{
		width:70%;
		height:100%;
		padding:0;
		float:left;
		position:relative;
		line-height:100%;
		display:table;
	}
	
	
	.listItem__tablecell{
		display:table-cell;
		vertical-align:middle;
	}
	
		.listItem__title{
			font-size:18px!important;
			line-height:150%;
			margin-bottom:6px;
			}
			
		.listItem__category{
			color:#FFF;
			padding:2px 10px;
			font-size:10px;
			text-align:center;
			background:#9b2224;
			display:inline-block;
			
		}
		
		.listItem__time{
			font-size:12px;
			color:#333;
			margin:0;
		}
	
	
	
	.listProducts{
		clear:right;
		*zoom:1;
		padding:0;
	}
	
	.listProducts::after{
		content:" ";
		display:block;
		clear:both;
	}

	
		.listProducts .list__item{
			width:25%;
			height:auto;
			line-height:100%;
			list-style:none;
			float:left;
			padding:0 20px;
			margin:0;
	}
/* ------------------------------
   block
------------------------------ */

.block{
	width:100%;
	height:auto;
	padding:0;

	line-height:100%;
	
	
}
	
	.block--listProducts{
		padding:0 px;
		margin:25px 0 50px 0;
		line-height:100%;
		
		
	}

.block__img{
	display:block;
	overflow:hidden;


	padding:0;
	}
	.block__img img{
	width:100%;
	padding:0;
	margin:0;
	line-height:100%;
	}
.block__title{
	font-size:16px;
	line-height:140%;
	padding:0;
	margin:10px 0 3px 0;
	}
	
.block__subTitle{
	line-height:100%;
	font-size:12px;
	display:block;
	padding:0;
	padding-left:1px;
	color:#333;
	}
	
.block__price{
	width:100%;
	text-align:right;
	margin:20px 0 0 0;
	padding-bottom:10px;
	font-size:16px;
	line-height:100%;
	border-bottom:solid 1px #eee;
	}

.block__unit{
	font-size:10px;}
/* ------------------------------
   js用フック
------------------------------ */

.js-posi{padding:0;}
	
	
#js-wrap{
		overflow:hidden;
}


.sp{display:none;}

.mainArea__title{display:none;
}









/*topBtn*/

.btnArea{
	text-align:center;
	display:block;
	content:"";
	width:50px;
	height:55px;
position:relative;
}
.topBtn{

	

}


	.topBtn::before{
		display:block;
		content:"";
		position:absolute;
		top:0;
		right:0;
		background:#000;
		width:1px;
		height:19px;
		z-index:999;
		transform-origin:top;
		transition:.5s ease;	
		transform:rotate(-25deg);
	}
	.topBtn::after{
		display:block;
		content:"";
		position:absolute;
		top:0;
		right:0;
		background:#000;
		width:1px;
		height:55px;
		z-index:999;
		transition:.4s ease;	

	}	
	


.btnArea:hover .topBtn::after{
	height:80px;
	
}


.btnArea:hover .topBtn::before{
	transform:rotate(-33deg);
	height:22px;
}

.topBtn__txt{
	position:absolute;
	bottom:0;
	right:6px;
	color:#000;
	transition:.6s ease;
}

.btnArea:hover .topBtn__txt{
	bottom:-31px;
}



.lineArea{
	display:block;
	margin-left:100px;
	width:60px;
	height:60px;
	text-align:center;

	position:relative;
}

.lineBtn{
	content:"";
	display:block;
	width:1px;
	height:50px;
	position:absolute;
	top:0;
	background:#033;



}

	.lineBtn::before{
		position:absolute;
		top:0;
		left:0px;
		content:"";
		display:block;
		width:1px;
		height:15px;
		background:#033;
		transition:.6s;
		transform-origin:top;
	
	}
	
	
	.lineBtn::after{
		position:absolute;
		top:10px;
		left:0px;
		content:"";
		display:block;
		width:1px;
		height:10px;
		background:#033;
		transition:.8s;
		transform-origin:top;
	
	
	}
	
.lineArea:hover .lineBtn::before{
		transform:rotate(-45deg);
	
	
	}	
.lineArea:hover .lineBtn::after{
		transform:rotate(-90deg);
	
	
	}


/*下層 CONTACT*/


.formArea{
	width:100%;
}

	.formArea__txt{
		margin:30px 0 5px 0;
		font-size:12px;
		color:#666;
	}
	
	
	.formArea__input, .formArea__textarea{
		border:solid 1px #838383;
		padding:5px 10px;
		width:50%
	}
	

	
	.formArea__submit{
		cursor:pointer;
		font-size:12px;
		padding:12px 25px;
		display:block;
		margin-right:auto;
		margin-left:auto;
		margin-top:55px;
		margin-bottom:20px;
		background:#9B2224;
		color:#fff;
		
	}
/*下層news*/

.newsArea{
	width:100%;
}


.newsArea__item{
	padding-bottom:16px;
	border-bottom:solid 1px #eee;
	margin-bottom:16px;
}

	.newsArea__time{
		font-weight:100;
		display:inline;
		margin:0 30px 0 0;

	}
	
	.newsArea__txt{

		display:inline;


	}
		


/*下層　company*/
.company__tbl{
	
}

	.company__title{
		width:12%;


	}



.pc-none{display:none;}

}