@charset "UTF-8";

.topMain {
	width: 100%;
	min-width: 1060px;
	height: 380px;
	text-align: center;
	background-image: linear-gradient(90deg, rgba(255, 175, 126, 1), rgba(254, 210, 113, 1));
	overflow-x: hidden;
}
.topMain .subContents {
	width: 1060px;
	margin: 0 auto;
	position: relative;
}
.topMain .subContents picture {
	position: absolute;
	top: 0;
	left: 50%;
	translate: -50% 0;
}

.zisseki + .note {
	color: #828282;
	font-size: 10px;
	text-align: left;
	width: 100%;
	max-width: 1060px;
	margin: 10px auto 0;
}
/* #slider-wrapper {
    position: relative;
    left: 50%;
    width: 2580px;
	min-height: 440px;
    margin-left: -1290px;
}
#slider-wrapper #mainv li {
    padding: 0 20px;
}
#slider-wrapper .bx-wrapper .bx-prev {
    left: 50%;
    margin-left: -480px;
}
#slider-wrapper .bx-wrapper .bx-next {
    right: 50%;
    margin-right: -480px;
}
.bx-wrapper .bx-pager {
    bottom: -30px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #EEE;
    display: block;
    width: 35px;
    height: 3px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: var(--primary-color);
} */


#search {
	background: var(--primary-color);
	padding: 15px 0;
	margin-bottom: 10px;
}
#search .subContents {
	position: relative;
}
#search #searchBoxToggle {
	margin-top: 8px;
}
#search .searchStep {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
#search .searchStep h2 {
	color: #fff;
	font-weight: bold;
}
#search .searchStep .search1 {
	width: 450px;
	position: relative;
}
#search .searchStep .search1::before {
	content: '';
	width: 7px;
	height: 7px;
	border-bottom: solid 2px var(--primary-color);
	border-right: solid 2px var(--primary-color);
	transform: rotate(45deg);
	pointer-events: none;
	position: absolute;
	top: calc(50% - 7px);
	right: 20px;
}
#search .searchStep .search1 select {
	color: var(--primary-color);
	font-weight: bold;
	width: 100%;
	height: 45px;
	background: #fff;
	padding: 0 50px 0 30px;
	box-sizing: border-box;
	border: none;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	cursor: pointer;
}
#search .searchStep .search2 {
	width: 450px;
	position: relative;
}
#search .searchStep .search2 .icon {
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	width: 20px;
	height: 2px;
	background: var(--primary-color);
	margin: -1px 0 0;
	z-index: 2;
}
#search .searchStep .search2 .icon::before,
#search .searchStep .search2 .icon::after {
	display: block;
	position: absolute;
	right: 0;
	top: -7px;
	width: 100%;
	height: 100%;
	background: var(--primary-color);
	content: "";
}
#search .searchStep .search2 .icon::after {
	top: 7px;
}
#search .searchStep .search2 input[type="text"] {
	position: relative;
	width: 100%;
	padding: 0 60px 0 30px;
	height: 45px;
	border: none;
	border-left: none;
	background: #fff;
	color: var(--primary-color);
	font-size: 1rem;
	font-weight: bold;
	box-sizing: border-box;
	border-radius: 0;
	outline: none;
	cursor: pointer;
}
#search .searchStep .search2 input[type="text"]::placeholder {
	color: var(--primary-color);
}
#search .searchStep .search2 input[type="text"]:-ms-input-placeholder {
	color: var(--primary-color);/* IE */
}
#search .searchStep .search2 input[type="text"]::-ms-input-placeholder {
	color: var(--primary-color);/* Edge */
}
#search .searchStep .search2.disabled {
	background: #dcdcdc;
	border-radius: 0 8px 8px 0;
}
#search .searchStep .search2.disabled input[type="text"] {
	background: #dcdcdc;
}
#search .searchStep .search2.disabled input[type="text"] {
	pointer-events: none;
}
#search .searchStep .search3,
#search .searchStep .search4 {
	position: relative;
	width: 210px;
}
#search .searchStep .termText {
	color: #fff;
	font-size: 1.286rem;
	margin: 0 3px;
}
#search .searchStep .search3 .icon,
#search .searchStep .search4 .icon {
	color: var(--primary-color);
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	cursor: pointer;
	pointer-events: none;
}
#search .searchStep .search3 input[type="text"],
#search .searchStep .search4 input[type="text"] {
	position: relative;
	width: 100%;
	padding: 0 60px 0 10px;
	height: 45px;
	border: none;
	border-radius: 0;
	background: #fff;
	font-size: 1rem;
	box-sizing: border-box;
	outline: none;
	cursor: pointer;
}
#search .searchStep .search3 input[type="text"]::placeholder,
#search .searchStep .search4 input[type="text"]::placeholder {
	color: #b4b4b4;
}
#search .searchStep .search3 input[type="text"]:-ms-input-placeholder,
#search .searchStep .search4 input[type="text"]:-ms-input-placeholder {
	color: #b4b4b4; /* IE */
}
#search .searchStep .search3 input[type="text"]::-ms-input-placeholder,
#search .searchStep .search4 input[type="text"]::-ms-input-placeholder {
	color: #b4b4b4; /* Edge */
}
#search .searchStep .search5 {
	width: 280px;
	display: flex;
	justify-content: space-between;
}
#search .searchStep .search5 label {
	display: flex;
	width: 136px;
	background: #fff;
	cursor: pointer;
}
#search .searchStep .search5 label input[type="radio"] {
	display: none;
}
#search .searchStep .search5 label > span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 45px;
	padding: 0;
	border: none;
	box-sizing: border-box;
}
#search .searchStep .search5 label > span::before {
	display: none;
}
#search .searchStep .search5 label:first-child > span {
	border-right: none;
	border-radius: 0;
}
#search .searchStep .search5 label:last-child > span {
	border-radius: 0;
}
#search .searchStep .search5 label > span > span {
	position: relative;
	display: inline-block;
	padding: 0 0 0 10px;
	font-size: 1rem;
}
#search .searchStep .search5 label > span > span::before {
	position: absolute;
	top: 50%;
	left: -15px;
	content: "\e7fd";
	font-size: 1.5rem;
	color: #6fbfef;
	font-family: 'Material Symbols Outlined';
	transform: translateY(-50%);
}
#search .searchStep .search5 label:last-child > span > span::before {
	color: #fc5693;
}
#search .searchStep .search5 input[type="radio"]:checked + span {
	background: #FFADC9;
}
#search .searchStep .search6 {
	width: 150px;
	position: relative;
}
#search .searchStep .search6::before {
	content: '';
	width: 7px;
	height: 7px;
	border-bottom: solid 2px var(--primary-color);
	border-right: solid 2px var(--primary-color);
	transform: rotate(45deg);
	pointer-events: none;
	position: absolute;
	top: calc(50% - 7px);
	right: 20px;
}
#search .searchStep .search6 select {
	width: 100%;
	height: 45px;
	padding: 0 50px 0 30px;
	border: none;
	border-radius: 0;
	font-size: 1rem;
	box-sizing: border-box;
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	cursor: pointer;
}
#search .searchBtnWrapper a {
	display: block;
	width: 150px;
	/* background: url(/App_Contents/common/images/search_s_search_pc.png), linear-gradient(270deg, #e28362 0%, #df4f7b 51%, #e97199 100%);
	background-size: 20px auto, 200% auto;
	background-position:  20px center, 1% 50%;
	background-repeat: no-repeat, repeat; */
	background: #ffe900;
	color: var(--primary-color);
	font-size: 1rem;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 1;
	margin: 0 auto;
	padding: 14px 0;
	box-sizing: border-box;
}

