/*! WpTHK Child CSS */
/* WpTHK WordPress Theme - free/libre wordpress platform
 *
 * @copyright Copyright (C) 2015 Thought is free.
 * @license http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later
 * @author LunaNuko
 * @link http://thk.kanzae.net/
 * @translators rakeem( http://rakeem.jp/ )
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 *   Theme Name: WpTHK Child Theme
 *   Template: wpthk
 *   Text Domain: wpthkch
 *   Theme URI: http://thk.kanzae.net/wpthk/
 *   Description: SEO最適化、レスポンシブ、高速、多機能、Bootstrap搭載 ( SEO optimized, Responsive layout, Super Fast, Multi Feature, Bootstrap )
 *   Author: LunaNuko
 *   Author URI: http://thk.kanzae.net/
 *   License: GNU General Public License v2 or later
 *   License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *   Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-header, custom-background, custom-colors, custom-menu, theme-options, featured-image-header, editor-style, sticky-post, threaded-comments, translation-ready
 *   Text Domain: wpthkch
 *   Since: 20151206
 *   Modify: 20160602
 *   Version: 2.00
 *   Template Version: 2.04
 *
 * ここから上を消すと正しく動作しなくなることがあります。
 * ( Erasing the elements above here might cause system issues. )
*/

/* 以下、好みに応じて子テーマ用のスタイルをお書きください。
 * ( Below here, please write down your own styles for the child theme. )
*/


/* 共通
------------------------------------------------------------*/
pre, ul, ol {
  margin: 0;
}
.post ul, .post ol {
  padding-left: 1em;
  margin-bottom: 1rem;
}
.post h2,
.post h2:first-child,
.post h3,
.post h3:first-child {
  margin-top: 0;
  padding: 0;
  margin-bottom: 1rem;
}

 /* (★注)←編集が必要なところに、このマークをつけてあります。その他は基本的に編集不要 */


/* レイアウト
------------------------------------------------------------*/
.container {
  padding-bottom: 11px !important;
}
.container, #head-in nav, #primary, #footer {
  clear: both;
}
.info, #header #gnavi, #foot-in {
  margin: 0 auto;
}
.container {
  padding: 0 4%;
  margin: 0 auto;
}
#primary, #list .toc, .bottom-area, #core, #core.lcore {
  border: none;
}
#list .toc, .bottom-area, #core {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#core.pcore {
  background: none;
}
#main, .sidebar, #contents, #core {
  border: none;
  margin: 0 !important;
  padding: 0 !important;
}
#side .widget, #col3 .widget {
  border: none;
  margin: 0 0 15px;
  padding: 0;
}
#side .widget p {
  margin: 0;
}
div[id*="side-"] {
  border: none;
  padding: 0;
}
.page-template-page-1col #main,
.page-template-page-1col .w336 #main,
.page-template-page-1col #contents,
.page-template-page-1col .w336 #contents,
.page-template-page-1col-w #main,
.page-template-page-1col-w .w336 #main,
.page-template-page-1col-w #contents,
.page-template-page-1col-w .w336 #contents {
  clear: both;
  float: none;
  padding: 0;
  width: auto;
}
.page-template-page-1col-w .outer {
  background: #35C6FE; /* (★注)１カラム＆突抜けデザイン時の背景色・適宜変更 */
  color: #FFF;
  margin: 10px 0;
  padding: 0 0 10px;
}

@media (max-width:1039px){
  .page-template-page-1col-w .outer {
    margin: 0 -3.5%;
    padding: 0 3.5%;
  }
} /* Eo max1039 */

@media (min-width:1040px){
  .page-template-page-1col-w .container {
    padding-right: 0;
    padding-left: 0;
    width: auto;
  }
  .page-template-page-1col-w .box {
    margin: 0 auto;
    max-width: 1000px;
  }
} /* Eo min1040 */

@media (min-width:730px){
  .page-template-page-1col .post p,
  .page-template-page-1col-w .post p {
    font-size: 18px;
    line-height: 1.6em;
  }
} /* Eo min730 */

#side {
}

.error404 .post {
  padding-top: 2em;
}

#mainImg {
  background: #35C6FE; /* (★注)ナビ下ビルボードの背景色・適宜変更 */
  border-bottom: 5px #35C6FE solid;
  clear: both;
  text-align: center;
  padding: 0;
}
#mainImg img {
  height: auto;
  width: 100%;
  max-width: 1000px;
}
#mainImg {
  margin-bottom: 20px;
}

@media (max-width: 729px) {
  #side {
    margin-left: -4%;
    margin-right: -4%;
  }
} /* Eo max729 */

@media (max-width: 1039px) {
  #primary, div[class*="container"] #header, div[class*="container"] #footer {
    margin-left: 0;
    margin-right: 0;
  }
} /* Eo max1039 */

