/* Scss Document */
#content {
  padding-top: 30px; }

.br-sp {
  display: none; }
  @media (max-width: 640px) {
    .br-sp {
      display: block; } }

.btm5p {
  margin-bottom: 5%; }

.center {
  display: block;
  text-align: center; }

.scale {
  display: block;
  width: 100%;
  overflow: hidden; }
  .scale img {
    transition: all linear 0.3s; }
  .scale:hover img {
    transform: scale(1.05, 1.05); }

.title01 {
  display: block;
  background: url("../img/black.png") repeat-x;
  background-position: center;
  padding-bottom: 8px;
  margin-bottom: 2%; }
  .title01 h2 {
    display: block;
    margin: 0 auto;
    text-align: center;
    background: #FFF;
    max-width: 5em;
    color: #009fb9;
    font-size: 1.8em;
    text-align: center;
    position: relative; }
    .title01 h2 span {
      display: block;
      font-size: 50%;
      color: #333;
      padding-top: 5px; }

.w100 {
  width: 100%;
  height: auto; }

.comming_soon {
  display: block;
  border: #EEE 5px solid;
  padding: 4%;
  text-align: center; }
  .comming_soon p {
    color: #CCC;
    font-size: 1.8em;
    text-align: center;
    font-weight: bold; }

.back_btn {
  padding: 3%; }
  .back_btn a {
    display: flex;
		justify-content: center;
		align-items: center;
    background: #009fb9;
    padding: 7px;
    max-width: 8em;
    border-radius: 5px;
    margin: 0 auto;
    color: #FFF;
    font-weight: bold;
    text-align: center; }
    .back_btn a:before {
			display: block;
			background: url("../img/column/icon_arrow.png") no-repeat;
			background-size: 10px;
			background-position: center center;
			width: 10px;
			height: 16px;
      content: "";
      margin-right: 20px;
      transition: all linear .3s; }
    .back_btn a:hover:before {
      margin-left: -5px;
      margin-right: 25px; }

.btn_column {
  padding: 3%; }
  .btn_column a {
    display: block;
    background: url("../img/arrow01.png") no-repeat #009fb9;
    background-position: center right 10px;
    background-size: 7px;
    padding: 7px;
    max-width: 15em;
    border-radius: 5px;
    margin: 0 auto;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    transition: all linear 0.3s; }
    .btn_column a:hover {
      background: url("../img/arrow01.png") no-repeat #009fb9;
      background-position: center right 5px;
      background-size: 7px; }

#column {
  padding-top: 30px; }
  #column ul {
    display: flex;
    flex-wrap: wrap; }
    #column ul li {
      width: 33.3%;
      padding: 2% 0.5%;
      box-sizing: border-box; }
      #column ul li .img {
        margin-bottom: 10px; }
        #column ul li .img a img {
          width: 100%;
          height: auto; }
      #column ul li span {
        display: block;
        font-size: 80%;
        margin-bottom: 10px; }
      @media (max-width: 640px) {
        #column ul li {
          width: 50%; } }
  #column .columnDetail {
    padding-top: 30px; }
    #column .columnDetail h3 {
      display: block;
      border-bottom: #009fb9 2px solid;
      font-size: 1.2em;
      padding-bottom: 10px;
      margin-bottom: 10px; }
    #column .columnDetail .date {
      display: block;
      font-size: 80%;
      margin-bottom: 15px; }
    #column .columnDetail .commonBox {
      overflow: hidden; }
      #column .columnDetail .commonBox .eyecatch {
        display: block;
        float: left;
        max-width: 350px;
        margin: 0 20px 20px 0; }
        #column .columnDetail .commonBox .eyecatch img {
          width: 100%;
          height: auto; }
      #column .columnDetail .commonBox .clear {
        display: block;
        clear: both; }
      #column .columnDetail .commonBox img.alignright {
        float: right;
        margin: 15px 0 15px 15px; }
      #column .columnDetail .commonBox img.alignleft {
        float: left;
        margin: 15px 15px 15px 0; }

