﻿@charset "utf-8";

/* CSS Document */

/* 共通 */
#M_ctgList1 ul,#M_ctgList2 ul,#M_ctgList3 ul{
	margin:0;
	padding:0;	
}
#M_ctgList1 li,#M_ctgList2 li,#M_ctgList3 li{
	margin:0;
	padding:0;
	list-style:none;
	line-height:1.4;
	text-align:left;
}

/* ctgList1 */
#M_ctgList1 a:link.M_currentAnchor,
#M_ctgList1 a:visited.M_currentAnchor,
#M_ctgList1 a:active.M_currentAnchor{
	font-weight:bold;
	text-decoration:underline;
}
#M_ctgList1 li ul{
	margin-left:10px;
}
#M_ctgList1 .M_current{
	background:url(/images/common/arrow_down.png) no-repeat left top;
	padding-left:10px;
}
#M_ctgList1 .M_currentParent{
	background:url(/images/common/arrow.png) no-repeat left top;
	padding-left:10px;
}
#M_ctgList1 .M_currentParent ul{
	margin-left:-10px;	
}
#M_ctgList1 .M_current ul{
	margin-left:10px;
}
#M_ctgList1 .M_current li{
	background:url(/images/common/arrow.png) no-repeat left top;
	padding-left:10px;
}
#M_ctgList1 a:link,
#M_ctgList1 a:visited,
#M_ctgList1 a:active{
	text-decoration:none;
}
#M_ctgList1 a:hover{
	text-decoration:underline;
}

/* ctgList2 */
#M_ctgList2 li{
	background:url(/images/common/arrow.png) no-repeat left top;
}
#M_ctgList2 a:link.M_currentAnchor,
#M_ctgList2 a:visited.M_currentAnchor,
#M_ctgList2 a:active.M_currentAnchor{
	font-weight:bold;
	text-decoration:underline;	
}
#M_ctgList2 a:link,
#M_ctgList2 a:visited,
#M_ctgList2 a:active{
	text-decoration:none;
}
#M_ctgList2 a:hover{
	text-decoration:underline;
}

/* ctgList3 */
#M_ctgList3 li span,
#M_ctgList3 .M_childOpen ul span{
	padding-left:10px;
}
#M_ctgList3 .M_hasChild span{
	background:url(/images/common/arrow.png) no-repeat left top;
}
#M_ctgList3 .M_currentParent ul{
	padding-left:10px;
}
#M_ctgList3 .M_childOpen span{
	background:url(/images/common/arrow_down.png) no-repeat left top;
}
#M_ctgList3 .M_childOpen li span{
	background:url(/images/common/arrow.png) no-repeat left top;
}
#M_ctgList3 .M_childOpen ul{
    display: block;
}
#M_ctgList3 .M_childClose ul{
    display: none;
}
#M_ctgList3 a:link.M_currentAnchor,
#M_ctgList3 a:visited.M_currentAnchor,
#M_ctgList3 a:active.M_currentAnchor{
	font-weight:bold;
	text-decoration:underline;	
}
#M_ctgList3 a:link,
#M_ctgList3 a:visited,
#M_ctgList3 a:active{
	text-decoration:none;
}
#M_ctgList3 a:hover{
	text-decoration:underline;
}
#M_ctgList3 li span.M_itemCnt{
	background:none;	
	padding:0;
	font-size: 90%;
	background:none;
}









#left-menu .left-category ul.M_layer3>li>a {
    display: block;
    padding: 14px 0;
}
#M_ctgList2 .M_layer1>li{
	padding: 0;
}
#left-menu .left-category .M_layer2 ul.M_layer3>li{
	padding: 0;
	padding-left: 5px;
}

/* 矢印なしリスト */
#left-menu .left-category ul.M_layer3.no-arr-list li a{
	padding: 14px 0;
	background: none;
}


#left-menu .left-category ul.M_layer3>li>a {
	background-image: url(../images/common/ico_arrow_cat.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 14px 20px;
}
#left-menu .left-category ul.M_layer3>li>a.active {
	background-image: url(../images/common/ico_arrow_cat_active.png);
}

#left-menu .left-category ul.M_layer4 {
	display: none;
}

#left-menu .left-category ul.M_layer5>li>a {
	padding: 14px 10px;
	background: #f5f5f5;
	font-size: 1.3rem;
}




/*  カテゴリーページ　　商品一覧タイトル
-------------------------------------------- */

#cate-product_list {
    border-top: 1px solid #7c7c7c;
    border-bottom: 1px solid #7c7c7c;
    text-align: left;
    color: #fff;
    background-color: #666666;
    padding: 10px 10px;
    margin: 30px 0 15px 0;
    font-size: 18px;
}


