@charset 'utf-8';



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* common
------------------------------------------------ */
html { font-size: 62.5%; }
#ftGogaku { margin: 50px 0 15px; min-width: inherit; }

#ftGogaku #ftGogaku-inner #logo_ft_gogaku { position: relative; top: auto; left: auto; margin-bottom: 26px; }
#ftGogaku #ftGogaku-inner #fnvArea { display: flex; justify-content:space-between; margin-left: 0; }
#ftGogaku #ftGogaku-inner #fnvArea .fnvBlock { margin-right: 0; }
#ftGogaku #ftGogaku-inner #fnvArea .fnvBlock.fnv01 { width: 12.0202020202%; }
#ftGogaku #ftGogaku-inner #fnvArea .fnvBlock.fnv02 { width: 32.1212121212%; }
#ftGogaku #ftGogaku-inner #fnvArea .fnvBlock.fnv03 { width: 32.2222222222%; }
#ftGogaku #ftGogaku-inner #fnvArea .fnvBlock.fnv04 { width: 17.5757575758%; }
#ftGogaku #ftGogaku-inner #fnvArea .fnvBlock.fnv02 dl .fnvBox { float: left; width: 33.3%; }
#ftGogaku #ftGogaku-inner #fnvArea .fnvBlock.fnv03 dl .fnvBox { float: none; width: auto; }
#ftGogaku #ftGogaku-inner #fnvArea .fnvBlock dl { overflow: hidden; }
#ftMore { min-width: inherit; background: #003d97; }

#ftGogaku #ftGogaku-inner,
#ftMore #ftMore-inner { width: auto; }

#ftGogaku #ftGogaku-inner #pageTop { width: 60px; }
#ftGogaku #ftGogaku-inner #pageTop > a { display: block; width: 100%; }
#ftGogaku #ftGogaku-inner #pageTop img { max-width: 100%; }

@media screen and (max-width: 768px) {
	#ftGogaku { margin-bottom: 30px; }
	.footer__sns { margin: 0 10px 30px; }
	#ftGogaku #ftGogaku-inner #logo_ft_gogaku { margin: 0 auto 20px; width: 47.65625%; }
	#ftGogaku #ftGogaku-inner #fnvArea { display: block; margin: 0 10px; }
	#ftGogaku #ftGogaku-inner #fnvArea .fnvBlock { float: none; }
	#ftGogaku #ftGogaku-inner #fnvArea .fnvBlock.fnv01,
	#ftGogaku #ftGogaku-inner #fnvArea .fnvBlock.fnv02,
	#ftGogaku #ftGogaku-inner #fnvArea .fnvBlock.fnv03,
	#ftGogaku #ftGogaku-inner #fnvArea .fnvBlock.fnv04 { width: auto; }
	#ftGogaku #ftGogaku-inner #fnvArea .fnvBlock dl { padding-top: 6px; border-top: solid #c7c7cc 3px; }
	#ftGogaku #ftGogaku-inner #fnvArea .fnvBlock dl dt { background: none; }
	#ftGogaku #ftGogaku-inner #fnvArea .fnvBlock dl .fnvBox { padding: 4px 0 16px; }
	#ftGogaku #ftGogaku-inner #fnvArea .fnvBlock.fnv04 dl dt { display: none; }

	#ftMore { display: none; }

	#ftGogaku #ftGogaku-inner #pageTop { right: 0; }
}

/* gendai
------------------------------------------------ */
.gendai {
	position: relative;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
	font-size: 1rem;
	line-height: 1.5;
	color: #000;
}
.gendai#wp { min-width: inherit; }
.gendai #bnv { padding: 14px 0 22px; width: auto; }
.gendai #bnv li { font-size: 1.5rem; }

