/* ★★★★★　追加箇所 ★★★★★ */

@media screen and (min-width:960px){
 .spnav_search_new{display:none;}
}

@media screen and (max-width:959px){

/* SP 境界線 */
#gnav{
  border-top: 1px solid #e6e6e6;
}
/* 検索ボックス */
.snav__search{
  width:100%;
  background:#fff;
}
/* 詳細検索ボタン非表示*/
.sp_detail-search.key_detail{
  display:none;
}
/* PC詳細検索非表示 */
.spnav_search{
  display:none;
}
.new_detail-open-btn .sp_head-act--icon{
  width: 25px;
  height: 19px;
  padding-top: 0px;
}
.spnav_search_new{
  opacity:0;position:fixed;top:0;left:0;z-index:-1;height:100vh;width:100vw;-webkit-transition:.5s;transition:,5s;overflow:hidden;max-height:0;top:100px;
}

.open_detail_sp .spnav_search_new{
  opacity:1;left:0;z-index:1000;overflow:auto;max-height:9999px;top:92px;border-top: 1px solid #e6e6e6;overflow:hidden;
}
/* TB 詳細検索 緊急告知バー有りの時 */
.emergency_top.open_detail_sp .spnav_search_new{
  top:128px;
}
/* TB 詳細検索 スクロールした時 */
.open_detail_sp .spnav_search_new.g_fixed{
  top:52px;
}
.emergency_top.open_detail_sp .spnav_search_new.g_fixed{
  top:52px;
}
.spnav_search_new .detail_inbox{
  overflow:scroll;
  padding:0px;
}
.spnav_search_new .scrolls{
  /* max-width:840px; */margin:0 auto;
}
.open_detail_sp .snav__bg{
  display:block;z-index:500;background:rgba(255,255,255,.7);position:fixed;top:0;left:0;width:100vw;height:100vh;top:160px;
}

/* 詳細検索内ボックス */
#spnav_new_search_box{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:8px 2% 6px;
  width:100%;
  border-color:#ddd;
  position:relative
}

#spnav_new_search_box .snav__search{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid #ddd;
  padding: 0 5px;
  background: #fff;
  border-radius: 4px;
  width:90%;
}

#spnav_new_search_box .snav__search__label{
  width:100%;
}

#spnav_new_search_box .snav__search__label input{
  padding: 0;
}

#spnav_new_search_box .snav__search-submit #icon_search--s{
  stroke: #999;
}

#spnav_new_search_box .search-close_btn{
  /*padding:15px 10px; */
  width:10%;
  height:20px;
  position:static;
}

#spnav_new_search_box .search-close_btn_sp p{
  padding-left:10px;
}


/* ★★★★★ カテゴリーリンク ★★★★★ */
.detail_ser-nav{
  width:100%;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}
.detail_ser-nav li.detail_ser-nav--list{
  padding-top:17px;
  width:calc(100%/3);
  height:60px;
  text-align:center;
  border:#ccc solid 1px;
  font-weight:bold;
}
.detail_ser-nav li.detail_ser-nav--list:nth-child(1){
  border-left:none;
}
.detail_ser-nav li.detail_ser-nav--list:nth-child(2){
  border-right:none;
  border-left:none;
}
.detail_ser-nav li.detail_ser-nav--list:nth-child(3){
  border-right:none;
}
.detail_ser-nav li.detail_ser-nav--list:nth-child(7){
  border-top:none;
  border-left:none;
}
.detail_ser-nav li.detail_ser-nav--list:nth-child(8){
  border-top:none;
  border-right:none;
  border-left:none;
}
.detail_ser-nav li.detail_ser-nav--list:nth-child(9){
  border-top:none;
  border-right:none;
}
.detail_ser-nav .detail_box--child--l,.detail_ser-nav .detail_box--child--m,.detail_ser-nav .detail_box--child--k,.detail_ser-nav .detail_box--child--b{
  width:100%;
  display:none;
}
.detail_ser-nav li.detail_ser-nav--list div span{
  padding: 5px 10px;
}
.detail_ser-nav li.detail_ser-nav--list div{
  width:100%;
  text-align:center;
}

