/* -----------------------------------------------------------------
  定番ページ用の表
----------------------------------------------------------------- */
body.page table th,
body.page table td {
  background: none;
  border: none;
}
#core .block-table {
  border-collapse:collapse;
  border:solid 1px #ccc;
  margin-bottom: 10px;
  width:100%;
}
#core .block-table tr:nth-child(odd) {
  background-color: #f9f9f9;
}
#core .block-table td,
#core .block-table th {
  border:solid 1px #ccc;
  padding:5px 10px;
  line-height:1.6em;
  vertical-align:middle;
}
#core .block-table th {
  background:#EFEFEF;
  font-weight:bold;
  text-align: center;
  width:24%;
}
#core .block-table .komoku {
  background:#FDFDFD;
  font-weight:normal;
}

/*--------------- 1列パターン ----------------*/
/* 見出しの左右に強調ラインを設定 */
#core table.h-head-table1 {
  padding: 0;
  margin-bottom: 10px;
  width:100%;
}
#core table.h-head-table1 td {
  border: none;
  padding:10px 0 20px 10px;
  line-height:1.8em;
  text-align:left;
  vertical-align:top;
}
#core table.h-head-table1 p {
  line-height:1.8em;
}
#core table.h-head-table1 ol,
#core table.h-head-table1 ul {
  margin-bottom:15px;
}
#core table.h-head-table1 ol li {
  margin-bottom:5px;
  margin-left: 20px;
}
#core table.h-head-table1 th {
  text-align:left;
  border:1px solid #2B9BED;
  border-left:10px solid #2B9BED;
  border-right:10px solid #2B9BED;
  padding:5px 10px;
  font-weight:bold;  
  font-size:16px;
}
#core table.h-head-table1 th p {
  margin-bottom:0;
}
#core table.h-head-table1 ul li {
  margin-bottom:5px;
  list-style-type:disc;
  margin-left: 20px;  
}

/* 見出しの左と下にラインを設定 */
#core table.h-head-table2 {
  padding: 0;
  margin-bottom: 10px;
  width:100%;
}
#core table.h-head-table2 td {
  border: none;
  padding:10px 0 20px 10px;
  line-height:1.8em;
  text-align:left;
  vertical-align:top;
}
#core table.h-head-table2 p {
  line-height:1.8em;
}
#core table.h-head-table2 ol,
#core table.h-head-table2 ul {
  margin-bottom:5px;
}
#core table.h-head-table2 ol li {
  margin-bottom:5px;
  list-style-type:decimal;
  margin-left: 20px;  
}
#core table.h-head-table2 th {
  text-align:left;
  border-left:10px solid #2A66A3;
  border-bottom:1px dashed #2A66A3;
  padding:3px 10px 3px 10px;
  font-weight:bold;
  font-size:16px;
}
#core table.h-head-table2 th p {
  margin-bottom:0;
}
#core table.h-head-table2 ul li {
  background: none;
  list-style:disc outside;
  margin-bottom:5px;
  margin-left: 20px;  
}


/* 見出しを塗り潰し、下にライン */
#core table.h-head-table3 {
  border: none;
  padding: 0;
  margin-bottom: 10px;
  width:100%;
}
#core table.h-head-table3 td {
  border: none;
  padding:10px 0 20px 10px;
  line-height:1.8em;
  text-align:left;
  vertical-align:top;
}
#core table.h-head-table3 p {
  line-height:1.8em;
}
#core table.h-head-table3 ol,
#core table.h-head-table3 ul {
  margin-bottom:15px;
}
#core table.h-head-table3 ol li {
  margin-bottom:5px;
  list-style:disc outside;
  margin-left: 20px;
}
#core table.h-head-table3 th {
  text-align:left;
  background-color:#EFEFEF;
  font-weight:bold;
  padding:3px 10px 3px 10px;
  border-bottom:1px solid #E0DEDE;
  font-size:16px;
}
#core table.h-head-table3 th p {
  margin-bottom:0;
}
#core table.h-head-table3 ul li {
  margin-bottom:5px;
  list-style:disc outside;
  margin-left: 20px;
}


