@charset "euc-jp";

#base_gmoWrapp,
#gmo_CMSPbar {
	overflow: hidden;
	min-width: 100% !important;
	width: 100% !important;
}

.row {
/* 	max-width: 1170px; */
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	border: 1px solid #ccc;
	background-color: #fff;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	outline: 0;
	outline: thin dotted \9;
	border-color: rgba(82, 168, 236, 0.8);
}


.muted {
	color: #999;
}

a.muted:hover,
a.muted:focus {
	color: #808080;
}

.text-warning {
	color: #c09853;
}

a.text-warning:hover,
a.text-warning:focus {
	color: #a47e3c;
}

.text-error {
	color: #b94a48;
}

a.text-error:hover,
a.text-error:focus {
	color: #953b39;
}

.text-info {
	color: #3a87ad;
}

a.text-info:hover,
a.text-info:focus {
	color: #2d6987;
}

.text-success {
	color: #468847;
}

a.text-success:hover,
a.text-success:focus {
	color: #356635;
}

.btn {
		transition: 0.2s;
}
.btn-01 {
	border: 1px solid #fff;
	background-color: #fff;
	color: #fff;
	*background-color: #fff;
}

.btn-01:hover,
.btn-01:focus,
.btn-01:active,
.btn-01.active,
.btn-01.disabled,
.btn-01[disabled] {
	border: 1px solid #000;
	background-color: #000;
	color: #fff;
	*background-color: #000;
}

.btn-02 {
	border: 1px solid #000;
	background-color: #000;
	color: #fff;
	*background-color: #000;
}

.btn-02:hover,
.btn-02:focus,
.btn-02:active,
.btn-02.active,
.btn-02.disabled,
.btn-02[disabled] {
	border: 1px solid  #000;
	background-color: #fff;
	color:  #000;
	*background-color: #fff;
}

.btn-03 {
	border: 1px solid #fff;
	background-color: #fff;
	color: #000;
	*background-color: #fff;
}

.btn-03:hover,
.btn-03:focus,
.btn-03:active,
.btn-03.active,
.btn-03.disabled,
.btn-03[disabled] {
	border: 1px solid #666;
	background-color: #666;
	color: #000;
	*background-color: #666;
}

button.btn,
input[type="submit"].btn {
	*padding-top: 3px;
	*padding-bottom: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
	padding: 0;
	border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
	*padding-top: 7px;
	*padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
	*padding-top: 3px;
	*padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
	*padding-top: 1px;
	*padding-bottom: 1px;
}

.btn-link,
.btn-link[disabled] {
	background-color: transparent;
	background-image: none;
	-webkit-box-shadow: none;
		-moz-box-shadow: none;
					box-shadow: none;
}

.btn-link {
	border-color: transparent;
	-webkit-border-radius: 0;
		-moz-border-radius: 0;
					border-radius: 0;
	color: #0088cc;
	cursor: pointer;
}

.btn-link:hover,
.btn-link:focus {
	background-color: transparent;
	color: #005580;
	text-decoration: underline;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
	color: #333333;
	text-decoration: none;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
	background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
	color: #999;
	cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
	background-color: transparent;
	color: #999;
	cursor: default;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
	border-left-width: 1px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
					border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
					border-bottom-left-radius: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
					border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
					border-bottom-right-radius: 4px;
}



.alert {
	margin-bottom: 20px;
	padding: 8px 35px 8px 14px;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
					border-radius: 4px;
	background-color: #fcf8e3;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.alert-success {
	border-color: #d6e9c6;
	background-color: #dff0d8;
	color: #468847;
}

.alert-danger,
.alert-error {
	border-color: #eed3d7;
	background-color: #f2dede;
	color: #b94a48;
}

#pagetop {
	height: 54px;
	padding: 0;
	display: none;
	overflow: hidden;
}
#pagetop a {
	display: block;
	padding: 15px;
}
#pagetop img {
	width: 24px;
	height: auto;
}


/* ========================================
			PCの場合
======================================== */

