.catNav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.catNav a {
    display: flex;
    align-items: center;
    margin: 0 10px 10px 10px;
    transition: 0.5s;
    width: 23%;
    font-size: 18px;
    color: #fff;
}

.catNav a img {
    height: 40px;
}

.catNav a:nth-of-type(1) {
    background-color: #1073B6;
}

.catNav a:nth-of-type(2) {
    background-color: #199F44;
}

.catNav a:nth-of-type(3) {
    background-color: #DA5267;
}

.catNav a:nth-of-type(4) {
    background-color: #E16A0F;
}

.catNav a span {
    padding: 8px;
    display: block;
    margin-right: 15px;
    transition: 0.3s
}

.catNav a:hover span {
    margin-right: 25px;
}

.catNav a:nth-of-type(1) span {
    background-color: #035387;
}

.catNav a:nth-of-type(2) span {
    background-color: #11763A;
}

.catNav a:nth-of-type(3) span {
    background-color: #A03748;
}

.catNav a:nth-of-type(4) span {
    background-color: #A04B23;
}


.zoneNav {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.zoneNav a {
    display: block;
    margin: 0 10px 15px 10px;
    transition: 0.5s;
    width: 31.5%;
    text-align: left;
    padding: 10px 10px 10px 15px;
    border: 1px solid #BF0020;
    border-left: 8px solid #BF0020;
}

.zoneNav a i {
    margin-right: 4px;
    transition: 0.3s;
}

.zoneNav a:hover i {
    margin-right: 12px;
}

.titCat,
.titZone {
    border-top: 1px solid #000;
    padding-top: 8px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
}

/*
.zoneNav a:nth-child(1) {border: 1px solid #0D338D; border-left: 8px  solid #0D338D;}
.zoneNav a:nth-child(2) {border: 1px solid #7FBA19;; border-left: 8px solid  #7FBA19;}
.zoneNav a:nth-child(3) {border: 1px solid #2595DA; border-left: 8px solid  #2595DA;}
.zoneNav a:nth-child(4) {border: 1px solid #0B5FB5; border-left: 8px solid #0B5FB5;}
.zoneNav a:nth-child(5) {border: 1px solid #E13D11; border-left: 8px solid #E13D11;}
.zoneNav a:nth-child(6) {border: 1px solid #E01D1F; border-left: 8px solid  #E01D1F;}
.zoneNav a:nth-child(7) {border: 1px solid #E11D20; border-left: 8px solid  #E11D20;}
.zoneNav a:nth-child(8) {border: 1px solid #158B30; border-left: 8px solid  #158B30;}
.zoneNav a:nth-child(9) {border: 1px solid #D2DB09; border-left: 8px solid  #D2DB09;}
.zoneNav a:nth-child(10){border: 1px solid #DD0060; border-left: 8px solid  #DD0060;}
.zoneNav a:nth-child(11){border: 1px solid #0F549E; border-left: 8px solid #0F549E;}
.zoneNav a:nth-child(12){border: 1px solid #813A8A; border-left: 8px solid  #813A8A;}
*/

.search03 {
    margin-bottom: 80px;
}

.search03 ul {
    display: flex;
    flex-wrap: wrap
}

.search03 ul li a {
    font-size: 18px;
    border-radius: 50px;
    background-color: #f8dddd;
    display: block;
    padding: 2px 10px;
    margin: 0 10px 10px;
    transition: 0.3s;
}

.search03 ul li a:hover {
    background-color: #494831;
    color: #fff
}


.search04 {
    margin-bottom: 80px;
}

.search04 .contact-submit {
    width: 150px;
    background-color: #333;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    font-size: 16px;
    padding: 8px 10px;
    border-radius: 100vh;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.search04 .form-text {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    max-width: 400px;
    margin-right: 15px;
    font-size: 18px;
}

.titType {
    background-color: #f1f1f1;
    padding: 8px 20px;
    font-weight: bold;
    margin-bottom: 35px;
    font-size: 20px;
}


.catBox {
    margin-bottom: 50px;
}

.catBox .tit {
    display: flex;
    justify-content: flex-start;
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 20px;
    align-items: center;
    margin-bottom: 25px;
}


.catTit {
    color: #fff;
    font-size: 22px;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

.catTit img {
    height: 33px;
}

.catTit span {
    display: block;
    margin: 0 15px 0 0;
    padding: 10px;
}

.catTit#titCat01 {
    background-color: #1073B6;
}

.catTit#titCat01 span {
    background-color: #035387;
}

.catTit#titCat02 {
    background-color: #199F44;
}

