@charset "utf-8";

/*****************************/
/*   ・下層ページ共通設定    */
/*   ・ページ名              */
/*   ・ページ名              */
/*   ・ページ名              */
/*   ・ページ名              */
/*****************************/

/*----------------------------------
  下層ページ共通設定
----------------------------------*/
/* パンくず */
#breadcrumb {

}

#breadcrumb ol {

}

#breadcrumb ol li {

}

/* ページタイトル */
.pagetitle {
    color: #333;
    margin: 20px;
    padding: 0;
    font-size: 25px;
    font-size: 2.5rem;
    text-align: left;
    font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", serif;
	text-shadow: 1px 1px 1px rgba(250,250,250,1);
}

.pagetitle2 {
    color: #333;
    padding: 0;
    font-size: 25px;
    font-size: 2.5rem;
    text-align: left;
    font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", serif;
	text-shadow: 1px 1px 1px rgba(250,250,250,1);
}

/* コンテンツボックス */
.contebox {
  width:100%;
  height:auto;
  margin: 0 auto;
  padding:0;
  text-align:left;
}

/* ヘッダーブロック */
#header-wrapper .header-inner {
  width: 100%;
  margin: 0;
  position: relative;
  top: 0;
  left: 0;
}


/* グローバルナビゲーション */
#gl-navi {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-top: 20px;
  list-style-type: none;
  position: relative;
  top: 0;
  z-index: 1;

}

#main-wrapper {
  width: 100%;
  height: auto;
  padding-bottom: 100px;
  text-align: center;
  position: relative;
  background: url(../images/common/bg02.jpg) no-repeat top center;
  background-size: cover;
  overflow: hidden;
}

#main-block {
  width: 1280px;
  height: auto;
  margin: 0 auto;
}

.tb #main-wrapper {
  margin-top: -400px;
}

.tb #main-block {
  width: 950px;
  height: auto;
  margin: 0 auto;
  padding-top: 0;
}

#main_img {
  width: 100%;
  height: auto;
  text-align: center;
  margin-top: 30px;
}


/*----------------------------------
　Salon Info 
----------------------------------*/
  .salon_table {
    width:80%;
    height:auto;
    margin:70px auto;
	font-size:14px;
	font-size:1.4rem;
    color:#333;
    border-collapse: collapse;
  }
  
  .salon_table .thstyle {
    width:20%;
    height:auto;
    padding:20px;
    text-align:left;
    vertical-align: top;
    border-bottom:1px solid #333;
    font-weight: normal;
  }
  
  .salon_table .tdstyle {
    width:80%;
    height:auto;
    padding:20px;
    text-align:left;
    vertical-align: center;
    border-bottom:1px solid #333;
  }
  
  .map_box {
	  width: 90%;
	  margin: 0 auto;
  }
  
  
/*----------------------------------
  お問い合わせ
----------------------------------*/
  .inqbox {
    width:100%;
    height:auto;
    margin:70px auto;
    padding:0;
  }
  
  .contactform {
    width:90%;
    height:auto;
    margin:20px auto;
    list-style-type:none;
  }
  
  .contactform .contact_li {
    width:100%;
    height:auto;
    padding:20px 0;
    text-align:left;
    border-bottom: 1px dotted #333;
  }
  
  .contactform .contact_li_last {
    width:100%;
    height:auto;
    padding:20px 0;
    text-align:center;
  }
  
  .contactform .contact_li_last input {
    margin-left:20px;
  }
  
  .contact_li_l {
    width:25%;
    float:left;
    font-size:1.3rem;
    padding:10px 0 0 20px;
    vertical-align:middle;
  }
  
  .contact_li_r {
    width:70%;
    float:right;
  }
  
  .c_textbox {
    padding:5px;
  } 

  .inq-text {
    text-align: left;
    line-height: 1.5;
    width:90%;
    height:auto;
    margin:10px auto;
  }
  
  .red {
    color: red;
  }


/*----------------------------------
  EYELASH
----------------------------------*/
.eyelash_h {
  width: 100%;
  margin: 0 auto;
}

.eyelash_h p {
  margin-left:3%;
  font-size:1.4rem;
  font-size:14px;
  line-height: 1.5;
}

.eyelash_d {
	width: 100%;
	margin: 50px auto ;
}

.eyelash_d .inner_l {
  width: 55%;
}

.eyelash_d .inner_r {
  width: 45%;
}

.eyelash_d .inner_r p {
  margin-left:7%;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  text-shadow: 1px 1px 1px rgba(250,250,250,1);
}

