@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*html {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
body {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

body {
font-family: 'Noto Serif JP', 'sans-serif', 'serif', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-weight: 400;
}
*/
.mobile-menu-buttons .menu-caption {
    font-size: 14px;
    font-weight: bold;
}

.no-scrollable-main .main {
    height: auto;
}
.go-to-top {
  bottom: 50px;
}
div#scroll_to_top a {
  top: unset;
  bottom: 5px;
  height: 30px;
}

ul {
  list-style: none;
}

div.clear {
  clear: both;
  content: "";
  display: block;
}
.PC {
	display: inline;
}
.SP,
.MOBILE {
	display: none;
}

.mobile-disp {
  display: none;
}
.mobile-disp2 {
  display: none;
}
.mobile-disp3 {
  display: none;
}
.mobile-disp4 {
  display: none;
}
.mobile-disp5 {
  display: none;
}
.mobile-off {
  display: inline;
}
.small-disp1 {
  display: none;
}
.small-disp2 {
  display: none;
}
.small-disp3 {
  display: none;
}
.pc-disp {
  display: inline;
}
.pc-disp2 {
  display: inline;
}
.pc-disp3 {
  display: block;
}
.pc-disp4 {
  display: block;
}
.pc-disp5 {
  display: inline;
}

.has-border-color .toggle-button {
    color: #333 !important;
    background-color: var(--cocoon-custom-border-color) !important;
}


.float-left {
  float: left;
}
.float-right {
  float: right;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}

a {
  text-decoration: none;
  color: #7c4444;
}
a:hover{
  text-decoration: underline;
  color: #7c4444;
}
a img{
  border: none;
}

.jumplink-box {
  text-align: center;
  height: 2em;
  width: 350px;
  margin: 0 auto;
}
.jumplink-box-small {
  text-align: center;
  height: 5em;
  margin-top: 10px;
}
.jumplink-box a {
  text-decoration: none;
}

.jumplink {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  /*font-size: 15px;*/
  /*background-color: #c09a7e;*/
  /*background-color: #7c4444;*/
  /*background-color: #be5a14;*/
  background-color: #b48264;
  color: #fff;
  /*width: 330px;*/
  width: 297.5px;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  font-size: large;
  font-weight: 700;
}
.jumplink-box2 {
  text-align: center;
  height: 4em;
}
.jumplink-box2 a {
  text-decoration: none;
}
.jumplink2 {
  /*background-color: #c09a7e;*/
  background-color: #7c4444;
  color: #fff;
  width: 250px;
  text-align: center;
  padding: 5px 10px;
  margin: 0 calc((100% - 250px) / 2);
}
.jumplink-small {
  position: relative;
  /*width:85%;*/
}
.jumplink:hover {
  text-decoration: none;
  background-color: #c09a7e;
  /*background-color: #7c4444;*/
}
.jumplink2:hover {
  text-decoration: none;
  background-color: #c09a7e;
  /*background-color: #7c4444;*/
}

.list_triangle {
  list-style-type: disclosure-closed;
}

.keyword {
  display: none;
}

/* 画像上のカテゴリ表示 */
.cat-label {
    display: none;
}

/* ヘッダーテキスト */
.logo-text {
  display: none;
}

.content {
  margin-top: 0;
}
.main {
  width: 80%;
  padding-top: 0;
  padding-bottom: 0;
  /*border: 1px solid #be9e85;*/
  /*border-radius: 30px;*/
  margin: 2em 0 5em;
  border: 0;
}

/*h3 {
  border: 0;
  display: inline-table;
  background-image: url(img/h3.jpg);
  background-repeat: no-repeat;
  height: 43px;
  font-size: 1.2em;
  padding-left: 1.4em;
  padding-right: 1.4em;
  padding-top: 13px;
  margin-bottom: 8px;
}*/
/*.post-page h3 {
  background-image: none;
  border: 0;
  display: block;
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  padding: 0;
  height: 1em;
  margin: 0;
}*/
/*h4　{
  border: 0;
  height: 25px;
  font-size: 18px;
  padding-left: 20px;
  padding-top: 0px;
  margin-top: 3em;
  margin-bottom: 5px;
  border-top: 0;
  border-bottom: 0;
}*/
.article h2,
.article .h2 {
  color: #555;
  background-color: #fff;
  padding: 5px;
}
.article h3,
.article .h3 {
  border: 0;
  font-size: 1.17em;
}
.article h4,
.article .h4 {
  border: 0;
}
.article * {
  padding: 0;
  margin: 0;
}



#content p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;

  font-size: 1.1em;
  line-height: 1.9em;
  padding-top: 5px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}
@media screen and (max-width: 480px) {
  .entry-title, .article h2, .article .h2, .article h3, .article .h3, .article h4, .article .h4, .article h5, .article h6 {
    padding: 0.6em 1.6em;
    margin: 1.2em 0 0.8em;
  }
}
li　{
  width: 100%;
  text-align:left;
}

/*#content p{
    font-size: 1.1em;
    line-height: 23px;
    padding-top: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 1em;
}*/


div#sidebar {
    margin-top: calc(3px + 2em + 2em);
}
.sidebar {
  width: 20%;
  line-height: 1.5;
}
.sidebar {
  font-size: 13px;
}
.sidebar h3,
.sidebar .h3 {
  background-image: none;
  color: #fff;
  background-color: #6bb035;
  font-size: 14px;
  width: 100%;
}
.sidebar li a::after {
    content: '';
    position: relative;
    display: inline-block;
    width: 100%;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid #c5e0b4;
    padding-bottom: 20px;
}
header.article-header.entry-header {
    display: none;
}

.footer h3,
.footer .h3 {
  background-image: none;
  font-size: 1.1em;
  display: block;
  text-align: center;
}

div#list {
  max-width: 1200px; /* 1000px */
  margin: 0 auto;
}
.entry-content.cf {
  max-width: 900px;
  margin: 0 auto;
  font-size: 1.1em;
  line-height: 1.9em;
}

.entry-content>*, .demo .entry-content p {
  margin-top: 0;
  margin-bottom: 0;
}
.ect-4-columns {
  justify-content: space-around;
}
/*
.ect-4-columns .entry-card-wrap {
  width: 30%;
  padding: 7px;
  margin: 0 0 20px;
}*/
.ect-4-columns .entry-card-wrap {
  width: 23%;
  padding: 7px;
  margin: 0 0 20px;
}
.ect-4-columns .entry-card-snippet {
  max-height: 4em;
  overflow: hidden;
}
.ect-4-columns > * {
  width: 21%;
  display: inline-block;
}
.entry-card-title, h2.entry-card-title.card-title.e-card-title, .h2.entry-card-title.card-title.e-card-title {
  font-size: 15px;
  font-weight: bold/*400*/;
  /*padding: 0 calc((100% - 210px) /2);/*横位置合わせ*/
}
.entry-card-title, h2.entry-card-title.card-title.e-card-title, .h2.entry-card-title.card-title.e-card-title {
margin: 0 10px;
}
.ect-vertical-card .entry-card-wrap .entry-card-thumb {
  text-align: center;
}
.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
  width: 230px;
  height: 230px;
  object-fit: cover;
}
@media screen and (max-width: 1350px){
  .ect-4-columns .entry-card-wrap {
    width: 32%;
  }
  .ect-4-columns > * {
    width: 32%;
  }
  .main {
    width: 73%;
  }
  .sidebar {
    width: 25%;
  }
}
@media screen and (max-width: 700px){
  .ect-vertical-card .entry-card-wrap .entry-card-thumb img {
    width: 250px;
    height: 250px;
  }
  .ect-4-columns .entry-card-wrap {
    width: 48%;
  }
  .ect-4-columns > * {
    width: 48%;
  }
  .entry-card-title, h2.entry-card-title.card-title.e-card-title, .h2.entry-card-title.card-title.e-card-title {
    padding: 0 calc((100% - 250px) /2);/*横位置合わせ*/
  }
}
@media screen and (max-width: 600px){
  .ect-4-columns .entry-card-wrap {
    width: 100%;
  }
  .ect-4-columns > * {
    width: 100%;
  }
}

