p {
    font-feature-settings: "palt" 1; 
}
.index_tit_patch {
	position: relative;
	color:#fff;
	padding-top:10%;
font-weight: 700;
	font-size: 10vw;
	z-index: 100;
	line-height: 1;
	margin-bottom: 0;
	 font-family: "Barlow Condensed", sans-serif;
	padding-right:5px;
}

.index_tit_patch_ver {
		position: relative;
color:#FF3300;
font-weight: 700;
	font-size: 5vw;
	z-index: 100;
	line-height: 1;
	 font-family: "Barlow Condensed", sans-serif;
}

.patch_titwrp {
	display: flex;
align-items: flex-end;
	 justify-content: center; 
  gap: 1rem; 
}




.patch-section {
	position: relative;
    display: flex;
    flex-wrap: wrap;
	  justify-content: center; 
    margin-bottom: 10%;
    gap: 6rem;
		z-index: 100;
	color:#fff;
  }

.patch-section_single {
	position: relative;
	  justify-content: center; 
    margin-bottom: 10%;
		z-index: 100;
	color:#fff;
  }

  .patch-text {
    flex: 1 1 500px;
    font-size: 1.8rem;
    line-height: 1.8;
  }

  .patch-text h3 {
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 1rem;
		line-height: 1.5em;
  }

  .patch-image {
    flex: 1 1 400px;
		 order: 3;

  }
  .patch-image img {
  display: block;
  margin-bottom: 20px; 
       border:1px solid #FF3300;
}
  .patch-image img:last-child {
  margin-bottom: 0;
}
  .patch-image_c {
    position: relative;
    width: 90%;
    right: -5%;
    z-index: 100;
  }
 .patch-image_c img{
 width: 130%;
    height: auto;
    display: block;
   margin-top: -5%;
   margin-left: -5vw;
  }

  .patch-image img {
    width: 100%;
    height: auto;
    display: block;
  }

.patch-list {
  padding-left: 1.2em;
  list-style: disc;
}
.patch-list li {
  margin-bottom: 2em;
}
.patch-list li span {
  font-size: 120%;
  font-weight: 700;
}


.patch-list ul li {
  margin-bottom: 0.8em;
  line-height: 1.6;
}

@media screen and (min-width:320px) and (max-width:1050px) {

    .patch-image_c {
    position: relative;
    width: 100%;
    right: 0%;
    z-index: 100;
  }
    .patch-text {
    flex: 1 1 500px;
    font-size: 1.8rem;
    line-height: 1.8;
  }
    .patch-image {
    margin-top: 8%;
      padding-bottom: 2%;
   
  }

  
  .patch-image img {
  display: block;
  margin-bottom: 20px; 
}
  .patch-image img:last-child {
  margin-bottom: 0;
}
   .patch-image_c img {
 width: 100%;
    height: auto;
    display: block;
   margin-top: -5%;
   margin-left: -5vw;
  }

	.patch_titwrp {
	display: block;
align-items: baseline; 
	 justify-content: center; 
  gap: 1rem; 
}

	.index_tit_patch {
	position: relative;
	color:#fff;
	padding-top:30%;
font-weight: 700;
	font-size: 30vw;
	z-index: 100;
	line-height: 0.7;
	margin-bottom: 0;
	 font-family: "Barlow Condensed", sans-serif;
	padding-right:5px;
		text-align: center;
}

.index_tit_patch_ver {
		position: relative;
color:#FF3300;
font-weight: 700;
	font-size: 20vw;
	z-index: 100;
	line-height: 1;
	 font-family: "Barlow Condensed", sans-serif;
	text-align: center;
}

    .patch-section {
      flex-direction: column;
			gap: 0rem;
    }
  

    ul.patch-list {
    list-style-type: disc;
    padding-left: 2.3rem;
    text-align: left;
  }
  ul.patch-list span {
    font-size: 120%;
    font-weight: bold;
}

  ul.patch-list li {
    text-indent: -1.5rem;
    padding-left: 0rem;
    margin-bottom: 0.8em;
		  text-indent: 0;
  }
  
  }

