@charset "utf-8";
/* progless shoesbox m_list common */
/* psmbascm.css */
/* 一覧頁PC・タブレット・スマホ共通 */


/*－ 基本レイアウトの定義 －－－－－－ */

body {
  max-width: 910px;				/* 最大幅 */
  margin: 0;					/* 外側余白 */
  padding: 0;					/* 内側余白 */
}

header {
  width: 910px;					/* 幅サイズ */
}

main {
  float: left;					/* 左寄せ */
  width: 750px;					/* 幅サイズ */

}

aside {
  float: right;					/* 右寄せ */
  width: 140px;					/* 幅サイズ */
}

footer {
  float: left;					/* 左寄せ */
  width: 910px;					/* 幅サイズ */
}

/*－ ショップ紹介部 －－－－－－－－－ */

.shop-type {
  margin: 0.2em;				/* 内側余白 */
  float: left;					/* 左寄せ */
  font-size : 12px;				/* フォントサイズ */
}

.shop-name {
  margin: 0.2em;				/* 内側余白 */
  float: right;					/* 右寄せ */
  font-size : 12px;				/* フォントサイズ */
}

.shop-name a {
  color: #000;
}

#shop-introduction:after {
  content: "";					/* クリアフィックス */
  display: block;
  clear: both;
}

/*－ ヘッダー部 － */

.shop-mark {
  background-color: #ffc;			/* 背景色 */
  float: left;					/* 左寄せ */
  height: 80px;					/* 高さサイズ */
}

.main-title {
  display: inline-flex;
  flex-wrap: wrap;
  background-color: #dd7;			/* 背景色 */
  float: left;					/* 左寄せ */
  height: 80px;					/* 高サイズ */
  width: 55%;					/* 幅サイズ */
}
.category-name {
  color: #220;					/* フォントカラー */
  font-size: 125%;				/* フォントサイズ */
  margin: 0;					/* 外側余白 */
  padding: 0.4em 0 0 .2em;				/* 内側上余白 */
}
.sub-name {
  color: #220;					/* フォントカラー */
  font-size: 125%;				/* フォントサイズ */
  font-weight: bold;
  margin: 0;					/* 外側余白 */
  padding-top: .4em;
}
.sub-title {
  background-color: #ffc;			/* 背景色 */
  float: left;					/* 左寄せ */
  font-size: 80%;				/* フォントサイズ */
  height: 80px;					/* 高サイズ */
  padding-left: 0.5em;				/* 内側左余白 */
  width: 20%;					/* 幅サイズ */
}

.shop-common-commercial {
  float: right;					/* 左寄せ */
  height: 80px;					/* 高サイズ */
  margin: 0;					/* 外側余白 */
}

.shop-common-commercial img {
  height: 80px;					/* 高サイズ */
  width: auto;
}

#page-title:after {
  content: "";					/* クリアフィックス */
  display: block;
  clear: both;
}

/*－ 見出し － */

.about-item {
  text-align: center;
  background-color: #eeeeee;			/* 背景色 */
  font-size: 90%;				/* フォントサイズ */
  font-weight: bold;				/* フォント太さ */
  margin: 0.5em 0 0.3em 0;
  padding: 0.2em 0;				/* 内側余白、上下・右左 */
}

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

#breadcrumbs-list {
  margin: 0.5em 0 0.5em 0;			/* 外側余白 */
  padding-left: 0.3em;				/* 内側左余白 */
}

.breadcrumbs-path {
  font-size: 90%;				/* フォントサイズ */
  display: inline;				/* 表示形式インライン要素 */
  margin-left: 0.3em;				/* 外側左余白 */
}

#category-list {
  margin: 0;					/* 外側余白 */
  padding-left: 0.3em;				/* 内側左余白 */
}

.category-path {
  font-size: 90%;				/* フォントサイズ */
  display: inline;				/* 表示形式インライン要素 */
  margin-left: 0.5em;				/* 外側左余白 */
}

/*－ カテゴリテキストメニュー －－－－ */

.category-text-list {
  display: flex;				/* 横並びbox高さ不揃いでも崩れない */
  flex-wrap: wrap;				/* 折り返し */
  padding: 0;					/* 内側余白 */
}

