@charset "utf-8";

/*--------------------------------------------------------------*/
/* CSS and Graphics are released under Creative Commons Licence */
/* https://www.webplus.jp/                                       */
/* Copyright (C) Kiyonobu Horita @ WEBPLUS Inc.                 */
/*--------------------------------------------------------------*/


/* -----------------------------------------------------------

　header

-------------------------------------------------------------- */
header {
    position: relative;
    width: 100%;
    height: 200px;
    margin-top: 95px;
    background: rgba(0, 0, 0, 1.0);
    color: rgba(255, 255, 255, 1.0);
    overflow: hidden;
    z-index: 0;
}

header .layer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg_raster.png) 0 0 repeat;
}

header.default {
    background: url(../images/eyecatch_mb_news.jpg) center center /cover no-repeat;
}

#pageMain header {
    background: url(../images/eyecatch_pagemain_B.jpg) center top / cover no-repeat;
}

#postMain header {
    background: url(../images/eyecatch_pagemain_G.jpg) center top / cover no-repeat;
}

#about header {
    background: url(../images/eyecatch_mb_about.jpg) center center / cover no-repeat;
}

#facility.facility_pool header {
    background: url(../images/eyecatch_mb_facility_pool.jpg) center center / cover no-repeat;
}

#facility.facility_studio header {
    background: url(../images/eyecatch_mb_facility_studio.jpg) center center / cover no-repeat;
}

#facility.facility_short header {
    background: url(../images/eyecatch_mb_facility_short.jpg) center center / cover no-repeat;
}

#facility.facility_gym header {
    background: url(../images/eyecatch_mb_facility_gym.jpg) center center / cover no-repeat;
}

#facility.facility_bath header {
    background: url(../images/eyecatch_mb_facility_bath.jpg) center center / cover no-repeat;
}

#facility.facility_radium header {
    background: url(../images/eyecatch_mb_facility_bath.jpg) center center / cover no-repeat;
}

#facility.facility_sauna header {
    background: url(../images/eyecatch_mb_facility_sauna.jpg) center center / cover no-repeat;
}

#facility.facility_rocker header {
    background: url(../images/eyecatch_mb_facility_rocker.jpg) center center / cover no-repeat;
}

#facility.facility_fit header {
    background: url(../images/eyecatch_mb_facility_fit.jpg) center bottom / cover no-repeat;
}

#facility.facility_careroom header {
    background: url(../images/eyecatch_mb_facility_careroom.jpg) center top / cover no-repeat;
}

#facility.careroom header {
    background: url(../images/eyecatch_mb_facility_careroom.jpg) center center / cover no-repeat;
}

#facility.facility_antivirus header {
    background: url(../images/eyecatch_mb_facility_antivirus.jpg) center top / cover no-repeat;
}

#enrollment_price.enrollment header {
    background: url(../images/eyecatch_mb_enrollment_enrollment.jpg) center center / cover no-repeat;
}

#enrollment_price.price header {
    background: url(../images/eyecatch_mb_enrollment_price.jpg) center center / cover no-repeat;
}

#enrollment.visit header {
    background: url(../images/eyecatch_pagemain_B.jpg) center top / cover no-repeat;
}

#enrollment.experience header {
    background: url(../images/eyecatch_pagemain_B.jpg) center top / cover no-repeat;
}

#program.program_pool header {
    background: url(../images/eyecatch_mb_program_pool.jpg) center center / cover no-repeat;
}

#program.program_studio header {
    background: url(../images/eyecatch_mb_program_studio.jpg) center center / cover no-repeat;
}

#program.program_short header {
    background: url(../images/eyecatch_mb_program_short.jpg) center top / cover no-repeat;
}

#program.program_fit header {
    background: url(../images/eyecatch_mb_program_fit.jpg) center bottom / cover no-repeat;
}

#school.school_swim header {
    background: url(../images/eyecatch_mb_school_swim.jpg) center center / cover no-repeat;
}

#school.school_adult header {
    background: url(../images/eyecatch_mb_school_adult.jpg) center center / cover no-repeat;
}

#school.school_child header {
    background: url(../images/eyecatch_mb_school_child.jpg) center center / cover no-repeat;
}

#school.school_traning header {
    background: url(../images/eyecatch_mb_school_traning.jpg) center center / cover no-repeat;
}

#school.school_culture header {
    background: url(../images/eyecatch_mb_school_culture.jpg) center center / cover no-repeat;
}

#school.school_private header {
    background: url(../images/eyecatch_mb_school_private.jpg) center center / cover no-repeat;
}

#recruit.recruit_staff header {
    background: url(../images/eyecatch_mb_recruit_staff.jpg) center center / cover no-repeat;
}

