/*
	(C)SBD Style
    Template:next-style ver.0.1
	type:regular_kiji
	◆共通◆
*/

@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
body{
  margin:0;
  position:relative;
  color:#414141;
  font-size:14px;
/* font-size:4.5vw;*/
 font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,"Hiragino Kaku Gothic Pro",Meiryo,Osaka,sans-serif,"Century Gothic";
}
em {
    font-style: normal;
}
@media (min-width:480px){
  body{
    font-size:14px;
  }
  .content{
   padding-top:115px;
  }
  .sns h1,
  .news h1,
  .recommend h1,
  .seller h1,
  .new_item h1{
	  font-size:14px !important;side_cal_memo
  }

}
img{
  max-width:100%;
}
a{
  color:#414141;
}

.open .fa-chevron-up{display:none;}
.open .fa-chevron-down{display:inline-block}
.open.active .fa-chevron-up{display:inline-block}
.open.active .fa-chevron-down{display:none;}

/* header */
@media (max-width: 640px) and (min-width: 1px) {
  header{
    position:fixed;
    padding-bottom:5px;
    top:0;
    left:0;
    z-index:110;
    background-color:#FFF;
  }
  header h1{
    font-size:0.65rem;
    margin:3px;
    line-height: 1em
  }

  header nav ul{
    list-style-type:none;
    margin:0;
    padding:0;
    width:100%;
    float:left;
      font-family: Century Gothic,Quicksand,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ","ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
  }

  header nav ul li{
    float:left;
    width:16.5%;
    text-align:center;
    font-size:0.7rem;
    font-weight:bold;
    min-height:50px;
    position:relative;
  }
  header nav ul li:after{
    width:2px;
    height:30px;
    display:block;
    top:10px;
    right:0;
    content:"";
    background-color:#bbb;
    position:absolute;
    border-radius:3px;
  }
  header nav ul li:last-child:after{
    display:none;
  }

  header nav ul li:first-child{
    width:17.5%;
    font-size:0.7rem;
  }
  header nav ul li:first-child i{
    font-size:28px !important;
  }

  header nav::after{
    clear:both;
    content:'';
    display:block;
    width:100%;
  }
  header nav ul li a i{
    display:block !important;
    font-size:20px !important;
  }
  header nav ul li a{
    text-decoration:none;
    width:16.5vw;
    height:50px;
    display:table-cell;
    vertical-align:middle;
  }
  header nav ul li:first-child a{
    width:17.5vw;
  }

  header nav ul li a.u-toggle2{
    color:#e7336e;
  }
  .fa-heart{
    color:#F00;
  }
  header .logo{
    text-align:center;
    position:relative;
  }
}

/* content */
.content{
  padding-top:110px;
}
/* foooter */
footer .sns h1{
  font-weight:bold;
  text-align:center;
  font-size:4.5vw;
  margin: 20px 0 10px 0;
}
footer .sns ul{
  margin:0;
  padding:0;
  display:table;
  width:100%;
  text-align:center;
}

footer .sns ul li{
  display:inline-block;
  font-size:36px;
  margin:5px 20px;
}

footer .sns ul li i{
  color:#e6679a;
}
#drawer3 .row input,
footer .search_row input{
  margin:0;
  padding:0 1%;
  width:83%;
  height:40px;
  border:none;
  float:left;
  display:block;
}
#drawer3 .row button,
footer .search_row button{
  position:relative;
  margin:0;
  padding:0;
  width:15%;
  height:40px;
  background-color:#FFF;
  border:none;
  display:block;
  float:left;
  font-size:1.5rem;
}

#drawer3 .row button:before,
footer .search_row button:before{
  content:"";
  display:block;
  position:absolute;
  width:1px;
  height:40px;
  background-color:#414141;
  top:0;
  left:0;
}

#drawer3 .row,
footer .search_row{
  position:relative;
  border:solid 1px #414141;
  width:75%;
  margin:10px auto 40px auto;
  height:40px;
  display:table;
  line-height:0;
}


