@charset "utf-8";
/* reset cssここから */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img,
object,
embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
body {font: 13px Helmet, Freesans, sans-serif;}
body, select, input, textarea {color: #333;}
a {color: #03f;}
a:hover {color: #69f;}
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}
a:link {-webkit-tap-highlight-color: #fcd700;}
ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}
strong{font-weight:bold}
.nomargin{margin:0!important}
.noborder{border:0!important}
.alignleft{text-align:left}
.aligncenter{text-align:center}
.alignright{text-align:right}
.clearboth{clear:both}
.clearleft{clear:left}
.clearright{clear:right}
img.alignleft,.floatleft{float:left;margin:0 10px 10px 0}
img.alignright,.floatright{float:right;margin:0 0 10px 10px}

.bold{font-weight: bold;}
.mt_5{margin-top: 5px;}
.mt_10{margin-top: 10px;}
.mt_15{margin-top: 15px;}
.mt_20{margin-top: 20px;}
.mt_25{margin-top: 25px;}
.mt_30{margin-top: 30px;}
.mt_40{margin-top: 40px;}
.mt_50{margin-top: 50px;}
.mb_5{margin-bottom: 5px;}
.mb_10{margin-bottom: 10px;}
.mb_15{margin-bottom: 15px;}
.mb_20{margin-bottom: 20px;}
.mb_30{margin-bottom: 30px;}
.mb_40{margin-bottom: 40px;}
.mb_50{margin-bottom: 50px;}
.pt_5{padding-top: 5px;}
.pt_10{padding-top: 10px;}
.pb_5{padding-bottom: 5px;}
.pb_10{padding-bottom: 10px;}
.f_left{float: left;}
.f_right{float: right;}

/* reset cssここまで */

body{
	font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
	color: #000000;
}
.menu{
border: none;
border-radius: 0;
}
a{
	color: #000000;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
a:hover{
	opacity: 0.6;
}
.container{
  width: 100%;
  max-width: 1080px;
  position: relative;
  margin: 0 auto;
}

/* ヘッダー */
header#header{
	position: relative;
	border-top: solid 5px #9F1D2F;
}
h1#site-title{
	margin: 20px 0 25px 50px;
}
h1#site-title a{
	display: block;
	width: 88px;
	height: 111px;
	text-indent: -9999px;
	background: url('https://img21.shop-pro.jp/PA01431/194/etc/logo_header.png?cmsp_timestamp=20190716124208') no-repeat center;
	background-size: contain;
}
#header_subMenu{
	display: flex;
	position: absolute;
	top: 20px;
	right: 50px;
}
#header_subMenu li a{
	display: block;
	width: 150px;
	text-align: center;
	font-size: 13px;
	background: url('https://img21.shop-pro.jp/PA01431/194/etc/arrow_gray.png?cmsp_timestamp=20190716125116') no-repeat left center;
	background-size: 7px;
}
#header_Menu{
	position: absolute;
	right: 50px;
	bottom: 20px;
}
#header_Menu ul{
	display: flex;
}
#header_Menu ul li{
	width: 200px;
	border-left: solid 1px #000000;
}
#header_Menu ul li:first-child{
	border: none;
}
#header_Menu li a{
	font-size: 13px;
	display: block;
	text-align: center;
	font-weight: bold;
	letter-spacing: 2px;
}
#header_Menu li a span{
	font-size: 11px;
	text-align: center;
	display: block;
	font-weight: normal;
}

/* フッター */
footer#footer{
	padding: 50px 0 30px;
	background-color: #9F1D2F;
}
#footer_Menu{
	margin: 0 auto 50px;
	width: 1050px;
}
#footer_Menu ul{
	display: flex;
    justify-content: center;
}
#footer_Menu ul li{
	width: 200px;
	border-left: solid 1px #ffffff;
}
#footer_Menu ul li:first-child{
	border: none;
}
#footer_Menu li a{
	font-size: 12px;
	display: block;
	text-align: center;
	font-weight: bold;
	letter-spacing: 2px;
	color: #ffffff;
}
#footer_Menu li a span{
	font-size: 10px;
	text-align: center;
	display: block;
	font-weight: normal;
	color: #ffffff;
}
#footer_subMenu{
	display: flex;
	width: 1080px;
	margin: 0 auto 50px;
}
#footer_subMenu li a{
	display: block;
	width: 180px;
	text-align: center;
	font-size: 12px;
	background: url('https://img21.shop-pro.jp/PA01431/194/etc/arrow_yellow.png?cmsp_timestamp=20190716125012') no-repeat left center;
	background-size: 7px;
	color: #ffffff;
}
#copy{
	text-align: center;
	color: #ffffff;
	font-size: 12px;
}

