@charset "utf-8";

/*-----------------------------------------------------	*/
/*	 スマホ用
/*-----------------------------------------------------	*/

@media screen and (max-width: 640px) {


/* 基本スタイル
=============================================== */

html {
	overflow-y: visible;
}
body{
	min-width:100%;
}
#contents{
	width: 100%;
	margin: 0;
	overflow:hidden;
}
#contents img{
	max-width:100%!important;
}
.dn {
	display:none;
}

#gHeader #gHeadeInner {
	width: 100%;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
}


/* コンテンツ
=============================================== */

#wrapper {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 10px;
}
#contents {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 10px;
}
#main {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0px;
}
#sub {
	margin-top:50px;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0px;
}
#visual {
	margin-bottom: 30px;
}
#cTitle {
	padding: 70px 0px 60px;
}
#cTitle h2 {
	margin-bottom: 0;
	font-size: 35px;
}

/* ヘッダー
=============================================== */

#gHeader {
	height: 60px!important;
	background-color: #FFF;
}
#gHeader #gHeadeInner {
	height: 60px;
}
#gHeader h1 {
	margin-left: 10px;
}
#gHeader h1 img {
	height: 35px;
	margin: 13px 10px!important;
}


/* グローバルナビ
=============================================== */

#gHeader #gNav {
	width: 100%!important;
	position: absolute!important;
	right: 0px!important;
	top: 0px!important;
	z-index:100000;
}
#gHeader #gNav ul {
	display:none;
	margin:0;
	padding:0;
	width: 100%!important;
	position: absolute;
	left: 0px!important;
	top: 60px!important;
}
#gNav li {
	width: 100%!important;
}
#gNav li+li {
	margin: 0px!important;
	border-top: 1px solid #202020;
}
#gNav li a {
	display: block;
	width: 100%!important;
	background: #f1f1f1!important;
	color: #461b08!important;
	padding:15px!important;
	box-sizing: border-box!important;
	border-radius: 0px!important;
}
#gNav li a:hover {
	background: #f39aa7!important;
	color: #fff!important;
}
#gNav li a:hover span {
	color: #fff!important;
}
#toggle a {
	display: block;
	background: url(../../images/spnav.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 10px;
	right: 20px;
	width: 36px;
	height: 40px;
}


/* フッター
=============================================== */

#footer {
	z-index: 9999;
	position:relative;
}
#footerInner {
	width: 100%;
	padding: 50px 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:center;
}
#footer #fnav dl {
	padding: 0px;
	float:none;
}
#footer #fnav dd {
	font-size: 14px;
	margin: 0px 0px 0px 20px;
}
#footer h1 {
	text-align:center;
	position: relative;
	right: auto;
	top: auto;
	margin: 0px 0px 30px;
}
#footer #fNav li {
display: inline-table;
margin: 5px 10px;
}
#footer #pagetop {
	margin-left: -40px;
}

/* コンテンツ用ナビゲーション
=============================================== */

.pageNav {
	border-top: 1px solid #ece8e6;
	text-align: center;
	overflow: hidden;
	margin: 0px 0 50px;
}
.pageNav .pageNav_inner ul {
	display: block;
	width: 100%;
	margin:0;
	padding: 0;
}
.pageNav .pageNav_inner li {
	display: block !important;
	float: left !important;
	width: 50% !important;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	border-top-style: none !important;
}
.pageNav .pageNav_inner li:nth-child(odd) {
	border-right-style: none !important;
}
#cNav {
	border-top: 1px solid #ece8e6;
	text-align: center;
	overflow: hidden;
	margin: 0px -10px 50px;
}
#cNav ul {
	display: block;
	width: 100%;
	margin: 0;
}
#cNav li {
	display: block;
	float: left;
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#cNav li:nth-child(odd) {
	border-right: 1px solid #ece8e6;
}

/* 共通テーブル
=============================================== */


