@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.knifeSharpening {
  width: 100%;
  max-width: 1500px;
  margin: 100px auto 0;
  padding: 0 100px 180px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@media (max-width: 1300px) {
  .knifeSharpening {
    padding: 0 60px 180px; } }
@media (max-width: 980px) {
  .contaknifeSharpeningct {
    padding: 0 40px 180px; } }
@media (max-width: 700px) {
  .knifeSharpening {
    padding: 0 20px 180px; } }
.eventInfo {
  margin: 100px 0 0;
  padding: 0; }
  .eventInfo__title {
    margin: 0 0 50px;
    padding: 30px 40px;
    font-size: 2rem;
    background-color: #eef0f6;
    border: 1px solid #d9e1f0;
    border-left: 10px solid #d9e1f0;
    position: relative; }
  .eventInfo__cnts {
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-start; }
    .eventInfo__cnts--image {
      width: 650px;
      margin: 0;
      padding: 0; }
      .eventInfo__cnts--image div {
        width: 100%;
        margin: 0 0 20px;
        padding: 0;
        border: 1px solid #000;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .eventInfo__cnts--image div img {
          width: 100%;
          height: 100%;
          object-fit: contain;
          transition: 0.3s; }
        .eventInfo__cnts--image div a:hover img {
          opacity: 0.7;
          filter: alpha(opacity=70);
          -ms-filter: alpha(opacity=70); }
      .eventInfo__cnts--image dl {
        margin: 0;
        padding: 0; }
        .eventInfo__cnts--image dl dt {
          margin: 0 0 10px;
          padding: 0;
          font-size: 1.125rem;
          font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
          line-height: 1.0; }
        .eventInfo__cnts--image dl dd {
          margin: 0;
          padding: 0; }
          .eventInfo__cnts--image dl dd ul {
            margin: 0;
            padding: 0;
            list-style: none;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -moz-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            -o-flex-wrap: wrap;
            flex-wrap: wrap; }
            .eventInfo__cnts--image dl dd ul li {
              width: calc((100% - 30px)/4);
              margin: 10px 10px 0 0;
              position: relative; }
              .eventInfo__cnts--image dl dd ul li img.photo {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: 0.3s;
                transition: 0.3s; }
              .eventInfo__cnts--image dl dd ul li:nth-of-type(4n) {
                margin: 10px 0 0; }
              .eventInfo__cnts--image dl dd ul li::before {
                content: '';
                display: block;
                padding-top: 100%; }
              .eventInfo__cnts--image dl dd ul li a {
                overflow: hidden;
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                border: 1px solid #000;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box; }
                .eventInfo__cnts--image dl dd ul li a:hover img.photo {
                  -moz-transform: scale(1.1);
                  -webkit-transform: scale(1.1);
                  transform: scale(1.1);
                  opacity: 0.7;
                  filter: alpha(opacity=70);
                  -ms-filter: alpha(opacity=70); }
                .eventInfo__cnts--image dl dd ul li a img.zoom {
                  padding: 5px 4px;
                  position: absolute;
                  bottom: 0;
                  right: 0;
                  background-color: rgba(0, 0, 0, 0.2); }

@media (max-width: 1280px) {
  .eventInfo__cnts {
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-start; }
    .eventInfo__cnts--image {
      width: 40%; } }
@media (max-width: 980px) {
  .eventInfo__cnts {
    align-items: center;
    flex-direction: column; }
    .eventInfo__cnts--image {
      width: 650px; } }
@media (max-width: 860px) {
  .eventInfo__cnts--image {
    width: 100%; } }
@media (max-width: 700px) {
  .eventInfo__title {
    padding: 30px 20px;
    font-size: 1.875rem; } }
.eventInfoCnts {
  width: calc(100% - 650px - 40px);
  margin: 0 0 0 40px; }
  .eventInfoCnts__title {
    margin: 0 0 30px;
    padding: 0 0 30px;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.0;
    border-bottom: 1px solid #000; }
    .eventInfoCnts__title span {
      margin: 0 0 15px;
      font-size: 1.125rem;
      display: block; }
  .eventInfoCnts__data {
    margin: 0;
    padding: 0; }
    .eventInfoCnts__data--txt {
      font-size: 1.125rem;
      line-height: 1.7; }
    .eventInfoCnts__data--list {
      margin: 15px 0 0;
      padding: 0;
      list-style: none; }
    .eventInfoCnts__data--item {
      margin: 0 0 5px;
      padding: 0 0 0 30px;
      font-size: 1.125rem;
      position: relative; }
      .eventInfoCnts__data--item:last-of-type {
        margin: 0; }
      .eventInfoCnts__data--item::before {
        position: absolute;
        top: 0;
        left: 0; }
      .eventInfoCnts__data--item:nth-of-type(1)::before {
        content: '📅'; }
      .eventInfoCnts__data--item:nth-of-type(2)::before {
        content: '🕙'; }
      .eventInfoCnts__data--item:nth-of-type(3)::before {
        content: '📍'; }
    .eventInfoCnts__data--character {
      margin: 40px 0 0 50px; }

@media (max-width: 1280px) {
  .eventInfoCnts {
    width: calc(60% - 20px);
    margin: 0 0 0 20px; } }
@media (max-width: 980px) {
  .eventInfoCnts {
    width: 100%;
    margin: 30px 0 0; } }
.caution {
  margin: 30px 0 0;
  padding: 0; }
  .caution__title {
    margin: 0;
    padding: 0; }
  .caution__data {
    margin: 0;
    padding: 0; }
  .caution__list {
    margin: 0;
    padding: 0;
    list-style: none; }
    .caution__list--item {
      margin: 7px 0 0;
      padding: 0 0 0 20px;
      position: relative; }
      .caution__list--item::before {
        content: '※';
        position: absolute;
        top: 0;
        left: 0; }

.artisan {
  margin: 30px 0 0;
  padding: 30px;
  background-color: #F3F3F3; }
  .artisan__title {
    margin: 0 0 20px;
    padding: 0;
    font-size: 1.125rem;
    font-weight: 700; }
  .artisan__data {
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start; }
    .artisan__data--txt {
      width: calc(100% - 120px - 20px);
      margin: 0 0 0 20px; }
      .artisan__data--txt strong {
        margin: 0 0 10px;
        font-size: 1.125rem;
        display: block; }
      .artisan__data--txt em {
        margin: 5px 0;
        display: inline-block;
        font-style: normal;
        font-weight: 700;
        position: relative; }
        .artisan__data--txt em::before {
          content: '✅'; }
    .artisan__data--comment {
      width: 100%;
      margin: 15px 0 0;
      padding: 10px;
      background-color: #FFF;
      border: 1px solid #DDD;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .artisan__data--comment strong {
        display: block; }

@media (max-width: 500px) {
  .artisan {
    padding: 30px 20px; }
    .artisan__data {
      flex-direction: column; }
      .artisan__data--photo {
        margin: 0 auto; }
      .artisan__data--txt {
        width: 100%;
        margin: 20px 0 0; } }
.contactForm {
  margin: 100px 0 0;
  padding: 0; }
  .contactForm__title {
    margin: 0 0 50px;
    padding: 30px 40px;
    font-size: 2rem;
    background-color: #eef0f6;
    border: 1px solid #d9e1f0;
    border-left: 10px solid #d9e1f0;
    position: relative; }
  .contactForm__cnts {
    margin: 0;
    padding: 0; }
    .contactForm__cnts--intro {
      line-height: 2.0;
      position: relative; }
  .contactForm__message {
    text-align: center; }
  .contactForm__btn {
    width: 860px;
    height: 120px;
    margin: 50px auto 0;
    padding: 0;
    color: #FFF !important;
    font-size: 1.5rem;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
    font-weight: 700;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #009499;
    border: 1px solid #009499;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    transition: 0.1s linear; }
    .contactForm__btn span {
      min-height: 26px;
      padding: 0 0 0 50px;
      display: inline-block;
      background-image: url("../img/common/ico08.svg");
      background-position: left center;
      background-repeat: no-repeat;
      background-size: 32px 26px; }
    .contactForm__btn:hover {
      color: #009499 !important;
      text-decoration: none;
      background-color: rgba(0, 148, 153, 0.2);
      top: 1px;
      left: 1px;
      cursor: pointer; }
      .contactForm__btn:hover span {
        background-image: url("../img/common/ico08_green.svg"); }

@media (max-width: 960px) {
  .contactForm__btn {
    width: 100%; } }
@media (max-width: 700px) {
  .contactForm__title {
    padding: 30px 20px;
    font-size: 1.875rem; } }
.formTable {
  width: 100%;
  word-break: break-all;
  word-wrap: break-all;
  margin: 40px 0 0;
  border-collapse: collapse; }
  .formTable__row {
    position: relative; }
  .formTable__th, .formTable__td {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
    text-align: left;
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative; }
  .formTable__th {
    width: 30%;
    padding: 30px 40px;
    font-weight: 500;
    background-color: #d9e1f0;
    border-right: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .formTable__th em {
      margin: 0 0 0 20px;
      padding: 2px 7px;
      color: #FFF;
      font-size: 0.8125rem;
      font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
      font-style: normal;
      line-height: 1.0;
      display: inline-block;
      background-color: #e60012; }
    .formTable__th span {
      margin: 7px 0 0;
      font-size: 0.8125rem;
      display: block; }
    .formTable__th.agree {
      width: auto;
      padding: 50px 40px;
      text-align: center;
      background-color: #FFF;
      border: none; }
      .formTable__th.agree span {
        margin: 0;
        font-size: 1rem;
        display: block; }
        .formTable__th.agree span:last-of-type {
          margin: 20px 0 0; }
        .formTable__th.agree span label {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: flex;
          align-items: center;
          justify-content: center; }
        .formTable__th.agree span input {
          -webkit-appearance: checkbox;
          -moz-appearance: checkbox;
          appearance: checkbox;
          width: 20px;
          height: 20px;
          padding: 0; }
    .formTable__th.col2 {
      width: 100%;
      padding: 20px 40px;
      color: #FFF;
      background-color: #172644;
      border: none; }
  .formTable__td {
    padding: 20px 30px;
    border-left: none; }
    .formTable__td select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      height: 50px;
      padding: 0 20px;
      font-size: 1rem;
      font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
      background-color: #F3F3F3;
      border: none;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .formTable__td input {
      height: 50px;
      font-size: 1rem;
      font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
      background-color: #F3F3F3; }
      .formTable__td input.itext {
        width: 100%; }
      .formTable__td input.p-postal-code {
        width: 20%; }
      .formTable__td input.p-region {
        margin: 10px 0; }
      .formTable__td input.imageAttached {
        height: auto;
        background-color: transparent; }
    .formTable__td textarea {
      width: 100%;
      font-size: 1rem;
      font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
      background-color: #F3F3F3; }
    .formTable__td .p_code a {
      margin: 0 0 0 20px;
      padding: 4px 20px;
      color: #FFF;
      font-size: 0.875rem;
      font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
      display: inline-block;
      background-color: #000;
      border: 1px solid #000;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      transition: 0.1s linear;
      position: relative;
      outline: 0; }
      .formTable__td .p_code a:hover {
        color: #000;
        text-decoration: none;
        background-color: #FFF;
        bottom: 1px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.06) 0px 4px 2px, rgba(0, 0, 0, 0.06) 0px 8px 4px, rgba(0, 0, 0, 0.06) 0px 16px 8px, rgba(0, 0, 0, 0.06) 0px 32px 16px;
        -moz-box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.06) 0px 4px 2px, rgba(0, 0, 0, 0.06) 0px 8px 4px, rgba(0, 0, 0, 0.06) 0px 16px 8px, rgba(0, 0, 0, 0.06) 0px 32px 16px;
        box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.06) 0px 4px 2px, rgba(0, 0, 0, 0.06) 0px 8px 4px, rgba(0, 0, 0, 0.06) 0px 16px 8px, rgba(0, 0, 0, 0.06) 0px 32px 16px; }

@media (max-width: 700px) {
  .formTable__th {
    padding: 30px 20px; }
    .formTable__th.col2, .formTable__th.agree {
      padding: 30px 20px; }
  .formTable__td {
    padding: 20px; }
    .formTable__td input.p-postal-code {
      width: 40%; } }
@media (max-width: 500px) {
  .formTable__th, .formTable__td {
    width: 100%;
    padding: 20px;
    display: block; }
  .formTable__th {
    border-right: 1px solid #000;
    border-bottom: none; }
  .formTable__td {
    border-top: none;
    border-left: 1px solid #000; }
  .formTable tr:not(:nth-of-type(12)) .formTable__td {
    border-bottom: none; } }
.contactBtn {
  width: 860px;
  height: 120px;
  margin: 0 auto;
  padding: 0;
  color: #FFF !important;
  font-size: 1.5rem;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  font-weight: 700;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #009499;
  border: 1px solid #009499;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  transition: 0.1s linear; }
  .contactBtn span {
    min-height: 26px;
    padding: 0 0 0 50px;
    display: inline-block;
    background-image: url("../img/common/ico08.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 32px 26px; }
  .contactBtn:hover {
    color: #009499 !important;
    text-decoration: none;
    background-color: rgba(0, 148, 153, 0.2);
    top: 1px;
    left: 1px;
    cursor: pointer; }
    .contactBtn:hover span {
      background-image: url("../img/common/ico08_green.svg"); }
  .contactBtn.back {
    background-color: #888;
    border: 1px solid #888; }
    .contactBtn.back span {
      background-image: url("../img/common/ar04_white.svg");
      background-size: 28px 26px; }
    .contactBtn.back:hover {
      color: #888 !important;
      background-color: rgba(136, 136, 136, 0.2); }
      .contactBtn.back:hover span {
        background-image: url("../img/common/ar04_gray.svg"); }
  .contactBtn.send {
    margin: 0 auto 40px; }

@media (max-width: 960px) {
  .contactBtn {
    width: 100%; } }
.preview {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  position: relative; }
  .preview th {
    width: 30%;
    padding: 20px 30px;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
    font-weight: normal;
    text-align: left;
    background-color: #d9e1f0;
    border: 1px solid #000;
    border-right: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .preview td {
    width: 70%;
    padding: 20px 30px;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
    background-color: #FFF;
    border: 1px solid #000;
    border-left: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

p.btn {
  margin: 50px 0 0; }

.flow {
  margin: 30px 0 0;
  padding: 30px;
  background-color: #F3F3F3;
  border: 1px solid #000; }
  .flow__title {
    margin: 0 0 15px;
    padding: 0;
    font-size: 1.125rem;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
    font-weight: 700;
    line-height: 1.0;
    position: relative; }
    .flow__title::before {
      content: '●';
      margin: 0 5px 0 0;
      font-size: 0.8125rem; }
  .flow__data {
    margin: 0;
    padding: 0; }
    .flow__data--list {
      margin: 0;
      padding: 0;
      list-style: none; }
    .flow__data--item {
      margin: 0 0 7px;
      padding: 0 0 0 20px;
      font-size: 1.125rem;
      font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
      position: relative; }
      .flow__data--item:last-of-type {
        margin: 0; }
      .flow__data--item::before {
        position: absolute;
        top: 0;
        left: 0; }
      .flow__data--item:nth-of-type(1)::before {
        content: '①'; }
      .flow__data--item:nth-of-type(2)::before {
        content: '②'; }
      .flow__data--item:nth-of-type(3)::before {
        content: '③'; }
      .flow__data--item:nth-of-type(4)::before {
        content: '④'; }

@media (max-width: 700px) {
  .flow {
    padding: 30px 20px; } }