body{
-webkit-font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
	font-family: 'Noto Sans JP', sans-serif;
	/*min-width: 1044px;*/
	min-width: 1280px;
	color: #17263a;
}

a{
	text-decoration: none;
	outline: none;
	color: inherit;
}

* {
    box-sizing: border-box;
}


/* ヘッダー */
/* サイズ0-1300 */
@media print, screen and (max-width:1300px) {
	#header{
		width: 100%;
		margin: 5px auto;
		padding: 0 8px 0 14px;
		display: flex;
	}

	#header h1 {
		margin-right: auto;
		display: inline-flex;
		align-items: center;
	}
	#header h1 .htv img {
		width: 158px;
		margin: 4px 20px 4px 0;
	}
	#header h1 .reborn img {
		height: 51px;
		margin: 0 8px 0 0;
	}

	#header ul{
		margin-left: auto;
		display: inline-flex;
		align-items: center;
	}

	#header li{
		margin-left: 9px;
	}

	#header li.bangumi-btn a{
		padding: 10px 6px;
		color: #fff;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 700;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		transition: .4s;
		letter-spacing: 0.09em;
	}

	#header li.bousai-btn a{
		padding: 10px 10px;
		color: #fff;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 700;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		transition: .4s;
		letter-spacing: 0.09em;
	}

	#header li.bangumi-btn a{
		background-color: #d21400;
		/*letter-spacing: 0.1em;*/
		border:solid #d21400 2px;
	}

	#header li.bangumi-btn a span {
		text-indent: -9999px;
		display: none;
	}
	#header li.bangumi-btn a:hover{
		background-color: #fff;
		/*letter-spacing: 0.1em;*/
		color: #d21400;
	}

	#header li.advertising div {
		width: 468px;
		height: 60px;
		/*margin-right: 3px;*/
	}

	#header li.business-btn a {
		width: 155px;
		content: url(../img/icon/business_new.png);
		font-size: 0;
	}

	#header li.business-btn a:hover {
		content: url(../img/icon/business_new2.png);
	}
	
	#header li.bangumi-btn a::before{
		content: url(../img/icon/bangumihyo.svg);
		width: 21px;
		display: inline-block;
		height: 21px;
		/*margin-right: 6px;*/
		margin-top: -1px;
		transition: .4s;
	}

	#header li.bangumi-btn a:hover.b-link::before{
		content: url(../img/icon/bangumihyo2.svg);
	}
	
	#header li.bousai-btn a{
		background-color: #054aa0;
		/*letter-spacing: 0.12em;*/
		border:solid #054aa0 2px;
	}


	#header li.bousai-btn a span{	
		text-indent: -9999px;
	}

	#header li.bousai-btn a:hover{
		background-color: #fff;
		/*letter-spacing: 0.12em;*/
		border:solid #054aa0 2px;
		color: #054aa0;
	}
	
	#header li.bousai-btn a::before{
		content: url(../img/icon/bousai.svg);
		width: 23px;
		display: inline-block;
		height: 21px;
		/*margin-right: 10px;*/
		margin-top: -1px;
	}

	#header li.bousai-btn a:hover.b-link2::before{
		content: url(../img/icon/bousai2.svg);
	}
	

	#header li.bousai-btn .wide{
		display: none;
	}

	#header li.bousai-btn .narrow{
		display: none;
	}

	#header li.recruit-btn a{
		padding: 10px 10px;
		color: #fff;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 700;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		transition: .4s;
		letter-spacing: 0.09em;
	}
	#header li.recruit-btn a{
		background-color: #f28c00;
		border:solid #f28c00 2px;
	}
	#header li.recruit-btn a span{
		text-indent: -9999px;
	}
	#header li.recruit-btn a:hover{
		background-color: #fff;
		border:solid #f28c00 2px;
		color: #f28c00;
	}
	#header li.recruit-btn a::before{
		content: url(/img/icon/recruit.svg);
		width: 21px;
		display: inline-block;
		height: 21px;
		margin-top: -1px;
	}
	#header li.recruit-btn a:hover.b-link2::before{
		content: url(/img/icon/recruit2.svg);
	}
	#header li.recruit-btn .wide{
		display: none;
	}
	#header li.recruit-btn .narrow{
		display: none;
	}

	#header li.search-btn a{
		padding: 10px 10px;
		color: #fff;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 700;
		display: flex;
		align-items: center;
		width: 50px;
		transition: .4s;
		letter-spacing: 0.09em;
	}

	#header li.search-btn span{
		text-indent: -9999px;
		display: none;
	}

	#header li.search-btn a{
		background-color: #45c6af;
		/*letter-spacing: 0.2em;*/
		border:solid #45c6af 2px;
		font-weight: inherit;
	}

	#header li.search-btn a span{
		text-indent: -9999px;
		display: none;
	}

	#header li.search-btn a:hover{
		background-color: #fff;
		border:solid #45c6af 2px;
		color: #45c6af;
	}

	#header li.search-btn a::before{
		content: url(../img/icon/search.svg);
		width: 24px;
		display: inline-block;
		height: 21px;
		/*margin-right: 10px;*/
		margin-top: -1px;
	}

	#header li.search-btn a:hover.b-link3::before{
		content: url(../img/icon/search2.svg);
	}

	#search-menu {
		position: fixed;
		width: 100%;
		height: 250px;
		top: -20em;
		left: 0;
		right: 0;
		white-space: nowrap;
		z-index: 9999;
		background-color: #fff;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: 500ms ease all;
		-moz-transition: 500ms ease all;
		transition: 500ms ease all;
	}

	#search-menu.toggled {
		top: 0;
		opacity: 1;
		visibility: visible;
	}

	#search-menu p{
		font-size: 23px;
		font-weight: 700;
		text-align: center;
		color: #17263a;
		letter-spacing: 0.11em;
		margin-bottom: 23px;
	}

	#search-menu form{
		position: relative;
		max-width: 768px;
		margin: 0 auto;
		width: 100%;
	}

	#search-menu .wrapper {
		margin: 68px auto 0;
		padding: 0 23px;
		position: relative;
	}

	#search-menu .wrapper input {
		border: #17263a solid 2px;
		font-size: 17px;
		color: #17263a;
		width: 100%;
		font-weight: 400;
		letter-spacing: 0.09em;
		padding: 22px 0 22px 38px;
	}

	#search-menu .wrapper input::placeholder{
		color: #cbcbcb;
	}

	#search-menu .wrapper input:focus {
		outline: none;
	}

	#search-menu .wrapper button {
		position: absolute;
		display: block;
		width: 80px;
		height: 69px;
		right: 0;
		top: 0;
		border: none;
		background-color: #17263a;
		cursor: pointer;
		padding: 0;
	}

	#search-menu .wrapper button img{
		width: 34px;
		height: 34px;
		
	}
	#search-menu .wrapper button:hover {
	  color: #fff;
	}
	#search-menu .wrapper button:focus {
	  outline: none;
	}

	#search-menu .wrapper .close{
		position: absolute;
		width: 35px;
		height: 35px;
		top: -43px;
		right: 10%;
		cursor: pointer;
	}

	#search-icon {
		cursor: pointer;
		-webkit-transition: 500ms ease all;
		-moz-transition: 500ms ease all;
		transition: 500ms ease all;
	}

	#header li.translation-btn a{
		padding: 10px 10px;
		color: #fff;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 700;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		transition: .4s;
		cursor: pointer;
		letter-spacing: 0.09em;
	}

	#header li.translation-btn a{
		background-color: #17263a;
		/*letter-spacing: 0.2em;*/
		border:solid #17263a 2px;
		font-weight: inherit;
	}

	#header li.translation-btn a span {
		text-indent: -9999px;
	}

	#header li.translation-btn a:hover{
		background-color: #fff;
		border:solid #17263a 2px;
		color: #17263a;
	}

	#header li.translation-btn a::before{
		content: url(../img/icon/translation.svg);
		width: 23px;
		display: inline-block;
		height: 21px;
		/*margin-right: 10px;*/
		margin-top: -1px;
	}

	#header li.translation-btn a:hover.b-link3::before{
		content: url(../img/icon/translation2.svg);
	}

	#header li.translation-btn .wide{
		display: none;
	}

	#header li.translation-btn .narrow{
		display: none;
	}

	#translation-menu {
		position: fixed;
		width: 100%;
		height: 250px;
		top: -20em;
		left: 0;
		right: 0;
		white-space: nowrap;
		z-index: 9999;
		background-color: #fff;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: 500ms ease all;
		-moz-transition: 500ms ease all;
		transition: 500ms ease all;
	}

	#translation-menu.toggled {
		top: 0;
		opacity: 1;
		visibility: visible;
	}

	#translation-menu p{
		font-size: 16px;
		font-weight: 400;
		text-align: center;
		color: #17263a;
		letter-spacing: 0.11em;
		margin-bottom: 23px;
	}

	#translation-menu .wrapper {
		margin: 68px auto 0;
		padding: 0 23px;
		position: relative;
	}

	#translation-menu .wrapper .row {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		max-width: 600px;
		align-items: center;
		margin: auto;
		font-weight: 700;
	}

	#translation-menu .wrapper .row a {
		min-width: calc(100%/4);
		margin-bottom:20px;
	}

	#translation-menu .wrapper button {
		position: absolute;
		display: block;
		width: 80px;
		height: 69px;
		right: 0;
		top: 0;
		border: none;
		background-color: #17263a;
		cursor: pointer;
		padding: 0;
	}

	#translation-menu .wrapper button img{
		width: 34px;
		height: 34px;
		
	}
	#translation-menu .wrapper button:hover {
	  color: #fff;
	}
	#translation-menu .wrapper button:focus {
	  outline: none;
	}

	#translation-menu .wrapper .close{
		position: absolute;
		width: 35px;
		height: 35px;
		top: -43px;
		right: 10%;
		cursor: pointer;
	}

}