#search .searchBtnWrapper a:hover {
	opacity: 1;
	background-position:  20px center, 99% 50%;
}

#search .addAnchor {
	margin: 20px 0 0 0;
	text-align: center;
}
#search .addAnchor a {
	color: #fff;
	text-decoration: none;
}
#search .addAnchor a:hover {
	text-decoration: underline;
}
#search .subContents #searchClose {
	color: #fff;
	background: var(--primary-color);
	border-radius: 0 0 8px 8px;
	padding: 6px 24px;
	position: absolute;
	bottom: -50px;
	right: 0;
	z-index: 2;
	cursor: pointer;
}

/* 特別ニュース */
.pickupNews {
	margin: 5px auto;
	/* padding: 10px; */
	/* background: #F3F3F3; */
}

.pickupNews p {
	max-width: 1060px;
	text-align: left;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

/* .pickupNews p::before {
	content: "NEWS";
	color: #E05B87;
	font-weight: bold;
	margin: 0 10px 0 0;
} */

#topbans {
  width: 100%;
  padding: 90px 0 50px;
}

#topbans p {
  font-size: 27px;
  font-weight: bold;
}

#topbans .splide__track {
  width: 100%;
  padding: 45px 0;
}

#topbans .splide__list {
  align-items: center;
}

/* スライド */
#topbans .splide__slide {
  width: 400px !important; /* スライドの幅を指定 */
}

#topbans .splide__slide.is-active {
  z-index: 2; /* 中央のスライドを前面に表示 */
}

#topbans .splide__slide.is-active img {
  opacity: 1; /* 中央のスライドは薄くしない */
  transform: scale(1); /* 中央のスライドは小さくしない */
  border-radius: 10px;
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.3);
}

