@charset "UTF-8";

/*
File:spring.css
Author:MulberDen
Author URI:http://www.mulberden.com/
Version:1.0
Edit Date:22.Nov,2018
*/

/******************************************************************************
		General Setting
 ******************************************************************************/
 
/* id,class ------------------------------------------------*/

body {
  background-color: #000;
  margin: 0;
}
.btn-type2 {
  border-top: 1px solid #a4b1b8;
  text-align: center;
  padding-top: 20px;
}
.btn-type2 a {
  color: #51575b;
}
.acbox > div {
  width: calc(50% - 40px);
  max-width: 280px;
  display: inline-block;
  margin-right: 40px;
  vertical-align: top;
}
.acbox > div + div {
  margin-right: 0;
  margin-left: 40px;
}
.acbox img {
  max-width: 100%;
  height: auto;
  margin: auto;
}
.acbox > img {
  padding: 13px 0;
}
.acbox img + p {
   margin-top: 15px;
}
/*
.slick-slide {
  outline:none !important;
}
*/
.slick-next {
  background-image: url("../imgs/common/arrow-next.gif");
  margin-top: 15px;
}
.slick-prev {
  background-image: url("../imgs/common/arrow-prev.gif");
  margin-top: 15px;
}

#springheader {
  width: 100%;
}
#springheadercontent1 {
  width: calc(50% - 183px);
  float: left;
  background-image: url(../imgs/common/bkg-spring_01_01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
}
#springheadercontent2 {
  width: 366px;
  float: left;
  background-color: #000;
  text-align: center;
  padding: 0 20px;
  display: table;
  vertical-align: middle;
}
#springheadercontent2 p {
  display: table-cell;
  vertical-align: middle;
}
#springheadercontent2 img {
  max-width: 100%;
  height: auto;
}
#springheadercontent3 {
  width: calc(50% - 183px);
  float: left;
  background-image: url(../imgs/common/bkg-spring_01_02.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
}

#springheadercontent1 {
  opacity: 0;
  transform: translateY(80px);
  -webkit-transition:all 1s;
	   -moz-transition:all 1s;
	    -ms-transition:all 1s;
	     -o-transition:all 1s;
          transition:all 1s;
}
#springheadercontent1.loadIn,
#springheadercontent3.loadIn {
  opacity: 1;
  transform: translateY(0);
}
#springheadercontent3 {
  opacity: 0;
  transform: translateY(-80px);
  -webkit-transition:all 1s;
	   -moz-transition:all 1s;
	    -ms-transition:all 1s;
	     -o-transition:all 1s;
          transition:all 1s;
}

.springbox {
  width: 100%;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  display: table;
  text-align: center;
  position: relative;
}

/*
.springbox::before {
  content: "";
  width: 1px;
  height: 0;
  position: absolute;
  background-color: #bfbfbf;
  top: -45px;
  left: 50%;
}
*/
.springbox img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
#spring2 { background-image:url(../imgs/common/bkg-spring_02.jpg); background-position: center; }
#spring3 { background-image:url(../imgs/common/bkg-spring_03.jpg); background-position: left top; }
#spring4 { background-image:url(../imgs/common/bkg-spring_07.jpg); background-position: right top; }
#spring5 { background-image:url(../imgs/common/bkg-spring_05.jpg); background-position: center; }
#spring6 { background-image:url(../imgs/common/bkg-spring_06.jpg); background-position: center; }
#spring7 { background-image:url(../imgs/common/bkg-spring_07.jpg); background-position: center; }
#spring8 { background-image:url(../imgs/common/bkg-spring_08.jpg); background-position: center; background-repeat: no-repeat; background-size: contain; }

#spring8 {
  padding-top: 57.25%;
}
#spring8 .springboxinner {
  top: 50%;
  position: absolute;
  width: 100%;
  margin-top: -38px;
}
.springbox .springboxinner {
  display:table-cell;
  vertical-align: middle;
  width: 100%;
  padding: 100px 40px;
}
.springbox .springboxinnerline {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  border: 1px solid #bfbfbf;
  padding: 140px 0;
}
.springbox .springboxinnerlinetable {
  padding: 0 18%;
}
.springbox .springboxinner p {
  color: #fff;
  font-size: 20px;
}
.springbox .springboxinner p br {
  display: none;
}
.springbox .springboxinner .springboxinnerline p br {
  display: block;
}
.bracorset1 {
  width: 56.04%;
  float: left;
  padding-top: 20px;
}
.bracorset2 {
  width: 38.30%;
  float: right;
}
.sandborder {
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}
.springbox .mt-60.textC,
.springbox .mt-120.textC {
  padding: 0 20px;
}
.motion.springbox::before {
  opacity: 0;
  -webkit-transition:all 1s;
	   -moz-transition:all 1s;
	    -ms-transition:all 1s;
	     -o-transition:all 1s;
          transition:all 1s;
  -webkit-transition-delay:.75s;
	   -moz-transition-delay:.75s;
	    -ms-transition-delay:.75s;
	     -o-transition-delay:.75s;
          transition-delay:.75s;
}
.motion.fadeIn.springbox::before {
  opacity: 1;
  height: 90px;
}
#footer > div {
  padding-top: 0;
}
#footer2 {
  background-color: #000;
  color: #fff;
  padding-top: 25px;
  padding-bottom: 100px;
  padding: 55px 32px 40px;
}
#footer3 {
  position: relative;
  top: -1px;
  background-color: #fff;
}
#ft-arrow {
  position:fixed;
  right: 20px;
  bottom: 20px;
  opacity:0;
  -webkit-transition:all 1s;
	   -moz-transition:all 1s;
	    -ms-transition:all 1s;
	     -o-transition:all 1s;
          transition:all 1s;
}
#ft-arrow.fadeIn {
  opacity:1;
}
.accordion h2,
.noaccordion h2 {
  color: #fff;
  font-size: 20px;
  text-align: center;
  width: 100%;
  height: 98px;
  
  background-color: #51575b;
}
.accordion h2 {
  padding-top: 18px;
  cursor: pointer;
}
.noaccordion h2 {
  line-height: 98px;
}
.accordion h2::after {
  display: block;
  content: "";
  background-image: url("../imgs/common/acplus.gif");
  width: 28px;
  height: 28px;
  margin: 0 auto;
}
.accordion h2.toggle::after {
  background-image: url("../imgs/common/acminus.gif");
}
.accordion h2 + div {
  background-color: #fff;
  padding: 35px 90px 15px;
}
.accordion h3 {
  color: #fff;
  background-color: #51575b;
  width: 100%;
  height: 46px;
  line-height: 46px;
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
}
.acbox > p br {
  display: none;
}
.acContainer {
  display: none;
}
.noaccordion {
  background-image: url("../imgs/common/bkg-noac.jpg");
}
.noaccordion > div {
  margin: auto;
  text-align: center;
  max-width: 1000px;
  padding-bottom: 20px;
}
.noaccordion > div > div {
  float: left;
  width: 50%;
}
.noaccordion > div > div img {
  max-width: 100%;
  height: auto;
}
.noaccordion p {
  padding-top: 10px;
  color: #fff;
}
.noaccordion .sp {
  width: 100%;
  height: auto;
}


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

  #springheadercontent1 {
    width: calc(50% - 108px);
  }
  #springheadercontent2 {
    width: 216px;
  }
  #springheadercontent3 {
    width: calc(50% - 108px);
  }
}

