body{
     margin:0;
     padding:0;
     font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
     font-size: 14px;
     color:#444;
     line-height:1.6;
     letter-spacing: 2px;
}
/*****************************************
           TEMPLATE LAYOUT
*****************************************/
/*--------------------------------------------------------------
    TEMPLATE　余白
--------------------------------------------------------------*/
#top-contents {
     border-top: 1px solid #ccc;
}
#main-contents {
     padding: 30px 10px 0 10px;
     border-top: 1px solid #ccc;
}
/*****************************************
           ナビゲーション
*****************************************/
#header {
     position: relative;
}
.pull-down-inner {
     position: relative;
     width: 100%;
     height: 60px;
}
.menu-icon {
     color: #444;
     position: absolute;
     top: 36%;
     margin-top: -0.5em;
     right: 15px;
     cursor: pointer;
     border: 1px solid #666;
     width: 45px;
     height: 38px;
     padding: 6px 0 0 12px;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     font-size: 22px;
     z-index: 3000000;
}

.menu-icon.current {
     opacity: 0.3;
}

.pull-down-list li a {
     display: block;
     width: 100%;
     position: relative;
     padding: 15px;
     box-sizing: border-box;
     text-decoration: none;
     color: #333;
     font-size: 12px;
     background-color: #fff;
}
.pull-down-list li a:after {
     font-family: 'FontAwesome';
     content: "\f054";
     color: #444;
     position: absolute;
     top: 50%;
     right: 15px;
     margin-top: -0.5em;
}

.pull-down-list li {
     border-bottom: solid 1px #ccc;
}
.pull-down-list li:last-child {
     border: none;
}
.theme-headline {
     font-size: 32px;
     line-height: 1.5;
     margin: 15px;
}
#nav {
     display:none;
}
/*--------------------------------------------------------------
    各種ページ　トップ画像
--------------------------------------------------------------*/
#top-container {
	position: relative;
	width:  100%;
	margin: 0 auto;
}

#top-container .top-photo img {
	width: 100%;
	height: 160px;
}
/*****************************************
           HEADER CUSTOMIZE
*****************************************/
#header .logo {
     display: none;
}
#header .logo-sp {
     position: absolute;
     top: 5px;
     left: 10px;
}
#header .logo-sp img {
     width: 70px;
     height: auto;
}
#telbtn a {
     position: absolute;
     top: 10px;
     right: 75px;
     width: 55px;
     height: 38px;
     text-align: center;
     display:block;
     padding-top: 5px;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     border: solid 1px #666;
}
#telbtn i { color: #444;
     font-size: 20px;
     margin-right: 5px;
     vertical-align: middle;
}
#telbtn span {
     font-size: 10px;
     font-weight: bold;
     color: #444;
     font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}
#header .tel {
     display: none;
}
#header .open {
     display: none;
}

/*****************************************
           PAGETOP CUSTOMIZE
*****************************************/
#page-top {
     position: fixed;
     bottom: 20px;
     right: 20px;
     z-index: 10000;
}
#page-top a {
     background: #FF86C2;
     text-decoration: none;
     color: #fff;
     width: 50px;
     padding: 3px 0;
     text-align: center;
     display: block;
     border-radius: 5px;
     opacity: 0.6;
     font-size: 14px;
}
#page-top a:hover {
     text-decoration: none;
     opacity: 1;
}

/*****************************************
           footer
*****************************************/
#footer{
}
#footMenu {
     margin: 0 auto;
     text-align:center;
     padding:3px;
     padding: 20px 0px 20px 0px;
     clear:left;
        
}
.copyright {
     padding:20px 0 20px;
     font-size: 12px;
}

/*****************************************
           トップページ：concept
*****************************************/
#top-concept {
     margin: 0 10px 0 10px;
     padding: 20px;
     border: 1px solid #F09ABF;
}
#top-concept h2 {
     font-size: 16px;
     font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
     padding: 0 0 15px 0;
     text-align: center;
     font-weight: bold;
}
#top-concept .concept-text {
     padding: 20px 0 0 0; 

}
#top-concept .concept-photo img {
     width: 100%;
     box-shadow: 0 12px 10px -6px rgba(0,0,0,.3);
}
#top-concept .concept-text p {
     color: #666;
}

/*****************************************
           トップページ：link
*****************************************/
#top-contents #link {
     padding: 50px 10px 30px 10px;
}

