@charset "UTF-8";
/* CSS Document */
.l-header{
	display:none;
}
#LoginBK{
	background-color:#F1EDE0;
}
#Flexible{
	display: flex;
  justify-content: center; /* 横方向の中央配置 */
  align-items: center; /* 縦方向の中央配置 */
  height: 100vh; /* 親要素の高さをブラウザの高さに合わせる */
  margin: 0;
}
#Flexible h1{
	font-size:25px;
	color:#4A2C2C;
	text-align:center;
	line-height:1.3em;
	padding-bottom:20px;
}
#Flexible h1 span{
	display:block;
}
#CHK-login{
	width:400px;
	background-color:#AEA292;
	margin:auto;
	padding:35px;
}
#CHK-loginform{
	width:300px;
	margin:auto;
	position:relative;
}
#CHK-loginform dl{
	position:relative;
	display:flex;
	margin-bottom:15px;
	align-items: center;
}
#CHK-loginform dl dt{
	width:100px;
	color:#FFF;
}
#CHK-loginform dl dd{
	width:200px;
}
#CHK-loginform dl dd input{
	width:97%;
	height:35px;
	border-radius:3px;
	border:none;
	padding:1%;
}
#CHK-loginBtn{
	text-align:center;
	padding-top:10px;
}
#CHK-loginform input{
	color:#473334;
}
/* 通常のスタイル */
#CHK-loginform input[type="text"] {
            background-color: rgba(230,245,247,1.00);
            transition: background-color 0.3s; /* 背景色がスムーズに変わるように */
        }

        /* フォーカス時のスタイル */
#CHK-loginform input[type="text"]:focus {
            background-color: #FFF; /* フォーカスで背景色を変更 */
            border-color: #26c6da; /* 例えば、枠の色も変更 */
            outline: none; /* デフォルトのアウトラインを非表示にする */
        }
#CHK-loginBtn input{
	width:200px;
	height:50px;
	background-color:#3D2A2A;
	border:none;
	color:#DBD2C4;
	transition: background-color 0.3s;
	border-radius:3px;
	font-size:18px;
}
#CHK-loginBtn input:hover{
	background-color:#624343;
}


/*管理画面*/
.CHK-h1{
	margin:auto;
	font-size:25px;
	line-height:60px;
	padding-top:50px;
	padding-bottom:30px;
	text-align:center;
}
#CHK-manager{
	margin:auto;
	width:1100px;
	padding-bottom:100px;
}
#CHK-manager menu{
	margin:auto;
	background-color:#425359;border-radius:7px;
	margin-bottom:25px;
}
#CHK-manager menu nav{
	display:flex;
	margin:auto;
	width:1000px;
}
#CHK-manager menu nav li{
	font-size:16px;
	padding-right:25px;
	font-weight:400;
	line-height:50px;
}
#CHK-manager menu nav li:last-child{
	padding-right:0px;
}
#CHK-manager menu nav li a{
	color:#FFF;
}
#CHK-manager menu nav li a:hover{
	color:#8EDBF5;
	text-decoration: none;
}
#CHK-manager main{
	width:1100px;
	padding-bottom:80px;
}
#CHK-manager main h2{
	font-size:26px;
	font-weight:500;
	padding-bottom:30px;
	text-align:center;
	border-top:3px solid #CCC;
	padding-top:30px;
}

.CLM2{
	width:1000px;
	margin:auto;
	display:flex;
}
.FileUP{
	padding-top:50px;
}

#UploadHistory{
	padding-top:50px;
	margin:auto;
}
#UploadHistory p{
	position:relative;
	display:flex;
	padding-bottom:10px;
}
#UploadHistory p small{
	font-size:14px;
	width:120px;
}
#UploadHistory p span{
	font-size:15px;
}
.NodataMes{
	font-size:18px;
	color:#666;display:block;
}

.FileUpload{
	background-color:#E7F0FF;
	padding:25px 50px;
	margin-top:50px;
	border-radius:10px;
	font-size:16px;
	width:400px;
	margin:auto;
}
.FileUpload2{
	padding:10px;
	padding:25px 50px;
	margin-top:50px;
	border-radius:10px;
	font-size:18px;
}
.FileUpload2 span{
	display:block;
	padding-top:15px;
}
.UploadBtn{
	text-align:center;
	padding-top:15px;
}
.UploadBtn input{
	background-color:#2984B3;
	width:250px;
	border:none;
	height:40px;
	color:#FFF;
	border-radius:3px;
}
.UploadBtn input:hover{
	background-color:#3A9ED2;
}

