/* visual */
.visual_area {overflow:hidden; position:relative;}
.vi_img {width:100%; height:420px; overflow:hidden; position:relative; }
.vi_img li {position:absolute; top:0; left:0; width:100%; height:auto; background-repeat:no-repeat; background-position:center;}
.vi_img li a { width:100%; height:420px; display:block; font-size:0;}

.visual_area .bt_control {width:60px; position:absolute; top:144px; right:50%; z-index:1; margin-right:-600px;}
.visual_area .bt_control a {display:block; width:60px; height:60px; margin:4px 0;}

.visual_area .bt_num_area {width:1200px; height:auto; margin:0 auto; position:absolute; bottom:24px; left:50%; margin-left:-600px; z-index:1;}
.visual_area .bt_num_area .vi_bt {overflow:hidden; width:100%; height:auto; text-align:right;}
.visual_area .bt_num_area .vi_bt li {display:inline-block; padding:0 3px;}

.m_visual_area {display: none;}


#main_contents {width:1200px; height:auto; margin:0 auto; overflow:hidden; box-sizing:border-box;}
	/* member banner + notice */
	.member_area {/* float:right; */ width:1200px; height:auto; margin-top:32px;}
	.member_area > p {float:left; width:627px; height:auto;}
	.member_area .member_mobile {display:none;}
	.member_area .main_notice {float:right; width:555px; height:187px; padding:20px; border:1px solid #d7d7d7; border-top:2px solid #000; box-sizing:border-box; position:relative;}
	.member_area .main_notice h3 {font-size:18px; letter-spacing:-0.05em;}
	.member_area .main_notice ul {width:100%; height:auto; margin-top:14px;}
	.member_area .main_notice ul li {width:100%; height:auto; border-top:1px solid #d7d7d7; position:relative;}
	.member_area .main_notice ul li:before {content:''; display:block; width:2px; height:2px; background-color:#000; position:absolute; top:46%; left:3px;}
	.member_area .main_notice ul li a {display:block; padding:10px; font-size:13px; color:#666; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; box-sizing:border-box;}
	.member_area .main_notice ul li a:hover {color:#000;}
	.member_area .main_notice .bt_more {display:block; width:24px; height:24px; padding:4px; position:absolute; top:16px; right:16px; font-size:0; box-sizing:border-box;}
	.member_area .main_notice .bt_more i {display:block; width:14px; height:14px; position:relative;}
	.member_area .main_notice .bt_more i:before, 
	.member_area .main_notice .bt_more i:after {content:''; height:2px; width:14px; display:block; background:#000; position:absolute; top:6px; left:0px;}
	.member_area .main_notice .bt_more i:after {height:14px; width:2px; top:0; left:6px;}

	/* category items */
	.category_items {float:left; width:100%; height:auto; margin-top:72px;}
	.category_items h3 {width:100%; height:auto; text-align:center; position:relative;}
	.category_items h3:before {content:''; display:block; width:100%; height:3px; background:url("../image/common/bg_bar.gif"); position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:-1;}
	.category_items h3 span {display:inline-block; background-color:#fff; font-size:22px; font-weight:bold; color:#000; letter-spacing:-0.06em; padding:0 12px;}

	.category_items .tabmn_m {width:100%; height:auto; display:-webkit-box; display:-ms-flexbox; display:flex; margin:32px 0;}
	.category_items .tabmn_m li {flex:1; width:100%; height:auto; text-align:center;}
	.category_items .tabmn_m li a {display:block; padding:14px 0; border:1px solid #d7d7d7; border-left:none; box-sizing:border-box;}
	.category_items .tabmn_m li a.on {color:#000; padding:13px 0; font-weight:600; border:1px solid #c30604; border-bottom-width:3px; color:#c30604;}
	.category_items .tabmn_m li:nth-child(1) a {border-left:1px solid #d7d7d7;}
	.category_items .tabmn_m li:nth-child(1) a.on {border-left:1px solid #c30604;}

	.category_items .product_area {}
	.category_items .product_area ul {display:-webkit-box; display:-ms-flexbox; display: flex;-ms-flex-wrap: wrap; flex-wrap:wrap; border-left:1px solid #ebebeb; border-top:1px solid #ebebeb;}
	.category_items .product_area ul li {height:280px; border: 1px solid #ebebeb; box-sizing: border-box; text-align: center; position: relative; flex-basis:20%; border-left:0; border-top:0;}
	.category_items .product_area ul li a {display:block; width:100%; height:100%; padding:20px 25px 0; box-sizing:border-box;}
	.category_items .product_area ul li a span {}
	.category_items .product_area ul li a strong {display:block; padding-top:40px; text-align:center; font-weight:normal;}
	.category_items .product_area ul li a:hover {text-decoration:none;}
	.category_items .product_area ul li a:hover strong {color:#c30604;}
	/* main banner */
	.main_banner {float:left; width:100%; height:auto; margin-top:72px;}
	.main_banner p {float:left; width:380px; height:auto;}
	.main_banner p:nth-child(2) {margin:0 30px;}
	.main_banner p img {max-width:100%;}

@media screen and (max-width: 1200px) {
	#main_contents {width:100%; height:auto; padding:0 18px;}
	/* member banner + notice */
	.member_area {width:100%;}
	.member_area > p {display:none;}
	.member_area .member_mobile {display:block; float:left; width:63%; height:187px; padding:24px; border:1px solid #d7d7d7; border-top:none; background:url("../image/main/bg_member_bn.png") 0 0 no-repeat; background-size:100%; box-sizing:border-box; position:relative;}
	.member_area .member_mobile:before {content:''; display:block; width:100%; height:4px; background:url("../image/main/bg_member_bar.png") repeat-x; position:absolute; top:0; left:0;}
	.member_area .member_mobile h3 {font-size:22px; color:#000; padding-bottom:14px;}
	.member_area .member_mobile h3 strong {font-size:inherit; font-weight:bold; color:inherit;}
	.member_area .member_mobile p {padding-top:4px;}
	.member_area .member_mobile ul {width:100%; height:auto; padding-top:14px;}
	.member_area .member_mobile ul li {display:inline-block; padding-right:32px; color:#000; font-size:16px;}
	.member_area .member_mobile ul li span {display:inline-block; color:#c30604; font-size:inherit; padding-left:14px;}
	
	.member_area .main_notice {width:35%;}
	/* category items */
	.category_items .product_area ul li {-webkit-box-flex:0 0 25%; -ms-flex:0 0 25%; flex:0 0 25%; height:auto;}
	.category_items .product_area ul li a span img {max-width:100%;}
	.category_items .product_area ul li a strong {padding:40px 0;}
	/* main banner */
	.main_banner p {width:31.33%;}
	.main_banner p:nth-child(2) {margin:0 3%;}
}
@media screen and (max-width: 1023px) {
	/* member banner + notice */
	.member_area .member_mobile {width:100%; height:auto; background-size:cover;}
	.member_area .member_mobile h3 {font-size:18px;}
	.member_area .main_notice {width:100%; margin-top:24px;}
	.member_area .main_notice h3 {font-size:16px; font-weight:bold;}
}
@media screen and (max-width:800px) {
	.visual_area {display: none;}
	.m_visual_area {display: block; position: relative; }
	.m_visual_area ul {width:100%;  position:relative; }
	.m_visual_area ul li {position: relative; width:100%; height:auto; background-size: cover; background-repeat: no-repeat;  background-position: center;}
	.m_visual_area ul li a { width:100%; display:block; font-size: 0;}
	.m_visual_area ul li img {width: 100%;}
	/* member banner + notice */
	.member_area .member_mobile ul li {display:block; padding-right:0; font-size:14px;}
	/* category items */
	.category_items {margin-top:48px;}
	.category_items h3 span {font-size:16px;}
	.category_items .tab_mobile {width:100%; overflow-y:scroll;}
	.category_items .tabmn_m {width:740px;}
	.category_items .tabmn_m li a {font-size:13px;}
	.category_items .product_area {}
	.category_items .product_area ul {border:none;}
	.category_items .product_area ul li {-webkit-box-flex:0 0 33%; -ms-flex:0 0 33%; flex:0 0 33%; border:none;}
	.category_items .product_area ul li a {padding:0 14px;}
	.category_items .product_area ul li a strong {font-size:13px; padding-top:24px;}
	/* main banner */
	.main_banner p {width:100%; text-align: center;}
	.main_banner p:nth-child(2) {margin:14px 0;}
}

@media screen and (max-width:540px) { 
	.category_items .product_area ul li {-webkit-box-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; border:none;}
}