@charset "UTF-8";
/*=======================================
ENTRY - 応募フォーム -
=======================================*/
#entry-1 .section-title,
#entry-2 .section-title {background-image: url(../img/ttl-entry.png);}

.confirm #entry-1 .section-title,
.confirm #entry-2 .section-title {background-image: url(../img/ttl-confirm.png);}



.entry .section-contents {
  font-size: 18px;
  font-weight: 400;
}

.req,
.req-n {
  font-size: 18px;
  letter-spacing: .25em;
  text-indent: .25em;
  font-weight: 700;
  width: 3.22em;
  line-height: 1.33;
  vertical-align: text-bottom;
  text-align: center;
  display: inline-block;
  margin-left: .5em;
  border-radius: 5px;
  color: #fff;
}

.req {
  background: #f00;
}

.req-n {
  background: #9FA0A0;
}

.sep {
  display: inline-block;
  width: 35px;
  height: 0;
  border-top: 1px solid currentColor;
  margin: auto 10px;
  vertical-align: middle;
}

.campaignTable-ttl {
  background: #A87E21;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .05em;
  margin-bottom: 50px;
  padding: 10px 20px;
}
.campaignTable-ttl + p.txt {
  margin-top: -30px;
  margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .entry .section-contents {
    font-size: 15px;
    line-height: 1.5;
  }

  .req,
  .req-n {
    font-size: 14px;
  }

  .campaignTable-ttl {
    font-size: 18px;
    margin-bottom: 30px;
    padding: 10px;
  }
  .campaignTable-ttl + p.txt {
    margin-top: -10px;
    margin-bottom: 30px;
  }
}
/* image uploader */
table.imgUploader {
  border-spacing: 40px 30px;
  border-collapse: separate;
  margin: -20px -30px;
}
table.imgUploader .req,
table.imgUploader .req-n {
  font-size: 16px;
  letter-spacing: .05em;
  width: 4.625em;
  line-height: 1.875;
  font-weight: 400;
}
table.imgUploader .req-n {
  background: #fff;
  color: #231815;
}
table.imgUploader .note {
  letter-spacing: .05em;
  margin-top: .5em;
}
table.imgUploader tr {
  display: flex;
  column-gap: 30px;
  align-items: flex-start;
}
table.imgUploader tr + tr {
  margin-top: 40px;
}
table.imgUploader th, table.imgUploader td {
  vertical-align: top;
  display: block;
}
table.imgUploader th {
  background: #d5d5d5;
  border-radius: 5px;
  padding: 20px;
  width: 193px;
  text-align: left;
  font-size: 22px;
  letter-spacing: .05em;
}
@media only screen and (max-width: 767px) {
  table.imgUploader {
    border-spacing: 0;
    margin: 0 10px;
  }
  table.imgUploader tr {
    flex-direction: column;
  }
  table.imgUploader tr + tr {
    margin-top: 20px;
  }
  table.imgUploader th, table.imgUploader td {
    width: 100%;
  }
  table.imgUploader th {
    font-size: 18px;
    margin-bottom: 15px;
    padding: 15px;
  }
  table.imgUploader .note {
    font-size: 14px;
  }
}

/* form item */
.campaignTable {
  counter-reset: num 0;
}

.form-item {
  margin-bottom: 30px;
  letter-spacing: .05em;
}
.form-item .t-red {
  margin-left: 5px;
  font-size: 16px;
}

.form-ttl {
  margin-bottom: 1em;
  display: block;
}

.form-q {
  font-size: 20px;
  font-weight: 700;
  color: #A87E21;
  letter-spacing: .05em;
  border-bottom: 2px dotted currentColor;
  padding-left: 3em;
  position: relative;
  margin-top: 40px;
  padding-bottom: .75em;
  margin-bottom: 15px;
}
.form-q::before {
  counter-increment: num 1;
  content: counter(num);
  font-family: "Tilt Warp", sans-serif;
  font-size: .9em;
  background: url(../img/mark-form-q.png) 0 0 no-repeat;
  background-size: contain;
  width: 2.311em;
  height: 1.35em;
  padding-top: .65em;
  color: #fff;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
}
.form-q .req, .form-q .req-n {
  margin-left: 0;
  margin-right: 10px;
}

