@charset "UTF-8";
/* cssファイル名  imk_h4cm.css  
/* i=商品頁 mk=木製書庫 _=予備 h4=H4ユニット品 cm=common(共通)スタイルシート */
/* 作成者         F.T.                                               */
/* 作成日         21/02/03                                           */
/*                                                                   */
/*                                                                   */
/*－ 基本レイアウトの定義 －－－－－－ */

img {
  max-width: 100%;
}

header {
  margin: 0;
  width: 100%;
}

#middle {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  margin: 0 auto;
  width: 90%;
}

main {
  width: 80%;
}

aside {
  margin-right: 1%;
  width: 18%;
}

footer {
  background-color: #dbdbdb;
  margin-top: 1%;
  margin-bottom: 4%;
  width: 100%;
}

li {
  list-style: none;
}

/* ↓210128変更 */
/*－－ トップショップタイトル部 －－ */
.top-title {
  display: flex;
  flex-wrap: wrap;
  margin: .5% auto 0 auto;
  width: 90%;
  width: 100%;
}

.top-title-site {
  display: flex;
  flex-wrap: wrap;
  margin-left: 2%;
  width: 35%;
}
.top-title-main {
  color: #930;
  font-size: 120%;
  font-size: 110%;
  font-weight: bold;
  margin: 0;
/*  width: 100%;*/
}

.top-title-catch {
  color: #930;
  font-size: 90%;
  margin-left: 3%; 
/*  width: 50%;*/
}

.top-title-address {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  font-size: 93%;
  margin-right: 2%;
  width: 50%;
  width: 60%;
}
.top-title-address span {
  margin-left: 3%;
}
.top-title-shop {
  font-weight: bold;
}
.top-title-corporation {
  font-size: 93%;
}
.top-title-tel {
  font-size: 93%;
}
/* ↑210128変更 */

/*－－ ヘッダー部 グローバルナビ－－ */
.global-nav {
  background-color: #555;
  width: 100%;
}

.global-nav-list {
  background-color: #fff;
  display: flex;
  margin: auto;
  padding : 0;
  text-align: center;
  width: 90%;
}

.global-nav-path {
  background-color: #444;
  margin: 0 .08%;
  padding: .7%;
  text-align: center;
  width: 16%;
}

.global-nav-path a {
  color: #fff;
  text-decoration: none;
}

/*－－ ヘッダー(パンくず)部 －－ */

.breadcrumb-list {
  margin: .5% 0; /* 210129追加 */
  font-size: 90%;
  text-align: right;
  width: 90%;
}

.breadcrumb-list-path {
  display: inline;
}

/*－－ メインタイトル －－ */

.main-title {
  color: #930;
  font-size: 120%;
  font-size: 100%; /* 210129変更 */
  margin: 0 0 1% 0;
  margin: 0 0 .3% 0; /* 210129変更 */
  width: 100%;
}

.sub-title {
  font-size: 90%;
  font-weight: normal;
  margin-left: 1%;
}

/*－－ 商品タイプマーク －－ */
.type-mark-list {
  margin-bottom: 1.5%;
  margin-bottom: .5%; /* 210129変更 */
}

.type-mark {
  display: inline-block;
  font-size: 95%;
  font-weight: bold;
  padding: .3%;
}

.mark-tobi {
  background-color: #555;
  color: #fff;
} 

.mark-atsu {
  background-color: #c03;
  color: #fff;
} 

.mark-dept {
  background-color: #78ba1d;
  color: #fff;
} 

.mark-widt {
  background-color: #78ba1d;
  color: #fff;
} 

.mark-heig {
  background-color: #78ba1d;
  color: #fff;
} 

.mark-thei {
  background-color: #78ba1d;
  color: #fff;
} 

.mark-kumi {
  background-color: #999;
  color: #fff;
} 

.mark-alde {
  background-color: #0cf;
  color: #fff;
} 

/*－－ カテゴリキャッチ －－ */

.catch-title {
  background-color: #365cb2;
  color: #fff;
  font-size: 120%;
  margin: 0;
  width: 100%;
}
.category-catch {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2%;
}
.catch-mainlist {
  font-weight: bold;
  padding-left: 0%;
  width: 75%;
}

.catch-sublist {
  padding-left: 0%;
  width: 25%;
}

.catch-img {
  height: 100%;
  width: 100%;
}

/*－－ 商品頁トップメニュー-奥行・幅・高さメニュー －－*/

.item-dwh-menu {
  display: flex;
  flex-wrap: wrap;
  font-size: 90%;
  margin-bottom: 1%;
}

.item-dwh-title {
  background-color: #333;
  color: #fff;
  margin: 0 0 .1% 0;
  padding: .4% 0 .4% 1%;
}

.item-dwh-value-list {
  margin: 0;
  padding: 0;
}

.item-dwh {
  display: flex;
  margin-bottom: .1%;
}
.item-dwh-value {
  display: flex;
  margin: 0;
  padding: .5% 0;
}
.item-dwh-value-caption {
  background-color: #eee;
  margin-right: 1%;
  padding: .5% 0 0 1%;
  width: 14%;
}

.item-dwh-self {
  background-color: #009;
  color: #fff;
  margin: 0;
  padding: .5% 0;
}

/* 52R・57S 下扉付き＋突っ張り棚の扉選択メニュー */

.select-menu-field {
  display: flex;
  flex-wrap: wrap;
  font-size: 90%;
  text-align: center;
  width: 100%;
}

.select-menu-list {
  width: 100%;
}

.select-menu-list-value {
  display: flex;
  flex-wrap: wrap;
}

/* メニュー共通の設定 */
.select-menu-toptitle {
  background-color: #ffeae0;
  background-color: #c03;
  background-color: #ffeae0;
  border-left: solid 10px #c03;
  border-right: solid 10px #c03;
/*  border-bottom: solid 1px #c03; */
  color: #fff;
  color: #333;
  font-size: 110%;
/*  font-weight: normal; */
  text-align:left; 
  margin: 0 0 .5% 0;
  padding: .2% 1%;
  width: 98%;
}

.select-menu {
  width: 98%;
}

.select-menu-toptitle-self {
  background-color: #966;
  border: solid 1px #ccc;
  color: #fff;
}

.select-menu-toptitle-path {
/*  background-color: #eef7ff; */
  border: solid 1px #ccc;
}

.select-menu-field li{
  list-style: none;
}

.select-menu-field ul{
  margin: 0;
  padding: 0;
}

.select-menu-field a{
  color: #333;
}

.select-menu-title {
  background-color: #333;
  color: #fff;
  padding: 5% 1%;
  width: 75px;
}

.select-menu-path {
/*  background-color: #eef7ff; */
}

