/* Scss Document */
#index2 h1 {
  font-size: 21px;
  font-size: 4.8vw;
  font-weight: 200;
  letter-spacing: normal; }

@media screen and (min-width: 1500px) {
  #index2 h1 {
    font-size: 72px;
    font-weight: 200; } }
#index2 h2 {
  letter-spacing: 1px; }

main#index,
#splash {
  /* mod */
  width: 100vw;
  height: 100vh;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  z-index: 999999;
  /* mod */
  display: block;
  /* mod */ }

a.fullBtn {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0; }

#index svg#logoTitle,
#splash svg#logoTitle {
  /* mod */
  width: 240px;
  height: 240px;
  position: fixed;
  left: 50vw;
  top: 50vh;
  margin: -120px 0 0 -120px; }

#index svg#logoTypeFont,
#splash svg#logoTypeFont {
  /* mod */
  width: 240px;
  height: 240px;
  position: fixed;
  left: 50vw;
  top: 50vh;
  margin: -120px 0 0 -120px;
  fill: #c98f69;
  animation: fadein 1s linear 2s 1;
  -moz-animation: fadein 1s linear 2s 1;
  -webkit-animation: fadein 1s linear 2s 1;
  -ms-animation: fadein 1s linear 2s 1;
  -o-animation: fadein 1s linear 2s 1;
  animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  opacity: 0; }

@-webkit-keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeinOut {
  0% {opacity: 0; }
	50% {opacity: 1; }
  100% {opacity: 0; } }
@-moz-keyframes fadeinOut {
  0% {opacity: 0; }
	50% {opacity: 1; }
  100% {opacity: 0; } }
@-ms-keyframes fadeinOut {
  0% {opacity: 0; }
	50% {opacity: 1; }
  100% {opacity: 0; } }
@-o-keyframes fadeinOut {
  0% {opacity: 0; }
	50% {opacity: 1; }
  100% {opacity: 0; } }
@keyframes fadeinOut {
  0% {opacity: 0; }
	50% {opacity: 1; }
  100% {opacity: 0; } }
@-webkit-keyframes fadeinLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-5vw); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px); } }
@-moz-keyframes fadeinLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-5vw); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px); } }
@-ms-keyframes fadeinLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-5vw); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0px); } }
@-o-keyframes fadeinLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-5vw); }
  100% {
    opacity: 1;
    -o-transform: translateX(0px); } }
@keyframes fadeinLeft {
  0% {
    opacity: 0;
    transform: translateX(-5vw); }
  100% {
    opacity: 1;
    transform: translateX(0px); } }

@-webkit-keyframes fadeinLeft2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10vw); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px); } }
@-moz-keyframes fadeinLeft2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-10vw); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px); } }
@-ms-keyframes fadeinLeft2 {
  0% {
    opacity: 0;
    -ms-transform: translateX(-10vw); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0px); } }
@-o-keyframes fadeinLeft2 {
  0% {
    opacity: 0;
    -o-transform: translateX(-10vw); }
  100% {
    opacity: 1;
    -o-transform: translateX(0px); } }
@keyframes fadeinLeft2 {
  0% {
    opacity: 0;
    transform: translateX(-10vw); }
  100% {
    opacity: 1;
    transform: translateX(0px); } }

@-webkit-keyframes fadeinBlur {
  0% {
    opacity: 0;
    filter: blur(4px);
	}
  100% {
    opacity: 1;
    filter: blur(0);
	}}
@-moz-keyframes fadeinBlur {
  0% {
    opacity: 0;
     filter: blur(4px); }
  100% {
    opacity: 1;
    filter: blur(0);
	} }
@-ms-keyframes fadeinBlur {
  0% {
    opacity: 0;
    filter: blur(4px); }
  100% {
    opacity: 1;
    filter: blur(0); } }
@-o-keyframes fadeinBlur {
  0% {
    opacity: 0;
    filter: blur(4px); }
  100% {
    opacity: 1;
   filter: blur(0); } }
@keyframes fadeinBlur {
  0% {
    opacity: 0;
     filter: blur(4px); }
  100% {
    opacity: 1;
   filter: blur(0); } }


@-webkit-keyframes fadeinTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(50px); } }
@-moz-keyframes fadeinTop {
  0% {
    opacity: 0;
    -moz-transform: translateY(0px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(50px); } }
@-ms-keyframes fadeinTop {
  0% {
    opacity: 0;
    -ms-transform: translateY(0px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(50px); } }
@-o-keyframes fadeinTop {
  0% {
    opacity: 0;
    -o-transform: translateY(0px); }
  100% {
    opacity: 1;
    -o-transform: translateY(50px); } }
@keyframes fadeinTop {
  0% {
    opacity: 0;
    transform: translateY(0px); }
  100% {
    opacity: 1;
    transform: translateY(50px); } }
@-webkit-keyframes fadeinRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px); } }
@-moz-keyframes fadeinRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(50px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px); } }
@-ms-keyframes fadeinRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(50px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0px); } }
@-o-keyframes fadeinRight {
  0% {
    opacity: 0;
    -o-transform: translateX(50px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0px); } }
