.flame{
  position: absolute;
  z-index: 2;
  width: 180px;
  height: auto;
}



.event-style {
    margin: 20px;
    /* border: 1px solid #bfaf70; */
    width: 100%;
    background: -webkit-linear-gradient(to top, rgb(29, 0, 0), #bfaf70);
    background: linear-gradient(to top, rgb(29, 0, 0), #bfaf70);
    /* color: #1d0000; */
  }

  .event-style img {
    border: 1px solid #bfaf70;
    width: 100%;
    height: auto;
    position: relative;
  }

  .event-style01{
    margin-top: 40px;

  }
  .event-style02 {
    display: flex;
    margin-top: 40px;
  }
  .event-style02 img {
    border: 1px solid #bfaf70;
    padding: 5px;
    display: flex;
    flex-direction: row;
  }



  .event-style03 {
    margin: 10px 10px 0px;
    width: 200px;/* サイズしていないとPCサイズ崩れる */
    height: auto;
    justify-content: center;
    background: linear-gradient(to top, rgb(29, 0, 0), rgb(68, 0, 5, 0.4));

  }
     
  .event-style03 img {
    border: 1px solid #bfaf70;
    width: 100%;
    height: auto;
    position: relative;
    /* margin-top:10px; */
  }

  .event-style03 .m-top10 {
    margin-top:10px;
  }
  
.desc_vertical p{
  font-family: "Mincho", serif;
  font-size: 12px;
  padding: 10px;
  text-align: left;
  line-height: 1.4;
  color: white;
  /* writing-mode: vertical-rl; */
  vertical-align: top;
}





  .desc p{
    font-family: "Mincho", serif;
    font-size: 12px;
    padding: 10px;
    text-align: center;
    text-align: left;
    line-height: 1.4;
    text-align: center;
    color: antiquewhite;
  }



  .desc-left p{
    font-family: "Sawarabi Mincho", serif;
    font-size: 12px;
    padding-top: 10px;
    line-height: 1.6;
    /* letter-spacing: 2px; */
    text-align: center;
    color: antiquewhite;
    /* writing-mode: vertical-rl; */
  }



/* フレックスボックスの基本設定 等間隔（両端揃え）折返しあり */
[class^="flex-col"] {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/* コンテンツ下のマージン */
.flex-child { margin-bottom: 10px; }

/* 各カラム毎のコンテンツと疑似要素の横幅 */
.flex-col2 .flex-child { width: calc( (100% - 10px) / 2 ); }

.flex-col3::after,
.flex-col3 .flex-child { width: calc( (100% - 20px) / 3 ); }

.flex-col4::before,
.flex-col4::after,
.flex-col4 .flex-child { width: calc( (100% - 20px) / 4 ); }
	
/* 最終行は両端揃えにしない */
.flex-col3::after,
.flex-col4::before,
.flex-col4::after { content: ""; }

.flex-col4::before { order: 1; }

/* レスポンシブ対応 */

/* 991px以下で4列 → 3列 */
@media screen and (max-width: 991px) {
	.flex-col4::after,
	.flex-col4 .flex-child { width: calc( (100% - 20px) / 3 ); }
}

/* 767px以下で4列・3列 → 2列 */
@media screen and (max-width: 767px) {
	.flex-col3 .flex-child,	
	.flex-col4 .flex-child { width: calc( (100% - 10px) / 2 ); }
}

/* 575px以下で全て1列 */
@media screen and (max-width: 575px) {
	.flex-col2 .flex-child,
	.flex-col3 .flex-child,
	.flex-col4 .flex-child { width: 100%; }
}