@charset "UTF-8";
/* CSS Document */

.image_gallery {
    width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding: 0;
  margin: 3% auto;
}

.image_item {
    /* 画像1枚あたりの幅: (100% - マージン合計5%) / 4 = 23.75% */
    width: 24.625%; 
    
    /* 全てのアイテムの左側に1%のマージンを適用 */
    /* 1. 左端のアイテム: ネガティブマージンで相殺され、左マージン1%が画面内に残る */
    /* 2. 画像間のアイテム: 前のアイテムの右端 + 自分の左マージン = 1% の隙間になる */
    margin-left: 0.3%; 
}

/* 補足: 画像の表示設定 */
.image_item img {
    display: block;
    width: 100%;
    height: auto;
}

.ttl_txt {
	margin: 0 auto 1% auto;
  text-align: center;
  font-size: 45px;
  font-family: "adobe-garamond-pro", "EB Garamond", "zen-old-mincho", serif;
  font-weight: 300;
  font-style: normal;
  color: #333;
  letter-spacing: 3px;
  line-height: 1.5;
}

.ttl_sub_txt {
	width: 100%;
  margin: 0 auto 2% auto;
  text-align: center;
  font-family: "adobe-garamond-pro", "EB Garamond", "zen-old-mincho", serif;
  font-weight: 300;
  font-style: normal;
  color: #333;
  font-size: 15px;
  letter-spacing: 0.1em;
}

.pickup_txt {
	margin: 5% auto 5% auto;
    text-align: center;
    font-size: 22px;
    font-family: "adobe-garamond-pro", "EB Garamond", "zen-old-mincho", serif;
    font-weight: 300;
    font-style: normal;
    color: #333;
    letter-spacing: 2px;
    line-height: 1.5;
    width: 85%;
}

.pickup_txt a {
    /* すべてのリンクからアンダーラインを削除 */
    text-decoration: none; 
}

.pickup_txt a:link,
.pickup_txt a:visited,
.pickup_txt a:active {
    /* すべてのリンク状態の色を統一（例: 黒） */
    color: #333; 
}

.pickup_txt a:hover {
    color: #333;
    opacity: 0.7;
}

div.container_ .block-item_list-contents div.contents_, div.container_ .block-category-contents div.mainframe_ , div.container_ .block-toppage-contents div.mainframe_ , div.container_ .block-item_list-contents div.mainframe_, .block-category-contents #block_of_topic, .block-toppage-contents #block_of_topic, .block-item_list-contents #block_of_topic {
  width: 100%;
  margin: auto;
  overflow: visible;
}

.event .goods {
    width: 1200px;
}

.block-navipage_sum-navisort {
  width: 1200px;
  margin: 40px auto 0 auto;
}



.img_pickup {
  width: 100%;
  margin: 0 auto 0 auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.img_pickup .L_wrap {
  width: 50%;
  margin: 0;
}

.img_pickup .R_wrap {
  width: 50%;
  margin: 0;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}




.slick-dots li {
  position: relative;
  display: none;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.block-mv-slider-item-inner {
  padding: 0;
}

.block-item_list-search_detail {
  width: 1200px;
  margin: 0 auto;
}

/* 親要素を基準にするための設定 */
.L_wrap a, 
.R_wrap a, 
.image_item a {
    position: relative;
    display: block; /* aタグを画像と同じサイズに広げる */
    width: 100%;
}

/* テキストのスタイルと中央配置 */
.txt_overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 真ん中にずらす */
    
    color: #ffffff;            /* 文字色：白 */
    font-size: 55px;
    font-family: "adobe-garamond-pro", "EB Garamond", "zen-old-mincho", serif;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    width: 100%;               /* 幅いっぱいに確保して中央寄せ */
    pointer-events: none;      /* テキストがクリックの邪魔をしないようにする */
      letter-spacing: 2px;
}

.txt_overlay02 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 真ん中にずらす */
    
    color: #ffffff;            /* 文字色：白 */
    font-size: 35px;
    font-family: "adobe-garamond-pro", "EB Garamond", "zen-old-mincho", serif;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    width: 100%;               /* 幅いっぱいに確保して中央寄せ */
    pointer-events: none;      /* テキストがクリックの邪魔をしないようにする */
      letter-spacing: 2px;
}


