@charset "UTF-8";

@media (max-width: 600px) {
	.left_bar {display: none;}
}

/*　左カラム　会員ログイン　*/
.left_member {
	margin-bottom: 30px;
	padding: 25px 30px;
	background: #fff;
	border: 1px solid #63371b;
}
.member_button {
	padding: 0 10px;
}
.left_member h3 {
	margin-bottom: 10px;
	font-size: clamp(0.875rem, 1.39vw, 1.25rem);
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: -0.05em;
	text-align: center;
}
.left_member h3 span {
	margin-top: 5px;
	font-size: 80%;
	font-weight: normal;
}
.left_member .member_button a {
	width: 100%;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #f7f5f3;
	border: 1px solid #63371b;
	display: block;
}
.left_member .member_button span {
	font-size: 12px;
}
.left_member .member_merit {
	font-size: 15px;
	text-align: center;
}
.left_member .member_merit a {
	text-decoration: underline;
}
@media (min-width: 582px) and (max-width: 768px) {
	.left_member {
		padding: 20px 15px !important;
	}
/*	.left_member h3 {
		font-size: 14px !important;
	}
*/
	.left_member .member_button a {
		font-size: 12px;
	}
	.left_member .member_button span {
		font-size: 10px;
	}
	.left_member .member_merit {
		font-size: 12px;
	}
}

/* レフトバートップバナー */
.left_banner {
	margin-bottom: 15px;
}
.left_banner img {
	margin-bottom: 15px;
}
.left_banner h3 {
	margin-bottom: -1px;
}
.left_banner h3 img {
	margin-bottom: 0;
}
.left_banner a:hover {
	opacity: .7;
}

/*　左カラム　カテゴリー　*/
.category_left {
	width: 100%;
	margin-bottom: 30px;
}
.category_left h3 {
	padding: 20px 0;
	font-size: clamp(1.25rem, 1.089rem + 0.335vw, 1.625rem);
	font-weight: bold;
	color: #fff;
	background: #63371b;
	text-align: center;
}

.leftnavi li {
	margin-top: -1px;
	list-style: none;
	position: relative;
}
.leftnavi li a {
	background: #fffadf;
	border: 1px solid #b9a598;
	display: block;
	height: 2rem;
	line-height: 1;
	text-align: left;
	text-decoration: none;
	width: 100%;
}
.leftnavi li ul {
	left: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
	z-index: 99999;
}
.leftnavi li li {
	height: 0;
	overflow: hidden;
	transition: .5s;
}
.leftnavi li li a {
	padding: 10px;
	font-size: 18px;
	text-align: left;
	border: none;
}
/*
.leftnavi li:hover > ul {
	padding: 10px 0;
}
*/
.leftnavi li:hover > ul > li {
	height: auto;
	overflow: visible;
}
.leftnavi li:hover > ul > li a {
	height: auto;
	padding: 10px;
}
.leftnavi li:hover {
    color: rgb(204, 0, 0);
}

