*{-webkit-text-size-adjust:100%}
html{margin:0;padding:0;font-size:62.5%;}
body{
	font-family: BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif;
	font-size:1.4rem;line-height:1.0em;letter-spacing:0em;color: #444;background:#fff;margin:0;padding:0;position:relative;word-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;
	overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6,p,a,ul,li,ol,dl,dt,dd,table,tr,th,td,span,strong{line-height:1.0em;margin:0;padding:0;}
li{list-style-type:none;/* list-style-position:outside; */}
table{border-collapse:collapse}
img{vertical-align:bottom;height:auto;width: 100%;}
a{text-decoration:none;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s;transition:.4s}
a:hover{text-decoration:none}
a img{border:none;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s;transition:.4s}
a:hover img{opacity:1.0;_filter:alpha(opacity=100)}
:focus{outline:none !important}

.forPc{display:none}
.forSp{display:block}


span.txbr{display: inline-block;}
.red{color:#FF0000;}


/*------------------
all
--------------------*/
.wrapper{
	width:100%;box-sizing:border-box;max-width: 1200px;margin: 0 auto;overflow:hidden;
	margin:50px auto 0 auto;
	font-family: BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif;
}
/*
input,textarea,select,button{font-family:'Noto Sans JP', sans-serif;font-size:1.4rem;letter-spacing:0em;outline:none;margin:0;padding:0;border:none;box-sizing:border-box}
input[type=text],input[type=email],input[type=tel],input[type=password]{line-height:1.6em;background:#fff;padding:10px 15px;border-radius:0;width:100%}
.item_input{border-radius:0;border:1px solid #000;position:relative;box-sizing:border-box}

.forPc{display:block}
.forSp{display:none}
*/

input,textarea,select,button{font-size:1.4rem}
input[type=text],input[type=email],input[type=tel],input[type=password]{padding:10px 15px}



/*------------------------------------------
youtube
------------------------------------------*/
.tv{width:100%;max-width:800px;margin:0 auto;}

#mv{
	margin:0 auto;border-radius:20px;
	padding:0;box-sizing:border-box;
	/*border-radius:20px;*/padding:0 20px;
}
.yt_movie {
	position: relative;
	padding-top: calc(9 / 14.4 * 90%);
}
 
.yt_movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*------------------------------------------
タイトル下、sp用サブメニュー
------------------------------------------*/
.right_icon{
	display: none;
}

/*------トップに戻るボタン-----*/
.pagetop {
	position: fixed;
	bottom: 10px;
	/*right: -10px;*/
	right: 0px;
	z-index:99;
	font-weight:bold;
	max-width:120px;
}

.pagetop a {
	display: block;
	text-align: left;
	color: #222;
	text-decoration: none;
	padding: 0;
	color:#FFFFFF;
	transition: all 0.3s;
}

.pagetop a:hover  {
	color: #ffff00;
	transform: rotate(-5deg) scale(1.2);
	/*padding:0 10px 0 0;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.6;*/
	/*transform: rotateZ( 360deg );*/
}


/*------トップに戻るボタン-----*/



/*------------------
area
--------------------*/
.niigata_area {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, 1fr);
	width: 96%;
	max-width: 1200px;
	margin: 30px auto 20px;
	border-radius: 16px;
}

.niigata_area a {
	background: #5fb6ef;
	padding: 1em;
	border-radius: 25px;
	text-align: center;
	z-index: 6;
	color: #fff;
	font-size: 1.2em;
}

/*------------------
info,yozakura
--------------------*/
#one { position:relative; z-index:9;width: 95%;margin:20px auto 0 auto; }
.info{
	display:grid;gap:10px;grid-template-columns:auto 1fr;width:100%;max-width:600px;margin:2em auto 1em auto;
	background: rgba(255,255,255,0.8);
}

#info_ttl h2 {
	color:#19386A;
	font-size:29px;
	position: relative;
	display: inline-block;
}

