/* mtfm00cm */
/* データ表示式見積頁css */
/* ページ全体の設定 */
body {
  margin: 0;
  padding: 0;
  width: 1100px;
  width: 1205px;
}

img {
  max-width: 100%;
}

/* TOP固定バナー */
.fix-box {
  background-color: #fff;
  display: flex;
  position: fixed;
  top: 0;
  align-items: center;
  margin-bottom: .3em;
  height: 35px;
  width: 1205px;
}
.back-btn {
  background-color: #ff8000;
  border-radius: 3px;
  font-size: 93%;
  font-weight: bold;
  text-align: center;
  margin: .2em .5em;
  width: 5%;
}
.back-btn.btm {
  font-size: 87%;
  padding: .1em;
  width: 10%;
}
.back-btn a {
  color: #fff;
  text-decoration: none;
}
.back-btn a:hover {
  color: #630;
}
.com-notice {
  width: 83%;
}

/* 見積り部全体 */
.order-page {
  margin-top: 33px;
}

/* ページ画像 */
.item-page {
  display: inline;
  position: fixed;
//  top: 16px;
  float:left;
  width: 600px;
}
.item-page object {
  border: 2px solid #000;
}

/* order_cm.css */
/* 注文フォーム部 */

#order-form.mt {
  display: inline;
  float:right;
  background-color: #f5f9fd;
  width: 1000px;
  width: 500px;
  width: 600px;
}

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

.order-headline {
  display: flex;
/*  font-size: 120%;*/
  font-weight: bold;
  text-align: center;
  margin: 0%;
  padding-top: 0.3em;
  width: 100%;
}

.order-headline-title {
  font-size: 120%;/**/
  margin: 0% ;
  padding-left:80px; 
  width: 80%;
}

/*.order-headline-back {
  font-size: 80%;
  padding:0; 
  width: 18%;
}

.order-headline-back a {
  color: #e6e6fa;
}

.order-headline-back a:hover {
  text-decoration: none;
}*/

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

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

.desired-num{
  margin: 0 150px 0 0;
  float: left;
  font-size: 100%;/**/
}
.price-info {
  float: left;
//  margin-left: 27em;
//  margin-left: 15em;
  font-size: 90%;
  color: #600;
}

.info-cp {
  background-color: #cae4fc;
  position: relative;
  font-size: 83%;
}
.info-cp a {
  color: #930;
}
.info-cp a:hover {
  text-decoration: none;
}
.info-cp-pop {
  background-color: #ffffe6;
  border: 1px solid #039;
  border-radius: 5px;
  position: absolute;
  display: none;
  top: -5px;
  left: 170px;
  font-size: 83%;
  color: #333;
  padding: .2em;
}
.info-cp:hover .info-cp-pop {
  display: block;
}

.order-msg {
  font-size: 83%;
}
.order-msg a {
  color: #500;
}
.order-msg a:hover {
  text-decoration: none;
}

.order-quantity-title {
  display: flex;
  font-size: 80%;
  padding-bottom: 0.5em;
}

.order-title-number {
  margin: 0.3em 0.1em 0.3em 0;
  width: 9%;    /*カラーありの場合*/
  width: 16%;
  width: 18%;
}

.order-title-name {
  margin: 0.3em 0.1em 0.3em 0;
  width: 60%;    /*カラーありの場合*/
  width: 53%;
  width: 75%;
}

/*.order-title-color {
  margin: 0.3em 0.1em 0.3em 0;
  width: 10%;
}*/

.order-title-regular-price {
  font-size: 90%;
  margin: 0.3em .1em 0.3em 0;
  width: 8%;    /*カラーありの場合*/
  width: 10%;
  width: 12%;
}

.order-title-price {
  font-size: 95%;
  margin: 0.3em .1em 0.3em 0;
  width: 8%;    /*カラーありの場合*/
  width: 10%;
  width: 12%;
}

.order-title-quantity {
  margin: 0.3em 0 0.3em 0;
  width: 4%;    /*カラーありの場合*/
  width: 7%;
}

.order-quantity-list {
  font-size: 85%;
  display: flex;
}

.order-quantity-number {
  font-size: 90%;
  font-weight: bold;
  margin: 0.3em 0.1em 0.3em 0;
  width: 9%;    /*カラーありの場合*/
  width: 16%;
}