.eye-catch-wrap {
  display: none;
}

.category-page-content.entry-content {
    margin: 0;
    display: block;
    color: #7c4444;
    text-align: center;
    top: -3em;
    position: relative;
    font-weight: bold;
}
.page-content.entry-content {
    margin: 0;
    display: block;
    color: #7c4444;
    text-align: center;
    top: -3em;
    position: relative;
    font-weight: bold;
}
.sub-tilte {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    font-size: 
}
.sub-tilte-left {
    margin-right:15px;
}
.sub-tilte-right {
    /*margin-left:15px;*/
    font-size: 20px;
    text-align: left;
    display: table;
}
.sub-tilte-in {
  display: table-cell;
  vertical-align: middle;
}

/* ナビ */
.slicknav_menu {
  z-index: 999;
  position: fixed;
  width: 100%;
  background: #c5e0b4;
}

div#navi-in.wrap.cf.wrap, div.menu-top-container {
  margin: 0 auto 0 auto;
  font-style: inherit;
  font-weight: inherit;
  font-family: sans-serif, 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
/*font-weight: bold;*/
}
ul.navi-in {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  text-align: center;
}

.menu-top-container ul li {
  display: block;
  position: relative;
}

.menu-top-container {
  z-index: 999;
  position: relative;
  /*top: 145px;*/
  top: 185px;
  right: 150px;
}
.navi-in > ul li, .menu-top-container  > ul li {
  height: 60px;
  line-height: 60px;
}

#navi .navi-in > ul > li >a, .menu-top-container > ul > li > a  {
  padding: 0 10px;
}
/* ***
div#navi-in {
    right: 0;
    position: absolute;
}
#navi {
  z-index: 999;
  position: fixed;
  top: 0;
  width: 100%;
  height: 40px;
}*** */
#navi {
  z-index: 999;
  position: fixed;
  width: 100%;
  /*top: -100px;*/
  top:0;
}
div#navi-in, .menu-top-container {
  width: 100%;
}

#navi .navi-in > ul > li {
    width: calc(100%/10);
}
.menu-top-container > ul > li {
    width: calc(100%/7);
}
.menu-top-container > ul > li:last-child {
    padding: 0 55px 0 0;
}

#navi .navi-in > ul > li+li:before, .menu-top-container > ul > li+li:before {
  content: '';
  position: absolute;
  left: -1%;
  top: 23px;
  display: inline-block;
  width: 1px;
  height: 13px;
  background-color: #777;
}

.navi-in > ul > .menu-item-has-children > a {
  right: 10px;
}
.navi-in > ul > .menu-item-has-children > a {
    right: 0;
}
.menu-top-container .navi-in a:hover {
    background-color: rgba(255,255,255,.2);
}

.menu-top-container .navi-in a, .menu-top-container .navi-in a:hover {
    /*color: #777;*/
    color: #48702e;
}
#navi .navi-in>ul .sub-menu {
  min-width: 230px;
  background-color: #e8fddb;
}
.slicknav_nav a {
  color: #333;
}

span.fa.fa-folder-open {
    display: none;
}

.item-description.sub-caption {
    display: none;
}
item-description.sub-caption {
    display: none;
}


.flex-box {
	display: flex;
}
.flex-box-0  {	width: 0%;	display:none;	}
.flex-box-10 {	width: 10%;	}
.flex-box-15 {	width: 15%;	}
.flex-box-25 {	width: 25%;	}
.flex-box-30 {	width: 30%;	}
.flex-box-35 {	width: 35%;	}
.flex-box-40 {	width: 40%;	}
.flex-box-50 {	width: 50%;	}
.flex-box-60 {	width: 60%;	}
.flex-box-70 {	width: 70%;	}
.flex-box-75 {	width: 75%;	}
.flex-box-85 {	width: 85%;	}
.flex-box-100{	width:100%;	}

#top {
  min-height: 240px;
  max-height: 240px;
  position: relative;
}


/* ヘッダー */
#header-in {
  display: none;
}

#head-message-r,
#head-message-l,
#head-message {
	display: flex;
  flex-flow: wrap;
}


div.head-box {
  position: relative;
  display: grid;
}

div#head-message1 {
  font-size: clamp(18px, 3vw, 28px);
  /*color:#48702e;*/
  color:#5f5f5f;
  font-weight: bold;
  position: absolute;
  line-height: 1.4em;
  justify-self: center;
  align-self: center;
  bottom:8px;
}
div#head-message1 span:first-child {
    font-size: 0.85em;
}
div#head-message1 #head-message1-line3 {
    font-size: 1.2em;
    line-height: 1.4em;
}

div#head-message2 {
  font-size: clamp(14px, 2vw, 20px);
  bottom:8px;
  /*color:#7c4444;*/
  color:#5f5f5f;
  font-weight: bold;
  position: absolute;
  line-height: 1.6em;
  justify-self: right;
}

div#head-box-right {
    /*padding-top: 60px;*/
    justify-items: center;
    position: relative;
}
div#header-sns-box {
	position: relative;
    /*top: 90px;
	justify-content: flex-end;*/
	/*margin-right: 1vw;*/
	margin: auto;
    text-align: center;
    justify-items: center;
}
div#head-logo {
    position: absolute;
    bottom: 10px;
}
div#header-sns {
    width: 200px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
div#header-logo {
    width: 200px;
    display: flex;
    justify-content: center;
}

h2.underline,
.h2.underline {
  background:url(/wp-content/images/h2_under.png) bottom repeat-x; 
  background-size: 8px;
  color: #385723;
  text-align: center;
}

div#front-top {
  position: relative;
}
#cat-top-image {
  width: 100%;
}
.sns-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    margin: 0.3em 2px 2em 2px;
}
@media screen and (max-width: 1325px) {
	/*div#header-sns {
	    width: 100%;
	}*/
	/*.sns-buttons {
	    /*width: 45%;
	    column-gap: 5;
    	margin: 2px 2px 2px 2px;
	}*/
	.sns-buttons:nth-child(odd) {
        justify-content: right;
    }
	.sns-buttons:nth-child(even) {
        justify-content: left;
	}
}
@media screen and (max-width: 1024px) {
	#top {
		min-height: 140px;
		max-height: 140px;
	}
	div#head-box-right {
		padding-top: 20px;
	}
	div#header-sns-box {
	    /*top: 15px;*/
	}
	div#header-sns {
	    flex-wrap: nowrap;
	}
	.sns-buttons {
	    margin: 0.3em 2px 0 2px;
	}


	/*#head-message {
		display: grid;
        width: 60%;
	}
	div#head-box-left {
		width: 100%;
	}
	div#head-box-center {
		width: 100%;
		justify-self: center;
	}
	div#head-box-right {
		width: 40%;
	    padding-top: unset;
	    justify-items: center;
	}
	div#head-message1 {
	  top:10px;
	}
	div#head-message2 {
	  bottom:10px;
	  right: 20px;
	}*/
}


/* フッター */
.footer {
  margin-top: 0;
  padding: 0;
}
.footer-info {
  position: relative; 
  overflow: hidden;
  color: #7c4444;
  background: rgba(197, 224, 180, 0.7);
}

#footer a {
  color: #7c4444;
}

#footer-in {
  width: 100%;
}
.footer-base {
  position: relative; 
  width: 1256px;
  display: inherit;
  margin: 0 auto;
  padding: 0 29px;
  height: 455px;
}
@media screen and (max-width: 1300px) {
  .footer-base {
    width: auto;
    /*height: 515px;*/
  }
}
@media screen and (max-width: 920px) {
  .footer-base {
    /*height: 545px;*/
  }
}
@media screen and (max-width: 720px) {
	.footer-base {
    	height: 475px;
	}
}
@media screen and (max-width: 660px) {
  .footer-base {
    /*height: 650px;*/
  }
}
@media screen and (max-width: 560px) {
  .footer-base {
    /*height: 660px;*/
  }
}
@media screen and (max-width: 490px) {
  .footer-base {
    height: 600px;
  }
}


.footer-box {
  width: 100%;
  height: 350px;/*340px;*/
  /*background: rgba(197, 224, 180, 0.7);*/
  position: relative;
}

