@charset "utf-8";

/* シェアボタン */
#nansyon .share {
	display: flex;
	justify-content: flex-end;
	margin: 0 auto;
}
/* Twitter */
#nansyon .share .tw {
	width: 90px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background-color: #1d91e2;
	border: solid 2px #1d91e2;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	padding-bottom: 1px;
	border-radius: 30px;
	position: relative;
	transition: .3s;
	margin-left: 11px;
}
#nansyon .share .tw::before {
	content: url(https://www.htv.jp/img/icon/twitter_w.svg);
	width: 13px;
	margin-right: 5px;
	height: 11px;
}
#nansyon .share .tw:hover {
	color: #1d91e2;
	background-color: #fff;
}
#nansyon .share .tw:hover::before {
	content: url(https://www.htv.jp/img/icon/twitter.svg);
}
/* X */
#nansyon .share .x {
	width: 90px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background-color: #000000;
	border: solid 2px #000000;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	padding-bottom: 1px;
	border-radius: 30px;
	position: relative;
	transition: .3s;
	margin-left: 11px;
}
#nansyon .share .x::before {
	content: url("/img/icon/x_w.svg");
	width: 13px;
	margin-right: 5px;
	height: 11px;
}
#nansyon .share .x:hover {
	color: #000000;
	background-color: #fff;
}
#nansyon .share .x:hover::before {
	content: url("/img/icon/x_b.svg");
}
/* Facebook */
#nansyon .share .fb {
	width: 90px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background-color: #1877ed;
	border: solid 2px #1877ed;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	padding-bottom: 1px;
	border-radius: 30px;
	position: relative;
	transition: .3s;
	margin-left: 11px;
}
#nansyon .share .fb::before {
	content: url(https://www.htv.jp/img/icon/facebook_w.svg);
	width: 7px;
	margin-right: 11px;
}
#nansyon .share .fb:hover {
	color: #1877ed;
	background-color: #fff;
}
#nansyon .share .fb:hover::before {
	content: url(https://www.htv.jp/img/icon/facebook.svg);
}

/* リンク */
a:not(.ham-footer *):link,
a:not(.ham-footer *):visited,
a:not(.ham-footer *):hover {
	outline: none;
	text-decoration: none;
	color: inherit;
}

#nansyon{
	width: 100%;
	padding: 40px 0 80px;
/*	background-image: url(../img/nansyon_bg_pc.jpg); */
	background-image: url(/anta_nansyon/img/contents_background.jpg);
	background-position: center;
	color: rgba(23,38,58,1.00);
}
#nansyon .inner{
	width: 1100px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}
#nansyon .inner .inner-left{
	width: 760px;
	padding: 0;
	position: relative;
	text-align: left;
}
#nansyon .inner .inner-right{
	width: 290px;
}

/* トップページ */
/* 背景画像大 */
#top{
	width: 100%;
	position: relative;
	height: 469px;
/*
	background-image: url(../img/nansyon_main_bg_pc1.jpg);
	background-size: cover;
	background-position: center;
*/
    background-color: #FDD000;
}
/* 背景画像小 */
#top .main{
	background-image: url(../img/anta_nansyon_logo_20260918.png);
	background-size: cover;
	height: 469px;
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	background-position: center;
}
/* 番組ロゴ */
#top .logo{
	content: "　";
	background-image: url(../img/logo_202504.svg);
	background-repeat: no-repeat;
	display: block;
	width: 570px;
	width: 590px;
	height: 280px;
	height: 290px;
	position: absolute;
	/*left: 0;*/
	/*left: -2px;*/
	left: 11px;
	right: 0;
	bottom: 0;
	/*top: -100px;*/
	/*top: -92px;*/
	top: 0;
	margin: auto;
	font-size: 0;
	image-rendering: -webkit-optimize-contrast;
	z-index: 1;
	transition: 0.6s cubic-bezier(.175,.885,.32,1.3);
	opacity: 0;
	transform: scale(0);
}
#top .load{
	opacity: 1;
	transform: scale(1);
}
/* 背景デバイス */
#top .f1_bg{
	position: absolute;
	width: 1000px;
	bottom: 0;
	top: 14px;
	left: 0;
	right: 0;
	margin: auto;
}
/* 指 */
#top #f1{
	content: "　";
	display: block;
	position: absolute;
	width: 1000px;
	bottom: 0;
	top: 14px;
	left: 0;
	right: 0;
	margin: auto;
	background-image: url(../img/nansyon_f1_pc.svg);
}
#top .active2{
	background-image: url(../img/nansyon_f2_pc.svg) !important;
}
#top .active1{
	background-image: url(../img/nansyon_f1_pc.svg) !important;
}
/* 放送日時 */
#top h3{
	width: 480px;
	height: 66px;
	display: flex;
	background-color: rgba(255,255,255,1.00);
	border-radius: 50px;
	font-size: 29px;
	font-weight: 700;
	letter-spacing: 0.03em;
	justify-content: center;
	/*color: rgba(240,50,70,1.00);*/
	color: #f20000;
	line-height: 69px;
	position: absolute;
	bottom: 30px;
	bottom: 25px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}
#top h3 .tue{
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-right: 20px;
	line-height: 65px;
}
#top h3 .time{
	font-size: 46px;
	font-weight: 700;
	letter-spacing: 0;
	margin-left: 4px;
	margin-right: 2px;
	line-height: 56px;
}
#top h4 {
	content: "　";
    	background-image: url(/nansyon/img/fukidashi.svg);
    	background-repeat: no-repeat;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	text-align: center;
    	/*width: 231px;
    	height: 150px;*/
	width: 255px;
    	height: 165px;
    	position: absolute;
    	left: 823px;
    	right: 0px;
    	bottom: 0;
    	top: -260px;
    	margin: auto;
    	/* font-size: 0; */
    	image-rendering: -webkit-optimize-contrast;
    	z-index: 1;
    	transition: 0.6s cubic-bezier(.175,.885,.32,1.3);
	color: #fa7419;
    	font-weight: 700;
	font-size: 23px;
	padding: 15px 15px 25px;
	opacity: 0;
    	transform: scale(0);
	line-height: 30px;
	letter-spacing: 0.06em;
}

