@charset "UTF-8";

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

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


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

    PC 

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

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


/* ===================================================
    Charge Plan
=================================================== */
/* -------------------------
  Title
------------------------- */
#chargePlan h3 {
    width: 1100px;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, self, "Sawarabi Mincho";
    font-size: 1.2em;
    margin: 40px auto 10px;
}

/* -------------------------
  Table
------------------------- */
#chargePlan table {
    width: 1100px;
    margin: 0 auto;
}

#chargePlan table th {
    width: 200px;
    vertical-align: middle;
}

#chargePlan table td small {
    font-size: 0.8em;
    line-height: 1.4em;
    display: block;
}

#chargePlan table td span {
    width: 10em;
    display: inline-block;
}

/* Attention */
#chargePlan .attention {
    width: 1100px;
}

/* ===================================================
    group Plan
=================================================== */
/* -------------------------
  Title
------------------------- */
#groupPlan h3 {
    width: 1100px;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, self, "Sawarabi Mincho";
    font-size: 1.2em;
    margin: 40px auto 10px;
}

/* -------------------------
  Table
------------------------- */
#groupPlan table {
    width: 1100px;
    margin: 0 auto;
}

#groupPlan table th {
    width: 200px;
    vertical-align: middle;
}

#groupPlan table td small {
    font-size: 0.8em;
    line-height: 1.4em;
    display: block;
}

#groupPlan table td span {
    width: 10em;
    display: inline-block;
}

/* Attention */
#groupPlan .attention {
    width: 1100px;
}

/* ===================================================
    Restaurant Information
=================================================== */
/* -------------------------
  Layout
------------------------- */
#restaurantIntrospection,
#restaurantCell {
    margin-top: -120px;
    padding-top: 120px;
}

#restaurantIntrospection {
    padding-bottom: 80px;
}

#restaurantIntrospection .float_r,
#restaurantCell .float_l {
    width: 280px;
}

#restaurantIntrospection .text,
#restaurantCell .text {
    width: 280px;
}

#restaurantIntrospection .frame_gray,
#restaurantCell .frame_gray {
    width: 280px;
}

#restaurantIntrospection dl.line_gray dt,
#restaurantCell dl.line_gray dt {
    width: 80px;
}

#restaurantIntrospection dl.line_gray dd,
#restaurantCell dl.line_gray dd {
    width: 240px;
    padding-left: 80px;
}

/* Small */
#restaurantIntrospection span,
#restaurantCell span {
    font-size: 0.8em;
    display: block;
    line-height: 1.4em;
}

/* -------------------------
  Title
------------------------- */
.tit_left {
    font-size: 1.8em;
    padding-top: 50px;
    margin-bottom: 30px;
}

/* -------------------------
  Btn - Gray
------------------------- */
.btn_gray a {
    font-size: 0.8em;
    line-height: 1em;
    padding: 15px 60px;
    display: inline-block;
    margin-top: 30px;
}

/* ===================================================
    Restaurant Information
=================================================== */
dl.line_gray dd:nth-last-of-type(1) {
    padding-bottom: 10px;
}


/* ===================================================
    Contact Box
=================================================== */
.contactBox .phoneNumber {
    width: 400px;
    float: none;
    margin: 0 auto;
}

/* -------------------------
   Button - Back Plan
------------------------- */
.back_plan {
    margin-bottom: 100px;
}

.back_plan a {
    background: #454445;
}

.back_plan a:hover {
    background: rgba(53, 52, 53, 0.7);
    text-decoration: none;
}

.btn_red.back_plan a:after {
    border-top: #fff 2px solid;
    border-right: #fff 2px solid;
    transform: rotate(-135deg);
    top: 45%;
    left: 15px;
}

/* -------------------------
  Button - Blank
------------------------- */
.blank {
    margin-bottom: 40px;
}

.blank a:after {
    background: url(../img_common/icon_blank_white.png) 0 0 no-repeat;
    background-size: contain;
    display: block;
    width: 6px;
    height: 6px;
    border-top: none;
    border-right: none;
    transform: rotate(0);
    position: absolute;
    top: 45%;
    right: 15px;
}



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

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


    /* ===================================================
    Charge Plan
=================================================== */
    /* -------------------------
  Title
------------------------- */
    #chargePlan h3 {
        width: 100%;
        font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, self, "Sawarabi Mincho";
        font-size: 1.2em;
        margin: 40px auto 10px;
    }

    /* -------------------------
  Table
------------------------- */
    #chargePlan table {
        width: 100%;
        margin: 0 auto;
    }

    #chargePlan table th {
        width: 20%;
        vertical-align: middle;
    }

    #chargePlan table td span {
        width: 10em;
        display: inline-block;
    }

    /* Attention */
    #chargePlan .attention {
        width: 100%;
    }


    /* ===================================================
    group Plan
=================================================== */
    /* -------------------------
  Title
------------------------- */
    #groupPlan h3 {
        width: 100%;
        font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, self, "Sawarabi Mincho";
        font-size: 1.2em;
        margin: 40px auto 10px;
    }

    /* -------------------------
  Table
------------------------- */
    #groupPlan table {
        width: 100%;
        margin: 0 auto;
    }

    #groupPlan table th {
        width: 20%;
        vertical-align: middle;
    }

    #groupPlan table td span {
        width: 10em;
        display: inline-block;
    }

    /* Attention */
    #groupPlan .attention {
        width: 100%;
    }



    /* ===================================================
    Restaurant Information
=================================================== */
    /* -------------------------
  Layout
------------------------- */
    #restaurantIntrospection {
        padding: 100px 0 90px !important;
        margin-top: -100px !important;
    }

    #restaurantIntrospection .float_r,
    #restaurantIntrospection .float_l,
    #restaurantCell .float_r,
    #restaurantCell .float_l {
        width: 100%;
        float: none;
    }

    #restaurantIntrospection .text,
    #restaurantCell .text {
        width: 100%;
    }

    #restaurantIntrospection .frame_gray,
    #restaurantCell .frame_gray {
        width: 100%;
    }

    #restaurantIntrospection dl.line_gray dt,
    #restaurantCell dl.line_gray dt {
        width: 100%;
    }

    #restaurantIntrospection dl.line_gray dd,
    #restaurantCell dl.line_gray dd {
        width: 100%;
        padding-left: 0;
    }

    /* Small */
    #restaurantIntrospection span,
    #restaurantCell span {
        width: 100%;
    }

    /* -------------------------
  Title
------------------------- */
    .tit_left {
        font-size: 1.2em;
        padding-top: 20px;
        margin-bottom: 20px;
    }

    /* -------------------------
  Btn - Gray
------------------------- */
    .btn_gray a {
        width: 100%;
        font-size: 0.8em;
        line-height: 1em;
        padding: 15px 0;
        display: inline-block;
        margin-top: 30px;
    }



    /* ===================================================
    Contact Box
=================================================== */
    .contactBox .phoneNumber {
        width: 80%;
        float: none;
        margin: 0 auto;
    }


    /* -------------------------
   Button - Back Plan
------------------------- */
    .back_plan {
        width: 88%;
        margin: 0 auto 100px;
    }

    .btn_red.back_plan a:after {
        width: 0.4em;
        height: 0.4em;
    }

    /* -------------------------
  Button - Blank
------------------------- */
    .blank {
        width: 88%;
        margin: 0 auto 10px;
    }

}