@charset "Shift-JIS";

/*------------------
特集ページ共通css
------------------*/
.b-siz, .b-siz::before, .b-siz::after, .b-siz *, .b-siz *::before, .b-siz *::after {
  box-sizing: border-box; }
.b-siz {
  font-size: 14px;
  line-height: 1.4; }
.b-siz figure,
section {
  padding: 0;
  margin: 0; }
.b-siz a:hover img {
  opacity: .8; }

.spscrl_table {
  padding-bottom: 10px;
  margin-bottom: 20px; }
.spscrl_table table {
  width: 100%; }

._Goodslist_dl {
  margin-top: 5px; }
._Goodslist_dl dl {
  display: flex;
  align-items: center;
  border-bottom: 2px solid darkorange;
  padding: 10px 0;
  text-align: center; }
._Goodslist_dl dl:first-child {
  border-top: 2px solid darkorange; }
._Goodslist_dl dl._Glist_head {
  background-color: wheat;
  font-weight: bold; }
._Goodslist_dl dl ._Image {
  min-width: 150px;
  width: 150px;
  padding-left: 35px;
  padding-right: 35px; }
._Goodslist_dl dl ._Name {
  text-align: left;
  flex-grow: 1;
  padding-right: 5px; }
._Goodslist_dl dl ._Size {
  min-width: 110px;
  width: 110px;
  word-break: break-all;
  padding: 0 5px; }
._Goodslist_dl dl ._Deli {
  min-width: 110px;
  width: 110px; }
._Goodslist_dl dl ._Price {
  color: red;
  text-align: right;
  min-width: 90px;
  width: 90px; }
._Goodslist_dl dl ._Link {
  min-width: 150px;
  width: 150px; }
._Goodslist_dl dl ._Link a {
  display: block;
  width: 110px;
  margin: 0 auto;
  background-color: darkorange;
  padding: 5px 0;
  border-radius: 5px;
  color: #FFF;
  font-weight: bold;
  border: 2px solid darkorange;
  transition: .4s; }
._Goodslist_dl dl ._Link a:hover {
  text-decoration: none;
  background-color: #ffffff;
  color: darkorange; }

._fixtbl_dl {
  text-align: center;
  vertical-align: middle;
  width: 100%;
  margin: 5px 0 0; }
._fixtbl_dl dl {
  border-left: solid 1px #eee;
  display: flex; }
