/*
  * require_search
  */
#require_overlay {
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
  padding: 5vh 0 0;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10000; }
  #require_overlay.active {
    display: block; }
  #require_overlay.insearch::before {
    background-color: rgba(0, 0, 0, 0.3);
    content: "";
    display: block;
    height: 100vh;
    width: 100vw;
    position: fixed;
    z-index: 10000; }

#require_searchbox {
  background-color: #fff;
  border-radius: 5px;
  margin: 0 auto;
  max-width: 1000px;
  padding: 30px 0 0;
  position: relative; }
  #require_searchbox .close {
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 30px; }
    #require_searchbox .close img {
      width: 22px;
      height: 22px; }
  #require_searchbox h2 {
    border-bottom-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 1.125rem;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    max-width: 940px;
    padding-bottom: 0.5em; }
  #require_searchbox .require_area {
    background-color: #fff;
    border-top-color: #ddd;
    border-top-style: solid;
    border-top-width: 0;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 20px 20px;
    position: relative;
    transition: all 500ms ease-out;
   padding: 0;
  margin: 0px 30px;
  max-width: 940px;}
    #require_searchbox .require_area::before, #require_searchbox .require_area::after {
      content: "";
      display: block;
      height: 0;
      order: 3;
      width: 25%; }
    #require_searchbox .require_area.active {
      height: auto; }
  #require_searchbox .list_wrap {
    box-sizing: border-box;
    margin-bottom: 15px;
    order: 2;
    padding: 12px 1% 20px 1%;
    position: relative;
    width: 33.33%; }
    #require_searchbox .list_wrap::before {
      border-bottom-color: #ccc;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      content: "";
      display: block;
      position: absolute;
      bottom: -15px;
      left: -20px;
      width: 840px; }
    #require_searchbox .list_wrap::after {
      background: linear-gradient(to bottom, rgba(252, 252, 252, 0) 0%, #fcfcfc 100%);
      content: "";
      display: block;
      height: 45px;
      position: absolute;
    bottom: 18px;
    width: 88%;}
    #require_searchbox .list_wrap:nth-of-type(1), #require_searchbox .list_wrap:nth-of-type(2) {
      border-top: none;
      order: 0; }
    #require_searchbox .list_wrap ul {
      max-height: 160px;
      overflow: auto;
      padding-bottom: 35px; margin-bottom: 0; padding-left: 0; }

    #require_searchbox .list_wrap li {
      line-height: 1.5;
      margin-bottom: 10px;
      text-indent: -2em;
  padding-left: 2em;
  display: block; position: relative;
  font-size: .875rem; margin-bottom: .45em;}
  #require_searchbox .list_wrap li label {word-break: break-all;}
  #require_searchbox .list_wrap li label.red {color: #333;}
  #require_searchbox .list_wrap ul.used label.disabled i {color: #ccc;}
  #require_searchbox .list_wrap ul.used label i strong {padding-top: 3px;}
  #require_searchbox .has_child {
    order: 2;
    padding-top: 20px;
    width: 100%; }
    #require_searchbox .has_child dt {
      background-color: #ffe8e3;
      font-size: 1rem;
      line-height: 1.875;
      padding-left: 0.5em; }
    #require_searchbox .has_child dd {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start; }
  #require_searchbox h3 {
    color: #066eb3;
    font-size: 1rem;
    margin-bottom: .25em; }
  #require_searchbox input[type="checkbox"] {
    display: none; }
  #require_searchbox input[type="checkbox"] + label.disabled {
    color: #ccc; }
  #require_searchbox input[type="checkbox"] + label::before {
    border-color: #adadad;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    content: "";
    display: inline-block;
    height: 0.75rem;
    margin-right: 0.75em;
    vertical-align: middle;
    width: 0.75rem; }
  #require_searchbox input[type="checkbox"] + label.color {
    position: relative; }
    #require_searchbox input[type="checkbox"] + label.color::before {
      margin-right: 1.75em; }
    #require_searchbox input[type="checkbox"] + label.color::after {
      background-color: #fff;
      border-color: #777;
      border-style: solid;
      border-radius: 3px;
      border-width: 1px;
      content: "";
      display: block;
      height: 8px;
      width: 8px;
      margin-top: -4px;
      position: absolute;
      left: 22px;
      top: 50%; }
    #require_searchbox input[type="checkbox"] + label.color.blk::after {
      background-color: #000;
      border-color: transparent; }
    #require_searchbox input[type="checkbox"] + label.color.wht::after {
      background-color: #fff;
      border-color: #777; }
    #require_searchbox input[type="checkbox"] + label.color.gry::after {
      background-color: #777;
      border-color: transparent; }
    #require_searchbox input[type="checkbox"] + label.color.sil::after {
      background-color: #aaa;
      border-color: #ccc; }
    #require_searchbox input[type="checkbox"] + label.color.gld::after {
      background-color: #e6b422;
      border-color: transparent; }
    #require_searchbox input[type="checkbox"] + label.color.red::after {
      background-color: #e81538;
      border-color: transparent; }
    #require_searchbox input[type="checkbox"] + label.color.pnk::after {
      background-color: #f09199;
      border-color: transparent; }
    #require_searchbox input[type="checkbox"] + label.color.blu::after {
      background-color: #0095d9;
      border-color: transparent; }
    #require_searchbox input[type="checkbox"] + label.color.grn::after {
      background-color: #3eb370;
      border-color: transparent; }
    #require_searchbox input[type="checkbox"] + label.color.ppl::after {
      background-color: #884898;
      border-color: transparent; }
    #require_searchbox input[type="checkbox"] + label.color.yel::after {
      background-color: #ffd900;
      border-color: transparent; }
    #require_searchbox input[type="checkbox"] + label.color.beg::after {
      background-color: #f4dda5;
      border-color: transparent; }
    #require_searchbox input[type="checkbox"] + label.color.brn::after {
      background-color: #965042;
      border-color: transparent; }
    #require_searchbox input[type="checkbox"] + label.color.orn::after {
      background-color: #ee7800;
      border-color: transparent; }
    #require_searchbox input[type="checkbox"] + label.color.clr::after {
      background-color: #f8fbf8;
      border-color: #ddd; }
    #require_searchbox input[type="checkbox"] + label.color.etc::after {
      background-color: transparent;
      border-color: transparent; }
  #require_searchbox input[type="checkbox"]:checked + label::before {
    background-color: #ee6331;
    background-image: url(/themes/images/web/ic_check.svg);
    background-position: center center;
    background-repeat: no-repeat; }

  #require_searchbox .buttonlist {display: flex; padding: 15px;
    background-color: #f2f2f2;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    align-items: flex-end;
    justify-content: space-between; position: relative;}
    #require_searchbox .buttonlist .total {
      font-size: 0.75rem; }
      #require_searchbox .buttonlist .total strong {
        color: #d00;
        font-size: 1.875rem;
        padding: 0 0.2em; }

