@charset "shift_jis";


.mkk {
  background:linear-gradient(transparent 50%, rgb(254, 255, 187) 50%);
  display: inline;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 1.5s;
}
.mkk.on {
  background-size: 100% 100%;
}


.row_wrap {
    overflow: hidden;
}
.name {
    float: left;
    height: 160px;
    display: table;
    margin: 0 0 0 50px;
}
.name span {
    display: table-cell;
    vertical-align: middle;
}
.row_img {
    float: left;
    margin: 0 0 0 30px;
}
.ssp {
    display: none;
}
@media screen and (min-width:768px) and ( max-width:820px) {
    .name {
        float: left;
        height: 160px;
        display: table;
        margin: 0 0 0 10px;
    }
    .row_img {
        float: left;
        margin: 0;
    }
    .ssp {
        display: none;
    }
}
@media screen and (min-width:550px) and ( max-width:767px) {
    .row_wrap {
        overflow: hidden;
        width: 90%;
        margin: 0 auto
    }
    .name {
        float: left;
        height: 160px;
        width: 60%;
        display: table;
        margin: 0;
        text-align: center;
    }
    .row_img {
        float: left;
        width: 40%;
        margin: 0;
    }
    .ssp {
        display: none;
    }
}
@media screen and (min-width:320px) and ( max-width:549px) {
    .row_wrap {
        overflow: hidden;
        width: 100%;
        margin: 0 auto
    }
    .name {
        float: left;
        height: 160px;
        width: 56%;
        display: table;
        margin: 0;
        text-align: center;
    }
    .row_img {
        float: left;
        width: 40%;
        margin: 0 4% 0 0;
    }
    .ssp {
        display: block;
    }
}