@charset "utf-8";

/*======================================================================

　テレビ愛知　トップ
　
	[01] 基本・レイアウト
    [02] レクタングル
	[03] NOW ON AIR
    [04] お知らせ
	[05] 広告
    [06] ピックアップ
	[07] 愛知のニュース
	[08] 動画配信
	[09] イベント情報
	[10] 読むテレビ愛知
	[11] コンテンツ
	[12] プレゼント・試写会・プレスリリース
	[13] バナー
	[99] メディアクエリ




======================================================================*/


/*------------------------------------------------

	[01] 基本・レイアウト

------------------------------------------------*/
#toptva { font-family: "YakuHanJPs", "Roboto", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Arial, "nc3Jp", sans-serif !important; }
#toptva h2 { font-size: 2.0rem; font-weight: 600; flex-grow: 2; color: #292929; }
#toptva h3 { font-size: 1.25rem; font-weight: 600; }
.bg_box_h2 { position: relative; width: 100%; margin: 10px 0 20px; padding: 20px 0 0; }
.bg_box_h2:before { content: ""; display: block; position: absolute; height: 5px; top: -5px; width: 70px; left: 0%; background: #c00014; border-radius: 4px; }
.box_h2 { display: flex; width: 100%; max-width: 1920px; margin: 0 auto; }
.box_h2 a { display: flex; text-decoration: none; align-items: center; }
.box_h2 a span { padding: 6px 18px; font-size: 0.875rem; color: #fff; line-height: 1.3; border-radius: 4px; background: #292929; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.box_h2 a span:hover { opacity: 0.7; }
#toptva_event .bg_box_h2 { width: 100%; margin: 10px auto 20px; }
#toptva #toptva_other h2 { font-size: 1.25rem; font-weight: 600; flex-grow: 2; color: #292929; }
#toptva_other .bg_box_h2 { position: relative; width: calc(100% - 2em); margin: 0; padding: 20px 1em 10px; background: #f7f7f7; border-radius: 4px; }
#toptva_other .bg_box_h2:before { display: none; }
#toptva_other .box_h2 { display: flex; width: 100%; max-width: none; margin: 0 auto; padding: 0 0 10px; color: #292929; }
#toptva_other .box_h2 a { display: flex; text-decoration: none; align-items: center; }
#toptva_other .box_h2 a span { padding: 6px 18px; font-size: 0.875rem; color: #fff; line-height: 1.3; border-radius: 4px; background: #292929; }


/*------------------------------------------------

	[02] レクタングル

------------------------------------------------*/
#toptva_rectangle { position: relative; width: 100%; max-width: 1920px; margin: 20px auto 60px; padding: 0 0 30px; }
#toptva_rectangle .l-inner { position: relative; }
#toptva_rectangle .swiper-pagination { bottom: -30px !important; }
#toptva_rectangle .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
#toptva_rectangle .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px }

#toptva_rectangle .swiper-button-prev { left: -85px; }
#toptva_rectangle .swiper-button-next { right: -85px; }

.swiper-button-next, .swiper-button-prev { width: 44px!important; height: 44px!important; padding: 0!important; border-radius: 999px; background: rgb(41,41,41,0.3); }   


/*------------------------------------------------

	[03] NOW ON AIR

------------------------------------------------*/
div[data-nowonair-block="NOW ON AIR 表示エリア"] { display: block !important; }
div[data-nowonair-block-sp="NOW ON AIR 表示エリア"] { display: none !important; }

.nowoa_head { display: flex; }
.title_nowoa { width: 46%; text-align: center; line-height: 33px; }
.title_nowoa img { width: 100%; max-width: 102px; }
.nowoa_head a { width: calc(54% - 16px); }

.nowonair dl, .broadcast dl { display: table; padding: 0 !important; border-radius: 0 !important; margin-bottom: 0; background-color: transparent !important;	border-bottom: 1px solid #f2f2f2 !important; }
.nowonair dl a {text-decoration: none; color: #353434;}
.nowonair #now-on-air > div > div:last-child dl {border-bottom: 0px !important;}
.nowonair dt, .broadcast dt { width:  10%; background: #f2f2f2; vertical-align: baseline; color: #c7272a !important; font-weight: 600; }
.nowonair dt.current, .broadcast dt.current { /*background: #c7272a; color: #c7272a !important;*/ }

.nowonair dt, .nowonair dd, .broadcast dt, .broadcast dd { display: table-cell; padding: 10px !important; box-sizing: border-box; font-size: 0.9rem; }
.nowonair dd, .broadcast dd { display: block; transform: rotate(0.03deg); }

/*トップ　Now On Air　2023.11.16追記　minds載替版*/
/** ////////// CSS rakuraku_epg ////////// **/
@font-face { font-family: "MotoyaAr04pMaruN"; src: url("https://fonts.bangumi.org/motoya/mr3_arpH.woff") format('woff'); }

/** ////////// bass ////////// **/
html #now-on-air { font-family: "MotoyaAr04pMaruN","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "epg-gaiji"; }

#toptva_nowoa div.nowonair { width: calc(100% - 20px); margin: 0px auto 10px; background: #fff; border-radius: 3px; }
#toptva_nowoa h2 img { width: 100%; }
#toptva_nowoa a.btn_morepg { display:block; text-decoration:none;}
#toptva_nowoa a.btn_morepg.pc_none { display:none;}
#toptva_nowoa a p.more_pg { position: relative; margin: 10px 5px; padding: 2px 3px; color:#292929; font-size: 0.75rem; font-weight: bold; border-radius: 999px; background: #fff; text-align: center; }

/*サイド　Now On Air　2023.11.16追記　minds載替版*/
#toptva_nowoa #now-on-air a.btn_timetable { background: #f2f2f2; }
#toptva_nowoa #now-on-air ul li { flex: 0 0 41%; }
#toptva_nowoa #now-on-air ul li a { text-decoration: none; color: #353434; }
#toptva_nowoa #now-on-air ul li .now_oa { position: absolute; top: -3%; left: 50%; transform: translateX(-50%); padding: 3px 5px 2px; font-size: 8px; color: #fff; letter-spacing: 0.5px; border-radius: 2px; background: #C7272A; }
#toptva_nowoa #now-on-air .broadcast > div { vertical-align: text-top!important; }
#toptva_nowoa #now-on-air img { width: 50%; margin: 0 25% 10px; border-radius: 4px; }


/*------------------------------------------------

	[04] お知らせ

------------------------------------------------*/
#tvatop_notice { width: 96%; max-width: 1000px; margin: 0 auto 60px; }
.title_tvatop_notice { margin: 0 0 10px; padding: 0 0 4px; color: #c00014; border-bottom: 2px solid #c00014; font-weight: 600; font-size: 1.0rem; text-align: center; }
.txt_tvatop_notice { width: calc(100% - 2em); margin: 0 auto; font-size: 0.875rem; line-height: 1.6; color: #292929; }
.txt_tvatop_notice a { color: #292929; text-decoration: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; border-bottom: 1px dotted #292929; padding: 0 0 2px; border-bottom: 1px solid #cecece; line-height: 2; }
.txt_tvatop_notice a:hover { opacity: 0.7; }

.tb_tvatop {border-collapse: collapse; vertical-align: middle; width: calc(100% - 2em); margin: 10px auto 60px; font-size: 0.8rem; color: #292929;}
.tb_tvatop th, .tb_tvatop td {border: 1px solid #eaeaea; padding: 3px 8px;}
.tb_tvatop th {background: rgba(223,223,223,0.7);}
.tb_tvatop td {background: rgba(255,255,255,0.7);}
.tb_tvatop td:nth-of-type(1),.tb_tvatop td:nth-of-type(2){text-align: center;}
.tb_tvatop label {line-height: 34px; margin: 0;}



/*------------------------------------------------

	[05] 広告

------------------------------------------------*/


/*------------------------------------------------

	[06] ピックアップ

------------------------------------------------*/
#toptva_pickup { width: 96%; max-width: 1920px; margin: 0 auto 60px; padding: 0 2%; } 
#toptva_pickup .swiper-wrapper { margin-bottom: 30px; }
#toptva_pickup .swiper-wrapper a { color: #292929; text-decoration: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } 
#toptva_pickup .swiper-wrapper a:hover { opacity: 0.7; }
#toptva_pickup .swiper-wrapper p { font-size: 1rem; }
#toptva_pickup .swiper-wrapper p span { display: block; font-size: 0.875rem; color: #c00014; }
#toptva_pickup .swiper-wrapper img { width: 100%; height: auto; margin: 0 0 8px; border-radius: 4px; }




/*------------------------------------------------

	[07] 愛知のニュース

------------------------------------------------*/
#toptva_aichi_news { width: 96%; max-width: 1920px; margin: 0 auto; padding: 60px 2%; background: #f7f7f7; }
.inr_toptva_aichi_news { width: 100%; max-width: 1920px; margin: 0 auto; }

#aichi_news { margin: 10px 0 0; }
#aichi_news a { margin: 0; padding: 18px 10px; font-size: 0.9rem; color:#292929; border-bottom: 1px solid #dbdbdb; text-decoration: none; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; background: url(/common_tva/images/btn_link_aichi_news.png) 98% 50% / 18px 18px no-repeat; }
#aichi_news a:hover { opacity: 0.5; }
#aichi_news a:last-child { border-bottom: none; }
#aichi_news .cmntva_flb p { width: 96%; }
#aichi_news .cmntva_flb span.feed_date { display: inline-block; max-width: 140px; margin: 0 4px 8px 0; font-size: 0.875rem; font-weight: 600; color: #999; }
#aichi_news .cmntva_flb span.feed_category { display: inline-block; margin: 0 0 8px; padding: 2px 14px; font-size: 0.75rem; color: #fff; border-radius: 999px; background: #c00014; }
#aichi_news .cmntva_flb span.feed_title { display: block; font-size: 1.0rem; color: #292929; }


/*------------------------------------------------

	[08] 動画配信

------------------------------------------------*/
#toptva_ondemand { width: 96%; max-width: 1920px; margin: 0 auto; padding: 60px 2%; }
.img_toptva_ondemand a { position: relative; display: block; text-decoration: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.img_toptva_ondemand a:hover { opacity: 0.7; }
.img_toptva_ondemand a:before { position: absolute; content: ""; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; border-radius: 50%; background: rgb(0, 0, 0, .5); }
.img_toptva_ondemand a:after { position: absolute; content: ""; display: block; top: 50%; left: 50%; transform: translate(-40%, -50%); border-style: solid; border-color: transparent transparent transparent #fff; border-width: 12px 0 12px 18px; opacity: .9; }
.txt_toptva_ondemand p { line-height: 1.5; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}


/*------------------------------------------------

	[09] イベント情報

------------------------------------------------*/
#toptva_event { width: 100%; margin: 0 auto; padding: 0 0 60px; }
#toptva_event .inr_toptva_event { width: 96%; max-width: 1920px; margin: 0 auto; padding: 0 2%; }
#toptva_event .swiper-wrapper { margin-bottom: 30px; }
#toptva_event .swiper-slide { font-size: 0.875rem; line-height: 1.6; }
#toptva_event .swiper-slide a { color: #292929; text-decoration: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
#toptva_event .swiper-slide a:hover { opacity: 0.7; }
#toptva_event .swiper-slide a h4 { font-weight: 600; }
#toptva_event .swiper-slide a strong { display: none; }
#toptva_event .swiper-wrapper img { width: 100%; height: auto; margin: 0 0 8px; border-radius: 4px; }
#toptva_event .swiper-slide a p.event_txt { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

/*　2024.03.27追記　トップページリニューアル　QN【トップ・サイド・イベント】 イベントリスト　表示対応　*/
div.slick-slide { display: none; }


/*------------------------------------------------

	[10] 読むテレビ愛知

------------------------------------------------*/
#toptva_read_tva { width: 96%; max-width: 1920px; margin: 0 auto 60px; padding: 60px 2%; line-height: 1.5; background: #f7f7f7; }
#toptva_read_tva ul li div.img_read_tva a { -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
#toptva_read_tva ul li div.img_read_tva a:hover{ opacity: 0.7; }
#toptva_read_tva ul li p.read_tva_category { margin: 0 0 3px; font-size: 0.875rem; }
#toptva_read_tva ul li p.read_tva_category span { margin: 0 4px 0 0; padding: 2px 6px;font-size: 0.75rem; color: #fff; background: #c00014; border-radius: 4px; }
#toptva_read_tva ul li p.read_tva_program { font-size: 0.875rem; font-weight: 600; }
#toptva_read_tva ul li p.read_tva_date { font-size: 0.875rem; color: #7f7f7f; }
#toptva_read_tva ul li p.read_tva_title { font-size: 0.875rem; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }


/*------------------------------------------------

	[11] コンテンツ

------------------------------------------------*/
#toptva_contents { width: 100%; max-width: 1920px; margin: 0 auto; padding: 60px 0; background: #292929; }
#toptva_contents01 { width: 100%; max-width: 1920px; margin: 0 auto 20px; }
#toptva_contents02 { width: 100%; max-width: 1920px; margin: 0 auto; }
#toptva_contents01 .swiper-wrapper img,
#toptva_contents02 .swiper-wrapper img { width: 100%; height: auto; margin: 0; border-radius: 4px; }



/*------------------------------------------------

	[12] プレゼント・試写会・プレスリリース

------------------------------------------------*/
#toptva_other { width: 100%; margin: 0 auto; padding: 60px 0; }
#toptva_other .inr_toptva_other { width: 96%; max-width: 1200px; margin: 0 auto; }

/* プレゼント・試写会
---------------------------------*/
.toptva_present ul li { padding: 1em; border-bottom: 1px solid #d9d9d9; }
.toptva_present ul li:last-child { border-bottom: none; }
.toptva_present ul li a { /*display: flex;*/ display:block; color: #292929; text-decoration: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.toptva_present ul li a:hover { opacity: 0.7; }

.toptva_present ul li a:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.toptva_present ul li p.floatLeft { position:relative; float:left; width:24%; padding:0 3% 0 0; }
.toptva_present ul li p.floatLeft img { width:100%; height:auto;}
.toptva_present ul li h4 { padding: 0 0 12px 27%; font-size: 0.875rem; font-weight: 600; line-height:1.4;}
.toptva_present ul li h4 span { display: none;/*display: block; margin-bottom: 5px;*/}
.toptva_present ul li p.pre_txt { font-size: 0.875rem; color:#333; padding:0 0 0 27%; line-height:1.7;}
.toptva_present ul li p.pre_txt strong { display: inline-block; margin: 0 4px 0 0; padding: 2px 6px; font-size: 0.75rem; color: #fff; background: #c00014; border-radius: 4px; }




/* プレスリリース
---------------------------------*/
.toptva_pressrelease ul li { margin: 0; font-size: 0.875rem; line-height: 1.6; border-top: 2px dotted #d9d9d9; }
.toptva_pressrelease ul li:first-child { border-top: none; }
.toptva_pressrelease ul li a { display: inline-block; padding: 1em; color: #292929; text-decoration: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.toptva_pressrelease ul li a:hover { opacity: 0.7; }




/*------------------------------------------------

	[13] バナー

------------------------------------------------*/
#toptva_banner { width: 100%; margin: 0 auto; padding: 60px 0; border-top: 1px solid #d9d9d9; }
.inr_toptva_banner {  width: 100%; max-width: 1200px; margin: 0 auto; }
#toptva_banner #bnr_large { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin: 0 auto; }
#toptva_banner #bnr_large li { width: calc(100% / 6 - 10px); margin: 5px; }
#toptva_banner #bnr_large li a { -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
#toptva_banner #bnr_large li a:hover { opacity: 0.7; }
#toptva_banner #bnr_large li img { width: 100%; }

#toptva_banner #bnr_small { display: flex; flex-wrap: wrap; justify-content: space-between; width: 66.5%; margin: 0 auto; }
#toptva_banner #bnr_small li { width: calc(25% - 10px); margin: 5px; }
#toptva_banner #bnr_small li a { -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
#toptva_banner #bnr_small li a:hover { opacity: 0.7; }
#toptva_banner #bnr_small li img { width: 100%; }




/*------------------------------------------------

	[99] メディアクエリ

------------------------------------------------*/
@media screen and (max-width: 1500px) {
/* [02] レクタングル
---------------------------------*/
    #toptva_rectangle { width: 120%; margin: 20px 20% 60px -20%; }
}

@media screen and (min-width: 768px) {

/* [01] 基本・レイアウト
---------------------------------*/
#cmntva_navi .cmntva_btn_close_overlay { display: none; }


/* [02] レクタングル
---------------------------------*/
#toptva_rectangle .swiper-button-prev::after, #toptva_rectangle .swiper-button-next::after { width: 1.2rem; height: 1.2rem; content: ""; border: solid #292929; border-width: 3px 3px 0 0; }
#toptva_rectangle .swiper-button-next, #toptva_rectangle .swiper-button-prev { width: 44px!important; height: 44px!important; padding: 0!important; border-radius: 999px; background: rgb(255,255,255,0.3); }  


/* [03] NOW ON AIR
---------------------------------*/
#toptva_nowoa { position: absolute; top: 140px; right: 10px; width: 20%; /* height: 260px;*/ border-radius: 4px; background: #292929; z-index: 1; }	
#toptva_nowoa #now-on-air { width: calc(100% - 20px); height: 303px; padding: 10px; overflow: auto; }


/* [04] お知らせ
---------------------------------*/
/* [05] 広告
---------------------------------*/
/* [06] ピックアップ
---------------------------------*/
/* [07] 愛知のニュース
---------------------------------*/
/* [08] 動画配信
---------------------------------*/
#toptva_ondemand ul { display: flex; flex-wrap: wrap; padding: 0; }
#toptva_ondemand ul li { flex: 1; margin: 10px 15px; font-size: 0.875rem; line-height: 1.6; }
#toptva_ondemand ul li:first-child { margin: 10px 15px 10px 0; }
#toptva_ondemand ul li:last-child { margin: 10px 0px 10px 15px; }
#toptva_ondemand ul li img { width: 100%; margin: 0 0 8px;  border-radius: 4px; }


/* [09] イベント情報
---------------------------------*/
/* [10] 読むテレビ愛知
---------------------------------*/
#toptva_read_tva { margin: 0 auto 60px; }
#toptva_read_tva ul { display: flex; flex-wrap: wrap; padding: 0; }
#toptva_read_tva ul li { flex: 1; margin: 10px; font-size: 0.875rem; line-height: 1.6; }
#toptva_read_tva ul li:first-child { margin: 10px 10px 10px 0; }
#toptva_read_tva ul li:last-child { margin: 10px 0px 10px 10px; }
#toptva_read_tva ul li img { width: 100%; margin: 0 0 8px;  border-radius: 4px; }


/* [11] コンテンツ
---------------------------------*/

/* [12] プレゼント・試写会・プレスリリース
---------------------------------*/
.inr_toptva_other { display: flex; }

/* プレゼント・試写会 */
.toptva_present { width: 56%; margin: 0 1.5% 0 2%; }

/* プレスリリース */
.toptva_pressrelease { width: 37%; margin: 0 2% 0 1.5%; }



/* [13] バナー
---------------------------------*/


/* Googleサイト内検索
---------------------------------*/



}



@media screen and (max-width: 768px) {

/* [01] 基本・レイアウト
---------------------------------*/
#toptva_pickup .bg_box_h2,
#toptva_event .bg_box_h2 { width: 96%; padding: 20px 2% 0; }
#toptva_pickup .bg_box_h2:before,
#toptva_event .bg_box_h2:before { left: 2%; }




/* [02] レクタングル
---------------------------------*/
#toptva_rectangle { width: 100%!important; margin: 20px auto 60px!important; padding: 0; }
#toptva_rectangle .swiper { margin: 0 auto 40px ; }
#toptva_rectangle .swiper-pagination { bottom: -10px !important; }
#toptva_rectangle .swiper-button-prev { left: 0px; }
#toptva_rectangle .swiper-button-next { right: 0px; }
#toptva_rectangle .swiper-button-prev::after, #toptva_rectangle .swiper-button-next::after { width: 0.8rem; height: 0.8rem; content: ""; border: solid #fff; border-width: 3px 3px 0 0; }
#toptva_rectangle .swiper-button-next, #toptva_rectangle .swiper-button-prev { width: 44px!important; height: 44px!important; padding: 0!important; border-radius: 999px; background: rgb(41,41,41,0.3); } 



/* [03] NOW ON AIR
---------------------------------*/
#toptva_nowoa { width: 80%; margin: 0 auto 40px; padding: 0 0 1px; border-radius: 4px; background: rgb(0, 0, 0, .8); }


/* [04] お知らせ
---------------------------------*/
.tb_tvatop thead {display: none;}
.tb_tvatop tr, .tb_tvatop td {display: block; width: auto;}
.tb_tvatop tr {border: 1px solid #eaeaea; /*box-shadow: 3px 3px rgba(62, 40, 0, .1);*/ margin-bottom: 20px; padding: 0;}
.tb_tvatop td {border: none; border-bottom: 1px solid #eaeaea; display: flex;}
.tb_tvatop td:nth-of-type(1){padding: 1px 8px; justify-content: center; background: rgba(223,223,223,0.7);}
.tb_tvatop td:last-child {border-bottom: none;}
.tb_tvatop td::before {content: attr(aria-label); display: inline-block; font-weight: bold; float: left; text-align: left; padding-right: 20px; white-space: nowrap;}
.tb_tvatop td:first-child::before {padding-right: 0px;}


/* [05] 広告
---------------------------------*/
/* [06] ピックアップ
---------------------------------*/
#toptva_pickup { width: 100%; padding: 0; } 


/* [07] 愛知のニュース
---------------------------------*/



/* [08] 動画配信
---------------------------------*/
#toptva_ondemand ul {  }
#toptva_ondemand ul li { display: flex; flex-wrap: wrap; margin: 20px 10px; padding: 0; font-size: 0.875rem; line-height: 1.6; }
#toptva_ondemand ul li div.img_toptva_ondemand { width: calc(30% - 8px); margin-right: 8px; }
#toptva_ondemand ul li div.txt_toptva_ondemand { width: 68%; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
#toptva_ondemand ul li div img { width: 100%; border-radius: 4px; }

.img_toptva_ondemand a:before { width: 30px; height: 30px; }
.img_toptva_ondemand a:after { border-width: 7px 0 7px 11px; }


/* [09] イベント情報
---------------------------------*/
.inr_toptva_event { width: 100%; padding: 0; } 


/* [10] 読むテレビ愛知
---------------------------------*/
#toptva_read_tva ul {  }
#toptva_read_tva ul li { display: flex; flex-wrap: wrap; margin: 20px 10px; padding: 0; font-size: 0.875rem; line-height: 1.6; }
#toptva_read_tva ul li div.img_read_tva { width: calc(30% - 8px); margin-right: 8px; }
#toptva_read_tva ul li div.txt_read_tva { width: 68%; }
#toptva_read_tva ul li div img { width: 100%; border-radius: 4px; }



/* [11] コンテンツ
---------------------------------*/
#toptva_contents { padding: 30px 0; }
#toptva_rectangle .swiper { padding: 0 ; }


/* [12] プレゼント・試写会・プレスリリース
---------------------------------*/
.inr_toptva_other {  }
.inr_toptva_other > div {  }

.toptva_present { margin: 0 0 60px; }
.toptva_present ul li { margin: 10px; padding: 0; }
.toptva_present ul li p.floatLeft { width: 30%; padding: 0 2% 10px 0; }
.toptva_present ul li h4 { padding: 0 0 12px 32%; }
.toptva_present ul li p.pre_txt { padding: 0 0 0 32%; }


/* [13] バナー
---------------------------------*/
#toptva_banner { /*width: 90%; margin: 0 auto;*/ }
#toptva_banner #bnr_large { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 80%; margin: 0 auto; }
#toptva_banner #bnr_large li { width: calc(100% / 3 - 10px); margin: 5px; }
#toptva_banner #bnr_large li img { width: 100%; }

#toptva_banner #bnr_small { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 66.5%; margin: 0 auto; }
#toptva_banner #bnr_small li { width: calc(100% / 3 - 10px); margin: 5px; }
#toptva_banner #bnr_small li img { width: 100%; }


}



@media screen and (max-width: 480px) {

/* [02] レクタングル
---------------------------------*/
/* [03] NOW ON AIR
---------------------------------*/
/* [04] お知らせ
---------------------------------*/
/* [05] 広告
---------------------------------*/
/* [06] ピックアップ
---------------------------------*/
/* [07] 愛知のニュース
---------------------------------*/
/* [08] 動画配信
---------------------------------*/
/* [09] イベント情報
---------------------------------*/
/* [10] 読むテレビ愛知
---------------------------------*/
/* [11] コンテンツ
---------------------------------*/
/* [12] プレゼント・試写会・プレスリリース
---------------------------------*/
/* [13] バナー
---------------------------------*/




}