<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
 .flex01 {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
align-items: stretch;
}
@media screen and (max-width: 767px) {
.flex01 {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.flex02 {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: stretch;
align-items: stretch;
}
.flex03 {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: stretch;
align-items: stretch;
}
@media screen and (max-width: 767px) {
.flex03{
-webkit-justify-content: space-between;
justify-content: space-between;
}
} .underline{
background: linear-gradient(transparent 70%, #ffe0c2 70%);
} .ellipsis {
position: relative;
overflow: hidden;
line-height: 20px;
height:1.8rem;
}
.ellipsis:before, .ellipsis:after {
position: absolute;
background: #fff;
}
.ellipsis:before {
content: "･･･";
bottom: 0;
right: 0;
padding:0 7px;
}
.ellipsis:after {
content: "";
width: 100%;
height: 100%;
} .event{
max-width:1140px;
padding:0 25px;
margin:60px auto 80px;
}
@media screen and (max-width: 767px) {
.event{
max-width:94%;
padding:0 0px;
margin:60px auto 80px;
}
} .select_date ul li a{
display: block;
width:100%;
max-width:530px;
text-align: center;
padding:15px 0;
border:3px solid #000;
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
.select_date{
margin:20px auto;
}
.select_date ul li a i{
color:#ff9933;
padding-right:10px;
}
.select_date ul li:first-child a{
border-color:#005c3f;
color:#005c3f;
}
.select_date ul li:first-child a:hover{
background-color: #005c3f;
color:#fff;
}
.select_date ul li:first-child .current{
background-color: #005c3f;
color:#fff;
}
.select_date ul li:last-child a{
background-color: #fff;
border-color:#000;
color:#000;
}
.select_date ul li:last-child a:hover{
background-color: #000;
color:#fff;
}
.select_date ul li:last-child .current{
background-color: #000;
color:#fff;
}
@media screen and (min-width: 768px) {
.select_date ul li{
width:48%;
}
}
@media screen and (max-width: 767px) {
.select_date ul li{
width:100%;
}
.select_date ul li a{
display: block;
width:100%;
text-align: center;
padding:15px 0;
border:3px solid #000;
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
}
.select_date{
margin:20px auto;
}
.select_date ul li a i{
color:#ff9933;
padding-right:10px;
}
.select_date ul li:first-child a{
border-color:#005c3f;
color:#005c3f;
}
.select_date ul li:first-child a:hover{
background-color: #005c3f;
color:#fff;
}
.select_date ul li:first-child .current{
background-color: #005c3f;
color:#fff;
}
.select_date ul li:last-child a{
background-color: #fff;
border-color:#000;
color:#000;
}
.select_date ul li:last-child a:hover{
background-color: #000;
color:#fff;
}
.select_date ul li:last-child .current{
background-color: #000;
color:#fff;
} .select_category,
.select_shop{
margin:20px auto;
}
.select_category p,
.select_shop p{
font-size: 18px;
margin-bottom: 20px;
}
.select_category ul li a,
.select_shop ul li a{
display: block;
width:145px;
border:1px solid #005c3f;
color:#005c3f;
padding:5px 10px;
text-align: center;
margin-right:10px;
border-radius:10px;
transition:.5s all;
margin-bottom: 10px;
}
.select_shop ul li a{
border:1px solid #000;
color:#000;
}
.select_category ul li a:hover{
background-color: #005c3f;
color:#fff;
}
.select_category ul li .current{
background-color: #005c3f;
color:#fff;
}
.select_shop ul li a:hover{
background-color: #000;
color:#fff;
}
.select_shop ul li .current{
background-color: #000;
color:#fff;
}
@media screen and (max-width: 767px) {
.select_category p,
.select_shop p{
line-height: 1.4; 
}
.select_category ul li,
.select_shop ul li{
width:49%;
}
.select_category ul li a,
.select_shop ul li a{
width:100%;
}
} .event_list{
margin:40px auto;
}
.event_card{ border:1px solid #b5b5b5; flex-basis: calc(94% * 1/3);
margin: 0 1% 30px;
}
.event_card_inner{
padding:30px 25px;
}
.event_card_inner:hover{
opacity:0.7;
} @media screen and (min-width: 768px) and (max-width: 810px) {
.event_card{ flex-basis: calc(96% * 1/2);
}
}
@media screen and (max-width: 767px) {
.event_list{
display: block;
}
.event_card{ margin-bottom: 30px;
border:1px solid #b5b5b5;
width:100%;
} .event_card_inner{
padding:20px 4%;
}
}
.img_event_inner{
overflow: hidden;
position:relative; height:300px;
}
.img_event_inner img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
.img_event{
position:relative;
}
.new{
position:absolute;
top:-8px;
right:0;
width:59px;
height:auto;
}
@media screen and (max-width: 767px) {
.img_event_inner{
overflow: hidden;
position:relative;
width:100%;
height:300px;
}
.img_event{
position:relative;
}
.new{
position:absolute;
top:-8px;
right:0;
width:59px;
height:auto;
}
} .event_tag{
margin:25px 0;
}
.event_tag span{
width:117px;
text-align: center;
font-size: 14px;
display: block;
color:#fff;
padding:5px 0; margin: 5px;
border-radius:10px;
}
.eventcolor{
background-color:#005c3f;
}
.shopcolor{
background-color: #000;
}
.closed_color{
background-color: #607d8b;
max-width: 250px;
width: 100% !important;
} .event_ttl{
font-size: 18px;
font-weight: bold;
line-height: 26.76px;
height:80px;
margin-bottom: 20px;
} .event_date li{
margin-bottom: 20px;
}
.event_date li:last-child{
margin-bottom: 10px;
}
.event_date li span{
width:50px;
display:inline-block;
} .btn-event-swic{
display:block;
max-width:530px;
width:100%;
margin:0 auto;
text-align:center;
border:solid 3px;
font-size: 2rem;
font-weight:bold;
padding: 20px 0;
}
.btn-event-swic i {
color: #ff9933;
padding-right: 10px;
}
.btn-event-swic.event-old{
border-color:#000;
color:#000;
}
.btn-event-swic.event-old:hover{
background:#000;
color:#fff;
}
.btn-event-swic.event-new{
border-color: #005c3f;
color: #005c3f;
}
.btn-event-swic.event-new:hover{
background:#005c3f;
color:#fff;
}</pre></body></html>