:root {
    --or-bg-head: #AA586C;
    --or-bg-body: #FFF3F6;
    --or-bg-menu: #FFF3F6;
    --or-bg-contents: #ffffff;

    --or-bg-bottom_write: #eeee;

    --link-color: #4E9BBC;
	
}


a
{
	color:var(--link-color);
}


.bg-body-musubu
{
	background-color:var( --or-bg-body );
}

.wrap_base
{
	min-height:100%;

}

.head
{

	height:58px;
	
	margin-left: -12px;
	margin-right: -12px;

    background-color: var(--or-bg-head);

	z-index:1500;

}

.menu
{
	background-color:var( --or-bg-menu ) !important;

	z-index:1100;

	position: fixed;
	top: 58px;
	bottom: 0;
	left: 0;

/*	top: 3rem;*/
	overflow: auto;
}

.menu .nav-link {
    color: #333;
}

.menu .nav-link.active {
    color: var(--link-color);
}

.contents
{
	background-color:var( --or-bg-contents );
}

.wrap_breadcrumb
{
	position:sticky;

	top:58px;

	background-color:#ffffff;

		z-index:1035;

}


main
{
	padding-top:1em;
	padding-bottom:3em;
}

.wrap_write
{
	background-color:var(--or-bg-bottom_write);
}


@media (max-width: 767.98px)
{

	.menu
	{
		left:auto;
	}

}

/********************/
/* ページナビの設定 */
/********************/
.wrap_page_navi
{
	background-color:#ccc;

}

.wrap_quick_page a
{

/*
	background-color:#fff;
*/
/*
	color:#66F;
*/
	display:inline-block;
	
	text-decoration: none;

	min-width:30px;

	text-align:center;

	padding:5px;
}


.wrap_quick_page .active
{
	font-weight:bold;

	background-color:#E7EBEE;

	border-radius:8px;

}

/********************/
/* リストのカード系 */
/********************/
.wrap_list .card
{

}

.wrap_list .badge_new
{
	border-radius: 5px 0px 3px 0px;

	height:17px;

	font-size:10px;
}

.wrap_list .card-body.nowrap
{

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wrap_list a
{
	text-decoration: none;
}

/****************/
/* パンくず 周り */
/****************/
.breadcrumb
{
	margin-bottom:0;

}

ol.breadcrumb
{
/*	margin-bottom:8px;*/
}

.breadcrumb-item
{

	font-size:1.1em;
	font-weight:bold;

}
.breadcrumb-item a
{
	text-decoration: none;
}

.breadcrumb-item + .breadcrumb-item::before {

/*	float: left;*/
/*	padding-right: var(--bs-breadcrumb-item-padding-x);*/
/*	color: var(--bs-breadcrumb-divider-color);*/
/*  content: var(--bs-breadcrumb-divider, ">") /* rtl: var(--bs-breadcrumb-divider, "/") */;

	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0da";

}


/***********/
/*回転アニメーション */
/***********/
#scroll-button
{
	transition: transform 0.3s ease; /* 回転アニメーション */

}
#scroll-button.rotate
{
	transform: rotate(180deg); /* 180度回転 */
}