@charset "utf-8";/*sidebox用*//* ---- *//* ▼カテゴリボタンの装飾 *//* ---- */ul.category_search._side li {width: 200px;/* メニュー項目の横幅(200px) */display: block;/* ★横並びに配置する */list-style-type: none;/* ★リストの先頭記号を消す *//* ★サブメニュー表示の基準位置にする */}ul.category_search._side a {background-color: #fff;/* メニュー項目の背景色(薄い灰色) */color: #000;/* メニュー項目の文字色(黒) */line-height: 2em;text-align: left;/* メインメニューの文字列の配置(中央寄せ) */text-decoration: none;/* メニュー項目の装飾(下線を消す) */display: flex;/* ★項目内全域をリンク可能にする */}ul.category_search._side a .img{display: block;}/* ---- *//* ▼開く処理 *//* ---- */ul.category_search._side li:hover > ul {display: block;/* ★マウスポインタが載っている項目の内部にあるリストを表示する */padding-top: -10px;top: 0px;margin-left: 200px;box-sizing: border-box;}/* ---- *//* ▼開いた後のメニューの装飾 *//* ---- */ul.category_search._side ul {margin: 0px;/* ★サブメニュー外側の余白(ゼロ) */padding: 0px;/* ★サブメニュー内側の余白(ゼロ) */display: none;/* ★標準では非表示にする */position: absolute;/* ★絶対配置にする */left: -10px;}/* ---- *//* ▼開いた後のメニュー項目の装飾 *//* ---- */ul.category_search._side ul li {width: 350px;/*横幅(350px) */display: block;}ul.category_search._side ul li a {line-height: 30px;/* １カテゴリ項目の高さ(30px) */font-size: 14px;text-align: left;/* 文字列の配置(左寄せ) */padding-left: 15px;/* 文字列前方の余白(10px) */font-weight: normal;background-color:#fff;color: #000;position:relative;}ul.category_search._side ul li > a:before {content: "";position: absolute;left: 5px;top: 35%;border-style: solid;border-color: transparent transparent transparent #000;border-width: 5px 0 5px 7px;}ul.category_search._side ul li a:hover {background-color: #eee;/* カテゴリ項目にマウスが載ったときの背景色(淡い灰色) */font-weight: bold;color: #e60013;}/* ---- *//* ▼3階層目以降(孫メニュー以降)の装飾 *//* ※下ではなく横(右)に表示します。 *//* ---- */ul.category_search._side ul ul {margin: 0px;/* ★サブメニュー外側の余白(ゼロ) */padding: 0px;/* ★サブメニュー内側の余白(ゼロ) */display: none;/* ★標準では非表示にする */position: absolute;/* ★絶対配置にする */top: -1px;/* 1pxだけ上方向にずらす(※上に1pxの枠線を引いている場合) */left: 100%;/* ★基準位置からの距離を親ボックスの幅100％にする */}/* ---- */.sidebox_cate ul.category_search._side > li > a{display: block;text-align: left;}.category_search._side .category_search_head span.img_ img{width: 50px;}.category_search._side .category_hover.ct1 {/*border:solid 2px #000;*/box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);height: 400px;box-sizing: border-box;z-index:2;background: #fff;top: 0;border-radius: 5px 0 0 5px;padding: 0 0 0 10px;}.category_search._side .category_hover.ct2 {/*border:solid 2px #000;*/box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);height: 400px;box-sizing: border-box;z-index:3;background: #fff;margin-left: -10px;top: 0px;border-radius: 0 5px 0 0;padding: 0 0 0 10px;}.category_search._side .category_hover .cate_ct {height: auto;}.category_search._side .category_hover.ct1 .cate_child {overflow-y: scroll;overflow-x: hidden;height: 305px;scrollbar-width: thin;scrollbar-color: #e60013 #ccc;}/*.category_search._side .category_hover.ct1 .cate_child::-webkit-scrollbar {display: none;}*/.category_search._side .category_hover.ct1 .cate_child li a:active{width: 700px;}.category_search._side .category_hover.ct2 .cate_child {overflow-y: scroll;overflow-x: hidden;height: 354px;}.category_search._side .category_hover.ct2 .cate_child::-webkit-scrollbar {/*display: none;*/}.category_search._side .category_hover.ct2 .cate_child li a:active{width: 700px;}.category_search._side .category_hover .cate_ct ._ranking {display: flex;justify-content: space-between;flex-wrap: nowrap;}.category_search._side .category_hover .cate_ct ._ranking img {width: 100%;}.category_search._side .category_hover .cate_ct ._ranking a {font-size: 10px;position: relative;padding: 0;padding: 5px;}.category_search._side .category_hover .cate_ct ._ranking a span.ranking_ico_ {position: absolute;text-align: center;width: 20px;height: 20px;top: 0px;color: #fff;}.category_search._side .category_hover .cate_ct ._ranking a span.ranking_ico_.rank1 {background: url(/img/icon/rank_b_1.png);background-repeat: no-repeat;background-size: contain;}.category_search._side .category_hover .cate_ct ._ranking a span.ranking_ico_.rank2 {background: url(/img/icon/rank_b_2.png);background-repeat: no-repeat;background-size: contain;}.category_search._side .category_hover .cate_ct ._ranking a span.ranking_ico_.rank3 {background: url(/img/icon/rank_b_3.png);background-repeat: no-repeat;background-size: contain;}.category_search._side .category_hover .cate_ct {border-bottom: solid 1px #000;padding: 10px 10px 5px 10px;}ul.category_search._side .category_hover.ct2 .cate_ct .more_rank:hover {background: none;}.category_search._side .category_hover .cate_ct .more_rank {color: #006699;padding-right: 15px;position: relative;display: inline-block;}.category_search._side .category_hover .cate_ct .more_rank:after {content: "";position: absolute;right: 5px;top: 35%;border-style: solid;border-color: transparent transparent transparent #006699;border-width: 5px 0 5px 7px;}.category_search._side .category_hover .cate_ct h3 {text-align: left;margin: 0;}.category_search._side .category_hover .cate_ct h3 a {color: #006699;padding-left: 0px;text-align: left;font-size: 14px;font-weight: bold;}.category_search._side .category_hover .cate_ct h3 a:hover {background: none;}.category_search._side .category_hover.ct2 .cate_child scrollbar {display: none;}.sidebox_cate > ul.category_search._side > li {padding: 10px 0;position: relative;}.sidebox_cate > ul.category_search._side {border-bottom: solid 1px #ccc;}#block_of_categorytree .sidebox_area_top h2 {font-weight: bold;font-size: 18px;}