/* =================================
   SubPage
==================================== */
.content-archive .area-data {
  *zoom: 1;
}
.content-archive .area-data:after {
  content: "";
  display: table;
  clear: both;
}

/*==============================
intersection of SubPgae
==============================*/
.content ul.crumbs {
  border-bottom: none;
  background: #ede1db;
}
.content ul.crumbs li {
  padding: 0;
  color: #bf6216;
}
.content ul.crumbs li a {
  padding: 0;
  color: #333;
  background: none;
}
.content ul.crumbs li a:not(:last-child):after {
  display: inline-block;
  content: ">";
  margin: 0 4px;
  color: #333;
}
.content ul.crumbs li:not(:last-child):after {
  display: inline-block;
  content: ">";
  margin: 0 4px;
  color: #333;
}
.content h3 {
  padding: 0 0 5px;
  margin: 0 0 15px;
  color: #433030;
  font-size: 18px;
  text-align: left;
  background: url("../img/module/head_line.png") no-repeat left bottom;
}
.content h3:before {
  display: inline-block;
  margin-bottom: -5px;
  width: 29px;
  height: 29px;
  background: url("../img/module/head_mark.png") no-repeat center;
  content: " ";
}
.content .contact-title {
  padding: 0;
  text-align: center;
  background: none;
}
.content .contact-title:before {
  display: none;
}
.content div:not([class]),
.content table:not([class]) {
  max-width: 100%;
}
.content .link-list li {
  margin-right: 1em;
}
.content section {
  margin-bottom: 30px;
}
.content .reco {
  margin-bottom: 40px;
}
.content .reco article {
  margin-bottom: 10px;
  width: 100%;
}
.content .reco article a {
  display: table;
  width: 100%;
  vertical-align: middle;
}
.content .reco article a:hover * {
  text-decoration: underline;
}
.content .reco article .img {
  display: table-cell;
  padding-right: 10px;
  width: 24.05063%;
  height: 100%;
  max-height: 120px;
  overflow: hidden;
}
.content .reco article .img .in {
  height: 100%;
  max-height: 120px;
  overflow: hidden;
}
.content .reco article .img img {
  width: 100%;
}
.content .reco article .data {
  display: table-cell;
  width: 73.41772%;
  height: 100%;
  max-height: 120px;
  color: #4b331d;
  vertical-align: middle;
}
.content .reco article .data .title {
  margin-bottom: 10px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .content table:not([class]) {
    width: 100% !important;
  }
  .content table:not([class]) td, .content table:not([class]) th {
    padding: 2px !important;
    font-size: 10px !important;
  }
}
.content-archive .post {
  padding-bottom: 10px;
  border-bottom: solid 1px #ffe4e4;
  margin-bottom: 10px;
}
.content-archive .post a {
  display: block;
  width: 100%;
}
.content-archive .post a:hover * {
  text-decoration: underline;
}
.content-archive .post .img {
  width: 24.05063%;
  max-height: 120px;
  overflow: hidden;
}
.content-archive .post .img img {
  width: 100%;
}
.content-archive .post .data {
  width: 73.41772%;
  color: #4b331d;
}
.content-archive .post .data .title {
  margin-bottom: 10px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
}
.content-archive .post .data .text {
  width: 100%;
}
.content-archive .area-data {
  margin-bottom: 40px;
}
.content-archive .area-data .img {
  float: left;
  width: 39.24051%;
}
.content-archive .area-data .text {
  float: left;
  padding-left: 14px;
  width: 60.75949%;
}
.content-archive .area-head {
  margin-top: 40px;
  padding: 10px 20px;
  color: #FFF;
  font-size: 1.6rem;
  line-height: 1;
  background: #7f6d5d;
}
.content-archive .area-text {
  padding: 10px 20px;
  color: #4b331d;
  background: #fef9f7;
}

.flex_pager {
  margin: 30px auto;
  text-align: center;
}
.flex_pager a, .flex_pager span {
  display: inline-block;
  border: solid 1px #e1e1e1;
  padding: 7px;
  margin: 0 3px;
  line-height: 1;
  font-size: 1.4rem;
  color: #4b331d;
  text-decoration: none;
  background: #FFF;
}
.flex_pager a.current, .flex_pager a:hover, .flex_pager span.current, .flex_pager span:hover {
  border: solid 1px #f7a1a1;
  color: #FFF;
  background: #f7a1a1;
}

.content-single .post-title {
  padding: 0 0 10px;
  margin: 0 0 15px;
  color: #433030;
  font-size: 18px;
  text-align: left;
  background: url("../img/module/head_line.png") no-repeat left bottom;
}
.content-single .post-title:before {
  display: inline-block;
  width: 29px;
  height: 29px;
  background: url("../img/module/head_mark.png") no-repeat center;
  content: " ";
}
.content-single .sns-area {
  padding-top: 20px;
  padding-bottom: 20px;
}

/*==============================
page name
==============================*/
.l-area .area li {
  display: table;
  padding: 15px 0;
  width: 100%;
}
.l-area .area li .img {
  display: table-cell;
  width: 13.92405%;
  text-align: center;
  vertical-align: middle;
}
.l-area .area li .data {
  display: table-cell;
  width: 83.5443%;
}
.l-area .area li .data .title {
  padding-bottom: 10px;
  border-bottom: solid 1px #f7a1a1;
  margin-bottom: 10px;
  color: #f7a1a1;
  line-height: 1;
  background: none !important;
}
.l-area .area li .data .title:before {
  display: none;
}
.l-area .area li .data .text {
  margin-bottom: 20px;
}

/*==============================
service
==============================*/
@media screen and (max-width: 768px) {
  img[src*="standard_ex.gif"],
  img[src*="sitter_ex.gif"] {
    margin-bottom: 10px;
  }
}


.contactbnr-title{
    padding: 0 0 5px;
    margin: 0 0 15px;
    font-size: 18px;
}
.kv{
    width:100%;
    margin-bottom:20px;
}