@charset "euc-jp";
body, dl, dt, dd, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, blockquote {margin:0;padding:0;font-style:normal;font-weight:500;text-align:left;}
* html body{font-size:small; font:x-small;}
/**:first-child+html body{font-size: small; font: x-small;}*/
img, a img{border:0; vertical-align:bottom; padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
ul,dl,ol{text-indent:0;}li{list-style:none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal;}
input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit;}
* html input,* html textarea,* html select{font-size:100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select{font-size:100%;}
table{border-collapse:collapse; border-spacing:0; font-size: inherit; width:100%;}th,td{text-align:left; vertical-align:top;}caption{text-align:left;}
pre,code,kbd,samp,tt{font-family:monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt{font-size:108%; line-height:100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt{font-size:108%; line-height:100%;}
input,select,textarea{font-size:100%; font-family:Verdana, Helvetica, sans-serif;}
input, textarea{margin:0; padding:0; vertical-align:middle;}
strong, em{font-weight:bold;}

body,input,textarea{font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体","ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}
/*IE10以上は游ゴシックを除外する*/
@media all and (-ms-high-contrast: none) {
	body,input{font-family:"メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}
}
/*Edgeでデフォルトに戻す*/
@supports (-ms-accelerator:true) {
	body,input{font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体","ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}
}

html{font-size:62.5%;}

body {
	font-size:16px;
	line-height:1.6;
	min-width:320px;
  background-color: #fff;
  background-image: url(https://img.shop-pro.jp/tmpl_img/73/bg.gif);
  color: #464e54;
	width: 100%;
}

.hover{background:inherit; transition:filter 0.3s, opacity 0.3s;}
.hover:hover, .hover:active{filter:alpha(opacity=60); opacity:0.60;}
.pagebox{margin-right:auto; margin-left:auto; max-width:1100px;}
*{box-sizing: border-box;}
a {
  color: #464e54;
}
a:hover {
  color: #5e5e5e;
}

button{
	outline: none !important;
}


.linkbtn a{
	display:flex;
	background: #22214e;
	color: #fff;
	justify-content: center;
	align-items: center;
	height: 60px;
	width: 280px;
	border-radius: 2px;
	margin-right: auto;
	margin-left: auto;
	transition: background 0.3s;
}
.linkbtn a:hover{background: #215cb1; color: #fff;}



.ofimg{
	text-align: center;
	position: relative;
}
a.ofimg{
	display: block;
}
.ofimg:before{
	content: "";
	display: block;
	width: 100%;
	padding-bottom:68%;
}
.ofimg img{
	position: absolute;
	left:0;
	top:0;
	object-fit:contain;
	width: 100%;
	height: 100%;
}
.ofimg.cover img{
	object-fit:cover;
}
.object-fit-img{
	font-family: 'object-fit: contain;'
}
.cover .object-fit-img{
	font-family: 'object-fit: cover;'
}



/*
 * contents
 */

#contents .topicpath-nav {
  margin-bottom: 5px;
}
  #contents .topicpath-nav li {
    padding: 0;
  }
  #contents .topicpath-nav a {
    margin-left: 5px;
  }

.section {margin-bottom: 90px;}


/* font */
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_10 { font-size: 10px; }
.txt_12 { font-size: 12px; }
.txt_14 { font-size: 14px; }
.txt_16 { font-size: 16px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px; }
.txt_24 { font-size: 24px; }
.txt_28 { font-size: 28px; }
.txt_c_333 {color: #333;}

/* background */
.bgc_gray {
  background-color: #f1f1f1;
}

/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }

/* padding */
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }

/* border */
.bor_t_1 { border-top: 1px solid #eee; }
.bor_r_1 { border-right: 1px solid #eee; }
.bor_b_1 { border-bottom: 1px solid #eee; }
.bor_l_1 { border-left: 1px solid #eee; }

/* vertical align */
.va-10 { vertical-align: -10%; }
.va-20 { vertical-align: -20%; }
.va-30 { vertical-align: -30%; }
.va-35 { vertical-align: -35%; }
.va-40 { vertical-align: -40%; }

/*
 * icons
 */
.icon-user { background-position: -208px 0px; }
.icon-lg-b.icon-user { background-position: -312px 0px; }
.icon-adduser { background-position: -240px 0px; }
.icon-lg-b.icon-adduser { background-position: -360px 0px; }
.icon-login { background-position: -48px -80px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-home { background-position: -176px -16px; }
.icon-lg-b.icon-home { background-position: -264px -24px; }
.icon-mail { background-position: -64px 0px; }
.icon-lg-b.icon-mail { background-position: -96px 0px; }
.icon-pencil { background-position: -96px 0px; }
.icon-lg-b.icon-pencil { background-position: -144px 0px; }
.icon-help { background-position: -272px -80px; }
.icon-lg-b.icon-help { background-position: -408px -120px; }
.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-search { background-position: -208px -16px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }

.icon-b,
.icon-w {
  width: 16px;
  height: 16px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.icon-lg-b,
.icon-lg-w {
  width: 24px;
  height: 24px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }

@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 (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-b,
  .icon-w {
    -webkit-background-size: 368px 320px;
    background-size: 368px 320px;
  }

  .icon-lg-b,
  .icon-lg-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }

  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png); }
  .icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}
@media (max-width: 768px) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}



/*table*/
table.style{
	border-top:1px solid #BCBEC5;
	border-right:1px solid #BCBEC5;
}
table.style th, table.style td{
	vertical-align:middle;
	padding:8px 10px;
	border-bottom:1px solid #BCBEC5;
	border-left:1px solid #BCBEC5;
}
table.style th{
	background:#fffae7;
	font-weight:bold;
	background-clip: padding-box;
}
table.style td input,
table.style td textarea,
table.style td select{
	border:1px solid #CCC;
	padding:3px;
	border-radius:3px;
}

table.style td label input {
	display: inline-block;
	width: auto !important;
	margin-right:10px;
}
table.style label{
	display:inline-block;
	padding:6px 13px;
	border:1px solid #ddd;
	border-radius:8px;
	font-weight: bold;
	cursor: pointer;
	background: #fafafa;
	transition: background 0.4s;
	line-height: 1em;
	margin-bottom: 5px;
}
table.style label:hover {
	box-shadow: 0px 0px 4px #013db5;
}
table.style label.checked {
	color: #1053C3;
	border-color: #75B9F0;
	background: linear-gradient(to bottom,#fff,#BFE2FF);
}

@media screen and (max-width:900px){
	table.style.mov, table.style.mov tbody, table.style.mov tr, table.style.mov th, table.style.mov td{
		display:block;
		width:100%;
	}
	table.style.mov{border:none;}
	table.style.mov tr{
		margin-top:10px;
		border-top:1px solid #BCBEC5;
		border-right:1px solid #BCBEC5;
	}
}


/*title*/
.pagetitle{
	margin-bottom:40px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100px;
	font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	background: url(https://img07.shop-pro.jp/PA01461/966/etc/bg_tit.jpg?cmsp_timestamp=20210116132039) center center;
	box-shadow: 0 2px 8px rgba(0,0,0,.5) inset;
	border-top:1px solid #715619;
}


.ts1{
	font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	font-weight: bold;
	font-size: 30px;
	line-height: 1;
	margin-bottom:30px;
	padding-bottom:15px;
	color: #5d1708;
	border-bottom:3px solid #ccc;
	position: relative;
}
.ts1::after{
	content: "";
	display: block;
	width: 90px;
	height: 3px;
	background: #FF6601;
	position: absolute;
	left:0;
	bottom: -3px;
}

.ts3{
	background: #d29f87;
	color: #fff;
	margin-bottom:15px;
	padding: 10px 15px;
    line-height: 1.2;
	font-size: 17px;
}



.dlbox dd + dt{margin-top:40px;}


.topicpath-nav{margin-top:-30px;}


/*ソート*/
.sort{
	display: flex;
	justify-content: center;
}
.sort > *{
	margin-right:5px;
	margin-left:5px;
	border-radius: 80px;
	padding: 5px 17px;
	font-size: 12px;
	 color:#fff;
	transition: background 0.4s;
}
.sort > a{background: #d2a728;}
.sort > a:hover{background: #cc201c; color:#fff;}
.sort > span{background: #ff5e5c;}


/*header*/
.header{
	background: url(https://img07.shop-pro.jp/PA01461/966/etc/bg_wood.jpg?cmsp_timestamp=20210116100627);
	padding-top:15px;
	padding-bottom:15px;
}
.header .pagebox{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header .logo{width:292px;}
.header .logo img{
	box-shadow: 2px 2px 4px rgba(0,0,0,.4);
}
.header .spmenu{display: none;}
.header .spmenu p{
	display: block;
	text-align: center;
	border-radius: 3px;
	border:2px solid #713a00;
	padding: 8px 10px 6px;
	line-height: 1;
	font-size: 12px;
	font-weight: bold;
	background: #fff;
	cursor: pointer;
}
.header .spmenu p i{
	font-size: 30px;
	line-height: 1;
	display: block;
	margin-bottom:7px;
	color: #b14c06;
}
.nav .membermenu{
	display: flex;
	justify-content: flex-end;
	margin-bottom:20px;
}
.nav .membermenu li + li{
	margin-left:10px;
}
.nav .membermenu a{
	display: flex;
	align-items: center;
	justify-content: center;
	background:linear-gradient(to bottom,
		rgba(230,190,74,1) 0%,
		rgba(255,165,0,1) 80%);
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	line-height: 1;
	padding: 5px 13px;
	height: 35px;
	border-radius: 3px;
	box-shadow: 2px 2px 4px rgba(0,0,0,.4);
	text-decoration: none;
	transition: background 0.3s;
}
.nav .membermenu i{
	margin-right:10px;
}
.nav .gnav{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.nav .gnav li + li{margin-left:30px;}
.nav .gnav a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 45px;
	font-size: 19px;
	line-height: 1;
	text-shadow: 2px 2px 2px rgba(0,0,0,.5);
	font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	color: #fff;
}
.nav .gnav a:hover{
	color:#ffd983;
	text-decoration: none;
}


/*footer*/
.footer{
	background: #000;
	padding:30px 20px;
	color: #fff;
	border-top:7px solid #8e4100;
}
.footer ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.footer li{
	padding:15px;
	font-size: 14px;
    font-weight: bold;
}
.footer li a{
	color: #fff;
}

.copyright{
	display: block;
	width: 100%;
	text-align: center;
	color: #8c8c8c;
	margin: 0;
	font-weight: bold;
	font-size: 13px;
	line-height: 1;
	margin-top:20px;
}



.pagernav ul{
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagernav li{
	margin:0 15px 10px;
}
.pagernav p{
	text-align: center;
}
.pagernav li > span{
	background: #d4d2cf !important;
	color: #797979 !important;
}
.pagernav li > a{
	background: #000;
	color: #fff;
	transition: background 0.3s;
}
.pagernav li > a:hover{background: #cc201c; color: #fff;}
.pagernav li > *{
	border-radius: 2px;
	border: none;
	font-weight: bold;
}



/*ドロワーメニュー===*/
#drawer {
	display: none;
}
@media screen and (max-width:900px){
	/* メインコンテンツ部分 */
	#wrapper {
		position: relative;
		-webkit-transition: all .2s;
	            transition: all .2s;
	}
	.open #wrapper {
		-webkit-transform: translate3d(-300px, 0, 0);
	            transform: translate3d(-300px, 0, 0);
		overflow: hidden;
	}
	/* ドロワーメニュー部分 */
	#drawer{
		display: block;
        position: fixed;
        z-index: 9999;
	    top: 0;
    	right: -300px;
	    width: 300px;
    	height: 100%;
	    overflow-x: hidden;
    	-webkit-overflow-scrolling: touch;
	    -webkit-transition: all .2s;
    	        transition: all .2s;
		background-color: #fff;
    }
    #drawer .inner{
        padding:20px;
    }
    #drawer .inner > * + *{
        margin-top:14px;
    }
    #drawer ul{
        margin: 0;
    }
    #drawer ul li{
        list-style: none;
    }
    #drawer li + li a{
        border-top:1px dashed #bf9494;
    }
	#drawer a{
		display: block;
		text-align: center;
		text-decoration: none;
		padding:12px 0;
		color: #333;
	}
	#drawer a i{margin-right:10px; color:#bd470f;}
	#drawer li.more{
		background: #fff3dd;
		padding: 0 10px;
		margin-bottom:10px;
		border-radius: 4px;
		border: 1px solid #dcd3c3;
	}
	#drawer li.more > p{
		font-weight: bold;
		text-align: center;
		line-height: 1;
		padding: 15px 0;
		font-size: 85%;
		color: #5d0701;
	}
	#drawer .account,
	#drawer .gnav{
		border: 1px solid #ccc;
		border-radius: 5px;
		padding: 0 10px;
	}
	.open #drawer{
    	-webkit-transform: translate3d(-300px, 0, 0);
	            transform: translate3d(-300px, 0, 0);
    }
    #drawer .block{
		background: #f5f5f5;
        border-radius: 4px;
        padding:0 15px;
        overflow: hidden;
    }
    #drawer .title{
        text-align: center;
        font-weight: bold;
        line-height: 1;
        background: #868686;
        padding: 15px 0;
        margin:0 -15px;
    }
	#drawer .drawer-button{
		display: block;
		text-align: center;
		background: #8e4100;
		color: #fff;
		font-weight: bold;
		line-height: 60px;
        font-size:18px;
        margin:0;
		cursor: pointer;
	}
	#drawer .drawer-button i{
		margin-right:10px;
	}
	
	#overlay {
    	position: absolute;
	    top: 0;
		bottom:0;
		width: 0;
	    z-index: 9999;
    	background: rgba(0, 0, 0, .6);
	}
	.open #overlay {width: 100%;}
	.open .pagebox{max-width: 100%;}
}



