@charset "UTF-8";
/* ===================================================================
CSS information
	eventcalendar_sp.css
	イベントカレンダーレイアウト

	01.イベントカレンダー基本設定
	02.タイトル部分
	03.イベント情報を絞り込む
	05.イベント詳細検索
	06.長期イベント
	07.検索結果
=================================================================== */
/*----------------------------------------------------
	01.イベントカレンダー基本設定
----------------------------------------------------*/
#container {
  overflow: hidden;
}

img {
  width: 100%;
  backface-visibility: hidden;
  vertical-align: middle;
}

.pc {
  display: none;
}

a,
input,
button,
select,
textarea {
  cursor: pointer;
}
a:focus,
input:focus,
button:focus,
select:focus,
textarea:focus {
  outline: revert;
  outline-offset: revert;
  border: none;
  box-shadow: revert;
}

div#mainContents {
  padding-bottom: 40px;
}
div#mainContents h2.title_border {
  margin: 0;
  padding: 0 0 8px;
  font-size: 1em;
  font-weight: bold;
  color: #23478b;
  background: none;
  border: none;
  border-bottom: 1px solid #23478b;
}
div#mainContents h2.title_search {
  width: 100%;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}
div#mainContents h2.title_search span.main {
  display: flex;
  align-items: center;
  height: 30px;
  padding-left: 40px;
  font-size: 1em;
  font-weight: bold;
  background: url(/files/001202906.png) left center no-repeat;
  background-size: 30px 30px;
}
div#mainContents h2.title_search span.sub {
  display: block;
  margin-top: 10px;
  font-size: 0.875em;
  font-weight: normal;
}
div#mainContents h2.title_date {
  margin: 0;
  padding: 0;
  font-size: 1.5em;
  font-weight: normal;
  color: #23478b;
  line-height: 1;
  background: none;
  border: none;
}
div#mainContents h2.title_date span.number {
  font-size: 1.5em;
}
div#mainContents h3.title_border {
  margin: 0;
  padding: 0 0 0 7px;
  font-size: 0.875em;
  font-weight: bold;
  color: #23478b;
  background: none;
  border-left: 6px solid #21468d;
}
div#mainContents h3.title_background {
  margin: 0;
  padding: 13px 15px;
  font-size: 1em;
  font-weight: bold;
  color: #fff;
  background: #23478b;
  border: none;
}
div#mainContents h4 {
  margin: 0;
  padding: 0;
  border: none;
}
div#mainContents h4::before {
  content: none;
}

ul.list_genre li label {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 5px 40px 5px 10px;
  background-color: #ffefef;
  border-radius: 4px;
  cursor: pointer;
}
ul.list_genre li label span {
  display: block;
  margin-left: 10px;
  font-size: 0.875em;
}
ul.list_genre li label::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 13px);
  right: 10px;
  width: 26px;
  height: 26px;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100vmax;
  background-size: 26px 26px;
}
ul.list_genre li.genre01 label {
  background-color: #ffefef;
}
ul.list_genre li.genre01 label::after {
  background-image: url("/files/001202907.png");
}
ul.list_genre li.genre02 label {
  background-color: #f5e4d3;
}
ul.list_genre li.genre02 label::after {
  background-image: url("/files/001202908.png");
}
ul.list_genre li.genre03 label {
  background-color: #f9f5d8;
}
ul.list_genre li.genre03 label::after {
  background-image: url("/files/001202909.png");
}
ul.list_genre li.genre04 label {
  background-color: #e7f5dd;
}
ul.list_genre li.genre04 label::after {
  background-image: url("/files/001202910.png");
}
ul.list_genre li.genre05 label {
  background-color: #e3f5eb;
}
ul.list_genre li.genre05 label::after {
  background-image: url("/files/001202911.png");
}
ul.list_genre li.genre06 label {
  background-color: #e6f4f7;
}
ul.list_genre li.genre06 label::after {
  background-image: url("/files/001202912.png");
}
ul.list_genre li.genre07 label {
  background-color: #e2e9f7;
}
ul.list_genre li.genre07 label::after {
  background-image: url("/files/001202913.png");
}
ul.list_genre li.genre08 label {
  background-color: #ece4f6;
}
ul.list_genre li.genre08 label::after {
  background-image: url("/files/001202914.png");
}

