/* * { outline: 2px solid red; }  */
/* 共通 */
html, body { margin:0; padding:0; }
/* body */
/* * { outline: 2px solid red; } */
*, *::before, *::after{ box-sizing: border-box; }
a { text-decoration: none; }


/* ニュースステッカー */
.bx-wrapper { border: none !important; margin:0 !important; }
.news-slider{ height: 38px; }
.news-slider a{
  display: block;
  background:#f6f6f6;
  padding:10px;
  font-size:12px;
  color:#5f5f5f;
}
.news-slider p {
  width: 100%;
  margin: 0;
  text-align: center;
}

/* GWのみ▼ */
/* .news-sticker a{
  display: block;
  background:#f6f6f6;
  padding:10px;
  font-size:12px;
  color:#5f5f5f;
}
.news-sticker p {
  width: 100%;
  margin: 0;
  text-align: center;
  font-weight: bold;
} */
/* GWのみ▲ */




/* sp-bxslider */
.pcfv { display: none; }
.spfv { padding: 20px 0 60px; }
.bx-wrapper { box-shadow: none !important; border: none !important; margin: 0; }
.sp-slider { position: relative; overflow: visible !important; width: 100vw; background: #fff9fd !important; }
.sp-slide { width: 100vw !important; background: #fff9fd !important;}
.sp-slide div { background: #fff9fd !important; }
.sp-slide a, .sp-slide a img { width: 98%; margin:0 auto;  }
.spfv, .slide, .bx-controls { background: #fff9fd !important; }

/* ドット */
.bx-wrapper .bx-pager { position:absolute !important; width: 100% !important; bottom:-46px !important; margin: 0 auto; padding:0; }
.bx-pager-item a { background: #8e8e8e !important; margin: 0 10px !important; }
.bx-pager-item .active { background: #a30c16 !important; }
.bx-wrapper .bx-controls-direction a { margin-top: -40px; border: none !important; }
#wrapper .bx-wrapper .bx-controls .bx-pager .bx-pager-link { width:10px; height:10px; border-radius:5px; }

/* 矢印 */
.bx-controls-direction { display: none; }



/* title */
.index-ttl { width: 80%; margin: 50px auto; }
.sp-index-ttl-img { display:block; width: 100%; }
.index-ttl-img { display: none; }



/* top-bunner */
#top-bunner-area { margin: 50px 0 ; padding: 30px 0; }
.top-bunner, .chara { display: flex; flex-wrap: wrap; margin: 0 auto; }
.top-bunner a { width: 45%; margin: 0 0 0 3.33%; text-decoration: none; }
.top-bunner div img { width: 100%; } 
.top-bunner div p {
  color: #000; width: 95%; margin: 20px 0; font-size: 12px;
  line-height: 16px; letter-spacing: 0.13em; text-align: center;
}


/* chara */
#chara-area { background: #fff9fd; margin: 50px 0 ; padding: 30px 0; }
.chara { max-width: 538px; }
.chara a { width: 25%; margin: 0 0 20px 6.25%;  text-decoration: none; }
.chara div { max-width: 158px; }
.chara div img { width: 100%; } 
.chara div p {
  color: #000;  width: 95%; margin:20px 0; font-size: 12px;
  line-height: 16px; letter-spacing: 0.13em; text-align: center;
}
.chara div p:hover {
  text-decoration: none;
}

.prd_seller_block, .prd_recommend_block, .free-space { margin: 70px 0; }



/* pro_lst */
.prd_lst { display: flex; flex-wrap: wrap; margin: 0 auto; padding: 0; list-style: none; }
.prd_lst_unit { width: 45%; margin: 0 0 30px 3.33%; }
.prd_lst_img { width: 100%; }
.prd_lst_name, .prd_lst_name a { color: #F67EB4; }



/* ranking */
.ranking1 {
  position: absolute; top: -5px; left: -5px; z-index: 1;
  width: 24px !important; height: 24px; font-size: 14px; line-height: 24px;
  border-radius: 50%; margin: 0; padding: 0;
  text-align: center; color: #fff; background: #f67eb4;
}

/* free-space */
.free-space .col-lg-12 {
  width: 80%; margin: 0 auto;
}
.free-space .col-lg-12 p {
  text-align: center;
 line-height: 1.5em;
  margin: 0 0 0 0;
}
.free-space .col-lg-12 a {
  color: #111;
}

.copyright__powered-by { display:none; }

/********** 538px **********/
@media screen and (min-width: 538px) {
/* chara */
.chara { max-width: none; width: 538px; margin: 0 auto; }
.chara a { width: auto; margin: 0; }
.chara div { max-width: none; width: 158px; margin: 0 0 30px 16px; }
}

/********** 550px **********/
@media screen and (min-width: 550px) {
/* title */
.index-ttl { width: 390px; }
/* pro_lst */
.prd_lst { width: 472px; margin: 0 auto; }
.prd_lst_unit { width: 220px; margin: 0 0 30px 16px; position: relative; }
}


/********** 636px **********/
@media screen and (min-width: 636px) {
/* top-bunner */
.top-bunner a { width: auto; margin: 0; }
.top-bunner { width: 616px; margin: 0 auto; }
.top-bunner div { width: 288px; margin: 0 0 30px 20px; }
}


/********** 712px **********/
@media screen and (min-width: 712px) {
/* chara */
.chara { width: 712px; }
}

/********** 750px **********/
@media screen and (min-width: 750px) {
/* pro_lst */
.prd_lst { width: 700px; margin: 0 auto; }
.prd_lst_unit { width: 220px; margin: 0 0 30px 10px; }
}



/********** 768px **********/
@media screen and (min-width: 768px) {
/* bxslider */
.spfv { display: none; }
.pcfv { display: block; padding: 20px 0 60px; }
.pcfv * div { box-shadow: none; }

.pcfv, .slide, .bx-controls { background: #fff9fd !important; }

.bx-wrapper { box-shadow: none; border: none; margin: 0; }

.slider { position: relative; overflow: visible !important;  }
.slide { width: 100vw !important; max-width: 1200px; }
.slide div { width: 100%; margin-left: auto; margin-right: auto; }
.slide a { width: 100%; }


/* ドット */
.bx-pager-item a { background: #8e8e8e !important; }
.bx-pager-item .active { background: #a30c16 !important; }

/* 矢印 */
.bx-controls-direction { display: block; }
.bx-wrapper .bx-controls-direction a { margin-top: -40px; border: none !important; }
.bx-prev { 
  left: 15% !important; width:40px !important; height: 40px!important;
  background: url("https://img07.shop-pro.jp/PA01424/045/etc/ice-arrow-left.png?cmsp_timestamp=20210330214912") !important; }
.bx-next { right: 15% !important; width:40px !important; height: 40px!important;
  background: url("https://img07.shop-pro.jp/PA01424/045/etc/ice-arrow-right.png?cmsp_timestamp=20210330214941") !important; }



/* title */
/* .index-ttl { width: 390px; } */
.sp-index-ttl-img { display: none; }
.index-ttl-img { display:block; width: 100%; }
}



/********** 886px **********/
@media screen and (min-width: 886px) {
/* chara */
.chara { width: 886px; }
}

/********** 944px **********/
@media screen and (min-width: 944px) {
/* top-bunner */
.top-bunner { width: 924px; }
}

/********** 1000px **********/
@media screen and (min-width: 1000px) {
/* pro_lst */
.prd_lst { width: 950px; }
.prd_lst_unit { margin: 0 0 30px 14px; }
}

/********** 1060px **********/
@media screen and (min-width: 1060px) {
/* chara */
.chara { width: 1060px; }
}

/********** 1200px **********/
@media screen and (min-width: 1200px) {
/* bxslider */
.bx-wrapper { width: 1200px; margin: 0 auto !important; }
.slide { width: 1200px !important; margin-left: auto; margin-right: auto; }
.slide div { width: 1200px; margin: 0 auto; }
/* pro_lst */
.prd_lst { width: 1184px; }
}

/********** 1252px **********/
@media screen and (min-width: 1252px) {
/* top-bunner */
.top-bunner { width: 1232px; }
}

/********** 1300px **********/
@media screen and (min-width: 1300px) {
/* bxslider */
.bx-wrapper { width: 100%; margin: 0 !important; }
.slider { left: calc( (100vw - 1200px)/2 ) } 
.slide div { width: 96%; margin-left: 2%; margin-right: 2%; }
}

/********** 1600px **********/
@media screen and (min-width: 1600px) {
/* pro_lst */
.prd_lst { width: 1418px; }
}

/********** アニメーション **********/
.fadein2, .fadein4, .fadein6, .fadein8 { opacity: 0; visibility: hidden; transition: 1s; transform: translateY(100px); }
.active2, .active4, .active6, .active8 { opacity: 1; visibility: visible; transform: translateY(0); }
.fadein1, .fadein5, .fadein9 { opacity: 0; visibility: hidden; transition: 1s; transform: translateX(-300px); }
.active1, .active5, .active9 { opacity: 1; visibility: visible; transform: translateX(0px); }
.fadein3, .fadein7 { opacity: 0; visibility: hidden; transition: 1s; transform: translateX(300px); }
.active3, .active7 { opacity: 1; visibility: visible; transform: translateX(0px); }