.elementor-7 .elementor-element.elementor-element-a960948{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:2rem 2rem;--row-gap:2rem;--column-gap:2rem;--padding-top:22rem;--padding-bottom:0rem;--padding-left:12rem;--padding-right:12rem;}.elementor-7 .elementor-element.elementor-element-a960948:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-a960948 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://r-royal.com/cms/wp-content/uploads/2026/08/salonlist_title_bg-scaled.webp");background-position:top center;}.elementor-7 .elementor-element.elementor-element-113a3e5 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:10rem;}.elementor-7 .elementor-element.elementor-element-9e49907 .elementor-heading-title{font-size:2.2rem;font-weight:600;}.elementor-7 .elementor-element.elementor-element-a223f75{margin:6rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;font-family:"Noto Sans JP", Sans-serif;font-size:1.2rem;line-height:1.2em;color:#263238B3;}.elementor-7 .elementor-element.elementor-element-a223f75 a{color:#263238;}.elementor-7 .elementor-element.elementor-element-398fd68{--display:flex;--min-height:60px;--margin-top:2rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-7 .elementor-element.elementor-element-398fd68:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-398fd68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-b060cb1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:12rem;--padding-bottom:12rem;--padding-left:12rem;--padding-right:12rem;}.elementor-7 .elementor-element.elementor-element-b060cb1:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-b060cb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-4bdf796{width:var( --container-widget-width, 30% );max-width:30%;margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;padding:20rem 0rem 12rem 0rem;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-7 .elementor-element.elementor-element-4bdf796 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:6rem;}.elementor-7 .elementor-element.elementor-element-61410e0{--display:flex;--gap:10rem 10rem;--row-gap:10rem;--column-gap:10rem;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-cfbb5c5{text-align:start;font-family:"Noto Sans JP", Sans-serif;font-size:1.5rem;line-height:2em;color:#263238;}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-a960948{--padding-top:20rem;--padding-bottom:6rem;--padding-left:6rem;--padding-right:6rem;}.elementor-7 .elementor-element.elementor-element-398fd68{--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-7 .elementor-element.elementor-element-b060cb1{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:6rem;--padding-bottom:6rem;--padding-left:6rem;--padding-right:6rem;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-a960948{--padding-top:12rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-7 .elementor-element.elementor-element-113a3e5 .elementor-heading-title{font-size:6rem;}.elementor-7 .elementor-element.elementor-element-9e49907 .elementor-heading-title{font-size:1.6rem;}.elementor-7 .elementor-element.elementor-element-a223f75{margin:2rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;font-size:0.8rem;}.elementor-7 .elementor-element.elementor-element-b060cb1{--gap:4rem 4rem;--row-gap:4rem;--column-gap:4rem;--padding-top:8rem;--padding-bottom:8rem;--padding-left:2rem;--padding-right:2rem;}.elementor-7 .elementor-element.elementor-element-4bdf796{width:100%;max-width:100%;padding:0rem 0rem 0rem 0rem;}.elementor-7 .elementor-element.elementor-element-4bdf796 .elementor-heading-title{font-size:4rem;}.elementor-7 .elementor-element.elementor-element-61410e0{--gap:4rem 4rem;--row-gap:4rem;--column-gap:4rem;}.elementor-7 .elementor-element.elementor-element-cfbb5c5{text-align:justify;font-size:1.4rem;}}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-a960948{--content-width:1400px;}.elementor-7 .elementor-element.elementor-element-b060cb1{--content-width:1400px;}.elementor-7 .elementor-element.elementor-element-61410e0{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-7 .elementor-element.elementor-element-61410e0{--width:100%;}}/* Start custom CSS for breadcrumbs, class: .elementor-element-a223f75 */#breadcrumbs span{
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-95a4e69 */.royal_form form{
    display: flex;
    flex-direction: column;
    gap:2rem;
}
.royal_form form p{
    font-family: "Noto Sans JP", Sans-serif;
    font-size:1.6rem;
    color:#263238;
}
.royal_form form .wpcf7-form-control-wrap{
    display:inline-block;
    margin-top:1rem;
    width: 100%;
}
.royal_form .option{
    display: inline;
    font-size:1.2rem;
    background-color: #8EBCBF;
    color:#fff;
    padding:2px 4px 3px 4px;
    margin-left:4px;
}
.royal_form .required{
    display: inline;
    font-size:1.2rem;
    background-color: #E2888E;
    color:#fff;
    padding:2px 4px 3px 4px;
    margin-left:4px;
}
.royal_form form input,
.royal_form textarea,
.royal_form select{
    background: #F4F7FA;
    border:1px solid #E9F0F6;
    font-size:1.6rem;
    padding:2rem;
}
.royal_form span{
    margin-top:1rem;
}
.royal_form .wpcf7-list-item-label{
    display: inline;
    font-size:1.6rem;
    color:#263238;
}
.royal_form .wpcf7-list-item{
    margin:0;
}
.royal_form .wpcf7-list-item-label a{
    color:#263238;
    text-decoration: underline;
}
.royal_form .wpcf7-submit{
    background: #263238;
    color:#fff;
    font-family: YakuHanMP, "Shippori Mincho", Sans-serif;
    font-weight: 600;
    font-size:1.8rem;
    background-image: url("https://r-royal.com/cms/wp-content/uploads/2026/08/icon-arrow-w.svg");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 20px 20px;
  padding-right: 152px; /* アイコン分の余白を右側に確保 */
  text-align: left;
}

@media (max-width:767px){
    .royal_form .wpcf7-submit{
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e53576 *//**
 * r-royal エントリーフォーム モバイル対応CSS
 * 
 * 設置場所: Code Snippets → 「CSSスニペット」または
 *          Elementorカスタムコード(すべてのページ)で登録
 */

/* ---------------------------------------------
   1. フォーム入力中、固定ボタンバーを非表示にする
      (JS側でbodyに.kb-openクラスを付与する仕組みと対)
--------------------------------------------- */
body.kb-open .footer_entry {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
}

/* ---------------------------------------------
   2. チェックボックス・ラジオボタンのサイズを統一
      (iOSでネイティブスタイルのまま大きく表示される対策)
--------------------------------------------- */
.wpcf7-form input[type="checkbox"],
.wpcf7-form input[type="radio"] {
  width: 16px;
  height: 16px;
  margin: 0 6px 0 0;
  vertical-align: middle;
  flex-shrink: 0; /* flexレイアウト内で潰れないように */
}

/* ---------------------------------------------
   3. セレクトボックス(プルダウン)の高さ・見た目を統一
      font-size: 16px は iOS自動ズーム防止も兼ねる
--------------------------------------------- */
.wpcf7-form select {
  -webkit-appearance: none;
  appearance: none;
  font-size: 16px;
  padding: 8px 32px 8px 12px;
  height: auto;
  line-height: 1.4;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='%23555' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
}

/* ---------------------------------------------
   4. ラジオ/チェックボックスのテキストにポインターカーソル
      (クリック可能であることをUX上示すため)
--------------------------------------------- */
.wpcf7-list-item-label {
  cursor: pointer;
}

/* ---------------------------------------------
   5. ラジオ/チェックボックスとラベルの縦位置を揃える
--------------------------------------------- */
.wpcf7-form label {
  display: flex;
  align-items: center;
}/* End custom CSS */