.footer-cont1 {
  margin: 0 calc(10% / 2);
  text-align: center;
  font-size: medium;
  font-weight: bold;
  width: 90%;
  height: 215px;/*160px;*/
  /*border-bottom: 1px solid;*/
}
.footer-cont1:before {
  content: '';
  position: absolute;
  left: 50.5%;
  top: 190px;/*150px;*/
  display: inline-block;
  width: 95%;
  height: 1px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #7c4444;
}

#footer-in {
  padding: 0 0px;
}
#footer-in #content {
  padding: 0;
}
.footer-inbox {
  float: left;
  width: 100%;
  display: table;
  margin: 4% 2% 0;
  text-align: center;
}
.footer-inbox img{
	max-height: 160px;
    width: auto;
    /*position: absolute;*/
}
@media screen and (max-width: 600px){
	.footer-inbox{
	    margin: 3% 0 0;
	}
}
@media screen and (max-width: 540px){
	.footer-inbox{
	    margin: 4% 0 0;
	}
}
@media screen and (max-width: 480px){
	.footer-base {
		padding: 0;
	}
	.footer-inbox{
	    margin: 5% 0 0;
	}
	.footer-inbox img{
		max-height: 160px;
	    width: 100%;
	    margin: 8% auto;
	    padding: 0 10%;
	}
}
@media screen and (max-width: 420px){
	.footer-inbox{
	    margin: 7% 0 0;
	}
}
@media screen and (max-width: 360px){
	.footer-inbox{
	    margin: 10% 0 0;
	}
	.footer-inbox img{
	    min-width: 300px;
	}
}

.footer-tel {
  display: table-cell;
  vertical-align: middle;
  height: 100px;
}
.footer-contact {
  display: table-cell;
  vertical-align: middle;
  /*height: 100px;*/
  /*border-left: 1px solid;*/
}
.footer-inbox.footer-inbox-contact {
    border-left: 1px solid;
    height: 75%;
}
.footer-cont1 h3,
.footer-cont1 .h3 {
  font-size: 170%;
  bottom: 0;/*12px;*/
  position: relative;
}
.footer-cont1 a {
  color: #7c4444;
}

.footer-cont2 {
  margin: 0 calc(4% / 2);
  text-align: center;
  font-size: medium;
  font-weight: bold;
  width: 90%;
  height: 160px;
  margin-top: 0;
  /*border-bottom: 1px solid;*/
  position: relative;
  display: table;
}
.footer-logo {
  position:absolute; bottom:-1.5em; left:10%;
}

.footer-center {
  position:absolute;
  bottom:-2.5em;
  left:50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  font-size: medium;
  display: table-cell;
  width: 570px;
  text-align: center;
  margin: 0 0 0 3em;
}
h3.footer-msg {
    text-align: left;
}

.footer-address {
  width: 500px;
  text-align: left;
  margin: 0 0 0 2em;
}

.footer-address-post{
  float: left;
  margin-right: 10px;
}
.footer-address-add {
  float: left;
  margin-left: 10px;
}

.footer-address-tel {
  float: left;
  /*margin-right: 10px;*/
}
.footer-address-fax {
  float: left;
  /*margin-left: 10px;*/
}
.footer-mail {
  float: left;
  /*margin-left: 10px;*/
}

.footer-holiday-a {
  float: left;
  font-size: medium;
}
.footer-holiday-b {
  float: left;
  font-size: medium;
}

.footer-access {
  position:absolute; bottom:-0.5em; right:2%;
  border: 1px solid;
}
.footer-access a {
  color: #7c4444;
  font-size: larger;
}
.footer-sns {
  position:absolute; bottom:3em; right:2%;
  display: flex;
  flex-flow: wrap;
}

.footer-cont3 {
  background-color: #be9e85;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  font-family: sans-serif, 'Hiragino Mincho Pro';
  line-height: initial;
}
.footer-cont3-inbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#footer .footer-cont3 h2,
#footer .footer-cont3 .h2 {
  font-size: 14px;
  font-weight: bold;
  color: #48702e;
  line-height: 1em;
  display: contents;
}
#footer .footer-cont3 h2.brown,
#footer .footer-cont3 .h2.brown{
  color: #48702e;
}

#footer .footer-cont3 a {
  /*color: #48702e;*/
  color: #fff/*#2F4F4F*/;
}
#footer .footer-cont3 h2 a,
#footer .footer-cont3 .h2 a {
  color: #48702e;
}
#footer .footer-cont3 li {
  list-style-type: disc;
  color: #fff/*#2F4F4F*/;
}
#footer .footer-cont3 .box1 { 	width: 280px; margin: 10px 20px;	}
#footer .footer-cont3 .box2 { 	width: 280px; margin: 10px 20px;	}
#footer .footer-cont3 .box3 { 	width: 280px; margin: 10px 20px;	}
#footer .footer-cont3 .box4 { 	width: 280px; margin: 10px 20px;	}

.social-icon {
  color: #fff;
}
.share-button.mail-button {
  width: 35px;
  height: 35px;
  background-color: #41a541;
  border-radius: 17px;
}
.mail-icon {
  background-color: white;
  -webkit-mask: url(/wp-content/webfont/mail.svg) no-repeat 50%;
  mask: url(/wp-content/webfont/mail.svg) no-repeat 50%;
  width: 20px;
  height: 20px;
  color: #fff;
  margin: calc((100% - 20px)/2);
}
.share-button.facebook-button {
  width: 35px;
  height: 35px;
  background-color: #3b5998;
  border-radius: 17px;
}
.facebook-icon {
  background-color: white;
  -webkit-mask: url(/wp-content/webfont/facebook.svg) no-repeat 50%;
  mask: url(/wp-content/webfont/facebook.svg) no-repeat 50%;
  width: 20px;
  height: 20px;
  color: #fff;
  margin: calc((100% - 20px)/2);
}
.share-button.instagram-button {
  width: 35px;
  height: 35px;
  background-color: #bc2a8d;
  border-radius: 17px;
}
.instagram-icon {
  background-color: white;
  -webkit-mask: url(/wp-content/webfont/instagram.svg) no-repeat 50%;
  mask: url(/wp-content/webfont/instagram.svg) no-repeat 50%;
  width: 20px;
  height: 20px;
  color: #fff;
  margin: calc((100% - 20px)/2);
}
.share-button.youtube-button {
  width: 35px;
  height: 35px;
  background-color: #bc2a2a;
  border-radius: 17px;
}
.youtube-icon {
  background-color: white;
  -webkit-mask: url(/wp-content/webfont/youtube.svg) no-repeat 50%;
  mask: url(/wp-content/webfont/youtube.svg) no-repeat 50%;
  width: 20px;
  height: 20px;
  color: #fff;
  margin: calc((100% - 20px)/2);
}


div#content-in {
    /*margin-top: 4em;*/
}



header.article-header.entry-header {
  display: inherit;
  text-align: center;
}

h1.entry-title, h1.archive-title {
/*  border-bottom: 1px solid #c5e0b4;*/
  background:url(/wp-content/images/h2_under.png) bottom repeat-x; 
  background-size: 8px;
  color: #385723;
  text-align: center;
  margin-bottom: 2em;
  line-height: 1.8em;
  /*padding-left: 1em;*/
}

h1 {
  /*display:none;*/
}
#header h1 {
    display: none;
}



/*.entry-content h3 {
  display: none;
}*/

