/*
Theme Name: huhou-anshinsousai
Text Domain: huhou-anshinsousai
Version: 1.1.1
*/
@charset "utf-8";

* { margin: 0; padding: 0; box-sizing: border-box; vertical-align: middle; }
h1, h2, h3, h4, h5, h6, p, ul, ol, dl { font-size: 1.0em; font-weight: normal; line-height: 1.5; color: #000000; }
html { font-size: 80%; }
body { font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
img { border: none; max-width: 100%; height: auto; }
table { border-collapse: collapse; }
td, th { text-align: left; vertical-align: top; font-weight: normal; line-height: 1.5; }
ul, ol { list-style-type: none; }
a { text-decoration: none; color: #000000; }
button { cursor: pointer; border: none; background: transparent; }
button img { width: 100%; }
input[type="button"] { cursor: pointer; border: none; background: transparent; }
header, main, footer, section, nav { display: block; }

.clearfix:after { content: ""; display: block; clear: both; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.hidden { display: none; }

a:hover img { opacity: 0.7; }
a[name]:hover img { opacity: 1; }
button:hover img { opacity: 0.7; }

.page-container { overflow: hidden; }

.huhou-post { max-width: 172mm; margin: 0 auto; }
.huhou-post h1, .huhou-post p, .huhou-post th, .huhou-post td, .huhou-post a, .huhou-post .name { 
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; 
    font-weight: bold; 
}
.huhou-post h1 { text-align: center; font-size: 2.8rem; }
.huhou-post .box { border: 2.5px solid #000; padding: 3%; margin-bottom: 3%; }
.huhou-post .rebox { border: 0.1px solid #fff; padding-left: 3%; }
.huhou-post .box-main { padding-left: 6%; }
.huhou-post .name p { font-size: 2.5rem; margin-bottom: 2%; }
.huhou-post .name p span { font-size: 1.8rem; margin-left: 3%; }
.huhou-post .message { font-size: 1.4rem; margin-bottom: 2%; }
.huhou-post .attribute table { width: 100%; }
.huhou-post .attribute table th { font-size: 1.4rem; text-align-last: justify; text-justify: inter-ideograph; width: 20%; }
.huhou-post .attribute table td { font-size: 1.4rem; padding-left: 5%; }
.huhou-post .attribute table td span:not(:last-child) { margin-right: 3%; }
.huhou-post .map .google-map { position: relative; width: 100%; padding-top: 50%; }
.huhou-post .map .google-map iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.huhou-post .map .address { padding: 2%; }
.huhou-post .map .address p { font-size: 1.0rem; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: normal; }
.huhou-post .map .address p span:not(:last-child) { margin-right: 3%; }
.huhou-post .box-note p { font-size: 1.2rem; }
.huhou-post .box-note p:first-child { margin-bottom: 1%; }
.huhou-post .box-note p.note { position: relative; padding-left: 20px; }
.huhou-post .box-note p.note::before { content: "※"; position: absolute; left: 0; top: 0; }
.huhou-post .box-link p { font-size: 1.2rem; margin-bottom: 3%; }
.huhou-post .buttons { display: flex; }
.huhou-post .buttons .button { width: 50%; text-align: center; }
.huhou-post .buttons a { font-size: 1.4rem; display: inline-block; background: #5F4A93; border-radius: 6px; color: #fff; padding: 2.5% 5%; }
.huhou-post .footer { background: #000; padding: 2%; }
.huhou-post .footer p { font-size: 1.2rem; color: #fff; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: normal; }
.huhou-post .footer a { color: #fff; }
.huhou-post .footer p span:not(:last-child) { margin-right: 3%; }
.huhou-post .qr-code { display: none; }

.post-container { max-width: 172mm; margin: 0 auto; }
.post-header h1 { font-size: 2.8rem; font-weight: bold; margin-bottom: 2%; }
.post-content p { font-size: 1.2rem; margin-bottom: 2%; }
.post-content input[type="text"],
.post-content input[type="email"],
.post-content textarea { 
    font-size: 1.2rem; 
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    display: block; 
    width: 100%; 
    padding: 1%; 
    margin-bottom: 1%;
}
.post-content input[type="submit"] { background: #222; border: none; border-radius: 2px; font-size: 1.2rem; color: #fff; transition: opacity 0.2s; padding: 1rem 2rem; cursor: pointer; }
.post-content input[type="submit"]:hover { opacity: 0.7; }
.mwform-tel-field input[type="text"] { display: inline-block; width: auto; }

.page-flower { max-width: 875px; margin: 0 auto; }
.page-flower h1, .page-flower p, .page-flower th, .page-flower td, .page-flower a, .page-flower button, .page-flower label, .page-flower .name, .page-flower .required { 
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; 
    font-weight: bold; 
}
.page-flower h1 { color: #6f2f00; font-size: 2.6rem; text-align: center; padding: 3% 0; }
.page-flower .box { max-width: 730px; margin: 0 auto; border: 2.5px solid #000; padding: 3% 6%; margin-bottom: 3%; }
.page-flower .box p { font-size: 1.4rem; margin-bottom: 2%; }
.page-flower .box p .note { font-size: 1.2rem; display: inline-block; }
.page-flower .box .name p { font-size: 2.5rem; margin-bottom: 2%; }
.page-flower .box .name p span { font-size: 1.8rem; margin-left: 3%; }
.page-flower .attribute table { width: 100%; }
.page-flower .attribute table th { font-size: 1.4rem; text-align-last: justify; text-justify: inter-ideograph; width: 20%; }
.page-flower .attribute table td { font-size: 1.4rem; padding-left: 5%; }
.page-flower .attribute table td span:not(:last-child) { margin-right: 3%; }
.page-flower .flowers { text-align: center; margin-right: -10%; margin-bottom: 5%; }
.page-flower .required { display: inline-block; background: #5f4a93; border-radius: 5px; color: #fff; font-size: 1.2rem; text-align: center; line-height: 1.5; }
.page-flower input[type="text"],
.page-flower input[type="email"],
.page-flower input[type="tel"],
.page-flower select,
.page-flower textarea { padding: 1.0rem; width: 100%; font-size: 1.4rem; background: #fff; border: 1px solid #7c7c7c; }
.page-flower .form-group:not(:last-child) { margin-bottom: 3%; }
.page-flower .form-group::after { content: ""; display: block; clear: both; }
.page-flower .form-group .label label { display: block; font-size: 1.4rem; line-height: 1.5; }
.page-flower .form-group .input { font-size: 1.4rem; }
.page-flower .form-group .input::after { content: ""; display: block; clear: both; }
.page-flower .form-group-sender .required { width: 15%; margin-top: 2%; }
.page-flower .form-group-sender .input .control { display: block; float: right; width: 80%; margin-left: 5%; }
.page-flower .form-group-cart .input::after { content: ""; display: block; clear: both; }
.page-flower .form-group-cart .input .select:nth-child(1) { display: block; float: left; width: 60%; }
.page-flower .form-group-cart .input .select:nth-child(2) { display: block; float: right; width: 30%; }
.page-flower .form-group-zip .input input { width: 40%; float: left; }
.page-flower .form-group-zip .input a { display: block; width: 55%; float: right; background: #e7e9e6; border-radius: 5px; color: #6f2f00; font-size: 1.2rem; text-align: center; padding: 1.0rem; }
.page-flower .form-group-building .label label { text-align: right; }
.page-flower .form-group-hidden { display: none; }
.page-flower .box-address .form-group .label { width: 35%; float: left; position: relative; padding-top: 2%; }
.page-flower .box-address .form-group .input { width: 60%; float: right; }
.page-flower .box-address .form-group .label .required { position: absolute; right: 0; top: 0; width: 35%; margin-top: 6%; }
.page-flower .box-bill .form-group .label { width: 35%; float: left; position: relative; padding-top: 2%; }
.page-flower .box-bill .form-group .input { width: 60%; float: right; }
.page-flower .buttons { text-align: center; padding: 5% 0; margin-bottom: 5%; }
.page-flower .buttons button { display: inline-block; width: 20%; background: #5f4a93; border-radius: 5px; color: #fff; font-size: 1.4rem; text-align: center; line-height: 1.5; padding: 0.5rem; margin: 0 1%; }
.page-flower .mw_wp_form_confirm .form-group-sender .control,
.page-flower .mw_wp_form_confirm .form-group-cart .select,
.page-flower .mw_wp_form_confirm .box-address .form-group .input,
.page-flower .mw_wp_form_confirm .box-bill .form-group .input { padding: 1.0rem; font-size: 1.4rem; line-height: 1.5; background: #fff; border: 1px solid #7c7c7c; min-height: 56px; }
.page-flower .mw_wp_form_confirm .form-group-zip a { display: none; }
.page-flower .mw_wp_form_complete p { max-width: 730px; padding: 5% 0; margin: 0 auto; font-size: 1.6rem; }
.page-flower .mw_wp_form .error { font-size: 1.4rem; line-height: 1.5; }
.page-flower .form-group-zip .input .error { display: block; width: 55%; float: right; padding: 1.0rem 0; }



@media screen and (max-width: 750px) {

.huhou-post { padding: 0 3%; }
.huhou-post .attribute table,
.huhou-post .attribute table tbody,
.huhou-post .attribute table tr,
.huhou-post .attribute table th,
.huhou-post .attribute table td { display: block; }
.huhou-post .attribute table th { text-align-last: auto; text-justify: auto; width: 100%; padding-top: 2.5%; }
.huhou-post .attribute table td { padding-left: 0; margin-bottom: 2.5%; }
.huhou-post .buttons { display: block; }
.huhou-post .buttons .button { width: 100%; }
.huhou-post .buttons .button:not(:last-child) { margin-bottom: 3%; }
.huhou-post .buttons a { display: block; text-align: center; }

.post-container { padding: 0 3%; }
.post-content input[type="text"],
.post-content input[type="email"],
.post-content textarea { 
    padding: 2%; 
    margin-bottom: 2%;
}

.page-flower { padding: 0 3%; }
.page-flower .attribute table,
.page-flower .attribute table tbody,
.page-flower .attribute table tr,
.page-flower .attribute table th,
.page-flower .attribute table td { display: block; }
.page-flower .attribute table th { text-align-last: auto; text-justify: auto; width: 100%; padding-top: 2.5%; }
.page-flower .attribute table td { padding-left: 0; margin-bottom: 2.5%; }
.page-flower .form-group:not(:last-child) { margin-bottom: 5%; }
.page-flower .form-group-sender .input .required  { width: 20%; float: right; margin-bottom: 2%; }
.page-flower .form-group-sender .input .control { width: 100%; }
.page-flower .form-group-cart .input .select:nth-child(1) { width: 100%; margin-bottom: 3%; }
.page-flower .form-group-cart .input .select:nth-child(2) { width: 100%; }
.page-flower .form-group-zip .input input { width: 100%; margin-bottom: 3%; }
.page-flower .form-group-zip .input a { width: 100%; }
.page-flower .form-group-building .label label { text-align: left; }
.page-flower .box-address .form-group .label { width: 100%; float: none; padding-top: 0; }
.page-flower .box-address .form-group .input { width: 100%; float: none; }
.page-flower .box-address .form-group .label .required { width: 20%; margin-top: 0; }
.page-flower .box-bill .form-group .label { width: 100%; float: none; padding-top: 0; }
.page-flower .box-bill .form-group .input { width: 100%; float: none; }
.page-flower .buttons button { display: block; width: 100%; margin-left: 0; margin-right: 0; }
.page-flower .buttons button:not(:last-child) { margin-bottom: 5%; }
.page-flower .form-group-zip .input .error { width: 100%; padding: 0; }

}

@media print {

.huhou-post .box-link { display: none; }
.huhou-post .qr-code { display: block; text-align: right; }

}