.buttonlist li:not(.total):nth-child(2) {position: static;}    

ul.ast {display: block; margin-bottom: 1em; padding-left: 0; font-size: .8125rem; color: #666;}
ul.ast li {display: block; text-indent: -1em; padding-left: 1em;}

body.top ul.cat_link { padding: 8px 8px 0 8px !important; justify-content: center;}
body.top ul.cat_link li {width: 24.35%; margin-right: .75%;}
body.top ul.cat_link li:nth-child(4n) { margin-right: 0 !important;}

/* ページング表示確認用 */
.paging_settings div.pcOnly ul.pager .disabled {display: inline-flex !important;
    width: 2rem;height: 2rem;align-items: center;
    justify-content: center;}
  .paging_settings div.pcOnly ul.pager .disabled a {cursor: default;}
.paging_settings div.pcOnly ul.pager .disabled img { opacity: .3;}

/*　持ち物帳に登録する　追加　2020.07　*/
#purchase_area a.btn.mochimono {height: 1.75em; padding-bottom: calc(1.6em - 1px); padding-top: calc(1.6em - 1px);}
#purchase_area a:link.btn.mochimono,#purchase_area a:visited.btn.mochimono,#purchase_area a:hover.btn.mochimono,#purchase_area a:active.btn.mochimono { color: #fff;}
#purchase_area .btnbox .break {
  border-bottom-color: #ebebeb;
  border-bottom-style: solid;
  border-bottom-width: 1px;}
