html{
color: #000;
font-size: 16px;
} .h-style01 {
font-size: 28px;
text-align: center;
line-height: 1;
position: relative;
padding-bottom: 14px;
margin-bottom: 60px;
}
.h-style01:after {
content: "";
display: block;
width: 100px;
height: 3px;
background-color: #000;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
}  a.center_btn{
display: table;
margin: 0 auto;
}
span.red{
color: #C00;
} @media screen and (min-width:740px){ .sp_mode{ display: none; }
}
@media screen and (max-width:740px){
.pc_mode{ display: none; }
.sp_mode{ display:; }
}
#submit,#amend,#sendmail{
cursor: pointer;
border: none;
background: none;
width: 416px;
height: 70px;
}
@media screen and (max-width:740px){
#submit,#amend,#sendmail{
cursor: pointer;
border: none;
background: none;
width: 100%;
height: 0;
margin: 0;
padding-bottom: 19%;
}
}
#submit{
background-size: 100% auto;
}
#submit:hover{
}
#amend{
}
#amend:hover{
}
#sendmail{
}
#sendmail:hover{
}
input{
-webkit-appearance: none !important;
} section.contact01 .check_mode ul.options li label {
color: #666;
font-size: 12px;
}
section.contact01 .check_mode p.p_input_box {
margin: 0;
}
section.contact01 .check_mode .hideme{
display: none;
}
section.contact01 .p_input_err_select {
margin: 0;
margin-top: -10px;
margin-bottom: 10px;
color: #C00;
font-size: 12px;
}
section.contact01 .p_input_err_input {
margin: 0;
margin-top: 0px;
margin-bottom: 10px;
color: #C00;
font-size: 12px;
}
#wrapper{
padding-top: 0;	
} section.contact01 p {
font-size: 14px;
word-break: break-all;
letter-spacing: 0.5px;
}
section.contact01 p.p_input_box {
display: inline-block;
margin: 0;
}
section.contact01 p.catch_txt{
font-size: 1.5rem;
text-align: center;
margin-bottom: 10px;
}
section.contact01 p.left_txt {
width: 960px;
margin: 0 auto 20px;
line-height: 180%;
}
section.contact01 p.center_txt{
text-align: center;
}
section.contact01 #form_error{
color: #C00;
margin-top: 0;
font-weight: normal;	
}
section.contact01{
float: none;
margin: 0 auto;
border: 0;	
}
tr.contact01,
tr.contact02{
display: none;
}
body{
overflow-x: hidden;
}
p.alert{
font-size: 0.875rem;
color: #333;
width: 880px;
margin: 0 auto;
}
.ui-datepicker-trigger{
padding: 10px;
vertical-align: middle;
}
span.hissu{
color: #c00;
border: 1px solid #C00;
font-weight: normal!important;
text-align: center;
padding: 0 5px;
font-size: 14px;
margin-right: 10px;
}
th span.hissu{
margin-right: 0;
margin-left: 10px;
}
section.contact01 table tbody tr th span{
padding: 2px 5px 3px 5px;
background: #fff;
}
section.contact01 table tbody tr td textarea{
resize: vertical;
width: 100%;
height: 8em;
padding: 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}
section.contact01 table tbody tr td input{
display: inline-block;
padding: 4px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}
section.contact01 table tbody tr td textarea{
margin-top: 16px;
line-height: 160%;
}
section.contact01 table tbody tr td input,
section.contact01 table tbody tr td textarea,
section.contact01 table tbody tr td select{
padding: 7px;
border: 2px solid #D7DFE3;
border-radius: 3px; transition: border 0.3s;
font-size: 1rem;
font-family: 'Noto Sans JP' !important;
}
section.contact01 table tbody tr td input:focus,
section.contact01 table tbody tr td input.focus,
section.contact01 table tbody tr td textarea:focus,
section.contact01 table tbody tr td textarea.focus,
section.contact01 table tbody tr td select:focus,
section.contact01 table tbody tr td select.focus {
border: solid 2px #18223F;
}
section.contact01 table tbody tr td select{
margin: 0 0 10px 0;
padding: 6px 10px 10px;
width: 30%;
}
section.contact01 table tbody tr.room td select{
width: 300px;
padding-left: 0;
font-size: 0.875rem;
}
:focus{
outline:0;
}
section.contact01 table tbody tr td input.opt_small{width: 50px;}
section.contact01 table tbody tr td input.inline{width: 120px;}
section.contact01 table tbody tr td input.tel_size{width: 70px;}
section.contact01 table tbody tr td input.smaller{width: 50px;}
section.contact01 table tbody tr td input.small{width: 25%;margin: 0 0 10px 0;}
section.contact01 table tbody tr td input.middle{width: 50%;margin:5px 0;}
section.contact01 table tbody tr td input.big{width: 75%;}
section.contact01 table tbody tr td input.max{width: 100%;}
@media screen and (max-width:767px){
section.contact01 table tbody tr td input.small{
width: 50%;
-webkit-appearance:none;
margin: 5px 0 5px;
}
section.contact01 table tbody tr td input.middle{
width: 100%;
-webkit-appearance:none;
}
section.contact01 table tbody tr td input.big{
width: 100%;
-webkit-appearance:none;
}
section.contact01 table tbody tr td input.max{
width: 100%;
-webkit-appearance:none;
}
}
section.contact01 .submit_box{
margin: 40px 0 0;
text-align: center;
font-family: 'Noto Sans JP';
}
section.contact01 .submit_box input{
display: inline-block;
margin: 0 10px 10px;
}
section.contact01 .close_btn{
display: block;
margin: 30px auto; padding: 20px;
color: #666;
font-weight: bold;
font-size: 16px;
text-align: center;
background: #EFEFEF;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
}
section.contact01 *{
box-sizing:border-box;
}
section.contact01 input[type="radio"] + label,section.contact01 input[type="checkbox"] + label {
color: #000;   
font-size: 1em;
cursor: pointer;
}
section.contact01 input[type="checkbox"] + label span{
display: inline-block;
padding-left: 10px;
}
section.contact01 input[type="checkbox"] + label span.product_name{
width: 200px;
font-weight: bold;
}
section.contact01 input[type="checkbox"] + label span.product_quantity{
width: 80px;
text-align: left;
}
section.contact01 input[type="checkbox"] + label span.product_waribiki{
width: 80px;
text-align: right;
margin-right: 10px;
color: red;
}
section.contact01 input[type="checkbox"] + label span.product_price{
width: 190px;
text-align: right;
}
section.contact01 ul.options{
display: none;
list-style: none;
padding: 5px 20px;
margin: 0;
margin-top: 8px;
margin-bottom: 10px;
background: #e6e6e6;
}
section.contact01 ul.options li{
width: 180px;
display: inline-block;
vertical-align: top;
list-style: none;
}
section.contact01 ul.options li.op_product_number{
width: 100px;
}
section.contact01 ul.options li select{
width: 140px;
margin: 0;
margin-bottom: 10px;
}
section.contact01 ul.options li label{
display: block;
}
section.contact01 input[type="radio"] + label{
margin-right: 5px;
}
section.contact01 input[type="radio"],
section.contact01 input[type="checkbox"] {
position:absolute;
opacity:0;
cursor: pointer;
}
section.contact01 input[type="radio"]:hover, section.contact01 input[type="radio"]:focus, section.contact01 input[type="radio"]:hover + label, section.contact01 input[type="radio"]:focus + label,
section.contact01 input[type="checkbox"]:hover, section.contact01 input[type="checkbox"]:focus, section.contact01 input[type="checkbox"]:hover + label, section.contact01 input[type="checkbox"]:focus + label {
border-color: #ddd;
color: #666;
}
section.contact01 input[type="radio"]:checked + label,
section.contact01 input[type="checkbox"]:checked + label {
color: black;
position:relative;
}
section.contact01 input[type="checkbox"]:checked + label {
color: black;
position:relative;
width: 100%;
display: block;
}
section.contact01 input[type="radio"] + label:before {
content: '';
width: 12px;
height: 12px;
margin-right: 1px;
position: relative;
top: 3.5px;
display: inline-block;
background-color: #fff;
border-radius: 1em;
border: 3px solid #FFFFFF;
box-shadow: 0px 0px 0px 1px #ccc;
}
section.contact01 input[type="checkbox"] + label::before {
content: "";
width: 17px;
height: 17px;
position: relative;
top: -24px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
border-radius: 5px;
border-width: 2px;
border-style: solid;
border-color: rgb(215, 223, 227);
border-image: initial;
margin: 0px auto;
left: -130px;
}
section.contact01 input[type="checkbox"]:checked + label::after {
content: '';
position: absolute;
top: 4px;
left: 8px;
bottom: 0;
display: block;
width: 4px;
height: 8px;
border: solid #002156;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
section.contact01 .privacy_box input[type="checkbox"]:checked + label::after {
top: -67px;
position: absolute;
left: -260px;
right: 0;
margin: auto;
}
section.contact01 input[type="radio"]:checked + label::before {
border-color: #fff;
}
section.contact01 input[type="radio"]:checked + label::after {
content: '';
width: 10px;
height: 10px;
position: absolute;
top: 2px;
left: 4px;
bottom: 1px;
margin: auto;
display: inline-block;
background-color: #C9C9C9;
border-radius: 50%;
}
@media screen and (max-width:740px){
section.contact01 .privacy_box input[type="checkbox"]:checked + label::after {
position: absolute;
left: -260px;
right: 0;
margin: auto;
top: -94px !important;
}
section.contact01 input[type="checkbox"] + label::before {
top: -38px;
}
section.contact01 input[type="checkbox"]:checked + label::after {
top: 4px;
}
section.contact01 .submit_box{
margin: 0px 0 0;
}
} .first_choice_menu{
margin-bottom: 50px;
}
.first_choice_menu dt{
margin-bottom: 20px;
font-weight: bold;
}
.first_choice_menu .radio_list{
font-size: 0;
text-align: center;
}
.first_choice_menu .radio_list li{
position: relative;
display: inline-block;
width: calc( 100% / 5 - ( 10px * 4 / 5 ) );
margin-right: 10px;
background: #EEF0F2;
border: 1px solid #D7DFE3;
border-radius: 3px;
font-size: 16px;
}
.first_choice_menu .radio_list li.checked{
background: #F6AC1D;
border-color: #F6AC1D;
}
.first_choice_menu .radio_list li:nth-child(5n){
margin-right: 0;
}
.first_choice_menu .radio_list input[type="radio"] + label{
display: inline-block;
line-height: 44px;
margin-right: 0;
padding-left: 16px;
}
.first_choice_menu .radio_list input[type="radio"] + label:before{
position: absolute;
top: 13px;
left: 10px;
}
.first_choice_menu .radio_list input[type="radio"]:checked + label{
position: static;
}
.first_choice_menu .radio_list input[type="radio"]:checked + label::after{
left: 14px;
background-color: #0FA44A;
}
.check_list{
}
.check_list li{
display: inline-block;
margin-bottom: 9px;
width: 32%;
}
.check_list li.full{
width: 100%;
} .box.uploadbox {
display: inline-block;
width: 100%;
vertical-align: top;
}
@media screen and (max-width: 666px) {
.box.uploadbox {
display: block;
width: 100%;
margin-bottom: 20px;
border-width: 2px;
}
}
@media screen and (max-width: 666px) {
.box.uploadbox {
margin-bottom: 20px;
}
}
.box.uploadbox .choose-set {
}
.box.uploadbox .choose-set * {
letter-spacing: 1px;
}
.box.uploadbox .choose-set .thum {
padding: 20px;
display: inline-block;
vertical-align: top;
width: 96%; border-radius: 3px;
border: 2px solid #D7DFE3;
text-align: center; }
.box.uploadbox .choose-set .thum .file_msg{
display: inline-block;
font-size: 14px;
}
.box.uploadbox .choose-set .thum img {
max-width: 100%;  max-height: 600px;
}
.box.uploadbox .choose-set .btn-set {
display: block;
width: 100%;
height: auto;
}
.box.uploadbox .choose-set .btn-set .file-btn {
padding: 0;
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
border: none;
}
.box.uploadbox .choose-set .btn-set .enable {
margin-bottom: 10px;
}
.photo_controls{
display: none;
margin-top: 5px;
margin-bottom: 10px;
}
.photo_controls span{
cursor: pointer;
display: inline-block;
padding: 0 6px;
border-radius: 10px;
margin-right: 5px;
color: #555; font-size: 12px;
font-weight: bold;
background: #f5f5f5;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.photo_controls span i{
font-size: 14px;
color: #000;
margin-right: 3px;
}
.photo_controls span.inuse{
pointer-events: none;
background: #333;
color: #fff;
}
.photo_controls span.inuse i{
color: #fff;
}
.photo_controls span:hover{
background: #e5e5e5;
}  #main section.contact01{
padding-bottom: 100px;
}
section.contact01 p{
margin-bottom: 0;
}
section.contact01 div.contents{
width: 100%;
}
section.contact01 p{}
section.contact01 .tel_box{
margin-top: 50px;
text-align: center;
padding: 40px 0;
background: #eee;
}	
section.contact01 p.center_btn{
display: table;
margin: 50px auto 100px;
cursor: pointer;
}
section.contact01 div.btns{
text-align: center;
}
section.contact01 div.btns p{ 
display: inline-block;
margin: 4%;
}  section.contact01 .form_viewport{ }
section.contact01 table.table_form{ width: 100%;
margin: 0 auto 30px;
color: #fff;
font-size: 0.875rem;
line-height: 190%;
border-bottom: 1px solid #ddd;
}
section.contact01 table.table_form th{
background: #F3F5F8;
color: #88909D;
font-weight: bold;
border: 1px solid #ddd;
font-weight: bold;
border-bottom: none;
font-size: 16px;
padding: 28px 20px 20px 20px;
vertical-align: top;
width: 240px;
text-align: left;
}
section.contact01 table.table_form td{
background: #FFF; 
border: 1px solid #ddd;
border-bottom: none;
border-left: none;
color: #11182C;
padding: 20px 20px;
vertical-align: middle;
}
section.contact01 table.table_form td dl{
margin-bottom: 20px;
}
section.contact01 table.table_form td dl:last-child{
margin-bottom: 0;
} .privacy_box{
margin-bottom: 30px;
}
section.contact01 #privacyPolicy{
margin: 2% auto;
padding: 22px 19px;
max-width: 960px;
height: 240px;
overflow-y: scroll;
background: #FFF;
border: 1px #CCC solid;
text-align: left;
font-size: 12px;
width: 100%;
}
section.contact01 #privacyPolicy ul,
section.contact01 #privacyPolicy ol,
section.contact01 #privacyPolicy p{
margin: 0;
padding: 0;
margin-bottom: 20px;
font-size: 14px;
line-height: 180%;
}
section.contact01 #privacyPolicy ol ol{
margin-left: 10px;
}
section.contact01 #privacyPolicy h2{
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}
section.contact01 #privacyPolicy h3{
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
section.contact01 #privacyPolicy p.sign{
margin-bottom: 50px;
font-size: 12px!important;
}
.ui-widget-header .ui-icon {
}
form.form01 .submit_box input[type="submit"], form.form01 .submit_box input[type="button"], form.form01 .submit_box span.submit, form.form01 .submit_box button {
font-family: 'Noto Sans JP';
border: none;
border-radius: 0;
-webkit-appearance: none;
padding: 20px 0 19px;
margin: 0 18px;
font-size: 1rem;
color: #fff;
letter-spacing: 2px;
text-align: center;
background: #5aa8ee;
border-radius: 3px;
cursor: pointer;
font-weight: 400;
display: inline-block;
width: 418px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: 0.4s background;
-o-transition: 0.4s background;
transition: 0.4s background;
transition: 0.2s;
}
form.form01 .submit_box #submit_btn {
background: #5aa8ee;
font-family: 'Noto Sans JP', sans-serif;
transition: 0.2s;
}
form.form01 .submit_box #submit_btn:hover {
background-color: #2558aa;
color: #FFF;
}
form.form01 .submit_box #sendmail_btn:hover {
background-color: #2558aa;
color: #FFF;
}
form.form01 .submit_box #amend_btn { background: #aaa;
}
form.form01 .submit_box #amend_btn:hover {
background: #888;
} .privacy_box{
margin-bottom: 30px;
}
section.contact01 #privacyPolicy{
margin: 2% auto;
padding: 0 19px 22px 19px;
max-width: 960px;
height: 240px;
overflow-y: scroll;
background: #FFF;
border: 1px #CCC solid;
text-align: left;
font-size: 12px;
width: 100%;
}
section.contact01 #privacyPolicy ul,
section.contact01 #privacyPolicy ol,
section.contact01 #privacyPolicy p{
margin: 0;
padding: 0;
margin-bottom: 20px;
font-size: 14px;
line-height: 180%;
}
section.contact01 #privacyPolicy ol ol{
margin-left: 5px;
}
section.contact01 #privacyPolicy ul li dt{
margin: 20px 0 10px;
font-weight: 500;
}
section.contact01 #privacyPolicy ul li dd{
margin: 10px 0;
}
section.contact01 #privacyPolicy ul li .detail{
margin:0 0 40px 0;
}
section.contact01 #privacyPolicy ul li dd.ml20{
margin: 0 0 10px 20px;
}
section.contact01 #privacyPolicy ul li dd.title{
margin: 25px 0 0px 0;
}
section.contact01 #privacyPolicy ul li dd.number{
margin: 30px 0 0 0;
}
.privacy_box a{
text-decoration: underline !important;
}
.privacy_box a:hover{
color: #5aa8ee;
}
@media screen and (max-width:767px){
#main section.contact01{
padding-top: 30px;
padding-bottom: 50px;
}
section.contact01 p.left_txt {
width: 100%;
}
span.hissu{
font-size: 12px;
}
section.contact01 table tbody tr td textarea{
height: 12em;
}
section.contact01 table tbody tr td input,
section.contact01 table tbody tr td textarea,
section.contact01 table tbody tr td select{
font-size: 14px;
margin: 5px 0 0 0;
-webkit-appearance:none;
}
section.contact01 table tbody tr td select{
width: 100%;
margin: 5px 0;
}
.first_choice_menu .radio_list li{
display: block;
width: 100%;
margin-right: 10px;
text-align: left;
padding-left: 20px;
margin-bottom: 10px;
}
.check_list li{
display: block;
width: 100%;
} section.contact01 table.table_form{
width: 100%;
table-layout: fixed;
}
section.contact01 table.table_form th{
font-size: 14px;
padding: 12px 10px;
display: block;
width: 100%;
box-sizing: border-box;
}
section.contact01 table.table_form td{
padding: 10px 10px;
display: block;
width: 100%;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
form.form01 .submit_box input[type="submit"], form.form01 .submit_box input[type="button"], form.form01 .submit_box span.submit, form.form01 .submit_box button {
width: 80%;
font-family: 'Noto Sans JP';
font-weight: 400;
}
section.contact01 table tbody tr td input.inline {
width: 32%;
}
form.form01 .submit_box #submit_btn {
background: #5aa8ee;
}
form.form01 .submit_box #sendmail_btn {
margin-bottom: 20px;
font-weight: 500;
font-family: 'Noto Sans JP';
}
}
.subko{
display: block;
padding-top: 8px;
}
@media screen and (max-width:767px){
.page.thanks .inner1080{
max-width: 90%;
}
}
section.contact01 p span.blue_dotted {
position: relative;
display: block;
padding: 0 0 0 20px;
}
section.contact01 p span.blue_dotted:after {
position: absolute;
content: "";
display: block;
content: "";
background-color: #5aa8ee;
width: 8px;
height: 8px;
left: 5px;
top: 11px;
border-radius: 10px;
}
.p_input_err {
color: rgb(204, 0, 0) !important;
}
input::placeholder,
textarea::placeholder{
color:#ccc
}
section.contact01 p.contact_title{
font-weight: 700;
font-size: 15px;
text-align: center;
}
.center{text-align: center;} @media screen and (max-width:380px){
section.contact01 .privacy_box input[type="checkbox"]:checked + label::after {
top: -19px;
}
}
@media screen and (max-width:767px){
.p_input_err {
padding: 0 0 5px 0 !important;
}
@media screen and (min-width:381px){
section.contact01 .privacy_box input[type="checkbox"]:checked + label::after {
top: -22px;
}
}
}