@charset "utf-8";

/*
	/tv/ageagechan/css/style.css
	-----------------------------------
	v1.0
	Last Updated: 2020-12-15
	Copyright: CBC TELEVISION CO.,LTD. All rights Reserved.
	-----------------------------------
	[Updated]
	v1.0		2020-12-15
	-----------------------------------

基本設定
ソーシャルボタン
ヘッダー
フッター
コンテンツ
カラー設定


*/

/* ***********************************************************

		基本設定

*********************************************************** */
html {
	/*font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif;*/
	font-family: 'Noto Sans JP', sans-serif;
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
}
body {
	/*font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif;*/
	font-family: 'Noto Sans JP', sans-serif;
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
	/*background: #000;*/
	color: #000;
}

/*フォントの滲みの修正＠EdgeとFirefox*/
/*
.ageagechan p,
.ageagechan h3 {
	transform: rotate(0.001deg);
}
*/


/*デフォルトリンクカラー*/
a, a:link {
	color: #0000DE;
}
a:visited {
	color: #941D55;
}
a:active,
a:hover {
	color: #CC0000;
}
a:focus {
	color: #CC0000;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/* FireFox リンク選択時の点線を消す */
a:link,
a:visited,
a:active,
a:hover {
	overflow: hidden;
	outline: none;
}


/*画像の横幅*/
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.img-max {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
@media only screen and (max-width: 640px) {
	.img-max-sp {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}
}

@media print, screen and (min-width: 641px) {
	.img-max-pc {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}
}

figure {
	padding: 0;
	margin: 0;
}

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

	非表示設定

----------------------------------------------------- */
@media only screen and (max-width: 640px) {
	.hide-sp {
		display: none !important;
	}
	#global-nav:nth-of-type(1) {
		display: none;
	}
}

@media print, screen and (min-width: 641px) {
	.hide-pc {
		display: none !important;
	}
}
.hide-text {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}

/* ***********************************************************

		ソーシャルボタン

*********************************************************** */
#sns-block {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif;
	font-weight: 400;
	width: 100%;
	background: #fff;
	/*padding-bottom: 16px;*/
}
.sns {
	width: 96%;
	padding-top: 16px;
	margin: 0 auto;
	text-align: center;
}
.ttl-sns {
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
	padding-top: 9px;
	color: #000;
	font-size: .9em;
}
.ttl-sns i {
	padding-right: .1em;
}
.sns-list {
	display: inline-block;
	font-size:0;
	padding: 0;
	list-style: none;
}
.sns-list li {
	display: inline-block;
	position: relative;
	margin: 0 8px;
}
.sns-list li img {
	width: 35px;
	height: auto;
	vertical-align: middle;
}
@media screen and (min-width: 40em) {
	.sns {
		width: 980px;
	}
	.ttl-sns {
		margin-right: 22px;
		padding-top: 7px;
	}
	.sns-list li img {
		width: 32px;
		height: auto;
		vertical-align: middle;
	}
}
@media screen and (min-width: 64em) {
}

/* ***********************************************************

	ヘッダー

*********************************************************** */
@media only screen and (max-width: 640px) {
	.ageagechan .header {
	}
	.ageagechan .header-top {
	}
	.ageagechan .header-top-inner {
	}
	.ageagechan .header-top-inner img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}
	.ageagechan .header-bottom {
		background: url(../images/sp/header-bottom-bg.jpg) no-repeat 0 0;
		background-size: cover;
		height: 125.9375vw;
	}
}
@media print, screen and (min-width: 641px) {
	.ageagechan .header {
		min-width: 980px;
	}
	.ageagechan .header-top {
		background: #ffe400;
	}
	.ageagechan .header-top-inner {
		text-align: center;
		width: 980px;
		height: 44px;
		margin: auto;
	}
	.ageagechan .header-bottom {
		background:
		url(../images/pc/header-bottom-bg2.png) no-repeat center 0,
		url(../images/bg_arrow.png) repeat 0 0,
		url(../images/pc/header-bottom-bg.png) no-repeat center 0,
		#fff000;
	}
	.ageagechan .header-bottom-inner {
		width: 980px;
		height: 638px;
		margin: auto;
	}

}
.ageagechan .header h1 {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}
.ageagechan .header p {
	margin-bottom: 0;
}


/* ***********************************************************

	フッター

*********************************************************** */
/*フッター枠*/
.ageagechan .footer {
	background: #fff000;
}

