<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {
  margin: 0;
  padding: 0;
}

label.panelLabel {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  color: #fff;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  letter-spacing: 2px;
  background: #333;
  font-family: "�ｭ�ｳ �ｰ譏取悃", "MS PMincho", "繝偵Λ繧ｮ繝取�譛� Pro W3", "Hiragino Mincho Pro", serif;
  font-weight: 600;
  font-size: 18px;
}

label.panelLabel:hover {
  color: #fff;
  background: #333;
}

#calendar03 label.panelLabel {
  text-indent: -9999px;
}

/* 譏･ */
#liPanel21 label.panelLabel {
  background: #333 url(../images/calendar03_img01_on.png) no-repeat 50% 50%;
  background-size: 15%;
}
#panel21Ctrl:checked ~ #tabWrapper #tabsList #liPanel21 label.panelLabel {
  background: url(../images/calendar03_img01_off.png) no-repeat 50% 50%;
  background-size: 15%;
}

/* 螟� */
#liPanel22 label.panelLabel {
  background: #333 url(../images/calendar03_img02_on.png) no-repeat 50% 50%;
  background-size: 15%;
}
#panel22Ctrl:checked ~ #tabWrapper #tabsList #liPanel22 label.panelLabel {
  background: url(../images/calendar03_img02_off.png) no-repeat 50% 50%;
  background-size: 15%;
}

/* 遘� */
#liPanel23 label.panelLabel {
  background: #333 url(../images/calendar03_img03_on.png) no-repeat 50% 50%;
  background-size: 15%;
}
#panel23Ctrl:checked ~ #tabWrapper #tabsList #liPanel23 label.panelLabel {
  background: url(../images/calendar03_img03_off.png) no-repeat 50% 50%;
  background-size: 15%;
}

/* 蜀ｬ */
#liPanel24 label.panelLabel {
  background: #333 url(../images/calendar03_img04_on.png) no-repeat 50% 50%;
  background-size: 15%;
}
#panel24Ctrl:checked ~ #tabWrapper #tabsList #liPanel24 label.panelLabel {
  background: url(../images/calendar03_img04_off.png) no-repeat 50% 50%;
  background-size: 15%;
}

#panel01Ctrl:checked ~ #panels #panel01 .panelContents,
#panel02Ctrl:checked ~ #panels #panel02 .panelContents,
#panel03Ctrl:checked ~ #panels #panel03 .panelContents,
#panel04Ctrl:checked ~ #panels #panel04 .panelContents,
#panel05Ctrl:checked ~ #panels #panel05 .panelContents,
#panel21Ctrl:checked ~ #panels #panel21 .panelContents,
#panel22Ctrl:checked ~ #panels #panel22 .panelContents,
#panel23Ctrl:checked ~ #panels #panel23 .panelContents,
#panel24Ctrl:checked ~ #panels #panel24 .panelContents,
#panel25Ctrl:checked ~ #panels #panel25 .panelContents {
  max-height: initial;
  opacity: 1;
  display: inline;
}

#panel01Ctrl:checked ~ #tabWrapper #tabsList #liPanel01 label.panelLabel,
#panel02Ctrl:checked ~ #tabWrapper #tabsList #liPanel02 label.panelLabel,
#panel03Ctrl:checked ~ #tabWrapper #tabsList #liPanel03 label.panelLabel,
#panel04Ctrl:checked ~ #tabWrapper #tabsList #liPanel04 label.panelLabel,
#panel05Ctrl:checked ~ #tabWrapper #tabsList #liPanel05 label.panelLabel,
#panel21Ctrl:checked ~ #tabWrapper #tabsList #liPanel21 label.panelLabel,
#panel22Ctrl:checked ~ #tabWrapper #tabsList #liPanel22 label.panelLabel,
#panel23Ctrl:checked ~ #tabWrapper #tabsList #liPanel23 label.panelLabel,
#panel24Ctrl:checked ~ #tabWrapper #tabsList #liPanel24 label.panelLabel {
  pointer-events: none;
  cursor: default;
  background-color: #fff;
  color: #333;
  font-size: 18px;
}

ul#tabsList {
  display: flex;
  justify-content: center;
  list-style: none;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  /*	width: 880px;*/
}
ul#tabsList li {
  display: flex;
  text-align: center;
  position: relative;
  margin-right: 10px;
  width: 100%;
}

ul#tabsList li:last-child {
  margin-right: 0px;
}

