@charset "UTF-8";
.inner-bg{
  padding-top: 2%;
}
.new-anime{
  text-align: center;
  background-image:url(../../img/anime-base.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 90%;
  margin:0 auto;
  position: relative;
}

.new-anime__youtube{
  padding-bottom:7%;
}
.new-anime__youtube iframe{
  width:81.5%;
  margin:7% 5% 0 5%;
  aspect-ratio: 16 / 9;
}

.new-anime{
  margin-top:7%;
}

.new-anime__img {
  width: 60%;
  margin: auto;
  position: absolute;
  top:-7%;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  z-index: 10;
}
.story-title{
  text-align:center;
  width:80%;
  margin:0 auto;
  padding:10px 20px;
  background-color: #000;
  color:#fff;
  border-radius: 20px;
}
@media screen and ( min-width:768px ) { /* PC ==================== */
  .story-title{
  font-size:200%;
}
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
  .story-title{
  font-size:120%;
}
}

.pv {
  margin-top:7%;
  position: relative;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
}
@media screen and ( min-width:768px ) { /* PC ==================== */
  .pv {
  width:60%;
  border-top:5px solid #eee;
  border-left:5px solid #ccc;
  border-right:5px solid #777;
  border-bottom:5px solid #333;
}
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
  .pv {
  width:80%;
  border-top:3px solid #eee;
  border-left:3px solid #ccc;
  border-right:3px solid #777;
  border-bottom:3px solid #333;
}
}
.pv iframe{
  width:100%;
  height:100%;
  aspect-ratio: 16 / 9;
  display: block;
}
@media screen and ( min-width:768px ) { /* PC ==================== */
  .pv iframe{
  border:5px solid #fff;
}
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
  .pv iframe{
  border:3px solid #fff;
}
}

.stories {
  width:80%;
  margin:10% auto 0;
}

@media screen and ( min-width:768px ) { /* PC ==================== */
  .story {
  width: calc(50% - 10px);
  float: left;
  border-top:5px solid #eee;
  border-left:5px solid #ccc;
  border-right:5px solid #777;
  border-bottom:5px solid #333;
  margin-top:10px;
}
.story:nth-child(2n+1){
  margin-right: 15px;
}
.story:nth-child(n){
   float: left;
}
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
  .story {
  border-top:3px solid #eee;
  border-left:3px solid #ccc;
  border-right:3px solid #777;
  border-bottom:3px solid #333;
  margin-top:10px;
}
}
@media screen and ( min-width:768px ) { /* PC ==================== */
  .story span{
  width: 100%;
  height: 100%;
  padding:26.7%;
  display: block;
  overflow: hidden;
  border:5px solid #fff;
  position: relative;
}
.story span img{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}

.story p{
  width:100%;
  margin:0 auto;
  padding:10px 20px;
  font-size:120%;
  background-color: #000;
  color:#fff;
  border-left:5px solid #fff;
  border-right:5px solid #fff;
  border-bottom:5px solid #fff;
}
.story div{
  display: none;
}
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
  .story div{
  display: block;
}
.story div iframe{
  width:100%;
  height:100%;
  aspect-ratio: 16 / 9;
  display: block;
  border:3px solid #fff;
}

.story div p{
  width:100%;
  margin:0 auto;
  padding:10px 20px;
  font-size:120%;
  background-color: #000;
  color:#fff;
  border-left:3px solid #fff;
  border-right:3px solid #fff;
  border-bottom:3px solid #fff;
}
.story a{
  display: none;
}
}



/* 202507追加 */
@media screen and ( min-width:768px ) { /* PC ==================== */
	.attention {
		width: 80%;
		padding: 15px;
		margin: 30px 10%;
		background-color: #fffc00;
	}
		.attention_box {
		width: 50%;
		margin: 0 25%;
		font-size: 1em;
		line-height: 1.7em;
		color: #333;
	}
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
	.attention {
		width: 80%;
		padding: 5px;
			margin: 15px 10%;
		background-color: #fffc00;
		font-size: 0.7em;
		line-height: 1.5em;
		color: #333;
	}
			.attention_box {
		width: 70%;
		margin: 0 15%;
		font-size: 0.6em;
		line-height: 1.2em;
		color: #333;
	}
}
.indent-1 {
 text-indent: -1em;
  padding-left: 1em;
}