@media only screen and (max-width: 980px) {

.image_gallery {
        /* SPでは画像を折り返すため flex-wrap: wrap を有効化 */
        flex-wrap: wrap; 
        /* 端マージン0のため、両端寄せにする必要はない */
        justify-content: flex-start; 
    margin-top: 5%;
    }

    .image_item {
        /* 1行2列にするための幅: 49.5% */
        width: 49.75%; 
        
        /* PCで設定したマージンをリセット */
        margin-right: 0; 
        
        margin-left: 0;
        /* 縦方向の間隔を開けるための下マージン */
        margin-bottom: 0.5%;
    }

    /* 1行目と3行目（このレイアウトでは1つ目と3つ目）のアイテムに、右側マージン1%を設定 */
    /* 1つ目と3つ目のアイテムが各行の左側に来ます */
    .image_gallery .image_item:nth-child(odd) {
        margin-right: 0.5%; 
    }
    
    /* 2行目と4行目（このレイアウトでは2つ目と4つ目）のアイテムの右マージンは0のまま */
    .image_gallery .image_item:nth-child(even) {
        margin-right: 0;
    }
    
    /* 3つ目と4つ目のアイテムの上マージンをリセット（既にmargin-bottomで制御しているため） */
    .image_gallery .image_item:nth-child(n+3) {
        margin-top: 0;
    }
    
.img_pickup {
  margin: 0 auto 0 auto;
}
    
.ttl_txt {
	margin: 0 auto 1% auto;
  text-align: center;
  font-size: 35px;
  font-family: "adobe-garamond-pro", "EB Garamond", "zen-old-mincho", serif;
  font-weight: 300;
  font-style: normal;
  color: #333;
  letter-spacing: 3px;
  line-height: 1.5;
}

.ttl_sub_txt {
	width: 100%;
  margin: 0 auto 2% auto;
  text-align: center;
  font-family: "adobe-garamond-pro", "EB Garamond", "zen-old-mincho", serif;
  font-weight: 300;
  font-style: normal;
  color: #333;
  font-size: 14px;
  letter-spacing: 0.1em;
}

.pickup_txt {
	margin: 12% auto 5% auto;
    text-align: center;
    font-size: 18px;
    font-family: "adobe-garamond-pro", "EB Garamond", "zen-old-mincho", serif;
    font-weight: 300;
    font-style: normal;
    color: #333;
    letter-spacing: 2px;
    line-height: 1.5;
    width: 75%;
}
    
h2.event_name_ {
  padding: 0;
}
    
.block-category-switch-btn {
  display: none;
}
    
.block-item_list-search_detail {
  width: 80%;
  margin: 0 auto;
}
    
/* 親要素を基準にするための設定 */
.L_wrap a, 
.R_wrap a, 
.image_item a {
    position: relative;
    display: block; /* aタグを画像と同じサイズに広げる */
    width: 100%;
}

/* テキストのスタイルと中央配置 */
.txt_overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 真ん中にずらす */
    
    color: #ffffff;            /* 文字色：白 */
    font-size: 20px;
    font-family: "adobe-garamond-pro", "EB Garamond", "zen-old-mincho", serif;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    width: 100%;               /* 幅いっぱいに確保して中央寄せ */
    pointer-events: none;      /* テキストがクリックの邪魔をしないようにする */
    letter-spacing: 2px;
}

.txt_overlay02 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 真ん中にずらす */
    
    color: #ffffff;            /* 文字色：白 */
    font-size: 20px;
    font-family: "adobe-garamond-pro", "EB Garamond", "zen-old-mincho", serif;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    width: 100%;               /* 幅いっぱいに確保して中央寄せ */
    pointer-events: none;      /* テキストがクリックの邪魔をしないようにする */
    letter-spacing: 1px;
}
    
}