@charset "UTF-8";

/* -------------------------------------------------------------------

 Common CSS

------------------------------------------------------------------- */

/* 	reset
------------------------------------------------------------------- */

:root{

	--full-height: 100vh;		/* JavaScriptにてアドレスバーを除いた高さを更新する ※100vhはアドレスバーを含んだ高さとなるためブラウザによってずれが生じる */
  --color-font-black: #161616;
	--color-search-list: #c3f5c8;
	--color-search-list-2n: #f1fbf2;
  --color-search-list-sub: #007c15;
  --color-bg1: #cef8d3;
}



html {min-width: 320px; } /* For Mozilla's bug */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0; padding:0;
}
table {
	border-collapse:collapse;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal; font-weight:normal;
}
ol, ul, dl {
	list-style:none;
}
caption,th {
	text-align:left;
}

input {
   margin-bottom: 5px;
   height: 20px;
	 border: 1px solid #999999;
	 font-size: 1rem;
	 font-weight: 300;
}

input:focus {
	outline: none;
	background-color: rgb(252, 234, 204);
}

select:focus {
	outline: none;
}
select:disabled {
	opacity: 1;
}

abbr,acronym {
	border:0;
}
strong {
	font-weight: bold;
}

a { outline: none; text-decoration: none; }

table{
	margin: 0;	
	padding: 0;	
	border-collapse:collapse; 
}

/* 	fontawesome のサイズ指定 */
i[class^="fa-"], .far, .fas{
	margin: 0 0.4em 0 0;
	font-size: 1.3em;
	}

/* 	font
------------------------------------------------------------------- */

* {
	font-family:'Noto Sans JP', 'Roboto', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;
  box-sizing: border-box;
}

body {
	font:15px/1.231 'Noto Sans JP', 'Roboto', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,Osaka,Sans-Serif;
	color: var(--color-font-black);
}

table {
	box-sizing: border-box;
	font-size:inherit;
	font:100%;
}

pre,code,kbd,samp,tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/* class
---------------------------------*/


.font9 { font-size: 75%;}
.font10 { font-size: 83%;}
.font11 { font-size: 91%;}
.font13 { font-size: 108%;}
.font14 { font-size: 116%;}
.font15 { font-size: 124%;}
.font16 { font-size: 133%;}

.center { text-align: center;}
.left { text-align: left;}
.right { text-align: right;}


/* 	ローディングアニメーション   
------------------------------------------------------------------- */

.sk-chase {
	display: none;
	position: fixed;
	top: 40%;
	left: calc(50% - 55px);		/* 中心になるように幅の1/2を左に移動 */
	width: 110px;
	height: 110px;
	animation: sk-chase 2.5s infinite linear both;
	z-index: 10000;
}

.sk-chase-dot {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0; 
	animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
	content: '';
	display: block;
	width: 25%;
	height: 25%;
	background-color: rgb(0, 110, 255);
	border-radius: 100%;
	animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
	100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
	80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
	50% {
		transform: scale(0.4); 
	} 100%, 0% {
		transform: scale(1.0); 
	} 
}



/* 	アニメーション   
------------------------------------------------------------------- */

/* 左から右に伸びて、右にフェードアウト */
@keyframes left_to_right {
  0% {
		opacity: 0.2;
		transform-origin: top left;
    transform: scale(0.3, 1);
  }
  30%{
    opacity: 1;
    transform: scale(1, 1);
		transform-origin: top left;
  }
  35%{
    opacity: 1;
		transform-origin: top right;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0.4;
		transform-origin: top right;
    transform: scale(0, 1);
  }
}

/* 浮き上がって消える */
@keyframes pop_up {
  0% {
		opacity: 0.2;
  }
  30%{
    opacity: 1;
  }
  35%{
    opacity: 1;
  }
  100% {
		opacity: 0;
		visibility: hidden;	/* 要素を無効にしておく */
  }
}

/* 右左に動く */
@keyframes right_left {
  0% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(0.2em);
  }
  100% {
    transform: translateX(0);
  }
}


/* 	JQuery dialog（モーダルダイアログ）  
------------------------------------------------------------------- */

/*-- モーダルオーバレイ（背景）  --*/
.ui-widget-overlay {
	background: #808080;
	opacity: .6;
}

.ui-dialog {
	padding: 0;
}

/*-- メッセージは初期非表示  --*/
.modal_confirm {
	display: none;
}

.modal_msg {
	line-height: 1.5;
	font-size: 1.1rem;
}

/*-- ダイアログプロパティ（初期設定を強制上書き）  --*/
.jq_modal_confirm {
	top: 30% !important;
	left: 0 !important;
	right: 0 !important;
	margin: 0 auto !important;
	background: #d3f3cc !important;
	width: 650px !important;
	border: solid 2px #a0cf97 !important;
}

/*-- メッセージとボタンの境界線  --*/
.jq_modal_confirm .ui-widget-content {
	border: none;
}

/*-- タイトルバー（非表示）  --*/
.jq_modal_confirm .ui-dialog-titlebar {
	display: none;
}

/*-- メッセージエリア  --*/
.jq_modal_confirm .ui-dialog-content {			
	padding: 1.2rem 0;
	color: #198503; 
	background:#d3f3cc;
	font-family: 'Noto Sans JP';
}

/*-- ボタンエリア  --*/
.jq_modal_confirm .ui-dialog-buttonpane {
	margin: 0;
	padding: 1.6rem 0;
}

/*-- ボタンエリア  --*/
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float:none;
	display: flex;
	flex-direction: row ;
	justify-content: center;
}

/*-- ボタンデフォルト  --*/
.ui-dialog .ui-dialog-buttonpane button {
	margin: 0 1rem;
	font-family: 'Noto Sans JP';
	width: 180px;
	font-size: 1.2rem;
	font-weight: 400;
	background:#ffffff;
	color: #949494; 
	outline: none;
	border: 1px solid #d1d1d1;
}

/*-- ボタンフォーカス  --*/
.ui-dialog .ui-dialog-buttonpane button:focus {
	background:#d3f3cc !important;
	color: #198503; 
	border: 1.5px solid #a0cf97 !important;
}

/*-- ボタンホバー  --*/
.ui-dialog .ui-dialog-buttonpane button:hover {
	border: 1.5px solid #a0cf97 !important;
}


/* Datepicker JQuery UI （カレンダー）
 --------------------------------------------------------------------*/