.btn.mochimono {
  background-color: #95db5f;
  margin: 1rem auto;
  font-size: .9375rem;
  }
#purchase_area a.btn.mochimono .icon {margin-bottom: .2em;width: 2.2em;}
#purchase_area .btnbox .icon img {flex-shrink: 0;}

/*#new_wrp .breadcrumb li img {width: 1.2em;}*/

/* 20201105 */
.new_categorybox .banner-2col { display: none;}
#left-banr.pc {display: none;}
#left-menu.sp {display: none;}
.category_item {display: none;}
.category_item img {display: none;}

p.pg_number_set br {
    display: none;
}


/*@media screen and (max-width: 660px) {
.wrp_brd {width: 100%;overflow-x: hidden; position: relative;border-bottom: 1px #ddd solid;} 
.wrp_brd::before{background: linear-gradient(to left, rgba(252, 252, 252, 0) 0%, #fcfcfc 100%);
    content: "";
    display: block;
  height: 99%;
    width: 5vw;
  left: 0; top: 0;
    position: absolute;z-index: 10;}
.wrp_brd::after{background: linear-gradient(to right, rgba(252, 252, 252, 0) 0%, #fcfcfc 100%);
    content: "";
    display: block;
  height: 99%;
    width: 5vw;
  right: 0; top: 0;
    position: absolute;z-index: 10;}
.scroll_brd {width: 100%;overflow-x: scroll; position: relative; background-color: #fff;}    
}*/

@media screen and (max-width: 1023px) {
#new_category_wrp .pgbtn-box {display: none;}
}

@media screen and (max-width: 660px) {
.category_item {display: flex;padding: 0px 15px 35px;}
/*.breadcrumb li {font-size: 0.75rem;}*/
#main.item h1 a {font-size: 0.75rem;}
#main.item h1 {font-size: 1.25rem;}
#main.item .infotable th {font-size: 0.875rem;}
#main.item .infotable p.price {font-size: 0.875rem;}
#main.item .infotable p {font-size: .875rem;}
ul.ast li {font-size: .875rem;}
#new_category_wrp .pgbtn-box {display: block;}
/*#new_category_wrp .breadcrumb {display: none;}*/
#new_category_wrp .pgbtn-box {display: flex; width: 100%; font-size: .8125rem;
    justify-content: space-between;
    background-color: #fff;
    border-bottom: 1px #ddd solid;
    align-items: center;}
.pgbtn-box span.left {
    display: block;
    text-align: left;
    right: auto;
    min-width: 20%;
    padding-left: 2%;}
.pgbtn-box span.right { padding-right: 2%;}
#aside {display: none;}
p.pg_number_set{left: 2vw;}
ul.item-list-box {width: 95%;}
#search-cat {min-width: 90%;}

body.fixed {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
}

#require_searchbox {max-width: 90%;}
#require_searchbox h2 {width: 94%;}
h3.stitle {width: 95vw;margin-left: auto;margin-right: auto; font-size: 1rem;}

#new_wrp #main.item {width: 95%;}
#main.item .infobox {max-width: 50%; padding-left: 2%;}
.tab_contents {width: 95%; padding: 0 2.5%;}
#search-cat .contents {min-width: 0%;}
#search-cat.wrp .container {max-width: 100%; width: 100%;}

} /* end @media screen and (max-width: 768px) */


@media screen and (max-width: 660px){
#search-cat .contents {
    width: 100%;
    padding: 0 0vw 10vw 2vw;}