/* トップページ以外 */
/* 背景画像大 */
#top2{
	width: 100%;
	position: relative;
	height: 330px;
	background-image: url(../img/nansyon_main_bg_pc1.jpg);
	background-size: cover;
}
/* 背景画像小 */
#top2 .main{
	background-image: url(../img/nansyon_main_bg_pc2.jpg);
	background-size: 112% auto;
	height: 330px;
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
	background-position: center 31%;
}
/* 番組ロゴ */
#top2 .logo{
	content: "　";
	background-image: url(../img/logo_202504.svg);
	background-size: cover;
	display: block;
	width: 379px;
	width: 380px;
	/*height: 186px;
	height: 190px;*/
	height: 122px;
	position: absolute;
	left: 0;
	left: 5px;
	right: 0;
	bottom: 0;
	top: -62px;
	top: -59px;
	margin: auto;
	font-size: 0;
	image-rendering: -webkit-optimize-contrast;
	z-index: 1;
}
/* デバイス */
#top2 .f1_bg{
	position: absolute;
	width: 665px;
	bottom: 0;
	top: 19px;
	left: 16px;
	right: 0;
	margin: auto;
}
/* 放送日時 */
#top2 h3{
	width: 430px;
	height: 58px;
	display: flex;
	background-color: rgba(255,255,255,1.00);
	border-radius: 50px;
	font-size: 29px;
	font-weight: 700;
	letter-spacing: 0.02em;/*保留*/
	letter-spacing: 0.03em;
	justify-content: center;
	/*color: rgba(240,50,70,1.00);*/
	color: #f20000;
	line-height: 60px;
	position: absolute;
	bottom: 22px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}
#top2 h3 .tue{
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 0.03em;
	margin-right: 16px;
	line-height: 53px;
}
#top2 h3 .time{
	font-size: 46px;
	font-weight: 700;
	letter-spacing: 0.01em;/*保留*/
	letter-spacing: 0;
	margin-left: 4px;
	margin-right: 2px;
	line-height: 49px;
}

/* 次回予告 */
#yokoku{
	display:none;
	/*background-color:rgba(240,50,70,1.00);*/
	background-color:#0186ef;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
}
#yokoku dl{
	position: relative;
	display: flex;
	align-items: center;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}
#yokoku dt{
	position: relative;
	width: 258px;
	height: 37px;
	height: 100%;
	color: transparent;
}
#yokoku dt::before{
	content:"";
	background-image: url(../img/yokoku_blue.svg);
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 3px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 238px;
	width: 198px;
	height: 37px;
	margin: auto;
}
#yokoku dt::after{
	content:"";
	background-image: url(../img/yokoku-dot.svg);
	background-size: cover;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 30px;
	height: 37px;
	margin: auto;
}
#yokoku dd{
	width: calc(100% - 258px);
	color:rgba(255,255,255,1.00);
	font-size:21px;
	line-height: 32px;
	line-height: 29px;
	letter-spacing: 0.08em;
	font-weight: 700;
	text-align: left;
}

/* トップページ以外 */
/* サブタイトル */
#subtit{
	display: flex;
	align-items: center;
	justify-content: center;
/*	background-color:#0186ef; */
	background-color:#FAB700;

	height: 90px;
}
.tit_back img{
	height: 41px;
}
.tit_performer img{
	height: 48px;
}

/* トップページ・バックナンバー詳細 */
.single-wrap{
	margin-bottom: 40px;
}
.single-wrap img {
    max-width: 100%;
    height: auto;
    padding: 5px;
}
.single-wrap h3{
	display: flex;
	height: 40px;
	background-color:#FAB700;
	font-size: 17px;
	line-height: 1.0;
	font-weight: 700;
	letter-spacing: 0.10em;
	padding-left: 62px;
	align-items: center;
	color: rgba(255,255,255,1.00);
	position: relative;
	padding-bottom: 3px;
}



.single-wrap h3::before{
	content:"";
/*	background-image: url(/anta_nansyon/img/icon-date.svg); */
	background-image: url(/anta_nansyon/img/icon_next.svg);
	background-size: cover;
	position: absolute;
	width: 50px;
	height: 50px;
	top: -5px;
	left: 10px;
}
.single-wrap h3::after{
	/*display: block;*/
	display: none;
	content: "";
	position: absolute;
	top:-15px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	border-bottom: 15px solid rgba(0,205,130,1.00);
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}
.single-wrap .txt-box{
	background-color:rgba(255,255,255,1.00);
	padding: 25px 35px 40px;
	padding: 14px 35px 36px;
	margin-bottom: 30px;
}
.single-wrap h4{
	font-size: 23px;
	line-height: 32px;
	font-weight: 700;
	letter-spacing: 0.07em;
	padding: 0 0 0 5px;
}
.single-wrap .txt-box h5{
	display: flex;
	align-items: center;
	height: 36px;
	font-size: 15px;
	line-height: 1.0;
	font-weight: 700;
	letter-spacing: 0.10em;
/*	background-color:rgba(233,247,242,1.00); */
	background-color:#FAF8EE;
	/*color: rgba(0,205,130,1.00);*/
	color: #FAB700;
	padding-left: 20px;
	margin-top: 20px;
	margin-top: 16px;
	margin-bottom: 12px;
	margin-bottom: 7px;
}
.single-wrap .txt-box ul{
	position: relative;
	font-size: 14px;
	line-height: 23px;
	font-weight: 400;
	letter-spacing: 0.05em;
	padding-left: 1em;
}
.single-wrap .txt-box li{
	position: relative;
	font-size: 14px;
	line-height: 23px;
	font-weight: 400;
	letter-spacing: 0.05em;
	padding-left: 1.0em;
}
.single-wrap .txt-box li::before{
	display: block;
	position: absolute;
	content: "・";
	left:0;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
}
.single-wrap .txt-box p{
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
	letter-spacing: 0.05em;
}
section.single-wrap .txt-box h3{
	padding-left: 15px;
}

section.single-wrap .txt-box h3::before{
	background-image:none;
}

/* Youtube埋め込み */
.youtube_kuretuber_out{
	background-color: rgba(23,38,58,1.00);
	border-radius: 30px;
	padding-top: 22px;
	padding-bottom: 22px;
	padding-left: 40px;
	padding-right: 40px;
	margin-bottom: 30px;
	opacity: 0;
	transform: scale(0);
	transition: 0.6s cubic-bezier(.175,.885,.32,1.2);
	/*display: none;*/
	width: 0;
    	padding: 0;
}
.youtube_on{
	/*display: block;*/
	opacity: 1;
	transform: scale(1);
	width: auto;
    	padding: initial;
    	padding-top: 22px;
    	padding-bottom: 22px;
    	padding-left: 40px;
    	padding-right: 40px;
}
.youtube_kuretuber{
	display: block;
	position: relative;
	max-width: 100%;
	border: 1px solid rgba(68,82,103,1.00);
}
.youtube_kuretuber div{
	padding-top: 56.25%;
}
.youtube_kuretuber div iframe{
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
}

/* トップページ */
/* 出演者 */
#container-sub .anchor {
	display: block;
	padding-top: 30px;
	margin-top: -30px;
}