body {
	background-color: #fff;
	color: #333;
	font-family: 'Source Sans Pro', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
}

a {
	color: #333;
	-webkit-transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	transition: color 0.1s linear;
}

a:hover {
	color: #999;
}

a img {
	transition: .2s;
}
a img:hover{
	opacity:0.6;
}

.h1, .h2, .h3, h1, h2, h3 {
	/* font-family: 'Libre Baskerville', 'Noto Serif JP', serif; */
	font-family: 'Noto Serif JP', serif;
		font-weight: 700;
			line-height: 1.5;
}

table h5 {
	margin: 0 0 5px;
}

/* アイコン */
.icon {
	display: inline-block;
	padding-left: 16px;
	line-height: 1.5;
}

.icon:before {
	display: block;
	float: left;
	margin-left: -16px;
	width: 16px;
	height: 16px;
	background-image: url(https://img.shop-pro.jp/tmpl_img/68/icon_16-b.png);
	background-size: 16px 160px;
	background-repeat: no-repeat;
	content: "";
}

/* PC でアイコンを白にする場合 */
.icon-white .icon:before {
	background-image: url(https://img.shop-pro.jp/tmpl_img/68/icon_16-w.png);
}

/* アイコンの種類 */
.icon-cart:before { background-position: 0 0; }
.icon-search:before { background-position: 0 -16px; }
.icon-user:before { background-position: 0 -32px; }
.icon-down:before { margin: 2px 5px 0 0; background-position: 0 -64px; }
.icon-up:before { background-position: 0 -48px; }
.icon-right:before { background-position: 0 -80px; }
.icon-left:before { background-position: 0 -96px; }
.icon-regist:before { background-position: 0 -112px; }
.icon-login:before { background-position: 0 -144px; }
.icon-logout:before { background-position: 0 -128px; }

/* 16px black */
.icon-b.icon-heart {
	background-position: -32px -16px;
  }
  /* 16px white */
  .icon-w.icon-heart {
	background-position: -32px -16px;
  }
  /* 24px black */
  .icon-lg-b.icon-heart {
	background-position: -48px -24px;
  }
  /* 24px white */
  .icon-lg-w.icon-heart {
	background-position: -48px -24px;
  }
  
.text-block {
	line-height: 2;
}

.ttl-h2 {
	margin:0 0 30px 0;
	color: #000;
	/*font-weight: normal;*/
	font-size: 160%;
	line-height: 1.5;
		border-bottom: 1px solid #000;
		padding: 0 0 .5em 0 !important;
		position: relative;
}
.ttl-h2::after {
/*	position: absolute;
	top: .5em;
	left: .2em;
	z-index: 2;
	content: '';
	width: 15px;
	background-color: #125;
	height: 15px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg); */
}
.ttl-h3 {
			margin-bottom: 30px;
		padding: 0px 0 .3em;
		border-top: none;
		border-bottom: 1px solid #000;
		color: #000;
		/* font-weight: normal; */
		font-size: 124%;
		margin-top: 0;
}

#wrapper {
			margin-top: 60px;
}

#container {
	position: relative;
	z-index: 101;
	padding-top: 40px;
}

/* スライダー */

#sliderbutton {
	position: absolute;
	left: 1%;
	z-index: 200;
	display: none;
}
.slider-btn {
	display: block;
	padding: 20px 50px;
	font-size: 20px;
}

/* ヘッダー */
#header-wrapper {
	background: #000;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
}

#header {
	position: relative;
	z-index: 102;
		padding-top: 15px;
}

.header-headline-nav {
	font-size: 13px;
}
.header-headline-nav .icon:before {
	margin-left: -20px;
}
.header-headline-nav ul {
	margin: 7px 20px 0 0;
}
.header-headline-nav li {
	display: inline;
	margin: 0 10px;
	padding: 0;
	vertical-align: top;
	font-size: 13px;
}
	.header-headline-nav li a {
		color: #fff;
		text-decoration: none;
		font-weight: normal;
	}