.confirm .form-input {
  font-size: 18px;
  padding: 1em;
  color: #666;
  background: #ececec;
  border-radius: 5px;
}

ul.radio-list li {
  margin-bottom: .25em;
}
ul.radio-list + input {
  margin-top: 10px;
}
ul.radio-list + p.checkbox-item {
  margin-top: 2em;
}

.radio-item + .radio-item {
  margin-left: 2em;
}

@media only screen and (max-width: 767px) {
  .form-item .t-red {
    display: block;
    margin-left: 0;
    font-size: 14px;
  }

  .form-ttl {
    margin-bottom: .5em;
  }

  .form-q {
    padding-top: 2em;
    padding-left: 0;
    font-size: 16px;
  }
  .form-q .req, .form-q .req-n {
    position: absolute;
    top: .5em;
    left: 3em;
  }
}
/* form parts*/
input[type="file"] {
  font-size: 18px;
  letter-spacing: .05em;
  width: 100%;
}
input[type="file"]::file-selector-button {
  font-size: 18px;
  letter-spacing: .05em;
  width: 8.611em;
  line-height: 2.944;
  text-align: center;
  border: 0 none;
  border-radius: 5px;
  background: #E0E0E0;
  margin-right: 1em;
  cursor: pointer;
  transition: opacity .3s;
}
input[type="file"]::file-selector-button:hover {
  opacity: .5;
}

input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
  border: 1px solid #231815;
  background: #fff;
  font-size: 18px;
  padding: 1em;
  width: 100%;
  border-radius: 5px;
}

input[type="text"].form-control,
input[type="text"].question_txt,
textarea.question_txterea {
  border-radius: 10px;
  padding: .75em 1em;
  border-color: #898989;
}
br + input[type="text"].question_txt, br +
textarea.question_txterea, br + input[type="text"].form-control {
  margin-top: 1.5em;
}

input[type="text"] + input[type="text"] {
  margin-top: 10px;
}

input[name="_email"] {
  margin-top: 10px;
}

input.w-40, select.w-40 {
  width: 9.8em;
}
input.w-80, select.w-80 {
  width: 14.44em;
}

input[type="submit"],
input[type="button"],
button,
button[type="submit"]{
  min-width: 400px;
  max-width: 100%;
  width: fit-content;
  margin: 50px auto 10px;
  display: block;
  background: #5E9CE5;
  font-size: 32px;
  color: #fff;
  text-align: center;
  position: relative;
  border: 0 none;
  border-radius: 1.25em;
  padding: .5em 1em .55em;
  font-weight: 700;
  box-shadow: 5px 10px 0 rgba(94, 156, 229, 0.5);
  cursor: pointer;
  transition: opacity .3s;
}
input[type="submit"]:disabled, input[type="submit"]:hover,
input[type="button"]:disabled,
input[type="button"]:hover,
button:disabled,
button:hover {
  opacity: .5;
}

input[type="button"], button {
  background-color: #999;
  box-shadow: 5px 10px 0 rgba(200, 200, 200, 0.5);
}