/*list*/
.itemlist{
	display: flex;
	flex-wrap: wrap;
	margin-top:-50px;
	margin-right:-10px;
	margin-left:-10px;
}
.itemlist li{
	width: 33.33%;
	padding-right:10px;
	padding-left:10px;
	margin-top:50px;
}
.itemlist a{
	display: flex;
	width:100%;
	height: 100%;
	flex-direction: column;
	justify-content: space-between;
}
.itemlist a .image img{
	transition: transform 0.4s;
}
.itemlist a:hover .image img{
	transform: scale(1.05,1.05);
}
.itemlist .image{
	text-align: center;
	margin-bottom:16px;
	overflow: hidden;
}
.itemlist .name{
	font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	font-size: 17px;
	line-height: 1.2;
	color: #5d1708;
	color: #b20b00;
}
.itemlist .comment{
	margin-top:13px;
}
.itemlist .pricebox{
	border-top:1px dashed #ddd;
	border-bottom:1px dashed #ddd;
	padding-top:10px;
	padding-bottom:10px;
	font-size: 16px;
    margin-top: 20px;
	background: #fff8e9;
}
.itemlist .pricebox p{text-align: center; font-weight: bold;}
.itemlist .pricebox p + p{margin-top:7px;}

.historybox{
	background: #E4E3D6;
	padding-top:40px;
	padding-bottom:40px;
}
.historybox .itemlist{
	margin-right:-3px;
	margin-left:-3px;
	margin-top:-20px;
}
.historybox .itemlist li{
	width: 16.6%;
	padding-right:3px;
	padding-left:3px;
	margin-top:20px;
}
.historybox .itemlist a{
	background: #fff;
	border: 1px solid #c7c6b5;
	padding: 11px;
	border-radius: 5px;
}
.historybox .itemlist .name{font-size: 14px;}
.historybox .itemlist .pricebox{font-size: 13px;}



