@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
/* common.css */
#trial-banner{display: none !important;}

/*----------------------------------------------------------------
common
----------------------------------------------------------------*/
html,body{font-family: source-han-sans-japanese,"Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"}
.footer nav.__nav ul li.__item-6{display: none;}
@media screen and (min-width: 600px){
}


/*----------------------------------------------------------------
 header
----------------------------------------------------------------*/
.header {}
.gnav-pc {border: none;}

#header_common{border-bottom: 1px solid #eee1c6;}
#header_common .header_inner .header_nav{max-width: 1024px;width: 98%; height: 90px; margin: auto;display: flex;align-items: center;}
#header_common .header_inner .header_nav h1{width: 22.791%;}
#header_common .header_inner .header_nav h1 img{max-width: 321px;width: 100%;}
/**/
#header_common .header_inner .header_nav .gnav{display: flex;flex-wrap: wrap;align-items: center;gap:0;justify-content: flex-end;width: 83.71%;margin: 0;padding: 0;list-style: none;}
#header_common .header_inner .header_nav .gnav li{width: auto;text-align: center; font-size:min(1.5vw,15px);font-feature-settings: "palt";letter-spacing: 0.06em;}
#header_common .header_inner .header_nav .gnav li a{position: relative;display: block; width: 100%; padding: 1.1em 1.5em 1.1em 3.9em;color: #000;}
#header_common .header_inner .header_nav .gnav li a:hover::before{transform: rotate(12deg);}

/**/
#header_common .header_inner .header_nav .gnav li.mypage{}
#header_common .header_inner .header_nav .gnav li.mypage a{text-indent: 2em;}
#header_common .header_inner .header_nav .gnav li.mypage a::before{content: "";background: url(https://files.bcart.jp/onesixth/uploads/images/common/img_mypage.png)no-repeat;background-size: 100%;max-width: 40px;width: 20%; height: 4em;position: absolute;top: 8%;left: 23%;}
#header_common .header_inner .header_nav .gnav li.login{}
#header_common .header_inner .header_nav .gnav li.login a{text-indent: 2em;}
#header_common .header_inner .header_nav .gnav li.login a::before{content: "";background: url(https://files.bcart.jp/onesixth/uploads/images/common/img_login.png)no-repeat;background-size: 100%;max-width: 37px;width: 20%; height: 4em;position: absolute;top: 7%;left: 24%;}
#header_common .header_inner .header_nav .gnav li.cart a{border-left: 1px solid #000;border-right: 1px solid #000;}
#header_common .header_inner .header_nav .gnav li.cart a::before{content: "";background: url(https://files.bcart.jp/onesixth/uploads/images/common/img_cart.png)no-repeat;background-size: 100%;max-width: 38px;width: 20%; height: 4em;position: absolute;top: 10%;left: 11%;}
#header_common .header_inner .header_nav .gnav li.regist a{}
#header_common .header_inner .header_nav .gnav li.regist a::before{content: "";background: url(https://files.bcart.jp/onesixth/uploads/images/common/img_new.png)no-repeat;background-size: 100%;max-width: 42px;width: 21%; height: 4em;position: absolute;top: 20%;left: 8%;}


