@charset "euc-jp";
#container {
  padding-top: 30px;
}

.header-headline-nav li a {
  text-decoration: none;
  font-weight: 400;
  font-size: 13px;
}

.header-global-nav a, {
    padding-bottom: 5px;
    color: #ffffff;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
}
#nav a {
  color: #6d6d6d;
}

#slideshow-block {
  margin-bottom: 0px;
}
#supersized-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin: -30px 0 0 -30px;
  width: 60px;
  height: 60px;
  background: url(https://img.shop-pro.jp/tmpl_img/68/progress.gif) no-repeat center center;
  text-indent: -999em;
}
#supersized {
  position: absolute;
  left: 0;
  z-index: 1;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}
  #supersized .row {
    position: relative;
  }
  #supersized img {
    position: absolute;
    display: none;
    width: auto !important;
    height: auto !important;
    outline: none;
    border: none;
  }
  #supersized.speed img {
    -ms-interpolation-mode:nearest-neighbor;
    image-rendering: -moz-crisp-edges;
  }
  #supersized.quality img {
    -ms-interpolation-mode:bicubic;
    image-rendering: optimizeQuality;
  }
  #supersized li {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -30;
    display: block;
    overflow: hidden;
    width: 100%;
    list-style: none;
  }


  #supersized li.prevslide {
    z-index: -20;
  }
  #supersized li.activeslide {
    z-index: -10;
  }
  #supersized li.image-loading {
    width: 100%;
    height: 100%;
    background: #111 url(https://img.shop-pro.jp/tmpl_img/68/progress.gif) no-repeat center center;
  }
  #supersized li.image-loading img {
    visibility: hidden;
  }
  #supersized li.prevslide img,
  #supersized li.activeslide img {
    display: inline;
  }
#slide-list {
  position: absolute;
  bottom: 30px;
  margin: 0 !important;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: .85em;
  font-family: Arial;
}
  #slide-list li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
  }
  #slide-list a {
    display: block;
    margin: 0 5px;
    width: 50px;
    height: 5px;
    outline: 0;
    background: #ffffffb3;
    text-indent: -9999px;
    opacity: 0.7;
    cursor: pointer;
  }
  #slide-list a:hover,
  #slide-list .current-slide a {
    background: #ffffff;
    opacity: 1;
  }
#controls-wrapper {
  position: absolute;
  left: 0;
  width: 100%;
  height: 10px;
  *z-index: 50;
}
#controls {
  position: relative;
  z-index: 50;
  height: 100%;
}
#slidecaption {
  position: absolute;
  left: 1%;
  z-index: 2;
  padding-bottom: 20px;
  color: #fff;
  font-size: 40px;
  line-height: 1.2;
}
  #controls-wrapper.mode-static {
    position: static;
    padding: 15px 0;
    height: auto;
  }
  #controls-wrapper.mode-static #slide-list {
    position: static;
  }

@media only screen and (max-width: 980px) {
  #supersized {
    top: 60px;
  }
  #controls-wrapper {
    position: static;
    height: auto;
  }
  #slide-list {
    position: static;
    padding-top: 15px;
  }
    #slide-list a {
      width: 15px;
      height: 15px;
    }
  #slidecaption {
    left: 3%;
    padding-bottom: 6px;
    font-size: 20px;
  }
}

@media only screen and (max-width: 768px) {
  #slidecaption {
    left: 20px;
    padding-bottom: 10px;
  }
}
.btn-pivot{
  text-align:center;
  font-size:16px;
  font-weight:400;
  border:1px solid #9e9e9e;
  background-color:#9e9e9e;
  color:#fff;
  padding:10px 0;
  border-radius:5px;
  margin-top: 30px;
}

@media only screen and (max-width: 768px) {
  .btn-pivot{
  text-align:center;
  font-size:16px;
  font-weight:400;
  border:1px solid #9e9e9e;
  background-color:#9e9e9e;
  color:#fff;
  padding:10px 0;
  border-radius:5px;
  margin:0 auto 30px;
  width:65%;
}

}