#main-contents #link {
     padding: 50px 0 30px 0;
}     
#link ul {
	list-style: none;
}
#link li a {
     display: block;      
     box-shadow:0 0 4px #aaaaaa;
     height: 120px;   
}
#link li .fb {
     color: #fff; 
     font-size: 40px;
     background-color: #43609C;
     font-weight: bold;
     font-family:"Tahoma";
     text-align: center;
     padding: 30px 0 0 0;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     border: solid 2px #fff;       
}
#link li {
     margin-bottom: 10px;
}
#link li i {
     margin-right: 10px;
} 
#link li {
        margin-bottom: 15px;
}   
#link img {
     width:100%;
     height: 120px; 
}
#link a:hover {
        opacity: 0.7;
}

/*****************************************
           トップページ：Infomation
*****************************************/
#top-contents #top-news {
     padding: 5px 0px 0 0px;
}
#main-contents #top-news {
     display: none;
}        
#top-news h2 {
     color: #FF69B4;
     padding: 4px 15px;
     font-size: 18px;
     background-color: #F09ABF;
     font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
     background:linear-gradient(to right,#F09ABF,#FFF1F4,#FEE0EA,#F09ABF);
     border: solid 1px #FE9ECE;
     margin: 0 0 15px 0;
}
#top-news .news-box {
     padding: 10px;
     height: 200px;
     overflow-y: scroll;
     background-color: #FFEDF0;
     border: solid 1px #FE9ECE;
     margin: 0 10px 0 10px;
}
#top-news ul{
     list-style: none;
     padding: 10px 3px 10px 3px;
     border-bottom: dotted 1px #aaa;
}

#top-news ul li:nth-of-type(1){
     font-weight: bold;
     color: #F09ABF;
     font-size: 12px;
}
#top-news ul li:nth-of-type(2){
     font-size: 12px;
}

/***************************************************************
           サロン
***************************************************************/
/*--------------------------------------------------------------
    ビジュアル
--------------------------------------------------------------*/
#salon h2 {
     color: #F08DB8;
     font-size: 20px;
     margin: 0 0 15px 0;
     font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
     font-weight: bold;
     text-align: center;
}
#salon h2 span {
     font-size: 16px;
     margin-left: 15px;
     font-weight: bold;
}
/*--------------------------------------------------------------
    店舗情報
--------------------------------------------------------------*/
#salon .shop-info table {
    width: 100%;
    border-collapse: collapse;
}
#salon .shop-info table th {
    padding: 10px 10px;
    text-align: left;
    width: 30%;
    color: #666;
    font-weight: bold;
    vertical-align: middle;
    border: #F08DB8 1px solid;
}

#salon .shop-info table td {
    padding: 10px 10px;
    width: 70%;
    color: #666;
    border: #F08DB8 1px solid;
}
#salon .shop-info table a {
    font-weight: normal;
    color: #666;
    text-decoration: none;
}

/***************************************************************
           コンセプト
***************************************************************/
#concept h2 {
     color: #F08DB8;
     font-size: 20px;
     margin: 0 0 15px 0;
     font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
     font-weight: bold;
     text-align: center;
}
#concept h2 span {
     font-size: 16px;
     margin-left: 15px;
     font-weight: bold;
}
#concept .concept-box {
     margin-bottom: 40px;
}

#concept .concept-box .concept-text {
     padding: 20px 0 0 0;
} 
#concept .concept-box-2 .concept-text {
     padding: 20px 0 0 0;
}    
#concept .concept-photo img {
     width: 100%;
     box-shadow: 0 12px 10px -6px rgba(0,0,0,.3);
}