/*--------------- 2列以上のパターン（1列目がth） ----------------*/
/* 共通 */
#core table.v-head-table1,
#core table.v-head-table2,
#core table.v-head-table3,
#core table.v-head-table4 {
  border-collapse: collapse;
  margin-bottom: 15px;
  padding: 0;
  table-layout: fixed;
  width: 100%;
}
#core table.v-head-table1 th,
#core table.v-head-table1 td,
#core table.v-head-table2 th,
#core table.v-head-table2 td,
#core table.v-head-table4 th,
#core table.v-head-table4 td {
  padding:10px 15px;
  line-height:1.6em;
}
#core table.v-head-table1 th,
#core table.v-head-table2 th,
#core table.v-head-table3 th,
#core table.v-head-table4 th {
  vertical-align:middle;
  width:24%;
}
#core table.v-head-table1 th p,
#core table.v-head-table2 th p,
#core table.v-head-table3 th p,
#core table.v-head-table4 th p {
  margin:0;
}
#core table.v-head-table2 td,
#core table.v-head-table4 td {
  background: #fff;
  line-height:1.6em;
  text-align:left;
  vertical-align:middle;
}
#core table.v-head-table2 td p,
#core table.v-head-table4 td p {
  line-height:1.6em;
}
#core table.v-head-table1 td p:last-child,
#core table.v-head-table2 td p:last-child,
#core table.v-head-table3 td p:last-child,
#core table.v-head-table4 td p:last-child {
  margin:0;
}
#core table.v-head-table1 td ul,
#core table.v-head-table2 td ul,
#core table.v-head-table3 td ul,
#core table.v-head-table4 td ul {
  list-style-position: outside;
}
#core table.v-head-table1 a,
#core table.v-head-table2 a,
#core table.v-head-table3 a,
#core table.v-head-table4 a {
  font-weight:normal;
}
@media (max-width: 729px){
  #core table.v-head-table1 th,
  #core table.v-head-table1 td,
  #core table.v-head-table2 th,
  #core table.v-head-table2 td,
  #core table.v-head-table3 th,
  #core table.v-head-table3 td,
  #core table.v-head-table4 th,
  #core table.v-head-table4 td {
    box-sizing: border-box;
    display: block;
    padding: 5px 10px;
    width: 100% !important;
  }
  #main #core table.v-head-table2 th,
  #main #core table.v-head-table2 td,
  #main #core table.v-head-table4 th,
  #main #core table.v-head-table4 td {
    border-bottom: none;
    border-right: none;
    border-top: none;
    text-align: left;
  }
  #main #core table.v-head-table2 th br,
  #main #core table.v-head-table4 th br {
    display: none;
  }
  #core table.v-head-table1 td:last-child,
  #core table.v-head-table2 td:last-child,
  #core table.v-head-table3 td:last-child,
  #core table.v-head-table4 td:last-child {  
    padding-bottom: 15px;
  }
  #main #core table.v-head-table2 td,
  #main #core table.v-head-table4 td {
    border-left: none;
    border-right: none;
  }
} /* Eo max729 */