@keyframes fadeinRight {
  0% {
    opacity: 0;
    transform: translateX(50px); }
  100% {
    opacity: 1;
    transform: translateX(0px); } }
#welcome {
  width: 100vw;
  height: 100vh;
  background-image: url(../../images/index/welcome.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: fixed;
  overflow: hidden;
  z-index: 999999;
  opacity: 0;
  text-align: center; }
  #welcome h1 {
    color: #ffffff;
    text-decoration: none;
    line-height: 80px;
    padding: 0 20px;
    display: inline-block;
    margin-top: 25vh; }

#welcome.fadeIn {
  animation: fadein 1s linear 0s 1;
  -moz-animation: fadein 1s linear 0s 1;
  -webkit-animation: fadein 1s linear 0s 1;
  -ms-animation: fadein 1s linear 0s 1;
  -o-animation: fadein 1s linear 0s 1;
  animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}

#wrap {
  display: none;
  /* mod */ }

/*
#index2
*/
#container {
  padding: 0; }

#siteHeader.headerFadein {
  opacity: 0;
  -webkit-animation: headerFadein 1s ease-in-out .5s 1;
  -moz-animation: headerFadein 1s ease-in-out .5s 1;
  -ms-animation: headerFadein 1s ease-in-out .5s 1;
  -o-animation: headerFadein 1s ease-in-out .5s 1;
  animation: headerFadein 1s ease-in-out .5s 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }
.logged-in #siteHeader.headerFadein {
  padding-top: 32px; }

@-webkit-keyframes headerFadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes headerFadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes headerFadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes headerFadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes headerFadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }



#index2 .flexBox div {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  text-align: left;
  padding: 5%; }

#indexCollection {
  background-image: url(../../images/index/collection.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

#indexArchitecture {
  background-image: url(../../images/about/architecture/galleryIntro.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  #indexArchitecture div h1,
  #indexArchitecture div h2 {
    text-shadow: 0px 0px 10px #000; }

#indexBeauty {
  background-image: url(../../images/index/appetizingbeauty.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 70% center; }
  #indexBeauty .detail {
    margin: 4vh auto 1vh 0; }
    #indexBeauty .detail + detail {
      margin: 1vh auto 1vh 0; }

#indexNews {
  text-align: center;
  padding: 14px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee; }
  #indexNews > div {
    display: inline-block; }
    #indexNews > div .inner {
      width: 100%;
      max-width: 767px; }
  #indexNews h3 {
    width: 150px;
    margin-right: 40px; }
    #indexNews h3 a {
      width: 100%;
      display: inline-block;
      position: relative;
      padding: 0 0 0 50px;
      line-height: 50px;
      text-align: left;
      height: 50px;
      background-color: transparent;
      text-decoration: none;
      color: #444;
      border: 1px solid transparent;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: all 0.4s linear;
      -moz-transition: all 0.4s linear;
      -ms-transition: all 0.4s linear;
      -o-transition: all 0.4s linear;
      transition: all 0.4s linear; }
      #indexNews h3 a:hover {
        background-color: #c98f69;
        color: #fff;
        border-color: rgba(0, 0, 0, 0.1); }
        #indexNews h3 a:hover:before {
          border-right: 1px solid #fff;
          border-top: 1px solid #fff; }
      #indexNews h3 a:before {
        content: "";
        width: 6px;
        height: 6px;
        border-right: 1px solid #444;
        border-top: 1px solid #444;
        position: absolute;
        z-index: 1;
        left: 15px;
        top: 50%;
        margin: -4px 0 0 0;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
  #indexNews dl {
    width: calc(100% - 190px);
    margin: 0; }
  #indexNews dt {
    margin-right: 30px;
    font-size: 15px; }
  #indexNews dd {
    text-align: left;
    line-height: 1.4; }
    #indexNews dd a {
      font-size: 15px; }

#indexMiniNav li {
  width: calc(100% / 3);
  padding: 40px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #indexMiniNav li a {
    display: block;
    text-align: center;
    padding: 15px 0;
    font-size: 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #444;
    text-decoration: none;
    position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    #indexMiniNav li a:hover {
      background: #c98f69;
      color: #fff; }
      #indexMiniNav li a:hover svg {
        fill: #fff; }
    #indexMiniNav li a svg {
      fill: #c98f69;
      margin-right: 4px;
      position: relative;
      top: 2px;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }