@charset "UTF-8";

#left_menu * {font-family: 'Noto Sans JP', sans-serif;}
#left_menu h3 {font-weight: 600;color: rgba(0,0,0,.5);margin:20px auto 4px;text-align:left;font-size:16px;font-family: serif;}
#left_menu a {display:block;width:100%;}
#left_menu a:hover {text-decoration: none;}
.fa-classic, .fa-regular, .fa-solid, .far, .fas {
font-family: "Font Awesome 6 Free" !important;}
:root {--main-color:#3ec7bd;}
p.h2 {
font-size:16px;
color:var(--main-color) !important;
letter-spacing:2px;
border-bottom:1px solid var(--main-color);
font-weight:bold;
padding-left:16px;
margin:20px auto 4px;
}
.left_nav_top {
text-align:center;
margin:10px auto;
}
.left_nav_top a.border {
display:inline-block;
width:100%;
border:1px solid var(--main-color);
color:var(--main-color);
font-size:14px;
padding:4px;
text-align:center;
margin:4px auto 0;
letter-spacing:1px;
}
.left_nav_top a:nth-child(1) {
width:40%;
margin-right:2%;
background:var(--main-color);
color:#fff;
}
.left_nav_top a:nth-child(2) {
width:58%;
}

.left_category_link a {
text-decoration:none;
display:block;
}
.left_category_link,
.left_category_link ul {
list-style:none;
padding:0;
margin:0 auto;
}
.left_category_link {
width:100%;
}
.left_category_link li {
display:block;
padding:0;
margin:4px auto;
}
.left_category_link ul li {
border:none;
margin:2px auto 0;
}
.left_category_link .h3,
.left_category_link .h4 {
display:block;
position:relative;
font-size:13px;
color:#666;
margin:0 auto;
padding:8px 10px;
letter-spacing:1px;
text-align:left;
}
.left_category_link .h4,
.left_category_link ul li a {
display:block;
position:relative;
font-size:12px;
padding:0;
}
.left_category_link .h4 {
margin:0 auto 4px;
}
.left_category_link ul li a {
padding:6px 0 6px 16px;
}
.left_category_link .h4:after {
position:absolute;
content:"";
display:block;
width: 0;
height: 0;
border-left: 6px solid var(--main-color);
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
top:0px;
right:14px;
}
.left_category_link .h3:after {
position:absolute;
content:"";
display:block;
width:8px;
height:8px;
border-top:2px solid var(--main-color);
border-right:2px solid var(--main-color);
top:0;
bottom:0;
margin:auto;
right:10px;
transform:rotate(45deg);
transition:all .2s ease;
}


.left_category_link input,
.left_category_link .open_list {
display:none;
}
.left_category_link input:checked + label + .open_list {
display:block;
}
.left_category_link input:checked + label .h3:after {
transform:rotate(135deg);
}
.left_category_link.new_re_rank input:checked + label .h3:after {
transform:rotate(90deg);
}




.new_re_rank .h3 {
font-size:14px;
}
.new_re_rank .h3:after {
width: 0;
height: 0;
border-left: 10px solid var(--main-color);
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 10px solid transparent;
transform:rotate(0deg);
transform-origin: 4px 8px;
right:-4px;
}


.left_store_info {
text-align:center;
}
.left_store_info a {
display:inline-block;
width:49%;
margin:0 auto;
}
.left_store_info a:nth-child(1) {
width:100%;
}
.left_store_info a img {
width:100%;
margin:0 auto;
}



.rt_brand_box {list-style: none;padding:0 10px;}
.rt_brand_box li {border:1px solid #ccc;opacity:.7;margin:4px auto;}
.rt_brand_box li a {display:block;padding:10px 15px;}
.fs-p-inputGroup {border: 1px solid rgba(0,0,0,.3) !important;background: transparent !important;font-size:12px;padding:4px 0;}
.fs-p-inputGroup__button {background:transparent !important;}
.fs-p-searchForm__button::before {color:rgba(0,0,0,.5);}


/*---ハンバーガーメニュー---*/
.hamburger_menu_button {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 5px;
left: 0;
z-index: 101;
}
.hamburger_menu_button span {
display: block;
position: absolute;
width: 60%;
margin: 0 auto;
height: 1px;
background: #000;
top: 20px;
left: 0;
right: 0;
}

.hamburger_menu_button span:before, .hamburger_menu_button span:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: -7px;
left: 0;
background: #000;
}
.hamburger_menu_button span:after {
top: 7px;
}
#head_hamburger_menu {
display: none;
}