/* 下扉付きH4Rのメニュー不具合の為仮に背景色なしにした8/09再生成アップしたらコメントをはずして背景ありにする */
.select-menu-tobira-self {
  background-color: #966;
  color: #fff;
/*  background-color: #fff; */
/*  color: #333; */
}
.select-menu-none {
  background-color: #ccc;
  color: #333;
}

/* 扉 */

.select-menu-list-value-tobira li{
  border: solid 1px #cecece;
  border-radius: 3px;
  margin: 0 .2%;
}

.select-menu-list-value-line-tobira {
  margin: 0 0 1% 0;
}

.select-menu-tobira-path {
  width: 13%;
  padding: .5% 0;
}

.select-menu-tobira-self {
  width: 13%;
  padding: .5% 0;
}

.select-menu-image {
  height: 120px;
}


/*-- 商品情報部分（商品メイン画像・寸法図・商品番号・価格・仕様等）--*/
#item {
  display: flex;
  flex-wrap: wrap;
}

.item-detail-title {
  background-color: #365cb2;
  color: #fff;
  font-size: 100%;
  padding: .2% 0 .2% 1%;
  width: 100%;
}

.item-display {
  width: 50%;
}

.item-detail {
  width: 50%;
}

.item-pr {
  font-size: 90%;
  margin-top: 2%;
  padding: 2%;
}

/*-- 商品情報部分 基本情報 --*/

.item-image-dimension {
  text-align: center;
  width: 100%;
}

.item-sub-image-s {
  margin: 0 auto;
  width: 60%;
}

.item-sub-image {
  width: 100%;
}

.item-sub-image:hover {
  transform: scale(1.6);
}

.item-main-name {
  font-size: 100%;
}

.item-main-name {
  font-weight: normal;
}

