@charset "UTF-8";
/* ラッパー */

/* タイトル */
.main_tit img {
	width: 100%;
	height: auto;
}
.datebase_area .tit01 {
	border-bottom: 2px solid #999999;
}
.datebase_area .tit02 {
	font-weight: normal;
	border-bottom: 1px solid #CCCCCC;
}

/* テキスト */
.datebase_area .txt01 {
	line-height: 180%
}
.datebase_area .txt01 em {
	color: #FF5219;
	font-style: normal;
}
.datebase_area .txt01 em a {
	color: #FF5219;
}

.datebase_area .txt02 {
	font-size: 16px;
	line-height: 180%
}

/* ボタン */
.datebase_area .btn {
	display: block;
	margin: 65px auto 0;
	padding: 11px 0;
	width: 295px;
	font-size: 15px;
	text-align: center;
	color: #fff;
	background: #666666;
}

.datebase_area .btns01 {
	text-align: center;
	letter-spacing: -0.4em;
}
.datebase_area .btns01 li {
	letter-spacing: normal;
}
.datebase_area .btn01 {
	display: block;
	width: 100%;
	color: #FFFFFF;
	font-size: 15px;
	text-align: center;
	background: #666666;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	border: none;
	border-radius: 0;
	outline: none;
}
.datebase_area input.btn01:hover {
	text-decoration: underline;
}
.datebase_area .btn02 {
	display: block;
	color: #FFFFFF;
	text-align: center;
	font-size: 16px;
	background: #666666;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	border: none;
	border-radius: 0;
	outline: none;
}
.datebase_area input.btn02:hover {
	text-decoration: underline;
}
.modal_area .btn03 {
	display: block;
	color: #FFFFFF;
	text-align: center;
	font-size: 16px;
	background: #666666;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	border: none;
	border-radius: 0;
	outline: none;
}

/* テーブル */
.datebase_area .tbl01 {
	width: 100%;
	font-size: 16px;
}
.datebase_area .tbl01 table {
	min-width: 100%;
	width: auto;
}
.datebase_area .tbl01 th {
	text-align: left;
}
.datebase_area .tbl01 td {
	font-size: 14px;
}
.datebase_area .tbl01 thead th {
	border-bottom: 2px solid #333;
}
.datebase_area .tbl01 tbody tr:nth-child(even) th,
.datebase_area .tbl01 tbody tr:nth-child(even) td {
	background: #EDEDED;
}
.datebase_area .tbl01 tbody th {
	width: 21px;
	border-right: 2px dotted #333;
}
.datebase_area .tbl01 tbody th:nth-child(2) {
	width: 201px;
}