#recruit.recruit_instractor header {
    background: url(../images/eyecatch_mb_recruit_instractor.jpg) center center / cover no-repeat;
}

#recruit.recruit_swimming_instractor header {
    background: url(../images/eyecatch_mb_recruit_swimming_instractor.jpg) center center / cover no-repeat;
}

#contact header {
    background: url(../images/eyecatch_mb_contact.jpg) center center / cover no-repeat;
}

#thanks header {
    background: url(../images/eyecatch_mb_contact.jpg) center center / cover no-repeat;
}

#search header {
    background: url(../images/eyecatch_pagemain_B.jpg) center center / cover no-repeat;
}

#sitemap header {
    background: url(../images/eyecatch_pagemain_B.jpg) center center / cover no-repeat;
}

header h2 {
    position: absolute;
    top: 40%;
    padding-bottom: 10px;
    width: 100%;
    color: rgba(255, 255, 255, 1.0);
    font-size: 3.0rem;
    font-weight: 500;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (min-width:768px) {

    header {
        height: 300px;
        margin-top: 0;
    }

    header h2 {
        top: 60%;
        font-size: 4.0rem;
    }

}

@media only screen and (min-width:1200px) {

    header.default {
        background: url(../images/eyecatch_news.jpg) center top no-repeat scroll;
    }

    #pageMain header {
        background: url(../images/eyecatch_pagemain_B.jpg) center top no-repeat;
    }

    #postMain header {
        background: url(../images/eyecatch_pagemain_G.jpg) center top no-repeat;
    }

    #about header {
        background: url(../images/eyecatch_about.jpg) center top no-repeat;
    }

    #facility.facility_pool header {
        background: url(../images/eyecatch_facility_pool.jpg) center top no-repeat;
    }

    #facility.facility_studio header {
        background: url(../images/eyecatch_facility_studio.jpg) center top no-repeat;
    }

    #facility.facility_short header {
        background: url(../images/eyecatch_facility_short.jpg) center top no-repeat;
    }

    #facility.facility_gym header {
        background: url(../images/eyecatch_facility_gym.jpg) center top no-repeat;
    }

    #facility.facility_bath header {
        background: url(../images/eyecatch_facility_bath.jpg) center top no-repeat;
    }

    #facility.facility_radium header {
        background: url(../images/eyecatch_facility_bath.jpg) center top no-repeat;
    }

    #facility.facility_sauna header {
        background: url(../images/eyecatch_facility_sauna.jpg) center top no-repeat;
    }

    #facility.facility_rocker header {
        background: url(../images/eyecatch_facility_rocker.jpg) center top no-repeat;
    }

    #facility.facility_fit header {
        background: url(../images/eyecatch_facility_fit.jpg) center top no-repeat;
    }

    #facility.facility_careroom header {
        background: url(../images/eyecatch_facility_careroom.jpg) center top no-repeat;
    }

    #facility.careroom header {
        background: url(../images/eyecatch_facility_careroom.jpg) center top no-repeat;
    }

    #facility.facility_antivirus header {
        background: url(../images/eyecatch_antivirus.jpg) center top no-repeat;
    }

    #enrollment_price.enrollment header {
        background: url(../images/eyecatch_enrollment_enrollment.jpg) center top no-repeat;
    }

    #enrollment_price.price header {
        background: url(../images/eyecatch_enrollment_price.jpg) center top no-repeat;
    }

    #program.program_pool header {
        background: url(../images/eyecatch_program_pool.jpg) center top no-repeat;
    }

    #program.program_studio header {
        background: url(../images/eyecatch_program_studio.jpg) center top no-repeat;
    }

    #program.program_short header {
        background: url(../images/eyecatch_program_short.jpg) center top no-repeat;
    }

    #program.program_fit header {
        background: url(../images/eyecatch_program_fit.jpg) center top no-repeat;
    }

    #school.school_swim header {
        background: url(../images/eyecatch_school_swim.jpg) center top no-repeat;
    }

    #school.school_adult header {
        background: url(../images/eyecatch_school_adult.jpg) center top no-repeat;
    }

    #school.school_child header {
        background: url(../images/eyecatch_school_child.jpg) center top no-repeat;
    }

    #school.school_traning header {
        background: url(../images/eyecatch_school_traning.jpg) center top no-repeat;
    }

    #school.school_culture header {
        background: url(../images/eyecatch_school_culture.jpg) center top no-repeat;
    }

    #school.school_private header {
        background: url(../images/eyecatch_school_private.jpg) center top no-repeat;
    }

    #recruit.recruit_staff header {
        background: url(../images/eyecatch_recruit_staff.jpg) center top no-repeat;
    }

    #recruit.recruit_instractor header {
        background: url(../images/eyecatch_recruit_instractor.jpg) center top no-repeat;
    }

    #recruit.recruit_swimming_instractor header {
        background: url(../images/eyecatch_recruit_swimming_instractor.jpg) center top no-repeat;
    }

    #contact header {
        background: url(../images/eyecatch_contact.jpg) center top no-repeat;
    }

    #thanks header {
        background: url(../images/eyecatch_contact.jpg) center top no-repeat;
    }

    #search header {
        background: url(../images/eyecatch_pagemain_B.jpg) center top no-repeat;
    }

    #sitemap header {
        background: url(../images/eyecatch_pagemain_B.jpg) center top no-repeat;
    }

}

