@charset "utf-8";
/* ファイル名 psmit0cm.css */
/* 見積り頁PC・タブレット・スマホ共通 */

/* リセット記述（chrome ie edge ブラウザ特有のCSSを解除）*/
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "メイリオ", "Meiryo" !important;
  box-sizing: border-box;
}

ol, ul {
  list-style: none;
  list-style-type: none;
}

/* 全体 */
img {
  border: none;
  max-width: 100%;
}

/* 全体 */

body {
  max-width: 910px;
  margin: 0 auto;
  padding: 0;
}

/* デバイスサイズによって改行調整 */

.sp-br {
  display: none;
}

/* 見積フォームタイトル部 */

.estimate-title {
  display: flex;
  flex-wrap: wrap;
  background-color: #0f2350;
  color: #fff;
  margin-bottom: 0.5em;
  width: 100%;
}

.estimate-headline {
  font-size: 120%;
  font-weight: bold;
  text-align: right;
  padding: .3em;
  margin: 0%;
  width: 60%;
}

.estimate-headline-comment-left {
  font-size: 85%;
  text-align: left;
  padding-left: 0.5em;
  margin: 0.3em 0;
  width: 50%;
}

.estimate-headline-comment-right {
  font-size: 85%;
  text-align: right;
  margin: 0.3em 0;
  width: 48%;
}

.estimate-headline-navi {
  font-size: 85%;
  margin: 0 0.2em;
  padding: .5em .2em 0;
  text-align: right;
  width: 38%;
}
.estimate-headline-navi a {
  color: #fff;
}
.estimate-headline-navi a:hover {
  color: #ff69b4;
}

/* 商品依頼部 */

.estimate-order {
  margin: .7em 0;
  padding: 0 .5em;
}

.estimate-item {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.estimate-item-image {
  background-color: #fff;
  margin: .5em;
  text-align: center;
  width: 32%;
}
.estimate-item-image img {
  width: 75%;
}

.estimate-item-detail {
  display: flex;
  flex-wrap: wrap;
  margin: .5em .5em .5em 1em;
  align-items: flex-end;
  width: 60%;
}

.estimate-item-caption {
  font-weight: bold;
  font-size: 87%;
  width: 12%;
}
.estimate-item-name {
  font-size: 108%;
  font-weight: bold;
  color: #00008b;
  align-items: flex-end;
  width: 88%;
}

.item-specs {
  margin: .3em 0 .5em 4.5em;
  font-size: 93%;
  width: 50%;
}
.spec-caption {
  border-bottom: 1px solid #89c3eb;
  padding: .1em .1em 0 .1em;
  float: left;
  text-align: center;
  font-weight: bold;
  width: 30%;
}
.spec-data {
  border-bottom: 1px solid #89c3eb;
  margin-left: 30%;
  padding: .1em .3em 0 .3em;
  width: 100%;
}
.item-specs:after {
  content: '';
  display: block;
  clear: both;
}

.item-number {
  display: flex;
  margin: .5em .5em 0 1em;
  font-weight: bold;
  align-items: flex-end;
  width: 60%;
}
.item-number-title {
  padding: .2em .5em 0 0;
  font-size: 87%;
  width: 28%;
}
.item-number-part {
  padding: .2em 0 0;
  color: #19448e;
  width: 38%;
}
.sale-pr {
  color: #f33;
  font-size: 88%;
  font-weight: bold;
  margin: 0.2em 0;
  text-align: center;
  width: 34%;
}

.item-price {
  margin: .2em .5em .5em 1em;
  width: 60%;
}
.item-price-table {
  width: 100%;
}

.sale-price {
  background-color: #ddd;
  color: #f00;
  font-weight: bold;
  text-align: center;
  width: 65%;
}

.price-title {
  background-color: #ddd;
}

.estimate-quantity {
  margin: .5em .3em .5em 3em;
  width: 10%;
}
.estimate-quantity-box {
  width: 100%;
}
.estimate-quantity input {
  height: 25px;
  width: 35px;
}

.estimate-supplement {
  color: #f00;
  font-size: 93%;
  margin: 0;
  padding: .1em 0;
  width: 100%;
}

/* お客様情報部 */

.estimate-customer {
  margin: .7em auto;
  padding: .2em 1.5em;
}
.estimate-customer-title {
  font-size: 90%;
  font-weight: bold;
  margin-right: 0;
}

.estimate-customer-form {
  height: 27px;
  margin: .3em auto;
  width: 94%;
}

.estimate-customer-title input {
  float: right;
  margin: 0; 
  width: 70%;
}

/* お客様情報部 オプション等 */
.request-select {
  background-color: #f0fcff;
}
.estimate-request {
  border: 1px solid #666;
  box-sizing: border-box;
  margin: 0.5em auto 0 auto;
  padding-bottom: 0.5em;
  width: 94%;
}

.estimate-request-select {
  font-size: 90%;
  font-weight: bold;
  margin: 0.5em 0;
  text-indent: 1.0em;
}

.estimate-request-comment {
  margin: 0.2em 0 0.6em 0;
}

.estimate-request-info {
  font-size: 14px;
  margin: 0.7em 0 0.7em 1em; /**/
}
.notes-separately {
  font-size: 90%;
}
.notes-separately span {
  font-weight: bold;
  color: #f00;
}

input {
  padding: 3px 0;
}

textarea {
  display: block;
  height: 120px;
  width: 99%;
}

button {
  padding: 1.0%;
  width: 180px;
}

fieldset {
  border: 0;
}

legend {
  font-weight: bold;
}

.estimate-required {
  color: #f00;
  font-weight: bold;
}

/* 別住所入力 */

.delivery-customer_box {
  background-color: #f5ffcc;
}

.another-add {
  color: #006;
  color: #300;
  font-weight: bold;
  padding: 0.3em 0.2em;
}

.delivery-add-box-show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}