.contents_inner {
 position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5rem;

}

.patch_head {
	position: relative;
	color:#fff;
    font-size: 3rem;
	font-weight: 600;
    line-height: 1.5em;
	z-index: 100;
	text-align: center;
	margin-bottom: 6%;
}

.shortline {
	border-top:1px solid #fff;
	width: 10%;
	margin: 0 auto;
	margin-top:1%;
	margin-bottom: 2%;
}

  .patch-image-row {
		margin-top: 5%;
    flex-wrap: wrap;
    gap: 2rem;
		 order: 2;

  }
  .patch-image-row img {
              border:1px solid #FF3300;
}

  .patch-image-row img {
    width:80% ;
    height: auto;
    display: block;
    margin-left: 5%;
    margin-bottom: 5%;
  }


.patch-title {
  position: relative;
  font-size: 2.8rem;
  font-weight: bold;
  color: #fff;
  padding-top:0.25em;
  padding-left: 0.6em; 
  margin-left: -1.8rem; 
  line-height: 1.2em!important;
  text-align: left;
}

.patch-icon {
  position: absolute;
  top: 0.2em;          
  left: 0;
  width: 0.25em;      
  height: 1.2em;
  background-color:#FF3300;
}

.index_tit_logo {
  position: relative;
  z-index: 100;
  width: 16vw;
  top:1.3vw;
}

.patchdate {
  position: relative;
  color:#fff;
  border:1px solid #fff;
  font-size: 2rem ;
  font-weight: 600 ;
  padding:0.5% 1%;
  width: 35%;
  max-width: 40%;
  margin: 1vw auto;
  margin-bottom: 2vw;
	 font-family: "Barlow Condensed", sans-serif;
	text-align: center;
  z-index: 100;
}

.spleft {
  position: relative;
  padding-left:0;
  font-size:1.7rem;
  text-align: left;
  color:#fff;
  z-index: 150;
}

.patch-image_t {
  position: absolute;
  right: -50%;
  margin-top: -18%;
  width: 179%;
  z-index: 90;
}

@media screen and (min-width:320px) and (max-width:1050px) {
  .patch-image_t {
  position: absolute;
  right: -25%;
  margin-top: -18%;
  width: 150%;
  z-index: 90;
}

  .spleft {
  padding-left:3.5%;
}

  .patch-title {
  position: relative;
  font-size: 2.8rem;
  font-weight: bold;
  color: #fff;
     padding-top:0.1em;
  padding-left: 0.6em; 
  margin-left: 0rem; 
  line-height: 1.3!important;
  text-align: left;
}
  .contents_inner {
 position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2.7rem;

}
  
    .patch-image_c {
		 order: 1;
  }
	.shortline {
	border-top:1px solid #fff;
	width: 40%;
	margin: 0 auto;
	margin-top:10%;
	margin-bottom: 10%;
}
	
	.patch_head {
	position: relative;
	color:#fff;
    font-size: 2.5rem;
	font-weight: 600;
    line-height: 1.6em;
	z-index: 100;
	text-align: left;
	margin-bottom: 10%;
}
	  .patch-image-row {
		margin-top: 0%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
		 order: 2;
  }
	  .patch-image-row img {
    width: 100% ;
    height: auto;
    display: block;
           margin-left: 0%;
  }

	.patch-section {
	position: relative;
    display: block;
		margin-bottom: 20%;
    
  }
  
  .patchdate {
  position: relative;
  color:#fff;
  border:1px solid #fff;
  font-size: 5.5vw ;
  font-weight: 600 ;
  padding:1.5% 1% 2.1% 1%;
  width: 100%;
    max-width: 100%;
  margin: 6vw auto;
  margin-bottom: 6vw;
	 font-family: "Barlow Condensed", sans-serif;
	text-align: center;
  z-index: 100;
    line-height: 1.2em;
}
  .patch-icon {
  position: absolute;
  top: 0.15em;          
  left: 0;
  width: 0.25em;      
  height: 1.1em;
  background-color:#FF3300;
}
}

