@charset "UTF-8";
/* CSS Document */
/*========================================================
   Top page
*/
/*  フリーエリア  */
.free_area {
  background-color: #EAF6E5;
  /*border: #ddd 2px solid;*/
  border-radius: 6px;
  padding: 10px 20px;
  margin-bottom: 20px;
  line-height: 1.5;
  font-size: 1.4rem;
}
.free_area dl,
.free_area p {
  margin: 10px 0;
}
.free_area dt {
  font-weight: bold;
  margin-bottom: 5px;
}

/*  重要なお知らせ  */
.news_headline_box {
  margin: 35px 20px 0;
  background-color: #ffebeb;
  border: #ff3f3f 2px solid;
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 10px 20px;
}
.news_headline li {
  padding: 8px 0;
  border-bottom: #ddd 1px dashed;
}
.news_headline_box a {
  color: #2a2a2a;
  /*color: #ff3f3f;*/
}
.news_headline_box a:hover {
  text-decoration: underline;
}
.news_headline_box .news_date {
  float: left;
  display: inline-block;
  padding-right: 110px;
  position: relative;
  margin-right:20px;
}
.news_headline_box .news_date:after {
  display: block;
  content: '重要なお知らせ';
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  font-size: 1.1rem;
  color: #fff;
  padding: 2px;
  background-color: #ff3f3f;
  border-radius: 4px;
  text-align: center;
}
.news_headline_box .news_text {
  overflow: hidden;
}

