/*!----------------------------------------------------------------------
このcssファイルはscssから生成されていますので編集しないようにしてください。
----------------------------------------------------------------------*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
ul,
ol {
  list-style: none;
}
a img:hover {
  opacity: 0.5;
}
img {
  width: 100%;
  height: auto;
  display: block;
  image-rendering: -webkit-optimize-contrast;
}
.hidden {
  display: none !important;
}
.no-margin {
  margin: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
@media screen and (min-width: 900px) {
  .mobile-contents {
    display: none !important;
  }
}
@media screen and (min-width: 650px) and (max-width: 900px) {
  .mobile-contents {
    display: none !important;
  }
}
html {
  font-size: 10px;
}
body {
  font: normal normal 1.5rem/1.6 "Meiryo", "Hiragino Sans",
    "Hiragino Kaku Gothic ProN", "Arial", "Helvetica", sans-serif;
  color: #333;
}
.header {
  grid-area: header;
  display: grid;
  align-content: center;
  align-items: center;
  grid-template: "... header-logo header-logo header-menu  ..." "... ... ... ... ..." "... key-visual key-visual key-visual ..." "... ... ... ... ..." 0.5em / auto 2fr 1fr 2fr auto;
}
@media screen and (min-width: 650px) and (max-width: 900px) {
  .header {
    align-content: center;
    align-items: center;
    grid-template: "... ... ... ... ..." "... header-logo ... header-menu  ..." "... ... ... ... ..." "... key-visual key-visual key-visual ..." "... ... ... ... ..." 0.5em/0 40% auto 55% 0;
  }
}
.header .header-logo {
  grid-area: header-logo;
  min-width: 155px;
}
.header .header-menu {
  grid-area: header-menu;
}
.header .header-menu .laptop-menu {
  display: grid;
  grid-template: "information-text information-text information-text" ".. .. .." 0.2em "laptop-menu-phone .. laptop-menu-form" "laptop-menu-phone .. laptop-menu-form"/65% 2% 33%;
  padding: 0 0.3em;
}
@media screen and (max-width: 650px) {
  .header .header-menu .laptop-menu {
    display: none;
  }
}
.header .header-menu .laptop-menu li > a {
  text-decoration: none;
  display: block;
  height: 100%;
}
.header .header-menu .laptop-menu li.information-text {
  grid-area: information-text;
  border-radius: 10px;
  color: #66470a;
  background: #e6e6e6;
  text-align: center;
}
.header .header-menu .laptop-menu li.laptop-menu-phone {
  grid-area: laptop-menu-phone;
}
.header .header-menu .laptop-menu li.laptop-menu-phone span {
  display: block;
}
.header
  .header-menu
  .laptop-menu
  li.laptop-menu-phone
  span.laptop-menu-phone-inner {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 2px;
}
.header
  .header-menu
  .laptop-menu
  li.laptop-menu-phone
  span.laptop-menu-phone-inner:before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAABACAMAAADWH1IBAAAAM1BMVEUAAAAjrDkjrDkjrDkjrDkjrDkjrDkjrDkjrDkjrDkjrDkjrDkjrDkjrDkjrDkjrDkjrDmN/ricAAAAEHRSTlMAQIDA8BAwYKAg0OCwkHBQb4LtMwAAAo5JREFUWMPtmMeyrDAMRJEDxhH+/2vf1KQGSw6bWbxb9GoKWj62JYdh8fRj2UUdPxbdiBtxIwRE0VrHWXvQT4VZf3yYaaHlqZVK1k2r0cqRX07yA38utL6cTwS0lmSYfXOXxif86wIBAVGOJ3+mZaB9O1FiRvNAiFGvAL0vU3L63X+0zxBMXplj88u0aDuMsvKrRb0KRRW6OuwVYEmpT+mJfm8Ff6jXRUzFi0NyKYoluTk/KAIgOvnyJXRXSrFV+zmOV3c4B6VjqHyenzizgcTLMPxwJSd7KUYzQCACyn2Cquw2DBCIcO77qwMw35VTtk/ftj7CfZIWjkP7IcOsJ78pYDQQILweIsYNCJ9GtAVDQoBgNRLTZRD8V+YmIlB9q8Gj4Ds5L5ikupdaRgQQ+FwETtDwM4Y1IsIjgjNWngj4BcYuIRTwbLGzMoE/NDKkOcJYvLkqvZZ5PQiQxTfEEbldOlTvVvBTe9PSQFwyIW/aEn2VB422XI0Iw/q319lAETSGYWvEhslojTzwilXci/5GIE71YeQQzSdF4ZGg90sgkNKjF6KmEEhU/imC4AfCMQTL7TaPsPDXuYjTucjdkx3+mYrCy8ippd0lXlGxF+KEHWS4Ljxf3XgsbzpO2lXC5OoGGSnlqU3S5O3tedWNndYKiy9aeacFWDpI1uZ5sbfuAPPnxQ42EIBjCudOPc4wDrs8ENVZfCnOsMqdhd8myR+7NxCrzDcNDrev9l2TEvPr9j3qrV3phxQtIoH7rVNJq7LCLyEwDqhDAIPLNm+DuDJCmGxZG/Pj6iYjcI+FnDk6ilR3SE38hSn2FODiMZB21T/dHgJRiugxYFLpmJFJz68RtKvwhz8W3Ygb8b8h/gEGKxxlSfCbXwAAAABJRU5ErkJggg==)
    center center/contain no-repeat;
  display: inline-block;
  width: 49px;
  height: 32px;
  margin: 0 0.7em 0 0;
  min-width: 49px;
}
.header .header-menu .laptop-menu li.laptop-menu-phone span.phone-number {
  color: #66470a;
  font-size: clamp(18px, 2vw, 22px);
  font-weight: bold;
  letter-spacing: 0.1rem;
  white-space: pre;
  margin: 0 auto;
}
.header .header-menu .laptop-menu li.laptop-menu-phone span.reception-time {
  color: #66470a;
  background: #fff574;
  text-align: center;
}
.header .header-menu .laptop-menu li.laptop-menu-form {
  grid-area: laptop-menu-form;
  background: #66470a;
}
.header .header-menu .laptop-menu li.laptop-menu-form .laptop-menu-form-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 0.4em;
}
.header
  .header-menu
  .laptop-menu
  li.laptop-menu-form
  .laptop-menu-form-inner:before {
  display: block;
  width: 30.5px;
  height: 23px;
  margin: 0 1em 0 0;
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAuCAMAAACs/uHuAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAwECA8RCgIGDh0DCQsFBwdXISVAAAAVBJREFUSMftld2SgyAMRiMQ/qQ27/+0O4SaUhgtsBd7s+fGGeVIPpJRYNQ88AItLWASZnk3tEbMeqBVNgBP6xyw5UtIeo7EcW2xHcyiuPRiwzz/9i/P3Gicch1bbDPBj7uYiCqb2dSg/DTU2Ix1I4EjUWNborH47nGurGxQQ/FRn1Vi028fvsb35rVk76cFtZH4d4HD0U5LGwr7wHI015OqYh+/q6u3+2wSvzmTW1uZrvvcDybivf3kuiV+HdjkJ/udbUsz3/El8MPtIb/DX9rI0lPiv4k5MPJSfWGXlx/NWNUbWq4CW1u2i3s30lR133MhrrfL2CNUqBQoaumw/PSMamzkjRJ8xfHZ+A/7vDcAlr7UNtezj8iSUWyZo0EO036Z7LDMvf20NUyBW20fMIv9w/8YVraftnWxLa2jQdE6DpY35zav6wkYZeO0ulkFAD9fxUhh6E/N0wAAAABJRU5ErkJggg==)
    center center/contain no-repeat;
}
.header
  .header-menu
  .laptop-menu
  li.laptop-menu-form
  .laptop-menu-form-inner
  .laptop-menu-form-text {
  color: #fff;
  font-size: clamp(13px, 1vw, 16px);
  line-height: 1.2em;
}
.header .header-menu .mobile-menu {
  display: none;
}
@media screen and (max-width: 650px) {
  .header .header-menu .mobile-menu {
    display: flex;
    justify-content: end;
    align-items: center;
  }
  .header .header-menu .mobile-menu .mobile-menu-list {
    flex: 0 0 50px;
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 0.2em 0 0;
    content: "";
    background: #fff
      url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAABzCAMAAABzX6bqAAAAQlBMVEX738/4xq3////50bz////oOSP////udU70p4X61sPpSyz3v6P+9vHxjmj97OHsaULqWjb84dL2s5Tvglrym3f4y7PzrmFwAAAABXRSTlOgwEBYIP2XDXUAAAPDSURBVGje7dvpWqswEAZgz9LMkpWl93+rpxQxoiUzgRSf5+j3R1tq3yaZBAr48ufl5Px9+QXnxv5++XU5N/hD3vNDnkYyjGjpnh6H+GySvQ3mQwjhaST7q3kcZ+EZZOqdKST41mSyRkrwTUl0RpEAzUgIRpkrtyHR6OOgAclkqjIeJmNnKmMPktGZ6lxZIiWxPp1EimJ97G6Sw8by1ovmXvJh5ZCfmi+Zfh/ZPwLjvM1KZtxDwoO6cGEZZbGEBFI5kI7RDK+bSTKxnsRHncWGch8ISbVkevy57dsgBYkkPblVH4GnT/JW/95IgToybdU9LR3GTmymQMqNXMawz3NICNSQ7DZ3SsGxtoBsDem3C9AvuDViuIK8FqZ2uHcxo5Hj9SSXZjYafwOdas+pJ32pFNiQNcroSVtcSzqjDqjJUPq8YPRBLcnFLuoqSNKSUCKjqYjTkr5EjqYmWhJLf2urSFCSfYmklmTxXfl8EvJaWJPxAOnzQNcED5D9snE4jezyOlGT4QBp0q7BhAPzMg/mcBpJq0VfmySQ5Xakwnq4d8ETVu5+xwLUCWSOeRTHn47/xFiJFJqB9d+uRzXZC81cnZm5DkO3RUY1Ocjd5GfGYSr0dKg4jnWKWRb7YIiLC6+tIK2qALlzXCwoEEn5KK7/eMSCpdEPVd+8gm6ZDsu7pkKJC6S0wrh1DY7GF4aCVaQ42wOvXxa2h8JedKS48+94PYNh64jaJT2ZR1Pu22RoayjwoiXl3aLzq+mUHr8+cAUp7/2vuc9gGTIq1LZMyvsLh++Oa6dfIwm1I5Lytzpn49KheBmoXGQyqTxkDdZPbHBBmL4iKS+1cob959Zpn+gv+0nuGosyeWHbVsxkw/F0cPyal68Su3hRke2uQfXc6PolKsEA7S6ZJtKMInLTa9FAEthz8yvu0bpClwotFMjqq/yhj8+8ewLwGlaTwo7xjHtEIgD4AQD4v70t5Yf8AhK4EQmb3+Hw7fxMAo9kjD2LHPO21IQEnDMta3MWM+EcP3OOEJ51Wwp+aD4gDjY/3YKkqaHJGPLTz/zekeZ4ALiRFgBSK9ITUbyR/fwT133uadUBTyRz+TQnE8RVxwKkD62MrTv2QuK8vAVzC88gIW9rR1pEO89Lek9GmBIFsmkr6a2V3WR3LckRYJzf194e8Lst5O4kzQ8bkhvtnAwSyGNj6XCKXZHQ3UlHt7hmpEdM8xn3jm4JK/JAxcrpPl98pXvrenjdyYRqUm7tHOD8jH/difnXF3yHY58f8tuRcG7s7y/4r5l//C4cxiImn8sAAAAASUVORK5CYII=)
      center/contain no-repeat;
  }
  .header .header-menu .mobile-menu .mobile-menu-list > a {
    display: block;
    height: 100%;
  }
  .header .header-menu .mobile-menu .mobile-menu-list.mail-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAABzCAMAAACYaB3pAAAAP1BMVEX738/738/96Nz85tjoOSP////udU70p4X+9vH61sPsaULpSyzqWjbxjmj84dL97OHvglr4y7P2s5Tym3f3v6PJH+WuAAAABHRSTlPvoPOYJbLDnAAAA7RJREFUaN7t29lu2zAQQFG3nSGHO7X8/7cWFevSCk0PF9VAC9+nAIlyImmsiIpz+/Htvf24fRfv7fvtBu/t9hEBPuJ7RC2kVCkphQWmSVFvivAcLZsGplHRrgGfF6T9C6JQ+ColLhaFLwzGnBOtwpaUvUqU2Bhtl4jWY3vKzIuCsCfSs6LD3tycuGF/bkbccSQ3Ljocy42KDkeLY6KmYZH0iGg8jufNgLjiTGu/KHAu0S2GSdH3ihJ7Csu2ESJVXyK8aKgdk8IA2F+gPn3CdImyGcuDTRpUbSd5kRiMlIwWUhk8z3foEV07lsFiu9ghqoqm1oRVQND42NIu2qeY05ArwSM8ZZrFrYIxYHFwXLO4dNyhZbC8NC7NIp5bXCsI8TxkraJ4wLZwbLoy57AyAbpR3E5Xx7ikj5zhwPKF7FixPBnHDy7TZX0Xxe/sE1iOjmwUVflLJy55EVWA9cujahQD5rY/Z0hSOrPxFQhxSMSHdsi5tPO02gwyF48B0X9ZtNJ9jGICi2hSLLdx/vUd2zItivKucqc6CHJa3KDMuFADQUyLS+VWT5jKVWhaDNBZmBXRsEZ9dEKjqIrR6UkOXAEW5tqY40ZnbxRlMTo9mYErebxsdESjaOdGRxWbsiKEmdGJVFyUeXEdHB2x7b6yiGTE2D86OmM5URG5ZQdxmFsVPitARWQPq2WwWmuHaPkVi40yYfVsXWQudPIJRsimoEcUlU1NxthEVWR3khIm5BKwPQV9oj4d1hLj05xYjutcK/SKhqbAYLpFiJOPrBjx6uO6jj1f9cOggjHRjJLeMOLVz3TJAiNeTJIGRryY9BpmRDC+/xyyIkPuXeAOwItcjpo9inCFCFY1gouBOTEXQ4MXBMC0mHOB8xxAn8ibqqqlZy7dIp/d/FPObxZgTOQzcVX05RE2Ny68yCfuwZP+h3eSfMR/XQxKsdMppBSXiTYts6qtSmmQiPIy0b1cSh5LFXGNGM2f7+jhHWJEkub3QZXvEC0hIrn0jgv7ln0UIT0ZZ596+Fkxt9FpSWjl15KBj2KcEsEsj/dpAosK0aIyM+J9nbXVxbSqtndxQVymRIep3dSPqkMkOMT09W5G3A7tGCD7alSXJB6gh3HRLAeY3uNFpvqyRXRJ3NJyZ1iUdP9LovX10deEGOAQaWBVntPJI5H21u+1E02/lCSmrx8V0zdYDaRM7QdLh+G+gbIwLBpC2i2wqftuRebunBUhOgMNCWnuu6v/6buOj/gRs/j+/+94//+w/ASszOXEaD8mdQAAAABJRU5ErkJggg==);
  }
  .header .header-menu .mobile-menu .mobile-menu-list.menu-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAABzCAMAAABzX6bqAAAAP1BMVEX738/////85tj////oOSP////udU70p4X61sPpSyz84dLqWjbym3fxjmjsaUL3v6P+9vH2s5T97OH4y7PvglqiQrphAAAABHRSTlOgQEwg6cDSngAAAWVJREFUaN7t29uOgjAUhWGc2atHDoK+/7NOG/EAwoCUMDKu/8IYLvx02zbGhOw727iv7JCrbcuyg5JtI3mJJEmSJEMkSZJ8H1IjMUOSJEmSS0ilEyv2cMZeI0lyH2T6vtzD6UOSJEmSU/2bY/0aSZL7ID/j9CFJkuT7kfx7giRJkg+RJEmSZOgTyNqYXBaUQDrgJC+UTloAeftxu5WyMlm2F4tAeokZdFMrk7aB8e1cGxkmexdNIukQqq2o21ylVN1sj6wSSX9C6Ji78GBlvEJfqgCdvHyUQ2zmS2ng3D57ys9fsfkRMTuHrG/LCU+p+aSUiJ3mmAawK5C+HW1TTpMOkPTBlnGuromr6DxJAi799NGIorUGoSnTAyaVVO72NVZRFv/rwBRQJ5G2cI/bowqiqKFlUej7tjQ6tJj0iN3PbSsjpEGvxaTEN929ODjYNUmfe3m5Xf8QESFJcpz8i/tJtr9r5gdZ1tlqfi8AggAAAABJRU5ErkJggg==);
  }
  .header .header-menu .mobile-menu .mobile-menu-list.menu-icon.menu-opening {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAABzCAMAAACYaB3pAAAAP1BMVEX838/738/96NzoOSP////udU70p4XpSyz84dL+9/LsaULxjmj61sP3v6P97OHqWjb4y7P2s5Tym3fvglr97eMh07wrAAAAA3RSTlOg7/PeXNU7AAACbUlEQVRo3uzWQWrCUAAAUTW/RispCL3/WbscKMgPb5FV5gJvO5fju30d2+1yXY7teorLcoqneIqfOsVTdPG+Lrtb7yzWNh7rbvAxNhYDR+QcHGNjMTByDkaCGBg5AyNBDIycgZEgBkbOwEgQAyPnYCSJ7zH2kYH1FvH7uZMMrNdEBBLARCABTASSwEQgCUwEksBEIAlMBJLARCEFTCQSwEQjAUw0EsBEIwFMJBLARCIBTAQSwEQgAQQxEkAQIwEEMRJAEyMBNDHSQBfXn//g77oUivMR3r/OLgYCKWIgkCIGAiliIJAiBgJpYqCTiQw+gUwE8PXXvh3sNggDQRg+7NiADTaF93/XRm7LKKjIdIwipeK/JJGifAHlsFpCEEiKAmgmkBQVUCApKqBAUlRAgaSogAJJUQEFkqICKiRFAZRIigIokRQFUCIpCqBEUtTAOqmI8zFYJ+emTSDB028eQssmkGCVJNi0CSRYJwnqm0CCdZJg0yaQYJ0k2LQJJFgnCbZsAgmeIAm2bAIJVgsp2DteDbzFW7xFxv6/6PpxyiYkiwsAE9LFGejLkzg+F+1iMVqp267OejznLxYnpPjjhGPRgbWJEY9GV9aMvZWyey5fK5of8Gj6qIwb2X8H9JrIuglfJTtRB4xWcn6fq4jM9edHOLdd/ffY56siS+UYg9WLgL9AnM5OxsVZm89qNwMY5sr/UPjlXOsvx6WvSXc5RY6AtYl52mb5dSiP0e+LxoZGcS0exq68CsNajmLfaHnTgeQfZVUsn84xvLMD0WGXU0UHpKU47Jez2i6yJdife+Opw+wWb/FAfP39HS/vEyKYqhwS8Ov5AAAAAElFTkSuQmCC);
  }
}
.header .key-visual {
  grid-area: key-visual;
}
@media screen and (max-width: 650px) {
  .nav {
    display: none;
  }
}
.nav .nav-lists {
  font-size: 1.8rem;
  color: #66470a;
  font-weight: bold;
  background: #efc155;
  display: flex;
  justify-content: normal;
  align-items: center;
}
.nav .nav-lists .nav-list {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 3em;
}
.nav .nav-lists .nav-list:not(:last-child) {
  border-right: #66470a solid 1px;
}
.nav .nav-lists .nav-list a {
  color: #66470a;
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 0;
  line-height: 1.2;
  font-size: clamp(12px, 1.5vw, 16px);
}
.nav .nav-lists .nav-list a:hover,
.nav .nav-lists .nav-list a:active {
  color: #e83c22;
  text-decoration: none;
}
.nav.menu-opening {
  position: absolute;
  top: 10vh;
  width: 100%;
  z-index: 9999;
}
@media screen and (max-width: 650px) {
  .nav.menu-opening {
    display: block;
  }
  .nav.menu-opening .nav-lists {
    background-color: #eee;
    display: flex;
    justify-content: center;
    align-items: normal;
    flex-direction: column;
  }
  .nav.menu-opening .nav-lists .nav-list {
    border-bottom: #66470a solid 2px;
  }
  .nav.menu-opening .nav-lists .nav-list br {
    display: none;
  }
  .nav.menu-opening .nav-lists .nav-list a {
    color: #66470a;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 0.3em 0 0.3em 1em;
  }
  .nav.menu-opening .nav-lists .nav-list a:hover,
  .nav.menu-opening .nav-lists .nav-list a:active {
    color: #e83c22;
    text-decoration: none;
  }
  .nav.menu-opening .nav-lists .nav-list:hover {
    border-bottom: #66470a solid 2px;
    opacity: 0.5;
  }
}
@media screen and (max-width: 650px) {
  .sidebar {
    display: none;
  }
}
.sidebar .sidebar-list {
  margin-top: 1em;
}
.sidebar .sidebar-list.page-lists ul {
  padding: 0.3em;
  background: linear-gradient(to right, #fdd66c 0%, #fff574 57%);
}
.sidebar .sidebar-list.page-lists ul li {
  background: #fff;
  width: 95%;
  margin: 0.3em auto;
  padding: 0.3em;
  border: 3px solid #fff;
}
.sidebar .sidebar-list.page-lists ul li:hover {
  background-color: #ede6d9;
  border: 3px solid #b69f79;
}
.sidebar .sidebar-list.page-lists ul li a {
  display: block;
  padding: 0 0 0 1em;
  position: relative;
  color: #66470a;
  text-decoration: none;
  font-weight: bold;
}
.sidebar .sidebar-list.page-lists ul li a:hover,
.sidebar .sidebar-list.page-lists ul li a:active {
  color: #66470a;
  text-decoration: underline;
}
.sidebar .sidebar-list.page-lists ul li a:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAfBAMAAAAVYPD9AAAAHlBMVEUAAADvwVXvwVXvwVXvwVXvwVXvwVXvwVXvwVXvwVWb6jw4AAAACXRSTlMAwECAMJBgIBCP/BvzAAAASElEQVQY02NwUmpggALJmQr4mYGCDgw4AELBzJkwbfiZCIsxAbJappkTsTPBtgkKMrAIiuIwIdm4gEFJiaBz4GoFBfE7h1gmAJdHIwVDtsDRAAAAAElFTkSuQmCC)
    left center/10px 10px no-repeat;
  content: "";
  width: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.sidebar
  .sidebar-list.blog-lists-wrapper
  .blog-list-inner
  .blog-title-wrapper
  .post-title {
  font-size: 1.2rem;
  position: static;
  padding: 0;
}
.sidebar
  .sidebar-list.blog-lists-wrapper
  .blog-list-inner
  .blog-title-wrapper
  .post-title:before {
  content: none;
}
.sidebar
  .sidebar-list.blog-lists-wrapper
  .blog-list-inner
  .blog-thumbnail-wrapper {
  height: 100%;
  border-left: #66470a solid 3px;
  padding-left: 0.2em;
}
.sidebar
  .sidebar-list.blog-lists-wrapper
  .blog-list-inner
  .blog-post-date-wrapper {
  text-align: right;
  font-size: 1rem;
}
.sidebar
  .sidebar-list.blog-lists-wrapper
  .blog-list-inner
  .blog-contents-wrapper {
  display: none;
}
.sidebar .sidebar-list.information-lists ul {
  padding: 0.5em 1.4em;
}
.sidebar .sidebar-list.information-lists ul li {
  list-style-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE0IDE0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNCAxNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Y2lyY2xlIGZpbGw9IiNFODM5MjMiIGN4PSI3IiBjeT0iNyIgcj0iNi45MzEiLz4NCgk8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjEwLjc0Miw2Ljg2MSA1LjE5OCw0LjIyOCA1LjE5OCw5LjYzMyAJIi8+DQo8L2c+DQo8L3N2Zz4NCg==);
}
.sidebar .sidebar-list.information-lists ul li a {
  display: block;
  padding: 0;
  color: #66470a;
  text-decoration: none;
}
.sidebar .sidebar-list.information-lists ul li a:hover,
.sidebar .sidebar-list.information-lists ul li a:active {
  color: #66470a;
  text-decoration: underline;
}
.footer-wrapper {
  margin: 0 0 clamp(50px, 7.75vw, 130px) 0;
  background: #f0c155 url(/wp-content/themes/door/images/footer-bg.png)
    center/cover no-repeat;
}
.footer-wrapper:before {
  display: block;
  width: 100%;
  height: 96px;
  content: "";
  background: #fff url(/wp-content/themes/door/images/footer-top-bg.png)
    center/auto 91px repeat-x;
  border-bottom: 11px solid #66470a;
}
.footer-wrapper .footer {
  position: relative;
  display: grid;
  grid-template:
    "... ... ... ... ..." 5em "... introduction ... company-overview ..." "... makers ... about-construction ..." "... achievements ... about-construction ..." / minmax(
      1em,
      12.5%
    )
    calc(36.5% - 1em) 5% auto minmax(1em, 12.5%);
}
@media screen and (max-width: 650px) {
  .footer-wrapper .footer {
    grid-template: "... ...                ..." 4em "... introduction       ..." "... company-overview   ..." "... makers             ... " "... achievements       ..." "... about-construction ..."/0.5em auto 0.5em;
  }
}
.footer-wrapper .footer:before {
  content: "";
  width: 16em;
  position: absolute;
  top: 0;
  left: calc(50% - 8em);
  color: #fff;
  border-top: 3em solid #664609;
  border-left: 20px solid rgba(0, 0, 0, 0);
  border-right: 20px solid rgba(0, 0, 0, 0);
}
.footer-wrapper .footer:after {
  content: "サイトマップ";
  color: #fff;
  font-size: 2rem;
  position: absolute;
  top: 0.25em;
  left: calc(50% - 3em);
}
.footer-wrapper .footer .footer-section .footer-section-header {
  color: #66470a;
  font-size: 1.7rem;
  font-weight: normal;
  background: #fffcdb;
  border-left: 8px solid #66470a;
  padding: 0.2em 0.8em 0.2em 0.8em;
}
.footer-wrapper .footer .footer-section .footer-lists {
  padding-left: 1.2em;
  margin: 0.5em 0.3em;
}
.footer-wrapper .footer .footer-section .footer-lists li {
  list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAwUlEQVQoz5WQMU7DQBBF33w3KIGGho6SIn3uwB7CdfYuXGDTRfIhnDsgqkhbpaJGSAjjBmWWxopQimTzytH780djTMRwN3M/RKAFFtM4A53UpNR/jwAGsHqeP5ZS+n/iKdnMwnr7824x3M7c/fWMfAxJWsrdY4UMsHD3qOnmWlpVbj+26AoZAE2vqyUL6K4IdJKUKluypKTUD6OZhQuhbGYh9cPYALztf7+WTzebUson8ADcAwdgB7xIzWq9HT4A/gBxzj46EOzjjQAAAABJRU5ErkJggg==);
}
.footer-wrapper .footer .footer-section .footer-lists li a {
  color: #66470a;
  text-decoration: none;
}
.footer-wrapper .footer .footer-section .footer-lists li a:hover,
.footer-wrapper .footer .footer-section .footer-lists li a:active {
  color: #66470a;
  text-decoration: underline;
}
.footer-wrapper .footer .footer-section.introduction {
  grid-area: introduction;
}
.footer-wrapper .footer .footer-section.achievements {
  grid-area: achievements;
}
.footer-wrapper .footer .footer-section.company-overview {
  grid-area: company-overview;
}
.footer-wrapper .footer .footer-section.about-construction {
  grid-area: about-construction;
}
.footer-wrapper .footer .footer-section.makers {
  grid-area: makers;
}
.footer-wrapper .copyright {
  color: #fff;
  font-size: 1.4rem;
  font-weight: normal;
  background: #66470a;
  text-align: center;
  padding: 0.4em;
}
.select-area-section .select-area-header {
  color: #fff;
  font-size: 1.9rem;
  background: #cf6400;
  width: 100%;
  margin: 0 0;
  padding: 0.5em;
}
.select-area-section .area-select-lists {
  border: rgba(207, 64, 0, 0.5) solid 2px;
  padding: 0.5em;
  font-size: 1.7rem;
  display: flex;
  justify-content: space-around;
  align-items: stretch;
}
@media screen and (max-width: 650px) {
  .select-area-section .area-select-lists {
    flex-direction: column;
  }
}
.select-area-section .area-select-lists .area-select-list {
  flex: 1 1 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.3em;
}
.select-area-section .area-select-lists .area-select-list p {
  flex: 1 1 50%;
  margin: 0 0.4em;
  white-space: nowrap;
  text-align: center;
}
.select-area-section .area-select-lists .area-select-list select {
  flex: 1 1 50%;
  border-radius: 0.3em;
  width: auto;
  margin: 0 0.4em;
  padding: 0.3em;
  min-width: 7em;
}
.select-area-section .area-select-lists .area-select-list select:focus {
  border: blue solid 2px;
}
.select-area-section .estimate-start-btn {
  display: block;
  width: 90%;
  margin: 1.5em auto;
  padding: 0.5em 0;
  color: #fff100;
  font-size: 2rem;
  font-weight: bold;
  background: linear-gradient(to bottom, #da8536 0%, #cf6400 90%);
  border: #da8536 solid 2px;
}
.select-area-section .estimate-start-btn[disabled="disabled"] {
  background: #a9a9a9;
  border: #a9a9a9 solid 2px;
  color: gray;
}
.select-store-lists {
  border: rgba(207, 64, 0, 0.5) solid 2px;
}
.select-store-lists .store-info {
  display: grid;
  grid-template:
    "store-name           store-name           store-name           store-name            store-name           store-name" "address              address              address              address               address              address" "store-image          ...                  phone-link           phone-link            phone-link           ..." "store-image          ...                  root-link            root-link             root-link            ..." "...                  ...                  ...                  ...                   ...                  ..." 0.4em "radio-button-wrapper radio-button-wrapper radio-button-wrapper radio-button-wrapper  radio-button-wrapper radio-button-wrapper" / minmax(
      20%,
      80px
    )
    0.5em 1fr 0.5fr 0.5fr 0.5em;
  margin: 0.5em;
  background: #fff;
  border: #d3d3d3 2px solid;
}
.select-store-lists .store-info.b-plan {
  grid-template: "... ...                  ...                   ..." 0.4em "... store-name           store-name            ..." "... address              address               ..." "... ...                  ...                   ..." "... radio-button-wrapper radio-button-wrapper  ..." "... ...                  ...                   ..." 0.4em/0.4em auto auto 0.4em;
}
@media screen and (min-width: 900px) {
  .select-store-lists .store-info {
    grid-template:
      "... ...                  ...                   ...                  ...   ...         ..." 0.4em "... store-name           store-name            ...                  ...   store-image ..." "... address              address               ...                  ... store-image ..." "... phone-link           phone-link            root-link            ... store-image ..." "... radio-button-wrapper radio-button-wrapper  radio-button-wrapper ... store-image ..." "... ...                  ...                   ...                  ... ...        ..." 0.4em/0.4em auto auto 7em 0.5em minmax(
        20%,
        80px
      )
      0.4em;
  }
}
.select-store-lists .store-info .store-name {
  grid-area: store-name;
  font-size: 1.6rem;
  font-weight: normal;
}
@media screen and (max-width: 650px) {
  .select-store-lists .store-info .store-name {
    background: #f1f1f1;
  }
}
.select-store-lists .store-info .store-name:before {
  content: "■";
  color: red;
}
.select-store-lists .store-info .phone-link {
  grid-area: phone-link;
  color: red;
  font-size: clamp(25px, 2vw, 32px);
  font-weight: bold;
  text-decoration: none;
  white-space: pre;
}
.select-store-lists .store-info .address {
  grid-area: address;
  font-weight: normal;
  font-style: normal;
}
@media screen and (max-width: 650px) {
  .select-store-lists .store-info .address {
    background: #f1f1f1;
  }
}
.select-store-lists .store-info .root-link {
  grid-area: root-link;
  color: #fff;
  font-weight: normal;
  background: #66470a;
  text-align: center;
  text-decoration: none;
  align-self: center;
  justify-self: stretch;
}
.select-store-lists .store-info .store-image {
  grid-area: store-image;
  align-self: center;
  justify-self: stretch;
  font-weight: normal;
}
.select-store-lists .store-info .radio-button-wrapper {
  grid-area: radio-button-wrapper;
  font-weight: normal;
  background: #bde7d5;
  border: none;
}
.highlight-text {
  color: #fff100;
  font-weight: bold;
}
.highlight-text.red {
  color: red;
}
.more-read-btn-wrapper {
  margin: 1em 0;
}
.more-read-btn-wrapper .more-read-btn {
  background: #654a20;
  text-align: center;
  position: relative;
  width: 80%;
  margin: 0 auto;
  padding: 0.7em 0;
  border-radius: 1em;
  border: #654a20 1px solid;
  border-radius: 1em;
}
.more-read-btn-wrapper .more-read-btn:hover {
  box-shadow: 0.2em 0.2em 0.4em rgba(101, 74, 32, 0.7);
}
.more-read-btn-wrapper .more-read-btn:after {
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  content: "";
  border-top: 10px solid #654a20;
  border-right: 10px solid #654a20;
  border-bottom: 10px solid #654a20;
  border-left: 10px solid #f5f5f5;
  position: absolute;
  right: 0.4em;
  top: 0;
  bottom: 0;
}
.more-read-btn-wrapper .more-read-btn a {
  color: #fff;
  text-decoration: none;
  display: block;
}
.more-read-btn-wrapper .more-read-btn a:hover,
.more-read-btn-wrapper .more-read-btn a:active {
  color: #fff;
  text-decoration: none;
}
@media screen and (min-width: 900px) {
  .more-read-btn-wrapper.faq .more-read-btn {
    width: 55%;
  }
}
.post-title-wrapper {
  padding: 0.2em;
  border: 3px solid #66470a;
  width: 100%;
  margin: 2em 0;
}
.post-title-wrapper .post-title {
  color: #66470a;
  font-size: 2rem;
  width: 100%;
  padding: 0.8em 0.4em;
  border: 1px solid #66470a;
}
.post-title-wrapper .post-title.product-title {
  display: flex;
  justify-content: start;
  align-items: center;
}
@media screen and (max-width: 650px) {
  .post-title-wrapper .post-title.product-title .title-text {
    font-size: 1.7rem;
  }
}
.post-title-wrapper .post-title.product-title .logo-wrapper {
  flex: 0 0 40px;
  margin: 0 0.5em 0 0;
}
@media screen and (min-width: 900px) {
  .post-title-wrapper .post-title.product-title .logo-wrapper {
    flex: 0 0 50px;
  }
}
.category-title-wrapper {
  width: 100%;
  margin: 2em 0;
  border-left: 5px solid #66470a;
}
.category-title-wrapper .category-title {
  width: 100%;
  padding: 0.2em 1em;
  color: #66470a;
  font-size: 2rem;
  background: #efc155;
}
.common-header-wrapper {
  margin: 0.5em 0;
}
.common-header-wrapper .common-header {
  color: #000;
  font-size: 2rem;
  padding: 0.2em 0 0.2em 0.6em;
}
.common-header-wrapper .common-header.c-cf6400 {
  color: #fff;
  background: #cf6400;
}
.image-width-auto {
  width: auto;
  max-width: 100%;
}
.section-lists .list > a {
  color: #333;
  text-decoration: none;
}
.section-lists .list > a:hover,
.section-lists .list > a:active {
  color: #333;
  text-decoration: none;
}
.section-lists .list > a:hover {
  opacity: 0.5;
}
@media screen and (min-width: 900px) {
  .section-lists {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
  }
  .section-lists .list {
    flex: 1 1 auto;
    margin: 1.5em 0;
    max-width: 48%;
  }
}
.section-lists.faq-lists {
  display: block;
}
.section-lists.faq-lists .faq-list {
  max-width: none;
}
.section-lists.blog-lists {
  display: block;
}
.section-lists.blog-lists .blog-list {
  max-width: none;
}
.section-lists.column-lists {
  display: block;
}
.section-lists.column-lists .column-list {
  max-width: none;
}
.works-list {
  width: 100%;
  margin: 0.7em auto;
  padding: 0.4em 0.5em;
  border: #66470a 1px solid;
}
.works-list .works-list-inner .post-title {
  color: #66470a;
  font-size: 1.6rem;
  padding: 0.2em 0 0.2em 0.7em;
  border-left: solid 4px #66470a;
}
.works-list .works-list-inner .before-after-image-wrapper {
  display: grid;
  grid-template: "... after-image-wrapper" "before-image-wrapper after-image-wrapper" "before-image-wrapper after-image-wrapper"/40% 60%;
  max-width: 100%;
}
.works-list
  .works-list-inner
  .before-after-image-wrapper
  .image-wrapper.before-image-wrapper {
  grid-area: before-image-wrapper;
}
.works-list
  .works-list-inner
  .before-after-image-wrapper
  .image-wrapper.before-image-wrapper:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMwAAAA7CAMAAAAAa5VhAAAAM1BMVEUAAACxmHGxmHGxmHGxmHGxmHGxmHGxmHGxmHGxmHGxmHGxmHGxmHGxmHGxmHGxmHGxmHF9LYFLAAAAEHRSTlMAwEDh8GHQMBCg766QIFCAzQ+eggAAAP1JREFUaN7t2EsSgyAQhOFRGB6ihvufNi5SlUUyUy7plv8G30JpkJFri5EKXjl2I0SN9mdoTsHL1MQseL2oNPUZmlAEL1OTADUlPUQjeNmaKniVyKTJtzT78i1sn9IyXOnOTFs6fMqE6cqE6ScTJmYizKUhwlwaIkwPhQjTUyHCXBpUzBZ+a6iYP8WDBxMzzzcTM9HfjOmcUaIFoETbTIlW8050n6lEN80qPmaV0bJfzpqgYbwXWjhMcyxomOpY0DDVGcpomN0Zl2gYdSxoGO1Wq6BhbIsKGiY7FjRMjrYFDWNbqqBhDscCh0m2BQ9jNzFgTcyoTcyoTcyoMWHe689CwFsTkRgAAAAASUVORK5CYII=)
    left bottom/contain no-repeat;
  content: "";
  display: block;
  width: 100%;
  height: 29.5px;
  margin: auto auto 0.2em;
}
.works-list
  .works-list-inner
  .before-after-image-wrapper
  .image-wrapper.after-image-wrapper {
  grid-area: after-image-wrapper;
}
.works-list .works-list-inner .works-details-lists {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin: 0.5em 0.3em 0;
}
.works-list .works-list-inner .works-details-lists .works-details-list {
  flex: 1 1 45%;
  margin: 0.2em 0.3em;
}
@media screen and (max-width: 650px) {
  .works-list
    .works-list-inner
    .works-details-lists
    .works-details-list:not(.always-visible-list) {
    display: none;
  }
}
.works-list .works-list-inner .works-details-lists .works-details-list dl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.works-list .works-list-inner .works-details-lists .works-details-list dl dt {
  white-space: pre;
  color: #fff;
  padding: 0.3em;
  background: #66470a;
  margin: 0 0.5em 0 0;
  width: 5em;
  text-align: center;
}
.works-list .works-list-inner .works-details-lists .works-details-list dl dd {
  white-space: pre-wrap;
}
.voice-list {
  width: 100%;
  margin: 1.3em auto;
}
.voice-list .post-title {
  color: #66470a;
  font-size: 1.6rem;
  padding: 0.2em 0 0.2em 1.4em;
  position: relative;
}
.voice-list .post-title:before {
  background: url(/wp-content/themes/door/images/main-voice-header-arrow-icon.png)
    left bottom/contain no-repeat;
  content: "";
  display: block;
  width: 19px;
  height: 29px;
  margin: auto 0;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
}
.voice-list .customer-image-wrapper .customer-image-inner {
  position: relative;
}
.voice-list .customer-image-wrapper .customer-image-inner .construction-point {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em 0.3em;
  color: #fff;
  font-size: 1.4rem;
  background: red;
}
.voice-list .customer-voice-wrapper .customer-voice-inner {
  color: #231815;
  font-size: 1.4rem;
  background: #efefef;
  padding: 0.8em;
}
.blog-list {
  margin: 0.4em 0;
  border-bottom: #66470a 2px solid;
}
.blog-list .blog-list-inner {
  display: grid;
  grid-template: "... blog-thumbnail-wrapper ... blog-post-date-wrapper ..." "... blog-thumbnail-wrapper ... blog-title-wrapper ..." / auto 31% 2% 67% auto;
}
@media screen and (min-width: 900px) {
  .blog-list .blog-list-inner {
    grid-template: "... blog-thumbnail-wrapper ... blog-post-date-wrapper ..." "... blog-thumbnail-wrapper ... blog-title-wrapper ..." "... blog-thumbnail-wrapper ... blog-contents-wrapper ..." "... blog-thumbnail-wrapper ... blog-contents-wrapper ..." / auto 31% 2% 67% auto;
  }
}
.blog-list .blog-list-inner .blog-title-wrapper {
  grid-area: blog-title-wrapper;
}
.blog-list .blog-list-inner .blog-title-wrapper .post-title {
  position: relative;
  padding-left: 2em;
}
.blog-list .blog-list-inner .blog-title-wrapper .post-title:before {
  background: url(/wp-content/themes/door/images/blog_header-icon.png) left
    bottom/contain no-repeat;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: auto 0;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
}
.blog-list .blog-list-inner .blog-post-date-wrapper {
  grid-area: blog-post-date-wrapper;
}
.blog-list .blog-list-inner .blog-thumbnail-wrapper {
  grid-area: blog-thumbnail-wrapper;
}
.blog-list .blog-list-inner .blog-contents-wrapper {
  display: none;
  grid-area: blog-contents-wrapper;
}
@media screen and (min-width: 900px) {
  .blog-list .blog-list-inner .blog-contents-wrapper {
    display: block;
  }
}
.column-list {
  margin: 0.4em 0;
  border-bottom: #66470a 2px solid;
}
.column-list .column-list-inner {
  display: grid;
  grid-template: "... column-thumbnail-wrapper ... column-title-wrapper ..." / auto 31% 2% 67% auto;
}
@media screen and (min-width: 900px) {
  .column-list .column-list-inner {
    grid-template: "... column-thumbnail-wrapper ... column-title-wrapper ..." "... column-thumbnail-wrapper ... column-contents-wrapper ..." "... column-thumbnail-wrapper ... column-contents-wrapper ..." / auto 31% 2% 67% auto;
  }
}
.column-list .column-list-inner .column-title-wrapper {
  grid-area: column-title-wrapper;
}
.column-list .column-list-inner .column-title-wrapper .post-title {
  position: relative;
  padding-left: 2em;
}
.column-list .column-list-inner .column-title-wrapper .post-title:before {
  background: url(/wp-content/themes/door/images/column_header-icon.png) left
    bottom/contain no-repeat;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: auto 0;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
}
.column-list .column-list-inner .column-thumbnail-wrapper {
  grid-area: column-thumbnail-wrapper;
}
.column-list .column-list-inner .column-contents-wrapper {
  display: none;
  grid-area: column-contents-wrapper;
}
@media screen and (min-width: 900px) {
  .column-list .column-list-inner .column-contents-wrapper {
    display: block;
  }
}
.faq-list {
  margin: 1em 0;
}
.faq-list > a {
  color: #333;
  text-decoration: none;
}
.faq-list > a:hover,
.faq-list > a:active {
  color: #333;
  text-decoration: none;
}
.faq-list > a:hover {
  opacity: 0.5;
}
.faq-list .data-lists.faq .question-wrapper {
  background: #fff;
  border: 1px solid #999;
}
.faq-list .data-lists.faq .question-wrapper .question-title {
  font-size: 2rem;
}
.faq-list .data-lists.faq .question-wrapper .question-title:before {
  content: "Q";
  color: green;
  font-weight: bold;
  background: #b5d100;
  display: inline-block;
  width: 2em;
  height: 2em;
  margin: 0.2em;
  text-align: center;
  border: 3px solid #b5d100;
}
.faq-list .data-lists.faq .answer-wrapper {
  background: #efeeee;
  padding: 0.3em 0.5em;
}
.faq-list .data-lists.faq .answer-wrapper:before {
  content: "A";
  color: red;
  font-size: 2rem;
  font-weight: bold;
  margin: 0.3em;
  padding: 0 0.5em 0 0;
  border-right: dotted gray 2px;
}
.basic-construction-information-lists {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.basic-construction-information-lists .basic-construction-information-list {
  flex: 1 1 45%;
  margin: 0.2em 0.3em;
}
.basic-construction-information-lists .basic-construction-information-list dl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.basic-construction-information-lists
  .basic-construction-information-list
  dl
  dt {
  white-space: pre;
  color: #fff;
  background: #66470a;
  text-align: center;
  width: 5em;
  margin: 0 0.5em 0 0;
  padding: 0.3em;
}
.basic-construction-information-lists
  .basic-construction-information-list
  dl
  dd {
  white-space: pre;
}
.data-listscustomer-voice dt {
  margin: 0.2em 0;
}
.data-listscustomer-voice dt:before {
  content: "Q";
  color: #66470a;
  font-weight: bold;
  background: #efc155;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 0 0.3em 0 0;
  padding: 0 0.5em;
}
.data-listscustomer-voice dd {
  margin: 0 0 0.5em 0;
  padding: 0 0 0.5em 0;
  border-bottom: dotted #000 2px;
}
.data-listscustomer-voice dd:before {
  content: "A";
  color: #efc155;
  font-weight: bold;
  background: #66470a;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 0 0.3em 0 0;
  padding: 0 0.5em;
}
.pagination {
  margin: 1em 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pagination a {
  display: block;
  color: inherit;
  text-decoration: none;
}
.pagination .pagenation-page-lists {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination .pagenation-page-lists .pagination-list {
  flex: 0 0 3em;
  margin: 0 0.3em;
  padding: 0.3em;
  color: #fff;
  background: #66470a;
  width: 3em;
}
.pagination .pagenation-page-lists .pagination-list:hover {
  box-shadow: 2px 2px 2px #d3d3d3;
  color: #66470a;
  background: #fffcdb;
}
.pagination .pagenation-page-lists .pagination-list.current-paged {
  color: #66470a;
  background: #fffcdb;
}
.pagination .pagenation-page-lists .pagination-list .pagination-num {
  display: block;
  text-align: center;
  color: inherit;
}
.pagination .pagenation-btn {
  flex: 0 0 auto;
}
.pagination .pagenation-btn .pagenation-anchor {
  color: #66470a;
  text-align: center;
  padding: 0.3em 0.5em;
}
.pagination .pagenation-btn .pagenation-anchor:hover {
  color: #fff;
  background: #66470a;
}
.pagination .pagenation-btn .pagenation-anchor.prev:before {
  content: "<<";
}
.pagination .pagenation-btn .pagenation-anchor.next:after {
  content: ">>";
}
.column-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.column-box.stretch-column {
  align-items: stretch;
}
@media screen and (max-width: 650px) {
  .column-box.stretch-column {
    flex-direction: column;
  }
}
.column-box.center-column {
  align-items: center;
}
@media screen and (max-width: 650px) {
  .column-box.center-column {
    align-items: stretch;
    flex-direction: column;
  }
}
@media screen and (max-width: 650px) and (max-width: 650px) {
  .column-box.center-column {
    flex-direction: column;
  }
}
.column-box .column-item {
  flex: 1 1 0px;
  margin: 0 0.5em;
}
.floating-banner {
  width: 100%;
  z-index: 100;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.floating-banner .floating-banner-inner {
  width: 80%;
  height: clamp(50px, 7.75vw, 130px);
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.floating-banner.door-estimate-banner {
  background: rgba(0, 142, 183, 0.85);
}
.floating-banner.estimate {
  background: rgba(51, 204, 204, 0.85);
}
.floating-banner.estimate .floating-banner-inner {
  display: grid;
  grid-template:
    "... ... ... ... ..." minmax(
      0.4em,
      auto
    ) "... total-amount ... form-submit-btn ..." "... ... ... ... ..." minmax(
      0.4em,
      auto
    )
    / 3% 47% 2% 47% 3%;
}
.floating-banner.estimate .floating-banner-inner .total-amount {
  grid-area: total-amount;
  background: #fff;
  width: 100%;
  height: 100%;
  font-weight: normal;
  line-height: 1.1em;
  display: flex;
  justify-content: space-around;
  align-items: center;
  max-height: 135px;
}
@media screen and (max-width: 650px) {
  .floating-banner.estimate .floating-banner-inner .total-amount {
    flex-direction: column;
  }
}
.floating-banner.estimate .floating-banner-inner .total-amount .data-term {
  font-size: clamp(12px, 0.8vw, 16px);
  font-weight: bold;
}
.floating-banner.estimate
  .floating-banner-inner
  .total-amount
  .data-description {
  color: red;
  font-size: clamp(16px, 3vw, 3rem);
  font-weight: bold;
  line-height: 1.1em;
}
.floating-banner.estimate
  .floating-banner-inner
  .total-amount
  .data-description:before {
  content: "¥";
}
.floating-banner.estimate .floating-banner-inner .form-submit-btn {
  grid-area: form-submit-btn;
  border: none;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: clamp(13px, 2vw, 2.5rem);
  font-weight: bold;
  background: linear-gradient(to bottom, #da8536 0%, #cf6400 90%);
  max-height: 135px;
}
.floating-banner.estimate .floating-banner-inner .form-submit-btn:after {
  content: "";
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin: auto auto auto 0.4em;
  transform: rotate(45deg);
}
.door-estimate-sub-header-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 2em 0 0;
}
.door-estimate-sub-header-wrapper .door-estimate-sub-header .sub-header-text {
  display: block;
  color: #e13c22;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.1;
}
.door-estimate-sub-header-wrapper
  .door-estimate-sub-header
  .sub-header-sub-text {
  display: block;
  margin: 0 0 0.3em;
  padding: 0;
  color: #333;
  font-size: 14px;
  font-weight: normal;
}
.door-estimate-sub-header-wrapper p {
  padding: 0 0.5em;
}
@media screen and (max-width: 650px) {
  .door-estimate-sub-header-wrapper p {
    display: none;
  }
}
.door-estimate-sub-header-wrapper p a {
  text-decoration: underline;
  color: #333;
}
.door-estimate-sub-header-wrapper p a:before {
  content: "→";
}
.default-box-wrapper {
  max-width: 1000px;
  margin: 0 auto;
}
.main-contents-wrapper {
  display: grid;
  grid-template:
    "... ... ... ... ..." 1em "... main ... sidebar ..." "... main ... sidebar ..." "... ... ... ... ..." 1em/0 minmax(
      65%,
      1fr
    )
    2.5em minmax(170px, 215px) 0;
}
.main-contents-wrapper .main {
  grid-area: main;
}
.main-contents-wrapper .sidebar {
  grid-area: sidebar;
}
@media screen and (max-width: 650px) {
  .main-contents-wrapper {
    grid-template: "... ... ..." "... main ..." "... sidebar ..."/0 100% 0;
  }
}
.main .section {
  margin: 0 0 2em;
}
.main .section > .section-lists {
  margin: 0.3em 0.6em;
}
.main .section .section-header {
  margin: 0 0 0.5em;
}
.main .section .section-header.faq {
  margin: 0;
}
.main .section .section-header.voice {
  display: grid;
  grid-template: "... header-before-icon header-inner header-after-icon ..." / auto 10% 65% 10% auto;
}
@media screen and (min-width: 650px) and (max-width: 900px) {
  .main .section .section-header.voice {
    grid-template: "... header-before-icon header-inner header-after-icon ..." / auto 10% 70% 10% auto;
  }
}
.main .section .section-header.voice .header-inner {
  grid-area: header-inner;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 900px) {
  .main .section .section-header.voice .header-inner {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .main .section .section-header.voice .header-inner:before {
    content: "弊社をご利用いただいたお客様のコメントを掲載しています";
    color: #66470a;
    font-size: 1.1rem;
    font-weight: normal;
    text-align: center;
    width: 100%;
  }
  .main .section .section-header.voice .header-inner:after {
    background: #fff
      url(/wp-content/themes/door/images/main-voice-header-underline.png) bottom
      center/100% 0.2em no-repeat;
    content: "";
    width: 100%;
    height: 0.2em;
    width: 100%;
    height: 0.2em;
  }
}
.main .section .section-header.voice .header-inner .voice-header-row {
  color: red;
  font-size: 3rem;
  background: #fff
    url(/wp-content/themes/door/images/main-voice-header-underline.png) bottom
    center/100% 0.2em no-repeat;
  content: "";
  display: block;
}
.main .section .section-header.voice:before {
  grid-area: header-before-icon;
  background: #fff
    url(/wp-content/themes/door/images/main-voice-header-before-icon.png)
    center/contain no-repeat;
  content: "";
  display: inline-block;
  width: 44.5px;
  height: 100%;
}
.main .section .section-header.voice:after {
  grid-area: header-after-icon;
  background: #fff
    url(/wp-content/themes/door/images/main-voice-header-after-icon.png)
    center/contain no-repeat;
  content: "";
  display: inline-block;
  width: 44.5px;
  height: 100%;
}
.main .section .section-header.store-information {
  color: #66470a;
  font-size: 2rem;
  background: #efc155;
  margin: 0.4em 0;
  padding: 0.5em;
  line-height: 1.4em;
}
.main .section .section-header.replacement-timing {
  color: #e83d23;
  font-size: 2rem;
  background: #fff;
  margin: 0.4em 0;
  padding: 0 0 0 1em;
}
.main .section.estimate {
  margin: 0 0 0.5em;
}
.main .section.estimate .estimate-form-show-toggle-btn {
  display: none;
  width: 90%;
  margin: 0.2em auto;
  padding: 0.2em 0;
  color: #fff574;
  font-size: 2rem;
  background: #66470a;
  border: none;
}
@media screen and (max-width: 650px) {
  .main .section.estimate .estimate-form-show-toggle-btn {
    display: block !important;
  }
}
.main .section.estimate .estimate-form-show-toggle-btn.close-btn {
  color: red;
  font-size: 2rem;
  background: #fff;
  border: red solid 2px;
}
@media screen and (max-width: 650px) {
  .main .section.estimate .estimate-form {
    display: none;
  }
}
.main .section.estimate .estimate-form .estimate-classification-lists {
  counter-reset: header-chapter;
}
.main
  .section.estimate
  .estimate-form
  .estimate-classification-lists
  .classification-header {
  color: #fff;
  font-size: clamp(16px, 1.3em, 2.1rem);
  background: #cf6400;
  width: 100%;
  padding: 0.5em;
  position: relative;
  display: flex;
  justify-content: start;
  align-items: center;
}
.main
  .section.estimate
  .estimate-form
  .estimate-classification-lists
  .classification-header:before {
  counter-increment: header-chapter;
  content: counter(header-chapter);
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 0.5em 0 0;
  border: #fff 1px solid;
  border-radius: 15px;
  text-align: center;
  color: #cf6400;
  font-size: clamp(16px, 1.3em, 2.1rem);
  font-weight: bold;
  background: #fff;
}
.main
  .section.estimate
  .estimate-form
  .estimate-classification-lists
  .choices-lists {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: rgba(207, 64, 0, 0.5) solid 2px;
  padding: 0.5em;
}
.main
  .section.estimate
  .estimate-form
  .estimate-classification-lists
  .choices-lists
  .choices-list {
  flex: 1 1 0px;
}
.main
  .section.estimate
  .estimate-form
  .estimate-classification-lists
  .choices-lists
  .choices-list
  .choices-list-text {
  display: block;
  width: 100%;
  text-align: center;
}
.main
  .section.estimate
  .estimate-form
  .estimate-classification-lists
  .choices-lists.door-type {
  flex-wrap: wrap;
}
.main
  .section.estimate
  .estimate-form
  .estimate-classification-lists
  .choices-lists.door-type
  .choices-list {
  flex: 1 1 30%;
}
.main .section.estimate .estimate-form-submit {
  display: block;
  width: 90%;
  margin: 1.5em auto;
  padding: 0.5em 0;
  color: #fff100;
  font-size: 2rem;
  font-weight: bold;
  background: linear-gradient(to bottom, #da8536 0%, #cf6400 90%);
  border: #da8536 solid 2px;
}
.main .section.estimate.panel-open .estimate-form {
  display: block;
}
.main .section.estimate.panel-open .open-btn {
  display: none !important;
}
.main .section.understand .understand-lists {
  display: grid;
  grid-row-gap: 0.3em;
  grid-template: "...  contents-type   ...         contents-parts    ..." "...  contents-repair ...         contents-comfort  ..." "...  contents-cost   ...         contents-measures ..." "...  mado_reform     mado_reform mado_reform       ..." / auto 48% 1% 48% auto;
}
.main .section.understand .understand-lists .understand-list.contents-type {
  grid-area: contents-type;
}
.main .section.understand .understand-lists .understand-list.contents-parts {
  grid-area: contents-parts;
}
.main .section.understand .understand-lists .understand-list.contents-repair {
  grid-area: contents-repair;
}
.main .section.understand .understand-lists .understand-list.contents-comfort {
  grid-area: contents-comfort;
}
.main .section.understand .understand-lists .understand-list.contents-cost {
  grid-area: contents-cost;
}
.main .section.understand .understand-lists .understand-list.contents-measures {
  grid-area: contents-measures;
}
.main .section.understand .understand-lists .understand-list.mado_reform {
  grid-area: mado_reform;
  display: none;
}
@media screen and (max-width: 650px) {
  .main .section.understand .understand-lists .understand-list.mado_reform {
    display: block;
  }
}
.main .section.store-information .store-introduction-wrapper:after {
  display: block;
  content: "";
  clear: both;
}
.main
  .section.store-information
  .store-introduction-wrapper
  .store-introduction-image {
  float: left;
  max-width: 250px;
  padding: 0 0.3em;
}
@media screen and (max-width: 650px) {
  .main
    .section.store-information
    .store-introduction-wrapper
    .store-introduction-image {
    max-width: 330px;
    float: none;
    margin: 0 auto 0.5em auto;
  }
}
.main
  .section.store-information
  .store-introduction-wrapper
  .store-introductory-wrapper {
  border-bottom: #ccc 2px dotted;
}
.main
  .section.store-information
  .store-introduction-wrapper
  .store-introductory-wrapper
  p {
  padding: 0 0.125em 0.5em 0.25em;
}
.main
  .section.store-information
  .store-introduction-wrapper
  .store-introductory-wrapper
  p.company-representative {
  text-align: right;
}
.main .section.store-information .store-details-wrapper .store-details-table {
  width: 100%;
}
.main
  .section.store-information
  .store-details-wrapper
  .store-details-table
  tr {
  display: flex;
  justify-content: start;
  align-items: stretch;
  flex-direction: column;
  border-bottom: #d3d3d3 solid 1px;
}
.main
  .section.store-information
  .store-details-wrapper
  .store-details-table
  tr
  th {
  text-align: left;
  color: #66470a;
  flex: 0 0 20%;
  margin: 0 0.7em 0 0;
  padding: 0.3em 0.5em;
}
.main
  .section.store-information
  .store-details-wrapper
  .store-details-table
  tr
  td {
  flex: 1 1 auto;
  padding: 1em;
}
.main
  .section.store-information
  .store-details-wrapper
  .store-details-table
  tr
  td
  iframe {
  width: 100%;
}
.main
  .section.store-information
  .store-details-wrapper
  .store-details-table
  tr
  td
  .city-lists {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
.main
  .section.store-information
  .store-details-wrapper
  .store-details-table
  tr
  td
  .city-lists
  li {
  flex: 0 0 auto;
  margin: 0 0.5em;
  padding: 0.3em 0.5em;
}
@media screen and (max-width: 650px) {
  .main
    .section.store-information
    .store-details-wrapper
    .store-details-table
    tr
    td {
    padding: 0 1em 1em 1em;
  }
}
.main .section.replacement-timing {
  background: #e83d23;
}
.main .section.replacement-timing .replacement-timing-lists {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
.main .section.replacement-timing .replacement-timing-lists li {
  flex: 0 1 30%;
  margin: 1em 0 0 0;
}
@media screen and (max-width: 650px) {
  .main .section.replacement-timing .replacement-timing-lists li {
    flex: 0 1 45%;
  }
}
.main .section.replacement-timing .replacement-timing-grid-lists {
  color: #fff;
  background: #e83d23;
  display: grid;
  grid-template: "please-consider please-consider please-consider please-consider please-consider please-consider please-consider" "please-feel-free-to-contact-us please-feel-free-to-contact-us please-feel-free-to-contact-us please-feel-free-to-contact-us please-feel-free-to-contact-us please-feel-free-to-contact-us please-feel-free-to-contact-us" ".. field-study-circle .. estimation-circle .. human-image .." ".. reception-time-info-wrapper reception-time-info-wrapper reception-time-info-wrapper reception-time-info-wrapper reception-time-info-wrapper .." ".. phone-link-wrapper phone-link-wrapper phone-link-wrapper phone-link-wrapper phone-link-wrapper .." ".. form-link-wrapper form-link-wrapper form-link-wrapper form-link-wrapper form-link-wrapper .." / auto 26% 4% 26% 4% 36% auto;
}
@media screen and (min-width: 900px) {
  .main .section.replacement-timing .replacement-timing-grid-lists {
    padding: 1em 1em 0 1em;
    grid-template:
      "please-consider                please-consider                please-consider             please-consider             please-consider             please-consider please-consider" "..                             ..                             ..                          ..                          ..                          ..              .." 0.2em "please-feel-free-to-contact-us please-feel-free-to-contact-us ..                          field-study-circle          ..                          estimation-circle .." "human-image                    ..                             ..                          ..                          ..                          .. .." 1.5em "human-image                    reception-time-info-wrapper    reception-time-info-wrapper reception-time-info-wrapper reception-time-info-wrapper reception-time-info-wrapper reception-time-info-wrapper" "human-image                    phone-link-wrapper             phone-link-wrapper          phone-link-wrapper          phone-link-wrapper          phone-link-wrapper phone-link-wrapper" "human-image                    form-link-wrapper              form-link-wrapper           form-link-wrapper           form-link-wrapper           form-link-wrapper form-link-wrapper" "human-image                    ..                             ..                          ..                          ..                          .. .." 1.5em / minmax(
        auto,
        190px
      )
      2.5fr 2% minmax(auto, 100px) 2% minmax(auto, 100px) 2%;
  }
}
.main
  .section.replacement-timing
  .replacement-timing-grid-lists
  .please-consider {
  grid-area: please-consider;
  color: red;
  font-weight: bold;
  background: #fff574;
  text-align: center;
  margin: 1em 0;
  padding: 0.5em 0.4em;
}
.main
  .section.replacement-timing
  .replacement-timing-grid-lists
  .please-feel-free-to-contact-us {
  grid-area: please-feel-free-to-contact-us;
  margin: auto;
  padding: 0.5em 0.4em;
}
.main
  .section.replacement-timing
  .replacement-timing-grid-lists
  .field-study-circle {
  grid-area: field-study-circle;
}
.main
  .section.replacement-timing
  .replacement-timing-grid-lists
  .estimation-circle {
  grid-area: estimation-circle;
}
.main .section.replacement-timing .replacement-timing-grid-lists .human-image {
  grid-area: human-image;
  display: flex;
  align-items: end;
}
.main
  .section.replacement-timing
  .replacement-timing-grid-lists
  .reception-time-info-wrapper {
  grid-area: reception-time-info-wrapper;
}
.main
  .section.replacement-timing
  .replacement-timing-grid-lists
  .reception-time-info-wrapper
  .reception-time-info-text {
  margin: 0 0 0 2em;
}
.main
  .section.replacement-timing
  .replacement-timing-grid-lists
  .phone-link-wrapper {
  grid-area: phone-link-wrapper;
}
.main
  .section.replacement-timing
  .replacement-timing-grid-lists
  .form-link-wrapper {
  grid-area: form-link-wrapper;
}
.main .section.replacement-timing .replacement-timing-grid-lists .circle {
  width: 100%;
  height: auto;
  margin: auto 0;
  background: #fff;
  text-align: center;
  border-radius: 50%;
  position: relative;
}
.main
  .section.replacement-timing
  .replacement-timing-grid-lists
  .circle:before {
  content: "";
  display: block;
  width: 100%;
  padding: 100% 0 0 0;
}
.main
  .section.replacement-timing
  .replacement-timing-grid-lists
  .circle
  .circle-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 3rem;
}
.main
  .section.replacement-timing
  .replacement-timing-grid-lists
  .circle
  .circle-row {
  color: #000;
  font-size: 1.8rem;
}
.main
  .section.replacement-timing
  .replacement-timing-grid-lists
  .circle
  .circle-row.free {
  color: red;
  font-size: clamp(1.9rem, 4vw, 3.2rem);
  font-weight: bold;
}
.main .section.replacement-timing .replacement-timing-grid-lists .link-wrapper {
  margin: 0.3em 0;
}
.main
  .section.replacement-timing
  .replacement-timing-grid-lists
  .link-wrapper
  a {
  color: #fff;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main
  .section.replacement-timing
  .replacement-timing-grid-lists
  .link-wrapper
  a:hover,
.main
  .section.replacement-timing
  .replacement-timing-grid-lists
  .link-wrapper
  a:active {
  color: #fff;
  text-decoration: none;
}
.main
  .section.replacement-timing
  .replacement-timing-grid-lists
  .link-wrapper.phone-link-wrapper
  .phone-number {
  font-size: clamp(23px, 2.5vw, 33px);
  font-weight: bold;
  flex: 0 0 60%;
}
.main
  .section.replacement-timing
  .replacement-timing-grid-lists
  .link-wrapper
  .label {
  color: #66470a;
  background: #fff574;
  text-align: center;
  padding: 0.5em 0.3em;
}
.main
  .section.replacement-timing
  .replacement-timing-grid-lists
  .link-wrapper
  .label.phone-text {
  flex: 0 1 30%;
}
.main
  .section.replacement-timing
  .replacement-timing-grid-lists
  .link-wrapper
  .label.form-text {
  flex: 1 1 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main
  .section.replacement-timing
  .replacement-timing-grid-lists
  .link-wrapper
  .label.form-text:after {
  width: 30.5px;
  height: 23px;
  margin: 0 0.3em;
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAuCAMAAABHyVrtAAAANlBMVEUAAABmSAxmSAxmSAxmSAxmSAxmSAxmSAxmSAxmSAxmSAxmSAxmSAxmSAxmSAxmSAxmSAxmSAyB84XPAAAAEXRSTlMAgEDxEMCg0GAwIOCwcJBQ2F/ISnAAAAFdSURBVEjH7ZZJtoMgEEVpit7ms//N/kMRLQySAMkwb6Ae5VqND5ChnBiWZ4dsiBMyItM6Tsomeo3TSvHlPK4YE3ih+aAUYpBz12xYKmfP04mP4/yH42kZpsEUeFRiMLaMhCdp3w+LgEiJR8mhD/boGMIPBdtT9EbA2ToZO1uwHiO3AudALegpOojn7+6XowVNmIbc2UaYx6v3W5gShIbr7FGYq+DqWYVXEUhVZjVe19e82cYBR14CATnLvsE9JkllFrvAXzpsL3EhE+wKFwh1OnJDg0Ebt7h7ePJ1MR/ocQvX1HMyWGlFh8mJWxwMXtX2NuJpkbA3uEvR5MVwsKootb3cyhlWOJoqOPZWKyYEVxyPCliH9hyoxM3ITuXSaLkQjrKsV6CqxUo6NiBd4GSGflnCcycH5eRnm9T2FXynLz4i/0jexXlJ/EmZlsYeTgcH9gFv3Dkxh98QFJr8H3RDTXy4mpbUAAAAAElFTkSuQmCC)
    center center/contain no-repeat;
}
.main .section.faq .faq-lists-wrapper {
  padding: 0.6em;
  background: #f2ede3;
}
@media screen and (min-width: 900px) {
  .main .section.faq .faq-lists-wrapper .faq-lists-inner {
    border: #66470a dashed 1.5px;
    background: #fff
      url(/wp-content/themes/door/images/main-faq-link-button.png) bottom
      center/contain no-repeat;
    content: "";
    background-size: cover;
  }
}
.main .section.faq .faq-lists-wrapper .faq-lists-inner .faq-lists {
  margin: 0.7em 0.7em 1em 0.7em;
  display: block;
}
@media screen and (min-width: 900px) {
  .main .section.faq .faq-lists-wrapper .faq-lists-inner .faq-lists {
    margin-bottom: 2em;
  }
}
.main .section.faq .faq-lists-wrapper .faq-lists-inner .faq-lists li {
  border: #66470a 1px solid;
}
.main .section.faq .faq-lists-wrapper .faq-lists-inner .faq-lists li:hover {
  opacity: 0.5;
}
.main .section.faq .faq-lists-wrapper .faq-lists-inner .faq-lists li a {
  color: #66470a;
  text-decoration: none;
  color: #66470a;
  font-size: 1.7rem;
  font-weight: normal;
  background: #fffcd5;
  display: block;
  width: 100%;
  padding: 0.2em 0;
  display: block;
}
.main .section.faq .faq-lists-wrapper .faq-lists-inner .faq-lists li a:hover,
.main .section.faq .faq-lists-wrapper .faq-lists-inner .faq-lists li a:active {
  color: #66470a;
  text-decoration: none;
}
.main .section.faq .faq-lists-wrapper .faq-lists-inner .faq-lists li a:before {
  content: "Q";
  color: #fff;
  font-weight: normal;
  background: #66470a;
  width: 100%;
  margin: 0 0.3em 0 0;
  padding: 0 0.4em;
}
.main .section.first-time {
  display: none;
}
@media screen and (max-width: 650px) {
  .main .section.first-time {
    display: block;
    margin: 0 0 1em 0;
  }
}
.main .section.shoplist {
  display: none;
}
@media screen and (max-width: 650px) {
  .main .section.shoplist {
    display: block;
    margin: 0 0 1em 0;
  }
}
.main .section.process-flow {
  margin: 0 0 0.5em 0;
}
.main .section.process-flow > p {
  padding: 0 0.4em;
}
.simple-store-information-wrapper {
  position: relative;
  margin: 3em 0 1em;
  padding: 0.2em;
  border: solid #d3d3d3 2px;
  display: grid;
  grid-row-gap: 0.3em;
  grid-template: "staff-image  ...  logo-image     ...     form-link ..." "staff-image  ...  phone-link     ...            form-link ..." "staff-image  ...  reception-time ...            form-link ..."/1fr 0.5em 2fr 0.5em 1.3fr 0.5em;
}
.simple-store-information-wrapper:before {
  content: "【この記事を書いた店舗】";
  position: absolute;
  top: -2em;
  left: 0;
}
@media screen and (max-width: 650px) {
  .simple-store-information-wrapper {
    grid-template: "...        logo-image     logo-image     logo-image     ..." "...        phone-link     phone-link     phone-link     ..." "...        reception-time reception-time reception-time ..." "...        form-link      form-link      form-link      ..." "...        ...            staff-image    ...            ..."/1em auto auto auto 1em;
  }
}
.simple-store-information-wrapper .logo-image {
  grid-area: logo-image;
}
.simple-store-information-wrapper .reception-time {
  grid-area: reception-time;
  align-self: center;
  justify-self: center;
}
.simple-store-information-wrapper .staff-image {
  grid-area: staff-image;
  align-self: center;
}
.simple-store-information-wrapper .phone-link {
  grid-area: phone-link;
  align-self: center;
  justify-self: center;
  color: red;
  font-size: clamp(24px, 3vw, 32px);
  font-weight: bold;
  text-decoration: none;
}
.simple-store-information-wrapper .form-link {
  grid-area: form-link;
  align-self: center;
  justify-self: center;
  display: block;
  margin: 0;
  padding: 0;
}
.store-info-section {
  margin: 3em 0;
}
.store-info-section .store-list {
  margin: 2em 0;
}
.store-info-section .store-list .store-item {
  width: 95%;
  margin: 2em 0.5em;
  border: rgba(239, 193, 85, 0.5) solid 1px;
  box-shadow: gray 2px 2px 5px;
}
@media screen and (min-width: 900px) {
  .store-info-section .store-list .store-item .store-data-list {
    display: grid;
    grid-template-columns: 1fr 4fr;
  }
}
.store-info-section .store-list .store-item .store-data-list .data-term {
  padding: 0.3em 0.7em;
  color: #66470a;
  font-weight: bold;
  background: #fff574;
  border: rgba(102, 71, 10, 0.2) 1px solid;
}
.store-info-section .store-list .store-item .store-data-list .data-description {
  padding: 0.3em 0.7em;
}
.store-info-section .store-list .store-item .store-page-link {
  margin: 0 0 0 1em;
  padding: 0.2em 0.8em;
  font-weight: bold;
  background: #66470a;
  color: #fff;
  text-decoration: none;
}
.store-info-section .store-list .store-item .store-page-link:hover,
.store-info-section .store-list .store-item .store-page-link:active {
  color: #fff;
  text-decoration: none;
}
#form-inquiry {
  width: 100%;
  position: relative;
  background: #f8f4e6;
  padding: 2em;
}
@media screen and (max-width: 650px) {
  #form-inquiry {
    padding: 0.5em;
  }
  #form-inquiry .auto-columns input {
    width: 43vw;
  }
}
#form-inquiry .unit {
  display: inline-block;
  padding: 0 0 0 1em;
  margin-bottom: 0.5em;
}
#form-inquiry .unit .p-region.p-locality.p-street-address {
  width: 97%;
}
@media screen and (max-width: 650px) {
  #form-inquiry .unit .p-region.p-locality.p-street-address {
    width: 93%;
  }
}
#form-inquiry .unit.second {
  padding: 0;
}
@media screen and (max-width: 650px) {
  #form-inquiry .unit.unit-mailaddress {
    width: 100%;
  }
  #form-inquiry .unit.unit-mailaddress input {
    width: 93%;
  }
}
#form-inquiry .unit.unit2 {
  width: 85%;
}
@media screen and (max-width: 650px) {
  #form-inquiry .unit.unit2 {
    width: 93%;
  }
}
#form-inquiry .unit.unit2 textarea {
  display: inline-block;
  width: 100%;
  max-width: 630px;
  height: 10em;
}
#form-inquiry em {
  margin-left: 1em;
  font-size: small;
  color: red;
}
#form-inquiry div.legend {
  margin: 1em 0 0.75em 0;
  padding: 0.5em 0 0.5em 1em;
  background-color: #e9e4d4;
  border-left: #654a20 0.5em solid;
}
#form-inquiry .submit {
  color: #000;
  padding: 0 1em;
  border: #b0c4de 3px solid;
  background-color: rgba(178, 34, 34, 0.25);
  transition: all 0.4s ease 0.05s;
  margin: 0 0 0 0.25em;
}
#form-inquiry .submit:hover {
  color: #fff;
  background-color: #b22222;
}
#form-inquiry .error {
  color: #fff;
  background-color: red;
}
.wp-block-group {
  margin: 25px auto 10px;
  padding: 0 0.4em;
}
.wp-block-group .wp-block-group__inner-container {
  line-height: 2;
}
.wp-block-group .wp-block-group__inner-container .wp-block-image {
  max-width: 100%;
  margin: 0 auto 1.5em;
}
.wp-block-group .wp-block-group__inner-container .wp-block-image.size-large {
  width: 70%;
}
.wp-block-group .wp-block-group__inner-container .wp-block-image.size-medium {
  width: 50%;
}
.wp-block-group
  .wp-block-group__inner-container
  .wp-block-image.size-thumbnail {
  width: 10%;
}
.wp-block-group .wp-block-group__inner-container .wp-block-image img {
  width: 100%;
}
.wp-block-group .wp-block-group__inner-container .wp-heading-1 {
  color: #66470a;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.6;
  padding: 0.5em 0px 0.5em 2.5em;
  background: #efc155 url(/wp-content/themes/door/images/wp-heading-1-icon.png)
    left center/36px no-repeat;
}
.wp-block-group .wp-block-group__inner-container .wp-heading-2 {
  color: #66470a;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  padding: 0.5em;
  border-bottom: 2px dotted #66470a;
}
.wp-block-group .wp-block-group__inner-container .wp-heading-3 {
  color: #66470a;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  padding: 0.5em;
  position: relative;
}
.wp-block-group .wp-block-group__inner-container .wp-heading-3::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  width: 13px;
  height: 13px;
  background: #efc155;
  transform: rotate(45deg);
  z-index: -1;
}
.wp-block-group
  .wp-block-group__inner-container
  .navigation--wrapper
  .navigation {
  background-color: #efeeee;
  border: 1px solid #66470a;
  padding: 1em;
}
.wp-block-group
  .wp-block-group__inner-container
  .navigation--wrapper
  .navigation
  details
  summary {
  outline: none;
  appearance: none;
  display: block;
}
.wp-block-group
  .wp-block-group__inner-container
  .navigation--wrapper
  .navigation
  details
  .navi-str {
  display: flex;
  justify-content: start;
  align-items: center;
}
.wp-block-group
  .wp-block-group__inner-container
  .navigation--wrapper
  .navigation
  details
  .navi-str
  .navi-text {
  color: #63461f;
  font-size: 13px;
  font-weight: bold;
}
.wp-block-group
  .wp-block-group__inner-container
  .navigation--wrapper
  .navigation
  details
  .navi-str
  .navi-status {
  color: blue;
  font-size: 13px;
  font-weight: bold;
}
.wp-block-group
  .wp-block-group__inner-container
  .navigation--wrapper
  .navigation
  details
  .navi-str
  .navi-status:hover {
  text-decoration: underline;
}
.wp-block-group
  .wp-block-group__inner-container
  .navigation--wrapper
  .navigation
  details[open]
  .hiding-text {
  display: none;
}
.wp-block-group
  .wp-block-group__inner-container
  .navigation--wrapper
  .navigation
  details:not([open])
  .displaying-text {
  display: none;
}
.wp-block-group
  .wp-block-group__inner-container
  .navigation--wrapper
  .navigation
  details
  .navigation-lists
  .navigation-list::before {
  content: none;
}
.wp-block-group
  .wp-block-group__inner-container
  .navigation--wrapper
  .navigation
  details
  .navigation-lists
  .navigation-list
  .navigation-list-link {
  color: blue;
}
.wp-block-group
  .wp-block-group__inner-container
  .navigation--wrapper
  .navigation
  details
  .navigation-lists
  .navigation-list
  .navigation-list-link:hover {
  color: #add8e6;
  text-decoration: underline;
}
.wp-block-group .wp-block-group__inner-container .wp-block-table {
  margin: 0;
}
.wp-block-group .wp-block-group__inner-container .wp-block-table table {
  table-layout: fixed;
  width: 100%;
}
.wp-block-group .wp-block-group__inner-container .wp-block-table table tr td {
  overflow-wrap: break-word;
  padding: 0.5em;
  background-color: #efeeee;
  border: #efc155 1px solid;
}
.wp-block-group
  .wp-block-group__inner-container
  .wp-block-table
  table
  tr
  td:first-child {
  color: #66470a;
  font-weight: bold;
  background: #efc155;
}
@media screen and (max-width: 650px) {
  .wp-block-group .wp-block-group__inner-container .wp-block-table table tr {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 650px) and (max-width: 900px) {
  .wp-block-group
    .wp-block-group__inner-container
    .wp-block-table.td-len-2
    td:first-child {
    width: 33%;
  }
}
.wp-block-group .wp-block-group__inner-container .wp-block-columns {
  display: flex;
  justify-content: space-around;
  align-items: start;
}
@media screen and (max-width: 650px) {
  .wp-block-group .wp-block-group__inner-container .wp-block-columns {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.wp-block-group
  .wp-block-group__inner-container
  .wp-block-columns
  .wp-block-column {
  flex: 1 1 0px;
  margin: 0;
  padding: 0.5em;
}
.wp-block-group
  .wp-block-group__inner-container
  .wp-block-columns.before-after
  .wp-block-column.before::before,
.wp-block-group
  .wp-block-group__inner-container
  .wp-block-columns.before-after
  .wp-block-column.after::before {
  content: "";
  display: block;
  width: 148px;
  height: 53px;
  padding: 0.3em;
  background-image: url(/wp-content/themes/door/images/before-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.wp-block-group
  .wp-block-group__inner-container
  .wp-block-columns.before-after
  .wp-block-column.after::before {
  background-image: url(/wp-content/themes/door/images/after-icon.png);
}
.wp-block-group
  .wp-block-group__inner-container
  .wp-block-columns.before-after
  .wp-block-column.before-after-icon {
  flex: 0 0 10%;
  margin: auto;
}
@media screen and (max-width: 650px) {
  .wp-block-group
    .wp-block-group__inner-container
    .wp-block-columns.before-after
    .wp-block-column.before-after-icon {
    transform: rotate(90deg);
  }
}
@media screen and (max-width: 650px) {
  .wp-block-group .wp-block-group__inner-container .wp-block-columns.movie {
    flex-direction: column-reverse;
  }
}
.wp-block-group
  .wp-block-group__inner-container
  .wp-block-columns.movie
  .header-text {
  color: #f30;
  font-weight: bold;
}
.wp-block-group
  .wp-block-group__inner-container
  .wp-block-columns.movie
  .header-info {
  font-size: 1.2em;
  font-weight: bold;
}
.wp-block-group
  .wp-block-group__inner-container
  .wp-block-columns.movie
  .header-info
  .under-line {
  text-decoration: underline;
  display: block;
}
@media screen and (max-width: 650px) {
  .wp-block-group
    .wp-block-group__inner-container
    .wp-block-columns.movie
    .header-info:after {
    content: "　↓　↓　↓";
    display: block;
    width: 100%;
    color: red;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
  }
}
.wp-block-group
  .wp-block-group__inner-container
  .wp-block-columns.movie
  .movie-frame-wrapper
  iframe {
  width: 100%;
  height: 100%;
}
.wp-block-group .wp-block-group__inner-container .link-btn {
  border: #efc155 solid 0.4em;
  color: #fff;
  font-size: clamp(1.3rem, 1.6vw, 1.6rem);
  font-weight: bold;
  background: #66470a;
  width: 75%;
  margin: 2em auto;
  padding: 0.4em 0.7em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
}
@media screen and (max-width: 650px) {
  .wp-block-group .wp-block-group__inner-container .link-btn {
    width: 90%;
  }
}
.wp-block-group .wp-block-group__inner-container .link-btn:hover {
  background-color: #db392a;
}
.wp-block-group .wp-block-group__inner-container .link-btn.large {
  width: 100%;
  margin: 0;
  padding: 0.4em 0.7em;
}
.wp-block-group .wp-block-group__inner-container .link-btn:after {
  background: url(/wp-content/themes/door/images/link_button.png) center/contain
    no-repeat;
  content: "";
  width: 40px;
  height: 40px;
  margin: auto 0.3em auto auto;
}
.wp-block-group .wp-block-group__inner-container .question-box {
  margin: 0.3em 0;
}
.wp-block-group .wp-block-group__inner-container .question-box .question-text {
  display: flex;
  justify-content: start;
  align-items: center;
  color: #fff;
  font-size: 14px;
  background: gray;
}
.wp-block-group
  .wp-block-group__inner-container
  .question-box
  .question-text:before {
  content: "Q";
  color: #fff;
  font-size: 1.7em;
  background: blue;
  text-align: center;
  margin: 0 0.3em 0 0;
  padding: 0.3em 0.6em;
  min-width: 2.3em;
}
.wp-block-group .wp-block-group__inner-container .answer-box {
  margin: 0.3em 0;
}
.wp-block-group .wp-block-group__inner-container .answer-box .answer-text {
  display: flex;
  justify-content: start;
  align-items: center;
  color: #fff;
  font-size: 14px;
  background: gray;
}
.wp-block-group
  .wp-block-group__inner-container
  .answer-box
  .answer-text:before {
  content: "A";
  color: #fff;
  font-size: 1.7em;
  background: blue;
  text-align: center;
  margin: 0 0.3em 0 0;
  padding: 0.3em 0.6em;
  min-width: 2.3em;
}
.jp-vue-estimate {
  counter-reset: counter;
  display: grid;
  grid-template: ".. information-statement information-statement .." ".. estimate-image estimate-image  .." ".. estimate-color estimate-color  .." ".. estimate-spec estimate-spec .." ".. estimate-key estimate-key   .." ".. estimate-handle estimate-handle .." ".. estimate-lattice estimate-lattice .." ".. estimate-screen-door estimate-screen-door .." ".. estimate-frame estimate-frame .." ".. estimate-size estimate-size   .." ".. estimate-price estimate-price  .." ".. estimate-send estimate-send .." ".. estimate-area estimate-area .." ".. estimate-process-flow estimate-process-flow .."/2% 35% 61% 2%;
}
.jp-vue-estimate.not-area-select .base-price,
.jp-vue-estimate.not-area-select .price,
.jp-vue-estimate.not-area-select .send,
.jp-vue-estimate.not-area-select .discounted-price {
  display: none !important;
}
@media screen and (min-width: 900px) {
  .jp-vue-estimate {
    grid-template: ".. information-statement information-statement .." ".. estimate-image estimate-color  .." ".. estimate-spec estimate-spec .." ".. estimate-key estimate-key   .." ".. estimate-handle estimate-handle .." ".. estimate-lattice estimate-lattice .." ".. estimate-screen-door estimate-screen-door .." ".. estimate-frame estimate-frame .." ".. estimate-size estimate-size   .." ".. estimate-price estimate-price  .." ".. estimate-send estimate-send .." ".. estimate-area estimate-area .." ".. estimate-process-flow estimate-process-flow .."/2% 56% 40% 2%;
  }
}
.jp-vue-estimate .estimate-section {
  margin: 1em 0;
}
.jp-vue-estimate .estimate-section .wp-block-group {
  padding: 0;
}
.estimate-section-heading {
  margin: 0.4em 0;
  padding: 0.5em;
  color: #66470a;
  font-size: 19px;
  font-weight: bold;
  background: #efc155;
  border-left: #66470a 10px solid;
}
.jp-vue-estimate .estimate-section .numbered-headings {
  counter-increment: counter;
  display: flex;
  justify-content: start;
  align-items: center;
}
.jp-vue-estimate .estimate-section .numbered-headings:before {
  content: counter(counter);
  width: 1.5em;
  height: 1.5em;
  margin: 0 0.25em;
  padding: 0.5em 0;
  color: #efc155;
  background: #66470a;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.75em;
}
.jp-vue-estimate .estimate-section label:hover {
  cursor: pointer;
}
.jp-vue-estimate .estimate-section .classification-list-flex {
  display: flex;
  justify-content: start;
  align-items: start;
}
.jp-vue-estimate .estimate-section .classification-list-flex li {
  flex: 1 1 0px;
}
.jp-vue-estimate .estimate-section.information-statement {
  grid-area: information-statement;
}
.jp-vue-estimate .estimate-section.image {
  grid-area: estimate-image;
}
.jp-vue-estimate .estimate-section.image .estimate_image {
  position: relative;
  width: 100%;
  padding-top: 75%;
}
.jp-vue-estimate .estimate-section.image .estimate_image .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.jp-vue-estimate .estimate-section.image .estimate_image img {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
}
.jp-vue-estimate .estimate-section.image .spec-lists {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 1rem 0 0 0;
}
.jp-vue-estimate .estimate-section.image .spec-lists li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 49%;
  margin: 0.5rem 1% 0 0;
  padding: 0.25rem;
  border-radius: 0.25vw;
}
.jp-vue-estimate .estimate-section.image .spec-lists .d2 {
  background-color: #bccddb;
}
.jp-vue-estimate .estimate-section.image .spec-lists .d4 {
  background-color: #fbdac8;
}
.jp-vue-estimate .estimate-section.image .spec-lists .lighting {
  background-color: #fdd35c;
}
.jp-vue-estimate .estimate-section.image .spec-lists .fire {
  background-color: khaki;
}
.jp-vue-estimate .estimate-section.image .spec-lists .plural {
  background-color: #82cddd;
}
.jp-vue-estimate .estimate-section.image .spec-lists .k2 {
  background-color: #bccddb;
}
.jp-vue-estimate .estimate-section.image .spec-lists .k3 {
  background-color: khaki;
}
.jp-vue-estimate .estimate-section.image .spec-lists .k4 {
  background-color: #fbdac8;
}
.jp-vue-estimate .estimate-section.image .spec-lists .insulation {
  background-color: coral;
}
.jp-vue-estimate .estimate-section.image .spec-lists .high-insulation {
  background-color: tomato;
}
.jp-vue-estimate .estimate-section.image .spec-lists .aluminum {
  background-color: #b0c4de;
}
.jp-vue-estimate .estimate-section.image .spec-lists .ventilation {
  background-color: skyblue;
}
.jp-vue-estimate .estimate-section.image .spec-lists .singular {
  background-color: tan;
}
.jp-vue-estimate .estimate-section.color {
  grid-area: estimate-color;
  padding: 1.5rem 0 0 0;
}
@media screen and (min-width: 900px) {
  .jp-vue-estimate .estimate-section.color {
    padding: 0 0 0 1.5rem;
  }
}
.jp-vue-estimate .estimate-section.color .wp-block-group:first-child {
  margin: 0;
}
@media screen and (max-width: 650px) {
  .jp-vue-estimate
    .estimate-section.color
    .wp-block-group:first-child
    .wp-heading-1 {
    line-height: 1.2em;
  }
}
.jp-vue-estimate
  .estimate-section.color
  .wp-block-group
  .wp-block-group__inner-container
  .wp-heading-3 {
  margin: 1.5em 0 0 0;
}
.jp-vue-estimate .estimate-section.color .classification-list-flex {
  padding: 0 1rem;
  flex-direction: column;
  align-items: inherit;
}
@media screen and (max-width: 650px) {
  .jp-vue-estimate .estimate-section.color .classification-list-flex {
    padding: 0;
  }
}
.jp-vue-estimate
  .estimate-section.color
  .classification-list-flex
  .wp-block-group
  .wp-heading-3 {
  padding: 0 0 0 1em;
}
.jp-vue-estimate
  .estimate-section.color
  .classification-list-flex
  .wp-block-group
  .wp-heading-3:before {
  width: 1.1rem;
  height: 1.1rem;
}
.jp-vue-estimate .estimate-section.color .classification-list-flex li ul {
  width: 100%;
}
@media screen and (max-width: 650px) {
  .jp-vue-estimate .estimate-section.color .classification-list-flex li ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
}
.jp-vue-estimate .estimate-section.color .classification-list-flex li ul li {
  width: 100%;
  padding: 0.5rem;
  border-bottom: #ddd 2px dotted;
}
.jp-vue-estimate
  .estimate-section.color
  .classification-list-flex
  li
  ul
  li:hover {
  background: #87cefa;
  border-bottom: rgba(0, 0, 0, 0) 2px solid;
}
@media screen and (max-width: 650px) {
  .jp-vue-estimate .estimate-section.color .classification-list-flex li ul li {
    flex: 0 0 49%;
  }
}
.jp-vue-estimate
  .estimate-section.color
  .classification-list-flex
  li
  ul
  li
  label {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
}
.jp-vue-estimate
  .estimate-section.color
  .classification-list-flex
  li
  ul
  li
  label
  input {
  margin: 0;
  flex: 0 0 auto;
}
.jp-vue-estimate
  .estimate-section.color
  .classification-list-flex
  li
  ul
  li
  label
  span {
  flex: 0 0 auto;
  margin: 0 1rem;
}
@media screen and (max-width: 650px) {
  .jp-vue-estimate
    .estimate-section.color
    .classification-list-flex
    li
    ul
    li
    label
    span {
    flex: 0 0 auto;
  }
}
.jp-vue-estimate
  .estimate-section.color
  .classification-list-flex
  li
  ul
  li
  label
  span
  img {
  width: 100%;
}
.jp-vue-estimate .estimate-section.color .color-sample-image span {
  position: relative;
  overflow: hidden;
  width: 36px;
  height: 36px;
}
.jp-vue-estimate .estimate-section.color .color-sample-image span img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: auto;
}
.jp-vue-estimate .estimate-section.handle {
  grid-area: estimate-handle;
}
.jp-vue-estimate .estimate-section.key {
  grid-area: estimate-key;
}
.jp-vue-estimate .estimate-section.key ul li,
.jp-vue-estimate .estimate-section.handle ul li,
.jp-vue-estimate .estimate-section.lattice ul li {
  padding: 0.5rem;
  border-bottom: #ccc 2px solid;
}
.jp-vue-estimate .estimate-section.key ul li:hover,
.jp-vue-estimate .estimate-section.handle ul li:hover,
.jp-vue-estimate .estimate-section.lattice ul li:hover {
  background-color: #87cefa;
}
.jp-vue-estimate .estimate-section.key ul li label,
.jp-vue-estimate .estimate-section.handle ul li label,
.jp-vue-estimate .estimate-section.lattice ul li label {
  display: flex;
  align-items: center;
}
.jp-vue-estimate .estimate-section.key ul li label .item-details,
.jp-vue-estimate .estimate-section.handle ul li label .item-details,
.jp-vue-estimate .estimate-section.lattice ul li label .item-details {
  flex: 1 1 auto;
  margin: 0 0 0 0.5rem;
}
.jp-vue-estimate
  .estimate-section.key
  ul
  li
  label
  .item-details
  .prices-wrapper,
.jp-vue-estimate
  .estimate-section.handle
  ul
  li
  label
  .item-details
  .prices-wrapper,
.jp-vue-estimate
  .estimate-section.lattice
  ul
  li
  label
  .item-details
  .prices-wrapper {
  display: block;
}
.jp-vue-estimate
  .estimate-section.key
  ul
  li
  label
  .item-details
  .prices-wrapper
  .discounted-price
  .discounted-price-num:before,
.jp-vue-estimate
  .estimate-section.handle
  ul
  li
  label
  .item-details
  .prices-wrapper
  .discounted-price
  .discounted-price-num:before,
.jp-vue-estimate
  .estimate-section.lattice
  ul
  li
  label
  .item-details
  .prices-wrapper
  .discounted-price
  .discounted-price-num:before {
  content: "¥";
}
.jp-vue-estimate
  .estimate-section.key
  ul
  li
  label
  .item-details
  .prices-wrapper
  .base-price,
.jp-vue-estimate
  .estimate-section.handle
  ul
  li
  label
  .item-details
  .prices-wrapper
  .base-price,
.jp-vue-estimate
  .estimate-section.lattice
  ul
  li
  label
  .item-details
  .prices-wrapper
  .base-price {
  display: none;
  font-size: 1rem;
}
@media screen and (min-width: 900px) {
  .jp-vue-estimate
    .estimate-section.key
    ul
    li
    label
    .item-details
    .prices-wrapper
    .base-price,
  .jp-vue-estimate
    .estimate-section.handle
    ul
    li
    label
    .item-details
    .prices-wrapper
    .base-price,
  .jp-vue-estimate
    .estimate-section.lattice
    ul
    li
    label
    .item-details
    .prices-wrapper
    .base-price {
    display: block;
  }
}
.jp-vue-estimate
  .estimate-section.key
  ul
  li
  label
  .item-details
  .prices-wrapper
  .base-price:before,
.jp-vue-estimate
  .estimate-section.handle
  ul
  li
  label
  .item-details
  .prices-wrapper
  .base-price:before,
.jp-vue-estimate
  .estimate-section.lattice
  ul
  li
  label
  .item-details
  .prices-wrapper
  .base-price:before {
  content: "(";
}
.jp-vue-estimate
  .estimate-section.key
  ul
  li
  label
  .item-details
  .prices-wrapper
  .base-price:after,
.jp-vue-estimate
  .estimate-section.handle
  ul
  li
  label
  .item-details
  .prices-wrapper
  .base-price:after,
.jp-vue-estimate
  .estimate-section.lattice
  ul
  li
  label
  .item-details
  .prices-wrapper
  .base-price:after {
  content: ")";
}
.jp-vue-estimate
  .estimate-section.key
  ul
  li
  label
  .item-details
  .prices-wrapper
  .base-price
  .base-price-num:before,
.jp-vue-estimate
  .estimate-section.handle
  ul
  li
  label
  .item-details
  .prices-wrapper
  .base-price
  .base-price-num:before,
.jp-vue-estimate
  .estimate-section.lattice
  ul
  li
  label
  .item-details
  .prices-wrapper
  .base-price
  .base-price-num:before {
  content: "¥";
}
.jp-vue-estimate .estimate-section.key ul li label .item-name,
.jp-vue-estimate .estimate-section.handle ul li label .item-name,
.jp-vue-estimate .estimate-section.lattice ul li label .item-name {
  flex: 1 1 auto;
}
.jp-vue-estimate .estimate-section.key ul li label .image-wrapper,
.jp-vue-estimate .estimate-section.handle ul li label .image-wrapper,
.jp-vue-estimate .estimate-section.lattice ul li label .image-wrapper {
  display: flex;
  height: 10vh;
}
.jp-vue-estimate .estimate-section.key ul li label .image-wrapper img,
.jp-vue-estimate .estimate-section.handle ul li label .image-wrapper img,
.jp-vue-estimate .estimate-section.lattice ul li label .image-wrapper img {
  height: 100%;
  width: auto;
}
.jp-vue-estimate .estimate-section.key .latchLists,
.jp-vue-estimate .estimate-section.handle .latchLists,
.jp-vue-estimate .estimate-section.lattice .latchLists {
  display: grid;
  margin: 1em 0 2em;
  grid-template-columns: repeat(2, auto);
  column-gap: 0.5em;
}
.jp-vue-estimate .estimate-section.screen-door {
  grid-area: estimate-screen-door;
}
.jp-vue-estimate .estimate-section.screen-door ul li {
  padding: 0.5rem;
  border-bottom: #ccc 2px solid;
}
.jp-vue-estimate .estimate-section.screen-door ul li:hover {
  background-color: #87cefa;
}
.jp-vue-estimate .estimate-section.screen-door ul li label {
  display: flex;
  align-items: center;
}
.jp-vue-estimate .estimate-section.screen-door ul li label .item-details {
  flex: 1 1 auto;
  margin: 0 0 0 0.5rem;
}
.jp-vue-estimate
  .estimate-section.screen-door
  ul
  li
  label
  .item-details
  .prices-wrapper {
  display: block;
}
.jp-vue-estimate
  .estimate-section.screen-door
  ul
  li
  label
  .item-details
  .prices-wrapper
  .discounted-price
  .discounted-price-num:before {
  content: "¥";
}
.jp-vue-estimate
  .estimate-section.screen-door
  ul
  li
  label
  .item-details
  .prices-wrapper
  .base-price {
  display: none;
  font-size: 1rem;
}
@media screen and (min-width: 900px) {
  .jp-vue-estimate
    .estimate-section.screen-door
    ul
    li
    label
    .item-details
    .prices-wrapper
    .base-price {
    display: block;
  }
}
.jp-vue-estimate
  .estimate-section.screen-door
  ul
  li
  label
  .item-details
  .prices-wrapper
  .base-price:before {
  content: "(";
}
.jp-vue-estimate
  .estimate-section.screen-door
  ul
  li
  label
  .item-details
  .prices-wrapper
  .base-price:after {
  content: ")";
}
.jp-vue-estimate
  .estimate-section.screen-door
  ul
  li
  label
  .item-details
  .prices-wrapper
  .base-price
  .base-price-num:before {
  content: "¥";
}
.jp-vue-estimate .estimate-section.screen-door ul li label .item-name {
  flex: 1 1 auto;
}
.jp-vue-estimate .estimate-section.screen-door ul li label .image-wrapper {
  display: flex;
  height: 10vh;
}
.jp-vue-estimate .estimate-section.screen-door ul li label .image-wrapper img {
  height: 100%;
  width: auto;
}
.jp-vue-estimate .estimate-section.spec {
  grid-area: estimate-spec;
}
.jp-vue-estimate .estimate-section.spec ul li {
  padding: 0.5rem;
}
.jp-vue-estimate .estimate-section.spec ul li:hover {
  background-color: #87cefa;
}
.jp-vue-estimate .estimate-section.spec ul li label {
  display: flex;
  align-items: center;
}
.jp-vue-estimate .estimate-section.spec ul li label .input-field {
  margin: 0 0.5rem 0 0;
}
.jp-vue-estimate .estimate-section.spec ul li label .spec-name {
  flex: 0 0 auto;
  margin: 0 1rem 0 0;
}
.jp-vue-estimate .estimate-section.spec ul li label .spec-wrapper {
  display: flex;
  align-items: center;
}
.jp-vue-estimate
  .estimate-section.spec
  ul
  li
  label
  .spec-wrapper
  .discounted-price {
  margin: 0 1rem 0 0;
}
.jp-vue-estimate
  .estimate-section.spec
  ul
  li
  label
  .spec-wrapper
  .discounted-price
  span:nth-child(2):before {
  content: "¥";
}
.jp-vue-estimate .estimate-section.spec ul li label .spec-wrapper .base-price {
  display: none;
  font-size: 1rem;
}
@media screen and (min-width: 900px) {
  .jp-vue-estimate
    .estimate-section.spec
    ul
    li
    label
    .spec-wrapper
    .base-price {
    display: inherit;
  }
}
.jp-vue-estimate
  .estimate-section.spec
  ul
  li
  label
  .spec-wrapper
  .base-price:before {
  content: "(";
}
.jp-vue-estimate
  .estimate-section.spec
  ul
  li
  label
  .spec-wrapper
  .base-price:after {
  content: ")";
}
.jp-vue-estimate
  .estimate-section.spec
  ul
  li
  label
  .spec-wrapper
  .base-price
  span:nth-child(2):before {
  content: "¥";
}
.jp-vue-estimate .estimate-section.lattice {
  grid-area: estimate-lattice;
}
.jp-vue-estimate .estimate-section.frame {
  grid-area: estimate-frame;
  display: none;
}
.jp-vue-estimate .estimate-section.frame .frame-conf {
  display: flex;
}
@media screen and (max-width: 650px) {
  .jp-vue-estimate .estimate-section.frame .frame-conf {
    flex-direction: column;
  }
}
.jp-vue-estimate .estimate-section.frame .frame-conf .outer-frame,
.jp-vue-estimate .estimate-section.frame .frame-conf .inner-frame {
  flex: 0 0 50%;
  padding: 0.5rem;
}
.jp-vue-estimate .estimate-section.frame .frame-conf .outer-frame > p,
.jp-vue-estimate .estimate-section.frame .frame-conf .inner-frame > p {
  font-weight: bold;
}
.jp-vue-estimate .estimate-section.frame .frame-conf .outer-frame ul li label,
.jp-vue-estimate .estimate-section.frame .frame-conf .inner-frame ul li label {
  display: flex;
  align-items: center;
}
.jp-vue-estimate
  .estimate-section.frame
  .frame-conf
  .outer-frame
  ul
  li
  label
  .item-name,
.jp-vue-estimate
  .estimate-section.frame
  .frame-conf
  .inner-frame
  ul
  li
  label
  .item-name {
  padding: 0 1rem 0 0;
  flex: 0 1 auto;
}
.jp-vue-estimate
  .estimate-section.frame
  .frame-conf
  .outer-frame
  ul
  li
  label
  .prices-wrapper
  .discounted-price
  .discounted-price-num:before,
.jp-vue-estimate
  .estimate-section.frame
  .frame-conf
  .inner-frame
  ul
  li
  label
  .prices-wrapper
  .discounted-price
  .discounted-price-num:before {
  content: "¥";
}
.jp-vue-estimate
  .estimate-section.frame
  .frame-conf
  .outer-frame
  ul
  li
  label
  .prices-wrapper
  .base-price
  .base-price-num:before,
.jp-vue-estimate
  .estimate-section.frame
  .frame-conf
  .inner-frame
  ul
  li
  label
  .prices-wrapper
  .base-price
  .base-price-num:before {
  content: "¥";
}
.jp-vue-estimate .estimate-section.size {
  grid-area: estimate-size;
}
.jp-vue-estimate .estimate-section.size table {
  width: calc(100% - 1rem);
  border: #ccc 1px solid;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 2rem auto 0.5rem auto;
  font-size: 1.5rem;
}
.jp-vue-estimate .estimate-section.size table tr {
  border: #ccc 1px solid;
}
.jp-vue-estimate .estimate-section.size table tr th,
.jp-vue-estimate .estimate-section.size table tr td {
  border-left: #ccc 1px solid;
  border-right: #ccc 1px solid;
  padding: 0.5rem 0;
}
.jp-vue-estimate .estimate-section.size table tr td {
  text-align: center;
}
.jp-vue-estimate .estimate-section.price {
  grid-area: estimate-price;
  font-weight: bold;
}
.jp-vue-estimate .estimate-section.price .construction-text {
  font-weight: normal;
  text-align: right;
}
.jp-vue-estimate .estimate-section.price .construction-text::before {
  content: "＊";
}
.jp-vue-estimate .estimate-section.process-flow {
  margin: 2.5em 0;
  padding: 0.7em 2em;
  grid-area: estimate-process-flow;
  background: #d3d3d3;
}
.jp-vue-estimate .estimate-section.process-flow .process-flow-header,
.jp-vue-estimate .estimate-section.process-flow p {
  font-weight: bold;
  text-align: center;
}
.jp-vue-estimate .estimate-section.process-flow .process-flow-lists {
  counter-reset: chapter;
}
.jp-vue-estimate .estimate-section.process-flow .process-flow-lists li {
  margin: 0.7em 0 1em;
  padding: 0.5em;
  color: #000;
  font-weight: bold;
  background: #fff;
  position: relative;
}
.jp-vue-estimate
  .estimate-section.process-flow
  .process-flow-lists
  li:not(:last-child):after {
  content: "";
  display: block;
  width: 2em;
  height: 2em;
  position: absolute;
  bottom: -2em;
  left: 50%;
  border-left: 1em rgba(0, 0, 0, 0) solid;
  border-top: 1em #fff solid;
  border-right: 1em rgba(0, 0, 0, 0) solid;
  border-bottom: 1em rgba(0, 0, 0, 0) solid;
}
.jp-vue-estimate .estimate-section.process-flow .process-flow-lists li:before {
  counter-increment: chapter;
  content: counter(chapter) ".";
  margin: 0 0.5em 0 0;
  color: red;
  font-weight: bold;
}
.jp-vue-estimate .estimate-section.send {
  grid-area: estimate-send;
  width: 100%;
  margin: 0.7em auto;
  padding: 0.5em 0;
  color: #fff;
  font-size: 2rem;
  background: linear-gradient(to bottom, #da8536 0%, #cf6400 90%);
  border: #da8536 solid 2px;
}
.jp-vue-estimate .estimate-section.send .form-submit {
  font-weight: bold;
  text-align: center;
}
.jp-vue-estimate .estimate-section.send .form-submit:after {
  content: "";
  border-top: solid 0.5em #fff;
  border-right: solid 0.5em #fff;
  border-bottom: solid 0.5em rgba(0, 0, 0, 0);
  border-left: solid 0.5em rgba(0, 0, 0, 0);
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin: auto auto auto 2em;
  vertical-align: baseline;
  transform: rotate(45deg);
}
.jp-vue-estimate .estimate-section.send:hover {
  cursor: pointer;
}
.jp-vue-estimate .estimate-section.area {
  grid-area: estimate-area;
  margin: 1.5rem;
}
.jp-vue-estimate .estimate-section .radio-btn {
  position: relative;
  display: block;
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease-out 0s;
  color: #fff;
  border: none;
  outline: none;
  background: #fff;
  border: #d7cbcb 2px solid;
  border-radius: 50%;
  appearance: none;
  box-sizing: border-box;
}
.jp-vue-estimate .estimate-section .radio-btn:checked {
  background: #da3c41;
  border: none;
}
.jp-vue-estimate .estimate-section .radio-btn:checked::before {
  font-size: 1.3rem;
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  content: "✓";
  text-align: center;
  font-weight: bold;
}
.jp-vue-estimate .estimate-section .radio-btn:checked::after {
  position: relative;
  display: block;
  content: "";
  animation: click-wave 0.4s;
  background: #da3c41;
  border-radius: 50%;
}
@keyframes click-wave {
  0% {
    position: relative;
    width: 3rem;
    height: 3rem;
    opacity: 0.35;
    margin-left: -1rem;
    margin-top: -1rem;
  }
  100% {
    width: 10rem;
    height: 10rem;
    opacity: 0;
    margin-left: -4rem;
    margin-top: -4rem;
  }
}
@media screen and (max-width: 685px) {
  #jp-vue-estimate .estimate-section.image .spec-lists li {
    flex: 0 0 48%;
    margin: 0.5rem 1% 0 1%;
  }
}
.search-again-action-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: -1em;
}
.search-again-action-list .search-again-action-item {
  flex: 0 0 auto;
  margin: 0 0.5em;
  color: #007aff;
  font-size: 14px;
}
.search-again-action-list .search-again-action-item a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: inherit;
  text-decoration: none;
}
.search-again-action-list .search-again-action-item a::before {
  background: rgba(0, 0, 0, 0)
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjQgMjJoLTI0bDEyLTIweiIvPjwvc3ZnPg==")
    center/contain no-repeat;
  display: block;
  content: "";
  width: 0.6em;
  height: 0.6em;
  transform: rotate(90deg);
  padding: 0 0.4em;
}
.search-again-action-list .search-again-action-item a:hover,
.search-again-action-list .search-again-action-item a:active {
  color: inherit;
  text-decoration: none;
}
.swiper-wrapper {
  padding: 0 0 3em 0;
}
.swiper-wrapper .swiper-slide {
  padding: 0.5em;
  background: #f5f5f5;
}
.related-item-anchor {
  display: block;
  height: 100%;
  padding: 0 0.5em;
  color: #333;
  text-decoration: none;
}
.related-item-anchor:hover,
.related-item-anchor:active {
  color: #333;
  text-decoration: none;
}
.related-item-anchor .related-item-figure {
  height: 100%;
  padding: 0 0.5em;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.related-item-anchor .related-item-figure .related-item-image {
  height: 140px;
  padding: 0.5em 0;
  object-fit: contain;
  background: #fff;
}
.related-item-anchor .related-item-figure .related-item-figcaption {
  padding: 0.5em;
}
.related-item-anchor .related-item-figure .related-item-figcaption span {
  display: block;
}
.related-item-anchor
  .related-item-figure
  .related-item-figcaption
  span.product-name {
  font-size: 1.6rem;
}
.related-item-anchor .related-item-figure .related-item-figcaption span.spec {
  font-size: 1.1rem;
  line-height: 1.4rem;
}
.related-item-anchor
  .related-item-figure
  .related-item-figcaption
  span.brand-name {
  font-size: 1.1rem;
  line-height: 1.4rem;
}
.detail-box {
  margin: 2em 0;
}
@media screen and (max-width: 650px) {
  .detail-box .details {
    padding: 0.5rem;
  }
}
.detail-box .details .summary {
  width: 50%;
  margin: 0 auto 1em auto;
  padding: 1rem 0;
  font-size: 2rem;
  font-weight: bold;
  border: #deb887 2px solid;
  text-align: center;
  box-shadow: 6px 6px 6px -6px #777;
}
.detail-box .details .description-list {
  border-bottom: #ede4cd 2px solid;
  padding: 0.4em 1em;
  display: flex;
  justify-content: space-between;
  align-items: normal;
  flex-direction: column;
}
.detail-box .details .description-list .currency-sign::before {
  content: "¥";
}
.detail-box .details .description-list .exaggeration {
  font-size: 3rem;
  font-weight: bold;
}
.detail-box .details .description-list .term {
  flex: 1 1 0px;
}
.detail-box .details .description-list .term .heading {
  color: #999;
  font-size: 1rem;
}
.detail-box .details .description-list .term .item-name {
  padding: 0 0 0 1em;
}
.detail-box .details .description-list .description {
  text-align: right;
  flex: 1 1 0px;
}
.detail-box .details .description-list .description .price-lists {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.detail-box .details .description-list .description .price-lists .base-price {
  text-align: right;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 1 0px;
}
.detail-box
  .details
  .description-list
  .description
  .price-lists
  .base-price::before {
  margin: 0 0 0 auto;
}
.detail-box
  .details
  .description-list
  .description
  .price-lists
  .base-price::after {
  content: "→";
  margin: 0 1em;
}
.detail-box .details .description-list .discounted-price {
  flex: 1 1 0px;
  color: red;
  text-align: right;
}
.detail-box
  .details
  .description-list
  .discounted-price.description.currency-sign.exaggeration {
  position: relative;
}
.detail-box
  .details
  .description-list
  .discounted-price.description.currency-sign.exaggeration:after {
  content: "安心のコミコミ価格";
  font-size: 1.7rem;
  width: auto;
  position: absolute;
  right: 0.25rem;
  top: -1em;
}
.merchandise_report {
  padding: 2em 1rem 0 1rem;
}
.merchandise_report * {
  box-sizing: border-box;
}
@media screen and (max-width: 650px) {
  .merchandise_report {
    padding: 0;
  }
}
.merchandise_report .summaryt_box {
  display: flex;
}
@media screen and (max-width: 650px) {
  .merchandise_report .summaryt_box {
    flex-direction: column;
  }
}
.merchandise_report .summaryt_box .photo {
  flex: 0 1 40%;
  padding: 1em;
  background: #f5f5f5;
}
.merchandise_report .summaryt_box .photo .inner {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 2em;
}
@media screen and (max-width: 650px) {
  .merchandise_report .summaryt_box .photo .inner img {
    max-height: 40vh;
    width: auto;
    margin: 0 auto;
  }
}
.merchandise_report .summaryt_box .datalist {
  flex: 0 1 60%;
  padding: 0 0 0 1em;
}
@media screen and (max-width: 650px) {
  .merchandise_report .summaryt_box .datalist {
    padding: 1em 0.5em;
  }
}
.merchandise_report .summaryt_box .datalist li:nth-child(odd) {
  background-color: #f1f1f1;
}
.merchandise_report .summaryt_box .datalist li:nth-child(even) {
  background-color: #f5f5f5;
}
.merchandise_report
  .summaryt_box
  .datalist
  li:nth-child(n + 2):not(.price, .breakdown) {
  padding: 0.5rem;
  display: flex;
}
.merchandise_report
  .summaryt_box
  .datalist
  li:nth-child(n + 2):not(.price, .breakdown)
  p:first-child {
  flex: 0 0 30%;
}
.merchandise_report .summaryt_box .datalist .title {
  display: flex;
  align-items: center;
  font-weight: bold;
  line-height: 1.7rem;
  margin: 0 0 1rem 0;
  background-color: rgba(0, 0, 0, 0) !important;
}
.merchandise_report .summaryt_box .datalist .title img {
  flex: 0 0 4em;
  margin: 0 1rem 0 0;
  max-width: 4em;
}
.merchandise_report .summaryt_box .datalist .price {
  font-weight: bold;
  color: #e70012;
  text-align: right;
  background-color: rgba(0, 0, 0, 0) !important;
}
.merchandise_report .summaryt_box .datalist .price span {
  font-size: 2.5rem;
}
.merchandise_report .summaryt_box .datalist .breakdown {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 0;
  background-color: #fff !important;
  color: #00a0e9;
  border: #00a0e9 2px solid;
}
.merchandise_report .summaryt_box .datalist .breakdown p {
  position: relative;
  display: block;
  padding: 0 0 0 1.5em;
}
.merchandise_form {
  padding: 2em 1rem 0 1rem;
}
@media screen and (max-width: 650px) {
  .merchandise_form {
    padding: 0;
  }
}
.merchandise_form h3 {
  text-align: center;
  margin: 1em 0;
  padding: 1em 0 0 0;
  border-top: #ccc 2px solid;
}
.merchandise_form .select-store-lists-header {
  font-size: 1.8rem;
  font-weight: normal;
}
.merchandise_form .select-store-lists-header:before {
  content: "■";
  color: #ff0;
}
.merchandise_form #form-estimate {
  width: 100%;
  position: relative;
  background: #f8f4e6;
  padding: 2em;
}
.merchandise_form #form-estimate .input-field {
  display: block;
  width: 92%;
  margin: 0.3em;
  padding: 0.3em 0.5em;
  border-radius: 5px;
}
.merchandise_form #form-estimate .input-field.zip-code {
  width: 44%;
}
.merchandise_form #form-estimate .auto-columns .unit {
  width: 45%;
}
.merchandise_form #form-estimate .unit {
  display: inline-block;
  margin-bottom: 0.5em;
  padding: 0 0 0 1em;
  width: 100%;
}
.merchandise_form #form-estimate .unit.second {
  padding: 0;
}
@media screen and (max-width: 650px) {
  .merchandise_form #form-estimate .unit.unit-mailaddress {
    width: 100%;
  }
  .merchandise_form #form-estimate .unit.unit-mailaddress input {
    width: 95%;
  }
}
.merchandise_form #form-estimate .unit.unit2 {
  width: 100%;
}
@media screen and (max-width: 650px) {
  .merchandise_form #form-estimate .unit.unit2 {
    width: 96%;
  }
}
.merchandise_form #form-estimate .unit.unit2 textarea {
  display: inline-block;
  width: 97%;
  height: 10em;
}
.merchandise_form #form-estimate .unit .p-region.p-locality.p-street-address {
  width: 97%;
}
@media screen and (max-width: 650px) {
  .merchandise_form #form-estimate .unit .p-region.p-locality.p-street-address {
    width: 95%;
  }
}
.merchandise_form #form-estimate .unit.button_area {
  width: 100%;
  padding: 0;
  margin: 1em 0;
}
.merchandise_form #form-estimate .unit.button_area .submit {
  color: #000;
  text-align: center;
  padding: 1em 0;
  width: 75%;
  margin: 0 auto;
  border: peru 3px solid;
  background-color: wheat;
  transition: all 0.4s ease 0.05s;
}
.merchandise_form #form-estimate .unit.button_area .submit:hover {
  color: #fff;
  background-color: crimson;
}
.merchandise_form #form-estimate em {
  margin-left: 1em;
  font-size: small;
  color: red;
}
.merchandise_form #form-estimate div.legend {
  margin: 1em 0 0.75em 0;
  padding: 0.5em 0 0.5em 1em;
  background-color: #e9e4d4;
  border-left: #654a20 0.5em solid;
}
.merchandise_form #form-estimate .error {
  color: #fff;
  background-color: red;
}
.search-form {
  width: 100%;
  margin: 1em auto 0.5em;
  padding: 0.5em;
}
.search-form .search-lists {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
}
.search-form .search-lists .search-list {
  flex: 1 1 48%;
  margin: 0 0.2em 0.2em 0.2em;
  display: flex;
  justify-content: normal;
  align-items: center;
}
.search-form .search-lists .search-list.keyword {
  flex: 1 1 100%;
}
.search-form .search-lists .search-list.price-range {
  flex: 1 1 100%;
}
.search-form .search-lists .search-list.price-range .price-range-lists {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
}
.search-form
  .search-lists
  .search-list.price-range
  .price-range-lists
  .price-range-list {
  flex: 1 1 auto;
  margin: 0 auto;
  padding: 0.2em;
}
.search-form
  .search-lists
  .search-list.price-range
  .price-range-lists
  .price-range-list
  label
  span {
  white-space: pre;
}
.search-form .search-lists .search-list .list-name {
  flex: 0 0 7em;
  margin: 0 0.2em 0 0;
  padding: 0.3em;
  font-size: clamp(1.1rem, 1.5vw, 1.5rem);
  font-weight: normal;
  background: #c8d2dc;
  text-align: center;
}
.search-form .search-lists .search-list input[type="text"] {
  display: block;
  width: 100%;
  padding: 0.5em;
  font-size: clamp(1.1rem, 1.5vw, 1.5rem);
  background: #fff;
  border: solid 1px #c8d2dc;
  border-radius: 0.1em;
}
.search-form .search-lists .search-list select {
  display: block;
  width: 100%;
  padding: 0.3em;
  font-size: clamp(1.1rem, 1.5vw, 1.5rem);
  background: #fff;
  border: solid 1px #c8d2dc;
  border-radius: 0.1em;
}
.search-form .search-button {
  display: block;
  width: 90%;
  margin: 1em auto 0;
  padding: 0.3em;
  background: #c8d2dc;
  border: solid 1px #c8d2dc;
  box-shadow: #d3d3d3 3px 3px 2px;
}
.product-number-display {
  font-size: 1.4rem;
  text-align: right;
  display: block;
  width: 100%;
  padding: 0.5em;
}
.currently-selected-region {
  width: 100%;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.currently-selected-region dt,
.currently-selected-region dd {
  font-weight: bold;
  padding: 0.5rem 1rem;
  background: #f0f8ff;
  border-top: #b0c4de 2px solid;
  border-bottom: #b0c4de 2px solid;
  border-left: #b0c4de 2px solid;
  border-radius: 1rem 0 0 1rem;
}
.currently-selected-region dd {
  border-top: #b0c4de 2px solid;
  border-bottom: #b0c4de 2px solid;
  border-right: #b0c4de 2px solid;
  border-left: none;
  border-radius: 0 1rem 1rem 0;
}
.unselectable-state {
  width: 100%;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.unselectable-state p {
  width: 75%;
  text-align: center;
  font-weight: bold;
}
.unselectable-state p:first-child {
  font-size: 1.75rem;
}
.unselectable-state p:last-child {
  color: #26499d;
  text-decoration: underline;
}
.unselectable-state p:last-child:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.55rem 0 0.5rem 1rem;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #26499d;
}
.currently-selectable-list {
  width: 100%;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 650px) {
  .currently-selectable-list {
    margin: 0 auto;
    flex-direction: column;
  }
}
.currently-selectable-list li {
  padding: 1rem;
  max-width: 60%;
}
.loading-status-wrapper .loading-status-text {
  font-size: 1rem;
  text-align: center;
}
.loading-status-wrapper .loading-status-text:before {
  background: url(/wp-content/themes/door/images/loading.gif) center/42px 42px
    no-repeat;
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  margin: 2em auto;
}
.no-posts-header {
  width: 90%;
  margin: 2em auto;
  font-size: 2rem;
  text-align: center;
}
.merchandise-lists {
  display: flex;
  justify-content: flex-start;
  align-items: initial;
  flex-wrap: wrap;
  gap: 1em 0.5em;
  margin: 1.3em 0;
}
.merchandise-lists.maker-page-recommended-products
  .merchandise-list:last-child {
  display: none;
}
@media screen and (min-width: 900px) {
  .merchandise-lists.maker-page-recommended-products
    .merchandise-list:last-child {
    display: block;
  }
}
.merchandise-lists .merchandise-list {
  flex: 1 1 30%;
  padding: 0.5em;
  max-width: 30%;
  background: #f5f5f5;
}
@media screen and (max-width: 650px) {
  .merchandise-lists .merchandise-list {
    flex: 1 1 46%;
    padding: 0.5em;
    max-width: 46%;
  }
}
.merchandise-lists .merchandise-list .photo-frame {
  position: relative;
  width: 100%;
  margin: 0 0 0.5em 0;
  padding: 75% 0 0 0;
}
.merchandise-lists .merchandise-list .photo-frame .photo-frame-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: 100%;
  padding: 0.5rem;
  background: #fff;
}
.merchandise-lists .merchandise-list .photo-frame .photo-frame-inner a {
  display: block;
  width: 100%;
  height: 100%;
  color: #333;
}
.merchandise-lists .merchandise-list .photo-frame .photo-frame-inner a:hover {
  opacity: 0.75;
}
.merchandise-lists
  .merchandise-list
  .photo-frame
  .photo-frame-inner
  .merchandise-photo {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
}
.merchandise-lists
  .merchandise-list
  .photo-frame
  .photo-frame-inner
  .spec-lists {
  position: absolute;
  right: 2%;
  bottom: 2%;
  width: 2.75em;
}
.merchandise-lists
  .merchandise-list
  .photo-frame
  .photo-frame-inner
  .spec-lists
  .spec-list {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0.5rem 0 0 0;
  padding: 0.5rem 0;
  font-size: 1.1rem;
  border-radius: 0.25vw;
}
@media screen and (max-width: 650px) {
  .merchandise-lists
    .merchandise-list
    .photo-frame
    .photo-frame-inner
    .spec-lists
    .spec-list {
    padding: 0.25rem 0;
  }
}
.merchandise-lists
  .merchandise-list
  .photo-frame
  .photo-frame-inner
  .spec-lists
  .high-insulation {
  background: #ff8c00;
}
.merchandise-lists
  .merchandise-list
  .photo-frame
  .photo-frame-inner
  .spec-lists
  .insulation {
  background: orange;
}
.merchandise-lists
  .merchandise-list
  .photo-frame
  .photo-frame-inner
  .spec-lists
  .lighting {
  background: gold;
}
.merchandise-lists
  .merchandise-list
  .photo-frame
  .photo-frame-inner
  .spec-lists
  .ventilation {
  background: #b0c4de;
}
.merchandise-lists
  .merchandise-list
  .photo-frame
  .photo-frame-inner
  .spec-lists
  .fire {
  background: khaki;
}
.merchandise-lists
  .merchandise-list
  .photo-frame
  .photo-frame-inner
  .spec-lists
  .aluminum {
  background: #ccc;
}
.merchandise-lists
  .merchandise-list
  .photo-frame
  .photo-frame-inner
  .maker-logo {
  position: absolute;
  left: 2%;
  bottom: 2%;
  width: 2.75em;
}
.merchandise-lists
  .merchandise-list
  .photo-frame
  .photo-frame-inner
  .maker-logo
  img {
  width: 100%;
}
.merchandise-lists .merchandise-list .color-sample-lists {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 0.25em 0;
}
.merchandise-lists .merchandise-list .color-sample-lists img {
  width: 100%;
  border-radius: 0.5vw;
}
.merchandise-lists .merchandise-list .color-sample-lists .color-sample-list {
  flex: 0 1 14.2857142857%;
  padding: 1%;
}
.merchandise-lists .merchandise-list .color-sample-lists *::-ms-backdrop,
.merchandise-lists .merchandise-list .color-sample-lists div {
  width: 14.2857142857%;
}
.merchandise-lists .merchandise-list .merchandise-title {
  font-size: 1.5rem;
  line-height: 2.1rem;
  margin: 0 0 0.25em 0;
}
.merchandise-lists .merchandise-list .merchandise-title a {
  color: #333;
  text-decoration: none;
}
.merchandise-lists .merchandise-list .merchandise-title a:hover,
.merchandise-lists .merchandise-list .merchandise-title a:active {
  text-decoration: underline;
}
.merchandise-lists .merchandise-list .merchandise-title a span {
  display: block;
}
.merchandise-lists .merchandise-list .merchandise-title a span:nth-child(1) {
  font-size: 1.6rem;
}
.merchandise-lists .merchandise-list .merchandise-title a span:nth-child(3) {
  font-size: 1.1rem;
  line-height: 1.4rem;
}
.merchandise-lists .merchandise-list .merchandise-title a span:nth-child(4) {
  font-size: 1.1rem;
  line-height: 1.4rem;
}
.merchandise-lists .merchandise-list .reference-price {
  color: #e70012;
  font-size: 1.4rem;
  display: flex;
  justify-content: end;
  align-items: center;
}
.merchandise-lists .merchandise-list .reference-price dt {
  font-size: clamp(12px, 1vw, 14px);
  margin: 0 0.2em;
}
.merchandise-lists .merchandise-list .reference-price dd {
  font-size: clamp(14px, 1vw, 1.85rem);
  font-weight: bold;
}
.merchandise-lists .merchandise-list .reference-price dd:before {
  content: "¥";
}
.finder-pager-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.finder-pager-wrapper .add-paged-btn-wrapper {
  flex: 0 0 auto;
  margin: auto 0.4em;
}
.finder-pager-wrapper .add-paged-btn-wrapper .add-paged-btn {
  display: block;
  width: 100%;
  padding: 0.6em;
  color: #66470a;
  background: rgba(0, 0, 0, 0);
  border: none;
}
.finder-pager-wrapper .add-paged-btn-wrapper .add-paged-btn:hover {
  color: #fffcdb;
  background: #66470a;
}
.finder-pager-wrapper .add-paged-btn-wrapper .add-paged-btn.prev::before {
  content: "<<";
  margin: 0 0.3em;
}
.finder-pager-wrapper .add-paged-btn-wrapper .add-paged-btn.next::after {
  content: ">>";
  margin: 0 0.3em;
}
.finder-pager-wrapper .pager-lists {
  flex: 1 1 70%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.finder-pager-wrapper .pager-lists .pager-list {
  flex: 0 0 auto;
  margin: 0 0.3em;
  padding: 0em;
  color: #fffcdb;
  background: #66470a;
  width: 2.5em;
  height: 2.5em;
  padding: 0.2em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.finder-pager-wrapper .pager-lists .pager-list:hover {
  color: #66470a;
  background: #fffcdb;
  box-shadow: 3px 3px 5px #d3d3d3;
}
.finder-pager-wrapper .pager-lists .pager-list.current-paged {
  color: #66470a;
  background: #fffcdb;
  pointer-events: none;
}
.store-list-section .region-list .region-item .region-name {
  font-size: 20px;
  display: flex;
  align-items: center;
}
.store-list-section .region-list .region-item .region-name::before {
  width: 10px;
  height: 10px;
  margin: 0 0.7em;
  content: "";
  border-radius: 5px;
  background: #ee7800;
}
.store-list-section .region-list .region-item .store-list .store-item {
  display: grid;
  margin: 0.5em 0;
  padding: 0.5em;
  border: solid #d3d3d3 2px;
  grid-template: "store-name" "..." 0.3em "store-image" "store-address" "store-phone-number" "store-link-button" / auto;
}
@media screen and (min-width: 900px) {
  .store-list-section .region-list .region-item .store-list .store-item {
    grid-template: "store-name         store-name        store-image" "store-address      store-address     store-image" "store-phone-number store-link-button store-image"/3fr 3fr 2fr;
    grid-column-gap: 0.3em;
  }
}
.store-list-section
  .region-list
  .region-item
  .store-list
  .store-item
  .store-name {
  grid-area: store-name;
  color: #ee7800;
  font-size: 18px;
  border-bottom: solid #ee7800 2px;
  align-self: center;
}
.store-list-section
  .region-list
  .region-item
  .store-list
  .store-item
  .store-address {
  grid-area: store-address;
  font-style: normal;
  justify-self: center;
  align-self: center;
  font-size: 16px;
}
@media screen and (min-width: 900px) {
  .store-list-section
    .region-list
    .region-item
    .store-list
    .store-item
    .store-address {
    justify-self: normal;
  }
}
.store-list-section
  .region-list
  .region-item
  .store-list
  .store-item
  .store-phone-number {
  grid-area: store-phone-number;
  color: #e13c22;
  font-size: clamp(22px, 3vw, 30px);
  font-weight: bold;
  text-decoration: none;
  align-self: center;
  justify-self: center;
}
.store-list-section
  .region-list
  .region-item
  .store-list
  .store-item
  .store-link-button {
  grid-area: store-link-button;
  margin: 0 0.5em;
  padding: 0.5em 0.3em;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  align-self: center;
  background: #e13c22;
  text-decoration: none;
  border-radius: 3px;
}
@media screen and (min-width: 900px) {
  .store-list-section
    .region-list
    .region-item
    .store-list
    .store-item
    .store-link-button {
    max-width: 300px;
    font-size: clamp(11px, 1.3vw, 18px);
  }
}
.store-list-section
  .region-list
  .region-item
  .store-list
  .store-item
  .store-image {
  grid-area: store-image;
  max-width: 400px;
  margin: auto;
}
.form-container {
  background: #f8f4e6;
  padding: 2em;
}
.form-container .form .form-data-list .form-data-term {
  margin: 0.5em 0;
  padding: 0.8em 0.5em;
  background: #e9e4d4;
  border-left: #654a20 0.5em solid;
}
.form-container .form .form-data-list .form-data-term.required::after {
  content: "※必須";
  margin: 0 0.6em;
  padding: 0.3em;
  color: red;
}
.form-container .form .form-data-list .form-data-description {
  padding: 0.3em 0.5em;
}
.form-container .form .form-data-list .form-data-description .error {
  border: solid red 1px;
}
.form-container .form .form-data-list .form-data-description .input-field {
  display: block;
  width: 100%;
  margin: 0.5em 0;
  padding: 0.4em;
  box-sizing: border-box;
  border-radius: 4px;
}
.form-container
  .form
  .form-data-list
  .form-data-description
  .desired-construction-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.form-container
  .form
  .form-data-list
  .form-data-description
  .desired-construction-list
  .desired-construction-item {
  flex: 0 0 auto;
  margin: 0 0.5em;
}
.form-container .submit-button {
  display: block;
  width: 75%;
  margin: 0 auto;
  padding: 1em 0;
  color: #000;
  background: wheat;
  text-align: center;
  border: peru 3px solid;
  transition: all 0.4s ease 0.05s;
}
.form-container .submit-button:hover {
  color: #fff;
  background-color: crimson;
} /*# sourceMappingURL=main.min.css.map */