@media (min-width: 730px) {
  .container {
    width: auto;
  }
  #main {
    float: left;
    margin: 0 0 0 2%;
    width: 73%;
  }
  .sidebar {
    float: right;
    margin: 0 2% 0 0;
    width: 24%;
  }
} /* Eo min730 */

@media (min-width: 1040px) {
  .container {
    width: 1040px;
    padding: 0 20px;
  }
  .logo, #head-band-in, div[id*="head-band"] .band-menu, #header .head-cover, #header #gnavi, #foot-in {
    max-width: 1040px;
  }
  #main {
    margin: 0;
    width: 730px;
  }
  .sidebar {
    margin: 0;
    width: 240px;
  }
  #side {
    max-width: 240px;
  }
} /* Eo min1040 */


/* ヘッダ
----------------------------------------------- */
#header {
  background: #5FD4FE; /* (★注)ヘッダーの背景色 */
  background: -webkit-linear-gradient(top, #35C6FE, #5FD4FE); /* (★注)グラデーション 不要な場合は削除 */
  background: linear-gradient(#35C6FE, #5FD4FE); /* (★注)グラデーション 不要な場合は削除 */
  border: none;
}
@media (max-width: 729px) {
  .head-cover {
    background: #5FD4FE; /* (★注)ヘッダーの背景色 */
    background: -webkit-linear-gradient(top, #35C6FE, #5FD4FE); /* (★注)グラデーション 不要な場合は削除 */
    background: linear-gradient(#35C6FE, #5FD4FE); /* (★注)グラデーション 不要な場合は削除 */
    border: none;
  }
} /* Eo max729 */

.head-cover .info {
  background: url(/img/default/h-bg.png) center bottom no-repeat;
}
.head-cover .info:after {
  content: "";
  clear: both;
  display: table;
}

#header h1 {
  font-size: 14px;
  font-weight: normal;
  padding: 0.2em 0 0;
  margin: 0 0 0.2em;
  text-align: left;
}
#site-logo {
  float: left;
  margin: 0.2em 0 0;
  padding: 0;
  width: 50%; /* (★注)モバイル時 バランスを見て調整 */
  z-index: 99;
}
#header .contact {
  float: right;
  margin: 0.2em 0 0;
  text-align: right;
  width: 45%; /* (★注)モバイル時 基本的にボタン3つで45％、ボタン2つの時は35％ */
}

/* サブナビ */
nav .sub-nav {
  display: table;
  table-layout: fixed;
  margin-bottom: 0;
  width: 100%;
  z-index: 3;
}
nav .sub-nav li {
  display: table-cell;
  text-align: center;
}
nav .sub-nav li img {
  display: block;
  height: auto;
  width: 80%;
  max-width: 100%;
}

@media (max-width: 729px) {
  #header .pc-sub {
    display: none;
  }
  #header .sp-sub {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  #header .sp-sub > span,
  #header .sp-sub > a {
    display: table-cell;
  }
  #gnavi .menu ul li img {
    display: none;
  }
  #gnavi .menu ul li a:before,
  #gnavi .menu ul li span:before {
    content: attr(data-label);
  }
  #nav {
    border: none;
  }
} /* Eo max729 */

@media (min-width: 730px) {
  #site-logo {
    margin: 0;
    padding-top: 10px;
    width: 30%; /* (★注)カラム幅可変＆PC時 ロゴのサイズに合わせて適宜変更 */
  }
  #header .contact {
    margin: 0;
    width: 35%; /* (★注)カラム幅可変＆PC時 画像サイズに合わせて適宜変更 */
  }
  .contact img {
    margin-left: 1em;
  }
  .contact a img {
    margin-top: 10px;
  }
  #header .pc-sub {
    display: block;
  }
  #header .sp-sub {
    display: none;
  }
  #nav {
    background: #EDEDED; /* (★注)ヘッダナビ突き抜けデザイン時の背景 */
    background: -webkit-linear-gradient(top, #FFF, #EDEDED); /* (★注)グラデーション 不要な場合は削除 */
    background: linear-gradient(#FFF, #EDEDED); /* (★注)グラデーション 不要な場合は削除 */
    background-size: auto 100%;
    box-shadow:rgba(0, 0, 0, 0.25) 0px 6px 7px -2px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 6px 7px -2px;
    -moz-box-shadow:rgba(0, 0, 0, 0.25) 0px 6px 7px -2px;
  }
  #gnavi ul {
    display: block;
  }
  #gnavi > div > ul > li {
    width: 15.5% !important; /* (★注)カラム幅可変時 ヘッダナビボタンの幅 */
  }
  #gnavi > div > ul > li.mobi-menu+li {
    width: 7% !important; /* (★注)カラム幅可変時 ヘッダナビHOMEのボタン幅 */
  }
  #gnavi ul ul {
    background: #FFF;
    border: 2px #35C6FE solid;
  }
  #gnavi ul ul li {
    width: 100%;
  }
  #gnavi li a {
    padding: 0;
  }
  #gnavi li a:hover {
    background: #BFF8FF; /* (★注)ヘッダナビ ロールオーバー時の色 */
    background: -webkit-linear-gradient(top, #FFF, #BFF8FF); /* (★注)グラデーション 不要な場合は削除 */
    background: linear-gradient(#FFF, #BFF8FF); /* (★注)グラデーション 不要な場合は削除 */
    color: #555;
  }
} /* Eo min730 */

