@charset "UTF-8";
/* --------------------------------------------
   共通パーツ
-------------------------------------------- */

header.pageHeader {
  padding: 4.5em 0;
  border-bottom: 0.25em solid #12958a;
  background-image: url(../images/bg_note_normal.png);
}

h1.entry-title {
  font-size: 2.25em;
  font-weight: bold;
  text-align: center;
}

h2.entry-title {
  position: relative;
  margin-top: 2.5em;
  margin-bottom: 30px;
  padding: 0.6em 1em 0.8em;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
}

h2.entry-title::after {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 3.62331em;
  height: 0.34592em;
  margin: 0 auto;
  border-bottom: 0.35em dotted #6daad7;
  content: '';
}

.section {
  word-break: break-all;
}

.section h3:not(.reset) {
  margin-top: 4.2em;
  margin-bottom: 30px;
  padding: 0.6em 1em;
  background-color: #d2ebe8;
  font-size: 1.25em;
  text-align: center;
}

.section h4:not(.reset) {
  position: relative;
  margin-top: 3em;
  margin-bottom: 30px;
  padding: 0.5em 1em;
  font-size: 1.125em;
  font-weight: normal;
  text-align: center;
}

.section h4:not(.reset)::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.125em;
  background-color: #12958a;
  content: '';
}

.section h4:not(.reset)::after {
  position: absolute;
  bottom: -0.25em;
  left: 0;
  width: 100%;
  height: 0.125em;
  background-color: #12958a;
  content: '';
}

.section p:not([class]) {
  margin-bottom: 10px;
}

.section table p {
  margin-bottom: 0;
}

.breadcrumb {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
  font-size: 0.875em;
  text-align: right;
}

.breadcrumb a {
  color: #12958a;
}

.readmore {
  margin-right: 10px;
  text-align: right;
}

.section blockquote {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin: 20px 0;
  padding: 10px 15px 10px 60px;
  background: #efefef;
  color: #555;
  font-style: italic;
}

.section blockquote:before {
  display: inline-block;
  position: absolute;
  top: 18px;
  left: 15px;
  color: #cfcfcf;
  font-family: FontAwesome;
  font-size: 30px;
  line-height: 1;
  vertical-align: middle;
  content: '\f10d';
}

.section blockquote p {
  margin: 10px 0;
  padding: 0;
  line-height: 1.7;
}

.section blockquote cite {
  display: block;
  color: #888888;
  font-size: 0.9em;
  text-align: right;
}

/* 各種テーブル用 */
.section table {
  width: 100%;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}

.section th {
  width: 30%;
}

.section td {
  width: 70%;
}

/* ▼デフォルトスタイル */
.section table:not(.reset) {
  border-collapse: separate;
  border-spacing: 0.5em 1em;
}

.section table:not(.reset) th {
  width: 25%;
  padding: 0.5em;
  background-image: url(../images/bg_knit.png);
  text-align: center;
}

.section table:not(.reset) td {
  padding: 0.5em 2em;
  border-bottom: 1px solid #afb0b1;
}

/* ▼table01 */
.table01 {
  border-collapse: separate;
  border-spacing: 0.5em;
}

.table01 th, .table01 td {
  border-radius: 5px;
}

.table01 th {
  width: 33%;
  background-color: #c2e3d9;
  text-align: center;
}

.table01 td {
  padding: 2em 1em;
  background-color: #f6fff1;
}

.table01 tr:nth-child(5) th {
  background-color: #e8e8e9;
}

.table01 tr:nth-child(5) td {
  background-color: #f7f7f7;
}

/* ▼table02 */
.table02 {
  margin-top: 2em;
  margin-bottom: 2em;
  border-collapse: collapse;
}

.table02 th, .table02 td {
  border: solid 1px #000;
  background-color: #fff;
}

.table02 th {
  width: 33%;
  text-align: center;
}

.table02 td {
  padding: 2em 1em;
}

/* ----------------------------------------------
	PageNavi
---------------------------------------------- */

.wp-pagenavi {
  margin-right: 15px;
}