footer .account_menu{
  width:100%;
}
footer .account_menu ul,
footer .cate_grp ul{
  margin:0;
  padding:0;
  list-style-type:none;
  clear:both;

}
footer .cate_grp ul li{
  position:relative;
  font-size:0.8rem;
  border-bottom:solid 1px #bbb;
}
footer .cate_grp ul li:first-child{
  border-top:solid 1px #bbb;
}

/* footer .open{
  position:absolute;
  top:0;
  right:0;
} */
footer .cate_grp ul li a{
  text-decoration:none;
  padding:10px;
  display:block;
  font-weight:bold;
}
footer .cate_grp ul li a.open {
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 22;
}
footer .sub_cate{
  display:none;
}
footer .sub_cate li{
  background-color:#efefef;
}



footer .account_menu nav li a{
  text-decoration:none;
  display:block;
  padding:10px;
  font-size:0.8rem;
  font-weight:bold;
}
footer .account_menu nav li{
  float:left;
  width:50%;
  text-align:center;
}
footer .account_menu{
  display:table;
}
footer .account_menu li{
  text-align:left !important;
}
footer .pc{
  background-color:#b5b5b5;
  padding:10px;
}
footer .pc a{
    color:#FFF;
    display:block;
}
footer table{
  width:80%;
  max-width:300px;
  margin:20px auto;
  border-collapse:collapse;
  border:0px;
}
footer table th,
footer table td{
  text-align:center;
  border-bottom:solid 1px #414141;

}
footer .side_cal_memo{
  width:100%;
  margin:0 auto;
}
footer .logo{
  text-align:center;
  margin-bottom:40px;
}
footer .calender{
  margin-bottom:40px;
}
footer .nav::after{
  clear:both;
  content:'';
  display:block;
  width:100%;
}
footer .nav ul{
  display:table;
  margin:0;
  padding:0;
  list-style-type:none;
  text-align:center;
  width:100%;
}
footer .nav ul li a{
  text-decoration:none;
}

footer .nav ul li a{
  display:table-cell;
  width:inherit;
  height:50px;
  vertical-align:middle;
  padding-left:5px;
  font-size:0.7rem;
}
footer .nav ul li{
  font-size:0.8rem;
  text-align:left;
  float:left;
  height:50px;
  width:50%;
  border-top:solid 1px #bbb;
  position:relative;
}
footer .nav ul li:nth-child(n+3){
  border-bottom:solid 1px #bbb;
}

footer .nav ul li:nth-child(2n+2):before{
  content:"";
  width:1px;
  height:100%;
  background-color:#bbb;
  position:absolute;
  left:0;
  top:0;
  display:block;
}
footer .nav ul li:nth-child(n+5):before{
  display:none;
}
footer .nav ul li:nth-child(n+5){
  float:none;
  display:inline-block;
  width:auto;
  margin-right:5px;
}

footer .nav ul li:nth-child(n+5),
footer .nav ul li:nth-child(n+5) a{
  height:auto;
  margin-top:5px;
  border:none;
}
footer .copyright p{
  text-align:center;
  margin:0;
  padding:1%;
  font-size:0.75rem;
}
/*　モーダル　*/
.modal__content {
  position: absolute;
  z-index: 9999;
  display: none;
  width: 75%;
  margin: 0;
  padding: 10px 20px;
  background: #fff;
}

.overlay {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}
.overlay2 {
  position: fixed;
  z-index: 2100;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

.overlay3 {
  position: fixed;
  z-index: 2100;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

.modal__close {
  font-size: 114.28571%;
  display: block;
  width: 100%;
  text-align: right;
  color: #212121;
}

/* ドロワー */
#drawer p{
  text-align:right;
}
#drawer2 p a{
  float:right;
}
.drawer.open {
  left: 0;
}

