/*----------------------------------------------------------*/
/* タブレット用のCSS */
/*----------------------------------------------------------*/
@media only screen and (max-width: 768px){
 
    .pc {
        display: none;
    }
    
    .sp{
    display: inline;
    }

    .body-wrap .contents section {
    margin: 0 2%;
	}

    .body-wrap .contents .news {
	font-size: 1em; 
    }
	.body-wrap .contents .title {
    margin-top: 1%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 2%;
	}	
	.body-wrap .contents .title2 {
    margin-top: -10%;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 2%;
}
	.body-wrap .contents .news p.title{
	font-size: 1.5em;
	margin-top: 5px;
	font-weight: bold;
}
.body-wrap .contents .news p.day{
    font-size: 1.2em;
	margin-top: 5px;
	font-weight: bold;
	}
	.body-wrap .contents .news p.explain{
    font-size: 1.1em;
	margin: 0 5%;
	text-align: left;   
	}

    .body-wrap .contents .bn .bn2 {
        margin-left: 0px;
    }

    .body-wrap .contents .explain2{
        font-size: 0.9em;
        margin: 0px 15% 30px 15%;
	}

    .body-wrap .contents .map p.place{
	   font-size: 1em;
    }
    
}


/*----------------------------------------------------------*/
/* スマホ用のCSS */
/*----------------------------------------------------------*/
@media only screen and (max-width: 425px) {
 
	
	.body-wrap .contents .title2 {
    margin-top: -10%;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 2%;
}
    .body-wrap .contents section {
    	margin: 0 2%;
	}
	
	.body-wrap .contents .news p.title{
	font-size:0.9em;
	margin-top: 5px;
	font-weight: bold;;
    }

	.body-wrap .contents .news p.explain{
    font-size:0.9em;
	margin: 7%;    
	}

	.body-wrap .contents .news p.day{
    font-size: 0.9em;
	margin-top: 5px;
	font-weight: bold;
	}

    .body-wrap .contents .explain2{
        font-size: 0.8em;
	}

		
    .body-wrap .contents .news　 {
	margin-top: -10%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 2%;
	}
}

@media only screen and (max-width: 768px){
  .event-link {
    font-size: 0.8em;
    padding: 0.5em;
    width: 100%;
    max-width: 280px;
    margin-left: auto;
	margin-right: auto;
  }
	.br-sp {
    display: block;
  }
}

@media only screen and (max-width: 425px){
  .event-link {
    font-size: 0.75em;
    padding: 0.6em;
    max-width: 280px;
  }
}