@charset "utf-8";/* CSS Document */

/*--------------------------------
today_event
--------------------------------*/
section.today_event {display: table; background: #f2f1f2;border-radius: 5px;}
section.today_event div.day {display: table-cell;width: 50px;color: #FFF;font-size: 1.1em;padding: 5px;position: relative;border-radius: 5px 0 0 5px;background:  #0da921 url(../../img/_shared/common/bg_calendar.jpg) no-repeat center 10px;z-index:10;overflow:hidden; vertical-align:bottom;}



section.today_event div.day p span.date {position: absolute;top: 8px;left: 10px;}
section.today_event div.day p span.day {position: absolute;top: 26px;left: 30px;}
.ui-widget-content {font-size: 15px;}
section.today_event div.contents {display: table-cell;padding: 15px 20px;position: relative;z-index:11; height:auto; vertical-align:top;}
section.today_event div.contents h2 {font-size: 1.1em;padding-bottom: 10px;border-bottom: 1px dashed #a0a0a0;}
section.today_event div.contents p.linkbtn a {position: absolute;top: 20px;right: 20px;}
section.today_event div.contents .contents-item {width: 860px;margin: 0 20px;padding: 0 20px;}
section.today_event div.day p.calendar { bottom: 10px; left: 5px; cursor: pointer; margin-top:100px;}

form#calendardammy{ width:61px; overflow:hidden; cursor: pointer; display:inline-block;vertical-align:middle; margin-left:20px; border-radius:5px; background:#0da921; text-align:center; padding-top:5px;}
form#calendardammy #calendar{ width:61px; vertical-align:middle; }

#ui-datepicker-div{ z-index:10001 !important;}
#calendardammy img{ width:50px;}

/*-- ---- today_event//talent ---- --*/
section.today_event dl {width: 155px;float: left;overflow: hidden;margin-right: 30px;position: relative;}
section.today_event dl dt {margin-bottom: 5px; float:right; font-size:11px; width:90px; padding-top:20px;}
section.today_event dl dd img {left: 0;top: 0; display:inline-block;}
section.today_event dl dd ul {left: 50px;top: 0;}
section.today_event dl dd {font-size: 0.75em;}

section.today_event dl dd p:nth-child(4){ }
@media screen and (min-width: 481px) and (max-width: 999px) {
section.today_event { width:98% !important;}
p.linkbtn a { background-size:15px 15px;}
section.today_event dl {width: 98%;}
}
@media screen and (min-width: 481px) and (max-width: 640px) {
section.today_event div.contents p.linkbtn a{ top:45px; left:20px;}
section.today_event div.contents h2 { padding-bottom:45px;}
section.today_event dl{width:auto;}

}
@media screen and (min-width: 481px) and (max-width: 490px) {
section.today_event div.contents p.linkbtn a{ top:65px; left:20px;}
}

@media screen and (min-width: 481px) and (max-width: 500px) {

}