.ui-datepicker{
 font-family: inherit;
 font-size: 1.1rem;
}
.ui-datepicker table {
	font-size: 1.15rem;
}
.ui-state-hover{
	cursor: pointer;
}
.ui-state-default, .ui-widget-content .ui-state-default{
	color: #494949;
	background: #eeeeee;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, 
.ui-widget-header .ui-priority-primary{
	font-weight: 400;
}
/* ヘッダ部 */
.ui-widget-header{
	border: 1px solid #d3d3d3;
	background: #f5f5f5;
}
/* ヘッダ部 */
.ui-widget-header, .ui-widget-content{
	color: #494949;
	font-weight: 500;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary
,.ui-widget-header .ui-priority-secondary{
	opacity: 1;
}
.ui-widget input, .ui-widget select, 
.ui-widget textarea, .ui-widget button{
	font-family: inherit;
}
/*-- デフォルト前月翌月アイコン無効  --*/
.ui-widget-header .ui-icon{
	background-image: none;
}
/*-- デフォルト前月翌月アイコンホバー無効  --*/
.ui-datepicker .ui-datepicker-next-hover
,.ui-datepicker .ui-datepicker-prev-hover{
	border: none;
	background: none;
	font-weight: inherit;
	font-size: inherit;
}
/*-- 前月アイコン位置  --*/
.ui-datepicker .ui-datepicker-prev{
	left: 0.5em;
}
/*-- 翌月アイコン位置  --*/
.ui-datepicker .ui-datepicker-next{
	right: 0.5em;
}
/*-- 前月翌月アイコン共通  --*/
.ui-datepicker .ui-datepicker-prev::before
,.ui-datepicker .ui-datepicker-next::before{
	position: absolute;
	top: 0.02em;
	left: 0;
	right: 0;
	margin: auto;
	font-family: "Font Awesome 6 Pro";
	font-size: 1.45em;
	font-weight: 900;
	color: #585858;
}
/*-- 前月アイコン  --*/
.ui-datepicker .ui-datepicker-prev::before{
	content: '\f137';
}
/*-- 翌月アイコン  --*/
.ui-datepicker .ui-datepicker-next::before{
	content: '\f138';
}
/*-- 前月翌月アイコンホバー  --*/
.ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover::before
,.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover::before{
	color: #0061cf;
	transition: all 0.2s;
}

/* タイトル */
.ui-datepicker .ui-datepicker-title {
	font-size: 1.1em;
	line-height: 1.4em;
}
/* 曜日 */
.ui-datepicker th {
	padding: .2em .3em;
	color: rgb(92, 92, 92);
	font-size: 1rem;
	font-weight: 500;
}

/* 日付ホバー */
.ui-datepicker-calendar .ui-state-hover
,.ui-widget-content .ui-state-active{
	border: 1px solid #2174c2;
}

/* 日曜日のカラー設定 */
td.ui-datepicker-week-end:last-child a.ui-state-default{
  background: #ffecec;   /* 背景色を設定 */
  color: #f00!important;       /* 文字色を設定 */
}
/* 土曜日のカラー設定 */
td.ui-datepicker-week-end a.ui-state-default{
  background: #eaeaff;   /* 背景色を設定 */
  color: #00f!important;       /* 文字色を設定 */
}
/* ホバー時の動作 */
td.ui-datepicker-week-end a.ui-state-hover{
  opacity: 0.8;
}
/* 当日を示す色はそのまま */
td.ui-datepicker-week-end a.ui-state-highlight,
a.ui-state-highlight{
	background: #f8f55b!important;
}



/* 	layout   
------------------------------------------------------------------- */

body	{ background-color: #eeeeee; text-align:center; }


.Container {
	line-height: 1.67;
	margin:0 auto; 
	width: 1580px; 
  text-align: center;
}

/*-- レスポンシブ  --*/
@media screen and (max-width:600px){
	.Container {
		line-height: 1.67;
		margin:0 auto; 
		width:350px; 
		text-align: center; 
	}
}

.Container h1 { padding:20px 0 40px 0; text-align: left;}

.Content { 
	clear: both; 
	padding: 15px 20px 10px 20px; 
	margin-bottom:10px; 
	border: solid 1px #ddd;
	border-radius: 10px;
	background-color:#fff; 
	text-align: left; 
	font-weight: 300;
}

.Content .operate {
	display: flex;
	margin: 5px 10px 10px 10px;
}
.Content .operate li:last-child{
	margin-left: auto;
}
.Content .operate_delete {
	display: flex;
	margin: 20px 10px 10px 10px;
}
.Content .operate_delete li:first-child{
	margin-left: auto;
}
.Content .operate .regist {
	float: left;
}
.Content .operate .del {
	display: inline-block;
	text-align: right;
}


/*-- モーダル オーバレイ（背景） --*/
.modal_overlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 100;
	background: #aaaaaa;
	opacity: .5;
}

/*-- エラーメッセージ  --*/
.ContentError { 
	font-size: 0.9rem; 
	clear: both; 
	padding: 8px 12px; 
	margin-bottom:13px; 
	border: solid 2px #e6b7b7; 
	color: #e60000; 
	background-color:#ffdbdb; 
	border-radius: 3px;
	text-align: left; 
}
/*-- 情報メッセージ  --*/
.ContentInfo { 
  font-size: 0.9rem; 
	font-weight: 400;
  padding: 8px 15px; 
	border: solid 1px #c1e2bb; 
	color: #007413; 
	background-color:#c3f5c8; 
	border-radius: 3px;
	text-align: left; 
}

/*-- JS 一時ポップアップメッセージ（処理完了など）  --*/
.js_popup_info { 
	display: none;
	position: fixed;
	top: 20%;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 2.5em 2em;
	width: 550px;
	color: #0049a8; 
	border: solid 1px #b0e6e1; 
	background-color:rgb(255, 255, 255); 
	border-radius: 0.5rem;
	font-size: 1.4rem; 
	font-weight: 400;
	text-align: center;
	box-shadow: 0 0 4em rgb(44, 44, 44);
	z-index: 10000;
}

/*-- ポップアップメッセージ（親）※現未使用  --*/
.popup_info { 
	position: fixed;
	top: 40%;
	left: 0;
	margin: 0;
	width: 0;
	height: 4em;
	color: #0049a8; 
	font-size: 1.4rem; 
	font-weight: 300;
	letter-spacing: 0.1em;
	text-align: center;
	z-index: 10000;
}
/*-- ポップアップメッセージ（スライドバー）※現未使用  --*/
.popup_info::before{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100vw;
	height: inherit;
	content: "";
	border: solid 1px #a6e0db; 
	background-color:rgba(199, 240, 236, 0.9); 
  animation-name: left_to_right;  /* アニメーション名 */
  animation-fill-mode:forwards;  /* アニメーション最後のCSSを適用 */
  animation-timing-function: cubic-bezier(.7,.19,0,.9);
  animation-delay: 0.3s;      /* アニメーション開始までの時間 */
  animation-duration: 3.5s;   /* アニメーション時間 */
}
/*-- ポップアップメッセージ（テキスト）※現未使用  --*/
.popup_info_msg { 
	position: absolute;
	top: 50%;
	left: 0;
	width: 100vw;
	height: inherit;
	transform: translateY(-1em); /* 中央に配置するための調整 */
	opacity: 0;
  animation-name: pop_up;  /* アニメーション名 */
  animation-fill-mode:forwards;  /* アニメーション最後のCSSを適用 */
  animation-timing-function: cubic-bezier(.7,.19,0,.9);
  animation-delay: 0.3s;      /* アニメーション開始までの時間 */
  animation-duration: 3.5s;   /* アニメーション時間 */
}

/*-------------------------------------------------------------------
	共通部品
------------------------------------------------------------------- */

/*-- ボタン  --*/
.btn {
  margin-bottom: 5px;
  width: 180px;
	height: 40px;
	background: linear-gradient(to top, #324a72, #475e86 15%, #4e6894 80%, #5b76a7 90%, #7c9ed8 100%);
	border: 1px solid #87a4c7;
	color: #ffffff;
	font-size: 1rem;
	font-weight: 300;
	cursor: pointer;	            /* マウスカーソルの形（リンクカーソル）を指定する */
  border-radius: 3em;
	outline: solid 2px rgba(180, 205, 253, 0);
	outline-offset: 1em;
	transition: all 0.3s ;
} 

/*-- 削除ボタン・ボタン色ver３  --*/
.btn_delete, .btn_color3 {
	color: #293346;
	background: none;
	border: 2px solid  #9aa6b8;
	font-weight: inherit;
}

/*-- ボタン色ver２  --*/
.btn_color2{
	background: linear-gradient(to top,#1b587c 0%, #257aac 20%, #2988be 75%, #2d90ca 90%, #76c2ee 100%);
	border: 1px solid #a2cce4;
}


/*-- ボタンアイコン（登録）  --*/
.btn_icon_update::before{
	padding: 0 0.4em 0 0;
	font-family: "Font Awesome 6 Sharp";
	content: '\f00c';
	font-size: 1.3em;
	font-weight: 900;
}

/*-- ボタンアイコン（戻る）  --*/
.btn_icon_back::before{
	padding: 0 0.4em 0 0;
	font-family: "Font Awesome 6 Pro";
	content: '\f0e2';
	font-size: 1.3em;
	font-weight: 900;
}

/*-- ボタンアイコン（削除）  --*/
.btn_delete::before{
	padding: 0 0.4em 0 0;
	font-family: "Font Awesome 6 Pro";
	content: '\f2ed';
	font-size: 1.3em;
	font-weight: 400;
}

/*-- レスポンシブ  --*/
@media screen and (max-width:600px){
	 .btn {
		margin-bottom: 5px;
		width: 130px;
		height: 30px;
		font-size: 1rem;
		font-weight: normal;
		border-radius: 7px;
	}
}

.btn:hover, .btn:focus, .btn:active {
	outline: solid 2px #799cfd;
	outline-offset: 2px;
} 

.btn:disabled {
		border: 1px solid #c1d1e0ec;
		background: #b5c7d8ec;
		color: #415a72ec;
		outline: none;
		cursor: default;
} 

.btn_update {
	margin: 0px 0px;
	width: 40px;
	height: 25px;
	font-size: 12px;
}

/*-- 全選択、全解除  --*/
.btn_all_checked{
	margin: 5px 20px 0 0;
	width: 130px;
	height: 28px;
	font-size: 15px;
	background: linear-gradient(to top, #1e6791, #2680b4 15%, #2a8bc4 80%, #3096d1 90%, #42ace9 100%);
	border: 1px solid #b0def8;
  border-radius: 0.7em;
}

/*-- 参照ボタン --*/
.btn_refer{
	margin: 0;
	width: 55px;
	height: 28px;
	font-size: 14.5px;
	border-radius: 7px;
}	

.btn_refer_2{
	width: 55px;
	height: 28px;
	font-size: 0.9rem;
	font-weight: 500;
	border: solid 2px #60bb50; 
	color: var(--color-search-list-sub); 
	background: transparent;
	border-radius: 7px;
}


/*-- 入力フォームレイアウト  --*/
.form_register {
  margin-bottom: 10px;
	width: 100%;
}
.form_register ul {
	display: flex;
	flex-wrap: norap;
	list-style: none;
	margin: 0;
	background-color: #ffece4;
}


.form_register ul li{
	padding: 3px 4px 1px 4px;
	border-left: solid 2px #fff;
	border-bottom: solid 2px #fff;
	white-space: nowrap;
	vertical-align: bottom;
	font-size: 17px;
	font-weight: 400;
  flex: 0 1 350px;                /* 自動拡大なし、自動縮小あり、幅350px */
}
.form_register ul li:last-child{    /* 最後の項目で幅を自動調整 */
  flex-grow: 1000;
  flex-shrink: 1000;
}

.form_register h3 {
  font-weight: 300;
  font-size: 16px;
  color: #808080;
}

/*-- ラベル  --*/
.form_register label {
	display: inline-block;
  width: 100%;
  height: 100%;
	font-size: 13.1px;
	font-weight: 500;
  color: #2041d3;
	cursor: text;	            /* マウスカーソルの形（テキスト）を指定する */
}
.form_register label:hover { color: #0077ff; }
.form_register label:focus-within { color: #0077ff; }

/*-- 必須ラベル --*/
.icon_required::after {
	display: inline-block;
  content: "必 須"; 
	background: #ff978e;
	color: #fff;
	line-height: 1;
	padding: 2.5px 4px 2px 4px;
	font-size: 10.5px;
	font-weight: 100;	
	border-radius: 3px;
	margin: 0 0 0 8px;
	position: relative;
	top: -1px;
}

/*-- ツールチップ（マウスホバーで吹き出しコメント） --*/
.tooltip {
	position: relative;
	display: inline-block;
	cursor: default;
}
.tooltip::after {
	margin: 0;
	margin-left: 0.2rem;
	padding: 0;
	content: '\f059';
	font-family: "Font Awesome 6 Pro";
	font-size: 1.1rem;
	font-weight: 600;
	color: #5d6c99;
	line-height: 1.1;
}
.tooltip .tooltiptext {
	position: absolute;
	white-space: normal;
	z-index: 1;
	bottom: 155%;
	left: -140px;
	visibility: hidden;
	width: 320px;
	height: auto;
	padding: 0.6em 1em;
	transition: all 0.2s;
	transition-delay: 0.2s;
	opacity: 0;
	font-size: 0.9rem;
	font-weight: 400;
	color: #3d3d3d;
	border-radius: 2px;
	background-color: #ffffff;
	border: 5px solid #e9e9e9;
	box-shadow: 0 0 1.5em rgb(43, 43, 43);
} 
.tooltip .tooltiptext::after {
	position: absolute;
	top: 100%;
	left: 43%;
	content: ' ';
	border: 13px solid transparent;
	border-top-color: #e9e9e9;
}
.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}


/*-- 一時メッセージ ツールチップ（特定条件にて吹き出しメッセージ） --*/
.tooltip_temp {
	display: none;
	position: fixed;
	white-space: normal;
	z-index: 1;
	width: auto;
	max-width: 400px;
	height: auto;
	padding: 1.2em 2em;
	text-align: center;
	font-size: 1.1rem;
	font-weight: 300;
	color: #2b2b2b;
	border: 1px solid #ffa928;
	border-radius: 6px;
	background: #ffffff;
	box-shadow: 0 0 1em rgb(44, 44, 44);
} 


/*-- 入力フォーム  --*/
.form_register input {		
	margin: 4px 0 0 0;
	padding-left: 8px;
	outline: none;
	border: none;
	height: 23px;
	width: 100%;
	font-size: 17px;
	font-weight: 400;
	background-color: #ffece4;
	color: var(--color-font-black);
}

.form_register textarea {
  margin: 0;
	padding: 0 0 0 4px;
	outline: none;
  border: none;
  height: 53px;
  width: 100%;
	font-size: 17px;
	font-weight: 400;
	line-height: 120%;
  background-color: #ffece4;
	color: var(--color-font-black);
}
.form_register.bg_color1 textarea { background-color: var(--color-bg1); }

.form_register input[type="email"] { height: 25px;}
.form_register input[type="date"] {	width: 160px;}
.form_register input[type="number"] {
  width: 150px; 
  text-align: right; 
  padding-right: 10px;
}


/*-- セレクトボックス  --*/
.select{
	border: 1px solid #e5bead;
  border-radius: 5px;						/*-- 正円の円弧を使った角丸 */
	padding: 1px 3px 0 5px;
	font-size:16px;
	font-weight: 400;
	color: var(--color-font-black);
  background: #ffece400;			/*-- transparent:背景色を透明 */
  position: relative;
	cursor: pointer;	            /* マウスカーソルの形（リンクカーソル）を指定する */
}
/*-- セレクトボックス（マージン）  --*/
.form_register select {	margin: 0 1px 1px 10px; }


/*-- ラジオボタン（入力フォーム、表示画面）  --*/
.form_register input[type=radio] { 		
	opacity: 0;										/* ラジオボタンを非表示(透明)にする */
	margin: 1.2rem 0 0.1rem 0.3rem;
	width: 0.1rem;
	height: 0.2rem;
}				

.form_register input[type="radio"]:checked + .radio {
  background: #eca08d;      /* マウス選択時の背景色を指定する */
	color: #ffffff;           				/* マウス選択時のフォント色を指定する */
	border: 2px solid #e48979;  /* ボックスの境界線を実線で指定する */
}

.form_register .radio {
	display: inline-block;			  /* 回り込みブロック要素化する */ 
	margin: 0 0.6rem 0 -0.7rem;	    /* ボックス外側の余白を指定する */
	width: 100px;	                /* ボックスの横幅を指定する */
  height: 23px;	                /* ボックスの高さを指定する */
  line-height: 19px;
  color: #ca6b42;	            /* フォントの色を指定 */
	font-size: 16px;
	font-weight: 400;
	text-align: center;	          /* テキストのセンタリングを指定する */
	cursor: pointer;	            /* マウスカーソルの形（リンクカーソル）を指定する */
	border: 2px solid #f7b396;  /* ボックスの境界線を実線で指定する */
	border-radius: 5px;	          /* 角丸を指定する */
	transition: 0.2s;
}
.form_register .radio_2 {
	margin: 0 0.4rem 0 -0.7rem;	    /* ボックス外側の余白を指定する */
	width: 70px;	                /* ボックスの横幅を指定する */
  height: 26px;	                /* ボックスの高さを指定する */
  line-height: 21px;
}

.form_register .radio:hover { 	/* マウスホバー時の背景色を指定する */ 
  color: #ca6b42;	      
	background-color: #ffcab4; 
} 
.form_register .radio_label { height: 20px; }
.form_register .radio_label label { vertical-align: top; }


/*-- チェックボックス --*/
input[type="checkbox"] { display: none;}
input[type="checkbox"] + .check-icon { 
    vertical-align: middle;
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 2px solid #999;
    border-radius: 2px;
    box-sizing: border-box;
    margin-top: -3px;
    margin-right: 5px;
		background-color: #fff;
		cursor: pointer;
}
/*-- サイズ大 --*/
input[type="checkbox"] + .check-icon2 { 
	width: 29px;
	height: 29px;
}

input[type="checkbox"]:checked + .check-icon {
    position: relative;
    background: #337ab7;
		border: 1px solid #337ab7;
}
input[type="checkbox"]:checked + .check-icon:after{
      position: absolute;
      content: "";
      border-bottom: 3px solid #fff;
      border-right: 3px solid #fff;
      top: 3px;
      left: 6px;
      width: 5px;
      height: 11px;
      transform: rotate(45deg);
      border-radius: 0 0 3px 0;
}
/*-- サイズ大 --*/
input[type="checkbox"]:checked + .check-icon2:after{
	border-bottom: 4px solid #fff;
	border-right: 4px solid #fff;
	top: 3px;
	left: 7px;
	width: 8px;
	height: 13px;
}

input[type="checkbox"] + .check-icon:focus + .check-icon{
      border: 1px solid #999;
      box-shadow: 0 0 4px #004AA1;
}
.form_register .checkbox_label { height: 20px; }
.form_register .checkbox_label label { vertical-align: top; }
.checkbox label {
	display: inline-block;
	font-size: 1rem;
	margin-right: 10px;
	width: auto;
	cursor: pointer;
}


/*-- 検索フォーム、検索ボタン、検索件数メッセージのレイアウト  --*/
.form_search ul li{ flex: 0 1 260px; }               /* 基本列幅 */
.search_btn {
  display: flex;
  list-style: none;
}
.search_btn li{ margin-left: 40px; }
.search_btn li:nth-child(1){ margin-left: 0px; }		
.search_btn li:nth-child(2){ flex-basis: 250px; }		  /* 検索件数メッセージエリア */
/* 宛名ラベル系画面用 */
ul.search_btn_address_label { margin-top: 10px; background-color: #fff; }		
ul.search_btn_address_label li{ margin-left: 10px; flex: 0 1 10px;}
ul.search_btn_address_label li:nth-child(1){ margin-left: 0px; }		
ul.search_btn_address_label li:nth-child(2){ flex-basis: 250px; }		  /* 検索件数メッセージエリア */
ul.search_btn_address_label2 { margin-top: 10px; background-color: #fff; }		
ul.search_btn_address_label2 li{ margin-left: 10px; flex: 0 1 10px;}
ul.search_btn_address_label2 li:nth-child(1){ margin-left: 0px; }		
ul.search_btn_address_label2 li:nth-child(2){ flex-basis: 250px; }		  /* 検索件数メッセージエリア */

/* 会社系情報の背景色 */
.form_register.bg_color1 ul, .form_register.bg_color1 input { background-color: var(--color-bg1); }

/* 参考表示情報の背景色 */
.form_register.bg_color_ref ul, .form_register.bg_color_ref input { background-color: #e5e8f0; }



/*-- 検索結果リスト  --*/
.form_register .search_list_header { background-color: #fff; }
.form_register ul.search_list_body { background-color: #c3f5c8; }
.form_register ul.search_list_body:nth-child(2n-1) { background-color: #f1fbf2; } /*-- １行毎に背景色の濃淡を付ける  --*/
.form_register .search_list_body li { 
	padding: 4px 0 2px 10px;
	border-bottom: none;
	font-size: 15.5px; 
	font-weight: 400;
	white-space: pre-wrap;											 /*-- 幅を超える場合に折り返し  --*/
}

/*-- 検索結果明細 ホバー  --*/
.form_register ul.search_list_body:hover { 
	background-color: #97f1a0; 
	cursor: pointer;
}
/*-- 検索結果明細 ホバー（クリックイベントなし）  --*/
.form_register ul.search_list_body.cursor_default:hover { 
	cursor: default;
}

/*-- 注記（休会など）  --*/
.form_register ul.search_list_body .chuki {
	font-size: 13px;
	color: #fc0303;
}

.search_list_body label, .search_list_body label:hover{
	font-size: 15px;
	color: var(--color-font-black);
	font-weight: 400;
	cursor: pointer;
}




/*-- 詳細情報（会社・会員）  --*/
.section_header {
	display: inline-block;
	box-sizing: border-box;
	width: 85%;
	padding: 0;
	border-left: 2px solid #4c8cebaf;
	border-bottom: 1px solid #a9cbfd7e;
	background-color: #ffffff;
}
.section_header.width2 { width: 72%; }

.section_header.border2 { 
	border-left: 2px solid #0cb9d8a6;
	border-bottom: 1px solid #60a5c05e; 
}

.section_header h3 {
	margin: 0px;
	padding: 0 0 5px 10px;
	color: #2e53a3;
	font-size: 19px;
	font-weight: 500;
	letter-spacing: 0.02em;
}
.section_header .note{
	color: #274485;
	font-size: 16px;
}

.btn_section_header {
	display: inline-block;
	transition: 0.4s ;
  margin: 0px 0px 3px 15px;
	padding: 0px;
	width: 12%;
	height: 35px;
}
.section_header.margin_top{ margin-top: 20px;}
.section_header.margin_top_10{ margin-top: 10px;}


/*-- 詳細情報 各種履歴リスト  --*/
.form_register ul.list_header{ background-color: #fff; }
.form_register .list_header li{ margin: 0; padding: 1px 0 0 4px; }

.form_register .list_body li{ 
	padding: 3px 0 1px 6px; 
	white-space: pre-wrap;    /*-- 幅を超える場合に折り返し  --*/
}
/*-- 必ずhover設定を行背景色設定より後に設置（逆にすると、hoverが適用されない） --*/
.form_register ul.list_body:hover {
	transition: 0.2s ;
	background-color: #ffd4c1;
	cursor: pointer;
}
.form_register.bg_color1 ul.list_body:hover { background-color: #97f1a0; }

/*-- 各種履歴登録画面  --*/
.Content .name_label	{ 
	margin-bottom: 15px;
	padding-left: 5px;
	font-size: 22px; 
}

/*-- スクロールナビ  --*/
.navigation {
	position: fixed;
	top: 15%;
	left: 35%;
	margin-left: -610px;
	padding: 8px;
	border: #8387bd 2px solid;
	background-color: #dae7f7;
	border-radius: 10px;
	font-size: 20px;
	color: #494949;
}
.navigation a{color: #223edb;}
.navigation a:hover{color: #07ccfd;}



/*  共通部品
------------------------------------------------------------------- */



/* -------------------------------------------------------------------
    ContentsHeader CSS
------------------------------------------------------------------- */
.ContentsHeader {
	margin-bottom: 4px;
	padding-left: 20px;
	font-size: 1.25rem;
	font-weight: bold;
	color: #666666;
	text-align: left;
}

/* -------------------------------------------------------------------
    PageNavi CSS
------------------------------------------------------------------- */
.Navi {
	height: 53px;
  margin-bottom: 13px;
  padding-top: 7px;
	border-bottom: 1px #bbbbbb solid;
}

.Navi .title{
	float: left;
/*	text-align: left;   */
}

.Navi .title h2{
	padding-left: 25px;
	font-size: 1.4rem;
	font-weight: 300;
	color: #303581;
}

.Navi .logout{
	text-align: right;
	position: relative;
	top : 5px;			
}

.btn_navi {
  margin: -0.3rem 0 5px 0;
  width: 155px;
	height: 42px;
	border-radius: 3rem;
	border: 2px solid rgb(223, 182, 165);
	color: rgb(209, 84, 52);
	background: rgb(255, 255, 255);
	font-weight: 400;
	font-size: 1.05rem;
}

.user_name {
	display: inline-block;
	margin: 0 0.5em 0 1em;
	font-size: 1.1rem;
}


/* レスポンシブ */
@media screen and (max-width:600px){
	.user_name {
		display: none;
	}


}

/* -------------------------------------------------------------------
    Login CSS
------------------------------------------------------------------- */

.Container .login .img_logo {
  width: 100%;
	height: 80px;
	background-image: url("../images/menu_logo.png");
	background-size:60%;
	background-position : 45% 80%;
	background-repeat : no-repeat;
}

.Container_login {	
	margin:80px auto 0 auto; 
	border-radius: 10px; 
	width:600px; 
	height:344px; 
	text-align: left;
}

.login h1 {	 
	padding:20px 0 20px 0; 
	font-weight: 300;
	color: #303581;
	font-size: 24px; 
	text-align:center;
	letter-spacing: 0.1rem; 
}

.login_form {	padding: 10px 100px; }
.login_input { margin-bottom: 20px; }
.login_form .input_area { 
  padding-left: 10px; 
  width:100%; 
  height:40px;
  font-size: 22px;
  border:solid 1px #ccc; 
  border-radius: 5px; 
  color:#303030;
}
.login_form .input_area::placeholder{ 
	font-weight: 300;
	color: #adadad; 
}

.btn_login {
  width: 100%;
  height: 45px;
	font-size: 1.3rem;
}

/* レスポンシブ */
@media screen and (max-width:600px){
	.Container_login {	margin:10px auto 0 auto; width:350px; height:344px; text-align: left;}
	.Container .login .img_logo {
		width: 100%;
		height: 80px;
		background-image: url("../images/menu_logo.png");
		background-size:90%;
		background-position : 45% 80%;
		background-repeat : no-repeat;
	}	
	.login_form {	padding: 10px 30px; }
}

/* -------------------------------------------------------------------
	メインメニュー
------------------------------------------------------------------- */

.container_width_menu {
	width: 700px;
}

.content_menu {
	padding-bottom: 3rem;
}

.main_menu{
	width: 85%;
	margin: 1rem auto;
	font-size: 1.3rem;
}

/* アイコン（fontawesome） */
.main_menu .fas, .main_menu .far, .main_menu .fal, .main_menu .fad, .main_menu i{
	color: #00039c;
	margin-right: 0.4em;
	font-size: 1.5em;
}
/* メニュー一覧 */
.main_menu li {
  position: relative;
	padding: 0 0 0 3em;
	border-bottom: 1px solid #e0e0e0;
	line-height: 2.8;
	color: #25273f;
	font-weight: 300;
}

/* ホバー時アンダーラインを右に伸ばす */
.main_menu li::before {
  content: '';
  position: absolute;
  z-index: 100;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: #1cbfff;
  transform: scaleX(0);
  transform-origin: left;
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.79, 0.17, 0.15, 0.96), opacity 0.1s;
}
/* ホバー時アンダーラインを右に伸ばす */
.main_menu li:hover::before, .main_menu li:active::before {
  transform: scaleX(1);
  opacity: 1;
}
.main_menu li:hover > p {
  animation-name: right_left;  /* アニメーション名 */
  animation-fill-mode:forwards;  /* アニメーション最後のCSSを適用 */
  animation-delay: 0s;      /* アニメーション開始までの時間 */
  animation-duration: 0.5s;   /* アニメーション時間 */
}


/*-- レスポンシブ  --*/
@media screen and (max-width:600px){
	.container_width_menu {
		width: 350px;
	}
	.main_menu{
		width: 95%;
		margin: 1rem auto;
		font-size: 1rem;
	}
	/* メニュー一覧 */
	.main_menu li {
		padding: 0 0 0 0.6em;
	}


}


/* -------------------------------------------------------------------
	会社検索
------------------------------------------------------------------- */
.msg_register_office{ 
	margin-bottom: 10px; 
	padding-left: 30px;
	text-align: left;
	color: #a71900;
}
.search_office ul li { flex: 0 1 250px; }
.serch_office_list li:nth-child(1) { flex-basis: 420px;}
.serch_office_list li:nth-child(2) { flex-basis: 120px;}
.serch_office_list li:nth-child(3) { flex-basis: 150px;}
.serch_office_list li:nth-child(4) { flex: 1 10 600px;}
.serch_office_list li:nth-child(5) { flex: 0 0 130px;}
.serch_office_list li:nth-child(6) { flex: 0 0 130px;}


/* -------------------------------------------------------------------
	会員検索
------------------------------------------------------------------- */
.serch_member_list li:nth-child(1) { flex-basis: 170px;}
.serch_member_list li:nth-child(2) { flex-basis: 130px;}
.serch_member_list li:nth-child(3) { flex-basis: 370px;}
.serch_member_list li:nth-child(4) { flex-basis: 340px;}
.serch_member_list li:nth-child(5) { flex-basis: 55px; padding-left: 0; padding-right: 0; text-align: center;}
.serch_member_list li:nth-child(6) { flex-basis: 55px; padding-left: 0; padding-right: 0; text-align: center;}
.serch_member_list li:nth-child(7) { flex-basis: 55px; padding-left: 0; padding-right: 0; text-align: center;}


/* -------------------------------------------------------------------
	入退会リスト
------------------------------------------------------------------- */
.list_nyutai li:nth-child(1) { flex-basis: 400px;}
.serch_list_nyutai li:nth-child(1) { flex-basis: 130px;}
.serch_list_nyutai li:nth-child(2) { flex-basis: 130px;}
.serch_list_nyutai li:nth-child(3) { flex-basis: 420px;}


/* -------------------------------------------------------------------
	委員会・部会リスト
------------------------------------------------------------------- */
.list_section li:nth-child(1) { flex-basis: 600px;}
.serch_list_section li:nth-child(1) { flex-basis: 120px;}
.serch_list_section li:nth-child(2) { flex-basis: 150px;}
.serch_list_section li:nth-child(3) { flex-basis: 130px;}
.serch_list_section li:nth-child(4) { flex-basis: 350px;}
.serch_list_section .search_list_body li:nth-child(1) {text-align: center; padding-left: 0;}

/* 百年企業の会 */
.serch_list_section_hyakunen li:nth-child(1) { flex-basis: 100px;}
.serch_list_section_hyakunen li:nth-child(2) { flex-basis: 350px;}
.serch_list_section_hyakunen li:nth-child(3) { flex-basis: 120px;}
.serch_list_section_hyakunen li:nth-child(4) { flex-basis: 100px; }
.serch_list_section_hyakunen li:nth-child(5) { flex-basis: 200px;}
.serch_list_section_hyakunen li:nth-child(6) { flex-basis: 180px;}

.serch_list_section_hyakunen .search_list_body li:nth-child(1) {text-align: center; padding-left: 0;}
.serch_list_section_hyakunen .search_list_body li:nth-child(4) {text-align: center; padding-left: 0; font-size: 1.15em;}


/* -------------------------------------------------------------------
	宛名ラベル出力
------------------------------------------------------------------- */
.list_address_label .no1 li:nth-child(1) { padding-right: 30px;}
.list_address_label .no2 li { flex: 0 1 300px;}
.list_address_label .no2 li, .list_address_label .no2 input[type="text"] 
{ background-color: #fff0c6; }			
.list_address_label .no2 li:nth-child(3), .list_address_label .no2 li:nth-child(3) input[type="text"], 
.list_address_label .no2 li:nth-child(4), .list_address_label .no2 li:nth-child(4) input[type="text"],
.list_address_label .no2 li:nth-child(5), .list_address_label .no2 li:nth-child(5) input[type="text"] 
{ background-color: #fdf8c7; }			

.serch_list_address_label_section li:nth-child(1) { flex-basis: 70px; text-align: center;}
.serch_list_address_label_section li:nth-child(2) { flex-basis: 80px;}
.serch_list_address_label_section li:nth-child(3) { flex-basis: 120px;}
.serch_list_address_label_section li:nth-child(4) { flex-basis: 160px;}
.serch_list_address_label_section li:nth-child(5) { flex-basis: 350px;}
.serch_list_address_label_section li:nth-child(6) { flex-basis: 450px;}
.serch_list_address_label_section li:nth-child(7) { flex-basis: 150px;}


.serch_list_address_label_else li:nth-child(1) { flex-basis: 70px; text-align: center;}
.serch_list_address_label_else li:nth-child(2) { flex-basis: 80px;}
.serch_list_address_label_else li:nth-child(3) { flex-basis: 330px;}
.serch_list_address_label_else li:nth-child(4) { flex-basis: 260px;}
.serch_list_address_label_else li:nth-child(5) { flex-basis: 160px;}
.serch_list_address_label_else li:nth-child(6) { flex-basis: 120px;}
.serch_list_address_label_else li:nth-child(7) { flex-basis: 60px; padding-left: 0; padding-right: 0; text-align: center;}


.serch_list_address_label_eigyo li:nth-child(1) { flex-basis: 70px; text-align: center;}
.serch_list_address_label_eigyo li:nth-child(2) { flex-basis: 80px;}
.serch_list_address_label_eigyo li:nth-child(3) { flex-basis: 400px;}
.serch_list_address_label_eigyo li:nth-child(4) { flex-basis: 100px;}
.serch_list_address_label_eigyo li:nth-child(5) { flex-basis: 550px;}


.serch_list_address_label_yakuin li:nth-child(1) { flex-basis: 70px; text-align: center;}
.serch_list_address_label_yakuin li:nth-child(2) { flex-basis: 80px;}
.serch_list_address_label_yakuin li:nth-child(3) { flex-basis: 150px;}
.serch_list_address_label_yakuin li:nth-child(4) { flex-basis: 250px;}
.serch_list_address_label_yakuin li:nth-child(5) { flex-basis: 500px;}



/* -------------------------------------------------------------------
	会員名簿情報管理
------------------------------------------------------------------- */
.list_meibo_kanri .no1 li:nth-child(1) { padding-right: 50px;}
.list_meibo_kanri_search li:nth-child(1) { flex-basis: 70px; text-align: center;}
.list_meibo_kanri_search li:nth-child(2) { flex-basis: 80px;}
.list_meibo_kanri_search li:nth-child(3) { flex-basis: 420px;}
.list_meibo_kanri_search li:nth-child(4) { flex-basis: 120px;}
.list_meibo_kanri_search li:nth-child(5) { flex-basis: 150px;}
.list_meibo_kanri_search li:nth-child(6) { flex-basis: 550px;}

.btn_ikkatu_henkonasi{
	width: 250px;
}


/* -------------------------------------------------------------------
	請求管理 協会会費
------------------------------------------------------------------- */
.list_seikyu_kanri .no1 li { flex: 0 1 200px;}
.list_seikyu_kanri .no1 li:nth-child(1) { flex-basis: 250px;}
.serch_list_seikyu_kanri li:nth-child(1) { flex-basis: 70px; text-align: center;}
.serch_list_seikyu_kanri li:nth-child(2) { flex-basis: 80px;}
.serch_list_seikyu_kanri li:nth-child(3) { flex-basis: 350px;}
.serch_list_seikyu_kanri li:nth-child(4) { flex-basis: 100px; }
.serch_list_seikyu_kanri .search_list_body li:nth-child(4) { padding-right: 20px; text-align: right;}
.serch_list_seikyu_kanri li:nth-child(5) { flex-basis: 100px; }
.serch_list_seikyu_kanri .search_list_body li:nth-child(5) { padding-right: 20px; text-align: right;}
.serch_list_seikyu_kanri li:nth-child(6) { flex-basis: 100px; }
.serch_list_seikyu_kanri .search_list_body li:nth-child(6) { padding-right: 20px; text-align: right;}
.serch_list_seikyu_kanri li:nth-child(7) { flex-basis: 120px;}
.serch_list_seikyu_kanri li:nth-child(8) { flex-basis: 120px;}
.serch_list_seikyu_kanri li:nth-child(9) { flex-basis: 200px;}
.serch_list_seikyu_kanri li:nth-child(10) { flex-basis: 160px;}

.list_seikyu_kanri .no2 li { flex: 0 1 450px;}
.list_seikyu_kanri .no2 li, .list_seikyu_kanri .no2 input[type="text"] 
{ background-color: #f8f8de; }			/*-- 宛名ラベル追記  --*/ 



/* -------------------------------------------------------------------
	請求管理 経営のコツ
------------------------------------------------------------------- */
.list_seikyu_kanri_kekotsu .no1 li { flex: 0 1 200px;}
.list_seikyu_kanri_kekotsu .no1 li:nth-child(1) { flex-basis: 250px;}
.serch_list_seikyu_kanri_kekotsu li:nth-child(1) { flex-basis: 70px; text-align: center;}
.serch_list_seikyu_kanri_kekotsu li:nth-child(2) { flex-basis: 80px;}
.serch_list_seikyu_kanri_kekotsu li:nth-child(3) { flex-basis: 350px;}
.serch_list_seikyu_kanri_kekotsu li:nth-child(4) { flex-basis: 100px; }
.serch_list_seikyu_kanri_kekotsu .search_list_body li:nth-child(4) { padding-right: 20px; text-align: right;}
.serch_list_seikyu_kanri_kekotsu li:nth-child(5) { flex-basis: 120px;}
.serch_list_seikyu_kanri_kekotsu li:nth-child(6) { flex-basis: 120px;}
.serch_list_seikyu_kanri_kekotsu li:nth-child(7) { flex-basis: 200px;}
.serch_list_seikyu_kanri_kekotsu li:nth-child(8) { flex-basis: 160px;}

.list_seikyu_kanri_kekotsu .no2 li { flex: 0 1 450px;}
.list_seikyu_kanri_kekotsu .no2 li, .list_seikyu_kanri_kekotsu .no2 input[type="text"] 
{ background-color: #f8f8de; }			/*-- 宛名ラベル追記  --*/ 


/* -------------------------------------------------------------------
	未請求・未入金管理 協会会費
------------------------------------------------------------------- */

/* 検索条件  */
.kaihi_kanri ul.no1 li { flex: 0 1 220px;}

/* 商品明細部（スクロールバー設定）  */
.serch_kaihi_kanri_scroll_bar{
	height: calc(95vh - 17.5rem);
	overflow-y: scroll;
}

/* 協会会費 検索結果（共通）  */
.serch_kaihi_kanri ul li { flex: 0 1 130px;}
.form_register.serch_kaihi_kanri ul.search_list_body { background-color: #c3f5c8; }
.form_register.serch_kaihi_kanri ul.search_list_body:nth-child(2n) { background-color: #f1fbf2; } /*-- １行毎に背景色の濃淡を付ける  --*/

/*-- 検索結果明細 ホバー  --*/
.form_register.serch_kaihi_kanri ul.search_list_body:hover { 
	background-color: #97f1a0; 
	cursor: pointer;
}

/* 協会会費 検索結果（ヘッダ・明細）  */
.serch_kaihi_kanri li:nth-child(1) { flex-basis: 450px;}
.serch_kaihi_kanri li:nth-child(2), .serch_kaihi_kanri li:nth-child(5), .serch_kaihi_kanri li:nth-child(6)
{padding-right: 0; padding-left: 0; text-align: center;}

/* 協会会費 検索結果（ヘッダ）  */
.serch_kaihi_kanri .search_list_header li:nth-child(3), .serch_kaihi_kanri .search_list_header li:nth-child(4) 
{text-align: center;}
/* 協会会費 検索結果（明細）  */
.serch_kaihi_kanri .search_list_body li:nth-child(3), .serch_kaihi_kanri .search_list_body li:nth-child(4) 
{padding-right: 2em; text-align: right;}

/* 経コツ 検索結果（共通）  */
.serch_kaihi_kanri_kekotsu ul li { flex: 0 1 130px;}
/* 経コツ 検索結果（ヘッダ・明細）  */
.serch_kaihi_kanri_kekotsu li:nth-child(1) { flex-basis: 450px;}
.serch_kaihi_kanri_kekotsu li:nth-child(2) { flex-basis: 270px;}
.serch_kaihi_kanri_kekotsu li:nth-child(4), .serch_kaihi_kanri_kekotsu li:nth-child(5)
{padding-right: 0; padding-left: 0; text-align: center;}

/* 協会会費 検索結果（ヘッダ）  */
.serch_kaihi_kanri_kekotsu .search_list_header li:nth-child(3){text-align: center;}
/* 協会会費 検索結果（明細）  */
.serch_kaihi_kanri_kekotsu .search_list_body li:nth-child(3){padding-right: 2em; text-align: right;}



/* -------------------------------------------------------------------
	イベント出欠管理
------------------------------------------------------------------- */
.list_event .no1 li:nth-child(1) { padding-right: 20px;}
.form_register label.event_header {font-size: 13.5px;}
.serch_list_event_shuketsu ul li, .serch_list_event_attend ul li { flex: 0 1 110px; text-align: center; }
.serch_list_event_shuketsu li:nth-child(1), .serch_list_event_attend li:nth-child(1) { flex-basis: 280px; text-align: left;}
.serch_list_event_shuketsu li:nth-child(2), .serch_list_event_attend li:nth-child(2){ flex-basis: 280px; text-align: left; }
.serch_list_event_shuketsu li:nth-child(3), .serch_list_event_attend li:nth-child(3){ flex-basis: 170px; text-align: left; }
.serch_list_event_shuketsu li:nth-last-child(2), .serch_list_event_attend li:nth-last-child(2){ flex-basis: 100px; padding-left: 0;}
.serch_list_event_shuketsu li:nth-last-child(1), .serch_list_event_attend li:nth-last-child(1){ text-align: left;}

.serch_list_event_no_response li:nth-child(1) { flex-basis: 280px; }
.serch_list_event_no_response li:nth-child(2) { flex-basis: 280px; }
.serch_list_event_no_response li:nth-child(3) { flex-basis: 170px; }
.serch_list_event_no_response li:nth-child(4) { flex-basis: 170px; }
.serch_list_event_no_response li:nth-child(5) { flex-basis: 80px; text-align: center; padding-left: 0;}
.serch_list_event_no_response li:nth-child(6) { flex-basis: 80px; text-align: center; padding-left: 0;}
.serch_list_event_no_response li:nth-child(7) { flex-basis: 100px; text-align: center; padding-left: 0;}


/* -------------------------------------------------------------------
	会社 登録
------------------------------------------------------------------- */
.register_office ul li{ flex: 0 1 400px; }               

.register_office .no1 li:nth-child(1) { flex-basis: 210px; }						/*-- 法人種別（前付）  --*/   
.register_office .no2 li:nth-child(1) { flex-basis: 210px; }						/*-- 法人種別（後付）  --*/   

.register_office .no1 li:nth-child(4) { flex-basis: 350px; }		
.register_office .no2 li:nth-child(4) { flex-basis: 350px; }		

.register_office .no3 li { flex: 0 1 200px; }		 
.register_office .no3 li:nth-child(1), .register_office .no3 li:nth-child(2) { flex-basis: 305px; }
.register_office .no3 li:nth-child(5), .register_office .no3 li:nth-child(6) { flex-basis: 175px; }
 
.register_office .no4 li:nth-child(1) { flex-basis: 610px; }		

.register_office .no5 > li:nth-child(1) { flex-basis: 1200px; } 		/*-- 備考  --*/
.register_office .no6 li { flex-basis: 300px;  } 										/*-- 請求先郵便番号  --*/   
.register_office .no101 li { border: none; border-bottom: 2px solid #fff;} 
.register_office .no102 li { border: none; } 
.register_office textarea { height: 88px; }
.form_register #shihonkin {           /*-- 資本金  --*/      
  width: 170px; 
  text-align: right; 
  padding-right: 10px;
} 
.form_register #num_employees_office {           /*-- 社員数  --*/      
  width: 100px; 
  text-align: right; 
  padding-right: 10px;
} 

.refer_member ul li{ 
	flex: 0 1 200px; 	
	white-space: pre-wrap;											 /*-- 幅を超える場合に折り返し  --*/
}
.refer_member li:nth-child(1){ flex: 0 1 130px; }
.refer_member li:nth-child(2){ flex: 0 1 170px; }
.refer_member li:nth-child(3){ flex: 0 1 170px; }
.refer_member li:nth-child(4){ flex: 0 1 100px; }

.btn_set_address{
	margin: 5px 0 3px 10px;
	height: 30px;
	width: 270px;
	background: linear-gradient(to top,#2680b4 0%, #2680b4 75%, #2d90ca 90%, #34acf1 100%);
	border: 1px solid #b0def8;
}


/* -------------------------------------------------------------------
	会社情報 会員 一覧
------------------------------------------------------------------- */

.form_register.member li { flex: 0 1 83px; }
.form_register.member li:nth-child(1) { flex-basis: 145px; }
.form_register.member li:nth-child(2) { flex-basis: 200px; }
.form_register.member li:nth-child(3) { flex-basis: 170px; }
.form_register.member li:nth-child(4) { flex-basis: 120px;}
.form_register.member li:nth-child(5) { flex-basis: 39px;}
.form_register.member li:nth-child(6) { flex-basis: 39px;}
.form_register.member li:nth-child(7) { flex-basis: 39px;}
.form_register.member li:nth-child(8) { flex-basis: 39px;}

.form_register.member .list_header li:nth-child(4), 
.form_register.member .list_header li:nth-child(5), 
.form_register.member .list_header li:nth-child(6), 
.form_register.member .list_header li:nth-child(7), 
.form_register.member .list_header li:nth-child(8), 
.form_register.member .list_header li:nth-child(9), 
.form_register.member .list_header li:nth-child(10),
.form_register.member .list_header li:nth-child(11),
.form_register.member .list_header li:nth-child(12),
.form_register.member .list_header li:nth-child(13),
.form_register.member .list_header li:nth-child(14),
.form_register.member .list_header li:nth-child(15),
.form_register.member .list_header li:nth-child(16),
.form_register.member .list_header li:nth-child(17)
{ text-align: center; padding: 0}

.form_register.member .list_body li:nth-child(4), 
.form_register.member .list_body li:nth-child(9),
.form_register.member .list_body li:nth-child(10),
.form_register.member .list_body li:nth-child(11),
.form_register.member .list_body li:nth-child(12), 
.form_register.member .list_body li:nth-child(13), 
.form_register.member .list_body li:nth-child(14), 
.form_register.member .list_body li:nth-child(15),
.form_register.member .list_body li:nth-child(16),
.form_register.member .list_body li:nth-child(17)  
{ font-size: 15px; padding: 3px 0 1px 0; text-align: center;}

.form_register.member .list_body li:nth-child(5),
.form_register.member .list_body li:nth-child(6),
.form_register.member .list_body li:nth-child(7),
.form_register.member .list_body li:nth-child(8)
{ padding: 1px 0; text-align: center;}


.section_header .inline {
	display: inline-block;
	margin-right: 70px;
}


/* -------------------------------------------------------------------
	会社情報 入退 履歴
------------------------------------------------------------------- */
.form_register.nyutai li { flex: 0 1 150px; }


/* -------------------------------------------------------------------
	会社情報 入退情報 登録
------------------------------------------------------------------- */
.register_nyutai ul li { flex: 0 1 200px; }              


/* -------------------------------------------------------------------
	会社情報 会費 履歴
------------------------------------------------------------------- */
.form_register.kaihi li { flex: 0 1 155px; }
.form_register.kaihi li:nth-child(1) { flex-basis: 100px;  }
.form_register.kaihi li:nth-child(3) { flex-basis: 220px;  }
.form_register.kaihi li:nth-child(4) { flex-basis: 180px;  }
.form_register.kaihi .list_body li:nth-child(1), .form_register.kaihi .list_body li:nth-child(5), .form_register.kaihi .list_body li:nth-child(6) 
{ padding-right: 0; padding-left: 0;  text-align: center; }
.form_register.kaihi .list_body li:nth-child(3) { padding-left: 20px;  text-align: left; }
/* 請求行 */
.form_register.kaihi ul.list_body.list_seikyu { background-color: #ecfdee; }
.form_register.kaihi ul.list_body.list_seikyu:hover { background-color: #97f1a0; }

.form_register.kaihi .list_body.list_seikyu li:nth-child(1) { background-color: #FFF; }
.form_register.kaihi .list_body.list_seikyu li:nth-child(2) { padding-right: 40px; text-align: right; }
.form_register.kaihi .list_body.list_seikyu li:nth-child(3) { padding-left: 40px;  text-align: left; }
.form_register.kaihi .list_body.list_seikyu li:nth-child(4) { padding-left: 25px; }
.form_register.kaihi .list_body.list_seikyu li:nth-child(5) { text-align: center; }
.form_register.kaihi .list_body.list_seikyu li:nth-child(6) { text-align: center;  }


/* -------------------------------------------------------------------
	会社情報 会費 登録
------------------------------------------------------------------- */

/* 会費情報 */
.register_kaihi ul li { flex: 0 1 190px; }       
.register_kaihi .no1 li:nth-child(1), .register_kaihi .no1 li:nth-child(1) input , .register_kaihi .no1 li:nth-child(2), .register_kaihi .no1 li:nth-child(2) input 
{ background-color: #97f1a0; }
.register_kaihi .no2 li:nth-child(7), .register_kaihi .no2 li:nth-child(7) input, .register_kaihi .no2 li:nth-child(8), .register_kaihi .no2 li:nth-child(8) input 
{background-color: #e5e8f0;}

.form_register .set_comma {           /* 各種金額項目 */
  width: 120px; 
  text-align: right; 
  padding-right: 10px;
} 
.register_kaihi textarea { height: 70px; }

/* 請求情報 */
.register_seikyu ul li { flex: 0 1 200px; }  
.register_seikyu ul:nth-child(2n) li:nth-child(1) { background-color: #FFFFFF; }  
.register_seikyu .display_none {display: none;}    				/* デフォルトは非表示 */

/* 請求額に反映ボタン（月割計算） */
.btn_tukiwari_keisan{
	margin: 0px 3px 0 30px;
	width: 190px;
	height: 28px;
	font-size: 15px;
}

/* 会費計算ボタン（共通） */
.btn_kaihi_keisan {
	margin: 0 0 0 40px;
	width: 200px;
}

/* 資本金割・従業員割の算定ボタン */
.btn_kaihi_kiso_santei {
	margin: 0 0 0 150px;
	width: 270px;
}

/* 会費を請求に反映ボタン */
.btn_make_seikyu{
	margin: 10px 0 20px 20px;
	width: 300px;
}

/* 経コツ会費 */
.register_kaihi_kekotsu ul li { flex: 0 1 180px; }       



/* -------------------------------------------------------------------
	会員情報 登録
------------------------------------------------------------------- */
.register_member ul li { flex: 0 1 290px; }                /* 自動拡大なし、自動縮小あり、幅350px */
.register_member .no1 li:nth-child(1){ flex-basis: 230px; }		/* 性 */
.register_member .no1 li:nth-child(2){ flex-basis: 230px; }		/* 名 */
.register_member .no1 li:nth-child(3){ flex-basis: 290px; }	
.register_member .no1 li:nth-child(4){ flex-basis: 145px; }	
.register_member .no2 li:nth-child(1){ flex-basis: 230px; }	
.register_member .no2 li:nth-child(2){ flex-basis: 230px; }	
.register_member .no2 li:nth-child(3){ flex-basis: 145px; }	
.register_member .no2 li:nth-child(4){ flex-basis: 145px; }	
.register_member .no3 li:first-child{ flex: 100 0 auto; }
.register_member .no3 li:last-child{ flex: 0 1 288px; }
.register_member .no4 li { flex: 0 1 250px; } 
.register_member #remark { height: 87px; }										/* 備考 */
.register_member .no101 li { border: none; border-bottom: 2px solid #fff;} 
.register_member .no102 li { border: none; } 

.register_member .no6 li:nth-child(2){ flex-basis: 400px; }	
.register_member .no6 li:nth-child(3){ flex-basis: 400px; }	

.display_none {	display: none; }

.refer_office li { flex: 0 1 470px; }              

/* -------------------------------------------------------------------
	会員情報 会社役職 履歴
------------------------------------------------------------------- */
.office_post ul li:nth-child(1) { flex-basis: 450px; }
.office_post ul li:nth-child(2) { flex-basis: 150px; }
.office_post ul li:nth-child(3) { flex-basis: 150px; }


/* -------------------------------------------------------------------
	会員情報 会社役職 登録
------------------------------------------------------------------- */
.register_office_post ul li { flex: 0 1 200px; }                
.register_office_post .no1 li:nth-child(3){ flex-basis: 580px; }
.register_office_post .no2 li:nth-child(1){ flex-basis: 400px; }


/* -------------------------------------------------------------------
	会員情報 協会役員 履歴
------------------------------------------------------------------- */
.form_register.yakuin li:nth-child(1) { flex-basis: 450px; }
.form_register.yakuin li:nth-child(2) { flex-basis: 150px; }
.form_register.yakuin li:nth-child(3) { flex-basis: 150px; }

/* -------------------------------------------------------------------
	会員情報 協会役員 登録
------------------------------------------------------------------- */
.register_yakuin ul li { flex: 0 1 250px; }       


/* -------------------------------------------------------------------
	会員情報 委員会・研究会 登録
------------------------------------------------------------------- */
.register_section ul li { flex: 0 1 150px; }       

/* -------------------------------------------------------------------
	会員情報 委員会・研究会 履歴
------------------------------------------------------------------- */
.form_register.section li:nth-child(1) { flex-basis: 250px; }
.form_register.section li:nth-child(2) { flex-basis: 200px; }
.form_register.section li:nth-child(3) { flex-basis: 150px; }
.form_register.section li:nth-child(4) { flex-basis: 150px; }