/*-----------------------------------------------------
  reset
-------------------------------------------------------*/

/*
@charset "utf-8";

@-webkit-viewport {
	width: device-width
}
@-moz-viewport {
	width: device-width
}
@-ms-viewport {
	width: auto;
}
@-o-viewport {
	width: device-width
}
@viewport {
	width: device-width
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	overflow-y: scroll;
	text-size-adjust: 100%
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {
	display:block;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted inherit;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

*/

img {
   vertical-align: top;
   font-size:0;
   line-height: 0;
}

ul {
    list-style:none;
}


/*-----------------------------------------------------
  common
-------------------------------------------------------*/

.hide-text {
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}

sub, sup {
	position: relative;
	font-size: 75%;
	line-height: inherit;
	vertical-align: baseline
}

sup {top: -0.25em;}
sub {bottom: -0.25em;}

#koza {
	width:100% !important;
	font-size:10px;
	line-height:1.6;
	color:#004e9e;
}

#koza a {
	cursor:pointer;
}

@media only screen and (min-width: 760px) {

.sp {display: none;}
.tb {display: none;}
.pc {display:block;}
.sptb {display: none;}
.pctb {display: block;}

#koza .koza_header {
	width:100%;
	height:50px;
	background:#004e9e;
	position:relative;
	/*margin-bottom:4px;*/
}

.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index:999;
	width: 100%;
}

#koza .koza_header:after {
	content:"";
	display:block;
	clear:both;
}

#koza .koza_header ul {
	display: block;
	min-width: 485px;
	position: absolute;
	top: 0;
	right: 162px;
	/*display: none;*/
}

#koza .koza_header ul:after {
	content:"";
	display:block;
	clear:both;
}

#koza .koza_header ul li {
	float:left;
	height:50px;
	padding:12px 7px 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#koza .koza_header ul li a {
	display:block;
	font-size:13px;
	color:#fff;
	height:22px;
	line-height:22px;
	text-decoration:none;
}

#koza .koza_header ul li a.active {
	border-bottom:3px solid #ff6500;
}

#koza .koza_header ul li a:hover {
	border-bottom:3px solid #ff6500;
}

#koza .koza_header a.header_btn {
	display:block;
	width:162px;
	position:absolute;
	right:0;
	top:0;
}

#koza .koza_header a.header_btn:hover {
	opacity:0.7;
}

#koza ul.submenu {
	width:694px;
	height:100px;
	margin:4px auto 0 auto;
}

#koza ul.submenu:after {
	content:"";
	display:block;
	clear:both;
}

#koza ul.submenu li {
	width:133px;
	float:left;
	margin-right:54px;
	position:relative;
}

#koza ul.submenu li:last-child {
	margin-right:0;
}

.tooltips {
	display: none;
	position: absolute;
	top:-12px;
	left: 100px;
	z-index: 99;
}

#koza ul.submenu li:hover .tooltips {
  display: block;
}

#koza ul.submenu li a {
	display:block;
	text-align:center;
	color:#004e9e;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
}

#koza ul.submenu li a span {
	display:block;
}

#koza ul.submenu li a:hover {
	opacity:0.7;
	text-decoration:underline;
}

.sp_menu {
	display:none;
}

#main {
	width:100%;
	height:300px;
	box-sizing:border-box;
	overflow:hidden;
}

#slider_inr {
	width:100%;
	padding:4px 0 0;
	position:relative;
}

#slider_inr ul {
	margin:0 auto;
	width:704px;
}

.slick-list {
	overflow:visible;
}

.slider {
}

.slider li {
	width:100%;
}

.slider li img {
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

.slider li a {
	outline:none;
}

.slider .slick-slide {
    -webkit-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
  }

.slider .slick-slide:not(.slick-center) {
	-webkit-transform: scale(0.88);
	-moz-transform: scale(0.88);
	-ms-transform: scale(0.88);
	-o-transform: scale(0.88);
	transform: scale(0.88);

	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);

	-webkit-filter: brightness(30%);
	-moz-filter: brightness(30%);
	-ms-filter: brightness(30%);
	-o-filter: brightness(30%);
	filter: brightness(30%);
}

.slider .slick-slide img {
    width: 100%;
    height: auto;
}

#koza .news {
	width:800px;
/*	width:560px; */
	margin:12px auto 0px;
	text-align:left;
}

#koza .news:after {
	content:"";
	display:block;
	clear:both;
}

#koza .news p {
	display:block;
	width:50px;
	float:left;
	margin:2px 5px 0 0;
}

#koza .news span a {
	font-size:14px;
	float:left;
	margin:0 15px 0 0;
	font-weight:bold;
	text-decoration:none;
}
#koza .news span a:hover {
	opacity:0.7;
	text-decoration:underline;
}
/*
#koza .news ul {
	width:416px;
	float:left;
	font-size:13px;
}

#koza .news ul li {
	color:#000000;
	padding:3px 0 0;
}

#koza .news ul li a {
	color:#000000;
	text-decoration:underline;
}

#koza .news ul:after {
	content:"";
	display:block;
	clear:both;
}
*/

#koza #season_kouza_pc {
	display:block;
	float:right;
	margin-top:-6px;
}

#koza #season_kouza_sp {
	display:none;
}

.tickercontainer {
/*	width:430px;  「〇期講座」バナーあるとき */
	width:670px; /* 「〇期講座」バナーなくてticker延ばすとき */
	height:24px;
	margin: 0;
	padding: 0;
	overflow:hidden;
	float:left;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.tickercontainer .mask {
	position: relative;
	left: 0px;
	top: 0px;
/*	width:430px;  「〇期講座」バナーあるとき */
	width:670px; /* 「〇期講座」バナーなくてticker延ばすとき */
	overflow: hidden;
}
ul.newsticker {
	position: relative;
	left:430px;
	list-style-type: none;
	margin: 0;
	padding: 0;

}
ul.newsticker li {
	float: left;
	margin: 0;
	padding: 3px 0 0 0;
	font-size:13px;
}
ul.newsticker span {
	margin: 0 90px 0 0;
}

#koza #program {
	width:100%;
	margin:0 auto 50px;
}

#koza #program:after {
	content:"";
	display:block;
	clear:both;
}

#koza #program #program_select {
	width:100%;
	height:56px;
	padding:8px 0 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#koza #program #program_select.fixed {
	position: fixed;
	left: 0;
	top: 0;
	z-index:999;
	background:#fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all  0.5s ease;
}

#koza #program #program_select:after {
	content:"";
	display:block;
	clear:both;
}

#koza #program .program_select_inr {
	width:980px;
	height:40px;
	margin:0 auto;
}

#koza #program .program_select_inr .program_ttl {
	width:140px;
	height:40px;
	line-height:40px;
	font-size:24px;
	font-weight:bold;
	border-left:6px solid #004e9e;
	margin:0 60px 0 0;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.spnav { display: none }

#koza #program #program_select li.active {
	border-bottom:3px solid #ff6500;
}

#koza #program .program_select_inr .subject {
	width:438px;
	height:40px;
	float:left;
	line-height:40px;
	font-size:14px;
}

#koza #program .program_select_inr .subject span {
	display:block;
	color:#727272;
	width:44px;
	float:left;
}

#koza #program .program_select_inr .subject ul#select_subject {
	width:394px;
	height:40px;
	float:left;
}

#koza #program .program_select_inr .subject ul#select_subject:after {
	content:"";
	display:block;
	clear:both;
}

#koza #program .program_select_inr .subject ul#select_subject li {
	float:left;
	height:36px;
	padding:8px 4px 5px 4px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-right:2px;
	cursor:pointer;
}

#koza #program .program_select_inr .subject ul#select_subject li:hover {
	border-bottom:3px solid #ff6500;
}

#koza #program .program_select_inr .subject ul#select_subject li a {
	display:block;
	height:26px;
	line-height:26px;
	text-align:center;
	color:#004e9e;
	font-weight:bold;
	text-decoration:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	pointer-events: none;
}