/*MemberList*/
.MemClam{
	position:relative;
	width:100%;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
.MemClam div{
	position:relative;
	font-size:0px;
	display:table;
}
.MemClam div p{
	border-right:1px solid #CCC;
	position:relative;
	display:table-cell;
	font-size:15px;
	padding:5px;
	border-bottom:1px solid #CCC;
}
.MemClam div p:nth-child(1){
	width:70px;
	text-align:center;
}
.MemClam div p:nth-child(2){
	width:150px;
}
.MemClam div p:nth-child(3){
	width:150px;
}
.MemClam div p:nth-child(4){
	width:50px;
	text-align:center;
}
.MemClam div p:nth-child(5){
	width:118px;
}
.MemClam div p:nth-child(6){
	width:118px;
}
.MemClam div p:nth-child(7){
	width:118px;
}
.MemClam div p:nth-child(8){
width:50px;
	text-align:center;
}
.MemClam div p:nth-child(9){
width:200px;
	text-align:center;
	font-size:15px;
	word-break: break-all; /* ←これを追加！ */
	line-height:1.1em;
	text-align:left;
}
.MemClam div p:nth-child(9) i{
	color:#55A5D4;
	font-size:15px;
}
.Titles p{
	font-size:14px!important;
	text-align:center;
	vertical-align:middle;
	background-color:#3397BD;
	color:#FFF;
	line-height:1.3em;
}
.MRecord p{
	vertical-align:middle;
}
.MRecord:nth-child(odd){
	background-color:#F3FBFF;
}

/* アコーディオンメニュー全体のスタイル */
.accordion {
    width: 80%;
    margin: 20px auto;
    border: 1px solid #4EC1E7;
    border-radius: 5px;
    overflow: hidden;
	margin-bottom:50px;
}

/* タイトルと詳細リンクのスタイル */
.accordion-title {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    cursor: pointer;
	font-size:18px;
	font-weight:600;
	color:#1B91B8;
}

.accordion-content {
    display: none;
    padding: 10px;
    background-color: #fafafa;
}

input[type="checkbox"] {
    display: none;
}

/* チェックが入った時にアコーディオン内容を表示 */
input[type="checkbox"]:checked + .accordion-title + .accordion-content {
    display: block;
}

.Dmeminfo{
	width:900px;
	border:1px solid #CCC;
	border-bottom:none;
	font-size:0px;
	margin:auto;
}
.Dmeminfo dl{
	position:relative;
	border-bottom:1px solid #CCC;
}
.Dmeminfo dl > *{
display:table-cell;
	padding:10px 20px;
}
.Dmeminfo dl dt{
	width:200px;
	background-color:#519AAF;
	font-size:16px;
	color:#FFF;
}
.Dmeminfo dl dd{
	font-size:17px;
}
.MBsearch{
	display:flex;
	flex-wrap: wrap;
	width:90%;
	margin:auto;
}
.MBsearch dl{
	padding-bottom:25px;
	padding:1.5%;
	width:30%;
}
.MBsearch dl dt{
	font-size:15px;
	font-weight:600;
}
.MBsearch dl dd input{
	width:100%;
	height:35px;
}
.MBsearch dl dd select{
	width:100%;
	height:35px;
}
.SerChBtn{
	text-align:center;
	padding-top:25px;
	padding-bottom:25px;
}
.SerChBtn input{
	width:250px;
	height:50px;
	background-color:#5F6B7F;
	border:1px solid #EEE;
	color:#FFF;
	font-size:18px;
	border-radius:3px;
}
.SerChBtn input:hover{
	background-color:#828EA1;
}

.PassEdit{
	background-color:#E7F0FF;
	padding:25px 50px;
	margin-top:50px;
	border-radius:10px;
	font-size:16px;
	width:400px;
	margin:auto;
	margin-bottom:50px;
}
.CurrentPass{
	font-size:26px;
	text-align:center;
	color:#3A4654;
}
.CurrentPass span{
	font-size:17px;
	padding-right:20px;
}
.PassEdit dl{
	padding-top:30px;
}
.PassEdit dl dt{
	text-align:center;
	font-size:17px;
	padding-bottom:10px;
	font-weight:600;
}
.PassEdit dl dd{
	text-align:center;
}
.PassEdit dl dd input{
	height:35px;
	width:200px;
	font-size:20px;
	padding:1px 3px;
}
.PassEdit dl p{
	text-align:center;
	padding-top:15px;
}
.PassEdit dl p input{
	width:210px;
	height:50px;
	background-color:#5F6B7F;
	border:1px solid #EEE;
	color:#FFF;
}

#EditHistory{
	padding-top:20px;
	margin:auto;
	width:500px;
}
#EditHistory p{
	position:relative;
	display:flex;
	padding-bottom:10px;
}
#EditHistory p small{
	font-size:14px;
	width:120px;
}
#EditHistory p span{
	font-size:15px;
}

