@charset "UTF-8";
/* *****************************************************************************************************
*
*  layout.css
*
* -------------------------------------------------------------------------------------
*
*   ---- FONT-SIZE -----
*
*	 9px	69%			|		18px	138.5%
*	10px	77%			|		19px	146.5%
*	11px	85%			|		20px	153.9%
*	12px	93%			|		21px	161.6%
*	13px	100%			|		22px	167%
*	14px	108%			|		23px	174%
*	15px	116%			|		24px	182%
*	16px	123.1%		|		25px	189%
*	17px	131%			|		26px	197%
*
*	---- TABLE OF CONTENTS -----
*
*	01, body
*	02, #container
*	03, #header
*	04, #breadcrumbs
*	05, #blogMenu
*	06, #wrapper
*	07, #mainContents
*	08, #sideBar
*	09, #footer
*	10, #moomin
*
******************************************************************************************************/

/* ============================================================

  01, body

   ============================================================ */

body {
  min-width:980px;
  background: url("/public/img/common/header/bg_header_top.png") left top repeat-x;
}

/* ============================================================

   02, #container

   ============================================================ */

#container {
  width:100%;
  margin:0 auto;
}

/* ============================================================

  03, #header

   ============================================================ */
.header_container {
  background: url("../images/bg_mv.jpg") center 245px no-repeat #fff;
}
.header_container .header_content {
  background: url("../images/common/header/bg_header_top.png") left top repeat-x;
}
#header {
  width: 980px;
  margin: 0 auto;
  padding-bottom: 0;
  background: none;
}
#header .header_top {
  height: 18px;
  padding-top: 6px;
  font-size: 11px;
}
p#bt_sp + #header .header_top {/* スマートフォン版はこちらボタンがある時 */
  z-index: 1;
  position: relative;
  margin-top: -24px;
}

#header .header_read_text {
  float: left;
  white-space: nowrap;
}
#header .header_top_link {
  float: right;
}
#header .header_top_link li {
  float: left;
  margin-right: 12px;
}
#header .header_top_link li.last {
  margin-right: 0;
}
#header .header_top_link li a {
  padding-left: 10px;
  font-weight: bold;
  color: #006633;
  text-decoration: none;
  background: url("../images/common/header/ico_link.png") left center no-repeat;
}
#header .header_inner_contents {
  height: 125px;
  background: url("/public/img/common/header/bg_header.png") 260px 24px no-repeat;
}
#header .header_inner_contents.is_site_top_page {
  background: none;
}
#header .logo {
  float: left;
  margin-top: 38px;
}
#header .header_free_dial {
  float: right;
  margin-top: 24px;
}
/*--------------------------------
  TVCM
--------------------------------*/
.header-tvcm {
  float: left;
  margin: 20px 0 0 20px;
}
/*------------------------------------------------------------
 #MV
-------------------------------------------------------------- */
#MV {
  height:271px;
}
#mvLogo {
  width:515px;
  margin:0 auto;
  padding:10px 0 0 25px;
}

/* ======================================================================================================================
  グローバルナビゲーション
======================================================================================================================*/
nav#global_navi {
  width: 978px;
  margin: 8px auto 35px;
  border-right: 1px dotted #ccc;
  border-left: 1px dotted #ccc;
}
nav#global_navi li {
  float: left;
  border-right: 1px dotted #ccc;
  line-height: 1;
}
nav#global_navi li a {
  height: 35px;
  display: block;
  background-image: url("/public/img/common/header/sprite_gnav.png?20200803");
  text-indent: 110%;
  overflow: hidden;
  white-space: nowrap;
  background-repeat: no-repeat;
}
nav#global_navi li.concept a {
  width: 196px;
  background-position: center 0;
}
nav#global_navi li.construction-flow a {
  width: 129px;
  background-position: center -35px;
}
nav#global_navi li.showcase a {
  width: 145px;
  background-position: center -70px;
}
nav#global_navi li.service-area a {
  width: 159px;
  background-position: center -105px;
}
nav#global_navi li.showcase {
  position: relative;
}
nav#global_navi li.showcase .balloon_voice {
  position: absolute;
  top: -28px;
  left: -1px;
  height: 26px;
  padding: 0 7px 1px 7px;
  background-color: #ffffe3;
  border: 1px solid #ff5f1c;
  border-radius: 5px;
  color: #ff4800;
  font-size: 13px;
  font-style: italic;
  font-weight: bold;
  text-indent: 0;
  text-align: right;
  line-height: 27px;
  letter-spacing: 0;
  white-space: nowrap;
}
nav#global_navi li.showcase .balloon_voice::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -7px;
  left: 12px;
  width: 9px;
  height: 7px;
  background: url("/public/img/common/header/img_balloon_voice.png") left top no-repeat;
}
nav#global_navi li.showcase .balloon_voice .num {
  position: relative;
  display: inline-block;
  margin-right: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
}
nav#global_navi li.showcase .balloon_voice .num:first-letter {
  letter-spacing: 0.05ex;
}
nav#global_navi li.showcase .balloon_voice .num::after {
  content: ",";
  position: absolute;
  bottom: -3px;
  right: 4.3ex;
  font-size: 14px;
}
nav#global_navi li.showcase .balloon_voice .txt {
  font-size: 11px;
  font-style: normal;
}
nav#global_navi li.voice a {
  width: 114px;
  background-position: center -140px;
}
nav#global_navi li.gaiheki-tosou a {
  width: 101px;
  background-position: center -175px;
}
nav#global_navi li.mailform a {
  width: 128px;
  background-position: center -210px;
}
nav#global_navi li.last {
  border-right: none;
}

/* ============================================================

  04, #breadcrumbs

   ============================================================ */

#breadcrumbs {
  width:980px;
  margin:0 auto 15px;
}
#breadcrumbs li {
  display:inline;
  font-size:93%;
  padding:0 0 0 8px;
}
#breadcrumbs li:first-of-type {
  padding-left: 0;
}

#breadcrumbs li a {
  color:#79A524;
  text-decoration:underline;
  background:url(../images/icon_breadcrumbs.png) no-repeat right center;
  padding:0 13px 0 0;
}

#breadcrumbs li a:hover {text-decoration:none;}


/* ============================================================

  05, #blogMenu

   ============================================================ */

#blogMenu {
  width:980px;
  display: flex;
  margin:0 auto 5px;
}
/* 20221216 h2 → pに変更 */
#blogMenu .blogMenu_top a {
  width:218px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 22px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  background: #eb6e2f;
  border-radius: 6px;
  letter-spacing: .04em;
}
#blogMenu .blogMenu-list {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.blogMenu-list li a {
  display: block;
  padding: 0 41px;
  border-left: 1px solid #ddd;
}
.blogMenu-list li:last-of-type a {
  border-right: 1px solid #ddd;
  padding-right: 40px;
}
.blogMenu_ttl {
  font-size: 18px;
  font-weight: bold;
}
.blogMenu_ttl-sub {
  margin-bottom: 4px;
  font-size: 12px;
}

/* ============================================================

  06, #wrapper

   ============================================================ */

#wrapper {
  width:980px;
  margin:35px auto 0;
}

/* ============================================================

  07, #mainContents

   ============================================================ */

#mainContents {
  float: right;
  width: 740px;
}
.pagetop {
  margin:20px 0;
  text-align:right;
}

/* ============================================================

  08, #sideBar

   ============================================================ */

#sideBar {
  width: 200px;
  float: right;
}
#sideBar section {
  margin-bottom:20px;
}
#sideBar h2 {
  margin-bottom:10px;
}

/*------------------------------------------------------------
 .Side-numbering
-------------------------------------------------------------- */
.Side-numbering li {
  position: relative;
  margin-bottom:8px;
  padding:9px;
  border:1px solid #EEE;
  background:#FFF;
  border-radius: 5px;
}
.Side-numbering li:hover {
  border: 1px solid #BBDA50;
}
.Side-numbering li a:hover {
  color:#285226 !important;
}
.Side-numbering li.show_more_page {
  position: static;
  margin: 10px 0 0;
  padding: 0 0 10px;
  border: none;
  background: none;
  border-radius: 0;
  text-align: center;
}
.Side-numbering li.show_more_page:hover {
  border: none;
}
.Side-numbering li.show_more_page a {
  display: inline-block;
  height: 31px;
  padding: 0 50px;
  border-radius: 5px;
  background: url("../images/common/icon_next-white.svg") right 9px center no-repeat #8dc21f;
  background-size: 7px auto;
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.14);
  color: #fff;
  font-size: 12px;
  line-height: 31px;
}
.Side-numbering li.show_more_page a:hover {
  color: #fff !important;
}
.Side-numbering li img {
  display:block;
  float:left;
}
.Side-numbering li div {
  width:110px;
  float:right;
}
.Side-numbering li h3 {
  margin-bottom:5px;
}
.Side-numbering li h3 span {
  display:inline-block;
  width:18px;
  line-height:18px;
  margin-right:2px;
  text-align:center;
  color:#FFF;
  font-weight:bold;
}
.Side-numbering li .rank {
  position: absolute;
  top: 9px;
  left: 9px;
  display:inline-block;
  width:18px;
  line-height:18px;
  margin-right:2px;
  text-align:center;
  color:#FFF;
  font-weight:bold;
}

.Side-numbering li h3 strong {
  display:inline-block;
  width:100px;
  padding:2px 5px 0;
  line-height:18px;
  font-size:85%;
}
.Side-numbering li p {
  font-weight:bold;
  font-size:85%;
  line-height:14px;
}

/*------------------------------------------------------------
 #Side-bnrMonthly
-------------------------------------------------------------- */
#Side-bnrMonthly {
  position:relative;
  padding:4px;
  background:url(../images/bg_side_bnrmonthly.png) no-repeat;
}
#Side-bnrMonthly h2 {
  position:absolute;
  top:14px;
  left:14px;
}

/*------------------------------------------------------------
 #Side-category
-------------------------------------------------------------- */
#Side-category {
  margin-bottom: 20px;
}
#Side-category ul {
  margin-top: 10px;
}
#Side-category li {
  border:1px solid #DDD;
  border-top:1px solid #FFF;
  border-bottom:1px solid #E2DECD;
  background:url("../images/bg_side_category.png") repeat;
  line-height:1.4;
}
#Side-category li:first-of-type {
  border-top:1px solid #DDD;
  border-radius: 5px 5px 0 0;
}
#Side-category li:last-of-type {
  border-bottom:1px solid #DDD;
  border-radius: 0 0 5px 5px;
}
#Side-category li:hover {
  background:url("../images/bg_side_category_hover.png") repeat;
}
#Side-category li a {
  display: block;
  padding:10px;
  background: url("../images/icon_side_category_next.png") 178px center no-repeat;
  color: #333;
  font-weight: bold;
}
#Side-category li a:hover {
  color: #333;
}