#info_ttl h2:before {
	position: absolute;
	content: attr(data-sub);
	top: 2em;
	left: 50%;
	transform: translateX(-50%);
	color:#aaa;
	font-size:13px;
}
.info_inner{border-top: 2px solid #CCCCCC;}
.info_new p{background-color: #cf4332;color: #fff;padding: 5px 4px;font-size: 14px;margin-bottom: 2px;display:inline-block;}
.info_text{border-bottom: 2px solid #CCCCCC;color: #19386A;padding:10px;line-height:1.6em;font-size:16px;}

.pickup {width:95%;max-width:900px;margin: 50px auto 0;}
.pickup_banner {border-radius:18px;}


/*------------------
areablock
--------------------*/
#two {position:relative;z-index:9;}

.n_area{padding:20px; border-radius:24px; margin:0px auto;width:95%;}
.pink { background-color:#FFF;}
.white { background-color:#FFF;}

.inner{width:100%;padding:0 10px;box-sizing:border-box;}
.inner{padding:0;margin:0 auto;}
.inner h2 { border:none;}



p.area{
	margin-top: 10px;margin-bottom:5px;
	color: #999;
	font-weight: bold;
	font-size: 1.2em;
}


p.event {
    color: #638bd5;
    font-weight: bold;
    font-size: 1.43em;
    line-height: 1.2em;
}


/*------------------
メイン画像
--------------------*/
#main_title {width:95%; max-width:1200px;margin:60px auto 0 auto;}
#main_title img{/*border-radius:24px;*/max-width:1000px;margin:0 auto;}
/*
#main_title {height:500px; width:95%; margin:0 auto; padding:50px 0;border-radius:24px;margin-top:80px;background:url(https://025.teny.co.jp/theme/special/sakura/bg.jpg) #ccc;background-size:cover;background-position:bottom;text-align:center;}
#main_title_img {position:relative; width:initial; max-width:100%; z-index:9;}
#main_title_txt {width:50%;margin:10px auto;padding:20px;border:3px solid #ff7ac7;border-radius:24px;background:rgba(255,255,255,0.8);font-size:1.2em;line-height:1.4em;position:relative;z-index:9;}
*/
.main_title_img{padding-top:50px;}
#top_logo{width:100%;max-width:800px;margin:0 auto;}

#pr{width:90%;max-width:500px;margin:0 auto;}
/*------------------
概要
--------------------*/
.pop_text{
	font-family: "wanpaku-ruika", sans-serif;
	font-size:2.5em;

	font-size:clamp(1.2em, 3vw , 2.5em);line-height:clamp(1.2em, 3vw, 2.8em);

	line-height:1.5em;
	text-align:center;

	padding:30px 0;
	width:95%;max-width:800px;margin:1em auto;
	border-top:10px solid #d5f29f;
	border-bottom:10px solid #d5f29f;
	background-color:#fff;
	margin-bottom:50px;
}
.under_line{
	text-decoration: underline;
	text-decoration-thickness: 0.5em;
	text-decoration-color: rgba(255, 228, 0, 0.4);
	text-underline-offset: -0.2em;
	text-decoration-skip-ink: none; 
	display:block;
}
.bold{font-weight:bold;}


/*---------------------------------------------
リンクボタン
----------------------------------------------*/
.link_button{
	background-color:#f9c84a;text-align:center;border-radius:9999px;margin:0 auto;padding:20px;box-sizing:border-box;width:100%;max-width:800px;
	box-shadow: 0 4px 0 #d01a0a;transition: .2s;
}
.link_button:hover {
  transform: translateY(4px);
  box-shadow: none;
}

/*---------------------------------------------
PR撮影の裏側はこちら
----------------------------------------------*/
#pr_movie{
	width:95%;margin:0 auto;font-weight:bold;color:#000;
	font-family: "wanpaku-ruika", sans-serif;
	font-size:2.2em;
	font-size:clamp(1.2em, 3vw , 2.2em);line-height:clamp(1.2em, 3vw, 2.8em);

}

/*---------------------------------------------
普段はライバル…
----------------------------------------------*/
#rival_flame{border:3px solid #00AEEC;width:100%;max-width:800px;margin:0 auto;border-radius:20px;}
#rival_title{font-size:1.5em;font-size:clamp(1.2em, 3vw , 1.5em);line-height:clamp(1.5em, 3vw, 1.8em);line-height:1.6em;background-color:#00AEEC;color:#FFF;font-weight:bold;padding:15px;box-sizing:border-box;border-radius:15px 15px 0 0;}
#rival_text{width:fit-content;block-size: fit-content;margin:0 auto;font-size:1.2em;padding:15px;box-sizing:border-box;line-height:1.8em;font-size:clamp(1.1em, 3vw , 1.2em);line-height:clamp(1.8em, 3vw, 1.8em);}

/*---------------------------------------------
番組表
----------------------------------------------*/
#bangumi{width:100%;max-width:800px;margin:0 auto;}

.bangumi_day{font-size:1.5em;display:inline-block;padding:20px;box-sizing;box-sizing:border-box;margin-top:20px;background-color:#21bf25;border-radius:20px 20px 0 0;color:#FFF;font-weight:bold;}
.bangumi_flame{border-radius:0 20px 20px 20px;border:3px solid #21bf25;padding:20px;box-sizing;box-sizing:border-box;}
.bangumi_grid{display:grid;grid-template-columns:auto 1fr 2fr 1fr;gap:20px 3%;place-content: center;place-items: center;justify-items:start;}
.bangumi_grid img,.youtube_grid img{transition: transform .2s;}
.bangumi_grid a:hover img,.youtube_grid a:hover img{transform: scale(1.1);}

.tv_logo{place-self: center;}
.time {font-family: "Exo 2", sans-serif;font-optical-sizing:auto; font-style: normal;font-size:1.8em;font-weight:bold;}
.line{grid-column: 1 / -1;border-bottom:2px dashed #f4e695;width:100%;}

.najirate_logo{max-width:200px;}
.smile_logo{max-width:140px;}
.sunday_logo{max-width:200px;}
/*---------------------------------------------
youtube
----------------------------------------------*/
.youtube_grid{
	display:grid;
	grid-template-columns:162fr 212fr 212fr 157fr;gap:15px;
	width:100%;max-width:1000px;margin:20px auto 20px auto;
	padding:50px 0;
	border-top:10px solid #ffd870;
	border-bottom:10px solid #ffd870;

}
.youtube_grid div{
	padding:10px 20px;box-sizing:border-box;
	place-content: center;
	place-items: center;
}

.youtube_grid img{
	width:auto;
	max-width: 100%;
	height: auto;
}
/*------------------
footer
--------------------*/
.l_footer{
	margin-top:0;margin-bottom:36px;
}

@media (min-width: 0px) and (max-width: 1000px) {
	.youtube_grid{grid-template-columns:auto auto;gap:20px 50px;margin:0 auto 0 auto;max-width:640px;padding:20px 20px 30px 20px;}
	.youtube_grid div{padding:0;}
}

@media (min-width: 0px) and (max-width: 640px) {

	.bangumi_grid{display:grid;grid-template-columns:auto 1fr 2fr;}
	.time{grid-row: span 2;}
	.tv_logo{grid-row: span 2;}
	.official,.bangumi_logo{justify-self: end;}
	.najirate_logo{width:90%;margin: 0 0 0 auto;}
	.smile_logo{width:75%;margin: 0 0 0 auto;}
	.sunday_logo{width:75%;margin: 0 0 0 auto;}
}

@media (max-width: 768px){

	.wrapper{
		margin:0 auto;
	}

	#main_title{
	  width:100%;margin-top:0px;border-radius:0;
	}
	#main_title img{border-radius:0;}

	#main_title_txt {width:90%;}


	.info {display: block;width: 100%;}
	#info_ttl {text-align:center;}
	.info_inner{margin-top:2em;}
	.info_text{padding:10px 0;}

	.niigata {width:100%;}
	.features {
		grid-template-columns:1fr 1fr;
	}
}



@media (min-width: 0px) and (max-width: 400px) {
	.time {font-size:1.5em;}
}
@media (min-width: 0px) and (max-width: 320px) {
	.youtube_grid{grid-template-columns:auto auto;gap:20px 30px;margin:0 auto 0 auto;max-width:424px;}
	.youtube_grid div{padding:0;}
	.time {font-size:1.2em;}
}