#koza #program .program_select_inr .subject ul#select_subject li a:hover {
	border-bottom:3px solid #ff6500;
}

#koza #program .program_select_inr .broadcast {
	width:338px;
	height:40px;
	float:left;
	line-height:40px;
	font-size:14px;
}

#koza #program .program_select_inr .broadcast span {
	display:block;
	color:#727272;
	width:44px;
	float:left;
}

#koza #program .program_select_inr .broadcast ul#select_broadcast {
	height:40px;
	float:left;
}

#koza #program .program_select_inr .broadcast ul#select_broadcast:after {
	content:"";
	display:block;
	clear:both;
}

#koza #program .program_select_inr .broadcast ul#select_broadcast li {
	float:left;
	height:36px;
	padding:8px 4px 0 4px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-right:2px;
	cursor:pointer;
}

#koza #program .program_select_inr .broadcast ul#select_broadcast li:hover {
	border-bottom:3px solid #ff6500;
}

#koza #program .program_select_inr .broadcast ul#select_broadcast li a {
	display:block;
	height:26px;
	line-height:26px;
	text-align:center;
	color:#004e9e;
	font-weight:bold;
	text-decoration:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	pointer-events: none;
}

#koza #program .program_select_inr .broadcast ul#select_broadcast li:nth-child(2) a:before {
	content:url(https://www.nhk.or.jp/kokokoza/images/broadcast_icon01.png);
	margin:0 5px;
}

#koza #program .program_select_inr .broadcast ul#select_broadcast li:nth-child(3) a:before {
	content:url(https://www.nhk.or.jp/kokokoza/images/broadcast_icon02.png);
	margin:0 5px;
}

#koza #program .program_select_inr .broadcast ul#select_broadcast li a:hover {
	border-bottom:3px solid #ff6500;
}

.multifilter li.active {
	border-bottom:3px solid #ff6500;
}

#koza #program #subject_list {
	width:1004px;
	margin:30px auto 0;
}

#koza #program #subject_list ul {
	font-size:0;
	text-align:left;
}

#koza #program #subject_list ul:after {
	content:"";
	display:block;
	clear:both;
}

#koza #program #subject_list ul li {
	display:inline-block;
	width:25%;
	margin:0 0 0 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}

#koza #program #subject_list ul li .list_icon_et {
	width:78px;
	height:22px;
	text-align:center;
	line-height:22px;
	background:#464646;
	color:#ffffff;
	font-size:12px;
	position:absolute;
	top:-11px;
	left:6%;
}

#koza #program #subject_list ul li .list_icon_radio2 {
	width:78px;
	height:22px;
	text-align:center;
	line-height:18px;
	background:#ffffff;
	border:2px solid #464646;
	color:#464646;
	font-size:12px;
	position:absolute;
	top:-11px;
	left:6%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


#koza #program #subject_list ul li img {
	width:100%;
}

#koza #program #subject_list ul li a {
	display:block;
	width:88%;
	height:220px;
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	padding:5px 5px 5px 5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0 auto 28px;
}

#koza #program #subject_list ul li a span {
	display:block;
	padding:6px 8px 8px 8px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-size:95%;
}

#koza #program #subject_list ul li a.kokugo {
	background:#56b36d;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all  0.5s ease;
}

#koza #program #subject_list ul li a.kokugo:hover {
	background:#4f8756;
}

#koza #program #subject_list ul li a.chirekikomin {
	background:#f19d54;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all  0.5s ease;
}

#koza #program #subject_list ul li a.chirekikomin:hover {
	background:#f2774e;
}

#koza #program #subject_list ul li a.sugaku {
	background:#51a9d7;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all  0.5s ease;
}

#koza #program #subject_list ul li a.sugaku:hover {
	background:#4d82c4;
}

#koza #program #subject_list ul li a.eigo {
	background:#d9459b;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all  0.5s ease;
}

#koza #program #subject_list ul li a.eigo:hover {
	background:#cc4774;
}

#koza #program #subject_list ul li a.rika {
	background:#5e5ba0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all  0.5s ease;
}

#koza #program #subject_list ul li a.rika:hover {
	background:#4f4c79;
}

#koza #program #subject_list ul li a.other {
	background:#d85962;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all  0.5s ease;
}

#koza #program #subject_list ul li a.other:hover {
	background:#d04b50;
}

#koza #program #subject_list #not_found {
	width:99%;
	background-color:#FFFFFF;
	border:solid 1px #71D1F7;
	display:none;
}

#koza #program #subject_list #not_found p {
	margin:50px 0;
	font-size:2.0em;
	font-weight:bold;
	text-align:center;
}

#koza #foot {
	width:100%;
	height:363px;
	background:url(https://www.nhk.or.jp/kokokoza/images/footbg.png) center top repeat-x #ffffff;
}

#koza #foot ul.foot_link {
	display:block;
	width:816px;
	margin:0 auto 0;
}

#koza #foot ul.foot_link:after {
	content:"";
	display:block;
	clear:both;
}

#koza #foot ul.foot_link li {
	width:228px;
	float:left;
	margin:35px 66px 0 0;
}

#koza #foot ul.foot_link li:last-child {
	margin:35px 0 0 0;
}

#koza #foot ul.foot_link li a {
	display:block;
	color:#3e3e3e;
	text-decoration:none;
	font-size:14px;
	text-align:center;
	font-weight:bold;
}

#koza #foot ul.foot_link li a img {
	display:block;
	width:100%;
	margin:0 auto 18px;
}

#koza #foot ul.foot_link li a:hover {
	opacity:0.7;
	text-decoration:underline;
}

#koza .pagetop {
	width:100%;
	text-align:right;
}

#koza .pagetop a {
	margin:0 20px 0 0;
	width:111px;
	height:67px;
}

#koza .bnr_area {
	width:980px;
	padding:10px 0 10px 0;
	margin:0 auto 0;
}

#koza ul.bnr_inr {
	vertical-align:top;
	font-size:0;
}

#koza ul.bnr_inr:after {
	content:"";
	display:block;
	clear:both;
}

#koza ul.bnr_inr li {
	display:inline-block;
	text-align:center;
	width:172px;
	margin:0 12px 0;
}

#koza ul.bnr_inr li img {
	width:100%;
}

