@charset "UTF-8";


@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@import url(//fonts.googleapis.com/css?family=Abril+Fatface|Josefin+Slab:700|Noto+Serif:200,400,700);



* {
  font-family: 'Overpass', 'Noto Sans JP', sans-serif;
}


/*----------------------------------------
	clearfix
----------------------------------------*/
.clearfix:after {
content: "";
display: block;
clear: both;
}
/*----------------------------------------
	clearfix
----------------------------------------*/



/*----------------------------------------
	reset
----------------------------------------*/
body {
  min-width: auto;
}
.fs-l-main {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
.fs-l-pageMain {
  width: 100%;
  max-width: none;
}

.layout_menu {
  display: none;
}

.layout_header_delivery {
  display: none!important;
}

.fs-c-heading.fs-c-heading--page {
display: none!important;
}

.layout_header_keywords {
  display: none;
}

.layout_header_form_input {
  font-size: 0;
}

/* .layout_header_navi_logo {
  display: none;
} */

.layout_header_search {
  display: none;
}

.re_gnavi_wrap {
  display: none;
}

/*----------------------------------------
	reset
----------------------------------------*/



.header_kaso img {
  width: 100%;
}

.footer_kaso img {
  margin-top: 252px;
  width: 100%;
}

.searchpage {
  margin: 0 17.06% 0;
}

.searchpage h1 {
  margin-top: 80px;
  font-size: 35px;
  text-align: center;
  text-transform:uppercase;
}

.searchpage h1 span {
  display: block;
  font-size: 15px;
  margin-top: 1%;
}

.searchpage .keyword {
  text-align: center;
}

.searchpage .keyword ul {
  margin-top: 3%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.searchpage .keyword ul li {
  /* display: inline-block; */
  background: #F3F3F3;
  border-radius: 50px;
  padding: 1.5% 2.44%;
  margin-bottom: 10px;
  margin-right: 1%;
}

/* .searchpage .keyword ul li:last-child {
  margin-right: 0px;
} */

.searchpage .keyword ul li p {
  font-size: 15px;
  letter-spacing: .01em;
  text-align: center;
}

.searchpage .colorsearch ul {
  margin-top: 3%;
  text-align: center;
}

.searchpage .colorsearch li {
  display: inline-block;
  margin-right: 1.22%;
}

.searchpage .colorsearch li p {
  font-size: 10px;
  letter-spacing: .01em;
}

.searchpage .colorsearch li .circle {
  width: 61px;
  height: 61px;
  display: inline-block;
  border-radius: 30.5px;
}

.searchpage .colorsearch li .circle#white {
  border: solid 1px #000000;
}

.searchpage .colorsearch li .circle#gray {
  background: #a9a9a9;
}

.searchpage .colorsearch li .circle#black {
  background: #000;
}

.searchpage .colorsearch li .circle#brown {
  background: #684A2F;
}

.searchpage .colorsearch li .circle#beige {
  background: #d2b48c;
}

.searchpage .colorsearch li .circle#green {
  background: #25721C;
}

.searchpage .colorsearch li .circle#gold {
  background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
}

.searchpage .colorsearch li .circle#silver {
  background: linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
}

