@charset "UTF-8";

.pc_only {
  display: none !important;
}

body{
  width: calc(750*(100vw / 750));
  overflow-x: hidden;
}

html{
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
  color: #000;
}
.header .header-top .header-logo{display: none;}
.header.open .header-top .header-logo{display: block;}
#AW_2ND {
  font-family:  Helvetica, "Helvetica Neue" , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  color: #000000;
}
#AW_2ND img, #AW_2ND video {
  width: 100%;
  display: block;
  height: auto;
  /* opacity: 0.3; */
}
#AW_2ND #mv{
  position: relative;
}
#AW_2ND .title{
  z-index: 100;
  position: absolute;
  top: 50%;
  left: 10%;
  width: calc(610*(100vw / 750));
}
#AW_2ND .dual_img, #AW_2ND .dual_box{
  width: calc(375*(100vw / 750));
  height: calc(460*(100vw / 750));
}
#AW_2ND .singular_img{
  /*height: calc(460*(100vw / 750));*/
  height: auto;
  min-height: 450px;
}

#AW_2ND .dual_box, #AW_2ND .singular{
  overflow: hidden;
}
#AW_2ND .dual{
  display: flex;
}
#AW_2ND .rever{
  flex-direction: row-reverse;
}
#AW_2ND .cr{
  flex-direction: column-reverse;
  display: flex;
}
#AW_2ND .dn{
  display: none;
}

#AW_2ND .dual_box video{
  width: calc(377*(100vw / 750));
}

#AW_2ND .by{
  margin-top: calc(55*(100vw / 750));
  margin-left: calc(30*(100vw / 750));
  font-family:  Helvetica, "Helvetica Neue" , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  /* font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif; */
  font-size: calc(21*(100vw / 750));
  line-height: 1.81;
  font-weight: 500;
  color: #000; }

#AW_2ND .bys{
  margin-bottom: calc(160*(100vw / 750));
}

#AW_2ND .by_space{
  font-family:  Helvetica, "Helvetica Neue" , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  margin-left: calc(100*(100vw / 750));
  font-weight: 500;
}




#AW_2ND .zoom{
  transform: scale(1.2);
}
#AW_2ND .zoomed{
  transform: scale(1);
  transition-delay: 1s;
  transition: all 2s;
}
#AW_2ND .fader{
  opacity: 0;
  transition: opacity 3s;
  transform: translate3d(0,calc(200*(100vw / 750)),0);
  transition: all 2s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 2s cubic-bezier(0, 0, 0.3, 1);
}
#AW_2ND .fade{
  opacity: 1;
  transform: translate3d(0,0,0);
  transition: all 2s;
} 

#AW_2ND .bottom_area .check_btn a {
  width: calc(710 * (100vw / 750));
  margin: calc(0 * (100vw / 750)) auto calc(90 * (100vw / 750));
  font-size: calc(25 * (100vw / 750));
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(60*(100vw / 750));
  letter-spacing: 0.04em;
  text-align: center;
  border: 1px solid #000;
}

#AW_2ND .main_sub_ttl{
  margin-bottom: calc(100 * (100vw / 750));
  text-align: center;
  font-size: calc(28 * (100vw / 750));
  line-height: calc(44 * (100vw / 750));
}

.header-nav {
  display: none !important;
}
.header .header-top{
  height: calc(-160 *(100vw / 750))!important;
}
.main-area{
  margin-top: calc(-300 *(100vw / 750));
}
#mv video{
   width: calc(750 * (100vw / 750));
}





/**************************************
#itemContents
**************************************/
#itemContents {
  width: 100%; }

#itemContents figure {
  display: block; }

#itemContents figure a {
  display: block; }

#itemContents figure img {
  display: block;
  width: 100%;
  height: auto; }

#itemContents #itemList {
  width: 100%;
  margin: 0 auto; }

#itemContents #itemList > ul {
  display: block; }

/* #itemContents #itemList > ul > li {
  display: block;
  width: calc(675 * (100vw / 750));
  padding-bottom: calc(120 * (100vw / 750));
  margin: 0 auto; }

#itemContents #itemList > ul > li.oneLine02 {
  width: calc(676 * (100vw / 750)); }

#itemContents #itemList > ul > li.twoLine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%; } */

#itemContents #itemList > ul > li.twoLine > figure {
  width: calc(365 * (100vw / 750)); }

/**************************************
btn
**************************************/
.check_btn a {
  display: block;
  width: calc(710 * (100vw / 750));
  margin: calc(40 * (100vw / 750)) auto calc(90 * (100vw / 750));
  font-size: calc(25 * (100vw / 750));
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
  border: 1px solid #000;
  padding: calc(17 * (100vw / 750)) 0;
  font-family: 'futura','futura-pt'; }

/**************************************
#itemSwiperArea
**************************************/
#itemSwiperArea {
  display: block;
  width: 100%;
  height: calc(795 * (100vw / 640));
  position: fixed;
  left: 0;
  top: calc(50% - (420 * (100vw / 640)));
  z-index: 1001;
  opacity: 0;
  -webkit-transform: translate(200vw, 0);
  -moz-transform: translate(200vw, 0);
  -o-transform: translate(200vw, 0);
  -ms-transform: translate(200vw, 0);
  transform: translate(200vw, 0);
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