#wrapper .Wrap .contents.clf .pc_foot p {
	color:#a9a9a9;
	font-size:11px;
	line-height:1.6;
}

  /* -------------------------------------------------- */
	/* ----update by 2018/04/01 --------------------------*/
  /* -------------------------------------------------- */
	.spnobr{
		display:inline;
	}
	.pcnobr{
		display:none;
	}

	#koza .floating_area.fixed{
	}
	#koza #floating_clone{
		background:#f7f7f7;
	}
	#koza .floating_area.fixed .contents_index_ttl{
		background:transparent;
		position: fixed;
		top:0;
		z-index:10000;
	}
	#koza #floating_clone{
		display: none !important;
	}
	#koza .contents_index_ttl{
		width:100%;
		background:#f7f7f7;
	}
	#koza .contents_index_ttl h2{
		max-width:1366px;
		margin:0 auto;
		background:url(../tv/tanq/images/bg_title.png)top center no-repeat;
		background-size:auto;
	}
	#koza .contents_index_ttl h2 img{
		width:600px;
		padding:15px 0;
		vertical-align: bottom;
	}

	#koza .contents_index_movie{
		width:100%;
		background:#f7f7f7;
		padding:50px 0;
	}


	#koza .contents_index_movie .movie_wrapper{
		max-width:500px;
		margin:0px auto;
		padding:0px 0;
		position: relative;
	}
	#mov_block_hls{
		margin:0 auto;
		max-width:432px;
	}
	#koza .contents_index_movie .movie_wrapper .movie{
		width:100%;
		text-align:center;
	}
	#koza .contents_index_movie .movie_wrapper .movie p.warning{
		font-size:16px;
		padding:70px 0;
	}
	#koza .contents_index_movie .movie_wrapper .movie img{
		max-width:100%;
		vertical-align: bottom;
	}
	#koza .contents_index_movie .movie_wrapper .new{
		position:absolute;
		top:0;
		left:0;

		color:white;
		font-size:20px;
		font-weight: 500;
		background:#ed0737;
		padding:0.4em 0.9em;
	}
	#koza .contents_index_movie .movie_wrapper .chapters{
		position:absolute;
		top:0;
		right:0;

		color:white;
		font-size:18px;
		font-weight: 300;
		background:#777;
		padding:0.4em 0.9em;
	}


	#koza .contents_index_title{
		width:100%;
		margin:0 auto;
		text-align:left;
		background:#f7f7f7;
	}
	#koza .contents_index_title .title_wrapper{
		width:985px;
		margin:0 auto;
		padding:0 0 10px 0;
	}
	#koza .contents_index_title .paragraph{
		width:98%;
		margin:0 auto;
		color:#333;
		font-size:30px;
		font-weight: 600;
		line-height:1.6;
	}
	#koza .contents_index_title .paragraph .number{
		width:100%;
		font-size:22px;
		font-weight: 600;
		padding:0.3em 0.7em 0em 0.7em;
		margin:0 0.8em 0 0;
		background:#e6f6fc;
		border-bottom:4px solid #55c1e7;
		box-sizing: border-box;
		vertical-align: 0.2em;
	}
	#koza .contents_index_title .paragraph .to_library{
		width:100%;
		font-size:22px;
		font-weight: 600;
		padding:0.3em 0.7em 0em 0.7em;
		margin:0 0.8em 0 0;
		background:#ffd7ce;
		border-bottom:4px solid #ff6f4d;
		box-sizing: border-box;
		vertical-align: 0.2em;
	}

	#koza .contents_index_title .title{
		width:98%;
		margin:0 auto;
		display:table;
		padding:5px 0;
	}
	#koza .contents_index_title .title h2{
		width:78%;
		color:#333;
		font-size:22px;
		font-weight: 400;
		line-height:1.8;
		display: table-cell;
	}
	#koza .contents_index_title .title p{
		width:22%;
		color:#777;
		font-size:16px;
		text-align:right;
		display: table-cell;
		vertical-align: bottom;
	}



	#koza .contents_index_infomations{
		width:100%;
		margin:0 auto;
		text-align:left;
		background:#f7f7f7;
		padding-bottom:10px;
	}
	#koza .contents_index_infomations .infomations_wrapper{
		width:985px;
		margin:0 auto;
		padding:0vh 0 30px 0;
	}
	#koza .contents_index_infomations .contents_list{
		width:100%;
		display:flex;
		justify-content:center;
	}
	#koza .contents_index_infomations .contents_list div{
		width:15.66666%;
		margin:5px 0.5%;
		/* float:left; */
		background:white;
		border:1px solid #ddd;
		box-sizing: border-box;
		text-align: center;
		border-radius: 0.8em;
		line-height:1.3;
		padding-bottom: 5px;
	}
	#koza .contents_index_infomations .contents_list div.icon_enquete{
		background:#ec2fa7 url(../images/bgicon_star.png) right top no-repeat;
		background-size:10%;
		background-position-y:10%;
		background-position-x:95%;
	}
	#koza .contents_index_infomations .contents_list div.icon_enquete a{
		display: block;
		text-decoration:none;
		font-size:18px;
		font-weight: 500;
		color:white;
	}
	#koza .contents_index_infomations .contents_list div.icon_chapter_vi a{
		display: block;
		text-decoration:none;
		font-size:18px;
		font-weight: 600;
		color:#9d23c0;
	}
	#koza .contents_index_infomations .contents_list div.icon_memo a{
		display: block;
		text-decoration:none;
		font-size:18px;
		font-weight: 600;
		color:#ea3c61;
	}
		#koza .contents_index_infomations .contents_list div.icon_memo2 a{ /* add 文言長い時 */
		display: block;
		text-decoration:none;
		/*font-size:18px;*/
		font-weight: 600;
		color:#ea3c61;
		font-size:16px;
		line-height: 1.1;
	}
	#koza .contents_index_infomations .contents_list div.icon_resume a{
		display: block;
		text-decoration:none;
		font-size:18px;
		font-weight: 600;
		color:#0244be;
	}
	#koza .contents_index_infomations .contents_list div.icon_about a{
		display: block;
		text-decoration:none;
		font-size:18px;
		font-weight: 600;
		color:#f17900;
	}
	#koza .contents_index_infomations .contents_list div.icon_schedule a{
		display: block;
		text-decoration:none;
		font-size:18px;
		font-weight: 600;
		color:#1396c4;
	}
	#koza .contents_index_infomations .contents_list div a p{
		padding:0;
		margin:0;
	}
	#koza .contents_index_infomations .contents_list div img{
		width:40%;
		padding:20px 0 10px 0;
	}


	#koza .contents_index_infomations hr{
		width:985px;
		margin:0px auto;
	}

	#koza .contents_index_infomations .chapters_list{
		width:985px;
		margin:0 auto;
		padding:40px 0 60px 0;
		position:relative;
	}
	#koza .contents_index_infomations .chapters_list .chapters_wrapper.more .chapter_box:nth-child(n+5),
	#koza .contents_index_infomations .chapters_list .subtitle.more,
	#koza .contents_index_infomations .chapters_list .button.more,
	#koza .contents_index_infomations .chapters_list .link.close.more,
	#koza .contents_index_infomations .chapters_list .description_wrapper.more{
	 display:none;
	}
	#koza .contents_index_infomations .chapters_list .link.open{
		text-align: center;
		padding-top:80px;
		color:#666;
		font-size:24px;
		font-weight:600;
		display: block;
		position: absolute;
		background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(#f7f7f7));
    background:-webkit-linear-gradient(top, transparent, #f7f7f7, #f7f7f7, #f7f7f7);
    background:-moz-linear-gradient(top, transparent, #f7f7f7, #f7f7f7, #f7f7f7);
    background:-o-linear-gradient(top, transparent, #f7f7f7, #f7f7f7, #f7f7f7);
    background:linear-gradient(to bottom, transparent, #f7f7f7, #f7f7f7, #f7f7f7);
		width:100%;
		height:250px;
		bottom:0;
	}
	#koza .contents_index_infomations .chapters_list .subtitle{
		font-size:26px;
		color:#333;
		margin:5px 0em;
	}
	#koza .contents_index_infomations .chapters_list .subtitle.icon_tv{
		margin:5px 1em;
		padding-left:1.5em;
		background:url(../images/icon_chapter_vi.png) left center no-repeat;
		background-size: auto 75%;
	}
	#koza .contents_index_infomations .chapters_list .chapters_wrapper{
		width:100%;
		padding:0 0 40px 0;
	}
	#koza .contents_index_infomations .chapters_list .chapters_wrapper .chapter_box{
		width:49%;
		background:white;
		border:1px solid #ddd;
		box-sizing: border-box;
		margin:10px 0.5%;
		border-radius: 0.4em;
		float:left;
	}
	#koza .contents_index_infomations .chapters_list .chapters_wrapper .chapter_box .left{
		width:50%;
		margin:3% 4%;
		float:left;
	}
	#koza .contents_index_infomations .chapters_list .chapters_wrapper .chapter_box .left img{
		width: 100%;
	}
	#koza .contents_index_infomations .chapters_list .chapters_wrapper .chapter_box .right{
		width:40%;
		margin:4% 2% 3% 0%;
		float:right;
		line-height: 1;
	}
	#koza .contents_index_infomations .chapters_list .chapters_wrapper .chapter_box .right .chapter_number{
		display: inline;
		color:#333;
		font-weight: 600;
		padding:0.1em 0.7em 0.1em 0.7em;
		margin:0 0 0 0;
		background:#e6f6fc;
		border-bottom:2px solid #55c1e7;
		box-sizing: border-box;
		font-size:14px;
		vertical-align:top;
	}
	#koza .contents_index_infomations .chapters_list .chapters_wrapper .chapter_box .right .chapter_title{
		color:#333;
		font-weight: 600;
		font-size:18px;
		line-height: 1.3;
		padding:1em 0 0.5em 0;
	}
	#koza .contents_index_infomations .chapters_list .chapters_wrapper .chapter_box .right .chapter_text{
		color:#333;
		font-weight: 300;
		font-size:16px;
		line-height: 1.3;
	}



	#koza .contents_index_infomations .enquete_list{
		width:985px;
		margin:0 auto;
		padding:40px 0 60px 0;
		position:relative;
	}
	#koza .contents_index_infomations .enquete_list .subtitle{
		font-size:30px;
		color:#333;
		margin:5px 0em;
	}
	#koza .contents_index_infomations .enquete_list .summary{
		font-size:16px;
		color:#333;
		margin:10px 0;
		line-height: 1.5;
		letter-spacing: 1px;
	}
	#koza .contents_index_infomations .enquete_list .subtitle.icon_enquete{
		margin:5px 0em;
		padding-left:2em;
		background:url(../images/icon_enquete2.png) left center no-repeat;
		background-size: auto 100%;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper{
		width:100%;
		border:1px solid #ddd;
		box-sizing: border-box;
		border-radius: 0.2em;
		background:white;
		padding:50px 0 30px 0;
		margin:0 0 50px 0;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box{
		width:92%;
		margin:0px auto;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .question{
		display:table;
		padding:0 0 35px 0;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .question ul{
		display:table-row;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .enquete_number{
		display:table-cell;
		color:#333;
		font-weight: 600;
		margin:0 0 0 0;
		font-size:18px;
		vertical-align:middle;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .enquete_number span{
		background:#e6f6fc;
		padding:0em 1.2em 0em 1.2em;
		border-bottom:1px solid #55c1e7;
		box-sizing: border-box;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .enquete_title{
		display:table-cell;
		color:#333;
		font-weight: 600;
		font-size:20px;
		line-height: 1.3;
		padding:0em 0 0em 1em;
		vertical-align:middle;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .enquete_text{
		display:table-cell;
		color:red;
		font-weight: 500;
		font-size:16px;
		line-height: 1.3;
		padding:0em 0 0em 2em;
		vertical-align:middle;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .answer{
		padding:0 0 40px 0;
		color:#333;
		font-size:20px;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .answer.text p input{
		width:20%;
		font-size:20px;
		padding:5px 1%;
		border-radius:0.3em;
		margin-right:2%;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .answer.radio p{
		float:left;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .answer.radio p input{

	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .answer.radio p label{
		padding:0 3.5em 0 1.5em;
		font-size:18px;
		vertical-align: middle;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .answer.select p select{
		width:20%;
		font-size:20px;
		padding:5px 1%;
		border-radius:0.3em;
		margin-right:2%;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .answer.textarea p textarea{
		width:100%;
		font-size:20px;
		padding:5px 1%;
		border-radius:0.3em;
		margin-right:2%;
	}

	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_agree{
		width:88%;
		margin:0px auto;
		padding:0 0 20px 0;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_agree p{
		font-size:16px;
		color:#333;
		line-height: 1.7;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_agree p input{
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_agree p label{
		padding:0 1.5em 0 1em;
		font-size:20px;
	}


	#koza .contents_index_infomations .thanks_list{
		width:985px;
		margin:0 auto;
		padding:140px 0 60px 0;
		position:relative;
	}
	#koza .contents_index_infomations .thanks_list .subtitle{
		font-size:30px;
		color:#333;
		margin:5px 0em;
		text-align: center;
		letter-spacing: 2px;
	}
	#koza .contents_index_infomations .thanks_list .summary{
		font-size:16px;
		color:#333;
		margin:30px 0 40px 0;
		line-height: 1.5;
		letter-spacing: 1px;
		text-align: center;
	}




	#koza .contents_index_infomations .description_wrapper{
		width:100%;
		background:white;
		border:1px solid #ddd;
		box-sizing: border-box;
		margin:15px 0;
		border-radius: 0.8em;
	}
	#koza .contents_index_infomations .description_wrapper .text{
		margin:2% 3%;
		color:#333;
		font-weight: 300;
		font-size:22px;
		line-height:1.8;
	}


	#koza .contents_index_infomations .schedules_list{
		width:985px;
		margin:0 auto;
		padding: 10px 0 100px 0;
		position: relative;
	}
	#koza .contents_index_infomations .schedules_list .subtitle{
		font-size:26px;
		color:#333;
		margin:10px 0;
	}
	#koza .contents_index_infomations .schedules_list .subtitle.icon_schedule{
		padding-left:1.7em;
		background:url(../images/icon_schedule.png) left center no-repeat;
		background-size: auto 90%;
	}
	#koza .contents_index_infomations .schedules_list .schedules_wrapper{
		width:100%;
		padding-bottom:10px;
	}
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box{
		width:49%;
		background:white;
		border:1px solid #ddd;
		box-sizing: border-box;
		margin:10px 0.5%;
		border-radius: 0.4em;
		float:left;
		position: relative;
  }
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .left{
		width:50%;
		margin:3% 4%;
		float:left;
	}
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .left img{
		width: 100%;
	}
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .right{
		width:40%;
		margin:4% 2% 3% 0%;
		float:right;
		line-height: 1;
	}
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .right .chapter_number{ /* 第〇回 */
		display: inline-block;
		color:#333;
		font-weight: 600;
		padding:0.3em 0.7em 0.3em 0.7em;
		margin:0 0 0.5em 0;
		background:#e6f6fc;
		border-bottom:2px solid #55c1e7;
		box-sizing: border-box;
		font-size:14px;
		vertical-align:top;
	}
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .right .to_library{ /* ライブラリー */
		display: inline-block;
		color:#333;
		font-weight: 600;
		padding:0.3em 0.7em 0.3em 0.7em;
		margin:0 0 0.5em 0;
		background:#ffd7ce;
		border-bottom:2px solid #ff6f4d;
		box-sizing: border-box;
		font-size:14px;
		vertical-align:top;
	}

	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .right .soon,
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .right .new {  /* soon,new共通 */
		display: inline-block;
		font-weight: 600;
		padding:0.3em 0.5em;
		margin:0 0.5em 0.5em 0;
		box-sizing: border-box;
		font-size:14px;
		vertical-align:top;
		border-radius:4px;
		float:right;
	}
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .right .soon { /* soon */
		color:#333;
		background:#ddd;
	}
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .right .new { /* new */
		color:#fff;
		background:#ff2323;
	}

	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .right .chapter_title{
		color:#333;
		font-weight: 600;
		font-size:17px;
		line-height: 1.3;
		padding:0 0 0.5em 0;
	}
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .right .chapter_text{
		color:#333;
		font-weight: 300;
		font-size:16px;
		line-height: 1.3;
	}
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .right .chapter_date{
		text-align: right;
		padding-top: 10px;
	/*	position: absolute;
		bottom:7%;
		right:3%;*/
		color:#999;
		font-weight: 300;
		font-size:15px;
		font-weight: 500;
	}

	#koza .contents_index_infomations .schedules_list .gotop{
		position: absolute;
		bottom:50px;
		right:15px;
	}
	#koza .contents_index_infomations .schedules_list .gotop .gotop_wrapper{
		display: table;
		position: relative;
	}
	#koza .contents_index_infomations .schedules_list .gotop .gotop_wrapper p{
		text-align: center;
		color:#2769ad;
	}
	#koza .contents_index_infomations .schedules_list .gotop a{
		color:#2769ad;
	}
	#koza .contents_index_infomations .schedules_list .gotop .gotop_wrapper p:nth-child(1){
		display: table-cell;
		vertical-align: middle;
		background: white;
		border-radius: 50%;
		width:40px;
		height:40px;
		margin:0 auto;
	}
	#koza .contents_index_infomations .schedules_list .gotop .gotop_wrapper p:nth-child(2){
		font-size:12px;
		font-weight: 600;
		width:100px;
		position: absolute;
		bottom:-25px;
   left: 50%;
   -webkit-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
	}
	#koza .contents_index_infomations .schedules_list .gotop .gotop_wrapper p .cls-2{
		stroke:#2769ad;
	}

	#koza .contents_index_infomations .button{
		width:42%;
		background:white;
		border:1px solid #ddd;
		box-sizing: border-box;
		margin:10px auto;
		border-radius: 0.4em;
		text-align: center;
		font-size:20px;
	}
	#koza .contents_index_infomations .button a{
		text-decoration: none;
		color:#52b2d4;
		font-weight: 600;
	}
	#koza .contents_index_infomations .button p{
		padding:18px 0;
	}
	#koza .contents_index_infomations .button svg{
		padding:0;
		margin:0;
		margin-left:3em;
		margin-right:-3em;
		height:20px;
	}

	#koza .contents_index_infomations .toplink{
		width:80%;
		margin:10px auto;
		border-radius: 0.2em;
		text-align: center;
		font-size:14px;
	}
	#koza .contents_index_infomations .toplink p{
		padding:12px 0;
	}
	#koza .contents_index_infomations .link{
		width:80%;
		margin:10px auto;
		border-radius: 0.2em;
		text-align: center;
		font-size:24px;
	}
	#koza .contents_index_infomations .link a{
		text-decoration: none;
		color:#333;
		font-weight: 600;
	}
	#koza .contents_index_infomations .link p{
		padding:12px 0;
	}
	#koza .contents_index_infomations .link svg{
		padding:0;
		margin:0;
		margin-left:0.5em;
		margin-right:-0.5em;
		width:20px;
	}


	svg .cls-1{
		fill:none;
		stroke: #52b2d4;
	}
	svg .cls-2{
		fill:none;
	}
	svg .cls-3{
		fill:none;
	}
	#svg_arrow_01,
	#svg_arrow_02,
	#svg_arrow_03{
		display: none;
	}


}