/* サイズ1301-1499 */
@media print, screen and (min-width:1301px) and (max-width:1499px) {
	#header{
		width: 100%;
		margin: 5px auto;
		padding: 0 8px 0 14px;
		display: flex;
	}

	#header h1 {
		margin-right: auto;
		display: inline-flex;
		align-items: center;
	}
	#header h1 .htv img {
		width: 158px;
		margin: 4px 20px 4px 0;
	}
	#header h1 .reborn img {
		height: 51px;
		margin: 0 8px 0 0;
	}

	#header ul{
		margin-left: auto;
		display: inline-flex;
		align-items: center;
	}

	#header li{
		margin-left: 9px;
	}

	#header li.bangumi-btn a{
		padding: 10px 6px;
		color: #fff;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 700;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 92px;
		transition: .4s;
		letter-spacing: 0.09em;
	}

	#header li.bousai-btn a{
		padding: 10px 10px;
		color: #fff;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 700;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 92px;
		transition: .4s;
		letter-spacing: 0.09em;
	}

	#header li.bangumi-btn a{
		background-color: #d21400;
		/*letter-spacing: 0.1em;*/
		border:solid #d21400 2px;
	}

	#header li.bangumi-btn a:hover{
		background-color: #fff;
		/*letter-spacing: 0.1em;*/
		color: #d21400;
	}

	#header li.advertising div {
		width: 468px;
		height: 60px;
		/*margin-right: 3px;*/
	}

	#header li.business-btn a {
		width: 155px;
		content: url(../img/icon/business_new.png);
		font-size: 0;
	}

	#header li.business-btn a:hover {
		content: url(../img/icon/business_new2.png);
	}
	
	#header li.bangumi-btn a::before{
		content: url(../img/icon/bangumihyo.svg);
		width: 21px;
		display: inline-block;
		height: 21px;
		margin-right: 6px;
		margin-top: -1px;
		transition: .4s;
	}

	#header li.bangumi-btn a:hover.b-link::before{
		content: url(../img/icon/bangumihyo2.svg);
	}
	
	#header li.bousai-btn a{
		background-color: #054aa0;
		/*letter-spacing: 0.12em;*/
		border:solid #054aa0 2px;
	}

	#header li.bousai-btn a:hover{
		background-color: #fff;
		/*letter-spacing: 0.12em;*/
		border:solid #054aa0 2px;
		color: #054aa0;
	}
	
	#header li.bousai-btn a::before{
		content: url(../img/icon/bousai.svg);
		width: 23px;
		display: inline-block;
		height: 21px;
		margin-right: 10px;
		margin-top: -1px;
	}

	#header li.bousai-btn a:hover.b-link2::before{
		content: url(../img/icon/bousai2.svg);
	}
	

	#header li.bousai-btn .wide{
		display: none;
	}

	#header li.bousai-btn .narrow{
		display: block;
	}

	#header li.recruit-btn a{
		padding: 10px 10px;
		color: #fff;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 700;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 92px;
		transition: .4s;
		letter-spacing: 0.09em;
	}
	#header li.recruit-btn a{
		background-color: #f28c00;
		border:solid #f28c00 2px;
	}
	#header li.recruit-btn a:hover{
		background-color: #fff;
		border:solid #f28c00 2px;
		color: #f28c00;
	}
	#header li.recruit-btn a::before{
		content: url(/img/icon/recruit.svg);
		width: 21px;
		display: inline-block;
		height: 21px;
		margin-right: 10px;
		margin-top: -1px;
	}
	#header li.recruit-btn a:hover.b-link2::before{
		content: url(/img/icon/recruit2.svg);
	}
	#header li.recruit-btn .wide{
		display: none;
	}
	#header li.recruit-btn .narrow{
		display: block;
	}

	#header li.search-btn a{
		padding: 10px 10px;
		color: #fff;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 700;
		display: flex;
		align-items: center;
		width: 92px;
		transition: .4s;
		letter-spacing: 0.09em;
	}

	#header li.search-btn span{
		/*text-indent: -9999px;*/
	}

	#header li.search-btn a{
		background-color: #45c6af;
		/*letter-spacing: 0.2em;*/
		border:solid #45c6af 2px;
		font-weight: inherit;
	}

	#header li.search-btn a:hover{
		background-color: #fff;
		border:solid #45c6af 2px;
		color: #45c6af;
	}

	#header li.search-btn a::before{
		content: url(../img/icon/search.svg);
		width: 24px;
		display: inline-block;
		height: 21px;
		margin-right: 10px;
		margin-top: -1px;
	}

	#header li.search-btn a:hover.b-link3::before{
		content: url(../img/icon/search2.svg);
	}

	#search-menu {
		position: fixed;
		width: 100%;
		height: 250px;
		top: -20em;
		left: 0;
		right: 0;
		white-space: nowrap;
		z-index: 9999;
		background-color: #fff;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: 500ms ease all;
		-moz-transition: 500ms ease all;
		transition: 500ms ease all;
	}

	#search-menu.toggled {
		top: 0;
		opacity: 1;
		visibility: visible;
	}

	#search-menu p{
		font-size: 23px;
		font-weight: 700;
		text-align: center;
		color: #17263a;
		letter-spacing: 0.11em;
		margin-bottom: 23px;
	}

	#search-menu form{
		position: relative;
		max-width: 768px;
		margin: 0 auto;
		width: 100%;
	}

	#search-menu .wrapper {
		margin: 68px auto 0;
		padding: 0 23px;
		position: relative;
	}

	#search-menu .wrapper input {
		border: #17263a solid 2px;
		font-size: 17px;
		color: #17263a;
		width: 100%;
		font-weight: 400;
		letter-spacing: 0.09em;
		padding: 22px 0 22px 38px;
	}

	#search-menu .wrapper input::placeholder{
		color: #cbcbcb;
	}

	#search-menu .wrapper input:focus {
		outline: none;
	}

	#search-menu .wrapper button {
		position: absolute;
		display: block;
		width: 80px;
		height: 69px;
		right: 0;
		top: 0;
		border: none;
		background-color: #17263a;
		cursor: pointer;
		padding: 0;
	}

	#search-menu .wrapper button img{
		width: 34px;
		height: 34px;
		
	}
	#search-menu .wrapper button:hover {
	  color: #fff;
	}
	#search-menu .wrapper button:focus {
	  outline: none;
	}

	#search-menu .wrapper .close{
		position: absolute;
		width: 35px;
		height: 35px;
		top: -43px;
		right: 10%;
		cursor: pointer;
	}

	#search-icon {
		cursor: pointer;
		-webkit-transition: 500ms ease all;
		-moz-transition: 500ms ease all;
		transition: 500ms ease all;
	}

	#header li.translation-btn a{
		padding: 10px 10px;
		color: #fff;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 700;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 92px;
		transition: .4s;
		cursor: pointer;
		letter-spacing: 0.09em;
	}

	#header li.translation-btn a{
		background-color: #17263a;
		/*letter-spacing: 0.2em;*/
		border:solid #17263a 2px;
		font-weight: inherit;
	}

	#header li.translation-btn a:hover{
		background-color: #fff;
		border:solid #17263a 2px;
		color: #17263a;
	}

	#header li.translation-btn a::before{
		content: url(../img/icon/translation.svg);
		width: 23px;
		display: inline-block;
		height: 21px;
		margin-right: 10px;
		margin-top: -1px;
	}

	#header li.translation-btn a:hover.b-link3::before{
		content: url(../img/icon/translation2.svg);
	}

	#header li.translation-btn .wide{
		display: none;
	}

	#header li.translation-btn .narrow{
		display: block;
	}

	#translation-menu {
		position: fixed;
		width: 100%;
		height: 250px;
		top: -20em;
		left: 0;
		right: 0;
		white-space: nowrap;
		z-index: 9999;
		background-color: #fff;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: 500ms ease all;
		-moz-transition: 500ms ease all;
		transition: 500ms ease all;
	}

	#translation-menu.toggled {
		top: 0;
		opacity: 1;
		visibility: visible;
	}

	#translation-menu p{
		font-size: 16px;
		font-weight: 400;
		text-align: center;
		color: #17263a;
		letter-spacing: 0.11em;
		margin-bottom: 23px;
	}

	#translation-menu .wrapper {
		margin: 68px auto 0;
		padding: 0 23px;
		position: relative;
	}

	#translation-menu .wrapper .row {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		max-width: 600px;
		align-items: center;
		margin: auto;
		font-weight: 700;
	}

	#translation-menu .wrapper .row a {
		min-width: calc(100%/4);
		margin-bottom:20px;
	}

	#translation-menu .wrapper button {
		position: absolute;
		display: block;
		width: 80px;
		height: 69px;
		right: 0;
		top: 0;
		border: none;
		background-color: #17263a;
		cursor: pointer;
		padding: 0;
	}

	#translation-menu .wrapper button img{
		width: 34px;
		height: 34px;
		
	}
	#translation-menu .wrapper button:hover {
	  color: #fff;
	}
	#translation-menu .wrapper button:focus {
	  outline: none;
	}

	#translation-menu .wrapper .close{
		position: absolute;
		width: 35px;
		height: 35px;
		top: -43px;
		right: 10%;
		cursor: pointer;
	}

}


/* サイズ1500- */
@media print, screen and (min-width:1500px) {
	#header{
		width: 100%;
		margin: 5px auto;
		padding: 0 10px 0 15px;
		display: flex;
	}

	#header h1 {
		margin-right: auto;
		display: inline-flex;
		align-items: center;
	}
	#header h1 .htv img {
		width: 158px;
		margin: 4px 24px 4px 0;
	}
	#header h1 .reborn img {
		height: 52px;
		margin: 0 15px 0 0;
	}

	#header ul{
		margin-left: auto;
		display: inline-flex;
		align-items: center;
	}

	#header li{
		margin-left: 12px;
	}

	#header li.bangumi-btn a,
	#header li.bousai-btn a,
	#header li.recruit-btn a,
	#header li.search-btn a,
	#header li.translation-btn a{
		padding: 8px 7px;
		color: #fff;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 700;
		display: flex;
		align-items: center;
		width: 110px;
		transition: .4s;
	}

	#header li.bangumi-btn a{
		background-color: #d21400;
		letter-spacing: 0.1em;
		border:solid #d21400 2px;
	}

	#header li.bangumi-btn a:hover{
		background-color: #fff;
		letter-spacing: 0.1em;
		color: #d21400;
	}

	#header li.advertising div {
		width: 468px;
		height: 60px;
		margin-right: 5px;
	}

	#header li.business-btn a {
		width: 225px;
		content: url(../img/icon/business.svg);
		font-size: 0;
	}

	#header li.business-btn a:hover {
	    content: url(../img/icon/business2.svg);
	}

	#header li.bangumi-btn a::before{
		content: url(../img/icon/bangumihyo.svg);
		width: 21px;
		display: inline-block;
		height: 21px;
		margin-right: 13px;
		margin-top: -1px;
		transition: .4s;
		margin-left: 5px;
	}

	#header li.bangumi-btn a:hover.b-link::before{
		content: url(../img/icon/bangumihyo2.svg);
	}

	#header li.bousai-btn a{
		background-color: #054aa0;
		letter-spacing: 0.12em;
		border:solid #054aa0 2px;
	}

	#header li.bousai-btn a:hover{
		background-color: #fff;
		letter-spacing: 0.12em;
		border:solid #054aa0 2px;
		color: #054aa0;
	}

	#header li.bousai-btn a::before{
		content: url(../img/icon/bousai.svg);
		width: 23px;
		display: inline-block;
		height: 21px;
		margin-right: 6px;
		margin-top: -1px;
	}

	#header li.bousai-btn a:hover.b-link2::before{
		content: url(../img/icon/bousai2.svg);
	}

	#header li.bousai-btn .wide{
		display: block;
	}

	#header li.bousai-btn .narrow{
		display: none;
	}

	#header li.recruit-btn a{
		background-color: #f28c00;
		letter-spacing: 0.12em;
		border:solid #f28c00 2px;
	}
	#header li.recruit-btn a:hover{
		background-color: #fff;
		letter-spacing: 0.12em;
		border:solid #f28c00 2px;
		color: #f28c00;
	}
	#header li.recruit-btn a::before{
		content: url(/img/icon/recruit.svg);
		width: 21px;
		display: inline-block;
		height: 21px;
		margin-right: 6px;
		margin-top: -1px;
	}
	#header li.recruit-btn a:hover.b-link2::before{
		content: url(/img/icon/recruit2.svg);
	}
	#header li.recruit-btn .wide{
		display: block;
	}
	#header li.recruit-btn .narrow{
		display: none;
	}

	#header li.search-btn a{
		background-color: #45c6af;
		letter-spacing: 0.2em;
		border:solid #45c6af 2px;
		font-weight: inherit;
	}
	#header li.search-btn span {
		font-weight: inherit;
	}
	#header li.search-btn a:hover{
		background-color: #fff;
		border:solid #45c6af 2px;
		color: #45c6af;
	}

	#header li.search-btn a::before{
		content: url(../img/icon/search.svg);
		width: 23px;
		display: inline-block;
		height: 21px;
		margin-right: 15px;
		margin-top: -1px;
		margin-left: 5px;
	}

	#header li.search-btn a:hover.b-link3::before{
		content: url(../img/icon/search2.svg);
	}

	#search-menu {
		position: fixed;
		width: 100%;
		height: 250px;
		top: -20em;
		left: 0;
		right: 0;
		white-space: nowrap;
		z-index: 9999;
		background-color: #fff;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: 500ms ease all;
		-moz-transition: 500ms ease all;
		transition: 500ms ease all;
	}

	#search-menu.toggled {
		top: 0;
		opacity: 1;
		visibility: visible;
	}

	#search-menu p{
		font-size: 23px;
		font-weight: 700;
		text-align: center;
		color: #17263a;
		letter-spacing: 0.11em;
		margin-bottom: 23px;
	}

	#search-menu form{
		position: relative;
		max-width: 768px;
		margin: 0 auto;
		width: 100%;
	}

	#search-menu .wrapper {
		margin: 68px auto 0;
		padding: 0 23px;
		position: relative;
	}

	#search-menu .wrapper input {
		border: #17263a solid 2px;
		font-size: 17px;
		color: #17263a;
		width: 100%;
		font-weight: 400;
		letter-spacing: 0.09em;
		padding: 22px 0 22px 38px;
	}

	#search-menu .wrapper input::placeholder{
		color: #cbcbcb;
	}

	#search-menu .wrapper input:focus {
		outline: none;
	}

	#search-menu .wrapper button {
		position: absolute;
		display: block;
		width: 80px;
		height: 69px;
		right: 0;
		top: 0;
		border: none;
		background-color: #17263a;
		cursor: pointer;
		padding: 0;
	}

	#search-menu .wrapper button img{
		width: 34px;
		height: 34px;
		
	}
	#search-menu .wrapper button:hover {
	  color: #fff;
	}
	#search-menu .wrapper button:focus {
	  outline: none;
	}

	#search-menu .wrapper .close{
		position: absolute;
		width: 35px;
		height: 35px;
		top: -43px;
		right: 10%;
		cursor: pointer;
	}

	#search-icon {
		cursor: pointer;
		-webkit-transition: 500ms ease all;
		-moz-transition: 500ms ease all;
		transition: 500ms ease all;
	}

	#header li.translation-btn a{
		background-color: #17263a;
		letter-spacing: 0.12em;
		border:solid #17263a 2px;
		height: 40px;
		cursor: pointer;
	}

	#header li.translation-btn a:hover{
		background-color: #fff;
		letter-spacing: 0.12em;
		border:solid #17263a 2px;
		color: #17263a;
	}

	#header li.translation-btn .wide{
		display: block;
	}

	#header li.translation-btn .narrow{
		display: none;
	}

	#header li.translation-btn a::before{
		content: url(../img/icon/translation.svg);
		width: 23px;
		display: inline-block;
		height: 21px;
		margin-right: 6px;
		margin-top: -1px;
	}

	#header li.translation-btn a:hover.b-link3::before{
		content: url(../img/icon/translation2.svg);
	}

	#translation-menu {
		position: fixed;
		width: 100%;
		height: 250px;
		top: -20em;
		left: 0;
		right: 0;
		white-space: nowrap;
		z-index: 9999;
		background-color: #fff;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: 500ms ease all;
		-moz-transition: 500ms ease all;
		transition: 500ms ease all;
	}

	#translation-menu.toggled {
		top: 0;
		opacity: 1;
		visibility: visible;
	}

	#translation-menu p{
		font-size: 16px;
		font-weight: 400;
		text-align: center;
		color: #17263a;
		letter-spacing: 0.11em;
		margin-bottom: 23px;
	}

	#translation-menu .wrapper {
		margin: 68px auto 0;
		padding: 0 23px;
		position: relative;
	}

	#translation-menu .wrapper .row {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		max-width: 600px;
		align-items: center;
		margin: auto;
		font-weight: 700;
	}

	#translation-menu .wrapper .row a {
		min-width: calc(100%/4);
		margin-bottom:20px;
	}

	#translation-menu .wrapper button {
		position: absolute;
		display: block;
		width: 80px;
		height: 69px;
		right: 0;
		top: 0;
		border: none;
		background-color: #17263a;
		cursor: pointer;
		padding: 0;
	}

	#translation-menu .wrapper button img{
		width: 34px;
		height: 34px;
		
	}
	#translation-menu .wrapper button:hover {
	  color: #fff;
	}
	#translation-menu .wrapper button:focus {
	  outline: none;
	}

	#translation-menu .wrapper .close{
		position: absolute;
		width: 35px;
		height: 35px;
		top: -43px;
		right: 10%;
		cursor: pointer;
	}
}


/* ナビ */
#nav {
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
}

#nav.active:before {
	/*position: absolute;
	content: "";
	width: 100%;
	height: 530px;
	background: rgba(203, 193, 188, .9);
	z-index: 2;
	top: 100px;*/
}

.menu .menu-dropdown-icon {
	width:calc( 100% / 8);
}

.menu-dropdown-icon .menu-name {
	color: #17263a;
	padding: 15px 10px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.03em;
	height: 100px;
}

.mega-wrap{
	position: relative;
}

.mega-wrap::after{
	position: absolute;
	content: "";
	height: 100%;
	background: rgba(203, 193, 188, .9);
	z-index: -1;
	top: 0;
	width: 100vw;
	left: 50%;
	transform: translateX(-50%);
	pointer-events: none;
}

.mega-1st {
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}
.mega-1st-news {
	background-color: #98dbd4;
}
.mega-1st-news a:hover{
	background-color: #6dcdc3;
}
.mega-1st-weather {
	background-color: #f4ad9d;
}
.mega-1st-weather a:hover{
	background-color: #f3917b;
}
.mega-1st-bangumi {
	background-color: #82c9f0;
}
.mega-1st-bangumi a:hover{
	background-color: #5bb7ea;
}
.mega-1st-event {
	background-color: #bce282;
}
.mega-1st-event a:hover {
	background-color: #9dd14f;
}
.mega-1st-announcer {
	background-color: #ffb865;
}
.mega-1st-announcer a:hover {
	background-color: #fda743;
}
.mega-1st-present {
	background-color: #b693d6;
}
.mega-1st-present a:hover {
	background-color: #aa7cd4;
}
.mega-1st li{
	display: inline-block;
	position: relative;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.07em;
}

.news .mega-1st li{
	width:calc( 100% / 1);
}
.weather .mega-1st li{
	width:calc( 100% / 1);
}
.bangumi .mega-1st li{
	width:calc( 100% / 2);
}
.carp .mega-1st li{
	width:calc( 100% / 4);
}
.event .mega-1st li{
	width:calc( 100% / 2);
}
.announcer .mega-1st li{
	width:calc( 100% / 2);
}
.present .mega-1st li{
	width:calc( 100% / 1);
}
.movie .mega-1st li{
	width:calc( 100% / 3);
}

.mega-1st li::before {
    content: "";
    width: 60px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 49%;
    left: -29px;
    webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.mega-1st li:first-child::before {
    display: none;
}

.mega-1st a{
	padding: 22px 0;
}

.mega-1st a::after {
	content: 'next';
	font-family: swiper-icons;
	letter-spacing: 0px;
	margin-left: 17px;
	font-size: 13px;
}

.mega-2nd{
	background-color:#fff;
	color: #17263a;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}

.mega-2nd li{
	display: inline-block;
	position: relative;
}

.mega-2nd li::before {
    content: "";
    width: 44px;
    height: 2px;
    background: #f3efef;
    position: absolute;
    top: 49%;
    left: -21px;
    webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.mega-2nd li:first-child::before {
    display: none;
}

.mega-2nd a{
	color: #17263a;
	padding: 15px 0;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.09em;
}

.mega-2nd a:hover{
	background-color: #f3efef;
}

.bangumi .mega-2nd li{
	width:calc( 100% / 5);
}
.mega-bangumi-area {
	width: 1280px;
	background-color: #f3efef !important;
}

.mega-bangumijisha-area {
	width: 1020px;
	margin: auto;
}
.mega-bangumi-left {
	width: 860px;
	float: left;
	background-color: #f3efef !important;
}
.mega-bangumi-right {
	width: 160px;
	float: left;
	background-color: #f3efef !important;
	padding: 0px 0px 20px 0px;
}
.mega-bangumi-right-head2 {
	text-align: center;
	color: #17263a;
	padding: 10px 0 20px 0;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.mega-bangumi-left-head2 {
	text-align: center;
	color: #17263a;
	padding: 10px 30px 0 0;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.mega-left-menu {
	text-align: center;
}
.mega-left-menu li{
	display: block;
	position: relative;
	background-color:#fff;
	color: #17263a;
	margin: 0 auto 10px auto;
}
.mega-left-menu a::after {
	content: 'next';
	font-family: swiper-icons;
	letter-spacing: 0px;
	font-size: 11px;
	right: 14px;
	position: absolute;
	top: 17px;
}
.mega-left-menu a{
	color: #17263a;
	padding: 15px 0;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.09em;
}
.mega-left-menu a:hover{
	color: #fff;
	background-color: #17263a;
}

.mega-bangumi-area .onair {
	width: 1280px;
	padding: 30px 0 20px;
	background-color: #f3efef;
}
.mega-bangumi-area .onair .warp {
	width: 1020px;
	margin: 0 auto 0;
	display: flex;
	background-color: #fff;
	position: relative;
	border-radius: 10px;
}
.mega-bangumi-area .onair .date {
	width: 180px;
	text-align: center;
	padding: 20px 0 24px 0;
	position: relative;
}
.mega-bangumi-area .onair .date::before {
	content: url("../img/icon/onair.svg");
	position: absolute;
	width: 42px;
	height: 42px;
	top: -12px;
	left: -11px;
}
.mega-bangumi-area .onair .date1 {
	font-size: 25px;
	font-weight: 900;
	letter-spacing: 0.01em;
	color: #17263a;
	margin-bottom: 11px;
	margin-left: 18px;
}
.mega-bangumi-area .onair .date1 span {
	font-size: 14px;
	font-weight: 700;
	color: #17263a;
}
.mega-bangumi-area .onair .date2 {
	font-size: 18px;
	font-weight: 900;
	color: #45c6af;
}
.mega-bangumi-area .onair .now {
	width: 340px;
	margin: 9px 0 5px;
	padding: 10px 18px 14px 28px;
	color: #d21400;
	position: relative;
}
.mega-bangumi-area .onair .now::before {
	content: "";
	background-image: linear-gradient(to bottom, #f3efef, #f3efef 4px, transparent 4px, transparent 8px);
	background-size: 4px 9px;
	background-repeat: repeat-y;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
}
.mega-bangumi-area .onair .now1 {
	font-size: 18px;
	font-weight: 900;
	letter-spacing: 0.06em;
	margin-bottom: 10px;
}
.mega-bangumi-area .onair .now1 span {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.03em;
	color: #fff;
	background-color: #d21400;
	padding: 0px 8px;
	margin-left: 11px;
	vertical-align: 1px;
}
.mega-bangumi-area .onair .now2 {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: 20px;
}
.mega-bangumi-area .onair .now a:hover{
	opacity: .7;
}
.mega-bangumi-area .onair .nextme {
	width: 340px;
	position: relative;
	margin: 9px 0 5px;
	padding: 10px 18px 14px 28px;
	color: #17263a;
}
.mega-bangumi-area .onair .nextme::before {
	content: "";
	background-image: linear-gradient(to bottom, #f3efef, #f3efef 4px, transparent 4px, transparent 8px);
	background-size: 4px 9px;
	background-repeat: repeat-y;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
}
.mega-bangumi-area .onair .next1 {
	font-size: 18px;
	font-weight: 900;
	letter-spacing: 0.06em;
	margin-bottom: 10px;
}
.mega-bangumi-area .onair .next1 span {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.03em;
	margin-left: 11px;
	vertical-align: 1px;
}
.mega-bangumi-area .onair .next2 {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 20px;
}
.mega-bangumi-area .nextme a:hover{
	color:  #d21400;
}

.mega-bangumi-area .onair .timetable {
	width: 160px;
	margin: 9px 0 5px;
	padding: 18px 0px 16px;
	position: relative;
	justify-content: center;
	align-items: center;
	display: flex;
}
.mega-bangumi-area .onair .timetable::before {
	content: "";
	background-image: linear-gradient(to bottom, #f3efef, #f3efef 4px, transparent 4px, transparent 8px);
	background-size: 4px 9px;
	background-repeat: repeat-y;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
}
.mega-bangumi-area .onair .timetable p {
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.07em;
}
.mega-bangumi-area .onair .timetable a {
	background-color: #d21400;
	border-radius: 25px;
	width: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 7px 0 9px;
	position: relative;
	transition: .4s;
	border: 2px solid #d21400;
	transition: .4s;
}
.mega-bangumi-area .timetable a:hover{
	background-color: #fff;
	color: #d21400;
}
.mega-bangumi-area .onair .timetable a::before {
	content: url(../img/icon/bangumihyo.svg);
	width: 18px;
	display: inline-block;
	height: 18px;
	margin-right: 10px;
}
.mega-bangumi-area .onair .timetable a:hover.b-btn::before{
    content: url(../img/icon/bangumihyo2.svg);
}
.mega-bangumi-area .onair .timetable a::after {
	content: 'next';
	font-family: swiper-icons;
	font-size: 10px;
	letter-spacing: 0px;
	position: absolute;
	right: 10px;
	transition: .4s;
	top: 13px;
}

.mega-3rd {
	text-align: center;
	padding: 35px 0 0;
	font-size: 0;
	background-color: #f3efef !important;
}

.mega-3rd li{
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
}
.menu .mega-3rd li a{
	padding: 0;
	color: #17263a;
}
.mega-3rd li img{
	display: inherit;
	margin-bottom: 12px;
	max-height:90px;
	margin:0 auto;
}

.mega-3rd.event{
	padding: 35px 124px 13px;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
}

.mega-3rd.event .event-global-img{
	height:90px;
	position:relative;
}

.mega-3rd.event .event-global-img img{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.announcer .mega-3rd{
	padding: 35px 140px 16px;
	display: flex;
	flex-wrap: wrap;
}

.news .mega-3rd{
	padding: 35px 124px 50px;
	text-align: left;
}

.news .mega-3rd .flex-wrap{
	display: flex;
	margin-bottom: 8px;
	flex-wrap: wrap;
}

.news .mega-3rd p{
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-bottom: 18px;
	text-align: center;
}
.news .mega-3rd li {
	width: calc( 100% / 5);
	width: 160px;
	background-color: #fff;
	margin: 0 6px 22px;
}
.news .mega-3rd li img{
	margin-bottom: 0;
}

.news .mega-3rd li span{
	text-align: left;
	display: block;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: 0.06em;
	padding: 10px 12px 15px;
}
.news .mega-3rd a:hover img{
	opacity: .7;
}

.weather .mega-3rd{
	padding: 35px 220px 50px;
	text-align: left;
}

.weather .mega-3rd .flex-wrap {
	display: flex;
	justify-content: space-between;
}

.weather .mega-3rd .btn {
	font-size: 15px;
	letter-spacing: 0.1em;
	font-weight: 700;
	display: flex;
	background-color: #fff !important;
	height: 50px;
	width: 273px;
	justify-content: center;
	align-items: center;
}

.weather .mega-3rd .btn:hover {
	background-color: #17263a !important;
	color: #fff;
}

/* 天気グローバルメニュー変更対応　*/

.mega-weather-area{
	width: 1280px;
	background-color: #f3efef !important;
}

.mega-weather-head{
    text-align: center;
    color: #17263a;
    padding: 0px 0px 10px 0;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.1em;
}

.mega-weather-head:first-child{
    padding: 20px 0px 10px 0;
}

.weather .mega-3rd{
	padding: 10px 20px 10px;
	text-align: left;
}

.mega-3rd-weather{
	padding-left: 124px !important;
	padding-right: 124px !important;
}

.weather .mega-3rd-weather li {
	margin-right: 20px;
    margin-bottom: 20px;
}

.weather .mega-3rd-weather li:nth-child(5n){
	margin-right: 0px !important;
}

.weather .mega-3rd-weather li a {
	font-size: 15px;
	letter-spacing: 0.1em;
	font-weight: 700;
    display: flex;
	background-color: #fff !important;
	height: 50px;
	width: 190px;
	justify-content: center;
	align-items: center;
}


.weather .mega-3rd-weather li a:hover {
	background-color: #17263a !important;
	color: #fff;
}

.bangumi .mega-3rd p{
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: #17263a;
	margin-bottom: 20px;
}

.event .mega-3rd p{
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.07em;
	color: #fff;
	padding: 3px 0;
	text-align: center;
}

.event .mega-3rd small {
	font-size: 10px;
	font-weight: 300;
	letter-spacing: 0.02em;
	line-height: 11px;
	display: block;
	word-break: break-all;
	transform-origin: left center;
	width: 160px;
	padding-top: 4px;
	padding: 4px;
	background-color: #fbf7f5;
}

.event .mega-3rd p.event-tab{
	background-color: #f168a6;
}

.event .mega-3rd p.concert-tab{
	background-color: #246edc;
}

.event .mega-3rd p.exhibition-tab{
	background-color: #ff8a34;
}

.event .mega-3rd p.stage-tab{
	background-color: #00b089;
}

.event .mega-3rd p.preview-tab{
	background-color: #d21400;
}

.event .mega-3rd li span{
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: 18px;
	display: block;
	padding: 8px 11px 22px;
	word-break: break-all;
	background-color:#ffffff;
}

.event .mega-3rd li a:hover img{
	opacity: .7;
}

.bangumi .mega-3rd li{
	width:calc( 100% / 5);
	max-width: 160px;
	margin: 0 6px;
}

.event .mega-3rd li{
	width:calc( 100% / 5);
	max-width: 160px;
	margin: 0 6px;
	margin-bottom: 22px;
	background-color: #fff;
}

.event .mega-3rd li.none{
	display: flex;
	position: relative;
}

.event .mega-3rd li.none span{
	align-items: center;
	display: flex;
	text-align: center;
	padding: 18px 10px 0;
	font-size: 15px;
	line-height: 23px;
	letter-spacing: 0.09em;
	font-weight: 500;
}

.event .mega-3rd li.none p{
	position: absolute;
	top: 0;
	width: 160px;
}

.announcer .mega-3rd li{
	width:calc( 100% / 7);
	max-width: 105px;
	margin: 0 10px;
	margin-bottom: 26px;
	background-color: #fff;
}

.announcer .mega-3rd li span{
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.06em;
	display: block;
	padding: 7px 5px 10px;
	color: #d21400;
}

.announcer .mega-3rd li span.male{
	color: #2d83c0;
}

.announcer .mega-3rd li img{
	margin-bottom: 0px;
	width: 100%;
	backface-visibility: hidden;
	max-height: 120px;
}
.present .mega-3rd {
	padding: 35px 124px 11px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.present .mega-3rd p{
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-bottom: 18px;
	text-align: center;
}

.present .mega-3rd li {
	width: 160px;
	background-color: #fff;
	margin: 0 6px 24px;
}
.present .present-global-img {
	height: 90px;
    	position: relative;
}
.present .mega-3rd li img{
	margin-bottom: 0;
	position: absolute;
    	margin: auto;
    	top: 0;
    	left: 0;
    	right: 0;
    	bottom: 0;
    	max-width: 100%;
}

.present .mega-3rd li span{
	text-align: left;
	display: block;
	font-size: 13px;
	font-weight: 700;
	line-height: 17px;
	letter-spacing: 0.05em;
	padding: 10px 8px 16px;
}

.present .mega-3rd a:hover img{
	opacity: .7;
}

.event .mega-3rd li img{
	margin-bottom: 0;
}

.mega-4th{
	font-size: 0;
	padding: 20px 30px 25px 0px;
	background-color: #f3efef !important;
}

.mega-4th li{
	display: inline-block;
	width: calc( 100% / 5);
}

.mega-4th li a{
	text-align: center;
}

.mega-4th li img{
	width: 100%;
	max-width: 154px;
	margin-bottom: 10px;
	image-rendering: -webkit-optimize-contrast;
}


/* 20210609 追加*/
.mega-3rd li.now_loading{
	width: 100%;
	max-width: 100%;
	text-align: center;
	font-size: 20px;
	background-color: #f3efef;
}

.mega-4th li.now_loading{
	width: 100%;
	max-width: 100%;
	text-align: center;
	font-size: 20px;
	background-color: #f3efef;
}


.menu-container {
    width: 1280px;
    margin: 0 auto;
}

.menu-dropdown-icon .menu-name.news:before {
    content: url(../img/icon/news.svg);
	width: 39px;
	height: 37px;
	display: block;
	margin: 5px auto 8px;
}

.menu-dropdown-icon .menu-name.weather:before {
    content: url(../img/icon/weather.svg);
	width: 42px;
	height: 38px;
	display: block;
	margin: 4px auto 7px;
}

.menu-dropdown-icon .menu-name.bangumi:before {
    content: url(../img/icon/bangumi.svg);
	width: 41px;
	height: 37px;
	display: block;
	margin: 2px auto 10px;
}

.menu-dropdown-icon .menu-name.carp:before {
    content: url(../img/icon/carp.svg);
	width: 44px;
	height: 31px;
	display: block;
	margin: 7px auto 12px;
}

.menu-dropdown-icon:hover .menu-name.carp:before {
    content: url(../img/icon/carp2.svg);
}

.menu-dropdown-icon .menu-name.event:before {
    content: url(../img/icon/event.svg);
	width: 38px;
	height: 40px;
	display: block;
	margin: 1px auto 9px;
}

.menu-dropdown-icon .menu-name.announcer:before {
    content: url(../img/icon/announcer.svg);
	width: 55px;
	height: 37px;
	display: block;
	margin: 1px auto 11px;
}

.menu-dropdown-icon .menu-name.present:before {
    content: url(../img/icon/present.svg);
	width: 63px;
	height: 38px;
	display: block;
	margin: 0px auto 12px;
}

.menu-dropdown-icon .menu-name.movie:before {
    content: url(../img/icon/movie.svg);
	width: 41px;
	height: 39px;
	display: block;
	margin: 3px auto 8px;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    /*background: #f3efee;*/
    padding: 0;
    margin: 0;
}
.menu > ul > li .news {
    background-image: url("../img/bg/menuline_news.png");
    background-position: bottom;
    background-repeat: repeat-x;
}
.menu > ul > li .weather {
    background-image: url("../img/bg/menuline_weather.png");
    background-position: bottom;
    background-repeat: repeat-x;
}
.menu > ul > li .bangumi {
    background-image: url("../img/bg/menuline_bangumi.png");
    background-position: bottom;
    background-repeat: repeat-x;
}
.menu > ul > li .carp {
    background-image: url("../img/bg/menuline_carp.png");
    background-position: bottom;
    background-repeat: repeat-x;
}
.menu > ul > li .event {
    background-image: url("../img/bg/menuline_event.png");
    background-position: bottom;
    background-repeat: repeat-x;
}
.menu > ul > li .announcer {
    background-image: url("../img/bg/menuline_announcer.png");
    background-position: bottom;
    background-repeat: repeat-x;
}
.menu > ul > li .present {
    background-image: url("../img/bg/menuline_present.png");
    background-position: bottom;
    background-repeat: repeat-x;
}
.menu > ul > li .movie {
    background-image: url("../img/bg/menuline_movie.png");
    background-position: bottom;
    background-repeat: repeat-x;
}


.menu > ul > li a {
    display: block;
}

.menu > ul > li:hover {

}

.menu > ul > li img:hover {
    opacity: .7;
}

.menu > ul > li:hover .news {
    background: #98dbd4;
}
.menu > ul > li:hover .weather {
    background: #f4ad9d;
}
.menu > ul > li:hover .bangumi {
    background: #82c9f0;
}
.menu > ul > li:hover .carp {
    background: #f57178;
}
.menu > ul > li:hover .event {
    background: #bce282;
}
.menu > ul > li:hover .announcer {
    background: #ffb865;
}
.menu > ul > li:hover .present {
    background: #b693d6;
}
.menu > ul > li:hover .movie {
    background: #f578aa;
}

.mega-wrap{
    display: none;
    width: 100%;
    background: #f3efee;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

/*.mega-wrap.is-active{
    display: block;
	opacity: 1;
}*/

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: left;
}

.menu > ul > li > ul > li a {
    color: #777;
    padding: .2em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #ccc;
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}


/* フッター */
#footer{
	width: 100%;
	margin: 0 auto;
	color: #fff;
}

#footer .bg-footer{
	background-image: url(../img/bg/footer.gif);
	padding: 40px 23px 26px;
}

#footer .f-wrap{
	margin: 0 auto;
	max-width: 805px;
	font-size: 0;
	width: 100%;
}

#footer .f-col{
	display: inline-block;
	/*width: calc(100% / 4);*/
	width: 200px;
	font-size: 13px;
	vertical-align: top;
}

#footer .f-col p{
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.06em;
	position: relative;
	margin-bottom: 14px;
	transition: .4s;
}

#footer .f-col p:hover{
	opacity: .7;
}

#footer .f-col p::before{
	content: 'next';
	font-family: swiper-icons;
	font-size: 9px;
	letter-spacing: 0px;
	left: -14px;
	position: absolute;
	top: 5px;
	font-weight: bold;
}

#footer .f-col ul{
	margin-bottom: 29px;
}

#footer .f-col ul:last-of-type{
	margin-bottom: 0;
}

#footer .f-col li{
	font-size: 12px;
	font-weight: 200;
	letter-spacing: 0.05em;
	margin-bottom: 9px;
	position: relative;
	line-height: 1;
}