#head_hamburger_menu:checked + label {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0,0,0,.3);
z-index: 100;
top: 0;
left:0;
}

#left_menu_box {
position: fixed;
width: 80%;
max-width: 330px;
height: 100%;
left: -100%;
top: 0;
padding: 20px 10px;
background: #fff;
overflow-y: scroll;
overflow-x: hidden;
z-index: 200;
text-align: left;
}

#head_hamburger_menu:checked + label + #left_menu_box {
left: 0;
}


/*----幅1200px以上でレフトメニュー常時表示----*/
@media screen and (min-width:1200px) {
#left_menu_box {left:0;width:270px;height:auto;overflow-y:auto;position:relative;z-index:1;}
#left_menu_box + .fs-l-pageMain {max-width: 914px;}
.hamburger_menu_button {display: none;}
}

/*---検索フォーム---*/
.search_box_dm_sm {
width: 100%;
height: 40px;
position: relative;
margin: 0 0 10px;
border: 1px solid rgba(0,0,0,0.2);
}
.search_box_dm_sm .fluid-input {
display: table;
width: 100%;
height: 40px;
}
.search_box_dm_sm .fluid-input > * {
display: table-cell;
vertical-align: middle;
}
.search_box_dm_sm .box_dm_sm {
width: 100%;
height: 40px;
font-size: 12px;
cursor: pointer;
cursor: text;
padding-left: 15px;
margin-left: auto;
margin-right: auto;
border: solid 0px;
border-radius: 0;
box-sizing: border-box;
}
.search_box_dm_sm .box_dm_sm, .search_box_dm_sm .search_button > button {
height: 40px;
line-height: 40px;
background-color: rgba(0,0,0,0.0);
}
.search_box_dm_sm .button > button {
font-size: 15px;
margin-top: -1px;
color: rgba(0,0,0,0.5);
}
.search_box_dm_sm input, .search_box_dm_sm button {
width: 15%;
margin: 0;
height: 40px;
position: absolute;
top: 0;
color: #000;
vertical-align: baseline;
font: inherit;
-webkit-appearance: none;
-moz-appearance: none;
border: 0;
outline: 0;
cursor: pointer;
cursor: hand;
}
.search_box_dm_sm button {right:5px;}


