@charset "utf-8";
/* ==================================================

top.css

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

/*======================================*/
/* 9＿main TOP用css   */
/*======================================*/

/* === 下層のメインエリア === */

/* === TOP見出し共通 === */
h2.top-h2_title_single {position: relative;font-size: 3.5rem; color: #e30076; letter-spacing: 0.65rem; margin-bottom: 2.8rem; line-height: 1;}
h2.top-h2_title_single span {color: #332d2d;}
h2.top-h2_title_single::after {position: absolute;top: 5px;content: '';display: inline-block;width: 50px;height: 30px;background: url("/image/common/icon_title.png") no-repeat 50% 50%;	}
h2.top-h2_title_double {position: relative;display: inline-block;font-size: 3.5rem; color: #e30076; letter-spacing: 0.65rem; margin-bottom: 3rem; line-height: 1;}
h2.top-h2_title_double img {display: inline-block; vertical-align: top; margin-right: 8px;}
h2.top-h2_title_double span {color: #332d2d;}
h2.top-h2_title_double::before {
	position: absolute;
	top: 5px;
	left: -1.5em;
	content: '';
	display: inline-block;
	width: 50px;
	height: 30px;
	background: url("/image/common/icon_title.png") no-repeat 50% 50%;	
}
h2.top-h2_title_double::after {
	position: absolute;
	top: 5px;
	content: '';
	display: inline-block;
	width: 50px;
	height: 30px;
	background: url("/image/common/icon_title.png") no-repeat 50% 50%;	
}
h2.top-h2_title_dropcap {font-size: 3.5rem; color: #e30076; letter-spacing: 0.65rem; margin-bottom: 1.5rem; line-height: 1;}
h2.top-h2_title_dropcap::first-letter {font-size: 5rem;color: #000;}

/* === TOP一覧リンクボタン共通 === */
a.top-btnmore {display: inline-block !important; font-size: 1.5rem; text-decoration: none !important; padding:10px 30px 11px 40px; background-color: #332d2d; color: #fff !important; font-weight: 500 !important;}
a.top-btnmore::before { 
	left: 18px;
    box-sizing: border-box;
    width: 6px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 6px solid #fff;}
a.top-btnmore:hover {color: #e30076 !important; opacity: 0.80;}

/* === TOP00:臨時のお知らせエリア === */
#top_NoticeArea {background-color: #4f4546; color: #fff; font-size: 1.5rem; padding: 1.5rem 0;}
#top_NoticeArea a {text-decoration: underline #fff;}
#top_NoticeArea a:hover {opacity: 0.95;}

/* === TOP01:福島県のニュースエリア === */
#top_newsArea {
	padding-top: 3.5rem;
	background: #ffffff;
	background: -webkit-linear-gradient( #f7f7f7 0%, #ffffff 100%);
	background: linear-gradient( #f7f7f7 0%, #ffffff 100%);
}
#top_newsArea h2 {margin-left: 50px;}
#top_newsArea .newsarticleWrap_bg {background-color: #e85282;}
#top_newsArea .newsarticleWrap_bg .inner {background: url("/image/top/bg_news_left.png") no-repeat;background-position: left center;}
#top_newsArea .newsarticleWrap {
	background-color: #fff;
	box-shadow: 0px -5px 5px -5px #c4c4c4;
	margin-left: 50px;
	padding: 3rem 3rem 0 3rem;
}
#top_newsArea .newsarticleWrap a {display: block; font-weight: 600; text-decoration: none;}
#top_newsArea .newsarticleWrap a figure {border-radius: 10px;overflow: hidden;margin-bottom: 10px;}
#top_newsArea .newsarticleWrap a figure::before {content: "";display: block;padding-top: 56.25%;}
#top_newsArea .newsarticleWrap a figure img {display: block;object-fit: cover;width: 100%;height: 100%; position: absolute;top: 0; right: 0;bottom: 0;left: 0;}
#top_newsArea .newsarticleWrap a time {font-size: 1.3rem;color: #999;display: block;margin-top: 0.6rem;}
#top_newsArea .newsarticleWrap a span {}
#top_newsArea .newsarticleWrap-01 {width: 48%; margin-right: 2%; position: relative;}
#top_newsArea .newsarticleWrap-01 span.badge {position: absolute;top: -5px;left: -5px;z-index: 99;}
#top_newsArea .newsarticleWrap-01 span.badge img {width: 100%;}
#top_newsArea .newsarticleWrap .newsarticleWrap-01 a figure {position: relative; width: 100%;}
#top_newsArea .newsarticleWrap .newsarticleWrap-01 a span {font-size: 1.9rem; display: block; max-height: 6.5rem; overflow: hidden;}
#top_newsArea .newsarticleWrap-02 {width: 50%;margin-top: -2px;}
#top_newsArea .newsarticleWrap .newsarticleWrap-02 a {margin-bottom:16px;display: block;}
#top_newsArea .newsarticleWrap .newsarticleWrap-02 a div.articlebox {display: block;}
#top_newsArea .newsarticleWrap .newsarticleWrap-02 figure {position: relative;width: 36%; margin-right: 3%; margin-bottom: 0; background-color: #f5f5f5;display: inline-block;vertical-align: text-top;}
#top_newsArea .newsarticleWrap .newsarticleWrap-02 div.articlebox_text  {width: 57%;display: inline-block;vertical-align: text-top;}
#top_newsArea .newsarticleWrap .newsarticleWrap-02 span {font-size: 1.5rem; display: block; max-height: 7.6rem; overflow: hidden;}

/* === TOP02:UPCKUP動画&マルチエリア === */
#top_pickup_multiArea {
	background: #ffffff;
	background: -webkit-linear-gradient( #f7f7f7 0%, #ffffff 100%);
	background: linear-gradient( #f7f7f7 0%, #ffffff 100%);
	padding: 5.4rem 0;
}
#top_pickup_multiArea .inner {display: flex;}
/* ピックアップエリア */
#pickupArea {
	width: 60%;
	padding-left: 8%;
	margin-top: 1rem;
	background: url("/image/top/bg_pickup_left.png") no-repeat 10% 80%; text-align: center;
}
#pickupArea #movie a {display: block;}
#pickupArea #movie {
    background: #333;
    margin: 0 auto 1rem auto;
	border-radius: 10px;
	overflow: hidden;
	position: relative !important;
	width: 100% !important;
	padding-top: 56.25% !important;
}
#pickupArea iframe {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	width: 100% !important;
	height: 100% !important;
}
#pickupArea div.pickup_title {
	width: 100%;
    margin: 0 auto;
	background-color: rgba(255,255,255,0.70);
	padding: 8px 10px;
	font-size: 1.45rem;
}
#multiArea {width: 420px;margin-left: 5%;}
#multiArea h2 {color:#e30076; text-align:center; margin-bottom: 3rem;margin-left: -15%;font-size: 2.6rem;}
#multiArea h2 span {color: #332d2d;}
#multiArea figure {padding-left: 6%;}

/* === TOP04:bannerエリア01 === */
#top_bannerArea01 {background-color: #ebebeb; padding: 20px;}
#top_bannerArea01 ul {display: flex;justify-content: center;}
#top_bannerArea01 ul li{margin-right: 15px;}
#top_bannerArea01 ul li:last-child{margin-right: 0;}
#top_bannerArea01 ul li img {display: block; max-height: 65px;}

/* === TOP05:PICKUPふくしまエリア === */
#top_pickupFukushima {padding: 5rem 0;}
#top_pickupFukushima .inner {
	padding-left: 6%;
	background: url("/image/top/bg_pickupfukushima.png") no-repeat top right;
	background-size: auto;
}

#top_pickupFukushima .inner::after  {content: "";display: block;padding-top: 12%;}


#top_pickupFukushima h2 {margin: 40px auto 20px 0;}
#top_pickupFukushima h2 img {display: block; max-width: 430px;}
#top_pickupFukushima p { font-size: 1.9rem; font-weight: 600; margin-bottom: 3rem; color: #000;}
#top_pickupFukushima p span {
	border-radius: 25px;
	background-color: #e85282;
	padding: 1px 10px 3px 10px;
	margin: 0 5px;
	color: #fff;
}
#top_pickupFukushima li:hover {opacity: 0.8;}
/* スライド用 */
ul.slider_fukushima {width:95%;margin:0 auto 2.5rem auto;}
ul.slider_fukushima .slick-slide {margin:0 6px;}
ul.slider_fukushima .slick-prev {z-index: 1;}
ul.slider_fukushima .slick-prev:before {
	content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 27px;
    width: 6px;
    height: 7px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 7px solid #fff;
	z-index: 2;
	opacity: 1;
	}
ul.slider_fukushima .slick-prev:after {
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 18px;
    width: 18px;
    height: 18px;
    border: 14px solid #e30076;
    border-radius: 50%;
	z-index: 1;
	}
ul.slider_fukushima .slick-next:before {
	content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 27px;
    width: 6px;
    height: 7px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #fff;
	z-index: 2;
	opacity: 1;
}
ul.slider_fukushima .slick-next:after {
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 18px;
    width: 18px;
    height: 18px;
    border: 14px solid #e30076;
    border-radius: 50%;
	z-index: 1;
	}
	@-moz-document url-prefix() {ul.slider_fukushima .slick-prev:before {top:7px;}ul.slider_fukushima .slick-next:before {top:7px;}}

ul.slider_fukushima .slick-list li a {display: block;}
ul.slider_fukushima .slick-list li a, .slider_fukushima_tags ul li a { color: #fff; text-decoration: none;display: block;}
ul.slider_fukushima .slick-list li {
	background-color: rgba(0,0,0,0.65);
	padding: 12px 15px 14px 10px;
	text-align: center;
	color: #fff;
}
ul.slider_fukushima .slick-list li .thumbnail-tagwrap{position: relative;}
ul.slider_fukushima .slick-list li figure {
	position: relative;
	width: 100%;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 1.5rem;
}
ul.slider_fukushima .slick-list li figure::before  {content: "";display: block;padding-top: 56.25%;}
ul.slider_fukushima .slick-list li figure img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
ul.slider_fukushima .slick-list li span.title {display: block;}
ul.slider_fukushima .slick-list li span.tag {
	position: absolute;
	bottom: -12px;
	left: 50%;
    transform: translateX(-50%);
	border-radius: 25px;
	background-color: #e85282;
	padding: 3px 5% 5px 5%;
	display: inline-block;
	}
/* タグ一覧用 */
.slider_fukushima_tags {width: 97%; text-align: right;}
.slider_fukushima_tags ul {width: 70%; margin: 0 0 2rem auto;text-align: right;}
.slider_fukushima_tags ul li {display: inline-block;margin-left: 8px;margin-bottom: 18px;}
.slider_fukushima_tags ul li span.tag {
	border-radius: 25px;
	background-color: #e85282;
	padding: 3px 17px 5px 17px;
	display: inline-block;
	}
ul.slider_fukushima .slick-list li span.tagcl_red, .slider_fukushima_tags ul li span.tagcl_red {background-color: #ff475c;}/* タグカラー：アナウンサー */
ul.slider_fukushima .slick-list li span.tagcl_red, ul.slider_fukushima .slick-list li span.tagcl_orenge, ul.slider_fukushima .slick-list li span.tagcl_green, ul.slider_fukushima .slick-list li span.tagcl_yellow {width: 60%;}
ul.slider_fukushima .slick-list li span.tagcl_pink, .slider_fukushima_tags ul li span.tagcl_pink {background-color: #e85282;}/* タグカラー：グルメ */
ul.slider_fukushima .slick-list li span.tagcl_orenge, .slider_fukushima_tags ul li span.tagcl_orenge {background-color: #fc6b2a;}/* タグカラー：浜ちゃんぽ */
ul.slider_fukushima .slick-list li span.tagcl_yellow, .slider_fukushima_tags ul li span.tagcl_yellow {background-color: #f8c700;}/* タグカラー：おでかけ */
ul.slider_fukushima .slick-list li span.tagcl_green, .slider_fukushima_tags ul li span.tagcl_green {background-color: #34ad37;}/* タグカラー：市町村 */
ul.slider_fukushima .slick-list li span.tagcl_blue, .slider_fukushima_tags ul li span.tagcl_blue {background-color: #00b1d1;}/* タグカラー：スポーツ */
ul.slider_fukushima .slick-list li span.tagcl_purple, .slider_fukushima_tags ul li span.tagcl_purple {background-color: #cc66cc;}/* タグカラー：カフェ */
ul.slider_fukushima .slick-list li span.tagcl_gray, .slider_fukushima_tags ul li span.tagcl_gray {background-color: #3a3a3a;}/* タグカラー：防災 */

/* === TOP06:bannerエリア02 === */
#top_bannerArea02 {background-color: #ebebeb; padding: 20px;}
#top_bannerArea02 ul {display: flex;justify-content: center;}
#top_bannerArea02 ul li{width: 24%; margin-right: 15px;}
#top_bannerArea02 ul li:last-child{margin-right: 0;}
#top_bannerArea02 ul li a {display: block;}
#top_bannerArea02 ul li figure{position: relative;width: 100%;border-radius: 10px; overflow: hidden;}
#top_bannerArea02 ul li figure::before  {content: "";display: block;padding-top: 56.25%;}
#top_bannerArea02 ul li figure img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
/* === TOP07:おすすめ番組 === */
#top_recommend {
	padding: 50px 0;
	background: url("/image/top/bg_top_recommend.png") no-repeat #e85282;
	background-position: 98% top;
	background-size: 300px auto;
	font-weight: 600;}
#top_recommend a {text-decoration: none;display: block;}
#top_recommend li:hover {opacity: 0.90;}
#top_recommend .inner {padding: 0 30px;}
#top_recommend h2 {margin-bottom: 3rem; color: #fff;padding: 0 10px;}

#top_recommend dl.onairbox { display: flex; align-items:center; background-color: #332d2d; line-height: 1.5; margin: 0 10px 2rem 10px;font-size: 2rem;}
#top_recommend dl.onairbox dt {width: 11.5em; padding: 0 1rem; color: #ffff00;letter-spacing: 2px;text-align: center;
animation:blink 1s ease-in-out infinite alternate;
	}
	@keyframes blink{0% {opacity:0.3;}100% {opacity:1;}}
/* include */
#top_recommend dl.onairbox dd {width: 100%; padding: 1.5rem 1rem 1.5rem 2.2rem;background-color: #fff;}

/* ********************************** */
#top_recommend dl.onairbox dd #inc-onair table{ width: 100%;line-height: 1.3;}
#top_recommend dl.onairbox dd #inc-onair tr{ display:none;padding: 0;}
#top_recommend dl.onairbox dd #inc-onair tr#NCK_NOW_ONAIR{display:block;}
#top_recommend dl.onairbox dd #inc-onair table tr#NCK_NOW_ONAIR td{ min-width: 6.5rem; line-height: 1.4; padding: 0;animation:none; font-weight: bold;}
	#top_recommend dl.onairbox dd #inc-onair table tr#NCK_NOW_ONAIR td font {font-family: 'Noto Sans JP', sans-serif !important; font-size: 2rem; color: #000 !important;}

#top_recommend dl.onairbox dd #inc-onair table tr#NCK_NOW_ONAIR td:last-child {padding: 0 ;max-width: 93%; width: 90rem;}
	#top_recommend dl.onairbox dd #inc-onair table tr#NCK_NOW_ONAIR td:last-child font {font-family: 'Noto Sans JP', sans-serif !important; font-size: 2rem; color: #e30076 !important;}
	#top_recommend dl.onairbox dd #inc-onair table tr#NCK_NOW_ONAIR td:last-child a{ width: 100%;} 
	#top_recommend dl.onairbox dd #inc-onair table tr#NCK_NOW_ONAIR td:last-child a {position: relative; display: block; color: #e30076 !important; padding-right: 50px;}
	#top_recommend dl.onairbox dd #inc-onair table tr#NCK_NOW_ONAIR td:last-child a:hover {opacity: 0.80;}
	#top_recommend dl.onairbox dd #inc-onair table tr#NCK_NOW_ONAIR td:last-child a::before {
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		right: 19px;
		width: 6px;
		height: 7px;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 7px solid #e30076;
	}
	#top_recommend dl.onairbox dd #inc-onair table tr#NCK_NOW_ONAIR td:last-child a::after {
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		right: 13px;
		width: 22px;
		height: 22px;
		border: 2px solid #e30076;
		border-radius: 50%;
	}

/* スライド用 */
ul.slider_recommend {margin-bottom: 2.5rem;}
ul.slider_recommend .slick-slide {margin:0 10px;}
ul.slider_recommend .slick-prev {z-index: 1;}
ul.slider_recommend .slick-prev:before {
	content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 27px;
    width: 6px;
    height: 7px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 7px solid #fff;
	z-index: 2;	
	opacity: 1;
}
ul.slider_recommend .slick-prev:after {
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 18px;
    width: 18px;
    height: 18px;
    border: 14px solid #332d2d;
    border-radius: 50%;
	z-index: 1;
	}
ul.slider_recommend .slick-next:before {
	content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 27px;
    width: 6px;
    height: 7px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #fff;
	z-index: 2;
	opacity: 1;
}
ul.slider_recommend .slick-next:after {
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 18px;
    width: 18px;
    height: 18px;
    border: 14px solid #332d2d;
    border-radius: 50%;
	z-index: 1;
	}
	@-moz-document url-prefix() {ul.slider_recommend .slick-prev:before {top:7px;}ul.slider_recommend .slick-next:before {top:7px;}}

ul.slider_recommend .slick-list li {
	background-color: #fff;
	padding: 18px 20px 20px 20px;
	text-align: center;
	 color: #fff !important;
}
ul.slider_recommend .slick-list li a:hover {opacity: 0.80;}
ul.slider_recommend .slick-list li figure {
	position: relative;
	width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 1.4rem;
}
ul.slider_recommend .slick-list li figure::before  {content: "";display: block;padding-top: 56.25%;}
ul.slider_recommend .slick-list li figure img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
ul.slider_recommend .slick-list li span.day {display: block; color: #e30076; font-size: 1.4rem;}
ul.slider_recommend .slick-list li span.day:empty {display: none !important;}
ul.slider_recommend .slick-list li span.title {display: block; font-size: 1.8rem; color: #000;}
ul.slider_recommend .slick-list li span.text {display: block; color: #666666; font-weight: 500; line-height: 1.6;}

/* === TOP08:FTV制作番組エリア === */
#top_FTVseisaku {padding: 8rem 0; background-color: #f8f7f7; background: -webkit-linear-gradient( #f8f7f7 0%, #ffffff 100%); background: linear-gradient( #f8f7f7 0%, #ffffff 100%); text-align: center;}
#top_FTVseisaku .inner {min-height: 790px;background: url("/image/top/bg_ftvseisaku_pc.png") no-repeat left;background-size: 100%;}
#top_FTVseisaku h2 {margin-bottom: 4rem !important;}
#top_FTVseisaku a {text-decoration: none;display: block;}
ul.seisaku-list {display: flex;justify-content: center;margin-bottom: 4rem;font-weight: 600;}
ul.seisaku-list li {
	position: relative;
	background-color: #fff;
	box-shadow: 0px 0px 8px -4px #c4c4c4;
	padding: 16px 12px;
	margin:3% 15px;
	text-align: center;
	color: #fff !important;
	font-size: 1.3rem;
	width: 22%;
}
ul.seisaku-list li {}
ul.seisaku-list li:nth-child(2){width: 30%; margin:0% 10px;}
ul.seisaku-list li:first-child{margin-left: 0;}
ul.seisaku-list li:last-child{margin-right: 0;}
ul.seisaku-list li:hover, ul.seisaku-list a:hover {opacity: 0.80;}
ul.seisaku-list li span.badge {
	position: absolute;
	top: -12px;
	left: -12px;
	z-index: 99;
}
ul.seisaku-list li span.badge img {width: 80%;}
ul.seisaku-list li:nth-child(2) span.badge img {width: 100%;display: block;}
ul.seisaku-list li figure {
	position: relative;
	width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 1.4rem;
	background-color: #f5f5f5;
}
ul.seisaku-list li figure::before  {content: "";display: block;padding-top: 66.66%;}
ul.seisaku-list li figure img {display: block;object-fit: cover;width: 100%;height: 100%; position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
ul.seisaku-list li span.text {display: block; color: #666666;font-weight: 500; line-height: 1.4;}
	ul.seisaku-list li:nth-child(2) span.text {font-size: 1.4rem;}
ul.seisaku-list li span.title {display: block; font-size: 1.8rem; color: #000;}
ul.seisaku-list li span.day {display: block; color: #e30076;}

/* === TOP09:EVENTエリア === */
#top_event {padding: 5rem 0; background-color: #f5f5f5;position: relative;z-index:1;}
#top_event::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	border-bottom: 120px solid transparent;
	border-left: 70px solid #e85282;
	border-top: 120px solid #e85282;
	border-right: 70px solid transparent;
}
#top_event .inner { z-index: 2;}
#top_event a {text-decoration: none;display: block;}
#top_event div.describewrap {width: 28%; margin-left: 6%;}
#top_event h2 {margin: 5rem auto 2rem 0;}
#top_event p {font-weight: 600; margin-bottom: 2rem;}
#top_event ul {
	display: flex;
	flex-wrap: wrap;
	font-weight: 600;
	width: 66%;
}
#top_event ul li {
	position: relative;
	width: 48%;
	background-color: #fff;
	padding: 18px 18px 20px 18px;
	box-shadow: 0px 0px 8px -4px #c4c4c4;
	margin-right: 2%;
	text-align: center;
	color: #fff !important;
}
#top_event ul li:last-child {margin-right: 0;}
#top_event ul li span.badge {
	position: absolute;
	top: 10px;
	left: 12px;
	z-index: 99;
}
#top_event ul li span.badge img {width: 70%;}
#top_event ul li:hover, #top_event ul li a:hover {opacity: 0.80;}
#top_event ul li figure {
	position: relative;
	width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 1rem;
	background-color: #f5f5f5;
	text-align: center;
}
#top_event ul li figure::before  {content: "";display: block;padding-top: 56.25%;}
#top_event ul li figure img {
	display: block;
	margin: 0 auto;
	object-fit: cover;
	height: 100%;
	position: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
#top_event ul li span.category {width: 8em; display: inline-block;color: #e85282;border: 2px solid #e85282;font-size: 1.45rem;line-height: 1;padding: 4px 12px;margin-bottom: 0.5rem;}
#top_event ul li span.day {display: block; color: #e85282; font-size: 1.45rem; margin-bottom: 0.25rem;}
#top_event ul li span.title {display: block; font-size: 1.8rem; color: #000;line-height: 1.6;}
#top_event ul li span.text {display: block; color: #666666; font-weight: 500;}

/* === TOP10:presentエリア === */
#top_present {position: relative; background-color: #4d4445;}
#top_present::before{
	content: '';
	width: 46%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 1;
}
#top_present::after{
	width: 400px;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 50%;
	background-color: #4d4445;
	z-index: 1;
	transform: skew(338deg);
}
#top_present .inner {
	position: relative;
	height: 100%;
	padding: 5rem 0;
	z-index: 2;
}
#top_present .inner::before{
	width: 190px;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 36%;
	background-color: #e85282;
	z-index: -1;
	transform: skew(338deg);
}
#top_present a {text-decoration: none;display: block;}
#top_present div.describewrap {width:  34%; padding: 2% 0 0 6%;background: url("/image/top/bg_present.png") no-repeat 0 10%;}
#top_present h2 {margin: 5rem auto 2rem 0;}
#top_present p {font-weight: 600; margin-bottom: 2rem;}
#top_present ul {
	display: flex;
	flex-wrap: wrap;
	font-weight: 600;
	width: 66%;
}
#top_present ul li {
	position: relative;
	width: 48%;
	background-color: #fff;
	padding: 18px 18px 20px 18px;
	box-shadow: 0px 0px 8px -4px #c4c4c4;
	margin-right: 2%;
	text-align: center;
	color: #fff !important;
	z-index: 2;
}
#top_present ul li:last-child {margin-right: 0;}
#top_present ul li span.badge {
	position: absolute;
	top: 10px;
	left: 12px;
	z-index: 99;
}
#top_present ul li span.badge img {width: 70%;}
#top_present ul li:hover, #top_present ul li a:hover {opacity: 0.80;}
#top_present ul li figure {
	position: relative;
	width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 1rem;
	background-color: #f5f5f5;
	text-align: center;
}
#top_present ul li figure::before  {content: "";display: block;padding-top: 56.25%;}
#top_present ul li figure img {
	display: block;
	margin: 0 auto;
	object-fit: cover;
	height: 100%;
	height: 100%;
	position: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
#top_present ul li span.category {display: inline-block; color: #e85282; border: 2px solid #e85282; font-size: 1.45rem; line-height: 1; padding: 4px 12px; margin-bottom: 0.5rem;}
#top_present ul li span.day {display: block; color: #e85282; font-size: 1.45rem; margin-bottom: 0.25rem;}
#top_present ul li span.title {display: block; font-size: 1.8rem; color: #000;}
#top_present ul li span.text {display: block; color: #666666; font-weight: 500;}

/* === TOP11:youtubeエリア === */
#top_youtube {padding: 30px 0; background-color: #f5f5f5;position: relative;z-index: 1;}
#top_youtube::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	border-bottom: 120px solid transparent;
	border-left: 70px solid #fc031b;
	border-top: 120px solid #fc031b;
	border-right: 70px solid transparent;
}
#top_youtube .inner { z-index: 2;}
#top_youtube a {text-decoration: none; display: block;}
#top_youtube div.describewrap {width: 34%; margin-left: 6%;}
#top_youtube h2 {margin: 4rem auto 2rem 0;}
#top_youtube h2 img {display: block; max-width: 340px;width: 100%;}
#top_youtube p {font-weight: 600; margin-bottom: 2rem;}
/* スライド用 */
ul.slider_top_youtube {	
	display: flex;
	flex-wrap: wrap;
	font-weight: 500;
	width: 60%;
	margin-bottom: 2.5rem;
}
ul.slider_top_youtube .slick-slide {margin:0 10px;}
ul.slider_top_youtube .slick-prev {z-index: 1;}
ul.slider_top_youtube .slick-prev:before {
	content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 27px;
    width: 6px;
    height: 7px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 7px solid #fff;
	z-index: 2;	
	opacity: 1;
}
ul.slider_top_youtube .slick-prev:after {
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 18px;
    width: 18px;
    height: 18px;
    border: 14px solid #fc031b;
    border-radius: 50%;
	z-index: 1;
}
ul.slider_top_youtube .slick-next:before {
	content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 27px;
    width: 6px;
    height: 7px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #fff;
	z-index: 2;
	opacity: 1;
}
ul.slider_top_youtube .slick-next:after {
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 18px;
    width: 18px;
    height: 18px;
    border: 14px solid #fc031b;
    border-radius: 50%;
	z-index: 1;
	}
	@-moz-document url-prefix() {ul.slider_top_youtube .slick-prev:before {top:7px;}ul.slider_top_youtube .slick-next:before{top:7px;}}

ul.slider_top_youtube .slick-list li {
	position: relative;
	background-color: #332d2d;
	padding: 18px 20px 20px 20px;
	text-align: center;
	 color: #fff !important;
}
ul.slider_top_youtube .slick-list li span.badge {
	position: absolute;
	top: 10px;
	left: 12px;
	z-index: 99;
}
ul.slider_top_youtube .slick-list li span.badge img {width: 70%;}
ul.slider_top_youtube .slick-list li:hover, ul.slider_top_youtube .slick-list li a:hover {opacity: 0.80;}
ul.slider_top_youtube .slick-list li figure {
	position: relative;
	width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom:1.4rem;
}
ul.slider_top_youtube .slick-list li figure::before  {content: "";display: block;padding-top: 56.25%;}
ul.slider_top_youtube .slick-list li figure img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
ul.slider_top_youtube .slick-list li span.day {display: block; color: #e30076; font-size: 1.4rem;}
ul.slider_top_youtube .slick-list li span.title {display: block; font-size: 1.6rem; color: #fff; line-height: 1.6;}

/* === TOP12:ようこそ福島エリア === */
#top_visitor {position: relative;background-color: #4d4445;}
#top_visitor::before{
	content: '';
	width: 47%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 1;
}
#top_visitor::after{
	width: 500px;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 50%;
	background-color: #4d4445;
	z-index: 1;
	transform: skew(338deg);
}
#top_visitor .inner {position: relative;height: 100%;padding: 6rem 0 0 0;z-index: 2;}
#top_visitor .inner::before{
	width: 190px;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 36%;
	background-color: #e85282;
	z-index: 1;
	transform: skew(338deg);
}
#top_visitor a {text-decoration: none;}
#top_visitor div.describewrap {width: 34%; padding: 2% 0 5rem 6%;background: url("/image/top/bg_present.png") no-repeat 0 0; z-index: 2;}
#top_visitor h2 {font-size: 2.8rem; color: #e85282; margin: 3rem auto 2rem 0;}
#top_visitor h2 span.sp-block{color: #e85282;}
#top_visitor h2 span {color: #000000;}
#top_visitor h2 img {display: inline-block; margin-right: 5px;vertical-align: top;max-width: 117px; width: 100%;}
#top_visitor p {font-weight: 600; margin-bottom: 2rem;}
#top_visitor ul {font-weight: 600;width: 66%;background: url("/image/top/bg_visitor.png") no-repeat 85% bottom; padding-bottom: 6rem;}
#top_visitor ul li {
	position: relative;
	width: 48%;
	background-color: #fff;
	padding: 18px 18px 20px 18px;
	box-shadow: 0px 0px 8px -4px #c4c4c4;
	margin-right: 2%;
	text-align: center;
	color: #fff !important;
	z-index: 2;
}
#top_visitor ul li span.badge {
	position: absolute;
	top: 10px;
	left: 12px;
	z-index: 99;
}
#top_visitor ul li span.badge img {width: 70%;}
#top_visitor ul li:hover, #top_visitor ul li a:hover {opacity: 0.80;}
#top_visitor ul li figure {
	position: relative;
	width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom:1.4rem;
	background-color: #f5f5f5;
	text-align: center;
}
#top_visitor ul li figure::before  {content: "";display: block;padding-top: 56.25%;}
#top_visitor ul li figure img {
	display: block;
	margin: 0 auto;
	object-fit: cover;
	width: 100%;
	/*height: 100%; */
	position: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
