@charset "UTF-8";
/*
 Theme Name:	文化シヤッター
 Theme URI:
*/
/* reset// */

/* ハックパターン */
/* @media (max-width: 420px): smartphone */
/* @media (min-width: 421px) and (max-width: 768px): tablet縦 */
/* @media (min-width: 769px) and (max-width: 1024px): tablet横 */
/* @media (min-width: 1025px): pc-wide */
/* @media all and (-ms-high-contrast: none): ie */
/* @media screen and (orientation:portrait): 縦向き */
/* @media screen and (orientation:landscape): 横向き */


body {
  line-height: 1;
  font-family: 'メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
}

h1, h2, h3, h4, h5 {
  margin: 0;
}

ol, ul {
  list-style: none;
}


a {
  text-decoration: none;
}

a:hover img {
  opacity: 0.8;
  transition: .3s;
}
select {
  color: #000;
}

/* //reset */

/* font// */
@font-face {
  font-family: "din-bold";
  src: url("/wp/wp-content/themes/bunkas/font/font.ttf");
}
@font-face {
  font-family: "garamond";
  src: url("/wp/wp-content/themes/bunkas/font/GaramondPremrPro.otf");
}
/* //font */

/* header// */
header {
  border-top: 4px solid #00a5e5;
  background-color: #f3f3f3;
  padding: 1.2% 0 0;
}

.container {
  width: 980px;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .container {
    width: 1025px;
  }
}

.header_above_ {
  overflow: hidden;
  //padding-bottom: 1.3%;
}

.shop_main_info {
  float: left;
  width: 45%;
}
.shop_main_info .logo {
  display: inline-block;
  vertical-align: middle;
  color: #726c6c;
  width: 165px;
}
.shop_main_info .logo img {
  width: 100%;
}
.shop_main_info h1 {
  display: inline-block;
  vertical-align: middle;
  font-size: 1em;
  font-weight: normal;
  color: #726c6c;
  margin: 0 3%;
}

.site_map_hd {
  float: right;
  width:55%;
}
.site_map_hd nav {
  display: inline-block;
  vertical-align: middle;
}

.site_map_hd nav ul li:hover {
  opacity: 0.8;
  transition: .3s;
}

.site_map_hd nav ul li {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
}
.site_map_hd nav ul li a {
  display: block;
  width: 100%;
  padding: 14px 0;
  background-color: #FFF;
  font-size: 12px;
  text-align: center;
  color: #726c6c;
}

