@charset "UTF-8";
/*
//	COMMON ////////////////////////////////////////
*/
:root {
	--22800-color: #c64c59;
	--22802-color: #9d5b86;
	--22804-color: #dc9217;
}
/*
//	PC or more ////////////////////////////////////////
*/
/*
// ALL
*/
.basic_inn{
	margin-top:30px;
}
.basic_inn:first-of-type{
	margin-top:0;
}
.basic_index_ttl{
	color:#fff;
	font-size: 22px;
	padding:5px 10px;
	margin-bottom:15px;
}
.grmnav_22800 .basic_index_ttl,
.grmnav_22800 .basic_index_btn{
	background: var(--22800-color);
}
.grmnav_22802 .basic_index_ttl,
.grmnav_22802 .basic_index_btn{
	background: var(--22802-color);
}
.grmnav_22804 .basic_index_ttl,
.grmnav_22804 .basic_index_btn{
	background: var(--22804-color);
}
.basic_index_genre{
	font-size:16px;
	padding-bottom:5px;
	margin-bottom:10px;
}
.grmnav_22800 .basic_index_genre{
	border-bottom:1px solid var(--22800-color);
}
.grmnav_22802 .basic_index_genre{
	border-bottom:1px solid var(--22802-color);
}
.grmnav_22804 .basic_index_genre{
	border-bottom:1px solid var(--22804-color);
}
.grmnav_22800 .basic_index_genre span,
main.mainwrap section .grmnav_22800 .basic_index h1 {
	color:var(--22800-color);
}
.grmnav_22802 .basic_index_genre span,
main.mainwrap section .grmnav_22802 .basic_index h1 {
	color:var(--22802-color);
}
.grmnav_22804 .basic_index_genre span,
main.mainwrap section .grmnav_22804 .basic_index h1 {
	color:var(--22804-color);
}
main.mainwrap section .basic_index h1 span.ruby{
	color:#000;
}
.icon_budget{
	background: url('../common/images/icon_budget.gif') no-repeat center left;
	background-size:16px 16px;
	padding-left:25px;
	min-height:16px;
}
/*
// SINGEL
*/
.grmnav_wrap{
	padding-top:20px;
}
.grmnav_wrap_ttl{
	color:#fff;
	font-size: 22px;
	padding:5px 10px;
}
.grmnav_22800 .grmnav_wrap_ttl{
	background: var(--22800-color);
}
.grmnav_22802 .grmnav_wrap_ttl{
	background: var(--22802-color);
}
.grmnav_22804 .grmnav_wrap_ttl{
	background: var(--22804-color);
}
.grmnav_22800 .basic_genre span{
	color:var(--22800-color);
}
.grmnav_22802 .basic_genre span{
	color:var(--22802-color);
}
.grmnav_22804 .basic_genre span{
	color:var(--22804-color);
}
.basic_menu {
	padding:10px 0 10px 20px;
}
.grmnav_22800 .basic_menu {
	border-left:10px solid var(--22800-color);
}
.grmnav_22802 .basic_menu {
	border-left:10px solid var(--22802-color);
}
.grmnav_22804 .basic_menu {
	border-left:10px solid var(--22804-color);
}
.grmnav_22800 .shopdata_ttl,
.grmnav_22800 .shopdata p a{
	color:var(--22800-color);
}
.grmnav_22802 .shopdata_ttl,
.grmnav_22802 .shopdata p a{
	color:var(--22802-color);
}
.grmnav_22804 .shopdata_ttl,
.grmnav_22804 .shopdata p a{
	color:var(--22804-color);
}
.basic_adddata p::before{
  content: "\025cf";
}
.grmnav_22800 .basic_adddata p::before{
	color:var(--22800-color);
}
.grmnav_22802 .basic_adddata p::before{
	color:var(--22802-color);
}
.grmnav_22804 .basic_adddata p::before{
	color:var(--22804-color);
}
/* OTHER WRAP*/
.grmnav_22800 .basic_other_ttl,
.grmnav_22800 .basic_other_btn {
	background: var(--22800-color);
}
.grmnav_22802 .basic_other_ttl,
.grmnav_22802 .basic_other_btn {
	background: var(--22802-color);
}
.grmnav_22804 .basic_other_ttl,
.grmnav_22804 .basic_other_btn{
	background: var(--22804-color);
}
.grmnav_22800 .other_data_area{
	color: var(--22800-color);
}
.grmnav_22802 .other_data_area{
	color: var(--22802-color);
}
.grmnav_22804 .other_data_area{
	color: var(--22804-color);
}
.basic_other h3{
	margin-bottom:5px;
	padding-bottom:5px;
}
.grmnav_22800 .basic_other h3{
	border-bottom:1px solid var(--22800-color);
}
.grmnav_22802 .basic_other h3{
	border-bottom:1px solid var(--22802-color);
}
.grmnav_22804 .basic_other h3{
	border-bottom:1px solid var(--22804-color);
}
/*
//	767px and below ///////////////////////////////////
*/
@media (max-width: 767px) {
	.basic_index_ttl{
		font-size: 18px;
		margin-bottom:10px;
	}
	.basic_inn article:first-of-type{
		padding-top:0;
	}
	.grmnav_wrap_ttl{
		font-size: 18px;
	}
}