/*! 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 {
  background: #FFF;
  padding-bottom: 0 !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;
}
#list .toc {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}
#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 2em;
  padding: 0;
}
#side .widget p {
  margin: 0;
}
div[id*="side-"] {
  background: none;
  border: none;
  padding: 0;
}
#side .widget, #col3 .widget {
  background: #FFF;
}
body[class*="template-page-1col"] #main,
body[class*="template-page-1col"] .w336 #main,
body[class*="template-page-1col"] #contents,
body[class*="template-page-1col"] .w336 #contents,
body[class*="template-page-1col-w"] #main,
body[class*="template-page-1col-w"] .w336 #main,
body[class*="template-page-1col-w"] #contents,
body[class*="template-page-1col-w"] .w336 #contents {
  clear: both;
  float: none;
  padding: 0;
  width: auto;
}
body[class*="template-page-1col"] .pnavi,
body[class*="template-page-1col-w"] .pnavi {
  margin-right: auto;
  margin-left: auto;
  max-width: 1000px;
}

@media (min-width:1040px){
  body[class*="template-page-1col-w"] .container {
    padding-right: 0;
    padding-left: 0;
    width: auto;
  }
  body[class*="template-page-1col"] .post > .box,
  body[class*="template-page-1col-w"] .post > .box,
  body[class*="template-page-1col"] .post .outer > .box,
  body[class*="template-page-1col-w"] .post .outer > .box,
  body[class*="template-page-1col-w"] #breadcrumb > ol {
    max-width: 1000px;
    margin: 0 auto;
  }
} /* Eo min1040 */

@media (min-width:730px){
  body[class*="template-page-1col"] #main,
  body[class*="template-page-1col-w"] #main {
    font-size: 16px;
  }
  body[class*="template-page-1col-w"] .outer {
    background: #FFE9E9; /* (★注)１カラム＆突抜けデザイン時の背景色・適宜変更 */
    color: #FFF; /* (★注)文字色 背景色が淡色の場合は削除 */
    padding: 3rem 0;
  }
  body[class*="template-page-1col-w"] #contents .outer + .box {
    margin-top: 3rem;
  }
  body[class*="template-page-1col"] #contents .post .outer > .box,
  body[class*="template-page-1col-w"] #contents .post .outer > .box {
    margin-bottom: 0;
  }
  body[class*="template-page-1col"] #contents .post .outer > .box + .box,
  body[class*="template-page-1col-w"] #contents .post .outer > .box + .box {
    margin-top: 2em;
  }
} /* Eo min730 */

@media (max-width:1039px){
  body[class*="template-page-1col-w"] .outer {
    margin-right: -3.5%;
    margin-left: -3.5%;
    padding-right: 3.5%;
    padding-left: 3.5%;
  }
} /* Eo max1039 */


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

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

@media (max-width: 729px) {
  #mainImg > img,
  #mainImg > picture {
    margin-top: 15px;
  }
  #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: 992px) {
  #side {
    width: 100%;
  }
} /* Eo min992 */

@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: 1000px !important;
    padding-right: 0;
    padding-left: 0;
  }
  #main {
    margin: 0;
    width: 730px;
  }
  .sidebar {
    margin: 0;
    width: 240px;
  }
  #side {
    max-width: 240px;
  }
} /* Eo min1040 */


/* ヘッダ
----------------------------------------------- */
#header {
  background: #FFF; /* (★注)ヘッダーの背景色 */
  border: none;
}
.header-text {
  color: #111;
  letter-spacing: 0.15em;
}
@media (min-width: 390px) and (max-width: 840px) {
  .header-text {
    letter-spacing: 0.15em;
    font-size: 13px;
  }
}
@media (max-width: 390px) {
  .header-text {
    font-size: 12px;
    letter-spacing: 0.25em;
  }
}
#site-logo a:hover {
    text-decoration: none;
}
@media (max-width: 729px) {
  .head-cover {
    background: #FFF; /* (★注)ヘッダーの背景色 */
    border: none;
  }
} /* Eo max729 */

#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: 45%; /* (★注)モバイル時 バランスを見て調整 */
  z-index: 99;
}
#header .contact {
  float: right;
  margin: 0.2em 0 0;
  text-align: right;
  width: 45%; /* (★注)モバイル時 基本的にボタン3つで45％、ボタン2つの時は35％ */
}

@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;
  }
  #nav {
    border: none;
  }
} /* Eo max729 */