.login_cm {
  display: inline-block;
  vertical-align: middle;
  width: 35%;
  margin-right: 5%;
}
.login_cm a {
  display: block;
  width: 100%;
  border: 1px solid #01a6e6;
  box-sizing: border-box;
  color: #01a6e6 !important;
  padding: 12px 0;
  text-align: center;
  font-size: 12px;
  background: #FFFFFF;
  background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 50%, #f3f3f3 51%, #FFFFFF 100%);
  background: -webkit-linear-gradient(top, #FFFFFF 0%,#FFFFFF 50%,#f3f3f3 51%,#FFFFFF 100%);
  background: linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 50%,#f3f3f3 51%,#FFFFFF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 );
}
.estimation-btn a img{
  width: 373px !important;
  margin: 20px auto 0 auto;
}
.header_bottom_ {
  margin: 0 auto;
  //overflow: hidden;
  padding-top: 15px;
}
.header_bottom_ nav {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
}
.header_bottom_ nav ul {
  display: inline-block;
  vertical-align: middle;
}
.header_bottom_ nav ul li {
  display: inline-block;
  vertical-align: middle;
  width: 130px;
  box-shadow: 5px 0 2px rgba(100,100,100,0.05);
}
.header_bottom_ nav ul li:first-child {
  margin-right: 4px;
}
.header_bottom_ nav ul li a {
  display: block;
  color: #726c6c;
  font-size: 14px;
  background-color: #FFF;
  padding: 0;
  height: 41px;
  line-height: 41px;
  text-align: center;
}
.header_bottom_ nav ul li.cate_drop_ {
  display: block;
  display: inline-block;
  vertical-align: middle;
  width: 130px;
  box-shadow: 5px 0 2px rgba(100,100,100,0.05);
  color: #726c6c;
  font-size: 14px;
  background-color: #FFF;
  padding: 0;
  height: 41px;
  line-height: 41px;
  text-align: center;
}
.header_bottom_ nav .gnav_home a {
  width: 41px;
  height: 41px;
  padding:0;
  text-align:center;
/*  color: #00a5e5;
  background-color: #FFF;
  background-image: url(/wp/wp-content/themes/bunkas/images/header/home_off.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 17px 17px;
*/
}
.header_bottom_ nav .gnav_home a img{
  width: 17px;
  height: 17px;
  margin:12px auto;
}
.header_bottom_ nav .gnav_home a:hover{
  color: #FFF;
  background-color: #00a5e5;
}
.header_bottom_ nav ul li:hover {
  color: #FFF;
  background-color: #00a5e5;
}
.header_bottom_ nav ul li a:hover {
  color: #FFF;
  background-color: #00a5e5;
}
.header_bottom_ nav ul li:hover svg.fa-list {
  color: #FFF;
}
.header_bottom_ nav ul li.cate_drop_:hover {
  cursor: pointer;
}
.header_bottom_ nav ul li a svg.fa-long-arrow-alt-right {
  color: #00a5e5;
  margin-right: 5px;
}
.header_bottom_ nav ul li a:hover svg.fa-long-arrow-alt-right {
  color: #FFF;
}
.header_bottom_ nav ul li svg.fa-list {
  color: #00a5e5;
  margin-right: 5px;
}
.header_bottom_ nav ul li a svg.fa-chevron-down {
  color: #726c6c;
  margin-left: 10px;
}

.gnav_home {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  box-shadow: 0px 2px 5px rgba(100,100,100,0.2);
}
.gnav_home a {
  display: block;
  color: #726c6c;
  background-color: #FFF;
  padding: 0 12px;
  height: 41px;
  line-height: 46px;
}
.gnav_home ul li a {
  color: #726c6c;
  font-size: 14px;
}
li.cate_drop_ div.toggle {
}
li.cate_drop_ ul.child {
  display: none;
  position: absolute;
  z-index: 10;
  box-shadow: 0px 2px 5px rgba(100,100,100,0.2);
}
li.cate_drop_ ul.child li {
  display: block;
  box-shadow: none;
  margin-right: 0;
  border-top: 1px solid #ccc;
}
.search_header_ {
  display: inline-block;
  vertical-align: top;
  width: 32%;
}
.search_header_ input[name="keyword"]{
  display: block;
  width: 76%;
  border: 1px solid #ccc;
  padding: 5px;
  float: left;
  //color: black;
}
.search_header_ input[type="submit"]{
  display: block;
  background-color: #000;
  color: #FFF;
  padding: 2px 15px;
  appearance: button;
  border: 2px solid #333;
}
.search_header_ input[type="submit"]:hover{
  cursor: pointer;
}
:placeholder-shown {
  color: #ccc;
}

.tel_header_ {
  display: inline-block;
  vertical-align: top;
  font-size: 9px;
  width: 32%;
  text-align: right;
}
@media (min-width: 1025px) {
  .tel_header_ {
    width: 31%;
  }
}
.tel_header_ p {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
@media (min-width: 1025px) {
  .tel_header_ p:first-child {
/*    width: 28%;*/
  }
  .tel_header_ p:last-child {
    width: 70%;
  }
}
.tel_header_ p a {
  display: block;
  color: #006600;
}
.tel_header_ p span {
  display: block;
}

/* header-feature// */

/* //header-feature */

/* //header */

/* crumb// */

/* //crumb */

/* news-parts// */
.top-news {
  padding: 1% 0;
}
.news_bar_ {
  overflow: hidden;
}
.news_bar_ .heading {
  display: inline-block;
  vertical-align: middle;
  width: 11%;
  text-align: center;
}
.news_bar_ .heading h2 {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #333333;
}
.news_bar_ .heading .new_icon_ {
  /* display: inline-block; */
  /* vertical-align: middle; */
  display: none;
  background-color: #F00;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  padding: 3.5%;
  margin-left: 6%;
}
.news_bar_ p {
  display: inline-block;
  vertical-align: middle;
  width: 80%;
}
.news_bar_ p .news_date_ {
  display: inline-block;
  vertical-align: middle;
  width: 10%;
  font-size: 14px;
}
.news_bar_ p a {
  display: inline-block;
  vertical-align: middle;
  width: 90%;
  font-size: 16px;
  text-decoration: underline;
  color: #333333;
  line-height: 1.8;
}
.news_bar_ p a:hover {
  text-decoration: none;
}
.news_bar_ .news_forAll_ {
  display: inline-block;
  vertical-align: middle;
}
.news_bar_ .news_forAll_ a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-indent: -999px;
  background-color: #A3A3A3;
  width: 47px;
  margin-left: 5%;
  padding: 4% 0;
}
.news_bar_ .news_forAll_ a:hover {
  opacity: 0.8;
  transition: .3s;
}
.news_bar_ .news_forAll_ a::before,
.news_bar_ .news_forAll_ a::after{
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.news_bar_ .news_forAll_ a::before{
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -5px;
  margin-left: -6px;
}

/* //news-parts */

/* fv-slider// */
.thumb-item {
  background-color: #F3F3F3;
  border-top: 3px solid #555;
  border-bottom: 3px solid #555;
}
.thumb-item li a img {
  display: none;
}
.thumb-item li a {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 391px;
  height: 391px;
  width: 100%;
}

.thumb-item li.slick-slide {
  text-align: center;
  position: relative;
}
.thumb-item li.slick-slide a span.slider_cap {
  display: block;
  font-family: "Yu Mincho";
  font-size: 23.5px;
  font-weight: bold;
  color: #FFF;
  line-height: 1.4;
  margin-bottom: 2%;
  padding-top: 122px;
  text-shadow: 1px 1px 5px rgba(0,0,0,0.8), -1px 1px 5px rgba(0,0,0,0.8), 1px -1px 5px rgba(0,0,0,0.8), -1px -1px 5px rgba(0,0,0,0.8);
}
.thumb-item li.slick-slide a span.slider_cap span.btn {
  font-family: "Yu Mincho";
  color: #6E3A12;
  font-size: 17px;
  background-color: #FFF;
  border-radius: 15px;
  padding: 2px 4%;
  text-shadow: none;
}
.thumb-item li.slick-slide a span.slider_cap span.btn:hover {
  cursor: pointer;
}
.slick-slide img {
  display: block;
}

.fv-slider {
  position: relative;
}
.slider_on_ {
  position: absolute;
  top: 6%;
  left: 0;
  right: 0;
  margin: auto;
  width: 980px;
  /* pointer-events: none; */
}
.slider_on_ .for_link {
  display: inline-block;
  vertical-align: middle;
  width: 74%;
  text-align: center;
}
.slider_on_ .for_link h2 {
  font-family: "Yu Mincho";
  font-size: 23px;
  color: #FFF;
  line-height: 1.4;
  margin-bottom: 2%;
}
.slider_on_ .for_link a {
  font-family: "Yu Mincho";
  color: #6E3A12;
  font-size: 17px;
  background-color: #FFF;
  border-radius: 15px;
  padding: 2px 4%;
}
.slider_on_ .pc {
  display: inline;
}
.slider_on_ .pickup_ {
  position: absolute;
  right: 0;
  display: inline-block;
  vertical-align: middle;
  width: 23%;
  height: 240px;
  background-color: rgba(0,0,0,0.6);
  border-radius: 4px;
  padding: 2% 1%;
}
.slider_on_ .pickup_ h2 {
  font-family: "Yu Mincho";
  font-size: 18px;
  color: #FFF;
  text-align: center;
  margin-bottom: 7%;
}
.slider_on_ .pickup_ ul {
  /* overflow-y: scroll; */
  /* overflow-x: hidden; */
  /* max-height: 200px; */
}
.slider_on_ .pickup_ ul li {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 7%;
}
.slider_on_ .pickup_ ul li:last-child {
  margin-bottom: 0;
}
.slider_on_ .pickup_ ul li a {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.slider_on_ .pickup_ ul li img {
  display: inline-block;
  vertical-align: top;
  width: 26.7%;
  margin-right: 3%;
}
.slider_on_ .pickup_ ul li h3 {
  display: inline-block;
  vertical-align: top;
  width: 68%;
  line-height: 1.3;
  color: #FFF;
  font-size: 13px;
}

.thumb-item {
  position: relative;
}
.thumb-item a.prevBtn,
.thumb-item a.nextBtn {
  position: absolute;
  font-size: 11px;
  z-index: 10;
  color: #FFF;
  background-color: rgba(0,0,0,0.5);
  border-radius: 3px;
  height: 55px;
  width: 100px;
  line-height: 55px;
  top: auto;
  bottom: 4.5%;
  text-align: center;
}
.thumb-item a.prevBtn::before,
.thumb-item a.nextBtn::before {
  display: none;
}
.thumb-item a.prevBtn {
  left: 13%;
}
.thumb-item a.nextBtn {
  right: 13%;
}
@media (min-width: 3000px) {
  .thumb-item a.prevBtn {
    left: 33%;
  }
  .thumb-item a.nextBtn {
    right: 33%;
  }
}
@media (min-width: 2500px) and (max-width: 2999px) {
  .thumb-item a.prevBtn {
    left: 30%;
  }
  .thumb-item a.nextBtn {
    right: 30%;
  }
}
@media (min-width: 2250px) and (max-width: 2499px) {
  .thumb-item a.prevBtn {
    left: 28%;
  }
  .thumb-item a.nextBtn {
    right: 28%;
  }
}
@media (min-width: 2000px) and (max-width: 2249px) {
  .thumb-item a.prevBtn {
    left: 25%;
  }
  .thumb-item a.nextBtn {
    right: 25%;
  }
}
@media (min-width: 1600px) and (max-width: 1999px) {
  .thumb-item a.prevBtn {
    left: 20%;
  }
  .thumb-item a.nextBtn {
    right: 20%;
  }
}
@media (max-width: 1300px) {
  .thumb-item a.prevBtn {
    left: 4%;
  }
  .thumb-item a.nextBtn {
    right: 4%;
  }
}
@media (max-width: 1020px) {
  .thumb-item a.prevBtn {
    left: -2%;
  }
  .thumb-item a.nextBtn {
    right: -2%;
  }
}
.thumb-item.slick-initialized ul.slick-dots {
  display: flex;
  background-color: rgba(0,0,0,0.5);
  border-radius: 3px;
  left: 0;
  right: 0;
  bottom: 17px;
  width: 80%;
  max-width: 733px;
  height: 58px;
  margin: auto;
}
.thumb-item.slick-initialized ul.slick-dots li {
  width: 15px;
  height: 15px;
  margin: auto 2%;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 15px #000;
}
.thumb-item.slick-initialized ul.slick-dots li img {
  border: 1px solid rgba(0,0,0,0);
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 228px;
}
.thumb-item.slick-initialized ul.slick-dots li.slick-active img {
  border: 1px solid #FFF;
  box-sizing: border-box;
}
.thumb-item .svg-inline--fa {
  font-size: 1.5em;
  vertical-align: -0.25em;
}
.slick-active {
background-color: #ccc !important;
}

/* //fv-slider */

/* modal// */

.modalArea1 {/* cookie判定用 */
  /* display: none; */
}
.modalArea1 > input { /* ラジオボックス非表示 */
    display: none;
}

.modalArea1 > input:nth-child(1):checked + label + .modalPopup2 {
    display: block;
    z-index: 998;
    position: fixed;
    height: 80%;
    width: 465px;
    max-height: 650px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    /* -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%); */
    background: #00A5E5;
    overflow: hidden;
}
@media (max-width: 768px) {
  .modalArea1 > input:nth-child(1):checked + label + .modalPopup2 {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .modalArea1 > input:nth-child(1):checked + label + .modalPopup2 {
    width: 465px;
    max-height: 680px;
  }
}
@media (min-width: 768px) {
  .modalArea1 > input:nth-child(1):checked + label + .modalPopup2{
    padding: 1%;
  }
}
.modalArea1 > input:nth-child(1):checked + label + .modalPopup2 > div {/* */
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: left top;
    background-repeat: no-repeat;
}
.modalArea1 > input:nth-child(1):checked + label + .modalPopup2 > div > iframe {
    width: 100%;
      height:100%;
      border:none;
      display:block;
}

.modalArea1 > input:nth-child(1):checked + label + .modalPopup2 > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.modalArea1 > input:nth-child(1) + label ~ label {
    display: none;/* ラジオ１ 以外のラベルを初期は非表示 */

}
.modalArea1 > input:nth-child(1):checked + label {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.10);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 997;
    text-indent: -999999px;
    overflow: hidden;
}

.modalPopup2 {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.modalHeading {
  overflow: hidden;
}
.modalArea1 .modalImage {
  float: left;
}
.modalArea1 .modalImage img {
  display: block;
}
.modalArea1 .modalTitle {
  float: right;
  width: 65%;
  font-family: "Yu Mincho";
  padding-bottom: .5em;
  margin: 22px 0 0;
  font-size: 18px;
  font-weight: normal;
  color: #FFF;
  text-align: center;
}
.modalArea1 .modalTitle .large {
  display: block;
  font-size: 2.1em;
  margin-bottom: 20px;
}
.modalArea1 .modalMain {
  color:#222;
  text-align: left;
  font-size: 14px;
  line-height: 1.8em;
}
.modalArea1 .modalMain > .modalHeading > p {
  font-family: "Yu Mincho";
  padding-bottom: .5em;
  margin: .5em 0 .5em 6em;
  font-size: 20px;
  font-weight: normal;
  color: #FFF;
  text-align: center;
}
.modalArea1 .modalMain > .modalHeading > p.right > img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3%;
}
.modalArea1 .modalMain > .modalHeading > p.right > span.telNum {
  display: inline-block;
  vertical-align: middle;
  font-family: garamond, serif;
  font-size: 4.5em;
  color: #FFFF26;
}
.modalArea1 .modalMain > .modalHeading > p.right > span.telNum > a {
  color: #FFFF26;
}
.modalArea1 .modalMain > .modalWrap > ul.modalContent {
  overflow: hidden;
}
.modalArea1 .modalMain > .modalWrap > ul.modalContent > li {
  position: relative;
  background-color: #FFF;
  background-position: 10% center;
  background-repeat: no-repeat;
  width: 100%;
  margin-bottom: 3%;
}
.modalArea1 .modalMain > .modalWrap > ul.modalContent > li.close {
  display: block;
  width: 100%;
  padding: 2% 0;
  color: #555;
  font-size: 16px;
  text-align: left;
  text-indent: 6%;
}
.modalArea1 .modalMain > .modalWrap > ul.modalContent > li.close:hover {
  cursor: pointer;
  color: #BF0000;
}
.modalArea1 .modalMain > .modalWrap > ul.modalContent > li.close:hover::before {
  border-left: 10px solid #BF0000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid transparent;
}
.modalArea1 .modalMain > .modalWrap > ul.modalContent > li::before {
  content: "";
  position: absolute;
  right: 0%;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #ccc;
  border-left: 10px solid #999;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid transparent;
  height: 0;
  width: 0;
}
.modalArea1 .modalMain > .modalWrap > ul.modalContent > li::after {
  content: "";
  position: absolute;
  right: 0.5%;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #ccc;
  border-left: 10px solid #FFF;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid transparent;
  height: 0;
  width: 0;
}
.modalArea1 .modalMain > .modalWrap > ul.modalContent > li > a {
  display: block;
  width: 100%;
  padding: 2% 0;
  color: #555;
  font-size: 16px;
  text-align: left;
  text-indent: 6%;
}
.modalArea1 .modalMain > .modalWrap > ul.modalContent > li > label {
  display: block;
  width: 100%;
  padding: 2% 0;
  color: #555;
  font-size: 16px;
  text-align: left;
  text-indent: 6%;
}
.modalArea1 .modalMain > .modalWrap > ul.modalContent > li > a:hover {
  color: #BF0000;
}
.modalArea1 .modalMain > .modalWrap > ul.modalContent > li > label:hover {
  cursor: pointer;
  color: #BF0000;
}
.modalArea1 .modalMain > .modalWrap > ul.modalContent > li:hover::before {
  border-left: 10px solid #BF0000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid transparent;
}
.modalArea1 .modalMain > .modalWrap > ul.modalSimulation {
}
.modalArea1 .modalMain > .modalWrap > ul.modalSimulation > li {
  background-color: #FFF;
  background-position: 5% center;
  background-repeat: no-repeat;
  width: 48%;
  margin: 0 auto 3%;
}
.modalArea1 .modalMain > .modalWrap > ul.modalSimulation > li > a {
  display: block;
  width: 100%;
  padding: 5% 0;
  color: #555;
  font-size: 26px;
  text-align: center;
}
.modalArea1 .modalMain > .modalWrap > ul.modalContent > li br {
  display: none;
}
/* //modal */

/* left-side// */
.main_frame {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
}
@media (min-width: 1025px) {
  .main_frame {
    width: 1025px;
  }
}
.main_frame.not_f > ul > li > a {
  color: #00A5E6;
  text-decoration: underline;
}
.main_frame.not_f > ul > li > a:hover {
  text-decoration: none;
}
aside.left_column {
  float: left;
  width: 225px;
}
.left_column figure {
  margin-bottom: 20px;
}
.left_column figure a:hover {
  opacity: 0.8;
}
.left_column figure img {
  display: block;
  width: 100%;
}
.left_column figure.sideTel a:hover,
.left_column figure.sideTel a img:hover {
  opacity: 1 !important;
}
article.right_column {
  float: right;
  width: 75%;
}

/* 商品を検索する// */
.pd_searcher {
  background-color: #F3F3F3;
  margin-bottom: 9%;
  padding-bottom: 10%;
}
.pd_searcher.nw {
  background: #FFF;
}
.pd_searcher h2 {
  font-family: "Yu Mincho";
  font-weight: normal;
  font-size: 18px;
  text-align: center;
  color: #524233;
  background-image: url(/wp/wp-content/themes/bunkas/images/test_img/h_/search_h2.jpg);
  padding: 5% 0;
  border-radius: 6px 6px 0 0;
}
.pd_searcher h2.nw {
  background: #00A5E6;
  color: #FFF;
  font-size: 22px;
  font-weight: bold;
}
.pd_searcher_wrap {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-radius: 0 0 4px 4px;
  padding: 0 0 10px;
}
.search_p.cation {
  color: #dd0000;
  line-height: 1.2;
  padding: 10px 0 6px 26px;
  text-indent: -16px;
}
.pd_searcher form {
  padding: 0 2.5%;
}
.pd_name > div,
.pd_pattern > div,
.pd_am > div,
.pd_punching > div,
.pd_prevent > div,
.pd_cp > div,
.pd_kanki > div,
.pd_option > div {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
}
.pd_name > div::before,
.pd_pattern > div::before,
.pd_am > div::before,
.pd_punching > div::before,
.pd_prevent > div::before,
.pd_cp > div::before,
.pd_kanki > div::before,
.pd_option > div::before {
  content: '';
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  right: 24px;
  border-right: 1px solid #ccc;
}
.pd_cate > .select_arrow {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
}
.pd_cate > .select_arrow::before {
  content: '';
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  right: 24px;
  border-right: 1px solid #ccc;
}
@media all and (-ms-high-contrast: none){
  .pd_cate > div::before,
  .pd_name > div::before,
  .pd_pattern > div::before,
  .pd_am > div::before,
  .pd_punching > div::before,
  .pd_prevent > div::before,
  .pd_cp > div::before,
  .pd_kanki > div::before,
  .pd_option > div::before {
    content: none;
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    right: 24px;
    border-right: none;
  }
}
.pd_name > div::after,
.pd_pattern > div::after,
.pd_am > div::after,
.pd_punching > div::after,
.pd_prevent > div::after,
.pd_cp > div::after,
.pd_kanki > div::after,
.pd_option > div::after {
  content: '';
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 9px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #4F4F4F;
  border-right: 1px solid #4F4F4F;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  pointer-events: none;
}
@media all and (-ms-high-contrast: none){
  .pd_cate > div::after,
  .pd_name > div::after,
  .pd_pattern > div::after,
  .pd_am > div::after,
  .pd_punching > div::after,
  .pd_prevent > div::after,
  .pd_cp > div::after,
  .pd_kanki > div::after,
  .pd_option > div::after {
    content: none;
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 9px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #4F4F4F;
    border-right: 1px solid #4F4F4F;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    pointer-events: none;
  }
}
.searcher_sec01,
.searcher_sec03 {
  margin: 0 0 10px;
  padding: 0 0 20px;
  position: relative;
}
.searcher_sec02,
.searcher_sec04,
.searcher_sec05 {
  margin: 0 0 10px;
  position: relative;
}
.searcher_sec01.off,
.searcher_sec02.off,
.searcher_sec03.off,
.searcher_sec04.off,
.searcher_sec05.off {
  opacity: 0.4;
 display:none;
}
.searcher_sec01::before,
.searcher_sec02::before,
.searcher_sec03::before,
.searcher_sec04::before {
  content: "";
  position: absolute;
  border-top: 10px solid #bbb;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-bottom: 0 solid transparent;
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.searcher_sec01::after,
.searcher_sec02::after,
.searcher_sec03::after,
.searcher_sec04::after {
  content: "";
  position: absolute;
  border-top: 10px solid #FFF;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-bottom: 0 solid transparent;
  height: 0;
  width: 0;
  bottom: 1px;
  left: 0;
  right: 0;
  margin: auto;
}
.searcher_sec01 > .inner,
.searcher_sec02 > .inner,
.searcher_sec03 > .inner,
.searcher_sec04 > .inner,
.searcher_sec05 > .inner {
  background: #ebeae8;
  border: 2px solid #ddd;
  border-radius: 4px;
  padding: 4px 3px;
}
@media (min-width: 421px) and (max-width: 768px) {
  .searcher_sec01 > .inner,
  .searcher_sec02 > .inner,
  .searcher_sec03 > .inner,
  .searcher_sec04 > .inner,
  .searcher_sec05 > .inner {
    padding: 2%
  }
}
.pd_searcher_wrap .tx_int .num_ {
  background: #666;
  border-radius: 50%;
  color: #FFF;
  float: left;
  font-family: 'ＭＳ Ｐゴシック','MS PGothic';
  font-size: 22px;
  font-weight: bold;
  padding: 3px 0 1px;
  text-align: center;
  height: 24px;
  width: 28px;
}
.pd_searcher_wrap .tx_int p {
  color: #777;
  float: right;
  line-height: 1.3;
  margin: 0 0 10px;
  width: 82%;
}
@media (min-width: 421px) and (max-width: 768px) {
  .pd_searcher_wrap .tx_int p {
    margin: 1% 0;
    width: 94%;
  }
  .pd_searcher_wrap .tx_int p > br {
    display: none;
  }
}
@media (max-width: 420px) {
  .pd_searcher_wrap .tx_int p > br {
    display: none;
  }
}
.pd_searcher_wrap .tx_int .color {
  color: #00A5E6;
  margin: 0 0 0 -7px;
}
.pd_searcher select {
  float: none;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  background: transparent;
  position: relative;
  z-index: 1;
  padding: 0 12% 0 2%;
  border: none;
  border-radius: 4px;
  background-color: #FFF;
  box-shadow: 0 0 6px rgba(0,0,0,0.2);
  font-size: 16px;
  text-align: center;
  outline: none;
  color: #666666;
}
@media all and (-ms-high-contrast: none){
  .pd_searcher select {
    padding: 0;
    border: 1px solid #999;
    box-shadow: none;
    appearance: list-menu;
  }
}
.pd_cate select::-ms-expand {
  /* display: none; */
}
select::-moz-focus-inner{
    border :0px;
}
.pd_searcher .select_arrow {
  clear: both;
  margin: 0 0 5px;
  position: relative;
  text-align: center;
}
.pd_searcher .select_arrow::before {
  content: "";
  border-right: 1px solid #ccc;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 34px;;
  z-index: 2;
  pointer-events: none;
}
.pd_searcher .select_arrow::after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid #4F4F4F;
  border-right: 1px solid #4F4F4F;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 11px;
  right: 17px;
  z-index: 2;
  pointer-events: none;
}
@media (min-width: 421px) and (max-width: 768px) {
  .pd_searcher .select_arrow::before {
    right: 8.5%;
  }
  .pd_searcher .select_arrow::after {
    right: 5%;
  }
}
.pd_searcher .select_arrow select {
  border: 2px solid #ccc;
  box-shadow: none;
  color: #777;
  font-size: 15px;
  outline: none;
  padding: 0 0 2px 9px;
  text-align: left;
  width: 95%;
}
.pd_searcher .select_arrow select:focus {
  outline:none;
}
@media all and (-ms-high-contrast: none){
  .pd_searcher .select_arrow::before {
    border-right: none;
  }
  .pd_searcher .select_arrow::after {
    border-top: none;
    border-right: none;
  }
  .pd_searcher .select_arrow select {
    padding: 0;
  }
}
.skipBtn {
  margin: 7px 0 0;
}
.skipBtn.off {
  padding: 3% 0;
}
@media (min-width: 421px) and (max-width: 768px) {
  .skipBtn.off {
    padding: 1% 0;
  }
}
.skipBtn.off > a {
  display: none;
}
.skipBtn a {
  display: block;
  color: #777;
  font-size: 11px;
  font-weight: bold;
  margin: -18px 3px 0 70%;
  text-decoration: underline;
  text-align: right;
  cursor:pointer;
  width:30%;
}
.searcher_sec01 .skipBtn a {
	  margin-top:0px;
}
.skipBtn a:hover {
  text-decoration: none;
}
.searcher_sec03_p {
  clear: both;
  color: #777;
  font-size: 15px;
  line-height: 1.3;
  margin: 0 0 12px 6px;
}
@media (min-width: 421px) and (max-width: 768px) {
  .searcher_sec03_p {
    margin: 2% auto;
    width: 88%;
  }
  .searcher_sec03_p > br {
    display: none;
  }
}
@media (max-width: 420px) {
  .searcher_sec03_p {
    margin: 5% auto;
    width: 84%;
  }
  .searcher_sec03_p > br {
    display: none;
  }
}
.searcher_sec03_p span {
  color: #00A5E6;
  margin: 0 0 0 -7px;
}
.searcher_sec03_input > .inner {
  border: 3px solid #888;
  border-radius: 8px;
  margin: 0 4px;
  padding: 9px 2px;
}
.searcher_sec03_input.aft > .inner {
  padding: 5px 0 2px;
}
.searcher_sec03_input > .inner > p {
  color: #00A5E6;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 6px 3px;
  text-align: left;
}
.searcher_sec03_input.aft > .inner > p {
  margin: 0 0 6px 8px;
}
.searcher_sec03_input > .inner .value_input {
  color: #666;
  font-size: 13px;
  font-weight: bold;
  padding: 0 5px;
}
.searcher_sec03_input > .inner .value_input input[type="text"] {
  border: 2px solid #ccc;
  border-radius: 5px;
  padding: 5px 2%;
  width: 56%;
}
.searcher_sec03_input > .inner .value_input .input_name {
  font-weight: normal;
}
.searcher_sec03_input > .inner .value_input.width .input_name {
  margin: 0 20px 0 0;
}
.searcher_sec03_input > .inner .value_input.height .input_name {
  margin: 0 7px 0 0;
}
.searcher_sec03_input > .inner .value_input .cm {
  font-weight: normal;
  letter-spacing: 0.2em;
  margin: 0 0 0 8px;
}
.searcher_sec03_input > .inner input[type="submit"] {
  background: #777;
  border-color: #777;
  font-size: 20px;
  letter-spacing: -0.1em;
  line-height: 1;
  margin: 0 auto 4%;
  padding: 6px 0 3px;
  text-indent: 0;
  width: 82%;
}
@media (min-width: 421px) and (max-width: 768px) {
  .searcher_sec03_input > .inner {
    padding: 3%;
  }
  .searcher_sec03_input > .inner > p {
    margin: 0 0 3%;
  }
  .searcher_sec03_input.aft > .inner {
    padding: 3%;
  }
  .searcher_sec03_input.aft > .inner > p >br {
    display: none;
  }
  .searcher_sec03_input > .inner .value_input label {
    margin-bottom: 5%;
  }
  .searcher_sec03_input > .inner .value_input input[type="text"] {
    width: 83%;
  }
}
@media (max-width: 420px) {
  .searcher_sec03_input > .inner {
    padding: 3%;
  }
  .searcher_sec03_input > .inner > p {
    margin: 0 0 3%;
  }
  .searcher_sec03_input.aft > .inner {
    padding: 3%;
  }
  .searcher_sec03_input.aft > .inner > p >br {
    display: none;
  }
  .searcher_sec03_input > .inner .value_input label {
    margin-bottom: 5%;
  }
  .searcher_sec03_input > .inner .value_input input[type="text"] {
    width: 63%;
  }
}

.searcher_section .which_p {
  color: #555;
  font-size: 14px;
  margin: 10px;
}
.searcher_section .which_p > span {
  color: #555;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 0 2px;
}
.pd_searcher.nw .btnArea {
  border-top: 1px solid #aaa;
  margin: 0 auto;
  padding: 8% 0 0;
  width: 85%;
}
.pd_searcher.nw .btnArea input[type="submit"] {
  font-size: 18px;
  margin: 0 0 5%;
  padding: 0;
}
.pd_searcher.nw .btnArea form {
  padding: 0;
}
.pd_searcher.nw .btnArea input[name="reset"] {
  font-size: 16.5px;
  margin: 0 0 5%;
  padding: 0;
}


.pd_cate,
.pd_searcher label ,
.pd_pattern,
.pd_colors,
.pd_punching,
.pd_prevent,
.pd_option,
.pd_name,
.pd_am,
.pd_cp,
.pd_kanki {
  display: block;
  margin-bottom: 9%;
}
.pd_option label {
  display: block;
  font-family: '小塚ゴシック Pro L','Kozuka Gothic Pro Light',sans-serif;
  font-size: 13px;
  color: #666666;
  margin-bottom: 4%;
  text-indent: -12%;
  padding-left: 12%;
  line-height: 1.4;
}
.pd_option input[type="checkbox"] {
  margin-right: 8px;
}


.pd_cate h3,
.pd_name h3,
label .heading,
.pd_pattern h3,
.pd_colors h3,
.pd_punching h3,
.pd_prevent h3,
.pd_name h3,
.pd_am h3,
.pd_cp h3,
.pd_kanki h3 {
  display: block;
  font-family: '小塚ゴシック Pro L','Kozuka Gothic Pro Light',sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #666666;
  margin-bottom: 3%;
}
.pd_option h3 {
  display: block;
  font-family: '小塚ゴシック Pro L','Kozuka Gothic Pro Light',sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #666666;
  margin-bottom: 6%;
}
.writeArea {
  background-color: #FFF;
  box-shadow: 0 0 6px rgba(0,0,0,0.2);
  outline: none;
  border-radius: 4px;
}
.writeArea input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  font-size: 16px;
  color: #666666;
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  padding: 3px 0;
  width: 78%;
  margin-right: 3%;
  border-radius: 4px;
}
.writeArea .unit{
  font-size: 16px;
  color: #666666;
  display: inline-block;
  vertical-align: middle;
  width: 1%;
}
.pd_colors {
  width: 93.5%;
  margin: 0 auto;
  text-align:center;
}
.pd_colors label {
  position: relative;
  display: inline-block;
  margin: 0 3px 0 0;
  padding: 0;
}
.pd_colors input {
  position: absolute;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.pd_colors input[type="checkbox"] + img {
  display: block;
  border: 2px solid rgba(0,0,0,0);
  box-sizing: border-box;
}
.pd_colors input[type="checkbox"]:checked + img {
  border-color: red;
  box-sizing: border-box;
}
.pd_searcher input[type="submit"],
.pd_searcher input[type="reset"] {
  display: block;
  width: 100%;
  font-size: 18px;
  padding: 4px 0;
  border-radius: 4px;
}
@media all and (-ms-high-contrast: none){
  .pd_searcher input[type="submit"],
  .pd_searcher input[type="reset"] {
    padding: 4px 0 0;
  }
}
.pd_searcher input[type="submit"]:hover,
.pd_searcher input[type="reset"]:hover {
  cursor: pointer;
}
.pd_searcher input[type="submit"] {
  font-family: "Yu Mincho";
  border: 1px solid #4F4F4F;
  background-color: #4F4F4F;
  color: #FFF;
  letter-spacing: 1.2em;
  text-indent: 11.5%;
}
.pd_searcher input[type="submit"]:first-child {
  margin-bottom: 10%;
}
.pd_searcher input[type="reset"] {
  font-family: "Yu Mincho";
  border: 1px solid #CCCCCC;
  background-color: #F9F9F9;
  color: #6C6B6B;
}
.pd_colors img {
	width:30px;
	height:30px;
}
.pd_searcher input[name="reset"]{
    font-family: "Yu Mincho";
    border: 1px solid #CCCCCC;
    background-color: #F9F9F9;
    color: #6C6B6B;
	letter-spacing: 0;
    text-indent: 3%;
}
.pd_colors img {
    width: 40px;
    height: 40px;
}
.cexec {
  display: block;
  width: 60%;
  border: none;
  box-shadow: 0 0 4px rgba(0,0,0,0.3);
  background-color: #FFF;
  border-radius: 4px;
  margin: 10px auto 30px;
  padding: 3px 0;
  float: none !important;
}
.cexec:hover {
  cursor: pointer;
}

/* //商品を検索する */


.left_column .howto_guide {
  margin-bottom: 20px;
}
.left_column .howto_guide h2 {
  font-family: "Yu Mincho";
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  color: #524133;
  background-color: rgba(177,168,159, 0.3);
  padding: 4% 0;
}
@media all and (-ms-high-contrast: none){
.left_column .howto_guide h2 {
  padding: 5% 0 3%;
}
}
.left_column .howto_guide ul li a {
  display: block;
  color: #726C6C;
  background-color: #F9F8F7;
  background-image: url(/wp/wp-content/uploads/2018/02/howto_guide_arrow01.png);
  background-position: 98.5% center;
  background-repeat: no-repeat;
  border-bottom: 1px solid #E0E0E0;
  font-size: 14px;
  padding: 14px 0;
  text-indent: 8px;
}
.left_column .howto_guide ul li a:hover {
  opacity: 0.8;
}
.left_column .feature {
  margin-bottom: 20px;
}
.left_column .feature h2 {
  font-family: "Yu Mincho";
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  color: #524133;
  background-color: rgba(177,168,159, 0.3);
  padding: 4% 0;
}
.left_column .feature ul li {
}
.left_column .feature ul li a {
  display: block;
  color: #726C6C;
  background-color: #F9F8F7;
  background-image: url(/wp/wp-content/uploads/2018/02/howto_guide_arrow01.png);
  background-position: 98.5% center;
  background-repeat: no-repeat;
  border-bottom: 1px solid #E0E0E0;
  font-size: 14px;
  padding: 14px 0;
  text-indent: 8px;
}
.left_column .feature ul li a:hover {
  opacity: 0.8;
}
.left_column .shop_outline {
  margin-bottom: 20px;
}
.left_column .shop_outline h2 {
  font-family: "Yu Mincho";
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  color: #524133;
  background-color: rgba(177,168,159, 0.3);
  padding: 4% 0;
}
.left_column .shop_outline ul li {
}
.left_column .shop_outline ul li a {
  display: block;
  color: #726C6C;
  background-color: #F9F8F7;
  background-image: url(/wp/wp-content/uploads/2018/02/howto_guide_arrow01.png);
  background-position: 98.5% center;
  background-repeat: no-repeat;
  border-bottom: 1px solid #E0E0E0;
  font-size: 14px;
  padding: 14px 0;
  text-indent: 8px;
}
.left_column .shop_outline ul li a:hover {
  opacity: 0.8;
}
div.contact {
  margin-bottom: 9%;
}
div.contact a {
  display: inline-block;
  width: 100%;
  font-family: "Yu Mincho";
  position: relative;
  margin: 0 auto;
  padding: 8% 0;
  text-align: center;
  border: 1px solid #dddddd;
  background: #eeeeee;
  background: -moz-linear-gradient(left, #eeeeee 0%, #ffffff 51%, #eeeeee 100%);
  background: -webkit-linear-gradient(left, #eeeeee 0%,#ffffff 51%,#eeeeee 100%);
  background: linear-gradient(to right, #eeeeee 0%,#ffffff 51%,#eeeeee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=1 );
  font-size: 22px;
  color: #666;
}
div.contact a::before,
div.contact a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
div.contact a::before {
  right: 5%;
  width: 8px;
  height: 8px;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
div.contact a:hover {
  background-color: #eeeeee;
  color: #888;
}
div.contact a:hover::before {
  border-top: 1px solid #888;
  border-right: 1px solid #888;
}

.estimate_whp_table table.estimate_whp {
border-collapse: collapse;
font-size: 13px;
text-align: center;
width: 100%;
}
.estimate_whp_table table.estimate_whp thead {
background: #F3F3F3;
}
.estimate_whp_table table.estimate_whp thead img {
height: initial;
width: initianl;
}
.estimate_whp_table table.estimate_whp thead img td {
border-bottom: 1px solid #FFF;
border-right: 1px solid #FFF;
}

.estimate_whp_table table.estimate_whp th {
background: #FFF8E5;
border-bottom: 1px solid #FFF;
font-weight: normal;
padding: 10px;
word-break: break-all;
}
.estimate_whp_table table.estimate_whp td {
border-bottom: 1px solid #F3F3F3;
border-right: 1px solid #F3F3F3;
padding: 10px;
word-break: break-all;
}
.estimate_whp_table table.estimate_whp td input {

}

.sns_icon {
  overflow: hidden;
}
.sns_icon .insta {
  float: left;
  width: 50%;
  text-align: center;
}
.sns_icon .faceB {
  float: right;
  width: 50%;
  text-align: center;
}
.sns_icon .insta span,
.sns_icon .faceB span {
  display: block;
  font-size: 10px;
  color: #333;
}
/* //left-side */

/* pager// */
.main_content > .main_frame > .main_container.page >  {
}
.main_content > .main_frame > .main_container.page > div.pager {
  margin-bottom: 2%;
}
/* //pager */

/* main_content// */
.main_content {
  /* margin: 2% 0; */
}
.main_container {
  float: right;
  width: 75%;
}
/*.main_container h2 {
  font-family: "リュウミン R-KL","Ryumin Regular KL";
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  text-indent: 10px;
  color: #868686;
}*/

/* wpお知らせ詳細// */
/*.main_container > .page_heading > h2 {
  color: #555;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  line-height: 1.5;
  margin: 1.5% 0 0% 6%;
  padding-bottom: 2px;
  text-indent: 1%;
  width: 94%;
}*/

/* top// */
.for_estimation {
  margin-bottom: 2%;
}
.for_estimation ul {
  overflow: hidden;
  margin-bottom: 2%;
}
.for_estimation ul li {
  float: left;
  width: 32%;
}
.for_estimation ul li:nth-child(2) {
  margin: 0 2%;
}
.for_estimation ul li a {
  display: block;
}
.for_estimation ul li a img {
  display: block;
  width: 100%;
}
.for_estimation p {
  text-align: center;
}
.bnrArea {
  overflow: hidden;
  margin-bottom: 5%;
}
.bnrArea > p {
  margin-bottom: 1%;
}
.bnrArea > p > img {
  display: block;
  width: 100%
}
.bnrArea > p > a {
  display: block;
}
.bnrArea > p > a > img {
  display: block;
  width: 100%;
}
.bnrArea > div.left {
  float: left;
  width: 49.5%;
}
.bnrArea > div.left > img {
  display: block;
  width: 100%;
}
.bnrArea > div.right {
  float: right;
  width: 49.5%;
}
.bnrArea > div.right > img {
  display: block;
  width: 100%;
}
.bnrArea > div > a {
  display: block;
}
.bnrArea > div > a > img {
  display: block;
  width: 100%;
}
.recommend > h2 {
  font-family: "Yu Mincho";
  font-size: 22px;
  color: #4F4F4F;
  border-bottom: 1px solid #D8D9D7;
  padding-bottom: 1%;
}
.recommend > p {
  border-top: 1px solid #FFF;
  padding-top: 2%;
  font-size: 14px;
  color: #726C6C;
  margin-bottom: 5%;
}
.recommend ul li {
  margin-bottom: 5%;
}
.recommend ul li a {
  color: #726C6C;
  text-decoration: underline;
}
.recommend ul li a:hover {
  text-decoration: none;
}
.recommend ul li a img {
  display: block;
  width: 100%;
}
.feat {
  margin-bottom: 2%;
}
.feat ul {
  overflow: hidden;
}
.feat ul li {
  float: left;
  width: 49%;
  margin-bottom: 2.5%;
}
.feat ul li:nth-child(2n-1) {
  margin-right: 1.75%;
}
.feat ul li a {
  font-size: 12px;
  color: #333237;
  text-decoration: underline;
}
.feat ul li a:hover {
  text-decoration: none;
}
.feat ul li a img {
  display: block;
  width: 100%;
}
.feat ul li a span.caption {
  display: block;
  margin-top: 1%;
}
.flow_buy h2 {
  font-family: "Yu Mincho";
  font-size: 22px;
  color: #4F4F4F;
  border-bottom: 1px solid #D8D9D7;
  padding-bottom: 1%;
}
.flow_buy .flow_list {
  border-top: 1px solid #FFF;
  padding-top: 2.5%;
  overflow: hidden;
}
.flow_buy .flow_list .left {
  float: left;
  width: 65%;
  position: relative;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  background-color: #FFF;
}
.flow_buy .flow_list .left h3 {
  font-family: "Yu Mincho";
  font-size: 16px;
  background-color: #00A5E6;
  color: #FFF;
  width: 100%;
  text-align: center;
  letter-spacing: 0.9em;
  padding: 4px 0;
}
.flow_buy .flow_list .left ul li {
  display: inline-block;
  vertical-align: top;
  width: 24%;
  border-right: 1px solid #DDDDDD;
  box-sizing: border-box;
  padding: 5% 2%;
  position: relative;
}
.flow_buy .flow_list .left ul li::before {
  content: "";
  border: 12px solid transparent;
  border-left-width: 12px;
  border-left-style: solid;
  border-left-color: transparent;
  border-left: 13px solid #FFF;
  position: absolute;
  right: -22%;
  top: 50%;
  z-index: 2;
  margin-top: -13px;
}
@media (min-width: 1025px) {
  .flow_buy .flow_list .left ul li::before {
    right: -21%;
  }
}
.flow_buy .flow_list .left ul li::after {
  content: "";
  border: 12px solid transparent;
  border-left-width: 12px;
  border-left-style: solid;
  border-left-color: transparent;
  border-left: 13px solid #DDD;
  position: absolute;
  right: -23%;
  top: 50%;
  z-index: 1;
  margin-top: -13px;
}
@media (min-width: 1025px) {
  .flow_buy .flow_list .left ul li::after {
    right: -22%;
  }
}
.flow_buy .flow_list .left ul li:last-child {
  border-right: none;
}
.flow_buy .flow_list .left ul li span.num {
  font-family: "din-bold", sans-serif;
  font-size: 36px;
  font-weight: bold;
  color: #aaa;
  display: block;
  text-align: center;
}
.flow_buy .flow_list .left ul li p {
  font-size: 0.83em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  height: 35px;
}
.flow_buy .flow_list .left ul li p.aline {
  line-height: 2.6;
}
.flow_buy .flow_list .right {
  float: right;
  width: 34.5%;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  background-color: #FFF;
}
.flow_buy .flow_list .right h3 {
  font-family: "Yu Mincho";
  font-size: 16px;
  background-color: #DDDDDD;
  color: #212121;
  width: 100%;
  text-align: center;
  letter-spacing: 0.4em;
  padding: 4px 0;
}
.flow_buy .flow_list .right ul li {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  border-right: 1px solid #DDDDDD;
  box-sizing: border-box;
  padding: 9.5% 2% 9%;
  position: relative;
}
.flow_buy .flow_list .right ul li::before {
  content: "";
  border: 12px solid transparent;
  border-left-width: 12px;
  border-left-style: solid;
  border-left-color: transparent;
  border-left: 13px solid #FFF;
  position: absolute;
  right: -20%;
  top: 50%;
  z-index: 2;
  margin-top: -13px;
}
.flow_buy .flow_list .right ul li:last-child::before {
  border: none;
}
.flow_buy .flow_list .right ul li::after {
  content: "";
  border: 12px solid transparent;
  border-left-width: 12px;
  border-left-style: solid;
  border-left-color: transparent;
  border-left: 13px solid #DDD;
  position: absolute;
  right: -21%;
  top: 50%;
  z-index: 1;
  margin-top: -13px;
}
.flow_buy .flow_list .right ul li:last-child::after {
  border: none;
}
.flow_buy .flow_list .right ul li:last-child {
  border-right: none;
}
.flow_buy .flow_list .right ul li span.num {
  font-family: "din-bold", sans-serif;
  font-size: 36px;
  font-weight: bold;
  color: #aaa;
  display: block;
  text-align: center;
}
.flow_buy .flow_list .right ul li p {
  font-size: 0.83em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  height: 35px;
}
.flow_buy .flow_list .right ul li p.aline {
  line-height: 2.6;
}
/* //top */

.crumb {
  margin-top: 2%;
  margin-bottom: 2%;
}
.crumb > span {
  display: inline-block;
  border: 1px solid #ddd;
  vertical-align: middle;
}
.crumb > span.pageto {
  background-color: #EEE;
  color: #aaa;
  padding: 10px 6px;
  max-width: 500px;/*要調整*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.crumb > span.home > a {
  display: block;
  color: #1F1F1F;
  padding: 10px 6px;
}
.crumb a,
.crumb a:active,
.crumb a:checked,
.crumb a:visited {
  color: #1F1F1F;
  padding: 10px 6px;
}

.page_heading {
  overflow: hidden;
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ccc;
}
.page_heading h2 {
  display: inline-block;
  vertical-align: middle;
  width: 40%;
  //text-indent: 0;
}
.page_heading .pager{
  display: inline-block;
  vertical-align: middle;
  width: 59%;
  text-align: right;
}
/*.archive .page_heading {
  overflow: hidden;
  margin-bottom: 2%;
  border: 1px solid #CCCCCC;
  background-color: #EEEEEE;
  padding: 1.5% 2%;
  border-radius: 4px;
}
.archive .page_heading h2 {
  display: inline-block;
  vertical-align: middle;
  width: 40%;
  text-indent: 0;
}*/
.archive .page_heading .pager{
  display: inline-block;
  vertical-align: middle;
  width: 59%;
  text-align: right;
}
.page_heading {
  background-image: url(/wp/wp-content/themes/bunkas/images/common/logo.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 34px auto;
  border: none;
}
.page_heading h2 {
  color: #555;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  line-height: 1.5;
  margin: 1.5% 0 0% 6%;
  padding-bottom: 2px;
  text-indent: 1%;
  width: 100%;
}
.page .page_heading {
  background-image: url(/wp/wp-content/themes/bunkas/images/common/logo.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 34px auto;
  border: none;
}
.page .page_heading h2 {
  color: #555;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  line-height: 1.5;
  margin: 1.5% 0 0% 6%;
  padding-bottom: 2px;
  text-indent: 1%;
  width: 100%;
}
.pager p {
  display: inline-block;
  vertical-align: middle;
  color: #868686;
}
.pager ul {
  display: inline-block;
  vertical-align: middle;
}
.pager ul li {
  display: inline-block;
  vertical-align: middle;
}
.pager ul li.arrow.null a {
  display: block;
  background-color: #ddd;
  color: #eee;
}
.pager ul li.active a {
  color: #ccc;
}
.pager ul li a {
  display: block;
  font-size: 15px;
  padding: 4px 6px;
  color: #333;
  border: 1px solid #ccc;
}
.pager ul li a:hover {
  background-color: #eee;
}
.page_bottom {
  border-top: 1px solid #ccc;
}
.page_bottom .pager {
  margin-top: 10px;
  text-align: right;
}
.items_ span.heading {
  font-size: 14px;
  color: #333;
  margin: 6px 0;
}

.items_ ul {
  overflow: hidden;
}
li.items_list_ {
  position: relative;
  float: left;
  width: 32%;
  margin-bottom: 20px;
}
li.items_list_:nth-child(3n-1) {
  margin: 0 2%;
}
li.items_list_ a {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.howto li.items_list_ a,
.news li.items_list_ a {
  position: static;
}
li.items_list_ a img {
  width: 100%;
}
.pd_icon_ ul li img {
  margin-right: 3.5px;
}
.pd_icon_ ul li img:nth-child(6) {
  margin-right: 0;
}
.pd_icon_ h3 {
  font-size: 14px;
  color: #333;
  margin: 10px 0;
  line-height: 1.4;
}
.pd_icon_ p {
  font-size: 12px;
  color: #868686;
  line-height: 1.4;
}
/* //main_content */

/* product_list// */
ul.searchresult li {
  margin: 3% auto !important;
}
ul.searchresult li:first-child {
  margin: 0 auto 3% !important;
}
div.pattern_ img {
	width:80px;
	height:80px;
}
.pd_list_ {
  position: relative;
  padding: 1% 2%;
  font-size: 0.8em;
  opacity: 0.85;
}
.pd_list_:hover {
  opacity: 1;
}
.pd_list_::before {
  content: "";
  position: absolute;
  top: 5%;
  right: 1%;
  bottom: 0;
  margin: auto 0;
  border: 1px solid transparent;
  border-left: 10px solid #aaa;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  height: 0;
  width: 0;
}
.pd_list_::after {
  content: "";
  position: absolute;
  top: 5%;
  right: 1.1%;
  bottom: 0;
  margin: auto 0;
  border: 1px solid transparent;
  border-left: 10px solid #DDD;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  height: 0;
  width: 0;
}
.pd_list_ button[type="submit"] {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-indent: -9999px;
  width: 100%;
  background-color: rgba(0, 194, 255, 0);
  border: none;
}
.pd_list_ button[type="submit"]:hover {
  cursor: pointer;
  background-color: rgba(0, 194, 255, 0);
}
.pd_list_ .left {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
.pd_list_ .right {
  display: inline-block;
  vertical-align: middle;
    width: 85%;
}
.pd_list_ .right span.pname {
    font-size: 16px;
    font-weight: bold;
}
.pd_list_ .right .pd_data_ {
  line-height: 1.2;
  margin-bottom: 1%;
  display: inline-block;
  vertical-align: middle;
	width:74%;
}
.pd_list_ .right .color_flag_ {
  display: inline-block;
  vertical-align: 5px;
  background-color: #888;
  color: #FFF;
  padding: 1% 0;
  margin: 0 auto;
	width:25%;
  text-align: center;
  font-size: 0.85em;
}
.pd_list_ .pd_custom_icon_ img {
	width: 40px;
	height: 40px;
}

.clickable {
	cursor:pointer;
}
/* //product_list */

/* .near_history// */
.near_history {
  background-color: #eeeeee;
  padding: 3%;
  margin-top: 5%;
}
.near_history h2 {
  font-family: "リュウミン R-KL","Ryumin Regular KL";
  font-size: 22px;
  font-weight: normal;
  color: #4F4F4F;
  text-indent: 0;
  margin-bottom: 2%;
}
.near_history ul {
  overflow: hidden;
  /* display: flex; */
}
.near_history ul li {
  float: left;
  width: 18.8%;
  text-align: center;
  margin-right: 1.5%;
  margin-bottom: 1%;
}
.near_history ul li:nth-child(5n-5) {
  margin-right: 0;
}
/* 順番制御 */
/* .near_history ul li.history1 {
  order: 0;
}
.near_history ul li.history2 {
  order: 1;
}
.near_history ul li.history3 {
  order: 2;
}
.near_history ul li.history4 {
  order: 3;
}
.near_history ul li.history5 {
  order: 4;
} */
.near_history ul li a {
  display: block;
  color: #4F4F4F;
  font-size: 12px;
  text-decoration: underline;
  text-align: left;
  line-height: 1.2;
}
.near_history ul li a img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.near_history ul li a:hover {
  text-decoration: none;
}
.near_history ul li p {
  font-size: 11px;
  text-align: left;
  color: #333237;
  line-height: 1.2;
  margin: 10px 0;
}
/* //.near_history */

/* footer// */
@media (min-width: 769px) {
  .footer_wrap {
    margin-top: 40px;
  }
}

.footer_wrap {
  border-top: 1px solid #ddd;
  padding-top: 35px;
  margin-bottom: 25px;
}
.footer_wrap h2 {
  color: #666666;
  text-align: center;
  font-family : 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif ;
}
.footer_wrap .container {
  margin: 40px auto 0;
  border-left: 1px dashed #ddd;
  border-right: 1px dashed #ddd;
  padding: 0 1%;
}

.footer_row {
  display: inline-block;
  vertical-align: top;
  width: 31%;
}
.footer_row h3 {
  font-size: 12px;
  margin-bottom: 5px;
}
.footer_row ol li {
  font-size: 12px;
  line-height: 1.5;
}
.footer_row ol li::before {
  content: "・";
}
.footer_row section {
  margin-bottom: 30px;
}
.footer_row section:last-child {
  margin-bottom: 20px;
}
.footer_row.center {
  margin: 0 0.6%;
  border-left: 1px dashed #ddd;
  border-right: 1px dashed #ddd;
  padding: 1% 3%;
}
.footer_row.right {
  width: 25%;
  padding: 0 2%;
}
.footer_row.right > article {
  width: 85%;
  margin: 0 auto;
}
.footer_row.right p {
  font-size: 12px;
  line-height: 1.6;
  margin: 10px 0;
}
.footer_row.right > article img {
  width: 100%;
}
p.tel_footer_ {
  display: inline-block;
  vertical-align: top;
}
p.tel_footer_ a {
  display: block;
  color: #006600;
}
p.tel_footer_ a img {
  display: block;
  margin-bottom: 1px;
}
.tel_acceptance_ {
  font-size: 9px;
}

.esti_noticebnr {
  display: none;
}
.footer_nav_ {
  background-color: #D7D3CE;
}
.footer_nav_ a {
  color: #222222;
}
.footer_nav_container {
  width: 980px;
  margin: 0 auto;
  padding: 30px 0;
}
.footer_nav_main, .footer_nav_goods, .footer_nav_howto, .footer_nav_other {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}
.footer_nav_main {
  margin-right: 45px;
}
.footer_nav_goods {
  margin-right: 2%;
  width: 13%;
}
.footer_nav_goods ol {
  margin-left: 15%;
}
.footer_nav_howto ol {
  float: left;
  margin-left: 25px;
}
.footer_nav_other {
  margin-left: 3%;
}
.footer_nav_main ol li::before, .footer_nav_goods h3::before, .footer_nav_howto h3::before, .footer_nav_other ol li::before {
  font-family: "FontAwesome";
  content: "\f138";
  color: #222222;
  font-size: 14px;
  margin-right: 10px;
}
.footer_nav_main ol li, .footer_nav_goods h3, .footer_nav_howto h3 {
  margin-bottom: 15px;
}
.footer_nav_main ol li, .footer_nav_goods ol li, .footer_nav_howto ol li, .footer_nav_other ol li {
  margin-bottom: 10px;
}
.footer_nav_main ol li a, .footer_nav_goods h3 a, .footer_nav_howto h3 a, .footer_nav_other ol li a {
  font-size: 14px;
  color: #222222;
  text-decoration: underline;
}
.footer_nav_main ol li a:hover, .footer_nav_goods h3 a:hover, .footer_nav_howto h3 a:hover, .footer_nav_other ol li a:hover {
  text-decoration: none;
}
.footer_nav_goods ol li a, .footer_nav_howto ol li a {
  color: #222222;
  text-decoration: underline;
  font-size: 12px;
}
.footer_nav_goods ol li a:hover, .footer_nav_howto ol li a:hover {
  text-decoration: none;
}
.footer_nav_bottom {
  width: 980px;
  margin: 0 auto;
  text-align: center;
  border-top: 1px dashed #222222;
}
.footer_nav_bottom ol {
  display: inline-block;
  margin: 0 auto;
  padding: 15px 0 10px;
  overflow: hidden;
}
.footer_nav_bottom ol li {
  float: left;
  margin-right: 20px;
}
.footer_nav_bottom ol li::before {
  font-family: "FontAwesome";
  content: "\f138";
  color: #222222;
  font-size: 14px;
  margin-right: 5px;
}
.footer_nav_bottom ol li:last-child {
  margin-right: 0;
}
.footer_nav_bottom ol li a {
  font-size: 12px;
  color: #222222;
  text-decoration: underline;
}
.footer_nav_bottom ol li a:hover {
  text-decoration: none;
}
.copyright {
  width: 100%;
  background-color: #000;
  color: #FFF;
  text-align: center;
  font-size: 0.9em;
  padding: 0.8% 0;
  font-family: 'メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
}
.copyright span {
  font-size: 0.9em;
  margin-right: 0.5%;
}
.copyright a {
  margin-right: 0.5%;
  color: #FFF;
}

/* footer-feature// */
.footer_wrap.feature h2 {
  margin-bottom: 15px;
}
.footer_wrap.feature .container.cate {
  margin: 10px auto 30px;
  border-left: none;
  border-right: none;
}
.footer_wrap.feature .container.cate ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.footer_wrap.feature .container.cate ul li {
  width: 30%;
  background-position: 8% center;
  background-repeat: no-repeat;
}
.footer_wrap.feature .container.cate ul li:first-child {
  background-image: url(/wp/wp-content/themes/bunkas/images/feature/shutter.png);
}
.footer_wrap.feature .container.cate ul li:nth-of-type(2) {
  background-image: url(/wp/wp-content/themes/bunkas/images/feature/door.png);
}
.footer_wrap.feature .container.cate ul li:nth-of-type(3) {
  background-image: url(/wp/wp-content/themes/bunkas/images/feature/fence.png);
}
.footer_wrap.feature .container.cate ul li:nth-of-type(4) {
  background-image: url(/wp/wp-content/themes/bunkas/images/feature/info.png);
}
.footer_wrap.feature .container.cate ul li:nth-of-type(5) {
  background-image: url(/wp/wp-content/themes/bunkas/images/feature/renew.png);
}
.footer_wrap.feature .container.cate ul li::after {

}
.footer_wrap.feature .container.cate ul li:last-child {
  margin-right: 0;
}
.footer_wrap.feature .container.cate ul li a {
  display: block;
  border: 1px solid #bbb;
  text-align: center;
  color: #222;
  padding: 18px 0;
  font-size: 0.8em;
  text-indent: 30px;
}
.footer_wrap.feature .container.cate ul li a:hover {
  color: #00a5e5;
  border-color: #00a5e5;
}

/* .button {
  text-decoration: none;
  outline: none;
  position: relative;
  z-index: 2;
  background-color: #00a5e5;
  border: 1px solid #bbb;
  color: #333;
  overflow: hidden;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button:hover {
  color: #fff;
}
.button::after {
  top: 100%;
  width: 100%;
  height: 100%;
}
.button:hover::after {
  top: 0;
  background-color: #FFF;
} */

.footer_wrap.feature .container.feat {
  margin: 10px auto 30px;
  border-left: none;
  border-right: none;
}
/* .footer_wrap.feature .container.feat ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
} */
.footer_wrap.feature .container.feat ul li {
  width: 24%;
  float: left;
  margin-right: 1.33%;
}
.footer_wrap.feature .container.feat ul li:last-child {
  margin-right: 0;
}
.footer_wrap.feature .container.feat ul li a {
  display: block;
}
.footer_wrap.feature .container.feat ul li a img {
  width: 100%;
}

/* //footer-feature */

/* //footer */
/*# sourceMappingURL=common.css.map */

/* 商品詳細// */
ul.product main {
	min-height: 500px;
}
ul.product #side-wrap {
	position:absolute;
	height:100%;
	right:0;
	width:308px;
}
@media (min-width: 769px) and (max-width: 1024px) {
  ul.product #side-wrap {
    width: 280px;
  }
}
ul.product #side-wrap aside {
    width: 300px;
    right: 0;
	padding: 20px 0;
}
@media (min-width: 769px) and (max-width: 1024px) {
ul.product #side-wrap aside {
    width: 280px;
  }
}
.goods_details_heading {
  overflow: hidden;
}
.goods_details_heading_left {
  float: left;
  width: 48%;
  position: relative;
  margin-right: 2%;
}
.goods_details_heading_left figure {
  max-width: 400px;
  height: auto;
  width: 100%;
  margin-bottom: 1%;
}
.goods_details_heading_left figure:hover {
  cursor: pointer;
}
.goods_details_heading_left figure img {
  width: 100%;
  height: auto;
}

/* 画像拡大// */
.pd_modal {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: auto !important;
  width: 50% !important;
  height: auto !important;
}
/* //画像拡大 */
ul.product #side-wrap aside .results_ {
  background-color: #FFEFBF;
  padding: 18px 0 10px;
  margin-bottom: 20px;
}

.slider-nav {
  margin-top: 6px;
}
.slider-nav li {
  float: left;
  width: 24%;
  margin-right: 1%;
}
.slider-nav li:hover {
  cursor: pointer;
}
.slider-nav li img {
  display: block;
  width: 100%;
}
.slider-nav li:last-child {
  margin-right: 0;
}
.rat_mess {
  position: absolute;
  bottom: 23%;
  cursor: pointer;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.6);
  text-align: right;
  display: block;
  width: 100%;
}
.rat_mess::before {
  font-family: "FontAwesome";
  content: "\f055";
  margin-right: 2%;
}
.other_items {
  display: none;
  background-color: #E7E5E2;
  margin-top: 1.5%;
  padding: 1% 0;
}
.snsBtn {
  display: inline-block;
  vertical-align: middle;
  width: 58%;
  padding: 2px;
}
.snsBtn p {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  width: 36%;
  text-align: center;
}
.snsBtn ul {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  width: 60%;
}
.snsBtn ul li {
  float: left;
  margin-right: 10%;
}
.snsBtn ul li:last-child {
  margin-right: 0;
}
.snsBtn ul li a {
  display: block;
  font-size: 22px;
  color: #FFF;
  background-color: #4A9F7C;
  padding: 16%;
  border-radius: 50%;
}
.snsBtn ul li:nth-child(2) a {
  background-color: #88D1EA
}
.snsBtn ul li:last-child a {
  padding: 14% 20% 14% 42%;
  background-color: #4B679F;
}
.snsBtn ul li a svg {
  color: #FFF;
}
.revuetoBtn {
  display: inline-block;
  vertical-align: middle;
  width: 38%;
  font-size: 14px;
  background-color: #F6F6F6;
}
.revuetoBtn a {
  color: #555 !important;
}
/* アンカーアロー// */
.arrow_down {
  position: relative;
  display: inline-block;
  padding: 7% 13% 4% 7%;
  vertical-align: middle;
  text-decoration: none;
}
.arrow_down::before,
.arrow_down::after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.arrow_down::before{
  width: 16px;
  height: 16px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #555;
}
.arrow_down::after{
  top: 6px;
  right: 4px;
  box-sizing: border-box;
  width: 4px;
  height: 6px;
  border: 4px solid transparent;
  border-top: 6px solid #fff;
}
/* //アンカーアロー */
.goods_details_heading_right {
  float: right;
  width: 50%;
  position: relative;
  height: 464px;
}
.goods_details_heading_right h2.goods_details_names {
  text-indent: 0;
}
.goods_details_heading_right > .flag > span {
  display: inline-block;
  font-size: 13px;
  text-align: center;
}
.goods_details_heading_right > .flag > span.garage {
  background-color: #00A5E6;
  color: #FFF;
  padding: 0 15px;
  line-height: 24px;
}
.goods_details_heading_right h2.goods_details_names {
  font-size: 28px;
  font-weight: normal;
  color: #1F1F1F;
  line-height: 1.4;
  margin: 2% 0;
}
.goods_details_heading_right h2.goods_details_names span {
  font-size: 20px;
}
.pn23 .goods_details_heading_right h2.goods_details_names span {
  font-size: 18px;
}
.goods_details_heading_right p.goods_details_paragraph {
  font-size: 15px;
  color: #444444;
  max-height: 78px;
  overflow: hidden;
  margin-bottom: 3%;
  line-height: 1.5;
}
.goods_details_heading_right .goods_details_valueArea {
  line-height: 1.3;
}
.goods_details_heading_right .goods_details_valueArea .goods_details_value_caption {
  display: block;
  width: 85%;
  margin: 0 auto;
  color: #B20000;
  font-size: 13px;
}
.goods_details_heading_right .goods_details_valueArea .goods_details_value {
  display: block;
  width: 85%;
  margin: 0 auto;
  color: #B20000;
  font-size: 50px;
}
.goods_details_heading_right .goods_details_valueArea .goods_details_value span {
  font-size: 0.6em;
}
.goods_details_heading_right .goods_details_valueArea .goods_details_value_cation {
  margin: 1% 0 2%;
}
.goods_details_heading_right .goods_details_valueArea .goods_details_value_cation ul {
  margin-left: 3%;
}
.goods_details_heading_right .goods_details_valueArea .goods_details_value_cation ul li {
  font-size: 13px;
  line-height: 1.5;
}
.goods_details_heading_right .goods_details_valueArea .goods_details_value_cation ul li::before {
  content: "※"
}
.goods_details_heading_right .goods_details_estimateBtn {
  background-color: #E7E5E2;
  text-align: center;
  padding: 3% 0 1.5%;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.goods_details_heading_right .goods_details_estimateBtn .contactBtn {
  display:block;
  margin: 5% auto 6%;
}
.goods_details_heading_right .goods_details_estimateBtn .contactBtn a {
  background-color: #BF0000;
  padding: 4% 5.5%;
  border-radius: 5px;
  color: #FFF !important;
}
.goods_details_heading_right .goods_details_estimateBtn .simulationBtn {
  display:block;
  margin: 0 auto 2%;
  padding-top: 1%;
}
.goods_details_heading_right .goods_details_estimateBtn .simulationBtn a {
/*  background-color: #BF0000;*/
  background-image: url(/wp/wp-content/themes/bunkas/images/product/simulation.png);
  background-repeat: no-repeat;
  background-position: 10% center;
/*
  color:white;
  background-color:#777;
*/
  background-color:#FFF;
  border:4px solid #8CAE31;
  color:#8CAE31;
  border-radius: 5px;
  font-size: 19px;
  padding: 3% 21%;
}
/* アンカーアロー使い回し// */

.goods_details_heading_right .goods_details_estimateBtn .simulationBtn a.arrow_down::before {
  background-color:#FFF ;
  background:#8CAE31;
  width: 20px;
  height: 20px;
  right: 10%;
}
.goods_details_heading_right .goods_details_estimateBtn .simulationBtn a.arrow_down::after {
  border: 5px solid transparent;
/*
  border-top: 8px solid #777;
*/
  border-top: 8px solid #FFF;
  right: 11.5%;
  top: 7px;
}
/* //アンカーアロー使い回し */
.goods_details_heading_right .goods_details_estimateBtn .contactBtn a {
  text-decoration: underline;
  color: #777777;
  font-size: 17px;
}
.goods_details_heading_right .goods_details_estimateBtn .contactBtn a svg {
  font-size: 24px;
  vertical-align: middle;
  margin-right: 2%;
}

.goods_details_point {
  background-color: #E7E5E2;
  overflow: hidden;
  margin-top: 3%;
  padding: 2.5% 0;
}
.goods_details_point_left {
  float: left;
  width: 19%;
  margin: 1% 3% 0;
}
.goods_details_point_left img {
  width: 100%;
  border-radius: 50%;
}
.goods_details_point_left h3 {
  color: #444444;
  font-size: 10px;
  font-weight: normal;
  line-height: 1.2;
}
.goods_details_point_left h3 span {
  font-size: 1.8em;
  line-height: 1.5;
}
.goods_details_point_right {
  float: right;
  width: 75%;
}
/* 吹き出し// */
.goods_details_point_right h3 {
 	position: relative;
	display: inline-block;
 	margin: 0;
	padding: 1.5% 3%;
 	max-width: 90%;
 	color: #555;
	font-size: 17px;
  font-weight: normal;
	background: #FFF;
  line-height: 1.2;
}
.pn23 .goods_details_point_right h3 {
  padding: 2% 3%;
  font-size: 16px;
  line-height: 1.8;
}

.goods_details_point_right h3:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -19px;
 	margin-top: -6px;
	border-top: 12px solid transparent;
	border-right: 20px solid #FFF;
}

.goods_details_point_right h3 span {
	margin: 0;
	padding: 0;
}
/* //吹き出し */
.goods_details_point_right p {
  font-size: 13px;
  color: #444444;
  margin-right: 5%;
  line-height: 1.8;
  margin-top: 2%;
}
.pn23 .goods_details_point_right p {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .pn23 .goods_details_point_right p {
    font-size: 13px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .slider-nav {
    margin-top: 10px;
  }
  .goods_details_heading_right {
    height: 450px;
  }
  .goods_details_heading_right h2.goods_details_names {
    line-height: 1.3;
  }
  .goods_details_heading_right p.goods_details_paragraph {
    max-height: 85px;
    line-height: 1.3;
    margin-bottom: 2%;
  }
  .goods_details_heading_right .goods_details_valueArea .goods_details_value_cation ul li {
    line-height: 1.4;
  }
}

/* PDF// */

/* //PDF */
ul.pdfBtn {
  overflow: hidden;
  margin-top: 2%;
}
ul.pdfBtn > li {
  width: 49%;
  margin-bottom: 2%;
}
ul.pdfBtn > li:nth-child(2n-1) {
  float: left;
}
ul.pdfBtn > li:nth-child(2n-2) {
  float: right;
}
ul.pdfBtn > li > a {
  display: block;
  width: 99%;
  padding: 2% 0;
  border: 2px solid #555;
  border-radius: 6px;
  text-align: center;
  color: #333;
}
ul.pdfBtn > li > a::before {
  font-family: "FontAwesome";
  content: "\f1c1";
  font-size: 2em;
  vertical-align: middle;
  margin-right: 3%;
  margin-bottom: 2px;
}
/* //商品詳細 */

.estimateBnr {
  margin: 5% 0 8%;
}
.estimateBnr .above {
  margin-bottom: 1%;
}
.estimateBnr .above img {
  width: 100%;
}
.estimateBnr .bottom {
  overflow: hidden;
}
.estimateBnr .bottom img {
  width: 100%;
  overflow: hidden;
}
.estimateBnr .bottom .left {
  float: left;
  width: 49%;
}
.estimateBnr .bottom .right {
  float: right;
  width: 49%;
}

/* tab_cont.css>> */

/* お知らせ// */
.items_.news li.items_list_:nth-child(3n-1) {
  margin: 0;
}
.items_.news ul {
  width: 98%;
  margin: 0 auto;
}
.items_.news ul li {
  margin-bottom: 2%;
  float: none;
  display: inline-block;
  width: 100%;
  border-bottom: 1px dotted #ccc;
}
.items_.news ul li h3 {
  border: none;
  box-sizing: border-box;
}
.items_.news ul li h3 a {
  color: #333;
  font-size: 14px;
  font-weight: normal;
  padding: 1% 0;
  text-align: left;
  line-height: 1.5;
}
.items_.news ul li h3 a:hover {
  background-color: rgba(0,0,0,0.1);
}
.items_.news ul li h3 a span.date {
  display: block;
  font-weight: bold;
  margin-bottom: 2px;
}
/* //お知らせ */

/* ご利用ガイド一覧// */
.items_.howto ul li {
  margin-bottom: 3%;
  float: none;
  display: inline-block;
  width: 31.5%;
}
.items_.howto ul li h3 {
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.items_.howto ul li h3 a {
  border-bottom: 4px solid #00A5E6;
  color: #333;
  font-size: 14px;
  font-weight: normal;
  padding: 6% 0;
  text-align: center;
}
.items_.howto ul li h3 a:hover {
  background-color: rgba(0,0,0,0.1);
}
/* //ご利用ガイド一覧 */

/* キャンペーン・特集一覧// */
.items_.feature ul li {
  margin-bottom: 3%;
  float: none;
  display: inline-block;
  width: 31.5%;
}
.items_.feature ul li h3 {
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.items_.feature ul li h3 a {
  border-bottom: 4px solid #00A5E6;
  color: #333;
  font-size: 14px;
  font-weight: normal;
  padding: 6% 0;
  text-align: center;
}
.items_.feature ul li h3 a:hover {
  background-color: rgba(0,0,0,0.1);
}
/* //キャンペーン・特集一覧 */

/* 検索結果ページ// */
.attention {
	color:red;
}
p.keyword {
	margin:5px;
}
p.keyword span {
	font-weight:bold;
}
nav.searchresult ul {
	list-style:none;
  border-top: 1px dotted #ccc;
  margin-top: 3%;
}
nav.searchresult a {
  position: relative;
	width: 96%;
  float: none;
  display: inline-block;
  border-bottom: 1px dotted #ccc;
  font-size: 14px;
  padding: 1% 2%;
  line-height: 1.5;
  text-align: left;
  position: relative;
  display: inline-block;
  padding: 1.5% 0 ;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
nav.searchresult a:hover {
  background-color: #ccc;
}
nav.searchresult a::before,
nav.searchresult a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
nav.searchresult a::before {
  right: 2%;
  width: 10px;
  height: 10px;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
nav.searchresult a li {
  width: 96%;
  line-height: 1.6;
}
nav.searchresult li label:hover {
  cursor: pointer;
}
nav.searchresult ul li p {

}

nav.searchresult a:active,
nav.searchresult a:visited,
nav.searchresult a:link,
nav.searchresult a {
	color:#333333;
}
nav.searchresult a:hover{
	color:#333237;
}
/* //検索結果ページ */

a.cate_shutter_img,
a.cate_garage_img,
a.cate_water-stop_img {
  position: relative;
  font-family: 'Yu Mincho', 'メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
}
a.cate_shutter_img > img,
a.cate_garage_img > img,
a.cate_water-stop_img > img {
  display: block;
}
a.cate_shutter_img > span.heading,
a.cate_garage_img > span.heading,
a.cate_water-stop_img > span.heading {
  display: block;
  text-align: center;
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding-top: 4%;
  font-size: 26px;
  color: #FFF;
  text-shadow: 0 0 5px rgba(0,0,0,1);
}
a.cate_shutter_img > span.heading > span.small,
a.cate_garage_img > span.heading > span.small,
a.cate_water-stop_img > span.heading > span.small {
  display: block;
  text-align: center;
  font-size: 0.6em;
  letter-spacing: 0.16em;
  padding-top: 2%;
}
a.cate_shutter_img > span.estimationBtn,
a.cate_garage_img > span.estimationBtn,
a.cate_water-stop_img > span.estimationBtn {
  display: inline-block;
  text-align: center;
  color: #FFF;
  background-color: #87AE36;
  font-weight: bold;
  width: 86%;
  margin: 0 auto;
  border: 2px solid #FFF;
  font-size: 23px;
  letter-spacing: -0.1em;
  padding: 2% 8px 1% 0;
  box-sizing: border-box;
  position: absolute;
  bottom: 8.5%;
  left: 0;
  right: 0;
}
a.cate_shutter_img > span.estimationBtn i,
a.cate_garage_img > span.estimationBtn i,
a.cate_water-stop_img > span.estimationBtn i {
	font-style: normal;
  font-size: 0.7em;
  display: inline-block;
  vertical-align: 13%;
}
a.cate_shutter_img > span.estimationBtn::before,
a.cate_garage_img > span.estimationBtn::before,
a.cate_water-stop_img > span.estimationBtn::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -4px;
  margin: auto;
  border-left: 7px solid #FFF;
  border-right: 7px solid transparent;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  width: 0;
  height: 0;
}
a.cate_shutter_img > span.estimationBtn::after,
a.cate_garage_img > span.estimationBtn::after,
a.cate_water-stop_img > span.estimationBtn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -2px;
  margin: auto;
  border-left: 7px solid #87AE36;
  border-right: 7px solid transparent;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  width: 0;
  height: 0;
}
.nw_ewtimateBtn {
  overflow: hidden;
}
.nw_ewtimateBtn .left {
  float: left;
}
.nw_ewtimateBtn .right {
  float: right;
}

/* お問合せ// */
article form dl,
article form dt,
article form dd {
  box-sizing: border-box;
}
article form dl {
  /* background: #eee; */
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
article form dt,
article form dd {
  padding: 1% 1% 0 1%;
  border-top: 1px solid #ccc;
  line-height: 2;
}
article form dd.row2 {
  padding: 3.5% 1% 0 3%;
}
article form dt {
  width: 30%;
  float: left;
}
article form dd {
  background: #fff;
  margin-left: 30%;
  padding-bottom: 10px;
  /* border-left: 1px solid #ccc; */
}
article form dd:after {
  content: '';
  display: block;
  clear: both;
}
article form dd > a {
  color: #00a5e5 !important;
  text-decoration: underline;
}
article form dd > a:hover {
  text-decoration: none;
}
article form dl > dd > input {
  border: 1px solid #ccc;
  padding: 1%;
}
article form dl > dd > textarea {
  border: 1px solid #ccc;
  padding: 1%;
  width: 80%;
  height: 180px;
}
article form dl > dd > select {
  border: 1px solid #ccc;
  padding: 0;
  height: 32px;
}
article form > p.formBtn {
  overflow: hidden;
  margin-top: 30px;
}
article form button[type="submit"] {
  display: block;
  border-radius: 5px;
  padding: 5%;
  border: 1px solid #ccc;
  background: rgb(238,238,238);
  background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%);
  background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
  background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );  width: 40%;
}
article form button[type="submit"] {
  float: none;
  width: 280px;
  margin: 0 auto;
  padding: 30px 0;
}
article form button[type="reset"],
article form button[type="button"] {
  float: left;
  width: 130px;
  padding: 15px 0;
}
article form button[type="submit"]:hover,
article form button[type="reset"]:hover,
article form button[type="button"]:hover {
  cursor: pointer;
}

article.public_form dl,
article.public_form dt,
article.public_form dd {
  box-sizing: border-box;
  font-size: 14px;
}
article.public_form dl {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
article.public_form dt {
  padding: 4% 1% 2% 3%;
  border-top: 1px solid #ccc;
  line-height: 2;
}
article.public_form dd {
  padding: 4% 1% 2% 3%;
  border-top: 1px solid #ccc;
  line-height: 2;
}
article.public_form dd:after {
  content: '';
  display: block;
  clear: both;
}
article.public_form dd > a {
  color: #00a5e5 !important;
  text-decoration: underline;
}
article.public_form dd > a:hover {
  text-decoration: none;
}
article.public_form dl > dd > input {
  background: #eeeeee;
  border: 1px solid #ccc;
  padding: 2%;
  width: 290px;
}
article.public_form dl > dd.zip_ > input {
  width: 50px;
}
article.public_form dl > dd > input::placeholder {
  color: #bbbbbb;
}
article.public_form dl > dd > textarea {
  border: 1px solid #ccc;
  padding: 1%;
  width: 80%;
  height: 180px;
  /*color:black;*/
}
article.public_form dl > dd > select {
  border: 1px solid #ccc;
  padding: 0;
  height: 32px;
}
article.public_form form > p.formBtn {
  overflow: hidden;
  margin-top: 30px;
}
article.public_form button[type="submit"] {
  display: block;
  border-radius: 5px;
  padding: 5%;
  border: 1px solid #ccc;
  background: rgb(238,238,238);
  background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%);
  background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
  background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );  width: 40%;
}
article.public_form button[type="reset"],
article.public_form button[type="button"] {
  background: none;
  border: none;
}
article.public_form button[type="reset"] .left,
article.public_form button[type="reset"] .right,
article.public_form button[type="button"] .left,
article.public_form button[type="button"] .right {
  display: inline-block;
  vertical-align: middle;
  text-decoration: underline;
}
article.public_form button[type="reset"] .left,
article.public_form button[type="button"] .left {
  margin: 0 5px 0 0;
}
article.public_form button[type="reset"] .right:hover,
article.public_form button[type="button"] .right:hover {
  text-decoration: none;
}
article.public_form button[type="submit"] {
  float: none;
  width: 280px;
  margin: 0 auto;
  padding: 30px 0;
}
article.public_form button[type="reset"],
article.public_form button[type="button"] {
  float: left;
  width: 130px;
  padding: 15px 0;
}
article.public_form button[type="submit"]:hover,
article.public_form button[type="reset"]:hover,
article.public_form button[type="button"]:hover {
  cursor: pointer;
}
article.public_form dl > dd .select_arrow {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  position: relative;
}
article.public_form dl > dd.sett_ .select_arrow {
  margin: 0 0 20px;
}
article.public_form dl > dd.connect .select_arrow {
  margin: 0;
}
article.public_form dl > dd .select_arrow::before {
  /* content: "";
  border-top: 5px solid #222;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 11px;
  margin: auto;
  z-index: 5;
  pointer-events: none; */
}
article.public_form dl > dd > select,
article.public_form dl > dd .select_arrow select {
  border: 1px solid #ccc;
  padding: 0;
  height: 32px;
}
article.public_form dl > dd .select_arrow select {
  background: #eeeeee;
  border: 1px solid #ccc;
  padding: 5% 3%;
  margin: 0;
  height: auto;
  width: 190px;
}
article.public_form dl > dd .select_arrow select:hover {
  cursor: pointer;
}

section.page-content iframe {
  width: 100%;
  border: none;
}
.contact_confirm {
  font-size: 14px;
}
/* //お問合せ */

.formBox iframe p {
  line-height: 1.8;
}

/* 調査依頼// */
article.estimate_form dl,
article.estimate_form dt,
article.estimate_form dd {
  box-sizing: border-box;
}
article.estimate_form dl {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
article.estimate_form dt {
  padding: 4% 1% 2% 3%;
  border-top: 1px solid #ccc;
  line-height: 2;
}
article.estimate_form dd {
  padding: 3.5% 1% 2% 3%;
  border-top: 1px solid #ccc;
  line-height: 2;
}
article.estimate_form dd.mail_dd {
  padding: 3.5% 1% 3% 3%;
}
article.estimate_form dd p {
  font-size: 14px;
}
article.estimate_form dd.mail_dd p {
  margin: 10px 0 0;
}
article.estimate_form dt {
  width: 23%;
  float: left;
}
article.estimate_form dd {
  background: #fff;
  margin-left: 23%;
  /* padding-bottom: 10px; */
  /* border-left: 1px solid #ccc; */
}
article.estimate_form dd:after {
  content: '';
  display: block;
  clear: both;
}
article.estimate_form dd > a {
  color: #00a5e5 !important;
  text-decoration: underline;
}
article.estimate_form dd > a:hover {
  text-decoration: none;
}
article.estimate_form dl > dd > input,
article.estimate_form dl > dd .mail_dd_left input {
  background: #eeeeee;
  border: 1px solid #ccc;
  padding: 2%;
  /*color:black;*/
  width: 500px;
}
article.estimate_form dl > dd > input::placeholder {
  color: #bbbbbb;
}
article.estimate_form dl > dd > textarea {
  border: 1px solid #ccc;
  padding: 1%;
  width: 80%;
  height: 180px;
  /*color:black;*/
}
article.estimate_form dl > dd .select_arrow {
  display: inline-block;
  vertical-align: middle;
  margin: 10px 0 20px;
  position: relative;
}
article.estimate_form dl > dd.connect .select_arrow {
  margin: 0;
}
article.estimate_form dl > dd .select_arrow::before {
  content: "";
  border-top: 5px solid #222;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 11px;
  margin: auto;
  z-index: 5;
  pointer-events: none;
}
article.estimate_form dl > dd > select,
article.estimate_form dl > dd .select_arrow select {
  border: 1px solid #ccc;
  padding: 0;
  height: 32px;
}
article.estimate_form dl > dd .select_arrow select {
  background: #eeeeee;
  border: 1px solid #ccc;
  padding: 5% 3%;
  margin: 0;
  height: auto;
  width: 190px;
}
article.estimate_form dl > dd .select_arrow select:hover {
  cursor: pointer;
}
article.estimate_form form .addresscopy {
  /* width: 190px; */
  text-align: center;
  margin: 20px 0;
  padding: 20px 0;
  border-radius: 5px;
  border: 1px solid #3FA7EC;
  background: #3FA7EC;
  color: #FFF;
}
article.estimate_form form .addresscopy:hover {
  cursor: pointer;
}
article.estimate_form form > p.formBtn {
  overflow: hidden;
  margin-top: 30px;
}
article.estimate_form button[type="submit"] {
  display: block;
  border-radius: 5px;
  padding: 5%;
  border: 1px solid #ccc;
  background: rgb(238,238,238);
  background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%);
  background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
  background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );  width: 40%;
}
article.estimate_form button[type="submit"] {
  float: none;
  width: 280px;
  margin: 0 auto;
  padding: 30px 0;
}
article.estimate_form button[type="reset"],
article.estimate_form button[type="button"] {
  float: left;
  width: 130px;
  padding: 15px 0;
}
article.estimate_form button[type="submit"]:hover,
article.estimate_form button[type="reset"]:hover,
article.estimate_form button[type="button"]:hover {
  cursor: pointer;
}
/* //調査依頼 */


article {
  margin-bottom: 3%;
}
section.near_history {
  clear: both;
}
.searchbox input[type=text], select {
  float: none;
}
button[type="reset"],
button[type="button"] {
    float: left;
}
button[type="submit"] {
    float: right;
}

/* 固定ページ// */

/* お見積シミュレーションについて// */
.estimate_simulation {

}
.estimate_simulation > p {
  margin-bottom: 10px;
  line-height: 1.8;
}
.estimate_simulation .color {
  color: #BF0000;
  font-weight: bold;
}
.estimate_simulation figure {
  margin-top: 20px;
}
.estimate_simulation figure img {
  width: 100%;
}
.estimate_simulation figure.thumb {
  margin: 3% 0;
}
.estimate_simulation figure.thumb img {
  display: block;
  width: 50%;
}
/* //お見積シミュレーションについて */

/* 当サイトについて// */
.about-site .forBtn > p {
  margin-bottom: 2.5%;
}
.about-site .forBtn > p > a {
  color: #00a5e5;
  margin: 0 0.5%;
  text-decoration: underline;
}
.about-site .forBtn > p > a:hover {
  text-decoration: none;
}
/* //当サイトについて */

/* シャッター一覧// */
.shutter_list a {
    display: block;
    background-color: #BF0000;
    color: #FFF;
    text-align: center;
    line-height: 1.4;
    border-radius: 4px;
    margin: 60px auto;
    padding: 20px 0;
    width: 280px;
}
/* //シャッター一覧 */
/* //固定ページ */

/* 404// */
.not_f {
  margin: 5% auto;
  line-height: 3;
}
/* //404 */

/* トップへボタン// */
.pagefor a {
  display: block;
  position: fixed;
  bottom: 4%;
  right: 4%;
  background-color: rgba(0,0,0,0.6);
  color: #DDD;
  font-weight: bold;
  font-size: 30px;
  text-indent: -9999px;
  border-radius: 50%;
  padding: 20px 25px;
  z-index:100;
}
.pagefor a svg {
  display: block;
  margin: auto;
  line-height: 80px;
}
/* //トップへボタン */

/* placeholder// */
input::-webkit-input-placeholder {
    color: #ddd;
}
input:-ms-input-placeholder {
    color: #ddd;
}
input::-moz-placeholder {
    color: #ddd;
}
input::-placeholder {
    color: #ddd;
}
/* //placeholder */

.sp {
  display: none;
}



/*----------------------------------------
	180626追記
----------------------------------------*/
.header-estimate {
	background: url(../images/header/icn_header-estimate.png) no-repeat right 5px center #00A3E8;
	color: white;
	display: inline-block;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 18px;
	margin-top: -7px;
	padding: 10px 25px 10px 15px;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .header-estimate {
  	padding-top: 15px;
  	}
}
.header-estimate:hover {
	opacity: 0.8;
}
.main-ttl {
	color: #00A3E8;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 32px;
	line-height: 1.2em;
	margin: 30px auto 0 auto;
	text-align: center;
}
.main-ttl + p.explain {
	margin-top: 20px;
}

/*----------------------------------------
	180710追記
----------------------------------------*/
.estimateorder_top {
  margin: 0 0 25px;
}
.estimateorder_top > p {
  font-size: 15px;
  margin: 0 0 10px;
}
.estimateorder_top .section_top {
  background: #F3F4F8;
  color: #006797;
  font-size: 15px;
  padding: 3%;
  margin: 0 0 25px;
}
.estimateorder_top .section_top > a {
  background: #FFF;
  border: 2px solid #aaa;
  color: #555;
  display: block;
  font-size: 17px;
  margin: auto;
  padding: 12px 0 10px 35px;
  position: relative;
  width: 189px;
}
.estimateorder_top .section_top > a::before,
.estimateorder_top .section_top > a::after {
  content: "";
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.estimateorder_top .section_top > a::before {
  border-left: 10px solid #555555;
  right: 5px;
}
.estimateorder_top .section_top > a::after {
  border-left: 10px solid #FFF;
  right: 7px;
}
.estimateorder_top .section_top > p {
  line-height: 1.5;
  margin: 0 0 18px;
}
.step_flow li {
  display: inline-block;
  vertical-align: middle;
  width: 30%;
  padding: 0 2.1% 0 0;
}
.step_flow li:nth-child(2) {
  margin: 0 1%;
}
.step_flow li:last-child {
  padding: 0;
  width: 32.1%;
}
.step_flow li .arrowArea {
  background: #dddddd;
  color: #333;
  font-size: 24px;
  padding: 20px 0 16px 20px;
  position: relative;
}
.step_flow li .arrowArea::after {
  content: "";
  border-left: 20px solid #dddddd;
  border-right: 20px solid transparent;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -40px;
  margin: auto;
}
.step_flow li:last-child .arrowArea::after {
  display: none;
}
.step_flow li.active .arrowArea {
  background: #3FA8ED;
  color: #FFF;
}
.step_flow li.active .arrowArea::after {
  border-left: 20px solid #3FA8ED;
}
.step_flow li .small {
  font-size: 17px;
}
.step_flow li .follow {
  color: #333;
  font-size: 14px;
  margin: 13px 0 0;
  padding: 0 0 0 10px;
}
.estimate_form_title {
  background: #3FA8ED;
  color: #FFF;
  font-size: 21px;
  font-weight: normal;
  padding: 15px 0 12px 20px;
}
.estimate_form_p {
  font-size: 15px;
  margin: 17px 0;
}
.varidation.form_p {
  background: #B20000;
  color: #FFF;
  float: none;
  margin: 0 12px;
  padding: 0 6px;
}
.estimate_form_heading {
	background: #EBF6FD;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #116FAC;
	font-size: 18px;
	font-weight: normal;
	padding: 15px 0 15px 20px;
}
.estimate_form_heading.est_ {
  border-top: none;
	border-bottom: 1px solid #ccc;
}
.estimate_from_other > .estimate_form_heading {
  border: none;
}
.estimate_form.confirm dl dt.tel_dt {
	line-height: 1;
	padding: 3% 1% 2% 3%;
}
.estimate_form dl dt.connect {
	line-height: 1;
	padding: 3.5% 1% 2% 3%;
}
.estimate_form dl dd.connect {
  padding: 2.5% 1% 2.5% 3%;
}
.estimate_form dl dd.connect select {
	background: #eeeeee;
	height: auto;
	padding: 7px 0 12px 10px;
	width: 182px;
}
.estimate_form dl dt label {
	display: block;
	font-size: 14px;
	width: 100%;
}
.estimate_form dl dt label .varidation {
	float: right;
	line-height: 1;
	padding: 3px 6px;
  margin: 5px 0 0;
}
.estimate_form dl dd input[name="zip1"],
.estimate_form dl dd input[name="zip3"]{
	width:75px;
}
.estimate_form dl dd input[name="zip2"],
.estimate_form dl dd input[name="zip4"] {
	width:80px;
}
article.estimate_form dl > dd {
	overflow: hidden;
}
article.estimate_form dl > dd .mail_dd_left {
	float: left;
}
article.estimate_form dl > dd .mail_dd_left input {
	font-size: 15px;
	padding: 3.5%;
}
article.estimate_form dl > dd .mail_dd_left input::placeholder {
	color: #bbbbbb;
}
article.estimate_form dl > dd .mail_dd_right {
/*	float: right;*/
	width: 80%;
}
article.estimate_form dl > dd .mail_dd_right p.red {
	color: #B20000;
	font-size: 14px;
	line-height: 1.3;
	margin: 0;
	text-indent: -12px;
	padding: 200px 0 0 12px;
	text-align: left;
}
@media (max-width: 768px) {
  article.estimate_form dl > dd .mail_dd_right p.red {
    padding: 10px 0 0 12px;
  }
}
.estimate_form dl dd .hyphen {
	font-size: 15px;
	font-weight: bold;
	padding: 0 10px;
}
.estimate_form dl dd.addr {
	font-size: 14px;
}
.estimate_form dl dd.addr label {
	display: inline-block;
	margin: 0 3% 0 0;
	vertical-align: middle;
	width: 105px;
}
.estimate_form dl dd.addr input,
.estimate_form dl dd.addr select {
	margin: 0 0 20px;
}
.estimate_form dl dd.addr select {
	background: #eeeeee;
	height: auto;
	padding: 7px 0 12px 10px;
	width: 182px;
}
.estimate_form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
}
.estimate_form select::after {
	content: "";
	position: absolute;
	botder-top: 5px solid #222;
	top: 0;
	bottom: 0;
	right: 5px;
}
.select_arrow
p.estimate_form_paragraph {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.estimate_from_other dt {
	padding: 2% 1% 0 3% !important;
	width: 100% !important;
}
.estimate_from_other dd {
	border-top: none !important;
	margin-left: auto !important;
	padding: 1% 1% 2% 3% !important;
}
.estimate_from_other textarea {
	background: #eeeeee;
	height: 145px;
	padding: 2% 2.5% !important;
	width: 92.5% !important;
}
.estimate_from_other textarea::placeholder {
	color: #bbbbbb;
}
.skyb {
	color: #3FA5EB;
}

.bgNone {
	background:none;
	border: none;
}
#privacy {
	margin: auto;
	width: 717px;
}
#privacy button[type="reset"],
#privacy button[type="button"] {
	background: none;
	border: none;
	display: inline;
}
#privacy button[type="reset"] .left,
#privacy button[type="reset"] .right,
#privacy button[type="button"] .left,
#privacy button[type="button"] .right {
  display: inline-block;
  vertical-align: middle;
	text-decoration: underline;
}
#privacy button[type="reset"] .left,
#privacy button[type="button"] .left {
  margin: 0 5px 0 0;
}
#privacy button[type="reset"] .left:hover,
#privacy button[type="reset"] .right:hover,
#privacy button[type="button"] .left:hover,
#privacy button[type="button"] .right:hover {
	text-decoration: none;
}
#privacyBox {
	height:150px;
	line-height: 2;
	margin:0 0 30px;
	padding:10px 30px;;
	border:solid 1px #ccc;
	overflow-y:scroll;
}
#privacyBox p {
	font-size: 14px;
}
#privacyBox h4 {
	font-size:24px;
     border-bottom: 1px dashed #ccc;
}
#privacyBox ol {
	margin:0 0 0 24px;
	padding:0;
}
#privacyBox ol li {
	list-style:decimal;
	margin:0;
	padding:0;
}
#privacyBox ol li h5 {
	margin:0;
	padding:0;
	font-size:18px;
	font-weight:normal;
}
#privacyBox ol.noneList {
	margin:0;
	padding:0;
}
#privacyBox ol.noneList li {
	list-style:none;
}
.bgSilver {
	padding:20px 30px;
	color:#006797;
	background:#f3f4f8;
}
.bgSilver > p {
	line-height: 1.6;
}
.confirmBox {
	position:relative;
  width: 45%;
	margin:0 auto;
}
.checkbox01 {
  display: none;
}
.check01{
  position: relative;
  top: 31px;
  left: 20px;
  margin: 0 20px 0 0;
  background: #fff;
  z-index: 555;
  padding: 0 0 0 24px;
}
_:-ms-input-placeholder, :root .check01 {
  top: -2px;
  left: 65px;
}
_:-ms-lang(x), .check01 {
  top: -2px;
  left: 65px;
}
.check01:before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  border:solid  1px #999;
}
.checkbox01:checked + .check01{
  color: #2198d3;
}
.checkbox01:checked + .check01:after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 6px;
  width: 10px;
  height: 16px;
  border-right:solid  3px #3fa7ec;
  border-bottom:solid  3px #3fa7ec;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
}
@media screen and (max-width: 768px) {
  .check01 {
    top: 12px;
    width: 22px;
    height: 22px;
    position: absolute;
    padding: 0px 0px 8px 24px;
}
}