#ContactHistory{
	padding-top:20px;
	margin:auto;
	width:900px;
}
#ContactHistory p{
	position:relative;
	display:flex;
	padding-bottom:10px;
}
#ContactHistory p small{
	font-size:16px;
	width:180px;
}
#ContactHistory p small small{
	font-size:14px;
	padding-left:10px;
	color:#666;
}
#ContactHistory p span{
	font-size:17px;
}
.Dental a{
	color:#003197;
	border-bottom:1px dotted #003197;
}
.Medical a{
	color:#129B00;
	border-bottom:1px dotted #129B00;
}

.Pager{
	position:relative;
	text-align:center;
	margin-top:100px;
}
.Pager span{
	padding-left:15px;
	padding-right:15px;
	font-size:18px;
}
.CheckMail{
	text-align:center;
}
.CheckMail button{
	width:400px;
	line-height:45px;
	margin:auto;
	margin-bottom:10px;
	border:3px solid #98C0DF;
	text-align:center;
	border-radius:10px;
	font-size:16px;
	font-weight:500;
	color:#528FBF;
	background-color:#FFF;
}
.CheckMail a{
	display:block;
	color:#528FBF;
	border-radius:10px;
}
.CheckMail button:hover{
	text-decoration-line: none;
	background-color:#E5EEF3;
}
.HistoryLink{
	text-align:center;
	padding-bottom:30px;
}
.HistoryLink a{
	color:#2984B3;
	text-decoration-line: underline;
}

#SendMail{
	width:700px;
	margin:auto;
	padding-top:20px;
}
#SendMail dl{
	display:flex;
	align-items: top;
	padding-bottom:25px;
}
#SendMail dl dt{
	width:150px;
	font-weight:600;
}
#SendMail dl dd{
	width:750px;
}
#SendMail dl dd textarea{
	width:100%;
	height:400px;
	padding:5px;
	border-radius:5px;
}
#SendMail dl dd input{
	width:100%;
	height:35px;
	padding:5px;
	border-radius:5px;
	border:1px solid #777;
}
#SendMail div{
	text-align:center;
}
#SendMail div input{
	width:300px;
	line-height:45px;
	margin:auto;
	margin-bottom:30px;
	border:3px solid #98C0DF;
	text-align:center;
	border-radius:10px;
	font-size:16px;
	font-weight:500;
	color:#528FBF;
	background-color:#FFF;
}
#MailPool{
	text-align:center;
	font-size:17px;
	line-height:60px;
	width:70%;
	margin:auto;
	margin-bottom:50px;
	border-radius:5px;
	background-color:#F4F2F1;
}
#MMcomp{
	text-align:center;
	font-size:20px;
	padding-top:50px;
	color:#528FBF;
}

.MailSDhistory{
	width:900px;
	margin:auto;
	border:1px solid #CCC;
}
.MailSDhistory dl{
	position:relative;
	display:flex;
	border-bottom:1px solid #CCC;
}
.MailSDhistory dl > *{
	padding:10px;
}
.MailSDhistory dl dt{
	width:150px;
	border-right:1px solid #CCC;
}
.MailSDhistory dl dd{
	width:600px;
	border-right:1px solid #CCC;
}
.MailSDhistory dl p{
	width:110px;
}
.MailSDhistory dl:last-child{
	border-bottom:none;
}
.MailSDhistory dl:first-child{
	background-color:#a0aabb;
	color:#FFF;
}
.BakcTo{
	padding-top:50px;
}

.BBackBtn{
	text-align:center;
}
.BBackBtn input{
	width:200px;
	height:40px;
}
/*管理画面のメールアドレス登録履歴*/
.meq-status-badge{
  display:inline-block;
  padding:2px 6px;
  margin-left:6px;
  border:1px solid #999;
  border-radius:10px;
  font-size:12px;
}

/* メール登録履歴用のチェックボックスだけは表示する */
.CHK-email-history-form input[type="checkbox"] {
    display: inline-block !important;
    width: 16px;
    height: 16px;
}
/* 確認済みの行を薄いグレーに */
.CHK-table tr.row-confirmed {
    background-color: #f2f2f2; /* 薄いグレー */
}

/* ホバー時に少し濃く */
.CHK-table tr.row-confirmed:hover {
    background-color: #e0e0e0;
}

.CHK-table tbody tr {
  border-bottom: 1px solid #ddd; /* アンダーライン */
}
.CHK-table tbody tr:last-child {
  border-bottom: none; /* 最後の行だけ消す */
}