@media (min-width: 730px) {
  #site-logo {
    margin: 0;
    padding-top: 10px;
    width: 22%; /* (★注)カラム幅可変＆PC時 ロゴのサイズに合わせて適宜変更 */
  }
  #header .contact {
    margin: 0 0 10px;
    width: 72%; /* (★注)カラム幅可変＆PC時 画像サイズに合わせて適宜変更 */
  }
  .contact img {
    margin-left: 0.8em;
  }
  .contact a img {
    margin-top: 10px;
  }

  #header .pc-sub {
    display: block;
  }
/* ヘッダのバナーが横並びの場合 */
  #header .pc-sub > span img {
    width: 30%;
    max-width: 290px;
  }
  #header .pc-sub > a img {
    margin-top: 5px;
    width: 25%;
    max-width: 187px;
  }
  #header .pc-sub > a[href*="customer-file"] img,
  #header .pc-sub > a[href*="kokyaku-form"] img {
    max-width: 115px;
    width: 16%;
  }

  #header .sp-sub {
    display: none;
  }
  #nav {
    background: #EFEFEF; /* (★注)ヘッダナビ突き抜けデザイン時の背景 */
    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 {
    border-left: 1px #FFF solid;
    display: flex !important;
  }
  #gnavi > div > ul > li {
    border-right: 1px #FFF solid;
    float: none;
    flex: 1;
    width: auto;
  }
  #gnavi ul ul li {
    width: 100%;
  }
  #gnavi li a {
    padding: 0;
  }
  #gnavi li a:hover,
  #gnavi li span:hover {
    background: rgba(234, 50, 65, 0.1); /* (★注)ヘッダナビ ロールオーバー時の色 */
  }

  /* ▼ヘッダナビ プルダウン調整 */
  body {
    overflow-x: hidden;
  }
  #gnavi div ul li span {
    display: block;
  }
  #gnavi div ul li ul {
    background: none;
    border: none;
    white-space: normal;
  }

  #gnavi div ul li span.parent {
    cursor: pointer;
  }
  #gnavi div ul li span.parent {
    position: relative;
  }
  #gnavi div ul li span.parent:before {
    font-family: FontAwesome;
    content : "\f0d7";
    right: 0;
    left: 0;
    bottom: 0;
    line-height: 1.2em;
    margin: 0 auto;
    position: absolute;
    opacity: 0.3;
  }
  #gnavi div ul li span.parent.open:before {
    opacity: 1;
  }
  #gnavi > div > ul > li {
    position: static;
  }
  #gnavi > div > ul > li > a,
  #gnavi > div > ul > li > span {
    color: #333 !important;
    padding: 16px;
    position: relative;
  }
  #gnavi > div > ul > li > a:after,
  #gnavi > div > ul > li > span:after {
    content: attr(data-label);
    color: #e70e1f;
    display: block;
    font-size: 10px;
    text-transform: uppercase;
  }
  #gnavi > div > ul > li > div {
    background: rgba(100, 100, 100, 0.94);
    color: #EFECE4;
    display: none;
    text-align: left;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    margin: 0 calc(((100vw - 100%) / 2) * -1);
  }
  #gnavi > div > ul > li > div > ul {
    padding: 1em;
  }
  #gnavi > div > ul > li > div ul {
    max-width: 1040px;
    margin: 0 auto;
    position: static;
    visibility: inherit;
  }
  #gnavi > div > ul > li > div ul ul {
    padding: 0 1em;
  }
  #gnavi > div > ul > li > div ul {
    display: flex !important;
    flex-wrap: wrap;
  }
  #gnavi > div > ul > li > div ul li {
    display: block;
    float: none;
    width: 25%;
  }
  #gnavi > div > ul > li > div ul li a {
    background: none;
    border: none;
    color: #EFECE4;
    font-size: 1.5rem;
    padding: 0.3em 0 0.3em 1em;
  }
  #gnavi > div > ul > li > div ul li a:before {
    font-family: FontAwesome;
    content : "\f105";
    display: inline-block;
    margin-right: 0.5em;
    opacity: 0.4;
  }
  #gnavi > div > ul > li > div ul li a:hover {
    background: none;
    color: #f4d975;
  }
  #gnavi > div > ul > li > div ul li.has_child {
    width: 100%;
  }
  #gnavi > div > ul > li > div ul li.has_child ul {
    display: flex !important;
    padding-bottom: 0.5em;
  }
  #gnavi > div > ul > li > div ul li.has_child ul li a:before {
    content : "-";
  }
  /* ▲ヘッダナビ プルダウン調整 */
} /* 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%;
  }
} /* Eo max1039 */

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