@media (max-width: 1039px) {
  .head-cover .info {
    padding-left: 10px;
    padding-right: 10px;
  }
  #site-logo img {
    height: auto;
    width: 100%;
  }
  .contact img {
    height: auto;
    width: 90%;
  }
  #gnavi li ul {
    right: 0;
  }
} /* Eo max1039 */

@media (min-width: 1040px) {
  #gnavi li {
    width: 160px; /* (★注)ヘッダナビ プルダウンの幅・使わないときは変更しなくてもよい */
  }
} /* Eo min1040 */

/* フッタ
----------------------------------------------- */
#footer {
  background: #5FD4FE url(/img/block/bg/mesh.png); /* (★注)フッターエリアの背景色 */
  background: url(/img/block/bg/mesh.png), -webkit-linear-gradient(top, #35C6FE, #5FD4FE); /* (★注)グラデーション 不要な場合は削除 */
  background: url(/img/block/bg/mesh.png), linear-gradient(#35C6FE, #5FD4FE); /* (★注)グラデーション 不要な場合は削除 */
}
#f-bar {
  display: none;
}

/* tree menu */
#footer ul.tree ul li {
  list-style: disc;
}
#footer ul.tree > li > span {
  display: block;
  font-size: 1.2em;
}
#footer ul.tree > li > div > span {
  display: block;
  line-height: 1.5em;
  margin-bottom: 1em;
}
#footer ul.tree > li > div > span.license {
  background: rgba(200,200,200,0.2);
  border: 1px #EEE dashed;
  border-radius: 0.3em;
  padding: 0.5em;
}
#footer ul.tree ul {
  display: block;
  margin-bottom:1em;
}
#footer ul.tree li div.f-company {
  padding:0.5em 0.5em 0.1em;
  border-radius:5px;
  background: #5FD4FE url(/img/block/bg/mesh.png);
}
#footer ul.tree li div.f-company > span:first-child {
  font-weight:bold;
}
#footer ul.tree li div.f-company span {
  margin-bottom:0.5em;
}

@media (max-width: 729px) {
  #footer li {
    margin-bottom: 10px;
    font-size: 1.6rem;
  }

  /* サブナビ */
  nav .sub-nav {
    background: #C9EEFD; /* (★注)モバイル時 下固定サブナビの背景色 */
    position: fixed;
    bottom: 0;
    height: 70px;
    padding: 10px 0;
  }
  nav .sub-nav li {
    font-size: 1rem;
  }
  nav .sub-nav li + li {
    border-left: 1px #BFBEF4 solid; /* (★注)モバイル時 下固定サブナビのセパレータの色 */
  }
  nav .sub-nav li a {
    display: block;
    height: 100%;
    width: 100%;
  }
  nav .sub-nav li span > i,
  nav .sub-nav li a i {
    font-size: 2.5rem;
    margin-bottom: 5px;
  }
  #page-top {
    bottom: 100px;
  }

  /* tree menu */
  #footer ul.tree > li {
    margin: 0;
  }
  #footer ul.tree > li > span {
    border-bottom: 1px #111 dotted;
    cursor: pointer;
    margin-bottom: 0.5em;
    padding: 0.5em;
  }
  #footer ul.tree > li > span:before {
    content: "＋";
    margin-right: 0.2em;
  }
  #footer ul.tree > li > span.open:before {
    content: "－";
  }
  #footer ul.tree > li > span:hover {
    color: #0000ff; /* (★注)オンマウス時の色 */
  }
  #footer ul.tree > li > div {
    padding-top: 2em;
  }

} /* Eo max729 */

