@charset "utf-8";
/* CSS Document */


.error_messe {
	color: #cc0000;
}

/*
-------------------------------------------------------
 flexible
-------------------------------------------------------
*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	}
section:after,
div:after,
ul:after {
	content: "";
	display: block;
	clear: both;
	}
	
/* inline */
.inline {
	text-align: justify;
	text-justify: justify;
	line-height:0;
	text-align-last:left;
	}
.inline:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
	}

.inline > .tools,
.inline > .sec,
.inline > .nav {
  display: inline-block;
  }
 
 
 
 /* table */
.table {
	width:100%;
	border-collapse: collapse;
	}
.table th {
	padding: 1rem;
	text-align:left;
	vertical-align:middle;
	line-height:1.5em;
	background-color: #f3f3f3;
	border-bottom: 10px solid #fff;
	font-size: 18px;
	color: #01194b;
	}
.table td {
	line-height:1.5em;
	padding:  1rem 2rem 1rem 2rem;
	background-color: #fff;
	vertical-align:middle;
	border-bottom: 10px solid #fff;
	font-size: 18px;
	color: #01194b;
	font-weight: bold;
	}
.table td .note {
	font-size: 0.8rem;
	color: #666;
}
.table td ul.sets {
	margin: 0 0 1rem 0;
}
.table td .head {
	width: 25%;
	float: left;
}
.table td .valu {
	width: 75%;
	float: right;
}
	@media screen and ( max-width:768px)  {
		.table th {
			display:block;
			width: 100%;
			padding: 1rem;
			text-align:left;
			vertical-align:middle;
			line-height:1.5em;
			background-color: #f3f3f3;
			border-bottom: 10px solid #fff;
			font-size: 18px;
			color: #01194b;
			}
		.table td {
			display:block;
			width: 100%;
			line-height:1.5em;
			padding:  1rem 1rem 1rem 1rem;
			background-color: #fff;
			vertical-align:middle;
			border-bottom: 10px solid #fff;
			font-size: 18px;
			color: #01194b;
			font-weight: bold;
			}
		.table td .note {
			font-size: 0.8rem;
			color: #666;
		}
		.table td ul.sets {
			margin: 0 0 1rem 0;
		}
		.table td .head {
			width: 100%;
			float: none;
		}
		.table td .valu {
			width: 100%;
			float: none;
		}
	}

.recapcha tr:nth-of-type(12){
	color: red;
	display: none;
}
	
	

/* form */
input {
	vertical-align: middle;
	height: 2.5rem;
}
input,
textarea {
	border:1px solid #ccc;
	padding:0.8rem;
	line-height:3rem;
	border-radius: 3px;  
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
	}
select {
	border:1px solid #ccc;
	padding:3px;
	height:2.5em;
	}
.entButn {
	width:100%;
	height:3.5em;
	margin: 0 auto 0 auto;
	cursor: pointer;
	background: #01194b;
	font-size: 20px;
	color: #fff;
	}
.entButn:hover {
	background:#666;
	color:#FFF;
	}

.confButn {
	width:100%;
	height:3.5em;
	margin: 0 auto 0 auto;
	cursor: pointer;
	background:#AD0002;
	font-size: 20px;
	color: #fff;
	}
.confButn:hover {
	background:#999;
	color:#FFF;
	}
	
.modoruButn {
	width:70%;
	height:3.5em;
	margin: 0 auto 0 auto;
	cursor: pointer;
	background: #666;
	font-size: 20px;
	color: #fff;
	}
.modoruButn:hover {
	background:#ccc;
	color:#FFF;
	}

.message_form {
	width:90%;
	height: 250px;
}
.entryform_btn {
	width: 60%;
	margin:  0 auto;
	padding: 1rem 0 1rem 0;
	text-align: center;
}
	@media screen and (max-width:768px){
		.message_form {
			width:100%;
			height: 250px;
		}
		.entryform_btn {
			width: 90%;
			padding: 1rem 0 1rem 0;
			text-align: center;
		}
		.entButn {
			width:120px;
			height:2.5em;
			}
	}

.imgW100 img {
	width: 100%;
	min-width: 100%;
	height: auto;
	max-height: none;
}

.psRel	{ position: relative; }
.mAuto	{ margin: 0 auto 0 auto;}
.flR	{ float: right; }
.flL	{ float: left; }
.taL	{ text-align: left;}
.taC	{ text-align: center;}
.taR	{ text-align: right;}
.non	{ display: none;}
.om:hover	{ opacity: 0.6;}