/* 画像の処理：幅固定はしない */
#topbans .splide__slide img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  display: block;
  object-fit: contain;
  opacity: 0.6; 
  transform: scale(0.75);
  transition: transform 0.5s ease, opacity 0.5s ease;
}

/* 矢印ボタン全体のスタイル */
#topbans .splide__arrow {
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.3);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    opacity: 1;
}

/* 矢印アイコン（SVG）の色を変更 */
#topbans .splide__arrow svg {
    fill: #fff;
    width: 60%;
    height: 60%;
}

/* 左矢印の位置 */
#topbans .splide__arrow--prev {
    top: 55%;
    left: 17%; 
}

/* 右矢印の位置 */
#topbans .splide__arrow--next {
    top: 55%;
    right: 17%; 
}

@media screen and (max-width: 600px) {
  #topbans {
    width: 100%;
    padding: 15vw 0 5vw;
  }

  #topbans p {
    font-size: 25px;
  }

  #topbans .splide__track {
    padding: 7vw 0;
  }

  #topbans .splide__slide {
    width: 250px !important;
  }

  #topbans .splide__slide.is-active img {
    border-radius: 2vw;
    box-shadow: 0 0 1vw 0.75vw rgba(0, 0, 0, 0.3);
  }

  #topbans .splide__slide img {
    width: 100%;
    height: auto;
    border-radius: 2vw;
  }

  #topbans .splide__arrow {
      background: rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 1vw 0.75vw rgba(0, 0, 0, 0.3);
      width: 10vw;
      height: 10vw;
  }

  #topbans .splide__arrow--prev {
      top: 60%;
      left: 4%; 
  }

  #topbans .splide__arrow--next {
      top: 60%;
      right: 4%; 
  }
  .natsukoi {
    position: inherit;
    top: 0;
    left: 0;
  }
  .note {
    display: block;
  }
}


#earliest .tabList {
	position: relative;
	display: flex;
	width: 100%;
	margin: 0 0 35px;
}
#earliest .tabList::after {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	border-bottom: solid 1px #CBCFD3;
	content: "";
}
#earliest .tabList > li {
	display: flex;
	width: 100%;
	margin: 0 0 0 10px;
}
#earliest .tabList > li:first-child {
	margin: 0;
}
#earliest .tabList > li a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
	padding: 14px 9px;
	text-decoration: none;
	border: solid 1px #F2F3F4;
	background: #F2F3F4;
	color: #666;
	box-sizing: border-box;
	font-size: 1.286rem;
}
#earliest .tabList > li a:hover,
#earliest .tabList > li a.current {
	position: relative;
	z-index: 1;
	border-color: var(--primary-color);
	border-bottom-color: #FFF;
	background: #FFF;
	color: var(--primary-color);
	font-weight: bold;
	opacity: 1;
}
#earliest .dateList {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 0 auto 36px;
}
#earliest .dateList > li {
	display: flex;
	max-width: 100px;
	width: 100%;
	margin: 0 0 0 20px;
	line-height: 1.2;
}
#earliest .dateList > li:first-child {
	margin: 0;
}
#earliest .dateList > li a {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 8px;
	border: solid 1px #f0f1f2;
	text-decoration: none;
	background: #f0f1f2;
	color: #A8A8A8;
	box-sizing: border-box;
	pointer-events: none;
	border-radius: 8px;
}
#earliest .dateList > li.current a,
#earliest .dateList > li.today.current a {
	border-color: #E35B8A;
	background: #FFEFF3;
	color: #E35B8A;
	pointer-events: auto;
}
#earliest .dateList > li.today a {
	border-color: #C5C5C5;
	background: #FFF;
	color: #333;
	pointer-events: auto;
}
#earliest .dateList > li.today ~ li.normal a,
#earliest .dateList > li.today ~ li.saturday a,
#earliest .dateList > li.today ~ li.sunday a {
	border-color: #C5C5C5;
	background: #FFF;
	color: #333;
	pointer-events: auto;
}
#earliest .dateList > li.today ~ li.saturday a {
	color: #2770C4;
}
#earliest .dateList > li.today ~ li.sunday a {
	color: #C93205;
}
/*
#earliest .dateList > li.today.saturday a,
#earliest .dateList > li.today.sunday a {
	color: #E35B8A;
}
*/
#earliest .lnavi1 {
	margin: 0 0 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#earliest .lnavi1 li {
	color: #777;
	font-size: 1.125rem;
	font-weight: bold;
	border: solid 1px #E75B8E;
	margin: 0 5px;
	padding: 5px 1.5em;
	border-radius: 2em;
	cursor: pointer;
}
#earliest .lnavi1 li.cr,
#earliest .lnavi1 li:hover {
	background: #ffdee7;
	position: relative;
}
#earliest .lnavi1 li.cr::after {
	content: " ";
	width: 17px;
	height: 12px;
	background: url(/App_Contents/images/top/earliest_s_01.gif) no-repeat;
	position: absolute;
	bottom: -11px;
	left: 50%;
	transform: translateX(-50%);
}
#earliest .lnavi2 {
	margin: 0 0 40px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#earliest .lnavi2 li {
	margin: 2px 5px;
	cursor: pointer;
}
#earliest .lnavi2 li a {
	color: #FFF;
	font-size: 1.125rem;
	font-weight: bold;
	text-decoration: none;
	background: #E75B8E;
	border-radius: 2em;
	padding: 5px 1.5em;
	display: block;
}
#earliest .lnavi2 li.cr a,
#earliest .lnavi2 li:hover a {
	color: #F6C8D6;
	opacity: 1;
}


