@charset "utf-8";

main {background:url(../../event/images/bg.jpg) center -96px no-repeat #dcdcdc;}
/*main.detail {background:url(../../event/images/bg_detail.png) center -96px no-repeat;}*/
main .pageHeader .title.eventlist a {background-image:url(../../event/images/h1_eventlist.png);}
main .pageHeader .title.event a {background-image:url(../../event/images/h1_event.png);}

/* detail */
main .mv {position:relative; background:#000; background-size:100% auto; margin-bottom:75px; padding:11px 0;}
main .mv:before{content:''; height:11px; width:1000px; background:url(../../event/images/mv_mask.png) left top no-repeat; height:11px; position:absolute; left:0; top:0;}
main .mv:after {content:''; height:11px; width:1000px; background:url(../../event/images/mv_mask.png) left top no-repeat; height:11px; position:absolute; left:0; bottom:0;}
main .mv p.img{position:relative; display:block; background:url(../../event/images/mv_mask_repeat.png) left top repeat-y; padding:0 11px; margin:0; line-height:1; font-size:0;}
main .mv p.img img {width:100%; height:auto;}
main .mv p.icon{background:url(../../common/images/icon_kaisaichu.png) left top no-repeat; position:absolute; left:15px; top:15px; display:block; height:142px; width:142px; text-indent:200%; overflow:hidden; white-space:nowrap; display:none;}
main .mv p.icon span {display:none;}
main .mv p.update {position:absolute; right:14px; bottom:14px; color:#fff; line-height:30px; background:#ff00ef; padding:2px 15px 0 0; font-weight:bold; margin:0;}
main .mv p.update:before{content:''; background:url(../../event/images/icon_update.png) left top no-repeat; height:32px; width:125px; position:absolute; left:-125px; top:0;}
main .mv p.update span {display:none;}

main article {border:2px solid #000; background:rgba(255,255,255,0.7); border-radius:4px; position:relative; padding:0 30px 30px; font-size:16px; line-height:26px;}
main article .head {margin:0 -30px 30px	;}
main article + article {margin-top:75px;}
main article strong {color:#ff00ef;}
main article .entryBody p {font-size:18px; line-height:30px;}

main article .gaiyou {padding:1em 0 0.5em; font-size:22px; font-weight:bold; line-height:30px;}
main article .gaiyou dl dt{clear:both; float:left; width:6.5em; font-size:22px; margin-bottom:0.2em;}
main article .gaiyou dl dd{zoom:1; overflow:hidden; margin-bottom:0.2em;}
main article .gaiyou dl dd em {font-size:17px; font-weight:bold;}
main article .gaiyou dl dd small {font-size:17px; font-weight:normal;}

main article .about {background:#eeebdb; padding:0 25px; margin-top:1em; width:100%;}
main article .about dl {clear:both; zoom:1; padding:7px 0; margin:0;}
main article .about dl:after{content:''; clear:both; display:block;}
main article .about dl dt {font-size:17px; line-height:30px; font-weight:bold; position:relative; padding:6px 1em 6px 1em; min-width:104px; max-width:220px; float:left;}
main article .about dl dt:before{content:'■'; color:#63f875; position:absolute; left:0; top:6px;}
main article .about dl dd {zoom:1; overflow:hidden; font-size:17px; line-height:30px; padding:6px 0;}
main article .about dl + dl {border-top:1px solid #000;}
main article .about dl dd + dt + dd {border-top:1px solid #000;}
main article .about dl dd small {font-size:13px; line-height:20px;}
main article .about dl dd p {font-size:17px;}


main article .free {padding:15px 0 0;}
main article .free p {margin-top:15px;}
main article a{text-decoration:underline !important;color:#ff00ef !important;}
main article a:hover{text-decoration:none !important;}
main article ul.link {text-align:center; font-size:0; line-height:1;}
main article ul.link li {display:inline-block; padding:0 20px; margin-top:15px;}
main article ul.link li a{min-width:160px; width:auto; height:auto; line-height:1.5; background:#000; display:block; padding:13px 20px; color:#fff !important; text-align:center; font-weight:bold; font-size:22px; transition:color 0.5s; text-decoration:none;}
main article ul.link li a:hover {color:#ff00ef !important; text-decoration:none !important;}
main article ul.link li a span {display:inline-block; padding-left:33px; position:relative; word-break:break-all;}
main article ul.link li a span:after {content:''; background:url(../images/icon_arr.png) left center no-repeat; width:22px; height:22px; position:absolute; left:0; top:50%; margin-top:-11px; opacity:1; transition:opacity 0.5s;}
main article ul.link li a span:before {content:''; background:url(../images/icon_arr_ov.png) left center no-repeat; width:22px; height:22px; position:absolute; left:0; top:50%; margin-top:-11px; opacity:0; transition:opacity 0.5s;}
main article ul.link li a:hover span:before {opacity:1;}
main article ul.link li a:hover span:after {opacity:0;}

main article .free ul.link + p {margin-top:30px;}
main article .free p + ul.link {margin-top:15px;}
main article h3 {font-size:22px; line-height:30px; font-weight:bold; position:relative; padding-left:1em; margin-bottom:10px;}
main article h3:before{content:'■'; color:#63f875; position:absolute; left:0; top:0;}
main article ul li {position:relative; padding-left:1em;}
main article ul li:before{content:'・'; position:absolute; left:0; top:0;}
main article ol li {margin-left:1.8em;}
main article .entryBody p {min-height:1em;}
main article img.mt-image-none {float:none !important;}
main article img.mt-image-right {margin:31px 0 20px 20px !important;}
main article img.mt-image-left {margin:31px 20px 20px 0 !important;}

main article p + p,
main article p + ul,
main article p + ol,
main article ol + p,
main article ul + p,
main article ol + ul,
main article ul + ol,
main article ol + ol,
main article ul + ul {margin-top:0.5em;}
main article ul + h2,
main article p + h2,
main article ol + h2,
main article ul + h3,
main article p + h3,
main article ol + h3 {margin-top:31px;}
main article p img {margin:0 auto; display:block; opacity:0;/* transition:opacity 0.3s;*/}
main article p + p {margin-top:10px;}
main article span.big{font-size:22px; color:#000;}
main article .entryBody span.big {font-weight:bold;}
main article span.small{font-size:13px;}

/* voice */

main .voice-list{text-align:center; width:920px; margin:0 auto;}
main .voice-list dl {float:left; padding-right:25px; position:relative; height:445px;}
main .voice-list dl.last {padding-right:0;}
main .voice-list dl dd.voice {clear:both; zoom:1; height:41px; position:absolute; left:60px; bottom:0;}
main .voice-list dl dd.voice a {width:168px; margin:0 auto; height:41px; background:url(../../event/images/voice.jpg) left top no-repeat; display:block; text-indent:200%; overflow:hidden; white-space:nowrap;}
main .voice-list dl dd.voice a:before {content:''; width:168px; height:41px; background:url(../../event/images/voice_on.jpg) left top no-repeat; position:absolute; left:0; top:0; opacity:0; transition:0.5s;}
main .voice-list dl dd.voice a:hover:before{opacity:1;}