@charset "UTF-8";
/*メインビジュアル*/
@media (min-width: 768px) {
  .main-visual {
    aspect-ratio: 2/1; } }
@media (max-width: 767px) {
  .main-visual {
    width: 100%;
    aspect-ratio: 750/842; } }
.main-visual .slick-slider,
.main-visual .slick-list,
.main-visual .slick-list > .u-row,
.main-visual .slick-slide {
  height: 100% !important; }
.main-visual .slick-item {
  height: 100% !important; }

/*セクション*/
.c-section-widget {
  container-type: inline-size; }

/*セクションタイトル*/
.c-section-widget__title {
  color: #ba1d22 !important; }
  .c-section-widget__title::after {
    content: "";
    display: block;
    width: 1.2em;
    height: 3px;
    border-radius: 2px;
    margin: auto;
    background-color: #ba1d22; }

/*テキストの場合用
.main-visual{
	container-type: inline-size;
	width: 100%;
	
	@include mr-small{
		aspect-ratio: 2/1;
	}
	
	@include ls-small{
		aspect-ratio: 1/2;
	}
	
	.slick-slider,
	.slick-list,
	.slick-list > .u-row,
	.slick-slide{
		height: 100%!important;
	}
	
	
	
	.slick-item{
		height: 100%!important;
	}
	
	.l-content__sm{
		width: 80%;
	}
}

#emanon-parts-135{
	text-align: justify;
	
	& > div{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	
	span {
		display: block;
		background-color: #ffffff92;
	}
	
	.first-view{
		&_title{
			transform: translateY(-3cqw) rotate(-4.16deg);
			
			span {
				line-height: 1.2;
				
				@include mr-small{
					font-size: 7cqw;
				}
				
				@include ls-small{
					
				}
			}
		}
		
		&_lead{
			gap: 1cqw;
			
			span {
				line-height: 2;
				
				@include mr-small{
				}
				
				@include ls-small{
					
				}
				
				&:nth-of-type(1){
					transform: rotate(-6.49deg);
				}
				
				&:nth-of-type(2){
					transform: translateX(1.5em) rotate(-4.57deg);
				}
				
				&:nth-of-type(3){
					transform: translateX(-1.5em) rotate(-6.26deg);
				}
				
				&:nth-of-type(4){
					transform: translateX(1.75em) rotate(-4.6deg);
				}
			}
		}
	}
}*/
/*記事一覧セクション共通*/
.excerpt {
  width: 100%;
  /* 任意の幅を指定 */
  display: -webkit-box;
  /* 必須：ボックスをFlex類似の形式にする */
  -webkit-box-orient: vertical;
  /* 必須：ボックスの配置方向を垂直にする */
  -webkit-line-clamp: 2;
  /* 表示したい行数を指定（ここでは3行） */
  overflow: hidden;
  /* はみ出た部分を非表示にする */ }

/*ReadMoreボタン*/
.readmore {
  display: flex;
  margin-bottom: 0; }
  .readmore a {
    color: #231815; }
  .readmore i {
    position: relative;
    display: inline-block;
    width: 70px;
    /* 矢印が入るスペースを空ける */
    margin-left: 0.5em;
    transition: .3s all ease; }
    .readmore i::before, .readmore i::after {
      content: "";
      position: absolute;
      right: 0;
      top: 50%; }
    .readmore i::after {
      transform: translateY(-50%);
      width: 100%;
      /* 矢印の全体の長さ */
      height: 2px;
      /* 矢印の線の太さ */
      background-color: #231815;
      /* 矢印の色 */ }
    .readmore i::before {
      /* 45度回転させつつ、位置を中央に微調整 */
      transform: translateY(-50%) rotate(45deg);
      width: 6px;
      /* 先端のサイズ */
      height: 6px;
      /* 先端のサイズ */
      border-top: 2px solid #231815;
      border-right: 2px solid #231815; }
  .readmore:hover i {
    width: calc(70px + 0.5em); }

/*ViewMoreボタン*/
a.viewmore {
  display: block;
  width: max-content;
  margin: 2em auto;
  color: #231815;
  font-size: 200%; }
  a.viewmore i {
    position: relative;
    display: block;
    width: 100%;
    /* 矢印が入るスペースを空ける */
    transition: .3s all ease; }
    a.viewmore i::before, a.viewmore i::after {
      content: "";
      position: absolute;
      right: 0;
      top: 50%; }
    a.viewmore i::after {
      transform: translateY(-50%);
      width: 100%;
      /* 矢印の全体の長さ */
      height: 2px;
      /* 矢印の線の太さ */
      background-color: #231815;
      /* 矢印の色 */ }
    a.viewmore i::before {
      /* 45度回転させつつ、位置を中央に微調整 */
      transform: translateY(-50%) rotate(45deg);
      width: 6px;
      /* 先端のサイズ */
      height: 6px;
      /* 先端のサイズ */
      border-top: 2px solid #231815;
      border-right: 2px solid #231815; }
  a.viewmore:hover i {
    width: calc(100% + 0.5em); }

/*イベントスライダー*/
#shortcod_section-3 .l-content-widget {
  width: 100% !important; }
#shortcod_section-3 .splide__slide {
  aspect-ratio: 1/1;
  overflow: hidden; }
  @media (max-width: 599px) {
    #shortcod_section-3 .splide__slide {
      width: 100% !important; } }
  #shortcod_section-3 .splide__slide a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%; }
    #shortcod_section-3 .splide__slide a img {
      object-fit: cover;
      max-width: initial;
      height: 100% !important; }
#shortcod_section-3 .splide__pagination {
  bottom: -5cqw !important; }