.category-text-path {
  border-top: 1px solid #008;			/* 上罫線、太さ・線種・カラー */
  border-right: 1px solid #008;			/* 右罫線、太さ・線種・カラー */
  font-size: 80%;				/* フォントサイズ */
  list-style-type: none;			/* リストのマーク設定をしない */
  margin: 0.1em auto;  				/* 外側余白、上下・右左 */
  padding: 0.2em 0 0.8em 0;		        /* 内側余白、上・右・下・左 */
  text-align: left;				/* 水平位置揃え */
  width: 14.8%;					/* 幅サイズ */
}

.category-text-path a {
  color: #008; 					/* リンクカラー */
  text-decoration: none;			/* リンク下線 */
}

/*－ 数量別価格・見積りPR －－－－－－－－－ */

.sale-information {
  border: 3px double #ccc;
  margin: 1% 0;
  font-size: 95%;
}

.sale-information-title {
  color: #f00;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.sale-information-part {
  margin: 0;
  padding: .1% 2%;
}

/*－ グリーン購入法適合商品 －－－－－ */

.green-purchasing-law {
  border: 1px solid #ccc;			/* 罫線、サイズ・線種・カラー */
  font-size: 14px;				/* フォントサイズ */
  padding: 0.2em;				/* 内側余白 */
}

.green-purchasing-law-subject {
  font-weight: bold;				/* フォント太さ */
  color: #390;					/* フォントカラー */
}

.green-purchasing-law-comment {
  margin-left: 0.8em;
}

.green-purchasing-law-comment-black {
  font-style: normal;				/* フォントスタイル */
  font-weight: bold;
}

.green-purchasing-law-comment-green {
  color: #390;					/* フォントカラー */
  font-style: normal;				/* フォントスタイル */
  font-weight: bold;
}

/*－ インクバナー部 －－－－－－－－－ */

.pickup {
  border: 1px solid #999;			/* 罫線、サイズ・線種・カラー */
}

.pickup-title {
  font-weight: 600;
  margin: 0.3em 0 0.4em 0.2em;		    	/* 外側余白、上 */
  font-size: 16px; 				/* フォントサイズ */
}

.pickup-discription {
  color: #900;					/* フォントカラー */
  font-size: 94%;				/* フォントサイズ */
  font-weight: 500;
  margin: 0.4em 0 0.3em 0.2em;		    	/* 外側余白、上 */
}

.pickup-details {
  background-color: #ffc;			/* 背景色 */
  color: #900;					/* フォントカラー */
  font-weight: 500;
  font-size: 16px;				/* フォントサイズ */
  margin: 0.1em 0 0 0;		    		/* 外側余白、上下右左 */
  padding: 0.3em;
}

.pickup-list {
  display: flex;				/* 横並びbox高さ不揃いでも崩れない */
  flex-wrap: wrap;				/* 折り返し */
  justify-content: space-around;
  padding: 0;					/* 内側余白 */
  margin: 0;		    			/* 外側余白、上下・右左 */
}
  
.pickup-part {
  font-size: 95%;
  font-weight: 600;
  list-style-type: none;			/* リストのマーク設定をしない */
  margin: 0 0;				        /* 外側余白、上下・右左 */
  text-align: center;
  padding: 0;					/* 内側余白 */
  width: 140px;					/* 幅サイズ */
}

.pickup-part-inside {
  width: 50%;					/* 幅サイズ */
  list-style-type: none;			/* リストのマーク設定をしない */
  margin: 0 1em;				/* 外側余白、上下・右左 */
  padding: 0;					/* 内側余白 */
}

.pickup-part-img {                 /* pickup-part-img=画像下にテキスト1行,pickup-part-simg=画像下にテキスト2行 */
  height: 110px;
}