/*検索*/
.itemsearch{
	background: #e0d7ab;
	padding: 15px;
	display: flex;
	border-radius: 3px;
}
.itemsearch .select{
	flex: 1;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0%;
}
.itemsearch .input{
	width: 420px;
	height: 30px;
	margin-right: 15px;
	margin-left: 15px;
	border: 1px solid #ccc;
}
.itemsearch .btn{
	width: 100px;
	font-weight: bold;
	padding-right: 13px;
}
.itemsearch .btn i{
	margin-right: 5px;
}



.item_categorybox{
	margin-top:10px;
	padding: 15px 20px;
	border: 1px solid #CCC;
    background-color: #F7F7F7;
	border-radius: 3px;
}
.item_categorybox .tit{
	font-weight: bold;
	margin-bottom:12px;
	line-height: 1;
	font-size: 18px;
}
.item_categorybox .list{
	display: flex;
	flex-wrap: wrap;
	margin: -10px -2px 0;
}
.item_categorybox .list .box{
	width: 20%;
	padding-right: 2px;
	padding-left:2px;
	margin-top:10px;
}
.item_categorybox .list .link{
	background: #000;
	color: #fff;
	display: flex;
	font-weight: bold;
	align-items: center;
	justify-content: center;
	padding:10px 8px;
	height: 100%;
	font-size: 14px;
	transition: background .4s;
	border-radius: 3px;
}
.item_categorybox .list .link:hover{
	text-decoration: none;
	background: #e69400;
}