/* フッタ
----------------------------------------------- */
#footer {
  background: #CCCCCC; /* (★注)フッターエリアの背景色 */
/*   color: #FFF; (★注)フッターエリアの文字色・背景色が淡色ならば削除してもよい */
}
#f-bar {
  display: none;
}

/* ▼背景が濃色の場合（淡色の場合は削除してもよい） */
#footer a:link {
/*   color: #FFF; (★注)リンク色 */
  text-decoration: none;
}
#footer a:visited {
/*   color: #AAA; (★注)訪問済みの色 */
}
#footer a:focus,
#footer a:active,
#footer a:hover {
  color: #bc3a07; /* (★注)オンマウス時の色 */
  text-decoration: none;
}
/* ▲背景が濃色の場合 */

/* tree menu */
#footer ul.tree ul li {
  list-style: disc;
}
#footer ul.tree > li > span.bough {
  display: block;
}
#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-radius: 0.3em;
  padding: 0.5em;
}
#footer ul.tree ul {
  display: block;
  margin-bottom: 2em;
}

/* お問合せ先 */
#footer div.store {
/*  background: rgba(250,250,250,0.1); */
  border-radius: 0.3em;
  font-size: 0.9em;
  padding: 1em 0;
}
#footer div.store span {
  display: inline-block;
  line-height: 1.5em;
}
#footer div.store span.store {
  font-size: 1.2em;
  margin-bottom: 0.5em;
}
#footer div.store > span {
  display: block;
  margin-bottom: 0.5em;
}

/* グループカンパニー */
#footer .group-company ul li{
  font-size: .9em;
  text-align: left;
  background-color: #fff;
  padding: 0.5em 1em;
  margin: 10px;
}

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

  /* サブナビ */
  nav .sub-nav {
    display: table;
    table-layout: fixed;
      background: #9d212a; /* (★注)モバイル時 下固定サブナビの背景色 */
    bottom: 0;
    color: #EEE;
    height: 70px;
    margin-bottom: 0;
    padding: 10px 0;
    position: fixed;
    width: 100%;
    z-index: 20;
  }
  nav .sub-nav li {
    display: table-cell;
    font-size: 1rem;
    text-align: center;
    vertical-align: middle;
  }
  nav .sub-nav li + li {
      border-left: 1px #af767a solid; /* (★注)モバイル時 下固定サブナビのセパレータの色 */
  }
  nav .sub-nav li a {
    color: #EEE;
    display: block;
    line-height: 1.2em;
    height: 100%;
    width: 100%;
  }
  nav .sub-nav li span > img,
  nav .sub-nav li a img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 25px;
  }
  nav .sub-nav li span > i,
  nav .sub-nav li a i {
    color: #EEE;
    font-size: 2.5rem;
    margin-bottom: 5px;
  }
  #page-top {
    bottom: 100px;
  }

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

/* お問合せ先 */
  #footer div.store > div + div {
    margin-top: 1em;
  }
} /* 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 > li > span.bough {
    font-size: 1.2em;
  }
  #footer ul.tree ul {
    text-align: left;
  }
  #footer ul.tree ul li {
    margin-left: 1.2em;
  }

  /* お問合せ先 */
  #footer div.store {
    display: flex;
    flex-wrap: wrap;
/*    justify-content: space-around; */
  }
  #footer div.store > span {
    width: 100%;
  }
  #footer div.store > div + div {
    margin-left: 2em;
  }
  
  #footer .group-company ul{
    display: flex;
    justify-content: space-between;
  }

  /* グループカンパニー */
  #footer .group-company ul{
    display: flex;
    justify-content: space-between;
  }
  #footer .group-company ul li{
    font-size: .9em;
    /* text-align: left;
    background-color: #fff;
    padding: 0.8em 1em; */
    width: 24%;
  }

  #f-bar {
    background: #000; /* (★注)フッター固定帯の背景色 */
    color: #EEE; /* (★注)フッター固定帯の文字色 */
    text-align: left;
    display: block;
    padding: 15px 0;
    position: fixed;
    margin: 0;
    bottom: 0;
    width: 100%;
    z-index: 20;
    height: 100px;
  }
  #f-bar a:link {
    color: #FFF; /* (★注)フッター固定帯のリンク色 */
  }
  #f-bar img {
    height: auto;
    margin: 0 0 0 10px !important;
    width: 20%;
  }
  #f-bar .tel-num img {
    width: 26%;
  }
  #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;
  }
  .head-cover:after {
    content: "";
    clear: both;
    display: table;
  }
  #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 5px;
  zoom: 1;
}
#breadcrumb:after {
  content: "";
  clear: both;
  display: block;
}

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

