@charset "utf-8";
/* CSS Document */
/*
MAILFORMPRO
*/
body { overflow-x: hidden; }
div#mfp_hidden { overflow: hidden; width: 1px; height: 1px; padding: 0px; margin: 0px; }
div#mfp_hidden input { margin: 10px; }
div.mfp_thanks { padding: 30px; }
div.mfp_thanks p { line-height: 1.7em; }
div.mfp_thanks ul.mfp_caution { margin: 0px; padding: 0px; }
div.mfp_thanks ul.mfp_caution li { display: block; color: #C00; margin: 0px; padding: 5px 0px; }
div#mfp_thanks { text-align: center; font-size: 18px; padding: 20px 0px; }
div#mfp_thanks strong { color: #C00; font-size: 24px; }
form#mailformpro { padding: 10px 0px; }
/*form#mailformpro dl dt {float: left; width: 160px; clear: both; font-size: 12px; padding: 10px 0px; text-align: right; border-top: solid 1px #CCC; margin: 0px;}
form#mailformpro dl dd {border-top: solid 1px #CCC; margin: 0px; padding: 10px 5px 20px 170px; font-size: 12px; line-height: 1.5em; text-align: left;}*/
form#mailformpro dl dd ul, form#mailformpro dl dd ol { margin: 0px; padding: 0px; }
form#mailformpro dl dd ul li, form#mailformpro dl dd ol li { margin: 0px; padding: 0px; list-style: none; }
.must { display: block; background-color: #C00; border: solid 2px #C00; text-shadow: 0px 1px 2px #933; padding: 2px 5px; font-size: 10px; color: #FFF; float: left; margin: 0px 5px; border-radius: 4px; -webkit-box-shadow: 0px 0px 5px #CCC; box-shadow: 0px 0px 5px #CCC; background-image: url(_images/mfp_header.png); background-size: 100% 100%; }
.optionally { display: block; background-color: #06C; border: solid 2px #06C; text-shadow: 0px 1px 2px #933; padding: 2px 5px; font-size: 10px; color: #FFF; float: left; margin: 0px 5px; border-radius: 4px; -webkit-box-shadow: 0px 0px 5px #CCC; box-shadow: 0px 0px 5px #CCC; background-image: url(_images/mfp_header.png); background-size: 100% 100%; }
form#mailformpro label { border-radius: 3px; margin: 0 3px; display: block; white-space: nowrap; position: relative;}
form#mailformpro label.mfp_checked { padding: 3px; border: solid 1px #CCC; background-color: #E8EEF9; -webkit-box-shadow: 0px 1px 3px #CCC inset; box-shadow: 0px 1px 3px #CCC inset; }
form#mailformpro label.mfp_not_checked { padding: 0 3px; }
table#mfp_confirm_table { border-spacing: 0px; border-collapse: collapse; width: 100%; }
@media (max-width: 580px) { table#mfp_confirm_table { margin: 1rem auto !important; } }
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; border-top: solid 1px #333; padding: 15px 10px; }
@media (max-width: 580px) { table#mfp_confirm_table tr th, table#mfp_confirm_table tr td { padding: 5px 10px; } }
table#mfp_confirm_table tr:first-of-type th, table#mfp_confirm_table tr:first-of-type td { border-top: none; }
table#mfp_confirm_table { border-bottom: solid 1px #333; margin: 1rem auto; }
table#mfp_confirm_table tr th { white-space: nowrap; width: 240px; }
@media (max-width: 580px) { table#mfp_confirm_table tr th { display: block; width: 100% !important; padding-top: 1rem; } }
table#mfp_confirm_table tr td { line-height: 1.5em; word-break: break-all; }
@media (max-width: 580px) { table#mfp_confirm_table tr td { display: block; width: 100% !important; border-top: none; } }
/*div#mfp_phase_confirm {clear: both;}*/
div#mfp_phase_confirm h4 { font-size: 1.1rem; padding: 1rem 0; text-align: center; }
div#mfp_overlay { position: absolute; display: none; z-index: 10001; }
div#mfp_overlay_inner { background-color: #FFF; padding: 15px; margin: 0 auto; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px #CCC; box-shadow: 0px 0px 10px #CCC; width: 100%; max-width: 640px; }
div#mfp_overlay_inner h4 { font-size: 1.1rem; padding: 1rem 0; text-align: center; }
div#mfp_overlay_background { background-color: #FFF; 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(_images/mfp_loading.gif); }
.mfp_colored { /* background-color: #F6F7F9; */ }
.mfp_achroma { background-color: #FFF; }
div.mfp_err { clear: both; display: none; text-align: left; margin: 5px 0px 0px 0px; padding: 5px; color: #F00!important; font-size: 12px; line-height: normal; /*background-image: url(_images/mfp_error.gif);*/ background-repeat: no-repeat; background-position: 0px 1px; position: absolute; top: 2.2rem; background-color: transparent!important;}
p.checked div.mfp_err {top: 1.4rem;}
.mfp_parent_error { border: solid 2px #F00; }
.problem { background-color: #FCC !important; }
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; border-radius: 5px; }
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; }
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; }
ul#mfp_phase_stat li { display: inline-block; padding: 8px 15px; border-radius: 5px; margin: 0px 5px; list-style: none; font-size: 14px; }
ul#mfp_phase_stat li.mfp_phase_arrow { -webkit-box-shadow: none; box-shadow: none; color: #999; padding: 8px 0px; }
ul#mfp_phase_stat li.mfp_active_phase { -webkit-box-shadow: 0px 1px 6px #000; box-shadow: 0px 1px 6px #000; background-image: url(_images/mfp_header.png); background-size: 100% 100%; background-color: #0068B7; border: solid 2px #0068B7; font-weight: bolder; color: #FFF; text-shadow: 0px 1px 3px #000; }
ul#mfp_phase_stat li.mfp_inactive_phase { background-image: url(_images/mfp_header.png); background-size: 100% 100%; background-color: #EEE; border: solid 2px #EEE; color: #999; -webkit-box-shadow: 0px 1px 6px #CCC; box-shadow: 0px 1px 6px #CCC; }
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; }
.imagebutton { margin: 0px; padding: 0px; border: none; outline: none; background: none; }
/*.mfp_element_all {max-width: 90%;}*/
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date, .mfp_element_password { border: none; /* border-radius: 3px; box-shadow: 0px 0px 5px #CCC inset;*/ padding: .6rem; margin: 0; vertical-align: middle; border-bottom: solid 1px #333; }
.mfp_element_checkbox, .mfp_element_radio { margin: 8px; }
.mfp_element_file { font-size: 15px; display: inline-block; padding: 5px 0 10px; vertical-align: middle; }
.mfp_element_submit, .mfp_element_reset, .mfp_element_button, button.mfp_next, button.mfp_prev { width: 80%; background-color: #c8c8c8; padding: 15px 10px; margin: auto; margin-bottom: 1rem; font-size: 15px; cursor: pointer; border: none; }
.mfp_element_reset { color: #333; }
.mfp_element_submit:hover, .mfp_element_reset:hover, .mfp_element_button:hover, button.mfp_next:hover, button.mfp_prev:hover { background-color: rgba(200, 200, 200, 0.6); }
button.mfp_next, button.mfp_prev { font-size: 14px; }
input#mfp_reserve_item, input#mfp_reserve_date { display: none; }
div#mfp_reserve_wrapper { position: relative; overflow: hidden; border: solid 1px #CCC; }
div#mfp_reserve_inner { position: relative; padding: 0px 0px 0px 100px; overflow: auto; }
div#mfp_reserve_wrapper table { border-spacing: 0px; border-collapse: collapse; }
div#mfp_reserve_wrapper table.mfp_reserve_table_label { position: absolute; top: 0px; left: 0px; width: 100px; background-color: #FEE; z-index: 100; }
div#mfp_reserve_wrapper table.mfp_reserve_table_value { padding: 0px 0px 0px 0px; }
div#mfp_reserve_wrapper table.mfp_reserve_table_value tr td.mfp_reserve_active, div#mfp_reserve_wrapper table.mfp_reserve_table_value tr td.mfp_reserve_warning { cursor: pointer; }
div#mfp_reserve_wrapper table.mfp_reserve_table_value tr td.mfp_reserve_active:hover, div#mfp_reserve_wrapper table.mfp_reserve_table_value tr td.mfp_reserve_warning:hover { background-color: #E8EEF9; }
div#mfp_reserve_wrapper table.mfp_reserve_table_value tr td.mfp_reserve_current { background-color: #0068B7; color: #FFF; }
td.mfp_reserve_disabled { background-color: #CCC; }
td.mfp_reserve_warning { background-color: #FFC; }
div#mfp_reserve_wrapper table tr td, div#mfp_reserve_wrapper table tr th { border: solid 1px #CCC; padding: 0px 5px; font-size: 12px; text-align: center; font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-weight: normal; height: 20px; text-align: left; }
td.mfp_reserve_week_0 { color: #F00; background-color: #FEE; }
td.mfp_reserve_week_6 { color: #00F; background-color: #EEF; }
div.mfp_ok { border-radius: 5px; background-color: #090; border: solid 1px #090; display: inline-block; line-height: 1.5em; padding: 0px 5px; margin: 0px 2px; color: #FFF; font-size: 10px; background-image: url(_images/mfp_header.png); background-size: 100% 100%; display: none; }
div.prefcodeWrapper { position: relative; }
div.prefcodeResult { position: absolute; top: 0px; left: 0px; padding: 5px; border: solid 1px #CCC; background-color: #FFF; -webkit-box-shadow: 0px 0px 5px #CCC; box-shadow: 0px 0px 5px #CCC; display: none; }
div.prefcodeResult div { cursor: pointer; }
div.prefcodeResult div:hover { background-color: #C9EBFB; }
div.prefcodeResult div.prefcodeNext { background-color: #EEE; text-align: center; }
div.prefLoading { padding: 60px 100px; background: url(_images/mfp_zip_loading.gif) no-repeat center center; }
div.mfpSuggestWrapper { position: relative; }
div.mfpSuggestResult { position: absolute; top: 0px; left: 0px; padding: 5px; border: solid 1px #CCC; background-color: #FFF; -webkit-box-shadow: 0px 0px 5px #CCC; box-shadow: 0px 0px 5px #CCC; display: none; }
div.mfpSuggestResult div { cursor: pointer; }
div.mfpSuggestResult div:hover { background-color: #C9EBFB; }
div.mfpSuggestResult div.mfpSuggestNext { background-color: #EEE; text-align: center; }
div.prefLoading { padding: 60px 100px; background: url(_images/mfp_zip_loading.gif) no-repeat center center; }
.hidefield { height: 0px; overflow: hidden; }
.showfield { height: auto; overflow: visible; }
div.mfp_attached_thumbnails { display: none; padding: 5px; margin: 5px auto; border: solid 1px #CCC; border-radius: 3px; -webkit-box-shadow: 0px 0px 5px #CCC inset; box-shadow: 0px 0px 5px #CCC inset; background: #EEE; }
div.mfp_attached_thumbnails ul { margin: 0px; padding: 0px; }
form#mailformpro dl dd div.mfp_attached_thumbnails ul li { display: inline-block; vertical-align: top; padding: 0px; border: solid 4px #FFF; margin: 5px; -webkit-box-shadow: 0px 2px 5px #999; box-shadow: 0px 2px 5px #999; }
form#mailformpro dl dd div.mfp_attached_thumbnails ul li a { display: block; max-height: 100px; overflow: hidden; }
div.mfp_attached_thumbnails ul li a img { display: block; max-width: 80px; }
button.mfp_attached_reset { font-size: 14px; }
div.mfp_guide { position: relative; width: 1px; height: 1px; }
div.mfp_guide div { position: absolute; bottom: 0px; left: 0px; margin-top: -2em; white-space: nowrap; border-radius: 5px; padding: 5px 10px; line-height: 1em; font-size: 12px; color: #FFF; font-weight: bolder; background: #F00; display: none; }
.mfp_ok { background-color: rgba(0, 255, 0, 0.2); }
.mfp_ng { background-color: rgba(255, 0, 0, 0.2); }
div#mfp_OperationCheck div#mfp_OperationCheck_inner { display: none; }
div#mfp_OperationCheck strong { background: #090; display: block; color: #222; text-align: center; border-radius: 3px; }
div#mfp_OperationCheck * { padding: 0px; margin: 0px; font-size: 12px; }
div#mfp_OperationCheck p { padding: 0px 5px; margin: 0px; font-size: 12px; }
div#mfp_OperationCheck p a { color: #0C0; text-decoration: none; }
div#mfp_OperationCheck p a:hover, div#mfp_OperationCheck p button:hover { text-decoration: underline; }
div#mfp_OperationCheck p button { border: none; background: none; color: #0C0; cursor: pointer; }
div#mfp_OperationCheck ul li, div#mfp_OperationCheck ul li label, div#mfp_OperationCheck ul li label input { line-height: 12px; font-size: 12px; list-style: none; vertical-align: middle; }
div#mfp_OperationCheck ul li { padding: 5px 10px; }
div#mfp_OperationCheck ul li label { text-decoration: underline; }
button#mfp_recorder_record, button#mfp_recorder_clear, button#mfp_recorder_restore { border-radius: 5px; padding: 5px 10px 5px 2em; border: solid 1px #CCC; background: gradient(linear, center top, center bottom, from(#EEE), to(#CCC)); background: -ms-linear-gradient(top, #EEE 0%, #CCC 100%); text-shadow: 0px 2px 0px #FFF; font-size: 16px; cursor: pointer; outline: none; display: inline-block; margin: 5px auto; }
button#mfp_recorder_record { background: url(_images/mfp_record_disabled.png) no-repeat 5px center #EEE; background-size: 24px 24px; }
button#mfp_recorder_clear { background: url(_images/mfp_record_remove.png) no-repeat 5px center #EEE; background-size: 24px 24px; }
button#mfp_recorder_restore { background: url(_images/mfp_record_restore.png) no-repeat 5px center #EEE; background-size: 24px 24px; }
button.enabled#mfp_recorder_record, button.enabled#mfp_recorder_clear, button.enabled#mfp_recorder_restore { background: url(_images/mfp_record_enabled.png) no-repeat 5px center #EEE; background-size: 24px 24px; }
div#mfp_recorder_wrap { border: solid 1px #CCC; padding: 10px; text-align: center; margin: 5px auto; }
td.request_image { width: 100px; }
td.request_image img { max-width: 100px; }
button.mfp_submit_enable { background: none; background: #000090; }
button.mfp_submit_disable { background: none; background: #FD8282; }
span.mfp_tips { background-image: url(_images/mfp_header.png); background-size: 100% 100%; background-color: #FCC; display: block; border-radius: 5px; padding: 10px; margin: 2px; -webkit-box-shadow: 0px 2px 10px #999; box-shadow: 0px 2px 10px #999; }
span.mfp_tips strong { color: #800040; }
span.mfp_tips span { display: block; padding: 10px; color: #008080; }
span.mfp_tips em { font-style: normal; color: #090; font-weight: bold; }
@media screen and (max-width: 800px) { form#mailformpro dl dt { float: none; font-size: .875rem; }
  form#mailformpro dl dd { clear: both; border-top: none; font-size: .875rem; line-height: 1.5; padding-left: 0; }
  div.mfp_buttons button { font-size: 14px; }
  div#mfp_phase_confirm h4 { font-size: 18px; }
  ul#mfp_phase_stat { padding: 0px; text-align: left; }
  ul#mfp_phase_stat li { text-align: center; padding: 5px 0px; border-radius: 3px; margin: 5px; list-style: none; font-size: 14px; width: 28%; }
  ul#mfp_phase_stat li.mfp_phase_arrow { -webkit-box-shadow: none; box-shadow: none; display: none; }
  table#mfp_confirm_table tr th { white-space: inherit; width: 40%; }
  div#mfp_thanks { text-align: center; font-size: 18px; padding: 20px 0px; }
  div#mfp_thanks strong { color: #C00; font-size: 24px; display: block; } 
}