/*------------------------------------------------------------
 #Side-search
-------------------------------------------------------------- */
#Side-search {
  position:relative;
  margin-bottom: 10px;
}
#Side-search .inputTxt {
  /*position:absolute;*/
  width:188px;
  padding:5px 5px 3px;
  height:18px;
  border:1px solid #CCC;
  font-size:93%;
  line-height:1.5;
}
#Side-search .inputImg {
  position:absolute;
  width:16px;
  height:17px;
  top:38px;
  right:5px;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  border:none !important;
  background:url(../images/btn_side_search.png) repeat;
  cursor:pointer;
}
#Side-search .inputImg:hover { border:none !important; }

#Side-search #s-error {
  display:block;
  padding:3px 0 10px 0;
  position:relative;
  font-size:10px;
  color:#C00;
}

/*------------------------------------------------------------
 #Side-interview
-------------------------------------------------------------- */
#Side-interview li h3 span {
  background:#295229;
}
#Side-interview li h3 strong {
  background:#E3F3C0;
}
#Side-interview li .rank {
  background:#295229;
}

/*------------------------------------------------------------
 #Side-recipe
-------------------------------------------------------------- */
#Side-recipe li h3 span {
  background:#8CC600;
}
#Side-recipe li h3 strong {
  background:#E3F3C0;
}
#Side-recipe li .rank {
  background:#8CC600;
}

/*------------------------------------------------------------
 #Side-newArrivals
-------------------------------------------------------------- */
#Side-newArrivals li h3 strong {
  width:100px;
  background:#E3F3C0;
}

/*------------------------------------------------------------
 #Side-area
-------------------------------------------------------------- */
#Side-area h3 {
  cursor:pointer;
  padding:10px;
  line-height:1.4;
  border:1px solid #DDD;
  border-top:1px solid #FFF;
  border-bottom:1px solid #E2DECD;
  background:url(../images/bg_side_area.gif) repeat;
}
#Side-area h3:first-child {
  border-top:1px solid #DDD;
  border-top-left-radius:5px;
  -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
  border-top-right-radius:5px;
  -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
}
#Side-area h3 span {
  padding-right:15px;
  display:block;
  background:url(../images/icon_side_area_open.png) no-repeat right center;
}
#Side-area h3:hover {
  background:url(../images/bg_side_area_hover.gif) repeat;
}
.secondArea {
  display:none;
}
.secondArea li a {
  display:block;
  padding:10px 25px 10px 10px;
  line-height:1.4;
  border:1px solid #E2DECD;
  border-top:none;
  background:url(../images/icon_side_area_third.png) no-repeat 180px center #FFF;
  font-weight:bold;
}
.secondArea li a:hover {
  background:url(../images/icon_side_area_third.png) no-repeat 180px center #FCFFEF;
}
.open span {
  display:block;
    background:url(../images/icon_side_area_close.png) no-repeat right center !important;
}
#Side-area .last {
  border-bottom-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -moz-border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-bottom-left-radius: 0 !important;
}

/*------------------------------------------------------------
 #Side-archive , #Side-tag
-------------------------------------------------------------- */

#Side-archive h3 {
  padding:10px 0;
  border-bottom:1px solid #E2DECD;
}
#Side-archive div {
  overflow:hidden;
  padding:0 11px;
  border:1px solid #EEE;
  border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
  background:#FFF;
  margin-bottom:15px;
}
#Side-tag ul {
  overflow:hidden;
  padding:0 11px;
  border:1px solid #EEE;
  border-bottom:none;
  border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-top-left-radius:5px;
  border-top-right-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-top-right-radius:5px;
  background:#FFF;
}
#Side-archive ul li,
#Side-tag ul li {
  margin-bottom:-1px;
}
#Side-archive ul li a,
#Side-tag ul li a {
  display:block;
  padding:10px 10px 10px 20px;
  padding-left:20px;
  font-weight:bold;
  color:#2A522C;
  background:url(../images/list_square.gif) no-repeat left 14px;
  border-bottom:1px solid #E2DECD;
}
#Side-archive a:hover,
#Side-tag a:hover {
  color: #EC633A;
}
#Side-tag p a {
  display:block;
  padding:10px 0;
  background:url(../images/bg_gradation_top50.jpg) repeat-x left top #FFF;
  color:#6E6660;
  font-weight:bold;
  text-align:center;
  font-size:93%;
  border:1px solid #EEE;
  border-top:none;
  border-bottom-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-bottom-right-radius:5px;
}
#Side-tag p span {
  background:url(../images/icon_triangle_tagmore.png) no-repeat left 3px;
  padding-left:15px;
}

/*------------------------------------------------------------
  店舗情報
-------------------------------------------------------------- */
.left-shop-i {
  margin-bottom: 15px;
}
.left-shop-i_box {
  background:#FFF;
  border:1px solid #EEEEEE;
  border-radius: 5px;
  padding-top:9px;
}
.left-shop-i_img {
  width:180px;
  margin:0 auto 10px;
}
.left-shop-i_hd {
  width:180px;
  margin:0 auto 10px;
  color:#2B542C;
  padding-bottom:10px;
  border-bottom:1px dotted #DFD8CC;
}
.left-shop-i_intro {
  width:180px;
  margin:0 auto 10px;
  line-height:1.5;
  font-size:85%;
  color:#4B4B4B;
}
.left-shop-i_intro-open {
  margin-bottom: 5px;
  text-align: center;
}
.left-shop-i_intro-open a {
  display: block;
  min-height: 28px;
  padding: 0 20px 0 10px;
  border: 1px solid #ccc;
  border-radius: 14px;
  background: url("/public/img/common/icon_down-deeppistachio.svg") right 8px center no-repeat #fff;
  background-size: 10px auto;
  font-size: 12px;
  line-height: 28px;
}
.left-shop-i_intro-open a:hover {
  color: #333 !important;
}
.left-shop-i_intro-txt {
  display: none;
}
.left-shop-i_tel {
  width:155px;
  margin:0 auto 10px;
  padding-left:25px;
  color:#4B4B4B;
  font-size:108%; /*14px*/
  font-weight:bold;
  background:url(../images/icon_side_tel.gif) no-repeat left 3px;
}
/*------------------------------------------------------------
 #Side-showcase
-------------------------------------------------------------- */
#Side-showcase h3 {
  padding:10px 0;
  border-bottom:1px solid #E2DECD;
}
#Side-showcase div {
  overflow:hidden;
  padding:0 11px;
  border:1px solid #EEE;
  border-radius:5px;
  background:#FFF;
  margin-bottom:15px;
}
#Side-showcase ul li {
  margin-bottom:-1px;
}
#Side-showcase ul li a {
  display:block;
  padding:10px 10px 10px 20px;
  padding-left:20px;
  font-weight:bold;
  color:#2A522C;
  background:url("../images/list_square-green.png") left 14px no-repeat;
  border-bottom:1px solid #E2DECD;
}
#Side-showcase a:hover {
  color: #EC633A;
}
.side-associate-site_list li {
  margin-bottom: 15px;
}

/* ============================================================

  09, #footer

   ============================================================ */
#footer {
  width:100%;
  margin-bottom: 0;
  background: #fff;
  border-top: 1px solid #c3de87;
  border-bottom: 5px solid #8dc21f;
  clear: both;
}
#footer img {
  vertical-align: bottom;
}
#footer a,
#footer a:hover {
  color: inherit;
}
#footer .foooter_navi_outer {
  margin-bottom: 36px;
  padding: 20px 0 16px;
  background-color: #f6faec;
}
#footer .foooter_navi {
  width: 979px;
  margin: 0 auto;
  border-right: 1px solid #cbcdcb;
}
#footer .foooter_navi a {
  display: inline-block;
  margin-bottom: 8px;
}
#footer .foooter_navi .head_line {
  margin-bottom: 8px;
}
#footer .foooter_navi .head_line a {
  margin-bottom: 0;
  padding-left: 0;
  background: none;
}
#footer .foooter_navi a {
  padding-left: 7px;
  font-size: 11px;
  background: url("../images/common/footer/ico_link.png") left center no-repeat;
}
#footer .foooter_navi .head_line a {
  font-size: 13px;
  white-space: nowrap;
}
#footer .foooter_navi .col {
  float: left;
  width: 18.6%;
  height: 307px;
  padding-left: 11px;
  border-left: 1px solid #cbcdcb;
}
#footer .foooter_navi .col-2 li {
  float: left;
  width: 61px;
}
#footer .ft-nav-ext a {
  height: 30px;
  padding-left: 39px;
  font-size: 12px;
  line-height: 30px;
}
#footer .ft-nav-ext a::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  background: url("/public/img/common/footer/navi/icon_open.png") left center no-repeat;
  vertical-align: middle;
}
#footer .ft-nav-ext--instagram a {
  background: url("/public/img/common/footer/navi/img_logo_instagram.png") left center no-repeat;
}
#footer .ft-nav-ext--facebook a {
  background: url("/public/img/common/footer/navi/img_logo_facebook.png") left center no-repeat;
}
#footer .ft-nav-ext--youtube a {
  background: url("/public/img/common/footer/navi/img_logo_youtube.png") left center no-repeat;
}
/* ====================================================
  フッターSNS
====================================================*/
.footer-sns {
  margin: 27px 0 0 10px;
}
.footer-sns-chain {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.footer-sns-chain li {
  margin-bottom: 12px;
}
.footer-sns-chain a {
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  background: none !important;
}
.footer-sns_youtube {
  margin-right: 22px;
}
.footer-sns_instagram {
  margin-right: 21px;
}
.footer-sns_facebook {
  margin: 0 25px 0 4px;
}
#footer .footer_bottom {
  width: 980px;
  height: 146px;
  margin: 41px auto 50px;
  background: url("../images/common/footer/bg_footer.png?2023112200") 585px 1px no-repeat;
}
#footer .footer_logo {
  float: left;
  padding: 26px 34px 0 9px;
}
#footer .footer_address {
  float: left;
  margin-top: 2px;
}
#footer .footer_address .da {
  font-size: 16px;
}
#footer .footer_address .gp {
  margin: 9px 0 4px;
  font-size: 12px;
  font-weight: bold;
}
#footer .footer_address .call {
  font-size: 11px;
  line-height: 1.9;
}
#footer .bnr_footer {
  float: right;
  width: 240px;
}
#footer .bnr_footer li a {
  width: 240px;
  height: 50px;
  display: block;
  background-image: url("../images/common/footer/sprite_footer_banner.png");
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-repeat: no-repeat;
}
#footer .bnr_footer li.contest a { background-position: 0 0; }
#footer .bnr_footer li.partner a { background-position: 0 -50px;}
#footer .bnr_footer .contest {
  margin-bottom: 10px;
}
#footer .bnr_footer .partner .text {
  font-size: 10px;
  text-align: center
}

