@charset "UTF-8";
body{
margin:0 auto;
padding:0;
background-color:#fff;
font-family: '游ゴシック体', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
}
section.wrapper{
width: 60%;
margin: 0 auto;
box-shadow: 0px 3px 10px -3px #8f8f8f;
-moz-box-shadow: 0px 3px 10px -3px #8f8f8f;
-webkit-box-shadow: 0px 3px 10px -3px #8f8f8f;
}
#wrap{
width: 100%;
}
table#main tr.form.rec_default:nth-child(5) td{
padding: 1.5em 2em;
}
#footer{
text-align: center;
font-size:.8em;
background-color:#00A595;
padding: 4%;
color: #FFF;
}
#date{
text-align: center;
}
.border_red{
    color: red;
    display: inline-block;
    text-decoration:line-through;
}
.ones{
    font-size: .8rem;
    padding-left: 5px;
    
}
span.border_red_inner{
    color: black;
}
span.limited{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    background: red;
    color: #fff;
    font-size: .8rem;
    border-radius: 3px;
    font-weight: normal;
    line-height: 1;
    padding: 4px 3px 2px 3px;
    font-family: sans-serif;
    margin-left: 5px;
    padding-right: 5px;
}
.spaceoption{
margin-left: 2.2em;
}
span.pc-option {
display: inline-block;
margin-left: 0.2em;
}
p.red{
font-size:.8em;
color:#FF6E70;
margin:0.5em;
}
.btn.main {
display: block;
position: relative;
padding: 0.8em 1em 0.8em 1em;
font-size: 1em;
font-weight: 500;
color: #ffffff;
text-align: center;
-webkit-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
max-width: 330px;
width: 100%;
box-shadow: 0 0 0 1px #ffffff, 0 0 0 4px #E9941D;
background: #E9941D;
margin: 0 auto;
margin-bottom: 1em;
margin-top: 1em;
font-family: '游ゴシック体', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
}
a{
text-decoration: none;
color: inherit;
cursor: pointer;
}

.btn.main:hover, a.btn.main.opp:hover {
opacity:0.6;
}
.btn.main:hover:after, a.btn.main.opp:hover:after {
color:#ffffff;
}
button.btn{
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
}
.holiday {
width: calc(65%);
border: solid 1px #876a49;
border-radius: 5px;
margin: 0 auto;
padding: 1em 1em 1em 1em;
margin-top: 1em;
margin-bottom: 1em;
font-size:1em;
line-height: 1.8;
}
.holiday p{
margin: 0;
padding: 0;
}
.holiday p.center{
text-align: center;
color:#FF6E70;
font-weight: bold;
font-size:1.1em;
padding-bottom: 0.5em;
}
.check{
width: 20%;
float: left;
margin: .5em 0 .5em 0;
}
.check_shop,.check_corse{
font-size: 1em;
margin: .3em 0;
}
.check_corse{
margin: 1em 0 .5em 0;
}
a{
text-decoration:underline;
font-size:.8em;
padding-left: 2%;
color:#3366ff
}
a:hover{
color:#ff0000
}
a:visited {
color: #800080;
}
.pc { display: block !important; }
.sp { display: none !important; }
.header{
display: block;
padding: 1%;
background-color: #fff;
border-bottom: 1px solid #6e4e0a;
position: relative;
height: 90px;
}
.header img{
width: 20%;
position: absolute;
top:0;
}
.header p{
text-align: center;
font-weight: 400;
}
.require {
display: inline-block;
vertical-align: middle;
text-align: center;
background: red;
color: #fff;
border-radius: 3px;
font-weight: normal;
font-size: .5em;
line-height: 1;
padding: 2px 3px 3px;
font-family: sans-serif;
}
#t-area{
color: #333333;
width: 90%;
height: 200px;
margin: 0 auto;
margin-top: 1em;
margin-bottom: 1.5em;
overflow-y: scroll;
border: solid 1px #ddd;
background-color: #f8f8f8;
display: flex;
justify-content: space-between;
}
#t-area .in-text{
padding: 2% 2% 2% 5%;
line-height: 1.8;
}
#t-area .in-text lu{
font-size: .8em;	
padding: 2% 2% 0 0;
}
#t-area .in-text li{
font-size: .8em;	
padding: 0 0 0 10px;
list-style-type: none;
}
#t-area .in-text li::before {
position: relative;
top: -2px;
left: -5px;
display: inline-block;
width: 4px;
height: 4px;
content: '';
border-radius: 100%;
background-color:#333333;
}
#t-area .in-text p{
font-size:.8em;	
}
#t-area .in-text p.pad{
padding-bottom: 5px;
}
.confirmation{
margin:1.5em 0;
text-align: center;
}
.confirmation p{
font-size:.8em;
color: red;
background-color:#fff;
}
table#main tr.form td p {
    color: red;
    font-size: .9em
}
table#main tr.form td .subtext{
    vertical-align: super;
    font-size: .7em;
}
.ok{
margin: 0 auto;
text-align: center;
padding-bottom: 3em;
}
.ok #submit {
text-align: center;
}
img{
width: 100%;
}
.img1{
display: block;
}
img.img{
position: relative;
display: block;
}
.imagebutton img{
width: 45%;
margin: 0 auto;
}
.picker__box table#main tr:nth-child(odd){
backface-visibility: none;
}
.picker__box table#datepicker_table tr,.picker__box table#datepicker_table td{
padding: 0.3em !important;
}
table#datepicker_table th {
background: #fff !important;
color: #333 ;
font-size: 1em;
text-align: center;
}
.ok div.mfp_err {
text-align: center;
}

