@charset "UTF-8";

/* 基本 */
.mb00{
	margin-bottom: 0px;
}
.mb05{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px;
}
.mb20{
	margin-bottom: 20px;
}
.mb30{
	margin-bottom: 30px;
}
.mb40{
	margin-bottom: 40px;
}
.mb50{
	margin-bottom: 50px;
}

.taC{
	text-align: center;
}
.fs12{
	font-size: 1.2em;
	font-weight: bold;
}

* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

/* 余白調整 */
.mod__imgblock{
	margin: 0px;
}

/* 見出し */
.splitContent__main h1{
	padding: 0;
	/*border: 1px solid #f2a03e;*/
}
h1 img{
	width:  100%;
}

/* フォント・文字サイズ */
.container__960{
	font-family:"メイリオ", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3",'Yu Gothic',sans-serif；
}

p.lead {
    /*text-align: center;*/
    font-weight: bold;
    font-size: 1.6em;
    margin: 0 0 20px;
    /* background: url(../img/line_01.png) no-repeat bottom; */
    color: #333;
    text-align: center;
}

.mod__brandBlockText,
.textBox p{
	font-size: 16px;
}

/* カードレイアウト */
    .container_festa {
      max-width: 960px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    /* 各カラム共通：幅1pxのオレンジの枠線 */
    .card {
      border: 1px solid #f2a03e;
      border-radius: 12px;
      background-color: #fff;
      padding: 20px;
      overflow: hidden;
    }

    /* セクション1：大即売会＆試食会 */
    .hero-card {
      display: flex;
      gap: 20px;
      align-items: center;
    }

    .hero-content {
      flex: 1;
    }

    .hero-text-main {
      font-size: 16px;
      font-weight: bold;
      line-height: 1.5;
      margin-top: 0;
    }

    .hero-text-sub {
      font-size: 13px;
      line-height: 1.5;
      color: #333;
    }

    .hero-image {
      flex: 1;
      text-align: right;
    }

    .hero-image img {
      width: 100%;
      max-width: 400px;
      height: auto;
      border-radius: 8px;
      object-fit: cover;
    }

    /* 2列レイアウト */
    .grid-2col {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }

    /* イベントカード内部 */
    .event-card {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
	    .event-card img.w70 {
		width: 70%;
		text-align: center;
	    }

    .event-header {
      display: flex;
      justify-content: space-between;
      gap: 10px;
    }

    .event-info {
      flex: 1;
    }

/*見出し*/
	.splitContent__main h2.event-title {
		font-size: 20px;
		font-weight: bold;
		color: #e64203;
		margin-bottom: 10px;
		text-align: center !important;
		border-bottom: none;
	}
	.splitContent__main h2.event-title.fsL {
		font-size: 36px;
	}
	.splitContent__main h2.event-title.fsS {
		font-size: 16px;
	}

	h2.h2_ttl {
	    color: #333;
	    padding: 0.5em 0;
	    border-top: solid 3px #f3a583;
	    border-bottom: solid 3px #f3a583;
	    font-size: 1.4em;
	}
	h3.h3_ttl {
	padding: 0.25em 0.5em 0;
	color: #333;
	border-left: solid 5px #f3a583;
	font-size: 1.2em;
	margin-bottom: 10px;
	background: none;
	}

    .event-desc {
      font-size: 13px;
      line-height: 1.5;
    }

    .event-image {
      width: 130px;
      height: 130px;
      flex-shrink: 0;
    }

    .event-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 8px;
    }

    /* ステージ時間バッジ */
    .stage-badge {
      margin-top: 15px;
      text-align: center;
    }

    .stage-label {
      display: inline-block;
      /*background-color: #fa8fc4;*/
      color: #fff;
      font-size: 12px;
      font-weight: bold;
      padding: 4px 20px;
      border-radius: 15px;
      margin-bottom: 5px;
    }
	    .stage-label.label01 {
		background-color: #ff69b4;
	    }
	    .stage-label.label02 {
		background-color: #0db9f1;
	    }
	    .stage-label.label01 {
		background-color: #ff69b4;
	    }
	    .stage-label.label03 {
		background-color: #e64203;
      		padding: 4px 10px;
	    }

    .stage-time {
      font-size: 16px;
      font-weight: bold;
      color: #333;
    }

/* ボタン基本スタイル */
.mod__btn__notes {
	position: relative;
}
.btn_fest {
    display: block;
}
a .btn_festa:hover {
transition : 1s;
opacity: 0.7;
}

/* 開催報告ボタン */
.mod__btn__notes > a.btn-festa--past{
  background-color:#fff !important;
  color:#f77111 !important;
  max-width:720px;
  min-height:88px;
  font-size:1.1rem;
  box-shadow:0 5px 0 #EFDCCB, 0 10px 18px rgba(138,122,106,.14),
             inset 0 0 0 2px #f77111;
}
.mod__btn__notes > a.btn-festa--past .btn-festa__arrow{
  background:#c08261;
  color:#fff;
}
.mod__btn__notes > a.btn-festa--past:hover{
  background-color:#fffaf6 !important;
  transform:translateY(3px);
  box-shadow:0 2px 0 #EFDCCB, 0 5px 10px rgba(138,122,106,.12),
             inset 0 0 0 2px #e5701c;
  text-decoration:none;
}
.mod__btn__notes > a.btn-festa--past:hover .btn-festa__arrow{
  background:#e5701c;
}

.mod__btn__notes > .btn-festa {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: auto;
    max-width: 660px;
    min-height: 76px;
    margin: 0 auto;
    padding: 20px 68px 20px 36px !important;
    box-sizing: border-box;
    border: none;
    border-radius: 999px;
    background-image: none;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: .03em;
    text-align: center;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
/* ボタン 矢印 */
.btn-festa__arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .28);
    font-size: 1.15rem;
    line-height: 1;
    transition: transform .18s ease, background-color .18s ease;
}
.mod__btn__notes > a.btn-festa--past .btn-festa__arrow {
    background: #f77111;
}
.mod__btn__notes > a.btn-festa--past .btn-festa__arrow {
    color: #fff;
}
/* ボタン 文字小さく */
.btn-festa__eyebrow {
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .12em;
    opacity: .85;
}