/* ====================================================
  さくら外壁へのリンク
====================================================*/
.footer-link-wrap {
  margin: 10px 0 42px;
}
.footer-link {
  display: flex;
  box-sizing: border-box;
  width: 980px;
  margin: 0 auto;
  border-right: 1px solid #cbcdcb;
}
/* 列
--------------------------------*/
.footer-link-col {
  float: left;
  width: 20%;
  padding-left: 7px;
  border-left: 1px solid #cbcdcb;
}
.footer-link-list li {
  margin-bottom: 7px;
}
.footer-link-list a {
  color: #333;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}
.footer-link-list .shrink a {
  font-size: 12px;
}
.footer-link-list-knwl a {
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  padding-left: 1em;
  text-indent: -1em;
}
.footer-link-list-knwl a::before {
  content: "";
  display: inline-block;
  margin-right: 4px;
  border: 2px solid transparent;
  border-left: 4px solid #f9595a;
  border-right: none;
}
.footer-link-list-knwl--sub {
  padding-left: 7px;
}
/* 見出し
--------------------------------*/
.footer-link-hd {
  margin-bottom: 9px;
  font-size: 13px;
  font-weight: bold;
}
.footer-link-list li.footer-link-list-nm {
  font-size: 12px;
}
/* サービスエリア
------------------------------------------------------------------------*/
#footer .footer_service-area {
  margin: 0 auto;
}
#footer .slider_service-area .area_list a {
  color: #307500;
  *color: #307500!important; /* IE6 & IE7 */
}
/* バナー
------------------------------------------------------------------------*/
.banner_footer {
  margin: 50px auto 20px;
}
.banner_footer li {
  margin-bottom: 20px;
}
/* ====================================================
  フッターバナー
====================================================*/
.g-footer-bnrs {
  position: relative; /* 見出し、コントロール消失対策 */
  margin-bottom: 50px;
  padding-top: 50px;
}
.g-footer-bnr {
  margin-bottom: 25px;
}
.g-footer-bnr img {
  height: 200px;
}
.g-footer-bnr_hd {
  margin-bottom: 18px;
  padding-left: 10px;
  border-left: 12px solid #2f7300;
  font-size: 21px;
  font-weight: bold;
}
.g-footer-bnr-chain li {
  width: 200px !important;
}
/*--------------------------------
  swiper設定
--------------------------------*/
.g-footer-bnr-chain-wrap {
  position: relative;
  max-width: 710px !important;
  margin: 0 !important;
  padding-left: 20px;
  overflow: hidden;
}
.g-footer-bnr .next-exists::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
  z-index: 1;
}
.g-footer-bnr .prev-exists::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 100%;
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
}
.g-footer-bnr li {
  display: none;
}
.g-footer-bnr .swiper-initialized li {
  display: block !important;
}
.g-footer-bnr .swiper-button-prev,
.g-footer-bnr .swiper-button-next {
  position: absolute;
  top: 55px;
  display: block;
  width: 28px;
  height: 92px;
  margin-top: 0;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.3);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  z-index: 2;
}
.g-footer-bnr .swiper-button-prev:hover,
.g-footer-bnr .swiper-button-next:hover {
  opacity: 0.7;
  box-shadow: none;
}
.g-footer-bnr .swiper-button-prev.swiper-button-disabled,
.g-footer-bnr .swiper-button-next.swiper-button-disabled {
  opacity: 0;
  cursor: default;
}
.g-footer-bnr .swiper-button-prev.swiper-button-disabled:hover,
.g-footer-bnr .swiper-button-next.swiper-button-disabled:hover {
  opacity: 0;
}
.g-footer-bnr .swiper-button-prev {
  left: 0;
  background: url("/public/img/showcase/cate/detail/icon_prev_gray.png") center center no-repeat #fff;
  border-radius: 0 5px 5px 0;
}
.g-footer-bnr .swiper-button-next {
  right: 0;
  background: url("/public/img/showcase/cate/detail/icon_next_gray.png") center center no-repeat #fff;
  border-radius: 5px 0 0 5px;
}
.g-footer-bnr .swiper-button-prev::after,
.g-footer-bnr .swiper-button-next::after {
  display: none;
  content: "";
}
/*------------------------------------------------------------------------
  ガーデンプラスが選ばれる5つの理由
------------------------------------------------------------------------*/
#wrap_appeal_area {
  margin: 0 auto 50px;
}
#appeal_area {
  width: 727px;
  height: 231px;
  margin: 0 0 50px;
  padding: 1px 0 0 1px;
  border: 1px solid #ccc;
  border-bottom: none;
  z-index: 1;
}
#appeal_area img {
  vertical-align: middle;
}
#appeal_area .bnrs li {
  float: left;
  padding: 1px 0 1px 0;
  border-bottom: 1px solid #ccc;
}
#appeal_area .bnrs a {
  text-decoration: none;
}
#appeal_area .bnrs img {
  padding: 0 1px 0 1px;
  border-right: 1px solid #ccc;
}
#appeal_area .bnrs li.rightmost img {
  padding-right: 0;
  border-right: none;
}
#appeal_area .bnrs li.service-area {
  position: relative;
}
#appeal_area .bnrs li.service-area .num {
  position: absolute;
  bottom: 5px;
  left: 3px;
  font-size: 38px;
  font-family: Arial;
  font-weight: bold;
  color: #DF5E00;
}
#appeal_area .bnrs li.service-area .num img {
  _vertical-align: top; /* IE6 */
}
#appeal_area .bnrs li.showcase {
  position: relative;
}
#appeal_area .bnrs li.showcase .num {
  position: absolute;
  bottom: 5px;
  left: 8px;
  color: #df5e00;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 34px;
  font-weight: bold;
  line-height: 1;
}
/*------------------------------------------------------------------------
 お問い合わせ（固定UI）
------------------------------------------------------------------------*/
#ui-fixed-contact {
  position: fixed !important;
  bottom: 0;
  right: 0;
  z-index: 999;
  height: 53px;
  width: 100%;
  background: #fff;
  border-top: 1px solid #bbb;
  box-shadow: 0px -1px 6px 0px rgba(0, 0, 0, 0.2);

  ie7-position: static !important;
}
#ui-fixed-contact img {
  vertical-align: baseline;
}
#ui-fixed-contact .box {
  display: block;
  width: 980px;
  height: 48px;
  margin: 0 auto;
  padding: 0;
  background: url("/public/img/common/footer/ui_fixed_contact/img_operator.png") right 4px no-repeat;
}
#ui-fixed-contact .box dl,
#ui-fixed-contact .box dt,
#ui-fixed-contact .box dd {
  float: left;
}

/* お電話でのご注文・ご相談
------------------------------------------------------------------------*/
#ui-fixed-contact .box .tel {
  margin-right: 35px;
}
#ui-fixed-contact .box .tel dt {
  padding: 13px 15px 0 0;
}
#ui-fixed-contact .box .tel dd {
  position: relative;
  padding-top: 10px;
}
#ui-fixed-contact .box .tel dd::after {
  content: "";
  position: absolute;
  top: 10px;
  right: -17px;
  width: 1px;
  height: 31px;
  background-color: #ccc;
}
/* サイトから問い合わせる
------------------------------------------------------------------------*/
#ui-fixed-contact .box .site {
  height: 29px;
  margin-top: 10px;
  border-radius: 4px 3px 3px 4px;
  border: 1px solid #038000;
  background-color: #fffef0;
  line-height: 29px;
}
#ui-fixed-contact .box .site dt {
  position: relative;
  height: 13px;
  margin-right: 19px;
  padding: 8px 3px 8px 8px;
  border-radius: 3px 0 0 3px;
  background-color: #038000;
  line-height: 13px;
}
#ui-fixed-contact .box .site dt::after {
  content: "";
  position: absolute;
  top: 0;
  right: -11px;
  width: 0;
  height: 0;
  border: 14.5px solid transparent;
  border-left: 11px solid #038000;
  border-right: none;
  *display: none; /* IE7 */
}
#ui-fixed-contact .box .site dt img {
  vertical-align: middle;
}
#ui-fixed-contact .box .site .link li {
  float: left;
  margin-right: 18px;
}
#ui-fixed-contact .box .site .link li.rightmost {
  margin-right: 11px;
}
#ui-fixed-contact .box .site .link a {
  padding-left: 18px;
  background: url("/public/img/common/footer/ui_fixed_contact/icon_trico_circle.png") left center no-repeat;
  color: #025300;
  font-size: 13px;
  text-decoration: none;
}
#ui-fixed-contact .box .site .link a:hover {
  text-decoration: underline;
}
/* ====================================================
  現調問い合わせバナー
====================================================*/
.fixed-contact-footer {
  position: fixed !important;
  bottom: 0;
  right: 0;
  z-index: 999;
  width: 100%;
}
.fixed-contact-footer_inner {
  position: relative;
  width: 980px;
  margin: 0 auto;
}
.fixed-contact-footer_box {
  position: absolute;
  bottom: 0;
  right: -7px;
  padding: 6px 7px 10px;
  border-radius: 5px 5px 0 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.fixed-contact-footer_box a {
  display: block;
  width: 420px;
  height: 63px;
  border-radius: 5px;
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.6); 
}
/* ========================================================================
  全国のサービス店一覧
======================================================================== */
.list_service-area_network {
  width: 979px;
  margin: 0 auto;
}
.list_service-area_network .hd {
  margin-bottom: 11px;
  font-size: 14px;
  font-weight: normal;
}
.list_service-area_network .hd strong {
  margin-right: 21px;
  font-size: 16px;
  font-weight: bold;
  color: #006a25;
}
.list_service-area_network .prefectures {
  display: table;
  table-layout: fixed;
  border-left: 1px solid #ccc;
}
.list_service-area_network .col {
  display: table-cell;
  min-width: 154px;
  border-right: 1px solid #ccc;
  padding-left: 8px;
  *float: left; /* IE7 */
  *width: 15.5%; /* IE7 */
}

/* 都道府県
------------------------------------------------------------------------*/
.list_service-area_network .pref {
  margin-bottom: 5px;
}
.list_service-area_network .pref:last-of-type {
  margin-bottom: 0;
}
.list_service-area_network .pref .name {
  height: 18px;
  margin: 0 8px 8px 0;
  padding-left: 10px;
  background-color: #f6faec;
  color: #006a25;
  font-size: 12px;
  line-height: 18px;
}