#category-home {padding: 0;}
#search-cat .contents {padding: 0 2vw 10vw 2vw;}
#web ul.cat_link {padding-left: 0; padding: 3px 0 0 3px !important; justify-content: flex-start; margin-bottom: 0;}
#web ul.cat_link li {    display: block; margin-right: 0;
    width: 33.33%;
    padding:0;
    vertical-align: top;
    letter-spacing: normal;
    margin-bottom: 0;
    border-right: 3px #f4f4f4 solid;
    border-bottom: 3px #f4f4f4 solid;
  font-size: .6875rem;
    line-height: 1.2;}
#web ul.cat_link li a {display: block;padding: 2vw 2vw; letter-spacing: -.05em;}
ul.cat_link li img {width: 80%;}

ul.left-category-list li a {letter-spacing: -.02em;}
#left-menu.sp {display: block;}
#search-cat #category-home h3.title {margin-bottom: .65em; margin-top: .5em;}
#search-cat #category-home p { padding: 0 2em;}

#new_category_wrp {width: 100%; margin: 0 auto;}
#new_category_wrp #main.with_aside {width: 100%;}



a.arw-link {
    display: inline-flex;
    font-size: 3.4vw;
    padding: .8em 0;
    min-width: 8em; 
    width: auto;
    align-items: center;
    white-space: nowrap; }
a.arw-link img.ic_arw {
    width: auto;
    height: 1em;
    padding: 0 .5em;}
ul.item-list-box li {display: block;width: 100%;}
.menu_box {padding: 0; margin-bottom: 0;}


div.cat_ttl {display: block; position: relative; margin-bottom: 0; padding-bottom: 0; line-height: 0; height: auto;}
#main .cat_ttl span {display: block; position: relative;}
div.cat_ttl span img {position: relative;}
#main .cat_ttl span::after {display: none;}
#main .cat_ttl h1 {position: absolute; left: 0; top: 0 ; display: block; width: 95%; color: #fff; padding: 6px 0 6px 5%; font-size: 4.2vw;
background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); line-height: 1.5;}
#main  .cat_ttl a h1 { color: #fff;}
#main .cat_col {margin-bottom: 2px; width: 49.8%;}
#main .category_item { padding: 2px 2px 0 2px;}
#main .cat_m_ttl a img {display: none;}
#main .cat_m_ttl a {    padding: 2vw 2vw 3.5vw 2vw;
    background-color: #fff;
    width: 100%;    background-attachment: scroll;
    background-image: url(/themes/images/web/arrowhead_r_red.svg);
    background-position: 97% center;
    background-repeat: no-repeat;
    background-size: 1.8vw auto;}
#main .cat_m_ttl h3 {
    display: block;
    font-size: 3.2vw;
    padding: 2vw 1em 0 0;
    margin-bottom: 0;
    line-height: 1.3;
    color: #333;}
#search_result_area .list_settings dt {display: none;}
#search_result_area .list_settings dd {padding: 0 3vw 0 0;}
.list_settings dl dd select {width: 42vw;}
#search_result_area .list_settings dl.cnt { display: none;}
#search_result_area {margin-bottom: 0;}

.paging_settings {padding: .5em 5vw;}
p.pg_number_set {position: relative;}
p.pg_number_set br {display: none;}
p.result_maker {font-weight: normal;}
ul.item-list-box li h4 {min-height: 1em; font-size: 3.9vw;}
ul.item-list-box p.date { margin-bottom: .2em; font-size: 3.2vw;}
ul.item-list-box li a {padding: .5em 3vw .5em 35vw; margin-bottom: 0;}
ul.item-list-box li a img { max-height: 100%;width: 29%; left: 3vw; top: 5px;}
ul.item-list-box p.price img {position: relative; width: 1em; max-width: 3.5vw; margin: 0; left: 0 ; top: 0; height: auto;}
ul.item-list-box p.price img.dot {width: .5em;}

.btn_apply_sp {right: -25px;}

#new_wrp { margin: 0 auto;}
#main.item {display: block;}
#new_wrp #main.with_aside, #new_category_wrp #main.with_aside {width: 100%;
    padding-bottom: 20vw; }