#special {
}
/*--------------------------20200403追記 ------- */
#special h2 {
	position: relative;
}
#special h2 em {
	font-size: .9rem;
	font-style: normal;
	position: absolute;
	top: calc(50% - .9em);
	right: 0;
}
#special h2 em a {
	color: var(--primary-color);
	text-decoration: none;
	border: solid 1px var(--primary-color);
	border-radius: 1.5em;
	padding: 3px 20px;
	display: inline-block;
}
/*--------------------------20200403追記ここまで ------- */

#special .subContents > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#special .subContents > ul::before,
#special .subContents > ul::after {
	content: " ";
	width: 24%;
	display: block;
	order: 1;
}
#special .subContents > ul li {
	width: 24%;
	margin: 0 0 20px;
}
#special .subContents > ul li figure {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
	border-radius: 10px;
}
#special .subContents > ul li figure img {
	width: 100%;
	height: auto;
}
#area .areaWrapper {
	display: flex;
	justify-content: space-between;
}
#area .areaWrapper .image {
	width: 450px;
}
#area .areaWrapper .image area {
	outline: none;
	display: none;
}
#area .areaWrapper .image area.active {
	display: block;
}
#area .areaWrapper .areaList {
	width: 550px;
}
#area .areaWrapper .areaList > li {
	display: flex;
	justify-content: space-between;
	width: 100%;
	border-top: solid 1px #ddd;
	padding: 18px 0;
}
#area .areaWrapper .areaList > li:last-child {
	border-bottom: solid 1px #ddd;
}
#area .areaWrapper .areaList > li .areaName {
	width: 170px;
	padding: 5px 0;
}
#area .areaWrapper .areaList > li .areaName a {
	position: relative;
	display: inline-block;
	padding: 0 0 0 20px;
	font-size: 1.071rem;
	color: var(--text-color-main);
	text-decoration: none;
	font-weight: bold;
}
#area .areaWrapper .areaList > li .areaName a::before {
	position: absolute;
	left: 0;
	top: 3px;
	width: 14px;
	height: 14px;
	background: #9170a7;
	content: "";
	border-radius: 50%;
}
#area .areaWrapper .areaList > li.北海道・東北 .areaName a::before { background: #92d0ec;}
#area .areaWrapper .areaList > li.北陸・甲信越 .areaName a::before { background: #a18dc2;}
#area .areaWrapper .areaList > li.関東 .areaName a::before { background: #328ee9;}
#area .areaWrapper .areaList > li.東海 .areaName a::before { background: #9170a7;}
#area .areaWrapper .areaList > li.関西 .areaName a::before { background: #f66da4;}
#area .areaWrapper .areaList > li.中・四国 .areaName a::before { background: #f8a5c4;}
#area .areaWrapper .areaList > li.九州 .areaName a::before { background: #f79902;}
#area .areaWrapper .areaList > li .areaDetail {
	display: flex;
	flex-wrap: wrap;
	width: 390px;
}
#area .areaWrapper .areaList > li .areaDetail > li {
	width: calc((100% - 30px) / 4);
	margin: 10px 0 0 10px;
}
#area .areaWrapper .areaList > li .areaDetail > li:nth-child(-n+4) {
	margin-top: 0;
}
#area .areaWrapper .areaList > li .areaDetail > li:nth-child(4n+1) {
	margin-left: 0;
}
#area .areaWrapper .areaList > li .areaDetail > li a {
	display: block;
	text-align: center;
	padding: 5px;
	background: #e7e8ea;
	font-size: 1.071rem;
	color: var(--text-color-main);
	text-decoration: none;
	border-radius: 20px;
}
#area .areaWrapper .areaList > li .areaDetail > li a:hover {
	background: #FFEFF3;
	color: #E35B8A;
	opacity: 1;
}
#hall .hallArea {
	display: flex;
	justify-content: center;
	margin: 0 0 40px;
	width: 100%;
}
#hall .hallArea > li {
	display: flex;
	max-width: 160px;
	width: 100%;
	margin: 0 0 0 10px;
}
#hall .hallArea > li:first-child {
	margin: 0;
}
#hall .hallArea > li a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
	padding: 10px;
	border: solid 1px #c5c5c5;
	border-radius: 8px;
	font-size: 1.286rem;
	box-sizing: border-box;
	color: #333;
	text-decoration: none;
}
#hall .hallArea > li a.active,
#hall .hallArea > li a:hover {
	border-color: #E35B8A;
	background: #FFEFF3;
	color: #E35B8A;
	opacity: 1;
}
#hall .hallList {
	display: flex;
	flex-wrap: wrap;
}
#hall .hallList > li {
	width: calc((100% - 60px) / 4);
	border-radius: 5px;
	overflow: hidden;
	margin: 20px 0 0 20px;
}
#hall .hallList > li:nth-child(-n+4) {
	margin-top: 0;
}
#hall .hallList > li:nth-child(4n+1) {
	margin-left: 0;
}
#hall .hallList > li a {
	position: relative;
	display: block;
	height: 100%;
	text-decoration: none;
}
#hall .hallList > li a:hover {
	opacity: 1;
}
#hall .hallList > li a .image {
	position: relative;
}
#hall .hallList > li a .image img {
	width: 100%;
	height: 188px;
	object-fit: cover;
}
#hall .hallList > li a .image figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px;
	text-align: center;
	color: #fff;
	font-size: 1.071rem;
	background: rgba(68,68,68,.6);
	box-sizing: border-box;
	opacity: 1;
	transition: opacity .5s ease;
}
#hall .hallList > li a:hover .image figcaption {
	opacity: 0;
}
#hall .hallList > li a .infoWrapper {
	position: absolute;
	left: 0;
	top: 0;
	padding: 15px 20px;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	color: #fff;
	background: rgba(68,68,68,.6);
	opacity: 0;
	transition: opacity .5s ease;
}
#hall .hallList > li a:hover .infoWrapper {
	opacity: 1;
}
#hall .hallList > li a .infoWrapper .name {
	font-size: 1.075rem;
	margin: 0 0 5px;
	line-height: 1.3;
}
#hall .hallList > li a .infoWrapper .address {
	font-size: .857rem;
	margin: 0 0 10px;
	line-height: 1.4;
}
#hall .hallList > li a .infoWrapper .nearest > li {
	font-size: .857rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
