@charset "UTF-8";
.honkaku_bg {
  background-image: url(/images/honkaku/bg.jpg);
  background-repeat: repeat;
  background-size: auto; }
  .honkaku_bg .flex_wrap {
    display: flex;
    /*align-items: center;*/
    border: #ccc solid 2px;
    margin-bottom: 15px;
    font-size: 15px; }
    .honkaku_bg .flex_wrap .flex_wrap_left {
      text-align: center;
      vertical-align: middle;
      width: auto; }
      .honkaku_bg .flex_wrap .flex_wrap_left a {
        display: inline-block; }
        .honkaku_bg .flex_wrap .flex_wrap_left a img {
          vertical-align: top;
          max-width: 100%; }
    .honkaku_bg .flex_wrap .flex_wrap_right {
      max-width: 460px;
      border-left: 2px solid #ddd; }
      .honkaku_bg .flex_wrap .flex_wrap_right .flex_wrap_right_title {
        text-align: center;
        background: #c0ff86;
        background: -moz-linear-gradient(top, #c0ff86 0%, #5cd25a 100%);
        background: -webkit-linear-gradient(top, #c0ff86 0%, #5cd25a 100%);
        background: linear-gradient(to bottom, #c0ff86 0%, #5cd25a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0ff86', endColorstr='#5cd25a',GradientType=0 );
        color: #0b6500;
        padding: 10px;
        font-weight: bold;
        font-size: 18px;
        border-bottom: 2px solid #ddd; }
      .honkaku_bg .flex_wrap .flex_wrap_right .flex_wrap_right_content {
        padding: 10px; }
        .honkaku_bg .flex_wrap .flex_wrap_right .flex_wrap_right_content p {
          margin: 0 0 5px 0; }
        .honkaku_bg .flex_wrap .flex_wrap_right .flex_wrap_right_content .flex_wrap_right_content_box {
          display: flex; }
          .honkaku_bg .flex_wrap .flex_wrap_right .flex_wrap_right_content .flex_wrap_right_content_box .flex_wrap_right_content_box_img {
            display: none; }
          .honkaku_bg .flex_wrap .flex_wrap_right .flex_wrap_right_content .flex_wrap_right_content_box .flex_wrap_right_content_box_area {
            margin: auto;
            text-align: center;
            vertical-align: middle;
            font-size: 18px;
            font-weight: bold;
            border: solid 1px #8f9294;
            padding: 4px;
            width: 45%; }
          .honkaku_bg .flex_wrap .flex_wrap_right .flex_wrap_right_content .flex_wrap_right_content_box a.flex_wrap_right_content_box_detail {
            display: inline-block;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #feceb4), color-stop(0.5, #f17431), color-stop(0.5, #ea5506), color-stop(1, #fd9c68));
            background: -webkit-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
            background: -moz-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
            background: -o-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
            background: -ms-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
            background: linear-gradient(to bottom, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
            margin: auto;
            text-align: center;
            font-size: 15px;
            padding: 6px 10px 6px 10px;
            text-decoration: none;
            box-shadow: 0 0 8px #6a3a20;
            width: 45%;
            color: #fff;
            font-weight: bold;
            font-size: 13px; }
            .honkaku_bg .flex_wrap .flex_wrap_right .flex_wrap_right_content .flex_wrap_right_content_box a.flex_wrap_right_content_box_detail:before {
              content: "≫ ";
              font-size: 10px; }
      .honkaku_bg .flex_wrap .flex_wrap_right dl {
        margin-bottom: 10px; }
        .honkaku_bg .flex_wrap .flex_wrap_right dl dd {
          margin: 10px 0; }
        .honkaku_bg .flex_wrap .flex_wrap_right dl dt {
          margin-bottom: 10px;
          font-size: 12px;
          background: #fdde99;
          color: #6b0600;
          border-radius: 5px;
          padding: 5px 10px; }
  .honkaku_bg table.freetype {
    border: 0;
    font-size: 15px; }
    .honkaku_bg table.freetype tr:nth-child(odd) {
      background: rgba(217, 251, 188, 0.7); }
    .honkaku_bg table.freetype tr:nth-child(even) {
      background: rgba(255, 255, 255, 0.7); }
    .honkaku_bg table.freetype th {
      background: #5cd25a;
      color: #fff; }
    .honkaku_bg table.freetype th, .honkaku_bg table.freetype td {
      padding: 10px 20px; }

@media screen and (max-width: 780px) {
  .honkaku_bg .flex_wrap {
    flex-direction: column-reverse; }
    .honkaku_bg .flex_wrap .flex_wrap_left {
      display: none; }
    .honkaku_bg .flex_wrap .flex_wrap_right {
      width: 100%;
      max-width: none;
      border-left: none; }
      .honkaku_bg .flex_wrap .flex_wrap_right .flex_wrap_right_content .flex_wrap_right_content_box {
        flex-direction: column; }
        .honkaku_bg .flex_wrap .flex_wrap_right .flex_wrap_right_content .flex_wrap_right_content_box .flex_wrap_right_content_box_area {
          margin-bottom: 10px;
          width: 100%;
          padding: 6px 0; }
        .honkaku_bg .flex_wrap .flex_wrap_right .flex_wrap_right_content .flex_wrap_right_content_box a.flex_wrap_right_content_box_detail {
          width: 100%;
          padding: 6px 0; }
        .honkaku_bg .flex_wrap .flex_wrap_right .flex_wrap_right_content .flex_wrap_right_content_box .flex_wrap_right_content_box_img {
          text-align: center;
          display: block; }
          .honkaku_bg .flex_wrap .flex_wrap_right .flex_wrap_right_content .flex_wrap_right_content_box .flex_wrap_right_content_box_img a {
            display: inline-block; } }
@media screen and (max-width: 640px) {
  .honkaku_bg #pitch1 {
    margin-bottom: 10px; }
  .honkaku_bg table.freetype tr {
    margin-bottom: 10px;
    display: block;
    border: 2px solid #ccc;
    border-bottom: 0; }
    .honkaku_bg table.freetype tr.freetype_head {
      display: none; }
  .honkaku_bg table.freetype td {
    padding: 10px 5px;
    display: block; }
    .honkaku_bg table.freetype td:before {
      content: attr(data-label);
      color: #fff;
      background: #5cd25a;
      margin-right: 5px;
      padding: 5px; } }