@charset "euc-jp";
/*--reset.css-ブラウザのデフォルトスタイルをリセット------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}

/*em,strongは除外*/
address, caption, cite, code, dfn, th, var{
    font-style: normal; 
    font-weight: normal;
}

body {
	width: 100%;
	height: 100%;
	color: #000;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
	background-color: #fff;
	font-size: 14px;
	line-height: 1.0;
	-webkit-text-size-adjust: 100%;
	min-width:1230px;
}


a{
	/*
	text-decoration: none;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	*/
}
a:hover {

}

img{
	vertical-align:bottom;
}

#container{
	width: 100%;
	position:relative;
	background-image:url(https://file003.shop-pro.jp/PA01461/163/bg_craft.jpg);
	background-position:left top;
	background-size:auto;
	background-repeat:repeat;
}

/*----------header----------*/
header{
	border-top:5px solid #00a784;
	margin-bottom:20px;
}

	header > .box_header{
		width:980px;
		margin:0 auto;
	}
	
		header > .box_header ul{
			display:flex;
			justify-content:flex-end;
			align-items:flex-start;
			font-size:1.1em;
			height:35px;
			transform:translateY(-5px);
		}
		
			header > .box_header ul li{
				margin-right:2em;
				padding-top:1.3em;
			}
			
				header > .box_header ul li a{
					color:#612d15;
					font-weight:bold;
					display:block;
					text-decoration:none;
				}
				
				header > .box_header ul li a:hover{
					text-decoration:underline;
				}
				
			header > .box_header ul li.cart_info{
				margin-right:0;
				padding-top:0;
			}
			
				header > .box_header ul li.cart_info a{
					display:flex;
					justify-content:center;
					align-items:center;
					width:140px;
					height:40px;
					background:#ff7761;
					color:#fff;
					border-radius:0 0 6px 6px;
				}
				
				header > .box_header ul li.cart_info a:hover{
					text-decoration:none;
				}
				
					header > .box_header ul li.cart_info a .fig{
						width:28px;
						margin-right:8px;
					}
				
					header > .box_header ul li.cart_info a .fig img{
						max-width:100%;
						height:auto;
					}

	header > .box_inner{
		width:980px;
		margin:0 auto;
		display:flex;
		justify-content:space-between;
		align-items:flex-end;
	}
	
		header > .box_inner .site_title{}
		
			header > .box_inner .site_title img{
				max-width:100%;
				height:auto;
			}
		
			header > .box_inner .site_title h1{}
			
				header > .box_inner .site_title h1 a{
					display:flex;
				}
				
					header > .box_inner .site_title h1 a .logo{
						width:153px;
					}
					
					header > .box_inner .site_title h1 a .lbl{
						width:177px;
					}
					
		header > .box_inner .global_nav{}
		
			header > .box_inner .global_nav img{
				max-height:36px;
				width:auto;
			}
			
			header > .box_inner .global_nav ul{
				display:flex;
			}
			
			header > .box_inner .global_nav ul.sp{
				display:none;
			}
			
				header > .box_inner .global_nav ul.pc li{
					height:53px;
					background-image:url(https://file003.shop-pro.jp/PA01461/163/header_nav_bar.png);
					background-size:auto 100%;
					background-repeat:no-repeat;
					background-position:left top;
				}
				
				header > .box_inner .global_nav ul li.pc:last-child{
					background-image:
						url(https://file003.shop-pro.jp/PA01461/163/header_nav_bar.png),
						url(https://file003.shop-pro.jp/PA01461/163/header_nav_bar.png);
					background-size:
						auto 100%,
						auto 100%;






					background-repeat:
						no-repeat,
						no-repeat;
					background-position:
						left top,
						right top;
				}
				
					header > .box_inner .global_nav ul.pc li a{
						box-sizing:border-box;
						display:flex;
						height:100%;
						padding:8px 16px 0 16px;
					}


/*----------contents----------*/
.contents{
	position:relative;
	top:0;
	left:0;
	z-index:1;
	background-image:url(https://file003.shop-pro.jp/PA01461/163/bg_about_header.png);
	background-position:center top 600px;
}

	.column_wrapper{
		width:1000px;
		margin:0 auto;
		display:flex;
		flex-direction:row-reverse;
		justify-content:space-between;
		padding-bottom:50px;
	}
	
		.column_wrapper img{
			max-width:100%;
			height:auto;
		}
	
		.column_wrapper .main_column{
			width:742px;
		}
		
		.column_wrapper .side_column{
			width:222px;
		}
		
			.side_nav_box{
				margin-bottom:2em;
			}
			
				.side_nav_box > dl{
					background:#fff;
					margin-bottom:1.5em;
					padding:1em 0.7em;
					border:2px solid #896451;
				}
				
				.side_nav_box > dl:last-child{
					margin-bottom:0;
				}
				
					.side_nav_box > dl > dt{
						height:20px;
						border-bottom:2px dotted #896451;
						padding-bottom:0.5em;
						margin-bottom:0.5em;
					}
					
						.side_nav_box > dl > dt img{
							max-width:auto;
							max-width:initial;
							width:auto;
							max-height:100%;
						}
					
					.side_nav_box > dl > dd{}
					
						.side_nav_box > dl > dd ul{
							line-height:1.4;
						}
						
							.side_nav_box > dl > dd ul li{
								border-bottom:1px solid #ddd;
								font-size:1.1em;
								font-weight:bold;
							}
							
							.side_nav_box > dl > dd ul li:last-child{
								border-bottom:none;
							}
							
								.side_nav_box > dl > dd ul li a{
									padding:0.6em 0.4em 0.6em 1.2em;
									display:block;
									color:#00a783;
									text-decoration:none;
									position:relative;
									transition:.3s all ease;
								}
								
								.side_nav_box > dl > dd ul li a:hover{
									background:rgba(137,100,81,0.1);
								}
								
									.side_nav_box > dl > dd ul li a:before{
										content:"";
										display:inline-block;
										width: 0;
										height: 0;
										border-style: solid;
										border-width: 5px 0 5px 6px;
										border-color: transparent transparent transparent #00a783;
										position:absolute;
										top:0.85em;
										left:0.4em;
									}
									
			.side_bn_box{}
			
				.side_bn_box ul{
					margin-bottom:1em;
				}
				
				.side_bn_box ul:last-child{
					margin-bottom:0;
				}
				
					.side_bn_box ul li{
						margin-bottom:0.8em;
					}
					
					.side_bn_box ul li:last-child{
						margin-bottom:0;
					}
					
						.side_bn_box ul li a{
							display:block;
							transition:.3s all ease;
						}
						
						.side_bn_box ul li a:hover{
							transform:scale(1.05,1.05);
							opacity:0.8;
						}
		
	/*共通ボックス*/
	.box_common_set{}
	
		.box_common_set > .box_header{
			margin-bottom:2em;
			display:flex;
			justify-content:center;
		}
		
			.box_common_set > .box_header h2{
				height:52px;
			}
			
			.box_common_set > .box_header h2 img{
				max-width: auto;
				max-width: initial;
				width:auto;
				max-height:100%;
			}
	


/*-----footer-----*/
footer{
	box-sizing:border-box;
	background-color:#fff;
	padding:40px 0 0 0;
	position:relative;
}

	footer:before{
		content:"";
		display:block;
		height:10px;
		width:100%;
		position:absolute;
		top:-10px;
		left:0;
		background-image:url(https://file003.shop-pro.jp/PA01461/163/bg_footer_top.png);
		background-size:auto 10px;
		background-position:center top;
	}

	.user_guide_box > .box_inner{
		width:950px;
		margin:0 auto;
		display:flex;
		justify-content:space-between;
	}
	
		.user_guide_box > .box_inner .user_guide_column{
			width:290px;
		}
		
			.user_guide_box > .box_inner .user_guide_column img{
				max-width:100%;
				height:auto;
			}
			
			.user_guide_box > .box_inner .user_guide_column dl{}
			
			
				.user_guide_box > .box_inner .user_guide_column dl dt{
					color:#652f17;
					font-size:1.1em;
					font-weight:bold;
					text-align:center;
					padding:0.7em 0;
					background-image:
						url(https://file003.shop-pro.jp/PA01461/163/fig_user_guide_top.png),
						url(https://file003.shop-pro.jp/PA01461/163/fig_user_guide_bottom.png);
					background-size:
						100% auto,
						100% auto;
					background-position:
						center top,
						center bottom;
					background-repeat:
						no-repeat,
						no-repeat;
					margin-bottom:1.4em;
				}
				
				.user_guide_box > .box_inner .user_guide_column dl dd{
					line-height:1.6;
					margin-bottom:2em;
					padding:0 0.3em;
					color:#652f17;
				}
				
				.user_guide_box > .box_inner .user_guide_column dl dd:last-child{
					margin-bottom:0;
				}
				
					.user_guide_box > .box_inner .user_guide_column dl dd p{
						margin-bottom:0.5em;
					}
				
					.user_guide_box > .box_inner .user_guide_column dl dd ul{
						margin-bottom:0.5em;
					}
					
						.user_guide_box > .box_inner .user_guide_column dl dd ul li{
							padding-left:1em;
							position:relative;
						}
						
							.user_guide_box > .box_inner .user_guide_column dl dd ul li:before{
								content:"・";
								position:absolute;
								top:0;
								left:0;
							}
							
					.user_guide_box > .box_inner .user_guide_column dl dd .more{
						text-align:right;
						margin-top:0.5em;
						line-height:1.4;
					}
					
						.user_guide_box > .box_inner .user_guide_column dl dd .more a{
							color:#652f17;
							text-decoration:none;
						}
						
						.user_guide_box > .box_inner .user_guide_column dl dd .more a:hover{
							text-decoration:underline;
						}
						
						.user_guide_box > .box_inner .user_guide_column dl dd .more:after{
							content:"";
							display:inline-block;
							width: 0;
							height: 0;
							border-style: solid;
							border-width: 5px 0 5px 8px;
							border-color: transparent transparent transparent #652f17;
							margin-left:0.5em;
						}
						
					.user_guide_box > .box_inner .user_guide_column dl dd .fig_guide{
						margin:0 auto 0.5em;
					}
					
					.user_guide_box > .box_inner .user_guide_column dl dd .fig_guide.fig_card{
						width:250px;
					}
					
					.user_guide_box > .box_inner .user_guide_column dl dd .fig_guide.fig_time{
						width:257px;
					}
						
						
						
	.shopinfo_f_nav_box{
		box-sizing:border-box;
		width:100%;
		height:229px;
		background-image:url(https://file003.shop-pro.jp/PA01461/163/bg_about_footer.png);
		background-position:center top;
		background-repeat:no-repeat;
		color:#fff;
		padding:65px 0 0 0;
		position:relative;
	}
	
		.shopinfo_f_nav_box > .box_inner{
			box-sizing:border-box;
			width:1000px;
			margin:0 auto;
			display:flex;
			justify-content:space-between;
			position:relative;
		}
	
		.shopinfo_f_nav_box img{
			max-width:100%;
			height:auto;
		}
	
		.shopinfo_box{
			padding-top:1em;
		}
		
			.shopinfo_box > .box_header{
				width:312px;
				margin-bottom:15px;
			}
			
			.shopinfo_box > .box_inner{
				line-height:1.5;
			}
			
				.shopinfo_box > .box_inner .contact_info{
					margin-bottom:1em;
				}
			
				.shopinfo_box > .box_inner dl{
					display:flex;
				}
				
					.shopinfo_box > .box_inner dl dt:after{
						content:":";
						margin:0 0.2em;
					}
					
					.shopinfo_box > .box_inner dl dd{
						margin-right:1em;
					}
					
					.shopinfo_box > .box_inner dl dd:last-child{
						margin-right:0;
					}
					
				.shopinfo_box > .box_inner .contact_form a{
					display:block;
					width:117px;
				}
					
		.f_nav_box{
			display:flex;
			line-height:1.4;
			justify-content:space-between;
			width:570px;
		}
		
			.f_nav_box ul{}
			
				.f_nav_box ul li{
					margin-bottom:0.5em;
					padding-left:1em;
					position:relative;
				}
				
				.f_nav_box ul li:last-child{
					margin-bottom:0;
				}
				
					.f_nav_box ul li:before{
						content:"";
						display:block;
						width:4px;
						height:4px;
						background:#fff;
						position:absolute;
						top:0.4em;
						left:0;
					}
				
					.f_nav_box ul li a{
						color:#fff;
						text-decoration:none;
					}
					
					.f_nav_box ul li a:hover{
						text-decoration:underline;
					}
					
		.f_qr_box{
			text-align:center;
		}
		
			.f_qr_box > p{
				font-size:0.8em;
				line-height:1.4;
				margin-top:0.5em;
			}
					
		.shopinfo_f_nav_box > .box_footer{
			width:100%;
			position:absolute;
			left:0;
			bottom:0;
		}
		
			.shopinfo_f_nav_box > .box_footer .copyright{
				margin:0 auto;
				width:1000px;
				text-align:right;
				padding-bottom:0.5em;
				font-size:0.9em;
			}



	/*ナビゲーション*/
	.side_nav{
		display:flex;
		justify-content:center;
		position:fixed;
		top:0;
		right:0;
		box-sizing:border-box;
		width:100vw;
		height:100vh;
		transition:.3s all ease;
		z-index:-1;
		opacity:0;
	}
	
	.side_nav.active{
		padding:160px 0 0 0;
		z-index:98;
		opacity:1;
		background:rgba(255,255,255,0.98);
	}
	
		.side_nav a{
			color:#111;
			text-decoration:none;
			display:inline-block;
			position:relative;
		}
	
		.side_nav_inner{
			width:900px;
			/*margin:0 auto 2em auto;*/
			line-height:1.6;
			display:flex;
			overflow:auto;
		}
	
			.side_global_nav_wrapper{
				display:flex;
				width:78%;
			}
		
				.side_global_nav_wrapper .side_global_nav:nth-child(1){
					width:57%;
				}
				
				.side_global_nav_wrapper .side_global_nav:nth-child(2){
					width:43%;
				}
					
						.side_global_nav > li{
							font-size:1.2em;
							position:relative;
							padding-left:1em;
							margin-bottom:0.8em;
						}
						
							.side_global_nav > li:before{
								content:"";
								display:block;
								height:0.8em;
								width:0;
								border-left:0.3em solid #004898;
								position:absolute;
								top:0.3em;
								left:0;
							}
							
							.side_global_nav > li.sgn_emergency:before{
								border-left:0.3em solid #c40026;
							}
							
							.side_global_nav > li > dl > dd{
								font-size:0.9em;
								margin-top:0.3em;
							}
							
								.side_global_nav > li > dl > dd > ul{}
								
								.side_global_nav > li > dl > dd > ul.two_column{
									display:flex;
									flex-wrap:wrap;
								}
								
									.side_global_nav > li > dl > dd > ul > li{
										box-sizing:border-box;
										padding-left:1em;
										position:relative;
										margin-bottom:0.6em;
									}
									
									.side_global_nav > li > dl > dd > ul.two_column > li{
										width:50%;
									}
									
										.side_global_nav > li > dl > dd > ul > li:before{
											font-family: FontAwesome;
											content:"\f105";
											position:absolute;
											top:0;
											left:0;
											color:#888;
											font-size:0.9em;
										}
										
										.side_global_nav > li a:hover,
										.side_global_nav > li > dl > dd > ul > li a:hover{
											color:#004898;
										}
										
										.side_global_nav > li a:before,
										.side_global_nav > li > dl > dd > ul > li a:before{
											position:absolute;
											bottom:0;
											left:0;
											content:"";
											display:block;
											width:100%;
											border-bottom:1px solid #004898;
											transition:.3s all ease;
											transform-origin:left bottom;
											transform:scaleX(0);
										}
										
										.side_global_nav > li a:hover:before,
										.side_global_nav > li > dl > dd > ul > li a:hover:before{
											transform:scaleX(1);
										}
			
			.side_target_nav_wrapper{
				width:22%;
			}
			
				.side_target_nav{
					margin-top:2em;
				}
				
					.side_target_nav > li{
						font-size: 1.2em;
						position: relative;
						padding-left: 1em;
						margin-bottom: 0.7em;
					}
					
						.side_target_nav > li:before{
							content: "";
							display: block;
							height: 0.8em;
							width: 0;
							border-left: 0.3em solid #01a283;
							position: absolute;
							top: 0.3em;
							left: 0;
						}
						
						.side_target_nav > li > a:hover{
							color:#00a283;
						}
						
							.side_target_nav > li a:before{
								position:absolute;
								bottom:0;
								left:0;
								content:"";
								display:block;
								width:100%;
								border-bottom:1px solid #00a283;
								transition:.3s all ease;
								transform-origin:left bottom;
								transform:scaleX(0);
							}
							
							.side_target_nav > li a:hover:before{
								transform:scaleX(1);
							}
							
/*トップ以外のページ共通*/
.topicpath{
	margin-bottom:2em;
}

	.topicpath li{
		display:inline-block;
		padding-right:0.8em;
		margin-right:0.4em;
		position:relative;
	}
	
	.topicpath li:after{
		content:"";
		display:inline-block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 3px 0 3px 4px;
		border-color: transparent transparent transparent #ccb5a8;
		position:absolute;
		top:0.2em;
		right:0;
	}
	
		.topicpath li:last-child{
			padding-right:0;
			margin-right:0;
		}
		
		.topicpath li:last-child:after{
			content:none;
		}
	
	.topicpath li:last-child{
		font-weight:bold;
	}
	
		.topicpath li a{
			color:#633017;
		}
		
		.topicpath li a:hover{
			text-decoration:underline;
		}
		
.content_title{
	border-bottom:2px solid #896451;
	padding:0.5em 0.5em 0.4em 0.5em;
	margin-bottom:2em;
}

	.content_title h2{
		font-size:1.6em;
		font-weight:bold;
		color:#333;
		line-height:1.2;
	}
	
.sort_nav{
	margin-bottom:1em;
}

	.sort_nav ul{
		display:flex;
		justify-content:flex-end;
	}
	
		.sort_nav ul li{
			font-weight:bold;
			padding:0.2em 0.8em;
			border-right:1px dotted #aaa;
		}
		
			.sort_nav ul li:last-child{
				border-right:1px dotted #aaa;
			}
		
		.sort_nav ul li a{
			font-weight:normal;
			color:#555;
		}

.products_list{
	padding:0 1em;
}

	.products_list > ul{
		display:flex;
		flex-wrap:wrap;
	}
	
		.products_list > ul > li{
			width:calc((100% - 2em) / 2);
			background:rgba(255,255,255,0.5);
			border-radius:4px;
			transition:.3s all ease;
			margin:0 2em 2em 0;
		}
		
		.products_list > ul > li:nth-child(even){
			margin:0 0 2em 0;
		}
		
		.products_list > ul > li:hover{
			opacity:0.8;
		}
		
		.products_list > ul > li a{
			display:block;
			color:#111;
			text-decoration:none;
			padding:1em;
		}
		
			.products_list > ul > li a .product_thumb,
			.products_list > ul > li a .product_name,
			.products_list > ul > li a .product_price{
				display:block;
			}
		
			.products_list > ul > li a .product_thumb{
				margin-bottom:1em;
				text-align:center;
			}
			
			.products_list > ul > li a .product_name{
				font-size:1.2em;
				margin-bottom:1em;
				line-height:1.4;
			}
			
			.products_list > ul > li a .product_price{
				text-align:center;
			}
			
	/*フリーページ系*/
	.freepage_box{
		background: rgba(255,255,255,0.7);
		border-radius: 10px;
		padding: 2em;
	}
	
		.freepage_box > .box_inner{
			line-height:1.6;
		}
		
			.freepage_box > .box_inner p{
				margin-bottom:1em;
			}
			
			.freepage_box > .box_inner ul{
				margin:1em 1em 1em 2em;
				list-style:disc;
			}
			
				.freepage_box > .box_inner ul li{
					margin-bottom:0.5em;
				}
	

/*ページトップ*/
.pagetop{
	width:60px;
	height:60px;
	position:fixed;
	bottom:30px;
	right:60px;
	z-index:10;
	transform:translateY(100px);
	transition:.3s all ease;
	opacity:0;
}

.pagetop.show{
	transform:translateY(0);
	opacity:1;
}

	.pagetop a{
		display:flex;
		justify-content:center;
		align-items:center;
		transition:.5s all ease;
		width:100%;
		height:100%;
		background:#633017;
		text-decoration:none;
		color:#fff;
		box-sizing:border-box;
		padding-top:13px;
	}
	
	.pagetop a:hover{
		transform:translateY(-5px);
		opacity:0.9;
	}
	
	.pagetop a:before{
		content:"";
		display:inline-block;
		width:20px;
		height:20px;
		box-sizing:border-box;
		border:3px solid #fff;
		border-right:none;
		border-bottom:none;
		transform:rotate(47deg) skewX(5deg);
		transition:.3s all ease;
	}
	


/*改行のPC,SPでの表示切替*/
br.pc,
img.pc,
span.pc{
	display:inline;
}

br.sp,
img.sp,
span.sp{
	display:none;
}

.ta_center{
	text-align:center;
}

/*1200px以下*/
@media screen and (max-width:1200px){}


/*ipad*/
@media screen and (max-width:1024px){}

/* スマホだけに適用するCSS */
@media screen and (min-width:1px) and (max-width:479px){
	body {
		min-width:initial;
		min-width:auto;
		overflow-y: scroll;
		font-size:3.6vw;
	}
	
	#container{
		min-width:initial;
		min-width:auto;
	}
	
	/*----------header----------*/
	header{
		border-top:1vw solid #00a784;
		margin-bottom:1em;
	}
	
		header > .box_header{
			width:100%;
			margin:0;
		}
		
			header > .box_header ul{
				font-size:1em;
				height:auto;
				transform:translateY(-1vw);
			}
			
				header > .box_header ul li{
					margin-right:1em;
					padding-top:1em;
				}
				
					header > .box_header ul li.cart_info a{
						width:30vw;
						height:10vw;
					}
					
						header > .box_header ul li.cart_info a .fig{
							width:4vw;
							margin-right:1vw;
						}
	
		header > .box_inner{
			width:100%;
			margin:0;
			display:block;
		}
		
			header > .box_inner .site_title{
				width:60%;
				margin:0 auto;
			}
			
				header > .box_inner .site_title a{
					align-items:center;
				}
			
				header > .box_inner .site_title h1 a .logo{
					width:40%;
				}
				
				header > .box_inner .site_title h1 a .lbl{
					width:60%;
				}
						
			header > .box_inner .global_nav{}
			
				header > .box_inner .global_nav ul.pc{
					display:none;
				}
			
				header > .box_inner .global_nav ul.sp{
					display:flex;
					justify-content:center;
				}
				
					header > .box_inner .global_nav ul.sp li{
						border-left:1px dashed #ba9f92;
					}
					
					header > .box_inner .global_nav ul.sp li:last-child{
						border-right:1px dashed #ba9f92;
					}
					
						header > .box_inner .global_nav ul.sp li a{
							line-height:1.4;
							font-weight:bold;
							color:#643017;
							text-align:center;
							display:block;
							padding:0.5em 0.75em;
							text-decoration:none;
						}
			
	
	/*----------contents----------*/
	.contents{
		background-position:center top 50vw;
		padding:1em 3vw 3em 3vw;
	}
	
		.column_wrapper{
			box-sizing:border-box;
			width:100%;
			margin:0;
			padding:0;
			display:block;
		}
		
			.column_wrapper .main_column{
				box-sizing:border-box;
				width:100%;
				margin-bottom:3em;
			}
			
			.column_wrapper .side_column{
				box-sizing:border-box;
				width:100%;
			}
			
				.side_nav_box{
					margin-bottom:2em;
				}
				
					.side_nav_box > dl{
						margin-bottom:1em;
					}
					
						.side_nav_box > dl > dt{
							height:5vw;
						}
						
							.side_nav_box > dl > dd ul li{
								font-size:1.05em;
							}
							
								.side_nav_box > dl > dd ul li a{
									padding:0.5em 0.4em 0.5em 1.2em;
								}
									
									.side_nav_box > dl > dd ul li a:before{
										top:0.8em;
										left:0.4em;
									}
										
				.side_bn_box{}
				
					.side_bn_box ul{
						margin-bottom:1em;
						display:flex;
						flex-wrap:wrap;
					}
					
					.side_bn_box ul:last-child{
						margin-bottom:0;
					}
					
						.side_bn_box ul li{
							width:calc((100% - 3vw) / 2);
							margin-right:3vw;
							margin-bottom:3vw;
						}
						
						.side_bn_box ul li:last-child{
							margin-bottom:3vw;
						}
						
						.side_bn_box ul li:nth-child(even){
							margin-right:0;
						}
			
		/*共通ボックス*/
		.box_common_set > .box_header{
			margin-bottom:1.5em;
		}
		
			.box_common_set > .box_header h2{
				height:12vw;
			}
		
	
	
	/*-----footer-----*/
	footer{
		padding:2em 0 0 0;
	}
	
		.user_guide_box > .box_inner{
			box-sizing:border-box;
			width:100%;
			margin:0;
			display:block;
			padding:4vw;
		}
		
			.user_guide_box > .box_inner .user_guide_column{
				width:auto;
			}
			
					.user_guide_box > .box_inner .user_guide_column dl dt{
						font-size:1em;
						margin-bottom:1em;
					}
					
					.user_guide_box > .box_inner .user_guide_column dl dd{
						font-size:0.9em;
						margin-bottom:1.5em;
						padding:0 0.3em;
					}
					
					.user_guide_box > .box_inner .user_guide_column dl dd:last-child{
						margin-bottom:1.5em;
					}
					
						.user_guide_box > .box_inner .user_guide_column dl dd .fig_guide.fig_card,
						.user_guide_box > .box_inner .user_guide_column dl dd .fig_guide.fig_time{
							width:80%;
						}
							
							
							
		.shopinfo_f_nav_box{
			height:auto;
			background-size:280% auto;
			padding:8vw 0 0 0;
		}
		
			.shopinfo_f_nav_box:before{
				content:"";
				display:block;
				width:100%;
				height:65%;
				position:absolute;
				left:0;
				bottom:0;
				z-index:1;
				background:#926e5d;
			}
		
			.shopinfo_f_nav_box > .box_inner{
				width:100%;
				margin:0;
				display:block;
				padding:0 5vw;
				z-index:2;
			}
		
			.shopinfo_box{
				padding-top:0;
				margin-bottom:1em;
			}
			
				.shopinfo_box > .box_header{
					width:80%;
					margin:0 auto 1em;
				}
				
				.shopinfo_box > .box_inner{
					text-align:center;
				}
				
					.shopinfo_box > .box_inner dl{
						display:flex;
						justify-content:center;
					}
						
					.shopinfo_box > .box_inner .contact_form a{
						display:block;
						width:40%;
						margin:0 auto;
					}
					
					.f_nav_box{
						font-size:0.85em;
						justify-content:center;
						margin-bottom:2em;
						width:100%;
					}
						
						.f_nav_box ul:first-child{
							margin-right:2em;
						}
						
						.f_qr_box{
							display:none;
						}
				
			.shopinfo_f_nav_box > .box_footer{
				position:relative;
				z-index:2;
			}
			
				.shopinfo_f_nav_box > .box_footer .copyright{
					margin:0;
					width:auto;
					text-align:center;
					font-size:0.8em;
					padding-bottom:1em;
				}
	
	
	
		/*ナビゲーション*/
		.side_nav{
			display:flex;
			justify-content:center;
			position:fixed;
			top:0;
			right:0;
			box-sizing:border-box;
			width:100vw;
			height:100vh;
			transition:.3s all ease;
			z-index:-1;
			opacity:0;
		}
		
		.side_nav.active{
			padding:160px 0 0 0;
			z-index:98;
			opacity:1;
			background:rgba(255,255,255,0.98);
		}
		
			.side_nav a{
				color:#111;
				text-decoration:none;
				display:inline-block;
				position:relative;
			}
		
			.side_nav_inner{
				width:900px;
				/*margin:0 auto 2em auto;*/
				line-height:1.6;
				display:flex;
				overflow:auto;
			}
		
				.side_global_nav_wrapper{
					display:flex;
					width:78%;
				}
			
					.side_global_nav_wrapper .side_global_nav:nth-child(1){
						width:57%;
					}
					
					.side_global_nav_wrapper .side_global_nav:nth-child(2){
						width:43%;
					}
						
							.side_global_nav > li{
								font-size:1.2em;
								position:relative;
								padding-left:1em;
								margin-bottom:0.8em;
							}
							
								.side_global_nav > li:before{
									content:"";
									display:block;
									height:0.8em;
									width:0;
									border-left:0.3em solid #004898;
									position:absolute;
									top:0.3em;
									left:0;
								}
								
								.side_global_nav > li.sgn_emergency:before{
									border-left:0.3em solid #c40026;
								}
								
								.side_global_nav > li > dl > dd{
									font-size:0.9em;
									margin-top:0.3em;
								}
								

									.side_global_nav > li > dl > dd > ul{}
									
									.side_global_nav > li > dl > dd > ul.two_column{
										display:flex;
										flex-wrap:wrap;
									}
									
										.side_global_nav > li > dl > dd > ul > li{
											box-sizing:border-box;
											padding-left:1em;
											position:relative;
											margin-bottom:0.6em;
										}
										
										.side_global_nav > li > dl > dd > ul.two_column > li{
											width:50%;

										}
										
											.side_global_nav > li > dl > dd > ul > li:before{
												font-family: FontAwesome;
												content:"\f105";
												position:absolute;
												top:0;
												left:0;
												color:#888;
												font-size:0.9em;
											}
											
											.side_global_nav > li a:hover,
											.side_global_nav > li > dl > dd > ul > li a:hover{
												color:#004898;
											}
											
											.side_global_nav > li a:before,
											.side_global_nav > li > dl > dd > ul > li a:before{
												position:absolute;
												bottom:0;
												left:0;
												content:"";
												display:block;
												width:100%;
												border-bottom:1px solid #004898;
												transition:.3s all ease;
												transform-origin:left bottom;
												transform:scaleX(0);
											}
											
											.side_global_nav > li a:hover:before,
											.side_global_nav > li > dl > dd > ul > li a:hover:before{
												transform:scaleX(1);
											}
				
				.side_target_nav_wrapper{
					width:22%;
				}
				
					.side_target_nav{
						margin-top:2em;
					}
					
						.side_target_nav > li{
							font-size: 1.2em;
							position: relative;
							padding-left: 1em;
							margin-bottom: 0.7em;
						}
						
							.side_target_nav > li:before{
								content: "";
								display: block;
								height: 0.8em;
								width: 0;
								border-left: 0.3em solid #01a283;
								position: absolute;
								top: 0.3em;
								left: 0;
							}
							
							.side_target_nav > li > a:hover{
								color:#00a283;
							}
							
								.side_target_nav > li a:before{
									position:absolute;
									bottom:0;
									left:0;
									content:"";
									display:block;
									width:100%;
									border-bottom:1px solid #00a283;
									transition:.3s all ease;
									transform-origin:left bottom;
									transform:scaleX(0);
								}
								
								.side_target_nav > li a:hover:before{
									transform:scaleX(1);
								}
								
	/*トップ以外のページ共通*/
	.topicpath{
		margin-bottom:2em;
	}
	
		.topicpath li{
			display:inline-block;
			padding-right:0.8em;
			margin-right:0.4em;
			position:relative;
		}
		
		.topicpath li:after{
			content:"";
			display:inline-block;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 3px 0 3px 4px;
			border-color: transparent transparent transparent #ccb5a8;
			position:absolute;
			top:0.2em;
			right:0;
		}
		
			.topicpath li:last-child{
				padding-right:0;
				margin-right:0;
			}
			
			.topicpath li:last-child:after{
				content:none;
			}
		
		.topicpath li:last-child{
			font-weight:bold;
		}
		
			.topicpath li a{
				color:#633017;
			}
			
			.topicpath li a:hover{
				text-decoration:underline;
			}
			
	.content_title{
		border-bottom:2px solid #896451;
		padding:0 0.5em 0.4em 0.5em;
		margin-bottom:2em;
	}
	
		.content_title h2{
			font-size:1.6em;
			font-weight:bold;
		}
		
	.sort_nav{
		margin-bottom:1em;
	}
	
		.sort_nav ul{
			display:flex;
			justify-content:flex-end;
		}
		
			.sort_nav ul li{
				font-weight:bold;
				padding:0.2em 0.8em;
				border-right:1px dotted #aaa;
			}
			
				.sort_nav ul li:last-child{
					border-right:1px dotted #aaa;
				}
			
			.sort_nav ul li a{
				font-weight:normal;
				color:#555;
			}
	
	.products_list{
		padding:0 1em;
	}
	
		.products_list > ul{
			display:block;
		}
		
			.products_list > ul > li{
				width:100%;
				margin:0 0 1em 0;
			}
			
			.products_list > ul > li:nth-child(even){
				margin:0 0 1em 0;
			}
			
			.products_list > ul > li a{
				display:flex;
				flex-wrap:wrap;
			}
			
				.products_list > ul > li a .product_thumb{
					width:30%;
					margin-bottom:0;
				}
				
				.products_list > ul > li a .product_name{
					box-sizing:border-box;
					width:70%;
					font-size:1.1em;
					margin-bottom:0;
					padding-left:3vw;
				}
				
				.products_list > ul > li a .product_price{
					width:100%;
					text-align:right;
					margin-top:0.5em;
				}
		
	
	/*ページトップ*/
	.pagetop{
		width:60px;
		height:60px;
		position:fixed;
		bottom:30px;
		right:60px;
		z-index:10;
		transform:translateY(100px);
		transition:.3s all ease;
		opacity:0;
	}
	
	.pagetop.show{
		transform:translateY(0);
		opacity:1;
	}
	
		.pagetop a{
			display:flex;

			justify-content:center;
			align-items:center;
			transition:.5s all ease;
			width:100%;
			height:100%;
			background:#633017;
			text-decoration:none;
			color:#fff;
			box-sizing:border-box;
			padding-top:13px;
		}
		
		.pagetop a:hover{
			transform:translateY(-5px);
			opacity:0.9;
		}
		
		.pagetop a:before{
			content:"";
			display:inline-block;
			width:20px;
			height:20px;
			box-sizing:border-box;
			border:3px solid #fff;
			border-right:none;
			border-bottom:none;
			transform:rotate(47deg) skewX(5deg);
			transition:.3s all ease;
		}
}

/* ##########印刷用########## */
@media print{
	#container{
		padding-top:0;
	}
	
	header{
		position:relative;
	}
}

/*
 * 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); }
}