#performer{
	margin-bottom: 50px;
}

#performer h3{
	display: flex;
	height: 40px;
	background-color: #FAB700;
	font-size: 17px;
	line-height: 1.0;
	font-weight: 700;
	letter-spacing: 0.10em;
	padding-left: 62px;
	align-items: center;
	color: rgba(255,255,255,1.00);
	padding-bottom: 3px;
	position: relative;
}

#performer h3::before {
    content: "";
/*    background-image: url( /kuretuber/img/tit_performer_blue.svg); */
    background-image: url( /anta_nansyon/img/icon_syutsuen.svg);
    background-size: cover;
    position: absolute;
/*
    width: 28px;
    height: 28px;
    top: 6px;
    left: 20px;
*/

	width: 38px;
	height: 38px;
	top: 0;
	left: 15px;

  }

#performer .txt-box{
	background-color:rgba(255,255,255,1.00);
	padding: 25px 35px 40px;
	padding: 20px 35px 40px;
	text-align: center;
}
#performer h4{
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 23px;
	margin-bottom: 20px;
	margin-bottom: 17px;
	text-align: left;
}
#performer img{
	max-width: 300px;
	width: 100%;
	height: auto;
}
#performer .pre_name{
	color: rgba(240,50,70,1.00);
	font-size: 23px;
	font-weight: 700;
	letter-spacing: 0.07em;
	line-height: 30px;
	text-align: center;
	margin-top: 12px;
	margin-top: 7px;
}
#performer .pre_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 350px;
	height: 70px;
	color: rgba(255,255,255,1.00);
	background-color: rgba(240,50,70,1.00);
	border-radius: 10px;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 0.10em;
	line-height: 1.0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-top: 17px;
	position: relative;
	transition: 0.3s;
  cursor:pointer;
}
#performer .pre_btn .eff-8{
	width: 350px;
	height: 70px;
	border-radius: 10px;
	border:16px solid rgba(240,50,70,1.00);
	position:absolute;
	transition:all .5s ease;
}
#performer .pre_btn:hover .eff-8{
	/*border:2px solid rgba(0,205,130,1.00);*/
	border:2px solid #FAB700;
}
#performer .pre_btn:hover{
	/*background-color: rgba(0,205,130,1.00);*/
	background-color: #FAB700;
}
#performer .pre_deadline{
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.07em;
	line-height: 1.0;
	text-align: center;
	margin-top: 10px;
	margin-top: 9px;
}

/* 番組トップへのリンク */
#nansyon .bottom_nav_list{
	display: flex;
	width: 526px;
	margin-left: auto;
	margin-right: auto;
}
/* 番組情報トップへのリンク */
#nansyon .program-top{
	display: flex;
	width: 248px;
	height: 50px;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.09em;
	margin: 0 auto;
	padding-bottom: 1px;
	border: solid 2px #17263a;
	transition: .3s;
	border-radius: 50px;
}
#nansyon .program-top:hover{
	background-color: #17263a;
	color: #fff;
}

/* 番組ページ用ナビゲーション */
#nav2{
	width: 100%;
/*	margin-bottom: 8px; */
}
#nav2 .nav_list{
	display: flex;
	justify-content: center;
	flex-flow: column;
}
#nav2 .nav_list a{
	position: relative;
	width: 290px;
	height: 80px;
	margin-bottom: 7px;
	border-radius: 10px;
	/*background-color: rgba(0,205,130,1.00);*/
	background-color: #FAB700;
	color: transparent;
	transition: 0.3s;
	cursor: pointer;
}
#nav2 .nav_list .eff-8{
	border-radius: 10px;
	content: '';
	 /*絶対配置で位置を指定*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	z-index: 0;
	 /*色や形状*/
	/*background:rgba(240,50,70,1.00);*//*背景色*/
	background:#f8911a; /*背景色*/
	width: 100%;
	height: 100%;
	 /*アニメーション*/
	transform: scale(0, 1);
	transform-origin: right top;
}
#nav2 .nav_list a.nav_item:hover .eff-8{
	border-radius: 10px;
	transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
	transform-origin:left top;
	transform:scale(1, 1);
}
#nav2 .nav_list a.tw{
	background-color: rgba(29,145,226,1.00);
}
#nav2 .nav_list a.x{
	/*background-color: rgba(0,0,0,1.00);*/
}
#nav2 .nav_list a.kure{
	background-color: rgba(255,255,255,1.00) !important;
	border: 3px solid rgba(23,38,58,1.00);
}
#nav2 .nav_list a.kure .eff-8{
	border-radius: 0;
	background-color: rgba(23,38,58,1.00);
}
#nav2 .nav_list a.kure:hover .eff-8{
	border-radius: 0;
}
#nav2 .nav_list .nav_item::before{
	position: absolute;
	content: "";
	width: 290px;
	height: 80px;
	display: block;
	transition: 0.3s;
	z-index: 1;
}
#nav2 .nav_list .top::before{
/*	background-image: url(../img/nav_top_pc_red.svg); */
	background-image: url(/anta_nansyon/img/menu_top.svg);
	background-size: cover;
}
#nav2 .nav_list .performer::before{
/*	background-image: url(../img/nav_performer_pc_red.svg); */
	background-image: url(/anta_nansyon/img/menu_syutsuen.svg);
	background-size: cover;
}
#nav2 .nav_list .kids::before{
/*	background-image: url(../img/nav_bosyu_pc.svg); */
	background-image: url(/anta_nansyon/img/menu_bosyu.svg);

	background-size: cover;
}
#nav2 .nav_list .pre::before{
	background-image: url(../img/nav_pre_pc.svg);
	background-size: cover;
}
#nav2 .nav_list .back::before{
/*	background-image: url(../img/nav_back_pc_red.svg); */
	background-image: url(/anta_nansyon/img/menu_backnumber.svg);
	background-size: cover;
}
#nav2 .nav_list .tw::before{
	background-image: url(../img/nav_tw_pc.svg);
	background-size: cover;
}
#nav2 .nav_list .x::before{
	background-image: url(../img/nav_x_pc2.svg);
	background-size: cover;
}
#nav2 .nav_list .kure::before{
	background-image: url(../img/nav_kure_pc.svg);
	background-size: cover;
}
/*
#nav2 .nav_list a.top:hover::before{
	background-image: url(../img/nav_top_pc_orange.svg);
	background-size: cover;
}
#nav2 .nav_list a.performer:hover::before{
	background-image: url(../img/nav_performer_pc_orange.svg);
	background-size: cover;
}
#nav2 .nav_list a.kids:hover::before{
	background-image: url(../img/nav_bosyu_pc.svg);
	background-size: cover;
}
#nav2 .nav_list a.back:hover::before{
	background-image: url(../img/nav_back_pc_orange.svg);
	background-size: cover;
}
#nav2 .nav_list a.kure:hover::before{
	background-image: url(../img/nav_kure_pc_on.svg);
	background-size: cover;
}
*/
#nav2 .nav_list a.kure:hover{
	background-color: rgba(23,38,58,1.00);
}