.entry-content ul {
  list-style: none;
  width: auto;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;

  display:-webkit-box;
  display:-moz-box;
  /*display:-ms-box;*/
  /*display:-webkit-flexbox;*/
  /*display:-moz-flexbox;*/
  display:-ms-flexbox;
  display:-webkit-flex;
  /*display:-moz-flex;*/
  /*display:-ms-flex;*/
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
/*.entry-content li {
  float: left;
  margin: 0;
  padding: 0;
  width: 23%;
  font-size: small;
  text-align: center;
}
.entry-content .ttl {
  text-align: left;
}

.entry-content .more {
  text-align: right;
  padding-right: 10px;
}

.article .entry-content  li {
    margin-bottom: 1em;
}*/

.a, .b, .c {
  padding: 15px;
  border: #e4e4e4 solid 2px;
  /*background-color: rgba(197, 224, 180, 0.1);*/
  border-radius: 1em;
  margin: 1em 0;
}

.a h4, .b h4, .c h4 {
  border-top: 0px;
  border-bottom: 2px solid #e4e4e4;
  margin-bottom: 1em;
}

.a hr, .b hr, .c hr {
    color: #e4e4e4;
    margin: 1em 0;
}

.quality th {
    background-color: #fff;
    border: 0;
}
.quality td {
    background-color: #fff;
}

.quality img {
    max-width: 30%;
}




.to_top {
  text-align: right;
  padding-right: 2em;
  padding-bottom: 10px;
  clear: both;
  margin-top: 10px;
}
.to_top img {
  object-fit: none;
  height: 30px;
}

.infobox-blog {
  font-size: 14px;
}

.infobox-blog ol {
  position: relative;
  margin-top: 1em;
}

.infobox-blog ol li {
  margin: 1em 1em 0 0;
  padding: 0.5em 0.5em 0 0;
  line-height: 1.5;
  /*border-bottom: 1px solid #c5e0b4;*/
}

.infobox-blog li.underline::after {
  content: '';
  position: relative;
  display: inline-block;
  width: 100%;
  left: 0;
  bottom: -10px;
  border-bottom: 1px solid #c5e0b4;
  padding-bottom: 0;
}

.infobox-blog h4 {
  display: block;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  font-size: 14px;
}

/*-------------------------------------------
flow / リフォームの流れ
-------------------------------------------*/
.flow .high {
  /*height: 58em;*/
  background-size: contain;
}

.flow .row {
  /*height: 94em;*/
  background-size: contain;
}

.high-flow {
  background-image: url("img/flow_high_1.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 625px;
  height:100px;
  margin: 1em calc((100% - 625px) /2);
}
.row-flow {
  background-image: url("img/flow_row_1.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 625px;
  height:125px;
  margin: 1em calc((100% - 625px) /2);
}

.high ul li, .row ul li {
  position: relative;
  width: calc(100% - 90px);
  left: 80px;
}
.li-msg {
  height:11em;
}
.li-next {
  height:5em;
}
.high ul li .title-back {
  text-align:center;
  position:relative;
  background-image: url("img/flow_high_2.png");
  background-repeat: no-repeat;
  width: 125px;
  height: 125px;
  float: left;
  left: -80px;
}
.row ul li .title-back {
  text-align:center;
  position:relative;
  background-image: url("img/flow_row_2.png");
  background-repeat: no-repeat;
  width: 125px;
  height: 125px;
  float: left;
  left: -80px;
}
.high ul li .title, .row ul li .title {
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 125px;
  font-weight: bold;
  color: #fff;
}
.high ul li .msg-box, .row ul li .msg-box {
  padding: 15px;
  border: #e4e4e4 solid 2px;
  /* background-color: rgba(197, 224, 180, 0.1); */
  border-radius: 1em;
  margin: 1em 0;
  width:100%;
  position: absolute;
}
.high ul li .msg, .row ul li .msg {
  /* float: right; */
  position: relative;
  top: 50%;
  left: 35px;
  /* transform: translate(5%,0%); */
  padding-right: 2em;
}
.high ul li .next-step {
  clear: both;
  text-align:center;
  position:absolute;
  background-image: url("img/flow_high_3.png");
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  /*left: 0;*/
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.row ul li .next-step {
  clear: both;
  text-align:center;
  position:absolute;
  background-image: url("img/flow_row_3.png");
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  /*left: 0;*/
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.flow hr {
    width: 100%;
    margin-top: 37px;
    margin-bottom: 38px;
    /*margin-left: 30px;*/
    border: 1px solid #aaa;
}
.flow h3,
.flow .h3 {
  margin: 20px 0 1em 10px;
  width: calc(100% - 30px);
}
.entry-content .flow h3,
.entry-content .flow .h3 {
    display: block;
}

#content .top img {
	margin-right: 24px;
}
.high a{
    color: rgb(109, 131, 243);
    font-size: 14px;
    text-decoration: underline;
}
.high a:hover{
    color: rgb(189, 198, 248);
}
.row a{
    color: rgb(109, 131, 243);
    font-size: 14px;
    text-decoration: underline;
}
.row a:hover{
    color: rgb(189, 198, 248)
}
.flow .t_2 table {
    border: none;
    padding-bottom: 10px;
    margin-left: 24px;
}
.flow .t_2 table tr td {
    padding-left: 5px;
    padding-top: 5px;
}
.flow a img {
	box-shadow: 2px 2px 7px #555;
	-moz-box-shadow: 2px 2px 7px #555;
    -webkit-box-shadow: 2px 2px 7px #555;
}

/*-------------------------------------------
voice
-------------------------------------------*/
.voice_area h3,
.voice_area .h3 {
  display: inline-table;
  /*background-image: url(img/h3.jpg);*/
  /*background-repeat: no-repeat;*/
  height: 43px;
  font-size: 1.7em;
  padding-left: 1.4em;
  padding-top: 13px;
  margin-bottom: 8px;
}
.voice_area h4 {
  height: 25px;
  font-size: 18px;
  padding-left: 20px;
  padding-top: 0px;
  margin-bottom: 5px;
  border-top: 0;
  border-bottom: 0;
}

ul.interview {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.voice_area .interview li {
    display: inline-block;
    width: 21%;
    object-fit: cover;
}

.voice_area .interview {
    font-size: smaller;
    font-weight: 100;
}
.voice_area .interview a {
    text-decoration: none;
    display: block;
    color: #333;
    padding: 1.5%;
    margin-bottom: 3%;
    transition: all 0.3s ease-in-out;
}
.voice_area .interview a:hover {
    background-color: #f5f8fa;
    transition: all 0.3s ease-in-out;
    color: #333;
    text-decoration: underline;
}
.voice_area .interview img {
  width: 184px;
  height: 184px;
  object-fit: cover;
  margin: 0 calc((100% - 184px) / 2);
}
.voice_area ul.voice-list {
  display: grid;
}
.voice_area .voice-list li {
  clear: both;
  width: 100%;
  text-align:left;

  padding-left: 12px;
  line-height: 12px;
  /* display: inline-block; */
  background-image: url(img/btn_head.gif);
  background-repeat: no-repeat;
  text-decoration: underline;
  padding-bottom: 5px;
}
.voice_area table {
  /*width: 48.5em;*/
  border: 2px dotted #888;
  padding: 1em;
  /*margin-left: 0.8em;*/
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  border-collapse: separate;
}
.voice_area table tr:nth-of-type(2n+1) {
  background-color: #fff; 
}
.voice_area table th, table td {
  border: 0;
  padding: 0;
}
.voice_area table td {
  text-align: left;
  padding: 5px 0 5px 2.5em;
  vertical-align: top;
}
.voice_area table td .red {
  color: #f00;
  font-size: 1.4em;
  font-weight: bold;
}
.voice_area .voice_box {
  /*width: 46.2em;*/
  width: 100%;
  border: 2px dotted #888;
  padding: 1em;
  /*margin-left: 0.8em;*/
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  display: inline-block;
}
.voice_area .voice_box img {
  object-fit: contain;
  /*width: 100%;*/
  margin: 0;
}
.voice_area .voice_box img.alignnone {
  object-fit: contain;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 2em;
}
.voice_area .l_2 {
  font-size: 1.3em;
  font-weight: bold;
  color: #FF4500;
}
.voice_area .voice_img1 {
    width: 145px;
    height: 130px;
    background-image: url(img/voice_img1.jpg);
    background-repeat: no-repeat;
    float: right;
    margin-top: -15px;
    margin-right: 13px;
}
.voice_area .voice_img2 {
    width: 145px;
    height: 130px;
    background-image: url(img/voice_img2.jpg);
    background-repeat: no-repeat;
    float: right;
    margin-top: -15px;
    margin-right: 13px;
}
.voice_area .voice_img3 {
    width: 145px;
    height: 130px;
    background-image: url(img/voice_img3_2.jpg);
    background-repeat: no-repeat;
    float: right;
    margin-top: -15px;
    margin-right: 13px;
}
.voice_area .voice_img4 {
    width: 145px;
    height: 130px;
    background-image: url(img/voice_img4.jpg);
    background-repeat: no-repeat;
    float: right;
    margin-top: -15px;
    margin-right: 13px;
}
.voice_area .voice_img5 {
    width: 145px;
    height: 175px;
    background-image: url(img/voice_img5.jpg);
    background-repeat: no-repeat;
    float: right;
    margin-top: -15px;
    margin-right: 13px;
}
.voice_area .voice_img6 {
    width: 145px;
    height: 97px;
    background-image: url(img/voice_img6.jpg);
    background-repeat: no-repeat;
    float: right;
    margin-top: 10px;
    margin-right: 13px;
}
.voice_area .voice_img7 {
    width: 341px;
    height: 97px;
    background-image: url(img/voice_img7.jpg);
    background-repeat: no-repeat;
    float: right;
    margin-top: 10px;
    margin-right: 13px;
}
.voice_area .voice_img8 {
    width: 145px;
    height: 218px;
    background-image: url(img/voice_img8.jpg);
    background-repeat: no-repeat;
    float: right;
    margin-top: 10px;
    margin-right: 13px;
}
@media screen and (max-width: 1350px){
  .voice_area .interview li {
    width: 25%;
  }
}
@media screen and (max-width: 700px){
  .voice_area .interview img {
    width: 250px;
    height: 250px;
  }
  .voice_area .interview li {
    width: 48%;
  }
}
@media screen and (max-width: 600px){
  .voice_area .interview li {
    width: 100%;
  }
}

/*-------------------------------------------
住宅維持管理リフォームとは
-------------------------------------------*/
.ijikanri {
  padding: 15px;
  border: #e4e4e4 solid 2px;
  /*background-color: rgba(197, 224, 180, 0.1);*/
  border-radius: 1em;
  margin: 1em 0;
}

/*-------------------------------------------
アリキリとは（会社概要）
-------------------------------------------*/
/*.company {
  padding: 15px;
  border: #e4e4e4 solid 2px;
  border-radius: 1em;
  margin: 1em 0;
}*/

.company ul {
  display: flex;
  width: 100%;
}
.company li {
  display: inline-block;
  width: 12%;

  padding-left: 12px;
  line-height: 12px;
  background-image: url(img/btn_head.gif);
  background-repeat: no-repeat;
  text-decoration: underline;
  padding-bottom: 5px;
  text-align: left;
}
.company h3,
.company .h3 {
  display: inline-table;
  /*background-image: url(img/h3.jpg);*/
  /*background-repeat: no-repeat;*/
  height: 43px;
  font-size: 1.7em;
  padding-left: 1.4em;
  padding-top: 13px;
  margin-bottom: 8px;
}
.company h4 {
  height: 25px;
  font-size: 18px;
  padding-left: 20px;
  padding-top: 0px;
  margin-bottom: 5px;
  border-top: 0;
  border-bottom: 0;
}
.company .syatyou_syoukai {
    text-align: right;
}
.company pre {
  background-color: #fff;
  border: 0;
  padding: 0;
  font-family: sans-serif, 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.company th {
  width: 15em;
}
.company table td {
  padding-left: 10px;
  padding-right: 10px;
}
.syatyou_img img {
  position: relative;
  right: 60px;
  margin-left: 6em;
  margin-bottom: 1em;
}

/*-------------------------------------------
アクセス
-------------------------------------------*/
.access {
  padding: 15px;
  border: #e4e4e4 solid 2px;
  /*background-color: rgba(197, 224, 180, 0.1);*/
  border-radius: 1em;
  margin: 1em 0;
}

.access .map {
    height: 280px;
    border: 0px solid #555;
    background-image: url(img/arikiri_map.jpg);
    background-repeat: no-repeat;
    margin-left: 1em;
}

/*-------------------------------------------
お問い合わせ
-------------------------------------------*/
/*.contact {
  padding: 15px;
  border: #e4e4e4 solid 2px;
  border-radius: 1em;
  margin: 1em 0;
}*/
.contact .contact_area {
    border: 3px solid #4c6224;
    margin: 20px 30px;
    padding: 8px 10px;
    text-align: left;
}
.contact h3,
.contact .h3 {
  display: block;
  /*background-image: url(img/h3.jpg);*/
  /*background-repeat: no-repeat;*/
  height: 43px;
  font-size: 1.2em;
  padding-left: 1.4em;
  padding-right: 0;
  padding-top: 13px;
  margin-bottom: 8px;
  margin-top: 2em;
}
.contact h4 {
  height: 25px;
  font-size: 18px;
  padding-left: 20px;
  padding-top: 0px;
  margin-bottom: 5px;
  border-top: 0;
  border-bottom: 0;
}
.contact .contact_syatyou {
    width: 90%;
    font-size: 1em;
    margin: 30px 1.3em 0 1.3em;
    padding-left: 1em;
}
.contact .contact_tel {
    width: 90%;
    font-size: 1em;
    margin: 30px 1.3em 0 1.3em;
    padding-left: 1em;
}
.contact .contact_tel strong {
    font-size: 24px;
}
.contact .contact-time td {
    text-align: left;
    padding: 0;
}
.contact .information {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px;
  padding: 0;
  background: #fff;
  border: 0;
}
.contact .information:before {
  content: '';
  color: #fff;
  border-right: 0;
}
.contact ul {
  margin: 0 0 0 20px;
  list-style-type: decimal;
  overflow: inherit;
}
.contact li {
  width: 100%;
  list-style-position: outside;
  line-height: 1.6em;
  margin: 1em;
  padding: 0 0 0 5px;
  letter-spacing: -0.2px;
  text-align: left;
}
.contact table tr:nth-of-type(2n+1) {
  background-color: #fff;
  text-align: center;
}
.contact .contact_request {
    width: 100%;
    font-size: 1em;
    margin: 30px 1.3em 0 1.3em;
    padding-left: 1em;
}
.contact .contact_form th, .contact_form td {
    padding: 10px;
    border: 1px solid #CCC;
}
.contact .contact_form th {
    width: 32%;
    background: #EEE;
    text-align: left;
    vertical-align: top;
}
.contact .hissu {
    color: #FC6F6F;
    font-size: 13px;
}
.contact .notes {
    color: RED;
    font-size: 0.8em;
}
.contact input[type="text"], input[type="number"], .contact input[type="email"], .contact input[type="textarea"], select {
    padding: 2px;
    background: #f5f5f5;
    border: 1px solid #bfbfbf;
    box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: black;
    font-size: 14px;
    line-height: 1.5em;
}
.contact select {
    webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    padding: 3px 10px;
}
.contact .contact_form th, .contact .contact_form td {
    padding: 10px;
    border: 1px solid #CCC;
    text-align: left;
}
.contact input[type="text"][name="築年数"] {
    max-width: 5em;
}
.contact img.syatyou {
  width:140px;
}

.contact .recruitment_area {
    margin: 0 30px;
    padding: 0 10px;
    text-align: left;
}

.contact dl.address {
    margin-bottom: 0;
}
.contact .address dt {
    width: 6em;
    text-align: end;
}

.contact .address dd {
    margin-left: 7em;
}

.contact dl.address:before {
    content: none;
}
.contact .address dd:after {
    content: none;
}
.contact .recruitment_area h2,
.contact .recruitment_area .h2{
   color: #7c4444;
   margin-top: 0;
   font-size: 1.2em;
}
.contact .recruitment_area h3,
.contact .recruitment_area .h3{
   color: #7c4444;
}
.contact .recruitment_area h4{
   color: #7c4444;
}
.contact .recruitment_area .contact_form th {
    width: 22%;
}

.contact dt {
    float: left;
    width: 150px;
    margin-top: 5px;
    color: #385723;
    font-weight: bold;
}

.contact dd {
    margin-left: 150px;
    margin-top: 5px;
    font-weight: bold;
}

.contact dl:before {
    content: '';
    position: relative;
    left: -10px;
    bottom: 5px;
    display: inline-block;
    width: calc(100% + 10px);
    height: 1px;
    background-color: #385723;
}
.contact dd:after {
    content: '';
    position: relative;
    left: -160px;
    bottom: 5px;
    display: inline-block;
    width: calc(100% + 160px);
    height: 1px;
    background-color: #385723;
}

.contact .inp5 { width: 5em; }
.contact .inp10 { width: 10em; }
.contact .inp15 { width: 15em; }
.contact .inp20 { width: 20em; }
.contact .inp35 { width: 35em; }
@media screen and (max-width: 800px){
	.contact dt { float:none;	}
	.contact dd { margin-left:0;	}
	.contact dl:before { content: ''; width: 100%;	}
	.contact dd:after { content: ''; width: 100%; left:0px; width:100%;	}
	.contact .inp35 { width: 100%;	}
	.contact .address dd {	margin-left: 0;	}
	.contact .address dt {	float: none; text-align: left;	}
}
.contact .inp40 { width: 40em; }
.contact .inp45 { width: 45em; }
.contact .inp50 { width: 50em; }
.form-address {
  width:200px;
}
/*-------------------------------------------
社長ブログ
-------------------------------------------*/
ul.syatyou-blog-menu {
  margin: 10px 20px;
  padding: 0 0 5px 0;
  border-bottom: 2px dotted #a9a9a9;
  list-style: none;
}
ul.syatyou-blog-menu li {
  float: left;
  margin: 0 20px 10px 0;
}
ul.syatyou-blog-menu li:before {
    content: url(img/icon-arrow-right.png);
    display: inline-block;
    margin: 0 3px 0 0;
}
.syatyou .related-entry-card-thumb {
  width: 120px;
}
.syatyou .entry-card {
    margin: 2em 0;
}
.syatyou .entry-card-content {
    margin-left: 160px;
}
.syatyou #date {
    font-size: 12px;
    font-weight: normal;
    color: #555;
}
.syatyou .a-wrap {
  padding: 0;
  margin-bottom: 0;
  display: inherit;
}
.syatyou .border-element.cf:after {
  content: "";
  clear: none;
  display: inherit;
}
.syatyou .entry-card-wrap.a-wrap.border-element.cf:hover {
  background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
  color: #333;
}
.syatyou #mokuji {
  border-bottom: 2px dotted #888;
}
.syatyou .entry-card-content:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0px;
    display: inline-block;
    width: 100%;
    height: 1px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #c5e0b4;
}

/*-------------------------------------------
概算費用
-------------------------------------------*/
/*.hiyou {
  padding: 15px;
  border: #e4e4e4 solid 2px;
  border-radius: 1em;
  margin: 1em 0;
}*/
.hiyou h3,
.hiyou .h3 {
  background-image: none;
  display: block;
  color: #7c4444;
  text-align: left;
  top: -1em;
  position: relative;
}
.hiyou_area h3,
.hiyou_area .h3 {
  display: inline-table;
  /*background-image: url(img/h3.jpg);*/
  /*background-repeat: no-repeat;*/
  height: 43px;
  font-size: 1.7em;
  padding-left: 1.4em;
  padding-top: 13px;
  margin-bottom: 0;
  margin-top: 0;
}

.hiyou_area h4 {
  height: 25px;
  font-size: 18px;
  padding-left: 20px;
  padding-top: 0px;
  margin-bottom: 5px;
  border-top: 0;
  border-bottom: 0;
}

.hiyou li {
  margin-bottom: 1em;
  width: 19%;
  display: inline-flex;
}
.hiyou li img {
  width: 140px;
  object-fit: contain;
}
.hiyou_area .text-right {
  right: 4em;
  position: relative;
  bottom: 2em;
  font-size: 20px;
}
.hiyou .gaisan table, .hiyou .gaisan tr, .hiyou .gaisan th, .hiyou .gaisan table td {
  border: 1px solid #c5e0b4;
}
.hiyou .gaisan th {
  background-color: rgba(197, 224, 180, 0.3);
}
.hiyou .gaisan th.name {
  width: 20%;
}
.hiyou .gaisan th.money {
  width: 10%;
}
.hiyou .gaisan th.period {
  width: 10%;
}
.hiyou .gaisan th.contents {
  width: 100%;
}
.hiyou .gaisan td {
  padding: 1em;
}
.hiyou .gaisan td.money {
  text-align: right;
}
.hiyou .gaisan td.period {
  text-align: right;
}

/*-------------------------------------------
スタッフ
-------------------------------------------*/
.stuff .syugou-top02 {
  text-align: center;
}
.stuff .size-full {
  max-width: 90%;
}
.stuff .size-medium {
  max-width: 240px;
  max-height: 200px;
}

.stuff .car {
  margin-bottom: 5em;
  display: flex;
}
.stuff .car ul {
  float: left;
  width: 100%;
}
.stuff .car li {
  height: 240px;
  object-fit: cover;
  width: 32%;
  /*padding: 0 calc((32% - 200px) /2);*/
}
.stuff .cast table {
  margin-top: 20px;
}
.stuff table tr:nth-of-type(2n+1) {
  background-color: #fff;
}
.stuff .left {
  width: 250px;
  float: right;
  display: block;
  margin: auto 25px auto 10px;
}
.stuff .right {
  float: left;
  margin: 1em 1em 1em 2em;
}
.stuff .right:after {
  content: "";
  clear: both;
}
.stuff .center {
  width: 100%;
}


/*-------------------------------------------
オーダーリノベーション
-------------------------------------------*/
.mansionful li {
  width: 100%;
  text-align: left;
}

.mansionful h3,
.mansionful .h3 {
  display: inline-table;
  /*background-image: url(img/h3.jpg);*/
  /*background-repeat: no-repeat;*/
  height: 43px;
  font-size: 1.7em;
  padding-left: 1.4em;
  padding-top: 13px;
  margin-bottom: 8px;
  margin-top: 0;
}




/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 1450px){
  /*必要ならばここにコードを書く*/
  .navi-in a,  {
    font-size: 14px;
  }
  #navi .navi-in>ul .sub-menu {
    min-width: 220px;
  }
}

@media screen and (max-width: 1300px){
  /*必要ならばここにコードを書く*/
  .navi-in a {
    font-size: 13px;
  }
  #navi .navi-in>ul .sub-menu {
    min-width: 190px;
  }
}
@media screen and (max-width: 1230px){
  .footer-access {
    right:5%;
  }
  .footer-sns {
    right:5%;
    width: 100px;
  }
}