@media screen and (min-width:320px) and (max-width:1050px) {
  .patch-section {
    flex-direction: column; /* スマホでは縦並び */
  }

  .patch-image_c {
    order: 0; /* 上に */
  }

  .patch-text {
    order: 1; /* 下に */
  }
}


.patchtopright {
  position: relative;
  width: 50%;
}

.patchtopleft {
  width: 47%;
}

.patchtop {
  position: relative;
  width: 100%; 
  margin-bottom:10%;
  z-index: 100;
}


.heading {
	position: relative;
	width: 105%;
	line-height: 1;
	height: auto;
	padding:0.4em 0.6em 0.5em 0.6em;
	background: #871b00;
background: linear-gradient(257deg,rgba(135, 27, 0, 1) 0%, rgba(255, 51, 0, 1) 55%);
	z-index: 100;
	margin-left: -1.3em;
	font-size: 3rem;
	font-weight: 800;
	color:#fff;
	margin-top: 20%;
	margin-bottom: 7%;
	word-break: normal;
text-align: left;
	
}

.notop {
	margin-top: 0;
}

.single_img {
	margin-bottom: 5%;

}
.single_img::before {
  content: "";
  display: block;
  height: 120px;
  margin-top: -120px;
  visibility: hidden;
}

.battle_faceiconlist {
	position: relative;
	margin-bottom: 5%;
}
.battle_faceiconlist li {
	float: left;
	margin-right: 3%;
	margin-bottom: 3%;
	width: 8.4%;
	border:1px solid #fff;
}
.battle_faceiconlist li:nth-child(9n) {
	margin-right: -20%;
}

.battle_faceiconlist li a {
	transition: all .3s;
}
.battle_faceiconlist li a:hover {
	opacity:0.8;
	transition: all .3s;
}
.commontextarea {
	font-size: 2.5rem;
	font-weight: 700;
}

.pcbr {
  display:block;
}


@media screen and (min-width:320px) and (max-width:1050px) {
  
.pcbr {
  display:none;
}

	.commontextarea {
	font-size: 2.5rem;
	font-weight: 700;
}

	.single_img::before {
  content: "";
  display: block;
  height: 50px;
  margin-top: -50px;
  visibility: hidden;
}
	.heading {
	position: relative;
	width: 100%;
	line-height: 1;
	height: auto;
	padding:0.5em 0.6em 0.6em 0.6em;
	background: #871b00;
background: linear-gradient(257deg,rgba(135, 27, 0, 1) 0%, rgba(255, 51, 0, 1) 55%);
	z-index: 100;
	margin-left: 0;
	font-size: 6vw;
	font-weight: 800;
	color:#fff;
	margin-top:40%;
	margin-bottom: 10%;
	
}
  .patch-list {
  padding-left: 1.2em;
  list-style: disc;
}

.patch-list li span {
  font-size: 135%;
  font-weight: 700;
}
  .patchtop {
  position: relative;
  width: 100%; 
    margin-bottom: 15%!important;
    z-index: 100;
}
  .patchtopright {
  position: relative;
    margin-top: 0%;
  width: 100%;
}

.patchtopleft {
  width: 100%;
}
	
	.notop {
	margin-top: 0;
}

.single_img {
	margin-bottom: 5%;
}

.battle_faceiconlist {
	position: relative;
}
.battle_faceiconlist li {
	float: left;
	margin-right: 4%;
	margin-bottom: 4%;
	width: 16.8%;
}
	.battle_faceiconlist li:nth-child(9n) {
	margin-right: 4.4%;
}
.battle_faceiconlist li:nth-child(5n) {
	margin-right: -20%;
}
}