@charset "utf-8";

#event_kv{}

#event section{margin: 0 auto 80px;}
#event section .inner{max-width: 980px;margin: auto;}
#event section .inner h3{padding: 10px 0;background: #000;color: #fff;text-align: center;font-size: 24px;}

#event_kv img{padding-top: 100px;}

/* event_lead
------------------------------------------------------------------------------------ */
#event_lead{margin-top: 60px; text-align: center;}
#event_lead .intro{margin-bottom: 20px;font-size: 20px;}
#event_lead .event_time{margin: 30px auto 40px; font-size: 30px;font-weight: bold;}
#event_lead .event_time span{font-size: 20px;}
#event_lead .event_txt{margin-top: 30px;}

/* event_notice
------------------------------------------------------------------------------------ */
#event_notice{color: #fff; text-align: center;}
#event_notice .inner{min-height: 1080px; background: url("img/story_bg_pc@2x.jpg")no-repeat;background-size: 100%;}
#event_notice .notice_ttl{max-width: 200px;margin: auto;padding: 100px 0 35px;}
#event_notice .card{max-width: 398px;margin: 32px auto 35px;}
#event_notice .txt{line-height: 1.8;}

/* event_howto
------------------------------------------------------------------------------------ */
#event_howto{}
#event_howto .ttl{max-width: 412px;margin: 0 auto 40px;}
#event_howto .howto_ul{max-width: 580px;margin: auto;color: #fff;}
#event_howto .howto_ul li{background: url("img/bg_or.jpg")repeat;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 30px 100px;}
#event_howto .howto_ul li img{max-width: 68px;width: 20%;}
#event_howto .howto_ul li p{width: 75%; font-size: 20px;}
#event_howto .howto_ul li:nth-child(2){background: url("img/bg_bl.jpg");}
#event_howto .howto_ul li:nth-child(3){background: url("img/bg_ny.jpg");}
#event_howto .howto_ul li:nth-child(3) .present{width: 100%;margin: 20px auto 40px;text-align: center;}
#event_howto .howto_ul li:nth-child(3) .present img{width: 100%; max-width: 353px;}

/* event_detail
------------------------------------------------------------------------------------ */
#event_detail{}
#event_detail .detail_lead{margin-bottom: 10px; text-align: center;font-size: 20px;font-weight: bold;}
#event_detail dl{display: flex;align-items: center; max-width: 580px;margin: auto;border-bottom: 1px solid #eee;}
#event_detail dl dt{width: 25%;padding: 14px 0;font-weight: bold;}
#event_detail dl dd{width: 75%;padding: 14px 0;text-align: justify;line-height: 1.8;}

/* event_ex
------------------------------------------------------------------------------------ */
#event #event_ex{margin-bottom: 200px;}
#event_ex h4{margin-bottom: 30px; text-align: center; font-size: 20px;font-weight: bold;}
#event_ex h4 span {
    position: relative;
    display: inline-block;
    width: fit-content;
    margin: auto;
}
#event_ex h4 span::before{
	content: "";
	background: url("img/icon_exclamation@3x.png")no-repeat;
	background-size: 100%;
	position: absolute;
	top: 4px;
	left: -1.5em;
	width: 24px;
	height: 24px;
}
#event_ex p{max-width: 580px;margin: auto;padding-left: 1em;text-indent: -1em;letter-spacing: 0.15em;}


/* ====================================================================================
SP
==================================================================================== */
@media screen and (max-width:960px) {

#event section{margin: 0 auto 16%;}
#event section .inner h3{padding: 3% 0;font-size: 5.33vw;}

#event_kv img{width: 100%;padding-top: 50px;background: #010005;}

/* event_lead
------------------------------------------------------------------------------------ */
#event_lead{margin-top: 60px; text-align: center;}
#event_lead .intro{margin-bottom: 5%; font-size: 4vw}
#event_lead .event_time{margin: 8% auto 6%; font-size: 5.33vw;line-height: 1.6;}
#event_lead .event_time span{font-size: 4vw;}
#event_lead .event_txt{margin-top: 8%; font-size: 4vw;line-height: 1.8;}

/* event_notice
------------------------------------------------------------------------------------ */
#event_notice .inner{min-height: unset; height: 250vw; background: url("img/story_bg_sp@.jpg")no-repeat;background-size: 100%;}
#event_notice .notice_ttl {max-width: 274px;width: 36.5%; padding: 24vw 0 7.5vw;}
#event_notice .card{max-width: unset; width: 88%;margin: 10.5% auto 9%;}

/* event_howto
------------------------------------------------------------------------------------ */
#event_howto .ttl{max-width: 584px;width: 78%; margin: 0 auto 8%;}
#event_howto .howto_ul{width: 86.67%;max-width: unset;}
#event_howto .howto_ul li{padding: 8% 5%;}
#event_howto .howto_ul li img {max-width: 58px;}
#event_howto .howto_ul li p{font-size: 4vw;}
#event_howto .howto_ul li:nth-child(3) .present {margin: 4% auto;}
#event_howto .howto_ul li:nth-child(3) .present img{max-width: 590px;}

/* event_detail
------------------------------------------------------------------------------------ */
#event_detail .inner{width: 86.67%;}
#event_detail .detail_lead{margin-bottom: 4%; font-size: 4.7vw;}
#event_detail dl dt{padding: 4% 0;}
#event_detail dl dd{padding: 4% 0;}

/* event_ex
------------------------------------------------------------------------------------ */
#event #event_ex{margin-bottom: 22%;}
#event_ex .inner{width: 86.67%;}
#event_ex h4{margin-bottom: 6%; font-size: 5.33vw;}
#event_ex h4 span::before{
	width: 22%;
    height: 100%;
    top: 0.15em;
    left: -1.5em;
}
#event_ex p{padding-left: 1.2em;text-indent: -1.2em;}


}/* SP end */