#breadcrumb li {
  color: #666;
  float: left;
  padding: 0 5px;
  list-style: none;
  line-height: normal;
  margin-bottom: 5px;
}
#breadcrumb li + li:before {
  content: "＞";
  font-size: 0.9em;
}

#breadcrumb a {
  color: #06c;
}
@media (max-width:1040px){
  #breadcrumb ol {
    width: auto;
  }
}

@media (max-width:729px){
  #breadcrumb li.city {
    display: none;
  }
} /* EO max729 */


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


/* サイドバー
----------------------------------------------- */




/* お問い合わせボタン
----------------------------------------------- */
#side .s-app img {
  border: 1px #FB9938 solid;
  border-radius: 3px;
}


/* サービスメニュー
----------------------------------------------- */
#side .s-serv-menu h3 {
  background: #e60012;
  border: none;
  color: #FFF;
  font-size: 1.5rem;
  font-weight: normal;
  margin: 0;
  padding: 0.4em 10px;
}
#side .s-serv-menu h3 i {
  margin-left: 1em;
}
#side .s-serv-menu h3 a {
  color: #FFF;
  display: block;
}
#side .s-serv-menu h3 a:hover{
  color: #FFAA72;
}
#side .s-serv-menu ul {
  background: #F9F9F9;
  margin: 0;
}
#side .s-serv-menu ul li {
  background: #F9F9F9;
  border-bottom: 2px #dcdcdc solid;
  padding: 0.2em 0;
}
#side .s-serv-menu ul ul li {
  border-top: 1px #dcdcdc dotted;
  border-bottom: none;
}
#side .s-serv-menu ul ul li a:before {
  content: "・ ";
  font-size: 1rem;
}

#side .s-serv-menu li a {
  color: #000000;
  background-image: none;
  background-position: 8px center;
  background-repeat: no-repeat;
  border: none;
  display: block;
  line-height: 1.2em;
  padding: 1em 0 1em 64px;
  text-decoration: none;
  font-weight: bold;
}

#side .s-serv-menu li a:hover {
  color: #e60012;
}

#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.ippan > a {
  background-image: url(/imgv2/side/sv-ippan.jpg);
}
#side .s-serv-menu li.iryo > a {
  background-image: url(/imgv2/side/sv-iryo.jpg);
}
#side .s-serv-menu li.kaitai > a {
  background-image: url(/imgv2/side/sv-kaitai.jpg);
}
#side .s-serv-menu li.scrap > a {
  background-image: url(/imgv2/side/sv-scrap.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: #e60012;
    border-radius: 0 0 0 0;
    color: #FFF;
  }
  #side .s-serv-menu ul {
    background: #A1D593;
    padding: 0px;
  }
  #side .s-serv-menu > ul {
    border-right: 3px #dcdcdc solid;
    border-bottom: 2px #dcdcdc solid;
    border-left: 3px #dcdcdc solid;
  }
  #side .s-serv-menu ul li {
    background: #FFF;
    font-size: 1.5rem;
  }
  #side .s-serv-menu > ul > li:last-child {
    border: none;
  }
  #side .s-serv-menu li a {
    background-position: 3px center;
    background-size: 34px auto;
    padding-left: 10px;
  }
} /* Eo min730 */


/* スタッフブログ
----------------------------------------------- */
#side .s-blog h3 {
  border: none;
  font-weight: normal;
  margin: 0;
  padding: 0.5em 10px;
}
#side .s-blog ul {
  background: #E8E8E0;
  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: #E8E8E0;
    border-radius: 3px 3px 0 0;
    color: #666755;
    text-align: center;
  }
  #side .s-blog ul {
    background: #FFF;
  }
  #side .s-blog > ul {
    background: #E8E8E0;
    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-hinmoku h3 {
  background: #cc3333;
  border: none;
  color: #fff;
  font-size: 18px;
  margin-bottom: 15px;
  padding: 15px 10px 10px;
}
#side .s-hinmoku p {
  border-bottom: 1px dotted #ccc;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
#side .s-hinmoku ul {
  margin-bottom: 20px;
}
#side .s-hinmoku ul li {
  list-style: outside;
  line-height: 1.6em;
  margin: 0 0 5px 2em;
}

@media (min-width: 730px) {
  #side .s-hinmoku h3 {
    text-align: center;
  }
  #side .s-hinmoku p {
    text-align: center;
  }
} /* Eo min730 */