@media screen and (min-width: 641px) and (max-width: 984px) {

.sp {display: none;}
.tb {display:block;}
.pc {display: none;}
.sptb {display:block;}
.pctb {display: block;}

}

@media only screen and (max-width: 759px) {

.sp {display:block;}
.tb {display: none;}
.pc {display: none;}
.sptb {display:block;}
.pctb {display: none;}

#koza {
	font-size:16px;
	-webkit-text-size-adjust: 100%;
	background:url(https://www.nhk.or.jp/kokokoza/images/bg_sp.jpg) center top no-repeat #fff;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	background-size:contain;
}

.spnav { display: block }
#select_subject,#select_broadcast { display: none }

#koza .koza_header {
	width:100%;
	height:40px;
	background:#004e9e;
	position:relative;
}

.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index:103;
	width: 100%;
}

#koza .koza_header:after {
	content:"";
	display:block;
	clear:both;
}

#koza .koza_header h1 {
	width:76px;
	margin:0 auto 0;
}

#koza .koza_header h1 a {
	display:block;
}

#koza .koza_header h1 a img {
	width:100%;
}

#koza .koza_header ul.pc_menu {
	display:none;
}

#koza .koza_header a.header_btn {
	display:none;
}

#koza ul.submenu {
	display:none;
}

