@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
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:#d2bea2;
padding: 4%;
color: #FFF;
}
#date{
text-align: center;
}
.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 #876a49;
background: #876a49;
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{
width: 50%;
float: left;
font-size: 1em;
margin: .3em 0;
}
.check_corse{
width: 50%;
float: left;
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: #CC4444;
color: #fff;
border-radius: 3px;
font-weight: normal;
font-size: .5em;
line-height: 1;
padding: 3px 3px 3px;
font-family: sans-serif;
width: 21px;
}
#t-area{
color: #333333;
width: 90%;
height: 200px;
margin: 0 auto;
margin-top: 1em;
margin-bottom: 1.5em;
overflow-y: scroll;
border: solid 1px #FFE2E2;
background-color: #FFFAF4;
justify-content: space-between;
}
#t-area .in-text{
padding: 1.5em 2em;;
line-height: 1.8;
}
#t-area .in-text ul{
font-size: .9em;	
padding: 0;
margin-bottom: 0;
font-weight: bold;
}
#t-area .in-text ul:first-child{
margin: 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;	
margin-top: 0;
}
#t-area .in-text p:last-child{
margin: 0;
}
#t-area .in-text p.pad{
padding-bottom: 5px;
}
#t-area .in-text a{
padding: 0;
text-decoration: none;
color: #FF6E70;
font-size: 1em;
}
.confirmation{
margin:1.5em 0;
text-align: center;
}
.confirmation p{
font-size:.8em;
color: #FF6E70;
background-color:#fff;
}
.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;
}
img.banner{
    width: 80%;
    margin: 0 auto;
    display:block;
    padding: 2rem 0;
}
.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,.picker__box table#datepicker2_table tr,.picker__box table#datepicker2_table td{
padding: 0.3em !important;
}
table#datepicker_table th,table#datepicker2_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;
}
.check_corse.nowrap{
    white-space: nowrap;
}
/*----------------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:#FFFAF4;
}
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;
position: relative;
}
table#main tr.form th .require,dl.request dt .require{
position: absolute;
    left: 80%;
    margin-top: 2px;
}
table#main tr.form.r-flex{

    width: 100%;
}
table#main tr.form.r-flex th{
    width: 30%;
}
table#main tr.form.r-flex td.child{
    width: 35%;
    display: inline-block;
}
.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,table td #datepicker2_table td{
text-align: center;
}
@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: 70px;
}
.navigation.active{
width: 100%;
top: 0;
left: 0;
z-index: 100;
}
.active{
position: relative;
z-index: 10;
background: rgba(235, 222, 207, 0.9);
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;
}
.reception{
z-index: 1;
background: rgba(235, 222, 207, 0.9);
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:#876a49;
border:#C2B294 solid 1px;
}
}	
select{
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
-webkit-select{
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
-webkit-option{
    color: #ddd;
}
select::-ms-expand {
  display: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;    
}
input::-webkit-input-placeholder{
    font-size: 14px;
}
input:-moz-placeholder{
    font-size: 14px;
}
input::-moz-placeholder{
    font-size: 14px;
}
input:-ms-input-placeholder{
    font-size: 14px;
}
@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: 280%;
}
}
@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: 768px){
.pc { display: none !important; }
.sp { display: block !important; }
    img.banner{
        width: 100%;
        padding: 0;
    }
.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;
}
.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::-webkit-input-placeholder{
    font-size: 8px;
}
input:-moz-placeholder{
    font-size: 8px;
}
input::-moz-placeholder{
    font-size: 8px;
}
input:-ms-input-placeholder{
    font-size: 8px;
}
input[type=radio]{
width: 13px;
height: 13px;
margin-right: 0.1em;
}
    table#main tr.form th .require,dl.request dt .require{
        position: inherit;
        display: block;
        margin-top: .25rem;
        left: 0;
}
/*    table tr.form:nth-child(2) .require{
        bottom: 10px;
}*/
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;
background: rgba(235, 222, 207, 0.9);
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;
background-color:#fff;
margin: 0 auto;
padding: 0%;
font-size:.9em;
color:#876a49;
border:#C2B294 solid 1px;
}
.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;
display: block;
}
#t-area .in-text {
padding: .8em 1em;
}
#t-area .in-text ul{
font-size:.7em;
}
#t-area .in-text li{
font-size:.6em;
}
#t-area .in-text p{
font-size:.6em;
}
#time table #datepicker_table,#time table #datepicker2_table{
margin: none;
}
#time table table th,table td #datepicker_table td,table td #datepicker2_table td{
display:table-cell;
}
    table#main tr.form.r-flex td.child{
        width: 40%;
    }
    table#main tr.form.r-flex td.child input{
        width: 100%;
    }
#time table table td .picker__day{
padding: 0;
}
    input[type='text'], input[type='email'], input[type='select'], input[type='tel'], button, select, textarea{
        width: 90%;
    }
/*----------------thanks------------------*/
.thanks .text{
width: 95%;
margin-top: 1.5em;
}
.thanks .text h2{
font-size: 1em;
}
.thanks .text p{
font-size: .6em;
}
}