@charset "UTF-8";
/* CSS Document */
/*リンク、余白など一律のモジュール***************************************************/
img {
  max-width: 100%;
}

a {
  color: #2a4491;
}

a:hover {
  opacity: 0.6;
  cursor: pointer;
}

button:hover {
  opacity: 0.6;
  cursor: pointer;
}

.t-right {
  text-align: right;
}

.t-left {
  text-align: left;
}

.t-center {
  text-align: center;
}

.m_0 {
  margin: 0;
}

.m_1em {
  margin: 1em;
}

.m_01em {
  margin: 0 1em;
}

.m_10em {
  margin: 1em 0;
}

.m_1rem {
  margin: 1rem;
}

.m_01rem {
  margin: 0 1rem;
}

.m_10rem {
  margin: 1rem 0;
}

.mb_0 {
  margin-bottom: 0;
}

.mb_1em {
  margin-bottom: 1em;
}

.mb_2em {
  margin-bottom: 2em;
}

.mb_1rem {
  margin-bottom: 1rem;
}

.mb_2rem {
  margin-bottom: 2rem;
}

.mb_3rem {
  margin-bottom: 3rem;
}

.ml_1em {
  margin-left: 1em;
}

.ml_2em {
  margin-left: 2em;
}

.ml_1rem {
  margin-left: 1rem;
}

.ml_2rem {
  margin-left: 2rem;
}

.p_01 {
  padding: 0 1em;
}

.p_01em {
  padding: 0 1em;
}

.p_01rem {
  padding: 0 1rem;
}

.p_10rem {
  padding: 1rem 0;
}

.p_0 {
  padding: 0;
}

.p_1em {
  padding: 1em;
}

.p_1rem {
  padding: 1rem;
}

.bg-e {
  background-color: #eef0f2;
}

.bg-w {
  background-color: #ffffff;
}

.txt-xl {
  font-size: 24px;
}

.txt-ll {
  font-size: 20px;
}

.txt-l {
  font-size: 16px;
}

.txt-ml {
  font-size: 15px;
}

.txt-m {
  font-size: 14px;
}

.txt-ms {
  font-size: 13.5px;
}

.txt-s {
  font-size: 12.75px;
}

.txt-ss {
  font-size: 12px;
}

.txt-sss {
  font-size: 11.25px;
}

.txt-xs {
  font-size: 10px;
}

.txt-120 {
  font-size: 120%;
}

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

.txt-75 {
  font-size: 75%;
}

.txt-red {
  color: #9F1010;
}

.txt-red2 {
  color: #e01939;
}

.txt-gray {
  color: #9c9fa5;
}

.txt-gray2 {
  color: #666970;
}

.txt-gray3 {
  color: #cbced7;
}

.txt-white {
  color: #ffffff;
}

.a_nocolor {
  text-decoration: none;
  color: inherit;
}

.flex-under {
  display: flex;
  align-items: baseline;
}

.mh-auto {
  max-height: auto !important;
}

.material-icons {
  display: inline-flex;
  vertical-align: middle;
}