.sp_menu {
  z-index: 10000;
}

.drawer-nav {
  position: fixed;
  z-index: 10000;
  top: 0;
  overflow: scroll;
  width: 74%;
  height: 100%;
  color: #222;
  background:#004e9e;
  -webkit-overflow-scrolling: touch
}

.drawer-hamburger {
  z-index: 10001;
  position:absolute;
  top: 0;
  display: block;
  box-sizing: content-box;
  background: url(https://www.nhk.or.jp/kokokoza/images/menu_off_1x.png) right top no-repeat;
  background-size:43px 40px;
  width: 43px;
  padding: 0;
  padding-top: 18px;
  padding-right: .75rem;
  padding-bottom: 30px;
  padding-left: .75rem;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  border: 0;
  outline: 0;
  background-color: transparent;
}

.drawer--right.drawer-open .drawer-hamburger {
    right: 0;
  background: url(https://www.nhk.or.jp/kokokoza/images/menu_batsu_1x.png) right top no-repeat;
  background-size:43px 40px;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  width: 100%;
  height: 2px;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  background-color: transparent;
}
.drawer-overlay{
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, .7);
}

ul.drawer-menu {
	padding-bottom:120px;
}

ul.drawer-menu li {
	width:100%;
	font-size:4.375vw;
	color:#fff;
	text-align:left;
}

ul.drawer-menu li:last-child {
}
ul.drawer-menu li a,
.drawer-nav .nav_inr a.nav_home_btn {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:16px 15px 16px 15px;
	background:url(https://www.nhk.or.jp/kokokoza/images/arrow_2x.png) 95% center no-repeat;
	-webkit-background-size:5px 6px;
	-moz-background-size:5px 6px;
	background-size:5px 6px;
	font-size:3.75vw;
}
.drawer-nav .nav_inr a.nav_home_btn {
	margin:80px auto 1.25vw;
	text-align:left;
	border-bottom:1px solid #013c79;
	border-top:1px solid #013c79;
}

ul.drawer-menu li a span, ul.drawer-menu li span {
	display:block;
	font-size:12px;
	color:#be81c0;
}

ul.menu_btn {
	width:88%;
	margin:0 auto 10px;
}
ul.menu_btn:after {
	content:"";
	display:block;
	clear:both;
}
ul.menu_btn li a {
	float:left;
	width:50%;
}
ul.menu_btn li:last-child a {
	width:100%;
	margin:10px 0 0;
}
ul.menu_btn li a img {
	width:100%;
}

#main {
	/*display:none;*/
  width:100%;
	height:50vw;
	box-sizing:border-box;
	overflow:hidden;
}

#koza .news {
	width:100%;
	height:36px;
	margin:0 0  4.0625vw;
	text-align:left;
	background:#d6f4ff;
}

#koza .news:after {
	content:"";
	display:block;
	clear:both;
}

#koza .news p {
	display:block;
	width:42px;
	height:12px;
	float:left;
	margin:6px 5px 0 15px;
}

#koza .news p img {
	width:100%;
}

#koza .news span a {
	color:#3d8cc4;
	font-size:12px;
	line-height:36px;
	float:left;
	margin:0 15px 0 0;
	font-weight:bold;
}

#koza .news ul#newslist li a{
	line-height:21px;
}

#koza #season_kouza_pc {
	display:none;
}

#koza #season_kouza_sp {
	display:block;
	text-align:center;
}

#koza #season_kouza_sp a img{
	width:80%;
}

.tickercontainer {
	width:60%;
	height:26px;
	margin: 0;
	padding: 0;
	overflow:hidden;
}
.tickercontainer .mask {
	position: relative;
	left: 0px;
	top: 0px;
	width:100%;
	overflow: hidden;
}
ul.newsticker {
	position: relative;
	left:430px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li {
	float: left;
	margin: 0;
	padding: 9px 0 0 0;
	font-size:13px;
}
ul.newsticker span {
	margin: 0 0 0 0;
}

#koza #program {
	width:96%;
	margin:0 auto 7.8125vw;
}
#koza #program:after {
	content:"";
	display:block;
	clear:both;
}
#koza #program #program_select {
	width:100%;
	height:20.5625vw;
	padding:0 0 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#koza #program #program_select.fixed {
	position: fixed;
	left: 0;
	top: 0;
	z-index:99;
	background:#fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all  0.5s ease;
}

#koza #program #program_select:after {
	content:"";
	display:block;
	clear:both;
}

#koza #program .program_select_inr {
	width:100%;
	height:20.5625vw;
	margin:0 auto;
}

#koza #program .program_select_inr .program_ttl {
	display:none;
}


#koza #program #program_select li.active {
}

#koza #program .program_select_inr .subject {
	width:45%;
	margin:0 0 0 5%;
	height:20.5625vw;
	font-size:4.375vw;
	color:#004e9e;
	text-align:left;
	position:relative;
	float:left;
}

#koza #program .program_select_inr .subject span {
	display:block;
	color:#004e9e;
	width:90%;
	position:absolute;
	top:0;
	left:0;
	font-weight:bold;
}