#nav2 .single-wrap h3::before{
	content:"";
/*
	background-image: url(/anta_nansyon/img/icon-date.svg);
	width: 27px;
	height: 27px;
	top:6px;
	left: 20px;
*/
	background-image: url(/anta_nansyon/img/icon_sns.svg);
    width: 40px;
    height: 40px;
    top: 0;
    left: 15px;
}

/* 出演者 */
.cat{/* 220509修正 */
	margin-bottom: 27px;
}
.cat_txt {
	border: 3px solid #f20000;
    	border-radius: 10px;
    	background: #fff;
    	padding: 14px;
    	text-align: center;
    	color: #f20000;
    	font-weight: 700;
    	font-size: 25px;
    	letter-spacing: 0.02em;
	margin-bottom: 27px;
}
.profile{
	display: flex;
	flex-wrap: wrap;
	gap: 0 35px;
	margin-bottom: 20px;/* 220509修正 */
}
.pro_box{
	width: calc((100% - 70px) / 3);
	margin-bottom: 30px;/* 220509修正 */
}
.pro_photo img{
	width: 100%;
	height: auto;
}
.kimikure{
	position: relative;
}
.kimikure::before{
	position: absolute;
	top: -11px;
	left: -15px;
	content: "";
	background-image: url(../img/performer/leader.svg);
	width: 104px;
	height: 48px;
}
.pro_name{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 95px;
	background-color: #FAB700;
	border-radius: 10px;
	margin: 10px auto 0;
}
.pro_name img{
	max-width: 100%;
	height: auto;
}

.pro_name .name_txt {
	color: #fff;
	text-align: center;
}
.pro_name .name_txt .furigana {
	font-size: 14px;
	letter-spacing: 0.06em;
	padding: 0 0 6px;
}
.pro_name .name_txt .name {
	font-size: 23px;
	font-weight: 700;
	letter-spacing: 0.06em;
	padding: 0 0 6px;
}
.pro_name .name_txt .name_kimi {
	font-size: 16px;
	letter-spacing: 0.06em;
}

.ex_txt{/* 220509修正 */
	margin-top: 5px;
}

.ex_txt .intro {
	background: #fff;
    	border-radius: 10px;
    	border: 2px solid #FAB700;
    	padding: 5px;
    	font-size: 13px;
    	font-weight: 700;
	text-align: center;
	height: 70px;
	display: flex;
    	align-items: center;
    	justify-content: center;
	line-height: 17px;
}
.ex_txt .intro p {
	font-weight: 700;
}
.ex_txt .intro p .big {
	font-size: 15px;
    	font-weight: 700;
}
.ex_txt .intro p .green {
	color: #FAB700;
    	font-weight: 700;
}
.ex_txt .intro p small {
	font-size: 92%;
    	padding: 0 0 3px;
    	display: block;
    	font-weight: 500;
}

/* バックナンバー一覧 */
.back_list_box_inner{
	display: flex;
	flex-wrap: wrap;
	gap: 0 20px;
}
.back_list{
	width: calc((100% - 40px) / 3);
	margin-bottom: 30px;
}
.back_list img{
	width: 100%;
	height: auto;
}
.back_list h3{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 240px;
	height: 30px;
	background-color: #FAB700;
	color: rgba(255,255,255,1.00);
	font-size: 17px;
	line-height: 1.0;
	letter-spacing: 0.09em;
	font-weight: 700;
}
.back_list .back_list_txt{
	background-color: rgba(255,255,255,1.00);
	padding-top: 17px;
	padding-bottom: 20px;
	padding-bottom: 18px;
	padding-left: 17px;
	padding-right: 17px;
}
.back_list .back_list_date{
	font-size: 13px;
	line-height: 1.0;
	letter-spacing: 0.09em;
	font-weight: 400;
	color: #FAB700;
	margin-bottom: 8px;
	margin-bottom: 6px;
	display:none;
}
.back_list h4{
	font-size: 15px;
	line-height: 19px;
	letter-spacing: 0.09em;
	font-weight: 700;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height:calc(19px * 2 + 5px);
	transition: 0.3s;
}
.back_list a:hover h4{
	color: #FAB700;
}

/* ページング */
#back_list_box .paging{
	width: 280px;
	margin-top: 10px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#back_list_box .paging .prev{
	position: absolute;
	left: 0;
	background-color: #17263a;
	width: 30px;
	height: 30px;display: flex;
	justify-content: center;
	align-items: center;
}

#back_list_box .paging .prev::before{
	content: 'prev';
	font-family: swiper-icons;
	font-size: 12px;
	font-size: 10px;
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1;
	color: #fff;
}

#back_list_box .paging .next{
	position: absolute;
	right: 0;
	background-color: #17263a;
	width: 30px;
	height: 30px;display: flex;
	justify-content: center;
	align-items: center;
}

#back_list_box .paging .next::before{
	content: 'next';
	font-family: swiper-icons;
	font-size: 12px;
	font-size: 10px;
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1;
	color: #fff;
}

#back_list_box .paging .prev:hover,
#back_list_box .paging .next:hover{
	background-color: #445164;
}

#back_list_box .paging .num{
	width: 180px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

#back_list_box .paging .num a{
	display: flex;
	width: 30px;
	height: 30px;
	justify-content: center;
	align-items: center;
	background-color: #efebeb;
	font-size: 13px;
	font-weight: 400;
	margin: 0 3px;
}

#back_list_box .paging .num a:hover{
	background-color: #FAB700;
	color: #fff;
}

#back_list_box .paging .num a.active{
	background-color: #FAB700;
	color: #fff;
}