@media (min-width: 730px) {
  #footer {
    padding-bottom: 12%;
  }
  #footer ul {
    text-align: center;
  }
  #footer li {
    display: inline-block;
    margin: 0;
  }
  #footer li:after {
    content: " ｜";
  }
  #footer li:first-child:before {
    content: " ｜ ";
  }

  /* tree menu */
  #footer ul.tree {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
  }
  #footer ul.tree li {
    display: list-item;
  }
  #footer ul.tree li:before,
  #footer ul.tree li:after {
    content: none;
  }
  #footer ul.tree > li {
    margin: 0;
    width: 24%;
  }
  #footer ul.tree ul {
    text-align: left;
  }
  #footer ul.tree ul li {
    margin-left: 1.2em;
    font-size: 1.6rem;
  }

  #f-bar {
    background: #72c5e5; /* (★注)フッター固定帯の背景色 */
    color: #333; /* (★注)フッター固定帯の文字色 */
    text-align: left;
    display: block;
    padding: 10px 0;
    position: fixed;
    margin: 0;
    bottom: 0;
    width: 100%;
  }
  #f-bar a:link {
    color: #06C; /* (★注)フッター固定帯のリンク色 */
  }
  #f-bar img {
    height: auto;
    margin: 0 0 0 10px !important;
    width: 36%;
  }
  #f-bar .tel-num img {
    width: 38%;
  }
  #f-bar .guidance {
    width: 7.5% ;
  }
} /* Eo min730 */

@media (min-width: 1040px) {
  #footer {
    padding-bottom: 9%;
  }
  #f-bar {
    text-align: center;
  }
  #f-bar img {
      margin: 0 15px !important;
      width: auto !important;
  }
  #f-bar .guidance {
    margin: -30px 0 -10px !important;
  }
} /* Eo min1040 */


/* --------------------------------------------------------------------------------------------------------
    Sidr
-------------------------------------------------------------------------------------------------------- */
.mobi-menu {
  display: none !important;
}

@media (max-width: 729px) {

  .mobi-menu {
    display: block !important;
  }
  #sidr {
    display: none;
  }
  #sidr.sidr ul li:hover {
    border-top: 1px solid #FFF; /* light */
    /* border-top: 1px solid #4D4D4D; dark */
  }
  #sidr.sidr ul li:hover a {
    color: #333;
  }
  #sidr.sidr ul li a,
  #sidr.sidr ul li span {
    line-height: 1.2em;
    padding: 15px;
  }
  #sidr.sidr ul li ul {
    background: none;
    border-top: 1px solid #DFDFDF;
  }
  #sidr.sidr ul li ul li a,
  #sidr.sidr ul li ul li span {
    border-bottom: none;
    padding-left: 30px;
  }

  body {
    padding-bottom: 70px;
  }
  .head-cover {
    border-bottom: 3px #2A221C solid;
    padding: 0.2em 0;
    z-index: 999;
  }
  #header .band {
    position: fixed;
  }
  .contact img {
    margin: 2% 0;
    width: 90%;
  }

  #f-bar {
    display: none;
  }

  /* DARK skin
  .sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#333;color:#fff;-webkit-box-shadow:inset 0 0 5px 5px #222;-moz-box-shadow:inset 0 0 5px 5px #222;box-shadow:inset 0 0 5px 5px #222}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#fff;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);background-image:linear-gradient(#4d4d4d,#1a1a1a);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(255,255,255,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)}
 */
  /* LIGHT skin */
  .sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#f8f8f8;color:#333;-webkit-box-shadow:inset 0 0 5px 5px #ebebeb;-moz-box-shadow:inset 0 0 5px 5px #ebebeb;box-shadow:inset 0 0 5px 5px #ebebeb}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#333;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));background-image:-webkit-linear-gradient(#ffffff,#dfdfdf);background-image:-moz-linear-gradient(#ffffff,#dfdfdf);background-image:-o-linear-gradient(#ffffff,#dfdfdf);background-image:linear-gradient(#ffffff,#dfdfdf);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(51,51,51,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #fff;border-bottom:1px solid #dfdfdf}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#333}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(51,51,51,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(51,51,51,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#f8f8f8;background:#333}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(51,51,51,0.9)}


} /* Eo max729 */

@media (min-width: 730px) {
  nav .sub-nav {
    display: none;
  }
} /* Eo min730 */


/* --------------------------------------------------------------------------------------------------------
    breadcrumb
-------------------------------------------------------------------------------------------------------- */
#breadcrumb {
  color: #333;
  clear: both;
  margin: 0 auto 10px;
  zoom: 1;
}
#breadcrumb:after {
  content: "";
  clear: both;
  display: block;
}

#breadcrumb ol {
  background: #FFF;
  height: 15px;
  margin: 0 auto;
  padding: 15px 0 20px;
  max-width:1000px;
}