.gendai *,
.gendai *:before,
.gendai *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.gendai  a { text-decoration: none; color: #000; }
.device-click .gendai  a:hover { opacity: .75; }

.gendai img { width: auto; height: auto; max-width: 100%; }

.gendai #ct { padding-bottom: 0; }

.gendai-wrap { position: relative; margin: 0 auto; }

.c-green { color: #009688; }

/* clearfix */
.clearfix { clear: both; *zoom: 1; }
.clearfix:before,.clearfix:after { content: ' '; display: table; }
.clearfix:after { clear: both; }

@media screen and (min-width: 769px) {
	.visible-pc { display: inherit; }
	.visible-sp { display: none; }

	#ftGogaku #ftGogaku-inner,
	#ftMore #ftMore-inner,
	.gendai-wrap { padding: 0 20px; max-width: 1030px; }
}

@media screen and (max-width: 768px) {
	.visible-pc { display: none; }
	.visible-sp { display: inherit; }

	.gendai #bnv { margin: 0 10px; }
	.gendai #bnv li { font-size: 1.3rem; }
}

/* common
------------------------------------------------ */
/* title */
.gendai-title-1 { display: inline-block; position: relative; margin-bottom: 30px; vertical-align: top; font-size: 2.8rem; font-weight: normal; line-height: 1.2; }
.gendai-title-1:after { content: ''; display: block; margin-top: 6px; width: 100%; height: 5px; background: #009688; }
.gendai-title-1 .i { position: absolute; top: 0; left: 0; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.gendai-title-1 .i:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: 100%; }

/* btn */
.gendai-btn-1 { margin: 30px auto 0; width: 240px; text-align: center; font-size: 1.8rem; font-weight: bold; }
.gendai-btn-1 a { display: block; padding: 12px 0; background: #fff; border-radius: 6px; box-shadow: 0 2px 0 #c4c6c6; color: #009688; }

@media screen and (max-width: 768px) {
	/* title */
	.gendai-title-1 { margin-bottom: 20px; font-size: 2.2rem; }
	.gendai-title-1:after { margin-top: 3px; height: 4px; }

	/* btn */
	.gendai-btn-1 { margin-top: 20px; width: 75%; }
}

/* gogaku
------------------------------------------------ */
.gogaku-hd { position: relative; height: 70px; background: #003d97; color: #fff; }
.gogaku-hd a { color: #fff; }
.gogaku-hd--logo { position: absolute; top: 16px; left: 38px; width: 72px; }
.gogaku-hd--logo a { display: block; width: 100%; }
.gogaku-hd__links { display: flex; position: absolute; top: 20px; right: 48px; }
.gogaku-hd__links--item { margin-left: 24px; font-size: 2rem; }
.gogaku-hd__links--item:first-child { margin-left: 0; }
.gogaku-hd__links--item.app a { color: #81d4f9; }

@media screen and (max-width: 768px) {
	.gogaku-hd { height: 54px; }
	.gogaku-hd--logo { top: 12px; left: 12px; width: 55px; }
	.gogaku-hd__links { top: 16px; right: 10px; }
	.gogaku-hd__links--item { display: none; margin-left: 12px; font-size: 1.6rem; }
	.gogaku-hd__links--item.app { display: block; }
}

/* header
------------------------------------------------ */
.gendai-hd { position: relative; margin-bottom: 45px; }
.gendai-hd-top { position: relative; margin-bottom: 30px; padding-top: 8px; background: -moz-linear-gradient(-45deg,  rgba(13,227,172,0.75) 0%, rgba(152,224,95,0.75) 100%); background: -webkit-linear-gradient(-45deg,  rgba(13,227,172,0.75) 0%,rgba(152,224,95,0.75) 100%); background: linear-gradient(135deg,  rgba(13,227,172,0.75) 0%,rgba(152,224,95,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf0de3ac', endColorstr='#bf98e05f',GradientType=1 ); }
.gendai-hd-logo { width: 39.4949494949%; }
.gendai-hd-photo { width: 46.4646464646%; }
.gendai-hd-content { position: relative; }
.gendai-hd-explain { position: relative; font-size: 1.7rem; line-height: 1.29411764706; }
.gendai-hd-explain p + p { margin-top: 1em; }
.gendai-hd-explain a { color: #009688; }
.gendai-hd-info { position: relative; }
.gendai-hd-detail {}
.gendai-hd-detail--title { margin-bottom: 8px; width: 90px; }
.gendai-hd-detail__box { margin-bottom: 10px; }
.gendai-hd-detail__box:last-child { margin-bottom: 0; }
.gendai-hd-detail--subtitle { margin-bottom: 6px; font-size: 1.7rem; font-weight: bold; line-height: 1.2; color: #009688; }
.gendai-hd-detail--time { font-size: 2.2rem; font-weight: bold; }
.gendai-hd-detail--time.re { font-size: 1.7rem; }
.gendai-hd-detail--time .date,
.gendai-hd-detail--time .time { display: inline-block; vertical-align: top; }
.gendai-hd-detail--time .date {}
.gendai-hd-detail--time .time { margin-left: .5em; }
.gendai-hd-radiru { position: relative; margin-top: 25px; font-size: 2rem; font-weight: bold; line-height: 1.2; color: #e71a1d; }
.gendai-hd-radiru > a { display: inline-block; position: relative; padding: 16px 88px 16px 16px; border: solid #009688 3px; border-radius: 12px; vertical-align: top; color: #e71a1d; }
.gendai-hd-radiru > a:after { content: ''; position: absolute; bottom: 0; right: 2px; width: 82px; height: 100%; background: url(../images/radiru.png) no-repeat left top; background-size: 100%; }
.gendai-hd-sns {}
.gendai-hd-sns .nhk-snsbtn { margin-bottom: 0; }

@media screen and (min-width: 769px) {
	.gendai-hd-top .gendai-wrap { display: flex; flex-flow: row-reverse; justify-content: flex-end; align-items: center; }
	.gendai-hd-logo { margin-left: 1.0101010101%; }
	.gendai-hd-photo { margin-left: 6.51515151515%; }
	.gendai-hd-content .gendai-wrap { display: flex; }
	.gendai-hd-explain { padding-bottom: 55px; width: 43.4343434343%; }
	.gendai-hd-info { margin-left: 6.5656565657%; width: 50%; }
	.gendai-hd-sns { position: absolute; bottom: 0; left: 20px; }
}

@media screen and (max-width: 768px) {
	.gendai-hd { margin-bottom: 30px; }
	.gendai-hd-top { padding-top: 5.86666666667%; }
	.gendai-hd-logo { margin: 0 auto; width: 81.0666666667%; }
	.gendai-hd-photo { margin: 3.91111111111% auto 0; width: 89.1555555556%; }
	.gendai-hd-content { padding: 0 16px; }
	.gendai-hd-explain { font-size: 1.5rem; line-height: 1.33333333333; }
	.gendai-hd-info { margin: 20px 0 0; }
	.gendai-hd-detail { margin-top: 30px; }
	.gendai-hd-detail--title { margin-bottom: 5px; width: 72px; }
	.gendai-hd-detail__box { margin-bottom: 5px; }
	.gendai-hd-detail--subtitle { font-size: 1.5rem; }
	.gendai-hd-detail--time { font-size: 2rem; }
	.gendai-hd-detail--time.re { font-size: 1.5rem; }
	.gendai-hd-radiru { text-align: center; }
	.gendai-hd-radiru > a { display: block; padding: 15px 55px 15px 0; border-radius: 15px; letter-spacing: -.08em; }
	.gendai-hd-radiru > a:after { right: 1px; width: 54px; height: 46px; }
	.gendai-hd-sns { margin-top: 30px; }
	.gendai-hd-sns .nhk-snsbtn { display: flex; justify-content: center; align-items: center; }
	.gendai-hd-sns .nhksns-guide { margin-bottom: 0; }
}

/* info
------------------------------------------------ */
.gendai-info { padding: 54px 0; border-top: solid #f5f7f8 5px; }
.gendai-info .gendai-title-1 { position: absolute; top: 0; left: 20px; }
.gendai-info-lists { padding-left: 180px; }
.gendai-info-lists--item { display: none; margin-top: 60px; }
.gendai-info-lists--item:first-child { display: block; margin-top: 0; }
.gendai-info-lists--title { margin-bottom: 10px; font-size: 2rem; font-weight: bold; color: #03a9f4; }
.gendai-info-lists--content { font-size: 1.5rem; }
.gendai-info .gendai-btn-1 { display: none; }
.gendai-info .gendai-btn-1 a { background: #f5f7f8; }

@media screen and (max-width: 768px) {
	.gendai-info { padding: 30px 16px; }
	.gendai-info .gendai-title-1 { position: relative; top: auto; left: auto; }
	.gendai-info-lists { padding-left: 0; }
	.gendai-info-lists--item { margin-top: 30px; }
	.gendai-info-lists--title { margin-bottom: 8px; }
	.gendai-info-lists--content { font-size: 1.2rem; }
}

/* latest
------------------------------------------------ */
.gendai-latest { position: relative; padding: 50px 0; background: #f5f7f8; }
.gendai-latest-lead { margin-bottom: 15px; padding: 20px 15px; border: solid #009688 1px; border-radius: 12px; text-align: center; font-size: 1.7rem; font-weight: bold; line-height: 1.2; color: #009688; }
.gendai-latest-lead span { text-decoration: underline; }
.gendai-past { position: absolute; top: 18px; right: 20px; font-size: 1.3rem; font-weight: bold; line-height: 1.2; }
.gendai-past > a { display: inline-block; vertical-align: top; color: #009688; }
.gendai-latest .gendai-btn-1 { display: none; }

@media screen and (max-width: 768px) {
	.gendai-latest { padding: 28px 0 38px; }
	.gendai-latest .gendai-title-1 { margin: 0 16px 20px; }
	.gendai-latest-lead { margin: 0 16px 20px; padding: 12px 15px; border-radius: 15px; text-align: left; font-size: 1.3rem; line-height: 1.38461538462; }
	.gendai-past { top: 6px; right: 10px; font-size: 1.1rem; }
}

/* lists
------------------------------------------------ */
.gendai-lists {}
.gendai-lists-item { margin-top: 15px; }
.gendai-lists-item:first-child { margin-top: 0; }
.gendai-lists-item > a { display: flex; align-items: center; position: relative; padding: 26px 0 30px; background: #fff; border-radius: 6px; }
.gendai-lists-item > a:after { content: ''; position: absolute; top: 0; left: 0; width: 22px; height: 100%; background: #009688; border-radius: 6px 0 0 6px; }
.gendai-lists-info { padding: 0 20px 0 60px; width: calc(100% - 242px); }
.gendai-lists-broadcast { position: relative; padding-left: 12px; font-size: 1.3rem; }
.gendai-lists-broadcast:before { content: ''; position: absolute; top: -6px; left: -28px; width: 27px; height: 25px; background: url(../images/icon_radio.png) no-repeat center center; background-size: 100%; vertical-align: top; }
.gendai-lists-title { margin-top: 6px; font-size: 2.2rem; font-weight: bold; }
.gendai-lists-cat { margin-top: 6px; font-size: 1.3rem; font-weight: bold; }
.gendai-lists-time { margin-top: 6px; font-size: 1.3rem; color: #009688; }
.gendai-lists-btn { margin-left: 30px; width: 183px; text-align: center; font-size: 2rem; font-weight: bold; color: #009688; }
.gendai-lists-btn > span,
.gendai-lists-btn > a { display: block; padding: 14px 0; border: solid #009688 3px; border-radius: 12px; }

@media screen and (min-width: 769px) {
	.gendai-lists-item.has-video .gendai-lists-info { width: calc(75.7575757576% - 242px); }
	.gendai-lists-video { width: 24.2424242424%; }
}

@media screen and (max-width: 768px) {
	.gendai-lists-item { margin: 20px 10px 0; }
	.gendai-lists-item > a { display: block; padding: 26px 0 22px; border-radius: 15px; }
	.gendai-lists-item > a:after { width: 100%; height: 15px; border-radius: 15px 15px 0 0; }
	.gendai-lists-info { padding: 0 20px; width: auto; }
	.gendai-lists-broadcast { padding-left: 35px; font-size: 1.2rem; }
	.gendai-lists-broadcast:before { top: -6px; left: 0; }
	.gendai-lists-title { margin-top: 4px; font-size: 2rem; }
	.gendai-lists-cat { margin-top: 4px; font-size: 1.2rem; }
	.gendai-lists-time { margin-top: 4px; font-size: 1.2rem; }
	.gendai-lists-btn { margin: 15px auto 0; width: 81%; }

	.gendai-lists-item.has-video .gendai-lists-btn { margin-top: 20px; }
	.gendai-lists-video { margin: 20px auto 0; width: 81%; }
}

/* cast
------------------------------------------------ */
.gendai-cast { position: relative; padding: 50px 0 55px; background: #fff; border-bottom: solid #f5f7f8 5px; }
.gendai-cast-content { position: relative; }
.gendai-cast-info { position: relative; }
.gendai-cast-lists {}
.gendai-cast-lists--item { display: flex; margin-top: 30px; }
.gendai-cast-lists--item:first-child { margin-top: 0; }
.gendai-cast-lists--photo { width: 100px; }
.gendai-cast-lists__info { margin-left: 35px; width: calc(100% - 135px); }
.gendai-cast-lists--name { margin-bottom: 10px; font-size: 2rem; font-weight: bold; line-height: 1.25; }
.gendai-cast-lists--explain { word-break: break-all; font-size: 1.5rem; line-height: 1.33333333333; }
.gendai-cast-box { margin-top: 45px; }
.gendai-cast-box + .gendai-cast-box { margin-top: 40px; }
.gendai-cast-box--title { margin-bottom: 24px; font-size: 2rem; font-weight: bold; line-height: 1.2; }
.gendai-cast-box--text { font-size: 1.7rem; line-height: 1.29411764706; }

@media screen and (min-width: 769px) {
	.gendai-cast .gendai-title-1 { position: absolute; top: 0; left: 0; }
	.gendai-cast-info { margin-left: 140px; }
	.gendai-cast-box--text { margin-left: 140px; }
}

@media screen and (max-width: 768px) {
	.gendai-cast { padding: 26px 16px 31px; border-bottom-width: 3px; }
	.gendai-cast-content { position: relative; }
	.gendai-cast-lists--item { margin-top: 25px; }
	.gendai-cast-lists__info { margin-left: 20px; width: calc(100% - 120px); }
	.gendai-cast-lists--name { margin-bottom: 6px; }
	.gendai-cast-lists--explain { font-size: 1.3rem; }
	.gendai-cast-box { margin-top: 30px; }
	.gendai-cast-box + .gendai-cast-box { margin-top: 30px; }
	.gendai-cast-box--title { margin-bottom: 16px; }
	.gendai-cast-box--text { margin-left: 20px; }
}

/* header2
------------------------------------------------ */
.gendai-hd2-top { position: relative; margin-bottom: 45px; }
.gendai-hd2-logo { margin: 0 auto; width: 32.6262626263%; border: solid #f5f7f8 3px; border-radius: 15px; }
.gendai-hd2-logo a { display: block; padding: 8px 92px 16px; }
.gendai-hd2 { margin-bottom: 5px; }
.gendai-hd2-info { margin: 0 15px; }
.gendai-hd2-info--broadcast { position: relative; padding-left: 10px; font-size: 1.5rem; }
.gendai-hd2-info--broadcast:before { content: ''; position: absolute; top: -6px; left: -28px; width: 27px; height: 5px; background: url(../images/icon_radio.png) no-repeat center center; background-size: 100%; vertical-align: top; }
.gendai-hd2-info--title { margin-top: 4px; font-size: 3.4rem; font-weight: bold; }
.gendai-hd2-info--cat { margin-top: 4px; font-size: 1.5rem; font-weight: bold; }
.gendai-hd2-info--time { margin-top: 4px; font-size: 1.5rem;  }
.gendai-hd2-info--radiru { position: relative; margin-top: 15px; text-align: center; font-size: 2rem; font-weight: bold; line-height: 1.2; color: #e71a1d; }
.gendai-hd2-info--radiru > a { display: inline-block; position: relative; padding: 16px 88px 16px 16px; border: solid #009688 3px; border-radius: 12px; vertical-align: top; color: #e71a1d; }
.gendai-hd2-info--radiru > a:after { content: ''; position: absolute; bottom: 0; right: 2px; width: 82px; height: 100%; background: url(../images/radiru.png) no-repeat left top; background-size: 100%; }

.gendai-hd2-video { position: relative; margin-top: 60px; }
.gendai-hd2-video--end { margin-bottom: 15px; text-align: right; }
.gendai-hd2-video--end > span { display: inline-block; padding: 6px 12px ;background: #ffd3b9; vertical-align: top; font-size: 1.3rem; font-weight: bold; line-height: 1.2; color: #1a4369; }
.gendai-hd2-video--file { position: relative; margin: 0 auto; padding-bottom: 27.2727272727%; width: 48.4848484848%; height: 0; overflow: hidden; }
.gendai-hd2-video--file iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 768px) {
	.gendai-hd2-top { margin-bottom: 30px; }
	.gendai-hd2-logo { width: 57.4222222222%; border-width: 2px; border-radius: 10px; }
	.gendai-hd2-logo a { padding: 6px 62px 12px; }
	.gendai-hd2 { margin-bottom: 25px; }
	.gendai-hd2-info { margin: 20px 16px 0; }
	.gendai-hd2-info--broadcast { padding-left: 35px; font-size: 1.3rem; }
	.gendai-hd2-info--broadcast:before { top: -6px; left: 0; }
	.gendai-hd2-info--title { margin-top: 2px; font-size: 2.2rem; }
	.gendai-hd2-info--cat { margin-top: 2px; font-size: 1.3rem; }
	.gendai-hd2-info--time { margin-top: 2px; font-size: 1.3rem; }
	.gendai-hd2-info--radiru { margin-top: 18px; }
	.gendai-hd2-info--radiru > a { display: block; padding: 15px 55px 15px 0; border-radius: 15px; letter-spacing: -.08em; }
	.gendai-hd2-info--radiru > a:after { right: 1px; width: 54px; height: 46px; }

	.gendai-hd2-video { margin-top: 32px; }
	.gendai-hd2-video--end { margin: 0 10px 20px 0; }
	.gendai-hd2-video--file { margin: 0 10px; padding-bottom: 56.3333333333%; width: calc(100% - 20px); }
}

/* detail
------------------------------------------------ */
.gendai-detail { position: relative; padding: 0 0 0; background: #f5f5f5; }
.gendai-detail-tabs { display: flex; justify-content: center; margin-bottom: 30px; }
.gendai-detail-tabs--item { position: relative; margin-left: 15px; width: 320px; text-align: center; font-size: 2.8rem; }
.gendai-detail-tabs--item:first-child { margin-left: 0; }
.gendai-detail-tabs--item a { display: flex; justify-content: center; align-items: center; position: relative; padding: 19px 0; height: 100%; background: #fff; border-radius: 15px; }
.gendai-detail-tabs--item .active,
.device-click .gendai-detail-tabs--item a:hover { background: #009688; color: #fff; opacity: 1; }
.gendai-detail-tabs--item .active:after,
.device-click .gendai-detail-tabs--item a:hover:after { content: ''; position: absolute; bottom: -15px; left: 50%; margin-left: -8px; width: 15px; height: 15px; background: #009688; border-radius: 0 0 20px 20px; }

.gendai-detail-tabs--item a.desabled { pointer-events: none; }
.gendai-detail-tabs--item a.desabled,
.device-click .gendai-detail-tabs--item a.desabled:hover { background: #ccc; color: #000; }
.device-click .gendai-detail-tabs--item a.desabled:hover:after { display: none; }

#phone用 2024/04/26
.gendai-detail-content { display: none; position: relative; padding: 10px 10px 10px; background: #fff; border-radius: 3px 3px 15px 15px; }
.gendai-detail-content:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 6px; background: #009688; border-radius: 3px 3px 0 0; }
.gendai-detail-content .p { position: relative; background: url(../images/line1.png) repeat left top; background-size: 5px; font-size: 1.8rem; line-height: 40px; }


.gendai-detail-content ol { margin-top: 1em; list-style: decimal; }
.gendai-detail-content ol:first-child { margin-top: 0; }
.gendai-detail-content ol > li { margin-left: 20px; }
.gendai-detail-content ol > li + li { margin-top: 1em; }
.gendai-detail-content .sentence { display: inline; position: relative; }
.gendai-detail-content .sentence .audio-play,
.gendai-detail-content .sentence .explain-link { margin: 4px 10px 6px; width: 70px; height: 30px; vertical-align: top; }
.gendai-detail-content .sentence .audio-play + .explain-link { margin-left: 0; }
.gendai-detail-content .sentence .audio-play { display: inline-block; width: 30px; background: url(../images/icon_audio.png) no-repeat center center; background-size: 100%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.gendai-detail-content .sentence .audio-play.playing { background-image: url(../images/icon_audio_playing.png); }
.gendai-detail-content .sentence .explain-link { display: inline-flex; justify-content: center; width: 70px; background: #fff; border: solid #009688 2px; border-radius: 5px; font-size: 1.5rem; font-weight: bold; line-height: 26px; color: #009688; }
.gendai-detail-content .sentence .explain-link:after { content: ''; display: inline-block; margin: 10px 0 0 4px; width: 0; height: 0; border: solid transparent 8px; border-top: solid #009688 8px; border-bottom: none; vertical-align: top; overflow: hidden; }
.gendai-detail-content .sentence.active { display: block; background: #fff; }
.gendai-detail-content .sentence.active > span { padding-bottom: 4px; border-bottom: solid #999999 2px; }
.gendai-detail-content .sentence.active .explain-link:after { border-top: none; border-bottom: solid #009688 8px; }


#phone用 2024/04/26
.gendai-detail-content .explain-detail { display: none; position: relative; margin-top: 3px; padding: 2px 2px;  border-radius: 3px; font-size: 1.5rem; font-weight: normal; line-height: 1.2; }
.gendai-detail-content .explain-detail-box { position: relative; margin-top: 14px; }
.gendai-detail-content .explain-detail-box:first-child { margin-top: 0; }
.gendai-detail-content .explain-detail-box--title { position: absolute; top: 0; left: 0; width: 50px; background: #fff; border-radius: 3px; text-align: center; line-height: 24px; }



.gendai-detail-content .explain-detail-box--text { padding-left: 60px; }
.gendai-detail-content .explain-detail-box.translation .explain-detail-box--text { color: #009688; }
.gendai-detail-content .explain-detail-box.explanation {}


.gendai-detail-content .explain-detail .close { display: block; position: relative; margin: 15px auto 0; width: 50px; height: 50px; background: #fff; border-radius: 50%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.gendai-detail-content .explain-detail .close:before,
.gendai-detail-content .explain-detail .close:after { content: ''; position: absolute; top: 24px; left: 14px; width: 22px; height: 2px; background: #000; }
.gendai-detail-content .explain-detail .close:before { transform: rotate(45deg); }
.gendai-detail-content .explain-detail .close:after { transform: rotate(-45deg); }
.gendai-detail-content .photo { margin: 0 auto 15px; width: 100px; }
.gendai-detail-content .indent,
.gendai-detail-content .indents { margin-top: 1em; }
.gendai-detail-content .indent:first-child,
.gendai-detail-content .indents:first-child { margin-top: 0; }
.gendai-detail-content .indent { padding-left: 1em; text-indent: -1em; }
.gendai-detail-content .indents {}
.gendai-detail-content .indents > li { padding-left: 1em; text-indent: -1em; }
.gendai-detail-content .indents > li:before { content: '\25A0'; color: #009688; }
.gendai-detail-content .indents > li + li { margin-top: 1em; }
.gendai-detail-content .box { margin-bottom: 45px; padding-bottom: 45px; border-bottom: solid #009688 2px; }
.gendai-detail-content .box:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.gendai-detail-content .box-title { margin-bottom: 16px; font-size: 2.2rem; font-weight: bold; line-height: 1.27272727273; color: #009688; }
.gendai-detail-content .box-title .sub { margin-top: 6px; font-size: 1.3rem; font-weight: normal; line-height: 1.38461538462; color: #8e8e93; }
.gendai-detail-content .box-content {}
.gendai-detail-content .box-content .sub { font-size: 1.3rem; color: #8e8e93; }
.gendai-detail-audio { display: none; }

.body-broadcast-done .gendai-detail-content .sentence { cursor: pointer; }

.gendai-detail-content .bold { font-weight: bold; }
.gendai-detail-content .italic { font-style: italic; }
.gendai-detail-content .c-red { color: #f00; }
.gendai-detail-content .c-blue { color: #00f; }

@media screen and (max-width: 768px) {
	.gendai-detail { padding: 20px 0 18px; }
	.gendai-detail-tabs { margin: 0 12px 15px; }
	.gendai-detail-tabs--item { margin-left: 2.8571428571%; width: 31.4285714286%; font-size: 2.2rem; }
	.gendai-detail-tabs--point { font-size: 1.7rem; }
	.gendai-detail-tabs--item a { padding: 14px 0; border-radius: 5px; }
	.gendai-detail-tabs--item .active:after { bottom: -10px; margin-left: -4px; width: 8px; height: 10px; }
	.gendai-detail-content { padding: 26px 16px 40px; border-radius: 0; }
	.gendai-detail-content:after { border-radius: 0; }
	.gendai-detail-content .p,
	.gendai-detail-content .sentence:after { margin: 14px 8px 0 4px; border-width: 8px; border-top-width: 8px; border-bottom: none; height: 1em; }

	.gendai-detail-content .sentence .audio-play,
	.gendai-detail-content .sentence .explain-link { margin: 2px 5px 4px; width: 70px; height: 26px; }
	.gendai-detail-content .sentence .audio-play { width: 26px; }
	.gendai-detail-content .sentence .explain-link { width: 60px; border-radius: 3px; font-size: 1.3rem; line-height: 20px; }
	.gendai-detail-content .sentence .explain-link:after { margin: 6px 0 0 2px; }
	.gendai-detail-content .sentence.active > span { padding-bottom: 2px; }
	.gendai-detail-content .explain-detail { margin-top: 12px; padding: 10px 10px 15px; font-size: 1.3rem; }
	.gendai-detail-content .explain-detail-box { margin-top: 12px; }
	.gendai-detail-content .explain-detail-box--title { position: relative; top: auto; left: auto; line-height: 22px; }
	.gendai-detail-content .explain-detail-box--text { margin-top: 8px; padding-left: 0; }
	.gendai-detail-content .explain-detail .close { margin-top: 12px; }

	.gendai-detail-content .photo { margin-bottom: 10px; }
	.gendai-detail-content .box { margin-bottom: 30px; padding-bottom: 30px; }
	.gendai-detail-content .box-title { font-size: 2rem; line-height: 1.25; }
}

/* other
------------------------------------------------ */
.gendai-other{ position: relative; padding-bottom: 5px; background: #f5f7f8; }
.gendai-other *,
.gendai-other *:before,
.gendai-other *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.gendai-other-note { padding-left: 1em; text-indent: -1em; font-size: 1.0rem; }

@media screen and (max-width: 768px) {
	.gendai-other { padding: 0 16px 26px; background: #f5f7f8; }
	.gendai-other-note { font-size: 1.2rem; }
}

/* footer
------------------------------------------------ */
.gendai-ft { position: relative; margin-top: 50px; }
.gendai-ft *,
.gendai-ft *:before,
.gendai-ft *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.gendai-ft img { width: auto; height: auto; max-width: 100%; }
.gendai-ft-back { margin: 0 auto; width: 243px; text-align: center; font-size: 2rem; font-weight: bold; }
.gendai-ft-back a { display: block; position: relative; padding: 14px 0; border: solid #009688 3px; border-radius: 12px; color: #009688; }
.gendai-ft-bnrs { margin: 80px auto 0; width: 49.4949494949%; }
.gendai-ft-bnrs--item { margin-top: 40px; }
.gendai-ft-bnrs--item:first-child { margin-top: 0; }
.gendai-ft-bnrs--item a { display: block; }

@media screen and (max-width: 768px) {
	.gendai-ft { margin-top: 30px; }
	.gendai-ft-back { width: 75.9375%; font-size: 1.7rem; }
	.gendai-ft-back a { padding: 12px 0; }
	.gendai-ft-bnrs { margin: 60px 10px 0; width: auto; }
	.gendai-ft-bnrs--item { margin-top: 20px; }
}

#gendai-ft-sns {margin: 50px auto -35px; padding: 0 20px; max-width: 1030px;}
.footer-sns { text-align: right; }