dl.request dt{
padding: 1.5em 2em;
padding-top: 0;
}
dl.request dd{
padding: 1.5em 2em;
padding-top: 0;
margin: 0 auto;
}
.mfp_element_textarea {
height: 200px;
margin: 0 auto;
}
dl.request {
margin: 0 auto;
padding-top: 1em;
}
dl.request dt,dl.request dd{
font-weight: normal;
}
/*----------------thanks------------------*/
.thanks{
padding-bottom: 2em;
}
.thanks .text{
width: 80%;
margin: 0 auto;
margin-top: 2.5em;
margin-bottom: 1em;
font-family: 'M PLUS Rounded 1c', sans-serif;
}
.thanks .text h2{
text-align: center;
font-size: 1.5em;
margin-bottom:.75em;
font-weight: bold;
}
.thanks .text p{
font-size: 1em;
line-height: 1.8;
}
.thanks .line a{
padding: 0;
}
.thanks .line img{
width: 70%;
margin: 0 auto;
display: block;
}
/*----------------tableset------------------*/
table#main{
width: 100%;
margin: 0 auto;
border-collapse: collapse;
border-width: 1px 0px;
font-family: 'M PLUS Rounded 1c', sans-serif;
}
table#main tr.form,dl.request dt{
position: relative;
}
/*
table#main tr.form:nth-child(5) td{
padding: 0;
}*/
table#main tr.form.inquiry:nth-child(5) td{
padding:1.5em 2em;
}
table#main tr.form:nth-child(odd){
background-color:#f8f8f8;
}
table#main tr.form:last-child{
border-bottom: none;
}
table#main tr.form th,table#main tr.form td{
padding: 1.5em 2em;
color: #333333;
font-size:1em;
}
table#main tr.form th{
width: 30%;
text-align: left;
font-weight: normal;
vertical-align:middle;
}
table#main tr.form th .require,dl.request dt .require{
position: absolute;
left:25%;
margin-top: 2px;
}
.hol{
width: 100%;
}
.hol p{
text-align: center;
color:#fff;
margin:0;
padding:.5em;
background-color:#FF6E70;
}
#time table table th,table td #datepicker_table td{
text-align: center;
}
.reception{
z-index: 1;
background: rgba(0,165, 149);
position: relative;
font-family: 'M PLUS Rounded 1c', sans-serif;
background-image:url("../img/contact/p-bg.png");
background-position: right;
background-repeat: no-repeat;
background-size:contain;
padding: 0.65em;
}
.reception p{
width: 30%;
text-align: center;
background-color:#fff;
margin: 0 auto;
padding: 0%;
font-size:1.2em;
color:#00A595;
}
@media screen and (min-width: 769px){
header{
min-width: 769px;
width: 100%;
background: #ffffff;
}
header nav{
width: 1000px;
margin: 0 auto;
}
header nav img{
max-height: 30px;
}
.navigation.active{
width: 100%;
top: 0;
left: 0;
z-index: 100;
}
.active{
position: relative;
z-index: 10;
background: rgba(0,165, 149);
box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.active a{
width: auto;
}
img.logo{
height: 5%;
width: auto;
display: block;
padding:1em 0;
}
}
@media screen and (min-width:560px) and (max-width: 768px){
.pc { display: none !important; }
.sp { display: block !important; }
.contents{
width: 100%;
}
table.main th .require,dl.request dt .require{
left:22%;
}
img.img{
margin-top:0;
}
img.logo{
height: 5%;
width: auto;
display: inline;
padding: 0.5em 1em;
position: absolute;
z-index: 3;
}
img.img{
display: none;
}
}	

@media screen and  (max-width:1100px){
section.wrapper{
width: 100%;
}
table#main tr.form th{
padding-left: 8em;
}
table#main tr.form td{
padding-right:8em;
}
dl.request dt,dl.request dd{
padding: 1.5em 8em;
}
dl.request dd{
padding-top: 0 !important;
}
table#main tr.form th .require,dl.request dt .require{
left: 25%;
}
}
@media screen and (max-width:968px){
section.wrapper{
width: 100%;
}
table#main tr.form th{
padding-left:3em;
width: 30%;
}
table#main tr.form td{
padding-right:3em;
}
dl.request dt,dl.request dd{
padding: 1.5em 3em;
}
dl.request dd{
padding-top: 0;
}
}
@media screen and  (max-width: 559px){
.pc { display: none !important; }
.sp { display: block !important; }
.picker__list-item{
padding: .75em 1em;
font-size: .6em;
}
table#main tr.form th, table#main tr.form td{
font-size: .6em;
padding: .5em .5em;
}
table#main tr.form.inquiry:nth-child(5) td{
padding: .5em .5em;
}
span.pc-option {
display:none !important;
}
    .ones{
        font-size: .5em;
    }
    span.limited{
        font-size: .5em !important;
        margin-right: .5em;
        padding: 2px 1px 2px 1px;
    }