/* 子ども呉Tuber */
#kidstuber a {
	display: block;
    	margin: 20px auto 60px;
    	padding: 25px 50px 25px 40px;
    	text-align: center;
    	font-weight: 700;
    	font-size: 26px;
    	position: relative;
    	width: 100%;
    	letter-spacing: 0.18em;
    	transition: .3s;
    	border: 2px solid #ff832c;
    	background-color: #ff832c;
    	color: #fff;
    	text-decoration: none;
    	line-height: 26px;
    	/* width: fit-content; */
    	min-width: 270px;
	border-radius: 10px;
	box-shadow: 0px 6px 0px 0px #a76229;
}
#kidstuber a:hover {
  	/*transform: translateY(6px);
  	box-shadow: 0 0 0 #a76229;*/
	border: 2px solid #FAB700;
	background-color: #FAB700;
	box-shadow: 0px 6px 0px 0px #167833;
}
#kidstuber a:after {
    	content: '';
    	position: absolute;
    	top: 50%;
    	right: 50px;
    	transform: rotate(45deg) translateY(-50%);
    	width: 11px;
    	height: 11px;
    	border-width: 3px 3px 0 0;
    	border-style: solid;
    	border-color: #fff;
}
.single-wrap .kids .oubo {
	border: 2px solid #FAB700;
    	border-radius: 20px;
    	padding: 20px;
    	margin: 20px 15px 0;
}
.single-wrap .kids .oubo h6 {
/*
	font-size: 90%;
    	display: inline-block;
    	padding: 10px 20px;
    	margin: 0 0 5px;
    	color: rgba(255, 255, 255, 1.00);
    	background: rgba(31, 39, 55, 1.00);
    	font-weight: 500;
    	letter-spacing: 0;
    	text-align: center;
*/
	color: #FAB700;
	font-weight: 700;
    	letter-spacing: 0.10em;
    	font-size: 15px;
	border-bottom: 2px solid #FAB700;
    	padding: 0 0 8px;
	margin: 0 0 15px;
}
.single-wrap .kids .pad15 {
	padding: 0 15px;
}
.single-wrap .kids strong {
	/*color: #FAB700;*/
}
.single-wrap .kids small {
	font-size: 12px;
    	font-weight: 300;
    	letter-spacing: 0.01em;
    	line-height: 18px;
    	margin-bottom: 27px;
    	display: block;
}
.single-wrap .kids .oubo_link {
	font-size: 15px;
    	font-weight: 700;
   	letter-spacing: 0.06em;
    	display: flex;
    	width: 250px;
    	height: 50px;
    	margin: 0 auto;
    	justify-content: center;
   	align-items: center;
    	color: #fff;
    	background-color: #f57e08;
    	position: relative;
    	padding-bottom: 1px;
    	border: solid 2px #f57e08;
    	padding-right: 17px;
    	transition: .3s;
}
.single-wrap .kids .oubo_link:after {
    	content: '';
    	position: absolute;
    	top: 50%;
    	right: 20px;
    	transform: rotate(45deg) translateY(-50%);
    	width: 8px;
    	height: 8px;
    	border-width: 2px 2px 0 0;
    	border-style: solid;
    	border-color: #fff;
}
.single-wrap .kids .oubo_link:hover{
	color: #f57e08;
	background-color: #fff;
}
.single-wrap .kids .oubo_link:hover::after{
	border-color: #f57e08;
}
.single-wrap .kuretuber_new img {
	max-width: 100%;
    	width: auto;
    	height: auto;
}
.single-wrap .kuretuber_new a {
	font-weight: 500;
    	color: #337ab7;
    	word-break: break-all;
}
#concept-text{
  padding-top: 23px;
  padding-bottom: 23px;
/* color: #FAB700; */
  background-color: #FAF8EE;
  background-image: url(/anta_nansyon/img/setsumei_background.jpg);
  background-size: cover;
  background-position: center;

}
#concept-text p {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.06em;
    text-align: center;
}
/* 情報募集 アイコン */
.single-wrap h3.info_search::before{
	background-image: url(/anta_nansyon/img/icon_bosyu.svg);
	left: 15px;
    width: 40px;
    height: 40px;
    top: 0px;

}
/* SP用の改行 (PC非表示) */
.SPbr {
	display:none;
}
/* SP用 */
@media screen and (max-width: 810px){
/* シェアボタン */
#container-sub .share {
	width: 188px;
	display: flex;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
	margin-top: 13px;
	margin-bottom: 19px;
	margin-bottom: 24px;
}
/* Twitter */
#container-sub .share .tw {
	width: 90px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background-color: #1d91e2;
	border: solid 2px #1d91e2;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	padding-bottom: 1px;
	border-radius: 30px;
	position: relative;
	transition: .3s;
}
#container-sub .share .tw::before {
	content: url(https://www.htv.jp/genkimaru/img/icon/twitter_w.svg);
	width: 13px;
	margin-right: 5px;
	height: 11px;
}
/* X */
#container-sub .share .x {
	width: 90px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background-color: #000000;
	border: solid 2px #000000;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	padding-bottom: 1px;
	border-radius: 30px;
	position: relative;
	transition: .3s;
}
#container-sub .share .x::before {
	content: url("/img/icon/x-icon_share_w.svg");
	width: 13px;
	margin-right: 5px;
	height: 11px;
}
/* Facebook */
#container-sub .share .fb {
	width: 90px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background-color: #1877ed;
	border: solid 2px #1877ed;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	padding-bottom: 1px;
	border-radius: 30px;
	position: relative;
	transition: .3s;
}
#container-sub .share .fb::before {
	content: url(https://www.htv.jp/genkimaru/img/icon/facebook_w.svg);
	width: 7px;
	margin-right: 11px;
}

#nansyon{
	width: 100%;
	padding: 36px 0 65px;
/*
	background-image: url(../img/nansyon_bg_sp.jpg); 
	background-size: cover;
*/
	background-image: url(/anta_nansyon/img/contents_background.jpg);
	background-position: center;
	color: rgba(23,38,58,1.00);
}
#nansyon .inner{
	width: 100%;
	margin: 0 auto;
	flex-direction: column;
}
#nansyon .inner .inner-left{
	width: 100%;
	padding: 36px 0 65px;
	order: 2;
}
#nansyon .inner .inner-right {
    width: 100%;
/*
    padding-top: 19px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 13px;
*/
	padding: 0 5px;
    order: 1;
}