/* トップページ */
.topicpath_nav ul{
  display: flex;
  /* margin-bottom: 20px; */
}
.topicpath_nav a{
  font-size: 12px;
}
.cnt_Block h2{
	border-left: solid 5px #B32034;
	color: #B32034;
	font-size: 21px;
	margin-bottom: 30px;
	padding-left: 30px;
	width: 270px;
	background: url('https://img21.shop-pro.jp/PA01431/194/etc/bg_hgroup.png?cmsp_timestamp=20190716163640') no-repeat right center;
	background-size: 37px;
}
.ttl_h2{
	border-left: solid 5px #B32034;
	color: #B32034;
	font-size: 21px;
	margin-bottom: 30px;
	padding-left: 30px;
}
.cnt_Block h2 span{
	font-size: 12px;
	display: block;
	color: #565656;
	margin-top: 10px;
}
.mv_slide{
	width: 100%;
	height: 500px !important;
}
#mvslide01{
	background: url('https://img21.shop-pro.jp/PA01431/194/etc/slide01.jpg?cmsp_timestamp=20190716163059') no-repeat center;
	background-size: cover;
}
#mvslide02{
	background: url('https://img21.shop-pro.jp/PA01431/194/etc/slide02.jpg?cmsp_timestamp=20190716163109') no-repeat center;
	background-size: cover;
}
#mvslide03{
	background: url('https://img21.shop-pro.jp/PA01431/194/etc/slide03.jpg?cmsp_timestamp=20190716163116') no-repeat center;
	background-size: cover;
}
#news{
	background-color: #f5f5f5;
	margin-bottom: 50px;
}
.news_inner{
	display: flex;
	padding: 30px 0;
}
.news_inner p:first-child{
	font-size: 21px;
	flex-basis: 190px;
	margin: 0 30px;
}
.news_inner p:last-child{
	margin-top: 3px;
}
.item_loop{
	display: flex;
	flex-wrap: wrap;
}
.item_loop li{
	flex-basis: 250px;
	margin: 0 10px 50px;
}
.item_loop li figure{
	width: 100%;
	margin-bottom: 20px;
}
.item_loop li img{
	width: 70%;
	height: auto;
}
.item_name{
	text-align: center;
	margin-bottom: 10px;
}
.item_price{
	text-align: center;
	font-size: 14px;
	color: #ff0033;
}
#concept{
	background: url('https://img21.shop-pro.jp/PA01431/194/etc/bg_concept.png?cmsp_timestamp=20190716124252') no-repeat center;
	background-size: cover;
	padding: 60px 0;
	margin-bottom: 80px;
}
#concept figure{
	width: 212px;
	margin: 0 auto 50px;
}
#concept figure img{
	width: 100%;
	height: auto;
}
#catch{
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	font-size: 21px;
	letter-spacing: 3px;
}
.btns_search{
	display: flex;
	margin-bottom: 50px;
}
.btns_search li{
	flex-basis: 360px;
	height: 255px;
	position: relative;
}
.btns_search li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #ffffff;
	position: relative;
	font-weight: bold;
	text-align: center;
	text-shadow:0px 0px 5px #000000;
}
.btns_search li a span{
	display: block;
	color: #ffffff;
	font-size: 13px;
	padding-top: 110px;
}
.btns_search li a::before{
	content: "";
	display: block;
	width: 330px;
	height: 220px;
	top: 15px;
	left: 15px;
	border: solid 2px #ffffff;
	opacity: 0.6;
	position: absolute;
}
/* .btns_search li a::after{
	content: "";
	color: #ffffff;
	position: absolute;
	bottom: 70px;
	left: 0;
	right: 0;
	margin: auto;
} */
.btns_search #btns_search01 a{
	background: url('https://img21.shop-pro.jp/PA01431/194/etc/bg_search01.png?cmsp_timestamp=20190716163151') no-repeat center;
	background-size: cover;
}
.btns_search #btns_search02 a{
	background: url('https://img21.shop-pro.jp/PA01431/194/etc/bg_search02.png?cmsp_timestamp=20190716163202') no-repeat center;
	background-size: cover;
}
.btns_search #btns_search03 a{
	background: url('https://img21.shop-pro.jp/PA01431/194/etc/bg_search03.png?cmsp_timestamp=20190716163209') no-repeat center;
	background-size: cover;
}
#search{
	padding: 50px 0;
}
/* #s_slide{
	display: flex;
}
#s_slide div{
	flex-basis: 250px;
	margin: 0 10px;
} */
.drawer-hamburger{
	display: none !important;
}

