/* default v1.1 */
/* ========================================== set-prefix ========================================== */
/* ========================================== clearfix ========================================== */
/* ========================================== font-size ========================================== */
/* ========================================== blank ========================================== */
.blank { margin: 0; height: 1px; border: none; }

.blank-10px { margin: 5px 0px; height: 1px; border: none; }

.blank-20px { margin: 10px 0px; height: 1px; border: none; }

.blank-30px { margin: 15px 0px; height: 1px; border: none; }

.blank-40px { margin: 20px 0px; height: 1px; border: none; }

.blank-50px { margin: 25px 0px; height: 1px; border: none; }

.blank-solid { margin: 10px 0px; height: 1px; border: none; border-bottom: 1px solid #CCC; }

.blank-solid { margin: 10px 0px; height: 1px; border: none; border-bottom: 1px dotted #CCC; }

/* ========================================== box-sizing ========================================== */
/* ========================================== transform ========================================== */
/* ========================================== opacity ========================================== */
/* ========================================== media query ========================================== */
/* ========================================== hitarea ========================================== */
/* ========================================== animation ========================================== */
/* ========================================== etc ========================================== */
/* ========================================== reset ========================================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

html { overflow-y: scroll; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

ol, ul { list-style: none; }

fieldset, img { border: 0; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: left; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

/* Theme Setting */
/* color */
/* img path */
/* html */
body { background-color: white; font-size: 15px; font-family: Arial, Helvetica, sans-serif; word-wrap: break-word; color: #333; -webkit-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; }

a { text-decoration: underline; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.6); }

a:link, a:visited { color: blue; }

a:hover, a:active, a:focus { color: #6666ff; }

/* common */
/* Content CSS */
#home header { z-index: 0; overflow: hidden; position: relative; width: 100%; background-color: #395F17; }

#home header::before { z-index: -2; display: block; content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-image: url(../img/header_image_2020.jpg); background-repeat: no-repeat; background-position: right center; background-size: auto 90%; }

@media screen and (max-width: 599px) { #home header::before { width: 100%; background-position: center top 20px; background-size: 100%; } }

#home header::after { z-index: -1; display: block; content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-image: url(../img/header_bg_wagara_2020.png); background-position: left top; background-size: 190px 252px; background-attachment: fixed; background-color: rgba(0, 0, 0, 0.2); }

@media screen and (max-width: 599px) { #home header::after { background-color: rgba(0, 0, 0, 0.5); } }

#home header .inner { z-index: 100; display: inline-block; margin-left: 55%; padding: 60px 0; color: #BCB960; text-align: center; }

@media screen and (max-width: 599px) { #home header .inner { margin-left: 0; } }

#home header .inner h1 { font-size: 34px; font-size: 2.125rem; }

@media screen and (max-width: 599px) { #home header .inner h1 { padding: 0 15px; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); } }

#home header .inner .title { margin-bottom: 15px; font-size: 0px; font-size: 0rem; }

#home header .inner .title img { width: 391px; }

@media screen and (max-width: 599px) { #home header .inner .title img { width: 80%; } }

#home header .inner .item { font-size: 0px; font-size: 0rem; }

#home header .inner .item img { width: 346px; }

@media screen and (max-width: 599px) { #home header .inner .item img { width: 80%; } }

#home header .inner p { display: inline-block; margin: auto; width: 340px; text-align: left; line-height: 1.5; }

@media screen and (max-width: 599px) { #home header .inner p { width: 80%; } }

#home footer { padding: 15px 20px; background-color: #F1F1F1; color: #999; font-size: 12px; font-size: 0.75rem; text-align: center; }

#home footer .btn-contact { display: inline-block; margin-bottom: 10px; padding: 5px 15px; background-color: #999; border-radius: 90px; color: #F1F1F1; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

#home footer .btn-contact:hover { background-color: #b3b3b3; }

#home main section.about { overflow: hidden; padding: 80px 0; background-image: url(../img/about_bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; color: white; }

@media screen and (max-width: 599px) { #home main section.about { padding: 10px 20px; } }

#home main section.about .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 1180px; margin: auto; }

@media screen and (max-width: 599px) { #home main section.about .wrapper { display: block; } }

#home main section.about .wrapper > div { width: 46%; line-height: 1.6; }

@media screen and (max-width: 599px) { #home main section.about .wrapper > div { width: 100%; margin: 20px 0; } }

#home main section.shop { overflow: hidden; width: 100%; padding: 80px 0; background-image: url(../img/com_bg_wagara_gray.png); background-position: left top; background-size: 190px 252px; background-attachment: fixed; text-align: center; }

#home main section.shop h2 { margin-bottom: 30px; font-size: 24px; font-size: 1.5rem; font-weight: bold; }

#home main section.shop h3 { margin-bottom: 30px; font-size: 40px; font-size: 2.5rem; }

#home main section.shop .new { display: inline-block; padding: 3px 6px; margin-bottom: 5px; background-color: #fd2411; border-radius: 3px; font-size: 14px; font-size: 0.875rem; color: white; line-height: 1; }

#home main section.shop .item-title { margin-bottom: 10px; font-size: 20px; font-size: 1.25rem; font-weight: bold; }

#home main section.shop .item-title-sub { max-width: 920px; margin: auto; padding-bottom: 60px; text-align: left; line-height: 1.6; }

@media screen and (max-width: 599px) { #home main section.shop .item-title-sub { padding: 10px 20px 40px 20px; } }

#home main section.shop .items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 1180px; margin: 0 auto 150px auto; }

@media screen and (max-width: 599px) { #home main section.shop .items { display: block; width: 100%; } }

#home main section.shop .items > li { overflow: hidden; -ms-flex-preferred-size: 370px; flex-basis: 370px; padding: 8px; margin: 15px; background-color: white; border-radius: 9px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); text-align: center; }

@media screen and (max-width: 599px) { #home main section.shop .items > li { -ms-flex-preferred-size: auto; flex-basis: auto; margin: 0 10px 20px 10px; } }

#home main section.shop .items > li .image { font-size: 0px; font-size: 0rem; }

#home main section.shop .items > li .image img { width: 100%; }

#home main section.shop .items > li .name { padding: 20px 0; font-size: 20px; font-size: 1.25rem; font-weight: bold; }

#home main section.shop .items > li ul { display: inline-block; text-align: left; list-style: disc inside; }

#home main section.shop .items > li ul::before { display: inline-block; content: 'Contents'; padding-bottom: 5px; }

#home main section.shop .items > li ul li { padding: 2px 0 2px 0.3em; }

#home main section.shop .items > li .price { padding: 20px 0; font-size: 48px; font-size: 3rem; font-weight: bold; }

#home main section.shop .items > li .price span { display: inline-block; padding-left: 10px; font-size: 30px; font-size: 1.875rem; }

#home main section.shop .items > li .btn { display: block; padding: 15px; background-color: black; border-radius: 6px; color: white; font-size: 20px; font-size: 1.25rem; text-decoration: none; line-height: 1; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; }

#home main section.shop .items > li .btn-default { background-color: #159347; }

#home main section.shop .items > li .btn-default:hover { background-color: #127d3c; }

#home main section.shop .items > li .btn-amazon { background-color: #159347; }

#home main section.shop .items > li .btn-amazon:hover { background-color: #127d3c; }

#home main section.history { overflow: hidden; padding: 80px 0; background-image: url(../img/history_bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; color: white; }

@media screen and (max-width: 599px) { #home main section.history { padding: 10px 20px 40px 20px; } }

#home main section.history .wrapper { position: relative; margin: auto; padding-top: 40px; width: 920px; }

@media screen and (max-width: 599px) { #home main section.history .wrapper { width: 100%; } }

#home main section.history .wrapper .kanji { position: absolute; top: 0; left: 0; font-size: 0px; font-size: 0rem; }

@media screen and (max-width: 599px) { #home main section.history .wrapper .kanji { position: inherit; padding-bottom: 10px; text-align: center; } }

#home main section.history .wrapper .kanji img { width: 162px; }

#home main section.history .wrapper h2 { padding-bottom: 60px; font-size: 30px; font-size: 1.875rem; text-align: center; }

#home main section.history .wrapper p { margin-bottom: 2em; line-height: 1.6; }

#home main section.history .wrapper p:last-child { margin-bottom: 0; }

#home main section.modern-day { overflow: hidden; padding: 80px 0; background-image: url(../img/com_bg_wagara_gray.png); background-position: left top; background-size: 190px 252px; background-attachment: fixed; }

@media screen and (max-width: 599px) { #home main section.modern-day { padding: 10px 20px; } }

#home main section.modern-day .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 1180px; margin: auto; }

@media screen and (max-width: 599px) { #home main section.modern-day .wrapper { display: block; } }

#home main section.modern-day .wrapper > div { width: 46%; line-height: 1.6; }

@media screen and (max-width: 599px) { #home main section.modern-day .wrapper > div { width: 100%; margin: 20px 0; } }

#home main section.modern-day .wrapper > div h2 { padding-bottom: 10px; font-size: 30px; font-size: 1.875rem; }

#home main section.yokozuna { overflow: hidden; padding: 80px 0; background-image: url(../img/yokozuna_bg_wagara.png); background-position: left top; background-size: 190px 252px; background-attachment: fixed; color: white; }

@media screen and (max-width: 599px) { #home main section.yokozuna { padding: 40px 20px; } }

#home main section.yokozuna .about-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 1180px; margin: 0 auto 80px auto; }

@media screen and (max-width: 599px) { #home main section.yokozuna .about-wrapper { display: block; } }

#home main section.yokozuna .about-wrapper > div:first-child { padding-right: 60px; font-size: 0px; font-size: 0rem; }

@media screen and (max-width: 599px) { #home main section.yokozuna .about-wrapper > div:first-child { margin-bottom: 20px; padding-right: 0; text-align: center; } }

#home main section.yokozuna .about-wrapper > div:first-child img { width: 264px; }

@media screen and (max-width: 599px) { #home main section.yokozuna .about-wrapper > div:first-child img { width: 80%; } }

#home main section.yokozuna .about-wrapper > div:last-child h2 { padding-bottom: 10px; font-size: 30px; font-size: 1.875rem; }

@media screen and (max-width: 599px) { #home main section.yokozuna .about-wrapper > div:last-child h2 { text-align: center; } }

#home main section.yokozuna .about-wrapper > div:last-child p { line-height: 1.6; }

#home main section.yokozuna .people-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 1180px; margin: auto; }

@media screen and (max-width: 599px) { #home main section.yokozuna .people-wrapper { display: block; text-align: center; } }

#home main section.yokozuna .people-wrapper > div { -ms-flex-preferred-size: calc(100%/3); flex-basis: calc(100%/3); padding-right: 50px; }

@media screen and (max-width: 599px) { #home main section.yokozuna .people-wrapper > div { margin-bottom: 100px; padding-right: 0; }
  #home main section.yokozuna .people-wrapper > div:last-child { margin-bottom: 0; } }

#home main section.yokozuna .people-wrapper > div:last-child { padding-right: 0; }

#home main section.yokozuna .people-wrapper > div div { padding-bottom: 30px; font-size: 0px; font-size: 0rem; }

@media screen and (max-width: 599px) { #home main section.yokozuna .people-wrapper > div div { padding-bottom: 15px; } }

#home main section.yokozuna .people-wrapper > div div img { height: 50px; }

#home main section.yokozuna .people-wrapper > div h3 { margin-bottom: 20px; font-weight: bold; }

#home main section.yokozuna .people-wrapper > div ul { margin-bottom: 30px; }

#home main section.yokozuna .people-wrapper > div ul li { margin-bottom: 5px; }

#home main section.yokozuna .people-wrapper > div p { line-height: 1.3; }

@media screen and (max-width: 599px) { #home main section.yokozuna .people-wrapper > div p { text-align: left; } }

#home main section.ozeki { overflow: hidden; padding: 80px 0; background-image: url(../img/ozeki_bg_wagara.png); background-position: left top; background-size: 190px 252px; background-attachment: fixed; color: white; }

@media screen and (max-width: 599px) { #home main section.ozeki { padding: 40px 20px; } }

#home main section.ozeki .about-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 1180px; margin: 0 auto 80px auto; }

@media screen and (max-width: 599px) { #home main section.ozeki .about-wrapper { display: block; } }

#home main section.ozeki .about-wrapper > div:first-child { padding-right: 60px; font-size: 0px; font-size: 0rem; }

@media screen and (max-width: 599px) { #home main section.ozeki .about-wrapper > div:first-child { margin-bottom: 20px; padding-right: 0; text-align: center; } }

#home main section.ozeki .about-wrapper > div:first-child img { width: 264px; }

@media screen and (max-width: 599px) { #home main section.ozeki .about-wrapper > div:first-child img { width: 80%; } }

#home main section.ozeki .about-wrapper > div:last-child h2 { padding-bottom: 10px; font-size: 30px; font-size: 1.875rem; }

@media screen and (max-width: 599px) { #home main section.ozeki .about-wrapper > div:last-child h2 { text-align: center; } }

#home main section.ozeki .about-wrapper > div:last-child p { line-height: 1.6; }

#home main section.ozeki .people-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 1180px; margin: auto; }

@media screen and (max-width: 599px) { #home main section.ozeki .people-wrapper { display: block; text-align: center; } }

#home main section.ozeki .people-wrapper > div { padding-right: 50px; -ms-flex-preferred-size: calc(100%/3); flex-basis: calc(100%/3); }

@media screen and (max-width: 599px) { #home main section.ozeki .people-wrapper > div { margin-bottom: 100px; padding-right: 0; }
  #home main section.ozeki .people-wrapper > div:last-child { margin-bottom: 0; } }

#home main section.ozeki .people-wrapper > div:last-child { padding-right: 0; }

#home main section.ozeki .people-wrapper > div div { padding-bottom: 30px; font-size: 0px; font-size: 0rem; }

@media screen and (max-width: 599px) { #home main section.ozeki .people-wrapper > div div { padding-bottom: 15px; } }

#home main section.ozeki .people-wrapper > div div img { height: 50px; }

#home main section.ozeki .people-wrapper > div h3 { margin-bottom: 20px; font-weight: bold; }

#home main section.ozeki .people-wrapper > div ul { margin-bottom: 30px; }

#home main section.ozeki .people-wrapper > div ul li { margin-bottom: 5px; }

#home main section.ozeki .people-wrapper > div p { line-height: 1.3; }

@media screen and (max-width: 599px) { #home main section.ozeki .people-wrapper > div p { text-align: left; } }

#home main section.sumo-association { overflow: hidden; padding: 80px 0; background-image: url(../img/com_bg_wagara_gray.png); background-position: left top; background-size: 190px 252px; background-attachment: fixed; }

@media screen and (max-width: 599px) { #home main section.sumo-association { padding: 40px 20px; } }

#home main section.sumo-association .wrapper { position: relative; margin: auto; width: 920px; }

@media screen and (max-width: 599px) { #home main section.sumo-association .wrapper { width: 100%; } }

#home main section.sumo-association .wrapper h2 { padding-bottom: 30px; font-size: 30px; font-size: 1.875rem; text-align: center; }

#home main section.sumo-association .wrapper p { margin-bottom: 2em; line-height: 1.6; }

#home main section.sumo-association .wrapper p:last-child { margin-bottom: 0; }

.popup { position: absolute; top: 0; left: 0; width: 100%; }

#order { z-index: 1000; overflow-y: scroll; position: fixed; top: 0; left: 0; margin-top: -100vh; padding: 100px; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.9); color: white; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

@media screen and (max-width: 599px) { #order { position: absolute; top: 0; left: 0; padding: 50px 20px; height: 300vh; margin-top: -300vh; } }

#order .close { display: inline-block; margin: 80px auto; cursor: pointer; font-size: 0px; font-size: 0rem; }

#order .close img { width: 24px; }

#order .wrapper { display: inline-block; width: 100%; text-align: center; }

#order .wrapper h2 { margin-bottom: 30px; font-size: 30px; font-size: 1.875rem; }

#order .wrapper .note { max-width: 600px; margin: 0 auto 40px auto; }

#order .wrapper dl { margin-bottom: 30px; }

#order .wrapper dl dt { margin-bottom: 5px; font-size: 18px; font-size: 1.125rem; }

#order .wrapper dl dd input { padding: 10px 15px; width: 100%; max-width: 400px; border-radius: 90px; font-size: 18px; font-size: 1.125rem; border: none; outline: none; -webkit-appearance: none; }

#order .wrapper dl dd input[type=number] { padding: 5px 0 5px 10px; width: 3em; border-radius: 3; font-size: 18px; font-size: 1.125rem; border: none; -webkit-appearance: none; }

#order .wrapper dl dd label { margin-right: 15px; padding: 10px 15px 10px 45px; background-image: url(../img/form_check.svg); background-repeat: no-repeat; background-position: left 6px center; background-size: 30px; font-size: 18px; font-size: 1.125rem; border: 1px solid white; border-radius: 90px; cursor: pointer; }

#order .wrapper dl dd input[type=checkbox]:checked + label { border: 1px solid white; background-color: white; background-image: url(../img/form_checked.svg); color: black; }

#order .wrapper dl dd input[type=checkbox] { display: none; }

#order .wrapper dl dd select { padding: 10px 45px 10px 15px; background-color: white; background-image: url(../img/form_select.svg); background-repeat: no-repeat; background-position: right 10px center; background-size: 24px; border-radius: 90px; border: none; font-size: 18px; font-size: 1.125rem; outline: none; -webkit-appearance: none; }

#order .wrapper dl.item dd { padding: 10px 0; }

#order .wrapper input[type=submit] { display: inline-block; padding: 10px 40px; background-color: #723587; border-radius: 90px; border: none; outline: none; -webkit-appearance: none; font-size: 18px; font-size: 1.125rem; color: white; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

#order .wrapper input[type=submit]:hover { background-color: #9143ac; }

#order .wrapper input[type=submit]:disabled { background-color: #222; color: #444; cursor: default; }

#order.open { margin-top: 0; }

#form-flow { background-color: black; }

#form-flow main { z-index: 0; position: relative; width: 100vw; height: 100vh; background-image: url(../img/header_image.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }

#form-flow main::before { z-index: -1; display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); }

#form-flow main .wrapper { z-index: 1000; display: inline-block; padding: 100px; width: 100%; color: white; text-align: center; }

@media screen and (max-width: 599px) { #form-flow main .wrapper { padding: 50px 20px; } }

#form-flow main .wrapper h2 { margin-bottom: 30px; font-size: 30px; font-size: 1.875rem; }

#form-flow main .wrapper .note { max-width: 600px; margin: 0 auto 40px auto; }

#form-flow main .wrapper .done-note dt { margin: 0 auto 10px auto; max-width: 600px; padding: 10px; border-top: 1px solid white; border-bottom: 1px solid white; font-size: 20px; font-size: 1.25rem; }

#form-flow main .wrapper .done-note dd { padding: 5px; }

#form-flow main .wrapper .checklist { display: inline-block; margin-bottom: 20px; padding: 30px; border: 1px solid white; }

#form-flow main .wrapper .checklist dl { margin-bottom: 30px; }

#form-flow main .wrapper .checklist dl:last-child { margin-bottom: 0; }

#form-flow main .wrapper .checklist dl dt { margin-bottom: 5px; font-size: 12px; font-size: 0.75rem; color: #999; }

#form-flow main .wrapper .checklist dl dd { font-size: 18px; font-size: 1.125rem; font-weight: bold; }

#form-flow main .wrapper input[type=submit] { display: inline-block; padding: 10px 40px; background-color: #723587; border-radius: 90px; border: none; outline: none; -webkit-appearance: none; font-size: 18px; font-size: 1.125rem; color: white; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

#form-flow main .wrapper input[type=submit]:hover { background-color: #9143ac; }

#form-flow main .wrapper .cancel, #form-flow main .wrapper .backto { margin-top: 50px; }

#form-flow main .wrapper .cancel a, #form-flow main .wrapper .backto a { color: white; }

#contact { z-index: 1000; overflow-y: scroll; position: fixed; top: 0; left: 0; margin-top: -100vh; padding: 100px; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.9); color: white; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

@media screen and (max-width: 599px) { #contact { position: absolute; top: 0; left: 0; padding: 50px 20px; height: 300vh; margin-top: -300vh; } }

#contact .close { display: inline-block; margin: 80px auto; cursor: pointer; font-size: 0px; font-size: 0rem; }

#contact .close img { width: 24px; }

#contact .wrapper { display: inline-block; width: 100%; text-align: center; }

#contact .wrapper h2 { margin-bottom: 30px; font-size: 30px; font-size: 1.875rem; }

#contact .wrapper .note { max-width: 600px; margin: 0 auto 40px auto; }

#contact .wrapper dl { margin-bottom: 30px; }

#contact .wrapper dl dt { margin-bottom: 5px; font-size: 18px; font-size: 1.125rem; }

#contact .wrapper dl dd input { padding: 10px 15px; width: 100%; max-width: 400px; border-radius: 90px; font-size: 18px; font-size: 1.125rem; border: none; outline: none; -webkit-appearance: none; }

#contact .wrapper dl dd textarea { padding: 10px 15px; width: 100%; max-width: 400px; border-radius: 10px; font-size: 16px; font-size: 1rem; border: none; outline: none; -webkit-appearance: none; }

#contact .wrapper dl dd select { padding: 10px 45px 10px 15px; width: 100%; max-width: 400px; background-color: white; background-image: url(../img/form_select.svg); background-repeat: no-repeat; background-position: right 10px center; background-size: 24px; border-radius: 90px; border: none; font-size: 18px; font-size: 1.125rem; outline: none; -webkit-appearance: none; }

#contact .wrapper input[type=submit] { display: inline-block; padding: 10px 40px; background-color: #723587; border-radius: 90px; border: none; outline: none; -webkit-appearance: none; font-size: 18px; font-size: 1.125rem; color: white; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

#contact .wrapper input[type=submit]:hover { background-color: #9143ac; }

#contact.open { margin-top: 0; }