@charset "UTF-8";

body {
    margin: 0;
}

.main-contents {
    margin-top: 0;
    padding-top: 0;
}

.main-contents p,
.main-contents ul,
.main-contents dl {
    font-size: 14.5px;
}

.main-contents dl {
    overflow: hidden;
}

.main-contents dt {
    float: left;
}

.main-contents dd {
    margin: 0 0 0.7em 0;
}

.top-image {
    margin-top: 30px;
    margin-bottom: 30px;
}

.top-image img {
    width: 100%;
/*    margin-bottom: 40px;*/
}

.course-list {
    margin-bottom: 15px;
}

.course-box {
    margin-bottom: 10px;
    box-sizing: border-box;
}

.course-list div p {
    padding-bottom: 10px;
    border-bottom: solid 1px gray;
}

.course-box h1 {
    text-align: left;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 20px;
}

.course-1 h1 {
    color: red;
}

.course-2 h1 {
    color: forestgreen;
}

.course-3 h1 {
    color: dodgerblue;
}

.course-4 h1 {
    color: rebeccapurple;
}

.course-1, .course-2 {
    height: 550px;
}

.course-3, .course-4 {
    height: 550px;
}

.course-1 img.float-right {
    float: right;
    width: 55%;
}

.course-4 img.float-right {
    float: right;
    width: 45%;
    margin: 0 0 15px 15px;
}

.course-3 img.float-left {
    float: left;
    margin-right: 15px;
    width: 45%;
}



.course-2 {
    background-image: url(../../common/images/winter-one-day/kawa-handle.jpg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: bottom 20px right 10px;
}

/* ################## 599px以下　################## */

@media (max-width: 599px) {
    

    .course-box h1 {
        text-align: center;
    }
    
    .course-list div p {
        border: none;
    }
    
    .course-1, .course-2, .course-3, .course-4 {
        border-bottom: solid 1px gray;
        margin-bottom: 25px;
    }
    
    .course-1 {
        height: 480px;
    }
    
    .course-2 {
        height: 500px;
        background-image: url(../../common/images/winter-one-day/kawa-handle.jpg);
        background-size: 55%;
        background-repeat: no-repeat;
        background-position: bottom 20px right 0px;
        
    }
    
    .course-3 {
        height: 570px;
    }
    
    .course-4 {
        height: 480px;
    }
    
    .btn a {
        margin-top: 0;
        margin-bottom: 20px;
    }
}

/* ################## 600px以上　################## */

@media (min-width: 600px) {
    .course-list {
        overflow: hidden;
    }
    
    
    .course-list div:nth-child(odd) {
        float: left;
        width: 45%;
        padding: 20px;
        margin-right: 50px;
/*
        border: solid 1px #79c53e;
        border-radius: 10px;
*/
    }
    
    .course-list div:nth-child(even) {
        float: left;
        width: 45%;
        padding: 20px;
/*
        background: #379ad4;
        border-radius: 10px;
*/

    }
    
    
}






/* ############### 1040px以上 ############### */
@media (min-width: 1040px) {
    /* 全体の横幅を固定 */
    .main-contents, .top-image {
        width: 990px;
        margin-left: auto;
        margin-right: auto;
    }
}