@charset "UTF-8";

#link-header-other {
	float: left;
	margin-top: 0;
	margin-bottom: 0;
}

#link-header-other li {
	list-style-type:none;
}

div.special-event,
div.special-event2 {
	margin-top: 10px;
}

div.special-event a,
div.special-event2 a {
	background-color: transparent;
	padding: 0;
}


div.special-event div.image,
div.special-event2 div.image {
	position: relative;
}

div.special-event div.image .special-event-title,
div.special-event2 div.image .special-event-title {
	position: absolute;
	top: -30px;
	left: 0;
}

@media only screen and (max-width: 669px) {
    div.special-event div.image .special-event-title,
    div.special-event2 div.image .special-event-title {
    	    top: -20px;
	    width: 40%;
    }
}


div.special-event div.image .special-event-sonic {
	position: absolute;
	top: -20px;
	right: 0;
}

div.special-event div.image .special-event-sonic-sp {
	position: absolute;
	bottom: -0;
	left: 0;
	width: 30%;
}

/* -------------------------------------------------------------------------- */
/* special_events                                                             */
/* -------------------------------------------------------------------------- */

@media only screen and (min-width: 700px) {
    div.event-wrapper {
	    width: 100%;
	    min-width: 1200px;
    	    margin-bottom: 40px;
    }

    div.event-wrapper div.box{
    	    padding-bottom: 0;
    }
}

@media only screen and (max-width: 669px) {
    div.event-wrapper {
    	    margin-top: 10px;
    	    margin-bottom: 20px;
    	    padding-bottom: 0;
	    width: 100%;
    }

    div.event-wrapper div.box{
    	    padding-bottom: 0;
    }
}


/* -------------------------------------------------------------------------- */
/* special_events2                                                            */
/* -------------------------------------------------------------------------- */

@media only screen and (min-width: 700px) {
    div.event-wrapper2 {
	    width: 100%;
	    min-width: 1200px;
    }

    div.event-wrapper div.box{
    	    padding-bottom: 0;
    }
}

@media only screen and (max-width: 669px) {
    div.event-wrapper2 {
    	    margin-top: 10px;
    	    margin-bottom: 20px;
	    width: 100%;
    }

    div.event-wrapper div.box{
    	    padding-bottom: 0;
    }
}