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

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

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

/* 補足: 画像の表示設定 */
.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;
}

@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.5%; 
        
        /* PCで設定したマージンをリセット */
        margin-right: 0; 
        
        margin-left: 0;
        /* 縦方向の間隔を開けるための下マージン */
        margin-bottom: 1%;
    }

    /* 1行目と3行目（このレイアウトでは1つ目と3つ目）のアイテムに、右側マージン1%を設定 */
    /* 1つ目と3つ目のアイテムが各行の左側に来ます */
    .image_gallery .image_item:nth-child(odd) {
        margin-right: 1%; 
    }
    
    /* 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;
}
    
}