@charset "utf-8";

/*===================
	スゴ得 トップ スタイル定義
====================*/
body,#wrap {
	background: #e1e1e1 url(https://fujitvforsugotoku.jp/1images/new/bg.gif) repeat-y left top;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
}






/* header */
#fuji-header {
	display: table;
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding: 7px 10px;
	background-color: #fff;
}
#fuji-header #h1 {
	display: table-cell;
	text-align: left;
	width:60%;
}
#fuji-header #h1 img {
	height: 30px;
}
#fuji-header .menu {
	display: table-cell;
	text-align: right;
	width: 40%;
}
#fuji-header .menu img {
	height: 30px;
}

/* header2 固定 */
#fuji-header2 {
	display: table;
	border-bottom: 1px solid #ccc;
	width: 100%;
	background-color: #fff;
	position: fixed;
	z-index: 1000;
}
#fuji-header2 #h1 {
	display: table-cell;
	text-align: left;
	width:60%;
	padding: 15px 7px 10px 7px;
}

#fuji-header2 #h1 img {
	height: 30px;
}
#fuji-header2 .menu {
	display: table-cell;
	text-align: right;
	width: 40%;
	padding: 15px 7px 10px 7px;
}

#fuji-header2 .menu img {
	height: 30px;
}

/* スライドナビ */
#slidenav {

	background: #777 url(https://fujitvforsugotoku.jp/1images/new/shadow-w.png) no-repeat top center;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
}
#slidenav ul {
	display: table;
	width: 100%;
}
#slidenav li {
	display: table-cell;
	text-align: center;
	width: 50%;
}
#slidenav li a {
	display: block;
	color: #f9f9f9;
	text-shadow: -1px -1px 0 #555;
	padding: 15px 0;
}
#slidenav li:first-child {
	border-right: 1px solid #707070;
}
#slidenav li:last-child {
	border-left: 1px solid #888;
}
#slidenav .icon_contents-list {
	padding-left: 25px;
	background: url(https://fujitvforsugotoku.jp/1images/new/icon_contents-list.png) no-repeat left center;
	background-size: 18px 18px;
	-moz-background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
}
#slidenav .icon_tv-program {
	padding-left: 25px;
	background: url(https://fujitvforsugotoku.jp/1images/new/icon_tv-program.png) no-repeat left center;
	background-size: 18px 18px;
	-moz-background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
}

/* スライドナビ2 固定 */
#slidenav2 {
	/* display: none; */
	background: #777 url(https://fujitvforsugotoku.jp/1images/new/shadow-w.png) no-repeat top center;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	position: fixed;
	top: 60px;
	z-index: 1000;
	width: 100%;
}
#slidenav2 ul {
	display: table;
	width: 100%;
}
#slidenav2 li {
	display: table-cell;
	text-align: center;
	width: 50%;
}
#slidenav2 li a {
	display: block;
	color: #f9f9f9;
	text-shadow: -1px -1px 0 #555;
	padding: 15px 0;
}
#slidenav2 li:first-child {
	border-right: 1px solid #707070;
}
#slidenav2 li:last-child {
	border-left: 1px solid #888;
}
#slidenav2 .icon_contents-list {
	padding-left: 25px;
	background: url(https://fujitvforsugotoku.jp/1images/new/icon_contents-list.png) no-repeat left center;
	background-size: 18px 18px;
	-moz-background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
}
#slidenav2 .icon_tv-program {
	padding-left: 25px;
	background: url(https://fujitvforsugotoku.jp/1images/new/icon_tv-program.png) no-repeat left center;
	background-size: 18px 18px;
	-moz-background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
}


