/*
Theme Name:     hsmiura_child
Description:    hair salon miuraの子テーマ
Author:         hsmiura
Template:       skin_tcd046

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/


/*共通XXXXXXXXXXXXXX*/

/*モバイル電話リンク　PC　無効*/
a[href^="tel:"] {
    /*pointer-events: none;*/
}

/*トップのライン　無効*/
#header { border-top:0px solid rgba(226,190,166,.8); }

/*リンクにかかる半透明ハイライトを非表示にする場合*/
a{-webkit-tap-highlight-color: transparent; }

/*画像にかかる半透明ハイライトのみ非表示にする場合*/
img{-webkit-tap-highlight-color: transparent;}

/*フロントページ　メニュー文字の大きさ　000*/
.menu li a{
  font-size: 16px !important;
  font-weight: bold;
}

.menu li a:hover{
  background: #4A2A26;
  color: #fff !important;
  opacity: 0.7;
}


/* モバイルの時出てくるメニューで位置がずれるのは、header_fix.jsのcss header_fixというのが影響しているよう。
   なぜかはわからないが、paddingではなく、.header_fix { margin-top:-70px; }を入れたら改善できた。以下は、元のソースで、触っていない。*/

.header_fix { margin-top:-70px; }



@media only screen and (min-width:992px) {
  .fix_top.header_fix #header {
    position:fixed; width:100%; min-width:1280px; top:0px; left:0px; z-index:200; background:rgba(226,190,166,.8); border-top:none;
    -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -ms-transform:translateY(0%); -o-transform:translateY(0%); transform:translateY(0%);
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
    animation:slideDown 0.5s ease; -ms-animation:slideDown 0.5s ease; -webkit-animation:slideDown 0.5s ease; -moz-animation:slideDown 0.5s ease; 
  }
  .fix_top.header_fix .header_inner { min-height:70px; }

  /* ロゴ */
  .fix_top.header_fix #header_logo #logo_image_fixed, .fix_top.header_fix #header_logo #logo_text_fixed { display:block; }
  .fix_top.header_fix #header_logo #logo_image, .fix_top.header_fix #header_logo #logo_text { display:none; }
  .fix_top.header_fix #header_logo .logo a { color:#fff; text-decoration:none; }
  .fix_top.header_fix #header_logo img { max-height:60px; }

  /* グローバルメニュー */
  .fix_top.header_fix #global_menu a { color:#fff; }
  .fix_top.header_fix #global_menu > ul > li > a { height:70px; line-height:70px; }
  .fix_top.header_fix #global_menu > ul > li:hover > ul { top:70px; }
}

@-webkit-keyframes slideDown {
  0% { -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%); }
  100% { -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -ms-transform:translateY(0%); -o-transform:translateY(0%); transform:translateY(0%); }
}
@keyframes slideDown {
  0% { -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%); }
  100% { -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -ms-transform:translateY(0%); -o-transform:translateY(0%); transform:translateY(0%); }
}

.header_fix { padding-top:130px; }
.header_fix #header {
  -webkit-transition:opacity 0.2s ease;
  -moz-transition:opacity 0.2s ease;
  -ms-transition:opacity 0.2s ease;
  -o-transition:opacity 0.2s ease;
  transition:opacity 0.2s ease;
}
.header_fix #header:hover { opacity:1; }

/* アドミンバー */
.admin-bar { padding-top:32px; }
@media only screen and (min-width:992px) {
  .fix_top.header_fix.admin-bar { padding-top:152px; }
  .fix_top.header_fix.admin-bar #header { top:32px; }
}
@media only screen and (max-width:991px) {
  .mobile_fix_top.header_fix.admin-bar { padding-top:92px; }
  .mobile_fix_top.header_fix.admin-bar #header { top:32px; }
}
@media only screen and (max-width:782px) {
  .admin-bar { padding-top:46px; }
  .mobile_fix_top.header_fix.admin-bar { padding-top:106px; }
  .mobile_fix_top.header_fix.admin-bar #header { top:46px; }
}
@media only screen and (max-width:600px) {
  .mobile_fix_top.header_fix.admin-bar { margin-top:46px; padding-top:60px; }
  .mobile_fix_top.header_fix.admin-bar #header { top:0; }
}



/* ------------- スクロールフェードインDown用 ------------- */
.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
/* ------------- スクロールフェードインDown用 END ------------- */ 



/*全幅 000*/
.x1{　

}

/*コンテイナー 1150 000*/
.x2{
	margin: 0 auto;
	max-width: 1150px;
}

/*背景　黄色 000*/
.x3{
	background: #FFFEEE;
}

/*コンテイナー インナー 000*/
.x4{
	padding: 25px 25px;
}