ul.list_area li label {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
ul.list_area li label span {
  display: block;
  margin-left: 5px;
  font-size: 0.875em;
  line-height: 1;
}

table.table {
  display: block;
  width: 100%;
  border: 1px solid #000;
  border-top: none;
  border-collapse: collapse;
  border-spacing: 0;
}
table.table tr {
  display: block;
  width: 100%;
}
table.table th.table__th,
table.table td.table__td {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 10px;
}
table.table th.table__th {
  box-sizing: border-box;
  text-align: left;
  font-size: 0.875em;
  font-weight: bold;
  vertical-align: middle;
  background-color: #F5F5F5;
  border-top: 1px solid #000;
}
table.table td.table__td {
  vertical-align: top;
}

.btnArea {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.btnArea button.btn_filter,
.btnArea button.btn_search {
  width: 98px;
  height: 28px;
  font-size: 0.875em;
  font-weight: bold;
  color: #fff;
  background-color: #23478b;
  border: none;
  border-radius: 3px;
  transition: all 0.2s;
}
.btnArea button.btn_filter:hover,
.btnArea button.btn_search:hover {
  opacity: 0.7;
}
.btnArea button.btn_clear {
  width: 98px;
  height: 28px;
  font-size: 0.875em;
  font-weight: bold;
  color: #000;
  background: linear-gradient(to bottom, #ffffff, #eeeeee);
  border: 1px solid #c2c2c2;
  border-radius: 3px;
  transition: all 0.2s;
}
.btnArea button.btn_clear:hover {
  opacity: 0.7;
}

.aly-eventlist .aly-calendar_item {
  padding: 0;
  border-top: none;
}
.aly-eventlist .aly-calendar_item + .aly-calendar_item {
  border-top: 1px solid #d4d4d4;
}
.aly-eventlist .aly-calendar_item:last-child {
  border-bottom: none;
}
.aly-eventlist .aly-calendar_item a {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 10px 10px 10px 38px;
  transition: all 0.2s;
}
.aly-eventlist .aly-calendar_item a:hover {
  text-decoration: none;
}
.aly-eventlist .aly-calendar_item a::before {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  left: 2px;
  width: 26px;
  height: 26px;
  background-color: #ccc;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100vmax;
  background-size: 26px 26px;
}
.aly-eventlist .aly-calendar_item h4 {
  width: 100%;
  text-decoration: underline;
  color: #23478b;
}
.aly-eventlist .aly-calendar_item p.area {
  flex-shrink: 0;
  margin-top: 10px;
  text-align: center;
  font-size: 0.875em;
  padding: 5px;
  background: #f5f5f5;
  border-radius: 3px;
}
.aly-eventlist .aly-calendar_item p.period {
  margin: 10px 0 0 15px;
  font-size: 0.875em;
}
.aly-eventlist .genre01 a::before {
  background-color: #ffefef;
  background-image: url("/files/001202907.png");
}
.aly-eventlist .genre02 a::before {
  background-color: #f5e4d3;
  background-image: url("/files/001202908.png");
}
.aly-eventlist .genre03 a::before {
  background-color: #f9f5d8;
  background-image: url("/files/001202909.png");
}
.aly-eventlist .genre04 a::before {
  background-color: #e7f5dd;
  background-image: url("/files/001202910.png");
}
.aly-eventlist .genre05 a::before {
  background-color: #e3f5eb;
  background-image: url("/files/001202911.png");
}
.aly-eventlist .genre06 a::before {
  background-color: #e6f4f7;
  background-image: url("/files/001202912.png");
}
.aly-eventlist .genre07 a::before {
  background-color: #e2e9f7;
  background-image: url("/files/001202913.png");
}
.aly-eventlist .genre08 a::before {
  background-color: #ece4f6;
  background-image: url("/files/001202914.png");
}

/*----------------------------------------------------
	02.タイトル部分
----------------------------------------------------*/
#contentsHeader {
  position: relative;
  padding: 15px;
  background: #23478b;
}
#contentsHeader h1 {
  padding: 0 !important;
  background: none !important;
}
#contentsHeader .btn_searchDetail {
  width: 221px;
  height: 40px;
  margin: 10px auto 0;
  background: #fff;
  border-radius: 6px;
}
#contentsHeader .btn_searchDetail a {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 38px;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: bold;
  color: #23478b;
  line-height: 1;
  background: url("/files/001202922.png") center center no-repeat;
  background-size: cover;
}
#bottomTextArea {
  margin-top: 40px;
}
#bottomTextArea p {
  padding: 20px 0 0 0;
}

