.gc-event-cont-wrap{
width: 50%;
margin: 0 auto;
}
@media screen and (max-width : 750px) {
.gc-event-cont-wrap{
width: 95%;
margin: 0 auto;
}
}

.special{
position: absolute;
bottom: 10%;
left: 50%;
transform: translateX(-50%);
z-index: 10;
width: 35%;
}
@media screen and (max-width : 750px) {
.special{
position: absolute;
bottom: 10%;
left: 50%;
transform: translateX(-50%);
z-index: 10;
width: 80%;
}
}

.panda01-01{
position: absolute;
bottom:46%;
right:27%;
z-index: 100;
width: 12%;
}
.panda02-01{
position: absolute;
bottom:9%;
left:28%;
z-index: 100;
width: 9%;
}
.panda03-01{
position: absolute;
bottom:10%;
right:28%;
z-index: 100;
width: 5%;
}
.panda04-01{
position: absolute;
bottom:7%;
left:25%;
z-index: 10;
width: 12%;
}
.panda05-01{
position: absolute;
bottom:21%;
right:26%;
z-index: 10;
width: 9%;
}
.panda06-01{
position: absolute;
top:0;
right:25%;
z-index: 1;
width: 10%;
}
.gc-event-cont{
position: relative;
margin-bottom: 0px;
}
.gc-event-cont.item-cont{
position: relative;
margin-bottom: 0;
padding-bottom: 0;
}
.gc-event-cont .content-gc{
position: absolute;
top:17%;
z-index: 11;
}
.gc-items {
width: 88%;
margin: 11% auto 0;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:center;
flex-wrap:wrap;
}
.gc-items div{
    width: 30%;
    margin-bottom: 1%;
    margin-right: 0;
}
@media screen and (max-width : 750px) {
.gc-items {
width: 90%;
}
.gc-items div{
    margin-bottom: 1%;
}
.gc-event-cont .content-gc{
position: absolute;
top:16%;
z-index: 11;
}
}
.gc-items div.mar-zero{
    width: 32%;
    margin-bottom: 5px;
    margin-right: 2%;
}
.calender{
margin-top: -1%;
position: relative;
z-index: 10;
}
@media screen and (max-width : 750px) {
.calender{
margin-top: 5%;
position: relative;
z-index: 10;
}
}
.gc-event.ge-01{
background: url("../img/gc/11/shop_03_pc.png") no-repeat left bottom,url("../img/gc/11/event-bg-a.png") repeat-y left top,#ffff;
background-size: 100% auto,100% auto,100% auto;
padding-top: 5px;
padding-bottom: 0;
margin-top: 0px;
z-index: 11;
position: relative;
}
.gc-event02.ge-01{
background: url("../img/gc/11/shop_07_pc.png") no-repeat left bottom,url("../img/gc/11/event-bg-b.png") no-repeat left top,#f0bf32;
background-size: 100% auto,100% auto;
padding-bottom: 18%;
padding-top: 0;
margin-top: -1px;
z-index: 11;
position: relative;
}
.gc-event03.ge-01{
background: url("../img/gc/11/shop_09_pc.png") no-repeat left bottom,#f0d700;
background-size: 100% auto,100% auto;
padding-bottom: 10%;
z-index: 11;
position: relative;
}

@media screen and (max-width : 750px) {
.panda01-01{
position: absolute;
top:45%;
right:5%;
z-index: 10;
width: 20%;
}
.panda02-01{
position: absolute;
bottom:7%;
left:5%;
z-index: 100;
width: 18%;
}
.panda03-01{
position: absolute;
bottom:7%;
right:7%;
z-index: 100;
width: 11%;
}
.panda04-01{
position: absolute;
bottom:8%;
left:3%;
z-index: 10;
width: 25%;
}
.panda05-01{
position: absolute;
bottom:17%;
right:3%;
z-index: 10;
width: 16%;
}
.panda06-01{
position: absolute;
bottom:10%;
right:2%;
z-index: 10;
width: 21%;
}
.gc-event-cont.item-cont{
position: relative;
margin-bottom: 0;
padding-bottom: 0;
}
.gc-event.ge-01{
background: url("../img/gc/11/shop_03_sp.png") no-repeat left bottom,url("../img/gc/11/event-bg-a-sp.png") repeat-y left top,#FFF;
background-size: 100% auto,100% auto;
padding-top: 15px;
padding-bottom: 2%;
margin-top: 0;
z-index: 11;
position: relative;
}
.gc-event02.ge-01{
background: url("../img/gc/11/shop_07_sp.png") no-repeat left bottom,url("../img/gc/11/event-bg-b-sp.png") no-repeat left top,#f0bf32;
background-size: 100% auto,100% auto;
padding-bottom:22%;
padding-top:10%;
margin-top: 0;
z-index: 11;
position: relative;
}
.gc-event03.ge-01{
background: url("../img/gc/11/shop_09_sp.png") no-repeat left bottom,#f0d700;
background-size: 100% auto,100% auto;
padding-bottom: 10%;
margin-top: -1px;
padding-bottom: 80px;
z-index: 11;
position: relative;
}
}

.gc-event02 .gc-event-cont .content-gc{
position: absolute;
top:26%;
left:4%;
width: 90%;
}
.gc-event-cont .susume{
position: absolute;
width: 25%;
top:13%;
left:-5%;
z-index: 15;
}

@media screen and (max-width : 750px) {
.gc-event02 .gc-event-cont .content-gc{
position: absolute;
top:26%;
left:4%;
width: 90%;
}
.gc-event-cont .susume{
position: absolute;
width: 25%;
top:12%;
left:-5%;
z-index: 15;
}
}

.gc-items02{
overflow: hidden;
width: 97%;
margin: 0 0 0 auto;
}

.gc-items02 div{
float: left;
}
.osusume{
width:30%;
margin-right: 3%;
margin-bottom: 12%;
}

.swip-bg {
    position: absolute;
    bottom: 0;
    z-index: 10;
	width: 100%;
}