/* --------------------------------------------------------------------------------
見出し
-------------------------------------------------------------------------------- */

h1.cate-kaigo-ttl{
	/*
	background-color: #8fd14a;
	color: #fff;
    font-size: 20px;
    padding: 12px;
	text-align:left;
	border:none !important;
	*/
	border-left: solid 10px #abda4f;
	border-bottom: solid 2px #abda4f;
	color: #303030;
	font-weight: bold;
    font-size: 20px;
    padding: 12px;
	text-align:left;
	
	}
h1.cate-inshoku-ttl{
	/*
	background-color: #ff8a00;
	color: #fff;
    font-size: 20px;
    padding: 12px;
	text-align:left;
	border:none !important;
	*/
	border-left: solid 10px #fbcf2d;
	border-bottom: solid 2px #fbcf2d;
	color: #303030;
	font-weight: bold;
    font-size: 20px;
    padding: 12px;
	text-align:left;
	
	}
h1.cate-jimu-ttl{
	/*
	background-color:#ff96d8;
	color: #fff;
    font-size: 20px;
    padding: 12px;
	text-align:left;
	border:none !important;
	*/
	border-left: solid 10px #ffa7d6;
	border-bottom: solid 2px #ffa7d6;
	color: #303030;
	font-weight: bold;
    font-size: 20px;
    padding: 12px;
	text-align:left;
	
	}
h1.cate-kodomo-ttl{
	/*
	background-color: #ffcd37;
	color: #fff;
    font-size: 20px;
    padding: 12px;
	text-align:left;
	border:none !important;
	*/
	border-left: solid 10px #daa34b;
	border-bottom: solid 2px #daa34b;
	color: #303030;
	font-weight: bold;
    font-size: 20px;
    padding: 12px;
	text-align:left;
	
	}
h1.cate-cloth-ttl{
	/*
	background-color: #d09fed;
	color: #fff;
    font-size: 20px;
    padding: 12px;
	text-align:left;
	border:none !important;
	*/
	border-left: solid 10px #afa7ee;
	border-bottom: solid 2px #afa7ee;
	color: #303030;
	font-weight: bold;
    font-size: 20px;
    padding: 12px;
	text-align:left;
	
	}
h1.cate-iryou-ttl{
	/*
	background-color: #82c8fb;
	color: #fff;
    font-size: 20px;
    padding: 12px;
	text-align:left;
	border:none !important;
	*/
	border-left: solid 10px #55D0C4;
	border-bottom: solid 2px #55D0C4;
	color: #303030;
	font-weight: bold;
    font-size: 20px;
    padding: 12px;
	text-align:left;
	}
h1.cate-sagyou-ttl{
	/*
	background-color: #649bff;
	color: #fff;
    font-size: 20px;
    padding: 12px;
	text-align:left;
	border:none !important;
	*/
	border-left: solid 10px #6fc5ff;
	border-bottom: solid 2px #6fc5ff;
	color: #303030;
	font-weight: bold;
    font-size: 20px;
    padding: 12px;
	text-align:left;
	}

h1.cate-Default-ttl{
	
	border-left: solid 10px #e71a19;
	border-bottom: solid 2px #e71a19;
	color: #303030;
	font-weight: bold;
    font-size: 20px;
    padding: 12px;
	text-align:left;
	}

h1.cate-mask-ttl{
	background-color: #888;
	color: #fff;
    font-size: 20px;
    padding: 12px;
	text-align:left;
	border:none !important;
	}
	
	
	

/* --------------------------------------------------------------------------------
   商品一覧　
-------------------------------------------------------------------------------- */	
/*　商品名  */
h2.fs-c-productListItem__productName {
    font-size: 15px;
    color: #000000;
    text-decoration: none;
    padding: 0 3px;
    display: inline-block;
    height: 65px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}


/*　値段  */
.fs-c-productListItem__prices {
    display: flex;
    flex-direction: column;
    height: 70px;
    justify-content: flex-end;
	padding-right:10px;
}


.fs-c-productPrice--listed {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
	}


.fs-c-productPrice--selling .fs-c-productPrice {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    justify-content: flex-end;
	color: #e60011;
}
.fs-c-productPrice--selling ,
.fs-c-productPrice--selling .fs-c-price__currencyMark{
     color: #e60011;
	 justify-content: flex-end;
	}

.fs-c-productPrice--selling .fs-c-price__value {
    font-size: 24px;
    color: #e60011;
	font-weight:700;
	padding:0px 3px;
	text-align:right;
}


.fs-c-productImage{
	border: solid 1px #dcd9d9;}