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,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;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;}
wbr:after {content:"\00200B";}

/* reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}



/* 	color
============================== */
.black { color: rgba(0, 0, 0, 1);}
.lamp { color: rgba(42, 43, 46, 1);}
.chacoal { color: rgba(59, 63, 74, 1);}
.steel { color: rgba(129, 137, 157, 1);}
.silver { color: rgba(192, 196, 206, 1);}
.pearl { color: rgba(236, 237, 240, 1);}
.snow { color: rgba(246, 247, 250, 1);}
.white { color: rgba(255, 255, 255, 1);}
.blue { color: rgba(0, 80, 255, 1);}
.water { color: rgba(120, 180, 255, 1);}
.sky { color: rgba(160, 200, 250, 1);}
.green { color: rgba(50, 200, 60, 1);}
.yellow { color: rgba(255, 240, 0, 1);}
.orange { color: rgba(255, 170, 30, 1);}
.pink { color: rgba(255, 145, 160, 1);}
.red { color: rgba(255, 55, 110, 1);}
.red2 { color: red;}
.blue2 { color: rgba(12, 204, 227, 1);}
.pink { color: rgba(235, 94, 189, 1);}
.purple { color: rgba(103, 54, 155, 1);}
.brown { color: rgba(116, 56, 16, 1);}
a:link { color: rgba(0, 0, 0, 1); text-decoration: none;}
a:visited { color: rgba(0, 0, 0, 1);}
a:active { color: rgba(120, 180, 255, 1);}
a:hover { color: rgba(20, 20, 20, 1); opacity: .8;}
a .lamp:hover { color: rgba(0, 0, 0, .6);}
.c1 { color: rgba(0, 167, 216, 1);} /*skyblue*/
.c2 { color: rgba(40, 168, 56, 1);} /*green*/
.c3 { color: rgba(237, 106, 2, 1);} /*orange*/
.c4 { color: rgba(215, 30, 105, 1);} /*pink*/
.c5 { color: rgba(14, 91, 170, 1);} /*blue*/
.c6 { color: rgba(198, 15, 40, 1);} /*red*/
.c7 { color: rgba(211, 146, 0, 1);} /*yellow_brown*/
.bg1 { background-color: rgba(0, 167, 216, 1);} /*skyblue*/
.bg2 { background-color: rgba(40, 168, 56, 1);} /*green*/
.bg3 { background-color: rgba(237, 106, 2, 1);} /*orange*/
.bg4 { background-color: rgba(215, 30, 105, 1);} /*pink*/
.bg5 { background-color: rgba(14, 91, 170, 1);} /*blue*/
.bg6 { background-color: rgba(198, 15, 40, 1);} /*red*/
.bg7 { background-color: rgba(211, 146, 0, 1);} /*yellow_brown*/
.bgx {
	background: linear-gradient(to right, #e5243b 5.882%, #dda63a 5.882%, #dda63a 11.764%, #4c9f38 11.764%, #4c9f38 17.646%, #c5192d 17.646%, #c5192d 23.528%, #ff3a21 23.528%, #ff3a21 29.41%, #26bde2 29.41%,#26bde2 35.292%, #fcc30b 35.292%, #fcc30b 41.174%, #981942 41.174%, #981942 47.056%, #fd6925 47.056%, #fd6925 52.938%, #dd1367 52.938%, #dd1367 58.82%,#fd9d24 58.82%, #fd9d24 64.702%, #bf8b2e 64.702%, #bf8b2e 70.584%, #3f7e44 70.584%, #3f7e44 76.466%, #0a97d9 76.466%, #0a97d9 82.348%, #56c02b 82.348%,#56c02b 88.23%, #00689d 88.23%, #00689d 94.112%, #19486a 94.112%);
}
.bd1 { border: 3px solid rgba(0, 167, 216, 1);} /*skyblue*/
.bd2 { border: 3px solid rgba(40, 168, 56, 1);} /*green*/
.bd3 { border: 3px solid rgba(237, 106, 2, 1);} /*orange*/
.bd4 { border: 3px solid rgba(215, 30, 105, 1);} /*pink*/
.bd5 { border: 3px solid rgba(14, 91, 170, 1);} /*blue*/
.bd6 { border: 3px solid rgba(198, 15, 40, 1);} /*red*/
.bd7 { border: 3px solid rgba(211, 146, 0, 1);} /*yellow_brown*/
.bdx { box-sizing: border-box;padding:3px;
	background: linear-gradient(to right, #e5243b 5.882%, #dda63a 5.882%, #dda63a 11.764%, #4c9f38 11.764%, #4c9f38 17.646%, #c5192d 17.646%, #c5192d 23.528%, #ff3a21 23.528%, #ff3a21 29.41%, #26bde2 29.41%,#26bde2 35.292%, #fcc30b 35.292%, #fcc30b 41.174%, #981942 41.174%, #981942 47.056%, #fd6925 47.056%, #fd6925 52.938%, #dd1367 52.938%, #dd1367 58.82%,#fd9d24 58.82%, #fd9d24 64.702%, #bf8b2e 64.702%, #bf8b2e 70.584%, #3f7e44 70.584%, #3f7e44 76.466%, #0a97d9 76.466%, #0a97d9 82.348%, #56c02b 82.348%,#56c02b 88.23%, #00689d 88.23%, #00689d 94.112%, #19486a 94.112%);
}
.bdd1 { border-bottom: 1px dashed rgba(0, 167, 216, 1);} /*skyblue*/
.bdd2 { border-bottom: 1px dashed rgba(40, 168, 56, 1);} /*green*/
.bdd3 { border-bottom: 1px dashed rgba(237, 106, 2, 1);} /*orange*/
.bdd4 { border-bottom: 1px dashed rgba(215, 30, 105, 1);} /*pink*/
.bdd5 { border-bottom: 1px dashed rgba(14, 91, 170, 1);} /*blue*/
.bdd6 { border-bottom: 1px dashed rgba(198, 15, 40, 1);} /*red*/
.bdd7 { border-bottom: 1px dashed rgba(211, 146, 0, 1);} /*yellow_brown*/
.bds1 { border-bottom: 1px solid rgba(0, 167, 216, 1);} /*skyblue*/
.bds2 { border-bottom: 1px solid rgba(40, 168, 56, 1);} /*green*/
.bds3 { border-bottom: 1px solid rgba(237, 106, 2, 1);} /*orange*/
.bds4 { border-bottom: 1px solid rgba(215, 30, 105, 1);} /*pink*/
.bds5 { border-bottom: 1px solid rgba(14, 91, 170, 1);} /*blue*/
.bds6 { border-bottom: 1px solid rgba(198, 15, 40, 1);} /*red*/
.bds7 { border-bottom: 1px solid rgba(211, 146, 0, 1);} /*yellow_brown*/
.col { color: rgba(0, 48, 102, 1);}

/* 	font
============================== */
@font-face {
  font-family: 'TBSGothic';
  src: url('https://www.tbs.co.jp/um/tpfonts/2e0869c1-da33-42ae-9828-55499bd42a69.woff') format("woff");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family: 'TBSGothic';
  src: url('https://www.tbs.co.jp/um/tpfonts/044de588-d2c9-4010-86b0-1c026db099a2.woff') format("woff");
  font-weight:bold;
  font-style:normal;
}

/* 	common
============================== */
html { font-family: 'TBSGothic', sans-serif; color: rgba(0, 48, 102, 1); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color: rgba(255, 255, 255, 1); text-align: center;}
html a { outline-style: none;}
html a:link { text-decoration: none;}
#container { width: 100%; position: relative; font-size: 90%; color:#0651A4;}
#wrap { width: 100%; max-width: 1000px; margin: 0 auto 2em;}

#wrap p,
#wrap li
{font-family: 'TBSGothic', sans-serif;
font-feature-settings: "palt";
letter-spacing: 0.08em;
     text-align: justify;
     text-justify: inter-ideograph;
  }
.no-wrap {
    display: inline-block; /* インラインブロック化 */
}

/*for_W480-*/
@media all and (min-width: 480px) {
#container { font-size: 102%;}
}
/*for_W640-*/
@media all and (min-width: 640px) {
#container { font-size: 105%;}
}
/*for_W768-*/
@media all and (min-width: 768px) {
#container { font-size: 110%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
#container { font-size: 120%;}
}

/* 	header
============================== */
#mainimg_bg, #mainimg_bg_sp { width: 100%; height: 0; position: relative;}
#mainimg { width: 100%; height: 0; background-size: contain; position: absolute; top: 0; left: 0;}

@media (min-width: 961px) {
#mainimg_bg {margin:102px auto 50px; padding-top:49.739%;}
#mainimg {padding-top: 49.739%;}
#mainimg_bg_sp { display: none;}
}
@media (max-width: 960px) {
#mainimg_bg_sp {margin:70px auto 1em; padding-top:85.217%;}
#mainimg {padding-top: 85.217%;}
#mainimg_bg { display: none;}
}


/* 	footer
============================== */
.sdgs_footer_block{
	width:100%;
	padding:30px 0 80px;
	box-sizing:border-box;
	background:#0050ff;
}
@media (max-width: 767px) {
.sdgs_footer_navi_box{
	width:100%;
	margin:0 auto 20px;
	display:flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content:flex-start;
}
ul.sdgs_footer_navi{
	line-height:1.65;
}
ul.sdgs_footer_navi li{
	font-size:0.875rem;
	margin-bottom:0.5rem;
}
.navi_lft{
	width:100%;
	max-width:15.5rem;
	margin:0 auto;
}
.navi_rgt{
	width:100%;
	max-width:15.5rem;
	margin:0 auto;
}
.navi_cnt{
	width:100%;
	max-width:15.5rem;
	margin:0 auto;
}
}

@media (min-width: 768px) {
.sdgs_footer_navi_box{
	width:100%;
	max-width:550px;
	margin:0 auto 20px;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-between;
}
ul.sdgs_footer_navi{
	line-height:1.65;
}
ul.sdgs_footer_navi li{
	font-size:0.9375rem;
	margin-bottom:0.5rem;
}
.navi_lft{
	width:17rem;
}
.navi_rgt{
	width:17rem;
}
.navi_cnt{
	width:100%; text-align: center;
}
}
ul.sdgs_footer_navi li a{
	color:#fff;
	text-decoration:none;
}
ul.sdgs_footer_navi li a:hover{
	color:#fff;
	text-decoration:underline;
}
ul.sdgs_footer_navi li a:visited{
	color:#fff;
	text-decoration:none;
}

@media (max-width: 767px) {
.credit{
	width:100%;
	font-size:0.625rem;
	line-height:1.5;
	color:#fff;
	text-align:center;
	display:block;
}
}
@media (min-width: 768px) {
.credit{
	width:100%;
	font-size:0.75rem;
	line-height:1.5;
	color:#fff;
	text-align:center;
	display:block;
}
}

/* 	contents
============================== */
article { width: 100%; margin: 3em auto 0; padding-top: 0em;}
.ctitle::before { content: "✲ "; color: rgba(40, 168, 56, 1);}
.ctitle::after { content: " ✲"; color: rgba(14, 91, 170, 1);}

/*con*/
.con { box-sizing: border-box; margin: 0 auto 0 auto;}
#accessmap .con { margin: 1.5em auto 0 auto;}
.stageDate { text-align: center!important; font-weight: 600; margin: 1.5em auto 0 auto}
#conListArea{letter-spacing: -.4em; text-align: left; margin: 1.5em auto 0 auto;}
.conList { box-sizing: border-box; letter-spacing: 0em; margin: 0 2% 2% 0; width: 23.5%; display: inline-block; vertical-align: top;}
.conList:nth-child(4n) { margin: 0 0 2% 0}
.con_title { padding: .65em 0; color: rgba(255, 255, 255, 1); font-size: 96%; line-height: 120%;}
.infotxt { padding: 1em; text-align: left; font-size: 85%; line-height: 140%;}
.infotxt .bbd { padding-bottom: 1.2em; color: rgba(129, 137, 157, 1); line-height: 140%;}
.ytb_sp { width: 40%; max-width: 140px; margin: 1.2em auto .5em auto;}
.ytb_sp0 { margin: 1em 0 0 1em; display: block; float: left;}
.scinfo { width: 40%; text-align: right; display: block; float: left; padding-top: 1.5em; font-size: 90%;}
.ytb_sp a { width: 100%; height: 100%; display: block;}
.ytb_sp a:hover { opacity: .8;}
.ytb { width: 100%; height: 0; padding-top: 22.42152466367713%; padding-top: -webkit-calc(100 / 446 * 100%); padding-top: calc(100 / 446 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block;}
.olws_lnk { width: 100%; text-align: center; padding: 1.2em 0 0 0; font-size: 96%; display: block;}
.olws_lnk a { color: rgba(230, 31, 25, 1);}
.olws_lnk a:hover { opacity: .65;}
.con_info { padding: 1em .75em; line-height: 120%; font-size: 105%;}
.con_info div { text-align: justify; text-justify: inter-ideograph;}
.ud_set { width: 100%;}
.ytsp:before, .ytsp:after { content: ""; content: none; display: table;}
.ytsp:after { clear: both; }
.ytsp::after { content: ""; display: block; clear: both;}
#con5 .ytb_sp1 { width: 50%; max-width: 300px; margin: 1.1em auto .5em auto; font-size: 120%;}
/*_img*/
.img_sp { width: 90%; max-width: 400px; margin: 1em auto .5em auto; position: relative; text-align: center;}
.img_sps { width: 45%; max-width: 200px; margin: 1em auto .5em auto; position: relative;}
.img_s { width: 100%;}
#con5 .img_s { margin-bottom: .5em;}
.img_s img { width: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}

@media all and (max-width: 960px) {
	#accessmap .con, #notice.con { width: 90%; }
}
/*_subinfo*/
.sub_info { box-sizing: border-box; width: 90%; margin: 2em auto 1em auto; padding: 2.5em .5em 1em .5em; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-position: top center; -webkit-background-position: top center; font-size: 90%; text-align: left;}
/*for_W640-*/
@media all and (min-width: 640px) {
.sub_info { -webkit-background-size: auto; background-size: auto;}
}
/*for_W768-*/
@media all and (min-width: 768px) {
article {margin: 5em auto 0;}
.infotxt { padding: 1em 1em .5em 1em; text-align: center;}
.ytsp { width: 50%; margin: 0 auto .75em auto;}
#con5 .ytsp { width: 60%;}
#con5 .ytb_sp1 { max-width: 240px;}
.sub_info { text-align: center;}
#stage #conListArea { text-align: center;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
.sub_info { margin: 3em auto 1em auto; padding: 3.5em .5em 1em .5em;}
.sub_info div { width: 49.5%; float: left; text-align: left;}
}
@media all and (max-width: 767px) {
	#conListArea { width: 90%;}
	.conList { box-sizing: border-box; letter-spacing: 0em; margin: 0 3% 3% 0; width: 48.5%; display: inline-block; vertical-align: top;}
.conList:nth-child(2n) { margin: 0 0 4% 0}
}




/*///////////////// page-top ////////////////*/
#page-top{transition:0.5s ;}
#page-top:hover{cursor: pointer;}
#page-top {
  position:fixed;
  text-align: center;
  width:100%;
  height:60px;
  margin:0 auto;
  background:rgba(14, 91, 170, 1);;

}
#page-top a{
  background-size:100% auto;
  display:block;line-height:60px;
}
#page-top a{
  text-decoration:none; color:#fff;
}