@charset "UTF-8";
/*--------------------
01. 新イベント（管理画面から投稿式）
--------------------*/
#events {
  --events-color-main: rgba(110, 88, 141, 1);
  --events-bg-main: rgba(125, 105, 154, 1);

  --events-color-spring: rgba(255, 235, 235, 1);
  --events-color-summer: rgba(226, 240, 217, 1);
  --events-color-autumn: rgba(251, 229, 214, 1);
  --events-color-winter: rgba(222, 235, 247, 1);
  --events-color-gakatsu: rgba(240, 232, 225, 1);
  --events-color-djnight: rgba(238, 221, 255, 1);
  --events-color-ashiyu: rgba(255, 255, 255, 1);
  --events-color-calendar: rgba(255, 242, 204, 1);
  --events-color-special: rgba(255, 242, 204, 1);

  --events-bg-spring: rgba(255, 235, 235, 0.5);
  --events-bg-summer: rgba(226, 240, 217, 0.5);
  --events-bg-autumn: rgba(251, 229, 214, 0.5);
  --events-bg-winter: rgba(222, 235, 247, 0.5);
  --events-bg-gakatsu: rgba(240, 232, 225, 0.5);
  --events-bg-djnight: rgba(238, 221, 255, 0.5);
  --events-bg-ashiyu: rgba(255, 255, 255, 0.5);
  --events-bg-calendar: rgba(255, 242, 204, 0.5);
  --events-bg-special: rgba(255, 242, 204, 0.5);

  --events-border-pink: #ff7fbb;
  --events-border-orange: #f19e4a;
  --events-border-yellow: #fdeb7f;
  --events-border-red: #ed7d78;
  --events-border-purple: #957fc8;
  --events-border-blue: #77a1ff;
  --events-border-lightblue: #77cbde;
  --events-border-emerald: #0f988b;
  --events-border-green: #4f9d7f;
  --events-border-yellowgreen: #a1c98b;

  margin-top: 0;
}
#events .mainvisual {
background-color: var(--events-bg-main);
}
#events #page_nav_area {
padding: 33px 0;
}
#events #page_nav_area ul {
max-width: 1026px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: start;
flex-wrap: wrap;
}
#events #page_nav_area li {
max-width: 282px;
width: 27.49%;
background: url('../img/events/bg_pagenav.jpg') no-repeat left top;
background-size: cover;
border-radius: 3px 3px 0 0;
margin: 0 2.92% 22px;
}
#events #page_nav_area li a {
display: inline-block;
text-align: center;
width: 100%;
color: #fff;
font-size: 20px;
font-weight: 700;
padding: 18px 0 16px;
border-bottom: 7px solid var(--events-color-main);
text-shadow: 0 0 2px rgba(0, 0, 0, .46);
}
#events .cnt_area {
background: url('../img/events/bg_section.png') repeat center center;
  background-size: 70px auto;
padding: 44px 0 47px;
}
/* 各背景設定 */
#events .bg_spring,
#events .bg_autumn {
  background-image: url(../img/events/bg_season_gold.png);
  background-size: 400px auto;
}
#events .bg_winter,
#events .bg_summer {
  background-image: url(../img/events/bg_season_silver.png);
  background-size: 400px auto;
}
#events .bg_gakatsu,
#events .bg_djnight {
  background-image: url(../img/events/bg_gakatsu.png);
  background-size: 80px;
}
#events .bg_spring {
background-color: var(--events-bg-spring);
}
#events .bg_summer {
background-color: var(--events-bg-summer);
}
#events .bg_autumn {
background-color: var(--events-bg-autumn);
}
#events .bg_winter {
background-color: var(--events-bg-winter);
}
#events .bg_gakatsu {
background-color: var(--events-bg-gakatsu);
}
#events .bg_djnight {
background-color: var(--events-bg-djnight);
}
#events .bg_calender {
background-color: var(--events-bg-calender);
}
#events .bg_special {background-image: url(../img/events/bg_special-01.png), url(../img/events/bg_special-02.png);background-size: 306px auto, 268px auto;background-position: left top, right bottom;background-repeat: no-repeat;background-color: var(--events-bg-special);}