@media screen and (min-width: 740px) {
  /*
  *********************** 共通のワイド用コンテンツ ***************************
  */
  .p_00_01 {
    padding: 0 1rem;
  }
  .w-flex {
    display: flex;
  }
  header {
    margin-top: 1em;
  }
  header .head-logo {
    display: flex;
    justify-content: flex-end;
  }
  header .head-left {
    display: flex;
  }
  header .head-left .head-part02 {
    padding-left: 10px;
  }
  header .head-left .head-part03 {
    margin-left: 1rem;
    font-size: 11.25px;
    color: #666970;
  }
  header .head-left .head-part03 span {
    padding: 3px 1rem;
    display: inline-block;
    border: 1px solid #eef0f2;
    border-radius: 20px;
  }
  header .head-part11 {
    margin: 0 5px;
    font-size: 0px;
  }
  header .head-part13 {
    margin: 0 10px 0 0px;
    width: 50px; /*background-color: $gray;*/
  }
  header {
    /*--------------- 検索バー ----------------*/
  }
  header .search-form-5 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 95%; /* 任意の幅に調整してください */
    overflow: hidden;
    border: 1px solid #666970;
    border-radius: 3px;
    background-color: #ffffff;
  }
  header .search-form-5 input {
    height: 35px;
    padding: 5px 15px;
    border: none;
    box-sizing: border-box;
    width: 100%;
    font-size: 12.75px;
    outline: none;
  }
  header .search-form-5 input::-moz-placeholder {
    color: #666970;
  }
  header .search-form-5 input::placeholder {
    color: #666970;
  }
  header .search-form-5 button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 35px;
    border: none;
    background-color: transparent;
    cursor: pointer;
  }
  header .search-form-5 button::after {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20d%3D%22M23.7%2020.8%2019%2016.1c-.2-.2-.5-.3-.8-.3h-.8c1.3-1.7%202-3.7%202-6C19.5%204.4%2015.1%200%209.7%200S0%204.4%200%209.7s4.4%209.7%209.7%209.7c2.3%200%204.3-.8%206-2v.8c0%20.3.1.6.3.8l4.7%204.7c.4.4%201.2.4%201.6%200l1.3-1.3c.5-.5.5-1.2.1-1.6zm-14-5.1c-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206-2.6%206-6%206z%22%20fill%3D%22%23666970%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    content: "";
  }
  header .head-underlogo {
    font-size: 13px;
    padding: 0;
    background-color: #fff;
    border-top: 0px;
  }
  header {
    /*------------------ グローバルナビ -------------------*/
  }
  header .g-categories {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 10px 0;
    padding: 0;
    align-items: center;
    border: 4px double #cbced7;
  }
  header .g-categories > li {
    flex-basis: 16.666%;
    padding: 5px 10px 5px 48px;
    border-right: 1px solid #cbced7;
    text-align: left;
    display: flex;
    align-items: center;
    height: 44px;
    position: relative;
  }
  header .g-lcatbox {
    font-size: 12px;
    width: 100%;
    max-height: 44px;
    overflow: hidden;
  }
  header .g-lcatbox:hover {
    cursor: pointer;
    opacity: 0.6; /*border: 5px solid $hoverred; background-color: $hoverred;*/
  }
  header .g-categories > li:nth-child(6n) {
    border-right: 0;
  }
  header .g-categories > li:nth-child(-n+6) {
    border-bottom: 1px solid #cbced7;
  }
  header .g-categories > li:nth-child(6n-4) .g-mcatbox {
    left: -150px;
  }
  header .g-categories > li:nth-child(6n-3) .g-mcatbox {
    left: -350px;
  }
  header .g-categories > li:nth-child(6n-2) .g-mcatbox {
    left: -550px;
  }
  header .g-categories > li:nth-child(6n-1) .g-mcatbox {
    left: -750px;
  }
  header .g-categories > li:nth-child(6n) .g-mcatbox {
    left: -950px;
  }
  header .g-parent-cat:hover {
    background-color: #fee;
  }
  header .g-parent-cat {
    text-align: center;
    padding: 5px 0;
  }
  header .g-parent-cat span {
    padding: 5px;
    font-weight: bold;
  }
  header .g-lcat01 {
    background: url(img/layout/global/bg-g-cat01.png) left no-repeat;
  }
  header .g-lcat02 {
    background: url(img/layout/global/bg-g-cat02.png) left no-repeat;
  }
  header .g-lcat03 {
    background: url(img/layout/global/bg-g-cat03.png) left no-repeat;
  }
  header .g-lcat04 {
    background: url(img/layout/global/bg-g-cat04.png) left no-repeat;
  }
  header .g-lcat05 {
    background: url(img/layout/global/bg-g-cat05.png) left no-repeat;
  }
  header .g-lcat06 {
    background: url(img/layout/global/bg-g-cat06.png) left no-repeat;
  }
  header .g-lcat11 {
    background: url(img/layout/global/bg-g-cat11.png) left no-repeat;
  }
  header .g-lcat12 {
    background: url(img/layout/global/bg-g-cat12.png) left no-repeat;
  }
  header .g-lcat13 {
    background: url(img/layout/global/bg-g-cat13.png) left no-repeat;
  }
  header .g-lcat14 {
    background: url(img/layout/global/bg-g-cat14.png) left no-repeat;
  }
  header .g-lcat15 {
    background: url(img/layout/global/bg-g-cat15.png) left no-repeat;
  }
  header .g-lcat16 {
    background: url(img/layout/global/bg-g-cat16.png) left no-repeat;
  }
  header .g-mcatbox {
    display: none;
    position: absolute;
    width: 1100px;
    top: 40px;
    left: 50px;
    background: #fff;
    font-size: 12px;
    color: #202227;
    text-align: left;
    padding: 0.5rem 1.5rem 1.5rem;
    z-index: 90;
    border: 3px solid #666970;
  }
  header .g-mcatbox .g-m-chaildbox {
    display: flex;
    margin-top: 1rem;
  }
  header .g-mcatbox .g-m-chaildimg {
    flex: 0 0 200px;
    text-align: center;
    border: 3px solid #eef0f2;
    padding: 3px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  header .g-mcatbox .g-m-chaildimg img {
    width: 150px;
  }
  header .g-mcatbox .g-m-chaildimg p {
    margin: 0;
  }
  header .g-mcatbox .g-m-chaildlist {
    margin-left: 2rem;
    width: 100%;
  }
  header .g-mcatbox .g-mcat-ul {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 3%;
    width: 100%;
  }
  header .g-mcatbox .g-mcat-li {
    flex: 0 0 31%;
    align-self: end;
    border-bottom: 1px dashed #cbced7;
    padding: 5px 0 2px 20px;
    font-size: 12px;
    background: url(img/layout/gt.gif) 7px 60% no-repeat;
  }
  header .g-mcatbox .g-mcat-li:hover {
    background-color: #ffedef;
  }
  header .g-mcatbox {
    /*右端メーカー・特集*/
  }
  header .g-mcatbox ul.g-m-splist {
    display: flex;
    padding-top: 1rem;
  }
  header .g-mcatbox ul.g-m-splist .g-mcat-li {
    flex: 0 0 24%;
    margin-right: 1%;
  }
  header .head-searchandinfobaar {
    background: #eef0f2;
    padding: 3px 16px;
    display: flex;
    align-items: center;
    height: 40px;
  }
  header .head-searchandinfobaar .head-part51 {
    padding: auto;
    flex: 1 0 60%;
  }
  header .head-searchandinfobaar .head-part52 {
    padding: auto;
    flex: 1 0 20%;
  }
  header .head-searchandinfobaar .head-part53 {
    padding: auto;
    flex: 1 0 20%;
  }
  header .head-searchandinfobaar .head-bar-formbtn {
    display: block;
    width: 70%;
    text-align: center;
    margin: auto;
    padding: 5px;
    border: 1px solid #666970;
    background-color: #ffffff;
    border-radius: 3px;
  }
  header .head-searchandinfobaar a .head-bar-formbtn:hover {
    border: 1px solid #1d3db3;
    background-color: #1d3db3;
    color: #ffffff;
  }
  /*　------------------------------------------------------------
  　　　mainエリアここから
  ------------------------------------------------------------　*/
  main {
    padding: 0;
    /*タイトル・トップ画像*/
  }
  main .featurebox {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr 467px;
    /* background-color: #eef0f2; */
    background: linear-gradient(0deg, #eef0f2, white);
    padding: 10px;
    /*border: 3px solid #c0c4cb;*/
    border-radius: 16px 0 0 0;
    margin-bottom: 1rem;
  }
  main .featurebox .cat-maintxt {
    padding-left: 0.5rem;
  }
  main .featurebox .cat-maintxt h1 {
    border-bottom: 1px dashed #666970;
  }
  main .featurebox {
    /*.cat-mainimg {
    	border: 1px solid #fff;
    }*/
  }
  main .featurebox img.series-eyecacth {
    width: 467px;
  }
  main {
    /*固定ページの一覧ループ商品ブロック*/
  }
  main .itembox {
    flex-basis: 100%;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    margin-bottom: 5px;
    display: grid;
    gap: 5px;
    grid-template-rows: auto auto 20px;
    grid-template-columns: 180px 1fr 1fr;
    grid-template-areas: "ib_gbox1 ib_gbox2 ib_gbox2" "ib_gbox1 ib_gbox3 ib_gbox4" "ib_gbox5 ib_gbox5 ib_gbox5";
  }
  main {
    /*ib_gbox1(img)*/
  }
  main .itembox-img {
    max-width: 180px;
    min-width: 180px;
  }
  main {
    /* コラム一覧（各所共通） */
  }
  main .column-list {
    padding: 0 1rem;
  }
  main .column-list li {
    flex: 0 0 25%;
    padding: 0.3rem 0.5rem;
  }
  main .column-list p {
    margin: 3px 0;
  }
  main {
    /*レビューのカテゴリ・TOPなどでの表示*/
  }
  main .review-ul li.review-post {
    display: grid;
    gap: 5px;
    grid-template-columns: 120px 250px 1fr;
    grid-template-rows: auto;
  }
  main .review-ul li.review-post .target-img {
    grid-row: 1/2;
    grid-column: 1/2;
  }
  main .review-ul li.review-post .target-item {
    grid-row: 1/2;
    grid-column: 2/3;
  }
  main .review-ul li.review-post .review-text {
    grid-row: 1/2;
    grid-column: 3/4;
  }
  article {
    /*　----------------------カテゴリ一覧----------------------　*/
  }
  article .child-cat-list {
    padding: 0 6px 0;
    flex-wrap: wrap;
    overflow: hidden;
  }
  article .child-cat-list li.cat-size4 {
    flex: 24.2%;
    max-width: 24.2%;
    min-width: 24.2%;
  }
  article .child-cat-list li.cat-size5 {
    flex: 19.2%;
    max-width: 19.2%;
    min-width: 19.2%;
  }
  article .child-cat-list li.cat-size6 {
    flex: 15.866%;
    max-width: 15.866%;
    min-width: 15.866%;
  }
  article {
    /*　----------------------関連カテゴリ一覧----------------------　*/
  }
  article section.kanren_links ul.kanren_cat_list {
    padding: 0 6px 0;
    flex-wrap: wrap;
    overflow: hidden;
  }
  article section.kanren_links ul.kanren_cat_list li {
    flex: 24.2%;
    max-width: 24.2%;
    min-width: 24.2%;
  }
  article .sc-flexbox.scroll-all ul {
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding-bottom: 1rem;
  }
  /*　------------------------------------------------------------
  　　　フッター
  ------------------------------------------------------------　*/
  footer .footbox {
    flex-wrap: nowrap;
  }
  footer .footbox .footinbox1 {
    flex-basis: 33.33%;
    border-right: 1px solid #cbced7;
  }
  footer .footbox .footinbox2 {
    flex-basis: 33.33%;
    border-right: 1px solid #cbced7;
  }
  footer .footbox .footinbox3 {
    flex-basis: 33.33%;
  }
  /*　------------------------------------------------------------
  　　　ここからbodyクラスごとの指定（記事タイプ・テンプレート固有）
  ------------------------------------------------------------　*/
  /*ニュース記事ページ*/
  body.single-news .news-txt-head {
    margin-left: 0;
    margin-right: 1rem;
  }
  body.single-news .news-txt-main {
    margin-left: 0;
    margin-right: 1rem;
  }
  body.single-news .news-txt-foot {
    margin-left: 0;
    margin-right: 1rem;
  }
  /*info個別ページ*/
  .form-about-item {
    flex: 0 0 204px;
  }
  .form-about-item:nth-child(n+3) {
    padding-top: 0;
  }
  form.mainform table {
    width: 800px;
  }
  .guide-icon-list {
    grid-template-columns: minmax(140px, 16%) auto;
    align-items: center;
    margin: 0 0 2rem;
    padding: 0 1rem;
  }
  .guide-icon-list dt {
    padding: 3px;
    text-align: right;
  }
  .guide-icon-list dd {
    padding: 3px;
    text-align: left;
  }
}
/*
******************************** タブレット （740px以上1024未満）ここから**************************************
*/
@media screen and (min-width: 740px) and (max-width: 1023px) {
  .forpc {
    display: none;
  }
  .fortab {
    display: block;
  }
  .forsp {
    display: none;
  }
  .fortabpc {
    display: block;
  }
  .forsptab {
    display: block;
  }
  /*ここからタブレット版実際のコンテンツ*/
  .wrapper {
    width: 100%;
    max-width: 972px;
    margin-left: auto;
    margin-right: auto;
  }
  header .head-logo {
    display: flex;
    justify-content: space-between;
  }
  header .head-part12 {
    padding-right: 10px;
  }
  header .head-part13 {
    padding-right: 10px;
  }
  header .head-part14 {
    padding-right: 20px;
  }
  header .head-part15 {
    padding-right: 0px;
  }
  header .headicon-info {
    height: 40px;
  }
  header .headicon-tel {
    height: 40px;
  }
  header .headicon-cart {
    height: 40px;
  }
  header .headicon-menu {
    height: 40px;
  }
  /*||タブレット用スライドメニュー*/
  .slidemenu {
    display: none;
  }
  #overlay {
    display: none;
  }
  /*main{
  }*/
  aside {
    display: none;
  }
  footer .f-logo {
    flex-wrap: wrap;
  }
  footer .f-logo p {
    flex-basis: 100%;
    min-width: 100%;
  }
}
/*
******************************** PC （1024px以上）ここから**************************************
*/
@media screen and (min-width: 1024px) {
  .forpc {
    display: block;
  }
  .fortab {
    display: none;
  }
  .forsp {
    display: none;
  }
  .fortabpc {
    display: block;
  }
  .forsptab {
    display: none;
  }
  /*ここからPC版実際のコンテンツ*/
  .wrapper {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  header .head-logo {
    display: flex;
    justify-content: flex-end;
  }
  header .head-part12 {
    padding-right: 5px;
  }
  header .head-part13 {
    padding-right: 5px;
  }
  header .head-part14 {
    padding-right: 0;
    width: 170px; /*カート*/
  }
  header .head-part14 a {
    text-decoration: none;
  }
  header .head-part15 {
    padding-right: 0;
  }
  header .headicon-info {
    height: 35px;
  }
  header .headicon-tel {
    height: 40px;
  }
  header .headicon-cart {
    height: 40px;
  }
  header .headicon-cart.forpc { /*カートPC時独自クラス*/
    display: flex;
    align-items: center;
    border: 1px solid #202227;
    border-radius: 2px;
    background-color: #ffffff;
    padding: 3px 10px;
  }
  header .headicon-cart.forpc img {
    width: 30px;
  }
  header .headicon-cart.forpc span {
    flex: 1 1 auto;
    text-align: center;
    padding-top: 1px;
    color: #202227;
    text-decoration-color: #202227 !important;
  }
  header .headicon-cart.forpc:hover {
    border: 1px solid #e01939;
  }
  main > div.wrapper {
    display: flex;
    flex-direction: row-reverse;
  }
  article {
    flex-basis: 81%;
    max-width: 81%;
    position: relative;
    z-index: 0;
    /*　----商品一覧横並び時のレイアウトはここ------　
    .itembox{ 
    	flex-basis: 24.5%; min-width: 180px; margin: 0 .25% 1em; padding: 5px; display: flex; flex-direction: column;
    	border-bottom: 1px solid #ccc; 
    	.itembox-img{ flex-basis: 100%; max-width: 100%; text-align: center; margin: auto; padding: 0; min-height: 180px;}
    	.itemimg{ width: 180px; padding: 0 auto;} 
    	.itembox-icons { top: 0; left: 0; max-height: 180px; overflow: hidden; width: 40px; position: absolute;}
    	.itembox-icons img { width: 40px; padding-bottom: 3px;}
    	.itembox-name{ flex-basis: 100%; }
    	.itembox-name-p{ margin: 10px 0 6px;}
    	.itembox-desc{ font-size: $font-ss; margin: 6px 0 6px;}
    	.itembox-cart{ 
    		.price{
    			display: block; width: 100%; 
    			border-top: 1px solid $gray; margin-top:10px; margin-bottom: 5px; padding-top: 5px;
    		}
    		.taxinprice{ font-size: $font-ml; font-weight: bold; color: $stred; padding-right: 3px;}
    		form{ 
    			text-align: center; font-size: $font-xs; padding: 10px 3px; background-color: $lightgray;
    		}
    		//.amount{}
    		.itembox-cart-button{ font-size: $font-xs; background-color: #333; }
    		.buy2over{ margin-bottom: 0; margin-top: 5px; text-align: center;}

    	}
    } */
  }
  article .in_2_list {
    display: flex;
  }
  article .in_2_list div.ranking-area {
    flex: 0 1 50%;
    overflow: hidden;
  }
  article .in_2_list div.newitem-area {
    flex: 0 1 50%;
    overflow: hidden;
  }
  article.w100percent {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
  } /*サイドバーないページで指定*/
  /*　------------------------------------------------------------
  　　　サイドバー
  ------------------------------------------------------------　*/
  aside {
    display: block;
    position: relative;
    z-index: 2;
    flex-basis: 17%;
    max-width: 17%;
    margin-right: 2%;
    /*------------------サイドバーはここ------------------*/
  }
  aside .side-cat-h2 {
    border-bottom: 3px solid #202227;
    padding: 0 0 10px 10px;
    font-weight: bold;
  }
  aside .side-categories {
    list-style-type: none;
    padding: 0;
    margin-bottom: 2rem;
  }
  aside { /*中カテUL*/ }
  aside .side-category {
    border-bottom: 1px solid #666970;
    position: relative;
  }
  aside { /*中カテLI*/ }
  aside .side-catbox1 {
    padding: 8px 10px 5px;
    font-weight: bold;
    font-size: 13px;
    position: relative;
    background: url("img/layout/ico_arrow_right.png") 95% 50% no-repeat;
  }
  aside .side-catbox1:hover {
    background-color: #fdeaeb;
  }
  aside .side-cat-h3 {
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding-right: 1rem;
  }
  aside .side-catbox2 {
    display: none;
    position: absolute;
    top: -10%;
    left: 90%;
    z-index: 20;
    width: 550px;
    background-color: #fff;
    border: 1px solid #cbced7;
  }
  aside {
    /*小カテ群の入れ物*/
  }
  aside .side-category:hover .side-catbox2, aside .side-category .side-catbox2:hover {
    display: block;
  }
  aside { /*ホバー時小カテ表示*/ }
  aside .side-scategories {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    padding: 1em 2em;
    list-style-type: none;
  }
  aside .side-scategories li {
    flex-basis: 33.3%;
    padding: 0.5em 1em 0.3em;
    max-width: 33.3%;
  }
  aside { /*小カテLI*/ }
  aside .side-scategories li:hover {
    background-color: #fdeaeb;
  }
  aside {
    /*特集ループ用*/
  }
  aside .special-page-area {
    margin-top: 3rem;
  }
  aside {
    /*バナー用*/
  }
  aside .side-banner-box {
    margin-top: 4rem;
  }
  aside .side-banner-box-ul {
    list-style-type: none;
    padding: 0;
  }
  aside .side-banner-box-li {
    margin-bottom: 1rem;
  }
  aside p.side-banner-box2-txt {
    font-size: 12px;
    margin-top: 5px;
  }
  aside {
    /*TOP左上の仮設*/
  }
  aside .top-lt-info-link {
    margin-top: 1rem;
    border-width: 3px;
    border-style: double;
    border-color: #ddea95;
    border-radius: 0;
  }
  aside .top-lt-info-link .top-lt-info-mail {
    padding: 3px 0;
  }
  aside .top-lt-info-link .top-lt-info-mail > img {
    padding: 0.3rem 0 0.1rem;
  }
  aside .top-lt-info-link .top-lt-info-mail {
    /*.first-mail-txt{ padding-top: .5rem; }*/
  }
  aside .top-lt-info-link .top-lt-info-mail .first-mail-hover {
    padding-top: 0.5rem;
  }
  aside .top-lt-info-link .top-lt-info-tel {
    padding: 3px 0;
    /*.first-tel-hover{ padding-top: .5rem; }*/
  }
  aside .top-lt-info-link .top-lt-info-tel-050 {
    padding-bottom: 0.5rem;
  }
  aside .side-search-box {
    margin-top: 3rem;
  }
  aside .side-search-box .midashi {
    border-bottom: 3px double #202227;
    font-weight: bold;
    font-size: 16px;
  }
  aside .side-search-box .products-search-form {
    font-size: 12px;
  }
  aside .side-search-box .products-search-form div {
    padding: 0.3rem 0;
    margin-bottom: 0.5rem;
  }
  aside .side-search-box .products-search-form label {
    display: block;
    margin: 0 3px 5px;
    font-size: 12.75px;
    border-bottom: 1px solid #c0c4cb;
  }
  aside .side-search-box .products-search-form p.txt_or {
    margin: 5px 5px 0;
    font-size: 10px;
  }
  aside .side-search-box .products-search-form input {
    margin: 2px 3px;
    width: 70px;
    padding: 3px;
  }
  aside .side-search-box .products-search-form select {
    width: 90%;
    margin-top: 2px;
    margin-left: 2%;
    padding: 3px;
    border: 1px solid #666;
    border-radius: 3px;
    background-color: #ffffff;
  }
  aside .side-search-box .products-search-form select.select_color option[value=yellow] {
    color: #e6b422;
  }
  aside .side-search-box .products-search-form select.select_color option[value=beige] {
    color: tan;
  }
  aside .side-search-box .products-search-form select.select_color option[value=gray] {
    color: #9c9fa5;
  }
  aside .side-search-box .products-search-form select.select_color option[value=pink] {
    color: #c790c1;
  }
  aside .side-search-box .products-search-form select.select_color option[value=red] {
    color: #9F1010;
  }
  aside .side-search-box .products-search-form select.select_color option[value=blue] {
    color: #1d3db3;
  }
  aside .side-search-box .products-search-form select.select_color option[value=green] {
    color: #0d935c;
  }
  aside .side-search-box .products-search-form select.select_color option[value=purple] {
    color: #74599c;
  }
  aside .side-search-box .products-search-form select.select_color option[value=brown] {
    color: #b16e4c;
  }
  aside .side-search-box .products-search-form select.select_color option[value=orange] {
    color: #f6821a;
  }
  aside .side-search-box .products-search-form button[type=submit] {
    text-align: center;
    margin: 1rem 0.5rem 3.5rem 0;
    padding: 0.2rem 1.5rem;
  }
  .backtotop .foot_fixbox {
    flex-direction: column-reverse;
  }
  .backtotop .foot_fixbox img {
    width: 50px;
  }
  .backtotop .foot_fixbox .foot_fixbox1 {
    margin-bottom: 10px;
  }
  .backtotop .foot_fixbox .foot_fixbox2 {
    margin-bottom: 10px;
    margin-left: 0;
  }
  .backtotop .foot_fixbox .foot_fixbox3 {
    margin-bottom: 10px;
    margin-left: 0;
  }
}/*# sourceMappingURL=style-wide.css.map */