@charset "utf-8";
 img {
max-width:100%;
} .contact_txt{
background:#fbfbf3;
width:100%;
padding:40px 0;
}
.contact_txt p{
width:100%;
max-width: 960px;
margin:0 auto;
text-align: center;
}
.contact_txt p:last-child{
font-size: 18px;
margin-top:10px;
}
@media screen and (min-width: 0px) and (max-width:457px) {
.contact_txt p:last-child{
margin-top:30px;
}
}
.form_txt{
text-align: center;
margin-bottom: 50px;
}
.form_txt a{
text-decoration: underline;
color:#000;
}
.form_txt a:hover{
text-decoration: none;
}  .reserved_inner {
position: relative;
width: 100%;
max-width: 960px;
margin: 0 auto;
}
.reserved_txt{
width:100%;
padding:40px 0;
}
.reserved_txt p{
width:100%;
max-width: 960px;
margin:0 auto;
text-align: center;
}
.exhibition-area {
width: 100%;
max-width: 960px;
overflow: hidden;
margin: 0 auto;
}
.exhibition-area .exhibition-box {
float: left;
width: 50%;
text-align:center;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.exhibition-area .exhibition-box:first-child {
padding: 1% 1% 0 2%;
}
.exhibition-area .exhibition-box:last-child {
padding: 1% 2% 0 1%;
}
}
.exhibition-select{
width: 100%;
max-width: 960px;
margin: 0 auto;
}
.exhibition-select .wpcf7-list-item:first-child {
position: absolute;
top: 410px;
width: 50%;
text-align: center;
margin-left: 0;  
}
@media screen and (min-width: 0px) and (max-width:767px) {
.exhibition-select .wpcf7-list-item:first-child {
width: 50%;
text-align: center;
top: 100px;
padding: 0 2%;  
}
}
@media screen and (min-width: 0px) and (max-width:480px) {
.exhibition-select .wpcf7-list-item:first-child {
top: 100px;
font-size:14px;  
}
}
.exhibition-select .wpcf7-list-item:last-child {
position: absolute;
top: 410px;
width: 50%;
text-align: center;
right:0;  
}
@media screen and (min-width: 0px) and (max-width:767px) {
.exhibition-select .wpcf7-list-item:last-child {
width: 50%;
text-align: center;
top: 100px;  
right:0;
padding: 0 2%;  
}
}
@media screen and (min-width: 0px) and (max-width:480px) {
.exhibition-select .wpcf7-list-item:last-child {
top: 100px;
font-size:14px;  
}
}
.exhibition-info{
font-size:14px;
margin-top:40px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.exhibition-info{
margin-top: 10px;	
}
}
.exhibition-select .wpcf7-form-control-wrap {
position: static;
}
.event_hour{
margin: 0 0.3em;
}
.event_hour2{
margin: 0 0.3em;
}
.wpcf7-free-text{
background-color:#fff;
margin-left: 0.3em;
} .form table .document th {
padding-top: 40px;
vertical-align: top;
line-height:1.4;
}
.form table .document02 th {
padding-top: 25px;
vertical-align: top;
}
.form table .document03 th {
padding-top: 40px;
vertical-align: top;
}
.document td {
line-height: 2.2;
}
@media screen and (max-width: 480px) and (min-width: 0px){
.form .doc .wpcf7-form-control .wpcf7-list-item label input{
width: auto !important;
}
} .contact_area {
width: 100%;
min-width: 960px;
margin-bottom:136px;
}
.contact_inner {
width: 100%;
max-width: 960px;
margin: 0 auto;
}
.contact_ttl {
text-align: center;
line-height:1.1;
margin: 80px 0;
}
.contact_ttl span{
display:block;
color:#3e291b;
font-size: 18px;
margin-top: 20px;
}
.form_ttl {
font-size: 24px;
}
.form_ttl.en {
letter-spacing: 3px;
}
.form {
margin: 45px auto 0 auto;
}
.form table,.request_img_block{
width: 100%;
max-width: 910px;
margin: 0 auto;
}
.form table th,p.block{
position: relative;
width: 200px;
color:#000;
font-size: 16px;
text-align: right;
vertical-align: middle;
padding: 20px 1em 20px 0;
}
#en_contact .form table {
max-width: 740px;
}
#en_contact .form table th{
width: 240px;
font-size: 14px;
}
.form table td {
text-align: left;
padding: 30px 10px;
font-size: 16px;
border-collapse: collapse;
vertical-align: middle;
}
.request_img_block{
text-align: left;
}
.form_border {
border-bottom:1px dotted #b4b7b7;
}
.tb_bg {
width: 100%;
background: #fbfaf7;
}
.block_flex_box{
display:flex;
flex-wrap:wrap;
text-align: center;
}
.label_form{
font-weight:normal;
display: block;
padding:20px;
margin-bottom:0;
}
.document_request_box .check_title{
text-align: left;
}
.flex_item{
flex-basis: 46%;
border: 2px #BFBFBF solid;
margin: 0 1% 30px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.label_form{
padding:10px 10px 10px 0;
margin-bottom:0;
}
.flex_item{
flex-basis: 43%;
border: 2px #BFBFBF solid;
margin: 0 1% 30px;
}
.document_request_box{
display:flex;
align-items:center;
}
.document_request_box .check_title{
display:block;
flex-basis:68%;
font-size:14px;
margin-right:2%;
}
.img_box{
flex-basis:28%;
}
.block_flex_box{
display:block;
text-align:left;
}
.form {
margin-top:20px;
overflow: hidden;
}
.form table {
width: 100%;
max-width: 100%;
}
.form p.block{
text-align: left;
border: none;
padding: 40px 0 0 2%;	
}
.form table th {
display: block;
width: 98%;
text-align: left;
border: none;
padding: 40px 0 0 2%;
}
.form table td:not(.column_2) {
display: block;
width: 94%;
padding: 10px 0 10px 2%;
}
#en_contact .form table th {
width: auto;
font-size: 16px;
}
} label, input[type='checkbox'] {
cursor: pointer;
margin-bottom: 0.4em;
}
@media all and (-ms-high-contrast:none) {
label, input[type='checkbox'] {
margin-top: 0.4em;
margin-bottom:0;
}
}
.form input,
.form select,
.form textarea {
font-size: 16px;
border-radius: 4px;
border: 1px solid #999;
padding: 10px;
overflow:hidden;
}
.form textarea {
width: 100%;
max-width: 450px;
color:#000;
}
.form select{
background:#fff; }
.form input[type="radio"] {
vertical-align:1px !important;
width: auto !important;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.form input,
.form select,
.form textarea {
padding: 2%;
}
.form textarea,
.form select{
max-width:90%;
}
}
@media screen and (min-width: 0px) and (max-width:480px) { .book .wpcf7-checkbox .wpcf7-list-item input{
width:auto;
}
.fav .wpcf7-list-item input{
width:auto;
}
.event_hour,.event_hour2 {
margin: 0 0.3em;
}
}
@media screen and (min-width: 0px) and (max-width:480px) {
.form input::-webkit-input-placeholder{
font-size: 16px;
}
} .recaptcha_box {
padding-top: 20px;
}
.g-recaptcha > div {
margin: 0 auto;
} .send {
text-align: center;
padding: 70px 0 30px;
}
.send.pb70 {
padding-bottom: 70px;
}
.send:first-letter{
font-family: FontAwesome;
}
input[type="submit"] {
-webkit-appearance: none;
}
#mail_submit {
width: 95%;
max-width: 420px;
height: 60px;
color: #fff;
font-weight: bold;
font-size: 18px;
border: none;
background: #65b32c;
background-position: 80% 50%;
margin: 0 auto;
cursor: pointer;
padding: 10px 10px 10px 0;
border-radius:0;
}
#mail_submit:hover { background: #fff;
border:1px solid #65b32c;
color: #65b32c;
-webkit-transition: all .3s;
transition: all .3s;
}
#mail_submit i{
margin-right:10px;
} @media all and (-ms-high-contrast:none) {
#mail_submit {
padding-top: 15px;}
}
@media screen and (min-width: 0px) and (max-width:767px) {
#mail_submit {
font-size: 16px;
background-position: 90% 50%;
}
}  input,
textarea,
select {
outline:none;
}
input:focus,
textarea:focus,
select:focus {
box-shadow: 0 0 5px #3696ff;
}
input[type="radio"]:focus {
box-shadow: 0 0 0 #fff;
}
@media screen and (min-width: 0px) and (max-width:767px) { input::-webkit-input-placeholder {
font-size: 11px;
}
input:-moz-placeholder {
font-size: 11px;
}
} .form .require {
position: absolute;
top:35px;
left:0;
display: inline-block;
color: #FFF;
font-size: 12px;
font-weight: normal;
line-height: 1em;
text-align: center;
border-radius:4px;
background: #be3131;
padding: 7px 10px;
margin: 0 0 3px 5px;
}
.form p.block .require {
top:15px;
} @media all and (-ms-high-contrast:none) {
.form .require {
padding: 10px 7px 7px 7px;
}
.wpcf7-list-item-label{
vertical-align:sub;
}
}
@media screen and (min-width: 0px) and (max-width:767px) {
.form .require {
position: static;
margin: 0 0 0 15px;
}
.form p.block{
width:100%;
margin-bottom: 10px;
}
.form p.block .require {
margin: 0 0 0 15px;
}
} .post-mark {
color: #000;
margin-right: 1%;
position: relative;
top: -9px;
}
.rightcoution {
font-size: 14px;
line-height:1.3;
padding-left: 10px;
display: inline-block;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.post-mark {
display: inline-block;
width: 5%;
position: inherit;
}
.rightcoution {
display: block;
padding-left: 0;
padding-top: 5px;
}
} .note {
display: block;
color: #ff0000;
font-size: 14px;
line-height: 1;
}
.note.bottom {
width: 100%;
max-width: 960px;
color: #000;
font-size: 14px; text-align: center;
margin: 0 auto;
}
.note.bottom a:hover{
text-decoration:none;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.note.bottom {
width: 95%;
font-size: 14px;
text-align: left;
}
} .radio input{
width:auto;
}
.radio label:not(:last-child){
margin-right: 25px;
}
@media screen and (min-width: 0px) and (max-width:480px) {
.job_radio label{
display: block;
}
} span.wpcf7-not-valid-tip{
margin-top:20px !important;
} .fr-txt-comment{
margin-left:0.5em;
}
.fav span.wpcf7-list-item {
display: block;
margin-left:0.1em;
} .length-l {
width: 100%;
max-width: 450px;
}
.length-m {
width: 240px;
}
.length-post {
width: 100%;
max-width: 180px;
margin-bottom: 20px;
}
.length-add {
width: 100%;
max-width: 210px;
margin-right: 20px;
}
.length-ymd {
width: 100%;
max-width: 104px;
margin-right: 3px;
}
.nichiji{
max-width: 178px!important;
width:100%;
}
.length-birth{
width:100%;
max-width: 125px;
}
.length-birth2{
width:100%;
max-width: 85px;
margin-left:25px;
}
.length-birth,
.length-birth2{
margin-right: 10px;
}
@media screen and (min-width: 0px) and (max-width:480px) { }
@media screen and (min-width: 0px) and (max-width:767px) {
.length-l {
max-width: 90%;
}
.length-m {
width: 88%;
}
.length-post { margin-bottom: 0;
}
.length-add {
max-width: 100%;
float: none;
margin-right: 0;
margin-bottom: 10px;
}
} .F_thanks_wrapper {
width: 100%;
min-width: 960px;
max-width: 960px;
margin: 0 auto;
}
.F_thanks_wrapper {
text-align: center;
margin: 80px auto 100px auto
}
.F_thanks_wrapper p {
font-size: 16px;
margin: 0 0 15px 0;
line-height: 1.7;
color: #626262
}
.F_thanks_wrapper span {
display: block;
font-size: 26px;
margin-bottom: 30px;
line-height: 1.5;
}
@media screen and (min-width: 0px) and (max-width:480px) {
.F_thanks_wrapper p {
text-align:left;
}
.F_thanks_wrapper p.tac {
text-align:center;
}
}
@media screen and (min-width: 0px) and (max-width:767px) {
.F_thanks_wrapper {
width: 95%;
min-width: 100%;
margin-top:40px;
}
.F_thanks_wrapper span {
font-size: 18px;
margin-bottom: 20px;
}
}
.F_thanks_inner {
width: 95%;
margin: 0 auto;
line-height: 60px;
}
.F_thanks_inner .button {
border: 1px solid #000;
width: 300px;
background: #000;
margin: 60px auto;
}
.F_thanks_inner .button a {
color: #fff;
display: block;
text-decoration: none;
padding: 20px 0;
-webkit-transition: all .3s;
transition: all .3s;
}
.F_thanks_inner .button:hover a {
color: #000;
background: #fff;
}
@media screen and (max-width:768px) {
.F_thanks_inner .button {
max-width: 300px;
width: 100%;
height: auto;
margin: 30px auto;
}
} .txt_center {
text-align: center;
}
.v_top {
vertical-align: top !important;
padding-top: 40px !important;
}
.mr20 {
margin-right: 20px;
}
.mb20{
margin-bottom: 20px;
}
.fontS {
font-size: 12px;
}
.bd_none {
border: none !important;
}
.pc_none457 {
display: none;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.v_top {
vertical-align: middle !important;
padding-top: 0px;
}
.mr20 {
margin-right: 2%;
}
.sp_none{
display:none;
}
}
@media screen and (max-width:480px) {
.sp_none480{
display:none;
}
} .column_2{
display:flex;
flex-wrap:wrap;
}
.column_2 input{
margin-right:10px;
padding: 10px 0 10px 2%;
}
@media screen and (max-width: 767px) {
.column_2 input{
margin:10px 10px 0 0;
}
.column_2 .wpcf7-form-control-wrap{
flex-basis:90%;
}
}
.cb_01{
margin:20px 0 10px 0;
}
.cb_01_other{
margin-left:10px;
}
.search_zip a{
color:#000;
margin-left:10px;
transition:.5s all;
text-decoration: none;
font-size: 16px;
}
.search_zip a:hover{
text-decoration: underline;
}
.zip_pref,
.zip_city{
margin-bottom: 30px;
}
.zip_cap{
margin-right:20px;
}
@media screen and (max-width: 767px) {
.search_zip a{
display: block;
margin-top: 20px;
margin-left:0;
}
.zip_cap{
margin-right:20px;
display: block;
margin-bottom:10px;
}
.zip_m{
width:90%;
}
.kikkake label{
line-height: 1.8;
}
.contact_meth td{
width:90%!important;
}
.cb_01_other{
margin-left:0;
}
} .plan_season_d{
display: flex;
margin-top: 10px;
}
.season_txt{
margin:0 10px;
display: flex;
align-items: center;
}
@media screen and (max-width: 767px) {
.season_txt:last-child{
margin:0 0 0 0;
display: flex;
align-items: center;
}
}
.preff_01{
display:flex;
flex-wrap:wrap;
align-items: center;
margin-bottom: 20px;
}
.preff_txt,.preff_time{
padding:0 10px;
}
.preff_cap{
color:#ff0000;
margin-bottom:20px;
padding-top: 15px;
}
img.ui-datepicker-trigger{
cursor: pointer;
margin-left: 7px !important;
vertical-align: middle;
position: absolute;
right: 3%;
top: 50%;
transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
.preff_01{
display:block;
margin-bottom: 30px;
}
.preff_txt,
.preff_time{
display:block;
margin-top: 20px;
padding:0 10px 10px;
}
.img.ui-datepicker-trigger{
top:2px;
}
} .noimg {
display: none;
} .form_ttl_long .require{
top:8px;
}
.radio_select_blc01 td{
padding:30px 10px 40px;
}
.radio_select_blc01 .wpcf7-form-control.wpcf7-radio{
display:flex;
flex-wrap: wrap;
}
.radio_select_blc01 .wpcf7-form-control.wpcf7-radio span.wpcf7-list-item {
display: block;
margin: 0 0 0 1em;
flex-basis: 30%;
}
@media screen and (min-width: 0px) and (max-width: 767px){
.radio_select_blc01 .wpcf7-form-control.wpcf7-radio span.wpcf7-list-item {
flex-basis: 48%;
margin: 0 1%;
}
}
.radio_select_blc01 .wpcf7-form-control.wpcf7-radio label span{
display: inline-block;
margin: 0 0 6px;
}
.radio_select_blc01 .wpcf7-list-item:nth-child(1) label::after{
content: '';
max-width:260px;
width: 100%;
height:100%;
min-height: 150px;
background:url(https://www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/img_honten.jpg) no-repeat;
background-size: contain;
display: block;
}
.radio_select_blc01 .wpcf7-list-item:nth-child(2) label::after{
content: '';
max-width:260px;
width: 100%;
height:100%;
min-height: 150px;
background:url(https://www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/about.jpg) no-repeat;
background-size: contain;
display: block;
}
.radio_select_blc01 .wpcf7-list-item:nth-child(3) label::after{
content: '';
background:url(https://www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/img_yukari.jpg) no-repeat;
background-size: contain;
display: block;
max-width:260px;
width: 100%;
height:100%;
min-height: 150px;
}  .new_year_holidays_conts {
width: 90%;
margin: 0 auto;
max-width: 850px;
border: solid 2px #CB4E6D;
}
.new_year_holidays_conts p{
padding: 15px 20px;
text-align: center;
}
.new_year_holidays_conts p span{
text-align: center;
font-weight:normal;
font-size:16px;
line-height: 28px;
color: #CB4E6D;
}
.new_year_holidays_conts p span a{
text-decoration: underline;
color: #CB4E6D;
}
@media screen and (max-width: 767px) {
.new_year_holidays_conts {
width: 95%;
}
.new_year_holidays_conts p{
padding: 10px 15px;
text-align: initial;
}
.new_year_holidays_conts p span{
line-height: 25px;
}
} .area-map{
width: 90%;
margin: 5% auto;
max-width: 850px;
border: solid 2px #333;
}
.area-map h2{
background: #333;
color: #fff;
text-align: center;
padding: 10px 0;
margin: 0 auto 3%;
width: 100%;
}
.area-map p,
.area-map figure{
margin: 0 auto 3%;
width: 90%;
}
@media screen and (max-width: 767px) {
.area-map{
width: 95%;
}
.area-map p{
margin: 6% auto 3%;
line-height: 1.4em;
}
}