/*検索*/
#search_section-3 {
  /* 検索フォームのカスタマイズ */ }
  #search_section-3 .c-section-widget__header {
    margin-bottom: 1cqw; }
  #search_section-3 .c-section-widget__title {
    color: #231815 !important;
    font-size: 150% !important;
    font-weight: 700 !important; }
    #search_section-3 .c-section-widget__title::after {
      content: none; }
  #search_section-3 .custom-search__field {
    flex: 1 1 auto; }
  #search_section-3 .custom-search__submit {
    flex: 0 0 2em;
    margin: 0; }
  #search_section-3 .custom-search {
    background-color: transparent; }
  #search_section-3 input[type="search"] {
    border: 2px solid #231815;
    border-radius: 2em; }
  #search_section-3 .search-submit {
    /* 既存の赤い背景と枠線をリセット */
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    /* ボタンを正方形にしてサイズを調整 */
    width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    cursor: pointer;
    /* 「検索」の文字を見えなくする */
    font-size: 0 !important;
    color: transparent !important;
    text-indent: -9999px !important;
    /* 虫眼鏡のSVGを背景にセット */
    background-image: url("/wp-content/package/common/icon/search.svg");
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 22px 22px !important; }
  @media (max-width: 599px) {
    #search_section-3 .wrapper-column {
      flex-wrap: nowrap; } }

/*イベント情報*/
#shortcod_section-5 {
  background-color: #ba1d2220; }
  #shortcod_section-5 .ncColumns_panel {
    container-type: inline-size;
    background-color: #fff;
    border-radius: 3em;
    overflow: hidden; }
  #shortcod_section-5 .cat-name {
    margin-bottom: 0 !important; }
  #shortcod_section-5 .event_info_meta {
    display: flex;
    align-items: center;
    gap: 1em; }
  #shortcod_section-5 .event_info_thumbnail {
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 348/260; }
    #shortcod_section-5 .event_info_thumbnail img {
      object-fit: cover;
      max-width: initial;
      height: 100%; }
  #shortcod_section-5 .event_info_text {
    padding: 10cqw; }
  #shortcod_section-5 .event_info_title, #shortcod_section-5 .event_info_excetpt {
    margin-bottom: 3cqw; }
  @media (max-width: 599px) {
    #shortcod_section-5 .ncColumns_panel {
      width: 48%; }
      #shortcod_section-5 .ncColumns_panel:nth-of-type(2) {
        margin-top: 0; }
      #shortcod_section-5 .ncColumns_panel:nth-of-type(n+5) {
        display: none; } }