.catTit#titCat02 span {
    background-color: #11763A;
}

.catTit#titCat03 {
    background-color: #DA5267;
}

.catTit#titCat03 span {
    background-color: #A03748;
}

.catTit#titCat04 {
    background-color: #E16A0F;
}

.catTit#titCat04 span {
    background-color: #A04B23;
}

.zoneTit {
    display: block;
    margin: 0 0 15px 0px;
    transition: 0.5s;
    text-align: left;
    padding: 10px 10px 10px 15px;
    border: 1px solid #BF0020;
    border-left: 8px solid #BF0020;
    font-size: 18px;
    font-weight: bold;
}



@media only screen and (max-width: 767px) {

    .catBox .tit {
        font-size: 14px;
    }

    .catBox .tit figure {
        width: 120px;
    }

    .catBox ul>li {
        display: block;
    }

    .catBox ul>li .name {
        width: 100%;
        margin-bottom: 15px;
    }

    .catBox ul>li .txt {
        width: 100%;
        margin-bottom: 15px;
    }

    .catBox ul>li .icon {
        width: 100%;
        justify-content: flex-start;
        margin-bottom: 15px;
        display: flex
    }

    .catBox ul>li .icon div {
        padding: 1px 10px;
        margin-right: 10px;
    }


}



.list-item {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    margin-bottom: 60px;
}

.list-item .innerBox {
    padding: 40px;
}

.exhibitorInfo .colL {
    flex-basis: 200px;
}

.exhibitorInfo .colR {
    flex-basis: calc((100% - 240px));
}

.exhibitorInfo .colR .tit {
    font-size: 26px;
    color: #000;
    font-weight: bold;
    margin-bottom: 15px;
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}

.exhibitorInfo .colR .tit span.num {
    font-size: 16px;
    display: inline-block;
    padding: 0 10px;
    margin: 0 10px;
    border-right: #000 solid 1px;
    border-left: #000 solid 1px;
}

.exhibitorInfo .colR .tit span.online-gentei {
    background-color: #8C2C8D;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    padding: 2px 10px;
}

.exhibitorInfo .colR .tit span.hybrid {
    background-color: #2aabfd;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    padding: 2px 10px;
}

.exhibitorInfo .colR .en {
    margin-top: 5px;
    padding-top: 5px;
    border-top: solid #000 1px;
    font-size: 12px;
    margin-bottom: 20px;
    padding-left: 10px;
}



/*.exhibitorInfo .colR .tit:before{ content: ''; position: absolute; bottom: -3px; left: 0; padding-top: 3px; background: #007cbd; width: 100px;}*/
.exhibitorInfo .colR .txt {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
}

.moreContents {
    padding-top: 60px;
}

.moreContents {
    display: none;
}


.thumbList {}

.thumbList li {
    flex-basis: calc((100% - 40px)/3);
}

.thumbList li a {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.1);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    padding-top: 66.5%;
    background-position: center center
}

.thumbList li a.movieLink {
    position: relative;
}

.thumbList li a.movieLink:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../images/list/icon_play.png) no-repeat 50% 50%/ 23%
}

/*.fancybox-slide--iframe .fancybox-content { max-width: 800px; margin: 0 auto;}*/


.thumbList li .txt {
    font-size: 14px;
}

.inRow {
    margin-top: 60px;
}

.inRow [class*="titBar-"] {
    padding: 8px 15px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 30px;
}

.inRow .titBar-1 {
    background-color: #8a87619e;
}

.inRow .titBar-2 {
    background-color: #BF0020;
}

.inRow .titBar-3 {
    background-color: #BF0020;
}

.inRow .titBar-4 {
    background-color: #BF0020;
}

.inRow .txt {
    font-size: 16px;
    line-height: 1.6em;
}


.moreBtn {
    background: var(--color-key);
}


.moreBtn a {
    display: block;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 83px;
    background-image: url("../img/common/btn_open.png");
    cursor: pointer;
}

.moreBtn a.kuwashiku {
    background-image: url("../img/common/btn_search-more.png");
    background-size: 240px;
}

.moreBtn a:hover {
    opacity: 1;
}

.moreBtn:hover {
    background: #930019;
    opacity: 1;
}

.list-item.open .moreBtn a.openBtn {
    background-image: url("../img/common/btn_close.png");
}

.list-item.open.fixed {}

.list-item.open.fixed .moreBtn {
    position: fixed;
    bottom: 0;
    left: calc(50% + 240px);
    width: 200px;
    transition: all .3s;
    -webkit-transition: all .3s;
}