/* トップページ */
/* 背景画像大 */
#top{
	height: auto;
	/*
	background-image: url(../img/kuretuber_main_bg_sp.jpg);
	background-size: cover;
	*/
}
#top .main{
	width: 100%;
	aspect-ratio: 320 / 131;
	background-image: url(/anta_nansyon/img/anta_nansyon_logo_sp_20260918.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
}
/* 番組ロゴ */
#top .logo{
	content: "　";
	background-image: url(/anta_nansyon/img/logo_202504.svg);
	background-size: cover;
	display: block;
	width: 283px;
	width: 285px;
	height: 139px;
	height: 142px;
	position: absolute;
	left: 18px;
	right: 0;
	bottom: 0;
	top: -25px;
	margin: auto;
	font-size: 0;
	image-rendering: -webkit-optimize-contrast;
	z-index: 1;
	transition: 0.6s cubic-bezier(.175,.885,.32,1.3);
	opacity: 0;
	transform: scale(0);
}
#top .load{
	opacity: 1;
	transform: scale(1);
}
/* 背景デバイス */
#top .f1_bg{
	position: absolute;
	width: 100%;
	height: 250px;
	bottom: 0;
	top: 45px;
	left: 0;
	right: 0;
	margin: auto;
}
/* 指 */
#top #f1{
	content: "　";
	display: block;
	position: absolute;
	width: 100%;
	height: 250px;
	bottom: 0;
	top: 45px;
	left: 0;
	right: 0;
	margin: auto;
	background-image: url(/anta_nansyon/img/kuretuber_f1_sp.png);
	background-size: cover;
}
#top .active2{
	background-image: url(/anta_nansyon/img/kuretuber_f2_sp.png) !important;
	background-size: cover;
}
#top .active1{
	background-image: url(/anta_nansyon/img/kuretuber_f1_sp.png) !important;
	background-size: cover;
	width: 100%;
}
/* 放送日時 */
#top h3{
	width: 291px;
	height: 43px;
	display: flex;
	background-color: rgba(255,255,255,1.00);
	border-radius: 21px;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 0.03em;
	justify-content: center;
	/*color: rgba(240,50,70,1.00);*/
	color: #f20000;
	line-height: 42px;
	position: absolute;
	bottom: 19px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}
#top h3 .tue{
	font-size: 23px;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-right: 12px;
	line-height: 40px;
}
#top h3 .time{
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0;
	margin-left: 4px;
	margin-right: 2px;
	line-height: 36px;
}
#top h4 {
	content: "　";
    	background-image: url(/anta_nansyon/img/fukidashi.svg);
    	background-repeat: no-repeat;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	text-align: center;
    	/*width: 231px;
    	height: 150px;*/
	width: 119px;
    	height: 77px;
    	position: absolute;
    	left: 235px;
    	right: 0px;
    	bottom: 0;
    	top: -160px;
    	margin: auto;
    	/* font-size: 0; */
    	image-rendering: -webkit-optimize-contrast;
    	z-index: 1;
    	transition: 0.6s cubic-bezier(.175,.885,.32,1.3);
	color: #fa7419;
    	font-weight: 700;
	font-size: 11.5px;
	padding: 15px 5px 21px;
	opacity: 0;
    	transform: scale(0);
	line-height: 18px;
	letter-spacing: 0.06em;
}

/* トップページ以外 */
/* 背景画像大 */
#top2{
	width: 100%;
	position: relative;
	height: 295px;
	background-image: url(/anta_nansyon/img/kuretuber_main_bg_sp.jpg);
	background-size: cover;
}
#top2 img{
	width: 100%;
}
/* 番組ロゴ */
#top2 .logo{
	content: "　";
	background-image: url(/anta_nansyon/img/logo_202504.svg);
	background-size: cover;
	display: block;
	width: 283px;
	height: 139px;
	position: absolute;
	left: 15px;
	right: 0;
	bottom: 0;
	top: -29px;
	margin: auto;
	font-size: 0;
	image-rendering: -webkit-optimize-contrast;
	z-index: 1;
}
/* デバイス */
#top2 .f1_bg{
	position: absolute;
	width: 100%;
	height: 250px;
	bottom: 0;
	top: 45px;
	left: 0;
	right: 0;
	margin: auto;
}
/* 指 */
#top2 #f1{
	content: "　";
	display: block;
	position: absolute;
	width: 100%;
	height: 250px;
	bottom: 0;
	top: 45px;
	left: 0;
	right: 0;
	margin: auto;
	background-image: url(/anta_nansyon/img/kuretuber_f1_sp.png);
	background-size: cover;
}
/* 放送日時 */
#top2 h3{
	width: 291px;
	height: 43px;
	display: flex;
	background-color: rgba(255,255,255,1.00);
	border-radius: 21px;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 0.03em;
	justify-content: center;
	/*color: rgba(240,50,70,1.00);*/
	color: #f20000;
	line-height: 42px;
	position: absolute;
	bottom: 19px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}
#top2 h3 .tue{
	font-size: 23px;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-right: 12px;
	line-height: 40px;
}
#top2 h3 .time{
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0;
	margin-left: 4px;
	margin-right: 2px;
	line-height: 36px;
}

/* 次回予告 */
#yokoku{
	display:none;
	/*background-color:rgba(240,50,70,1.00);*/
	background-color: #0186ef;
	text-align: center;
	padding-top: 23px;
	padding-bottom: 23px;
	padding-bottom: 21px;
	padding-left: 13px;
	padding-right: 13px;
	margin-top: -5px;
}
#yokoku dl{
	position: relative;
	display: flex;
	align-items: center;
	flex-flow: column;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}
#yokoku dt{
	position: relative;
	color: transparent;
	width: 140px;
	height: 26px;
	margin-bottom: 13px;
	margin-bottom: 10px;
}
#yokoku dt::before{
	content:"";
	display: block;
	background-image: url(/anta_nansyon/img/yokoku_blue.svg);
	background-size: cover;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 140px;
	height: 26px;
	margin: auto;
}
#yokoku dd{
	width: 100%;
	color:rgba(255,255,255,1.00);
	font-size:15px;
	line-height: 19px;
	letter-spacing: 0.08em;
	font-weight: 700;
	text-align: center;
}

/* トップページ以外 */
/* サブタイトル */
#subtit{
	display: flex;
	align-items: center;
	justify-content: center;
/*	background-color:#0186ef; */
	background-color:#FAB700;
	height: 90px;
	padding-top: 0;
	margin-top: -5px;
}
.tit_back img{
	height: 37px;
}
.tit_performer img{
	height: 39px;
}