/*----------------------------------------------------
	03.イベント情報を絞り込む
----------------------------------------------------*/
#filterArea {
  margin-top: 30px;
}
#filterArea ul.list_genre + h3.title_border {
  margin-top: 20px;
}
#filterArea h2.title_border + h3.title_border {
  margin-top: 20px;
}
#filterArea ul.list_genre {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
}
#filterArea ul.list_genre li {
  width: calc((100% - 5px) / 2);
  min-height: 44px;
}
#filterArea ul.list_area {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 0;
  margin-top: 15px;
}
#filterArea ul.list_area li {
  width: 50%;
}
#filterArea .btnArea {
  position: relative;
  margin-top: 20px;
  padding: 10px;
  background: #f5f5f5;
}
#filterArea .btnArea::after {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 20px);
  bottom: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 20px 0 20px;
  border-color: #F5F5F5 transparent transparent transparent;
}

/*----------------------------------------------------
	04.イベントエリア
----------------------------------------------------*/
#eventArea {
  position: relative;
  margin-top: 40px;
}
#eventArea h2.title {
  width: calc((100% - 10px) / 2);
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}
#eventArea h2.title_list {
  position: absolute;
  top: 0;
  right: 0;
}
#eventArea .tab {
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  position: relative;
  text-decoration: none;
  font-size: 1.125em;
  color: #23478b;
  line-height: 1;
  background-color: #f5f5f5;
  border: 2px solid #23478b;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  transition: all 0.2s;
}
#eventArea .tab:hover {
  background-color: #e5f6fb;
}
#eventArea .tab::before {
  content: "";
  display: block;
  width: 24px;
  height: 22px;
  margin: 0 auto 5px;
  background-size: cover;
}
#eventArea .tab.active {
  font-weight: bold;
  background-color: #e5f6fb;
}
#eventArea .tab.active::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #23478b;
}
#eventArea .tab_calendar::before {
  background-image: url("/files/001202916.png");
}
#eventArea .tab_list::before {
  background-image: url("/files/001202917.png");
}
#eventArea .tabContents {
  display: none;
  padding-top: 20px;
  border-top: 1px solid #23478b;
}
#eventArea .tabContents.active {
  display: block;
}
#eventArea .contentsCalendar {
  position: relative;
}
#eventArea .contentsCalendar p.text {
  font-size: 0.875em;
}
#eventArea .contentsCalendar p.title_date {
  display: table;
  margin: 20px auto 15px;
  line-height: 1;
}
#eventArea .contentsCalendar p.title_date span.year {
  font-size: 2rem;
}
#eventArea .contentsCalendar p.title_date span.number {
  font-size: 2.8rem;
  font-weight: bold;
}
#eventArea .contentsCalendar p.title_date span.month {
  font-size: 2rem;
  font-weight: bold;
}
#eventArea .contentsCalendar .aly-calendar-nav_group {
  position: absolute;
  top: -35px;
  left: 0;
  width: 100%;
  margin-bottom: 0;
}
#eventArea .contentsCalendar .aly-calendar-nav_group ul.aly-calendar-nav li.aly-calendar-nav-prev,
#eventArea .contentsCalendar .aly-calendar-nav_group ul.aly-calendar-nav li.aly-calendar-nav-next {
  width: auto;
}
#eventArea .contentsCalendar .aly-calendar-nav_group ul.aly-calendar-nav li.aly-calendar-nav-prev a,
#eventArea .contentsCalendar .aly-calendar-nav_group ul.aly-calendar-nav li.aly-calendar-nav-next a {
  text-decoration: underline;
  color: #23478b;
  line-height: 1;
  background: none;
  border: none;
}
#eventArea .contentsCalendar .aly-calendar-nav_group ul.aly-calendar-nav li.aly-calendar-nav-prev a::before,
#eventArea .contentsCalendar .aly-calendar-nav_group ul.aly-calendar-nav li.aly-calendar-nav-next a::before {
  content: none;
}
#eventArea .contentsCalendar .aly-calendar-full_list {
  overflow-x: auto;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner {
  width: 960px;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-cell {
  width: 14.2857142857%;
  flex: 1 1 0%;
  margin: 0;
  background: #f5f5f5;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-cell + .aly-cell {
  border-left: 1px solid #d4d4d4;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-cell:first-child {
  color: #961919;
  background: #FFEEF5;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-cell:last-child {
  color: #004DA8;
  background: #e5f4ff;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-week {
  box-sizing: border-box;
  margin: 0 0 5px;
  background: #d4d4d4;
  border: 1px solid #d4d4d4;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-week .aly-cell {
  font-size: 1.8rem;
  font-weight: bold;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row {
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #d4d4d4;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-grid .aly-cell {
  border-top: none;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-grid .aly-cell .aly-day {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  text-align: center;
  font-size: 0.875em;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-grid .aly-cell .aly-day span.number {
  font-size: 1.8rem;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event {
  padding-top: 30px;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell {
  padding-top: 6px;
  background: #fff;
  top: 0;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-ev {
  min-height: 34px;
  margin-bottom: 6px;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-ev a:hover {
  text-decoration: underline;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar {
  box-sizing: border-box;
  display: block;
  top: 0;
  left: 6px;
  min-height: 34px;
  padding: 7px 10px 7px 36px;
  font-size: 1.4rem;
  line-height: 1.4;
  border: none;
  border-radius: 4px;
  background-color: #ffefef;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 26px;
  height: 26px;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100vmax;
  background-size: 26px 26px;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar em {
  padding: 0;
  line-height: 1.4;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.aly-wd1 {
  width: calc(100% - 12px);
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.aly-wd2 {
  width: calc(200% - 11px);
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.aly-wd3 {
  width: calc(300% - 10px);
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.aly-wd4 {
  width: calc(400% - 9px);
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.aly-wd5 {
  width: calc(500% - 8px);
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.aly-wd6 {
  width: calc(600% - 7px);
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.aly-wd7 {
  width: calc(700% - 6px);
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.genre01 {
  background-color: #ffefef;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.genre01::after {
  background-image: url("/files/001202907.png");
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.genre02 {
  background-color: #f5e4d3;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.genre02::after {
  background-image: url("/files/001202908.png");
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.genre03 {
  background-color: #f9f5d8;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.genre03::after {
  background-image: url("/files/001202909.png");
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.genre04 {
  background-color: #e7f5dd;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.genre04::after {
  background-image: url("/files/001202910.png");
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.genre05 {
  background-color: #e3f5eb;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.genre05::after {
  background-image: url("/files/001202911.png");
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.genre06 {
  background-color: #e6f4f7;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.genre06::after {
  background-image: url("/files/001202912.png");
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.genre07 {
  background-color: #e2e9f7;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.genre07::after {
  background-image: url("/files/001202913.png");
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.genre08 {
  background-color: #ece4f6;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .aly-bar.genre08::after {
  background-image: url("/files/001202914.png");
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .btn_more {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 1px;
  left: 6px;
  width: calc(100% - 12px);
  min-height: 34px;
  text-decoration: none;
  font-size: 0.875em;
  font-weight: bold;
  color: #23478b;
  background: #fff;
  border: 2px solid #23478b;
  border-radius: 100vmax;
}
#eventArea .contentsCalendar .aly-calendar-full_list .aly-calendar-full_inner .aly-row .aly-event .aly-cell .btn_more::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  background: url("/files/000828440.png") center center no-repeat;
  background-size: cover;
}
#eventArea .contentsList .aly-flex-wrap {
  display: block;
  position: relative;
  min-height: 300px;
}
#eventArea .contentsList .aly-flex-wrap .aly-flex-col_side {
  max-width: 100%;
  padding: 0;
}
#eventArea .contentsList .aly-flex-wrap .aly-flex-col_main {
  max-width: 100%;
  padding: 0;
}
#eventArea .contentsList .aly-flex-wrap .aly-eventlist.past {
  display: none;
}
#eventArea .contentsList .aly-calendar-mini {
  box-sizing: border-box;
  margin: 0;
  padding: 0 10px 10px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #23478b;
  border-radius: 0;
}
#eventArea .contentsList .aly-calendar-mini .aly-cal-head {
  position: relative;
  padding: 10px;
  background-color: #23478b;
}
#eventArea .contentsList .aly-calendar-mini .aly-cal-head h3 {
  padding: 0;
  margin: 0;
  font-size: 1em;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  background: none;
  border: none;
}
#eventArea .contentsList .aly-calendar-mini .aly-cal-head .aly-calendar-nav_group {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}
#eventArea .contentsList .aly-calendar-mini .aly-cal-head .aly-calendar-nav_group ul.aly-calendar-nav {
  height: 100%;
  padding: 0 10px;
}
#eventArea .contentsList .aly-calendar-mini .aly-cal-head .aly-calendar-nav_group ul.aly-calendar-nav li {
  display: none;
}
#eventArea .contentsList .aly-calendar-mini .aly-cal-head .aly-calendar-nav_group ul.aly-calendar-nav li.aly-calendar-nav-prev,
#eventArea .contentsList .aly-calendar-mini .aly-cal-head .aly-calendar-nav_group ul.aly-calendar-nav li.aly-calendar-nav-next {
  display: block;
  width: auto;
}
#eventArea .contentsList .aly-calendar-mini .aly-cal-head .aly-calendar-nav_group ul.aly-calendar-nav li.aly-calendar-nav-prev a,
#eventArea .contentsList .aly-calendar-mini .aly-cal-head .aly-calendar-nav_group ul.aly-calendar-nav li.aly-calendar-nav-next a {
  padding: 0;
  text-indent: 0;
  text-decoration: underline;
  font-size: 0.875em;
  color: #fff;
  line-height: 1;
  background: none;
  border: none;
}
#eventArea .contentsList .aly-calendar-mini .aly-cal-head .aly-calendar-nav_group ul.aly-calendar-nav li.aly-calendar-nav-prev a:hover,
#eventArea .contentsList .aly-calendar-mini .aly-cal-head .aly-calendar-nav_group ul.aly-calendar-nav li.aly-calendar-nav-next a:hover {
  text-decoration: none;
  opacity: 1;
}
#eventArea .contentsList .aly-calendar-mini .aly-cal-head .aly-calendar-nav_group ul.aly-calendar-nav li.aly-calendar-nav-prev a::before,
#eventArea .contentsList .aly-calendar-mini .aly-cal-head .aly-calendar-nav_group ul.aly-calendar-nav li.aly-calendar-nav-next a::before {
  content: none;
}
#eventArea .contentsList .aly-calendar-mini .aly-day-sun {
  color: #961919;
}
#eventArea .contentsList .aly-calendar-mini .aly-day-sun a {
  color: #961919;
}
#eventArea .contentsList .aly-calendar-mini .aly-day-sat {
  color: #004DA8;
}
#eventArea .contentsList .aly-calendar-mini .aly-day-sat a {
  color: #004DA8;
}
#eventArea .contentsList .aly-calendar-mini table {
  border-collapse: collapse;
}
#eventArea .contentsList .aly-calendar-mini table th,
#eventArea .contentsList .aly-calendar-mini table td {
  border: 1px solid #d4d4d4;
}
#eventArea .contentsList .aly-calendar-mini table th {
  font-size: 0.875em;
  height: 20px;
  line-height: 1;
  background: #f5f5f5;
}
#eventArea .contentsList .aly-calendar-mini table th.aly-day-sun {
  background: #FFEEF5;
}
#eventArea .contentsList .aly-calendar-mini table th.aly-day-sat {
  background: #e5f4ff;
}
#eventArea .contentsList .aly-calendar-mini table td {
  box-sizing: border-box;
  height: auto;
  padding: 3px;
  font-size: 1em;
  line-height: 1;
}
#eventArea .contentsList .aly-calendar-mini table td a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 7px 0;
  text-decoration: none;
  border: none;
}
#eventArea .contentsList .aly-calendar-mini table td a:hover {
  text-decoration: none;
  background: none;
  border: none;
  border-radius: 0;
}
#eventArea .contentsList .aly-calendar-mini table td a.aly-event-hold {
  text-decoration: underline;
  background: #fff7c0;
}
#eventArea .contentsList .aly-calendar-mini table td a.aly-event-hold:hover {
  text-decoration: none;
}
#eventArea .contentsList .aly-calendar-mini table td a.aly-event-hold::after {
  content: none;
}
#eventArea .contentsList .aly-calendar-mini table td span {
  display: block;
  width: 100%;
  height: 100%;
  padding: 7px 0;
  text-decoration: none;
  border: none;
}
#eventArea .contentsList button.btn_all {
  position: relative;
  width: 100%;
  margin: 30px 0 25px;
  padding: 8px 10px 14px;
  font-size: 0.875em;
  font-weight: bold;
  color: #000;
  background: linear-gradient(to bottom, #ffffff, #eeeeee);
  border: 1px solid #c2c2c2;
  border-radius: 3px;
}
#eventArea .contentsList button.btn_all::before {
  content: "";
  position: absolute;
  left: calc(50% - 4px);
  bottom: 6px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(135deg);
  transition: all 0.3s cubic-bezier(0.66, 0, 0, 1);
}