.confirmBtn {
	width:100%;
    color: #fff;
    font-size: 18px;
    text-align: center;
    background: #3fa7ec;
    border: none;
	-webkit-border-radius:2px;
	border-radius:2px;
    line-height: 2.5em;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.8);
}
.confirmBtn:hover {
  box-shadow: none;
	cursor: pointer;
}
.confirmBtn02 {
	margin: auto;
	position: relative;
	width:60%;
}
.confirmBtn02::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5px;
	margin: auto;
	border-left: 13px solid #FFF;
	border-right: 13px solid transparent;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	height: 0;
	width: 0;
}
.confirmBtn02::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 8px;
	margin: auto;
	border-left: 13px solid #3fa7ec;
	border-right: 13px solid transparent;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	height: 0;
	width: 0;
}
.confirmBtn02 > input {
	display:block;
	width: 100%;
	margin:0 auto;
  color: #fff;
  font-size: 20px;
  text-align: center;
  background: #3fa7ec;
  border: none;
	-webkit-border-radius:2px;
	border-radius:2px;
  line-height: 2.5em;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.8);
	padding: .8% 0;
}
.confirmBtn02:hover::before,
.confirmBtn02:hover::after,
.confirmBtn02 > input:hover {
	cursor: pointer;
}


.topbackBtn03 {
	margin: auto;
	position: relative;
	width:60%;
  min-width: 250px;
}
.topbackBtn03::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
  left: 25px;
	margin: auto;
	border-right: 13px solid #FFF;
	border-left: 13px solid transparent;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	height: 0;
	width: 0;
}
.topbackBtn03::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 28px;
	margin: auto;
	border-right: 13px solid #3fa7ec;
	border-left: 13px solid transparent;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	height: 0;
	width: 0;
}
.topbackBtn03 > input {
	display:block;
	width: 100%;
	margin:0 auto;
  color: #fff;
  font-size: 20px;
  text-align: center;
  background: #3fa7ec;
  border: none;
	-webkit-border-radius:2px;
	border-radius:2px;
  line-height: 2.5em;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.8);
	padding: .8% 0;
}
.topbackBtn03:hover::before,
.topbackBtn03:hover::after,
.topbackBtn03 > input:hover {
	cursor: pointer;
}
.topbackBtn03 > input:hover {
  box-shadow: none;
}