#breadcrumb li {
  background: url(/img/default/breadcrumb.gif) left 2px no-repeat;
  color: #666;
  float: left;
  padding: 0 5px 0 15px;
  list-style: none;
  line-height: normal;
  margin-bottom: 5px;
}
  .page-template #breadcrumb {
    background: #35C6FE;
    margin:0;
  }
  .page-template #breadcrumb ol {
    background: #35C6FE;
    padding-top:10px;
  }
  .page-template #breadcrumb li {
    color: #fff;
    background: url(/img/default/breadcrumb-white.gif) left 2px no-repeat;
    padding: 0 5px 0 15px;
    list-style: none;
    line-height: normal;
  }
  .page-template #breadcrumb li a {
    color:#fff;
  }

#breadcrumb li:first-child,
#breadcrumb li.first {
  background: none;
  padding-left: 0;
}
#breadcrumb a {
  color: #06c;
}
@media (max-width:1040px){
  #breadcrumb ol {
    width: auto;
  }
}


/* --------------------------------------------------------------------------------------------------------
    ウィジェット
-------------------------------------------------------------------------------------------------------- */
@media (min-width:730px){
  #side h3 {
    border-left-color: #0072B5; /* (★注)サイドバー見出しの左罫線の色 */
    border-bottom-color: #0072B5; /* (★注)サイドバー見出しの下線の色 */
    color: #0072B5; /* (★注)サイドバー見出しの文字色 */
  }
}
@media (max-width:729px){
  #side .textwidget > p img {
    display: block;
    margin: 0 auto;
  }
  #side h3 {
    background: #0072B5; /* (★注)サイドバー見出しの背景色 */
    color: #FFF; /* (★注)サイドバー見出しの文字色 */
  }
} /* max729 */

/* (★注)以下、適宜変更 */
 
/* お問い合わせボタン
----------------------------------------------- */
#side .s-app img {
/*  border: 1px #FB9938 solid;
  border-radius: 3px; */
}


/* サービスメニュー
----------------------------------------------- */
#side .s-serv-menu h3 {
  border: none;
  color: #FFF;
  font-size: 1.8rem;
  font-weight: normal;
  margin: 0;
  padding: 0.7em 10px 0.4em;
}
#side .s-serv-menu ul {
  background: #F9F9F9;
  margin: 0;
}
#side .s-serv-menu ul li {
  background: #F9F9F9;
  border-top: 1px #FFF solid;
  border-bottom: 1px #169cd0 solid;
  padding: 0.4em 0;
}
#side .s-serv-menu ul ul li {
  border-top: 1px #CCC dotted;
  border-bottom: none;
}
#side .s-serv-menu ul ul li a:before {
  content: "・ ";
  font-size: 1rem;
}

#side .s-serv-menu li a {
  background-image: none;
  background-position: 8px center;
  background-repeat: no-repeat;
  border: none;
  display: block;
  line-height: 1.2em;
  padding: 1em 0 1em 75px;
}
#side .s-serv-menu ul ul li a {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0.5em;
}
#side .s-serv-menu li a span {
  color: #888;
  font-size: 1.2rem;
  display: block;
  padding-top: 0.2em;
}

/* サービス紹介アイコン */
#side .s-serv-menu li.amadoi > a {
  background-image: url(/img/side/sv-amadoi.jpg);
}
#side .s-serv-menu li.roof > a {
  background-image: url(/img/side/sv-roof.jpg);
}
#side .s-serv-menu li.wall > a {
  background-image: url(/img/side/sv-wall.jpg);
}

/* ご利用案内アイコン */
#side .s-serv-menu li.manifest a {
  background-image: url(/imgv2/side/sv-manifest.gif);
}
#side .s-serv-menu li.ecology a {
  background-image: url(/imgv2/side/sv-ecology.gif);
}
#side .s-serv-menu li.recruit a {
  background-image: url(/imgv2/side/sv-recruit.gif);
}

@media (max-width: 729px) {
  #side .s-serv-menu ul li {
    font-size: 1.8rem;
  }
} /* Eo max729 */

@media (min-width: 730px) {
  #side .s-serv-menu h3 {
    background: #169cd0;
    background: -webkit-linear-gradient(bottom, #169cd0, #2fb6ea);
    background: linear-gradient(to bottom, #2fb6ea, #169cd0);
    border-radius: 3px 3px 0 0;
    color: #FFF;
    text-align: center;
  }
  #side .s-serv-menu ul {
    background: #169cd0;
    padding: 5px;
  }
  #side .s-serv-menu > ul {
    border: 1px #169cd0 solid;
  }
  #side .s-serv-menu ul li {
    background: #FFF;
    background: -webkit-linear-gradient(bottom, #f3f3f3, #fff);
    background: linear-gradient(to bottom, #fff, #f3f3f3);
  }
  #side .s-serv-menu ul li:hover {
    background: -webkit-linear-gradient(top, #f3f3f3, #fff);
    background: linear-gradient(to top, #fff, #f3f3f3);
  }
  #side .s-serv-menu > ul > li:last-child {
    border: none;
  }
  #side .s-serv-menu li a {
    background-position: 8px center;
    background-size: 55px auto;
    padding-left: 75px;
  }
} /* Eo min730 */