.detail_ser-nav .down_arrow.active{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUxLjkgMjU3LjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1MS45IDI1Ny42OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojQ0NDQ0NDO30NCjwvc3R5bGU+DQo8ZyBpZD0i44Os44Kk44Ok44O8XzJfMV8iPg0KPGcgaWQ9IkNhcGFfMSI+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI0OC41LDkuNmwxOTQuMywxOTQuM2MxMiwxMi43LDExLjUsMzIuNy0xLjIsNDQuN2MtMTIuMiwxMS42LTMxLjMsMTEuNi00My41LDBMMjI2LjEsNzYuN0w1NC4yLDI0OC43Yy0xMi41LDEyLjItMzIuNiwxMS44LTQ0LjctMC43Yy0xMS45LTEyLjMtMTEuOS0zMS44LDAtNDRMMjAzLjgsOS42QzIxNi4xLTIuNywyMzYuMi0yLjcsMjQ4LjUsOS42TDI0OC41LDkuNnoiLz48L2c+DQo8L2c+DQo8L3N2Zz4=) no-repeat 95% 50% / 10px 6px;color:#37b7f4;}
.detail_ser-nav .down_arrow{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUxLjkgMjU3LjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1MS45IDI1Ny42OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojQ0NDQ0NDO30NCjwvc3R5bGU+DQo8ZyBpZD0i44Os44Kk44Ok44O8XzJfMV8iPg0KCTxnIGlkPSJDYXBhXzEiPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjAzLjYsMjQ4LjNMOS4zLDU0Yy0xMi0xMi43LTExLjUtMzIuNywxLjItNDQuN0MyMi43LTIuMyw0MS44LTIuMyw1NCw5LjNsMTcxLjksMTcxLjlMMzk3LjgsOS4zDQoJCQljMTIuNS0xMi4yLDMyLjYtMTEuOCw0NC43LDAuN2MxMS45LDEyLjMsMTEuOSwzMS44LDAsNDRMMjQ4LjMsMjQ4LjNDMjM1LjksMjYwLjcsMjE1LjksMjYwLjcsMjAzLjYsMjQ4LjNMMjAzLjYsMjQ4LjN6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+) no-repeat 95% 50% / 10px 6px}
.detail_ser-nav .down_arrow.active span{
border-bottom:2px solid #37b7f4;
}