select#sp_select_subject {
	position:absolute;
	top:8.75vw;
	left:0;
	width:90%;
}

#koza #program .program_select_inr .broadcast {
	width:45%;
	margin:0 0 0 5%;
	height:20.5625vw;
	font-size:4.375vw;
	color:#004e9e;
	text-align:left;
	position:relative;
	float:left;
}

#koza #program .program_select_inr .broadcast span {
	display:block;
	color:#004e9e;
	width:48%;
	position:absolute;
	top:0;
	left:0;
	font-weight:bold;
}

select#sp_select_broadcast{
	position:absolute;
	top:8.75vw;
	left:0;
	width:90%;
}

#koza #program #subject_list {
	width:100%;
	margin:20px auto 0;
}

#koza #program #subject_list ul {
	font-size:0;
	text-align:left;
}

#koza #program #subject_list ul:after {
	content:"";
	display:block;
	clear:both;
}

#koza #program #subject_list ul li {
	display:inline-block;
	width:50%;
	min-height:50.1875vw;
	margin:0 0 3.75vw 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	vertical-align:top;
}

#koza #program #subject_list ul li .list_icon_et {
	width:20.3125vw;
	height:5.625vw;
	text-align:center;
	line-height:5.625vw;
	background:#464646;
	color:#ffffff;
	font-size:3.75vw;
	position:absolute;
	top:-11px;
	left:6%;
}

#koza #program #subject_list ul li .list_icon_radio2 {
	width:20.3125vw;
	height:5.625vw;
	text-align:center;
	line-height:5.625vw;
	background:#ffffff;
	border:2px solid #464646;
	color:#464646;
	font-size:3.75vw;
	position:absolute;
	top:-11px;
	left:6%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


#koza #program #subject_list ul li img {
	width:100%;
}

#koza #program #subject_list ul li a {
	display:block;
	width:88%;
	font-size:3.4375vw;
	color:#ffffff;
	text-decoration:none;
	padding:3px 3px 3px 3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0 auto 28px;
}

#koza #program #subject_list ul li a span {
	display:block;
	padding:2vw 1.5vw 2vw 1.5vw;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#koza #program #subject_list ul li a.kokugo {
	background:#56b36d;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all  0.5s ease;
}

#koza #program #subject_list ul li a.kokugo:hover {
	background:#4f8756;
}

#koza #program #subject_list ul li a.chirekikomin {
	background:#f19d54;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all  0.5s ease;
}

#koza #program #subject_list ul li a.chirekikomin:hover {
	background:#f2774e;
}

#koza #program #subject_list ul li a.sugaku {
	background:#51a9d7;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all  0.5s ease;
}

#koza #program #subject_list ul li a.sugaku:hover {
	background:#4d82c4;
}

#koza #program #subject_list ul li a.eigo {
	background:#d9459b;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all  0.5s ease;
}

#koza #program #subject_list ul li a.eigo:hover {
	background:#cc4774;
}

#koza #program #subject_list ul li a.rika {
	background:#5e5ba0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all  0.5s ease;
}

#koza #program #subject_list ul li a.rika:hover {
	background:#4f4c79;
}

#koza #program #subject_list ul li a.other {
	background:#d85962;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all  0.5s ease;
}

#koza #program #subject_list ul li a.other:hover {
	background:#d04b50;
}

#koza #program #subject_list #not_found {
	width:99%;
	background-color:#FFFFFF;
	border:solid 1px #71D1F7;
	display:none;
}

#koza #program #subject_list #not_found p {
	margin:20px 0;
	font-weight:bold;
	text-align:center;
}

#koza #foot {
	width:100%;
/*	height:125vw;*/
	background:url(https://www.nhk.or.jp/kokokoza/images/footbg.png) center bottom repeat-x #7AD4F8;
}

#koza #foot ul.foot_link {
	display:block;
	width:90%;
	margin:0 auto 0;
	padding-bottom:30px;
}

#koza #foot ul.foot_link:after {
	content:"";
	display:block;
	clear:both;
}

#koza #foot ul.foot_link li {
	width:40%;
	float:left;
	margin:5.5% 5% 4%;
}

#koza #foot ul.foot_link li:last-child {
}

#koza #foot ul.foot_link li a {
	display:block;
	color:#3e3e3e;
	text-decoration:none;
	font-size:3.75vw;
	text-align:center;
}

#koza #foot ul.foot_link li a img {
	display:block;
	width:100%;
	margin:0 auto 10px;
}

#koza #foot ul.foot_link li a p {
	font-weight:bold;
}

#koza #foot ul.foot_link li a:hover {
	opacity:0.7;
}

#koza .pagetop {
	width:35.68%;
	margin:0 auto;
}

#koza .pagetop a {
	margin:0 0 0 0;
	width:100%;
}

#koza .pagetop a img {
	width:100%;
}


#koza .bnr_area {
	width:94%;
	padding:7.8125vw 0 7.8125vw 0;
	margin:0 auto 0;
}

#koza ul.bnr_inr {
	vertical-align:top;
	font-size:0;
}

#koza ul.bnr_inr:after {
	content:"";
	display:block;
	clear:both;
}

#koza ul.bnr_inr li {
	width:48%;
	margin:0 4% 3% 0;
	float:left;
}

#koza ul.bnr_inr li:nth-child(2n) {
	margin:0 0 0 0;
}