.order-quantity-name {
  font-size: 90%;
  font-weight: bold;
  margin: 0.3em 0.1em 0.3em 0;
  width: 60%;    /*カラーありの場合*/
  width: 53%;
}

/*.order-quantity-color {
  font-size: 90%;
  font-weight: bold;
  margin: 0.3em 0.1em 0.3em 0;
  width: 10%;
}*/
.order-quantity-price {
  color: #f00;
  font-size: 90%;
  font-weight: bold;
  margin: 0.3em 0.1em 0.3em 0;
  width: 8%;    /*カラーありの場合*/
  width: 10%;
  width: 12%;
}

.order-quantity-regular-price {
  font-size: 90%;
  margin: 0.3em 0.1em 0.3em 0;
  width: 8%;    /*カラーありの場合*/
  width: 10%;
  width: 12%;
}

.order-quantity-quantity {
  font-size: 90%;
  font-weight: bold;
  margin: 0;
  width: 4%;    /*カラーありの場合*/
  width: 5%;
  width: 4%;
}

.order-quantity-quantity input{
  font-size: 90%;
  font-weight: bold;
  margin: 0.3em 0em 0.3em 0;
  width: 100%;
}
.order-quantity-color select {
  width: 100px;
}

.order-quantity div:nth-of-type(2n+2) {
  background-color: #eaf4fc;
}

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

.order-customer {
  margin: 0.5em auto;
  padding: .2em 0.3em;
}
.customer-input {
  font-size: 100%;
}

.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%;
}
.notes-separately {
  font-size: 90%;
  margin: .5em 0;
}
.notes-separately span {
  font-weight: bold;
  color: #f00;
}

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

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

.order-request-info {
  font-size: 14px;
  font-size: 81%;
  margin: 0.7em 0;
  margin-left: 0.3em;
}

input {
  padding: 3px 0;
}

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

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

fieldset {
  border: 0;
}

legend {
  display: flex;
  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;
}

.delivery-customer_box.mt {
  background-color: #5454dd;
  color: #fff;
}

.delivery-customer_box.ct {
  background-color: #9aab66;
  color: #fff;
}

.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;
}

.box-order {
  background-color: #ed6d35;
}

.box-estimate {
  background-color: #0000cd;
}

.box-inquiry {
  background-color: #69821b;
}

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

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

.free-order-title-number {
  margin: 0 .3em;
  color: #36f;
  width: 18%;
  position: relative;
  cursor: pointer;
}

.free-order-title-name {
  margin: 0 .3em;
  position: relative;
  width: 65%;
  cursor: pointer;
}

.green {
  color: #093;
}

.image-popup {
  background-color: #fff;
  border: 3px solid #89c3eb;
  border-radius: 5px;
  position:absolute;
  display: none;
  top: 20px;
  left: 60px;
  padding: 0.2em;
  text-align: center;
  line-height: 0.95;
  width: 210px;
}
.free-order-title-number:hover .image-popup {
  display: block;
}
.free-order-title-name:hover .image-popup {
  display: block;
}

.Pcaption {
  color: #036;
  font-family: "メイリオ", "Meiryo" !important;
  font-size: 13px;
  font-weight: bold;
  margin: 0.3em auto;
  width: 100%;
}
.image-popup img {
  margin-top: 0.3em;
}

.free-order-title-color {
  margin: 0 .3em;
  width: 12%;
}

.free-order-title-quantity {
  margin: 0 .3em;
  width: 4%;
}

.free-order-quantity-list {
  display: flex;
  width: 100%;
}

.free-order-quantity-number {
  font-size: 90%;
  font-weight: bold;
  margin: .2em;
  width: 17%;
}

.free-order-quantity-name {
  margin: .2em .3em;
  width: 65%;
}

.free-order-quantity-color {
  margin: .2em .3em;
  width: 13%;
}

.free-order-quantity-quantity {
  margin: .2em .3em;
  width: 5%;
}

.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%;
}

/* ページタイトル部 */
.category-title {
  display:flex;
  flex-wrap: wrap;
  margin: .2em auto .1em;
  margin: .2em 0 .1em 1em;
  width: 85%;
}
.page-title {
  font-weight: bold;
  font-size: 16px;
  font-size: 100%;
  color: #b79b5b;
  margin: 0;
  text-align: left;
  width: 32%;
  width: 40%;
}
.page-item {
  font-size: 15px;
  font-size: 87%;
  color: #762f07;
  margin: 0;
  text-align: left;
  width: 59%;
}