@charset "UTF-8"; 
/*******【基本装飾】*******/
body {
  margin: 0;
  padding: 0;
  background-color: #F5FCF3;
  background-image: url(images/head_bg.png);
  background-repeat: repeat-x;
  color: rgb(51, 51, 51);
  line-height: 1.6;
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", Osaka, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
}
a {
  color: #5D1047;
  text-decoration: none;
}
a:link {
  color: #5D1047;
  text-decoration: none;
}
a:visited {
  color: #5D1047;
  text-decoration: none;
}
a:hover {
  color: #d09ab0;
  text-decoration: none;
}
.font10 {
  font-size: 10px;
}
.font11 {
  font-size: 11px;
}
.font12 {
  font-size: 12px;
}
.font14 {
  font-size: 14px;
}
.font16 {
  font-size: 16px;
}
.font18 {
  font-size: 18px;
}
.font20 {
  font-size: 20px;
}
.font24 {
  font-size: 24px;
}
.font28 {
  font-size: 28px;
}
.font32 {
  font-size: 32px;
}
.red {
  color: #FF0000;
}
.blue {
  color: #0000FF;
}
.magenta {
  color: #a71955;
}
.gray {
  color: #666666;
}
.white {
  color: #FFFFFF;
}
.black {
  color: #000000;
}
.left {
  float: left;
  margin: 0 10px 0 0;
}
.right {
  float: right;
  margin: 0 0 0 10px;
}
.clear {
  clear: both;
}
.center {
  display: block;
  margin: 0 auto;
}
p {
  margin: 0;
  padding: 0;
  color: rgb(51, 51, 51);
  line-height: 1.6;
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", Osaka, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
}
em {
  visibility: hidden;
}
/*******【ページレイアウト】*******/
.wrapper {
  margin: 0;
  padding: 0;
  width: 1000px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  background: none;
}
.wrapper img {
  border-style: none;
  vertical-align: bottom;
}
/*******【ヘッダー】*******/
#header {
  margin: 0px auto;
  padding: 0;
}
#header h1 {
  margin: 0;
  padding: 5px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
}
#head_in {
  margin: 0px auto;
  padding: 0;
  height: 190px;
}
.head_waku {
  margin: 0px auto;
  padding: 0;
  width: 1000px;
  height: auto;
  background-image: url(images/head.png);
  background-repeat: no-repeat;
}
.head_navi {
  margin: 0;
  padding: 0;
}
/******【上部横ナビ】*****/
#navigation {
  padding: 100px 0 0 15px;
  float: left;
}
#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  overflow: hidden;
}
#navigation li {
  float: left;
  margin: 0;
  padding: 0;
}
#navigation li em {
  visibility: hidden;
}
#navigation li.n01 a {
  display: block;
  margin: 0;
  padding: 0;
  width: 165px;
  line-height: 60px;
  color: #333;
  background-image: url(images/navi_01.png);
  background-position: left top;
  text-decoration: none;
  text-align: center;
}
#navigation li.n01 a:hover {
  background-color: none;
  background-position: right top;
  text-decoration: none;
}
#navigation li.n02 a {
  display: block;
  margin: 0;
  padding: 0;
  width: 165px;
  line-height: 60px;
  color: #333;
  background-image: url(images/navi_02.png);
  background-position: left top;
  text-decoration: none;
  text-align: center;
}
#navigation li.n02 a:hover {
  background-color: none;
  background-position: right top;
  text-decoration: none;
}
#navigation li.n03 a {
  display: block;
  margin: 0;
  padding: 0;
  width: 165px;
  line-height: 60px;
  color: #333;
  background-image: url(images/navi_06.png);
  background-position: left top;
  text-decoration: none;
  text-align: center;
}
#navigation li.n03 a:hover {
  background-color: none;
  background-position: right top;
  text-decoration: none;
}
#navigation li.n04 a {
  display: block;
  margin: 0;
  padding: 0;
  width: 165px;
  line-height: 60px;
  color: #333;
  background-image: url(images/navi_04.png);
  background-position: left top;
  text-decoration: none;
  text-align: center;
}
#navigation li.n04 a:hover {
  background-color: none;
  background-position: right top;
  text-decoration: none;
}
#navigation li.n05 a {
  display: block;
  margin: 0;
  padding: 0;
  width: 165px;
  line-height: 60px;
  color: #333;
  background-image: url(images/navi_05.png);
  background-position: left top;
  text-decoration: none;
  text-align: center;
}
#navigation li.n05 a:hover {
  background-color: none;
  background-position: right top;
  text-decoration: none;
}
/*******【メイン】*******/
#main {
  margin: 0px auto;
  padding: 0;
  width: 1000px;
}
/*******【コンテンツ】キャンペーン*******/
#cam {
  width: 1000px;
  padding: 0;
  margin: 0px auto;
}
#cam ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main_bnr img {
  transition: all .3s;
  margin-top: 66px;
}
.main_bnr img:hover {
  box-shadow: rgba(0, 0, 0, 0.34902) 0px 2px 7px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.34902) 0px 2px 7px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.34902) 0px 2px 7px 0px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
