@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: #7cc2d9;
}

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

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

/* ----------------------------------------
h-menu
---------------------------------------- */
/********** .h-menu-info **********/
#header .h-menu .h-menu-box .h-menu-info li a{
	background: rgba(124,194,217,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: #fff;
	background-color: #7cc2d9;
}

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

/* h-nav-restock */
#header .h-nav ul li.h-nav-restock a {
	background-image: url("../images/common-maruko/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-maruko/h-nav-character.svg");
}

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

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


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

#header .h-character .h-character-heading {
	color: #69acc2;
}



/* ----------------------------------------
footer
---------------------------------------- */
#footer{
	background: #7cc2d9;
	color: #fff;
}
#footer .f-menu ul li a {
	color: #fff;
}


/* ----------------------------------------
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%;
}