/*カテゴリー*/
.category_left .leftnavi li p {
	padding: 10px 25px;
	font-size: clamp(1rem, 0.7585rem + 0.5025vw, 1.5625rem);
	font-weight: bold;
	background: #fffadf;
	border: 1px solid #b9a598;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.category_left .leftnavi li p span {
	width: 55px;
	margin-right: 20px;
	text-align: center;
	display: block;
}
.category_left .leftnavi li p.open_title03,
.category_left .leftnavi li p.open_title11,
.category_left .leftnavi li p.open_title2_03 {
	font-size: clamp(0.875rem, 0.714rem + 0.335vw, 1.25rem);
}
.category_left .leftnavi li p.open_title04,
.category_left .leftnavi li p.open_title05,
.category_left .leftnavi li p.open_title06,
.category_left .leftnavi li p.open_title12,
.category_left .leftnavi li p.open_title2_04 {
	font-size: clamp(0.8125rem, 0.6515rem + 0.335vw, 1.1875rem);
}
.category_left .leftnavi li p {
	height: 63.5px;
}
.category_left._03 .leftnavi li p {
	height: 100px;
	text-align: left;
	line-height: 1.2;
}
.category_left .leftnavi li.no_child p {
	padding: 10px 25px;
}
.category_left .leftnavi li.no_child a {
	height: auto;
	border: none;
}
@media screen and (max-width: 1024px) {
	.left_member {
		padding: 25px 20px;
	}
	.member_button {
		padding: 0;
	}
	.category_left h3 {
		padding: 15px;
/*		font-size: 18px;*/
	}
	.category_left .leftnavi li p {
		padding: 10px 15px;
/*		font-size: 16px;*/
	}
/*	.category_left .leftnavi li p.open_title03,
	.category_left .leftnavi li p.open_title2_03{
		font-size: 14px;
	}
	.category_left .leftnavi li p.open_title04,
	.category_left .leftnavi li p.open_title05,
	.category_left .leftnavi li p.open_title06,
	.category_left .leftnavi li p.open_title2_04 {
		font-size: 14px;
	}
	.leftnavi li li a {
		font-size: 15px;
	}*/
	.category_left .leftnavi li.no_child p {
		padding: 10px 15px;
	}
	.category_left._03 .leftnavi li p {
	    height: 80px;
	}
}
@media screen and (max-width: 940px) {
/*	.left_member h3 {
		font-size: 18px;
	}
*/
	.left_member .member_button span {
		margin-top: 5px;
		display: block;
	}
}
@media screen and (min-width: 582px) and (max-width: 768px) {
	.category_left h3 {
		padding: 15px;
		font-size: 14px;
	}
	.category_left .leftnavi li p {
		font-size: 13px;
	}
	.category_left .leftnavi li p.open_title03,
	.category_left .leftnavi li p.open_title2_03{
		font-size: 13px;
	}
	.category_left .leftnavi li p.open_title04,
	.category_left .leftnavi li p.open_title05,
	.category_left .leftnavi li p.open_title06,
	.category_left .leftnavi li p.open_title2_04 {
		font-size: 13px;
	}
	.category_left .leftnavi li p span {
		width: 35px;
		margin-right: 10px;
	}
	.category_left .leftnavi li p {
		height: 58px;
		text-align: left;
	}
	.category_left .leftnavi li p,
	.category_left .leftnavi li.no_child p {
		padding: 5px 10px;
	}
	.leftnavi li li a {
		font-size: 12px;
	}
}


/* カテゴリ出し分け */
.category_left.pottery .category_open_title.pottery,.category_left.pottery .category_close_menu.pottery,.category_left.printing .category_open_title.printing,.category_left.printing .category_close_menu.printing,.category_left.craft .category_open_title.craft,.category_left.craft .category_close_menu.craft,.category_left.lightcraft .category_open_title.lightcraft,.category_left.lightcraft .category_close_menu.lightcraft,.category_left.woodcraft .category_open_title.woodcraft,.category_left.woodcraft .category_close_menu.woodcraft,.category_left.leathercraft .category_open_title.leathercraft,.category_left.leathercraft .category_close_menu.leathercraft,.category_left.claycarving .category_open_title.claycarving,.category_left.claycarving .category_close_menu.claycarving,.category_left.cloisonne .category_open_title.cloisonne,.category_left.cloisonne .category_close_menu.cloisonne,.category_left.glasscraft .category_open_title.glasscraft,.category_left.glasscraft .category_close_menu.glasscraft,.category_left.metalcarving .category_open_title.metalcarving,.category_left.metalcarving .category_close_menu.metalcarving{
	display: none; /*正規メニュー条件で非表示*/
}
.category_open_title_opened,.category_close_menu_opened{
	display: none; /*openedのデフォ非表示*/
}
.category_left.pottery .category_open_title_opened.pottery,.category_left.pottery .category_close_menu_opened.pottery,.category_left.printing .category_open_title_opened.printing,.category_left.printing .category_close_menu_opened.printing,.category_left.craft .category_open_title_opened.craft,.category_left.craft .category_close_menu_opened.craft,.category_left.lightcraft .category_open_title_opened.lightcraft,.category_left.lightcraft .category_close_menu_opened.lightcraft,.category_left.woodcraft .category_open_title_opened.woodcraft,.category_left.woodcraft .category_close_menu_opened.woodcraft,.category_left.leathercraft .category_open_title_opened.leathercraft,.category_left.leathercraft .category_close_menu_opened.leathercraft,.category_left.claycarving .category_open_title_opened.claycarving,.category_left.claycarving .category_close_menu_opened.claycarving,.category_left.cloisonne .category_open_title_opened.cloisonne,.category_left.cloisonne .category_close_menu_opened.cloisonne,.category_left.glasscraft .category_open_title_opened.glasscraft,.category_left.glasscraft .category_close_menu_opened.glasscraft,.category_left.metalcarving .category_open_title_opened.metalcarving,.category_left.metalcarving .category_close_menu_opened.metalcarving{
	display: block; /*opened条件で表示*/
}