.moreBtn.gray {
    background-color: rgba(182, 182, 182, 1.00);
    pointer-events: none
}


.fancybox-slide {
    box-sizing: border-box;
}

.fancybox-slide--iframe .fancybox-content {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    height: auto;
}

.fancybox-slide--iframe .fancybox-content iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.LinkBox {
    padding: 40px 0 0;
}

.LinkBox ul {
    display: flex;
    justify-content: flex-start;
}

.LinkBox ul li {
    margin: 0 15px 0 0;
}

.LinkBox ul li a {
    display: flex;
    align-items: center;
    border-radius: 30px;
    background-color: #BF0020;
    color: white;
    padding: 5px 30px;
    transition: 0.5s;
    font-size: 12px;
}

.LinkBox ul li a span {
    margin-right: 5px;
    display: inline-block
}

.LinkBox ul li a i {
    margin-right: 10px;
}

.LinkBox ul li a:hover {
    background-color: #930019;
}

.LinkBox ul li a.fav-on {
    background-color: #f36eb0;
}

.LinkBox ul li a.fav-off {
    background-color: #ccc;
}

.LinkBox ul li a.gray {
    pointer-events: none;
    background-color: rgba(182, 182, 182, 1.00);
}

.resultNum {
    font-size: 16px;
    margin-bottom: 40px;
}

.resultNum span {
    font-size: 180%;
}


.listBtn {
    display: flex;
    justify-content: center;
    padding: 50px 0;
}

.listBtn a {
    display: block;
    margin: 0 20px
}

.btnIchiran .btn_gra {
    font-size: 18px;
    color: #fff;
    background: rgb(221, 58, 26);
    background: linear-gradient(115deg, rgba(221, 58, 26, 1) 0%, rgba(221, 58, 26, 1) 40%, rgba(221, 112, 26, 1) 50%, rgba(221, 134, 26, 1) 100%);
    padding: 1.8rem 1rem;
    width: 468px;
    max-width: 90%;
    display: block;
    text-align: center;
    border-radius: 5px;
}

.btnMap .btn_gra {
    font-size: 16px;
    color: #fff;
    background: rgb(242, 94, 47);
    background: linear-gradient(124deg, rgba(242, 94, 47, 1) 0%, rgba(219, 50, 94, 1) 100%);
    padding: 1.8rem 1rem;
    width: 468px;
    max-width: 90%;
    display: block;
    text-align: center;
    border-radius: 5px;
}

.btnMap.un .btn_gra {
    background: #ccc !important;
    pointer-events: none
}



/*===============================
             MEDIA
================================*/
@media only screen and (max-width:971px) {
    .list-item.open.fixed .moreBtn {
        left: auto;
        right: 40px;
        width: 150px;
    }

    .list-item.open.fixed .moreBtn {
        background-size: 70px;
    }
}

@media only screen and (min-width:787px) {
    .exhibitorInfo {
        display: flex;
        justify-content: space-between;
    }

    .thumbList ul {
        display: flex;
    }

    .thumbList li:nth-of-type(n+2) {
        margin-left: 20px;
    }
}

@media only screen and (max-width:786px) {
    .list-item {
        margin-bottom: 40px;
    }

    .list-item .innerBox {
        padding: 30px 20px;
    }

    .inRow [class*="titBar-"] {
        padding: 0 20px;
        font-size: 18px;
        line-height: 50px;
        margin-bottom: 20px;
    }

    .exhibitorInfo .colL {
        text-align: center;
        margin-bottom: 20px;
    }

    .exhibitorInfo .colR .tit {
        font-size: 20px;
    }

    .exhibitorInfo .colR .txt {
        font-size: 14px;
    }

    .moreContents {
        padding-top: 40px;
    }

    .thumbList li:nth-of-type(n+2) {
        margin-top: 20px;
    }

    .inRow {
        margin-top: 40px;
    }

    .inRow .txt {
        font-size: 14px;
    }

    .catNav {
        flex-wrap: wrap
    }

    .catNav a,
    .zoneNav a {
        width: 100%;
    }

    .LinkBox ul {
        display: block;
    }

    .LinkBox ul li {
        margin-bottom: 10px;
    }

    .listBtn {
        display: block;
    }

    .listBtn a {
        margin: auto
    }

    .btnIchiran {
        margin-bottom: 20px;
    }

}

@media only screen and (max-width:480px) {}



.btnUP-DOWN {
    position: fixed;
    z-index: 9999;
    top: 25%;
    right: 20px;
}