.btn-viewcart {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
	.btn-viewcart .icon {
		padding-left: 20px;
	}
	.btn-viewcart .icon:before {
		margin-top: 1px;
		margin-left: -20px;
	}

.header-logo {
	float: left;
	color: #fff;
}
	.header-logo a {
		text-decoration: none;
		color: #fff;
	}
	.header-logo a:hover {
		text-decoration: none;
		color: #999;
	}
	.header-logo img {
		max-width: 100%;
		height: 35px;
		margin-top: -3px;
	}
	.header-logo .title_sub {
		border: 1px solid #fff;
		padding: 0.1em 1.2em;
		text-align: center;
		border-radius: 3em;
		line-height: 1.5;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 12px;
		margin-left: 10px;
		display: inline-block;
	}

.header-global-nav {
		clear: both;
	z-index: 100;
	float: right;
    font-size: 14px;
}
	.header-global-nav ul {
		margin-top: 0;
		margin-bottom: 15px;
	}
	.header-global-nav ul li {
		position: relative;
		display: inline;
		padding: 0 0 0 15px;
		vertical-align: top;
	}
	.header-global-nav a,
	.header-global-nav span,
	.header-global-nav .btn-03 span {
		color: #fff;
		text-decoration: none;
		font-weight: normal;
		cursor: pointer;
	}
	.header-global-nav li > span {
		padding-top: 5px;
	}
	.header-global-nav .btn-03 span {
		color: #000 !important;
	}
	.header-global-nav .btn-03:hover span,
	.header-global-nav .btn-03:focus span,
	.header-global-nav .btn-03:active span,
	.header-global-nav .btn-03.active span,
	.header-global-nav .btn-03.disabled span,
	.header-global-nav .btn-03[disabled] span {
		color: #000 !important;
	}
	.header-global-nav ul ul {
		position: absolute;
		top: -1px;
		left: 5px;
		display: none;
		vertical-align: baseline;
		width: 200px;
		/* border: 1px solid #ccc; */
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		margin-top: 2em;
		box-shadow: 0 1px 4px rgba(0,0,0,.15);	
	}
	.header-global-nav ul ul li {
		display: block;
		margin: 0;
		padding: 0;
		word-break: break-all;
		*line-height: 1.3;
	}
	.header-global-nav ul ul a {
		background: #fff;
		display: block;
		padding: 10px 10px;
		font-size: 14px;
		color: #000 !important;
	}
	.header-global-nav ul ul a:hover {
		background-color: #222;
		color: #fff !important;
	}
	.header-global-nav ul ul ul {
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		border: none;
		position: static;
		margin: 0;
	}
	.header-global-nav ul ul ul li a {
		padding-left: 1em;
	}


/* スマホ用ヘッダーメニュー */
.header-nav-phone {
	z-index: 99;
	float: right;
	height: 60px;
}
.header-nav-lst-phone {
	position: absolute;
	left: 50%;
	display: none;
	margin-left: -50%;
	width: 100%;
	border: 1px solid #dbdbdb;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
    overflow: scroll;
    height: calc(100vh - 60px);
}
.header-nav-lst-phone ul {
    margin: 0 0 90px;
}
.header-nav-lst-phone li {
	padding: 0;
	border-bottom: 1px solid #dbdbdb;
	text-align: center;
}
.header-nav-lst-phone li:last-child {
	/*border-bottom: none;*/
}
.header-nav-lst-phone a {
	display: block;
	padding: 15px 0;
}
.header-nav-lst-phone a:hover {
	background: #f9f9f9;
	text-decoration: none;
}


/* ----- サイドメニュー ----- */
.side-section {
	margin-bottom: 40px;
}
.side-section li {
	margin: 10px 0;
}
	.side-section li a {
		display: block;
		color: #333;
		text-decoration: none;
		font-weight: normal;
		font-size: 15px;
		-webkit-transition: color 0.1s linear;
		-moz-transition: color 0.1s linear;
		transition: color 0.1s linear;
	}
	.side-section li a:hover {
		text-decoration: underline;
	}

	.side-section li.big_category > a {
		font-weight: bold;
	}

	.btn-side {
		background: #fff;
		border-color: #000;
		font-size: 12px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.btn-side:hover {
		background: #000;
		color: #fff;
	}
	.btn-side i {
		margin-right: 1em;
	}

	.incart-delivery {
		clear: both;
		font-size: 12px;
		line-height: 1.5;
		padding: 5px 8px;
		color: #fff;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color: #eeab53;
	}
	.incart-delivery ul {
		margin: 0;
	}
	.incart-delivery li {
		padding: 2px 0;
		margin: 0;
	}
	.incart-delivery li:first-child {
		border-top: none;
	}
	.search-select {
		margin-bottom: 10px;
	}
	.search-box {
		float: left;
		width: 65%;
	}
	.search-btn[type="submit"] {
		float: right;
		padding: 4px 0;
		width: 25%;
	}
	.side-category-name,
	.side-group-name {
		margin-top: 0px;
		background: #f5f5f5;
		display: block;
		padding: 15px 15px;
		text-decoration: none;
		font-weight: bold;
		border-left: 6px solid #710;
		color: #710;
	}
	.side-category-name:hover,
	.side-group-name:hover {
			text-decoration: none;
		color: #fff !important;
			background: #710;
	}

/* パンくずリスト */
.topicpath-nav {
	margin-bottom: 40px;
	font-size: 12px;
	color: #888;
}
	.topicpath-nav li {
		display: inline;
		margin-right: .2em;
	}
	.topicpath-nav li a {
		margin-left: .2em;
	color: #888;
		text-decoration: none;
	}
	.topicpath-nav li a:hover {
		text-decoration: none;
	color: #333;
	}




/* 囲み */
.container-section {
	margin-bottom: 3em;
	word-break: break-all;
}

.eyecatch-block,
.info-block,
.recommend-block,
.bestseller-block,
.free_space_block {
	margin-bottom: 60px;
/* 	padding-bottom: 40px;
	border-bottom: 1px solid #dbdbdb; */
	word-break: break-all;
}

.info-block {
	line-height: 1.5;
}

.news {
	padding: 4px 0;
}

.news-date {
	padding-right: 10px;
}

.main-section {
	padding-left: 3 0px;
}

/* 商品リスト */
.prd-lst-sort {
	margin: 20px 0;
}

.prd-lst-unit {
	margin-bottom: 60px;
    padding: 0 15px 0 15px;
}

.prd-lst-img {
	background: #fff;
}
	.prd-lst-img:hover {
		opacity: 0.8;
	}

.prd-lst-span {
	display: block;
}
.prd-lst-name {
	margin: 10px 0 6px 0;
	padding: 0;
	font-size: 16px;
    font-weight: bold;
}
@media only screen and (max-width: 980px) {
	.prd-lst-name {
		font-size: 14px;
	}
}
.prd-lst-exp {
	font-size: 13px;
}
.prd-lst-regular {
	font-size: 13px;
	text-decoration: line-through;
}
.prd-lst-price {
	color: #a1a19f;
	font-size: 13px;
}
.prd-lst-discount {
	color: #b81717;
}

.prd-lst-soldout {
	color: #b81717;
}

.more-prd {
	clear: both;
}

/* 商品のページャー PC */
.prd-lst-pager {
	position: relative;
	overflow: hidden;
}
	.prd-lst-pager ul {
		position: relative;
		left: 50%;
		float: left;
		padding-top: 15px;
	}
	.prd-lst-pager li {
		position: relative;
		left: -50%;
		float: left;
		margin-right: 4px;
		text-align: center;
		line-height: 36px;
	}
	.prd-lst-pager li a,
	.prd-lst-pager li span {
		display: block;
		float: left;
		min-width: 36px;
		height: 36px;
		box-sizing: border-box;
		padding: 0 .5em;
	}
	.prd-lst-pager li a {
		border: 1px solid #000;
		background-color: #000;
		color: #fff;
		text-decoration: none;
	}
	.prd-lst-pager li a:hover {
		border: 1px solid #fff;
		background-color: #fff;
	}
	.prd-lst-pager li span {
		border: 1px solid #c6c6c6;
		background-color: #fff;
		color: #c6c6c6;
	}

/* 商品のページャー タブレット スマホ */
.prd-lst-pager-phone {
	text-align: center;
}
	.prd-lst-pager-phone li {
		display: inline;
		margin: 0 10px;
	}
	.prd-lst-pos {
		margin-top: 20px;
	}
	.prd-lst-pos b {
		font-weight: bold;
		font-size: 18px;
	}

/* フッター */
#pagetop {
		position: fixed;
		z-index: 200;
		padding: 0;
		background-color: #2d2d2d;
		color: #eeeeee;
		width: 50px;
		height: 48px;
		line-height: 48px;
		right: 50px;
		bottom: 50px;
		padding-top: 2px;
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
		border-bottom-right-radius: 25px;
		border-bottom-left-radius: 25px;
		right: 15px;
		bottom: 15px;
}
#pagetop a {
		padding: 10px;
}
.notice-wrapper {
			margin-top: 100px;
		padding: 40px 0;
		border-top: none;
		background: #f5f5f5;
		color: #000;
		font-size: 14px;
}