/* スタッフブログ
----------------------------------------------- */
#side .s-blog h3 {
  border: none;
  font-weight: normal;
  margin: 0;
  padding: 0.5em 10px;
}
#side .s-blog ul {
  background: #72c5e5;
  margin: 0;
}
#side .s-blog ul li {
  background: #F9F9F9;
  border-top: 1px #FFF solid;
  border-bottom: 1px #CCC solid;
}

#side .s-blog ul li a,
#side .s-blog ul li.cat-item-none {
  background: none;
  display: block;
  text-decoration: none;
  padding: 0.6em 0 0.6em 8px;
}
@media (max-width: 729px) {
  #side .s-blog ul li {
    font-size: 1.6rem;
  }
} /* Eo max729 */
@media (min-width: 730px) {
  #side .s-blog h3 {
    background: #72c5e5;
    border-radius: 3px 3px 0 0;
    color: #333;
    font-weight: bold;
    text-align: center;
  }
  #side .s-blog ul {
    background: #FFF;
  }
  #side .s-blog > ul {
    background: #72c5e5;
    border-radius: 0 0 3px 3px;
    padding: 0 5px 2px;
  }
  #side .s-blog ul li {
    background: #FFF;
    border: none;
    margin-bottom: 3px;
  }
  #side .s-blog > ul > li:last-child {
    border: none;
  }
} /* Eo min730 */


/* お問合わせ先
----------------------------------------------- */
#side .s-info {
  background: #F0EDE6;
  border-radius: 3px;
  padding: 5px 15px;
}
#side .s-info h3 {
  background: #FFF;
  border: none;
  border-radius: 3px;
  color: #333;
  font-weight: normal;
  text-align: center;
  margin-bottom: 0.5em;
}
#side .s-info .wrap {
}
#side .s-info .wrap p {
  margin-bottom: 5px;
}
#side .s-info .wrap p.store {
  font-size: 1.8rem;
  text-align: center;
}
#side .s-info .wrap p.mail {
  text-align: center;
  width: 100%;
}
#side .s-info .wrap p.mail img {
  width: auto;
  max-width: 100%;
}


/* --------------------------------------------------------------------------------------------------------
    投稿に関する調整
-------------------------------------------------------------------------------------------------------- */
body.single #contents .entry-title {
  border: 0;
  margin-bottom: 10px;
}
#contents .entry-title {
  border-left-color: #0072B5; /* (★注)ブログカテゴリー見出しの左罫線の色 */
  border-bottom-color: #0072B5; /* (★注)ブログカテゴリー見出しの下罫線の色 */
  padding: 10px;
}
body.single #contents .entry-title {
  background-color: #0072B5; /* (★注)ブログカテゴリー見出しの背景色 */
  border: 0;
  color: #fff; /* (★注)ブログカテゴリー見出しの文字色 */
  font-size: 2.4rem;
  padding-left: 20px;
}
#contents #list div.toc:after {
  clear: both;
  content: "";
  display: block;
  overflow: hidden;
}
#contents #list div.toc section p.img-l {
  min-width: 80px;
  width: 16.43%;
}
@media (max-width: 729px) {
  body.single #contents .entry-title {
    margin-left: -3.5%;
    margin-right: -3.5%;
  }
  #contents #list div.toc section p.excerpt {
    height: 75px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}


/*------------------------------ 前の記事・次の記事へのリンク */
.pnavi {
  margin: 30px auto 40px;
  max-width: 1000px;
  width: 100%;
}
.pnavi a {
  color: #333!important;
  font-weight: bold;
}


/*------------------------------ 関連記事 */
.yarpp-related {
  background: none;
  clear: both;
  padding: 20px 0;
  text-align: left;
}

.yarpp-related h2 {
  font-size: 16px;
  font-weight: bold;
  background: url(/img/block/title/line.gif) left bottom repeat-x;
  border: none;
  color: #666;
  margin-bottom: 10px;
  padding: 0 0 10px 3px;
}

.yarpp-related ul {
  padding: 0 0 0 10px;
}

.yarpp-related li {
  background: url(/img/block/icon/arrow.gif) left 9px no-repeat;
  list-style: none;
  margin-bottom: 10px;
  padding: 0 0 0 20px;
}

.yarpp-related li a {
  text-decoration: underline;
}

/*------------------------------ トラックバック */
#trackback h3.tb {
  font-size: 16px;
}


