@charset "UTF-8";
/*
:タイトル "応募要項css";
:作成日 ”2020-08-04”
*/


/* =====================================
共通
=====================================*/
#apply{
  background: #eee;
}

.apply-sec{
  margin-bottom: 30px;
  padding: 30px 16px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 0 6px rgba(0,0,0,0.16);
}

.apply-sec:last-child{
  margin-bottom: 0;
}

.apply-h2{
  margin-bottom: 30px;
  color: #000066;
  font-size: 18px;
  line-height: 1;
  text-align: center;
}

.apply-h3{
  font-size: 18px;
  text-align: center;
}

.apply-h4{
  margin-bottom: 4px;
  color: #000066;
}

.apply-btn{
  display: block;
  width: 85%;
  margin: 20px auto 0;
  padding: 12px;
  border-radius: 24px;
  background: #000066;
  color: #fff;
  font-weight: bold;
  text-align: center;
}


/* =====================================
フェア名
=====================================*/
.apply-ttl{
  margin-bottom: 20px;
  padding: 20px 36px;
  background: #fff;
  color: #000066;
  font-size: 18px;
  text-align: center;
}


/* =====================================
実施期間
=====================================*/
/* 青背景があるため個別にpaddingを設定 */
.apply-info_inner{
  padding: 0 16px;
}

.apply-info.apply-sec{
  padding: 30px 0;
}

.apply-info .apply-h2{
  margin-top: 30px;
}

.apply-info_catch{
  margin: 0 0 16px;
  font-weight: bold;
  text-align: center;
}

.apply-info_txt{
  font-size: 14px;
}

.apply-info_period{
  margin-bottom: 16px;
  padding: 16px;
  background: #000066;
  color: #fff;
  text-align: center;
}

.apply-info_periodTxt,
.apply-info_deadlineTxt{
  margin-top: 4px;
  font-weight: bold;
}

.apply-info_deadline{
  margin: 30px 30px 16px;
  padding: 16px;
  border: solid 1px #333;
  text-align: center;
}


/* =====================================
対象書籍
=====================================*/
.apply-target_listItem{
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: solid 1px #ccc;
}

.apply-target_listItem:last-child{
  margin-bottom: 0;
}


/* =====================================
応募方法
=====================================*/
.apply-howto_box{
  margin-bottom: 30px;
  font-size: 14px;
}

.apply-howto_box:last-child{
  margin-bottom: 0;
}

/* =====================================
賞品（202203追加）
=====================================*/
.apply-prize_box{
  margin-bottom: 30px;
  font-size: 14px;
}

.apply-prize_box .apply-h3{
  font-size: 16px;
  padding-bottom: 16px;
  color: #000066;
}

.apply-prize_box .apply-target_listItem_prize{
  border-top: solid 1px #ccc;
  border-bottom:none;
  padding-top: 16px;}

.apply-prize_box:last-child{
  margin-bottom: 0;
}


/* =====================================
注意事項
=====================================*/
.apply-atn_list{
  margin-bottom: 30px;
  font-size: 14px;
}

.apply-atn_listItem{
  margin-bottom: 10px;
  padding-left: 14px;
  text-indent: -12px;
}

.apply-atn_listItem::before{
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #333;
}

.apply-atn_num{
  font-size: 14px;
}

.apply-atn_numItem{
  padding-left: 1.5em;
  text-indent: -1.5em;
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}

.apply-atn_numItem::before{
  content: counter(cnt) ') ';
}


/* =====================================
お問い合わせ先
=====================================*/
.apply-contact_txt{
  font-size: 14px;
  text-align: center;
}