.wp-pagenavi a,
.wp-pagenavi span {
  margin: 2px;
  padding: 3px 5px;
  border: 1px solid #bfbfbf;
  color: #11265f;
  text-decoration: none;
}

/* ----------------------------------------------
	spNation
---------------------------------------------- */

.spNation a {
  display: block;
  padding: 5px;
  overflow: hidden;
  font-weight: bold;
}

.spNation a:hover {
  color: #00aee8;
}

.spNation .prev a {
  padding-left: 40px;
  float: left;
  background: url(images/btn_arr_prev.jpg) 0 center no-repeat;
}

.spNation .next a {
  padding-right: 40px;
  float: right;
  background: url(images/btn_arr_next.jpg) right center no-repeat;
  text-align: right;
}

/* ----------------------------------------------
	single_cat_link
---------------------------------------------- */

.single_cat_link {
  text-align: center;
}

.single_cat_link a {
  display: inline-block;
  padding: 0.5em 1em;
  border: 1px solid #585858;
  color: #585858;
  font-size: 1.2em;
}

.single_cat_link a:hover {
  background-color: #585858;
  color: #fff;
}

.single_post_link_prev,
.single_post_link_next {
  list-style: none;
}

.single_post_link_prev {
  margin-bottom: 15px;
}

.single_post_link_next {
  margin-left: auto;
  text-align: right;
}

.single_post_link_prev a,
.single_post_link_next a {
  display: block;
  color: #585858;
}

