/*******************************************************
 * for RENTAL PAGE
 *******************************************************/

 /* 撮影用振袖・袴レンタル
------------------------------------------------------------ */
.rental .entry-content h1 {
 margin: 0 auto;
 padding: 0;
}
.w846 {
 margin-left: auto !important;
 margin-right: auto !important;
 max-width: 846px !important;
}

.rental .recommend-tx {
 margin: 3rem auto 70px !important;
 max-width: 720px !important;
 position: relative;
}
.rental .recommend-tx dl {
 margin: 0;
 padding: 0 15px 15px 15px;
 border: 3px dashed #92d030;
 border-radius: 20px;
}
.rental .recommend-tx dt {
 margin: -2em 0 0 0;
 padding: 0;
 text-align: center;
}
.rental .recommend-tx dt span {
 display: block;
 margin: 0 auto;
 padding: 8px 25px;
 width: 90%;
 background-color: #92d030;
 border-radius: 80px;
 color: #fff;
 font-size: clamp(0.813rem, 0.699rem + 0.57vw, 1.125rem);
 font-weight: bold;
 text-align: center;
 letter-spacing: 0.05em;
}
.rental .recommend-tx dd {
 margin: 0;
 padding: 20px 0 0;
}
.rental .recommend-tx dd li {
 margin-bottom: 0;
 padding-left: 5%;
 padding-right: 5%;
 font-size: clamp(0.75rem, 0.614rem + 0.68vw, 1.125rem);
 display: flex;
 align-items: center;
 line-height: 1;
}
.rental .recommend-tx dd li:not(:first-child) { padding-right: 5px; }
.rental .recommend-tx dd li::before {
 margin-right: 10px;
 color: #92d030;
 font-size: 200%;
 font-family: "Material Symbols Outlined";
 content: "\e834";
 font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
.rental .recommend-tx dd:last-child {
 padding: 5px 5px 10px 5%;
 font-size: clamp(1.125rem, 1.034rem + 0.45vw, 1.375rem);
 font-weight: bold;
 line-height: 1.4;
 letter-spacing: 0.02em;
}
.rental .tsp1 { padding: 1rem 0; }



 /* 内訳・髪飾り  ------------------------------------- */
.rental .wp-block-columns.rental-detail .wp-block-image { margin-bottom: 0 !important; }
.rental .rental-items th,
.rental .rental-items td {
 padding: 5px 10px;
 text-align: center!important;
 line-height: 1.7!important;
}
.rental .rental-items th {
 background-color: #e4f6c8 !important;
 line-height: 1.5!important;
}
.rental .accesary h3 {
 margin-bottom: 1rem;
 padding: 2rem 0 0 0;
 border-left: 0;
}
.rental .wp-block-columns.accesary .wp-block-image { margin-top: 0 !important; }

.rental .howto{
 padding-bottom: 0.5rem;
 max-width: 700px !important;
}
.rental .howto h3 {
 padding-bottom: 0.5rem;
 border-bottom: 1px solid #808080;
 font-size: clamp(1rem, 0.864rem + 0.68vw, 1.375rem);
}
.rental .howto li {
 margin-bottom: 1.5rem;
 line-height: 1.7;
}
.rental .howto li strong {
 display: inline-block;
 padding-bottom: 0.3rem;
 font-size: 110%;
 vertical-align: top;
}
.rental .howto a { border-bottom: 1px dotted; }
.rental .howto a:hover { opacity: 0.5; }

.rental .wp-block-columns.cp-area {
 margin: 0 auto 0.5rem;
 max-width: 840px !important;
 gap: 1.5em;
}
.rental .wp-block-columns.cp-area.btsp { margin-bottom: 5rem; }
.rental .wp-block-columns + .wp-block-columns { margin-top: 0; }
.rental .wp-block-columns.cp-area2 {
 margin: 0 auto 5rem;
 max-width: 840px !important;
 gap: 0.6em;
}
.rental .wp-block-columns.cp-area2 .wp-block-image { margin: 0 auto !important; }

@media screen and (min-width: 782px){
.rental .howto { padding-bottom: 1.5rem; }
.rental .wp-block-columns.rental-detail,
.rental .wp-block-columns.accesary { gap: 4rem; }
.rental .wp-block-columns.cp-area2 { margin-bottom: 7rem; gap: 1.5em; }
 
}