.pickup-part-simg {                /* pickup-part-img=画像下にテキスト1行,pickup-part-simg=画像下にテキスト2行 */
  height: 100px;
  z-index: 10;                     /* 内寸図との重なりで下になるようにする(数値が小さい方が重なりの下） */
}
.naisun-pimg {                     /* カテゴリ内寸図画像 */
  background: #fff; 
  border: solid 2px #dd7; 
  border-radius: 5px; 
  display: none;
  position: absolute;
  top: 10px;
  left: 400px;
  padding: 16px;
  width: 500px;
  z-index: 20;
}
.naisun-pimg:after {
  width: 0;
  height: 0;
  left: 0;
  bottom: -19px;
  margin-left: 10px;
  border: solid transparent;
  pointer-events: none;
  position: absolute;
  content: " ";
}

.pickup-part-simg:hover + .naisun-pimg {
  display: block;
}
.pickup-part-size {
  font-size: 90%;
  font-weight: normal;
}

/*－ サイズ別メニュー部 －－－－－－－ */

.size-menu {
  border-collapse: collapse;			/* テーブル要素のセル境界の表示方法 */
  font-size: 14px;				/* フォントサイズ */
  margin: 0.5em 0;				/* 内側余白、上下・右左 */
  text-align: center;				/* 水平位置揃え */
  width: 100%;					/* 幅サイズ */
}

.size-menu-title {
  background-color: #eee;			/* 背景色 */
  border: 1px solid #ddd;			/* 罫線、サイズ・線種・カラー */
  padding: 0.5em 0;				/* 内側余白、上下・右左 */
}

.size-menu-part {
  border: 1px solid #eee;			/* 罫線、サイズ・線種・カラー */
}

/* 191106追加 */
.size-menu-img {
  width: 35px;					/* 幅サイズ */
}

/* サイズ別メニュー部マウスオンポップアップ */

.size-menu-part:hover {
  position: relative;
}

.size-menu-part:hover {
  border: 2px solid #999;			/* 罫線、サイズ・線種・カラー */
}

.image-popup {
  background-color: #fff;
  border: 2px solid #8e8e4c;
  border-radius: 3px;
  display: none;
  font-weight: bold;
  position: absolute;
  top: -230px;
  left: -50px;
  color: #000;
  line-height: 110%;
  text-align: center;
  padding: 0.1em 0;
  width: 200px;
  z-index: 30; 
}

.size-menu-htm:hover .image-popup {
  display: block;
}
/*－ アイテムリスト部 －－－－－－－－ */

#item-list {
  display: flex;				/* 横並びbox高さ不揃いでも崩れない */
  flex-wrap: wrap;				/* 折り返し */
  padding: 0;					/* 内側余白 */
}

.item-list-part {
  border: 1px solid #ccc;			/* 罫線、サイズ・線種・カラー */
  list-style-type: none;			/* リストのマーク設定をしない */
  margin: 0 0.1em 0.2em 0.1em;			/* 外側余白、上・右・下・左 */
  padding: 0 0.3em;				/* 内側余白、上下・右左 */
  width: 31%;					/* 幅サイズ */
}

.item-list-title {
  font-size: 90%;				/* フォントサイズ */
  font-weight: bold;				/* フォント太さ */
  margin: 0.6em;				/* 外側余白 */
}

.item-catch-copy {
  font-size: 14px;				/* フォントサイズ */
  margin-bottom: .5em;	
}

.item-price {
  background-color: #eee;			/* 背景色 */
  display: block;				/* 表示形式ブロックレベル要素 */
  font-size: 13px;				/* フォントサイズ */
  margin: 0;					/* 外側余白 */
  padding: 0.1em 0;				/* 内側余白、上下・右左 */
}

.item-link a {
  color: #008;					/* リンクカラー */
  font-weight: bold;				/* フォント太さ */
  text-decoration: none;			/* リンク下線 */
}

.sale-price {
  color: #f00;					/* フォントカラー */
  font-weight: bold;				/* フォント太さ */
}

.standard-price {
  font-size: 83%;
  padding: 0;
  margin: 1% 0;
}

.item-notes {
  font-size: 13px;				/* フォントサイズ */
  margin: 0;					/* 外側余白 */
}

.bold {
  font-weight: bold;
}

/*－ 内寸図部 －－－－－－－－－－－－ */

.depth-menu {
  margin: 1.0em 0;				/* 外側余白、上下・右左 */
}