#events .cnt_area .contents_in {
max-width: 968px;
}
#events #first_area {
background: url(../img/events/bg01_contents.png) repeat top left;
background-size: 84px;
padding: 50px 0;
position: relative;
}
/* #events #first_area::before, 
#events #first_area::after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 8px;
  background-image: url(../img/price/bg_border.png);
  background-size: cover;
  vertical-align: middle;
  position: absolute;
  bottom: 0;
} */
#events #first_area p{
text-align: center;
max-width: 823px;
width: 100%;
margin: 0 auto;
font-weight: 600;
font-size: 20px;
line-height: 52px;
font-weight: bold;
}
#events .cnt_area .info_g {
display: flex;
align-items: start;
margin: 0 auto 12px;
}
#events .cnt_area .info_g .cnt_text {
max-width: 366px;
width: 100%;
margin: 0 24px 0 0;
}
#events .cnt_area .info_g .cnt_text h2 {
font-size: 31px;
color: var(--events-color-main);
font-weight: 700;
line-height: 1.2;
margin: 0 0 40px;
}
#events .cnt_area .info_g .cnt_text p {
  margin-bottom: 24px;
  text-align: left;
}
#events .cnt_area .info_g .cnt_text .time_text {
margin: 40px 0 0;
border-left: 2px solid var(--events-color-main);
}
#events .cnt_area .info_g .cnt_text .time_text li {
font-weight: 500;
color: var(--events-color-main);
font-size: 19px;
line-height: 28px;
padding: 0 0 0 15px;
margin: 0 0 9px;
}
#events .cnt_area .info_g .cnt_text .special_time {
margin: 38px 0 0;
font-weight: 700;
font-size: 17px;
}
#events .cnt_area .info_g .cnt_text .special_time span {
display: inline-block;
vertical-align: middle;
max-width: 47px;
width: 100%;
border: 1px solid #000;
text-align: center;
padding: 2px 0 3px;
margin: 0 9px 0 0;
font-size: 17px;
}
#events .cnt_area .info_g .cnt_text .show {
font-weight: bold;
padding-top: 20px;
}
#events .cnt_area .info_g .cnt_text .show_time {
margin: 10px 0 0;
font-weight: 700;
font-size: 16px;
}
#events .cnt_area .info_g .cnt_text .show_time span {
display: inline-block;
vertical-align: baseline;
max-width: 60px;
width: 100%;
border: 1px solid #000;
text-align: center;
padding: 7px 0 8px;
margin: 0 9px 0 0;
font-size: 16px;
}
#events .cnt_area .info_g .cnt_text .attention_text {
margin: 21px 0 0;
font-size: 16px;
line-height: 24px;
font-weight: 500;
}
#events .cnt_area .info_g .cnt_img {
max-width: 577px;
width: 100%;
}
#events .cnt_area .info_g .cnt_img a img {
  transition: 0.3s;
}
#events .cnt_area .info_g .cnt_img a:hover img {
  opacity: 0.8;
}
#events .cnt_area .gallary_box {
align-items: start;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto 20px;
}
#events .cnt_area .gallary_box:after {
  content: '';
  display: block;
  max-width: 316px;
  width: 32.65%;
}
#events .cnt_area .gallary_box img {
max-width: 316px;
width: 32.65%;
}
#events .cnt_area .gallary_box a {
  display: block;
  max-width: 316px;
  width: 32.65%;
}
#events .cnt_area .gallary_box a.sp {
  display: none;
}
#events .cnt_area .gallary_box a img {
  max-width: 100%;
  transition: opacity 0.3s;
  width: 100%;
}
#events .cnt_area .gallary_box a:hover img {
  opacity: 0.8;
}
#events .cnt_area p {
text-align: center;
max-width: 847px;
margin: 0 auto 54px;
line-height: 30px;
letter-spacing: 0.05em;
}
#events .cnt_area .btn_g {
  display: flex; /* align-items: start; */
  flex-wrap: wrap;
  justify-content: center;
}
#events .cnt_area .btn_g .next_btn {
max-width: 478px;
width: 100%;
margin: 6px;
}
#events .cnt_area .btn_g .next_btn a {
border: 3px solid var(--events-color-main);
background: white;
border-radius: 14px;
color: inherit;
display: inline-block;
font-size: 19px;
font-weight: 700;
line-height: 1.2;
padding: 20px;
position: relative;
text-align: center;
width: 100%;
}
#events .cnt_area .btn_g .next_btn a:after {
bottom: 0;
border-right: 2px solid #808080;
border-top: 2px solid #808080;
content: "";
display: block;
height: 10px;
margin: auto;
left: auto;
position: absolute;
right: 15px;
transform: rotate(45deg);
top: 0;
width: 10px;
}

@media only screen and (max-width:750px){
  #events #page_nav_area{
  padding: 20px 0 22px;
  }
  #events #page_nav_area ul{
  justify-content: center;
  }
  #events #page_nav_area li{
  /* max-width: 166px; */
  width: 48.12%;
  margin: 0 0 19px;
  }
  #events #page_nav_area li:nth-child(odd){
  margin: 0 2.9% 0 0;
  }
  #events #page_nav_area li a{
  font-size: 16px;
  padding: 9px 0 10px;
  }
  #events .cnt_area{
  padding: 29px 0 18px;
  }
  #events .cnt_area .info_g{
  display: block;
  }
  #events .cnt_area .info_g .cnt_text{
  width: auto;
  margin: 0;
  }
  #events .cnt_area .info_g .cnt_text h2{
  font-size: 25px;
  }
  #events .cnt_area .info_g .cnt_text h2 .floor_step{
  vertical-align: top;
  }
  #events .cnt_area .info_g .cnt_text .time_text{
  margin: 20px 0 0;
  border-left: none;
  }
  #events .cnt_area .info_g .cnt_text .time_text li{
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 10px;
  padding: 0 0 0 13px;
  }
  #events .cnt_area .info_g .cnt_text .special_time{
  font-size: 14px;
  margin: 31px 0 0;
  }
  #events .cnt_area .info_g .cnt_text .attention_text{
  margin: 17px 0 0;
  line-height: 30px;
  }
  #events .cnt_area .gallary_box{
  flex-wrap: wrap;
  margin: 0 auto 13px;
  }
  #events .cnt_area .gallary_box img{
  /* max-width: 166px; */
  width: 48.12%;
  margin: 0 0 3%;
  }
  #events .cnt_area .gallary_box a,
  #events .cnt_area .gallary_box a.sp {
  display: block;
  width: 48.12%;
  margin: 0 0 3%;
  }
  #events .cnt_area .gallary_box a img{
  width: 100%;
  margin: 0;
  }
  #events .cnt_area p{
  letter-spacing: 0.05em;
  line-height: 24px;
  margin: 0 auto 20px;
  }
  #events .cnt_area .btn_g{
  display: block;
  }
  #events .cnt_area .btn_g .next_btn{
  margin: 0 auto 9px;
  }
  #events .cnt_area .btn_g .next_btn a{
  font-size: 16px;
  line-height: normal;
  padding: 1em 1em 1em 0.5em;
  }
  #events .cnt_area .btn_g .special_btn a{
  /*padding: 18px 0 16px;*/
  }
  #events .cnt_area .info_g .cnt_text .category_text{
  font-size: 16px;
  margin: 7px 0 0;
  font-weight: 500;
  }   
}