/*1200px以下*/
@media screen and (max-width: 1200px){
  /*必要ならばここにコードを書く*/
  .navi-in a {
    font-size: 12px;
  }
  #navi .navi-in > ul > li > a, .menu-top-container > ul > li > a  {
    padding: 0 5px;
  }
  #navi .navi-in>ul .sub-menu {
    min-width: 175px;
  }

  div#content-in {
    /*margin-top: 6em;*/
  }

  .small-disp1 {
    display: inline;
  }
  .footer-box {
    height: 475px;
  }

  /*.footer-cont1 {
    height: 300px;
  }
  .footer-cont1:before {
    top: 280px;
  }*/

  .footer-logo img {
    width: 95%;
  }
  .footer-logo {
    left: 15%;
    bottom: 4.5em;
  }
  .footer-cont2 {
    /*height: 65px;*/
	position: unset;
  }
  .footer-center {
    bottom:3.5em;
  }
  .footer-address-tel {
    clear: both;
    margin-right: 0px;
    width: 100%;
  }
  .footer-address-fax {
    clear: both;
    margin-left: 0px;
    width: 100%;
  }
  .footer-mail {
    clear: both;
    margin-left: 0px;
    width: 100%;
  }
  .footer-holiday-a {
    clear: both;
    width: 100%;
    /*text-align:center;*/
  }
  .footer-holiday-b {
    clear: both;
    width: 100%;
    /*text-align:center;*/
  }
  .footer-access {
    bottom:5.5em;
  }
  .footer-sns {
    bottom:9.5em;
  }
}