/* トップページ・バックナンバー詳細 */
.single-wrap{
	margin: 0 !important;
}
.single-wrap h3{
	display: flex;
	height: 36px;
	background-color: #FAB700;
	font-size: 16px;
	line-height: 1.0;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding-left: 55px;
	align-items: center;
	color: rgba(255,255,255,1.00);
	position: relative;
	padding-bottom: 3px;
	margin-left: 19px;
	margin-right: 19px;

}
.single-wrap h3::before{
	content:"";
	background-image: url(/anta_nansyon/img/icon-date.svg);
	background-size: cover;
	position: absolute;
	width: 23px;
	height: 23px;
	top:6px;
	left: 20px;
}
.single-wrap h3::after{
	display: none;
	content: "";
	position: absolute;
	top:-13px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	border-bottom: 13px solid rgba(0,205,130,1.00);
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
}
.single-wrap .txt-box{
	background-color:rgba(255,255,255,1.00);
	padding: 25px 19px 40px;
	padding: 10px 19px 23px;
	margin-left: 19px;
	margin-right: 19px;
	margin-bottom: 25px;
}
.single-wrap h4{
	font-size: 19px;
	line-height: 25px;
	font-weight: 700;
	letter-spacing: 0.06em;
	padding: 0 0 0 5px;
}
.single-wrap .txt-box h5{
	display: flex;
	align-items: center;
	height: 26px;
	font-size: 14px;
	line-height: 1.0;
	font-weight: 700;
	letter-spacing: 0.06em;
/*	background-color:rgba(233,247,242,1.00); */
	background-color:#FAF8EE;
	color: #FAB700;
	padding-left: 19px;
	margin-top: 23px;
	margin-top: 19px;
	margin-bottom: 13px;
	margin-bottom: 8px;
}
.single-wrap .txt-box ul{
	overflow: hidden;
	padding-bottom: 9px;
}
.single-wrap .txt-box ul{
	position: relative;
	font-size: 14px;
	line-height: 23px;
	font-weight: 400;
	letter-spacing: 0.06em;
	padding-left: 1.0em;
}
.single-wrap .txt-box li{
	position: relative;
	font-size: 14px;
	line-height: 23px;
	font-weight: 400;
	letter-spacing: 0.06em;
	padding-left: 1.0em;
}
.single-wrap .txt-box li::before{
	display: block;
	position: absolute;
	content: "・";
	left:0;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.06em;
}
.single-wrap .txt-box p{
	font-size: 14px;
	line-height: 23px;
	font-weight: 400;
	letter-spacing: 0.01em;
	padding-bottom: 9px;
}
section.single-wrap .txt-box h3 {
	margin-left: 0;
	margin-right: 0;
}
/* Youtube埋め込み */
.youtube_kuretuber_out{
	background-color: rgba(23,38,58,1.00);
	border-radius: 15px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 19px;
	margin-left: 13px;
	margin-right: 13px;
	opacity: 0;
	transform: scale(0);
	transition: 0.6s cubic-bezier(.175,.885,.32,1.2);
	width: 0;
    	padding: 0;
}
.youtube_on{
	opacity: 1;
	transform: scale(1);
	width: auto;
	padding-top: 12px;
       	padding-bottom: 12px;
        	padding-left: 20px;
        	padding-right: 20px;
}
.youtube_kuretuber{
	display: block;
	position: relative;
	max-width: 100%;
	border: 1px solid rgba(68,82,103,1.00);
}
.youtube_kuretuber div{
	padding-top: 56.25%;
}
.youtube_kuretuber div iframe{
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
}

/* トップページ */
/* プレゼント */
#container-sub .anchor {
	display: block;
	padding-top: 5px;
	margin-top: -5px;
}
#present{
	margin-bottom: 39px;
	padding-left: 19px;
	padding-right: 19px;
}
#present h3{
	display: flex;
	height: 36px;
	background-color:rgba(240,50,70,1.00);
	font-size: 16px;
	line-height: 1.0;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding-left: 57px;
	align-items: center;
	color: rgba(255,255,255,1.00);
	position: relative;
}
#present h3::before{
	content:"";
	background-image: url(/anta_nansyon/img/icon-pre.svg);
	background-size: cover;
	position: absolute;
	width: 25px;
	height: 25px;
	top:5px;
	left: 19px;
}
#present .txt-box{
	background-color:rgba(255,255,255,1.00);
	padding: 23px 19px 39px;
	padding: 18px 19px 39px;
	text-align: center;
}
#present h4{
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 23px;
	margin-bottom: 23px;
	margin-bottom: 19px;
	text-align: left;
}
#present img{
	max-width: 480px;
	width: 100%;
	height: auto;
}
#present .pre_name{
	color: rgba(240,50,70,1.00);
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: 25px;
	text-align: left;
	margin-top: 12px;
	margin-top: 7px;
}
#present .pre_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 298px;
	height: 58px;
	color: rgba(255,255,255,1.00);
	background-color: rgba(240,50,70,1.00);
	border-radius: 6px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.07em;
	line-height: 1.0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-top: 17px;
	transition: 0.3s;
}
#present .pre_btn:hover{
	/*background-color: rgba(0,205,130,1.00);*/
	background-color: #FAB700;
}
#present .pre_deadline{
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.07em;
	line-height: 1.0;
	text-align: center;
	margin-top: 10px;
	margin-top: 9px;
}

/* 番組トップへのリンク */
#nansyon .bottom_nav_list{
	display: flex;
	flex-flow: column;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#nansyon .bottom_nav_list a:first-child{
	margin-bottom: 19px;
}
/* 番組情報トップへのリンク */
#nansyon .program-top{
	display: flex;
	width: 248px;
	height: 50px;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.07em;
	margin: 0 auto;
	padding-bottom: 1px;
	border: solid 2px #17263a;
	transition: .3s;
	border-radius: 50px;
}
#nansyon .bottom_nav_list .program-top{
	width: 233px;
	height: 52px;
}
#nansyon .program-top:hover{
	background-color: #17263a;
	color: #fff;
}

