@charset "UTF-8";

form#mailformpro {
padding: 0px 0px 10px;
}
form#mailformpro p {
margin: 20px 0 10px; 
}
form#mailformpro p a {
display:inline-block;
margin-left: 10px;
text-decoration:underline;
}
@media screen and (max-width: 736px) {
form#mailformpro p {
margin: 1% 0 1%; 
}
}
form#mailformpro p span {
color: #bc0000;
}
form#mailformpro td.checks p {display: block;border: #ccc 1px solid;margin: 10px auto 0 auto;padding: 5px 10px;color: #444;}
form#mailformpro td.checks p span {display: block;text-align: center;margin: 10px 0;}
form#mailformpro td.checks p a {color: #444;text-align: center;margin: 5px;text-decoration: underline;} #mfp_hidden {
display:none;
}
.must {
display: block;
padding: 3px 8px 0 8px;
float: left;
width:auto;
height:auto;
} .mailformproTable tr {
border:1px solid #CCC;
} .mailformproTable th {
width: 30%;
text-align:left;
font-weight:normal;
padding:14px 10px;
vertical-align:middle;
background: #828282;
color: #fff;
}
.mailformproTable td {
padding: 14px;
vertical-align:middle;
background-color:#fff;
}
.mailformproTable td span {
font-size: 12px;
line-height: 1.4;
}
.mailformproTable td input:focus,.mailformproTable td textarea:focus {
outline: none;
border:none;
border:solid 1px #c8b271;
background:#fffddc;
}
.mailformproTable input,.mailformproTable td textarea {
border:none;
border:solid 1px #c0c0c0;
}
.mailformproTable .w100p { width: 94% !important; height:120px !important; }
.mailformproTable tr.menu_list td ul {font-size: 0;}
.mailformproTable tr.menu_list td li {
width: 50%;
display: inline-block;
vertical-align: top;
}
.mailformproTable tr.menu_list td li.mincho {
display:block;
}
.mailformproTable tr.menu_list .block{
width: 100%;
border-bottom: 1px solid #dedede;
margin-bottom: 14px;
padding-bottom: 14px;
}
.mailformproTable tr.menu_list td li label {
background: #efefef;
}
.mailformproTable tr.menu_list.option_list td li{display: inline-block;width: 49%;vertical-align: top;}
.mailformproTable tr.menu_list.option_list td li:first-child {display:block;width: 100%;}
.mailformproTable tr.menu_list.option_list td li {
display:inline-block;
width: 49.5%;margin: 0;
}
.mailformproTable tr.menu_list.option_list td span{display: block;}
#mfp_buttons {
width:180px;
margin:20px auto;
}
#mfp_buttons li {
width: 180px;
float:left;
}
form#mailformpro input#button_mfp_goconfirm {
width: 180px;
height: 60px;
overflow: hidden;
background: url(//zelmo.jp/wp-content/themes/zelmo_renew/_assets/partial/form/mfp.statics/images/mfp_goconfirm.png); border:none;
cursor: pointer;
}
form#mailformpro input#button_mfp_reset {
width: 180px;
height: 60px;
overflow: hidden;
background: url(//zelmo.jp/wp-content/themes/zelmo_renew/_assets/partial/form/mfp.statics/images/mfp_reset.png);
border:none;
cursor: pointer; }
form#mailformpro input#button_mfp_goconfirm:hover {
width: 180px;
height: 60px;
overflow: hidden;
background: url(//zelmo.jp/wp-content/themes/zelmo_renew/_assets/partial/form/mfp.statics/images/mfp_goconfirm_over.png); border:none;
cursor: pointer;
}
form#mailformpro input#button_mfp_reset:hover {
width: 180px;
height: 60px;
overflow: hidden;
background: url(//zelmo.jp/wp-content/themes/zelmo_renew/_assets/partial/form/mfp.statics/images/mfp_reset_over.png);
border:none;
cursor: pointer; }
#mfp_price_element {
display:none;
}
@media screen and (max-width: 736px) {
.mailformproTable tr.menu_list.option_list td li {
display:block;
width: 100%;
}
.mailformproTable tr.menu_list td li.f20 {
font-size: 6vw;
}
#deliveryTime1 li:nth-child(2), #deliveryTime2 li:nth-child(2), #deliveryTime3 li:nth-child(2) {font-size: 4.5vw;}
}
form#mailformpro label {
border-radius: 3px;
margin: 3px;
display: block;
}
.checkbox04-input{
display: none;
}
.checkbox04-parts{
position: relative;
padding: 15px 2px 15px 40px;
transition:.3s;
color: #444;
border-radius: 3px;
display:inline-block;
line-height:1;
width: 100%;
border: solid 1px #c0c0c0;
box-shadow: 0px 0px 1px 1px #ddd inset;
}
.mfp_checked > .checkbox04-parts{
background: #ff555e;
color: #fff;
border: 1px solid #ff555e;
box-shadow: 0px 0px 1px 1px #ff555e inset;
}
.checkbox04-parts::before{
content: "";
display: block;
left: 4px;
width: 30px;
height: 15px;
border-radius: 15px;
border: 1px solid #aaa;
background: #fff;
position: absolute;
}
.checkbox04-parts::after{
content: "";
display: block;
position: absolute;
top:17px;
left: 6px;
width: 13px;
height: 13px;
background: #aaa;
border-radius: 50%;
transition:.2s;
display: block;
}
.mfp_checked > .checkbox04-parts::before {
border: 1px solid #ff555e;
}
.mfp_checked > .checkbox04-parts::after {
left: 21px;
background: #ff555e;
}
table#mfp_confirm_table {
border-spacing: 0px;
border-collapse: collapse;
width: 100%;
}
table#mfp_confirm_table tr.mfp_colored {
background-color: #F6F7F9;
}
table#mfp_confirm_table tr.mfp_achroma {
background-color: #FFF;
}
table#mfp_confirm_table tr th,table#mfp_confirm_table tr td {
text-align: left;
font-size: 12px;
border-top: solid 1px #CCC;
padding: 5px 10px;
}
table#mfp_confirm_table tr th {
white-space: nowrap;
width: 28%;
}
table#mfp_confirm_table tr td {
line-height: 1.5em;
word-break: break-all;
}
.mfp_phase {
clear:both;
}
div#mfp_phase_confirm {
clear: both;
}
div#mfp_phase_confirm h4 {
width:100%;
padding: 10px 0px 0px 0px;
}
div#mfp_phase_confirm div#mfp_phase_confirm_inner {
}
div#mfp_overlay {
position: absolute;
display: none;
z-index: 10001;
}
div#mfp_overlay_inner {
background-color: #FFF;
padding: 15px;
margin: 0px auto;
border-radius: 5px;
box-shadow: 0px 0px 10px #000;
width: 640px;
}
div#mfp_overlay_background {
background-color: #000;
position: absolute;
display: none;
z-index: 10000;
}
div#mfp_loading_screen {
z-index: 20000;
opacity: 0.8;
display: none;
background-color: #000;
position: absolute;
}
div#mfp_loading {
z-index: 20001;
position: absolute;
display: none;
width: 40px;
height: 40px;
background-image: url(//zelmo.jp/wp-content/themes/zelmo_renew/_assets/partial/form/mfp.statics/images/mfp_loading.gif);
}
.mfp_colored { }
.mfp_achroma {
background-color: #FFF;
}
div.mfp_err {
clear: both;
display: none;
text-align: left;
margin: 5px 0px 0px 0px;
padding: 6px 0px 4px 20px;
color: #F00;
font-size: 1.4rem;
line-height: normal;
background: #fcf8e3;
background-image: url(//zelmo.jp/wp-content/themes/zelmo_renew/_assets/partial/form/mfp.statics/images/mfp_error.gif);
background-repeat: no-repeat;
background-position: center left 3px;
border: 1px solid #e3dbbc;
}
.mfp_parent_error {
border: solid 2px #F00;
}
form#mailformpro input.problem {
background-color: #FCC;
box-shadow: 0px 0px 1px 1px #fea7a7 inset;
border-color: #f77;
}
div#mfp_error {
background-color: #FEE;
border: solid 1px #F00;
padding: 10px;
display: none;
}
div#mfp_error p {
padding: 0px;
margin: 0px;
font-size: 14px;
text-align: center;
}
div#mfp_error p strong {
font-size: 18px;
color: #F00;
}
div#mfp_warning {
background-color: #FEE;
border: solid 1px #F00;
padding: 10px;
display: none;
}
div#mfp_warning p {
padding: 0px;
margin: 0px;
font-size: 14px;
text-align: center;
}
div#mfp_warning p strong {
font-size: 18px;
color: #F00;
}
div#mfp_price {
color: #C00;
font-size: 36px;
padding: 10px;
font-weight: bolder;
}
div#mfp_price span {
color: #666;
font-size: 12px;
font-weight: normal;
}
div#mfp_price span:after {
content: "(税込)";
font-size: 12px;
margin-left: 6px;
}
form#mailformpro input,form#mailformpro textarea {
padding: 12px 10px;
font-size: 1.4rem;
vertical-align: middle;
border-radius: 4px;
box-shadow: 0px 0px 1px 1px #ddd inset;
width: 100% !important;
background: #efefef;
} form#mailformpro select.menu_waku {
width:80%;
}
form#mailformpro textarea {
font-size: 15px;
}
form#mailformpro .input_name input, form#mailformpro input[type="checkbox"] {
width: auto !important;
}
@media screen and (max-width: 736px) { 
form#mailformpro textarea {
font-size: 4vw;
}
}
button.mfp_next,button.mfp_prev {
font-size: 18px;
margin: 10px;
padding: 5px 10px;
}
button.mfp_next {
float: right;
}
button.mfp_prev {
float: left;
}
ul#mfp_phase_stat {
padding: 10px;
text-align: center;
font-size: 0;
}
ul#mfp_phase_stat li {
display: inline-block;
padding: 8px 25px;
border-radius: 3px;
margin: 5px;
list-style: none;
font-size: 14px;
}
ul#mfp_phase_stat li.mfp_phase_arrow {
bos-shadow: none;
padding: 8px 5px;
}
ul#mfp_phase_stat li.mfp_active_phase {
background-color: #E8EEF9;
box-shadow: 0px 0px 5px #000;
}
ul#mfp_phase_stat li.mfp_inactive_phase {
background-color: #CCC;
color: #666;
box-shadow: 0px 0px 5px #CCC;
}
@media screen and (max-width: 736px) {
ul#mfp_phase_stat li {
display: inline-block;
padding: 8px 3%;
border-radius: 3px;
margin: 0 2%;
list-style: none;
font-size: 3.5vw;
}
}
div#mfp_shopping_cart {
border: solid 1px #CCC;
margin: 0px;
padding: 0px;
}
div#mfp_shopping_cart p {
margin: 0px;
text-align: center;
padding: 20px 10px;
font-size: 12px;
background-color: #FEE;
}
table.mfp_shoppingcart {
border-spacing: 0px;
border-collapse: collapse;
width: 100%;
}
table.mfp_shoppingcart thead tr td {
background-color: #EEE;
border-bottom: solid 1px #CCC;
text-align: center;
font-size: 12px;
padding: 5px;
}
table.mfp_shoppingcart tbody tr th,table.mfp_shoppingcart tbody tr td {
font-size: 12px;
padding: 5px;
border-bottom: solid 1px #CCC;
}
table.mfp_shoppingcart tbody tr td select {
display: block;
margin: 0px auto;
text-align: center;
}
table.mfp_shoppingcart tbody tr td select option {
text-align: center;
}
table.mfp_shoppingcart tbody tr th span {
display: block;
font-weight: normal;
font-size: 10px;
color: #666;
padding: 3px 0px;
}
table.mfp_shoppingcart tfoot tr td {
padding: 5px;
font-size: 16px;
font-weight: bolder;
color: #900;
}
td.msc_price {
font-size: 12px;
text-align: right;
}
div.mfp_buttons {
clear: both;
padding: 10px 0px;
text-align: center;
}
div.mfp_buttons button#mfp_button_send {
}
div.mfp_buttons button#mfp_button_cancel {
}
div.mfp_buttons button {
font-size: 16px;
margin: 0px;
padding: 3px;
}
div.mfp_buttons button.imagebutton {
margin: 0px;
padding: 0px;
border: none;
outline: none;
background: none;
}