.item-data-list {
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

.item-name {
  margin-bottom: 2%;
  width: 100%;
}

.item-number-caption {
  width: 25%;
  margin-bottom: 2%;
}
.item-number {
  color: #03c;
  width: 75%;
}

.item-price-caption {
  margin-bottom: 2%;
  width: 25%;
}
.item-price {
  color: #f00;
  width: 75%;
}

/*-- 商品情報部分 仕様 --*/

.item-type-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

.item-type {
  display: flex;
  font-size: 90%;
  width: 100%;
}

.item-type-caption {
  width: 20%;
}

.item-type-value {
  width: 80%;
}

.item-type-title {
  background-color: #ddd;
  font-size: 90%;
  padding: .5% 0;
}

.item-type-path {
 text-align: right;
  width: 100%;
}

/*-- 商品情報部分 カラー --*/

.item-color-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

.item-color {
  font-size: 90%;
  margin-right: .5%;
  width: 19.5%;
}

.item-color3 {
  font-size: 90%;
  margin-right: .5%;
  width: 19.5%;
  width: 30%; /* 210205変更 */
  text-align: center; /* 210205変更 */
}


.item-color-title {
  background-color: #ddd;
  font-size: 90%;
  padding: .5% 0;
}

/*-- 商品情報部分 扉開き方向 --*/

.item-door-title {
  background-color: #ddd;
  font-size: 90%;
  padding: .5% 0;
}

.item-door-img img {
  width: 60%;
}

.item-door-img-s img {
  width: 80%;
}

/* -- 組立方法へのリンクバー --*/
.kumitate-guide {
  background-color: #cc6699;
  border-radius: 10px;
  font-weight: bold;
  font-size: 110%;
  padding: 1%;
  text-align: center;
  width: 98%;
}

.kumitate-guide a {
  color: #fff;
  text-decoration: none;
}

.kumitate-guide-path {
  font-weight: normal;
}

/*-- 商品情報部分 コメント --*/

.product-introduction {
  display: flex;
  flex-wrap: wrap;
  font-size: 90%;
  padding: 0;
}

/*-- 57隙間片開き用 商品情報部分 ユニット品 組み合わせイメージinc --*/

.combination-a {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  margin: 0.5% auto;
  width: 70%;
}

.combination {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  padding-left: 1%;
  margin: 0.5% auto;
  width: 100%;
}

.combination-part-image {
  margin: 0;
}

.combination-part-image-p {
  margin: 0;
}

.combination-part-text {
  background-color: #cff;
  color: #006;
  font-size: 87%;
  font-weight: bold;
}

/*-- オプションの紹介部分（オプションリンク） --*/
.option-detail-title {
  background-color: #365cb2;
  color: #fff;
  font-size: 100%;
  padding: .2% 0 .2% 1%;
  width: 100%;
}

.option-detail-list {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin: 0;
  padding: 0;
}

.option-detail {
  border-bottom: solid #999 1px;
  display: flex;
  flex-wrap: wrap;
  font-size: 90%;
  margin: 0 1% 1% 0;
  width: 48%;
}

.option-image {
  margin-right: 3%;
  width: 18%;
}
.option-data {
  display: flex;
  flex-wrap: wrap;
  width: 70%;
  margin: 0;
  padding: 0;
}
.option-name {
  font-weight: bold;
  width: 100%;
}

.option-number {
  color: #03c;
  font-weight: bold;
  width: 50%;
}
.option-price {
  color: #f00;
  font-weight: bold;
  width: 50%;
}

.option-size {
  font-size: 90%;
}

.option-path {
  text-align: right;
  width: 100%;
}

/*－ H4商品説明incファイル用記述 －－－－－－－ */

.item-features-pr3 {
  color :#444;
  font-size: 14px;
  font-weight: bold;
/*  text-align: center;*/
  margin: 0.5em 0 0.5em 0.5em;
  padding-bottom: 0.2em;
}

.item-features-part2 {
  margin: 0.3em 0 0.3em 1.0em;
  width: 100%;
}

.item-features-part3 {
  margin: 0.3em 0 0.3em 1.0em;
  width: 46%;
}

.item-features-image1 {
  height: 155px;
  margin-top: 5em;
}

/*－ 共通商品説明incファイル用記述 －－－－－－－ */
.item-features-maintitle {
  background-color: #dedede;
  font-size: 120%;
  margin: 0 0 2% 0;
  width: 100%;
}

.item-features-subtitle {
  background-color: #365cb2;
  color: #fff;
  font-size: 110%;
  margin: 0;
  width: 100%;
}

.item-features-title {
  border-bottom: solid 1px #333;
  color :#c03;
  font-size: 14px;
  font-weight: bold;
  margin: 0.5em 0 0.5em 0;
  padding-bottom: 0.2em;
}

.item-features-title-mark {
  color: #333;
  margin-right: 0.2em;
}

.item-features-pr {
  font-size: 14px;
  margin-top: 0.2em;
}

.item-features-pr2 {
  color :#c03;
  font-size: 14px;
  font-weight: bold;
  margin: 0.5em 0 0.5em 0;
  padding-bottom: 0.2em;
}

.item-features {
  font-size: 14px;
}

.item-features-list {
  display: flex;
  flex-wrap: wrap;
}

.item-features-part {
  margin: 0.3em 0 0.3em 1.0em;
}

.item-features-image {
  margin-bottom: 0.3em;
}

.blue {
  color: #009;
  margin: 0;
}

.red{
  color: #f00;
  font-size: 14px;
}
.tenjo-list{
  display: flex;
  flex-wrap: wrap;
  width:61 %;
}

.tenjo-list2{
  display: flex;
  flex-wrap: wrap;
  width: 36%;
}

.tenjo-type-list {
  border: solid 1px #ccc;
  border-collapse: collapse;
  font-size: 14px;
  text-align: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 60%;
}

.tenjo-type-title {
  background-color: #eee;
  border: solid 1px #ccc;
  border-collapse: collapse;
  font-size: 15px;
  font-weight: bold;
  margin: 0.2em 0;
  text-align: left;
  width: 25%;
}

.tenjo-type-title-size{
  background-color: #eee;
  border-collapse: collapse;
  border: solid 1px #ccc;
  width: 12%;
}

.tenjo-type-image{
  border: solid 1px #ccc;
  border-collapse: collapse;
  width: 12%;
 }

.tenjo-type-part{
  border: solid 1px #ccc;
  border-collapse: collapse;
  width: 12%;
}
.tenjo-type-list2{
  border: solid 1px #ccc;
  border-collapse: collapse;
  font-size: 14px;
  text-align: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 36%;}

.tenjo-type-part2{
  border: solid 1px #ccc;
  border-collapse: collapse;
  width: 36%;
}

.tenjo-type-title2{
  background-color: #eee;
  border: solid 1px #ccc;
  border-collapse: collapse;
  display: none;
  font-size: 15px;
  font-weight: bold;
  margin: 0.2em 0;
  text-align: left;
  width: 25%;
}

.tenjo-notice{
  font-size: 13px;
  text-align: center;
}

.open{
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}

.how-to-miwake{
  font-size: 14px;
}

.tanaita-number-list{
  border-collapse: collapse;
  border: solid 1px #ccc;
  width: 100%;
}

.tanaita-number-title1{
  border-collapse: collapse;
  border: solid 1px #ccc;
  width: 15%;
}

.tanaita-number-title2{
  border-collapse: collapse;
  border: solid 1px #ccc;
  width: 40%;
}

.tanaita-number-part{
  border: solid 1px #ccc;
  border-collapse: collapse;
}

/*－ 画像 －－－－－－－－－－－－－－ */
img {
  max-width: 100%;
}

/*－－ サイド部 －－ */
/*－－ サイド部自頁反転 －－ */

.side-mymenu-list {
  border: solid 1px #ccc;
  display: flex;
  flex-wrap: wrap;
  font-size: 90%;
  margin: 1%;
  padding: 0;
  padding-left: 1% ;
}

.side-mymenu-title {
  background-color: #966;
  color: #fff;
  padding: 1% 0;
  width: 100%;
}

.side-mymenu-subtitle {
  background-color: #e7d5d0;
  margin-bottom: 1%;
  padding: 1% 0;
  width: 100%;
}

.side-mymenu-self {
  vertical-align: middle;
  background-color: #009;
  color: #fff;
}

.side-mymenu-img {
  margin-top: 3%;
  width: 40%;
}
.side-mymenu-double {
  font-size: 90%;
  width: 60%;
}

.side-mymenu-double-list {
  line-height: 1.4em;
  padding-left: 2%;
}

/*－－ サイド部共通 －－ */

.side-menu-list {
  border: solid 1px #ccc;
  display: flex;
  flex-wrap: wrap;
  font-size: 90%;
  margin: 1%;
  padding: 0;
  padding-left: 1% ;
}

.side-menu-title {
  background-color: #666;
  color: #fff;
  padding: 1% 0;
  width: 100%;
}

.side-menu-subtitle {
  background-color: #ddd;
  margin-bottom: 1%;
  padding: 1% 0;
  width: 100%;
}

.side-menu-self {
  vertical-align: middle;
}

.side-menu-img {
  margin-top: 3%;
  width: 40%;
}

.side-menu-single {
  width: 68%;
}

.side-menu-single-list {
  line-height: 1.4em;
  padding-left: 2%;
}

.side-menu-double {
  font-size: 90%;
  width: 60%;
}

.side-menu-double-list {
  line-height: 1.4em;
  padding-left: 2%;
}

/*－－ ガイド部 －－*/
.guide-corner {
  border: solid 1px #ddd;
  font-size: 90%;
  margin-bottom: 1%;
  padding: 0%;
}

.guide-title {
  background-color: #dbdbdb;
  margin: 0;
  padding: .5%;
}

.guide-list {
  line-height: 1.5em;
  padding: 1%;
}

.guide-caption {
  font-weight: bold;
  padding-left: 2%;
}

/*－－ ボトムメニュ－－*/
.bottom-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.bottom-menu-list {
  font-size: 90%;
  margin: 1% 0;
  padding: 0;
  width: 15%;

}

.bottom-menu-title {
  font-weight: bold;
}

address {
  margin-bottom: 2%;
  text-align:center;
}
small {
  background-color: #333;
  color: #fff;
  display: block;
  text-align:center;
}
/*-- 兄弟リンク --*/
.item-group-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  width: 100%; /* 210208追加 */
}

.item-group-path {
  margin: .3%; /* 210208追加 */
  width: 16%;  /* 210208変更 */
}

.item-group-path a {
  font-size: 75%; /* 210208追加 */
}

.item-group-title {
  background-color: #365cb2;
  color: #fff;
  font-size: 110%;
  margin: 0;
  padding: .5% 0;
  text-align: center;
  width: 100%;
}

/*－ 快適ワンポイントアドバイス －－－ */

.randm-advice {
  font-size: 80%;
  margin: 1em 0;
}

/*－ 豆知識・業務用家具紹介 －－－－－ */

.randm-trivia-title {
  color: #27f;
  font-size: 13px;
  margin: 0.2em 0;
}

.randm-trivia {
  color: #27f;
  font-size: 13px;
  margin: 0.2em 0;
}

.office-furniture-introduction {
  border: 3px double #357;
  font-size: 13px;
}

.office-furniture-introduction-comment {
  margin: 0.2em 0;
}

/*  商品頁下部固定メニュー */

.fixed-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  font-size: 90%;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

.fixed-menu-guide a{
  color: #fff;
}
.fixed-menu-list {
  background-color: #fff;
  display: flex;
  width: 100%;
  margin: 0;
}

.fixed-menu-guide {
  background-color: #300;
  margin-right: .1%;
  padding-top: 1%;
  width: 5%;
}

.fixed-menu-description {
  width: 65%;
}