.btnUP-DOWN .btnUP,
.btnUP-DOWN .btnDOWN {
    background-color: #C30D23;
    padding: 15px;
    color: white;
    display: block;
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.btnUP-DOWN .btnTOP {
    color: #C30D23;
    font-size: 60px;
    text-align: center;
    line-height: 1.2;
    display: block;
}

.btnUP-DOWN .btnTOP span {
    display: block;
    font-size: 12px;
}

#search {}

#search .searchBox {
    margin-bottom: 50px;
}

#search .searchBox .searchTit {
    margin-bottom: 15px;
    font-size: 18px;
    display: flex;
    align-items: center;
    background-color: var(--color-key);
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff
}

#search .searchBox .searchTit i {
    font-size: 22px;
    margin-right: 5px;
    color: #fff
}

.btnSearch {
    display: flex;
    justify-content: center;
    padding-top: 15px;
}

.btnSearch a {
    width: 300px;
    display: block;
    background-color: #006fb2;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
    border-radius: 3px;
    margin: 0 20px 80px;
}

.btnSearch a i {
    margin-right: 5px;
}

#search .searchBox#search05 .searchTit {
    background-color: #0077c2;
}

#search .searchBox#search06 .searchTit {
    background-color: #ccae7a;
}

#search .searchBox#search04 .btnSearch a {
    background: linear-gradient(121deg, rgba(246, 75, 84, 1) 0%, rgba(197, 23, 32, 1) 100%);
}

#search .searchBox#search05 .btnSearch a {
    background: linear-gradient(121deg, rgba(70, 171, 235, 1) 0%, rgba(0, 119, 194, 1) 100%);
}


#search #search01 .inner {
    padding: 5px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 20px;
}

#search #search01 .inner .colL {
    width: 35%;
    background-color: #f1efe7;
    border-radius: 10px;
    padding: 14px;
}

#search #search01 .inner .colR {
    width: 79%;
    padding: 15px;
}

#search #search01 .inner .colR ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 10px;
    border-bottom: dotted 1px #ccc;
}

#search #search01 .inner .colR ul:last-of-type {
    border-bottom: none;
}

#search #search01 .inner .colR ul li {
    width: 33%;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 10px;
}

#search #search01 .inner .colR ul.answer-long li {
    width: 100%;

}

#search #search01 .color01 {
    color: #1581c2
}

#search #search01 .color02 {
    color: #1da407
}

#search #search01 .color03 {
    color: #CF3A55
}

#search #search01 .color04 {
    color: #D65312
}

#search #search01 .color05 {
    color: #000
}

#search #search02 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 20px;
}

#search #search02 ul li {
    width: 25%;
}

#search #search03 .inner {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#search #search03 .inner .col01 {
    width: 30%;
}

#search #search03 .inner .col02 {
    width: 40%;
}

#search #search03 input {
    font-size: 16px;
    padding: 11px;
    border: 1px #ccc solid
}

#search #search03 .select {
    background: #EDEDED;
    height: 50px;
    width: 300px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    color: #000;
    font-size: 16px;
}

#search #search03 .select::after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    z-index: -1;
}

#search #search05 input {
    font-size: 16px;
    padding: 11px;
    border: 1px #ccc solid;
    width: 100%;
}

#search #search05 .inner {
    margin-bottom: 20px;
}

#search #search06 .inner {
    padding: 20px 20px 50px;
    margin-bottom: 100px;
    border-bottom: 1px solid #ccc;
}

#search #search06 .inner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#search #search06 .inner ul li {
    width: 5.1%;
    margin-bottom: 10px;
}

#search #search06 .inner ul li a {
    font-size: 18px;
    text-decoration: underline
}

/* チェックボックス01 */
input[type=checkbox] {
    display: none;
}

.checkbox01 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 0 0 30px;
    position: relative;
    width: auto;
}

.checkbox01::before {
    background: #fff;
    border: 1px solid #231815;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}

.checkbox01::after {
    border-right: 3px solid #e81e6a;
    border-bottom: 3px solid #e81e6a;
    content: '';
    display: block;
    height: 9px;
    left: 10px;
    margin-top: -7px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 5px;
}

input[type=checkbox]:checked+.checkbox01::after {
    opacity: 1;
}

/* ラジオボタン01 */
input[type=radio] {
    display: none;
}

.radio01 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
}

.radio01::before {
    background: #fff;
    border: 1px solid #231815;
    border-radius: 50%;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}

.radio01::after {
    background: #e81e6a;
    border-radius: 50%;
    content: '';
    display: block;
    height: 10px;
    left: 9px;
    margin-top: -4px;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 10px;
}