/* オンエア */
#now-onair {
	position: relative;
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding: 10px 0;
	background-color: #fff;
}
#now-onair #slider {
	padding: 0 30px;
}
#now-onair #slider .item {
	font-size: 93%;
	line-height: 1.4;
}
#now-onair #slider .item .date {
	display: block;
	color: #ed1b36;
	padding-bottom: 3px;
}
#now-onair #slider .item .date .icon_onair {
	color: #fff;
	padding: 0 5px;
	background-color: #ed1b36;
}
#now-onair .owl-buttons div {
	display: block;
	position: absolute;
	top: 50%;
	width: 28px;
	height: 28px;
	margin-top: -14px;
	background: no-repeat left top;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	text-indent: -9999px;
}
#now-onair .owl-buttons .owl-prev { left: 2px; background-image: url(https://fujitvforsugotoku.jp/1images/new/arrow_prev_tv.png);}
#now-onair .owl-buttons .owl-next { right: 2px; background-image: url(https://fujitvforsugotoku.jp/1images/new/arrow_next_tv.png);}


/* オンエア */
#now-onair2 {
	position: relative;
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding: 71px 0 10px;
	background-color: #fff;
}
#now-onair2 #slider {
	padding: 0 30px;
}
#now-onair2 #slider .item {
	font-size: 93%;
	line-height: 1.4;
}
#now-onair2 #slider .item .date {
	display: block;
	color: #ed1b36;
	padding-bottom: 3px;
}
#now-onair2 #slider .item .date .icon_onair {
	color: #fff;
	padding: 0 5px;
	background-color: #ed1b36;
}
#now-onair2 .owl-buttons div {
	display: block;
	position: absolute;
	top: 50%;
	width: 28px;
	height: 28px;
	margin-top: -14px;
	background: no-repeat left top;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	text-indent: -9999px;
}
#now-onair2 .owl-buttons .owl-prev { left: 2px; background-image: url(https://fujitvforsugotoku.jp/1images/new/arrow_prev_tv.png);}
#now-onair2 .owl-buttons .owl-next { right: 2px; background-image: url(https://fujitvforsugotoku.jp/1images/new/arrow_next_tv.png);}

/* めざましコンテンツ */
#mezamashi_contents {
	display: table;
	width: 100%;
	padding-bottom: 6px;
	background: url(https://fujitvforsugotoku.jp/1images/new/shadow-w.png) no-repeat center bottom;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
}
#mezamashi_contents #weather {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 40%;
	background-color: #fff;
}
#mezamashi_contents #weather a {
	display: table;
	width: 100%;
}
#mezamashi_contents #weather a:after {
	content: " ";
	position: absolute;
	bottom: 2px;
	right: 2px;
	width: 15px;
	height: 15px;
	background: url(https://fujitvforsugotoku.jp/1images/new/arrow_link_l.png) no-repeat left top;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
#mezamashi_contents #weather .weather-icon {
	display: table-cell;
	vertical-align: middle;
	width: 45%;
}
#mezamashi_contents #weather .weather-icon img {
	width: 100%;
}
#mezamashi_contents #weather .area {
	display: table-cell;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	width: 55%;
}
#mezamashi_contents #weather .area span {
	font-size: 85%;
}
#mezamashi_contents #fortune {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 60%;
	background: url(https://fujitvforsugotoku.jp/1images/new/bg_space.png) no-repeat left top;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
#mezamashi_contents #fortune a {
	display: table;
	width: 100%;
}
#mezamashi_contents #fortune a:after {
	content: " ";
	position: absolute;
	bottom: 2px;
	right: 2px;
	width: 15px;
	height: 15px;
	background: url(https://fujitvforsugotoku.jp/1images/new/arrow_link_d.png) no-repeat left top;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
#mezamashi_contents #fortune a div {
	display: table-cell;
	width: 33%;
	text-align: center;
	vertical-align: middle;
}
#mezamashi_contents #fortune .mezamashikun {
	text-align: right;
}
#mezamashi_contents #fortune .mezamashikun img {
	width: 75%;
}
#mezamashi_contents #fortune .rank {
}
#mezamashi_contents #fortune .rank img {
	width: 55%;
}
#mezamashi_contents #fortune .zodiac {
	text-align: left;
}
#mezamashi_contents #fortune .zodiac img {
	width: 60%;
}
#mezamashi_contents #fortune .wide {
	width: 100%;
	text-align: center;
}
#mezamashi_contents #fortune .dn {
	display: none;
}