.searchpage .colorsearch li .circle#other img {
  width: 70%;
 }

 .searchpage .categorysearch {
   margin-top: 71.1px;
   width: 100%;
 }

  .searchpage .categorysearch .all {
    margin-top: 3%;
  }

 .searchpage .categorysearch .all .category {
     position: relative;
     display: inline-block;
     float: left;
     width: 24.2%;
     overflow: hidden;
     margin-right: 1%;
     margin-bottom: 1%;
     background: #000;
     border-radius: 10px;
   }

  .searchpage .categorysearch .all .category#n4 {
    margin-right: 0%;
  }

   .searchpage .categorysearch .all .category img {
     width: 100%;
     opacity: 0.8;
   }

  .searchpage .categorysearch .all .category p {
    font-size: 2vw;
    width: 100%;
    font-weight: 600;
    position: absolute;
    color: #fff;
    top: 38%;
    text-align: center;
  }

  .searchpage .categorysearch .all .category p span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    border-radius: 31px;
  }

  .searchpage .select-brand {
    text-align: center;
  }

    .searchpage .select-brand .brand {
      margin-top: 3%;
    }

  .searchpage .select-brand .brand ul {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .searchpage .select-brand .brand ul li {
    /* display: inline-block; */
    margin-right: 2.5%;
    border: solid 1px #000;
    width: 18%;
    margin-bottom: 20px;
  }

  .searchpage .select-brand .brand ul li:nth-child(1) {
    padding: 6% 2%;
  }

  .searchpage .select-brand .brand ul li:nth-child(1) img {
    width: 100%;
    /* margin-top: 10%; */
  }

  .searchpage .select-brand .brand ul li:nth-child(2) {
    padding: 6% 2%;
  }

  .searchpage .select-brand .brand ul li:nth-child(2) img {
    width: 75%;
    margin-top: 10%;
  }

  .searchpage .select-brand .brand ul li:nth-child(3) {
    padding: 7% 1%;
  }

  .searchpage .select-brand .brand ul li:nth-child(3) img {
    width: 85%;
    margin-top: 10%;
  }

  .searchpage .select-brand .brand ul li:nth-child(4) {
    padding: 6% 2%;
  }

  .searchpage .select-brand .brand ul li:nth-child(4) img {
    width: 70%;
    margin-top: 7%;
  }

  .searchpage .select-brand .brand ul li:nth-child(5) {
    padding: 4% 1%;
  }

  .searchpage .select-brand .brand ul li:nth-child(5) img {
    width: 67%;
    margin-top: 9%;
  }

  .searchpage .select-brand .brand ul li:nth-child(6) {
    padding: 7% 2%;
  }

  .searchpage .select-brand .brand ul li:nth-child(6) img {
    width: 81%;
    margin-top: 2%;
  }

  .searchpage .select-brand .brand ul li:nth-child(7) {
    padding: 5% 2%;
  }

  .searchpage .select-brand .brand ul li:nth-child(7) img {
    width: 100%;
    margin-top: 10%;
  }

  .searchpage .select-brand .brand ul li:nth-child(8) {
    padding: 3% 1%;
  }

  .searchpage .select-brand .brand ul li:nth-child(8) img {
    width: 64%;
    margin-top: 7%;
  }

  .searchpage .select-brand .brand ul li:nth-child(9) {
    padding: 5% 2%;
  }

  .searchpage .select-brand .brand ul li:nth-child(9) img {
    width: 60%;
    margin-top: 10%;
  }

  .searchpage .select-brand .brand ul li:nth-child(5n) {
    margin-right: 0%;
  }

  .searchpage .btn {
    width: 70%;
    height: 5%;
    font-family: Hiragino Kaku Gothic Pro,Meiryo,sans-serif;
    font-size: 17px;
    text-align: center;
    margin: 10% auto 5%;
    background: #FFFFFF;
    border: 1px solid black;
  }

  .searchpage .btn a {
    display: block;
    padding: 3% 5%;
  }


  .searchpage .btn:hover {
    border-radius: 30px;
  }



/* ライトボックス */

.featherlight-sample {
  display: none;
}

.featherlight-sample .colorsearch {
  text-align: center;
  margin: 15% 10%;
}

.featherlight-sample .colorsearch li {
  display: inline-block;
  margin-right: 1.22%;
  margin-bottom: 5%;
}

.featherlight-sample .colorsearch li p {
  font-size: 10px;
  letter-spacing: .01em;
  text-align: center;
}

.featherlight-sample .colorsearch li .circle {
  width: 61px;
  height: 61px;
  display: inline-block;
  border-radius: 30.5px;
}

.featherlight-sample .colorsearch li .circle#white {
  border: solid 1px #000000;
}

.featherlight-sample .colorsearch li .circle#gray {
  background: #a9a9a9;
}

.featherlight-sample .colorsearch li .circle#black {
  background: #000;
}