.notice-wrapper h3 {
			border-bottom: 1px solid #666;
		box-shadow: none !important;
			color: #000;
			padding-bottom: 5px;
		margin-bottom: 15px;
		font-size: 18px;
}

.wookmark-wrapper {
	position: relative;
}
.wookmark-item {
	padding-bottom: 20px;
	width: 33%;
	*width: 20.5%;
	*padding-right: 2% !important;
	*padding-left: 2% !important;
}

/* フッター背景 */
.footer-wrapper {
			padding: 0;
		border-top: 1px solid #333;
		border-bottom: 1px solid #000;
		background: #000;
		color: #fff;
}

.footer-lst {
	padding: 0;
			margin: 0 0 30px 0;
		font-size: 14px;
			padding-top: 2em;
}
	.footer-lst li {
		margin: 0;
		padding: 0.3em 0em;
	}
	.footer-lst a {
		padding: 0;
		border-bottom: none;
		color: #fff;
		box-shadow: none !important;
		text-decoration: none;
	}
.footer-lst a:hover {
	color: #8ae;
}

/* ショップ紹介 */
.manager-name {
	margin: 0 0 20px 0;
	font-size: 20px;
}

.manager-caption {
	padding: 0 40px 0 20px;
	border-right: 1px solid #dbdbdb;
}

