/*2021/1/15　大井町店・大森店ご予約手数料今だけ０円！*/
/*2021/3/29　雑色店ご予約手数料今だけ０円！追加*/
@media screen and (min-width: 481px){
    .spbr{
        display:none;
    }
}
@media screen and (min-width: 801px){
    .tabbr{
        display:none;
    }
}
.uchikeshi{
  text-decoration-line: line-through;
  text-decoration: line-through;
}
.sub-small{
  font-size: 1.4rem!important;
  font-weight: normal;
}

/* 2021/3/10 アプリバナー */
.app_panels {
    text-align: center;
    background: #ffd231;
    margin-top: 30px;
    padding-right: 20px;
}
.badge-box{
  display: inline-block;
  vertical-align: middle;
  width:40%;
  padding-top: 10px;
}
.app_os{
  font-size: 11px;
  padding-top: 2%;
}
.app_badges{
  width:45%;
  display: inline-block;
  vertical-align: middle;
}
.app_infos{
  width:55%;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 480px){
  .app_panels {
    margin-top: 15px;
    padding-bottom: 20px;
    padding-right: 0px;
    padding-top: 10px;
  }
  .badge-box{
    display: inline-block;
    vertical-align: middle;
    width:100%;
    padding-top: 0px;
  }
  .app_os{
    font-size: 11px;
  }
  .app_badges{
    width:45%;margin-top: 10px;
  }
  .app_infos{
    width:100%;
    padding-bottom: 10px;
  }
}
/*2021/4/14電話予約用*/
.tel-container{
  padding:0px;
}
.sp-legend{
  margin:0px;
  background: #f9f9f9
}
.flow__line{
  z-index: 1;
}
.tel-head-btn{
    padding: 0px;
}
.tel__attention{
  padding-bottom:40px;
}
.telbox{
  text-align:center;
  background: #f29600;;
  color:#fff;
  padding:20px;
}
.telno{
    font-size:3.8rem;
    color:#fff;
    font-weight: bold;
}
.telhead{
    font-size:2.8rem;
    color:#fff;
    border:solid 3px #fff;
    width:60%;
    margin-right:auto;
    margin-left:auto;
    margin-top:20px;
}
.c-heading-tel-large{
  font-size: 3.8rem;
  text-align: center;
  padding-top:40px;
  padding-bottom:20px;
}
.c-heading-tel-middle{
  font-size: 2.8rem;
  text-align: center;
  color:#f29600;
  padding-bottom:20px;
}
.c-heading-tel-small{
  font-size: 2.2rem;
  text-align: center;
}
.tel-head-btn::before{
  right: 80px;
  border: 1px solid #fff;
  border-width: 0 2px 2px 0;
  z-index: 10;
}
.tel-head-btn.is-opened::before{
  border: 1px solid #fff;
  border-width: 0 2px 2px 0;
}
.c-section-margin{margin-top:20px; }
@media screen and (max-width: 768px){
  .tel-head-btn::before{
    right: 50px;
  }
}
@media screen and (max-width: 480px){
  .tel-head-btn::before{
    right: 20px;
  }
  .telhead{
      font-size:1.8rem;
      margin-top:10px;
  }
  .telno{
      font-size:2.1rem;
  }
  .c-heading-tel-middle{
    font-size: 2.0rem;
  }
  .c-heading-tel-large{
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px){
  .tel-head-btn::before{
    right: 30px;
  }
}
/*2021/06/21物件・広告募集*/
.ad-midashi{
  font-weight: bold;
}
.ad-box_l{
  width:70%;
    display: table-cell;
        padding-right: 20px;
}
.ad-box_r{
  width:30%;
    display: table-cell;
    vertical-align: middle;
}
.ad-container{
  clear: both;
  margin-top: 20px;
}
@media screen and (max-width: 600px){
  .ad-box_r{
    width:40%;
  }
  .ad-box_l{
    width:60%;
  }
  }

@media screen and (max-width: 480px){
.ad-box_r{
  display:block;
  width:100%;
}
.ad-box_l{
  display:block;
  width:100%;
  padding-bottom:15px;
  padding-right:0px;
}
}
@media screen and (min-width: 800px){
.gallery-mid-content{
  padding-bottom:80px;
}
}

/* 2021/07/12 夏期料金*/
.season_price_box{
  background-color: #ffd231;
  padding:40px 50px;
  position: relative;
}
.season_price_box-ikebukuro{
  background-color: #ffd231;
  padding:20px 20px;
  position: relative;
}
.fade-in-bottom {
   opacity: 0;
   animation-name: fadein-bottom;
   animation-duration: 1.5s;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards;
}
@keyframes fadein-bottom {
   0% {
      opacity: 0;
      transform: translateY(20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}
.season_price_box:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 3px solid #000;
}
.season_price_box-ikebukuro:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 3px solid #000;
}
.season_price_title{
  font-size:3.4rem;
  color: #fff;
  text-align: center;
  background-color: #000;
}

.season_price_text{
  text-align: center;
  font-size: 2rem;
  margin: 10px;
}
.season_price_text-ikebukuro{
  text-align: center;
  font-size: 2rem;
  margin: 10px;
  font-weight: bold;
  font-feature-settings: 'palt';
}
.season_price_text-ikebukuro-red{
  color: #d0403b;
}
.season_price_period{
  color: #f29600;
  font-size:6rem;
  text-align: center;
  line-height: 1.2;
  font-feature-settings: 'palt';
  border: solid 1px #000;
  background-color: #fff;
  padding: 20px;
}
.season_price_period_m{
  font-size:60%;
}

@media screen and (max-width: 480px){
  .season_price_box{
    padding:20px 15px;
  }
  .season_price_box:before {
    top: -4px;
    left: -4px;
      border: 2px solid #000;
  }
  .season_price_period{
    font-size:2.8rem;
    padding:5px;
  }
  .season_price_text{
    font-size: 1.2rem;
  }
  .season_price_text-ikebukuro{
    font-size: 1.3rem;
  }
  .season_price_title{
    font-size:2rem;
  }
}

/* 2021/08/30 西口用採用ページバナー*/
.saiyo-banner{
  max-width: 500px;
  background-color: #FDF0E1;
  color: #000;
  border:solid 1px #000;
}
.saiyo-banner > span{
  padding-left: 2em;
  padding-right:2em;
}
.nishiguchi-banner{margin-top: 20px;}

.saiyo-banner::after{background-color:black;}
.saiyo-banner::before{background-color:black;}

.top_banner{
  padding-bottom:40px;
}

@media screen and (max-width: 480px){
  .top_banner{
    padding-bottom:20px;
  }
}
/* 2021/10/13 西口トップスライダーバナー*/
@media screen and (max-width: 768px){
.top_sub_info{
  background-color: #000
}
}

/* 2021/11/02 Popup PC height-auto*/
.p-popup-ad__body {
    height: auto;
}

/* 2022/5/02 instagram icon*/
.p-nav-dice__link--instagram {
  fill: #FFF;
}
/* 2023/02/24_poprock */
/* poprock用closeボタン */
.poprock-close {
  position: absolute;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  border: none;
  top: -25px;
  cursor:pointer;
  right:-25px;
  z-index: 10;
}
.poprock-close:hover{
  opacity: 0.8;
}
/* poprock用スティッキーボタン */
.poprock-sticky{
  position: fixed;
  bottom:100px;
  left:25px;
  z-index: 10;
  animation: banner 3s ease infinite;
}
.poprock-sticky-container{
  position: relative;
}
.poprock-sticky-container .active{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s; // ゆっくり
}
.poprock-sticky-container:hover .active{
opacity: 1;
}
/* poprock用スマホ時 */
@media screen and (max-width: 768px){
.poprock-sticky{
max-width: 160px;
bottom:80px;
left:10px;
}
}
/* 2024/09/09_reserve */
/* reserve用closeボタン */
.reserve-close {
  position: absolute;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  border: none;
  top: -25px;
  cursor:pointer;
  right:-25px;
  z-index: 10;
}
.reserve-close:hover{
  opacity: 0.8;
}
/* reserve用スティッキーボタン */
.reserve-sticky{
  position: fixed;
  bottom:100px;
  left:25px;
  z-index: 10;
  animation: banner 3s ease infinite;
}
.reserve-sticky-container{
  position: relative;
}
.reserve-sticky-container .active{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s; // ゆっくり
}
.reserve-sticky-container:hover .active{
opacity: 1;
}
/* reserve用スマホ時 */
@media screen and (max-width: 768px){
.reserve-sticky{
max-width: 160px;
bottom:80px;
left:10px;
}
}

/* 2022/09/20_DbDコラボ */
/* DbD用closeボタン */
.close-close {
  position: absolute;
  border-radius: 100%;
  width: 70px;
  height: 70px;
  border: none;
  top: -25px;
  cursor:pointer;
  right:-25px;
  z-index: 10;
}
.close-close:hover{
  opacity: 0.8;
}
/* DbD用スティッキーボタン */
.dbd-sticky{
  position: fixed;
  bottom:100px;
  left:25px;
  z-index: 10;
  animation: banner 3s ease infinite;
}
.dbd-sticky-container{
  position: relative;
}
.dbd-sticky-container .active{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s; // ゆっくり
}
.dbd-sticky-container:hover .active{
opacity: 1;
}
/* DbD用背景 */
.dbd-bg{
  background-image: url("/https/www.diskcity.co.jp/images/dbd/dbd-bg.jpg");
  background-attachment: fixed; /*--背景画像の固定--*/
  background-repeat: no-repeat; /*--背景画像の繰り返し--*/
  background-position: bottom center; /*--背景画像の位置--*/
  position: relative;
  z-index: 1;
}
/* DbD用ショップインフォ背景 */
.p-shop-information-panel.dbd-only{
  background-image: url("/https/www.diskcity.co.jp/images/dbd/dbd-info-bg.png");
  background-size: cover;
  background-color:transparent;
}
/* DbD用ショップインフォ上バナー */
.top_sub_info-dbd{
  margin-left: -80px;
  position: relative;
}

.top_sub_info-dbd .active{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s; // ゆっくり
}
.top_sub_info-dbd:hover .active{
opacity: 1;
}
.top_sub_info-dbd img{
  animation: banner 3s ease infinite;
}
@keyframes banner {
    50% {transform: scale(100%, 100%) }
    52% {transform: scale(90%, 90%) }
    54% {transform: scale(110%, 110%) }
    58% {transform: scale(95%, 95%) }
    66% {transform: scale(100%, 100%) }
}
/* 言語切り替え */
.language-switch{
  margin-left: 18px;
  text-align: center;
  font-weight: bold;
}
/* DbD用スマホ時 */
@media screen and (max-width: 768px){
.top_sub_info-dbd{
  margin-left: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.dbd-sticky{
max-width: 120px;
bottom:80px;
left:10px;
}

/*ブランデッドムービー */
.iframe-wrapper {
  text-align: center;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 言語切り替えスマホ用 */
.p-header__body {
  margin-top: 10px;
}
.p-gnav__item a {
  padding: 0.8em;
}
.language-switch{
  margin-left: 0px;
  border-top: 1px dotted #d8d8d8;
  padding: 1em;
  display:none;
}
}
@media screen and (max-width: 480px){
  .p-header__right{
    padding:50px 25px;
}
}
  .language-switch-sp{
text-align:right;
position:absolute;
right:10px;
background-color: #fff;
margin-top: 12px;
  }
@media screen and (max-width: 480px){
  .language-switch-sp{
    margin-top:16px;
  }
}
@media screen and (min-width: 769px){
  .language-switch-sp{
display: none;
}
}

/* 雀魂用ショップインフォ上バナー */
.top_sub_info-jongtama{
  position: relative;
}

.top_sub_info-jongtama .active{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s; // ゆっくり
}
.top_sub_info-jongtama:hover .active{
opacity: 1;
}
.top_sub_info-jongtama img{
  animation: banner 2s ease-in-out infinite;
  transform: rotate(2deg);
}
@keyframes banner {
    50% {transform: rotate(-2deg);}
    100% {transform: rotate(2deg);}
}
/* 雀魂用スマホ時 */
@media screen and (max-width: 768px){
.top_sub_info-jongtama{
  margin-left: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.dbd-sticky{
max-width: 120px;
bottom:80px;
left:10px;
}
}
/* スライダーポインター */
.p-shop-mv__pagination{
  display: none;
}
/* アプリバナー（アプリ情報記載用）
.app_badge_box{
  text-align: center;
}
.app_badge, .app_icon, .app_info, .app_info-ver2, .app_badge-ver2{
  display: inline-block;
  vertical-align: middle;
}
.app_icon{
  width:10%;
}
.app_info{
  width:40%;
  font-size: 14px;
  text-align: left;
  padding-left: 30px;
}
.app_badge{
  width:22%;
}
.app_panel {
    text-align: center;
    background: #fff;ffd231
    margin-top: 30px;
    padding: 20px;
}
.app_panel::after {
    border-bottom-color: #fff;
}

@media screen and (max-width: 800px){
    .app_info{
        font-size: 11px;
    }
}
@media screen and (max-width: 480px){
  .app_icon{
    width:20%;
  }
  .app_info{
    width:70%;
    font-size: 9px;
    text-align: left;
    padding-left: 10px;
  }

  .app_badge{
    width:45%;margin-top: 10px;
  }

  .app_panel {
    margin-top: 15px;
    padding: 15px;
  }
}*/