@media only screen and (min-width:1920px) {
    header {
        background-size: cover !important;
    }
}

/* -----------------------------------------------------------

　.breadCrumb

-------------------------------------------------------------- */
.breadCrumb {
    padding: 15px 0;
    background: rgba(245, 245, 245, 1.0);
    font-size: 1.4rem;
}

/* -----------------------------------------------------------

　main

-------------------------------------------------------------- */
main {
    background: rgba(255, 255, 255, 1.0);
}

.penB {
    background: -o-linear-gradient(transparent 50%, #99FFFF 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #99FFFF));
    background: linear-gradient(transparent 50%, #99FFFF 50%);
}

.penY {
    background: -o-linear-gradient(transparent 50%, #FF6 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #FF6));
    background: linear-gradient(transparent 50%, #FF6 50%);
}

.penG {
    background: -o-linear-gradient(transparent 50%, #6FC 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #6FC));
    background: linear-gradient(transparent 50%, #6FC 50%);
}

.penP {
    background: -o-linear-gradient(transparent 50%, #EA68A2 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #EA68A2));
    background: linear-gradient(transparent 50%, #EA68A2 50%);
}

/* -----------------------------------------------------------

　#sidebar

-------------------------------------------------------------- */
#sidebar {
    margin-top: 5vh;
    margin-bottom: 10vh;
}

#sidebar .widget {
    margin-bottom: 40px;
}

#sidebar h2 {
    margin: 0;
    margin-bottom: 5px;
    padding: 10px 0;
    background: rgba(51, 51, 51, 1.0);
    color: rgba(255, 255, 255, 1.0);
    font-size: 2.0rem;
    font-weight: 400;
    text-align: center;
}

#sidebar .widget h3 {
    margin: 0;
    margin-bottom: 10px;
    padding: 5px 0;
    background: rgba(230, 230, 230, 1.0);
    font-size: 1.8rem;
    font-weight: 400;
    text-align: center;
}

#sidebar .widget li,
#sidebar .only li {
    padding: 0.8rem 1.0rem;
    min-height: 3.6rem;
    border-bottom: 1px dotted rgba(160, 160, 160, 1.0);
    font-size: 1.6rem;
}

#sidebar .widget li::before,
#sidebar .only li::before {
    margin-right: 5px;
    font-family: "FontAwesome";
    content: "\f105";
}

#sidebar .widget li:hover,
#sidebar .only li:hover {
    background: rgba(245, 245, 245, 1.0);
    border-bottom: 1px dotted rgba(245, 245, 245, 1.0);
}

#sidebar .widget label {
    display: none;
}

#sidebar .widget select {
    margin-left: 10%;
    padding-left: 10px;
    width: 80%;
    height: 40px;
    font-size: 1.8rem;
}

#sidebar .widget .cat-item-18,
#sidebar .widget .cat-item-19,
#sidebar .widget .cat-item-20,
#sidebar .widget .cat-item-21,
#sidebar .widget .cat-item-22,
#sidebar .widget .cat-item-23 {
    display: none;
}

#sidebar .only {
    margin-bottom: 40px;
}

#sidebar .relation li a {
    display: block;
    margin-bottom: 10px;
    padding: 2px;
    border: 1px solid rgba(204, 204, 204, 1.0);
}

#sidebar .relation li a:hover {
    border: 1px solid rgba(255, 102, 0, 1.0);
}

@media only screen and (min-width:768px) {

    #sidebar .widget li,
    #sidebar .only li {
        padding: 0.8rem 0;
        font-size: 1.4rem;
    }

    #sidebar .widget select {
        margin-left: 0;
        width: 100%;
        height: 30px;
        font-size: 1.4rem;
    }

    #sidebar div[class^="direct"] li {
        padding: 0.3rem 0;
        font-size: 1.4rem;
    }

}

@media only screen and (min-width:992px) {

    #sidebar .widget li,
    #sidebar .only li {
        font-size: 1.6rem;
    }

    #sidebar .widget select {
        height: 40px;
        font-size: 1.6rem;
    }

    #sidebar div[class^="direct"] li {
        font-size: 1.6rem;
    }

}





/*--------------------　▲　end of file　▲　*/