/* 項目の左側に行頭マークを設定、htmlのｔｈ内の文字列に<p>タグをつける */
#core table.v-head-table1 th,
#core table.v-head-table1 td {
  text-align:left;
  border-bottom:1px dotted #696969;
  border-left: none;
  border-right: none;
  border-top:1px dotted #696969;
}
#core table.v-head-table1 td {
  vertical-align:top;
}
#core table.v-head-table1 td ul {
    margin-left: 15px;
}
#core table.v-head-table1 th p {
  border-left:5px solid #2A66A3;
  padding:0 0 0 8px;
  line-height:1.2em;
}
#core table.v-head-table1 th p.wide {
  height: 1.2em;
  margin-bottom: 15px;
}
@media (max-width: 729px){
  #core table.v-head-table1 th,
  #core table.v-head-table1 td {
    border: none;
  }
  #core table.v-head-table1 th {
    background-color: #f4f4f4;
    border-left: 5px solid #09659b;
  }
  #core table.v-head-table1 th br {
    display: none;
  }
  #core table.v-head-table1 th p,
  #core table.v-head-table1 th p.wide {
    border-left: none;
    height: auto;
    line-height:1.6em;
    margin-bottom: 0;
    padding:0;
  }
} /* Eo max729 */

/* 項目の左側に強調のラインを設定し、サイトのカラーで塗り潰し */
#core table.v-head-table2 th {
  background-color: #F7F7F7;
  border: 1px solid #e6e3e2;
  border-left: 5px solid #888373;
}
#core table.v-head-table2 td {
  background: #fff;
  border:1px solid #e6e3e2;
  line-height:1.6em;
  text-align:left;
  vertical-align:middle;
}
#core table.v-head-table2 td p {
  line-height:1.6em;
}

/* 一行目の上の罫線にポイントを置く */
#core table.v-head-table3 {
  border: 1px solid #e3e3e3;
}
#core table.v-head-table3 tr:first-child th {
  border-top: #4498EC 4px solid;
}
#core table.v-head-table3 th {
  background-color: #efefef;
  border-bottom: #fff 1px solid;
  text-align: left;
  padding: 10px;
  font-weight: normal;
}
#core table.v-head-table3 tr:first-child td {
  border-top: #b3b3b3 4px solid;
}
#core table.v-head-table3 td {
  border-bottom: #e3e3e3 1px solid;
  text-align: left;
  padding: 10px;
}
@media (max-width: 729px){
  #core table.v-head-table3 {
    border: none;
  }
  #core table.v-head-table3 th {
    background-color: #EFEFEF;
    border-left: 5px solid #4498ec;
  }
  #core table.v-head-table3 tr:first-child th {
    border-top: 0;
  }
  #core table.v-head-table3 th br {
    display: none;
  }
  #core table.v-head-table3 th p,
  #core table.v-head-table3 th p.wide {
    border-left: none;
    height: auto;
    line-height:1.6em;
    margin-bottom: 0;
    padding:0;
  }
  #core table.v-head-table3 td {
    background: none;
  }
  #core table.v-head-table3 tr:first-child td {
    border-top: 0;
  }
} /* Eo max729 */

/* 項目の左側をサイトのカラーで塗り潰し */
#core table.v-head-table4 th {
  background-color: #efefef;
  border: 1px solid #ccc;
}
#core table.v-head-table4 td {
  border:1px solid #ccc;
}
@media (max-width: 729px){
  #core table.v-head-table4 th,
  #core table.v-head-table4 td {
    border-left: none;
  }
} /* Eo max729 */

/* -----------------------------------------------------------------
  お問合わせフォーム共通
----------------------------------------------------------------- */
#form .box,
#form .page-title {
  margin: 0 auto;
}
#form .deco {
  color:#FF0000;
  font-weight:bold;
}
#form .accent {
  font-weight:bold;
}
#form form h3 {
  border-left:10px solid #700C0C;
  border-bottom:1px solid #700C0C;
  padding:5px 10px;
  margin-bottom:20px;
  font-size:16px;
  font-weight:bold;
}
@media (max-width: 729px){
  #form h2 {
    font-size: 18px;
  }
} /* Eo max729 */


