/*************************
*******Typography******
**************************/
*, *:before, *:after {
  /*-webkit-box-sizing: border-box;
          box-sizing: border-box;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background: #fff;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',  '游ゴシック', YuGothic, メイリオ, Meiryo, 'ＭＳ Ｐゴシック',  'Helvetica neue', Helvetica, sans-serif;
  color:#373737;
  line-height: 22px;
	font-weight:normal;
	padding-top:64px;
}
@font-face {
  font-family: "kuromitsu";
  src: url("../fonts2/kuromitsu/kuromitsu-kanji-Regular.eot") format('eot'),
       url("../fonts2/kuromitsu/kuromitsu-kanji-Regular.woff2") format('woff2'),
       url("../fonts2/kuromitsu/kuromitsu-kanji-Regular.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}
/*@font-face {
  font-family: "caramelize";
  src: url("../fonts2/caramelize/Caramelize-kanji-Regular.eot") format('eot'),
       url("../fonts2/caramelize/Caramelize-kanji-Regular.woff2") format('woff2'),
       url("../fonts2/caramelize/Caramelize-kanji-Regular.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "honeybutter";
  src: url("../fonts2/honeybutter/Honey-Butter-kana-Regular.eot") format('eot'),
       url("../fonts2/honeybutter/Honey-Butter-kana-Regular.woff2") format('woff2'),
       url("../fonts2/honeybutter/Honey-Butter-kana-Regular.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "dailylazy";
  src: url("../fonts2/dailylazy/Daily-Lazy-Regular.eot") format('eot'),
       url("../fonts2/dailylazy/Daily-Lazy-Regular.woff2") format('woff2'),
       url("../fonts2/dailylazy/Daily-Lazy-Regular.woff") format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "zarame";
  src: url("../fonts2/zarame/Font-Zarame-Regular.eot")format('eot'),
       url("../fonts2/zarame/Font-Zarame-Regular.woff2") format('woff2'),
       url("../fonts2/zarame/Font-Zarame-Regular.woff") format('woff');
  font-weight: 100;
  font-style: normal;
}*/

h1,h2,h3,h4,h5,h6 {
  font-weight: bold; 
}
h1{
  font-size: 36px;
  color:#fff;
}
h2{
  font-size: 30px;
	line-height: 40px;
	padding-bottom: 20px;
}
h3{
  font-size: 24px;
  line-height: 32px;
}
h4{
  font-size: 18px;
	line-height: 30px;
}
a {
  color: #594f4f;
  -webkit-transition: color 500ms, background-color 500ms;
  -moz-transition: color 500ms, background-color 500ms;
  -o-transition:  color 500ms, background-color 500ms;
  transition:  color 500ms, background-color 500ms;
}
hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}
.img-responsive{
	margin: 0 auto;
}
.btn-wrapper{
  margin: 0;
	text-align: center;
}
.btn {
  display: inline-block;
  padding: 14px 20px;
  border-radius: 3px;
  margin-top: 30px;
	margin-bottom: 30px;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 1px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.btn:hover {
  color: white;
}
.btn:hover:after {
  -webkit-animation-name: bgin;
          animation-name: bgin;
  -webkit-transform: skew(-45deg) translate(-50%);
          transform: skew(-45deg) translate(-50%);
}
.btn:after {
  content: '';
  z-index: -1;
  width: 150%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-animation-name: bgout;
          animation-name: bgout;
  -webkit-animation-duration: 400ms;
          animation-duration: 400ms;
  -webkit-transform: skew(-45deg) translate(-150%);
          transform: skew(-45deg) translate(-150%);
}
.btn-- {
  border: 2px solid #c0b283;
  color: #c0b283;
}
.btn--:after {
  background-color: #c0b283;
}
@-webkit-keyframes bgin {
  from {
    -webkit-transform: skew(-45deg) translate(-150%);
            transform: skew(-45deg) translate(-150%);
  }
  to {
    -webkit-transform: skew(-45deg) translate(-50%);
            transform: skew(-45deg) translate(-50%);
  }
}

@keyframes bgin {
  from {
    -webkit-transform: skew(-45deg) translate(-150%);
            transform: skew(-45deg) translate(-150%);
  }
  to {
    -webkit-transform: skew(-45deg) translate(-50%);
            transform: skew(-45deg) translate(-50%);
  }
}
@-webkit-keyframes bgout {
  from {
    -webkit-transform: skew(-45deg) translate(-50%);
            transform: skew(-45deg) translate(-50%);
  }
  to {
    -webkit-transform: skew(-45deg) translate(50%);
            transform: skew(-45deg) translate(50%);
  }
}
@keyframes bgout {
  from {
    -webkit-transform: skew(-45deg) translate(-50%);
            transform: skew(-45deg) translate(-50%);
  }
  to {
    -webkit-transform: skew(-45deg) translate(50%);
            transform: skew(-45deg) translate(50%);
  }
}

a:hover,a:focus {
  color: #c0b283;
  text-decoration: none;
  outline: none;
}
.media>.pull-left{
  margin-right: 20px;
}
.media>.pull-right{
  margin-left: 20px;
}

body > section {
  padding: 50px 0;
}
.center {
  text-align: center;
}
.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}
.transparent-bg {
  background-color: transparent !important;
  margin-bottom: 0;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}


