/*
================================================================================================================
お知らせ
================================================================================================================
*/
#news{width:100%; background:#fff; padding:20px; border:1px solid #666; border-radius:5px;}
#news li{display:flex; padding:10px 0;}
#news li + li{border-top:1px dashed #666;}
#news li p:first-child{width:100px; font-weight:700;}
#news li p:last-child{width:calc(100% - 100px); padding-left:10px; display:flex; flex-direction: column;}
#news li p:last-child a{color:#ff5fd0; text-decoration:underline;}
#news li p:last-child a:hover{text-decoration:none;}
@media screen and (max-width:800px){#news{font-size:14px;}}
@media screen and (max-width:480px){
#news li{flex-wrap:wrap;}
#news li p{width:100% !important;}
#news li p:last-child{padding-left:0; margin-top:5px;}}

/*
================================================================================================================
開催概要
================================================================================================================
*/
ul.date{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
border:1px solid #666;
border-radius:5px;
padding:20px;
margin:20px auto 0;}
ul.date li{width:calc(50% - 10px);}
ul.date li{
background:#fff;
line-height:100%;
font-size:18px;
font-family:'M PLUS Rounded 1c', sans-serif;
text-align:center;
transform:rotate(-0.03deg);}

ul.date li > *{display:block;}
ul.date li p{font-size:16px; letter-spacing:5px; background:linear-gradient(135deg, #8cfffe 0%,#bdfc5b 100%); padding:3px; border-radius:20px;}
ul.date li strong{font-size:24px; line-height:130%; margin:20px auto 10px;}
ul.date li span{font-size:14px; margin:5px auto 0;}
ul.date li span > a{display:inline-block; color:#fff; background:#ff96e0; border-radius:3px; padding:0 5px; margin-left:5px; transition:background .2s ease;}
ul.date li span > a:hover{background:#ff5fd0;}

@media screen and (max-width:800px){
ul.date li strong{font-size:20px; margin:10px auto;}}
@media screen and (max-width:620px){
ul.date{padding:10px;}
ul.date + ul.date{margin-top:10px;}
ul.date li{width:100%;}
ul.date li:nth-child(3){margin-top:20px; border-top:1px dotted;}}

/*
================================================================================================================
チケット料金表
================================================================================================================
*/
#ticket > h3:not(:first-child){margin-top:30px;}
#ticket > div + div{margin-top:10px;}

#ticket > div{width:100%; background:#fff; font-weight:700; padding:0 10px; border:1px solid #666; border-radius:5px;}
#ticket > div dl{display:flex; flex-wrap:wrap; padding:10px 5px; align-items:center; justify-content:space-between;}
#ticket > div dl + dl{border-top:1px solid #666}
#ticket > div dl span{display:block; font-size:12px; font-weight:400; margin-left:0px;}
#ticket > div dl dt{width:54%;}
#ticket > div dl dd{width:46%; text-align:right;}
#ticket > div dl dd > p::after{content:"円（税込み）"; font-size:12px;}

#ticket > div.lottery dl dt{width:100px;}
#ticket > div.lottery dl dd{width:calc(100% - 100px);}

@media screen and (max-width:640px){
#ticket > div{font-size:14px;}
#ticket > div dl > *{width:100% !important; text-align:center !important;}
#ticket > div dl dt{background:#7df7ff; border-radius:3px; padding:7px 0 3px; margin-bottom:10px;}}

#ticket-notice{
color:#fff;
background:#ff5fd0;
text-align:center;
font-size:18px;
font-weight:700;
line-height:180%;
border-radius:5px;
padding:10px;
margin:30px auto;}
@media screen and (max-width:640px){#ticket-notice{font-size:16px;}}
@media screen and (max-width:480px){#ticket-notice{font-size:14px;}}