@charset "utf-8";
/* common.css */


/* 外部CSSファイル（ライブラリ系）
----------------------------------------*/
@import url(./libs/bxslider.css);
@import url(./libs/swiper.css);
@import url(./libs/jquery.fs.zoomer.css);


/* 外部CSSファイル（共通コンテンツ類）
----------------------------------------*/
@import url(./recommend.css);
@import url(./header.css);
@import url(./footer.css);
@import url(./addToCart.css);
@import url(./pointIcon.css);


/* 外部CSSファイル（部品類）
----------------------------------------*/
@import url(./modal.css);
@import url(./buttons.css);

/* ベース
----------------------------------------*/

.mkrnw-wrapper * {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	line-height:1.5;
	vertical-align: baseline;
}


.mkrnw-wrapper #mkrnw-overlay01 {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.40);
	z-index:10500;
}

.mkrnw-wrapper #mkrnw-overlay02 {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.40);
	z-index:10000;
}

.mkrnw-wrapper input::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

.mkrnw-wrapper input::-ms-clear {
	visibility:hidden;
	display:none;
}

html, body {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 300;
	src: url('/store/_ui/addons/mkstorefrontaddon/font/NotoSansCJKjp-Light_subset.woff') format('opentype');
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 500;
	src: url('/store/_ui/addons/mkstorefrontaddon/font/NotoSansCJKjp-Medium_subset.woff') format('opentype');
}

.mkrnw-wrapper ol, .mkrnw-wrapper ul {
	list-style: none;
}

.mkrnw-wrapper table {
	border-collapse: collapse;
	border-spacing: 0;
}

.mkrnw-wrapper caption, .mkrnw-wrapper th, .mkrnw-wrapper td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

.mkrnw-wrapper q, .mkrnw-wrapper blockquote {
	quotes: none;
}
.mkrnw-wrapper q:before, .mkrnw-wrapper q:after, blockquote:before, .mkrnw-wrapper blockquote:after {
	content: "";
	content: none;
}

.mkrnw-wrapper a img {
	border: none;
}

.mkrnw-wrapper a.disabled {
	cursor: default;
    pointer-events: none;
}

.mkrnw-wrapper footer, .mkrnw-wrapper header, .mkrnw-wrapper nav, .mkrnw-wrapper section {
	display: block;
}

.mkrnw-wrapper *::selection {
	background:rgba(255,228,2,0.80);
}

.mkrnw-wrapper {
	min-width:1040px;
	margin: 0;
	padding: 0;
	color: #202020;
	font-family: 'Noto Sans Japanese' , sans-serif;
	font-size: 10px;
	font-weight:300;
	line-height:1.5;
	letter-spacing:0.1em;
	-webkit-text-size-adjust: 100%;
	background:#fafafa;
}

.mkrnw-wrapper a {
	color: #202020;
	text-decoration: none;
	transition:0.2s opacity ease-out;
}

.mkrnw-wrapper a:hover,
.mkrnw-wrapper a:hover img {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	transition:0.2s opacity ease-in-out;
}

.mkrnw-wrapper img {
	max-width: 100%;
	vertical-align: top;
}

.mkrnw-wrapper strong {
	font-weight: bold;
}

.mkrnw-wrapper sup {
	vertical-align: super;
	font-size: 75%;
}

.mkrnw-wrapper .hide {
	display: none !important;
}

.mkrnw-wrapper .pcHide {
	display:none !important;
}

.mkrnw-wrapper .clearfix:after {
	display: table;
	clear: both; 
	content: '';
}

.mkrnw-wrapper .accordion {
	cursor:pointer;
	background:url(/store/_ui/addons/mkstorefrontaddon/images/common/ico_arw_08.png) no-repeat right center;
	background-size:15px auto;
}

.mkrnw-wrapper .accordion + *{
	display:none;
}

.mkrnw-wrapper .accordion.open {
	background:url(/store/_ui/addons/mkstorefrontaddon/images/common/ico_arw_09.png) no-repeat right center;
	background-size:15px auto;
}

.mkrnw-wrapper .accordion.open + *{
	display:block;
}


.mkrnw-wrapper .l-main {
	position:relative;
	padding:112px 0 0;
}


/* パンくずリスト
----------------------------------------*/

.mkrnw-wrapper .breadcrumb {
	width:980px;
	margin:0 auto;
	padding:50px 20px 22px;
	box-sizing:border-box;
}

