@charset "UTF-8";


body {
    background-color: #E1A4AE;
    font-family :
        YuMincho,    /* Mac用 */
        'Yu Mincho', /* Windows用 */
        serif;
}

header p {
    color: #FFF;
}

header span i {
    color: #FFF;
}

header span {
    color: #FFF !important;
}

header a, header span, .contact-info a, .social-icon li a {
    color: #FFF;
}

#contact_phone_number {
    color: #fff;
}


div.row > div > h3 + div {
    display: none;
}

section {
    background-color: #FFF;
    background-position: center center;
    background-size: cover;
}

.section-btn {
    background: #E1A4AE;
    padding: 14px 30px;
}

.j_font {
    font-family: 'Kosugi Maru', sans-serif;
    text-shadow:none;
}

.e_font {
    font-family: 'Fredericka the Great', cursive;
}

.navbar-default {
    background: #fff;
}

h3#logo_image_alt {
    color: #545454 !important;
}

.navbar-default .navbar-nav li a {
    color: #545454;
}

.navbar-default .navbar-nav li a:hover {
    color: #E1A4AE;
    
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #E1A4AE;
}

.owl-theme .owl-dots .owl-dot span {
    border: none;
    background-color: #FFF;
}

.fr-view hr {
    display: none;
}

.btn-default {
    background-color: #fff;
    color: #545454;
    font-size: 24px;
    width: 360px;
    border-radius: 0;
    border: 1px solid #545454;
    font-weight: normal!important;
    position: relative;
    display: inline-block;
    padding-left: 20px;
}

.btn-default::before{
    content: '';
    width: 15px;
    transform: rotate(45deg);
    position: absolute;
    right: 27px;
    top: 23px;
    border-top: 1px solid #545454;
}
@media only screen and (max-width:767px) {
    .btn-default::before {
        top: 19px;
        right: 23px;
    }
}

.btn-default::after{
    top: 55%;
    content: '';
    width: 24px;
    height: 1px;
    border: 0px;
    background-color: #545454;
    position: absolute;
    right: 30px;
}
@media only screen and (max-width:767px) {
    .btn-default::after {
        top: 58%;
        right: 25px;
    }
}

a.btn-default:hover {
    background: #E1A4AE;
    border-color: #fff;
    color: #fff
}

a.btn-default:hover::after {
    background-color: #fff;
}

a.btn-default:hover::before {
    border-top: solid 2px #fff;
}

.col-md-offset-1 .btn-default {
    margin-top: 20px;
}

.col-md-offset-1 .btn-default::after{
    content: none;
}

.col-md-offset-1 .btn-default::before{
    content: none;
}

@media screen and (min-width:480px) { 
    a[href^="tel:"] {
        pointer-events: none;
    }
}


.fr-view table td, .fr-view table th {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #fff;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 20px;
}

.contact-info .fa {
    background: none;
    font-size: 26px;
    color: #FFF;
    vertical-align: top;
}

.fa-envelope-o:before {
    content: "\f0e0";
}

.angle-up-btn a {
    border-radius: 19px;
    font-size: 35px;
    color: #E1A4AE;
}

.angle-up-btn a:hover {
    background-color: #d87c8d;
    border: none;
    color: #fff;
}

.fa-angle-up:before {
    vertical-align: super;
}

footer .border-top {
    border-top: none;
}

.social-icon li a:hover {
    background: #d87c8d;
}

.navbar-default .navbar-nav > li a:hover {
    color: #E1A4AE !important;
}

footer a:hover {
    color: #d87c8d;
}

/*
.navbar-default .navbar-toggle .icon-bar {
    background: #FFF;
}
*/

.sm_text {
    text-align: center;
    margin-bottom: 25px;
    font-size: 18px !important;
}



/*---------------------------------------------
  トップページ用
  ---------------------------------------------*/

#page_index hr {
    display: none;
}

#page_index .slider .item {
    height: 650px !important;
}

#page_index .slider .item .col-md-offset-1 {
    display: block !important;
}

#page_index .slider .item .caption {
    background-color: rgba(255,255,255,0.0) !important;
}

#page_index .col-md-offset-1 div {
    text-shadow: none !important;
}

#page_index .table>tbody>tr>td, #page_index .table>tbody>tr>th, #page_index .table>tfoot>tr>td, #page_index .table>tfoot>tr>th, #page_index .table>thead>tr>td, #page_index .table>thead>tr>th {
    border-top: none;
    /*    border-bottom: 1px solid #fff;*/
}

#page_index .table tbody tr {
    border-bottom: 1px solid #fff;
}

#page_index .table tbody tr:last-child {
    border-bottom: none;
}


#page_index div[id$="rich_text_small"] p {
    font-size: 48px;
}
@media only screen and (max-width:767px) {
    #page_index div[id$="rich_text_small"] p {
        font-size: 24px;
    }
}