.w18pr	{ width: 18%; }
.w20pr	{ width: 20%; }
.w23pr	{ width: 23%; }
.w30pr	{ width: 30%; }
.w35pr	{ width: 35%; }
.w40pr	{ width: 40%; }
.w45pr	{ width: 45%; }
.w48pr	{ width: 48%; }
.w55pr	{ width: 55%; }
.w58pr	{ width: 58%; }
.w60pr	{ width: 60%; }
.w70pr	{ width: 70%; }
.w80pr	{ width: 80%; }
.w90pr	{ width: 90%; }
.w100pr	{ width: 100%; }
	@media screen and (max-width:768px){
	.w20pr	{ width: 35%; }
	.w30pr	{ width: 100%; }
	.w55pr	{ width: 100%; }
	.w70pr	{ width: 100%; }
	.w80pr	{ width: 100%; }
	
}


/* font */
.bold	{ font-weight: bold;}
.uline	{ text-decoration: underline;}
.bline { border-bottom: 1px solid #ccc; }

.box_border_pink_pad {
	border: 1px solid #ff9999;
	padding: 1em 2em 1em 2em;
}
.box_border_gray_pad {
	border: 1px solid #ccc;
	padding: 1em 2em 1em 2em;
}

.fcWhite	{color: #fff;}
.fcGreen	{color: #82b354;}
.fcPink		{color: #e67879;}
.fcRed		{color: #cc3333;}
.fcPgray	{color: #ddd;}
.fcBlue 	{color: #01194b;}

.fs_ss	{ font-size: 80%; }
.fs_s	{ font-size: 90%; }
.fs_r	{ font-size: 120%; }
.fs_m	{ font-size: 130%; }
.fs_b	{ font-size: 150%; }
.fs_bb	{ font-size: 180%; }
.fs_bbb	{ font-size: 200%; }
	@media screen and ( max-width:768px)  {
		.fs_ss	{ font-size: 80%; }
		.fs_s	{ font-size: 90%; }
		.fs_r	{ font-size: 100%; }
		.fs_m	{ font-size: 110%; }
		.fs_b	{ font-size: 120%; }
		.fs_bb	{ font-size: 130%; }
		.fs_bbb	{ font-size: 140%; }
	}

.lh13 {	line-height: 1.3em;}
.lh20 {	line-height: 2em;}
.lh23 {	line-height: 2.3em;}

.ls01 { letter-spacing: 0.1em;}


/* margin */
.mb1em	{ margin-bottom: 1em; }
.mb2em	{ margin-bottom: 2em; }
.mb3em	{ margin-bottom: 3em; }
.mb5em	{ margin-bottom: 5em; }
.mb7em	{ margin-bottom: 7em; }
.mL20 {
	margin-left: 20px
	}

/* padding */
.pad01pr { padding: 1%; }
.pad02pr { padding: 2%; }
.pad03pr { padding: 3%; }
.pad05pr { padding: 5% 7% 5% 7%;}
.pl5pr	{ padding-left: 5%; }
.pt2pr	{ padding-top: 2%; }
.pt3pr	{ padding-top: 3%; }
.pt5pr	{ padding-top: 5%; }
.pt6pr	{ padding-top: 6%; }
.pb2pr	{ padding-bottom: 2%;}
.pb3pr	{ padding-bottom: 3%;}
.pb5pr	{ padding-bottom: 5%;}
.pb6pr	{ padding-bottom: 6%;}
.pb10pr	{ padding-bottom: 10%;}


/* border */
.radius5 {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
}
.radius10 {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;
}


.btnPink a {
	display: block;
	background: #e67879;
	padding:1em 2em 1em 2em;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	color: #fff;
	text-decoration: none;
}

.btnRed a {
	display: block;
	background: #e50008;
	padding: 3% 3% 3% 3%;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	color: #fff;
}
.btnBlack a {
	display: block;
	background: #000;
	padding: 3% 3% 3% 3%;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	color: #fff;
}

.bgWhite {
	background: #fff;
}


.list_pinkaro li.pink {
	background: url(../img/aro_pink_01.png) no-repeat;
	background-position: 0 40%;
	padding: 0 0 0 20px;
}


.uline_blue {
	text-decoration: underline;
	color: #2787ab;
}