.unit { margin-bottom: 40px; }


.unit h2 { margin-bottom: 20px; }

.unit li {
	float: left;
	margin: 0 20px 20px 0; }

.unit .last { margin-right: 0; }

/*
.news div {
height: 800px;
overflow-y: scroll;
}

.news ul {
padding: 0 20px;
}

.news li {
float: none;
margin: 0 0 10px 0;
padding-bottom: 10px;
border-bottom: 1px dotted #ccc; }

.news span { padding-right: 1em; }

.news a { color: #004b91; }
*/

.fb div {
	margin: 0 auto;
	width: 700px;
}

.add-info { margin: 40px 0 20px;}
.add-info h2 { margin-bottom: 0;}
.add-info p {
	border: 1px solid #000;
	padding: 15px;}


.bx-wrapper .bx-viewport {
	border: solid #fff 0px !important;
	left: 0px !important;
	-webkit-box-shadow: 0 0 0px !important;
	box-shadow: 0 0 0px !important;
}

.newItem li{
	width:220px;
	height:340px;
	margin:0 10px 10px 0;
	float:left;
}

#page-top {
	position:fixed;
	bottom:20px;
	right:50px;
}
#page-top a {
	display:block;
	width:50px;
}

a:hover{
	opacity:0.6;
}

#tab {
	width: 40px;/* 最初に表示されるバナーの幅 */
	height: 100px;/* バナーの高さ */
	background:url(https://img15.shop-pro.jp/PA01209/458/etc/t_chain_reg4.png) no-repeat;/* 画像のURL */
	position: fixed;/* バナーを固定します */
	right: 0;/* 右から0pxの位置に指定 */
	bottom: 100px;/* 下から100pxの位置に指定 */

	/* 以下アニメーションの設定 */

	-webkit-transition: width ease-in-out 0.5s;
	-moz-transition: width ease-in-out 0.5s;
	-ms-transition: width ease-in-out 0.5s;
	-o-transition: width ease-in-out 0.5s;
	transition: width ease-in-out 0.5s;
}

#tab a {
	/* リンクするエリアをバナー全体に広げる設定 */
	display: block;
	width: 100%;
	height: 100%;
}

#tab:hover {
	/* カーソルが乗った時の動きを指定 */
	width: 200px;/* バナーが伸びた時の幅 */

	/* 以下アニメーションの設定 */

	-webkit-transition: width ease-in-out 0.5s;
	-moz-transition: width ease-in-out 0.5s;
	-ms-transition: width ease-in-out 0.5s;
	-o-transition: width ease-in-out 0.5s;
	transition: width ease-in-out 0.5s;
}

#tab-sat {
	width: 40px;/* 最初に表示されるバナーの幅 */
	height: 90px;/* バナーの高さ */
	background:url(https://img15.shop-pro.jp/PA01209/458/etc/saturday_bn.png) right no-repeat;/* 画像のURL */
	position: fixed;/* バナーを固定します */
	left: 0;/* 左から0pxの位置に指定 */
	bottom: 150px;/* 下から150pxの位置に指定 */

	#tab-sat a {
		/* リンクするエリアをバナー全体に広げる設定 */
		display: block;
		width: 100%;
		height: 100%;
	}

	/* 以下アニメーションの設定 */

	-webkit-transition: width ease-in-out 0.5s;
	-moz-transition: width ease-in-out 0.5s;
	-ms-transition: width ease-in-out 0.5s;
	-o-transition: width ease-in-out 0.5s;
	transition: width ease-in-out 0.5s;
}

#tab-sat:hover {
	/* カーソルが乗った時の動きを指定 */
	width: 180px;/* バナーが伸びた時の幅 */

	/* 以下アニメーションの設定 */

	-webkit-transition: width ease-in-out 0.5s;
	-moz-transition: width ease-in-out 0.5s;
	-ms-transition: width ease-in-out 0.5s;
	-o-transition: width ease-in-out 0.5s;
	transition: width ease-in-out 0.5s;
}
#tab-can{
	width: 77px;/* 最初に表示されるバナーの幅 */
	height: 220px;/* バナーの高さ */
	background:url(https://img15.shop-pro.jp/PA01209/458/etc/tab-can_12.png) right no-repeat;/* 画像のURL */
	position: fixed;/* バナーを固定します */
	left: 0px;/* 右から0pxの位置に指定 */
	bottom: 270px;/* 下から270pxの位置に指定 */
	z-index: 9999;

	/* 以下アニメーションの設定 */

	-webkit-transition: width ease-in-out 0.5s;
	-moz-transition: width ease-in-out 0.5s;
	-ms-transition: width ease-in-out 0.5s;
	-o-transition: width ease-in-out 0.5s;
	transition: width ease-in-out 0.5s;
}

#tab-can:hover {
	/* カーソルが乗った時の動きを指定 */
	width: 480px;/* バナーが伸びた時の幅 */

	/* 以下アニメーションの設定 */

	-webkit-transition: width ease-in-out 0.5s;
	-moz-transition: width ease-in-out 0.5s;
	-ms-transition: width ease-in-out 0.5s;
	-o-transition: width ease-in-out 0.5s;
	transition: width ease-in-out 0.5s;
}

#tab-can a {
	/* リンクするエリアをバナー全体に広げる設定 */
	display: block;
	width: 100%;
	height: 100%;
}

#tab-rc {
	width: 57px;/* 最初に表示されるバナーの幅 */
	height: 145px;/* バナーの高さ */
	background:url(https://img15.shop-pro.jp/PA01209/458/etc/cpon_right.jpg) left no-repeat;/* 画像のURL */
    background-size: cover;/* バックグラウンド画像の縦横比を保持。背景領域から溢れないようにツラで表示します */
	position: fixed;/* バナーを固定します */
	right : 0px;/* 右から0pxの位置に指定 */
	bottom: 150px;/* 下から150pxの位置に指定 */

	/* 以下アニメーションの設定 */

	-webkit-transition: width ease-in-out 0.5s;
	-moz-transition: width ease-in-out 0.5s;
	-ms-transition: width ease-in-out 0.5s;
	-o-transition: width ease-in-out 0.5s;
	transition: width ease-in-out 0.5s;
}

#tab-rc:hover {
	/* カーソルが乗った時の動きを指定 */
	width: 202px;/* バナーが伸びた時の幅 */

	/* 以下アニメーションの設定 */

	-webkit-transition: width ease-in-out 0.5s;
	-moz-transition: width ease-in-out 0.5s;
	-ms-transition: width ease-in-out 0.5s;
	-o-transition: width ease-in-out 0.5s;
	transition: width ease-in-out 0.5s;
}

#tab-rc a {
	/* リンクするエリアをバナー全体に広げる設定 */
	display: block;
	width: 100%;
	height: 100%;
}