/* カレンダー */
.tbl_calendar {
	margin-bottom: 20px;
	max-width: 260px;
	width: 100%;
	font-size: 84.615%;
}
	.tbl_calendar caption {
		text-align: center;
	}
	.tbl_calendar th {
		padding: .3em 0;
		border-bottom: 1px solid #ddd;
		text-align: center;
	}
	.tbl_calendar td {
		padding: .5em 0;
		width: 14.2%;
		border-bottom: 1px solid #ddd;
		text-align: center;
	}
.cal_memo {
	margin-top: 1em;
	font-size: 84.615%;
}

/* copyright */
.copyright {
			clear: both;
		margin: 0;
		padding: 2em 0;
		text-align: right;
		font-style: normal;
		color: #999;
		font-size: 12px;
}
.powered {
	display: block;
	padding: 10px 0;
	line-height: 18px;
}
	.powered a {
		color: #a1a19f;
		text-decoration: none;
		font-size: 11px;
	}
	.powered img {
		margin-bottom: 10px;
		margin-left: 4px;
		width: 200px;
		height: 18px;
	}

/* list */
.def-lst-dt {
	padding-top: 1em;
	font-weight: bold;
    padding-bottom: .5em;
}
.def-lst-dd {
	margin: 0;
	padding-bottom: 1em;
	border-bottom: 1px solid #333;
	line-height: 2;
}
	.def-lst-dd img {
		max-width: 100%;
		width: inherit;
		height: auto;
	}



