@charset "utf-8";

*{
	margin:0;
	padding:0;
}

html { 
  font-size: 100% /* =12px */
}

.clearfix:after {
	content: ".";  /* 新しいコンテンツ */
	display: block;
	clear: both;
	height: 0;
	visibility: hidden; /* 非表示に */
}

ul li {
	list-style:none;
	display: inline-block;
}

a {
	text-decoration:none;
}

p{
	color:#525252;
	font-family: "メイリオ", sans-serif;
}


#wapper{
	width:100%;
	height:auto;
	overflow:hidden;
}



/*  header  */

header{
	max-width:1950px;
	width:100%;
	height:auto;
	margin:0 auto;
	position:relative;
}

header img{
	width:100%;
}

img.mimage{
	display:none;
}

h1{
	font-size:80%;
	color:#434141;
	position:absolute;
	top:1px;
}

.container{
	width:100%;
	height:auto;
	margin-bottom:-5px;
}


.fixed {
	background-color:rgba(255,255,255,0.8);
	position: fixed;
	top:0;
	width: 100%;
	left: 0;
	z-index: 1000;
}


#menu{
  width: 100%;
  height:58px;
  margin: 0 auto;
  background-color:#434141;
  font-family:Lora;
  *zoom: 1;
  list-style-type: none;
}

#menu:before, #menu:after{
  content: "";
  display: table;
}

#menu:after{
  clear: both;
}

#menu ul{
	width:980px;
	margin:0 auto;
}

#menu li{
  display: block;
  float: left;
  padding:20px;
  letter-spacing:0.1em;
  font-size:90%;
  color:#ffffff;
  position: relative;
}

#menu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}


#menu li.re{
	background-color:#F7C5DB;
}

#menu li.re a{
	color:#434141;
}

#menu li a{
  display: block;
  text-align: center;
  text-decoration: none;
  color:#FFFFFF;
  margin: 0;
}


#menu li a:hover{
	color:#A3A1A1;
}

#menu li img{
	vertical-align:middle;
	margin-top:-20px;
}

#menu li ul li{
  width: 100%;
}

#menu li ul li a{
  text-align: left;
}

#menu li ul{
  display: none;
}
#menu li:hover ul{
  display: block;
}

#menu li.re ul{
	background-color:#F7C5DB;
}

#menu ul.rechild{
	width:200px;
	background-color:#434141;
}


#toggle{
 display: none;
}

.slicknav_menu {
    display:none;
}

#menu li img{
	width:100%;
	padding-top:5px;
	margin:0;
}

#menu li.logo{
	width:70px;
	padding:0px;
}

/*footer*/

footer{
	background-image:url(../image/common/footer.png);
	background-size:cover;
}


#ft{
	max-width:850px;
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	padding-top:100px;
}

.fsalon, .fcontents{
	width:600px;
	margin:20px auto;
}

table{
	color:#434141;
	font-size:90%;
}

td{
	padding:5px 10px 5px 0px;
}

p.copy{
	text-align:center;
	font-size:80%;
	margin-top:20px;
}


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

h1{
	display:none;
}


#menu li{
    width: 25%;
    border-bottom: 1px solid #444;
  }

#menu li.logo{
	display:none;
}


} 
 
@media screen and (max-width: 40em) {
    /* #menu is the original menu */

header{
	max-width:400px;
	width:100%;
}


img.topimage{
	display:none;
}


img.mimage{
	display:block;
	max-width:400px;
	width:100%;
}

h1{
	display:none;
}

#sidemenu{
	display:none;
}



#menu {
        display:none;
    }
     
.slicknav_menu {
        display:block;
}

.slicknav_nav li a{
  color:#1F1F1F;
}

.slicknav_nav li {
  border-top: 1px solid #787878;
}
.slicknav_menu {
  background-color: #ffffff !important;
}
.slicknav_menu .slicknav_icon-bar {
  background-color: #787878 !important;
}
.slicknav_menu a:hover {
  color: #3F3F3F !important;
}
.slicknav_btn {
  background-color: #ffffff !important;
}
.slicknav_nav .slicknav_row:hover {
  background: #A3A1A1 !important;
}
.slicknav_nav a:hover {
  background: #ffffff !important;
}
i.fa {
  font-size: 18px;
}
i.fa.fa-caret-right {
  display: none;
}


/*footer*/

td{
	font-size:80%;
}
	
}