@media screen and (max-width:835px) {
  
  .accordion h2 + div {
    padding: 35px 40px 15px;
  }
  .slick-prev,
  [dir='rtl'] .slick-prev 
  {
      left: -30px !important;
  }
  .slick-next,
  [dir='rtl'] .slick-next
  {
      right: -30px !important;
  }
  
}


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

  #springheadercontent1 {
    width: calc(50% - 83px);
  }
  #springheadercontent2 {
    width: 166px;
  }
  #springheadercontent3 {
    width: calc(50% - 83px);
  }
  .springbox .springboxinnerline {
    max-width: 100%;
    padding: 40px 0;
  }
  .springbox .springboxinnerline img {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .springbox .springboxinnerlinetable {
    padding: 0 20px;
  }
  .bracorset1 {
    width: 100%;
    max-width: 100%;
    float: none;
    padding-top: 20px;
  }
  .bracorset2 {
    width: 100%;
    max-width: 100%;
    float: none;
  }
  .sandborder {
    max-width: 357px;
    margin-right: auto;
    margin-left: auto;
  }
  .springbox .mt-30 {
    text-align: center;
  }
  .springbox .mt-30 img + img {
    position: relative;
    left: -20px;
  }
  .bracorset2 p  {
    text-align: center;
    margin-top: 30px;
  }
  .springbox .mt-60.textC,
  .springbox .mt-120.textC {
    font-size: 16px;
  }
  #spring3 { background-image:url("../imgs/common/bkg-spring_03_sp.jpg"); background-position: left; }
  #spring4 { background-image:url("../imgs/common/bkg-spring_07_sp.jpg"); background-position: right; }
  
  .springbox .springboxinner p {
    font-size: 16px;
    text-shadow: 1px 1px 1px #1b2124;
  }
  .springbox .springboxinner p br {
    display: block;
  }
  .springbox .springboxinner .springboxinnerline p {
    font-size: 13px;
  }
  #ft-arrow img {
    width:44px;
    height:auto;
  }
  #ft-arrow {
    right: 10px;
    bottom: 10px;
  }
  .acbox > div {
    width: calc(50% - 15px);
    margin-right: 15px;
  }
  .acbox > div + div {
    margin-right: 0;
    margin-left: 15px;
  }
  .slick-prev,
  .slick-next {
    width: 14px !important;
    height: 28px !important;
    background-size: 14px 28px;
    margin-top: -24px;
  }
  .slick-prev,
  [dir='rtl'] .slick-prev 
  {
      left: -25px !important;
  }
  .slick-next,
  [dir='rtl'] .slick-next
  {
      right: -25px !important;
  }
  .btn-type2 {
    margin-top: 15px;
  }

}

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

  .acbox > img {
    padding: 0;
  }
  .btn-type2 {
    margin-top: 20px;
  }
}

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

  .springbox .springboxinner {
    padding: 100px 20px 60px;
  }
  #footer .mt-60 {
    margin-top: 30px;
  }
  #footer .mt-120 {
    margin-top: 60px;
  }
  #footer > div {
    padding-top:30px;
  }
  #footer .text20 {
    font-size: 16px;
  }
  .textRset { text-align:right; padding-top: 120px; }
  .textLset { text-align:left; padding-top: 120px; }
  
  .accordion h3 {
    color: #fff;
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
  }
  .acbox > div {
    width: calc(50% - 5px);
    margin-right: 5px;
    text-align: left;
  }
  .acbox > div + div {
    margin-right: 0;
    margin-left: 5px;
  }
  .acbox > img {
    padding: 0 8.6vw;
  }
  .acbox p {
    font-size: 13px;
  }
  .slick-slider + .btn-type2.mt-40 {
    margin-top: 20px;
  }
  .acbox > p br {
    display: block;
  }
  
  
}