/*************************
*******Header******
**************************/

.navbar>.container .navbar-brand{
  margin-left: 0;
}
.navbar-header{
	background-color: #fbf7f7;
}
.navbar-brand {
  padding: 10px 0 0;
  margin:0;
}
.navbar {
  border-radius: 0;
  margin-bottom: 0;
  background: #fbf7f7;
  padding: 10px 0 0;
}
.border{
	background-color: #c0b283;
	height: 6px;
}

 .navbar-nav{
  margin-top: 0;
	margin-bottom: 0;
 }

.navbar-nav>li{
  margin-left: 8px;
	margin-bottom:0;
  padding-bottom: 0;
}

.navbar-inverse .navbar-nav > li > a {
  padding: 12px ;
  margin: 4px 0 0;
  border-radius: 5px 5px 0 0;
  color: #c0b283 ;
  display: inline-block;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
}

.navbar-inverse .navbar-nav > li > a:hover{
	background-color: #fff;
  color: #c0b283;
}

.navbar-inverse {
  border: none;
}

.navbar-inverse .navbar-brand {
  font-size: 36px;
  line-height: 50px;
  color: #fff;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #fff;
  color: #c0b283;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-top: 0;
  padding-bottom: 0;
	margin-bottom: 0;
}
.navbar-inverse .navbar-toggle{
  border-top-color: #c0b283;
  border-right-color: #c0b283;
  border-bottom-color: #c0b283;
  border-left-color: #c0b283;
  background-color: #c0b283;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
  background-color: #c0b283;
}

.navbar-h1{
	font-size:10px !important;
  -webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8);
	-webkit-transform-origin: 0px 0px;
	-moz-transform-origin: 0px 0px;
	-ms-transform-origin: 0px 0px;
	-o-transform-origin: 0px 0px;
	transform-origin: 0px 0px;
	line-height: 10px;
	color:#c0b283;
	font-weight:500;
	margin:0;
	padding:0;
}
.dropdown-menu>li>a { 
	margin :0;
	padding: 12px 0 ;
	color:#552e49;
	font-size:14px;
	font-family: 'Lato', sans-serif;
}
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:hover,
.dropdown-menu > li > a:hover{ 
	background: #c0b283; 
	color: #fff; 
}
.navbar-inverse .navbar-nav .dropdown-menu {
  background-color: rgba(250,250,250,0.95);
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  border: 0;
  padding: 0;
  margin-top: 0;
  border-top: 0;
  border-radius: 0;
  left: 0;
}

.navbar-inverse .navbar-nav .dropdown-menu:before{
  position: absolute;
  top:0;
}

.navbar-inverse .navbar-nav .dropdown-menu > li > a {
  padding: 8px 15px;
  color: #c0b283;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
  background-color: #c0b283;
  color: #fff;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
  border-radius: 0;
}

.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
  background-color: transparent;
}

/*************************
*******Home Page******
**************************/

.header-image{
  background: url("../images/top_mv.jpg") 50% 0% no-repeat;
  height: 400px;
  overflow: hidden;
}
.lead{
  font-size: 18px;
  line-height: 30px;
	font-weight:500;
	text-align:left;
}