.drawer {
  position: fixed;
  top: 0;
  left: -280px;
  z-index: 2001;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 280px;
  height: 100%;
  background: #fff;
  color: #212121;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.drawer2.open {
  right: 0;
}

.drawer2 {
  position: fixed;
  top: 0;
  right: -280px;
  z-index: 2101;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 280px;
  height: 100%;
  background: #fff;
  color: #212121;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.drawer .u-close,
.drawer2 .u-close2{
  font-size:2rem;
  text-decoration:none;
  line-height:2rem;
}



.drawer >p,
.drawer2 > p{
  margin:0;
  padding:10px 10px 0 10px;
  line-height:2rem;
  font-size:0.75rem;
  font-weight:bold;
}
.account_menu,
.cate_grp,
.drawer2,
.drawer{
      font-family: Century Gothic,Quicksand,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ","ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace !important;
}
.drawer ul{
  list-style-type:none;
  margin:0;
  padding:0;
}
.drawer .cate_grp li{

  position:relative;
}
.drawer .cate_grp li a{
  text-decoration:none;
  padding:8px 10px;
  display:block;
   font-size:0.75rem;
  font-weight:bold;
}
.drawer .sub_cate{
  display:none;
}
.drawer .sub_cate li{
  background-color:#efefef;
}
.drawer .open{
  position:absolute;
  right:0px;
  top:0;
}
.drawer .account_menu ul{
  display:table;
  border-top:solid 1px #bbb;
  border-bottom:solid 1px #bbb;
  padding-top:10px;
  padding-bottom:10px;
}
.drawer .account_menu ul li{
  float:left;
  width:50%;
}
.drawer .account_menu ul li a{
  padding:6px 10px;
  display:block;
  text-decoration:none;
  font-size:0.75rem;
  font-weight:bold;
}
.drawer .nav ul{
  display:table;
  width:100%;
  padding-top:8px;

}
.drawer .nav li{
  width:50%;
  float:left;
}
.drawer .nav li a{
   padding:6px 10px;
  display:block;
  text-decoration:none;
  font-size:0.75rem;
  font-weight:bold;
}
.drawer .sns ul{
  display:block;
  text-align:center;
}
.drawer .sns ul li{
  display:inline-block;
  font-size:24px;
  margin:10px 15px;
}
.drawer2 ul{
  list-style-type:none;
  padding:0;
  margin:0 auto;
  display:table;
  width:96%;
}
.drawer2 li{
  float:left;
  width:100%;
  position:relative;
}
.drawer2 li:nth-child(2n+3){
  clear:both;
}
.drawer2 li:nth-child(n+3){
  width:50%;
}
.drawer2 li i{
  float:right;
}
.drawer2 li a{
  font-weight:bold;
  min-height:15px;
  font-size:0.75rem;
  padding:10px 10px 10px 10px;
  display:block;
  text-decoration:none;
  margin:2px;
  box-shadow:0px 0px 0px 1px #bbbb inset;
-moz-box-shadow:0px 0px 0px 1px #bbb inset;
-webkit-box-shadow:0px 0px 0px 1px #bbb inset;
}
.drawer2 li span{
  display:block;
  font-size:10px;
}
.drawer2 li span:nth-child(2){
  font-size:0.75rem;
  padding-left:25px;
}
.drawer2 li span:nth-child(3){
  line-height:1em;
  padding-top:5px;
  font-weight:100;
}

.drawer2 li:nth-child(2) a,
.drawer2 li:nth-child(1) a{
 padding:10px;
}
#drawer2 a img {
    position: absolute;
    top: 0;
    left: 0;
	margin:2px;
}
.drawer3{
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:10vh;
  z-index:1005;
  display:none;
  margin-top:10%;
}
#overlay3{
  position:fixed;
  top:0;
  left:0;
  background:rgba(255,255,255,0.8);
  width:100vw;
  height:100vh;
  z-index:1000;
  display:none;
}
.drawer3 .search_row{
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  height:10vh;
  width:100vw;
}
/*--------------------------------------*/
.slick-next:before{
  content:'＞' !important;
  font-weight: bold;
  font-size:1rem !important;
}
.slick-prev:before{
  content:'＜' !important;
  font-weight: bold;
    font-size:1rem !important;
}
.slick-prev:before, .slick-next:before{
  font-family:Century Gothic,Quicksand,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ","ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace !important
}
.slick-list{
  width:95%;
  margin:0 auto !important;
}
.slick-slider{
  margin:0 0 10px 0 !important;
  padding:0;
  overflow:hidden;
}
/*---------------------------------*/
.top_banner .item{
  padding:5px;
  font-size:0.75rem;
}
.top_banner .item > a{
  width:45vw;
  display:table-cell;
  margin:0 auto;
  vertical-align:middle;
  text-align:center;

}
.top_banner .item  a > img{
  display:inline;
  max-width:95%;
  max-height:95%;
}
/*---------------------------------*/
.trackback h1,
.recommend h1,
.news h1,
.seller h1,
.new_item h1{
  text-align:center;
  margin-bottom:0;
}
.trackback h1{
  font-size:1rem;
}