/*----カラーから探す-----*/
.color_search {list-style: none;padding:0;}
.color_search a {position:relative;display:block;font-size: 12px;padding: 10px 20px 10px 30px;border-bottom: 1px solid rgba(0,0,0,.1);}
.color_search a:before {content:"";display:inline-block;position:absolute;width:20px;height:20px;border-radius:10px;background:#000;left:5px;top:calc(50% - 10px);border:1px solid #ddd;}

.color_search a.monotone:before {background: linear-gradient(0deg, white 50%, black 50%);}
.color_search a.white:before {background: white;}
.color_search a.black:before {background: #333;}
.color_search a.navy:before {background: #505686;}
.color_search a.pink:before {background: #fbaab3;}
.color_search a.beige:before {background: #e0c49f;}
.color_search a.red:before {background: red;}
.color_search a.winered:before {background: #8f2332;}
.color_search a.blue:before {background: #a1c4fe;}
.color_search a.yellow:before {background: #ffd272;}
.color_search a.purple:before {background: #7c49a8;}
.color_search a.green:before {background: #54c0b0;}
.color_search a.gray:before {background: #b8c0cc;}
/*---
.rt_color_search_box {list-style: none;padding:0;}
.color_search {
display: block;
width: 100%;
font-size: 12px;
position: relative;
margin: 0;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.color_search a {display:block;padding: 10px 0 10px 30px;}
.color_search a:before {
font-family: "Font Awesome 5 Free";
content: "\f111";
font-weight: bold;
font-size: 21px;
position: absolute;
top: 3px;
bottom: 0;
margin: auto;
left: 2px;
color: rgba(0,0,0,0.5);
}
.rt-RED a:before{ color: #e60033;  }
.rt-PINK a:before{ color: #eebbcb; }
.rt-PURPLE a:before{ color: #9d5b8b; }
.rt-NAVY a:before{ color: #1c305c; }
.rt-BLUE a:before{ color: #579ed4; }
.rt-GREEN a:before{ color: #316745; }
.rt-YERROW a:before{ color: #ffff7f;}
.rt-ORANGE a:before{ color: #ffbf7f; }
.rt-BROWN a:before{ color: #6f4b3e; }
.rt-BEIGE a:before{ color: #ede4cd; }
.rt-GRAY a:before{ color: gray; }
.rt-BLACK a:before{ color: #000b00; }
.rt-WHITE a:before{ color: rgba(0,0,0,0.2); font-weight:lighter }
.rt-SILVER a:before{ 
color: transparent;
background: repeating-linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%); 
-webkit-background-clip: text; }
.rt-GOLD a:before{ 
color: transparent;
background: repeating-linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%); 
-webkit-background-clip: text; }

--*/



#left_menu .hot_word a {display:inline-block;width:auto;background:#eee;color:rgba(0,0,0,.7);font-size:11px;padding:5px 10px;margin-bottom:6px;}
.rt_category_box {list-style: none;padding:0;margin:0 auto;}
.rt_category_box .rt_MenuList_item_th {display:block;position:relative;font-size:13px;padding:1em 4px;border-bottom: 1px solid rgba(0,0,0,.15);color: var(--main-color);}
.rt_category_box .rt_MenuList_item_th:after,
.color_search a:after {font-family: "Font Awesome 5 Free";
content: "\f105";
font-weight: bold;
position: absolute;
top: 12px;
bottom: 0;
margin: auto;
right: 6px;
color: rgba(0,0,0,0.2);
}
.rt_MenuList_item_submenu {list-style: none;padding:0;}
.rt_MenuList_item_submenu .rt_MenuList_item_submenu_item {font-size:12px;border-bottom: 1px solid rgba(0,0,0,.1);}
.rt_MenuList_item_submenu .rt_MenuList_item_submenu_item a {display:block;padding:1em;color: rgba(0,0,0,.9);}
.side_menu_open_label {display:block;position:relative;padding:1em;color:rgba(0,0,0,.5);}
.side_menu_open_label:after,
.side_menu_open_label:before {content:"";position:absolute;width:14px;height:1px;background: rgba(0,0,0,.5);right:10px;top:21px;transition: all .1s;}
.side_menu_open_label:after {transform: rotate(90deg);}
.side_menu_open_button,.side_menu_open_box {display: none;}
.side_menu_open_box {list-style: none;padding: 0;}
.side_menu_open_button:checked + .side_menu_open_label:after {transform: rotate(135deg);width:10px;}
.side_menu_open_button:checked + .side_menu_open_label:before {transform: rotate(45deg);width:10px;right:17px;}
.side_menu_open_button:checked + .side_menu_open_label + .side_menu_open_box {display: block;background:rgba(200,200,200,.1);}
.rt_MenuList_item_submenu .rt_MenuList_item_submenu_item .rt_MenuList_item_submenu_item_child a {color: rgba(0,0,0,.5);}




.link_button_itiran {background:rgba(0,0,0,.8) !important;font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;}