.hosted-detail-body{--pink:#ff6fa2;
    --pink-deep:#ff5c95;
    --pink-bg-light:#fff1f6;
    --pink-bg:#ffe2ec;
    --gray-bg:#efefef;
    --yellow-bg:#fff2d2;
    --text:#040000;
    --text-light:#666666;
    --line:#f0c9d6;}
.hosted-detail-body *{box-sizing:border-box;}
.hosted-detail-body, .hosted-detail-body{overflow-x:hidden;}
.hosted-detail-body{margin:0;
    font-family:'BIZ UDGothic','Noto Sans JP',sans-serif;
    color:var(--text);
    background:#ffffff;
    -webkit-font-smoothing:antialiased;}
.hosted-detail-body img{max-width:100%;display:block;}
.hosted-detail-body a{text-decoration:none;color:inherit;}
.hosted-detail-body .page{width:100%;
    max-width:1000px;
    margin:0 auto;
    background:#ffffff;
    position:relative;}
.hosted-detail-body .container{max-width:1000px;
    margin:0 auto;
    padding:0 24px;}
.hosted-detail-body .full-bleed{width:100vw;
    position:relative;
    left:50%;
    margin-left:-50vw;}
.hosted-detail-body .hero-top{background:#fffdd8;   
    padding:56px 0 48px;}
.hosted-detail-body .hero-date-top{text-align:center;font-weight:700;color:#040000;
    font-family:'Noto Sans JP',sans-serif;
    font-size:26px;line-height:1.4;margin:0 0 26px;}
/* ジャンルバッジ＋開催日（バッジは日付の左） */
.hosted-detail-body .hero-meta-top{display:flex;align-items:flex-start;justify-content:center;
    gap:16px;margin:0 0 26px;}
/* バッジを日付1行目（年月日）の中心に合わせる（26px×1.4行の中央） */
.hosted-detail-body .hero-meta-top .badge{margin-top:calc((26px * 1.4 - 38px) / 2);}
.hosted-detail-body .hero-meta-top .hero-date-top{margin:0;}
.hosted-detail-body .badge{display:inline-flex;align-items:center;justify-content:center;
    background:#ff0000;color:#fff;font-weight:700;font-family:'Noto Sans JP',sans-serif;
    font-size:20px;min-width:80px;height:38px;padding:0 16px;
    border-radius:30px;white-space:nowrap;flex:0 0 auto;}
.hosted-detail-body .badge.badge-music{background:#fc0000;}
.hosted-detail-body .badge.badge-play{background:#f3901e;}
.hosted-detail-body .badge.badge-geinou{background:#754c24;}
.hosted-detail-body .badge.badge-dance{background:#39b24a;}
.hosted-detail-body .badge.badge-art{background:#fc7ba9;}
.hosted-detail-body .badge.badge-other{background:#0571b9;}
.hosted-detail-body .badge.badge-shusai{background:#ec2b46;}
/* タイトルの長さに合わせて背景（リボン）を伸縮させる */
.hosted-detail-body .hero-ribbon{position:relative;display:block;width:fit-content;max-width:100%;margin:0 auto 40px;}
.hosted-detail-body .hero-ribbon-bg{position:absolute;top:0;left:0;
    width:100%;height:100%;max-width:none;margin:0;object-fit:fill;}
.hosted-detail-body .hero-ribbon-text{position:relative;z-index:1;
    display:flex;align-items:center;justify-content:center;
    min-height:60px;
    color:#fff;font-weight:700;
    font-family:'Noto Sans JP',sans-serif;
    font-size:30px;letter-spacing:.04em;white-space:nowrap;   /* リボンは固定グラフィックのため文字サイズ変更の対象外 */
    padding:0 60px;}
.hosted-detail-body .hero-img-wrap{margin-bottom:28px;}
.hosted-detail-body .hero-img-wrap img{border-radius:4px;}
.hosted-detail-body .hero-lead{font-size:calc(20px * var(--fz, 1));font-weight:700;margin:0 0 16px;color:#040000;
    font-family:'Noto Sans JP',sans-serif;}
.hosted-detail-body .hero-desc{font-size:calc(15px * var(--fz, 1));line-height:1.9;color:var(--text-light);margin:0 0 8px;}
.hosted-detail-body .provided-content{background:#fffdd8;padding:8px 0 56px;}
.hosted-detail-body .provided-content .container{display:flex;flex-direction:column;gap:40px;}
.hosted-detail-body .provided-img{width:100%;height:auto;display:block;border-radius:4px;}
.hosted-detail-body .provided-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;gap:8px;min-height:240px;border-radius:12px;
    background:#f3efc4;border:2px dashed #cbbf6a;color:#8a7f3d;
    font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:calc(18px * var(--fz, 1));line-height:1.6;}
.hosted-detail-body .provided-placeholder small{font-weight:400;font-size:calc(13px * var(--fz, 1));color:#a99f5f;}
.hosted-detail-body .interview-section{background:#F7931E;padding:44px 0 56px;text-align:center;}
.hosted-detail-body .interview-heading{color:#fff;font-size:calc(22px * var(--fz, 1));font-weight:700;margin:0 0 24px;
    font-family:'Noto Sans JP','BIZ UDGothic',sans-serif;}
.hosted-detail-body .interview-heading img{display:block;width:418px;max-width:100%;height:auto;margin:0 auto;}
.hosted-detail-body .interview-photo{max-width:1000px;margin:0 auto 24px;border-radius:2px;overflow:hidden;}
.hosted-detail-body .interview-photo picture{display:block;}
.hosted-detail-body .interview-photo img{width:100%;height:auto;display:block;}
.hosted-detail-body .interview-link{display:flex;justify-content:center;align-items:center;gap:10px;
    color:#fff;font-weight:700;font-size:calc(15px * var(--fz, 1));max-width:600px;margin:0 auto;}
.hosted-detail-body .interview-link img{width:28px;height:28px;}
.hosted-detail-body .event-info-section{background:#fffdd8;padding:56px 0 64px;}
.hosted-detail-body .pill-heading{display:block;width:fit-content;margin:0 auto 36px;
    background:#dba73b;color:#fff;font-weight:700;font-size:calc(20px * var(--fz, 1));
    padding:16px 48px;border-radius:40px;
    font-family:'Noto Sans JP',sans-serif;}
.hosted-detail-body .info-table{width:100%;border-collapse:collapse;}
.hosted-detail-body .info-table tr{border-top:1px solid var(--line);}
.hosted-detail-body .info-table tr:last-child{border-bottom:1px solid var(--line);}
.hosted-detail-body .info-table th, .hosted-detail-body .info-table td{text-align:left;vertical-align:top;padding:22px 8px;font-size:calc(15px * var(--fz, 1));}
.hosted-detail-body .info-table th{color:#dba73b;font-weight:700;width:220px;white-space:nowrap;}
.hosted-detail-body .info-table td{color:#040000;line-height:1.7;}
.hosted-detail-body .access-heading{color:#dba73b;font-weight:700;font-size:calc(16px * var(--fz, 1));margin:44px 0 18px;}
.hosted-detail-body .map-wrap{border-radius:4px;overflow:hidden;}
.hosted-detail-body .map-link{display:flex;align-items:center;justify-content:flex-end;gap:10px;
    margin-top:16px;font-size:calc(14px * var(--fz, 1));color:#040000;font-weight:400;}
.hosted-detail-body .map-link .arrow-circle{width:24px;height:24px;
    display:flex;align-items:center;justify-content:center;}
.hosted-detail-body .map-link .arrow-circle img{width:24px;height:24px;}
.hosted-detail-body .share-section{background:var(--gray-bg);padding:40px 0;}
.hosted-detail-body .sns-buttons{display:flex;justify-content:center;gap:14px;margin-bottom:28px;flex-wrap:wrap;}
.hosted-detail-body .sns-buttons img{height:38px;width:auto;cursor:pointer;}
.hosted-detail-body .btn-outline{display:flex;align-items:center;justify-content:center;gap:10px;
    max-width:340px;margin:0 auto;
    border:3px solid var(--pink);color:var(--pink);font-weight:700;
    font-size:calc(20px * var(--fz, 1));padding:16px 10px;border-radius:40px;
    font-family:'Noto Sans JP',sans-serif;
    background:transparent;}
.hosted-detail-body .search-area{background:#fff;padding:56px 0;}
/* PC：search-area内のcontainerは左右paddingなし */
@media (min-width:601px){
  .hosted-detail-body .search-area .container{ padding-left:0; padding-right:0; }
}
.hosted-detail-body .search-section{display:flex;flex-wrap:nowrap;justify-content:space-between;
    align-items:flex-start;gap:40px;}
.hosted-detail-body .search-left{max-width:100%;flex:1 1 auto;min-width:0;}
.hosted-detail-body .search-right{width:350px;max-width:100%;flex:0 0 350px;}
.hosted-detail-body .field-label{font-size:calc(16px * var(--fz, 1));font-weight:700;margin:0 0 12px 0;}
.hosted-detail-body .field-group{margin-bottom:24px;}
.hosted-detail-body .date-range{display:flex;align-items:center;gap:10px;}
.hosted-detail-body .date-input{position:relative;flex:1;height:52px;border:1px solid #dcdcdc;
    border-radius:6px;display:flex;align-items:center;padding:0 14px;}
.hosted-detail-body .date-input input{border:none;outline:none;width:100%;font-size:calc(16px * var(--fz, 1));color:#333333;
    font-family:inherit;background:transparent;}
.hosted-detail-body .date-input img{display:none;}
.hosted-detail-body .tilde{color:#b3b3b3;font-size:calc(16px * var(--fz, 1));}
.hosted-detail-body .keyword-input{width:100%;height:52px;border:1px solid #dcdcdc;border-radius:6px;
    padding:0 18px;font-size:calc(16px * var(--fz, 1));color:#333333;font-family:inherit;outline:none;}
.hosted-detail-body .keyword-input::placeholder{ color:#b3b3b3; }
.hosted-detail-body .search-btn{display:flex;align-items:center;justify-content:center;gap:10px;
    width:100%;max-width:330px;height:54px;margin:30px auto 0;
    background:var(--pink);border:none;border-radius:30px;color:#fff;
    font-weight:700;font-size:calc(20px * var(--fz, 1));font-family:'Noto Sans JP',sans-serif;cursor:pointer;}
.hosted-detail-body .search-btn img{width:27px;height:27px;}
.hosted-detail-body .genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.hosted-detail-body .genre-grid img{width:110px;height:110px;display:block;margin:0 auto;}
.hosted-detail-body .genre-btn{display:block;width:100%;text-decoration:none;}
.hosted-detail-body .map-btn-wrap{text-align:center;margin:55px 0 0;}
.hosted-detail-body .map-content{display:none;}
.hosted-detail-body .map-content.show{display:block;}
.hosted-detail-body .map-image-wrap{width:100%;max-width:1000px;height:400px;margin:24px auto 0;
    background:#eeeeee;border-radius:12px;overflow:hidden;
    display:flex;align-items:center;justify-content:center;
    color:#999999;font-size:calc(18px * var(--fz, 1));}
.hosted-detail-body .map-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;}
.hosted-detail-body .map-genre-wrap{width:100%;max-width:1000px;margin:30px auto 0;text-align:center;}
.hosted-detail-body .map-note{text-align:center;font-size:calc(14px * var(--fz, 1));color:#666666;margin:16px 0 0;}
.hosted-detail-body .map-usage{max-width:1000px;margin:4px auto 0;font-size:calc(12px * var(--fz, 1));line-height:1.6;color:#444444;text-align:left;white-space:nowrap;}
.hosted-detail-body .map-usage strong{font-weight:700;color:#040000;}
.hosted-detail-body .genre-grid.genre-grid-row{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;}
.hosted-detail-body .genre-grid-row .genre-btn{width:auto;}
.hosted-detail-body .map-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;
    gap:18px;background:#fff;border:2px solid var(--pink);color:var(--pink);
    font-weight:700;font-size:calc(20px * var(--fz, 1));font-family:'Noto Sans JP',sans-serif;
    padding:14px 30px;border-radius:30px;cursor:pointer;}
.hosted-detail-body .map-btn .plus-circle{width:26px;height:26px;flex-shrink:0;margin-left:auto;}
.hosted-detail-body .pickup-event-section{background:var(--pink-bg);padding:56px 0;}
.hosted-detail-body .pickup-spot-section{background:var(--yellow-bg);padding:56px 0;}
.hosted-detail-body .pickup-event-section .container, .hosted-detail-body .pickup-spot-section .container{width:100%;max-width:1000px;padding:0;}
.hosted-detail-body .heading-img{margin:0 auto 32px;max-width:340px;}
.hosted-detail-body .cards-grid{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:18px;}
.hosted-detail-body .cards-grid:not(:has(.pickup-card:nth-child(4))){justify-content:center;}
.hosted-detail-body .cards-grid .pickup-card{flex:1 1 0;max-width:230px;min-width:0;}
.hosted-detail-body .spot-grid{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:18px;}
.hosted-detail-body .spot-grid:not(:has(.pickup-card:nth-child(4))){justify-content:center;}
.hosted-detail-body .spot-grid .pickup-card{flex:0 1 230px;max-width:230px;min-width:0;min-height:326px;display:flex;flex-direction:column;}
.hosted-detail-body .spot-grid .pickup-card-body{flex:1;}
.hosted-detail-body .card{background:#fff;border-radius:6px;overflow:hidden;
    box-shadow:0 2px 6px rgba(0,0,0,0.06);}
.hosted-detail-body .card img{width:100%;display:block;}
.hosted-detail-body .card-body{padding:14px 14px 18px;}
.hosted-detail-body .card-date{font-size:calc(13px * var(--fz, 1));font-weight:700;color:#040000;margin:0 0 4px;}
.hosted-detail-body .card-time{font-size:calc(12px * var(--fz, 1));color:#777;margin:0 0 10px;}
.hosted-detail-body .card-title{font-size:calc(13px * var(--fz, 1));line-height:1.6;color:#040000;margin:0;}
.hosted-detail-body .spot-card-body{padding:14px 4px 4px;}
.hosted-detail-body .spot-card-title{font-size:calc(14px * var(--fz, 1));line-height:1.7;color:#040000;margin:0;}
.hosted-detail-body .pickup-card{position:relative;display:block;background:#fff;border-radius:10px;
    overflow:hidden;text-decoration:none;color:inherit;
    box-shadow:0 2px 6px rgba(0,0,0,0.06);}
.hosted-detail-body .pickup-card-thumb{position:relative;line-height:0;padding-top:15px;}
.hosted-detail-body .pickup-card-thumb img{width:200px;height:133px;object-fit:cover;display:block;margin:0 auto;}
.hosted-detail-body .pickup-badge{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);
    display:flex;align-items:center;justify-content:center;
    width:80px;height:22px;border-radius:20px;color:#fff;
    font-size:calc(14px * var(--fz, 1));font-weight:700;letter-spacing:.05em;white-space:nowrap;}
.hosted-detail-body .pickup-badge.badge-music{background:#fc0000;}
.hosted-detail-body .pickup-badge.badge-play{background:#f3901e;}
.hosted-detail-body .pickup-badge.badge-geinou{background:#754c24;}
.hosted-detail-body .pickup-badge.badge-dance{background:#39b24a;}
.hosted-detail-body .pickup-badge.badge-art{background:#fc7ba9;}
.hosted-detail-body .pickup-badge.badge-other{background:#0571b9;}
.hosted-detail-body .pickup-badge.badge-shusai{background:#ec2b46;}
.hosted-detail-body .pickup-card-body{padding:28px 16px 18px;}
.hosted-detail-body .pickup-card-date{text-align:center;font-size:calc(14px * var(--fz, 1));font-weight:700;color:#040000;}
.hosted-detail-body .pickup-card-time{text-align:center;font-size:calc(14px * var(--fz, 1));color:#040000;margin-top:4px;}
.hosted-detail-body .pickup-card-divider{border:none;border-top:1px solid #040000;margin:12px 0;}
.hosted-detail-body .pickup-card-title{font-size:calc(16px * var(--fz, 1));line-height:1.7;color:#040000;margin:0;}
.hosted-detail-body .footer-cta{padding:56px 0;text-align:center;}
.hosted-detail-body .footer-cta .btn-outline{margin:0 auto;}

/* ---------- ボタン・カード hover ---------- */
.hosted-detail-body .search-btn,
.hosted-detail-body .genre-btn,
.hosted-detail-body .map-btn,
.hosted-detail-body .btn-outline,
.hosted-detail-body .map-link,
.hosted-detail-body .interview-link,
.hosted-detail-body .sns-buttons a,
.hosted-detail-body .pickup-card{
  transition:background-color .2s ease, color .2s ease, opacity .2s ease, transform .2s ease, box-shadow .2s ease;
}
.hosted-detail-body .search-btn:hover{ background:var(--pink-deep); box-shadow:0 4px 12px rgba(255,92,149,.35); }
.hosted-detail-body .genre-btn:hover{ opacity:.75; }
.hosted-detail-body .map-btn:hover{ background:#fff1f6; color:var(--pink); }
.hosted-detail-body .btn-outline:hover{ background:var(--pink); color:#fff; }
.hosted-detail-body .map-link:hover{ opacity:.65; }
.hosted-detail-body .interview-link:hover{ opacity:.8; }
.hosted-detail-body .interview-link img{ transition:transform .2s ease; }
.hosted-detail-body .interview-link:hover img{ transform:translateX(4px); }
.hosted-detail-body .sns-buttons a:hover{ opacity:.8; }
.hosted-detail-body .pickup-card:hover{ transform:translateY(-4px); box-shadow:0 8px 20px rgba(0,0,0,.12); }
.hosted-detail-body .pickup-card-thumb img{ transition:transform .3s ease; }
.hosted-detail-body .pickup-card:hover .pickup-card-thumb img{ transform:scale(1.05); }

@media (max-width:900px){
.hosted-detail-body .search-section{flex-wrap:wrap;gap:32px;}
.hosted-detail-body .search-left{flex:1 1 100%;}
.hosted-detail-body .search-right{flex:1 1 100%;width:100%;}
}
@media (max-width:600px){
.hosted-detail-body .map-usage{white-space:normal;}
.hosted-detail-body .container{padding:0 16px;}
.hosted-detail-body .pickup-event-section .container, .hosted-detail-body .pickup-spot-section .container{padding:0 16px;}
.hosted-detail-body .hero-top{padding:32px 0 28px;}
.hosted-detail-body .hero-date-top{font-size:19px;margin:0 0 18px;}
.hosted-detail-body .hero-ribbon{margin:0 auto 26px;width:100%;}
.hosted-detail-body .hero-ribbon-bg{width:100%;height:100%;}
.hosted-detail-body .hero-ribbon-text{font-size:20px;padding:10px 24px;
    min-height:48px;white-space:normal;text-align:center;line-height:1.4;}
.hosted-detail-body .hero-lead{font-size:calc(18px * var(--fz, 1));}
.hosted-detail-body .hero-desc{font-size:calc(15px * var(--fz, 1));}
.hosted-detail-body .provided-content .container{gap:28px;}
.hosted-detail-body .provided-placeholder{min-height:160px;font-size:calc(15px * var(--fz, 1));}
.hosted-detail-body .interview-link{justify-content:center;}
.hosted-detail-body .pill-heading{font-size:calc(16px * var(--fz, 1));padding:12px 28px;}
.hosted-detail-body .info-table tr{display:block;border-top:1px solid var(--line);padding:24px 0;}
.hosted-detail-body .info-table tr:first-child{border-top:none;}
.hosted-detail-body .info-table th, .hosted-detail-body .info-table td{display:block;width:100%;white-space:normal;padding:0;font-size:calc(15px * var(--fz, 1));}
.hosted-detail-body .info-table th{margin:0 0 8px;}
.hosted-detail-body .info-table td{line-height:1.7;}
.hosted-detail-body .btn-outline{font-size:calc(16px * var(--fz, 1));padding:13px 10px;}
.hosted-detail-body .genre-grid{gap:8px;}
.hosted-detail-body .genre-grid img{width:100%;height:auto;max-width:90px;}
.hosted-detail-body .genre-grid.genre-grid-row{gap:14px;}
.hosted-detail-body .map-btn{font-size:calc(16px * var(--fz, 1));padding:12px 22px;gap:12px;}
.hosted-detail-body .map-image-wrap{height:220px;}
.hosted-detail-body .cards-grid{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;gap:14px;}
.hosted-detail-body .cards-grid .pickup-card{flex:0 0 auto;width:100%;max-width:100%;height:150px;
      display:flex;flex-direction:row;align-items:stretch;}
.hosted-detail-body .cards-grid .pickup-card-thumb{position:static;flex-shrink:0;width:130px;height:130px;margin:10px;padding-top:0;}
.hosted-detail-body .cards-grid .pickup-card-thumb img{width:130px;height:130px;object-fit:cover;margin:0;border-radius:0;aspect-ratio:auto;}
.hosted-detail-body .cards-grid .pickup-badge{position:absolute!important;left:auto!important;bottom:auto!important;
      top:10px!important;right:10px!important;transform:none!important;margin:0!important;}
.hosted-detail-body .cards-grid .pickup-card-body{flex:1;min-width:0;padding:10px 12px 14px;display:flex;flex-direction:column;justify-content:flex-start;}
.hosted-detail-body .cards-grid .pickup-card-date, .hosted-detail-body .cards-grid .pickup-card-time{text-align:left;line-height:16px;margin:0;padding-right:90px;display:block;font-size:calc(14px * var(--fz, 1));}
.hosted-detail-body .cards-grid .pickup-card-time{margin-top:4px;}
.hosted-detail-body .cards-grid .pickup-card-divider{display:none;}
.hosted-detail-body .cards-grid .pickup-card-title{font-size:calc(15px * var(--fz, 1));font-weight:700;margin-top:0;}
.hosted-detail-body .cards-grid .pickup-card-date ~ .pickup-card-title, .hosted-detail-body .cards-grid .pickup-card-time ~ .pickup-card-title{margin-top:10px;}
}


/* ---------- ゆい結いマルシェ（marche.zip 差し込み） ---------- */
.hosted-detail-body .yuiyui-spbr { display: none; }
.hosted-detail-body .yuiyui {
  padding: 80px 0;
  background-color: lightblue;
  background: url("../img/hosted_event_detail/event/yuiyui_bg2.webp") center top;
  background-repeat: repeat;
  background-size: 1366px auto;
}
.hosted-detail-body .yuiyui .inner {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
  background-color: #c9c9c9;
  background: url("../img/hosted_event_detail/event/yuiyui_bg.webp") center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.hosted-detail-body .yuiyui .info {
  margin: 0 auto;
  padding-top: 16%;
  width: 80%;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  gap: 24px;
}
.hosted-detail-body .yuiyui .info .ph {
  padding-bottom: 10px;
  width: 42%;
}
.hosted-detail-body .yuiyui .info .txt {
  width: 54%;
}
.hosted-detail-body .yuiyui .info .yuiyui_ttl {
  padding-bottom: 16px;
  width: 100%;
}
.hosted-detail-body .yuiyui .info p {
  font-size: calc(18px * var(--fz, 1));
}
.hosted-detail-body .yuiyui .subttl {
  margin: 0 auto 10px;
  width: 80%;
  font-size: calc(20px * var(--fz, 1));
  font-weight: 700;
  color: rgba(14, 180, 180, 1);
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  border: 0;
}
.hosted-detail-body .yuiyui .subttl::before, .hosted-detail-body .yuiyui .subttl::after {
  content: "";
  width: 30px;
  height: 1px;
  background-color: currentColor !important;
  position: unset;
  border: unset;
  margin-left: unset;
  margin-right: unset;
  flex-grow: unset;
}
.hosted-detail-body .yuiyui .subttl::before {
  transform: rotate(60deg);
}
.hosted-detail-body .yuiyui .subttl::after {
  transform: rotate(-60deg);
}
.hosted-detail-body .yuiyui .btn-block {
  margin: 0 auto;
  width: 80%;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 16px;
}
.hosted-detail-body .yuiyui .btn-block .btn {
  width: calc(50% - 10px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  box-sizing: border-box;
  background-color: #fff;
}
.hosted-detail-body .yuiyui .btn-block .btn a {
  padding: 0.8em 1.2em 0.8em 0.9em;
  width: 100%;
  font-size: calc(15px * var(--fz, 1));
  font-weight: 700;
  color: #fff;
  line-height: 1.4;
  text-decoration: none;
  border-radius: 10px;
  background-color: rgba(14, 180, 180, 1);
  position: relative;
  transition: 0.5s;
}
.hosted-detail-body .yuiyui .btn-block .btn a:before {
  border-right: 3px solid #fff;
  border-top: 3px solid #fff;
  bottom: 0;
  content: "";
  height: 10px;
  margin: auto;
  position: absolute;
  right: 0.8em;
  top: 0;
  transform: rotate(45deg);
  width: 10px;
}
.hosted-detail-body .yuiyui .btn-block .btn a:hover {
  background-color: rgba(14, 180, 180, 0.7);
}
.hosted-detail-body .yuiyui .btn-block .btn:first-child a, .hosted-detail-body .yuiyui .btn-block .btn:last-child a {
  background-color: rgba(238, 130, 137, 1);
}
.hosted-detail-body .yuiyui .btn-block .btn:first-child a:hover, .hosted-detail-body .yuiyui .btn-block .btn:last-child a:hover {
  background-color: rgba(238, 130, 137, 0.7);
}
@media (max-width: 767px) {.hosted-detail-body .yuiyui {
    padding: 30px 0;
  }
.hosted-detail-body .yuiyui .info {
    margin: 0 auto;
    padding-top: 16%;
    width: 80%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column-reverse;
    gap: 16px;
  }
.hosted-detail-body .yuiyui .info .ph {
    margin: 0 auto;
    padding-bottom: 0;
    width: 90%;
  }
.hosted-detail-body .yuiyui .info .txt {
    padding-bottom: 1em;
    width: 100%;
  }
.hosted-detail-body .yuiyui .info .yuiyui_ttl {
    padding-bottom: 12px;
  }
.hosted-detail-body .yuiyui .info p {
    font-size: calc(15px * var(--fz, 1));
  }
.hosted-detail-body .yuiyui .subttl {
    margin: 0 auto 10px;
    width: 90%;
    font-size: calc(15px * var(--fz, 1));
  }
.hosted-detail-body .yuiyui .subttl::before, .hosted-detail-body .yuiyui .subttl::after {
    content: "";
    width: 20px;
  }
.hosted-detail-body .yuiyui .btn-block {
    margin: 0 auto;
    width: 90%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
.hosted-detail-body .yuiyui-spbr { display: inline; }
.hosted-detail-body .yuiyui .btn-block .btn {
    width: 90%;
  }
.hosted-detail-body .yuiyui .btn-block .btn a, .hosted-detail-body .yuiyui .btn-block .btn:last-child a {
    width: 100%;
    background-color: rgba(14, 180, 180, 1);
    white-space: normal;
  }
.hosted-detail-body .yuiyui .btn-block .btn a:hover, .hosted-detail-body .yuiyui .btn-block .btn:last-child a:hover {
    background-color: rgba(14, 180, 180, 0.7);
  }
.hosted-detail-body .yuiyui .btn-block .btn:first-child a, .hosted-detail-body .yuiyui .btn-block .btn:nth-child(3) a {
    background-color: rgba(238, 130, 137, 1);
  }
.hosted-detail-body .yuiyui .btn-block .btn:first-child a:hover, .hosted-detail-body .yuiyui .btn-block .btn:nth-child(3) a:hover {
    background-color: rgba(238, 130, 137, 0.7);
  }
}

/* バリアフリー対応アイコン＋参加費（タイトルと写真の間・右寄せ・24px） */
.hosted-detail-body .barrier-icons{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:14px auto 18px;}
.hosted-detail-body .barrier-icons img{width:24px;height:24px;display:block;}
.hosted-detail-body .barrier-icons .barrier-fee{font-size:calc(15px * var(--fz, 1));font-weight:700;color:#040000;line-height:1.4;margin-left:4px;}

/* タイトル上：期間備考（cf_period_note） PCは時間の後ろにスペース、SPは改行 */
.hosted-detail-body .hed-period-note{font-size:.6em;font-weight:400;margin-left:1em;}
@media (max-width:768px){
  .hosted-detail-body .hed-period-note{display:block;margin-left:0;}
}