@charset "UTF-8";
/* Body */

body {
	font-family: 'Avenir', sans-serif;
	background-color: #fffbeb;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	font-weight: 300;
    color: #000000;
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* Container */
.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
    height: 100%;
    padding:0;
}


.main-visual .logoArea {
    z-index: 2;
    position: absolute;
    top: 200px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
        text-align: center;
/*    margin: 100px auto;*/
    width: 95%;
    max-width: 500px;
}

.main-visual .logoArea img {
    width: 100%;
}

.comingsoonTxt {
        z-index: 3;
  /*  position: absolute;
      top: 200px;
    left: 0;
    right: 0;
    bottom: 0;*/
    text-align: center;
    width: 95%;
    margin: 0 auto;
      position: absolute;
    bottom: 200px;
    font-size: 24px;
      left: 0;
    right: 0;
}


footer {
    position: absolute;
    bottom: 0;
      left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
    text-align: center;
    vertical-align: bottom;
        z-index: 100;
}

.copyright {
	padding-top: 0;
	padding-bottom: 15px;
	border-top-width: 2px;
    font-size: 0.9rem;

}


.hidden {
	display: none;
}







/*SNS*/
.sns_list {
  /*position: absolute;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);*/
  margin: 100px auto 20px auto ;
  height: 30px;
  width: 200px;
    
}

.sns_btn {
 float: left;
 /*  border-radius: 20%;*/
 /*  box-shadow: inset 0 0 0 20px #c49a6c;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;*/
  margin:0 10px;
}
.sns_btn a {
  display: table-cell;
  width: 30px;
  height: 30px;
  color: #5f7346;
  text-align: center;
  vertical-align: middle;
/*  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;*/
    
}
.sns_btn i {
  font-size: 20px;
  vertical-align: middle;
}
.sns_btn:hover {
/* box-shadow: inset 0 0 0 0 #950020;*/
}

.sns_btn + .sns_button {
  margin: 0 0 0 10px;
}



.facebook:hover a {
  color: #950020;
}

.twitter:hover a {
  color: #950020;
}

.instagram:hover a {
  color: #950020;
}

.linkedin:hover a {
  color: #950020;
}