@charset "utf-8";
ul li, ol li {
  list-style: none !important;
}
body, h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, table, form, input {
  margin: 0;
  padding: 0;
}
hr {
  display: none;
}
th {
  font-weight: lighter;
}
img {
  border: none;
  vertical-align: bottom;
}
/*-------------------------------------------*/
/*	基本設定
/*-------------------------------------------*/
body {
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #333;
  line-height: 1.6;
  margin: 0px;
  padding: 0px;
  background-color: #FFF;
  font-size: 12px;
}
dt {
  font-weight: bold;
}
strong {
  font-weight: bold;
}
pre {
  background: #f7f7f7;
  color: #222;
  line-height: 18px;
  margin-bottom: 18px;
  padding: 1.5em;
}
sup, sub {
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}
sup {
  bottom: 1ex;
}
sub {
  top: .5ex;
}
input[type="text"], textarea {
  background: #eaedf2;
  border: 1px solid #ccc;
  padding: 3px;
  font-size: 12px;
}
a {
  overflow: hidden;
  color: #000;
}
a:hover, a:active {
  color: #666;
  text-decoration: none;
}
a:hover img {
  opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  -khtml-opacity: .60; /* Safari 1.x */
  -moz-opacity: .60; /* FF lt 1.5, Netscape */
}
.adminEdit {
  clear: both;
  float: none;
  display: block;
  overflow: hidden;
  padding: 0px 0px 20px;
}
.assistive-text {
  display: none;
}
/*反転時の文字色・背景色 */ ::selection {
  background-color: #ccc;
  color: #000;
}
/* Firefox対応*/ ::-moz-selection {
  background-color: #ccc;
  color: #000;
}
h1 {
  font-size: 11px;
  font-weight: normal;
}
/*-------------------------------------------*/
/*	Btn
/*-------------------------------------------*/
#searchform input[type=submit], p.form-submit input[type=submit], form#searchform input#searchsubmit, #content form input.wpcf7-submit, #confirm-button input {
  font-size: 12px;
  line-height: 110%;
  text-align: center;
  position: relative;
  width: auto;
  border: 1px solid #f1183b;
  display: inline-block;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  padding: 8px 20px 6px;
  text-decoration: none;
}
a.btn, .linkBtn a, input[type=button], input[type=submit] {
  color: #FFF;
  display: inline-block;
  overflow: hidden;
  margin-top: 15px;
  position: relative;
  padding: 8px 15px 6px;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #bf995a;
  background: #f1183b;
  box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1);
}
a.btn.btnS, .linkBtn.linkBtnS a {
  padding: 5px 10px;
  font-size: 85.7%;
}
.linkBtn.linkBtnS a:hover {
  color: #fff;
}
a.btn.btnL, .linkBtn.linkBtnL a {
  padding: 10px 30px 8px;
  font-size: 114.3%;
  text-align: center;
}
a.btn:hover, .linkBtn a:hover {
  color: #fff !important;
}
a.btn.btnAdmin, .linkBtn.linkBtnAdmin a {
  color: #999666 !important;
  background-color: #e5e5e5;
  border-radius: 3px;
  text-decoration: none;
  border: 1px solid #cccccc;
  box-shadow: inset 0 1px 0 #fff;
  background: linear-gradient(to bottom, #ffffff, #e5e5e5); /* IE10, Firefox 16.0+, Opera 12.50+ */
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e5e5e5));
  background: -moz-linear-gradient(#fff, #e5e5e5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#ffffff, EndColorStr=#e5e5e5)";
}
#searchform input[type=submit], p.form-submit input[type=submit] {
  padding: 6px 15px;
}
#searchform label {
  display: none;
}
form#searchform input#searchsubmit {
  padding: 6px 10px;
}
.moreLink {
  margin-bottom: 3px;
  height: auto;
  display: block;
}
.moreLink a {
  text-align: center;
  margin-top: 15px;
  display: inline-block;
  overflow: hidden;
  font-size: 12px;
  line-height: 105%;
  text-decoration: none;
  color: #000;
}
.moreLink a:hover {
  color: #fff;
  text-decoration: none !important;
  background: url(images/arrow_wh_s.png) right bottom no-repeat #666;
}
html, body, #wrap {
  height: 100%;
  min-height: 100%;
}
/*-------------------------------------------*/
/*	レイアウト
/*-------------------------------------------*/
#search, #header, #pagetop, #footMenu, #footer {
  text-align: center;
  clear: both;
}
.innerBox {
  text-align: left;
  width: 94%;
  margin: 0px auto;
}
.innerBox img {
  max-width: 100%;
}
#main {
  width: 100%;
  margin: 0px auto;
}
#main #container {
  overflow: visible;
}
#main #container #content {
  margin: 0 0px 0px 0px;
  padding-bottom: 30px;
}
#main #container #sideTower {
  display: block;
  overflow: hidden;
  padding: 0 1px 30px 1px;
  width: 100%;
}
#header #headContact {}
#main #container #content.wide {
  width: 100%;
  float: none;
  padding-bottom: 30px;
  overflow: visible;
  margin: 0;
}
#left-col {
  width: 70%;
  float: left;
}
/*-------------------------------------------*/
/*	#headerTop
/*-------------------------------------------*/
#headerTop {
  display: block;
  color: #999;
  overflow: hidden;
  width: 100%;
  padding: 2px 0px;
  clear: both;
  font-size: 85.7%;
}
#headerTop #site-description {
  padding: 2px 0;
  font-size: 10px;
  line-height: 120%;
}
/*-------------------------------------------*/
/*	#header
/*-------------------------------------------*/
#header-wrapper {
  position: fixed;
  width: 100%;
  z-index: 1030;
  top: 0;
  background: rgba(255, 255, 255, 0.78);
}
#header {
  display: block;
  overflow: hidden;
}
#header {
  text-align: left;
}
#header #site-title {
  font-size: 24px;
  line-height: 45px;
  margin: 0px;
  padding-bottom: 10px;
  position: relative;
  font-weight: lighter;
  text-align: center;
}
#header #site-title a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  width: 220px;
}
#header #site-title a img {
  margin-top: 3px;
  width: 220px;
}
#header #headContact {
  font-size: 100%;
  line-height: 110%;
  margin: -46px 0px 10px;
  white-space: nowrap;
  text-align: center;
}
#header #headContactInner {
  color: #333;
}
#header #headContact #headContactTxt, #header #headContact #headContactTime {
  font-size: 10px;
}
#header #headContact #headContactTxt {
  letter-spacing: 0px;
  margin-bottom: 1px;
}
#header #headContact #headContactTel {
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 2px;
  font-family: 'Domine', serif;
  color: #000;
  font-weight: normal;
}
#header #headContact #headContactTime {
  font-size: 12px;
  line-height: 15px;
}
#header #salon-sns {
  float: right;
  margin: -160px 0px 0 0;
}
#header #salon-sns li {
  width: 50px
}
#header #salon-sns li img {
  width: 50px
}
/*-------------------------------------------*/
/*	#gMenu
/*-------------------------------------------*/
/*-------------------------------------------*/
#gMenu {
  clear: both;
  display: block;
  overflow: visible; /* width: 70%; */
}
#gMenu.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: 100;
}
#gMenu.itemClose .menu {
  display: none;
}
#gMenu.itemOpen .menu {
  display: block;
}
#gMenu .assistive-text {
  display: block;
  overflow: hidden;
  position: relative;
  left: 0px;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  color: #333;
}
#gMenu .assistive-text span {
  display: block;
  width: 28px;
  height: 2px;
  margin: 0 auto 5px;
  background: #333;
}
#gMenu .screen-reader-text {
  position: absolute;
  left: -9000px;
}
#gMenu #gMenuInner {
  overflow: visible;
  display: block;
  position: relative;
  padding: 0px;
}
#gMenu #gMenuInner.innerBox {
  margin: 0px;
  width: 100%;
}
#gMenu .menu {
  font-size: 12px;
  list-style: none;
  margin: 0px 0px 0px;
  padding: 0px;
  display: block;
  overflow: visible; /*border-top:1px solid #ccc;*/
}
#gMenu .menu li {
  text-shadow: 0 1px #ffffff;
  position: relative;
  width: 100%;
  display: block; /* border-bottom:1px solid #ccc; */
}
#gMenu .menu li a {
  color: #000;
  display: block;
  overflow: hidden;
  padding: 5px 10px 5px 10px;
  margin: 0px;
  line-height: 140%;
  text-decoration: none;
  letter-spacing: 0px;
  text-align: center;
  position: relative;
  font-size: 14px;
}
#gMenu .menu li a strong {
  font-weight: normal !important
}
#gMenu .menu li a span {
  text-align: center;
  font-size: 14px;
  font-weight: normal !important;
}
#gMenu .menu li.current_page_item a, #gMenu .menu li.current_page_ancestor a, #gMenu .menu li a:hover {
  opacity: 0.7; /*background:url(images/arrow_bk.png) right bottom no-repeat #eeeeee;*/
}
#gMenu .menu li ul {
  display: none;
}
#gMenu .menu li ul li a {}
#gMenu .menu li ul li span {
  display: none;
}
/*-------------------------------------------*/
/*	#panList
/*-------------------------------------------*/
#panList {
  clear: both;
  font-size: 11px;
  color: #999;
  padding: 0px;
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 10px 0;
}
#panList #panListInner {
  display: block;
  overflow: hidden;
  text-align: left;
  padding: 0px 0 10px 0;
  line-height: 24px; /* border-bottom:1px solid #fff;*/
}
.home #panList {
  display: none;
}
#panList ul {
  display: inline-block;
}
#panList ul li {
  display: inline-block;
  padding-right: 5px;
}
#panList ul li a {
  color: #999 !important;
  text-decoration: none;
}
#panList ul li a:hover {
  text-decoration: underline;
}
/*-------------------------------------------*/
/*	#pageTitBnr
/*-------------------------------------------*/
#pageTitBnr {
  background-color: #f5f5f5;
  box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.20);
  margin: 0px;
  clear: both;
  border-bottom: 1px solid #e5e5e5;
  z-index: 0;
}
#pageTitBnr #pageTitInner {
  display: block;
  overflow: hidden;
  height: 80px;
} /* position:relative; を使うとIE7でプルダウンメニューがおかしくなる*/
#pageTitBnr #pageTitInner #pageTit {
  text-shadow: 0 1px #ffffff;
  font-size: 22px;
  display: inline;
  float: left;
  margin-right: 20px;
  margin-top: 32px;
  line-height: 105%;
}
#pageTitBnr #pageTitInner #titleTxtSub {
  text-align: left;
  color: #999;
  font-family: 'Comfortaa', cursive;
  font-size: 14px;
  letter-spacing: 3px;
  float: left;
  margin-top: 25px;
  line-height: 105%;
}
/*-------------------------------------------*/
/*	#main
/*-------------------------------------------*/
#main {
  display: block;
  overflow: visible;
  clear: both;
  min-height: 800px;
  margin-top: 240px;
}
.home #main{margin-top:0;}
#main {
  zoom: 1;
}
/* facebookコメント欄が消えるのでhiddenではなくclearfix */
#main:before, #main:after {
  content: "";
  display: table;
}
#main:after {
  clear: both;
}
#main #container {}
/*		#content
/*-------------------------------------------*/
#content {
  margin-bottom: 36px;
  text-align: left;
  display: block;
  overflow: visible;
}
#content hr {
  clear: both;
  display: block;
  margin: 1em 0;
}
#content .post {
  padding-bottom: 25px;
}
#content .alert {
  color: #f00;
}
#content .caption {
  font-size: 11px;
  line-height: 110%;
}
#content .center {
  text-align: center;
}
#content .right {
  text-align: right;
}
#content .nowrap {
  white-space: nowrap;
}
#content .sectionBox {
  margin-bottom: 30px;
  display: block;
  overflow: hidden;
}
#content .entry-meta {
  margin: 15px 0;
  font-size: 11px;
  color: #999;
}
#content h2, #content h1.contentTitle, #content h1.entryPostTitle {
  clear: both;
  font-size: 30px;
  padding: 20px 15px 15px;
  font-weight: normal;
  color: #000;
  position: relative;
  line-height: 114.3%;
  text-align: center;
}
#content h1.entryPostTitle {
  margin: 0px 0px 5px;
}
#content h2 {
  margin: 0px 0px 25px;
}
#content h2 a {
  text-decoration: none;
}
#content h2.imageTit { /*margin: 40px 0px 40px;*/ border: none;
  padding: 0px;
  background: none;
  box-shadow: none;
  text-align: center;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  position: relative;
  display: inline-block;
  display: block;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: 0.1em;
}
#content h2.imageTit:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: black;
  border-radius: 2px;
}
#content h3 {
  font-size: 20px;
  margin: 40px 0px 35px;
  text-align: center;
}
#content h4 {
  padding-top: 8px;
  padding-bottom: 10px;
  color: #000;
  position: relative;
  clear: both;
  font-size: 16px;
  margin: 10px 0px 0px;
}
#content h5 {
  color: #000;
  clear: both;
  font-size: 16px;
  margin: 30px 0px 0px;
  padding: 10px 0px 5px;
  border-bottom: 1px dotted #eeeeee;
}
#content h6 {
  clear: both;
  font-size: 14px;
  margin: 30px 0px 20px;
  padding: 10px 0px 0px;
}
#content p {
  margin-bottom: 20px;
}
#content blockquote {
  border: 3px solid #e6e6e6;
  padding: 20px 15px 0px;
  margin-bottom: 20px;
  clear: both;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, .15);
}
#content strong {
  font-weight: bold;
}
#content ol {
  margin: 0px 0px 20px 25px;
}
#content ol li {
  list-style: decimal;
  padding: 0px;
}
#content table {
  border-top: 1px solid #ccc;
  margin: 10px -1px 24px 0;
  text-align: left;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 85.7%;
  line-height: 141.7%;
}
#content table thead tr th {
  font-weight: bold;
}
#content table tr th, #content table thead tr th {
  padding: 9px 24px;
  background-color: #f5f5f5;
  white-space: nowrap;
}
#content table tfoot tr th, #content table tfoot tr td {
  font-weight: bold;
}
#content table tr th {
  border: 1px solid #ccc;
  padding: 10px 15px;
  vertical-align: top;
}
#content table tr td {
  border: 1px solid #ccc;
  padding: 10px 15px;
  vertical-align: top;
}
#content table tr td p {
  margin: 0px 0px 5px;
  padding: 0px;
}
#content table ol, #content table ul {
  margin-bottom: 5px;
  margin-left: 15px;
}
#content table ol li, #content table ul li {
  margin: 2px 0px;
}
/*#content iframe	{ border:1px solid #ccc; }*/
/*			.child_page_block
/*-------------------------------------------*/
#content .child_page_block {
  display: block;
  overflow: hidden;
  margin-bottom: 15px;
  width: 100%;
  border-top: 1px solid #eeeeee;
  background: url(images/line_wh.png) left top repeat-x;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}
