@charset "utf-8";
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 問い合わせフォーム・登録フォーム                       */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
article h1, article h2 {
  margin: 60px 5px 18px 5px;
  padding: 2px 5px 2px 35px;
  border-bottom: 2px solid #EB9700;
  color: #EB9700;
  font-size: 125%;
  position: relative;
  line-height: 1.2em;
  text-align: left;
}
article h1 .fas, article h1 .far, article h2 .fas, article h2 .far {
  font-size: 110%;
  position: absolute;
  left: 4px;
  top: 0;
}
article h1 .fa-envelope, article h1 .fa-exclamation-triangle, article h2 .fa-envelope, article h2 .fa-exclamation-triangle {
  font-size: 100%;
  top: 3px;
}
article .input-description h1 .fa-edit, article .input-description h2 .fa-edit {
  position: static;
  margin: 0 5px 0 -22px;
}
article p {
  padding: 0 5px;
}
p.pc001 a.txtcolor-red {
  color: red;
}
.input-description {
  display: block;
}
.input-description p {
  text-align: left;
  margin-bottom: 20px;
  padding-left: 1em;
  text-indent: 1em;
  line-height: 1.4em;
}
.input-description p a {
  text-decoration: underline;
  color: #333333;
}
.input-description p a:hover {
  text-decoration: none;
  color: #EB9700;
}
.considerations h2 {
  padding: 2px 5px 2px 35px;
  margin: 30px 5px 15px 25px;
  border-bottom: 2px solid #EB9700;
  color: #EB9700;
  font-size: 100%;
  position: relative;
  line-height: 1.2em;
}
.considerations p {
  margin: 0 5px 10px 40px;
  font-size: 94%;
}
.considerations h2 .fas, .considerations h2 .far, .considerations h3 .fas, .considerations h3 .far {
  position: absolute;
  left: 10px;
  font-size: 110%;
}
.c-point {
  margin: 30px 5px 50px 10%;
  padding: 5px 15px 15px 15px;
  background-color: #FFEEBF;
  border-radius: 6px;
}
.c-point h3 {
  border-bottom: 2px solid #EB9700;
  margin: 20px 0 10px 0;
  padding: 0 5px 3px 28px;
  position: relative;
}
.c-point h3 .fas {
  display: block;
  margin-left: -5px;
  font-size: 100%;
  color: #EB9700;
}
.c-point .ryuijiko li {
  margin: 0 0 10px 25px;
  list-style-type: none;
  padding-left: 1em;
  text-indent: -1em;
}
.c-point li {
  list-style-type: decimal;
  margin: 0 0 10px 40px;
}
.c-point li, .ryuijiko li {
  font-size: 88%;
  line-height: 1.4em;
}
.considerations h2 .fa-laptop {
  top: 2px;
  left: 8px;
}
.fa-instagram {
  color: #FFFFFF;
  text-align: center;
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  padding: 2px 3px 2px 2.75px;
  border-radius: 5px;
}
.fa-facebook {
  color: #1877f2;
}
.fa-youtube {
  color: #DA1725;
}
.fa-twitter {
  color: #1DA1F2;
}
.sns-adjust label span.official-blog {
  color: #EB9700;
  font-size: 26px;
}
#button-wrapp {
  margin-left: 12%;
  margin-bottom: 80px;
}
#button-wrapp .r-button {
  text-align: center;
  background-color: #EB9700;
  border: 10px solid #FFEEBF;
  border-radius: 48px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3), inset 1px 1px 40px rgba(255, 255, 255, 0.2), inset -1px -1px 40px rgba(255, 255, 255, 0.2);
  width: 42%;
  margin: 30px 12px 0 0;
  padding: 0 5px;
  float: left;
}
#button-wrapp .r-button a {
  display: inline-block;
  padding: 25px 0;
  font-size: 120%;
  height: 20px;
  width: 100%;
  color: #fff;
  font-weight: 600;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
