@charset "utf-8";
/* catamtcm.css */
/* catalog mitumori common */
/* カタログ 見積頁 共通用 */

/* PSmtbdcm.css */
/* ページ全体の設定 */
/* 基本設定 */
/* リセット記述（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;
  vertical-align:baseline;
  vertical-align:top;
  box-sizing: border-box;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}

body {
  margin: 0;
  padding: 0;
  width: 580px;
  width: 550px;
}

img {
  max-width: 100%;
}

footer {
  margin: auto;
  width: 100%;
}

/* 注文フォーム部 */

#order-form.mt {
  display: inline;
  float:left;
  background-color: #f5fffa;
  margin: .3em 0;
  padding-top: 63px;
}

.order-title.mt {
  display: flex;
  flex-wrap: wrap;
  background-color: #4e804e;
  color: #fff;
  margin-bottom: 0.5em;
  width: 100%;
}

.order-headline {
  display: flex;
  text-align: center;
  margin: 0%;
  padding-top: 0.3em;
  width: 100%;
}

.order-headline-title {
  margin: 0% ;
  font-size: 120%;
  font-weight: bold;
  width: 80%;
}

.order-headline-corporation {
  font-size: 81%;
  padding:0; 
  width: 28%;
}

.order-headline-comment {
  font-size: 85%;
  text-align: left;
  padding-left: 0.5em;
  margin: 0.2em 0;
  width: 100%;
}

.order-quantity {
  padding-left: 0.1em;
  padding-right: 0.1em;
}

.order-msg {
  margin-left: 1em;
  margin-bottom: .2em;
  line-height: 1.3;
  font-size: 83%;
}
.order-msg a {
  color: #c60;
}
.order-msg a:hover {
  text-decoration: none;
}

/* 記入式フォーム部分 */

.free-order-quantity-title {
  display: flex;
  font-size: 90%;
  align-items: flex-end;
}

.free-order-title-page {
  font-size: 87%;
  margin: 0 .3em;
  width: 8%;
}
.free-order-title-number {
  margin: 0 .3em;
  width: 17%;
}
.free-order-title-name {
  margin: 0 .3em;
  width: 68%;
}
.free-order-title-name span {
  font-size: 81%;
}
.free-order-title-quantity {
  margin: 0 .3em;
  width: 5%;
}
.free-order-quantity-list {
  display: flex;
  width: 100%;
}
.free-order-quantity-page {
  margin: .2em;
  width: 8%;
}
.free-order-quantity-number {
  font-size: 90%;
  margin: .2em;
  width: 17%;
}
.free-order-quantity-name {
  margin: .2em;
  width: 68%; 
}
.free-order-quantity-quantity {
  margin: .2em;
  width: 5%;
}
.free-order-quantity-page input {
  width: 100%;
}
.free-order-quantity-number input {
  width: 100%;
}
.free-order-quantity-name input {
  width: 100%;
}
.free-order-quantity-color input {
  width: 100%;
}
.free-order-quantity-quantity input {
  width: 100%;
}

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

/* お客様情報入力部 */
.order-customer {
  margin: 0.5em auto;
  padding: .2em 0.3em;
}

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

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

.order-customer-title input {
  float: right;
  margin: 0; 
  width: 60%;
}

.order-request {
  border: 1px solid #666;
  box-sizing: border-box;
  margin: 0.5em auto 0 auto;
  padding-bottom: 0.5em;
  width: 94%;
}

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

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

.order-request-info {
  font-size: 14px;
  text-align: center;
  margin: 0.7em 0;
}

input {
  padding: 3px 0;
}

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

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

fieldset {
  border: 0;
}

legend {
  font-weight: bold;
}

#user-guide {
  background-color: #ffd;
  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;
}
.order-required {
  color: #f00;
  font-weight: bold;
}

.customer-request-select {
  margin: 0.3em 0 1em;
  padding: 0.5em 0;
  text-align: center;
  width: 100%;
}

.customer-required {
  color: #f00;
  font-weight: bold;
}
.customer-request-button {
  font-weight: bold;
  color: #fff;
  margin: 0 0.5em;
  padding: 0.3em 0.5em;
}
.customer-input {
  display: flex;
  align-items: flex-end;
}

.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 {
  background-color: #e0ffff;
  background-color: #ccffe6;
}

.another-add {
  font-weight: bold;
  padding: 0.3em 0.2em;
}

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

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

.red {
  color: #f00;
}

/*- フッター 会社情報部 -*/
address {
  font-style: normal;
  font-size: 81%;
  text-align: center;
  margin-top: .5em;
  margin-bottom: 1%;
  padding-left: 1%;
  width: 100%;
}
.corporation-name {
  width: 100%;
}
.corporation-add {
  width: 100%;
}
.corporation-mail {
  width: 100%;
}
.corporation-tel {
  width: 100%;
}
.foot-line-name {
  font-size: 82%;
  text-align: center;
  padding: 0.3em;
}

/* PSmtifcm.css */
/* 案内頁iframe */
.info-frame {
  border-bottom: 3px solid #006e54;
  margin: 0 0 5px 0;
  padding: 65px 0 0 10px;
  font-weight: bold;
  color: #600;
}
.info-frame span {
  font-size: 87%;
  color: #ff8c00;
}

/* PSmthdcm.css */
/* 案内頁リンクバナー */
#info-bar {
  display: flex;
  flex-wrap: wrap;
  position: fixed;
  top: 0;
  background-color: #f0e6fa;
  align-items: center;
  text-align: center;
  padding: .2em .5em;
  padding: .2em .3em;
  width: 580px;
  width: 550px;
}
.annai-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 87%;
  margin: 0;
  padding: 0;
}
.annai-list li {
  background-color: #1e50a2;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: .2em 0;
  width: 19%;
}
.annai-list li.mtb {
  background-color: #30f;
}
.annai-list a {
  text-decoration: none;
  color: #fff;
}
.annai-list a:hover {
  color:#ffb6c1;
}