@charset "utf-8";

/*----------------------------------------------------- */
/*   スマホ用定義
/*----------------------------------------------------- */

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

.gHeader_sp{
	display: block;
	color:#FFFFFF;
}
.gHeader_pc{
	display: none;
}
.reserve{
	display: none !important;
}
#gHeader #gNav {
  position: absolute;
  left: 0px;
  top: 20px;
  font-size: 13px;
}
#gHeader #gNav li {
  text-align:center;
  float: left;
  /*padding-top: 5px;
  padding-bottom: 5px;*/
  background: #ffffff!important;
}
/* 基本スタイル
=============================================== */

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: 40px;
}


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

#gHeader {
  height: 50px!important;
  background: #ffffff;
}
#gHeader #gHeadeInner {
  height: 50px;
	background: #fff;
}
#gHeader h1 {
	margin-right: 0px;
  /*margin-left: 20px;*/
}
#gHeader h1 img{
	max-width: 80px;
	height: 100%;
	width: 100%;
	margin-top: 1%;
}
#gHeader h2 {
	margin-right: 0px;
  margin-left: 0px;
}
#gHeader h2 img{
	max-width: 125px;
	height: 100%;
	width: 100%;
	margin-top: 4px;
	margin-left: 20px;
	display: block;
}


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

#gHeader #gNav {
  width: 100%!important;
  position: absolute!important;
  right: 0px!important;
  top: 0px!important;
  z-index:-100;
}
#gHeader #gNav ul {
  display:none;
  margin:0;
  padding:0;
  width: 100%!important;
  position: absolute;
  left: 0px!important;
  top: 50px!important;
}
#gNav li {
  width: 100%!important;
  border-bottom:1px solid #ccc;
}
#gNav li+li {
  margin: 0px!important;
}
#gNav li a.gNav_bg {
  display: block;
  width: 100%!important;
  background: #ffffff!important;
  color: #000000!important;
  padding:25px 0 25px 0!important;
  box-sizing: border-box!important;
  border-radius: 0px!important;
  letter-spacing: 2px!important;
	font-size: 14px;
}
#gNav li a:hover {
  background: #A6CC00!important;
  color: #fff!important;
}
#gNav li a:hover span {
  color: #fff!important;
}
#toggle a {
  display: block;
  height: 50px;
  width: 50px;
  background: url(../img_lp/common/navi_menu.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 20%;
  right:50px;
  background-size:35px;
}
#gHeader #gNav a span {
  color: #666;
}

.ic_tel{
	position: absolute;
	top:0;
	right:0;
}

.ic_tel img{
	width:50px;
}


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

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


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

#cNav {
  border-top: 1px solid #e8e8e8;
  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 #e8e8e8;
}

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


.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;
}



/* ギャラリー
=============================================== */

.photoList{
  width: 100%;
  box-sizing:border-box;
  -webkit-box-sizing: border-box;
  overflow:hidden;
}
.photoList li{
  margin: 0% 2% 20px;
  width: 46%;
}
.photoList li img{
  width: 100%;
}


/* コンセプト
=============================================== */

#concept #service {
  padding: 20px;
}
#concept #outline figure {
  display:none;
}
#concept #service figure {
  float: none;
  margin: 0px 0px 20px 0px;
}


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

#salon #salonList ul {
  width:100%;
}
#salon #salonList li {
  width:100%;
  float: none;
  margin: 0px 0px 50px 0px;
}
#salon #outline {
  width:100%;
  float: none;
  margin-bottom: 30px;
}
#salon #gallery {
  width:100%;
  float: none;
  height: auto;
  margin-bottom: 30px;
}
#salon #gallery ul {
  width:100%;
}
#salon #gallery li {
  width:50%;
  float: left;
  margin: 0;
  padding:10px;
  box-sizing:border-box;
  -webkit-box-sizing: border-box;
}
#salon #gallery li img {
  width: 100%;
  height: auto;
}
#salon #detailsWrap {
  padding: 0;
  margin: 0;
}
#salon #details {
  width:100%;
  float: none;
  padding:20px;
  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
}

/* スタイリスト
=============================================== */

#stylistWrap {

height: auto;
padding:0;
margin-bottom: 60px;
}
#stylist #photo {
  width:100%;
  float: none;
}
#stylist #photo img {
  width:100%;
}
#stylist #details {
  width:100%;
  float: none;
  padding: 30px;
  box-sizing:border-box;
  -webkit-box-sizing: border-box;
}
#stylist #details .gallery {
  display:none;
}


/* モデル
=============================================== */

#model #outline li+li {
  margin: 10px 0px 0px;
}
#model #outline li {
  width:100%;
  float: none;
  height:auto;
}
#model #outline figure {
  width:120px;
}
#model #outline .text {
padding: 20px;
}


/* 製品情報
=============================================== */

#products #outline {
  overflow: hidden;
  margin-bottom: 60px;
}
#products #outline li {
  width:100%;
  float: none;
}
#products #outline li+li {
  margin-left: 0;
}
#products #onlineShopping {
  margin: 0;
  padding: 0;
  text-align:center;
}
#products #onlineShoppingInner {
  width:100%;
  height: auto;
  padding: 30px 0;
}
#products #onlineShopping a:hover {
  margin: 0;
  padding: 0;
}
#products #onlineShopping figure {
  display: none;
}
#products #onlineShopping h2 {
padding-top: 0px;
}
#products #productList {
  margin: 0px;
  padding: 0px;
  list-style: none;
  overflow: hidden;
  clear: both;
}
#products #productList li{
  width: 40%;
  float: left;
  margin: 5%
}
#products #productList li:nth-child(2n+1){
  clear:both;
}
#products #productList li:nth-child(3n+1){
  clear:none;
}
#products #productList figure {
  margin: 0px 0px 20px;
}


