#wrapper{
background-color:#000;
}
#contents_left,#contents_right {
display:none;
}
@media screen and (max-width: 768px) {
  #contents_left,#contents_right{
    display:block;
  }
}
#contents_center_inner {
    margin: 0 auto 0;
}
h1, .headline {
display:none;
}
#eventbody{
    max-width: 980px;
    margin: 0 auto;
}
#container {
max-width: 100%;
background:#666666 url(bg.png) 50% 0;
overflow: hidden;
}
#inner {
padding-top:0px;
margin:0 auto;
width: 100%;
}
.sb{
background-color:#ffffff;
width: 100%-20px;
margin-top:-20px;
padding-top:20px;
}
.go_homenavi {
margin:0px auto 0;
padding:30px 20px 10px 20px;
width: 100%-20px;
background-color:#ffffff;
border-left:10px solid #41476b;
border-right:10px solid #41476b;
}
.go_homenavi li.left {
text-align:left;
}
#maincol {
float:none;
margin: 0 auto;
width: 100%;
}
#event {
background-color:#000;
}

ul.e-menu {
width:100% !important;
list-style:none !important;
padding:0 !important;
}
#eventbody .e-menu li {
/* width:168px; */
max-width:300px !important;
float:left;
display:inline;
padding:0 !important;
margin:0 !important;
border:none;
}
#eventbody .e-menu li a img:hover {
  opacity: 0.6;
  transition-duration: 0.3s;
}

/* 追加したやつ20200427 */
#event>h1:first-of-type, #event>div:first-of-type,
.headline{
  display: none;
}
.e-menu>li:before{
  display:none;
}
.yugioh_top_btn{
  width:calc(100%/7);
  width:-webkit-calc(100%/7);
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .yugioh_top_btn{
    width:25%;
  }
  #eventbody .img {
    width: 31%;
  }
}
@media screen and (max-width: 500px) {
  .yugioh_top_btn{
    width:50%;
  }
}
/* 追加したやつ20210803 */
#eventbody .items {
    width: 100%;
}
#eventbody p {
    color: #fff;
    font-size: initial;
}
#eventbody .img {
    width: 100%;
    
    padding: 5%;
    background: none;
    border: none;
    margin: 0;
    flex-flow: wrap;
}
.addcartlist {
display:none;
}
.reports {
    background-image: url(https://cospa.co.jp/special/scp/paper.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 2em;
    position: relative;
}
#eventbody .img a:first-child {
    width: 45% !important;
    height: 0px;
    padding-bottom: 45% !important;
    height: 0;
}
#eventbody .img p a:first-child {
    width: 100% !important;
    height: 100%;
    position:absolute;
    top:0;
    left:0;
    opacity: 0;
    z-index: 10;
}
#eventbody .img strong {
    display:none;
}
#eventbody .reports dl{
    position: absolute;
    width: 45%;
    top: 10%;
    right: 5%;
    z-index: 0;
    font-size: unset;
    line-height: initial;
}
@media screen and (min-width: 770px) {
#eventbody .reports dl{
    top: 15%;
    font-size: x-large;
}
}

#eventbody .reports dt{
font-weight: bold;
}

div.img:hover a {
    opacity: 1;
    transition-duration: 0.3s;
}