/*******【コンテンツ】メニュー*******/
#contents {
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 50px;
  padding: 0;
  width: 1000px;
  clear: both;
}

figure {
	width: 850px;
	height: 520px;
	border: rgba(100,100,100,.5) 1px solid;
	margin: 0 auto 30px;
	padding: 0;
}
figure img{
	width: 850px;
	height: 520px;
	margin:0;
	padding:0;
	
}
/*******【メニュー】サロンメニュー*******/
.con_menu {
  margin: 30px 0 0 0;
  padding: 0;
  float: left;
  width: 249px;
  border-right: 1px dotted #2D922F;
}
.con_menu_02 {
  margin: 30px 0 0 0;
  padding: 0;
  float: left;
  width: 250px;
}
.con_menu_in {
  padding: 0 10px;
}
.menu_button {
  margin: 10px 0;
  padding: 0;
}
.con_text_waku {
  margin: 0;
  padding:  0;
  height: 140px;
  position: relative;
}
.con_text_waku p {
  margin-top: 15px;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 12px;
  line-height: 18px;
  color: #4e4e4e;
}

.salon_btn{
  width:180px;
  display:block;
  margin:0 auto;
  position: absolute;
  bottom: 10px;
  left: calc(50% - 90px);
}

.salon_btn p{
  padding:10px 15px;
  background-color:#a71955;
  font-size:14px;
  border-radius:5px;
  text-align:center;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  transition:all .3s;
}

.salon_btn a{
  text-decoration:none;
}

.salon_btn i{
  margin-right:5px;
}

.salon_btn p:hover{
  text-decoration:none;
  box-shadow:rgba(0, 0, 0, 0.278431) 0px 2px 8px ;
  -webkit-box-shadow:rgba(0, 0, 0, 0.278431) 0px 2px 8px;
  -moz-box-shadow:rgba(0, 0, 0, 0.278431) 0px 2px 8px;
  background-color:#cf4b81;
}

.salon_btn a:hover{
  text-decoration:none;
}

/*******【メニュー】スクールメニュー*******/
#school_waku {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  padding-top: 30px;
  background-color: #FDE6F4;
  padding-bottom: 30px;
}
.school_in {
  margin: 0px auto;
  padding: 20px 0 0 0;
  width: 1000px;
}
.school_bn {
  padding: 0 20px 0 20px;
  clear: both;
}
.school_bn i{
  text-align:center;
  display:block;
  font-size:46px;
  color:#fff;
  transition:all .3s;
  position:absolute;
  margin:0 auto;
  top: 185px;
  left:0;
  right:0;
  z-index:2;
}
.school_bn a:hover i{
  color:#a71955;
}
.school_bn_02 {
  position: relative;
  width: 300px;
  height: 240px;
  float: left;
  margin-top: 30px;
  margin-right: 30px;
  margin-left: 0;
  margin-bottom: 0;
}

.school_bn_02 a {
  display: block;
  width: 300px;
  height: 246px;
  padding: 0;
  float: left;
  text-decoration: none;
  text-align: left;
  transition:all .3s;
}

.school_bn_02 a img{
  z-index:1;
  border:solid 3px #a71955;
  transition:all .3s;
}
.school_bn_02 a:hover img{
  border-color: #d09ab0;
  box-shadow: rgba(0, 0, 0, 0.34902) 0px 2px 7px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.34902) 0px 2px 7px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.34902) 0px 2px 7px 0px;
}


.school_bn_02 a:hover {
  background-color: none;
  background-position: right top;
  text-decoration: none;
}
.school_bn_02 .position {
  margin: 0;
  line-height: 22px;
  color: #fff;
  position:absolute;
  top: 110px;
  left:18px;
  z-index:2;
}
.school_bn_last{
  margin-right:0;
}

/*******【コンテンツ】サロン情報*******/
#salon_bg {
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
}
.salon_in {
  margin: 0px auto;
  padding: 60px 0 30px 0;
  width: 1000px;
}
.salon_waku {
  margin: 45px 0 0 0;
  padding: 0;
}
.salon_waku_l {
  margin-right: 41px;
  padding: 0;
  float: left;
  width: 370px;
}
.salon_waku_r {
  margin: 0 0 0 40px;
  padding: 0;
}
.salon_waku_02 {
  margin: 40px 0 0 0;
  padding: 0;
}
.salon_waku_02 a{
  transition:all .3s;
  }

