/* tl.common.css */

/* tl-header-bnrs - add 20151226 */
#head {
  margin: 0 auto;
  padding: 10px 0;
}

@media only screen and (max-width: 400px) {
  #head {
    padding-top: 0;
    padding-bottom: 0;
  }
  #head .descr {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

.tl-header-bnrs {
  float: right;
  line-height: 0;
}

.tl-header-bnrs > .bnr {
  display: inline-block;
}
.tl-header-bnrs > .bnr > .image {
  display: block;
}

/* tl-remove-search-form - add 20151226 */
#search {
  position: relative;
  display: block;
}
#search #s {
  margin: 0;
  width: 100%;
}
#search #searchsubmit {
  top: 0;
  right: 0;
}
/* tl-single-top-bnrs - add 20151231 */
.tl-single-top-bnrs {
  display: none;
  text-align: center;
}
.tl-single-top-bnrs > .bnr {
  display: inline-block;
}
.tl-single-top-bnrs > .bnr > .image {
  display: block;
  margin-top: 0;
  border: solid 5px #1C448A;
}

@media screen and (max-width: 970px) {

  #head {
    padding-bottom: 0;
  }

  .tl-header-bnrs {
    float: none;
    padding: 0;
    text-align: center;
    margin-bottom: 10px;
  }

  .logo {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 800px) {
  .tl-single-top-bnrs {
    display: block;
  }
}
/* tl-single-bottom-bnrs - add 20151231 */
.tl-single-bottom-bnrs {
  text-align: center;
  margin-bottom: 20px;
}
.tl-single-bottom-bnrs > .bnr {
  display: inline-block;
  margin-right: 20px;
  margin-top: 20px;
}
.tl-single-bottom-bnrs > .bnr > .image {
  display: block;
  margin-top: 0;
  border: solid 5px #1C448A;
}
@media screen and (max-width: 600px) {
  .tl-single-bottom-bnrs > .bnr {
    margin-right: 0;
  }
}
/* tl-gmap-rps */
.cal_wrapper {
  max-width: 960px;
}
.googlecal {
  position: relative;
  padding-bottom: 100%;
  height: 0;
}
.googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
@media only screen and (min-width: 768px) {
  .googlecal { padding-bottom: 75%; }
}
/* add - 20160527 - osusume post 6items */
#kanren dl {
  max-width: 200px;
}
#kanren dt img {
  width: 200px;
  height: 120px !important;
  overflow: hidden;
}

/* 20160626 add postpager */
.post-pager {
  margin-top: 20px;
  text-align: center;
}
.post-pager a > .numbers {
  width: 30px;
    height: 30px;
  background-color: #ddd;
    display: inline-block;
    line-height: 30px;
    font-size: .9rem;
    border-radius: 5px;
    color: #fff;
}
.post-pager a > .numbers:hover {
  background-color: #5BC0CA;
}
.post-pager .numbers {
    width: 30px;
    height: 30px;
  background-color: #1C448A;
    display: inline-block;
    line-height: 30px;
    font-size: .9rem;
    border-radius: 5px;
    color: #fff;
}

/* 20160704 add index image overflow */
.headline_1 {
  overflow: hidden;
}