/* 番組ページ用ナビゲーション */
#nav2 {
	position: relative;
	background-color: rgba(255,255,255,1.00);
	background-color: transparent;
	width: 100%;
	padding-top: 19px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 13px;
	z-index: 1;
	background-image: url(/anta_nansyon/img/contents_background.jpg);
	background-position: center;
}
#nav2 .nav_list{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-flow: wrap;
}
#nav2 .nav_list a{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	display: block;
	width: calc((100% / 2) - 8px);
	height: 49px;
	margin-bottom: 6px;
	border-radius: 6px;
	/*background-color: rgba(0,205,130,1.00);*/
	background-color: #FAB700;
	color: transparent;
	margin-left: 4px;
	margin-right: 4px;
	transition: 0.3s;
}
#nav2 .nav_list a.tw{
	background-color: rgba(29,145,226,1.00);
	transition: 0.3s;
}
#nav2 .nav_list a.x{
	/*background-color: rgba(0,0,0,1.00);*/
	transition: 0.3s;
}
#nav2 .nav_list a.kure{
	background-color: rgba(255,255,255,1.00);
	border: 2px solid rgba(23,38,58,1.00);
	transition: 0.3s;
}
#nav2 .nav_list .nav_item::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 49px;
	display: block;
}
/*
#nav2 .nav_list .top::before{
	background-image: url(/anta_nansyon/img/nav_top_sp_red.svg?2);
	background-size: cover;
}
*/
/*
#nav2 .nav_list .performer::before{
	background-image: url(/anta_nansyon/img/nav_performer_sp_red.svg);
	background-size: cover;
}
*/
/*
#nav2 .nav_list .kids::before{
	background-image: url(/anta_nansyon/img/nav_bosyu_sp.svg);
	background-size: cover;
}
*/
#nav2 .nav_list .pre::before{
	background-image: url(/anta_nansyon/img/nav_pre_sp.svg);
	background-size: cover;
}
/*
#nav2 .nav_list .back::before{
	background-image: url(/anta_nansyon/img/nav_back_sp_red.svg);
	background-size: cover;
}
*/
#nav2 .nav_list .tw::before{
	background-image: url(/anta_nansyon/img/nav_tw_sp.svg);
	background-size: cover;
}
#nav2 .nav_list .x::before{
	background-image: url(/anta_nansyon/img/nav_x_sp2.svg);
	background-size: cover;
}
#nav2 .nav_list .kure::before{
	background-image: url(/anta_nansyon/img/nav_kure_sp.svg?20220426);
	background-size: cover;
}
#nav2 .single-wrap .txt-box{
	margin:0 4px;
}
#nav2 .single-wrap h3{
	margin: 0 4px;
}
#nav2 .single-wrap h3::before{
	content:"";
	background-image: url(/anta_nansyon/img/icon_sns.svg);
	width: 35px;
	height: 35px;
	top: 0;
	left: 10px;
}
/* 出演者 */
#performer{
  margin-left: 19px;
  margin-right: 19px;
}
.cat{/* 220509修正 */
	margin-top: -10px;
	margin-bottom: 26px;
	padding-left: 19px;
	padding-right: 19px;
}
.cat img{/* 220509修正 */
	width: 100%;
}
.cat_txt {
	border: 2px solid #f20000;
    	border-radius: 5px;
    	background: #fff;
    	padding: 12px;
    	text-align: center;
    	color: #f20000;
    	font-weight: 700;
    	font-size: 17px;
    	letter-spacing: 0.02em;
	margin: -10px auto 26px;
    	width: 90.5%;
}
.profile{
	display: flex;
	flex-wrap: wrap;
	gap: 0 17px;
	margin-bottom: 13px;
	padding-left: 19px;
	padding-right: 19px;
}
.pro_box{
	width: calc((100% - 17px) / 2);
	margin-bottom: 26px;
}
.pro_photo img{
	width: 100%;
	height: auto;
}
.kimikure{
	position: relative;
}
.kimikure::before{
	position: absolute;
	top: -11px;
	left: -15px;
	content: "";
	background-image: url(/anta_nansyon/img/performer/leader.svg);
	background-size: cover;
	width: 79px;
	height: 36px;
}
.pro_name{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 78px;
	background-color: #FAB700;
	border-radius: 6px;
	margin-top: 6px;
}
.pro_name img{
	max-width: 78%;
	height: auto;
}

.pro_name .name_txt {
	color: #fff;
	text-align: center;
}
.pro_name .name_txt .furigana {
	font-size: 10px;
	letter-spacing: 0.06em;
	padding: 0 0 6px;
}
.pro_name .name_txt .name {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.06em;
	padding: 0 0 6px;
}
.pro_name .name_txt .name_kimi {
	font-size: 11px;
	letter-spacing: 0.06em;
}

.ex_txt{/* 220509修正 */
	margin-top: 6px;
}
.ex_txt img{/* 220509修正 */
	width: 100%;
}

.ex_txt .intro {
	background: #fff;
    	border-radius: 10px;
    	border: 2px solid #FAB700;
    	padding: 5px;
    	font-size: 12px;
    	font-weight: 700;
	text-align: center;
	height: 80px;
	display: flex;
    	align-items: center;
    	justify-content: center;
	line-height: 17px;
}
.ex_txt .intro p {
	font-weight: 700;
}
.ex_txt .intro p .big {
	font-size: 15px;
    	font-weight: 700;
}
.ex_txt .intro p .green {
	color: #FAB700;
    	font-weight: 700;
}
.ex_txt .intro p small {
	font-size: 90%;
    	padding: 0 0 3px;
    	display: block;
    	font-weight: 500;
}

/* バックナンバー一覧 */
.back_list_box_inner{
	display: flex;
	flex-wrap: wrap;
	gap: 0 13px;
	padding-left: 19px;
	padding-right: 19px;
}
.back_list{
	width: calc((100% - 13px) / 2);
	margin-bottom: 19px;
}
.back_list img{
	width: 100%;
	height: auto;
}
.back_list h3{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 26px;
	background-color: #FAB700;
	color: rgba(255,255,255,1.00);
	font-size: 14px;
	line-height: 1.0;
	letter-spacing: 0.09em;
	font-weight: 700;
}
.back_list .back_list_txt{
	background-color: rgba(255,255,255,1.00);
	padding-top: 16px;
	padding-bottom: 19px;
	padding-bottom: 17px;
	padding-left: 13px;
	padding-right: 13px;
}
.back_list .back_list_date{
	font-size: 12px;
	line-height: 1.0;
	letter-spacing: 0.09em;
	font-weight: 400;
	margin-bottom: 10px;
	margin-bottom: 7px;
	display:none;

}
.back_list h4{
	font-size: 15px;
	line-height: 19px;
	letter-spacing: 0.06em;
	font-weight: 700;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	height:calc(19px * 3);
}

/* ページング */
#back_list_box .paging{
	width: 280px;
	margin: 7px auto 78px;
	position: relative;
	font-size: 15px;
}

#back_list_box .paging .prev{
	position: absolute;
	left: 0;
	background-color: #17263a;
	width: 39px;
	height: 39px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#back_list_box .paging .prev::before{
	content: 'prev';
	font-family: swiper-icons;
	font-size: 12px;
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1;
	color: #fff;
}

#back_list_box .paging .next{
	position: absolute;
	right: 0;
	background-color: #17263a;
	width: 39px;
	height: 39px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#back_list_box .paging .next::before{
	content: 'next';
	font-family: swiper-icons;
	font-size: 12px;
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1;
	color: #fff;
}

#back_list_box .paging .prev:hover,
#back_list_box .paging .next:hover{
	background-color: #445164;
}

#back_list_box .paging .num{
	margin: 0 auto;
	padding: 10px 4px 0;
	text-align: center;
	height: 39px;
}
#concept-text{
    padding-top: 19px;
    padding-bottom: 19px;
}
#concept-text p {
	font-size: 14px;
	line-height: 19px;
	line-height: 23px;
	text-align: center;
	margin-bottom: 0;
}
/* SP用の改行 (PC非表示) */
.SPbr {
	display:block;
}
/* 情報募集 アイコン */
.single-wrap h3.info_search::before{
	background-image: url(/anta_nansyon/img/icon_bosyu.svg);
	width: 35px;
	height: 35px;
	top: 0;
	left: 10px;
}
}