#content .child_page_block .child_page_blockInner {
  display: block;
  overflow: hidden;
  padding: 15px 15px;
}
#content .child_page_block.layout_even {
  float: right;
}
#content .child_page_block h4 {
  font-size: 16px;
  background: url(images/line_grd.png) left bottom repeat-x;
  padding: 0 0 3px 0;
  margin: 0px;
  margin-bottom: 10px;
  border: none;
}
#content .child_page_block h4 a {
  border-bottom: 2px solid #bf995a;
  text-decoration: none;
  color: #333;
  display: block;
  overflow: hidden;
  line-height: 118.8%;
  padding-bottom: 2px;
}
#content .child_page_block h4 a:hover {
  text-decoration: none;
  color: #bf995a;
}
#content .child_page_block .childText {
  display: block;
  overflow: hidden;
}
#content .child_page_block p {
  line-height: 141.7%;
  font-size: 12px;
  margin-bottom: 0px;
  padding: 0px;
}
#content .child_page_block p a {
  text-decoration: none;
  color: #999;
}
#content .child_page_block p a:hover {
  text-decoration: underline;
  color: #bf995a;
}
#content .child_page_block .thumbImage {
  float: left;
  display: block;
  margin-right: 15px;
}
#content .child_page_block .thumbImage .thumbImageInner {
  display: block;
  overflow: hidden;
  width: 80px;
  border: 4px solid #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}
#content .child_page_block .thumbImage .thumbImageInner a:hover {}
#content .child_page_block .thumbImage .thumbImageInner img {
  width: 80px;
  height: 80px !important /* ie8 */ ;
}
/*			.childPageBox
/*-------------------------------------------*/
#content .childPageBox {
  display: none;
}
#content .childPageBox .textBox {
  overflow: hidden;
}
/*			.mainFoot
/*-------------------------------------------*/
#content .mainFoot {
  display: block;
  overflow: hidden;
  margin-top: 35px;
  margin-bottom: 30px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 15px 0;
}
#content .mainFoot .mainFootInner {}
#content .mainFootContact {
  display: block;
  overflow: hidden;
  text-align: center;
}
#content .mainFootContact p.mainFootTxt {
  font-size: 10px;
  letter-spacing: 0px;
  margin-bottom: 5px;
}
#content .mainFootContact p.mainFootTxt span {
  display: block;
}
#content .mainFootContact p.mainFootTxt span.mainFootCatch {
  line-height: 120%;
}
#content .mainFootContact p.mainFootTxt span.mainFootTel {
  font-size: 24px;
  font-family: 'Lato', sans-serif;
  margin-bottom: 2px;
  line-height: 100%;
}
#content .mainFootContact p.mainFootTxt span.mainFootTime {
  line-height: 120%;
}
#content .mainFootContact .mainFootBt a {
  display: block;
  overflow: hidden;
  background-color: #bf995a;
  max-width: 350px;
  margin: 0px auto;
}
#content .mainFootContact .mainFootBt a:hover {
  opacity: .80;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  -khtml-opacity: .80;
  -moz-opacity: .80;
}
#content .mainFootContact .mainFootBt a img {
  max-width: 100%;
  opacity: 1.0 !important;
  opacity: 1.0 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -khtml-opacity: .100; /* Safari 1.x */
  -moz-opacity: .100; /* FF lt 1.5, Netscape */
}
/*			images
/*-------------------------------------------*/
#content img {
  margin: 0;
  height: auto;
} /* height:auto;がimportantでなくてはならない理由があるかも */
#content .attachment img {
  max-width: 900px;
}
#content .alignleft, #content img.alignleft {
  display: inline;
  float: left;
  margin-right: 20px;
  margin-top: 4px;
}
#content .alignright, #content img.alignright {
  display: inline;
  float: right;
  margin-left: 20px;
  margin-top: 4px;
}
#content .aligncenter, #content img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#content img.alignleft, #content img.alignright, #content img.aligncenter {
  margin-bottom: 12px;
}
#content .wp-caption {
  background: #f1f1f1;
  line-height: 18px;
  margin-bottom: 20px;
  padding: 0 0 5px;
  text-align: center;
  border: 1px solid #e5e5e5;
  max-width: 100% !important;
}
#content .wp-caption img {
  margin: 5px 0 2px;
  max-width: 95% !important;
  height: auto !important;
}
#content .wp-caption p.wp-caption-text {
  color: #888;
  font-size: 12px;
  margin: 5px;
}
#content .wp-smiley {
  margin: 0;
}
#content .gallery {
  margin: 0 auto 18px;
}
#content .gallery .gallery-item {
  float: left;
  margin-top: 0;
  text-align: center;
  width: 33%;
}
#content .gallery img {
  border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
  color: #888;
  font-size: 12px;
  margin: 0 0 12px;
}
#content .gallery dl {
  margin: 0;
}
#content .gallery img {
  border: 10px solid #f1f1f1;
}
#content .gallery br + br {
  display: none;
}
#content .attachment img { /* single attachment images should be centered */
  display: block;
  margin: 0 auto;
}
/*			.navigation
/*-------------------------------------------*/
.navigation {
  color: #888;
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
  border-top: 1px solid #ccc;
  padding: 10px 0px 15px;
  clear: both;
  margin: 30px 0 0;
  height: 200px;
}
.navigation a:link, .navigation a:visited {
  color: #888;
  text-decoration: none;
}
.navigation a:active, .navigation a:hover {
  color: #ff4b33;
}
.nav-previous {
  float: left;
  width: 50%;
}
.nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
#nav-above {
  margin: 0 0 18px 0;
}
#nav-above {
  display: none;
}
.paged #nav-above, .single #nav-above {
  display: block;
}
/*			.paging
/*-------------------------------------------*/
.paging {
  display: block;
  overflow: hidden;
  padding: 20px 0px 20px;
  text-align: center;
}
.paging span, .paging a {
  margin: 0px 2px;
  padding: 6px 12px;
  color: #bf995a;
  border: 1px solid #bf995a;
  text-decoration: none;
}
.paging span.current, .paging a:hover {
  background-color: #bf995a;
  color: #fff;
  text-decoration: none;
}
.paging span.pageIndex {
  display: none;
}
/*			.infoList
-------------------------------------------------------------- */
#content .infoList {
  padding-bottom: 20px;
}
.page #content .infoList {}
#content .infoList ul {
  margin: 10px 0px 5px;
  list-style: none;
}
#content .infoList ul li {
  padding: 15px 0 15px;
  list-style: none;
  margin-bottom: 0px;
  background-image: url(../images/icon_arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
}
#content .infoList ul li a {}
#content .infoList ul li a:hover {
  color: #f00;
}
#content .infoList .infoDate {
  margin-right: 8px;
  color: #000;
}
#content .infoList .infoCate a {
  color: #999;
  margin-right: 4px;
  background-color: #efefef;
  padding: 1px 5px 2px;
  position: relative;
  border: 1px solid #e5e5e5;
  top: -2px;
}
#content .infoList .infoCate a {
  font-size: 10px;
  line-height: 14px;
  text-decoration: none;
  font-family: "MS UI Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#content .infoList .infoCate a:hover {
  background-color: #bf995a;
  color: #fff;
  text-decoration: none;
}
#content .infoList ul li .infoTxt {
  margin-top: 10px;
  display: block;
  overflow: hidden;
  clear: both;
}
#content .infoList ul li .infoTxt a {
  text-decoration: none;
  color: #333;
  display: block;
  overflow: hidden;
}
#content .infoList ul li .infoTxt a:hover {
  color: #bf995a;
  text-decoration: underline;
}
/*				.infoListBox
/*-------------------------------------------*/
#content .infoList .infoListBox {
  display: block;
  overflow: hidden;
  padding: 20px 0px;
  position: relative;
  float: left;
}
#content .infoList .infoListBox div.entryTxtBox {
  margin: 0px;
  display: block;
  overflow: hidden;
}
#content .infoList .infoListBox div.entryTxtBox.haveThumbnail { /* float:Left; */ /* margin-right:100px; */
}
#content .infoList .infoListBox div.entryTxtBox p {
  margin-bottom: 3px;
  padding: 0px;
  line-height: 150%;
}
#content .infoList .infoListBox div.entryTxtBox p.entryMeta {
  margin-bottom: 30px;
}
#content .infoList .infoListBox div.entryTxtBox p.entryMeta .infoDate, #content .infoList .infoListBox div.entryTxtBox p.entryMeta .infoCate {
  color: #999;
}
#content .infoList .infoListBox div.entryTxtBox h4.entryTitle {
  border-top: none;
  margin: 0px 0px 20px;
  display: block;
  line-height: 120%;
  font-size: 14px;
  font-weight: normal;
}
#content .infoList .infoListBox div.entryTxtBox h4.entryTitle a {
  color: #000;
  text-decoration: none;
}
#content .infoList .infoListBox div.entryTxtBox h4.entryTitle a:hover {
  text-decoration: underline;
}
#content .infoList .infoListBox div.entryTxtBox p.moreLink {
  margin: 0px;
  padding: 0px;
}
#content .infoList .infoListBox div.thumbImage {}
#content .infoList .infoListBox div.thumbImage div.thumbImageInner {
  display: block;
  overflow: hidden;
  margin: 1px;
  padding: 3px;
}
#content .infoList .infoListBox div.thumbImage div.thumbImageInner img {
  width: 211px;
  height: 140px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