.tbl {
	border-top: 1px solid #e8e8e8;
}
.tbl th{
	display:block;
	width: 100%;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	border-top: none;
}
.tbl td{
	display:block;
	width: 100%;
	box-sizing:border-box;
	border-top: none;
}


/* 店舗情報
=============================================== */

#salon #salonList ul {
	width:100%;
}
#salon #salonList li {
	width:100%;
	float: none;
	margin: 0px 0px 50px 0px;
}
#salon #detailsWrap {
	width: 100%;
	padding: 0;
	margin: 0;
}
#salon #details {
	width:100%;
	float: none;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
}
#salon #accessMap {
	width:100%;
	float: none;
}
#salon #accessMap .acf-map {
	width: 100%;
	height: 500px;
}
#salon #accessMap img {
	max-width: inherit!important
}


/* MENU
=============================================== */

#menu #contents {
	margin-bottom: 80px;
}
#menu #price {
	width: 100%;
}
#menu #price h3 span {
	display: block;
	margin-left: 0;
	font-size: 9px;
}
#menu #price .colorSample {
	width: 100%;
	margin: 0 auto;
}
#menu #price .colorSample li {
	width: 40%;
}
#menu #price .colorSample li img {
	width: 100%;
}
#menu #price .colorSample li:nth-child(even) {
	margin: 0 0 10px 40px;
}
#menu #price .colorSample li+li {
	margin-left: 0;
}
#menu #price #sample01 {
	margin-bottom: 0;
}
#menu #price #sample02 {
	margin-top: 0;
}
#menu #price #jewely #jewelyBlog {
	padding: 15px 20px;
	float: none;
	width: 240px;
	margin: 30px auto 20px;
}
#menu #price #jewely #jewelyInsta {
	padding: 15px 20px;
	float: none;
	width: 240px;
	margin: 0 auto;
}
#menu #price #jewely p {
	font-size: 12px;
	padding-left: 1em;
	text-indent: -1em;
}

/* STAFF
=============================================== */

#staff #contents {
	margin-bottom: 100px;
}
#staff #visual {
	margin-left: 0;
}
#staff #staffList {
	width:100%;
}
#staff #staffList .name span {
	display: block;
	margin-left: 0;
}
#staff #staffList figure {
	display:block;
	width:100%;
}
#staff #staffList figure img {
	width:100%;
}
#staff #staffList .text {
	display:block;
	width:100%;
	padding: 30px;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
}
#staff #staffList #recruit .meta {
	float: none;
	width: 160px;
	margin: 40px auto 0;
	padding: 15px 20px;
}



/* RECRUIT
=============================================== */

#recruit #contents {
	margin-bottom: 100px;
}
#recruit #recruitBox p {
	font-size: 9px;
	margin-bottom: 30px;
}
#recruit #recruitBox table {
	width: 100%;
}
#recruit #recruitBox table th {
	font-size: 12px;
	width: 80px;
}
#recruit #recruitBox table td {
	font-size: 12px;
}



/* Q&A
=============================================== */

#faq #contents {
	margin-bottom: 70px;
}
#faq #faqList {
	width:100%;
}
#faq #faqList h3 {
	font-size: 15px;
}
#faq #faqList h3:before {
	font-size: 25px;
}
#faq #faqList .answer {
	padding: 5px 15px;
	font-size: 12px;
}


/* ご予約
=============================================== */

#gallery #photo {
	width:100%;
	float: none;
	margin-bottom: 40px;
}
#gallery #details {
	width:100%;
	float: none;
	margin-bottom: 40px;
}


/* トップページ
=============================================== */

#home #mainSlide {
	height: 300px;
}
#home #mainSlide h1 {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 80px;
	text-align: center;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
}
#home #mainSlide h1 img{
	height: 80px;
	max-width:100%;
}
#home .images {
height: 300px;
}