#service{
	background-color: #fff;
  padding-bottom: 100px;
}
#service .lead{
  text-align: center;
}
#service h2{
  font-family:'Lato', sans-serif;
  letter-spacing: 5px;
  font-weight: normal;
}
#service h2::after{
   content:"";
   display:block;
   width:80px;
   height:10px;
   background-color:#c0b283;
   margin: 0 auto;
}
#service h3{
  padding-bottom: 30px;
}
#service .lead{
  font-size: 20px;
	padding: 0 0 30px;
  line-height: 2em;
}
.service-list{
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.service-list li{
  border-bottom: 1px solid #c0b283;
  margin: 0 0 30px 0;
}
.service-list li a{
  display: block;
  font-size: 32px;
  color: #c0b283;
  padding: 20px 30px;
}
.service-list li a:hover{
  font-weight: bold;
}

#features {
  background: url("../images/bg_top_features.png") 50% 0 no-repeat;
  padding-top: 150px;
  padding-bottom: 0;
}
#features .features-wrapper{
  background: url("../images/bg_contact.jpg") 0 0 repeat;
}
#features h2, #minisite h2{
	color:#373737;
	padding: 0 0 10px;
  font-family: 'Lato', sans-serif;
  letter-spacing: 5px;
  font-weight: normal;
}
#features h2::after, #minisite h2::after{
  content:"";
  display:block;
  width:80px;
  height:10px;
  background-color:#c0b283;
  margin: 0 auto;
}
#features h3, #minisite h3{
  color: #373737;
  padding-bottom: 50px;
}
.feature-wrap {
  margin-bottom: 80px;
  overflow: hidden;
	text-align:center;
}
.feature-wrap .img-number{
  border-bottom: 3px solid #c0b283;
  padding-bottom: 30px;
}
.features-text{
	color: #373737;
	font-size: 16px;
	text-align: left;
	line-height: 24px;
	padding: 10px 14px;
}
.minisite-wrapper{
  padding-bottom: 50px;
}
.minisite-wrapper h4{
  font-size: 24px;
  margin: 0 0 30px;
}
.minisite-wrapper p{
  font-size: 20px;
  line-height: 2em;
  padding-bottom: 30px;
}
.minisite-wrapper p span{
  font-weight: bold;
  color: #af944f;
}


/***********************
**** web.html css ****
***********************/

/*.header-video{
	background: #fff;
  display: block;
	width: 100% ;
	height: auto;
	margin: 0;
	overflow: hidden;
}*/

.body-container{ 
	overflow: hidden;
}
.body-container h2{
	padding: 50px 0;
}
.body-container h2 span{
  background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #c0b283 0%) repeat scroll 0 0;
}
.body-container #s-feature h2{
  padding: 80px 0;
  letter-spacing: 8px;
}
.body-container #s-feature h2::after{
  content:"";
  display:block;
  width:50px;
  height:10px;
  background-color:#c0b283;
  margin: 10px auto;
}
#s-feature h3{
	padding-bottom: 20px;
	font-size: 26px;
}
#s-feature{
	padding-bottom: 80px;
}
.s-feature-wrap{
	margin-bottom:14px;
}
.s-feature-wrap img{
	display:block;
	margin:0 auto;
	padding:10px 0;
}
.s-feature-wrap h4{
	margin-top:10px;
	font-size: 22px;
  color: #c0b283;
}
.s-feature-wrap h5{
	font-weight: 500;
	font-size: 18px;
	line-height: 1.8em;
}

.example2-container{
	overflow: hidden;
	padding-bottom: 80px;
}
.example2-container h2 span{
  background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #c0b283 0%) repeat scroll 0 0;
}

.slide-wrapper{
	padding-bottom: 30px;
	overflow: hidden;
}
.sp-thumbnails img{
	cursor: pointer;
}
.example-wrapper{
	padding-bottom: 30px;
}
.example-list-wrapper{
  padding-bottom: 50px;
}
.example-list{
	margin: 0 0 20px 0;
	padding:0;
	line-height: 30px;
	width:100%;
	font-size:16px;
}
.example-list dt{
	text-align: right;
	float: left;
	width: 28%;
	padding-right: 10px;
}
.example-list dd{
	float: left;
	width:70%;
}
.example-list dd a{
  color: #242424;
  text-decoration: underline;
}
.example-list dd a:hover{
  color: #8c8c8c;
  text-decoration: none;
}

#flow{
	background: #fff url(../images/bg_flow.jpg) 50% 50% repeat-y;
	padding: 30px 0;
	
  margin-bottom: 50px;
}
.step{
	margin:0 auto;
	padding:0 14px 10px;
}
.step img{
	width:100%;
}
.step h3{
	font-size:20px;
}
.step p{
	text-align:left;
}

.contact-wrapper{
	padding:50px 0;
}
.price-estimate{
	text-align:left;
	font-size:16px;
	width:60%;
	margin:0 auto 30px;
}


/*************************
*****   logo.html  ******
**************************/

/*#logo-hero{
  position: relative;
}*/

.body-container .logo01 h2.logo-h2{
  letter-spacing: 8px;
  margin: 40px auto 50px;
}
.body-container .logo01 h2.logo-h2::after{
  content:"";
  display:block;
  width:50px;
  height:10px;
  background-color:#c0b283;
  margin: 10px auto;
}
.logo01 h3{
	font-size: 18px;
	font-weight: 500;
}
.example2-container h3 span{
  background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #c0b283 0%) repeat scroll 0 0;
}
.others-wrapper{
  padding: 100px 0 50px;
}
.others-wrapper .img-responsive{
  width: 100%;
  height: 450px;
  overflow: hidden;
  margin-bottom: 50px;
}