/* 実績一覧
----------------------------------------------- */
#side .s-jirei-ichiran ul {
  margin-bottom: 20px;
}
#side .s-jirei-ichiran ul li {
  list-style: outside;
  line-height: 1.6em;
  margin: 0 0 5px 2em;
}

@media (min-width: 730px) {
} /* 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%;
}


/* --------------------------------------------------------------------------------------------------------
    投稿に関する調整
-------------------------------------------------------------------------------------------------------- */
#contents .entry-title {
  border-left-color: #9D212A; /* (★注)ブログカテゴリー見出しの左罫線の色 */
  border-bottom-color: #9D212A; /* (★注)ブログカテゴリー見出しの下罫線の色 */
  margin-bottom: 15px;
  padding: 15px;
}
body.single #contents .entry-title {
  background: #efefef url(/img/block/title/title-bg.gif); /* (★注)ブログカテゴリー見出しの背景色 */
  border: 0;
  border-bottom: 1px solid #ccc;
  color: #4d4d4d; /* (★注)ブログカテゴリー見出しの文字色 */
  font-size: 22px;
  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%;
}
#contents #list div.toc section p.meta {
  background: none;
  margin-bottom: 10px;
}
#contents #list div.toc section a.kiji-btn {
  background: #9d212a;
  border-radius: 6px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  margin-top: 10px;
  padding: 5px 10px;
}
#contents #list div.toc section a.kiji-btn:hover {
  color: #ff6600;
  -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),1px 1px 1px rgba(255,255,255,1);
  -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),1px 1px 1px rgba(255,255,255,1);
}
@media (max-width: 729px) {
  body.archive #contents .entry-title {
    border: 0;
    padding: 0;
  }
  body.single #contents .entry-title {
    margin-left: -3.5%;
    margin-right: -3.5%;
  }
  #contents #list div.toc section p.img-l {
    float: left;
    margin: 0 4% 0 0;
    width: 35%;
  }
  #contents #list div.toc section p.excerpt {
    height: 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}


/*------------------------------ 前の記事・次の記事へのリンク */
.pnavi {
  margin: 30px auto 40px;
  max-width: 1000px;
  width: 100%;
}

/*------------------------------ 前の記事・次の記事へのリンク コントラストUPのため色変更*/
.pnavi a {
    color: #636363;
}


/*------------------------------ 関連記事 */
.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 .c3,
#contents .c31,
#contents .c32,
#contents .c4,
#contents .c41,
#contents .c42,
#contents .c52 {
  margin: 0;
  padding: 0;
  width: 100%;
}
#contents .c2,
#contents .c3,
#contents .c4,
#contents .c32,
#contents .c42,
#contents .c52 {
  display: flex;
  flex-wrap: wrap;
}
#contents .c2:after,
#contents .c21:after,
#contents .c3:after,
#contents .c31:after,
#contents .c32:after,
#contents .c4:after,
#contents .c41:after,
#contents .c42:after,
#contents .c52:after {
  content: "";
  display: block;
  clear: both;
}
#contents .c2 > *,
#contents .c21 > *,
#contents .c3 > *,
#contents .c31 > *,
#contents .c32 > *,
#contents .c4 > *,
#contents .c41 > *,
#contents .c42 > *,
#contents .c52 > * {
  list-style: none;
  line-height: 1.5em;
  margin: 0 0 1.5em 0;
  padding: 0;
}
#contents .c2 > *,
#contents .c3 > *,
#contents .c4 > *,
#contents .c32 > *,
#contents .c42 > *,
#contents .c52 > * {
  float: left;
}
#contents .c2 > * {
  margin-left: 4%;
  width: 48%;
}
#contents .c3 > * {
  margin-left: 4.7%;
  width: 30.2%;
}
#contents .c4 > * {
  margin-left: 3.46%;
  width: 22.4%;
}
#contents .c2 > *:nth-child(2n+1),
#contents .c3 > *:nth-child(3n+1),
#contents .c4 > *:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
#contents .c2 > * img,
#contents .c21 > * img,
#contents .c3 > * img,
#contents .c31 > * img,
#contents .c32 > * img,
#contents .c4 > * img,
#contents .c41 > * img,
#contents .c42 > * img,
#contents .c52 > * img {
  display: block;
  margin: 0 auto 0.5em;
}
@media (max-width:729px){
  #contents .c32 > *,
  #contents .c42 > *,
  #contents .c52 > * {
    margin-left: 4%;
    width: 48%;
  }
  #contents .c32 > *:nth-child(2n+1),
  #contents .c42 > *:nth-child(2n+1),
  #contents .c52 > *:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
} /* Eo max729 */