@media only screen and (max-width: 640px) {
	.ageagechan .footer {
		padding: 0;
	}
	.ageagechan .footer-inner {
		padding:50px 15px 50px;
	}
	.ageagechan .footer-inner p {
		line-height:1.5;
		margin: 0;
	}
}
@media print, screen and (min-width: 641px) {
	.ageagechan .footer {
		min-width: 980px;
	}
	.ageagechan .footer-inner {
		width: 980px;
		height:160px;
		margin:auto;
	}
	.ageagechan .footer-inner p {
		line-height:160px;
		text-align: center;
		margin: 0;
	}
}
.ageagechan .footer-inner p {
	font-size: 14px;
}
.ageagechan .footer-inner p a,
.ageagechan .footer-inner p a:link,
.ageagechan .footer-inner p a:visited {
	color: #000;
	text-decoration: none;
}
.ageagechan .footer-inner p a:active,
.ageagechan .footer-inner p a:hover {
	color: #000;
	text-decoration: underline;
}
.ageagechan .footer-inner p a:focus {
	color: #000;
}

/*ページアップ*/
.ageagechan .pageup {
	margin: 0;
}
.ageagechan .pageup a {
	display: block;
	background: url('../images/pageup.png') no-repeat 0 0 ;
	-moz-background-size:100% auto;
	background-size:100% auto;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	position: fixed;
}
@media only screen and (max-width: 640px) {
	.ageagechan .pageup a {
		width: 57px;
		height:57px;
		right: 12px;
		bottom: 10px;
	}
}
@media print, screen and (min-width: 641px) {
	.ageagechan .pageup a {
		width: 84px;
		height: 84px;
		right: 20px;
		bottom: 30px;
		transition: 0.3s ease-in-out;
	}
	.ageagechan .pageup a:hover {
		opacity: 0.7;
	}
}



/* ***********************************************************

	メイン

*********************************************************** */
@media only screen and (max-width: 640px) {
	.ageagechan .main {
	}
}
@media print, screen and (min-width: 641px) {
	.ageagechan .main {
	}
}



/* ***********************************************************

	コンテンツ

*********************************************************** */
@media only screen and (max-width: 640px) {

}
@media print, screen and (min-width: 641px) {
	.ageagechan .content {
		min-width: 980px;
	}
}


/*放送日時*/
@media only screen and (max-width: 640px) {
	.ageagechan .date-box {
		margin: auto;
		padding: 40px 0 40px;
	}
	.ageagechan .date-box h2 {
		text-align: center;
		width: 46.25vw;
		margin: 0 auto 40px;
	}
	.ageagechan .date-box dl {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 290px;
		margin: 0 auto;
	}
	.ageagechan .date-box dt {
		text-align: center;
		width: 61px;
		margin: 0 0 28px;
		padding: 0 0 0;
	}
	.ageagechan .date-box dt .date-box-cbc {
		width: 58px;
	}
	.ageagechan .date-box dt .date-box-rkb {
		width: 44px;
	}
	.ageagechan .date-box dt .date-box-hbc {
		width: 54px;
	}
	.ageagechan .date-box dd {
		font-size: 17px;
		font-weight: 900;
		line-height: 25px;
		width: 217px;
		margin: 0 0 28px;
		padding: 0;
	}

	.ageagechan .date-box ul {
		list-style: none;
		text-align: center;
		margin: 0;
		padding: 0 10px;
	}
}
@media print, screen and (min-width: 641px) {
	.ageagechan .date-box-inner {
		width: 940px;
		margin: auto;
		padding: 80px 0 80px;
	}
	.ageagechan .date-box h2 {
		text-align: center;
		margin: 0 0 32px;
	}
	.ageagechan .date-box dl {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 0 32px 65px;
	}
	.ageagechan .date-box dt {
		text-align: center;
		width: 94px;
		margin: 0 0 32px;
		padding: 10px 0 0;
	}
	.ageagechan .date-box dd {
		font-size: 32px;
		font-weight: 900;
		width: 755px;
		margin: 0;
		padding: 0;
	}
	.ageagechan .date-box ul {
		list-style: none;
		text-align: center;
		margin: 0;
		padding: 0;
	}
}