/* サービス店一覧
------------------------------------------------------------------------*/
.list_service-area_network .pref .shop li {
  text-indent: -8px;
  margin: 0 0 6px 8px;
  *text-indent: 0; /* IE7 */
}
.list_service-area_network .pref .shop li a {
  font-size: 11px;
  text-decoration: none;
}
.list_service-area_network .pref .shop li a .brand {
  margin-right: 3px;
  font-size: 11px;
  letter-spacing: -0.1ex;
}
.list_service-area_network .pref .shop li a:hover {
  text-decoration: underline !important;
}
.list_service-area_network .pref .shop li a::before {
  content: "";
  display: inline-block;
  margin-right: 4px;
  border: 2px solid transparent;
  border-right: none;
  border-left: 4px solid #8dc21f;
  vertical-align: middle;
  *display: none; /* IE7 */
}
/* ====================================================
  右カラムYoutube動画
====================================================*/
.side-youtube {
  margin-bottom: 17px;
}
/* ======================================================================================================================
  レフト
======================================================================================================================*/
#left_menu {
  float: left;
  width: 220px;
}
/* ====================================================
  左カラム 施工例検索
====================================================*/
#left_menu .left_showcase_filter {
  width: 218px;
  margin-bottom: 23px;
  padding-bottom: 3px;
  border: 1px solid #79b314;
  border-radius: 6px;
}
/*--------------------------------
  大見出し
--------------------------------*/
#left_menu .left_showcase_filter .hd-top {
  position: relative;
  height: 32px;
  margin-bottom: 8px;
  padding-left: 9px;
  border-radius: 5px 5px 0 0;
  background-color: #79b314;
  color: #fff;
  font-size: 15px;
  line-height: 32px;
}
/* 拡大鏡
--------------------------------*/
#left_menu .left_showcase_filter .hd-top::before {
  content: "";
  display: inline-block;
  *display: inline; /* IE7 */
  *zoom: 1; /* IE7 */
  width: 18px;
  height: 17px;
  margin-right: 6px;
  background: url("/sp/public02/img/common/icon_glass.svg") left center no-repeat;
  background-size: contain;
  vertical-align: middle;
}
/*--------------------------------
ブロック
--------------------------------*/
#left_menu .left_showcase_filter .block {
  margin: 0 8px;
  border-bottom: 1px solid #ddd;
}
#left_menu .left_showcase_filter .block:last-of-type {
  border-bottom: none;
}
/*--------------------------------
  見出し
--------------------------------*/
#left_menu .left_showcase_filter .sub_hd {
  padding: 10px 10px 10px 3px;
  background: url("/public/img/common/left/sprite_left_showcase_filter.png") -497px center no-repeat;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
}
#left_menu .left_showcase_filter .sub_hd.ui-open {
  background-position: -730px center;
}
/*--------------------------------
  絞り込みワード
--------------------------------*/
#left_menu .left_showcase_filter .list {
  padding: 0 0 10px;
}
#left_menu .left_showcase_filter .list.-has-no-tag {
  display: none;
}
#left_menu .left_showcase_filter .col_2 li {
  float: left;
  width: 105px;
}
#left_menu .left_showcase_filter .list a {
  display: block;
  padding: 5px 5px 5px 19px;
  background: url("/public/img/common/left/sprite_left_showcase_filter.png") 1px 3px no-repeat;
  color: #333;
  font-size: 13px;
  text-decoration: none;

  *display: inline; /* IE7 */
  *zoom: 1; /* IE7 */
}
#left_menu .left_showcase_filter .list a.active {
  background-position: -219px center;
}
#left_menu .left_showcase_filter .list .no_page {
  display: block;
  padding: 5px 5px 5px 19px;
  background: url("/public/img/common/left/sprite_left_showcase_filter.png") 1px 3px no-repeat;
  color: #ccc;
  font-size: 13px;
  text-decoration: none;
}

/* ====================================================
  ブログメニュー
====================================================*/
.left-blog-menu_ttl {
  display: flex;
  align-items: center;
  height: 36px;
  margin: 0;
  padding-left: 47px;
  background-color: #2f7300;
}
.left-blog-menu-inner {
  padding: 8px 9px;
}
#Side-bnrMonthly {
  margin-bottom: 20px;
}
/* -----------------------------------------------------------------------
  安心のW保証・補償
----------------------------------------------------------------------- */
#left_bnr_guarantee {
  width: 206px;
  height: 194px;
  margin: 20px 0 0 0;
  padding: 6px 6px 10px;
  border: 1px solid #89c625;
}
#left_bnr_guarantee a {
  width: 206px;
  height: 194px;
  background-position: 0 -186px;
  font-size: 11px;
  text-decoration: none;
}
#left_bnr_guarantee p {
  text-indent: 0;
  padding-top: 116px;
  line-height: 1.4;
  color: #333;
  text-align: center;
}
/* -----------------------------------------------------------------------
  クリスマスキャンペーン
----------------------------------------------------------------------- */
#left_new_years_holiday {
  margin: 20px 0 0 0;
}
#left_new_years_holiday a {
  width: 220px;
  height: 187px;
  background-position: 0 -2511px;
}
#left_new_years_holiday dd {
  width: 206px;
  padding-top: 112px;
  background: url("/public/img/common/left/bg_sideloan.png") left top no-repeat;
}
#left_new_years_holiday dd.interest0yen { /* #3758 */
  background-image: url("/public/img/common/left/bg_sideloan_interest0yen.png");
}
#left_new_years_holiday .bt_sideloan {
  text-align: center;
}

/* -----------------------------------------------------------------------
  年末年始キャンペーン
----------------------------------------------------------------------- */
#left_yearend-newyear-present {
  margin: 20px 0 0 0;
}
#left_yearend-newyear-present a {
  width: 220px;
  height: 187px;
  background-position: 0 -2700px;
}
#left_yearend-newyear-present dd {
  width: 206px;
  padding-top: 112px;
  background: url("/public/img/common/left/bg_sideloan.png") left top no-repeat;
}
#left_yearend-newyear-present dd.interest0yen { /* #3758 */
  background-image: url("/public/img/common/left/bg_sideloan_interest0yen.png");
}
#left_yearend-newyear-present .bt_sideloan {
  text-align: center;
}

/* -----------------------------------------------------------------------
  リフォームローン
----------------------------------------------------------------------- */
#sideLoan {
  margin: 20px 0 0 0;
}
#sideLoan a {
  width: 220px;
  height: 187px;
  background-position: 0 -1937px;
}
#sideLoan dd {
  width: 206px;
  padding-top: 112px;
  background: url("/public/img/common/left/bg_sideloan.png") left top no-repeat;
}
#sideLoan dd.interest0yen { /* #3758 */
  background-image: url("/public/img/common/left/bg_sideloan_interest0yen.png");
}
#sideLoan .bt_sideloan {
  text-align: center;
}
/* ====================================================
  左カラムYouTube動画
====================================================*/
.left-youtube {
  margin: 23px 0 22px 0;
}
.left-youtube_ttl {
  width: 220px;
  height: 26px;
  background: url("/public/img/common/left/sprite_bnr_ad.png?20201126") 0 0 no-repeat;
  text-indent: 110%;
  overflow: hidden;
  white-space: nowrap;
}
.left-youtube_ttl--tvcm {
  background-position: 0 -26px;
}
/* -----------------------------------------------------------------------
  エクステリア祭り
----------------------------------------------------------------------- */
#sideItemSearch {
  overflow: hidden;
  margin: 20px 0 0 0;
}
#sideItemSearch a {
  width: 220px;
  height: 192px;
  background-position: 0 -1076px;
}
#sideItemSearch dd {
  width: 206px;
  padding-top: 112px;
  background: url("/public/img/common/left/bg_sideitemsearch.png") left top no-repeat;
}
#sideItemSearch .bt_sideItemSearch {
  text-align: center;
}
/* -----------------------------------------------------------------------
  その他 キャンペーン一覧
----------------------------------------------------------------------- */
#sideCampaignInfo {
  margin: 20px 0 0 0;
}
#sideCampaignInfo a {
  width: 218px;
  height: 34px;
  border: 1px solid #89c625;
  background-position: 0px -1460px;
}
/* -----------------------------------------------------------------------
  左カラムキャンペーンバナー（枠付き）
----------------------------------------------------------------------- */
#left_menu .left_campaign_bnr {
  overflow: hidden;
  width: 206px;
  padding: 6px 6px 6px;
  margin: 20px 0 0 59px;
  border: 1px solid #89c625;
}
#left_menu .left_campaign_bnr a {
  width: 206px;
  height: 178px;
}
/* -----------------------------------------------------------------------
  左カラムバナー（枠付き）
----------------------------------------------------------------------- */
#left_menu .left_bnr_frame {
  overflow: hidden;
  margin: 20px 0 0 0;
}
#left_menu .left_bnr_frame a {
  width: 206px;
  height: 175px;
}

#left_menu .left_bnr_maker_contest a { 
  width: 220px;
  height: 192px;
  background-position: 0 -3657px;
}
#left_menu .left_bnr_plantplan a { 
  width: 220px;
  height: 189px;
  background-position: 0 -3849px;
}
/* ====================================================
  商品カテゴリ
====================================================*/
.g-left-itemcate {
  box-sizing: border-box;
  width: 220px;
  margin: 20px 0 0 0;
  border: 1px solid #ccc;
}
.g-left-itemcate_ttl {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 0 9px;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.g-left-itemcate_ttl::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  width: 7px;
  height: 13px;
  margin: auto 0;
  background: url(/sp/public02/img/common/icon_next-deeppistachio.svg) left top no-repeat;
  background-size: contain;
  transform: rotate(90deg);
}
.g-left-itemcate_ttl.is-open::after {
  transform: rotate(270deg);
}
.g-left-itemcate-body {
  display: none;
  padding: 6px 0 12px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.g-left-itemcate-chain_word a {
  display: block;
  padding: 5px 5px 5px 37px;
  background: url(/public/img/common/left/sprite_left_showcase_filter.png) 18px center no-repeat;
  color: #333;
  font-size: 14px;
  text-decoration: none;
}
.g-left-itemcate-chain_word a:hover {
  background-color: #f7fbef;
}
.g-left-itemcate-chain .checked a {
  background-position: -202px center;
}
.g-left-itemcate-chain .no_link {
  display: inline-block;
  padding: 5px 5px 5px 29px;
  background: url(/public/img/common/left/sprite_left_showcase_filter.png) 18px 3px no-repeat;
  color: #333;
  font-size: 14px;
  opacity: 0.5;
  cursor: default;
}
.g-left-itemcate-chain input {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 0 0 -9999px;
}

/* 秋のお庭外構工事応援キャンペーン
--------------------------------*/
#left_menu #autumnGardenSupport a {
  background-position: 0 -1494px;
}
/* 人気のウッドデッキ プレゼントキャンペーン
--------------------------------*/
#wooddeck_present_2017 {
  overflow: hidden;
  margin: 20px 0 0 59px;
}
#wooddeck_present_2017 a {
  width: 220px;
  height: 192px;
  background-position: 0 -2124px;
}
/*--------------------------------
  プラントプラン 2000本達成記念キャンペーン
--------------------------------*/
.left_bnr_plantplan-2000-planted {
  overflow: hidden;
  margin: 20px 0 0 59px;
}
.left_bnr_plantplan-2000-planted a {
  width: 220px;
  height: 192px;
  background-position: 0 -2316px;
}
/*--------------------------------
  キャンペーンバナー
--------------------------------*/
.left_bnr_campaign_info {
  overflow: hidden;
  margin: 20px 0 0 59px;
}
.left_bnr_campaign_info a {
  width: 220px;
  height: 192px;
  background-position: 0 -3084px; /* キャンペーンごとに変更 */
}
/*--------------------------------
  年末年始キャンペーン
--------------------------------*/
.left_bnr_new_years_holiday {
  overflow: hidden;
  margin: 20px 0 0 59px;
}
.left_bnr_new_years_holiday a {
  width: 220px;
  height: 192px;
}
.left_bnr_new_years_holiday_xmas a    { background-position: 0 -2508px; }
.left_bnr_new_years_holiday_newyear a { background-position: 0 -2700px; }