/*----------------------------------------------------
	05.イベント詳細検索
----------------------------------------------------*/
#searchArea {
  position: relative;
  margin-top: 40px;
  padding: 20px 0;
}
#searchArea::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  width: 100vw;
  height: 100%;
  background: #f5f5f5;
}
#searchArea .searchAreaInner {
  position: relative;
  z-index: 1;
  padding: 15px 10px 20px;
  background: #fff;
}
#searchArea table.table:not(:first-child) {
  margin-top: 10px;
}
#searchArea input.keywords {
  box-sizing: border-box;
  width: 100%;
  height: 35px;
  padding: 9px 10px 8px;
  line-height: 1;
  background: #fff;
  border: 1px solid #767676;
  border-radius: 4px;
}
#searchArea .dateField p.date_text {
  font-size: 0.875em;
  margin-right: 10px;
}
#searchArea .dateField .group {
  display: flex;
  align-items: center;
}
#searchArea .dateField .group:last-child {
  margin-top: 10px;
}
#searchArea .dateField .group .dads-date-picker {
  font-size: 0.875em;
}
#searchArea .dateField .group .dads-date-picker .dads-date-picker__controls {
  -moz-column-gap: 5px;
       column-gap: 5px;
}
#searchArea .dateField .group .dads-date-picker .dads-date-picker__controls .dads-date-picker__inputs {
  height: 35px;
  padding-left: 10px;
  border: 1px solid #767676;
  border-radius: 4px;
}
#searchArea .dateField .group .dads-date-picker .dads-date-picker__controls .dads-date-picker__inputs span.dads-date-picker__label {
  padding-right: 0.4rem !important;
}
#searchArea .dateField .group .dads-date-picker .dads-date-picker__controls .dads-date-picker__inputs input.dads-date-picker__input {
  padding-right: 0.4rem !important;
  outline: revert;
  outline-offset: revert;
  border: none;
  box-shadow: revert;
}
#searchArea .dateField .group button.btn_calendar {
  width: 34px;
  height: 34px;
  background: #23478b url("/files/001202918.png") center center no-repeat;
  background-size: cover;
  border: 1px solid #767677;
  border-radius: 4px;
  transition: all 0.2s;
}
#searchArea .dateField .group button.btn_calendar:hover {
  opacity: 0.7;
}
#searchArea .dateField .group button.btn_calendar span {
  display: none;
}
#searchArea .dateField .group + p.date_text {
  display: none;
}
#searchArea ul.list_genre {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
#searchArea ul.list_genre li {
  width: calc((100% - 5px) / 2);
  min-height: 44px;
}
#searchArea ul.list_area {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 0;
}
#searchArea ul.list_area li {
  width: 50%;
}
#searchArea .btnArea {
  margin-top: 20px;
}
#searchArea .link_eventtop {
  display: table;
  position: relative;
  z-index: 1;
  margin: 20px auto 0;
  text-align: center;
}
#searchArea .link_eventtop a {
  display: block;
  padding-left: 20px;
  background: url("/files/001202919.gif") left 0.4em no-repeat;
}

