@charset "UTF-8";
@import "reset.css";

/* ----------------------------------------------------------------------------------------------------
*  基本情報
* --------------------------------------------------------------------------------------------------*/
body {
    margin: 0 auto;
    background: #fbf4e0;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
}
.container {
    width: 94%;
    padding: 0 3%;
    margin: 0 auto;
}
.break {display: block;}
.float {float: left;}
.clear {clear: both;}
.clearfix:after {content: "";clear: both;display: block;}

.last-contents {
}

/* ----------------------------------------------------------------------------------------------------
*  @Font-face設定
* --------------------------------------------------------------------------------------------------*/
.@font-face {
    font-family: "apple";
    src: url("../fonts/apple.ttf") format("truetype");
}

/* ----------------------------------------------------------------------------------------------------
*  Font装飾
* --------------------------------------------------------------------------------------------------*/
.attention-color {
    color: #e07a78;
    font-weight: bold;
}


/* ----------------------------------------------------------------------------------------------------
*  サイドバー (ハンバーガーメニュー)
* --------------------------------------------------------------------------------------------------*/
.pure-drawer ul li {
    padding: 10%;
}
.pure-drawer ul li a {
    text-decoration: none;
    color: #222;
    display: inline-block;
    border-bottom: 2px solid #222;
    padding-bottom: 5px;
}

.inner {
    background: #fbf4e0;
}


/* ----------------------------------------------------------------------------------------------------
*  ヘッダー
* --------------------------------------------------------------------------------------------------*/
.header {
    width: 100%;
    height: 110px;
    background: #e8e1cc;
    position: fixed;
    z-index: 999;
}

/*  header上のディスクリプション設定 */
.description {
    width: 100%;
    height: 25px;
    line-height: 25px;
    background: #3d3d3d;
    font-size: 0.5em;
}
.description p {
    color: #e8e1cc;
}

/*  ロゴ設定 */
.logo {
    position: relative;
    top: .8em;
}
.logo img {
    width: 60%;
}

/* ハンバーガーメニュー設定 */
.menu {
    position: absolute;
    top: 1.8em;
    right: .8em;
    font-size: 1.8em;
}
.tel {
    position: absolute;
    top: 11%;
    left: 65%;
    width: 500px;
}
.tel img {
    width: 20px;
    background: #459083;
    padding: 3%;
    border-radius: 3px;
}

/* ----------------------------------------------------------------------------------------------------
*  メインコンテンツ
* --------------------------------------------------------------------------------------------------*/
.main {
    background: #fbf4e0;
    padding-top: 100px;
}
/* index Hero画像の設定 */
.top-hero {
    width: 100%;
}
.top-hero img {
    width: 100%;
}

.top-section-ttl {
    text-align: center;
    font-family: "apple";
}

.section-icon {
    background: url(../images/key_icon.png);
    background-size: cover;
    width: 30px;
    height: 13px;
    margin: 0 auto;
    position: relative;
    top: 15px;
}
.section-icon:last-child {
    top: -10px;
}

.top-txt {
    line-height: 3em;
    font-size: 0.9em;
    color: #3d3d3d;
    display: inline-block;
    padding: 2em 0;
}


