body.cms main .aligncenter { display: block; margin-right: auto; margin-left: auto } body.cms main .alignright { float: right; margin-bottom: 20px; margin-left: 20px } body.cms main .alignleft { float: left; margin-right: 20px; margin-bottom: 20px } body.cms main .wp-caption, body.cms main [class*='wp-image'] { display: block; max-width: 100% !important; margin-top: 1.5em; text-align: center } body.cms main .wp-caption-text { margin-top: 0 } body.form main { padding: 0 50px } body.form .base_ttl { font-size: 30px; font-size: 3rem } body.form#catalogConfirm .btn_area { margin-top: 30px } body.form#catalogThanks .catch p { margin-bottom: 20px } body.form .required { background: #e50065; color: #fff; padding: 3px 5px; margin-right: 10px; font-size: 70% } body.form #lead_area { margin-bottom: 80px } body.form #lead_area .catch { text-align: center; margin-bottom: 20px } body.form #lead_area .contact_tel { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; background: #f8f8f8; padding: 25px; max-width: 500px; margin: auto } body.form #lead_area .contact_tel .telArea:first-child.telArea:first-child:not(.telAreaApr) { margin-right: 30px; border-right: 1px solid #ddd; padding-right: 30px } body.form #formStep { overflow: hidden; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; max-width: 750px; margin: auto; margin-bottom: 30px } body.form #formStep li { border-radius: 30px; text-align: center; width: 31%; background: #e5e5e5; padding: 15px 30px; position: relative; height: 60px } body.form #formStep li.current { color: #fff; background: rgba(165, 58, 187, 0.5) } body.form #formStep li:not(:last-child) { margin-right: 30px } body.form #formStep li:not(:last-child)::after { position: absolute; content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #eee; top: 0; bottom: 0; margin: auto; right: -30px } body.form .formError .formErrorContent, body.form .formError .formErrorArrow div { box-shadow: none !important } body.form #form_area input[type="text"], body.form #form_area input[type="email"], body.form #form_area input[type="number"], body.form #form_area input[type="tel"], body.form #form_area select, body.form #form_area textarea { border: 2px solid rgba(165, 58, 187, 0.1); width: 100%; padding: 10px 15px } body.form #form_area input[type="text"]:focus, body.form #form_area input[type="email"]:focus, body.form #form_area input[type="number"]:focus, body.form #form_area input[type="tel"]:focus, body.form #form_area select:focus, body.form #form_area textarea:focus { background: #fcf9fd; border-color: #e4c3ea } body.form #form_area table .required { margin-left: 5px } body.form #form_area .btn_area .base_btn { max-width: 400px; margin: 30px auto 10px } body.form #form_area .btn_area .back_btn { margin-top: 20px; position: relative; display: inline-block } body.form #form_area .btn_area .back_btn:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 7px; border-color: transparent transparent transparent #888; display: block; position: absolute; top: 0; bottom: 0; margin: auto; left: -20px } body.form #form_area .btn_area .back_btn input { text-decoration: underline } body.form #form_area .step01 { margin-bottom: 60px } body.form #form_area .step01 h2 { margin-bottom: 0 } body.form #form_area .step01 h2 + .alignC { margin-bottom: 30px } body.form #form_area .step01 ul li { border-bottom: 1px solid rgba(165, 58, 187, 0.3); transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; cursor: pointer } body.form #form_area .step01 ul li:first-child { border-top: 1px solid rgba(165, 58, 187, 0.3) } body.form #form_area .step01 ul li:hover { background: rgba(165, 58, 187, 0.03) } body.form #form_area .step01 ul .checkelement { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } body.form #form_area .step01 ul label { padding: 20px 20px 20px 60px; display: block; width: 100%; cursor: pointer } body.form #form_area .step02 { margin-bottom: 30px } body.form #form_area .step02 .fl_box { -ms-flex-align: center; align-items: center } body.form #form_area .step02 .fl_box em { font-style: normal } body.form #form_area .step02 .fl_box #zip { margin: 0 5px; width: 40% } body.form #form_area .step02 #add { margin-top: 10px } body.form main input[type=radio], body.form main input[type=checkbox] { opacity: 0; position: absolute; pointer-events: none } body.form main .radio, body.form main .checkbox { -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; position: relative; display: inline-block; padding: 0 0 0 42px; border-radius: 8px; vertical-align: middle; cursor: pointer; line-height: 1 } body.form main .radio:hover:after, body.form main .checkbox:hover:after { border-color: #a53abb } body.form main .radio:after, body.form main .checkbox:after { -webkit-transition: border-color 0.2s linear; transition: border-color 0.2s linear; position: absolute; top: 50%; left: 20px; display: block; margin-top: -10px; width: 20px; height: 20px; border: 2px solid #ccc; content: '' } body.form main .radio:after { border-radius: 20px } body.form main .checkbox:after { border-radius: 6px } body.form main .radio:before { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 50%; left: 20px; display: block; margin-top: -5px; width: 10px; height: 10px; border-radius: 50%; background-color: #a53abb; content: ''; opacity: 0 } body.form main input[type=radio]:checked + .radio:before { opacity: 1 } body.form main .checkbox:before { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 50%; left: 26px; display: block; margin-top: -7px; width: 7px; height: 11px; border-right: 2px solid #a53abb; border-bottom: 2px solid #a53abb; content: ''; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } body.form main input[type=checkbox]:checked + .checkbox:before { opacity: 1 } body#event_formIndex main .step01 .base_ttl { margin-bottom: 20px } body#event_formIndex main .tbl_01 td.hJoin span { margin-right: 30px } body#event_formIndex main .tbl_01 td.hJoin input { width: 100px; margin: 0 5px; text-align: center } .shop_area { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap } .shop_area .box { width: 48%; display: block; margin-bottom: 3% } .shop_area .box .photo { margin-bottom: 15px } .shop_area .box .photo img { width: 100%; height: auto } .shop_area .box .arrow-p { -webkit-border-radius: 20px; border-radius: 20px; text-align: center; padding: 5px 10px } .shop_area .box .arrow-p:before { right: 10px; left: auto; display: none } .shop_area .box .arrow-p:after { right: 15px; left: auto; border-color: transparent transparent transparent #a53abb } body#serviceWedding .shop_area .box .arrow-p { border: 2px solid #e50065; background: #fff } body#serviceWedding .shop_area .box .arrow-p:after { border-color: transparent transparent transparent #e50065 } body#serviceFuneral .shop_area .box .arrow-p { border: 2px solid #a53abb } body.error main .inner_wrap section:not(:last-child) { margin-bottom: 30px } body.error main .inner_wrap section a { color: #a53abb; text-decoration: underline; font-weight: bold }