#page_index div[id$="rich_text_big"] p {
    font-size: 60px;
}
@media only screen and (max-width:767px) {
    #page_index div[id$="rich_text_big"] p {
        font-size: 40px;
    }
}

/*---------------------------------------------
  下層ページ用
  ---------------------------------------------*/

body:not(#top) h2+hr {
    display: none;
}

body:not(#page_index) .slider .item {
    height: 400px;
    background-position: center center;
}


body:not(#page_index) .slider .item .col-md-offset-1 {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}



body:not(#page_index) .slider .item .caption {
    background-color: rgba(255,255,255,0.3);
}

.col-md-offset-1 div {
    text-shadow: 1px 1px 10px rgba(255,255,255,0.5), 0 0 5em rgba(255,255,255,0.5), 0 0 0.2em rgba(255,255,255,0.5) !important;
}

.copyright-text p {
    color: #fff;
}

/*---------------------------------------------
  サロン_共通
  ---------------------------------------------*/

a:hover, a:active, a:focus {
    color: #d87c8d;
}

.section-button {
    margin-top: 30px;
}

#parts_1-1-1_caption_big_top {
    margin-bottom: 20px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none;
}

.fr-view table td, .fr-view table th {
    border: none;
}

.table>tbody>tr:nth-child(odd) {
    background: rgba(225,164,174,0.3);
}

.table>tbody>tr:nth-child(even) {
    background: rgba(225,164,174,0.6);
}

/*---------------------------------------------
  サロン_タイトル
  ---------------------------------------------*/

h3 {
    color: #545454;
}

h2 {
    color: #e1a4ae;
    font-size: 24px;
}


div.row > div > h3 {
    color: #E1A4AE;
    font-size: 28px;
    color: #545454;
    line-height: normal;
    margin-bottom: 60px;
}

div.row > div > h3 > p {
    font-size: 18px;
    color: #545454;
}

div.row > div > h3 > span {
    margin-top: 1em;
    font-size: 1.2em;
    letter-spacing: 0.1em;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

div.row > div > h3 span::before {
    content: "";
	flex-grow: 1;
	height: 1px;
	background: #545454;
	display: block;
    margin-right: .4em;
}

div.row > div > h3 span::after {
    content: "";
	flex-grow: 1;
	height: 1px;
	background: #545454;
	display: block;
    margin-left: .4em;
}

/*---------------------------------------------
  サロン_新着情報
  ---------------------------------------------*/

ul.news {
    list-style-type: none;
}

ul.news li dl {
    margin-bottom: 0!important;
}

ul.news li dt {
    float: left;
    width: 140px;
    font-size: 16px;
}

ul.news li dd {
    font-size: 16px;
    overflow: auto;
}

ul.news li dd span {
    font-size: 18px;
    display: block;
}

ul.news li {
    padding: 20px;
}

ul.news li:nth-child(odd) {
    background: rgba(225,164,174,0.3);
}

ul.news li:nth-child(even) {
    background: rgba(225,164,174,0.6);
}


/*---------------------------------------------
  サロン_フッター
  ---------------------------------------------*/

#parts_5-1-1_caption_big_bottom {
    color: #fff;
    font-size: 28px;
}

.footer-link {
    color: #fff;
}

.footer-link a {
    color: #fff;
    font-size: 14px !important;
}

.copyright-text p {
    color: #fff;
    font-size: 10px;
}


.footer-link a: {
    color: #d87c8d;
}

.contact-info p {
    font-size: 16px;
}



/*---------------------------------------------
  ニュースページ用
  ---------------------------------------------*/

#page_news #section_1>div {
    padding: 20px 0px 0px 0px !important;
}

#page_news table {
    margin-bottom: 100px;
}
@media only screen and (max-width:767px) {
    #page_news table {
        margin-bottom: 60px;
    }
}

#page_news div[id$="rich_text_small"] p {
    font-size: 32px;
}
@media only screen and (max-width:767px) {
    #page_news div[id$="rich_text_small"] p {
        font-size: 18px;
    }
}

#page_news div[id$="rich_text_big"] p {
    font-size: 60px;
}
@media only screen and (max-width:767px) {
    #page_news div[id$="rich_text_big"] p {
        font-size: 32px;
    }
}


/*---------------------------------------------
  Menuページ用
  ---------------------------------------------*/

#page_menu div[id$="rich_text_small"] p {
    font-size: 32px;
}
@media only screen and (max-width:767px) {
    #page_menu div[id$="rich_text_small"] p {
        font-size: 18px;
    }
}

#page_menu div[id$="rich_text_big"] p {
    font-size: 60px;
}
@media only screen and (max-width:767px) {
    #page_menu div[id$="rich_text_big"] p {
        font-size: 32px;
    }
}