/* --------------------------------------------------------------------------------------------------------
    AddQuicktag 追加スタイル （仕様変更以外は編集不可・調整は個別に行うこと）
-------------------------------------------------------------------------------------------------------- */

/* カラムリスト
----------------------------------------------- */
#contents .c2,
#contents .c21,
#contents .c31,
#contents .c32,
#contents .c41,
#contents .c42 {
  margin: 0;
  padding: 0;
}
#contents .c2:after,
#contents .c21:after,
#contents .c31:after,
#contents .c32:after,
#contents .c41:after,
#contents .c42:after {
  content: "";
  display: block;
  clear: both;
}
#contents .c2 li,
#contents .c21 li,
#contents .c31 li,
#contents .c32 li,
#contents .c41 li,
#contents .c42 li {
  list-style: none;
  line-height: 1.5em;
  margin: 0 0 1.5em 0;
  padding: 0;
}
#contents .c2 li,
#contents .c32 li,
#contents .c42 li {
  float: left;
  margin-left: 4%;
}
#contents .c2 li {
  width: 48%;
}
#contents .c2 li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
#contents .c2 li img,
#contents .c21 li img,
#contents .c31 li img,
#contents .c32 li img,
#contents .c41 li img,
#contents .c42 li img {
  display: block;
  margin: 0 auto 0.5em;
}

@media (max-width:729px){
  #contents .c32 li,
  #contents .c42 li {
    width: 48%;
  }
  #contents .c32 li:nth-child(2n+1),
  #contents .c42 li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
} /* Eo max729 */

@media (min-width:730px){
  #contents .c21 li,
  #contents .c31 li,
  #contents .c41 li {
    float: left;
    margin-left: 4%;
  }
  #contents .c21 li {
    width: 48%;
  }
  #contents .c31 li,
  #contents .c32 li {
    width: 30.6%;
  }
  #contents .c41 li,
  #contents .c42 li {
    width: 22%;
  }
  #contents .c21 li:nth-child(2n+1),
  #contents .c31 li:nth-child(3n+1),
  #contents .c32 li:nth-child(3n+1),
  #contents .c41 li:nth-child(4n+1),
  #contents .c42 li:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
  }
} /* Eo min730 */

/* 実績紹介セクション
----------------------------------------------- */
#contents ul.results-withumb {
  margin: 0;
  padding: 0;
}
#contents ul.results-withumb:after {
  content: "";
  display: block;
  clear: both;
}
#contents ul.results-withumb li {
  background: #FFF;
  color: #111;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.3) 7px 7px 7px -6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 7px 7px 7px -6px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 7px 7px 7px -6px;
  list-style: none;
  line-height: 1.5em;
  margin: 0 0 1.5em 0;
  padding: 0.5em;
}
#contents ul.results-withumb li > span {
  display: inline-block;
  margin-bottom: 0.5em;
}
#contents ul.results-withumb li span.date {
  display: block;
}
#contents ul.results-withumb li span.before,
#contents ul.results-withumb li span.after {
  color: #FFF;
  text-align: center;
  position: relative;
  width: 45%;
}
#contents ul.results-withumb li span.before span,
#contents ul.results-withumb li span.after span {
  display: block;
  max-width: 210px;
  margin: 0 auto;
}
#contents ul.results-withumb li span.before {
  margin-right: 6.5%;
}
#contents ul.results-withumb li span.before span {
  background: #09F;
}
#contents ul.results-withumb li span.after span {
  background: #F66;
}
#contents ul.results-withumb li span.before:after {
  content: "";
  top: 45%;
  right: -12%;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #09F;
  position: absolute;
}

#contents ul.results-withumb li span.area,
#contents ul.results-withumb li span.case {
  margin-right: 1em;
}
#contents ul.results-withumb li span.area span,
#contents ul.results-withumb li span.case span {
  background: #DDD;
  display: inline-block;
  padding: 0 0.5em;
  margin-right: 0.5em;
}

#contents ul.results-withumb li > a {
  display: block;
}

#contents ul.results-withumb li img {
  display: block;
  margin: 0 auto;
}

@media (min-width:730px){
  #contents ul.results-withumb li {
    float: left;
    margin-left: 4%;
    width: 48%;
  }
  #contents ul.results-withumb li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
} /* Eo min730 */


/* 実績記事タイトルのみリスト出力（results-list）
----------------------------------------------- */
body.page .results-list {
  margin-top: 2em;
}
.results-list li {
  border-bottom: 1px dashed #999;
  color: #06c;
  line-height: 1.6em;
  list-style-position: inside;
  margin-left: -1em;
  padding: 0.4em 0 0.4em 1em;
  text-indent: -1em;
}
.results-list li a {
  text-decoration: none;
}

