@charset "utf-8";

/* =================================================================
6.teiki_cpファイル用
使用ファイル：ext/teiki_cp.html
=================================================================*/
.itemlist-intro{
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  background: #F8F4EE;
  padding: 40px 0;
  margin-bottom: 60px;
}

.itemlist-intro div:empty{
  display: none;
}

.countdown_box{
  text-align: center;
  margin-bottom: 0;
  margin-top: 18px;
}
.countdown_box .timer-countdown{
  font-weight: bold;
}

.countdown_box .timer-countdown #timer-dhms{
  background: linear-gradient(transparent 75%, #ff0000 0%);
  font-size: 24px;
}

#main.ext #teiki_new h2.section_title.teiki_cp{
  margin-bottom: 0;
  padding: 0;
}

#main.ext #teiki_new h2.section_title.teiki_cp+div.countdown_box{
  display: block;
}

#main.ext #teiki_new h2.section_title.teiki_cp:before,
#main.ext #teiki_new h2.section_title.teiki_cp:after{
  display: none;
}

#main.ext .teiki_cp-box h2 span{
  background: none;
}

/*  769px~
-------------------------------------------------------------*/
@media screen and (min-width: 769px) {
  .itemlist_box{
    margin-top: 0;
  }
}
/*  1210px
-------------------------------------------------------------*/
@media screen and (max-width: 1210px) and (min-width: 769px) {
}

/*  1152px
-------------------------------------------------------------*/
@media screen and (max-width: 1152px) and (min-width: 769px) {
}
/*  960px
-------------------------------------------------------------*/
@media screen and (max-width: 960px) and (min-width: 769px) {

}
/*  834px ※iPad Pro
-------------------------------------------------------------*/
@media screen and (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {
  #teiki_new .itemlist_box{
    padding: 0 16px;
  }
}

/*  ~768px
-------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  .countdown_box .timer-countdown #timer-dhms{
    font-size: 18px;
  }
  #main.ext #teiki_new .teiki_main.teiki_cp{
    margin-bottom: 0;
  }
  .itemlist-intro{
    padding: 20px 0;
    margin-bottom: 30px;
  }
  #main.ext #teiki_new .teiki_main.teiki_cp .title_image {
        padding-top: 100%;
  }
}

/*  ~480px
-------------------------------------------------------------*/
@media screen and (max-width: 480px) {
}