@charset "UTF-8";
/* CSS Document */

.spmenu { display:none; }

#footer{ padding-bottom: 10px; border-top: 1px solid #e6e6e6;  }
#footer .foot-nav{ border-bottom: 1px solid #e6e6e6; }
#footer .foot-logo{ text-align: center; padding: 30px 0; }
#footer .foot-logo a{ margin: 15px; display: inline-block; }
#footer .foot-logo .live{ width: 88px; }
#footer .sub-nav{ display: inline-block; padding: 0 15px; font-size: 12px; }
#footer .sub-nav li{ display: inline-block; }
#footer .copyright{ display: inline-block; font-size: 12px; }

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

.head-nav{
	position:relative;
	top:0 !important;
	left:0 !important;
	z-index:999;
	width:100% !important;
	box-sizing: content-box;
  background:#fff;
  height: 60px;
}

#header .logo {
    padding:6px 30px 0;
    margin: 0 auto;
    text-align: center;
}
#header .logo img{
  width: 44px;
}


.spmenu {
  overflow:hidden; 
  cursor:pointer;
  display:block;
  top: 0;
  right:0;
  z-index:99999;
  position:absolute;
  margin:0;
  padding: 21px;
  background: #fff;
  line-height: 0;
}
.spmenu .inner{ overflow:hidden; height: 100%; }
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 18px;
  height: 17px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #666;
  transition: all 0.2s;
  border-radius: 3px;
}
.menu-trigger.active span{ background-color: #333; }

.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 7px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger.active {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(7px) rotate(-45deg);
  transform: translateY(7px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.menu-trigger.active span:nth-of-type(3) {
  opacity: 0;
}

#header #menu {
  display:none;
  position:absolute;
  top:60px;
  z-index:9999;
  width: 100%;
  background: #fff;
}
#header { border-bottom: 1px solid #ccc; }
#header .mainnav { width: 100%; border-top: #CCC solid 1px; }
#header .mainnav li{ 
  float: left;
  width: 50%;
  font-family: "Lora",serif;
  font-size: 16px;
  letter-spacing: .1em;
  border-bottom: #CCC solid 1px;
}
#header .mainnav li:nth-child(odd){ border-right: #CCC solid 1px; }
#header .mainnav li.ly-1{ width: 100%; border-right:none; }
#header li a{ display: block; padding: 20px 15px; text-align: center;
 font-size: 14px; }
#header .mainnav li a:hover{ background: #fafafa; }
#header .mainnav li a span.en{ display: block; color: #C1976D; font-size: 10px; font-family: "didot",serif; font-style: italic; padding-top: 12px;     padding-top: 2px;  }
#header .sns{ text-align: center; }
#header .sns li{ display: inline-block; padding:0 6px; }

#header .sns li .tw{ vertical-align: 1px; }
#header .sns li .ic-insta{ vertical-align: 0; }
#header .sns li .fb{ vertical-align: 1px; }

#header .nav-reserve{ position: fixed; bottom: 0; padding:12px 15px; color: #fff; background:#e42453; display: block; width: 100%; text-align: center; font-size: 14px; }
#header .nav-reserve span{ display: inline; }

#footer{ position: relative; padding-bottom: 60px; }
#footer .foot-nav{ display: none; }



}@media screen and (min-width: 900px) {

#header { border-bottom: 1px solid #ccc; }
.nav-style { overflow:hidden; position: relative; }
.nav-style .mainnav { float: left; }
.nav-style .mainnav li{ 
  float: left;
  font-family: "Lora",serif;
  font-size: 16px;
  letter-spacing: .1em;
}
.nav-style .mainnav li a{ display: block; padding: 29px 35px 26px; border-bottom: 3px solid #fff; transition: 0.3s all; }
.nav-style .mainnav li a:hover{padding: 29px 35px 26px; border-bottom: 3px solid #736357; box-sizing: border-box;}
.nav-style .mainnav li a span.en{ display: block; color: #C1976D; font-size: 10px; font-family: "didot",serif; font-style: italic; padding-top: 12px; padding-top: 2px;  }
.nav-style .sns{ float: right; margin-right: 180px; padding: 27px 0; }
.nav-style .sns li{ display: inline-block; padding:0 6px; }

.nav-style .sns li .tw{ vertical-align: 1px; }
.nav-style .sns li .insta{ vertical-align: 0; }
.nav-style .sns li .fb{ vertical-align: 1px; }

.nav-style .nav-reserve{ padding:17px; color: #fff; background:#e42453; display: block; width: 150px; text-align: center; font-size: 15px; position: absolute; top: 0; right: 0; letter-spacing: .1em; height: 80px; transition: 0.3s all; cursor: pointer; font-weight: bold; }
.nav-style .nav-reserve span{ display: none; }


}