._fixtbl_dl dl._fixtbl_dl_header {
  border-top: solid 1px #eee; }
._fixtbl_dl dt {
  border-right: solid 1px #eee;
  border-bottom: solid 1px #eee;
  text-align: center;
  padding: 5px 2px;
  background-color: aliceblue;
  display: flex;
  align-items: center;
  justify-content: center; }
._fixtbl_dl dd {
  border-right: solid 1px #eee;
  border-bottom: solid 1px #eee;
  text-align: center;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center; }
._fixtbl_dl ._H_NAME,
._fixtbl_dl ._D_NAME {
  flex-grow: 1; }
._fixtbl_dl ._H_IMG,
._fixtbl_dl ._H_SIZE {
  width: 90px; }
._fixtbl_dl ._H_PRICE_M,
._fixtbl_dl ._H_PRICE_N {
  width: 90px;
  font-size: 12px; }
._fixtbl_dl ._H_PRICE_S {
  width: 100px; }
._fixtbl_dl ._H_DISC {
  width: 60px; }
._fixtbl_dl ._H_LINK {
  width: 110px; }
._fixtbl_dl ._D_IMG {
  width: 90px;
  min-width: 90px;
  max-width: 90px; }
._fixtbl_dl ._D_SIZE {
  width: 90px;
  min-width: 90px;
  max-width: 90px;
  word-break: break-all; }
._fixtbl_dl ._D_PRICE_N {
  width: 90px;
  min-width: 90px;
  max-width: 90px;
  white-space: nowrap; }
._fixtbl_dl ._D_PRICE_M {
  width: 90px;
  min-width: 90px;
  max-width: 90px;
  white-space: nowrap; }
._fixtbl_dl ._D_PRICE_S {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  font-size: 16px;
  font-weight: bold;
  color: red;
  white-space: nowrap; }
._fixtbl_dl ._D_DISC {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  white-space: nowrap; }
._fixtbl_dl ._D_LINK {
  width: 110px;
  min-width: 110px;
  max-width: 110px;
  white-space: nowrap; }
._fixtbl_dl ._D_LINK ._BTN {
  display: inline-block;
  width: 100px;
  margin: 4px 0 0 4px;
  padding: 8px 4px;
  text-align: center;
  text-decoration: none;
  border: 2px solid #e75f05;
  color: #e75f05;
  font-weight: bold;
  border-radius: 4px;
  transition: .4s; }
._fixtbl_dl ._D_LINK ._BTN:hover {
  background-color: #e75f05;
  color: #FFF; }

.feature_title_sec {
  margin-bottom: 25px; }
.h1_txt_titie {
  padding: 15px;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px; }
.feature_title_sec p {
  font-size: 16px; }

.pickup_products {
  margin-bottom: 30px;
  border: solid 2px #eeeeee;
  position: relative;
  z-index: 1; }
.pickup_products a {
  display: block;
  color: inherit;
  transition: .3s; }
.pickup_products a:hover {
  text-decoration: none;
  background-color: #eeeeee; }
.pickup_products a img {
  transition: .3s; }
.pickup_products .pickup_atten {
  display: block;
  padding: 7px 40px;
  background-color: #eeeeee;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0; 
  z-index: 1; }
.pickup_products.red {
  border-color: #ff0000; }
.pickup_products.red .pickup_atten {
  background-color: #ff0000; }
.pickup_products.orange {
  border-color: #ee7800; }
.pickup_products.orange .pickup_atten {
  background-color: #ee7800; }
.pickup_products.yellow {
  border-color: #ffd900; }
.pickup_products.yellow .pickup_atten {
  background-color: #ffd900;
  color: #000000; }
.pickup_products_btn {
  text-align: right;
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 1; }
.pickup_products_btn span {
  display: inline-block;
  border-radius: 5px;
  padding: 5px 40px 5px 10px;
  border: solid 2px #f87407;
  background-color: #f87407;
  color: #ffffff;
  position: relative;
  transition: .3s; }
.pickup_products_btn span::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate( 0, -50%) rotate(-45deg);
  border-right: solid 2px #ffffff;
  border-bottom: solid 2px #ffffff;
  transition: .3s; }
 .pickup_products a:hover .pickup_products_btn span {
  color: #f87407;
  background-color: #ffffff; }
 .pickup_products a:hover .pickup_products_btn span::after {
  border-color: #f87407; }

@media (orientation: portrait) and (max-width: 767px) {
  .b-siz {
    font-size: 3.74vw; }
  .b-siz img {
    max-width: 100%;
    height: auto; }

  .spscrl_table {
    margin: 0 -3vw 6vw;
    padding: 0 3vw 3vw;
    overflow-x: scroll; }
  .spscrl_table table {
    width: 240vw; }

  ._Goodslist_dl {
    display: flex;
    flex-wrap: wrap;
    margin: 1vw 0 0 -4vw; }
  ._Goodslist_dl dl {
    flex-direction: column;
    width: 45vw;
    margin: 0 0 0 4vw;
    position: relative; }
  ._Goodslist_dl dl._Glist_head {
    display: none; }
  ._Goodslist_dl dl:nth-child(2),
  ._Goodslist_dl dl._Glist_head + dl + dl {
    border-top: 2px solid darkorange; }
  ._Goodslist_dl dl dd {
    padding: 1vw 0; }
  ._Goodslist_dl dl ._Image {
    width: 100%;
    height: calc( 45vw * .711);
    min-width: 0;
    padding-left: 7.5vw;
    padding-right: 7.5vw; }
  ._Goodslist_dl dl ._Name {
    padding-left: 0;
    padding-right: 0; }
  ._Goodslist_dl dl ._Size {
    width: 100%;
    min-width: 0;
    padding-left: 3.2em;
    padding-right: 0;
    position: relative;
    text-align: right; }
  ._Goodslist_dl dl ._Size::before {
    content: "サイズ";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate( 0, -50%);
    font-size: 3.2vw; }
  ._Goodslist_dl dl ._Deli {
    width: 100%;
    min-width: 0;
    padding-left: 3.2em;
    padding-right: 0;
    position: relative;
    text-align: right; }
  ._Goodslist_dl dl ._Deli::before {
    content: "出荷目安";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate( 0, -50%);
    font-size: 3.2vw; }
  ._Goodslist_dl dl ._Price {
    width: 100%;
    min-width: 0;
    position: relative; }
  ._Goodslist_dl dl ._Price::before {
    content: "価格(税抜)";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate( 0, -50%);
    font-size: 3.2vw; }
  ._Goodslist_dl dl ._Link {
    width: 100%;
    min-width: 0; }
  ._Goodslist_dl dl ._Link a {
    width: 100%; }
  ._Goodslist_dl dl ._Link a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }

  ._fixtbl_dl {
    display: flex;
    position: relative;
    border: solid 1px #eee;
    border-bottom: none; }
  ._fixtbl_dl img {
    width: auto; }
  ._fixtbl_dl dl {
    border-left: none;
    flex-direction: column; }
  ._fixtbl_dl dl._fixtbl_dl_header {
    border-top: none;
    width: 20vw;
    min-width: 20vw; }
  ._fixtbl_dl dl._fixtbl_dl_header dt {
    width: 100%;
    font-size: 3.2vw; }
  ._fixtbl_dl dl._fixtbl_dl_header dt._H_PRICE_M,
  ._fixtbl_dl dl._fixtbl_dl_header dt._H_PRICE_N {
    font-size: 2.93vw; }
  ._fixtbl_dl ._fixtbl_dl_scrl {
    display: flex;
    overflow: scroll;
    width: 100%; }
  ._fixtbl_dl ._fixtbl_dl_scrl dl {
    width: 32vw;
    min-width: 32vw;
    flex-grow: 1; }
  ._fixtbl_dl ._fixtbl_dl_scrl dl:last-child dd {
    border-right: none; }
  ._fixtbl_dl ._fixtbl_dl_scrl dd[class^="_D_"] {
    width: 100%;
    max-width: none;
    min-width: 0;
    text-align: left; }
  ._fixtbl_dl ._H_IMG,
  ._fixtbl_dl ._D_IMG {
    height: 32vw;
    min-height: 32vw;
    max-height: 32vw; }
  ._fixtbl_dl ._H_SIZE,
  ._fixtbl_dl ._H_DISC,
  ._fixtbl_dl dt[class^="_H_PRICE"],
  ._fixtbl_dl ._D_SIZE,
  ._fixtbl_dl ._D_DISC,
  ._fixtbl_dl dd[class^="_D_PRICE"] {
    height: 9vw;
    min-height: 9vw;
    max-height: 9vw; }
  ._fixtbl_dl._MS_spsize02 ._H_SIZE,
  ._fixtbl_dl._MS_spsize02 ._D_SIZE {
    height: 15vw;
    min-height: 15vw;
    max-height: 15vw; }
  ._fixtbl_dl ._D_NAME {
    padding-top: 3vw;
    padding-bottom: 3vw; }
  ._fixtbl_dl ._D_PRICE_S {
    font-size: 4.27vw; }
  ._fixtbl_dl ._D_DISC br {
    display: none; }
  ._fixtbl_dl ._D_LINK ._BTN {
    display: block;
    margin: 0; }
  ._fixtbl_dl ._H_LINK,
  ._fixtbl_dl ._D_LINK {
    height: 15vw;
    min-height: 15vw;
    max-height: 15vw; }
  ._fixtbl_dl ._D_IMG a,
  ._fixtbl_dl ._D_LINK a._BTN {
    width: calc(32vw - 11px); }

  .youtube_wrap {
    position: relative;
    padding-top: 56.25%;
    z-index: 1; }
  .youtube_stn_wrap {
    position: relative;
    padding-top: 75%;
    z-index: 1; }
  .youtube_wrap iframe,
  .youtube_stn_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .h1_txt_titie {
    font-size: 6.93vw; }
  .feature_title_sec p {
    font-size: inherit; }
}

/*------------------
配管資料集・下ページ
9999_libraryfront.aspx
------------------*/
._lbun_h1 {
  margin: 0 0 10px;
  font-weight: bold;
  font-size: 22px;
  padding-bottom: 5px;
  border-bottom: dotted 1px #000000; }
._lbun_title {
  margin: 0 0 10px;
  font-weight: bold;
  font-size: 20px; }
._lbun_category {
  margin: 0 0 5px 0;
  font-size: 16px;
  font-weight: bold; }
p._lbun_bk {
  text-align: right;
  margin-bottom: 10px; }
p._lbun_bk a {
  text-decoration-line: underline; }
table._lbun_table_01 {
  margin-bottom: 20px; }
table._lbun_table_01 td {
 padding: 5px;
 border: 1px solid #000000; }
table._lbun_table_01 td:first-child {
  white-space: nowrap; }
table._lbun_table_02 th, table._lbun_table_02 td {
  border: 1px solid #000000;
  padding: 5px;
  text-align: center; }
table._lbun_table_02 th {
  font-weight: bold;
  vertical-align: middle; }
table._lbun_table_02.jis td:nth-child(5) {
  text-align: left;
  width: 50%; }
table._lbun_table_02.jwwa td:nth-child(4) {
  text-align: left;
  width: 60%; }
@media (orientation: portrait) and (max-width: 767px) {
  ._lbun_h1,
  ._lbun_title {
    font-size: 5.33vw; }
  ._lbun_category {
    font-size: 4.27vw; }
}

/*------------------
よくあるお問い合わせ・下ページ
faq.aspx
------------------*/
._faq_h1 {
  margin: 0 0 10px;
  font-weight: bold;
  font-size: 22px;
  padding-bottom: 5px;
  border-bottom: dotted 1px #000000; }
._faq_title {
  margin: 0 0 10px;
  font-weight: bold;
  font-size: 18px; }
p._faq_bk {
  text-align: right;
  margin-bottom: 10px; }
p._faq_bk a {
  text-decoration-line: underline; }
._FAQ_wrap ._FAQ_LIST {
  display: flex;
  flex-wrap: wrap;
  margin: -10px 0 30px -30px; }
._FAQ_wrap ._FAQ_COLUMN {
  width: 280px;
  margin: 20px 0 0 30px; }
._FAQ_wrap ._FAQ_COLUMN a {
  display: block;
  height: 100%;
  font-size: 16px;
  text-align: center;
  border: solid 1px #aaaaaa;
  padding: 10px 5px;
  border-radius: 5px;
  color: inherit; }
._FAQ_wrap ._FAQ_COLUMN a:hover {
  color: #ffffff;
  background-color: #aaaaaa;
  text-decoration: none; }
._FAQ_wrap #faq div.faqbox_ {
  width: auto; }
@media (orientation: portrait) and (max-width: 767px) {
  ._FAQ_wrap {
    padding: 0 3vw 6vw; }
  ._faq_h1 {
    font-size: 5.33vw; }
  ._faq_title {
    font-size: 4.27vw; }
  ._FAQ_wrap ._FAQ_LIST  {
    margin: -2vw 0 6vw -2vw; }
  ._FAQ_wrap ._FAQ_COLUMN {
    width: 46vw;
    margin: 2vw 0 0 2vw; }
  ._FAQ_wrap ._FAQ_COLUMN a {
    font-size: inherit; }
}

/*------------------
規約等
law.aspx,policy_law.aspx,policy.aspx
------------------*/
._law_wrap div.freepage_ .section_ {
  padding-bottom: 0; }
._law_wrap div.freepage_ .section_ + .common_headline1_ {
  margin-top: 40px; }
._law_wrap ._law_right {
  text-align: right; }
._law_table1 {
  border-collapse: collapse;
  border: 1px #CCCCCC solid; }
._law_table1 td {
  padding: 8px;
  border: 1px #CCCCCC solid; }
._law_table1 th {
  padding: 8px;
  border: 1px #CCCCCC solid;
  font-weight: bold; }
@media (orientation: portrait) and (max-width: 767px) {
  ._law_wrap {
    padding: 0 3vw 6vw; }
  ._law_wrap div.freepage_ > p {
    margin-bottom: 6vw; }
  ._law_wrap div.freepage_ .section_ {
    padding: 0; }
  ._law_wrap .common_headline2_ {
    margin-bottom: 1vw; }
  ._law_wrap div.freepage_ .section_ p,
  ._law_wrap div.freepage_ .section_ ul {
    margin: 0 0 0 3vw; }
  ._law_wrap ._law_right {
    text-align: left; }
  ._law_table1,
  ._law_table1 tbody,
  ._law_table1 tr,
  ._law_table1 th,
  ._law_table1 td {
    display: block;
    width: 100%;
    border: none;
    padding: 0; }
  ._law_table1 {
    border-bottom: solid 1px #000000; }
  ._law_table1 th {
    background-color: #333333;
    color: #ffffff;
    padding: 1.5vw; }
  ._law_table1 td {
    padding: 1.5vw 1.5vw 3vw;
    border-left: solid 1px #000000;
    border-right: solid 1px #000000; }
}

/*------------------
ログインページ
LOGIN_HEADER.html LOGIN_FOOTER.html
------------------*/
.lgin_header {
  margin-bottom: 20px;
  padding-bottom: 10px;
  display: flex;
  border-bottom: 1px dotted #1B1B1C;
  align-items: center; }
.lgin_header h1 {
  margin-right: 40px;
  font-size: 20px;
  font-weight: bold; }
.lgin_header span {
  font-size: 16px;
  color: red; }
.lgin_footer .red {
  color: red; }
.lgin_footer h4 {
  font-weight: bold;
  padding-bottom: 2px;
  margin-bottom: 8px;
  display: block;
  border-bottom: 1px solid #E9E9E9; }
.lgin_prcs {
  margin: 10px 0 0; }
.lgin_prcs strong {
  display: block;
  margin-bottom: 5px; }
.lgin_prcs ul {
  display: flex;
  align-items: center;
  justify-content: space-between; }
.lgin_prcs li {
  padding-right: 45px;
  position: relative;
  font-size: 12px; }
.lgin_prcs li:last-child {
  padding-right: 0; }
.lgin_prcs li::before,
.lgin_prcs li::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate( 0, -50%); }
.lgin_prcs li::before {
    right: 0;
    width: 6px;
    height: 6px;
    border: solid transparent;
    border-width: 12px 0 12px 15px;
    border-left-color: #5599ff; }
.lgin_prcs li::after {
    right: 14px;
    width: 14px;
    height: 8px;
    border-left: 14px solid #5599ff; }
.lgin_prcs li:last-child::before,
.lgin_prcs li:last-child::after {
  content: none; }
.lgin_prcs span {
  width: 200px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1b72e9;
  border-radius: 8px;
  font-weight: bold;
  text-align: center;
  color: #ffffff; }
.lgin_footer_ul02 {
  margin: 10px 0 20px; }
.lgin_footer_ul02 li + li {
  margin-top: 5px; }
.login_.col1_ .loginform_ .form_text_ {
  margin-bottom: 5px; }

@media (orientation: portrait) and (max-width: 767px) {
  .lgin_header {
    display: block;
    padding-bottom: 0;
    margin-bottom: 5px;
    border-bottom: none; }
  .lgin_header h1 {
    font-size: 5.33vw;
    padding-bottom: 5px;
    margin: 0 0 5px;
    border-bottom: 1px dotted #1B1B1C;  }
  .lgin_header span {
    display: block;
    text-align: right;
    font-size: 3.46vw; }
  .lgin_prcs ul {
    flex-wrap: wrap;
    row-gap: 10px;
    justify-content: space-between; }
  .lgin_prcs li {
    width: 49%;
    padding-right: 0;
    font-size: 3.2vw; }
  .lgin_prcs li::before {
    width: 1.6vw;
    height: 1.6vw;
    border-width: 2.67vw 0 2.67vw 3.74vw; }
  .lgin_prcs li::after {
    right: 3.47vw;
    width: 3.47vw;
    height: 1.6vw;
    border-left-width: 3.47vw; }
  .lgin_prcs span {
    width: 37.33vw;
    height: 12vw; }
  .lgin_footer_ul02 span {
    display: block;
    padding-left: 1em; }
}

/*------------------
新規会員登録ページ
AGREE_HEADER.html,AGREE_BODY.html,ENTRY_HEADER.html
------------------*/
._entry_title {
  display: flex;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px dotted #1B1B1C;
  align-items: center; }
._entry_title h1 {
  font-size: 20px;
  font-weight: bold; }
._entry_title .red {
  margin-left: 10px; }
.entry_flow {
  margin-left: auto;
  display: inline-flex;
  background-color: #dbdcdb;
  border: solid 1px #ababab;
  color: #595857;
  overflow: hidden;
  font-weight: bold; }
.entry_flow span {
  position: relative;
  padding: 3px 15px 3px 30px; }
.entry_flow span:first-child {
  padding-left: 15px; }
.entry_flow span::before, 
.entry_flow span::after {
  content: "";
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 20px 0 20px 16px;
  position: absolute;
  top: 50%;
  transform: translate( 0, -50%); }
.entry_flow span::before {
  border-left-color: #dbdcdb;
  right: -15px;
  z-index: 1; }
.entry_flow span::after {
  border-left-color: #ababab;
  right: -16px;
  z-index: -1; }
.entry_flow span:nth-child(1) { z-index: 3; }
.entry_flow span:nth-child(2) { z-index: 2; }
.entry_flow span:nth-child(3) { z-index: 1; }
.entry_flow span:last-child::before,
.entry_flow span:last-child::after { content: none; }
.entry_flow span.current {
  background-color: #3984c6;
  color: #ffffff; }
.entry_flow span.current::before {
  border-left-color: #3984c6; }
._agree_heaer .red {
  color: red; }
._agree_List {
  display: inline-block;
  border: solid 4px orange;
  border-radius: 8px;
  font-weight: bold;
  margin: 0px;
  padding: 5px 10px;
  counter-reset: number; }
._agree_List li {
  padding: 3px 0 3px 1.5em;
  position: relative; }
._agree_List li::before {
  counter-increment: number;
  content: counter(number)".";
  position: absolute;
  left: 0; }
.agree_note {
  margin-top: 5px;
  padding-left: 1em; }
._agree_cnt02 {
  margin-bottom: 20px; }
._agree_box01 {
  overflow: hidden;
  border: solid 1px #cccccc;
  border-radius: 5px;
  word-break: break-all; }
._agree_box01:hover {
  border-color: #666666; }
._agree_txt {
  height: 350px;
  min-height: 200px;
  max-height: 700px;
  padding: 5px;
  overflow-y: scroll;
  resize: vertical; }
._agree_h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px; }
._agree_h4 {
  font-weight: bold;
  margin: 15px 0 5px; }
._agr_div01 {
  padding-left: .5em; }
._agr_div01 strong {
  display: block;
  margin: 10px 0 5px; }
._agr_div01 strong:first-child {
  margin-top: 0; }
._agr_div01 li {
  text-indent: -1em;
  padding-left: 1em; }
._agr_right {
  text-align: right;
  font-size: 12px; }

@media (orientation: portrait) and (max-width: 767px) {
 ._entry_title {
    border-bottom: none;
    flex-direction: column;
    padding: 0;
    margin: 0 0 6vw; }
 ._entry_title h1 {
    width: 100%;
    border-bottom: 1px dotted #1B1B1C;
    font-size: 5.33vw; }
 ._entry_title .red {
    margin: 3vw 0 0; }
  .entry_flow {
    display: flex;
    width: 100%;
    order: -1;
    margin-bottom: 3vw; }
  ._agree_cnt02 {
    margin-bottom: 10px; }
  ._agree_h3 {
    font-size: 4.27vw; }
  ._agr_right {
    font-size: 3.2vw; }
}
/*------------------
買い物かご・お見積り
CART_HEADER.html,METHOD_HEADER.html,METHOD_FOOTER.html
EST_METHOD_HEADER.html,EST_METHOD_FOOTER.html,EST_ESTIMATE_HEADER.html
------------------*/
._order_flow_ul {
  margin-bottom: 15px; }
._order_flow_ul ul {
  counter-reset: number;
  display: flex;
  justify-content: center; }
._order_flow_ul li {
  width: 25%;
  position: relative;
  border-bottom: solid 2px #a5a5a5;
  padding-bottom: 5px;
  font-weight: bold;
  color: #a5a5a5;
  text-align: center;
  font-size: 12px; }
._order_flow_ul li::before {
  counter-increment: number;
  content: counter(number);
  width: 20px;
  height: 20px;
  padding-top: 2px;
  margin-right: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #d5d4d4;
  border: solid 1px #a5a5a5;
  border-radius: 100px;
  font-size: 10px;
  color: #ffffff; }
._order_flow_ul li.current {
  border-bottom-color: #1b72e9;
  color: #1b72e9; }
._order_flow_ul li.current::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  border: solid transparent;
  border-width: 12px 8px 0;
  border-top-color: #1b72e9; }
._order_flow_ul li.current::before {
  background-color: #4d92ef;
  border-color: #1b72e9; }
.estmdisc_link {
  margin-bottom: 15px; }
.estmdisc_link a {
  display: inline-block;
  font-weight: bold; }
.estm_footer_p01 {
  font-size: 16px;
  margin-bottom: 5px; }
.cart_footer .red,
.estm_footer .red {
  color: red; }

  /*  ec調整追加css 2022.11  */
.method_box_content_coupon_list .table_data_dt {
  background-color: #ECEDEE;
  font-weight: bold; }
.method_box_content_coupon_list th,
.method_box_content_coupon_list td {
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 3px 5px; }

@media (orientation: portrait) and (max-width: 767px) {
._order_flow_ul li {
  padding-top: 6vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.67vw; }
._order_flow_ul li::before {
  width: 4.8vw;
  height: 4.8vw;
  margin: 0;
  padding-top: .53vw;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  font-size: 2.13vw; }
._order_flow_ul li.current::after {
  border-width: 2vw 1.5vw 0; }
.estm_footer_p01 {
  font-size: 4.27vw; }

  /*  ec調整追加css 2022.11  */
.method_box_content_coupon_list table {
  background-color: #ECEDEE; }
.method_box_content_coupon_list tr {
  display: block;
  width: 100%; }
.method_box_content_coupon_list td {
  width: 100%;
  background-color: #ffffff; }
.method_box_content_coupon_list th {
  width: 100%;
  border-left: none; }
.method_box_content_coupon_list th:last-child,
.method_box_content_coupon_list tbody td:last-child {
  border-bottom: none; }
.method_box_content_coupon_list .btn-default {
  margin: 0; }
.method_box_content_ li {
  list-style: none; }
.formlist_ .formdetail_ {
  border-bottom: none; }
}

/*------------------
カテゴリ・イベント・商品一覧共通css
------------------*/
.category_explanation .cate_txt_link a {
  font-size: 14px; }
.subcategorylist_ a {
  cursor: pointer; }
.autopagerize_page_element_.modestyleact div.StyleD_Frame_ div.img_ {
  height: 156px; }
.event_txt_link {
  margin-bottom: 20px;
  padding: 7px;
  font-size: 14px;
  line-height: 1.5; }
  
@media (orientation: portrait) and (max-width: 767px) {
  .category_explanation .cate_txt_link a {
    font-size: 3.73vw; }
  div.category_explanation {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    padding: 0; }
  .event_name_ ~ #category_search_result_list {
    margin-bottom: 10px; }
  .autopagerize_page_element_.modestyleact div.StyleD_Frame_ div.img_ {
    height: calc( (95vw - 20px) / 2 ); }
  .navisort_ dl {
    display: flex;
    align-items: center;
    white-space: nowrap; }
  .navisort_ dd {
    display: flex; }
  .navisort_ span:last-child a {
    margin-right: 0; }
  .formlist_ #search_keyword .AndOr_ {
    margin-top: 3vw; }

  .event_txt_link {
    font-size: 3.46vw;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    padding: 0; }

  .navipage_ {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .navipage_ .navipage_sum_ {
    width: 100%; }
  .navipage_ .navipage_reverse_,
  .navipage_ .navipage_forward_ {
    margin: 0;
    display: flex; }
  .navipage_ a,
  .navipage_now_ {
    width: 10vw;
    height: 10vw;
    max-width: none;
    max-height: none;
    line-height: 10vw; }
}

/*------------------
商品詳細共通css
------------------*/
@media (orientation: portrait) and (max-width: 767px) {
  .goodsimg_ .img_L_ {
    height: 92vw;
    display: flex;
    align-items: center;
    justify-content: center; }
  .goods_contact_ {
    align-items: flex-start; }
  .goods_contact_ a {
    min-width: 37vw; }
  .goodstable_new_btn-sp.fixed {
    position: static; }

  /*  パンくず調整  */
  .navitopicpath_ {
    margin-top: 0; }
}

/*------------------
メーカーから製品を探すページcss
------------------*/
.CategoryStyleG_Line_ .CategoryStyleG_Item_ {
  display: none; }
.CategoryStyleG_Line_  .maker_tab_ .CategoryStyleG_Item_,
.CategoryStyleG_Line_ > .CategoryStyleG_Item_:first-child,
.CategoryStyleG_Line_ div.CategoryStyleG_Item_.ttl_en_ {
  display: block; }

/*------------------
商品検索css
------------------*/
@media (orientation: portrait) and (max-width: 767px) {
  .formlist_ dt,
  .formlist_ dd {
    padding: 10px;
  }
  .remodal-select-open {
    padding-left: 0;
    padding-right: 0;
  }
}


/*------------------
マイページ内css
------------------*/
/*  お気に入り   */
div.customer_ .bookmark_item_:not(:first-child) {
  border-top: dotted 1px #dddddd; }
@media (orientation: portrait) and (max-width: 767px) {
.bookmark_buy_ input[name="bulkdelete.x"] {
  border-radius: 5px;
  border: none;
  font-size: 3.27vw;
  padding: 5px; }
}
/*   見積履歴   */
@media (orientation: portrait) and (max-width: 767px) {
.table_dl.table_data.multi_dl.dl_isboder.history_.table13 .table_data_title dd,
.table_dl.table_data.multi_dl.dl_isboder.goodslist_.table15 .table_data_title dd {
  position: relative;
  padding: 5px 10px;
  display: block; }
.table_dl.table_data.multi_dl.dl_isboder.history_.table13 .table_data_title dd::before,
.table_dl.table_data.multi_dl.dl_isboder.goodslist_.table15 .table_data_title dd::before {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0; }
.table_dl.table_data.multi_dl.dl_isboder.history_.table13 .table_data_title dd {
  padding-left: calc( 35vw + 10px); }
.table_dl.table_data.multi_dl.dl_isboder.history_.table13 .table_data_title dd::before {
  width: 35vw; }
.table_dl.table_data.multi_dl.dl_isboder.goodslist_.table15 .table_data_title dd {
  padding-left: calc( 25vw + 10px); }
.table_dl.table_data.multi_dl.dl_isboder.goodslist_.table15 .table_data_title dd::before {
  width: 25vw; }
}
/*   Web利用履歴   */
@media (orientation: portrait) and (max-width: 767px) {
.customer_order_receipt_ {
  margin-top: 10px; }
.table_dl.table_data.multi_dl.dl_isboder.history_.table_style16 .table_data_title dd.status_ img {
  width: auto; }
}
/*   お問い合わせ   */
@media (orientation: portrait) and (max-width: 767px) {
.contact_.table_dl.table_style10 span.small_ {
  margin-top: 5px;
  display: block; }
.contact_.table_dl.table_style10 .error_ {
  margin-top: 5px; }
.customer_status_ {
  margin-bottom: 10px; }
}
/*   お問い合わせ履歴   */
@media (orientation: portrait) and (max-width: 767px) {
div.contact_ ul.contactlist_ li {
  padding: 10px 5px;
  border-bottom: 1px dotted #CCC; }
}
/*   納入先の新規登録   */
@media (orientation: portrait) and (max-width: 767px) {
.table_dl.table11 dl dd .small_ {
  margin-top: 5px; }
}

/*   レコメンド   */
.dv_set_block .dv_set .dv_set_img {
  height: 156px; }

.dv_set_block .dv_set .dv_set_img {
  height: calc( (95vw - 20px) / 2 ); }