/*20200804 FB*/
#new_wrp #main.with_aside.item {padding-bottom: 0;}
#main.item .attention_area {margin-bottom: 0;}

#main.item .imgbox {width: 90%; margin: 0 auto; position: relative; }
#main.item .imgbox .img .large { width: 100%; margin-bottom: 0;}
/*#new_wrp .breadcrumb {margin-bottom: 0;}
#new_wrp .breadcrumb ol {display: flex;flex-wrap: nowrap;  padding:.3em 3vw .3em 3vw;  background-color: #fff;min-width: 90vw;margin: 0 0;}
#new_wrp .breadcrumb li {font-size: 2.6vw !important ;margin-right: .65em !important; display: inline-flex; white-space: nowrap;}
#new_wrp .breadcrumb a {padding: 0 0;min-width: 20px;}*/
#require-search-page #left-menu h4 {    display: flex; justify-content: center;    margin-left: -6px;}
#require-search-page #left-menu h4::before {content: "";
 display: inline-block;
    width: 6px;
    background-color: #df4525;
      top:0;
    height: 1.2em;
    position: relative;
    left: 0;
    margin-right: 2px;}

/*.wrp_brd {width: 100%;overflow-x: hidden; position: relative;border-bottom: 1px #ddd solid;} 
.wrp_brd::before{background: linear-gradient(to left, rgba(252, 252, 252, 0) 0%, #fcfcfc 100%);
    content: "";
    display: block;
  height: 99%;
    width: 5vw;
  left: 0; top: 0;
    position: absolute;z-index: 10;}
.wrp_brd::after{background: linear-gradient(to right, rgba(252, 252, 252, 0) 0%, #fcfcfc 100%);
    content: "";
    display: block;
  height: 99%;
    width: 5vw;
  right: 0; top: 0;
    position: absolute;z-index: 10;} 
.scroll_brd {width: 100%;overflow-x: scroll; position: relative; background-color: #fff;}*/

/*#new_wrp .scroll_brd .breadcrumb ol {display:flex;flex-wrap: nowrap;  padding:.4em 3vw .4em 7vw;min-width: 90vw; border-bottom: 0; line-height: 2;}
#new_wrp .scroll_brd .breadcrumb ol li {font-size: 2.6vw !important ;margin-right: .65em !important; display:inline-block; white-space: nowrap;}
#new_wrp .breadcrumb li:last-child {padding-right: 2em;}
.breadcrumb::before {vertical-align: text-bottom; z-index: 100; position: relative;}
.scroll_brd .breadcrumb::before {position: absolute;}
*/

#main.item .infobox {width: 90vw; max-width: 90vw; margin: 0 auto; padding-left: 0; z-index: 1;}
#main.item .infobox h1 {font-size: 4.2vw;
    margin-bottom: .65em;
    padding-top: .35em;
    position: relative;}
#main.item .infotable .taxwrap {margin-bottom: 0;}
#main.item .infotable th,#main.item .infotable td {padding: 3vw 0 3vw 0;}
#main.item .infotable th,#main.item .infotable td,
#main.item .infotable p,
#main.item ul.ast li {
    font-size: 3.2vw;}
.tab_list.col2 li {width: 49%;}
.tab_list li {font-size: 3.2vw;}

.tab_contents h2 {border-bottom-color: #dedede;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: .35em;
    font-size: 4.6vw;}
.tab_contents {padding: 0px 5vw;}
.tab_contents .lead {font-size: 3.9vw; font-weight: bold;line-height: 1.6;}
.tab_contents p {font-size: 3.2vw;}
#spec_detail table {
    border-top-color: #ccc;
    border-top-style: solid;
    border-top-width: 1px;
    border-left-color: #ccc;
    border-left-style: solid;
    border-left-width: 1px;
    margin-bottom: 3vw;
    width: 100%; }
#spec_detail th,
#spec_detail td {display: block; width: 100%; font-size: 3.2vw;
    border-bottom-color: #ccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-color: #ccc;
    border-right-style: solid;
    border-right-width: 1px;
    padding: 2vw 3vw;
    vertical-align: top; }
