@charset "utf-8";
/* ##### for products category common ##### */

/* ##### products local-menu ##### */
.local-menu-area-wrap{
	margin:10px 0 24px 0;
	background-color:#f4f4f4;
}
@media (max-width: 640px) {		/* For Smart-phone */
/*	.local-menu-area-wrap{margin:-12px 0 12px 0;}	*/
	.local-menu-area-wrap{padding:0px; border:none;}	/*border:solid #dddddd 1px;*/
	
}

.local-menu-area{
	background-color:#f4f4f4;
	padding:6px;
/*	border-top:solid #cccccc 1px;
	border-bottom:solid #dddddd 1px;
*/
	border:solid #dddddd 1px;
}
@media (max-width: 640px) {		/* For Smart-phone */
	.local-menu-area{padding:4px;}
}

.local-menu-area .local-menu {
	width:100%;
	padding:0;
	margin:0;
	list-style-type: none;
}
.local-menu-area .local-menu li {
	float:left;
	padding:6px 3px;
	margin:0;
	text-align:left;
}
.local-menu-area .local-menu li.extra-button {
	width:auto;
}
.local-menu-area .local-menu li.extra-button .notice {
	font-size:0.8em;
}

.local-menu-area .local-menu li a {
	width:auto;
	color:#000;
	font-size:13px;
	font-weight:normal;
/*	text-shadow:0 -1px 0px #333,0 1px 0px #555;	*/
	padding:14px 16px 14px 22px;
	text-decoration:none;
	white-space:nowrap;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background:#fcfcfc;
	background:url(/services/common/img/menu-arrow.gif) no-repeat 8px center, linear-gradient(top, #fff 50%, #f5f5f5 50%, #f5f5f5 100%);
	background:url(/services/common/img/menu-arrow.gif) no-repeat 8px center, -ms-linear-gradient(top, #fff 50%, #f5f5f5 50%, #f5f5f5 100%);
	background:url(/services/common/img/menu-arrow.gif) no-repeat 8px center, -moz-linear-gradient(top, #fff 50%, #f5f5f5 50%, #f5f5f5 100%);
	background:url(/services/common/img/menu-arrow.gif) no-repeat 8px center, -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #fff), color-stop(0.5, #f5f5f5), color-stop(1, #f5f5f5));
	border:solid #cccccc 1px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 0px 1px 1px #ccc;
	-moz-box-shadow: 0px 1px 1px #ccc;
	-webkit-box-shadow: 0px 1px 1px #ccc;
}
.local-menu-area .local-menu li a { background-color:#fcfcfc\9; background:url(/services/common/img/menu-arrow.gif)\9 no-repeat\9 8px\9 center\9 #fcfcfc\9; } /* Hack for only ie8 */
*+html .local-menu-area .local-menu li a { background-color:#fcfcfc; background:url(/services/common/img/menu-arrow.gif) no-repeat 8px center #fcfcfc; } /* Hack for only ie7 */
* html .local-menu-area .local-menu li a { background-color:#fcfcfc; background:url(/services/common/img/menu-arrow.gif) no-repeat 8px center #fcfcfc; } /* Hack for only ie6 */
.local-menu-area .local-menu li a:not(:target){ background-color:#fcfcfc\9; background:url(/services/common/img/menu-arrow.gif) no-repeat 8px center #fcfcfc\9; } /* Hack for only ie9,10 */
.local-menu-area .local-menu li a:hover {
	background:#edf7ff;
	background:url(/services/common/img/menu-arrow.gif) no-repeat 8px center, linear-gradient(top, #fff 50%, #fcfcfc 50%, #edf7ff 100%);
	background:url(/services/common/img/menu-arrow.gif) no-repeat 8px center, -ms-linear-gradient(top, #fff 50%, #fcfcfc 50%, #edf7ff 100%);
	background:url(/services/common/img/menu-arrow.gif) no-repeat 8px center, -moz-linear-gradient(top, #fff 50%, #fcfcfc 50%, #edf7ff 100%);
	background:url(/services/common/img/menu-arrow.gif) no-repeat 8px center, -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fff), color-stop(0.5, #fcfcfc), color-stop(0.5, #edf7ff));
}
* html .local-menu-area .local-menu li a:hover { color:#000000; background-color:#edf7ff; background:url(/services/common/img/menu-arrow.gif) no-repeat 8px center #edf7ff; } /* Hack for only ie6 */
*+html .local-menu-area .local-menu li a:hover { color:#000000; background-color:#edf7ff; background:url(/services/common/img/menu-arrow.gif) no-repeat 8px center #edf7ff; } /* Hack for only ie7 */
.local-menu-area .local-menu li a:hover { color:#000000; background-color:#edf7ff; background:url(/services/common/img/menu-arrow.gif) no-repeat 8px center #edf7ff; } /* Hack for only ie8 */

.local-menu-area .local-menu li a.currentbtn, .local-menu-area .local-menu li a.currentbtn:hover {
	color:#ffffff;
	background:#0068b6 url(/services/common/img/menu-arrow-w.gif) no-repeat 6px center;
/*	background-image: linear-gradient(top, #fff 0%, #fcfcfc 50%, #fcfcfc 100%);
	background-image: -moz-linear-gradient(top, #fff 0%, #fcfcfc 50%, #fcfcfc 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.50, #fcfcfc), color-stop(1, #fcfcfc));
*/
}
/* == For Responsive Start ============================= */
@media (max-width: 640px) {
	.local-menu-area .local-menu {display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }/* Add 20170518 flexbox */
	.local-menu-area .local-menu li { float:none; display:-webkit-flex; display:flex; }/* Add 20170518 flexbox */
	.local-menu-area .local-menu li { width:49.4%; padding:2px;}
	.local-menu-area .local-menu li.extra-button { width:100%;}
	.local-menu-area .local-menu li a { width:100%; text-align:center;}
	.local-menu-area .local-menu li a { white-space:normal; display: -webkit-flex; display: flex; 
		-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
		align-items: center; /* 縦方向中央揃え */
		-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
		justify-content: center; /* 横方向中央揃え */
	}/* Add 20170518 flexbox */
	.local-menu-area .local-menu li a, .local-menu-area .local-menu li a:hover  { background-image:none; padding:6px; background-color:#ffffff; background-image:none; width:100%}
	.local-menu-area .local-menu li a.currentbtn, .local-menu-area .local-menu li a.currentbtn:hover {background-image:none;}
}
/* == For Responsive End ============================= */
/* ### End products local-menu ### */

/* ##### products local-menu-area-sub ##### */
.local-menu-area-sub{
	padding:0px 6px 9px 4px;	/*0px 6px 0px*/
	border-top:0;
	border-right:solid #dddddd 1px;
	border-left:solid #dddddd 1px;
	border-bottom:solid #cccccc 1px;
	margin:-2px 0 0 0;
	background:#fefefe;
}

.local-menu-area-sub .local-menu {
	width:100%;;
	padding:0;
	margin:0;
	list-style-type: none;
}

.local-menu-area-sub .local-menu li {
	float:left;
	padding:8px 4px 0 4px;
	margin:0 0 -1px;
	text-align:left;
	font-weight: bold;
}

.local-menu-area-sub .local-menu li a {
	width:auto;
	font-size:13px;
/*	font-weight:bold;	*/
	padding:10px 16px 8px 22px;
	text-decoration:none;
	white-space:nowrap;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
	border-bottom:solid #cccccc 1px;
	background:#f4f4f4;
	background:url(/services/common/img/menu-arrow.gif) no-repeat 8px center;
/*	background:url(/services/common/img/menu-arrow.gif) no-repeat 7px center;	*/
	box-shadow:0px 1px 2px 0px rgba(0,0,0,0.25);
}
* html .local-menu-area-sub .local-menu li a { background-color:#ffffff; background-image:url(/services/common/img/menu-arrow.gif) no-repeat 8px center; } /* Hack for only ie6 */
*+html .local-menu-area-sub .local-menu li a { background-color:#ffffff; background-image:url(/services/common/img/menu-arrow.gif) no-repeat 8px center; } /* Hack for only ie7 */
.local-menu-area-sub .local-menu li a { background-color:#ffffff; background-image:url(/services/common/img/menu-arrow.gif) no-repeat 8px center; } /* Hack for only ie8 */
.local-menu-area-sub .local-menu li a:hover {
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
	border-bottom:solid #cccccc 1px;
	text-decoration:underline;
	background:#ffffff;
	background:url(/services/common/img/menu-arrow.gif) no-repeat 8px center;
}
* html .local-menu-area-sub .local-menu li a:hover { text-decoration:underline; background-color:#ffffff; background:url(/services/common/img/menu-arrow.gif) no-repeat 8px center #ffffff; } /* Hack for only ie6 */
*+html .local-menu-area-sub .local-menu li a:hover { text-decoration:underline; background-color:#ffffff; background:url(/services/common/img/menu-arrow.gif) no-repeat 8px center #ffffff; } /* Hack for only ie7 */
.local-menu-area-sub .local-menu li a:hover { text-decoration:underline; background-color:#ffffff; background:url(/services/common/img/menu-arrow.gif) no-repeat 8px center #ffffff; } /* Hack for only ie8 */
.local-menu-area-sub .local-menu li a.currentbtn, .local-menu-area-sub .local-menu li a.currentbtn:hover {
	color:#555555;
/*	font-weight:bold;	*/
	background:#f4f4f4 url(/services/common/img/menu-arrow_under.gif) no-repeat 8px center;
	cursor:default;
	text-decoration:none;
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;		/*1px 1px 0 1px*/
/*	border-bottom:solid #ffffff 1px;	*/
	box-shadow:0 0 0 rgba(0,0,0,0);
}

.local-menu-area-sub-bottom .local-menu li a.currentbtn, .local-menu-area-sub-bottom .local-menu li a.currentbtn:hover {
	border:solid #cccccc 1px;
}

.local-menu-area-wrap div.local-menu-area-sub-switch{
	display:none;
}

@media (min-width: 641px) {		/* For local-menu-area-sub toggle operation */
		.local-menu-area-sub .collapse {
		display:block;
	}
}

/* == For Responsive Start ============================= */
@media (max-width: 640px) {

	.local-menu-area-sub {background-color:#f4f4f4; padding:0 8px 0 8px;}	/*padding:8px 8px 10px 8px;*/

	.local-menu-area-sub .local-menu li {float:none; background-color:#f4f4f4; padding:0; font-weight:normal;}
	.local-menu-area-sub .local-menu li a	{white-space:normal; width:100%;display:block; border-style: dashed; border-width:1px 0 1px 0; box-shadow:none; background-color:#f4f4f4; height:100%; font-size:0.9rem; background-image:none; padding:10px 6px; vertical-align:middle;}

	.local-menu-area-sub .local-menu li a.currentbtn {border-style:dashed; background-image:none; border-width:1px 0 1px 0;}
	.local-menu-area-sub .local-menu li a.currentbtn:hover {background-image:none; border-width:1px 0 1px 0; }
	.local-menu-area-sub .local-menu li a:hover	{background-image:none; text-decoration:none; background-color:#ffffff;border-width:1px 0 1px 0;}

.local-menu-area-wrap div.local-menu-area-sub-switch{
	display:block;
	text-align:center;
	font-weight:500;
	color:#ffffff;
}
.local-menu-area-wrap div.local-menu-area-sub-switch button {
	vertical-align:middle;
	background-color:#0068B6;		/*20180808 #f4f4f4 */
	border:none; text-align:center;width:100%;
	border-radius:0px 0px 12px 12px ;
	-moz-border-radius:0px 0px 12px 12px ;
	-webkit-border-radius:0px 0px 12px 12px ;
	box-shadow:0px 2px 4px 0px #bbbbbb;
	-moz-box-shadow:0px 2px 4px 0px #bbbbbb;
	-webkit-box-shadow:0px 2px 4px 0px #bbbbbb;
}
.local-menu-area-wrap div.local-menu-area-sub-switch button:after{content:"[-]";}
.local-menu-area-wrap div.local-menu-area-sub-switch button.collapsed:after{content:"[+]";}

}

/* ### End products local-menu-area-sub ### */


/* Product Category List
====================================================== */
.product-cat-list{}
.product-cat-list_img{}
.product-cat-list_img img{margin-bottom:15px;}
.product-cat-list h5{ font-size:16px; font-size:1rem; color:#000000;}
.product-cat-list p.product-cat-list_desc{ color:#000000; font-size:14px; font-size:0.875rem;}
@media (max-width: 768px) {			/* For Smart Phone */
.product-cat-list_img img{margin-bottom:5px;}
.product-cat-list h5{ margin-top:10px;margin-bottom:0px; font-size:19.2px; font-size:1.2rem;}
.product-cat-list div.row {border-bottom:solid #cccccc 1px; margin-left:5px; margin-right:5px;} /*  display:table; */
}
@media (max-width: 480px) {			/* For Smart Phone */
.product-cat-list_img{text-align:center;}
.product-cat-list_img img{margin-bottom:5px; margin-left:auto; margin-right:auto;}
}
/* End Product List
====================================================== */


/* Catalog Area
====================================================== */
.products_1col-catalog { }
.products_1col-catalog .container-fluid { max-width:960px; margin-top:80px; margin-bottom:80px; margin-left:auto; margin-right:auto;}
.products_1col-catalog .container-fluid .products_1col-catalog-inner { display:table;}
.products_1col-catalog .container-fluid .products_1col-catalog-inner div { display:table-cell;vertical-align:top; padding:0 8px;}
.products_1col-catalog .container-fluid .products_1col-catalog-inner img { width:80px; height:auto; border:solid #d0d0d0 1px;}
.products_1col-catalog .container-fluid .products_1col-catalog-inner .text_catalog:after { 
	content: "WEBカタログを見る";
	font-size:1em;
	font-size:.8rem;
	word-spacing:1em;
	word-spacing:1rem;
	border-radius:.3em;
	border-radius:.3rem;
	border:solid #0068B6 1px;
	-webkit-border-radius:.3rem;
	-webkit-border-radius:.3rem;
	-moz-border-radius:.3rem;
	-moz-border-radius:.3rem;
	background-image:url(/share1/images/icon_blank.gif);
	background-repeat:no-repeat;
	background-position: top 50% right .9em;
	color:#0068B6 !important;	/*#ffffff*/
	background-color:#ffffff;	/*#0068B6*/
	display:inline-block;
	padding:.4em 1.9em .4em .7em;
	padding:.4rem 1.9rem .4rem .7rem;
	margin-top:0.4em;
	transition: all 0.2s ease 0s;
}
.products_1col-catalog .container-fluid .products_1col-catalog-inner:hover .text_catalog:after{
	color:#ffffff !important;
	background-color:#0068B6;}
/* Catalog Area End
====================================================== */


/* Common Parts
====================================================== */
.btn_product-detail {
	display:inline-block;
	border:solid #cccccc 1px;
	padding:6px 20px 6px 24px;
	background:url(/common/images/icon_link02.gif) no-repeat 12px 50% #f4f4f4;
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px 0;
}
.btn_product-detail:hover {
	border:solid #0068B6 1px;
	}
/* Common Parts End
====================================================== */





/* == Media Query Start =============================
================================================== */

@media (min-width: 960px) {
}
@media (min-width: 768px) {
}
@media (max-width: 768px) {			/* For Tablet */
}
@media (min-width: 640px) {
}
@media (max-width: 640px) {			/* For Smart Phone */

}
/* == Media Query End =============================
================================================== */


/* Catalog Area
====================================================== */
.products_1col-catalog .container-fluid .products_1col-catalog-inner .text_catalog:after { 
	content: "WEBカタログを見る";
	font-size:1em;
	font-size:.8rem;
	word-spacing:1em;
	word-spacing:1rem;
	border-radius:.3em;
	border-radius:.3rem;
	border:solid #0068B6 1px;
	-webkit-border-radius:.3rem;
	-webkit-border-radius:.3rem;
	-moz-border-radius:.3rem;
	-moz-border-radius:.3rem;
	background-image:url(/share1/images/icon_blank.gif);
	background-repeat:no-repeat;
	background-position: top 50% right .9em;
	color:#0068B6 !important;	/*#ffffff*/
	background-color:#ffffff;	/*#0068B6*/
	display:inline-block;
	padding:.4em 1.9em .4em .7em;
	padding:.4rem 1.9rem .4rem .7rem;
}




/* Catalog Area End
====================================================== */