.depth-menu-title {
  font-size: 120%;				/* フォントサイズ */
}

.depth-menu-type {
  background-color: #eee;			/* 背景色 */
  padding: 0.3em;				/* 内側余白 */
  margin-top: 0;				/* 外側上余白 */
}

.depth-menu-list {
  border: 1px solid #eee;			/* 罫線、サイズ・線種・カラー */
  font-size: 13px;				/* フォントサイズ */
  margin-bottom: 0.8em;				/* 外側下余白 */
}

.depth-menu-list:after {
  content: "";					/* クリアフィックス */
  display: block;
  clear: both;
}

.depth-menu-part {
  float: left;					/* 左寄せ */
  margin-left: 0.8em;				/* 外側左余白 */
  text-align: center;				/* 水平位置揃え */
  width: 45px;					/* 幅サイズ */
}

/*－ 配送案内部 －－－－－－－－－－－ */

.common-support {
  margin-top: 1.5em;				/* 外側上余白 */
}

.common-support-title {
  background-color: #cff;			/* 背景色 */
  font-weight: bold;				/* フォント太さ */
  margin: 1.0em auto 0 auto;			/* 外側余白、上・右・下・左 */
  padding: 0.3em;				/* 内側余白 */
}

.support-point-list {
  display: flex;				/* 横並びbox高さ不揃いでも崩れない */
  flex-wrap: wrap;				/* 折り返し */
  padding: 0;					/* 内側余白 */
  margin-top: 0;				/* 外側余白 */
}

.support-point-part {
  border: 1px solid #eee;			/* 罫線、サイズ・線種・カラー */
  font-size: 12px;				/* フォントサイズ */
  list-style-type: none;			/* リストのマーク設定をしない */
  margin: 0 auto;				/* 外側余白、上下・右左 */
  text-align: center;				/* 水平位置揃え */
  width: 12%;					/* 幅サイズ */
}

/*－ カテゴリ別一覧頁行メニュー部 －－ */

.type-menu-title {
  background-color: #dd7;			/* 背景色 */
  margin-bottom: 0.5em;				/* 外側下余白 */
  padding: 0.5em 0;				/* 内側余白、上下・右左 */
}

.type-menu-list {
  padding: 0;					/* 内側余白 */
}

.type-menu-part {
  float: left;					/* 左寄せ */
  font-size: 11px;				/* フォントサイズ */
  list-style-type: none;			/* リストのマーク設定をしない */
  margin: 0 auto;				/* 外側余白、上下・右左 */
  text-align: center;				/* 水平位置揃え */
  width: 60px;					/* 幅サイズ */
}

.type-menu-part img {
  height: 50px;					/* 高サイズ */
  width: auto;					/* 幅サイズ */
}

.type-menu-list:after {
  content: "";					/* クリアフィックス */
  display: block;
  clear: both;
}

/* 人数別メニュー部 */

.ninz-menu-title {
  background-color: #efdbfc;
  margin-bottom: 0;
  padding: .5%;
}

.ninz-menu-title a {
 color: #f00;
}

.ninz-menu-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 0 1%;
  margin: 0;
}

.ninz-menu-part {
  border: solid 1px #ccc;
  font-size: 70%;
  list-style-type: none;
  margin: .1%;
  text-align: center;
  width: 63px;
}

.ninz-menu-img {
  border: 0;
}

/*－ グリーン購入法他説明 －－－－－－ */

.furniture-term {
  border: 3px double #000;			/* 罫線、サイズ・線種・カラー */
  font-size: 13px;				/* フォントサイズ */
  margin-top: 1.5em;				/* 外側上余白 */
  padding: 0.3em;				/* 内側余白 */
}

.furniture-term-subject {
  font-weight: bold;				/* フォント太さ */
  color: #009;					/* フォントカラー */
}

/*－ オフィスの地震対策について －－－－－－ */

.safety-measure {
  border: 3px double #000;			/* 罫線、サイズ・線種・カラー */
  font-size: 13px;				/* フォントサイズ */
  margin-top: 1.5em;				/* 外側上余白 */
  padding: 0.3em;				/* 内側余白 */
}