/* タイムライン */
#timeline {
	position: relative;
	margin: 6px 10px 10px 10px;
}
#timeline .title {
	position: relative;
	color: #333;
	font-size: 93%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15px;
	margin-bottom: 2px;
}
#timeline .title:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 13px;
	height: 13px;
	background: url(https://fujitvforsugotoku.jp/1images/new/parts.png) no-repeat left center;
	background-size: 13px 13px;
	-moz-background-size: 13px 13px;
	-webkit-background-size: 13px 13px;
}

#timeline .title2 {
	position: relative;
	color: #333;
	font-size: 93%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15px;
	margin-bottom: 2px;
}
#timeline .title2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 13px;
	height: 13px;
	background: url(https://fujitvforsugotoku.jp/1images/new/parts2.png) no-repeat left center;
	background-size: 13px 13px;
	-moz-background-size: 13px 13px;
	-webkit-background-size: 13px 13px;
}

/* タイムライン 写真大 */
#timeline .box-photo {
	position: relative;
	margin-bottom: 4px;
	padding-bottom: 6px;
	background: url(https://fujitvforsugotoku.jp/1images/new/shadow-w.png) no-repeat center bottom;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
}
#timeline .box-photo a {
	display: block;
	background-color: #fff;
}
#timeline .box-photo img {
	width: 100%;
}
#timeline .box-photo .summary {
	position: absolute;
	left: 0;
	bottom: 6px;
	color: #fff;
	width: 100%;
	padding: 0 10px 10px 10px;
	background: -moz-linear-gradient(top,rgba(000,000,000,0),rgba(000,000,000,0.8));
	background: -webkit-gradient(linear, left top, left bottom,from(rgba(000,000,000,0)),to(rgba(000,000,000,0.8)));
}
#timeline .box-photo .summary .date {
	color: #ccc;
	font-size: 77%;
	margin-bottom: 5px
}
#timeline .box-photo .summary h2 {
	line-height: 1.5;
}
#timeline .box-photo .summary .category {
	position: absolute;
	right: 0;
	top: -20px;
	font-size: 85%;
}
#timeline .box-photo .summary .category span {
	color: #fff;
	padding: 2px 10px;
	background-color: #777;
}

/* タイムライン 写真小 */
#timeline .box-normal {
	position: relative;
	margin-bottom: 4px;
	padding-bottom: 6px;
	background: url(https://fujitvforsugotoku.jp/1images/new/shadow-w.png) no-repeat center bottom;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
}
#timeline .box-normal a {
	display: table;
	width: 100%;
	background-color: #fff;
}
#timeline .box-normal .img {
	display: table-cell;
	vertical-align: middle;
	width: 34%;
}
#timeline .box-normal .img img {
	width: 100%;
}
#timeline .box-normal .summary {
	display: table-cell;
	vertical-align: middle;
	width: 66%;
	padding: 10px;
}
#timeline .box-normal .summary .date {
	color: #aaa;
	font-size: 77%;
	margin-bottom: 5px
}
#timeline .box-normal .summary h2 {
	color: #444;
	line-height: 1.5;
}
#timeline .box-normal .summary .category {
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 85%;
}
#timeline .box-normal .summary .category span {
	color: #fff;
	padding: 2px 6px;
	background-color: #777;
}

/* タイムライン カテゴリーの色 */
#timeline .summary .category span.minna { background-color: #416ac2;}
#timeline .summary .category span.koko { background-color: #ffa913;}
#timeline .summary .category span.drama { background-color: #f33b64;}
#timeline .summary .category span.column { background-color: #af69ea;}
#timeline .summary .category span.onsen { background-color: #159500;}
#timeline .summary .category span.melo { background-color: #111111;}
#timeline .summary .category span.sokokiku { background-color: #e72ab4;}
#timeline .summary .category span.esse { background-color: #6DCE20;}
#timeline .summary .category span.moreseven { background-color: #f08236;}

