@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 980px) {
  /*******header********/
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  br.sp {
    display: block;
  }
  br.pc {
    display: none;
  }
  body {
    margin: 0px;
    background-size: auto 50%; /* 小さな画面用に背景サイズを調整 */
    
  }
  .logo {
top:53%;   
  }
p.show01{
	width: 100%;
	font-size: 1.2rem;
	
}
	.show_title img{
		
	}	

.day {
  
	padding-bottom: 1rem;
}	
  p.dayp {
    font-size: 0.9rem;
    padding: 0rem;
  }
  p.dayp span {
    font-size: 1.7rem;
  }
p.dayp2 {
	font-size: 0.9rem;
	padding:0.5rem 0.7rem 0;
}	
.js{
	margin: 1rem 0;
	padding: 1rem 2rem 0; /* コンテンツの左右の余白を確保 */
}
	.js_a{
		padding: 0.5rem 0.5rem 0.7rem;
	}	

  .program {
    
    margin: 0 auto;
	padding: 0.5rem;  
  }
	.program img{
		width: 40%;
	}	
  .lrbox {
    padding: 0rem 1rem;
    margin-bottom: 0rem;
  }
  p.rhp {
    line-height: 1.7;
    padding: 1rem;
    font-size: 0.9rem;
  }
  p.rhp span {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.7;
  }
  .ttp p {
    font-size: 1.1rem;
	
  }
	.ttp{
		 margin: 0.5rem 0 1rem; 
	}
.copy {
  margin-bottom: 0.5rem;
font-size: 0.7rem;	
}	
}





@media screen and (max-width: 768px) {
	
.program img{
		width: 60%;
	}	
	
p.show01{
	width: 100%;
	font-size: 0.85rem;
	text-shadow: none; /* 読みやすくするための影 */
}	
	
	
}