@media screen and (max-width: 1150px){
  .footer-access {
    /*right:17%;*/
  }
  .footer-sns {
    /*right:0;*/
  }
}

/*1023px以下*/
@media screen and (max-width: 1024px){
  div#header-container-in {
    height: 140px;
  }
  .mobile-disp5 {	display: inline;	}
  .pc-disp5		{	display: none;		}

  .navi-in a {
    font-size: 11px;
  }
  #navi .navi-in>ul>li>a {
    padding: 0 5px;
  }
  #navi .navi-in>ul .sub-menu {
    min-width: 165px;
  }
  .menu-top-container > ul > li:last-child {
    padding: 0 25px 0 0;
  }

  .main {
    width: 100%;
  }


  .footer-logo {
    left: 10%;
  }
  .footer-logo img {
    width: 90%;
  }
  .footer-access {
    bottom:6.5em; right:10%;
  }
  .footer-sns {
    bottom:10.5em; right:8%;
  }
}

/*965px以下*/
@media screen and (max-width: 965px){
  /*.footer-box {
    height: 445px;
  }*/
  .small-disp2 {
    display: inline;
  }
  /*.footer-cont1:before {
    top: 190px;
  }*/
  /*.footer-mail {
    height: 160px;
  }*/
  .footer-cont2 {
    /*height: 175px;*/
  }
}

