@charset "UTF-8";
/**
 * Fontサイズのプロパティ設定用 mixin。
*/
/**
 * radiusサイズのプロパティ設定用 mixin。
*/
/**
 * コンテンツのプロパティ設定用 mixin。
 *
 * @param {String} property margin か padding　デフォルトは padding
 * @param {String} Large の指定
 * @param {String} Midium の指定
 * @param {String} Small の指定
 * @param {String} Extra small の指定
*/
/*
  text drop shadow
*/
.page-ttl {
  background: url(/wp-content/themes/roseplus/images/common/content-bg1.png) left top;
  background-size: 30%;
  text-align: center; }
  @media all and (min-width: 768px) {
    .page-ttl {
      padding-bottom: 80px; } }
  @media all and (max-width: 767px) {
    .page-ttl {
      padding-bottom: 40px; } }
  .page-ttl h3 {
    width: 40vw; }
    @media all and (max-width: 767px) {
      .page-ttl h3 {
        width: 90vw;
        padding-top: 40px; } }
article {
  padding-bottom: 4.6em;
  color: #5C3723; }
  @media (min-width: 992px) and (max-width: 1366px) {
    article {
      padding-bottom: 3.6em; } }
  @media (max-width: 991px) {
    article {
      padding-bottom: 1.6em; } }
  article a {
    color: #5C3723;
    text-decoration: underline; }
    article a:visited, article a:link {
      color: #5C3723; }
  article section {
    margin-top: 4.5em;
    padding: 3.8em 0 0;
    border-top: 1px solid #5C3723; }
    @media (max-width: 767px) {
      article section {
        margin-top: 2.5em;
        padding: 2.4em 0 0; } }
ul {
  padding-left: 0; }
  ul li {
    list-style: none; }

h2 {
  position: relative;
  margin: 1.4375em 0 1.78125em;
  color: #5C3723;
  text-align: center;
  font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", "Meiryo", "メイリオ", serif;
  font-size: 1.777em;
  font-weight: bold;
  line-height: 1.86; }
  @media (max-width: 767px) {
    h2 {
      font-size: 1.5em;
      line-height: 1.7; } }
  h2:after {
    content: '';
    display: block;
    margin: 1px auto 0;
    height: 3px;
    width: 13.5em;
    max-width: 100%;
    background: #ef8490; }
    @media (max-width: 767px) {
      h2:after {
        margin-top: .5em;
        height: 2px; } }
h3 {
  margin: .65em 0 0;
  padding: .13em 0 0 .3em;
  border-left: 12px solid #5C3723;
  line-height: 1.73;
  font-weight: bold;
  font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", "Meiryo", "メイリオ", serif;
  font-size: 1.333em; }
  @media (min-width: 992px) {
    h3 {
      white-space: nowrap;
      padding-right: 4em; } }
  @media (min-width: 768px) and (max-width: 991px) {
    h3 {
      font-size: 1.35em;
      margin-bottom: 1.6667em; } }
  @media (max-width: 767px) {
    h3 {
      border-left-width: 6px;
      font-size: 1.3em;
      margin-bottom: 1.6667em; } }
body .wrapper.narrow {
  margin-left: auto;
  margin-right: auto;
  max-width: 1112px; }

.entry-header .description {
  margin-top: 2.9em;
  line-height: 1.7; }
  @media (max-width: 767px) {
    .entry-header .description {
      margin-top: 2.1em; } }
.input-form label {
  color: inherit;
  font-size: 1em; }

.input-form .radio label {
  padding: 0;
  font-weight: inherit; }
  .input-form .radio label input[type=radio] {
    display: none; }
    .input-form .radio label input[type=radio] + .wpcf7-list-item-label:before {
      content: '';
      display: inline-block;
      position: relative;
      top: .15em;
      width: 1em;
      height: 1em;
      background: url(../images/collabo-form/icon-radio-off.svg) no-repeat center center;
      background-size: 92%; }
    .input-form .radio label input[type=radio]:checked + .wpcf7-list-item-label:before {
      background-image: url(../images/collabo-form/icon-radio-on.svg); }
  .input-form .radio label span {
    display: inline-block;
    position: relative;
    left: 0; }

.input-form .radio .wpcf7-list-item {
  margin: 0 1em; }
  @media (max-width: 767px) {
    .input-form .radio .wpcf7-list-item {
      margin: 0 .5em; } }
.input-form .wpcf7-not-valid-tip {
  margin-top: .3em; }

.input-form .input {
  padding: .85em .6em .75em;
  width: 31em;
  max-width: 100%;
  border: 1px solid #5C3723;
  border-radius: 12px;
  max-width: 100%; }
  @media (min-width: 768px) and (max-width: 991px) {
    .input-form .input {
      border-radius: 10px; } }
  @media (max-width: 767px) {
    .input-form .input {
      border-radius: 8px; } }
.input-form .inquiry-select {
  text-align: center;
  font-weight: bold; }
  .input-form .inquiry-select .radio {
    font-size: 1.55em; }
    @media (max-width: 767px) {
      .input-form .inquiry-select .radio {
        font-size: 1.4em; } }
.input-form .title-area {
  display: flex;
  align-items: flex-start;
  margin-top: 4.5em; }
  @media (max-width: 991px) {
    .input-form .title-area {
      display: block; } }
  .input-form .title-area .title {
    flex-shrink: 0;
    align-items: flex-start;
    padding: .31em .85em .2em .25em;
    border-left: 12px solid #5C3723;
    font-size: 1.32em;
    font-weight: bold; }
    @media (min-width: 768px) and (max-width: 991px) {
      .input-form .title-area .title {
        border-left-width: 8px; } }
    @media (max-width: 767px) {
      .input-form .title-area .title {
        border-left-width: 6px; } }
  .input-form .title-area .description {
    padding-top: .75em;
    font-size: .875em;
    line-height: 2; }
  @media (min-width: 992px) {
    .input-form .title-area.about-returned .title {
      width: 35.6%;
      min-width: 16em; } }
.input-form .info-table {
  margin: 1.5em 0;
  width: 100%;
  border-style: solid;
  border-color: #5C3723;
  border-width: 2px 0; }
  @media (min-width: 768px) {
    .input-form .info-table {
      display: table; } }
  .input-form .info-table dl {
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .input-form .info-table dl {
        display: table-row; } }
    .input-form .info-table dl dt, .input-form .info-table dl dd {
      padding: 1.5em 1.4em;
      border-bottom: 1px dotted #5C3723; }
      @media (min-width: 768px) {
        .input-form .info-table dl dt, .input-form .info-table dl dd {
          display: table-cell; } }
      @media (max-width: 767px) {
        .input-form .info-table dl dt, .input-form .info-table dl dd {
          padding: .8em .7em; } }
    .input-form .info-table dl dt {
      background: #e0d9d6;
      vertical-align: top;
      font-weight: normal; }
      @media (min-width: 768px) {
        .input-form .info-table dl dt {
          width: 15.8em;
          text-align: right; } }
    .input-form .info-table dl dd {
      padding: .7em 1.1em .75em; }
      @media (max-width: 767px) {
        .input-form .info-table dl dd {
          padding: .8em .7em; } }
    .input-form .info-table dl:last-of-type dt, .input-form .info-table dl:last-of-type dd {
      border-bottom: 0; }

.input-form .form-caution {
  margin: 2.81em 0 2em;
  text-align: center;
  font-weight: bold; }
  .input-form .form-caution .description {
    font-size: 1.3em; }
    @media (max-width: 767px) {
      .input-form .form-caution .description {
        text-align: left;
        font-size: 1.18em; } }
  .input-form .form-caution .agreement {
    margin-top: 1.5em;
    font-size: 1.52em; }
    @media (max-width: 767px) {
      .input-form .form-caution .agreement {
        font-size: 1.4em; } }
.input-form .order-info {
  margin-top: 4.25em;
  display: flex;
  justify-content: center; }
  @media (max-width: 767px) {
    .input-form .order-info {
      margin-top: 3em; } }
  .input-form .order-info .booking-date {
    text-align: center; }
  .input-form .order-info .order-item {
    margin-top: .7em;
    padding: 1.4em 1em 0;
    color: #ef8490;
    border-top: 1px solid #ef8490; }
    @media (max-width: 767px) {
      .input-form .order-info .order-item {
        padding: 1em 0 0; } }
    .input-form .order-info .order-item .name, .input-form .order-info .order-item .subinfo {
      font-weight: bold; }
    .input-form .order-info .order-item .name {
      margin: 0;
      font-size: 1.58em; }
      @media (max-width: 767px) {
        .input-form .order-info .order-item .name {
          text-align: center;
          font-size: 1.3em; } }
    .input-form .order-info .order-item .subinfo {
      text-align: center; }
      @media (min-width: 768px) {
        .input-form .order-info .order-item .subinfo {
          font-size: .88em; } }
    .input-form .order-info .order-item .price {
      margin: .75em 0 0; }
      @media (min-width: 768px) {
        .input-form .order-info .order-item .price {
          text-align: right; } }
      @media (max-width: 767px) {
        .input-form .order-info .order-item .price {
          text-align: center; } }
      @media (max-width: 767px) {
        .input-form .order-info .order-item .price .price-sub-info, .input-form .order-info .order-item .price .price-value {
          display: inline-block; } }
      .input-form .order-info .order-item .price .price-value {
        margin-left: 1.1em;
        font-size: 1.35em; }

.input-form .response .wpcf7-response-output {
  margin: 5em 0 3em;
  border: 0;
  text-align: center; }

.input-form .btn-area {
  margin: 2em 0;
  text-align: center; }
  .input-form .btn-area .btn {
    margin: 0;
    color: white;
    width: 14em;
    border: 0;
    border-radius: 0;
    background: url(../images/collabo-form/img-gra-brown.svg) no-repeat center center;
    background-size: cover;
    font-size: 2em;
    font-weight: bold;
    letter-spacing: -0.04em; }
    @media (max-width: 767px) {
      .input-form .btn-area .btn {
        max-width: 100%;
        font-size: 1.5em; } }
.input-form .form-system {
  display: none; }

.input-form #input-zip {
  width: 17em; }
  @media (max-width: 767px) {
    .input-form #input-zip {
      width: 11em; } }
#flow .inner {
  margin: .85em 0 0; }
  @media (min-width: 992px) {
    #flow .inner {
      display: flex; } }
  #flow .inner header {
    flex-shrink: 0; }
    @media (min-width: 992px) {
      #flow .inner header {
        width: 45%;
        min-width: 26em; } }
    #flow .inner header h3 {
      margin: 0; }
      @media (max-width: 991px) {
        #flow .inner header h3 {
          margin-bottom: 1.5em; } }
  @media (min-width: 992px) {
    #flow .inner .flow-list {
      padding-left: .45em; } }
  #flow .inner .flow-list ul li .item-inner {
    padding-bottom: .5em; }
    #flow .inner .flow-list ul li .item-inner:after {
      content: '↓';
      display: block;
      color: #5C3723;
      text-align: center; }
  #flow .inner .flow-list ul li .title {
    margin: 0 0 .45em;
    padding: .5em .5em .4em;
    color: white;
    background: url(../images/collabo-form/img-gra-brown.svg) no-repeat center center;
    background-size: cover;
    text-align: center; }
  #flow .inner .flow-list ul li .text-area {
    padding: 0 .9em;
    font-size: .89em; }
    #flow .inner .flow-list ul li .text-area p:last-of-type {
      margin-bottom: .6em; }
    #flow .inner .flow-list ul li .text-area .note {
      font-size: .875em; }
  #flow .inner .flow-list ul li:last-of-type .item-inner:after {
    display: none; }
/*# sourceMappingURL=page-collabo-form.css.map */