.spaceoption{
margin-left: .5em;
}
.sp img {
margin-top: .75em;
}
.mfp_element_textarea {
width: 97%;
height: 70px;
max-width: 100% !important;
}
dl.request{
padding: 0;
}
dl.request 	dt,dl.request  dd{
padding: .5em 1em;
font-size: .6em;
}
input[type=radio]{
width: 13px;
height: 13px;
margin-right: 0.1em;
}
table#main tr.form th .require,dl.request dt .require{
left: 91%;
}
table#main tr.form:nth-child(5) td{
display: revert;
}
table#main tr.form th{
padding-left: 1em;
width: 25% !important;
text-align: left;
font-weight: normal;
}
table#main tr.form td{
padding-right: 1em;
}
button[type=submit]{
padding: 0.4em 0.5em 0.4em 0.5em;
max-width: 320px;
}
table#main tr.form th{
padding-left: 1em;
}
table#main tr.form td{
padding-right:1em;
}
.agree {
margin: 0;
margin-top: 0.5em;
}
.hol p{
font-size:.6em;
}
header{
margin: 1.1% 0 0 2%;
width: 17%;
position: absolute;
max-width: 75px;
z-index: 5;
}
.holiday{
width: calc(90%);
line-height: 1.5;
padding: 0.3em;
margin-bottom: 0.5em;
margin-top:0.5em;
}
p.red{
font-size:.6em;
}
.holiday p{
font-size:.6em;
}
.holiday p.center{
font-size:.7em;
padding-bottom: 0.2em;
}
.confirmation{
font-size:.7em;
}
img.img{
display: none;
}
.reception{
z-index: 1;
position: relative;
font-family: 'M PLUS Rounded 1c', sans-serif;
background-image:url("../img/contact/p-bg.png");
background-position: right;
background-repeat: no-repeat;
background-size:contain;
padding:1em;
}
.reception p{
width: 30%;
text-align: center;
margin: 0 auto;
padding: 0%;
font-size:.9em;
}
.imagebutton img{
width: 40%;
}
.confirmation{
padding: 0% 2% 0% 2%;
}
.header img{
width: 28%;
}
.check{
margin-left: 2%;
padding: 0 2% 2% 2%;
white-space:nowrap;
}
.check_corse{
white-space:nowrap;
padding-bottom: 5px;
}
.check_shop{
width: 33%;
white-space:nowrap;
padding-bottom: 1em;
}
#t-area{
width: 95%;
margin:0 auto;
margin-top: 1em;
}
#t-area .in-text lu{
font-size:.6em;
}
#t-area .in-text li{
font-size:.55em;
}
#t-area .in-text p{
font-size:.6em;
}
#time table #datepicker_table{
margin: none;
}
#time table table th,table td #datepicker_table td{
display:table-cell;
}
#time table table td .picker__day{
padding: 0;
}
/*----------------thanks------------------*/
.thanks .text{
width: 90%;
margin-top: 1.5em;
}
.thanks .text h2{
font-size: 1em;
}
.thanks .text p{
font-size: .6em;
}
}