@charset "UTF-8";



#headimage {
    margin: 20px 0 0;
}
#eventbody{
    margin-top: 0;
}

/* ーーーーーーーーーーーーーーーーーーー
  タイトルメニュー用flexbox
ーーーーーーーーーーーーーーーーーーー */
#eventbody div.title_list_box{
overflow: hidden;
margin:2em 0 0;
margin-left: -10px;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content:flex-start;
box-sizing: border-box;
}

#eventbody div.title_list_box div{
box-sizing: border-box;
padding: 0;
margin: 0 0 10px 10px;
overflow: hidden;
border-radius: 5px;
width: calc((100% - 30px) / 3);
width: -webkit-calc((100% - 30px) / 3);
height: 65px;
background-color: #09f;
display: table;
}

#eventbody div.title_list_box div a{
  line-height: 140%;
  text-decoration: none;
	color: #fff;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#eventbody div.title_list_box div:hover{
  background-color: #f60;
}

/* 販売日と場所について */
.hanbai_shop_list{
  margin: 10px 0 15px;
}
.hanbai_shop_list a{
  text-decoration: none;
  color:#fff;
}
.hanbai_shop_cospa{
  padding: 2px 5px;
  margin: 0 2px 0 0;
  background-color: #6af;
  box-sizing: border-box;
  border-radius: 3px;
}
.hanbai_shop_cospa:hover{
  background-color: #aaa;
}
.hanbai_shop_gee{
  padding: 2px 5px;
  margin: 0 2px 0 0;
  background-color: #fa6;
  box-sizing: border-box;
  border-radius: 3px;
}
.hanbai_shop_gee:hover{
  background-color: #aaa;
}

.new_item{
  position: relative;
}
.new_item::before{
  content: '';
  width: 50px;
  height: 17px;
  background:url(https://www.cospa.live/special/officialshop/new_icon.svg);
  background-size: cover;
  background-position: top center;
  position: absolute;
  top:0;
  right:-1px;
}