/* フォーム */
#form input {
  margin:2px 0;
}
#form input[type="text"],
#form input[type="email"],
#form textarea {
  background: #FFFFFF;
  -moz-box-shadow:none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ccc;
  max-width: 90%;
}
#form input[type="text"],
#form input[type="email"] {
  margin:2px 0;
  height: auto;
  line-height: 2em;
}
#form input[name="zip"] {
  max-width: 150px;
}
#form textarea {
  width: 100%;
}
#form span.horizontal-item {
  display: inline-block;
  margin: 0 10px 0 0;
}
#form input[type="file"] {
  margin-bottom: 10px;
}

@media (max-width: 1039px){
  #form input[type="text"],
  #form input[type="email"] {
    width: 80%;
  }
} /* Eo max1039 */

@media (max-width: 729px){
  #form input[type="text"],
  #form input[type="email"] {
    max-width: 100%;
    width: 100%;
  }
  #form input[name="zip"] {
    max-width: 150px;
  }
} /* Eo max729 */


/* 表修正  */
#form table td,
#form table th {
  border: 1px solid #cccccc;
  vertical-align:middle;
}
#form table.v-head-table2 th {
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  border-top:1px solid #CCCCCC;
  background:#efefef;
}
#form table.h-head-table3 {
  margin-bottom: 20px;
  width:100%;
}
#form table.h-head-table3 th {
  border:1px solid #CCCCCC;
  background:#efefef;
  font-weight: normal;
  line-height: 1.6em;
  padding:10px 15px;
  vertical-align:middle;
}
#form table.h-head-table3 td {
  background: #fff;
  border: 1px solid #CCCCCC;
  padding: 10px 15px;
}

@media (max-width: 729px){
  #form table.v-head-table2 th {
    border: none;
    width: auto;
  }
  #form table.v-head-table2 td {
    border: none;
    padding-bottom: 20px;
    overflow: hidden;
  }
} /* Eo max729 */

/* 注意 */
#form .att-heading {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 5px;
}
#form .fa-lock:before {
  color: #2a9e00;
  font-size: 1.8rem;
  margin-right: 5px;
}
@media (min-width:730px){
  .page-template-page-1col .post #form h1,
  .page-template-page-1col-w .post #form h1 {
    font-size: 2.4rem;
  }
  .page-template-page-1col #contents .post #form h2,
  .page-template-page-1col-w #contents .post #form h2 {
    font-size: 1.8em;
  }
  .page-template-page-1col .post #form p,
  .page-template-page-1col-w .post #form p {
    font-size: 1.4rem;
  }
} /* Eo min730 */

/* 送信ボタン  */
#form p.submit {
  text-align:center;
  margin-bottom:15px;
}
#form p.submit img{
  width: auto;
}



/* 事例記事
----------------------------------------------- */
/* 詳細
----------------------------------------------- */
#contents .post .example-detail {
  font-size: 16px;
  padding-top: 0;
}
#contents .post .example-detail ul {
  padding-left: 0;
}
#contents .post .example-detail ul li {
  display: inline-block;
  margin-right: 1em;
}
#contents .post .example-detail ul li:before {
  color: rgba(0, 175, 238, 0.68);
  font-size: 26px;
  margin-right: 5px;
}
#contents .post .example-detail ul li:before {
}

/* 見出し */
#contents .post .heading {
  font-size: 2rem;
}

/* ボタン */
#contents .post .example-btn {
  border-radius: 3px;
  color: #fff;
  background-color: #0072B5;
  padding: 3px 10px;
}

