@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------------
japan-izm.com
------------------------------------------------------------------------------ */

.seaCatBnr  {
margin-bottom:10px;
}
.listup_content {
position: relative;
align-self: center;
width: 90%;
max-width: 420px;
box-sizing: border-box;
background: #fff;
line-height: 1.2em;
transition: 0.5s;
box-shadow: 0 0 5px rgba(94, 94, 94, 0.7);
top: 80px;
margin-bottom: 150px;
padding: 20px;
height:700px;
overflow:scroll;
overflow-x:hidden;
}

.close_btn {
position: absolute;
top: 14px;
right: 16px;
font-size: 30px;
cursor: pointer;
color: #E55927;
}

.listBtn {
width: 240px;
margin: 0 auto 40px;
}
label.open_btn {
display: block;
padding-top: 5px;
padding-bottom: 5px;
color: #ffffff;
/*font-size: 123.1%;*/
text-align: center;
border-radius: 5px;
cursor: pointer;
transition: .3s ease;
border: 1px solid #E55927;
background-color: #E55927;
}

.listup_inner h5 {
font-size: 131%;
margin-bottom: 20px;
padding-left:5px;
font-weight: bold;
color:#FFF;
background-color:#F1AB3F;
}

.listCateBox {
display: flex;
flex-wrap: wrap;
/*justify-content: flex-start;*/
align-content: space-between;
margin-bottom: 40px;
}
.listCateBox input[type=checkbox] {
display: none;
}
.listCateBox input[type="checkbox"].checkbox01:checked + label {
background: #F1AB3F;
color: #ffffff;
border: 1px solid #F1AB3F;
}
/* .listCateBox .check_label:hover {
background-color: #F1AB3F;
color: #ffffff;
border: 1px solid #F1AB3F;
} */
.listCateBox .check_label {
margin-bottom: 10px;
margin-right: 10px;
width: 45%;
height: 60px;
text-align: center;
cursor: pointer;
font-size: 100%;
letter-spacing: -0.7px;
background-color: #ffffff;
border:1px solid #F1AB3F;
border-radius: 5px;
display: grid;
place-items: center;
}

.listFtBtn {
width: 240px;
margin: 0 auto;
}
.listFtBtn input.red_Btn {
border: none;
outline: none;
}
.listFtBtn input.red_Btn:hover{
opacity: 0.6;
transition: .3s ease;
}
.listkana {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 40px;
}
.listkana input[type=radio] {
display: none;
}
.listkana input[type="radio"].checkbox01:checked + label {
background: #F1AB3F;
color: #ffffff;
border-left: 1px solid #F1AB3F;
border-top: 1px solid #F1AB3F;
border-bottom: 1px solid #F1AB3F;
}
/* .listkana .check_label:hover {
background-color: #F1AB3F;
color: #ffffff;
border-left: 1px solid #F1AB3F;
border-top: 1px solid #F1AB3F;
border-bottom: 1px solid #F1AB3F;
transition: .3s ease;
} */
.listkana .check_label {
width: 55px;
height: 47px;
text-align: center;
cursor: pointer;
font-size: 139%;
color: #040000;
background-color: #ffffff;
border: 1px solid #F1AB3F;
display: grid;
place-items: center;
}
.listTxt {
font-size: 95%;
font-weight: bold;
margin-bottom: 20px;
}
.listup_inner .keyword {
height: 75px;
margin-bottom: 40px;
}
.listup_inner .keyword img {
margin-bottom: 9px;
} 
.listup_inner .keyword input {
width: 70%;
padding: 10px;
font-size: 126%;
border: 1px solid #b4b3b3;
border-radius: 5px;
outline: none!important;
margin-left: 15px;
margin-bottom: 10px;
}
.listup_inner .keyword .keyStxt {
float: right;
font-size: 85%;
}

