@charset "UTF-8";

/********************************************************************************************
SP Portrait
*********************************************************************************************/
/*
--------------------------------------------------------------------------------------------*/

.box_contact {
width: 96%;
margin: auto;
text-align: center;
}

#Contact .box_contact h3,
#Contact #container h4 {
color: rgb(255, 255, 255)/* #fff */;
text-align: center;
}
#Contact .box_contact p#reservation {
font-size: 1.5rem;
}
#contact .wpcf7 {
width: 100%;
margin: 0;
}
.wpcf7-radio {
display: flex;
flex-direction: column;
}
.wpcf7 span {
display: inline;
width: 100%;
}
.address span.en {
margin-top: 10px;
}
dt,
dd {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 1% 0;
font-size: 1.5rem;
}
/* 2022.12.11 temporary fix */
dl p {
width: 100%;
overflow: hidden;
}
dl p label:first-of-type {
float: left;
}
dl p label:last-of-type {
float: right;
}
dt {
margin-top: 30px;
}
dd.radio {
margin-top: 20px;
}
input,
select,
textarea {
display: block;
width: 98%;
outline: none;
margin: auto;
border: 1px solid rgb(234, 203, 1) /*#EACB01*/;
border-radius: 5px;
padding: 10px;
font-size: 1.6rem;
color: rgb(53, 87, 129) /*#355781*/;
transition: all 0.1s ease 0s;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
-webkit-appearance: none;
appearance: none;
}
input:focus,
textarea:focus {
border: 2px solid rgba(30, 136, 168, 0.8) /*#1e88a8*/;
}
.radio label {
display: flex;
align-items: center;
margin-bottom: 20px;
}
input[type=checkbox],
input[type=radio] {
-webkit-appearance: none;
appearance: none;
position: relative;
right: 0;
bottom: 0;
left: 0;
height: 20px;
width: 20px;
vertical-align: -0.8rem;
transition:all .15s ease-out 0s;
color: #fff;
cursor: pointer;
display: inline-block;
margin: .4rem;
outline: none;
border-radius: 10%;
}
/* Checkbox */
input[type=checkbox]:before,
input[type=checkbox]:after {
position: absolute;
content: "";
background: #fff;
transition: all .2s ease-in-out;
}
input[type=checkbox]:before {
left: 2px;
top: 6px;
width: 0;
height: 2px;
transform: rotate(45deg);
}
input[type=checkbox]:after {
right: 9px;
bottom: 3px;
width: 2px;
height: 0;
transform: rotate(40deg);
transition-delay: .2s;
}
input[type=checkbox]:checked:before {
left: 1px;
top: 10px;
width: 6px;
height: 2px;
}
input[type=checkbox]:checked:after {
right: 5px;
bottom: 1px;
width: 2px;
height: 14px;
}
input[type=checkbox]:indeterminate:before,
input[type=checkbox]:indeterminate:after {
width: 7px;
height: 2px;
transform: rotate(0);
}
input[type=checkbox]:indeterminate:before {
left: 1px;
top: 7px;
}
input[type=checkbox]:indeterminate:after {
right: 1px;
bottom: 7px;
}
/* Radio */
input[type=radio] {
border-radius: 50%;
}
input[type=radio]:checked:before {
transform: scale(1);
}
input[type=radio]:before {
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
margin: 3px;
transform: scale(0);
transition: all ease-out 250ms;
}
/* Colors */
input[type=checkbox],
input[type=radio] {
border: 2px solid rgba(30, 136, 168, 0.7) /*#1e88a8*/;
}
input[type=checkbox]:checked,
input[type=checkbox]:indeterminate,
input[type=radio]:checked:before {
background: rgba(30, 136, 168, 0.7) /*#1e88a8*/;
}
/* Complement colors */
input[type=checkbox].blue,
input[type=radio].blue {
border: 2px solid #2196f3;
}
input[type=checkbox].blue:checked,
input[type=checkbox].blue:indeterminate,
input[type=radio].blue:checked:before {
background: #2196f3;
}
input[type=checkbox].red,
input[type=radio].red {
border: 2px solid #f44336;
}
input[type=checkbox].red:checked,
input[type=checkbox].red:indeterminate,
input[type=radio].red:checked:before {
background: #f44336;
}
input[type=checkbox].orange,
input[type=radio].orange {
border: 2px solid #ffc107;
}
input[type=checkbox].orange:checked,
input[type=checkbox].orange:indeterminate,
input[type=radio].orange:checked:before {
background: #ffc107;
}
input[type=checkbox].violet,input[type=radio].violet {
border: 2px solid #d8e;
}
input[type=checkbox].violet:checked,
input[type=checkbox].violet:indeterminate,
input[type=radio].violet:checked:before {
background: #d8e;
}
label .wpcf7-form-control-wrap {
display: inline-block;
float: left;
width: 20px;
height: 20px;
margin: 0 20px 5px 0;
}
label .wpcf7-form-control.wpcf7-acceptance {
display: inline-block;
float: left;
}
.span_p {
margin-top: -20px;
}
.span_p::after {
content: "😊✨";
}
.wpcf7 span.wpcf7-list-item {
display: inherit;
width: 100%;
margin: 0;
}
.acceptance-162 span.wpcf7-list-item {
text-align: center;
}
.acceptance-162 span.wpcf7-list-item-label {
display: inline;
cursor: pointer;
}
.submit {
display: flex;
width: 100%;
justify-content: space-around;
}
input[type="reset"],
input[type="submit"] {
height: 50px;
width: 100%;
background: rgb(234, 203, 1) /*#EACB01*/;
box-shadow: 5px 5px 10px rgb(0 0 0 / 20%), 0 0 5px 0 #fff, -4px 0 5px 0 #fff, -4px -6px 15px #fff;
margin-top: 30px;
border: none;
color: rgb(255, 255, 255) /*#fff*/;
letter-spacing: 0.2rem;
transition: all 0.1s ease 0s;
}
input[type="reset"]:hover,
input[type="submit"]:hover {
background: rgba(30, 136, 168, 1) /*#1e88a8*/;
}
.required {
padding-left: 5px;
color: rgb(246, 114, 128) /*#f67280*/;
font-size: 1.1rem;
text-align: right;
}
.required.en {
text-align: left;
}
dt em:nth-child(2) {
text-align: right;
}
input[type="checkbox"] {
width: 20px;
height: 20px;
}
.screen-reader-response,
.wpcf7-response-output,
.wpcf7-form.invalid .wpcf7-not-valid-tip {
margin-bottom: 20px;
color: rgb(246, 114, 128) /*#f67280*/;
text-align: center;
font-size: 1.4rem;
}
.wpcf7-form.invalid .wpcf7-response-output::after,
.screen-reader-response li::after,
.wpcf7-form.invalid .wpcf7-not-valid-tip::after {
content: "😵❗️";
}
.wpcf7-form.invalid .wpcf7-not-valid-tip {
margin-top: 10px;
}
.screen-reader-response ul {
padding: 10px 0;
}
.screen-reader-response li::before {
content: none;
color: rgb(246, 114, 128) /*#f67280*/;
}
#wpcf7-f2692-p6675-o1-ve-your-email {
opacity: 0;
}
.wpcf7 form.sent .wpcf7-response-output {
border-radius: 10px;
padding: 10px;
}
form.sent dl,
form.sent p {
display: none;
}
#privacy_policy {
padding: 20px 4% 0;
font-size: 1.4rem;
line-height: 1.7;
}
#privacy_policy ul {
margin-top: 20px;
padding: 0 10px;
}
#privacy_policy li {
margin-bottom: 10px;
}
#privacy_policy li:last-child {
margin-bottom: 0;
}
#privacy_policy li::before {
content: '・';
margin-left: -1.5rem;
color: var(--orange);
}
#policy {
display: flex;
justify-content: center;
width: 100%;
margin: 40px auto 50px;
font-size: 1.5rem;
}
#policy a {
border-bottom: 1px dotted rgba(36, 4, 1, 0.5) /*#240401*/;
padding-bottom: 5px;
}
#policy p.turnstile_check {
font-size: 98%;
text-align: center;
}
p.input_check {
text-align: center;
}
fieldset {
border: none;
}
#Contact .notice {
display: block;
margin: 20px auto;
padding: 0 15px;
font-size: 1.5rem;
text-align: center;
line-height: 1.5;
}
    

/********************************************************************************************
PC & Tablet Landscape
*********************************************************************************************/
/*
--------------------------------------------------------------------------------------------*/
/* 1024px
-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1024px) {
}
/********************************************************************************************
PC
*********************************************************************************************/
/*
--------------------------------------------------------------------------------------------*/
/* 1280px
-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1280px) {
}