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

@font-face {
	font-family: 'Noto Sans JP';
	src: url('../../fonts/Noto_Sans_JP/NotoSansJP-Thin.otf') format("opentype");
	font-style: normal;
	font-weight: 100;
}

@font-face {
	font-family: 'Noto Sans JP';
	src: url('../../fonts/Noto_Sans_JP/NotoSansJP-Light.otf') format("opentype");
	font-style: normal;
	font-weight: 300;
}

@font-face {
	font-family: 'Noto Sans JP';
	src: url('../../fonts/Noto_Sans_JP/NotoSansJP-Regular.otf') format("opentype");
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: 'Noto Sans JP';
	src: url('../../fonts/Noto_Sans_JP/NotoSansJP-Medium.otf') format("opentype");
	font-style: normal;
	font-weight: 500;
}

@font-face {
	font-family: 'Noto Sans JP';
	src: url('../../fonts/Noto_Sans_JP/NotoSansJP-Bold.otf') format("opentype");
	font-style: normal;
	font-weight: 700;
}

@font-face {
	font-family: 'Noto Sans JP';
	src: url('../../fonts/Noto_Sans_JP/NotoSansJP-Black.otf') format("opentype");
	font-style: normal;
	font-weight: 900;
}

body {
	margin: 0;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ ゴシック',Osaka,sans-serif;
}

img {
  border: 0;
}

.clearfix:after {
  content: ".";
  visibility: hidden;
  clear: both;
  display: block;
  height: 0;
}

.clearfix {
 zoom: 1;
 margin-bottom: 0;
}

div#container {
	width: 100%;
}

div#feat {
	position: relative;
	background-color: #fff;
	background-image: url(https://image2.b-ch.com/feat/feat_g-talkshow/bg_t.jpg), url(https://image2.b-ch.com/feat/feat_g-talkshow/bg_m.jpg);
	background-repeat: repeat-x, repeat;
	background-position: 52% 0, 52% -32px;
	background-attachment: fixed, fixed;
	background-size: 117px, 117px;
	width: 100%;
	text-align: center;
	font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
	font-weight: 300;
	font-size: 12px;
	line-height: 1;
	color: #141414;
}

div#feat div {
/*
	font-size: 12px;
	line-height: 16px;
*/
}

div#feat * {
	box-sizing: border-box;
	letter-spacing: normal;
}

div#feat td {
	font-size: 12px;
	line-height: 16px;
	vertical-align: top;
}

div#feat a {
	color: #fff;
	text-decoration: none;
	-webkit-transition: color .4s ease-in-out;
	transition: color .4s ease-in-out;
}

div#feat a:hover {
	color: #fff;
	text-decoration: none;
}

/* TOP */
div#feat p,
div#feat dl,
div#feat dd,
div#feat ul {
  margin: 0;
  padding: 0;
}

div#feat li {
  list-style: none;
}

div#feat table {
  border-collapse: collapse;
  border-spacing: 0;
}

div#feat table th,
div#feat table td {
  padding: 0;
}

div#feat {
	position: relative;
	text-align: center;
}

#g-talkshow {
	position: relative;
	margin: 0 auto;
	width: 100%;
}

#g-talkshow img {
	display: inline;
	vertical-align: baseline;
	width: 100%;
}

#g-talkshow div,
#g-talkshow div p {
	margin: 0;
	padding: 0;
}

#g-talkshow dt, #g-talkshow th {
	font-weight: normal;
}

#g-talkshow a.anchor {
	display: block;
	padding-top: 100px;
	margin-top: -100px;
}

#g-talkshow div.main {
	position: relative;
	margin: 0 auto;
	background: url(https://image2.b-ch.com/feat/feat_g-talkshow/main.jpg) no-repeat;
	background-size: 100%;
	padding: 1px 0 0 0;
	width: 1170px;
	height: 668px;
}

#g-talkshow div.main ul.sns {
	position: absolute;
	top: 23px; right: 25px;
	display: flex;
	flex-wrap: wrap;
}

#g-talkshow div.main ul.sns li {
	margin-left: 35px;
	width: 30px;
}

#g-talkshow div.main ul.sns li a img {
	-webkit-transition: filter .4s ease-in-out;
	transition: filter .4s ease-in-out;
}

#g-talkshow div.main ul.sns li a:hover img {
	filter: invert(100%);
}

#g-talkshow div.main ul.nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	padding-top: 585px;
	width: 1097px;
}

#g-talkshow div.main ul.nav li,
#g-talkshow div.main ul.nav li a,
#g-talkshow div.main ul.nav li a span {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 70px;
}

#g-talkshow div.main ul.nav li.talkshow, #g-talkshow div.main ul.nav li.talkshow a, #g-talkshow div.main ul.nav li.talkshow a span { width: 299px; }
#g-talkshow div.main ul.nav li.comment, #g-talkshow div.main ul.nav li.comment a, #g-talkshow div.main ul.nav li.comment a span { width: 375px; }
#g-talkshow div.main ul.nav li.present, #g-talkshow div.main ul.nav li.present a, #g-talkshow div.main ul.nav li.present a span { width: 375px; }