/*ショップニュース*/
#shortcod_section-7 .event_info_thumbnail {
  margin-bottom: 2em;
  border: 4px solid #ba1d22; }
@media (max-width: 599px) {
  #shortcod_section-7 .ncColumns_panel {
    display: flex;
    justify-content: space-between; }
    #shortcod_section-7 .ncColumns_panel:not(:last-of-type) {
      border-bottom: solid 1px #ddd; }
    #shortcod_section-7 .ncColumns_panel .event_info_thumbnail {
      width: 48%; }
    #shortcod_section-7 .ncColumns_panel .event_info_text {
      width: 48%; }
    #shortcod_section-7 .ncColumns_panel:nth-of-type(n+5) {
      display: none; } }

/*infoメーション*/
#shortcod_section-11::before {
  content: "";
  display: block;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/wp-content/package/page/top/img/info_bg.webp"); }
  @media (min-width: 600px) {
    #shortcod_section-11::before {
      aspect-ratio: 1400/462; } }
  @media (max-width: 599px) {
    #shortcod_section-11::before {
      aspect-ratio: 374/225; } }
@media (min-width: 600px) {
  #shortcod_section-11 article {
    margin-bottom: 3.5cqw; } }
@media (max-width: 599px) {
  #shortcod_section-11 article {
    margin-bottom: 0cqw; } }
#shortcod_section-11 .information_date,
#shortcod_section-11 h3 {
  margin-bottom: 1cqw; }
#shortcod_section-11 h3 {
  transition: all 0.3s ease; }
  #shortcod_section-11 h3:hover {
    transform: translateY(0.4em); }
#shortcod_section-11 a {
  color: #231815; }
#shortcod_section-11 .excerpt {
  -webkit-line-clamp: 1;
  /* 表示したい行数を指定（ここでは3行） */ }

/*締めインデックス*/
#shortcod_section-13 .logo img {
  display: block;
  margin: 5cqw auto;
  width: min(80%, 300px); }
#shortcod_section-13 .ncColumns {
  color: #ba1d22 !important; }
  #shortcod_section-13 .ncColumns p {
    margin-bottom: 0; }
#shortcod_section-13 .index a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em;
  border: solid 1px #ba1d22;
  border-radius: 0.5em;
  color: #ba1d22;
  text-align: center; }
@media (min-width: 600px) {
  #shortcod_section-13 .logo {
    margin-bottom: 3cqw;
    border-bottom: solid 1px #ba1d22; }
  #shortcod_section-13 .ncColumns {
    color: #ba1d22 !important; }
    #shortcod_section-13 .ncColumns .-mini {
      display: flex;
      justify-content: center;
      align-items: center;
      border-right: solid 1px #ba1d22; }
  #shortcod_section-13 .index {
    display: flex;
    justify-content: space-between; }
    #shortcod_section-13 .index a {
      width: 18%;
      transition: 0.3s all ease; }
      #shortcod_section-13 .index a:hover {
        background-color: #ba1d2210; } }
@media (max-width: 599px) {
  #shortcod_section-13 .shortcod-content {
    display: flex;
    flex-direction: column; }
    #shortcod_section-13 .shortcod-content .logo {
      order: 2; }
    #shortcod_section-13 .shortcod-content .index {
      order: 1; }
  #shortcod_section-13 .-mini {
    display: flex;
    align-items: center; }
    #shortcod_section-13 .-mini p {
      flex: 0 0 fit-content;
      display: inline-block;
      margin-right: 1em; }
    #shortcod_section-13 .-mini::after {
      flex: 1 1 auto;
      content: "";
      display: block;
      width: auto;
      height: 1px;
      background-color: #ba1d22; }
  #shortcod_section-13 .index a {
    margin-bottom: 1em;
    padding: 1em 0; } }