@charset "euc-jp";
#container {
  padding-top: 30px;
}

.header-headline-nav li a {
  color: #4d4d4d;
  text-decoration: none;
  font-weight: normal;
  font-size: 13px;
}
.header-global-nav a,
.header-global-nav span {
  padding-bottom: 5px;
  color: #4d4d4d;
  text-decoration: none;
  font-weight: normal;
  font-size: 18px;
  cursor: pointer;
}
#nav a {
  color: #4d4d4d;
}

#slideshow-block {
  margin-bottom: 0px;
}


.bestseller-block .rank-number img {
    width: 55px;
    height: 55px;
    margin-bottom: -55px;
    z-index: 1000;
    position: relative;
    left: 0px;
}


.bestseller-block .width-1_4-l .rank-number img {
    width: 45px;
    height: 45px;
    margin-bottom: -45px;
    z-index: 1000;
    position: relative;
    left: 0px;
}

@media screen and (min-width:1024px) {
    /*　for PC　*/
.width-1_3-l {
    width: 33.3333% !important;
} 
}

.instagram-button-area {
  display: flex;
  justify-content: center;
 }
.instagram-button-area .btn {
  margin: 10px 6px;
}

ul#insta {
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  align-items:center;	
}

ul#insta li {
  position: relative;
  width:calc(25%  - 10px);
  list-style-type: none;
  margin:0 10px 10px 0;
}
	
ul#insta li:nth-child(4n){
margin-right:0;
}


ul#insta li:before {
  content: "";
  display: block;
  padding-top: 100%;
}

ul#insta li img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
  /*以下プロパティを追加してください*/
  object-position: center;
  font-family: 'object-fit: cover; object-position: bottom;';	
}


#home-instagram {
  margin-bottom: 45px;
}

/************************************
** 特集スクロール（スマホ）
************************************/
.slide-wrap{
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  padding:0 0 1em;
  margin:0 0 2em 0;
  scroll-behavior: smooth;
}
.slide-wrap .slide-content{
  flex: 0 0 70%;
  margin: 0 10px;
  height:100%;
}
@media screen and (max-width: 480px){
.slide-wrap .slide-content {
    flex: 0 0 68%;
    margin: 0px 5px;
    scroll-snap-align:center;
  }
}