/* -----------------------------------------------------------------------
サイドバナー部分
----------------------------------------------------------------------- */
.left_bnr_ad a {
  display: block;
  background-image: url("/public/img/common/left/sprite_bnr_ad.webp?2025110700");
  background-color: #fff;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-repeat: no-repeat;
}
/* --- #bnrSide-top  --- プライバシーポリシー、セコムなど --- */
.left_bnr_pmark img {
  float: left;
  margin-right: 6px;
  margin-left: -3px;
}

#certification {
  border-bottom:1px solid #ccc;
  background:#fff;
}
#certification li {
  width:198px;
  border:1px solid #ccc;
  border-bottom:none;
  overflow:hidden;
  margin-bottom:0;
  padding:8px 10px;
}
#certification .markLink {
  width:70px;
  float:left;
}
#certification input {
  width: 70px;
  height: 90px;
  background: url("/public/img/common/left/sprite_bnr_ad.png?20201126") 0px -547px no-repeat;
  border: none;
  cursor: pointer;
  text-indent: 150%;
  white-space: nowrap;
  overflow: hidden;
  transition: 0.2s ease-in-out;
}
#certification input:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
  border: none !important;
}
#certification p {
  width:120px;
  float:right;
  margin-top:0 !important;
  line-height:1.5;
  color:#666;
  *float: none; /* IE7 */
}
/* 施工実績
------------------------------------------------------------------------*/
#left_menu a.link_left_showcase_voice {
  text-decoration: none;
  *cursor: pointer; /* IE7 */
}
#left_menu a.link_left_showcase_voice .left_showcase_voice {
  opacity: 1;
  transition: opacity ease-in-out 0.2s;
}
#left_menu a.link_left_showcase_voice:hover .left_showcase_voice {
  opacity: 0.7;
  *filter: alpha(opacity=70); /* IE7 */
  *zoom: 1; /* IE7 */
}
#left_menu .left_showcase_voice {
  position: relative;
  width: 218px;
  margin-top: 20px;
  border: 1px solid #89c625;
}
#left_menu .left_showcase_voice .heading {
  width: 218px;
  height: 51px;
  padding: 7px 0 10px;
  text-align: center;
  background-color: #f8fbf0;
  border-bottom: 1px solid #89c625;
}
#left_menu .left_showcase_voice .details {
  padding: 6px 0 6px;
  background: url("/public/img/common/left/sprite_showcase_voice.png?2016092600") 20px -164px no-repeat;
}
#left_menu .left_showcase_voice .block {
  float: right;
  width: 136px;
  margin-bottom: 8px;
  padding-right: 5px;
}
#left_menu .left_showcase_voice .h_block {
  width: 120px;
  height: 24px;
  padding: 0 5px 0 0;
}
#left_menu .left_showcase_voice .bod {
  margin: 5px 0 0 0;
  border-top: 1px solid #90c21c;
}
#left_menu .left_showcase_voice .voice_num {
  padding-left: 4px;
  font-weight: bold;
  color: #ef5b01;
  *padding-left: 0;
}
#left_menu .left_showcase_voice .voice_num .num,
#left_menu .left_showcase_voice .voice_num .release {
  float: left;
}
#left_menu .left_showcase_voice .num {
  padding-right: 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 31px;
}
#left_menu .left_showcase_voice .voice_num .release {
  margin-top: 9px;
  font-size: 12px;
  line-height: 1;
}
#left_menu .left_showcase_voice .text {
  width: 122px;
  height: 22px;
}
#left_menu .left_showcase_voice .link {
  clear: both;
  width: 200px;
  height: 30px;
  margin: 0 auto;
}
/* ----------------------------------------------------------------------
  施工実績スプライト化
------------------------------------------------------------------------*/
#left_menu .left_showcase_voice .heading,
#left_menu .left_showcase_voice .h_block,
#left_menu .left_showcase_voice .text,
#left_menu .left_showcase_voice .link {
  display: block;
  background-image: url("/public/img/common/left/sprite_showcase_voice.png?2016092600");
  text-indent: 110%;
  overflow: hidden;
  white-space: nowrap;
  background-repeat: no-repeat;
}

#left_menu .left_showcase_voice .heading { background-position: 0px 0px; }
#left_menu .left_showcase_voice .h_block { background-position: 0px -68px; }
#left_menu .left_showcase_voice .text    { background-position: 0px -102px; }
#left_menu .left_showcase_voice .link    { background-position: 0px -129px; }

/* ナビ
------------------------------------------------------------------------*/
#left_menu .left_navi {
  width: 220px;
  margin-top: 20px;
}
#left_menu .left_navi dt {
  padding: 10px 0;
  text-align: center;
  background-color: #2f7400;
}
#left_menu .left_navi li {
  border-bottom: 1px solid #8ec120;
}
#left_menu .left_navi li a {
  display: block;
  padding: 9px 0 9px;
}
#left_menu .left_navi_mailform dt {
  background-color: #a47f39;
}
#left_menu .left_navi_mailform li {
  border-bottom: 1px solid #a67f38;
}
#left_menu .left_navi_guide dt {
  background-color: #f6eec4;
}
#left_menu .left_navi_guide li {
  border-bottom: 1px solid #ddd;
}

#left_menu dl.left_navi_guide {
  margin-top: 20px;
}
#left_menu dl.left_navi_guide dt {
  width: 220px;
  margin-bottom: 3px;
  background-image: url("/public/img/common/left/sprite_left_navi.png?20181102");
  background-position: -660px 0;
  text-indent: 110%;
  overflow: hidden;
  white-space: nowrap;
  background-repeat: no-repeat;
}
#left_menu dl.left_navi_guide ul li a {
  padding-top: 11px;
  padding-left: 20px;
  color: #333;
  font-size: 14px;
  text-decoration: none;
  line-height: 1;
  background-image: url("/public/img/common/left/sprite_left_navi.png?20181102");
  background-position: -660px -59px;
  background-repeat: no-repeat;
  *zoom: 1; /* IE7 */
}
/* 工事場所別プラン */
#left_menu dl.left_navi_plan dt,
#left_menu dl.left_navi_plan li a {
  display: block;
  width: 220px;
  background-image: url("/public/img/common/left/sprite_left_navi.png?20181102");
  text-indent: 110%;
  overflow: hidden;
  white-space: nowrap;
  background-repeat: no-repeat;
}
#left_menu dl.left_navi_plan li a {
  height: 18px;
}

#left_menu dl.left_navi_plan li.parking a          { background-position: 0px -36px; }
#left_menu dl.left_navi_plan li.entrance a         { background-position: 0px -72px; }
#left_menu dl.left_navi_plan li.gate a             { background-position: 0px -108px; }
#left_menu dl.left_navi_plan li.block a            { background-position: 0px -144px; }
#left_menu dl.left_navi_plan li.blindfold a        { background-position: 0px -180px; }
#left_menu dl.left_navi_plan li.fence a            { background-position: 0px -216px; }
#left_menu dl.left_navi_plan li.garden_room a      { background-position: 0px -252px; }
#left_menu dl.left_navi_plan li.flower a           { background-position: 0px -288px; }
#left_menu dl.left_navi_plan li.wd a               { background-position: 0px -324px; }
#left_menu dl.left_navi_plan li.terrace a          { background-position: 0px -360px; }
#left_menu dl.left_navi_plan li.kitchen_door a     { background-position: 0px -396px; }
#left_menu dl.left_navi_plan li.mo a               { background-position: 0px -432px; }
#left_menu dl.left_navi_plan li.weeds a            { background-position: 0px -468px; }
#left_menu dl.left_navi_plan li.other a            { background-position: 0px -504px; }
#left_menu dl.left_navi_plan li.new_construction a { background-position: 0px -540px; }
#left_menu dl.left_navi_plan li.gaiheki-tosou a    { background-position: 0px -576px; }
#left_menu dl.left_navi_plan li.plant-trim a       { background-position: 0px -612px; }

/* 工事場所別 施工事例 */
#left_menu dl.left_navi_showcase dt,
#left_menu dl.left_navi_showcase li a {
  display: block;
  width: 220px;
  background-image: url("/public/img/common/left/sprite_left_navi.png?20181102");
  background-position: -220px 0;
  text-indent: 110%;
  overflow: hidden;
  white-space: nowrap;
  background-repeat: no-repeat;
}
#left_menu dl.left_navi_showcase li a {
  height: 16px;
}

#left_menu dl.left_navi_showcase li.parking a          { background-position: -220px -36px; }
#left_menu dl.left_navi_showcase li.entrance a         { background-position: -220px -72px; }
#left_menu dl.left_navi_showcase li.gate a             { background-position: -220px -108px; }
#left_menu dl.left_navi_showcase li.block a            { background-position: -220px -144px; }
#left_menu dl.left_navi_showcase li.blindfold a        { background-position: -220px -180px; }
#left_menu dl.left_navi_showcase li.fence a            { background-position: -220px -216px; }
#left_menu dl.left_navi_showcase li.garden_room a      { background-position: -220px -252px; }
#left_menu dl.left_navi_showcase li.flower a           { background-position: -220px -288px; }
#left_menu dl.left_navi_showcase li.storeroom a        { background-position: -220px -324px; }
#left_menu dl.left_navi_showcase li.new_construction a { background-position: -220px -360px; }
#left_menu dl.left_navi_showcase li.other a            { background-position: -220px -396px; }

/* バナー
------------------------------------------------------------------------*/
#left_menu .left_bnr {
  width: 220px;
  margin-top: 20px;
}
#left_menu .left_bnr li {
  margin-bottom: 20px;
}
#left_menu .left_bnr #certification {
  font-size: 77%;
  line-height:1.5;
  color:#666;
}
#left_menu .left_bnr #certification li {
  margin-bottom: 0;
}
#left_menu .left_bnr li.vissel .text {
  margin-top: 3px;
  font-size: 11px;
  color: #ac0931;
}
#left_menu .left_bnr li.swimmy .text {
  margin-top: 3px;
  color: #020101;
  font-size: 11px;
}
#left_menu .left_bnr li.jadma a    { background-position: 0 -637px; width: 198px; height: 40px; }
#left_menu .left_bnr li.xkobe a    { background-position: 0 -677px; width: 198px; height: 45px; }

#left_menu .left_bnr li.sketch a    { background-position: 0 -380px; width: 220px; height: 81px; }
#left_menu .left_bnr li.vissel a    { background-position: 0 -722px; width: 220px; height: 230px; }
#left_menu .left_bnr li.storks a    { background-position: 0 -820px; width: 220px; height: 98px; }
#left_menu .left_bnr li.gaiheki-tosou a { background-position: 0 -3431px; width: 220px; height: 113px; }
#left_menu .left_bnr li.swimmy a    { background-position: 0 -3276px; width: 220px; height: 155px; }
#left_menu .left_bnr li.plant-tree-mountain a    { background-position: 0 -4038px; width: 220px; height: 155px;}
#left_menu .left_bnr li.komorebi a { background-position: 0 -3544px; width: 220px; height: 113px; }
#left_menu .left_bnr li.jitensyakan a { background-position: 0 -2894px; width: 220px; height: 150px; }