#itemSwiperArea.init {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }

#itemSwiperArea #itemSwiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  /*overflow: hidden;*/
  z-index: 1; }

#itemSwiperArea #itemSwiper .itemSwiperWrrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

#itemSwiper .slider {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  height: calc(780 * (100vw / 640));
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0 !important; }

#itemSwiper .slider.wide {
  padding: calc(122 * (100vw / 640)) 0; }

#itemSwiper .slider.wide2 {
  padding: calc(137 * (100vw / 640)) 0; }

#itemSwiper .slider figure {

  width: calc(650 * (100vw / 750));
  margin: 0 auto;
  background-color: #fff;
  padding-bottom: calc(68*(100vw / 750));
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;}
  

  #itemSwiper .slider figure video{
    width: calc(650 * (100vw / 750));
    margin: 0 auto;
  }

#itemSwiper .slider.wide figure, #itemSwiper .slider.wide2 figure {
  width: calc(640 * (100vw / 640)); }

#itemSwiper .slider.swiper-slide-active {
  opacity: 1 !important;
  z-index: 2; }

#itemSwiper .slider figure a {
  width: 100%; }

#itemSwiper .slider figure img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

#itemSwiperArea .nextWrap, #itemSwiperArea .prevWrap {
  display: block;
  width: 20px;
  height: calc(900 * (100vw / 750));
  position: absolute;
  top: 0;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

#itemSwiperArea .nextWrap {
  right: calc(84*(100vw / 750)); }

#itemSwiperArea .prevWrap {
  left: calc(84*(100vw / 750)); }

#itemSwiperArea .nextBtn, #itemSwiperArea .prevBtn {
  display: block;
  width: calc(54 * (100vw / 640));
  height: 100%;
  position: absolute;
  top: 0;
  margin-top: 0;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -webkit-transition: opacity  0.2s ease;
  -o-transition: opacity  0.2s ease;
  transition: opacity  0.2s ease; }

  /* #itemSwiperArea .nextBtn{
    left: calc(-80*(100vw / 750));
  }
  #itemSwiperArea .prevBtn{
    right: calc(-92*(100vw / 750));
  } */

#itemSwiperArea .nextBtn::before, #itemSwiperArea .nextBtn::after {
  content: '';
  display: block;
  width: calc(33 * (100vw / 640));
  height: calc(1 * (100vw / 640));
  background: #000;
  position: absolute; }

#itemSwiperArea .prevBtn::before, #itemSwiperArea .prevBtn::after {
  content: '';
  display: block;
  width: calc(33 * (100vw / 640));
  height: calc(1 * (100vw / 640));
  background: #000;
  position: absolute; }

#itemSwiperArea .nextBtn::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  margin-top: calc(-16 * (100vw / 640));
  right: 0; }

#itemSwiperArea .nextBtn::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 50%;
  margin-top: calc(7 * (100vw / 640));
  right: 0; }

#itemSwiperArea .prevBtn::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 50%;
  margin-top: calc(-16 * (100vw / 640));
  left: calc(-12 * (100vw / 640)); }

#itemSwiperArea .prevBtn::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  margin-top: calc(7 * (100vw / 640));
  left: calc(-12 * (100vw / 640)); }

/* #itemSwiperArea .nextBtn.swiper-button-disabled, #itemSwiperArea .prevBtn.swiper-button-disabled {
  opacity: 0;
  cursor: default; } */

/**** #swiperCloseBtn***************/
#swiperCloseBtn {
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: calc(68 * (100vw / 640));
  top: -15px;
  cursor: pointer;
  z-index: 1002;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

#swiperCloseBtn::before, #swiperCloseBtn::after {
  content: '';
  display: block;
  width: 35px;
  height: 1px;
  background: #ffffff;
  position: absolute; }

#swiperCloseBtn::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: -10px; }

#swiperCloseBtn::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: 12px;
  left: -10px; }

/**** #swiperBg***************/
#swiperBg {
  display: block;
  width: 100%;
  height: 100vh;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  -webkit-transform: translate(200vw, 0);
  -moz-transform: translate(200vw, 0);
  -o-transform: translate(200vw, 0);
  -ms-transform: translate(200vw, 0);
  transform: translate(200vw, 0);
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

#itemSwiperArea.init + #swiperBg {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }

#itemSwiperArea .credit {
  display: flex;
  flex-direction: column;
  padding-left: calc(20*(100vw / 750));
  padding-top: calc(20 * (100vw / 750)); }

/**** #credit***************/

#itemContents ul.credit > li {
  display: inline-block;
  margin-right: calc(20 * (100vw / 750)); }

#itemContents ul.credit > li  {
  font-family:  Helvetica, "Helvetica Neue" , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-size: calc(19*(100vw / 750));
  line-height: 1.81;
  font-weight: 500;
  color: #000; }


/* safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    _::-webkit-full-page-media, _:future, :root .sec1, .sec2, .sec3, .sec4, .sec5  {
        position: relative;
        top: -1px;
    } 
    /* _::-webkit-full-page-media, _:future, :root .sec2 {
      position: relative;
      top: -2px;
  }  */
}