@charset "utf-8";

#siteMapArea {
	display: flex;
	align-items: center;
	justify-content: left;
	gap: 10px;
	padding: 0 15px;
	flex-wrap: wrap;
}
.frameBody{
    border:none;
}

#brandInfoList{
	display: flex;
	 align-items: center;
	 justify-content: left;
	 gap: 10px;
	 padding: 0 15px;
	 flex-wrap: wrap;
}

#categoryList{
	display: flex;
	 align-items: center;
	 justify-content: left;
	 gap: 10px;
	 padding: 0 15px;
	 flex-wrap: wrap;
}

#shopListArea .tableBody,#shopListArea .tableHeader {
  width: 100%;
}

.commodityListCol {
    display:inline-block;
}
input[type="button"]{
    border:none;
}
.view_list03 input{
    height:40px;
    width:150px;
}
.punctuation{
    display:inline-block;
}
#shopList ul{
    display:block;
    width:100%;
    border-bottom:1px solid #cccccc;
}

  .commodityListCol{
        margin-right:40px;
    }

.titleBox{
	display: flex;
  	align-items: center;
  	justify-content: space-between;
  	padding: 0.5em;
  margin: 0.5em 0;
  color: #494949;
  background: #ededed;
  border-left: solid 5px #f08200;;
}

 .titleText{
     all: unset;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	text-align: left;
	/*padding: 0.2em;
	margin: 0 0 0.5em;*/
	color: #494949;

 }

 .allBrand{
 	margin-right: 10px;
    color: #e70012;
    text-align: center;
    display: block;
    box-shadow: 0 3px 1px -2px #e70012;
    width: fit-content;
 }

 .brandCol{
 	border-right: solid 1px black;
    padding-right: 10px;
 }
 .categoryCol{
 	border-right: solid 1px black;
    padding-right: 10px;
 }
  .sitemapCol{
 	border-right: solid 1px black;
    padding-right: 10px;
 }

/*SPで表示*/
@media screen and (max-width:768px) {

    .frameBody ul{
        width:100%;
        display:block;
        border-bottom:1px solid #cccccc;
    }
    .frameBody li{
        padding:0;
        background-image: url(../../commonfiles/images/arrow_next.gif) ;
        background-repeat:no-repeat;
        background-position: 98% 50%;
    }
    .frameBody li a{
        padding:10px;
        display:block;
    }
    .punctuation{
        display:none;
    }
    .frameBody li .commodityListCol a{
        padding:3px;
        background-image: none;
    }
    .shopInfoCol{
        position:relative;
        padding:10px;
    }
    .commodityListCol{
        position: absolute;
        top: 6px;
        width: 80px;
        margin-left:10px;
    }
    .frameBody li a.shopListName{
        margin-left:100px;
        display:block;
    }
}