@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/

.form { width:95%; max-width:900px; margin:0 auto; display:block; }
.formText { width:100%; margin:0 0 30px 0; font-size:14px; }
@media screen and (min-width: 840px){
	.formText { margin:50px 0; font-size:16px; }
}

/*お問い合わせフォーム*/
.ERROR { width:100%; display:block; padding:10px; border:5px solid #f30; margin:30px 0 20px 0; color:#f30; text-align:center; font-size:14px; }
@media screen and (min-width: 840px){
    .ERROR { padding:20px; font-size:16px; }
}

em.NE	{ margin:0; padding:5px 10px; background:#f30; color:#fff; }

dl.RESERVE { width:100%; margin:0; display:flex; flex-direction:column; align-items:center; border-bottom: 1px solid #ccc; font-size:14px; line-height:1.2em; }
dl.RESERVE dt { width:100%; padding:10px 2.5%; display:flex; justify-content:space-between; align-items:center; }
dl.RESERVE dd { width:100%; padding:10px 2.5%; }
.RESERVE_Date { width:100%; display:flex; justify-content:left; align-items:center; padding:10px 0; }
.RESERVE_DateChoice { font-size:14px; }
.RESERVE_Date select { margin:0 0 0 10px; padding:10px; border:1px solid #ccc; font-size:16px; }
.RESERVE_Select { width:100%; margin:0 0 10px 0; padding:10px; border:1px solid #ccc; font-size:16px; }
.RESERVE_DateText { margin:0 0 0 5px; font-size:14px; }
.RESERVE_Contents { width:100%; display:flex; justify-content:left; align-items:flex-start; flex-direction:column; padding:10px 0; }
.RESERVE_Span { width:100%; display:block; margin:0; }
dl.RESERVE dd.NESS { background:#ff0; color:#000; }
dl.RESERVE dd .RESERVE_LABEL { display:flex; justify-content:left; margin:0 0 10px 0; font-size:14px; }
dl.RESERVE dd .RESERVE_LABEL span { width:auto; display:block; margin-left:5px; }
dl.RESERVE dd .CHECK { width:20px; height:20px; margin:0; border:1px solid #ccc; }
dl.RESERVE dd .INPUT { width:100%; margin:0 0 0 0; padding:10px; border:1px solid #ccc; font-size:14px; }
dl.RESERVE dd .TEXTAREA { width:100%; height:100px; padding:10px; border:1px solid #ccc; font-size:14px; }
dl.RESERVE dd .errorComment { display:block; color:#f30; font-size:14px; }
@media screen and (min-width: 840px){
    dl.RESERVE { flex-direction:row; line-height:3em; line-height:1.5em; }
    dl.RESERVE dt { width:40%; padding:10px 5%; line-height:1.4em; }
    dl.RESERVE dt em {  }
    dl.RESERVE dd { width:60%; padding:10px 5%; }
    dl.RESERVE dd .RESERVE_LABEL { font-size:16px; }
    dl.RESERVE dd .RESERVE_LABEL span { margin-left:10px; }
    dl.RESERVE dd .RESERVE_LABEL br { display:none; }
    dl.RESERVE dd .INPUT { font-size:16px; }
    dl.RESERVE dd .TEXTAREA { font-size:16px; }
}

/*プライバシーポリシーのボックス*/
.policyArea { width:100%; height:200px; display:block; overflow-y:scroll; padding:5px 10px; border:1px solid #ccc; margin:30px 0 20px 0; }
.policyArea h2 { display:block; margin:10px 0 0 0; padding:0; font-weight:bold; font-size:14px; line-height:1.5; }
.policyArea h3 { display:block; margin:5px 0 0 0; padding:0; font-weight:bold; font-size:12px; line-height:1.5; }
.policyArea p { width:100%; display:block; margin:5px 0 10px 0; font-weight:normal; font-size:12px; line-height:1.5em; }
.policyArea p a { color:#0af; }

.MAIL { width:100%; display:block; padding:10px; border:1px solid #ccc; margin:30px 0 20px 0; font-size:14px; }
@media screen and (min-width: 840px){
    .MAIL { padding:20px; }
}

.SEND { width:100%; height:60px; display:flex; justify-content:center; align-items:center; margin:30px auto; background:#ff0000; border:none; border-radius:5px; font-size:14px; font-weight:bold; color:#fff; position:relative; cursor:pointer; transition:0.3s; }
.SEND:hover  { opacity:0.7; transition:0.3s; }
.SEND[disabled] { cursor:auto; opacity: 0.2; }
.SEND[disabled]:hover { opacity: 0.2; }
.SEND i { width:20px; height:20px; display:flex; justify-content:center; align-items:center; margin-left:10px; background:#fff; border-radius:50%; color:#f00; }
@media screen and (min-width: 840px){
    .SEND { width:80%; margin:30px auto 100px auto; }
}

a.TOTOP { width:100%; height:60px; display:flex; justify-content:center; align-items:center; margin:30px 0; background:#fff; border:2px solid #000; border-radius:5px; font-size:14px; line-height:60px; font-weight:bold; color:#000; cursor:pointer; text-align:center; }
a.TOTOP:hover  { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60;}
a.TOTOP:active { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60;}
a.TOTOP i { width:20px; height:20px; display:flex; justify-content:center; align-items:center; margin-right:10px; background:#000; border-radius:50%; color:#fff; }
@media screen and (min-width: 840px){
    a.TOTOP { width:80%; margin:50px auto 100px auto; }
}

a.PRIVACY { width:auto; text-align:right; margin:10px 0 0 0; }
a.PRIVACY:link { color: #0af; text-decoration:none; }
a.PRIVACY:visited { color: #0af; text-decoration:none; }
a.PRIVACY:hover { color: #0af; text-decoration:underline; }
a.PRIVACY:active { color: #0af; text-decoration:none; }

/* Turnstile */
.cf-turnstile.NESS { padding-top: 10px; background:#ff0; color:#000; }
.turnstile_errorComment { color: #ff0000; text-align: center;}