@charset "UTF-8";
/* Scss Document */
#page_ttl .page_ttl_wrap {
  position: static;
  text-align: center;
}
#news #header .navInfo .navInfo_photo a {
  padding-left: 2em;
  background: url("/winter/parts/images/common/header_ico_photo_black.png") top 50% left no-repeat;
}
.border-box {
  position: relative;
  margin-bottom: 50px;
  border: #00ABE5 2px solid;
}
.border-box .event-ttl {
  padding: .5em .5em .5em 200px;
  background: #00ABE5;
  color: #FFF;
  font-size: 2.4rem;
  line-height: 1.4;
}
.border-box .date {
  position: absolute;
  top: -20px;
  left: 20px;
  padding: 30px;
  background: #FF7F00;
  color: #FFF;
  text-align: center;
  line-height: 1.2;
}
.border-box .date span {
  display: block;
}
.border-box .date span.dd {
  font-size: 5.0rem;
  font-weight: bold;
}
.border-box .post {
  padding: 50px 50px 50px 200px;
}

.pager ul {
  text-align: center;
}
.pager li {
  display: inline-block;
  margin: 0 .2em;
  padding: .5em 1em;
  border: #CCC 1px solid;
}
.pager li.current, .pager li:hover {
  background: #FF7F00;
  color: #FFF;
}

@media screen and (max-width: 640px) {
  .border-box {
    margin-bottom: 15vw;
  }
  .border-box .event-ttl {
    padding: 1em .5em .5em;
    font-size: 3.9473684211vw;
  }
  .border-box .date {
    top: 0;
    left: 50%;
    transform: translate(-50%, -70%);
    width: 70vw;
    padding: .5em 1em;
    font-size: 3.9473684211vw;
  }
  .border-box .date span {
    display: inline-block;
    margin: 0 .2em;
  }
  .border-box .date span.dd {
    font-size: 5.2631578947vw;
  }
  .border-box .date span.dd:after {
    content: '日';
    font-size: 3.9473684211vw;
    font-weight: normal;
  }
  .border-box .post {
    padding: 3vw;
  }

  .pager li {
    margin: 0 .2em .2em;
  }
}