body {
  margin: 0;
  padding: 0;
  background-color: #383838;
  color: #555;
  text-align: center;
  font: normal 14px Sans-serif;
  line-height: 160%;
  word-wrap: break-word;
  letter-spacing: 0.05em; }

th, td {
  color: #555;
  vertical-align: top;
  font-weight: normal;
  font: normal 14px Sans-serif;
  line-height: 160%;
  word-wrap: break-word;
  letter-spacing: 0.05em; }

a {
  cursor: pointer; }
  a:link {
    color: #486B97;
    text-decoration: none; }
  a:visited, a:active {
    color: #5B8190;
    text-decoration: none; }
  a:hover {
    color: #946349;
    text-decoration: underline; }

.hero {
  background-image: url(../img/wall.png);
  background-repeat: repeat; }
  .hero figure {
    margin: 0 auto; }
    .hero figure img {
      width: 100%; }
  .hero h1 {
    text-indent: -9999px;
    height: 0;
    padding: 0;
    margin: 0; }
  @media only screen and (max-width: 767px) {
    .hero {
      max-width: 100%;
      min-width: 320px;
      padding: 15px 0 0 0; }
      .hero figure {
        width: calc(100% - 20px); }
        .hero figure img {
          margin-bottom: 15px; } }
  @media only screen and (min-width: 768px) {
    .hero {
      width: 100%;
      padding: 25px 0 0 0; }
      .hero figure {
        width: 768px; }
        .hero figure img {
          margin-bottom: 20px; } }

@media only screen and (max-width: 767px) {
  .wrap {
    max-width: 100%;
    min-width: 320px;
    padding: 0;
    margin: 0 auto; } }
@media only screen and (min-width: 768px) {
  .wrap {
    max-width: 1180px;
    padding: 0 10px;
    margin: 30px auto;
    -webkit-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between; } }