/* policy */
#policy p {
	margin: 1em 0;
	color: #666;
	line-height: 1.8;
}

/* freepage */
.freepage {
	word-break: break-all;
}
	.freepage img {
		max-width: 100%;
		width: inherit;
		height: auto;
	}




body .bx-wrapper .bx-viewport {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: none;
		left: 0;
		background: #fff;
		-webkit-transform: translatez(0);
		-moz-transform: translatez(0);
		-ms-transform: translatez(0);
		-o-transform: translatez(0);
		transform: translatez(0);
		max-height: 62.5vw;
}
body .bx-wrapper img {
		width: 100%;
}
#slider > div {
	width: 100% !important;
		max-height: 62.5vw;
		overflow: hidden;
}

#slider > div > a {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/0.625;
}
#slider > div > a > img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

body .bx-wrapper .bx-caption {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
		color: #fff;
		text-align: right;
		text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		min-height: 0 !important;
		font-size: 12px;
		background: transparent;
}
body .bx-wrapper .bx-caption span {
		color: #fff;
		font-family: inherit; 
		display: block;
		font-size: 12px;
		padding: 10px 15px;
}


/* ========================================
			PCかつRetinaの場合
======================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz--device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
		.icon:before {
			background-image: url(https://img.shop-pro.jp/tmpl_img/68/icon_16-2x-b.png);
		}

		/* PCかつRetinaでアイコンを白にする場合 */
		.icon-white .icon:before {
			background-image: url(https://img.shop-pro.jp/tmpl_img/68/icon_16-2x-w.png);
		}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* ========================================
			タブレットの場合
======================================== */
@media only screen and (max-width: 980px) {
	#sliderbutton {
		left: 3%;
	}
	/* ヘッダー */
	#header {
		padding-top: 0;
	}
	.header-nav-phone {
		margin-right: 10px;
	}
	.header-nav-phone {
		margin-right: 0;
		padding: 0 10px;
	}
	.nav-btn-phone {
		display: block;
		height: 60px;
	}
		.nav-btn-phone img {
			width: 40px;
			height: 60px;
		}
	.search-box {
		width: 55%;
	}
	.search-btn[type="submit"] {
		width: 35%;
	}
	.side-section ul li {
		margin: 0;
	}
	.side-section ul li a {
		display: block;
		padding: 10px 0;
	}
	.side-section ul li a:hover {
		text-decoration: none;
	}

	/* ========================================
				タブレットかつRetinaの場合
	======================================== */
	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz--device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
		.icon:before {
				background-image: url(https://img.shop-pro.jp/tmpl_img/68/icon_24-2x-b.png);
		}

		/* スマホかつRetinaでアイコンを白にする場合 */
		.icon-white .icon:before {
			background-image: url(https://img.shop-pro.jp/tmpl_img/68/icon_24-2x-w.png);
		}
	}
}