/*************************
*****   dtp.html  ******
**************************/

/*.dtp-example{
	padding: 0 20px 20px;
}
.dtp-h2{
  letter-spacing: 8px;
  margin: 80px auto 50px;
}
h2.dtp-h2::after{
  content:"";
  display:block;
  width:50px;
  height:10px;
  background-color:#c0b283;
  margin: 10px auto;
}
.dtp01 h3{
	font-size: 18px;
	font-weight: 500;
}

.others-wrapper2 .img-responsive{
  height: auto;
}*/

/*************************
*****   illust.html  ******
**************************/
.illust01{
  padding-bottom: 100px;
}
.illust01 h2{
  letter-spacing: 8px;
  margin: 80px auto 50px;
  padding: 0;
}
.illust01 h2::after{
  content:"";
  display:block;
  width:50px;
  height:10px;
  background-color:#c0b283;
  margin: 10px auto ;
}
.illust01 .lead{
  line-height: 2em;
}
.illust-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.illust-wrapper .illust-item{
  width: 25%;
}






/*************************
*****   sozai.html  ******
**************************/

.body-container section h2.sozai-h2{
  letter-spacing: 8px;
  margin: 80px auto 50px;
  padding: 0;
}
.body-container section h2.sozai-h2::after{
  content:"";
  display:block;
  width:50px;
  height:10px;
  background-color:#c0b283;
  margin: 10px auto ;
}
.font01{
	padding-bottom: 50px;
}
.font01 h3{
  padding: 50px 0 0;
}
.font01 .lead{
  text-align: left;
  padding-bottom: 30px;
  line-height: 2em;
}
.font01 .img-font{
  padding: 0 5px 20px ;
}

.font01 .font-wrapper,
.art01 .art-wrapper{
  padding-top: 0;
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  width: 100%;
}
.font01 .font-wrapper .font-item,
.art01 .art-wrapper .art-item{
  width: 25%;
  padding: 0 5px 10px;
}
.font01 .btn-wrapper .btn{
  padding-left: 100px;
  padding-right: 100px;
}
.art01 .btn-wrapper .btn{
  font-family: 'Lato', sans-serif;
}
.art01{
  padding-bottom: 50px;
}
.art01 .lead{
  padding-bottom: 30px;
}

/*************************
********* Portfolio CSS ******
**************************/

#portfolio_page {
  margin-top: 115px;
  padding-bottom: 0;
}
.items-wrapper{
  padding: 100px 0;
}
.items-wrapper .item-box{
  width: 100%;
  height: 360px;
  overflow-y: scroll;
  margin-bottom: 80px;
  border: 1px solid #dedede;
}
.items-wrapper .item-box img{
  width:100%;
}




/******************
 faq page css
******************/
#faq-contents{
	background:#fff url(../images/bg_panel.jpg) 50% 0 no-repeat;
	overflow:hidden;
}
.faq-list{
	margin-bottom:30px;
}
.faq-list h2 {
  color: #4E4E4E;
  font-size: 24px;
  margin-bottom: 22px;
  margin-top: 0;
  font-weight: 600
}
.panel{
	background-color:transparent;
}
.panel-default > .panel-heading{
  color: #4e4e4e;
  background-color: transparent;
  border-top-color: #dddddd;
  border-right-color: #dddddd;
  border-bottom-color: #dddddd;
  border-left-color: #dddddd;
}


/******************
 contact page css
******************/



#about{
	background: #fff url("../images/bg_contact.jpg") 0 0 repeat;
	overflow: hidden;
	padding-top:40px;
}
#about h2{
  color: #c0b283;
}
#about h3{
  line-height: 40px;
  padding: 20px 0;
}
.contact-info {
    font-size:18px;
		padding-bottom:20px;
}
.contact-info h3{
	font-size:22px;
	letter-spacing:2px;
}

table.table01 {
	width:100%;
	border-right:#fbf7f7 solid 1px;
	border-top:#fbf7f7 solid 1px;
	border-collapse: collapse;
}
table.table01 tbody th {
	background:#c0b283;
	color:#fff;
	padding:14px 20px 6px;
	border-bottom:#FFF solid 1px;
	vertical-align:top;
	text-align: center;
	font-weight: 500;
	font-size: 16px;
}
table.table01 tbody tr:last-child th {
	border-bottom:#fbf7f7 solid 1px;
}
table.table01 tbody tr td {
	background-color: rgba(255,255,255,0.7) ;
	padding:14px 0 6px 20px;
	border-left:#fbf7f7 solid 1px;
	border-bottom:#c0b283 solid 1px;
	vertical-align: middle;
	font-size: 16px;
}
table.table01 tbody tr:last-child td{
  border-bottom:#fbf7f7 solid 1px;
}

