@charset "utf-8";



input.form_mail{width: 450px;}
input.form_name{width: 180px;}

.br-sp { display:none; }
.space-pc{display:block;}





/*******************************
 これ以降、form2.css のコピー
********************************/

.wrap_contents {
	margin:20px;
}


.wrap_contents_finish {
	/*margin:20px;*/
	width:50%;
	margin:0 auto;
	padding:0 0 50px 0;
}

.maincontents {
	margin:0 20px 0 20px;
}
input,select {
  padding: 5px 5px 5px 5px;
  font-size:medium;
  line-height:180%;
}
textarea {
  padding: 5px 5px 5px 5px;
  font-size:large;
  line-height: 180%;
  border-color: #ddd;
}
td,th {
	font-size:medium;

}




.raijou_title_color{background-color: #DB4E72; color:#fff;}


/* コンテンツタイトル */
.contents_title {
	font-size:x-large;
	font-weight: bold;
	margin-bottom:-10px;
	color: #0066ff;
}
.title_setumei {
	font-size: medium;
	margin:0 0 -10px 0;
}

.touroku {
	font-size:x-large;
	font-weight: bold;
	margin-bottom:-10px;
	color: #F90;
	border-left:#F90 10px solid;
	padding-left: 10px;
}

.tourokubar {
	background-color: #F90;
	color:#FFF;
	width:98%;
	padding:5px 5px 5px 10px;
	margin:15px 0 20px 0;
	font-size:medium;
}

.dantai {
	font-size:x-large;
	font-weight: bold;
	margin-bottom:-10px;
	color: #002698;
	border-left: #002698 10px solid;
	padding-left: 10px;
}

.dantaibar {
	background-color: #002698;
	color:#FFF;
	width:98%;
	padding:5px 5px 5px 10px;
	margin:15px 0 20px 0;
	font-size:medium;
}

.anq {
	font-size:x-large;
	font-weight: bold;
	margin-bottom:-10px;
	color: #0098CB;
	border-left: #0098CB 10px solid;
	padding-left: 10px;
}
.anqbar {
	background-color: #0098CB;
	color:#FFF;
	width:98%;
	padding:5px 5px 5px 10px;
	margin:-10px 0 10px 0;
	font-size:medium;
	font-weight:bold;
}

.privacy {
	font-size:x-large;
	font-weight: bold;
	margin-bottom:-10px;
	color: #af566c ;
	border-left: #af566c 10px solid;
	padding-left: 10px;
}


.privacybar {
	background-color: #af566c;
	color:#FFF;
	width:98%;
	padding:5px 5px 5px 10px;
	margin:-10px 0 10px 0;
	font-size:medium;
}




.auth_form_l{
  width: 460px;
  float: left;
}
.auth_form_r{
  width: 460px;
  float: right;
}


/* //ボタン */
.wrap_btn {
  margin: 0 auto;
  text-align: center;
  clear: both;
}
#btn {
  margin: 0 auto;
  text-align: center;
  clear: both;
}
.mod_btn_next {
  width: 100%;
  padding: 22px 0;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  background: #0b3080;
  color: #fff;
  border: 1px solid #0b3080;
  border-radius: 6px;
  cursor: pointer;
}
a.mod_btn_next,
a.mod_btn_next:link,
a.mod_btn_next:visited,
a.mod_btn_next:hover,
a.mod_btn_next:active{
  text-decoration: none;
  color: #fff;
}





.mod_btn_kensaku {
  width: 100%;
  padding: 22px 0;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  background: #004010;
  color: #fff;
  border: 1px solid #0b3080;
  border-radius: 6px;
  cursor: pointer;
}
a.mod_btn_kensaku,
a.mod_btn_kensaku:link,
a.mod_btn_kensaku:visited,
a.mod_btn_kensaku:hover,
a.mod_btn_kensaku:active{
  text-decoration: none;
  color: #fff;
}


.wrap_btn p{
  width: 300px;
  display: inline-block;
  vertical-align: top;
}



/* //戻るボタン */
.auth_btn{
  width: 300px;
  margin: 0 auto;
}
.mod_btn_return {
	margin:30px 0 50px 0;
	width: 300px;
	padding: 22px 0;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	line-height: 1;
	background: #666;
	color: #fff;
	border: 3px solid #333;
	border-radius: 6px;
	cursor: pointer;
	margin-top:30px;
	text-decoration:none;
}