#left_menu .link_sponsor a {
  display: block;
  width: 209px;
  height: 30px;
  padding-left: 9px;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: -0.1ex;
  line-height: 30px;
}
#left_menu .link_sponsor a::before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  border: 5px solid transparent;
  border-left: 7px solid #7cc623;
  border-right: none;
  vertical-align: middle;
  *display: none; /* IE7 */
}

/* ====================================================
  本日のPick Upページ
====================================================*/
.pic-up {
  width: 220px;
  margin: 25px 0 30px;
  border: 1px solid #ccc;
}
.pic-up_ttl {
  position: relative;
  display: flex;
  align-items: center;
  height: 27px;
  padding: 0 12px;
  border-bottom: 1px solid #ccc;
  background-color: #f6faec;
  font-size: 13px;
  font-weight: bold;
  /* cursor: pointer; */
}
.pic-up_ttl.is-open {
  border-bottom: 1px solid #ccc;
}
.pic-up_ttl.is-open::after {
  transform: rotate(270deg);
}
.pic-up_ttl.is-open .pic-up-body {
  display: block;
}
.pic-up_list {
  padding: 10px 10px 0;
}
.pic-up_list li {
  margin-bottom: 10px;
}
.pic-up_list a {
  display: block;
  color: #333;
  font-size: 11px;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pic-up_list a:hover {
  text-decoration: underline;
}
.pic-up_list a::before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  border: 4px solid transparent;
  border-left: 8px solid #ccc;
  border-right: none;
  vertical-align: middle;
}

/* ===========================================================
  カレンダー
===========================================================*/
#left_menu .left_calender dt {
  margin-bottom: 10px;
  padding: 8px 0 6px;
  background-color: #2f7300;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}
#left_menu .left_calender dd {
  margin-bottom: 15px;
}
#left_menu .left_calender {
  width: 220px;
  margin-top: 20px;
}
#left_menu .left_calender table {
  width: 220px;
  margin-bottom: 10px;
  border-collapse: collapse;
  border-spacing: 0;
  border: 2px solid #ddd;
}
#left_menu .left_calender table caption {
  margin: 0 0 3px;
  padding: 0 0 0 2px;
  color: #2f7300;
  font-size: 13px;
  font-weight: bold;
  text-align: center;

  *line-height: 16px; /* IE7 */
}
#left_menu .left_calender table td,
#left_menu .left_calender table th {
  padding: 5px 0 3px;
  border: 1px solid #ddd;
  font-family: "helvetica neue", helvetica, arial, meiryo, sans-serif;
  text-align: center;
  vertical-align: middle;
}
#left_menu .left_calender table th {
  background-color: #f7f7f7;
  font-size: 12px;
  font-weight: bold;
}
#left_menu .left_calender table td {
  padding: 4px 0;
  font-size: 12px;
}

#left_menu .left_calender table td.sat,
#left_menu .left_calender table th.sat,
#left_menu .left_calender table tr td:last-child,
#left_menu .left_calender table tr th:last-child {/* 土曜日 */
  color: #0058a8;
}
#left_menu .left_calender table td.sun,
#left_menu .left_calender table th.sun,
#left_menu .left_calender table tr td:first-child,
#left_menu .left_calender table tr th:first-child {/* 日曜日 */
  color: #e00;
}
#left_menu .left_calender table td.holiday,
#left_menu .left_calender table th.holiday {
  background: #ffe0e0;
}
#left_menu .left_calender .left_calendar_info {
  margin: 3px 0 0 0;
  padding: 0 0 5px 0;
  line-height: 19px;
  white-space: nowrap;

  *white-space: normal; /* IE7 */
  *letter-spacing: -1px; /* IE7 */
  font-size: 11px;
}
#left_menu .left_calender .left_calendar_info p {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 3px;

  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: #fee3e4;
  vertical-align: middle;
}
#left_menu .left_calender .left_calendar_notice {
  font-size: 11px;
  font-weight: normal;
}
/* フリーダイヤル
-------------------------------------------*/
#left_menu .left_calender dd.freedial {
  margin-bottom: 15px;
  padding: 15px 0;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}
/* ===========================================================
  コールセンタースタッフ
===========================================================*/
#left_menu .left_staff {
  width: 220px;
  margin: 15px 0 20px 0;
  padding-bottom: 20px;
  border-bottom: 1px dotted #ccc;
}
#left_menu .left_staff dt {
  padding: 8px 0 6px;
  background-color: #eee;
  border-radius: 3px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}
#left_menu .left_staff .txt {
  padding: 10px 12px 20px;
  font-size: 12px;
  text-align: justify;
  -ms-text-justify: inter-ideograph;
  text-justify: inter-ideograph;
  line-height: 1.4;
}
#left_menu .left_staff .left_staff_box .list {
  padding-left: 5px;
  text-align: center;
}
#left_menu .left_staff .left_staff_box li {
  float: left;
  margin-bottom: 5px;
  padding: 0 5px;
}
#left_menu .left_staff .pic {
  background: url(/sp/public02/img/common/footer/sprite_staff.webp?2025102300) no-repeat;
  width: 60px;
  height: 80px;
  white-space: nowrap;
  overflow: hidden;
}

#left_menu .left_staff .uematsu     { background-position: 0% 0%;  }
#left_menu .left_staff .ogawa       { background-position: 20% 0%; }
#left_menu .left_staff .morita      { background-position: 40% 0%; }
#left_menu .left_staff .sugihara    { background-position: 60% 0.2%; }
#left_menu .left_staff .kin         { background-position: 80% 0%; }
#left_menu .left_staff .murakami    { background-position: 100% 0%; }
#left_menu .left_staff .ishii       { background-position: 0% 10%; }
#left_menu .left_staff .ohta        { background-position: 20% 10.5%; }
#left_menu .left_staff .okada       { background-position: 40% 10.5%; }
#left_menu .left_staff .maeda       { background-position: 60% 10.5%; }
#left_menu .left_staff .tanaka      { background-position: 80% 10.5%; }
#left_menu .left_staff .takeuchi    { background-position: 100% 10.5%; }
#left_menu .left_staff .onishi      { background-position: 0% 20%; }
#left_menu .left_staff .nakano      { background-position: 20% 20%; }
#left_menu .left_staff .shima       { background-position: 40% 19.9%; }
#left_menu .left_staff .hachimura   { background-position: 60% 20.4%; }
#left_menu .left_staff .suda        { background-position: 0% 30.5%; }
#left_menu .left_staff .kojima      { background-position: 20% 30%; }
#left_menu .left_staff .muneyuki    { background-position: 40% 30%; }
#left_menu .left_staff .ori         { background-position: 60% 30.5%; }
#left_menu .left_staff .fukuyama    { background-position: 80% 30%; }
#left_menu .left_staff .misaka      { background-position: 100% 30%; }
#left_menu .left_staff .morisue     { background-position: 0% 40.6%; }
#left_menu .left_staff .asai        { background-position: 20% 40%; }
#left_menu .left_staff .kimura_kai  { background-position: 0% 50.5%; }
#left_menu .left_staff .ishida      { background-position: 40% 40%; }
#left_menu .left_staff .teraguchi   { background-position: 0% 60.5%; }
#left_menu .left_staff .yumoto      { background-position: 60% 40%; }
#left_menu .left_staff .koshiba     { background-position: 80% 40%; }
#left_menu .left_staff .nishimura   { background-position: 100% 40%; }
#left_menu .left_staff .fukumoto    { background-position: 20% 50%; }
#left_menu .left_staff .maeda-yu    { background-position: 40% 50%; }
#left_menu .left_staff .matsumoto   { background-position: 80% 50.5%; }
#left_menu .left_staff .ideta       { background-position: 100% 50%; }
#left_menu .left_staff .miyako      { background-position: 40% 60.1%; }
#left_menu .left_staff .yoshida     { background-position: 60% 60%; }
#left_menu .left_staff .kimura      { background-position: 80% 60%; }
#left_menu .left_staff .yokota      { background-position: 100% 60%; }
#left_menu .left_staff .sato        { background-position: 0% 70%; }
#left_menu .left_staff .yoshimura   { background-position: 80% 20.3%; }
#left_menu .left_staff .morimoto    { background-position: 100% 26%; }
#left_menu .left_staff .ueda        { background-position: 60% 50.5%; }
#left_menu .left_staff .maeda-ma    { background-position: 20% 60%; }
#left_menu .left_staff .hashimoto    { background-position: 60% 70%; }
#left_menu .left_staff .kobayashi       { background-position: 0% 80.5%; }
#left_menu .left_staff .tameda       { background-position: 80% 80.5%; }
#left_menu .left_staff .hanai       { background-position: 40% 70.5%; }
#left_menu .left_staff .hamada       { background-position: 100% 80.5%; }
#left_menu .left_staff .kamitani       { background-position: 100% 70.5%; }
#left_menu .left_staff .morimitu       { background-position: 20% 80%; }
#left_menu .left_staff .date       { background-position: 80% 70%; }
#left_menu .left_staff .kobayashi-me       { background-position: 40% 80.5%; }
#left_menu .left_staff .fukui       { background-position: 60% 80%; }
#left_menu .left_staff .miyachi       { background-position: 0% 90%; }
#left_menu .left_staff .miura       { background-position: 20% 90.3%; }
#left_menu .left_staff .yamamoto       { background-position: 40% 90%; }
#left_menu .left_staff .konishi       { background-position: 60% 90.5%; }
#left_menu .left_staff .nakahara       { background-position: 80% 90%; }
#left_menu .left_staff .nagahamaya       { background-position: 100% 90.3%; }
#left_menu .left_staff .tushi       { background-position: 20% 100.5%; }
#left_menu .left_staff .higasa       { background-position: 40% 100%; }
#left_menu .left_staff .ishibashi       { background-position: 60% 100%; }


#left_menu .left_staff .left_staff_box .name {
  margin-top: 2px;
  font-size: 11px;
  text-align: center;
}
#left_menu .left_staff a.bt_form {
  display: block;
  margin: 5px 9px 0;
  padding: 15px 0 15px 15px;
  background-color: #8dc21f;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  line-height: 1;
  border-radius: 4px;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
