@charset "utf-8"; /* ===== index ===== */

html {}
main{}

/**絞り込み検索**/
#sect_rifain{background-image: url(../img/dot-wide03.png);background-repeat: repeat-x;background-position: left top;background-size: auto 4em; padding: 4em 0 0 0; width: calc(100% - 76px); margin: auto;}
#sect_rifain .rifain_dl{ margin-top: -2em;}
#sect_rifain .rifain_dl dt{}
#sect_rifain .rifain_dl dt strong{font-size: 15px; background-color: var(--comm-gray); color: var(--comm-navy); width: fit-content; padding:0 1em; font-weight: 700!important; display: block;}
#sect_rifain .rifain_dl dd{background-color: var(--comm-blue);}
#sect_rifain .rifain_dl dd ul.brand_word{ display: flex; flex-wrap: wrap; padding: 16px 32px 32px 32px ;}
#sect_rifain .rifain_dl dd ul.brand_word li{border-right: 1px solid var(--comm-gray); margin-bottom: 0.5em;}
#sect_rifain .rifain_dl dd ul.brand_word li a,
#sect_rifain .rifain_dl dd ul.brand_word li button{font-family: "Zen Kaku Gothic Antique", sans-serif; font-style: normal; color:var(--comm-gray); display: block; line-height: 1; padding: 0.3em 1em; font-size: 13px; font-weight: 700; background-color: transparent; letter-spacing: 0.1em;}


/**検索結果**/
#sect_result{padding: 3em 0;}
#sect_result .result_dl{}
#sect_result .result_dl dt{display: flex; padding-bottom: 1em;}
#sect_result .result_dl dt>*{font-weight: 700;}
#sect_result .result_dl dt .cat_name{white-space: nowrap; font-size: 15px;}
#sect_result .result_dl dt .cat_list{width: 100%; color: var(--comm-blue); font-size: 15px;}
#sect_result .result_dl dd {}
#sect_result .result_dl dd ul.brand_box{}
#sect_result .result_dl dd ul.brand_box li{position: relative; border-top: 1px dashed var(--comm-navy); padding: 1em 0;}
#sect_result .result_dl dd ul.brand_box li:after{content:""; display: block; width: 1px; height: 100%; background-color: var(--comm-navy); position:absolute; top: 0; right: -9%;}
#sect_result .result_dl dd ul.brand_box li:nth-of-type(3n):after{display: none;}

#sect_result .result_dl dd .adjust_box{/*ボタンがある場合padding-bottom:4em;*/ height: 100%;}
#sect_result .result_dl dd .adjust_box + [class*="comm_btn"]{font-size: 13px; position: absolute; bottom: 1.5em; height: 36px;}
#sect_result .result_dl dd .brand_thm{position: relative; display: block; background-color: #fff;}
#sect_result .result_dl dd .brand_thm img{aspect-ratio:3 / 2;}
#sect_result .result_dl dd .brand_thm [class*="comm_btn"]{position: absolute; right: 0; bottom: 0; min-width: initial; width: 46px; height: 28px; font-size: 13px; letter-spacing: 0; line-height: 1;}
#sect_result .result_dl dd .brand_name{font-weight: 700; line-height: 1.4; padding: 0.5em 0; letter-spacing: 0.05em; font-size: 15px;}
#sect_result .result_dl dd .brand_tag{font-size: 11px; color: var(--comm-blue); letter-spacing: 0; line-height: 1.6;}

.brand_box>*{display: none;}

@media screen and (max-width: 600px) {
#sect_result .result_dl dd ul.brand_box li:after{right: -8%;}
#sect_result .result_dl dd ul.brand_box li:nth-of-type(3n):after{display: block;}
#sect_result .result_dl dd ul.brand_box li:nth-of-type(2n):after{display: none;}
}


@media screen and (max-width: 430px) {
/**絞り込み検索**/
#sect_rifain{width: calc(100% - 48px);}
#sect_rifain .rifain_dl{ }
#sect_rifain .rifain_dl dt{}
#sect_rifain .rifain_dl dt strong{font-size: 0.9em;}
#sect_rifain .rifain_dl dd{}
#sect_rifain .rifain_dl dd ul.brand_word{padding: 20px; }
#sect_rifain .rifain_dl dd ul.brand_word li{}
#sect_rifain .rifain_dl dd ul.brand_word li a,
#sect_rifain .rifain_dl dd ul.brand_word li button{ font-size: 0.8em; }

/**検索結果**/
#sect_result{padding: 2em 0 3em 0;}
#sect_result .result_dl{}
#sect_result .result_dl dt{}
#sect_result .result_dl dt>*{}
#sect_result .result_dl dt .cat_name{}
#sect_result .result_dl dt .cat_list{}
#sect_result .result_dl dd {}
#sect_result .result_dl dd ul.brand_box{}
#sect_result .result_dl dd ul.brand_box li{}


#sect_result .result_dl dd .adjust_box{}
#sect_result .result_dl dd .adjust_box + [class*="comm_btn"]{}
#sect_result .result_dl dd .brand_thm{}
#sect_result .result_dl dd .brand_thm [class*="comm_btn"]{ font-size: 12px; width: 40px; height: 24px;}
#sect_result .result_dl dd .brand_name{font-size:13px; }
#sect_result .result_dl dd .brand_tag{font-size:10px; line-height: 1.6;}

.brand_box>*{display: none;}

}