.single_post_link_prev a .prev_post_title,
.single_post_link_next a .next_post_title {
  display: inline-block;
  max-width: 100%;
  padding: 0.5em 1em;
  overflow: hidden;
  border: 1px solid #585858;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.single_post_link_prev a .prev_post_title:hover,
.single_post_link_next a .next_post_title:hover {
  background-color: #585858;
  color: #fff;
}

/* ----------------------------------------------
	category-child
---------------------------------------------- */

a.category-child {
  -webkit-box-shadow: inset 1px 1px 0px #ffcc99;
  display: inline-block;
  padding: 10px 15px;
  border: 1px solid #f87d00;
  border-radius: 3px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9f00), to(#f77b00));
  background-image: -webkit-linear-gradient(top, #ff9f00 0%, #f77b00 100%);
  background-image: linear-gradient(180deg, #ff9f00 0%, #f77b00 100%);
  box-shadow: inset 1px 1px 0px #ffcc99;
  color: #fff;
}

a.category-child:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9f00), to(#ff9f00));
  background-image: -webkit-linear-gradient(top, #ff9f00 0%, #ff9f00 100%);
  background-image: linear-gradient(180deg, #ff9f00 0%, #ff9f00 100%);
}

/* --------------------------------------------
   sitemap
-------------------------------------------- */

ul.sitemap li {
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 10px;
  border: dotted 1px #e5e5e5;
  border-top: solid 3px #e5e5e5;
  line-height: 2;
  list-style: none;
}

ul.sitemap li a {
  display: block;
}

ul.sitemap li ul.children {
  margin-bottom: 8px;
}

ul.sitemap li ul.children li {
  margin-left: 20px;
  padding-left: 0px;
  border: none;
  border-top: none;
  line-height: 1.5;
  list-style: disc;
}

/* --------------------------------------------
   faq
-------------------------------------------- */

.section ul.faqList li {
  margin: 0 0 .5em 0;
  padding-left: 20px;
  background: url(images/onm_q.png) no-repeat left top;
  color: #4c9cb6;
  font-weight: bold;
  list-style: none;
}

.section ul.faqList li a {
  color: #4c9cb6;
}

.faq {
  margin-bottom: 15px;
  padding: 10px 10px 5px 10px;
  background-color: #eee;
}

.faq dt {
  margin-bottom: 10px;
  padding-left: 20px;
  background: url(images/onm_q.png) no-repeat left top;
  color: #4c9cb6;
  font-weight: bold;
}

.faq dd {
  padding-left: 20px;
  background: url(images/onm_a.png) no-repeat left top;
}

.faq dd p {
  margin-bottom: 5px;
}

.faq-answer-ol ol li {
  padding-left: 3em;
  list-style-type: none;
  text-indent: -3em;
}

/* --------------------------------------------
   ブログ
-------------------------------------------- */

.blogDt {
  margin-right: 25px;
  color: #999;
  font-size: 12px;
  text-align: right;
}

.section ol li.comment {
  list-style: none;
}

.blog_container {
  width: 100%;
  margin-top: 4em;
}

.blog_container h2.entry-title {
  margin-top: 0;
}

.blog_cnt {
  width: 75%;
  margin-right: 2%;
  float: left;
}

.blog_sdr {
  width: 23%;
  float: left;
}

.blog_sdr .link_box {
  margin-bottom: 20px;
}

.blog_sdr .link_box a {
  display: block;
  font-size: 14px;
}

.blog_sdr .link_box .list_link {
  margin-top: 10px;
  text-align: right;
}

.blog_sdr .link_box dt {
  display: inline-block;
  margin-bottom: 10px;
  padding: 3px 10px;
  border-radius: 3px;
  background-color: #12958a;
  color: #fff;
  font-size: 16px;
}

.blog_sdr .link_box dd ul {
  margin-left: 10px;
}

.blog_sdr .link_box dd ul li {
  margin-left: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
  font-size: 12px;
  list-style: outside none none;
}

.blog_sdr .link_box dd ul.archives a {
  display: inline-block;
}

/* タイトルリスト */
.blog-title-list {
  margin-bottom: 0.5em;
  padding: 0.5em;
  border-bottom: 1px solid #ccc;
}

.blog-title-list .blog-title a {
  color: inherit;
  text-decoration: none;
}

.blog-title-list .blog-date {
  width: 25%;
}

.blog-title-list .blog-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* サムネイルリスト */
.blog-thumb-list {
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}

.blog-thumb-list a {
  color: inherit;
  text-decoration: none;
}

.section_blog_post_date {
  color: #ccc;
  font-size: 0.8em;
}

.blog-thumb-list .blog-title {
  font-size: 1.2em;
  font-weight: bold;
}

.blog_line_image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.blog_line_sub {
  margin-top: 10px;
}

.section_blog_line .section_blog_post_content,
.blog_line_sub {
  font-size: 0.8em;
}

.blog_line_category {
  padding-left: 1.5em;
}

/* サムネイルブロック */
.blog-thumb-block {
  position: relative;
  margin-bottom: 2em;
}

.blog-thumb-block a {
  display: block;
  border: 1px solid #ccc;
  color: inherit;
  text-decoration: none;
}

.blog-thumb-block .blog-imgwrap {
  display: block;
  z-index: 1;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.blog-thumb-block .blog-category {
  display: inline-block;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 23px;
  background: #000;
  color: #fff;
  font-size: 0.7rem;
  font-weight: bold;
}

.blog-thumb-block .blog-title {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px 15px;
  background-color: rgba(17, 17, 17, 0.5);
  color: #fff !important;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 1px;
}

.blog-thumb-block .blog-imagebox {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.blog-thumb-block .blog-imagebox.size_h {
  background-size: 100% auto;
}

/* ----------------------------------------------
404
---------------------------------------------- */

#s {
  border: solid 1px #babbbb;
  background-color: #fff;
}

#searchsubmit {
  border-radius: 4px;
  background-color: #babbbb;
  color: #fff;
  cursor: pointer;
}

/* --------------------------------------------
   Contact Form 7
-------------------------------------------- */

/*上部のエリア*/
a.cont_text_mail {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid #bbb;
  border-radius: 8px;
  background-color: #fff;
  color: #999;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
}

a.cont_text_mail i {
  margin-right: 20px;
  font-size: 1.3em;
  line-height: 100%;
}

a.lnk_color_inherit,
.lnk_color_inherit a {
  color: inherit;
}

.contact_top {
  display: block;
  padding: 10px 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 1.2vw;
  text-align: center;
}

a.contact_top:hover {
  background-color: #f3f3f3;
}

a.contact_tel {
  color: #333;
}

a.contact_mail {
  color: #333;
}

.contact_top .fa {
  display: inline-block;
  margin-right: 10px;
}

.contact_top .fa-mobile {
  margin-top: -10px;
  color: #f60;
  font-size: 2.1vw;
  vertical-align: middle;
}

.contact_top .fa-envelope-o {
  margin-top: -5px;
  color: #009747;
  vertical-align: middle;
}

/*フォーム部分*/
form.wpcf7-form dl dt {
  width: 160px;
  margin: 0;
  padding: 10px 0;
  float: left;
  clear: both;
  border-top: 1px solid #ccc;
  font-size: 12px;
  text-align: right;
}

form.wpcf7-form dl dd {
  margin: 0;
  padding: 10px 5px 20px 170px;
  border-top: 1px solid #ccc;
  font-size: 12px;
  line-height: 1.5em;
  text-align: left;
}

.alertlabel {
  padding: 5px 10px;
  color: inherit;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
}

form.wpcf7-form .mustlabel {
  display: inline-block;
  margin-right: 10px;
  padding: 5px;
  float: left;
  border-radius: 2px;
  background-color: #f33c14;
  color: #fff;
  font-size: 12px;
}

form.wpcf7-form .anylabel {
  display: inline-block;
  margin-right: 10px;
  padding: 5px;
  float: left;
  border-radius: 2px;
  background-color: #006dd9;
  color: #fff;
  font-size: 12px;
}

form.wpcf7-form input,
form.wpcf7-form select,
form.wpcf7-form textarea {
  max-width: 100%;
  padding: 1% 2%;
  border: 1px solid #ddd;
  vertical-align: middle;
}

form.wpcf7-form span {
  display: inline;
}

form.wpcf7-form input {
  display: inline-block;
  width: auto;
  max-width: 100%;
  margin-bottom: 5px;
}

form.wpcf7-form .message textarea {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
}

.wpcf7-form-control.wpcf7-checkbox {
  /*	padding: 10px;*/
  /*	float: left;*/
}

.wpcf7-form-control-wrap.reason {
  /*	margin-left: 10px;*/
}

div.wpcf7-validation-errors {
  border: 2px solid #f80000 !important;
}

form.wpcf7-form input.wpcf7-submit,
form.wpcf7-form input.wpcf7-confirm {
  -webkit-transition: none;
  -webkit-box-shadow: 0 3px 0 #0e8c73;
  position: relative;
  width: 380px !important;
  max-width: 100%;
  margin-top: 2em;
  padding: 2% 5px;
  border-radius: 4px;
  background-color: #1abc9c;
  box-shadow: 0 3px 0 #0e8c73;
  color: #fff;
  font-size: 24px !important;
  font-weight: bold;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: none;
}

form.wpcf7-form input.wpcf7-submit:hover,
form.wpcf7-form input.wpcf7-confirm:hover {
  -webkit-box-shadow: 0 3px 0 #23a188;
  background-color: #31c8aa;
  box-shadow: 0 3px 0 #23a188;
}

form.wpcf7-form input.wpcf7-submit:active,
form.wpcf7-form input.wpcf7-confirm:active {
  -webkit-box-shadow: none;
  top: 3px;
  box-shadow: none;
}

form.wpcf7-form input.wpcf7-submit {
  margin-right: 50%;
}

form.wpcf7-form input.wpcf7-back {
  display: inline-block;
  padding: 10px 20px;
  float: left;
  cursor: pointer;
}

form.wpcf7-form input.wpcf7-back:hover {
  -webkit-box-shadow: 0 2px 15px #7ecef4;
  box-shadow: 0 2px 15px #7ecef4;
}

/*エラーメッセージ回り込み防止*/
span.wpcf7-not-valid-tip {
  clear: both;
  font-size: 12px;
}

/*確認画面設定*/
form.custom-wpcf7c-confirmed.wpcf7-form .anylabel,
form.custom-wpcf7c-confirmed.wpcf7-form .mustlabel {
  display: none;
}

.wpcf7.is_confirm .wpcf7c-conf {
  border: none;
  background-color: transparent;
  color: #8d8d8d;
  pointer-events: none;
}

form.wpcf7-form .contact_mailform--free-judgment dt {
  width: 210px;
}

form.wpcf7-form .contact_mailform--free-judgment dd {
  padding: 10px 5px 20px 220px;
}

@media screen and (max-width: 1024px) {
  /* 共通パーツ */
  /* PageNavi */
  /* spNation */
  /* single_cat_link */
  /* category-child */
  /* sitemap */
  /* faq */
  /* ブログ */
  /* 404 */
  /* Contact Form 7 */
}

@media screen and (max-width: 768px) {
  /* 共通パーツ */
  h1.entry-title {
    margin-right: 0;
    margin-left: 0;
  }
  h2.entry-title {
    margin-right: 0;
    margin-left: 0;
  }
  .section {
    margin-right: 0;
    margin-left: 0;
  }
  .section table.tab_set th,
  .section table.tab_set td {
    display: block;
    width: 100%;
  }
  /* PageNavi */
  /* spNation */
  /* single_cat_link */
  /* category-child */
  /* sitemap */
  /* faq */
  /* ブログ */
  .blog_sdr .link_box {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
    float: left;
  }
  .blog_wrap .blog_box {
    height: auto;
  }
  .blog_wrap .more-link {
    position: static;
  }
  .blog_cnt,
  .blog_sdr {
    width: 100%;
    margin-left: 0;
    float: none;
  }
  .blog_sdr .link_box:last-child {
    margin-right: 0;
  }
  /* 404 */
  /* Contact Form 7 */
  .contact_top {
    font-size: 3vmin;
  }
  .contact_top .fa-mobile {
    margin-top: -10px;
    font-size: 25px;
  }
  form.wpcf7-form input.wpcf7-submit {
    margin: 0 auto;
  }
}

@media screen and (max-width: 480px) {
  /* 共通パーツ */
  .section {
    word-break: break-all;
  }
  .table02 th {
    width: 39%;
  }
  .section table.sp_set th,
  .section table.sp_set td {
    display: block;
    width: 100%;
  }
  /* PageNavi */
  .wp-pagenavi a,
  .wp-pagenavi span {
    display: inline-block;
  }
  /* spNation */
  /* single_cat_link */
  .single_post_link_prev a,
  .single_post_link_next a {
    display: block;
  }
  /* category-child */
  /* sitemap */
  /* faq */
  .section ul.faqList li {
    padding-left: 5px;
  }
  .faq dt {
    padding-left: 5px;
  }
  .faq dd {
    padding-left: 5px;
  }
  /* ブログ */
  .blog_sdr .link_box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    float: none;
  }
  /* 404 */
  /* Contact Form 7 */
  .contact_top {
    margin-bottom: 8px;
    font-size: 6vw;
  }
  a.contact_tel {
    display: block;
    margin-bottom: 5px;
  }
  form.wpcf7-form dl dt {
    width: 100%;
    float: none;
    font-size: 12px;
    text-align: left;
  }
  form.wpcf7-form dl dd {
    padding: 10px 5px 20px 0;
    border-top: none;
  }
  .alertlabel {
    padding: 5px 0;
    font-size: 1rem;
  }
  form.wpcf7-form input {
    width: 100%;
  }
  form.wpcf7-form .wpcf7-radio input {
    width: auto;
  }
  form.wpcf7-form .wpcf7-form-control.wpcf7-checkbox input {
    width: auto;
  }
  form.wpcf7-form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
    display: block;
    width: 100%;
  }
  .wpcf7-form-control-wrap.reason {
    margin-left: 0;
  }
  form.wpcf7-form input.wpcf7-submit,
  form.wpcf7-form input.wpcf7-confirm {
    padding: 5% 5px;
    font-size: 18px !important;
  }
  form.wpcf7-form .contact_mailform--free-judgment dt {
    width: 100%;
  }
  form.wpcf7-form .contact_mailform--free-judgment dd {
    padding: 10px 5px 20px 0;
  }
  form.wpcf7-form .contact_mailform--free-judgment .wpcf7-number {
    width: 70%;
  }
}