/* PCスマホ qzin system utility version 006 © 2016 b29 */
.compare_msg { width: 80%; color:red; margin:auto; text-align:center; line-height: 140%; }
.compare_msg_email { display:inline-block; margin:5px; padding:5px; color:red; background:mistyrose; font-weight:bold; border-radius:5px; }
.error_msg { width:90%; margin:5px auto; padding:0 0 30px; background:mistyrose; border-radius:5px; }
.error_msg h3 { margin:0; padding:5px; color:yellow; background:red; }
.error_msg .msg { margin:5px; padding:5px 5px 5px 10px; color:red; font-weight:bold; }
.close_msg { display:table; width:100%; min-height:200px; color:red; }
.close_msg div { display:table-cell; vertical-align:middle; }

.colgroup1 { width:30%; background-color:dimgray; }
.colgroup2 { width:65%; background-color:#ffffff; }

/* @media (min-width:1024px) */
@media (min-width:1024px) {
.image_main { width:100%; text-align:center;}
.image_main img { width:95%; max-width:1000px; }
#wrapper { width:1000px; margin:auto; }
#wrapper footer { position:fixed; width:100%; bottom:0; left:0; padding:5px 10px; color:white; background:maroon; border-top:1px solid gray; }
#wrapper footer .menu { width:100%; padding:2px 0; text-align:center; font-size:small; }
#wrapper footer .menu div { margin:3px 0; }
#wrapper footer .menu a { text-decoration:none; color:white; }
nav h1 { margin:0px 10px 5px; font-size:x-small; color:maroon; }
#contents { margin-bottom:150px; }
#contents header img { width:100%; }

table.yoko { width:80%; margin:0 auto 10px; }
table.yoko tbody td.name { padding:10px 5px; color:white; text-align:center; font-size:medium; }
table.yoko tbody td { padding:10px 5px; font-size:medium; }

.frame_yoko { width:100%; margin:10px auto 50px; }
.frame_yoko h2 { width:80%; margin:auto; background:maroon; }
.frame_yoko h2 div { padding:10px; color:white; }
.frame_form { width:100%; margin:10px auto 50px; }
.frame_form h2 { width:80%; margin:auto; background:maroon; }
.frame_form h2 div { padding:10px; color:white; }
.frame_send { width:100%; margin:10px auto; }
.frame_send h2 { width:80%; margin:auto; background:maroon; }
.frame_send h2 div { margin:10px auto; padding:10px; }
.frame_send div { width:80%; margin:10px auto; padding:10px; text-align:center; }

input[type=text].myname,
input[type=text].kana,
input[type=tel].phone,
input[type=email].mailaddress
{
    width:99%; font-size:large; 
}
select, input[type=radio], input[type=date]
{
    font-size:large; 
}
.request_etc { width:99%; min-height:50px; font-size:large; }

.hissu { padding:0 5px; color:red; font-size:small; }
.nini { padding:0 5px; color:blue; font-size:small; }

.submit_back { display:block; margin:10px auto; text-align:center; color:white; padding:5px 10px; border-radius:30px; background:royalblue; font-size:large; }
.submit { display:block; margin:10px auto; text-align:center; color:white; padding:5px 10px; border-radius:30px; background:crimson; font-size:large; }
#submit_form_alert { display:none; text-align:center; }
#submit_form_alert div { display:inline-block; margin:5px; padding:5px; color:white; color:white; background:maroon; font-weight:bold; border-radius:5px; }
.disable_button { background:gray; }
.button_control { text-align:center; }
.button_control button { display:inline-block; }

.parts_checkbox { display:inline-block; margin:0 2px; padding:4px; border:1px solid gray; border-radius:3px; background:khaki; }
}

@media (max-width:1023px) and (min-width:400px) {
.image_main { width:100%; text-align:center; }
.image_main img { width:95%; max-width:1000px; }
}

@media (max-width:399px) and (min-width:320px) {
.image_main { width:100%; text-align:center; overflow:hidden; }
.image_main img { max-width:500px; }
}

/* media (max-width:1023px) and (min-width:320px) */
@media (max-width:1023px) and (min-width:320px) {
#wrapper { width:100%; margin:auto; }
#wrapper footer { position:fixed; width:100%; bottom:0; left:0; color:white; padding:5px 5px; background:maroon; border-top:1px solid gray; }
#wrapper footer .menu { width:100%; padding:2px 0; text-align:center; font-size:x-small; }
#wrapper footer .menu div { margin:3px 0; }
#wrapper footer .menu a { text-decoration:none; color:white; }
nav h1 { margin:0px 10px 5px; font-size:x-small; color:maroon; }
#contents { margin-bottom:50px; line-height:140%; }
#contents header img { width:100%; }

table.yoko { width:95%; margin:0 auto 10px; }
table.yoko tbody td.name { padding:5px 5px; color:white; text-align:center; font-size:small; }
table.yoko tbody td { padding:5px 5px; font-size:medium; }

.frame_yoko { width:100%; margin:5px auto 50px; }
.frame_yoko h2 { width:95%; margin:auto; background:maroon; }
.frame_yoko h2 div { padding:5px; color:white; font-size:medium; }
.frame_form { width:100%; margin:5px auto 50px; }
.frame_form h2 { width:95%; margin:auto; background:maroon; }
.frame_form h2 div { padding:5px; color:white; font-size:medium; }
.frame_send { width:100%; margin:5px auto; }
.frame_send h2 { width:95%; margin:auto; background:maroon; }
.frame_send h2 div { margin:5px auto; padding:5px; }
.frame_send div { width:95%; margin:5px auto; padding:5px; text-align:center; }

input[type=text].myname,
input[type=text].kana,
input[type=tel].phone,
input[type=email].mailaddress
{
    width:99%; font-size:medium; 
}
select, input[type=radio], input[type=date]
{
    font-size:medium; 
}
.request_etc { width:99%; min-height:50px; font-size:medium; }

.hissu { padding:0 5px; color:red; font-size:small; }
.nini { padding:0 5px; color:blue; font-size:small; }

.submit_back { display:block; margin:5px auto; text-align:center; color:white; padding:5px 5px; border-radius:30px; background:royalblue; font-size:medium; }
.submit { display:block; margin:5px auto; text-align:center; color:white; padding:5px 10px; border-radius:30px; background:crimson; font-size:medium; }
#submit_form_alert { display:none; text-align:center; }
#submit_form_alert div { display:inline-block; margin:5px; padding:5px; color:white; background:red; font-weight:bold; border-radius:5px; }
.disable_button { background:gray; }
.button_control { text-align:center; }
.button_control button { display:inline-block; }

.parts_checkbox { display:inline-block; margin:0 2px; padding:4px; border:1px solid gray; border-radius:3px; background:khaki; }
}

@media (max-width:319px) {
.compare_msg { margin:5px; font-size:small; color:red; margin:auto; text-align:center; line-height:100%; }
.compare_msg_email { margin:5px; padding:5px; color:red; background:#ffe4e1; font-weight:bold; border-radius:5px; }
.error_msg { width:90%; margin:5px auto; padding:0 0 30px; font-size:small; background:#ffe4e1; line-height:100%; }
h3 { margin:0; padding:5px; color:yellow; background:red; }
.msg { margin:5px; padding:5px 5px 5px 10px; color:red; font-size:x-small; font-weight:bold; }
.frame_send { }
.frame_send_msg { margin:5px 5px 50px; font-size:small; }
.back2yoko { display:table; margin:auto; background:#ff1493; }

#wrapper { width:100%; margin:auto; }
.footer { width:100%; padding:2px 5px; background:#800000; border-top:1px solid #808080; }
.menu { width:100%; padding:2px 0; text-align:center; font-size:x-small; background:#800000; }
.menu div { margin:0px 0; color:white; }
a { text-decoration:none; color:white; }
h1 { margin:5px; font-size:x-small; color:#dc143c; }
#contents { margin-bottom:10px; line-height:140%; }

table.yoko { width:95%; margin:0 auto 10px; }
td.name { padding:5px 5px; color:white; text-align:center; font-size:x-small; background:#696969; }
td { padding:5px 5px; font-size:small; }

.frame_yoko { width:100%; margin:5px auto 50px; }
h2 { width:95%; margin:auto; color:white; background:#800000; }

.form_mobile { width:95%; margin:0 auto 20px; }
.form_part { width:100%; margin:2px auto 10px; border:1px solid #808080; }
.name { background-color:#696969; text-align:left; }
.value { background-color:white; }

input[type=text], input[type=email] {
    width:100%; font-size:small; 
}
select, input[type=radio], input[type=date]
{
    font-size:small; 
}
.request_etc { width:100%; min-height:50px; font-size:small; }

.hissu { padding:0 5px; color:red; font-size:x-small; }
.nini { padding:0 5px; color:blue; font-size:x-small; }

.submit_back { margin:5px auto; text-align:center; padding:5px 5px; font-size:small; }
.submit { margin:5px auto; text-align:center; padding:5px 5px; font-size:small; }
#submit_form_alert { display:none; text-align:center; }
#submit_form_alert div { display:inline-block; margin:5px; padding:5px; color:white; background:red; font-weight:bold; border-radius:5px; }
.disable_button { background:#808080; }
.button_control { text-align:center; }

.parts_checkbox { display:inline-block; margin:0 2px; padding:4px; border:1px solid #808080; border-radius:3px; background:#f0e68c; }
}