#wrapper{
background-color:#fff;
}
#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: 1060px;
    margin: 0 auto;
}
#container {
max-width: 100%;
background:#eeeeee 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:#fff;
position: relative;
padding-bottom:100px;
}

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;
}
/*
#event>div:first-of-type{
  display: block;
  position:absolute;
  bottom:0;
  width: 100%;
  left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}
.sns2{
  display: block;
  position:relative;
  bottom:0;
  width: 100%;
  left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}
*/
.sns2 li:before{
  display:none;
}
.e-menu>li:before{
  display:none;
}
#important_area{
  display: none;
}
#eventbody .items {
    width: 100%;
}
#eventbody p {
    color: #333;
    font-size: clamp(10px, 2.8vw, 24px);
    text-align: center;
}
/*
#eventbody .img:nth-child(odd) {
    width: calc(50%);
    margin: 0 0 6px 0;
    flex-flow: wrap;
    border-right:none;
}
#eventbody .img:nth-child(even) {
    width: calc(50%);
    margin: 0 0 6px 0;
    flex-flow: column;
    border-left: none;
}
*/

#eventbody .item {
    width: 100%;
    position: relative;
    float: left;
    border: 1px solid #d3d3d3;
    margin: 0 0 10px 0;
    background: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
}

#eventbody .item div.pname {
    width: 100%;
}
#eventbody .item div.pname h2 {
    clear: both;
    margin: 0px;
    padding: .5em .8em;
    
    border-left: none;
    font-size: 125%;
    line-height: 1.4;
}

#eventbody .item_left {
    width: calc(50%);
    flex-flow: wrap;
}

#eventbody .item_left a{
    aspect-ratio: 1 / 1;
    display: flex;
}
#eventbody .item_right {
    width: calc(50%);
    flex-flow: column;
    padding: 10px;
}
#eventbody .item_right p {
    font-size: clamp(10px, 2vw, 16px);
    text-align: left;
    margin: 0 0 .5em 0;
}
#eventbody .img p{
    text-align: left;
    margin: 0 0 .5em 0;
}
#eventbody p span.h5{
    border: 1px solid #d3d3d3;
    padding: 0 .5em;
    display: inline-block;
    position: relative;
    left: -3px;
    font-weight:bold;
}
@media screen and (max-width: 768px) {
/*
#eventbody .img:nth-child(odd) {
    width: calc(100%);
    margin: 0 0 0 0;
    flex-flow: wrap;
    border-bottom: none;
    border-right:1px solid #d3d3d3;
}
#eventbody .img:nth-child(even) {
    width: calc(100%);
    margin: 0 0 10px 0;
    flex-flow: column;
    border-top: none;
    border-left: 1px solid #d3d3d3;
    padding-bottom:1em;
}
*/
#eventbody .item_left {
    width: calc(100%);
}
#eventbody .item_right {
    width: calc(100%);
}
}
.note{
    width:calc(100%);
    position: relative;
    aspect-ratio: 600/160;
    font-size: clamp(6px, 1.2vw, 14px);
    line-height: 120%;
}
@media screen and (max-width: 768px) {
.note{
    font-size: clamp(6px, 2.4vw, 13px);
}
}
.note1_1{
    position: absolute;
    bottom: 63%;
    left: 16%;
    padding-left: 16%;
    padding-bottom:.4em;
    width: 84%;
}
.note1_2{
    position: absolute;
    bottom: 32%;
    left: 16%;
    padding-left: 16%;
    padding-bottom:.4em;
    width: 84%;
}
.note1_3{
    position: absolute;
    bottom: 0%;
    left: 16%;
    padding-left: 16%;
    padding-bottom:.4em;
    width: 84%;
}
.marker{
    white-space: nowrap;
}
/* 予約のマウスオーバー */

#eventbody p.yoyaku {
    width:80%;
    margin:2em auto 1em;
    border:1px solid #669933;
}
#eventbody p.yoyaku a {
    color: #fff;
    background:#99cc00;
    transition-duration: 0.3s;
    display:block;
    padding:1em;
    font-weight:bold;
}
#eventbody p.yoyaku a:hover {
    color: #fff;
    background:#669933;
    transition-duration: 0.3s;
}
a:visited {
    color: #069;
    text-decoration: none;
}
a {
    color: #069;
    overflow: hidden;
}

/* 商品画像のマウスオーバー */
div.img:hover a {
    opacity: 1;
    transition-duration: 0.3s;
}
div.img a img:hover {
    opacity: 0.6;
    transition-duration: 0.3s;
}

/* 追加したやつ20210803 */
/*

.addcartlist {
display:none;
}
*/
.reports {
    background-image: url(https://www.cospa.com/nijigencospa/special/gbc_edp/.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;
}
*/