/*番組概要*/
@media only screen and (max-width: 640px) {
	.ageagechan .gaiyo-box {
		background: #fff000 url(../images/bg_arrow.png) repeat 0 0;
		background-size: 25px auto;
	}
	.ageagechan .gaiyo-box-inner {
		padding: 36px 0 40px;
	}
	.ageagechan .gaiyo-box h2 {
		width: 46.25vw;
		margin: 0 auto 25px;
	}
	.ageagechan .gaiyo-box p {
		font-size: 19px;
		font-weight: 900;
		line-height: 37px;
		text-align: center;
		margin: 0;
	}
}
@media print, screen and (min-width: 641px) {
	.ageagechan .gaiyo-box {
		background: #fff000 url(../images/bg_arrow.png) repeat 0 0;
	}
	.ageagechan .gaiyo-box-inner {
		width: 940px;
		margin: auto;
		padding: 94px 0 62px;
	}
	.ageagechan .gaiyo-box h2 {
		text-align: center;
		margin: 0 0 68px;
	}
	.ageagechan .gaiyo-box p {
		font-size: 28px;
		font-weight: 900;
		line-height: 56px;
		text-align: center;
	}
}



/*プレゼンター*/
@media only screen and (max-width: 640px) {
	.ageagechan .presenter-box {
		background: url(../images/sp/presenter-box.jpg) no-repeat 0 0;
		background-size: cover;
		height: 164.6875vw;
		margin: auto;
	}
}
@media print, screen and (min-width: 641px) {
	.ageagechan .presenter-box {
	}
	.ageagechan .presenter-box-inner {
		background: url(../images/pc/presenter-box.jpg) no-repeat 0 0;
		width: 940px;
		height: 670px;
		margin: auto;
	}
}
.ageagechan .presenter-box h2,
.ageagechan .presenter-box ul,
.ageagechan .presenter-box li {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}