#osusume .subContents > ul {
	display: flex;
	justify-content: space-between;
}
#osusume .subContents > ul li {
	width: 23%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#osusume .subContents > ul li figure {
	width: 100px;
}
#osusume .subContents > ul li figure img {
	border-radius: 10px;
}
#osusume .subContents > ul li > div {
	width: calc(100% - 110px);
}
#osusume .subContents > ul li > div h3 {
	font-size: 1.1rem;
	font-weight: bold;
	margin: 0 0 5px;
}
#osusume .subContents > ul li > div p {
	color: #1D4FA8;
	line-height: 1.4;
}
#osusume .subContents > ul li > div p br {
	display: none;
}

#extra {
}
#extra p {
	color: #AAA;
	font-size: 11px;
	position: relative;
	top: 120px;
}

#info {
	margin: 0 0 60px;
	background: #F6F6F6;
	padding: 15px 0;
}

#info .inner {
	width: fit-content;
	-moz-width: fit-content;
	margin: 0 auto;
}

#info .inner h2 {
	color: #fff;
	font-size: 15px;
	border: none;
	display: inline-block;
	text-align: center;
	padding: 1px 5px;
	background: #80899A;
}

#info .inner h2.red {
	background: #f00;
}

#info .inner .date {
	display: inline-block;
	color: #969696;
	margin: 0 0 0 10px;
}

#info .inner > div {
	display: inline-block;
}

#info .inner > div a {
	font-size: 15px;
	display: inline-block;
	margin: 0 0 0 5px;
}

#info .subContents {
	font-size: 16px;
	position: relative;
}

#info .subContents > .next {
	color: #666;
	text-decoration: none;
	position: absolute;
	top: 15px;
	right: 0;
}

#info .subContents > .next:hover {
	text-decoration: underline;
}

#info .subContents > .next::after {
	content: '';
	width: 0.5em;
	height: 0.5em;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	display: inline-block;
	margin-left: 0.5em;
	transform: rotate(45deg) translateY(-2px);
}

#info ul {

}

#info ul li {
	border-bottom: 2px solid #e4e4e4;
	padding: 25px 0;
	display: flex;
}

#info ul li:first-child {
	padding-top: 0;
}

#info ul li .info {
	width: 225px;
	margin-right: 0.5em;
	position: relative;
}

#info ul li .info time {
	width: 120px;
	flex-shrink: 0;
}

#info ul li .info .category {
	color: #fff;
	padding: 2px 5px;
	margin-left: 0.5em;
}