@media screen and (max-width:1240px){
	body{min-width: 1020px;}
	.pagebox{
		padding-right:15px;
		padding-left:15px;
		min-width: 1020px;
	}
	
	.searchbox input{width: 175px;}
}
@media screen and (max-width:900px){
	body{min-width: 320px;}
	.header .pagebox{max-width: 100%;}
	.header .logo{
		width: auto;
		max-width: 200px;
	}
	.pagebox{
		max-width: 670px;
		min-width: 320px;
		margin-right: auto;
		margin-left:auto;
	}
	.nav .membermenu,
	.nav .gnav{display: none;}
	
	.header .spmenu{
		display:flex;
		justify-content: flex-end;
	}
	
	
	.pagetitle{font-size: 25px;}
	.ts1{font-size: 27px;}
	
	
	.itemlist .name{font-size: 16px;}
	.historybox .itemlist li{width: 25%;}
	
	
	
	.itemsearch{
		flex-wrap: wrap;
	}
	.itemsearch .select{
		flex-basis: 100%;
		margin-bottom:5px;
	}
	.itemsearch .input{
		flex: 1;
	    flex-grow: 1;
	    flex-shrink: 1;
	    flex-basis: 0%;
		margin-left:0;
	}
	
	
	.item_categorybox{padding:10px 15px;}
	.item_categorybox .list .box{width: 33.33%;}
}
@media screen and (max-width:670px){
	.itemlist li{width: 50%;}
	.itemlist .name{font-size: 15px;}
}
@media screen and (max-width:540px){
	.itemlist{
		margin-right:-5px;
		margin-left:-5px;
	}
	.historybox .itemlist li{
		width: 33.33%;
		padding-right:5px;
		padding-left:5px;
	}
	.historybox .itemlist .name{font-size: 14px;}
	
	
	.item_categorybox .list .box{width: 50%;}
}
@media screen and (max-width:480px){
	.itemsearch{padding: 12px;}
	.itemsearch .input{margin-right: 5px;}
	.itemsearch .btn{width: 90px;}
}
@media screen and (max-width:380px){
	.itemsearch{display: block;}
	.itemsearch .input{
		margin-right: 0;
		width: 100%;
	}
	.itemsearch .btn{
		display:block;
		margin: 10px auto 0;
	}
}