/* 下層用調整 */
.breadcrumb{
	font-size: 12px;
	margin-bottom: 20px;
}
.item_wrapper{
  display: flex;
}
.item_info{
  flex-basis: 700px;
}
.entry{
  width: 360px;
  margin-left: 20px;
}
.item_info h3{
  font-size: 14px;
  font-weight: normal;
}
.item_info figure{
	width: 80%;
}
.item_info figure img{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.entry p{
  font-size: 12px;
  padding-bottom: 10px;
  border-bottom: solid 1px #707070;
  margin-bottom: 10px;
}
.entry p span{
  display: inline-block;
  width: 75px;
}
.thumbnail{
	display: flex;
	margin-bottom: 30px;
}
.thumbnail div{
	flex-basis: 16%;
	margin: 0 2%;
	display: block;
}
.btn_cart input{
  display: block;
  width: 227px;
  text-align: center;
  background-color: #009245;
  color: #ffffff;
  text-decoration: none;
  border-radius: 3px;
}

@media only screen and (max-width: 768px) {
	.container{
	  width: 90%;
	  margin: 0 5%;
	}
	nav.drawer-nav{
	background: rgba(255,255,255,1);
	}
	nav.drawer-nav li a{
		display: block;
		padding: 15px 0;
		border-bottom: dotted 1px #cccccc;
		text-align: center;
	}
	.drawer-hamburger{
		top: 23px !important;
		display: block !important;
	}
	#header_Menu,
	#header_subMenu{
		display: none;
	}
	h1#site-title{
		margin: 0;
	}
	h1#site-title a{
		width: 60px;
		height: 80px;
		margin: 10px auto;
	}
	.news_inner{
		flex-wrap: wrap;
	}
	.news_inner p:first-child{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.item_loop li{
		flex-basis: 46%;
		margin: 0 2% 30px;
	}
	.btns_search{
		flex-wrap: wrap;
	}
	.btns_search li{
		flex-basis: 100%;
	}
	#footer_Menu{
		width: 100%;
	}
	#footer_Menu ul{
		flex-wrap: wrap;
	}
	#footer_Menu ul li{
		flex-basis: 46%;
		margin: 0 2% 15px;
		border: none;
	}
	#footer_subMenu{
		width: 100%;
		flex-wrap: wrap;
	}
	#footer_subMenu li{
		flex-basis: 46%;
		margin: 0 1% 15px;
	}
  	#mvslide02{
		background: url('https://img21.shop-pro.jp/PA01431/194/etc/slide02.jpg?cmsp_timestamp=20190716163109') no-repeat 75% center;
		background-size: cover;
	}
	.item_wrapper{
		flex-wrap: wrap;
	}
	.item_info{
		flex-basis: 100%;
		margin-bottom: 30px;
	}
	.item_info figure{
		margin: 0 auto;
	}
	.entry{
		margin-left: 0;
		flex-basis: 100%;
	}
	.btn_cart input{
		width: 100%;
		height: 67px;
		line-height: 67px;
	}
	.btns_search li a::before{
		content: "";
		display: block;
		width: 90%;
		height: 90%;
		top: 5%;
		left: 5%;
		border: solid 2px #ffffff;
		opacity: 0.6;
		position: absolute;
	}
}