/* リンク */
a { color: #003366; text-decoration: underline;}
a:hover { color: #ff0000; }





/* 警告テキスト */
.alert {
	color: red;
}

/* 非活性テキスト */
.inactive {
	color: #aaa;
}

/* テキスト大きめ */
.large {
	font-size: 20px;
}

/* 完了テキスト */
.finish {
	color: blue;
	font-size:x-large;
	text-align:center;
}

/* 日付 */
.date {
	width: 80px;
}



/* ボタン */
.button {
	display: inline-block;
	width: 25%;
	height: 45px;
	text-align: center;
	text-decoration: none;
	line-height: 45px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	background-color: #333;
	color: #fff;
}
.button:hover {
	background-color: #59b1eb;
	color: #fff;
	cursor : pointer;
}


/* ボタン2 */
.button2 {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	padding:3px 13px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background-color:#ededed;
	color:#777777;
	display:inline-block;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
 	cursor: pointer;
}.button2:hover {
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
	background-color:#dfdfdf;
 	cursor: pointer;
 	color: #777777;
}.button2:active {
	position:relative;
	top:1px;
 	cursor: pointer;
}


#button2sbmt {
	border:#900 3px solid;
	padding:5px 5px 5px 5px;
	background-color:#900;
}




/* テーブル一覧 */
table.list {
	width: 100%;
	border-spacing: 0;
	/*font-size:14px;*/
}
table.list th {
	color: #fff;
	padding: 8px 15px;
	background: #258;
	background:-moz-linear-gradient(rgba(88,88,88,0.7), rgba(88,88,88,0.9) 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(88,88,88,0.7)), to(rgba(99,99,99,0.9)));
	font-weight: bold;
	border-left:1px solid #999;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	line-height: 120%;
	text-align: center;
	/*text-shadow:0 -1px 0 rgba(34,85,136,0.9);*/
	/*box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;*/
}
table.list th:first-child {
	/*border-radius: 5px 0 0 0;	*/
}
table.list th:last-child {
	/*border-radius:0 5px 0 0;*/
	border-right:1px solid #bbb;
	/*box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;*/
}
table.list tr td {
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
	/*text-align: left;*/
}
table.list tr td:last-child {
	border-right: 1px solid #bbb;
	/*box-shadow: 2px 2px 1px rgba(0,0,0,0.1);*/
}
table.list tr {
	background: #fff;
}
table.list tr:nth-child(2n+1) {
	background: #f1f6fc;
}
table.list tr:last-child td {
	/*box-shadow: 2px 2px 1px rgba(0,0,0,0.1);*/
}
table.list tr:last-child td:first-child {
	/*border-radius: 0 0 0 5px;*/
}
table.list tr:last-child td:last-child {
	/*border-radius: 0 0 5px 0;*/
}
table.list tr:hover {
	background: #ddd;
	cursor:pointer;
}


/* テーブル(入力フォーム)*/
table.input_form {
	/*width: 100%;*/
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	
}
table.input_form th {
	/* width: 30; */
	/* padding: 5px; */
	font-weight: normal;
	vertical-align: top;
	/*
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	*/
	background: #eee;
	color:#000;
}
table.input_form td {
	width: 70%;
	/* padding: 10px; */
	vertical-align: top;
	/*
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	*/
}


body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}

table {
	width: 100%;
	/* border-color: gray; */
	/* border: 1px solid #ccc;
	border-left: 1px solid #ccc; */
}

input, select {
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
}

.input_form td {
	background-color: #fefefe;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;

}

.input_form th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
a {
	text-decoration: none;
  }


.alert {
	padding: 0;
}

.sub_contents {
	width: 1000px;
	margin: 0 auto;
	padding-top: 50px;
	line-height: 200%;
}

.tourokubar {
	width: 100%;
}

.privacy {
	margin: 20px 0 20px 0;
}

.privacytable {
	border: 0px none;
}

.sub_title_bg .title {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	position: relative;
	margin-top: -3px;
	font-family: 'Sawarabi Gothic';
	padding: 5px;
	margin-bottom: 30px;
}

.wrap_btn p {
	width: 300px;
	display: inline-block;
	vertical-align: top;
}

.mod_btn_next {
	width: 100%;
	padding: 22px 0;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	line-height: 1;
	background: #0b3080;
	color: #fff;
	border: 1px solid #0b3080;
	border-radius: 6px;
	cursor: pointer;
}

.mod_btn_return {
	margin: 30px 0 50px 0;
	width: 300px;
	padding: 22px 0;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	line-height: 1;
	background: #666;
	color: #fff;
	border: 3px solid #333;
	border-radius: 6px;
	cursor: pointer;
	margin-top: 30px;
	text-decoration: none;
}



/*******************************
スマホ対応
********************************/
/*スマホ対応*/
@media screen and (max-width: 640px) {

	.wrap_contents {
		margin:0 auto;
		width: 100%;
	}
	.sub_contents{
		width: 100%;
	}

	table{width: 100% !important;}
	th,td{display:block; width: 100% !important;}
	input.form_mail{width: 80%;}
	input.form_name{width: 80%;}

	.br-sp { display:block; }
	.space-pc{display:none;}

	select{width: 90%;}
	select[name="vd_bustocyaku_h"],select[name="vd_bustocyaku_m"],select[name="vd_busshupatu_h"],select[name="vd_busshupatu_m"]{width: 25%;}
	p.txt_desc {
		margin: 2rem;
	}
	.privacybar {
		width: 100%;
	}
	}
	/*******************************
	 ここまでスマホ対応
	********************************/

	td, th {
		padding: 10px 10px 10px 10px;
	}



	.mypage_btn a:hover {
		color: #333;
		background-color: #7eaaca;
	}

	button.btn.btn-primary:hover{

		background: rgb(231, 210, 171);
		border: 2px solid rgb(255, 255, 255);
		color: #333;
		border-radius: 6px;
	}