.fixed-menu-title {
  display: flex;
  color: #fff;
  padding: 0;
  width: 100%;
}

.fixed-menu-merit-title {
  background-color: #300;
  margin-right: .2%;
  width: 70%;
}

.fixed-menu-option-title {
  background-color: #300;
  margin-right: .1%;
  width: 30%;
}

.fixed-menu-caption {
  display: flex;
  padding: 0;
  width: 100%;
}

.fixed-menu-caption a{
  color: #333;

}
.fixed-menu-merit {
  background-color: #ccc;
  margin-right: .2%;
  width: 10%;
}

.fixed-menu-option {
  background-color: #ccc;
  margin-right: .2%;
  width: 10%;
}

/*－- 改定版オーダーー部 －－－－－－－－－－ */
fieldset {
  border: 0;
}

/*-- 注文フォーム大見出し --*/

.order-title {
  display: flex;
  flex-wrap: wrap;
  background-color: #ee0;
  margin-left: .1%;
  margin-bottom: .5%;
  width: 100%;
}
.order-headline {
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  margin: 0%;
  width: 100%;
}

.order-headline-comment-left {
  font-size: 85%;
  text-align: left;
  width: 45%;
}

.order-headline-comment-right {
  font-size: 85%;
  text-align: right;
  width: 53%;
}

.order-headline-navi {
  font-size: 75%;
  text-align: right;
  width: 100%;
}

/*-- 注文フォーム各見出し --*/
legend {
  background-color: #e8e8cc;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  font-size: 90%;
  font-weight: bold;
  padding: 1% 0;
  width: 100%;
}

/*-- 注文数入力 --*/

.order-entry-field {
  background-color: #ffffdf; 
  width: 100%;
  margin: 0 0 .5% 0;
  padding: 0;
}

.order-entry-title {
  border-bottom: solid 1px #ddd;
  display: flex;
  font-size: 85%;
  margin: 1.5% 0;
  padding: 0;
}

.order-entry-title-number {
  margin: 0;
  padding: 0;
  width: 12%;
}

.order-entry-title-name {
  margin: 0;
  padding: 0;
  width: 63%;
}

.order-entry-title-price {
  margin: 0;
  padding: 0;
  width: 15%;
}

.order-entry-title-quantity {
  margin: 0;
  padding: 0;
  width: 10%;
}

.order-entry-list {
  border: solid 1px #ccc;
  padding-left: .5%;
  width: 99.5%;
}

.order-entry-item {
  border-bottom: solid 1px #ddd;
  display: flex;
  font-size: 85%;
  font-weight: bold;
  margin:  0 0 .5% 0;
  padding: 1% 0 1% 0;
  width: 100%;
}

.order-entry-option {
  border-bottom: solid 1px #ddd;
  display: flex;
  font-size: 85%;
  margin:  0 0 .5% 0;
  padding: 0 0 1% 0;
  width: 100%;
}

.order-entry-number {
  margin: .5% 0 0 0;
  width: 12%;
}

.order-entry-name {
  margin: .5% 0 0 0;
  width: 38%;
}
.order-select {
  padding: 0;
  margin: 0 0 0 1%;
  display: flex;
  flex-wrap: wrap;
  width: 31%;
}

.order-entry-price {
  color: #f00;
  margin: .5% 0 0 0;
  width: 10%;
}

.order-entry-quantity {
  margin: .5% 0 0 0;
  width: 8%;
}

/*-- お届け先・搬入について --*/

.order-request-field {
  background-color: #ffffdf;
  border: none;
  margin: 1% 0 0 0;
  padding: 0;
}

.order-request-form {
  border: solid 1px #ccc;
}

.order-request-select {
  font-size: 90%;
  font-weight: bold;
  margin-bottom: 0.2em;
  padding: 0 1.5%;
}

.order-required {
  color: #f00;
}

input {
  padding: 0.5em 0;
}

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

.order_button {
  padding: 0 0 0 2%;
}

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

.order-request-comment {
  padding: 0 1.5%;
}

.order-email {
  font-size: 90%;
  font-weight: bold;
  margin: 1% 0;
}

.order-email-title {
  color: #f00;
  font-weight: bold;
}

/* -- 商品仕様選択部分 -- */

.order-select-field {
  background-color: #fff;
  border: none;
  margin-bottom: 0;
  padding: 0;
}

.order-select-field ul{
  margin: 0;
  padding: 0;
}

.order-select-field li{
 list-style: none;
}

.order-select-title {
  background-color: #e8e8cc;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: none;
  font-size: 90%;
  font-weight: bold;
  padding: 1% 0;
  width: 100%;
}

.order-select-form{
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 100%;
}

.order-select-form ul{
  display: flex;
  flex-wrap:wrap;
}

.order-select-form ul li{
  -webkit-flex-grow:1;
  flex-grow: 1;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 10px;
  width: 100%;
}

.order-select-detail {
  display: flex;
  flex-wrap:wrap;
}

.order-select-detail ul{
  width: 20%;
}

.order-select-form ul .order-select-caption-tana,
.order-select-form ul .order-select-content-tana {
    border-right: none;
  }

.order-select-caption {
  background-color: #ffffdf;
  font-size: 85%;
  font-weight: bold;
  height: 40px;
}
.order-select-content {
  background-color: #fff;
  height: 40px;
  font-size: 90%;
}

.order-select-detail select {   /* -- 仕様選択メニュー --*/
  background-color: #c9f5ba;
  display: block;
  width: 100%;
}

.select-input-required {        /* -- 選択 必須印 --*/
  border-radius: 5px;
  background:#ff1e1e;
  color: #fff;
  display: inline-block;
  font-size: 80%;
  font-weight: normal;
  float: right;
  padding: 2px 4px;
}