/***************************************************************
           メニュー
***************************************************************/
/*--------------------------------------------------------------
    料金表
--------------------------------------------------------------*/
#menu h2 {
     color: #F08DB8;
     font-size: 20px;
     margin: 0 0 15px 0;
     font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
     font-weight: bold;
     text-align: center;
}
#menu h2 span {
     font-size: 16px;
     margin-left: 15px;
     font-weight: bold;
}
#menu .menu-container ul {
     list-style: none;
}
#menu .menu-container ul:after {
     content: "";
     display: block;
     clear: both;
}
#menu .menu-container ul li {
     float: left;
     width: 50%;
     padding: 0 5px;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     margin-bottom: 10px;
}
#menu .menu-container ul li:nth-child(2n+1) {
        clear: both;
}
#menu .menu-container .menu-box {
     border: solid 1px #F09ABF;
     padding: 10px;
}
#menu .menu-container ul li img {
     width: 100%;
     height: 100px;
}
.menu-box a {
     display: block;
     margin: 15px 0 0 0;
     padding: 5px;
     font-size: 9px; 
     color: #FF69B4;
     text-align: center;
     background:linear-gradient(#FFF3F4,#FDECEE,#FFB6C1);
     border: solid 1px #FE9ECE;
     font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
     font-weight: bold;
     letter-spacing: 1px;
}
.menu-box a:hover {
     opacity: 0.7;
}
#menu .menu-price table{
    width: 100%;
    border-collapse: collapse;
}
#menu .menu-price th {
    padding: 10px 0 5px 0;
    text-align: left;
    width: 70%;
    color: #696969;
    font-weight: bold;
}

#menu .menu-price td {
    padding: 10px 0 5px 0;
    text-align: right;
    width: 30%;
    color: #696969;
    font-weight: bold;
}

/***************************************************************
           化粧品
***************************************************************/
/*--------------------------------------------------------------
    ビジュアル
--------------------------------------------------------------*/
#cosmetics h2 {
     color: #F08DB8;
     font-size: 20px;
     margin: 0 0 15px 0;
     font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
     font-weight: bold;
     text-align: center;
}
#cosmetics h2 span {
     font-size: 16px;
     margin-left: 15px;
     font-weight: bold;
}
#cosmetics h3 {
     font-size: 18px;
     padding: 3px 10px;
     background-color: #D7BF39;
     color: #fff;
     margin: 30px 0 15px 0;
     border-radius: 5px;
     font-weight: bold;
     font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}
/*--------------------------------------------------------------
    1列レイアウト
--------------------------------------------------------------*/
#cosmetics .cosme-box .cosme-photo {
     padding: 20px 0 0 0;
     text-align: center;
}

#cosmetics .cosme-box .cosme-photo img {
     width: 35%;
} 

#cosmetics .cosme-title {
     font-size: 13px;
     font-weight: bold;
     padding: 3px 10px;
     background:linear-gradient(#FFF3F4,#FDECEE,#FFB6C1);
     color: #FF69B4;
     border: solid 1px #FF69B4;
     margin: 10px 0 0 0;
}
#cosmetics .cosme-text {
     border-left: solid 1px #FF69B4;
     border-right: solid 1px #FF69B4;
     border-bottom: solid 1px #FF69B4;
     padding: 10px;
}
#cosmetics .cosme-photo-2 {
     margin: 30px 0 0 0;
     display: table;
     width: 100%;
}
#cosmetics .cosme-photo-2 ul {
     list-style: none;
}
#cosmetics .cosme-photo-2 ul li {
     display: table-cell;
     width: 50%;
     vertical-align: top;
}
#cosmetics .cosme-photo-2 ul li:nth-child(odd) {
     padding: 0 5px 0 30px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
}
#cosmetics .cosme-photo-2 ul li:nth-child(even) {
     padding: 0 30px 0 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
}
#cosmetics .cosme-photo-2 ul li img {
     width: 100%;
}


/***************************************************************
           スタッフ
***************************************************************/
/*--------------------------------------------------------------
    ビジュアル
--------------------------------------------------------------*/
#staff h2 {
     color: #F08DB8;
     font-size: 20px;
     margin: 0 0 15px 0;
     font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
     font-weight: bold;
     text-align: center;
}
#staff h2 span {
     font-size: 16px;
     margin-left: 15px;
     font-weight: bold;
}
#staff .staff-box {

}
#staff .staff-box .staff-photo {
     width: 60%;
     margin: 0 auto;
}
#staff .staff-box .staff-text {
     padding: 20px 0 0 0;
}
#staff .staff-box .staff-text .post {
     font-size: 14px;
     font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
     color: #F09ABF;
     text-align: center;
     font-weight: bold;
}
#staff .staff-box .staff-text .name {
     font-size: 20px;
     font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
     padding: 0 0 15px 0;
     color: #808080;
     text-align: center;
     font-weight: bold;
}
#staff .staff-box .staff-photo img {
     width: 100%;
     box-shadow: 0 12px 10px -6px rgba(0,0,0,.3);
}