#top_visitor ul li span.day {display: block; color: #e30076; font-size: 1.45rem; margin-bottom: 0.25rem;}
#top_visitor ul li span.title {display: block; font-size: 1.8rem; color: #000;}

/* === TOP13:infoエリア === */
#top_info {padding: 5rem 0; background-color: #f5f5f5;position: relative;z-index:1;}
#top_info::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	border-bottom: 120px solid transparent;
	border-left: 70px solid #e85282;
	border-top: 120px solid #e85282;
	border-right: 70px solid transparent;
}
#top_info .inner { z-index: 2;}
#top_info a {text-decoration: none; color: #fff;}
#top_info a:hover {opacity: 0.80;}
#top_info div.describewrap {width: 28%; margin-left: 6%;}
#top_info h2 {margin: 5rem auto 2rem 0;}
#top_info p {font-weight: 600; margin-bottom: 2rem;}
#top_info dl{
	-webkit-overflow-scrolling: touch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	height: 20em;
	margin: 0 auto;
	padding: 2rem 2.5rem;
	overflow-y: scroll;
	background-color: #4d4445;
	width: 66%;
	color: #fff;
	line-height: 1.4;
	}
#top_info dt, #top_info dd{box-sizing: border-box;width: 100%;}
#top_info dt {font-size: 1.3rem;}
#top_info dd{margin-bottom: 1.2rem;padding-bottom: 1.2rem;border-bottom: 1px solid #949191;}
#top_info dt time {margin-right: .5em;}
#top_info dd:nth-of-type(-n+3) {position: relative;}
#top_info dd:last-child {border-bottom: none;margin-bottom: 0;padding-bottom: 0;}