.delivery-entry-field {
  margin: 0.3em auto;
  padding: .5em 1.5em;
}

.delivery-customer-title {
  font-size: 90%;
  font-weight: bold;
  margin-right: 0;
}

.delivery-customer-form {
  height: 27px;
  margin: .3em auto;
  width: 96%;
}

.delivery-customer-title input {
  float: right;
  margin: 0; 
  width: 70%;
}

.delivery-customer_box input:checked ~ .delivery-add-box-show {
  margin-top: 1.0em;
  height: auto;
  opacity: 1;
}

.red {
  color: #f00;
}

/* オフィス家具手数料 */

#user-guide {
  background-color: #ffd;
  background-color: #f0fcff;
  padding: 0.7em 1.0em;
  font-size: 13px;
}

.user-guide-list {
  margin: 0.3em 0;
}

.user-guide-subject {
  color: #f00;
}

.user-guide-subtitle{
  margin: 0.3em 0 0 1.5em;
}

.user-guide-subtitle a{
  color: #000;
  text-decoration:none;
}

/*－ フッター部上  */
.back-button {
  margin: 0;
}

.bottom-note {
  margin: 0;
}

/* フッターメニューバー */
.guide-menu-list {
  background-color: #dd7;
  background-color: #06c;
  display: flex;
  flex-wrap: wrap;
  font-size: 87%;
  padding: 0;
}

.guide-menu-part {
  list-style-type: none;
  margin: 0 auto;
  padding: 0.8em 0;
}

footer nav a {
  color: #220;
  color: #eaf4fc;
}

/* 会社情報部 */
address {
  font-style: normal;
  text-align: center;
}

.corporation-heading {
  font-size: 13px;
}

.corporation-name {
  font-size: 13px;
}

.corporation-mail {
  font-size: 13px;
}

.corporation-tel {
  font-size: 13px;
}

.corporation-fax {
  font-size: 13px;
}