.select-input-required:after {  /* -- 上記選択 必須印右寄せ解除 --*/
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

.select-input-free {            /* -- 選択 任意印 --*/
        border-radius: 5px;
	background:#ddd;
        color: #000;
	display: inline-block;
	float: right;
	font-weight: bold;
	font-size: 80%;
	padding: 2px 4px;
}

.select-input-free:after {      /* -- 上記選択 任意印右寄せ解除 --*/
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

.order-select-comment {
  background-color: #fff;
  border-bottom: solid 1px #ccc;
  font-size: 85%;
  margin: 1% 0;
}
.select-input-comment {         /* -- ※1印 -- */
        border-radius: 5px;
        color: #ff1e1e;
	display: inline-block;
	float: right;
	font-weight: bold;
	font-size: 110%;
	padding: 2px 4px;
}

.select-input-comment:after {      /* -- 上記選択 ※1印印右寄せ解除 --*/
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

/* お客様情報 */
.customer-entry-field {
  background-color: #fff;
  border: none;
  margin: 0;
  padding: 0;

}
.customer-entry-field li{
list-style: none;
}

.customer-entry-field ul{
  margin: 0;
  padding: 0;
}
.customer-entry-form {
  width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.customer-entry-form ul{
  display: flex;
}

.customer-entry-form ul li{
  flex-grow: 1;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 10px;
  width: 25%;
}
.customer-entry-form ul li:last-child {
  border-right: none;
}
.customer-entry-caption {
  font-size: 90%;
  font-weight: bold;
}

.customer-entry-form ul .customer-entry-title {
  background-color: #ffffdf;
  width: 20%;
}
.customer-entry-form ul .customer-entry-detail {
  background-color: #fff;
  width: 80%;
}

.customer-entry-detail input {
  border: solid 1px #c5c5c5;
  color: #333;
  padding: 1.5% 0;
  margin-bottom: 1%;
  width: 100%;
}
.customer-entry-required {        /* -- お客様情報 必須印 --*/
	background:#ff1e1e;
        border-radius: 5px;
        color: #fff;
	display: inline-block;
	float: right;
	font-weight: normal;
	font-size: 85%;
	padding: 3px 5px;
}

.customer-entry-free {            /* -- お客様情報 任意印 --*/
        border-radius: 5px;
	background:#eee;
        color: #000;
	display: inline-block;
	float: right;
	font-weight: normal;
	font-size: 80%;
	padding: 2px 4px;
}
.customer-entry-required:after {  /* -- 上記お客様情報 必須印右寄せ解除 --*/
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

.customer-entry-free:after {      /* -- 上記お客様情報 任意印右寄せ解除 --*/
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
.customer-entry-comment {
  color: #666;
  font-size: 80%;
}

.order-request {
  clear: both;
}

/* 選択メニューを商品名横に表示するように変更200916 */
.order-select-color {
  padding: 0;
  margin: 0;
}
.order-select-width {
  padding: 0;
  margin: 0;
}
.order-select-door {
  padding: 0;
  margin: 0;
}
.order-select-color select {
  background-color: #c9f5ba;
  width: 85px;
}
.order-select-width select {
  background-color: #c9f5ba;
  width: 70px;
}
.order-select-door select {
  background-color: #c9f5ba;
  width: 96px;
}

/*－－ h4-178cmメニュー －－*/
.h4-size-menu-title {
  background-color: #fff;
  border-bottom: solid 3px #ccc;
  color: #333;
  font-size: 110%;
  margin: 0;
  padding: .5% 0;
}

.h4-size-menu-subtitle {
  font-size: 90%;
}
.h4-178-menu {
  display: flex;
  flex-wrap: wrap;
  font-size: 90%;
}

.h4-178-title {
  background-color: #ffc;
  font-size: 95%;
  margin: 0 0 .3% 0;
  text-align: center;
  padding: 1% 0;
}

.h4-178-list-single {
  margin: 0;
  padding: 0;
  text-align: center;
}

.h4-178-list-double {
  margin: 0;
  padding: 0;
  text-align: center;
}

.h4-178-subtitle {
  display: flex;
  margin-bottom: .3%;
  text-align: center;
}

.h4-178-subtitle-first {
  background-color: #ffc;
  margin-right: .3%;
}

.h4-178-subtitle-second {
  background-color: #ffc;
  margin-right: .3%;
}

.h4-178-caption {
  display: flex;
  margin-bottom: .3%;
}

.h4-178-caption-first {
  background-color: #ffc;
  margin-right: .3%;
  padding-top: 1.5%;
  vertical-align: middle;
}

.h4-178-caption-second {
  background-color: #eee;
  margin-right: .3%;
}

.h4-178-caption-third {
  background-color: #eee;
  margin-right: .3%;
  padding-top: 3%;
}

.h4-178-caption-fourth {
  background-color: #eee;
  margin-right: .3%;
  padding-top: 3%;
}

.h4-178-caption-fifth {
  background-color: #eee;
  margin-right: .3%;
  padding-top: 3%;
}

.h4-178-caption-sixth {
  background-color: #eee;
  margin-right: .3%;
  padding-top: 3%;
}

.h4-178-caption-seventh {
  background-color: #eee;
  margin-right: .3%;
  padding-top: 3%;
}


.h4-178-value-list {
  margin: 0;
  padding: 0;
}


.h4-178-value {
  display: flex;
  margin-bottom: .3%;
  padding: .2% 0;
}

.h4-178-value-first {
  background-color: #ffc;
  margin-right: .3%;
  padding-top: 2%;
}

.h4-178-value-second {
  background-color: #eee;
  margin-right: .3%;
}

.h4-178-value-third {
  background-color: #eee;
  margin-right: .3%;
}

.h4-178-value-fourth {
  margin-right: .3%;
}

.h4-178-value-fifth {
  margin-right: .3%;
}

.h4-178-value-sixth {
  margin-right: .3%;
}

.h4-178-value-seventh {
  margin-right: .3%;
}

/*－－ h4-211cmメニュー －－*/
.h4-211-menu {
  display: flex;
  flex-wrap: wrap;
  font-size: 90%;
}

.h4-211-title {
  background-color: #fcc;
  font-size: 95%;
  margin: 0 0 .3% 0;
  text-align: center;
  padding: 1% 0;
}

.h4-211-list-single {
  margin: 0;
  padding: 0;
  text-align: center;
}

.h4-211-list-double {
  margin: 0;
  padding: 0;
  text-align: center;
}

.h4-211-subtitle {
  display: flex;
  margin-bottom: .3%;
  text-align: center;
}

.h4-211-subtitle-first {
  background-color: #fcc;
  margin-right: .3%;
}

.h4-211-subtitle-second {
  background-color: #fcc;
  margin-right: .3%;
}

.h4-211-caption {
  display: flex;
  margin-bottom: .3%;
}

.h4-211-caption-first {
  background-color: #fcc;
  margin-right: .3%;
  padding-top: 1.5%;
  vertical-align: middle;
}

.h4-211-caption-second {
  background-color: #eee;
  margin-right: .3%;
}

.h4-211-caption-third {
  background-color: #eee;
  margin-right: .3%;
  padding-top: 3%;
}

.h4-211-caption-fourth {
  background-color: #eee;
  margin-right: .3%;
  padding-top: 3%;
}

.h4-211-caption-fifth {
  background-color: #eee;
  margin-right: .3%;
  padding-top: 3%;
}

.h4-211-caption-sixth {
  background-color: #eee;
  margin-right: .3%;
  padding-top: 3%;
}

.h4-211-caption-seventh {
  background-color: #eee;
  margin-right: .3%;
  padding-top: 3%;
}


.h4-211-value-list {
  margin: 0;
  padding: 0;
  text-align: center;
}


.h4-211-value {
  display: flex;
  margin-bottom: .3%;
  padding: .2% 0;
}

.h4-211-value-first {
  background-color: #fcc;
  margin-right: .3%;
  padding-top: 2%;
}

.h4-211-value-second {
  background-color: #eee;
  margin-right: .3%;
}

.h4-211-value-third {
  background-color: #eee;
  margin-right: .3%;
}

.h4-211-value-fourth {
  margin-right: .3%;
}

.h4-211-value-fifth {
  margin-right: .3%;
}

.h4-211-value-sixth {
  margin-right: .3%;
}

.h4-211-value-seventh {
  margin-right: .3%;
}

/*－－ H4画像付きメニュー －－－ */
.h4-img-menu {
  margin-bottom: 1%;
  padding: 0;
}

.h4-img-menu-title {
  border-bottom: solid 2px #999;
  color: #c03;
  font-size: 110%;
  margin: .5% 0 0 0;
  padding: .5%;
  width: 100%;
}

.h4-img-menu-subtitle {
  font-weight: normal;
  font-size: 100%;
  margin: 0;
  padding: .5%;
  width: 100%;
}
.h4-img-menu-list {
  display: flex;
  padding: 0;
  margin: 0;
}

.h4-img-menu-path {
  text-align: center;
  width: 20%;
  
}

.h4-img-menu-self {
  border: solid 2px #009;
  text-align: center;
  width: 20%;
}

.h4-text-menu-self {
  background-color: #009;
  color: #fff;
}

/*－－ H4奥行・高さ自頁リバースメニュー －－－ */

.h4l-depth-height-menu-title {
  background-color: #ccc;
  border-bottom: solid 3px #ccc;
  color: #333;
  font-size: 100%;
  margin: 0;
  padding: .2% 0;
}

.h4l-depth-height-menu {
  display: flex;
  flex-wrap: wrap;
  font-size: 90%;
}

.h4l-depth-height-list {
  display: flex;
  flex-wrap: wrap;
  border: solid 1px #ccc;
  margin: .3% 0;
  padding: 0;
  text-align: center;
}

.h4l-depth-height-title {
  align-items: center;
  display: flex;
}

.h4l-depth-height-value-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  text-align: center;
}

.h4l-depth-value {
  align-items: center;
  display: flex;
  margin-bottom: .1%;
}

.h4l-height-value {
  align-items: center;
  display: flex;
}

.h4l-height-value-title {
  background-color: #eee;
  margin: 0 .2% 0 0;
  padding: 1.8% 0;
}
.h4l-depth-value-caption {
  background-color: #eee;
  margin-bottom: .2%;
  padding: .6% 0;
}

.h4l-height-value-caption {
  background-color: #eee;
  padding: .6% 0;
}

.h4l-menu-self {
  background-color: #000096;
  color: #fff;
  padding: .6% 0;
}

/*－－ h4-奥行・幅メニュー －－*/
.h4-depth-width-menu {
  display: flex;
  flex-wrap: wrap;
  font-size: 90%;
}

.h4-depth-width-title {
  background-color: #ccc;
  font-size: 95%;
  margin: 0 0 .1% 0;
  text-align: center;
  padding: .4% 0;
}

.h4-depth-width-list-single {
  margin: 0;
  padding: 0;
  text-align: center;
}

.h4-depth-width-list-double {
  margin: 0;
  padding: 0;
  text-align: center;
}

.h4-depth-width-subtitle {
  display: flex;
  margin-bottom: .1%;
  text-align: center;
}

.h4-depth-width-subtitle-first {
  background-color: #eee;
  margin-right: .3%;
}

.h4-depth-width-caption {
  display: flex;
  margin-bottom: .2%;
}

.h4-depth-width-caption-first {
  background-color: #eee;
  margin-right: .3%;
  padding: .5% 0;
}

.h4-depth-width-caption-second {
  background-color: #eee;
  margin-right: .3%;
  padding: .5% 0;
}

.h4-depth-width-caption-third {
  background-color: #eee;
  margin-right: .3%;
  padding: .5% 0;
}

.h4-depth-width-caption-fourth {
  background-color: #eee;
  margin-right: .3%;
  padding: .5% 0;
}

.h4-depth-width-caption-fifth {
  background-color: #eee;
  margin-right: .3%;
  padding: .5% 0;
}

.h4-depth-width-value-list {
  margin: 0;
  padding: 0;
}

.h4-depth-width-value {
  display: flex;
  margin: 0;
  padding: .3% 0;
}

.h4-depth-width-value-self {
  background-color: #009;
  color: #fff;
  margin-right: .3%;
  padding: .4% 0;
}

.h4-depth-width-value-first {
  background-color: #eee;
  margin-right: .3%;
  padding: .4% 0;
}

/*－－ 他の高さへのメニュー－*/
.others-height-list-title {
  background-color: #444;
  color: #fff;
  font-size: 95%;
  padding: .2%;
}

.others-height-menu {
  display: flex;
  flex-wrap: wrap;
  font-size: 90%;
}

.others-height-list-single {
  margin: 0;
  padding: 0;
  text-align: center;
}

.others-height-value {
  display: flex;
  margin-bottom: .3%;
  padding: .2% 0;
}

.others-height-value-list {
  margin: 0;
  padding: 0;
  text-align: center;
}

.others-height-subtitle-first {
  background-color: #ffc;
  margin-right: .3%;
}

.others-height-value-first {
  margin-right: .3%;
}

.others-height-list-title {
  background-color: #bbb;
  color: #fff;
  font-size: 95%;
}

/*－－ 隙間書庫へのメニュー－*/

.sukima-menu {
  display: flex;
  flex-wrap: wrap;
  font-size: 90%;
}

.sukima-list {
  margin: 0;
  padding: 0;
  text-align: center;
}

.sukima-value-list {
  margin: 0;
  padding: 0;
}

.sukima-value {
  display: flex;
  margin-bottom: .3%;
  padding: .2% 0;
}

.sukima-wide {
  background-color: #cff;
  margin-right: .3%;
  padding-top: 2%;
}

.sukima-hyo-subtitle {
  background-color: #6c6;
  color: #fff;
  margin-right: .3%;
}

.sukima-taf-subtitle {
  background-color: #c00;
  color: #fff;
  margin-right: .3%;
}

.sukima-depth {
  background-color: #eee;
  margin-right: .3%;
}

.sukima-value-first {
  margin-right: .3%;
  padding-top: 2%;
}

.sukima-door-h {
  background-color: #ffc;
}

/* ↓210128追加 */
/* 商品サイズ違い行きメニュー全体の設定 */
.choose-menu-field {
  display: flex;
  flex-wrap: wrap;
  font-size: 90%;
  text-align: center;
  width: 100%;
}

.choose-menu {
  display: flex;
}
.choose-menu-list {
  width: 100%;
}

.choose-menu-list-value {
  display: flex;
  flex-wrap: wrap;
}

/* メニュー共通の設定 */
.choose-menu-toptitle {
  background-color: #ffeae0;
  background-color: #c03;
  background-color: #bfefbf;
  border-left: solid 10px #46bd7b;
  border-right: solid 10px #46bd7b;
/*  border-bottom: solid 1px #c03; */
  color: #fff;
  color: #333;
  font-size: 110%;
/*  font-weight: normal; */
  text-align:left; 
  margin: 0 0 .5% 0;
  padding: .2% 1%;
}

.choose-menu-toptitle-add {
  margin: .5% 0 0 .5%;
}

.choose-menu-toptitle-self {
  background-color: #966;
  border: solid 1px #ccc;
  color: #fff;
}

.choose-menu-toptitle-path {
  background-color: #f7e8e0;
  border: solid 1px #ccc;
}


.choose-menu-field li{
  list-style: none;
}

.choose-menu-field ul{
  margin: 0;
  padding: 0;
}

.choose-menu-field a{
  color: #333;
}

.choose-menu-field li a{    /* liタグ全体をリンクにする */
  display: block;
  height: 100%;
  width: 100%;
}

.choose-menu-title {
  background-color: #666;
  color: #fff;
  width: 70px;
}

.choose-menu-path {
  background-color: #f7e8e0;
}

.choose-menu-self {
  background-color: #966;
  color: #fff;
}

.choose-menu-none {
  background-color: #ccc;
  color: #333;
}

.choose-menu-path:hover {
  opacity: 0.5;
}

/* 奥行・棚板の設定 */

.choose-menu-tab {
  display: flex;
  width: 100%;
}

/* 奥行 */

.choose-menu-depth {
  width: 60%;
}

.choose-menu-depth-list {
  display: flex;
}

.choose-menu-list-value-line-depth {
  display: flex;
  width: 100%;
}

.choose-menu-list-value-depth {
  width: 100%;
}

.choose-menu-list-value-depth li{
  border-top: solid 1px #cecece;
  border-left: solid 1px #cecece;
  border-right: solid 1px #cecece;
  border-radius: 5px 5px 0 0;
  margin-right: .2%;
  padding: 2% 0 0 0;
  padding: .5% 0 0 0;
  width: 24.3%;
}

/* 棚板厚 */

.choose-menu-ita {
  margin-left: 5%;
  width: 40%;
  width: 38%;
  width: 35%; /* 210129変更 */
}

.choose-menu-ita-list {
  display: flex;
}

.choose-menu-list-value-line-ita {
  display: flex;
  width: 100%;
}

.choose-menu-list-value-ita {
  display: flex;
  flex-direction:row-reverse; /* 210205変更 */
  width: 100%;
}

.choose-menu-ita-none {
  border-top: solid 1px #999;
  border-left: solid 1px #999;
  border-right: solid 1px #999;
}

.choose-menu-ita-path {
  border-top: solid 1px #cecece;
  border-left: solid 1px #cecece;
  border-right: solid 1px #cecece;
}

.choose-menu-ita-self {
  border-top: solid 1px #cecece;
  border-left: solid 1px #cecece;
  border-right: solid 1px #cecece;
}

.choose-menu-list-value-ita li{
  border-radius: 3px 3px 0 0;
  margin: 2% .2% 0 0;
  margin: .5% .2% 0 0;
  margin: 0 .2% 0 0;
  padding: 1% 0;
  padding: .5% 0;
  width: 48.6%;
  width: 47%;
  width: 48%; /* 210129変更 */
}

/* 幅・高さ・扉高さの囲み線 */

.choose-menu-content {
  border-top: solid 8px #999;
  border-right: solid 1px #999;
  border-left: solid 1px #999;
  border-bottom: solid 1px #999;
  width: 100%;
}

/* 幅 */

.choose-menu-list-value-width li{
  border: solid 1px #cecece;
  border-radius: 3px;
  margin: 0 .2%;
  padding: .5% 0;
  padding: .3% 0;
  padding: .2% 0;
}

.choose-menu-list-value-line-width {
  margin: 1% 0 1% 0;
  margin: .5% 0 .5% 0;
  margin: .3% 0 .3% 0;
}

.choose-menu-width-s-path {
  width: 17.9%;
  width: 17%;
}
.choose-menu-width-s-self {
  width: 17.9%;
  width: 17%;
}

.choose-menu-width-t-path {
  width: 12.6%;
}
.choose-menu-width-t-self {
  width: 12.6%;
}

/* 高さ */

.choose-menu-list-value-height li{
  border: solid 1px #cecece;
  border-radius: 3px;
  margin: 0 .2%;
  padding: .5% 0;
  padding: .3% 0;
  padding: .2% 0;
}

.choose-menu-list-value-line-height {
  margin: 0 0 1% 0;
  margin: 0 0 .5% 0;
  margin: 0 0 .3% 0;
}

.choose-menu-height-title { /* 210129追加 *//* 1500px以上 */
  width: 15%;
}
.choose-menu-height-path {
  width: 8.7%;
  width: 13%; /* 210129変更 */
}

.choose-menu-height-self {
  width: 8.6%;
  width: 13%; /* 210129変更 */
}

.choose-menu-height-none {
  width: 8.6%;
  width: 13%; /* 210129変更 */
}

/* 扉 */
.tobi {  /* 210129追加 */
  font-size: 80%;
}

.choose-menu-list-value-tobira li{
  border: solid 1px #cecece;
  border-radius: 3px;
  margin: 0 .2%;
  padding: .5% 0;
  padding: .3% 0;
  padding: .2% 0;
}

.choose-menu-list-value-line-tobira {
  margin: 0 0 1% 0;
  margin: 0 0 .5% 0;
  margin: 0 0 .3% 0;
}

.choose-menu-tobira-title {
  width: 20%;   /* 2102/24変更 */
}

.choose-menu-tobira-path {
  width: 9.7%;
  width: 14.5%; /* 210129変更 */
  width: 12%;   /* 2102/24変更 */
}

.choose-menu-tobira-self {
  width: 9.5%;
  width: 14.5%; /* 210129変更 */
  width: 12%;   /* 2102/24変更 */
}

@media screen and (min-width: 1300px) and (max-width: 1500px){


.choose-menu-list-value-depth li {
  width: 23%;
}

.choose-menu-width-s-path {
  width: 17.3%;
  width: 17%;
}

.choose-menu-width-s-self {
  width: 17.3%;
  width: 17%;
}

.choose-menu-width-t-path {
  width: 12.3%;
  width: 12%;
}

.choose-menu-width-t-self {
  width: 12.3%;
  width: 12%;
}

.choose-menu-height-title { /* 210129追加 *//* 1300-1500px */
  width: 23%;
}

.choose-menu-height-path {
  width: 8.5%;
  width: 12%; /* 210129変更 */
}

.choose-menu-height-self {
  width: 8.5%;
  width: 12%; /* 210129変更 */
}

.choose-menu-height-none {
  width: 8.0%;
  width: 12%; /* 210129変更 */
}

.choose-menu-tobira-title {
  width: 18%;   /* 2102/24変更 */
}

.choose-menu-tobira-path {
  width: 9.4%;
  width: 14.5%; /* 210129変更 */
  width: 12%;   /* 2102/24変更 */
}
.choose-menu-tobira-self {
  width: 9.4%;
  width: 14.5%; /* 210129変更 */
  width: 12%;   /* 2102/24変更 */
}
}

@media screen and (min-width: 768px) and (max-width: 1300px){

.choose-menu-toptitle {
  width: 100%;
}

.choose-menu-toptitle-add {
  margin: .5% 0 .7% .5%;
  text-align: left;
}

.choose-menu-list-value-line-width {
  margin: 0% 0 .5% 0;
}

/* 奥行 */

.choose-menu-depth {  /* 768-1300px *//* 210129追加 */
  width: 53%;
}

/* 棚板厚 */

.choose-menu-ita {  /* 768-1300px *//* 210129追加 */
  margin-left: 1%;
  width: 46%;
}

.choose-menu-list-value-depth li {
  padding: 3% 0 0 0;
  padding: .5% 0 0 0;
  width: 22%;
}

.choose-menu-title {
  background-color: #666;
  font-size: 85%;
  padding: 0;
/*  width: 100%; */ /* 210129コメント化 */
}

.choose-menu-width-s-path {
  width: 170px;
  width: 19%;
  width: 15%; /* 210129変更 */
}
.choose-menu-width-s-self {
  width: 170px;
  width: 19%;
  width: 15%; /* 210129変更 */
}

.choose-menu-width-t-path {
  width: 95px;
  width: 13.5%;
  width: 11%; /* 210129変更 */
}
.choose-menu-width-t-self {
  width: 95px;
  width: 13.5%;
  width: 11%; /* 210129変更 */
}

.choose-menu-height-title { /* 210129追加 *//* 768-1300px */
  width: 22.5%;
  width: 25%; /* 210204変更 */
}
.choose-menu-height-path {
  width: 90px;
  width: 9%;
  width: 12%; /* 210129変更 */
  width: 11.5%; /* 210204変更 */
}
.choose-menu-height-self {
  width: 96px;
  width: 9.5%;
  width: 12%; /* 210129変更 */
  width: 11.5%; /* 210204変更 */
}

.choose-menu-height-none {
  width: 96px;
  width: 9.5%;
  width: 10%; /* 210129変更 */
  width: 11.5%; /* 210204変更 */
}

.choose-menu-tobira-title {
  width: 16%;   /* 2102/24変更 */
}

.choose-menu-tobira-path {
  width: 95px;
  width: 10%;
  width: 13%; /* 210129変更 */
  width: 12.5%;   /* 2102/24変更 */
}

.choose-menu-tobira-self {
  width: 95px;
  width: 10%;
  width: 13%; /* 210129変更 */
  width: 12.5%;   /* 2102/24変更 */
}
}

@media screen and (min-width: 100px) and (max-width: 768px){
.choose-menu-toptitle {
  width: 100%;
}

.choose-menu-toptitle-add {
  margin: .5% 0 .7% .5%;
  text-align: left;
}

.choose-menu-list-value-depth li {
/*  padding: 4% 0 0 0;*/ /* 210129コメント化 */
  width: 20%;
}

.choose-menu-title {
  background-color: #666;
  font-size: 85%;
  padding: 0;
  width: 100%;
}

.choose-menu-list-value-ita li {
/*  width: 40%;*/ /* 210129コメント化 */
}
/* 奥行 */

.choose-menu-depth {  /* 100-768px *//* 210129追加 */
  width: 62%;
}
.choose-menu-list-value-depth li {
  font-size: 90%;
  width: 23%;
}

/* 棚板厚 */

.choose-menu-ita {  /* 100-768px *//* 210129追加 */
  font-size: 85%;
  margin-left: 1%;
  width: 38%;
}


.choose-menu-list-value-line-width {
  margin: 0% 0 .5% 0;
}

.choose-menu-width-s-path {
  width: 95px;
  width: 19%;
}
.choose-menu-width-s-self {
  width: 95px;
  width: 19%;
}

.choose-menu-width-t-path {
  width: 95px;
  width: 13.5%;
  width: 13%;
}
.choose-menu-width-t-self {
  width: 95px;
  width: 13.5%;
  width: 13%;
}

.choose-menu-height-title { /* 210129追加 *//* 100-768px */
  width: 100%;
}
.choose-menu-height-path {
  width: 95px;
  width: 9%;
  width: 15.5%; /* 210129変更 */
}
.choose-menu-height-self {
  width: 95px;
  width: 9%;
  width: 15.5%; /* 210129変更 */
}

.choose-menu-height-none {
  width: 95px;
  width: 9%;
  width: 15.5%; /* 210129変更 */
}

.choose-menu-tobira-title {
  width: 16%;   /* 2102/24変更 */
}

.choose-menu-tobira-path {
  width: 95px;
  width: 10%;
  width: 15.5%; /* 210129変更 */
  width: 12%;   /* 2102/24変更 */
}
.choose-menu-tobira-self {
  width: 95px;
  width: 10%;
  width: 15.5%; /* 210129変更 */
  width: 12%;   /* 2102/24変更 */
}
}
/* ↑210128追加 */
/* 210205追加 */
/* 寸法図・仕様下に表示する他タイプ行き画像リンク */
.b2set-lk-list {
  display: flex;
  margin: 0;
  padding: 0;
}
.b2set-lk img{
  width: 100%;
}

/* 画像付説明 */ /* 210208追加 */
.setumei {
  max-width: 750px;
}

.setumei-title {
  border-bottom: #000 1px solid;
  color: #c03;
  font-weight: bold;
  margin-bottom: 1%;
}

.setumei-subtitle {
  font-weight: bold;
  margin-bottom: 1%;
}

.setumei-title-pr {
  font-size: 95%;
  margin-bottom: 1%;
}
.setumei-box {
  margin-bottom: 2%;
}

.setumei-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  width: 100%;
}

.setumei-detail1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.setumei-detail3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 33%;
}

.setumei-img img {
  height: 250px;
}
.setumei-img2 img{
  height: 250px;
}

.setumei-img2 {
  display: flex;
  text-align: center;
}

.setumei-img {
  text-align: center;
}

.setumei-img1 img {
  width: 100%;
}

.setumei-caption {
  font-weight: bold;
  font-size: 95%;
  text-align: center;
}

.setumei-pr {
  color: #009;
  font-size: 95%;
}

.setumei-add {
  width: 100%;
  font-size: 95%;
}