@charset "utf-8";

@media screen and (max-width: 1150px) {
}

@media (max-width: 992px){
  main{
        max-width: 1170px;
        margin: 0 auto;
}
div.content-subinner{
  width:95%;
}

}



@media (max-width: 768px){

/* 【共通】section全体 ↓↓↓ */
section div.content-inner{
  width:100%;
}

/* 【共通】section全体 ↑↑↑ */



/* h1 ↓↓↓ */
h1.h1-normal > img{
    width: 90%;
}
/* h1 ↑↑↑ */



/* 【共通】 h2 ↓↓↓ */
h2.h2-img img {
      width: 80%;
    height: auto;
}
/* 【共通】 h2 ↑↑↑ */




/* 【共通】 h3 ↓↓↓ */
/* 【共通】 h3 ↑↑↑ */


/* 動き ↓↓↓ */

/* 動き ↑↑↑ */




/* 【共通】ファーストビュー・ランチ(重なり) ↓↓↓ */

.logo-ashirai{
width: 50%;
height: auto;
}
.overlap-wrapper:nth-of-type(1),
.overlap-wrapper:nth-of-type(2){
flex-direction: column;
width: 100%;
}
.overlap-wrapper:nth-of-type(2){
margin-top: 50px;
padding: 0;
}
.overlap-wrapper:nth-of-type(1) .text-box,
.overlap-wrapper:nth-of-type(1) .image-box img,
.overlap-wrapper:nth-of-type(2) .text-box,
.overlap-wrapper:nth-of-type(2) .image-box img {
margin-left: 0;
  margin-right: 0;
width: 100%;
}
.image-box {
width: 100%;
flex: none; /* flexの比率指定を解除 */
}

.image-box img {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important; 

height: 250px; 
object-fit: cover;
display: block;
}

.text-box {
width: 100%;
flex: none;
margin: 30px 0 0 0;
}
/* 【共通】ファーストビュー・ランチ(重なり) ↑↑↑ */





/* 【共通】イベント・アクセス ↓↓↓ */
ul.parking-group-list,
ul.event-group-list{
  display:block;
}
ul.parking-group-list li{
  margin-bottom: 60px;
}
ul.event-group-list li{
  margin-bottom: 120px;
}
ul.parking-group-list li:last-child,
ul.event-group-list li:last-child{
  margin-bottom: 0;
}
/* 【共通】イベント・アクセス ↑↑↑ */



/* スケジュール ↓↓↓ */

.emphasis-time{
margin-left: 0;
display: block;
}
ul.flow-list {
display: block;
}

ul.flow-list::after{  
        bottom: -25px;
    right: -10px;
}

ul.flow-list li {
margin-bottom: 0;
padding: 20px 20px 20px 90px;
text-align: left;
border-top: none;
/* border-left: 5px solid #d4af37; */
}
ul.flow-list li:last-child{
margin-bottom: 0px;
}
.clock-img {
top: 50%;
left: 20px;
transform: translateY(-50%);
width: 50px;
height: 50px;
}

ul.flow-list li::after{
width: 100%;
height: 20px;
right: 0;
bottom: -20px;
z-index: 10;
clip-path: polygon(0 0, 100% 0, 50% 100%);
top: auto;
}

ul.flow-list li:not(:first-child) {
padding: 35px 20px 20px 90px;
}




div.flow-content{
display: flex;
}

div.flow-content span {
    margin-bottom: 0;
    margin-right: 10px;
}
/* スケジュール ↑↑↑ */







/* ランチ ↓↓↓ */
.item-wrapper{
  display: block;
}

.image-item {
  margin-bottom: 15px;
}
.item-wrapper h3{
text-align: center;
}
ul.shop-list li a span{
display: block;
margin-left: 0;
}

/* ランチ ↑↑↑ */







/* ジョイン ↓↓↓ */

.join-btn{
  display: block;
  text-align: left;
}

.introduce-wrapper{
  padding: 15px;
  flex-direction: column;
}

.introduce-wrapper img{
  margin: 0 auto 15px;
}
.introduce-text h3,
.introduce-name{
  text-align: center;
}
.introduce-name {
  padding-bottom: 5px;
  margin-bottom: 20px;
  letter-spacing: 0.1em;
}

/* .introduce-table th,.introduce-table td{
  display: block;
}
.introduce-table th{
  text-align: center;
  background: #a00000;
  color: fff;
} */

.introduce-table th, 
  .introduce-table td {
    display: block;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
  }
  
  .introduce-table th {
    border-left: none;
    /* border-bottom: 2px solid #d4af37; */
    padding: 8px 20px;
    background: #38110c;
  color: #ffd12b;
  }
  
  /* .introduce-table td {
    margin-bottom: 10px;
  } */
   .introduce-table tr{
  border: none;
}
  .join-background::after {
  left: 50%;
    transform: translateX(-50%);
    width: 100%;
}



/* ジョイン ↑↑↑ */












/* モーダルウィンドウ ↓↓↓ */
h2.info-h2 {
margin-bottom: 15px;
font-size: 1.5rem;
}
.info-group-wrapper {
padding: 15px;
}
ul.info-group-list li svg{
top: 10px;
}
/* モーダルウィンドウ ↑↑↑ */



.br-sp{
  display: block;
}
.br-pc{
  display: none;
}
  }
  

@media (max-width: 530px){
}

@media screen and (max-width: 250px) {
  .principal-img img{
  width: 100%;
  height: auto;
}
}