#spec_detail th {
    background-color: #fbfbfb;}

#require_form {
  background-color: #fff;
  display: block;
  height: 100vh;
  width: 100%;
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  transition: right 200ms ease-out;
  z-index: 9000; }
  #require_form.close {
    right: -102vw; }
    #require_form.close #require_header,
    #require_form.close #require_footer {
      right: -102vw; }

#new_wrp.item #aside {display: block; width: 100%; margin: 0 auto; border: 0;}
#purchase_area {border: 0; margin-bottom: 0;}
#purchase_area .btnbox {margin-bottom: 0;}
.sns_list {padding-left: 0; justify-content: center; margin-left: -3em;}

/*
 * フッター固定ボタン
 */
#new_wrp.item {padding-bottom: 18vw; overflow-x: hidden;}
#main.item .ftb_box {display: block; position: fixed;width: 100%; bottom: 0;background-color: #333333; padding: 10px 0 15px; height: 70px;z-index: 500;}

#main.item .ftb_box dl.ftb_inner {display: flex; align-items: center;padding: 0 0 10px 0; color: #fff; justify-content: space-between;}
#main.item .ftb_box dl.ftb_inner dd { display: inline-flex; justify-content: center;padding: 0 5vw;}
#main.item .ftb_box dl.ftb_inner dt {padding-right: 2vw;    width: 45%;}
#main.item .ftb_box .button.apply {line-height: 3; width:40vw; font-size:  3.2vw; background-color: #d44316;
    background-image: url(/themes/images/web/ic_apply.svg) ; background-position: 20% center; background-repeat:  no-repeat; padding-left: 10%; padding-right: 5%; border: 0; color: #fff; font-weight: bold; background-size: 1.25em;}

#main.item .ftb_box .button.single {width:90vw; margin: 0 auto; line-height: 1; display: block; font-size: 4.2vw; height: 3em;}
#main.item .ftb_box p.price { font-size: 2.9vw; margin-bottom: 0;}
#main.item .ftb_box p.price em {font-size:  4.2vw; font-weight: bold;}
#main.item .ftb_box p.point { font-size: 2.4vw; font-weight: normal !important;}
#main.item .ftb_box #purchase_area p.point { font-size: 2.4vw; font-weight: normal !important;}
#main.item .ftb_box p.point span {font-size: 2.9vw; font-weight: normal !important;}
#main.item .ftb_box #purchase_area p.point span {font-size: 2.9vw; font-weight: normal !important;}
#main.item .ftb_box dl.ftb_inner dd.fav_btn { padding: 0 2vw; background-color: transparent; border: 0;}
#main.item .ftb_box dl.ftb_inner dd.fav_btn img {height: 5vw;}


h3.stitle {font-size: 4vw; width: 95vw; margin-left: auto;margin-right: auto;}

#require_header {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  top: 0;
  right: 0;
  transition: right 200ms ease-out;
  width: 100vw;
  z-index: 1000; }
  #require_header::after {
    content: "";
    display: block;
    width: 4em; font-size: .75rem; }
  #require_header h2 {
    font-size: 1rem;
    line-height: 3.125em;
    text-align: center; }

#require_back {
  background-image: url(/themes/images/web/arrowhead_l_red.svg);
  background-position: 1em center;
  background-repeat: no-repeat;
  background-size: 0.5em auto;
  box-sizing: border-box;
  color: #333;
  font-size: 3.4vw;;
  font-style: normal;
  padding-left: 1em;
  text-align: right;
  width: 4em;
  order: -1;}


#require_footer {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  padding: 1.3vw 0 2.6vw;
  position: fixed;
  bottom: 0;
  right: 0;
  transition: right 200ms ease-out;
  width: 100vw;
  z-index: 1000;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  overflow:hidden;
  }

  #require_footer .buttonlist {
    display: flex;
    justify-content: space-between;
    padding: 0 5vw; }
  #require_footer .button.clear {
    background-color: #ebeff1; color: #333; }
  #require_footer .button {
    background-color: #ee6331;
    color: #fff;
    display: flex;
    justify-content: center;
    width: 60vw; }
  #require_footer .ic {
    margin-right: 3vw;
    width: 5.3vw; }

