@charset "utf-8";
/*!
 * base CSS
 * ---------------------------------------------
 * 共通レイアウトに関わるCSS
 */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css?family=Lato');


/* reset
--------------------------------------------- */

article,aside,details,figcaption,figure,footer,header,menu,nav,section,main {
    display:block;
}
article,aside,details,figcaption,figure,footer,header,menu,nav,section,main,
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
fieldset,img {
	border: 0;
}
* {
	font-size:100%;
	max-height: 999999px;
}
body {
	/*font: 100%/1 'Hiragino Kaku Gothic Pro', Meiryo, Helvetica, Arial, sans-serif;*/
	font: 100%/1 "Noto Sans Japanese", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1,h2,h3,h4,h5,h6,b {
	/*font-weight: 600;*/
	font-weight: 500;
}
ol,ul,li {
  list-style: none;
}
ul,ol {
	letter-spacing: -.40em;
}
ul > li,ol > li {
	letter-spacing: normal;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
*:before,*:after {
	content: "";
	display: none;
}
html {
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}
input[type="text"],input[type="button"],input[type="submit"],button,textarea,select {
	border: none;
	background: none;
}
input:placeholder-shown {
	color: #424242;
	/*font-weight: 600;*/
	font-weight: 500;
}
input::-webkit-input-placeholder {
	color: #a9a9a9;
}
input[type="text"],input[type="button"],input[type="submit"],button {
	-webkit-appearance: none;
	border-radius: 0;
}
input[type="button"],input[type="submit"],button {
	cursor: pointer;
}
table {
	border-collapse: collapse;
}
hr {
	border: none;
	background: none;
}
.hiddenPc,
.brkSp {
	display: none;
}
.brkPc {
	display: block;
}

/*===================================
	font link
=====================================*/

body,
a,a:visited {
	color: #000;
}
body {
	font-size: 16px;
}
.lato {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	letter-spacing: 0.05em;
}
a {
	text-decoration: none;
}
a.underine {
	text-decoration: underline;
}
a.underine:hover {
	text-decoration: none;
}


/*===================================
	layout
=====================================*/

html,
body {
	overflow-x: hidden;
	position: relative;
}
.inner {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/*===================================
	element
=====================================*/
/*  background
---------------------------------*/

body,
.header {
	background-color: #fff;
}
.footer {
	background-color: #090909;
}

/*  sprite
---------------------------------*/

.logo,
.naviList > dt:before,
.searchList dd span:after,
.search input[type="submit"],
.pagetop a,
.footer .sns a,
.ico a:before {
	background-image: url(../images/base/sprite.png);
	background-repeat: no-repeat;
}

/*  opacity
---------------------------------*/

a:hover img,
.btn a:hover {
	opacity: .7;
	text-decoration: none;
}
a:hover img.logo {
	opacity: 1;
}

/*  arrow ico btn
---------------------------------*/

.ico a:before {
	display: inline-block;
	margin-top: -2px;
	vertical-align: middle;
}
.btn a {
	display: inline-block;
}

/*  arrow
---------------------------------*/

.arrow a:after,
.arrow.self:after {
	display: inline-block;
	vertical-align: middle;
	border-bottom: solid 1px #000;
	border-left: solid 1px #000;
	transform: rotate(225deg);
}
.arrow.down a:after,
.arrow.self.down:after {
	transform: rotate(-45deg);
}
.arrow.up a:after,
.arrow.self.up:after {
	transform: rotate(135deg);
}

/*===================================
	header
=====================================*/

.header > div {
	position: relative;
	z-index: 1000;
	height: 124px;
}
.header h1 {
	padding-top: 17px;
	color: #666;
	font-size: 12px;
	text-align: center;
}
.header h1 a {
	display: block;
	width: 153px;
	margin: auto;
}
.logo {
	width: 153px;
	height: 62px;
	margin: 15px auto 0;
	background-position: 0 0;
}
.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
}
.header.fixed > div {
	height: 79px;
	transition: .9s;
}
.header.fixed h1 {
	padding-top: 2px;
	text-align: left;
	text-indent: -9999em;
	transition: .9s;
}
.header.fixed h1 a {
	text-align: center;
	text-indent: 0;
}
.header.fixed .logo {
	width: 131px;
	height: 53px;
	margin-top: 0;
	background-position: -200px 0;
}

/*===================================
	header	navi
=====================================*/

.navi_pc > dl {
	position: absolute;
}
.navi_pc > dl > dt {
	font-weight: 600;
	cursor: pointer;
}
.navi_pc > dl > dd {
	opacity: 0;
	top: 50%;
	visibility: hidden;
	transition: .3s;
}
.navi_pc > dl:hover > dd,
.cart .navi_pc > dl.cart:hover > dd.cartNone {
	top: 100%;
	visibility: visible;
	opacity: 1;
	margin-top: -1px;
}
.cart .navi_pc > dl.cart > dd.cartNone {
	top: -100%;
}
.navi_pc > dl.searchList > dd {
	display: none;
}
.navi_pc > dl.searchList:hover > dd {
	display: block;
}
.searchList li a:hover,
.navi_pc .menu a:hover {
	background: #eee;
}


.navi_pc > dl.active > dd,
.cart .navi_pc > dl.cart.active > dd.cartNone {
	top: 100%;
	visibility: visible;
	opacity: 1;
	margin-top: -1px;
}
.navi_pc > dl.searchList.active > dd {
	display: block;
}

/*  ブランドから探す,シーンから探す
---------------------------------*/

.searchList {
	top: 48px;
}
.fixed .searchList {
	top: 24px;
	transition: .9s;
}
.search__brand {
	left: 15px;
}
.search__sean {
	position: relative;
	left: 225px;
}
.searchList dt {
	height: 29px;
	line-height: 29px;
	margin-bottom: 47px;
	padding-left: 20px;
	background: -ms-linear-gradient(to bottom, #7f7f7f, #7f7f7f 1px, transparent 1px, transparent 3px);
	background-image: linear-gradient(to bottom, #7f7f7f, #7f7f7f 1px, transparent 1px, transparent 3px);
	background-size: 1px 5px;
	background-position: left;
	background-repeat: repeat-y;
	color: #090909;
	font-size: 18px;
}
.search__sean:before {
	display: block;
	position: absolute;
	top: 0;
	left: 193px;
	width: 1px;
	height: 29px;
	background-image: -ms-linear-gradient(to bottom, #000, #000 1px, transparent 1px, transparent 3px);
	background-image: linear-gradient(to bottom, #000, #000 1px, transparent 1px, transparent 3px);
	background-size: 1px 5px;
	background-position: right;
	background-repeat: repeat-y;
}
.fixed .searchList dt {
	margin-bottom: 26px;
}
.searchList .arrow.self.down:after {
	width: 10px;
	height: 10px;
	margin: -7px 0 0 8px;
}
.searchList dd {
	padding: 20px 0 12px;
	background: #fff;
	/*box-shadow: 0 1px 5px 0 rgba(0,0,0,.1);*/
}
.searchList dd span {
	display: block;
	margin-bottom: 20px;
	padding-left: 40px;
	color: #444;
	font-size: 15px;
}
.searchList dd span:after {
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 19px;
	margin: -2px 0 0 3px;
	background-position: -800px -100px;
}
.searchList ul {
	display: inline-block;
	min-width: 24em;
}
.searchList.search__sean ul {
	min-width: 23em;
}
.searchList li a {
	display: block;
	padding: 0.8em 30px 0.8em 40px;
	line-height: 1.2;
	font-size: 18px;
}

/*  naviList
---------------------------------*/

.navi_pc .naviList {
	top: 36px;
}
.fixed .navi_pc .naviList {
	top: 12px;
	transition: .9s;
}
.naviList > dt {
	position: relative;
	display: inline-block;
	margin-bottom: 33px;
	font-size: 13px;
	text-align: center;
}
.fixed .navi_pc .naviList > dt {
	margin-bottom: 12px;
}
.naviList > dt:before {
	display: block;
	height: 42px;
	margin: auto;
}
.naviList > dd {
	position: absolute;
}
.naviList.menu > dt:before {
	background-image: none;
}

/*  メニュー
---------------------------------*/

.navi_pc .menu {
	right: 15px;
}
.navi_pc .menu > dt {
	width: 65px;
}
.menu > dt:before {
	width: 24px;
	height: 29px;
	margin-bottom: 12px;
	border-bottom: solid 2px #000;
}
.menu > dt:after {
	display: block;
	position: absolute;
	top: 11px;
	left: 50%;
	width: 24px;
	height: 7px;
	margin-left: -12px;
	border-top: solid 2px #000;
	border-bottom: solid 2px #000;
}
.navi_pc .menu > dd {
	right: -15px;
	width: 524px;
	padding: 10px 0 20px;
	background: #fff;
	letter-spacing: -.40em;
}
.navi_pc .menu ul {
	display: inline-block;
	width: 262px;
	font-size: 15px;
	letter-spacing: normal;
}
.navi_pc .menu ul:nth-of-type(1) {
	border-right: solid 1px #e0e0e0;
}
.navi_pc .menu a {
	display: block;
	padding: 0.8em 0 0.8em 36px;
}

/*  検索
---------------------------------*/

.navi_pc .search {
	right: 213px;
}
.navi_pc .search > dt {
	width: 60px;
}
.search > dt:before {
	width: 26px;
	height: 34px;
	margin-top: 9px;
	background-position: 0 -100px;
}
.search > dd {
	right: -213px;
	width: 1200px;
	padding: 70px 0;
	background: #fff;
}
.search > dd:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 9999em;
	width: 100%;
	height: 190px;
	margin-left: -500%;
	margin: 0 -500%;
	padding: 0 500%;
	background: #fff;
}
.search form {
	position: relative;
	width: 870px;
	margin: auto;
}
.search input[type="text"] {
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding-left: 54px;
	border: solid 2px #ccc;
	font-size: 18px;
}
.search input[type="text"]:focus {
	border-color: #e90f0f;
}
.search input:placeholder-shown {
	font-size: 18px;
	/*font-weight: 600;*/
	font-weight: 500;
}
.search input[type="submit"],
.search button {
	position: absolute;
	text-indent: -9999em;
}
.search input[type="submit"] {
	top: 14px;
	left: 16px;
	width: 26px;
	height: 33px;
	background-position: 0 -100px;
}
.search button {
	top: 13px;
	right: 16px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #959595;
}
.search button:before,.search button:after {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 2px;
	margin: -1px 0 0 -5px;
	background: #fff;
}
.search button:before {
	transform: rotate(45deg);
}
.search button:after {
	transform: rotate(315deg);
}

/*  ログイン
---------------------------------*/

.navi_pc .login {
	right: 143px;
}
.navi_pc .login > dt {
	width: 70px;
}
.login > dt:before {
	width: 26px;
	height: 35px;
	margin-top: 8px;
	background-position: -100px -100px;
}
.login > dd {
	right: -143px;
	width: 580px;
	padding: 34px 65px 46px;
	background: #fff;
}
.login dd dt {
	font-size: 18px;
	/*font-weight: 600;*/
	font-weight: 500;
}
.login dd dt b {
	display: block;
	margin: 8px 0 15px;
	color: #666;
	font-size: 13px;
	line-height: 1.2;
	font-weight: normal;
}
.login input[type="text"],
.login input[type="password"] {
	width: 440px;
	height: 50px;
	line-height: 50px;
	margin-bottom: 14px;
	padding-left: 20px;
	border: solid 2px #ccc;
}
.login input[type="text"]:focus {
	border-color: #e90f0f;
}
.login input:placeholder-shown {
	color: #424242;
}
.login input::-webkit-input-placeholder {
	color: #a9a9a9;
}
.login li a {
	color: #e90f0f;
	font-size: 13px;
	line-height: 1.6;
}
.login input[type="submit"] {
	display: block;
	width: 168px;
	height: 54px;
	line-height: 54px;
	margin: 20px auto 0;
	background: #959595;
	color: #fff;
	font-size: 16px;
	/*font-weight: 600;*/
	font-weight: 500;
}
.login input[type="submit"].active {
	background: #e90f0f;
}

/*  カート
---------------------------------*/

.navi_pc .cart {
	right: 80px;
}
.navi_pc .cart > dt {
	width: 63px;
}
.cart > dt:before {
	width: 26px;
	height: 37px;
	margin-top: 6px;
	background-position: -200px -100px;
}
.cart > dt b {
	position: absolute;
	top: 0;
	right: 9px;
	width: 19px;
	height: 19px;
	line-height: 19px;
	border-radius: 50%;
	background: #e90f0f;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: -0.06em;
}
.cart > dd {
	top: 0;
	right: -80px;
	width: 330px;
	padding: 30px;
	background: #fff;
}
.cart > dd p,
.cart .cart > dd p{
	color: #666;
	font-size: 18px;
	line-height: 1.6;
	text-align: center;
}
.cart > dd p b {
	font-weight: normal;
}
.cart > dd p.btn,
.cart .cart > dd p.btn {
	margin-top: 20px;
	color: #fff;
	font-size: 16px;
}
.cart .btn a {
	display: block;
	height: 54px;
	line-height: 54px;
	background: #e90f0f;
	color: #fff;
}
.cart .ico a:before {
	display: inline-block;
	width: 24px;
	height: 35px;
	margin: 2px 13px 0 0;
	background-position: -300px -100px;
}

/*===================================
	footer
=====================================*/

.footer {
	margin-top: 110px;
}

/*  pagetop
---------------------------------*/

.pagetop {
	width: 1300px;
	margin: auto;
}
.pagetop a {
	display: block;
	position: absolute;
	position: fixed;
	z-index: 600;
	bottom: 30px;
	width: 50px;
	height: 50px;
	margin: -110px 0 0 1250px;
	border-radius: 3px;
	background: #e90f20;
	text-indent: -9999em;
}
.arrow.up a:after {
	position: absolute;
	top: 50%;
	left: 50%;
	border-width: 2px;
	border-color: #fff;
	width: 20px;
	height: 20px;
	margin: -5px 0 0 -10px;
	text-indent: 0;
}

/*  nav
---------------------------------*/

.footer nav {
	padding-top: 33px;
	border-bottom: solid 1px #292929;
	letter-spacing: -.40em;
}
.footer nav ul {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	margin: 0 30px 40px 20px;
	font-size: 14px;
}
.footer nav li {
	margin-bottom: 1.2em;
}
.footer nav li a {
	color: #fff;
}
.footer nav li a:hover {
	text-decoration: underline;
}
.footer .sns li {
	display: inline-block;
	margin: 0 7px;
}
.footer .sns a {
	display: block;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background-color: #666;text-indent: -9999em;
}
.footer .sns .fb a {
	background-position: -400px -100px;
}
.footer .sns .inst a {
	background-position: -500px -100px;
}
.footer .sns .yt a {
	background-position: -600px -100px;
}

/*  copy
---------------------------------*/

.copy {
	padding: 15px 0 20px;
	color: #999;
	font-size: 12px;
	text-align: center;
}

/*===================================
	pickUp
=====================================*/

.pickUp {
	height: 40px;
	line-height: 40px;
	background: #eee;
	font-size: 14px;
	text-align: center;
	/*font-weight: 600;*/
	font-weight: 500;
}
.pickUp b {
	color: #fb0505;
}
.pickUp.delivery:before {
	display: inline-block;
	vertical-align: middle;
	width: 27px;
	height: 21px;
	margin: -2px 14px 0 0;
	background: url(../images/home/delivery_ico.png) no-repeat 0 0;
	background-size: 27px auto;
}

/************************************************************************************
smaller than 750px
*************************************************************************************/
@media screen and (max-width: 752px) {

	.hiddenPc,
	.brkSp {
		display: block;
	}
	.hiddenSp,
	.brkPc {
		display: none;
	}

	/*===================================
		font
	=====================================*/

	body {
		font-size: 24px;
	}

	/*===================================
		layout
	=====================================*/

	body {
		padding-top: 110px;
	}
	.inner {
		width: 750px;
	}

	/*===================================
		element
	=====================================*/
	/*  sprite
	---------------------------------*/

	.menu .sns a:before,
	.menu .sns a:after,
	.copy:before {
		background-image: url(../images/base/sprite.png);
		background-repeat: no-repeat;
	}



	/*===================================
		header
	=====================================*/

	.header {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		width: 100%;
		background: #fff;
	}
	.header > div,
	.header.fixed > div {
		height: 110px;
	}
	.header h1,
	.header.fixed h1 {
		padding-top: 8px;
		text-align: left;
		text-indent: -9999em;
	}
	.header h1 a {
		width: 175px;
		text-align: center;
		text-indent: 0;
	}
	.logo,
	.header.fixed .logo {
		width: 175px;
		height: 70px;
		margin: auto;
		background-position: -400px 0;
		text-indent: 0;
	}

	/*===================================
		header	navi
	=====================================*/

	.navi_sp > dl {
		position: absolute;
	}
	.naviList > dt {
		margin-bottom: 19px;
		font-size: 18px;
		font-weight: 600;
		cursor: pointer;
	}
	.naviList > dt:before {
		height: auto;
	}


	/*  メニュー
	---------------------------------*/

	.navi_sp .menu {
		top: 23px;
		left: 29px;
	}
	.menu > dt:before {
		width: 60px;
		height: 36px;
		border-bottom-width: 3px;
	}
	.menu > dt:after {
		top: -1px;
		width: 60px;
		height: 16px;
		margin-left: -30px;
		border-top-width: 3px;
		border-bottom-width: 3px;
	}
	.navi_sp .menu > dd {
		position: fixed;
		overflow-y: scroll;
		top: 0;
		left: -760px;
		z-index: 1200;
		width: 670px;
		height: 100%;
		background: #fff;
	}
	.navi_sp .naviList.menu > dt.open {
		position: fixed;
		display: block;
		top: 0;
		right: 0;
		z-index: 1400;
		width: 80px;
		height: 100%;
		min-height: 100%;
		margin: 0;
		background: rgba(0,0,0,.7);
		text-align: left;
		text-indent: -9999em;
	}
	.navi_sp .naviList.menu > dt.open:before,
	.navi_sp .naviList.menu > dt.open:after {
		display: block;
		position: absolute;
		width: 3px;
		height: 51px;
		background: #fff;

	}
	.navi_sp .naviList.menu > dt.open:before {
		top: 10px;
		right: 22px;
		transform: rotate(45deg);
		transform-origin: 0 0;
	}
	.navi_sp .naviList.menu > dt.open:after {
		top: 10px;
		transform: rotate(315deg);
		transform-origin: 4px -6px;
	}

	.navi_sp .menu h2 {
		height: 64px;
		line-height: 64px;
		padding-left: 20px;
		border-bottom: solid 1px #ccc;
		background: #999;
		color: #fff;
		font-size: 26px;
	}
	.navi_sp .menu li {
		border-bottom: solid 1px #ccc;
	}
	.navi_sp .menu li a {
		display: block;
		position: relative;
		height: 119px;
		line-height: 119px;
		padding-left: 20px;
		font-size: 34px;
	}
	.navi_sp .menu.arrow a:after {
		position: absolute;
		top: 50%;
		right: 20px;
		width: 24px;
		height: 24px;
		margin-top: -12px;
	}

	.menu .sns a:before {
		display: inline-block;
		vertical-align: middle;
		width: 48px;
		height: 48px;
		margin: -2px 25px 0 0;
		border-radius: 50%;
		border: solid 1px #000;
	}
	.menu .sns .fb a:before {
		background-position: -400px -200px;
	}
	.menu .sns .inst a:before {
		background-position: -500px -200px;
	}
	.menu .sns .yt a:before {
		background-position: -600px -200px;
	}
	.navi_sp .menu.arrow .sns a:after {
		width: 28px;
		height: 28px;
		background-position: -700px -200px;
		transform: rotate(0deg);
		border: none;
	}
	.navi_sp .menu p {
		height: 120px;
		line-height: 120px;
		background: #999;
		color: #fff;
		font-size: 34px;
		text-align: center;
		cursor: pointer;
	}

	/*  検索
	---------------------------------*/

	.navi_sp .search {
		top: 14px;
		right: 120px;
	}
	.search > dt:before {
		width: 44px;
		height: 44px;
		margin: 7px auto;
		background-position: 0 -200px;
	}
	.search > dd {
		right: -120px;
		width: 750px;
	}
	.search > dd:before {
		display: none;
	}
	.search form {
		width: 710px;
	}
	.search input[type="text"] {
		height: 70px;
		line-height: 70px;
		padding-left: 60px;
		border-width: 3px;
		font-size: 24px;
		box-shadow: none !important;
	}
	.search input:placeholder-shown {
		font-size: 24px;
	}
	.search input[type="submit"] {
		top: 15px;
		left: 10px;
		width: 44px;
		height: 44px;
		background-position: 0 -200px;
	}
	.search button {
		top: 20px;
		right: 10px;
		width: 30px;
		height: 30px;
	}
	.search button:before,.search button:after {
		width: 16px;
		height: 3px;
		margin: -2px 0 0 -8px;
	}

	/*  カート
	---------------------------------*/

	.navi_sp .naviList.cart {
		top: 18px;
		right: 33px;
	}
	.navi_sp .naviList.cart > dt:before {
		width: 43px;
		height: 54px;
		margin-top: 0;
		background-position: -200px -200px;
	}
	.navi_sp .naviList.cart > dt b {
		top: -8px;
		right: -7px;
		width: 27px;
		height: 27px;
		line-height: 27px;
		font-size: 19px;
	}
	.navi_sp .naviList.cart > dd {
		top: 90px;
		right: -33px;
		width: 750px;
		padding: 50px;
	}
	.cart .navi_sp .naviList.cart > dd {
		height: 183px;
	}
	.navi_sp .naviList.cart > dd p {
		font-size: 26px;
	}
	.navi_sp .naviList.cart > dd.cartNone {
		margin: 0;
	}
	.navi_sp .naviList.cart > dd p.btn {
		margin-top: 20px;
		font-size: 32px;
	}
	.navi_sp .naviList.cart .btn a {
		height: 90px;
		line-height: 90px;
		margin: 0 50px;
	}
	.navi_sp .naviList.cart .ico a:before {
		width: 41px;
		height: 44px;
		margin: 0 18px 0 0;
		background-position: -300px -200px;
	}

	/*===================================
		footer
	=====================================*/

	.footer {
		position: relative;
		margin-top: 60px;
	}

	/*  pagetop
	---------------------------------*/

	.pagetop {
		width: 750px;
	}
	.pagetop a {
		width: 80px;
		height: 80px;
		margin: -60px 0 0 670px;
		background: rgba(236,4,16,.7);
	}
	.arrow.up a:after {
		width: 30px;
		height: 30px;
		margin: -5px 0 0 -15px;
	}

	/*  pcsite
	---------------------------------*/

	.pcsite {
		position: absolute;
		top: 120px;
		width: 750px;
		text-align: center;
	}
	.pcsite a {
		display: block;
		width: 300px;
		height: 70px;
		line-height: 70px;
		margin: 0 auto;
		border-radius: 35px;
		border: solid 1px #ccc;
		color: #999;
	}

	/*  copy
	---------------------------------*/

	.copy {
		padding: 43px 0 30px;
		font-size: 18px;
	}
	.copy:before {
		display: block;
		width: 175px;
		height: 42px;
		margin: 0 auto 140px;
		background-position: -700px 0;
	}


	/*===================================
		pickUp
	=====================================*/

	.pickUp {
		height: 70px;
		line-height: 70px;
		font-size: 20px;
	}
	.pickUp.delivery:before {
		width: 36px;
		height: 28px;
		margin-right: 15px;
		background-size: 36px auto;
	}

}


.spsite {
	padding: 20px;
	text-align: center;
}

.spsite span {
	display: inline-block;
	width: 960px;
	background: #434343;
	color: #ffffff;
	cursor: pointer;
	font-size: 45px;
	padding: 60px 0;
}

@media screen and (max-width: 752px) {
	.side #productFilter {
		display: block;
		background: #ffffff;
		position: fixed;
		overflow-y: scroll;
		top: 0;
		left: -760px;
		z-index: 1200;
		width: 670px;
		height: 100%;
		transition: 0.5s;
		opacity: 0;
	}

	.side #productFilter.active {
		display: block;
		left: 0;
		opacity: 1;
	}

	.side .close.btn {
		font-size: 18px;
		font-weight: 600;
		cursor: pointer;
		display: none;

		position: fixed;
		top: 0;
		right: 0;
		z-index: 1400;
		width: 80px;
		height: 100%;
		min-height: 100%;
		margin: 0;
		background: rgba(0,0,0,.7);
		text-align: left;
		text-indent: -9999em;
	}
	.side .close.btn:before,
	.side .close.btn:after {
		display: block;
		position: absolute;
		width: 3px;
		height: 51px;
		background: #fff;

	}
	.side .close.btn:before {
		top: 10px;
		right: 22px;
		transform: rotate(45deg);
		transform-origin: 0 0;
	}
	.side .close.btn:after {
		top: 10px;
		left: 12px;
		transform: rotate(315deg);
		transform-origin: 4px -6px;
	}


	.side .close.btn.active {
		display: block;
	}
}