/*header*/ @import url(//fonts.googleapis.com/earlyaccess/notosansjp.css); html{-webkit-scroll-behavior:smooth; scroll-behavior:smooth;} body{font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; font-size: 13px;} #common_HEADER_naratv{background-color:#ffffff;} #common_HEADER_naratv #header-wrap{width:1230px; margin:0 auto; display: flex; justify-content: space-between; padding: 0.6rem 0; align-items: center;} #common_HEADER_naratv #header-wrap .header-logo p{margin-right:1em;} #common_HEADER_naratv #header-wrap .weather{ display: flex;} #common_HEADER_naratv #header-wrap .weather div.parts{display: flex; align-items: center;} #common_HEADER_naratv #header-wrap .weather div.parts p{font-weight:bold; margin-right:10px;} #common_HEADER_naratv #header-wrap .weather div.parts dl{text-align:center; margin-right:5px;} #common_HEADER_naratv #header-wrap .weather div.parts:last-child dl:last-child{margin-right:0 !important;} #common_HEADER_naratv #header-wrap .weather div.parts dt{background-color:#f3f3f3; padding:3px 0;} #common_HEADER_naratv #header-wrap .weather div.parts dd img{width:70px;} #common_HEADER_naratv #header-wrap .weather div.parts:first-child{margin-right:20px;} #common_HEADER_naratv #header-wrap .weather div.parts .detail{display:flex;} #common_HEADER_naratv #header-wrap .header-prom img{border:1px solid #ececec;} #common_HEADER_naratv #header-menu{background-color:#f3f3f3; /*border-top:3px solid #a0a0a0;*/} #common_HEADER_naratv #header-menu a{color:#000000; text-decoration:none;} #common_HEADER_naratv #header-menu dl{width:1230px; margin:0 auto; display: flex; align-items: center; justify-content: space-between;} #common_HEADER_naratv #header-menu dt{width:70%;} #common_HEADER_naratv #header-menu dt ul{display: flex; border-left:2px dotted #cfcfcf;} #common_HEADER_naratv #header-menu dt li{border-right:2px dotted #cfcfcf; width: calc(100% / 6); text-align: center;} #common_HEADER_naratv #header-menu dt li a{display:block; font-size:15px; font-weight:bold; padding: 1rem 0;} #common_HEADER_naratv #header-menu dt li a:hover,header #header-menu dd.com-icon ul li:hover{-webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px);-webkit-transition: all .3s; transition: all .3s;} #common_HEADER_naratv #header-menu dd.com-info {width:20%; margin: 0 0.5rem;} #common_HEADER_naratv #header-menu dd.com-info ul{display:flex;} #common_HEADER_naratv #header-menu dd.com-info li{width: calc(100% / 3); text-align:center;} #common_HEADER_naratv #header-menu dd.com-info li a{padding:1rem 0; display:block; letter-spacing:1px;} #common_HEADER_naratv #header-menu dd.com-info li:last-child a{padding-left:0;} #common_HEADER_naratv #header-menu dd.com-icon ul{display: flex; align-items: center;} #common_HEADER_naratv #header-menu dd.com-icon ul li{margin-right:0.5rem; height:46px;} #common_HEADER_naratv #header-menu dd.com-icon ul li:last-child{margin-right:0 !important;} #common_HEADER_naratv #header-menu dd.com-icon ul li .etc{font-size:3.3rem;} #common_HEADER_naratv #header-menu dd.com-icon ul li:first-child i{color:#f11313;} #common_HEADER_naratv #header-menu dd.com-icon ul li:nth-child(2) i{color:#10bef5;} #common_HEADER_naratv #now-onair{background-color:#232323; padding:0.3rem 0;} #common_HEADER_naratv #now-onair .com-detail{display: flex; width:1230px; margin:0 auto; justify-content: space-between;} #common_HEADER_naratv #now-onair ul{display: flex; align-items: center; padding:0.2rem 0;} #common_HEADER_naratv #now-onair ul:last-child{margin-right:0 !important;} #common_HEADER_naratv #now-onair ul li:first-child{background-color:#f52d65; color:#ffffff; padding:0.3rem 1rem; font-weight:bold;} #common_HEADER_naratv #now-onair .mega{padding-right:10px; font-size:1rem;} #common_HEADER_naratv #now-onair ul li:nth-child(2){padding:0 0.8em; color:#ffffff;} #common_HEADER_naratv #now-onair ul:first-child li:last-child{width:600px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} #common_HEADER_naratv #now-onair ul:last-child li:last-child{width:206px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} #common_HEADER_naratv #now-onair ul li:last-child{padding:0.3em 1em; font-weight:bold; background-color:#ffffff; color:#f52d65; font-size:14px;} #common_HEADER_naratv #now-onair ul li:last-child span{padding-left:10px; color:#333333; font-size:0.8rem;} #common_HEADER_naratv #now-onair li:last-child.title span{font-weight:normal; color:#333333; padding-left:5px; font-size:12px;} #common_TOP_naratv #push {background-color:#f3f3f3; padding:60px 0;} #common_TOP_naratv #push .push-wrap{width:1230px; margin:0 auto; } #common_TOP_naratv #push .push-box{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;} #common_TOP_naratv #push .push-box dl{letter-spacing: 0.06rem; letter-spacing: 0.1rem;} #common_TOP_naratv #push .push-box dt{font-weight: 700; font-size: 1.2rem; line-height: 1.4; font-style: normal; padding:10px 0 5px 0;} #common_TOP_naratv #push .push-box dd{font-size:1rem;} #common_TOP_naratv #push .push-box dd:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0da"; padding-right:10px; color:#f52d65;} #common_TOP_naratv #senkyo_wrap{background-color:#232323; padding:60px 0;} #common_TOP_naratv #senkyo_wrap .senkyo{width: 1230px; margin: 0 auto;} #common_TOP_naratv #senkyo_wrap .senkyo ul{display:flex; justify-content: space-between;} #common_TOP_naratv #senkyo_wrap .senkyo p{margin-top: 7px;} #common_TOP_naratv #senkyo_wrap .senkyo p a{display:block; padding:1rem; text-align:center; font-weight:700; text-decoration:none; font-size:25px; border:3px solid #2f4a97; color:#2f4a97; background-color:#ffffff;} #common_TOP_naratv #dairy{background-color:#232323; padding:3.5rem 0;} #common_TOP_naratv #dairy .dairy-wrap{width:1230px; margin:0 auto; } #common_TOP_naratv #dairy .dairy-wrap li .photo{background-color:#888888;} #common_TOP_naratv #dairy .dairy-wrap ul{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap:wrap;} #common_TOP_naratv #dairy .dairy-wrap li{position:relative; width: 400px; margin-bottom:15px;} #common_TOP_naratv #dairy .dairy-wrap li img{width: 400px; height: 224px; object-fit: cover;} #common_TOP_naratv #dairy .dairy-wrap li a{color:#ffffff; text-decoration:none; font-size: 1.1rem; font-weight: bold; letter-spacing: 0.06rem;} #common_TOP_naratv #dairy .dairy-wrap li a:visited{color:#ffffff;} #common_TOP_naratv #dairy .dairy-wrap li a span{font-size:0.7rem;} #common_TOP_naratv #dairy .dairy-wrap li a span:before{font-family: "Font Awesome 5 Free"; content: "\f0da"; font-weight: 900; padding-right:10px; color:#f52d65;} #common_TOP_naratv #dairy .dairy-wrap li div.information{position:absolute; left:0; bottom:0; width: 90%; padding: 37% 5% 2% 5%; background:linear-gradient(to bottom, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.75) 100%); min-height: 42px;} #common_TOP_naratv #dairy .dairy-wrap li.first-child div.photo{width:500px;} #common_TOP_naratv #marquee{background-color:#f7f7f7; padding:3.5rem 0;} #common_TOP_naratv #marquee .marquee-wrap{width:1230px; margin:0 auto; } #common_TOP_naratv #cm{background-color:#ffffff; padding:2rem 0; border-top: 10px solid #232323;} #common_TOP_naratv #cm p{width:1020px; margin:0 auto; } #common_TOP_naratv #marquee .program-news a{display:block; color:#000000;} #common_TOP_naratv #marquee .program-news a:visited{color:#000000;} #common_TOP_naratv #marquee .program-news{border-top:1px dotted #dddddd;} #common_TOP_naratv #marquee .program-news dl{display:flex; padding:0.5rem 0; border-bottom:1px dotted #dddddd;} #common_TOP_naratv #marquee .program-news dt{color: #f52d65; padding: 5px 20px; margin-right: 20px; font-size:16px; width:15%;} #common_TOP_naratv #marquee .program-news dt span{font-size:80%;} #common_TOP_naratv #marquee .program-news dd{padding:5px; font-size: 0.9rem; line-height:180%; width:85%;} /*カルーセル*/ #common_TOP_naratv #slider{background-color:#232323;} #common_TOP_naratv #slider .swiper {width: 100%; height: 100%;} #common_TOP_naratv #slider .swiper-slide {text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-direction: column;} #common_TOP_naratv #slider .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;} #common_TOP_naratv #slider .swiper-slide div.swiper-image-wrap{position:relative; width:100%;} #common_TOP_naratv #slider .swiper-slide div.swiper-detail-wrap{display:flex; position:absolute; bottom: 0px; background: linear-gradient(180deg, rgba(0,0,0,0) 10%, rgba(0,0,0,0.85) 100%) no-repeat 50% 78% / 100% 100%; padding: 4%; width: 92%; color: #ffffff; font-size: 1.2rem; letter-spacing: 0.1rem; text-align:left; align-items: flex-end;} #common_TOP_naratv #slider .swiper-slide div.swiper-detail-wrap span{display:block; font-size:22px; margin-right:0.5rem;} .swiper-slide-prev,.swiper-slide-next{opacity: 0.4;} #common_TOP_naratv #banner {background-color:#232323; padding:3.5rem 0;} #common_TOP_naratv #banner .banner-wrap{width:1020px; margin:0 auto;} #common_TOP_naratv #banner .banner-wrap ul{display: -webkit-flex; display: flex; flex-wrap:wrap;} #common_TOP_naratv #banner .banner-wrap li{margin-bottom:10px; margin-right:15px;} #common_TOP_naratv #banner .banner-wrap li:nth-of-type(5n){margin-right:0 !important;} #common_TOP_naratv .btn{text-align:right; margin-top: 1rem; border-radius: 3px;} #common_TOP_naratv .btn a {font-size: 1rem; font-weight: bold; color: #ffffff; text-decoration:none; padding: 10px 15px; background-color:#404040; text-align:center;} #common_TOP_naratv .btn >a::after {} #common_TOP_naratv h2{font-size: 1.4rem; padding-bottom: 35px; padding-left:15px; color:#ffffff;} #common_TOP_naratv h2 span{font-size:0.7rem; color: #f52d65; letter-spacing:0.06rem; padding-left:15px;} #common_TOP_naratv h3{font-size: 1.4rem; padding-bottom: 35px; padding-left:15px;} #common_TOP_naratv h3 span{font-size:0.7rem; color: #f52d65; letter-spacing:0.06rem; padding-left:15px;} #common_TOP_naratv #other{ padding:3.5rem 0;} #common_TOP_naratv #other .other-wrap{width:1230px; margin:0 auto; display:flex;} #common_TOP_naratv #other .production{width:915px; margin-right:15px;} #common_TOP_naratv #other .production dl{display:flex; align-items: center; letter-spacing: 0.06rem; font-size:0.9rem; padding:0.5rem;} #common_TOP_naratv #other .production a{text-decoration:none; color:#000000;} #common_TOP_naratv #other .production li:nth-child(odd){background-color:#f3f3f3;} #common_TOP_naratv #other .production dt{color: #f52d65; width:27%;} #common_TOP_naratv #other .production dd:nth-child(2){width:30%;} #common_TOP_naratv #other .production dd:nth-child(3){width:43%;} #common_TOP_naratv #topic{padding:3.5rem 0; width:1230px; margin:0 auto; display:flex; -webkit-flex-wrap: nowrap; flex-wrap: wrap;} #common_TOP_naratv #topic .list{ } #common_TOP_naratv #topic .detail{width: calc((100% - 45px) / 4); margin-right:15px; margin-bottom:4rem;} #common_TOP_naratv #topic .detail:nth-child(4n){margin-right:0;} #common_TOP_naratv #topic .detail a{text-decoration:none; color:#000000;} #common_TOP_naratv #topic .detail p{ margin:0 auto 15px auto;} #common_TOP_naratv #topic .detail p span{padding:3px 25px 5px 25px; text-align:center; background: transparent; text-align: center; font-weight:bold; background-color:#f3f3f3;} #common_TOP_naratv #topic .detail dl{letter-spacing: 0.06rem;} #common_TOP_naratv #topic .detail dt{margin-bottom:7px;} #common_TOP_naratv #topic .detail dd:nth-child(2){font-weight: 700; font-size: 1.2rem; line-height: 1.4; font-style: normal; padding:10px 0;} #common_TOP_naratv #topic .detail dd:last-of-type{font-size:0.9rem;} #common_TOP_naratv #topic .detail dd:last-of-type:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0da"; padding-right:10px; color:#f52d65;} #common_TOP_naratv #topic .list{margin-bottom:2rem;} #common_TOP_naratv #topic .list:last-child{margin-bottom:0;} #common_TOP_naratv #event{background-color:#f3f3f3; padding:3.5rem 0;} #common_TOP_naratv #event .event-wrap{width:1230px; margin:0 auto; } #common_TOP_naratv #event .event-wrap ul{display:flex; flex-wrap: wrap;} #common_TOP_naratv #event .event-wrap li{padding-right: 1rem; width: calc(100% / 4); box-sizing: border-box;} #common_TOP_naratv #event .event-wrap li img{width:100%; border:2px solid #ffffff;} #covid-wrap{background-color: #232323; padding:60px 0 30px 0;} #covid{width:1230px; margin:0 auto; font-size:15px; line-height:150%; letter-spacing:1px;} #covid .covid-title dl{display:flex; color:#ffffff; align-items: center; font-size: 1.4rem; padding-bottom: 35px;} #covid .covid-title dt{margin-right:10px;} #covid .covid-information{margin-top:10px;} #covid .covid-information dl{display:flex; align-items: center; justify-content:flex-end;} #covid .covid-information dl dt{font-size:13px; margin-right:20px; color:#ffffff;} #covid .covid-information dl dd{background-color:#404040; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #covid .covid-information dl dd a{display:block; padding:10px 15px; color:#ffffff; } #covid .covid-inline{background-color: #ffffff; margin-top: 5px; border: 2px solid #f52d65; display:flex; padding:0.5rem; border-radius: 3px;} #covid .covid-inline br{display:none;} #covid .covid-inline ul{display:flex; font-size:13px;} #covid .covid-inline li{margin-right:0.5rem;} #covid .covid-inline p{font-size:80%;} #covid .covid-detail{display:flex;} #covid .covid-left{width:100%; display:flex; justify-content:flex-start; align-items: center; background-color:#ffe8ee;} #covid .covid-left p{padding:20px 0; background: #f52d65; color:#ffffff; width:295px; text-align:center; font-size:19px;} #covid .covid-left dl{display:flex; align-items: center; padding:10px 0; width:35%; justify-content: center;} #covid .covid-left dt{font-size:15px; color:#f52d65; margin-right:15px; font-weight:bold;} #covid .covid-left dd{background-color:#ffffff; text-align:right; font-size:25px; width:95px; padding:5px 10px; border-radius: 3px;} #covid .covid-right{display:none !important;} #covid .covid-right{width:58%; display:flex; justify-content: center; align-items: center; background-color:#ffe8ee;} #covid .covid-right p{padding:20px 0; background: #f52d65; width:175px; text-align:center; color:#ffffff;} #covid .covid-right dl{display:flex; align-items: center; padding:10px 0; width:40%; justify-content: center;} #covid .covid-right dt{font-size:15px; color:#f52d65; margin-right:6px; font-weight:bold;} #covid .covid-right dd.k-01{background-color:#ffffff; text-align:right; font-size:23px; width:85px; padding:5px; border-radius: 3px;} #covid .covid-right dd.k-02{ color:#f52d65; font-size:12px; margin-left:8px;} #covid .covid-right dd.k-02:before{content:"前日比（+";} #covid .covid-right dd.k-02:after{content:"）";} #common_FOOTER_naratv{border-top: 4px solid #232323;} #common_FOOTER_naratv #lineup-pc{background-color:#f3f3f3; padding:30px 0 15px 0;} #common_FOOTER_naratv #lineup-pc .lineup-wrap{width:1230px; margin:0 auto;} #common_FOOTER_naratv #lineup-pc .lineup-wrap ul{display: -webkit-flex; display: flex; flex-wrap:wrap;} #common_FOOTER_naratv #lineup-pc .lineup-wrap ul li{padding:0 20px; border-right:1px solid #232323; margin-bottom:15px;} #common_FOOTER_naratv #lineup-pc .lineup-wrap ul li:last-child{border-right:none;} #common_FOOTER_naratv #lineup-pc .lineup-wrap ul li a,#lineup .lineup-wrap ul li a:visited{color:#232323; text-decoration:none; font-size:0.9rem;} #common_FOOTER_naratv .copyright{text-align:center; background-color:#232323; color:#ffffff; font-size: 13px; letter-spacing: 0.1rem; padding:20px 0;} #common_FOOTER_naratv .copyright p{padding:0 10px; font-size:70%;} /*////////////スマホ////////////*/ @media screen and (max-width:782px){ #common_TOP_naratv h3{font-size: 1.2rem; padding-bottom: 35px; padding-left:15px;} #common_HEADER_naratv #header-menu{width: 100%; height: 100%; overflow-x: auto; overflow-y: hidden;} #common_HEADER_naratv #header-menu dl{width:250%; justify-content: end;} #common_HEADER_naratv #header-menu dt li a {padding:1em 0; display: block; font-weight: bold; font-size:0.8rem;} #common_HEADER_naratv #header-menu dt ul{border-left:none;} #common_HEADER_naratv #header-menu::-webkit-scrollbar {height: 5px;} #common_HEADER_naratv #header-menu::-webkit-scrollbar-track {margin: 0 2px; background: #c1c1c1; border-radius: 5px;} #common_HEADER_naratv #header-menu::-webkit-scrollbar-thumb {background:#f52d65 ; border-radius: 5px;} #common_HEADER_naratv #header-menu dd.com-icon ul li img{height:30px; width:30px;} #common_HEADER_naratv #header-menu dd.com-icon ul li{height:30px;} #common_HEADER_naratv #now-onair{font-size:12px;} #common_HEADER_naratv #now-onair .com-detail{width:98%; margin:0 auto;} #common_HEADER_naratv #header-wrap{width:100%; padding: 0.2rem 0;} #common_HEADER_naratv #header-wrap .header-logo{width:45%; padding-left:15px;} #common_HEADER_naratv #header-wrap .header-logo img{width:100%;} #common_HEADER_naratv #header-wrap .prom{display:none;} #common_HEADER_naratv #header-wrap .weather div.parts:last-child{display:none;} #common_HEADER_naratv #header-wrap .weather div.parts:first-child {margin-right:0px;} #common_HEADER_naratv #header-wrap .weather div.parts dd img {width: 55px;} #common_HEADER_naratv #header-wrap .weather div.parts p{font-size:0.7rem;} #common_HEADER_naratv #now-onair li:first-child{padding:0.4em !important; width:28%; text-align:center; font-size:12px;} #common_HEADER_naratv #now-onair ul li:first-child i{display:none;} #common_HEADER_naratv #now-onair ul li:nth-child(2){padding:0.4em 1em !important; width:8%; text-align:center;} #common_HEADER_naratv #now-onair ul li:last-child{font-size:12px !important; padding:0.4em !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:65% !important;} #common_HEADER_naratv #now-onair ul:first-child{width:100%;} #common_HEADER_naratv #now-onair ul:last-child{display:none;} #common_TOP_naratv #senkyo_wrap{padding:15px 0;} #common_TOP_naratv #senkyo_wrap .senkyo{width:95%; margin: 0 auto;} #common_TOP_naratv #senkyo_wrap .senkyo ul{flex-direction: column;} #common_TOP_naratv #dairy .dairy-wrap{width:100%;} #common_TOP_naratv #dairy .dairy-wrap ul{width:95%; margin:0 auto;} #common_TOP_naratv #dairy .dairy-wrap li{width: calc(98% / 2);} #common_TOP_naratv #dairy .dairy-wrap li:nth-child(odd){margin-right: 2%;} #common_TOP_naratv #dairy .dairy-wrap li a{font-size:14px;} #common_TOP_naratv #dairy .dairy-wrap li img {width: 100%; height:180px; object-fit: cover;} #common_TOP_naratv .btn{text-align:center;} #common_TOP_naratv #news{width:95%; margin:0 auto; padding:20px 0;} #common_TOP_naratv #push{width:100%; background-color:#f3f3f3; margin:0; padding:60px 0; letter-spacing: 0.02rem;} #common_TOP_naratv #push .push-wrap{width:95%; margin:0 auto;} #common_TOP_naratv #push .push-box{display: flex; flex-direction: column;} #common_TOP_naratv #push .push-box div.detail{display: flex; margin-bottom:0.5em; background-color: #ffffff; align-content:space-between; filter: drop-shadow(2px 2px 2px rgba(160, 160, 160, 0.3)); } #common_TOP_naratv #push .push-box p{width:50%;} #common_TOP_naratv #push .push-box p img{width:100%;} #common_TOP_naratv #push .push-box dl{width:47%; padding-left:3%; flex-direction:column; display:flex; justify-content: center; text-align:left !important;} #common_TOP_naratv #push .push-box dt{padding:0 5px 0 0; color:#f52d65; font-size:0.7rem; line-height:120%;} #common_TOP_naratv #push .push-box dd{padding:0; background-color:#ffffff; font-size:0.6rem; margin-top:10px; line-height:120%;} #common_TOP_naratv #senkyo_wrap .senkyo img{width:100%} #common_TOP_naratv #event{width:100%; background-color:#f3f3f3; margin:0; padding:60px 0; letter-spacing: 0.02rem;} #common_TOP_naratv #event .event-wrap{width:95%; margin:0 auto;} #common_TOP_naratv #event .event-wrap ul{justify-content: space-between;} #common_TOP_naratv #event .event-wrap li{width:calc(100% / 2 - 5px); margin-right: 0; padding-right: 0;} #common_TOP_naratv #event .event-wrap li img{width:100%;} #common_TOP_naratv #topic {padding:50px 0 20px 0; width:95%; letter-spacing: 0.02rem; color:#525252; margin-bottom:0;} #common_TOP_naratv #topic .detail{width: calc(98% / 2); flex-direction:column; margin-bottom:2em; margin-right:2%;} #common_TOP_naratv #topic .detail:nth-child(2n){margin-right: 0;} #common_TOP_naratv #topic .detail dl{width:100%;} #common_TOP_naratv #topic .detail dl img{width:100%;} #common_TOP_naratv #topic .detail dd:nth-child(2){font-size:1rem;} #common_TOP_naratv #topic .detail dd{font-size:0.8rem !important;} #common_TOP_naratv #other{width:100%; display:none;} #common_TOP_naratv #other .other-wrap{width:100%; margin:0 auto; flex-direction: column;} #common_TOP_naratv #other .production{width:100%;} #common_TOP_naratv #other .production dt{width:45%;} #common_TOP_naratv #other .production dd{padding-left:10px;} #common_TOP_naratv #other .production dd:nth-child(2){width:55%;} #common_TOP_naratv #other .production dd:nth-child(3){display:none;} #common_TOP_naratv #other .prom{display:none;} #common_TOP_naratv #banner{width:100%;} #common_TOP_naratv #banner .banner-wrap{width:95%; margin:0 auto; flex-direction: column; } #common_TOP_naratv #banner .banner-wrap ul{justify-content: space-between;} #common_TOP_naratv #banner .banner-wrap li{width:33%; margin: 0 0 3px 0;} #common_TOP_naratv #banner .banner-wrap li img{width:100%;} #common_TOP_naratv #cm{background-color:#ffffff; padding:2rem 0; border-top: 10px solid #232323;} #common_TOP_naratv #cm p{width:95%; margin:0 auto; } #common_TOP_naratv #cm p img{width:100%;} #common_TOP_naratv #marquee{padding:1.5rem 0;} #common_TOP_naratv #marquee .program-news dl{flex-wrap: nowrap;} #covid {width:100%; font-size:12px;} #covid .covid-title{flex-wrap:wrap; width:95%; margin:0 auto 15px auto; } #covid .covid-title dt{padding:5px;} #covid .covid-title dl:first-child{width:95%; padding-bottom:0;} #covid .covid-title dl:first-child dt{font-size:14px; margin-right:20px;} #covid .covid-title dl:first-child dd{margin-right:0; font-size:15px !important;} #covid .covid-detail{flex-direction: column;} #covid .covid-left{width:100%; padding:0; margin-bottom: 1px;} #covid .covid-left p{padding:27px 0; width:36%;} #covid .covid-left dl{flex-direction: column; align-items: center; width:32%;} #covid .covid-left dt{margin:0 0 5px 0; font-size:13px;} #covid .covid-left dd{width:55%; font-size:15px; text-align:right;} #covid .covid-right{width:100%; padding:0;} #covid .covid-right p{padding:38px 0; width:36%;} #covid .covid-right dl{flex-direction: column; align-items: center; width:32%;} #covid .covid-right dt{margin:0 0 5px 0; font-size:13px;} #covid .covid-right dd.k-01{width:55%; font-size:15px !important; text-align:right;} #covid .covid-right dd.k-02{font-size:12px !important; margin-top:5px;} #covid .covid-information dl{width:95%; margin:0 auto;} #covid-wrap{ padding:15px 0 30px 0;} #common_TOP_naratv #marquee .marquee-wrap{width:100%;} #common_FOOTER_naratv {width:100%;} #common_FOOTER_naratv .prom{margin:2rem 0;} #common_FOOTER_naratv #lineup-pc{display:none;} #common_FOOTER_naratv #lineup-sp {background-color:#f3f3f3; padding:0.6rem 0;} #common_FOOTER_naratv #lineup-sp .lineup-wrap{width:95%; margin:0 auto;} #common_FOOTER_naratv #lineup-sp .lineup-wrap ul{display: -webkit-flex; display: flex; flex-wrap:wrap;} #common_FOOTER_naratv #lineup-sp .lineup-wrap ul li{width: calc(99% / 4); border-right:1px solid #333333; text-align:center;} #common_FOOTER_naratv #lineup-sp .lineup-wrap ul li:last-child{border-right:none;} #common_FOOTER_naratv #lineup-sp .lineup-wrap ul li a, #lineup .lineup-wrap ul li a:visited {color:#232323; text-decoration:none;font-size:0.8rem;} #common_TOP_naratv contents{display: flex; -webkit-flex-direction: column; flex-direction: column; width:100%; margin:0 auto;} #common_TOP_naratv .wrap {overflow: hidden;} #common_TOP_naratv .swiper-detail-wrap{font-size:0.9rem !important;} #common_TOP_naratv .swiper-detail-wrap span{font-size:1.2rem;} #common_TOP_naratv .swiper-detail-wrap{align-items: flex-start !important; flex-direction: column;} #marquee dl{width: 95%; flex-wrap: wrap;} } /*////////////PCのみ////////////*/ @media screen and (min-width: 768px){ #common_TOP_naratv #news{width:1230px; margin:0 auto; padding:20px 0;} #common_TOP_naratv #push .detail{width: calc((100% - 30px) / 3);} #common_TOP_naratv #push .detail:not(:first-child){margin-left:15px;} .sp-bottom-thumbnails{display:none;} #common_TOP_naratv #teletoh dt {width: 400px; height: 225px;} #common_FOOTER_naratv #lineup-sp{display:none;} #common_FOOTER_naratv .prom{display:none;} }