.career-info{
	padding:0 30px;
}
.career-info span{
  font-weight: bold;
}
.small-text{
	font-size: 14px;
}

#contact-head{
  background: url("../images/bg_contact02.jpg") 0 0 no-repeat;
  background-color: #fff;
	padding:150px 0 0;
}
#contact-head .lead{
	text-align:center;
}
#contact-page{
  background-color: #fff;
	padding-top:0;
}
.contact textarea, .contact input[type="text"], .contact input[type="email"] {
    padding: 10px;
    line-height: 20px;
    height: auto;
		margin-bottom:10px;
		border:#ccc 1px solid;
		border-radius:4px;
}
.contact textarea {
    height: 120px;
}
textarea:focus, input[type="text"]:focus, input[type="email"]:focus, [type="tel"]:focus{
  border-top-color: rgba(82, 168, 236, 0.8);
  border-right-color: rgba(82, 168, 236, 0.8);
  border-bottom-color: rgba(82, 168, 236, 0.8);
  border-left-color: rgba(82, 168, 236, 0.8);
  outline-width: 0px;
  outline-style: none;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
}

.contact-form {
    background:#fff;
    padding:20px;
		margin-bottom:20px;
		overflow:hidden;
}
.contact-form h3 {
    color:#4e4e4e;
    padding-bottom:10px;
}
.contact-form p{
		color:#838589;
}
.btn-send{
	padding-bottom:30px;
}
.message-btn {
    border:1px solid #552e49;
    color:#552e49;
    background-color:transparent;
    padding:12px 30px;
    font-size:17px;
		border-radius:4px;
}
.message-btn:hover {
    background-color:#552e49;
		color:#fff;
}

#privacy{
	width:90%;
	margin:0 auto;
}
#privacy{
	border: solid 1px #ccc;
	max-height: 220px;
	overflow-y: scroll;
	padding: 10px;}
#privacy h4, #privacy h5, #privacy p{
	color:#747C89;
}
#privacy h4{
	font-size:14px;
}
#privacy h5{
	font-size:13px;
}
#privacy p{
	font-size:12px;
	text-align:left;
}



/******************
 404 page css
 ******************/

#error h1{
  color: #4e4e4e;
	padding-bottom:30px;
}

#error{
	padding-top:120px;
	padding-bottom:140px;
}
#error .btn-next{
	padding:20px 0;
}


/***********************
********* Footer ******
************************/
/*.footer-image{
  background: url("../images/img_illustration.jpg") 50% 0 no-repeat;
  height: 940px;
}*/
#footer {
  padding-top: 40px;
  padding-bottom: 80px;
  color: #c0b283;
  background :url("../images/bg_footer.jpg") 0 0 repeat-y;
  background-size: 100%;
}
#footer img{
	width: 180px;
  height: auto;
	padding-bottom: 20px;
}
#footer ul {
  list-style: none;
	margin: 0;
	padding: 0;
}
#footer ul li a {
	display: block;
  color: #c0b283;
	background-color: #fff;
	border: #c0b283 5px solid;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	padding: 14px 0;
	margin: 20px 0;
}
#footer ul li a:hover,
#footer ul li.active a{
	color: #fff;
	background-color: #c0b283;
}
.footer-wrapper{
  position: relative;
  background-color: #c0b283;
}
.footer-copy{
	padding: 20px 0;
	color:#fff;
  
}
.footer-copy p{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 1px;
}
.footer-copy aside{
	font-size: 10px;
}

.footer-list{
  position: absolute;
  top: 30px;
  right: 40px;
}
.footer-list ul{
  list-style: none;
}
.footer-list ul li a{
  display: block;
  color: #fff;
  font-size: 28px;
  transform: rotate(-45deg);
}




#pageTop{
	position: fixed;
	bottom: 100px;
	right: 30px;
	z-index:9999;
}

#pageTop a{
	display: block;
	background-color:#c0b283;
	width:36px;
	height:36px;
	border-radius:18px;
	color:#fff;
	font-size:30px;
	text-align:center;
	font-weight:900;
	-webkit-box-shadow: #6e6e6e 1px 1px 2px;
	box-shadow:#6e6e6e 1px 1px 2px;
	opacity:0.8;
}

#pageTop a:hover{
	opacity: 1.0;
}