/* Scss Document */
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 fadeinLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px); } }
@-moz-keyframes fadeinLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-50px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px); } }
@-ms-keyframes fadeinLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-50px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0px); } }
@-o-keyframes fadeinLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-50px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0px); } }
@keyframes fadeinLeft {
  0% {
    opacity: 0;
    transform: translateX(-50px); }
  100% {
    opacity: 1;
    transform: translateX(0px); } }
@-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;
  animation: fadein 1s linear 5s 1;
  -moz-animation: fadein 1s linear 5s 1;
  -webkit-animation: fadein 1s linear 5s 1;
  -ms-animation: fadein 1s linear 5s 1;
  -o-animation: fadein 1s linear 5s 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;
  text-align: center; }
  #welcome h1 {
    color: #ffffff;
    text-decoration: none;
    line-height: 80px;
    padding: 0 20px;
    display: inline-block;
    margin-top: 25vh; }

#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; }

@-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 h1 {
  font-size: 32px;
  font-weight: 100; }
#index2 h2 {
  font-size: 14px; }
#index2 .flexBox {
  padding: 0 5%; }

#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; }

#indexCollection {
  background-image: url(../../images/index/collection_sp.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: 120% auto;
  background-repeat: no-repeat;
  background-position: bottom center;
  align-items: flex-start;
  padding: 10vw 5%; }
  #indexBeauty div {
    padding: 10vw 0; }
    #indexBeauty div .detail {
      margin: 2vh auto 0 0; }

#indexNews {
  padding: 20px 0 30px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee; }
  #indexNews .flexBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    #indexNews .flexBox dl {
      padding: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
  #indexNews h3 {
    margin: 0 auto 10px;
    text-align: left; }
    #indexNews h3 a {
      display: block;
      position: relative;
      padding: 10px 20px 10px 40px;
      line-height: 1.5;
      text-align: left;
      font-size: 16px;
      background-color: transparent;
      text-decoration: none;
      color: #444;
      border: 1px solid transparent;
      -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 {
    margin: 0; }
  #indexNews dt {
    margin-right: 30px;
    font-size: 15px; }
  #indexNews dd a {
    line-height: 1.5;
    font-size: 15px; }

#indexMiniNav ul.flexBox {
  padding: 30px 0 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
#indexMiniNav li a {
  width: 210px;
  display: block;
  text-align: center;
  padding: 15px 0;
  margin-bottom: 15px;
  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; }



@-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 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; } }