@charset"UTF-8";
/** 色調を青紫寄りに **/


.menu-btn {
	background-color: #39ce8f;
}

.main-wrap a {
    color #109196;
    transition: .1s;
}
.charaTxt {
 color: #333;
 border: 2px solid #3abb8c; /* 枠線 */
}
h3 > span {
    color: #FFFFFF;
    background-color: #3e8384;
	}

/* テキストボックス */
.hako{
 border: 1px solid #3e8384; /* 枠線 */
 }

 /* 噴き出しコメント */
.comment {
    border: 2px solid #39ce8f;
}

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

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

/* ボタン */
.button-2 {
    background-color: #3e8384;
    color: #fff;
}

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

/* インフォメーション用レスポンシブ */
table.infolog {
  border-collapse: collapse;
  width: 95%;
}
.infolog th, .infolog td {
  border: 2px solid #fff;
  background-color: #ebfcf5;
}
.infolog th {
  background-color: #39ce8f;
  color: #fff;
}


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