/*全幅　画像 000*/

.x5{
    width: 100%;
}

.x5 img{
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: bottom !important;
}

/*基本P 000*/
.x6{
	font-size: 14px;
  line-height: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  word-wrap: break-word;
}

/*基本　文字色 000*/
.x7{
	color: #fff;
}

/*padding-left　左右　30px 000*/

.x8{
	padding-left: 30px;
	padding-right: 30px;
}

/*トップページ　4つ並び　画像など 000*/
.x9{
    font-size: 0;
}

.x10{
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 12px;
}

.x10 a{
    font-size: 14px;
    color: #000;
}

.x9 > .x10:nth-child(3n) {

}


.x11{
    width: 100%;
    height: auto;
    padding: 0;
}

.x11 img{
	width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.x12{
	padding-right: 30px;
	padding-left: 30px;
}

/*共通　H2　0000*/

.x13{
	background: #005131;
	font-size: 24px !important;
	padding: 10px 15px !important;
	color: #fff;
  font-weight: bold !important;
}

/*共通　H3　0000*/
.x14{
	font-size: 22px !important;
	padding: 15px 15px !important;
	color: #fff;
  font-weight: bold !important;
	background-size:cover;
	background-image: url("//hsmiura.com/wp/wp-content/uploads/2019/01/d.3.png")
}


/*共通　2列並び 3：7　左画像　0000*/

.x15{

}

.x15leftimg{
  margin-bottom: 20px !important;
}


.x16{
    width: 100%;
    height: auto;
    margin: 0;
    text-align: center;
}


.x16 img{
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: bottom !important;
}

/*margin-bottom:調整 000*/
.x17{
	margin-bottom: 20px !important;
}

/*padding調整 000*/
.x18{
	padding: 15px;
}

.x19{
	padding: 15px 15px;
}

/*margin-bottom:調整 000*/
.x20{
  margin-bottom: 20px !important;
}

/*margin-bottom:調整 000*/
.x21{
  margin-bottom: 15px !important;
}

/*フォント　ボールド 000*/
.x22{
  font-weight: bold !important;
}

/*margin-bottom:調整 000*/
.x23{
  margin-bottom: 30px !important;
}

/*margin-bottom:調整 減少 000*/
.x24{
  margin-bottom: -15px !important;
}

/*大枠　シャドウ 000*/
.x25{
    margin: 0 !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    clear: both;
    overflow: hidden;
    border-radius: 10px;
}

/*margin　調整 000*/
.x26{
  margin-top: 0px;
}

/*a link した線 000*/
.x27{
  text-decoration: underline;
}


.x28{
  background: #FFF0F5 !important;
}

/*margin-bottom:調整 000*/
.x29{
  margin-bottom: -35px !important;
}

.x30{
  background: #005131;
  font-size: 24px !important;
  padding: 10px 15px !important;
  color: #fff;
  font-weight: bold !important;
  margin-bottom: -35px !important;
}


/*トップページ　H２ 000*/
.aa1{
	font-size: 18px !important;
	color: #fff !important;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	line-height: 30px;
}

/*トップページ　H２　背景 000*/
.aa2{
	background-image: url("https://hsmiura.com/wp/wp-content/uploads/2019/01/welcome.gif");
  background-size:cover;
}

/*トップページ　H２　背景 000*/
.aa2_2{
  background-image: url("https://hsmiura.com/wp/wp-content/uploads/2019/01/038.gif");
  background-size:cover;
}

/*youtube 画像調整 000*/

.aa3{
	width: 100%;
	height: 250px;
}

/*トップページ　多彩な特殊サービスも充実　背景 000*/
.aa33{
	background-size:cover;
	background-image: url("https://hsmiura.com/wp/wp-content/uploads/2019/01/hasami.gif")
}

.aa4{
	position: relative;
}

/*トップページ　多彩な特殊サービスも充実　8項目 000*/
.aa5{
	width: 100%;
	position: absolute;
  top: 30px;
}

.aa6{
    font-size: 18px;
    color: #fff;
  	text-align: center;
    margin-bottom: 10px;
}


.aa8:hover{
	filter: drop-shadow(0px 0px 10px #666);
	-webkit-transition: 3s ease-in-out;
  	transition: 3s ease-in-out;
}



.aa9{
  background-repeat:no-repeat;
  background-position: center;
  background-size:contain;
  background-image: url("//hsmiura.com/wp/wp-content/uploads/2019/01/d.aa_.1.png");
  max-width:732px !important;
  margin: 0 auto;
  font-size: 16px;
  padding: 25px;
  text-align: center;
  color: #fff;
}

.aa10{
  position: relative;
  display: none;
}

/*トップページ　多彩な特殊サービスも充実　8項目 000*/

.aa11_a1{
  padding-top: 100%;
  transition: background-image 0.4s;
  background-repeat:no-repeat;
  background-position: center;
  background-size:contain;
}

.aa7{
  background-color: rgba(255,0,0,0) !important;
}

.aa11_1,.aa11_2,.aa11_3,.aa11_4,.aa11_5,.aa11_6,.aa11_7,.aa11_8{
  filter: drop-shadow(0px 0px 10px #fff);
  -webkit-transition: filter .5s ease !important;
   transition: filter .5s ease !important;
}

.aa11_1:hover,.aa11_2:hover,.aa11_3:hover,.aa11_4:hover,.aa11_5:hover,.aa11_6:hover,.aa11_7:hover,.aa11_8:hover{
  filter: drop-shadow(0px 0px 10px #666)brightness(100%)contrast(150%);
  -webkit-transition: filter .3s ease !important;
   transition: filter .3s ease !important;
}

.aa4:hover .aa6,.aa4:hover .aa14{
  color: #fff !important;
}

.aa11_1{
  background-image:url("https://hsmiura.com/wp/wp-content/uploads/2019/01/8-1.png");
}

.aa11_2{
  background-image:url("https://hsmiura.com/wp/wp-content/uploads/2019/01/8-1.png");
}

.aa11_3{
  background-image:url("https://hsmiura.com/wp/wp-content/uploads/2019/01/8-2.png");
}

.aa11_4{
  background-image:url("https://hsmiura.com/wp/wp-content/uploads/2019/01/8-3.png");
}

.aa11_5{
  background-image:url("https://hsmiura.com/wp/wp-content/uploads/2019/01/8-5.png");
}

.aa11_6{
  background-image:url("https://hsmiura.com/wp/wp-content/uploads/2019/01/8-6.png");
}

.aa11_7{
  background-image:url("https://hsmiura.com/wp/wp-content/uploads/2019/01/8-7.png");
}

.aa11_8{
  background-image:url("https://hsmiura.com/wp/wp-content/uploads/2019/01/8-4.png");
}

/*トップページ　多彩な特殊サービスも充実　8項目 000*/
.aa12{
  padding: 0px 20px !important;
}

/*トップページ　多彩な特殊サービスも充実　H2 000*/
.aa13{
  padding: 0px 25px;
}

/*トップページ　多彩な特殊サービスも充実　8項目 000*/
.aa14{
  font-size: 12px ;
  line-height: 18px;
  word-wrap: break-word;
}

/*トップページ　てっぺん部分 000*/
.aa15{
  background: #36130E;
  font-size: 0px;
}

.aa16{
  background: #36130E;
  display: inline-block;
  margin-bottom: 10px;
}

.aa16 a{
  font-size: 18px;
  color: #E1DBDB;
}

.aa16 a:hover{
  color: #E1DBDB;
}



.aa17{
  display: inline-block;
  float: right;
  background: #fff;
  border-radius: 7px;

}

.aa17 a{
  font-size: 12px;
  color:#36130E; 
  display: block;
  padding: 5px 25px;

}
.aa18{
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 20px;
  padding-right: 20px;

}

.aa18:after{
  content: "";
  display: block;
  clear: both;
}

.aa19{
  background: #E1DBDB;
}

.aa20{
  font-size: 10px !important;
  color: #36130E;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 16px;
  font-weight: normal !important;
}


/*7つの特長　スタッフ名前 000*/
.bb1{
  font-size: 12px;
  line-height: 0px !important;
  margin: 0 !important;
  padding: 0 !important;
  word-wrap: break-word;
}

/*スタッフ紹介　文章 000*/
.bb2{
  font-size: 22px;
  line-height: 22px;
  font-weight: bold;
  margin: 0 !important;
  padding: 0 !important;
  word-wrap: break-word;
    margin-bottom: 40px !important;
}

.bb3{
  font-size: 12px;
  font-weight: normal !important;
  margin: 0 !important;
  padding: 0 !important;
  word-wrap: break-word;
}

.bb4{
  font-size: 22px !important;
  line-height: 30px !important;
  font-weight: bold !important;
  margin: 0 !important;
  padding: 0 !important;
  word-wrap: break-word;
  margin-bottom: 20px !important;
}

/*スタッフ紹介　2列並び 12％　分割 000*/

.bb5{

}

.bb6{
  border: solid 1px #333;
  font-size: 13px !important;
  margin: 0 !important;
  padding: 0 !important;
  word-wrap: break-word;
  text-align: center;
  padding: 5px !important;
  margin-bottom: 15px !important;

}

/*スタッフ紹介 文章　 000*/
.bb7{
  font-size: 13px !important;
  line-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  word-wrap: break-word;
}


/*予約　ボタン　 000*/
.cc1{
  font-size: 0;
  border-radius: 10px;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.29);
  transition: all .3s;
  border: 5px #fff solid;
  box-sizing: border-box;
  margin-bottom: 20px;
  background: #ED6D46;
  padding: 10px 20px !important;
}

.cc1 a{
  font-size: 18px !important;
  color: #fff !important;

  font-weight: bold;
  display: block;
  text-align: center;
  text-decoration: none;
  line-height: 28px !important;
}


.cc1:hover{
  -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border: 5px #ED6D46 solid;
    opacity: 0.9;

}


.cc1:active {/*ボタンを押したとき*/
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
}


/*予約方法　2列並び 12％　分割 000*/

.cc2{

}

.cc3{
  background: #888;
  font-size: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  word-wrap: break-word;
  text-align: center;
  padding: 7px !important;
  border-radius: 5px;
  color: #fff;
  margin-bottom: 10px !important;

}

/*スタッフ紹介 文章　 000*/
.cc4{
  font-size: 14px !important;
  line-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  word-wrap: break-word;
}

/*アクセス　店舗　文字 000*/

.dd1{
  font-size: 28px;
  line-height: 1em !important;
  font-weight: bold;
  margin: 0 !important;
  padding: 0 !important;
  word-wrap: break-word;
  margin-bottom: 20px !important;
}

.dd2{
  font-size: 16px;
  font-weight: normal !important;
  line-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  word-wrap: break-word;
}

.dd2 br{

}

/*アクセス　店舗　文字　小　 000*/
.dd4{
  font-size: 14px !important;
  line-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  word-wrap: break-word;
}


/*アクセス　店舗　画像など 000*/
.dd5{
    font-size: 0 !important;
}

/*タグなどの3並び画像 000*/
.dd6{
    font-size: 0px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 12px;
}

.dd6 a{
    font-size: 14px;
    color: #000;
}


.dd7{
    width: 100%;
    padding: 0;
    margin: 0;
}

.dd7 img{
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
}


/*アクセス　店舗　テーブルなど 000*/

.dd8_1{
 width: 100%;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

/*アクセス　店舗　スクロールバー　表示 000*/
.dd8_2{
  height: 7px;
  border-radius: 5px;
  background: #FAFAFA;
  width: calc(100% / 1);
  border: solid 0.3px #E8E8E8;
  padding-top: 2px;
  padding-left: 2px;
  
}

.dd8_3{
  height: 5px;
  border-radius: 5px;
  background: #C1C1C1;
  width: 150px;
}


.dd8{
  font-size: 14px !important;
  text-align: center;
  padding: 5px !important;
  overflow-x: scroll;
  margin-bottom: 5px !important;
  white-space: nowrap;
}


.dd9{
  background-color: #eee;
}

.dd9_1{
  width: 130px !important;
}

.dd9_2{
  width: 120px !important;
}

.dd9_3,.dd9_4{
  width: 200px !important;
}


.dd10{
  background-color: #eee;
}

.dd11{
  font-size: 12px;
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}

.dd12{
  line-height: 1em !important;
}

.dd13{
  vertical-align: middle;
}
/*アクセス　詳細　マップ 文字　000*/
.dd15{
  font-size: 12px;
  background: #005131;  
  border-radius: 5px 5px 0 0 / 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
  padding: 5px 10px;
  color: #fff;
  text-align: center;
  display: inline-block;
}
    

.dd16{
  border: solid 2px #005131;
}

/*アクセス　詳細　マップ 　2並び　000*/
.dd17{
    font-size: 0 !important;
}

.dd18{
    font-size: 0px;
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 25px;
    margin-right: 2%;
}

.dd18 a{
    font-size: 14px;
    color: #000;
}

.dd17 > .dd18:nth-child(2n) {
    margin-right: 0;
}

.dd19{
    width: 100%;
    padding: 0;
    margin: 0;
}

.dd19 img{
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.dd20{
  font-size: 16px;
  margin-bottom: 10px;
}

/* 000*/
.ee1{
  font-size:0;
}

.ee2{
  display: inline-block;
  background: gray;
  font-size: 16px !important;
  padding: 4px 15px;
  border-radius: 5px;
  margin-right: 10px;
}

/* メニュー　H3　000*/
.ee3{
  font-size: 22px !important;
  padding: 8px 15px !important;
  font-weight: bold !important;
  color: #fff;
  margin-bottom: 15px;
  line-height: 180px;
}

/* メニュー　H3 色差し込み　000*/
.ee4{
  background: #1D2088;
}

.ee4_2{
  background: #006934;
}

.ee4_3{
  background: #E17D7D;
}

.ee4_4{
  background: #B33E70;
}

.ee4_5{
  background: #6A3906;
}



/* メニュー　商品名　000*/
.ee5{
  font-size: 26px;
  padding-bottom: 5px !important;
  border-bottom: 1px solid #333;
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 10px;
  display: inline-block;

}

.ee6{
  font-size: 16px;
  font-weight: normal;  
}

.ee7{
  float: right;
  font-size: 26px;

}

/* 000*/
.ee7:after{
  display: block;
  content: "";
  clear: both;
}

.ee8warp{

  
}
.ee9left{
  width: auto;
  font-size: 0px;
  margin-bottom: 15px;
}

/* 000*/

.ee9{
  display: inline-block;
  margin-right: 5px;
  width: 22%;
  font-size: 14px;
  color: #333;
}



.ee9 img{
    width: 100%;
}

.ee9right{
  border:solid 1px #666;
  padding: 8px;
  font-size: 12px;
  border-radius: 5px;
  line-height: 20px;
}

/* メニュー　アイコン写真文字調整　000*/
.ee10{
  width: 50px !important;
}

.ee11{
  font-size: 1.0em !important;
  line-height: 10px !important;
}

.ee11::first-line{
  line-height: 30px !important;;
}

.ee12{
  color: #fff;
  font-size: 14px !important;
  padding: 0px 10px !important;
  background: #36130E !important;
  display: inline-block;
  border-radius: 5px;
  margin-bottom: 10px;
}

/* メニュー　オプション　000*/
.ee13{
  font-size: 14px;
  margin-bottom: 30px;
  line-height: 22px;
}

/* メニュー　影　枠　000*/
.ee15{
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 15px;
/*  background: #fefcfb;*/
  border-radius: 10px;
  margin-bottom: 30px;
}

/* スタイル　枠　000*/
.ff1{
  border: solid 2px #333;
}

/* スタイル　H3　000*/
.ff2{
  padding: 8px 15px !important;
  font-weight: bold !important;
  color: #fff;
  line-height: 180px;
  background: #898989;
  font-size: 22px !important;
  margin-bottom: 15px;
}

/* スタイル　画像　000*/

.ff3{
  width: auto;
  font-size: 0px;
  margin-bottom: -10px;
  margin-top: 20px;
}


.ff4{
  display: inline-block;
  width: 80%;
}



.ff4 img{
    width: 100%;
    margin-bottom: 15px;
}

/* スタイル　H4　000*/
.ff5{
  font-weight: bold !important;
  color: #333;
  font-size: 24px !important;
  margin-bottom: 20px !important;
}

/* スタイル　スタイルポイント　000*/
.ff6warp{
  font-size: 0px;
  background: #FFFEEE;
}
.ff6left{
  width: 11.2%;
  font-size: 0px;
  float: left;
  margin-bottom: 15px;
  padding-top: 10px;
}

/* 000*/

.ff6{
  display: inline-block;
  margin-right: 5px;
  width: 100%;
  font-size: 14px;
  color: #333;

}

.ff6 img{
    width: 100%;
    margin: 0 !important;
  padding: 0 !important;
  vertical-align: bottom; 
}

.ff6right{
  width: 86%;
  float: right;
  font-size: 14px;
  padding: 10px;
  line-height: 24px;
}

.ff6warp:after{
  display: block;
  content: "";
  clear: both;
}

.ff7{

}

.ff8{
  
}

.ff9{
  
}

.ff10{
  background:#fb4343; 
  color: #fff;
  padding: 5px 20px;
  border: 1px solid #fb4343;
  -webkit-border-radius: 7px 7px 0px 0px;
  -moz-border-radius: 7px 7px 0px 0px;
  border-radius: 7px 7px 0px 0px;
  display: inline-block;
}
.ff11{
  border: 1px solid red;
  padding: 10px 20px;

}






/*----------------------------------------------------------------------*/
/*タブメニュー 000
/*----------------------------------------------------------------------*/

.prefectures{
  margin-top: 50px;
}
.prefectures_tab{
    width:100%;
    overflow:hidden;
    margin: 0 !important;
}
.prefectures_tab li{
    /*width: calc(100% / 6);*/
    width: 33.33%;
    list-style: none;
    background-color: #d9d9d9;
    line-height: 50px;
    float:left;
    height: 50px;
    font-size: 14px;
    color: #565656;
    font-weight: bold;
    text-align: center;
    cursor:pointer;
    -webkit-transition: all 0.2s ease;     
    transition: all 0.2s ease;
 }

.prefectures_tab li:hover{
  opacity: 0.75;

}
.prefectures_tab li:first-child{
   
}
.prefectures_tab li.select22{
    background:#5ab4bd;
    color: #fff;
}
.prefectures_list{
    margin: 0 !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 20px 20px;
    clear: both;
    overflow: hidden;
}
.prefectures_list li{
    list-style: none;
 }

.prefectures .hide22 {
    display:none;
}

/*----------------------------------------------------------------------*/
/*タブメニュー　スタイル
/*----------------------------------------------------------------------*/

/*clearfixという謎のクラスが適用されている。
他のものに影響がないか要注意*/

/*.tab55 {
  border-bottom: 3px solid #fb4343;
  margin-top: 30px;
}


.tab55 p {
  color: #333;
  float: left;
  margin: 0 10px -1px 0;
  padding: 10px 20px;
  border: 1px solid #fb4343;
  cursor: pointer;
  list-style: none;
  transition: .3s;
  -webkit-border-radius: 7px 7px 0px 0px;
  -moz-border-radius: 7px 7px 0px 0px;
  border-radius: 7px 7px 0px 0px;
}
.tab55 p.active55 {
  color: #fff;
  background: #fb4343;
  cursor: auto;
}
 
.area55{
  border: 1px solid red;
}
.area55 div {
  display: none;
}
.area55 div.show55 {
  display: block;
}
*/

/* ブログ記事　P　要素　000*/
.post_content{
  line-height: 26px !important;
}

.cashless1{
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3em !important;
}

.cashless1 span{
  font-size: 0.85em;
  font-weight: 100;
}




/*----------------------------------------------------------------------*/
/*オーガニックノート 000
/*----------------------------------------------------------------------*/

.on_2left{
  float: none;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

.on_2left img{
  width: 60%;
}

.on_2right{
  float: none;
  width: 100%;
}

.on_2:after{
  display: block;
  content: "";
  clear: both;
}

.on_3{
  font-weight: bold !important;
  font-size: 1.5em !important;
  padding: 0 !important;
}

.on_4{
  font-size: 1.2em;
  margin-bottom: 15px !important;
}

.on_5{
  font-size: 1.1em !important;
  margin-bottom: 10px !important;
  background: #555;
  padding: 7px 20px;
  color: #fff;
  display: inline-block;
}

.on_7{
  border: 1px solid #B0693B;
  padding: 10px 20px;
  color: #B0693B;
}

.on_8{
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
}

.on_10{
  background: #6D5257;
  text-align: center;
  font-size: 0;
}

.on_10 img{
  width: 100%;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

.on_11{
  font-size: 1.4em !important;
  font-weight: bold !important;
  color: #B0693B;
  margin-bottom: 30px !important;
}

.on_12{
  font-size: 1.3em !important;
  margin-bottom: 15px !important;
  font-weight: bold !important;
  background: #025131;
  color: #fff;
  padding: 10px 15px !important;
}

.on_13{
  border-bottom: 1px solid #555;
  margin-bottom: 20px;
}


/********************************************************************
    Media Query　　768以上
*******************************/


@media only screen and (min-width: 768px) {



/*基本P　768*/
.x6{
	font-size: 16px !important;
    line-height: 30px !important;
}

/*トップページ　4つ並び　画像など 768*/
.x9{
    font-size: 0;
}

.x10{
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 12px;
}

.x10 a{
    font-size: 14px;
    color: #000;
}





/*共通　H2　0000*/

.x13{
	font-size: 30px !important;
	padding: 10px 30px !important;
}

/*共通　H3　0000*/
.x14{
	font-size: 28px !important;
	padding: 15px 35px !important;
}

/*共通　2列並び 3：7 768*/

.x15{

}

.x15left{
    width: 30%;
    float: left;
}

.x15leftimg{
  margin-bottom: 0px;
}

.x15right{
    width: 67%;
    float: right;
}

.x15:after{
    display: block;
    clear: both;
    content: "";
}

/*padding調整 768*/
.x17{
	margin-bottom: 80px !important;
}

/*padding調整 768*/
.x18{
	padding: 35px;
}

.x19{
	padding: 25px 35px !important;
}

/*margin-bottom:調整 768*/
.x20{
  margin-bottom: 30px !important;
}

/*margin-bottom:調整 768*/
.x21{
  margin-bottom: 20px !important;
}

/*margin　調整 768*/
.x26{
  margin-top: -80px;
}

/*margin-bottom:調整 768*/
.x29{
  margin-bottom: -20px !important;
}

.x30{
  font-size: 30px !important;
  padding: 10px 30px !important;
  margin-bottom: -20px !important;
}


/*トップページ　H２　768*/
.aa1{
	font-size: 28px !important;
	color: #fff;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom: 30px;
	line-height: 40px;
}

/*youtube 画像調整　768*/

.aa3{
  width: 100%;
  height: 550px;
}

/*トップページ　多彩な特殊サービスも充実　8項目 768*/
.aa5{
  width: 100%;
  position: absolute;
  top: 60px;
}

.aa6{
    font-size: 28px;
    color: #fff;
    text-align: center;
}

/*トップページ　多彩な特殊サービスも充実　H2 768*/
.aa9{
  font-size: 28px;
  padding: 25px;
  margin-bottom: 50px;
}

/*トップページ　多彩な特殊サービスも充実　8項目 768*/
.aa12{
  padding: 0px 35px !important;
}

/*トップページ　多彩な特殊サービスも充実　H2 768*/
.aa13{
  padding: 25px 25px;
}

/*トップページ　多彩な特殊サービスも充実　8項目 768*/
.aa14{
  font-size: 16px;
    line-height: 28px;
}

/*トップページ　てっぺん部分 768*/
.aa15{
  background: #36130E;
  font-size: 0px;
}

.aa16{
  background: #36130E;
  display: inline-block;
  margin-bottom: 0px;
}

.aa16 a{
  font-size: 18px;
  
}

.aa17{
  display: inline-block;
  float: right;
 
  
  border-radius: 7px;

}

.aa17 a{
  font-size: 14px;
  display: block;
  padding: 5px 25px;

}
.aa18{
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 0px;
  padding-right: 0px;

}

.aa18:after{
  content: "";
  display: block;
  clear: both;
}

.aa19{

}

.aa20{
  font-size: 14px !important;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0px;
  font-weight: normal !important;
}

/*スタッフ紹介　文章 768*/
.bb2{
  font-size: 28px;
  line-height: 28px;
}

.bb3{
  font-size: 16px;
  line-height: 16px;
}
.bb4{
  font-size: 28px !important;
  line-height: 28px;
  margin-bottom-bottom: 35px !important;
}

/*スタッフ紹介　2列並び 12％　分割 768*/

.bb5{

}

.bb5left{
    width: 22%;
    float: left;
}

.bb5leftimg{
  margin-bottom: 0px;
}

.bb5right{
    width: 75%;
    float: right;
}

.bb5:after{
    display: block;
    clear: both;
    content: "";
}

.bb6{
  font-size: 13px !important;
  padding: 5px !important;
}

/*予約　ボタン　 768*/
.cc1{
  border: 5px #fff solid;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 20px 10px !important;
}

.cc1 a{
  font-size: 22px !important;

  line-height: 26px !important;
}


.cc1:hover{
}


.cc1:active {/*ボタンを押したとき*/
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
}

/*予約方法　2列並び 12％　分割 768*/

.cc2{

}

.cc2left{
    width: 22%;
    float: left;
}

.cc2leftimg{
  margin-bottom: 0px;
}

.cc2right{
    width: 75%;
    float: right;
}

.cc2:after{
    display: block;
    clear: both;
    content: "";
}

/*アクセス　店舗　名前 768*/

.dd2 br{
  display: none;
}

/*タグなどの3並び画像 000*/
.dd6{
    font-size: 0px !important;
    width: 32% !important;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 12px;
    margin-right: 2% !important;

}

.dd6 a{
    font-size: 14px;
    color: #000;
}

.dd5 > .dd6:nth-child(3n) {
    width: 32% !important;
    margin-right: 0 !important;
}

/*アクセス　店舗　テーブルなど 768*/

.dd8_1{
 width: 100%;
  overflow-x: scroll;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

/*アクセス　店舗　スクロールバー　表示 768*/
.dd8_2{
 display: none;
}


.dd8{
  font-size: 16px !important;
  text-align: center;
  padding: 12px;
  overflow-x: scroll;
  overflow: hidden;
  margin-bottom: 5px !important;
}


.dd9{
 
}

.dd10{

}

.dd11{

}

.dd12{
  line-height: 1em !important;
}

.dd13{
  vertical-align: middle;
}

/*アクセス　詳細　マップ 文字　768*/
.dd15{
  font-size: 16px;
  padding: 7px 12px;
}

/*アクセス　詳細　マップ 4並び768*/
.dd17{
    font-size: 0;
}

.dd18{
    font-size: 0px;
    width: 24%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 25px;
    margin-right: 1.3% !important;
}

.dd18 a{
    font-size: 14px;
    color: #000;
}

.dd17 > .dd18:nth-child(4n) {
    margin-right: 0 !important;
}

/*メニュー　H３ 768*/
.ee3{
  font-size: 28px !important;
  padding: 8px 15px !important;
  margin-bottom: 15px;
}

.ee4{
}

.ee5{
  font-size: 28px;
  padding-bottom: 5px !important;
  border-bottom: 1px solid #333;
  display: inherit;
}

.ee6{
  font-size: 22px;
}

.ee7{
  float: right;
  font-size: 28px;
}

/*メニュー　中wrap 768*/

.ee8warp{
 
  
}
.ee9left{
  width: 63%;
  float: left;
  font-size: 0px;
}

.ee9{
  display: inline-block;
  margin-right: 12px;
  width: 15%;
}

.ee9left > .ee9:nth-child(6n) {
    margin-right: 0;
}



.ee9 img{
    width: 100%;
}



.ee9right{
  width: 33%;
  border:solid 1px #333;
  float: right;
  padding: 12px;
  font-size: 14px;
  line-height: 26px;
}

.ee8warp:after{
  display: block;
  content: "";
  clear: both;
}

/* メニュー　オプション　768*/
.ee12{
  color: #fff;
  font-size: 18px !important;
  padding: 3px 20px !important;
  margin-bottom: 10px;
}

/* メニュー　影　枠　768*/
.ee15{
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 30px;
/*  background: #fefcfb;*/
  border-radius: 10px;
  margin-bottom: 30px;
}

/* スタイル　H3　768*/
.ff2{
  padding: 8px 15px !important;
  font-weight: bold !important;
  color: #fff;
  line-height: 180px;
  background: #898989;
  font-size: 28px !important;
  margin-bottom: 15px;
}

.ff3{
  margin-bottom: 15px;

}



/* スタイル画像　768*/
.ff4{
  display: inline-block;
  margin-right: 15px;
  width: 20%;
  font-size: 14px;
  color: #333;
}

/* スタイル画像　768*/
.ff4 img{
    width: 100%;
    margin-bottom: 0px;
}

/* スタイル　H4　768*/
.ff5{
  font-weight: bold !important;
  color: #333;
  font-size: 28px !important;
  margin-bottom: 30px !important;
}


/*----------------------------------------------------------------------*/
/*タブメニュー
/*----------------------------------------------------------------------*/

.prefectures{
  margin-top: 50px;
}
.prefectures_tab{
    width:100%;
    overflow:hidden;
    margin: 0 !important;
}
.prefectures_tab li{
    /*width: calc(100% / 6);*/
    width: 16.66%;
    list-style: none;
    line-height: 50px;
    float:left;
    height: 50px;
    font-size: 16px;
 }


.prefectures_list{
    padding: 40px 40px;
}



/* ブログ記事　P　要素　768*/
.post_content{
  line-height: 30px !important;
}

.cashless1{
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.2em !important;
}

.cashless1 span{
  font-size: 0.85em;
  font-weight: 100;
}


/*----------------------------------------------------------------------*/
/*オーガニックノート 
/*----------------------------------------------------------------------*/




.on_2left{
  float: left;
  width: 34%;
}

.on_2left img{
  width: 100%;
}

.on_2right{
  float: right;
  width: 61%;
}

.on_2:after{
  display: block;
  content: "";
  clear: both;
  
}

.on_3{
  font-weight: bold !important;
  font-size: 2.0em !important;
  padding: 0 !important;
}

.on_4{
  font-size: 1.5em;
}

.on_5{
  font-size: 1.2em !important;
  margin-bottom: 10px !important;
  background: #555;
  padding: 7px 20px;
  color: #fff;
  display: inline-block;
}

.on_7{
  border: 1px solid #B0693B;
  padding: 10px 20px;
  color: #B0693B;
}

.on_8{
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 10px;
}

.on_10{
  background: #6D5257;
  text-align: center;
  font-size: 0;
}

.on_10 img{
  max-width: 497px;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

.on_11{
  font-size: 1.8em !important;
  font-weight: bold !important;
  color: #B0693B;
  margin-bottom: 40px !important;
}

.on_12{
  font-size: 1.8em !important;
  margin-bottom: 15px !important;
  font-weight: bold !important;
  background: #025131;
  color: #fff;
  padding: 20px 25px !important;
}

.on_13{
  border-bottom: 1px solid #555;
  margin-bottom: 40px;
}








}



/******************************
    Media Query　　1024以上
*******************************/


@media only screen and (min-width: 1150px) {

/*コンテイナー インナー*/
	.x4{
	padding: 25px 0px;
}





}

/******************************
    Media Query　　1200以上
*******************************/


@media only screen and (min-width: 1200px) {


}