.commonBox {
  display: block;
  /*max-width: 1200px;
  margin: 0 auto 5% auto;*/ }
  @media (max-width: 1080px) {
    .commonBox {
      padding: 0 15px; } }
  .commonBox p {
    display: block;
    line-height: 1.8;
    margin-bottom: 3%; }
  .commonBox h1 {
    display: block;
    font-size: 2.2em;
    margin-bottom: 3%; }
  .commonBox h2 {
    display: block;
    font-size: 2em;
    margin-bottom: 3%; }
  .commonBox h3 {
    display: block;
    font-size: 1.8em;
    margin-bottom: 3%; }
  .commonBox h4 {
    display: block;
    font-size: 1.5em;
    margin-bottom: 3%; }
  .commonBox h5 {
    display: block;
    font-size: 1.3em;
    margin-bottom: 3%; }
  .commonBox h6 {
    display: block;
    font-size: 1.1em;
    margin-bottom: 3%; }
  .commonBox b {
    font-weight: bold; }
  .commonBox ol {
    display: block;
    margin: 0 0 3% 2%; }
    .commonBox ol li {
      list-style-type: decimal;
      line-height: 1.8;
      margin-bottom: 1%; }
      .commonBox ol li:last-child {
        margin-bottom: 0; }
  .commonBox blockquote {
    border-left: #EEE 3px solid;
    padding: 5px 15px;
    color: #999;
    margin-bottom: 3%; }
    .commonBox blockquote p:last-child {
      margin-bottom: 0; }
  .commonBox a {
    color: #009fb9; }
    .commonBox a:hover {
      text-decoration: none;
      opacity: 0.8; }
  .commonBox .back_btn a {
    color: #FFF; }
  .commonBox table {
    border-collapse: collapse;
    width: 100%; }
    .commonBox table th {
      border: #ccc 1px solid;
      width: 16em;
      background: #efefef;
      padding: 1.5%; }
    .commonBox table td {
      border: #ccc 1px solid;
      padding: 1.5%; }
      .commonBox table td input[type="text"],
      .commonBox table td input[type="tel"],
      .commonBox table td input[type="email"] {
        width: 100%;
        font-size: 1.3;
        padding: 5px; }
        .commonBox table td input[type="text"].tel,
        .commonBox table td input[type="tel"].tel,
        .commonBox table td input[type="email"].tel {
          max-width: 4em; }
      .commonBox table td p {
        font-size: 80%;
        margin: 0; }
      .commonBox table td textarea {
        width: 100%;
        font-size: 1.3;
        padding: 5px;
        min-height: 150px; }
    @media (max-width: 640px) {
      .commonBox table {
        border-bottom: #ccc 1px solid; }
        .commonBox table th, .commonBox table td {
          display: block;
          width: 100%;
          border-bottom: none;
          padding: 2.5%; }
          .commonBox table th.sp_border, .commonBox table td.sp_border {
            border-bottom: #ccc 1px solid; } }
    .commonBox table tr.hide {
      display: none; }
  .commonBox .btn {
    display: block;
    padding: 3%;
    text-align: center; }
    .commonBox .btn input {
      font-size: 1.2em;
      padding: 15px 20px; }

/*wp-pagenavi base*/
.wp-pagenavi {
  clear: both;
  text-align: center;
  font-size: 80%; }

.wp-pagenavi a, .wp-pagenavi span {
  color: #999;
  background-color: #FFF;
  border: solid 1px #FFF;
  padding: 5px 10px;
  margin: 0 2px;
  white-space: nowrap;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out; }

.wp-pagenavi a:hover {
  color: #FFF;
  background-color: #CCC;
  border-color: #CCC; }

.wp-pagenavi span.current {
  color: #FFF;
  background-color: #009fb9;
  border-color: #009fb9;
  font-weight: bold; }