.featherlight-sample .colorsearch li .circle#brown {
  background: #684A2F;
}

.featherlight-sample .colorsearch li .circle#beige {
  background: #d2b48c;
}

.featherlight-sample .colorsearch li .circle#green {
  background: #25721C;
}

.featherlight-sample .colorsearch li .circle#blue {
  background: #246BE2;
}

.featherlight-sample .colorsearch li .circle#purple {
  background: #4E116D;
}

.featherlight-sample .colorsearch li .circle#yellow {
  background: #FFDF02;
}

.featherlight-sample .colorsearch li .circle#pink {
  background: #F19DC4;
}

.featherlight-sample .colorsearch li .circle#red {
  background: #D42424;
}

.featherlight-sample .colorsearch li .circle#orange {
  background: #F3901F;
}
.featherlight-sample .colorsearch li .circle#gold {
  background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
}

.featherlight-sample .colorsearch li .circle#silver {
  background: linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
}

.featherlight-sample .colorsearch li .circle#pattern {
  border: dotted 1px #000000;
}




  /*----------------------------------------
  	pc/sp
  ----------------------------------------*/

/* PCだけで表示させたい
スマホのときは消えてほしい*/
  .sp-invisible
  {
      display: block;
  }
/* スマホで表示させたい
PCのときは消えてほしい*/
  .sp-display
  {
      display: none;
  }

  /*----------------------------------------
  	pc/sp
  ----------------------------------------*/


  /* ----------------------------------------
  	Tablet
  ---------------------------------------- */

  @media only screen and (max-width: 768px)
  {
    .layout_header_user {
      display: none;
    }

    .re_layout_header_utility .layout_header_utility-navi {
      display: none;
    }

    .re_header_user_menu {
      display: none;
    }

    .layout_header_meta_inner {
      width: 768px;
    }

    .layout_header_navi {
      width: 768px;
    }

    .re_layout_footer_wrap {
      display: none;
    }
  }



  /* ----------------------------------------
  	Tablet
  ---------------------------------------- */







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


/*----------------------------------------
	pc/sp
----------------------------------------*/

/* PCだけで表示させたい
スマホのときは消えてほしい*/
.sp-invisible
{
    display: none;
}
/* スマホで表示させたい
PCのときは消えてほしい*/
.sp-display
{
    display: block;
}

/*----------------------------------------
  pc/sp
----------------------------------------*/




/*----------------------------------------
reset
----------------------------------------*/

body {
  min-width: auto;
}