#require_form .btnwrap {
  background-color: #f2f2f2;
  margin-bottom: 2.5vw;
  padding: 2.6vw 0;
  width: 100%;}

#require_form .btn.require {
  background-color: #ee6331;
  background-image: url(/themes/images/web/arrow_ankwh_btn.svg);
  background-position: 90% center;
  background-repeat: no-repeat;
  background-size: 0.625rem auto;
  border-radius: 0.5em;
  color: #fff;
  display: block;
  font-size: 0.875rem;
  line-height: 2.85;
  margin: 0 auto;
  text-align: center;
  max-width: 90%;
  padding: 0; height: auto;}

#require_area {
  display: flex;
  flex-direction: column;
  padding-bottom: 40vw; }
  #require_area .list_wrap {
    margin-bottom: 5vw;
    order: 2; }
    #require_area .list_wrap:nth-of-type(1), #require_area .list_wrap:nth-of-type(2) {
      order: 0; }
    #require_area .list_wrap h3 {
      background-color: #ffe8e3;
      font-size: 0.9375rem;
      line-height: 2.4;
      margin-bottom: 0;
      padding-left: 4vw; }
    #require_area .list_wrap.pricebox h3,
      #require_area .list_wrap.colors h3{ margin-bottom: 2.4vw;}
        #require_area .list_wrap ul {    margin-bottom: 0;
    padding-left: 0;}
    #require_area .list_wrap li {
      border-bottom-color: #eee;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      padding: 1vw 4vw 1.2vw; }
      #require_area .list_wrap li:nth-child(n + 11) {
        display: none; }


input[type="checkbox"] {
    -webkit-appearance: checkbox;}
select, input[type="button"], input[type="submit"], input[type="reset"], input[type="radio"], input[type="checkbox"], input + label {
    cursor: pointer;
}
#require_overlay.pc { display: none;}