@media only screen and (max-width: 640px) {
  #slide-list {
    position: static;
    padding-top: 20px;
  }
    #slide-list a {
    display: block;
    margin: 0 6px;
    width: 40px;
    height: 6px;
    background: #d2d2d2;
  }
  #slide-list a:hover,
  #slide-list .current-slide a {
    background: #b5b5b5;
  }
  .btn-pivot{
  text-align:center;
  font-size:16px;
  font-weight:400;
  border:1px solid #9e9e9e;
  background-color:#9e9e9e;
  color:#fff;
  padding:10px 0;
  border-radius:5px;
  margin:20px auto 30px;
  width:100%;
}


}

#container {
    padding-top: 60px;
}

#controls-wrapper {
  top:635px!important;
}

/*#header-wrapper .container #header.row{
    max-width: 100%;
}*/

#header-wrapper .container {
    width: auto;
    padding: 12px 2px;
    max-width:1280px;
    box-sizing:border-box;
}

#controls-wrapper #controls #slidecaption{
  position: relative;
  bottom: 545px!important;
  left: 0;
  z-index: 2;
  display: inline-block;
  width:100%;
  height:550px;
}


.swiper-container{
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display:block;
  max-width:1280px;
}
@media screen and (max-width: 768px) {
  .swiper-container{
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display:block;
  /* max-width:1280px; */
  width:calc(100% + 40px);
  margin:0 0 0 -20px!important;
  }
}

.swiper-wrapper{
    margin: 0
}

.swiper-container .swiper-slide{
    max-height: 480px;
    margin: 0 auto;
    position: relative;
    overflow:hidden;
}


.swiper-container ul li::before {
  content: "";
  display: block;
  padding-top: 37.5%;
}