input[type=radio]:checked+.radio01::after {
    opacity: 1;
}



select {
    /* 初期化 */
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    color: #000;
    font-size: 20px;
    width: 100%;
    height: 100%;
    padding: 0 10px;
}

@media only screen and (max-width: 767px) {

    #search #search01 .inner {
        display: block;
    }

    #search #search01 .inner .colL {
        margin-bottom: 20px;
        width: 100%;
    }

    #search #search01 .inner .colR {
        display: block;
        width: 100%;
    }

    #search #search01 .inner .colR ul li {
        width: 100%;
    }

    #search #search02 ul li {
        width: 100%;
    }

    #search #search03 .inner {
        display: block;
    }

    #search #search03 .inner .col01 {
        width: 100%;
        margin-bottom: 10px;
    }

    #search #search03 .inner .col02 {
        width: 90%;
    }

    .btnSearch a {
        margin: auto
    }

    #search #search06 .inner ul li {
        width: 20%;
        text-align: center;
    }

    .btnSearch {
        display: block;
    }

    .btnSearch a {
        margin: 0 auto 20px;
    }
}


#searchResult {
    margin-top: -150px;
    padding-top: 150px;
}

.searchResult {
    padding: 40px 0;
    margin-top: 80px;
    border-top: 3px double #c30d23;
}

.resultNumBox {
    display: flex;
    align-items: center
}

.resultNum {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    display: inline-block;
}

.resultNum span {
    font-size: 28px;
}

.searchResult .note {
    margin-bottom: 40px;
}

.btnShiborikomi {
    font-size: 18px;
    margin-bottom: 15px;
    display: inline-block;
    padding-left: 25px;
}

.btnShiborikomi a {
    display: inline-block;
    background: rgb(240, 209, 28);
    background: linear-gradient(174deg, rgba(240, 209, 28, 1) 0%, rgba(214, 16, 80, 1) 79%);
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding: 20px 30px;
    border-radius: 3px;
}

.btnShiborikomi a i {
    margin-right: 5px;
}


.btnShiborikomi_2 {
    font-size: 18px;
    margin-bottom: 15px;
    display: inline-block;
    padding-left: 25px;
    margin-left: 25px;
    border-left: 1px solid #ccc;
}

.btnShiborikomi_2 a {
    display: inline-block;
    background: rgb(44, 176, 255);
    background: linear-gradient(180deg, rgba(44, 176, 255, 1) 0%, rgba(0, 111, 178, 1) 97%);
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding: 20px 30px;
    border-radius: 3px;
}

.btnShiborikomi_2 a i {
    margin-right: 5px;
}

ul.resultBox {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

ul.resultBox li {
    width: 30%;
    margin: 0 1.5% 20px;
    background-color: #fff;
    padding: 15px;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

ul.resultBox li figure {
    text-align: center;
    height: 200px;
    margin-bottom: 5px;
    vertical-align: middle;
}

ul.resultBox li figure img {
    max-height: 200px
}

ul.resultBox li .status {
    text-align: right;
    font-size: 11px;
    margin-bottom: 10px;
}

ul.resultBox li .status span {
    text-align: right;
    font-size: 11px;
    color: #fff;
    display: inline-block;
    padding: 0 8px;
    margin-left: 5px;
    border-radius: 3px;
}

ul.resultBox li .status span.zaiseki {
    background-color: #b20004;
}

ul.resultBox li .status span.okini {
    color: #676767;
    border: 1px solid #676767
}

ul.resultBox li .status span.okini.active {
    color: #fff;
    border: none;
    background-color: #e93065;
}

ul.resultBox li .status span.okini i {
    margin-right: 3px;
}

ul.resultBox li .name {
    border-bottom: dotted 1px #ccc;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

ul.resultBox li .comment {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 15px;
}

ul.resultBox li .btnDetail a {
    text-align: center;
    padding: 5px;
    display: block;
    color: #fff;
    background-color: #007cc8;
    border-radius: 5px;
}

ul.resultBox li .btnDetail a:hover {
    opacity: 0.7
}

@media only screen and (max-width: 767px) {
    ul.resultBox li {
        width: 45%;
        padding: 8px;
    }

    ul.resultBox li figure {
        text-align: center;
        height: 90px;
        margin-bottom: 5px;
        vertical-align: middle;
    }

    ul.resultBox li figure img {
        max-height: 90px
    }

    ul.resultBox li .status span {
        margin-bottom: 3px;
        font-size: 9px;
    }

}