#g-talkshow div.main ul.nav li a {
	position: relative;
}

#g-talkshow div.main ul.nav li a span {
	position: absolute;
	top: 0; left: 0;
	background-repeat: no-repeat;
	-webkit-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

#g-talkshow div.main ul.nav li.talkshow a span { background-image: url(https://image2.b-ch.com/feat/feat_g-talkshow/nav_talkshow.png); background-size: 100%; }
#g-talkshow div.main ul.nav li.comment a span { background-image: url(https://image2.b-ch.com/feat/feat_g-talkshow/nav_comment.png); background-size: 100%; }
#g-talkshow div.main ul.nav li.present a span { background-image: url(https://image2.b-ch.com/feat/feat_g-talkshow/nav_present.png); background-size: 100%; }

#g-talkshow div.main ul.nav li a span:nth-of-type(2) { background-position: 0 -75px; opacity: 0; }
#g-talkshow div.main ul.nav li a:hover span:nth-of-type(1) { opacity: 0.5; }
#g-talkshow div.main ul.nav li a:hover span:nth-of-type(2) { opacity: 1; }


#g-talkshow div.cb {
	position: relative;
	margin: 54px auto 0 auto;
	border-width: 6px 6px 0 6px;
	border-style: solid;
	border-color: #000;
	width: 1170px;
}

#g-talkshow div.cb.lineup { margin-top: 93px; }

#g-talkshow div.cb.talkshow { background: #fee4f1; }
#g-talkshow div.cb.comment { background: #f1dbf5; }
#g-talkshow div.cb.present { background: #fce4d4; }
#g-talkshow div.cb.lineup { background: #fbf9d3; }

#g-talkshow div.cb-fb {
	margin: 0 auto;
	background-repeat: no-repeat;
	width: 1170px;
	height: 64px;
}

#g-talkshow div.cb-fb.talkshow-fb { background-image: url(https://image2.b-ch.com/feat/feat_g-talkshow/talkshow_fb.png); background-size: 100%; }
#g-talkshow div.cb-fb.comment-fb { background-image: url(https://image2.b-ch.com/feat/feat_g-talkshow/comment_fb.png); background-size: 100%; }
#g-talkshow div.cb-fb.present-fb { background-image: url(https://image2.b-ch.com/feat/feat_g-talkshow/present_fb.png); background-size: 100%; }
#g-talkshow div.cb-fb.lineup-fb { background-image: url(https://image2.b-ch.com/feat/feat_g-talkshow/lineup_fb.png); background-size: 100%; }

#g-talkshow div.cb.talkshow div.cb-h,
#g-talkshow div.cb.comment div.cb-h,
#g-talkshow div.cb.present div.cb-h {
	position: absolute;
	top: -20px; left: -36px;
	width: 1200px;
}

#g-talkshow div.cb.lineup div.cb-h {
	position: absolute;
	top: -58px; left: -6px;
	width: 1170px;
}

#g-talkshow div.cb.talkshow {
	padding: 145px 0 0 0;
}

#g-talkshow div.cb.talkshow div.date,
#g-talkshow div.cb.comment div.date {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2;
}

#g-talkshow div.cb.talkshow div.date span,
#g-talkshow div.cb.comment div.date span {
	font-size: 15px;
}

#g-talkshow div.cb.talkshow div.player {
	margin: 25px auto 20px auto;
}

#g-talkshow div.cb.talkshow div.player iframe {
	margin: 0 auto;
	width: 700px;
	height: 394px;
}

#g-talkshow .player span {
	display: block;
	margin: 0 auto;
	background: #ccc;
	width: 700px;
	height: 394px;
}

#g-talkshow div.cb.talkshow div.txt {
	position: relative;
	top: 20px; left: 0;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.6;
}

#g-talkshow div.cb.comment div.date {
	margin-bottom: 22px;
}

#g-talkshow div.cb.comment {
	padding: 137px 0 3px 0;
}

#g-talkshow div.cb.comment dl.movie {
	margin: 0 auto 40px auto;
	background: url(https://image2.b-ch.com/feat/feat_g-talkshow/comment_line.png) no-repeat;
	background-size: 700px;
	padding-top: 20px;
	width: 700px;
}

#g-talkshow div.cb.comment dl.movie:last-of-tyoe {
	margin-bottom: 0;
}

#g-talkshow div.cb.comment dl.movie dt {
	padding: 20px 0;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.3;
}

#g-talkshow div.cb.comment dl.movie dt span {
	font-size: 30px;
}

#g-talkshow div.cb.comment dl.movie dd.player iframe,
#g-talkshow div.cb.comment dl.movie dd.player img {
	width: 700px;
	height: 394px;
}

#g-talkshow div.cb.present {
	padding: 242px 0 0 0;
}

#g-talkshow div.cb.present div.img {
	margin: 0 auto;
	width: 653px;
}

#g-talkshow div.cb.present div.btn {
	margin: 28px auto 0 auto;
	width: 356px;
}

