@charset "UTF-8";

body {overflow-x: hidden;}
div#mfp_hidden {overflow: hidden;width: 1px;height: 1px;padding: 0px;margin: 0px;}
div#mfp_hidden input {padding: 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;}
*/

/*---フォーム構成*/

form#mailformpro th{color:#333;background-color:#f3f3f3;padding:7px 10px;vertical-align:middle;}
form#mailformpro th span i{font-style:normal;color:#C1272D;padding-left:0.5em;}

form#mailformpro td input,form#mailformpro td textarea,form#mailformpro td select{margin:10px;}
form#mailformpro td label{margin:6px;}
form#mailformpro table tr{border:1px solid #969696;padding:5px 7px;}
form#mailformpro td input,form#mailformpro td textarea{border:1px solid #969696;}
optgroup label{color:#C1272D;font-style:normal;}
@media screen and (max-width: 767px) {
	form#mailformpro table th,form#mailformpro table td{width:100%;display:block;box-sizing:border-box;}
	form#mailformpro .inputarea{width:100%!important;}
	table.mailform{width:100%;}
	div.mfp_buttons button{width: 20rem;margin-bottom: 2rem;}
	form#mailformpro td input.short, form#mailformpro td textarea.short{max-width:40%;}
}
@media screen and (min-width: 768px) {
	form#mailformpro th{width:17em;}
	form#mailformpro td .inputarea{width:26em!important;}
	div.mfp_err{width:25em;}
}
#returnmail{margin:5px 10px;transition-duration:.5s;}

.must {display: block;background-color: #C00;border: solid 2px #C00;padding: 2px 5px;font-size: 10px;color: #FFF;float: left;margin: 0px 5px;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;background-image: url(_images/mfp_header.png);background-size: 100% 100%;}
form#mailformpro label {margin: 3px;display: inline-block;}
form#mailformpro label.mfp_checked {padding: 3px;}
form#mailformpro label.mfp_not_checked {padding: 3px;}
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: 200px;}
table#mfp_confirm_table tr td {line-height: 1.5em;word-break: break-all;}
div#mfp_phase_confirm {clear: both;}
div#mfp_phase_confirm h4 {font-size: 36px;padding: 10px 0px 0px 0px;text-align: center;}
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;width: 640px;max-width: 90%;}
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(_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: 3px 0px 5px 10px;color: #C1272D;font-size: 12px;line-height: normal;}
.mfp_parent_error {border: solid 2px #F00;}
.problem {background-color: #FCC;}
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:#C1272D;}

div#mfp_warning {padding: 10px;display: none;margin-bottom:1rem;}
div#mfp_warning p {padding: 0px;margin: 0px;font-size: 15px;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 {color: #999;padding: 8px 0px;}
ul#mfp_phase_stat li.mfp_active_phase {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;}
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;margin:5em;text-align: center;display:block;}
div.mfp_buttons button{padding: 7px 20px;background-color:#0073BC;color:#FFF;font-weight:bold;border:2px solid #0073BC;}
div.mfp_buttons button#mfp_button_send {}
div.mfp_buttons button#mfp_button_cancel {}

.imagebutton {margin: 0px;padding: 0px;border: none;outline: none;background: none;}
.mfp_element_all {max-width: 90%;}

.mfp_element_checkbox,
.mfp_element_radio {vertical-align: middle;margin: 0px 2px;}
.mfp_element_file {font-size: 12px;display: inline-block;padding: 10px 10px;vertical-align: middle;background: #EEE;}
.mfp_element_submit,.mfp_element_reset,.mfp_element_button,button.mfp_next,button.mfp_prev {
padding: 5px 10px;
font-size: 18px;
cursor: pointer;
outline: 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: gradient(linear, center top, center bottom, from(#FFF), to(#CCC));}
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;}
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 {background-color: #090;display: inline-block;line-height: 1.5em;padding: 0px 5px;margin: 0px 2px;color: #FFF;font-size: 10px;display: none;}
div.prefcodeWrapper {position: relative;}
div.prefcodeResult {position: absolute;top: 0px;left: 0px;padding: 5px;border: solid 1px #CCC;background-color: #FFF;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;}
.hidefield {height: 0px;overflow: hidden;}
.showfield {height: auto;overflow: visible;}
div.mfp_attached_thumbnails {display: none;padding: 5px;margin: 5px auto;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;}
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_OperationCheck {}
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 div#mfp_OperationCheck_inner ul {
}
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));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;}
span.mfp_tips {background-image: url(_images/mfp_header.png);background-size: 100% 100%;background-color: #FCC;display: block;margin: 2px;}
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: 959px) {
form#mailformpro dl dt {float: none;width: auto;font-size: 12px;padding: 5px;text-align: left;}
form#mailformpro dl dd {clear: both;border-top: none;padding: 5px 15px;font-size: 12px;line-height: 1.5em;}

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 {bos-shadow: none;display: none;}
ul#mfp_phase_stat li.mfp_active_phase {}
ul#mfp_phase_stat li.mfp_inactive_phase {}
table#mfp_confirm_table tr th {white-space: nowrap;width: 100px;}
div#mfp_thanks {text-align: center;font-size: 18px;padding: 20px 0px;}
div#mfp_thanks strong {color: #C00;font-size: 24px;display: block;}
}

@media screen and (max-width: 640px) {
	input{font-size:1.5rem;}
	input.form-birthday{width:100%;margin:auto;font-size:1.6rem;}
	select.form-pref{width:100%;font-size:1.6rem;-webkit-appearance: none;border:1px solid #464646;border-radius:4px;padding:2px;}
}
.otoiawaseAttention{margin:2em 0 2em 2em;list-style-type:disc;line-height:2.5rem!important;}
.otoiawaseAttention li{margin-bottom:0.5em;list-style-position:outside;}
.todofuken{font-style:normal;}
.examText{color:#969696;}
.thanks{margin:2em 0;}
.thanks p{margin-bottom:1em;line-height:2.5rem!important;}
.thanks ul{margin:1em 0;}
.thanks ul li{padding-left:2em;text-indent:-1em;}
.thanks p.thanksReturn{display:block;text-align: center;margin: 4em 0:}
.thanks p.thanksReturn a{width: 12em;background: #0073BC;margin:0 auto;padding: 5px 0;color: #FFF;text-decoration: none;font-weight: bold;display:inline-block;text-align:center;}
.webpage-section table td{padding-left:2%;}

/* div#mfp_warning{display: none !important;} */