#info ul li .info .category.notice {
	background: #4A99FF;
}
#info ul li .info .category.media {
	background: #FF9F22;
}
#info ul li .info .category.columns {
	background: #3f9e64;
}

#info ul li .info .category.notice::after {
	content: none;
}

#info ul li.new .info::after {
	content: 'NEW';
	color: #f00;
	font-size: 0.8em;
	font-weight: bold;
	display: inline-block;
	position: absolute;
	top: -16px;
	left: 0;
}

#info ul li .info + div {
	width: 840px;
}


#info ul li a {
	color: #E75B8E;
}


/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:899px) {
	.topMain {
		width: 100%;
		min-width: auto;
		height: auto;
		background: none;
		overflow: hidden;
		position: relative;
	}
	.topMain .subContents {
		width: 100%;
		padding: 0;
	}

	.topMain .subContents picture {
		display: block;
		position: static;
		translate: 0;
	}
	
	.topMain .subContents picture img {
		height: auto;
	}

	.topMain .anniversary_logo {
		display: none;
		/* margin: 0;
		position: absolute;
		top: calc(50% - -3vw);
		left: calc(50% - -17vw); */
	}

	.topMain .anniversary_logo img {
		width: 41vw;
		height: auto;
	}

	.zisseki {
		width: 90vw;
		margin: 4.2vw auto 0;
		display: flex;
		align-items: center;
		column-gap: 1.5vw;
	}

	.topMain + .zisseki li {
		flex: calc(1 / 3);
	}

	.topMain + .zisseki li img {
		width: 100%;
		height: auto;
	}

	.zisseki + .note {
		width: 90vw;
	}

	/* .bx-wrapper {
		margin-bottom: 10vw;
	}
	#slider-wrapper {
		position: static;
		left: 0;
		width: 100%;
		min-height: 53.3%;
		margin-left: 0;
	}
	#slider-wrapper #mainv li {
		padding: 0;
	} */

	#search {
		padding: 0;
		margin-bottom: 5px;
	}
	#search .subContents {
		width: 100%;
	}
	#search #searchHeader {
		width: 100vw;
		color: #fff;
		border-bottom: solid 1px #fff;
		margin: 0 -5vw;
		padding: 10px 5vw;
	}
	#search #searchHeader h2 {
		font-weight: bold;
		position: relative;
	}
	#search #searchCloseSp::before {
		content: "\e5cd";
		font-size: 2rem;
		font-family: 'Material Symbols Outlined';
		line-height: 1;
		position: absolute;
		top: 0;
		right: 0;
	}
	#search #searchCloseSp.active::before {
		content: "\e5cf";
	}

	#searchBoxToggle2 {
		padding: 10px 0;
	}
	#search #searchBoxToggle {
		margin-top: 0;
	}
	#search .searchStep {
		margin: 0 0 5px;
		padding: 0;
		flex-wrap: wrap;
	}
	#search .searchStep h2 {
		display: none;
	}
	#search .searchStep select {
		background: #fff;
	}
	#search .searchStep .search1 {
		width: 44vw;
	}
	#search .searchStep .search1::before {
		right: 15px;
	}
	#search .searchStep .search1 select {
		height: 44px;
		padding: 0 25px 0 17px;
		font-size: .9rem;
	}
	#search .searchStep .search2 {
		width: 44vw;
	}
	#search .searchStep .search2 .icon {
		right: 14px;
		width: 15px;
	}
	#search .searchStep .search2 .icon::before,
	#search .searchStep .search2 .icon::after {
		top: -5px;
	}
	#search .searchStep .search2 .icon::after {
		top: 5px;
	}
	#search .searchStep .search2 input[type="text"] {
		padding: 0 25px 0 17px;
		height: 42px;
		font-size: .9rem;
	}
	#search .searchStep .search3,
	#search .searchStep .search4 {
		width: 41vw;
		margin-bottom: 5px;
	}
	#search .searchStep .termText {
		width: 6vw;
		font-size: 1rem;
		text-align: center;
	}
	#search .searchStep .search3 .icon,
	#search .searchStep .search4 .icon {
		right: 14px;
		width: 15px;
	}
	#search .searchStep .search3 .icon::before,
	#search .searchStep .search3 .icon::after,
	#search .searchStep .search4 .icon::before,
	#search .searchStep .search4 .icon::after {
		top: -5px;
	}
	#search .searchStep .search3 .icon::after,
	#search .searchStep .search4 .icon::after {
		top: 5px;
	}
	#search .searchStep .search3 input[type="text"],
	#search .searchStep .search4 input[type="text"] {
		padding: 0 25px 0 17px;
		height: 42px;
		font-size: .9rem;
	}
	#search .searchStep .search5 {
		width: 58vw;
	}
	#search .searchStep .search5 label {
		width: 28vw;
	}
	#search .searchStep .search5 label > span {
		height: 42px;
	}
	#search .searchStep .search6 {
		width: 29vw;
	}
	#search .searchStep .search6::before {
		right: 15px;
	}
	#search .searchStep .search6 select {
		height: 42px;
		padding: 0 35px 0 20px;
		font-size: 1rem;
	}
	#search .searchBtnWrapper {
		margin: 20px auto 0;
	}
	#search .searchBtnWrapper a {
		width: 60vw;
		padding: 15px 0;
		font-size: 1rem;
	}
	#search .addAnchor {
		margin: 10px 0 0;
	}
	#search .addAnchor a {
		text-decoration: none;
		font-size: .9rem;
	}
	#search .subContents #searchClose {
		display: none;
	}
	
	/* 特別ニュース */
	.pickupNews p a {
		font-size: 2.8vw;
	}

	#earliest .tabList {
		margin: 0 0 19px;
	}
	#earliest .tabList > li {
		margin: 0 0 0 5px;
	}
	#earliest .tabList > li:first-child {
		margin: 0;
	}
	#earliest .tabList > li a {
		padding: 18px 3px;
		font-size: 1rem;
	}
	#earliest .dateList {
		margin: 0 auto 40px;
		justify-content: space-between;
	}
	#earliest .dateList > li {
		max-width: 40px;
		margin: 0 0 0 5px;
	}
	#earliest .dateList > li:first-child {
		margin: 0;
	}
	#earliest .dateList > li a {
		padding: 10px 1px;
		border-radius: 5px;
		font-size: .786rem;
	}
	#earliest .lnavi1 {
		margin: 0 3vw 10px;
	}
	#earliest .lnavi1 li {
		font-size: 1rem;
		margin-bottom: 5px;
		padding: 3px .8em;
		border-radius: 8px;
	}
	#earliest .lnavi1 li.cr {
		position: static;
	}
	#earliest .lnavi1 li:hover {
		background: #ffdee7;
		position: static;
	}
	#earliest .lnavi1 li.cr::after {
		content: none;
	}
	#earliest .lnavi2 {
		margin: 0 0 30px;
		flex-wrap: wrap;
	}
	#earliest .lnavi2 li {
		margin: 0 4px 5px;
	}
	#earliest .lnavi2 li a {
		font-size: 1rem;
		padding: 3px .5em;
		border-radius: 8px;
		background: #E75B8E;
	}
	#earliest .lnavi2 li.cr a {
	}
	#earliest .lnavi2 li:hover a {
		color: #FFF;
	}
	
	
	#special {
	}
	/*--------------------------20200403追記 ------- */
	#special h2 {
	}
	#special h2 em {
		font-size: .8rem;
		top: 0.5em;
	}
	#special h2 em a {
		padding: 5px 10px;
		display: none;
	}
	/*--------------------------20200403追記ここまで ------- */
	#special .subContents > ul {
		margin: 0;
	}
	#special .subContents > ul::before,
	#special .subContents > ul::after {
		width: 48%;
	}
	#special .subContents > ul li {
		width: 48%;
		margin: 0 0 15px;
	}
	#special .subContents > ul li figure {
	}
	
	#special .subContents > .btn {
		text-align: center;
		margin: 5vw 0 0;
	}
	
	#special .subContents > .btn a {
		color: #E75B8E;
		text-decoration: none;
		background: #fff;
		border: solid 1px #E75B8E;
		border-radius: 2em;
		padding: 5px 10vw;
		position: relative;
		display: inline-block;
	}

	#special .subContents > .btn a::after {
		content: " ";
		width: 8px;
		height: 8px;
		border-top: solid 2px #E75B8E;
		border-right: solid 2px #E75B8E;
		position: absolute;
		top: calc(50% - .3em);
		right: 15px;
		transform: rotate(45deg);
	}
	
	#area .areaWrapper {
		display: block;
	}
	#area .areaWrapper .image {
		display: none;
	}
	#area .areaWrapper .areaList {
		width: auto;
	}
	#area .areaWrapper .areaList > li {
		padding: 16px 0;
	}
	#area .areaWrapper .areaList > li .areaName {
		width: 115px;
		padding: 5px 0;
	}
	#area .areaWrapper .areaList > li .areaName a {
		padding: 0 0 0 14px;
		font-size: 3vw;
	}
	#area .areaWrapper .areaList > li .areaName a::before {
		width: 10px;
		height: 10px;
	}
	#area .areaWrapper .areaList > li .areaDetail {
		width: calc(100% - 115px - 10px);
	}
	#area .areaWrapper .areaList > li .areaDetail > li {
		width: calc((100% - 14px) / 3);
		margin: 7px 0 0 7px;
	}
	#area .areaWrapper .areaList > li .areaDetail > li:nth-child(-n+4) {
		margin-top: 7px;
	}
	#area .areaWrapper .areaList > li .areaDetail > li:nth-child(4n+1) {
		margin-left: 7px;
	}
	#area .areaWrapper .areaList > li .areaDetail > li:nth-child(-n+3) {
		margin-top: 0;
	}
	#area .areaWrapper .areaList > li .areaDetail > li:nth-child(3n+1) {
		margin-left: 0;
	}
	#area .areaWrapper .areaList > li .areaDetail > li a {
		padding: 5px;
		font-size: .857rem;
	}
	#hall .hallArea {
		justify-content: flex-start;
		flex-wrap: wrap;
		margin: 0 0 30px;
	}
	#hall .hallArea > li {
		display: flex;
		max-width: initial;
		width: calc((100% - 16px) / 3);
		margin: 8px 0 0 8px;
	}
	#hall .hallArea > li:nth-child(-n+3) {
		margin-top: 0;
	}
	#hall .hallArea > li:nth-child(3n+1) {
		margin-left: 0;
	}
	#hall .hallArea > li a {
		padding: 7px;
		font-size: .857rem;
	}
	#hall .hallList {
		justify-content: space-between;
	}
	#hall .hallList > li {
		width: calc((100% - 12px) / 2);
		border-radius: 0;
		margin: 25px 0 0;
	}
	#hall .hallList > li:nth-child(-n+4) {
		margin-top: 25px;
	}
	#hall .hallList > li:nth-child(-n+2) {
		margin-top: 0;
	}
	#hall .hallList > li a {
		display: block;
		height: auto;
	}
	#hall .hallList > li a .image {
		overflow: hidden;
		border-radius: 4px;
	}
	#hall .hallList > li a .image img {
		height: auto;
		aspect-ratio: 170 / 127;
		object-fit: cover;
		overflow: hidden;
	}
	#hall .hallList > li a .image figcaption {
		font-size: .857rem;
	}
	#hall .hallList > li a:hover .image figcaption {
		opacity: 1 !important;
	}
	#hall .hallList > li a .infoWrapper {
		opacity: 1 !important;
		position: relative;
		padding: 10px 0 0;
		height: auto;
		color: #333;
		background: transparent;
	}
	#hall .hallList > li a .infoWrapper .name {
		display: none;
	}
	#hall .hallList > li a .infoWrapper .address {
		margin: 0 0 10px;
		font-size: 12px;
	}
	#hall .hallList > li a .infoWrapper .nearest > li {
		position: relative;
		font-size: 12px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 7;
	}
	#osusume .subContents > ul {
		display: block;
	}
	#osusume .subContents > ul li {
		width: 100%;
		margin: 0 0 15px;
	}
	#osusume .subContents > ul li figure {
		width: 25vw;
	}
	#osusume .subContents > ul li figure img {
		border-radius: 5px;
	}
	#osusume .subContents > ul li > div {
		width: calc(100% - 30vw);
	}
	#osusume .subContents > ul li > div h3 {
		font-size: 1.1rem;
	}
	#osusume .subContents > ul li > div p {
	}
	#osusume .subContents > ul li > div p br {
		display: inline;
	}

	#extra {
	}
	#extra p {
		top: 60px;
	}

	#info {
		text-align: left;
		margin: 0 auto 30px;
	}
	
	#info .inner {
		width: 90%;
		margin: 0 auto;
		display: flex;
		column-gap: 10px;
		justify-content: center;
		align-items: center;
		justify-content: center;
	}

	#info .inner h2 {
		color: #fff;
		font-size: 1rem;
		border: none;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: left;
		padding: 1px 8px;
	}

	#info .inner .date {
		display: inline-block;
		color: #969696;
		margin: 0;
	}

	#info .inner > div {
		width: 76%;
		display: inline-block;
	}

	#info .inner > div a {
		font-size: 1rem;
		display: inline-block;
		margin: 0 0 0 5px;
	}

	#info .subContents {
	}

	#info .subContents > .next {
		font-size: 13px;
		top: 7px;
		right: 25px;
	}

	#info .subContents > .next:hover {
	}

	#info .subContents > .next::after {
	}

	#info ul {
	}

	#info ul li {
		padding: 10px 0;
		display: block;
	}

	#info ul li:first-child {
		padding-top: 0;
	}
	
	#info ul li .info {
		margin-bottom: 0;
	}
	
	#info ul li .info time {
		font-size: 13px;
		width: 100%;
	}

	#info ul li .info .category {
		font-size: 13px;
	}
	
	#info ul li a {
		font-size: 13px;
	}

	#info ul li.new .info::after {
		font-size: 12px;
	}

	#info ul li .info + div {
		width: 100%;
	}


	
}