@media (min-width:730px){
  .results-list li {
    font-size: 1.2em;
  }
} /* Eo min730 */


/* FAQセクション
----------------------------------------------- */
#contents .faq dl dt {
  background: url(/img/block/icon/qa-q.png) 0.5em 0.1em no-repeat;
  font-size: 1.6rem;
  margin: 0 0 0.5em;
  padding: 0.5em 0.5em 0.5em 55px;
}
#contents .faq dl dd {
  background: url(/img/block/icon/qa-a.png) 0.5em 0.3em no-repeat;
  border-radius: 5px;
  margin: 0 0 2em;
  padding: 0 0.5em 0.5em 55px;
  min-height: 45px;
}

/* こんな○○セクション＆セット
----------------------------------------------- */
#contents .box.solution {
  margin-bottom: 2em;
}
#contents dl.solution {
  background: #ECECEC;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 2em;
}
#contents dl.solution dt {
  margin-bottom: 0.5em;
}
#contents .box.solution ul {
  margin: 0;
  padding: 0;
}
#contents dl.solution dd {
  background: #FFF;
  border-radius: 5px;
  padding: 15px;
}
#contents dl.solution dd ul {
  margin: 0;
  padding: 0;
}
#contents .box.solution ul li,
#contents dl.solution dd ul li {
  background: url(/img/block/icon/solution.gif) left 0.3em no-repeat;
  list-style: none;
  margin: 0 0 1em;
  padding: 0 0 0 30px;
}
#contents .box.solution ul + p,
#contents dl.solution dd ul + p {
  margin-top: 1em;
}
@media (min-width:730px){
  #contents .box.solution {
    background: #ECECEC;
    border-radius: 5px;
    padding: 15px;
  }
  #contents .box.solution h2 {
    background: none;
    border: none;
  }
  #contents .box.solution ul {
    background: #FFF;
    border-radius: 5px;
    padding: 15px;
  }
} /* Eo min730 */

/* リンクボタン
----------------------------------------------- */
#core ul.c2.button li a,
#core ul.c21.button li a,
#core ul.c31.button li a,
#core ul.c41.button li a,
#core ul.c21.button li span,
#core ul.c31.button li span,
#core ul.c41.button li span {
  display: block;
  border: solid 1px #ccc;
  border-radius: 3px;
  background: -webkit-linear-gradient(bottom, #fff, #E2E2E2);
  background: linear-gradient(to bottom, #fff, #E2E2E2);
  font-weight: bold;
  padding: 0 0.9em;
  line-height: 2em;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
#core ul.c2.button li a:hover,
#core ul.c21.button li a:hover,
#core ul.c31.button li a:hover,
#core ul.c41.button li a:hover {
  color: #f60;
}
@media only screen and (max-width:729px){
  #core ul.c2.button li a,
  #core ul.c21.button li a,
  #core ul.c31.button li a,
  #core ul.c41.button li a,
  #core ul.c21.button li span,
  #core ul.c31.button li span,
  #core ul.c41.button li span {
    line-height: 3em;
  }
} /* Eo max729 */


/* --------------------------------------------------------------------------------------------------------
    その他 追加
-------------------------------------------------------------------------------------------------------- */

/* MW WP Form
----------------------------------------------- */
#contents div.mw_wp_form form span.error {
  border: 3px solid #FFFA00;
  color: #CC0000;
  display: block;
  margin: 5px auto;
  padding: 5px;
}
#contents div.mw_wp_form form span label {
  line-height: 2em;
  margin-right: 10px;
}
#contents div.mw_wp_form form span.mwform-tel-field input {
  max-width: 18%;
}
.mwform-file-delete {
    display: none;
}

/* 確認画面 */
#contents .mw_wp_form_preview h1:after {
 content: "（確認画面）";
}
#contents .mw_wp_form_preview .none {
  display: none !important;
}
#contents .mw_wp_form_preview p.submit input:first-child {
  margin-right: 20px;
}

/* wp-pagenavi
----------------------------------------------- */ 
.wp-pagenavi span,
.wp-pagenavi a {
  display: block;
  float: left;
}

/* Table of Contents Plus
----------------------------------------------- */ 
#toc_container {
  margin: 0 auto 3em;
  table-layout: fixed;
}
@media only screen and (min-width: 730px){
  .post-template-page-1col-w #toc_container {
    width:90%;
  }
  #toc_container .toc_list {
    width:100%;
  }
  #toc_container .toc_list > li {
    margin: 0 0 0.5em 2%;
    width: 48%;
    display:inline-block;
  }
  #toc_container .toc_list > li:first-child,
  #toc_container .toc_list > li:nth-child(2n+1) {
    margin-left: 0;
  }
} /* Eo min730 */