.recommend,
.news,
.seller,
.new_item{
  margin-bottom:20px;
}
ul.item.three li{
  font-size:0.65rem;
}
ul.item.three li > a{
  width:27vw;
  height:27vw;
  display:table-cell;
  margin:0 auto;
  vertical-align:middle;
  text-align:center;

}
ul.item.three li a > img{
  display:inline;
  max-width:90%;
  max-height:90%;
}
ul.item.three li dl{
  width:90%;
  margin:0 auto;
}
ul.item.three li dt a{
  text-decoration:none;
}
ul.item.three li dd{
  margin:0;
}
.seller ul.item.three li,
.new_item ul.item.three li{
  position:relative;
  padding-top:16px;
}
/*.new_item ul.item.three li:after{
  position:absolute;
  top:0;
  left:0;
  content:"";
  display:block;
  width:32px;
  height:32px;
  background-color:#FF0000;
}*/
.view_more{
  text-align:right;
}
.view_more a{
  font-weight:bold;
  color:#414141;
  background-color:#ffd4f0;
  padding:3px;
  font-size:0.9rem;
}
.view_more a span{
  font-family:sans-serif;
}
/*-----------------------------------*/
.okini_list{
  margin:0;
  padding:0;
  padding-top:10px;
  border-top:solid 1px #414141;
}
.okini_list li{
  display:table;
  font-size:0.75rem;
  width:100%;
  position:relative;
  padding:10px 0 10px 0;
  border-bottom:dotted 1px #414141;
}
.okini_list li >a{
  width:50vw;
  height:50vw;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
}
.okini_list li img{
  max-width:50vw;
  max-height:50vw;
}

.okini_list li div span{
  display:block;
}
.okini_list li div{
  margin-bottom:20px;
}
.okini_list li button{
  padding:10px;
  background-color:#414141;
  color:#FFF;
  border-radius:5px;
  border:none;
  position:absolute;
  bottom:10px;
  right:20px;
}
h2.okini_title{
    font-size: 1rem;
    width: 90%;
    margin: 5px auto;
}
.like_none{
  width:90%;
  display:block;
  margin:0 auto;
}

form#remove{
  text-align:right;
}
form#remove button{
  padding:10px;
  background-color:#414141;
  color:#FFF;
  border:none;
}

.seller .no {
  display: block;
  height: 25px;
  left: 0;
  line-height: 25px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 25px;
  z-index: 100;
  font-weight:bold;
  color:#FFF;
  font-size:12px;
}

.seller dt img
 {
  left: 30px;
  position: absolute;
  top: 0px;
}

.recommend dt img[src="https://img.shop-pro.jp/img/new/icons1.gif"],
.new_item dt img[src="https://img.shop-pro.jp/img/new/icons1.gif"]{
  left: 0px;
  position: absolute;
  top: 0px;
}