.safety-measure-subject {
  font-weight: bold;				/* フォント太さ */
  color: #009;					/* フォントカラー */
}

/*－ オーダー部 －－－－－－－－－－ */

#order-form {
  background-color: #ffd;			/* 背景色 */
}

.order-title {
  display: flex;				/* 横並びbox高さ不揃いでも崩れない */
  flex-wrap: wrap;				/* 折り返し */
  background-color: #ee0;			/* 背景色 */
  margin-bottom: 1.5em;				/* 外側下余白 */
  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;				/* 水平位置揃え */
  padding-left: 0.5em;				/* 内側左余白 */
  width: 45%;					/* 幅サイズ */
}

.order-headline-comment-right {
  font-size: 85%;				/* フォントサイズ */
  text-align: right;				/* 水平位置揃え */
  width: 53%;					/* 幅サイズ */
}

.order-headline-navi {
  font-size: 75%;				/* フォントサイズ */
  margin: 0 0.2em;				/* 外側余白、上下・右左 */
  padding: 0 0.2em;				/* 内側余白、上下・右左 */
  text-align: right;				/* 水平位置揃え */
  width: 100%;					/* 幅サイズ */
}

.order-quantity-title {
  display: flex;				/* 横並びbox高さ不揃いでも崩れない */
  font-size: 90%;				/* フォントサイズ */
}

.order-title-number {
  margin-right: 0.5em;				/* 外側右余白 */
  width: 20%;					/* 幅サイズ */
}

.order-title-name {
  width: 55%;					/* 幅サイズ */
}

.order-title-price {
  width: 15%;					/* 幅サイズ */
}

.order-title-quantity {
  width: 10%;					/* 幅サイズ */
}

.order-quantity-list {
  display: flex;				/* 横並びbox高さ不揃いでも崩れない */
  width: 100%;					/* 幅サイズ */
}

.order-quantity-number {
  font-size: 90%;				/* フォントサイズ */
  font-weight: bold;				/* フォント太さ */
  margin-right: 0.5em;				/* 外側右余白 */
  width: 20%;					/* 幅サイズ */
}

.order-quantity-name {
  font-size: 90%;				/* フォントサイズ */
  font-weight: bold;				/* フォント太さ */
  width: 55%;					/* 幅サイズ */
}

.order-quantity-price {
  color: #f00;					/* フォントカラー */
  font-size: 90%;				/* フォントサイズ */
  font-weight: bold;				/* フォント太さ */
  width: 15%;					/* 幅サイズ */
}

.order-quantity-quantity {
  margin-right: 0.5em;				/* 外側右余白 */
  width: 10%;					/* 幅サイズ */
}

.order-quantity-list input {
  margin-right: 1.0em;				/* 外側右余白 */
  width: 60px;					/* 幅サイズ */
}

.order-customer {
  margin-top: 0.8em;				/* 外側上余白 */
  padding: 0.6em;				/* 内側余白 */
}

.order-customer-title {
  font-size: 90%;				/* フォントサイズ */
  font-weight: bold;				/* フォント太さ */
}

.order-customer-title input {
  float: right;					/* 右寄せ */
  width: 500px;					/* 幅サイズ */
}

.order-request {
  margin-top: 0.8em;				/* 外側上余白 */
}

.order-request-select {
  font-size: 90%;				/* フォントサイズ */
  font-weight: bold;				/* フォント太さ */
  margin-bottom: 0.2em;
}

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

.order-supplement {
  color: #f00;
  background-color: #ffd;
  text-indent: 1.5%;
  margin: 0;
  padding: .5% 0;
  width: 100%;
}

input {
  padding: 0.5em 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: 1.0em;				/* 内側余白 */
  font-size: 13px;				/* フォントサイズ */
}

.user-guide-other {
  margin: 1.0em 0 1.0em 0.5em;
}

.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;				/* フォント太さ */
}

/*－ フッター部上 －－－－－－－－－－ */

.back-button {
  margin: 0;					/* 外側余白 */
}

.bottom-note {
  margin: 0;					/* 外側余白 */
}