/***************************************************************
           お客様の声
***************************************************************/
/*--------------------------------------------------------------
    ビジュアル
--------------------------------------------------------------*/
#voice h2 {
     color: #F08DB8;
     font-size: 20px;
     margin: 0 0 15px 0;
     font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
     font-weight: bold;
     text-align: center;
}
#voice h2 span {
     font-size: 16px;
     margin-left: 15px;
     font-weight: bold;
}
#voice .voice-box {
     padding: 15px;
     border: solid 1px #FF69B4;
     border-radius: 10px;
     margin: 0 0 20px 0;
     background-color: #FFFAF0;
}
#voice .voice-box .name {
     padding: 5px 10px;
     background-color: #BE81F7;
     color: #fff;
     font-weight: bold;
     width: 120px;
     margin: 0 0 10px 0;
     text-align: center;
}
#voice .voice-box .menu-title {
     font-weight: bold;
     margin: 0 0 15px 0;
     color: #696969;
     font-size: 12px;
}

/***************************************************************
           アクセス
***************************************************************/
/*--------------------------------------------------------------
    ビジュアル
--------------------------------------------------------------*/
#access h2 {
     color: #F08DB8;
     font-size: 20px;
     margin: 0 0 15px 0;
     font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
     font-weight: bold;
     text-align: center;
}
#access h2 span {
     font-size: 16px;
     margin-left: 15px;
     font-weight: bold;
}
#access .shop-info table {
    width: 100%;
    border-collapse: collapse;
}
#access .shop-info table th {
    padding: 10px 10px;
    text-align: left;
    width: 30%;
    color: #666;
    font-weight: bold;
    border: #F08DB8 1px solid;
    vertical-align: middle;
}

#access .shop-info table td {
    padding: 10px 10px;
    width: 70%;
    color: #666;
    border: #F08DB8 1px solid;
}
#access .shop-info table a {
    font-weight: normal;
    color: #666;
    text-decoration: none;
}
/*--------------------------------------------------------------
    Map
--------------------------------------------------------------*/
#access .map {
    padding: 0 0 30px 0;
}
#access iframe {
    width: 100%;
    height: 300px;
}

/***************************************************************
           ぱんくず
***************************************************************/
.topic-path {
     padding: 2% 0 5% 0;
     list-style-type: none;
}
.topic-path li {
     display: inline;
     color: #585858;
     font-size: 14px;
     letter-spacing: 4px;
}
.topic-path li a {
     color: #87CEEB;
}

/***************************************************************
           ブログ
***************************************************************/
/*--------------------------------------------------------------
    ビジュアル
--------------------------------------------------------------*/
#blog h2 {
     color: #F08DB8;
     font-size: 20px;
     margin: 0 0 15px 0;
     font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
     font-weight: bold;
     text-align: center;
}
#blog h2 span {
     font-size: 16px;
     margin-left: 15px;
     font-weight: bold;
}
#blog article:nth-of-type(n+2) {
     padding: 5% 0 0 0;
}
#blog article h3 {
     padding: 2%;
     border-color: #FFB6C1;
     border-width: 2px 0;
     border-style: solid;
     color: #808080;
     font-size: 16px;
     font-weight: bold;
     letter-spacing: 4px;
}
#blog article h3 i {
     padding: 0 10px 0 0;
}
#blog article ul {
     display: block;
     padding: 5% 0 0 0;
}
#blog article ul li:nth-of-type(1) {
     display: block;
}
#blog article ul li:nth-of-type(1) p {
     padding: 0 2%;
}
#blog article ul li:nth-of-type(1) p img {
     width: 100%;
}
#blog article ul li:nth-of-type(2) {
     display: block;
     padding: 5% 0 0 0;
}
#blog article ul li:nth-of-type(2) p:nth-of-type(1) {
     color: #585858;
     font-size: 14px;
     letter-spacing: 1px;
     line-height: 20px;
}
#blog article ul li:nth-of-type(2) p:nth-of-type(1) span {
     font-weight: bold;
     display: block;
}
#blog article ul li:nth-of-type(2) p:nth-of-type(2) {
     padding: 5% 0 0 0;
     color: #585858;
     font-size: 14px;
     letter-spacing: 1px;
     line-height: 20px;
     text-align: right;
}