/* もっと見る */
#timeline #btnMore {
	color: #fff;
	font-size: 131%;
	text-align: center;
	width: 100%;
	padding: 20px 0;
	background: -moz-linear-gradient(top,#bbb,#ccc);
	background: -webkit-gradient(linear, left top, left bottom,from(#bbb),to(#ccc));
}

/* 着メロ */
#music {
	position: relative;
	padding: 30px 10px 30px 10px;
	background-color: #fff;
}
#music h2 {
	font-size: 182%;
}
#music h2 span {
	color: #999;
	font-size: 50%;
	padding-left: 5px;
}
#music ul {
	margin-bottom: 60px;
}
#music li {
	border-bottom: 1px solid #ddd;
	padding: 15px 30px 15px 0;
	background: url(https://fujitvforsugotoku.jp/1images/new/arrow_link_mero.png) no-repeat right center;
	background-size: 25px 25px;
	-moz-background-size: 25px 25px;
	-webkit-background-size: 25px 25px;
}
#music li a {
	display: table;
	width: 100%;
}
#music li .rank {
	display: table-cell;
	vertical-align: middle;
	width: 50px;
	padding-right: 10px;
}
#music li .rank span {
	display: block;
	border: 2px solid #aaa;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #aaa;
	font-size: 182%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 50px;
	width: 50px;
	height: 50px;
}
#music li .rank span.r1 { color: #cac161; border-color: #cac161;}
#music li .rank span.r2 { color: #c1c1c1; border-color: #d4d4d4;}
#music li .rank span.r3 { color: #ca9761; border-color: #ca9761;}
#music li .summary {
	display: table-cell;
	line-height: 1.5;
	vertical-align: middle;
}
#music li .summary h3 {
	margin-bottom: 5px;
}
#music li .summary p {
	color: #999;
	font-size: 85%;
}
#music .load {
	position: absolute;
	left: 50%;
	bottom: 30px;
	margin-left: -75px;
}
#music .load a {
	display: block;
	border: 1px solid #ccc;
	width: 150px;
	padding: 10px 0;
	margin: 0 auto;
	background: #f9f9f9 url(https://fujitvforsugotoku.jp/1images/new/arrow_more_mero.png) no-repeat center center;
	background-size: 25px 25px;
	-moz-background-size: 25px 25px;
	-webkit-background-size: 25px 25px;
	text-indent: -9999px;
}
#music .load.active a {
	background: #f9f9f9 url(https://fujitvforsugotoku.jp/1images/new/arrow_close_mero.png) no-repeat center center;
	background-size: 25px 25px;
	-moz-background-size: 25px 25px;
	-webkit-background-size: 25px 25px;
}
#music .children {
	display: none;
	margin-top: -60px;
}
#music .golink {
	text-align: right;
	padding: 20px 0 0 0;
}
#music .golink a {
	padding-right: 15px;
	background: url(https://fujitvforsugotoku.jp/1images/new/arrow_link_mero.png) no-repeat center right;
	background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	-webkit-background-size: 10px 10px;
}

/* ゲーム */
#game {
	padding: 30px 10px 30px 10px;
}
#game h2 {
	font-size: 182%;
	margin-bottom: 10px;
}
#game h2 span {
	color: #999;
	font-size: 50%;
	padding-left: 5px;
}
#game ul {
	margin: 0 -10px 0 0;
	overflow: hidden;
}
#game li {
	float: left;
	padding: 0 10px 10px 0;
}
#game li.wide {
	width: 100%;
	padding-bottom: 6px;
	margin-bottom: 4px;
	background: url(https://fujitvforsugotoku.jp/1images/new/shadow-w.png) no-repeat center bottom;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
}
#game li.short {
	float: left;
	width: 50%;
	padding-bottom: 6px;
	margin-bottom: 4px;
	background: url(https://fujitvforsugotoku.jp/1images/new/shadow-s.png) no-repeat center bottom;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
}
#game li.short a {
	display: block;
	background-color: #fff;
}
#game li a {
	display: block;
	background-color: #fff;
}
#game li .summary {
	line-height: 1.4;
	padding: 10px;
	background-color: #fff;
}
#game li img {
	width: 100%;
}
#game li h3 {
	font-size: 100%;
	font-weight: bold;
}
#game li p {
	color: #999;
	font-size: 93%;
}