.detail_ser-nav .blocks{display:block}.detail_ser-nav .groupnav--child--a,.detail_ser-nav .grandchild--a{display:block;padding:15px 5%}.detail_ser-nav .groupnav--all--a{display:block;padding:15px 5%;border-bottom:1px solid #ccc}.detail_ser-nav .groupnav--child--a{border-bottom:1px solid #ccc}.detail_ser-nav .grandchild--a{border-bottom:1px solid #ccc;background-color:#eaeaea}.detail_ser-nav .grandchild--list:last-child .grandchild--a{border-bottom:0}.detail_ser-nav .grandchild--list{background:#eaeaea}.detail_ser-nav .groupnav--child--a{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NTEuODUgMjU3LjU3Ij48dGl0bGU+dW5fYXJyb3c8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IkNhcGFfMSIgZGF0YS1uYW1lPSJDYXBhIDEiPjxwYXRoIGQ9Ik0yMDMuNTUsMjQ4LjMsOS4yNyw1NEEzMS42NCwzMS42NCwwLDAsMSw1NCw5LjI3TDIyNS45MywxODEuMTgsMzk3LjgzLDkuMjdBMzEuNjQsMzEuNjQsMCwwLDEsNDQyLjU4LDU0TDI0OC4yOSwyNDguMzFhMzEuNjQsMzEuNjQsMCwwLDEtNDQuNzQsMFoiLz48L2c+PC9nPjwvc3ZnPg==) no-repeat 95% 50% / 10px 6px}.detail_ser-nav .grandchild--a{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTcuNTcgNDUxLjg1Ij48dGl0bGU+cl9hcnJvdzwvdGl0bGU+PGcgaWQ9IuODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj48ZyBpZD0iQ2FwYV8xIiBkYXRhLW5hbWU9IkNhcGEgMSI+PHBhdGggZD0iTTI0OC4zLDI0OC4yOSw1NCw0NDIuNTdBMzEuNjQsMzEuNjQsMCwwLDEsOS4yNywzOTcuODNMMTgxLjE4LDIyNS45Miw5LjI3LDU0QTMxLjY0LDMxLjY0LDAsMCwxLDU0LDkuMjdMMjQ4LjMxLDIwMy41NWEzMS42NCwzMS42NCwwLDAsMSwwLDQ0Ljc0WiIvPjwvZz48L2c+PC9zdmc+) no-repeat 95% 50% / 6px 10px}.detail_ser-nav .groupnav--grandchild{border-bottom:1px solid #ccc}.detail_ser-nav .side_cate--app_a--min{display:none}.uncle--list:last-child{border-bottom:0}.detail_ser-nav .up_arrow,.detail_ser-nav .down_arrow.active,.detail_ser-nav .groupnav--child--a.active{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUxLjkgMjU3LjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1MS45IDI1Ny42OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjx0aXRsZT51bl9hcnJvdzwvdGl0bGU+CjxnPgoJPGcgaWQ9IkNhcGFfMSI+CgkJPHBhdGggZD0iTTI0OC41LDkuNmwxOTQuMywxOTQuM2MxMiwxMi43LDExLjUsMzIuNy0xLjIsNDQuN2MtMTIuMiwxMS42LTMxLjMsMTEuNi00My41LDBMMjI2LjEsNzYuN0w1NC4yLDI0OC43CgkJCWMtMTIuNSwxMi4yLTMyLjYsMTEuOC00NC43LTAuN2MtMTEuOS0xMi4zLTExLjktMzEuOCwwLTQ0TDIwMy44LDkuNkMyMTYuMS0yLjcsMjM2LjItMi43LDI0OC41LDkuNkwyNDguNSw5LjZ6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==) no-repeat 95% 50% / 10px 6px}.detail_ser-nav .up_arrow.active,.detail_ser-nav .down_arrow,{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NTEuODUgMjU3LjU3Ij48dGl0bGU+dW5fYXJyb3c8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IkNhcGFfMSIgZGF0YS1uYW1lPSJDYXBhIDEiPjxwYXRoIGQ9Ik0yMDMuNTUsMjQ4LjMsOS4yNyw1NEEzMS42NCwzMS42NCwwLDAsMSw1NCw5LjI3TDIyNS45MywxODEuMTgsMzk3LjgzLDkuMjdBMzEuNjQsMzEuNjQsMCwwLDEsNDQyLjU4LDU0TDI0OC4yOSwyNDguMzFhMzEuNjQsMzEuNjQsMCwwLDEtNDQuNzQsMFoiLz48L2c+PC9nPjwvc3ZnPg==) no-repeat 95% 50% / 10px 6px}.detail_ser-nav .bg_mild-gray,.detail_ser-nav .groupnav--child--a.active.bg_mild-gray{background-color:#f9f9f9}



/* ★★★★★ こだわり検索 ★★★★★ */
.new--detail{
  width:100%;
  margin-bottom:20px;
}
.new--detail .new--detailspc{
  height: 20px;
  background:#f2f2f2;;
  border-bottom: 1px solid #ccc;
}
.new--detail .hum--detailtit{
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
}
.new--detail .newdetail_ser-list li {
  width:100%;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
}
.new--detail .newdetail_ser-list p.newdetail_ser-tit {
  padding: 15px 0 15px 10px;
  width:55%;
}
.new--detail .newdetail_ser-list li:first-child p.newdetail_ser-tit{
  width:35%;
}
.new--detail .newdetail_ser-list li:last-child p.newdetail_ser-tit{
  width:40%;
}
.new--detail .newdetail_ser-list .detail_ser-input{
  padding: 5px;
  margin: 10px;
  background:#fff;
  border:1px solid #e6e6e6
}
.new--detail .newdetail_ser-list div.cp_ipselect.cp_sl01{
  width:40%;
  position: relative;
  border:none;
  background: #fff;
  padding:10px 5px;
}
.new--detail .newdetail_ser-list div.cp_ipselect.cp_sl01::before{
  top:1.6em;
  right: 1.6em;
  background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NTEuODUgMjU3LjU3Ij48dGl0bGU+dW5fYXJyb3c8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IkNhcGFfMSIgZGF0YS1uYW1lPSJDYXBhIDEiPjxwYXRoIGQ9Ik0yMDMuNTUsMjQ4LjMsOS4yNyw1NEEzMS42NCwzMS42NCwwLDAsMSw1NCw5LjI3TDIyNS45MywxODEuMTgsMzk3LjgzLDkuMjdBMzEuNjQsMzEuNjQsMCwwLDEsNDQyLjU4LDU0TDI0OC4yOSwyNDguMzFhMzEuNjQsMzEuNjQsMCwwLDEtNDQuNzQsMFoiLz48L2c+PC9nPjwvc3ZnPg==) no-repeat 85% 50% / 10px 6px;
}
.new--detail .newdetail_ser-list div.cp_ipselect.cp_sl01 select{
  border:none;
}
.new--detail .detail_ser-box{
  padding:0px;
  margin:0 15px 0 0;
  background:#fff;
}
.new--detail .detail_ser-box p{
  text-align:right;
}
.new--detail .detail_ser-box .side__search--price{
  padding:5px;
  margin:10px;
  width:25%;
  background:#fff;
  border:1px solid #e6e6e6
}
.new--detail .detail_checkbox label {
  cursor: pointer;
  display: inline-block;
  margin:15px 5px;
  font-size: 1.4rem;
  margin-right: 15px;
}
.new--detail .detail_checkbox label:first-child {
  margin-right: 5px;
}
.new--detail .detail_checkbox label input {
  display: none;
}
.new--detail .detail_checkbox label span {
  font: 1.4rem;
  color: #666;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  padding: 5px 10px;
  text-align:center;
}
.new--detail .detail_checkbox label input:checked + span {
  font: 1.4rem;
  color: #333;
  background: #f2f2f2;
  border: 1px solid #e6e6e6;
}
.new--detail .newdetail_btn_set{
  display:flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  align-items: center;
}
.new--detail .newdetail_btn_set .new_detail-clear-btn{
  display: block;
  margin: 30px 10px 0 auto;
  width: 30%;
  max-width: 200px;
  padding: 10px;
  background: #fff;
  border: 1px solid #36b6f3;
  border-radius:3px;
  color: #36b6f3;
  font-size: 1.5rem;
}
.new--detail .newdetail_btn_set .new_detail-btn{
  display: block;
  margin: 30px auto 0 10px;
  width: 40%;
  max-width: 200px;
  padding: 10px;
  background: #36b6f3;
  border: 0;
  border-radius:3px;
  color: #fff;
  font-size: 1.5rem;
}
.new--detail .search-close_btn_sp.hum--end{
  padding:12px;
  width: 25%;
  border-radius: 3px;
}
.new_detail-open-btn,.search-close_btn_sp{
cursor:pointer
}