@media (min-width:730px){
  #contents .c21,
  #contents .c31,
  #contents .c41 {
    display: flex;
    flex-wrap: wrap;
  }
  #contents .c21 > *,
  #contents .c31 > *,
  #contents .c41 > * {
    float: left;
  }
  #contents .c21 > * {
    margin-left: 4%;
    width: 48%;
  }
  #contents .c31 > *,
  #contents .c32 > * {
    margin-left: 4.7%;
    width: 30.2%;
  }
  #contents .c41 > *,
  #contents .c42 > * {
    margin-left: 3.46%;
    width: 22.4%;
  }
  #contents .c52 > * {
    margin-left: 2%;
    width: 18.4%;
  }
  #contents .c21 > *:nth-child(2n+1),
  #contents .c31 > *:nth-child(3n+1),
  #contents .c32 > *:nth-child(3n+1),
  #contents .c41 > *:nth-child(4n+1),
  #contents .c42 > *:nth-child(4n+1),
  #contents .c52 > *:nth-child(5n+1) {
    clear: both;
    margin-left: 0;
  }
} /* 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 */


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

/* contactorm7
----------------------------------------------- */
#contents form.wpcf7-form span.wpcf7-not-valid-tip {
  border: 3px solid #FFFA00;
  color: #CC0000;
  display: block;
  margin: 5px auto;
  padding: 5px;
}

/* 確認画面 */
#main #contents .wpcf7c-conf {
  background: #efefef;
  border: 0;
}
#contents p.submit input.wpcf7c-btn-confirm,
#contents p.submit input.wpcf7c-btn-back {
  margin-right: 20px;
}
#contents p.submit {
  text-align:center;
  margin-bottom:15px;
}
#contents p.submit input{
  background: #87a438;
  background: -webkit-linear-gradient(top, #a5c254, #87a438);
  background: linear-gradient(to bottom, #a5c254, #87a438);
  border: 0;
  border-radius: 3px;
  color: #fff;
  font-size: 1.4em;
  height: 50px;
  line-height: 1.2em;
  padding: 0 15px;
  vertical-align: middle;
}


/* 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 */


/* スマホ対応
----------------------------------------------- */
.pc-on {
  display: none;
}
.sp-on {
  display: block;
}

@media screen and (min-width: 48em) {
  .pc-on {
    display: block;
  }
  .sp-on {
    display: none;
  }
}/* End 02.3 min 768px */




/* CPTコラムアーカイブ
----------------------------------------------- */
.archive .article-wrapper {
  display: grid;
  gap: 1rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.archive article.type-column {
  background-color: #FFF;
  border: 1px rgba( 0,0,0,0.2 ) solid;
  border-radius: 0.2rem;
  box-shadow: 0 0.5rem 1rem rgba( 0,0,0,0.15 );
  padding: 0.5rem;
  position: relative;
}
.archive article.type-column .post-thumbnail {
  overflow: hidden;
}
.archive article.type-column .post-thumbnail img {
  width: 100%;
  object-fit: cover;
  transition: all .2s;
  aspect-ratio: 3 / 2;
}
.archive article.type-column:hover .post-thumbnail img {
  filter: brightness(130%);
}
.archive article.type-column h2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-top: 0 !important;
}
.archive article.type-column h2 a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.archive article.type-column .meta {
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}
.archive article.type-column ul.tags-links {
  display: inline;
  margin-bottom: 0;
  position: relative;
  z-index: 9;
}
.archive article.type-column ul.tags-links li {
  display: inline-block;
  list-style: none;
}
.archive article.type-column .badge {
  background-color: #f2f2f2;
  border-radius: 2px;
  display: inline-block;
  line-height: 1;
  text-align: center;
  padding: 0.5rem 0.75rem;
  white-space: nowrap;
  vertical-align: baseline;
}

@media screen and (max-width: 799px) {
    .archive .article-wrapper {
      grid-template-columns: repeat(2, 1fr);
    }
    .archive article.type-column .post-thumbnail img {
      max-height: 120px;
    }
}
@media screen and (min-width: 800px) {
    .archive article.type-column .post-thumbnail img {
      max-height: 200px;
    }
}
@media screen and (min-width: 1200px) {
    .archive .article-wrapper {
      grid-template-columns: repeat(3, 1fr);
    }
}