@charset "UTF-8";

/* ---------------------------------------------------
   File: fitness_index.css
   Version: 1.0.0
   Update: 2017-12-14
   Author: http://flowlab.co.jp

   (c)2007-2017 Flowlab inc. All Rights Reserved.
--------------------------------------------------- */


/* ===========================================================================

    PC 

=========================================================================== */

/* ===================================================
    Local Navigation
=================================================== */
#lnavi li:nth-child(1) a {
    text-decoration: none;
    color: #454545;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

/* ===================================================
    Main
=================================================== */

/* -------------------------
  Main Visual
------------------------- */
.mainVisual .recommendBox h1 {
    letter-spacing: 0;
}


/* ===================================================
    News
=================================================== */
#news {
    background: #E7E8E9;
    padding: 30px 0;
}

/* -------------------------
   Title
------------------------- */
#news h2 {
    width: 260px;
    text-align: center;
    font-size: 1.4em;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, self, "Sawarabi Mincho";
    display: block;
    float: left;
    padding: 20px 0 0;
}

/* -------------------------
   List
------------------------- */
#news ul {
    width: 840px;
    display: block;
    float: right;
}

#news ul li {
    font-size: 0.9em;
    padding-bottom: 5px;
}

#news ul li:last-child {
    padding-bottom: 0;
}

#news .list_diamond li::after {
    top: 0.3em;
}

/* Link */
#news ul li a:hover {
    color: #C49532;
    text-decoration: none;
}

/* Icon - New */
#news ul li .icon_new {
    width: 43px;
    display: inline-block;
}


/* ===================================================
    Visitor
=================================================== */
#visitor .content {
    padding-top: 140px;
}

/* ===================================================
    Program Course
=================================================== */

/* -------------------------
  List
------------------------- */
#programCourseBox li {
    padding-bottom: 60px;
}

#programCourseBox li:nth-child(10) {
    padding-left: 170px;
}

/* -------------------------
  Btn - Gray
------------------------- */
#programCourseBox .btnArea {
    width: 100%;
    margin: 10px auto;
}

#programCourseBox .btn_gray {
    font-size: 0.8em;
    display: inline-block;
}

#programCourseBox .btn_gray a {
    padding: 5px 10px;
}



/* ===========================================================================

    TABLET - LARGE
		
=========================================================================== */
@media screen and (min-width: 992px) and (max-width: 1199px) {}

/* ===========================================================================

	TABLET
		
=========================================================================== */
@media screen and (min-width: 768px) and (max-width: 991px) {}




/* ===========================================================================

	SMART PHONE

=========================================================================== */
@media screen and (max-width: 767px) {

    /* ===================================================
    Local Navigation
=================================================== */
    #lnavi li:nth-child(1) a {
        text-decoration: none;
        color: #fff;
        background: #7c7c7c;
        border-radius: 0;
        /* CSS3 */
        -webkit-border-radius: 0;
        /* Safari,Chrome */
        -moz-border-radius: 0;
        /* Firefox */
    }

    /* ===================================================
    News
=================================================== */
    #news {
        background: #E7E8E9;
        padding: 30px 0;
    }

    /* -------------------------
   Title
------------------------- */
    #news h2 {
        width: 100%;
        font-size: 1.3em;
        float: none;
        padding: 0 0 20px;
    }

    /* -------------------------
   List
------------------------- */
    #news ul {
        width: 100%;
        float: none;
    }

    #news ul li {
        font-size: 1em;
    }

    /* ===================================================
    Visitor
=================================================== */
    #visitor .content {
        padding-top: 80px;
    }

    /* ===================================================
    Program Course
=================================================== */
    #programCourseBox {
        width: 88%;
        margin: 0 auto;
        padding-top: 80px;
    }

    /* -------------------------
  List
------------------------- */
    #programCourseBox li {
        padding-bottom: 30px;
    }

    #programCourseBox li:nth-child(10) {
        padding-left: 0;
    }

    /* -------------------------
  Btn - Gray
------------------------- */
    #programCourseBox .btnArea {
        width: 100%;
        margin: 10px auto;
    }

    #programCourseBox .btn_gray {
        width: 48%;
        font-size: 0.8em;
        display: inline-block;
    }

    #programCourseBox .btn_gray a {
        padding: 10px 0;
    }






}