@charset "utf-8";
.error, .mailerr, .mail_chkerr {
font-size:.875rem;
color:#FF0000;
padding:0 .6em;
}
label {
	cursor: pointer;
}
.labelL label {
	display: block;
}
/**/
.ui-datepicker {
    font-weight: normal;
}

/* 日付の数字部分 */
.ui-datepicker td span,
.ui-datepicker td a {
    font-weight: normal;
}

/* ヘッダー部分（月・年） */
.ui-datepicker-title {
    font-weight: normal;
}

/* 曜日表示 */
.ui-datepicker th {
    font-weight: normal;
}
.ui-datepicker .ui-datepicker-header,
.ui-datepicker {
    border-radius: 0 !important;
}
/* --------- form ---------- */


.page-common .form-content h2{
	margin:1em 0}
	
.page-common .form-content h3 {
	background:#F7F4CF;
	font-size: 1.5rem;
	padding: .4em .8em;
}

.page-common .form-content h4{
	border:0;
	padding:2em 0;
	margin:0;
	text-align:center;
	font-size:1.25rem;
	position:relative;
	color:var(--main-color);
}

.page-common .form-content h3::after,
.page-common .form-content h4::before,
.page-common .form-content h4::after{
	display:none}



.page-common .form-content {
	text-align:center;
}
.page-common .form-content p, .page-common .form-content li {
	line-height: 1.8em;
}

.page-common .form-content p.privacyCheck{
text-align: center;
justify-content:center;
display:flex;
align-items:center;
}
.page-common .form-content form {
	padding: 2em 0 0;
}

.fieldL, .page-common .form-content .fieldL {
	width:97%
}
.page-common .form-content .form-tbl {

	/* border:1px solid #333;*/
	padding:30px;
		margin: 0 0 3em;
}

.page-common .form-content .form-tbl table{
width:100%;
border-bottom:1px solid #ccc;
}
.page-common .form-content th, .page-common .form-content td {
	text-align:left;
	padding: 1.4em .8em;
	line-height: 1.6em;
	vertical-align: middle;
position:relative;
border-top:1px solid #ccc;
}.page-common .form-content h3{
border:0;
}


.page-common .form-content th{
width:26%;
padding-left:2.4em;
}
.page-common .form-content td{
padding-right:2.4em;
border-left:1px solid #ccc;
}


.page-common .form-content .hissu{
width: 4em;
border-radius:4px;
color:#FFF;
font-size: 12px;
line-height: 18px;
text-align:center;
display:inline-block;
background:#CC0066;

}.page-common .form-content th .hissu{
position:absolute;
right:2em;
}
.page-common .form-content li .hissu{
vertical-align:middle;
margin: 0 0 2px;
}

.page-common .form-content p {
	margin:0 0 1em;
	line-height: 1.6em;
}

.page-common .form-content textarea, .page-common .form-content input {
	width: 96%;
}
.page-common .form-content input.day {
	cursor:pointer;
	background:#eee url(img/ico_calendar.png) no-repeat 10px center;
	background-size: 24px auto;
	padding-left: 50px;
	width: 16em;
}
.page-common .form-content td input.tel-num,
.page-common .form-content td input.zip {
	width: 8em;
}
.page-common .form-content td hr {
	clear:both;
	height:1px;
	margin:5px 0;
	padding:0;
	border:0
}
.page-common .form-content input.wAuto, .page-common .form-content input#zip {
	width: auto;
}
.page-common .form-content input[type="radio"], 
.page-common .form-content input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1.2em;
  height: 1.2em;
  border: 1px solid #ccc;
  background: #eee;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
}

/* ラジオボタンを丸く */
.page-common .form-content input[type="radio"] {
  border-radius: 50%;
}

/* チェックボックスは角丸 */
.page-common .form-content input[type="checkbox"] {
  border-radius: 3px;
}

/* チェック時のスタイル */
.page-common .form-content input[type="radio"]:checked {
  background: #3C9;
  border-color: #3C9;
}

.page-common .form-content input[type="checkbox"]:checked {
  background: #3C9;
  border-color: #3C9;
}

/* チェックマークを追加（チェックボックス） */
.page-common .form-content input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* ラジオボタンの中央の丸 */
.page-common .form-content input[type="radio"]:checked::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: white;
}
.page-common .form-content input[type="radio"] {
	border-radius : 1.2em;
}
.page-common .form-content input.wAuto, .page-common .form-content td.wAuto input {
	width: auto;
}
.page-common .form-content input#kinzoku1, .page-common .form-content input#kinzoku2, .page-common .form-content input#kinzoku3 {
	width: 4em;
}
.page-common .form-content td select, .page-common .form-content td input, .page-common .form-content td textarea {
	background:#eee;
	border: 0;
	padding:6px;
	margin:8px;
	font-size:1em;
	line-height:1.6em;
	vertical-align:middle;
	border-radius: 4px;
}
.page-common .form-content td textarea {
	font-size:1.125em;
	line-height:1.6em;
	padding:10px
}
.page-common .form-content .btn-send input {
	width:auto;
	display:block;
	padding: .8em 4em;
	cursor:pointer;
	background:var(--main-color);
	color: #FFF;
	border-radius: 6px;
	font-size: 1.125em;
	border: 0;
	font-weight: 900;
	margin: 1em auto;
}