.topbackBtn03 > input {
  margin: auto;
  width: 94%;
}


.confirmFollow {
	font-size: 14px;
	line-height: 1.4;
	padding: 5% 0 0;
}
.confirmReset {
	width: 100% !important;
	text-align: left;
	float: none !important;
}
.confirmFollowBox {
	border: 1px solid #ccc;
	font-size: 14px;
	line-height: 1.4;
	margin: 2% 0;
	padding: 3%;
}
.reset {
	display:-webkit-flex;
	display:flex;
}

.reset dt {
	width:20px;
}
.reset dd {
	margin:0;
	padding:0 10px;
}

article.estimate_form form .addresscopy {
  box-shadow: 1px 1px 1px rgba(0,0,0,0.8);
  padding: 10px 0;
}
article.estimate_form form .addresscopy:hover {
  box-shadow: none;
  margin: 23px 0 0;
}
article.estimate_form form .addresscopy .left,
article.estimate_form form .addresscopy .right {
  display: inline-block;
  vertical-align: middle;
}
article.estimate_form form .addresscopy .left {
  line-height: 1;
  margin: 0 2% 0 0;
  width: 28px;
}
article.estimate_form form .addresscopy .right {
  line-height: 1.4;
  font-size: 19px;
  text-align: left;
  width: 115px;
}
article.estimate_form .estimate_form_addr dl {
}
article.estimate_form .estimate_form_addr dt {
  border-top: none;
  width: 28%;
}
article.estimate_form .estimate_form_addr dd {
  border-top: none;
  margin-left: 28%;
}
article.estimate_form .estimate_form_paragraph.style1 {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #3284B8;
  font-size: 15px;
  line-height: 1.6;
  padding: 20px 30px 0;
}
article.estimate_form.confirm dt {
  padding: 3% 1% 2% 3%;
}
article.estimate_form.confirm dd {
  height: 68px;
  font-size: 14px;
  padding: 3% 1% 2% 3%;
}
article.estimate_form.confirm .estimate_form_addr dt {
  width: 23%;
}
article.estimate_form.confirm .estimate_form_addr dd {
  margin-left: 23%;
}
article.estimate_form.confirm dd.addr {
  height: 160px;
}
.estimate_form.confirm dl dt.connect {
  padding: 3.3% 1% 2% 3%;
}
article.estimate_form.confirm .estimate_from_other dd {
  height: auto;
}
.page-content .btnArea,
article.estimate_form.confirm .btnArea {
  margin: 5% 0 0;
}
.page-content button[type="reset"],
article.estimate_form.confirm button[type="reset"],
article.estimate_form.confirm button[type="button"] {
  margin: 0 auto;
  color: #222;
  font-size: 14px;
  text-align: center;
  background: #eee;
  border: none;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  line-height: 1.5em;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.8);
  padding: 2.3% 0;
}
.page-content button[type="reset"]:hover,
article.estimate_form.confirm button[type="reset"]:hover,
article.estimate_form.confirm button[type="button"]:hover {
  box-shadow: none;
  margin: 4px auto 0;
}
.confirmBtn02 > input:hover {
  box-shadow: none;
}
.estimate_complete main {
  text-align: center;
}
.estimate_complete main .mainImg {
  margin: 35px 0 30px;
}
.estimate_complete main h2 {
  background: #00A0E8;
  color: #FFF;
  line-height: 1.3;
  font-size: 27px;
  font-weight: normal;
  margin: 0 0 23px;
  padding: 20px 0 18px;
}
.estimate_complete main p {
  line-height: 1.4;
  font-size: 15px;
  margin: 0 0 20px;
}

