@charset "UTF-8";

/* ---------------------------------------------------
   File: stay_guestroom.css
   Version: 1.0.0
   Update: 2017-12-12
   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;
}

/* ===================================================
    Room Box
=================================================== */
.roomBox {
    margin-top: -80px;
    padding: 100px 0 100px;
}

/* -------------------------
  Title
------------------------- */
.beigeArea h4 {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 0.7em;
}

/* -------------------------
  Japanese
------------------------- */
#guestroom .beigeArea {
    font-size: 0.9em;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, self, "Sawarabi Mincho";
    text-align: center;
    padding: 20px 0 10px;
    margin-top: 15px;
}

/* Tel */
#guestroom .beigeArea .tel {
    width: 280px;
    margin: 0 auto;
}

#guestroom .beigeArea .tel img {
    width: 100%;
    height: auto;

}


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

    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 */
    }


    /* ===================================================
    Room Box
=================================================== */
    .roomBox {
        margin-top: -100px;
        padding-top: 100px;
        padding-bottom: 30px;
        margin-bottom: 50px;
    }

    /* -------------------------
  Title
------------------------- */
    .roomBox .tit_left .small {
        font-size: 0.6em;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    /* -------------------------
  Photo
------------------------- */
    .photo img {
        width: 88%;
        height: auto;
        margin: 0 auto;
    }

    /* -------------------------
  Japanese
------------------------- */
    #guestroom_japanese {
        padding-bottom: 50px;
    }

    /* Beige Area */
    #guestroom .beigeArea {
        padding: 20px 4% 10px;
    }

    #guestroom .beigeArea .phoneNumber {
        width: 100%;
        height: auto;
        margin: 10px auto;
        float: none;
    }

    #guestroom .beigeArea .phoneNumber a {
        border: none;
        text-align: center;
        display: block;
        background: #C49532;
        padding: 15px 10px;
        color: #fff;
        border-radius: 5px;
        /* CSS3 */
        -webkit-border-radius: 5px;
        /* Safari,Chrome */
        -moz-border-radius: 5px;
        /* Firefox */
    }

    #guestroom .beigeArea .phoneNumber a img {
        display: inline-block;
        width: 20px;
        height: auto;
        margin-right: 10px;
        vertical-align: text-bottom;
    }

    #guestroom .beigeArea .phoneNumber a {
        font-size: 1.3em;
        font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, self, "Sawarabi Mincho";
    }

    /* Time in */
    #guestroom .beigeArea .phoneNumber a span {
        font-size: 0.6em;
        line-height: 1.4em;
        display: block;
        padding-top: 10px;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }


}