.search_title {
padding: .25em 1em;
margin-bottom: .65em;
background:#999;
color: #fff;
text-align: center;
border-radius: 4px;
}

.search-box_label {
font-weight: bold;
}
.is-hide {
display: none;
}
.list {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.list_item {
width: 14.5%;
margin-left: 1.714%;
margin-top: 1.714%;
vertical-align: top;
list-style: none;
padding: .3125rem;
border: solid 1px #CCC;
border-radius: 5px;
font-size: .8125em;
cursor: pointer;
background-color: #FFF;
}
.list_item img {
margin-bottom: .5em;
}

.list_item p {
text-align:center;
}
.list_item p.cate {
font-size:.6875em;
color:#666;
}
.list_item p.funen {
font-size:.85em;
color:red;
}
.list_item p.kinou {
font-size:.78em;
}
.search-box{
padding: 1em;
margin-bottom: 1em;
background: #f9f9f9;
}
.search-box_label {
background: #c4c7cc;
padding: .25em 1em;
margin-bottom: .75em;
}
.checklist {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.checklist label {
margin:0 0 1em 1em;
}
.checkstyle {
display: block;
position: relative;
margin: 1em 0;
padding-left: 28px;
cursor: pointer;
user-select: none; /* テキストの選択を防ぐ */
}

/* inputは非表示にする */
label.checkstyle {
display:block;
}
.checkstyle input {
display: none;
}

/* □ */
.checkmark {
position: absolute;
top: 0; /* 上からの位置 */
left: 0;
height: 22px; /* 大きさ */
width: 22px; /* 大きさ */
border: solid 2px #666; /* 線 */
border-radius: 4px;
box-sizing: border-box;
}
/* ✓ */
.checkmark:after {
content: "";
position: absolute;
left: 5px; /* チェックの位置 */
top: 1px; /* チェックの位置 */
width: 6px; /* チェックの大きさ */
height: 10px; /* チェックの大きさ */
border: solid #FFF;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
opacity: 0; /* 透明にしておく */
}

/* チェックが入ったときの□ */
.checkstyle input:checked + .checkmark {
background: #363636; /* チェック時の色 */
border-color: #363636; /* チェック時の色 */
}

/* チェックが入ったときの✓ */
.checkstyle input:checked + .checkmark:after {
opacity: 1; /* 透明を解除 */
}

.row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.search-btn input[type="button"] {
    display: table;
    margin: 1.5em auto;
    width: 80%;
    padding: .5em 1em;
    text-decoration: none;
    color: #363636;
    border: solid 1px #363636;
    background: #363636;
    -webkit-appearance: none;
    border-radius: 3px;
    transition: .4s;
    text-align: center;
    color: #fff;
    font-size: 1.25em;
}

.search-btn input[type="button"]:hover {
    opacity: 0.8;
}


.col2 {
    width: 48%;
}
.col3 ,.col3-2 {
    width: 33%;
}

.featurebox {
    text-align: center;
    margin: 0 .5em;
    padding-bottom: .75em;
    background-color: #363636;
    color:white;
}

.featurebox img {
    margin-bottom: .75em;
}

.kinoubox {
    border: 3px #eee solid;
    padding: 1em 1.5em;
    margin:0 .5em 1em .5em;
    text-align: center;
    font-weight: bold;
}

.kinoubox img {
    margin: 1em auto;
}

.kinoubox p.txt {
    text-align: left;
    font-size: .8em;
    font-weight: normal;
}

.iconlist {
    list-style-type: none;
    margin: 2em auto;
    padding: 0;
    display: flex;
    justify-content: center;
}

.iconlist li {
    padding: .25em;
}

@media (max-width: 750px) {
.list_item {
width: 30.5%;
margin-left: 1.714%;
margin-top: 1.714%;
vertical-align: top;
list-style: none;
padding: .3125rem;
border: solid 1px #CCC;
border-radius: 5px;
font-size: .8125em;
cursor: pointer;
background-color: #FFF;
}
.col2 ,.col3-2 {
    width: 46%;
}
.col3 {
    width: 30.5%;
}
}