@media screen and (max-width:960px) {
.header-estimate {
  margin-top: 0;
  width: auto;
}
#wrap {
	width:98%;
	margin:0 auto;
}

.bgSilver {
	padding:20px 5%;
	color:#006797;
	background:#f3f4f8;
}
.confirmBox {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.confirmBtn02 {
    width: 90%;
}
.confirmBtn02 > input {
  margin: auto;
  width: 94%;
}
.estimateorder_top > p {
  line-height: 1.4;
  margin: 1% auto 5%;
  width: 96%;
}
.estimateorder_top .section_top > p {
  line-height: 1.4;
  margin: 1% auto 5%;
  width: 96%;
}
.step_flow li {
  margin: 0 0 3%;
  width: 100%;
}
.step_flow li:nth-child(2) {
  margin: 0 0 3%;
}
.step_flow li:last-child {
  margin: 0 0 3%;
  width: 100%;
}
.estimate_form_p {
  margin: 4% auto 5%;
  width: 96%;
}
.varidation.form_p {
  display: block;
  line-height: 1.4;
  margin: 0 0 2%;
  padding: 1%;
  text-align: center;
  width: 10%;
}
article.estimate_form dl > dd .mail_dd_left,
article.estimate_form dl > dd .mail_dd_right {
  float: none;
  width: 100%;
}
article.estimate_form dl > dd .mail_dd_right {
  margin: 5% auto 3%;
}
article.estimate_form dl > dd .mail_dd_left input {
  width: 98%;
}
.estimate_form dl dt label br {
  display: none;
}
.estimate_form dl dd input#zip1 {
  width: 10%;
}
.estimate_form dl dd input#zip3 {
  width: 18%;
}
.estimate_form dl dd input#zip2,
.estimate_form dl dd input#zip4 {
  width: 20%;
}
article.estimate_form dl > dd .select_arrow {
  width: 100%;
}
article.estimate_form dl > dd .select_arrow select {
  width: 100%;
}
article.estimate_form .estimate_form_paragraph.style1 {
  padding: 5%;
}
article.estimate_form .estimate_form_addr {
  border-top: 1px solid #ccc;
  padding: 2% 0 0;
}
article.estimate_form .estimate_form_addr dt {
  float: none;
  width: 100%;
}
article.estimate_form .estimate_form_addr dd {
  float: none;
  margin-left: 0;
}
article.estimate_form form .addresscopy {
  margin: 5% auto;
}
article.estimate_form form .addresscopy:hover {
  margin: 5% auto;
}
.estimate_from_other > .estimate_form_heading {
  width: 100%;
}
article.estimate_form dl > dd > textarea {
  height: 200px;
}
#privacy {
  width: 100%;
}
#privacyBox {
  padding: 1% 2%;
}
.estimate_form .addresscopy::after {
  content: "";
}
.confirmFollow {
  margin: 5% auto;
  width: 96%;
}
article.estimate_form .estimate_form_addr {
  padding: 0;
}
article.estimate_form.confirm .estimate_form_addr dt {
  border-bottom: 1px solid #ccc;
  width: 100%;
}
article.estimate_form.confirm .estimate_form_addr dd {
  margin-left: 0;
}
.page-content .btnArea,
article.estimate_form.confirm .btnArea {
  margin: 5% auto;
  width: 85%;
}
.page-content button[type="reset"],
article.estimate_form.confirm button[type="reset"],
article.estimate_form.confirm button[type="button"] {
  float: none;
}
article.estimate_form.confirm .estimate_form_heading {
}
.confirmBtn02 {
  margin: 5% 0 0;
  width: 100%;
}
.estimate_complete main h2 {
  font-size: 2.5vh;
}
.estimate_complete main p {
  margin: 5% auto;
  width: 96%;
}
}