.eyelash_d .inner_r .caution_p {
  color:#F63;
  margin-left:7%;
  font-size: 13px;
  font-size:1.3rem;
  line-height: 1.5;
  padding-top:10px;
  text-shadow: 0px 0px 1px rgba(100,100,100,.6);
}

.eyelash_f {
  width: 100%;
  margin: 0 auto;
}

.eyelash_f .inner_l {
  width: 40%;
}

.eyelash_f .inner_r {
  width: 50%;
  margin:20px 0 0 30px;
}

.eyelash_f .inner_r img {
  width: 80%;
}

.eyelash_f .inner_l p {
  margin-left:10%;
  font-size:14px;
  font-size:1.4rem;
  line-height: 1.5;
  text-shadow: 1px 1px 1px rgba(250,250,250,1); 
}

.eyelash_m {
  width: 80%;
  margin: 0 auto;
  margin-left: 10%;
}

.eyelash_m p {
  margin-left:3%;
  font-size:14px;
  font-size:1.4rem;
  line-height: 1.5;
}

.eyelash_m .example {
  border:1px dotted #3c1e00;
  margin: 20px 0 20px 5%;
  font-size:14px;
  font-size:1.4rem;
  line-height: 1.5;
  padding:20px;
  width: 85%;
  background: rgba(250,250,250,.3);
  -moz-box-shadow: 0px 0px 3px rgba(50,50,50,0.3);
  -webkit-box-shadow: 0px 0px 3px rgba(50,50,50,0.3);
  box-shadow: 0px 0px 3px rgba(50,50,50,0.3);
  
}
.eyelash_m .example h3 {
  font-size:17px;
  font-size:1.7rem;
  color: #3c1e00;
  margin-bottom:10px;
}

.eyelash_box {
  width:100%;
  /*background:url(../images/eyelash/eyelash_bg.png) no-repeat top center;
  height: 514px;*/
  margin-top:30px;
  padding: 0;
}

.eyelash_box .eyelash_h2{
  width:100%;
  background:url(../images/eyelash/eyelash_h.png) no-repeat top center;
  height: 89px;
  margin: 0;
  padding: 0;
}

.eyelash_box .eyelash_d2{
  width:100%;
  background:url(../images/eyelash/eyelash_d.png) repeat-y top center;
}

.eyelash_box .eyelash_f2{
  width:100%;
  background:url(../images/eyelash/eyelash_f.png) no-repeat top center;
  height: 89px;
}

.eyelash_ul {
  width: 80%;
  height: auto;
  margin: 0 auto;
  padding: /*40px*/ 0;
  list-style: none;
  text-align: left;
}

