/*
  作成日: 20190103
  作成者: FOIS01
*/
.sitemappage { background: #fff; }
.sitemap_intro { padding-bottom: 25px; text-align: center; }
.sitemap_ttl { background: #f8f4ed; color: #3f2c26; font-weight: bold; position: relative; }
.sitemap_ttl::before { background: #3f2c26; content: ""; left: 0; position: absolute; }
.sitemap_categories_top { border-bottom: 1px solid #3f2c26; color: #3f2c26; font-weight: bold; margin-bottom: 14px; width: 100%; padding-bottom: 4px; }
.sitemap_categories_name { padding-bottom: 2px; }
.sitemap_categories_list { padding-bottom: 10px; }
.sitemap_categories_list li { color: #0033cc; padding-bottom: 8px; padding-left: 20px; position: relative; }
.sitemap_categories_list li a:hover { color: #e37422; }
.sitemap_categories_list li::before { border-top: 5px solid transparent; border-left: 8px solid #3f2e26; border-bottom: 5px solid transparent; content: ""; height: 0; left: 0; position: absolute; top: 20%; width: 0; }
.sitemap_categories_list li a[target="_blank"]::after { background: url(../../image-cmn/ico-extendlink-blue.png) no-repeat; background-size: 15px 15px; content: ""; display: inline-block; height: 15px; margin-left: 5px; margin-top: 5px; position: absolute; width: 15px; }
.sitemap_categories_list li a[target="_blank"]:hover::after { background: url(../../image-cmn/ico-extendlink-orange.png) no-repeat; background-size: 15px 15px; }
.sitemap_categories { margin-bottom: 25px; }
.brandlist_lst { align-items: stretch; display: flex; flex-wrap: wrap;font-size:0; width: 100%; }
.brandlist_lst li { margin-bottom: 13px; }
.brandlist_lst li a { align-items: center; display: flex; justify-content: center; overflow: hidden; position: relative; width: 100%; }
.brandlist_lst li a::before { border: 1px solid #e0e0e0; content: ""; left: 0; height: 100%; position: absolute;pointer-events:none; transition: .1s all ease-in-out; top: 0; width: 100%; }
.brandlist_lst li a:hover::before { border: 5px solid #e37422; }
.brandlist_lst li a img { width: 100%; height: auto; }
@media screen and (max-width:767px) {
.sitemap_ttl { font-size: 1.8rem; margin-bottom: 15px; padding: 5px 0 5px 15px; }
.sitemap_ttl::before { height: calc(100% - 10px); top: 5px; width: 5px; }
.sitemap_categories_top { font-size: 1.6rem; }
.sitemap_categories_list li a[target="_blank"]::after { margin-top: 2px; }
.brandlist_lst li { margin-left: 1.5%; width: calc((95.5%/4) - 0.1px); }
.brandlist_lst li:nth-child(4n+1) { margin-left: 0; }
}
@media screen and (min-width:768px) {
.sitemap_ttl { font-size: 2.4rem; margin-bottom: 25px; padding: 6px 0 6px 20px; }
.sitemap_ttl::before { height: calc(100% - 16px); top: 8px; width: 7px; }
.sitemap_categories { display: flex; }
.sitemap_categories_left { margin-left: 20px; width: calc(50% - 10px); }
.sitemap_categories_left:first-child { margin-left: 0; }
.sitemap_categories_top { font-size: 1.8rem; }
.sitemap_categories_topcover { max-width: 370px; width: 100%; }
.brandlist_lst li { margin-left: 1.5%; width: calc((91%/7) - 0.1px); }
.brandlist_lst li:nth-child(7n+1) { margin-left: 0; }
}