/**
 * https://github.com/HOT-FACTORY/hff
 * @version 1.0.0
 * @lastmodified 2018/8/23/1:41:14 pm
**/
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
body {
	line-height: 1
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}
ol,
ul {
	list-style: none
}
blockquote,
q {
	quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
	content: '';
	content: none
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold
}
del {
	text-decoration: line-through
}
abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0
}
input,
select {
	vertical-align: middle
}
img {
	vertical-align: top;
	font-size: 0;
	line-height: 0
}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
input[type="button"],
input[type="submit"],
textarea {
	border-radius: 0;
	-webkit-appearance: none
}
select {
	border-radius: 0
}
a,
input,
label {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
@font-face {
	font-family: "Original Yu Gothic";
	src: local("Yu Gothic");
	font-weight: 300
}
@font-face {
	font-family: "Original Yu Gothic";
	src: local("Yu Gothic");
	font-weight: 500
}
@font-face {
	font-family: "Original Yu Gothic";
	src: local("Yu Gothic");
	font-weight: bold
}
@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 100
}
@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 200
}
@media all and (-ms-high-contrast: none) {
	html {
		font-family: Verdana, Meiryo, sans-serif
	}
}
@media all and (-ms-high-contrast: active) {
	html {
		font-family: Verdana, Meiryo, sans-serif
	}
}
.cf {
	*zoom: 1
}
.cf:after {
	content: "";
	display: table;
	clear: both
}
.cf:before {
	content: "";
	display: table
}
.oh {
	overflow: hidden
}
.fz10 {
	font-size: 10px !important
}
.fz11 {
	font-size: 11px !important
}
.fz12 {
	font-size: 12px !important
}
.fz13 {
	font-size: 13px !important
}
.fz14 {
	font-size: 14px !important
}
.fz15 {
	font-size: 15px !important
}
.fz16 {
	font-size: 16px !important
}
.fz17 {
	font-size: 17px !important
}
.fz18 {
	font-size: 18px !important
}
.fz19 {
	font-size: 19px !important
}
.fz20 {
	font-size: 20px !important
}
.fz21 {
	font-size: 21px !important
}
.fz22 {
	font-size: 22px !important
}
.fz23 {
	font-size: 23px !important
}
.fz24 {
	font-size: 24px !important
}
.fwb {
	font-weight: bold !important
}
.fwn {
	font-weight: normal !important
}
.tac {
	text-align: center !important
}
.tal {
	text-align: left !important
}
.tar {
	text-align: right !important
}
.mr0 {
	margin-left: 0 !important
}
.mr5 {
	margin-left: 5px !important
}
.mr10 {
	margin-left: 10px !important
}
.mr15 {
	margin-left: 15px !important
}
.mr20 {
	margin-left: 20px !important
}
.mr25 {
	margin-left: 25px !important
}
.mr30 {
	margin-left: 30px !important
}
.mr0 {
	margin-top: 0 !important
}
.mr5 {
	margin-top: 5px !important
}
.mr10 {
	margin-top: 10px !important
}
.mr15 {
	margin-top: 15px !important
}
.mr20 {
	margin-top: 20px !important
}
.mr25 {
	margin-top: 25px !important
}
.mr30 {
	margin-top: 30px !important
}
.mb0 {
	margin-bottom: 0 !important
}
.mb5 {
	margin-bottom: 5px !important
}
.mb10 {
	margin-bottom: 10px !important
}
.mb15 {
	margin-bottom: 15px !important
}
.mb20 {
	margin-bottom: 20px !important
}
.mb25 {
	margin-bottom: 25px !important
}
.mb30 {
	margin-bottom: 30px !important
}
.mb35 {
	margin-bottom: 35px !important
}
.mb40 {
	margin-bottom: 40px !important
}
.mb45 {
	margin-bottom: 45px !important
}
.mb50 {
	margin-bottom: 50px !important
}
.mb55 {
	margin-bottom: 55px !important
}
.mb60 {
	margin-bottom: 60px !important
}
.mr0 {
	margin-right: 0 !important
}
.mr5 {
	margin-right: 5px !important
}
.mr10 {
	margin-right: 10px !important
}
.mr15 {
	margin-right: 15px !important
}
.mr20 {
	margin-right: 20px !important
}
.mr25 {
	margin-right: 25px !important
}
.mr30 {
	margin-right: 30px !important
}
@media screen and (min-width: 768px) {
	.mb-xs {
		margin-bottom: 5px !important
	}
	.mb-s {
		margin-bottom: 15px !important
	}
	.mb-m {
		margin-bottom: 30px !important
	}
	.mb-l {
		margin-bottom: 60px !important
	}
	.mb-xl {
		margin-bottom: 80px !important
	}
}
@media screen and (max-width: 767px) {
	.mb-xs {
		margin-bottom: 5px !important
	}
	.mb-s {
		margin-bottom: 10px !important
	}
	.mb-m {
		margin-bottom: 20px !important
	}
	.mb-l {
		margin-bottom: 40px !important
	}
	.mb-xl {
		margin-bottom: 50px !important
	}
}
@media screen and (min-width: 768px) {
	.sp {
		display: none !important
	}
}
@media screen and (max-width: 767px) {
	.pc {
		display: none !important
	}
}
.bt-red {
	border-top: 1px solid #95040d
}
.contents {
	position: relative;
	background: url("../img/bg.jpg") repeat-y center top;
	background-size: 100%
}
.slick-next,
.slick-prev {
	width: 36px;
	height: 50px;
	z-index: 1000
}
.slick-prev {
	left: 50px
}
.slick-prev:before {
	content: '';
	display: inline-block;
	width: 36px;
	height: 50px;
	background: url("../img/left.png");
	background-size: contain;
	z-index: 1000
}
.slick-next {
	right: 25px
}
.slick-next:before {
	content: '';
	display: inline-block;
	width: 36px;
	height: 50px;
	background: url("../img/right.png");
	background-size: contain;
	z-index: 1000
}
.link-delivery a {
	color: #000;
	text-decoration: underline
}
.link-delivery a span {
	font-size: 60%
}
.link-delivery a:hover {
	text-decoration: none
}
@media screen and (min-width: 768px) {
	.icon-cart {
		position: fixed;
		right: 40px;
		bottom: 40px;
		z-index: 10000
	}
	.mv-slider-wrap {
		position: relative;
		-js-display: flex;
		-webkit-display: flex;
		-moz-display: flex;
		-ms-display: flex;
		-o-display: flex;
		display: -webkit-box;
		display: flex;
		-ms-flex-wrap: nowrap;
		-o-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.mv-slider-wrap .mv-slider {
		width: 69.5%
	}
	.mv-slider-wrap .mv-slider .slick-list {
		padding-left: 3%
	}
	.mv-slider-wrap .mv-slider .slick-list a {
		position: relative;
		display: block
	}
	.mv-slider-wrap .mv-slider .slick-list img {
		width: 100%;
		height: auto
	}
	.mv-slider-wrap .mv-slider .slick-list .item-info {
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		background: rgba(149, 4, 13, 0.5);
		padding: 20px 30px
	}
	.mv-slider-wrap .mv-slider .slick-list .item-info p {
		color: #fff;
		font-size: 14px
	}
	.mv-slider-wrap .mv-slider .slick-list .item-info p.item-name {
		font-size: 32px;
		font-family: "futura-pt-condensed", sans-serif;
		letter-spacing: 0.05em;
		font-style: italic;
		font-weight: bold;
		margin-bottom: 5px
	}
	.mv-slider-wrap .mv-thumb {
		width: 30.5%
	}
	.mv-slider-wrap .mv-thumb .slick-slide {
		float: none;
		width: 100% !important;
		padding-right: 5%;
		margin-bottom: 4%
	}
	.mv-slider-wrap .mv-thumb .slick-slide a {
		position: relative;
		display: block;
		-webkit-transition: border 0.2s linear 0s;
		transition: border 0.2s linear 0s
	}
	.mv-slider-wrap .mv-thumb .slick-slide a:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		border: 0 solid rgba(149, 4, 13, 0.5);
		-webkit-transition: border 0.2s linear 0s;
		transition: border 0.2s linear 0s
	}
	.mv-slider-wrap .mv-thumb .slick-slide a:hover:after {
		border: 12px solid rgba(149, 4, 13, 0.5)
	}
	.mv-slider-wrap .mv-thumb .slick-slide.slick-current a:after {
		border: 12px solid rgba(149, 4, 13, 0.5)
	}
	.mv-slider-wrap .mv-thumb .slick-slide img {
		width: 100%;
		height: auto
	}
	.mv-slider-wrap .mv-thumb .slick-track {
		-webkit-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important
	}
	.about {
		text-align: center
	}
	.about.section-wrap {
		padding-top: 0;
		padding-bottom: 0
	}
	.about .section-inner {
		padding: 45px 10px 70px
	}
	.about .about-summary {
		width: 100%;
		line-height: 1.9;
		font-size: 14px;
		margin: 50px auto
	}
	.about a {
		text-decoration: underline
	}
	.about a:hover {
		text-decoration: none
	}
	.line-up.section-wrap {
		padding-top: 0
	}
	.line-up .section-inner {
		padding-top: 80px
	}
	.item-list-wrap {
		-js-display: flex;
		-webkit-display: flex;
		-moz-display: flex;
		-ms-display: flex;
		-o-display: flex;
		display: -webkit-box;
		display: flex;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.item-list-wrap .item-list {
		width: 16%;
		margin-right: 5%;
		margin-bottom: 60px
	}
	.item-list-wrap .item-list:nth-child(5n) {
		margin-right: 0
	}
	.item-list-wrap .item-list .item-img {
		margin-bottom: 20px
	}
	.item-list-wrap .item-list .item-name {
		font-weight: bold;
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 10px
	}
	.item-list-wrap .item-list .item-summary {
		font-size: 12px;
		line-height: 1.6;
		margin-bottom: 20px
	}
	.item-list-wrap .item-list .item-price {
		font-weight: bold;
		color: #95040d;
		font-size: 14px
	}
	.item-list-wrap .item-list a {
		display: block;
		position: relative;
		color: #000;
		-webkit-transition: opacity 0.2s linear 0s;
		transition: opacity 0.2s linear 0s
	}
	.item-list-wrap .item-list a:hover {
		opacity: 0.7
	}
	.item-list-wrap .item-list a img {
		width: 100%;
		height: auto
	}
	.payment .credit-card {
		color: #000;
		margin-bottom: 30px
	}
	.payment h3 {
		margin-bottom: 15px
	}
	.payment .credit-list li {
		display: inline-block;
		margin-right: 10px
	}
	.payment .credit-list li img {
		margin-bottom: 10px
	}
	.payment .credit-list li.master img {
		position: relative;
		top: 8px
	}
	.delivery {
		line-height: 1.6
	}
	.delivery.section-wrap {
		padding-bottom: 120px
	}
	.delivery h3 {
		color: #000;
		margin-bottom: 15px
	}
	.delivery p {
		color: #000
	}

	/*追加20181122*/
	.batch {
		background: #dd0000;
		display: inline-block;
		padding: 5px 10px;
		color: #fff;
		text-align: center;
		position: absolute;
		top: -10px;
		right: -10px;
		font-family: "futura-pt-condensed", sans-serif;
		letter-spacing: 0.08em;
		font-size: 21px;
		font-style: italic;
		font-weight: 600;
		text-indent: 0.08em;
	}
}
@media screen and (max-width: 767px) {
	.contents {
		margin-top: 77px
	}
	.slick-next,
	.slick-prev {
		display: none !important
	}
	.mv.section-wrap {
		padding: 0
	}
	.mv-slider-wrap {
		position: relative
	}
	.mv-slider-wrap .mv-slider .slick-list a {
		position: relative;
		display: block
	}
	.mv-slider-wrap .mv-slider .slick-list img {
		width: 100%;
		height: auto
	}
	.mv-slider-wrap .mv-slider .slick-list .item-info {
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		background: rgba(149, 4, 13, 0.5);
		padding: 10px
	}
	.mv-slider-wrap .mv-slider .slick-list .item-info p {
		color: #fff;
		font-size: 12px;
		line-height: 1.3
	}
	.mv-slider-wrap .mv-slider .slick-list .item-info p.item-name {
		font-size: 20px;
		font-family: "futura-pt-condensed", sans-serif;
		letter-spacing: 0.05em;
		font-style: italic;
		font-weight: bold;
		margin-bottom: 5px
	}
	.mv-slider-wrap .mv-thumb .slick-slide a {
		position: relative;
		display: block;
		-webkit-transition: border 0.2s linear 0s;
		transition: border 0.2s linear 0s
	}
	.mv-slider-wrap .mv-thumb .slick-slide a:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		border: 0 solid rgba(149, 4, 13, 0.5);
		-webkit-transition: border 0.2s linear 0s;
		transition: border 0.2s linear 0s
	}
	.mv-slider-wrap .mv-thumb .slick-slide a:hover:after {
		border: 6px solid rgba(149, 4, 13, 0.5)
	}
	.mv-slider-wrap .mv-thumb .slick-slide.slick-current a:after {
		border: 6px solid rgba(149, 4, 13, 0.5)
	}
	.mv-slider-wrap .mv-thumb .slick-track {
		-webkit-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important
	}
	.about {
		text-align: center
	}
	.about .section-inner {
		padding: 25px 10px 0
	}
	.about .about-summary {
		width: 100%;
		line-height: 1.6;
		font-size: 13px;
		text-align: left;
		margin: 20px auto 25px
	}
	.about a {
		text-decoration: underline
	}
	.about a:hover {
		text-decoration: none
	}
	.line-up.section-wrap {
		padding-top: 0
	}
	.line-up .section-inner {
		padding-top: 40px
	}
	.item-list-wrap {
		-js-display: flex;
		-webkit-display: flex;
		-moz-display: flex;
		-ms-display: flex;
		-o-display: flex;
		display: -webkit-box;
		display: flex;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.item-list-wrap .item-list {
		width: 48%;
		margin-bottom: 40px
	}
	.item-list-wrap .item-list .item-img {
		margin-bottom: 20px
	}
	.item-list-wrap .item-list .item-name {
		font-weight: bold;
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 10px
	}
	.item-list-wrap .item-list .item-summary {
		font-size: 12px;
		line-height: 1.6;
		margin-bottom: 20px
	}
	.item-list-wrap .item-list .item-price {
		font-weight: bold;
		color: #95040d;
		font-size: 14px
	}
	.item-list-wrap .item-list a {
		display: block;
		position: relative;
		color: #000;
		-webkit-transition: opacity 0.2s linear 0s;
		transition: opacity 0.2s linear 0s
	}
	.item-list-wrap .item-list a img {
		width: 100%;
		height: auto
	}
	.payment.section-wrap {
		padding-top: 0
	}
	.payment .section-inner {
		padding-top: 40px
	}
	.payment .credit-card {
		color: #000;
		margin-bottom: 30px
	}
	.payment h3 {
		margin-bottom: 10px
	}
	.payment .credit-list li {
		display: inline-block;
		margin-right: 10px
	}
	.payment .credit-list li img {
		margin-bottom: 10px
	}
	.payment .credit-list li.master img {
		position: relative;
		top: 8px
	}
	.delivery.section-wrap {
		padding-top: 0;
		padding-bottom: 70px
	}
	.delivery .section-inner {
		padding-top: 40px
	}
	.delivery h3 {
		color: #000;
		margin-bottom: 15px
	}
	.delivery p {
		line-height: 1.6;
		color: #000
	}
	/*追加20181122*/
	.batch {
		background: #dd0000;
		display: inline-block;
		padding: 3px 6px;
		color: #fff;
		text-align: center;
		position: absolute;
		top: -5px;
		right: -5px;
		font-family: "futura-pt-condensed", sans-serif;
		letter-spacing: 0.08em;
		font-size: 14px;
		font-style: italic;
		font-weight: 600;
		text-indent: 0.08em;
	}
}
@media print {
	* {
		background: none !important;
		color: black !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
		-webkit-filter:Gray();
		filter:Gray();
		filter:url("desaturate.svg#grayscale"))
	-webkit-filter:grayscale(100%);
		-moz-filter:grayscale(100%);
		-ms-filter:grayscale(100%);
		-o-filter:grayscale(100%);
		filter:url('data:image/svg+xml;charset=utf-8, <svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');filter:grayscale(100%)}a{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}a[href="#"],a[href="javascript:"]{content:""}}