@charset "utf-8";


/***************************** 639px以下 スマホ用 ********************************/

@media screen and (max-width : 639px){

.ev_title{
padding:5px;
font-size:14px;
text-align:left;
max-width:100%;
}

.ev_titleloc{
font-size:12px;
text-align:left;
padding:5px;
}

.ev_tit{display:none;}

.ev_tltle img{width:100%;}
.ev_title a {color:#000; text-decoration:underline;}
.ev_title a:hover{color:#f69;text-decoration:none;}

.ev_cat ul{overflow:hidden; margin:auto; width:100%;}
.ev_cat ul li{
display:inline-block;
margin:2px auto;
padding: 5px;
background-color:#fff;
font-size:14px;
border:1px solid #999;
width:100%;
}
.ev_cat ul li a{color:#333; }
.ev_cat ul li a:hover{color:#999; }
.ev_cat.title{float:left; overflow:hidden; margin:20px 10px; max-width:95%;}
.ev_cat.cookie{margin:15px auto; }
.ev_cat.mammy{max-width:100%; margin:15px auto; }
.ev_cat img{max-width:100%;}

hr.ev_short{
margin:15px 0px;
width:100%;
border-top:1px dotted #999;;
}

}

/***************************** 640px以上768px以下 タブレット用 ****************************/

@media screen and (min-width : 640px) and (max-width : 768px){

.ev_title{
padding:5px;
font-size:14px;
text-align:left;
max-width:100%;
}

.ev_titleloc{display:none;}

.ev_tltle img{width:100%;}
.ev_title a {color:#000; text-decoration:underline;}
.ev_title a:hover{color:#f69;text-decoration:none;}


.ev_cat ul{overflow:hidden; margin:auto;}
.ev_cat ul li{
display:inline-block;
margin:10px;
padding: 5px;
background-color:#fff;
font-size:12px;
border:1px dashed #ccc;
}
.ev_cat ul li a{color:#333; }
.ev_cat ul li a:hover{color:#999; }
.ev_cat.title{float:left; overflow:hidden; margin:20px; max-width:95%; }
.ev_cat.cookie{margin:15px auto; }
.ev_cat.mammy{max-width:100%; margin:15px auto; }
.ev_cat img{max-width:100%;}

hr.ev_short{
margin:15px 0px;
width:100%;
border-top:1px dotted #999;;
}


}

/***************************** 769px以上 ＰＣ用 **********************************/

@media screen and (min-width : 769px){

.ev_title{
padding:5px;
font-size:14px;
text-align:left;
max-width:90%;
}

.ev_titleloc{display:none;}

.ev_title a {color:#000; text-decoration:underline;}
.ev_title a:hover{color:#f69;text-decoration:none;}


.ev_tltle img{max-width:100%;}

.ev_cat ul{overflow:hidden; text-align:left; max-width:100%;}
.ev_cat ul li{
display:inline-block;
margin:15px 0px;
padding: 8px 5px;
background-color:#fff;
font-size:14px;
}

.ev_cat li{text-align:center;}

.ev_cat ul li a{color:#333; }
.ev_cat ul li a:hover{color:#999; }
.ev_cat.title{float:left; overflow:hidden; margin:20px 0px; max-width:82%;}
.ev_cat.cookie{margin:15px auto; }
.ev_cat.mammy{width:90%; max-width:100%; margin:15px auto; }
.ev_cat img{max-width:100%;}

hr.ev_short{
margin:15px 0px;
width:90%;
border-top:1px dotted #999;;
}

.up{
width:90%;
margin:10px -10px;
text-align:right;
font-size:12px;
}
.up a {color:#000; text-decoration:none;}
.up a:hover{color:#f69;text-decoration:none;}



}