.page-common .form-content.confirm .btn-send {
	display:flex;
	align-items:center;
	justify-content:center;

}
	.page-common .form-content.confirm .btn-send input{
			margin:1em;
			width:10em;	padding: .8em 0;
	}
	
	
.page-common .form-content .btn-send input.btn-back{
	background: #EFEFEF;
	color: #666;
}
.page-common .form-content .btn-send.confirm p {
	display:inline-flex;
}
.page-common .form-content .btn-send ul {
display:flex;
justify-content:center;
}
::placeholder {
 color: #ccc;
}
.day::placeholder {
 color: #ee0000;
text-decoration:underline
}
:focus::-webkit-input-placeholder {
color: #F7F7F7;
}
:focus:-moz-placeholder {
color: #F7F7F7;
}
:focus::-moz-placeholder {
color: #F7F7F7;
}
:focus::placeholder {
color: #F7F7F7;
}
.entry #contactF {
	display: none;
}
.entry .btnMore {
	padding: 4em 0;
}
input[type="submit"], input[type=text] {
	-webkit-appearance:none;
}
.page-common .form-content h2.titPv {
	font-size: 1.25em;
	margin: 1em 0;
	background: transparent;
	line-height: 1.6em;
	text-align: center;
}

/**/
.page-common .form-content ul.InLINE li{
display:inline-block;
padding: .6em 0!important;
}
.page-common .form-content ul.InLINE li+li{
margin-left:2em;
}

.page-common .form-content label{
	display:inline-flex;
	align-items:center;
}

/**/

.page-common .form-content.finish p a{
	text-decoration:underline}
.page-common .form-content.finish p{
	line-height:2.4em;
	margin: 2em 0}
	
 @media screen and (min-width:768px) {


 .page-common .form-content .btn-send {
padding: 3em 0;
text-align: center;
}.page-common .form-content td ul li{
padding: .4em 0!important;
}
.page-common .form-content .btn-send input.btn-back{
margin-right:2em;
}.page-common .form-content td .flexPC br{
	display:none}
}
 @media screen and (max-width: 767px) {

.page-common h2 .form-content {

	padding:1em 0;
	font-size: 4.6vw
}
.page-common .form-content h3 {
	font-size: 4.2vw
}

.page-common .form-content h4{
	padding: 0 0 1.4em;
	font-size:4.8vw}

.page-common .form-content textarea, .page-common .form-content td input
{
width: 100%;
}
.page-common .form-content .tel{
	font-size:8vw}
	.page-common .form-content .form-tbl{
		padding:0 1em}
	
.page-common .form-content .tel span{
	font-size:3.6vw;
	line-height:1em}
 .page-common .form-content table {
 margin-bottom: 1.5em;
}
.page-common .form-content th, .page-common .form-content td {
font-size:3.6vw;
 display:block;
 width: 100%;
 line-height: 1.8em;
}
.page-common .form-content table th {

 padding:1em .2em .2em;


}

.page-common .form-content table td {
 padding: 0 0 1em;
border:0;
}
 .page-common .form-content .labelL label {
padding-left: 4em;
text-indent: -4em;
line-height: 1em;
}
.page-common .form-content .confirm {
 text-align: center;
}
 .page-common .form-content input {
width: 70%;
}
 .page-common .form-content .btn-send {
width: auto;
}
.page-common .form-content .confirm input, .page-common .form-content .btn-send input {
 margin: auto;
 width: 60%;
 padding: 10px 0px;
}
.page-common .form-content .btn-send.confirm input {
 margin: 0px 5px;
}
 .page-common .form-content .btn-send {
 text-align: center;
 margin: 15px 0;
}
 .page-common .form-content .btn-send input {
 font-size: .875em;
 padding: 1em 0;
 width: 80%;
 margin-bottom: 10px;
}
.page-common .form-content .btn-send.confirm input, .page-common .form-content .btn-send.confirm input.btn-back {
 float:none;
}
.page-common .form-content .btn-send input, .page-common .form-content .btn-send input.btn-back {
 background-size: 10%;
}
.page-common .form-content .btn-send input.btn-back {
 margin-bottom: 1em!important;
}



.page-common .form-content th .hissu{
right:.2em;
top:1.4em
}

.page-common .form-content .enquete td::after{
display:none;
}
.page-common .form-content .enquete th{
padding-top:1em;
}
.page-common .form-content .enquete th::after{
left:1em;
right: 1em;
}
.page-common .form-content td select, .page-common .form-content td input, .page-common .form-content td textarea{
margin: .2em;
}
.page-common .form-content td ul li{
padding: 0!important;
}

.page-common .form-content input[type="checkbox"],
.page-common .form-content input[type="radio"]{
margin: .2em .4em .2em 0;
}
.page-common .form-content .enquete input{
margin-bottom:0;
}
.page-common .form-content .enquete th{
padding-bottom:8px;
}
.page-common .form-content .enquete seledt{
margin-top:0;
}
.page-common .form-content td input.tel-num, .page-common .form-content td input.zip{
	width:5em}

.page-common .form-content td span.ss{
	display:inline-block;
	padding-top:1em}

.page-common .form-content .btn-send ul input{
width: 10em;
margin: 0 1em;
font-size:.938em;
}


}