.datebase_area .tbl02 th {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}
.datebase_area .tbl02 tr:nth-child(odd) th,
.datebase_area .tbl02 tr:nth-child(odd) td {
	background: #EDEDED;
}
.datebase_area .tbl03 {
	overflow-x: scroll;
}
.datebase_area .tbl03 table {
	table-layout: fixed;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.datebase_area .tbl03 th,
.datebase_area .tbl03 td {
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
}
.datebase_area .tbl03 th {
	text-align: center;
	font-weight: normal;
	background: #DDDDDD;
}

.datebase_area .tbl03 th:nth-child(8),
.datebase_area .tbl03 th:nth-last-child(2),
.datebase_area .tbl03 th:nth-last-child(3),
.datebase_area .tbl03 tbody tr:nth-child(even) td:nth-child(8),
.datebase_area .tbl03 tbody tr:nth-child(even) td:nth-last-child(2),
.datebase_area .tbl03 tbody tr:nth-child(even) td:nth-last-child(3) {
	background: #FFE599;
}

.datebase_area .tbl03 td:nth-child(8),
.datebase_area .tbl03 td:nth-last-child(2),
.datebase_area .tbl03 td:nth-last-child(3)  {
	background: #FFF2CA;
}

.datebase_area .tbl03 td {
	text-align: right;
}

.datebase_area .tbl03 td:nth-child(1) {
	text-align: center;
}

.datebase_area .tbl03 tbody tr:nth-child(even) td {
	background: #EEEEEE;
}

/* タブ */
.datebase_area .tab01 {
	font-size: 0;
	letter-spacing: -0.4em;
	text-align: center;
}
.datebase_area .tab01 li {
	display: inline-block;
	vertical-align: bottom;
}
.datebase_area .tab01 li a {
	display: block;
	height: 0;
	overflow: hidden;
	line-height: 1.5;
	white-space: nowrap;
	background: no-repeat 50% 50%;
}

/* リスト */
.datebase_area .ol01 {
	list-style-position: inside;
	line-height: 180%
}
.datebase_area .ol01 li {
	padding-left: 1.3em;
	text-indent: -1.3em;
}

/* フォーム */
.datebase_area .input01 {
	padding: 0 10px;
	width: 100%;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	border-radius: 0;
	border: none;
	outline: none;
	background: rgba(204,204,204,.3);
	box-sizing: border-box;
}
.datebase_area .input02 {
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	border-radius: 0;
	border: 1px solid #EEEEEE;
	outline: none;
	box-shadow:1px 1px 3px 0px rgba(0,0,0,.3) inset;
}

/* state */
.datebase_area .state01 {
	letter-spacing: -0.4em;
}

.datebase_area .state01 p {
	display: inline-block;
	letter-spacing: normal;
}

/* ログイン */
.login .main_tit {
	text-align: center;
}
.agreement_area {
	background: rgba(204,204,204,.3);
}
.agreement_in {
	line-height: 160%;
	background: #fff;
	border-radius: 5px;
	overflow-y: scroll;
}
.agreement_area .check01 {
	position: relative;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
}
.agreement_area .check01 input {
	position: absolute;
	top: 0;
	left: -100px;
}
.agreement_area .check01 label:before {
	content: '';
	position: relative;
	display: inline-block;
	vertical-align: middle;
	z-index: 1;
}
.agreement_in .tit,
.agreement_in dt {
	line-height: 160%;
	font-weight: bold;
}
.modal_area {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	z-index: 120001;
}
.modal_area.active {
	display: block;
}

.modal_in {
	position: absolute;
	top: 50%;
	left: 50%;
	line-height: 160%;
	text-align: center;
	background: #fff;
}

@media screen and (min-width: 641px) {
	/* ラッパー */
	.datebase_area02 {
		margin-top: -97px;
		padding: 0 40px 140px;
		min-width: 1100px;
	}
	.datebase_area .contents_area {
		width: 1100px;
		margin: 0 auto;
		padding: 100px 40px 140px 40px;
	}

	/* タイトル */
	.main_tit {
		margin-bottom: 102px;
	}
	.datebase_area .tit01 {
		margin: 75px 0 38px;
		padding-bottom: 9px;
	}
	.datebase_area .tit02 {
		margin: 34px 0 13px;
		padding-bottom: 10px;
		font-size: 16px;
	}
	.datebase_area .tit03 {
		margin: -26px 0 27px;
	}

	/* テキスト */


	/* ボタン */
	.datebase_area .btns01 {
		margin-top: 43px;
	}
	.datebase_area .btns01 li {
		display: inline-block;
		margin: 0 25px;
	}
	.datebase_area .btn01 {
		margin-top: 40px;
		padding: 12px 0;
	    width: 295px;
	}
	.login_area .btn01 {
		padding: 12px 0;
		width: 295px;
	}
	.datebase_area .btn02 {
		width: 100px;
		line-height: 40px;
	}
	.modal_area .btn03 {
		margin: 22px auto 0;
		padding: 10px 0;
		width: 210px;
	}
	.modal_area .btn03:hover {
		text-decoration: underline;
	}

	/* テーブル */
	.datebase_area .tbl01 th,
	.datebase_area .tbl01 td {
		padding: 11px 17px;
	}
	.datebase_area .tbl01 thead th {
		padding: 0 17px 6px;
	}
	.datebase_area .tbl01 tbody th {
		padding-right: 10px;
		width: 21px;
	}
	.datebase_area .tbl01 tbody th:nth-child(2) {
		width: 201px;
	}
	.datebase_area .tbl02 {
		margin-top: 26px;
	}
	.datebase_area .tbl02 th {
		width: 151px;
	}
	.datebase_area .tbl02 th,
	.datebase_area .tbl02 td {
		padding: 16px 21px;
	}
	.datebase_area .tbl02 td {
		padding-left: 0;
	}
	.datebase_area .tbl03 {
		margin-top: 16px;
	}
	.datebase_area .tbl03 th {
		width: 64px;
		min-width: 64px;
	}
	.datebase_area .tbl03 th,
	.datebase_area .tbl03 td {
		padding: 10px 12px;
	}
	.datebase_area .tbl03 th:nth-child(1) {
		width: 17px;
		min-width: 17px;
	}
	.datebase_area .tbl03 th:nth-child(2) {
		width: 154px;
		min-width: 154px;
	}
	.datebase_area .tbl03 th:nth-child(3) {
		width: 149px;
		min-width: 149px;
	}
	.datebase_area .tbl03 th:last-child {
		width: 280px;
		min-width: 280px;
	}

	.datebase_area .tbl04 td {
		padding: 0;
		width: 225px;
		vertical-align: top;
	}

	/* リスト */

	/* タブ */
	.datebase_area .tab01 {
		margin: -153px 0 91px;
	}
	.datebase_area .tab01 li {
		margin: 0 7px;
	}
	.datebase_area .tab01 a {
		width: 250px;
		padding-top: 51px;
	}
	.datebase_area .tab01 li:nth-child(1) a {
		background-image: url(../images/button_01_pc.png);
	}
	.datebase_area .tab01 li:nth-child(1) a:hover,
	.datebase_area .tab01 li:nth-child(1) a.active {
		background-image: url(../images/button_01_pc_o.png);
	}
	.datebase_area .tab01 li:nth-child(2) a {
		background-image: url(../images/button_02_pc.png);
	}
	.datebase_area .tab01 li:nth-child(2) a:hover,
	.datebase_area .tab01 li:nth-child(2) a.active {
		background-image: url(../images/button_02_pc_o.png);
	}

	/* フォーム */
	.datebase_area .input01 {
		height: 45px;
		line-height: 45px;
	}
	.datebase_area .input02 {
		padding: 0 10px;
		width: 228px;
		height: 40px;
		line-height: 40px;
	}
	.datebase_area .sort01 {
		font-size: 16px;
	}
	.datebase_area .sort01 dl,
	.datebase_area .form01 {
		display: table-cell;
		vertical-align: middle;
	}
	.datebase_area .form01 {
		padding-right: 50px;
	}
	.datebase_area .sort01 {
		margin-top: 35px;
	}
	.datebase_area .sort01 dt {
		display: table-cell;
		vertical-align: middle;
		padding-right: 18px;
	}
	.datebase_area .sort01 dd {
		display: table-cell;
		vertical-align: middle;
	}
	.datebase_area .sort01 dd:nth-of-type(2) {
		padding-left: 10px;
	}
	.datebase_area .sort01 select {
		width: 250px;
		line-height: 40px;
		height: 40px;
		font-size: 16px;
	}

	/* state */
	.datebase_area .state01 {
		/*margin-top: 43px;*/
	}

	.datebase_area .state01 p:last-child {
		padding-left: 46px;
	}

	/* ログイン　*/
	/*.login .main_tit {
		margin-bottom: 92px;
		padding-top: 74px;
	}
	.login .main_tit img {
		width: auto;
	}
	.login_area {
		margin: 0 auto;
		width: 855px;
	}
	.login_area .left_area {
		float: left;
		width: 295px;
	}
	.login_area .right_area {
		float: right;
		padding-top: 61px;
		width: 393px;
	}
	.login_area dt {
		margin-bottom: 4px;
		font-weight: bold;
	}
	.login_area dt ~ dt {
		margin-top: 19px;
	}

	.modal_in {
		margin: -93px 0 0 -207px;
		padding: 31px 0;
		width: 406px;
		border: 4px solid #ff521d;
		font-size: 16px;
	}
	.agreement_area {
		margin-top: 72px;
		padding: 56px 70px 67px;
	}
	.agreement_area .check01 {
		margin-bottom: 45px;
		font-size: 22px;
	}
	.agreement_area .check01 label:before {
		margin: 0 20px 0 0;
		width: 31px;
		height: 31px;
		background: url(../images/login/check_icon_pc.png) no-repeat 0 50%;
	}
	.agreement_area .check01 input:checked + label:before {
		background-position: -31px 50%;
	}
	.agreement_in {
		padding: 29px 36px;
		font-size: 14px;
		height: 396px;
	}
	.agreement_in .tit,
	.agreement_in dt {
		font-size: 14px;
	}*/
}

@media screen and (max-width: 640px) {
	/* ラッパー */
	.datebase_area02 {
		margin-top: -63px;
		padding: 0 35px 90px 35px;
	}
	.datebase_area .contents_area {
		padding: 0 35px 90px 35px;
	}

	/* タイトル */
	.main_tit {
		margin-bottom: 28px;
	}
	.datebase_area .tit01 {
		margin-bottom: 13px;
		padding-bottom: 3px;
	}
	.datebase_area .tit01 ~ .tit01 {
		margin-top: 56px;
	}
	.datebase_area .tit01 img {
		width: auto;
		height: 19px;
	}
	.datebase_area .tit02 {
		margin: 17px 0 5px;
		padding-bottom: 5px;
		font-size: 11px;
	}
	.datebase_area .tit03 {
		margin: 39px 0 11px;
	}
	.datebase_area .tit03 img {
		width: auto;
		height: 17px;
	}

	/* テキスト */
	.datebase_area .txt01,
	.datebase_area .txt02 {
		font-size: 11px;
	}

	/* ボタン */
	.datebase_area .btn {
		margin: 37px auto 0;
		padding: 13px 0;
		width: 100%;
	}

	.datebase_area .btns01 {
		margin-top: 30px;
	}
	.datebase_area .btns01 li {
		margin-top: 21px;
	}
	.datebase_area .btn01 {
		margin-top: 20px;
		line-height: 50px;
	}
	.datebase_area .btn02 {
		width: 90px;
		line-height: 36px;
	}
	.modal_area .btn03 {
		margin-top: 12px;
		line-height: 50px;
	}

	/* テーブル */
	.datebase_area .tbl01 {
		width: 100%;
		overflow: auto;
	}
	.datebase_area .tbl01 table {
		font-size: 11px;
		white-space: nowrap;
	}
	.datebase_area .tbl01 th,
	.datebase_area .tbl01 td {
		padding: 7px 8px;
	}
	.datebase_area .tbl01 tbody th,
	.datebase_area .tbl01 tbody td {
		font-size: 12px;
	}
	.datebase_area .tbl01 thead th {
		padding: 0 8px;
	}
	.datebase_area .tbl01 tbody th:nth-child(1) {
		padding: 7px 6px;
		width: 26px;
	}
	.datebase_area .tbl01 tbody th:nth-child(2) {
		width: 125px;
	}
	.datebase_area .tbl01 tbody td {
		width: 420px;
	}
	.datebase_area .tbl02 {
		margin-top: 8px;
		font-size: 11px;
	}
	.datebase_area .tbl02 th {
		width: 62px;
		min-width: 62px;
	}
	.datebase_area .tbl02 th,
	.datebase_area .tbl02 td {
		padding: 7px 8px;
	}
	.datebase_area .tbl02 td {
		padding-left: 0;
	}
	.datebase_area .tbl03 {
		margin-top: 10px;
		font-size: 11px;
	}
	.datebase_area .tbl03 table {
		white-space: nowrap;
	}
	.datebase_area .tbl03 th {
		width: 32px;
		min-width: 32px;
	}
	.datebase_area .tbl03 th,
	.datebase_area .tbl03 td {
		padding: 10px 7px;
	}
	.datebase_area .tbl03 th:nth-child(1) {
		padding: 10px 0;
		width: 22px;
		min-width: 22px;
	}
	.datebase_area .tbl03 th:nth-child(2) {
		width: 127px;
		min-width: 127px;
	}
	.datebase_area .tbl03 th:nth-child(3) {
		width: 113px;
		min-width: 113px;
	}
	.datebase_area .tbl03 th:last-child {
		width: 53px;
		min-width: 53px;
	}
	.datebase_area .tbl04 td {
		display: block;
		padding: 0;
	}

	/* リスト */
	.datebase_area .ol01 {
		font-size: 11px;
	}

	/* タブ */
	.datebase_area .tab01 {
		margin: -59px -2px 35px;
	}
	.datebase_area .tab01 li {
		margin: 0 2px;
		width: calc(50% - 4px);
		max-width: 155px;
		border-radius: 5px 5px 0 0;
	}
	.datebase_area .tab01 a {
		width: 100%;
		padding-top: 31px;
		background-size: 100% auto !important;
		border-radius: 5px 5px 0 0;
	}
	.datebase_area .tab01 li:nth-child(1) a {
		background-color: #333;
		background-image: url(../images/button_01_sp.png);
	}
	.datebase_area .tab01 li:nth-child(1) a:hover,
	.datebase_area .tab01 li:nth-child(1) a.active {
		background-color: #fff;
		background-image: url(../images/button_01_sp_o.png);
	}
	.datebase_area .tab01 li:nth-child(2) a {
		background-color: #333;
		background-image: url(../images/button_02_sp.png);
	}
	.datebase_area .tab01 li:nth-child(2) a:hover,
	.datebase_area .tab01 li:nth-child(2) a.active {
		background-color: #fff;
		background-image: url(../images/button_02_sp_o.png);
	}

	/* フォーム */
	.datebase_area .input01 {
		line-height: 49px;
	}
	.datebase_area .sort01 {
		margin-top: 32px;
	}
	.datebase_area .sort01 dl {
		position: relative;
		margin-top: 16px;
	}
	.datebase_area .sort01 dt {
		padding-bottom: 8px;
		font-size: 12px;
	}
	.datebase_area .sort01 dt + dd {
		padding-right: 100px;
		width: 100%;
		box-sizing: border-box;
	}
	.datebase_area .sort01 select {
		width: 100%;
		height: 36px;
		line-height: 36px;
	}
	.datebase_area .sort01 dd:nth-of-type(2) {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 90px;
	}
	.datebase_area .input02 {
		width: 90%;
		line-height: 34px;
		padding: 0 10px;
	}

	/* state */
	.datebase_area .state01 {
		/*margin-top: 26px;*/
		font-size: 11px;
	}

	.datebase_area .state01 p:last-child {
		padding-left: 1em;
	}

	/* ログイン　*/
	/*.login .main_tit {
		padding: 62px 0 14px;
	}
	.login .main_tit img {
		width: 310px;
		height: auto;
	}
	.login_area {
		font-size: 12px;
	}
	.login_area .right_area {
		margin-top: 27px;
	}
	.login_area dt {
		margin: 18px 0 7px;
		font-weight: bold;
	}
	.login_area dt ~ dt {
		margin-top: 15px;
	}
	.login_area dd {
		font-size: 11px;
	}
	.agreement_area {
		margin-top: 36px;
		padding: 23px 20px 20px;
	}
	.agreement_area .check01 {
		margin: 0 -10px 20px;
		font-size: 11px;
	}
	.agreement_area .check01 label:before {
		margin: 0 7px 0 0;
		width: 25px;
		height: 25px;
		background: url(../images/login/check_icon_sp.png) no-repeat 0 50%;
		background-size: 50px auto;
	}
	.agreement_area .check01 input:checked + label:before {
		background-position: -25px 50%;
	}
	.agreement_in {
		padding: 12px 17px;
		font-size: 11px;
		height: 739px;
	}
	.agreement_in .tit,
	.agreement_in dt {
		font-size: 11px;
	}
	.modal_in {
		margin: -73px 0 0 -161px;
		padding: 20px 44px 22px;
		width: 233px;
		font-size: 12px;
		border: 2px solid #ff521d;
	}*/

}