#footer .f-col .f-link{
	position: relative;
	transition: .4s;
}

#footer .f-col .f-link:hover{
	opacity: .7;
}

/*#footer .f-col .f-link::after{
	transition: .4s;
	content: 'next';
	font-family: swiper-icons;
	font-size: 8px;
	letter-spacing: 0px;
	right: -13px;
	position: absolute;
	top: 6px;
	font-weight: normal;
	opacity: 0;
}

#footer .f-col .f-link:hover.f-link::after{
	opacity: 1;
}*/

#footer .f-col p.f-btn{
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.06em;
	margin-bottom: 15px;
}

#footer .f-col p.f-btn:hover{
	opacity: 1;
}

#footer .f-col p.f-btn::before{
	display: none;
}

#footer .f-col p.f-btn a{
	display: block;
	/*width: 180px;*/
	background-color: #fff;
	text-align: center;
	padding: 11px 0;
	color: #d61400;
	border: solid 2px #d61400;
	transition: .4s;
}

#footer .f-col p.f-btn a:hover{
	background-color: #d61400;
	text-align: center;
	padding: 11px 0;
	color: #fff;
	border: solid 2px #fff;
}

/*
#footer .f-col .lang-select {
	width: 180px;
	display: block;
	color: #ce1400;
	font-size: 15px;
	border: 2px solid #ce1400;
	background-color: #fff;
	padding: 10px 10px 10px 20px;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(/img/icon/icon_arrow_bottom_red.svg);
	background-repeat: no-repeat;
	background-size: 12px 10px;
	background-position: right 15px center;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.06em;
	margin-bottom: 15px;
}
*/