/* === TOP14:バナー03エリア === */
#top_bannerArea03 {background-color: #ebebeb; padding: 20px 0; text-align: center;}
#top_bannerArea03 .slider_top_bannerArea03 li{margin: 0 5px;}
#top_bannerArea03 .slider_top_bannerArea03 img {display: block; width: 100%;}


/*======================================================*/
/*PC縮小～タブレット（※イレギュラー指定）
=======================================================*/
@media only screen and (min-width: 897px) and (max-width: 987px){}
/*======================================================*/
/*(SP（タブレット以下）)media only screen and ( max-width : 896px )
=======================================================*/



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

/*======================================*/
/* （SP）8＿main TOP用css   */
/*======================================*/

/* === TOP見出し共通 === */
h2.top-h2_title_single {font-size: 2.5rem; margin-bottom: 1rem;letter-spacing: 0.2rem;}
h2.top-h2_title_single::after {top: 0;width: 50px;height: 25px;}
h2.top-h2_title_double {font-size: 2.5rem; letter-spacing: 0.2rem; margin-bottom: 2rem; }
h2.top-h2_title_double::before {top: 0;width: 50px;height: 25px;left: -1.9em;}
h2.top-h2_title_double::after {top: 0;width: 50px;height: 25px;}
h2.top-h2_title_dropcap {font-size: 2.5rem;  letter-spacing: 0.3rem; margin-bottom: 1rem; }
h2.top-h2_title_dropcap::first-letter {font-size: 4rem;color: #000;}
/* === TOP一覧リンクボタン共通 === */
a.top-btnmore {font-size: 1.3rem; padding:8px 20px 8px 30px;}
/* === TOP00:臨時のお知らせエリア === */
#top_NoticeArea {font-size: 1.2rem; padding: 2.4rem 0 1.5rem 0;}
/* === TOP01:福島県のニュースエリア === */
#top_newsArea {padding-top: 2.5rem;}
#top_newsArea h2 {margin-left: 0;}
#top_newsArea .newsarticleWrap_bg .inner {background-size: 18px;}
#top_newsArea .newsarticleWrap {margin-left: 7%;padding: 2rem 1rem 0 1.5rem;}
/* 記事1 */
#top_newsArea .newsarticleWrap-01 {width: 100%; margin-right: 0; margin-bottom: 1.5rem;}
#top_newsArea .newsarticleWrap-01 span.badge img{display: block; width: 70%;}
#top_newsArea .newsarticleWrap .newsarticleWrap-02 div.articlebox_text time {font-size: 1.3rem;margin-bottom: 0;}
#top_newsArea .newsarticleWrap .newsarticleWrap-01 a span {font-size: 1.4rem; }
/* 記事２~4 */
#top_newsArea .newsarticleWrap-02 {width: 100%;}
#top_newsArea .newsarticleWrap .newsarticleWrap-02 a {margin-bottom:1.2rem;}
#top_newsArea .newsarticleWrap .newsarticleWrap-02 figure {width: 36%;}
#top_newsArea .newsarticleWrap .newsarticleWrap-02 div.articlebox_text {margin-top: -0.3rem;}
#top_newsArea .newsarticleWrap .newsarticleWrap-02 div.articlebox_text time {font-size: 1.2rem;margin-bottom: 0;}
#top_newsArea .newsarticleWrap .newsarticleWrap-02 span {font-size: 1.3rem;max-height: 6rem;}
#top_newsArea .txt-right {text-align: center !important;}
#top_newsArea .txt-right a.top-btnmore::before	{top: 1px !important;}
	
/* === TOP02:UPCKUP動画&マルチエリア === */
#top_pickup_multiArea {padding: 3.5rem 0 0;}
#top_pickup_multiArea .inner {display: block;}
#pickupArea {width: 100%; padding-left: 0; background: url(../image/top/bg_pickup_left.png) no-repeat 10% 100%;background-size: 32%;}
#pickupArea .pickupwrap { padding-left: 0%;}
#pickupArea #movie {width: 100%;}
#pickupArea div.pickup_title {width: 100%;font-size: 1.3rem;}
#multiArea {width: 100%; margin: 2rem auto 0 auto; text-align: center;}
#multiArea h2 {margin-bottom: 1rem;margin-left: auto; margin-right: auto;font-size: 2rem;}
#multiArea figure {padding-left: 5%;}
#multiArea figure img, #multiArea img{display: block; width: 100%; margin: 0 auto;}
/* === TOP04:bannerエリア01 === */ 
#top_bannerArea01 {background-color: #ebebeb; padding: 1rem 0 0.5rem 0;}
#top_bannerArea01 ul {display: flex;flex-wrap: wrap;justify-content: center;}
#top_bannerArea01 ul li{max-width: 190px; width: 48%;margin:0 1% 0.8rem 1%;}
#top_bannerArea01 ul li img { margin: 0 auto;}
/* === TOP05:PICKUPふくしまエリア === */
#top_pickupFukushima {padding: 3.5rem 0;} #top_pickupFukushima .inner {
	padding-left: 0;
	background-size: 100%;
	background-position:  center 15%;
}	
#top_pickupFukushima h2 {margin: 0 auto 1.5rem 0;}
#top_pickupFukushima h2 img {width: 70%;}
#top_pickupFukushima p { font-size: 1.4rem; margin-bottom: 1.5rem;line-height: 1.8;}
ul.slider_fukushima {width: 100%; margin:0 auto 1.5rem auto;}
ul.slider_fukushima .slick-slide {margin: 0 4px;}
ul.slider_fukushima .slick-next:before {right: 24px;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 5px solid #fff;}
ul.slider_fukushima .slick-next:after {right: 18px;border: 10px solid #e30076;}
ul.slider_fukushima .slick-prev:before {left: 24px;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-right: 5px solid #fff;}
ul.slider_fukushima .slick-prev:after {left: 18px; border: 10px solid #e30076;}
ul.slider_fukushima .slick-list li {padding: 10px 8px;}
ul.slider_fukushima .slick-list li span.title {display: block; font-size: 1.2rem; line-height: 1.3; padding-top: 0;}
ul.slider_fukushima .slick-list li span.tag {width: 85%;font-size: 1rem;font-weight: 600;}
/* タグ一覧用 */
.slider_fukushima_tags {text-align: right;}
.slider_fukushima_tags ul {width: 100%; margin: 0 0 1rem auto;}
.slider_fukushima_tags ul li {margin-left: 4px;margin-bottom: 5px;}
.slider_fukushima_tags ul li span.tag {padding: 3px 10px 5px 10px;font-size: 1rem;font-weight: 600;white-space: nowrap;}
ul.slider_fukushima .slick-list li span.tagcl_red {width: 90%;font-size: 1rem;letter-spacing: 0;}
/* === TOP06:bannerエリア02 === */
#top_bannerArea02 { padding: 15px 0;}
#top_bannerArea02 ul li {width: 33%; margin-right: 8px;}
/* === TOP07:おすすめ番組 === */
#top_recommend {padding: 3.5rem 0;background-size: 150px auto;}
#top_recommend .inner {padding: 0;}
#top_recommend h2 {margin-bottom: 1.5rem;padding-left: 1%;}
#top_recommend dl.onairbox {line-height: 1.5; margin: 0 0 1rem 0;}
#top_recommend dl.onairbox dt {font-size: 1.1rem;letter-spacing: 0px;padding: 0 0.5rem;}
#top_recommend dl.onairbox dd {padding: 0.8rem 1rem;}
#top_recommend dl.onairbox dd #inc-onair table tr#NCK_NOW_ONAIR td {min-width: 5.6rem; font-size: 1.1rem; padding: 0 0.5rem;letter-spacing: 1px;}
#top_recommend dl.onairbox dd #inc-onair table tr#NCK_NOW_ONAIR td:last-child {font-size:1.2rem;padding: 0 ;max-width:100%; width: 100%;}	
#top_recommend dl.onairbox dd #inc-onair table tr#NCK_NOW_ONAIR td font, #top_recommend dl.onairbox dd #inc-onair table tr#NCK_NOW_ONAIR td:last-child font {font-size:1.2rem;}
#top_recommend dl.onairbox dd #inc-onair table tr#NCK_NOW_ONAIR td:last-child a { width: 100%; padding-right: 20px; display: block; font-size:1.2rem;}	
#top_recommend dl.onairbox dd #inc-onair table tr#NCK_NOW_ONAIR td:last-child a::before {right: 5px; top: 0;border-top: 4px solid transparent;border-bottom: 4px solid transparent;
    border-left: 6px solid #e30076;}
#top_recommend dl.onairbox dd #inc-onair table tr#NCK_NOW_ONAIR td:last-child a::after {right: 0px; top: 0; width: 18px; height: 18px;}	
ul.slider_recommend {margin-bottom: 0;}
ul.slider_recommend .slick-slide {margin: 0 5px;}
ul.slider_recommend .slick-prev:after {left: 10px;border: 10px solid #332d2d;}
ul.slider_recommend .slick-prev:before {left: 16px;border-top: 4px solid transparent;border-bottom:4px solid transparent;border-right: 5px solid #fff;}
ul.slider_recommend .slick-next:after {right: 10px;border: 10px solid #332d2d;}  
ul.slider_recommend .slick-next:before { right: 16px;border-top: 4px solid transparent;border-bottom: 4px solid transparent; border-left: 5px solid #fff;}
ul.slider_recommend .slick-list li {padding: 10px 8px; line-height: 1.4;}
#top_visitor ul li{margin-bottom: 0.8rem; max-width: 400px;}
ul.slider_recommend .slick-list li figure {margin-bottom: 1.2rem;}
ul.slider_recommend .slick-list li span.day {font-size: 1rem; margin-bottom: 0.5rem;}
ul.slider_recommend .slick-list li span.title {font-size: 1.2rem; margin-bottom: 0.5rem;}
ul.slider_recommend .slick-list li span.text { font-size: 1rem;}

/* === TOP08:FTV制作番組エリア === */
#top_FTVseisaku {padding: 3.5rem 0;}
#top_FTVseisaku .inner {min-height: auto;background: url(../image/top/bg_ftvseisaku_sp.png) no-repeat top center; background-size: 100%;}
#top_FTVseisaku h2 {margin-bottom: 2.5rem;}
#top_FTVseisaku h2.top-h2_title_double::before {left: -1em;}
#top_FTVseisaku h2 img {width: 28% !important;margin-right: 4px;}
ul.seisaku-list {display: block; margin-bottom: 2rem;}
ul.seisaku-list li {
	display: inline-block;
	padding: 12px 8px;
	margin:12px 4px;
	font-size: 1.1rem;
	width:40%;
}
ul.seisaku-list li:nth-child(2){width: 52%; margin:0 0 0 4px;}
ul.seisaku-list li span.badge {top: -12px;left: -12px;}
ul.seisaku-list li span.badge img {width: 50%;}
ul.seisaku-list li:nth-child(2) span.badge img {width: 70%;}
ul.seisaku-list li:nth-child(3)  {width: 40%; display: block !important; margin-left:auto; margin-right: auto;}
	ul.seisaku-list_box2 li:nth-child(3)  {width: 40%; display: inline-block!important; margin:12px 6px;}
ul.seisaku-list li figure {margin-bottom: 1rem;}
ul.seisaku-list li:nth-child(2) span.text {font-size: 1rem;}
ul.seisaku-list li span.text {font-size: 0.9rem;}
ul.seisaku-list li span.title { font-size: 1.1rem;}
ul.seisaku-list li:nth-child(2) span.title { font-size: 1.2rem;}
	
/* === TOP09:EVENTエリア === */
#top_event {padding: 3rem 0; text-align: center;}
#top_event .flex-flexwrap {display: block !important;}
#top_event::before{
	border-bottom: 60px solid transparent;
	border-left: 40px solid #e85282;
	border-top: 60px solid #e85282;
	border-right: 40px solid transparent;
}
#top_event div.describewrap {width: 100%; margin-left: 0; margin-bottom: 2rem;}
#top_event h2 {margin: 0 auto 1rem auto;}
#top_event p {margin-bottom: 2rem;} #top_event p br {display: none !important;}
#top_event ul {width: 100%;  margin-bottom: 1.5rem;justify-content: center;}
#top_event ul li {width: 48.5%; margin-right: 3%; padding: 12px 10px;}
#top_event ul li span.badge img {width: 50%;}
#top_event ul li span.category{font-size: 1.1rem;padding: 4px 5px;}
#top_event ul li span.day {font-size: 1rem;}
#top_event ul li span.title {font-size: 1.3rem;}
#top_event ul li span.text {font-size: 1rem;}
	
/* === TOP10:presentエリア === */
#top_present::before{width: 70%;height: 100%;}
#top_present::after{left: 40%;}
#top_present .inner {position: relative;height: 100%;padding: 3rem 0;z-index: 2;}
#top_present .inner::before{width: 100px;left: 36%;}
#top_present div.describewrap {width: 98%; padding:0 0 0 10px; background: none; margin-bottom: 2rem; margin-left: 2%;}
#top_present h2 {margin:1rem auto;}
#top_present p {margin-bottom: 0;}
#top_present ul {width: 100%; margin-bottom: 1.5rem;justify-content: center;}
#top_present ul li{width: 48.5%; margin-right: 3%;padding: 12px 10px;}
#top_present ul li span.badge img {width: 50%;}
#top_present ul li span.category {font-size: 1.1rem;padding: 4px 5px;}
#top_present ul li span.day {font-size: 1rem;}
#top_present ul li span.title {font-size: 1.3rem;}
#top_present ul li span.text {font-size: 1rem;}	
#top_present ul li figure::before  {padding-top: 130%;}
	
/* === TOP11:youtubeエリア === */
#top_youtube {padding: 3.5rem 0;}
#top_youtube::before{
	border-bottom: 60px solid transparent;
	border-left: 40px solid #fc031b;
	border-top: 60px solid #fc031b;
	border-right: 40px solid transparent;
}
#top_youtube div.describewrap  {width: 100%; margin-left: 0; margin-bottom: 2rem;}
#top_youtube h2 {margin:1rem auto 1.5rem auto;}
#top_youtube h2 img {width: auto; height: 38px; margin: 0 auto;}
#top_youtube p {margin-bottom: 0; text-align: center;}
ul.slider_top_youtube {	width: 100%;margin-bottom: 1.5rem;}
ul.slider_top_youtube .slick-slide {margin:0 5px;}
ul.slider_top_youtube .slick-prev:before {left: 16px;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-right: 5px solid #fff;z-index: 2;}    
ul.slider_top_youtube .slick-prev:after {left: 10px;border: 10px solid #fc031b;}
ul.slider_top_youtube .slick-next:before {right: 24px;border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid #fff;z-index: 2;}
ul.slider_top_youtube .slick-next:after {right: 18px;border: 10px solid #fc031b;}
ul.slider_top_youtube .slick-list li {padding: 12px 10px;}
ul.slider_top_youtube .slick-list li span.badge {left: 10px;}
ul.slider_top_youtube .slick-list li span.badge img {width: 50%;}
ul.slider_top_youtube .slick-list li figure {margin-bottom:1rem;}
ul.slider_top_youtube .slick-list li span.day {font-size: 1rem;}
ul.slider_top_youtube .slick-list li span.title {font-size: 1.2rem;line-height: 1.6;}

/* === TOP12:ようこそ福島エリア === */
#top_visitor .flex-flexwrap {display: block !important;}
#top_visitor::before{width: 70%;height: 100%;}
#top_visitor::after{left: 26%;width: 600px;}
#top_visitor .inner {position: relative;height: 100%;padding: 3rem 0;z-index: 2;}
#top_visitor .inner::before{width: 100px;left: 24%;z-index: -2;}
#top_visitor div.describewrap {width: 98%; padding:0 0 0 10px; background: none; margin-bottom: 2rem; margin-left: 2%; z-index: 2;}
#top_visitor h2 {margin:1rem auto;}
#top_visitor h2 span {color: #000000;}
#top_visitor h2 span.sp-block{display: block;margin-top: -5px;}
#top_visitor h2 img {width: auto; height: 31px !important;margin-top: 7px;}
#top_visitor p {margin-bottom: 1rem;}
#top_visitor ul {width: 98%;; margin-bottom: 1.5rem; margin-left: 0; padding-bottom:52%; background-position: 40% bottom;background-size: 50%;}
#top_visitor ul li {width: 90%;padding: 12px 10px;margin-right: auto;margin-left: auto;}
#top_visitor ul li span.badge {left: 10px;}
#top_visitor ul li:hover, #top_visitor ul li a:hover {opacity: 0.80;}
#top_visitor ul li figure {margin-bottom:1rem;}
#top_visitor ul li span.day {font-size: 1.1rem;}
#top_visitor ul li span.title {font-size: 1.3rem;}

/* === TOP13:infoエリア === */
#top_info {padding: 3rem 0; text-align: center;}
#top_info .flex-flexwrap {display: block !important;}
#top_info::before{
	border-bottom: 60px solid transparent;
	border-left: 40px solid #e85282;
	border-top: 60px solid #e85282;
	border-right: 40px solid transparent;
}
#top_info div.describewrap {width: 100%; margin-left: 0; margin-bottom: 2rem;}
#top_info h2 {margin:0 auto 1rem auto  ;}
#top_info p {margin-bottom: 1.5rem;}
#top_info dl{height: 20em;width: 100%;}
#top_info dt {font-size: 1.1rem;}
#top_info dd {font-size: 1.3rem;margin-bottom: 1rem;padding-bottom: 1rem;}

/* === TOP14:バナー03エリア === */
#top_bannerArea03 { padding: 12px 0;}
#top_bannerArea03 .slider_top_bannerArea03 li{margin: 0 3px;}
	
}/*End_media only_max-width : 896px*/

/*======================================================*/
/*iphone7,8, Google Pixel 3  (SP640)  
========================================================*/
@media only screen and (max-width : 640px) {
#top_pickupFukushima .inner::after { padding-top: 0%;}
}
/*======================================================*/
/*iphoneX(SP375)  iphone5/SE/ 小画面スマホ 
========================================================*/
@media only screen and (min-width: 1px) and (max-width: 375px){
	#top_recommend dl.onairbox dd #inc-onair table tr#NCK_NOW_ONAIR td {min-width: 6rem;padding: 0 0.5rem 0 0rem;}	
}/*End_media only_max-width : 375px*/