#contentsHeader + #searchArea {
  margin-top: 0;
  padding: 0;
}
#contentsHeader + #searchArea::before {
  content: none;
}

/*----------------------------------------------------
	06.長期イベント
----------------------------------------------------*/
#longArea {
  margin-top: 30px;
}

/*----------------------------------------------------
	07.検索結果
----------------------------------------------------*/
#resultArea {
  margin-top: 20px;
  padding-bottom: 10px;
}
#resultArea h2.title_date + .aly-eventlist {
  margin-top: 30px;
}
#resultArea .aly-eventlist + h2.title_date {
  margin-top: 30px;
}
#resultArea .btn_searchAgain {
  width: 150px;
  margin: 25px auto 0;
}
#resultArea .btn_searchAgain a {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  padding: 12px 10px 12px;
  text-decoration: none;
  text-align: center;
  font-size: 1.125em;
  font-weight: bold;
  color: #23478b;
  background: linear-gradient(to bottom, #ffffff, #eeeeee);
  border: 2px solid #c2c2c2;
  border-radius: 6px;
  transition: all 0.2s;
}
#resultArea .btn_searchAgain a:hover {
  opacity: 0.7;
}
#resultArea .btn_searchAgain a::before {
  content: "";
  position: absolute;
  left: 15px;
  bottom: calc(50% - 4px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #5494CD transparent;
}

#searchArea .link_toCalendar {
  display: table;
  position: relative;
  z-index: 1;
  margin: 20px auto 0;
  text-align: center;
}
#searchArea .link_toCalendar a {
  display: block;
  padding-left: 20px;
  background: url("/files/001202929.gif") left 0.1em no-repeat;
}