.spnav_search_new .hum--brandlist ul.cate_nav--area{
  border-bottom: 1px solid #ccc;
}
.hum--brandlist .footer__brand--label--list .label-name{
  display:none;
}

}

@media screen and (max-width:767px){
/*　mymenu 非表示*/
.sp_head-act li.sp_head-act--list:nth-child(1){
  display:none;
}
.sp_head-act li.sp_head-act--list:nth-child(2){
  display:none;
}

[type="text"][readonly]#spnav_search_box_input{
  background: #fff;
}

/* SP 詳細検索 表示位置調整*/
.open_detail_sp .spnav_search_new{
  top:52px;
}
/* SP 詳細検索 緊急告知バー有りの時 */
.emergency_top.open_detail_sp .spnav_search_new{
  top:82px;
}
/* SP 詳細検索 スクロールした時 */
.open_detail_sp .spnav_search_new.g_fixed{
  top:52px;
}
.emergency_top.open_detail_sp .spnav_search_new.g_fixed{
  top:52px;
}
.new--detail .search-close_btn_sp.hum--end{
  width: 35%;
}

/* iPhone 検索ボックスにフォーカスすると寄るのを防ぐ */
body.iphone #spnav_new_search_box .snav__search__label input::placeholder {
  font-size: 14px;
}

body.iphone #spnav_new_search_box .snav__search__label input[type="text"] {
  font-size: 1.6rem;
}
}
#i_close-search {
    width: 55px;
    height: 55px;
    padding: 11px;
}