/* 画像
----------------------------------------------- */
#contents .post ul.txt-c {
  font-size: 0;
  padding: 0;
}
#contents .post ul.txt-c li {
  background: none;
  display: inline-block;
  font-size: 1.4rem;
  list-style: none;
  margin: 0 0 10px 5.84%;
  padding: 0;
  width: 46.57%
}
#contents .post ul.txt-c li.large {
  height: 360px;
  width: 480px;
}
#contents .post ul.txt-c li.large img {
  height: auto;
  max-height: 360px;
  max-width: 480px;
  width: auto;
}
#contents .post .box ul.txt-c:first-child li span {
  background: #ccc;
  display: block;
  font-size: 2rem;
  font-weight: bold;
}
#contents .post .box ul.txt-c:first-child li:nth-child(2) span {
  background: #FEC007;
}
#contents .post ul.txt-c.subpic li {
  line-height: 1.4em;
  margin-left: 1.73%;
  vertical-align: top;
  width: 31.5%;
}
#contents .post ul.txt-c li:first-child,
#contents .post ul.txt-c li:nth-child(3n+1) {
  margin-left: 0 !important;
}
#contents .post .box ul.txt-c:first-child li:first-child:after {
  border-right: 0px solid transparent;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid #fec007;
  left: 11%;
  margin-top: -160px;
  content: "";
  float: right;
  height: 0px;
  position: relative;
  width: 0px;
}
#contents .post ul.txt-c li.large:after {
  border: 0 !important;
}
#contents .post p.example-heading {
  border-bottom: 1px dashed #4d7721;
  clear:none;
  color: #4d7721;
  font-size: 16px;
  font-weight: bold;
}
#contents .post .box .img-l{
  width: 44%;
}
#contents .post .box .img-l + .wrap {
  width: 51%;
}

@media (min-width: 1040px) {
  #contents .post ul.txt-c li img {
    max-height: 263px;
    max-width: 340px;
  }
  #contents .post ul.txt-c.subpic li img {
    max-height: 173px;
    max-width: 230px;
  }
} /* Eo min1040 */

@media (max-width: 1039px) {
  #contents .post ul.txt-c li.large {
    height: auto;
    width: 100%;
  }
  #contents .post .box ul.txt-c:first-child li:first-child:after {
    left: 11%;
    margin-top: -160px;
  }
  #contents .post ul.txt-c li.large img {
    max-height: none;
    max-width: 480px;
    width: auto;
  }
} /* Eo max1039 */

@media (max-width: 900px) {
  #contents .post .box ul.txt-c:first-child li:first-child:after {
    left: 13%;
  }
} /* Eo max900 */

@media (max-width: 729px) {
  #contents .post ul.txt-c {
    margin-bottom: 5px;
    padding: 0;
  }
  #contents .post ul.txt-c li {
    margin: 0 0 3% 3%;
    width: 47%;
  }
  #contents .post .box ul.txt-c:first-child li:first-child:after {
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #fec007;
    left: 8%;
  }
  #contents .post ul.txt-c li.large img {
    max-width: 480px;
    width: 100%;
  }
  #contents .post ul.txt-c.subpic li {
  }
  #contents .post .box .img-l{
    float: none;
    max-width: none;
    text-align: center;
    width: 100%;
  }
  #contents .post .box .img-l img{
    width: auto;
  }
  #contents .post .box .img-l + .wrap {
    width: 100%;
  }
} /* Eo max729 */

@media (max-width: 500px) {
  #contents .post .box ul.txt-c:first-child li:first-child:after {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fec007;
    left: 12%;
    margin-top: -90px;
  }
} /* Eo min500 */

/* 表 */
.single-post #contents .v-head-table2 p {
  margin-bottom: 0;
}

/* 関連ページへのリンク */
.single-post #contents .related_item {
  clear: both;
  font-weight: bold;
}
.single-post #contents .related_item a {
  background: #007acc;
  border-radius: 3px;
  color: #FFF;
  display: inline-block;
  text-decoration: none;
  padding: 0.5em 3em 0.5em 2em;
  position: relative;
}
.single-post #contents .related_item a:before {
  content: "";
  position: absolute;
  top: 33%;
  right: 10px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #FFF;
}
.single-post #contents .related_item a:hover {
  background: #1EA1ED;
}

.single-post #content .related_item + .related_item a {
  background: #8DBF03;
}
.single-post #content .related_item + .related_item a:hover {
  background: #97CC08;
}
.single-post #contents .related_item + section.order {
  padding-top: 20px;
}