.mkrnw-wrapper .breadcrumb ul {
	letter-spacing:-0.5em;
}

.mkrnw-wrapper .breadcrumb ul li {
	display:inline-block;
	margin:0 10px 0 0;
	font-size:10px;
	line-height:1.8;
	letter-spacing:0.1em;
	vertical-align:top;
}

.mkrnw-wrapper .breadcrumb ul li a {
	display:inline-block;
	margin:0 10px 0 0;
}

/* カテゴリでさがす
----------------------------------------*/

.mkrnw-wrapper .csearch {
	min-width:980px;
	max-width:1400px;
	margin:0 auto;
	padding:0 0 40px;
	box-sizing:border-box;
}

.mkrnw-wrapper .csearch .ttl-lv2 {
	width:940px;
	margin:0 auto 20px;
	color:#121212;
	font-size:18px;
}

.mkrnw-wrapper .csearch ul {
	letter-spacing:-0.5em;
}

.mkrnw-wrapper .csearch ul li {
	display:inline-block;
	width:24.44%;
	letter-spacing:0.1em;
	vertical-align:top;
}

.mkrnw-wrapper .csearch ul li + li {
	margin:0 0 0 0.746%;
}

.mkrnw-wrapper .csearch ul li a {
	position:relative;
	display:block;
}

.mkrnw-wrapper .csearch ul li a span {
	position:absolute;
	right:14px;
	bottom:20px;
	color:#fff;
	font-size:18px;
	text-align:right;
}

.mkrnw-wrapper .csearch ul li img {
	width:100%;
	max-width:inherit;
}


@media screen and (max-width: 750px) {

	/* ベース
	----------------------------------------*/

	.mkrnw-wrapper a:hover,
	.mkrnw-wrapper a:hover img {
		filter:alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
	}

	.mkrnw-wrapper .pcHide {
		display:inherit !important;
	}

	.mkrnw-wrapper .spHide {
		display:none !important;
	}

	.mkrnw-wrapper {
		min-width:inherit;
	}

	.mkrnw-wrapper input {
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}


	.mkrnw-wrapper .l-main {
		padding:112px 0 0;
	}


	/* パンくずリスト
	----------------------------------------*/

	.mkrnw-wrapper .breadcrumb {
		width:92%;
		margin:0 auto;
		padding:7% 0 5%;
		box-sizing:border-box;
		overflow:hidden;
	}

	.mkrnw-wrapper .breadcrumb .inner {
		width:100%;
		overflow-x:auto;
		-webkit-overflow-scrolling: touch;
	}

	.mkrnw-wrapper .breadcrumb .inner::-webkit-scrollbar {
		display: none;
	}

	.mkrnw-wrapper .breadcrumb ul {
		letter-spacing:-0.5em;
	}

	.mkrnw-wrapper .breadcrumb ul li {
		display:inline-block;
		margin:0 10px 0 0;
		font-size:10px;
		line-height:1.8;
		letter-spacing:0.1em;
		vertical-align:top;
		white-space:nowrap;
	}

	.mkrnw-wrapper .breadcrumb ul li a {
		display:inline-block;
		margin:0 10px 0 0;
	}

	/* カテゴリでさがす
	----------------------------------------*/

	.mkrnw-wrapper .csearch {
		min-width:inherit;
		padding:0 0 9.333%;
		box-sizing:border-box;
	}

	.mkrnw-wrapper .csearch .ttl-lv2 {
		width:92%;
		margin:0 auto 5.333%;
		color:#121212;
		font-size:18px;
	}

	.mkrnw-wrapper .csearch ul {
		letter-spacing:-0.5em;
	}

	.mkrnw-wrapper .csearch ul li {
		display:inline-block;
		width:49.33%;
		margin:0 1.34% 1.34% 0;
		letter-spacing:0.1em;
		vertical-align:top;
	}

	.mkrnw-wrapper .csearch ul li + li {
		margin:0 1.34% 1.34% 0;
	}

	.mkrnw-wrapper .csearch ul li:nth-child(2n) {
		margin:0 0 1.34%;
	}

	.mkrnw-wrapper .csearch ul li a {
		position:relative;
		display:block;
	}

	.mkrnw-wrapper .csearch ul li a span {
		position:absolute;
		right:5%;
		bottom:0;
		margin:0 0 5%;
		color:#fff;
		font-size:18px;
		text-align:right;
	}

	.mkrnw-wrapper .csearch ul li img {
		width:100%;
		max-width:inherit;
	}


}