/*920px以下*/
@media screen and (max-width: 920px){
  .footer-box {
    height: 515px;
  }
  .small-disp1 {
    display: none;
  }
  .small-disp2 {
    display: none;
  }
  .footer-box {
    /*height: calc(130px + 130px + 150px + 30px);*/
  }
  /*.footer-cont1:before {
    height: 1px;
    top: 200px;
  }*/
  .footer-inbox {
    width: 100%;
  }
  .footer-inbox.footer-inbox-contact {
    border-left: 1px solid;
    height: 50%;
  }
  .footer-contact {
    border-left: 0px solid;
  }
  .footer-contact:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 315px;
    display: inline-block;
    width: 95%;
    height: 1px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #7c4444;
  }
  .footer-inbox.footer-inbox-contact {
    border-left: 0;
  }

  .footer-cont2 {
    /*height: 130px;*/
  }
  .footer-center {
    bottom: 6.5em;
  }
  .footer-logo {
    left: 2%;
    bottom: 7.5em;
  }
  .footer-logo img {
    width: 85%;
  }
  .footer-address {
    font-size: medium;
  }
  .footer-access {
    font-size: medium;
    bottom:9.5em; right:10%;
    right:4%;
  }
  .footer-sns {
    bottom:13.5em; right:8%;
    right:2%;
  }

  .li-msg-long {
    height:13em;
  }
  .hiyou li {
    width: 32%;
  }
  .entry-content .stuff li.right {
    width: auto;
  }
  .stuff .left {
    margin: auto;
  }
  .entry-content .stuff li.right {
    clear: both;
    width: 100%;
    text-align: center;
	display: block;
  }
  #content .stuff p.right-box {
    margin: 0;
    text-align: left;
    display: inline-block;
  }
}
@media screen and (max-width: 850px){
  .navi-in a {
    font-size: 10px;
  }
  #navi .navi-in>ul .sub-menu {
    min-width: 155px;
  }
  .menu-top-container > ul > li:last-child {
    padding: 0 10px 0 0;
  }
}
@media screen and (max-width: 900px){
  .mobile-disp3 {	display: block;	}
  .pc-disp3		{	display: none;	}
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  .menu-top-container {
    display: none;
  }

  .no-sidebar .content .main {
    padding: 16px 0 0;
  }
  .footer-info {
    padding: 0;
  }

  .entry-content li {
    width: 32%;
  }

  /*.entry-content .stuff li.right {
    width: auto;
  }*/

  .flow .high {
    margin-left: 0;
  }
  .flow .row {
    margin-left: 0;
  }

  span.mwform-radio-field-text {
    font-size: 0.9em;
  }
}

@media screen and (max-width: 800px){
  /*.stuff .left {
    margin: auto;
  }
  .entry-content .stuff li.right {
    clear: both;
    width: 100%;
    text-align: center;
	display: block;
  }
  #content .stuff p.right-box {
    margin: 0;
    text-align: left;
    display: inline-block;
  }*/
}
/*740px以下*/
@media screen and (max-width: 740px){
  .footer-box {
    height: 600px;
  }
  .footer-cont2 {
    height: 155px;
  }
  .footer-logo {
    /*left: 2.5%;*/
    left: 0;
    bottom: 8em;
  }
  .footer-center {
    /*font-size: smaller;*/
    margin: 0 0 0 2em;
    bottom: 12.5em;
  }
  .footer-holiday-a {
    /*font-size: smaller;*/
  }
  .footer-holiday-b {
    /*font-size: smaller;*/
  }
  .footer-access {
    font-size: medium;
    right:5%;
    bottom: 9.5em;
  }
  .footer-sns {
    right: calc(63% - 100px);
    bottom: 9.5em;
    flex-flow: nowrap;
  }
  .stuff .car li {
    width: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 700px){

  .flow .high {
    /*width: 660px;*/
  }
  .flow .row {
    /*width: 660px;*/
  }

}

/* PCで電話番号リンクを無効に */
@media (min-width: 751px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}

/*660px以下*/
@media screen and (max-width: 660px){
  .mobile-disp2 {
    display: inline;
  }
  .pc-disp2 {
    display: none;
  }
  .mobile-disp4 {
    display: block;
  }
  .pc-disp4 {
    display: none;
  }
  .footer-box {
    /*height: 315px;*/
  }
/*
  .footer-cont2 {
    height: 155px;
  }
  .footer-logo img {
    width: 70%;
  }
  .footer-logo {
    left: -5%;
  }
*/
  .footer-logo {
    /*left: 2.5%;*/
    left: 0;
    bottom: 9em;
  }
  .footer-center {
    bottom: 14em;
  }
  .footer-access {
    font-size: medium;
    right:5%;
    bottom: 10em;
  }
  .footer-sns {
    right: calc(63% - 100px);;
    bottom: 10em;
  }
  .footer-box {
    height: 620px;
  }
  /*.footer-cont1:before {
    height: 1px;
    top: 220px;
  }*/
  .footer-contact:before {
    top: 335px;
  }
  .entry-content li {
    width: 48%;
  }
  .hiyou li {
    width: 48%;
  }

  .flow .high {
    width: 560px;
    /*height: 53em;*/
  }
  .flow .row {
    width: 560px;
    /*height: 87em;*/
  }

}

@media screen and (max-width: 625px){
  .footer-center {
    margin: 0 0 0 1em;
  }
  .high-flow, .row-flow {
    width: 100%;
    margin: 1em 0;
  }
}

@media screen and (max-width: 600px){
  .footer-center {
    margin: 0 0 0 0.5em;
  }
  .flow .high {
    width: 500px;
    /*height: 38em;*/
  }
  .flow .row {
    width: 500px;
    /*height: 77em;*/
  }
}

/*560px以下*/
@media screen and (max-width: 560px){
  .footer-box {
    height: 635px;
  }
  .footer-logo {
    left: 0;
    bottom: 10em;
  }
  .footer-cont2 {
    height: 180px;
  }
  .footer h3, .footer .h3 {
    font-size: 1em;
    padding-left: 1em;
  }
  .footer-center {
    bottom: 15em;
  }
  .footer-address {
    margin-left: 1em;
  }
  .footer-access {
    /*right: 12%;*/
    bottom: 11em;
  }
  .footer-sns {
    /*right: 10%;*/
    bottom: 10em;
    flex-wrap: wrap;
  }
/*
  .footer-cont2 {
    height: 130px;
  }
  .small-disp1 {
    display: inline;
  }
  .footer-address {
    font-size: x-small;
  }
  .footer-holiday-a {
    font-size: x-small;
  }
  .footer-holiday-b {
    font-size: x-small;
  }
  .footer-address-post{
    clear: both;
    margin-right: 0;
  }
  .footer-address-add {
    clear: both;
    margin-left: 0;
  }
*/
  .entry-content li {
    width: 100%;
  }
  .hiyou li {
    width: 48%;
  }
  .flow .high {
    width: 100%;
    /*height: 38em;*/
  }
  .flow .row {
    width: 100%;
    /*height: 62em;*/
  }
  .li-msg-long {
    height:16em;
  }


  .sub-tilte {
    display: block;
    margin: 60px auto 0;
    justify-content: center;
  }
  .sub-tilte-left {
    margin:0 auto;
  }
  .sub-tilte-right {
    margin:0 auto;
  }

}

@media screen and (max-width: 490px){
  .mobile-disp {
    display: inline;
  }
  .mobile-disp2 {
    display: none;
  }
  .mobile-off {
    display: none;
  }
  .small-disp1 {
    display: none;
  }
  .pc-disp {
    display: none;
  }

  div#content-in {
    /*margin-top: 6em;*/
    padding-top: 0em;
  }

  h1.entry-title, h1.archive-title {
    font-size: 20px;
  }
  .footer-box {
    height: 700px;
  }
  /*.footer-cont1:before {
    top: 275px;
  }*/
  .footer-contact:before {
    top: 390px;
  }
/*
  .footer h3 {
    padding-left: 0;
  }
  .footer-inbox {
    margin: 2% 0 0;
  }
  .footer-cont1:before {
    top: 180px;
  }
  .footer-cont1 h3 {
    font-size: x-large;
  }
*/
	.footer-base {
	    height: 600px;
	}
    .footer h3, .footer .h3 {
      padding-left: 0.8em;
    }
	.footer-center	{
	    width: 100%;
	    bottom: 14em;
        text-align: center;
	}
	.footer-address {
	    text-align: center;
	    width:100%;
	    margin: 0 auto;
	}
	.footer-address-post {
	    float: left;
	    margin-right: 10px;
	    margin-left: 1em;
	}
	.footer-address-tel {
	    text-align: center;
	}
	.footer-mail {
	    text-align: center;
	}
	.footer-holiday-a {
	    text-align: center;
	}
	.footer-holiday-b {
	    text-align: center;
	}
	.footer-logo {
		left: 0;
		bottom: 8em;
	}
	.footer-access {
		right:5%;
		bottom: 8em;
	}
	.footer-sns {
        right: 4%;
        bottom: 10.5em;
        flex-wrap: nowrap;
        width: 160px;
        height: 40px;
	}
    #header .sns-buttons {
        /*width: 100%;*/
    }
    #footer .sns-buttons {
        width: 100%;
    }