#button-wrapp .r-button:hover {
  background-color: #FFC150;
}
form .element_wrap:first-child {
  margin-top: 50px;
}
article form h2 {
  width: 99%;
  background: #FFE4E4;
  text-align: center;
  font-size: 130%;
  padding: 10px 0px;
  margin: 20px 5px;
  border-radius: 6px;
  color: #333333;
  border-bottom: none;
}
article form h2 .far, article form h2 .fas {
  margin-right: 10px;
  font-size: 120%;
  position: static;
}
article form h2 .fa-coffee {
  font-size: 105%;
}
h2#enjoy-icon img {
  margin: -6px 8px -6px 0;
}
::placeholder {
  color: #9C9C9C;
}
.element_wrap {
  margin: 0 5px 10px 5px;
  padding: 10px 15px 10px 15px;
  border-bottom: 1px solid #ccc;
  text-align: left;
}
.non-u-boder {
  border-bottom: none;
  margin-bottom: 0;
}
.element_wrap > label:first-child {
  display: inline-block;
  padding-right: 10px;
  vertical-align: top;
  margin-bottom: 10px;
  font-weight: bold;
  width: 28%;
  line-height: 1.2em;
}
.element_wrap p {
  display: inline-block;
  margin: 0;
  text-align: left;
}
.element_wrap .kana, .element_wrap .hankaku, .element_wrap .supp {
  display: inline-block;
  font-size: 88%;
  line-height: 1.3em;
  font-weight: normal;
}
.element_wrap .supp a {
  text-decoration: underline;
  line-height: 1.4em;
}
.element_wrap .supp a:hover {
  text-decoration: none;
  color: #EB9700;
}
p.henko-setsumei {
  color: red;
  text-align: center;
  margin: 30px 10px 50px 10px;
  font-size: 107%;
}
select {
  padding: 5px 10px;
  font-size: 85%;
  border: none;
  border-radius: 3px;
  background: #D0F1CE;
}
input[type=text] {
  padding: 5px 10px;
  font-size: 14px;
  border: none;
  border-radius: 3px;
  background: #D0F1CE;
}
input[type=checkbox], input[type=radio] {
  margin-right: 3px;
  line-height: 1.6em;
  color: aquamarine;
}
textarea {
  padding: 5px 10px;
  width: 60%;
  height: 100px;
  font-size: 14px;
  border: none;
  border-radius: 3px;
  background: #D0F1CE;
  line-height: 1.3em;
}
textarea.c_tarea {
  height: 200px;
}
textarea.y_tarea {
  height: 180px;
}
input.btn_confirm, input[name=btn_reset], input.btn_submit, input[name=btn_back], input.btn_send {
  margin: 50px 0;
  padding: 5px 20px;
  font-size: 100%;
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 3px;
  box-shadow: 0 3px 0 #D0F1CE;
  background: #378606;
}
.thanks-top > a:hover, input.btn_confirm:hover, input[name=btn_reset]:hover, input.btn_submit:hover, input[name=btn_back]:hover, input.btn_send:hover {
  background: #2F930E;
  color: #FFFFFF;
}
.cd_wrapp {
  display: inline;
}
.cd_wrapp_img, .cd_wrapp_cost, .cd_wrapp_width, .cd_wrapp_parking {
  display: inline-block;
  width: 68%;
  line-height: 1.2em;
}
.cd_wrapp_img label, .cd_wrapp_cost label, .cd_wrapp_width label, .cd_wrapp_parking label {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}
.cd_wrapp_img label.inline-chosei {
  display: inline;
}
.cd_wrapp_img input.photo-maisu {
  width: 15px;
}
.photo-maisu01 {
  margin-top: 5px;
}
.submit_wrap {
  text-align: center;
}
.submit_wrap input {
  width: 100px;
}
.align-c {
  text-align: center;
}
.required-item {
  display: inline-block;
  font-size: 82%;
  background-color: red;
  color: #FFF;
  padding: 2px 4px;
  margin-left: 5px;
  border-radius: 4px;
}
.optional-item {
  display: inline-block;
  font-size: 75%;
  background-color: #777777;
  color: #FFF;
  padding: 1px 2px;
  margin-left: 5px;
  border-radius: 4px;
  font-weight: normal;
}
p#btm-margin {
  margin-bottom: 50px;
}
p.error_messe {
  margin: 5px 0;
  color: red;
  font-weight: 600;
}
#privacy-check {
  margin-top: 10px;
  font-size: 80%;
  font-weight: 600;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.1em;
}
.input-description p a, #privacy-check a {
  text-decoration: underline;
}
#privacy-check a:hover {
  text-decoration: none;
}
.ckbox_wrapp_all {
  float: left;
  display: block;
  width: 68%;
}
.ckbox_wrapp_all .ck_wrapp {
  height: 1.6em;
}
.ckbox_float label {
  display: inline-block;
  float: left;
}
.ckbox_float .ckbox_wrapp_all {
  margin: 0 auto;
}
.publish-image {
  float: right;
  display: block;
  width: 70%;
  height: 20px
}
input, .element_wrap textarea {
  resize: vertical;
}
.element_wrap textarea.text-row {
  height: 68px;
}
.element_wrap textarea.text-row02 {
  height: 38px;
}
.sns-adjust .fab, .sns-adjust .fas {
  margin: -8px 10px 0px 6px;
  vertical-align: middle;
}
.sns-adjust img {
  margin: -5px 10px 0px 6px;
  vertical-align: middle;
}
.ckbox_wrapp_all .sns-adjust label {
  padding-right: 16px;
  height: 42px;
}
/* 確認画面 */
table.formTable {
  width: 85%;
  margin: 0 auto;
  margin-top: 50px;
  box-sizing: content-box;
  background-color: #FFF1CC;
  border-radius: 15px;
}
table.formTable td, table.formTable th {
  border-bottom: 2px solid #FFF;
  padding: 20px 5px 20px 30px;
  line-height: 1.2em;
}
table.formTable td {
  width: 70%;
  color: #378606;
  font-weight: 600;
}
table.formTable th {
  width: 30%;
  font-weight: 600;
  text-align: left;
}
/* 完了画面 */
.thanks-top {
  margin-top: 50px;
}
.thanks-top > a {
  cursor: pointer;
  border: none;
  border-radius: 3px;
  box-shadow: 0 3px 0 #D0F1CE;
  background-color: #378606;
  padding: 5px 10px;
  color: #FFF;
}
@media (max-width: 1080px) {
  #button-wrapp .r-button {
    width: 46%;
  }
  #button-wrapp .r-button a {
    font-size: 120%;
  }
}
@media (max-width: 767px) {
  article h1, article h2 {
    margin-top: 40px;
    font-size: 107%;
    padding-left: 28px;
  }
  article h3, .c-point h3 {
    font-size: 94%;
  }
  p.pc001 span {
    font-size: 88%;
  }
  .considerations h2 .fas, .considerations h2 .far {
    position: absolute;
    font-size: 100%;
    top: 2px;
    left: 4px;
  }
  .considerations h3 .fas, .considerations h3 .far {
    position: absolute;
    font-size: 94%;
    top: 1px;
    left: 10px;
  }
  article p {
    font-size: 94%
  }
  p.henko-setsumei {
    font-size: 88%;
  }
  .element_wrap label {
    font-size: 14px;
  }
  .element_wrap label .supp {
    font-size: 11px;
  }
  .photo-maisu01 {
    font-size: 13px;
  }
  .input-description p {
    font-size: 94%;
  }
  .ck_wrapp, .ck_wrapp label, .cd_wrapp_width label, .cd_wrapp_cost label, .cd_wrapp_img label, label.ck_rd, .cd_wrapp_parking label {
    font-size: 13px;
  }
  .sns-adjust .fab, .sns-adjust .fas, .sns-adjust img {
    font-size: 29px;
    margin-right: 8px;
    margin-top: -8px;
    vertical-align: middle;
  }
  textarea, input[type=text] {
    font-size: 13px;
  }
  input[type=text] {
    width: 60%;
  }
  #button-wrapp {
    margin-left: 16%;
  }
  #button-wrapp .r-button a {
    font-size: 130%;
    height: 26px;
  }
  #button-wrapp .r-button {
    width: 80%;
  }
  article form h2 {
    width: 100%;
    border-radius: 0;
    font-size: 110%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .considerations h2 {
    margin-left: 5px;
    padding-left: 26px;
  }
  .considerations p {
    font-size: 88%;
    margin: 0;
  }
  .c-point {
    margin-left: 5%;
  }
  .c-point li {
    margin-left: 8%;
    font-size: 82%;
  }
  /* 確認画面 */
  table.formTable {
    width: 95%;
    font-size: 85%;
  }
  table.formTable td, table.formTable th {
    padding: 10px 10px;
  }
  table.formTable td {
    width: 65%;
  }
  table.formTable th {
    width: 35%;
  }
  /* 確認画面ここまで */
}
@media (min-width: 500px) {
  .ck_wrapp {
    width: auto;
    display: inline-block;
    margin-right: 8px;
  }
  input[type=radio], input[type=checkbox] {
    margin-right: -2px;
  }
}
@media (max-width: 549px) {
  .sns-adjust label {
    width: 180px;
  }
}
@media (max-width: 499px) {
  article h1 {}
  article p {
    font-size: 88%;
  }
  .considerations p {
    font-size: 82%;
  }
  .input-description p {
    font-size: 88%;
  }
  .cd_wrapp_img .photo-maisu01 {
    margin: -5px 10px 20px 27%;
    width: 95%;
  }
  .cd_wrapp_img input.photo-maisu {
    display: inline-block;
  }
  .cd_wrapp_img label.inline-chosei {
    display: inline-block;
    width: 270px;
  }
  .c-point {
    margin-left: 5px;
  }
  .c-point li {
    font-size: 75%;
  }
  #button-wrapp {
    margin-left: 8%;
  }
  #button-wrapp .r-button {
    width: 90%
  }
  #button-wrapp .r-button a {
    font-size: 110%;
    height: 18px;
  }
  .element_wrap > label:first-child {
    display: block;
    text-align: center;
    width: 100%;
  }
  .element_wrap input, .element_wrap select, .element_wrap textarea {
    display: block;
    margin: 0 auto;
  }
  input[type=checkbox], input[type=radio] {
    margin-right: 3px;
    line-height: 1.6em;
  }
  textarea {
    width: 90%;
  }
  input[type=text] {
    width: 80%;
  }
  .ck_rd {
    display: inline-block;
    margin-left: 10px;
    width: auto;
    float: left;
    margin-bottom: 8px;
  }
  .cd_wrapp {
    display: block;
    margin: 0 auto;
  }
  .cd_wrapp_img, .cd_wrapp_cost, .cd_wrapp_width, .cd_wrapp_parking {
    margin: 15px 0;
  }
  .cd_wrapp_img label, .cd_wrapp_cost label, .cd_wrapp_width label, .cd_wrapp_parking label {
    display: block;
    width: 300px;
    margin-left: 20%;
  }
  .use-creditc, .hotspring {
    margin: 20px 0 10px 0;
    margin-left: 28%;
    width: 200px;
  }
  .airbath {
    margin: 20px 0 10px 0;
    margin-left: 22%;
    width: 220px;
  }
  .ck_wrapp {
    width: 120px;
    height: 1.6em;
    margin: 0 auto;
  }
  .ckbox_wrapp_all .ck_wrapp, .sns-adjust {
    margin-left: 20%;
  }
  .cd_wrapp_img label, .cd_wrapp_width label {
    margin-left: 20%;
    width: 305px;
  }
  .ck_wrapp input, .ck_wrapp label, .sns-adjust input, .sns-adjust label {
    float: left;
  }
  .ckbox_wrapp_all .ck_wrapp {
    width: 200px;
    height: 1.6em;
    margin-left: 20%;
    margin-top: 5px;
  }
  .ckbox_wrapp_all .other_pets {
    width: 280px;
  }
  .ckbox_wrapp_all .ck_wrapp:first-child, .ckbox_wrapp_all .sns-adjust:first-child {
    margin-top: 15px;
  }
  .ckbox_wrapp_all .sns-adjust label {
    height: 40px;
    width: 180px;
  }
  .sns-adjust label .fa-facebook {
    margin-left: 8px;
  }
  .align-c {
    font-size: 85%;
  }
}
@media (min-width: 350px) and (max-width: 400px) {
  .ckbox_wrapp_all .ck_wrapp, .ckbox_wrapp_all .sns-adjust {
    margin-left: 10%;
  }
  .cd_wrapp_img label, .cd_wrapp_width label, .cd_wrapp_cost label, .cd_wrapp_parking label {
    margin-left: 10%;
    width: 280px;
  }
  .cd_wrapp_img .photo-maisu01 {
    margin-left: 18%;
    width: 200px;
  }
  .use-creditc, .hotspring {
    margin-left: 20%;
  }
  .airbath {
    margin-left: 10%;
  }
}
@media (max-width: 349px) {
  .ckbox_wrapp_all .ck_wrapp, .cd_wrapp_cost label, .cd_wrapp_parking label, .sns-adjust {
    margin-left: 0;
    width: 270px;
  }
  .cd_wrapp_img .photo-maisu01 {
    margin-left: 8%;
    width: 200px;
  }
  .use-creditc, .hotspring, .airbath {
    margin-left: -8px;
  }
  .cd_wrapp_img label, .cd_wrapp_width label {
    margin-left: 0;
    width: 270px;
  }
  input[type=text], select, textarea {
    width: 90%;
  }
}