@charset "utf-8";

/* =========================================
Universal
========================================== */
.mainContainer {
  position: relative;
  font-size: 13px;
  line-height: 1.4;
}
#freewall {
  display: none;
}
.fade {
  background: #ffffff;
  opacity: 0.6;
}
.eventTabItem > a {
  color: #000000;
  text-decoration: none;
}
.eventTabItem > a:hover {
  color: #bf0000;
}
.riColWrap{
  margin: 0 5px;
}

/* =========================================
mainttl
========================================== */
.mainttl{
  position:relative;
  min-width:950px;
  text-align:center;
  background-repeat: no-repeat;
  background-position: center top;
  margin-bottom:5px;
}
.mainttl[layout="spring"]{background-image: url(https://r.r10s.jp/evt/event/event_top/_pc/img/mainttl/spring_bg.png);}
.mainttl[layout="summer"]{background-image: url(https://r.r10s.jp/evt/event/event_top/_pc/img/mainttl/summer_bg.png);}
.mainttl[layout="autumn"]{background-image: url(https://r.r10s.jp/evt/event/event_top/_pc/img/mainttl/autumn_bg.png);}
.mainttl[layout="winter"]{background-image: url(https://r.r10s.jp/evt/event/event_top/_pc/img/mainttl/winter_bg.png);}

.mainttl:before{
  content: '';
  display: block;
  width:100%;
  padding-top: 40px; /* 表示画像の 高さ％幅×100 */
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-background-size: 2000px 40px;
  background-size: 2000px 40px;
  margin-bottom:-30px
}

.mainttl[layout="spring"]:before{background-image: url(https://r.r10s.jp/evt/event/event_top/_pc/img/mainttl/spring_top.png);}
.mainttl[layout="summer"]:before{background-image: url(https://r.r10s.jp/evt/event/event_top/_pc/img/mainttl/summer_top.png);}
.mainttl[layout="autumn"]:before{background-image: url(https://r.r10s.jp/evt/event/event_top/_pc/img/mainttl/autumn_top.png);}
.mainttl[layout="winter"]:before{background-image: url(https://r.r10s.jp/evt/event/event_top/_pc/img/mainttl/winter_top.png);}

.mainLead{
  font-size: 13px;
  font-weight: normal;
  text-align: center;
}
/* =========================================
seasonEventContaniner
========================================== */
.seasonEventContaniner[layout="pc"]{
  margin-bottom:80px;
}

.seasonEventContaniner[layout="pc"] .listUl{
  margin: -40px 0 0 -25px;
}

.seasonEventContaniner[layout="pc"] .listUl:after{
  content: "";
  display: block;
  clear: both;
}
.seasonEventContaniner[layout="pc"] .listUl .eventItem{
  position: relative;
  float: left;
  width: 300px;
  margin: 40px 0 0 25px;
  padding-bottom:30px;
  background-color:#f9f9f9;
}
.seasonEventContaniner[layout="pc"] .eventTitle{
  color:#ffffff;
  background-color:#000000;
  text-align:center;
  font-size:19.52px;
  line-height:1;
  padding:10px;
}
.seasonEventContaniner[layout="pc"] .eventTop{
  position:absolute;
  bottom:0;
  right:0;
  width:100%;
  text-align:right;
  border-top:#e4e4e4 1px solid;
  padding:9px 0;
  line-height:1;
}
.seasonEventContaniner[layout="pc"] .eventTop > a{
  padding:0 5px;
}
#riWrap .seasonEventContaniner[layout="pc"] a{
  color:#000000;
}
#riWrap .seasonEventContaniner[layout="pc"] a:hover{
  color:#1f53a7;
}
.seasonEventContaniner[layout="pc"] .eventTop > a:before{
  content:"\03e\00a0";
}
.seasonEventContaniner[layout="pc"] .eventImg{
  width:100%;
  height:auto;
}

.seasonEventContaniner[layout="pc"] .eventUnder{
  padding:20px 15px;
}

.seasonEventContaniner[layout="pc"] .underItem{
  position:relative;
  padding:0 0 0 1.5em;
}
.seasonEventContaniner[layout="pc"] .underItem:before{
  content:"\03e\00a0\00a0";
  position:absolute;
  top:0;
  left:0;
}

/* =========================================
pickupEventContaniner
========================================== */
.pickupEventContaniner[layout="pc"]{
  position: relative;
  overflow: hidden;
}
.pickupTitle{
  font-size:32px;
  text-align:center;
  margin-bottom:20px;
  font-weight: normal;
}

/* =========================================
Menu Filter Section
========================================== */
.filterItems {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
.filterLabel {
  position: relative;
  float: left;
  width: 16.66%;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  text-align: center;
  color: #000000;
  font-size:16px;
  font-weight:bold;
}
.filterLabel > span {
  height: 16px;
  display: inline-block;
}
.filterLabel > span:hover {
  color: #bf0000;
}

.active:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  border-bottom: 3px solid #bf0000;
}

/* =========================================
Masonry Contents
========================================== */
.bannercontainer {
  padding: 20px 0;
  min-height: 500px;
}
.free-wall {
  position: relative;
  width: 100%;
  margin: 20px auto;
}
.eventTabItem {
  display: inline-block;
  width: 216px;
  min-height: 312px;
  padding-bottom: 10px;
  float: left;
  cursor: default;
  background: #ffffff;
  z-index: 9;
}

#riWrap .eventTabItem a{
  color:#000000 !important;
}

.itemImg {
  transition: all 0.7s;
  -moz-transition: all 0.7s;
  -webkit-transition: all 0.7s;
  -o-transition: all 0.7s;
}
.itemImg > img {
  width:100%;
  height:auto;
}
.itemDesc {
  margin: 10px 0;
}
.tabItemTitle{
  font-size:16px;
  color:#ffffff;
  background-color:#000000;
  text-align:center;
  line-height:1;
  padding:12px 0;
  text-decoration:none !important;
  font-weight: normal;
}

.eventTabNewicn {
/*  position: absolute;
  top: -5px;
  left: 0px;
  width: 31px;
  height: 40px;
  background: url('https://r.r10s.jp/evt/event/rmagazine/_pc/img/new-icn2.png') top left no-repeat;
  z-index: 999;*/
}
.free-wall .eventTabItem[data-state="start"]  {
  display: block;
  animation: start 0.5s;
    -webkit-animation: start 0.5s;
}
.free-wall .eventTabItem[data-state="move"]  {
  transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
    -webkit-transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
}