/*----------------------------------------------------------------
.aside
----------------------------------------------------------------*/
/* side ログイン */
.aside .side-login{}
.aside .side-login a{position: relative;display: block;text-align: center;border-radius: 8px;border: 1px solid #000;font-size: 18px;letter-spacing: 0.06em;padding: 1.4em 0;color: #000;}
.aside .side-login a::before{content: "";position: absolute;top: 10%;left: 18%;background: url(https://files.bcart.jp/onesixth/uploads/images/common/img_login.png)no-repeat;background-size: 100%;max-width: 40px;width: 16.67%;height: 4em;}
.aside .side-login a::after{content: "";position: absolute;top: 44%;right: 12%;margin: 0;display: inline-block;width: 7px;height: 7px;border-top: 2px solid #000;border-right: 2px solid #000;transform: rotate(45deg);}
.aside .side-login a:hover span{text-decoration: underline;}
.aside .side-login a:hover::before{transform: rotate(12deg);}
.aside .side-login a span{display: inline-block;text-indent: 2em;}
/* side マイページ */
.aside .side-mypage{}
.aside .side-mypage a{position: relative;display: block;text-align: center;border-radius: 8px;border: 1px solid #000;font-size: 18px;letter-spacing: 0.06em;padding: 1.4em 0;color: #000;}
.aside .side-mypage a::before{content: "";position: absolute;top: 21%;left: 17%;background: url(https://files.bcart.jp/onesixth/uploads/images/common/img_mypage.png)no-repeat;background-size: 100%;max-width: 40px;width: 16.67%;height: 4em;}
.aside .side-mypage a::after{content: "";position: absolute;top: 44%;right: 12%;margin: 0;display: inline-block;width: 7px;height: 7px;border-top: 2px solid #000;border-right: 2px solid #000;transform: rotate(45deg);}
.aside .side-mypage a:hover span{text-decoration: underline;}
.aside .side-mypage a:hover::before{transform: rotate(12deg);}
.aside .side-mypage a span{display: inline-block;text-indent: 2em;}
/* side 新規会員登録 */
.aside .side-regist{margin: 1em 0;}
.aside .side-regist a{position: relative;display: block;margin: 0 auto;padding: 0;text-align: center;color: #000; font-size: 18px;letter-spacing: 0.06em;}
.aside .side-regist a::after{content: "";position: absolute;top: 34%;right: 12%;margin: 0;display: inline-block;width: 7px;height: 7px;border-top: 2px solid #000;border-right: 2px solid #000;transform: rotate(45deg);}
/* side 検索 */
.aside .side-search{}
.aside .side-search .__body{position: relative;}
.aside .side-search input{margin: 0;width: 100%;position: relative;padding: 0.7em 0;text-indent: 3em;border: 1px solid #000;border-radius: 8px;line-height: 1;}
.aside .side-search input[type="text"]::placeholder{color: #ccc;}
.aside .side-search [type="submit"] {position: absolute;top: 2%;left: 1%;background-color:transparent;background-image: url(https://files.bcart.jp/onesixth/uploads/images/common/icon_search.png);background-repeat: no-repeat;background-size: 50%; background-position:center;border: none;height: 96%;width: 16%;}
/* side 紫ちゃん */
.aside .side-mascot{}
.aside .side-mascot figure{max-width: 56px;margin: 1em auto;animation: swing 3.6s ease-in-out infinite normal;}
@keyframes swing {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(0deg);
  }
  25.1% {
    transform: rotate(-8deg);
  }
  50%{
  	transform: rotate(-8deg);
  }
  50.1%{
  	transform: rotate(0deg);
  }
  75%{
  	transform: rotate(0deg);
  }
  75.1%{
  	transform: rotate(8deg);
  }
  100%{
  	transform: rotate(8deg);
  }
}

.aside section.__block.__block--category .side_h3{margin: 0 auto 0.8em;font-size: 16px;}
.aside section.__block.__block--category .__body>ul.__tree{border-top: 1px solid #f1af00;}
.aside section.__block.__block--category .__body ul.__tree li.__item a{position: relative;padding: .8em 0 .8em 2em;border-top: none;color: #000;}
.aside section.__block.__block--category .__body ul.__tree > li.__item:first-child{border-top: none;}
.aside section.__block.__block--category .__body ul.__tree > li.__item{position: relative;border-top: 1px solid #f1af00;border-bottom: 1px solid #f1af00;}
.aside section.__block.__block--category .__body ul.__tree > li.__item > a{position: relative;display: block;padding: .8em 0 .8em 2em;text-decoration: none;}
.aside section.__block.__block--category .__body ul.__tree > li.__item a::before {content: "";position: absolute;top: 39%;left: 1%;margin: 0;display: inline-block;width: 7px;height: 7px;border-top: 2px solid #e94908;border-right: 2px solid #e94908;transform: rotate(45deg);}
.aside section.__block.__block--category .__body ul.__tree > li.__item.__item--has-children > ul{padding-left: 0;}
.aside section.__block.__block--category .__body ul.__tree li.__item{border-top: 1px solid #f1af00;}


/* calendar */
.aside section.__block.__block--calendar{}
.aside section.__block.__block--calendar ul li{padding: 0;line-height: 1.6;}

/* side バナー */
.aside .side-bnr{}
.aside .side-bnr a{display: block;margin-bottom: 1em;}

/* side SNS */
.aside .side-sns{}
.aside .side-sns .instagram a{display: block; text-align: center;color: #000; font-size: 18px;font-weight: bold;font-family: bree, sans-serif;background-image: url(https://files.bcart.jp/onesixth/uploads/images/common/ico_insta.png);background-repeat: no-repeat;background-size: 14.6%;background-position: 72% 56%;padding: 0.5em 0;text-indent: -3em;letter-spacing: 0.04em;}

/*----------------------------------------------------------------
.footer
----------------------------------------------------------------*/
.footer nav.__nav{text-align: center;}
.footer nav.__nav ul{padding: 1.4em 0;}
.footer nav.__nav ul li a{color: #000;}
.footer .__copyright{max-width: 100%;width: 100%;padding: 1em 0; background: #fff;font-size: 11px;letter-spacing: 0.05em;}


.pconly{display: block !important;}
.sponly{display: none !important;}


/* @ 768-1280
----------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1060px) {
}/* 768-1280end */


/* @ -1280
----------------------------------------------------------------*/
@media screen and (max-width: 1280px){
}/* -1280end */


/* @ -959
----------------------------------------------------------------*/
@media screen and (max-width: 959px){

/*----------------------------------------------------------------
.aside
----------------------------------------------------------------*/
/* side ログイン */
.aside .side-login{display: none;}
/* side 新規会員登録 */
.aside .side-regist{display: none;}
/* side 検索 */
.aside .side-search{display: none;}
/* side 紫ちゃん */
.aside .side-mascot{display: none;}
/* side カテゴリ */
.aside section.__block.__block--category{display: none;}
/* side カレンダー */
.aside section.__block.__block--calendar{width: 80%;margin: auto;line-height: 2;}
/* side バナー */
.aside .side-bnr{width: 50%;max-width: 240px; margin: auto;}
/* side SNS */
.aside .side-sns{width: 50%;max-width: 240px;margin: auto;}

}/* -959end */


/* @ -767
----------------------------------------------------------------*/
@media screen and (max-width: 767px){

.pconly{display: none !important;}
.sponly{display: block !important;}


/*----------------------------------------------------------------
 header
----------------------------------------------------------------*/
#header_common .header_inner .header_nav{display: none;}
.sp_logo{width: 100%;height: 46px; margin: 0;background: #fff;text-align: center;border-bottom: 1px solid #ddd;}
.sp_logo img{margin-top: 3px;max-height: 37px;max-width: 142px;height: auto;}

.icon_link{display: flex;align-items: center;height: 50px;}
.icon_link span{position: relative;display: block;width: calc(100% / 3);text-align: center;padding: 0;}
.icon_link span a{position: relative;display: block;padding: 10px 0;text-indent: 3em;font-size: 12px; letter-spacing: -0.04em;}

.icon_link span.icon_mypage{}
.icon_link span.icon_mypage a{}
.icon_link span.icon_mypage a::before{content: "";background: url(https://files.bcart.jp/onesixth/uploads/images/common/img_mypage.png)no-repeat;background-size: 100%;max-width: 27px;width: 20%; height: 4em;position: absolute;top: 9%;left: 18%;}
.icon_link span.icon_login{}
.icon_link span.icon_login a{}
.icon_link span.icon_login a::before{content: "";background: url(https://files.bcart.jp/onesixth/uploads/images/common/img_login.png)no-repeat;background-size: 100%;max-width: 27px;width: 20%; height: 4em;position: absolute;top: 3%;left: 18%;}
.icon_link span.icon_cart{border-left: 1px solid #737373;border-right: 1px solid #737373;}
.icon_link span.icon_cart a{text-indent: 2.2em;}
.icon_link span.icon_cart a::before{content: "";background: url(https://files.bcart.jp/onesixth/uploads/images/common/img_cart.png)no-repeat;background-size: 100%;max-width: 29px;width: 20%; height: 4em;position: absolute;top: 10%;left: 11%;}
.icon_link span.regist a{text-indent: 2.05em;}
.icon_link span.regist a::before{content: "";background: url(https://files.bcart.jp/onesixth/uploads/images/common/img_new.png)no-repeat;background-size: 100%;max-width: 36px;width: 23%; height: 4em;position: absolute;top: 17%;left: 7%;}





/*----------------------------------------------------------------
.aside
----------------------------------------------------------------*/
/* side ログイン */
.aside .side-login{display: none;}
/* side 新規会員登録 */
.aside .side-regist{display: none;}
/* side 検索 */
.aside .side-search{display: none;}
/* side 紫ちゃん */
.aside .side-mascot{display: none;}
/* side カテゴリ */
.aside section.__block.__block--category{display: none;}
/* side カレンダー */
.aside section.__block.__block--calendar{width: 80%;margin: auto;line-height: 2;}
/* side バナー */
.aside .side-bnr{width: 72%;max-width: 240px; margin: auto;}
/* side SNS */
.aside .side-sns{width: 72%;max-width: 240px; margin: auto;}

/*----------------------------------------------------------------
.footer
----------------------------------------------------------------*/


/* ===================================================
drawer
=================================================== */
.drawer__btn{position: fixed;top: 0;left: 0;z-index: 10002;width: 55px;height: 45px;overflow: hidden;cursor: pointer;font-size: 0;background: #000;}
.drawer__btn p{position: absolute;bottom: 0;left: 0;width: auto;text-align: center;color: #fff;font-size: 11.5px;line-height: 1.6;}
.drawer__btn span{display: block;width: 55%;height: 3px;background-color: #fff;border-radius: 50px; position: absolute;top: 49%;left: 50%;transition: .3s;}
.drawer__btn span:nth-child(1){transform: translate(-50%, -9px);}
.drawer__btn span:nth-child(2){transform: translate(-50%, -50%);}
.drawer__btn span:nth-child(3){transform: translate(-50%, 7px);}
.drawer__btn.active span:nth-child(1){transform: translate(-50%, 0) rotate(35deg);}
.drawer__btn.active span:nth-child(2){transform: translate(100%, 0); opacity: 0;}
.drawer__btn.active span:nth-child(3){transform: translate(-50%, 0) rotate(-35deg);}


.drawer__menu{position: fixed;top: 0;right: 0;z-index: 10001;width: 100%;height: 100%;overflow-y: auto;background-color: #fff;transition: .3s;transform: translateX(-100%);opacity: 0;}
.drawer__menu.active{transform: translateX(0);opacity: 1;}
/**/
.drawer__menu .dw_logo{width: 100%;max-width: 123px; height: 46px; margin: 12% auto 0;background: #fff;}
.drawer__menu .dw_bnr{width: 80%;max-width: 400px; margin: 4% auto;padding: 0; text-align: center;list-style: none;}
.drawer__menu .dw_bnr li{}
.drawer__menu .dw_bnr li a{position: relative;display: block;color: #000;background: #fff;border-radius: 10px;padding: .5em 0;text-indent: 1.5em;font-size: 17.5px;}
.drawer__menu .dw_bnr li.dw_login a{margin-bottom: 5px;padding: 1em 0; border: 1px solid #000;border-radius: 5px;font-size: 17.5px;}

.drawer__menu .dw_bnr li a::before{content: "";background: url("https://files.bcart.jp/onesixth/uploads/images/common/img_login.png")no-repeat;background-size: 100%;position: absolute;top: 9%;left: 20%;width: 11.9%;max-width: 34px; height: 3em;}
.drawer__menu .dw_bnr li a::after{content: "";position: absolute;top: 41%;right: 11%;margin: 0;display: inline-block;width: 9px;height: 9px;border-top: 2px solid #000;border-right: 2px solid #000;transform: rotate(45deg);}
.drawer__menu .dw_bnr li.dw_mypage a{margin-bottom: 5px;padding: 1em 0; border: 1px solid #000;border-radius: 5px;}
.drawer__menu .dw_bnr li.dw_mypage a::before{content: "";background: url("https://files.bcart.jp/onesixth/uploads/images/common/img_mypage.png")no-repeat;background-size: 100%;position: absolute;top: 16%;left: 20%;width: 11.9%;height: 3em;}
.drawer__menu .dw_bnr li.dw_regist a{text-indent: 0;letter-spacing: 0.08em;}
.drawer__menu .dw_bnr li.dw_regist a::before{content: none;}
.drawer__menu .dw_bnr li.dw_regist a::after{top: 38%;}

/* drawer 検索 */
.drawer__menu .dw_search{width: 83%;margin: 4% auto 8%;position: relative;}
.drawer__menu .dw_search .__body{position: relative;}
.drawer__menu .dw_search form{outline: none;}
.drawer__menu .dw_search .c-form input[type="text"]{width: 100%; box-shadow: none;border: 1px solid #000; border-radius: 5px;text-indent: 2.5em;line-height: 2;}
.drawer__menu .dw_search .c-form input[type="text"]::placeholder{color: #ccc;}
.drawer__menu .dw_search .c-button{content: "";position: absolute;top: 0;left: 0;width: 16%;max-width: 45px; height: 100%; background-color: transparent;background-image: url(https://files.bcart.jp/onesixth/uploads/images/common/icon_search.png);background-size: 50%; background-repeat: no-repeat;background-position: center;}

.drawer__bg{position: fixed;top: 0;left: 0;z-index: 10000;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .7);
transition: .3s;transform: translateX(-100%);opacity: 0;cursor: pointer;}
.drawer__bg.active {transform: translateX(0);opacity: 1;}

/* drawer カテゴリ */
.drawer__menu .h3_dw_cate{margin-bottom: 0.5em; font-size:min(5.48vw,21px);font-weight: 600;}
.drawer__menu .h3_dw_cate span{display: block; width: 80%;margin: auto;}
#dw_cate{font-size:min(4.53vw,17px);}
#dw_cate ul{margin: 0;padding: 0; list-style: none;border-top: 1px solid #f7ad00;}
#dw_cate ul li{margin: 0;padding: 0;}
#dw_cate ul li>ul>li{border-bottom: 1px solid #f7ad00;}
#dw_cate ul li a{position: relative;display: block; padding: 0.8em 0;text-indent: 4em;color: #000;}
#dw_cate ul li a::before{content: "";position: absolute;top: 41%;left: 2.5em;margin: 0;display: inline-block;width: 7px;height: 7px;border-top: 2px solid #e94908;border-right: 2px solid #e94908;transform: rotate(45deg);}

/* drawer テキストリンク */
.drawer__menu .sp_other_link{width: 80%;margin: 2em auto;}
.drawer__menu .sp_other_link a{position: relative;display: block;color: #000; line-height: 2;}
.drawer__menu .sp_other_link a::before{content: "";position: absolute;top: 50%;left: -3%;width: 6px;height: 1px;background: #666;}

}/* 767end */


/* @ -599
----------------------------------------------------------------*/
@media screen and (max-width: 599px){
}/* 599end */