#page_menu hr {
    margin-bottom: 0;
    display: none;
}

#page_menu .section-thumb p {
    font-size: 16px;
    color: #545454;
}

#page_menu table {
    width: 100%;
}

#page_menu table th {
    width: 70%;
    padding-top: 20px;
    padding-bottom: 20px;
    background: none;
}

#page_menu table tr {
    border-bottom: 1px dotted #545454;
}

#page_menu table tr:first-child {
    border-top: 1px dotted #545454;
}

#page_menu table td {
    width: 30%;
    padding-top: 20px;
    padding-bottom: 20px;
}

#page_menu table td, table th {
    font-size: 16px;
    color: #545454;
}

#page_menu h2 {
    text-align: left;
}

#page_menu table.menulist tr {
    border-bottom: 1px solid #545454;
}

#page_menu table.menulist tr:first-child {
    border-top: 1px solid #545454;
}


/*---------------------------------------------
  Galleryページ用
  ---------------------------------------------*/

#page_gallery div[id$="rich_text_small"] p {
    font-size: 32px;
}
@media only screen and (max-width:767px) {
    #page_gallery div[id$="rich_text_small"] p {
        font-size: 18px;
    }
}

#page_gallery div[id$="rich_text_big"] p {
    font-size: 60px;
}
@media only screen and (max-width:767px) {
    #page_gallery div[id$="rich_text_big"] p {
        font-size: 32px;
    }
}



/*---------------------------------------------
  Recruitページ用
  ---------------------------------------------*/

#page_recruit div[id$="rich_text_small"] p {
    font-size: 32px;
}
@media only screen and (max-width:767px) {
    #page_recruit div[id$="rich_text_small"] p {
        font-size: 18px;
    }
}

#page_recruit div[id$="rich_text_big"] p {
    font-size: 60px;
}
@media only screen and (max-width:767px) {
    #page_recruit div[id$="rich_text_big"] p {
        font-size: 32px;
    }
}


/*---------------------------------------------
  SP
  ---------------------------------------------*/


@media only screen and (max-width:767px) {
    .sm_text {
        text-align: left;
    }
    .btn-default {
        width: 100%;
        font-size: 16px;
    }
    .nav>li {
        line-height: 3.8em;
        width: 98%;
        text-align: center;
    }
    .navbar-default .navbar-nav li a {
        width: 100%;
        color: #fff;
    }
    .nav>li>a {
        position: relative;
    }
    h2 {
        font-size: 20px;
    }
    .navbar-toggle {
        margin-top: 15px;
    }
    .footer-link {
        display: none;
    }
    .j_font {
        font-size: 28px!important;
    }
    .e_font {
        font-size: 28px!important;
    }
    section[id^="section_"] > div {
        padding: 20px!important;
    }
    footer .col-md-2 {
        text-align: right !important;
    }
    
/* トップページ用 */

    #page_index .table>tbody>tr>td:nth-child(even) {
        padding-top: 0;
    }

    
    #page_index .table>tbody>tr>td:nth-child(odd), #page_index .table>tbody>tr>th:nth-child(odd), #page_index .table>tfoot>tr>td:nth-child(odd), #page_index .table>tfoot>tr>th:nth-child(odd), #page_index .table>thead>tr>td:nth-child(odd), #page_index .table>thead>tr>th:nth-child(odd) {
        border-bottom: none;
    }
    
    body:not(#page_index) .slider .item {
        height: 285px;
    }

    /* Menuページ用 */
    
    #page_menu p {
        font-size: 14px;
    }
    #page_menu .fr-view table td, .fr-view table th {
        font-size: 16px;
    }
    
    /* サロン_新着情報 */
    ul.news {
        padding: 0;
    }
    ul.news li dt {
    float: none;
    width: 100%;
    font-size: 14px;
    }
    ul.news li dd {
    font-size: 14px;
    }
    ul.news li dd span {
        font-size: 16px;
    }
    /* サロン_タイトル */
    div.row > div > h3 > span {
        font-size: 18px;
    }
    div.row > div > h3 > p {
    font-size: 16px;
    }
    /* サロン_その他 */
    span.sp18 {
        font-size: 18px!important;
    }
    span.sp16 {
        font-size: 16px!important;
    }
    header {
        display: none;
    }
    div.row > div > h3 {
        margin-bottom: 40px;
    }
    .table>tbody>tr>td {
        width: 100%!important;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        border-top: none;
        font-size: 14px;
    }
    .fr-view table td, .fr-view table th {
        border-bottom: none;
    }
    .table>tbody>tr>td:nth-child(even) {
        padding-top: 0;
    }
    .navbar-default {
        background: #e1a4ae;
    }
    h3#logo_image_alt {
    color: #fff !important;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background: #fff;
    }
    .navbar-nav {
        padding-bottom: 100px;
    }

}