/*
  .footer-logo img {
    width: 60%;
  }
  .footer-logo {
    left: -13%;
  }
  .footer-address {
    font-size: xx-small;
  }
  .footer-tel {
    font-size: 95%;
  }
  .footer-holiday-a {
    font-size: xx-small;
  }
  .footer-holiday-b {
    font-size: xx-small;
  }
  .footer-mail:before {
    top: 305px;
    width: 90%;
  }
*/
  .li-msg {
    height:14em;
  }
  .li-msg-long {
    height:18em;
  }


  .syatyou .related-entry-card-thumb {
    width: auto;
    max-width: 100%!important;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  .syatyou .entry-card {
    margin: 2em 0;
    width: 100%;
  }
  .syatyou .entry-card-content {
    margin-left: 0;
  }
  .syatyou .border-element.cf:after {
    clear: both;
  }

  .contact .contact_area {
    margin: 20px 0;
    padding: 8px 0;
  }
  .contact .contact_tel {
    width: 100%;
    margin: 30px 0 0;
    padding-left: 0;
  }
  .contact .contact_request {
    width: 100%;
    font-size: 1em;
    margin: 0;
    padding-left: 0;
  }
}

@media screen and (max-width: 460px){
  .footer-contact:before {
    top: 375px;
  }
  /*.footer-mail {
    font-size: small;
  }*/
	.footer-center {
    	margin: 0;
    	padding: 0;
	}
	.footer h3, .footer .h3 {
    	padding-left: 0.8em;
	}
  .footer-address {
    width: 290px;
  }
  .footer-address-post {
    margin-left: 35px;
  }
  .footer-address-add {
    margin-left: 35px;
  }
}

@media screen and (max-width: 420px){
  .li-msg {
    height:16em;
  }
  .li-msg-long {
    height:21em;
  }
  .small-disp3 {
    display: none;
  }
}


.faq-wrap {
  border-color: transparent;
}

.faq {
  line-height: 24px;
}

.faq .link a {
	color:#385723;
}

.faq-item {
  display: flex;
}

.faq-item-label {
  font-size: 24px;
  margin-right: 0.6em;
}

.is-style-square .faq-item-label {
  font-size: 20px;
  padding: 5px 8px;
  height: 100%;
}

.faq-item-content {
  flex: 1 1 auto;
  width: calc(60%);
}

.faq-question {
  margin-bottom: 1.8em;
  align-items: center;
}

.faq-question-label {
  color: #b7282e;
}

.faq-question-content {
  font-weight: 700;
}

.faq .faq-answer {
  margin-left: 0;
}

.faq-answer-label {
  color: #007bbb;
}



body { font-weight: bold; }
h1 { font-size: 32px; font-weight: bold; }
h2 { font-size: 24px; font-weight: bold; }
.h2 { font-size: 24px; font-weight: bold; }
h3 { font-size: 18px; font-weight: bold; padding-left: 0; }
.h3 { font-size: 18px; font-weight: bold; padding-left: 0; }
h4 { font-size: 16px; font-weight: bold; }
.h4 { font-size: 16px; font-weight: bold; }
h5 { font-size: 16px; font-weight: bold; }
h6 { font-size: 16px; font-weight: bold; }
.article h1 { font-size: 32px; font-weight: bold; line-height: 1.5em; padding: 0; margin: 0; border-bottom: 0; }
.article h2 { font-size: 24px; font-weight: bold; line-height: 1.5em; padding: 0; margin: 0; border-bottom: 0; }
.article .h2 { font-size: 24px; font-weight: bold; line-height: 1.5em; padding: 0; margin: 0; border-bottom: 0; }
.article h3 { font-size: 18px; font-weight: bold; line-height: 1.5em; padding: 0; margin: 0; border-bottom: 0; padding-left: 0; }
.article .h3 { font-size: 18px; font-weight: bold; line-height: 1.5em; padding: 0; margin: 0; border-bottom: 0; padding-left: 0; }
.article h4 { font-size: 16px; font-weight: bold; line-height: 1.5em; padding: 0; margin: 0; border-bottom: 0; }
.article .h4 { font-size: 16px; font-weight: bold; line-height: 1.5em; padding: 0; margin: 0; border-bottom: 0; }
.article h5 { font-size: 16px; font-weight: bold; line-height: 1.5em; padding: 0; margin: 0; border-bottom: 0; }
.article h6 { font-size: 16px; font-weight: bold; line-height: 1.5em; padding: 0; margin: 0; border-bottom: 0; }

h1.entry-title, h1.archive-title {
  /*background: none;*/
  color: #385723;
  text-align: center;
  margin-bottom: 2em;
  line-height: 1.5em;
  font-size: 28px;
}
.entry-content.cf {
  font-size: 16px;
  font-weight: bold;
}

.article * {
    padding: 0;
    margin: 0;
}

@media screen and (max-width: 490px){
   .entry-content.cf {
    margin: 0 1em;
  }
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
ユーザー エージェント スタイルシート
strong {
    font-weight: bold;
}
#content p {
  font-size: 16px;
  font-weight: bold; 
  margin: 1.5em 0px;   /* 上下に1em・左右に0px */
  line-height: 1.5;
}
/*h2.underline {
    background: none;
}*/	


.home #content p {
  font-size: 16px;
  font-weight: bold; 
  margin: 0em 0px;   /* 上下に1em・左右に0px */
  line-height: 0;
}
.ijikanri {
  padding: 15px;
  margin: 1em 0;
}

/*.has-border-color:not(.not-nested-style) > .toggle-button {
    color: var(--cocoon-white-color) !important;
    background-color: var(--cocoon-custom-border-color) !important;
}*/
.has-border-color > .toggle-button {
    border-color: var(--cocoon-custom-border-color) !important;
}


div.applyfor-box-voice-list a {
    margin: 0 !important;
}
a.applyfor-box-voice {
    justify-items: center;
    text-align: center;
}
a.applyfor-box-voice img {
    width: 70%;
}