@charset "utf-8";

/*============= 【Component[.c-]】 ==============*/
.c-youtube {
  position: relative;
  width:100%;
  padding-top: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  margin:0px auto;
  background: #ccc;
}

.c-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.c-box:not(:last-child) {
  margin-bottom: 50px;
}

.c-link {
  color: #0083c7;
}

.c-link:hover {
  filter: hue-rotate(180deg);
}

.c-button {
  display: block;
  /*! width: 340px; */
  margin-top: 24px;
  padding: 8px 16px;
  border: 1px solid var(--main-color);
  border-radius: 60px;
  text-align: center;
  transition: .2s;
}
/*============= 【layout[.l-]】 ==============*/
[class*="l-flex"] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.l-flex-center {
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.l-flex-centerY {
  -ms-flex-align: center;
  align-items: center;
}

.l-flex-centerX {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/*============= 【main】 ==============*/
.main-sec__inner {
  max-width: 1400px;
  padding:
    var(--content-paddingY)
    var(--content-paddingX); 
}

.main-sec__inner > *:not(:last-child) {
  margin-bottom: var(--content-gap);
}


.main-sec__headline {
  padding: 0 0 4px 4px;
  border-image: var(--accent-color) 2/0 0 2px 0;
  border-style: solid;
}
.main-sec__headline h2 {
  font-size: 1.6em;
  font-weight: 900;
  transform: skewX(-15deg);
}

.main-sec__headline span {
  display: block;
  font-size: .4em;
  font-weight: 700;
}

/*============= 【intro】 ==============*/
.intro__header {
  max-width: 600px;
}

.intro__body {
  font-size: 1.1em;
  line-height: 2;
}

/*============= 【special-movie/special-event】 ==============*/
.special-movie__wrap h3,.special-event__wrap h3 {
  border-left: 6px solid #fff;
  padding-left: 6px;
  margin-bottom: 24px;
}

.special-movie__streaming,
.special-movie__product,
.special-event__content {
  margin: 0 0 20px 0;
}

.special-movie__box-header,.special-event__box-header {
  margin-bottom: 16px;
}

.special-movie__box-body > p:not(:last-child),.special-event__box-body > p:not(:last-child) {
  margin-bottom: 4px;
}

.special-movie__box-title,.special-event__box-title {
  font-size: 1.1em;
  font-weight: 700;
}

.special-movie__box-date,.special-event__box-date {
  display: inline-block;
  padding: 4px 8px;
  background-color: #a11a20;
  border-radius: 4px;
  font-size: .9em;
}

.special-movie__box-cast,.special-event__box-cast {
  font-size: .9em;
  transform: skewX(-10deg);
}

.special-movie__box-summary,.special-event__box-summary {
  padding-top: 4px;
  font-size: .9em;
  font-weight: 300;
}

/*============= 【my GEAR】 ==============*/
.review__box:not(:last-child) {
  margin-bottom: 16px;
}

.review__box-inner {
  background-color: #2b2b2b;
  border-radius: 8px;
  overflow: hidden;
}


.review__box-header {
  width: 100%;
}

.review__box-body {
  width: 100%;
  padding: 8px;
}

.review__box-body p {
  font-size: .8em;
  font-feature-settings: "palt";
  transform: skewX(-10deg);
  margin-bottom: 10px;
}
.review-btn {
  padding: 5px;
  border: solid 1px;
  border-radius:4em;
  text-align: center;
  font-size: 60%;
  max-width:450px;
}
.staff-name {
  text-align: center;
  display: block;
  margin-bottom: 15px;
}
/*============== 【SONOR】 ==============*/
.sonor__box {
  max-width: 600px;
}

/*============= 【DTX】 ==============*/



/*============== 【Pearl】 ==============*/
.pearl__box {
  max-width: 600px;
}

/*============== 【recommend】 ==============*/

.recommend__box {
  /*! max-width: 600px; */
  padding:5px;
  width: calc(100%/1);
  text-align: center;
}

.recommend__box img {
    margin-bottom: 10px;
}


/*============== 【stores】 ==============*/
.store__wrap {
  margin: -4px;
}

.store__box,
.store__body {
  padding: 4px;
}

.store__box {
  width: 50%;
  margin: 0;
}

.store__header img {
  border-radius: 4px;
}

.store__body {
  font-size: .8em;
}

.store__info {
  display: inline-block;
  position: relative;
  float: right; 
  font-size: 90%;
}

.store-info:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 0%;
  background: #000;
}

/*============= 【231002追記文】 ==============*/
.d-flex {
  display:flex;
  align-items: center;
  justify-content: center;
}

.deals__box.c-box.d-flex {margin: 0 -10px 0 -10px;/*! max-width:1200px; */flex-wrap: wrap;}

.d-flex .special-event__box-header,.d-flex .special-event__box-body {
  width:calc(100%/1);
  /* padding: 10px; */
}
/*============= 【231002追記文】 ==============*/

/*============= 【footer】 ==============*/
.footer__share-wrap {
  padding:
    var(--content-paddingY)
    var(--content-paddingX); 
}

.footer__share-eyebrow {
  text-align: center;
  margin-bottom: 4px;
}

.footer__share-icon {
  width: 40px;
  margin: 4px;
}

.footer__share-icon a {
  display: block;
}

.footer__copyright {
  padding: .5em;
  font-size: .9em;
  text-align: center;
}
@media (min-width:640px) {
.review__box-header {
  width: 45%;
}


.review__box-body {
  width: 55%;
}
}

@media (min-width:960px) {
  .c-button {
    margin-top: 36px;
  }

  .c-button:hover {
    background-color: var(--main-color);
    color: #111;
  }

  .special-movie__streaming,
  .special-movie__product,
  .special-event__content {
    width: 50%;
    padding: 16px;
  }

  .mygear__wrap {
    margin: -8px;
  }

  .review__box {
    width: 50%;
    padding: 0 8px;
  }

  .review__box:not(:last-child) {
    margin-bottom: 24px;
  }

  .review__box-body {
    padding: 16px;
  }

  
  .recommend__wrap {
  display: flex;
}
  
  .dtx__wrap {
    margin: -8px;
  }

  .dtx__box {
    width: 50%;
    margin: 0!important;
    padding: 0 8px;
  }

  .store__wrap {
    margin: -8px;
  }

  .store__box {
    padding: 8px;
    width: 33.3%;
    width: calc(100%/3);
  }  

  .d-flex .special-event__box-header,.d-flex .special-event__box-body {
    width:calc(100%/2);
    padding:0 10px 0 10px;
  }

  .c-box:not(:last-child) {
    margin-bottom: 80px;
  }
   

}