.salon_waku_02 a img{
  transition:all .3s
}

.salon_waku_02 a img:hover{
  opacity: 0.6;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

  
.salon_waku_02_l {
  margin: 0 0 0 49px;
  padding: 0;
  float: left;
  width: 268px;
}

.salon_waku p {
  margin: 10px 0 10px 0;
  padding: 0;
  font-size: 12px;
  color: #000000;
  line-height: 20px;
  text-align: center;
}
.salon_waku_02 p {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 12px;
  color: #6a5019;
  line-height: 16px;
  text-align: center;
}
.salon_info_title {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  color: #154B12;
}
.con_03_button a {
  display: block;
  width: 350px;
  line-height: 61px;
  color: #333;
  margin: 0;
  padding: 0;
  float: left;
  background-image: url(images/con_03_button.jpg);
  background-position: left top;
  text-decoration: none;
  text-align: center;
}
.con_03_button a:hover {
  background-color: none;
  background-position: right top;
  text-decoration: none;
}

.con_3_btn {
  float:left;
  font-size:18px;
  width:300px;
  margin:0 37px;
  display:block;
  }
.con_3_btn a{
  text-decoration:none;
  transition:all .3s;
  display:block;
}

.con_3_btn i{
  margin-right:10px;
  font-size:24px;
}


.con_3_btn p{
  color:#fff;
  font-size:18px;
  padding:10px 20px;
  text-decoration:none;
  background-color:#a71955;
  border-radius:5px;
  transition:all .3s;
}

.con_3_btn p:hover{
  font-size:18px;
  text-decoration:none;
  box-shadow:rgba(0, 0, 0, 0.278431) 0px 2px 9px 3px;
  background-color:#cf4b81;
}

.con_3_btn a:hover{
  text-decoration:none;
}


/*******【サロン情報】サロンバナー*******/


.salon_bn {
	width: 1000px;
	padding: 0;
}
.salon_bn li {
	float: left;
	width: 242px;
	margin-right: 10px;
	transition:all .3s;
}
.salon_bn li:hover{
  opacity: 0.6;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.salon_bn li:nth-child(4n) {
	margin-right: 0;
}


/*******【フッター】*******/
#footer {
  margin: 0;
  padding: 0 0 10px 0;
  background-image: -moz-linear-gradient(top, #6b6b6b, #000000);
  background-image: -ms-linear-gradient(top, #6b6b6b, #000000);
  background-image: -o-linear-gradient(top, #6b6b6b, #000000);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#6b6b6b), to(#000000));
  background-image: -webkit-linear-gradient(top, #6b6b6b, #000000);
  background-image: linear-gradient(top, #6b6b6b, #000000);
  box-shadow: rgba(0, 0, 0, 0.65098) 0px 7px 18px -11px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.65098) 0px 7px 18px -11px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.65098) 0px 7px 18px -11px inset;
  border-top:solid 4px #a71955;
}
.footer_waku {
  margin: 0px auto;
  padding: 0;
  width: 1000px;
}
#footer a {
  color: #fff;
  text-decoration: none;
  transition:all .3s;
}
#footer a:hover {
  color: #d09ab0;
  text-decoration:none;
}
#footer .ft01 {
  margin-top: 25px;
  margin-right: 60px;
  margin-left: 0;
  margin-bottom: 0;
  padding: 0;
  float: left;
}
#footer .ft02 {
  margin-top: 25px;
  margin-right: 75px;
  margin-left: 0;
  margin-bottom: 0;
  padding: 0;
  float: left;
}
#footer .ft03 {
  margin: 25px 30px 0 0;
  padding: 0;
  float: left;
}
#footer .ft04 {
  margin: 25px 0 0 0;
  padding: 0;
  float: left;
}
#footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
}
#footer li {
  list-style: none;
  margin-top: 10px;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  color: #666;
  padding-top: 0;
  padding-right: 0;
  padding-left: 5px;
  padding-bottom: 0;
  background-repeat: no-repeat;
  background-position: left;
}
#footer p {
  padding: 5px 0 0 0;
  font-size: 13px;
  text-align: center;
  color: #fff;
}
.copy {
  border-top: solid 1px #fff;
  padding: 15px 0;
}
/*マップ画像*/
img.salon-map {
    width: 60%;
}
/*サロン２つ*/
.salon_waku_02.salon-waku-2-top {
    display: flex;
    justify-content: space-evenly;
}
.salon_waku_02_l.salon-waku-2-top2 {
    margin: 0px;
}