@charset "UTF-8";
/* CSS Document */
body{
font-family: 'M PLUS 1p', sans-serif;
font-family: 'Klee One', cursive;
}
/*海外雑貨_タイトル*/
.import_zakka__top-title h1 {
  font-family: 'M PLUS 1p', sans-serif;
  font-style: normal;
  font-size: 1.9rem;
  color: #776650;
  background-color: #FEF6D0;
  padding: 5px 0;
}
.import_zakka__top-title span {
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 1.6rem;
}
/*海外雑貨_アクセサリー＆インテリア*/
.import_zakka__accessory-interior {
  background-image: url("../images/import_zakka/import_goods_top-background.png");
  background-size: 155%;
  height: 1090px;
  background-repeat: no-repeat;
  background-position: bottom;
  margin-top: -35px;
  margin-bottom: -152px;
}
.import_zakka__accessory-interior h1 {
  font-family: "Klee One";
  color: #776650;
  font-size: 2.4rem;
  font-weight: 900;
  background: linear-gradient(transparent 60%, #DECAAE 100%);
  border-radius: 80% 50% 60% 5%/80% 75% 15% 75%;
  display: inline-block;
  text-align: left;
  margin: 60px auto 0 auto;
}

/*
.list-box{
  width:fit-content;
  margin:0 auto;
}*/
#accessory_title{
  font-size:2.0rem;
}


#interior_title{
  font-size:2.0rem;
  margin-left:-145px;
}

@media(min-width:768px){
  .import_zakka__accessory-interior {
    background-image: url(../images/import_zakka/import_goods_top-background.png);
    background-size: 100%;
    height: 1350px;
    background-repeat: repeat-x;
    background-position: bottom;
    margin-top: 0px; 
    margin-bottom: -480px;
}
}
@media(min-width:1300px) {
  .import_zakka__accessory-interior {
    background-image: url("../images/import_zakka/importgoods_background_pc.png");
    background-size: 100%;
    height: 1082px;
    background-repeat: no-repeat;
    background-position: bottom;
    margin-top: 0;
  }
  .import_zakka__accessory-interior h1 {
    font-family: 'Klee One', cursive;
    font-size: 4.0rem;
    font-weight: 900;
    margin: 60px auto 0 auto;
  }
}
/*ハウス*/
.import_zakka__accessory-interior__house {
  background-image: url("../images/import_zakka/house_background.png");
  background-size: 330px auto;
  height: 950px;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 140px;
}
.import_zakka__accessory-interior h2 {
  font-family: 'M PLUS 1p', sans-serif;
  font-style: normal;
  color: #776650;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-left: -120px;
  margin-bottom: 10px;
  margin-top: 60px;
}
.import_zakka__accessory-interior p {
  font-family: 'M PLUS 1p', sans-serif;
  font-style: normal;
  color: #776650;
  font-size: 1.4rem;
  font-weight: 400;
  text-align: left;
  margin-bottom: 10px;
}
.import_zakka__accessory-interior img {
  width: 240px;
  height:auto;
  margin-bottom: 10px;
}
#slick-slide, #slick-slide2, #slick-slide3, #slick-slide4 {
  margin: 0 auto;
  width: 240px;
}
/*スリックスライダー_ドット*/
.slick-dots button {
  background-color: #99866D;
}
.slick-dots li.slick-active button:before {
  color: #99866D;
}
.slick-dots li.slick-active button {
  color: #99866D;
}
.slick-dots li button::before {
  font-family: 'M PLUS 1p', sans-serif;
  font-style: normal;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: #99866D;
  -webkit-font-smoothing: antialiased;
}
@media(min-width:1300px) {
  #slick-slide, #slick-slide2, #slick-slide3, #slick-slide4 {
    width: 50%;
  }
  .slick-dots button {
    right: 8%;
  }
  .import_zakka__accessory-interior__house {
    background-image: url("../images/import_zakka/house_background_pc.png");
    background-size: 96vw;
    min-height: 690px;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 140px;
  }
  .import_zakka__accessory-interior img {
    width: 15vw;
    height: 15vw;
    margin-bottom: 10px;
  }
.import_zakka__accessory-interior h2 {
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 3.0rem;
    margin-bottom: 30px;
    position: relative;
    top: 0;
    left: -240px;
}
  
  
  
  .import_zakka__accessory-interior p {
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 1.7rem;
  }
  #slick-slide, #slick-slide2, #slick-slide3, #slick-slide4 {
    margin: 0 25%;
  }
}
/*旗*/
#flag {
  width: 100%;
  margin-bottom: -70px;
}
@media(min-width:768px) {
  #flag {
    width: 50%;
    margin-left: 40%;
    margin-bottom: -300px;
  }
}
@media(min-width:1300px){
#flag {
    margin-bottom: -725px;
}
}
/*海外雑貨_グリップ＆その他*/
.import_zakka__grip-other {
  background-image: url("../images/import_zakka/import_goods_bottom_background.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 100px;
}
.import_zakka__grip-other h1 {
  font-family: "Klee One";
  color: #776650;
  font-size: 2.4rem;
  font-weight: 900;
  background: linear-gradient(transparent 60%, #DECAAE 100%);
  border-radius: 80% 50% 60% 5%/80% 75% 15% 75%;
  display: inline-block;
  text-align: left;
  margin: 60px auto 0px auto;
}

#grip-title{
  font-size:2.0rem;
  margin-left: -190px;
}

#other-title{
  font-size:2.0rem;
}

@media(min-width:768px){
  .import_zakka__grip-other h1 {
    margin: 70px auto 0px auto;
}
}

.import_zakka__grip-other h2 {
  font-family: 'M PLUS 1p', sans-serif;
  font-style: normal;
  color: #776650;
  font-size: 1.7rem;
  font-weight: 700;
  text-align: center;
  margin-left: -170px;
  margin-bottom: 10px;
  margin-top: 60px;
}
.import_zakka__grip-other p {
  font-family: 'M PLUS 1p', sans-serif;
  font-style: normal;
  color: #776650;
  font-size: 1.4rem;
  font-weight: 400;
  text-align: left;
}
.import_zakka__grip-other img {
  width: 240px;
  height:auto;
  margin-bottom: 10px;
}
@media(min-width:768px) {
  .import_zakka__grip-other {
    background-image: url("../images/import_zakka/giripandother_background_pc.png");
    background-size: 100%;
    background-repeat: repeat-y;
    background-position: top;
    margin-top: 150px;
    padding-bottom: 150px;
  }}
  @media(min-width:1300px) {
    .import_zakka__grip-other {
      background-image: url("../images/import_zakka/giripandother_background_pc.png");
      background-size: 100%;
      background-repeat: repeat-y;
      background-position: center;
      margin-top: 440px;
      padding-bottom: 100px;
    }
    .import_zakka__grip-other h1 {
      font-family: 'Klee One', cursive;
      font-size: 4.0rem;
      margin: 150px auto 0px auto;
    }
    .import_zakka__grip-other h2 {
      font-family: 'M PLUS 1p', sans-serif;
      font-size: 3.0rem;
      font-weight: 700;
      text-align: left;
      margin-left: 360px;
      margin-bottom: 30px;
      margin-top: 50px;
    }
    .import_zakka__grip-other img {
      width: 15vw;
      height: 15vw;
      margin-bottom: 10px;
    }
  }