@media screen and (max-width: 440px){
#main.item .imgbox .img .large .imgwrp img { max-height: 100% !important;height: 100% !important;}}






.breadcrumb{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
ol,li{margin:0;padding:0;}
*,*::before,*::after{box-sizing:inherit;}
section{display:block;}
a{color:#3273dc;cursor:pointer;text-decoration:none;}
a:hover{color:#363636;}
.breadcrumb{font-size:1rem;white-space:nowrap;}
.breadcrumb a{align-items:center;color:#3273dc;display:flex;justify-content:center;padding:0 0.75em;}
.breadcrumb a:hover{color:#363636;}
.breadcrumb li{align-items:center;display:flex;}
.breadcrumb li:first-child a{padding-left:0;}
.breadcrumb li + li::before{color:#b5b5b5;content:"\0002f";}
a{color:#000;cursor:pointer;text-decoration:none;}
ol{margin-bottom:1em;padding-left:1.5em;}
li{font-size:.875rem;margin-left:0;padding-left:0;}
.breadcrumb a:link{color:#066eb3;}
.breadcrumb a:visited{color:#066eb3;}
.breadcrumb a:hover{color:#066eb3;opacity:0.8;}
.breadcrumb a:active{color:#066eb3;opacity:0.8;}
ol{list-style-type:none;}
ol{list-style-type:decimal;}
li{font-size:.875rem;margin-left:0;}
.breadcrumb {
  display: flex;
  align-items: center;
  margin: 0 0 1rem 0;
  width: 100%;
  flex-wrap: nowrap;
  padding: .4em 3vw .4em 1.5em;
  min-width: 90vw;
  border-bottom: 0;
  line-height: 2;
  margin-bottom: 0;}
.breadcrumb li{font-size:0.75rem;margin-right:.5em;}
.breadcrumb a{color:#066eb3;margin-right:.5em;padding:0;}
.breadcrumb::before {
  content: "";
  width: 1em;
  height: 1em;
  display: inline-block;
  margin-left: -1.5em;
  background-attachment: scroll;
  background-image: url(/themes/images/web/brd_home.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 2.6vw;
}
.breadcrumb li + li::before{content:"";}

@media screen and (max-width: 660px){
ol.breadcrumb li{font-size:2.6vw;margin-right:.65em!important;display:inline-flex;white-space:nowrap;}
}
@media screen and (max-width: 440px){
ol.breadcrumb{display:flex;padding:.3em 3vw .3em 7vw;border-bottom:1px #ddd solid;background-color:#fff;min-width:90vw;}
ol.breadcrumb li{font-size:2.6vw!important;margin-right:.65em!important;display:inline-flex;white-space:nowrap;}
.wrp_brd{width:100%;overflow-x:hidden;position:relative;border-bottom:1px #ddd solid;}
.wrp_brd::before{background:linear-gradient(to left, rgba(252, 252, 252, 0) 0%, #fcfcfc 100%);content:"";display:block;height:99%;width:5vw;left:0;top:0;position:absolute;z-index:10;}
.wrp_brd::after{background:linear-gradient(to right, rgba(252, 252, 252, 0) 0%, #fcfcfc 100%);content:"";display:block;height:99%;width:5vw;right:0;top:0;position:absolute;z-index:10;}
.scroll_brd{width:100%;overflow-x:scroll;position:relative;background-color:#fff;}
.scroll_brd ol.breadcrumb{display:flex;flex-wrap:nowrap;padding:.4em 3vw .4em 5vw;min-width:90vw;border-bottom:0;line-height:2;margin-bottom:0;}
.scroll_brd ol.breadcrumb li{font-size:2.6vw!important;margin-right:.65em!important;display:inline-flex;white-space:nowrap;}
.scroll_brd ol.breadcrumb li:last-child{padding-right:2em;}
.breadcrumb::before{vertical-align:text-bottom;z-index:100;position:relative;margin-left:-5vw;}
.scroll_brd .breadcrumb::before{position:absolute;}
.breadcrumb a{color:#066eb3;margin-right:.65em;}

/*.search-shop .scroll_brd ol.breadcrumb {padding: .4em 3vw .4em 8vw;}
.search-shop .breadcrumb::before {margin-left: -4vw;}*/
}
@media screen and (max-width: 768px){
.wrp_brd{max-width:90vw;margin:0 auto;}
}
@media screen and (max-width: 660px){
li{font-size:3.4vw;}
}
@media screen and (max-width: 660px){
.wrp_brd{max-width:100%;}
}

li:last-child{margin-bottom:0;}
@media screen and (max-width: 768px){
.breadcrumb li{font-size:0.75rem;}
}
@media screen and (max-width: 660px){
#new_wrp .breadcrumb{margin-bottom:0;}
#new_wrp .breadcrumb li{font-size:2.6vw!important;margin-right:.65em!important;display:inline-flex;white-space:nowrap;}
#new_wrp .breadcrumb a{padding:0 0;min-width:20px;}
.search-shop .wrp_brd{ overflow-x:hidden;position:relative;/*border-bottom:1px #ddd solid;*/ border-bottom: none; background-color: #fff;}

.wrp_brd::before{background:linear-gradient(to left, rgba(252, 252, 252, 0) 0%, #fcfcfc 100%);content:"";display:block;height:99%;width:5vw;left:0;top:0;position:absolute;z-index:10;}
.wrp_brd::after{background:linear-gradient(to right, rgba(252, 252, 252, 0) 0%, #fcfcfc 100%);content:"";display:block;height:99%;width:5vw;right:0;top:0;position:absolute;z-index:10;}
.scroll_brd{width:95vw;overflow-x:scroll;position:relative;background-color:#fff; margin: 0 auto;}
#new_wrp .breadcrumb li:last-child{padding-right:2em;}
.breadcrumb::before{vertical-align:text-bottom;z-index:100;position:relative;}
.scroll_brd .breadcrumb::before{position:absolute;}
}