/* 第2フェーズ */
/* ログインページ// */
#login {
  margin: 0;
  padding: 5% 0;
  min-width: auto;
  min-width: initial;
  width: 100%;
}
#login .form-title {
  background: url(/wp/wp-content/themes/bunkas/images/common/logo.png) #FFF left center no-repeat;
  background-size: 34px auto;
  margin: 0 0 18px;
  width: auto;
}
#login .form-title h2 {
  border-bottom: 1px solid #888888;
  color: #00abff;
  font-size: 20px;
  font-weight: normal;
  line-height: 34px;
  margin: 0 0 0 33px;
  text-align: left;
  text-indent: 10px;
  height: 34px;
  width: 100%;
}
#login .left {
  float: left;
  font-size: 14px;
  margin: 4% 0 0;
  padding: 0 2% 0 0;
  text-align: right;
  width: 50%;
}
#login .left p {
  margin: 0 0 4%;
}
#login .left input {
  font-size: 14px;
  padding: 0 0 0 5px;
  text-align: left;
  height: 26px;
  margin: 0 0 0 3%;
  max-width: 313px;
  width: 70%;
}
#login .left input[type="text"],
#login .left input[type="password"] {
  border: 1px solid #ccc;
}
#login .left input[type="submit"] {
  background: #00abff;
  border: none;
  border-radius: 0;
  color: #FFF;
  height: auto;
  margin: 0 auto;
  padding: 14px 0;
  text-align: center;
  max-width: 318px;
  width: 70%;
}
#login .right {
  float: right;
  font-size: 14px;
  width: 48%;
}
#login .right .inner {
  background: #F3F3F3;
  padding: 6%;
}
#login .right .inner h3 {
  border-bottom: 1px solid #ccc;
  font-weight: normal;
  margin: 0 0 5%;
  padding: 0 0 4%;
}
#login .right .inner p {
  line-height: 2;
}
#login .right .inner p > .color {
  color: #D80000;
  font-weight: bold;
}
#login .pass-lost {
  margin: 3% 0 0 auto;
  text-align: center;
  max-width: 318px;
  width: 70%;
}
#login .pass-lost a {
  color: #00abff;
  font-size: 12px;
  text-align: center;
  text-decoration: underline;
}
#login .pass-lost a:hover {
  text-decoration: none;
}
@media (max-width: 768px) {
  #login .left {
    float: none;
    text-align: left;
    width: 100%;
  }
  #login .left p {
    margin: 0 auto 6%;
    width: 88%;
  }
  #login .left input {
    display: block;
    margin: 2% 0 0;
    padding: 0 2%;
    max-width: auto;
    max-width: initial;
    width: 96%;
  }
  #login .left input[type="submit"] {
    margin: 10% auto 0;
  }
  #login .pass-lost {
    margin: 3% auto;
    max-width: initial;
    width: 70%;
  }
  #login .right {
    float: none;
    margin: 8% 0 0;
    width: 100%;
  }
  #login .right .inner {

  }
}

