/*フッタトップに戻るボタン*/
.bottomFooter__topBtn {
    width: 100%;
}

/*もくじ*/
.content .outline {
	border: 2px solid #cfcfcf; /*枠線の色とスタイル*/
	padding: 10px 0 20px;
	position:relative;
	border-radius:3px;
}
.content li ul li .outline__number{
	font-weight:bold;
	background:transparent;
	color:#cfcfcf; /*h3見出し前の数字の色*/
	width:auto;
}
.content .outline__number{
	width:2.5rem;
	height:2.5rem;
	padding:0;
	line-height:2.5rem;
	text-align:center;
	background:#cfcfcf; /*丸数字の背景色*/
	color:#fff; /*丸数字の文字色*/
	border-radius:50%;
}
.content .outline__link {
	display: block;
	color:#333;
}
.content .outline__link:hover {
	background: #cfcfcf; /*カーソルを乗せた時の背景色*/
}
.outline__title {
	color: #333; /*「もくじ」の文字色*/
	font-weight: 700;
	width:100%;
	padding: 0 calc(100% - 10rem) 10px 2rem;
}
.content .outline__switch{
	position:absolute;
	right:1.5rem;
	top:10px;
}
.content .outline__toggle:checked + .outline__switch::before {
	content: "CLOSE"; /*「閉じる」を上書き*/
}
.content .outline__toggle:checked + .outline__switch + .outline__list {
	margin-top: 1rem;
}
.content .outline__switch::before {
	content: "OPEN"; /*「開く」を上書き*/
	border: 0;
	color:#999; /*「開く」「閉じる」の文字色*/
}
.content .outline__switch + .outline__list {
	background: transparent;
}
.content .outline__switch + ul.outline__list {
	margin-left:0;
	margin-right:0;
	border-top:2px dotted #cfcfcf; /*「もくじ」下の点線*/
}
.content .outline__switch + .outline__list-2 li:first-child{
	margin-top:2rem;
}
.content .outline__switch + .outline__list-2 li ul li:first-child{
	margin-top:1rem;
}
.outline__list-2 > li > a{
	font-weight:700;
}
@media only screen and (min-width: 992px){
.content .outline {
	width:calc(100% - 20%);
	margin:3rem 10%;
}
.content .outline__switch + .outline__list {
	margin-left: 10px;
	margin-right:20px;
}
.outline__title {
	margin-left: 2.5rem;
}
@media only screen and (max-width: 991px){
.content .outline {
	width:100%;
	margin:3rem 0;
}
}
	
/* ブログカードのカスタマイズ */

.content .blogcard {
	border: 1px solid #249ee5; /* ボーダー色 */
	box-shadow: 10px 10px 10px #a4a8d4; /* 影を付ける */
}

.content .blogcard__subtitle{
	background-color: #249ee5; /* 背景色 */
	color: #ffffff; /* 文字色 */
}

/* サイトカードのカスタマイズ */

.content .sitecard {
	border: 1px solid #249ee5; /* ボーダー色 */
	box-shadow: 10px 10px 10px #a4a8d4; /* 影を付ける */
}

.content .sitecard__subtitle{
	background-color: #249ee5; /* 背景色 */
	color: #ffffff; /* 文字色 */
}