.new_item .slick-list .slick-slide:after{
    position: absolute;
    width: 28px;
    height: 45px;
    content: "";
    display: block;
    top: 0;
    left: 0;
    background-image: url("https://file001.shop-pro.jp/PA01268/884/img/new_icon_2.png");
    background-position: 0 -8;
    background-repeat: no-repeat;
    background-size: contain;
}



img.new_mark_img1[src="https://img.shop-pro.jp/img/new/icons1.gif"]{
   background-image: url("https://file001.shop-pro.jp/PA01268/884/img/new_icon_2.png");
    background-position: 0 -8;
    background-repeat: no-repeat;
    display: block !important;
    height: 0 !important;
    overflow: hidden !important;
    padding-top: 28px !important;
    width: 28px !important;
	background-size: contain;
}
.seller .no {
    background-color: transparent;
    background-image: url("https://file001.shop-pro.jp/PA01268/884/img/rank0_2.png");
    background-size: contain;
    display: block;
    font-weight: bold;
    height: 28px;
    left: 0;
    line-height: 44px !important;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 28px;
    z-index: 100
    color:#FFF;
	background-repeat: no-repeat;
}
.seller .no.img1 {background-image: url("https://file001.shop-pro.jp/PA01268/884/img/rank1.png");}
.seller .no.img2 {background-image: url("https://file001.shop-pro.jp/PA01268/884/img/rank2.png");}
.seller .no.img3 {background-image: url("https://file001.shop-pro.jp/PA01268/884/img/rank3.png");}
.seller .no.img4 {background-image: url("https://file001.shop-pro.jp/PA01268/884/img/rank4.png");}
.seller .no.img5 {background-image: url("https://file001.shop-pro.jp/PA01268/884/img/rank5.png");}
.pink{
color:#e7336e;
}
header nav img {
    display: table;
    margin: 0 auto;
    text-align: center;
}
.account_menu img {
    float: left;
    margin-right: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a{
  height:5px !important;
  width:5px !important;
}
.bx-wrapper .bx-viewport{
  box-shadow: 0 0 0 #ccc !important;
}
.item .trackback h1,
.trackback h1{
  font-size:12px !important;
}
.slick-next::before {
    background-image: url("https://file001.shop-pro.jp/PA01268/884/img/arrow_right.png");
    background-repeat: no-repeat;
    background-size: 12px auto;
    content: ""!important;
    display: inline-block;
    height: 28px;
    width: 14px;
   margin-bottom: -28px;
}

.slick-prev::before {
    background-image: url("https://file001.shop-pro.jp/PA01268/884/img/arrow_left.png");
    background-repeat: no-repeat;
    background-size: 12px auto;
    content: ""!important;
    display: inline-block;
    height: 28px;
    width: 14px;
   margin-bottom: -28px;
}
.u-toggle img {
  max-height: 25%;
}
h1 img {
    max-width: 100%;
    width: 300px;
}
.info_area{
  clear:both;
  width:85%;
  margin:0 auto;
}
.search_cart{
  position:absolute;
  top:0;
  right:0;
  font-size:20px;
  width:27vw;
  z-index:1000;
}

.search_cart > div{
  width:8vw;
  float:left;
  text-align:center;
  position:relative;
}
.search_cart > div:first-child{
  width:8vw;
}
.search_cart .cart a{
  position:relative;
}
.search_cart .cart span {
    display: block;
    line-height: 1.5em;
    min-width: 16px;
    height: 16px;
    background-color: #e7336e;
    position: absolute;
    top: 0px;
    left: 80%;
    padding-top: 0px;
    border-top-width: 0px;
    margin-top: 0px;
    font-size: 12px;
    color: #FFF;
    border-radius:8px;
}
#search_btn a{
  display:block;
}

i.fa.fa-mypage:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: url(https://bynaillabo.itembox.design/item/my_page.png?d=20201124103007);
  background-size: 20px;
  margin-left: 5px;
}