@charset "utf-8";
/*
************************************************************************
 ページタイトル
************************************************************************
*/
#body-title
{
	background-color:#EFEFEF;
}
#body-title > .title
{
	padding:1.0em;
	
	display: flex;
	align-items: center;
	align-content: center;
	
	line-height:1;
}
#body-title > .title > i
{
	font-size:2.5em !important;
	color:var(--sub-color-01);
	margin-right:0.5em;
}
#body-title > .title > .main
{
	font-size:1.8em;
	font-weight:bold;
}
#body-title > .menu
{
	display: flex;
	
	border-top:1px solid #CCCCCC;
	border-bottom:2px solid var(--sub-color-02);
	background-color:#CCCCCC;
}
#body-title > .menu > .menu-item
{
	flex:0 0 20%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	
	padding:0.5em;
	line-height:1;
	
	border-right:1px solid #CCCCCC;
	
	background-color:#EFEFEF;
}
#body-title > .menu > .menu-item:last-child
{
	border-right:0px solid transparent;
}
#body-title > .menu > .menu-item > i
{
	font-size:2.0em !important;
	color:var(--sub-color-01);
}
#body-title > .menu > .menu-item > .label
{
	font-size:0.8em;
	margin-top:0.25em;
}
#body-title > .menu > .menu-item.active,
#body-title > .menu > .menu-item:hover
{
	background-color:var(--bg-color-02);
	color:#FFFFFF;
}
#body-title > .menu > .menu-item.active > i,
#body-title > .menu > .menu-item:hover > i
{
	color:#FFFFFF;
}


/* ################################################################################################ */
/* ## TAB                        ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1200px) {
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
}