/*－ フッター部 －－－－－－－－－－－ */

.guide-menu-list {
  background-color: #dd7;			/* 背景色 */
  display: flex;				/* 横並びbox高さ不揃いでも崩れない */
  flex-wrap: wrap;				/* 折り返し */
  font-size: 13px;				/* フォントサイズ */
  margin-top: 0;				/* 外側上余白 */
  padding: 0;					/* 内側余白 */
}

.guide-menu-part {
  list-style-type: none;			/* リストのマーク設定をしない */
  margin: 0 auto;				/* 外側余白、上下・右左 */
  padding: 0.8em 0;				/* 内側余白、上下・右左 */
}

footer nav a {
  color: #220;					/* フォントカラー */
}

address {
  font-style: normal;				/* フォントスタイル */
  text-align: center;				/* 水平位置揃え */
  width: 100%;					/* 幅サイズ */
}

.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;				/* フォントサイズ */
}

/* サイド見積もり行きリンク */

.mitumori-navi {
  background-color: #e60012;
  border-radius: 3px;
  font-weight: bold;
  text-align: center;
  padding: 5% 0 5%;
}
.mitumori-navi a{
  color: #ffffff;
  text-decoration: none;
}

/*－ サイドメニュー部 －－－－－－－－ */

.search-menu-list {
  border: 1px solid #f96;
  display: block;
  font-size: 13px;
  list-style-type: none;
  margin: 0.2em 0;
  padding: 0;
}

.group-menu-list {
  border: 1px solid #dd7;			/* 罫線、サイズ・線種・カラー */
  display: block;				/* 表示形式ブロックレベル要素 */
  font-size: 13px;				/* フォントサイズ */
  padding: 0;					/* 内側余白 */
}

.category-menu-list {
  border: 1px solid #dd7;			/* 罫線、サイズ・線種・カラー */
  display: block;				/* 表示形式ブロックレベル要素 */
  font-size: 13px;				/* フォントサイズ */
  padding: 0;					/* 内側余白 */
}

.recommend-menu-list {
  border: 1px solid #dd7;			/* 罫線、サイズ・線種・カラー */
  display: block;				/* 表示形式ブロックレベル要素 */
  font-size: 13px;				/* フォントサイズ */
  padding: 0;					/* 内側余白 */
}

.contact-info-list {
  border: 1px solid #dd7;			/* 罫線、サイズ・線種・カラー */
  display: block;				/* 表示形式ブロックレベル要素 */
  font-size: 13px;				/* フォントサイズ */
  padding: 0;					/* 内側余白 */
}

.search-menu-part {
  border-bottom: 1px dotted #f96;
  display: block;
}

.group-menu-part {
  border-bottom: 1px dotted #dd7;		/* 下罫線、サイズ・線種・カラー */
  display: block;				/* 表示形式ブロックレベル要素 */
  list-style-type: none;			/* リストのマーク設定をしない */
}

.category-menu-part {
  border-bottom: 1px dotted #dd7;		/* 下罫線、サイズ・線種・カラー */
  display: block;				/* 表示形式ブロックレベル要素 */
  list-style-type: none;			/* リストのマーク設定をしない */
}

.recommend-menu-part {
  border-bottom: 1px dotted #dd7;		/* 下罫線、サイズ・線種・カラー */
  display: block;				/* 表示形式ブロックレベル要素 */
  list-style-type: none;			/* リストのマーク設定をしない */
}

.search-menu-title {
  background-color: #f96;
  color: #fff;
  font-weight: bold;
  padding: 0.5em 0 0.2em 0.5em;
}

.recommend-menu-title {
  background-color: #dd7;			/* 背景色 */
  color: #220;					/* カラー */
  font-weight: bold;				/* フォント太さ */
  padding: 0.5em 0 0.2em 0.5em;			/* 内側余白、上・右・下・左 */
}

.group-menu-title {
  background-color: #dd7;			/* 背景色 */
  color: #220;					/* カラー */
  font-weight: bold;				/* フォント太さ */
  padding: 0.5em 0 0.2em 0.5em;			/* 内側余白、上・右・下・左 */
}