#left_menu .left_staff a.bt_form::before {
  content: "";
  display: inline-block;
  margin-right: 6px;
  border: 5px solid transparent;
  border-left: 6px solid #fff;
  border-right: none;
  vertical-align: middle;
  *display: none; /* IE7 */
}
/* ====================================================
  スタッフスライダー
====================================================*/
.left_staff .staff_pagenation {
  padding-left: 9px;
  letter-spacing: -0.4em; /* inline-blockの隙間対策 */
}
.left_staff .staff_pagenation_foot {
  margin: 13px 0 20px;
}
.left_staff .staff_pagenation .num {
  display: inline-block;
  width: 112px;
  height: 24px;
  font-size: 12px;
  text-align: center;
  vertical-align: top;
  line-height: 24px;
  letter-spacing: normal; /* inline-blockの隙間対策 */
}
.left_staff .staff_pagenation .num .current_num {
  padding-right: 3px;
}
.left_staff .staff_pagenation .num .total_num {
  padding-left: 3px;
}
.left_staff .staff_pagenation .swiper-button-prev,
.left_staff .staff_pagenation .swiper-button-next {
  position: static;
  display: inline-block;
  width: 44px;
  height: 24px;
  margin-top: 0;
  border-radius: 3px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #eee;
  text-indent: 100%;
  *text-indent: -9999px; /* IE7 */
  overflow: hidden;
  white-space: nowrap;
  letter-spacing: normal; /* inline-blockの隙間対策 */
}
.left_staff .staff_pagenation .swiper-button-prev {
  background-image: url("/public/img/common/left/staff/icon_prev-verydarkgray.png");
}
.left_staff .staff_pagenation .swiper-button-next {
  background-image: url("/public/img/common/left/staff/icon_next-verydarkgray.png");
}
.left_staff .staff_pagenation .swiper-button-disabled {
  cursor: default;
  opacity: 0.4;
}
.left_staff .staff_pagenation .swiper-button-prev::after,
.left_staff .staff_pagenation .swiper-button-next::after {
  display: none;
  content: "";
}
/*------------------------------------------------------------------------
  左カラム　今月のピックアップ店舗
------------------------------------------------------------------------*/
.left-bnr-shop {
  width: 220px;
  margin: 20px 0 20px 0;
  background-color: #f8fbf0;
}
.left-bnr-shop_container {
  border: 1px solid #8cc425;
  border-top: none;
}
.left-bnr-shop_ttl,
.left-bnr-shop li a,
.left-bnr-shop_btn-shop a,
.left-bnr-shop .swiper-button-prev,
.left-bnr-shop .swiper-button-next {
  display: block;
  background-image: url("/public/img/common/left/sprite_bnr_shop.webp?2025010800");
  background-repeat: no-repeat;
  text-indent: 150%;
  overflow: hidden;
  white-space: nowrap;
}
/* タイトル
-------------------------------------------------------*/
.left-bnr-shop_ttl {
  width: 220px;
  height: 35px;
  background-color: #2f7300;
}
/* リードテキスト
-------------------------------------------------------*/
.left-bnr-shop_lead {
  padding: 8px 0 6px;
  text-align: center;
}
/* 店舗一覧
-------------------------------------------------------*/
.left-bnr-shop_list-wrap {
  margin-left: 9px;
  padding-bottom: 8px;
}
.left-bnr-shop_list li {
  margin: 0 0 8px;
  text-align: center;
}
.left-bnr-shop_list li:last-of-type {
  margin-bottom: 0;
}
.left-bnr-shop_list a {
  display: block;
  width: 200px;
  height: 154px;
}

.left-bnr-shop_list li.sagamihara a { background-position: 0 -35px; }
.left-bnr-shop_list li.kobe a { background-position: 0 -189px; }
.left-bnr-shop_list li.higashiosaka a { background-position: 0 -343px; }
.left-bnr-shop_list li.kobe_tarumi a { background-position: 0 -497px; }
.left-bnr-shop_list li.utsunomiya a { background-position: -200px -35px; }
.left-bnr-shop_list li.sendai a { background-position: -200px -189px; }
.left-bnr-shop_list li.kakegawa a { background-position: -200px -343px; }
.left-bnr-shop_list li.kakogawa a { background-position: -200px -497px; }
.left-bnr-shop_list li.koshigaya a { background-position: -400px -35px; }
.left-bnr-shop_list li.chigasaki a { background-position: -400px -189px; }
.left-bnr-shop_list li.kameoka a { background-position: -400px -343px; }
.left-bnr-shop_list li.kagoshima a { background-position: -400px -497px; }
.left-bnr-shop_list li.gifu a { background-position: -600px -35px; }
.left-bnr-shop_list li.kumamoto_chuo a { background-position: -600px -189px; }
.left-bnr-shop_list li.himeji a { background-position: -600px -343px; }
.left-bnr-shop_list li.shimotsuke a { background-position: -600px -497px; }
.left-bnr-shop_list li.wakayama a { background-position: -800px -35px; }
.left-bnr-shop_list li.funabashi a { background-position: -800px -189px; }
.left-bnr-shop_list li.fukuyama a { background-position: -800px -343px; }
.left-bnr-shop_list li.tsukuba a { background-position: -800px -497px; }
.left-bnr-shop_list li.kobe_kitamachi a { background-position: -1000px -35px; }
.left-bnr-shop_list li.fukuoka a { background-position: -1000px -189px; }
.left-bnr-shop_list li.kuki a { background-position: -1000px -343px; }
.left-bnr-shop_list li.shonanfujisawa a { background-position: -1000px -497px; }
.left-bnr-shop_list li.chiba_chuo a { background-position: -1200px -35px; }
.left-bnr-shop_list li.maebashi a { background-position: -1200px -189px; }
.left-bnr-shop_list li.shiga_ritto a { background-position: -1200px -497px; }
.left-bnr-shop_list li.komaki a { background-position: -1400px -35px; }
.left-bnr-shop_list li.mikawaanjo a { background-position: -1400px -189px; }
.left-bnr-shop_list li.yokohama a { background-position: -1400px -343px; }
.left-bnr-shop_list li.honjo a { background-position: -1400px -497px; }
.left-bnr-shop_list li.narakita a { background-position: -1600px -35px; }
.left-bnr-shop_list li.fukui2 a { background-position: -1600px -189px; }
.left-bnr-shop_list li.kochi a { background-position: -1600px -343px; }
.left-bnr-shop_list li.shizuoka a { background-position: -1600px -497px; }
.left-bnr-shop_list li.mie_hokusei a { background-position: -1800px -35px; }
.left-bnr-shop_list li.matsumoto a { background-position: -1800px -189px; }
.left-bnr-shop_list li.nagoyaminami a { background-position: -1800px -343px; }
.left-bnr-shop_list li.kagawa a { background-position: -1800px -497px; }
.left-bnr-shop_list li.shizuoka a { background-position: -1600px -497px; }
.left-bnr-shop_list li.tsukuba a { background-position: -800px -497px;}
.left-bnr-shop_list li.kochi a { background-position: -1600px -343px;}
.left-bnr-shop_list li.hamamatsu2 a { background-position: -400px -35px;}
.left-bnr-shop_list li.toyohashi a { background-position: -2000px -35px;}
.left-bnr-shop_list li.fukuoka_sawara a { background-position: -2000px -189px;}
.left-bnr-shop_list li.mihara a { background-position: -2000px -343px;}
.left-bnr-shop_list li.tagawa a { background-position: -2000px -497px;}
.left-bnr-shop_list li.kawaguchi_shiba a { background-position: -2200px -35px;}
.left-bnr-shop_list li.kashiwa a { background-position: -2200px -189px;}
.left-bnr-shop_list li.ehime a { background-position: -2200px -343px;}
.left-bnr-shop_list li.hiroshima a {background-position: -2200px -497px;}
.left-bnr-shop_list li.kita_osaka a {background-position: -2400px -35px;}
.left-bnr-shop_list li.ube a {background-position: -2400px -189px;}
.left-bnr-shop_list li.nagoya_nishi a {background-position: -2400px -343px;}
.left-bnr-shop_list li.ichihara a {background-position: -2400px -497px;}
.left-bnr-shop_list li.mikawa a {background-position: -2600px -35px;}
.left-bnr-shop_list li.ise a {background-position: -2600px -189px;}
.left-bnr-shop_list li.sayama a {background-position: -2600px -343px;}
.left-bnr-shop_list li.nasushiobara a {background-position: -2600px -497px;}
.left-bnr-shop_list li.saitama_misato a {background-position: -2800px -35px;}
.left-bnr-shop_list li.fuji_kawaguchiko a {background-position: -2800px -189px;}
.left-bnr-shop_list li.okayama_seto a {background-position: -2800px -343px;}


.left-bnr-shop .swiper-button-controls {
  width: 200px;
  padding: 5px 9px 15px;
  overflow: hidden; /* clearfix */
}
.left-bnr-shop .swiper-button-prev,
.left-bnr-shop .swiper-button-next {
  position: static;
  display: block;
  width: 95px;
  height: 23px;
  margin-top: 0;
  border-radius: 4px;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  transition: opacity ease-in-out 0.2s;
  opacity: 1;
}
.left-bnr-shop .swiper-button-prev:hover,
.left-bnr-shop .swiper-button-next:hover {
  opacity: 0.7;
}
.left-bnr-shop .swiper-button-prev {
  float: left;
  background-position: -219px 0;
}
.left-bnr-shop .swiper-button-next {
  float: right;
  background-position: -314px 0;
}
.left-bnr-shop .swiper-button-prev::after,
.left-bnr-shop .swiper-button-next::after {
  display: none;
  content: "";
}
/* 店舗を探すボタン
-------------------------------------------------------*/
.left-bnr-shop_btn-shop {
  padding: 0 0 10px;
  text-align: center;
}
.left-bnr-shop_btn-shop a {
  display: inline-block;
  *display: inline; /* IE7 */
  *zoom: 1; /* IE7 */
  width: 200px;
  height: 43px;
  border-radius: 5px;
  background-color: #22ab38;
  background-position: 22px -659px;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
/* ====================================================
  左カラム ボタン
====================================================*/
#left_menu .left_btn_shop_form {
  width: 220px;
  margin: 0 0 20px 0;
}
#left_menu .left_btn_shop_form .link .shop {
  margin-bottom: 10px;
}
#left_menu .left_btn_shop_form .link a {
  display: block;
  width: 220px;
  height: 36px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-image: url("/public/img/showcase/execute/sprite_btn.png");
}
#left_menu .left_btn_shop_form .link .shop a { background-position: 0 0; }
#left_menu .left_btn_shop_form .link .form a { background-position: 0 -36px; }

