@charset "UTF-8";

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

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


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

    PC 

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

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

/* ===================================================
    Point
=================================================== */
#point {
    padding-bottom: 20px;
}

/* -------------------------
  Pickup - Red Icon
------------------------- */
.redIcon {
    width: 750px;
    margin: 0 auto 70px;
}

.redIcon .tit_redIcon {
    float: none;
    width: 480px;
}

.redIcon .float_r {
    width: 480px;
}

.redIcon .btn_gray a {
    font-size: 0.8em;
    line-height: 1em;
    padding: 15px 60px;
    display: inline-block;
    margin-top: 20px;
}

/* ===================================================
    Price
=================================================== */
/* -------------------------
  Table
------------------------- */
#price table.th_gray {
    width: 1100px;
}

#price table.th_gray th,
#price table.th_gray td {
    text-align: center;
    vertical-align: middle;
}

#price table.th_gray th span {
    font-size: 0.7em;
    line-height: 1.4em;
    display: block;
}

/* Entry Fee */
#price .th_entryFee {
    width: 15%;
}

/* Monthly Dues */
#price .th_monthlyDues {
    width: 15%;
}

/* Day */
#price .th_day {
    width: 25%;
}

/* Time */
#price .th_time {
    width: 25%;
}

#price .td_time span {
    width: 5em;
    text-align: left;
    display: inline-block;
}

/* -------------------------
  Btn - Red
------------------------- */
#price .btn_red {
    margin-top: 40px;
}

/* ===================================================
    Initiation
=================================================== */
.frame_gray {
    width: 800px;
    margin: 0 auto;
}

dl.line_gray dt {
    width: 200px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-bottom: none;
}

dl.line_gray dd {
    width: 100%;
    padding-left: 220px;
    float: none;
}

#initiation dl.line_gray dd .attention {
    font-size: 0.7em;
    line-height: 1.4em;
    display: block;
    margin-top: 10px;
}


/* -------------------------
   Flow
------------------------- */
#flow {
    width: 800px;
    margin: 70px auto 0;
}

#flow section {
    min-height: 75px;
    padding: 10px 0 0 100px;
    margin-bottom: 20px;
    background-size: 75px 75px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

/* Title */
#flow section h3 {
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, self, "Sawarabi Mincho";
    font-size: 1.6em;
    margin-bottom: 10px;
}

/* Icon */
#flow .step1 {
    background-image: url(../images/fitness/img_flow_step1.png);
}

#flow .step2 {
    background-image: url(../images/fitness/img_flow_step2.png);
}

#flow .step3 {
    background-image: url(../images/fitness/img_flow_step3.png);
}

#flow .step4 {
    background-image: url(../images/fitness/img_flow_step4.png);
}

/* Link */
#flow a {
    text-decoration: underline;
}

#flow a:hover {
    text-decoration: none;
}



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

    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(6) a {
        text-decoration: none;
        color: #fff;
        background: #7c7c7c;
        border-radius: 0;
        /* CSS3 */
        -webkit-border-radius: 0;
        /* Safari,Chrome */
        -moz-border-radius: 0;
        /* Firefox */
    }

    /* ===================================================
    Point
=================================================== */
    #point {
        padding-bottom: 20px;
    }

    /* -------------------------
  Pickup - Red Icon
------------------------- */
    .redIcon {
        width: 88%;
        margin: 0 auto 40px;
    }

    .redIcon .tit_redIcon {
        width: 100%;
    }

    .redIcon .float_r {
        width: 100%;
        float: none;
    }

    .redIcon .btn_gray a {
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-size: 0.8em;
        line-height: 1em;
        padding: 15px 0;
        display: block;
        margin-top: 20px;
    }


    /* ===================================================
    Price
=================================================== */
    /* -------------------------
  Table
------------------------- */
    #price table.th_gray {
        width: 100%;
    }

    #price table.th_gray th,
    #price table.th_gray td {
        text-align: left;
    }

    #price table.th_gray th {
        text-align: center;
    }

    #price table.th_gray th span {
        font-size: 0.7em;
        line-height: 1.4em;
        display: inline;
    }

    /* Entry Fee */
    #price .th_entryFee {
        width: auto;
    }

    /* Monthly Dues */
    #price .th_monthlyDues {
        width: auto;
    }

    /* Day */
    #price .th_day {
        width: auto;
    }

    /* Time */
    #price .th_time {
        width: auto;
    }

    #price .td_time span {
        width: 5em;
        text-align: left;
        display: inline-block;
    }

    /* -------------------------
  Btn - Red
------------------------- */
    #price .btn_red {
        margin-top: 20px;
    }


    /* ===================================================
    Initiation
=================================================== */
    .frame_gray {
        width: 100%;
    }

    dl.line_gray dt {
        width: 100%;
    }

    dl.line_gray dd {
        width: 100%;
        padding-left: 0;
    }


    /* -------------------------
   Flow
------------------------- */
    #flow {
        width: 100%;
        margin: 50px auto 0;
    }

    #flow section {
        min-height: 60px;
        padding: 0 0 0 70px;
        background-size: 60px 60px;
    }

    /* Title */
    #flow section h3 {
        font-size: 1.2em;
        margin-bottom: 5px;
    }


}