@charset "UTF-8";
/*
*
* Copyright (c) 2015, AD Line Inc. All rights reserved.
* Data : 2015.10.28
*
*/
/*****************************************************
 extend用 汎用クラス 
*****************************************************/
.folk_r, .archive_list li .section section a h3 { font-family: "フォーク R" , "Folk Regular"; }

.folk_m, .information section .btn_more, .menu .menu_list01 h3, .menu .menu_list02 h3, .salon section dl dt, .page_title, .post h3 { font-family: "フォーク M" , "Folk Medium"; }

.folk_b { font-family: "フォーク B" , "Folk Bold"; }

.sorts, .global_nav ul li a, .section_title, .pager, .post .back_list { font-family: "Sorts Mill Goudy" , sans-serif; }

/*****************************************************
 全体のレイアウト 
*****************************************************/
html { font-size: 62.5%; }

body { position: relative; width: auto; height: auto; background: #f3ebe3; z-index: 0; color: #7b6c50; font-size: 1.2rem; /* フォントサイズ14pxの場合 */ font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-weight: normal; line-height: 1.8; letter-spacing: 1px; }

.inner { width: 94%; margin: 0 auto; position: relative; }

.post_inner { width: 90%; margin: 0 auto; position: relative; }

/*****************************************************
 共通設定 
*****************************************************/
/*　リンク設定
----------------------------------------------------*/
a { color: #c1272d; text-decoration: none; }
a:hover { text-decoration: underline; }

/*****************************************************
 グローバルヘッダー  
*****************************************************/
.global_header { position: relative; width: 100%; height: 300px; background: url(../images/img_mobile_cover01.jpg) no-repeat; background-attachment: fixed; background-size: 100%; }
.global_header div { position: absolute; left: 0; right: 0; bottom: 10%; margin: auto; width: 60%; height: auto; text-align: center; }
.global_header div h1 { width: 100%; height: auto; margin-bottom: 10px; }
.global_header div h1 img { width: 100%; height: auto; }
.global_header div a { display: block; width: 80%; height: auto; margin: auto; }
.global_header div a img { width: 100%; height: auto; }

/*****************************************************
 グローバルナビゲーション 
*****************************************************/
.global_nav { position: relative; width: 100%; height: auto; background: rgba(243, 235, 227, 0.8); border-top: 1px solid #ddd1c2; border-bottom: 1px solid #ddd1c2; z-index: 2; }
.global_nav .site_logo { display: none; width: 100%; height: auto; text-align: center; }
.global_nav .site_logo img { width: 160px; height: auto; }
.global_nav h2.site_logo { display: none; }
.global_nav ul { display: table; width: 100%; height: 50px; }
.global_nav ul li { display: table-cell; }
.global_nav ul li a { display: block; color: #b28146; font-size: 1.4rem; text-align: center; line-height: 60px; text-decoration: none; letter-spacing: 0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; }
.global_nav ul li a:hover { color: #c1272d; }

#scroll_nav { position: fixed; top: 0; left: 0; }

.fixed { position: fixed; top: 0; left: 0; }

/*****************************************************
 グローバルフッター  
*****************************************************/
.global_footer { position: relative; width: 100%; height: auto; background: url(../images/img_mobile_cover03.jpg) no-repeat; background-size: 100%; }
.global_footer .copyright { width: 100%; height: auto; padding: 120px 0 20px; color: #ffffff; text-align: center; }

.page_footer { position: relative; width: 100%; height: aout; padding: 30px 0; border-top: 1px solid #ddcdbe; }
.page_footer .copyright { width: 100%; color: #7b6c50; text-align: center; }

/*****************************************************
 ページ共通 
*****************************************************/
/* ボックスモデル
----------------------------------------------------*/
.main_content { padding: 5px 0 0; font-size: 1.2rem; }

.section { width: 100%; height: auto; padding: 60px 0; }

/* 見出し
----------------------------------------------------*/
.section_title { color: #b28146; font-size: 2.5rem; }

/* スクロール中のカバー
----------------------------------------------------*/
.scroll_cover { width: 100%; height: 250px; overflow: hidden; background: url(../images/img_mobile_cover02.jpg) no-repeat; background-size: 100%; }

/*****************************************************
 トップページ 
*****************************************************/
/* Concept
----------------------------------------------------*/
.concept { width: 90%; height: auto; margin: 0 5%; }
.concept figure { display: block; width: 100%; height: auto; text-align: center; }
.concept figure img { width: 50%; height: auto; }
.concept section { width: 100%; height: auto; padding: 20px 0 0 0; }
.concept section h2 { margin-bottom: 10px; text-align: center; }

/* Information
----------------------------------------------------*/
.information { width: 100%; height: auto; background: #ffffff; }
.information section { position: relative; }
.information section h2 { width: 100%; height: auto; padding-bottom: 20px; border-bottom: 1px dotted #d4c0ae; text-align: center; }
.information section .news_list { width: 100%; height: auto; }
.information section .news_list dl { padding: 15px 0; border-bottom: 1px dotted #d4c0ae; }
.information section .news_list dl dt { display: block; margin-right: 20px; }
.information section .news_list dl dd { display: block; }
.information section .news_list dl dd a { display: block; color: #7b6c50; }
.information section .btn_more { display: block; width: 30%; height: 22px; margin: 40px auto 0; background: #a9815d; border-radius: 3px; color: #ffffff; font-size: 1.3rem; text-decoration: none; text-align: center; line-height: 22px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; }
.information section .btn_more i { margin-right: 5px; }
.information section .btn_more:hover { background: #946134; }

/* Menu
----------------------------------------------------*/
.menu h2 { margin-bottom: 40px; }
.menu .menu_list01 { width: 100%; margin: auto; }
.menu .menu_list01 li { display: block; width: 65%; height: auto; margin: 0 auto 20px; padding: 20px 10%; border: 1px solid #b28146; border-radius: 10px; }
.menu .menu_list02 { width: 100%; margin: auto; }
.menu .menu_list02 li { display: block; width: 65%; height: auto; margin: 0 auto 20px; padding: 20px 10%; border: 1px solid #b28146; border-radius: 10px; }
.menu .menu_list01 h3, .menu .menu_list02 h3 { margin-bottom: 10px; color: #946134; font-size: 1.4rem; }
.menu .menu_list01 dl, .menu .menu_list02 dl { margin-bottom: 5px; }
.menu .menu_list01 dl dt, .menu .menu_list02 dl dt { display: inline-block; width: 35%; }
.menu .menu_list01 dl dd, .menu .menu_list02 dl dd { display: inline-block; }

/* Salon
----------------------------------------------------*/
.salon section { width: 94%; height: auto; padding: 0 3%; }
.salon section h2 { margin-bottom: 20px; }
.salon section dl { margin-bottom: 20px; padding-left: 28px; background: url(../images/bg_salon_12.gif) no-repeat; background-position: left 10px; color: #7b6c50; }
.salon section dl dt { font-size: 1.3rem; }
.salon .google_map { display: none; }

.btn_map { display: block; color: #0071bc; }

/*****************************************************
 お知らせ 
*****************************************************/
/* Archive
----------------------------------------------------*/
.page_title { width: 100%; height: 40px; margin-top: -5px; background: #a9815d; color: #ffffff; font-size: 1.7rem; text-align: center; line-height: 40px; letter-spacing: 2px; }

.archive_list li .section figure { display: block; width: 100%; height: auto; text-align: center; }
.archive_list li .section figure img { width: 60%; height: auto; border-radius: 50%; }
.archive_list li .section section { width: 90%; height: auto; padding: 20px 5% 0; }
.archive_list li .section section a { color: #7b6c50; text-decoration: none; }
.archive_list li .section section a h3 { margin-bottom: 15px; color: #946134; font-size: 1.8rem; }
.archive_list li .section section a span { display: block; margin-top: 15px; }
.archive_list li .section section a:hover h3, .archive_list li .section section a:hover p, .archive_list li .section section a:hover span { color: #c1272d; }
.archive_list li:nth-child(2n) { background: #ffffff; }

/* Pager
----------------------------------------------------*/
.pager { width: 100%; padding: 50px 0; font-size: 1.6rem; text-align: center; line-height: 1; }
.pager a.page-numbers { padding: 7px 8px 8px; margin: 0 5px; border-radius: 3px; color: #946134; text-decoration: none; transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.pager .current { background: #a9815d; padding: 7px 8px 8px; margin: 0 5px; border-radius: 3px; color: #ffffff; text-decoration: none; transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.pager a:hover { color: #ffffff; background: #a9815d; transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }

/* Post
----------------------------------------------------*/
.post h3 { margin-bottom: 10px; color: #946134; font-size: 1.8rem; line-height: 1.3; }
.post figure { width: 100%; height: auto; margin: 30px 0; }
.post figure img { display: block; width: 100%; height: auto; border-radius: 10px; }
.post img { width: 100%; height: auto; }
.post p { font-size: 1.3rem; line-height: 2; margin-bottom: 20px; }
.post .back_list { display: block; width: 60%; height: 40px; margin: 80px auto 40px; background: #a9815d; border-radius: 5px; color: #ffffff; font-size: 1.3rem; text-align: center; line-height: 40px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; }
.post .back_list:hover { background: #946134; text-decoration: none; }