@charset "UTF-8";

/*ヘッダーナビ*/
#fixed-nav .nav-service.nav-jcom-phone, .nav-service.nav-jcom-phone {
	background: #CCEDD7;
}

#fixed-nav .nav-service.nav-jcom-phone .nav-menu .menu-bar .bar-content>ul>li::before, .nav-service.nav-jcom-phone .nav-menu .menu-bar .bar-content>ul>li::before {
	border-color: #66C88B;
}

#fixed-nav .nav-service.nav-jcom-phone .nav-menu .menu-bar .bar-content>ul>li>span::after, .nav-service.nav-jcom-phone .nav-menu .menu-bar .bar-content>ul>li>span::after {
	border-color: #66C88B;
}

.link-self-crt-jcom-phone::after {
	background: url(/common_v10/images/icn-link-self-crt-jcom-phone.svg) no-repeat center center/24px 24px;
}

.link-self-jcom-phone::after {
	background: url(/common_v10/images/icn-link-self-jcom-phone.svg) no-repeat center center/contain;
}

#fixed-nav .nav-service.nav-jcom-phone .logo a::before, .nav-service.nav-jcom-phone .logo a::before {
	background-image: url(/common_v10/images/icn-jcom-phone.svg);
}

#fixed-nav .nav-service.nav-jcom-phone .nav-menu .menu-bar .bar-content>ul>li.is-active, .nav-service.nav-jcom-phone .nav-menu .menu-bar .bar-content>ul>li.is-active {
	background: #f9fffa;
}

#fixed-nav .nav-service.nav-jcom-phone .nav-menu .menu-content, .nav-service.nav-jcom-phone .nav-menu .menu-content {
	background: #f9fffa;
}

#fixed-nav .nav-service.nav-jcom-phone .nav-menu .menu-bar .bar-content>ul>li.is-active>a span, #fixed-nav .nav-service.nav-jcom-phone .nav-menu .menu-bar .bar-content>ul>li.is-active>span span, .nav-service.nav-jcom-phone .nav-menu .menu-bar .bar-content>ul>li.is-active>a span, .nav-service.nav-jcom-phone .nav-menu .menu-bar .bar-content>ul>li.is-active>span span {
	color: #00A33E;
}

/*わくわくナビゲーション*/
@media screen and (max-width: 767px) {
	#gnav-sp .menu-swiper-sp .swiper-container .swiper-wrapper .swiper-slide.slide-jcom-net {
		background: #00A33E;
	}

	#gnav-sp .menu .menu-label-content>ul>li.nav-label-jcom-phone>span::after {
		background-image: url(/common_v10/images/icn-jcom-phone.svg);
	}

	#gnav-sp .menu .menu-label-content>ul>li.nav-label-jcom-phone.is-active>span::after {
		background-image: url(/common_v10/images/icn-jcom-phone-white.svg);
	}

	#gnav-sp .menu .menu-label-content>ul>li.nav-label-jcom-phone.is-active>span::before {
		background: #00A33E;
		-webkit-box-shadow: 2px 4px 8px 0px rgba(0, 162, 62, 0.4);
		box-shadow: 2px 4px 8px 0px rgba(0, 162, 62, 0.4);
	}

	#gnav-sp.gnav-sp-jcom-phone .menu .menu-label-content>ul>li.nav-label-entry>a::after, #gnav-sp.gnav-sp-jcom-phone .menu .menu-label-content>ul>li.nav-label-entry>span::after {
		background-image: url(/common_v10/images/sp-menu/jcom-phone/icn-entry.svg);
	}

	#gnav-sp.gnav-sp-jcom-phone .menu .menu-label-content>ul>li.nav-label-faq>a::after, #gnav-sp.gnav-sp-jcom-phone .menu .menu-label-content>ul>li.nav-label-faq>span::after {
		background-image: url(/common_v10/images/sp-menu/jcom-phone/icn-faq.svg);
	}

	#gnav-sp .menu-swiper-sp .swiper-container .swiper-wrapper .swiper-slide .slide-body .row-nav>a span.menu-link-phone::before {
		background-image: url(/common_v10/images/icn-jcom-phone-white.svg);
	}
}