#koza ul.bnr_inr li img {
	width:100%;
}


  /* -------------------------------------------------- */
	/* ----update by 2018/04/01 --------------------------*/
  /* -------------------------------------------------- */

	.spnobr{
		display:none;
	}
	.pcnobr{
		display:inline;
	}
	#koza .floating_area{
		background:#f7f7f7;
	}
	#koza .floating_area.fixed{
		position: fixed;
		top:0;
		left:0;
		z-index:1000;
	}
	#koza #floating_clone{
		background:#f7f7f7;
	}
	#koza .contents_index_ttl{
		width:100%;
	}
	#koza .contents_index_ttl h2{
		width:100%;
		background:url(../tv/tanq/images/bg_title.png)top center no-repeat;
		background-size:auto 100%;
	}
	#koza .contents_index_ttl h2 img{
		width:100%;
		padding:1vh 0;
		vertical-align: bottom;
	}

	#koza .contents_index_movie{
		width:100%;
	}
	#koza .contents_index_movie .movie_wrapper{
		width:100%;
		position: relative;
	}
	#koza .contents_index_movie .movie_wrapper .movie{
		width:100%;
		background:rgba(247,247,247,0.5);
		padding-bottom:10px;
		overflow: hidden;
	}
	#koza .contents_index_movie .movie_wrapper .movie p.warning{
		font-size:2vw;
		padding:8vw 0;
	}
	#koza .contents_index_movie .movie_wrapper .movie img{
		max-width:100%;
		vertical-align: bottom;
  -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
	}
	#koza .contents_index_movie .movie_wrapper .new{
		position:absolute;
		top:0;
		left:0;

		color:white;
		font-size:3.0vw;
		font-weight: 500;
		background:#ed0737;
		padding:0.1em 0.7em;
	}
	#koza .contents_index_movie .movie_wrapper .chapters{
		position:absolute;
		top:0;
		right:0;

		color:white;
		font-size:2.4vw;
		font-weight: 300;
		background:#777;
		padding:0.3em 0.9em;
	}


	#koza .contents_index_title{
		width:100%;
		text-align:left;
		background:#f7f7f7;
		padding-bottom:0px;
	}
	#koza .contents_index_title .title_wrapper{
		width:96%;
		margin:0 auto;
		padding:1vw 0 0 0;
	}
	#koza .contents_index_title .paragraph{
		width:90%;
		margin:0 auto;
		color:#333;
		font-size:3.8vw;
		font-weight: 600;
		line-height:1.5;
	}
	#koza .contents_index_title .paragraph .number{
		width:100%;
		font-size:2.9vw;
		font-weight: 600;
		padding:0.3em 0.7em 0.0em 0.7em;
		margin:0 0.8em 0 0;
		background:#e6f6fc;
		border-bottom:2px solid #55c1e7;
		box-sizing: border-box;
		vertical-align: 0.2em;
	}
	#koza .contents_index_title .paragraph .to_library{
		width:100%;
		font-size:2.9vw;
		font-weight: 600;
		padding:0.3em 0.7em 0.0em 0.7em;
		margin:0 0.8em 0 0;
		background:#ffd7ce;
		border-bottom:2px solid #ff6f4d;
		box-sizing: border-box;
		vertical-align: 0.2em;
	}
	#koza .contents_index_title .title{
		width:92%;
		margin:0 auto;
		display:table;
		padding:3px 0;
	}
	#koza .contents_index_title .title h2{
		width:60%;
		color:#333;
		font-size:3.2vw;
		line-height:1.6;
		display: table-cell;
		font-weight: 500;
	}
	#koza .contents_index_title .title p{
		width:40%;
		color:#777;
		font-size:2.6vw;
		display: table-cell;
		vertical-align: bottom;
		text-align: right;
	}



	#koza .contents_index_infomations{
		width:100%;
		text-align:left;
		background:#f7f7f7;
		padding-bottom:10px;
	}
	#koza .contents_index_infomations .infomations_wrapper{
		width:96%;
		margin:0 auto;
		padding:4vw 0 30px 0;
	}
	#koza .contents_index_infomations .contents_list{
		width:100%;
	}
	#koza .contents_index_infomations .contents_list div{
		width:30.33333%;
		margin:5px 1.5%;
		float:left;
		background:white;
		border:1px solid #ddd;
		box-sizing: border-box;
		text-align: center;
		border-radius: 0.3em;
		line-height:1.3;
		padding-bottom: 5px;
	}
	#koza .contents_index_infomations .contents_list div.icon_enquete{
		background:#ec2fa7 url(../images/bgicon_star.png) right top no-repeat;
		background-size:10%;
		background-position-y:10%;
		background-position-x:95%;
	}
	#koza .contents_index_infomations .contents_list div.icon_enquete a{
		display: block;
		text-decoration:none;
		font-size:3vw;
		font-weight: 600;
		color:white;
	}
	#koza .contents_index_infomations .contents_list div.icon_chapter_vi a{
		display: block;
		text-decoration:none;
		font-size:3vw;
		font-weight: 600;
		color:#9d23c0;
	}
	#koza .contents_index_infomations .contents_list div.icon_memo a{
		display: block;
		text-decoration:none;
		font-size:3vw;
		font-weight: 600;
		color:#ea3c61;
	}
	#koza .contents_index_infomations .contents_list div.icon_memo2 a{ /* add 長い時 */
		display: block;
		text-decoration:none;
		font-size:2.8vw;
		font-weight: 600;
		color:#ea3c61;
	}
	#koza .contents_index_infomations .contents_list div.icon_resume a{
		display: block;
		text-decoration:none;
		font-size:3vw;
		font-weight: 600;
		color:#0244be;
	}
	#koza .contents_index_infomations .contents_list div.icon_about a{
		display: block;
		text-decoration:none;
		font-size:3vw;
		font-weight: 600;
		color:#f17900;
	}
	#koza .contents_index_infomations .contents_list div.icon_schedule a{
		display: block;
		text-decoration:none;
		font-size:3vw;
		font-weight: 600;
		color:#1396c4;
	}
	#koza .contents_index_infomations .contents_list div a p{
		padding:0;
		margin:0;
	}
	#koza .contents_index_infomations .contents_list div img{
		width:30%;
		padding:12px 0 5px 0;
	}


	#koza .contents_index_infomations hr{
		width:85%;
		margin:0px auto;
	}

	#koza .contents_index_infomations .chapters_list{
		width:90%;
		margin:0 auto;
		padding: 10px 0 0 0;
		position:relative;
	}
	#koza .contents_index_infomations .chapters_list .chapters_wrapper.more .chapter_box:nth-child(n+4),
	#koza .contents_index_infomations .chapters_list .subtitle.more,
	#koza .contents_index_infomations .chapters_list .button.more,
	#koza .contents_index_infomations .chapters_list .link.close.more,
	#koza .contents_index_infomations .chapters_list .description_wrapper.more{
		display:none;
	}
	#koza .contents_index_infomations .chapters_list .link.open{
		text-align: center;
		padding-top:30px;
		color:#666;
		font-size:3.2vw;
		font-weight:600;
		display: block;
		position: absolute;
		background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(#f7f7f7));
    background:-webkit-linear-gradient(top, transparent, #f7f7f7, #f7f7f7, #f7f7f7);
    background:-moz-linear-gradient(top, transparent, #f7f7f7, #f7f7f7, #f7f7f7);
    background:-o-linear-gradient(top, transparent, #f7f7f7, #f7f7f7, #f7f7f7);
    background:linear-gradient(to bottom, transparent, #f7f7f7, #f7f7f7, #f7f7f7);
		width:100%;
		height:50px;
		bottom:0;
	}
	#koza .contents_index_infomations .chapters_list .subtitle{
		font-size:4vw;
		color:#333;
		margin:10px 0;
	}
	#koza .contents_index_infomations .chapters_list .subtitle.icon_tv{
		padding-left:1.5em;
		background:url(../images/icon_chapter_vi.png) left center no-repeat;
		background-size: auto 75%;
	}
	#koza .contents_index_infomations .chapters_list .chapters_wrapper{
		width:100%;
	}
	#koza .contents_index_infomations .chapters_list .chapters_wrapper .chapter_box{
		width:100%;
		background:white;
		border:1px solid #ddd;
		box-sizing: border-box;
		margin:10px 0;
		border-radius: 0.2em;
	}
	#koza .contents_index_infomations .chapters_list .chapters_wrapper .chapter_box .left{
		width:40%;
		margin:3% 5%;
		float:left;
	}
	#koza .contents_index_infomations .chapters_list .chapters_wrapper .chapter_box .left img{
		width: 100%;
	}
	#koza .contents_index_infomations .chapters_list .chapters_wrapper .chapter_box .right{
		width:47%;
		margin:4% 3% 3% 0%;
		float:left;
		line-height: 1;
	}
	#koza .contents_index_infomations .chapters_list .chapters_wrapper .chapter_box .right .chapter_number{
		display: inline;
		color:#333;
		font-weight: 600;
		padding:0.1em 0.7em 0.1em 0.7em;
		margin:0 0 0 0;
		background:#e6f6fc;
		border-bottom:2px solid #55c1e7;
		box-sizing: border-box;
		font-size:2.5vw;
		vertical-align:top;
	}
	#koza .contents_index_infomations .chapters_list .chapters_wrapper .chapter_box .right .chapter_title{
		color:#333;
		font-weight: 600;
		font-size:2.8vw;
		line-height: 1.3;
		padding:0.4em 0 0.2em 0;
	}
	#koza .contents_index_infomations .chapters_list .chapters_wrapper .chapter_box .right .chapter_text{
		color:#333;
		font-weight: 300;
		font-size:2.5vw;
		line-height: 1.3;
	}



	#koza .contents_index_infomations .enquete_list{
		width:90%;
		margin:0 auto;
		padding: 10px 0 60px 0;
		position:relative;
	}
	#koza .contents_index_infomations .enquete_list .subtitle{
		font-size:4vw;
		color:#333;
		margin:10px 0;
	}
	#koza .contents_index_infomations .enquete_list .summary{
		font-size:3.2vw;
		color:#333;
		margin:10px 0;
		line-height: 1.5;
	}
	#koza .contents_index_infomations .enquete_list .subtitle.icon_enquete{
		padding-left:1.5em;
		background:url(../images/icon_enquete2.png) left center no-repeat;
		background-size: auto 75%;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper{
		width:100%;
		border:1px solid #ddd;
		box-sizing: border-box;
		border-radius: 0.2em;
		background:white;
		padding:25px 0 0 0;
		margin:0 0 25px 0;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box{
		width:88%;
		margin:0px auto;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .question{
		display:table;
		padding:0 0 10px 0;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .question ul{
		display:table-row;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .enquete_number{
		display:table-cell;
		color:#333;
		font-weight: 600;
		margin:0 0 0 0;
		font-size:2.5vw;
		vertical-align:top;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .enquete_number span{
		background:#e6f6fc;
		padding:0.2em 1.2em 0.2em 1.2em;
		border-bottom:1px solid #55c1e7;
		box-sizing: border-box;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .enquete_title{
		display:table-cell;
		color:#333;
		font-weight: 600;
		font-size:3.5vw;
		line-height: 1.3;
		padding:0em 0 0em 1em;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .enquete_text{
		display:table-cell;
		color:red;
		font-weight: 500;
		font-size:3vw;
		line-height: 1.3;
		padding:0em 0 0em 1em;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .answer{
		padding:0 0 25px 0;
		color:#333;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .answer.text p input{
		width:88%;
		font-size:4.5vw;
		padding:5px 1%;
		border-radius:0.3em;
		margin-right:2%;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .answer.radio p{
		float:left;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .answer.radio p input{

	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .answer.radio p label{
		padding:0 1.5em 0 0.5em;
		font-size:3vw;
		vertical-align: middle;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .answer.select p select{
		width:100%;
		font-size:4vw;
		padding:5px 1%;
		border-radius:0.3em;
		margin-right:2%;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_box .answer.textarea p textarea{
		width:100%;
		font-size:4vw;
		padding:5px 1%;
		border-radius:0.3em;
		margin-right:2%;
	}

	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_agree{
		width:88%;
		margin:0px auto;
		padding:0 0 20px 0;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_agree p{
		font-size: 3.1vw;
		color:#333;
		line-height: 1.7;
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_agree p input{
	}
	#koza .contents_index_infomations .enquete_list .enquete_wrapper .enquete_agree p label{
		padding:0 1.5em 0 1em;
		font-size:3.2vw;
		vertical-align: middle;
	}


	#koza .contents_index_infomations .thanks_list{
		width:90%;
		margin:0 auto;
		padding: 40px 0 60px 0;
		position:relative;
	}
	#koza .contents_index_infomations .thanks_list .subtitle{
		font-size:4vw;
		color:#333;
		margin:10px 0;
		text-align: center;
	}
	#koza .contents_index_infomations .thanks_list .summary{
		font-size:3.2vw;
		color:#333;
		margin:20px 0 30px 0;
		line-height: 1.5;
		text-align: center;
	}



	#koza .contents_index_infomations .description_wrapper{
		width:100%;
		background:white;
		border:1px solid #ddd;
		box-sizing: border-box;
		margin:10px 0;
		border-radius: 0.2em;
	}
	#koza .contents_index_infomations .description_wrapper .text{
		margin:3% 5%;
		color:#333;
		font-weight: 500;
		font-size:3.4vw;
	}


	#koza .contents_index_infomations .schedules_list{
		width:90%;
		margin:0 auto;
		padding: 10px 0 0 0;
	}
	#koza .contents_index_infomations .schedules_list .subtitle{
		font-size:4vw;
		color:#333;
		margin:10px 0;
	}
	#koza .contents_index_infomations .schedules_list .subtitle.icon_schedule{
		padding-left:1.7em;
		background:url(../images/icon_schedule.png) left center no-repeat;
		background-size: auto 90%;
	}
	#koza .contents_index_infomations .schedules_list .schedules_wrapper{
		width:100%;
	}
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box{
		width:100%;
		background:white;
		border:1px solid #ddd;
		box-sizing: border-box;
		margin:10px 0;
		border-radius: 0.2em;
		position:relative;
	}
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .left{
		width:40%;
		margin:3% 5%;
		float:left;
	}
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .left img{
		width: 100%;
	}
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .right{
		width:47%;
		margin:4% 3% 3% 0%;
		float:left;
		line-height: 1;
	}
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .right .chapter_number{ /* 第〇回 */
		display: inline;
		color:#333;
		font-weight: 600;
		padding:0.1em 0.7em 0.1em 0.7em;
		margin:0 0 0 0;
		background:#e6f6fc;
		border-bottom:2px solid #55c1e7;
		box-sizing: border-box;
		font-size:2.5vw;
		vertical-align: top;
	}
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .right .to_library{ /* ライブラリー */
		display: inline;
		color:#333;
		font-weight: 600;
		padding:0.1em 0.7em 0.1em 0.7em;
		margin:0 0 0 0;
		background:#ffd7ce;
		border-bottom:2px solid #ff6f4d;
		box-sizing: border-box;
		font-size:2.5vw;
		vertical-align: top;
	}


	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .right .soon,
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .right .new { /* soon,new共通 */
		display: inline;
		font-weight: 600;
		padding:0.2em 0.7em 0.3em;
		margin:-0.2em 0 0 0.5em;
		box-sizing: border-box;
		font-size:2.5vw;
		vertical-align: top;
		border-radius:3px;
		float:right;
	}
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .right .soon{ /* soon */
		color:#333;
		background:#ddd;
	}
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .right .new{ /* new */
		color:#fff;
		background:#ff2323;
	}




	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .right .chapter_title{
		color:#333;
		font-weight: 600;
		font-size:2.8vw;
		line-height: 1.3;
		padding:0 0 0.2em 0;
	}
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .right .chapter_text{
		color:#333;
		font-weight: 300;
		font-size:2.5vw;
	}
	#koza .contents_index_infomations .schedules_list .schedules_wrapper .schedule_box .right .chapter_date{
		position: absolute;
		bottom:7%;
		right:3%;
		color:#999;
		font-weight: 300;
		font-size:2.7vw;
		font-weight: 500;
	}

	#koza .contents_index_infomations .schedules_list .gotop{
		display: none;
	}


	#koza .contents_index_infomations .button{
		width:80%;
		background:white;
		border:1px solid #ddd;
		box-sizing: border-box;
		margin:10px auto;
		border-radius: 0.2em;
		text-align: center;
	}
	#koza .contents_index_infomations .button a{
		text-decoration: none;
		color:#52b2d4;
		font-weight: 600;
	}
	#koza .contents_index_infomations .button p{
		padding:12px 0;
	}
	#koza .contents_index_infomations .button svg{
		padding:0;
		margin:0;
		margin-left:1em;
		margin-right:-1em;
		height:12px;
	}

	#koza .contents_index_infomations .toplink{
		width:80%;
		margin:10px auto;
		border-radius: 0.2em;
		text-align: center;
		padding:12px 0;
	}
	#koza .contents_index_infomations .link{
		width:80%;
		margin:10px auto;
		border-radius: 0.2em;
		text-align: center;
	}
	#koza .contents_index_infomations .link a{
		text-decoration: none;
		color:#333;
		font-weight: 600;
	}
	#koza .contents_index_infomations .link p{
		padding:12px 0;
	}
	#koza .contents_index_infomations .link svg{
		padding:0;
		margin:0;
		margin-left:0.5em;
		margin-right:-0.5em;
		width:15px;
	}

	svg .cls-1{
		fill:none;
		stroke: #52b2d4;
	}
	svg .cls-2{
		fill:none;
	}
	svg .cls-3{
		fill:none;
	}
	#svg_arrow_01,
	#svg_arrow_02,
	#svg_arrow_03{
		display: none;
	}




  /* add slider forSP 2021.4 */

  #slider_inr {
  	width:100%;
  	padding:4px 0 0;
  	position:relative;
  }

  #slider_inr ul {
  	margin:0 auto;
  	width:100%;
  }

  .slick-list {
  	overflow:visible;
  }

  .slider {
  }

  .slider li {
  	width:100%;
  }

  .slider li img {
  }

  .slider li a {
  	outline:none;
  }

  .slider .slick-slide {
      -webkit-transition:all 0.25s ease-in-out;
      transition:all 0.25s ease-in-out;
    }

  .slider .slick-slide:not(.slick-center) {
  }

  .slider .slick-slide img {
      width: 100%;
      height: auto;
  }


}