/* //ログインページ */
/* パスワード再発行ページ// */
#reissue {
  margin: 0;
  padding: 5% 0;
  min-width: auto;
  min-width: initial;
  width: 100%;
}
#reissue .form-title {
  background: url(/wp/wp-content/themes/bunkas/images/common/logo.png) #FFF left center no-repeat;
  background-size: 34px auto;
  margin: 0 0 18px;
  width: auto;
}
#reissue .form-title h2 {
  border-bottom: 1px solid #888888;
  color: #00abff;
  font-size: 20px;
  font-weight: normal;
  line-height: 34px;
  margin: 0 0 0 33px;
  text-align: left;
  text-indent: 10px;
  height: 34px;
  width: 100%;
}
#reissue .left {
  float: left;
  font-size: 14px;
  margin: 4% 0 0;
  padding: 0 2% 0 0;
  text-align: right;
  width: 50%;
}
#reissue .left p {
  margin: 0 0 4%;
}
#reissue .left input {
  font-size: 14px;
  padding: 0 0 0 5px;
  text-align: left;
  height: 26px;
  margin: 0 0 0 3%;
  max-width: 313px;
  width: 70%;
}
#reissue .left input[type="text"],
#reissue .left input[type="password"] {
  border: 1px solid #ccc;
}
#reissue .left input[type="submit"] {
  background: #00abff;
  border: none;
  border-radius: 0;
  color: #FFF;
  height: auto;
  margin: 0 auto;
  padding: 14px 0;
  text-align: center;
  max-width: 318px;
  width: 70%;
}
#reissue .right {
  float: right;
  font-size: 14px;
  width: 48%;
}
#reissue .right .inner {
  background: #F3F3F3;
  padding: 6%;
}
#reissue .right .inner h3 {
  border-bottom: 1px solid #ccc;
  font-weight: normal;
  margin: 0 0 5%;
  padding: 0 0 4%;
}
#reissue .right .inner p {
  line-height: 2;
}
#reissue .right .inner p > .color {
  color: #D80000;
  font-weight: bold;
}
#reissue .pass-lost {
  margin: 3% 0 0 auto;
  text-align: center;
  max-width: 318px;
  width: 70%;
}
#reissue .pass-lost a {
  color: #00abff;
  font-size: 12px;
  text-align: center;
  text-decoration: underline;
}
#reissue .pass-lost a:hover {
  text-decoration: none;
}
@media (max-width: 768px) {
  #reissue .left {
    float: none;
    text-align: left;
    width: 100%;
  }
  #reissue .left p {
    margin: 0 auto 6%;
    width: 88%;
  }
  #reissue .left input {
    display: block;
    margin: 2% 0 0;
    padding: 0 2%;
    max-width: auto;
    max-width: initial;
    width: 96%;
  }
  #reissue .left input[type="submit"] {
    margin: 10% auto 0;
  }
  #reissue .pass-lost {
    margin: 3% auto;
    max-width: initial;
    width: 70%;
  }
  #reissue .right {
    float: none;
    margin: 8% 0 0;
    width: 100%;
  }
  #reissue .right .inner {

  }
}

/* //パスワード再発行ページ */