.category-menu-title {
  background-color: #dd7;			/* 背景色 */
  color: #220;					/* カラー */
  font-weight: bold;				/* フォント太さ */
  padding: 0.5em 0 0.2em 0.5em;			/* 内側余白、上・右・下・左 */
}

aside li {
  border-bottom: 1px dotted #dd7;		/* 下罫線、サイズ・線種・カラー */
  display: block;				/* 表示形式ブロックレベル要素 */
}

.side-menu-link {
  box-sizing: border-box;
  display: inline-block;
  padding: 0.3em 0.5em;
  width: 100%;
}

/* －－サイドメニュー部 マウスon時 －－*/
.pop-up:hover {
  position: relative;
}

/* 191105 サイドメニューポップアップ画像のみ→テキスト追加 コメント化 */
/*
.pop-up .side-menu-img {
  display: none;
  position: absolute;
  top: -150px;
  right: 175px;
}

.pop-up:hover .side-menu-img {
  display: block;
}

.side-menu-img {
  border: 2px solid #cc3;
  border-radius: 5px;
  transform: scale(1.5);
  z-index: 10;
}
*/

.side-menu-link:hover {
  background-color: #00f;
  color: #fff;
  text-decoration: none;
}

/* 191105 サイドメニューポップアップ画像のみ→テキスト追加変更以下を追加 */

.group-menu-part:hover {
  position: relative;
}

.group-menu-link:hover {
  color: #c6c;
  font-weight: bold;
}

.group-menu-popup {
  background-color: #fff;
  border: 2px solid #8e8e4c;
  border-radius: 5px;
  display: none;
  font-weight: bold;
  position: absolute;
  top: -145px;
  right: 175px;
  color: #000;
  line-height: 110%;
  text-align: center;
  padding: 3% 1%;
  width: 200px;
  z-index: 30; 
}

.side-menu-link:hover .group-menu-popup {
  display: block;
}

/* 191105 自頁反転機能を追加 */

.group-menu-self {
  background-color: #008;
}

.group-menu-self a {
  color: #fff;
  text-decoration: none;
}

/*－ 画像 －－－－－－－－－－－－－－ */

img {
  max-width: 100%;
}

/* ランダムインク部 */
.randm-catcpy {
  background-color: #dd7;
  font-size: 80%;
  color: #fff;
  margin: 0;
  padding: 1em 0em 0.2em 0.5em;	
}
.randm-sguide {
  background-color: #fff;	
  font-size: 13px;		
  padding:  0.2em 0.2em;	
}
.randm-points {
  background-color: #fff;	
  font-size: 13px;		
  padding: 0.2em 0.2em;	        
}
.randm-points-red {
  background-color: #fff;	
  font-size: 13px;		
  color: #f00;			
  padding: 0.2em 0.2em;	        
}
.randm-advice {
  background-color: #fff;	
  font-size: 13px;		
  padding: 0.2em 0.2em;	        
}
.randm-trivia-title {
  background-color: #fff;	
  font-size: 13px;		
  color: #2f73ff;		
  padding: 0em 0.2em;	        
}
.randm-trivia {
  background-color: #fff;	
  font-size: 13px;		
  color: #2f73ff;		
  padding: 0em 0.2em;	        
}
/* 共通一斉お知らせinc 共通*/

.common-message-list {
/*  margin: 0.8em 0.2em; */
  margin: 0.3em 0.2em;
}

.common-message-title {
  margin: 0.3em 0;
}

.common-message-part {
  margin: 0.1em 0;
}

/* 共通一斉お知らせinc [メーカー在庫...]*/

.common-message-list.msg10 {
  border: 1px solid #ccc;
}

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

/* 共通一斉お知らせinc [搬入設置...]*/

.msg20 {
  font-size: 14px;
  text-align: center;
}

/* 共通一斉お知らせinc [大量注文...]*/

.dsc10 {
  font-size: 16px;
  font-weight: bold;
}

/* 共通一斉お知らせinc [納期について...]*/

.common-message-title {
  font-size: 14px;
}

.common-message-part.dsc20 {
  text-indent: 14px;
}
.dsc20 {
  font-size: 13px;
}