/* ----------------------------------------------------------------------------------------------------
*  下層ページ (サロンガイド)
* --------------------------------------------------------------------------------------------------*/
.page-title {
    text-align: center;
    padding: 5% 0 0 0;
    color: #51a294;
    font-size: 1.5em;
}
.section-title h1 {
    font-size: 1.2em;
    text-align: center;
    letter-spacing: 0.1em;
    color: #3d3d3d;
}
.section-title h1 {
    border-bottom: 1px solid #ccc;
    padding: 10% 0;
    display: block;
    width: 94%;
    margin: 0 auto;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.section-box {
    padding: 3% 0 0 0;
}
.section-box b { color: #3d3d3d;}
.section-box dl {
    padding: 3% 0;
}
.section-box dt {
    font-size: 0.8em;
    font-weight: bold;
    color: #3d3d3d;
    border: 2px solid #3d3d3d;
    display: inline-block;
    border-radius: 3px;
    padding: 2% 3%;
}
.section-box dd {
    font-size: 0.8em;
    letter-spacing: .03em;
    line-height: 1.7em;
    padding: 1% 0;
}
.section-anchor {
    display: block;
    width: 50%;
    background: #51a294;
    margin: 0 auto;
    padding: 4%;
    margin-top: 20px;
    color: #f1f1f1;
    text-decoration: none;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    border-radius: 3px;
    border-bottom: 3px solid #459083;
}
.section-txt {
    font-size: 0.8em;
    letter-spacing: .03em;
    line-height: 1.7em;
    padding: 3% 0;
}
.concept-img {
    width: 30%;
    margin-right: 3%;
}
.concept-txt { width: 67%;}

/* ----------------------------------------------------------------------------------------------------
*  下層ページ (メニュー&プライス)
* --------------------------------------------------------------------------------------------------*/
.section-table table{
    width: 100%;
    margin-top: 3%;
}
.section-table table th,td {
    display: block;
}
.section-table table th {
    background: #e8e1cc;
    padding: 5%;
    color: #3d3d3d;
    font-size: 0.8em;
    border-radius: 3px;
    line-height: 1.7em;
}
.section-table table td {
    padding: 4%;
}
.section-table .tax {
    font-size: 0.7em;
    font-weight: bold;
    padding: 5% 0;
    color: #e07a78;
}
.attention-box  {
    padding: 15% 10% 10% 10%;
}
.attention-btn {
    border-bottom: 2px solid #e07a78;
    display: block;
    padding: 2%;
    text-align: center;
    color: #222;
    font-size: 0.8em;
}
.font-small {
    font-size: 0.7em;
}
.bg-focus {
    padding: 2em;
    background: #e8e1cc;
    border-radius: 3px;
}
/* ----------------------------------------------------------------------------------------------------
*  下層ページ (Review)
* --------------------------------------------------------------------------------------------------*/
.inner-ttl {
    background: #e8e1cc;
    border-left: 5px solid #6a4747;
    padding: 3%;
    margin-bottom: 3%;
}
.col2-img {
    margin-right: 5%;
}
.col2-txt {
    width: 65%;
    font-size: 0.8em;
    line-height: 1.7em;
    letter-spacing: .03em;
}

/* ----------------------------------------------------------------------------------------------------
*  下層ページ (ChouChou)
* --------------------------------------------------------------------------------------------------*/
.inner-box {
    letter-spacing: .03em;
    line-height: 1.7em;
    font-size: 0.8em;
    padding: 1% 3% 3% 3%;
}

/* ----------------------------------------------------------------------------------------------------
*  フッター
* --------------------------------------------------------------------------------------------------*/
.sales {
    width: 100%;
    height: 80px;
    background: #aba38d;
    position: fixed;
    bottom: 0;
    z-index: 999;
}
.tel-num {
    padding: 3% 7% 0 7%;
}
.tel-num small {
    font-size: 0.8em;
    display: block;
    color: #5d5d5d;
}
.tel-num a {
    text-decoration: none;
    color: #e86051;
    font-size: 2.5em;
}
.sales-info {
    position: absolute;
    bottom: 0;
    padding: 1.5% 7%;
    font-size: .7em;
}
.footer {
	text-align: center;
    background-color: #e8e1cc;
    padding: 2em 0;
    position: relative;
    margin-top: 10%;
}
.footer p {
    font-size: 0.5em;
    padding-top: 3em;
    color: #3d3d3d;
    letter-spacing: 0.1em;
}
.footer p a {
    color: #e07a78;
    text-decoration: none;
    font-size: 1.5em;
}
.footer small {
    color: #b3ae9f;
    font-size: 0.6em;
    padding: 1em 0;
    position: relative;
    bottom: -10px;
}
/*
@media screen and (max-width:768px) {
}*/