ul#tabsList li label.panelLabel {
  position: relative;
  padding: 10px 0;
}
.panelRadios {
  display: none;
}

/*繝代ロ繝ｫ繝�じ繧､繝ｳ*/
#panels {
  padding: 50px;
  background-color: #fff;
  border: 1px solid #333;
  margin-top: -1.5px;
}
#panels .container {
  margin: 0 auto;
  width: 100%;
}

#panels .panelContents {
  box-sizing: border-box;
  max-height: 0;
  opacity: 0;
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
  overflow-y: hidden;
}
.panelContents img {
  max-width: 772px;
}

.container {
}
.panelInnerContainer {
  display: flex;
  justify-content: center;
}
.panelInnerContents {
  box-sizing: border-box;
}

.panelInnerContents:last-child {
  border-right: none;
}

.panelInnerContents &gt; a &gt; .panelImg {
  padding: 0 3%;
  position: relative;
}
.panelInnerContents &gt; a &gt; .panelImg img {
  width: 100%;
}

.panelInnerContents &gt; a &gt; .panelImg .new {
  position: absolute;
  display: block;
  background: #fff;
  color: #cc0001;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  padding: 0 10px 0 5px;
  bottom: -5px;
  right: -5px;
}
.panelInnerContents &gt; a {
  display: block;
  padding: 10% 8%;
  text-decoration: none;
}
.panelInnerContents &gt; a &gt; .panelDate,
.panelInnerContents &gt; a &gt; h4,
.panelInnerContents &gt; a &gt; .panelText {
  color: #fff;
}

.panelInnerContents &gt; a &gt; .panelDate {
  margin: 25px 0 0;
  font-size: 10px;
}
.panelInnerContents &gt; a &gt; h4 {
  margin: 15px 0 0;
  font-size: 18px;
}
.panelInnerContents &gt; a &gt; .panelText {
  margin: 15px 0 0;
  font-size: 12px;
  line-height: 1.6em;
}

/* 繧ｿ繝悶さ繝ｳ繝�Φ繝��縺ｮ.innerBox縲蜈ｱ騾� */
#panels .innerBox {
  padding-bottom: 30px;
}

@media screen and (max-width: 600px) {
  #tabWrapper {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  #tabWrapper &gt; * {
    -webkit-transform: translateZ(0px);
  }

  ul#tabsList {
    width: 600px;
  }

  .tabWrapper::-webkit-scrollbar {
    display: none;
    height: 5px !important;
  }

  .panelInnerContainer {
    min-width: 1100px;
  }

  ul#tabsList li {
    display: flex;
    text-align: center;
    position: relative;
    margin-right: 1%;
    width: 100%;
  }

  #panel01Ctrl:checked ~ #tabWrapper #tabsList #liPanel01 label.panelLabel,
  #panel02Ctrl:checked ~ #tabWrapper #tabsList #liPanel02 label.panelLabel,
  #panel03Ctrl:checked ~ #tabWrapper #tabsList #liPanel03 label.panelLabel,
  #panel04Ctrl:checked ~ #tabWrapper #tabsList #liPanel04 label.panelLabel,
  #panel05Ctrl:checked ~ #tabWrapper #tabsList #liPanel05 label.panelLabel,
  #panel21Ctrl:checked ~ #tabWrapper #tabsList #liPanel21 label.panelLabel,
  #panel22Ctrl:checked ~ #tabWrapper #tabsList #liPanel22 label.panelLabel,
  #panel23Ctrl:checked ~ #tabWrapper #tabsList #liPanel23 label.panelLabel,
  #panel24Ctrl:checked ~ #tabWrapper #tabsList #liPanel24 label.panelLabel {
    pointer-events: none;
    cursor: default;
    background-color: #fff;
    color: #333;
    font-size: 12px;
  }

  ul#tabsList li label.panelLabel {
    position: relative;
    padding: 2% 2% 4% 2%;
    font-size: 12px;
  }

  /*繝代ロ繝ｫ繝�じ繧､繝ｳ*/
  #panels {
    padding: 4%;
  }

  .panelContents img {
    max-width: 100%;
  }
}
a.nolink {
  pointer-events: none !important;
  text-decoration: none !important;
  color: inherit !important;
}
@media screen and (min-width: 601px) {
  .center a {
    pointer-events: none !important;
    text-decoration: none !important;
    color: inherit !important;
  }
}
@media screen and (max-width: 600px) {
  .center a {
    text-decoration: underline;
  }
}
</pre></body></html>