@media only screen and (max-width: 767px) {
  input[type="file"] {
    font-size: 13px;
  }
  input[type="file"]::file-selector-button {
    font-size: 15px;
  }

  input[type="text"],
  input[type="email"],
  input[type="tel"],
  select,
  textarea {
    font-size: 15px;
  }

  input[type="submit"],
  input[type="button"],
  button {
    min-width: 280px;
    font-size: 16px;
    line-height: 1.25;
    border-radius: 1.875em;
    min-height: 3.75em;
    box-shadow: 4px 6px 0 rgba(94, 156, 229, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
#entry-2 .campaignTable .form-item:nth-of-type(3) input[name="q3_wet_food"] {
  margin-top: 2em;
}

.questionDivColumn{
  text-align: center;
  margin-top: 40px;
}
.entry .questionSubmitBtn,
.entry .questionModifyBtn{
  background-color: transparent;
  box-shadow: none;
  padding: 0;
  border-radius: 0;
  
  margin-top: 10px;
  
  display: inline-block;
  box-sizing: border-box;
  height: 0;
  padding-top: 18.66%;
  position: relative;
  text-indent: -9999em;
  max-width: 405px;
  min-width: inherit;
  width: 100%;
  min-height: inherit;
  padding-top: min(18.66vw, 90px);
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  
}
.entry:not(.confirm) #entry-2 .questionSubmitBtn{
  background-image: url(../img/btn-confirm.png);
}
.confirm #entry-2 .questionModifyBtn{
  background-image: url(../img/btn-modify.png);
}
.confirm #entry-2 .questionSubmitBtn{
  background-image: url(../img/btn-submit2.png);
}

/* COMLETE */
.complete #l-header::after,
.complete .mv_main::before{
  content: none;
}
.complete > .inner {
  background: #da1e00 url(../img/bg_red.png) 50% 0 repeat;
  background-size: 80px auto;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1080px) {
  .complete > .inner {
    background-size: 9.25vw auto;
  }
}
.complete #l-header {
  background: none;
}
.complete .mv_main {
/*  padding-top: 130px;*/
  padding-bottom: 0;
}
.complete .mv_main::after {
  content: none;
}
.complete .mv_main .mv_img1::before {
  content: none;
}
.complete #l-container {
  width: 100%;
  margin-bottom: 100px;
  position: relative;
}
.complete #l-container::before, .complete #l-container::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: 100% auto;
  left: 0;
}
.complete #l-container::before {
  position: absolute;
  max-width: 423px;
  width: 39.166%;
  max-height: 336px;
  padding-top: 31.11%;
  background-image: url(../img/prize-cat.png);
  right: 0;
  bottom: 0;
  margin: 0 auto 5%;
}
.complete #l-container::after {
  position: relative;
  width: 100%;
  padding-top: 41.66%;
  z-index: -1;
  bottom: 0;
  background-position: 0 100%;
  background-image: url(../img/mv-bg_btm.png);
}
@media screen and (max-width: 1080px) {
  .complete #l-container {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .complete .mv_main {
    /*padding-top: 19.2vw;*/
  }
}

#entry-complete {
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
  background: none;
}
#entry-complete::before {content: none;}

.page-title {
  margin: -2em auto 1.66em;
  color: #fff;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  letter-spacing: .05em;
  width: 60%;
}

#entry-complete .btn{
  min-width: inherit;
  width: 100%;
  max-width: 375px;
}
#entry-complete .btn a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 0;
  padding: 0;
  padding-top: min(15.55vw, 70px);
  position: relative;
  text-indent: -9999em;
  overflow: hidden;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  background-image: url(../img/btn-totop.png);
}
#entry-complete .btn a::after{
  content: none;
}

@media only screen and (max-width: 767px) {
  #entry-complete {
    padding-left: 20px;
    padding-right: 20px;
  }

  .page-title {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 1em;
  }
}
/* post card info */
#postcard-1 .section-title {background-image: url(../img/ttl-postcard-1.png);max-width: 667px;}
#postcard-1 .mark-dl dt:not(:first-child) {
  margin-top: 1em;
}
#postcard-1 .mark-dl dd {
  margin-left: -1em;
}
#postcard-1 .box-section {
  margin-bottom: 0;
}
#postcard-1 .box-section ul.list li + li {
  margin-top: 1.466em;
}
#postcard-1 .box-section ul.list + .note-list {
  margin: 0;
}
#postcard-1 .box-section .bold {
  font-size: 18px;
}
#postcard-1 .section-contents:nth-of-type(2) {
  font-size: 18px;
  font-weight: 400;
}