@charset "UTF-8";

@media (min-width:1200px) {
#main_wrap #tokushu #cate_btn_box {
width: 100%;
height: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 40px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
list-style-type: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
#tokushu #cate_btn_box li {
width: auto;
margin-bottom: 20px;
padding-right: 35px;
padding-left: 35px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #f4810b;
font-family: "Noto Sans JP", sans-serif;
font-size: 18px;
border-radius: 30px;
line-height: 18px;
color: #f4810b;
background-color: #FFFFFF;
cursor: pointer;
transition: 0.5s;
}
#tokushu #cate_btn_box li:hover {
border: 1px solid #f4810b;
color: #FFFFFF;
background-color: #f4810b;
}

#tokushu #cate_btn_box li.selected {
border: 1px solid #f4810b;
color: #FFFFFF;
background-color: #f4810b;
}

}

@media (max-width:1199px) and (min-width:451px) {
#search_bar {
display: none;
}
#main_wrap #tokushu #cate_btn_box {
width: 100%;
height: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 40px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
list-style-type: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
#tokushu #cate_btn_box li {
width: auto;
margin-bottom: 20px;
padding-right: 20px;
padding-left: 20px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #f4810b;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
border-radius: 25px;
line-height: 16px;
color: #f4810b;
background-color: #FFFFFF;
cursor: pointer;
transition: 0.5s;
}
#tokushu #cate_btn_box li:hover {
border: 1px solid #f4810b;
color: #FFFFFF;
background-color: #f4810b;
}

#tokushu #cate_btn_box li.selected {
border: 1px solid #f4810b;
color: #FFFFFF;
background-color: #f4810b;
}

}

@media (max-width:450px) {
#search_bar {
display: none;
}
#main_wrap #tokushu #cate_btn_box {
width: 100%;
height: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 40px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
list-style-type: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
#tokushu #cate_btn_box li {
width: auto;
margin-bottom: 15px;
padding-right: 15px;
padding-left: 15px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #f4810b;
font-family: "Noto Sans JP", sans-serif;
font-size: 14px;
border-radius: 30px;
line-height: 14px;
color: #f4810b;
background-color: #FFFFFF;
padding-top: 10px;
padding-bottom: 10px;
cursor: pointer;
transition: 0.5s;
}
#tokushu #cate_btn_box li:hover {
border: 1px solid #f4810b;
color: #FFFFFF;
background-color: #f4810b;
}

#tokushu #cate_btn_box li.selected {
border: 1px solid #f4810b;
color: #FFFFFF;
background-color: #f4810b;
}

}