/*  Slide Area  */
.slideArea {
  margin-top: 35px;
  text-align: center;
  width: calc(100% - 90px);/*update_20201028*/
  max-width: 1110px;/*update_20201028*/
}
.sp-slide img {
  width: 100%;
  height: auto;
}
.sp-selected {
  opacity: 1;
  }
}
.sp-button {
  border: none;
  background: #000;
  margin: 4px;
  opacity: 0.4;
}
.sp-selected-button {
  opacity: 1;
  background: #58b530;
}
.sp-previous-arrow, .sp-next-arrow {
  background-image: url(../images/common/sprite_top_slider.png);
  top: 50%;
  width: 40px !important;
  height: 40px !important;
  margin-top: -5px;/*初期値-15pxと合計でheightの半分になるように*/
  background-repeat: no-repeat;
}
.sp-previous-arrow {
  background-position: 0 0;
  left: 20px;
}
.sp-previous-arrow:hover, .sp-previous-arrow:active {
  background-position: 0 -42px;
}
.sp-next-arrow {
  background-position: -42px 0;
  right: 20px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.sp-next-arrow:hover, .sp-next-arrow:active {
  background-position: -42px -42px;
}
.sp-grab {
  cursor: default;
}
.sp-grab a {
  cursor: pointer;
}
.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before {
  background: none;
  border: none;
}
.ie8.sp-horizontal .sp-previous-arrow, .ie7.sp-horizontal .sp-previous-arrow, .ie8.sp-horizontal .sp-next-arrow, .ie7.sp-horizontal .sp-next-arrow {
  border: none;
}
.main_top {
  margin: 0 20px;
  overflow: hidden;
}
.main_top .ttl_wrap-01 {
  margin: 0 0 15px;
}
/*  特集一覧  */
.top-feature_outer {
  background: #fef6c9 url(../images/common/feature_bg_01.gif) repeat 0 0;
  position: relative;
  padding: 30px 50px 0;
}
.top-featureImg {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.top-featureImg:hover {
  opacity: 0.8;
}
.top-featureImg img {
  width: 100%;
  max-width: 200px;
  height: auto;
  margin: 0 auto;
}
/*  特集説明文  */
.top-featureText {
  font-size: 1.2rem;
  line-height: 1.4;
  text-align: left;
  margin-top: 5px;
  word-break: break-all;
}
.top-featureText a {
  color: #0577ce;/*link color*/
}
.top-featureText a:hover {
  color: #0577ce;/*link color hover*/
  text-decoration: underline;
}
.more_feature {
  margin: 10px 20px 0;
  text-align: right;
}
.more_feature a {
  color: #0577ce;/*link color*/
}
.more_feature a:hover {
  color: #0577ce;/*link color hover*/
  text-decoration: underline;
}

/*トップページのおすすめ特集にマーク追加*/
.top-feature_outer .owl-carousel .owl-stage-outer {
  padding: 20px 0 0;/*hiddenではみ出し他部分が見えないので、トップページのみowl-carouselのスタイルを上書き*/
}
.top-feature_outer .top-featureItem {
  position: relative;
}
/*  NEW/オススメマーク  */
.top-featuredMark_box {
  position: absolute;
  top: -20px;
  left: 5px;
  z-index: 10;
}
.top-featuredMark_box span {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
  vertical-align: middle;
  text-align: center;
  font-size: 1.4rem;/*文字サイズ*/
  color: #FFF;/*文字色*/
  letter-spacing: 0.06em;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.top-featuredMark_box .newItem {background: #ff3f3f;/*背景色*/}
.top-featuredMark_box .recommendItem {background: #ffa512;/*背景色*/}

/*  News  */
.top_newsArea {
  /*background-color: #f3f3f3;*/
  border-top: #ddd 2px dashed;
  padding: 30px 20px;
  overflow: auto;
}
.top_newsArea .info_box {
  float: left;
  display: inline-block;
  width: 49%;
}
.top_newsArea .productInfo_box {
  float: right;
  display: inline-block;
  width: 49%;
}
.top_newsArea .news_list {
  margin: 0 20px;
}
.top_newsArea .news_list li {
  line-height: 1.5;
  overflow: hidden;
  margin-bottom: 10px;
}
.top_newsArea .news_list .news_date,
.main_newsList .news_list .news_date {
  float: left;
  display: inline-block;
  padding-right: 15px;
}
.top_newsArea .news_list .news_text,
.main_newsList .news_list .news_text {
  overflow: hidden;
}
.top_newsArea .news_list li a,
.linkText_more_info a,
.main_newsList .news_list li a {
  color: #0577ce;/*link color*/
}
.top_newsArea .news_list li a:hover,
.linkText_more_info a:hover,
.main_newsList .news_list li a:hover {
  text-decoration: underline;
}
/*  more info  */
.linkText_more_info {
  margin: 15px 0;
  text-align: right;
}
/*========================================================
  お知らせ一覧
*/
.main_newsList {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  font-size: 1.4rem;
  padding: 5px 20px 0;
}
.main_newsList .news_list ul {
  margin-bottom: 20px;
}
.main_newsList .news_list li {
  border-top: #ddd 1px dotted;
  line-height: 1.5;
  overflow: hidden;
  padding: 20px 0;
}
.main_newsList .news_list .news_date {
  padding-right: 30px;
}
.main_newsList .news_list li:last-child {
  border-bottom: #ddd 1px dotted;
}
.main_newsList .box_follow {
  margin-top: 30px;
}
/*========================================================
  お知らせ詳細
*/
.main_newsDet {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  font-size: 1.4rem;
  padding: 5px 20px 0;
}
.main_newsDet .news_ttl_wrap {
  text-align: center;
  padding: 20px;
  margin-bottom: 30px;
  border-bottom: #ddd 1px dashed;
}
.main_newsDet .news_ttl {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.4;
  display: inline-block;
}
.newsDet_date {
  text-align: right;
  padding: 0 0 15px;
}
.newsDet_main {
  line-height: 1.6;
  min-height: 200px;
}
.newsDet_main p {
  margin-bottom: 10px;
}

/*========================================================
  詳細ページ
*/
/*▼▼ Layout-------------------------------*/
.main_detail {
  position: relative;
  margin: 0 20px;
}
/*  右側の可変幅エリア  */
.main_detail .liquid_area {
  float: right;
  width: 100%;
}
.main_detail .liquidArea_inner {
  margin-left: 380px;
}
/*  左側の固定幅エリア  */
.main_detail .fix_aria {
  float: left;
  width: 340px;
  margin-right: -340px;
}
/*  タイトルテキスト 上部のカートエリアにかぶらないようマージン追加  */
.main_detail .ttl-productName {
  padding-right: 330px;
}
/*-----------------------------------------▲▲*/
/*  一般用  */
.public_photo_set {
  margin-bottom: 20px;
}
.photo_area {
  position: relative;
  border: #ddd 1px solid;
  padding: 8px;
}
.photo_wrap:hover {
  cursor: pointer;
}
.photo_wrap {
  display: table;
  table-layout: fixed;
  width: 300px;
  margin: 0 auto;
}
.photo_box {
  display: table-cell;
  text-align: center;
  width: 300px;
  height: 300px;
  vertical-align: middle;
}
.photo_box img {
  max-width: 290px;
  max-height: 290px;
  vertical-align: middle;
}
/*  写真キャプション  */
.photo_caption {
  font-size: 1.4rem;
  line-height: 1.3;
  margin-bottom: 6px;
  border-bottom: #ddd 1px solid;
  padding-bottom: 8px;
}
.photo_comment {
  margin-top: 10px;
  padding-right: 36px;
  line-height: 1.4;
  text-align: left;
  height: 60px;
}
/* 拡大アイコン */
.icon-zoom {
  position: absolute;
  right: 4px;
  bottom: 4px;
  background: url(../images/common/sprite_det.png) no-repeat 0 -74px;
  display: inline-block;
  width: 37px;
  height: 37px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  z-index: 100;
}
/*  写真ナビ  */
.photo_nav {
}
.photo_nav .nav-prev span, .photo_nav .nav-next span {
  position: absolute;
  top: 178px;
  background-image: url(../images/common/sprite_det.png);
  background-repeat: no-repeat;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.photo_nav .nav-prev span {
  background-position: 0 -138px;
  left: -15px;
}
.photo_nav .nav-prev span:hover {
  background-position: 0 -172px;
}
.photo_nav .nav-next span {
  background-position: -36px -138px;
  right: -15px;
}
.photo_nav .nav-next span:hover {
  background-position: -36px -172px;
}
/*  サムネール  */
.thumbnail_area {
  margin: 20px 0;
}
.thumbnail_area ul {
  overflow: hidden;
  margin-right: -8px;
}
.thumbnail_area li {
  float: left;
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  position: relative;
  width: 74px;
  height: 74px;
  margin: 0 12px 8px 0;
}
.thumbnail_area li:hover {
  cursor: pointer;
}
.thumbnail_area li .thumb_inner_box {
  position: relative;
  display: table-cell;
  border: #ddd 1px solid;
  vertical-align: middle;
  text-align: center;
  width: 72px;
  height: 72px;
}
.thumbnail_area li img {
  max-width: 70px;
  max-height: 70px;
  vertical-align: middle;
}
/*  サムネール選択時  */
.thumbnail_area li .thumb_inner_box.active {
  border: #58b530 2px solid;
}
/*  資料  */
.material_area {
  margin-bottom: 20px;
}
/*  メーカー  */
.maker_area {
  margin-bottom: 20px;
  border: #ddd 1px solid;
}
.maker_info ul {
  margin: 10px;
}
.maker_info li {
  border-bottom: #ddd 1px dotted;
  padding: 8px;
}
.maker_info li:last-child {
  border-bottom: none;
}
/*  商品説明  */
.product_description {
  line-height: 1.6;
  margin-bottom: 15px;
  font-weight: bold;
}
/*  注意事項エリア-------------------------------- */
.productNote_area {
  margin-bottom: 15px;
}
/*  注意事項ボックス  */
.noteBox-01, .noteBox-02, .noteBox-03, .noteBox-04, .noteBox-05, .noteBox-06 {
  padding: 6px 10px;
  line-height: 1.4;
  margin-bottom: 4px;
  font-size: 1.4rem;
  font-weight: bold;
}
/*  注意事項ボックス 赤枠  */
.noteBox-01 {
  background-color: #fff4f4;
  border: #f8bbbb 1px solid;
  color: #ff3f3f;
}
/*  注意事項ボックス 青枠  */
.noteBox-02 {
  background-color: #deeeff;
  color: #2c82de;
  border: #63a2e6 1px solid;
}
/*  注意事項ボックス 緑枠 → 黒  */
.noteBox-03 {
  background-color: #f5f5f5;
  border: #4a4a4a 1px solid;
}
/*  注意事項ボックス フリー枠 オレンジ */
.noteBox-04 {
  background-color: #fff4e6;
  border: #ffd39b 1px solid;
  color: #e98400;
}
/*  注意事項ボックス フリー枠 黄色 */
.noteBox-05 {
  background-color: #fffbe2;
  border: #f0db66 1px solid;
  color: #d0b000;
}
/*  注意事項ボックス フリー枠 水色 */
.noteBox-06 {
  background-color: #e7f9ff;
  border: #9fdff5 1px solid;
  color: #11b6ed;
}
/*  注意事項ボックスのタイトルと本文  */
.noteBox-01 .heading_noteBox-01, .noteBox-03 .heading_noteBox-01 {
  display: block;
  float: left;
  font-weight: bold;
  margin-right: 10px;
}
.noteBox-01 p, .noteBox-03 p {
  overflow: hidden;
}
/*  商品アイコン  */
.product_icon_wrap {
  overflow: hidden;
}
.product_icon_wrap li {
  float: left;
  width: 28px;
  margin: 0 8px 8px 0;
}
.product_icon_wrap li a {
  display: block;
  width: 28px;
  height: 28px;
}
/*  ファイルアイコン表示  */
.file_icon_wrap {
  overflow: hidden;
  list-style-type: none;
}
.file_icon_wrap:after {
  content: "";
  display: block;
  clear: both;
  height: 0px;
  overflow: hidden;
}
.file_icon_wrap li {
  display: inline-block;
  margin: 4px;
}
.file_icon_wrap li:hover {
  opacity: 0.8;
}

/*  ランキングアイコン  */
.statusIcon .statusIcon-video {
  background-position: -208px -74px;
  width: 70px;
}
/*  中段カートのボックス  */
.det-cart_outer {
  width: 100%;
  max-width: 800px;
}
.det-cart_wrap {
  width: 60%;
  float: left;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #f3f3f3;/*border: #ddd 1px solid;*/
}
/*  数量  */
.det-quantity {
  margin-bottom: 8px;
  vertical-align: baseline;
  overflow: hidden;
}
.det-quantity .text-quantity {
  float: left;
  display: inline-block;
  margin: 15px 5px 0 0;
}
.det-quantity .box-quantity {
  border: #d3d3d3 2px solid;
  width: 60px;
  padding: 6px 8px;
  font-size: 1.4rem;
}
/*  カートボタン  */
.btn-det-cart {
  margin-bottom: 15px;
  max-width: 350px;
}
.btn-det-cart a {
  display: inline-block;
  background-color: #ff8533;
  border-radius: 4px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 0 auto;
  font-size: 1.6rem;
  color: #fff;
}
.btn-det-cart a:hover {
  background-color: #ff9833;
  border-radius: 4px;
}
/*  カートのサブボタン類  */
.det-cart_subWrap {
  width: 33%;
  float: left;
  margin-left: 2%;
}
.det-cart_subWrap li {
  position: relative;
  border: #ddd 1px solid;
  background-color: #f7f7f7;
  border-radius: 4px;
  text-align: center;
  width: 100%;
  height: 30px;
  margin-bottom: 6px;
  line-height: 30px;
}
.det-cart_subWrap li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #2a2a2a;
}
.det-cart_subWrap li:hover {
  border: #aaa 1px solid;
  background-color: #f3f3f3;
  border-radius: 4px;
}
/*  上部カートのボックス  */
.det-top_cart_area {
  position: absolute;
  top: -30px;
  right: 0;
  background-color: #fff;
  width: 320px;
  padding: 12px 15px 8px;
  ;
  background-color: #f3f3f3;
}
.det-top_cart {
  margin-bottom: 10px;
}
.det-top_cart .det-quantity {
  float: left;
  margin: 4px 10px 0 0;
}
.det-top_cart .btn-det-cart {
  float: left;
  width: 160px;
}
.det-top_cart .btn-det-cart {
  margin-bottom: 0;
}
.det-top_cart .btn-det-cart a {
  height: 36px;
  line-height: 36px;
  font-size: 1.4rem;
}
.det-top_cart_area .det-cart_subWrap {
  width: 290px;
  float: none;
  margin-left: 0;
}
.det-top_cart_area .det-cart_subWrap li {
  width: 140px;
  display: inline-block;
  margin-bottom: 0;
}
.det-top_cart_area .det-cart_subWrap li:first-child {
  margin-right: 4px;
}
.det-top_cart_area .tbl-price {
  margin-bottom: 0;
}
.det-top_cart_area .tbl-price th, .det-top_cart_area .tbl-price td {
  padding: 4px 6px;
}
.det-top_cart_area .tbl-price th {
  background-color: #ddd;
}

/*  バリエーション  */
.det-variation_box {
  border: #d3d3d3 1px dotted;
  background-color: #fff;
  padding: 15px 20px 10px;
}
.det-variation_box p {
  line-height: 1.4;
}
.det-variation_box .text-variation {
  font-size: 1.8rem;
  color: #ef3535;
}
/*  バリエーション一覧へボタン  */
.btn-det-variation {
  margin: 10px auto;
  max-width: 300px;
}
.btn-det-variation a {
  display: inline-block;
  background-color: #14c171;
  border-radius: 4px;
  width: 100%;
  height: 36px;
  line-height: 36px;
  text-align: center;
  margin: 0 auto;
  color: #fff;
}
.btn-det-variation a:hover {
  background-color: #1dd07e;
  border-radius: 4px;
}
/*  バリエーションの下の情報ボックス  */
.det-subInfo_box {
  margin-bottom: 20px;
}
/*  最新在庫  */
.latestStock .text-update {
  float: left;
  display: inline-block;
  margin-right: 10px;
  color: #ef3535;
  font-size: 1.4rem;
}
.latestStock .text-updateNum {
  color: #ef3535;
  font-size: 1.6rem;
  font-weight: bold;
  display: inline-block;
}
.latestStock .updateTime {
  float: left;
  display: inline-block;
  margin: 3px 10px 0 0;
}
/*  更新アイコン  */
.latestStock .updateBtn {
  float: left;
  position: relative;
  display: inline-block;
}
/* 在庫のモーダル表示 */
.latestStock_view01 {
  display: none;
}
.latestStock_wrap {
  background-color: #fff;
  display: inline-block;
  padding: 30px;
  text-align: center;
  vertical-align: middle;
}
.latestStock_inner {
  border: #ddd 1px solid;
  width: 320px;
}
.latestStock_inner dt, .latestStock_inner dd {
  padding: 10px;
}
.latestStock_inner dt {
  border-bottom: #ddd 1px solid;
  background-color: #f5f5f5;
  font-size: 1.8rem;
  font-weight: bold;
  white-space: nowrap;
}
.latestStock_inner dd {
  min-height: 3em;
  line-height: 1.6;
  vertical-align: middle;
}
.latestStock_wrap .text-updateNum {
  color: #ef3535;
  font-size: 2.2rem;
  font-weight: bold;
  display: inline-block;
}
.latestStock_note {
  font-size: 1.2rem;
  margin-top: 20px;
}
/*  Title  ご注意  */
.ttl-coution {
  min-height: 20px;
  margin: 0 0 20px 20px;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #ef3535;
}
/*  Title  代替品  */
.ttl-substitute {
  min-height: 20px;
  margin-bottom: 10px;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #ef3535;
}
/*========================================================
  Tooltip
*/
#powerTip {
  position: absolute;
  display: none;
  font-size: 1.1rem;
}
/*========================================================
  Modal 拡大表示内容
*/
.modal-open {
  cursor: pointer;
}
.modal-content {
  position: fixed;
  display: none;
  width: 750px;
  margin: 0;
  padding: 20px;
  background: #fff;
  z-index: 9999;
}
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 120%;
  background-color: #ccc;
  filter: alpha(opacity=90); /* IE 6,7*/
  -ms-filter: "alpha(opacity=90)"; /* IE 8,9 */
  -moz-opacity: 0.9; /* FF , Netscape */
  -khtml-opacity: 0.9; /* Safari 1.x */
  opacity: 0.9;
  zoom: 1; /*IE*/
  z-index: 8888;
}
/*  IE9にfilterがかからないように  */
.modal-overlay:not(:target) {
  filter: none\9;
  -ms-filter: none\9;
}
/*  モーダル内の写真  */
.mo-photo_wrap {
  display: table;
  table-layout: fixed;
  width: 600px;
}
.mo-photo_box {
  display: table-cell;
  width: 600px;
  height: 600px;
  vertical-align: middle;
  text-align: center;
}
.mo-photo_box img {
  max-width: 600px;
  max-height: 600px;
}
.mo-photo_caption {
  margin-bottom: 10px;
  font-size: 2.0rem;
  line-height: 1.4;
  padding-right: 90px;
}
.mo-photo_comment {
  margin-top: 15px;
  font-size: 1.4rem;
  line-height: 1.3;
  padding: 0 45px;
  text-align: left;
}
/*  タイトル（社内のみ）  */
.mo-photo_caption .caption-internal, .photo_caption .caption-internal {
  color: #ff3f3f;
  font-weight: bold;
  display: inline-block;
  margin-right: 4px;
}
/*  写真ナビ  */
.mo-photo_nav {
}
.mo-photo_nav .nav-prev span, .mo-photo_nav .nav-next span {
  position: absolute;
  top: 50%;
  background-image: url(../images/common/sprite_det.png);
  background-repeat: no-repeat;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  cursor: pointer;
}
.mo-photo_nav .nav-prev span {
  background-position: 0 -138px;
  left: 30px;
}
.mo-photo_nav .nav-prev span:hover {
  background-position: 0 -172px;
}
.mo-photo_nav .nav-next span {
  background-position: -36px -138px;
  right: 130px;
}
.mo-photo_nav .nav-next span:hover {
  background-position: -36px -172px;
}
/*  モーダル内のサムネール  */
.mo-thumbnail_area {
  position: absolute;
  top: 80px;
  right: 10px;
}
.mo-thumbnail-scroll_wrap {
  height: 600px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.mo-thumbnail_area ul {
  padding-right: 20px;
}
.mo-thumbnail_area li {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  position: relative;
  width: 74px;
  height: 74px;
  margin: 0 0 8px 0;
}
.mo-thumbnail_area li:hover {
  cursor: pointer;
}
.mo-thumbnail_area li .mo-thumb_inner_box {
  position: relative;
  display: table-cell;
  border: #ddd 1px solid;
  vertical-align: middle;
  text-align: center;
  width: 72px;
  height: 72px;
}
.mo-thumbnail_area li .mo-thumb_inner_box.active {
  border: #58b530 2px solid;
}
.mo-thumbnail_area li img {
  max-width: 70px;
  max-height: 70px;
  vertical-align: middle;
}
/*  Close ボタン位置  */
.mo-btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
}
/*  modal window close 閉じるボタンの場合 
.mo-btn-close {
  position: relative;
  width: 120px;
  height: 30px;
  border-radius: 4px;
  text-align: center;
  font-size: 1.4rem;
  line-height: 30px;
  margin: 20px auto 0;
}
.mo-btn-close a {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #58b530;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
}
.mo-btn-close a:hover {
  background-color: #0577ce;/*link color hover*/
}*/

/* 最新在庫のモーダル表示 */
.latestStock_view01 {
  display: none;
}
.latestStock_wrap {
  background-color: #fff;
  display: inline-block;
  padding: 30px;
  text-align: center;
  vertical-align: middle;
}
.latestStock_inner {
  border: #ddd 1px solid;
  width: 320px;
}
.latestStock_inner dt, .latestStock_inner dd {
  padding: 10px;
}
.latestStock_inner dt {
  border-bottom: #ddd 1px solid;
  background-color: #f5f5f5;
  font-size: 1.8rem;
  font-weight: bold;
  white-space: nowrap;
}
.latestStock_inner dd {
  min-height: 3em;
  line-height: 1.6;
  vertical-align: middle;
}
.latestStock_wrap .text-updateNum {
  color: #ef3535;
  font-size: 2.2rem;
  font-weight: bold;
  display: inline-block;
}
.latestStock_note {
  font-size: 1.2rem;
  margin-top: 20px;
}
/*========================================================
  カタログページ
*/
.catalog_veiw {
  margin: 0 20px;
  overflow: hidden;
}
.catalog_veiw li {
  width: 50%;
  display: inline-block;
}
.catalog_veiw .catalog-left {
  float: left;
}
.catalog_veiw .catalog-right {
  float: right;
}
.catalog_veiw li img {
  width: 100%;
  max-width: 1200px;
  height: auto;
}
/*========================================================
  ご注意
*/
.caution_box {
  background-color: #f2f2f2;
  border: #ddd 1px solid;
  padding: 15px 0 10px;
  margin: 0 20px 20px;
}
.caution_outer {
  width: 100%;
  overflow: hidden;
  margin-right: -30px;
}
.caution_inner {
  float: left;
  width: 45%;
  margin: 0 2.5% 0.8%;
  display: inline-block;
  line-height: 1.5;
  overflow: hidden;
}
.caution_inner span {
  display: block;
  font-weight: bold;
  margin-bottom: 6px;
}
.cautionImg_fl_r {
  float: right;
  padding-left: 10px;
}
/*========================================================
  代替品
*/
.substitute_area {
  margin: 0 20px 20px;
}
/*  写真  */
td.pic_substitute {
  vertical-align: top;
  width: 120px;
}
.pic_substitute img {
  max-width: 100px;
  max-height: 100px;
}
.substituteInfo_list {
  float: left;
}
.substituteInfo_list li {
  overflow: hidden;
  line-height: 1.5;
  margin-bottom: 5px;
}
.itemNme {
  float: left;
  width: 6em;
  display: inline-block;
  font-weight: bold;
}
.substituteInfo_txt {
  overflow: hidden;
}
/*========================================================
  動画
*/
.video_wrap {
  margin-bottom: 20px;
}
.video_wrap .video {
  width: 150px;
  margin: 0 12px 15px 0;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.video_wrap img:hover {
  opacity: 0.8;
}
.video_wrap .video img {
  width: 100%;
  height: auto;
}
.video_wrap .video span {
  display: block;
  margin-top: 2px;
}
/*  モーダル表示結果  */
.video_view01 {
  display: none;
  width: 640px;
  height: 360px;
  background: #000;
}
.video_view01 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*  モーダルを閉じる  */
.view_close_01 {
  position: absolute;
  top: -30px;
  right: 0;
  cursor: pointer;
}
/*========================================================
  商品一覧
*/
/*  商品一覧のメインカラム  */
.main_productList {
  margin: 0 20px;
  overflow: hidden;
}
/*  Sdebarのカテゴリーツリーメニュー  */
.categoryTree_box {
  border: #ddd 1px solid;
  border-radius: 4px;
}
.categoryTree_box > ul {
  margin: 10px 0;
}
.categoryTree_box > ul > li {
  font-weight: bold;
}
.categoryTree_box li a {
  display: inline-block;
  padding: 8px 10px;
  line-height: 1.3;
  color: #2a2a2a;
}
.categoryTree_box li a:hover {
  text-decoration: underline;
  color: #8a8a8a;
}
.categoryTree_box li ul {
  margin: 0 0 0.5em 1em;
  font-weight: normal;
}
.categoryTree_box li li a {
  padding: 6px 10px;
}
/*  選択中のカテゴリー */
.categoryTree_box li a .text-current {
  /*background: linear-gradient(transparent 60%, #DBE9FF 0%);*/
  font-weight: bold;
  color: #0577ce;
}
.categoryTree_box li a:hover .text-current {
  color: #0577ce;
  text-decoration: underline;
}
/*  絞り込み検索  */
.refine_area {
  margin-bottom: 20px;
}
.refine_head {
  position: relative;
  background-color: #d7d7d7;
  padding: 6px 15px;
  overflow: hidden;
}
.refine_ttl-01 {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2.0;
}
.refine_btnBox {
  float: right;
  display: inline-block;
}
.refine_btn-clear a {
  background-color: #7a7a7a;
  display: inline-block;
  padding: 6px 10px;
  border-radius: 4px;
  height: 28px;
  color: #fff;
  line-height: 1.4;
}
.refine_btn-clear a:hover {
  background-color: #a3a3a3;
}
.refine_body {
  background-color: #f5f5f5;
  line-height: 1.4;
  padding: 15px 15px 10px;
}
/*  設定中の条件  */
.selected_condition {
  display: inline-block;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.selected_condition ul {
  overflow: hidden;
}
.selected_condition li {
  min-width: 50px;
  float: left;
  margin: 0 15px 10px 0;
}
.selected_condition .selected_item {
  display: inline-block;
  font-weight: bold;
  margin-right: 5px;
}
.selected_condition li .selected_value {
  display: inline-block;
  background-color: #e7e7e7;
  padding: 2px 8px;
  border-radius: 9px;
  line-height: 1.4;
  margin-right: 6px;
}
/*  項目名+選択肢のセット  */
.ref-condition_set-01 {
  margin-bottom: 10px;
  overflow: hidden;
}
.ref-condition_set-01 .ref-condition_item {
  float: left;
  font-weight: bold;
  margin-right: 10px;
}
.ref-condition_set-01 .ref-condition_cont {
  overflow: hidden;
}
.ref-condition_set-01 .ref-condition_cont li {
  display: inline-block;
  margin: 0 20px 10px 0;
}
.ref-condition_set-01 .ref-condition_cont li input {
  position: relative;
  top: -2px;
  margin-right: 4px;
}
/*  単独の条件  */
.ref-condition_single-01 {
  margin-bottom: 5px;
}
/*  表示件数・並び順などのコントロール  */
.listView_nav {
  position: relative;
  margin-bottom: 20px;
}
/*  表示タイプ選択エリア  */
.listView_nav_left {
  overflow: hidden;
}
/*テキスト：表示件数*/
.listView_result {
  float: left;
  min-width: 100px;
  margin-right: 15px;
  white-space: normal;
  padding-top: 7px;
}
.listView_result .text-resultNum {
  font-size: 1.6rem;
  font-weight: bold;
  display: inline-block;
}
/*  表示タイプ  */
.listView_type {
  float: left;
  width: 240px;
}
.listView_type ul {
  overflow: hidden;
}
.listView_type li {
  float: left;
}
.listView_type li.type-list a, .listView_type li.type-tile a, .listView_type li.type-line a {
  background-image: url(../images/common/sprite_det.png);
  background-repeat: no-repeat;
  width: 80px;
  height: 30px;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/*  一覧表示  */
.listView_type li.type-list.active a {
  background-position: -40px -74px;
}
.listView_type li.type-list a {
  background-position: -40px -105px;
}
/*  画像表示  */
.listView_type li.type-tile.active a {
  background-position: -124px -105px;
}
.listView_type li.type-tile a {
  background-position: -124px -74px;
}
/*  線画表示  */
.listView_type li.type-line.active a {
  background-position: -292px -105px;
}
.listView_type li.type-line a {
  background-position: -208px -105px;
}
/*  アイコン説明  */
.icon_description {
  float: left;
  width: 300px;
  margin-left: 10px;
}
.icon_description li {
  float: left;
  margin-right: 6px;
  color: #2a2a2a;
  line-height: 30px;
}
.icon_description li .icon_des_wrap {
  border: #ccc 1px solid;
  background-color: #fff;
  border-radius: 4px;
  text-align: center;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 4px
}
.icon_description li .icon_des_wrap span {
  margin-right: 0;
}
/*  表示件数セレクトエリア  */
.listView_nav_right {
  position: absolute;
  top: 6px;
  right: 0;
}
.listView_select {
  overflow: hidden;
}
.listView_select .listView_selectIn {
  float: right;
  display: inline-block;
  margin-left: 10px;
  height: 24px;
}
.text-label {
  position: relative;
  top: 6px;
  display: inline-block;
}
/*  商品一覧 【リスト表示】-------------------------------*/
.productList_outer {
}
.productList_set {
  border-top: #e2e2e2 1px solid;
  padding: 10px 0;
  overflow: hidden;
}
.productList_set:last-child {
  border-bottom: #e2e2e2 1px solid;
}
/*  ▼▼写真+商品情報とカートの2カラム  */
.pdl_wrap {
  float: left;
  width: 100%;
}
.pdl_wrapIn {
  margin-right: 280px;
}
/*  カートのカラム  */
.pdl_cartWrap {
  float: right;
  width: 280px;
  margin-left: -280px;
  border-left: #e2e2e2 1px solid;
  padding-left: 14px;
}
/*  ▼▼写真と商品情報の2カラム  */
.pdl_mainBox_outer {
  overflow: hidden;
}
/*  サムネールカラム  */
.pdl_thumBox {
  float: left;
  display: table;
  table-layout: fixed;
  width: 100px;
  margin-right: -100px;
}
/*  商品情報カラム  */
.pdl_mainBox {
  float: right;
  width: 100%;
}
.pdl_mainBoxIn {
  position: relative;
  margin-left: 110px;
  padding-right: 110px;
}
/*  メーカーロゴ  */
.pdl_maker_logo {
  position: absolute;
  top: 0;
  right: 5px;
  padding: 2px;
  border: #e3e3e3 1px solid;
  font-size: 0;
}
.pdl_maker_logo img {
  max-width: 100px;
  max-height: 100px;
}
/*  サムネール  */
.pdl_thumBoxIn {
  display: table-cell;
  width: 100px;
  height: 100px;
  vertical-align: middle;
  text-align: center
}
.pdl_thumBoxIn:hover {
  opacity: 0.8;
}
.pdl_thumBoxIn img {
  max-width: 100px;
  max-height: 100px;
}
/*  品番  */
.pdl_partNum {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  /*white-space: nowrap;*/
}
.pdl_partNum .text-item {
  font-size: 1.2rem;
  font-weight: normal;
  display: inline-block;
  padding-right: 6px;
}
/*  商品名  */
.pdl_productName {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
}
.pdl_partNum a, .pdl_productName a {
  color: #0577ce;/*link color*/
}
.pdl_partNum a:hover, .pdl_productName a:hover {
  text-decoration: underline;
  color: #0577ce;/*link color hover*/
}
/*  入数 */
.pdl_unit {
  line-height: 1.4;
  margin-bottom: 6px;
}
/*  入数　複数の場合　相対値で設定 */
.unit-multiple {
  font-size: 1.2em;
  /*font-weight: bold;
  color: #f73a00;*/
  color: #fa8a67;
}
/*  商品仕様 */
.pdl_specText {
  margin-right: -10px;
  overflow: hidden;
}
.pdl_specText li {
  border-right: #ddd 1px solid;
  display: inline-block;
  padding-right: 6px;
  margin-right: 6px;
  margin-bottom: 6px;
}
/*  価格  */
.pdl_price {
  margin-bottom: 10px;
}
.pdl_price p {
  margin-bottom: 4px;
  line-height: 1.4;
  color: #8a8a8a;
}
/*  数量、カート、更新ボタンの囲み  */
.pdl_cartBtn_wrap {
  overflow: hidden;
  position: relative;
  margin-bottom: 8px;
}
/*  数量  */
.pdl_quantity {
  float: left;
  vertical-align: baseline;
  overflow: hidden;
}
.pdl_quantity .text-quantity {
  float: left;
  display: inline-block;
  margin: 15px 2px 0 0;
}
.pdl_quantity .box-quantity {
  border: #d3d3d3 2px solid;
  width: 54px;
  padding: 5px;
  font-size: 1.4rem;
  margin-right: 6px;
}
/*  カートボタン  */
.pdl_btn-cart {
  float: left;
}
.pdl_btn-cart a {
  display: inline-block;
  background-color: #ff8533;
  border-radius: 4px;
  width: 70px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 0 auto;
  font-size: 1.4rem;
  color: #fff;
}
.pdl_btn-cart a:hover {
  background-color: #ff9833;
  border-radius: 4px;
}
/*  在庫アイコン  */
.pdl-btn-stock {
  float: left;
  position: relative;
  margin: 0 0 0 6px;
}
.pdl-btn-stock a {
  display: inline-block;
  background-color: #fff4f4;
  border: #ff3f3f 1px solid;
  color: #ff3f3f;
  border-radius: 4px;
  width: 70px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 0 auto;
  font-size: 1.4rem;
}
.pdl-btn-stock a:hover {
  background-color: #FFE7E7;
  border: #ff3f3f 1px solid;
  border-radius: 4px;
}
/*  カートのサブボタン類  */
.pdl_cart_subWrap ul {
  clear: both;
  overflow: hidden;
  margin-right: -6px;
}
.pdl_cart_subWrap li {
  float: left;
  position: relative;
  border: #ddd 1px solid;
  background-color: #f7f7f7;
  border-radius: 4px;
  text-align: center;
  width: 120px;
  height: 30px;
  margin-right: 6px;
  line-height: 30px;
}
.pdl_cart_subWrap li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #2a2a2a;
}
.pdl_cart_subWrap li:hover {
  border: #aaa 1px solid;
  background-color: #f3f3f3;
  border-radius: 4px;
}
.pdl_cart_subWrap li:last-child {
  margin-right: 0;
}
/*  バリエーションボタン  */
.pdl_btn-variation {
  margin-bottom: 8px;
}
.pdl_btn-variation a {
  display: inline-block;
  background-color: #14c171;
  border-radius: 4px;
  width: 160px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 0 auto;
  color: #fff;
}
.pdl_btn-variation a:hover {
  background-color: #1dd07e;
  border-radius: 4px;
}
/*廃番用テキスト*/
.pdl_abolished_text,
.pdl_abolished_text a {
  color: #ff3f3f;
  line-height: 1.5
}
.pdl_abolished_text a {
  border-bottom: #ff3f3f 1px dotted;
}
.pdl_abolished_text a:hover {
  border-bottom: #ff3f3f 1px solid;
}
/*  ページャー  */
.pagerArea {
  margin: 15px 0;
  overflow: hidden;
}
.pagerArea ul {
  float: right;
}
.pagerArea li {
  display: inline-block;
  font-size: 1.4rem;
  margin: 0 2px;
}
.pagerArea li a {
  display: block;
  background-color: #e7e7e7;
  min-width: 34px;
  height: 34px;
  color: #2a2a2a;
  text-align: center;
  line-height: 34px;
  padding: 0 4px
}
.pagerArea li.current {
  background-color: #9dd585;
  min-width: 34px;
  height: 34px;
  color: #fff;
  text-align: center;
  line-height: 34px;
  font-weight: bold;
  padding: 0 4px
}
.pagerArea li.prev span, .pagerArea li.next span {
  position: relative;
  background-image: url(../images/common/sprite_det.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 8px;
  height: 14px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  top: 1px;
}
.pagerArea li.prev span {
  background-position: -76px -138px;
}
.pagerArea li.next span {
  background-position: -92px -138px;
}
.pagerArea li a:hover {
  background-color: #ccc;
}
/*  商品一覧 【タイル表示】-------------------------------*/
.productCard_outer {
}
.product_card {
  position: relative;
  display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
  flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  width : -webkit-calc(100% + 24px) ;
  width : calc(100% + 24px) ;
  min-width: 704px;
  font-size: 0;
}
.pdc_wrap {
  width: 152px;
  margin: 0 24px 40px 0;/*12/704 */
  font-size: 1.2rem;
}
.product_card:first-child > .pdc_wrap:before {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  border-top: #e2e2e2 1px solid;
}
.pdc_wrapIn {
  width: 100%;
  line-height: 1.4;
}
/*  サムネール  */
.pdc_thumBox {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.pdc_thumBoxIn {
  display: table-cell;
  height: 152px;
  text-align: center;
  vertical-align: middle;
}
.pdc_thumBoxIn img {
  max-width: 100px;
  max-height: 100px;
}
.pdc_mainBox {}
/*商品名に4行分の高さを指定*/
.product_card .pdl_productName {
  min-height: 70px;
}
/*  共通 カートボタン系の段組用囲い  */
.cart_btnWrap {
  overflow: hidden;
  margin-bottom: 6px;
}

.pdc_cart_subWrap ul {
  clear: both;
  overflow: hidden;
  margin-right: -5px;
}

/*  バリエーションボタン上書き  */
.pdc_cartWrap .pdl_btn-variation a {
  width: 140px
}
/*  数量上書き  */
.pdc_cartWrap .box-quantity {
  width: 45px;
  margin-right: 6px;
}
.pdc_cartWrap .pdl_btn-cart a {
  width: 60px;
}
/*  カートのサブボタン類  */
.pdc_cart_subWrap {
  float: left;
  margin-left: 6px
}
.pdc_cart_subWrap li {
  float: left;
  position: relative;
  border: #ddd 1px solid;
  background-color: #f7f7f7;
  border-radius: 4px;
  text-align: center;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  line-height: 30px;
}
.pdc_cart_subWrap li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #2a2a2a;
}
.pdc_cart_subWrap li:hover {
  border: #aaa 1px solid;
  background-color: #f3f3f3;
  border-radius: 4px;
}
.pdc_cart_subWrap li span {
  margin-right: 0;
}
/*  在庫ボタン類  */
.pdc_stock {
  float: left;
  width: 70px;
  height: 30px;
  line-height: 30px;
}

/*========================================================
  バリエーション一覧
*/
.variationPhoto_area {
  /*display: table;*/
}
.variationPhoto {
   /*display: table-cell;
  table-layout: fixed;
  width: 240px;
  height: 240px;
  vertical-align: middle*/
}
.variationPhoto img {
  max-width: 240px;
  max-height: 240px;
}

.cartAll_area {
  overflow: hidden;
  padding: 15px 0;
}
.btn-cartAllWrap {
  float: right;
}
a.btn-cartAll {
  display: inline-block;
  background-color: #ffa200;
  border-radius: 4px;
  width: 100%;
  height: 36px;
  line-height: 36px;
  text-align: center;
  margin: 0 auto;
  padding: 0 15px;
  font-size: 1.4rem;
  color: #fff;
}
a:hover.btn-cartAll {
  background-color: #ffba42;
}
/*  バリエーション一覧 表  */
.variationList_table {
  min-width: 920px;
}
.table-variation {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.table-variation th, .table-variation td {
  border: #ddd 1px solid;
  padding: 5px;
  line-height: 1.4
}
.table-variation th {
  background-color: #f3f3f3;
}
/*  商品一覧 の設定を上書き */
.table-variation .pdl_partNum {
  font-size: 1.4rem;
}
/*  商品名  */
.table-variation .pdl_productName {
  font-size: 1.4rem;
  margin-bottom: 0;
}
.table-variation .pdl_price {
  margin-bottom: 0
}
/*  ボタン類の囲み  */
.variation_btnWrap {
  overflow: hidden;
}
/*  在庫ボタン  */
.variation_stock {
  float: left;
  width: 70px;
  height: 30px;
  line-height: 30px;
  margin: 0 6px 0 0;
}
/*  カートボタンの幅を上書き  */
.table-variation .pdl_btn-cart {
  float: left;
  margin: 0 6px 0 0;
}
/*  サブボタンの幅を上書き  */
.table-variation .pdc_cart_subWrap {
  float: left;
  display: inline-block;
  margin-left: 0;
}
.table-variation .pdl_cart_subWrap li {
  width: 110px;
  letter-spacing: -0.05em;
}
.table-variation .pdl_quantity .box-quantity {
  width: 60px;
  margin-right: 0;
}

/*  列幅指定  */
.table-variation .tbl-w-unit {
  width: 60px;
}
.table-variation .tbl-w-quantity {
  width: 70px;
}
/*  カートのセル幅  */
.table-variation .tbl-w-cart {
  width: 230px;
}
.table-variation .tbl-w-price {
  width: 100px;
}
.table-variation .tbl-w-partNum {
  width: 120px;
}

/*  1280px以下の画面サイズでボタンの横並びを解除
@media screen and (max-width: 1280px) {
.variationList_table .pdl_cart_subWrap ul {
  margin-right: 0;
}
.variationList_table .pdl_cart_subWrap li {
  float: none;
  margin-right: 0;
}
.variationList_table .tbl-w-cart {
  width: 154px;
}
}  */
/*  列ごとの装飾  */
.table-variation tr td:nth-of-type(3) {
  text-align: center;
}
.table-variation tr td:nth-of-type(4), .table-variation tr td:nth-of-type(5) {
  text-align: right;
}
/*========================================================
  カタログから探す,  一括オーダー,  比較表示, ログイン, キーワード検索フォロー
*/
/*  メインカラム  */
.main_outer, .main_catalogSearch, .main_bulkOrder, .main_compare, .main_favorite {
  margin: 0 20px;
  overflow: hidden;
}
.page_leadArea {
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 20px;
}
.page_emphasisArea {
  font-size: 1.6rem;
  line-height: 1.6;
  margin-bottom: 30px;
}
/*  !アイコンの位置調整  */
.page_emphasisArea .icon-caution {
  top: 2px;
} 
/*  もしかして...のリンク  */
.follow_spell {
  margin-bottom: 30px;
  border: #ddd 2px dashed;
  padding: 20px;
}
.follow_spell li {
  padding: 6px 0;
  font-size: 1.6rem;
  line-height: 1.4;
}
.follow_spell li a {
  color: #0577ce;/*link color*/
  font-weight: bold;
}
.follow_spell li a:hover {
  text-decoration: underline;
  color: #0577ce;/*link color hover*/
}
/*  カタログから探す 
----------------------------------------------------------------*/
.cataPageSearch_box {
  background: #e3e3e3 url(../images/catalog_search/ttl_page_search.png) no-repeat 0 0;
  padding: 48px 10px 15px;
  margin-bottom: 20px;
}
/*  ページ入力  */
.cataPageSearch_box .cataPageSearch_pageNum {
  display: block;
  margin: 0 auto 10px;
  text-align: center;
}
.cataPageSearch_box .cataPageSearch_pageNum input[type="text"] {
  width: 70px;
  height: 30px;
  font-size: 1.4rem;
  padding: 0 4px;
}
/*  ボタン  */
.cataPageSearch_btn .btn-orange, .cataPageSearch_btn .btn-simple {
  width: 160px;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
}
.cataPageSearch_btn .btn-orange {
  margin-bottom: 8px;
}
/*  メニュータイトル  */
.ttl-catalogPreview {
  background: url(../images/catalog_search/icon_book.png) no-repeat left center;
  padding-left: 30px;
  height: 34px;
  line-height: 34px;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 10px;
  border-bottom: #ddd 1px solid;
}
.catalogPreviewList ul {
  margin-left: 5px;
}
.catalogPreviewList li {
  margin-bottom: 8px;
  line-height: 1.4;
}
.catalogPreviewList li a {
  color: #2a2a2a;
}
.catalogPreviewList li a:hover {
  color: #0577ce;/*link color hover*/
  text-decoration: underline;
}
/*  カタログ画像プレビュー*/
.catalogView_box {
  position: relative;
  width: 640px;
  text-align: center;
  margin: 50px auto;
}
/*  カタログ画像ナビゲーション*/
.catalogView_box .catalogView_nav {
}
.catalogView_box .catalogView_prev, .catalogView_box .catalogView_next {
  position: absolute;
  top: 50%;
  margin-top: -40px;
  width: 30px;
  height: 80px;
  cursor: pointer;
  background-color: #e3e3e3;
}
.catalogView_box .catalogView_prev:hover, .catalogView_box .catalogView_next:hover {
  background-color: #999;
}
.catalogView_box .catalogView_prev {
  left: 0;
}
.catalogView_box .catalogView_next {
  right: 0;
}
.catalogView_nav .icon-clView_prev, .catalogView_nav .icon-clView_next {
  background-image: url(../images/common/sprite_arrow_scroll.png);
  background-repeat: no-repeat;
  display: block;
  width: 17px;
  height: 30px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 25px auto;
}
.catalogView_nav .icon-clView_prev {
  background-position: 0 0;
}
.catalogView_nav .icon-clView_next {
  background-position: -17px 0;
}
.catalogView_prev:hover .icon-clView_prev {
  background-position: 0 -32px;
}
.catalogView_next:hover .icon-clView_next {
  background-position: -17px -32px;
}
.catalogView_cover {
  width: 540px;
  margin: 0 auto;
}
.catalogView_cover img {
  width: 540px;
}
.main_bulkOrder-in {
  margin: 0 auto;
}
/*  一括オーダー 
----------------------------------------------------------------*/
/*  すべて削除ボタン  */
.bulkOrder_btnBox {
  overflow: hidden;
  margin-bottom: 10px;
}
.bulkOrder_btnBox .btn-simple {
  float: right;
  width: 160px;
  height: 30px;
  line-height: 30px;
}
/*  表内削除ボタン  */
.main_bulkOrder .table-bulkOrder .btn-simple {
  padding: 6px;
  font-size: 1.2rem;
}
/*  一括オーダーTable  */
.table-bulkOrder {
  width: 100%;
  margin-bottom: 20px;
}
.table-bulkOrder tr:nth-child(even) {
  background-color: #f7f7f7;
}
.table-bulkOrder th, .table-bulkOrder td {
  padding: 5px;
}
.table-bulkOrder td {
  border-right: #ddd 1px solid;
  border-bottom: #ddd 1px dotted;
  border-left: #ddd 1px solid;
  font-size: 1.4rem;
  line-height: 1.3;
}
.table-bulkOrder tr:last-child td {
  border-bottom: #ddd 1px solid;
}
.table-bulkOrder th {
  background-color: #8dc774;
  color: #fff;
  border: #a3d88c 1px solid;
  line-height: 1.4
}
/*  商品名リンク  */
.table-bulkOrder .productName {
  margin-top: 5px;
}
.table-bulkOrder .productName a {
  color: #0577ce;/*link color*/
}
.table-bulkOrder .productName a:hover {
  color: #0577ce;/*link color hover*/
  text-decoration: underline;
}
/*  列幅指定  */
.table-bulkOrder .tbl-w-unit {
  width: 7.5%;
}
.table-bulkOrder .tbl-w-stock  {
  width: 7.5%;
}
.table-bulkOrder .tbl-w-quantity {
  width: 7.6%;
}
.table-bulkOrder .tbl-w-price {
  width: 12%;
}
.table-bulkOrder .tbl-w-partNum {
  width: 30%;
}
.table-bulkOrder .tbl-w-message {
  width: 30%;
}
.table-bulkOrder .tbl-w-del {
  width: 5.4%;
}
/*  テキストフォーム  */
.table-bulkOrder input[type="text"] {
  border: #ddd 1px solid;
  padding: 6px;
}
/*  列ごとの装飾  */
.table-bulkOrder tr td:nth-of-type(3),
.table-bulkOrder tr td:nth-of-type(4) {
  text-align: center;
}
.table-bulkOrder tr td:nth-of-type(5) {
  text-align: right;
}
.table-bulkOrder tr td:nth-of-type(6) {
  vertical-align: top;
}
/*  入り数のセル背景色  */
.table-bulkOrder tr td.bg_unit-multiple, .table-compare tr td.bg_unit-multiple {
  background-color: #fff4c6;
}
/*  フォームのエラー時  */
.table-bulkOrder input[type="text"].error {
  background-color: #ffebeb;
  border: #ff5e5e 2px solid;
}
.table-bulkOrder .errorMessage li {
  padding: 5px;
  /*border-bottom: #e5e5e5 1px solid;*/
  margin-bottom: 2px;
  min-height: 1.5em;
}
.table-bulkOrder .errorMessage.active li {
  background-color: #ffebeb;
  color: #ff3f3f;
}
.table-bulkOrder .errorMessage li:last-child {
  margin-bottom: 0;
}
/*  カートに入れるボタン  */
.bulkOrder_btn .btn-orange,
.bulkOrder_btn .btn-lightGray {
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  font-size: 1.4rem;
}
.bulkOrder_btn .btn-orange {
  width: 200px;
}
.bulkOrder_btn .btn-lightGray {
  width: 100px;
}
/*  比較表示 
----------------------------------------------------------------*/
.btn_list_right li a {
  display: block;
  width: 120px;
  height: 30px;
  line-height: 30px;
}
.table-scroll-x {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.table-compare {
  /*width: 920px;*/
  table-layout: fixed;
  word-wrap: break-word;
  white-space: normal;
}
.table-compare .productName_box {
  position: relative;
  padding-right: 24px;
  vertical-align: top;
  text-align: left;
}
.table-compare .productName_box .icon_box {
  position: absolute;
  top: 10px;
  right: 8px;
  margin: 0;
  cursor: pointer;
}
.table-compare th {
  width: 86px;
  background-color: #eee;
  border: #ddd 1px solid;
  padding: 10px;
}
.table-compare td {
  width: 278px;
  border: #ddd 1px solid;
  padding: 10px 6px;
  vertical-align: top;
  text-align: center;
}
.table-compare .product_photo {
  text-align: center;
  vertical-align: middle;
}
.table-compare .product_photo img {
  max-width: 100px;
  max-height: 100px;
}
/*  商品名、品番のテキストリンク  */
.table-compare .productName, .table-compare .partNum {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
  color: #0577ce;/*link color*/
}
.table-compare .productName:hover, .table-compare .partNum:hover {
  text-decoration: underline;
  color: #0577ce;/*link color hover*/
}
.compare_cartWrap {
  overflow: hidden;
  margin-bottom: 6px;
  display: inline-block;
}
/*  数量  */
.compare_quantity {
  float: left;
  display: block;
  vertical-align: baseline;
  overflow: hidden;
}
.compare_quantity .text-quantity {
  float: left;
  display: inline-block;
  margin: 15px 5px 0 0;
}
.compare_quantity .box-quantity {
  border: #d3d3d3 2px solid;
  width: 50px;
  padding: 5px;
  font-size: 1.4rem;
  margin-right: 10px;
}
.compare_btn-cart {
  float: left;
}
.compare_btn-cart .btn-orange {
  width: 60px;
  height: 30px;
  line-height: 30px;
}
.compare_cart_subWrap a {
  clear: both;
  display: block;
  border: #ddd 1px solid;
  background-color: #f7f7f7;
  border-radius: 4px;
  text-align: center;
  width: 140px;
  height: 30px;
  line-height: 30px;
  color: #2a2a2a;
  margin: 0 auto;
}
.compare_cart_subWrap a:hover {
  border: #aaa 1px solid;
  background-color: #f3f3f3;
  border-radius: 4px;
}
/*  仕様のリスト  */
.compare_spec_list {
  margin-left: 18px;
  margin-bottom: 4px;
}
.compare_spec_list li {
  list-style-type: disc;
  padding: 2px 0;
  text-align: left;
}
/*  在庫ボタン  */
.compare_stock {
  width: 140px;
  height: 30px;
  line-height: 30px;
  margin: 0 auto 6px;
}
.print-row {
  margin-bottom: 20px;
}
/*  印刷用  */
.main_compare.print .table-compare .productName:hover,
.main_compare.print .table-compare .partNum:hover {
  text-decoration: none;
  color: #0577ce;/*link color*/
}

/*  ログイン系の共通設定 
----------------------------------------------------------------*/
/*  Box  */
.login_box {
  margin: 50px auto 100px;
  border: #ddd 1px solid;
  border-radius: 4px;
  padding: 30px 40px;
  font-size: 1.4rem;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
  overflow: hidden;
}
/*  Form  */
.login_form dt,
.login_form dt label {
  font-weight: bold;
  margin-bottom: 6px
}
.login_form input[type="text"] {
  padding: 8px
}
/*  Form 入力済み  */
.entered_text {
  display: inline-block;
  background-color: #f3f3f3;
  padding: 8px;
}
/*  Button  */
.btn_login, .btn_reminder { text-align: center;}

.main_login .btn-basic,
.main_login .btn-lightGray,
.main_login .btn-orange,
.btn_reminder .btn-basic,
.btn_reminder .btn-clear {
  width: 180px;
  height: 40px;
  font-size: 1.6rem;
  line-height: 40px;
  margin: 20px auto;
}
/* 完了ページのセンター寄せボタン  */
.btn_complete {
  text-align: center;
  margin: 20px 0 30px;
}

/*  ログイン 
----------------------------------------------------------------*/
.main_login {
  width: 840px;
  display: table;
}
.ttl_login {
  border-bottom: #ddd 1px solid;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.member_login,.new_member_login {
  display: table-cell;
  vertical-align: top;
  width: 50%;
}
.member_login {
  padding-right: 25px;
}
.new_member_login {
  padding-left: 25px;
  border-left: #ccc 1px dotted;
}
.member_login .login_form {
  margin: 20px 0 10px;
}
.new_member_login .sign_up {
  margin-top: 40px;
}
.new_member_login .sign_up p {
  line-height: 1.6;
}
.new_member_login .sign_up .note {
  font-size: 1.2rem;
}
/*  パスワード再発行 
----------------------------------------------------------------*/
.main_reminder {
  width: 700px;
}
.reminder_wrap .login_form {
  margin: 20px 0;
}
.main_reminder p {
  line-height: 1.5;
}
/*========================================================
  小分類リンク
*/
.smallCategory_link {
  min-width: 980px;
  margin: 0 20px 0 0;
}
.smallCategory_link ul {
  overflow: hidden;
}
.smallCategory_link li {
  width: 220px;
  display: inline-block;
  font-size: 1.4rem;
  margin: 0 0 20px 20px;
  overflow: hidden;
}

@media screen and (min-width: 980px) {
.smallCategory_link li {
  width: 22.4%;
  margin: 0 0 2.0% 2.0%;
}
}

@media screen and (min-width: 1220px) {
.smallCategory_link li {
  width: 18.0%;
  margin: 0 0 1.63% 1.63%;
}
}

.smallCategory_link li a {
  display: block;
  border: #ddd 2px solid;
  width: 100%;
  height: 80px;
  color: #2a2a2a;
  padding: 10px;
  line-height: 1.4;
}
.smallCategory_link li a:hover {
  border: #aaa 2px solid;
}
.smlCate_thumb {
  float: right;
  width: 60px;
  margin-left: -68px;
}
.smlCate_thumb img {
  width: 60px;
  height: auto;
}
.smlCate_item {
  float: left;
  margin-right: 68px;
}
/*========================================================
  中分類、小分類テキストリンク
*/
.categoryText_link {
  margin: 0 20px;
}
.categoryText_link ul {
}
.categoryText_link li {
  display: inline-block;
}
.categoryText_link li a {
  display: block;
  border-left: #ddd 1px solid;
  padding: 0 10px;
  margin-bottom: 10px;
  color: #8a8a8a;
}
.categoryText_link li:first-child a {
  border-left: none;
  padding: 0;
}
.categoryText_link li a:hover {
  text-decoration: underline;
}
/*  現在値  */
.categoryText_link li.text-current, .categoryText_link li.text-current a {
  color: #0577ce;/*link color*/
  font-weight: bold;
}
/*========================================================
  カテゴリーで探す（大分類一覧）、中分類一覧　
*/
.categoryList_outer {
  min-width: 980px;
  margin: 0 10px
}
/*  カテゴリータイトル  */
.ttl-categoryList {
  border-top: #80c269 4px solid;
  padding: 12px 0;
  overflow: hidden;
}
.ttl-categoryList h2 {
  font-weight: bold;
}
.ttl-categoryList a {
  font-size: 1.4rem;
  line-height: 1.4;
  color: #0577ce;/*link color*/
  font-weight: bold;
}
/*  サブカテゴリーリスト  */
.subCategory_list {
  margin: 0 10px 10px;
}
.subCategory_list li {
  margin-bottom: 4px;
}
.subCategory_list li a {
  line-height: 1.4;
  color: #2a2a2a;
  text-indent: -12px;
  display: block;
  margin-left: 12px;
}
.ttl-categoryList a:hover {
  text-decoration: underline;
  color: #0577ce;/*link color hover*/
}
.subCategory_list li a:hover {
  text-decoration: underline;
  color: #8a8a8a;
}
/*========================================================
  線画で探す　 大分類
*/
.lineDrawing_outer {
  min-width: 980px;
  margin: 0 0 0 10px;
}
/*  線画カテゴリーセット  */
.ld_majorItem {
  width: 300px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  border: #e3e3e3 4px solid;
  margin: 0 10px 30px;
}
.ld_majorItem:hover {
  border: #4ac416 4px solid;
}
.ld_majorImg {
  padding: 4px 0px;
}
.ld_majorImg img {
  width: 290px;
  height: auto;
}
/*  線画大分類名, 中分類名  */
.ld_majorText,
.ld_mediumText {
  background-color: #e3e3e3;
  padding: 6px;
  font-size: 1.2rem;
  line-height: 1.3;
  text-align: left;
  word-break: break-all;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #2a2a2a;
}
.ld_majorItem:hover .ld_majorText,
.ld_mediumItem:hover .ld_mediumText {
  background-color: #4ac416;
  color: #fff;
}
.ld_majorText a,
.ld_mediumText a {
  color: inherit;
}
/*========================================================
  線画で探す　 中分類
*/
.lineDrawing_md_outer {
  width: 100%;
  min-width: 960px;
  padding: 0 20px;
  font-size: 0;
}
.lineDrawing_md_inner {
  margin-right: -20px;
}
.ld_mediumItem {/*5列*/
  width: 168px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  border: #e3e3e3 2px solid;
  margin: 0 20px 30px 0;
}
.ld_mediumItem:hover {
  border: #4ac416 2px solid;
}
.ld_mediumImg {
  padding: 2px 0px;
}
.ld_mediumImg img {
  width: 150px;
}
@media screen and (min-width: 960px) {/*5列 (168px + 4px + 20px) x 5 */
.ld_mediumItem {
  min-width: calc(20% - 20px);
}
}
@media screen and (min-width: 1152px) {/*6列 (168px + 4px + 20px) x 6 */
.ld_mediumItem {
  min-width: calc(16.6% - 20px);
}
}
@media screen and (min-width: 1344px) {/*7列 (168px + 4px + 20px) x 7 */
.ld_mediumItem {
  min-width: calc(14.2% - 20px);
}
}
@media screen and (min-width: 1536px) {/*8列 (168px + 4px + 20px) x 8 */
.ld_mediumItem {
  min-width: calc(12.5% - 20px);
}
}

/*========================================================
  線画で探す　 小分類
*/
.ld_smallItem_outer {
  min-width: 984px;/*ボーダー分の幅を足したサイズ*/
  margin: 0 10px 60px;
  border: #ddd 2px solid;
}
.ld_smallItem {
  width: 160px;
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  text-align: center;
}
.ld_smallItem_inner {
  width: 100%;
}

@media screen and (min-width: 980px) {/*6列*/
.ld_smallItem {
  width: 16.3%;
}
}

@media screen and (min-width: 1140px) {/*7列*/
.ld_smallItem {
  width: 14.03%;
}
}
}
/*  小分類画像  */
.ld_smallImg {
  width: 140px;
  height: 140px;
  line-height: 0;
  margin: 0 auto 6px;
  background-color: #4ac416;
}
.ld_smallImg a {
  display: block;
}
.ld_smallImg img {
  width: 140px;
  height: auto;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ld_smallText {
  line-height: 1.2;
  overflow: hidden;
}
.ld_smallText a {
  color: #2a2a2a;
}
.ld_smallItem:hover .ld_smallImg img {
  opacity: 0.8;
}
.ld_smallItem:hover .ld_smallText a {
  color: #0577ce;/*link color hover*/
}
/*========================================================
  エラーページ, 完了ページなど
*/
.error_text-heading,
.cmn_message_heading {
  font-size: 3.0rem;
  line-height: 1.6;
  margin-bottom: 30px;
}
.error_text-lead,
.cmn_message_lead {
  font-size: 1.6rem;
  line-height: 1.8;
  margin-bottom: 30px;
}
.error_text-lead span,
.cmn_message_lead span {
  display: block;
  font-size: 1.8rem;
  margin-bottom: 10px;
}
.box_follow {
  background-color: #e6e6e6;
  display: table;
  width: 100%;
  table-layout: fixed;
  border-spacing: 10px;
}
.box_follow_in {
  display: table-cell;
  background-color: #fff;
  padding: 20px;
}
/*エラーページ用 .box_follow 幅が小さいセンター寄せ*/
.box_follow.single {
  width: 50%!important;
  margin: 0 auto;
}
/*  SessionTimeout */
.sessionTimeout_outer {
  width: 780px;
  margin: 70px auto;
  text-align: center;
}
/*  Reminder_confirm */
.reminder_confirm_outer {
  width: 780px;
  margin: 70px auto;
  text-align: center;
}
.reminder_confirm_outer .login_form {
  margin: 20px auto;
  font-size: 1.6rem
}
/*  login button  */
.sessionTimeout_login {
}
.sessionTimeout_login .btn-basic {
  margin: 40px auto;
  width: 200px;
  height: 36px;
  line-height: 36px;
  font-size: 1.4rem;
}
/*  404ページ  */
.notFound_outer {
  width: 780px;
  margin: 70px auto;
  text-align: center;
}
.nF_listMenu {
  text-align: left;
  margin-bottom: -6px;
}
.nF_listMenu li {
  font-size: 1.4rem;
  margin-bottom: 6px;
}
.nF_listMenu li a {
  color: #0577ce;/*link color*/
}
.nF_listMenu li a:hover {
  color: #0577ce;/*link color hover*/
  text-decoration: underline;
}
.nF_listMenu .liIcon-arrowGray {
  position: relative;
  background: url(../images/common/sprite_head_serch.png) no-repeat -209px -36px;
  display: inline-block;
  width: 10px;
  height: 16px;
  margin-right: 4px;
  top: 4px;
}
.nF_inquiry {
  text-align: center;
}
.nF_inquiry dt {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.nF_inquiry dd {
  margin-bottom: 4px;
}
.nF_text-telNum {
  font-size: 1.4rem;
}
.nF_text-telNum span {
  font-size: 1.8rem;
  font-weight: bold;
  display: inline-block;
  margin-left: 10px;
}
.nF_btn-inquiry .btn-lightGray {
  width: 200px;
  height: 36px;
  line-height: 36px;
  margin: 15px auto 0;
}
/*運営会社ごとの差し替えテキスト*/
.nF_text-inquiry {
  font-size: 1.4rem;
  line-height: 1.5
}

/*========================================================
  お気に入り　トップ
*/
.favoriteItemArea .pdc_wrapIn {
  background-color: #fff;
  padding: 6px 10px;
  border: #e3e3e3 1px solid;
}
.favoriteItemArea .pdl_productName {
  min-height: 4em;
}
/*  itemの高さを揃える  */
.favoriteItemArea .owl-stage {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.favoriteItemArea .owl-item,
.favoriteItemArea .item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*========================================================
  お気に入り一覧
*/
.fav-result_message {
  font-size: 1.4rem;
}
.favorite_tree {
  font-size: 1.4rem;
}
.categoryTree_box.favorite_tree > ul { margin: 0;}
.categoryTree_box.favorite_tree > ul > li {
  border-bottom: #ddd 1px dotted;
  padding: 6px 10px 15px;
  position: relative;
  height: 50px;
}
.categoryTree_box.favorite_tree > ul > li:last-child { border-bottom: none;}
.categoryTree_box.favorite_tree li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 6px 10px 15px;
}
.categoryTree_box.favorite_tree li .icon-favorite_nav-01,
.categoryTree_box.favorite_tree li .icon-favorite_nav-02 { margin-right: 4px;}

.categoryTree_box.favorite_tree > ul li.fav-nav_current {
  color: #0577ce;/*link color*/
  background-color: #f7f7f7;
}
/*  ゴミ箱ボタンの幅上書き  */
.pdl_cart_subWrap li.bt_w_trash {
  width: 60px
}
/*  共有ボタン  */
.pdl_cart_subWrap li.bt_w_share {
  width: 60px
}
/*========================================================
  おすすめ特集一覧
*/
.main_featured {
  margin: 0 10px;
}
.featuredItem_wrap {}
.featuredItem_list {
  min-width: 940px;
  width: 100%;
  margin: 0;
  display: flex;
    display: -ms-flexbox;/* IE10 */
    display: -webkit-box;/* Android4.3以下、Safari3.1〜6.0 */
    display: -webkit-flex;/* Safari6.1以降 */
  flex-wrap: wrap;
    -ms-flex-wrap: wrap; /*IE10*/
    -webkit-flex-wrap: wrap; /* Safari6.1以降 */
}
/*  box最小幅940pxで4列（215px + padding:10px + margin:10px）
    width:213px(-罫2px) / 940px  */
.featuredItem_list li {
  position: relative;
  font-size: 1.4rem;
  vertical-align: top;
  width: 22.65%;
  margin: 0 1.06% 20px;
  border: #58b530 1px dashed;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 22px 0 10px;
}
/*  NEW/オススメマーク  */
.featuredMark_box {
  position: absolute;
  top: -10px;
  left: -3px;
}
.featuredItem_list .featuredMark_box span {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
  vertical-align: middle;
  text-align: center;
  font-size: 1.4rem;/*文字サイズ*/
  color: #FFF;/*文字色*/
  letter-spacing: 0.06em;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.featuredItem_list .featuredMark_box .newItem {background: #ff3f3f;/*背景色*/}
.featuredItem_list .featuredMark_box .recommendItem {background: #ffa512;/*背景色*/}

.featuredItem_list li a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
}
.featuredItem_list li:hover {
  border: #58b530 1px solid;
  background-color: rgba(74,196,22,0.2);
}
.featuredItem_list li .list_featureImg {
  margin-bottom: 15px;
  text-align: center;
}
.featuredItem_list li .list_featureImg img {
  width: 200px;
  height: auto;
  margin: 0 auto;
}
.featuredItem_list li .list_featureLead {
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 0 15px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #31a300
}
.featuredItem_list li .list_featureText {
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 0 15px;
  margin-bottom: 10px;
}
/*.featuredItem_list li .more_info {
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 0 15px 10px;
}*/
@media screen and (min-width: 1340px) {
/*  box最小幅1340pxで5列（248px + padding:10px + margin:10px）
    width:246px(-罫2px) / 1340px  */
.featuredItem_list li {
  width: 18.35%;
  margin: 0 0.74% 20px;
  }
}
.main_featured .pagerArea { margin: 15px 10px;}
/*========================================================
  おすすめ特集詳細
*/
.main_featuredDet {
  position: relative;
  width: 960px;
  margin: 0 auto 60px;
  overflow: hidden;
  font-size: 1.4rem;
  padding: 10px 20px 0;
}
.main_featuredDet .featuredDet_ttl_wrap {
  text-align: center;
  padding: 34px 0 24px;
  margin-bottom: 30px;
  border-top: #ccc 1px dashed;
  border-bottom: #ccc 1px dashed;
}
.main_featuredDet .featuredDet_ttl {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.6;
  display: inline-block;
}
.main_featuredDet p {
  line-height: 1.8;
}
.main_featuredDet p + p,
.main_featuredDet p + ul {
  margin-top: 1em;
}
/*  おすすめ特集タイトルアイコン  */
.featured_ttl_icon {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 20px;
  height: 36px;
  line-height: 36px;
  padding: 0 20px 0 18px;
  vertical-align: middle;
  text-align: center;
  font-size: 1.6rem;
  background: #ff3f3f;/*背景色*/
  color: #FFF;/*文字色*/
  letter-spacing: 0.06em;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.featured_ttl_icon:before {
  position: absolute;
  content: '';
  top: 0;
  right: -6px;
  border: none;
  border-bottom: solid 11px #a7a7a7;
  border-right: solid 6px transparent;
}
/*  【レイアウトタイプ-01】.featuredType-01  */
.catchImg {
  text-align: center;
  margin-bottom: 30px;
}
.catchImg img {
  width: 920px;
}
/*段落見出し*/
.featured_heading-01 {
  background-color: #f5f5f5;
  border-left: #ccc 5px solid;
  padding: 6px 6px 6px 12px;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.6;
  color: #31a300;/*テキストリンクと同色*/
}
.featured_heading-02 {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.6;
  /*color: #31a300;テキストリンクと同色*/
  margin-bottom: 5px
}
/*上に画像 下にテキスト*/
.featured_img-L { text-align: left; margin-bottom: 15px;}
.featured_img-C { text-align: center; margin-bottom: 15px;}
/*写真キャプション*/
.featured_caption {
  display: block;
  font-size: 1.2rem;
  line-height: 1.4;
  margin-top: 4px;
}

/*画像にテキストを重ねる場合のBox*/
.sec_in_layerBox {
  position: relative;
  overflow: hidden;
  font-size: 1.4rem;
  line-height: 1.6;
  margin-bottom: 20px;
}
/*画像にテキストを重ねるレイアウト
  text-alignは以下を追加設定
  .txtCnt
  .txtRight
  .txtLeft
*/
.sec_in_layerBox .overText-LT { position: absolute; left: 0; top: 0;}
.sec_in_layerBox .overText-LB { position: absolute; left: 0; bottom: 0;}
.sec_in_layerBox .overText-RT { position: absolute; right: 0; top: 0;}
.sec_in_layerBox .overText-RB { position: absolute; right: 0; bottom: 0;}

/*  PDFボタン  */
.bt_view_lineup {
  padding: 20px 0 0;
  border-top: #ccc 1px dotted;
  margin-bottom: 30px;
}
.bt_view_lineup a {
	background: url(../images/featured/bt_view_lineup.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 250px;
	height: 50px;
	margin: 0 auto;
	display: block;
	}
.bt_view_lineup a:hover {
  opacity: 0.8;
}

/*========================================================
  マイページ
*/
/*  マイページメインカラム  */
.main_mypage {
  margin: 0 20px;
  overflow: hidden;
  font-size: 1.4rem;
}
/*  マイページトップ  */
.mypage_menu > .tbl-order_line th {
  font-weight: bold;
}
.mypage_menu .tbl-order_line td {
  padding: 20px 10px;
}
.mypage_menu .tbl-order_line td td {
  padding: 8px 10px;
}
.mypage_inner_box {
  background-color: #f2f2f2;
  padding: 30px;
}
.main_mypage .categoryTree_box > ul { margin: 0;}
.main_mypage .categoryTree_box > ul > li {
  border-bottom: #ddd 1px dotted;
  padding: 12px 10px;
  position: relative;
  min-height: 40px;
  line-height: 1.2;
}
.main_mypage .categoryTree_box > ul > li:last-child { border-bottom: none;}
.main_mypage .categoryTree_box li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 12px 10px;
  line-height: 1.2;
  /*color: #31a300;*/
}
.main_mypage .categoryTree_box li.mp-nav_current,
.main_mypage .categoryTree_box li.mp-nav_current a {
  color: #0577ce;/*link color*/
  background-color: #f7f7f7;
}
/*  各ページ個別ボックス  */
.main_mypage .login_form {
  margin: 40px 0;
}
/*  マイページの共通ボタン  */
.main_mypage .mp_mainBtn {
  width: 180px;
  height: 40px;
  font-size: 1.6rem;
  line-height: 40px;
  margin: 20px 0;
}
.main_mypage .btn_list_right .btn-lightGray {
  width: 120px;
  height: 30px;
  font-size: 1.4rem;
  line-height: 30px;
  margin: 0;
}
/*  お問い合わせ履歴一覧  */
.contact_list {
  margin: 20px 0;
}
.contact_list li {
  position: relative;
  background-color: #fff;
  border-bottom: #ccc 1px dotted;
  padding: 15px;
  overflow: hidden;
  line-height: 1.4;
}
.contact_list li .date {
  float: left;
  display: inline-block;
  background-color: #999;
  padding: 2px 5px;
  text-align: center;
  color: #fff;
  width: 170px;
  margin-right: 15px;
  letter-spacing: 0.05em;
}
.contact_list li .mail_ttl {
  overflow: hidden;
  margin-top: 2px;
}
.contact_list li .mail_ttl a {
  color: #0577ce;/*link color*/
}
.contact_list li .mail_ttl a:hover {
  text-decoration: underline;
}
.contact_list li .ttl_subText {
  color: #4a4a4a;
  font-size: 1.2rem;
  display: inline-block;
  margin-left: 10px;
}
.contact_orderId {
  display: inline-block;
  font-size: 1.2rem;
  text-align: right;
  border: #ddd 2px solid;
  padding: 4px 10px 2px;
  margin-bottom: 6px;
}
.contact_detail_box {
  background-color: #fff7d4;
  padding: 20px;
  line-height: 1.6;
  border: #ddd 1px solid;
}
/*  エスコ回答  */
.contact_answer_box {
  margin: 20px 0;
  overflow: hidden;
}
.contact_answer_box dt {
  float: left;
  width: 200px;
  font-size: 1.2rem;
  padding-top: 3px;
}
.contact_answer_box dt span:first-child {
  background-color: #58b530;
  display: block;
  width: 90%;
  color: #fff;
  height: 24px;
  line-height: 24px;
  text-align: center;
}
.contact_answer_box .answer_date {
  background-color: #ddd;
  height: 24px;
  line-height: 24px;
  text-align: center;
  width: 90%;
  margin: 5px 0;
  letter-spacing: 0.05em;
}
.contact_answer_box .answer_name {
  margin-top: 10px;
}
.contact_answer_box dd {
  background-color: #fff;
  padding: 20px;
  line-height: 1.6;
  border: #ddd 1px solid;
  overflow: hidden;
}
/*  購入履歴一覧  */
.mp-orderTotal_wrap {
  border: #ddd 1px solid;
  background-color: #f5f5f5;
  padding: 8px 10px;
  text-align: right;
  font-weight: bold;
}
.delivery_status { margin-top: 10px;}
.delivery_status li {
  overflow: hidden;
  padding: 10px 0;
  border-bottom: #ddd 1px dotted;
}
.delivery_status .delivery_ttl {
  width: 280px;
  float: left;
  display: inline-block;
  padding-top: 5px;
}
.delivery_status .delivery_body {
  overflow: hidden;
}
/*  お届け先一覧  */
.address_edit_list {
  background-color: #fff;
  margin: 10px 0;
}
.address_edit_list > li {
  padding: 20px;
  display: table;
  table-layout: fixed;
  width: 100%;
  border-bottom: #ccc 1px dotted;
}
.address_edit_list .address_edit_name {
  display: table-cell;
  vertical-align: top;
  width: 20%;
  padding-right: 10px;
  font-weight: bold;
}
.address_edit_list .address_edit_address {
  display: table-cell;
  vertical-align: top;
  width: 60%;
}
.address_edit_list .address_edit_btnWrap {
  display: table-cell;
  vertical-align: top;
  width: 150px;
  overflow: hidden;
}
.address_edit_btnWrap .address_edit_btn {
  display: inline-block;
  float: right;
  margin: 0 4px;
}
.address_edit_btnWrap .address_edit_btn .btn {
  min-width: 50px;
  height: 30px;
  line-height: 30px;
  font-size: 1.4rem;
  padding: 0 12px;
}

/*========================================================
  カート
*/
/*  カートの商品一覧のメインカラム  */
.main_cart {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 20px;
}
/*  購入のフロー  */
.cart_flow_wrap {
  text-align: center;
  margin: 20px 0 30px;
}
.cart_flow_wrap ul {
  margin: 0 auto;
  display: inline-block;
}
.cart_flow_wrap li {
  position: relative;
	display: inline-block;
 	margin: 0 20px 0 0;
	padding: 10px;
	min-width: 100px;
 	max-width: 100%;
 	color: #fff;
	font-size: 1.6rem;
	background: #c9c9c9;
  border-radius: 4px;
  text-align: center;
}
.cart_flow_wrap li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 99%;
 	margin-top: -8px;
	border: 8px solid transparent;
	border-left: 8px solid #c9c9c9;
}
.cart_flow_wrap li.current {
  background: #ff8533;
}
.cart_flow_wrap li.current:before {
  border-left: 8px solid #ff8533;
}
/*  送料のアラート  */
.cart_top_alert {
  background-color: #ffebeb;
  border: #f8bbbb 1px solid;
  padding: 10px;
  text-align: center;
  color: #ff3f3f;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 40px;
}
/*  カートの商品一覧のボタン  */
.cart_cartBtn_wrap { overflow: hidden;}
.cart_cartBtn_wrap .pdl_quantity .box-quantity{
  margin-right: 4px;
}
.cart_cart_subWrap {
  float: left;
}
.cart_cart_subWrap ul {
  overflow: hidden;
}
.cart_cart_subWrap li {
  float: left;
  position: relative;
  border: #ddd 1px solid;
  background-color: #f7f7f7;
  border-radius: 4px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
.cart_cart_subWrap li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #2a2a2a;
}
.cart_cart_subWrap li:hover {
  border: #aaa 1px solid;
  background-color: #f3f3f3;
  cursor: pointer;
}
.cart_cart_subWrap .bt_trash {
  width: 60px;
  margin: 0 0 0 6px;
}
/*  + -ボタン  */
.cart_cart_subWrap .round_btn {
  width: 30px;
  border-radius: 50%;
  margin: 0 4px 0 0;
}
.cart_cart_subWrap .round_btn:active,
.cart_cart_subWrap .round_btn:focus {
  border: #888 1px solid;
  background-color: #fff;
}
.icon-add, .icon-del {
  position: relative;
  top: 2px;
  background-image: url(../images/common/sprite_det.png);
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin: 0 auto;
}
.icon-add {
  background-position: -300px 0px;
}
.icon-del {
  background-position: -320px 0px;
}
.pdl_vertical_line {
  border-right: #e2e2e2 1px solid;
  margin-right: -1px;
}
/*slider*/
.sp-previous-arrow {
  left: -45px!important;
}
.sp-next-arrow {
  right: -45px!important;
}
/*注意事項マーク 詳細ページのマーク指定を上書き*/
.productNote_mark {
  overflow: hidden;
  margin: 0 -6px 0 0;
}
.productNote_mark li {
  display: inline-block;
  float: left;
  padding: 3px 6px;
  margin: 10px 6px 0 0;
  border-radius: 4px;
  letter-spacing: 0.05em;
  font-size: 1.2rem;
  font-weight: normal;
}
/*  小計  */
.subtotal_wrap {
  position: relative;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 20px;
}
.subtotal_wrap .subtotal {
  float: right;
  display: table;
  table-layout:fixed;
  width: 280px;
  background-color: #fff4c6;
  padding: 20px 15px;
  border-radius: 4px;
  font-size: 2.0rem;
}
.subtotal_wrap .subtotal dt,
.subtotal_wrap .subtotal dd {
  display: table-cell;
}
.subtotal_wrap .subtotal dd {
  text-align: right;
}
.subtotal_wrap .subtotal .text-price {
  font-size: 2.2rem;
}
/*  利用規約に同意チェックボックスの場合  */
.terms_agree_box {
  border-top: #ccc 1px dotted;
  border-bottom: #ccc 1px dotted;
  margin: 20px 0;
  padding: 20px 0;
  font-size: 1.4rem;
}

/*========================================================
  ご注文方法指定
*/
/*  見出しと内容のセット  */
.section_set {
  margin-bottom: 40px;
}
.sec_in_box {
  font-size: 1.4rem;
  line-height: 1.6;
  margin-bottom: 20px;
  overflow: hidden;
}
.sec_in_box .userName {
  font-weight: bold;
}
/*  届け先一覧, 支払い方法選択  */
.address_list {}
.payment_list {}
.address_list li,
.payment_list li {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-bottom: #ccc 1px dotted;
  margin-bottom: 15px;
}
.address_list .add_list_check,
.payment_list .pay_list_check {
  display: table-cell;
  width: 25%;
  padding: 10px 0;
  vertical-align: top;
}
.address_list .add_list_main,
.payment_list .pay_list_main {
  display: table-cell;
  width: 75%;
  padding: 10px 0;
  vertical-align: top;
}
.address_list .add_list_check span,
.payment_list .pay_list_check span {
  font-weight: bold;
}
.order_comment_box {
  border: #ddd 3px solid;
  background-color: #f7f7f7;
  padding: 20px 0;
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: center;
}
.order_comment_box .order_note_text {
  color: #ff3f3f;
  margin: 15px 0; 
}
.order_comment_box .orderNum_box input[type="text"] {
  width: 240px;
  height: 40px;
  border: #ddd 2px solid;
  font-size: 1.6rem
}
/*========================================================
  新規会員登録, お届け先登録
*/
.main_registration {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  font-size: 1.4rem;
  padding: 0 20px;
}
/*  登録のフロー  */
.registration_flow_wrap {
  text-align: center;
  margin: 20px 0 30px;
}
.registration_flow_wrap ul {
  margin: 0 auto;
  display: inline-block;
}
.registration_flow_wrap li {
  position: relative;
	display: inline-block;
 	margin: 0 20px 0 0;
	padding: 10px;
	min-width: 170px;
 	max-width: 100%;
 	color: #fff;
	font-size: 1.6rem;
	background: #c9c9c9;
  border-radius: 4px;
  text-align: center;
}
.registration_flow_wrap li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 99%;
 	margin-top: -8px;
	border: 8px solid transparent;
	border-left: 8px solid #c9c9c9;
}
.registration_flow_wrap li.current {
  background: #58b530;
}
.registration_flow_wrap li.current:before {
  border-left: 8px solid #58b530;
}

/*========================================================
  利用規約, プライバシーポリシー, サイトポリシー,ご利用ガイド
*/
.main_guide {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  font-size: 1.4rem;
  padding: 0 20px;
}
.guide_wrap.scroll_box {
  height: 400px;
  overflow-y: scroll;
  border: #ddd 1px solid;
  padding: 20px;
}
.main_guide .guide_wrap,
.main_guide .policy_wrap {
  border: #eee 1px solid;
  padding: 30px;
  border-radius: 4px;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
}
.guide_wrap ol,
.policy_wrap ol {
  margin-left: 20px;
  line-height: 1.6;
}
.guide_wrap > ol li,
.policy_wrap > ol li {
  margin-bottom: 30px;
  list-style-type: decimal;
}
.law_list > li {
  margin-bottom: 30px;
}
.guide_wrap .innerList,
.policy_wrap .innerList {
  margin: 10px 20px;
}
.guide_wrap .innerList li,
.policy_wrap .innerList li {
  list-style-type: disc;
}
.guide_wrap li li,
.policy_wrap li li {
  margin-bottom: 8px;
}
.customerService_box {
  margin: 20px 0 0;
  background-color: #f5f5f5;
}
.customerService_box dt {
  font-weight: bold;
  background-color: #ddd;
  padding: 10px 15px;
  font-size: 1.6rem;
}
.customerService_box dd {
  padding: 10px 15px;
}
.main_guide .site_management_box {
  margin: 10px 0;
}
.main_guide .site_management_box span {
  display: inline-block;
  width: 140px;
}
/*  ご利用ガイド　緑枠のリード部分  */
.leadBox-green {
  background-color: #d3f0c7;
  text-align: center;
  color: #0577ce;/*link color*/
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0 20px;
  overflow: hidden;
  height: 46px;
  line-height: 46px;
}

/*========================================================
  お問い合わせ方法選択
*/
.main_contact {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  font-size: 1.4rem;
  padding: 0 20px;
}
.contact_loginbox {
  margin-bottom: 20px;
}
.contact_loginbox ul {
  margin-right: -40px;
}
.contact_loginbox li {
  width: 440px;
  height: 210px;
  float: left;
  margin-right: 40px;
  border: #ddd 1px solid;
  border-radius: 4px;
  padding: 20px;
  font-size: 1.4rem;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
  line-height: 1.4
}
.contact_ttl_wrap {
  border-bottom: #ddd 4px solid;
  margin-bottom: 20px;
}
.contact_loginbox li .btn_contact_login {
  text-align: center;
  margin: 20px auto 0
}
.reception_box {
  margin: 40px 0;
}
.reception_box dt {
  background-color: #d3f0c7;
  text-align: center;
  color: #0577ce;/*link color*/
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0 20px;
  overflow: hidden;
  height: 46px;
  line-height: 46px;
}
.reception_box dd {
  background-color: #edffe6;
  padding: 16px;
  text-align: center;
}
.contact_note_list li {
  list-style-type: disc;
  margin-left: 20px;
  padding: 5px 0;
  text-align: left;
}
.reception_box .text-telNum {
  display: block;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 6px;
}

/*========================================================
  単独ページ用（注文確認書）
*/
/*  印刷ボタン  */
.singlePage_printBtn {
  position: absolute;
  top: 0;
  right: 20px;
  
}
/*  footer  */
.foot_singlePage_wrap {
  padding: 0 0 20px;
  line-height: 1.6;
}
.foot_singlePage {
  width: 960px;
  margin: 0 auto;
  display: table;
  border-collapse: collapse;
}
.foot_singlePage .foot_corporationInfo {
  display: table-cell;
  background: none;
  padding-left: 20px;
  overflow: hidden;
  margin: 0;
}
.foot_singlePage .foot_characterImg {
  float: left;
  margin-right: 10px;
}
.foot_singlePage .foot_cpName_wrap {
  overflow: hidden;
}
.foot_singlePage .copyrightTxt {
  display: table-cell;
  vertical-align: middle;
  padding-right: 20px;
}
/*  レイアウト  */
.main_cart.print {}
.main_cart.print .section_set {
  margin-bottom: 0;
  padding: 20px 0;
  border-bottom: #ddd 2px solid;
}
.main_cart.print .section_set:first-child {
  padding: 0;
}
/*カテゴリー一覧　masonryレイアウト*/
#masonry_container {
  padding: 0 10px;
  -moz-column-width: 18em;
  -webkit-column-width: 18em;
  column-width: 18em;
  -moz-column-gap: 2em;
  -webkit-column-gap: 2em;
  column-gap: 2em;
}
#masonry_container .panel {
  margin: 0 0 30px;
  width: 100%;
  display: inline-block;
}

/*カタログ請求 PRコメント*/
.catalog_pr_area {
  background-color: #edffe6;
  border: 1px solid #d3f0c7;
  padding: 10px;
  margin: 10px 10px 5px;
  border-radius: 6px;
  font-size: 1.2rem;
}
.catalog_pr_area p + p {
  margin-top: 0.5em;
}
.pic_catalog_area {
  line-height: 1!important;
}
@media print {
  .singlePage_printBtn { display: none;}
  .tbl-order_line th,
  .tbl-order_line td,
  .tbl-order_col th,
  .tbl-order_col td { border: #d3d3d3 1px solid;}
}

/** 20190820 以下追加 */
/*縦長タイトルバナーと右側のメインカラムを下揃えにするレイアウト*/
.featuredType-02 {}
.featuredType-02 .mainColumn_wrap {
  display: table;
  margin-bottom: 40px;
}
.featuredType-02 .catchImgColumn-1 {
  display: table-cell;
  width: 380px;
  vertical-align: top;
  line-height: 0;
  padding-right: 30px;
}
.featuredType-02 .catchImgColumn-1 img {
  width: 350px;
}
.featuredType-02 .mainColumn-1 {
  position: relative;
  display: table-cell;
  width: 540px;
  vertical-align: top;
}
/*画像ボックスを縦長バナーの下と揃える*/
.featuredType-02 .mainColumn-1 .imgBox {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 540px;
}
/*動画を入れる場合*/
.mainColumn-1 .imgBox .iframe_wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;/* // アスペクト比16:9 = 9/16 * 100%*/
}
.mainColumn-1 .imgBox .iframe_wrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/*縦長タイトルバナーの右側にメインカラムを上から流し込むレイアウト*/
.featuredType-03 {}
.featuredType-03 .catchImgColumn-1 {
  float: left;
  display: inline-block;
  width: 380px;
  vertical-align: top;
  line-height: 0;
  padding-right: 30px;
}
.featuredType-03 .catchImgColumn-1 img {
  width: 350px;
}
.featuredType-03 .mainColumn-1 {
  position: relative;
  width: 540px;
  overflow: hidden;
}
.featuredType-03 .mainColumn-1 .imgBox {
  position: relative;
  width: 540px;
  overflow: hidden;
  margin: 10px 0;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.featuredType-03 .mainColumn-1 .w-full {
  width: 100%;
  height: auto;
}
/** 20190820 以上追加 */

/*チェックリスト変更*/
.main_compare {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 20px;
}
.table-compare td.nmb {
  background-color: #eee;
  text-align: center;
  font-size: 1.4rem;
}
.table-compare .current_stock {
  letter-spacing: 0.1em;
}
table.table-compare + table.table-compare {
  margin-top: 20px;
}
.singlePage_printBtn a {
  display: inline-block;
  margin-left: 10px;
}

/*--------------------------------------------------
  2021.05　改修
  pdfボタン追加
*/
/*バリエーション一覧*/
.variation_pdfBtn_wrap {
  overflow: hidden;
}
.variation_pdfBtn_wrap .ttl-01 {
  float: left;
  width: calc(100% - 130px);
}
.variation_pdfBtn_wrap .btn_pdf-output {
  float: right;
}
.btn_pdf-output a {
  display: block;
  font-size: 1.4rem;
  width: 80px!important;
  height: 28px;
  line-height: 28px;
  letter-spacing: 0.05em;
}
/*  共通指定  */
.btn-basic, .btn-simple, .btn-orange, .btn-lightGray, .btn-clear,.btn-bdGray, .btn-gold {
  display: block;
  border-radius: 4px;
  text-align: center;
  line-height: 1;
  text-decoration: none !important;
}
/*  gold  */
.btn-gold {
  background-color: #dab21e;
  color: #fff !important;
}
.btn-gold:hover {
  background-color: #E7C02F;
  border-radius: 4px;
}
.mr5 { margin-right: 5px;}
/*PDF出力画面*/
.pdf-preview {
  width: 960px;
  margin: 30px auto;
  position: relative;
  padding: 0 20px;
}
.main_pdf-preview {
  overflow: hidden;
}
.main_pdf-preview .main_pic {
  float: left;
  display: table-cell;
  text-align: center;
  width: 250px;
  height: 250px;
  margin-right: 20px;
}
.main_pdf-preview .main_pic img {
  max-width: 250px;
  max-height: 250px;
}
.main_pdf-preview .tbl-price {
  width: calc(100% - 270px);
}
.pdf-preview .thumbnail-list {
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0;
}
.pdf-preview .thumbnail-list li {
  width: 83px;
  height: 83px;
  margin-left: 10px;
}
.pdf-preview .thumbnail-list li:first-child {
  margin-left: 0;
}
.pdf-preview .thumbnail-list li img {
  max-width: 83px;
  max-height: 83px;
}
/*セルの途中で改ページさせない*/
.pdf-preview table tr {
  break-inside: avoid;
}
.tbl-spec-01 td {
  overflow-wrap: break-word;
}
/*========================================================
  Footer センター寄せ
*/
.foot_center_wrap {
  text-align: center;
  margin: 20px;
  line-height: 1.5;
}
.foot_center_cpName {
  font-size: 1.2em;
  font-weight: bold;
}
.foot_center_copyrightTxt {}

/*2021.09 検索一覧、詳細改修*/
/*絞り込み条件表示*/
.refine_head-02 {
  position: relative;
  background-color: transparent;
  margin-left: 240px;
}
/*選択中のキーワード*/
.selected_condition-kw {
  margin-bottom: 10px;
}
/*選択中の絞り込み条件　青枠*/
.selected_condition-01 {
  padding: 6px 130px 6px 0;
  overflow: hidden;
}
.selected_condition-01 ul {
  float: left;
  margin: 2px 5px 0 0;
}
.selected_condition-01 ul li {
  background: #f2fcff;
  border: 1px solid #add8ec;
  color: #00508a;
  display: inline-block;
  margin-right: 5px;
  height: 2em;
  padding: 0 0.75em;
  line-height: 2em;
  border-radius: 1em;
}
.selected_condition-kw .selected_item,
.selected_condition-01 .selected_item {
  display: inline-block;
  font-weight: bold;
  margin-right: 5px;
}
/*サジェストボタン*/
.suggest_list {
  margin: 10px 0;
}
.suggest_list ul li {
  display: inline-block;
  margin: 0 5px 5px 0;
  line-height: 1
}
.suggest_list ul li a {
  background-color: #fff;
  border: #ccc 1px solid;
  border-radius: 1em;
  display: block;
  height: 2em;
  padding: 0 0.75em;
  color: #2a2a2a;
  white-space: nowrap;
  line-height: 2em;
}
.suggest_list ul li a:hover {
  color: #58b530;
  border: #58b530 1px solid;
  border-radius: 1em;
}
.ref-condition_set-01 {上書き
  margin-bottom: 0;
}
/*アクセサリ、廃番含む*/
.ref-condition_set-02 {
  float: left;
}
.ref-condition_set-02 li {
  display: inline-block;
  margin-right: 20px;
  font-size: 1.2rem;
}
/*詳細ページ上部ボタン*/
.btn_list_right.main_top_area {
  margin-bottom: 10px;
}
.btn_list_right.main_top_area li {
  margin: 0 0 5px 10px!important;
}
.btn_main-top a {
  display: block;
  font-size: 1.2rem;
  width: auto!important;
  height: 36px!important;
  line-height: 36px!important;
  padding: 0 10px;
  white-space: nowrap;
}
/*左サイドの絞り込み*/
.side_refine .refine_body {
  border: #ddd 1px solid;
  border-radius: 4px;
}
/*header*/
.gNav_wrap {
  max-width: 1160px;
}
.hdBottomArea_wrap {
  margin-bottom: 0;
}
.mtop_neg {
  margin-top: -20px!important; 
}

/*--------------------------------------------------
  2020.10　改修
  コメントの「update_20201028」の部分を書き換える
  それ以外の修正は、以下参照
*/

/* main.css から以下の記述を削除--------------------
  @media screen and (max-width: 1239px) {
  .slideArea {
    width: 100%;
  }
  }
  @media screen and (min-width: 960px) {
  .pdc_wrap {
    width: 21.59%;
    margin: 0 3.4% 40px 0;
  }
  }
  @media screen and (min-width: 1136px) {
  .pdc_wrap {
    width: 17.27%;
    margin: 0 2.7% 40px 0;
  }
  }
  @media screen and (min-width: 1312px) {
  .pdc_wrap {
      width: 14.39%;
      margin: 0 2.27% 40px 0;
  }
  }
  @media screen and (min-width: 1488px) {
  .pdc_wrap {
    width: 12.33%;
    margin: 0 1.94% 40px 0;
  }
  }
  @media screen and (min-width: 1460px) {
  .smallCategory_link li {
    width: 15.06%;
    margin: 0 0 1.36% 1.36%;
  }
  @media screen and (min-width: 1300px) {/*8列
  .ld_smallItem {
    width: 12.2%;
  }
  }
  @media screen and (min-width: 980px) {/*3列
  .ld_majorItem {
    width: 30.6%;
    margin: 0 1.02% 30px;
  }
  }
  @media screen and (min-width: 1292px) {/*4列
  .ld_majorItem {
    width: 23.8%;
    margin: 0 0.5% 30px;
  }
  }
  @media screen and (min-width: 1610px) {/*5列
  .ld_majorItem {
    width: 18.82%;
    margin: 0 0.4% 30px;
  }
  }
 
--------------------------------------------------*/
.hdTopArea {
  border-top: none;
  max-width: 1200px;
  margin: 0 auto 5px;
}
.hdBottomArea_wrap {
  background: rgb(203,223,195);
  background: linear-gradient(0deg, rgba(203,223,195,1) 97%, rgba(174,194,167,1) 100%);
  /*height: 112px;*/
  margin-bottom: 1px;
  position: relative;
}
.hdBottomArea {
  position: relative!important;
  left: auto!important;
  top: auto!important;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 7px;
}
.hdSearch_wrap {
  background-color: #f5f5f5;
  margin: 0 310px 0 20px!important;
  position: relative;
  height: auto!important;
  display: -ms-flexbox;
  display: flex;
}
.hdSearch_inner {
  width: calc(100% - 74px);
  padding: 10px 10px 5px;
}
/*キーワード検索ボタン*/
.hdSearch_kw_btn {
  display: -ms-flexbox;
  display: flex;
  width: 74px;
  position: relative;
}
.hdSearch_btn_keyword {
  background: #4a4a4a url("/images/common/icon_search.svg") no-repeat center 36%;
  width: 100%;
  height: auto!important;
  transition: all 0.2s;
  padding-top: 45%;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
}
.hdSearch_btn_keyword:hover {
  background: #58b530 url("/images/common/icon_search.svg") no-repeat center 36%;
}
.hdSearch_inner_top {
  background-color: transparent!important;
  padding: 0 10px 0 0!important;
}
.hdKeywordSearch_box {
  padding-left: 240px!important;
  padding-right: 0!important;
}
.hdSearch_select_ttl,
.hdSearch_select_ttl:hover {
  background: #71b554 none no-repeat 0 0!important;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  width: 240px;
  height: 34px;
  cursor: auto!important;
}
.hdSearch_select_txt {
  line-height: 34px!important;
  padding: 0 10px;
  width: 240px;
}
.hdSearchInputBox_wrap {
  height: 34px!important;
}
.hdSearch_inner_top .hdSearch_inputBox input {
  background-color: #fff!important;
  border-top: #ddd 2px solid;
  border-bottom: #ddd 2px solid;
  border-right: #ddd 2px solid;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  height: 34px!important;
  padding-right: 0!important;
}
/*絞り込み検索*/
.hdSearch_inner_bottom {
  background: url("/images/common/shiborikomi_ttl.png") no-repeat 10px 5px;
  padding-left: 130px!important;
  padding: 5px 10px 0;
}
.hdSearch_zaiko_txt {
  font-size: 1.1rem;
}
.hdSearch_zaiko_input {
  margin-top: 7px;
}
.hdSearch_zaiko_input li {
  font-size: 1.4rem;
}
.hdSearch_zaiko_input ._input_zaiko {
  margin-bottom: 5px
}
.hdSearch_zaiko_input ._input_zaiko input[type="text"] {
  width: 4em;
}
.hdSearch_zaiko_input ._input_kakakutai input[type="text"] {
  width: 6em;
}
@media screen and (min-width: 1080px) {
  .hdSearch_zaiko_input {
    display: -ms-flexbox;
    display: flex;
  }
  .hdSearch_zaiko_input ._input_zaiko {
    width: 45%;
    padding-right: 20px
  }
  .hdSearch_zaiko_input ._input_kakakutai {
    width: 55%;
  }
}

/*品番検索*/
.hdSearch_direct {
  display: -ms-flexbox;
  display: flex;
}
.hdSearch_direct_ttl {
  background: #4a4a4a none no-repeat 0 0!important;
  position: relative!important;
  width: 70px!important;
  height: 32px!important;
  text-align: center;
}
.hdSearch_direct_txt {
  margin: 0 auto!important;
  line-height: 32px!important;
}
.hdSearch_direct .hdSearch_btn {
  position: relative!important;
  width: 40px!important;
}
.hdSearch_btn_direct {
  background: #4a4a4a url("/images/common/icon_search.svg") no-repeat center center;
  background-size: 16px auto;
  width: 40px!important;
  height: 32px;
  transition: all 0.2s;
}
.hdSearch_btn_direct:hover {
  background: #58b530 url("/images/common/icon_search.svg") no-repeat center center;
  background-size: 16px auto;
}
.hdSearch_direct .hdSearch_inputBox input {
  background-color: #fff!important;
  border: none!important;
  border-radius: 0;
  height: 32px!important;
}
.hdFixArea_bottom {
  margin-top: 5px
}
.hdCart_wrap,
.hdCompare_wrap {
  height: 62px;
}
.hdCart_wrap dt,
.hdCompare_wrap dt {
  height: 28px;
}
.hdCart_wrap dd,
.hdCompare_wrap dd {
  background-color: #fff!important;
  border: none!important;
  height: 34px!important;
}
/*Nav*/
.gNav_wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.news_headline_box {
  max-width: 1160px;
  margin: 35px auto 0;;
}
.containerTop {
  max-width: 1200px;
  margin: 20px auto 0;
}
.container {
  margin: 40px auto 0;
  max-width: 1200px;
}
.footer_bg {
  background-color: #2d2d2d;
}
.ttl_footer-01 {
  display: block;
  max-width: 1200px;
  margin: 0 auto 20px;
}
.footCategory_list,
.foot_subNav,
.foot_copyrightArea {
  max-width: 1200px;
  margin: 0 auto;
}
input[type="submit"], input[type="button"], input[type="reset"] {
  outline: none;
}
.breadcrumbArea ul {
  margin: 0 auto;
  padding: 8px 20px;
  max-width: 1200px;
}

/*商品一覧*/
.productList_set {
  position: relative;
}
.productList_set::after {/*罫線の調整*/
  background-color: #e2e2e2;
  content: '';
  position: absolute;
  right: 280px;
  display: block;
  width: 1px;
  height: calc(100% - 20px);  
}
.pdl_cartWrap {
  border-left: none!important;
}
.pdl_txt-variation {
  color: #8a8a8a;
  font-size: 1.1rem;
}
.pdl_txt-variation .txt-number {
  color: #ff764b;
  font-size: 1.3rem;
  font-weight: bold;
}
/*動画アイコン*/
.pdl_partNum {
  position: relative;
  white-space: normal!important;
}
.icon-video {
  position: relative;
  top: 1px;
  display: inline-block;
  padding-left: 5px;
  line-height: 1;
  transition: .3s;
}
.icon-video:hover {
  opacity: 0.8
}
.pdl_vertical_line {
  border-right: none;
  margin-right: 0;
}

/*タイル表示*/
.product_card {
  width: auto!important;
  min-width: 680px!important;
}
.pdc_wrap {
  width: 23%!important;
  margin: 0 1% 40px!important;
}
/*線画検索レイアウト変更*/
.lineDrawing_outer_major {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  margin: 0;
}
.ld_majorItem {
  width: 18%!important;
  margin: 0 1% 1%!important;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.ld_majorItem .ld_majorImg {
  display: -ms-flexbox;
  display: flex;
  min-height: 0%;/*IE11のbug回避*/
}
.ld_majorItem .ld_majorImg img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.ld_majorItem > a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ld_majorText {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: auto;
  -webkit-box-flex: 1;
 -ms-flex-positive: 1;
         flex-grow: 1;
}
/*サイドの絞り込み検索*/
.side_refine {
  margin-bottom: 20px
}
.side_refine .refine_body {
  padding: 10px;
}
.side_refine .side_refine-ttl {
  background-color: #e7e7e7;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 8px;
}
.side_refine .side_refine-box {
  background-color: #fff;
  padding: 15px 8px;
}
.side_refine ._input_zaiko {
  margin-bottom: 10px;
}
.side_refine ._input_zaiko input[type="text"] {
  width: 4em;
}
.side_refine ._input_kakakutai input[type="text"] {
  width: 8em;
}
.side_refine ._input_kakakutai ._kakakutai_in {
  display: block;
  margin-bottom: 5px;
}
.side_refine ._input_kakakutai ._kakakutai_in:last-child {
  margin-bottom: 0;
}
.side_refine-btn a {
  width: 100%;
  padding: 10px;
  font-size: 1.4rem;
  margin: 10px 0;
}
._input_kakakutai input,
._input_zaiko input {
  position: relative;
  top: -2px;
}
.side_refine-box .text-smaller {
  font-size: 1.1rem;
}