.case .case-list .border {
    padding: 10px 10px 15px
}

.case .case-list__title {
    display: table;
    width: 100%;
    font-weight: 700;
    border: 1px #0074c6 solid
}

.case .case-list__title .scene {
    display: table-cell;
    width: 96px;
    padding: 7px 0 5px;
    color: #0074c6;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1.2
}

.case .case-list__title .place {
    display: table-cell;
    padding: 7px 0 5px;
    color: #fff;
    background-color: #0074c6;
    vertical-align: middle;
    line-height: 1.2
}

.case .case-list__link {
    display: block
}

.case .case-list__link:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.case .case-list__link:hover img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.case .case-list__text {
    padding: 4% 0;
    text-align: left
}

.case .case-list__text .area {
    padding: .66667% 0
}

.case .case-list__text .name {
    text-align: left;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #0074c6;
    line-height: 1.5
}

.case .case-list__photo {
    padding: 0 0 4%
}

.case .case-banner img {
    width: 100%
}

.case .lineup-banner {
    margin-top: 25px;
}

.case .lineup-banner img {
    width: 100%
}

.case .case-banner img__photo {
    padding: 0 0 4%
}

.case .case-detail__title {
    display: table;
    font-weight: 700;
    border: 1px #0074c6 solid
}

.case .case-detail__title .scene {
    display: table-cell;
    width: 130px;
    padding: 6px 0;
    color: #0074c6;
    white-space: nowrap;
    vertical-align: middle
}

.case .case-detail__title .place {
    min-width: 250px;
    display: table-cell;
    padding: 6px 0;
    color: #fff;
    background-color: #0074c6;
    vertical-align: middle
}

.case .case-detail__text {
    padding: 4% 0;
    text-align: left
}

.case .case-detail__text .area {
    font-size: 25.6px;
    font-size: 1.6rem
}

.case .case-detail__text .name {
    text-align: left;
    font-size: 32px;
    font-size: 2.0rem;
    font-weight: 700;
    color: #0074c6;
    line-height: 1.5
}

@media screen and (min-width:768px) {
    .case .case-list .border {
        position: relative;
        padding: 10px 10px 15px
    }

    .case .case-list .button--detail {
        position: absolute;
        bottom: 15px;
        left: 20%
    }

    .case .case-list__title {
        display: table
    }

    .case .case-list__title .scene {
        width: 96px
    }

    .case .case-list__text {
        padding: 10px
    }

    .case .case-list__text .area {
        padding: 5px 0 0
    }

    .case .case-list__text .name {
        font-size: 1.8rem
    }

    .case .case-list__photo {
        margin-bottom: 48px;
        padding: 5px 10px
    }

    .case .case-detail__title {
        font-size: 1.8rem
    }

    .case .case-detail__text {
        padding: 25px 0
    }

    .case .case-detail__text .area {
        padding: 0 0 5px;
        font-size: 2.4rem
    }

    .case .case-detail__text .name {
        font-size: 3.2rem
    }

    .case .case-banner {
        margin-top: 100px
    }

    .case .case-banner img {
        width: 801px
    }
	
    .case .lineup-banner {
        margin-top: 50px
    }
    
    .case .lineup-banner img {
        width: 801px
    }
	
}