/* アゲアゲになりたい人*/
@media only screen and (max-width: 640px) {
	.ageagechan .ageage-box {
		background: #fff000 url(../images/bg_arrow.png) repeat 0 0;
		background-size: 25px auto;
		padding: 0 0 12px;
	}
	.ageagechan .ageage-box-inner {
	}
	.ageagechan .ageage-box-inner h2 {
		background: url(../images/sp/ageage-box-title.png) no-repeat 0 0;
		background-size: cover;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		width: 100vw;
		height: 28.90625vw;
		margin: 0;
	}
	.ageagechan .ageage-area {
		margin: 0 0 30px;
	}
	.ageagechan .ageage-area-inner {
	}
	.ageagechan .ageage-title {
		height: 71.875vw;
	}
	.ageagechan .ageage-area .youtube-box {
		width: 90.625vw;
		margin: auto;
	}
}
@media print, screen and (min-width: 641px) {
	.ageagechan .ageage-box {
		background: #fff000 url(../images/bg_arrow.png) repeat 0 0;
		padding: 0 0 20px;
	}
	.ageagechan .ageage-box-inner {
	}
	.ageagechan .ageage-box-inner h2 {
		background: url(../images/pc/ageage-box-title.png) no-repeat 0 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		width: 940px;
		height: 200px;
		margin: auto;
	}
	.ageagechan .ageage-area {
		padding: 357px 0 0;
		margin: 0 0 77px;
	}
	.ageagechan .ageage-area-inner {
	}
	.ageagechan .ageage-area .youtube-box {
		width: 890px;
		margin: auto;
	}
}
.ageagechan .ageage-area h3,
.ageagechan .ageage-area p {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}
.ageagechan .content .youtube {
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.ageagechan .content .youtube iframe,
.ageagechan .content .youtube img{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}


/*第１回：ゆきぽよ*/
@media only screen and (max-width: 640px) {
	.ageagechan .ageage-yukipoyo .ageage-title {
		background: url(../images/sp/ageage-yukipoyo.png) no-repeat center top;
		background-size: cover;
	}
}
@media print, screen and (min-width: 641px) {
	.ageagechan .ageage-yukipoyo {
		background: url(../images/pc/ageage-yukipoyo.png) no-repeat center top;
	}
}

/*第２回：鷲見玲奈*/
@media only screen and (max-width: 640px) {
	.ageagechan .ageage-washimi .ageage-title {
		background: url(../images/sp/ageage-washimi.png) no-repeat center top;
		background-size: cover;
	}
}
@media print, screen and (min-width: 641px) {
	.ageagechan .ageage-washimi {
		background: url(../images/pc/ageage-washimi.png) no-repeat center top;
	}
}

/*第３回：朝日奈央*/
@media only screen and (max-width: 640px) {
	.ageagechan .ageage-asahi .ageage-title {
		background: url(../images/sp/ageage-asahi.png) no-repeat center top;
		background-size: cover;
	}
}
@media print, screen and (min-width: 641px) {
	.ageagechan .ageage-asahi {
		background: url(../images/pc/ageage-asahi.png) no-repeat center top;
	}
}

/*第４回：松岡充*/
@media only screen and (max-width: 640px) {
	.ageagechan .ageage-matsuoka .ageage-title {
		background: url(../images/sp/ageage-matsuoka.png) no-repeat center top;
		background-size: cover;
	}
}
@media print, screen and (min-width: 641px) {
	.ageagechan .ageage-matsuoka {
		background: url(../images/pc/ageage-matsuoka.png) no-repeat center top;
	}
}

/*第５回：安藤なつ*/
@media only screen and (max-width: 640px) {
	.ageagechan .ageage-andonatsu .ageage-title {
		background: url(../images/sp/ageage-andonatsu.png) no-repeat center top;
		background-size: cover;
	}
}
@media print, screen and (min-width: 641px) {
	.ageagechan .ageage-andonatsu {
		background: url(../images/pc/ageage-andonatsu.png) no-repeat center top;
	}
}


/*各局放送日（放送日順）*/
@media only screen and (max-width: 640px) {
	.ageagechan .date2-box {
		margin: auto;
		padding: 42px 0 0;
	}
	.ageagechan .date2-box-inner {
	}
	.ageagechan .date2-box h2 {
		text-align: center;
		width: 83.75vw;
		margin: 0 auto 40px;
	}
	.ageagechan .date2-box h3 {
		text-align: center;
		margin: 0 auto 18px;
	}
	.ageagechan .date2-box h3.date2-box-cbc {
		width: 18.4375vw;
	}
	.ageagechan .date2-box h3.date2-box-rkb {
		width: 13.75vw;
	}
	.ageagechan .date2-box h3.date2-box-hbc {
		width: 17.03125vw;
	}
	.ageagechan .date2-box ul {
		list-style: none;
		margin: 0 0 44px 18px;
		padding: 0;
	}
	.ageagechan .date2-box li {
		font-size: 14px;
		font-weight: 900;
		line-height: 24px;
	}
}
@media print, screen and (min-width: 641px) {
	.ageagechan .date2-box {
	}
	.ageagechan .date2-box-inner {
		width: 940px;
		margin: auto;
		padding: 84px 0 0;
	}
	.ageagechan .date2-box h2 {
		text-align: center;
		margin: 0 0 80px;
	}
	.ageagechan .date2-box h3 {
		text-align: center;
		margin: 0 0 30px;
	}
	.ageagechan .date2-box ul {
		list-style: none;
		margin: 0 0 86px 180px;
		padding: 0;
	}
	.ageagechan .date2-box li {
		font-size: 28px;
		font-weight: 900;
		line-height: 48px;
	}
}


/*その他エリアでも放送決定*/
@media only screen and (max-width: 640px) {

	.ageagechan .sonota-box {
		margin: auto;
		padding: 42px 0 0;
	}
	.ageagechan .sonota-box-inner {
	}
	.ageagechan .sonota-box h2 {
		text-align: center;
		width: 83.75vw;
		margin: 0 auto 40px;
	}
	.ageagechan .sonota-box h3 {
		text-align: center;
		margin: 0 auto 10px;
	}
	.ageagechan .sonota-box ul {
		list-style: none;
		margin: 0 18px 44px 18px;
		padding: 0;
	}
	.ageagechan .sonota-box li {
		font-size: 14px;
		font-weight: 900;
		line-height: 24px;
	}
	.ageagechan .sonota-box p {
		font-size: 14px;
		margin: 0 18px 44px 18px;
	}
}
@media print, screen and (min-width: 641px) {
	.ageagechan .sonota-box {
	}
	.ageagechan .sonota-box-inner {
		width: 940px;
		margin: auto;
		padding: 84px 0 0;
	}
	.ageagechan .sonota-box h2 {
		text-align: center;
		margin: 0 0 80px;
	}
	.ageagechan .sonota-box h3 {
		font-size: 36px;
		text-align: center;
		margin: 0 0 20px;
	}
	.ageagechan .sonota-box ul {
		list-style: none;
		margin: 0 0 86px 180px;
		padding: 0;
	}
	.ageagechan .sonota-box li {
		font-size: 28px;
		font-weight: 900;
		line-height: 48px;
	}
	.ageagechan .sonota-box p {
		text-align: center;
		margin-bottom: 86px;
	}
}






/* ***********************************************************

		カラー設定

*********************************************************** */

.ageagechan .cl-red {
 color: #e50012;
}
.ageagechan .cl-light-blue {
 color: #008bda;
}
.ageagechan .cl-green {
	color: #0c980a;
}
.ageagechan .cl-pink {
	color: #e73665;
}
.ageagechan .cl-purple {
	color: #865cdc;
}