/* ========================================================================
  営業時間変更のおしらせ
======================================================================== */
.notice-tel-time-change {
  width: 194px;
  margin: 15px 0 15px 0;
  padding: 7px 12px;
  border-radius: 6px;
  border: 1px solid #89c625;
  background: #fdfff9;
  font-size: 12px;
  text-align: left;
  line-height: 1.5;
}
.notice-tel-time-change_hd {
  display: block;
  margin-bottom: 7px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #89c625;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #111;
  line-height: 1.4;
}
.notice-tel-time-change_txt {
  text-align: justify;
}
/* ====================================================
  この記事へ質問する（追従ボタン）
====================================================*/
.follow-question-article {
  position: fixed;
  top: 100px;
  margin-left: 979px;
  text-align: center;
  opacity: 0;
  z-index: 998;
}
a.follow-question-article_link {
  display: inline-block;
  width: 1em;
  padding: 51px 20px 23px;
  border: 1px solid #eee;
  border-left: none;
  border-radius: 0 3px 3px 0;
  background: url("/public/img/blog/detail/icon_balloon.png") center 17px no-repeat #fff;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.11);
  color: #8fc31f;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 1.1;
}
a.follow-question-article_link:hover {
  color: #8fc31f !important;
}
/* ====================================================
  特集記事
====================================================*/
.left-featart {
  width: 218px;
  margin: 20px 0 30px 0;
}
.left-featart_ttl {
  height: 36px;
  background-color: #22ab39;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 36px;
}
.left-featart-chain {
  margin-bottom: 30px;
}
.left-featart-chain li {
  position: relative;
  border-bottom: 1px solid #ddd;
}
.left-featart-chain a {
  display: block;
  display: flex;
  align-items: center;
  min-height: 34px;
  padding-left: 20px;
  color: #333;
  font-size: 13px;
  text-decoration: none;
  letter-spacing: -0.1ex;
}
.left-featart-chain a::before,
.left-featart-chain a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.left-featart-chain a::before {
  left: 0;
  width: 9px;
  height: 9px;
  background: #8ec81c;
}
.left-featart-chain a::after{
  box-sizing: border-box;
  left: 3px;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-left: 3px solid #fff;
  border-right: none;
}
/*--------------------------------
  情報ヒント画像
--------------------------------*/
.left-featart-infotips {
  display: none;
  position: absolute;
  top: -79px;
  left: 247px;
  width: 200px;
  padding: 20px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.75);
  z-index: 2;
}
.left-featart-chain li:hover .left-featart-infotips {
  display: block;
}
.left-featart-infotips::after {
  content: "";
  position: absolute;
  top: 83px;
  left: -21px;
  width: 21px;
  height: 27px;
  background: url("/public/img/common/left/feature_article/icon_balloon.png") left center no-repeat;
}
.left-featart-infotips_img {
  margin-bottom: 10px;
}
.left-featart-infotips_img img {
  width: 200px;
  height: 110px;
  vertical-align: middle;
}
.left-featart-infotips_txt {
  font-size: 14px;
}
/* ====================================================
  文章中サムネイル画像入りリンク
====================================================*/
.gp-guide-tie {
  margin: 22px 23px 40px;
}
.gp-guide-tie a {
  color: #575757 !important;
  text-decoration: none !important;
}
.gp-guide-tie-media {
  display: flex;
  padding: 18px 19px;
  border: 2px solid #b1d56c;
  border-radius: 10px;
  background-color: #fdfff7;
}
.gp-guide-tie-media:hover {
  background-color: #edf6d1;
}
.gp-guide-tie-media_img img {
  width: 150px;
  height: auto;
}
.gp-guide-tie-media-body {
  margin-left: 20px;
}
.gp-guide-tie-media_ttl {
  display: inline-block;
  margin-bottom: 11px;
  text-decoration: underline;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: bold;
}
.gp-guide-tie-media_txt {
  font-size: 14px;
  line-height: 1.5;
}
.descTxt > h3 {
  margin-bottom: 8px;
  margin-left: 23px;
  margin-right: 23px;
  font-weight: bold;
}
.descTxt > h3:before {
  display: inline-block;
  content: "";
  background-color: #8fc31f;
  border-radius: 50%;
  height: 12px;
  margin-right: 0.5rem;
  width: 12px;
}
.descTxt > p {
  margin-left: 23px;
  margin-right: 23px;
}
.ConstructionBoxOldBlog > p {
  margin-left: 23px;
  margin-right: 23px;
}
/* ====================================================
  並び順
====================================================*/
.srcresult-filter_sort {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-bottom: 15px;
}
.srcresult-filter_sort::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 11px;
  width: 0;
  height: 0;
  margin: auto 0;
  border: 5px solid transparent;
  border-top: 7px solid #000;
  border-bottom: none;
}
.srcresult-filter_sort-hd {
  margin-right: 10px;
  font-size: 14px;
  font-weight: bold;
}
select.srcresult-filter_select {
  -webkit-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  min-width: 160px;
  height: 30px;
  padding: 0 18px 0 9px;
  border: 1px solid #ccc;
  border-radius: 2px;
  font-size: 14px;
}
select.srcresult-filter_select::-ms-expand {
  display: none;
}
/* ====================================================
  外構工事の商品カテゴリ
====================================================*/
.gleft-item-category {
  margin: 0 0 30px;
  width: 220px;
}
.gleft-item-category_ttl {
  display: flex;
  align-items: center;
  min-height: 29px;
  background-color: #009826;
  color: #fff;
  font-size: 15px;
}
.gleft-item-category_list {
  border: 1px solid #ccc;
  border-top: none;
}
.gleft-item-category_list li {
  height: 18px;
  padding: 5px 10px 4px;
}
.gleft-item-category_list li:hover {
  opacity: 0.75;
  cursor: pointer;
}
.gleft-item-category_hd {
  background-color: #ddf1c3;
}
.gleft-item-category_hd a {
  position: relative;
  display: block;
  text-decoration: none;
  color: #0a7c25;
  font-weight: bold;
  font-size: 13px;
}
.gleft-item-category_hd a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 20px;
  background: url(/sp/public02/img/common/icon_next-sidegreen.svg) right 3px no-repeat;
  vertical-align: middle;
}
.gleft-item-category_detail a {
  position: relative;
  display: block;
  text-decoration: none;
  font-size: 12px;
  color: #333;
}
.gleft-item-category_detail a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 20px;
  background: url(/sp/public02/img/common/icon_next-sidegray.svg) right 3px no-repeat;
  vertical-align: middle;
}
/* ====================================================
  カテゴリ専用メニュー
====================================================*/
.gleft-category {
  width: 220px;
  margin: 20px 0 20px 59px;
}
.gleft-category.-blog {
  margin: 0 0 20px 0;
}
.gleft-category_ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  background-color: #79b314;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
.gleft-category.-blog .gleft-category_ttl {
  justify-content: flex-start;
  min-height: 29px;
  padding: 0 12px;
  border-radius: 6px 6px 0 0;
}
.gleft-category_main-cate a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-top: none;
  background-color: #f7fbef;
  color: #007400 !important;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}
.gleft-category_main-cate.-bdn a {
  border: none;
}
.gleft-category_main-cate a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 0;
  height: 0;
  margin: auto 0;
  border: 5px solid transparent;
  border-left: 8px solid #007400;
  border-right: none;
}
.gleft-category_sub-cate a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-top: none;
  background-color: #cbe6a7;
  color: #007400 !important;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}
.gleft-category_sub-cate a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 0;
  height: 0;
  margin: auto 0;
  border: 5px solid transparent;
  border-left: 8px solid #007400;
  border-right: none;
}
.gleft-category_hd {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 23px;
  padding: 0 10px;
  border-bottom: 1px solid #ddd;
  font-size: 13px;
  font-weight: normal;
  cursor: pointer;
}
.gleft-category_hd.-last {
  border-bottom: none;
}
.gleft-category_hd::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 0;
  height: 0;
  margin: auto 0;
  border: 3px solid transparent;
  border-top: 6px solid #333;
  border-bottom: none;
}
.gleft-category_hd.is-open::after {
  transform: rotate(180deg);
}
.gleft-category-body {
  border: 1px solid #ccc;
  border-top: none;
}
.gleft-category.-blog .gleft-category-body {
  border: 1px solid #79b314;
  border-top: none;
  border-radius: 0 0 6px 6px;
  overflow: hidden;
}
.gleft-category-acc_ttl {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 10px;
  min-height: 28px;
  border-bottom: 1px solid #ddd;
  color: #333 !important;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
}
.gleft-category-acc_ttl.-last:not(.is-open),
.gleft-category-acc_ttl:last-child {
  border-bottom: none;
}
.gleft-category-acc_ttl::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  display: inline-block;
  width: 5px;
  height: 10px;
  margin: auto 0;
  background: url(/sp/public02/img/common/icon_next-darkgray.svg) left top no-repeat;
  background-size: contain;
  transform: rotate(90deg);
}
.gleft-category-acc_ttl.is-open::after {
  transform: rotate(-90deg);
}
.gleft-category-acc_hd {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  color: #333;
  font-size: 11px;
  cursor: pointer;
}
.gleft-category-acc_hd.is-open {
  border-bottom: none;
}
.gleft-category-acc_hd::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 13px;
  margin-right: 4px;
  background-color: #007400;
  vertical-align: middle;
}
.gleft-category-acc_hd::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  display: inline-block;
  width: 5px;
  height: 10px;
  margin: auto 0;
  background: url(/sp/public02/img/common/icon_next-darkgray.svg) left top no-repeat;
  background-size: contain;
  transform: rotate(90deg);
}
.gleft-category-acc_hd.is-open::after {
  transform: rotate(-90deg);
}
.gleft-category-acc_hd-head {
  font-size: 13px;
  font-weight: bold;
}
.gleft-category-acc-body {
  display: none;
}
.gleft-category-acc-box {
  margin-left: 10px;
}
.gleft-category-chain li {
  border-bottom: 1px solid #ddd;
}
.gleft-category-chain.-last li:last-of-type {
  border-bottom: none;
}
.gleft-category-chain a {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  min-height: 28px;
  padding: 3px 18px 3px 10px;
  background: url(/sp/public02/img/common/icon_next-deepturquoise.svg) right 10px center no-repeat #f7fbef;
  background-size: 6px auto;
  color: #007400;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}
.gleft-category-chain-sub {
  border-bottom: 1px solid #ddd;
}
.gleft-category-chain-sub.-last {
  border-bottom: none;
}
.gleft-category-acc_hd + .gleft-category-chain-sub,
.gleft-category-acc_ttl + .gleft-category-chain-sub {
  margin-left: 10px;
}
.gleft-category-acc_hd + .gleft-category-chain-sub,
.gleft-category-acc_ttl + .gleft-category-chain-sub:not(.is-open-acc),
.gleft-category_hd + .gleft-category-chain-sub {
  display: none;
}

.gleft-category-chain-sub li {
  border-bottom: 1px solid #ddd;
}
.gleft-category-chain-sub li:last-of-type {
  border-bottom: none;
}
.gleft-category-chain-sub a {
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  color: #333;
  font-size: 12px;
  text-decoration: none;
}
.gleft-category-chain-sub :not(.gleft-category_main-cate) a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 0;
  height: 0;
  margin: auto 0;
  border: 4px solid transparent;
  border-left: 6px solid #333;
  border-right: none;
}
.gleft-category-chain-sub .checked a {
  margin: 0 -10px;
  padding: 0 10px;
  background-color: #fff2dd;
  color: #81511c;
}
.-blog .gleft-category-chain-sub .checked a {
  margin: 0 0;
}
.gleft-category-chain-sub .checked a::after {
  border-left: 6px solid #81511c;
}
.gleft-category-chain-sub_add {
  font-size: 10px;
}