.swiper-container ul li:first-child{
  content: "";
  background:url(https://img21.shop-pro.jp/PA01454/521/etc/new_slide_back01.jpg?cmsp_timestamp=20200908205947) no-repeat center center;
    background-size:cover; 
}

.swiper-container ul li:nth-child(2){
  content: "";
   background:url(https://img21.shop-pro.jp/PA01454/521/etc/new_slide_back02.jpg?cmsp_timestamp=20200909025208) no-repeat center center;
    background-size:cover; 
}

.swiper-container ul li:nth-child(3){
  content: "";
   background:url(https://img21.shop-pro.jp/PA01454/521/etc/new_slide_back03.jpg?cmsp_timestamp=20200913101433) no-repeat center center;
    background-size:cover; 
}

.swiper-container ul li:nth-child(4){
  content: "";
   background:url(https://img21.shop-pro.jp/PA01454/521/etc/slide04_pc.jpg?cmsp_timestamp=20200813214212) no-repeat center center;
    background-size:cover; 
}

.swiper-container ul li:nth-child(2) .slidecap-container{
  position: absolute;
  top: 50%;
  left: 1%;
  -webkit-transform: translateY(-50%); /* Safari */
  transform: translate translateY(-50%);
  width:45%;
  min-width:360px;
  max-width:500PX;
  /* max-width: 1280px; */
  background:url(https://img21.shop-pro.jp/PA01454/521/etc/new_slide_textback02.png?cmsp_timestamp=20200909023721) no-repeat left center;
  background-size:96%;
}

.swiper-container ul li:first-child .slidecap-container{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari */
  transform: translate(-50%, -50%);
  width:45.5%;
  min-width:400px;
  max-height:480px;
  /* max-width: 1280px; */
  background:url(https://img21.shop-pro.jp/PA01454/521/etc/new_slide_textback01.png?cmsp_timestamp=20200908213140) no-repeat center center;
  background-size:100%;
}

.swiper-container ul li:nth-child(3) .slidecap-container{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari */
  transform: translate(-50%, -50%);
  width:45.5%;
  min-width:400px;
  max-height:480px;
  /* max-width: 1280px; */
  background-size:100%;
}


@media screen and (max-width : 640px) {
.swiper-container ul li:first-child .slidecap-container{
  background:none;
  width:63%;
  min-width: 100px;
  max-height:auto;
  }
}

.slidecap-container::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.swiper-container ul li .slidecap-box01{
  position: absolute;
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari */
  transform: translate(-50%, -48%);
  z-index: 2;
  display: inline-block;
  text-align:center;
  width:100%;
  min-width:300px;
}

.swiper-container ul li .slidecap-box02{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari */
  transform: translate(-50%, -50%);
  z-index: 2;
  display: inline-block;
  text-align:center;
  width:100%;
  min-width:200px;
  padding:0 0 0 12%;
  box-sizing:border-box;
}



.swiper-container ul li .slidecap-box01 img{
  width:55%;
  min-width: 230px;
  height: auto;
  margin-bottom:4%;
}

.swiper-container ul li .slidecap-box02 img{
  width:80%;
  height: auto;
  display:block;
  margin:0 0 5%;
}


.swiper-container ul li .slidecap-box01 p{
  color: #fff;
  font-size: 0.93rem;
  font-weight:400;
  letter-spacing:0.03em;
  line-height: 1.7;
  text-align:center;
  /* padding:0 0 0 10px; */
  text-shadow: 0px 0px 1px #00000042, 0px 0px 2px #00000082;
}

.swiper-container ul li .slidecap-box01 p span{
  color: #fff;
  font-size: 120%;
  font-weight:700;
  letter-spacing:0.03em;
  display:block;
  margin-bottom:1.5%;
}

.swiper-container ul li .slidecap-box02 p{
  color: #66524B;
  font-size: 0.93rem;
  font-weight:400;
  letter-spacing:0.05em;
  line-height: 1.8;
  text-align:left;
  margin:0 0 0 2%;
 }
.swiper-container ul li .slidecap-box02 p span{
  font-size: 110%;
  font-weight:bold;
  letter-spacing:0.1em;
  display:inline-block;
  margin-bottom:3%;
  position:relative;
  line-height:1;
}

.swiper-container ul li .slidecap-box02 p span:before{
    content: '';
    position: absolute;
    left: -35px;
    top:50%;
    -webkit-transform: translateY(-50%); /* Safari */
    transform: translate translateY(-50%);
    display: inline-block;
    width: 25px;
    height: 1px;
    background-color: #66524B;
}

.swiper-container ul li .slidecap-box02 p span:after{
    content: '';
    position: absolute;
    right:-30px;
    top:50%;
    -webkit-transform: translateY(-50%); /* Safari */
    transform: translate translateY(-50%);
    display: inline-block;
    width: 25px;
    height: 1px;
    background-color: #66524B;
}
@media only screen and (max-width: 1080px) {
  
.swiper-container ul li:nth-child(2) .slidecap-container{
  position: absolute;
  top: 50%;
  left: 1%;
  -webkit-transform: translateY(-50%); /* Safari */
  transform: translate translateY(-50%);
  width:45%;
    min-width:100px;
  max-height:480px;
  /* max-width: 1280px; */
}

.swiper-container ul li .slidecap-box02{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari */
  transform: translate(-50%, -50%);
  z-index: 2;
  display: inline-block;
  text-align:center;
  width:100%;
  min-width:200px;
  padding:0 0 0 7%;
  box-sizing:border-box;
}

.swiper-container ul li .slidecap-box01 img{
  width:50%;
  min-width: 150px;
  height: auto;
  margin-bottom:4%;
}

.swiper-container ul li .slidecap-box02 img{
  width:75%;
  min-width: 100px;
  height: auto;
  margin-bottom:4%;
}

.swiper-container ul li .slidecap-box01 p{
  color: #fff;
  font-size: 1.35vw;
  font-weight:400;
  letter-spacing:0.05em;
  line-height: 1.6;
  text-align:center;
  /* padding:0 0 0 10px; */
  text-shadow: 0px 0px 1px #00000042, 0px 0px 2px #00000082;
}

.swiper-container ul li .slidecap-box01 p span{
  color: #fff;
  font-size: 118%;
  font-weight:700;
  letter-spacing:0.1em;
  display:block;
  margin-bottom:2%;
}

.swiper-container ul li .slidecap-box02 p{
  color: #66524B;
  font-size: 1.3vw;
  font-weight:400;
  letter-spacing:0.03em;
  line-height: 1.8;
 }
.swiper-container ul li .slidecap-box02 p span{
  font-size: 110%;
  font-weight:bold;
  letter-spacing:0.1em;
  display:inline-block;
  margin-bottom:4%;
  position:relative;
  line-height:1;
} 
}

@media screen and (max-width: 768px) {
  .swiper-container ul li:first-child .slidecap-container{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari */
  transform: translate(-50%, -50%);
  width:46%;
  min-width:330px;
  max-height:480px;
  /* max-width: 1280px; */
  background:url(https://img21.shop-pro.jp/PA01454/521/etc/new_slide_textback01.png?cmsp_timestamp=20200908213140) no-repeat center center;
  background-size:100%;
}
.swiper-container ul li .slidecap-box01{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari */
  transform: translate(-50%, -50%);
  min-width:350px;
}
}


#container {
    padding-top: 60px;
}

@media only screen and (max-width: 768px) {
  #container {
    padding-top: 30px;
}
}
.swiper-container ul li .slidecap-box03 p,.swiper-container ul li .slidecap-box04 p{
  color: #fff;
  font-size: 15px;
  font-weight:400;
  letter-spacing:0.1em;
  line-height: 2;
  text-align:center;
     text-shadow: 0px 0px 2px #000000c2, 0px 0px 4px #00000094;
}

.read-text{
  width:80%;
  text-align:left;
  font-size:15px;
  margin:-10px auto 50px;
  line-height:2;
  letter-spacing:0.05em;
  /* font-weight:400; */
}
@media only screen and (max-width: 768px) {
.read-text{
  width:64%;
  text-align:left;
  font-size:14px;
  margin:0px auto 50px;
  line-height:1.8;
  letter-spacing:0.04em;
  /* font-weight:400; */
}
}
@media screen and (max-width: 640px) {

.swiper-container ul li::before {
    content: "";
    display: block;
    padding-top: 50%;
}

.slidecap-container::before {
  content: "";
  display: block;
  padding-top:0;
}

.swiper-container ul li:first-child{
  content: "";
  background:url(https://img21.shop-pro.jp/PA01454/521/etc/new_slide_back01_sp.jpg?cmsp_timestamp=20200909002910) no-repeat center center;
  background-size:cover;
}

.swiper-container ul li:nth-child(2){
  content: "";
  background:url(https://img21.shop-pro.jp/PA01454/521/etc/new_slide_back02_sp.jpg?cmsp_timestamp=20200909152401) no-repeat center center;
  background-size:cover;
}

.swiper-container ul li:nth-child(3){
  content: "";
  background:url(https://img21.shop-pro.jp/PA01454/521/etc/new_slide_back03_sp.jpg?cmsp_timestamp=20200913102102) no-repeat center center;
  background-size:cover;
}


.swiper-container ul li .slidecap-box01{
  position: absolute;
  top: 42%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari */
  transform: translate(-50%, -58%);
  z-index: 2;
  display: inline-block;
  width:55%;
  text-align:center;
  /* height: 35px; */
  margin-top:5px;
  min-width:auto;
}

.swiper-container ul li .slidecap-box02{
  position: static;
  top: 0;
  left: 0;
  -webkit-transform: translate(0%, 0%); /* Safari */
  transform: translate(0%, 0%);
  z-index: 2;
  display: inline-block;
  width:100%;
  padding:0;
  /* text-align:left; */
  /* height: 35px; */
}

.swiper-container ul li .slidecap-box01 img{
  width:63%;
  min-width: 100px;
  height: auto;
  margin-bottom:5%;
}


.swiper-container ul li .slidecap-box01 p{
  color: #fff;
  font-size: 2.7vw;
  font-weight:400;
  letter-spacing:0.1em;
  line-height: 1.6;
  text-align:center;
  padding: 0;
  text-shadow: none;
}

.swiper-container ul li .slidecap-box02 p{
  font-size: 3vw;
  letter-spacing:0.1em;
  line-height: 1.8;
  text-align:left;

}

.swiper-container ul li .slidecap-box01 p span{
  color: #fff;
  font-size: 110%;
  font-weight:400;
  letter-spacing:0;
  display:block;
  margin-bottom:2%;
}

.swiper-container ul li .slidecap-box02 p span:before{
    display: none;
}

.swiper-container ul li .slidecap-box02 p span:after{
    display: none;

}


  .swiper-pagination-bullet {
    height: 3px!important;
}
  .read-text{
    width:100%;
  text-align:justify;
  font-size:14px;
  margin:10px 0 40px;
  letter-spacing:0.01em;
}

.swiper-container ul li:nth-child(2) .slidecap-container{
  position: absolute;
  top: 20%;
  left: 6%;
  width:100%;
  min-width:100px;
  max-height:480px;
  /* max-width: 1280px; */
  background:none;
  /* background-size:98%; */
}
.swiper-container ul li .slidecap-box02 img{
  width:56%;
  min-width: 100px;
  height: auto;
  margin: 0 0 2%;
}
}