/* マイページメニュー// */
.main_frame.mypage {
  margin: 40px auto 0;
}
aside.left_column {
  width: 230px;
}
.mypage_menu .page_title h2 {
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  font-weight: normal;
  margin: 3px 0 3%;
  padding: 0 0 17px;
}
.left_column .mypage_menu .page_title h2 {
  border-bottom: 1px solid #ccc;
  color: #3FA8ED;
  font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif;
  font-size: 24px;
  font-weight: normal;
  margin: 0 0 14px;
  padding: 0 0 10px;
}
.mypage_menu .memberS p {
  color: #444444;
  font-size: 14px;
  margin: 0 0 15px;
}
.mypage_menu .left_section {
  background: #F3F3F3;
  padding: 4%;
}
.mypage_menu .left_section ul li a {
  background: #FFF;
  border-left: 1px solid #BBBBBB;
  border-right: 1px solid #BBBBBB;
  border-top: 1px solid #BBBBBB;
  color: #444444;
  display: block;
  font-size: 14px;
}
.mypage_menu .left_section .above_inner {
  margin: 0 0 16px;
}
.mypage_menu .left_section .above_inner ul li a {
  padding: 12px 0 11px 10px;
}
.mypage_menu .left_section .bottom_inner ul li a {
  padding: 12px 0 11px 26px;
}
.mypage_menu .left_section ul li:last-child a {
  border-bottom: 1px solid #BBBBBB;
}
.mypage_menu .left_section ul li a {
  position: relative;
}
.mypage_menu .left_section ul li a::before {
  content: "";
  border-left: 9px solid #aaa;
  border-right: 9px solid transparent;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.mypage_menu .left_section ul li a::after {
  content: "";
  border-left: 9px solid #FFF;
  border-right: 9px solid transparent;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1px;
  margin: auto;
}
.mypage_menu .left_section ul li a .num {
  background: #3FA8ED;
  border-radius: 50%;
  color: #FFF;
  display: block;
  font-weight: bold;
  line-height: 23px;
  margin: auto;
  height: 21px;
  width: 21px;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
}

@media (max-width: 768px) {
  .main_container > .mypage_menu {
    float: none !important;
    margin: 20px auto;
    overflow: hidden;
    width: 86%;
  }
  .mypage_menu .page_title h2 {
    font-size: 18px;
  }
}
/* //マイページメニュー */

/* マイページ・お知らせ一覧// */
.topics dl {
  border-bottom: 1px dashed #ccc;
  line-height: 1.2;
  margin: 0 0 1%;
  padding: 15px 0;
}
.topics dt {
  clear: left;
  float: left;
  padding-bottom: 5px;
  width: 22%;
}
.topics dt > span {
  margin: 0 0 0 18px;
}
.topics dd {
  margin-left: 22%;
}
.topics dd a {
  color: #3FA7EC;
  display: block;
  overflow: hidden;
  text-decoration: underline;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .topics dl {
    padding: 5% 0;
  }
  .topics li:last-child dl {
    border-bottom: none;
  }
  .topics dt {
    width: 100%;
  }
  .topics dd {
    margin-left: 0;
    width: 100%
  }
  .topics dd a {
    line-height: 1.5;
    overflow: initial;
    text-overflow: initial;
    white-space: initial;
  }
}

@media (min-width: 1025px){
}

/* //マイページ・お知らせ一覧 */

/* マイページ・トップ// */
.mypage.top .main_parag p {
  color: #444444;
  font-size: 14px;
  line-height: 1.8;
  margin: 0 0 3%;
}
.mypage.top .topics.top {
  margin: 0 0 5%;
}
.mypage.top .topics.top h3 {
  padding: 0 0 12px;
}
.mypage.top .topics.top dl {
/*
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
*/
}
.mypage.top .topics.top .i_content {
  display: inline-block;
  margin: 0 3% 0 0;
  overflow: hidden;
  text-decoration: underline;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 75%;
  vertical-align: middle;
}
.mypage.top .topics.top .i_content:hover {
  text-decoration: none;
}
.mypage.top .topics.top .i_list {
  display: inline-block;
  color: #444444;
  font-size: 14px;
  text-decoration: none;
  vertical-align: middle;
  width: 20%;
}
.mypage.top .topics.top dd a {
  position: relative;
  cursor:pointer;
}
.mypage.top .topics.top dd a::before {
  content: "";
  position: absolute;
  border-left: 9px solid #aaa;
  border-right: 9px solid transparent;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  height: 0;
  width: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.mypage.top .topics.top dd a::after {
  content: "";
  position: absolute;
  border-left: 9px solid #FFF;
  border-right: 9px solid transparent;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  height: 0;
  width: 0;
  top: 0;
  bottom: 0;
  right: 1px;
  margin: auto;
}
.mypage.top .pass_change {
  margin: auto;
  width: 92%;
}
.mypage.top .pass_change .inner {
  background: #F3F3F3;
  padding: 30px 0 15px;
}
.mypage.top .pass_change p {
  color: #444444;
  font-size: 14px;
  line-height: 1.2;
  margin: 0 auto 22px;
  text-align: left;
  width: 60%;
}
.mypage.top .anch.box {
  text-align: center;
}
.mypage.top .anch.box a {
  background: #FFFFFF;
  border: 1px solid #ccc;
  color: #444444;
  display: inline-block;
  font-size: 14px;
  padding: 13px 0 12px;
  text-align: center;
  max-width: 205px;
  width: 30%;
}
.mypage.top .anch.box.arrow a {
  position: relative;
}
.mypage.top .anch.box.arrow a::before {
  content: "";
  position: absolute;
  border-left: 9px solid #ccc;
  border-right: 9px solid transparent;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  height: 0;
  width: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.mypage.top .anch.box.arrow a::after {
  content: "";
  position: absolute;
  border-left: 9px solid #FFF;
  border-right: 9px solid transparent;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  height: 0;
  width: 0;
  top: 0;
  bottom: 0;
  right: 1px;
  margin: auto;
}

#mypage_first {
  margin: 0 0 6%;
}
.mypage.top .history {
  margin: auto;
  overflow: hidden;
  width: 92%;
}
.mypage.top .history > div {
  width: 49%;
}
.mypage.top .history .left {
  float: left;
}
.mypage.top .history .right {
  float: right;
}
.mypage.top .history .viewArea {
  position: relative;
  text-align: center;
}
.mypage.top .history .viewArea > p {
  position: absolute;
  bottom: 10px;
  right: 22%;
  margin: auto;
  color: #3FA8ED;
  font-size: 25px;
  font-weight: bold;
}
.mypage.top .history .viewArea .num {
  position: absolute;
  right: 19%;
  margin: auto;
  background: #3FA8ED;
  border-radius: 50%;
  color: #FFF;
  font-size: 25px;
  font-weight: bold;
  line-height: 36px;
  width: 35px;
}
.mypage.top .history .right .viewArea > img {
  margin: 6% 0 0;
}
.mypage.top .history .anch.box {
  margin: 4% 0 0;
}
.mypage.top .history .anch.box a {
  box-sizing: border-box;
  max-width: initial;
  padding: 18px 0 17px;
  width: 100%;
}
.mypage.top .history .main_parag p {
  line-height: 1.3;
  margin: 3% auto;
  width: 98%;
}

@media (max-width: 768px) {
  .mypage.top .topics.top dl {
    border-bottom: none;
  }
  .mypage.top .topics.top dd a {
    text-decoration: none;
  }
  .mypage.top .topics.top dd a::before,
  .mypage.top .topics.top dd a::after {
    content: none;
  }
  .mypage.top .topics.top .i_content {
    margin: 0 0 5%;
    text-decoration: underline;
    width: 100%;
  }
  .mypage.top .topics.top .i_list {
    display: block;
    border: 1px solid #ccc;
    margin: auto;
    padding: 2% 0;
    position: relative;
    text-align: center;
    width: 60%;
  }
  .mypage.top .topics.top .i_list::before {
    content: "";
    position: absolute;
    border-left: 9px solid #ccc;
    border-right: 9px solid transparent;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    height: 0;
    width: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }
  .mypage.top .topics.top .i_list::after {
    content: "";
    position: absolute;
    border-left: 9px solid #FFF;
    border-right: 9px solid transparent;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    height: 0;
    width: 0;
    top: 0;
    bottom: 0;
    right: 1px;
    margin: auto;
  }
  .mypage.top .pass_change {
    width: 100%;
  }
  .mypage.top .pass_change .inner {
    padding: 5% 0;
  }
  .mypage.top .pass_change p {
    line-height: 1.5;
    margin: 0 auto 4%;
    width: 80%;
  }
  .mypage.top .anch.box a {
    width: 78%;
  }
  .mypage.top .history {
    width: 100%;
  }
  .mypage.top .history > div {
    width: 100%;
  }
  .mypage.top .history .left,
  .mypage.top .history .right {
    float: none;
  }
  .mypage.top .history .left {
    margin: 5% 0 10%;
  }
  .mypage.top .history .viewArea > p {
    margin: 0 0 0 55%;
    left: 0;
    right: 0;
  }
}
/* //マイページ・トップ */

/* マイページ・現地調査・お見積り履歴// */
dd input[type="button"]:hover {
  cursor: pointer;
}
.main_frame.estimate {
  color: #444444;
  margin: 35px auto 0;
}
.main_frame.estimate .mypage_menu .page_title h2 {
  margin: 0 0 15px;
}
.main_frame.estimate .main_parag p {
  font-size: 14px;
  line-height: 2;
  margin: 0 0 4%;
}
.main_frame.estimate .status .inner {
	background: #F3F3F3;
  margin: 0 0 2%;
  padding: 2%;
}
.main_frame.estimate .status .inner.active {
  background: #D7ECFB;
}
.main_frame.estimate .status .heading {
  border-bottom: 1px solid #FFFFFF;
  margin: 0 0 5px;
  padding: 0 0 10px;
}
.main_frame.estimate .status .heading h3 {
  color: #444444;
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  vertical-align: middle;
  width: 69%;
}
.main_frame.estimate .status .heading .request {
  display: inline-block;
  text-align: right;
  vertical-align: middle;
  width: 30%;
}
.main_frame.estimate .status .heading .request .time {
  margin: 0 0 0 5%;
}
.main_frame.estimate .container dt {
  background: #FBFBFB;
  display: inline-block;
  float: none;
  margin: 0 0 2px;
  padding: 1% 2%;
  vertical-align: middle;
  width: 96px;
}
.main_frame.estimate .container.active dt {
  background: #F2F9FE;
}
.main_frame.estimate .container .es_date dt,
.main_frame.estimate .container .quote dt,
.main_frame.estimate .container .construction dt,
.main_frame.estimate .container .settlement dt {
  padding: 1% 2% 7%;
  vertical-align: top;
}
.main_frame.estimate .container dd {
  display: inline-block;
  float: none;
  margin: 0;
  overflow: hidden;
  vertical-align: middle;
  width: 56%
}
.main_frame.estimate .container .active dd {
  background: #F2F951;
  padding: 0.5% 0.5% 1.5% 0.5%;
}
.main_frame.estimate .container dd .name {
  display: block;
  float: left;
  line-height: 38px;
  width: 50%;
}
.main_frame.estimate .container .es_date dd .name,
.main_frame.estimate .container .quote dd .name,
.main_frame.estimate .container .construction dd .name,
.main_frame.estimate .container .settlement dd .name {
  margin: 0 0 2%;
  width: 100%;
}
.main_frame.estimate .container dd .btn,
.main_frame.estimate .container dd .dlBtn {
  float: right;
}
.main_frame.estimate .container dd .flag {
  background: #2DB200;
  color: #FFF;
  float: left;
  font-size: 14px;
  line-height: 1;
  margin: 3px 0 0;
  padding: 7px 12px 5px;
}
.main_frame.estimate .container dd .flag.off {
  background: transparent;
  color: #444444;
  display: block;
  padding: 8px 0 0;
  text-align: left;
  width: 65%;
}
.main_frame.estimate .container dd input[type="button"] {
  background: #FFF;
  border: 1px solid #bbb;
  display: block;
  padding: 8px 0;
  text-align: center;
  width: 185px;
}
.main_frame.estimate .container dd .btn,
.main_frame.estimate .container dd .dlBtn {
  position: relative;
}
.main_frame.estimate .container dd .btn::before,
.main_frame.estimate .container dd .dlBtn::before {
  content: "";
  border-left: 9px solid #ccc;
  border-right: 9px solid transparent;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.main_frame.estimate .container dd .btn::after,
.main_frame.estimate .container dd .dlBtn::after {
  content: "";
  border-left: 9px solid #FFF;
  border-right: 9px solid transparent;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1px;
  margin: auto;
}
.main_frame.estimate .container .quote dd .btn {
  width: 73%;
}
.main_frame.estimate .container .quote dd .btn .btn.cont {
  width: 45%;
}
.main_frame.estimate .container .quote dd .dlBtn {
  float: left;
  margin: 0 10% 0 0;
}
.main_frame.estimate .container dd .dlBtn a {
  background: #FFF;
  border: 1px solid #bbb;
  color: #444444;
  display: block;
  font-size: 14px;
  line-height: 1;
  padding: 12px 0 10px;
  text-align: center;
  width: 185px;
}
.main_frame.estimate .container .es_date dd,
.main_frame.estimate .container .quote dd,
.main_frame.estimate .container .construction dd,
.main_frame.estimate .container .settlement dd {
  text-align: center;
}
.main_frame.estimate .container .es_date dd .name,
.main_frame.estimate .container .quote dd .name,
.main_frame.estimate .container .construction dd .name,
.main_frame.estimate .container .settlement dd .name {
  float: none;
  line-height: 28px;
  text-align: left;
}
.main_frame.estimate .container .es_date dd .message,
.main_frame.estimate .container .quote dd .message,
.main_frame.estimate .container .construction dd .message,
.main_frame.estimate .container .settlement dd .message {
  float: none;
  line-height: 28px;
  text-align: right;
  margin: 0 0 2%;
  display: block;
}
.main_frame.estimate .container .es_date dd .btn,
.main_frame.estimate .container .quote dd .btn,
.main_frame.estimate .container .construction dd .btn,
.main_frame.estimate .container .settlement dd .btn {
  display: inline-block;
  float: none;
}
.main_frame.estimate .container .es_date dd .btn::before,
.main_frame.estimate .container .quote dd .btn::before,
.main_frame.estimate .container .construction dd .btn::before,
.main_frame.estimate .container .settlement dd .btn::before {
  border-left: 9px solid #FFF;
}
.main_frame.estimate .container .es_date dd .btn::after,
.main_frame.estimate .container .quote dd .btn::after,
.main_frame.estimate .container .construction dd .btn::after,
.main_frame.estimate .container .settlement dd .btn::after {
  border-left: 9px solid #2DB200;
}
.main_frame.estimate .container .es_date dd input[type="button"],
.main_frame.estimate .container .quote dd input[type="button"],
.main_frame.estimate .container .construction dd input[type="button"],
.main_frame.estimate .container .settlement dd input[type="button"],
.main_frame.estimate .container .settlement dd input[type="submit"] {
  background: #2DB200;
  border-color: #2DB200;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  padding: 6px 0;
}

@media screen and (max-width: 768px) {
  input[type="button"] {
     -webkit-appearance: none;
     border-radius: 0;
  }
  .main_frame.estimate .status .heading h3,
  .main_frame.estimate .status .heading .request {
    text-align: left;
    width: 100%;
  }
.main_frame.estimate .container dl {
  margin: 0 0 5%;
}
.main_frame.estimate .container dt {
  display: block;
  padding: 3% 0 2% 3%;
  width: 97%;
}
.main_frame.estimate .container dd,
.main_frame.estimate .container dd .name {
  float: none;
  width: 100%;
}
.main_frame.estimate .container .active dd {
  padding: 0;
}
.main_frame.estimate .container .active dd .name {
  padding: 2% 3%;
}
.main_frame.estimate .container dd .btn,
.main_frame.estimate .container dd .dlBtn {
  display: block;
  float: none;
  margin: auto;
  width: 70%;
}
.main_frame.estimate .container dd .btn {
  margin: 0 auto 3%;
}
.main_frame.estimate .container dd .dlBtn {
  margin: 5% auto 0;
  width: 70%;
}
.main_frame.estimate .container .active dd .dlBtn {
  width: 100%;
}
.main_frame.estimate .container dd .flag {
  display: inline-block;
  float: none;
}
.main_frame.estimate .container dd input[type="button"],
.main_frame.estimate .container dd .dlBtn a {
  width: 100%;
}
.main_frame.estimate .container .es_date dt,
.main_frame.estimate .container .quote dt,
.main_frame.estimate .container .construction dt,
.main_frame.estimate .container .settlement dt {
  padding: 3% 0 2% 3%;
  vertical-align: top;
}
.main_frame.estimate .container .quote dd .btn::before,
.main_frame.estimate .container .quote dd .btn::after {
  content: none;
}
.main_frame.estimate .container .quote dd .btn .btn.cont {
  margin: 5% auto;
  width: 100%;
  position: relative;
}
.main_frame.estimate .container .quote dd .btn .btn.cont::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  border-left: 9px solid #FFF;
  border-right: 9px solid transparent;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  height: 0;
  width: 0;
}
.main_frame.estimate .container .quote dd .btn .btn.cont::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1px;
  border-left: 9px solid #2DB200;
  border-right: 9px solid transparent;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  height: 0;
  width: 0;
}
}

.page-content.single.news {
	line-height: 2;
}
.page-content.single.news a {
	color: #00A3E8;
	text-decoration: underline;
}
.page-content.single.news a:hover {
	text-decoration: none;
}
@media (max-width:768px) {
	.page-content.single.news {
		margin: 5% auto;
		width: 90%;
	}
}

/* //マイページ・現地調査・お見積り履歴 */
/* マイページ・お問合せ履歴// */
.main_frame.contact_ {
  margin: 35px auto 0;
}
.main_frame.contact_ .main_parag p {
  font-size: 14px;
}
.main_frame.contact_ .contact_main {
  border-bottom: 1px dashed #666;
  margin: 2.5% 0;
  overflow: hidden;
  padding: 0 0 2.5%;
  position: relative;
}
.main_frame.contact_ .contact_main.last {
  border-bottom: none;
}
.main_frame.contact_ .contact_main .label {
  background: #3FA8ED;
  color: #FFF;
  line-height: 1.2;
  height: 38px;
  padding: 1% 4% 1% 2%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  vertical-align: middle;
}
.main_frame.contact_ .contact_main .container {
  float: right;
  border: 1px solid #ccc;
  border-radius: 20px;
  margin: 0 0.5% 0 0;
  padding: 2% 3%;
  width: 81%;
}
.main_frame.contact_ .contact_main .container > .date {
  border-bottom: 1px solid #999;
  margin: 0 0 2%;
  padding: 0 0 1%;
}
.main_frame.contact_ .contact_main .container .time {
  margin: 0 0 0 2%;
}
.main_frame.contact_ .contact_main .container > .content {
  line-height: 1.4;
}
.main_frame.contact_ .contact_history .container {
  background: #D6ECFA;
  border: 1px solid #D6ECFA;
  border-radius: 20px;
  margin: 0 0.5% 3% 0;
  padding: 2% 3%;
  width: 81%;
}
.main_frame.contact_ .contact_history .container > .date {
  border-bottom: 1px solid #999;
  margin: 0 0 2%;
  padding: 0 0 1%;
}
.main_frame.contact_ .contact_history .container .time {
  margin: 0 0 0 2%;
}
.main_frame.contact_ .contact_history .container > .content {
  line-height: 1.4;
}
.main_frame.contact_ .scroll {
  min-height: 10px;
  max-height: 485px;
  overflow-y: auto;
　margin-bottom: 20px;
}
.main_frame.contact_ form h3 {
  color: #3FA8ED;
  font-size: 16px;
  margin: 0 0 5px;
}
.main_frame.contact_ form textarea {
  border: 3px solid #3FA8ED;
  box-sizing: border-box;
  height: 170px;
  padding: 1.5%;
  width: 97%;
}
.main_frame.contact_ form .mypage_confirm {
  text-align: center;
}
.main_frame.contact_ form input[type="submit"] {
  background: #3FA8ED;
  border: none;
  color: #FFF;
  cursor: pointer;
  font-size: 17px;
  letter-spacing: 1em;
  margin: 4% auto 0;
  padding: 10px 0;
  text-align: center;
  width: 330px;
}

@media screen and (max-width: 768px) {
  .main_frame.contact_ .main_parag p {
    margin: 5% 0;
    line-height: 1.4;
  }
.main_frame.contact_ .scroll {
  border-bottom: 1px dashed #666;
  margin: 0 0 10%;
  padding: 0 0 5%;
}
.main_frame.contact_ .contact_main {
  margin: 0 0 5%;
  padding: 0 0 5%;
}
.main_frame.contact_ .contact_main .container,
.main_frame.contact_ .contact_history .container {
  padding: 5%;
}
.main_frame.contact_ .contact_main .container > .date,
.main_frame.contact_ .contact_history .container > .date {
  margin: 0 0 7%;
  padding: 0 0 5%;
  text-align: left;
}
.main_frame.contact_ .contact_main .inner {
  text-align: right;
}
.main_frame.contact_ .contact_main .label {
  display: inline-block;
  height: auto;
  margin: 0 8% 0 0;
  position: static;
}
.main_frame.contact_ .contact_main .label p br {
  display: none;
}
.main_frame.contact_ .contact_main .container > .content {
  text-align: left;
}
.main_frame.contact_ form textarea {
  width: 100%;
}
.main_frame.contact_ form input[type="submit"] {
  width: 100%;
}
}
/* //マイページ・お問合せ履歴 */


.ft_shopmain {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.ft_shopmain .logo {
  display: inline-block;
  vertical-align: middle;
  color: #726c6c;
  width: 165px;
}
.ft_shopmain .logo img {
  width: 100%;
}