.fs-l-main {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

.fs-l-pageMain {
  width: 100%;
}

.layout_header_navi {
  display: none;
}

.header-gnavi-category {
  display: none!important;
}

ul.sp-header-gnavi.fs-p-accountInfo.fs-clientInfo.is-ready {
  display: none!important;
}

.fs-l-header__drawerOpener {
  /* display: none; */
}

.psLink img {
  display: none;
}

/* .re_keyword_form_wrap {
  display: none;
} */

.search-price {
  display: none;
}

.re_footer-navi {
  display: none!important;
}

.footer-sns {
  display: none;
}

.footer-under {
  display: none;
}



/*----------------------------------------
reset
----------------------------------------*/



.header_kaso img {
  margin-bottom: 15%;
}

.footer_kaso img {
  margin-top: 15%;
}

.searchpage {
  margin: 15% 2% 25%;
}

.searchpage h1 {
  font-size: 18px;
  margin-top: 15%;
  margin-bottom: 5%;
}

/* .searchpage .keyword ul{
display: inline-block;
} */

.searchpage .keyword ul li {
  padding: 4.5% 4%;
  width: 49%;
  margin-bottom: 3%;
}



.searchpage .keyword ul li:nth-child(n + 5) {
  display: none;
}

.searchpage .keyword ul li img {
  width: 10%;
  display: inline-block!important;
}

.searchpage .keyword ul li p {
  font-size: 13px;
  /* display: inline-block; */
  /* margin-left: 1%; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.searchpage .colorsearch li {
  margin-bottom: 3%;
}

.searchpage .colorsearch li .circle {
  margin-bottom: 2%;
  width: 72px;
  height: 72px;
  border-radius: 36px;
}

.searchpage .colorsearch li:nth-child(2) {
  display: none;
}

.searchpage .colorsearch li:nth-child(3) {
  display: none;
}

.searchpage .colorsearch li:nth-child(4) {
  display: none;
}

.searchpage .colorsearch li:nth-child(7) {
  display: none;
}

.searchpage .colorsearch li:nth-child(8) {
  display: none;
}

.searchpage .categorysearch .all .category {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
}

.searchpage .categorysearch .all .category#n2 {
  margin-right: 0%;
}

.searchpage .categorysearch .all .category p {
  font-size: 6vw;
}

.searchpage h1#select-brand {
  font-size: 24px;
}

.searchpage h1 span {
  font-size: 12px;
}

.searchpage .select-brand .brand ul li {
  width: 30%;
  margin-right: 5%;
}

.searchpage .select-brand .brand ul li:nth-child(5n) {
  margin-right: 5%;
}

.searchpage .select-brand .brand ul li:nth-child(3n) {
  margin-right: 0%;
}

.searchpage .select-brand .brand ul li:nth-child(1) {
padding: 7% 0% 9%;
}

.searchpage .select-brand .brand ul li:nth-child(2) {
padding: 10% 0% 9%;
}

.searchpage .select-brand .brand ul li:nth-child(2) img {
margin-top: 0%;
}

.searchpage .select-brand .brand ul li:nth-child(3) {
padding: 10% 2% 9%;
}

.searchpage .select-brand .brand ul li:nth-child(3) img {
margin-top: 0%;
}

.searchpage .select-brand .brand ul li:nth-child(4) {
padding: 7% 0% 8%;
}

.searchpage .select-brand .brand ul li:nth-child(4) img {
margin-top: 13%;
}

.searchpage .select-brand .brand ul li:nth-child(5) {
padding: 4% 0%;
}

.searchpage .select-brand .brand ul li:nth-child(5) img {
margin-top: 14%;
}

.searchpage .select-brand .brand ul li:nth-child(6) {
padding: 10% 0%;
}

.searchpage .select-brand .brand ul li:nth-child(7) {
padding: 6% 0% 11%;
}

.searchpage .select-brand .brand ul li:nth-child(7) img {
width: 86%;
margin-left: 2%;
}


.searchpage .select-brand .brand ul li:nth-child(8) {
padding: 3% 2%;
}

.searchpage .select-brand .brand ul li:nth-child(8) img {
margin-top: 15%;
width: 64%;
}


.searchpage .select-brand .brand ul li:nth-child(9) {
padding: 5% 0% 0%;
}

.searchpage .btn {
  width: 100%;
  font-size: 15px;
  margin: 20% auto 0%;
  padding: 5% 5%;
}

.searchpage .btn:hover {
  border-radius: 0px;
}

.sp_footer_navi220426 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  background: #f7f7f7;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 800000001;
  position: fixed;
  box-shadow: 0 -2px 4px 0 rgb(0 0 0 / 13%);
}

.sp_footer_navi_box220426 {
  width: 20%;
  padding: 2%;
  display: block;
  text-align: center;
  /* border-right: 1px solid #fff; */
}

.sp_footer_navi_box220426 p {
  font-size: 10px;
  margin-top: 4px;
  line-height: 1;
}

.sp_footer_navi_box220426 img {
  width: 40%;
}


#toTop {
  bottom: 60px;
}

ul.sp-header-gnavi.fs-p-accountInfo.fs-clientInfo.is-ready {
  display: none;
}

.header-gnavi-category {
  display: none;
}

.re_keyword_form_wrap {
  margin: 142px 10px 0px;
}

.re_keyword_form_button {
  top: 13.5px!important;
}

.footer {
  padding-bottom: 60px;
}


/* ライトボックス */

.featherlight-sample .colorsearch {
  text-align: center;
  margin: 15% 0%;
}

}



}