#g-talkshow div.cb.present div.btn a,
#g-talkshow div.cb.present div.btn span {
	display: block;
	width: 356px;
	height: 82px;
	font-size: 0;
	line-height: 0;
}

#g-talkshow div.cb.present div.btn a {
	position: relative;
}

#g-talkshow div.cb.present div.btn a span {
	position: absolute;
	top: 0; left: 0;
	background: url(https://image2.b-ch.com/feat/feat_g-talkshow/present_btn.png) no-repeat;
	background-size: 100%;
	-webkit-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

#g-talkshow div.cb.present div.btn a span:nth-of-type(2) { background-position: 0 -90px; opacity: 0; }
#g-talkshow div.cb.present div.btn a:hover span:nth-of-type(1) { opacity: 0.5; }
#g-talkshow div.cb.present div.btn a:hover span:nth-of-type(2) { opacity: 1; }

#g-talkshow div.cb.present dl.present-outline {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin: 45px auto 0 auto;
	width: 1000px;
	text-align: left;
}

#g-talkshow div.cb.present dl.present-outline dt {
	margin-bottom: 0.7em;
	background: #000;
	border-radius: 5px;
	padding: 0.4em 0 0.5em 0;
	width: 154px;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
	color: #fff;
}

#g-talkshow div.cb.present dl.present-outline dd {
	margin-bottom: 0.7em;
	padding-top: 0.2em;
	width: 830px;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.6;
}

#g-talkshow div.cb.present dl.present-outline dd ul {
	margin-top: 1em;
}

#g-talkshow div.cb.present dl.present-outline dd ul li {
	margin-bottom: 0.2em;
}

#g-talkshow div.cb.present ul.notice {
	margin: 33px auto 0 auto;
	border-top: 2px solid #000;
	padding-top: 20px;
	width: 1000px;
	text-align: left;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.3;
}

#g-talkshow div.cb.lineup {
	padding: 140px 0 9px 0;
}

#g-talkshow div.cb.lineup div.ttllist {
	margin: 0 auto 0 110px;
	width: 1040px;

}

#g-talkshow div.cb.lineup div.ttllist > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
	width: 100%;
	color: #000
}

#g-talkshow div.cb.lineup div.ttllist > div:last-of-type {
	margin-bottom: 0;
}

#g-talkshow div.cb.lineup div.ttllist div.b-1 {
	background: #fff;
	width: 395px;
	font-size: 0;
	line-height: 0;
}

#g-talkshow div.cb.lineup div.ttllist div.b-2 {
	width: 608px;
	text-align: left;
}

#g-talkshow div.cb.lineup div.ttllist div.b-1 a {
	-webkit-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

#g-talkshow div.cb.lineup div.ttllist div.b-1 a:hover {
	opacity: 0.7;
}

#g-talkshow div.cb.lineup div.ttllist div.ttl-name {
	font-weight: 900;
	font-size: 24px;
	line-height: 1.2;
}

#g-talkshow div.cb.lineup div.ttllist div.ttl-name a {
	color: #000
	-webkit-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

#g-talkshow div.cb.lineup div.ttllist div.ttl-name a:hover {
	opacity: 0.7;
}

#g-talkshow div.cb.lineup div.ttllist div.ttl-data {
	margin-top: 0.5em;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.2;
}

#g-talkshow div.cb.lineup div.ttllist div.btn {
	margin-top: 25px;
	width: 303px;
}

#g-talkshow div.cb.lineup div.ttllist div.btn a,
#g-talkshow div.cb.lineup div.ttllist div.btn a span {
	display: block;
	width: 303px;
	height: 63px;
}

#g-talkshow div.cb.lineup div.ttllist div.btn a {
	position: relative;
}

#g-talkshow div.cb.lineup div.ttllist div.btn a span {
	position: absolute;
	background: url(https://image2.b-ch.com/feat/feat_g-talkshow/lineup_btn_ttlpage.png) no-repeat;
	background-size: 100%;
	-webkit-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

#g-talkshow div.cb.lineup div.ttllist div.btn a span:nth-of-type(2) { background-position: 0 -70px; opacity: 0; }
#g-talkshow div.cb.lineup div.ttllist div.btn a:hover span:nth-of-type(1) { opacity: 0.5; }
#g-talkshow div.cb.lineup div.ttllist div.btn a:hover span:nth-of-type(2) { opacity: 1; }

#g-talkshow div.bnr-sbsc {
	margin: 112px auto 0 auto;
	background: #fff;
	width: 850px;
	height: 162px;
	overflow: hidden;
	font-size: 0; line-height: 0;
}

#g-talkshow div.bnr-sbsc a {
	-webkit-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

#g-talkshow div.bnr-sbsc a:hover {
	opacity: 0.7;
}

#g-talkshow div.copyright {
	margin: 0 auto;
	padding: 50px 0 50px 0;
	width: 100%;
	text-align: center;
	font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.5;
	color: #000;
}

/* FOOTER */
.bch-l-wrapper {
	position: relative;
}