@charset "utf-8";

/**
 * Swiper 11.2.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 23, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

/* INP / タップ遅延対策 (rm33674)
  viewport が user-scalable=yes のため発生するダブルタップズーム判定の
  待機（約300ms）を、タップ可能要素単位で無効化する。
  touch-action: manipulation はピンチズームは許可するため
  user-scalable=no と異なりアクセシビリティ低下を伴わない。 */
a,
button,
label,
summary,
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="checkbox"],
input[type="radio"],
[role="button"],
[role="tab"],
[role="menuitem"] {
  touch-action: manipulation;
}

/*///////////////////////////////////////////////////////////////

  社内作成スタイル
  旧da.cssから移植

////////////////////////////////////////////////////////////////*/

legend {
  position: static !important;
}
/*==================================================
  CSSスプライト共通設定
==================================================*/
.css_sprite .spr {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  text-indent: -200%;
  overflow: hidden;
  white-space: nowrap;
}
.css_sprite .spr::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
/*=============================================
  検索サジェスト機能
=============================================*/
ul#ui-id-1,
ul#ui-id-2,
ul#ui-id-3,
ul#ui-id-4,
.keyword-search-form ul.ui-autocomplete {
  max-width: 85%;
  max-height: 240px;
  margin: 0;
  padding: 0;
  border-radius: 5px 5px 0 0;
  border: 1px solid #aaa;
  box-shadow: 1px 2px 8px rgba(0,0,0,0.5);
  overflow-y: auto;
}
ul#ui-id-1 li,
ul#ui-id-2 li,
ul#ui-id-3 li,
ul#ui-id-4 li,
.keyword-search-form ul.ui-autocomplete li {
  position: static;
  margin: 0;
  border-radius: 0;
}

ul#ui-id-1 li:first-child,
ul#ui-id-2 li:first-child,
ul#ui-id-3 li:first-child,
ul#ui-id-4 li:first-child,
.keyword-search-form ul.ui-autocomplete li:first-child {/* リストの先頭 */
}
ul#ui-id-1 li:last-child,
ul#ui-id-2 li:last-child,
ul#ui-id-3 li:last-child,
ul#ui-id-4 li:last-child,
.keyword-search-form ul.ui-autocomplete li:last-child {/* リストの最後 */
}

ul#ui-id-1 li a,
ul#ui-id-2 li a,
ul#ui-id-3 li a,
ul#ui-id-4 li a,
.keyword-search-form ul.ui-autocomplete li a {
  margin: 0 !important;
  padding: 12px 8px 10px;
  font-size: 18px;
  border-radius: 0;
  line-height: 1.2;
  border: none;
}
ul#ui-id-1 li:nth-child(even) a,
ul#ui-id-2 li:nth-child(even) a,
ul#ui-id-3 li:nth-child(even) a,
ul#ui-id-4 li:nth-child(even) a,
.keyword-search-form ul.ui-autocomplete li:nth-child(even) a {/* シマしま */
  background: #eee;
}
/* 新バージョン対応 (jQuery UI 1.12+) */
ul#ui-id-1 li .ui-menu-item-wrapper,
ul#ui-id-2 li .ui-menu-item-wrapper,
ul#ui-id-3 li .ui-menu-item-wrapper,
ul#ui-id-4 li .ui-menu-item-wrapper,
.keyword-search-form ul.ui-autocomplete li .ui-menu-item-wrapper {
  display: block;
  text-decoration: none;
}
/* 新バージョンのストライプ対応 (jQuery UI 1.12+) */
ul#ui-id-1 li:nth-child(even) .ui-menu-item-wrapper,
ul#ui-id-2 li:nth-child(even) .ui-menu-item-wrapper,
ul#ui-id-3 li:nth-child(even) .ui-menu-item-wrapper,
ul#ui-id-4 li:nth-child(even) .ui-menu-item-wrapper,
.keyword-search-form ul.ui-autocomplete li:nth-child(even) .ui-menu-item-wrapper,
ul.ui-autocomplete li:nth-child(even) .ui-menu-item-wrapper {
  background: #eee;
}
/* 新バージョンのホバー・フォーカス状態 */
ul.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper:hover,
ul.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active,
ul.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-focus {
  background: #f6f6f6;
  color: #111;
}

/* jQuery UI CSS 非依存化 (rm33674)
  common.js の SuggestAutocomplete が付与する jQuery UI 由来クラスの定義。
  セレクタと値は blitzer テーマ（jQuery UI 1.10.3）と同一（背景のグラデーション画像は単色で代替）。
  common.css は jQuery UI CSS より先に読み込まれるため、併用中は jQuery UI CSS 側が優先され表示は変わらない。 */
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-front {
  z-index: 100;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: 0;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  min-height: 0;
  font-weight: 400;
}
.ui-menu .ui-menu-item a.ui-state-focus {
  font-weight: 400;
  margin: -1px;
}
.ui-widget {
  font-family: Arial, sans-serif;
  font-size: 1.1em;
}
.ui-widget-content {
  border: 1px solid #eee;
  background: #fff;
  color: #333;
}
.ui-widget-content a {
  color: #333;
}
.ui-state-focus,
.ui-widget-content .ui-state-focus {
  border: 1px solid #cdd5da;
  background: #f6f6f6;
  font-weight: bold;
  color: #111;
}
.ui-corner-all {
  border-radius: 6px;
}

/*===============  お知らせ ====================================*/
#info {
  margin: 15px 7px -13px;
  padding: 6px 10px 5px;
  background: #fee;
  font-size: 10px;
  border: 1px  dotted #eaa;
}
#info h3 {
  margin: 0 auto 5px;
  padding-bottom: 6px;
  border-bottom: 1px dotted #eaa;
  font-weight: normal;
  font-size: 13px;
  text-align: center;
  color: red;
  line-height: 1.25 !important;
}
#info p {
  margin: 5px 0;
  font-size: 12px;
  line-height: 1.25;
  text-align: justify;
}

/*== 商品詳細ページ「対応可能オプション」上が線の場合のマージン ==*/
h2.compatible-option {
  margin-top: 15px;
}

/*== 現調見積（同業者注意書き） ==*/
p.the-trade {
  margin: 15px 20px;
  font-size: 13px;
}
p.the-trade span.red {
  color: #F00;
}

/*== OLS大賞受賞記念キャンペーン対象商品バナー ==*/
section.ols-award-area {
  margin: 0 auto 15px;
  text-align: center;
}

/*=======================================================================
  業者の方へメッセージ
=======================================================================*/
dl.caution {
  position:relative;
  margin: 10px 40px 0;
  height: 100px;
}
dl.caution dt {
  position: absolute;
  top: 0;
  left: 150px;
  display: block;
  z-index: 9;
  width: 100px;
  text-align: center;
  font-weight: bold;
  background: #FFF;
}
dl.caution dd {
  z-index: 3;
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  padding: 10px;
  border: 1px solid #DBDBDB;
  border-radius: 5px 5px 5px 5px;
}
.box-1 dl.caution {
  height: 100px;
  margin: 10px 0 0;
}
.box-1 dl.caution dt {
  left: 158px;
  background: #FFFDE1;
}

/*=======================================================================
  OLS大賞受賞ページ
=======================================================================*/
#ols-award .h_2 {
  clear: both;
}
#ols-award h2 img{
  display: block;
  width: 440px;
  height: auto;
  margin: 20px auto;
}
#ols-award .detail {
  float: right;
  width: 295px;
  text-align: center;
  line-height: 2.1;
}
#ols-award p.ttl_award {
  margin-top: 13px;
  font-weight: bold;
  font-size: 21px;
}
#ols-award .img_da {
  margin: 20px 0 15px 20px;
  height: 120px;
  width: auto;
}
#ols-award p.da span.exshop {
  display: block;
  font-weight: bold;
  font-size: 25px;
  color: #f00;
}
#ols-award p.da span.d_a {
  display: block;
  font-size: 18px;
}
#ols-award div.detail + p.others {
  margin: 0 20px 10px;
  padding-top: 15px;
  border-top: 1px dotted #bbb;
}
#ols-award p.others {
  clear: both;
  margin-left: 20px;
  line-height: 1.5;
  font-size: 15px;
}
#ols-award p span.bracket {
  display: block;
  margin-left: -8px;
}
#ols-award p span.name_award {
  font-weight: bold;
}
#ols-award .img_txt {
  display: block;
  float: right;
  margin: 27px 20px 0 20px;
}
#ols-award .bt_back {
  margin-top: 40px;
}

/*=======================================================================
  その他のキャンペーンページ　OLS大賞受賞告知
=======================================================================*/
section#ols-award-wrapper {
  font-size: 16px;
}
section#ols-award-wrapper ul.campaign-item-list {
  overflow: hidden;
}
section#ols-award-wrapper ul.campaign-item-list li {
  float: left;
  margin: 0 9px 10px 0;
  padding-bottom: 0px;
}
section#ols-award-wrapper ul.campaign-item-list li:nth-child(3n) {
  margin-right: 0;
}
section#static-campaign section ul.campaign-item-list {
  margin-top: 0;
}
section#ols-award-wrapper ul.campaign-item-list li img {
  vertical-align: bottom;
}
section#ols-award-wrapper section.cont-node div.cont-body.campaign-item-list-wrapper {
  padding: 10px 10px 0;
}
section#ols-award-wrapper p.campaign-term {
  font-size: 21px;
  font-weight: bold;
}
section#ols-award-wrapper p.target-item {
  margin-bottom: 10px;
}

/*=======================================================================
  カーゲート「Made in JAPAN」追加
=======================================================================*/
.made-in-japan p {
  margin: 10px;
}
.made-in-japan p span.underline {
  color: #F00;
  text-decoration: underline;
}

/*=======================================================================
  対応可能オプション
=======================================================================*/

ul.list-option-1.middle li:nth-child(1) { border-top: 1px solid #b0b0b0; }/* 既存のルールに追加 */
ul.list-option-1.middle li:nth-last-child(1) { border-bottom: none; }/* 既存のルールに追加 */

/*=======================================================================
  CG合成サービス
=======================================================================*/
td.cg-attached img {/* 確認画像の幅指定 */
  width: 200px;
}
td.cg-attached span.makerlogo img {
  width: auto;
}

/*=======================================================================
  オーニング　バナー
=======================================================================*/
ul.aw-feature {
  margin: 0 20px 30px;
  text-align: center;
}
ul.aw-feature li:first-child {
  margin: 0 0 10px;
}
ul.aw-feature li img {
  width: 400px;
  vertical-align: bottom;
}

/* エコdeクールキャンペーン バナー #1213
-----------------------------------------------------*/
article section#cate-menu p.bnr_aw_top_eco_cool {
  margin: 10px 10px 20px;
}

/*=======================================================================
CG合成サービスバナー
=======================================================================*/
section.cg-services {
  margin: 0 auto 15px;
  text-align: center;
}


/*=======================================================================
ECOライフ　追加アイコン
=======================================================================*/
span.maker-logo.markilux { background-image: url(../img/common/maker/img_maker-logo-2_markilux.png);}
span.maker-logo.tenpal { background-image: url(../img/common/maker/img_maker-logo-2_tenpal.png);}
span.maker-logo.ama { background-image: url(/public/img/img_search/maker_logo/ama.png);}


/*=======================================================================
CG合成サービス　写真を選ぶ
=======================================================================*/
h2.ttl-2.ico-camera {
  background: #DFDFDF url(../img/common/ico_camera.png) no-repeat scroll 10px 50%;
  background-size: 20px auto;
  padding-left: 35px;
}
h2.h_2.ico-camera {
  background: #DFDFDF url(../img/common/ico_camera.png) no-repeat scroll 10px 50%;
  background-size: 20px auto;
  margin-top: 0;
  padding-left: 35px;
  padding-right: 80px;
}

/*=======================================================================
カーポートの選び方　ボタン
=======================================================================*/
p.howtochoice a {
  margin: 0.5em auto 1em;
  width: 50%;
}

/*=======================================================================
ul.list-cate-type テラス囲い・サンルーム アイコン
=======================================================================*/
ul.list-cate-type li.tg-type-terrace {  background-image: url(/sp2/public/img/001product/14item_tg/ico_tg_type_terrace.png);}
ul.list-cate-type li.tg-type-sunroom {  background-image: url(/sp2/public/img/001product/14item_tg/ico_tg_type_sunroom.png);}
ul.list-cate-type li.tg-type-half {  background-image: url(/sp2/public/img/001product/14item_tg/ico_tg_type_half.png);}
ul.list-cate-type li.tg-type-open {  background-image: url(/sp2/public/img/001product/14item_tg/ico_tg_type_open.png);}
ul.list-cate-type li.tg-type-snow {  background-image: url(/sp2/public/img/001product/14item_tg/ico_tg_type_snow.png);}

/*========================================================================
  現調依頼フォーム（2013.1追加修正　メールで見積りを受け取る）
========================================================================*/
form.send-mail-estimate-form {
  padding: 0 0 30px;
  background: #F7F7F7;
}
form.send-mail-estimate-form .after-mail-wrapper {
  padding: 0 20px;
}
form.send-mail-estimate-form p:first-child {
    padding: 15px 0;
}
.sendmail-estimate .accordion p:first-child {
    padding: 0 0 15px;
}
.sendmail-estimate .get_mail a.btn-10 {
  color: #00f;
  letter-spacing: -0.14ex;
  padding: 15px 10px;
}
#send-mail-estimate {
    border: 1px solid #CCCCCC;
  background:#FFF;
}
form.send-mail-estimate-form .btn-1 {
  font-size: 15px;
}
form.send-mail-estimate-form a.btn-2 {
  padding: 15px 20px;
  font-size: 20px;
  line-height: 23px;
}
form.send-mail-estimate-form a.btn-2[class*="ico-pr-"][class*="-r"] {
  margin: 20px 0 10px;
}
form.send-mail-estimate-form a.left[class*="btn-"][class*="ico-pl-"] {
    padding-right: 1px;
}
form.send-mail-estimate-form dl {
  margin: 0 0 10px;
}
form.send-mail-estimate-form dt {
  text-align: center;
  color:#039;
}
form.send-mail-estimate-form a.btn-4 {
    color: #009944;
    font-weight: bold;
  text-align: center;
}
form.send-mail-estimate-form a[class^="btn-"][class*="ico-pl-"]:before {
}
form.send-mail-estimate-form .gentyo-irai-mail .jqv_alert {
    background: url(../img/common/ico_attention.png) no-repeat 0 5px;
  font-size: 12px;
}
form.send-mail-estimate-form  .cont-body p {
  padding: 0 0 20px;
}

/*===============  ロング柱23無料アップグレードキャンペーンページ ========================*/
#long23_freeupgrade .outline {
  padding: 0 10px;
}
#long23_freeupgrade h2.ttl-1 {
  font-size: 14px;
}
#long23_freeupgrade h2,
#long23_freeupgrade p {
  font-size: 16px;
}
#long23_freeupgrade p.description {
  margin: 20px 0;
}
#long23_freeupgrade h2.title {
  text-align: center;
  margin: 20px 0;
}
#long23_freeupgrade p.campaign-term {
  font-size: 18px;
  font-weight: bold;
}
#long23_freeupgrade h2.target-item {
  color: #007ac3;
}
#long23_freeupgrade p.notice {
  color: #0000ff;
  font-weight: bold;
  margin: 20px 0;
}
section.long23_freeupgrade {
  margin: 0 auto 15px;
  text-align: center;
}

/*===============  物干し 取り付け工事費無料キャンペーンページ ========================*/
#monohoshi_constfree .outline {
  padding: 0 10px;
}

#monohoshi_constfree h2,
#monohoshi_constfree p {
  font-size: 16px;
}

#monohoshi_constfree p.description {
  margin: 20px 0;
}

#monohoshi_constfree h2.title {
  text-align: center;
  margin: 20px 0;
}

#monohoshi_constfree p.campaign-term {
  font-size: 18px;
  font-weight: bold;
}

#monohoshi_constfree h2.target-item {
  color: #007ac3;
}

#monohoshi_constfree p.notice {
  color: #0000ff;
  font-weight: bold;
  margin: 20px 0;
}

section.monohoshi_constfree {
  margin: 0 auto 15px;
  text-align: center;
}

/* プラマード　角丸リスト（JSでリストを切り替えた時の角丸が出ない不具合に対応）
------------------------------------------------------------------------------------------------------------*/
ul.list-radio-1.plamadou-glass-list {
  border-top: 1px solid #b0b0b0;
  border-right: 1px solid #b0b0b0;
  border-bottom: none;
  border-left: 1px solid #b0b0b0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
ul.list-radio-1.plamadou-glass-list li {
  border-right: none;
  border-bottom: 1px solid #b0b0b0;
  border-left: none;
}
ul.list-radio-1.plamadou-glass-list li:first-child {
  border-top: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0 ;
}
ul.list-radio-1.plamadou-glass-list li:last-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
ul.list-radio-1.plamadou-glass-list li:only-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

/* 内窓　窓サイズ入力欄のアラート
------------------------------------*/
.um-windowsize-alert {
  margin: 10px 0 0;
  color: #F00;
}


/* ソムフィキット　製品保証について
------------------------------------*/
ol#somfy-guarantee-list li {
  list-style-type: none;
  margin-left: 1.5em;
}

ol#somfy-guarantee-list li span {
  padding-right: 7px;
  font-size: 16px;
}

/* メール受信/メールフォームページ内リンク renew
------------------------------------*/
.mail-reception-link a,
.mail-reception-link02 a {
  display: inline-block;
  height: 42px;
  padding-left: 52px;
  background: url("/sp2/public/img/common/icon_mail_circle-brilliantsapphireblue.svg") left center no-repeat;
  background-size: 42px auto;
  color: #0034ca;
  font-size: 20px;
  text-decoration: none;
  line-height: 42px;
}
.mail-reception-link02 {/* 見積もり結果ページ用 */
  padding: 15px 20px 20px 0;
  text-align: right;
  font-size: 16px;
}

/*====================================
お申し込みフォーム
public_item_order_regist_input
public_item_order_regist_confirm
====================================*/
fieldset input[type="text"],fieldset input[type="tel"],fieldset input[type="email"] {
  height: 45px;
  font-size: 20px;
}

fieldset input.input-city {
  margin-bottom: 20px;
}

p.select-calendar {
  margin-top: 0;
  margin-bottom: 0 !important;
}

p.select-calendar .btn-4 {
  padding: 20px 40px 20px 10px;
}

#appoint ul.list-radio-1 li label,
#item_order_regist_confirm ul.list-radio-1 li label,
#etc-info ul.list-radio-1 li label {
  padding: 15px;
}

#customer-info a[class*="btn-"],
fieldset#appoint a[class*="btn-"],
fieldset#etc-info a[class*="btn-"],
#set-btn a[class*="btn-"],
#item_order_regist_confirm a[class*="btn-"],
#item_order_regist_confirm div[id*="set-btn"] a.btn-1.ico-pl-arrow-l {
  font-size: 20px;
  font-weight: bold;
  margin-top: 20px;
  padding: 20px
}

p.select-calendar .btn-4 {
  font-size: 18px;
}

#customer-info label.selectbox,
#appoint label.selectbox {
  height: 45px;
  font-size: 20px;
}

#etc-info textarea {
  font-size: 20px;
}

#customer-info #jqv_tel1_1.tel-appearance {
  font-size: 20px;
}


/*#customer-info h2.ttl-2,
fieldset#appoint h2.ttl-2,
fieldset#etc-info h2.ttl-2,
#customer-info legend.ttl-2,
fieldset#appoint legend.ttl-2,
fieldset#etc-info legend.ttl-2 {
  font-size: 18px;
  height: auto;
  line-height: 1.6;
  padding-right: 10px;
}*/

#customer-info h2.ttl-2 span,
fieldset#appoint h2.ttl-2 span,
fieldset#etc-info h2.ttl-2 span {
  font-size: 18px;
  line-height: 20px;
}

/*#customer-info h2.ttl-2,
fieldset#appoint h2.ttl-2,
fieldset#etc-info h2.ttl-2,
#customer-info legend.ttl-1,
fieldset#appoint legend.ttl-1,
fieldset#etc-info legend.ttl-1 {
  font-size: 16px; renew
  height: auto;
  line-height: 1.6;
}*/

/*
#customer-info h2.ttl-3,
fieldset#appoint h2.ttl-3,
fieldset#etc-info h2.ttl-3 {
  font-size: 18px;
  height: auto;
  line-height: 1.6;
}

#tel-guidance p {
  font-size: 18px;
}

#tel-guidance a[class*="btn-"] {
  line-height: 1.6;
}

*/

#tel-guidance .btn-4,
#MAIL_FORM #set-btn .btn-4 {
  font-size: 16px;
  font-weight: normal;
  padding: 10px;
}

fieldset#etc-info ul[class^="list-radio"] li label input[type="checkbox"] + span {
  font-size: 18px;
}

fieldset#appoint p {
  font-size: 18px;
}

#customer-info a.zip-auto-input {
  margin-top: 0;
  padding: 20px 10px;
  padding-right: 30px;
  padding-left: 10px;
  display: inline-block;
}

#customer-info .settibasyo-zip {
  padding: 0;
}

#customer-info .settibasyo-zip a.zip-auto-input {
  padding: 20px 10px 20px;
}
#customer-info #settibasyo .settibasyo-zip a.zip-auto-input {
  width: 142px;
  padding: 20px 10px;
  font-size: 18px;
  line-height: 18px;
}
#customer-info input.zip1,
#customer-info input.zip3 {
  width: 4em;
  vertical-align: middle;
}

#customer-info input.zip2,
#customer-info input.zip4 {
  width: 4.5em;
  vertical-align: middle;
}

#customer-info div.jqv_invalid p.jqv_alert {
  font-size: 18px;
}
#customer-info .zip input {
  /*height: 45px;*/
  padding: 10px 8px;
  line-height: 1.2;
}

/*
特定商取引に関する法律に基づく表示
2013/03/22 update

------------------------------------*/
#tmp ul.no-disc li {
  list-style-type: none;
}

#tmp ul.no-disc {
  margin-left: 0;
}


/*

スクリーンカラー　彩風CR型ロールスクリーン
2013/03/27 update

------------------------------------*/
h1.regular-order {
  position: relative;
  height: 20px;
}

h1.regular-order span.regular-made {
  position: absolute;
  top: 0;
  left: 11px;
}

h1.regular-order span.order-made {
  position: absolute;
  top: 0;
  left: 164px;
}

/* 物置詳細ページへのバナー
   2013/05/16 update
------------------------------------*/
#mo_detail_banner {
  border-top: 1px solid #AAAAAA;
  padding: 20px 0;
  text-align: center;
}

/* 現調依頼フォーム
　他の商品を追加選択するselect
  2013/05/27 update
------------------------------------*/
hr.separate {
 margin:30px 20px 0;
 background-color: #b0b0b0;
 height: 1px;
 border: none;
}
.other_item_request {
  margin: 30px 0;
  padding: 0 20px 0;
}
.other_item_request .cate_list {
  margin: 0;
  padding: 15px 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #ffe5e5;
}
.other_item_request .cate_list select {
  opacity: 0;
  height: 45px;
  font-size: 20px;
}
.other_item_request .cate_list select option {
  text-align: center;
  padding: 5px 0;
}
.other_item_request .cate_list .customer-input-block {
  padding: 0;
}
.other_item_request .cate_list p.lead {
  margin-bottom: 15px;
}
.other_item_request span#label_cate {
  text-align: center;
}

/* 利用規約ページ
   2013/06/17 update
------------------------------------*/
#tmp.rules ul li,
#tmp.rules ol li {
  list-style: none !important;
}
#tmp.rules ol {
  margin-left: 0;
}
#tmp.rules ol li {
  text-indent: -1em;
  margin-left: 1em;
}
#tmp.rules ol li ol li{
  text-indent: 0;
  margin-left: 0;
}
#tmp.rules ol li ol li table {
  border-collapse: collapse;
}
/* カーブポートシグマⅢシリーズ
  最安値宣言！！バナー
------------------------------------*/
.campaign_cp_sigma {
  position: relative;
  margin-bottom: 20px;
  padding: 0 10px;
}
.campaign_cp_sigma a {
  color: #000;
  text-decoration: none;
}
.campaign_cp_sigma span.const_example {
  position: absolute;
  bottom: 6px;
  left: 20px;
  font-size: 13px;
}
.campaign_cp_sigma a span.const_example strong {
  font-weight: bold;
  color: #f00;
}
.campaign_cp_sigma a span.const_example strong span.num {
  padding-left: 6px;
  font-size: 18px;
}

/* 梅雨の季節も快適に。バナー
------------------------------------*/
.campaign_rainy_season {
  text-align:center;
  padding: 0 0 10px;
}

@media screen and (max-device-width: 480px) {/* iPhone用カウンター表示 */
  .campaign_cp_sigma span.const_example {
    left: 15px;
    font-size: 9px;
    letter-spacing: -0.2ex;
  }
  .campaign_cp_sigma a span.const_example strong {
    letter-spacing: 0;
  }
  .campaign_cp_sigma a span.const_example strong span.num {
    font-size: 16px;
    letter-spacing: 0;
  }
}
@media screen and (max-device-width: 960px) {/* iPhone用カウンター表示_landscape */
  .campaign_cp_sigma span.const_example {
    font-size: 12px;
  }
  .campaign_cp_sigma a span.const_example strong span.num {
    font-size: 18px;
  }
}

/* ===================================================
  仕様変更時　規格外の警告表示
=================================================== */
#non_standard_alert,
#non_option_alert {
  display: none;
  position: relative;
  margin: 0 10px 20px;
  padding: 10px;
  border: 2px solid #FF6D6D;
  background: #fff6f1;
  color: #000;
  line-height: 1.5;
  border-radius: 3px;
  text-align: center;
}
#non_standard_alert p,
#non_option_alert p {
  display: inline-block;
  margin: 0 auto;
  padding-left: 30px;
  background: url("/public/img/global/icon_alert.png") no-repeat 0 50%;
}

/*  キャッシュバックキャンペーン　選択不可メッセージ
    （※支払方法がカード決済の際に表示）
----------------------------------------------*/
.msg_attention {
  display: none;
  position: relative;
  margin: 20px auto 20px;
  padding: 7px;
  padding-left: 40px;
  border-radius: 3px;
  border: 2px solid #FF6D6D;
  background: #fff6f1 url("/public/img/global/icon_alert.png") no-repeat 10px 50%;
}

/* ===================================================
  リアルタイム見積もり金額表示（商品詳細画面）
 =================================================== */
dl#price-window {
  position: fixed;
  z-index: 999;
  display: table;
  width: 480px;
  height: auto;
  margin-bottom: 14px;
  padding: 0;
  border-bottom: 1px solid #baa;
  border-radius: 0 0 6px 6px;
  background: #fee;
  text-align: center;
  vertical-align: middle;
  font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

/* -----------------------------------------------------------------
現在のお見積り額
------------------------------------------------------------------*/
dl#price-window dt {
  display: table-cell;
  width: 50%;
  height: 50px !important;
  margin: 0;
  padding: 0;
  text-align: right;
  vertical-align: middle;
}
dl#price-window dt span {
  display: inline-block;
  padding: 4px 10px;
  background: #d88;
  color: white;
  border-radius: 10px;
  font-weight: bold;
  letter-spacing: -0.1ex;
  vertical-align: middle;
}

/* 金額
----------------------------------------------------------------------------*/
dl#price-window dd {
  display: table-cell;
  width: 50%;
  height: 50px !important;
  margin: 0;
  padding-left: 10px;
  text-align: left;
  vertical-align: middle;
}
dl#price-window dd span#estimate_result {/* 価格 */
  font-size: 32px;
  font-weight: bold;
  font-family: helvetica, sans-serif;
  color: #f00;
}
dl#price-window dd span#txt_yen {/* 円 */
  margin-left: 2px;
  color: #333;
}

/* ソート機能追加
　2013/08/09
----------------------------------------------------------------------------*/
#switch_display_list {
  padding: 18px 18px 20px 20px;
  border-bottom: 1px solid #c1c1c1;
}
#switch_display_list .clearfix {
  overflow: hidden;
  padding-top: 3px;
}
#switch_display_list span.title {
  margin-top: 10px;
  float: left;
  font-size: 16px;
  color: #808080;
}
#switch_display_list .form_element {
  float:right;
  width: 350px;
}
#switch_display_list .form_element label.selectbox.btn-4.white {
  border: 1px solid #ccc;
  background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C */
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  border-radius: 17px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  text-align: center;
}
#switch_display_list .form_element label.selectbox.btn-4.white select + span {
  font-weight: bold;
}
#switch_display_list .form_element label.select-box.btn-4.white {
  width: auto;
  height: 40px;
  margin: 0;
  padding: 0 10px;
  border: 1px solid #ccc;
  background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C */
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  border-radius: 17px;
  font-size: 16px;
}
#switch_display_list .form_element label.select-box.btn-4.white::after {
  content: "";
  float: right;
  display: block;
  width: 18px;
  height: 18px;
  margin-top: 10px;
  margin-left: 5px;
  background-color: #949494;
  background-image: url(../img/common/ico-set_18_white.png);
  background-repeat: no-repeat;
  background-position: -216px 50%;
  border-radius: 9px;
  vertical-align: middle;
  transform: scale(1);
}
#switch_display_list .form_element label.select-box.btn-4.white select {
  background: transparent;
  font-weight: bold;
}
#switch_display_list .switch_count {
  margin: 0 10px;
}
#switch_display_list .switch_order {
  margin: 10px;
}
#switch_display_list .switch_appearance {
  margin: 0 10px;
}
#switch_display_list .sort_btn {
  margin-top: 10px;
  text-align: right;
}
#switch_display_list .sort_btn a {
  display: inline-block;
  border:1px solid #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 10px 45px;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
  font-weight:bold;
  text-align: center;
  color: #FFFFFF;
  background: #434343;
  background: -moz-linear-gradient(top,  #434343 0%, #2d2d2d 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434343), color-stop(100%,#2d2d2d)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #434343 0%,#2d2d2d 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #434343 0%,#2d2d2d 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom,  #434343 0%,#2d2d2d 100%); /* W3C */
  text-decoration: none;
  box-shadow: 1px 1px 1px 0px rgba(255, 255, 255, 0.5) inset;
  font-size: 16px;
}
#switch_display_list .form_element span a.btn-4.white {
  border: 1px solid #ccc;
  background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C */
  text-align: center;
  font-weight: bold;
  width: 152px;
}
#switch_display_list .form_element span a.btn-4.blue {
  border: 1px solid #2373a5;
  background: -moz-linear-gradient(top,  #5595c6 0%, #6eabd5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5595c6), color-stop(100%,#6eabd5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #5595c6 0%,#6eabd5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #5595c6 0%,#6eabd5 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom,  #5595c6 0%,#6eabd5 100%); /* W3C */
  text-align: center;
  font-weight: bold;
  width: 152px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 1px 0px rgba(255, 255, 255, 0.5) inset;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
#switch_display_list .form_element span.list a.btn-4 {
  border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
}
#switch_display_list .form_element span.image a.btn-4 {
  border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
}
#switch_display_list .form_element span.list,
#switch_display_list .form_element span.image {
  float: left;
}
#switch_display_list .link {
  margin-top: 18px;
  text-align: right;
  font-size: 18px;
}

/* サンキン物置 製品サイズ/棚板取付例画像 20130823
--------------------------------------------------------------------------------------*/
p#img_mo_size_shelfboard {
  border-bottom: 1px solid #b0b0b0;
}
p#img_mo_size_shelfboard img {
  vertical-align: bottom;
}
p#img_mo_size_shelfboard img.img_size_sb_pc {
  display: none;
}

/* 検索結果の見出し renew
--------------------------------------------------------------------------------------*/
.what_search_result {
  padding: 6px 10px;
  border-bottom: 1px solid #c1c1c1;
  background-color: #eee;
  font-size: 16px;
  font-weight: bold;
}
#switch_display_list .what_search_result {
  position: relative;
  top: 10px;
  left: -10px;
  padding: 10px 0 0 0;
  border-bottom: none;
}

/* マルキルックスの生地キャンバス_オーニング 20130829
--------------------------------------------------------------------------------------*/
#static_option_canvas.markilux .wrapper {
  padding-bottom: 10px;
}
#static_option_canvas.markilux .wrapper h1 {
  font-size: 18px;
  font-weight: normal;
}
#static_option_canvas.markilux .wrapper p.pic_canvas {
  padding: 10px 10px 0;
}
#static_option_canvas.markilux .wrapper p span {
  font-size: 16px;
}
#static_option_canvas.markilux .wrapper p.annotation {
  clear: both;
}
#static_option_canvas.markilux .wrapper .img-row-5.p-10 {
  padding-bottom: 0 !important;
}
#static_option_canvas.markilux .wrapper .img-row-3.p-10 {
  padding-bottom: 0 !important;
}
#static_option_canvas.markilux .wrapper .img-row-3 li {
  margin-bottom: 10px;
}
#static_option_canvas.markilux .wrapper .img-row-3 li img {
  vertical-align: bottom;
}

/* ------------------------------------------------------
  商品一覧CSS表示切替バージョン 2017
  初期型デザインUI
------------------------------------------------------ */
#switch_display_list.switch_css .switch_count {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0 10px;
}
#switch_display_list.switch_css .switch_count label {
  display: block;
  position: relative;
}
#switch_display_list.switch_css .switch_count label::after {
  content: '';
  position: absolute;
  bottom: 2px;
  right: 0;
  left: 0;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: auto;
  background: #fff url(../img/common/icon_next.svg) no-repeat center bottom;
  -webkit-background-size: contain;
  background-size: contain;
  transform: rotate(90deg);
}

#switch_display_list.switch_css .switch_order {
  margin: 10px;
}
#switch_display_list.switch_css .switch_appearance {
  margin: 0 10px;
}
#switch_display_list.switch_css .sort_btn {
  margin-top: 10px;
  text-align: right;
}

/* ===========================================================
  ロールアップ・ウインドウ(JS制御でページ下から表示)
===========================================================*/
.rollupwin {
  display: none;
  z-index: 9999;
  width: 100%;
  background: #f5f5f5;
  /*transform: translate(0px, 230.5px);*/
}
.rollupwin section.close_btn {/* 閉じるボタン */
  margin: 15px 0 5px;
}

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

  DIY応援キャッシュバックキャンペーン 2013/10/16
  /public/static/flow-order-diy.html

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

/* 共通
--------------------------------------*/
#static-flow-diy {
  font-size: 16px;
}
#static-flow-diy img {
  vertical-align: bottom;
}
#static-flow-diy section .wrap {
  padding: 20px 10px 30px;
}
#static-flow-diy .wrap h2 {
  margin-bottom: 7px;
  font-size: 18px;
  font-weight: bold;
  color: #007ac3;
}
#static-flow-diy .wrap h2:nth-of-type(n+2) {
  margin-top: 30px;
}
#static-flow-diy em {
  font-weight: bold;
}
#static-flow-diy span.red {
  color: #f00;
}
/* 上部
------------------------------------------------------------------------*/
#static-flow-diy .flow_diy_header {
  padding: 18px 10px 30px;
  border-bottom: 1px solid #b0b0b0;
}
#static-flow-diy .flow_diy_header p.heading {
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: bold;
  color: #007ac3;
}
#static-flow-diy .flow_diy_header p.diy_info {
  margin-bottom: 20px;
}
#static-flow-diy .flow_diy_header .period {
  margin-bottom: 20px;
}
#static-flow-diy .flow_diy_header .period p.title {
  color: #007ac3;
}
#static-flow-diy .flow_diy_header p.link {
  text-align: right;
}
/* ご購入の流れ
------------------------------------------------------------------------*/
#static-flow-diy #flow_purchase {
  border-bottom: 1px solid #b0b0b0;
}
#static-flow-diy #flow_purchase p.appeal {
  margin-top: 14px;
  margin-bottom: 5px;
}
#static-flow-diy #flow_purchase .txt_img {
  overflow: hidden;/* clearfix */
}
#static-flow-diy #flow_purchase .txt_img p.txt {
  float: left;
  width: 304px;
  padding: 0;
  font-size: 16px;
}
#static-flow-diy #flow_purchase .txt_img p.img {
  float: right;
}
#static-flow-diy #flow_purchase .notice {
  margin-top: 20px;
  padding: 13px 15px;
  font-size: 12px;
  border: 1px solid #999;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
/* 「商品のみのご購入」に適用いただけるキャンペーン
------------------------------------------------------------------------*/
#static-flow-diy #only_item_purchase {
  border-bottom: 1px solid #b0b0b0;
}
#static-flow-diy #only_item_purchase p:nth-of-type(1),
#static-flow-diy #only_item_purchase p:nth-of-type(2) {
  margin-bottom: 20px;
}

/* YKKAPカーポートシリーズページへのリンク
------------------------------------------------------------------------*/
section#product-detail div.description #ykkap_cp_series_link {
  display: block;
  margin: 10px 0 0 5px;
  color: #0067CA;
  text-align: left;
}

/* リウッドデッキ詳細ページページへのリンク
------------------------------------------------------------------------*/
section#product-detail div.description #rewood_link {
  display: block;
  margin: 10px 0 0 5px;
  color: #0067CA;
}

/* 物置見積り設定ページに、解説表示ボタンを設置　#188
------------------------------------------------------------------------*/
h2.ttl-2 span.detail_link,
.change-content-notes-wrapper {
  overflow: hidden; /* clearfix */
  width: 100%;
}
h2.ttl-2 span.detail_link a.include_mo_display,
.change-content-notes-wrapper span.detail_link a.include_mo_display,
fieldset#p_C legend.ttl-2 span.detail_link a.include_mo_display,
fieldset#ct1 legend.ttl-2 span.detail_link a.include_mo_display,
fieldset#ct2 legend.ttl-2 span.detail_link a.include_mo_display {
  float: right;
  position: relative;
  right: 10px;
  padding-left: 19px;
  background: url("/sp2/public/img/common/ico_item_contact.png") left center no-repeat;
}
fieldset#p_C legend.ttl-2 span.detail_link a.include_mo_display,
fieldset#ct1 legend.ttl-2 span.detail_link a.include_mo_display,
fieldset#ct2 legend.ttl-2 span.detail_link a.include_mo_display {
  right: 20px;
}
a.btn-folding.ico-pl-folding.include_mo_hide::before {
  background-color: #989898;
  background-position: -37px 0;
}

/* テラス囲いコンテンツ(PM2.5対策) #764
------------------------------------------------------------------------*/
p.bnr_anti_air_pollution {
  width: 360px;
  margin: 0 auto 14px;
}
p.bnr_anti_air_pollution img {
  vertical-align: bottom;
}

/* イナバ物置の組み立て方ページのリンク #735
------------------------------------------------------------------------*/
section#product-detail div.description #inaba_mo_diy_link {
  display: block;
  margin: 10px 0 0 5px;
  color: #0067CA;
}

/* タクボ物置 クオカードプレゼントキャンペーン バナー #1202
------------------------------------------------------------------------*/
article section#cate-menu p.mo_top_takubo_quocard {
  margin: 10px 10px 20px;
}
section#product-detail section.campaign-area p.mo_detail_takubo_quocard {
  margin: 10px 0;
}

/* エコdeクールキャンペーン バナー #1213
------------------------------------------------------------------------*/
article section#cate-menu p.bnr_aw_top_eco_cool {
  margin: 10px 10px 20px;
}
section#product-detail section.campaign-area ul.aw-feature li.bnr_aw_detail_eco_cool {
  margin: 10px 0;
}

/* EX物干しオプション積算機能追加(TR・BR) #1344
------------------------------------------------------------------------*/
section[id*="option-change"] fieldset div.row-2a.wrapper div.option_details {
  float: left;
  width: 170px;
  text-align: center;
}
section[id*="option-change"] fieldset div.row-2a.wrapper div.option_details img.col-1 {
  float: none;
  width: auto;
}
section[id*="option-change"] fieldset div.row-2a.wrapper div.option_details p.option_ttl {
  margin-bottom: 0;
  font-weight: bold;
}
section[id*="option-change"] fieldset div.row-2a.wrapper div.option_details p.option_description {
  margin-bottom: 0;
  text-align: left;
  font-size: 13px;
}
section[id*="option-change"] fieldset div.row-2a.wrapper div.option_details span.exp_opt {/* 注釈 */
  text-align: left;
}


/*　ウッドデッキオプション積算用の新規クラス　*/
p.option_confirmation {
  font-size: 18px;
}
ul.list-radio.none {/* 設置しないラジオボタン */
  float: right;
  font-weight: bold;
}
ul.list-radio-img-1.wd li,
ul.list-radio-img-1.wd li:nth-child(3n) {
  padding-right: 4px;
}
.row-2a.wrapper.fence {
  /*position: relative;*/
}
div#fence_option_message {
  /*position: absolute;*/
  padding: 15px;
  border: 1px dotted #faa;
  background: #fffafa;
  color: #f00;
}
div#fence_option_message p {
  margin-bottom: 0;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
}

/* renew by asai */
.bx-wrapper {
  margin: 25px auto 40px !important;
}
/* ====================================================
  コンテンツ末のお問い合わせボックス
====================================================*/
.contactReception {
  margin: 30px 10px 40px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: url("/sp2/public/img/global/contact/pic_operator.png?20180320") right bottom no-repeat;
}
.contactReception_hd {
  height: 46px;
  margin-bottom: 10px;
  border-radius: 2px;
  background-color: #d00000;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 46px;
}
.contactReception_holder,
.contactReception_holder-bottom {
  padding-left: 24px;
}
.contactReception_lead {
  margin-bottom: 10px;
}
.contactReception_mail {
  margin-bottom: 15px;
}
.contactReception_mail a {
  display: inline-block;
  height: 47px;
  padding: 0 25px 0 54px;
  border: 1px solid #89a4d7;
  border-radius: 6px;
  background-color: #f8faff;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
  color: #0c4abb;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  line-height: 47px;
}
.contactReception_mail a::before {
  bottom: 0;
  right: auto;
  left: 17px;
  width: 27px;
  height: 26px;
  margin: auto;
  background-position: -211px -27px;
  transform: scale(1.11);
}
.contactReception_hdTel {
  color: #058600;
  font-size: 17px;
  letter-spacing: 0.05ex;
}
.contactReception_tel {
  margin-bottom: 5px;
}
.contactReception_tel a {
  padding-left: 41px;
  color: #2e9e2a;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 37px;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 0.02ex;
  line-height: 1;
}
.contactReception_tel a::before {
  bottom: 0;
  right: auto;
  left: 0;
  width: 30px;
  height: 20px;
  margin: auto;
  background-position: 0 -109px;
  transform: scale(1.066);
}
.contactReception_time {
  margin-bottom: 13px;
  font-size: 14px;
  text-indent: -0.7em;
  line-height: 1;
}
/*--------------------------------
  事前予約
--------------------------------*/
.contactReception_callreserve {
  margin-bottom: 18px;
}
.contactReception_callreserve a {
  display: inline-block;
  height: 32px;
  padding: 0 31px 0 32px;
  border: 1px solid #12a73b;
  border-radius: 3px;
  background-color: #fff;
  font-size: 18px;
  font-weight: bold;
  color: #12a73b;
  text-decoration: none;
  line-height: 32px;
}
.contactReception_callreserve a::before {
  bottom: 0;
  right: auto;
  left: 8px;
  width: 17px;
  height: 17px;
  margin: auto 0;
  background-position: -120px -109px;
  transform: scale(1);
}
.contactReception_callreserve a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4px;
  width: 14px;
  height: 23px;
  margin: auto 0;
  background: url("/sp2/public/img/common/sprite_icon.svg?20211022") no-repeat;
  background-position: -138px 0;
  transform: scale(0.5);
}
/* ====================================================
  エクスショップに関するお問い合わせ・ご質問
====================================================*/
.footer-inq-exshop_ttl {
  height: 40px;
  background-color: #c40000;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
}
.footer-inq-exshop_body {
  padding-bottom: 27px;
  background-color: #fffbeb;
}
.footer-inq-exshop_txt {
  position: relative;
  margin-right: 142px;
  padding: 20px 0 20px 50px;
  font-size: 19px;
  text-align: justify;
  line-height: 1.7;
}
.footer-inq-exshop_txt::after {
  content: "";
  position: absolute;
  top: 18px;
  right: -116px;
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: url("/sp2/public/img/common/icon_operator_lightazure.svg") 16px 12px no-repeat #fff;
  background-size: 66px auto;
  transform: rotate(-13deg);
}
.footer-inq-exshop_em {
  color: #1a75f4;
  font-weight: bold;
}
.footer-inq-exshop_btn {
  text-align: center;
}
.footer-inq-exshop_btn a {
  display: inline-block;
  height: 69px;
  padding: 0 24px;
  border-radius: 7px;
  background-color: #1a75f4;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  text-decoration: none;
  line-height: 69px;
}
/* ====================================================

  エクスショップが選ばれる理由

====================================================*/
#appeal_area {
  margin: 45px 0 48px;
}
#appeal_area p {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url("/sp2/public/img/global/main/appeal_area/sprite_appeal.webp?2026061501") 0px 0px no-repeat;
}
#appeal_area .appeal_area_head {
  float: left;
  width: 350px;
  margin: 2px 0 0 10px;
}

#appeal_area .appeal_area_head p.h_appeal_area_head {
  width: 350px;
  height: 29px;
  padding-bottom: 6px;
  border-bottom: 1px solid #ddd;
}
#appeal_area .appeal_area_head p.txt_appeal_area_head {
  width: 350px;
  height: 27px;
  margin-top: 6px;
  background-position: 0px -40px;
}
#appeal_area p.appeal_area_sale01 {
  float: right;
  width: 107px;
  height: 77px;
  margin-right: 7px;
  background-position: -363px 0px;
}
#appeal_area ul.appeal_area_list {
  clear: both;
  padding-top: 3px;
}
#appeal_area ul.appeal_area_list li {
  float: left;
  margin-bottom: 4px;
  padding: 0 0 5px;
  border-bottom: 1px solid #ddd;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  background: url("/sp2/public/img/global/main/appeal_area/sprite_appeal.webp?2026052500") 0px 0px no-repeat;
}
#appeal_area ul.appeal_area_list li.appeal_discount {
  width: 149px;
  height: 117px;
  margin-left: 8px;
  background-position: 0px -79px;
}
#appeal_area ul.appeal_area_list li.appeal_free {
  width: 164px;
  height: 117px;
  background-position: -149px -79px;
}
#appeal_area ul.appeal_area_list li.appeal_partner {
  width: 151px;
  height: 117px;
  margin-right: 8px;
  background-position: -313px -79px;
}
#appeal_area ul.appeal_area_list li.appeal_item {
  width: 116px;
  height: 95px;
  margin-left: 5px;
  background-position: 0px -207px;
}
#appeal_area ul.appeal_area_list li.appeal_voice {
  width: 120px;
  height: 95px;
  background-position: -116px -207px;
}
#appeal_area ul.appeal_area_list li.appeal_guarantee {
  width: 119px;
  height: 95px;
  background-position: -236px -207px;
}
#appeal_area ul.appeal_area_list li.appeal_security {
  width: 116px;
  height: 95px;
  background-position: -355px -207px;
  position: relative;
}
#appeal_area ul.appeal_area_list li.appeal_security a {
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 10px;
}

/*///////////////////////////////////////////////
  YUI 3.6.0 (build 5521)
  Copyright 2012 Yahoo! Inc. All rights reserved.
  Licensed under the BSD License.
  http://yuilibrary.com/license/
//////////////////////////////////////////////*/
html { color: #333; background: #fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
  margin:0;
  padding:0;
}
table { border-spacing: 0;}
fieldset,img { border: 0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0; font-variant:normal;}
sup { vertical-align:text-top;}
sub { vertical-align:text-bottom;}
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit;}
input,textarea,select {
  width:100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/*////////////////////////////////////////////////////////
  YUI 3.6.0 (build 5521)
  Copyright 2012 Yahoo! Inc. All rights reserved.ico_cate_
  Licensed under the BSD License.
  http://yuilibrary.com/license/
///////////////////////////////////////////////////////*/
body { font: 13px/1.231;/* renew */}
select,input,button,textarea { font: 99%;}
table { font-size: inherit; font: 100%;}
pre,code,kbd,samp,tt { font-family: monospace; line-height: 100%;}

/* JSデバッグ表示
a#JsDebug:before {
  content:"debug on";
  display: block;
  z-index: 99999;
  opacity:0.75;
  -moz-opacity: 0.75;
  filter: alpha(opacity=75);
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border: 2px solid #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #000;
  color: #FFF;
  font-size: 10px;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
}*/

/*===============================================================================
  ■ ベーシック設定
===============================================================================*/
body {
  background: #CCC;
  color: #000;
  font-size: 14px;
  line-height: 1.4;
  font-family: "Helvetica Neue", Helvetica, Roboto, Verdana, Arial, sans-serif;
  /*text-rendering: optimizeLegibility;　androidで数字が詰まりすぎる*/
  -webkit-font-smoothing: antialiased;/* android */
}

a { color: #0034ca; }

div#sitebg {
  overflow: hidden;
  width:480px;
  margin: 0 auto;
  /*border-top: 7px solid #9f393c;*/
  background: #FFF;
}
.num {/* 数字 */
  text-rendering: auto;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
}

/*===============================================================================
  ☆汎用クラス
===============================================================================*/

/*------------------------------------------------
  ☆背景色 renew
------------------------------------------------*/
.bg-1 { background: #eee !important;}/* グレー */
.bg-2 { background: #fee !important;}/* 薄赤 */
.bg-yellow { background: #ffff00 !important;}

/*------------------------------------------------
  ☆margin
------------------------------------------------*/
.m-10 {
  overflow: hidden;
  display: block;
  margin: 10px !important;
}
.m-20 {
  margin: 20px !important;
}
.mt-10 {
  overflow: hidden;
  display: block;
  margin-top: 10px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mb-0 {
  overflow: hidden;
  display: block;
  margin-bottom: 0 !important;
}
.mb-10 {
  overflow: hidden;
  display: block;
  margin-bottom: 10px !important;
}
.mb-20 {
  overflow: hidden;
  display: block;
  margin-bottom: 20px !important;
}
.mb-30 {
  display: block;
  margin-bottom: 30px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.ml-20 {
  margin-left: 20px !important;
}

/*------------------------------------------------
  ☆padding
------------------------------------------------*/
.p-5 {
  overflow: hidden;
  padding: 5px !important;
}
.p-10 {
  overflow: hidden;
  padding: 10px !important;
}
.p-20 {
  overflow: hidden;
  padding: 20px !important;
}
.pt-10 {
  overflow: hidden;
  padding-top: 10px !important;
}
.pt-20 {
  overflow: hidden;
  padding-top: 20px !important;
}
.pb-10 {
  overflow: hidden;
  padding-bottom: 10px !important;
}
.pb-20 {
  overflow: hidden;
  padding-bottom: 20px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.pr-20 {
  padding-right: 20px !important;
}

/*------------------------------------------------
  ☆テキスト設定
------------------------------------------------*/
.lh15 {
  line-height: 1.5;
}

p.article,
dd.article {
  margin: 20px;
  font-size: 20px;
  line-height:1.6;
  text-align: justify;
}
p.article.adjust {
  display: table !important;
  height: 1px;
  -webkit-text-size-adjust: auto !important;
}
ol.lists {
  margin: 20px;
  padding-left:30px;
  list-style: decimal;
  font-size: 20px;
}
ol.lists li {
  margin: 0.5em 0;
  line-height: 1.6;
}
ul.lists {
  margin: 20px;
  padding-left:30px;
  list-style: disc;
  font-size: 20px;
}
ul.lists li{
  margin: 0.5em 0;
  line-height: 1.6;
}

/* テキストリンク
------------------------------------*/
.txt_link::before {
  content: "";
  margin-right: 5px;
  display: inline-block;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #0035cb;
  border-style: solid none solid solid;
  vertical-align: middle;
}

/* 文字揃え
------------------------------------*/
.text-left { text-align: left;}
.text-center { text-align: center;}
.text-right { text-align: right;}

/* 文字サイズ
------------------------------------*/
.text-large {
  font-size:28px;
  line-height:1.4;
}

.adjust { /*ポートレイト*/
  -webkit-text-size-adjust: 66.666%;
}
@media screen and (min-width: 480px) { /*ランドスケープ*/
  .adjust {
  -webkit-text-size-adjust: auto;
  }
}

/* 文字色
------------------------------------*/
.text-red    { color: #f00 !important;}
.text-blue   { color: #00f !important;}
.text-orange { color: #eb6100 !important;}

/* アンダーライン
------------------------------------*/
.text-uline { text-decoration: underline !important;}

/* 太字対応(仮対応のため未使用)
------------------------------------*/
.text-b-black { font-weight: bold;}
.text-b-white { font-weight: bold;}

div.android .text-b-black {
  color: #000;
  text-shadow:1px 1px 1px black;
  font-weight: normal;
}
div.android .text-b-white {
  color: #FFF;
  text-shadow: 1px 0 1px white;
  font-weight: normal;
}
div.android .text-b-red {
  color: #f00;
  text-shadow:1px 0 1px #f00;
  font-weight: normal;
}

/*------------------------------------
  白丸枠のテキスト renew
------------------------------------*/
.text-radius {
  padding-right: 9px;
  padding-left: 9px;
  border: 1px solid #c1c1c1;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: white;
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #ececec), color-stop(0.00, #fefefe));
  background: -webkit-linear-gradient(top, #fefefe 0%, #ececec 95%);
  background: -moz-linear-gradient(top, #fefefe 0%, #ececec 95%);
  background: -o-linear-gradient(top, #fefefe 0%, #ececec 95%);
  background: -ms-linear-gradient(top, #fefefe 0%, #ececec 95%);
  background: linear-gradient(top, #fefefe 0%, #ececec 95%);*/
  color: #333;
  font-size: 14px;
  line-height: 18px;
}
h2 .text-radius {/* 見出し内設定 */
  border: none;
}

/*------------------------------------------------
  ☆レイアウト指定
------------------------------------------------*/
.right { float: right;}
.w70per {/* 横幅のみ変形 */
  display: block;
  -moz-transform: scaleX(0.7);
  -webkit-transform: scaleX(0.7);
  -o-transform: scaleX(0.7);
  -ms-transform: scaleX(0.7);
}

/* 2カラムレイアウト　8:190:24:250:8
------------------------------------*/
.row-2a {
  display: block;
  overflow: hidden;
}
.row-2a .col-1 {
  float: left;
  overflow: hidden;
  display: block;
  width: 170px;
}
.row-2a .col-2 {
  float: right;
  overflow: hidden;
  display: block;
  width: 260px;
}

/* 2カラムレイアウト　20:210:20:210:20
------------------------------------*/
.row-2b,
.row-2b.wrapper {
  display: block;
  overflow: hidden;
}
.row-2b .col-1 {
  float: left;
  overflow: hidden;
  display: block;
  width: 210px;
}
.row-2b .col-2 {
  float: right;
  overflow: hidden;
  display: block;
  width: 210px;
}

/* 2カラムレイアウト　auto:240:auto:120:auto
------------------------------------*/
.row-2c,
.row-2c.wrapper {
  display: block;
  overflow: hidden;
}
.row-2c .col-1 {
  float: left;
  display: block;
  width: 260px;
  overflow: hidden;
}
.row-2c .col-2 {
  float: right;
  width: 120px;
  display: block;
  overflow: hidden;
}

/* 2カラムレイアウト　auto:250:auto:180:auto
------------------------------------*/
.row-2d,
.row-2d.wrapper {
  display: block;
  overflow: hidden;
}
.row-2d .col-1 {
  float: left;
  width: 240px;
  display: block;
  overflow: hidden;
}
.row-2d .col-2 {
  float: right;
  width: 180px;
  display: block;
  overflow: hidden;
}

/* 2カラムレイアウト　auto:250:auto:180:auto
------------------------------------*/
.row-2f,
.row-2f.wrapper {
  display: block;
  overflow: hidden;
}
.row-2f .col-1 {
  float: left;
  width: 130px;
  display: block;
  overflow: hidden;
}
.row-2f .col-2 {
  float: right;
  width: 300px;
  display: block;
  overflow: hidden;
}

/* 2カラムレイアウト　auto:200:auto:200:auto
------------------------------------*/
.row-2g,
.row-2g.wrapper {
  display: block;
  overflow: hidden;
}
.row-2g .col-1 {
  float: left;
  width: 200px;
  display: block;
  overflow: hidden;
}
.row-2g .col-2 {
  float: right;
  width: 200px;
  display: block;
  overflow: hidden;
}

/* 3カラムレイアウト　auto:140:10:140:10:140:auto
------------------------------------*/
.row-3a {
  display: block;
  overflow: hidden;
}
.row-3a .col-1,
.row-3a .col-2,
.row-3a .col-3,
.row-3a > li {
  float: left;
  width: 140px;
  margin-right:5px;
  display: inline-block;
  overflow: hidden;
}
.row-3a .col-3,
.row-3a > li:nth-child(3n) {
  margin-right:0;
}

/*-----------------------------------------------------------
  ☆その他
-----------------------------------------------------------*/
.line-u {/* 罫線*/
  border-bottom: 1px solid #c1c1c1;
}

/*-----------------------------------------------------------
  ☆角丸ボックス
-----------------------------------------------------------*/
.box-1 {
  overflow: hidden;
  margin-bottom: 20px;
  padding: 15px 20px 20px;
  border: 3px solid #E4ECF7;
  border-radius: 6px;
  background: #F0F4F9;
}
.box-2 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #b0b0b0;
  overflow: hidden;
  background: #FFF;
}
.box-3 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  background: #fffcd0;
  padding: 10px;
}
.box-4 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  background: #eeeeee;
  padding: 10px;
}
.box-5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  background: #eeeeee;
  padding: 10px;
  border: 1px solid #b0b0b0;
  color: #555555;
}
.box-5 .ttl {
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  display: block;
  text-align: center;
  margin-bottom: 10px;
}

/* セクション区切りの矢印
------------------------------------*/
.ico_arrow4-u {
  background: url(../img/common/ico_arrow4-u.png) no-repeat center 10px;
  overflow: hidden;
  padding-top: 70px;
}

/*===========================================================================
  ★タブ設定
===========================================================================*/
ul.tab {
  display: -webkit-box;/* android2-4 */
  display: -webkit-flex;/* ios */
  display: flex;
  box-sizing: border-box;
  margin: 14px auto;
  padding: 0 10px;
  /*border-bottom: 10px solid #A22529;*/
  border-bottom: 1px solid #bbb;
}
ul.tab li {
  z-index: 0;
  -webkit-box-flex: 5;/* android2-4 */
  -webkit-flex: 0 1 50%;/* ios */
  flex: 0 1 50%;
  -webkit-align-items: bottom;
  align-items: bottom;
  box-shadow: 0 -3px 4px rgba(0,0,0,0.05) inset;
  /*border-radius: 2px 2px 0 0;*/
  border: 1px solid;
  border-right: none;
  border-bottom: none;
  border-color: #bbb;
  background: #f7f7f7;
  text-align: center;
}
ul.tab li:first-child {
  border-radius: 6px 0 0 0;
}
ul.tab li:last-child {
  border-radius: 0 6px 0 0;
  border-right: 1px solid #bbb;
}
ul.tab li a {
  display: block;
  padding: 12px 10px;
  color: #333;
  font-size: 20px;
  text-decoration: none;
}

/*-----------------------------------------------------------------
  選択されているタブ設定
-----------------------------------------------------------------*/
ul.tab li.select {
  position: relative;
  z-index: 10 !important;
  margin-bottom: -2px;
  box-shadow: none;
  /*border-color: #A22529;*/
  border-bottom: 1px solid white;
  /*background: #A22529;*/
  font-weight: bold;
  background: white;
}
ul.tab li.select a {
  /*color: white;*/
  /*font-weight: bold;*/
}

/* 影の向き設定
-------------------------------------------------------*/
ul.tab li.select {
  box-shadow: 4px -2px 4px rgba(0,0,0,0.05), -4px -2px 4px rgba(0,0,0,0.05);
}
ul.tab li.select:first-child {/* 左端 */
  box-shadow: 4px -2px 4px rgba(0,0,0,0.07);
}
ul.tab li.select:last-child {/* 右端 */
  box-shadow: -4px -2px 4px rgba(0,0,0,0.05);
}

/*-----------------------------------------------------------------
  タブのアイコン設定
-----------------------------------------------------------------*/

/* 検索アイコン
------------------------------------------------------*/
ul.tab.search li a:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-left: -8px;
  margin-right: 5px;
  margin-top: -4px;
  background: url(../img/common/icon_search-gray.svg) no-repeat center;
  background-size: auto;
  vertical-align: middle;
}
ul.tab.search li.select a:before {
  background: url(../img/common/icon_search-red.svg) no-repeat center;
  background-size: auto;
}

/*===========================================================================
  ★件数カウンターアイコン　renew
===========================================================================*/
.counter {
  display: inline-block;
  box-sizing: border-box;
  width: 1.8em;
  height: 1.8em;
  margin: 0 7px;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
  border-radius: 100%;
  border: 2px solid #fff;
  background: #f00;
  color: white;
  font-size: 18px;
  line-height: 1.8em;
  text-align: center;
  text-indent: 0;
  font-weight: normal;
}
.counter.none {/* 0件用 */
  border: none;
  background: #ddd;
  color: #777;
}

/*===========================================================================
  ★ボタン設定
===========================================================================*/
.btn {
  overflow: hidden;
  display: block;
  width: 60px;
  min-width: 61px;
  max-height: 46px;
  padding-top: 30px;
  padding-bottom: 5px;
  border: 1px solid #9f393c;
  border-radius: 10px;
  background: no-repeat center 8px;
  color: #9f393c;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  line-height: 14px;
}
.btn-box-1 {
  overflow: hidden;
  padding: 20px 40px;
}
.bt_wrap { /* for android marginバグ対策用クラス */
  display: table;
}

/*-----------------------------------------------------------
  btn-1 黒ボタン renew
-----------------------------------------------------------*/
.btn-1 {
  display: block;
  padding: 15px;
  /*border: 1px solid #000;*/
  border-radius: 5px;
  box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
  /*box-shadow: 1px 1px 1px rgba(133, 133, 133, 0.75) inset;*/
  /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#656565), to(#000000));
  background: -webkit-linear-gradient(center top, #656565 0%, #000000 100%);
  background: -moz-linear-gradient(center top, #656565 0%, #000000 100%);
  background: -o-linear-gradient(center top, #656565 0%, #000000 100%);
  background: linear-gradient(center top, #656565 0%, #000000 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
  background: #2467c5;
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
}

/* btn-1 アイコン renew
--------------------------------------*/
a.btn-1[class*="ico-"] {
  text-align:left;
}
a.btn-1[class*="ico-"]::after,
a.btn-1[class*="ico-"]::before {
  /*background-color: transparent;*/
}

/*-----------------------------------------------------------
  .btn-2 現調ボタン（ブルーの角丸） renew
-----------------------------------------------------------*/
a.btn-2 {
  display: block;
  padding: 20px 10px;
  box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
  /*border: 1px solid #1e5cbe;*/
  border-radius: 4px;
  /*
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f08930), color-stop(0.51, #eb6100), color-stop(0.50, #f17431), color-stop(0.00, #eba767));
  background: -webkit-linear-gradient(top, #eba767 0%, #f17431 50%, #eb6100 51%, #f08930 100%);
  background: -moz-linear-gradient(top, #eba767 0%, #f17431 50%, #eb6100 51%, #f08930 100%);
  background: -o-linear-gradient(top, #eba767 0%, #f17431 50%, #eb6100 51%, #f08930 100%);
  background: -ms-linear-gradient(top, #eba767 0%, #f17431 50%, #eb6100 51%, #f08930 100%);
  background: linear-gradient(top, #eba767 0%, #f17431 50%, #eb6100 51%, #f08930 100%);
  box-shadow:inset 0px 0px 30px rgba(255,255,190,0.25);*/
  background: -webkit-gradient(linear, 0 100%, 0 0, from(#3c80d1), to(#1e5cbe));
  background: -webkit-linear-gradient(#3c80d1 0%, #1e5cbe 100%);
  background: -moz-linear-gradient(#3c80d1 0%, #1e5cbe 100%);
  background: -o-linear-gradient(#3c80d1 0%, #1e5cbe 100%);
  background: linear-gradient(#3c80d1 0%, #1e5cbe 100%);
  color: #FFF;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
}

/* btn-2 アイコン renew
-----------------------------------------------*/
a.btn-2[class*="ico-pr-"][class*="-r"] {
  margin: 20px 10px;
  /*padding: 15px 50px 15px 50px;*/
  text-align: center;
}
a.btn-2[class*="ico-pr-"][class*="-r"]::before {
  background-color: transparent;
}
a.btn-2[class*="ico-pr-"][class*="-r"]::after {
  /*float: right;*/
  display: inline-block;
  width: 30px;
  height: 30px;
  /*padding-top: 2px;*/
  border-radius: 11px;
  background-color: transparent;
  text-indent: -9999;
  vertical-align: middle;
}

/*-----------------------------------------------------------
  .btn-3 濃い灰色の角丸ボタン
-----------------------------------------------------------*/
.btn-3 {
  display: block;
  padding: 5px 25px 4px;
  border-radius: 15px;
  color: #FFF;
  background: #666;
  text-decoration: none;
  font-size: 14px;
  line-height: 16px;
}

/*-----------------------------------------------------------
  .btn-4 白色の角丸ボタン
-----------------------------------------------------------*/
.btn-4 {
  display: block;
  padding: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e9e9e9), color-stop(0.00, #fbfbfb));
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%);
  background: -moz-linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%);
  background: -o-linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%);
  background: -ms-linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%);
  background: linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%);
  border: 1px solid #909090;
  font-size:16px;
  line-height: 18px;
  color: #000;
  text-decoration: none;
  vertical-align: middle;
}

/* .btn-4のアイコン
----------------------------------- */
a.btn-4.ico-arrow1-r {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}
a.btn-4.ico-arrow1-r::before {
  float: right;
  background-color:transparent;
  background-image:url(../img/common/ico_arrow1-r.png);
  background-position: center center;
}
a.btn-4[class*="ico-pr-"]::after,
a.btn-4[class*="ico-pl-"]::before {
  margin-top: -2px;
  background-color: #989898;
}

/*-----------------------------------------------------------
  .btn-5 青色の角丸ボタン
-----------------------------------------------------------*/
a.btn-5 {
  display: block;
  padding: 10px;
  border: 1px solid #044062;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow:inset 1px 1px 1px rgba(133,133,133,0.75);
  -webkit-box-shadow:inset 1px 1px 1px rgba(133,133,133,0.75);
  box-shadow:inset 1px 1px 1px rgba(133,133,133,0.75);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #3a6c9f), color-stop(0.00, #5d99c3));
  background: -webkit-linear-gradient(top, #5d99c3 0%, #3a6c9f 95%);
  background: -moz-linear-gradient(top, #5d99c3 0%, #3a6c9f 95%);
  background: -o-linear-gradient(top, #5d99c3 0%, #3a6c9f 95%);
  background: -ms-linear-gradient(top, #5d99c3 0%, #3a6c9f 95%);
  background: linear-gradient(top, #5d99c3 0%, #3a6c9f 95%);
  color: #FFF;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
  vertical-align: middle;
}

/* .btn-5のアイコン
----------------------------------- */
a.btn-5[class*="ico-pr-"]::after,
a.btn-5[class*="ico-pl-"]::before {
  margin-top: -2px;
  background-color: #31536d;
}

/*-----------------------------------------------------------
  .btn-6 赤色の角丸ボタン
-----------------------------------------------------------*/
a.btn-6 {
  display: block;
  padding: 10px;
  border-top: 1px solid #a40000;
  border-bottom: 1px solid #a40000;
  border-radius: 5px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #830708), color-stop(0.00, #9f393c));
  background: -webkit-linear-gradient(top, #9f393c 0%, #830708 100%);
  background: -moz-linear-gradient(top, #9f393c 0%, #830708 100%);
  background: -o-linear-gradient(top, #9f393c 0%, #830708 100%);
  background: -ms-linear-gradient(top, #9f393c 0%, #830708 100%);
  background: linear-gradient(top, #9f393c 0%, #830708 100%);
  color: #FFF;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  text-decoration: none;
  vertical-align: middle;
}

/* .btn-6のアイコン
----------------------------------- */
a.btn-6[class*="ico-pr-"]::after,
a.btn-6[class*="ico-pl-"]::before {
  margin-top: -2px;
  background: #5e2123;
}

/*-----------------------------------------------------------
  .btn-7 灰色のボタン
-----------------------------------------------------------*/
a.btn-7 {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #b0b0b0;
  background-color: #eee;
  color: #000;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  vertical-align: middle;
  text-decoration: none;
}

/* .btn-7 のアイコン
----------------------------------- */
a.btn-7[class*="ico-pl-"]::before {
  background: #989898;
}

/*-----------------------------------------------------------
  .btn-8 光沢感のある薄い灰色の角丸ボタン
-----------------------------------------------------------*/
.btn-8,
.ba_btn > li > span {
  display: block;
  padding: 5px 25px 4px;
  border-radius: 15px;
  background: #cfcfcf;
  background: -moz-linear-gradient(top, #cfcfcf 47%, #b7b7b7 58%, #acacac 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(47%, #cfcfcf), color-stop(58%, #b7b7b7), color-stop(100%, #acacac));
  background: -webkit-linear-gradient(top, #cfcfcf 47%, #b7b7b7 58%, #acacac 100%);
  background: -o-linear-gradient(top, #cfcfcf 47%, #b7b7b7 58%, #acacac 100%);
  background: -ms-linear-gradient(top, #cfcfcf 47%, #b7b7b7 58%, #acacac 100%);
  background: linear-gradient(to bottom, #cfcfcf 47%, #b7b7b7 58%, #acacac 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#acacac', GradientType=0 );
  color: #FFF;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}

/*-----------------------------------------------------------
  .btn-9 光沢感のあるオレンジの角丸ボタン
-----------------------------------------------------------*/
.btn-9,
.ba_btn > li.flex-active > span {
  display: block;
  padding: 5px 25px 4px;
  -moz-box-shadow:inset 0px 0px 30px rgba(255,255,190,0.25);
  -webkit-box-shadow:inset 0px 0px 30px rgba(255,255,190,0.25);
  border-radius: 15px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f08930), color-stop(0.51, #eb6100), color-stop(0.50, #f17431), color-stop(0.00, #eba767));
  background: -webkit-linear-gradient(top, #eba767 0%, #f17431 50%, #eb6100 51%, #f08930 100%);
  background: -moz-linear-gradient(top, #eba767 0%, #f17431 50%, #eb6100 51%, #f08930 100%);
  background: -o-linear-gradient(top, #eba767 0%, #f17431 50%, #eb6100 51%, #f08930 100%);
  background: -ms-linear-gradient(top, #eba767 0%, #f17431 50%, #eb6100 51%, #f08930 100%);
  background: linear-gradient(top, #eba767 0%, #f17431 50%, #eb6100 51%, #f08930 100%);
  color: #FFF;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
  vertical-align: middle;
}

/*-----------------------------------------------------------
  .btn-10 戻るボタンと同じスタイルの、白べた塗影有ボタン
-----------------------------------------------------------*/
.btn-10 {
  display: block;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #bbb;
  background: #fff;
  box-shadow: 2px 2px 2px rgba(133, 133, 133, 0.2);
  font-size: 20px;
  line-height: 1.2;
  color: #000;
  text-decoration: none;
  vertical-align: middle;
}

/*-----------------------------------------------------------
  .bt_back 新型戻るボタン
-----------------------------------------------------------*/
.bt_back {
  display: table;
  margin: 20px;
  background: url("../img/common/icon_back.svg") no-repeat 10px center;
  -webkit-background-size: 13%;
  background-size: 13%;
  text-align: right;
}
.bt_back a {
  display: block;
  box-sizing: border-box;
  padding: 8px 20px 10px 40px;
  border: 1px solid #bbb;
  border-radius: 4px;
  box-shadow: 2px 2px 2px rgba(133, 133, 133, 0.2);
  color: #333;
  font-size: 22px;
  text-decoration: none;
}



/*==========================================================================
  ★ボタン内のアイコン設定
==========================================================================*/

/*-----------------------------------------------------------
  共通設定 renew
-----------------------------------------------------------*/
a[class^="btn-"][class*="ico-pr-"]::after,
a[class^="btn-"][class*="ico-pl-"]::before {
  content:'';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -1px;
  background-image: url(../img/common/ico-set_18_white.png);/* sprite img */
  background-repeat: no-repeat;
  background-color: rgba(0,0,0,0.4);
  border-radius: 50%;
  text-indent: -9999;
  vertical-align: middle;
}

/*-----------------------------------------------------------
  左アイコン .ico-pl-
  ※before要素
-----------------------------------------------------------*/
a[class^="btn-"][class*="ico-pl-"]::before { margin-right: 8px;}
a[class^="btn-"].ico-pl-plus::before       { background-position: 1px 50%;}/* + white */
a[class^="btn-"].ico-pl-no-init-close-plus::before       { background-position: 1px 50%;}/* + white */
a[class^="btn-"].ico-pl-minus::before      { background-position:-35px 50%;}/* - white */
a[class^="btn-"].ico-pl-no-init-close-minus::before      { background-position:-35px 50%;}/* - white */
a[class^="btn-"].ico-pl-info::before       { background-position:-539px 50%;}/* i white */
a[class^="btn-"].ico-pl-delete::before     { background-position: -71px 50%;}/* x white */
a[class^="btn-"].ico-pl-config::before     { background-position: -286px 50%;}/* gear whtie */
a[class^="btn-"].ico-pl-arrow-l::before    { background-position: -144px 50%;}/* < white */
a[class^="btn-"].ico-pl-grid::before       { background-position: -431px 50%;}/* square grid white */
a[class^="btn-"].ico-pl-config::before {/* gear white */
  margin-left: 3px;
  background-image: url(../img/common/icon_setting.svg) !important;
  background-position: center;
  background-size: 80%;
  background-color: rgba(100,0,0,0.3);
}

/* 左寄せ .left
----------------------------------- */
a[class*="btn-"][class*="ico-pl-"].left {
  float: none;/* 汎用floatクラスの継承キャンセル */
  padding-right: 36px;
}
a[class^="btn-"][class*="ico-pl-"].left::before {
  float: left;
}

/*-----------------------------------------------------------
  右アイコン .ico-pr-
  ※after要素
-----------------------------------------------------------*/
a[class^="btn-"][class*="ico-pr-"]::after { margin-left: 8px;}
a[class^="btn-"].ico-pr-config::after     { background-position: -286px 50%;}/* gear white */
a[class^="btn-"].ico-pr-arrow-l::after    { background-position: -142px 50%;}/* + white */
a[class^="btn-"].ico-pr-arrow-r::after    { background-position: -107px 50%;}/* > white */
a[class^="btn-"].ico-pr-arrow1-r::after {/* > black */
  box-shadow: none;
  background-image:url(../img/common/ico_arrow1-r.png);
  background-repeat: no-repeat;
  background-position: 60% 60%;
  background-color: transparent;
  border-radius: 0;
}
a[class^="btn-"].ico-pr-arrow5-r::after {/* (→) white 現調ボタン等 */
  border-radius: 0;
  background-image:url(../img/common/icon_order.svg);
  background-repeat: no-repeat;
  /*background-position: center;*/
  background-size: content;
}
a[class^="btn-"].ico-pr-config::after {/* gear white */
  margin-right: 3px;
  background-image: url(../img/common/icon_setting.svg) !important;
  background-position: center;
  background-size: 80%;
  background-color: rgba(100,0,0,0.3);
}
a.btn-2[class*="ico-pr-"][class*="-r"].noafter::after {
  background-image: none;
  width: 0;
  height: 0;
}

/* 右寄せ .right
----------------------------------- */
a[class*="btn-"][class*="ico-pr-"].right {
  float: none;/* 汎用floatクラスの継承キャンセル */
  /*padding-left: 36px;*/
  text-align: center;
}
a[class*="btn-"][class*="ico-pr-"].right::after {
  float: right;
}

/* ===================================================================
  ◆ページネーション　（リスト系共通）
  /global_include/pagenavi/pagenavi.html
====================================================================*/
#page-ejection {
  overflow: hidden;
  position: relative;
  min-height: 3em;
  margin: 0 auto;
  padding: 20px;
}

/*----------------------------------------------------------------
  ページボタン
----------------------------------------------------------------*/

/* 次へボタン
---------------------------------------------------*/
#page-ejection div.next {
  float: right;
  width: 23%;
  background: #fff url(../img/common/icon_next.svg) no-repeat 87% center;
  -webkit-background-size: 10%;
  background-size: 10%;
  text-align: left;
}

/* 戻るボタン
---------------------------------------------------*/
#page-ejection div.back {
  float: left;
  width: 23%;
  background: #fff url(../img/common/icon_back.svg) no-repeat 13% center;
  -webkit-background-size: 10%;
  background-size: 10%;
  text-align: right;
}

/* ボタン内共通
---------------------------------------------------*/
#page-ejection div a {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 20px 12px;
  border: 1px solid #bbb;
  border-radius: 4px;
  box-shadow: 2px 2px 2px rgba(133, 133, 133, 0.2);
  color: #333;
  font-size: 22px;
  text-decoration: none;
}

/*----------------------------------------------------------------
  検索結果表示
----------------------------------------------------------------*/
#page-ejection .count {
  position: absolute;
  left: 30%;
  width: 40%;
  padding-top: 5px;
  text-align: center;
}

/* ページ内件数
-------------------------------------------------- */
#page-ejection .count span.count-display {
  font-size: 20px;
  line-height: 1.2;
}

/* 検索結果全件数
-------------------------------------------------- */
#page-ejection .count span.all-count {
  display: inline-block;
  margin-top: 5px;
  padding: 3px 10px;
  border: 1px solid #eee;
  border-radius: 1em;
  color: #555;
  line-height: 1.2;
}


/*=======================================================================
  ★テーブル設定
=======================================================================*/

/*-----------------------------------------------------------
  table-1 ベーシックな表デザイン　※thead使用不可 renew
-----------------------------------------------------------*/
table.table-1 {
  width: 100%;
}
table.table-1 th,
table.table-1 td {
  padding: 6px 10px;
  border-bottom: 1px solid #ddd;
}
table.table-1 th {
  width: 130px;
  padding-left: 20px;
  border-right: 1px solid #ddd;
  background: #fcfcfc;
}

/*-----------------------------------------------------------
  table-2 角丸テーブルデザイン　※thead使用不可 renew
-----------------------------------------------------------*/
table.table-2 {
  width: 100%;
  margin: 10px auto;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 20px;
}
table.table-2 th,
table.table-2 td {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
table.table-2 tfoot tr {
  background: #eee;
}

/* 最後の行 */
table.table-2 tfoot tr:last-child th,
table.table-2 tfoot tr:last-child td {
  border-bottom: none;
}

/* 左上角丸 最初の行の最初のセル */
table.table-2 tbody tr:first-child th:first-child,
table.table-2 tbody tr:first-child td:first-child {
  border-radius: 3px 0 0 0;
}
/* 右上角丸 最初の行の最後のセル */
table.table-2 tbody tr:first-child th:last-child,
table.table-2 tbody tr:first-child td:last-child {
  border-radius: 0 3px 0 0;
}
/* 左下角丸　最後の行の最初のセル */
table.table-2 tfoot tr:last-child th:first-child,
table.table-2 tfoot tr:last-child td:first-child {
  border-radius: 0 0 0 3px;
}
/* 右下角丸　最後の行の最後のセル */
table.table-2 tfoot tr:last-child th:last-child,
table.table-2 tfoot tr:last-child td:last-child {
  border-radius: 0 0 3px 0;
}

/*-----------------------------------------------------------------
  table-3 角丸テーブルデザイン　※1列、副数行専用 tfoot仕様不可
-----------------------------------------------------------------*/
table.table-3 {
  width:100%;
  margin-bottom:20px;
  border-left: 1px solid #b0b0b0;
  border-right: 1px solid #b0b0b0;
  border-top: 1px solid #b0b0b0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
table.table-3:last-child {
  margin-bottom:0;
}
table.table-3 th,
table.table-3 td {
  padding: 10px;
  border-bottom: 1px solid #b0b0b0;
}
table.table-3 td {
  text-align:right;
}
table.table-3.text-center td {
  text-align:center;
}
table.table-3 thead tr,
table.table-3 thead td {
  background: #dfdfdf;
}

/* thead内　最初の行の最初のセル */
table.table-3 thead tr:first-child th:first-child,
table.table-3 thead tr:first-child td:first-child {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}

/* thead内　最初の行の最後のセル */
table.table-3 thead tr:first-child th:last-child,
table.table-3 thead tr:first-child td:last-child {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}

/* tbody内　最初の行の最初のセル */
table.table-3 tbody tr:last-child th:first-child,
table.table-3 tbody tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
}

/* tbody内　最初の行の最後のセル */
table.table-3 tbody tr:last-child th:last-child,
table.table-3 tbody tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
}


/*==========================================================================
  ★フォーム要素 renew
==========================================================================*/
fieldset {
  overflow: hidden;
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
legend {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
fieldset > .wrapper {
  overflow: hidden;
  display: block;
  padding: 20px;
}

/*--------------------------------------------------
  見出しグレー
---------------------------------------------------*/
fieldset h2.ttl-2 {
  position: relative;
  padding: 12px 10px 10px 20px;
  font-size: 18px;
  line-height: 1.3;
}
fieldset h2.ttl-2 span {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*--------------------------------------------------
  見出し黒
---------------------------------------------------*/
form h1.ttl-3 {
  font-size: 18px;
  line-height: 1.3;
}

fieldset p {
  overflow: hidden;
  margin-bottom: 10px;
}
fieldset .option_box_lead {
  margin-left: 10px;
  font-weight: bold;
  color: #F00;
}
fieldset p small {
  overflow: hidden;
  margin-top: 5px;
  color: #808080;
}
fieldset p small.attention {
  color: #F00;
}

/* ----------------------------------------------------------
  入力エリア共通設定 renew
-----------------------------------------------------------*/
input[type="text"],
input[type="tel"],
input[type="email"],
textarea,
.dropdown {
  border: 1px solid #b0b0b0;
  border-radius: 4px;
  box-shadow: inset 2px 2px 3px rgba(0,0,0,0.1);
  background: #fff;
  color: #333;
}
input[type="text"],
input[type="tel"],
input[type="email"] {
  overflow: hidden;
  width: 100%;
  height: 50px;
  padding-left: 15px;
  line-height: 1;
  /*line-height: 40px;*/
  font-size: 20px;
  vertical-align: bottom;
}
input[type="tel"][name^="tel"] {
  width: 25%;
  vertical-align: middle;
}
.p-20 > input[type="tel"][name^="tel"]:first-child {
  margin-left: 0px;
}
.p-20 > input[type="tel"][name^="tel"]:last-child {
  margin-right: 0px;
}
.col-1 > input[type="tel"] {
  width: 85px;
  margin-right: 5px;
  margin-left: 5px;
}

/* ----------------------------------------------------------
  チェックボックス共通設定
-----------------------------------------------------------*/
label.check {
  display: block;
  padding: 18px 0;
}
label.check input {
  display: none;
}
label.check input + span:before  {
  display: block;
  float: left;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  content: "";
  border: 4px solid #ddd;
  border-radius: 2px;
}
label.check input[type=checkbox]:checked + span:before {
  background: url("../img/common/icon_check.svg") 3px center no-repeat;
  background-size: 23px;
  background-color: #2467C5;
  box-shadow: none;
  border: none;
  width: 30px;
  height: 30px;
}
label.check span {
  font-size: 20px;
  line-height: 30px;
}
label.check input[type=checkbox]:checked + span {
  color: #2467C5;
}

/* ----------------------------------------------------------
  アコーディオン共通設定
-----------------------------------------------------------*/
/* no-init-close の初期表示はフォーム側に任せ、タップ後からクラスで制御する。
   既存処理のインライン display より開閉状態を優先する。 */
a.ico-pl-plus + *,
a.ico-pr-plus + *,
a.js-accordion-toggled.ico-pl-no-init-close-plus + *,
a.js-accordion-toggled.ico-pr-no-init-close-plus + * {
  display: none !important;
}
a.ico-pl-minus + *,
a.ico-pr-minus + *,
a.js-accordion-toggled.ico-pl-no-init-close-minus + *,
a.js-accordion-toggled.ico-pr-no-init-close-minus + * {
  display: block !important;
}

.accordion {
  padding: 0px 10px;
  border-right: 3px solid #ddd;
  border-left: 3px solid #ddd;
  border-bottom: 3px solid #ddd;
  border-radius: 0 0 5px 5px;
  font-size: 20px;
  background-color: #fff;
}

/*-----------------------------------------------------------
  submitボタン renew
-----------------------------------------------------------*/
input[type="submit"] {
  -webkit-appearance: none;/* ios style reset */
  display: block;
  cursor: pointer;
  width: auto;
  /*width: 78%;*/
  height: 50px;
  margin: 0 0 0 auto;
  padding: 0 15px;
  /*box-shadow: 1.5px 1.3px 0 1px rgba(256,256,256, 0.5) inset;*/
  border: none;
  border-radius: 4px;
  background: #2467C5;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 50px;
}

/* -------------------------------------------------------------------------------
  キーワード検索エリア共通 renew
--------------------------------------------------------------------------------*/
div.keyword-search-form {/* wrapper */
  overflow: hidden;
  margin: 20px 15px 0;
}
div.keyword-search-form::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 18px;
  width: 24px;
  height: 24px;
  margin: auto 0;
  background: url("/sp2/public/img/common/sprite_icon.svg?20211022") -92px -83px no-repeat;
  vertical-align: middle;
  transform: scale(0.791)
}
div.keyword-search-form input[type="text"] {/* 検索入力エリア */
  float: left;
  width: 78%;
  padding-left: 45px;
}
::-webkit-full-page-media, :future, :root div.keyword-search-form input[type="text"] {
  --width: 78%;
  --height: 50px;
  --font-size: 20px;
}
div.keyword-search-form input[type="submit"] {/* 検索ボタン */
  float: right;
  width: 20%;
  min-width: 50px;
  height: 50px;
  letter-spacing: 0.3em;
  text-indent: 0.3em;
}

/* ---------------------------------
  検索ボタンdisabled時の表示調整
--------------------------------- */
.bt_keyword_search[disabled] {
  opacity: 1;/* iOSで透過させない */
}

/*====================================================================================================
  ★タイトル・見出し共通設定
====================================================================================================*/

/*-----------------------------------------------------------------------------
  ページタイトル
-----------------------------------------------------------------------------*/

/*==================================================================
  理由タイトル帯
==================================================================*/


/*　見出し　*/
/*section.test1 .h_step {
  background-color: #ddd;
  color: #333;
}
section.test2 .h_step {
  background-color: #ddd;
  color: #333;
}
section.test2 h2.h_step > span {
  background-color: #fff;
  color: #c23c3d;
  border: 1px solid #c23c3d;
  font-size: 16px;
  line-height: 1.5;
}*/



.h_step {
  position: relative;
  margin-bottom: 8px;
  padding: 18px 10px 18px 95px;
  font-size: 22px;
  font-weight: bold;
  background-color: #e7e7e7;
  color: #007ac3;
  line-height: 18px;
}
section h2.h_step > span {/* 丸アイコン */
  position: absolute;
  top: 50%;
  left: 10px;
  width: 45px;
  height: 45px;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  padding: 12px 12px;
  border-radius: 50%;
 /* -webkit-box-shadow: 3px 4px 0 rgba(0,0,0,0.2);
  box-shadow: 3px 4px 0 rgba(0,0,0,0.2);
 */
  background-color: #007ac3;
  color: #fff8b5;
  font-size: 17px;
  line-height: 1.5;
  text-align: center;
}
section h2.h_step > span > span {
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  line-height: 23px;
}
.h_1 {
  position: relative;
  margin-top: 35px;
  padding: 12px 20px;
  background: #c23c3d;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.9;
}
.h_2 {
  position: relative;
  margin-top: 35px;
  padding: 8px 20px;
  background: #ddd;
  color: #333;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.9;
}
@media screen {/*ポートレート*/
  .h_2 {
    -webkit-text-size-adjust: 66.6%;
  }
}
@media screen and (min-width: 480px) {/*ランドスケープ*/
  .h_2{
    -webkit-text-size-adjust: auto;
  }
}

.h_3 {
  margin: 35px 20px 15px 35px;
  /*padding: 0px 10px;*/
  /*border-left: 5px solid #c23c3d;*/
  color: #333;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  text-indent: -15px;
}
.h_3:before {
  display: inline-block;
  width: 7px;
  height: 24px;
  margin-top: -5px;
  margin-right: 8px;
  content: "";
  background-color: #c23c3d;
  border-radius: 7px;
  vertical-align: middle;
}

ul#breadcrumb_top + .h_1,
ul#breadcrumb_top + .h_2,
legend.h_1 + .h_2 {
  margin-top: 0;
}
h1.ttl-1 {
  z-index: 500;
  overflow: hidden;
  display: block;
  height: 40px;
  padding: 6px 10px;
  box-shadow: 2px 0px 4px #ddd;
  background: #c40000;
  color: #FFF;
  font-size: 19px;
  font-weight: bold;
  line-height: 40px;
  vertical-align: middle;
}

.h_2 .required { /*必須アイコン*/
  position: absolute;
  top: 50%;
  right: 20px;
  float: right;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  padding: 5px 10px;
  background-color: transparent;
  border-radius: 6px;
  border: 1px solid #f00 ;
  font-size: 18px;
  line-height: 16px;
  color: #f00;
}
.blog-form_txt {
  padding: 10px 20px 0 20px;
}

/* アイコン ※CSS3の仕様上、backgroundに背景画像とグラデーションの指定を再設定する必要有
-----------------------------------------------------------------------------*/
h1.ttl-1[class*="ico-"]::before {
  content: '';
  display: inline-block;
  width: 29px;
  height: 40px;
  margin-right: 5px;
  background-image: url(../img/common/icon_search.svg);
  background-repeat: no-repeat;
  background-position: center;
  text-indent:-9999;
  vertical-align: middle;
}
h1.ttl-1.ico-search::before {background-image: url(../img/common/icon_search.svg);
  background-position: center 55%; }
h1.ttl-1.ico-tools::before {background-image: url(../img/common/ico_tools1.png); }

/* 検索結果等の右カウンター表示
-----------------------------------------------------------------------------*/
h1.ttl-1 span {
  float: right;
  display: block;
  margin: 8px 0;
  padding: 0 10px;
  border-radius: 5px;
  background: #fff;
  color: #c40000;
  font-size: 16px;
  line-height: 24px;
  vertical-align: middle;
}
h1.ttl-1 + h2,
h1.ttl-1 + h3 {
  margin-top: 0 !important;
}

/*-----------------------------------------------------------------------------
  h1.ttl-2 タイトル関連
-----------------------------------------------------------------------------*/
h1.ttl-2,
legend.ttl-1 {
  display: block;
  padding: 10px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #830708), color-stop(0.00, #9f393c));
  background: -webkit-linear-gradient(top, #9f393c 0%, #830708 100%);
  background: -moz-linear-gradient(top, #9f393c 0%, #830708 100%);
  background: -o-linear-gradient(top, #9f393c 0%, #830708 100%);
  background: -ms-linear-gradient(top, #9f393c 0%, #830708 100%);
  background: linear-gradient(top, #9f393c 0%, #830708 100%);
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  vertical-align: middle;
}
.blog-form_ttl {
  margin: 0 0 10px 20px;
  font-size: 20px;
  font-weight: bold;
}
.blog-form_ttl::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 25px;
  background-color: #555;
  margin-right: 8px;
  margin-bottom: -5px;
}
/* アイコン ※CSS3の仕様上、backgroundに背景画像とグラデーションの指定を再設定する必要有
-----------------------------------------------------------------------------*/
h1.ttl-2[class*="ico-"]::before,
legend.ttl-1[class*="ico-"]::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  background: url(../img/common/ico_arrow2-b.png) no-repeat center center;
  text-indent: -9999;
}
h1.ttl-2.ico-keisanki {
  padding-left: 45px;
  background: url(../img/common/ico_keisanki.png) no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #830708), color-stop(0.00, #9f393c));
  background: url(../img/common/ico_keisanki.png) no-repeat 10px center, -webkit-linear-gradient(top, #9f393c 0%, #830708 100%);
  background: url(../img/common/ico_keisanki.png) no-repeat 10px center, -moz-linear-gradient(top, #9f393c 0%, #830708 100%);
  background:url(../img/common/ico_keisanki.png) no-repeat 10px center, -o-linear-gradient(top, #9f393c 0%, #830708 100%);
  background: url(../img/common/ico_keisanki.png) no-repeat 10px center, -ms-linear-gradient(top, #9f393c 0%, #830708 100%);
  background: url(../img/common/ico_keisanki.png) no-repeat 10px center, linear-gradient(top, #9f393c 0%, #830708 100%);
}

/*-----------------------------------------------------------------------------
  h1.ttl-3 黒帯
-----------------------------------------------------------------------------*/
h1.ttl-3 {
  display: block;
  padding: 18px 20px;
/*  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000000), color-stop(0.00, #656565));
  background: -webkit-linear-gradient(top, #656565 0%, #000000 100%);
  background: -moz-linear-gradient(top, #656565 0%, #000000 100%);
  background: -o-linear-gradient(top, #656565 0%, #000000 100%);
  background: -ms-linear-gradient(top, #656565 0%, #000000 100%);
  background: linear-gradient(top, #656565 0%, #000000 100%);*/
  background: #333;
  color: #fff;
  font-size: 20px;
  /*line-height: 18px;*/
  vertical-align: middle;
  font-weight: bold;
}

/*-----------------------------------------------------------------------------
  h1.ttl-4 タイトル関連
-----------------------------------------------------------------------------*/
h1.ttl-4 {
  display: block;
  overflow: hidden;
  background: #dfdfdf;
  padding-left: 10px;
  font-size: 14px;
  line-height: 30px;
  vertical-align: middle;
  height: 30px;
}

/*-----------------------------------------------------------------------------
  h1.ttl-5 タイトル関連 下線付き
-----------------------------------------------------------------------------*/
h1.ttl-5 {
  overflow: hidden;
  display: block;
  margin-bottom: 20px;
  padding-bottom: 2px;
  border-bottom: 2px solid #b0b0b0;
  font-size: 20px;
  font-weight: bold;
  line-height:
   22px;
}
ul + h1.ttl-5 {
  padding-top: 20px;
}

/*-----------------------------------------------------------------------------
  h1.ttl-6 タイトル関連 下線付き
-----------------------------------------------------------------------------*/
h1.ttl-6 {
  display: block;
  overflow: hidden;
  font-size: 18px;
  line-height: 22px;
  padding-top:20px;
  margin-bottom: 10px;
  font-weight: bold;
  color: #007ac3;
}
h1.ttl-6:first-child {
  padding-top:0;
}

/*-----------------------------------------------------------------------------
  h2.ttl-1 タイトル関連 renew
-----------------------------------------------------------------------------*/
h2.ttl-1 {
  position: relative;
  margin: 20px auto 0;
  padding: 6px 10px 4px;
  /*box-shadow: 0 2px 3px #ccc;*/
  background: #c40000;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
}

/* アイコン ※CSS3の仕様上、backgroundに背景画像とグラデーションの指定を再設定する必要有
-----------------------------------------------------------------------------*/
h2.ttl-1.ico-arrow2-b {
  padding: 10px 10px 10px 30px;
  background-image: url(../img/common/ico_arrow2-b.png);
  background-position: 10px center;
  background-repeat: no-repeat;
  font-size: 16px;
/*  background: url(../img/common/ico_arrow2-b.png) no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f39595), color-stop(0.00, #fda6a6));
  background: url(../img/common/ico_arrow2-b.png) no-repeat 10px center, -webkit-linear-gradient(top, #fda6a6 0%, #f39595 100%);
  background: url(../img/common/ico_arrow2-b.png) no-repeat 10px center, -moz-linear-gradient(top, #fda6a6 0%, #f39595 100%);
  background: url(../img/common/ico_arrow2-b.png) no-repeat 10px center, -o-linear-gradient(top, #fda6a6 0%, #f39595 100%);
  background: url(../img/common/ico_arrow2-b.png) no-repeat 10px center, -ms-linear-gradient(top, #fda6a6 0%, #f39595 100%);
  background: url(../img/common/ico_arrow2-b.png) no-repeat 10px center, linear-gradient(top, #fda6a6 0%, #f39595 100%);*/
}

/* h2.ttl-1 検索結果等の数字表記
-----------------------------------------------------------------------------*/
h2.ttl-1 span {
  float: right;
  display: block;
  font-size: 12px;
}

/*-----------------------------------------------------------------------------
  h2.ttl-2 タイトル関連 renew
-----------------------------------------------------------------------------*/
h2.ttl-2,
legend.ttl-2 {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 15px auto;
  padding: 11px 10px 11px 20px;
  background: #ddd;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.25;
  vertical-align: middle;
}

/* h2.ttl-2 拡大ボタン付き　renew
-----------------------------------------------------------------------------*/
h2.ttl-2 a.ico-closeup {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  height: 100%;
  margin: 0px;
  padding-right: 10px;
  padding-left: 40px;
  background-color: #666;
  color: #fff;
  font-size: 18px;
  line-height: 45px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}
h2.ttl-2 a.ico-closeup::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 11px;
  width: 21px;
  height: 20px;
  margin: auto 0;
  background: url("/sp2/public/img/common/sprite_icon.svg?20211022") -191px -83px no-repeat;
  transform: scale(1.2);
}
/* h2.ttl-2 .btn-1ボタン付き renew
-----------------------------------------------------------------------------*/
h2.ttl-2 a.btn-1 {
  position: absolute;
  right: 10px;
  top: 50%;
  display: table;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 10px 10px 10px 5px;
  font-size: 16px;
  line-height: 16px;
  box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
}

/*-----------------------------------------------------------------------------
  h2.ttl-3 タイトル関連
-----------------------------------------------------------------------------*/
h2.ttl-3,
legend.ttl-3 {
  overflow: hidden;
  padding: 5px 10px 2px;
  border-top: 1px solid #b0b0b0;
  border-bottom: 1px solid #b0b0b0;
  background: #eee;
  font-size: 18px;
  line-height: 20px;
}

/*-----------------------------------------------------------------------------
  h2.ttl-4 タイトル関連
-----------------------------------------------------------------------------*/
h2.ttl-4,
legend.ttl-4 {
  display:block;
  padding:5px 10px;
  background-color:#dfdfdf;
}
h2.ttl-4 {
  margin-bottom:10px;
}
legend.ttl-4 + div,
legend.ttl-4 + ul,
legend.ttl-4 + p {
  padding-top: 10px;
}
fieldset > .ttl-4 {
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  color: #007ac3;
  margin: 10px 10px 5px;
  display: block;
}
fieldset > .ttl-4::before {
  content:'【';
}
fieldset > .ttl-4::after {
  content:'】';
}

/*-----------------------------------------------------------------------------
  h2.ttl-5 タイトル関連
-----------------------------------------------------------------------------*/
h2.ttl-5 {
  padding: 2px 10px;
  overflow: hidden;
  font-size: 18px;
  line-height: 20px;
  border-left: 5px solid #9f393c;
  margin-bottom: 10px;
}

/*-----------------------------------------------------------------------------
  h2.ttl-6 タイトル関連
-----------------------------------------------------------------------------*/
h2.ttl-6 {
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  color: #9f393c;
  margin-bottom: 5px;
  margin-top: 20px;
}
h2.ttl-6::before {
  content:'【';
}
h2.ttl-6::after {
  content:'】';
}
h2.ttl-6:first-child {
  margin-top: 0px;
}

/*-----------------------------------------------------------------------------
  h3.ttl-1.top_page タイトル関連(h2.ttl-1のコピー)renew
-----------------------------------------------------------------------------*/
div#sitebg.top_page article section h3.ttl-1 {
  margin: 10px auto;
  padding: 8px 20px;
  /*border-bottom: 1px solid #ccc;*/
  background: #ddd;
  color: #333;
  font-weight: bold;
  font-size: 16px;
}

/*-----------------------------------------------------------------------------
  見出し隣接設定 renew
-----------------------------------------------------------------------------*/
#breadcrumb_top + .ttl-1 {/* パンくず直下 */
  margin-top: 0;
}
.ttl-1 + .ttl-1 {
  margin-top: 0 !important;
}

/*-----------------------------------------------------------------------------
  legend
  フォーム見出し追加 renew
-----------------------------------------------------------------------------*/
legend.ttl-5 {/* ウッドデッキのオプション積算 */
  width: 460px;
  margin: 10px;
  padding: 5px 0 5px 10px;
  border-left: 7px solid #ccc;
  background: #eee;
  font-size: 18px;
  font-weight: bold;
}
legend.ttl-5 + p.option_confirmation {
  margin-left: 10px;
}

/* ======================================================================================
  ★リスト関連
=======================================================================================*/

/*------------------------------------------------------------------
  商品情報タグ共通設定
------------------------------------------------------------------*/
ul[class^="list-"] li span > span.att_label span {/* renew */
  overflow: hidden;
  float: left;
  display: block;
  margin-right: 5px;
  padding: 3px 5px;
  border-radius: 3px;
  background: #f00;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}
ul[class^="list-"] li span > span.att_label span.label_def { background: #f29803;}
ul[class^="list-"] li span > span.att_label span.label_no1 { background: #b28850;}
ul[class^="list-"] li span > span.att_label span.label_no2 { background: #b5b5b5;}
ul[class^="list-"] li span > span.att_label span.label_no3 { background: #a74200;}
ul[class^="list-"] li span > span.att_label span.label_no4 { background: #88abda;}
ul[class^="list-"] li span > span.att_label span.label_no5 { background: #88abda;}

/* 能力仕様ラベル */
ul[class^="list-"] li span > span.ability_label {
}
ul[class^="list-"] li span > span.ability_label span {
  display: block;
  margin-bottom: 2px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.4;
  color: #FFF;
  background: #bbb;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 2px 5px 1px;
  text-align: center;
  font-weight: bold;
}

/*-----------------------------------------------------------------------------
  メーカーロゴ共通設定
-----------------------------------------------------------------------------*/
span.maker-logo {
  display: block;
  width: 70px;
  height: 16px;
  margin-bottom: 2px;
  background: url(../img/common/maker/img_maker-logo-2_toex.png) no-repeat center center;
  text-indent: -99999px;
}
span.maker-logo.inaba-monooki { background-image : url(../img/common/maker/img_maker-logo-2_inaba-monooki.png);}
span.maker-logo.sankyoalumis { background-image  : url(../img/common/maker/img_maker-logo-2_sankyoalumi.png);}
span.maker-logo.shinnnkei { background-image     : url(../img/common/maker/img_maker-logo-2_shinnnkei.png);}
span.maker-logo.sankin { background-image        : url(../img/common/maker/img_maker-logo-2_sankin.png);}
span.maker-logo.toex { background-image          : url(../img/common/maker/img_maker-logo-2_toex.png);}
span.maker-logo.tostem { background-image        : url(../img/common/maker/img_maker-logo-2_tostem.png);}
span.maker-logo.lixil { background-image        : url(../img/common/maker/img_maker-logo-2_lixil.png);}
span.maker-logo.takubo-monooki { background-image: url(../img/common/maker/img_maker-logo-2_takubo-monooki.png);}
span.maker-logo.value-select { background-image  : url(../img/common/maker/img_maker-logo-2_value-select.png);}
span.maker-logo.ykkap { background-image         : url(../img/common/maker/img_maker-logo-2_ykkap.png);}
span.maker-logo.yodo-monooki { background-image  : url(../img/common/maker/img_maker-logo-2_yodo-monooki.png);}


/*------------------------------------------------------------------
  サイトトップ　商品カテゴリのリスト
------------------------------------------------------------------*/
ul.list-thumb-1 {
  margin: -10px auto;/* 0 auto 5px */
}
ul.list-thumb-1 li {
  display: block;
  overflow: hidden;
  height: 145px;
  border-bottom: 1px solid #ddd;
  background: url(../img/000menu_index/img_cate_carport.jpg) no-repeat 12px center;
  background-size: auto 120px;/* 135px */
}
ul.list-thumb-1 li a {
  overflow: hidden;
  display: block;
  height: 100%;
  padding-right: 20px;
  padding-left: 190px;
  background: url(../img/common/icon_next.svg) no-repeat 98% center;/* renew */
  -webkit-background-size: 2.4%;
  background-size: 2.4%;
  color: #333;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}
ul.list-thumb-1 li a span {
  padding: 0 1px;
  font-weight: bold;
}
ul.list-thumb-1 li a span.ttl {
  display: block;
  padding: 20px 0 10px;
  /*padding: 24px 0 18px;*/
  color: #333;
  font-size: 29px;
  font-weight: bold;
  line-height: 1.2;
}
section#cate-search ul.list-thumb-1 li:last-child {
  border-bottom: none;
}

/* 工事費込～
----------------------------------------------------*/
section#cate-search ul.list-thumb-1 li a span.price {
  display: inline-block;
  /*margin-left: 10px;*/
  margin-bottom: 5px;
  margin-left: -2px;
  padding: 0;
  /*padding: 3px 8px 2px;*/
  border-radius: 20px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.3;
  vertical-align: middle;
  color: #f00;
  /*background-color: #fffafa;*/
  /*border: 1px solid #fdd;*/
}
section#cate-search ul.list-thumb-1 li a span.price span.num {
  display: inline-block;/* for :first-letter */
  margin-right: -9px;
  /*padding-left: 5px;*/
  font-size: 130%;
  font-weight: bold;
  letter-spacing: 0.2ex;
}
section#cate-search ul.list-thumb-1 li a span.price span.num:first-letter {/* ￥細字 */
  font-weight: normal !important;
}

/* その他グループ */
section#cate-search ul.others li a span.ttl {
  padding: 35px 0 10px;
}

/*------------------------------------------------------------------
  ul.list-thumb-2
  ※関連商品を探す、工事例一覧
------------------------------------------------------------------*/
ul.list-thumb-2 li {
  overflow: hidden;
  display: block;
  padding: 0;
  border-bottom: 1px solid #ddd;
}
ul.list-thumb-2 li a {
  overflow: hidden;
  display: block;
  min-height: 120px;
  margin: 10px;
  padding: 0 10px 0 0;
  background: url(../img/common/icon_next.svg) no-repeat 100% center;
  -webkit-background-size: 7px;
  background-size: 7px;
  color: #000;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
  vertical-align: middle;
}
ul.list-thumb-2 li a img {
  display: inline-block;
  height: 120px;
  margin-right: 10px;
  vertical-align: middle;
}
ul.list-thumb-2 li a > span.info {
  overflow: hidden;
  display: inline-block;
  width: auto;
  color: #808080;
  vertical-align: middle;
}
ul.list-thumb-2 li a > span.info > span.name {
  width: auto;
  margin: 5px 0;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
}
ul.list-thumb-2 li a > span.info > span.intro-text {
  color: #555;
  font-size: 14px;
  line-height: 1.25;
  vertical-align: baseline;
}
ul.list-thumb-2 li a > span.info > span {
  overflow: hidden;
  display: block;
}

/* 関連商品設定
------------------------------------------------------------------*/
section#chain-products .hd {
  height: 38px;
  padding-left: 20px;
  background-color: #c40000;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 38px;
}
section#chain-products > ul.list-thumb-2 li > a {
  display: block;
  margin: 0;
  background-size: 11px auto;
  background-position: 97% center;
}
section#chain-products > ul.list-thumb-2 li > a > img {
  float: left;
}
section#chain-products > ul.list-thumb-2 li > a > span.info {
  width: 248px;
  padding-top: 20px;
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.25;
  color: #555;
}
ul.list-thumb-2 li a > span.info > span.name {
  font-size: 23px;
}

/*------------------------------------------------------------------
  関連商品リスト（カテゴリトップ）
------------------------------------------------------------------*/
#chain-products ul.tile li {
  float: left;
}
#chain-products ul.tile li a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 240px;
  height: 293px;
  padding: 10px 10px 10px;
  border-bottom: 1px solid #ddd;
  color: #000;
  text-decoration: none;
  text-align: center;
}

#chain-products ul.tile a:nth-of-type(2n-1) {
  border-right: 1px solid #ddd;
}

/* for small display */
@media screen and (max-width: 320px){
  #chain-products ul.tile li a {
    height: 320px;
  }
}



/* 商品写真
---------------------------------------*/
#chain-products ul.tile .cate_img {
  position: relative;
  width: 219px;
  height: 193px;
  background-color: #eee;

  text-indent: 200%;
  white-space: nowrap;
}
#chain-products.js-bg-lazy-loaded ul.tile .cate_img {
  background-image: url("/sp2/public/img/000menu_index/sprite_site_top.webp?20251222");
  background-repeat: no-repeat;
}
#chain-products ul.tile li.xa .cate_img,
#chain-products ul.tile li.st .cate_img,
#chain-products ul.tile li.pl .cate_img,
#chain-products ul.tile li.gp .cate_img,
#chain-products ul.tile li.etc .cate_img,
#chain-products ul.tile li.eco .cate_img,
#chain-products ul.tile li.sl .cate_img {
  height: 162px;
}

#chain-products ul.tile li.cp .cate_img  { background-position: 0px 0px; }
#chain-products ul.tile li.cy .cate_img  { background-position: -219px 0px; }
#chain-products ul.tile li.cg .cate_img  { background-position: 0px -193px; }
#chain-products ul.tile li.sh .cate_img  { background-position: -219px -193px; }
#chain-products ul.tile li.mp .cate_img  { background-position: 0px -386px; }
#chain-products ul.tile li.fu .cate_img  { background-position: -219px -386px; }
#chain-products ul.tile li.fe .cate_img  { background-position: 0px -579px; }
#chain-products ul.tile li.ts .cate_img  { background-position: -219px -579px; }
#chain-products ul.tile li.tr .cate_img  { background-position: 0px -772px; }
#chain-products ul.tile li.tg .cate_img  { background-position: -219px -772px; }
#chain-products ul.tile li.aw .cate_img  { background-position: 0px -965px; }
#chain-products ul.tile li.pg .cate_img  { background-position: -219px -965px; }
#chain-products ul.tile li.wd .cate_img  { background-position: 0px -1158px; }
#chain-products ul.tile li.rs .cate_img  { background-position: -219px -1158px; }
#chain-products ul.tile li.mo .cate_img  { background-position: 0px -1351px; }
#chain-products ul.tile li.sy .cate_img  { background-position: -219px -1351px; }
#chain-products ul.tile li.gs .cate_img  { background-position: 0px -1544px; }
#chain-products ul.tile li.br .cate_img  { background-position: -219px -1544px; }
#chain-products ul.tile li.bl .cate_img  { background-position: 0px -1737px; }
#chain-products ul.tile li.um .cate_img  { background-position: -219px -1737px; }
#chain-products ul.tile li.ws .cate_img  { background-position: 0px -1930px; }
#chain-products ul.tile li.mk .cate_img  { background-position: -219px -1930px; }
#chain-products ul.tile li.fj .cate_img  { background-position: 0px -2123px; }
#chain-products ul.tile li.rd .cate_img  { background-position: -219px -2123px; }
#chain-products ul.tile li.xa .cate_img  { background-position: 0px -2316px; }
#chain-products ul.tile li.st .cate_img  { background-position: -219px -2316px; }
#chain-products ul.tile li.pl .cate_img  { background-position: 0px -2478px; }
#chain-products ul.tile li.gp .cate_img  { background-position: -219px -2478px; }
#chain-products ul.tile li.etc .cate_img { background-position: 0px -2640px; }
#chain-products ul.tile li.eco .cate_img { background-position: -219px -2640px; }
#chain-products ul.tile li.sl .cate_img { background-position: 0px -2802px; }

/* 割引率
---------------------------------------*/
#chain-products ul.tile .discount {
  position: absolute;
  top: 4px;
  right: 5px;
  display: flex;
  align-items: center;
  padding: 0px 3px;
  border: 1px solid #ff8686;
  border-radius: 3px;
  background-color: #fff;
  color: #f00;
  font-weight: bold;
  line-height: 19px;
  text-indent: 0;
}
#chain-products ul.tile .discount span {
  line-height: 1;
}
#chain-products ul.tile .discount .max {
  font-size: 10px;
}
#chain-products ul.tile .discount .rate {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 2.5ex;
}
#chain-products ul.tile .discount .num {
  display: inline-flex;
  align-items: center;
  margin-top: 0px;
  margin-left: 1px;
  font-size: 26px;
  font-weight: bold;
}
#chain-products ul.tile .discount .ratio {
  display: block;
  font-size: 12px;
  text-align: left;
}
#chain-products ul.tile .discount .off {
  font-size: 11px;
}

/* for small display */
@media screen and (max-width: 320px){
  #chain-products ul.tile .discount .num {
    font-size: 27px;
  }
}

/*---------------------------------------
  カテゴリ名
---------------------------------------*/
#chain-products ul.tile .cate_name {
  margin: 10px 0 10px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
}
#chain-products ul.tile .cate_name.fz-small {
  font-size: 20px;
}
/*---------------------------------------
  価格
---------------------------------------*/
#chain-products ul.tile .box_price {
  position: absolute;
  left: -9000px;
}

/* ラベルBOX
-------------------------------------- */
#chain-products ul.tile .box_price .tax {
  display: table-cell;
  height: 33px;
  font-size: 12px;
  line-height: 24px;
  vertical-align: middle;
  text-align: left;
  letter-spacing: -0.1ex;
  white-space: nowrap;
}
#chain-products ul.tile .box_price .tax p {
  margin: 0 5px;
  color: #f00;
  font-size: 12px;
  line-height: 1;
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
}
#chain-products ul.tile .box_price .tax p:first-of-type {
  padding: 3px 0 2px;
  letter-spacing: 0.1ex;
}
#chain-products ul.tile .box_price .tax p:last-of-type {
  padding: 3px 0 2px;
}

@media screen and (max-width: 360px){
  #chain-products ul.tile .box_price .tax p:first-of-type {
    padding: 4px 0 0px;
  }
  #chain-products ul.tile .box_price .tax p:last-of-type {
    padding: 5px 0 0px;
  }
}
@media screen and (max-width: 320px){
  #chain-products ul.tile .box_price .tax p:first-of-type {
    padding: 2px 0 2px;
  }
  #chain-products ul.tile .box_price .tax p:last-of-type {
    padding: 3px 0 0px;
  }
}

/* 価格
-------------------------------------- */
#chain-products ul.tile .box_price .price {
  display: block;
}

/*---------------------------------------
  底部のプロパティ
---------------------------------------*/
#chain-products ul.tile .box_details {
  display: table;
  margin-top: 10px;
  font-size: 12px;
}

/* 説明文
---------------------------------------*/
#chain-products ul.tile .box_details .caption {
  display: table-cell;
  width: 115px;
  padding: 0 7px 0 0;
  font-size: 12px;
  letter-spacing: -0.1ex;
  line-height: 1.4;
  text-align: justify;
}
/* for android */
@media screen and (max-width: 360px){
  #chain-products ul.tile .box_details .caption {
    font-size: 8px;
    letter-spacing: -0.2ex;
    line-height: 1.2;
  }
}
/* for small display */
@media screen and (max-width: 320px){
  #chain-products ul.tile .box_details .caption {
    font-size: 10px;
    line-height: 1.2;
  }
}

/* 工事数・商品数ない場合
---------------------------------------*/
#chain-products ul.tile .box_details .caption:last-of-type {
  width: 100%;
  padding-top: 10px;
  font-size: 14px;
  line-height: 1.3;
}


/* 工事・商品　数値
---------------------------------------*/
#chain-products ul.tile .box_details .prop {
  display: table-cell;
  min-width: 3em;
  padding: 0 5px;
  border-left: 1px solid #ccc;
  color: 333px;
  font-size: 12px;
  line-height: 1;
}
/* for small display */
@media screen and (max-device-width: 360px){
  #chain-products ul.tile .box_details .prop {
    padding: 0 3px;
  }
}
#chain-products ul.tile .box_details .prop span {
  display: block;
  white-space: nowrap;
  text-align: center;
}
#chain-products ul.tile .box_details .prop span.num {
  padding-top: 2px;
  color: 333px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
/* for small display */
@media screen and (max-device-width: 320px){
  #chain-products ul.tile .box_details .prop span.num {
    padding-top: 7px;
    font-size: 12px;
  }
}
/* 商品数（※右端の項目） */
#chain-products ul.tile .box_details .prop:last-of-type {
  padding-right: 0;
}

/*------------------------------------------------------------------
  ul.list-thumb-3 リスト関連　サムネイルw230付きリスト
------------------------------------------------------------------*/
ul.list-thumb-3 li {
  display: block;
  overflow: hidden;
  padding: 10px;
}
ul.list-thumb-3 li img {
  display: inline-block;
  width: 230px;
  margin-right: 10px;
  vertical-align: top;
}
ul.list-thumb-3 li span.info {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  font-size: 16px;
  line-height: 1.4;
  width: 215px;
}
ul.list-thumb-3 li span.info > span {
  display:block;
  overflow:hidden;
  margin-bottom:5px;
}
ul.list-thumb-3 li span.info > span:last-child {
  margin-bottom:0;
}
ul.list-thumb-3 li span.info > span.att_label {
}
ul.list-thumb-3 li span.info > span.name {
  font-size: 18px;
  line-height: 25px;
  font-weight: bold;
}
ul.list-thumb-3 li span.info > span.intro-text {
  font-size: 14px;
  line-height: 16px;
  vertical-align: baseline;
  color: #808080;
}
ul.list-thumb-3 li span.info > span.ability_label {
}
ul.list-thumb-3 li span.info > span.ability_label span {
  width: 120px;
  padding-right: 0px;
  padding-left: 0px;
}

/*------------------------------------------------------------------
  ul.list-thumb-4 リスト関連　サムネイルw210付きリスト
------------------------------------------------------------------*/
ul.list-thumb-4 li {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #b0b0b0;
}
ul.list-thumb-4 li a {
  display: block;
  overflow: hidden;
  background: url(../img/common/ico_arrow1-r.png) no-repeat 98% center;
  text-decoration: none;
  color: #000;
  font-size: 12px;
  line-height: 14px;
}
ul.list-thumb-4 li span.name {
  display: block;
  overflow: hidden;
  font-size: 18px;
  line-height: 25px;
  font-weight: bold;
  background: #dfdfdf;
  border-bottom: 1px solid #b0b0b0;
  padding-right: 10px;
  padding-left: 10px;
}
ul.list-thumb-4 li span.name span[class*="maker-logo"] {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
ul.list-thumb-4 li a > img {
  width: 210px;
  vertical-align: top;
  float: left;
  margin: 10px 0px 10px 20px;
}
ul.list-thumb-4 li span.info {
  display: block;
  overflow: hidden;
  vertical-align: top;
  font-size: 16px;
  line-height: 1.4;
  width: 215px;
  float: right;
  margin: 10px 20px 10px 0px;
}
ul.list-thumb-4 li span.info > span {
  display:block;
  overflow:hidden;
  margin-bottom:5px;
}
ul.list-thumb-4 li span.info > span:last-child {
  margin-bottom:0;
}
ul.list-thumb-4 li span.info > span.att_label {
  margin-bottom: 10px;
}
ul.list-thumb-4 li span.info > span.intro-text {
  font-size: 14px;
  line-height: 16px;
  vertical-align: baseline;
  color: #808080;
}
ul.list-thumb-4 li span.info > span.intro-text span {
  color: #000;
  font-weight: bold;
}
ul.list-thumb-4 li span.info > span.price {
  font-size: 14px;
  line-height: 16px;
  color: #808080;
  vertical-align: baseline;
}
ul.list-thumb-4 li span.info > span.price > span {
  font-size: 21px;
  line-height: 23px;
  color: #F00;
  vertical-align: baseline;
  font-weight: bold;
  margin-right: 3px;
}
ul.list-thumb-4 li span.box-3 {
  clear:both;
  display: block;
  margin: 10px 20px;
}

/*------------------------------------------------------------------
  ul.list-thumb-5 リスト関連　CSS背景指定(スプライト)　サムネイルw160付きリスト
------------------------------------------------------------------*/
ul.list-thumb-5 li {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #C1C1C1;
}
ul.list-thumb-5 li a {
  display: block;
  background: url(../img/common/ico_arrow1-r.png) no-repeat 98% center;
  text-decoration: none;
  color: #000;
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
  padding: 2px 20px 2px 2px;
  vertical-align: middle;
}
ul.list-thumb-5 li a img {
  height: 120px;
  width:160px;
  margin-right: 7px;
  vertical-align: middle;
  display: inline-block;
}
ul.list-thumb-5 li[class*="img-"] a::before {
  content: "";
  text-indent:-9999px;
  background-image: url(../img/common/img_nowprinting-w156h116.png);
  background-repeat: no-repeat;
  background-position: left top;
  width:160px;
  height: 120px;
  margin-right: 7px;
  vertical-align: middle;
  display: inline-block;
}
ul.list-thumb-5 li a > span.info {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  width: 290px;
  color: #808080;
}
ul.list-thumb-5 li a > span.info > span {
  color: #F00;
}
ul.list-thumb-5 li a > span.info > span.ttl {
  display: block;
  overflow: hidden;
  font-size: 30px;
  line-height: 32px;
  font-weight: bold;
  color: #000;
  white-space :pre;
}

/*------------------------------------------------------------------
  ul.list-thumb-6 リスト関連　サムネイルw174付きリスト
------------------------------------------------------------------*/
ul.list-thumb-6 li {
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
}
ul.list-thumb-6 li:last-child {
  margin-bottom: 0;
}
ul.list-thumb-6 li > img {
  display: inline-block;
  width: 174px;
  margin-right: 10px;
  vertical-align: top;
}
ul.list-thumb-6 li .info {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  font-size: 16px;
  line-height: 1.4;
  width: 270px;
}
ul.list-thumb-6 li .info > .name {
  display:block;
  overflow:hidden;
  margin-bottom:5px;
  font-size: 16px;
  line-height: 25px;
  font-weight: bold;
  color: #007ac3;
}
ul.list-thumb-6 li .info > .name small {
  font-size: 12px;
  line-height: 25px;
  font-weight: normal;
}
ul.list-thumb-6 li .info > .intro-text {
  display:block;
  overflow:hidden;
  margin-bottom:5px;
  font-size: 14px;
  line-height: 16px;
  vertical-align: top;
  color: #000;
}
ul.list-thumb-6 li .info > .p-name {
  display:block;
  overflow:hidden;
  font-size: 12px;
  line-height: 16px;
  vertical-align: baseline;
}

/*------------------------------------------------------------------
  ul.list-thumb-7 リスト関連　2カラム　サムネイルw220付きリスト
------------------------------------------------------------------*/
ul.list-thumb-7 {
  display: block;
  overflow: hidden;
}
ul.list-thumb-7 li {
  float: left;
  width: 220px;
  margin-right: 20px;
  margin-bottom: 20px;
  display: block;
  text-align: center;
}
ul.list-thumb-7 li:nth-child(2n) {
  margin-right: 0px;
}
ul.list-thumb-7 li:nth-child(2n+1) {
  clear: left;
}

/*------------------------------------------------------------------
  ul.list-thumb-8 リスト関連　3カラム　サムネイルw148付きリスト
------------------------------------------------------------------*/
ul.list-thumb-8 {
  display: block;
  overflow: hidden;
}
ul.list-thumb-8 li {
  float: left;
  width: 148px;
  margin-right: 8px;
  margin-bottom: 20px;
  display: block;
  text-align: center;
}
ul.list-thumb-8 li:nth-child(3n) {
  margin-right: 0px;
}
ul.list-thumb-8 li:nth-child(3n+1) {
  clear: left;
}

/*------------------------------------------------------------------
  ul.list-thumb-9 リスト関連　2カラム　サムネイルw175付きリスト
------------------------------------------------------------------*/
ul.list-thumb-9 li {
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
}
ul.list-thumb-9 li:last-child {
  margin-bottom: 0;
}
ul.list-thumb-9 li > img {
  display: inline-block;
  width: 175px;
  margin-right: 10px;
  vertical-align: top;
}
ul.list-thumb-9 li > h1 {
  margin-bottom: 10px;
}
ul.list-thumb-9 li .info {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  font-size: 16px;
  line-height: 1.4;
  width: 270px;
  float: right;
}
ul.list-thumb-9 li .info > h2 {
  display:block;
  overflow:hidden;
  margin-bottom:5px;
  font-size: 18px;
  line-height: 25px;
  font-weight: bold;
  color: #007ac3;
}
ul.list-thumb-9 li .info > p {
  display:block;
  overflow:hidden;
  margin-bottom:10px;
  font-size: 14px;
  line-height: 16px;
  vertical-align: baseline;
  color: #000;
}
ul.list-thumb-9 li .info > p:last-child {
  margin-bottom:0;
}

/*------------------------------------------------------------------
  商品リスト　ランキングTOP5
  ul.list-product-1
------------------------------------------------------------------
ul.list-product-1 li {
  overflow: hidden;
  display: block;
  border-bottom: 1px solid #C1C1C1;
}
ul.list-product-1 li a {
  display: block;
  background: url(../img/common/ico_arrow1-r.png) no-repeat 98% center;
  text-decoration: none;
  color: #000;
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
  padding: 2px 20px 2px 2px;
}*/


/* アイコン
---------------------------------------------------
ul.list-product-1 li span > span.att_label {
  padding-top: 4px;
  padding-bottom: 10px;
}*/

/* メーカーロゴ
---------------------------------------------------
ul.list-product-1 li a span > span.att_label span.makerlogo {
  display: block;
  width: 72px;
  height: auto;
  margin-bottom: 2px;
  padding: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 1px;
  line-height: 1;
  text-indent: 0;
}
ul.list-product-1 li a span.makerlogo img {
  width: 72px;
  height: auto;
}*/

/* 商品名
-----------------------------------------------------------
ul.list-product-1 li a > span.info > span.name {
  font-size: 18px;
  line-height: 25px;
  font-weight: bold;
}*/

/* 販売価格
-----------------------------------------------------------
ul.list-product-1 li a > span.info > span.price {
  font-size: 14px;
  line-height: 16px;
  color: #808080;
  vertical-align: baseline;
}
ul.list-product-1 li a > span.info > span.price > span {
  font-size: 21px;
  line-height: 23px;
  color: #F00;
  vertical-align: baseline;
  font-weight: bold;
  margin-right: 3px;
}
ul.list-product-1 li a > span.info > span.works {
  font-size: 14px;
  line-height: 16px;
  color: #448ac9;
}*/

/*------------------------------------------------------------------------
  商品リスト
  ul.list-product-1
------------------------------------------------------------------------*/
ul.list-product-1 li,
ul.list-product-2 li {
  overflow: hidden;
  display: block;
  border-bottom: 1px solid #ddd;
}
ul.list-product-1 li a,
ul.list-product-2 li a {
  overflow: hidden;
  position: relative;
  display: block;
  padding: 10px 24px 10px 10px;
  color: #000;
  font-size: 12px;
  text-decoration: none;
  line-height: 14px;
}
/* 商品写真（product-1）
-----------------------------------------------------------*/
ul.list-product-1 li a img {
  height: 116px;
  float: left;
  margin-right: 7px;
}

/* 商品写真（product-2）
-----------------------------------------------------------*/
ul.list-product-2 li a span.list-photo {
  display: table-cell;
  width: 156px;
  text-align: center;
  vertical-align: middle;
}
ul.list-product-2 li a span.list-photo img {
  width: auto;
  height: 116px;
  margin-right: 10px;
  vertical-align: middle;
}

/* 右情報カラム
-----------------------------------------------------------*/
ul.list-product-1 li a > span.info,
ul.list-product-2 li a > span.info {
  display: table-cell;
}
ul.list-product-2 li a > span.info > h2,
ul.list-product-1 li a > span.info > span,
ul.list-product-2 li a > span.info > span {
  display: block;
  overflow: hidden;
}

/* メーカーロゴ
---------------------------------------------------*/
ul.list-product-1 li a span > span.makerlogo,
ul.list-product-2 li a span > span.makerlogo {
  position: absolute;
  display: block;
  left: 10px;
  top: 10px;
  width: 50px;
  height: auto;
  margin-bottom: 2px;
  padding: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 1px;
  line-height: 1;
  text-indent: 0;
}
ul.list-product-1 li a span.makerlogo img,
ul.list-product-2 li a span.makerlogo img {
  width: 50px;
  height: auto;
}

/* 商品名
-----------------------------------------------------------*/
ul.list-product-2 li a > span.info > .name,
ul.list-product-1 li a > span.info > span.name,
ul.list-product-2 li a > span.info > span.name {
  margin: 10px auto 5px;
  padding: 0 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}

/* 販売価格
-----------------------------------------------------------*/
ul.list-product-1 li a > span.info > span.price,
ul.list-product-2 li a > span.info > span.price {
  display: block;
  color: #f00;
  font-size: 15px;
  line-height: 1.2;
  vertical-align: bottom;
}
ul.list-product-1 li a > span.info > span.price > span,
ul.list-product-2 li a > span.info > span.price > span {/* 工事費価格 */
  display: inline-block;
  margin: 0px 2px 0 5px;
  color: #f00;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
}
ul.list-product-1 li a > span.info > span.works,
ul.list-product-2 li a > span.info > span.works {/* 工事例　*/
  display: inline-block;
  margin-top: 5px;
  color: #448ac9;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2;
}

/*------------------------------------------------------------------------
  ◆商品リスト表示
  list-product-1 ランキングTOP５
  list-product-2 商品一覧
------------------------------------------------------------------------*/
.item-list-area a.zoom {
  /*display: none;*/
}
.item-list-area.view_list .dp_thumb {/* 画像表示用要素 */
  display: none !important;
}
.item-list-area.view_list ul li {
  overflow: hidden;
  display: block;
  border-bottom: 1px solid #ddd;
}
.item-list-area.view_list ul li > a:not(.zoom) {
  overflow: hidden;
  position: relative;
  display: block;
  padding: 10px 24px 10px 10px;
  color: #000;
  font-size: 12px;
  text-decoration: none;
  line-height: 14px;
}
.item-list-area.view_list ul li > a:not(.zoom) {
  background: none;
}
.item-list-area.view_list ul li > a:not(.zoom)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 96%;
  width: 14px;
  height: 24px;
  margin: auto 0;
  background: url("/sp2/public/img/common/sprite_icon.svg?20211022") 0 0 no-repeat;
  transform: scale(0.6428);
}
/* 商品ランキング
-----------------------------------------------------------*/
.item-list-area.view_list ul li span.dp_list span {
  float: none;
  display: inline-block;
  vertical-align: top;
}
.item-list-area.view_list ul li span.end_of_sale {
  padding-left: 0;
  background: none;
  color: #000;
  font-size: 14px;
}
.item-list-area.view_list ul li span.label_newitem {
  background-color: #ffe612;
  color: #f00;
}
.item-list-area.view_list ul li span.ico_rank {
  img {
    position: absolute;
    top: 6px;
    right: 315px;
    width: 40px;
    height: auto;
  }
}
.item-list-area.view_list ul li span.ico_rank span[id*="rank"] {
  box-sizing: border-box;
  display: inline-block;
  max-width: 105px;
  padding: 0 6px;
  border-radius: 2px;
  border: 1px solid #000;
  background-image:none !important;
  font-size: 11px;
  text-align: center;
  line-height: 19px;
}
.item-list-area.view_list ul li span.ico_rank span[id*="rank"] br {
  display: none;
}
/* テキストが長い場合
--------------------------------*/
.item-list-area.view_list ul li .ico_rank_longtext span[id*="rank"] {
  display: flex;
  padding: 0;
}
.item-list-area.view_list ul li .ico_rank_longtext span[id*="rank"] .txt_rank {
  width: 84px;
  font-size: 10px;
  transform: scale(0.9);
  transform-origin: left center;
  text-align: left;
  white-space: nowrap;
}
.item-list-area.view_list ul li .ico_rank_longtext span[id*="rank"] .txt_grade {
  white-space: nowrap;
}
/* 1位 */
.item-list-area.view_list ul li span.ico_rank span[id*="rank1"] {
  border-color: #e6cd46;
  background-color: #fffdf2;
  color: #a63e00;
}

/* 2位 */
.item-list-area.view_list ul li span.ico_rank span[id*="rank2"] {
  border-color: #aaa;
  background-color: #f4f4f4;
  color: #333;
}

/* 3位 */
.item-list-area.view_list ul li span.ico_rank span[id*="rank3"] {
  border-color: #993d00;
  background-color: #fff9f5;
  color: #993d00;
}

/* カーポート */
.item-list-area.view_list ul li span#cp01s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_cp01.png);}
.item-list-area.view_list ul li span#cp01s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_cp01.png);}
.item-list-area.view_list ul li span#cp01s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_cp01.png);}
.item-list-area.view_list ul li span#cp02s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_cp02.png);}
.item-list-area.view_list ul li span#cp02s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_cp02.png);}
.item-list-area.view_list ul li span#cp02s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_cp02.png);}
.item-list-area.view_list ul li span#cp03s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_cp03.png);}
.item-list-area.view_list ul li span#cp03s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_cp03.png);}
.item-list-area.view_list ul li span#cp03s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_cp03.png);}
.item-list-area.view_list ul li span#cp04s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_cp04.png);}
.item-list-area.view_list ul li span#cp04s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_cp04.png);}
.item-list-area.view_list ul li span#cp04s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_cp04.png);}
.item-list-area.view_list ul li span#cp05s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_cp05.png);}
.item-list-area.view_list ul li span#cp05s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_cp05.png);}
.item-list-area.view_list ul li span#cp05s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_cp05.png);}
.item-list-area.view_list ul li span#cp06s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_cp06.png);}
.item-list-area.view_list ul li span#cp06s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_cp06.png);}
.item-list-area.view_list ul li span#cp06s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_cp06.png);}
.item-list-area.view_list ul li span#cp07s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_cp07.png);}
.item-list-area.view_list ul li span#cp07s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_cp07.png);}
.item-list-area.view_list ul li span#cp07s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_cp07.png);}
.item-list-area.view_list ul li span#cp08s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_cp08.png);}
.item-list-area.view_list ul li span#cp08s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_cp08.png);}
.item-list-area.view_list ul li span#cp08s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_cp08.png);}
.item-list-area.view_list ul li span#cp09s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_cp09.png);}
.item-list-area.view_list ul li span#cp09s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_cp09.png);}
.item-list-area.view_list ul li span#cp09s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_cp09.png);}
.item-list-area.view_list ul li span#cp10s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_cp10.png);}
.item-list-area.view_list ul li span#cp10s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_cp10.png);}
.item-list-area.view_list ul li span#cp10s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_cp10.png);}
/* カーゲート */
.item-list-area.view_list ul li span#cg01s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_cg01.png);}
.item-list-area.view_list ul li span#cg01s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_cg01.png);}
.item-list-area.view_list ul li span#cg01s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_cg01.png);}
.item-list-area.view_list ul li span#cg02s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_cg02.png);}
.item-list-area.view_list ul li span#cg02s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_cg02.png);}
.item-list-area.view_list ul li span#cg02s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_cg02.png);}
.item-list-area.view_list ul li span#cg03s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_cg03.png);}
.item-list-area.view_list ul li span#cg03s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_cg03.png);}
.item-list-area.view_list ul li span#cg03s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_cg03.png);}
.item-list-area.view_list ul li span#cg04s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_cg04.png);}
.item-list-area.view_list ul li span#cg04s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_cg04.png);}
.item-list-area.view_list ul li span#cg04s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_cg04.png);}
.item-list-area.view_list ul li span#cg05s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_cg05.png);}
.item-list-area.view_list ul li span#cg05s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_cg05.png);}
.item-list-area.view_list ul li span#cg05s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_cg05.png);}
.item-list-area.view_list ul li span#cg06s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_cg06.png);}
.item-list-area.view_list ul li span#cg06s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_cg06.png);}
.item-list-area.view_list ul li span#cg06s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_cg06.png);}
/* シャッターゲート */
.item-list-area.view_list ul li span#sh01s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_sh01.png);}
.item-list-area.view_list ul li span#sh01s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_sh01.png);}
.item-list-area.view_list ul li span#sh01s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_sh01.png);}
.item-list-area.view_list ul li span#sh02s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_sh02.png);}
.item-list-area.view_list ul li span#sh02s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_sh02.png);}
.item-list-area.view_list ul li span#sh02s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_sh02.png);}
/* バルコニー屋根 */
.item-list-area.view_list ul li span#br01s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_br01.png);}
.item-list-area.view_list ul li span#br01s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_br01.png);}
.item-list-area.view_list ul li span#br01s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_br01.png);}
.item-list-area.view_list ul li span#br02s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_br02.png);}
.item-list-area.view_list ul li span#br02s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_br02.png);}
.item-list-area.view_list ul li span#br02s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_br02.png);}
.item-list-area.view_list ul li span#br03s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_br03.png);}
.item-list-area.view_list ul li span#br03s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_br03.png);}
.item-list-area.view_list ul li span#br03s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_br03.png);}
.item-list-area.view_list ul li span#br04s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_br04.png);}
.item-list-area.view_list ul li span#br04s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_br04.png);}
.item-list-area.view_list ul li span#br04s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_br04.png);}
.item-list-area.view_list ul li span#br05s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_br05.png);}
.item-list-area.view_list ul li span#br05s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_br05.png);}
.item-list-area.view_list ul li span#br05s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_br05.png);}
.item-list-area.view_list ul li span#br06s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_br06.png);}
.item-list-area.view_list ul li span#br06s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_br06.png);}
.item-list-area.view_list ul li span#br06s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_br06.png);}
/* テラス屋根 */
.item-list-area.view_list ul li span#tr01s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_br01.png);}
.item-list-area.view_list ul li span#tr01s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_br01.png);}
.item-list-area.view_list ul li span#tr01s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_br01.png);}
.item-list-area.view_list ul li span#tr02s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_br02.png);}
.item-list-area.view_list ul li span#tr02s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_br02.png);}
.item-list-area.view_list ul li span#tr02s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_br02.png);}
.item-list-area.view_list ul li span#tr03s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_br03.png);}
.item-list-area.view_list ul li span#tr03s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_br03.png);}
.item-list-area.view_list ul li span#tr03s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_br03.png);}
.item-list-area.view_list ul li span#tr04s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_br04.png);}
.item-list-area.view_list ul li span#tr04s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_br04.png);}
.item-list-area.view_list ul li span#tr04s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_br04.png);}
.item-list-area.view_list ul li span#tr05s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_br05.png);}
.item-list-area.view_list ul li span#tr05s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_br05.png);}
.item-list-area.view_list ul li span#tr05s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_br05.png);}
.item-list-area.view_list ul li span#tr06s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_br06.png);}
.item-list-area.view_list ul li span#tr06s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_br06.png);}
.item-list-area.view_list ul li span#tr06s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_br06.png);}
/* フェンス */
.item-list-area.view_list ul li span#fe01s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_fe01.png);}
.item-list-area.view_list ul li span#fe01s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_fe01.png);}
.item-list-area.view_list ul li span#fe01s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_fe01.png);}
.item-list-area.view_list ul li span#fe02s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_fe02.png);}
.item-list-area.view_list ul li span#fe02s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_fe02.png);}
.item-list-area.view_list ul li span#fe02s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_fe02.png);}
.item-list-area.view_list ul li span#fe03s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_fe03.png);}
.item-list-area.view_list ul li span#fe03s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_fe03.png);}
.item-list-area.view_list ul li span#fe03s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_fe03.png);}
/* 門扉 */
.item-list-area.view_list ul li span#mp01s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_mp01.png);}
.item-list-area.view_list ul li span#mp01s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_mp01.png);}
.item-list-area.view_list ul li span#mp01s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_mp01.png);}
.item-list-area.view_list ul li span#mp02s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_mp02.png);}
.item-list-area.view_list ul li span#mp02s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_mp02.png);}
.item-list-area.view_list ul li span#mp02s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_mp02.png);}

/* 工事件数（リスト表示）
-----------------------------------------------------------*/
.item-list-area.view_list ul li span.review {
  color: #448ac9;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2;
}
.item-list-area.view_list ul li span.review .txt::after {
  content: '：';
  display: inline-block;
  padding: 0 2px;
}
.item-list-area.view_list ul li span.review .num {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
}
.item-list-area.view_list ul li span.review .num::after {
  content: '件';
  display: inline-block;
  padding-left: 2px;
  font-size: 14px;
  font-weight: normal;
}

/* クイックビューボタン
-----------------------------------------------------------*/
.item-list-area a.zoom {
  position: absolute !important;
}
.item-list-area.view_thumb a.zoom {
  top: 121px;
  left: 0;
}

/* 商品写真（product-1）
-----------------------------------------------------------*/
ul.list-product-1 li a img {
  float: left;
  height: 116px;
  margin-right: 7px;
}

/* 商品写真（product-2）
-----------------------------------------------------------*/
.item-list-area.view_list ul li a span.list-photo {
  display: table-cell;
  width: 156px;
  text-align: center;
  vertical-align: top;
}
.item-list-area.view_list ul li a span.list-photo img {
  width: auto;
  height: 116px;
  margin-right: 15px;
  vertical-align: top;
}

/* 右情報カラム
-----------------------------------------------------------*/
ul.list-product-1 li a > span.info,
.item-list-area.view_list ul li a > span.info {
  display: table-cell;
}
.item-list-area.view_list ul li a > span.info {
  width: 280px;
  vertical-align: top;
}

ul.list-product-1 li a > span.info > span,
.item-list-area.view_list ul li a > span.info > h2,
.item-list-area.view_list ul li a > span.info > span {
  display: block;
  overflow: hidden;
}

/* メーカーロゴ
---------------------------------------------------*/
ul.list-product-1 li a span > span.makerlogo,
.item-list-area.view_list ul li a span > span.makerlogo {
  position: absolute;
  display: block;
  left: 10px;
  top: 10px;
  width: 50px;
  height: auto;
  margin-bottom: 2px;
  padding: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 1px;
  line-height: 1;
  text-indent: 0;
}
ul.list-product-1 li a span.makerlogo img,
.item-list-area.view_list ul li a span.makerlogo img {
  width: 50px;
  height: auto;
}

/* 商品名
-----------------------------------------------------------*/
ul.list-product-1 li a > span.info > span.name,
.item-list-area.view_list ul li a > span.info > .name,
.item-list-area.view_list ul li a > span.info > span.name {
  margin: 10px auto 5px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  padding: 0;
}
.item-list-area.view_list ul li a > span.info > .name,
.item-list-area.view_list ul li a > span.info > span.name {
  margin: 0 0 10px 0;
}
/* 販売価格
-----------------------------------------------------------*/
ul.list-product-1 li a > span.info > span.price,
.item-list-area.view_list ul li a > span.info > span.price {
  display: block;
  color: #f00;
  font-size: 15px;
  line-height: 1.2;
  vertical-align: bottom;
}
ul.list-product-1 li a > span.info > span.price > span {/* 工事費価格 */
  display: inline-block;
  margin: 0px 2px 0 5px;
  color: #f00;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
}
.item-list-area.view_list ul li span.info span.price {
  margin: 9px 0 0;
}
.item-list-area.view_list ul li a > span.info > span.price span.ttl_price {
  margin: 7px 0 0 0;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.2;
}
.item-list-area.view_list ul li span.info span.price span.num_price {
  float: right;
  margin: 0;
  font-size: 16px;
  font-weight: normal;
}
/* フェンス/ウッドデッキ価格表示
-----------------------------------------------*/
.item-list-area.view_list ul li a > span.info > span.price span.ttl_price-fe,
.item-list-area.view_list ul li a > span.info > span.price span.ttl_price-multi {
  font-size: 15px;
  font-weight: normal;
}
.item-list-area.view_list ul li a > span.info > span.price span.num {/* 価格 */
  display: inline-block;
  color: #f00;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 34px;
  font-weight: bold;
  line-height: 1;
}
.item-list-area.view_list ul li a > span.info > span.discount {
  letter-spacing: -0.4em; /* inline-blockの隙間対策 */
}
.item-list-area.view_list ul li span.discount > span {
  letter-spacing: normal; /* inline-blockの隙間対策 */
  vertical-align: top;
}
.item-list-area.view_list ul li span.discount .label_off {
  display: inline-block;
  height: 28px;
  margin-right: 5px;
  padding: 0 5px;
  border-radius: 2px;
  background-color: #ff1111;
  color: #fff;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 28px;
}
.item-list-area.view_list ul li span.discount .label_off .num {
  font-size: 22px;
}
/* 工事費
------------------------------*/
.item-list-area.view_list ul li span.discount span.cost.free,
.item-list-area.view_list ul li span.discount span.cost.discount,
.item-list-area.view_list ul li span.discount span.cost.ex-price {
  display: inline-block;
  box-sizing: border-box;
  width: 134px;
  height: 28px;
  border: 1px solid #f00;
  border-radius: 2px;
  color: #f00;
  font-size: 15px;
  text-align: center;
  line-height: 28px;
}
.item-list-area.view_list ul li span.discount span.cost.free {
  background-color: #fff3f3;
}
.item-list-area.view_list ul li span.discount span.cost.discount {
  background-color: #fff;
}
.item-list-area.view_list ul li span.discount span.cost.ex-price {
  border-color: #ccc;
  background-color: #fff;
  color: #111;
}
ul.list-product-1 li a > span.info > span.works,
.item-list-area.view_list ul li a > span.info > span.works {/* 工事例　*/
  display: inline-block;
  margin-top: 5px;
  color: #448ac9;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2;
}

/*-------------------------------------------------------
  カテゴリ一覧表示切替（画像）サムネイルページ 20130903
-------------------------------------------------------*/
ul.list-product-2 {
  overflow: hidden;
}
ul.list-product-2 li.thum {
  float: left;
  margin-right: 8px;
  margin-bottom: 15px;
  border-bottom: none;
}
ul.list-product-2 li.thum:first-child,
ul.list-product-2 li.thum:nth-child(2),
ul.list-product-2 li.thum:nth-child(3) {
  margin-top: 10px;
}
ul.list-product-2 li.thum:nth-child(3n-2) {
  margin-left: 10px;
}
ul.list-product-2 li.thum a {
  background: none;
  padding: 0;
  width: 148px;
  height: 244px;
}
ul.list-product-2 li.thum a span.list-photo {
  display: block;
}
ul.list-product-2 li.thum a span.list-photo img {
  margin-right: 0;
  width: 146px;
  height: 109px;
  border: 1px solid #ccc;
}
ul.list-product-2 li.thum a > span.info > span.name {
  word-wrap:break-word;
  line-height: 1.25;
  font-size: 14px;
  color: #444;
}
ul.list-product-2 li.thum a > span.info > span.price {
  font-size:  14px;
  font-weight: bold;
  color: #f00;
}
ul.list-product-2 li.thum span > span.price + span.att_label {
  padding: 0;
}
ul.list-product-2 li.thum span > span.att_label span.const_cost_free {
  font-weight: normal;
}
ul.list-product-2 li.thum span > span.att_label span#cp02l_rank3 {
  margin-bottom: 5px;
}

/*--------------------------------------------
  商品一覧（画像メイン）2列バージョン #4349
---------------------------------------------*/
.item-list-area {
  border-bottom: 1px solid #ddd;
  -webkit-box-shadow: inset 3px 0 4px rgba(0,0,0,0.09);
  box-shadow: inset 3px 0 4px rgba(0,0,0,0.09);
  background-color: #f5f5f5;
}
.item-list-area li {
  background-color: #fff;
}
.item-list-area ul:last-of-type {
  margin-bottom: -1px;
}

/* 画像一覧
-------------------------------------*/
ul.item_card {
  display: table;
  border-spacing: 10px 4px;
  box-sizing: border-box;
  padding: 13px 0 0;
}
.item-list-area ul.item_card:last-of-type {
  margin-bottom: 15px;/* 最後のリストに余白追加 */
}

ul.item_card li.thum {
  float: none;/* da.css cancel */
  overflow: visible;
  position: relative;
  display: table-cell;
  box-sizing: border-box;
  width: 224px;
  margin-top: 10px;
  border: 1px solid #bbb;
  border-radius: 2px;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #fff;
}
ul.item_card li.thum a {
  overflow: visible;
  position: static;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: auto;/* da.css cancel */
  padding-bottom: 70px;
  border-radius: 2px;
}

/* 商品画像
------------------------------*/
ul.item_card li.thum a span.list-photo {
  position: relative; /* 施工例表示用 */
  overflow: hidden;
  display: block;
  width: 223.5px;
  border-radius: 1px 1px 0 0;
}
ul.item_card li.thum a span.list-photo img {
  display: block;
  width: auto;
  height: 168px;
  margin: auto;
  border: none;/* da.css cancel */
  vertical-align: bottom;
}

/* 施工例
------------------------------*/
ul.item_card li.thum a span.review {
  position: absolute;
  bottom: -0.3px;
  right: -0.3px;
  height: 19px;
  padding: 0 4px 0 2px;
  background-color: rgba(0, 75, 180, 0.7);
  color: #fff;
  font-size: 12px;
  line-height: 19px;
}
ul.item_card li.thum a span.review::before {
  content: "";
  position: absolute;
  left: -5px;
  bottom: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: none;
  border-right: none;
  border-bottom: 19px solid rgba(0, 75, 180, 0.7);
  border-left: 5px solid transparent;
}
ul.item_card li.thum a span.review .txt::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 9px;
  margin: 0 5px 0 6px;
  background-color: rgba(255, 255, 255, 0.5);
  vertical-align: baseline;
}
ul.item_card li.thum a span.review .num {
  display: inline-block;
  min-width: 40px;
  color: #fcff00;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
}

/* メーカーロゴ
------------------------------*/
ul.item_card li.thum a span > span.makerlogo {
  width: auto;
  top: 3px;
  left: 3px;
}
ul.item_card li.thum a span.makerlogo img {
  width: auto;
  height: auto;
}

/* 情報エリア
---------------------------------- */
ul.item_card li.thum a > span.info {
  display: block;
  padding: 6px 0 0;
}

/* 商品名
------------------------------*/
ul.item_card li.thum a > span.info > span.name {
  display: table;
  margin: 0 auto 3px;
  font-size: 16px;
  text-align: justify;
}

/* 価格
------------------------------*/
ul.item_card li.thum a > span.info > span.price {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: auto;
  /*margin-bottom: 15px;*/
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  text-indent: 3px;
}
ul.item_card li.thum a > span.info > span.price.fe,
ul.item_card li.thum a > span.info > span.price.wd {
  bottom: 40px;
}
ul.item_card li.thum a > span.info > span.price > span.ttl_price {
  margin: 0 0 3px 0;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: -0.1ex;
  vertical-align: middle;
  white-space: nowrap;
}
ul.item_card li.thum a > span.info > span.price > span.ttl_price-fe,
ul.item_card li.thum a > span.info > span.price > span.ttl_price-multi {
  display: inline-block;
  margin: 0 0 3px 0;
  color: #f00;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: -0.1ex;
  line-height: 1.2;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  zoom: 0.7;
}


ul.item_card li.thum a > span.info > span.price > span.num {
  margin: 0 1px 0 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
}

/* 訴求リスト
------------------------------*/
ul.item_card li.thum a > span.info > span.discount {
  position: absolute;
  bottom: 8px;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  margin: auto;
  padding: 0 10px;
}

/* %OFF
------------------------------*/
ul.item_card li.thum a > span.info > span.discount span.label_off {
  -webkit-justify-content: center;
  justify-content: center;
  overflow: visible;
  height: 24px;
  margin-right: 7px;
  padding: 0 6px;
  border-radius: 2px;
  background-color: #f00;
  color: #fff;
  font-size: 13px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 24px;
}
ul.item_card li.thum a > span.info > span.discount span.label_off span.num {
  font-size: 20px;
}

/* 工事費
------------------------------*/
ul.item_card li.thum a > span.info > span.discount span.cost.free,
ul.item_card li.thum a > span.info > span.discount span.cost.discount,
ul.item_card li.thum a > span.info > span.discount span.cost.ex-price {
  -webkit-justify-content: center;
  justify-content: center;
  flex-grow: 1;
  overflow: visible;
  box-sizing: border-box;
  height: 24px;
  padding: 0 6px;
  border: 1px solid #f00;
  border-radius: 2px;
  color: #f00;
  font-size: 14px;
  text-align: center;
  line-height: 24px;
}
ul.item_card li.thum a > span.info > span.discount span.cost.free {
  background-color: #fff4f4;
  font-weight: bold;
}
ul.item_card li.thum a > span.info > span.discount span.cost.discount {
  background-color: #fff;
}
ul.item_card li.thum a > span.info > span.discount span.cost.ex-price {
  border-color: #ccc;
  background-color: #fff;
  color: #555;
  font-weight: normal;
}

/* ランキング　旧型画像一覧
------------------------------*/
ul.item_card li.thum a > span.info > span.ico_rank {
  overflow: visible;
  position: absolute;
  top: -10px;
  right: -6px;
}

/* 共通設定 */
ul.item_card li.thum a > span.info > span.ico_rank span[id*="rank"] {
  position: relative;
  display: block;
  padding: 4px 8px;
  border: 1.9px solid #c39e40;
  border-radius: 4px;
  background-color: #fffdf2;
  color: #b07e00;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

/* 1位 */
ul.item_card li.thum a > span.info > span.ico_rank span[id*="_rank1"] {
  border-color: #c39e40;
  background-color: #fffdf2;
  color: #b07e00;
}

/* 2位 */
ul.item_card li.thum a > span.info > span.ico_rank span[id*="_rank2"] {
  border-color: #aaa;
  background-color: #fff;
  color: #333;
}

/* 3位 */
ul.item_card li.thum a > span.info > span.ico_rank span[id*="_rank3"] {
  border-color: #993d00;
  background-color: #fff9f5;
  color: #993d00;
}

/* フキダシ */
ul.item_card li.thum a > span.info > span.ico_rank span[id*="rank"]::before {
  content: "";
  position:absolute;
  bottom: -9.8px;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 9px solid #c39e40;
  border-bottom: none;
}
ul.item_card li.thum a > span.info > span.ico_rank span[id*="rank"]::after {
  content: "";
  position:absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 9px solid #fffdf2;
  border-bottom: none;
}

ul.item_card li.thum a > span.info > span.ico_rank span[id*="_rank1"]::before {
  border-top: 9px solid #c39e40;
}
ul.item_card li.thum a > span.info > span.ico_rank span[id*="_rank2"]::before {
  border-top: 9px solid #aaa;
}
ul.item_card li.thum a > span.info > span.ico_rank span[id*="_rank3"]::before {
  border-top: 9px solid #993d00;
}
ul.item_card li.thum a > span.info > span.ico_rank span[id*="_rank1"]::after {
  border-top: 9px solid #fffdf2;
}
ul.item_card li.thum a > span.info > span.ico_rank span[id*="_rank2"]::after {
  border-top: 9px solid #fff;
}
ul.item_card li.thum a > span.info > span.ico_rank span[id*="_rank3"]::after {
  border-top: 9px solid #fff9f5;
}

/*-------------------------------------------------------
  商品一覧　カード表示2017
  CSS切替Ver.
-------------------------------------------------------*/

.NoSearch-txt {
  margin: 32px 0;
  padding: 0 71px;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}

/* リスト表示用要素を非表示 */
.item-list-area.view_thumb .dp_list {
  display: none !important;
}
.item-list-area.view_thumb {
  border-bottom: 1px solid #ddd;
  -webkit-box-shadow: inset 3px 0 4px rgba(0,0,0,0.09);
  box-shadow: inset 3px 0 4px rgba(0,0,0,0.09);
  background-color: #f5f5f5;
}
.item-list-area.view_thumb ul {
  display: table;
  border-spacing: 10px 4px;
  box-sizing: border-box;
  padding: 10px 0 0;
}
.item-list-area.view_thumb ul:last-of-type {
  margin-bottom: 10px;
}
.item-list-area.view_thumb ul li {
  float: none;/* da.css cancel */
  overflow: visible;
  position: relative;
  display: table-cell;
  box-sizing: border-box;
  width: 225px;
  height: 100px;
  margin-top: 10px;
  margin-right: 8px;
  margin-bottom: 15px;
  border: 1px solid #bbb;
  border-radius: 2px;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #fff;
}
/*.item-list-area.view_thumb ul li:first-child,
.item-list-area.view_thumb ul li:nth-child(2),
.item-list-area.view_thumb ul li:nth-child(3) {
  margin-top: 10px;
}
.item-list-area.view_thumb ul li:nth-child(3n-2) {
  margin-left: 10px;
}*/
.item-list-area.view_thumb ul li a {
  overflow: visible;
  position: static;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: auto;/* da.css cancel */
  padding: 0 0 70px;
  border-radius: 2px;
  background: none;
  text-decoration: none;
}

/* 商品画像
------------------------------*/
.item-list-area.view_thumb ul li a span.list-photo {
  position: relative; /* 施工例表示用 */
  overflow: hidden;
  display: block;
  width: 223.5px;
  border-radius: 1px 1px 0 0;
}
.item-list-area.view_thumb ul li a span.list-photo img {
  display: block;
  margin: auto;
  width: auto;
  height: 168px;
  border: none;/* da.css cancel */
  vertical-align: bottom;
}
.item-list-area.view_thumb ul li a span.list-photo .list-photo_sankin {
  width: 223.5px;
  height: auto;
}
.item-list-area.view_thumb ul li a > span.info > span.name {
  word-wrap:break-word;
  line-height: 1.25;
  font-size: 14px;
  color: #444;
}
.item-list-area.view_thumb ul li a > span.info > span.price {
  font-size:  14px;
  font-weight: bold;
  color: #f00;
}
.item-list-area.view_thumb ul li .list-product-2_sankin {
  padding-bottom: 0px;
}
/* 施工例
------------------------------*/
.item-list-area.view_thumb ul li a span.review {
  position: absolute;
  top: 149px;
  right: -0.3px;
  height: 19px;
  padding: 0 4px 0 2px;
  background-color: rgba(0, 75, 180, 0.7);
  color: #fff;
  font-size: 12px;
  line-height: 19px;
  overflow: visible;
}
.item-list-area.view_thumb ul li a span.review::before {
  content: "";
  position: absolute;
  left: -5px;
  bottom: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: none;
  border-right: none;
  border-bottom: 19px solid rgba(0, 75, 180, 0.7);
  border-left: 5px solid transparent;
}
.item-list-area.view_thumb ul li a span.review .txt::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 9px;
  margin: 0 5px 0 6px;
  background-color: rgba(255, 255, 255, 0.5);
  vertical-align: baseline;
}
.item-list-area.view_thumb ul li a span.review .num {
  display: inline-block;
  min-width: 40px;
  color: #fcff00;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
}

/* メーカーロゴ
------------------------------*/
.item-list-area.view_thumb ul li a span > span.makerlogo {
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
  width: auto;
  height: auto;
  margin-bottom: 2px;
  padding: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 1px;
  line-height: 1;
  text-indent: 0;
}
.item-list-area.view_thumb ul li a span.makerlogo img {
  width: auto;
  height: auto;
}

/* メーカーロゴ
------------------------------*/
.item-list-area.view_thumb ul li a span > span.newicon {
  position: absolute;
  top: 8px;
  right: 8px;
  display: block;
  width: auto;
  height: auto;
  margin-bottom: 2px;
  padding: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 1px;
  line-height: 1;
  text-indent: 0;
}
.item-list-area.view_thumb ul li a span.newicon img {
  width: auto;
  height: auto;
}


/* アイコン追加
------------------------------*/
.item-list-area.view_thumb .link_execute_campaign_banner {
  margin: 10px 0;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #f00;
}
.item-list-area.view_thumb .execute-campaign-bnr_img {
  width: 205px;
  margin: 5px 0;
  padding: 0 10px;
  img {
    display: block;
    width: 100%;
    height: auto;
  }
}
.link_execute_campaign_banner {
  margin: 10px 0;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
  color: #f00;
}
.execute-campaign-bnr_img {
  width: 280px;
  margin: 5px 0 5px auto;
  img {
    display: block;
    width: 100%;
    height: auto;
  }
}

/* 情報エリア
---------------------------------- */
.item-list-area.view_thumb ul li a > span.info {
  display: block;
  padding: 6px 0 0;
}

/* 商品名
------------------------------*/
.item-list-area.view_thumb ul li a > span.info > span.name {
  display: table;
  margin: 0 auto 3px;
  color: #444;
  font-size: 16px;
  font-weight: bold;
  text-align: justify;
  line-height: 1.25;
  text-decoration: none;
  word-wrap: break-word;
}

/* 価格
------------------------------*/
.item-list-area.view_thumb ul li a > span.info > span.price {
  position: absolute;
  bottom: 45px;
  left: 0;
  right: 0;
  margin: auto;
  /*margin-bottom: 15px;*/
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  text-indent: 3px;
}
.item-list-area.view_thumb ul li a > span.info > span.price.fe,
.item-list-area.view_thumb ul li a > span.info > span.price.wd {
  bottom: 40px;
}
.item-list-area.view_thumb ul li a > span.info > span.price > span.ttl_price {
  margin: 0 0 3px 0;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: -0.1ex;
  vertical-align: middle;
  white-space: nowrap;
}
.item-list-area.view_thumb ul li a > span.info > span.price > span.ttl_price-fe,
.item-list-area.view_thumb ul li a > span.info > span.price > span.ttl_price-multi {

  display: inline-block;
  margin: 0 0 3px 0;
  color: #f00;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: -0.1ex;
  line-height: 1.2;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  zoom: 0.7;
}
.item-list-area.view_thumb ul li span.info span.num_price {
  margin: 0;
  font-size: 12px;
  font-weight: normal;
}
.item-list-area.view_thumb ul li span.info span.price span.num {
  margin: 0 1px 0 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
}

/* 訴求リスト
------------------------------*/
.item-list-area.view_thumb ul li a > span.info > span.discount {
  position: absolute;
  bottom: 8px;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  margin: auto;
  padding: 0 10px;
}

/* %OFF
------------------------------*/
.item-list-area.view_thumb ul li a > span.info > span.discount span.label_off {
  -webkit-justify-content: center;
  justify-content: center;
  overflow: visible;
  height: 24px;
  margin-right: 7px;
  padding: 0 6px;
  border-radius: 2px;
  background-color: #f00;
  color: #fff;
  font-size: 13px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 24px;
}
.item-list-area.view_thumb ul li a > span.info > span.discount span.label_off span.num {
  font-size: 20px;
}

/* 工事費
------------------------------*/
.item-list-area.view_thumb ul li a > span.info > span.discount span.cost.free,
.item-list-area.view_thumb ul li a > span.info > span.discount span.cost.discount,
.item-list-area.view_thumb ul li a > span.info > span.discount span.cost.ex-price {
  -webkit-justify-content: center;
  justify-content: center;
  flex-grow: 1;
  overflow: visible;
  box-sizing: border-box;
  height: 24px;
  padding: 0 6px;
  border: 1px solid #f00;
  border-radius: 2px;
  color: #f00;
  font-size: 14px;
  text-align: center;
  line-height: 24px;
}
.item-list-area.view_thumb ul li a > span.info > span.discount span.cost.free {
  background-color: #fff4f4;
  font-weight: bold;
}
.item-list-area.view_thumb ul li a > span.info > span.discount span.cost.discount {
  background-color: #fff;
}
.item-list-area.view_thumb ul li a > span.info > span.discount span.cost.ex-price {
  border-color: #ccc;
  background-color: #fff;
  color: #555;
  font-weight: normal;
}

/*------------------------------------------------------------------
  ランキング　CSS切替画像一覧
------------------------------------------------------------------*/
.item-list-area.view_thumb ul li a > span.info > span.ico_rank {
  overflow: visible;
  img {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 40px;
    height: auto;
  }

}

/* 共通設定 */
.item-list-area.view_thumb ul li a > span.info > span.ico_rank span[id*="rank"] {
  position: relative;
  display: block;
  padding: 4px 8px;
  border: 1.9px solid #c39e40;
  border-radius: 4px;
  background-color: #fffdf2;
  color: #b07e00;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

/* 1位 */
.item-list-area.view_thumb ul li a > span.info > span.ico_rank span[id*="_rank1"] {
  border-color: #c39e40;
  background-color: #fffdf2;
  color: #b07e00;
}

/* 2位 */
.item-list-area.view_thumb ul li a > span.info > span.ico_rank span[id*="_rank2"] {
  border-color: #aaa;
  background-color: #fff;
  color: #333;
}

/* 3位 */
.item-list-area.view_thumb ul li a > span.info > span.ico_rank span[id*="_rank3"] {
  border-color: #993d00;
  background-color: #fff9f5;
  color: #993d00;
}

/* フキダシ */
.item-list-area.view_thumb ul li a > span.info > span.ico_rank span[id*="rank"]::before {
  content: "";
  position:absolute;
  bottom: -9.8px;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 9px solid #c39e40;
  border-bottom: none;
}
.item-list-area.view_thumb ul li a > span.info > span.ico_rank span[id*="rank"]::after {
  content: "";
  position:absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 9px solid #fffdf2;
  border-bottom: none;
}

.item-list-area.view_thumb ul li a > span.info > span.ico_rank span[id*="_rank1"]::before {
  border-top: 9px solid #c39e40;
}
.item-list-area.view_thumb ul li a > span.info > span.ico_rank span[id*="_rank2"]::before {
  border-top: 9px solid #aaa;
}
.item-list-area.view_thumb ul li a > span.info > span.ico_rank span[id*="_rank3"]::before {
  border-top: 9px solid #993d00;
}
.item-list-area.view_thumb ul li a > span.info > span.ico_rank span[id*="_rank1"]::after {
  border-top: 9px solid #fffdf2;
}
.item-list-area.view_thumb ul li a > span.info > span.ico_rank span[id*="_rank2"]::after {
  border-top: 9px solid #fff;
}
.item-list-area.view_thumb ul li a > span.info > span.ico_rank span[id*="_rank3"]::after {
  border-top: 9px solid #fff9f5;
}

/*------------------------------------------------------------------
  ul.list-dot
------------------------------------------------------------------*/
ul.list-dot li {
  overflow: hidden;
  position: relative;
  display: block;
  margin-bottom: 1em;
  padding-left: 10px;
}
ul.list-dot li:before {
  content:'・';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2px;
  height: 2px;
}
ul.list-dot li:last-child {
  margin-bottom: 0;
}

/*------------------------------------------------------------------
  2カラムのリスト renew
  ul.list-half-?　
------------------------------------------------------------------*/

/* 共通設定
-----------------------------------------------------------*/
ul[class*="list-half-"] {
  display: block;
  overflow: hidden;
}
ul[class*="list-half-"] li {
  overflow: hidden;
  float: left;
  display: block;
  width: 50%;
}

/*ul[class*="list-half-"] li:nth-child(odd):last-child { width: 100%; }*/
ul[class*="list-half-"] li.select {
  background-color: #d2efff;
}

ul[class*="list-half-"] li a {/* renew */
  overflow: hidden;
  display: block;
  min-height: 50px;
  border: 1px solid #ddd;
  border-width: 0 1px 1px 0;
  background: url(../img/common/icon_next.svg) no-repeat 97% center;
  -webkit-background-size: 2.7%;
  background-size: 2.7%;
}

/* 画面50% 2カラムのリスト 文字非表示
------------------------------------------------------------ */
ul.list-half-1 li a {
  text-indent: -9999px;
  height: 70px;
}

/* 画面50% 2カラムのリスト サムネイルw48付き リスト
------------------------------------------------------------ */
ul.list-half-2 li[class*="ico"] {
  background-image: url(../img/common/ico_price3.png);
  background-repeat: no-repeat;
  background-position: left center;
}
ul.list-half-2 li a {
  padding: 10px 20px 10px 55px;
  color: #000;
  font-size: 16px;
  line-height: 50px;
  white-space: nowrap;
  text-indent: 0;
  text-decoration: none;
}
ul.list-half-2 li.ico-price3 {background-image: url(../img/common/ico_price3.png); }
ul.list-half-2 li.ico-photo3 {
  background: url(../img/common/icon_camera_outline.svg) 21px center no-repeat;
  background-size: 35px auto;
}
ul.list-half-2 li.ico-photo3 a {
  padding-left: 68px;
}
ul.list-half-2 li.ico-faq3 {
  background: url(../img/common/icon_balloon_question.svg)  27px center no-repeat;
  background-size: 35px auto;
}
ul.list-half-2 li.ico-faq3 a {
  padding-left: 74px;
}

/* ul.list-half-2　画面100% リスト */
ul.list-half-2 li.ico-fullsize {
  width:100%;
}


/* a.load-continue リスト関連　リストの続きを読み込む
-----------------------------------------------------------------------------*/
a.load-continue {
  display: block;
  padding: 35px 10px;
  color: #808080;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}
a.load-continue span {
  display: block;
  color: #00f;
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
}

/* コンテンツフッターナビゲーション　ボタンエリア
-----------------------------------------------------------------------------*/
div#set-btn {
  overflow: hidden;
  padding: 30px;
  background: #f7f7f7;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
div#set-btn a.btn-1 {
  padding-top: 20px;
  padding-bottom: 20px;
}
div#set-btn a.btn-1.ico-pr::before {
  float: right;
  margin-right: 10px;
}
div#set-btn-2 {/* renew */
  /*overflow: hidden;*/ /*ボタン下が切れるためclearfixで対応*/
  /*padding: 10px;*/
}
div#set-btn-2:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
}
div#set-btn-3 {
  overflow: hidden;
  padding: 20px 10px;
  border-bottom: 1px solid #b0b0b0;
}
div[id*='set-btn'] a.btn-1.ico-pl-arrow-l {
  float:left;
  padding: 10px;
  margin: 0 0 20px 10px;
}

/*==========================================================
  閲覧履歴 / 表示 / 詳細検索ボタン
==========================================================*/
#switch_display_list {/* da.cssをリライト */
  padding: 18px 10px;
}

/* CSS切替型のUI　2017
----------------------------------------- */
#switch_display_list.switch_css {
  border-bottom: none;
}
#switch_display_list.switch_css li {
  float: left;
  width: 110px;
}

/*--------------------------------------------
  件数切替ボタン　2017
---------------------------------------------*/
.ui_item_search.switch_css .item_switch_select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  padding: 0 10px;
  background-color: #fff;
  font-size: 18px;
}
.ui_item_search.switch_css select {
  cursor: pointer;
  display: block;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  border: 1px solid #bbb;
  border-radius: 6px;
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.1);
  color: #333;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  line-height: 48px;
}
.ui_item_search.switch_css .item_switch_select option {
  text-align: center;
}
.ui_item_search.switch_css li a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #bbb;
  border-radius: 6px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  color: #333;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  line-height: 48px;
}

/*--------------------------------------------
  表示切替ボタン
  2017 CSS切替バージョン
---------------------------------------------*/
#switch_display_list a.bt_view {
  margin-left: 10px;
  padding-left: 24px;
  color: #2467C5;
  font-weight: bold;
}
#switch_display_list a.bt_view.view-thumb {
  background: url(/sp2/public/img/common/icon_list.svg) 6px center no-repeat;
  -webkit-background-size: auto 40%;
  background-size: auto 40%;
}
#switch_display_list a.bt_view.view-list {
  background: url(/sp2/public/img/common/icon_thumb.svg) 6px center no-repeat;
  -webkit-background-size: auto 40%;
  background-size: auto 40%;
}

/*--------------------------------------------
  商品絞り込み検索ボタン
---------------------------------------------*/
.ui_item_search li {
  margin: 0 !important;
}
.ui_item_search li.detail_search {
  width: 50%;
  padding-left: 10px;
}
.ui_item_search li.detail_search a {
  padding-left: 57px;
  background: url("/sp2/public/img/common/icon_refine-moderatecobaltblue.svg") 19px center no-repeat;
  background-size: 28px auto;
  color: #2467C5;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
}
.switch_appearance li a {
  color: #2467C5;
  font-weight: bold;
}

/* 2017　CSS切替版 */
#switch_display_list.switch_css #detail_search {
  width: 220px;
}
#switch_display_list.switch_css #detail_search a {
  position: relative;
  margin-left: 10px;
}
#switch_display_list.switch_css #detail_search .count_search_condition {
  box-sizing: border-box;
  position: absolute;
  top: -12px;
  right: 6px;
  min-width: 28.5px;
  height: 28.5px;
  padding: 0 5px;
  border-radius: 50%;
  background-color: #2467c5;
  color: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 19.5px;
  font-weight: bold;
  text-align: center;
  line-height: 28.5px;
}
#cate-menu #switch_display_list #detail_search .count_search_condition {
  display: none !important;
}
/*--------------------------------------------
  商品一覧並び替え　2017
  横スクロールUI
---------------------------------------------*/
.box_info {
  padding: 0 10px;
}
.ui_sort {
  overflow-y: hidden;
  overflow-x: scroll;
  padding: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.ui_sort li {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  white-space: nowrap;
}
.ui_sort li::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 50%;
  margin: auto;
  background-color: #ddd;
}
.ui_sort li a {
  display: inline-block;
  color: #333;
}
.ui_sort li span {
  cursor: pointer;
  display: inline-block;
  padding: 10px 0;
}
.ui_sort li a.selected span {
  border-bottom: 4px solid #2467c5;
  color: #2467c5;
  font-weight: bold;
}

.ui_sort li.detail_search a {
  padding-left: 12px;
  background: url(/sp2/public/img/common/icon_search-blue.svg) 40px center no-repeat;
  background-size: auto 55.5%;
  color: #2467C5;
  font-size: 18px;
  font-weight: bold;
}

/* --------------------------------------
  商品絞り込みボタン
  カテゴリトップ表示用設定
----------------------------------------*/
section#cate-menu {
  position: relative;
}
#cate-menu #switch_display_list {
  position: absolute;
  right: 9px;
  margin: -32px 0 0 0;
  padding: 0;
  border: none;
}
#cate-menu #switch_display_list.near_headline {
  top: 83px;
}

/* 履歴、表示設定のボタンを非表示にする
  (ui_nav_display.html)
----------------------------------- */
#cate-menu #switch_display_list .switch_count,
#cate-menu #switch_display_list .switch_appearance,
#cate-menu #sort_display_order {
  display: none;
}

/* 詳細検索ボタン表示設定
------------------------------------*/
#cate-menu #switch_display_list li.detail_search {
  width: auto;
  margin: auto;
  padding-left: 0;
}
#cate-menu #switch_display_list li.detail_search a {
  position: relative;
  width: 178px;
  height: 32px;
  padding-left: 44px;
  border: 1px solid #bbb;
  border-radius: 3px;
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2), inset 1px 1px 0px 0px rgba(255, 255, 255, 1);
  background: #fff;
  color: #2467c5;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  line-height: 32px;
  text-indent: -9999px;
}
#cate-menu #switch_display_list li.detail_search a::before {
  content: '商品を探す';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: block;
  margin: auto;
  padding-left: 25px;
  background: linear-gradient(to bottom, rgba(255,255,255,0.05) 1%,rgba(255,255,255,0.05) 31%,rgba(0,0,0,0.05) 71%,rgba(183,183,183,0.05) 100%) no-repeat;
  text-align: center;
  text-indent: 0;
}
#cate-menu #switch_display_list li.detail_search a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 34px;
  width: 24px;
  height: 24px;
  margin: auto 0;
  background: url("/sp2/public/img/common/sprite_icon.svg?20211022") -261px -83px no-repeat;
  transform: scale(0.7916);
}
/*==========================================================
  UIウィンドウ共通設定
==========================================================*/
/* smoke addon element style */
#simplemodal-overlay {
  opacity: 0.6 !important;
  top: 0 !important;
  width: 100% !important;
}

/* container */
#simplemodal-container {
  top: 100px !important;
  right: 0 !important;
  left: 0 !important;
  box-sizing: border-box;
  width: 100%;
  min-width: 480px;  /* landscapeへ変更時の拡大用 */
  max-width: 500px;
  margin: auto;
  padding: 20px 15px;
}
@media screen and (min-width: 500px) {
  #simplemodal-container {
    zoom: 0.7;
  }
}
/*--------------------------------
  詳細検索モーダル
--------------------------------*/
#simplemodal-container-ui-search {
  box-sizing: border-box;
  right: 0;
  left: 0;
  width: 100%;
  min-width: 480px;  /* landscapeへ変更時の拡大用 */
  max-width: 500px;
  margin: auto;
  padding: 20px 15px;
}
.simplemodal-wrap {
  width: auto !important;
}

/*--------------------------------------------
  タイトル
---------------------------------------------*/
.ui_head {
  position: relative; /* 閉じるボタン用 */
  margin: 0;
  padding: 15px 0;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #ddd;
  background-color: #f7f7f7;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

/* ヘッダ閉じるボタン
---------------------------------------------*/
.ui_head .bt_close {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  display: block;
  width: 45px;
  height: 45px;
  margin: auto;
}
.ui_head .bt_close a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-sizing: border-box;
  display: block;
  width: 55px;
  height: 55px;
  margin: auto;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  line-height: 48px;
  text-indent: -9000px;
}

/* circle */
.ui_head .bt_close a::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  background-color: #777;
}

/* cross */
.ui_head .bt_close a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin: auto;
  background: url("/sp2/public/img/common/sprite_icon.svg?20211022") -308px -54px no-repeat;
  transform: scale(0.7);
}


/*--------------------------------------------
  レイアウト
  ※表示設定、詳細検索ウィンドウ共通
---------------------------------------------*/
.ui_body.row {
  box-sizing: border-box;
  display: table;
  width: 100%;
  margin: 20px 0;
  padding: 0 20px;
}
.ui_body.row dt,
.ui_body.row dd {
  display: table-cell;
  vertical-align: middle;
}
.ui_body.row dt {
  width: 100px;
  height: 1em;
  padding-left: 0;
  border: none;
}
.ui_body.row dd a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 46px;
  padding-left: 21px;
  border: 2px solid #aaa;
  background: url("/sp2/public/img/common/icon_next.svg") 98% center no-repeat;
  background-size: 9px auto;
  color: #333;
  text-decoration: none;
  line-height: 46px;
}
.ui_body select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  display: block;
  width: 100%;
  min-height: 40px;
  padding: 5px 10px;
  border: 1px solid #bbb;
  border-radius: 4px;
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  font-size: 20px;
}

/* 1列並び
--------------------------------*/
.ui_body .row label {
  position: relative;
  display: block;
}
.ui_body .row label::after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 285px;
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  background: url("/sp2/public/img/common/icon_next.svg") no-repeat center;
  background-size: auto 80%;
  transform: rotate(90deg);
}

/*==========================================================
  詳細検索UI
  #ui_detail_search
==========================================================*/
#ui_detail_search {
  display: none;
  font-size: 14px;
}

/* panel */
#ui_detail_search .ui_container {
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
  background-color: #fff;
}

/*--------------------------------------------
  タイトル
---------------------------------------------*/
#ui_detail_search .ui_head {
  color: #2467C5;
}
#ui_detail_search .ui_head::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 24px;
  margin-right: 5px;
  background: url("/sp2/public/img/common/sprite_icon.svg?20211022") -260px -83px no-repeat;
  vertical-align: middle;
}
/*--------------------------------------------
  検索条件
---------------------------------------------*/
.ui_body {
  margin: 20px 20px 30px;
}
.ui_body dt {/* 選択項目名 */
  height: 1em;
  margin: 0 0 10px 0;
  padding: 3px 0;
  padding-left: 7px;
  border-left: 4px solid #2467C5;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
}
.ui_body .hd {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
}
.ui_body dt .cost {
  display: block;
  font-size: 14px;
  text-indent: -7px;
}

/*----------------------------------
  ボタン表示(ラジオボタン)
----------------------------------*/
.ui_body li {
  /*overflow: hidden;*/
}
.ui_body li input[type="radio"] {
  display: none;
}
.ui_body li label {
  /*outline:dashed;*/
  cursor: pointer;
  box-sizing: border-box;
  display: table;
  width: 100%;
  height: 52px;
  padding-right: 10px;
  background-size: auto 20px !important;
  color: #333;
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
  .ui_body li label {
    width: 100.5%;/* iPhone6plusにて余白が出来る為＋0.5％ */
  }
}

.ui_body li label span {
  display: table-cell;
  width: 100%;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: -0.1ex;
  vertical-align: middle;
  text-decoration: none;
}

/* ボタン選択状態(blue)
-------------------------------- */
.ui_body input:checked + label {
  border-color: #3f8af5 !important;
  background-color: #3f8af5;
  background-size: auto 20px !important;
  color: #fff;
  font-weight: bold;
}

/* ボタン選択不可(.disabled)
-------------------------------- */
.ui_body li.disabled {
  opacity: 0.3;
  background-color: #9ac2fb;/* blue */
}
.ui_body li.disabled label {
  border-color: #aaa !important;
  background-color: #f5f5f5;/* gray */
}
.ui_body li.disabled label span {/* text */
  color: #bbb !important;
}

/* 選択した時 */
.ui_body li.disabled {
  opacity: 0.6;/* blue */
}
.ui_body li.disabled input:checked + label {
  opacity: 0.5;/* icon */
  background-color: transparent;
}
.ui_body li.disabled input:checked + label span {
  /*opacity: 0.5;*/
  color: #fff !important;
}

/* --------------------------------------
  商品タイプボタン
---------------------------------------*/

/* 3カラム　.col_3
--------------------------------*/
.ui_body ul.type {
  box-sizing: border-box;
  margin-bottom: 20px;
}
.ui_body ul.type li {
  float: left;
  box-sizing: border-box;
  width: 33.333%;
}
.ui_body ul.type li label {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: right;
}
.ui_body ul.col_3 li:nth-of-type(3n+1) label {/* 左端のボタン */
  border-left: 1px solid #ccc;
}
.ui_body ul.col_3 li:nth-of-type(-n+3) label {/* 最初の3つのボタン */
  border-top: 1px solid #ccc;
}

/* 2カラム　.col_2
---------------------------------------*/
.ui_body ul.type.col_2 li {
  width: 50%;
}
.ui_body ul.col_2 li:nth-of-type(odd) label {/* 左端のボタン */
  border-left: 1px solid #ccc;
}
.ui_body ul.col_2 li:nth-of-type(-n+2) label {/* 最初の2つのボタン */
  border-top: 1px solid #ccc;
}

/* 駐車台数
---------------------------------------*/
.ui_body ul.capa {
  display: table;
  border-collapse: collapse;
  width: 100%;
}
.ui_body ul.capa li {
  display: table-cell;
  width: 20%;
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
}

/* カーポート */
#ui_detail_search.cate_cp .ui_body ul.type li label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/cp/ico_katanagare.png"); background-position: 13px center; background-repeat: no-repeat; padding-left: 59px; }
#ui_detail_search.cate_cp .ui_body ul.type li label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/cp/ico_ryouasi.png");    background-position: 7px center ; background-repeat: no-repeat; padding-left: 52px; }
#ui_detail_search.cate_cp .ui_body ul.type li label#ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/cp/ico_wide.png");       background-position: 11px center; background-repeat: no-repeat; padding-left: 75px; }
#ui_detail_search.cate_cp .ui_body ul.type li label#ui_typet4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/cp/ico_m_gassyou.png");  background-position: 11px center; background-repeat: no-repeat; padding-left: 62px; }
#ui_detail_search.cate_cp .ui_body ul.type li label#ui_typet5 { background-image: url("/sp2/public/img/item/search/ui_detail_search/cp/ico_y_gassyou.png");  background-position: 11px center; background-repeat: no-repeat; padding-left: 64px; }
#ui_detail_search.cate_cp .ui_body ul.type li label#ui_typet6 { background-image: url("/sp2/public/img/item/search/ui_detail_search/cp/ico_taterentou.png"); background-position: 11px center; background-repeat: no-repeat; padding-left: 70px; }
#ui_detail_search.cate_cp .ui_body ul.type li label#ui_typet7 { background-image: url("/sp2/public/img/item/search/ui_detail_search/cp/ico_kouhou.png");     background-position: 13px center; background-repeat: no-repeat; padding-left: 52px; }

#ui_detail_search.cate_cp .ui_body ul.type li:not(.disabled) input:checked + label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/cp/ico_katanagare_selected.png"); }
#ui_detail_search.cate_cp .ui_body ul.type li:not(.disabled) input:checked + label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/cp/ico_ryouasi_selected.png"); }
#ui_detail_search.cate_cp .ui_body ul.type li:not(.disabled) input:checked + label#ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/cp/ico_wide_selected.png"); }
#ui_detail_search.cate_cp .ui_body ul.type li:not(.disabled) input:checked + label#ui_typet4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/cp/ico_m_gassyou_selected.png"); }
#ui_detail_search.cate_cp .ui_body ul.type li:not(.disabled) input:checked + label#ui_typet5 { background-image: url("/sp2/public/img/item/search/ui_detail_search/cp/ico_y_gassyou_selected.png"); }
#ui_detail_search.cate_cp .ui_body ul.type li:not(.disabled) input:checked + label#ui_typet6 { background-image: url("/sp2/public/img/item/search/ui_detail_search/cp/ico_taterentou_selected.png"); }
#ui_detail_search.cate_cp .ui_body ul.type li:not(.disabled) input:checked + label#ui_typet6 { background-image: url("/sp2/public/img/item/search/ui_detail_search/cp/ico_taterentou_selected.png"); }
#ui_detail_search.cate_cp .ui_body ul.type li:not(.disabled) input:checked + label#ui_typet7 { background-image: url("/sp2/public/img/item/search/ui_detail_search/cp/ico_kouhou_selected.png"); }

/* テラス屋根 */
#ui_detail_search.cate_tr .ui_body ul.type li label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/tr/ico_tantai.png"); background-position: 13px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_tr .ui_body ul.type li label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/tr/ico_rentou.png"); background-position: 7px center;  background-repeat: no-repeat; padding-left: 30px; }
#ui_detail_search.cate_tr .ui_body ul.type li label#ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/tr/ico_tantai_4.png"); background-position: 7px center;  background-repeat: no-repeat; padding-left: 30px; }

#ui_detail_search.cate_tr .ui_body ul.type li input:checked + label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/tr/ico_tantai_selected.png"); }
#ui_detail_search.cate_tr .ui_body ul.type li input:checked + label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/tr/ico_rentou_selected.png"); }
#ui_detail_search.cate_tr .ui_body ul.type li input:checked + label#ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/tr/ico_tantai_4_selected.png"); }

/* 面格子 */
#ui_detail_search.cate_mk .ui_body ul.type li label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mk/ico_alumi.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_mk .ui_body ul.type li label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mk/ico_casting.png"); background-position: 7px center;  background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_mk .ui_body ul.type li label#ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mk/ico_blind.png"); background-position: 7px center;  background-repeat: no-repeat; padding-left: 40px; }

#ui_detail_search.cate_mk .ui_body ul.type li input:checked + label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mk/ico_alumi_selected.png"); }
#ui_detail_search.cate_mk .ui_body ul.type li input:checked + label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mk/ico_casting_selected.png"); }
#ui_detail_search.cate_mk .ui_body ul.type li input:checked + label#ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mk/ico_blind_selected.png"); }

/* バルコニー */
#ui_detail_search.cate_bl .ui_body ul.type li label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/bl/ico_tantai.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_bl .ui_body ul.type li label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/bl/ico_rentou.png"); background-position: 7px center;  background-repeat: no-repeat; padding-left: 40px; }

#ui_detail_search.cate_bl .ui_body ul.type li input:checked + label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/bl/ico_tantai_selected.png"); }
#ui_detail_search.cate_bl .ui_body ul.type li input:checked + label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/bl/ico_rentou_selected.png"); }

/* バルコニー屋根 */
#ui_detail_search.cate_br .ui_body ul.type li label#ui_typet1   { background-image: url("/sp2/public/img/item/search/ui_detail_search/br/ico_tantai.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_br .ui_body ul.type li label#ui_typet2   { background-image: url("/sp2/public/img/item/search/ui_detail_search/br/ico_rentou.png"); background-position: 7px center;  background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_br .ui_body ul.type li label#ui_typet3ge { background-image: url("/sp2/public/img/item/search/ui_detail_search/br/ico_nashi.png"); background-position: 7px center;  background-repeat: no-repeat; padding-left: 40px; }

#ui_detail_search.cate_br .ui_body ul.type li input:checked + label#ui_typet1   { background-image: url("/sp2/public/img/item/search/ui_detail_search/br/ico_tantai_selected.png"); }
#ui_detail_search.cate_br .ui_body ul.type li input:checked + label#ui_typet2   { background-image: url("/sp2/public/img/item/search/ui_detail_search/br/ico_rentou_selected.png"); }
#ui_detail_search.cate_br .ui_body ul.type li input:checked + label#ui_typet3ge { background-image: url("/sp2/public/img/item/search/ui_detail_search/br/ico_nashi_selected.png"); }

/* カーゲート */
#ui_detail_search.cate_cg .ui_body ul.type li label#ui_typet1   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cg/ico_katabiraki.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_cg .ui_body ul.type li label#ui_typet2   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cg/ico_ryobiraki.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_cg .ui_body ul.type li label#ui_typet3   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cg/ico_haneage.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_cg .ui_body ul.type li label#ui_typet4   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cg/ico_haneagewide.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_cg .ui_body ul.type li label#ui_typet5   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cg/ico_hikido.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_cg .ui_body ul.type li label#ui_typet6   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cg/ico_oyakokatabiraki.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_cg .ui_body ul.type li label#ui_typet7   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cg/ico_oyakoryobiraki.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

#ui_detail_search.cate_cg .ui_body ul.type li input:checked + label#ui_typet1   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cg/ico_katabiraki_selected.png"); }
#ui_detail_search.cate_cg .ui_body ul.type li input:checked + label#ui_typet2   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cg/ico_ryobiraki_selected.png"); }
#ui_detail_search.cate_cg .ui_body ul.type li input:checked + label#ui_typet3   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cg/ico_haneage_selected.png"); }
#ui_detail_search.cate_cg .ui_body ul.type li input:checked + label#ui_typet4   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cg/ico_haneagewide_selected.png"); }
#ui_detail_search.cate_cg .ui_body ul.type li input:checked + label#ui_typet5   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cg/ico_hikido_selected.png"); }
#ui_detail_search.cate_cg .ui_body ul.type li input:checked + label#ui_typet6   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cg/ico_oyakokatabiraki_selected.png"); }
#ui_detail_search.cate_cg .ui_body ul.type li input:checked + label#ui_typet7   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cg/ico_oyakoryobiraki_selected.png"); }

/* サイクルポート */
#ui_detail_search.cate_cy .ui_body ul.type li label#ui_typet1   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cy/ico_katanagare.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_cy .ui_body ul.type li label#ui_typet2   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cy/ico_1menkakoi.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_cy .ui_body ul.type li label#ui_typet3   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cy/ico_3menkakoi.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_cy .ui_body ul.type li label#ui_typet4   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cy/ico_m_gassyou.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_cy .ui_body ul.type li label#ui_typet5   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cy/ico_y_gassyou.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_cy .ui_body ul.type li label#ui_typet6   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cy/ico_taterentou.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

#ui_detail_search.cate_cy .ui_body ul.type li input:checked + label#ui_typet1   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cy/ico_katanagare_selected.png"); }
#ui_detail_search.cate_cy .ui_body ul.type li input:checked + label#ui_typet2   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cy/ico_1menkakoi_selected.png"); }
#ui_detail_search.cate_cy .ui_body ul.type li input:checked + label#ui_typet3   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cy/ico_3menkakoi_selected.png"); }
#ui_detail_search.cate_cy .ui_body ul.type li input:checked + label#ui_typet4   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cy/ico_m_gassyou_selected.png"); }
#ui_detail_search.cate_cy .ui_body ul.type li input:checked + label#ui_typet5   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cy/ico_y_gassyou_selected.png"); }
#ui_detail_search.cate_cy .ui_body ul.type li input:checked + label#ui_typet6   { background-image: url("/sp2/public/img/item/search/ui_detail_search/cy/ico_taterentou_selected.png"); }

/* フェンス */
/* デザイン */
#ui_detail_search.cate_fe .ui_body ul.type li label#ui_designd1  { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_mekakushi.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 39px auto !important; }
#ui_detail_search.cate_fe .ui_body ul.type li label#ui_designd2  { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_mokumecho.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 39px auto !important; }
#ui_detail_search.cate_fe .ui_body ul.type li label#ui_designd3  { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_tategoshi.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 39px auto !important; }
#ui_detail_search.cate_fe .ui_body ul.type li label#ui_designd4  { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_yokogoshi.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 39px auto !important; }
#ui_detail_search.cate_fe .ui_body ul.type li label#ui_designd5  { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_lattice.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 39px auto !important; }
#ui_detail_search.cate_fe .ui_body ul.type li label#ui_designd6  { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_imono.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 39px auto !important; }
#ui_detail_search.cate_fe .ui_body ul.type li label#ui_designd7  { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_american.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 39px auto !important; }
#ui_detail_search.cate_fe .ui_body ul.type li label#ui_designd8  { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_steal.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 39px auto !important; }
#ui_detail_search.cate_fe .ui_body ul.type li label#ui_designd9  { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_japanese.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 39px auto !important; }
#ui_detail_search.cate_fe .ui_body ul.type li label#ui_designd99 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_others.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 39px auto !important; }
/* 高さ */
#ui_detail_search.cate_fe .ui_body ul.type li label#ui_htypeh1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_hyojundaka.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 55px auto !important;}
#ui_detail_search.cate_fe .ui_body ul.type li label#ui_htypeh2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_kousyaku.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
/* 素材 */
#ui_detail_search.cate_fe .ui_body ul.type li label#ui_materialm1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_alumi.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 39px auto !important; }
#ui_detail_search.cate_fe .ui_body ul.type li label#ui_materialm2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_imono.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 39px auto !important; }
#ui_detail_search.cate_fe .ui_body ul.type li label#ui_materialm3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_steal.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 39px auto !important; }
#ui_detail_search.cate_fe .ui_body ul.type li label#ui_materialm4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_jushi.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 39px auto !important; }

/* デザイン */
#ui_detail_search.cate_fe .ui_body ul.type li input:checked + label#ui_designd1  { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_mekakushi_selected.png"); }
#ui_detail_search.cate_fe .ui_body ul.type li input:checked + label#ui_designd2  { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_mokumecho_selected.png"); }
#ui_detail_search.cate_fe .ui_body ul.type li input:checked + label#ui_designd3  { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_tategoshi_selected.png"); }
#ui_detail_search.cate_fe .ui_body ul.type li input:checked + label#ui_designd4  { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_yokogoshi_selected.png"); }
#ui_detail_search.cate_fe .ui_body ul.type li input:checked + label#ui_designd5  { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_lattice_selected.png"); }
#ui_detail_search.cate_fe .ui_body ul.type li input:checked + label#ui_designd6  { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_imono_selected.png"); }
#ui_detail_search.cate_fe .ui_body ul.type li input:checked + label#ui_designd7  { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_american_selected.png"); }
#ui_detail_search.cate_fe .ui_body ul.type li input:checked + label#ui_designd8  { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_steal_selected.png"); }
#ui_detail_search.cate_fe .ui_body ul.type li input:checked + label#ui_designd9  { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_japanese_selected.png"); }
#ui_detail_search.cate_fe .ui_body ul.type li input:checked + label#ui_designd99 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_others_selected.png"); }

/* 高さ */
#ui_detail_search.cate_fe .ui_body ul.type li input:checked + label#ui_htypeh1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_hyojundaka_selected.png"); }
#ui_detail_search.cate_fe .ui_body ul.type li input:checked + label#ui_htypeh2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_kousyaku_selected.png"); }
/* 素材 */
#ui_detail_search.cate_fe .ui_body ul.type li input:checked + label#ui_materialm1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_alumi_selected.png"); }
#ui_detail_search.cate_fe .ui_body ul.type li input:checked + label#ui_materialm2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_imono_selected.png"); }
#ui_detail_search.cate_fe .ui_body ul.type li input:checked + label#ui_materialm3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_steal_selected.png"); }
#ui_detail_search.cate_fe .ui_body ul.type li input:checked + label#ui_materialm4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fe/ico_jushi_selected.png"); }

/* 機能門柱・ポスト */
#ui_detail_search.cate_fu .ui_body ul.type li label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fu/ico_gatepost.png"); background-position: 16px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_fu .ui_body ul.type li label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fu/ico_post.png"); background-position: 12px center;  background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_fu .ui_body ul.type li label#ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fu/ico_03.png"); background-position: 12px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_fu .ui_body ul.type li label#ui_typet4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fu/ico_04.png"); background-position: 7px center;  background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_fu .ui_body ul.type li label#ui_typet5 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fu/ico_05.png"); background-position: 9px center; background-repeat: no-repeat; padding-left: 40px; }

#ui_detail_search.cate_fu .ui_body ul.type li input:checked + label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fu/ico_gatepost_selected.png"); }
#ui_detail_search.cate_fu .ui_body ul.type li input:checked + label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fu/ico_post_selected.png"); }
#ui_detail_search.cate_fu .ui_body ul.type li input:checked + label#ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fu/ico_03_selected.png"); }
#ui_detail_search.cate_fu .ui_body ul.type li input:checked + label#ui_typet4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fu/ico_04_selected.png"); }
#ui_detail_search.cate_fu .ui_body ul.type li input:checked + label#ui_typet5 { background-image: url("/sp2/public/img/item/search/ui_detail_search/fu/ico_05_selected.png"); }

/* 門扉 */
/* デザイン */
#ui_detail_search.cate_mp .ui_body ul.type li label#ui_designd1  { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_mekakushi.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 34px auto !important; }
#ui_detail_search.cate_mp .ui_body ul.type li label#ui_designd2  { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_mokumecho.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 34px auto !important; }
#ui_detail_search.cate_mp .ui_body ul.type li label#ui_designd3  { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_tategoshi.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 34px auto !important; }
#ui_detail_search.cate_mp .ui_body ul.type li label#ui_designd4  { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_yokogoshi.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 34px auto !important; }
#ui_detail_search.cate_mp .ui_body ul.type li label#ui_designd5  { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_lattice.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 34px auto !important; }
#ui_detail_search.cate_mp .ui_body ul.type li label#ui_designd6  { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_design_imono.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 34px auto !important; }
#ui_detail_search.cate_mp .ui_body ul.type li label#ui_designd7  { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_american.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 34px auto !important; }
#ui_detail_search.cate_mp .ui_body ul.type li label#ui_designd8  { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_mesh.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 34px auto !important; }
#ui_detail_search.cate_mp .ui_body ul.type li label#ui_designd99 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_others.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 34px auto !important; }
/* 開きタイプ */
#ui_detail_search.cate_mp .ui_body ul.type li label#ui_otypeo1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_katabiraki.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_mp .ui_body ul.type li label#ui_otypeo2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_ryobiraki.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_mp .ui_body ul.type li label#ui_otypeo3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_oyako.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_mp .ui_body ul.type li label#ui_otypeo4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_hikido.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
/* 素材 */
#ui_detail_search.cate_mp .ui_body ul.type li label#ui_materialm1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_alumi.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 22px auto !important; }
#ui_detail_search.cate_mp .ui_body ul.type li label#ui_materialm2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_imono.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 22px auto !important; }
#ui_detail_search.cate_mp .ui_body ul.type li label#ui_materialm3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_steal.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 22px auto !important; }
#ui_detail_search.cate_mp .ui_body ul.type li label#ui_materialm4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_jushi.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: 22px auto !important; }

/* デザイン */
#ui_detail_search.cate_mp .ui_body ul.type li input:checked + label#ui_designd1  { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_mekakushi_selected.png"); }
#ui_detail_search.cate_mp .ui_body ul.type li input:checked + label#ui_designd2  { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_mokumecho_selected.png"); }
#ui_detail_search.cate_mp .ui_body ul.type li input:checked + label#ui_designd3  { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_tategoshi_selected.png"); }
#ui_detail_search.cate_mp .ui_body ul.type li input:checked + label#ui_designd4  { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_yokogoshi_selected.png"); }
#ui_detail_search.cate_mp .ui_body ul.type li input:checked + label#ui_designd5  { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_lattice_selected.png"); }
#ui_detail_search.cate_mp .ui_body ul.type li input:checked + label#ui_designd6  { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_design_imono_selected.png"); }
#ui_detail_search.cate_mp .ui_body ul.type li input:checked + label#ui_designd7  { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_american_selected.png"); }
#ui_detail_search.cate_mp .ui_body ul.type li input:checked + label#ui_designd8  { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_mesh_selected.png"); }
#ui_detail_search.cate_mp .ui_body ul.type li input:checked + label#ui_designd99 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_others_selected.png"); }
/* 開きタイプ */
#ui_detail_search.cate_mp .ui_body ul.type li input:checked + label#ui_otypeo1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_katabiraki_selected.png"); }
#ui_detail_search.cate_mp .ui_body ul.type li input:checked + label#ui_otypeo2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_ryobiraki_selected.png"); }
#ui_detail_search.cate_mp .ui_body ul.type li input:checked + label#ui_otypeo3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_oyako_selected.png"); }
#ui_detail_search.cate_mp .ui_body ul.type li input:checked + label#ui_otypeo4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_hikido_selected.png"); }
/* 素材 */
#ui_detail_search.cate_mp .ui_body ul.type li input:checked + label#ui_materialm1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_alumi_selected.png"); }
#ui_detail_search.cate_mp .ui_body ul.type li input:checked + label#ui_materialm2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_imono_selected.png"); }
#ui_detail_search.cate_mp .ui_body ul.type li input:checked + label#ui_materialm3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_steal_selected.png"); }
#ui_detail_search.cate_mp .ui_body ul.type li input:checked + label#ui_materialm4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/mp/ico_jushi_selected.png"); }

/* オーニング */
#ui_detail_search.cate_aw .ui_body ul.type li label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/aw/ico_kabe.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_aw .ui_body ul.type li label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/aw/ico_dokuritsu.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_aw .ui_body ul.type li label#ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/aw/ico_clear_roof.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_aw .ui_body ul.type li label#ui_typet4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/aw/ico_komado.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

#ui_detail_search.cate_aw .ui_body ul.type li input:checked + label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/aw/ico_kabe_selected.png"); }
#ui_detail_search.cate_aw .ui_body ul.type li input:checked + label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/aw/ico_dokuritsu_selected.png"); }
#ui_detail_search.cate_aw .ui_body ul.type li input:checked + label#ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/aw/ico_clear_roof_selected.png"); }
#ui_detail_search.cate_aw .ui_body ul.type li input:checked + label#ui_typet4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/aw/ico_komado_selected.png"); }

/* ゴミステーション */
#ui_detail_search.cate_gs .ui_body ul.type li label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_alumi.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: auto 30px !important; }
#ui_detail_search.cate_gs .ui_body ul.type li label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_steal.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: auto 30px !important; }
#ui_detail_search.cate_gs .ui_body ul.type li label#ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_jushi.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: auto 30px !important; }
#ui_detail_search.cate_gs .ui_body ul.type li label#ui_typet4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_mesh.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: auto 30px !important; }
#ui_detail_search.cate_gs .ui_body ul.type li label#ui_typet6 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_ss.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: auto 30px !important; }
#ui_detail_search.cate_gs .ui_body ul.type li label#ui_trash_bagss1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_gs.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: auto 30px !important; }
#ui_detail_search.cate_gs .ui_body ul.type li label#ui_trash_bagss2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_gs.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: auto 30px !important; }
#ui_detail_search.cate_gs .ui_body ul.type li label#ui_trash_bagss3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_gs.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: auto 30px !important; }
#ui_detail_search.cate_gs .ui_body ul.type li label#ui_trash_bagss4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_gs.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: auto 30px !important; }
#ui_detail_search.cate_gs .ui_body ul.type li label#ui_trash_bagss5 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_gs.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: auto 30px !important; }
#ui_detail_search.cate_gs .ui_body ul.type li label#ui_trash_bagss6 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_gs.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; background-size: auto 30px !important; }

#ui_detail_search.cate_gs .ui_body ul.type li input:checked + label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_alumi_selected.png"); }
#ui_detail_search.cate_gs .ui_body ul.type li input:checked + label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_steal_selected.png"); }
#ui_detail_search.cate_gs .ui_body ul.type li input:checked + label#ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_jushi_selected.png"); }
#ui_detail_search.cate_gs .ui_body ul.type li input:checked + label#ui_typet4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_mesh_selected.png"); }
#ui_detail_search.cate_gs .ui_body ul.type li input:checked + label#ui_typet6 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_ss_selected.png"); }
#ui_detail_search.cate_gs .ui_body ul.type li input:checked + label#ui_trash_bagss1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_gs_selected.png"); }
#ui_detail_search.cate_gs .ui_body ul.type li input:checked + label#ui_trash_bagss2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_gs_selected.png"); }
#ui_detail_search.cate_gs .ui_body ul.type li input:checked + label#ui_trash_bagss3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_gs_selected.png"); }
#ui_detail_search.cate_gs .ui_body ul.type li input:checked + label#ui_trash_bagss4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_gs_selected.png"); }
#ui_detail_search.cate_gs .ui_body ul.type li input:checked + label#ui_trash_bagss5 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_gs_selected.png"); }
#ui_detail_search.cate_gs .ui_body ul.type li input:checked + label#ui_trash_bagss6 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gs/ico_gs_selected.png"); }

/* ストックヤード */
#ui_detail_search.cate_sy .ui_body ul.type li label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/sy/ico_open.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_sy .ui_body ul.type li label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/sy/ico_sleeve.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_sy .ui_body ul.type li label#ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/sy/ico_door.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

#ui_detail_search.cate_sy .ui_body ul.type li input:checked + label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/sy/ico_open_selected.png"); }
#ui_detail_search.cate_sy .ui_body ul.type li input:checked + label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/sy/ico_sleeve_selected.png"); }
#ui_detail_search.cate_sy .ui_body ul.type li input:checked + label#ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/sy/ico_door_selected.png"); }

/* テラス囲い */
#ui_detail_search.cate_tg .ui_body ul.type li label#ui_shapes1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/tg/ico_terrace.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_tg .ui_body ul.type li label#ui_shapes2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/tg/ico_sunroom.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_tg .ui_body ul.type li label#ui_shapes3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/tg/ico_half.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_tg .ui_body ul.type li label#ui_shapes4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/tg/ico_open.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

/* ガレージシャッター */
#ui_detail_search.cate_sh .ui_body ul.type li label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/sh/ico_dokuritsu.png"); background-position: 3px center; background-repeat: no-repeat; padding-left: 31px; }
#ui_detail_search.cate_sh .ui_body ul.type li label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/sh/ico_builtin.png"); background-position: 3px center; background-repeat: no-repeat; padding-left: 31px; letter-spacing: -0.1ex; }

#ui_detail_search.cate_sh .ui_body ul.type li input:checked + label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/sh/ico_dokuritsu_selected.png"); }
#ui_detail_search.cate_sh .ui_body ul.type li input:checked + label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/sh/ico_builtin_selected.png"); }

/* 石材 */
#ui_detail_search.cate_st .ui_body ul.type li label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/st/ico_gravel.png"); background-position: 7px center; background-repeat: no-repeat; background-size: auto 24px !important; }
#ui_detail_search.cate_st .ui_body ul.type li label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/st/ico_brick.png"); background-position: 7px center; background-repeat: no-repeat; background-size: auto 24px !important; }
#ui_detail_search.cate_st .ui_body ul.type li label#ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/st/ico_rhombus.png"); background-position: 7px center; background-repeat: no-repeat; background-size: auto 24px !important; }
#ui_detail_search.cate_st .ui_body ul.type li label#ui_typet4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/st/ico_granite.png"); background-position: 7px center; background-repeat: no-repeat; background-size: auto 24px !important; }
#ui_detail_search.cate_st .ui_body ul.type li label#ui_typet5 { background-image: url("/sp2/public/img/item/search/ui_detail_search/st/ico_block.png"); background-position: 7px center; background-repeat: no-repeat; background-size: auto 24px !important; }
#ui_detail_search.cate_st .ui_body ul.type li label#ui_typet6 { background-image: url("/sp2/public/img/item/search/ui_detail_search/st/ico_tile.png"); background-position: 7px center; background-repeat: no-repeat; background-size: auto 24px !important; }

#ui_detail_search.cate_st .ui_body ul.type li input:checked + label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/st/ico_gravel_selected.png"); }
#ui_detail_search.cate_st .ui_body ul.type li input:checked + label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/st/ico_brick_selected.png"); }
#ui_detail_search.cate_st .ui_body ul.type li input:checked + label#ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/st/ico_rhombus_selected.png"); }
#ui_detail_search.cate_st .ui_body ul.type li input:checked + label#ui_typet4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/st/ico_granite_selected.png"); }
#ui_detail_search.cate_st .ui_body ul.type li input:checked + label#ui_typet5 { background-image: url("/sp2/public/img/item/search/ui_detail_search/st/ico_block_selected.png"); }
#ui_detail_search.cate_st .ui_body ul.type li input:checked + label#ui_typet6 { background-image: url("/sp2/public/img/item/search/ui_detail_search/st/ico_tile_selected.png"); }

/* 立水栓・ガーデンシンク */
#ui_detail_search.cate_rs .ui_body ul.type li label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rs/ico_waterfaucet.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 52px; background-size: 24px auto !important;}
#ui_detail_search.cate_rs .ui_body ul.type li label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rs/ico_gardensink.png"); background-position: 7px center;  background-repeat: no-repeat; padding-left: 52px; background-size: 24px auto !important; }
#ui_detail_search.cate_rs .ui_body ul.type li label#ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rs/ico_pan.png"); background-position: 7px center;  background-repeat: no-repeat; padding-left: 52px; background-size: 36px auto !important;}

#ui_detail_search.cate_rs .ui_body ul.type li input:checked + label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rs/ico_waterfaucet_selected.png"); }
#ui_detail_search.cate_rs .ui_body ul.type li input:checked + label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rs/ico_gardensink_selected.png"); }
#ui_detail_search.cate_rs .ui_body ul.type li input:checked + label#ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rs/ico_pan_selected.png"); }

/* 表札 */
#ui_detail_search.cate_np .ui_body ul.type li label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/np/ico_house.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_np .ui_body ul.type li label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/np/ico_office.png"); background-position: 7px center;  background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_np .ui_body ul.type li label#ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/np/ico_duplexhouse.png"); background-position: 7px center;  background-repeat: no-repeat; padding-left: 40px; background-size: auto 14px !important; }

#ui_detail_search.cate_np .ui_body ul.type li input:checked + label#ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/np/ico_house_selected.png"); }
#ui_detail_search.cate_np .ui_body ul.type li input:checked + label#ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/np/ico_office_selected.png"); }
#ui_detail_search.cate_np .ui_body ul.type li input:checked + label#ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/np/ico_duplexhouse_selected.png");}

/* 玄関ドア */
#ui_detail_search.cate_rd .ui_body ul.type li label { background-size: auto 35px !important; }
/* ドアタイプ */
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_1_1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_katabiraki.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_1_2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_ryoubiraki.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_1_3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_katasode.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_1_4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_ryousode.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_designd1 { background-image: url("/public/img/item/rd/search/ui_detail_search/icon_rd10.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_designd2 { background-image: url("/public/img/item/rd/search/ui_detail_search/icon_rd11.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_designd3 { background-image: url("/public/img/item/rd/search/ui_detail_search/icon_rd12.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_designd4 { background-image: url("/public/img/item/rd/search/ui_detail_search/icon_rd13.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_designd5 { background-image: url("/public/img/item/rd/search/ui_detail_search/icon_rd14.png"); background-position: 6px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_designd6 { background-image: url("/public/img/item/rd/search/ui_detail_search/icon_rd15.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_designd7 { background-image: url("/public/img/item/rd/search/ui_detail_search/icon_rd16.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_designd8 { background-image: url("/public/img/item/rd/search/ui_detail_search/icon_rd17.png"); background-position: 8px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_designd9 { background-image: url("/public/img/item/rd/search/ui_detail_search/icon_rd18.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_1_1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_katabiraki_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_1_2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_ryoubiraki_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_1_3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_katasode_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_1_4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_ryousode_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_designd1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/icon_rd10_selected.png"); background-position: 9px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_designd2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/icon_rd11_selected.png"); background-position: 9px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_designd3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/icon_rd12_selected.png"); background-position: 9px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_designd4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/icon_rd13_selected.png"); background-position: 9px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_designd5 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/icon_rd14_selected.png"); background-position: 9px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_designd6 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/icon_rd15_selected.png"); background-position: 9px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_designd7 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/icon_rd16_selected.png"); background-position: 9px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_designd8 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/icon_rd17_selected.png"); background-position: 9px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_designd9 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/icon_rd18_selected.png"); background-position: 9px center; background-repeat: no-repeat; padding-left: 40px; }

/* ランマ有無 */
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_s_Ranma_1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_ranmanashi.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_s_Ranma_2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_ranmatsuki.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_s_Ranma_1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_ranmanashi_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_s_Ranma_2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_ranmatsuki_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

/* ドア仕様 */
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_kanreichi.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_ippan.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_ranmanashi.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_typet1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_kanreichi_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_typet2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_ippan_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_typet3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_ranmanashi_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

/* ドアサイズ */
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_s_W_1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_haba.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_s_W_2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_haba.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_s_W_1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_haba_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_s_W_2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_haba_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_s_H_1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_takasa.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_s_H_2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_takasa.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_s_H_1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_takasa_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_rd .ui_body ul.type li input:checked + label#uidsf_ui_s_H_2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/rd/ico_takasa_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

/* カラー */
#ui_detail_search.cate_rd .ui_body ul.type li label[id*="ui_SCsc"] {
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 54px 24px !important;
}
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_SCsc1 { background-image: url("/public/img/img_content/rd/top/img_color_sc1.png"); }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_SCsc2 { background-image: url("/public/img/img_content/rd/top/img_color_sc2.png"); }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_SCsc3 { background-image: url("/public/img/img_content/rd/top/img_color_sc3.png"); }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_SCsc4 { background-image: url("/public/img/img_content/rd/top/img_color_sc4.png"); }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_SCsc5 { background-image: url("/public/img/img_content/rd/top/img_color_sc5.png"); }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_SCsc6 { background-image: url("/public/img/img_content/rd/top/img_color_sc6.png"); }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_SCsc7 { background-image: url("/public/img/img_content/rd/top/img_color_sc7.png"); }
#ui_detail_search.cate_rd .ui_body ul.type li label#uidsf_ui_SCsc8 { background-image: url("/public/img/img_content/rd/top/img_color_sc8.png"); }

/* ガーデンファニチャー */
#ui_detail_search.cate_gf .ui_body ul.type li label#ui_typetype_1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_waterfaucet.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li label#ui_typetype_2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_tank.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li label#ui_typetype_8 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_pan.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li label#ui_typetype_10 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_hose.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li label#ui_typetype_12 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_table.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li label#ui_typetype_17 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_chair.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li label#ui_typetype_19 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_shade.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li label#ui_typetype_20 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_parasol.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li label#ui_typetype_22 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_pergora.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li label#ui_typetype_23 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_hammock.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li label#ui_typetype_26 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_mirror.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li label#ui_typetype_27 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_park.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li label#ui_typetype_28 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_bird.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

#ui_detail_search.cate_gf .ui_body ul.type li input:checked + label#ui_typetype_1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_waterfaucet_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li input:checked + label#ui_typetype_2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_tank_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li input:checked + label#ui_typetype_8 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_pan_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li input:checked + label#ui_typetype_10 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_hose_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li input:checked + label#ui_typetype_12 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_table_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li input:checked + label#ui_typetype_17 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_chair_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li input:checked + label#ui_typetype_19 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_shade_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li input:checked + label#ui_typetype_20 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_parasol_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li input:checked + label#ui_typetype_22 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_pergora_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li input:checked + label#ui_typetype_23 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_hammock_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li input:checked + label#ui_typetype_26 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_mirror_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li input:checked + label#ui_typetype_27 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_park_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li input:checked + label#ui_typetype_28 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_bird_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

/* ガーデンファニチャー 収納方法 */
#ui_detail_search.cate_gf .ui_body ul.type li label#ui_methodmethod_1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_pile.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li label#ui_methodmethod_2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_fold.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li input:checked + label#ui_methodmethod_1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_pile_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_gf .ui_body ul.type li input:checked + label#ui_methodmethod_2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/gf/ico_fold_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

/* ガーデンファニチャー デザイン */
#ui_detail_search.cate_gf .ui_body ul.type li label[id^="ui_designd"] {
  text-align: center;
}

/* DIY */
#ui_detail_search.cate_dy .ui_body ul.type li label#ui_typetype_1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/dy/ico_exterior_parts.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_dy .ui_body ul.type li label#ui_typetype_2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/dy/ico_sheet_metal.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_dy .ui_body ul.type li label#ui_typetype_3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/dy/ico_drytech.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

#ui_detail_search.cate_dy .ui_body ul.type li input:checked + label#ui_typetype_1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/dy/ico_exterior_parts_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_dy .ui_body ul.type li input:checked + label#ui_typetype_2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/dy/ico_sheet_metal_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_dy .ui_body ul.type li input:checked + label#ui_typetype_3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/dy/ico_drytech_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

/* DIY 収納方法 */
#ui_detail_search.cate_dy .ui_body ul.type li label#ui_methodmethod_1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/dy/ico_pile.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_dy .ui_body ul.type li label#ui_methodmethod_2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/dy/ico_fold.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_dy .ui_body ul.type li input:checked + label#ui_methodmethod_1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/dy/ico_pile_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_dy .ui_body ul.type li input:checked + label#ui_methodmethod_2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/dy/ico_fold_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

/* DIY デザイン */
#ui_detail_search.cate_dy .ui_body ul.type li label[id^="ui_designd"] {
  text-align: center;
}

/* 人工芝 */
#ui_detail_search.cate_tf .ui_body ul.type li label#ui_typetype1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/tf/ico_turf.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

#ui_detail_search.cate_tf .ui_body ul.type li input:checked + label#ui_typetype1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/tf/ico_turf_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

/* 人工芝 芝の長さ */
#ui_detail_search.cate_tf .ui_body ul.type li label[id^="ui_Ll"] {
  background-position: 7px center;
  background-repeat: no-repeat;
  padding-left: 40px;
  background-size: 30px auto !important;
}
#ui_detail_search.cate_tf .ui_body ul.type li label#ui_Ll1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/common/ico_size_20.png"); }
#ui_detail_search.cate_tf .ui_body ul.type li label#ui_Ll2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/common/ico_size_30.png"); }
#ui_detail_search.cate_tf .ui_body ul.type li label#ui_Ll3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/common/ico_size_35.png"); }
#ui_detail_search.cate_tf .ui_body ul.type li label#ui_Ll4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/common/ico_size_50.png"); }

#ui_detail_search.cate_tf .ui_body ul.type li input:checked + label#ui_Ll1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/common/ico_size_20_selected.png"); }
#ui_detail_search.cate_tf .ui_body ul.type li input:checked + label#ui_Ll2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/common/ico_size_30_selected.png"); }
#ui_detail_search.cate_tf .ui_body ul.type li input:checked + label#ui_Ll3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/common/ico_size_35_selected.png"); }
#ui_detail_search.cate_tf .ui_body ul.type li input:checked + label#ui_Ll4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/common/ico_size_50_selected.png"); }

/* トイレ　操作部タイプ */
#ui_detail_search.cate_tl .ui_body ul.type li label#ui_controlc1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/tl/ico_sodeshiki.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_tl .ui_body ul.type li label#ui_controlc2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/tl/ico_kabetsuke.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

#ui_detail_search.cate_tl .ui_body ul.type li input:checked + label#ui_controlc1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/tl/ico_sodeshiki_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }
#ui_detail_search.cate_tl .ui_body ul.type li input:checked + label#ui_controlc2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/tl/ico_kabetsuke_selected.png"); background-position: 7px center; background-repeat: no-repeat; padding-left: 40px; }

/* ウッドデッキ */
#ui_detail_search.cate_wd .ui_body ul.type li label {
  background-repeat: no-repeat;
  background-position: 13px center;
  background-size: 45px auto !important;
}
#ui_detail_search.cate_wd .ui_body ul.type li label#ui_materialm1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/wd/ico_artificial.png"); }
#ui_detail_search.cate_wd .ui_body ul.type li label#ui_materialm2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/wd/ico_natural.png"); }
#ui_detail_search.cate_wd .ui_body ul.type li label#ui_materialm3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/wd/ico_new.png"); }
#ui_detail_search.cate_wd .ui_body ul.type li label#ui_materialm4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/wd/ico_tile.png"); }
#ui_detail_search.cate_wd .ui_body ul.type li label#ui_materialm5 { background-image: url("/sp2/public/img/item/search/ui_detail_search/wd/ico_aluminum.png"); }

#ui_detail_search.cate_wd .ui_body ul.type li  input:checked + label#ui_materialm1 { background-image: url("/sp2/public/img/item/search/ui_detail_search/wd/ico_artificial_selected.png"); }
#ui_detail_search.cate_wd .ui_body ul.type li  input:checked + label#ui_materialm2 { background-image: url("/sp2/public/img/item/search/ui_detail_search/wd/ico_natural_selected.png"); }
#ui_detail_search.cate_wd .ui_body ul.type li  input:checked + label#ui_materialm3 { background-image: url("/sp2/public/img/item/search/ui_detail_search/wd/ico_new_selected.png"); }
#ui_detail_search.cate_wd .ui_body ul.type li  input:checked + label#ui_materialm4 { background-image: url("/sp2/public/img/item/search/ui_detail_search/wd/ico_tile_selected.png"); }
#ui_detail_search.cate_wd .ui_body ul.type li  input:checked + label#ui_materialm5 { background-image: url("/sp2/public/img/item/search/ui_detail_search/wd/ico_aluminum_selected.png"); }


/* ↑商品タイプのアイコン設定 ----------------------------------------------*/


/*--------------------------------------------
  プルダウンメニュー選択表示(select)
---------------------------------------------*/
.ui_body label.ui_select select.selected {
  border-color: #3f8af5;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f6faff;
  color: #3f8af5;
}

/*--------------------------------------------
  キーワード検索
---------------------------------------------*/
.ui_body.ui-keyword {
  margin-top: 30px;
}
.ui_body .keyword-search-form {
  width: 100%;
  margin: 0;
  padding: 0;
}
.ui_body .keyword-search-form input {
  width: 100% !important;
}

/* 文字が入力されているとき */
/*.ui_body .keyword-search-form input:not(:placeholder-shown),*/
.ui_body .keyword-search-form input.not-empty {/* JSで動的クラス対応 */
  border-color: #3f8af5;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f6faff;
  color: #3f8af5;
}


/* フキダシ
------------------------------*/
.ui_body .autocompleteDaMsg {
  top: -95px;
}


/* 商品サジェスト
------------------------------*/
#ui-id-3 {
  z-index: 1010;
}
@media screen and (orientation:landscape) {
  #ui-id-3 {
    zoom: 0.7;
  }
  #ui_detail_search ul.ui-autocomplete {/* 一覧ページ詳細検索UI内 */
    zoom: 1;
  }
}

/*--------------------------------------------
  注目キーワード
---------------------------------------------*/
.ui-keyword-suggest {
  display: flex;
  align-items: center;
  margin-top: 16px;
  padding-left: 7px;
  gap: 16px;
}
.ui-keyword-suggest_key {
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.ui-keyword-suggest_list {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  a {
    padding: 8px;
    border-radius: 5px;
    background-color: #f5f5f5;
    font-size: 14px;
    color: #333;
    text-decoration: none;
  }
}

/*--------------------------------------------
  検索ボタン
---------------------------------------------*/
#ui_detail_search .ui_foot {
  display: table;
  table-layout: fixed;
  box-sizing: border-box;
  width: 100%;
  margin: auto;
  padding: 10px;
}
#ui_detail_search .ui_foot li {
  display: table-cell;
  padding: 10px;
  vertical-align: top;
}
#ui_detail_search .ui_foot li.bt_search {
  position: relative;
  width: 60%;
}
#ui_detail_search .ui_foot li.bt_search input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: auto;
  background: url("/sp2/public/img/common/icon_search-white.svg") 21% center no-repeat #2467c5;
  background-size: 25px auto;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
  font-size: 19px;
  font-weight: bold;
  text-indent: 10%;
}

/* キャンセル
--------------------------------------------- */
#ui_detail_search .ui_foot li.bt_cancel {
  width: 40%;
}
#ui_detail_search .ui_foot li.bt_cancel a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ddd;
  background-color: #fafafa;
  color: #555;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  line-height: 50px;
}

/* 対象商品件数表示
--------------------------------------------- */
#ui_detail_search .ui_foot #search_result:empty {
  /*display: none;*/
}
#ui_detail_search .ui_foot #search_result {
  position: absolute;
  top: -0.9em;
  right: 0px;
  display: inline-table;
  min-width: 3.2em;
  height: 24px;
  margin: auto;
  padding: 3px 7px;
  border-radius: 4px;
  border: 1px solid #3f8af5;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
  background-color: #ffff9e;
  color: #2467c5;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
#ui_detail_search .ui_foot #search_result span {
  padding-left: 3px;
  font-size: 80%;
}
#ui_detail_search .ui_foot #search_result.no-item {
  border-color: #ccc;
  background-color: #fff;
}
#ui_detail_search .ui_foot #search_result.no-item span {
  color: #555;
  font-weight: normal;
}
#ui_detail_search .ui_foot #search_result::before,
#ui_detail_search .ui_foot #search_result::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: -9px;
  display: block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid #ffff9e;
}
#ui_detail_search .ui_foot #search_result::before {
  right: 9px;
  bottom: -11px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 11px solid #3f8af5;
}

#ui_detail_search .ui_foot #search_result.no-item::before {
  border-top-color: #ccc;
}
#ui_detail_search .ui_foot #search_result.no-item::after {
  border-top-color: #fff;
}

/* ====================================================
  追従型絞り込みUI
====================================================*/
.floating-search-refine {
  position: fixed;
  bottom: 95px;
/*  bottom: 140px;*/
  right: 5px;
  z-index: 999;
}
@media screen and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .floating-search-refine {
    display: none;
  }
}
.floating-search-refine_btn {
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 72px;
  height: 72px;
  padding-bottom: 13px;
  border-radius: 50%;
  background: url("/sp2/public/img/common/icon_refine-white.svg") center 16px no-repeat rgba(21, 107, 228, 0.9);
  background-size: 33px auto;
  box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.45);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  line-height: 1;
  letter-spacing: -0.06ex;
}
.floating-search-refine_count {
  position: absolute;
  top: -4px;
  right: 1px;
  display: block;
  width: 23px;
  height: 23px;
  border: 1px solid #2b79e6;
  border-radius: 50%;
  background-color: #fff;
  color: #2b79e6;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 23px;
}

/* ====================================================
  CSSスプライトアイコン
====================================================*/
.sprite-icon {
  position: relative;
}
.sprite-icon::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
  background-image: url("/sp2/public/img/common/sprite_icon.svg?20211022");
  background-repeat: no-repeat;
}


/*====================================================================================================
  ◆ヘッダー
  /global_include/header/
====================================================================================================*/

.header_banner {
  position: relative;
  width: 100%;
  height: calc(98 / 2 * 1px);
}
.header_banner .spr,
.header_banner .spr::after {
  --image-w: 960;
  --image-h: 392;
  --show-w: 960;
  --show-h: 98;
  --show-x: 0;
  --show-y: 0;
}
.header_banner .spr {
  padding-top: calc(var(--show-h) / var(--show-w) * 100%);
}
.header_banner .spr::after {
  background-image: url(/sp2/public/img/common/header/sprite_header.webp?2024102300);
  background-position: 0 0;
  background-size: calc(var(--image-w) / var(--show-w) * 100%) calc(var(--image-h) / var(--show-h) * 100%);
}
.header_banner a {
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  height: 35px;
  padding: 0 15px;
  margin: auto;
  border: 1px solid #fff;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  text-indent: 0;
  z-index: 1;
}
.header_banner img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -5px;
  margin: auto;
}
/* バグ #15040対応 */
.header-inner-head {
  display: flex;
  flex-wrap: nowrap;
}
header .h_logo_wrap {
  display: block;
  float: left;
  margin: 9px 0 0 17.5px;
}
/* #33037
header #h_logo {
  overflow: hidden;
  width: calc(376 / 2 * 1px);
  height: calc(118 / 2 * 1px);
  text-indent: 100%;
  white-space: nowrap;
}
*/
header #h_logo .spr,
header #h_logo .spr::after {
  --image-w: 960;
  --image-h: 402;
  --show-w: 376;
  --show-h: 118;
  --show-x: 0;
  --show-y: 110;
}
header #h_logo .spr {
  padding-top: calc(var(--show-h) / var(--show-w) * 100%);
}
header #h_logo .spr::after {
  background-image: url(/sp2/public/img/common/header/sprite_header.webp?2024102300);
  background-position: calc(var(--show-x) / calc(var(--image-w) - var(--show-w)) * 100%) calc(var(--show-y) / calc(var(--image-h) - var(--show-h)) * 100%);
  background-size: calc(var(--image-w) / var(--show-w) * 100%) calc(var(--image-h) / var(--show-h) * 100%);
}
header #h_logo img {
  vertical-align: bottom;
  width: 188px;
  height: auto;
}

/*------------------------------------------------------------------------
  ヘッダーボタン
------------------------------------------------------------------------*/
header nav {
  margin: 23px 0 21px auto;
}
header nav ul {
  display: flex;
}
header nav ul li {
  position: relative;
  width: 65px;
  height: 45px;
  border-right: 1px solid #ddd;
  text-align: center;
  vertical-align: bottom;
}
header nav ul li a {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 45px;
  color: #333;
  font-size: 11px;
  text-decoration: none;
  line-height: 1;
}

/* お問い合わせ
-------------------------------------------------------*/
header nav ul li.bt_contact a::before {
  width: 17px;
  height: 24px;
  margin-top: 6px;
  background-position: -95px -27px;
  transform: scale(1.117);
}
/* メール
-------------------------------------------------------*/
header nav ul li.bt_mail a::before {
  width: 31px;
  height: 21px;
  margin-top: 2px;
  background-position: -270px -109px;
}
/* PCサイト
-------------------------------------------------------*/
header nav ul li.bt_pc {
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background: url("/sp2/public/img/common/icon_pc.svg") center 5px no-repeat;
  background-size: auto 31px;
}
/* お気に入り
-------------------------------------------------------*/
header nav ul li.bt_fav a::before {
  width: 26px;
  height: 24px;
  margin-top: 2px;
  background-position: -62px -135px;
}
/* 見積りメモ
-------------------------------------------------------*/
header nav ul li.bt_memo a::before {
  width: 31px;
  height: 26px;
  margin-top: 1.5px;
  margin-left: 20px;
  background-position: -29px -135px;
}

/* メニューボタン（追従型ボタン含む）
-------------------------------------------------------*/
header nav ul li.bt_menu,
header nav ul li.bt_menu-sticky {
  position: relative;
  width: 63px;
}
header nav ul li.bt_menu {
  border-right: none;
}
header nav ul li.bt_menu a {
  width: 63px !important;
}
header nav ul li.bt_menu a::before,
header nav ul li.bt_menu-sticky a::before {
  width: 27px;
  height: 22px;
  margin-top: 3px;
  background-position: 0 -135px;
}

header nav ul li.bt_menu-sticky {
  top: 6px !important;
  right: 6px !important;
  left: auto !important;
  display: none;
  z-index: 1000;
}
header nav ul li.bt_menu-sticky a::before {
  margin-top: 12px;
  background-position: -92px -135px;
}
header nav ul li.bt_menu-sticky.view-on {
  display: block;
  position: fixed;
  opacity: 0.95;
  width: 62px !important;
  height: 60px !important;
  box-shadow: 1.5px 1.5px 3px 0px rgba(0, 0, 0, 0.25);
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  line-height: 106px;
}
header nav ul li.bt_menu-sticky.view-on a {
  height: 60px;
  padding-bottom: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #c40000;
}

/* ランドスケープ時に追従メニューを非表示 */
@media screen and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  header nav ul li.bt_menu-sticky.view-on {
    display: none;
  }
}

/*--------------------------------
  件数カウンターアイコン
--------------------------------*/
header nav li .counter {
  position: absolute;
  top: -11px;
  right: 5px;
  width: auto;
  min-width: 22px;
  height: 22px;
  margin: 0;
  padding: 0 5px;
  border: none;
  border-radius: 11px;
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 22px;
}
header nav li .counter.none {
  display: none;
}

/*------------------------------------------------------------------------
  メニューウインドウ
------------------------------------------------------------------------*/
#page_slide.sub_win_module .win_menu_bottom nav {
  margin-right: 10px;
}

/*------------------------------------------------------------------------
  ヘッダ下　訴求ボタン
------------------------------------------------------------------------*/
header .header_pr_contents {
  clear: both;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  width: 480px;
  border-bottom: 1px solid #bbb;
}
header .header_pr_contents li {
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  vertical-align: bottom;
}
header .header_pr_contents li.bnr_voice,
header .header_pr_contents li.bnr_guarantee {
  border-right: none;
}
header .header_pr_contents li a {
  --to-actual-size: 2 * 1px;
  display: block;
  height: calc(80 / var(--to-actual-size));
}
header .header_pr_contents li.bnr_partner a { width: calc(316 / var(--to-actual-size)); }
header .header_pr_contents li.bnr_voice a { width: calc(642 / var(--to-actual-size)); }
header .header_pr_contents li.bnr_sale a { width: calc(316 / var(--to-actual-size)); }
header .header_pr_contents li.bnr_campaign a { width: calc(318 / var(--to-actual-size));}
header .header_pr_contents li.bnr_guarantee a { width: calc(322 / var(--to-actual-size));}

header .header_pr_contents .bnr_partner .spr,
header .header_pr_contents .bnr_partner .spr::after {
  --show-w: 316;
  --show-x: 0;
  --show-y: 239;
}
header .header_pr_contents .bnr_voice .spr,
header .header_pr_contents .bnr_voice .spr::after {
  --show-w: 642;
  --show-x: 318;
  --show-y: 239;
}
header .header_pr_contents .bnr_sale .spr,
header .header_pr_contents .bnr_sale .spr::after {
  --show-w: 316;
  --show-x: 0;
  --show-y: 321;
}
header .header_pr_contents .bnr_campaign .spr,
header .header_pr_contents .bnr_campaign .spr::after {
  --show-w: 318;
  --show-x: 318;
  --show-y: 321;
}
header .header_pr_contents .bnr_guarantee .spr,
header .header_pr_contents .bnr_guarantee .spr::after {
  --show-w: 322;
  --show-x: 637;
  --show-y: 321;
}
header .header_pr_contents .spr {
  --show-h: 80;
  padding-top: calc(var(--show-h) / var(--show-w) * 100%);
}
header .header_pr_contents .spr::after {
  --image-w: 960;
  --image-h: 402;
  --show-h: 80;
  background-image: url(/sp2/public/img/common/header/sprite_header.webp?2026021000);
  background-position: calc(var(--show-x) / calc(var(--image-w) - var(--show-w)) * 100%) calc(var(--show-y) / calc(var(--image-h) - var(--show-h)) * 100%);
  background-size: calc(var(--image-w) / var(--show-w) * 100%) calc(var(--image-h) / var(--show-h) * 100%);
}
/*==================================================
  ◆メニュースライダー
   2017ver. ※GPより移植開発
==================================================*/
html.open {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: none;
}
html.open body {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
html.open #win_orderform {
  /*visibility: hidden;*/
}

/*-----------------------------------
  スライド
-----------------------------------*/
#page_slide {
  z-index: 1997;
  overflow: hidden;
  position: fixed;
  top: 0;

  display: -webkit-flex;
  display: flex;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;

  pointer-events: none;
}

/* 表示時 */
html.open #page_slide {
  pointer-events: all;
}

/*-----------------------------------
  バックスクリーン
-----------------------------------*/
#page_slide::before {
  content: '';
  opacity: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0, 0.7);

  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
}
html.open #page_slide::before {
  opacity: 1;
}

/*---------------------------------------
  閉じるスクリーンエリア
---------------------------------------*/
#page_slide .drawer_close {
  visibility: hidden;
  position: relative;
  -webkit-flex: 1;
  flex: 1;
}
#page_slide .drawer_close::before {
  content: '';
  display: block;
  position: absolute;
  top: 20px;
  right: 15px;
  width: 20px;
  height: 22px;
  background-image: url(/sp2/public/img/common/sprite_icon.svg?20211022);
  background-repeat: no-repeat;
  background-position: right -53px;
}
html.open #page_slide .drawer_close {
  visibility: visible;
}

/*　メニューエリア（非表示）
----------------------------------- */
#page_slide #drawer {
  z-index: 1001;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;

  position: relative;
  display: block;
  width: 430px;
  height: 100%;
  background-color: #fff;

  -webkit-transform: translateX(100%);
  transform: translateX(100%);

  transition-property: transform, -webkit-transform;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(.68,-.25,.265,1.25);
}

/*　メニューエリア（表示時）
----------------------------------- */
html.open #page_slide #drawer {
  -webkit-box-shadow: -5px 0 3px 1px rgba(0,0,0,0.1);
  box-shadow: -5px 0 3px 1px rgba(0,0,0,0.1);

  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

/*　メニューコンテンツ
---------------------------------- */
#page_slide #drawer article {
  background: #fff;
}
#page_slide .close_btn.bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#page_slide .close_btn.bottom .btn_pc {
  display: block;
  padding: 8px 11px 7px 55px;
  border: 1px solid #c40000;
  border-radius: 4px;
  color: #c40000;
  font-size: 18px;
  text-decoration: none;
}
#page_slide .close_btn.bottom .btn_pc::before {
  bottom: 0;
  width: 32px;
  height: 24px;
  margin: auto auto auto 11px;
  background-position: -178px -27px;
  transform: scale(0.96875);
}
/*-----------------------------------------
  閉じるボタン
-----------------------------------------*/
#page_slide section.close_btn {
  margin: 18px 20px;
  padding-bottom: 0;
}
#page_slide section.close_btn.bottom {
  margin-bottom: 60px;
}
#page_slide a.bt_close {
  display: block;
  width: 80px;
  margin-left: auto;
  padding: 6px 0 6px 35px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: url("../img/common/pageslide/menu/ico_close.png") 13px center no-repeat #eee;
  -webkit-background-size: auto 30%;
  background-size: auto 30%;
  color: #555;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
}

/*-----------------------------------------
  PC版ページを見る
-----------------------------------------*/
#page_slide .win_menu_head {
  margin: 20px 20px 18px;
  padding-bottom: 0;
}
#page_slide .win_menu_head .btn_pc {
  float: left;
  display: block;
  margin-left: auto;
  padding: 8px 11px 7px 55px;
  border: 1px solid #c40000;
  border-radius: 4px;
  color: #c40000;
  font-size: 18px;
  text-decoration: none;
}
#page_slide .win_menu_head .btn_pc::before {
  bottom: 0;
  width: 32px;
  height: 24px;
  margin: auto auto auto 11px;
  background-position: -178px -27px;
  transform: scale(0.96875);
}

/* 閉じるボタン
--------------------------------*/
#page_slide .win_menu_head a.close_btn {
  float: right;
  display: block;
  width: 77px;
  padding: 10px 0 10px 50px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: url("../img/common/pageslide/menu/ico_close.png") 13px center no-repeat #eee;
  color: #555;
  font-size: 22.5px;
  text-decoration: none;
}

/*-----------------------------------------
  見出し
-----------------------------------------*/
#page_slide p.ttl,
#page_slide h2.ttl {
  padding: 10px 0 10px 50px;
  background: #c40000;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25;
}
#page_slide h2.ttl span.text-sub {
  font-size: 94%;
  font-weight: normal;
}
#page_slide h2.ttl span.text-radius {
  float: right;
  margin: -5px 10px 0;
  padding: 3px 10px 5px;
  border-radius: 2em;
  border: 1px solid white;
  background: #c40000;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  vertical-align: middle;
}

/* 商品カテゴリ
--------------------------------------------- */
#page_slide article .menu_cate + section.item { /*menu_cateの下部に閉じるボタンを入れなかった場合のスペース確保*/
  margin-top: 50px;
}

#page_slide p.ttl_sub,
#page_slide h3.ttl {
  padding: 11px 0 11px 14px;
  background-color: #ddd;
  color: #333;
  font-size:  15px;
  font-weight: bold;
}

/*-----------------------------------------
  リスト設定
-----------------------------------------*/
#page_slide .box ul {
  background-color: #fff;
}
#page_slide .box li {
  border-bottom: 1px solid #e4e4e4;
}
#page_slide .box ul li:last-child{
  border-bottom: none;
}
#page_slide section.box:last-child ul:last-child li:last-child {
  border-bottom: 1px solid #ccc;
}

#page_slide section.review li {
  background-position: 96% center;
}
#page_slide section.siteinfo li,
#page_slide section.contact li {
  background-position: 98% center;
}
#page_slide section.box li a {
  position: relative;
  display: block;
  padding: 22px 10px 22px 24px;
  background-size: 10px;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}
#page_slide section.box li a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  display: block;
  width: 14px;
  height: 24px;
  margin: auto 0;
  background-image: url("/sp2/public/img/common/sprite_icon.svg?20211022");
  background-repeat: no-repeat;
  background-position: 0 0;
  transform: scale(0.714);
}
#page_slide section.box li a.txt_long {/* テキストが２行になる場合 */
  height: 40px;
  padding: 14px 10px 13px 72px;
  line-height: 1.3;
}
#page_slide section.box li a.txt_small {
  font-size: 14px;
}
#page_slide section.item ul li a { background-image     : none; }/* 商品カテゴリリストに矢印アイコンを表示しない */
#page_slide section.item ul li a::after {/* 商品カテゴリリストに矢印アイコンを表示しない */
  display: none;
}
#page_slide section.review ul li a::after {/* ハーフサイズリストのアイコン位置調整 */
  left: 91%;
}
/*-----------------------------------------
  カテゴリ画像表示
-----------------------------------------*/
.hm-cate_hdl {
  position: relative;
}
.hm-cate_hdl::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 20px;
  border-bottom: 1px solid #e0e0e0;
}
.hm-cate_hdl_link {
  display: inline-flex;
  align-items: stretch;
  text-decoration: none;
  margin-top: 30px;
  padding: 0px 20px 20px;
}
.hm-cate_hdl_img img {
  vertical-align: middle;
}
.hm-cate_hdl_info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 5px 0 0 15px;
}
.hm-cate_hdl_name {
  padding-right: 25px;
  background: url("/sp2/public/img/common/icon_next-guardsman_red.svg") right center no-repeat;
  background-size: 9px auto;
  color: #111;
  font-size: 22px;
  font-weight: bold;
}
.hm-cate_hdl_name--shrink {
  font-size: 17px;
  letter-spacing: -0.1ex;
}
.hm-cate_hdl_cnt {
  align-self: baseline;
  height: 25px;
  margin-top: auto;
  padding: 0 11px;
  border-radius: 13px;
  background-color: #fff2f2;
  color: #db0000;
  line-height: 25px;
}
.hm-cate_hdl_num {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
/*-----------------------------------------
  吹き出し付きタイトル
-----------------------------------------*/
#page_slide h2.ttl_baloon {
  position: relative;
  background: #c40000;
}
#page_slide h2.ttl_baloon:after {
  bottom: 100%;
  left: 45px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(162, 38, 41, 0);
  border-bottom-color: #c40000;
  border-width: 10px;
}

/*-----------------------------------------
  共通設定
-----------------------------------------*/
.hm-acc-bx_ttl.ico-pl-minus + .hm-acc-bx_ttl.ico-pl-no-init-close-minus + .hm-acc-bx_list {
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.05) inset;
}

/*-----------------------------------------
  商品タイプから探す
-----------------------------------------*/
#page_slide section.box.item_cate {
  border-bottom: 1px solid #e0e0e0;
}
#page_slide section.item_cate h2.ttl {
  clear: both;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 46px;
  background-image: url("../img/common/icon_search.svg");
  background-position: -10px center;
  background-repeat: no-repeat;
  border-bottom: none;
}
#page_slide section.item_cate h2.ttl span.text-radius {
  float: none;
  height: 28px;
  margin: 0 10px 0 0;
  padding: 0 10px;
  line-height: 28px;
}
.item_cate .hm-acc-bx_hd {
  text-align: left;
}
.item_cate .hm-acc-bx_list a::before {
  display: none;
}
.item_cate .hm-acc-bx_ttl.ico-pl-minus + .item_cate .hm-acc-bx_ttl.ico-pl-no-init-close-minus + .hm-acc-bx-holder ul.hm-acc-bx_list:last-of-type {
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.05) inset;
}
#page_slide section.item_cate li {
  float: left;
  width: 50%;
}
#page_slide section.item_cate li a {
  padding-left: 72px;
}
#page_slide section.item_cate li a::after {
  right: 5px;
}
#page_slide section.item_cate li:nth-of-type(2n+1) a {
  border-right: 1px solid #e5e5e5;
}

/*CPタイプ別アイコン表示*/
#page_slide section.item_cate li.cp01   { background: url("../img/common/item/icon/icon_cp01.svg") 13px center no-repeat;}
#page_slide section.item_cate li.cp02   { background: url("../img/common/item/icon/icon_cp02.svg") 13px center no-repeat;}
#page_slide section.item_cate li.cp03 { background: url("../img/common/item/icon/icon_cp03.svg") 13px center no-repeat;}
#page_slide section.item_cate li.cp04 { background: url("../img/common/item/icon/icon_cp04.svg") 13px center no-repeat;}
#page_slide section.item_cate li.cp05   { background: url("../img/common/item/icon/icon_cp05.svg") 13px center no-repeat;}
#page_slide section.item_cate li.cp06   { background: url("../img/common/item/icon/icon_cp06.svg") 13px center no-repeat;}
#page_slide section.item_cate li.cp07   { background: url("../img/common/item/icon/icon_cp07.svg") 13px center no-repeat;}
#page_slide section.item_cate li.cp08   { background: url("../img/common/item/icon/icon_cp08.svg") 13px center no-repeat;}
#page_slide section.item_cate li.cp09   { background: url("../img/common/item/icon/icon_cp09.svg") 13px center no-repeat;}
#page_slide section.item_cate li.snow020   { background: url("../img/common/item/icon/icon_snow020.svg") 18px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.snow030   { background: url("../img/common/item/icon/icon_snow030.svg") 18px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.snow050   { background: url("../img/common/item/icon/icon_snow050.svg") 18px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.snow060   { background: url("../img/common/item/icon/icon_snow060.svg") 18px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.snow100   { background: url("../img/common/item/icon/icon_snow100.svg") 18px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.snow150   { background: url("../img/common/item/icon/icon_snow150.svg") 18px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.snow200   { background: url("../img/common/item/icon/icon_snow200.svg") 18px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.wind   { background: url("../img/common/item/icon/icon_wind.svg") 13px center no-repeat;}
#page_slide section.item_cate li.free_const   { background: url("../img/common/item/icon/icon_free_const.svg") 20px center no-repeat;}
#page_slide section.item_cate li.cp10   { background: url("../img/common/item/icon/icon_cp10.svg") 18px center no-repeat; background-size: 40px auto;}

/*CYタイプ別アイコン表示*/
#page_slide section.item_cate li.cy01   { background: url("../img/common/item/icon/icon_cy01.svg") 20px center no-repeat; background-size: 30px auto;}
#page_slide section.item_cate li.cy02   { background: url("../img/common/item/icon/icon_cy02.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.cy03 { background: url("../img/common/item/icon/icon_cy03.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.cy04 { background: url("../img/common/item/icon/icon_cy04.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.cy05   { background: url("../img/common/item/icon/icon_cy05.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.cy06   { background: url("../img/common/item/icon/icon_cy06.svg") 13px center no-repeat; background-size: 45px auto;}

/*CGタイプ別アイコン表示*/
#page_slide section.item_cate li.cg01   { background: url("../img/common/item/icon/icon_cg01.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.cg02   { background: url("../img/common/item/icon/icon_cg02.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.cg03 { background: url("../img/common/item/icon/icon_cg03.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.cg04 { background: url("../img/common/item/icon/icon_cg04.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.cg05   { background: url("../img/common/item/icon/icon_cg05.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.cg06   { background: url("../img/common/item/icon/icon_cg06.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.cg07   { background: url("../img/common/item/icon/icon_cg07.svg") 15px center no-repeat; background-size: 41px auto;}
#page_slide section.item_cate li.cg08   { background: url("../img/common/item/icon/icon_cg08.svg") 13px center no-repeat; background-size: 50px auto;}
#page_slide section.item_cate li.cg09 { background: url("../img/common/item/icon/icon_cg09.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.cg10 { background: url("../img/common/item/icon/icon_cg10.svg") 15px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.cg11   { background: url("../img/common/item/icon/icon_cg11.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.cg12   { background: url("../img/common/item/icon/icon_cg12.svg?20190829") 10px center no-repeat; background-size: 50px auto;}

/*SHタイプ別アイコン表示*/
#page_slide section.item_cate li.sh01          { background: url("../img/common/item/icon/icon_sh01.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.sh02          { background: url("../img/common/item/icon/icon_sh02.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.sh01.remote   { background: url("../img/common/item/icon/icon_sh01.svg") 10px center / 40px auto no-repeat, url("../img/common/item/icon/icon_remote.svg") 48px 32px / 8px auto no-repeat;}
#page_slide section.item_cate li.sh02.remote   { background: url("../img/common/item/icon/icon_sh02.svg") 10px center / 40px auto no-repeat, url("../img/common/item/icon/icon_remote.svg") 54px 34px / 8px auto no-repeat;}

/*WSタイプ別アイコン表示*/
#page_slide section.item_cate li.ws01          { background: url("../img/common/item/icon/icon_sh01.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.ws02          { background: url("../img/common/item/icon/icon_sh01.svg") 10px center / 40px auto no-repeat, url("../img/common/item/icon/icon_remote.svg") 48px 32px / 8px auto no-repeat;}


/*FUタイプ別アイコン表示*/
#page_slide section.item_cate li.fu01   { background: url("../img/common/item/icon/icon_fu01.svg") 24px center no-repeat; background-size: 20px auto;}
#page_slide section.item_cate li.fu02   { background: url("../img/common/item/icon/icon_fu02.svg") 16px center no-repeat; background-size: 34px auto;}
#page_slide section.item_cate li.fu03   { background: url("../img/common/item/icon/icon_fu03.svg") 16px center no-repeat; background-size: 34px auto;}
#page_slide section.item_cate li.fu04   { background: url("../img/common/item/icon/icon_fu04.svg") 7px center no-repeat; background-size: 51px auto;}
#page_slide section.item_cate li.fu05   { background: url("../img/common/item/icon/icon_fu05.svg") 15px center no-repeat; background-size: 35px auto;}

/*TRタイプ別アイコン表示*/
#page_slide section.item_cate li.tr01   { background: url("../img/common/item/icon/icon_tr01.svg") 15px center no-repeat; background-size: 40px auto;}
#page_slide section.item_cate li.tr02   { background: url("../img/common/item/icon/icon_tr02.svg") 15px center no-repeat; background-size: 40px auto;}
#page_slide section.item_cate li.tr03 { background: url("../img/common/item/icon/icon_tr03.svg") 15px center no-repeat; background-size: 40px auto;}
#page_slide section.item_cate li.tr04 { background: url("../img/common/item/icon/icon_tr04.svg") 15px center no-repeat; background-size: 40px auto;}
#page_slide section.item_cate li.tr05 { background: url("../img/common/item/icon/icon_tr05.svg") 15px center no-repeat; background-size: 40px auto;}

/*TGタイプ別アイコン表示*/
#page_slide section.item_cate li.tg01   { background: url("../img/001product/14item_tg/ico_tg_type_terrace.png") 8px center no-repeat;}
#page_slide section.item_cate li.tg02   { background: url("../img/001product/14item_tg/ico_tg_type_sunroom.png") 8px center no-repeat;}
#page_slide section.item_cate li.tg03 { background: url("../img/001product/14item_tg/ico_tg_type_half.png") 8px center no-repeat;}
#page_slide section.item_cate li.tg04 { background: url("../img/001product/14item_tg/ico_tg_type_open.png") 8px center no-repeat;}

/*AWタイプ別アイコン表示*/
#page_slide section.item_cate li.aw01   { background: url("../img/common/item/icon/icon_aw01.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.aw02   { background: url("../img/common/item/icon/icon_aw02.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.aw03 { background: url("../img/common/item/icon/icon_aw03.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.aw05 { background: url("../img/common/item/icon/icon_aw05.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.electric { background: url("../img/common/item/icon/icon_electric.svg") 25px center no-repeat; background-size: 20px auto;}

/*BRタイプ別アイコン表示*/
#page_slide section.item_cate li.br01   { background: url("../img/common/item/icon/icon_br01.svg") 17px center no-repeat; background-size: 38px auto;}
#page_slide section.item_cate li.br02   { background: url("../img/common/item/icon/icon_br02.svg") 17px center no-repeat; background-size: 38px auto;}
#page_slide section.item_cate li.br03 { background: url("../img/common/item/icon/icon_br03.svg") 17px center no-repeat; background-size: 38px auto;}

/*BLタイプ別アイコン表示*/
#page_slide section.item_cate li.bl01   { background: url("../img/common/item/icon/icon_bl01.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.bl02   { background: url("../img/common/item/icon/icon_bl02.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.bl03 { background: url("../img/common/item/icon/icon_bl03.svg") 13px center no-repeat; background-size: 45px auto;}

/*FEタイプ別アイコン表示*/
#page_slide section.item_cate li.fe01 { background: url("../img/common/item/icon/icon_fe01.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.fe02 { background: url("../img/common/item/icon/icon_fe02.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.fe03 { background: url("../img/common/item/icon/icon_fe03.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.fe04 { background: url("../img/common/item/icon/icon_fe04.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.fe05 { background: url("../img/common/item/icon/icon_fe05.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.fe06 { background: url("../img/common/item/icon/icon_fe06.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.fe07 { background: url("../img/common/item/icon/icon_fe07.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.fe08 { background: url("../img/common/item/icon/icon_fe08.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.fe09 { background: url("../img/common/item/icon/icon_fe09.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.fe10 { background: url("../img/common/item/icon/icon_fe10.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.fe11 { background: url("../img/common/item/icon/icon_fe11.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.fe12 { background: url("../img/common/item/icon/icon_fe12.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.fe13 { background: url("../img/common/item/icon/icon_fe13.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.fe14 { background: url("../img/common/item/icon/icon_fe14.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.fe15 { background: url("../img/common/item/icon/icon_fe15.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.fe16 { background: url("../img/common/item/icon/icon_fe16.svg") 13px center no-repeat; background-size: 45px auto;}

/*MPタイプ別アイコン表示*/
#page_slide section.item_cate li.mp01 { background: url("../img/common/item/icon/icon_mp01.svg") 12px center no-repeat; background-size: 48px auto;}
#page_slide section.item_cate li.mp02 { background: url("../img/common/item/icon/icon_mp02.svg") 12px center no-repeat; background-size: 48px auto;}
#page_slide section.item_cate li.mp03 { background: url("../img/common/item/icon/icon_mp03.svg") 12px center no-repeat; background-size: 48px auto;}
#page_slide section.item_cate li.mp04 { background: url("../img/common/item/icon/icon_mp04.svg") 12px center no-repeat; background-size: 48px auto;}
#page_slide section.item_cate li.mp05 { background: url("../img/common/item/icon/icon_mp05.svg") 12px center no-repeat; background-size: 48px auto;}
#page_slide section.item_cate li.mp06 { background: url("../img/common/item/icon/icon_mp06.svg") 19px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.mp07 { background: url("../img/common/item/icon/icon_mp07.svg") 13px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.mp08 { background: url("../img/common/item/icon/icon_mp08.svg") 15px center no-repeat; background-size: 40px auto;}
#page_slide section.item_cate li.mp09 { background: url("../img/common/item/icon/icon_mp09.svg") 15px center no-repeat; background-size: 40px auto;}
#page_slide section.item_cate li.mp10 { background: url("../img/common/item/icon/icon_mp10.svg") 19px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.mp11 { background: url("../img/common/item/icon/icon_mp11.svg") 19px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.mp12 { background: url("../img/common/item/icon/icon_mp12.svg") 19px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.mp13 { background: url("../img/common/item/icon/icon_mp13.svg") 19px center no-repeat; background-size: 37px auto;}
#page_slide section.item_cate li.mp14 { background: url("../img/common/item/icon/icon_mp14.svg") 12px center no-repeat; background-size: 48px auto;}
#page_slide section.item_cate li.mp15 { background: url("../img/common/item/icon/icon_mp15.svg") 12px center no-repeat; background-size: 48px auto;}
#page_slide section.item_cate li.mp16 { background: url("../img/common/item/icon/icon_mp16.svg") 12px center no-repeat; background-size: 48px auto;}

/*MOタイプ別アイコン表示*/
#page_slide section.item_cate li.mo01 { background: url("../img/common/item/icon/icon_mo01.svg") 36px center no-repeat; background-size: 20px auto;}
#page_slide section.item_cate li.mo02 { background: url("../img/common/item/icon/icon_mo02.svg") 13px center no-repeat; background-size: 43px auto;}
#page_slide section.item_cate li.drip { background: url("../img/common/item/icon/icon_drip.svg") 18px center no-repeat; background-size: 30px auto;}

/*SYタイプ別アイコン表示*/
#page_slide section.item_cate li.sy01 { background: url("../img/common/item/icon/icon_sy01.svg") 13px center no-repeat; background-size: 40px auto;}
#page_slide section.item_cate li.sy02 { background: url("../img/common/item/icon/icon_sy02.svg") 13px center no-repeat; background-size: 40px auto;}
#page_slide section.item_cate li.sy03 { background: url("../img/common/item/icon/icon_sy03.svg") 13px center no-repeat; background-size: 45px auto;}

/*GSタイプ別アイコン表示*/
#page_slide section.item_cate li.gs01 { background: url("../img/common/item/icon/icon_gs01.svg") 13px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.gs02 { background: url("../img/common/item/icon/icon_gs02.svg") 13px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.gs03 { background: url("../img/common/item/icon/icon_gs03.svg") 13px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.gs04 { background: url("../img/common/item/icon/icon_gs04.svg") 13px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.gs06 { background: url("../img/common/item/icon/icon_gs06.svg") 13px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.trash01 { background: url("../img/common/item/icon/icon_trash.svg") 13px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.trash02 { background: url("../img/common/item/icon/icon_trash.svg") 13px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.trash03 { background: url("../img/common/item/icon/icon_trash.svg") 13px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.trash04 { background: url("../img/common/item/icon/icon_trash.svg") 13px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.trash05 { background: url("../img/common/item/icon/icon_trash.svg") 13px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.trash06 { background: url("../img/common/item/icon/icon_trash.svg") 13px center no-repeat; background-size: 35px auto;}

/*MKタイプ別アイコン表示*/
#page_slide section.item_cate li.mk01 { background: url("../img/common/item/icon/icon_mk01.svg") 13px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.mk02 { background: url("../img/common/item/icon/icon_mk02.svg") 13px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.mk03 { background: url("../img/common/item/icon/icon_mk03.svg") 13px center no-repeat; background-size: 35px auto;}

/*STタイプ別アイコン表示*/
#page_slide section.item_cate li.st01 { background: url("../img/common/item/icon/icon_st01.svg") 13px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.st02 { background: url("../img/common/item/icon/icon_st02.svg") 13px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.st03 { background: url("../img/common/item/icon/icon_st03.svg") 13px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.st04 { background: url("../img/common/item/icon/icon_st04.svg") 13px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.st05 { background: url("../img/common/item/icon/icon_st05.svg") 13px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.st06 { background: url("../img/common/item/icon/icon_st06.svg") 13px center no-repeat; background-size: 35px auto;}

/*WDタイプ別アイコン表示*/
#page_slide section.item_cate li.wd01 { background: url("../img/common/item/icon/icon_wd01.svg") 13px center no-repeat; background-size: 47px auto;}
#page_slide section.item_cate li.wd02 { background: url("../img/common/item/icon/icon_wd02.svg") 13px center no-repeat; background-size: 47px auto;}
#page_slide section.item_cate li.wd03 { background: url("../img/common/item/icon/icon_wd03.svg") 9px center no-repeat; background-size: 52px auto;}
#page_slide section.item_cate li.wd04 { background: url("../img/common/item/icon/icon_wd04.svg") 13px center no-repeat; background-size: 47px auto;}
#page_slide section.item_cate li.wd05 { background: url("../img/common/item/icon/icon_wd05.svg") 13px center no-repeat; background-size: 47px auto;}

/*RSタイプ別アイコン表示*/
#page_slide section.item_cate li.rs01   { background: url("../img/common/item/icon/icon_rs01.svg") 17px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.rs02   { background: url("../img/common/item/icon/icon_rs02.svg") 17px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.rs03   { background: url("../img/common/item/icon/icon_rs03.svg") 17px center no-repeat; background-size: 35px auto;}

/*NPタイプ別アイコン表示*/
#page_slide section.item_cate li.np01   { background: url("../img/common/item/icon/icon_np01.svg") 13px center no-repeat; background-size: 51px auto;}
#page_slide section.item_cate li.np02   { background: url("../img/common/item/icon/icon_np02.svg") 17px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.np03   { background: url("../img/common/item/icon/icon_np03.svg") 17px center no-repeat; background-size: 42px auto;}

/*RDタイプ別アイコン表示*/
#page_slide section.item_cate li[class^="rd"] a { padding-left: 58px; }
#page_slide section.item_cate li[class^="rd"]:nth-of-type(2n) a { padding-left: 67px; }
#page_slide section.item_cate li.rd08 a { padding-left: 75px; }

#page_slide section.item_cate li.rd01 { background: url("../img/common/item/icon/icon_rd01.svg") 14px center no-repeat; background-size: 28px auto;}
#page_slide section.item_cate li.rd02 { background: url("../img/common/item/icon/icon_rd02.svg") 16px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.rd03 { background: url("../img/common/item/icon/icon_rd03.svg") 10px center no-repeat; background-size: 36px auto;}
#page_slide section.item_cate li.rd04 { background: url("../img/common/item/icon/icon_rd04.svg") 10px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.rd05 { background: url("../img/common/item/icon/icon_rd05.svg") 16px center no-repeat; background-size: 24px auto;}
#page_slide section.item_cate li.rd06 { background: url("../img/common/item/icon/icon_rd06.svg") 21px center no-repeat; background-size: 24px auto;}
#page_slide section.item_cate li.rd07 { background: url("../img/common/item/icon/icon_rd07.svg") 11px center no-repeat; background-size: 48px auto;}
#page_slide section.item_cate li.rd08 { background: url("../img/common/item/icon/icon_rd08.svg") 16px center no-repeat; background-size: 48px auto;}
#page_slide section.item_cate li.rd10 { background: url("../img/common/item/icon/icon_rd10.svg") 16px center no-repeat; background-size: 24px auto;}
#page_slide section.item_cate li.rd11 { background: url("../img/common/item/icon/icon_rd05.svg") 16px center no-repeat; background-size: 24px auto;}
#page_slide section.item_cate li.rd12 { background: url("../img/common/item/icon/icon_rd12.svg") 16px center no-repeat; background-size: 24px auto;}
#page_slide section.item_cate li.rd13 { background: url("../img/common/item/icon/icon_rd13.svg") 16px center no-repeat; background-size: 24px auto;}
#page_slide section.item_cate li.rd14 { background: url("../img/common/item/icon/icon_rd14.svg") 16px center no-repeat; background-size: 24px auto;}
#page_slide section.item_cate li.rd15 { background: url("../img/common/item/icon/icon_rd15.svg") 16px center no-repeat; background-size: 24px auto;}
#page_slide section.item_cate li.rd16 { background: url("../img/common/item/icon/icon_rd16.svg") 16px center no-repeat; background-size: 24px auto;}
#page_slide section.item_cate li.rd17 { background: url("../img/common/item/icon/icon_rd17.svg") 16px center no-repeat; background-size: 24px auto;}
#page_slide section.item_cate li.rd18 { background: url("../img/common/item/icon/icon_rd18.svg") 16px center no-repeat; background-size: 36px auto;}

/*WHタイプ別アイコン表示*/
#page_slide section.item_cate li.sl_wh-01   { background: url("../img/common/item/icon/icon_wh01.svg") 17px center no-repeat; background-size: 45px auto;}
#page_slide section.item_cate li.sl_wh-02   { background: url("../img/common/item/icon/icon_wh02.svg") 17px center no-repeat; background-size: 35px auto;}
#page_slide section.item_cate li.sl_wh-03   { background: url("../img/common/item/icon/icon_wh03.svg") 17px center no-repeat; background-size: 35px auto;}

/*GFタイプ別アイコン表示*/
#page_slide section.item_cate li.gf01 { background: url("../img/common/item/icon/icon_gf01.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.gf02 { background: url("../img/common/item/icon/icon_gf02.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.gf03 { background: url("../img/common/item/icon/icon_gf03.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.gf04 { background: url("../img/common/item/icon/icon_gf04.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.gf05 { background: url("../img/common/item/icon/icon_gf05.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.gf06 { background: url("../img/common/item/icon/icon_gf06.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.gf07 { background: url("../img/common/item/icon/icon_gf07.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.gf08 { background: url("../img/common/item/icon/icon_gf08.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.gf09 { background: url("../img/common/item/icon/icon_gf09.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.gf10 { background: url("../img/common/item/icon/icon_gf10.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.gf11 { background: url("../img/common/item/icon/icon_gf11.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.gf12 { background: url("../img/common/item/icon/icon_gf12.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.gf13 { background: url("../img/common/item/icon/icon_gf13.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.gf14 { background: url("../img/common/item/icon/icon_gf14.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.gf15 { background: url("../img/common/item/icon/icon_gf15.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.gf16 { background: url("../img/common/item/icon/icon_gf16.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.gf17 { background: url("../img/common/item/icon/icon_gf17.svg") 13px center no-repeat; background-size: 33px auto;}

/*DYタイプ別アイコン表示*/
#page_slide section.item_cate li.dy01 { background: url("../img/common/item/icon/icon_dy01.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.dy02 { background: url("../img/common/item/icon/icon_dy02.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.dy03 { background: url("../img/common/item/icon/icon_dy03.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.dy04 { background: url("../img/common/item/icon/icon_dy04.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.dy05 { background: url("../img/common/item/icon/icon_dy05.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.dy06 { background: url("../img/common/item/icon/icon_dy06.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.dy07 { background: url("../img/common/item/icon/icon_dy07.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.dy08 { background: url("../img/common/item/icon/icon_dy08.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.dy09 { background: url("../img/common/item/icon/icon_dy09.svg") 13px center no-repeat; background-size: 33px auto;}
#page_slide section.item_cate li.dy10 { background: url("../img/common/item/icon/icon_dy10.svg") 13px center no-repeat; background-size: 33px auto;}

/*TFタイプ別アイコン表示*/
#page_slide section.item_cate li.tf01   { background: url("../img/common/item/icon/icon_turf.svg") 13px center no-repeat;}
#page_slide section.item_cate li.tf11   { background: url("../img/common/item/icon/icon_size_20.svg") 13px center no-repeat;}
#page_slide section.item_cate li.tf12   { background: url("../img/common/item/icon/icon_size_30.svg") 13px center no-repeat;}
#page_slide section.item_cate li.tf13   { background: url("../img/common/item/icon/icon_size_35.svg") 13px center no-repeat;}
#page_slide section.item_cate li.tf14   { background: url("../img/common/item/icon/icon_size_50.svg") 13px center no-repeat;}

/*TLタイプ別アイコン表示*/
#page_slide section.item_cate li.control100   { background: url("../img/common/item/icon/icon_tl01.svg") 13px center no-repeat; background-size: 50px auto;}
#page_slide section.item_cate li.control200   { background: url("../img/common/item/icon/icon_tl02.svg") 13px center no-repeat; background-size: 50px auto;}

#win_menu section.item_cate ul li:nth-last-of-type(2) {
  border: none;  /*2カラム用 ttl前のborderを表示しない*/
}
#win_menu section.item_cate ul li:nth-of-type(2) {
  border-bottom: 1px solid #e0e0e0;
}
#win_menu section.item_cate ul li.tf12:nth-last-of-type(2) {
  border-bottom: 1px solid #e0e0e0;
}
#win_menu section.item_cate ul li.fu04:nth-last-of-type(2) {
  border-bottom: 1px solid #e0e0e0;
}
#win_menu section.item_cate ul li.snow050:nth-last-of-type(2) {
  border-bottom: 1px solid #e0e0e0;
}
#win_menu section.item_cate ul li.gs03:nth-last-of-type(2) {
  border-bottom: 1px solid #e0e0e0;
}

/*-----------------------------------------
  その他の関連商品
-----------------------------------------*/
#page_slide section.xz_bycate2 h2.ttl {
  padding-left: 46px;
  background-image: url("../img/common/icon_search.svg");
  background-position: -10px center;
  background-repeat: no-repeat;
}
#page_slide section.xz_bycate2 li a {
  -webkit-text-size-adjust:100%;
}

/*-----------------------------------------
  メーカーから探す
-----------------------------------------*/
.hm-acc-bx.maker_list .hm-acc-bx-holder {
  position: relative;
}
.hm-acc-bx.maker_list .hm-acc-bx-holder::after {
  content: '';
  z-index: 0;
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  box-shadow: 0px 6px 4px -4px rgba(0, 0, 0, 0.5);
}
#page_slide .list-maker-1 li a {
  min-height: 67px;
}
#page_slide .list-maker-1 li a::before {
  z-index: 1;
}
#page_slide .list-maker-1 li:nth-of-type(-n + 2) a {
  border-top: none;
}
#page_slide .list-maker-1 li:nth-of-type(2n) a {
  border-right:none;
}
#page_slide .list-maker-1 li {
  position:relative;
  background: none;
}
#page_slide section.box:last-child ul.list-maker-1:last-child li:last-child {
  border-bottom: none;
}
#page_slide .list-maker-1.js-bg-lazy-loaded li .maker_name,
#page_slide .list-maker-1.js-bg-lazy-loaded li.img-maker-value-select,
ul.list-maker-1.js-bg-lazy-loaded li,
ul.list-maker-1.js-bg-lazy-loaded li.img-maker-value-select {
  background-image: url(../img/common/maker/sprite_maker-search.webp?2026073000);
  background-repeat: no-repeat;
}
#page_slide .list-maker-1 li .maker_name {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 214px;
  height: 67px;
  text-indent: -9999px;
}

#page_slide .list-maker-1 li.img-maker-tostem .maker_name         { background-position: -7px -5px;}
#page_slide .list-maker-1 li.img-maker-ykkap .maker_name          { background-position: -255px 0px;}
#page_slide .list-maker-1 li.img-maker-toex .maker_name           { background-position: -15px -71px;}
#page_slide .list-maker-1 li.img-maker-sankin .maker_name         { background-position: -255px -284px;}
#page_slide .list-maker-1 li.img-maker-takasho .maker_name        { background-position: -15px -355px;}
#page_slide .list-maker-1 li.img-maker-tenpal .maker_name         { background-position: -255px -355px;}
#page_slide .list-maker-1 li.img-maker-ama .maker_name            { background-position: -15px -426px;}
#page_slide .list-maker-1 li.img-maker-markilux .maker_name       { background-position: -255px -426px;}
#page_slide .list-maker-1 li.img-maker-takano .maker_name         { background-position: -15px -497px;}
#page_slide .list-maker-1 li.img-maker-unison .maker_name         { background-position: -15px -568px;}
#page_slide .list-maker-1 li.img-maker-nikko .maker_name          { background-position: -255px -568px;}
#page_slide .list-maker-1 li.img-maker-exstyle .maker_name        { background-position: -15px -639px;}
#page_slide .list-maker-1 li.img-maker-lixil .maker_name          { background-position: -255px -639px;}
#page_slide .list-maker-1 li.img-maker-minato .maker_name         { background-position: -15px -796px;}
#page_slide .list-maker-1 li.img-maker-somfykit .maker_name       { background-position: -255px -796px;}
#page_slide .list-maker-1 li.img-maker-er .maker_name             { background-position: -15px -867px;}
#page_slide .list-maker-1 li.img-maker-fftokyo .maker_name        { background-position: -255px -867px;}
#page_slide .list-maker-1 li.img-maker-takekura .maker_name       { background-position: -15px -938px;}
#page_slide .list-maker-1 li.img-maker-globen .maker_name         { background-position: -255px -938px;}
#page_slide .list-maker-1 li.img-maker-extile .maker_name         { background-position: -15px -1009px;}
#page_slide .list-maker-1 li.img-maker-daiken .maker_name         { background-position: -255px -1009px;}
#page_slide .list-maker-1 li.img-maker-minocraf .maker_name       { background-position: -15px -1080px;}
#page_slide .list-maker-1 li.img-maker-toshin .maker_name         { background-position: -255px -1080px;}
#page_slide .list-maker-1 li.img-maker-panasonic .maker_name      { background-position: -15px -1147px;}
#page_slide .list-maker-1 li.img-maker-fukucyo .maker_name        { background-position: -255px -1147px;}
#page_slide .list-maker-1 li.img-maker-toyo .maker_name           { background-position: -15px -1218px;}
#page_slide .list-maker-1 li.img-maker-mat .maker_name            { background-position: -255px -1218px;}
#page_slide .list-maker-1 li.img-maker-nikkei .maker_name         { background-position: -255px -71px;}
#page_slide .list-maker-1 li.img-maker-st .maker_name             { background-position: -15px -142px;}
#page_slide .list-maker-1 li.img-maker-shikoku .maker_name        { background-position: -255px -142px;}
#page_slide .list-maker-1 li.img-maker-takubo .maker_name         { background-position: -15px -213px;}
#page_slide .list-maker-1 li.img-maker-inaba .maker_name          { background-position: -255px -213px;}
#page_slide .list-maker-1 li.img-maker-yodoko .maker_name         { background-position: -15px -284px;}
#page_slide .list-maker-1 li.img-maker-sekisui .maker_name        { background-position: -255px -497px;}
#page_slide .list-maker-1 li.img-maker-esbox .maker_name          { background-position: -15px -1289px;}
#page_slide .list-maker-1 li.img-maker-matsumoto .maker_name      { background-position: -255px -1289px;}
#page_slide .list-maker-1 li.img-maker-nasta .maker_name          { background-position: -15px -1360px;}
#page_slide .list-maker-1 li.img-maker-mino .maker_name           { background-position: -255px -1360px;}
#page_slide .list-maker-1 li.img-maker-greenlife .maker_name      { background-position: -15px -1431px;}
#page_slide .list-maker-1 li.img-maker-suzuki .maker_name         { background-position: -255px -1431px;}
#page_slide .list-maker-1 li.img-maker-aks .maker_name            { background-position: -15px -1502px;}
#page_slide .list-maker-1 li.img-maker-handy .maker_name          { background-position: -255px -1502px;}
#page_slide .list-maker-1 li.img-maker-sonia .maker_name          { background-position: -15px -1573px;}
#page_slide .list-maker-1 li.img-maker-nichiei .maker_name        { background-position: -255px -1573px;}
#page_slide .list-maker-1 li.img-maker-takagi .maker_name         { background-position: -15px -1644px;}
#page_slide .list-maker-1 li.img-maker-seiki .maker_name          { background-position: -255px -1644px;}
#page_slide .list-maker-1 li.img-maker-woodone .maker_name        { background-position: -15px -1715px;}
#page_slide .list-maker-1 li.img-maker-machida .maker_name        { background-position: -255px -1715px;}
#page_slide .list-maker-1 li.img-maker-sbic .maker_name           { background-position: -15px -1786px;}
#page_slide .list-maker-1 li.img-maker-woodyloco .maker_name      { background-position: -255px -1786px;}
#page_slide .list-maker-1 li.img-maker-rik .maker_name            { background-position: -15px -1857px;}
#page_slide .list-maker-1 li.img-maker-morita .maker_name         { background-position: -255px -1857px;}
#page_slide .list-maker-1 li.img-maker-yokoi  .maker_name         { background-position: -15px -1928px;}
#page_slide .list-maker-1 li.img-maker-asahif .maker_name         { background-position: -255px -1928px;}
#page_slide .list-maker-1 li.img-maker-nikken .maker_name         { background-position: -15px -1999px;}
#page_slide .list-maker-1 li.img-maker-toami  .maker_name         { background-position: -255px -1999px;}
#page_slide .list-maker-1 li.img-maker-jfe .maker_name            { background-position: -15px -2070px;}
#page_slide .list-maker-1 li.img-maker-toko .maker_name           { background-position: -255px -2070px;}
#page_slide .list-maker-1 li.img-maker-clsp .maker_name           { background-position: -15px -2141px;}
#page_slide .list-maker-1 li.img-maker-mizsei .maker_name         { background-position: -255px -2141px;}
#page_slide .list-maker-1 li.img-maker-liebe .maker_name          { background-position: -255px -2705px;}
#page_slide .list-maker-1 li.img-maker-unionbiz .maker_name       { background-position: -15px -2772px;}
#page_slide .list-maker-1 li.img-maker-deto .maker_name           { background-position: -15px -2849px;}
#page_slide .list-maker-1 li.img-maker-daimatsu .maker_name       { background-position: -15px -3063px;}
#page_slide .list-maker-1 li.img-maker-gardenup .maker_name       { background-position: -15px -3346px;}
#page_slide .list-maker-1 li.img-maker-science .maker_name       { background-position: -263px -3346px;}

/* Value Select
-----------------------------------------------------------------------------*/
#page_slide .list-maker-1 li.img-maker-value-select {
  width: 100%;
  margin-top: -1px;
  border-bottom: none !important;
  background-position: 0px -710px;
}
#page_slide .list-maker-1 li.img-maker-value-select a {/* renew */
  height: auto;
  padding: 15px 6% 15px 150px;
  border-top: 1px solid #ddd;
  border-right: none;
  border-bottom: none;
  color: #000;
  font-size: 12px;
  line-height: 1.5;
  text-indent: 0px;
  text-decoration: none;
  font-weight: normal;
}

/*-----------------------------------------
  商品シリーズから探す
-----------------------------------------*/
#page_slide section.search_maker h2.ttl {
  padding-left: 46px;
  background-image: url("../img/common/icon_search.svg");
  background-position: -10px center;
  background-repeat: no-repeat;
}
#page_slide section.search_maker li {
  float: left;
  width: 50%;
}
#page_slide section.search_maker li a {
  height: 23px;
}
#page_slide section.search_maker li:nth-of-type(2n+1) a {
  border-right: 1px solid #e5e5e5;
}

/*-----------------------------------------
  価格から探す
-----------------------------------------*/
#page_slide section.search_price li a {
  align-items: flex-start;
}

/*-----------------------------------------
  工事例から探す
-----------------------------------------*/
.hm-acc-bx-holder--review-cate {
  border-bottom: none;
}
.hm-acc-bx_list.cate_all_review {
  border-bottom: 1px solid #e4e4e4;
}
.hm-acc-bx_ttl.ico-pl-minus + .hm-acc-bx_ttl.ico-pl-no-init-close-minus + .hm-acc-bx-holder.review_cate_area {
  border-top: 1px solid #e4e4e4;
  border-bottom: none;
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.05) inset;
}
.review_cate .hm-acc-bx_ttl.last::after {
  display: none;
}
.review_cate .hm-acc-bx_ttl.ico-pl-minus + .review_cate .hm-acc-bx_ttl.ico-pl-no-init-close-minus + .hm-acc-bx-holder.last {
  border-bottom: none;
}
.hm-acc-bx_ttl--review-area {
  background-color: #fcfcfc;
}
.hm-acc-bx_ttl--review-area.ico-pl-plus {
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.05) inset;
}
.hm-acc-bx_ttl--review-area.ico-pl-no-init-close-plus {
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.05) inset;
}
.hm-acc-bx_ttl--review-area::after {
  display: none;
}
.review_cate .hm-acc-bx_list--hf {
  background-color: #fffbfb;
}
.review_cate .hm-acc-bx_list a::before {
  top: 0;
  background-image: url("/sp2/public/img/common/sprite_icon.svg?20211022");
}
.review_cate_area .hm-acc-bx_list--hf .no_link {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 60px;
  height: 100%;
  padding: 0 20px;
  color: #aaa;
  font-size: 17px;
  text-decoration: none;
}
.review_cate_area .hm-acc-bx_list--hf li:nth-of-type(2n+1) .no_link {
  border-right: 1px solid #e5e5e5;
}
.review_cate_area .hm-acc-bx_list--hf li:last-of-type .no_link {
  border-bottom:none;
}
.search-subtitle{
  background-color: #eee;
  font-size: 18px;
  padding: 7px 0 7px 20px;
  font-weight: bold;
}
.subtitle_tag{
  padding: 15px 20px 0 20px;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.subtitle_tag li{
  padding: 10px 15px;
  margin: 0 20px 15px 0;
  border-radius: 5px;
  line-height: 22px;
  font-size: 20px;
  color: #333;
  background: none;
  background-color: #fffbfb;
  border: 1px solid #cccccc;
}
.subtitle_tag li a{
  color: #333333;
  text-decoration: none;
}

/*-----------------------------------------
  お役立ち情報
-----------------------------------------*/

/*-----------------------------------------
  商品カテゴリ
-----------------------------------------*/
#page_slide section.item h2.ttl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#page_slide section.item h2.ttl::before {
  bottom: 0;
  width: 23px;
  height: 26px;
  margin: auto auto auto 11px;
  background-position: -198px -54px;
}
#page_slide section.item h2.ttl span.text-radius {
  float: none;
  height: 28px;
  margin: 0 10px 0 0;
  padding: 0 10px;
  line-height: 28px;
}

#page_slide section.item li {
  float: left;
  width: 50%;
}
#page_slide section.item li .name {
  margin-top: 3px;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.1ex;
}
#page_slide section.item li .name.shrink {
  font-size: 15px;
  letter-spacing: -0.3ex;
}
#page_slide section.item li .count {
  display: flex;
  flex: 1;
}
#page_slide section.item li .count_txt {
  height: 24px;
  margin-top: auto;
  line-height: 24px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0 5.75px 0 6.75px;
  color: #555;
  font-size: 13.5px;
  font-weight: normal;
}

#page_slide section.item li a {
  box-sizing: border-box;
  position: relative;
  min-height: 67px;
  padding: 7px 0 7px 68px;
}
#page_slide section.item li:nth-of-type(2n+1) a {
  border-right: 1px solid #e5e5e5;
}

/*  現在見ているカテゴリ
--------------------------------------------------*/
#page_slide section.item li.active_cate {
  background-color: #ffeaea !important;
}
#page_slide section.item li.active_cate a {
  color: #c40000;
}
#page_slide section.item li.active_cate .count_txt {
  border: 1px solid #f3a0a0;
  color: #c40000;
}

#page_slide section.item-cate ul {
  display: flex;
  flex-wrap: wrap;
}
#page_slide section.item-cate li {
  position: relative;
}
#page_slide section.item-cate li::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 7px;
  width: 53px;
  height: 53px;
  margin: auto 0;
  border: 1px solid #efefef;
  border-radius: 2px;
  background: url("/sp2/public/img/common/pageslide/menu/item/sprite_nav.webp?2020090300") left top no-repeat;
}
#page_slide section.item-cate li:empty::after {
  display: none;
}

#page_slide section.item-cate li.cp::after   { background-position: 0px 0px;}
#page_slide section.item-cate li.cy::after   { background-position: -53px 0px;}
#page_slide section.item-cate li.cg01::after { background-position: 0px -53px;}
#page_slide section.item-cate li.cg02::after { background-position: -53px -53px;}
#page_slide section.item-cate li.sh::after   { background-position: 0px -106px;}
#page_slide section.item-cate li.tr::after   { background-position: -53px -106px;}
#page_slide section.item-cate li.tg::after   { background-position: 0px -159px;}
#page_slide section.item-cate li.aw::after   { background-position: -53px -159px;}
#page_slide section.item-cate li.pg::after   { background-position: 0px -212px;}
#page_slide section.item-cate li.br::after   { background-position: -53px -212px;}
#page_slide section.item-cate li.bl::after   { background-position: 0px -265px;}
#page_slide section.item-cate li.wd::after   { background-position: -53px -265px;}
#page_slide section.item-cate li.fe::after   { background-position: 0px -318px;}
#page_slide section.item-cate li.mp::after   { background-position: -53px -318px;}
#page_slide section.item-cate li.rs::after   { background-position: 0px -371px;}
#page_slide section.item-cate li.ts::after   { background-position: -53px -371px;}
#page_slide section.item-cate li.fu::after   { background-position: 0px -424px;}
#page_slide section.item-cate li.np::after   { background-position: -53px -424px;}
#page_slide section.item-cate li.mo::after   { background-position: 0px -477px;}
#page_slide section.item-cate li.sy::after   { background-position: -53px -477px;}
#page_slide section.item-cate li.gs::after   { background-position: 0px -530px;}
#page_slide section.item-cate li.um::after   { background-position: -53px -530px;}
#page_slide section.item-cate li.ws::after   { background-position: 0px -583px;}
#page_slide section.item-cate li.mk::after   { background-position: -53px -583px;}
#page_slide section.item-cate li.rd::after   { background-position: 0px -636px;}
#page_slide section.item-cate li.fj::after   { background-position: -53px -636px;}
#page_slide section.item-cate li.pl::after   { background-position: 0px -689px;}
#page_slide section.item-cate li.gf::after   { background-position: -53px -689px;}
#page_slide section.item-cate li.eco::after  { background-position: 0px -742px;}
#page_slide section.item-cate li.xa::after   { background-position: -53px -742px;}
#page_slide section.item-cate li.sl::after   { background-position: 0px -795px;}
#page_slide section.item-cate li.st::after   { background-position: -53px -795px;}
#page_slide section.item-cate li.gp::after   { background-position: 0px -848px;}
#page_slide section.item-cate li.xz::after  { background-position: -53px -848px;}
#page_slide section.item-cate li.wh::after   { background-position: 0px -901px;}

#page_slide section.item-cate li a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}
/* お客様の声・工事例
------------------------------------------------------------------------*/
#page_slide .review h2.ttl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#page_slide .review h2.ttl::before {
  bottom: 0;
  width: 25px;
  height: 22px;
  margin: auto auto auto 12px;
  background-position: -102px -54px;
  transform: scale(1.16);
}
#page_slide .review h2.ttl span.text-radius {
  float: none;
  height: 28px;
  margin: 0 10px 0 0;
  padding: 0 10px;
  line-height: 28px;
}
#page_slide .review li {
  float: left;
  width: 50%;
}
#page_slide .review li:first-of-type a {
  border-right: 1px solid #e5e5e5;
}
#win_menu section.review ul li:nth-last-of-type(2) {
  border: none;  /*2カラム用 ttl前のborderを表示しない*/
}

/* サイト情報
------------------------------------------------------------------------*/
#page_slide .siteinfo p.ttl::before,
#page_slide .siteinfo h2.ttl::before {
  bottom: 0;
  width: 20px;
  height: 23px;
  margin: auto auto auto 14px;
  background-position: -63px -54px;
  transform: scale(1.2);
}

/* お問い合わせ
------------------------------------------------------------------------*/
#page_slide .contact p.ttl,
#page_slide .contact h2.ttl {
  background-color: #c40000;
  background-size: 21px auto;
}
#page_slide .contact p.ttl::before,
#page_slide .contact h2.ttl::before {
  bottom: 0;
  width: 20px;
  height: 26px;
  margin: auto auto auto 14px;
  background-position: -176px -53px;
  transform: scale(1.105);
}
#page_slide section.box ul li.freedial a {
  padding-left: 70px;
  background: url(../img/common/icon_freedial.svg) no-repeat 24px center;
  -webkit-background-size: auto 24px;
  background-size: auto 24px;
  color: #00a73c;
}

/*--------------------------------
  ボタンエリア
--------------------------------*/
#page_slide .contact .block_btn {
  padding: 20px 20px 8px;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fff;
}

/* 電話
--------------------------------*/
#page_slide .contact .block_btn .freedial {
  margin-bottom: 12px;
}
#page_slide .contact .block_btn .freedial a {
  position: relative;
  overflow: hidden;
  display: block;
  padding: 10px 0 7px 104px;
  border: 1px solid #7dc391;
  border-radius: 3px;
  background: url("/sp2/public/img/common/pageslide/pic_operator_on.png") left top no-repeat #f1fff5;
  background-size: contain;
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.14);
  text-decoration: none;
}
#page_slide .contact .block_btn .freedial a::before {
  content: "";
  top: auto;
  bottom: 1px;
  left: auto;
  right: -2px;
  width: 22px;
  height: 24px;
  margin: 0;
  background-position: -262px -27px;
  transform: scale(1.619);
}
#page_slide .contact .block_btn .freedial.outside_hours a {
  border: 1px solid #ccc;
  background: url("/sp2/public/img/common/pageslide/pic_operator_off.png") left top no-repeat #fafafa;
  background-size: contain;
  box-shadow: none;
}
#page_slide .contact .block_btn .freedial.outside_hours a::after {
  display: none;
}
#page_slide .contact .block_btn .freedial .cap {
  margin-bottom: 8px;
  color: #159d3c;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
#page_slide .contact .block_btn .freedial .time {
  margin: 0 0 8px 0;
  color: #333;
  font-size: 14px;
  line-height: 1;
}
#page_slide .contact .block_btn .freedial .open {
  margin-left: 60px;
  color: #00c0ff;
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
}
#page_slide .contact .block_btn .freedial.outside_hours .open {
  color: #a22629;
}
#page_slide .contact .block_btn .freedial .open::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 7px;
  border-radius: 50%;
  background-color: #00ccff;
  vertical-align: middle;
}
#page_slide .contact .block_btn .freedial.outside_hours .open::before {
  background-color: #a22629;
}

/* メール
--------------------------------*/
#page_slide .contact .block_btn .mail {
  margin-bottom: 13px;
}
#page_slide .contact .block_btn .mail a {
  position: relative;
  overflow: hidden;
  display: block;
  height: 51px;
  padding-left: 55px;
  border: 1px solid #89a4d7;
  border-radius: 3px;
  background-color: #f8faff;
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.14);
  color: #0c4abb;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  line-height: 51px;
}
#page_slide .contact .block_btn .mail a::before {
  bottom: 0;
  width: 27px;
  height: 26px;
  margin: auto auto auto 15px;
  background-position: -211px -27px;
  transform: scale(1.52);
}
#page_slide .contact .block_btn .mail a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 1px;
  right: -2px;
  width: 22px;
  height: 24px;
  margin: 0;
  background-image: url("/sp2/public/img/common/sprite_icon.svg?20211022");
  background-position: -238px -27px;
  transform: scale(1.619);
}

/* エクステリアのある暮らしブログ
------------------------------------------------------------------------*/
.blog-ttl {
  padding: 10px 0 10px 20px;
  background: #c40000;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25;
}
/* キャンペーン
------------------------------------------------------------------------*/
#page_slide .campaign h2.ttl {
  background-image: url(../img/common/icon_campaign.svg);
  background-size: 24px auto;
  background-position: 14px center;
  background-repeat: no-repeat;
}

/* お見積りメモ
------------------------------------------------------------------------*/
#page_slide .list_memo h2.ttl::before {
  bottom: 0;
  width: 32px;
  height: 24px;
  margin: auto auto auto 11px;
  background-position: -30px -54px;
  transform: scale(1.0322);
}
#page_slide .list_memo .txt_counter {
  display: inline-block;
  height: 1.5em;
  margin-left: 30px;
  padding: 0 0.75em;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
  border-radius: 0.75em 0.75em 0.75em 0.75em;
  background: #f00;
  color: #fff;
  font-size: 14.5px;
  line-height: 1.5em;
  text-align: center;
}
#page_slide .list_memo .no_memo {
  background: #ddd;
  color: #777;
}
#page_slide .list_memo .txt_counter .num {
  font-size: 16.5px;
}
#page_slide .list_memo .bt_login,
#page_slide .list_memo .bt_logout {
  position: absolute;
  top: 7px;
  right: 7px;
  display: inline-block;
  height: 30px;
  padding: 0 11px 0 39px;
  border-radius: 3px;
  color: #a22629;
  font-size: 14px;
  text-decoration: none;
  line-height: 30px;
}
#page_slide .list_memo .bt_login {
  background-color: #fff;
}
#page_slide .list_memo .bt_login::before {
  bottom: 0;
  width: 20px;
  height: 20px;
  margin: auto auto auto 7px;
  background-position: 0 -83px;
}
#page_slide .list_memo .bt_logout {
  border: 1px solid #fff;
  background-color: #c40000;
  color: #fff;
}
#page_slide .list_memo .bt_logout::before {
  bottom: 0;
  width: 25px;
  height: 20px;
  margin: auto auto auto 7px;
  background-position: -22px -83px;
  transform: scale(0.8);
}

/* 最近チェックした商品
------------------------------------------------------------------------*/
#page_slide .recent_viewed h2.ttl {
  position: relative;
  background: url("/sp2/public/img/common/pageslide/menu/ico_recent_viewed.png") 11px center no-repeat #c40000;
}
#page_slide .recent_viewed .bt_delete_history {
  position: absolute;
  top: 7px;
  right: 7px;
  display: inline-block;
  height: 30px;
  padding: 0 11px 0 31px;
  background-color: #fff;
  border-radius: 3px;
  color: #a22629;
  font-size: 14px;
  text-decoration: none;
  line-height: 30px;
}
#page_slide .recent_viewed .bt_delete_history::before {
  bottom: 0;
  width: 24px;
  height: 24px;
  margin: auto auto auto 4px;
  background-position: -32px 0;
  transform: scale(0.5416);
}
#page_slide .recent_viewed ul.list-product-2 li a {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 40px;
}
#page_slide .recent_viewed span.list-photo img {
  width: auto;
  height: 72px;
}
#page_slide .recent_viewed ul.list-product-2 .price span {
  font-size: 16px;
}
#page_slide .recent_viewed ul.list-product-2 .list-photo {
  width: 96px;
}
#page_slide .recent_viewed ul.list-product-2 .makerlogo {
  left: 24px;
}

/* ===============================================================================
　headerヘッダーのメニューとサブウインドウ修正 2013/10/11
===============================================================================*/

/* メニューのサブウインドウ
------------------------------------------------------------------------*/
#page_slide.rollupwin.sub_win_module {
  background-color: transparent;
}
#page_slide.sub_win_module article {
  padding-bottom: 47px;
}
#page_slide.sub_win_module h1.ttl-3 {/* お見積りメモのタイトル */
  padding: 0 0 0 10px;
  height: 30px;
  line-height: 30px;
  font-weight: normal;
  color: #fefefe;
  border: 1px solid #111111;
  background: #434343; /* Old browsers */
  background: -moz-linear-gradient(top, #434343 0%, #2d2d2d 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #434343), color-stop(100%, #2d2d2d)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #434343 0%, #2d2d2d 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #434343 0%, #2d2d2d 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #434343 0%, #2d2d2d 100%); /* IE10+ */
  background: linear-gradient(to bottom, #434343 0%, #2d2d2d 100%); /* W3C */
  box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
  -moz-box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
  -webkit-box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
}
#page_slide.sub_win_module section.contents.list {
  margin-bottom: 15px;
}
#page_slide.sub_win_module section.contents.list:nth-of-type(4) {/* お問い合わせ */
  margin-bottom: 0;
}

/* お見積りメモ
------------------------------------------------------------------------*/
#page_slide.sub_win_module section.contents.list.mitsumori_memo dl#fnav-1 dd {
  background: none;
  height: 60px;
  line-height: 58px;
}
#page_slide.sub_win_module section.contents.list.mitsumori_memo dl#fnav-1 dd a {
  padding: 1px 20px 1px 1px;
}
#page_slide.sub_win_module section.contents.list.mitsumori_memo dl#fnav-1 dd a img {
  margin-right: 11px;
  width: 78px;
  height: 58px;
  vertical-align: bottom;
}
#page_slide.sub_win_module section.contents.list.mitsumori_memo dl#fnav-1 dd.show_list {/* お見積りメモの内容を一覧表示する */
  height: auto;
}
#page_slide.sub_win_module section.contents.list.mitsumori_memo dl#fnav-1 dd.show_list a {
  padding: 15px 20px 15px 13px;
  line-height: 18px;
}

/* サブウインドウの下部にあるメニュー
------------------------------------------------------------------------*/
#page_slide.sub_win_module .win_menu_bottom {
  overflow: hidden; /* clearfix */
  border-top: 8px solid #9f393c;
}
#page_slide.sub_win_module .win_menu_bottom nav {
  float: right;
}


/* 条件を指定して商品を探すにテキストボックス追加 #1593
------------------------------------------------------------------------*/
div.keyword-search-form.filter_search {
  margin: 0 0 10px;
  padding: 0;
}
div.keyword-search-form.filter_search input[type="text"] {
  width: 100%;
}

/* ===============================================================================
  新スライドメニュー #1810
===============================================================================*/
#page_slide.sub_win_module section.accordion {
  border-bottom: none;
}
#page_slide.sub_win_module .accordion dl#fnav-1 dd {
  background: none;
  border-bottom: none;
}
#page_slide.sub_win_module .accordion dl#fnav-1 dd.accordion dl dd {
  border-bottom: 1px solid #c1c1c1;
}
#page_slide.sub_win_module dl#fnav-1 dd.accordion {
  border-top: 1px solid #c1c1c1;
}
#page_slide.sub_win_module dl#fnav-1 dd.accordion > a {
  background-image: none;
}
#page_slide.sub_win_module .accordion dl#fnav-1 dd a {
  padding: 14px 0px 14px 10px;
  border-bottom: none;
}
#page_slide.sub_win_module .accordion dl#fnav-1 span.price {
  clear: both;
  display: block;
  margin-top: 3px;
  color: #7d7d7d;
}
#page_slide.sub_win_module .accordion dl#fnav-1 span.price span {
  color: #f00;
}

/* 閲覧履歴/お見積りメモ
------------------------------------------------------------------------*/
#page_slide.sub_win_module section.accordion.history.mitsumori {
  margin-bottom: 0;
}
#page_slide.sub_win_module dl#fnav-1.history,
#page_slide.sub_win_module dl#fnav-1.mitsumori {
  border-top: 1px solid #c1c1c1;
}
#page_slide.sub_win_module dl#fnav-1.history dd.no_history_data {
  padding: 15px 0;
  text-align: center;
}
#page_slide.sub_win_module dl#fnav-1.mitsumori dd a {
  border-bottom: none;
}
#page_slide.sub_win_module dl#fnav-1.mitsumori dd.no_memo {
  padding: 15px 0;
  text-align: center;
}
#page_slide.sub_win_module .accordion dl#fnav-1.history dd:last-child,
#page_slide.sub_win_module .accordion dl#fnav-1.mitsumori dd:last-child {
  border-bottom: none;
}
#page_slide.sub_win_module .accordion dl#fnav-1.history dd a,
#page_slide.sub_win_module .accordion dl#fnav-1.mitsumori dd a {
  padding: 0;
  padding-right: 4%;
}
#page_slide.sub_win_module .accordion dl#fnav-1.mitsumori dd.show_list a {
  padding: 14px 0 14px 10px;
}
#page_slide.sub_win_module .accordion dl#fnav-1.history span.list-photo,
#page_slide.sub_win_module .accordion dl#fnav-1.mitsumori span.list-photo {
  float: left;
  margin-right: 5px;
}
#page_slide.sub_win_module .accordion dl#fnav-1.history span.info,
#page_slide.sub_win_module .accordion dl#fnav-1.mitsumori span.info {
  display: block;
  margin-top: 13px;
  overflow: auto;
}
#page_slide.sub_win_module .accordion dl#fnav-1.history span.makerlogo,
#page_slide.sub_win_module .accordion dl#fnav-1.mitsumori span.makerlogo {
  float: left;
  margin-right: 5px;
}
#page_slide.sub_win_module .accordion dl#fnav-1.history span.name,
#page_slide.sub_win_module .accordion dl#fnav-1.mitsumori span.name {
  display: block;
  overflow: auto;
  line-height: 1.2;
}

/* 商品カテゴリ
------------------------------------------------------------------------*/
#page_slide.sub_win_module section.contents.list.category {
  margin-bottom: 20px;
  padding-top: 3px;
  background: url("/sp2/public/img/common/pageslide/bg_bdr.png") #fff left top repeat-x;
}
#page_slide.sub_win_module .category dl#fnav-1 dd {
  border-top: none;
}
#page_slide.sub_win_module .category dl#fnav-1 > dd > a {
  border-bottom: 1px solid #c1c1c1;
}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav {
  border-top: none;
  border-bottom: 1px solid #c1c1c1;
}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li a {
  padding-left: 72px;
}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li {background: url("/sp2/public/img/common/pageslide/sprite_icons.png") 32px 10px no-repeat;}

#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.cy {background-position: 32px -43px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.cg {background-position: 32px -95px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.sh {background-position: 32px -141px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.tr {background-position: 32px -192px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.tg {background-position: 32px -242px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.aw {background-position: 32px -294px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.pg {background-position: 32px -343px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.br {background-position: 32px -392px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.bl {background-position: 32px -442px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.wd {background-position: 32px -492px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.rs {background-position: 32px -540px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.gp {background-position: 32px -590px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.mp {background-position: 32px -642px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.fe {background-position: 32px -687px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.ts {background-position: 32px -735px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.fu {background-position: 32px -783px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.np {  background-position: 32px -835px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.mo {  background-position: 32px -881px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.sy {  background-position: 32px -931px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.gs {  background-position: 32px -978px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.um {  background-position: 32px -1028px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.ws {  background-position: 32px -1076px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.mk {  background-position: 32px -1127px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.fj {  background-position: 32px -1171px;}
#page_slide.sub_win_module .category dl#fnav-1 > dd ul.list-nav li.rd {  background-position: 32px -1219px;}

/* 施工例
------------------------------------------------------------------------*/
#page_slide.sub_win_module section.contents.list.review {
  margin-bottom: 20px;}
#page_slide.sub_win_module section.review dl#fnav-1 dd {
  background: none;
}

/* サイト情報
------------------------------------------------------------------------*/
#page_slide.sub_win_module section.site_info dl#fnav-1 dd {
  background: none;
}
#page_slide.sub_win_module section.site_info dl#fnav-1 dd.accordion {
  border-top: none;
}
#page_slide.sub_win_module section.site_info dl#fnav-1 dd.accordion a.btn-7 {
  padding: 14px 0 14px 10px;
  border-bottom: none;
}
#page_slide.sub_win_module section.site_info dl#fnav-1 dd.accordion ul.list-nav li {
  background: url("../img/common/ico_book_arrow.png") 32px center no-repeat;
}
#page_slide.sub_win_module section.site_info dl#fnav-1 dd.accordion ul.list-nav li a {
  padding-left: 58px;
}
#page_slide.sub_win_module section.contents.list.site_info {
  margin-bottom: 20px;
}

/* キャンペーン情報
------------------------------------------------------------------------*/
#page_slide.sub_win_module section.site_info dl#fnav-1 dd.campaign ul.list-nav li {
  background-image: url("../img/common/ico_award1.png");
}

/* お問い合わせ
------------------------------------------------------------------------*/
#page_slide.sub_win_module section.contact dl#fnav-1 dd {
  background: none;
}



/* ===========================================================
  サブウインドウ
===========================================================*/
.sub_win_module {
  padding-top: 0;
  background-color: #f5f5f5;
}
.sub_win_module article {
  /*padding: 10px 10px 57px;*/
  background-color: #f5f5f5;
}
.sub_win_module article img {
  vertical-align: bottom;
}
.sub_win_module h1.ttl-1 {
  height: 26px;
  line-height: 26px;
  font-size: 16px;
  font-weight: normal;
  color: #fefefe;
  border-top: 1px solid #c88d8f;
  border-right: 1px solid #611e20;
  border-bottom: 1px solid #370304;
  border-left: 1px solid #aa5254;
  background: -moz-linear-gradient(top, #9f393c 0%, #830708 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9f393c), color-stop(100%, #830708)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #9f393c 0%, #830708 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #9f393c 0%, #830708 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, #9f393c 0%, #830708 100%); /* W3C */
}
.sub_win_module section.contents {
  padding: 29px 10px 20px 9px;
  border: 1px solid #c1c1c1;
  border-top: none;
  background-color: #fff;
  font-size: 16px;
}
.sub_win_module section.contents p.img {
  margin-bottom: 18px;
}
.sub_win_module section.contents .txt_img {
  overflow: hidden;
  margin-top: 19px;
}
.sub_win_module section.contents .txt_img .txt {
  float: left;
  width: 238px;
}
.sub_win_module section.contents .txt_img .txt p {
  width: 226px;
}
.sub_win_module section.contents .txt_img .txt p.attention {
  margin-top: 10px;
  width: 238px;
  font-size: 12px;
  color: #f00;
}
.sub_win_module section.contents .txt_img img {
  float: right;
}
.sub_win_module section.close_btn {
  padding-bottom: 10px;
}
.sub_win_module section.close_btn p {
  width: 100%;
}
.sub_win_module section.close_btn p a.btn-4 {
  margin-left: auto;
  padding: 5px 7px 5px 13px;
  width: 80px;/* renew */
  border-color:#ccc;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%); /* W3C */
}
.sub_win_module section.close_btn p a[class^="btn-"][class*="ico-pr-close"]:after {
  margin-left: 6px;
  background-position: -72px 0;
}
/* メニューの表示がかぶる不具合 #2475
------------------------------------*/
#win_menu {
  -webkit-transform:translate3d(0, 0, 0);
  -moz-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
}

/* サブウインドウ内のリスト
------------------------------------*/
.sub_win_module section.contents.list {
  padding: 0;
}
.sub_win_module dl#fnav-1 dt {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #830708), color-stop(0.00, #9f393c));
  background: -webkit-linear-gradient(top, #9f393c 0%, #830708 100%);
  background: -moz-linear-gradient(top, #9f393c 0%, #830708 100%);
  background: -o-linear-gradient(top, #9f393c 0%, #830708 100%);
  background: -ms-linear-gradient(top, #9f393c 0%, #830708 100%);
  background: linear-gradient(top, #9f393c 0%, #830708 100%);
  font-size: 16px;
  line-height: 18px;
  color: #FFF;
  border-top: 1px solid #bf7b7d;
  border-bottom: 1px solid #440405;
  padding: 7px 10px;
  display: block;
}
.sub_win_module dl#fnav-1 dd {
  display: block;
  background: url(../img/common/ico_award1.png) no-repeat 10px center;
  border-bottom: 1px solid #c1c1c1;
  font-size: 16px;
  line-height: 18px;
  overflow: hidden;
  width: 100%;
}
.sub_win_module dl#fnav-1 dd a {
  display: block;
  padding: 15px 20px 15px 37px;
  overflow: hidden;
  background: url(../img/common/ico_arrow1-r.png) no-repeat 98% center;
  text-decoration: none;
  color: #000;
}
.sub_win_module dl#fnav-1 dd.ico-book > a {
  background: none;
}
.sub_win_module dl#fnav-1 dd.ico-book dl {
  margin-left: 29px;
  border-top: 1px solid #c1c1c1;
  border-left: 1px solid #c1c1c1;
}
.sub_win_module dl#fnav-1 dd:last-child {
  border-bottom: none;
}
.sub_win_module dl#fnav-1 dd p {
  padding: 15px 20px 15px 37px;
}


/*------------------------------------------------------------
  ◆商品キーワード検索関連
  #keyword-search-1(※旧フッター検索。現在存在しない可能性)
  #keyword-search-2
  ※フッター内は"#keyword-search-check-memo"
-------------------------------------------------------------*/
section#keyword-search-1 {
  position: relative;
  display: block;
  padding-bottom: 10px;
  border-top: 1px solid #bf7b7d;
  border-right: 1px solid #430405;
  border-bottom: 1px solid #430405;
  border-left: 1px solid #bf7b7d;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #840809), color-stop(0.00, #9f393b));
  background: -webkit-linear-gradient(top, #9f393b 0%, #840809 100%);
  background: -moz-linear-gradient(top, #9f393b 0%, #840809 100%);
  background: -o-linear-gradient(top, #9f393b 0%, #840809 100%);
  background: -ms-linear-gradient(top, #9f393b 0%, #840809 100%);
  background: linear-gradient(top, #9f393b 0%, #840809 100%);
}
section#keyword-search-1::after {/* clearfix */
  content:"";
  display: block;
  clear: both;
}
section#keyword-search-1 div.keyword-search-form {
  float: left;
  position: relative;
  width: 74%;
}
section#keyword-search-1 div.keyword-search-form input[type="text"] {
  width: 66%;
  border-top-right-radius:0px 0px;
  border-bottom-right-radius:0px 0px;
  -webkit-border-top-right-radius: 0px 0px;
  -webkit-border-bottom-right-radius: 0px 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
}
section#keyword-search-1 div.keyword-search-form input[type="submit"] {
  float: left;
  width:22%;
  border-radius: 2px;
}

/* キーワード検索のform共通設定
-----------------------------------------*/
div.keyword-search-form {
  position: relative;
  overflow: visible;
}
div.keyword-search-form::after {/* clearfix */
  content: "";
  display: block;
  clear: both;
}

/* -----------------------------------------------
  トップ、カテゴリトップにある「キーワードで商品を探す」箇所
  #keyword-search-2
------------------------------------------------*/
section#keyword-search-2 {
  position: relative;
}
section#keyword-search-2:not(:has(.keyword-search-picker)) {
  margin-bottom: 20px;
}
section#keyword-search-2::after {/* clearfix */
  content:"";
  display: block;
  clear: both;
}
section#keyword-search-2 h2.ttl-1 {
  height: 40px;
  margin-top: 0;
  padding: 0 0 0 20px;
  font-size: 18px;
  line-height: 40px;
}

/* -----------------------------------------------
 サジェスト機能通知メッセージ
------------------------------------------------*/
ul.autocompleteDaMsg {
  width: 367px;
  max-height: 233px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 15px 0 0;
  border: 1px solid #bbb;
  border-radius: 3px;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  font-size: 19px;
  font-family: arial, meiryo, sans-serif;
  line-height: 1.5;
  text-align: left;
  -webkit-overflow-scrolling: touch;
}

/*--------------------------------
  商品検索履歴の削除
--------------------------------*/
/* 大枠
--------------------------------*/
.item_history_search {
  display: none;
  z-index: 1000;
  position: absolute;
  top: 70px;
}

.keyword-search-form .item_history_search { top: 90px; }
/* フッター検索窓用ポジショニング */
section#keyword-search-check-memo .item_history_search { top: 60px; }
/* 検索0件ページ用ポジショニング */
section#keyword-search-2 .item_history_search { top: 80px; }

.item_history_search::after,
.item_history_search::before {
  content: "";
  position: absolute;
  top: -16px;
  left: 46px;
  display: block;
  border-bottom: 17px solid #fff;/* background color */
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.item_history_search::before {
  top: -18px;
  left: 45px;
  border-bottom: 18px solid #bbb;/* border color */
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
}
/* 見出し
--------------------------------*/
.keyWordHistoryTitle {
  position: relative;
  height: 33px;
  margin-top: 15px;
  padding: 0 11px 0 14px;
  background-color: #eee;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  line-height: 33px;
}
.keyWordHistoryTitle .allDelete {
  position: absolute;
  top: 3px;
  right: 11px;
  height: 25px;
  padding: 0 10px;
  border: 1px solid #ccc;
  border-radius: 12px;
  background-color: #fff;
  color: #777;
  font-size: 17px;
  font-weight: normal;
  line-height: 25px;
  cursor: pointer;
}
ul.autocompleteDaMsg li.item_search_info_msg {
  margin: 0 15px 15px;
  color: #1553c4;
  font-size: 19px;
}
/* 検索キーワード
--------------------------------*/
ul.autocompleteDaMsg .keyWordList {
  position: relative;
  margin-left: 15px;
  border-top: solid 1px #ddd;
  color: #000;
  cursor: pointer;
}
ul.autocompleteDaMsg li.keyWordList:nth-of-type(3) { /* 一番目の検索キーワード */
  border-top: none;
}
ul.autocompleteDaMsg .keyWordList .keyword {
  display: block;
  padding: 10px 35px 10px 0;
  color: #111;
  font-size: 19px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ul.autocompleteDaMsg .keyWordList .deleteKeyword {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  width: 23px;
  height: 23px;
  margin: auto 0;
  border: 1px solid #eee;
  border-radius: 50%;
  background: url("/sp2/public/img/common/icon_cross_mediumgray.svg") center center no-repeat #eee;
  background-size: 11px;
  cursor: pointer;
}
/*===========================================================================
  ページトップへ戻るリンク　renew
===========================================================================*/
a.pagetop {
  display: table;
  margin: 30px 15px 20px auto;
  padding: 10px 0;
  color: #333;
  font-size: 20px;
  text-align: right;
  text-decoration: none;
}
a.pagetop::before {
  content: "";
  opacity: 0.7;
  float: left;
  width: 13px;
  height: 24px;
  margin-right: 15px;
  background: url("/sp2/public/img/common/sprite_icon.svg?20211022") 0 0 no-repeat;
  transform: scale(1.25) rotate(-90deg);
}

/*===========================================================================
  ◆フッター
  /global_include/footer/
===========================================================================*/

/*------------------------------------------------------------
  fnavi-1
-------------------------------------------------------------*/
footer dl#fnav-1 dt {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #830708), color-stop(0.00, #9f393c));
  background: -webkit-linear-gradient(top, #9f393c 0%, #830708 100%);
  background: -moz-linear-gradient(top, #9f393c 0%, #830708 100%);
  background: -o-linear-gradient(top, #9f393c 0%, #830708 100%);
  background: -ms-linear-gradient(top, #9f393c 0%, #830708 100%);
  background: linear-gradient(top, #9f393c 0%, #830708 100%);
  font-size: 16px;
  line-height: 18px;
  color: #FFF;
  border-top: 1px solid #bf7b7d;
  border-bottom: 1px solid #440405;
  padding: 7px 10px;
  display: block;
}
footer dl#fnav-1 dd {
  display: block;
  background: url(../img/common/ico_award1.png) no-repeat 10px center;
  border-bottom: 1px solid #c1c1c1;
  font-size: 16px;
  line-height: 18px;
  border-top: 1px solid #f5f5f5;
  overflow: hidden;
  width: 100%;
}
footer dl#fnav-1 dd a {
  display: block;
  padding: 15px 20px 15px 37px;
  overflow: hidden;
  background: url(../img/common/ico_arrow1-r.png) no-repeat 98% center;
  text-decoration: none;
  color: #000;
}

/* スライド版　fnavi-1　アイコン */
.sub_win_module dl#fnav-1 dd.icon-award       { background-image:url(../img/common/ico_award1.png);}
.sub_win_module dl#fnav-1 dd.ico-beginner     { background-image: url(../img/common/ico_beginner1.png);}
.sub_win_module dl#fnav-1 dd.ico-cart         { background-image: url(../img/common/ico_cart1.png);}
.sub_win_module dl#fnav-1 dd.ico-map          { background-image:url(../img/common/ico_map1.png);}
.sub_win_module dl#fnav-1 dd.ico-book         { background-image:url(../img/common/ico_book1.png);
  background-position: 10px 15px;}
.sub_win_module dl#fnav-1 dd.ico-question     { background-image:url(../img/common/ico_question1.png);}
.sub_win_module dl#fnav-1 dd.ico-sitemap      { background-image:url(../img/common/ico_sitemap1.png);}
.sub_win_module dl#fnav-1 dd.ico-corporation  { background-image:url(../img/common/ico_corporation.png);}
.sub_win_module dl#fnav-1 dd.ico-book dl dd   { background-image:url(../img/common/ico_book_arrow.png);}
.sub_win_module dl#fnav-1 dd.ico-contactform  { background-image:url(../img/common/ico_contactform.png);}
.sub_win_module dl#fnav-1 dd.ico-freedial     { background-image:url(../img/common/ico_freedial.png);}
.sub_win_module dl#fnav-1 dd.icon-voice-area  { background-image:url(../img/common/ico_voice_area.png);}
.sub_win_module dl#fnav-1 dd.icon-voice-cate  { background-image:url(../img/common/ico_voice_cate.png);}
.sub_win_module dl#fnav-1 dd.icon-voice-const { background-image:url(../img/common/ico_voice_const.png);}
.sub_win_module dl#fnav-1 dd.icon-regulations { background-image:url(../img/common/ico_book1.png);}

/*------------------------------------------------------------
  フッターボタン
-------------------------------------------------------------*/
footer ul#fnav-2 {
  overflow: hidden;
  display: block;
}
footer ul#fnav-2 li {
  float: left;
  overflow: hidden;
  width: 20%;
  background: #c40000;
}

/*------------------------------------------------------------
  fnavi-2　アイコン
-------------------------------------------------------------*/
footer ul#fnav-2 li a {
  overflow: hidden;
  display: block;
  padding: 64px 0 11px;
  border: 1px solid #fff;
  border-left: none;
  border-bottom: none;
  background: no-repeat center 13px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
}
footer ul#fnav-2 li:last-child a {
  border-right: none;
}

/* サイト情報
--------------------------------------------- */
footer ul#fnav-2 li.ico-home a::before {
  width: 20px;
  height: 23px;
  margin-top: 23px;
  background-position: -64px -54px;
  transform: scale(1.65);
}
/* キャンペーン
--------------------------------------------- */
footer ul#fnav-2 li.ico-campaign a::before {
  width: 16px;
  height: 28px;
  margin-top: 18px;
  background-position: -84px -51px;
  transform: scale(1.9);
}
/* お客様の声・工事事例
--------------------------------------------- */
footer ul#fnav-2 li.ico-voice a::before {
  width: 25px;
  height: 24px;
  margin-top: 22px;
  background-position: -102px -53px;
  transform: scale(1.8);
}
/* 施工店一覧
--------------------------------------------- */
footer ul#fnav-2 li.ico-shops a::before {
  width: 27px;
  height: 25px;
  margin-top: 21px;
  background-position: -129px -54px;
  transform: scale(1.518);
}
/* お問い合わせ
--------------------------------------------- */
footer ul#fnav-2 li.ico-contact2 a::before {
  width: 32px;
  height: 23px;
  margin-top: 21px;
  background-position: -235px -109px;
  transform: scale(1.40625);
}
footer ul#fnav-2 li.ico-freedial a { background-image: url(../img/common/gnav_ico_freedial.png);}


/*------------------------------------------------------------
  フッター上部エリア renew
-------------------------------------------------------------*/
section#keyword-search-check-memo {
  position: relative;
  display: block;
  padding: 10px 0px 0;
  border-top: 1px solid #eee;
}
section#keyword-search-check-memo::after {/* clearfix */
  content: "";
  display: block;
  clear: both;
}
section#keyword-search-check-memo div.keyword-search-form {
  margin: 10px 15px 51px;
  padding: 0;
}
section#keyword-search-check-memo div.keyword-search-form input[type="text"] {
  width: 78%;
  border-top-right-radius:0px 0px;
  border-bottom-right-radius:0px 0px;
}
::-webkit-full-page-media, :future, :root section#keyword-search-check-memo div.keyword-search-form input[type="text"] {
  --width: 78%;
  --height: 50px;
  --font-size: 20px;
}
section#keyword-search-check-memo div.keyword-search-form input[type="submit"] {
  width:22%;
  float: left;
  border-radius: 2px;
  border-top-left-radius: 0px 0;
  border-bottom-left-radius: 0px 0;
}
/*------------------------------------------------------------
  現調無料バナー
-------------------------------------------------------------*/
footer .footer_bnr_appeal_form {
  padding: 20px 0;
  background-color: #eee;
  text-align: center;
}
/*------------------------------------------------------------
  最近見た商品・見積りメモボタン  renew
-------------------------------------------------------------*/
section#keyword-search-check-memo .check_item_estimate_memo {
  display: table;
  width: 100%;
  background-color: #c40000;
}
section#keyword-search-check-memo .check_item_estimate_memo p {
  display: table-cell;
  margin-top: 20px;
  height: 70px;
  vertical-align: middle;
}
section#keyword-search-check-memo .check_item_estimate_memo p a {
  display: block;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 20px;
  line-height: 70px;
  text-align: left;
  text-decoration: none;
}
section#keyword-search-check-memo .check_item_estimate_memo p.check_item {
  width: 50%;
  border-right: 1px solid #fff;
}
section#keyword-search-check-memo .check_item_estimate_memo p.check_item a {
  padding-left: 33.54%;
  background-image: url("../img/common/icon_history-white.svg");
  background-position: 15.1% 47%;
  background-size: auto 54.29%;
}
section#keyword-search-check-memo .check_item_estimate_memo p.estimate_memo {
  width: 50%;
}
section#keyword-search-check-memo .check_item_estimate_memo p.estimate_memo a {
  padding-left: 32.67%;
}
section#keyword-search-check-memo .check_item_estimate_memo p.estimate_memo a::before {
  bottom: 0;
  width: 31px;
  height: 24px;
  margin: auto auto auto 29px;
  background-position: -30px -54px;
  transform: scale(1.258);
}
/* お気に入り
--------------------------------*/
section#keyword-search-check-memo .check_item_estimate_memo .wishlist_link_unit {
  width: 50%;
  border-right: 1px solid #fff;
}
section#keyword-search-check-memo .check_item_estimate_memo .wishlist_link_unit a {
  padding-left: 66px;
}
section#keyword-search-check-memo .check_item_estimate_memo .wishlist_link_unit a::before {
  bottom: 0;
  width: 29px;
  height: 25px;
  margin: auto auto auto 25px;
  background-position: 0px -54px;
  transform: scale(1.1428);
}
/* お気に入り（商品詳細ページ）
--------------------------------*/
/* 登録ボタン */
.box_input_wishlist {
  margin: 30px 60px 25px;
}
.box_input_wishlist .bt_wishlist_register {
  display: block;
  padding: 0 0 0 86px;
  background-image: url("/sp2/public/img/global/main/wishlist/icon_heart.svg");
  background-repeat: no-repeat;
  background-position: 25px 13px;
  background-size: 45px auto;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 2px 2px 2px rgba(133, 133, 133, 0.1);
  text-decoration: none;
}
.box_input_wishlist .bt_wishlist_register .txt {
  height: 57px;
  padding: 0 0 0 28px;
  font-size: 21px;
  color: #ff6c2b;
  line-height: 57px;
}
.box_input_wishlist .bt_wishlist_register .txt::before {
  position: relative;
  left: -24px;
  content: "";
  display: inline-block;
  width: 1px;
  height: 27px;
  background-color: #ddd;
  vertical-align: middle;
}
/* 登録済み */
.box_input_wishlist .bt_wishlist_registered {
  box-shadow: none;
  padding-left: 87px;
  background-image: url("/sp2/public/img/global/main/wishlist/icon_heart_registered-white.svg");
  background-size: 36px auto;
  background-color: #ff6c2b;
  border: 1px solid #ff6c2b;
}
.box_input_wishlist .bt_wishlist_registered .txt {
  background-color: #fff;
}
.box_input_wishlist .bt_wishlist_registered .txt::before {
  display: none;
}

/*------------------------------------------------------------
  フッター下部エリア
-------------------------------------------------------------*/
section#footer-info {
  overflow: hidden;
  padding: 15px 0 0;
  background: #fff;
  color: #333;
  font-size: 10px;
  line-height: 25px;
}
section#footer-info a {
  color: #aaa;
  -wekbit-text-size-adjust: 100%;
}

/*-------------------------------------------------------------
 スタッフ一覧
-------------------------------------------------------------*/
.box-modal-staff {
  display: none;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.9);
}
.box-modal-staff .ttl {
  position: relative;
  height: 44px;
  line-height: 44px;
  border-radius: 3px 3px 0 0;
  background-color: #cc0000;
  color: #fff;
  font-size: 21px;
  font-weight: bold;
  text-align: center;
}
/* 閉じるボタン
--------------------------------*/
.box-modal-staff .bt_close {
  position: absolute;
  top: -19px;
  right: -7px;
}
.box-modal-staff .bt_close a {
  box-sizing: border-box;
  display: block;
  width: 38px;
  height: 38px;
  border: 1px solid #aaa;
  border-radius: 50%;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  background: url("/sp2/public/img/common/icon_cross_darkgray.svg") center center no-repeat #fff;
  background-size: 50%;

  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.box-modal-staff .head {
  padding: 14px 11px 24px;
}
/* 責任者
--------------------------------*/
.box-modal-staff .boss {
  float: left;
  display: flex;
  flex-wrap: nowrap;
  width: 210px;
}
.box-modal-staff .boss .pic {
  display: inline-flex;
  margin-right: 5px;
}
.box-modal-staff .boss .block {
  display: inline-flex;
  flex: 1;
  flex-wrap: wrap;
}
.box-modal-staff .boss .txt {
  font-size: 15px;
  line-height: 1.3;
  text-align: justify;
  letter-spacing: -0.1ex;
  -ms-text-justify: inter-ideograph;
  text-justify: inter-ideograph;
}
.box-modal-staff .boss .name {
  display: inline-flex;
  align-items: flex-end;
  font-size: 14px;
  font-weight: bold;
}

/* フリーダイヤル
--------------------------------*/
.box-modal-staff .tel {
  float: right;
  display: block;
  padding: 8px 8px 11px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.14);
  font-weight: bold;
  text-decoration: none;
}
.box-modal-staff .tel .cap {
  height: 27px;
  margin-bottom: 5px;
  border-radius: 3px;
  background-color: #12a73b;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 27px;
  letter-spacing: -0.15ex;
}
.box-modal-staff .tel .num {
  margin-bottom: 8px;
  padding-left: 32px;
  background: url("/sp2/public/img/common/icon_freedial.svg") left center no-repeat;
  background-size: 26px auto;
  color: #12a73b;
  font-family: "Helvetica Neue", Helvetica, Roboto, Verdana, Arial, sans-serif;
  font-size: 24px;
  line-height: 1;
}
.box-modal-staff .tel .date {
  color: #333;
  font-size: 15px;
  text-align: center;
  line-height: 1;
}
/* スタッフ一覧
--------------------------------*/
.box-modal-staff .list_staff {
  position: relative; /* prev, nextのabsolute用 */
  padding: 0 38px 30px;
}
.box-modal-staff .h_staff {
  position: relative;
  display: flex;
  height: 33px;
  margin-bottom: 25px;
  padding: 0 20px;
  border-radius: 3px;
  border: 1px solid #cc0000;
  background-color: #fff3f3;
  color: #cc0000;
  line-height: 33px;
}
.box-modal-staff .h_staff::before,
.box-modal-staff .h_staff::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  margin: 0 auto;
  border: 8px solid transparent;
  border-top: 10px solid #cc0000;
  border-bottom: none;
}
.box-modal-staff .h_staff::before {
  bottom: -10px;
}
.box-modal-staff .h_staff::after {
  bottom: -8px;
  border-top: 10px solid #fff3f3;
}
.box-modal-staff .h_staff .planner {
  display: inline-flex;
}
.box-modal-staff .h_staff .qualified {
  display: inline-flex;
  flex-grow: 1;
  justify-content: flex-end;
  font-size: 19px;
  font-weight: bold;
}
.box-modal-staff .h_staff .qualified .num {
  margin: 0 2px;
  font-family: "Helvetica Neue", Helvetica, Roboto, Verdana, Arial, sans-serif;
  font-size: 32px;
  line-height: 33px;
  vertical-align: top;
}
.box-modal-staff .h_staff .qualified .people {
  font-size: 16px;
}
.box-modal-staff .list_staff .pagenation {
  text-align: center;
}
/* simplemodal
--------------------------------*/
#simplemodal-container.footer-modal-staff {
  padding-top: 50px !important;
}
/* jQuery Modal
--------------------------------*/
.footer-staff-modal-blocker .jquery-modal-wrapper {
  padding: 50px 15px 0;
  overflow: visible;
}
.footer-staff-modal-blocker .box-modal-staff.footer-staff-modal {
  display: block !important;
  overflow: visible !important;
}
/* swiper
--------------------------------*/
.box-modal-staff .swiper-button-prev,
.box-modal-staff .swiper-button-next {
  position: absolute;
  top: 208px;
  display: block;
  width: 40px;
  height: 40px;
  margin-top: 0;
  background: url("/sp2/public/img/common/icon_next-white.svg") center center no-repeat rgba(0, 0, 0, 0.3);
  background-size: 10px auto;
  border-radius: 50%;

  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.box-modal-staff .swiper-button-prev.swiper-button-disabled,
.box-modal-staff .swiper-button-next.swiper-button-disabled {
  background: url("/sp2/public/img/common/icon_next-white.svg") center center no-repeat rgba(0, 0, 0, 0.1);
  background-size: 10px auto;
  opacity: 1;
}
.box-modal-staff .swiper-button-prev {
  left: 5px;
  transform: rotate(180deg);
}
.box-modal-staff .swiper-button-next {
  right: 5px;
}
/*-------------------------------------------------------------
  スタッフ写真 スプライト化
-------------------------------------------------------------*/
.staff_img .list {
  margin-bottom: 10px;
}
.staff_img .list li {
  float: left;
  margin-bottom: 7px;
  margin-right: 2%;
  width: 15%;
}
.staff_img .list li:nth-of-type(6n) {
  margin-right: 0
}
.staff_img .pic {
  width: 60px;
  height: 70px;
  white-space: nowrap;
  overflow: hidden;
  background: url(/public/img/global/left/common/staff/pic_staff.webp?2026071701) no-repeat;
}
.staff_img .name {
  margin-top: 3px;
  text-align: center;
}

.staff_img .kihu     { background-position: 0% 0%;  }
.staff_img .nishimura       { background-position: 20% 0%; }
.staff_img .shigetomi      { background-position: 40% 0%; }
.staff_img .yoshizawa    { background-position: 60% 0%; }
.staff_img .yoshino         { background-position: 80% 0%; }
.staff_img .kohigashi    { background-position: 100% 0%; }
.staff_img .matsumae       { background-position: 0% 5.3%; }
.staff_img .yamada        { background-position: 20% 5.3%; }
.staff_img .sato       { background-position: 40% 5.3%; }
.staff_img .shirasaki       { background-position: 100% 78.7%; }
.staff_img .ikemoto       { background-position: 0% 84.4%; }
.staff_img .shinnishi       { background-position: 60% 5.3%; }
.staff_img .tsugita      { background-position: 0% 10.6%; }
.staff_img .asakawa      { background-position: 20% 10.6%; }
.staff_img .sotoo       { background-position: 40% 10.6%; }
.staff_img .ino      { background-position: 80% 5.3%; }
.staff_img .nomaguchi    { background-position: 100% 5.3%; }
.staff_img .matushita_2       { background-position: 20% 84.4%; }
.staff_img .kobayashi   { background-position: 60% 10.6%; }
.staff_img .akuta   { background-position: 80% 10.6%; }
.staff_img .fujita    { background-position: 100% 10.6%; }
.staff_img .matushita       { background-position: 20% 0%; }
.staff_img .kadoi        { background-position: 0% 15.9%; }
.staff_img .takesaka      { background-position: 20% 15.9%; }
.staff_img .hutigami    { background-position: 40% 15.9%; }
.staff_img .murakami         { background-position: 60% 15.9%; }
.staff_img .uchida    { background-position: 80% 15.9%; }
.staff_img .uematsu      { background-position: 100% 15.9%; }
.staff_img .hisada    { background-position: 0% 21.1%; }
.staff_img .matsushita         { background-position: 20% 21.1%; }
.staff_img .nakajima    { background-position: 100% 31.7%; }

.staff_img .nagaishi      { background-position: 40% 21.1%; }
.staff_img .mizuguchi    { background-position: 60% 21.1%; }
.staff_img .hasegawa       { background-position: 40% 84.4%; }
.staff_img .yamazaki         { background-position: 80% 21.1%; }
.staff_img .shimizu    { background-position: 100% 21.1%; }
.staff_img .muroya      { background-position: 0% 26.4%; }
.staff_img .yasuda    { background-position: 20% 26.4%; }
.staff_img .mizutani         { background-position: 40% 26.4%; }
.staff_img .kanayama    { background-position: 60% 26.4%; }
.staff_img .sakai      { background-position: 80% 26.4%; }
.staff_img .kamiyoshi    { background-position: 100% 26.4%; }
.staff_img .yamanaka    { background-position: 0% 31.7%; }
.staff_img .tanaka         { background-position: 20% 31.7%; }
.staff_img .itamochi         { background-position: 0% 36.7%; }
.staff_img .nashida       { background-position: 40% 89.4%; }
.staff_img .hikabe    { background-position: 40% 31.7%; }
.staff_img .nishida      { background-position: 60% 31.7%; }
.staff_img .ichishi    { background-position: 80% 31.7%; }
.staff_img .okamoto    { background-position: 20% 36.7%; }
.staff_img .uenaka      { background-position: 40% 36.7%; }
.staff_img .tanigawa    { background-position: 80% 47.3%; }
.staff_img .yonesawa    { background-position: 60% 36.7%; }
.staff_img .maruyama         { background-position: 80% 36.7%; }
.staff_img .kita    { background-position: 100% 36.7%; }
.staff_img .saito      { background-position: 0% 42.1%; }
.staff_img .nakashima    { background-position: 20% 42.1%; }
.staff_img .iwano         { background-position: 40% 42.1%; }
.staff_img .shimazu    { background-position: 60% 42.1%; }
.staff_img .ito      { background-position: 80% 42.1%; }
.staff_img .takemoto    { background-position: 100% 42.1%; }

.staff_img .takayama         { background-position: 0% 47.3%; }
.staff_img .inui    { background-position: 20% 47.3%; }
.staff_img .saeki      { background-position: 40% 47.3%; }
.staff_img .sakamoto    { background-position: 60% 47.3%; }
.staff_img .tsukada         { background-position: 100% 47.3%; }
.staff_img .matsumoto    { background-position: 0% 52.5%; }
.staff_img .masuda     { background-position: 20% 52.5%; }
.staff_img .murakami-2        { background-position: 40% 52.5%; }
.staff_img .doi       { background-position: 100% 84.4%; }
.staff_img .iwaba      { background-position: 80% 52.5%; }
.staff_img .minami        { background-position: 60% 78.7%; }
.staff_img .inoue      { background-position: 60% 52.5%; }
.staff_img .mitsumata      { background-position: 40% 78.7%; }
.staff_img .oda     { background-position: 100% 52.5%; }
.staff_img .yorifuji       { background-position: 79.5% 84.4%; }
.staff_img .nagare     { background-position: 20% 57.7%; }
.staff_img .hayashi     { background-position: 80% 78.7%; }
.staff_img .kato     { background-position: 40% 57.7%; }
.staff_img .ishitou       { background-position: 60% 84.4%; }
.staff_img .nishimura-2     { background-position: 80% 57.7%; }
.staff_img .fujisawa     { background-position: 100% 57.7%; }
.staff_img .tatsukawa     { background-position: 0% 63.1%; }
.staff_img .okuhara      { background-position: 99.8% 73.3%; }
.staff_img .kobayashi02     { background-position: 40% 63.1%; }
.staff_img .ueuti     { background-position: 60% 62.9%; }
.staff_img .komai     { background-position: 80% 63.1%; }
.staff_img .sueyoshi     { background-position: 100% 63.1%; }
.staff_img .yamamoto     { background-position: 0% 68.3%; }
.staff_img .fukada       { background-position: 0% 89.4%; }
.staff_img .tarui     { background-position: 41% 68.3%; }

.staff_img .nogami  { background-position: 60% 68.0%; }
.staff_img .okada    { background-position: 80% 68.3%; }
.staff_img .kimura     { background-position: 60% 57.7%; }
.staff_img .ikeda   { background-position: 0% 57.7%; }
.staff_img .mori       { background-position: 20% 89.4%; }
.staff_img .umeda     { background-position: 1.5% 78.7%; }
.staff_img .matsuyama   { background-position: 20% 73.3%; }
.staff_img .ashino       { background-position: 40% 73.3%; }
.staff_img .yamamoto-0     { background-position: 20% 63.1%; }
.staff_img .yamamoto-2     { background-position: 20% 68.3%; }
.staff_img .nasu   { background-position: 60% 73.3%; }
.staff_img .kurachi        { background-position: 0% 73.3%; }
.staff_img .yamane    { background-position: 100% 68.3%; }
.staff_img .nakahara    { background-position: 80% 73.3%; }
.staff_img .kouno      { background-position: 20% 78.7%; }

.staff_img .minami-naoya      { background-position: 80% 94.3%; }
.staff_img .ono      { background-position: 100% 89.6%; }
.staff_img .sakae      { background-position: 0% 99.9%; }
.staff_img .nishiyama      { background-position: 40% 94.5%; }
.staff_img .hirato      { background-position: 100% 94.5%; }
.staff_img .mizuta      { background-position: 20% 94.3%; }
.staff_img .hara      { background-position: 60% 89.3%; }
.staff_img .morishita      { background-position: 0.5% 94.3%; }
.staff_img .konishi      { background-position: 80% 89.2%; }
.staff_img .shimada      { background-position: 60% 94.3%; }

.staff_img .kitou      { background-position: 20% 99.9%; }
.staff_img .bandou      { background-position: 40% 99.9%; }
.staff_img .yoshida      { background-position: 60% 99.9%; }
.staff_img .wada      { background-position: 80% 99.9%; }
.staff_img .nakagawa      { background-position: 100% 99.9%; }
.staff_img .nagayoshi      { background-position: 20% 84.4%; }
.staff_img .kawai      { background-position: 19.7% 21.1%; }
.staff_img .maezawa      { background-position: 40% 15.9%; }
.staff_img .miyashita      { background-position: 0% 15.9%; }
.staff_img .aota       { background-position: 100% 5.3%; }



/*-------------------------------------------------------------
 バナー共通設定
-------------------------------------------------------------*/
/*--------------------------------
  スプライト設定
--------------------------------*/
section#footer-info .sprite_footer_bnr a {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url("/sp2/public/img/common/footer/sprite_footer_bnr.webp?20260528");
  background-repeat: no-repeat;
}
#footer-bnr-facebook,
#footer-bnr-twitter {
  float: right;
}
#footer-bnr-facebook a,
#footer-bnr-twitter a {
  width: 218px;
  height: 68px;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 1.5px 1.5px 2px rgba(0,0,0,0.1);
}
#footer-bnr-staff a { background-position: 0 0; }
#footer-bnr-gp-long a  { background-position: 0 -67px; }
#footer-bnr-facebook a { background-position: 0 -134px; }
#footer-bnr-twitter a  { background-position: -217px -134px; }
#footer-bnr-komorebi a  { background-position: 0 -203px; }
#footer-bnr-jitensyakan a  { background-position: 0 -337px; }
#footer-bnr-lovegreen a  { background-position: 0 -404px; }
#footer-bnr-partner a  { background-position: 0 -270px; }
#footer-bnr-rdreform a  { background-position: 0 -471px; }
#footer-bnr-umreform a  { background-position: 0 -538px; }

/*-------------------------------------------------------------
 スタッフ紹介バナー
-------------------------------------------------------------*/
#footer-bnr-staff {
  margin: 0 15px 10px;
}
#footer-bnr-staff a {
  width: 448px;
  height: 67px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
/* フェイスブックページバナー
-------------------------------------------------------------*/
#footer-bnr-facebook {
  float: left;
  margin: 0 0 15px 15px;
}
/* twitterページバナー
-------------------------------------------------------------*/
#footer-bnr-twitter {
  margin: 0 15px 15px 0;
}
/*-------------------------------------------------------------
 ガーデンプラスバナー
-------------------------------------------------------------*/
#footer-bnr-gp-long {
  margin: 0 15px 10px;
}
#footer-bnr-gp-long a {
  width: 448px;
  height: 67px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
/*-------------------------------------------------------------
 こもれび家具バナー
-------------------------------------------------------------*/
#footer-bnr-komorebi {
  margin: 0 15px 10px;
}
#footer-bnr-komorebi a {
  width: 448px;
  height: 67px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
/*-------------------------------------------------------------
 自転車館バナー
-------------------------------------------------------------*/
#footer-bnr-jitensyakan {
  margin: 0 15px 10px;
}
#footer-bnr-jitensyakan a {
  width: 448px;
  height: 67px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
/*-------------------------------------------------------------
 lovegreenバナー
-------------------------------------------------------------*/
#footer-bnr-lovegreen {
  margin: 0 15px 10px;
}
#footer-bnr-lovegreen a {
  width: 448px;
  height: 67px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
/*-------------------------------------------------------------
 玄関ドアSHOPバナー
-------------------------------------------------------------*/
#footer-bnr-rdreform {
  margin: 0 15px 10px;
}
#footer-bnr-rdreform a {
  width: 448px;
  height: 67px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
/*-------------------------------------------------------------
 内窓リフォームネットバナー
-------------------------------------------------------------*/
#footer-bnr-umreform {
  margin: 0 15px 10px;
}
#footer-bnr-umreform a {
  width: 448px;
  height: 67px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
/*-------------------------------------------------------------
  提携施工店バナー
-------------------------------------------------------------*/
#footer-bnr-partner {
  margin: 0 15px 10px;
}
#footer-bnr-partner a {
  width: 448px;
  height: 67px;
  border: 1px solid #c40000;
  border-radius: 5px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
/*-------------------------------------------------------------
  カテゴリテキスト　SEOリンク renew
------------------------------------------------------------ */
section#footer-info p#fnav-3 {
  clear: both;
  display: block;
  margin-left: 0;
  padding: 15px 15px 20px;
  border-top: 1px solid #ddd;
  color: #aaa;
  text-align: justify;
  line-height: 1.5;

}
section#footer-info p#fnav-3 a {
  padding: 0 5px;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
}
.footer-enclosure {
  padding: 20px 0 160px;
  background-color: #fafafa;
}
/*----------------------------------------------------------------
  コピーライト renew
--------------------------------------------------------------- */
section#footer-info p#copyright {
  float: left;
  margin: 0 0 0 15px;
  color: #111;
  line-height: 40px;
}
/*----------------------------------------------------------------
  証憑表記
--------------------------------------------------------------- */
.footer-txt-evidence-sales {
  margin: 20px 15px 0;
  text-align: right;
  font-size: 9px;
  line-height: 1;
}
/*---------------------------------------------------------------
  PCサイトボタン renew
-------------------------------------------------------------- */
section#footer-info a#footer-btn-pc {
  display: block;
  float: right;
  margin-right: 15px;
  padding: 0px 8px 0px 48px;
  border: 1px solid #c40000;
  border-radius: 4px;
  box-shadow: none;
  background: #fff;
  color: #c40000;
  font-size: 18px;
  text-align: left;
  text-decoration: none;
  line-height: 38px;
  vertical-align: middle;
}
section#footer-info a#footer-btn-pc::before {
  bottom: 0;
  width: 32px;
  height: 24px;
  margin: auto auto auto 8px;
  background-position: -178px -27px;
  transform: scale(0.9375);
}
/*===================================================================
  サイドメニュー
===================================================================*/
div#pageslide {
  z-index: 9999;
  overflow: hidden;
  position:absolute;
  top: 0;
  width: 460px;
  padding-top: 16px;
  -webkit-box-shadow: inset 0 0 5px 5px #222;
  -moz-shadow: inset 0 0 5px 5px #222;
  box-shadow: inset 0 0 5px 5px #222;
  background-color: #333;
  background-color: rgba(51,51,51,0.95);
  color: #FFF;
  font-size: 0px;
  line-height: 0px;
}
div#sidemenu {
  overflow:hidden;
  padding: 0;
}
div#sidemenu a {
  color: #FFF;
}

/* div#sidemenu div#sidemenu-navi サイドメニュナビ
------------------------------------*/
div#sidemenu div#sidemenu-navi {
  overflow: hidden;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
div#sidemenu div#sidemenu-navi a.btn {
  float: left;
  border-color: #808080;
  background: #404040;
}
div#sidemenu div#sidemenu-navi a.btn.ico-arrow-l {
  background: url(../img/common/ico_arrow2-l.png) no-repeat center 8px;
}

/* div#sidemenu dl サイドメニュリスト
------------------------------------*/
div#sidemenu dl {
  clear:both;
  overflow:hidden;
  display: block;
  margin-bottom: 15px;
  border-bottom: 1px solid #808080;
  font-size: 16px;
  line-height: 18px;
}
div#sidemenu dt {
  display: block;
  padding: 4px 10px;
  border-top: 1px solid #808080;
  background: #585858;
}
div#sidemenu dd {
  display: block;
  border-top: 1px solid #808080;
}
div#sidemenu dd a {
  overflow: hidden;
  display: block;
  padding: 15px 10px 15px 10px;
  color: #fff;
  text-decoration: none;
}
div#sidemenu dd[class] {
  background: url(../img/common/ico_star.png) no-repeat 10px center;
}
div#sidemenu dd[class] a {
  padding-left: 37px;
}

/* div#sidemenu dl　サイドメニューリスト　アイコン */
div#sidemenu dd.ico-star     { background-image:url(../img/common/ico_star2.png);}
div#sidemenu dd.ico-mail     { background-image:url(../img/common/ico_mail2.png);}
div#sidemenu dd.ico-tel      { background-image:url(../img/common/ico_freedial2.png);}
div#sidemenu dd.ico-beginner { background-image: url(../img/common/ico_beginner2.png);}
div#sidemenu dd.ico-cart     { background-image: url(../img/common/ico_cart2.png);}
div#sidemenu dd.ico-map      { background-image:url(../img/common/ico_map2.png);}
div#sidemenu dd.ico-book     { background-image:url(../img/common/ico_book2.png);}
div#sidemenu dd.ico-question { background-image:url(../img/common/ico_question2.png);}
div#sidemenu dd.ico-sitemap  { background-image:url(../img/common/ico_sitemap2.png);}

/*////////////////////////////////////////////////////////////
  サイトトップ
////////////////////////////////////////////////////////////*/

/*================================================
  メインバナーエリア
================================================*/
section#top-bnr-1 {
  overflow: hidden;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

/*===============================================
  商品カテゴリリスト イメージ画像
===============================================*/
ul.list-thumb-1 li {
  background-image: url(../img/000menu_index/sprite_index_cate.png);
  background-repeat: no-repeat;
  background-size: 160px auto;
}
ul.list-thumb-1 li.img-cate-carport        {background-position: 12px 13px;}
ul.list-thumb-1 li.img-cate-cycleport      {background-position: 12px -131px;}
ul.list-thumb-1 li.img-cate-cargate        {background-position: 12px -274px;}
ul.list-thumb-1 li.img-cate-shutter        {background-position: 12px -417px;}
ul.list-thumb-1 li.img-cate-gatedoor       {background-position: 12px -561px;}
ul.list-thumb-1 li.img-cate-gatepost       {background-position: 12px -704px;}
ul.list-thumb-1 li.img-cate-fence          {background-position: 12px -847px;}
ul.list-thumb-1 li.img-cate-handrail       {background-position: 12px -990px;}
ul.list-thumb-1 li.img-cate-terrace-roof   {background-position: 12px -1133px;}
ul.list-thumb-1 li.img-cate-terrace-paling {background-position: 12px -1277px;}
ul.list-thumb-1 li.img-cate-awning         {background-position: 12px -1420px;}
ul.list-thumb-1 li.img-cate-pergola        {background-position: 12px -1563px;}
ul.list-thumb-1 li.img-cate-wood-deck      {background-position: 12px -1706px;}
ul.list-thumb-1 li.img-cate-washbasin-faucet {background-position: 12px -1849px;}
ul.list-thumb-1 li.img-cate-storage        {background-position: 12px -1993px;}
ul.list-thumb-1 li.img-cate-stock-yard     {background-position: 12px -2136px;}
ul.list-thumb-1 li.img-cate-dust-box       {background-position: 12px -2279px;}
ul.list-thumb-1 li.img-cate-balcony-roof   {background-position: 12px -2422px;}
ul.list-thumb-1 li.img-cate-balcony        {background-position: 12px -2565px;}
ul.list-thumb-1 li.img-cate-window         {background-position: 12px -2709px;}
ul.list-thumb-1 li.img-cate-window-shutter {background-position: 12px -2852px;}
ul.list-thumb-1 li.img-cate-latticewindow  {background-position: 12px -2995px;}
ul.list-thumb-1 li.img-cate-fj             {background-position: 12px -3138px;}
ul.list-thumb-1 li.img-cate-door           {background-position: 12px -3282px;}
ul.list-thumb-1 li.img-cate-exterior-construction {background-position: 12px -3425px;}
ul.list-thumb-1 li.img-cate-etc            {background-position: 12px -3568px;}
ul.list-thumb-1 li.img-cate-pl             {background-position: 12px -3703px;}
ul.list-thumb-1 li.img-cate-xa             {background-position: 12px -3852px;}
ul.list-thumb-1 li.img-cate-st             {background-position: 12px -3995px;}

/*=========================================================================
  メーカーから探す
=========================================================================*/
ul.list-maker-1 li {
  background-repeat: no-repeat;
}

@media only screen and (orientation : portrait) {
_::-webkit-full-page-media, _:future, :root ul.list-maker-1 li a {/* iPhone */
  border-bottom: 2px solid #ddd;
}
}

ul.list-maker-1 li.img-maker-tostem         { background-position: 0px 0px;}
ul.list-maker-1 li.img-maker-ykkap          { background-position: -240px 0px;}
ul.list-maker-1 li.img-maker-toex           { background-position: 0px -71px;}
ul.list-maker-1 li.img-maker-shinnikkei     { background-position: -240px -71px;}
ul.list-maker-1 li.img-maker-sankyoalumi    { background-position: 0px -142px;}
ul.list-maker-1 li.img-maker-shikokukasei   { background-position: -240px -142px;}
ul.list-maker-1 li.img-maker-takubo-monooki { background-position: 0px -213px;}
ul.list-maker-1 li.img-maker-inaba-monooki  { background-position: -240px -213px;}
ul.list-maker-1 li.img-maker-yodo-monooki   { background-position: 0px -284px;}
ul.list-maker-1 li.img-maker-sankin         { background-position: -240px -284px;}
ul.list-maker-1 li.img-maker-takasho        { background-position: 0px -355px;}
ul.list-maker-1 li.img-maker-tenpal         { background-position: -240px -355px;}
ul.list-maker-1 li.img-maker-ama            { background-position: 0px -426px;}
ul.list-maker-1 li.img-maker-markilux       { background-position: -240px -426px;}
ul.list-maker-1 li.img-maker-takano         { background-position: 0px -497px;}
ul.list-maker-1 li.img-maker-sekisuijushi   { background-position: -240px -497px;}
ul.list-maker-1 li.img-maker-unison         { background-position: 0px -568px;}
ul.list-maker-1 li.img-maker-nikko          { background-position: -240px -568px;}
ul.list-maker-1 li.img-maker-exstyle        { background-position: 0px -639px;}
ul.list-maker-1 li.img-maker-lixil          { background-position: -240px -639px;}
ul.list-maker-1 li.img-maker-minato         { background-position: 0px -796px;}
ul.list-maker-1 li.img-maker-somfykit       { background-position: -240px -796px;}
ul.list-maker-1 li.img-maker-er             { background-position: 0px -867px;}
ul.list-maker-1 li.img-maker-fftokyo        { background-position: -240px -867px;}
ul.list-maker-1 li.img-maker-takekura       { background-position: 0px -938px;}
ul.list-maker-1 li.img-maker-globen         { background-position: -240px -938px;}
ul.list-maker-1 li.img-maker-extile         { background-position: 0px -1009px;}
ul.list-maker-1 li.img-maker-daiken         { background-position: -240px -1009px;}
ul.list-maker-1 li.img-maker-minocraf       { background-position: 0px -1080px;}
ul.list-maker-1 li.img-maker-toshin         { background-position: -240px -1080px;}
ul.list-maker-1 li.img-maker-panasonic      { background-position: 0px -1147px;}
ul.list-maker-1 li.img-maker-fukucyo        { background-position: -240px -1147px;}
ul.list-maker-1 li.img-maker-toyo           { background-position: 0px -1218px;}
ul.list-maker-1 li.img-maker-mat            { background-position: -240px -1218px;}
ul.list-maker-1 li.img-maker-esbox          { background-position: 0px -1289px;}
ul.list-maker-1 li.img-maker-matsumoto      { background-position: -240px -1289px;}
ul.list-maker-1 li.img-maker-nasta          { background-position: 0px -1360px;}
ul.list-maker-1 li.img-maker-mino           { background-position: -240px -1360px;}
ul.list-maker-1 li.img-maker-greenlife      { background-position: 0px -1431px;}
ul.list-maker-1 li.img-maker-suzuki         { background-position: -240px -1431px;}
ul.list-maker-1 li.img-maker-aks            { background-position: 0px -1502px;}
ul.list-maker-1 li.img-maker-handy          { background-position: -240px -1502px;}
ul.list-maker-1 li.img-maker-sonia          { background-position: 0px -1573px;}
ul.list-maker-1 li.img-maker-nichiei        { background-position: -240px -1573px;}
ul.list-maker-1 li.img-maker-takagi         { background-position: 0px -1644px;}
ul.list-maker-1 li.img-maker-seiki          { background-position: -240px -1644px;}
ul.list-maker-1 li.img-maker-woodone        { background-position: 0px -1715px;}
ul.list-maker-1 li.img-maker-machida        { background-position: -240px -1715px;}
ul.list-maker-1 li.img-maker-sbic           { background-position: 0px -1786px;}
ul.list-maker-1 li.img-maker-woodyloco      { background-position: -240px -1786px;}
ul.list-maker-1 li.img-maker-rik            { background-position: 0px -1857px;}
ul.list-maker-1 li.img-maker-morita         { background-position: -240px -1857px;}
ul.list-maker-1 li.img-maker-yokoi          { background-position: 0px -1928px;}
ul.list-maker-1 li.img-maker-asahif         { background-position: -240px -1928px;}
ul.list-maker-1 li.img-maker-nikken         { background-position: 0px -1999px;}
ul.list-maker-1 li.img-maker-toami          { background-position: -240px -1999px;}
ul.list-maker-1 li.img-maker-jfe            { background-position: 0px -2070px;}
ul.list-maker-1 li.img-maker-toko           { background-position: -240px -2070px;}
ul.list-maker-1 li.img-maker-clsp           { background-position: 0px -2141px;}
ul.list-maker-1 li.img-maker-mizsei         { background-position: -240px -2141px;}
ul.list-maker-1 li.img-maker-takedac        { background-position: 0px -2212px;}
ul.list-maker-1 li.img-maker-hanwa          { background-position: -240px -2212px;}
ul.list-maker-1 li.img-maker-komy           { background-position: 0px -2283px;}
ul.list-maker-1 li.img-maker-kajishin       { background-position: -240px -2283px;}
ul.list-maker-1 li.img-maker-rainworld      { background-position: 0px -2354px;}
ul.list-maker-1 li.img-maker-maruichi       { background-position: -240px -2354px;}
ul.list-maker-1 li.img-maker-yaomono        { background-position: 0px -2425px;}
ul.list-maker-1 li.img-maker-nawazou        { background-position: -240px -2425px;}
ul.list-maker-1 li.img-maker-kodama         { background-position: 0px -2496px;}
ul.list-maker-1 li.img-maker-curiacetrading      { background-position: -240px -2496px;}
ul.list-maker-1 li.img-maker-sanyokasei     { background-position: 0px -2567px;}
ul.list-maker-1 li.img-maker-canalship      { background-position: -240px -2567px;}
ul.list-maker-1 li.img-maker-ecokankyo      { background-position: 0px -2638px;}
ul.list-maker-1 li.img-maker-tatsumi        { background-position: -240px -2638px;}
ul.list-maker-1 li.img-maker-nido           { background-position: 0px -2705px;}
ul.list-maker-1 li.img-maker-liebe          { background-position: -240px -2705px;}
ul.list-maker-1 li.img-maker-unionbiz       { background-position: 0px -2772px;}
ul.list-maker-1 li.img-maker-deto           { background-position: 0px -2849px;}
ul.list-maker-1 li.img-maker-minoir         { background-position: -240px -2849px;}
ul.list-maker-1 li.img-maker-nagaoka        { background-position: 0px -2920px;}
ul.list-maker-1 li.img-maker-yoko           { background-position: -240px -2920px;}
ul.list-maker-1 li.img-maker-maezawa        { background-position: 0px -2991px;}
ul.list-maker-1 li.img-maker-kawamura       { background-position: -240px -2991px;}
ul.list-maker-1 li.img-maker-daimatsu       { background-position: 0px -3062px;}
ul.list-maker-1 li.img-maker-greenfield     { background-position: -240px -3062px;}
ul.list-maker-1 li.img-maker-takiron        { background-position: 0px -3133px;}
ul.list-maker-1 li.img-maker-cherster       { background-position: -240px -3133px;}
ul.list-maker-1 li.img-maker-shinmei        { background-position: 0px -3204px;}
ul.list-maker-1 li.img-maker-daiken         { background-position: -240px -3204px;}
ul.list-maker-1 li.img-maker-kakuichi       { background-position: 0px -3275px;}
ul.list-maker-1 li.img-maker-teikin         { background-position: -240px -3275px;}

ul.list-maker-1 li.img-maker- a     { border-bottom: none; }

/* Value Select
-----------------------------------------------------------------------------*/
ul.list-maker-1 li.img-maker-value-select {
  width: 100%;
  background-position: 0px -710px;
}
ul.list-maker-1 li.img-maker-value-select a {/* renew */
  height: auto;
  padding: 15px 6% 15px 33%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: url(../img/common/ico_arrow1-r.png) no-repeat 99% center;
  color: #000;
  font-size: 12px;
  line-height: 1.5;
  text-indent: 0px;
  text-decoration: none;
}
.hm-acc-bx.maker_list ul.list-maker-1 li.img-maker-value-select a {
  background: none;
}
ul.list-maker-1 li.img-maker-value-select a span {
  display: none;
}

/*========================================================
  キーワード検索　フキダシ
========================================================*/
div.keyword-search-picker {
  position: relative;
  margin: 15px 20px 10px 20px;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fafafa;
}
div.keyword-search-picker::before {
  content: '';
  position: absolute;
  top: -20px;
  left: 30px;
  width: 0;
  height: 0;
  border: 10px solid;
  border-color: transparent transparent #ddd transparent;
}
div.keyword-search-picker::after {
  content: '';
  position: absolute;
  top: -18px;
  left: 30px;
  width: 0;
  height: 0;
  border: 10px solid;
  border-color:transparent transparent #fafafa transparent;
}
div.keyword-search-picker a {
  display: inline-block;
  margin-right: 2px;
  margin-left: 2px;
  padding-right: 2px;
  padding-left: 2px;
  color: #333;
  font-size: 16px;
  line-height: 30px;
  text-decoration: underline;
  white-space: nowrap;
}

/*=========================================================
  お客様の声・施工写真を見るエリア
=========================================================*/
section#voice-works {
  margin-top: 30px;
}

/* section#voice-works p コピーテキスト
------------------------------------*/
section#voice-works p {
  padding: 10px 10px 20px;
  font-size: 20px;
  text-align: left;
}
section#voice-works p span {
  padding: 0 1px;
  font-size: 120%;
  font-weight: bold;
}

/* 工事例ボタン
------------------------------------*/
ul#voice-works-list {
  overflow: hidden;
  display:-moz-box;
  display:-webkit-box;
  display:-o-box;
  display:-ms-box;
  display: table;
  table-layout: fixed;
  margin: auto;
  border-collapse: collapse;
}
ul#voice-works-list li {
  display: table-cell;
  /*width: 33.33%;*/
  padding: 5px 20px;
  background: url(../img/common/icon_next.svg) no-repeat 83% center;
  background-size: 3.7%;
}
ul#voice-works-list li:nth-child(2) {
  /*width: 33.33%;*/
}
ul#voice-works-list li a {
  display: block;
  padding: 94px 20px 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background: url(../img/common/ico_map2.png) no-repeat center 11px;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
/* ul#voice-works-list ナビゲーション アイコン */
ul#voice-works-list li.ico-map a     { background-image: url(../img/common/ico_map3.png?2023013000);}
ul#voice-works-list li.ico-product a { background-image: url(../img/common/ico_product1.png?2023013000);}
ul#voice-works-list li.ico-works a   { background-image: url(../img/common/ico_new1.png);
}

/*==============================================================
  商品タイプ別検索ボタン
==============================================================*/
ul.list-cate-type + .ttl-1 {/* 見出し設定 */
  margin-top: 0;
}

/*---カテゴリメニュー改行---------------------------------*/
ul.list-cate-type.odd:after {
  content: "";
  float: left;
  box-sizing: border-box;
  height: 50px;
  width: 50%;
  border-right: 1px solid #c1c1c1;
}
ul.list-cate-type.odd {
  border-bottom:solid 1px #c1c1c1;
}
ul.list-cate-type.odd li:last-child a {
  border-bottom: none;
}

/* ul.list-cate-type アイコン
------------------------------------*/
ul.list-cate-type li.wind    { background: url("../img/common/item/icon/icon_wind.svg") 13px center no-repeat;}

/* ul.list-cate-type カーポート アイコン
------------------------------------*/
ul.list-cate-type li {
  position: relative;
  background-image: url(../img/001product/01item_cp/ico_cp_type-katanagare.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto auto;
  text-indent: 0px;
}
ul.list-cate-type li a {/* renew */
  position: relative;
  padding-right: 20px;
  padding-left: 70px;
  background: none;
  color: #000;
  font-size: 16px;
  line-height: 70px;
  text-indent: 0;
  text-decoration: none;
  white-space: nowrap;
}
ul.list-cate-type li a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 93%;
  width: 14px;
  height: 24px;
  margin: auto 0;
  background: url("/sp2/public/img/common/sprite_icon.svg?20211022") 0 0 no-repeat;
  transform: scale(0.4285);
}
ul.list-cate-type li[class^="snow"],
ul.list-cate-type li[class^="cp-"] {
  background: none !important;
}
ul.list-cate-type li[class^="cp-"]::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
  margin: auto 0;
  background: url("/sp2/public/img/common/item/icon/type/sprite_cp.svg?20171019") 0 0 no-repeat;
}
ul.list-cate-type li.cp-katanagare::before { background-position: 0 0; left: 18px; height: 26px; transform: scale(1); }
ul.list-cate-type li.cp-ryouashis::before  { background-position: -32px 0; left: 17px; height: 22px; transform: scale(1.2); }
ul.list-cate-type li.cp-entyou::before     { background-position: -64px 0; left: 20px; height: 16px; transform: scale(1.6667); }
ul.list-cate-type li.cp-wide::before       { background-position: -96px 0; left: 22px; height: 17px; transform: scale(1.5); }
ul.list-cate-type li.cp-m_gassyou::before  { background-position: -128px 0; left: 20px; height: 17px; transform: scale(1.5); }
ul.list-cate-type li.cp-y_gassyou::before  { background-position: -160px 0; left: 20px; height: 15px; transform: scale(1.6667); }
ul.list-cate-type li.cp-taterentou::before { background-position: -192px 0; left: 20px; height: 13px; transform: scale(1.6667); }
ul.list-cate-type li.cp-3dai-wide::before  { background-position: -224px 0; left: 20px; height: 13px; transform: scale(1.6667); }
ul.list-cate-type li.cp-4dai-ijyou::before { background-position: -256px 0; left: 21px; height: 18px; transform: scale(1.6667); }
ul.list-cate-type li.cp-back::before       { background-position: -288px 0; left: 25px; height: 22px; transform: scale(1.3333); }

ul.list-cate-type li[class^="snow"]::before,
ul.list-cate-type li.cp-taikyouhuu::before,
ul.list-cate-type li.cp-koujihimuryou::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
	width: 27px;
  margin: auto 0;
	background: url("/sp2/public/img/common/item/icon/type/sprite_common.svg?20171019") 0 0 no-repeat;
}
ul.list-cate-type li.cp-taikyouhuu::before    { background-position: -29px -26px; left: 25px; height: 14px; transform: scale(1.3333); }
ul.list-cate-type li.cp-koujihimuryou::before { background-position: 0 -26px; left: 20px; height: 27px; transform: scale(1.16667); }
ul.list-cate-type li.snow020::before          { background-position: 0 0; left: 21px; height: 22px; transform: scale(1.3333); }
ul.list-cate-type li.snow030::before          { background-position: -29px 0; left: 21px; height: 22px; transform: scale(1.3333); }
ul.list-cate-type li.snow050::before          { background-position: -58px 0; left: 21px; height: 22px; transform: scale(1.3333); }
ul.list-cate-type li.snow060::before          { background-position: -87px 0; left: 21px; height: 22px; transform: scale(1.3333); }
ul.list-cate-type li.snow100::before          { background-position: -116px 0; left: 21px; height: 22px; transform: scale(1.3333); }
ul.list-cate-type li.snow150::before          { background-position: -145px 0; left: 21px; height: 22px; transform: scale(1.3333); }
ul.list-cate-type li.snow200::before          { background-position: -174px 0; left: 21px; height: 22px; transform: scale(1.3333); }

ul.list-cate-type li.cp-snow050    { background-image: url(../img/001product/01item_cp/ico_cp_type-snow050.png);}
ul.list-cate-type li.cp-snow100    { background-image: url(../img/001product/01item_cp/ico_cp_type-snow100.png);}
ul.list-cate-type li.cp-snow150    { background-image: url(../img/001product/01item_cp/ico_cp_type-snow150.png);}
ul.list-cate-type li.empty {/* renew */
  height: 70px;
  background: none;
  border-bottom: 1px solid #ddd;
}

/* ul.list-cate-type サイクルポート アイコン
------------------------------------*/
ul.list-cate-type li.cy-katanagare { background: url("../img/common/item/icon/icon_cy01.svg") 20px center no-repeat; background-size: 30px auto;}
ul.list-cate-type li.cy-mgassho    { background: url("../img/common/item/icon/icon_cy02.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.cy-ygassho    { background: url("../img/common/item/icon/icon_cy03.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.cy-jurentou   { background: url("../img/common/item/icon/icon_cy04.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.cy-1menkakoi  { background: url("../img/common/item/icon/icon_cy05.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.cy-3menkakoi  { background: url("../img/common/item/icon/icon_cy06.svg") 13px center no-repeat; background-size: 45px auto;}

/* ul.list-cate-type カーゲート アイコン
------------------------------------*/
ul.list-cate-type li.cg-katabiraki      { background: url("../img/common/item/icon/icon_cg01.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.cg-ryobiraki       { background: url("../img/common/item/icon/icon_cg02.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.cg-oyakokatabiraki { background: url("../img/common/item/icon/icon_cg03.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.cg-oyakoryobiraki  { background: url("../img/common/item/icon/icon_cg04.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.cg-haneage         { background: url("../img/common/item/icon/icon_cg05.svg") 13px center no-repeat; background-size: 45px auto; clear: both;}
ul.list-cate-type li.cg-haneagewide     { background: url("../img/common/item/icon/icon_cg06.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.cg-haneage_ele     { background: url("../img/common/item/icon/icon_cg07.svg") 15px center no-repeat; background-size: 41px auto;}
ul.list-cate-type li.cg-haneagewide_ele { background: url("../img/common/item/icon/icon_cg08.svg") 13px center no-repeat; background-size: 50px auto; letter-spacing: -0.1em;}
ul.list-cate-type li.cg-hikido          { background: url("../img/common/item/icon/icon_cg09.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.cg-petgard         { background: url("../img/common/item/icon/icon_cg10.svg") 15px center no-repeat; background-size: 35px auto;}
ul.list-cate-type li.cg-keisyayo        {  background: url("../img/common/item/icon/icon_cg11.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.cg-katabiraki_ele  { background-image: url(../img/001product/03item_cg/ico_cg_type-katabiraki_ele.png);}
ul.list-cate-type li.cg-oogatashinshuku {  background: url("../img/common/item/icon/icon_cg12.svg?20190829") 10px center no-repeat; background-size: 50px auto;}

/* ul.list-cate-type 門扉 アイコン
------------------------------------*/
ul.list-cate-type li.mp-mekakushi    { background: url("../img/common/item/icon/icon_mp01.svg") 12px center no-repeat; background-size: 48px auto;}
ul.list-cate-type li.mp-mokumecho    { background: url("../img/common/item/icon/icon_mp02.svg") 12px center no-repeat; background-size: 48px auto;}
ul.list-cate-type li.mp-tategoshi    { background: url("../img/common/item/icon/icon_mp03.svg") 12px center no-repeat; background-size: 48px auto;}
ul.list-cate-type li.mp-yokogoshi    { background: url("../img/common/item/icon/icon_mp04.svg") 12px center no-repeat; background-size: 48px auto;}
ul.list-cate-type li.mp-lattice      { background: url("../img/common/item/icon/icon_mp05.svg") 12px center no-repeat; background-size: 48px auto;}

ul.list-cate-type li.mp-katabiraki { background: url("../img/common/item/icon/icon_mp06.svg") 19px center no-repeat; background-size: 35px auto;}
ul.list-cate-type li.mp-ryobiraki  { background: url("../img/common/item/icon/icon_mp07.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.mp-oyako      { background: url("../img/common/item/icon/icon_mp08.svg") 15px center no-repeat; background-size: 40px auto;}
ul.list-cate-type li.mp-hikido     { background: url("../img/common/item/icon/icon_mp09.svg") 15px center no-repeat; background-size: 40px auto;}

ul.list-cate-type li.mp-alumi { background: url("../img/common/item/icon/icon_mp10.svg") 19px center no-repeat; background-size: 35px auto;}
ul.list-cate-type li.mp-imono { background: url("../img/common/item/icon/icon_mp11.svg") 19px center no-repeat; background-size: 35px auto;}
ul.list-cate-type li.mp-steal { background: url("../img/common/item/icon/icon_mp12.svg") 19px center no-repeat; background-size: 35px auto;}
ul.list-cate-type li.mp-jushi { background: url("../img/common/item/icon/icon_mp13.svg") 19px center no-repeat; background-size: 37px auto;}

ul.list-cate-type li.mp-design_imono { background: url("../img/common/item/icon/icon_mp14.svg") 12px center no-repeat; background-size: 48px auto;}
ul.list-cate-type li.mp-american     { background: url("../img/common/item/icon/icon_mp15.svg") 12px center no-repeat; background-size: 48px auto;}
ul.list-cate-type li.mp-mesh         { background: url("../img/common/item/icon/icon_mp16.svg") 12px center no-repeat; background-size: 48px auto;}

/* ul.list-cate-type フェンス アイコン
------------------------------------*/
ul.list-cate-type li[class^="fe-"] {
  background: none !important;
}
ul.list-cate-type li[class^="fe-"]::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
  margin: auto 0;
  background: url("/sp2/public/img/common/item/icon/type/sprite_fe.svg?20180510") 0 0 no-repeat;
}
ul.list-cate-type li.fe-mekakushi::before    { background-position: -1px 0; left: 18px; height: 16px; transform: scale(1.5); }
ul.list-cate-type li.fe-mokumecho::before    { background-position: -33px 0; left: 18px; height: 16px; transform: scale(1.5); }
ul.list-cate-type li.fe-tategoshi::before    { background-position: -65px 0; left: 18px; height: 16px; transform: scale(1.5); }
ul.list-cate-type li.fe-yokogoshi::before    { background-position: -96px 0; left: 18px; height: 18px; transform: scale(1.5); }
ul.list-cate-type li.fe-lattice::before      { background-position: -128px 0; left: 18px; height: 15px; transform: scale(1.5); }
ul.list-cate-type li.fe-design_imono::before,
ul.list-cate-type li.fe-imono::before        { background-position: -160px 0; left: 18px; height: 19px; transform: scale(1.5); }
ul.list-cate-type li.fe-american::before     { background-position: -192px 0; left: 18px; height: 15px; transform: scale(1.5); }
ul.list-cate-type li.fe-mesh::before         { background-position: -223px 0; left: 18px; height: 15px; transform: scale(1.5); }
ul.list-cate-type li.fe-japanese::before     { background-position: -255px 0; left: 18px; height: 16px; transform: scale(1.5); }
ul.list-cate-type li.fe-others::before       { background-position: -160px -22px; left: 18px; height: 16px; transform: scale(1.5); }
ul.list-cate-type li.fe-hyojundaka::before   { background-position: -286px 0; left: 18px; height: 10px; transform: scale(1.5); }
ul.list-cate-type li.fe-kousyaku::before     { background-position: -1px -22px; left: 18px; height: 18px; transform: scale(1.5); }
ul.list-cate-type li.fe-nidandaka::before    { background-position: -33px -22px; left: 18px; height: 18px; transform: scale(1.5); }
ul.list-cate-type li.fe-alumi::before        { background-position: -65px -22px; left: 18px; height: 16px; transform: scale(1.5); }
ul.list-cate-type li.fe-steal::before        { background-position: -96px -22px; left: 18px; height: 15px; transform: scale(1.5); }
ul.list-cate-type li.fe-jushi::before        { background-position: -128px -22px; left: 18px; height: 16px; transform: scale(1.5); }

/* ul.list-cate-type テラス屋根 アイコン
------------------------------------*/
ul.list-cate-type li.tr-tanntai   { background: url("../img/common/item/icon/icon_tr01.svg") 15px center no-repeat; background-size: 40px auto;}
ul.list-cate-type li.tr-rentou    { background: url("../img/common/item/icon/icon_tr02.svg") 15px center no-repeat; background-size: 40px auto;}
ul.list-cate-type li.tr-tanntai4    { background: url("../img/common/item/icon/icon_tr05.svg") 15px center no-repeat; background-size: 40px auto;}
ul.list-cate-type li.tr-nashi     { background: url("../img/common/item/icon/icon_tr03.svg") 15px center no-repeat; background-size: 40px auto;}
ul.list-cate-type li.tr-dokuritsu { background: url("../img/common/item/icon/icon_tr04.svg") 15px center no-repeat; background-size: 40px auto;}
ul.list-cate-type li.tr-taikyofu  { background: url("../img/common/item/icon/icon_wind.svg") 13px center no-repeat;}
ul.list-cate-type li.tr-sekisetsu { background-image: url(../img/001product/06item_tr/ico_tr_type-sekisetsu.png);}

/* ul.list-cate-type テラス屋根 アイコン
------------------------------------*/
ul.list-cate-type li.br-tanntai   { background: url("../img/common/item/icon/icon_br01.svg") 17px center no-repeat; background-size: 38px auto;}
ul.list-cate-type li.br-rentou    { background: url("../img/common/item/icon/icon_br02.svg") 17px center no-repeat; background-size: 38px auto;}
ul.list-cate-type li.br-nashi     { background: url("../img/common/item/icon/icon_br03.svg") 17px center no-repeat; background-size: 38px auto;}
ul.list-cate-type li.br-taikyofu  { background: url("../img/common/item/icon/icon_wind.svg") 13px center no-repeat;}
ul.list-cate-type li.br-sekisetsu { background-image: url(../img/001product/07item_br/ico_br_type-sekisetsu.png);}

/* ul.list-cate-type オーニング アイコン
------------------------------------*/
ul.list-cate-type li.aw-kabe      { background: url("../img/common/item/icon/icon_aw01.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.aw-dokuritsu { background: url("../img/common/item/icon/icon_aw02.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.aw-komado    { background: url("../img/common/item/icon/icon_aw03.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.aw-sunshade    { background: url("../img/common/item/icon/icon_aw05.svg") 13px center no-repeat; background-size: 48px auto;}
ul.list-cate-type li.aw-dendo     { background: url("../img/common/item/icon/icon_electric.svg") 25px center no-repeat; background-size: 20px auto;}

/* ul.list-cate-type テラス屋根 アイコン
------------------------------------*/
ul.list-cate-type li.bl-tanntai   { background: url("../img/common/item/icon/icon_bl01.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.bl-rentou    { background: url("../img/common/item/icon/icon_bl02.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.bl-niwaoki   { background: url("../img/common/item/icon/icon_bl03.svg") 13px center no-repeat; background-size: 45px auto;}

/* ul.list-cate-type 機能門柱・ポスト アイコン
------------------------------------*/
ul.list-cate-type li.fu-gatepost  { background-image: url(../img/001product/09item_fu/ico_fu_type-gatepost.png);}
ul.list-cate-type li.fu-post      { background-image: url(../img/001product/09item_fu/ico_fu_type-post.png);}
ul.list-cate-type li.fu-deliverybox  { background-image: url(../img/001product/09item_fu/ico_fu_type03.png);}
ul.list-cate-type li.fu-board      { background-image: url(../img/001product/09item_fu/ico_fu_type04.png);}
ul.list-cate-type li.fu-entrancesign  { background-image: url(../img/001product/09item_fu/ico_fu_type05.png);}
ul.list-cate-type li.fu-post a {
  font-size: 15px;
}
/* ul.list-cate-type 面格子 アイコン
------------------------------------*/
ul.list-cate-type li.mk-alumi    { background-image: url(../img/001product/item_mk/ico_mk_type-alumi.png);}
ul.list-cate-type li.mk-casting  { background-image: url(../img/001product/item_mk/ico_mk_type-casting.png);}
ul.list-cate-type li.mk-blind    { background-image: url(../img/001product/item_mk/ico_mk_type-blind.png);}

/* ul.list-cate-type 立水栓・ガーデンシンク
------------------------------------*/
ul.list-cate-type li.rs-waterfaucet     { background: url("../img/common/item/icon/icon_rs01.svg") 17px center no-repeat; background-size: 35px auto;}
ul.list-cate-type li.rs-gardensink      { background: url("../img/common/item/icon/icon_rs02.svg") 17px center no-repeat; background-size: 35px auto;}


/* ul.list-cate-type ガレージシャッター アイコン
------------------------------------*/
ul.list-cate-type li.sh-dokuritsu        { background: url("../img/common/item/icon/icon_sh01.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.sh-builtin          { background: url("../img/common/item/icon/icon_sh02.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.sh-dokuritsu_dendo  { background: url("../img/common/item/icon/icon_sh01.svg") 10px center / 40px auto no-repeat, url("../img/common/item/icon/icon_remote.svg") 48px 32px / 8px auto no-repeat;}
ul.list-cate-type li.sh-builtin_dendo    { background: url("../img/common/item/icon/icon_sh02.svg") 10px center / 40px auto no-repeat, url("../img/common/item/icon/icon_remote.svg") 54px 34px / 8px auto no-repeat;}
ul.list-cate-type li.sh-builtin a,
ul.list-cate-type li.sh-builtin_dendo a  { font-size: 13px;}

/* ul.list-cate-type 窓シャッター アイコン
------------------------------------*/
ul.list-cate-type li.ws-manual        { background: url("../img/common/item/icon/icon_sh01.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.ws-dendo         { background: url("../img/common/item/icon/icon_sh01.svg") 10px center / 40px auto no-repeat, url("../img/common/item/icon/icon_remote.svg") 48px 32px / 8px auto no-repeat;}


/* ul.list-cate-type 物置 アイコン
------------------------------------*/
ul.list-cate-type li.mo-small    { background-image: url(../img/001product/11item_mo/ico_mo_type-small.png);}
ul.list-cate-type li.mo-large    { background-image: url(../img/001product/11item_mo/ico_mo_type-large.png);}
ul.list-cate-type li.mo-snow100  { background-image: url(../img/001product/11item_mo/ico_mo_type-snow100.png); background-position: 20px center;}
ul.list-cate-type li.mo-snow150  { background-image: url(../img/001product/11item_mo/ico_mo_type-snow150.png); background-position: 20px center;}
ul.list-cate-type li.mo-ketsuro  { background-image: url(../img/001product/11item_mo/ico_mo_type-ketsuro.png);}

/* ul.list-cate-type ストックヤード アイコン
------------------------------------*/
ul.list-cate-type li.sy-open    { background: url("../img/common/item/icon/icon_sy01.svg") 13px center no-repeat; background-size: 40px auto;}
ul.list-cate-type li.sy-sleeve  { background: url("../img/common/item/icon/icon_sy02.svg") 13px center no-repeat; background-size: 40px auto;}
ul.list-cate-type li.sy-door    { background: url("../img/common/item/icon/icon_sy03.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.sy-snow50  { background-image: url(../img/001product/item_sy/ico_sy_type-snow050.png); background-position: 20px center;}

/* ul.list-cate-type ウッドデッキ アイコン
------------------------------------*/
ul.list-cate-type li[class^="wd-"] {
  background: none !important;
}
ul.list-cate-type li[class^="wd-"]::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
  margin: auto 0;
  background: url("/sp2/public/img/common/item/icon/type/sprite_wd.svg?20171023") 0 0 no-repeat;
}
ul.list-cate-type li.wd-artificial::before   { background-position: 0 0; left: 23px; height: 17px; transform: scale(1.5667); }
ul.list-cate-type li.wd-natural::before      { background-position: -32px 0; left: 23px; height: 15px; transform: scale(1.5667); }
ul.list-cate-type li.wd-tile::before         { background-position: -64px 0; left: 23px; height: 15px; transform: scale(1.5667); }
ul.list-cate-type li.wd-aluminium::before    { background-position: -96px 0; left: 23px; height: 13px; transform: scale(1.5667); }
ul.list-cate-type li.wd-new_material::before { background-position: -128px 0; left: 23px; height: 17px; transform: scale(1.7333); }

/* ul.list-cate-type 玄関ドア アイコン
------------------------------------*/
ul.list-cate-type li[class^="rd-"] a { padding-left: 58px; }
ul.list-cate-type li[class^="rd-"]:nth-of-type(2n) a { padding-left: 67px; }
ul.list-cate-type li.rd-kanreichi a { padding-left: 75px; }

ul.list-cate-type li.rd-katabiraki { background: url("../img/common/item/icon/icon_rd01.svg") 14px center no-repeat; background-size: 28px auto;}
ul.list-cate-type li.rd-ryoubiraki { background: url("../img/common/item/icon/icon_rd02.svg") 16px center no-repeat; background-size: 35px auto;}
ul.list-cate-type li.rd-katasode   { background: url("../img/common/item/icon/icon_rd03.svg") 10px center no-repeat; background-size: 36px auto;}
ul.list-cate-type li.rd-ryousode   { background: url("../img/common/item/icon/icon_rd04.svg") 10px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.rd-ranmanashi { background: url("../img/common/item/icon/icon_rd05.svg") 16px center no-repeat; background-size: 24px auto;}
ul.list-cate-type li.rd-ranmatsuki { background: url("../img/common/item/icon/icon_rd06.svg") 21px center no-repeat; background-size: 24px auto;}
ul.list-cate-type li.rd-alumi      { background: url("../img/common/item/icon/icon_rd05.svg") 16px center no-repeat; background-size: 24px auto;}
ul.list-cate-type li.rd-ippan      { background: url("../img/common/item/icon/icon_rd07.svg") 11px center no-repeat; background-size: 48px auto;}
ul.list-cate-type li.rd-kanreichi  { background: url("../img/common/item/icon/icon_rd08.svg") 10px center no-repeat; background-size: 48px auto;}

/* ul.list-cate-type メーカ用 アイコン
------------------------------------*/
ul.list-cate-type li.maker-ama           { background-image: url(../img/common/maker/img_maker-logo-2_ama.png); background-size: auto 13px;}
ul.list-cate-type li.maker-markilux      { background-image: url(../img/common/maker/img_maker-logo-2_markilux.png); background-size: auto 13px;}
ul.list-cate-type li.maker-takano        { background-image: url(../img/001product/08item_aw/ico_maker-takano.png);}
ul.list-cate-type li.maker-tenpal        { background-image: url(../img/common/maker/img_maker-logo-2_tenpal.png?20260316); background-size: auto 13px;}
ul.list-cate-type li.maker-tostem        { background-image: url(../img/common/maker/img_maker-logo-2_tostem.png?20260730); background-size: auto 13px;}
ul.list-cate-type li.maker-lixil         { background-image: url(../img/common/maker/img_maker-logo-2_lixil.png); background-size: auto 13px;}
ul.list-cate-type li.maker-ykkap         { background-image: url(../img/common/maker/img_maker-logo-2_ykkap.png); background-size: auto 13px;}
ul.list-cate-type li.maker-unison        { background-image: url(../img/common/maker/img_maker-logo-2_unison.png); background-size: auto 13px;}
ul.list-cate-type li.maker-value-select3 { background-image: url(../img/common/maker/img_maker-logo-2_value-select.png); background-size: auto 13px;}
ul.list-cate-type li.maker-shikoku       { background-image: url(../img/common/maker/img_maker-logo-2_shikokukasei.png); background-size: auto 13px;}
ul.list-cate-type li.maker-toex          { background-image: url(../img/common/maker/img_maker-logo-2_toex.png); background-size: auto 13px;}
ul.list-cate-type li.maker-takasho       { background-image: url(../img/common/maker/img_maker-logo-2_takasho.png); background-size: auto 13px;}
ul.list-cate-type li.maker-minato        { background-image: url(../img/common/maker/img_maker-logo-2_minato.png); background-size: auto 13px;}
ul.list-cate-type li.maker-nikko         { background-image: url(../img/common/maker/img_maker-logo-2_nikko.png); background-size: auto 13px;}
ul.list-cate-type li.maker-panasonic     { background-image: url(../img/common/maker/img_maker-logo-2_panasonic.png); background-size: auto 13px;}
ul.list-cate-type li.maker-nasta         { background-image: url(../img/common/maker/img_maker-logo-2_nasta.png); background-size: auto 13px;}
ul.list-cate-type li.maker-st            { background-image: url(../img/common/maker/img_maker-logo-2_sankyoalumi.png); background-size: auto 13px;}
ul.list-cate-type li.maker-takubo        { background-image: url(../img/common/maker/img_maker-logo-2_takubo-monooki.png); background-size: auto 13px;}
ul.list-cate-type li.maker-inaba         { background-image: url(../img/common/maker/img_maker-logo-2_inaba-monooki.png); background-size: auto 13px;}
ul.list-cate-type li.maker-yodo          { background-image: url(../img/common/maker/img_maker-logo-2_yodo-monooki.png); background-size: auto 13px;}
ul.list-cate-type li.maker-daiken          { background-image: url(../img/common/maker/img_maker-logo-2_daiken-monooki.png); background-size: auto 13px;}
ul.list-cate-type li.maker-matsumoto     { background-image: url(../img/common/maker/img_maker-logo-2_matsumoto-monooki.png); background-size: auto 13px;}

/* ul.list-cate-typeゴミステーション アイコン
------------------------------------*/
ul.list-cate-type li.gs_alum   { background: url("../img/common/item/icon/icon_gs01.svg") 13px center no-repeat; background-size: 35px auto;}
ul.list-cate-type li.gs_steel  { background: url("../img/common/item/icon/icon_gs02.svg") 13px center no-repeat; background-size: 35px auto;}
ul.list-cate-type li.gs_resin  { background: url("../img/common/item/icon/icon_gs03.svg") 13px center no-repeat; background-size: 35px auto;}
ul.list-cate-type li.gs_mesh   { background: url("../img/common/item/icon/icon_gs04.svg") 13px center no-repeat; background-size: 35px auto;}
ul.list-cate-type li.gs_stainless    { background: url("../img/common/item/icon/icon_gs06.svg") 13px center no-repeat; background-size: 35px auto;}

/* ul.list-cate-type倉庫・ガレージ アイコン
------------------------------------*/
ul.list-cate-type li.wh-t1   { background: url("../img/common/item/icon/icon_wh01.svg") 13px center no-repeat; background-size: 45px auto;}
ul.list-cate-type li.wh-t2   { background: url("../img/common/item/icon/icon_wh02.svg") 13px center no-repeat; background-size: 40px auto;}
ul.list-cate-type li.wh-t3   { background: url("../img/common/item/icon/icon_wh03.svg") 13px center no-repeat; background-size: 40px auto;}


/*///////////////////////////////////////////////////////////////////

  商品詳細

//////////////////////////////////////////////////////////////////*/

/*======================================================
  ヘッダーエリア
======================================================*/
#product-header {
  display: flex;
  margin: 10px 20px 0;
}

/* ------------------------------------------------------------------
  商品名
-------------------------------------------------------------------*/
#product-header span.product-name {
  overflow: hidden;
  float: left;
  width: 340px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25;
}
#product-header .product-name-wide {
  width: 432px!important;
}
#product-header .model-number::before {
  content: "";
  display: inline-block;
  margin: 0 10px;
  width: 2px;
  height: 20px;
  background-color: #ccc;
  box-shadow: 1px 1px 1px #666 inset;
  vertical-align: middle;
}

/* メーカーロゴ
---------------------------------------------------------------- */
#product-header span.product-name span.maker-logo {
  display: block;
  width: 70px;
  height: 16px;
  margin-bottom: 4px;
  background: url(../img/common/maker/img_maker-logo-2_tostem.png) no-repeat center center;
  text-indent: -9999px;
}

/*---------------------------------------------------------
  ランキング　アイコン
---------------------------------------------------------*/
#product-header span.cp01_rank1 {
  float: right;
  display: block;
  width: 61px;
  margin-right: 10px;
  padding-top: 39px;
  background: url(../img/common/rank/ico_ranking1.png) no-repeat center top;
  color: #df0101;
  font-size: 9px;
  line-height: 10px;
  text-align: center;
}
#product-header span.cp01_rank1 span {
  display:none;
}

/*========================================================================
  商品イメージスライド renew
========================================================================*/
section#product-detail section.gallery {
  position: relative;
  overflow: hidden;
  /*max-height: 450px;*/
  text-align: center;
}
section#product-detail section.gallery div.flexslider {/* #maingallery */
  margin: 10px 24px 104px;
  padding: 0;
  border: none;
  /*border-radius: 5px;*/
  box-shadow: none;
  background: transparent;
  /*background: #f7f7f7;*/
}
section#product-detail section.gallery div#maingallery.flexslider {
  width: 432px !important;
}
/* JS読み込み前の表示調整
---------------------------------------------------------*/
section#product-detail section.gallery div.flexslider > ul.slides {/* div.flex-viewport生成前 */
  overflow: hidden;/* 写真一枚以上の高さにならない様に設定 */
  height: 320px;
}
section#product-detail section.gallery div.flexslider div.flex-viewport > ul.slides {/* div.flex-viewport生成後 */
  overflow: visible;
  height: auto;
}

/* リスト
---------------------------------------------------------*/
section#product-detail section.gallery div.flexslider ul.slides li {
  position: relative;
  display: block;/* 玄関ドアに必要 */
  background: transparent;
  vertical-align: middle;
}

/* 商品写真
------------------------------------------------------------------*/
section#product-detail section.gallery div.flexslider ul.slides li img {
  object-fit: contain;
  object-position: center;
  width: 432px;
  height: 324px;
  margin: auto;
  text-align: center;
  vertical-align: middle;
}

/* ナビゲーション
------------------------------------------------------------------*/
section#product-detail section.gallery ol.flex-control-nav {
  left: 0px;
  bottom: -67px;
}
section#product-detail section.gallery ol.flex-control-nav li a {
  width: 7px;
  height: 7px;
  box-shadow: none;
  background: #ddd;
}
section#product-detail section.gallery ol.flex-control-nav li a.flex-active {
  background: #777;
}
section#product-detail section.gallery ul.flex-direction-nav a {
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;

}
section#product-detail section.gallery ul.flex-direction-nav a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 13px;
  height: 24px;
  margin: auto;
  background: url("/sp2/public/img/common/sprite_icon.svg?20211022") -74px 0 no-repeat;
  transform: scale(0.7692);
}
section#product-detail section.gallery ul.flex-direction-nav a.flex-prev {
  left: -20px;
  transform: rotate(180deg);
}
section#product-detail section.gallery ul.flex-direction-nav a.flex-next {
  right: -20px;
}

/*========================================================================
  商品イメージスライド swiper #30328
========================================================================*/
section#product-detail .maingallery-wrapper {
  position: relative;
}
section#product-detail section.gallery .swiper {/* #maingallery */
  margin: 10px 24px 104px;
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent;
}
section#product-detail section.gallery #maingallery.swiper {
  width: 432px !important;
}

/* リスト
---------------------------------------------------------*/
section#product-detail section.gallery .swiper .slides li {
  position: relative;
  display: block;/* 玄関ドアに必要 */
  background: transparent;
  vertical-align: middle;
}

/* 商品写真
------------------------------------------------------------------*/
section#product-detail section.gallery .swiper .slides img {
  object-fit: contain;
  object-position: center;
  width: 432px;
  height: 324px;
  margin: auto;
  text-align: center;
  vertical-align: middle;
}

/* ナビゲーション
------------------------------------------------------------------*/
section#product-detail section.gallery .swiper-pagination {
  display: flex;
  justify-content: center;
  left: 0px;
  bottom: -54px;
}
section#product-detail section.gallery .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  margin: 0 6px;
  box-shadow: none;
  background: #ddd;
  opacity: 1;
}
section#product-detail section.gallery .swiper-pagination .swiper-pagination-bullet-active {
  background: #777;
}
section#product-detail section.gallery .swiper-button-next,
section#product-detail section.gallery .swiper-button-prev {
  display: none;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}
section#product-detail section.gallery .-is-swiper-initialized .swiper-button-next,
section#product-detail section.gallery .-is-swiper-initialized .swiper-button-prev {
  display: block;
}
section#product-detail section.gallery .swiper-button-next::after,
section#product-detail section.gallery .swiper-button-prev::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 13px;
  height: 24px;
  margin: auto;
  background: url(/sp2/public/img/common/sprite_icon.svg?20211022) -74px 0 no-repeat;
  transform: scale(0.7692);
}
section#product-detail section.gallery .swiper-button-prev {
  left: 4px;
  transform: rotate(180deg);
}
section#product-detail section.gallery .swiper-button-next {
  right: 4px;
}

/* 拡大ボタン
---------------------------------------------------------------*/
section#product-detail section.gallery div.closeup {/* wrapper */
  z-index: 100;
  display: inline-block;
  position: absolute;
  right: 0px;
  bottom: -75px;
  text-align: center;
}
section#product-detail .maingallery-wrapper .closeup {
  right: 24px !important;
}
section#product-detail section.gallery div.closeup a.btn-3.ico-closeup {
  display: block;
  padding: 12px 10px 12px 35px;
  border-radius: 5px;
  border: 1px solid #aac6ed;
  background-color: #f5f9ff;
  font-size: 16px;
  color: #2b6bc6;
}
section#product-detail section.gallery div.closeup a.btn-3.ico-closeup::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 8px;
  width: 21px;
  height: 20px;
  margin: auto 0;
  background: url("/sp2/public/img/common/sprite_icon.svg?20211022") -49px -83px no-repeat;
  transform: scale(1.2);
}
/* 写真注釈
---------------------------------------------------------------*/
section#product-detail small.txt_photo {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0 15px;
  color: #555;
  font-size: 14px;
  text-align: left;
}

/* 商品画像のtitle表示
---------------------------------------------------------------*/
.maingallery-wrapper .txt_color,
#maingallery .txt_color {
  position: absolute;
  right: 0;
  bottom: -27px;
  font-size: 15px;
}
#product-detail .gallery .txt_color {
  margin-right: 24px;
  text-align: right;
  font-size: 15px;
}
/* スライドなし設定（内窓）
---------------------------------------------------------------*/
section#product-detail section.gallery.no-slides {
  padding: 20px 0 !important;
  background: none;
}


/*========================================================================
  商品詳細　タブUI設定
========================================================================*/
ul.tab.item {
  margin-top: 5px;
  padding: 0 15px;
  background: -webkit-linear-gradient(top,  #ffffff 70%, #f5f5f5 100%); /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom,  #ffffff 70%, #f5f5f5 100%); /* W3C */
}
ul.tab.item li {
  overflow: hidden;
}
ul.tab.item li a {
  padding: 10px 0;
  font-size: 20px;
  line-height: 34px;
  vertical-align: middle;
}

/*-----------------------------------------
  商品情報タブ
-----------------------------------------*/
ul.tab.item li:nth-of-type(1) {
  flex-basis: 26%;
  -webkit-flex-basis: 26%;
}

/*-----------------------------------------
  商品お見積りタブ
-----------------------------------------*/
ul.tab.item li:nth-of-type(2) {
  flex-basis: 74%;
  -webkit-flex-basis: 74%;
}
ul.tab.item li:nth-of-type(2) a {
  display: block;
  color: #C00006 !important;
  font-size: 23px;
  /*font-weight: bold !important;*/
  text-align: left;
}
ul.tab.item li:nth-of-type(2) a::before {/* 見積もりアイコン設定 */
  display: inline-block;
  content: "";
  width: 19px;
  height: 24px;
  margin-left: 65px;
  margin-right: 16px;
  background: url("/sp2/public/img/common/sprite_icon.svg?20211022") -71px -83px no-repeat;
  vertical-align: middle;
  transform: scale(1.5);
}
ul.tab.item li.select a {
  color: #333;
  font-weight: bold;
}

/*-----------------------------------------
  ページ末のタブ
-----------------------------------------*/
ul#tab_nav-item-foot {
  border-top: 1px solid #bbb;
  border-bottom: none;
  background: -webkit-linear-gradient(bottom,  #ffffff 70%, #f5f5f5 100%); /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to top,  #ffffff 70%, #f5f5f5 100%); /* W3C */
}
ul#tab_nav-item-foot li {
  border-bottom: 1px solid #bbb;
  border-top: none;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) inset;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) inset;
}
ul#tab_nav-item-foot li:first-child {
  border-radius: 0 0 0 6px;
}
ul#tab_nav-item-foot li:last-child {
  border-radius: 0 0 6px 0;
  border-right: 1px solid #bbb;
}
ul#tab_nav-item-foot li.select:first-child {/* 左端 */
  box-shadow: 4px 2px 4px rgba(0,0,0,0.05);
}
ul#tab_nav-item-foot li.select:last-child {/* 右端 */
  box-shadow: -4px 2px 4px rgba(0,0,0,0.05);
}
ul#tab_nav-item-foot li.select {
  margin-top: -2px;
  margin-bottom: 0px;
}


/*-----------------------------------------
  商品情報内の「お見積りへ」ボタン
-----------------------------------------*/
p.tab a {
  display: table;
  width: 260px;
  margin: 30px auto 50px;
  padding: 15px 40px 15px 80px;
  /*border: 1px solid #2467c5;*/
  border-radius: 6px;
  -webkit-box-shadow: 2px 2px 3px #ccc;
  box-shadow: 2px 2px 3px #ccc;
  background: #c00006 url(../img/common/icon_sim-white.svg) no-repeat 20px 48%;
  -webkit-background-size: 40px;
  background-size: 40px;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  text-decoration: none;
}

/* お見積りシミュレーション内「商品情報を見る」ボタン
--------------------------------------*/
#sim_item p.tab a {
  width: 160px;
  margin: 50px auto 20px;
  border: 1px solid #ccc;
  background: #fff url(../img/common/icon_back.svg) no-repeat 20px 48%;
  -webkit-background-size: 20px;
  background-size: 20px;
  color: #333;
  font-weight: normal;
  text-align: center;
}

/*========================================================================
  ???商品詳細ページ　特色ギャラリーエリア???
========================================================================
section#product-detail section.feature {
  position: relative;
  text-align: center;
}
section#product-detail section.feature div.flexslider {
  height: 170px;
  margin-bottom: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
section#product-detail section.feature div.flexslider ul.slides li {
  display: block;
  width: 170px;
  margin-right: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #b0b2af;
}
section#product-detail section.feature div.flexslider ul.slides li > a {
  display: block;
  padding: 5px;
  color: #808080;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
  text-decoration: none;
}
section#product-detail section.feature div.flexslider ul.slides li > a > span {
  display: block;
  height: 2em;
}
section#product-detail section.feature div.flexslider ul.slides li > a > img {
  display: block;
  width: auto;
  max-height: 120px;
  max-width: 160px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  text-align: center;
}*/

/*------------------------------------------------------------------------
  ◆工事費込み価格
  ※フキダシなし版と分けるため、隣接セレクタ"ul.discount_list + span.price-exshop"を付与
  ※ul.discount_list＝PCと同じ訴求フキダシ
------------------------------------------------------------------------*/

/* 共通設定
---------------------------------------------------------------------*/
section#product-detail div.price {
  position: relative;
  margin: 0;
  padding: 20px 30px;
  text-align: left;

  /*【タブなしのみ】商品スライドと商品情報の区切り線 */
  border-top: 1px solid #dadada;

  /*【タブなしのみ】商品スライド部分のグラデーション代替（タブあり版と設定を切り分けるため、div.price側で見栄を設定） */
  -webkit-box-shadow: 0 -50px 50px 10px rgba(0, 0, 0, 0.04);
  box-shadow: 0 -50px 50px 10px rgba(0, 0, 0, 0.04);
}

/* タブあり設定
   ※タブなし版には、#tab_nav-item、#info_itemが存在しない。
---------------------------------------------------------------------- */
ul#tab_nav-item + section#info_item > div.price {
  border-top: none;/* スライドと商品情報の区切り線を消す */

  /* 商品スライド部分のグラデーション代替を消す */
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* 見出し
--------------------------------------------------*/
section#product-detail div.price span.price-exshop {
  display: block;
  margin: 0;
  /*padding-top: 14px;*/
  border: 1px solid #ccc;
  background-color: #ffeeee;
  color: #f00;
  font-size: 28px;
  font-weight: normal;
  text-align: center;
  line-height: 1.7;
}
section#product-detail div.price span.price-exshop span.txt_tax {/* （税込） */
  display: inline-block;
  margin-left: -0.5em;
  margin-right: -0.7em;
}
section#product-detail div.price span.price-exshop span.txt_price {/* 価格数字 */
  display: block;
  margin: auto;
  padding-top: 10px;
  padding-left: 0.9em;
  padding-right: 10px;
  padding-bottom: 14px;
  background-color: #fff;
  font-size: 60px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
section#product-detail div.price span.price-exshop span.yen {
  display: inline-block;
  padding-left: 2px;
  font-size: 28px;
}

/* メーカーカタログ価格
------------------------------------*/
section#product-detail div.price span.price-exshop + span.price-catalog {
  overflow: visible;
  display: block;
  margin-top: 10px;
  color: #333;
  font-size: 17px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  line-height: 22px;
}
/* 価格は直線に3枚施工時の１ｍあたりの価格です。
------------------------------------*/
section#product-detail div.price span.price-exshop + span.per_meter {
  overflow: visible;
  display: block;
  margin-top: 10px;
  color: #333;
  font-size: 17px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}
/*---------------------------------------------------
  ☆新・訴求フキダシ
---------------------------------------------------*/
section#product-detail div.price ul.discount_list {
  position: relative;
  display: inline-block;
  margin: 10px 0 20px 0px;
  padding: 10px 10px 10px;
  border: 1px solid #faa;
  border-radius: 4px;
  background: none repeat scroll 0 0 #fcff00;
}

/* フキダシ
-------------------------------------------------*/
section#product-detail div.price ul.discount_list::before {
  content: "";
  display: block;
  position: absolute;
  left: 45px;
  bottom: -15px;
  border-color: #faa transparent;
  border-style: solid;
  border-width: 15px 12px 0;
}
section#product-detail div.price ul.discount_list::after {
  content: "";
  display: block;
  visibility: visible;
  position: absolute;
  left: 46px;
  bottom: -13px;
  border-color: #fcff00 transparent;
  border-style: solid;
  border-width: 14px 11px 0;
}

/* 個々のタグ共通設定
-------------------------------------------------*/
section#product-detail div.price ul.discount_list li {
  position: relative;
  overflow: visible;
  display: inline-block;
  height: 22px;
  margin-right: 17px;/* ＋分の余白 */
  padding: 6px 6px 8px;
  border-radius: 3px;
  background-color: red;
  color: white;
  font-size: 20px;
  font-family: "helvetica neue";
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
section#product-detail div.price ul.discount_list li:last-child {
  margin-right: 0;
}

/* プラス
-------------------------------------------------*/
section#product-detail div.price ul.discount_list li::after {
  content: "+";
  display: inline-block;
  position: absolute;
  right: -19px;
  bottom: 4px;
  width: 0.8em;
  height: 28px;
  color: #f00;
  font-size: 20px;
  font-family: "helvetica neue";
  vertical-align: middle;
  text-align: center;
}
section#product-detail div.price ul.discount_list li:last-child::after {
  content: "";
  display: none;
}

/* 値引き率タグ
-------------------------------------------------*/
section#product-detail div.price ul.discount_list li.price_off {
  font-size: 18px;
  vertical-align: bottom;
}
section#product-detail div.price ul.discount_list li.price_off span.percentage {
  display: inline;
  padding: 1px;
  font-size: 27px;
  font-family: "helvetica neue";
  font-weight: bold !important;
  vertical-align: baseline;
}

/* 基本工事費無料タグ
-------------------------------------------------*/
section#product-detail div.price ul.discount_list li.const_free {
  padding: 6px 5px 8px;
  font-size: 20px;
  letter-spacing: 0.04ex;
  line-height: 24px;
}
section#product-detail div.price ul.discount_list li.const_off {
  /*width: 111px;*/
  font-size: 21px;
}

/* 特別値引きタグ
-------------------------------------------------*/
section#product-detail div.price ul.discount_list li.last {
  /*font-size: 14px;*/
}


/*---------------------------------------------------
  価格上限付き表示（テラス囲い） .price.range
---------------------------------------------------*/
section#product-detail div.price.range span.price-exshop span.txt_price {/* 価格数字 */
  line-height: 1.12;
}
section#product-detail div.price.range span.price-exshop span.txt_price span.yen:last-child {
  margin-right: 1em;
}
/* ====================================================
  注釈
====================================================*/
#estimate_head .estimate_execute_note_sim_price {
  margin: 10px 0 0;
  font-size: 14px;
}
section#product-detail div.estimate_execute_note_sim_price {
  margin: 10px 20px 0;
  font-size: 16px;
}
/*---------------------------------------------------
  旧　割引％ラベル
---------------------------------------------------*/
div.price span.label-off {
  position: absolute;
  top: 10px;
  left: 20px;
  margin: 10px;
  padding: 6px 6px 20px;
  /*border-radius: 100%;*/
  background: #f00;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
div.price span.label-off:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  border-bottom: 12px solid white;
  border-right: 33px solid transparent;
  border-left: 33px solid transparent;
}
div.price span.label-off > span {
  display: block;
  font-size: 18px;
}
div.price span.label-off > span > span {
  display: inline-block;
  padding-right: 1px;
  font-size: 28px;
}


/*---------------------------------------------------
  商品仕様アイコン
---------------------------------------------------*/
section#product-detail section.ico-area {
  overflow: hidden;
  display: table;
  max-width: 338px;/* 1行最大5個表示 */
  margin: 10px auto;
  padding: 5px 7px;
  border: 1px solid #ddd;
  border-radius: 6px;
  text-align: center;
}
section#product-detail section.ico-area img {
  width: 54px;/* 拡大 */
  height: auto;
  margin: 5px 5px 0;
  padding: 0px;
}

/*---------------------------------------------------
  商品解説テキスト
---------------------------------------------------*/
section#product-detail div.description {
  display: block;
  padding: 20px 20px 10px;
  font-size: 22px;
  line-height: 1.5;
  text-align: justify;
}
section#product-detail div.description div.send-mail {
  clear: both;
  overflow: hidden;
  display: block;
}
section#product-detail div.description div.send-mail a {
  float: right;
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 25px;
  background: url(../img/common/ico_send-mail1.png) no-repeat 5px center;
  white-space: nowrap;
}

/*---------------------------------------------------
  サービス系バナーエリア
---------------------------------------------------*/
.bnr_service {
  margin: 10px 20px 30px;
  text-align: center;
}
.bnr_service img {
  width: 400px;
  height: auto;
}

/* トステムカーポート積雪バナー
---------------------------------------------------*/
#anti_snow_tostem {
  padding: 10px 0 0;
  text-align: center;
}
#anti_snow_tostem + dl.staff_recommend {
  margin-top: 30px !important;
}

/*---------------------------------------------------
  スタッフからのオススメポイント！
---------------------------------------------------*/
section#product-detail dl.staff_recommend {
  margin: 32px 20px 10px;
  border-radius: 4px;
  border: 1px solid #fda;
}
section#product-detail dl.staff_recommend dt {
  position: relative;
  box-sizing: border-box;
  height: 50px;
  padding: 0 20px 0;
  border-radius: 2px 2px 0 0;
  color: #c70;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  background: #FFECC2;
  line-height: 50px;
  vertical-align: middle;
}
section#product-detail dl.staff_recommend dt::after {
  content: "";
  background: url(../img/item/estimate/img_staff.png?20230307) no-repeat 0 0;
  -webkit-background-size: contain;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 79px;
  height: 85px;
  vertical-align: bottom;
}
section#product-detail dl.staff_recommend dd {
  padding: 15px 20px;
  border-radius: 0 0 2px 2px;
  background: #ffe;
  font-size: 22px;
  line-height: 1.5;
  text-align: justify;
}

/*---------------------------------------------------
  共通見出し(グレー)
---------------------------------------------------*/
section#product-detail h2.ttl-2 + table,
section#product-detail h2.ttl-2 + #size-area {
  margin-top: -15px;
}

/*================================================================
  ★サイト共通リストナビゲーション
  (全国対応・商品の施工例、よくあるご質問、ご利用ガイド、物置解説ページ等で使用)
================================================================*/
ul.list-nav {
  border-top: 1px solid #ddd;
  overflow: hidden;
}
ul.list-nav li {
  overflow: hidden;
  display: block;
  border-bottom: 1px solid #ddd;
}
ul.list-nav li a {/* renew */
  overflow: hidden;
  display: block;
  padding: 15px 25px 15px 15px;
  background-image: url(../img/common/icon_next.svg);
  background-repeat: no-repeat;
  background-position: 96% center;
  -webkit-background-size: 10px;
  background-size: 10px;
  color: #333;
  font-size: 20px;
  text-decoration: none;
}
ul.list-nav li a span.text-radius {
  float: right;
  background: #fff;
}

/* リストナビゲーションのアイコン付きデフォルト対応
---------------------------------------------------*/
ul.list-nav li[class^="ico-"] {
  background-image: url(../img/common/ico_award1.png);
  background-repeat: no-repeat;
  background-position: 20px center;
}
ul.list-nav li[class^="ico-"] a {
  padding-left: 47px;
}

/*---------------------------------------------------
  商品詳細ページボタン設定
  （全国対応～URLメール）
---------------------------------------------------*/
#product-detail ul.list-nav {
  border-top: none;
}
#product-detail ul.list-nav li,
.item_contact_form,
.item_contactmail_wrap p.mail-reception-link {
  display: block;
  margin: 15px 20px;
  box-shadow: 2px 2px 2px rgba(133, 133, 133, 0.1);
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #fff;
  vertical-align: middle;
}
#product-detail ul.list-nav li a,
.item_contact_form a,
.item_contactmail_wrap p.mail-reception-link a {
  display: block;
  padding: 20px 20px 20px 55px;
  background: none;
  color: #333;
  font-size: 21px;
  line-height: 15px;
  text-decoration: none;
  vertical-align: middle;
}
.item_contact_form a {
  padding-left: 55px !important;
  background: url("/sp2/public/img/common/icon_question.svg") 14px center no-repeat !important;
  background-size: 26px !important;
  letter-spacing: -0.2ex !important;
}
.item_contactmail_wrap p.mail-reception-link a {
  padding-left: 55px;
  background: url("/sp2/public/img/common/ico_url_mail.png") 20px center no-repeat;
  letter-spacing: -0.2ex;
}


/* リストナビゲーションのアイコン
---------------------------------------------------*/
ul.list-nav li.ico-award    { background-image: url(../img/common/ico_award1.png);}
ul.list-nav li.ico-beginner { background-image: url(../img/common/ico_beginner1.png);}
ul.list-nav li.ico-cart     { background-image: url(../img/common/ico_cart1.png);}
ul.list-nav li.ico-book     { background-image: url(../img/common/ico_book1.png);}
ul.list-nav li.ico-question { background-image: url(../img/common/ico_question1.png);}
ul.list-nav li.ico-sitemap  { background-image: url(../img/common/ico_sitemap1.png);}
ul.list-nav li.ico-pages    { background-image: url(../img/common/ico_pages1.png);}
ul.list-nav li.ico-map      {
  background-image: url(../img/common/icon_map.svg);
  background-size: 34px;
  background-position: 11px center;
}
ul.list-nav li.mail-reception-link {
  background-image: url(../img/common/ico_url_mail.png);
  background-repeat: no-repeat;
  background-position: 20px center;
}


/* 商品詳細　全国対応（リンクがない（a要素がない）場合に表示が崩れる不具合に対応）
---------------------------------------------------*/
ul.list-nav li.ico-map-all {
  overflow: hidden;
  display: block;
  padding: 20px 20px 20px 55px;
  background-image: url("../img/common/icon_map.svg");
  background-repeat: no-repeat;
  background-position: 11px center;
  background-size: 34px;
  color: #333;
  font-size: 21px;
  text-decoration: none;
  line-height: 15px;
}
/* 送料一覧表はこちら
---------------------------------------------------*/
.ico-shippingfee {
  background: url(/sp2/public/img/common/icon_shoppingfee.svg) 11px center no-repeat !important;
  background-size: 34px !important;
}
/*------------------------------------------------------------------------
  リニューアルにより.item_contactmail_wrap廃止。無くなり次第削除
------------------------------------------------------------------------*/
.item_contactmail_wrap {
  overflow: hidden;
  margin: 20px 0;
}
.item_contactmail_wrap p.item_contact_form,
.item_contactmail_wrap p.mail-reception-link {
  display: block;
  margin: 10px 20px;

  border: 1px solid #ccc;
  border-radius: 3px;
  background: #f5f5f5; /* Old browsers */
  vertical-align: middle;
}
.item_contactmail_wrap p.item_contact_form a,
.item_contactmail_wrap p.mail-reception-link a {
  display: block;
  padding: 15px;
  color: #333;
  font-size: 20px;
  line-height: 15px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}
.item_contactmail_wrap p.item_contact_form a {
  padding-left: 36px;
  background: url("/sp2/public/img/common/ico_item_contact.png") 11px center no-repeat;
  letter-spacing: -0.2ex;
}
.item_contactmail_wrap p.mail-reception-link a {
  padding-left: 40px;
  background: url("/sp2/public/img/common/ico_url_mail.png") 11px center no-repeat;
  letter-spacing: -0.2ex;
}


/* このページURLをメールするリンク
----------------------------------------------*/
.mail-reception-link {
  margin: 30px auto 40px;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
}
ul.list-nav .mail-reception-link {/* ボタン型の旧タイプ */
  text-align: left;
}


/* iphone:orientation:portrait */
@media screen and (max-device-width: 480px) {
  .item_contactmail_wrap p.item_contact_form a {
    padding-left: 31px;
  }
  .item_contactmail_wrap p.mail-reception-link a {
    padding-left: 35px;
  }
}

/*---------------------------------------------------
  この商品の工事実績
  サムネイル一覧2015版
---------------------------------------------------*/
ul.review_thumb {
  float: left;
  margin: 0 15px;
}
ul.review_thumb li {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.3%;
  margin-bottom: 15px;
}
ul.review_thumb li img {
  width: 120px;
  margin: 0 15px;
  border: 1px solid #ccc;
}

p.link_review {
  display: block;
  margin: 0px 20px 30px;
  padding-left: 30px;
  text-align: left;
}
p.link_review a {
  display: block;
  /*padding-left: 50px;*/
  color: #c61317;
  font-size: 20px;
  /*text-decoration: none;*/
  line-height: 1.5;
}
p.link_review a:before {
  content: "";
  float: left;
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-left: -30px;
  margin-right: 10px;
  border-radius: 50%;
  background: #c61317 url("../img/common/icon_review.svg") no-repeat center;
  -webkit-background-size: 24px auto;
  background-size: 24px auto;
  vertical-align: middle;
}

/*---------------------------------------------------
  この商品の対象キャンペーン
---------------------------------------------------*/
section#product-detail section.campaign-area {
  overflow: hidden;
  display: block;
  max-width: -webkit-calc(100% - 40px);
  max-width: calc(100% - 40px);
  margin: 0 20px;
  padding: 0;
  text-align: center;
}
section#product-detail section.campaign-area > * {
  float: left;
  display: table-cell;
  width: 139px;
  height: 95px;
  margin: 0 11px 10px 0;
}
section#product-detail section.campaign-area > *:nth-child(3n) {/* 列の真ん中 */
  margin-right: 0;
}


/*---------------------------------------------------
  製品サイズ
---------------------------------------------------*/
section#product-detail div#size-area {
  overflow: hidden;
}
section#product-detail div#size-area img {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

/*---------------------------------------------------
  本体カラー／屋根材のバリエーション
---------------------------------------------------*/
ul.list-color-1 {
  overflow: hidden;
  display: block;
  max-width: -webkit-calc(100% - 36px);
  max-width: calc(100% - 36px);
  margin: 0 20px;
}
ul.list-color-1 li {
  float: left;
  display: table-cell;
  padding: 2px;
  text-align: center;
}
ul.list-color-1 li a {
  display: block;
}

/*---------------------------------------------------
  バリエーション
---------------------------------------------------*/
div#value-area {
  padding: 10px;
}
div#value-area a img {
  width:100%;
}

/*---------------------------------------------------
  対応可能オプション
---------------------------------------------------*/
h2 + ul.list-option-1 {
  margin-top: -10px;
}
ul.list-option-1 {
  display: block;
  overflow: hidden;
}
ul.list-option-1 li {
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
ul.list-option-1 li a {
  display: block;
  overflow: hidden;
  padding: 15px 20px;
  color: #000;
  text-decoration: none;
}
ul.list-option-1 li a img {
  float: left;
  width: 94px;
  height: 70px;
  margin-right: 10px;
}
ul.list-option-1 li a span.wrapper {
  overflow: hidden;
  display: block;
}
ul.list-option-1 li a span.wrapper span.att_label {
  float: right;
}
ul.list-option-1 li a span.wrapper span.name {
  float: left;
  display: block;
  padding-right: 5px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25;
}
ul.list-option-1 li a span.wrapper span.description {
  clear: both;
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  line-height: 1.25;
}
ul.list-option-1 li a span.wrapper span.price {
  display: block;
  clear: both;
  overflow: hidden;
  color: #F00;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}
ul.list-option-1 li a span.wrapper span.price span {
  float: right;
  display: block;
  color: #00F;
  font-weight: normal;
}

/*=============================================================================
  ★従来版　お見積もりシミュレーション
=============================================================================*/
section#mitsumori-system {
  position: relative;
  padding-top: 60px;
  background: url(../img/common/ico_arrow4-u.png) no-repeat center 10px;
  line-height: 1.5;
}

section#mitsumori-system h2.ttl-2 + table.table-1 {
  margin: -15px auto;
}

/* -----------------------------------------------------
  リストテーブル
------------------------------------------------------*/
section#mitsumori-system tr * {
  border-color: #ddd;
}
/*section#mitsumori-system tr:last-child * {
  border-bottom: none;
}*/

/* -----------------------------------------------------
  タイトルアイコン設定
------------------------------------------------------*/
section#mitsumori-system h1.ico-keisanki {
  padding: 15px 0 15px 20px;
  background-position: 30px center;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}
section#mitsumori-system h1.ico-keisanki::before {
  content:'';
  display:none;
}
section#mitsumori-system h1.ico-keisanki strong {
  display: block;
  padding-top: 10px;
  font-size: 30px;
  line-height: 26px;
}

/* テキスト */
p.change-content-notes {
  margin-top: 10px;
  padding: 0 20px;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
}

/* ----------------------------------------------------
  お見積り結果価格
-----------------------------------------------------*/
section#mitsumori-system div.price {
  overflow: hidden;
  position: relative;
  padding: 10px 50px 10px 70px;
}
section#mitsumori-system div.price > span {
  overflow: hidden;
  display: block;
  text-align: center;
}
section#mitsumori-system div.price > span.ttl {
  overflow: hidden;
  clear: both;
}
section#mitsumori-system div.price > span.ttl {
  overflow: hidden;
  clear: both;
}
section#mitsumori-system div.price > span.price-exshop {
  padding-top: 5px;
  color: #F00;
  font-size: 60px;
  line-height: 62px;
  font-weight: bold;
  text-align: center;
}
section#mitsumori-system div.price > span.price-exshop span {
  font-size: 36px;
}

/* ----------------------------------------------------
  エクスショップ価格？？？？？？
-----------------------------------------------------*/
div.price.exshop {
  overflow: hidden;
  padding: 10px 50px 10px 70px;
}
div.price.exshop > span {
  overflow: hidden;
  display: block;
  text-align: center;
}
div.price.exshop > span.ttl {
  overflow: hidden;
  clear: both;
}
div.price.exshop > span.ttl {
  overflow: hidden;
  clear: both;
}
div.price.exshop > span.price-exshop {
  padding-top: 5px;
  color: #F00;
  font-size: 60px;
  text-align: left;
  line-height: 62px;
}
div.price.exshop > span.price-exshop span {
  font-size: 36px;
}

section.result div.price {
  padding: 10px 20px 0 !important;
  border-top: none !important;
}


/* ----------------------------------------------------
  割引率ラベル
-----------------------------------------------------*/
section#mitsumori-system div.price span.label-off,
section.result div.price span.label-off {
  top: 20px;
  padding: 10px 8px;
  border-radius: 50%;
}
section#mitsumori-system div.price span.label-off:after,
section.result div.price span.label-off:after {
  display: none;
}

/* ----------------------------------------------------
  現場調査のお申し込みボタン
-----------------------------------------------------*/
section#mitsumori-system small.text-center {
  display: block;
  padding: 5px 10px 10px;
}

/*--------------------------------------------------------------------
  お申込みの前に下記の仕様をご希望の内容に変更してください
--------------------------------------------------------------------*/
#mitsumori-system .change-content-notes {
  margin: 10px 20px 0px;
  font-size: 14px;
  text-align: center;
}

.change-content-notes-wrapper span.detail_link a.include_mo_display {
  margin: 25px 0 0 0;
}
.change-content-notes-wrapper .change-content-notes {/* renew */
  /*float: left;*/
  /*width: 350px;*/
  /*text-indent: -1em;*/
  /*padding-left: 1em;*/
}



/*=============================================================================
  ★タブ版　新・お見積もりシミュレーション
  ※旧版と切り分けるため、セレクタにsection#sim_itemを付与。
=============================================================================*/
section#sim_item {
  margin-bottom: 50px;
}
section#sim_item .h_1 {
  margin-top: 0px;
  /*margin-top: 10px;*/
  padding: 10px 0;
  text-align: center;
  font-size: 22px;
  font-weight: normal;
}

section#sim_item section#mitsumori-system {
  position: relative;
  padding-top: 0;
  background: none;
  line-height: 1.5;
}
section#sim_item section#mitsumori-system legend.ttl-2 {
  margin-bottom: 20px;
}

section#sim_item section#mitsumori-system h2.ttl-2 + table.table-1 {
  margin: 20px auto;
}

/* -----------------------------------------------------
  リストテーブル tab
------------------------------------------------------*/
section#sim_item section#mitsumori-system tr * {
  border-color: #ddd;
}
/*section#sim_item section#mitsumori-system tr:last-child * {
  border-bottom: none;
}*/

/* -----------------------------------------------------
  タイトルアイコン設定 tab
------------------------------------------------------*/
section#sim_item section#mitsumori-system h1.ico-keisanki {
  padding: 15px 0 15px 20px;
  background-position: 30px center;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}
section#sim_item section#mitsumori-system h1.ico-keisanki::before {
  content:'';
  display:none;
}
section#sim_item section#mitsumori-system h1.ico-keisanki strong {
  display: block;
  padding-top: 10px;
  font-size: 30px;
  line-height: 26px;
}

/* テキスト */
section#sim_item p.change-content-notes {
  margin: 15px 0;
  padding: 0 20px;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
}

/* ----------------------------------------------------
  お見積り結果合計価格 tab
-----------------------------------------------------*/
section#sim_item section#mitsumori-system div.price {
  overflow: visible;
  position: relative;
  margin: 20px 50px 30px;
  padding: 0px;
  border: 1px solid #aaa;
  border-radius: 6px;
}

/* フキダシ
---------------------------------------------*/
section#sim_item section#mitsumori-system div.price::before {/* shadow */
  content: "";
  display: block;
  position: absolute;
  left: 45.6%;
  bottom: -21px;
  width: 0px;
  height: 0px;
  border-top: 20px solid #aaa;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
}
section#sim_item section#mitsumori-system div.price::after {/* white */
  content: "";
  display: block;
  position: absolute;
  left: 45.8%;
  bottom: -18px;
  width: 0px;
  height: 0px;
  border-top: 18px solid #fff;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
}

section#sim_item section#mitsumori-system div.price > span {
  overflow: hidden;
  display: block;
  text-align: center;
}
section#sim_item section#mitsumori-system div.price > span.ttl {
  overflow: hidden;
  clear: both;
  padding: 5px 20px;
  border-radius: 5px 5px 0 0;
  background-color: #fee;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
}
section#sim_item section#mitsumori-system div.price > span.ttl {
  overflow: hidden;
  clear: both;
}
section#sim_item section#mitsumori-system div.price > span.price-exshop {
  color: #F00;
  font-size: 50px;
  line-height: 60px;
  font-weight: bold;
  text-align: center;
}
section#sim_item section#mitsumori-system div.price > span.price-exshop span {
  display: inline-block;
  /*margin-left: 3px;*/
  font-size: 50%;
}

/* ----------------------------------------------------
  割引率ラベル tab
-----------------------------------------------------*/
section#sim_item section#mitsumori-system div.price span.label-off,
section.result div.price span.label-off {
  top: 20px;
  padding: 10px 8px;
  border-radius: 50%;
}
section#sim_item section#mitsumori-system div.price span.label-off:after,
section.result div.price span.label-off:after {
  display: none;
}

/* ----------------------------------------------------
  現場調査のお申し込みボタン tab
-----------------------------------------------------*/
section#sim_item section#mitsumori-system small.text-center {
  display: block;
  padding: 5px 10px 10px;
}

/*--------------------------------------------------------------------
  お申込みの前に下記の仕様をご希望の内容に変更してください tab
--------------------------------------------------------------------*/
section#sim_item section#mitsumori-system .change-content-notes {
  margin: 10px 0px;
  font-size: 20px;
  text-align: left;
}

/* 見積もり統合前（option-change）,見積もり統合後（option-change01,option-change02）に対応
----------------------------------------------------------------------------- */
#sim_item section[id*="option-change"] .wrapper {
  padding: 0 20px 30px;
}
#sim_item section[id*="option-change"] .wrapper a.btn-5 {
  font-size: 20px;
}

/* da.cssより移行 */
section[id*="option-change"] fieldset div.row-2a.wrapper div.option_details {
  float: left;
  width: 170px;
  text-align: center;
}
section[id*="option-change"] fieldset div.row-2a.wrapper div.option_details img.col-1 {
  float: none;
  width: auto;
}
section[id*="option-change"] fieldset div.row-2a.wrapper div.option_details p.option_ttl {
  margin-bottom: 0;
  font-weight: bold;
}
section[id*="option-change"] fieldset div.row-2a.wrapper div.option_details p.option_description {
  margin-bottom: 0;
  text-align: left;
  font-size: 13px;
}
section[id*="option-change"] fieldset div.row-2a.wrapper div.option_details span.exp_opt {/* 注釈 */
  text-align: left;
}

/*=============================================================================
  リアルタイム見積もり金額表示（tab）
  2015年度更新版
============================================================================ */
#estimate-field > div:not(.estimate_bottom_button) {/* placeholder */
  height: 71px;
  max-height: 71px;/* リアルタイム見積もりの詳細を開いた時に拡張させない */
}
@media (orientation: landscape) and (max-height: 500px) {
  #estimate-field > div:not(.estimate_bottom_button) {
    display: none;
  }
}
#estimate-field.hide > div {
  position: absolute;
}
#estimate-field.hide #price-win {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}

/*.active_tab #price-win {
  position: fixed !important;
}*/
/*.active_tab .price-win-inner {
  display: block;
}*/

/*@media (orientation:landscape) {
  .price-win-inner {
    zoom: 0.7;
    width: 70%;
    margin-right: 0;
    margin-left: auto;
  }
}*/
/* -------------------------------------------
  「計算中…」のメッセージ
-------------------------------------------- */
/* 旧バージョン(※フォーム別画面版)
----------------------------------- */
dl#price-window.msg {
  vertical-align: middle;
}
dl#price-window.msg dd span#estimate_result {
  padding-right: 24px;
  font-size: 20px;
  font-weight: normal;
  color: #444;
  background: url(/sp2/public/img/common/ico_loading.gif) no-repeat 100% center;/* PNG化しない=>アニメーションGIFのため */
}

/* 共同購入
--------------------------------------- */
.group-buying p {
  float: left;
  padding-top: 24px;
  font-size: 20px;
}
.group-buying label {
  float: right;
  width: 270px !important;
}


/*=============================================================================
  お見積もり金額詳細
=============================================================================*/
section.mitsumori-details > div.wrapper {
  overflow: hidden;
  padding: 20px;
}

/*----------------------------------------------------
  タイトル
----------------------------------------------------*/
section.mitsumori-details > h1.ttl-3 {
  margin: 35px 20px 0px;
  padding: 8px 10px 10px;
  border-radius: 20px;
  background: #555;
  font-style: 22px;
  text-align: center;
  line-height: 1;
}

/*----------------------------------------------------
  見出し
----------------------------------------------------*/
section.mitsumori-details > div.wrapper > h2 {
  margin: 30px auto 5px;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  text-indent: -0.5em;
}
section.mitsumori-details > div.wrapper > h2:first-child { margin-top: 0px; }
section.mitsumori-details > div.wrapper > h2::before { content:'【'; }
section.mitsumori-details > div.wrapper > h2::after { content:'】'; }

/*----------------------------------------------------
  見積テーブル
----------------------------------------------------*/
section.mitsumori-details > div.wrapper > table.table-2 td {
  text-align: right;
  white-space: nowrap;
}
section.mitsumori-details > div.wrapper > small {
  font-size: 100%;
  line-height: 1.1em;
}






/*=============================================================================
  現調ボタン(見積りメモページと共通) renew
=============================================================================*/
section#mitsumori-system section.box-1,
section#memo_list section.box-1,
.order section.box-1 {
  margin-top: 20px;
  text-align: justify;
}
section#mitsumori-system section.box-1 p:first-child,
section#memo_list section.box-1 p:first-child,
.order section.box-1 p:first-child {
  margin-bottom: 10px;
  padding-bottom: 60px;
  background: url(../img/common/ico_arrow6-b.png) no-repeat center bottom;
  font-size: 20px;
  font-weight:bold;
  text-align: left;
}
section#mitsumori-system p:first-child strong,
section#memo_list p:first-child strong,
.order p:first-child strong {
  color: #f00;
  font-weight: inherit;
}
section#mitsumori-system a.btn-2,
section#memo_list a.btn-2,
.order a.btn-2 {
  width: 350px;
  margin: 0 auto 15px !important;
  padding: 20px 10px;
}

/*　タブ版 (#sim_item内)
-------------------------------------------------*/
section#sim_item section#mitsumori-system section.box-1 {
  overflow: hidden;
  margin-bottom: 20px;
  padding: 30px 30px 30px;
  border: none;
  border-radius: 0;
  background: none repeat scroll 0 0 #f0f4f9;
}
section#sim_item .esim_bt_detail {
  cursor: pointer;
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100% !important;
  height: auto !important;
  margin: 20px auto;
  padding: 22px 20px 24px 0;
  background-color: #2467c5;
  border-radius: 4px;
  border: none;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1.30;
}
section#sim_item .esim_bt_detail::before {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: auto;
  border-radius: 50%;
  background: #fff;
  vertical-align: middle;
}
section#sim_item .esim_bt_detail::after {
  content: "";
  position: absolute;
  right: 28px;
  top: 0;
  bottom: 0;
  width: 13px;
  height: 24px;
  margin: auto 0;
  background: url("/sp2/public/img/common/sprite_icon.svg?20211022") -90px 0 no-repeat;
  transform: scale(0.692);
}
section#sim_item .esim_bt_detail span {
  display: inline-block;
  /*margin-top: 10px;*/
  font-size: 86%;
  /*font-weight: normal;*/
}

/*　現場調査とは？テキスト
-------------------------------------------------*/
.esim_bt_detail {
  /*font-size: 24px !important;*/
}
.box-1 .before_submit {
  font-size: 21px;
  line-height: 1.5;
  text-align: justify;
}
.box-1 .before_submit strong {
  color: #f00;
  font-weight: bold;
}

.box-1 .guide_box {
  position: relative;
  margin-top: 30px;
}
.box-1 .guide_box:before {
  position: absolute;
  content: "";
  display: block;
  top: -20px;
  left: 85px;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 20px solid #b8d0f1;
}
.box-1 .guide_box:after {
  position: absolute;
  content: "";
  display: block;
  top: -17px;
  left: 85px;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 20px solid #fff;
}
.box-1 .guide_box {
  padding: 16px 20px;
  border: 2px solid #b8d0f1;
  border-radius: 17px;
  background-color: #fff;
  font-size: 18px;
}
.box-1 .guide_box dt {
  padding-bottom: 5px;
  color: #1e5bbc;
  font-size: 20px;
  font-weight: bold;
  text-indent: -0.5em;
}
.box-1 .guide_box dd {
  padding-top: 10px;
  line-height: 1.55;
  text-align: justify;
  border-top: 1px solid #ddd;
}
.box-1 .guide_box .information {
  margin-top: 20px;
  padding: 15px 23px 18px 18px;
  border-radius: 9px;
  border: 1px solid #d0def2;
  background-color: #f8fbff;
  color: #1e5bbc;
  font-size: 18px;
  line-height: 1.44;
  text-align: justify;
}
.box-1 .guide_box .information strong {
  font-weight: bold;
}

/*　アコーディオン
-------------------------------------------------*/
.guide_box-txt,
.guide_box .information {
  display: none;
}
.guide_box-ttl {
  position: relative;
}
.guide_box-ttl::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 5px;
  right: 140px;
  width: 12px;
  height: 19px;
  margin: auto 0;
  background: url(/sp2/public/img/common/icon_next-sapphireblue.svg) left top no-repeat;
  background-size: contain;
  transform: rotate(90deg);
}
.guide_box-ttl.open::after {
  transform:  rotate(270deg);
}

/*　リアルタイム見積もり下　現調ボタン
-------------------------------------------------*/
.esim_bt_order {
  cursor: pointer;
  position: relative;
  display: block;
  width: 80%;
  height: auto;
  box-sizing: border-box;
  margin: 15px auto 10px;
  padding: 8px 10px 8px 0;
  background-color: #2467c5;
  border-radius: 4px;
  border: none;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1.4;
}
.esim_bt_order:first-line {
  font-size: 24px;
}
.esim_bt_order::before {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: auto;
  border-radius: 50%;
  background: #fff;
  vertical-align: middle;
}
.esim_bt_order::after {
  content: "";
  position: absolute;
  right: 28px;
  top: 0;
  bottom: 0;
  width: 13px;
  height: 24px;
  margin: auto 0;
  background: url("/sp2/public/img/common/sprite_icon.svg?20211022") -90px 0 no-repeat;
  transform: scale(0.692);
}
.esim_bt_order span {
  display: inline-block;
  margin-top: 5px;
  font-size: 86%;
  /*font-weight: normal;*/
}

section#sim_item .h_sim {
  line-height: normal;
}
section#sim_item .h_sim span {
  display: block;
  padding-top: 5px;
  font-size: 16px;
  /*line-height: 1.25;*/
}
section#sim_item .h_sim strong {
  display: block;
  margin: 3px 0 0;
  font-size: 28px;
  font-weight: bold;
  vertical-align: middle;
}






/*=============================================================================
  見積もりメモ
=============================================================================*/
section#mitsumori-memo {
  margin: 30px 20px 0;
  border: 1px solid #d2d8f5;
}
section#mitsumori-memo .mitsumori-memo_ttl,
section#mitsumori-memo .ttl-3 {
  margin-top: 0;
  padding: 6px;
  background: #d2d8f5;
  color: #3d4a98;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
}
section#mitsumori-memo p {
  color: #3d4a98;
}
section#mitsumori-memo p a.btn-4 {
  width: 70%;
  margin: 15px auto 10px;
  border: 1px solid #99A4E3;
  box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
  background: #F9FAFF;
  color: #626DAC;
  font-size: 18px;
  font-weight: bold;
}

/*=============================================================================
  タブ版　新・見積もりメモ　追加設定
=============================================================================*/
section#sim_item section#mitsumori-system section#mitsumori-memo {
  margin-bottom: 40px;
}


/*=============================================================================
  新・チェックした商品
=============================================================================*/
.collection {
  width: 500px;
  margin-top: 60px;
}
.collection h3,
.collection h2 {
  margin-left: 20px;
  padding-left: 10px;
  border-left: 5px solid #ccc;
  font-size: 18px;
  font-weight: normal;
}

/* レコメンド
--------------------------------*/
#user_recommend_list,
#user_recommend_list + .collection {
  margin-top: 0;
}
.collection .ttl {
  width: 480px;
  padding: 8px 0;
  background-color: #eee;
  text-align: center;
}

/* ローディング表示
-------------------------- */
#user_recommend_list {
  position: relative;
}
#user_recommend_list .view_loading {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin: auto;
  border-radius: 50%;
  border: 0.1875rem solid #2467c5;
  border-right-color: rgb(143, 195, 31);
  border-right-color: transparent;
  text-indent: -9999px;
  -webkit-animation: spin 0.7s linear infinite;
  animation: spin 0.7s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg);   opacity: 0.8; }
  50%  { -webkit-transform: rotate(180deg); opacity: 0.8; }
  100%   { -webkit-transform: rotate(360deg); opacity: 0.8; }
}
@keyframes spin {
  0% { transform: rotate(0deg);   opacity: 0.8; }
  50%  { transform: rotate(180deg); opacity: 0.8; }
  100%   { transform: rotate(360deg); opacity: 0.8; }
}

.collection .bx-viewport {
  padding-left: 20px;
}
.collection .bx-wrapper {
  max-width: 460px !important;
  margin: 20px 0 0 !important;
}

.collection .bxslider li {
  position: relative;
}
.collection .bxslider li p.img img{
  width: 100%;
}
.collection .bxslider .maker img {
  position: absolute;
  top: 0;
  left: 0;
}
.collection .bxslider a {
  text-decoration: none;
}
.collection .bxslider .name {
  margin: 5px 0;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: -0.1ex;
}
.collection .bxslider .item_price {
  color: #333;
  font-size: 12px;
  line-height: 1.25;
  white-space: nowrap;
}
.collection .bxslider .total_price {
  display: block;
  padding-left: 4px;
  color: #f00;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}

/*=============================================================================
  bxsliderを使用しないスライド（スクロール）
=============================================================================*/
.collection .scroll_wrap {
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  margin: 20px 0 20px 20px;
}
.collection .scroll_wrap::-webkit-scrollbar {
  display: none;
}
.collection .scroll {
  display : -webkit-inline-box;
  display : -webkit-inline-flex;
  display: inline-flex;
}
.collection .scroll li {
  float: left;
  width: 160px;
  margin-right: 25px;
  position: relative;
}
.collection .scroll li p.img img{
  width: 100%;
}
.collection .scroll .maker img {
  position: absolute;
  top: 0;
  left: 0;
}
.collection .scroll a {
  text-decoration: none;
}
.collection .scroll .name {
  margin: 5px 0;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: -0.1ex;
  max-height: 100%; /* AndroidのChrome：font-size大きい不具合対応 */
}
.collection .scroll .item_price {
  color: #333;
  font-size: 12px;
  line-height: 1.25;
  white-space: nowrap;
}
.collection .scroll .total_price {
  display: block;
  padding-left: 4px;
  color: #f00;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}

/* -----------------------------------------------------
  各種スライド設定
----------------------------------------------------- */

/* シリーズ一覧（商品詳細）
----------------------------------------- */
#slide_series {
  margin: 50px auto !important;
}
#slide_series .txt_link {
  margin-right: 40px;
  text-align: right;
}

#slide_series a.btn-1 {/* bxslider用 */
  position: relative;
  display: table;
  max-width: 400px;
  margin: 20px auto 20px;
  padding-right: 35px;
  line-height: 1.3;
}
#slide_series a.btn-1::after {/* bxslider用 */
  display: block;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* 関連商品一覧（商品詳細）
----------------------------------------- */
#slide_recommend {
  margin-top: 70px;
}
#slide_recommend h3,
#slide_recommend h2 {
  letter-spacing: -0.08ex;
}


/*====================================================================
  ラジオボタン
  ※ul>li>label>input と ul>li>label>span 構造必須 renew
====================================================================*/

/* -----------------------------------------------------
  ボタンボックス型　ラジオボタン
----------------------------------------------------- */
ul[class^="list-radio"] {
  overflow: hidden;
  display: block;
}
ul[class^="list-radio"] li {
  overflow: hidden;
  display: block;
}
ul[class^="list-radio"] li label {
  overflow: hidden;
  display: block;
}
ul[class^="list-radio"] li label input[type="radio"] {
  display: none;
}
ul[class^="list-radio"] li label input[type="radio"] + span {
  display: block;
  position: relative;
  padding: 4px 0 4px 25px;
  font-size: 18px;
  line-height: 1.25;
}
ul[class^="list-radio"] li label input[type="radio"] + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0px;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  border-radius: 60%;
  background-color: #ccc;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.1) inset;
}

/* 選択項目
----------------------------------------------------- */
ul[class^="list-radio"] li label input[type="radio"]:checked + span::before {
  /*width: 9px;*/
  /*height: 9px;*/
  /*border: 4.5px solid #0af;*/
  background-color: #0af;
  box-shadow: none;
}

/* -----------------------------------------------------
  画像付きノーマル・ラジオボタン
-------------------------------------------------------*/
ul[class^="list-radio-img-"] li {
  float: left;
  padding-right: 8px;
  padding-bottom: 20px;
}
ul[class^="list-radio-img-"] li:nth-child(3n) {
  padding-right: 0px;
}
ul[class^="list-radio-img-"] li:nth-child(3n+1) {
  clear: left;
}

/* ウッドデッキ
  オプション積算項目のための対応
-------------------------------------------*/
ul.wd[class^="list-radio-img-"] li:nth-child(3n+1) {
  clear: none;
}
ul.wd[class^="list-radio-img-"] li label span {
  display: inline-block;
  min-height: 3em;
}


/* radio-img-1 */
ul.list-radio-img-1 {
  padding: 10px;
}
ul.list-radio-img-1 li label {
  width: 148px;
}
ul.list-radio-img-1 li label img {
  width: 148px;
}

/* list-radio-img-2 */
ul.list-radio-img-2 li label {
  width: 140px;
}
ul.list-radio-img-2 li label img {
  width: 140px;
}

/* 説明付きラジオボタン　の　説明エリア
------------------------------------*/
ul.list-radio-desc > li {
  display: none;
}
ul.list-radio-desc > li > p > strong {
  text-align: center;
  display: block;
  margin-bottom: 5px;
}

/* ラジオボタン　角丸リスト
------------------------------------*/
ul.list-radio-1 li {
  border-right: 1px solid #b0b0b0;
  border-bottom: 1px solid #b0b0b0;
  border-left: 1px solid #b0b0b0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e9e9e9), color-stop(0.00, #fbfbfb));
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%);
  background: -moz-linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%);
  background: -o-linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%);
  background: -ms-linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%);
  background: linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%);
}
ul.list-radio-1 li:first-child {
  border-top: 1px solid #b0b0b0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
ul.list-radio-1 li.last,
ul.list-radio-1 li:last-child {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
ul.list-radio-1 li:only-child {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
ul.list-radio-1 li label {
  margin: 0;
  padding: 10px;
}
ul.list-radio-1 li label input[type="radio"] {
  display: none;
}

/* チェックボックス　単体セル表示
------------------------------------*/
ul.list-radio-2 li {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e9e9e9), color-stop(0.00, #fbfbfb));
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%);
  background: -moz-linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%);
  background: -o-linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%);
  background: -ms-linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%);
  background: linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%);
  border: 1px solid #b0b0b0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
ul.list-radio-2 li label {
  margin: 0;
  padding: 10px;
}
ul.list-radio-2 li label input[type="checkbox"] {
  display: none;
}

/* チェックボックス　角丸リスト renew
------------------------------------*/
ul[class^="list-radio"] li label input[type="checkbox"] + span {
  font-size: 18px;
}
ul[class^="list-radio"] li label input[type="checkbox"] + span::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
  /*border: 1px solid #b0b0b0;*/
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-image: url(../img/common/ico-set_18_white.png);
  background-repeat: no-repeat;
  background-color: #b8b8b8;
  background-position: -684px 50%;
  text-indent: -9999px;
}
ul[class^="list-radio"] li label input[type="checkbox"]:checked + span::before {
  background-color: #00a0e9;
  background-position: -648px 50%;
}
ul[class^="list-radio"] li label input[type="checkbox"]:disabled + span::before {
  background-color: transparent;
  background: none;
  border: none;
}
ul.list-radio-1 li label input[type="checkbox"] {
  display: none;
}

/*//////////////////////////////////////

  0010112item_order_regist_input.html
  商品詳細の価格

/////////////////////////////////////*/

section#product-info h2.ttl-2 {
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #b0b0b0;
  border-bottom: 1px solid #b0b0b0;
  font-size: 18px;
  line-height: 20px;
}
section#product-info div.price {
  overflow: hidden;
  padding: 5px 20px;
  background: #eeeeee;
  font-size: 16px;
  line-height: 26px;
}
section#product-info div.price span {
  float: right;
  text-align: right;
  display: inline-block;
  color: #F00;
  overflow: hidden;
  font-size: 24px;
  line-height: 26px;
}
fieldset h2.ttl-2 span {
  float: right;
  margin: 0;
  padding: 5px 10px;
  border-radius: 6px;
  background: #f00;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
}
fieldset h2.ttl-2 span.detail_link {
  position: static;
  float: none;
  padding: 0;
  background: transparent;
  font-size: 20px;
}
/*====================================
  ページメイン画像エリア renew
====================================*/
div#product-img {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  color: #9f393c;
  text-align: center;
  vertical-align: middle;
}
div#product-img img {
  display: block;
  width: 400px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #ddd;
}
div#product-img small {
  display: block;
  padding-top: 10px;
  text-align: center;
}

/*====================================
  新型フォーム セレクトボックス
====================================*/
@media screen {/*ポートレート*/
  label.select_box {
    -webkit-text-size-adjust: 66.6%;
  }
}
@media screen and (min-width: 360px) {/*ランドスケープ*/
  label.select_box {
    -webkit-text-size-adjust: auto;
  }
}
label.select_box {/* 基本設定 */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 413px;
  margin: 10px auto 15px;
  padding: 10px ;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 2px 2px 4px rgba(170,170,170,0.2);
  -moz-box-shadow: inset 2px 2px 4px rgba(170,170,170,0.2);
  box-shadow: inset 2px 2px 4px rgba(170,170,170,0.2);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 21px;
  text-indent: 30px;
  background: #fcfcfc;
}
label.select_box {
  background: #fff;
  -webkit-box-shadow: 2px 2px 4px rgba(170,170,170,0.2);
  -moz-box-shadow: 2px 2px 4px rgba(170,170,170,0.2);
  box-shadow: 2px 2px 4px rgba(170,170,170,0.2);
  color: #2467C5;
  text-indent: 0;
}
label.select_box select {
  z-index: 3;
  position: relative;
  top: 0px;
  left: 0px;
  height: 40px;
  line-height: 40px;
  filter: alpha(opacity=0);
  -moz-opacity:0;
  opacity:0;
  outline: none;
}
label.select_box select + span {
  line-height: 40px;
  position: absolute;
  top: 0.65em;
  display: block;
  overflow: hidden;
  z-index: 2;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-size: 21px;
  outline: none;
}
label.select_box select + span::after { /* アイコン設定 */
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3px;
  display: block;
  width: 13px;
  height: 24px;
  margin: auto 0;
  background: url("/sp2/public/img/common/sprite_icon.svg?20211022") 0 0 no-repeat;
  vertical-align: middle;
  transform: scale(0.769) rotate(90deg);
}
label.select_box select + span {
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 30px;
  width: 95%;
}

/*====================================
  セレクトボックス（span無し）
====================================*/
@media screen {/*ポートレート*/
  label.select-box {
    -webkit-text-size-adjust: 66.6%;
  }
}
@media screen and (min-width: 360px) {/*ランドスケープ*/
  label.select-box {
    -webkit-text-size-adjust: auto;
  }
}
label.select-box {/* 基本設定 */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative; /* アイコン用 */
  display: block;
  width: 413px;
  margin: 10px auto 20px;
  padding: 10px ;
  border: 1px solid #ccc;
  border-radius: 10px;
  background: #fff;
  box-shadow: 2px 2px 4px rgba(170,170,170,0.2);
  font-size: 21px;
  text-indent: 0;
}
label.select-box::after { /* アイコン設定 */
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  display: block;
  width: 13px;
  height: 24px;
  margin: auto 0;
  background: url(/sp2/public/img/common/sprite_icon.svg?20211022) 0 0 no-repeat;
  vertical-align: middle;
  transform: scale(0.769) rotate(90deg);
}
label.select-box select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  height: 40px;
  background: transparent;
  line-height: 40px;
  outline: none;
  border: none;
}

/* セレクトボックス（nojs 2016）
--------------------------------------*/
#sim_item .ui_select {
  position: relative;
  display: table;
  margin: 0 20px 30px auto;
  padding-right: 5px;
  font-size: 22px;
  vertical-align: bottom;
}
#sim_item .ui_select::after {
  content: '';
  position: absolute;
  right: 90px;
  top: 5px;
  bottom: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: auto;
  background: url("/sp2/public/img/common/icon_next.svg") no-repeat center;
  background-size: contain;
}
#sim_item .ui_select select::-ms-expand {/* for ie */
  display: none;
}
#sim_item .ui_select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  width: auto;
  margin: 0 10px 0 0;
  padding: 5px 30px 5px 30px;
  border: 1px solid #bbb;
  box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
  border-radius: 4px;
  background-color: #fff;
  color: #333;
  font-size: 36px;
  text-align: right;
}
#sim_item .ui_select option {
  display: block;
  text-align: right;
  -webkit-direction: rtl;
  -moz-direction: rtl;
  direction: rtl;
}


/* 旧型フォーム セレクトボックス　(全カテゴリ上記新型に移行後削除)
------------------------------------*/
label.selectbox {
  position: relative;
  line-height: 40px;
  height: 40px;
  padding: 0px;
}
label.selectbox select {
  z-index: 3;
  position: relative;
  top: 0px;
  left: 0px;
  height: 40px;
  line-height: 40px;
  filter: alpha(opacity=0);
  -moz-opacity:0;
  opacity:0;
}
label.selectbox select + span {
  line-height: 40px;
  position: absolute;
  left: 0px;
  top: 0px;
  padding-right: 5px;
  padding-left: 5px;
  display: block;
  overflow: hidden;
  z-index: 2;
  width: 100%;
  height: 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
label.selectbox select + span::after {
  content: "";
  float: right;
  display: block;
  width: 18px;
  height: 18px;
  margin-top: 10px;
  margin-left: 5px;
  background-color: #949494;
  background-image: url(../img/common/ico-set_18_white.png);
  background-repeat: no-repeat;
  background-position: -216px 50%;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
/*  box-shadow:inset -1px -1px 1px rgba(255,255,255,0.55);
  -moz-box-shadow:inset -1px -1px 1px rgba(255,255,255,0.55);
  -webkit-box-shadow:inset -1px -1px 1px rgba(255,255,255,0.55);*/
  text-indent: -9999;
  vertical-align: middle;
}

/*====================================
  設置場所の状況　調整
====================================*/
fieldset#customer-info > a.btn-1[class*="ico-pl-"] {
  margin-left:20px;
  margin-right: 20px;
  margin-bottom: 20px;
}

/*====================================
  現場調査の希望　フォーム調整
====================================*/

/* 現場調査に関するお願い（input01.htmlのみ）
----------------------------------------*/
fieldset#appoint p {
  margin-top: 15px;
  margin-bottom: -15px;
  text-align: right;
}
fieldset#appoint a.appoint_note::before {
  background-color: rgba(0,52,202,0.8) !important;
}
fieldset#appoint a.appoint_note {
  width: 252px;
  margin: 0 0 0 auto;
  padding-right: 0 !important;
  font-size: 18px !important;
  font-weight: normal !important;
}

fieldset#appoint label.selectbox {
  width: 85px;
  display: inline-block;
}
fieldset#appoint label.selectbox select + span {
  text-align: right;
}
fieldset#appoint div.p-20 label.selectbox:nth-child(1) {
  margin-right: 0px;
  margin-left: 0px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  border-right-style: none;
}
fieldset#appoint div.p-20 label.selectbox:nth-child(2) {
  margin-left: 0px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}

/*//////////////////////////////////////
  00112static_garden00.html
/////////////////////////////////////*/
section#static_garden p.box-2 {
  font-size: 18px;
  line-height: 1.4;
  padding: 10px;
}
section#static_garden p#contact-info {
  display:block;
  background:url(../img/common/ico_arrow4-u.png) no-repeat center top;
  margin-top: 10px;
  padding-top: 60px;
  padding-bottom: 10px;
}
section#static_garden p#contact-info a.text-large {
  display:block;
}
section#static_garden section[id*="step"] > div.p-10 {
  border-bottom:solid 1px #b0b0b0;
}
section#static_garden section[id*="step"] img {
  margin-bottom:10px;
}
section#static_garden div.wrapper > section.box-1 {
  margin: 20px;
}
section#static_garden div.wrapper > section.box-1 {
  margin: 20px;
}

/*//////////////////////////////////////
00113mailform_regist_input.html
/////////////////////////////////////*/
div#img-main img {
  width:100%;
}
div#img-main p {
  display: block;
  overflow: hidden;
  padding: 10px 10px 20px;
}

/*//////////////////////////////////////
002item_search_maker_???.html
sprite by http://ja.spritegen.website-performance.org/
[seting]
・幅高さ100%、比率保持
・連携つ方向縦方向　オフセット水平・垂直50px
・保存フォーマットjpg
・画質80%
/////////////////////////////////////*/

/*====================================
トステム
====================================*/
ul.list-thumb-5.tostem li a::before {
  background-image: url(../img/002maker/tostem/img_cate_tostem.jpg);
}
ul.list-thumb-5.tostem li.img-cate-awning a::before {
  background-position: 0 0;
}
ul.list-thumb-5.tostem li.img-cate-balcony-roof a::before {
  background-position: 0 -170px;
}
ul.list-thumb-5.tostem li.img-cate-balcony a::before {
  background-position: 0 -340px;
}
ul.list-thumb-5.tostem li.img-cate-carport a::before {
  background-position: 0 -510px;
}
ul.list-thumb-5.tostem li.img-cate-cycleport a::before {
  background-position: 0 -680px;
}
ul.list-thumb-5.tostem li.img-cate-shutter a::before {
  background-position: 0 -850px;
}
ul.list-thumb-5.tostem li.img-cate-stockyard a::before {
  background-position: 0 -1020px;
}
ul.list-thumb-5.tostem li.img-cate-terrace-paling a::before {
  background-position: 0 -1190px;
}
ul.list-thumb-5.tostem li.img-cate-terrace-roof a::before {
  background-position: 0 -1360px;
}
ul.list-thumb-5.tostem li.img-cate-window a::before {
  background-position: 0 -1530px;
}
ul.list-thumb-5.tostem li.img-cate-wood-deck a::before {
  background-position: 0 -1700px;
}

/*====================================
  新日軽
====================================*/
ul.list-thumb-5.shinnikkei li a::before {
  background-image: url(../img/002maker/nikkei/img_cate_shinnikkei.jpg);
}
ul.list-thumb-5.shinnikkei li.img-cate-cargate a::before {
  background-position: 0 0;
}
ul.list-thumb-5.shinnikkei li.img-cate-carport a::before {
  background-position: 0 -170px;
}
ul.list-thumb-5.shinnikkei li.img-cate-cycleport a::before {
  background-position: 0 -340px;
}
ul.list-thumb-5.shinnikkei li.img-cate-gatedoor a::before {
  background-position: 0 -510px;
}

/*====================================
  積水樹脂
====================================*/
ul.list-thumb-5.sekisui li a::before {
  background-image: url(../img/002maker/sekisui/img_cate_sekisui.jpg);
}
ul.list-thumb-5.sekisui li.img-cate-fence a::before {
  background-position: 0 0;
}
ul.list-thumb-5.sekisui li.img-cate-gatedoor a::before {
  background-position: 0 -170px;
}

/*====================================
  四国化成
====================================*/
ul.list-thumb-5.shikoku li a::before {
  background-image: url(../img/002maker/shikoku/img_cate_shikoku.jpg);
}
ul.list-thumb-5.shikoku li.img-cate-carport a::before {
  background-position: 0 0;
}
ul.list-thumb-5.shikoku li.img-cate-cycleport a::before {
  background-position: 0 -170px;
}

/*====================================
  三協アルミ
====================================*/
ul.list-thumb-5.sankyoalumi li a::before {
  background-image: url(../img/002maker/st/img_cate_st.jpg);
}
ul.list-thumb-5.sankyoalumi li.img-cate-carport a::before {
  background-position: 0 0;
}
ul.list-thumb-5.sankyoalumi li.img-cate-cycleport a::before {
  background-position: 0 -170px;
}
ul.list-thumb-5.sankyoalumi li.img-cate-window a::before {
  background-position: 0 -340px;
}

/*====================================
  TOEX
====================================*/
ul.list-thumb-5.toex li a::before {
  background-image: url(../img/002maker/toex/img_cate_toex.jpg);
}
ul.list-thumb-5.toex li.img-cate-cargate a::before {
  background-position: 0 0;
}
ul.list-thumb-5.toex li.img-cate-carport a::before {
  background-position: 0 -170px;
}
ul.list-thumb-5.toex li.img-cate-cycleport a::before {
  background-position: 0 -340px;
}
ul.list-thumb-5.toex li.img-cate-fence a::before {
  background-position: 0 -510px;
}
ul.list-thumb-5.toex li.img-cate-gatedoor a::before {
  background-position: 0 -680px;
}
ul.list-thumb-5.toex li.img-cate-gatepost a::before {
  background-position: 0 -850px;
}
ul.list-thumb-5.toex li.img-cate-shutter a::before {
  background-position: 0 -1020px;
}
ul.list-thumb-5.toex li.img-cate-terrace-roof a::before {
  background-position: 0 -1190px;
}

/*====================================
  unison
====================================*/
ul.list-thumb-5.unison li a::before {
  background-image: url(../img/002maker/unison/img_cate_unison.jpg);
}
ul.list-thumb-5.unison li.img-cate-gatepost a::before {
  background-position: 0 0;
}
ul.list-thumb-5.unison li.img-cate-washbasin-faucet a::before {
  background-position: 0 -170px;
}

/*====================================
  value select
====================================*/
ul.list-thumb-5.valueselect li a::before { background-image: url(../img/002maker/valueselect/img_cate_valueselect.jpg);}
ul.list-thumb-5.valueselect li.img-cate-balcony-roof a::before { background-position: 0 0;}
ul.list-thumb-5.valueselect li.img-cate-cargate-haneage a::before { background-position: 0 -170px;}
ul.list-thumb-5.valueselect li.img-cate-cargate-shinsyuku a::before { background-position: 0 -340px;}
ul.list-thumb-5.valueselect li.img-cate-carport a::before { background-position: 0 -510px;}
ul.list-thumb-5.valueselect li.img-cate-cycleport a::before { background-position: 0 -680px;}
ul.list-thumb-5.valueselect li.img-cate-gatedoor a::before { background-position: 0 -850px;}
ul.list-thumb-5.valueselect li.img-cate-gatepost a::before { background-position: 0 -1020px;}
ul.list-thumb-5.valueselect li.img-cate-shutter a::before { background-position: 0 -1190px;}
ul.list-thumb-5.valueselect li.img-cate-terrace-roof a::before { background-position: 0 -1360px;}

/*====================================
  YKK AP
====================================*/
ul.list-thumb-5.ykkap li a::before {
  background-image: url(../img/002maker/ykkap/img_cate_ykkap.jpg);
}
ul.list-thumb-5.ykkap li.img-cate-awning a::before {
  background-position: 0 0;
}
ul.list-thumb-5.ykkap li.img-cate-balcony-roof a::before {
  background-position: 0 -170px;
}
ul.list-thumb-5.ykkap li.img-cate-balcony a::before {
  background-position: 0 -340px;
}
ul.list-thumb-5.ykkap li.img-cate-cargate a::before {
  background-position: 0 -510px;
}
ul.list-thumb-5.ykkap li.img-cate-carport a::before {
  background-position: 0 -680px;
}
ul.list-thumb-5.ykkap li.img-cate-cycleport a::before {
  background-position: 0 -850px;
}
ul.list-thumb-5.ykkap li.img-cate-fence a::before {
  background-position: 0 -1020px;
}
ul.list-thumb-5.ykkap li.img-cate-gatedoor a::before {
  background-position: 0 -1190px;
}
ul.list-thumb-5.ykkap li.img-cate-gatepost a::before {
  background-position: 0 -1360px;
}
ul.list-thumb-5.ykkap li.img-cate-pergola a::before {
  background-position: 0 -1530px;
}
ul.list-thumb-5.ykkap li.img-cate-stockyard a::before {
  background-position: 0 -1700px;
}
ul.list-thumb-5.ykkap li.img-cate-terrace-roof a::before {
  background-position: 0 -1870px;
}
ul.list-thumb-5.ykkap li.img-cate-window a::before {
  background-position: -210px 0;
}
ul.list-thumb-5.ykkap li.img-cate-wood-deck a::before {
  background-position: -210px -170px;
}

/*//////////////////////////////////////

  お見積りメモ一覧ページ
  item/search/list

/////////////////////////////////////*/
section#memo_list {
  line-height: 1.5;
}


section#memo_list > div.wrapper {
  padding: 10px 20px;
  overflow: hidden;
}
section#memo_list > div.wrapper product-img {
  background-color:transparent;
  border:none;
}

/*====================================
  開閉セクションデザイン
====================================*/
section.cont-node {
  overflow: hidden;
  margin-bottom: 20px;
}

/* エリア開閉ボタン
------------------------------------*/
a[class^="btn-"].ico-pl-minus {
  -webkit-border-radius:5px 5px 0 0;
  -moz-border-radius:5px 5px 0 0;
  -o-border-radius:5px 5px 0 0;
  border-radius:5px 5px 0 0;
}

a[class^="btn-"].ico-pl-no-init-close-minus {
  -webkit-border-radius:5px 5px 0 0;
  -moz-border-radius:5px 5px 0 0;
  -o-border-radius:5px 5px 0 0;
  border-radius:5px 5px 0 0;
}

/* お見積りメモ　本文エリア
------------------------------------*/
section.cont-node div.cont-body {
  padding: 10px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  border: 1px solid #ddd;
}
section.cont-node div.cont-body div.row-2c {
  padding-top: 10px;
  padding-bottom: 20px;
}
section#mitsumori-memo section.cont-node div.cont-body h2.ttl-3 {
  border: 1px solid #b0b0b0;
}

/* お見積りメモ　ノード番号管理する場合 */
 section.cont-node div.cont-body.num {
  padding: 0;
}
section.cont-node div.cont-body.num > .wrapper {
  padding: 10px;
}
section.cont-node div.cont-body.num > .wrapper > .ttl-3 {
  border: 1px solid #b0b0b0;
}

/* 調査対象チェックボックス
------------------------------------*/
#mitsumori-memo ul.list-radio-1 label {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #3a6c9f), color-stop(0.00, #5d99c3));
  background: -webkit-linear-gradient(top, #5d99c3 0%, #3a6c9f 95%);
  background: -moz-linear-gradient(top, #5d99c3 0%, #3a6c9f 95%);
  background: -o-linear-gradient(top, #5d99c3 0%, #3a6c9f 95%);
  background: -ms-linear-gradient(top, #5d99c3 0%, #3a6c9f 95%);
  background: linear-gradient(top, #5d99c3 0%, #3a6c9f 95%);
  box-shadow:inset 0px 0px 30px rgba(255,255,190,0.25);
  box-shadow:inset 1px 1px 1px rgba(133,133,133,0.75);
  -moz-box-shadow:inset 1px 1px 1px rgba(133,133,133,0.75);
  -webkit-box-shadow:inset 1px 1px 1px rgba(133,133,133,0.75);
  font-size: 14px;
  line-height: 16px;
  color: #FFF;
  text-decoration: none;
  display: block;
  padding: 10px;
  border: 1px solid #044062;
  vertical-align: middle;
}

/* 商品画像エリア
------------------------------------*/
section.cont-node div.cont-body div#product-img {
  text-align: center;
  overflow: hidden;
  padding: 10px;
  color: #9f393c;
}
section.cont-node div.cont-body div#product-img img {
  width: 240px;
  margin-right: auto;
  margin-left: auto;
}
section.cont-node div.cont-body div#product-img small {
  display:block;
}

/* 商品詳細エリア
------------------------------------*/
section.cont-node div.cont-body table.table-1 {
  border-top: 1px solid #b0b0b0;
  border-right: 1px solid #b0b0b0;
  border-left: 1px solid #b0b0b0;
}
section.cont-node div.cont-body div.price {
  overflow: hidden;
  margin-bottom: 20px;
  padding: 5px 20px;
  border-bottom: 1px solid #b0b0b0;
  border-right: 1px solid #b0b0b0;
  border-left: 1px solid #b0b0b0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: #eee;
  font-size: 16px;
  line-height: 26px;
}
section.cont-node div.cont-body div.price span {
  float: right;
  color:#F00;
  font-size: 24px;
  line-height: 26px;
  text-align: right;
}

/* 見積もり金額詳細エリア　
------------------------------------*/
section.mitsumori-details div.wrapper {
  padding: 20px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  background: #fffafa;
}
#mitsumori-system section.mitsumori-details div.wrapper {
  background: #fff;
}
section.mitsumori-details div.wrapper table {
  background-color:#fff;
}

section#mitsumori-form section.mitsumori-details div.wrapper {
  border: 1px solid #edd;
}

/*/////////////////////////////////////////////////////////////

  キャンペーンページ

/////////////////////////////////////////////////////////////*/
section#static-campaign ul#breadcrumb_top + section .h_2 {
  margin-top: 0;
}
section#static-campaign section ul {
  margin:0 30px;
  font-size: 20px;
  text-align: justify;
}
section#static-campaign section ul li {
  margin: 0.5em 0;
  line-height: 1.6;
}
section#static-campaign section img {
  display: block;
  width: 440px;
  height: auto;
  margin: 20px auto;
}
section#static-campaign + .bt_back {
  margin-top: 50px;
}

/*/////////////////////////////////////////////////////////////

  ご注文方法

/////////////////////////////////////////////////////////////*/
section#static-flow section[id^='step'] div {
  border-bottom:solid 1px #b0b0b0;
}
section#static-flow section[id^='step'] div img {
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
}
section#static-flow section[id^='step'] div h1 {
  font-size:18px;
  line-height:1.25;
  margin-bottom:5px;
  font-weight: bold;
}
section#static-flow section[id^='step'] div h2 {
  font-size:14px;
  line-height:1.25;
  color:#007ac3;
  margin-bottom:10px;
  font-weight: bold;
}
section#static-flow section[id^='step'] div p {
  overflow:hidden;
  clear:both;
  margin-bottom: 20px;
}
section#static-flow section[id^='step'] div p:last-child {
  margin-bottom: 0;
}
section#static-flow.order section[id^='step'] div p {
  overflow: visible;
  clear: none;
  margin-bottom: 20px;
}
/*====================================
  ご利用方法から探す
====================================*/
section#faq_menu #by_guide li {
  background: url(../img/011faq/ico_faq_question_pink.png) no-repeat 10px center;
  line-height: 50px;
}
section#faq_menu #by_guide li a {
  padding: 15px 20px 15px 37px;
}

/*/////////////////////////////////////////////////////////////

  現調確認ページ

/////////////////////////////////////////////////////////////*/
div.text-content h1 {
  margin-bottom: 20px;
  font-weight: bold;
}
div.text-content h2 {
  margin-bottom: 10px;
  font-weight: bold;
}
div.text-content p {
  margin-bottom: 20px;
}
div.text-content dl > dt {
  margin-bottom: 5px;
}
div.text-content dl > dd {
  margin-left: 20px;
  margin-bottom: 20px;
}
div.text-content dl > dd:last-child {
  margin-bottom: 0;
}
div.text-content dl > dd > ul {
  padding-top:10px;
  margin-left: 20px;
  display: block;
}
div.text-content dl > dd > ul > li {
  margin-bottom: 10px;
}
section#item_order_regist_confirm div#set-btn a.btn-2.ico-pr-arrow5-r {
  margin-left:0;
  margin-right: 0;
}

/*/////////////////////////////////////////////////////////////

  現調完了ページ

/////////////////////////////////////////////////////////////*/

section[id*="_regist_complete"] > div.wrapper p span {
  display:block;
}
section[id*="_regist_complete"] > div.wrapper p span.text-blue {
  font-size:21px;
  margin-bottom:10px;
}
section[id*="_regist_complete"] > div.wrapper p span.text-right {
  margin: 10px 0px;
}
section#exshop-info-box {
  text-align:center;
}
section#exshop-info-box h1::before,
section#exshop-info-box h1::after {
  content:'●';
  color:#e60011;
  margin:0px 5px;
}
section#exshop-info-box div.row-2e a.col-1,
section#exshop-info-box div.row-2e a.col-2,
.img_frow_info,
.img_facebook_info {
  display:inline-block;
  width:138px;
  margin:10px;
  padding-top:137px;
  vertical-align: top;
}
section#exshop-info-box div.row-2e a.col-1,
.img_frow_info {
  width:180px;
  background: url(../img/common/img_form_regist_001.jpg) no-repeat center top;
}
section#exshop-info-box div.row-2e a.col-2,
.img_facebook_info {
  width:150px;
  background: url(../img/common/img_form_regist_002.jpg) no-repeat center top;
}

/*/////////////////////////////////////////////////////////////

  サイトマップ

/////////////////////////////////////////////////////////////*/

ul.list-nav-2 {
  display:block;
  overflow:hidden;
}
ul.list-nav-2 li {
  display:block;
  overflow:hidden;
  vertical-align: middle;
}
ul.list-nav-2 li a {
  display:inline-block;
  overflow:hidden;
  padding:10px;
  vertical-align: middle;
}
ul.list-nav-2 li:before {
  content:'・';
  display:inline-block;
  color: #000;
  text-decoration:none;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  vertical-align: middle;
}

/*/////////////////////////////////////////////////////////////

  0010106static_option_hashira-guard.html

/////////////////////////////////////////////////////////////*/

section#static_option p.intro-text {
  font-size:14px;
  line-height:18px;
  margin: 0 20px 16px;
  overflow:hidden;
}
section#static_option div.img {
  margin: 0 20px 16px;
}
section#static_option div.img img {
  display: block;
  max-width: 100%;
  height: auto;
}
section#static_option div.price {
  overflow:hidden;
}
section#static_option div.price table {
  margin-bottom:10px;
}

/*====================================
  吹き出しデザイン
====================================*/

/* div.balloon-1 赤色白字吹き出し
------------------------------------*/
div.balloon-1 {
  position: relative;
  background-color: #f00;
  border: 1px solid #f00;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 5px 10px;
  color: #FFF;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 26px;
  font-weight: bold;
  float: right;
}
div.balloon-1::before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  right: 80px;
  top: -20px;
  border: 10px solid;
  border-color:transparent transparent #f00 transparent;
}
div.balloon-1::after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  right: 80px;
  top: -19px;
  border: 10px solid;
  border-color:transparent transparent #f00 transparent;
}
div.balloon-1 span {
  font-size: 24px;
  line-height: 26px;
}


/*/////////////////////////////////////////////////////////////

  DA作成

/////////////////////////////////////////////////////////////*/

/* ランキングアイコン
------------------------------------*/

/* 人気No.1 */
ul li a > span.info > span.att_label span#rank1_s {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking1.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#rank1_l {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking1.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}

/* 人気No.2 */
ul li a > span.info > span.att_label span#rank2_s {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking2.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#rank2_l {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking2.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}

/* 人気No.3 */
ul li a > span.info > span.att_label span#rank3_s {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking3.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#rank3_l {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking3.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}

/* -----------------------------------
  ランキングアイコン 共通設定
------------------------------------*/
ul li a > span.info > span.att_label span[id*="s_rank"] {/* 一覧ページ用 */
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 72px 17px !important;
}
#product-header span[id*="l_rank"] {/* 詳細ページ用 */
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  text-indent: -9999px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 59px 47px !important;
  line-height: auto;
}

/*------------------------------------
  ランキングアイコン CSS切替
------------------------------------*/

/* 人気No.1 */
#product-header span#rank1_l {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking1.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}

/* 人気No.2 */
#product-header span#rank2_l {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking2.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}

/* 人気No.3 */
#product-header span#rank3_l {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking3.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}

/* -----------------------------------
  ランキングアイコン 共通設定
------------------------------------*/
ul li a > span.info > span.att_label span[id*="s_rank"] {/* 一覧ページ用 */
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 72px 17px !important;
}
#product-header span[id*="l_rank"] {/* 詳細ページ用 */
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  text-indent: -9999px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 59px 47px !important;
  line-height: auto;
}

/* 一覧ページ
---------------------------------- */
ul li a > span.info > span.att_label span#cg05s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_cg05.png);}
ul li a > span.info > span.att_label span#cg05s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_cg05.png);}
ul li a > span.info > span.att_label span#cg05s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_cg05.png);}

ul li a > span.info > span.att_label span#cg06s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_cg06.png);}
ul li a > span.info > span.att_label span#cg06s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_cg06.png);}
ul li a > span.info > span.att_label span#cg06s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_cg06.png);}

ul li a > span.info > span.att_label span#sh01s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_sh01.png);}
ul li a > span.info > span.att_label span#sh01s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_sh01.png);}
ul li a > span.info > span.att_label span#sh01s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_sh01.png);}

ul li a > span.info > span.att_label span#sh02s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_sh02.png);}
ul li a > span.info > span.att_label span#sh02s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_sh02.png);}
ul li a > span.info > span.att_label span#sh02s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_sh02.png);}

ul li a > span.info > span.att_label span#br05s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_br05.png);}
ul li a > span.info > span.att_label span#br05s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_br05.png);}
ul li a > span.info > span.att_label span#br05s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_br05.png);}

ul li a > span.info > span.att_label span#br06s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_br06.png);}
ul li a > span.info > span.att_label span#br06s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_br06.png);}
ul li a > span.info > span.att_label span#br06s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_br06.png);}

ul li a > span.info > span.att_label span#tr05s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_br05.png);}
ul li a > span.info > span.att_label span#tr05s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_br05.png);}
ul li a > span.info > span.att_label span#tr05s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_br05.png);}

ul li a > span.info > span.att_label span#tr06s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_br06.png);}
ul li a > span.info > span.att_label span#tr06s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_br06.png);}
ul li a > span.info > span.att_label span#tr06s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_br06.png);}

ul li a > span.info > span.att_label span#fe01s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_fe01.png);}
ul li a > span.info > span.att_label span#fe01s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_fe01.png);}
ul li a > span.info > span.att_label span#fe01s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_fe01.png);}

ul li a > span.info > span.att_label span#fe02s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_fe02.png);}
ul li a > span.info > span.att_label span#fe02s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_fe02.png);}
ul li a > span.info > span.att_label span#fe02s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_fe02.png);}

ul li a > span.info > span.att_label span#fe03s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_fe03.png);}
ul li a > span.info > span.att_label span#fe03s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_fe03.png);}
ul li a > span.info > span.att_label span#fe03s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_fe03.png);}

ul li a > span.info > span.att_label span#mp01s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_mp01.png);}
ul li a > span.info > span.att_label span#mp01s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_mp01.png);}
ul li a > span.info > span.att_label span#mp01s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_mp01.png);}

ul li a > span.info > span.att_label span#mp02s_rank1 { background-image: url(../img/common/rank/icon_s_ranking1_mp02.png);}
ul li a > span.info > span.att_label span#mp02s_rank2 { background-image: url(../img/common/rank/icon_s_ranking2_mp02.png);}
ul li a > span.info > span.att_label span#mp02s_rank3 { background-image: url(../img/common/rank/icon_s_ranking3_mp02.png);}

/* 詳細ページ
---------------------------------- */
#product-header span#cg05l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_cg05.png);}
#product-header span#cg05l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_cg05.png);}
#product-header span#cg05l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_cg05.png);}

#product-header span#cg06l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_cg06.png);}
#product-header span#cg06l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_cg06.png);}
#product-header span#cg06l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_cg06.png);}

#product-header span#sh01l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_sh01.png);}
#product-header span#sh01l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_sh01.png);}
#product-header span#sh01l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_sh01.png);}

#product-header span#sh02l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_sh02.png);}
#product-header span#sh02l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_sh02.png);}
#product-header span#sh02l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_sh02.png);}

#product-header span#br05l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_br05.png);}
#product-header span#br05l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_br05.png);}
#product-header span#br05l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_br05.png);}

#product-header span#br06l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_br06.png);}
#product-header span#br06l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_br06.png);}
#product-header span#br06l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_br06.png);}

#product-header span#tr05l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_br05.png);}
#product-header span#tr05l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_br05.png);}
#product-header span#tr05l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_br05.png);}

#product-header span#tr06l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_br06.png);}
#product-header span#tr06l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_br06.png);}
#product-header span#tr06l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_br06.png);}

#product-header span#fe01l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_fe01.png?20251010);}
#product-header span#fe01l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_fe01.png?20251010);}
#product-header span#fe01l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_fe01.png?20251010);}

#product-header span#fe02l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_fe02.png?20251010);}
#product-header span#fe02l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_fe02.png?20251010);}
#product-header span#fe02l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_fe02.png?20251010);}

#product-header span#fe03l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_fe03.png?20251010);}
#product-header span#fe03l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_fe03.png?20251010);}
#product-header span#fe03l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_fe03.png?20251010);}

#product-header span#fe04l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_fe04.png?20251010);}
#product-header span#fe04l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_fe04.png?20251010);}
#product-header span#fe04l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_fe04.png?20251010);}

#product-header span#fe05l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_fe05.png);}
#product-header span#fe05l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_fe05.png);}
#product-header span#fe05l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_fe05.png);}

#product-header span#fe06l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_fe06.png);}
#product-header span#fe06l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_fe06.png);}
#product-header span#fe06l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_fe06.png);}

#product-header span#fe07l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_fe07.png);}
#product-header span#fe07l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_fe07.png);}
#product-header span#fe07l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_fe07.png);}

#product-header span#fe08l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_fe08.png);}
#product-header span#fe08l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_fe08.png);}
#product-header span#fe08l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_fe08.png);}

#product-header span#fe09l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_fe09.png);}
#product-header span#fe09l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_fe09.png);}
#product-header span#fe09l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_fe09.png);}

#product-header span#fe10l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_fe10.png);}
#product-header span#fe10l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_fe10.png);}
#product-header span#fe10l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_fe10.png);}

#product-header span#fe11l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_fe11.png);}
#product-header span#fe11l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_fe11.png);}
#product-header span#fe11l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_fe11.png);}

#product-header span#fe12l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_fe12.png);}
#product-header span#fe12l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_fe12.png);}
#product-header span#fe12l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_fe12.png);}

#product-header span#mp01l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_mp01.png);}
#product-header span#mp01l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_mp01.png);}
#product-header span#mp01l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_mp01.png);}

#product-header span#mp02l_rank1 { background-image: url(../img/common/rank/icon_l_ranking1_mp02.png);}
#product-header span#mp02l_rank2 { background-image: url(../img/common/rank/icon_l_ranking2_mp02.png);}
#product-header span#mp02l_rank3 { background-image: url(../img/common/rank/icon_l_ranking3_mp02.png);}



ul li a > span.info > span.att_label span#br01s_rank1 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking1_br01.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#br01l_rank1 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking1_br01.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#br01s_rank2 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking2_br01.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#br01l_rank2 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking2_br01.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#br01s_rank3 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking3_br01.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#br01l_rank3 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking3_br01.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#br02s_rank1 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking1_br02.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#br02l_rank1 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking1_br02.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#br02s_rank2 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking2_br02.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#br02l_rank2 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking2_br02.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#br02s_rank3 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking3_br02.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#br02l_rank3 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking3_br02.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#br03s_rank1 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking1_br03.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#br03l_rank1 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking1_br03.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#br03s_rank2 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking2_br03.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#br03l_rank2 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking2_br03.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#br03s_rank3 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking3_br03.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#br03l_rank3 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking3_br03.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#br04s_rank1 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking1_br04.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#br04l_rank1 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking1_br04.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#br04s_rank2 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking2_br04.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#br04l_rank2 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking2_br04.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#br04s_rank3 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking3_br04.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#br04l_rank3 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking3_br04.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cg01s_rank1 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking1_cg01.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cg01l_rank1 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking1_cg01.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cg01s_rank2 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking2_cg01.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cg01l_rank2 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking2_cg01.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cg01s_rank3 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking3_cg01.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cg01l_rank3 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking3_cg01.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cg02s_rank1 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking1_cg02.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cg02l_rank1 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking1_cg02.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cg02s_rank2 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking2_cg02.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cg02l_rank2 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking2_cg02.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cg02s_rank3 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking3_cg02.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cg02l_rank3 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking3_cg02.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cg03s_rank1 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking1_cg03.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cg03l_rank1 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking1_cg03.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cg03s_rank2 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking2_cg03.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cg03l_rank2 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking2_cg03.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cg03s_rank3 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking3_cg03.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cg03l_rank3 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking3_cg03.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cg04s_rank1 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking1_cg04.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cg04l_rank1 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking1_cg04.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cg04s_rank2 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking2_cg04.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cg04l_rank2 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking2_cg04.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cg04s_rank3 {
  padding: 0;
  width: 72px;
  height: 17px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking3_cg04.png) no-repeat scroll 0 0;
  background-size:72px 17px;
  text-indent: -9999px;
}
#product-header span#cg04l_rank3 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking3_cg04.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp01s_rank1 {
  background-image: url(../img/common/rank/icon_s_ranking1_cp01.png);
}
#product-header span#cp01l_rank1 {
  float: right;
  display: block;
  width: 59px;
  height: 47px;
  padding: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: transparent url(../img/common/rank/icon_l_ranking1_cp01.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  text-indent: -9999px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp01s_rank2 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking2_cp01.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp01l_rank2 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking2_cp01.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp01s_rank3 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking3_cp01.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp01l_rank3 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking3_cp01.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp02s_rank1 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking1_cp02.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp02l_rank1 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking1_cp02.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp02s_rank2 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking2_cp02.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp02l_rank2 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking2_cp02.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp02s_rank3 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking3_cp02.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp02l_rank3 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking3_cp02.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp03s_rank1 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking1_cp03.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp03l_rank1 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking1_cp03.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp03s_rank2 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking2_cp03.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp03l_rank2 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking2_cp03.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp03s_rank3 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking3_cp03.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp03l_rank3 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking3_cp03.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp04s_rank1 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking1_cp04.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp04l_rank1 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking1_cp04.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp04s_rank2 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking2_cp04.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp04l_rank2 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking2_cp04.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp04s_rank3 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking3_cp04.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp04l_rank3 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking3_cp04.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp05s_rank1 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking1_cp05.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp05l_rank1 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking1_cp05.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp05s_rank2 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking2_cp05.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp05l_rank2 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking2_cp05.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp05s_rank3 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking3_cp05.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp05l_rank3 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking3_cp05.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp06s_rank1 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking1_cp06.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp06l_rank1 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking1_cp06.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp06s_rank2 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking2_cp06.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp06l_rank2 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking2_cp06.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp06s_rank3 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking3_cp06.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp06l_rank3 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking3_cp06.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp07s_rank1 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking1_cp07.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp07l_rank1 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking1_cp07.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp07s_rank2 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking2_cp07.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp07l_rank2 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking2_cp07.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp07s_rank3 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking3_cp07.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp07l_rank3 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking3_cp07.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp08s_rank1 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking1_cp08.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp08l_rank1 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking1_cp08.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp08s_rank2 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking2_cp08.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp08l_rank2 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking2_cp08.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#cp08s_rank3 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking3_cp08.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#cp08l_rank3 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking3_cp08.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}

ul li a > span.info > span.att_label span#cp09s_rank1 {
    background-image: url(../img/common/rank/icon_s_ranking1_cp09.png);
}
#product-header span#cp09l_rank1 {
    float: right;
    display: block;
    width: 59px;
    height: 47px;
    padding: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: transparent url(../img/common/rank/icon_l_ranking1_cp09.png) no-repeat scroll 0 0;
    background-size:59px 47px;
    text-indent: -9999px;
    line-height: auto;
}
ul li a > span.info > span.att_label span#cp09s_rank2 {
    padding: 0;
    width: 72px;
    height: 17px;
    text-indent: -9999px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background: transparent url(../img/common/rank/icon_s_ranking2_cp09.png) no-repeat scroll 0 0;
    background-size:72px 17px;
}
#product-header span#cp09l_rank2 {
    display: block;
    float: right;
    padding: 0;
    width: 59px;
    height: 47px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    text-indent: -9999px;
    background: transparent url(../img/common/rank/icon_l_ranking2_cp09.png) no-repeat scroll 0 0;
    background-size:59px 47px;
    line-height: auto;
}
ul li a > span.info > span.att_label span#cp09s_rank3 {
    padding: 0;
    width: 72px;
    height: 17px;
    text-indent: -9999px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background: transparent url(../img/common/rank/icon_s_ranking3_cp09.png) no-repeat scroll 0 0;
    background-size:72px 17px;
}
#product-header span#cp09l_rank3 {
    display: block;
    float: right;
    padding: 0;
    width: 59px;
    height: 47px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    text-indent: -9999px;
    background: transparent url(../img/common/rank/icon_l_ranking3_cp09.png) no-repeat scroll 0 0;
    background-size:59px 47px;
    line-height: auto;
}
ul li a > span.info > span.att_label span#cp10s_rank1 {
    padding: 0;
    width: 72px;
    height: 17px;
    text-indent: -9999px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background: transparent url(../img/common/rank/icon_s_ranking1_cp10.png) no-repeat scroll 0 0;
    background-size:72px 17px;
}
#product-header span#cp10l_rank1 {
    display: block;
    float: right;
    padding: 0;
    width: 59px;
    height: 47px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    text-indent: -9999px;
    background: transparent url(../img/common/rank/icon_l_ranking1_cp10.png) no-repeat scroll 0 0;
    background-size:59px 47px;
    line-height: auto;
}
ul li a > span.info > span.att_label span#cp10s_rank2 {
    padding: 0;
    width: 72px;
    height: 17px;
    text-indent: -9999px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background: transparent url(../img/common/rank/icon_s_ranking2_cp10.png) no-repeat scroll 0 0;
    background-size:72px 17px;
}
#product-header span#cp10l_rank2 {
    display: block;
    float: right;
    padding: 0;
    width: 59px;
    height: 47px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    text-indent: -9999px;
    background: transparent url(../img/common/rank/icon_l_ranking2_cp10.png) no-repeat scroll 0 0;
    background-size:59px 47px;
    line-height: auto;
}
ul li a > span.info > span.att_label span#cp10s_rank3 {
    padding: 0;
    width: 72px;
    height: 17px;
    text-indent: -9999px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background: transparent url(../img/common/rank/icon_s_ranking3_cp10.png) no-repeat scroll 0 0;
    background-size:72px 17px;
}
#product-header span#cp10l_rank3 {
    display: block;
    float: right;
    padding: 0;
    width: 59px;
    height: 47px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    text-indent: -9999px;
    background: transparent url(../img/common/rank/icon_l_ranking3_cp10.png) no-repeat scroll 0 0;
    background-size:59px 47px;
    line-height: auto;
}



ul li a > span.info > span.att_label span#tr01s_rank1 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking1_tr01.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#tr01l_rank1 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking1_tr01.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#tr01s_rank2 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking2_tr01.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#tr01l_rank2 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking2_tr01.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#tr01s_rank3 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking3_tr01.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#tr01l_rank3 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking3_tr01.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#tr02s_rank1 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking1_tr02.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#tr02l_rank1 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking1_tr02.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#tr02s_rank2 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking2_tr02.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#tr02l_rank2 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking2_tr02.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}
ul li a > span.info > span.att_label span#tr02s_rank3 {
  padding: 0;
  width: 72px;
  height: 17px;
  text-indent: -9999px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: transparent url(../img/common/rank/icon_s_ranking3_tr02.png) no-repeat scroll 0 0;
  background-size:72px 17px;
}
#product-header span#tr02l_rank3 {
  display: block;
  float: right;
  padding: 0;
  width: 59px;
  height: 47px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-indent: -9999px;
  background: transparent url(../img/common/rank/icon_l_ranking3_tr02.png) no-repeat scroll 0 0;
  background-size:59px 47px;
  line-height: auto;
}


#product-header span.makerlogo {
  display: block;
  margin-bottom: 0;
  text-indent: 0;
  vertical-align: top;
  line-height: 1;
}
#product-header span.makerlogo img {
  border: 0;
}

/* 見積もりフォーム（商品の枚数） tab
---------------------------------------------------*/
input#amount {
  display: inline-block;
  width: 20%;
  margin: 0 8px 20px 8px;
  border: 1px solid #ccc;
  font-size: 30px;
  line-height: 1.5;
  vertical-align: middle;
  text-align: center;
}

ul.list-thumb-2 li a span > span.att_label span.makerlogo {
  border-radius: 0 0 0 0;
  display: block;
  font-size: 1px;
  height: auto;
  line-height: 1;
  margin-bottom: 2px;
  padding: 0;
  text-indent: 0;
  width: 72px;
}
ul.list-thumb-2 li a span.makerlogo img {
  height: auto;
  width: 72px;
}

/* フォームのエラーメッセージ
---------------------------------------------------*/
div.input-error {
  margin: 20px 30px;
}
div.input-error dl dt {
  margin-bottom: 13px;
  padding: 7px 10px 7px 30px;
  border-radius: 6px;
  border: 1px solid #f00;
  background-size: 20px auto;
  background: #fff url(../img/common/ico_attention.svg) 7px center no-repeat;
  background-size: 19.5px auto;
  font-size: 20px;
  font-weight: bold;
  color: #F00;
  line-height: 1;
  text-align: center;
}
div.input-error dl ul {
  display: table;
  margin: 0 auto;
}
div.input-error dl ul li {
  background-size: 22.5px;
  font-size: 18px;
  line-height: 1.6;
}

/* 戻るボタン */
div.input-error p.back-input {
  padding: 0 0 20px;
}
div.input-error p.back-input a {
  display: block;
  width: 40%;
  margin: 0 auto;
  padding: 10px;
  /*border: 1px solid #000000;*/
  border-radius: 5px 5px 5px 5px;
  /*background: linear-gradient(center top, #656565 0%, #000000 100%) repeat scroll 0 0 transparent;*/
  /*color: #FFFFFF;*/
  /*font-size: 16px;*/
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
}
div.input-error p.back-input a.ico-arrow1-back::before {
  background-color:transparent;
  background-position: -145px 50%;
  background-image: url("../img/common/ico-set_18_white.png");
  background-repeat: no-repeat;
  border-radius: 9px 9px 9px 9px;
  box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.55) inset;
  content: " ";
  display: inline-block;
  height: 18px;
  margin-top: -2px;
  vertical-align: middle;
  width: 18px;
}

/* フォーム必須を赤色に
------------------------------------*/
#customer-info h2 span {
  color: #F00;
}

/* 1230行目のスタイルを戻す */
#customer-info h2.ttl-2 span {
  color: #FFF;
}

/* ご利用ガイドのフォントサイズ対応 */
ul.list-nav h3 {
  font-size: 16px;
}

/* プライバシーポリシー
---------------------------------------------------- */
#privacy-policy dl {
  margin: 0 0 20px 10px;
}
#privacy-policy dl dt {
  margin-bottom: 5px;
  font-weight: bold;
}
#privacy-policy ul {
  margin: 0 0 20px;
}
#tmp #privacy-policy li {
  margin: 0 0 3px 10px;
}
#tmp #privacy-policy ul.no-list-style {
  margin-left: 0;
  list-style: none !important;
}

/* 特定商取引に基づく表示
---------------------------------------------------- */
#tmp ul.company li{
  margin: 0;
}

/* メーカー別ページの商品カテゴリリスト */
ul.item-category-lineup li {
  overflow: hidden;
  border-bottom: 1px solid #C1C1C1;
}
ul.item-category-lineup li a {
  display: block;
  background: url(../img/common/ico_arrow1-r.png) no-repeat 98% center;
  text-decoration: none;
  color: #000;
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
  padding: 4px 20px 4px 4px;
  vertical-align: middle;
}
ul.item-category-lineup li a img {
  margin-right: 10px;
  vertical-align: middle;
  display: inline-block;
}
ul.item-category-lineup li a > span.info {
  display: table-cell;
  vertical-align: middle;
  color: #808080;
}
ul.item-category-lineup li a > span.info > span.ttl {
  font-size: 30px;
  line-height: 32px;
  font-weight: bold;
  color: #000;
  white-space :pre;
  display: block;
  margin-bottom: 20px;
}
ul.item-category-lineup span.photo-block {
  display: table-cell;
  vertical-align: middle;
  color: #F00;
  width: 160px;
}
ul.item-category-lineup li a > span.info > span {
  color: #F00;
}
/* ul.list-thumb-1 li a span.ttl { font-size: 30px; line-height: 2.4; font-weight: bold; display: block; color: #000; padding-top: 2%;} */

/* 物置 製品サイズの注釈 renew
------------------------------------------------------------*/
p.mo-size-attention {
  padding: 7px 20px 6px;
  color: #F00;
  text-align: left;
}

/* カラーバリエーションの画像に枠を付ける
https://www.ex-shop.net/spdev/index.php?action=public_item_search_closeup&type=color&item_id=899
 */
.list-thumb-3 img {
  border: 1px solid #B0B0B0;
  padding: 2px;
  background: #FFF;
  width: 264px;
  height: 180px;
}
/* 画像幅を480pxに打ち消す */

.sp_img480 img {
  width: 480px;
  height: auto;
}
/* Footerフッターのパンくずリスト */
#breadcrumb {
  font-size: 11px;
  line-height: 25px;
  color: #aaa;
  background: #333;
  border-top:1px solid #aaa;
  padding: 5px 10px 6px;
  overflow: hidden;
}
#breadcrumb li {
  float: left;
  margin-right: 3px;
}
#breadcrumb li:after {
  content: " > ";
}
#breadcrumb li:last-child:after {
  content: "";
}
#breadcrumb li a {
  color: #aaa;
}

/*==============================================
　お問い合わせフォーム mailform/form01/regist/input
　現場調査依頼フォーム item/order/regist/input
　商品お問い合わせフォーム　mailform/form06/regist/input
==============================================*/

#MAIN_FORM fieldset#customer-info,
#MAIN_FORM fieldset#appoint,
#MAIN_FORM fieldset#etc-info {
  overflow: hidden;
  margin-top: 35px;
}
#jqv_tel1_1.tel-appearance {
  width: 100%;
  font-size: 16px;
}
#contact-form p.note {
  margin: 10px 20px 0;
  font-size: 16px;
}
#item_inquiry .list-product-2 li {
  margin: 15px 0;
  /*border-top: 1px solid #ddd;*/
  border: none;
}
#MAIN_FORM #set-btn a,
#item_order_regist_confirm #set-btn a{
  font-size: 24px;
}
#customer-info input[type="text"],
#customer-info input[type="tel"]#jqv_tel1_1,
#customer-info input[type="tel"]#jqv_tel1_2,
#customer-info input[type="tel"]#jqv_tel1_3,
#customer-info input[type="email"],
#customer-info textarea,
#customer-info .dropdown {
  height: auto;
  overflow: visible;
  padding: 15px 0 15px 15px;
  font-size: 24px;
  box-shadow: inset 2px 2px 3px rgba(0,0,0,0.1);
}
#customer-info #pref + span{
  font-size: 24px;
}
#customer-info textarea {
  padding: 15px;
  line-height: 1.2;
}
#customer-info .number_tel input{ /*電話番号のハイフンを垂直方向に中央揃えにする*/
  vertical-align: middle;
}
#customer-info div.data_mailaddress {
  margin: 20px 20px 0;
}
/* メールアドレス自動入力
--------------------------------*/
#customer-info .box_note_mail {
  margin: 20px 0 0;
  font-size: 18px;
}
#customer-info .box_note_mail .note_mail {
  float: left;
  line-height: 1.3;
}
#customer-info .box_note_mail .bt_input {
  float: right;
  display: block;
  height: 42px;
  margin: 1px auto 2px;
  padding: 0 11px 0 34px;
  border-radius: 3px;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
  border: 1px solid #ccc;
  background: url("/sp2/public/img/common/icon_pen.svg") 9px center no-repeat;
  background-size: 18px auto;
  color: #333;
  text-decoration: none;
  line-height: 42px;
}

#customer-info div[type*="email"] {
  padding: 50px;
}
#jq_mailaddress2 {
  font-size: 24px;
}
#etc-info .list_const ul,
#etc-info .list_item ul {
  margin: 20px 20px 0;
}
#etc-info .list_const ul li:last-of-type label.check,
#etc-info .list_item ul li:last-of-type label.check {
  padding-bottom: 0;
}
#etc-info .list_const ul li:nth-of-type(1) label.check,
#etc-info .list_const ul li:nth-of-type(2) label.check,
#etc-info .list_item ul li:nth-of-type(1) label.check,
#etc-info .list_item ul li:nth-of-type(2) label.check {
  padding-top: 0;
}
#etc-info .list_const label.check,
#etc-info .list_item label.check {
  float: left;
  width: 50%;
}
#customer-info .the-trade {
  height: 65px;
  line-height: 1.3;
}


/*==============================================
　現場調査依頼フォーム item/order/regist/input
  注文方法が分からない場合　
  旧スタイル
==============================================*/
#tel-guidance div {
  padding: 0 20px;
}
#tel-guidance p:first-child {
  padding: 15px 0;
}
#tel-guidance a.btn-4 {
  color: #009944;
  font-weight: bold;
}
#tel-guidance p:last-child {
  margin: 10px 0 0 26px;
  text-align: center;
}


/*==============================================
　現場調査依頼フォーム item/order/regist/input
  注文方法が分からない場合
  新スタイル 2015.5.21
==============================================*/
#guidance.h_3:before {
  margin-right: -2px;
  }
#guidance.h_3 {
  margin: 35px 20px 15px 37px;
  text-indent: -17px;
}
.btn_free_dial {
  width: 290px;
  margin: 0 auto;
}
.btn_free_dial p.txt{
  margin-bottom: 8px;
  color: #00a73c;
  text-align: center;
  line-height: 1;
}
.btn_free_dial p.num{
  padding-left: 55px;
  margin-left: 24px;
  background: url("/sp2/public/img/common/icon_freedial.svg") left top no-repeat;
  background-size: 45px auto;
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
  color: #00a73c;
}
.btn_free_dial span {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  font-weight: normal;
  color: #666;
  text-align: center;
}

/*==============================================
　現場調査依頼フォーム item/order/regist/input
  h_1 ポートレート・ランドスケープ変更時の文字拡大　対応
==============================================*/
#product-info.item_detail + section fieldset .h_1 {
  line-height: 1.9;
  padding-right: 20px;
}
@media screen {/*ポートレート*/
  .h_1 {
    -webkit-text-size-adjust: 66.6%;
  }
}
@media screen and (min-width: 360px) {/*ランドスケープ*/
  .h_1{
    -webkit-text-size-adjust: auto;
  }
}


/*==============================================
　お問い合わせフォーム確認画面 mailform/form01/regist/confirm
　現場調査依頼フォーム確認画面 item/order/regist/confirm
　商品お問い合わせフォーム mailform/form06/regist/confirm
==============================================*/
table.form-table {
  width: 100%;
}
table.form-table th,
table.form-table td {
  padding: 18px 13px;
  border-bottom: 1px solid #ddd;
  font-size: 20px;
}
table.form-table th {
  width: 130px;
  padding-left: 20px;
  border-right: 1px solid #ddd;
  background: #fcfcfc;
}
table.form-table td {
  font-size: 24px;
  line-height: 1.2;
}
table.form-table .item_name {
  clear: both;
  font-size: 20px;
}
#item_order_regist_confirm .cont-node {
  overflow: visible;
}
#item_order_regist_confirm section.cont-node .privacy {
  position: relative;
  padding-left: 50px;
  border: 1px solid #bbb;
  box-shadow: 2px 2px 2px rgba(133, 133, 133, 0.2);
  background: none;
  line-height: 1.4;
}
#item_order_regist_confirm section.cont-node .privacy::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  margin: auto 0;
}
#item_order_regist_confirm .cont-node div.cont-body {
  padding: 10px 10px 0;
  border-right: 3px solid #ddd;
  border-left: 3px solid #ddd;
  border-bottom: 3px solid #ddd;
  border-radius: 0 0 5px 5px;
}
#item_order_regist_confirm .area_agreement li label {
  display: block;
  padding: 18px 0;
}
#item_order_regist_confirm .area_agreement li label input {
  display: none;
}
#item_order_regist_confirm .area_agreement li label input + span:before  {
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  content: "";
  background-color: #ccc;
  background-size: 23px;
}
#item_order_regist_confirm .area_agreement li label input[type=checkbox]:checked + span:before {
  background: url("../img/common/icon_check.svg") center no-repeat;
  background-color: #2467C5;
  background-size: 23px;
}
#item_order_regist_confirm .area_agreement li label span {
  display: table;
  margin: 0 auto;
  vertical-align: middle;
  font-size: 22px;
  line-height: 25px;
}
#item_order_regist_confirm .area_agreement li label input[type=checkbox]:checked + span {
  font-size: 22px;
  color: #2467C5;
}
#item_order_regist_confirm .area_agreement li label.lines input + span:before  { /*2行以上ver*/
  display: inline-block;
  float: none;
  width: 25px;
  height: 25px;
  margin-top: -4px;
  margin-right: 10px;
  vertical-align: middle;
  content: "";
  background-color: #ccc;
  background-size: 23px;
}
#item_order_regist_confirm .area_agreement li label.lines span { /*2行以上ver*/
  background-color: #fff; /*android改行バグ対応*/
  display: inline-block;
  margin: 0 auto;
  padding-left: 35px;
  text-indent: -35px;
  font-size: 22px;
  line-height: 1.3;
}

/*==============================================
  フォームページ用　ステップ表示
==============================================*/
ul#step-chart {
  overflow:hidden;
  height: 37px;
  font-size: 16px;
  background: url("../img/common/bg_stepchart_1.png") left top no-repeat;
  color: #808080;
}
ul#step-chart.second-step {
  background: url("../img/common/bg_stepchart_2.png") left top no-repeat;
}
ul#step-chart.third-step {
  background: url("../img/common/bg_stepchart_3.png") left top no-repeat;
}
ul#step-chart li {
  float: left;
}
ul#step-chart li.current {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
ul#step-chart li:first-child {
  margin:2px 0 0 52px;
}
ul#step-chart li:nth-of-type(2) {
  margin: 5px 118px 0 116px;
}
ul#step-chart li:last-child {
  margin-top: 5px;
}
ul#step-chart.second-step li:first-child {
  margin:5px 0 0 56px;
}
ul#step-chart.second-step li:nth-of-type(2) {
  margin: 2px 0 0 114px;
}
ul#step-chart.second-step li:last-child {
  margin-top: 5px;
  margin-left: 115px;
}
ul#step-chart.third-step li:first-child {
  margin:5px 0 0 56px;
}
ul#step-chart.third-step li:nth-of-type(2) {
  margin: 5px 119px 0 115px;
}
ul#step-chart.third-step li:last-child {
  margin-top: 2px;
}

ul#step-chart + h2 {/* ページタイトル設定 */
  margin-top: 0;
}

/*==============================================
  フォームページ用　新ステップ表示　(移行後上記ul#step-chartのスタイルを削除)
==============================================*/
ol#step-chart {
  display: table;
  width: 100%;
  overflow: hidden;
  height: 43px;
  font-size: 20px;
  background: url("../img/common/bg_stepchart_sprite.png") left top no-repeat;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #777;
  position: relative;
}
ol#step-chart li{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
ol#step-chart.second-step {
  background-position: 0 -44px;
}
ol#step-chart.third-step {
  background-position: 0 -88px;
}
ol#step-chart li:before {
  display: inline-block;
  content: "1";
  width: 20px;
  height: 20px;
  margin-right: 7px;
  background-color: #777;
  border-radius: 2px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  line-height: 20px;
}
ol#step-chart li:nth-of-type(2):before {
  content: "2";
}
ol#step-chart li:last-child:before {
  content: "3";
}
ol#step-chart.first-step li:first-child:before,
ol#step-chart.second-step li:nth-of-type(2):before,
ol#step-chart.third-step li:last-child:before { /*各ページでのステップ位置表示*/
  background-color: #fff;
  color: #2467c5;
}
ol#step-chart.first-step li:first-child,
ol#step-chart.second-step li:nth-of-type(2),
ol#step-chart.third-step li:last-child {
  font-weight: bold;
  color: #fff;
}


/*//////////////////////////////////////

item_order_input-CG.html

/////////////////////////////////////*/

/*====================================
CG合成サービス ギャラリーエリア
====================================*/
section#product-cg_service section.image-ttl {
  margin: 20px 0 10px;
  text-align: center;
}
section#product-cg_service section h2.h_1 {
  text-align: center;
}
section#product-cg_service section.gallery {
  text-align: center;
  position: relative;
  height:480px;
  margin-top: 20px;
}
section#product-cg_service section.gallery div.flexslider {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: #f7f7f7;
  border: 1px solid #b0b0b0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  padding: 70px 14px 100px;
  margin-right: 24px;
  margin-left: 24px;
  margin-bottom: 2px;
}
section#product-cg_service section.gallery div.flexslider ul.slides li img {
  width: auto;
  display: block;
  max-height: 300px;
  max-width: 400px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
section#product-cg_service section.gallery ol.flex-control-nav {
  top: 5px;
  left:0px;
  bottom: auto;
}
section#product-cg_service section.gallery ul.flex-direction-nav a {
  background-image: url(../js/flexslider/images/bg_direction_nav2.png);
}
section#product-cg_service section.gallery ul.flex-direction-nav a.flex-prev {
  left: -27px;
}
section#product-cg_service section.gallery ul.flex-direction-nav a.flex-next {
  right: -27px;
}
section#product-cg_service section.gallery div.ttl {
  position: absolute;
  top:10px;
  width: 400px;
  text-align: left;
  left: 15px;
}
section#product-cg_service section.gallery div.ttl img {
  width: 400px;
}
section#product-cg_service section.gallery .before {
  position: absolute;
  top: 380px;
  width: 130px;
  text-align: center;
  right: 52%;
}
section#product-cg_service section.gallery .after {
  position: absolute;
  top:380px;
  width: 130px;
  text-align: center;
  left: 52%;
}
section#product-cg_service section.gallery small.attention {
  position: absolute;
  bottom:10px;
  width: 400px;
  text-align: left;
  left: 15px;
}

/*====================================
  CG合成サービス　商品確認エリア
  ====================================*/
section#product_confirmation {
  margin: 20px;
}
section#product_confirmation dt {
  padding: 10px 0;
  border-radius: 5px 5px 0 0;
  background-color: #2467c5;
  text-align: center;
  font-size: 23px;
  color: #fff;
}
section#product_confirmation dd {
  padding: 20px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  border: 1px solid #ddd;
  text-align: justify;
}
section#product_confirmation .col-2 {
  width: 185px;
}
section#product_confirmation .makerlogo {
  display: block;
  margin-bottom: 2px;
  line-height: 1;
}
section#product_confirmation .name {
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}
section#product_confirmation .attention {
  padding-top: 6px;
  display: block;
  line-height: 1.3;
  font-size: 18px;
}
form#MAIN_FORM #customer-info .ico_arrow4-u {
  padding-top: 80px;
  padding-left: 20px;
  font-size: 20px;
  font-weight: bold;
}
section#product-cg_service #etc-info {
  font-size: 20px;
  line-height: 1.3;
}
section#product-cg_service #etc-info .pic_user {
  margin-top: 20px;
}
section#product-cg_service #etc-info .ico-camera {
  padding-left: 25px;
  background: url(../img/common/ico_camera.png) no-repeat scroll left 4px;
  background-size: 20px auto;
}
section#product-cg_service #etc-info .choose_file {
  width: 100%;
  line-height: 1;
}
section#product-cg_service h1.ttl-2.text-center {
  font-size: 12px;
  line-height: 14px;
  padding-top: 8px;
  padding-bottom: 5px;
}
section#product-cg_service h1.ttl-2.text-center strong {
  font-size: 22px;
  line-height: 26px;
  display: block;
  letter-spacing: 0.1em;
}

/*====================================
  フォーム ファイル
====================================*/
label.form_file {
  position: relative;
  line-height: 40px;
  height: 40px;
  padding: 0px;
}
label.form_file input[type='file'] {
  filter: alpha(opacity=0);
  -moz-opacity:0;
  opacity:0;
  line-height: 40px;
  height: 40px;
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 3;
}
label.form_file input[type='file'] + span {
  line-height: 42px;
  position: absolute;
  left: 0px;
  top: 0px;
  padding-right: 5px;
  padding-left: 5px;
  display: block;
  overflow: hidden;
  z-index: 2;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
}
label.form_file input[type='file'] + span::before {
  content: "";
  height: 26px;
  width: 32px;
  text-indent: -9999;
  vertical-align: middle;
  margin-top: 7px;
  float: left;
  margin-left: 5px;
  background: transparent url(../img/common/ico_camera.png) no-repeat left center;
}

/*//////////////////////////////////////

static_cp-howto.html

/////////////////////////////////////*/

section.static-cont .wrapper {
  padding:10px;
}
section.static-cont .wrapper > p,
section.static-cont .wrapper > img {
  margin-bottom: 15px;
}
section.static-cont .wrapper > p:last-child,
section.static-cont .wrapper > img:last-child {
  margin-bottom: 0;
}

/*//////////////////////////////////////

static_um-plamadouXXX.html

/////////////////////////////////////*/
.nav-content li {
  display: block;
  border: 1px solid #b0b0b0;
  float: left;
  width: 84px;
  margin-right: 7px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.nav-content li:last-child {
  margin-right: 0;
}
.nav-content li a {
  display: block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #FFFFFF;
  background: #e6e6e6;
  background: -moz-linear-gradient(top, #e6e6e6 46%, #d9d9d9 54%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(46%, #e6e6e6), color-stop(54%, #d9d9d9));
  background: -webkit-linear-gradient(top, #e6e6e6 46%, #d9d9d9 54%);
  background: -o-linear-gradient(top, #e6e6e6 46%, #d9d9d9 54%);
  background: -ms-linear-gradient(top, #e6e6e6 46%, #d9d9d9 54%);
  background: linear-gradient(to bottom, #e6e6e6 46%, #d9d9d9 54%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#d9d9d9', GradientType=0 );
  color: #808080;
  font-size: 12px;
  line-height: 50px;
  height: 50px;
  width: 82px;
  text-align: center;
  text-decoration: none;
}
.nav-content li.active {
  display: block;
  border: 1px solid #a40000;
}
.nav-content li.active a {
  display: block;
  border: 1px solid #e0c1c1;
  background: #e0c1c1;
  background: #9f393c;
  background: -moz-linear-gradient(top, #9f393c 46%, #830708 54%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(46%, #9f393c), color-stop(54%, #830708));
  background: -webkit-linear-gradient(top, #9f393c 46%, #830708 54%);
  background: -o-linear-gradient(top, #9f393c 46%, #830708 54%);
  background: -ms-linear-gradient(top, #9f393c 46%, #830708 54%);
  background: linear-gradient(to bottom, #9f393c 46%, #830708 54%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f393c', endColorstr='#830708', GradientType=0 );
  color: #FFF;
}

/*//////////////////////////////////////

  ソムフィーキットページ

/////////////////////////////////////*/

section#static_somfykit p.box-2 {
  font-size: 18px;
  line-height: 1.4;
  padding: 10px;
}
section#static_somfykit section[id*="step"] > div.p-10 {
}
section#static_somfykit section[id*="step"] img.left {
  margin-bottom:10px;
  margin-right:10px;
  float:left;
}
section#static_somfykit section[id*="step"] h1 {
  font-weight:bold;
}
section#static_somfykit section[id*="step"] h1.subtitle {
  border-bottom: solid 2px #b0b0b0;
  margin-bottom:10px;
}
section#static_somfykit div.wrapper {
  clear:both;
}
section#static_somfykit div.wrapper > section.box-1 {
  margin: 20px;
}
section#static_somfykit div.wrapper > section.box-1 {
  margin: 20px;
}
section#static_somfykit div.wrapper > img {
  border: solid 1px #b0b0b0;
  padding:5px;
  margin-right:10px;
  float:left;
}
section#static_somfykit div.wrapper > img.none {
  border:none;
  padding:5px;
  margin-right:10px;
}
section#static_somfykit div.wrapper > h2 {
  color:#007ac3;
}
section#static_somfykit div.wrapper > ul {
  list-style-type: square;
  list-style-position:inside;
}
section#static_somfykit div.wrapper .text-large {
  font-size:150%;
}

/*//////////////////////////////////////

static_aw_xxxx.html

/////////////////////////////////////*/

section#static_aw_e div.wrapper {
  border-bottom: solid 1px #b0b0b0;
}
section#static_aw_e div.wrapper img {
  padding:5px;
  margin-right:10px;
  float:left;
}
section#static_aw_e div.wrapper img.none {
  float:none;
  clear:both;
}
section#static_aw_e div.wrapper h2 {
  color:#007ac3;
  margin-bottom:10px;
}
section#static_aw_e div.wrapper > ul {
  list-style-type: square;
  list-style-position:inside;
}

/*//////////////////////////////////////

  カンバス詳細

/////////////////////////////////////*/

section#static_option_canvas div.wrapper {
  border-bottom: solid 1px #b0b0b0;
}
section#static_option_canvas div.wrapper img {
  padding:5px;
  border:solid 1px #b0b0b0;
}
section#static_option_canvas div.wrapper img.none {
  padding:0;
  border:none;
}
section#static_option_canvas div.wrapper h2 {
  color:#007ac3;
  margin-bottom:10px;
}
section#static_option_canvas div.wrapper >div.box {
  border:solid 1px #b0b0b0;
  padding:10px;
}
section#static_option_canvas .img-row-3 {
  display: block;
  overflow: hidden;
}
section#static_option_canvas .img-row-3 li {
  float: left;
  width: 150px;
  margin-right:3px;
  display: inline-block;
  overflow: hidden;
  text-align:center;
  margin-bottom:5px;
}
section#static_option_canvas .img-row-3 li:nth-child(3n) {
  margin-right:0;
}
section#static_option_canvas .img-row-3 li img {
  border:none;
  padding:0;
}
section#static_option_canvas .img-row-5 {
  display: block;
  overflow: hidden;
}
section#static_option_canvas .img-row-5 li {
  float: left;
  width: 89px;
  margin-right:3px;
  display: inline-block;
  overflow: hidden;
  text-align:center;
  margin-bottom:5px;
}
section#static_option_canvas .img-row-5 li:nth-child(5n) {
  margin-right:0;
}
section#static_option_canvas .img-row-5 li img {
  border:none;
  padding:0;
}
section#static_option_canvas ul.list-square {
  list-style-type: square;
  list-style-position:inside;
}

/*////////////////////////
グランド
/////////////////////////*/

  .bold {
  font-weight:bold;
}
.text-b-red {
  color:#F00;
  font-weight:bold;
}
.text-grey {
  color:#808080;
}
.center {
  text-align:center;
}
.pl-15 {
  padding-left:15px;
}

/*////////////////////////
カーポートの選び方ボタン
/////////////////////////*/
p.howtochoice {
  padding: 15px 0 15px 0;
}
p.howtochoice a {
  position: relative;
  margin: auto;
  width: 48.5%;
  text-align:left;
}
p.howtochoice a:after {
  position: absolute;
  content: url("../img/common/ico_arrow1-r.png");
  right: 4%;
  top: 25%;
}
/*--------------------------------
  カテゴリ別商品情報
--------------------------------*/
p.exteriorchoice {
  margin-top: -1px;
  padding: 16px 10px 18px 0;
  border-top: 1px solid #ddd;
  text-align: right;
}
p.exteriorchoice a {
  position: relative;
  padding-right: 23px;
  color: #3d4a98;
  font-size: 18px;
  text-decoration: none;
}
p.exteriorchoice a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -3px;
  width: 14px;
  height: 24px;
  margin: auto 0;
  background: url("/sp2/public/img/common/sprite_icon.svg?20211022") -106px 0 no-repeat;
  transform: scale(0.571);
}
/*////////////////////////
ウッドデッキの基礎知識ボタン
/////////////////////////*/
p.wd_knowledge {
  padding: 5px 0 15px;
}
p.wd_knowledge a {
  position: relative;
  margin: auto;
  width: 45%;
  text-align:left;
}
p.wd_knowledge a:after {
  position: absolute;
  content: url("../img/common/ico_arrow1-r.png");
  right: 4%;
  top: 25%;
}

/*////////////////////////
ビルトインガレージタイプをご検討中のお客様へボタン
/////////////////////////*/
p.builtin {
  padding: 5px 0 15px;
}
p.builtin a {
  position: relative;
  margin: auto;
  width: 75%;
  text-align:left;
  letter-spacing: -0.1em;
}
p.builtin a:after {
  position: absolute;
  content: url("../img/common/ico_arrow1-r.png");
  right: 4%;
  top: 25%;
}

/*////////////////////////
二重窓・内窓入力画面
/////////////////////////*/
section.window fieldset > .ttl-4 {
  color:#000;
  font-size: 14px;
  font-weight:normal;
  line-height: 18px;
  margin: 10px 10px 5px;
  display: block;
}
section.window fieldset > .ttl-4:before {
  content:'';
}
section.window fieldset > .ttl-4:after {
  content:'';
}
section.window #s1_Size .col-1 table {
  margin-top: 28px;
}
section.window #s1_Size .col-1 table td {
  padding: 5px 0;
  vertical-align: middle;
}

/* ご利用規約
----------------------------------------------*/
#mypage_rules dt {
  margin: 15px auto 5px;
  font-weight: bold;
}
#mypage_rules dd {
  margin-top: 0;
  margin-left: 0;
  padding-top: 0;
}
#mypage_rules dl li {
  line-height: 1.5;
}
#mypage_rules .procedure dt {
  font-weight: normal;
}
#mypage_rules .procedure-name {
  display: block;
}

/* トップページ　
　カテゴリリンクに商品価格を追加
------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio: 2) {/* iPhone */
section#cate-search ul.list-thumb-1 li a {
  white-space: nowrap;
  letter-spacing: -0.1ex;
}
}

/* ===========================================================
  現調フォーム商品詳細部分　
===========================================================*/

/* 現調フォーム　商品名タイトル
------------------------------------*/
section#product-info h2.ttl-2 {
  border-top: none;
}
section#product-info.form_item_detail h2 {
  margin-top: 30px;
}
section#product-info.form_item_detail h2:first-of-type {
  margin-top: 0;
}

/* 現調フォーム　概算お見積り価格
------------------------------------*/
section#product-info div.price {
  margin: 0 20px;
  padding: 10px 20px;
  border-radius: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  font-size: 20px;
}

/* 現調フォーム　画像エリア
------------------------------------*/
form section#product-info div#product-img {
  display: table;
  overflow: hidden; /* clearfix */
  padding-bottom: 0;
  border-bottom: none;
}
section#product-info.form_item_detail #product-img {
  margin: 10px 20px 5px;
  padding: 0;
}

/* 現調フォーム　商品画像
------------------------------------*/
form section#product-info div#product-img img {
  width: 160px;
  margin-right: 0;
  margin-left: 0;
  display: block;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border: 1px solid #b5b5b5;
}

/* 現場調査（無料）のお申し込み
   購入お申込み（物置・ゴミステーション）
   正式お見積(無料)ご依頼フォーム（商品のみの購入）
   セクション
------------------------------------*/
section#product-info {
  margin-bottom: 20px;
}

/* 商品名タイトル内のメーカーロゴ
------------------------------------*/
section#product-info h2.h_2 span.makerlogo {
  float: left;
  margin-right: 10px;
}
section#product-info h2.h_2 span.item_name {
  overflow: auto;
  _zoom: 1; /* IE6 */
}

/* 商品画像の親要素
------------------------------------*/
div#product-img .img {
  display: table-cell;
  padding-right: 10px;
  padding-bottom:10px;
  vertical-align: middle;
}

/* 商品情報
------------------------------------*/
div#product-img table {
  color: #000;
  text-align: left;
  line-height: 1;
}
div#product-img table th,
div#product-img table td {
  padding-bottom: 8px;
}
div#product-img table th {
  padding-right: 10px;
  white-space: nowrap;
}

/* ===========================================================
  カテゴリトップ
===========================================================*/

/*メインビジュアル下リード文
------------------------------------------------------------------------*/
section#cate-menu .lead_text {
  margin: 10px 20px 20px;
  font-size: 21px;
  line-height: 1.4;
  text-align: justify;
}

/*商品リスト内のラベル
　基本工事費無料を追加
------------------------------------------------------------------------*/
ul[class^="list-"] li span > span.att_label span.const_cost_free {
  display: inline;
  margin: 0;
  padding: 0;
  background: none;
  color: #f00;
  font-weight: bold;
  line-height: 17px;
}

/* 工事費お値引きサービス対象 20130724
--------------------------------------------------------------------------------------*/
dl.bnr_off {
  margin: 10px auto;
  width: 204px;
  overflow: hidden;
}
dl.bnr_off dd {
  float: left;
}


/* 絞り込み検索ボタン
--------------------------------------------------------------------------------------*/
.bt_wrap {/* for android */
  margin: 0 0 0 auto;
}

/*　現調フォーム Pマーク/SECOMマーク追加
  2013/08/09
--------------------------------------------------------------------------------------*/
.trusted_info {
  display: block;
  margin: 24px 20px 30px;
  padding: 8px 10px 6px;
  border: 3px double #ccc;
  vertical-align: middle;
}
.trusted_info .info {
  display: table-cell;
}
.trusted_info .info:nth-child(2) {
  margin-top: 8px;
}
.trusted_info dl {
  display: table-cell;
  margin-left: 25px;
  vertical-align: middle;
  color: #014099;
}
.trusted_info dt {
  /*margin-bottom: 5px;*/
  font-size: 18px;
  font-weight: bold;
}
.trusted_info dd {
  color: #014099;
  font-size: 14px;
  font-weight: normal;
}
.trusted_info .info .img,
.trusted_info .info .txt {
  display: table-cell;
}
.trusted_info .info .img {
  vertical-align: top;
  padding-right: 13px;
}
.trusted_info .info:nth-child(2) .img {
  padding-right: 17px;
}
.trusted_info .info .txt {
  vertical-align: middle;
  font-size: 13px;
  line-height: 1.9;
}

/* =====================================================================
  パンくずリスト
======================================================================*/
ul#breadcrumb_top {
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  height: 30px;
  padding: 0;
  border-bottom: 1px solid #ccc;
  background: #fafafa;
  color: #111;
  font-size: 0;
  line-height: 1.5;
  letter-spacing: -0.1ex;
  vertical-align: middle;
}
ul#breadcrumb_top::-webkit-scrollbar {
  display: none;
}
ul#breadcrumb_top li {
  position: relative;
  top: 1px;
  display: table-cell;
  box-sizing: border-box;
  height: 30px;
  margin-top: -1px;
  padding-top: 2px;
  font-size: 12px;
  line-height: 29px;
  vertical-align: middle;
  white-space: nowrap;
}
_::-webkit-full-page-media, _:future, :root ul#breadcrumb_top li {/* iPhone */
  padding-top: 0;
}
ul#breadcrumb_top li:after {
  display: none;
}


/*-------------------------------------------------
  【先頭2つ】
-------------------------------------------------*/
/* 先頭
---------------------------------------- */
ul#breadcrumb_top li:first-child {
  margin-left: -5px;
  padding-left: 5px;
  background-color: #fff;
}

/* 2つ目
---------------------------------------- */
ul#breadcrumb_top li:nth-child(2) {
  margin-right: 6px;
}

/*ul#breadcrumb_top li:first-child:after,
ul#breadcrumb_top li:nth-child(2):after,
ul#breadcrumb_top li:last-child:after {
  content: "";
  width: 0;
  height: 0;
  margin-left: 0;
  background-image: none;
}
*/

/*-------------------------------------------------
  【4つ目以降】矢印アイコン　※3つ目は必要なし
-------------------------------------------------*/
ul#breadcrumb_top li:nth-child(n+4)::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 24px;
  margin: 0 3px 0 2px;
  background: url("/sp2/public/img/common/sprite_icon.svg?20211022") -58px 0 no-repeat;
  color: #777;
  vertical-align: middle;
  transform: scale(0.307);
}
ul#breadcrumb_top li:last-of-type {
  padding-right: 10px;
}
/*-------------------------------------------------
  リンク設定
-------------------------------------------------*/
ul#breadcrumb_top li a {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  height: 27px;
  color: inherit;
  font-weight: normal;
  text-decoration: none;
}
_::-webkit-full-page-media, _:future, :root ul#breadcrumb_top li a {/* iPhone */
  height: 29px;
}

/* ボタン化あり（先頭から２つ）
---------------------------------------- */
ul#breadcrumb_top li:first-child a,
ul#breadcrumb_top li:nth-child(2) a {
  padding: 0 3px 0 5px;
  background-color: #fff;
  color: #2467c5;
  font-size: 13px;
  font-weight: bold;
}
ul#breadcrumb_top li:nth-child(2) a {
  padding-left: 15px;
}
ul#breadcrumb_top li:first-child a::before,
ul#breadcrumb_top li:first-child a::after,
ul#breadcrumb_top li:nth-child(2) a::before,
ul#breadcrumb_top li:nth-child(2) a::after {
  position: absolute;
  top: -4px;
  content: "";
  display: inline-block;
  border: 16px solid transparent;
  border-right: none;
  vertical-align: middle;
  z-index: 1;
}
_::-webkit-full-page-media, _:future, :root ul#breadcrumb_top li:first-child a::before,
_::-webkit-full-page-media, _:future, :root ul#breadcrumb_top li:first-child a::after,
_::-webkit-full-page-media, _:future, :root ul#breadcrumb_top li:nth-child(2) a::before,
_::-webkit-full-page-media, _:future, :root ul#breadcrumb_top li:nth-child(2) a::after {/* iPhone */
  top: -2px;
}
ul#breadcrumb_top li:nth-child(2) a::before {
  border-top: 16px solid #fafafa;
  border-bottom: 16px solid #fafafa;
}
ul#breadcrumb_top li:first-child a::before,
ul#breadcrumb_top li:nth-child(2) a::before {
  right: -9px;
  border-left: 10px solid #d5d5d5;
}
_::-webkit-full-page-media, _:future, :root ul#breadcrumb_top li:first-child a::before,
_::-webkit-full-page-media, _:future, :root ul#breadcrumb_top li:nth-child(2) a::before {/* iPhone */
  right: -8.6px;
}

ul#breadcrumb_top li:first-child a::after,
ul#breadcrumb_top li:nth-child(2) a::after {
  right: -8px;
  border-left: 10px solid #fff;
}

ul#breadcrumb_top li:nth-child(2):last-child a {
  margin-left: -15px;
}


/* ボタン化なし（3つ目以降）
---------------------------------------- */
ul#breadcrumb_top li:nth-child(3) a {
  padding-left: 10px;
}
ul#breadcrumb_top li:nth-child(2).current_result {
  padding-left: 15px;
}
ul#breadcrumb_top li:nth-child(3).current_result {
  padding-left: 15px;
}
ul#breadcrumb_top li:nth-child(3):not(.current_result) > :not(a) {
  padding-left: 10px;
}
ul#breadcrumb_top li:last-child:not(.current_result) {
  padding-left: 15px;
}


ul#breadcrumb_top li.current_result {
  font-size: 13px;
}
ul#breadcrumb_top li.current_result strong {
  /*font-weight: bold;*/
}

/* ------------------------------------------------
 基礎知識ページに最終更新日を記載
-------------------------------------------------*/
#sitebg .last-update_date {
  display: flex;
  justify-content: flex-end;
  margin: 10px 8px 0 0;
  font-size: 13px;
}
/* ------------------------------------------------
 タイプ別一覧から商品を探す 2013/09/09
-------------------------------------------------*/
h3.cate_type {
  padding-left: 15px;
  line-height: 1.9;
  font-size: 16px;
  font-weight: bold;
  background-color: #dfdfdf;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  box-shadow:inset 0px 1px 0px 0px rgba(212,212,212,1.0);
  -moz-box-shadow:inset 0px 1px 0px 0px rgba(212,212,212,1.0);
  -webkit-box-shadow:inset 0px 1px 0px 0px rgba(212,212,212,1.0);
}
ul.list-cate-type + h3.cate_type {
  margin-top: -2px;
}

ul.list-half-1.list-cate-type.button {
  padding: 10px 10px 0;
  border-bottom: 1px solid #b4b4b4;
}
ul.list-half-1.list-cate-type.button li {
  margin-right: 10px;
  margin-bottom: 10px;
  width: 225px;
}
ul.list-half-1.list-cate-type.button li:nth-child(2n),
ul.list-half-1.list-cate-type.button li:last-child {
  margin-right: 0;
}
ul.list-half-1.list-cate-type.button li.select {
  background-color: #fff;
}
ul.list-half-1.list-cate-type.button li a {
  position: relative;
  height: auto;
  min-height: 0;
  line-height: 1;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%); /* W3C */
}
ul.list-half-1.list-cate-type.button li.select a {
  background: #D2EFFF;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
ul.list-half-1.list-cate-type.button li a:before {
  position: absolute;
  left: 8px;
  top: 9px;
  content: "";
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: contain;
}
ul.list-half-1.list-cate-type.button li.cp-katanagare a:before {
  left: 20px;
  width: 30px;
  background-image: url("../img/common/item/icon/icon_cp01.svg");
}
ul.list-half-1.list-cate-type.button li.cp-ryouashis a:before {
  top: 10px;
  left: 20px;
  background-image: url("../img/common/item/icon/icon_cp02.svg");
}
ul.list-half-1.list-cate-type.button li.cp-entyou a:before {
  width: 56px;
  height: 26px;
  background-image: url("../img/common/item/icon/icon_cp03.svg");
}
ul.list-half-1.list-cate-type.button li.cp-wide a:before {
  width: 56px;
  height: 26px;
  background-image: url("../img/common/item/icon/icon_cp04.svg");
}
ul.list-half-1.list-cate-type.button li.cp-m_gassyou a:before {
  width: 56px;
  height: 26px;
  background-image: url("../img/common/item/icon/icon_cp05.svg");
}
ul.list-half-1.list-cate-type.button li.cp-y_gassyou a:before {
  width: 56px;
  height: 26px;
  background-image: url("../img/common/item/icon/icon_cp06.svg");
}
ul.list-half-1.list-cate-type.button li.cp-taterentou a:before {
  width: 56px;
  height: 26px;
  background-image: url("../img/common/item/icon/icon_cp07.svg");
}
ul.list-half-1.list-cate-type.button li.cp-3dai-wide a:before {
  width: 56px;
  height: 26px;
  background-image: url("../img/common/item/icon/icon_cp08.svg");
}
ul.list-half-1.list-cate-type.button li.cp-4dai-ijyou a:before {
  width: 56px;
  height: 26px;
  background-image: url("../img/common/item/icon/icon_cp09.svg");
}
ul.list-half-1.list-cate-type.button li.cp-snow020 a:before {
  left: 20px;
  background-image: url("../img/common/item/icon/icon_snow020.svg");
}
ul.list-half-1.list-cate-type.button li.cp-snow030 a:before {
  left: 20px;
  background-image: url("../img/common/item/icon/icon_snow030.svg");
}
ul.list-half-1.list-cate-type.button li.cp-snow050 a:before {
  left: 20px;
  background-image: url("../img/common/item/icon/icon_snow050.svg");
}
ul.list-half-1.list-cate-type.button li.cp-snow100 a:before {
  left: 20px;
  background-image: url("../img/common/item/icon/icon_snow100.svg");
}
ul.list-half-1.list-cate-type.button li.cp-snow150 a:before {
  left: 20px;
  background-image: url("../img/common/item/icon/icon_snow150.svg");
}
ul.list-half-1.list-cate-type.button li.cp-snow200 a:before {
  left: 20px;
  background-image: url("../img/common/item/icon/icon_snow200.svg");
}
ul.list-half-1.list-cate-type.button li.cp-taikyouhuu a:before {
  top: 15px;
  left: 20px;
  background-image: url("../img/common/item/icon/icon_wind.svg");
}
ul.list-half-1.list-cate-type.button li.cp-koujihimuryou a:before {
  top: 4px;
  left: 20px;
  background-image: url("../img/common/item/icon/icon_free_const.svg");
}
ul.list-half-1.list-cate-type.button li.cp-back a:before {
  left: 20px;
  background-image: url("../img/common/item/icon/icon_cp10.svg");
}

ul.list-half-1.list-cate-type.button li a:after {
  position: absolute;
  content: url("../img/common/ico_arrow1-r.png");
  right: 6px;
  top: 35%;
}

/* ------------------------------------------------------------------
  【カテゴリトップ】エクスショップのおすすめ 2014/08/28
------------------------------------------------------------------*/
section#ex-recommend ul.recommend li {
  border-bottom: 2px solid #999;
}
section#ex-recommend ul.recommend li .per_series {
  padding: 20px 10px 10px;
}
section#ex-recommend ul.recommend li p.maker span.logo img {
  padding-bottom: 5px;
  vertical-align: middle;
}
section#ex-recommend ul.recommend li p.maker a {
  font-size: 18px;
  font-weight: bold;
  text-decoration: underline;
  color: #000;
}
section#ex-recommend ul.recommend li p.price {
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
  font-size: 14px;
  color: #808080;
}
section#ex-recommend ul.recommend li p.price span.num {
  padding-right: 6px;
  font-size: 22px;
  font-weight: bold;
  color: #f00;
}
section#ex-recommend ul.recommend li p.label span {
  display: inline-block;
  margin-right: 5px;
  width: 100px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
section#ex-recommend ul.recommend li p.label span.price_off {
  background-color: #f00;
}
section#ex-recommend ul.recommend li p.label span.const_free {
  background-color: #7d7d7d;
}
section#ex-recommend ul.recommend li p.pr {
  margin: 5px 0;
  font-size: 14px;
  font-weight: bold;
  color: #448ac9;
}
section#ex-recommend ul.recommend li ul.list {
  overflow: hidden;
}
section#ex-recommend ul.recommend li ul.list li {
  float: left;
  margin-right: 6px;
  border-bottom: none;
}
section#ex-recommend ul.recommend li ul.list li:last-child {
  margin-right: 0;
}
section#ex-recommend ul.recommend li ul.list li a {
  font-size: 12px;
  color: #808080;
  text-decoration: none;
}
section#ex-recommend ul.recommend li ul.list li a p.name {
  width: 148px;
}
section#ex-recommend ul.recommend li ul.list li a p.img img {
  width: 146px;
  height: 109px;
  border: 1px solid #c1c1c1;
}

/* シリーズ施工例
------------------------------------------------------------------*/
section#ex-recommend ul.recommend li p.const_ex {
  padding-right: 8px;
  text-align: right;
  background-color: #f0faff;
}
section#ex-recommend ul.recommend li p.const_ex a {
  font-size: 14px;
  color: #448ac9;
  text-decoration: underline;
  line-height: 2.1;
}
section#ex-recommend ul.recommend li p.const_ex a span.num {
  font-size: 140%;
  font-weight: bold;
  color: #e00;
}

/*------------------------------------------------------------------------
 カテゴリトップ　エクスショップのおすすめ 2013/09/20
 ※施工例リンクがないカテゴリに使用中。無くなり次第削除。
 施工例リンクがある場合は、上記.ex-recommendを使用。
------------------------------------------------------------------------*/
section#exshop-osusume-shouhin ul.recommend li {
  border-bottom: 1px solid #b0b0b0;
}
section#exshop-osusume-shouhin ul.recommend li .per_series {
  padding: 15px 10px 10px;
}
section#exshop-osusume-shouhin ul.recommend li p.maker span.logo img {
  padding-bottom: 5px;
  vertical-align: middle;
}
section#exshop-osusume-shouhin ul.recommend li p.maker a {
  font-size: 18px;
  text-decoration: underline;
  color: #000;
}
section#exshop-osusume-shouhin ul.recommend li p.price {
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
  font-size: 14px;
  color: #808080;
}
section#exshop-osusume-shouhin ul.recommend li p.price span.num {
  padding-right: 6px;
  font-size: 22px;
  font-weight: bold;
  color: #f00;
}
section#exshop-osusume-shouhin ul.recommend li p.label span {
  display: inline-block;
  margin-right: 5px;
  width: 100px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
section#exshop-osusume-shouhin ul.recommend li p.label span.price_off {
  background-color: #f00;
}
section#exshop-osusume-shouhin ul.recommend li p.label span.const_free {
  background-color: #7d7d7d;
}
section#exshop-osusume-shouhin ul.recommend li p.pr {
  margin: 5px 0;
  font-size: 14px;
  font-weight: bold;
  color: #448ac9;
}
section#exshop-osusume-shouhin ul.recommend li ul.list {
  overflow: hidden;
}
section#exshop-osusume-shouhin ul.recommend li ul.list li {
  float: left;
  margin-right: 6px;
  border-bottom: none;
}
section#exshop-osusume-shouhin ul.recommend li ul.list li:last-child {
  margin-right: 0;
}
section#exshop-osusume-shouhin ul.recommend li ul.list li a {
  font-size: 12px;
  color: #808080;
  text-decoration: none;
}
section#exshop-osusume-shouhin ul.recommend li ul.list li a p.img img {
  width: 146px;
  height: 109px;
  border: 1px solid #c1c1c1;
}
section#exshop-osusume-shouhin ul.recommend li p.const_ex {
  padding-right: 8px;
  text-align: right;
  background-color: #e8f8ff;
}
section#exshop-osusume-shouhin ul.recommend li p.const_ex a {
  font-size: 14px;
  color: #448ac9;
  text-decoration: underline;
  line-height: 2;
}
section#exshop-osusume-shouhin ul.recommend li ul.list li a p.name {
  width: 148px;
}

/* ===========================================================
  お客様情報を保存する/お客様情報の復元ボタン 旧スタイル　2013/09/10
===========================================================*/

/* お客様情報を保存するボタン
------------------------------------*/
.save_customer_info {
  padding: 20px 20px 30px;
}
.save_customer_info p.txt {
  padding-bottom: 20px;
  font-size: 16px;
}
.save_customer_info p.button a.btn-4 {
  margin: 0 auto;
  padding: 12px 0 14px;
  width: 338px;
  text-align: center;
  font-size: 16px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.save_customer_info p.button a.btn-4:before {
  content: " ";
  display: inline-block;
  margin-top: -2px;
  margin-right: 9px;
  width: 16px;
  height: 12px;
  vertical-align: middle;
  background: url("../img/common/icon_save_customer_info.png") no-repeat;
}

/* お客様情報の復元ボタン
------------------------------------*/
#customer-info a#getCookies.btn-4 {
  margin: 0 50px 20px;
  position: relative;
  padding: 11px 33px 11px 0;
}
#customer-info a#getCookies.btn-4 p {
  position: relative;
  margin-bottom: 0;
  overflow: visible;
  line-height: 1;
  text-align: center;
  font-size: 20px;
}
#customer-info a#getCookies.btn-4 span {
  display: inline-block;
  padding-top: 5px;
  width: 100%;
  font-size: 14px;
}
#customer-info a#getCookies.btn-4:after {
  content: " ";
  position: absolute;
  right: 16px;
  top: 10px;
  display: inline-block;
  width: 27px;
  height: 40px;
  padding-top: 2px;
  vertical-align: middle;
  background: url("../img/common/icon_recovery_customer_info.png") no-repeat;
}

/* ===========================================================
  お客様情報を保存する/お客様情報の復元ボタン 新スタイル　2015/05/22
===========================================================*/

/* お客様情報を保存するボタン
------------------------------------*/
.save_customer_data {
  padding-bottom: 20px;
}
.save_customer_data p.button a.btn-10:before {
  content: " ";
  display: inline-block;
  margin-top: -2px;
  margin-right: 9px;
  width: 16px;
  height: 12px;
  vertical-align: middle;
  background: url("../img/common/icon_save_customer_info.png") no-repeat;
}
.save_customer_data p.button a.btn-10 {
  margin: 0 auto;
  padding: 15px 0;
  width: 338px;
  text-align: center;
}

/* お客様情報の復元ボタン
------------------------------------*/
#customer-info a#getCookies.btn-10 {
  margin: 0 50px 20px;
  position: relative;
  padding: 11px 33px 11px 0;
}
#customer-info a#getCookies.btn-10 p {
  position: relative;
  margin-bottom: 0;
  overflow: visible;
  line-height: 1;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
#customer-info a#getCookies.btn-10 span {
  display: inline-block;
  padding-top: 5px;
  width: 100%;
  font-size: 14px;
}
#customer-info a#getCookies.btn-10:after {
  content: " ";
  position: absolute;
  right: 16px;
  top: 10px;
  display: inline-block;
  width: 27px;
  height: 40px;
  padding-top: 2px;
  vertical-align: middle;
  background: url("../img/common/icon_recovery_customer_info.png") no-repeat;
}

/* ===============================================================================
  トップページとその他のページの見出しタグの修正 2013/09/25
===============================================================================*/
header p#header-logo {
  float: left;
  display: block;
  width: 233px;
  height: 54px;
  margin-left: 8px;
  background: url(../img/common/img_head_logo.png) no-repeat right center;
  background-size:contain;
  text-indent: -9999px;
}
header p.read_text {
  clear: both;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.5px;
  white-space: nowrap;
  text-align: center;
}
header p.read_text img {
  vertical-align: bottom;
}

/* お見積りメモ0件の時の表示変更 2013/10/02
------------------------------------------------------------------------*/
section#mitsumori-memo .no_mitsumori_memo {
  margin: 10px;
  padding: 15px;
  text-align: center;
  border: 1px solid #999;
}

/*------------------------------------------------------------------------
 フリーダイヤル　ホバーウィンドウ
------------------------------------------------------------------------*/
#win_freedial {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 72px;
  width: 480px;
  margin: auto;
  z-index: 200;
  -webkit-transform: translate3d(0, 0, 0px);
  transform: translate3d(0, 0, 0px);
}
#win_freedial .bt_close {
  text-align: center;
}
#win_freedial p.info {
  overflow: hidden;
  width: 410px;
  height: 157px;
  margin: 0 auto;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.7);
  box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.7);
}
#win_freedial p.bt_close a {
  position: absolute;
  top: -15px;
  right: 19.5px;
  width: 35px;
  height: 35px;
  border: 1px solid #ccc;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #e9e9e9;
/*  -moz-box-shadow: 0 0 0 1px #bbb;
  -webkit-box-shadow: 0 0 0 1px #bbb;
  box-shadow: 0 0 0 1px #bbb;
*/  line-height: 30px;
}
#win_freedial p.bt_close a img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/*------------------------------------------------------------------------
  準備中表示ページ
------------------------------------------------------------------------*/
article.not-found div.message {
  margin: 30px 20px;
}
article.not-found div.message p {
  margin: 10px auto;
  font-size: 20px;
  text-align: center;
}
article.not-found div.message p strong {
  font-weight: bold;
}

article.not-found div.message p.btn_pc {
  display: block;
  width: 220px;
  height: 120px;
  margin-top: 30px;
  -webkit-box-shadow: 2px 2px 3px rgba(170,170,170,0.4);
  -moz-box-shadow: 2px 2px 3px rgba(170,170,170,0.4);
  box-shadow: 2px 2px 3px rgba(170,170,170,0.4);
  border: 1px solid #ccc;
  background-color: #fafafa;
  border-radius: 6px;
}
article.not-found div.message p.btn_pc a {
  display: block;
  padding: 85px 0px 0;
  background: url(../img/common/icon_pc.svg) no-repeat center 15px;
  -webkit-background-size: 40%;
  background-size: 40%;
  color: #9f393c;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

div#set-btn-3 {
  border-bottom: none;
}
article.not-found a.pagetop {
  display: none;
}

/*------------------------------------------------------------------------
  販売終了予定の商品 #3044
------------------------------------------------------------------------*/

/* 商品一覧ページ
------------------------------------------------------------------------*/
section#cate-search ul[class^="list-"] li span > span.att_label span {
  float: none;
  display: inline-block;
  vertical-align: top;
}
section#cate-search ul[class^="list-"] li span > span.att_label span.end_of_sale {
  padding-left: 0;
  font-size: 14px;
  color: #000;
  background: none;
}
section#cate-search ul[class^="list-"] li span > span.att_label span.label_newitem {
  background-color: #ffe612;
  color: #f00;
}



/* 商品詳細ページ
------------------------------------------------------------------------*/
section.gallery .end_of_sale {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 300px;
  margin: 45px auto 0;
  padding: 30px 10px 29px 20px;
  border: 1px solid #ccc;
  background-color: #fff;
  -webkit-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.75);
  text-align: center;
}
section.gallery .end_of_sale .ttl {
  min-height: 40px;
  padding-left: 51px;
  background: url("/sp2/public/img/item/estimate/end_of_sale/ico_exclamation.png") left center no-repeat;
  font-size: 18px;
}
section.gallery .end_of_sale .txt {
  display: inline-block;
  margin: 21px auto 20px;
  font-size: 16px;
  text-align: center;
}
section.gallery .end_of_sale .txt a {
  font-weight: bold;
}
section.gallery .end_of_sale .bt a {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 280px;
  height: 50px;
  padding-left: 53px;
  background: url("/sp2/public/img/item/estimate/end_of_sale/bt_successor.png") left top no-repeat;
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  line-height: 50px;
  vertical-align: middle;
}
section.gallery .end_of_sale .bt_close {
  position: absolute;
  top: -14px;
  right: -13px;
}
/*------------------------------------------------------------------------
 販売終了のお知らせ #3136
------------------------------------------------------------------------*/
/* 商品詳細ページ
------------------------------------------------------------------------*/
section.gallery .container_end_sale {
  z-index: 200;
  zoom: 1;
  position: fixed;
  top: 350px;
  bottom: 240px;
  left: 0;
  right: 0;
}
section.gallery .container_end_sale-last {
  position: absolute;
  top: 120px;
}
@media screen and (orientation:landscape) {
  section.gallery .container_end_sale {
    top: 50px;
    bottom: auto;
    zoom: 0.7;
  }
}
section.gallery .inform_end_sale {
  -webkit-transform: translate3d(0, 0, 0px);
  transform: translate3d(0, 0, 0px);
  display: inline-block;
  width: 379px;
  padding: 15px 20px 20px;
  border: 1px solid #ccc;
  -webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.75);
  background-color: #fff;
  font-size: 16px;
}
section.gallery .inform_end_sale-last {
  padding: 23px 0 23px 35px;
}
section.gallery .inform_end_sale .ttl {
  display: inline-block;
  min-height: 40px;
  padding-left: 56px;
  background: url("/sp2/public/img/item/estimate/end_of_sale/ico_exclamation.png") left center no-repeat;
  font-size: 24px;
  font-weight: bold;
}
section.gallery .inform_end_sale-last .ttl {
  display: flex;
  align-items: center;
  padding-left: 60px;
  font-size: 20px;
}
section.gallery .inform_end_sale .txt {
  margin: 15px auto;
  line-height: 1.30;
  text-align: left;
}
section.gallery .inform_end_sale .succession .img {
  float: left;
  margin-right: 10px;
}
section.gallery .inform_end_sale .succession .details {
  overflow: hidden;
  text-align: left;
}
section.gallery .inform_end_sale .name {
  margin: 0 auto;
}
section.gallery .inform_end_sale .name a {
  color: #333;
  font-weight: bold;
  text-decoration: none;
}
section.gallery .inform_end_sale .price {
  margin-bottom: 6px;
  color: #f00;
  font-weight: bold;
}
section.gallery .inform_end_sale .bt_sub a {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 209px;
  height: 40px;
  padding-left: 29px;
  background: url("/sp2/public/img/item/estimate/end_of_sale/bt_sub.png") left top no-repeat;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  line-height: 40px;
  vertical-align: middle;
}

/* 検索結果一覧ページ
------------------------------------------------------------------------*/
section.result_item_endsale {
  margin-top: 30px;
}
section.result_item_endsale h3 {
  padding: 10px 10px 10px 43px;
  background: url("/sp2/public/img/common/icon_search-blue.svg") 10px center no-repeat #eee;
  font-size: 16px;
  font-weight: bold;
}
.result_item_endsale_ttl {
  padding: 10px 10px 10px 43px;
  background: url("/sp2/public/img/common/icon_search-blue.svg") 10px center no-repeat #eee;
  font-size: 16px;
  font-weight: bold;
}
section.result_item_endsale h3 .keyword {
  font-weight :normal;
}
section.result_item_endsale li {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
section.result_item_endsale li:nth-child(n+6) {
  display: none;
}
section.result_item_endsale li .img {
  float: left;
  position:relative;
  margin-right: 10px;
}
section.result_item_endsale li .img .logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: auto;
}
section.result_item_endsale li .date {
  margin: 14px 0 5px;
  font-size: 16px;
}
section.result_item_endsale li .name {
  margin-bottom: 6px;
  font-weight: bold;
}
section.result_item_endsale li .name a {
  color: #000;
  font-size: 20px;
  text-decoration: none;
}
/* 関連商品をもっと見るボタン
--------------------------------*/
.result_item_endsale .show_more {
  text-align: center;
}
.result_item_endsale .show_more a {
  position: relative;
  display: inline-block;
  width: 340px;
  height: 63px;
  margin: 20px auto 40px;
  border: 1px solid #2072e6;
  border-radius: 6px;
  color: #2072e6;
  font-size: 22px;
  text-decoration: none;
  line-height: 63px;
}
.result_item_endsale .show_more a::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 25px;
  right: 23px;
  width: 12px;
  height: 12px;
  border-left: 2px solid #2072e6;
  border-bottom: 2px solid #2072e6;
  transform: rotate(-45deg);
}

/*------------------------------------------------------------------------
 グッドデザイン賞_受賞ロゴ
------------------------------------------------------------------------*/
section#product-detail section.gallery img.logo_good_design {
  position: absolute;
  top: 20px;
  left: 34px;
  z-index: 100;
}
/*------------------------------------------------------------------------
 エコリフォーム補助金対象商品
------------------------------------------------------------------------*/
section#product-detail section.gallery img.img_ecoreform {
  position: absolute;
  top: 25px;
  left: 46px;
  z-index: 100;
}
/*------------------------------------------------------------------------
 現場調査申込追従ボタン
------------------------------------------------------------------------*/
#win_orderform {
  position: fixed;
  right: 2.25px;
  bottom: 4.5px;
  width: 355.5px;
  margin: auto;
  z-index: 1000; /* dl#price-window + 1 */
  -webkit-transform: translate3d(0, 0, 0px);
  transform: translate3d(0, 0, 0px);
}
@media screen and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #win_orderform {
    display: none;
  }
}

#win_orderform img {
  width: 100%;
}
#win_orderform .close_btn {
  z-index: 1001;
  position: absolute;
  right: 0px;
  top: -33px;
  display: block;
  width: 60px;
}
#win_orderform .close_btn a {
  display: block;
  padding: 0 10px;
}
#win_orderform .close_btn img {
  margin: 10px 8px 15px;
}
/* ====================================================
 お問い合わせ（固定UI）
====================================================*/
.ui-fixed-contact {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 77px;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000;
}
@media screen and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .ui-fixed-contact {
    display: none;
  }
}
.ui-fixed-contact_innder {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  width: 480px;
  margin: 0 auto;
  padding: 7px 10px 0;
}
.ui-fixed-contact_btn {
  text-align: center;
}
.ui-fixed-contact_btn a {
  display: inline-block;
}
.ui-fixed-contact_tel {
  float: left;
}
.ui-fixed-contact_order {
  float: right;
}
.ui-fixed-contact_btn img {
  border-radius: 6px;
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.6);
}
.ui-fixed-contact_search a {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 63px;
  height: 63px;
  padding-bottom: 6px;
  border-radius: 6px;
  background: url("/sp2/public/img/common/icon_search-blue.svg") center 6px no-repeat #fff;
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.6);
  color: #2072e6;
  font-size: 13px;
  font-weight: bold;
  background-size: 31px;
  text-decoration: none;
  line-height: 1;
}
.g-srch-win-bg #sitebg,
.g-srch-win-bg .ui-fixed-contact,
.g-srch-win-bg .floating-search-refine {
  visibility: hidden;
  overflow-y: hidden;
  margin: 0;
  width: 100%;
  height: 0;
}
.g-srch-win {
  width: 480px;
  margin: 0 auto;
  background-color: #fff;
}
.g-srch-win--hide {
  display: none;
}
/* ====================================================
  検索ボックス
====================================================*/
.g-srch-win-frm {
  padding: 20px;
}
input[type="text"].g-srch-win-ctrl_input {
  float: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  width: 283px;
  height: 50px;
  padding: 15px 0 15px 15px;
  border: 1px solid #ccc;
  border-right: none;
  border-radius: 7px 0 0 7px;
  background-color: #f7faff;
  box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.08) inset;
  font-size: 17px;
  vertical-align: middle;
  line-height: 1;
}
input[type="text"].g-srch-win-ctrl_input:placeholder-shown {
  color: #777;
  font-size: 17px;
  vertical-align: bottom;
}
input[type="text"].g-srch-win-ctrl_input::-webkit-input-placeholder {
  color: #777;
  font-size: 17px;
  vertical-align: bottom;
}
input[type="submit"].g-srch-win-ctrl_bt-submit {
  opacity: 1;
  float: left;
  width: 66px;
  height: 50px;
  border-radius: 0 7px 7px 0;
  background: url("/sp2/public/img/common/icon_search-white.svg") 19px center no-repeat #2467c5;
  background-size: 30px auto;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);

  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}
/*--------------------------------
  キャンセル
--------------------------------*/
.g-srch-win_cancel {
  float: right;
  color: #2467c4;
  cursor: pointer;
  text-decoration: none;
  line-height: 50px;
}
/* ====================================================
  商品カテゴリから探す
====================================================*/
.g-srch-win-cate_ttl {
  height: 40px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #e4e4e4;
  background-color: #fafafa;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
}
.g-srch-win-cate_list {
  display: flex;
  flex-wrap: wrap;
}
.g-srch-win-cate_list li {
  position: relative;
  width: 50%;
  border-bottom: 1px solid #e4e4e4;
}
.g-srch-win-cate_list li:nth-last-of-type(2),
.g-srch-win-cate_list li:last-of-type {
  border-bottom: none;
}
.g-srch-win-cate_list a {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 67px;
  height: 100%;
  padding: 7px 0 7px 68px;
  color: #111;
  font-size: 15px;
  text-decoration: none;
}
.g-srch-win-cate_list li:nth-of-type(2n+1) a {
  padding-left: 94px;
  border-right: 1px solid #e4e4e4;
}
.g-srch-win-cate_list li .name {
  margin-top: 1px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.01ex;
}
.g-srch-win-cate_list .name.shrink {
  font-size: 14px;
  letter-spacing: -1px;
}
.g-srch-win-cate_list .count {
  display: flex;
  flex: 1;
}
.g-srch-win-cate_list .count_txt {
  height: 24px;
  margin-top: auto;
  padding: 0 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #555;
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
}
.g-srch-win-cate_list li::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 7px;
  width: 53px;
  height: 53px;
  margin: auto 0;
  border: 1px solid #efefef;
  border-radius: 2px;
  background: url("/sp2/public/img/common/pageslide/menu/item/sprite_nav.webp?2020090300") left top no-repeat;
}
.g-srch-win-cate_list li:nth-of-type(2n+1)::after {
  margin-left: 26px;
}
.g-srch-win-cate_list li:empty::after {
  display: none;
}
.g-srch-win-cate_list li.cp::after   { background-position: 0px 0px;}
.g-srch-win-cate_list li.cy::after   { background-position: -53px 0px;}
.g-srch-win-cate_list li.cg01::after { background-position: 0px -53px;}
.g-srch-win-cate_list li.cg02::after { background-position: -53px -53px;}
.g-srch-win-cate_list li.sh::after   { background-position: 0px -106px;}
.g-srch-win-cate_list li.tr::after   { background-position: -53px -106px;}
.g-srch-win-cate_list li.tg::after   { background-position: 0px -159px;}
.g-srch-win-cate_list li.aw::after   { background-position: -53px -159px;}
.g-srch-win-cate_list li.pg::after   { background-position: 0px -212px;}
.g-srch-win-cate_list li.br::after   { background-position: -53px -212px;}
.g-srch-win-cate_list li.bl::after   { background-position: 0px -265px;}
.g-srch-win-cate_list li.wd::after   { background-position: -53px -265px;}
.g-srch-win-cate_list li.fe::after   { background-position: 0px -318px;}
.g-srch-win-cate_list li.mp::after   { background-position: -53px -318px;}
.g-srch-win-cate_list li.rs::after   { background-position: 0px -371px;}
.g-srch-win-cate_list li.ts::after   { background-position: -53px -371px;}
.g-srch-win-cate_list li.fu::after   { background-position: 0px -424px;}
.g-srch-win-cate_list li.np::after   { background-position: -53px -424px;}
.g-srch-win-cate_list li.mo::after   { background-position: 0px -477px;}
.g-srch-win-cate_list li.sy::after   { background-position: -53px -477px;}
.g-srch-win-cate_list li.gs::after   { background-position: 0px -530px;}
.g-srch-win-cate_list li.um::after   { background-position: -53px -530px;}
.g-srch-win-cate_list li.ws::after   { background-position: 0px -583px;}
.g-srch-win-cate_list li.mk::after   { background-position: -53px -583px;}
.g-srch-win-cate_list li.rd::after   { background-position: 0px -636px;}
.g-srch-win-cate_list li.fj::after   { background-position: -53px -636px;}
.g-srch-win-cate_list li.pl::after   { background-position: 0px -689px;}
.g-srch-win-cate_list li.gf::after   { background-position: -53px -689px;}
.g-srch-win-cate_list li.eco::after  { background-position: 0px -742px;}
.g-srch-win-cate_list li.xa::after   { background-position: -53px -742px;}
.g-srch-win-cate_list li.sl::after   { background-position: 0px -795px;}
.g-srch-win-cate_list li.st::after   { background-position: -53px -795px;}
.g-srch-win-cate_list li.gp::after   { background-position: 0px -848px;}
.g-srch-win-cate_list li.xz::after   { background-position: -53px -848px;}
.g-srch-win-cate_list li.wh::after   { background-position: 0px -901px;}
.g-srch-win-cate_list li.dy::after   { background-position: 0px -1060px;}
.g-srch-win-cate_list li.tf::after   { background-position: 0px -1113px;}
.g-srch-win-cate_list li.tl::after   { background-position: -53px -1113px;}

/*------------------------------------------------------------------------
 オリコローンキャンペーンページへのリンク:機能 #5130
------------------------------------------------------------------------*/
.link_oricoloan_sweetmogumogu2016 {
  margin: 30px 0 0;
}
.link_oricoloan_sweetmogumogu2016 a {
  color: #0035cb;
  font-size: 13px;
  text-decoration: underline;
}
.link_oricoloan_sweetmogumogu2016 a::before {
  content: "";
  display: inline-block;
  margin-right: 3px;
  border: 3px solid transparent;
  border-left: 8px solid #0035cb;
  border-right: none;
  vertical-align: middle;
}
/*------------------------------------------------------------------------
  解説ボタン
------------------------------------------------------------------------*/
h2.ttl-2 .show_info,
legend.ttl-2 .show_info {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  display: inline-block;
  height: 36px;
  margin: auto 0;
  padding: 0 11px 0 9px;
  background-color: #0099e5;
  border-radius: 3px;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  text-decoration: none;
  line-height: 36px;
}
h2.ttl-2 .show_info::before,
legend.ttl-2 .show_info::before {
  content: "i";
  display: inline-block;
  width: 21px;
  height:21px;
  margin-right: 6px;
  border: 1px solid #fff;
  border-radius: 50%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 21px;
}
/*-------------------------------------------------------------
  カレンダー
-------------------------------------------------------------*/
#footer-info .footer_calendar {
  margin-bottom: 15px;
  padding: 12px 15px 25px;
  border-bottom: 1px solid #ddd;
}
#footer-info .footer_calendar table {
  float: left;
  margin-right: 16px;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  width: 217px;
}
#footer-info .footer_calendar table:nth-of-type(2) {
  margin-right: 0;
}
#footer-info .footer_calendar table caption {
  margin-bottom: 10px;
  font-size: 18px;
  text-align: center;
  line-height: 1;
}
#footer-info .footer_calendar table td,
#footer-info .footer_calendar table th {
  padding: 0;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center;
  vertical-align: middle;
}
#footer-info .footer_calendar table th {
  height: 24px;
  background-color: #f7f7f7;
  color: #333;
  font-size: 15px;
  font-weight: bold;
}
#footer-info .footer_calendar table td {
  height: 29px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
#footer-info .footer_calendar table td.sat,
#footer-info .footer_calendar table th.sat,
#footer-info .footer_calendar table tr td:last-child,
#footer-info .footer_calendar table tr th:last-child {/* 土曜日 */
  color: #2467c5;
}
#footer-info .footer_calendar table td.sun,
#footer-info .footer_calendar table th.sun,
#footer-info .footer_calendar table tr td:first-child,
#footer-info .footer_calendar table tr th:first-child {/* 日曜日 */
  color: #f00;
}
#footer-info .footer_calendar table td.holiday,
#footer-info .footer_calendar table th.holiday {
  background: #fee3e4;
}
/* 休日注釈
--------------------------------*/
#footer-info .footer_calendar .info {
  clear: both;
  padding-top: 12px;
  font-size: 15px;
  line-height: 1;
}
#footer-info .footer_calendar .info::before {
  content: "";
  display:inline-block;
  width: 21px;
  height: 21px;
  margin-right: 6px;
  background-color: #fee3e4;
  vertical-align: middle;
}
/* ====================================================
  カテゴリー見出し
====================================================*/
.item-category-headline {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 81px;
  padding-left: 96px;
  border-bottom: 1px solid #ddd;
  background-position: 13px center;
  background-repeat: no-repeat;
}

.item-category-headline.cp { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_cp.png"); }
.item-category-headline.fu { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_fu.png"); }
.item-category-headline.fj { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_fj.png"); }
.item-category-headline.gs { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_gs.png"); }
.item-category-headline.mk { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_mk.png"); }
.item-category-headline.sl { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_sl.png"); }
.item-category-headline.st { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_st.png"); }
.item-category-headline.ts { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_ts.png"); }
.item-category-headline.pg { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_pg.png"); }
.item-category-headline.pl { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_pl.png"); }
.item-category-headline.rd { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_rd.png"); }
.item-category-headline.rs { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_rs.png"); }
.item-category-headline.ws { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_ws.png"); }
.item-category-headline.xa { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_xa.png"); }
.item-category-headline.cg { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_cg.png"); }
.item-category-headline.cy { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_cy.png"); }
.item-category-headline.sh { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_sh.png"); }
.item-category-headline.tg { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_tg.png"); }
.item-category-headline.tr { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_tr.png"); }
.item-category-headline.aw { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_aw.png"); }
.item-category-headline.br { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_br.png"); }
.item-category-headline.bl { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_bl.png"); }
.item-category-headline.wd { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_wd.png"); }
.item-category-headline.fe { margin: 10px 0; background-image: url("/sp2/public/img/global/item/item-category-headline/pic_fe.png"); }
.item-category-headline.mp { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_mp.png"); }
.item-category-headline.mo { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_mo.png"); }
.item-category-headline.sy { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_sy.png"); }
.item-category-headline.um { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_um.png"); }
.item-category-headline.gp { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_gp.png"); }
.item-category-headline.gaiheki { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_gaiheki-tosou.png"); }
.item-category-headline.np { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_np.png"); }
.item-category-headline.gf { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_gf.png"); }
.item-category-headline.wh { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_wh.png"); }
.item-category-headline.kagu { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_kagu.png"); }
.item-category-headline.soil_treatment { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_soil_treatment.png"); }
.item-category-headline.reform { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_interior_reform.png"); }
.item-category-headline.drytech { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_drytech.png"); }
.item-category-headline.ur_reform { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_utilityroom_reform.png"); }
.item-category-headline.dy { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_dy.png?20200609"); }
.item-category-headline.tf { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_tf.png"); }
.item-category-headline.tl { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_tl.png"); }
.item-category-headline.sk { background-image: url("/sp2/public/img/global/item/item-category-headline/pic_sk.png"); }

.item-category-headline .hd {
  margin-bottom: 10px;
  color: #c40000;
  font-size: 25px;
  font-weight: bold;
  line-height: 1;
}
.item-category-headline .hd .extra {
  font-size: 20px;
}
.item-category-headline .info {
  font-size: 15px;
  line-height: 1;
}
.item-category-headline .fence-note {
  margin-top: 3px;
  color: #f00;
  font-weight: bold;
  font-size: 14px;
}
/*--------------------------------
  jquery.simplemodal.css
--------------------------------*/
.simple-modal {display:none;}
/* Overlay */
#simplemodal-overlay {
  background-color: #000;
  /* add asai */
  filter: alpha(opacity=50) !important;/* ie67 */
  -ms-filter: "alpha(opacity=50)" !important;
  zoom: 1 !important;
}
/* add asai */
#simplemodal-container { overflow: visible; }
.simplemodal-wrap { overflow: visible !important;/* スクロールバー非表示対応 */ }

/* ====================================================
  商品カテゴリのタブメニュー
====================================================*/
.nav-category-menu {
  border-bottom: 1px solid #bbb;
  background-color: #fafafa;
  background: linear-gradient(to bottom, #eaeaea 0%,#fafafa 7%,#fafafa 93%, #eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.nav-category-menu.--is-no-cate {
  overflow: hidden;
}
.nav-category-menu__wrap {
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  margin-bottom: -1px;
}
.nav-category-menu__wrap::-webkit-scrollbar {
  display: none;
}
.nav-category-menu__list {
  position: relative;
  display : -webkit-inline-box;
  display : -webkit-inline-flex;
  display: inline-flex;
  -ms-align-items: flex-end;
  align-items: flex-end;
  margin-bottom: 1px;
  padding: 2px 6px 0;
  min-height: 45px;
}
.nav-category-menu__list li {
  position: relative;
  margin-right: -1px;
}
.nav-category-menu__list a {
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 10px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-radius: 4px 4px 0 0;
  background: #fff;
  color: #333;
  font-size: 15px;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: bottom;
  line-height: 34px;
}
.nav-category-menu__list li:last-of-type a {
  border-right: 1px solid #ccc;
}

/*----------------------------------
  選択中のタブ
----------------------------------*/
.nav-category-menu__list li.active {
  position: relative;
  bottom: -5px;
  box-shadow: 1px 0 2px rgba(0,0,0,0.1);
  border-radius: 4px 4px 0 0;
  background-color: #fff;
}
.nav-category-menu__list li.active a {
  overflow: hidden;
  padding: 5px 10px 4px;
  border-color: #bbb;
  border-top: none;
  border-radius: 4px 4px 0 0;
  background: #fff;
  color: #c40000;
  font-weight: bold;
  box-shadow: none;
}
.nav-category-menu__list li.active a::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  margin: auto;
  border-radius: 4px 4px 0 0;
  background-color: #c40000;
}
.nav-category-menu__icon {
  display: flex;
  margin-right: 9px;
}
.nav-category-menu__icon img {
  vertical-align: middle;
}
.nav-category-menu__list .nav-category-menu_spr {
  margin-right: 9px;
  background-image: url("/sp2/public/img/global/item/nav-category-menu/sprite_topSlide_menu.webp?2025021200");
  background-repeat: no-repeat;
  overflow: hidden;
  white-space: nowrap;
  width: 30px;
  height: 28px;
} 
.nav-category-menu__list .cp {
  background-position: 0px 0px;
} 
.nav-category-menu__list .cy {
  background-position: -30px 0px;
}
.nav-category-menu__list .cg{
  background-position: -60px 0px;
}
.nav-category-menu__list .sh{
  background-position: -90px 0px;
}
.nav-category-menu__list .tr{
  background-position: -120px 0px;
}
.nav-category-menu__list .tg{
  background-position: -150px 0px;
}
.nav-category-menu__list .aw{
  background-position: 0px -28px;
}
.nav-category-menu__list .pg{
  background-position: -30px -28px;
}
.nav-category-menu__list .br{
  background-position: -60px -28px;
}
.nav-category-menu__list .bl{
  background-position: -90px -28px;
}
.nav-category-menu__list .wd{
  background-position: -120px -28px;
}
.nav-category-menu__list .fe{
  background-position: -150px -28px;
}            
.nav-category-menu__list .mp{
  background-position: 0px -56px;
} 
.nav-category-menu__list .rs{
  background-position: -30px -56px;
}               
.nav-category-menu__list .ts{
  background-position: -60px -56px;
}  
.nav-category-menu__list .fu{
  background-position: -90px -56px;
} 
.nav-category-menu__list .np{
  background-position: -120px -56px;
} 
.nav-category-menu__list .mo{
  background-position: -150px -56px;
}
.nav-category-menu__list .sy{
  background-position: 0px -84px;
}
.nav-category-menu__list .gs{
  background-position: -30px -84px;
}
.nav-category-menu__list .um{
  background-position: -60px -84px;
}   
.nav-category-menu__list .ws{
  background-position: -90px -84px;
}
.nav-category-menu__list .mk{
  background-position: -120px -84px;
}
.nav-category-menu__list .rd{
  background-position: -150px -84px;
}
.nav-category-menu__list .fj{
  background-position: 0px -112px;
}
.nav-category-menu__list .pl{
  background-position: -30px -112px;
}
.nav-category-menu__list .rainwater{
  background-position: -150px -168px;
} 
.nav-category-menu__list .sk{
  background-position: 0px -196px;
} 
.nav-category-menu__list .solar{
  background-position: -60px -112px;
} 
.nav-category-menu__list .xa{
  background-position: -90px -112px;
}
.nav-category-menu__list .tl{
  background-position: -120px -112px;
}
.nav-category-menu__list .tf{
  background-position: -150px -112px;
} 
.nav-category-menu__list .dy{
  background-position: 0px -140px;
}  
.nav-category-menu__list .gp{
  background-position: -120px -140px;
}
.nav-category-menu__list .drytech{
  background-position: -30px -140px;
}
.nav-category-menu__list .sl{
  background-position: -60px -140px;
} 
.nav-category-menu__list .st{
  background-position: -90px -140px;
} 
.nav-category-menu__list .fax{
  background-image: url("/sp2/public/img/global/item/nav-category-menu/pic_fax.svg?2026110401");
  background-position: center;
  background-size: contain;
}
.nav-category-menu__list .reform{
  background-position: -150px -140px;
}  
.nav-category-menu__list .ur_reform{
  background-position: 0px -168px;
}
.nav-category-menu__list .kagu{
  background-position: -30px -168px;
}                                                                                                                        
.nav-category-menu__list .soil_treatment{
  background-position: -60px -168px;
}  
.nav-category-menu__list .gaiheki{
  background-position: -90px -168px;
}  
.nav-category-menu__list .others{
  background-position: -120px -168px;
}           
/* ====================================================
  ページ下部
====================================================*/
.nav-category-menu--footer {
  border-top: none;
  background: #fafafa;
  box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}
.nav-category-menu--footer .nav-category-menu__list {
  align-items: flex-start;
  padding: 0 6px 2px;
  border-top: 1px solid #bbb;
}
.nav-category-menu--footer .nav-category-menu__list a {
  border-top: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0 0 4px 4px;
  box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.05) inset;
}
.nav-category-menu--footer .nav-category-menu__list li.active {
  top: -5px;
  bottom: auto;
  border-radius: 0 0 4px 4px;
}
.nav-category-menu--footer .nav-category-menu__list li.active a {
  padding: 4px 13px 5px;
  border-bottom: none;
  border-radius: 0 0 4px 4px;
  vertical-align: bottom;
}
.nav-category-menu--footer .nav-category-menu__list li.active a::before {
  top: auto;
  bottom: 0;
  border-radius: 0 0 4px 4px;
}
/* 商品カテゴリタイトル調整 */
.nav-category-menu + .item-category-headline {
  padding-bottom: 10px;
  border-top: none;
}
.nav-category-menu + .item-category-headline .hd {
  padding-top: 7px;
}
/* 商品キーワード検索 */
.nav-category-menu--footer + section#keyword-search-check-memo {
  border-top: none;
}
/* ====================================================
  コメントフォーム
====================================================*/
.footer-user-suggestion {
  clear: both;
  padding: 10px 0 20px;
  border-top: 1px solid #e7e7e7;
  background-color: #f5f5f5;
  text-align: center;
}
.footer-user-suggestion_txt {
  margin-bottom: 10px;
  font-size: 14px;
}
section#footer-info .footer-user-suggestion_btn a {
  position: relative;
  display: inline-block;
  height: 42px;
  padding: 0 20px 0 51px;
  border: 1px solid #dd9527;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  color: #dd9527;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  line-height: 42px;
}
section#footer-info .footer-user-suggestion_btn a::before {
  top: 0;
  left: 21px;
  width: 15px;
  height: 24px;
  margin: 0;
  background-position: -103px -109px;
  transform: scale(1.93);
}
/* ====================================================
  フッターバナー
====================================================*/
.footer-camp-bnr {
  margin: 38px 0 33px;
}
.footer-camp-bnr .ttl {
  width: 480px;
  padding: 8px 0;
  background-color: #eee;
  text-align: center;
}
.footer-camp-bnr-wrap {
  display: flex;
  margin: 20px 0 0 10px;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;  
}
.footer-camp-bnr-wrap::-webkit-scrollbar{
  display: none;
}
.footer-camp-bnr_bnr {
  margin: 10px;
}
.footer-camp-bnr_bnr img {
  width: 100%;
}

/* ====================================================
  フッターリンク
====================================================*/
.footer-link-chain {
  border-top: 1px solid #ddd;
  font-size: 14px;
}
.footer-link-chain--noborder {
  border-top: none;
}
.footer-link-chain_hd , .pic-up_ttl{
  height: 40px;
  background-color: #eaeaea;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
}
.footer-link-chain_list {
  display: flex;
  flex-wrap: wrap;
}
.footer-link-chain_list li {
  box-sizing: border-box;
  display: flex;
  width: 33.333%;
  border-bottom: 1px solid #ddd;
  background-color: #f5f5f5;
}
.footer-link-chain_list li {
  border-right: 1px solid #ddd;
}
.footer-link-chain_list li:nth-of-type(3n) {
  border-right: none;
}
section#footer-info .footer-link-chain_list a {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 10px;
  height: auto;
  min-height: 40px;
  background: url("/sp2/public/img/common/icon_next.svg") right 3px center no-repeat;
  background-size: 6px auto;
  color: #333;
  text-decoration: none;
  line-height: 1.2;
}
.pic-up-body {
  display: none;
}
.pic-up_ttl.is-open .pic-up-body {
  display: block;
}
section#footer-info .pic-up-body  a{
  text-overflow: ellipsis;
  overflow:hidden;
  white-space: nowrap;
  display: block;
  padding: 13px 12px 13px 15px;
}
.pic-up_ttl{
  position: relative;
  cursor: pointer;
}
.pic-up_ttl::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  display: inline-block;
  width: 9px;
  height: 16px;
  margin: auto 0;
  background: url("/sp2/public/img/common/icon_next.svg") right center no-repeat;
  background-size: contain;
  transform: rotate(90deg);
}
.pic-up_ttl.is-open::after {
  transform: rotate(270deg);
} 
/* ====================================================
  クオカードアイコン
  VJAギフトカードアイコン
====================================================*/
#recommend_on_top .bnr_big-item .icon_quocard,
#recommend_on_top .bnr_big-item .icon_vjagiftcard {
  position: absolute;
  top: 89px;
  left: 14px;
}
#recommend_on_top .bnr_big-item.large .icon_quocard,
#recommend_on_top .bnr_big-item.large .icon_vjagiftcard {
  top: 42px;
  left: 5px;
}
#recommend_on_top .bnr_YKFE011723 .icon_quocard,
#recommend_on_top .bnr_YKMP010054 .icon_quocard,
#recommend_on_top .bnr_TXWD110003 .icon_quocard,
#recommend_on_top .bnr_YKFE011723 .icon_vjagiftcard,
#recommend_on_top .bnr_YKMP010054 .icon_vjagiftcard,
#recommend_on_top .bnr_TXWD110003 .icon_vjagiftcard,
#recommend_on_top .bnr_YKWD110001_has_img .icon_quocard {
  top: 150px;
  left: 12px;
}
/*///////////////////////////////////////////////////////////////////////

  ハンバーガーメニュー

///////////////////////////////////////////////////////////////////////*/
#page_slide .contact .block_btn {
  position: relative;
  border-bottom: none;
}
#page_slide .contact .block_btn::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  border-bottom: 1px solid #e0e0e0;
}
/* ====================================================
  タイトル
====================================================*/
.hm-acc-bx {
  position: relative;
}
.hm-acc-bx_ttl,
.hm-acc-bx-sitetop_ttl {
  display: block;
  height: 60px;
  padding: 0 20px;
  color: #111;
  font-size: 18px;
  text-decoration: none;
  line-height: 59px;
  vertical-align: middle;
}
.hm-acc-bx_ttl.ico-pl-minus + .hm-acc-bx_ttl.ico-pl-no-init-close-minus {
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.07);
}
.hm-acc-bx_ttl.ico-pl-minus + .hm-acc-bx_ttl.ico-pl-no-init-close-minus + .hm-acc-bx-holder [class*="hm-acc-bx_list"] {
  border-top: 1px solid #ddd;
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.07) inset;
}
.hm-acc-bx_ttl.ico-pl-minus + .hm-acc-bx_ttl.ico-pl-no-init-close-minus + .hm-acc-bx-holder .hm-acc-bx_list--nobxs {
  box-shadow: none;
}
.hm-acc-bx_ttl::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 20px;
  border-bottom: 1px solid #e0e0e0;
  pointer-events: none; /* 23540#note-35 */
}
.hm-acc-bx_ttl--last::after {
  margin: 0;
}
.hm-acc-bx_ttl.ico-pl-minus::after,
.hm-acc-bx_ttl.ico-pl-no-init-close-minus::after {
  display: none;
}
.hm-acc-bx_ttl::before,
.hm-acc-bx-sitetop_ttl::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 20px;
  left: auto;
  width: 14px;
  height: 23px;
  margin: auto 0;
  background-repeat: no-repeat;
  background-position: -122px 0;
  transform: scale(0.6428) rotate(90deg);
}
.hm-acc-bx-sitetop_ttl::before,
.hm-acc-bx_ttl:last-child::before {
  transform: scale(0.643);
}
.hm-acc-bx_ttl.ico-pl-minus::before,
.hm-acc-bx_ttl.ico-pl-no-init-close-minus::before {
  transform: scale(0.6428) rotate(270deg);
}
.hm-acc-bx_ttl--link::before {
  bottom: 0;
  right: 20px;
  left: auto;
  width: 14px;
  height: 23px;
  margin: auto 0;
  background-position: -154px 0;
  transform: scale(0.643);
}
/* ====================================================
  ホルダ
====================================================*/
.hm-acc-bx_ttl.ico-pl-minus + .hm-acc-bx_ttl.ico-pl-no-init-close-minus + .hm-acc-bx-holder {
  border-bottom: 1px solid #ddd;
}
/* ====================================================
  見出し
====================================================*/
.hm-acc-bx_hd {
  height: 36px;
  padding: 0 20px;
  border-top: 1px solid #e4e4e4;
  background-color: #ececec;
  font-size: 15px;
  text-align: center;
  line-height: 36px;
}
/* ====================================================
  件数
====================================================*/
.hm-acc-bx_cnt {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 45px;
  margin: auto;
  display: inline-flex;
  height: 25px;
  padding: 0 12px;
  border-radius: 13px;
  background-color: #fff2f2;
  color: #db0000;
  font-size: 14px;
  line-height: 25px;
}
.hm-acc-bx_cnt-num {
  margin: 0 2px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
}
/* ====================================================
  商品カテゴリ
====================================================*/
.hm-acc-bx_list-cate {
  display: flex;
  flex-wrap: wrap;
  background-color: #fafafa;
}
.hm-acc-bx_list-cate li {
  position: relative;
  width: 50%;
  border-bottom: 1px solid #e0e0e0;
}
.hm-acc-bx_list-cate li:nth-last-of-type(2),
.hm-acc-bx_list-cate li:last-of-type {
  border-bottom: none;
}
.hm-acc-bx_list-cate a {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 67px;
  height: 100%;
  padding: 7px 0 7px 68px;
  color: #111;
  font-size: 15px;
  text-decoration: none;
}
.hm-acc-bx_list-cate a::before {
}
.hm-acc-bx_list-cate li:nth-of-type(2n+1) a {
  border-right: 1px solid #e5e5e5;
}
.hm-acc-bx_list-cate a::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4px;
  left: auto;
  height: 23px;
  width: 14px;
  display: block;
  margin: auto 0;
  background-image: url(/sp2/public/img/common/sprite_icon.svg?20211022);
  background-repeat: no-repeat;
  background-position: -154px 0;
  transform: scale(0.5);
}
.hm-acc-bx_list-cate li .name {
  margin-top: 3px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: -0.01ex;
}
.hm-acc-bx_list-cate .name.shrink {
  font-size: 90%;
  letter-spacing: -1px;
}
.hm-acc-bx_list-cate .count {
  display: flex;
  flex: 1;
}
.hm-acc-bx_list-cate .count_txt {
  height: 21px;
  margin-top: auto;
  padding: 0 5px;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #555;
  font-size: 13px;
  font-weight: normal;
  line-height: 21px;
}
.hm-acc-bx_list-cate li::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 7px;
  width: 53px;
  height: 53px;
  margin: auto 0;
  border: 1px solid #efefef;
  border-radius: 2px;
  background: url("/sp2/public/img/common/pageslide/menu/item/sprite_nav.webp?2024121300") left top no-repeat;
}
.hm-acc-bx_list-cate li:empty::after {
  display: none;
}

.hm-acc-bx_list-cate li.cp::after   { background-position: 0px 0px;}
.hm-acc-bx_list-cate li.cy::after   { background-position: -53px 0px;}
.hm-acc-bx_list-cate li.cg01::after { background-position: 0px -53px;}
.hm-acc-bx_list-cate li.cg02::after { background-position: -53px -53px;}
.hm-acc-bx_list-cate li.sh::after   { background-position: 0px -106px;}
.hm-acc-bx_list-cate li.tr::after   { background-position: -53px -106px;}
.hm-acc-bx_list-cate li.tg::after   { background-position: 0px -159px;}
.hm-acc-bx_list-cate li.aw::after   { background-position: -53px -159px;}
.hm-acc-bx_list-cate li.pg::after   { background-position: 0px -212px;}
.hm-acc-bx_list-cate li.br::after   { background-position: -53px -212px;}
.hm-acc-bx_list-cate li.bl::after   { background-position: 0px -265px;}
.hm-acc-bx_list-cate li.wd::after   { background-position: -53px -265px;}
.hm-acc-bx_list-cate li.fe::after   { background-position: 0px -318px;}
.hm-acc-bx_list-cate li.mp::after   { background-position: -53px -318px;}
.hm-acc-bx_list-cate li.rs::after   { background-position: 0px -371px;}
.hm-acc-bx_list-cate li.ts::after   { background-position: -53px -371px;}
.hm-acc-bx_list-cate li.fu::after   { background-position: 0px -424px;}
.hm-acc-bx_list-cate li.np::after   { background-position: -53px -424px;}
.hm-acc-bx_list-cate li.mo::after   { background-position: 0px -477px;}
.hm-acc-bx_list-cate li.sy::after   { background-position: -53px -477px;}
.hm-acc-bx_list-cate li.gs::after   { background-position: 0px -530px;}
.hm-acc-bx_list-cate li.um::after   { background-position: -53px -530px;}
.hm-acc-bx_list-cate li.ws::after   { background-position: 0px -583px;}
.hm-acc-bx_list-cate li.mk::after   { background-position: -53px -583px;}
.hm-acc-bx_list-cate li.rd::after   { background-position: 0px -636px;}
.hm-acc-bx_list-cate li.fj::after   { background-position: -53px -636px;}
.hm-acc-bx_list-cate li.pl::after   { background-position: 0px -689px;}
.hm-acc-bx_list-cate li.gf::after   { background-position: -53px -689px;}
.hm-acc-bx_list-cate li.rainwater::after  { background-position: -53px -848px;}
.hm-acc-bx_list-cate li.solar::after  { background-position: 0px -742px;}
.hm-acc-bx_list-cate li.xa::after   { background-position: -53px -742px;}
.hm-acc-bx_list-cate li.sl::after   { background-position: 0px -795px;}
.hm-acc-bx_list-cate li.st::after   { background-position: -53px -795px;}
.hm-acc-bx_list-cate li.gp::after   { background-position: 0px -848px;}
.hm-acc-bx_list-cate li.xz::after   { background-position: 0px -1166px;}
.hm-acc-bx_list-cate li.wh::after   { background-position: 0px -901px;}
.hm-acc-bx_list-cate li.kagu::after { background-position: -53px -901px;}
.hm-acc-bx_list-cate li.reform::after { background-position: 0px -954px;}
.hm-acc-bx_list-cate li.dry::after  { background-position: -53px -954px;}
.hm-acc-bx_list-cate li.basin::after { background-position: 0px -1007px;}
.hm-acc-bx_list-cate li.zando::after { background-position: -53px -1007px;}
.hm-acc-bx_list-cate li.dy::after { background-position: 0px -1060px;}
.hm-acc-bx_list-cate li.painting::after { background-position: -53px -1060px;}
.hm-acc-bx_list-cate li.tf::after { background-position: 0px -1113px;}
.hm-acc-bx_list-cate li.tl::after { background-position: -53px -1113px;}
.hm-acc-bx_list-cate li.sk::after { background-position: -53px -1166px;}


/*#34923: お問い合わせ商品　カテゴリのメニューの件数表示不具合*/
.hm-acc-bx_list-cate.--xz li:nth-last-of-type(2),
.hm-acc-bx_list-cate.--xz li:last-of-type {
  border-bottom: 1px solid #e0e0e0;
}
.hm-acc-bx_list-cate.--xz li::after {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.hm-acc-bx_list-cate.--xz li.sk::after { background-image: url("/sp2/public/img/common/pageslide/menu/xz/pic_sk.png");}
.hm-acc-bx_list-cate.--xz li.cp::after { background-image: url("/sp2/public/img/common/pageslide/menu/xz/pic_cp.png");}
.hm-acc-bx_list-cate.--xz li.bp::after { background-image: url("/sp2/public/img/common/pageslide/menu/xz/pic_bp.png");}
.hm-acc-bx_list-cate.--xz li.im::after { background-image: url("/sp2/public/img/common/pageslide/menu/xz/pic_im.png");}
.hm-acc-bx_list-cate.--xz li.bg::after { background-image: url("/sp2/public/img/common/pageslide/menu/xz/pic_bg.png");}
.hm-acc-bx_list-cate.--xz li.cl::after { background-image: url("/sp2/public/img/common/pageslide/menu/xz/pic_cl.png");}
.hm-acc-bx_list-cate.--xz li.rt::after { background-image: url("/sp2/public/img/common/pageslide/menu/xz/pic_rt.png");}
.hm-acc-bx_list-cate.--xz li.ep::after { background-image: url("/sp2/public/img/common/pageslide/menu/xz/pic_ep.png");}
.hm-acc-bx_list-cate.--xz li.wd::after { background-image: url("/sp2/public/img/common/pageslide/menu/xz/pic_wd.png");}
.hm-acc-bx_list-cate.--xz li.bs::after { background-image: url("/sp2/public/img/common/pageslide/menu/xz/pic_bs.png");}
.hm-acc-bx_list-cate.--xz li.pf::after { background-image: url("/sp2/public/img/common/pageslide/menu/xz/pic_pf.png");}
.hm-acc-bx_list-cate.--xz li.sp::after { background-image: url("/sp2/public/img/common/pageslide/menu/xz/pic_sp.png");}
.hm-acc-bx_list-cate.--xz li.sd::after { background-image: url("/sp2/public/img/common/pageslide/menu/xz/pic_sd.png");}
.hm-acc-bx_list-cate.--xz li.se::after { background-image: url("/sp2/public/img/common/pageslide/menu/xz/pic_se.png");}
.hm-acc-bx_list-cate.--xz li.cr::after { background-image: url("/sp2/public/img/common/pageslide/menu/xz/pic_cr.png");}


/* ====================================================
リンクリスト
====================================================*/
.hm-acc-bx_list {
  display: flex;
  flex-wrap: wrap;
  background-color: #fcfcfc;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.hm-acc-bx_list li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
}
/* .hm-acc-bx_list li:last-of-type,
.hm-acc-bx_list li:nth-last-of-type(2) {
  border-bottom: none;
} */
.hm-acc-bx_list li:last-of-type {
  border-bottom: none;
}
.hm-acc-bx_list--even li:nth-last-of-type(2) {
  border-bottom: none;
}
.hm-acc-bx_list--hf li {
  width: 50%;
  background-color: #fffbfb;
}
.hm-acc-bx_list--hf li.disabled {
  color: #bbbbbb;
  font-size: 17px;
}
.hm-acc-bx_list--hf li.disabled span.no_link {
  padding: 0 20px;
}
.hm-acc-bx_list a {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 60px;
  height: 100%;
  padding: 0 20px;
  color: #111;
  font-size: 17px;
  text-decoration: none;
}
.hm-acc-bx_list a {
  border-right: 1px solid #e5e5e5;
}
.hm-acc-bx_list--hf li:nth-of-type(2n+1) a {
  border-right: 1px solid #e5e5e5;
}
.hm-acc-bx_list a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4px;
  left: auto;
  width: 14px;
  height: 23px;
  margin: auto 0;
  background-image: url("/sp2/public/img/common/sprite_icon.svg?20211022");
  background-repeat: no-repeat;
  background-position: -154px 0;
  transform: scale(0.5);
}
.hm-acc-bx_list span.no_link::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4px;
  left: auto;
  width: 14px;
  height: 23px;
  margin: auto 0;
  background-image: url("/sp2/public/img/common/sprite_icon.svg?20211022");
  background-repeat: no-repeat;
  background-position: -154px 0;
  transform: scale(0.5);
}
/* ====================================================
  商品件数
====================================================*/
.hm-acc-bx_itm-num {
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 25px;
  height: 25px;
  margin-left: 22px;
  padding: 0 4px;
  border-radius: 50%;
  background-color: #f00;
  color: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
}
.hm-acc-bx_itm-num--zero {
  background-color: #ccc;
}
/* ====================================================
  商品一覧
====================================================*/
.hm-acc-bx_list-item {
  background-color: #fcfcfc;
}
.hm-acc-bx_item {
  border-bottom: 1px solid #e4e4e4;
}
.hm-acc-bx_item-row {
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 10px 20px;
}
.hm-acc-bx_item-row::before {
  bottom: 0;
  right: 4px;
  left: auto;
  width: 14px;
  height: 23px;
  margin: auto 0;
  background-position: -154px 0;
  transform: scale(0.5);
}
.hm-acc-bx_item-img {
  position: relative;
  display: inline-flex;
}
.hm-acc-bx_item-pic {
  width: 96px;
  height: 72px;
}
.hm-acc-bx_item-maker {
  position: absolute;
  top: 0;
  left: 0;
  width: 52px;
  height: 13px;
}
.hm-acc-bx_item-detail {
  display: inline-flex;
  flex-wrap: wrap;
  padding-left: 11px;
}
.hm-acc-bx_item-name {
  color: #111;
  font-size: 18px;
  font-weight: bold;
}
.hm-acc-bx_item-px {
  color: #f00;
  font-size: 16px;
  font-weight: bold;
}
.hm-acc-bx_item-px-un {
  font-size: 14px;
}
/* ====================================================
  ログインボタン
====================================================*/
.hm-acc-bx_bt-login-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 46px;
  margin: auto 0;
}
.hm-acc-bx_bt-login {
  display: inline-block;
  height: 34px;
  padding: 0 10px 0 35px;
  border: 1px solid #db0000;
  border-radius: 5px;
  color: #db0000;
  font-size: 14px;
  text-decoration: none;
  line-height: 34px;
  z-index: 1;
}
.hm-acc-bx_bt-login::before {
  bottom: 0;
  left: 9px;
  width: 19.5px;
  height: 19.5px;
  margin: auto 0;
  background-position: -139px -109px;
  transform: scale(1.026);
}
/* ====================================================
  ログアウトボタン
====================================================*/
.hm-acc-bx_bt-link-wrap {
  padding: 11px 7px 11px 20px;
  background-color: #fcfcfc;
}
.hm-acc-bx_bt-logout {
  float: left;
  display: inline-block;
  height: 36px;
  padding: 0 8px 0 40px;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  color: #333;
  font-size: 14px;
  text-decoration: none;
  line-height: 36px;
  z-index: 1;
}
.hm-acc-bx_bt-logout::before {
  bottom: 0;
  left: 9px;
  width: 25px;
  height: 20px;
  margin: auto 0;
  background-position: -161px -109px;
  transform: scale(1);
}
.hm-acc-bx_link {
  float: right;
}
.hm-acc-bx_link a {
  padding-right: 20px;
  color: #db0000;
  font-size: 17px;
  text-decoration: none;
  line-height: 38px;
}
.hm-acc-bx_link a::before {
  bottom: 0;
  right: -3px;
  left: auto;
  width: 14px;
  height: 23px;
  margin: auto 0;
  background-position: -154px 0;
  transform: scale(0.5);
}
/* ====================================================
  閲覧リストを削除
====================================================*/
.hm-acc-bx_link-wrap {
  padding: 11px 20px;
  background-color: #fcfcfc;
}
.hm-acc-bx_ttl.ico-pl-minus + .hm-acc-bx_ttl.ico-pl-no-init-close-minus + .hm-acc-bx-holder .hm-acc-bx_link-wrap {
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.05) inset;
}
.hm-acc-bx_bt-del-history {
  display: inline-block;
  height: 36px;
  padding: 0 11px 0 32px;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  color: #333;
  font-size: 14px;
  text-decoration: none;
  line-height: 36px;
}
.hm-acc-bx_bt-del-history::before {
  bottom: 0;
  left: 4px;
  width: 24px;
  height: 24px;
  margin: auto 0;
  background-position: -170px 0;
  transform: scale(0.5417);
}
/* ====================================================
  ログインステータス表示
====================================================*/
.header-partner-auth-info {
  display: flex;
  padding: 10px 10px;
  background-color: #fffbeb;
  border-bottom: 1px solid #aaa;
}
.header-partner-auth-info_txt {
  width: 300px;
  font-size: 14px;
  text-align: justify;
}
.header-partner-auth-info_form {
  margin-left: auto;
}
.header-partner-auth-info_btn {
  display: inline-block;
  height: 36px;
  padding: 0 8px 0 40px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  color: #333;
  font-size: 14px;
  text-decoration: none;
  line-height: 36px;
  z-index: 1;
}
.header-partner-auth-info_btn::before {
  bottom: 0;
  left: 9px;
  width: 25px;
  height: 20px;
  margin: auto 0;
  background-position: -161px -109px;
  transform: scale(1);
}
::-webkit-full-page-media, :future, :root #detail_search_form .hack-iphone-zoom {
  --width: 100%;
  --height: 50px;
  --font-size: 20px;
}
/*==================================================================
  #23997: スマホ検索ボックを選択した場合にズームする動作の改修
==================================================================*/
::-webkit-full-page-media, :future, :root .hack-iphone-zoom {
  --width: 100%;
  --height: 45px;
  --font-size: 16px;
  transform-origin: left top;
  transform: scale(0.5);
  margin-right: calc(var(--width) * -1);
  margin-bottom: calc(var(--height) * -1);
  width: calc(var(--width) * 2) !important;
  height: calc(var(--height) * 2) !important;
  font-size: calc(var(--font-size) * 2) !important;
}
::-webkit-full-page-media, :future, :root .hack-iphone-zoom::placeholder {
  font-size: calc(var(--font-size) * 2) !important;
}

/*=================================
  ソーラーカーポート導線
=================================*/
.pisi-head-bnr {
  margin: 50px 0;
}
.pisi-head-bnr_ttl {
  margin-bottom: 15px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
/*=================================
  予約商品
=================================*/
.makerlogo .reservation {
  margin-left: 10px;
}

/* #29223: [横]全お問合せカテゴリを正規カテゴリ一覧に露出依頼
------------------------------------------------------------------------*/
.related_item_xz .result_item_endsale_ttl {
	margin-left: 10px;
	padding: 0 0 0 10px;
	border-left: 5px solid #ccc;
	font-size: 18px;
	font-weight: normal;
  background: none;
}
.related_item_xz .scroll_wrap {
	overflow-x: scroll;
	overflow-y: hidden;
	margin: 20px 0 20px 20px;
}
.related_item_xz .scroll {
	display: inline-flex;
}
.related_item_xz .scroll li {
	float: left;
	width: 160px;
	margin-right: 25px;
	position: relative;
}
.related_item_xz .scroll .name {
	margin: 5px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.25;
	letter-spacing: -0.1ex;
	max-height: 100%;
}
.related_item_xz .scroll .name a {
	color: #333;
	text-decoration: none;
}
.related_item_xz .img {
	position: relative;
}
.related_item_xz .logo {
	position: absolute;
	top: 0px;
	left: 0px;
}
/*=================================
  jQuery Modal CSS（一部抜粋・変更）
=================================*/
/* .blocker {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 1002;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.6);
}
.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em
}
.blocker.behind {
  background-color: transparent
} */
/*=================================
  jQuery Modal 自作要素
=================================*/
.jquery-modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1002;
}
.jquery-modal-wrapper {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 0 20px;
}