/* よくあるご質問
=============================================== */

#qanda #faqList {
  width:100%;
}


/* よくあるご質問
=============================================== */

.entrybody img {
  max-width:100%;
  height: auto!important;
}



/* お客様の声
=============================================== */

#voice #voiceList {
  width:100%;
}
#voice #voiceList figure {
  display:block;
  width:100%;
}
#voice #voiceList figure img {
  width:100%;
}
#voice #voiceList .text {
  display:block;
  width:100%;
  padding: 30px;
  box-sizing:border-box;
  -webkit-box-sizing: border-box;
}


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

#reserve #leftColumn {
  width:100%;
  float: none;
}
#reserve #rightColumn {
  width:100%;
  float: none;
}
#reserve #shopList .btn {
  min-width: 100px;
}
#reserve #point {
  margin-bottom: 40px;
}


/* メニュー
=============================================== */

#menu #pliceList {
  width:100%;
}
#menu #pliceList dt {
  float: none;
  width:100%;
  box-sizing:border-box;
  -webkit-box-sizing: border-box;
}
#menu #pliceList dd {
  float: none;
  width:100%;
  box-sizing:border-box;
  -webkit-box-sizing: border-box;
  border-top: none;
  padding-top: 0;
}

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

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


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

#home #mainVisual {
  height: 300px;
}
#home #mainVisual 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 #mainVisual h1 img{
  height: 80px;
  max-width:100%;
}
#home .images {
height: 300px;
}

#home #conceptSec {
  padding: 40px 0px;
  z-index: 9999;
  position:relative;
}
#home #conceptSec ul {
  width: 100%;
}
#home #conceptSec li+li {
  margin:0;
}
#home #conceptSec li {
  width: 50%;
  box-sizing:border-box;
  -webkit-box-sizing: border-box;
  padding:10px!important;
}
#home #conceptSec li img {
  width: 100%;
}
#home #informationSec {
  box-sizing:border-box;
  -webkit-box-sizing: border-box;
  padding: 40px 10px;
  width: 100%;
  display: block;
  z-index: 9999;
  position:relative;
}
#home #informationSec h2 {
  text-align:center;
  width: 100%;
  display: block;
  z-index: 9999;
  position:relative;
}
#home #salonSec {
  box-sizing:border-box;
  -webkit-box-sizing: border-box;
  padding: 90px 10px;
  width: 100%;
  z-index: 9999;
  position:relative;
}
#home #salonSec ul {
  width: 100%;
}
#home #salonSec li {
float: none;
width: 100%;
margin-bottom: 0px;
}
#home #salonSec li figure {
float: none;
width: 100%;
text-align:center;
}
#home #salonSec li figure img {
  width: 100%;
}
#home #salonSec li .text {
float: none;
width: 100%;
}
#home #salonSec li+li {
margin-top: 40px;
}

#home #blogSec{
  padding: 100px 0px;
  overflow: hidden;
  background: #FFF;
  z-index: 9999;
  position:relative;
}
#home #blogSec ul{
  margin: 0px;
  width: 100%;
  box-sizing:border-box;
  -webkit-box-sizing: border-box;
  padding:10px;
}
#home #blogSec li{
  float: none;
  overflow: hidden;
  clear: both;
  width: 100%;
  margin-bottom: 15px;
  background: #F6F3EE;
}
#home #blogSec li .text{
  display: table-cell;
  vertical-align:middle;
  height:100px;
  padding:0 25px;
}
#home #blogSec li .text h3{
  margin:0;
}
#home #blogSec li figure{
  float: left;
  margin: 0px;
}
#home #blogSec li figure img {
  width: 100px;
  height: 100px;
}
#home #blogSec li .meta{
  display:none;
}
#home #blogSec li+li{
  margin-left: 0px;
}
#home #onlineShoppingSecInner {
  width: 100%;
  box-sizing:border-box;
  -webkit-box-sizing: border-box;
  margin: 0 auto;
  height: auto;
  padding: 50px 10px;
  text-align:center;
}
#home #onlineShoppingSec h2 {
  padding-top: 0;
}

#home #onlineShoppingSec figure {
  display:none;
}
#home #bannerSec {
padding: 60px 10px;
  z-index: 9999;
  position:relative;
}
#home #bannerSec ul {
  width: 100%;
  box-sizing:border-box;
  -webkit-box-sizing: border-box;
}
#home #bannerSec li {
  width: 100%;
  float:none;
}
#home #bannerSec li img {
  width: 100%;
}
#home #bannerSec li+li {
  margin: 10px 0 0;
}
#home #customerSec {
padding: 60px 0px;
  z-index: 9999;
  position:relative;
}
#home #customerSec ul {
  width: 90%;
}
#home #customerSec li {
  width: 100%;
  width: 50%;
  padding:10px;
  box-sizing:border-box;
  -webkit-box-sizing: border-box;
}
#home #customerSec li+li {
  width: 50%;
  border: none;
  margin:0;
}
#home #customerSec li h3 {
  font: normal 16px centurygothic;
}
#home #customerSec li p {
  display:none;
}
#gallerySec  {
  z-index: 9999;
  position:relative;
}
#gallerySec .gallerySlider li img {
  margin: 0 10px;
  width: 120px;
  height: 180px;
}
#gallerySec .gallerySlider {
  height: 175px;
}

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

.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;
}


}