/*			form
/*-------------------------------------------*/
#content form table {
  margin-top: 25px;
}
#content form input[type=text], #content form textarea {
  position: relative;
  overflow: hidden;
  padding: 5px 10px;
  margin: 5px 5px 5px 0px;
  width: 90%;
}
#content form input[type=radio] {
  width: auto;
}
#content form input[type=checkbox] {
  width: auto;
}
/*			trust-form
/*-------------------------------------------*/
#content #trust-form {
  width: 100%;
}
/*			contactform7
/*-------------------------------------------*/
#content .wpcf7 {
  margin-top: 20px;
}
#content form span.wpcf7-form-control-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  clear: both; /*回り込みをしている為*/
}
#content form span.wpcf7-form-control-wrap .wpcf7-list-item, #content form span.wpcf7-form-control-wrap .wpcf7-list-item label {
  display: block;
  float: left;
}
#content form span.wpcf7-form-control-wrap .wpcf7-list-item {
  padding-top: 8px;
  padding-bottom: 8px;
}
#content form span.wpcf7-not-valid-tip {
  position: relative;
  color: #fff;
  padding-left: 5px;
  position: relative;
  display: block;
  background-color: #F00;
  left: 0px;
  top: 8px;
  margin-bottom: 8px;
}
#content form span.wpcf7-not-valid-tip::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 30px;
  height: 0;
  width: 0;
  border: 10px solid transparent;
  border-bottom: 10px solid #F00;
}
#content form div.wpcf7-validation-errors {
  border: none;
  position: relative;
  color: #FFF;
  padding: 7px;
  background-color: #F00;
  text-align: center;
}
#content form div.wpcf7-validation-errors::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 30px;
  height: 0;
  width: 0;
  border: 10px solid transparent;
  border-bottom: 10px solid #F00;
}
#content .wpcf7 dl {
  display: block;
  overflow: hidden;
  border-bottom: 1px dotted #ccc;
}
#content .wpcf7 dl dt {
  display: block;
  overflow: hidden;
  padding: 10px 0;
  float: left;
  width: 20%;
  color: #999;
  font-weight: lighter;
}
#content .wpcf7 dl dd {
  display: block;
  overflow: hidden;
  padding: 10px;
  margin-bottom: 0px;
}
/*-------------------------------------------*/
/*	SIDE BAR
/*-------------------------------------------*/
#sidebar {
  width: 26%;
  float: right;
}
#sidebar h3 {
  text-align: left;
  font-size: 18px;
}
/* 親ページのアクティブだと背景色が子ページにも適応される為 */
#sideTower .sideWidget li ul li a, #sideTower .sideWidget li.current-cat ul li a, #sideTower .sideWidget li.current_page_item ul li a {
  font-size: 75%;
  padding: 11px 10px 9px 22px;
  background: url(images/arrow_gray.png) right bottom no-repeat;
}
#sideTower .sideWidget li.current_page_item ul li a:hover {
  background: url(images/arrow_bk.png) right bottom no-repeat;
}
#sideTower .sideWidget li ul li a:hover, #sideTower .sideWidget li.current-cat ul li a:hover, #sideTower .sideWidget li.current_page_item ul li a:hover {
  background-color: #f5f5f5;
}
#sideTower .sideWidget li ul li.current-cat a, #sideTower .sideWidget li ul li.current_page_item a, #sideTower .sideWidget li ul li a:hover { /*background-color:#f5f5f5;*/
}
/* 曾孫 */
#sideTower .sideWidget li ul li ul li a {
  padding-left: 33px;
}
#sideTower .sideWidget li ul li ul li a, #sideTower .sideWidget li ul li.current-cat ul li a, #sideTower .sideWidget li ul li.current_page_item ul li a {}
#sideTower li ul {
  margin-left: 15px;
}
#sideTower li.sideBnr {
  margin-bottom: 10px;
}
#sideTower li.sideBnr#sideContact a {
  display: block;
  overflow: hidden;
  width: auto;
  width: 220px;
  margin: 0px auto;
  text-align: center;
  background-color: #bf995a;
}
#sideTower li.sideBnr#sideContact a:hover {
  opacity: .80; /* Standard: FF gt 1.5, Opera, Safari */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  -khtml-opacity: .80; /* Safari 1.x */
  -moz-opacity: .80; /* FF lt 1.5, Netscape */
}
#sideTower li.sideBnr#sideContact a:hover img {
  opacity: 1.0 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -khtml-opacity: .100; /* Safari 1.x */
  -moz-opacity: .100; /* FF lt 1.5, Netscape */
}
#sideTower ul#snsBnr {
  border-top: 1px solid #eeeeee;
  margin-bottom: 20px;
  text-align: center
}
#sideTower ul#snsBnr li {
  border-bottom: 1px solid #eeeeee;
}
#sideTower .sideWidget {
  margin-bottom: 20px;
}
#sideTower .sideWidget .textwidget {
  padding-top: 10px;
}
#sideTower .sideWidget .textwidget img {
  display: block;
  margin: 0 auto;
}
#sideTower .sideWidget h4 {
  clear: both;
  font-size: 14px;
  margin: 0px 0px 15px;
  padding: 4px 0px 2px 12px;
  border-left-style: solid;
  border-left-width: 3px;
  background-color: #f5f5f5;
}
#sideTower .sideWidget ul#recentcomments li {
  padding: 13px 10px 11px 10px;
  background: url(images/icon_arrow1_gray.gif) 10px 50% no-repeat;
}
#sideTower .sideWidget ul#recentcomments li a {
  padding: 0;
  background: none;
}
#sideTower .sideWidget select {
  margin: 10px 0;
  padding: 5px;
  width: 100%;
  border: 1px solid #ccc;
}
#sideTower .sideWidget select option {
  padding: 2px 5px;
}
form#searchform {
  padding: 5px 0px 5px 7px;
  background-color: #f3f3f3;
  display: block;
  overflow: hidden;
  position: relative;
}
form#searchform input#s {
  margin: 0px 0px 0px 5px;
  padding: 5px;
  width: 70%;
  float: left;
}
form#searchform input#searchsubmit { /*border: 1px solid #bf995a;*/ background-image: none;
  margin: 0px 10px 0px 0px;
  float: right; /* background-color:#bf995a;*/ width: 15%;
  color: #fff;
  behavior: url(/wp-content/themes/biz-vektor/PIE.htc);
}
#search {
  margin-top: 10px;
}
#search form#sform {
  clear: both;
  width: 100%; /*300px;*/ height: auto;
  background-color: #fff;
  display: block;
  overflow: hidden;
  position: relative;
}
#search form#sform input#s {
  margin: 0px;
  padding: 5px;
  width: 208px;
  float: right;
}
#search form#sform input#ssubmit {
  padding: 3px !important;
  width: 25px;
  text-indent: -9999px;
  background-image: url('images/search.gif');
  margin: 0px; /* padding:0px;*/
}
#searchInput {
  width: 200px;
}
/*-------------------------------------------*/
/*	#pagetop
/*-------------------------------------------*/
#pagetop {
  display: block;
  overflow: hidden;
  clear: both;
  z-index: 5;
}
#pagetop a {
  color: #999;
  background: url(images/icon_arrow_top_gry.png) center bottom no-repeat #e6e6e6;
  float: right;
  display: block;
  position: relative;
  padding: 5px 15px 5px 15px;
  font-size: 11px;
  text-decoration: none;
  margin-bottom: 0px;
  font-family: 'Lato', sans-serif;
  letter-spacing: 1px;
}
#pagetop a:hover {
  background: url(images/icon_arrow_top.png) center bottom no-repeat #bf995a;
  color: #FFF;
}
/*-------------------------------------------*/
/*	#footerSection
/*-------------------------------------------*/
#footerSection {
  background: #fff;
  clear: both;
  width: 100%;
}
#footerSection #salon-sns {
  display: none;
}
/*-------------------------------------------*/
/*	#footMenu
/*-------------------------------------------*/
#footMenu {
  display: block;
  overflow: hidden;
  width: 100%;
  float: none;
  margin-right: 0px;
  position: relative;
}
#footMenu .innerBox {
  width: 100%;
  margin: 0;
}
#footMenu .menu {
  display: block;
  overflow: hidden;
}
#footMenu .menu li {
  list-style: none;
  display: block;
  margin: 0px;
  padding: 0px;
  line-height: 100%;
  font-size: 12px;
}
#footMenu .menu li a {
  color: #000;
  padding: 15px 3%;
  display: block;
  overflow: hidden;
  text-decoration: none;
  text-align: left;
}
#footMenu .menu li a:hover {
  background: url(images/arrow_bk.png) right bottom no-repeat #333;
}
/*-------------------------------------------*/
/*	#footerInfo
/*-------------------------------------------*/
#footerInfo {
  width: 33%;
  float: left;
  margin: 15px;
}
/*-------------------------------------------*/
/*	#footerSNS
/*-------------------------------------------*/
#footerSNS {
  width: 100%;
  float: none;
  margin: 15px 0;
}
#footerSNS li {
  float: left;
  width: 40px;
  heght: 40px;
  margin: 0 0 0 4px;
}
#footerSNS li img {
  width: 40px;
  heght: 40px;
}
/*-------------------------------------------*/
/*	#footer
/*-------------------------------------------*/
#footer {
  margin: 0 auto;
  padding: 20px 0px 20px;
  display: block;
  overflow: hidden;
  width: 1000px;
  color: #000;
}
#footer {
  text-align: left;
}
#footer dl#footerOutline {
  margin: 0px;
  line-height: 150%;
  width: 240px;
}
#footer dl#footerOutline dt {
  color: #fff; /*#d2d2d3;*/ margin-bottom: 8px;
  line-height: 150%;
}
#footer dl#footerOutline dt img {
  margin-bottom: 5px;
  max-width: 260px;
}
#footer dl#footerOutline dd {
  color: #fff; /*#d2d2d3;*/ line-height: 150%;
}
#footer h4 {
  font-family: 'Domine', serif;
  text-align: left;
  font-size: 16px;
  font-weight: bolder !important;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  padding: 5px;
}
/*		#footerSiteMap
/*-------------------------------------------*/
#footerSiteMap {
  display: block;
  overflow: hidden;
  width: 100%;
  padding-top: 15px;
}
#footerSiteMap .menu {
  font-size: 80%; /*87.5%;*/ vertical-align: text-top;
}
#footerSiteMap .menu a {
  color: #d2d2d3;
  text-decoration: none;
}
#footerSiteMap .menu a:hover {
  opacity: 0.7; /*color:#d2d2d3;*/
}
#footerSiteMap .menu li { /*text-shadow: 0 -1px #333;*/ display: block;
  margin-bottom: 6px;
  vertical-align: text-top;
  line-height: 116.7%;
}
#footerSiteMap .menu li a { /*border-bottom: 1px solid #5f5e63; box-shadow: 0px 1px #8a898c; background:url(images/arrow_gray_s.png) right bottom no-repeat; font-weight:bold;*/ padding: 8px 0px 8px 0px;
  overflow: hidden;
  display: block;
}
#footerSiteMap .menu li a:hover {}
#footerSiteMap .menu li ul {
  margin-top: 6px;
}
#footerSiteMap .menu li li {
  display: block;
  padding: 0px 0px;
}
#footerSiteMap .menu li li a {
  font-size: 12px;
  box-shadow: none;
  border-bottom: none;
  background: none;
  font-weight: normal;
  border-bottom: 1px solid #626168;
}
#footerSiteMap .menu li li a:hover {}
#footerSiteMap .menu li li li {
  margin-right: 0;
  border-bottom: none;
  background: none;
}
#footerSiteMap .menu li li li a {
  font-size: 10px;
  background: none;
  background-position: 6px 12px;
}
#footerSiteMap .menu li ul ul {}
/*-------------------------------------------*/
/*	#siteBottom
/*-------------------------------------------*/
#siteBottom {
  clear: both;
  font-size: 88%;
  color: #000; /*:#d2d2d3; border-top:1px solid #8a898c;*/
  width: 100%;
  height: auto;
  padding: 7px 0 5px 0;
  text-align: center;
}
#siteBottomInner {
  text-align: center;
}
#siteBottom a {
  color: #000; /*:#d2d2d3;*/ text-decoration: none;
}
#siteBottom #copy {
  text-align: center;
  color: #000;
}
/*-------------------------------------------*/
/*	▼各テンプレートごとの設定
/*-------------------------------------------*/
/*-------------------------------------------*/
/*	top
/*-------------------------------------------*/
/*.home #gMenu	{ padding-bottom:20px;  }*/
#gMenu {
  padding: 10px 0 10px;
  margin: 10px auto;
}
.home #main {
  padding-top: 0px;
}
#salon-reservation {
  float: right;
  margin: -40px 0;
  width: 300px;
}
#salon-reservation div {
  float: left;
  font-size: 11px;
  text-align: center;
  margin: 0 5px 0 0;
}
#salon-reservation a {
  text-decoration: none;
  color: #fff;
}
#salon-reservation a:hover {
  opacity: 0.7;
}
#first:hover, #members:hover {
  opacity: 0.7;
}
#first {
  background: #000;
  border-radius: 5px;
  width: 48%;
}
#members {
  background: #ff2b2b;
  border-radius: 5px;
  width: 38%;
}
#topMainBnr {
  display: block;
  padding: 10px 0;
}
#topMainBnrFrame {
  height: auto;
  margin: 0 auto;
  width: 1000px;
  margin-top: 20px;
}
#topMainBnrFrame .slideFrame {
  display: block;
  overflow: hidden;
}
#topMainBnrFrame #topManiBnrInnerFrame {
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2) inset;
  overflow: hidden;
}
#topMainBnrFrame img {
  width: 100%;
  min-height: auto; /*position:relative;*/
}
#topMainBnrFrame ul.slides {}
#topMainBnrFrame ul.slides li {
  overflow: hidden; /*display:block; */
}
#topMainBnrFrame ul.slides li a {}
.home #content {
  padding-bottom: 40px;
}
#MainBnr {}
#MainBnr img {
  width: 100%;
  height: auto;
}
#topFreeArea {
  display: block;
  overflow: hidden;
  padding-bottom: 25px;
}
#topPr .topPrOuter {
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
#topPr h3 {
  margin: 0px 15px 0px 0px;
  line-height: 120%;
  font-size: 16px;
  padding: 0;
  border: none; /*background:url(images/line_grd.png) left bottom repeat-x;padding-bottom:3px;*/ box-shadow: none;
  background-color: #fff;
}
#topPr h3 a {
  display: block;
  text-decoration: none;
  color: #333;
  padding: 3px 0 8px 0;
  border-bottom: none;
}
#topPr h3 a:hover {
  color: #bf995a;
  text-decoration: none;
}
#topPr p a {
  display: block;
  text-decoration: none;
  line-height: 16px;
  color: #333;
  font-size: 11px;
}
#topInfo a:hover, #topBlog a:hover, #topPr a:hover {
  opacity: 0.7;
  text-decoration: underline;
}
#topPr p.topPrDescription {
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 120%;
  padding: 0px;
}
#topPr .prImage {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  float: left;
  width: 70px;
  margin-right: 10px;
  overflow: hidden;
  margin-bottom: 20px;
  border: 4px solid #fff;
}
#topPr .prImage a {}
#topPr .entryTxtBox {
  font-size: 12px;
  display: block;
  overflow: hidden;
  padding: 5px;
}
#topPr .topPrTxtBox {
  display: block;
  overflow: hidden;
}
#topPr .topPrDescription a:hover {
  color: #bf995a;
}
#topInfo .moreLink, #topBlog .moreLink, #topPr .moreLink {
  margin-bottom: 3px;
  height: auto;
  display: block;
}
#topInfo .moreLink a, #topBlog .moreLink a, #topPr .moreLink a {
  width: 76px;
  border-left: none;
  height: auto;
  margin-left: 135px;
  text-indent: -9999px;
  margin-top: 15px;
  line-height: 105%;
  text-decoration: none;
  background: url(images/more.gif) left bottom no-repeat #fff;
  color: #999;
  padding: 5px 15px 5px 11px;
  box-shadow: none;
}
#topInfo .moreLink a:hover, #topBlog .moreLink a:hover, #topPr .moreLink a:hover {
  color: #fff;
  text-decoration: none !important;
}
#content .infoList {
  position: relative;
}
#content #topInfo h2, #content #topBlog h2 {
  margin-top: 30px;
  padding-top: 30px;
  margin-bottom: 50px;
}
#content #topInfo {
  margin: 10px auto 150px;
  width: 1000px;
}
#content #topInfo dl {
  clear: both;
}
#content #topInfo dt {
  width: 30%;
  float: left;
}
#content #topInfo dd {
  width: 70%;
  float: right;
}
#content #topBlog {
  margin-top: 30px;
  margin-bottom: 50px;
  float: right;
  width: 46%;
}
#topContentsBottom {
  margin-bottom: 20px;
}
/*-------------------------------------------*/
/*	post
/*-------------------------------------------*/
#content .entry-content {
  display: block;
  overflow: hidden;
  margin-bottom: 25px;
  padding: 0 1px;
  font-size: 16px;
  line-height: 1.8;
}
#content .entry-content.post-content h1.entryPostTitle {
  margin-bottom: 0px;
}
#content .entry-utility {
  clear: both;
  margin-top: 15px;
}
#content .entry-utility dl.tag-links {
  display: inline;
}
#content .entry-utility dl.tag-links dt, #content .entry-utility dl.tag-links dd {
  display: inline;
  font-size: 85.7%;
  line-height: 120%;
}
#content .entry-utility dl.tag-links dt {
  display: inline-block;
  border: 1px solid #e5e5e5;
  font-weight: lighter;
  margin-right: 10px;
  padding: 0px 10px;
  background-color: #e5e5e5;
  color: #999;
}
/*			#comments
/*-------------------------------------------*/
#comments {
  clear: both;
}
#comments ol.commentlist {
  margin: 0px 0px 15px 0px;
}
#comments ol.commentlist li {
  list-style: none;
}
#comments li.comment .commentBox {
  border: 4px solid #e5e5e5;
  padding: 15px;
  margin-bottom: 10px;
}
#comments li.comment .comment-author img {
  float: left;
  border: 2px solid #ccc;
  margin-right: 10px;
}
#comments li.comment .comment-author cite.fn {
  font-style: normal;
  line-height: 120%;
}
#comments li.comment .comment-meta.commentmetadata {
  font-size: 85.7%;
  line-height: 120%;
}
#comments li.comment .comment-body {
  margin-left: 50px;
  margin-top: 5px;
}
#comments li.comment .comment-body p {
  margin-bottom: 10px;
}
#comments li.comment .reply {}
#comments #respond .required {
  color: #e50000;
}
#content #commentform p {
  margin-bottom: 5px;
}
#content #commentform input, #content #commentform textarea {
  display: block;
  width: 95%;
  padding: 4px;
}
#content #commentform p.form-allowed-tags {
  font-size: 10px;
  line-height: 120%;
  color: #999;
  width: 95%;
  margin-bottom: 10px;
}
#content #commentform p.form-submit input {
  width: auto;
  padding: 10px 20px;
}
/*-------------------------------------------*/
/*	sitemap & 404 &search
/*-------------------------------------------*/
#content.wide {
  display: block;
  overflow: hidden;
}
#content #sitemapPostList {
  margin-top: 20px;
}
#content #sitemapPostList h5 {
  margin: 0px;
  padding: 0px;
  font-weight: lighter;
  font-size: 14px;
}
#content ul.linkList {
  margin: 0px;
  padding: 0px;
  font-size: 85.7%;
}
#content ul.linkList li {
  list-style: none;
  margin-bottom: 0px;
}
#content ul.linkList li a {
  background: url(images/icon_arrow_bk.png) left 8px no-repeat;
  padding: 5px 15px;
  display: block;
  text-decoration: none;
  color: #999;
}
#content ul.linkList li a:hover {
  text-decoration: underline;
  color: #bf995a;
}
#content ul.linkList li li a {}
#content ul.linkList li li a:hover {}
#content ul.linkList li li li a {
  background: none;
}
#content ul.linkList li li li a:hover {}
#content ul.linkList ul {
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 10px;
}
#content .error404 {
  text-align: center;
  padding-bottom: 30px;
}
#sitemapOuter {
  border: 4px solid #e5e5e5;
  padding: 20px;
  display: block;
  overflow: hidden;
  margin: 0px auto;
}
#content form#searchform label {
  display: none;
}
#content form#searchform input#s {
  width: 70%;
}
#likeBox {
  border: 1px solid #00ff00;
  width: 100% !important;
}
.fbConnectWidgetTopmost {
  border: 1px solid #00ff00;
  width: 100% !important;
}
/*-------------------------------------------*/
/*	Responsive Structure
/*-------------------------------------------*/
/*-------------------------------------------*/
/* コンテンツ推奨サイズより大きい場合
/*-------------------------------------------*/
@media (min-width: 660px) { /* スクロール分余裕に20px */
  #header {
    width: 1000px;
    margin: 0 auto;
  }
  #headerTop #site-description {
    line-height: 150%;
  }
  #header #site-title {
    clear: both;
    margin-top: 10px;
  }
  #header #headContact {
    float: right;
    text-align: right;
  }
  #header #headContact #headContactTxt {
    font-size: 11px;
  }
  #header #headContact #headContactTime {
    font-size: 12px;
  }
  #header #headContact #headContactTel {
    font-size: 16px;
    color: #333;
    font-weight: normal;
  }
  #main #container {}
  #main #container #content {
    margin: 0px auto;
  }
  #content p {
    line-height: 170%;
  }
  #content .mainFootContact p.mainFootTxt {
    float: left;
    margin-bottom: 0px;
    text-align: left;
  }
  #content .mainFootContact p.mainFootTxt .mainFootCatch {
    font-size: 120%;
  }
  #content .mainFootContact .mainFootBt {
    float: right;
  }
  #content .mainFootContact .mainFootBt a {
    width: 350px;
    min-height: 50px;
  }
  #content .mainFootContact .mainFootBt a img {
    width: auto;
  }
  .paging span.pageIndex {
    display: inline;
  }
  #topMainBnr {
    padding: 0px 0;
    margin-top: 260px;
  }
  #topPr {
    display: flex;
    overflow: hidden;
    margin-bottom: 50px;
    flex-wrap: wrap;
  }
  #topPr .topPrOuter {
    padding-bottom: 0px;
    border-bottom: none;
  }
  #topPr #topPrBox {
    width: 210px; /*30.1%;*/ text-align: left;
    float: left;
    display: block;
    overflow: visible;
    padding: 6px;
    margin: 10px 7px 10px 7px;
    position: relative;
  }
  #topPr #topPrBox .topPrInner {
    float: left;
  }
  #topPr .topPrInner {
    text-align: left;
    width: 100%;
  }
  #topPr .topPrInner p {
    padding: 0px;
  }
  #topPr .topPrInner img {
    width: 100%;
  }
  #topPr .topPrInner p.topPrDescription {
    font-size: 12px;
  }
  #topPr .prImage {
    float: none;
    width: 96%;
    margin-right: 0px;
  }
  #topPr .prImage a {
    display: block;
  }
  #topPr .prImage a:hover {}
  #topPr .prImage img {
    height: auto;
  }
  #topPr .prImage img.imageWide {
    display: block;
  }
  #topPr .prImage img.imageSmall {
    display: none;
  }
  #content .child_page_block {
    width: 48%;
    padding: 0 1px;
  }
  #content .child_page_block.layout_odd {
    float: left;
    clear: both;
  }
  .lbox {
    width: 100%;
    float: left;
    margin-bottom: 40px;
  }
  .rbox {
    width: 100%;
    float: right;
  }
  #footMenu {
    display: block;
    overflow: hidden;
    width: 100%;
    float: none;
    margin-right: 0px;
  }
  #footerInfo {
    width: 100%;
    float: none;
    margin: 15px 0;
  }
  #footerSNS {
    width: 100%;
    float: none;
    margin: 15px 0;
  }
  .single-page {
    margin: 200px auto !important;
  }
}
/*-------------------------------------------*/
/* PC 800
/*-------------------------------------------*/
@media (min-width: 800px) {
  body {
    line-height: 150%;
  }
  #gMenu:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  /* グラデーション（filter）を使用するとIE8でドロップダウンの動作に不具合が出る場合がある為画像を使用 */
  #gMenu { /*border-bottom-width: 3px; border-bottom-style: solid; border-top:1px solid #e5e5e5;*/
    /*background:url(images/bg_gr_up.png) left bottom repeat-x #fff;*/
  }
  #gMenu #gMenuInner.innerBox {
    margin: 0px 3%;
    width: 94%;
  }
  #gMenu.itemClose .menu, #gMenu.itemOpen .menu {
    display: block;
  }
  #gMenu .menu:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  #gMenu .assistive-text {
    position: absolute;
    top: -9000px;
  } /* display:noneだと読み上げない / 横にオフセットするとIEで読み込みまでの間表示される */
  #gMenu .menu li {
    float: left;
    width: 100px; /*auto;*/ border-bottom: none;
    overflow: visible;
  }
  #gMenu .menu li a {
    text-align: center;
    padding: 5px 5px 5px 5px;
  }
  /* IE7のみドロップダウン非表示 */
  * + html #gMenu .menu li:hover ul {
    display: none;
  }
  #gMenu .menu li:hover ul {
    display: block;
    position: absolute;
    z-index: 1000;
    border-top: 1px solid #ccc;
    width: 200px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    opacity: 0.97;
  }
  #gMenu .menu li:hover li {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    width: 200px;
    position: relative;
  }
  #gMenu .menu li:hover li a, #gMenu .menu li.current_page_item li a, #gMenu .menu li.current-menu-ancestor li a, #gMenu .menu li.current-page-ancestor li a, #gMenu .menu li.current_page_ancestor li a {
    background: none;
    background-color: #fff;
    color: #4d4d4d;
    text-align: left;
    border-right: none;
  }
  #gMenu .menu li:hover li a:hover, #gMenu .menu li.current_page_item li a:hover, #gMenu .menu li.current-menu-ancestor li a:hover, #gMenu .menu li.current-page-ancestor li a:hover, #gMenu .menu li.current_page_ancestor li a:hover {
    background-color: #333;
  }
  #gMenu .menu li:hover ul li ul {
    position: absolute;
    left: 200px;
    top: 10px;
    border-top: none;
  }
  #gMenu .menu li:hover ul li ul, #gMenu .menu li:hover ul li ul li {
    display: none;
  }
  #gMenu .menu li:hover ul li:hover ul, #gMenu .menu li:hover ul li:hover ul li {
    display: block;
  }
  #gMenu .menu li:hover ul li:hover ul {
    border-top: 1px solid #ccc;
  }
  #MainBnr {}
  #sitemapOuter {
    padding: 20px 50px;
  }
  #content #sitemapPageList {
    float: left;
    width: 49%;
  }
  #content #sitemapPostList {
    float: right;
    width: 49%;
    margin-top: 0px;
  }
  #content ul.linkList li a {
    padding: 3px 15px;
  }
  #content h5 {
    text-align: center;
  }
  #header #headContact {
    margin: 0 0 30px;
  }
  #topMainBnrFrame {
    width: 100%;
  }
  #topMainBnr { /* margin: 200px 0; */
  }
  #topPr .entryTxtBox {}
  #topPr h4 {
    width: 100%;
    text-align: center;
  }
  .thumbImageInner {
    width: 100%;
    text-align: center;
  }
  #footer h4 {
    text-align: left;
  }
  #footMenu {
    padding: 15px 0px;
  }
  #footMenu .innerBox {
    margin: 0px 3%;
    width: 94%;
  }
  #footMenu .menu li {
    list-style: none;
    display: block;
    margin: 0 0 10px;
    padding: 0px;
    font-size: 14px;
  }
  #footMenu .menu li a {
    background: none;
    padding: 0px 15px 0px;
    line-height: 1em;
    text-decoration: none;
  }
  #footMenu .menu li a:hover {
    color: #333;
    text-decoration: underline;
    background: none;
  }
  #footMenu .menu li.firstChild a {}
  #footerSiteMap .menu {
    font-size: 12px;
  }
  #footerSiteMap .menu li { /*width: 162px;*/ margin-right: 10px;
    display: inline-block;
  }
  #footerSiteMap .menu li a {
    color: #bf995a !important;
    padding: 2px 20px 6px 0px;
  }
  #footerSiteMap .menu li li a {
    background-position: 0px 3px;
  }
  #footerSiteMap .menu li li li a {
    padding-left: 10px;
  }
  #content form span.wpcf7-form-control-wrap .wpcf7-list-item {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  #footerSiteMap .menu li li li a {
    display: block;
    background-position: 0px 3px;
  }
  #content .infoList .infoListBox {
    display: block;
    overflow: hidden;
    padding: inherit;
    position: relative;
    width: 30%;
    min-height: 1px;
    margin: 0 auto 30px;
    padding: 10px;
  }
  #footMenu {
    display: block;
    overflow: hidden;
    width: 100%;
    float: none;
    margin-right: 0px;
  }
  #footerInfo {
    width: 100%;
    float: none;
    margin: 15px 0;
    text-align: center;
  }
  #footerSNS {
    width: 100%;
    float: none;
    margin: 15px 0;
  }
  #staff ul li {
    float: left;
    width: 200px;
    margin: 0 10px 40px 20px;
    height: 460px;
  }
  #staff ul li ul li {
    float: left;
    width: auto;
    height: 40px;
    margin: 0 0 30px 4px;
  }
  #staff-sns {
    margin: 0 auto;
    width: 90%;
    clear: both;
  }
  #nav li {
    margin: 8px !important;
  }
  #slideshow a {
    height: 475px;
  }
  .lbox {
    width: 100%;
    float: none;
    margin-bottom: 40px;
    text-align: center;
  }
  .lbox .pics {
    width: 270px !important;
    height: 440px;
  }
  .lbox .pics img {
    width: 270px;
    height: 475px;
  }
  .rbox {
    width: 100%;
    float: none;
  }
  #menu h4 {
    font-size: 20px;
    clear: both;
    margin: 100px 0 0 0 !important;
  }
  #menu .box {
    width: 70%;
    margin: 2px auto 30px;
  }
  #menu .box2 {
    float: left;
    width: 296px;
    margin-right: 0px;
    margin-bottom: 30px;
  }
  #menu .menu {
    clear: both;
    font-size: 11px !important;
  }
  #menu .menu .item {
    float: left;
    font-size: 14px;
    margin: 10px 0 10px;
  }
  #menu .menu .item em {
    font-size: 11px;
    color: #afafaf;
  }
  #menu .menu .price {
    float: right;
    padding-right: 6px;
    font-size: 24px;
    margin: 10px 0 10px;
    color: #000;
  }
  #staff ul li {
    text-align: center !important;
  }
  #staff-sns {
    margin: 0 auto;
    width: 90%;
    clear: both;
  }
  #recruit-image {
    margin: 20px 0 30px;
    text-align: center;
  }
  #recruit-text {
    text-align: left;
  }
  #salon-calendar {
    width: 70%;
    margin: 0 auto 40px;
  }
  #salon-calendar .business-calendar-box div.firstChild {
    width: 47%;
    float: left;
  }
  #salon-calendar .business-calendar-box div.lastChild {
    width: 47%;
    float: right;
  }
}
/* INSTAGRAM */
#instagram {
  text-align: center;
  margin-bottom: 100px;
}
#instagram h2 {
  margin-top: 30px !important;
}
/* Top PR */
#shop-list-bg {
  background: #f5f5f5;
  padding-top: 20px;
  margin-bottom: 100px;
}
#shop-list {
  width: 1000px;
  margin: 0 auto;
}
/* SHOP INFO */
#salon-sns-bloc {
  margin: 100px auto 100px;
  height: 50px;
  clear: both;
  width: 260px;
}
#salon-sns li {
  width: 49px;
  float: left;
  margin: 5px !important;
}
#single-shopinfo .lbox {
  width: 640px;
  text-align: left !important;
  font-size: 14px;
}
#single-shopinfo .lbox dt {
  float: left;
  width: 30%;
  color: #a81929;
}
#single-shopinfo .lbox dd {
  float: left;
  width: 60%;
  margin-bottom: 10px;
}
#single-shopinfo {
  width: 1000px;
  margin: 0 auto;
}
.photobox {
  width: 610px;
  margin: 0 auto 150px;
}
.salon-info-page #hairstyle {
  width: 90%;
  margin: 0 auto;
}
.salon-info-page #hairstyle-single {
  width: 80%;
  margin: 0 auto;
}
.salon-info-page #hairstyle .entry-content {
  width: 180px;
  float: left;
  text-align: center;
  margin: 0 10px 10px;
}
.salon-info-page #hairstyle-gallery {
  clear: both;
  width: 70%;
  margin: 40px auto 40px;
  min-height: 50px;
}
.salon-info-page #hairstyle-gallery ul li {
  float: left;
  padding: 10px 30px 10px 20px;
  border-right: 1px solid #ccc;
}
.salon-info-page #hairstyle-gallery ul li.lastChild {
  float: left;
  padding: 10px 10px 10px 14px;
  border-right: none !important;
}
.salon-info-page #hairstyle-gallery ul li a {
  text-decoration: none;
  font-size: 20px;
  color: #afafaf;
}
.salon-info-page #hairstyle-gallery ul li a:hover {
  opacity: 0.8;
}
.salon-info-page #hairstyle-cont {
  width: 100%;
  clear: both;
}
.salon-info-page #hairstyle .entry-content .hairstyle-thumb img {
  height: auto;
}
.salon-info-page #hairstyle-info {
  float: right;
  width: 60%;
}
.salon-info-page #hairstyle-photo {
  float: left;
  width: 40%;
}
.salon-info-page #hairstyle-photo .pics {
  min-height: 480px;
}
.salon-info-page #hairstyle-photo .pics a {
  min-height: 420px;
}
.salon-info-page #stylistCommentBlock {
  clear: both;
  text-align: center;
}
.salon-info-page #stylistPhoto {
  text-align: center;
}
.salon-info-page #stylistComment {
  float: right;
  width: 70%;
  margin: 0 0 20px;
}
.salon-info-page .styledata p {
  padding-left: 30px;
}
.salon-info-page .styledata {
  width: 100%;
  margin: 0 auto 20px;
}
.salon-info-page .styledata h4 {
  color: #ff6c6c !important;
  font-weight: normal;
  padding: 3px 8px;
  margin: 0 0 10px !important;
  font-size: 20px;
}
.salon-info-page .stylist_photo img {
  border: 1px solid #AE9650;
}
.salon-info-page .dotted {
  border-bottom: 1px dotted #AE9650;
}
.salon-info-page #nav {
  width: 100%;
  margin: 10px 0 10px 0;
}
.salon-info-page #nav li {
  width: 18.7%;
  float: left;
  margin: 0 2px 0 5px !important;
  list-style: none;
}
.salon-info-page #nav a {
  display: block;
}
.salon-info-page #nav li.activeSlide a {}
.salon-info-page #nav a:focus {
  outline: none;
}
.salon-info-page #nav img {
  border: none;
  width: 114px;
  height: 77px;
}
/* RECRUIT */
#staff-recruit {
  width: 100%;
  text-align: center;
  background-image: url('../images/hand.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
  margin-bottom: -180px;
  padding: 200px 0 200px 0;
}
#staff-recruit-btn {
  position: relative;
}
/* PRODUCTS */
#product-box .entry-content {
  width: 44%;
  float: left;
  height: 300px;
  margin: 20px;
}
#product-box h3 {
  text-align: left;
  font-size: 16px;
  font-weight: normal;
  margin: 10px 0 10px;
  width: 100%;
  clear: both;
}
.taxonomy-desc {
  font-size: 11px;
  margin: 10px 0 40px;
}
.prod-photo {
  width: 46%;
  float: left;
}
.prod-desc {
  width: 53%;
  float: right;
}
/* COUPON */
.single-coupon {
  background: #cecece;
  padding: 10px;
  margin-bottom: 30px;
}
.single-coupon-cont {
  background: #fff;
  padding: 10px;
  min-height: 200px;
}
.single-coupon-cont h3 {
  font-size: 20px !important;
  margin: 0 !important;
}
.coupon-type {
  background: #adedf7;
  color: #000;
  font-weight: bolder;
  width: 40px;
  height: 30px;
  text-align: center;
  padding: 10px 0 0 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #adedf7;
  float: left;
}
.shop-img {
  float: left;
  width: 30%;
}
.shop-res-info {
  float: right;
  width: 60%;
  font-size: 16px;
  line-height: 2;
}
.shop-res-info a {
  text-decoration: none;
}
.reserve-btn {
  background: #000;
  text-align: center;
  padding: 5px;
  border-radius: 15px;
  margin: 10px auto;
  width: 60%;
  color: #fff !important;
}
.reserve-btn a {
  color: #fff !important;
  font-weight: bolder;
}
/* STAFF LIST */
#stafflist {
  width: 1000px;
  margin: 0 auto;
}
#stafflist li {
  width: 184px;
  margin: 20px;
  float: left;
  text-align: center;
}
#stafflist li img {
  width: 180px;
  height: 270px;
}
#staff-sns {
  margin: 0 auto;
  width: 200px;
  clear: both;
}
#staff-sns li {
  width: 40px;
  float: left;
  margin: 5px;
}
/*-------------------------------------------*/
/*	ipad
/*-------------------------------------------*/
@media (max-width: 780px) and (min-width: 741px) {
  #topMainBnr {
    width: 100%;
    ;
    margin: 0px auto -260px;
    height: 700px;
    overflow: hidden;
  }
  #topMainBnr img {
    width: 100%;
  }
  #topMainBnrFrame {
    min-height: 700px; /*auto;*/
  }
  #main #container #content {
    margin: 260px auto;
  }
  #topMainBnrFrame {
    width: 100%;
    margin-top: 250px;
  }
  #MainBnr {
    margin: 0;
  }
  .lbox {
    width: 320px;
    float: left;
    margin-bottom: 40px;
  }
  .rbox {
    width: 360px;
    float: right;
    margin-bottom: 30px;
  }
  .single-page {
    margin: 0px auto !important;
  }
  #staff {}
  #staff ul {}
  #staff ul li {
    float: left;
    list-style: none;
    width: 200px;
    margin: 0 10px 20px 20px;
  }
  #staff-sns {
    margin: 0 auto 10px;
    height: 30px;
    width: 200px !important;
    clear: both;
  }
  #staff img {
    -webkit-filter: grayscale(100%); /* webkit用 */
    filter: gray; /* IE用 */
  }
  #staff img:hover {
    -webkit-filter: grayscale(0%);
    filter: none;
  }
  #single-staff h5 {
    clear: both;
    margin: 40px 0 0 40px 0;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
  }
  #single-staff h5 span {
    margin: 0;
    font-size: 14px;
    color: #afafaf;
  }
  #single-staff dt {
    text-align: left;
  }
  #single-staff dd {
    text-align: left;
  }
  #staff .member {
    text-align: center
  }
  #staff .member p {}
  #hairstyle {
    width: 90%;
    margin: 0 auto;
  }
  #hairstyle-single #slideshow a {
    height: 320px;
  }
  #hairstyle-photo .pics a {
    min-height: 320px !important;
  }
  #hairstyle-photo .pics {
    min-height: 320px !important;
  }
  #hairstyle-single {
    width: 80%;
    margin: 0 auto;
  }
  #hairstyle .entry-content {
    width: 180px;
    float: left;
    text-align: center;
    margin: 0 10px 10px;
  }
  #hairstyle-gallery {
    clear: both;
    width: 70%;
    margin: 40px auto 40px;
    min-height: 50px;
  }
  #hairstyle-gallery ul li {
    float: left;
    padding: 10px 30px 10px 20px;
    border-right: 1px solid #ccc;
  }
  #hairstyle-gallery ul li.lastChild {
    float: left;
    padding: 10px 10px 10px 14px;
    border-right: none !important;
  }
  #hairstyle-gallery ul li a {
    text-decoration: none;
    font-size: 20px;
    color: #afafaf;
  }
  #hairstyle-gallery ul li a:hover {
    opacity: 0.8;
  }
  #hairstyle-cont {
    width: 100%;
    clear: both;
  }
  #hairstyle .entry-content .hairstyle-thumb img {
    height: auto;
  }
  #hairstyle-info {
    float: right;
    width: 60%;
  }
  #hairstyle-photo {
    float: left;
    width: 40%;
  }
  #hairstyle-photo .pics {
    min-height: 480px;
  }
  #hairstyle-photo .pics a {
    min-height: 420px;
  }
  #nav li {
    width: 72px !important;
  }
  #nav img {
    border: none;
    width: 72px !important;
    ;
    height: 110px !important;
    ;
  }
  #recruit-image {
    margin: 20px 0 30px;
    text-align: center;
  }
  #recruit-text {
    margin: 30px 0 30px;
    text-align: center;
  }
  #menu .menu {
    clear: both;
    font-size: 11px !important;
  }
  #menu .menu .item {
    float: left;
    font-size: 12px;
    margin: 10px 0 10px;
  }
  #menu .menu .item em {
    font-size: 10px;
    color: #afafaf;
  }
  #menu .menu .price {
    float: right;
    padding-right: 6px;
    font-size: 14px;
    margin: 10px 0 10px;
    color: #000;
  }
  .box {
    margin-bottom: 80px;
  }
}
/*-------------------------------------------*/
/*	スマホ
/*-------------------------------------------*/
@media (max-width: 740px) and (min-width: 320px) {
  #content h5 {
    text-align: center;
  }
  #header #salon-sns {
    display: none;
  }
  #salon-reservation {
    right: 1%;
    position: fixed;
    top: 8%;
    z-index: 9999;
    width: 110px;
  }
  #salon-reservation div {
    float: none;
    font-size: 8px;
    text-align: center;
    margin: 0 0px 5px 0;
    padding: 5px 0 5px 0;
  }
  #first {
    background: #000;
    width: 100%;
  }
  #members {
    background: #ff2b2b;
    width: 100%;
  }
  #topMainBnr {
    width: 100%;
    ;
    margin: 0px auto 0;
    height: 240px;
  }
  #topMainBnr img {
    width: 100%;
  }
  #topMainBnrFrame {
    /*min-height: 240px; auto;*/
  }
  #left-col, #sidebar {
    width: 100%;
    float: none;
    clear: both;
  }
  #header-wrapper {
    position: fixed;
  }
  #gMenu {
    padding: 0 0 10px 0;
    position: absolute;
    background: rgba(255, 255, 255, 0.80);
    width: 100%;
    margin: 0 0 0 -11px;
  }
  #gMenu .assistive-text {
    float: left;
    margin-left: 10px
  }
  #gMenu .menu li a {
    padding: 15px;
  }
  #gMenu .menu li {
    text-shadow: none;
  }
  #gMenu .menu-gnavi-container {
    clear: both
  }
  #header #headContact {
    margin: 0 10px 0 30px;
    float: right;
    text-align: right;
    position: relative;
    z-index: 9999;
  }
  #topMainBnrFrame {
    width: 100%;
    margin: 10px 0;
    margin-top: 150px;
  }
  #MainBnr {
    margin: 0;
    margin-top: 200px;
  }
  #topPr .entryTxtBox {}
  #topPr h4 {
    width: 100%;
    text-align: center;
  }
  .thumbImageInner {
    width: 100%;
    text-align: center;
  }
  #salon-image {
    height: 300px;
  }
  #content #topInfo, #content #topBlog {
    width: 90%;
    float: none;
  }
  #footer h4 {
    text-align: center;
  }
  #footer {
    width: 100%;
    padding: 20px 0 0 0;
  }
  #footMenu {
    display: block;
    overflow: hidden;
    width: 100%;
    float: none;
    margin-right: 0px;
  }
  #footerInfo {
    width: 100%;
    float: none;
    margin: 15px 0;
    text-align: center;
  }
  #footMenu .menu li a {
    text-align: center !important;
  }
  #footer dl#footerOutline {
    width: 100%;
    text-align: center;
  }
  #footerSection #salon-sns {
    display: block;
    width: 200px;
    margin: 0 auto;
  }
  #footerSection #salon-sns li {
    width: 20% !important;
    float: left;
    margin: 5px !important;
  }
  #footerSection #salon-sns li img {
    width: 100%
  }
  #copy {
    margin: -20px 0 20px;
  }
  .scrollup {
    right: 10px !important;
  }
  #salon-image {
    height: 360px !important;
  }
  #concept {
    width: 90% !important;
  }
  .dl-horizontal {
    width: 98% !important;
  }
  #single-staff h5 {
    clear: both;
    margin: 40px 0 0 40px 0;
    font-size: 24px;
    font-weight: normal;
  }
  #single-staff h5 span {
    margin: 0;
    font-size: 14px;
    color: #afafaf;
  }
  #staff ul li {
    width: 100% !important;
    float: none !important;
    margin: 0 10px 40px 0px !important;
    text-align: center !important;
  }
  #staff ul li ul li {
    float: left !important;
    width: auto !important;
    height: 40px;
    margin: 0 0 30px 4px !important;
  }
  #staff-sns {
    margin: 0 auto 10px;
    height: 30px;
    width: 64%;
    clear: both;
  }
  #slideshow a {
    height: 525px;
  }
  .lbox {
    width: 90%;
    float: none;
    margin: 0 auto 40px;
    text-align: center;
  }
  .rbox {
    width: 100%;
    float: none;
  }
  .lbox .pics {
    width: 100% !important;
    min-height: 420px;
    text-align: center;
  }
  .lbox #nav {
    margin-bottom: 20px;
    height: 150px;
  }
  .lbox #nav li {
    margin: 10px 5px 10px 10px !important;
  }
  #menu .menu {
    clear: both;
    font-size: 11px !important;
  }
  #menu .menu .item {
    float: left;
    font-size: 12px;
    margin: 10px 0 10px;
  }
  #menu .menu .item em {
    font-size: 10px;
    color: #afafaf;
  }
  #menu .menu .price {
    float: right;
    padding-right: 6px;
    font-size: 14px;
    margin: 10px 0 10px;
    color: #000;
  }
  .box {
    margin-bottom: 80px;
  }
  .salon-info-page .photobox #slideshow {
    width: 100% !important;
    height: 260px !important;
  }
  .salon-info-page .photobox #slideshow img {
    width: 100% !important;
    height: 260px !important;
  }
  .salon-info-page #nav li {
    width: 18%;
    float: left;
    margin: 0 2px 0 5px !important;
    list-style: none;
  }
  .salon-info-page #nav li img {
    height: 50px;
  }
  #hairstyle-gallery {
    width: 100% !important;
  }
  #hairstyle-gallery ul li {
    padding: 10px !important;
    border-right: none !important;
  }
  #hairstyle-gallery ul li a {
    font-size: 14px !important;
  }
  #hairstyle .entry-content {
    width: 30% !important;
    height: 210px !important;
    float: left !important;
    text-align: center;
    margin: 0 3px 5px !important;
  }
  #hairstyle .entry-content img {
    width: 94px !important;
    height: 132px !important;
  }
  #hairstyle .entry-content .hairstyle-thumb {
    width: 94px !important;
    height: 120px !important;
  }
  #hairstyle .entry-content h4 {
    font-size: 10px !important;
    width: 84px !important;
  }
  #hairstyle-info, #hairstyle-photo {
    float: none !important;
    width: 100% !important;
  }
  #hairstyle-photo img {
    width: 100%;
  }
  dl.style_list {
    margin: 0 0 7px 10px !important;
    clear: both;
  }
  dl.style_list dt {
    width: 100% !important;
    padding: 3px 0;
    text-align: center;
    font-size: 14px;
  }
  dl.style_list dd {
    background-color: #dedede !important;
    color: #fff;
    padding: 3px 0;
    margin: 0 1px 5px;
    border: 1px solid #e9e9e9;
    text-align: center;
    width: 30% !important;
  }
  .detail dl {
    margin-bottom: 30px;
  }
  #recruit-image {
    margin: 20px 0 30px;
    text-align: center;
  }
  #recruit-text {
    margin: 30px 0 30px;
    text-align: left;
  }
  /* INSTAGRAM */
  #sb_instagram {
    width: 100% !important;
  }
  /* SHOP LIST */
  #shop-list-bg {
    background: #f5f5f5;
    padding-top: 20px;
    height: 100%;
  }
  #shop-list {
    width: 100% !important;
  }
  #shop-list h3 {
    font-size: 18px !important;
  }
  #shop-list p {
    text-align: center;
  }
  #shop-list .salon-list-tel {
    font-size: 18px !important;
  }
  #shop-list li {
    width: 40% !important;
    margin: 15px;
    float: left;
  }
  #shop-list li img {
    width: 100% !important;
  }
  #salon-sns {
    width: 100%;
    margin: 0 auto;
  }
  #salon-sns li {
    width: 19% !important;
    float: left;
    margin: 5px !important;
  }
  /* SHOP LIST FOOTER */
  #shop-list-footer {
    display: none;
  }
  /* SHOP INFO */
  #salon-sns-bloc {
    margin: 100px auto 100px;
    height: 50px;
    clear: both;
  }
  #salon-sns-bloc #salon-sns li {
    margin: 10px;
  }
  #single-shopinfo {
    width: 100%;
    margin: 0 auto;
  }
  #single-shopinfo .lbox {
    width: 80%;
    text-align: left !important;
  }
  #single-shopinfo .lbox dt {
    float: left;
    width: 100%;
  }
  #single-shopinfo .lbox dd {
    float: left;
    width: 100%;
    margin-bottom: 10px;
  }
  .photobox {
    width: 100%;
    margin: 0 auto 150px;
  }
  /* RECRUIT */
  #staff-recruit {
    width: 100%;
    text-align: center;
    background-image: url('../images/hand.jpg');
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: -30px;
    padding: 0 !important;
    height: 210px;
  }
  #staff-recruit-btn {
    top: 30%;
    position: relative;
  }
  #recruit {
    line-height: 2;
    width: 98%;
    margin: 0 auto;
  }
  #recruit .center {
    text-align: center;
  }
  #recruit .txt40 {
    font-size: 20px;
  }
  #recruit .txt18 {
    font-size: 18px;
  }
  #recruit .txt24 {
    font-size: 24px;
  }
  #recruit .message {
    font-size: 14px;
    margin-top: 60px;
  }
  #recruit h2 {
    margin-bottom: 50px !important;
  }
  #recruit h3 {
    background: #000 !important;
    color: #fff !important;
    font-size: 14px;
  }
  #recruit dl {
    display: block;
    height: auto;
    padding: 0 4px 4px 4px;
  }
  #recruit dt {
    color: #000;
    float: left;
    clear: both;
    font-size: 12px;
    margin: 0;
    width: 28%;
  }
  #recruit dd {
    float: right;
    width: 70%;
    text-align: left;
    margin-bottom: 20px;
  }
  .dl-background {
    background: #e8e8e8;
    height: 24px;
  }
  .dl-border-none {
    border: none !important;
    padding: 2px 0 4px 4px !important;
  }
  .recruit-content {
    clear: both;
    padding: 0 !important;
    min-height: 200px;
  }
  .recruit-content ul li {
    list-style: disc !important;
  }
  .recruit-content ul {
    width: 90%;
    margin: 0 auto;
  }
  .recruit-content .photo1 {
    float: none;
    width: 100%;
    text-align: center;
  }
  .recruit-content .info1 {
    float: none;
    width: 100%;
    margin: 0;
  }
  #recruit-form {
    font-size: 12px;
    width: 100%;
    margin: 0 auto;
  }
  .label {
    float: left;
  }
  .req {
    background: #f1183b;
    color: #fff;
    width: 30px;
    padding: 2px;
    text-align: center;
    font-size: 10px;
    float: left;
    margin-left: 10px;
  }
  /* PRODUCTS */
  #product-box .entry-content {
    width: 100% !important;
    float: none !important;
    margin: 0;
  }
  #product-box h3 {
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    margin: 10px 0 10px;
  }
  .taxonomy-desc {
    font-size: 11px;
    margin: 10px 0 40px;
  }
  .prod-photo {
    width: 46%;
    float: left;
  }
  .prod-desc {
    width: 46%;
    float: right;
  }
  #content .infoList .infoListBox {
    width: 46%;
    float: left;
    margin: 5px;
  }
  /* COUPON */
  .single-coupon {
    background: #cecece;
    padding: 10px;
    margin-bottom: 30px;
    text-align: center;
  }
  .single-coupon-cont {
    background: #fff;
    padding: 10px;
    min-height: 200px;
  }
  .single-coupon-cont h3 {
    font-size: 18px !important;
    margin: 0 !important;
  }
  .shop-img {
    float: none;
    width: 100%;
  }
  .shop-res-info {
    float: none;
    width: 100%;
    font-size: 14px;
    line-height: 2;
  }
  .reserve-btn {
    background: #000;
    text-align: center;
    padding: 5px;
    border-radius: 15px;
    margin: 10px auto;
    width: 60%;
  }
  .reserve-btn a {
    color: #fff;
    font-weight: bolder;
  }
  /* STAFF LIST */
  #stafflist {
    width: 100%;
    margin: 0 auto;
  }
  #stafflist li {
    width: 40%;
    margin: 15px;
    float: left;
    text-align: center;
    font-size: 11px;
  }
  #stafflist li img {
    width: 100%;
    height: 238px;
  }
  #menu {
    width: 98%;
    margin: 0 auto;
  }
  #menu .box {
    float: none;
  }
}
@media (min-width: 850px) {
  #header #headContact {
    font-size: 100%;
    line-height: 110%;
    margin: -100px 0px 10px;
    white-space: nowrap;
    text-align: right;
  }
  #footerSiteMap .menu li {
    color: #bf995a; /*width: 124px;/*164px*/
  }
  #footMenu .innerBox {
    margin: 0px auto;
    width: 950px;
  }
}
@media (max-width: 800px) {
  #footer {
    width: 100%;
  }
}
/*-------------------------------------------*/
/*	フルサイズ
/*-------------------------------------------*/
@media (min-width: 970px) { /* スクロール分余裕に20px */
  .innerBox, #gMenu #gMenuInner.innerBox {
    width: 950px;
    margin: 0px auto;
  }
  #gMenu .menu li {
    width: 100px;
  }
  #main #container {}
  #main #container #content {
    width: 1000px;
    margin: 0px auto !important;
  }
  #main #container #sideTower {
    float: right;
    width: 220px;
    clear: none;
  }
  body.left-sidebar #main #container #content {
    float: right;
  }
  body.left-sidebar #main #container #sideTower {
    float: left;
  }
  body.home.one-column #main #container #content {
    float: none;
    width: 100%;
  }
  body.home.one-column #main #container #sideTower {
    float: none;
    display: none;
  }
  form#searchform input#s {
    width: 120px;
  }
  form#searchform input#searchsubmit {
    width: 20%;
  }
  #topPr .entryTxtBox {}
  #topMainBnr {
    width: 100%;
    margin: 170px auto 0;
    overflow: hidden;
  }
  #topMainBnr img {
    width: 100%;
    height: auto;
  }
  #topMainBnrFrame { /*auto;*/
  }
  #topMainBnrFrame .slider li {}
  #MainBnr {
    margin: 50px 0;
  }
  #MainBnr img {
    width: 1260px !important;
    height: auto;
  }
  .lbox {
    width: 320px;
    float: left;
    margin-bottom: 40px;
    clear: both;
  }
  .rbox {
    width: 360px;
    float: right;
    margin-bottom: 30px;
  }
  .single-page {
    margin: 100px auto !important;
  }
  /*				.infoListBox
/*-------------------------------------------*/
  #content .infoList .infoListBox div.entryTxtBox.haveThumbnail { /* float:Left; */ /* margin-right:110px; */
  }
  /*			.childPageBox
/*-------------------------------------------*/
  #content .childPageBox {
    display: block;
  }
  #content .childPageBox {
    margin-top: 20px;
    border: 1px solid #e6e6e6;
    padding: 0px;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
  }
  #content .childPageBox h4 {
    border-top: none;
    background: none;
    font-weight: lighter;
    margin: 15px 20px 10px;
    padding: 0px 0px 3px;
    font-size: 14px;
  }
  #content .childPageBox h4 a {
    text-decoration: none;
    color: #999
  }
  #content .childPageBox ul {
    margin: 0px 20px 15px;
    padding: 0px;
    display: block;
    overflow: hidden;
    font-size: 85.7%;
    line-height: 125%;
  }
  #content .childPageBox ul li {
    float: left;
    display: block;
    width: 33%;
    list-style: none;
    margin: 0px;
  }
  #content .childPageBox ul li a {
    background: url(images/icon_arrow_bk.png) left 5px no-repeat;
    padding: 3px 5px 3px 10px;
    text-decoration: none;
    display: block;
    overflow: hidden;
    color: #999;
  }
  #content .childPageBox ul li a:hover, #content .childPageBox ul li.current_page_item a {
    background-image: url(images/icon_arrow_bk.png);
    text-decoration: underline;
    color: #bf995a;
  }
  #content .childPageBox ul li ul {
    margin: 0px;
    font-size: 91.7%;
  }
  #content .childPageBox ul li ul li {
    float: none;
    width: auto;
  }
  #content .childPageBox ul li ul li a {
    background: url(images/icon_arrow_bk_s.png) left 6px no-repeat;
    padding: 3px 5px 3px 10px;
    text-decoration: none;
  }
  #content .childPageBox ul li ul li a:hover, #content .childPageBox ul li ul li.current_page_item a {
    background: url(images/icon_arrow_bk_s.png) left 6px no-repeat;
  }
  #content .childPageBox ul li ul li ul {
    padding-left: 8px;
    font-size: 100%;
    line-height: 120%;
  }
  #content .childPageBox ul li.current_page_item ul li a {
    color: #999;
    text-decoration: none;
    background-image: url(images/icon_arrow2_gray.gif);
  }
  #content .childPageBox ul li.current_page_item ul li a:hover {
    color: #bf995a;
    text-decoration: underline;
    background-image: url(images/icon_arrow2_red.gif);
  }
  #content .mainFootContact .mainFootBt a img {
    width: 100%;
  }
  #footerSiteMap {
    width: 710px;
    padding-top: 0px;
    font-size: 87.4%; /*12px;*/
  }
  #footer dl#footerOutline {
    float: left;
  }
  /*-------------------------------------------*/
  /*	#footMenu
/*-------------------------------------------*/
  #footMenu {
    display: block;
    overflow: hidden;
    width: 33%;
    float: left;
    position: relative;
    margin-right: 20px;
  }
  #footMenu .innerBox {
    width: 100%;
    margin: 0;
  }
  #footMenu .menu {
    display: block;
    overflow: hidden;
  }
  #footMenu .menu li {
    list-style: none;
    display: block;
    margin: 0px;
    padding: 0px;
    line-height: 100%;
    font-size: 12px;
  }
  #footMenu .menu li a {
    color: #fff;
    padding: 10px 3%;
    display: block;
    overflow: hidden;
    text-decoration: none;
  }
  #footMenu .menu li:hover {
    opacity: 0.8;
  }
  /*-------------------------------------------*/
  /*	#footerInfo
/*-------------------------------------------*/
  #footerInfo {
    width: 100%;
    margin: 15px;
    text-align: center;
  }
  #footerInfo img {
    width: 200px;
    margin-bottom: 20px
  }
  /*-------------------------------------------*/
  /*	#footerSNS
/*-------------------------------------------*/
  #footerSNS {
    width: 28%;
    float: right;
    margin: 15px 0;
  }
  #footerSNS li {
    float: left;
    width: 40px;
    heght: 40px;
    margin: 0 0 0 4px;
  }
  #footerSNS li img {
    width: 40px;
    heght: 40px;
  }
  #topPr h4 {
    border-top: none !important;
    font-family: 'Domine', serif;
    font-size: 20px;
  }
  #topPr h4 a {
    text-decoration: none;
  }
  #recruit h2, #gallery h2, #menu h2 {
    border-bottom: none !important;
    border-top: none !important;
    background: none !important;
    box-shadow: none !important;
    padding: 10px 0px;
    margin-bottom: 0px !important;
  }
  #gallery h4, #menu h4 {
    font-family: 'Domine', serif;
    font-size: 20px;
    clear: both;
    margin: 100px 0 0 0 !important;
  }
  #menu .box {
    width: 70%;
    margin: 2px auto 30px;
    clear: both;
  }
  #menu .box2 {
    float: left;
    width: 296px;
    margin-right: 0px;
    margin-bottom: 30px;
  }
  #menu .menu {
    clear: both;
    font-size: 11px !important;
  }
  #menu .menu .item {
    float: left;
    font-size: 14px;
    margin: 10px 0 10px;
  }
  #menu .menu .item em {
    font-size: 11px;
    color: #afafaf;
  }
  #menu .menu .price {
    float: right;
    padding-right: 6px;
    font-size: 24px;
    margin: 10px 0 10px;
    color: #000;
  }
  #menu .clearfix {
    clear: both;
  }
  #tMenu {
    clear: both;
    width: 400px;
    float: right;
    padding-right: 10px;
    font-size: 3px;
  }
  #tMenu ul {
    float: left;
  }
  #tMenu ul li {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #a37b39;
  }
  #tMenu ul li a {
    font-weight: normal !important;
    text-decoration: none;
  }
  #tMenu li a strong {
    font-weight: normal;
    font-size: 3px !important;
  }
  #gallery {}
  #gallery ul {
    float: left;
  }
  #gallery ul li {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    list-style: none;
  }
  #gallery ul li a {
    font-weight: normal !important;
    text-decoration: none;
  }
  #gallery li a strong {
    font-weight: normal;
  }
  #recruit {
    line-height: 2;
    width: 70%;
    margin: 0 auto;
  }
  #recruit .center {
    text-align: center;
  }
  #recruit .txt40 {
    font-size: 40px;
  }
  #recruit .txt18 {
    font-size: 18px;
  }
  #recruit .txt24 {
    font-size: 24px;
  }
  #recruit .message {
    font-size: 14px;
    margin: 60px 0 100px;
  }
  #recruit h2 {
    margin-bottom: 50px !important;
  }
  #recruit h3 {
    background: #000 !important;
    color: #fff !important;
    font-size: 14px;
  }
  #recruit dl {
    display: block;
    padding: 10px 4px 10px 4px;
    margin: 40px 0 0;
  }
  #recruit dt {
    color: #a81929;
    float: left;
    clear: both;
    font-size: 12px;
    margin: 0;
    width: 30%;
  }
  #recruit dd {
    float: right;
    width: 70%;
    text-align: left;
    margin-bottom: 40px;
  }
  #recruit-form {
    font-size: 14px;
    width: 70%;
    margin: 0 auto;
  }
  .label {
    float: left;
  }
  .req {
    background: #f1183b;
    color: #fff;
    width: 30px;
    padding: 2px;
    text-align: center;
    font-size: 10px;
    float: left;
    margin-left: 10px;
  }
  .dl-background {
    background: #e8e8e8;
    height: 24px;
  }
  .dl-border-none {
    border: none !important;
    padding: 2px 0 4px 4px !important;
  }
  .recruit-content {
    clear: both;
    padding: 30px 40px 30px 40px;
    min-height: 200px;
  }
  .recruit-content ul li {
    list-style: disc !important;
  }
  .recruit-content ul {
    width: 90%;
    margin: 0 auto;
  }
  .recruit-content .photo1 {
    float: left;
  }
  .recruit-content .info1 {
    float: right;
    width: 70%;
  }
  #exp {
    margin: 50px 0 30px;
  }
  #exp .caption {
    font-size: 20px;
    margin: 80px 0 80px;
    text-align: center;
    line-height: 2;
  }
  #staff {}
  #staff ul {
    margin-left: 0px;
    width: 100%;
  }
  #staff ul li {
    float: left;
    list-style: none;
    width: 200px;
    margin: 0 10px 20px 20px;
  }
  #staff img {
    -webkit-filter: grayscale(100%); /* webkit用 */
    filter: gray; /* IE用 */
  }
  #staff img:hover {
    -webkit-filter: grayscale(0%);
    filter: none;
  }
  #staff h5 {
    margin: 0px;
    padding: 0px;
    border-bottom: none;
    margin-bottom: 3px;
    margin-top: 10px;
    padding-left: 10px;
    font-weight: normal;
    text-align: center;
  }
  #staff .member {
    text-align: center
  }
  #staff .member p {}
  /*
.lbox { width:30%; float:left; margin-bottom:40px;}
.rbox { width:68%; float:right;} 
*/
  #single-staff {
    clear: both;
    margin: 0 auto;
    min-height: 100%;
    width: 70%;
  }
  #single-staff h5 {
    margin-bottom: 5px;
    margin: 0 0 40px 0;
    font-size: 24px;
    font-weight: normal;
  }
  #single-staff h5 span {
    margin: 0 0 0 10px;
    font-size: 14px;
    color: #afafaf;
  }
  #single-staff dt {
    float: left;
    width: 30%;
    text-align: left;
    clear: both;
    font-weight: bold;
    font-size: 16px;
  }
  #single-staff dd {
    margin: 10px 0 10px;
    padding: 0px;
    text-align: left;
    float: right;
    width: 70%;
  }
  #single-staff dl {}
  #map dt {}
  #map dd {}
}
#salon-image {
  text-align: center;
  height: 500px;
  overflow: hidden;
}
/* =Print Style
-------------------------------------------------------------- */
@media print {
  body {
    background: none !important;
  }
  #wrapper {
    clear: both !important;
    display: block !important;
    float: none !important;
    position: relative !important;
  }
  #headerTop, #header, #panList, #gMenu, #pagetop, #sideTower, #footMenu, #footer, #siteBottom {
    display: none !important;
  }
  #pageTitBnr, #content table th {
    box-shadow: none !important;
  }
  #access, #branding img, #respond, .comment-edit-link, .edit-link, .navigation, .page-link, .widget-area {
    display: none !important;
  }
  #container {
    margin: 0;
    width: 100%;
  }
}
#concept {
  width: 70%;
  margin: 60px auto 60px;
  border-bottom: #afafaf dotted 1px;
  border-top: #afafaf dotted 1px;
}
#map {
  margin: 100px 0 200px;
}
#map dl {
  width: 60%;
  margin: 0 auto 30px;
  clear: both;
  line-height: 1.5;
}
#map dt {
  float: left;
  width: 30%;
  text-align: left;
}
#map dd {
  float: right;
  width: 70%;
  text-align: left;
  margin: 10px 0 10px
}
.single-post {
  border: 1px #ccc solid;
  padding: 30px;
}
/* Hairstyle Gallery */
#hairstyle {
  width: 90%;
  margin: 0 auto;
}
#hairstyle-single {
  width: 90%;
  margin: 0 auto;
}
#hairstyle .entry-content {
  width: 180px;
  float: left;
  text-align: center;
  margin: 0 10px 10px;
}
#hairstyle-gallery {
  clear: both;
  width: 60%;
  margin: 40px auto 40px;
  min-height: 50px;
}
#hairstyle-gallery ul li {
  float: left;
  padding: 2px 30px 2px 20px;
  border-right: 1px solid #000;
}
#hairstyle-gallery ul li.lastChild {
  float: left;
  padding: 2px 10px 2px 14px;
  border-right: none !important;
}
#hairstyle-gallery ul li a {
  text-decoration: none;
  font-size: 16px;
  color: #000;
}
#hairstyle-gallery ul li a:hover {
  opacity: 0.8;
}
#hairstyle-cont {
  width: 100%;
  clear: both;
}
#hairstyle .entry-content .hairstyle-thumb img {
  height: auto;
}
#hairstyle-info {
  float: right;
  width: 60%;
}
#hairstyle-photo {
  float: left;
  width: 40%;
}
#hairstyle-photo .pics {
  max-height: 520px;
}
#hairstyle-photo .pics a {
  max-height: 520px;
}
#stylistCommentBlock {
  clear: both;
  text-align: center;
}
#stylistPhoto {
  text-align: center;
}
#stylistComment {
  float: right;
  width: 70%;
  margin: 0 0 20px;
}
.styledata p {
  padding-left: 10px;
}
.styledata {
  width: 100%;
  margin: 0 auto 20px;
}
.styledata h4 {
  color: #001 !important;
  padding: 3px 8px;
  margin: 0 0 10px !important;
  font-size: 20px;
}
.stylist_photo img {
  border: 1px solid #AE9650;
}
.dotted {
  border-bottom: 1px dotted #AE9650;
}
dl.style_list {
  margin: 0 0 7px 10px !important;
  clear: both;
}
dl.style_list dt {
  float: left;
  width: 90px; /* padding:3px 0; */ text-align: center;
  margin: 0 0 5px;
  font-weight: normal;
  font-size: 12px !important;
}
dl.style_list dd {
  float: left;
  background-color: #dedede !important;
  color: #fff;
  padding: 3px 0;
  margin: 10px 0 0 0 !important;
  border: 1px solid #e9e9e9;
  text-align: center;
  width: 96px;
}
dl.style_list dd.on {
  background-color: #ff6c6c !important;
  color: #fff;
}
#shape_tit {
  float: left;
  width: 90px;
  padding: 3px 0;
  text-align: center;
  margin-left: 10px;
}
#shape {
  background: url(/img/gallery/bg_shape.gif) no-repeat 0 0;
  width: 298px;
  height: 73px;
  float: left;
  position: relative;
  margin: 0 0 30px;
}
#shape img {
  position: absolute;
}
#tamago {
  top: 0px;
  left: 0px;
}
#maru {
  top: 0px;
  left: 60px;
}
#omonaga {
  top: 0px;
  left: 120px;
}
#gyakusan {
  top: 0px;
  left: 180px;
}
#base {
  top: 0px;
  left: 240px;
}
.clearfix {
  clear: both;
}
#nav {
  width: 100%;
  margin: 10px 0 10px 0;
}
#nav {
  margin: 30px 0 !important;
  clear: both;
}
#nav li {
  width: 28%;
  float: left;
  margin: 0 2px 10px;
  list-style: none;
}
#nav a {
  display: block;
}
#nav li.activeSlide a {}
#nav a:focus {
  outline: none;
}
#nav img {
  border: none;
  width: 90px;
  height: 130px;
}
#detail_nav {
  width: 350px;
  margin: 0 0 0 12px;
}
#detail_nav div {
  float: left;
  display: inline;
  margin-right: 7px;
}
/* -----------------------------------------------------------
	ヘアスタイルページ
----------------------------------------------------------- */
/* Light Box */
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxClose {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
}
#cboxOverlay {
  background: #fff;
}
#cboxContent {
  margin: 50px auto 0;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 50px;
}
#cboxLoadedContent {
  background: #fff;
  padding: 1px;
}
#cboxLoadingGraphic {
  background: url(images/loading.gif) no-repeat center center;
}
#cboxLoadingOverlay {
  background: #fff;
}
#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #000;
}
#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px;
}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {
  text-indent: -9999px;
  width: 50px;
  height: 50px;
  position: absolute;
  top: -50px;
  background: url(/images/controls.png) no-repeat 0 0;
}
#cboxPrevious {
  background-position: 0px 0px;
  right: 100px;
}
#cboxPrevious:hover {
  background-position: 0px -50px;
}
#cboxNext {
  background-position: -50px 0px;
  right: 50px;
}
#cboxNext:hover {
  background-position: -50px -50px;
}
#cboxClose {
  background-position: -100px 0px;
  right: 0;
}
#cboxClose:hover {
  background-position: -100px -50px;
}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
  right: 66px;
}
.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -100px -25px;
}
.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -75px -25px;
}
.business-calendar-box {
  width: 100%;
  display: inline-block;
  clear: both;
}
.business-calendar-box div {
  float: left;
  width: 42%;
  margin: 10px
}
.business-calendar-box table tr td {
  padding: 5px 2px 5px 2px !important;
  text-align: center;
}
.business-calendar-box content table tr th, .business-calendar-box table thead tr th {
  padding: 0 !important;
  text-align: center;
}
@media screen and (max-width:520px) {
  #topPr {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  #topPrBox {
    width: 48%;
  }
  #topPrBox img {
    width: 100%;
    height: auto;
  }
  #main {
    margin-top: 0;
  }
  #main #container {
    /*margin-top: 140px;*/
  }
}
#menu-gnavi-2 {
  display: flex;
  justify-content: center;
  margin-top: 15px;
  margin-bottom: 5px;
}
#menu-gnavi-2 li {
  text-align: center;
  width: 94px;
  font-size: 14px;
  display: block;
  font-weight: normal;
}
#menu-gnavi-2 li strong {
  font-weight: normal;
}
#menu-gnavi-2 li a {
  text-decoration: none;
}
@media screen and (max-width:520px) {
  #menu-gnavi-2 {
    flex-wrap: wrap;
  }
}
.copy {
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 45px;
  margin-bottom: 45px;
  color: #333;
}
@media screen and (max-width:520px) {
  .copy {
    padding-top: 0px;
    font-size: 17px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0px;
  }
  .copy br {
    display: none;
  }
}