@charset "utf-8";

@media (min-width: 48em) {
    :root {
      font-size: calc(0.75rem + ((1vw - 0.48rem) * 1.0417));
      min-height: 0vw;
    }
  }
  @media (min-width: 120em) {
    :root {
      font-size: 1.5rem;
    }
  }
 
/**************************************
■PC/SP none
**************************************/
.sp_none{display: none;}
.pc_none{display: block;}
@media screen and (min-width: 35.000em) {
  .sp_none{display: block;}
  .pc_none{display: none;}
}
 

/**************************************
■ブロック基本設定
**************************************/
section{width: 100%; margin: 10% auto;}

/**************************************
■ヘッダー・フッター
**************************************/
header{position: relative;z-index: 100; background-color: #fff;text-align: center;padding: 1vh 0 0.3vh;box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.13);}
footer section{width: 100%;margin: 0 auto;}
footer{background-color: #fff;padding: 1% 0;margin-top: 5%;}
header h1,footer h2{display: inline-block;width: 100%;max-width: 600px;}
footer div{text-align: center;}
footer small{display: block;}

 
/**************************************
■<p>テキスト
**************************************/
p{width: 100%;margin: 5% auto;font-size: 0.85rem;text-align: center;color: #505a57;line-height: 2.0;}
 
/**************************************
■<dl,dt,dd>テキスト
**************************************/
dl{font-size: 0.7em;text-align: left;color: #505a57;line-height: 1.3;}


/**************************************
■カウントダウンタイマー
**************************************/
@media screen and (min-width: 768px) {
  html {
    font-size: 78.195%;
  }
}

body {
  font-size: 1.2rem;
}

.cdt_wrapper {
  line-height: 1.75em;
  background-color: #333;
  font-weight: bold;
  text-align: center;
  line-height: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  max-width: 800px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .cdt_wrapper {
    line-height: 2.5;
    font-size: 1.8rem;
    padding: 0 20px;
  }
}

.cdt_wrapper small {
  font-size: .6em;
  padding: 0 .4em;
}

.cdt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cdt_txt {
  font-size: .6em;
  display: inline-block;
  margin-right: .6em;
}

@media screen and (min-width: 768px) {
  .cdt_txt {
    font-size: .5em;
  }
}

.cdt_txt span {
  display: block;
  line-height: 1;
}

.cdt_date {
  font-size: 1.6rem;
}

.cdt_num {
  background-color: #ffffff;
  padding: 0 .15em;
  color: #333;
}

@media screen and (min-width: 768px) {
  .cdt_num {
    line-height: 1;
    padding: .3em .15em;
  }
}