/* コンテンツ一覧 */
#contentsList {
	padding: 0 10px 30px 10px;
}
#contentsList h2 {
	font-size: 182%;
	margin-bottom: 10px;
}
#contentsList h2 span {
	color: #999;
	font-size: 50%;
	padding-left: 5px;
}
#contentsList ul {
	overflow: hidden;
	margin-right: -10px;
}
#contentsList li {
	float: left;
	width: 33%;
	padding: 0 10px 6px 0;
}
#contentsList li a {
	display: block;
	padding-bottom: 4px;
	background: url(https://fujitvforsugotoku.jp/1images/new/shadow-s.png) no-repeat center bottom;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
}
#contentsList li img {
	width: 100%;
}

/* ページの先頭へ戻る */
.goPagetop {
	overflow: hidden;
}
.goPagetop span {
	float: right;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3px 30px;
	margin: 0 10px 10px 0;
	background: #333 url(https://fujitvforsugotoku.jp/1images/new/arrow_pagetop.png) no-repeat center center;
	background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	-webkit-background-size: 10px 10px;
	text-indent: -9999px;
}

/* フッター */
footer {
	background-color: #333;
}
footer .fnav {
	padding: 20px 10px 30px 10px;
}
footer .fnav li {
	border-bottom: 1px solid #4a4a4a;
}
footer .fnav li a {
	display: block;
	color: #ccc;
	font-size: 108%;
	padding: 15px 0;
	background: url(https://fujitvforsugotoku.jp/1images/new/arrow_link_fnav.png) no-repeat right center;
	background-size: 20px 20px;
}

/*===================
	スゴ得 トップ スタイル定義
====================*/
@media screen and (min-width: 321px) {
body {
	font-size: 17px;
}
}




/*===================
/* pick up スライダー
====================*/
#pickup-slider.owl-theme .owl-controls {
	text-align: center;
}

/* Styling Pagination*/
#pickup-slider.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
#pickup-slider.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 5px;
	height: 5px;
	margin: 5px 7px;
	filter: Alpha(Opacity=30);/*IE7 fix*/
	opacity: 0.9;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #fff;
}
#pickup-slider.owl-theme .owl-controls .owl-page.active span,
#pickup-slider.owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background: #ed1b36;
}
#pickup-slider.owl-theme .owl-pagination {
	width: 100%;
	margin-top: -10px;
	margin-bottom: 3px;
	/*background-color: #000;*/
}

/* Styling next prev*/
#pickup-slider.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	top: 50%;
	display: block;
	width: 30px;
	height: 30px;
	margin-top: -20px;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	text-indent: -9999999px;
}
#pickup-slider.owl-theme .owl-controls .owl-prev {
	left: -10px;
	background: url(https://fujitvforsugotoku.jp/1images/new/slider_arrow_prev.png) no-repeat left top;
}
#pickup-slider.owl-theme .owl-controls .owl-next {
	right: -10px;
	background: url(https://fujitvforsugotoku.jp/1images/new/slider_arrow_next.png) no-repeat left top;
}




/*===================
/* シェアボタン
====================*/
#shareButton {
	padding: 0 10px 30px 10px;
}
#shareButton h2 {
	font-size: 182%;
	margin-bottom: 10px;
}
#shareButton h2 span {
	color: #999;
	font-size: 50%;
	padding-left: 5px;
}
#shareButton .share_button_list {
	display: table;
	width: 100%;
}
#shareButton .share_button_list li {
	display: table-cell;
	width: 33.3333333%;
}
#shareButton .share_button_list li a {
	display: block;
	text-align: center;
	padding: 10px 0;
}
#shareButton .share_button_list li.facebook a { background-color: #3b5998;}
#shareButton .share_button_list li.twitter a { background-color: #5ea9dd;}
#shareButton .share_button_list li.line a { background-color: #00c300;}
#shareButton .share_button_list li img {
	width: 50%;
}
#shareButton .share_button_list li span {
	display: block;
	color: #fff;
	font-size: 89%;
}