@charset "UTF-8";

/***************  */

#kaihoshi .pagetitle {
  margin-bottom: 1em;
}
#kaihoshi .pagetitle span::before {
  background: url(images/title_icon.png) no-repeat 0 50%;
  content: "";
  padding: 0 3em 0 0;
}
#kaihoshi .catch {
  font-size: 140%;
  margin-bottom: 2em;
}


.kaihoushibox {
  position: relative;
  height: 228px;
  min-height: 228px;
  margin-bottom: 3em;
}
.kaihoushibox.yasuragi {}

.kaihoushibox .title {
  font-size: 143%;
  color: #e95c9e;
  border-bottom: 1px solid #e95c9e;
  padding-top: 36px;
  padding-bottom: 0.4em;
  margin-bottom: 0.6em;
  margin-left: 256px;
}
#cont .kaihoushibox .desc {
  margin-left: 256px;
}
#cont .kaihoushibox .thumbnail {
  width: 236px;
  position: absolute;
  top: 0;
  left: 0;
}

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

  #kaihoshi .pagetitle span::before {
    background-size: 70%;
  }
  .kaihoushibox {
    position: relative;
    height: 228px;
    min-height: 228px;
    margin-bottom: 3em;
  }
  .kaihoushibox.yasuragi {}

  .kaihoushibox .title {
    font-size: 143%;
    color: #e95c9e;
    border-bottom: 1px solid #e95c9e;
    padding-top: 36px;
    padding-bottom: 0.4em;
    margin-bottom: 0.6em;
    margin-left: 256px;
  }
  #cont .kaihoushibox .desc {
    margin-left: 256px;
  }
  #cont .kaihoushibox .thumbnail {
    width: 236px;
    position: absolute;
    top: 0;
    left: 0;
  }

}

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

/*
  .kaihoushibox {
    position: static;
    height: auto;
    min-height: 0;
  }
  .kaihoushibox.yasuragi {}

  .kaihoushibox .title {
    font-size: 143%;
    color: #e95c9e;
    border-bottom: 1px solid #e95c9e;
    padding-top: 0;
    padding-bottom: 0.4em;
    margin-bottom: 0.6em;
    margin-left: 0;
    text-align: center;
  }
  #cont .kaihoushibox .desc {
    margin-left: 0;
  }
  #cont .kaihoushibox .thumbnail {
    width: auto;
    position: static;
    text-align: center;
  }
*/

  .kaihoushibox {
    position: relative;
    height: 0;
    min-height: 0;
    margin-bottom: 4em;
    padding-bottom: 41%;
  }
  .kaihoushibox.yasuragi {}
  .kaihoushibox .title {
    font-size: 132%;
    padding-top: 0;
    margin-left: 46%;
  }
  #cont .kaihoushibox .desc {
    margin-left: 46%;
  }
  #cont .kaihoushibox .thumbnail {
    width: 40%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #cont .kaihoushibox .thumbnail img {
    width: 100%;
  }

}

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

/*************** */

  #kaihoshi .catch {
    font-size: 123%;
  }

}

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

}