@charset"UTF-8";
/** 色調を赤寄りに **/
.accordion-001 summary {
    background-color: #c93452;
    color: #fff;
}

/* リンクボタン 塗り */
.button-2 {
    background-color: #ff8aab;
    color: #fff;
}

.button-2:hover {
    background-color: #faeded;
}

/* スキルステータステーブル */

.th_mi {
	background: #d62744;
	padding: 1%;
	color: #FFF;
}
.th_te {
	background: #541485;
	padding: 1%;
	color: #FFF;
}

th {
	padding: 1%;
	color: #333;
	border: 1px solid #333;
	background: #ffb0b7;
}
.td_mi2 {
	background: #ffd1db;
	padding: 1%;
	color: #000;
}
.td_mi {
	background: #d62744;
	padding: 1%;
	color: #FFF;
}
.td_te2 {
	background: #e0d1ff;
	padding: 1%;
	color: #000;
}
.td_te {
	background: #541485;
	padding: 1%;
	color: #FFF;
}

td.sta1 {
		background: #ffc7c4;

}
td.sta2 {
		background: #ddc4ff;

}

td.sta3 {
		background: #F0F0F0;

}
td.white {
	padding: 10px;
	border: 1px solid #333;
	background: #FFF;
}

td {
	padding: 10px;
	border: 1px solid #333;
	background: #ffe6e6;
}

.menu-btn {
	background-color: #c93452;
}

.main-wrap a {
    color: #ff8aab;
    transition: .1s;
}
.charaTxt {
 color: #333;
 border: 2px solid #d42447; /* 枠線 */
}
h3 > span {
    color: #FFFFFF;
	background-color: #c93452;
}
/* ボックス */
.hako{
 border: 1px solid #d42447; /* 枠線 */
 }
 /* 箱 背景塗り */
.comment {
    border: 2px solid #c93452;
}

.comment > div {
    background-color: #c93452;
    color: #fff;
}

.comment > div::before {
    background-color: #c93452;
}

/* 前後ナビゲーション */
.frontback-nav{
border-top: 3px solid #d42447;
}
.frontback-nav ul {
    display: flex;
     justify-content: center;
     gap: 0 20px;
}
.text-background-color{
	display: inline;
	padding: 5px;
	color: #FFFFFF;
	background: rgba(209, 36, 67,0.4);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
/* フッター */
.main-footer{
	background-color: #c93452;
	color: #FFF;
}
/* h2 下線色用-赤 */
h2 {
    margin: 0 auto 20px;
}
h2::before {
    border-top: #d0134c solid 6px;
margin: 10px;
}
      /* 横メニューのあれこれ */
.main-header{
	background-color: #c93452;/* 全体カラー */
/* ボタンメニューのデザイン */
.menu-acd label{
border-top: 3px solid #d42447;/* 上下のふちカラー */
border-bottom: 3px solid #d42447;/* 上下のふちカラー */
}