/* フロアインフォメーションボタン */
.mod__btn__notes > a.btn-festa--past.btn-festa--info{
  color:#8A7A6A !important;
  box-shadow:0 10px 18px rgba(138,122,106,.14),
             inset 0 0 0 2px #d7ba9e;
  background: #FDF8F0;
  font-size:1.3rem;
}
.mod__btn__notes > a.btn-festa--past.btn-festa--info .btn-festa__arrow {
    background: #8A7A6A;
}
.mod__btn__notes > a.btn-festa--past.btn-festa--info:hover{
  background-color:#f5f1ee !important;
  transform:translateY(3px);
  box-shadow:0 5px 10px rgba(138,122,106,.12),
             inset 0 0 0 2px #d7ba9e;
  text-decoration:none;
}

    /* レスポンシブ対応（スマホ表示） */
    @media (max-width: 600px) {
	.splitContent__main p+p{
		margin: auto 0;
	}
	.splitContent__main h2.event-title.fsL {
		font-size: 30px;
	}
	p.lead {
	    /*text-align: center;*/
	    font-size: 1.4em;
	    text-align: left;
	}
      .hero-card {
        flex-direction: column;
      }
      .grid-2col {
        grid-template-columns: 1fr;
      }
	.splitContent__main h2.event-title{
		margin: 0 0 10px !important;
	}
	.splitContent__main h2.event-title.fsS {
		font-size: 20px;
	}
	.container_festa{
		width: auto;
		margin: auto 3.125%;
	}
	    .event-card img.w70 {
		width: 100%;
	    }
	.mod__imgblockImg img.spw70{
		width: 70%;
	}

    /* 開催報告ボタン */
    .mod__btn__notes > a.btn-festa--past {
        font-size: .8rem;
        line-height: 1.55;
        padding: 16px 60px 16px 16px !important;
	width: 90%;
    }
　　.mod__btn__notes > a.btn-festa--past {
        max-width: 100%;
        min-height: 78px;
    }

    .mod__btn__notes > a.btn-festa--past.btn-festa--info{
      font-size:1.1rem;
    }

}