#home #menuBox {
	padding: 40px 0px;
	z-index: 9999;
	position:relative;
}
#home #menuBox ul {
	width: 100%;
}
#home #menuBox li+li {
	margin:0;
}
#home #menuBox li {
	width: 50%;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	padding:10px!important;
}
#home #menuBox li img {
	width: 100%;
}
#home #infoBox {
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	padding: 20px 10px 40px;
	width: 100%;
	display: block;
	z-index: 9999;
	position:relative;
}
#home #infoBox h2 {
	text-align:center;
	width: 100%;
	display: block;
	z-index: 9999;
	position:relative;
}
#home #infoBox h2 img {
	height: 20px;
}
#home #infoBox dl {
	padding: 10px 20px;
}

#home #salonBox {
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	padding: 40px 10px;
	width: 100%;
	z-index: 9999;
	position:relative;
}
#home #salonBox h2 img {
	height: 20px;
}
#home #salonBox ul {
	width: 100%;
}
#home #salonBox li {
	float: none;
	width: 100%;
	margin-bottom: 0px;
}
#home #salonBox li figure {
	float: none;
	width: 100%;
	text-align:center;
}
#home #salonBox li figure img {
	width: 100%;
}
#home #salonBox li .text {
	float: none;
	width: 100%;
}
#home #salonBox li+li {
	margin-top: 50px;
}
#home #salonBox li .meta {
margin: 20px 0 0px 0px;
font-size: 15px;
padding: 10px 25px;
}
#home #salonBox li .store {
	margin-right: 20px;
}
#home #salonBox li a {
	font-size: 15px;
}

#home #postsBox {
	padding: 90px 0px;
	overflow: hidden;
	background: #FFF;
	-webkit-box-sizing: border-box;
	padding: 30px 10px;
	width: 100%;
	z-index: 9999;
	position: relative;
}
#home #postsBox h2 img {
	height: 20px;
}
#home #postsBox .posts {
	width: 100%;
	margin: 0 auto;
}
#home #postsBox .posts li {
	width: 40%;
}
#home #postsBox .posts li img {
	width: 100%;
}
#home #postsBox .posts li:nth-child(even) {
	margin: 0 0 10px 40px;
}
#home #postsBox .posts li+li {
	margin-left: 0;
}
#home #postsBox .snsLink {
	margin: 10px auto 30px;
	max-width: 260px;
	padding-left: 40px;
}
#home #postsBox .snsLink .fb {
	float: left;
	margin: 10px 0 0 30px;
}
#home #postsBox .snsLink .insta {
	margin: 10px 0 0 0;
}

#home #bnrBox {
padding: 60px 10px;
	z-index: 9999;
	position:relative;
}
#home #bnrBox ul {
	width: 100%;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
}
#home #bnrBox li {
	width: 100%;
	float:none;
}
#home #bnrBox li img {
	width: 100%;
}
#home #bnrBox li+li {
	margin: 10px 0 0;
}

/* コンバージョンエリア
=============================================== */

#cvrArea {
	margin: 0 auto;
	padding: 40px 0 20px;
	text-align: center;
	width: 100%;
}
#cvrArea h2 {
	text-align: center;
	margin: 0px 0px 20px;
}
#cvrArea h2 img {
	height: 25px;
}
#cvrArea p {
	font-size: 12px;
}
#cvrArea .infoBox {
	max-width: 265px;
	margin: 30px auto 50px;
	padding-left: 30px;
}
#cvrArea .infoBox .nagoya {
	margin: 10px 0 30px 0;
}
#cvrArea .infoBox .meta a {
	color: #FFF !important;
}
#cvrArea .infoBox .meta a {
	text-decoration: none;
}

/* スライダー
=============================================== */

.slick-prev, .slick-next {
	height: 27px;
	width: 15px;
	margin-top: -14px;
}
.slick-prev {
	left: -0px;
	background-size:cover;
}
.slick-next {
	right: -0px;
	background-size:cover;
}


}