@charset "utf-8";


/* --------------------------------------------------------------------------------

【スマートフォン】
グループ：コジコジ用CSS

-------------------------------------------------------------------------------- */
/* ハンバーガーメニューボタン */
#header .h-btn-menu .h-menu-btn-open .hamburger-menu span,
#header .h-btn-menu .h-menu-btn-close .hamburger-menu span {
	background-color: #93cc13;
}

/* メニューラベル */
#header .h-btn-menu .menu-label-open {
	color: #93cc13;
}

/********** カートボタン **********/
#header .h-btn-menu-cart .menu-label-cart {
	color: #93cc13;
}

/* ----------------------------------------
h-menu
---------------------------------------- */
/********** .h-menu-info **********/
#header .h-menu .h-menu-box .h-menu-info li a{
	background: rgba(148,204,19,0.6);
}
/********** .other-cat **********/
#header .h-menu .other-cat ul {
	width: 64vw;
}



/* ----------------------------------------
h-nav
---------------------------------------- */
#header .h-nav ul li a,
#header .h-nav ul li.h-nav-character .h-nav-open-close-btn {
	color: #000000;
	background-color: #fff066;
}

/* h-nav-newarrival */
#header .h-nav ul li.h-nav-newarrival a {
	background-image: url("../images/common-coji-coji/h-nav-newarrival.svg");
}

/* h-nav-restock */
#header .h-nav ul li.h-nav-restock a {
	background-image: url("../images/common-coji-coji/h-nav-restock.svg");
}

/* h-nav-character */
#header .h-nav ul li.h-nav-character .h-nav-open-close-btn {
	background-image: url("../images/common-coji-coji/h-nav-character.svg");
}

/* h-nav-favorite */
#header .h-nav ul li.h-nav-favorite a {
	background-image: url("../images/common-coji-coji/h-nav-favorite.svg");
}

/* h-nav-my */
#header .h-nav ul li.h-nav-my a {
	background-image: url("../images/common-coji-coji/h-nav-my.svg");
}

#header .h-menu .history-area .fr3-productListCarousel__prevButton::before{
	background-image: url(../images/c/coji-coji/slider-btn-prev.png);
}
#header .h-menu .history-area .fr3-productListCarousel__nextButton::after{
	background-image: url(../images/c/coji-coji/slider-btn-next.png);
}

#header .h-character .h-character-heading {
	color: #94cc13;
}



/* ----------------------------------------
footer
---------------------------------------- */
#footer{
	background: #fff066;
	color: #000000;
}
#footer .f-menu ul li a{
	color: #000000;
}
#footer .copyright{
	color: #010101;
}



/* ----------------------------------------
pagetop
---------------------------------------- */
#footer #pagetop{
	position: fixed;
	bottom: 25vw;
	right: 1vw;
	z-index: 10;
	text-align: center;
}
#footer #pagetop .icon-pagetop img{
	width: 22vw;
}
#footer #pagetop .txt-pagetop{
	display: block;
	font-size: 4vw;
	font-weight: 600;
	background: none;
}
#footer #pagetop .txt-pagetop {
	width: 100%;
}