/* ========================================
			スマホの場合
======================================== */
@media only screen and (max-width: 768px) {
	.icon {
		padding-left: 24px;
		line-height: 2;
	}
	.icon:before {
		margin-left: -24px;
		width: 24px;
		height: 24px;
		background-image: url(https://img.shop-pro.jp/tmpl_img/68/icon_24-b.png);
	}

	/* スマホでアイコンを白にする場合 */
	.icon-white .icon:before {
		background-image: url(https://img.shop-pro.jp/tmpl_img/68/icon_24-w.png);
	}

	.icon-cart:before { background-position: 0; }
	.icon-search:before { background-position: 0 -24px; }
	.icon-user:before { background-position: 0 -48px; }
	.icon-down:before {
		margin: 5px 0 0 -20px;
		margin: 10px 0 0 -17px; margin-top: 5px;
		height: 23px;
		height: 23px;
		background-position: 0 -59px;
	}
	.icon-up:before {
		margin: 5px 0 0 -20px;
		height: 23px;
		background-position: 0 -38px;
	}
	.icon-right:before { background-position: 0 -120px; }
	.icon-left:before { background-position: 0 -144px; }

	.eyecatch-block,
	.info-block,
	.recommend-block,
	.bestseller-block,
	.free_space_block {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #dbdbdb;
	}

	.ttl-h3 {
		position: relative;
		margin: 0 0 20px 0;
	}

	.header-logo {
		padding-top: 5px;
	}
	.header-logo {
		width: 100%;
		padding: 15px 2%;
	}
	.header-logo p {
		margin-bottom: 0;
	}
	.header-logo img {
	/* 	width: auto;
		height: 40px; */
    height: 30px;
	}
	.header-logo .title_sub {
		/* margin: 0 0 5px; */
		padding: 0.1em 0.5em;
		font-size: 10px;
	}

#wrapper {
			margin-top: 60px;
}

	/* スライダー */
	.bx-prev,
	.bx-next {
		display: none;
	}
	#sliderbutton {
		left: 20px;
	}
	.slider-btn {
		padding: 4px 10px;
		font-size: 13px;
	}

	/* スマホ用メニュー */
	.menu-btn-phone {
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	.menu-btn-phone .icon {
		padding-left: 0;
	}
	.menu-btn-phone.icon-down:before {
		float: right;
		margin-left: 0;
	}
	.menu-btn-phone.icon-up:before {
		float: right;
		margin-left: 0;
	}

	/* メイン */
	.main-section {
		padding-left: 0;
	}

	/* サイドメニュー */
	.side-search {
		width: 185px;
	}
	.search-box {
		width: 70%;
	}
	.search-btn[type="submit"] {
		width: 20%;
	}

	/* 商品 */
	.prd-lst-unit {
		margin-bottom: 30px;
		padding: 0 10px 0 10px;
	}
	.prd-lst-sort {
		text-align: center;
	}

	/* フッター */
	#pagetop {
		width: 54px;
		margin: 30px auto;
		display: block !important;
		position: static;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	#pagetop a {
		padding-right: 15px;
	}
	.footer-wrapper {
		margin-top: 20px;
		padding: 20px 0 0 0;
	}
	.manager-name {
		text-align: center;
	}
	.manager-caption {
		padding: 20px 10px;
		border-right: none;
	}
	.footer-lst {
		margin: 0 -20px;
		padding: 0;
		width: auto;
		background: #4d4d4d;
	}
		.footer-lst li {
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #444444;
		}
		.footer-lst li:nth-child(odd) {
			border-right: 1px solid #444444;
		}
		.footer-lst a {
			display: block;
			padding: 12px 10px;
			color: #fff;
			text-decoration: none;
			font-size: 11px;
		}
	.copyright {
		font-size: 10px;
	}
	/* ========================================
				スマホかつRetinaの場合
	======================================== */
	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz--device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
			.icon:before {
				background-image: url(https://img.shop-pro.jp/tmpl_img/68/icon_24-2x-b.png);
			}

			/* スマホかつRetinaでアイコンを白にする場合 */
			.icon-white .icon:before {
				background-image: url(https://img.shop-pro.jp/tmpl_img/68/icon_24-2x-w.png);
			}
	}
}

/* IE用 */
.ie_wrapper .container {
	width: 1170px;
}







.product__fav-item {
	margin-top: 10px;
  }
  
  .product__fav-item button {
	cursor: pointer;
	transition: .2s;
	color: #999;
	border-color: #999;
	outline: none;
	background: transparent;
  }
  
  .product__fav-item .fav-items {
	color: #ff7373;
	border-color: #ff7373;
  }
  
  .product__fav-item svg {
	width: 20px;
	height: 20px;
	vertical-align: -.35em;
	fill: currentColor;
  }

  product-list__fav-items {
	margin-top: 10px;
	width: 30px;
  }
  
  .product-list__fav-items button {
	display: block;
	width: 100%;
	padding: 5px 0;
	cursor: pointer;
	transition: .2s;
	text-align: center;
	color: #999;
	border: 0;
	outline: none;
	background: transparent;
  }
  
  .product-list__fav-items .fav-items {
	color: #ff7373;
  }
  
  .product-list__fav-items svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
  }