/* 20220406 kwg */
.footer_btnmenu {
	width: 205px !important;
}

.footer_lang_atten {
	line-height: 1.2em !important;
	margin-top: 15px;
	font-size: 11px !important;
}

.footer_lang_tit {
}
.footer_lang_tit_close {
	background-color: #ffffff;
    	color: #d61400;
    	border: solid 2px #d61400;
    	padding: 11px 0;
    	transition: .4s;
    	display: block;
    	/*width: 180px;*/
    	font-size: 14px;
    	text-align: center;
    	font-family: 'Noto Sans JP', sans-serif;
    	font-weight: 700;
    	background-image: url(/img/icon/icon_arrow_bottom_red.svg);
    	background-repeat: no-repeat;
    	background-size: 12px 10px;
    	background-position: right 10px center;
	cursor: pointer;
	letter-spacing: 0.06em;
}

.footer_lang_tit_open {
	background-color: #ffffff;
    	color: #d61400;
    	/*border: solid 2px #d61400;*/
    	padding: 11px 0;
    	transition: .4s;
    	display: block;
    	/*width: 180px;*/
    	font-size: 14px;
    	text-align: center;
    	font-family: 'Noto Sans JP', sans-serif;
    	font-weight: 700;
    	background-image: url(/img/icon/icon_arrow_top_red.svg);
    	background-repeat: no-repeat;
    	background-size: 12px 10px;
    	background-position: right 10px center;
	cursor: pointer;
	letter-spacing: 0.06em;
}

.footer_lang_body {
	display: none;
	background-color: #ffffff;
	/*width: 180px;*/
	padding: 8px 0 8px;
}
.footer_lang_body ul li {
	color: #d61400;
	font-family: 'Noto Sans JP', sans-serif;
    	font-weight: 700 !important;
    	padding: 7px 20px 7px;
	font-size: 13px !important;
	margin: 0 !important;
}
.footer_lang_body ul li a {
	display: block;
}
.footer_lang_body ul li:hover{
	background-color: #dddddd;
}
.footer_lang_body ul .nohover:hover{
	background-color: #ffffff !important;
}
/* 20220406 kwg */

.copy{
	background-color: #fff;
	text-align: center;
	padding: 20px 23px;
}

.copy img{
	max-width: 160px;
	margin-bottom: 10px;
}
.copy small{
	color: #17263a;
	font-size: 12px;
	font-weight: 200;
}

#back-top {
    position: fixed;
    right: 25px;
    bottom: 20px;
    z-index: 1;
    opacity: 0;
	transition: .4s;
}
#back-top:hover img{
    opacity: .7;
}

#back-top.scroll {
    opacity: 1;
}

#back-top img {
    max-width: 85px;
	height: 85px;
}