@charset "utf-8";

/* clearfix
----------------------------------------------- */

/* ---IE7.IE8 clearfix--- */
.clearfix:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }

.clearfix { display: inline-block; }
/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear { clear: both; }

.event-pic-clear { clear:both; } 
.event-pic{max-width:100%; height:auto;}
.event-pic-center{text-align:center;}
.event-pic-left{width:47%; float:left; padding-bottom:2em;}
.event-pic-right{width:47%; float:right; padding-bottom:2em;}

.event-pic-left-s{width:36%; float:left; padding:6em 0 0 6em;}
.event-pic-right-s{width:36%; float:right; padding:6em 6em 0 0;}

.event-pic-left-s2{width:36%; float:left; padding:2em 0 0 6em;}
.event-pic-right-s2{width:36%; float:right; padding:2em 6em 0 0;}

.pic-bg{background-image: url(http://www.c-ribbons.com/wp-content/uploads/2016/06/turu.png); background-repeat: no-repeat; background-position: left top; background-size:contain;}

.tag{width:50%;}


@media (max-width: 619px) {

/* image-style
----------------------------------------------------------- */

.pic-bg{background-image: url(http://www.c-ribbons.com/wp-content/uploads/2016/06/turu.png); background-repeat: no-repeat; background-position: left top; background-size:50% auto !important;}

.event-pic img{max-width:100% !important; height:auto !important;}

.event-pic-left img{max-width:100% !important; height:auto !important;}
.event-pic-right img{max-width:100% !important; height:auto !important;}

.event-pic-left-s img{max-width:100% !important; height:auto !important;}
.event-pic-right-s img{max-width:100% !important; height:auto !important;}

.event-pic-left-s2 img{max-width:100% !important; height:auto !important;}
.event-pic-right-s2 img{max-width:100% !important;height:auto !important;}

.event-pic-left{width:100% !important; padding-bottom:2em !important;}
.event-pic-right{width:100% !important; padding-bottom:2em !important;}

.event-pic-left-s{width:90% !important;  padding: 2em 0 0em 2em !important; float: left;}
.event-pic-right-s{width:90% !important; padding: 2em 0 0em 2em !important; float:left;}

.event-pic-left-s2{width:90% !important; padding: 2em 0 0em 2em !important; float:left;}
.event-pic-right-s2{width:90% !important; padding: 2em 0 0em 2em !important; float:left;}



/* text-style
----------------------------------------------- */



/* other-style
----------------------------------------------- */



}