.image_contents .head_image {
  position: relative;
  padding: 10px;
  background-color: #111; }
  .image_contents .head_image img {
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .image_contents .head_image .spacer {
    padding-bottom: 140%; }
@media only screen and (max-width: 767px) {
  .image_contents {
    max-width: 500px;
    min-width: 300px;
    margin: 20px auto 0 auto; }
    .image_contents .head_image {
      margin: 0 10px;
      width: calc(100% - 40px); }
    .image_contents .image_container {
      margin-top: 15px;
      width: 100%;
      -webkit-display: flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
      .image_contents .image_container figure {
        background-color: #111;
        width: calc(50% - 60px);
        margin: 0 15px 10px 15px;
        padding: 10px;
        position: relative; }
        .image_contents .image_container figure img {
          max-width: calc(100% - 20px);
          max-height: calc(100% - 20px);
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          cursor: pointer; }
        .image_contents .image_container figure .spacer {
          padding-bottom: 100%; }
    .image_contents p {
      color: #999;
      font-size: 11px;
      margin: 15px 0 0 0;
      padding: 0;
      line-height: 100%; } }
@media only screen and (min-width: 768px) {
  .image_contents {
    width: 300px; }
    .image_contents .head_image {
      width: calc(100% - 20px); }
    .image_contents .image_container {
      margin-top: 15px;
      width: 100%;
      -webkit-display: flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
      .image_contents .image_container figure {
        background-color: #111;
        width: calc(50% - 20px);
        margin: 0 5px 10px 5px;
        padding: 5px;
        position: relative; }
        .image_contents .image_container figure img {
          max-width: calc(100% - 10px);
          max-height: calc(100% - 10px);
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          cursor: pointer; }
        .image_contents .image_container figure .spacer {
          padding-bottom: 100%; }
    .image_contents p {
      color: #999;
      font-size: 11px;
      margin: 15px 0 0 0;
      padding: 0;
      line-height: 100%; } }

@media only screen and (max-width: 767px) {
  .main_contents {
    width: calc(100% - 20px);
    margin: 10px auto 0 auto; }
    .main_contents .sub {
      padding: 15px;
      background-color: #fff;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      text-align: left; }
    .main_contents .button {
      width: calc(100% - 20px);
      margin: 25px 10px 10px 10px;
      text-align: center; }
      .main_contents .button a {
        padding: 15px 0 13px 0;
        display: block;
        color: #383838;
        background-color: #93B8CA;
        font-size: 20px;
        font-weight: 600;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        line-height: 100%; }
    .main_contents .info_container .book_info {
      width: calc(100% - 20px);
      margin: 0 auto;
      text-align: left;
      color: #fff; }
      .main_contents .info_container .book_info h3 {
        border-bottom: 1px solid #fff; }
      .main_contents .info_container .book_info p {
        margin-left: 1em; }
    .main_contents .info_container .release_info {
      width: calc(100% - 42px);
      margin: 0 auto;
      border: 1px solid #fff;
      padding: 10px;
      color: #fff; }
      .main_contents .info_container .release_info h3 {
        background-color: #fff;
        color: #383838;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        line-height: 100%;
        padding: 10px 0 8px 0;
        margin: 10px 0 0 0; }
      .main_contents .info_container .release_info section {
        width: calc(100% - 20px);
        margin: 0 10px;
        padding: 0; }
        .main_contents .info_container .release_info section h4 {
          border-bottom: 1px solid #fff;
          padding-bottom: 10px; }
        .main_contents .info_container .release_info section ul {
          list-style: none;
          text-align: left;
          padding: 0; }
          .main_contents .info_container .release_info section ul li {
            text-align: center; } }
@media only screen and (min-width: 768px) {
  .main_contents {
    max-width: 570px; }
    .main_contents .sub {
      margin: 0 10px;
      padding: 15px;
      background-color: #fff;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      text-align: left; }
      .main_contents .sub .button {
        width: calc(100% - 20px);
        margin: 25px 10px 10px 10px;
        text-align: center; }
        .main_contents .sub .button a {
          padding: 20px 0 18px 0;
          display: block;
          color: #383838;
          background-color: #93B8CA;
          font-size: 24px;
          font-weight: 900;
          -webkit-border-radius: 10px;
          border-radius: 10px;
          line-height: 100%; }
    .main_contents .info_container {
      -webkit-display: flex;
      display: flex;
      margin-top: 25px; }
      .main_contents .info_container .book_info {
        width: calc(50% - 20px);
        margin: 0 10px;
        text-align: left;
        color: #fff; }
        .main_contents .info_container .book_info p {
          margin-left: 1em; }
      .main_contents .info_container .release_info {
        width: calc(50% - 32px);
        border: 1px solid #fff;
        padding: 10px;
        color: #fff; }
        .main_contents .info_container .release_info h3 {
          background-color: #fff;
          color: #383838;
          -webkit-border-radius: 5px;
          border-radius: 5px;
          line-height: 100%;
          padding: 10px 0 8px 0;
          margin: 10px 0 0 0; }
        .main_contents .info_container .release_info section {
          width: calc(100% - 20px);
          margin: 0 10px;
          padding: 0; }
          .main_contents .info_container .release_info section h4 {
            border-bottom: 1px solid #fff;
            padding-bottom: 10px; }
          .main_contents .info_container .release_info section ul {
            list-style: none;
            text-align: left;
            padding: 0; }
            .main_contents .info_container .release_info section ul li {
              text-align: center; } }

@media only screen and (max-width: 767px) {
  .twitter_content {
    max-width: 320px;
    margin: 20px auto 0 auto;
    text-align: center; }
    .twitter_content h3 {
      width: calc(100% - 20px);
      background-color: #93B8CA;
      color: #383838;
      margin: 0 auto 20px auto;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      line-height: 100%;
      padding: 10px 0 8px 0; } }
@media only screen and (min-width: 768px) {
  .twitter_content {
    width: 280px; }
    .twitter_content h3 {
      background-color: #93B8CA;
      color: #383838;
      margin: 0 0 8px 0;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      line-height: 100%;
      padding: 10px 0 8px 0; } }

@media only screen and (max-width: 767px) {
  .main_image {
    width: 100%; }
    .main_image img {
      width: 100%; } }
@media only screen and (min-width: 768px) {
  .main_image {
    width: 100%; }
    .main_image img {
      width: 100%; } }

@media only screen and (max-width: 767px) {
  .yoyaku_button a {
    display: block;
    margin: 25px auto;
    width: 300px;
    padding: 20px 0 18px 0;
    text-align: center;
    background-color: #e7141e;
    line-height: 100%;
    color: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 24px;
    font-weight: 600; } }
@media only screen and (min-width: 768px) {
  .yoyaku_button a {
    display: block;
    margin: 50px auto;
    width: 490px;
    padding: 25px 0 23px 0;
    text-align: center;
    background-color: #e7141e;
    line-height: 100%;
    color: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 36px;
    font-weight: 900; } }

@media only screen and (max-width: 767px) {
  .content {
    width: 100%;
    max-width: 640px;
    margin: auto;
    padding: 10px 0 0 0; } }
@media only screen and (min-width: 768px) {
  .content {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 10px 0 0 0; } }

.content_head {
  margin: 0 0 15px 0;
  padding: 0 0 10px 0;
  border-bottom: 2px dotted #ccc; }

.home {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  align-content: flex-start; }
  @media only screen and (max-width: 767px) {
    .home .prime {
      margin: 0 0 20px 0; }
    .home .sub {
      margin: 0 0 20px 0; } }
  @media only screen and (min-width: 768px) {
    .home .prime {
      width: 60%; }
    .home .sub {
      width: 39%; } }

/*# sourceMappingURL=style.css.map */