.eyelash_ul .eyelash_div {
  width: 100%;
  height: auto;
  margin: 0 auto;
  /*margin-bottom: 20px;
  padding: 20px 0;*/
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.eyelash_ull .eyelash_div .eyelash_item {
  width: 100%;
  height: auto;
  list-style: none;
}

.eyelash_ul .eyelash_div .eyelash_item .eye-li {
  width: 100%;
  height: auto;
  padding: 15px 0 15px 30px;
  border-bottom: 1px dotted #3c1e00;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  font-size:14px;
  font-size:1.4rem;
  line-height: 1.5;
  color:#3c1e00;
  width/*\**/: 96%\9; /* IE7,8 */
}

.eyelash_ul .eyelash_div .eyelash_item .eye-li:after {
  clear: both;
  content: "";
  display: block;
}

.eyelash_ul .eyelash_div .eyelash_item .eye-li .eye-l {
  width: 35%;
  height: auto;
  float: left;
}

.eyelash_ul .eyelash_div .eyelash_item .eye-li .eye-r {
  width: 65%;
  height: auto;
  float: right;
}
/*----------------------------------
  PRICE
----------------------------------*/
  .menu_bg {
	  /*background:url(../images/price/price_bg.png) no-repeat top left;
	  width: 100%;
	  height: 951px;
	  margin-top: 50px;*/
    width: 63%;
    height: auto;
    margin: 50px 0 40px 0;
    padding: 20px 0;
  }

  .menu_bg_h {
	  background:url(../images/price/price_bg_h.png) no-repeat top left;
	  width: 100%;
	  height: 89px;
  }

  .menu_bg_d {
	  background:url(../images/price/price_bg_d.png) repeat-y top left;
	  width: 100%;
  }

  .menu_bg_f {
	  background:url(../images/price/price_bg_f.png) no-repeat top left;
	  width: 100%;
	  height: 101px;
  }


  .menu-ul {
    /*width: 55%;
    height: auto;
    margin: 0 20px 0 0;*/
    padding: 0 60px 0 30px;
    list-style: none;
    text-align: left;
  }
  
  .menu-ul .menu {
    width: 90%;
    height: auto;
	margin: 0 auto;
    padding: 20px 0 0 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  
  .menu-ul .menu .items {
    width: 100%;
    height: auto;
    list-style: none;
  }
  
  .menu-ul .menu .items .items-li {
    width: 100%;
    height: auto;
    padding: 20px 0 20px 30px;
    border-bottom: 1px dotted #3c1e00;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    line-height: 1.3;
    color:#3c1e00;
    width/*\**/: 96%\9; /* IE7,8 */
  }

  .menu-ul .menu .items .items-li:after {
    clear: both;
    content: "";
    display: block;
  }

  .menu-ul .menu .items .items-li .items-l {
    width: 33%;
    height: auto;
    float: left;
  }
  
  .menu-ul .menu .items .items-li .items-r {
    width: 67%;
    height: auto;
    float: right;
  }
  .menu-ul .menu .items .items-li .items-r .price_list {
	list-style:decimal;
	padding: 0 0 0 17px;
  }
  

  .menu-img {
    width: 35%;
	/*margin-left: 5%;*/
	text-align:right;
	padding-top: 500px;
  }
  
  .menubox {
    width: 100%;
	right: 0;
  }
  
  .matusku-img {
    width: 30%;
	margin-left: 20px;
	margin-top: 30px;
  }

/*
  .menu_bg_s {
	  background:url(../images/price/price_bg_s.png) no-repeat top left;
	  width: 100%;
	  height: 569px;
  }
*/

  .menu_bg_s_h {
	  background:url(../images/price/price_bg_s_h.png) no-repeat top left;
	  width: 100%;
	  height: 89px;
  }

  .menu_bg_s_d {
	  background:url(../images/price/price_bg_s_d.png) repeat-y top left;
	  width: 100%;
  }

  .menu_bg_s_f {
	  background:url(../images/price/price_bg_s_f.png) no-repeat top left;
	  width: 100%;
	  height: 90px;
  }


  .matsueku-ul {
    width: 63%;
    height: auto;
    margin: 0;
	margin-left: 5%;
	padding: 0;
    list-style: none;
    text-align: left;
  }
  
  .matsueku-ul .matsueku {
    width: 80%;
    height: auto;
	margin: 0 auto;
    margin-bottom: /*20px*/;
    padding: 20px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  
  .matsueku-ul .matsueku .matsuekuitems {
    width: 100%;
    height: auto;
    list-style: none;
  }
  
  .matsueku-ul .matsueku .matsuekuitems .matsueku-li {
    width: 100%;
    height: auto;
    padding: 15px 0 15px 30px;
    border-bottom: 1px dotted #3c1e00;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    line-height: 1.3;
    color:#3c1e00;
    width/*\**/: 96%\9; /* IE7,8 */
  }

  .matsueku-ul .matsueku .matsuekuitems .matsueku-li:after {
    clear: both;
    content: "";
    display: block;
  }

  .matsueku-ul .matsueku .matsuekuitems .matsueku-li .matsueku-l {
    width: 35%;
    height: auto;
    float: left;
  }
  
  .matsueku-ul .matsueku .matsuekuitems .matsueku-li .matsueku-r {
    width: 65%;
    height: auto;
    float: right;
  }
  
/*----------------------------------
  STAFF
----------------------------------*/
  .staff_box {
    width: 100%;
    height: auto;
    margin: 0 auto;
	padding: 0;
    list-style: none;
    text-align: left;
  }
  
  .staff_box .staff_h {
	  width: 100%;
	  height:268px;
	  background:url(../images/staff/staff_h.png) no-repeat top center;
  }
  
  .staff_box .staff_d {
	  width: 100%;
	  background:url(../images/staff/staff_d.png) repeat-y top center;
  }

  .staff_box .staff_d .staff_img {
	  width: 50%;
	  margin: 0 auto;
	  text-align:center;
   }

  .staff-ul {
    width: 60%;
    height: auto;
    margin: 0 auto;
	padding: 0;
    list-style: none;
    text-align: left;
  }
  
  .staff-ul .staff {
    width: 90%;
    height: auto;
	margin: 0 auto;
    padding: 20px 0 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  
  .staff-ul .staff .staff_info {
    width: 100%;
    height: auto;
    list-style: none;
  }
  
  .staff-ul .staff .staff_info .staff-li {
    width: 100%;
    height: auto;
    padding: 15px 0 15px 30px;
    border-bottom: 1px dotted #3c1e00;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    line-height: 1.5;
    color:#3c1e00;
    width/*\**/: 96%\9; /* IE7,8 */
	font-size:14px;
	font-size:1.4rem;
}

  .staff-ul .staff .staff_info .staff-li:after {
    clear: both;
    content: "";
    display: block;
  }

  .staff-ul .staff .staff_info .staff-li .staff-l {
    width: 30%;
    height: auto;
    float: left;
  }
  
  .staff-ul .staff .staff_info .staff-li .staff-r {
    width: 70%;
    height: auto;
    float: right;
  }
  
  .staff_box .staff_f {
	  width: 100%;
	  height:229px;
	  background:url(../images/staff/staff_f.png) no-repeat top center;
  }


  .staff_link_wrapper{
	width: 65%;
	margin: 0 auto;
	border: 1px dotted #3c1e00;
	padding: 10px;
	background:rgba(250,250,250,.3);
	-moz-box-shadow: 0px 0px 3px rgba(50,50,50,0.3);
	-webkit-box-shadow: 0px 0px 3px rgba(50,50,50,0.3);
	box-shadow: 0px 0px 3px rgba(50,50,50,0.3);
  }

  .staff_link_wrapper .staff_link {
	  width: 100%;
   }

  .staff_link_wrapper .staff_link .staff_link_l {
	  width: 30%;
	  text-align:center;
   }

  .staff_link_wrapper .staff_link .staff_link_r {
    width: 70%;
   }
   
  .staff_link_wrapper .staff_link .staff_link_r p {
	padding: 0 20px; 
	text-align: left;
	line-height:1.5;
   }

/*----------------------------------
  Gallery
----------------------------------*/
    #gallery {
      width:90%;
	  height: auto;
	  margin: 0 auto;
    }
	
    #gallery_l {
      width:80%;
    }
	
    .gallery_box {
      width: 100%;
      height:auto;
      margin:30px auto;
    }

    .gallery_box .g_img {
      width: 100%;
      list-style:none;
    }
	
    .gallery_box .g_img p {
      width: 100%;
	  text-align:center;
	  font-size: 13px;
	  font-size: 1.3rem;
	  color: #000;
	  padding: 10px;
    }
	
    .gallery_box .g_img a {
      display: inline-block;
      overflow: hidden;
      float: left;
      margin-right: 23px;
	  margin-bottom:20px;
    }

    .gallery_box .g_img .thumb_image {
      overflow: hidden;
    }

    .gallery_box .g_img a:hover {
		text-decoration:underline;
		color: #888;
    }

    .gallery_box .g_img a:hover .thumb_image {
      background: transparent !important;
      filter: alpha(opacity=80);
      opacity: 0.8;
      -ms-filter: "alpha( opacity=80 )";
      text-decoration: none;
    }
	
    #gallery_r {
      width:20%;
    }
	
    #sidemenu_block {
      width:100%;
      height:auto;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      background:rgba(250,250,250,0.7);
      margin-top:30px;
      -moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.3);
      -webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.3);
      box-shadow: 0px 0px 3px rgba(000,000,000,0.3);
    }
	
    #sidemenu {
      width:100%;
      height:auto;
      list-style-type:none;
      text-align:left;
    }
	
    #sidemenu .category_h {
      width: 100%;
      padding: 10px 0;
      background: #fff;
      line-height: 2;
      text-indent:2rem;
      /* IE8 */
      filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77437f00,EndColorStr=#77437f00);
      -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77437f00,EndColorStr=#77437f00)";
      text-indent:10px\9;
	  font-size: 16px;
	  font-size: 1.6rem;
	  font-weight: bold;
    }
	
    #sidemenu .category {
      width:100%;
      height:auto;
      padding: 10px 0;
      font-size:1.5rem;
      line-height:2;
      text-indent: 2rem;
      /* IE8 */
      filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77437f00,EndColorStr=#77437f00);
      -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77437f00,EndColorStr=#77437f00)";
      text-indent:10px\9;
      border-bottom: 1px dotted #999;
    }
    /* IE9 */
    #sidemenu .category:not(:target){
      filter: none;
      -ms-filter: none;
    }
	
    #sidemenu .category a {
      color:#444;
    }
/*----------------------------------
  ページナビゲーション
----------------------------------*/
.pagination {
	margin:20px 0 10px 0;
	padding:0;
	text-align:center;
}
.pagination a {
	margin: 2px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #333;
	text-decoration:none;
	color: #333;
}
.pagination a:hover, .pagination a:active {
	border: 1px solid #999; 
	color:#999;
}
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #333;
	font-weight: bold;
	background-color:#333;
	color: #FFF;
}
.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #333;
	color: #333;
}


/*----------------------------------
  ページ名
----------------------------------*/