@charset "euc-jp";

@import url('base.css');
@import url('bg.css');
@import url("https://fonts.googleapis.com/css?family=Oswald:400,600,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap");

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

html {
	scroll-padding-top: 70px;
}

body {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', '?????? ProN W3', "????", Meiryo, '?? ?????';
	margin: 0;
	height: 100%;
	background-color: #333;
}

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

a,
a::before,
a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/* pageswitch
---------------------------------------------------- */

.pageswitch {
	clear: both;
	text-align: center;
	color: #FFF;
	width: 90%;
	margin: 0 auto;
	padding-bottom: 15px;
	font-size: 13px;
	margin-bottom: 10px;
}

.pageswitch a {
	background-color: #FFF;
	color: #00a3d6;
	border: 1px solid #00a3d6;
	text-decoration: none;
	padding: 3px 7px;
	margin: 3px;
	display: -moz-inline-box;
	/* for mozilla */
	display: inline-block;
	/* for Opera & Safari */
	zoom: 1;
	/* has layout */
}

.pageswitch a:hover {
	background-color: #00a3d6;
	border: 1px solid #00a3d6;
	color: #FFF;
}

.pageswitch .active {
	border: 1px solid #00a3d6;
	color: #00a3d6;
	padding: 3px 5px;
	margin: 3px;
	display: -moz-inline-box;
	/* for mozilla */
	display: inline-block;
	/* for Opera & Safari */
	zoom: 1;
	/* has layout */
}

.pageswitch strong {
	background-color: #00a3d6;
	border: 1px solid #00a3d6;
	color: #FFF;
	padding: 3px 5px;
	margin: 3px;
	display: -moz-inline-box;
	/* for mozilla */
	display: inline-block;
	/* for Opera & Safari */
	zoom: 1;
	/* has layout */
}

.npsb_nextlink, .npsb_prevlink {
	color: #00a3d6;
}

.npsb_nextlink:hover, .npsb_prevlink:hover {
	color: #FFF;
}

/* header
------------------------------------------------------------*/

#headerItem {
	top: 0;
	z-index: 70;
	background-color: #000;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 10%;
	position: fixed;
}

#headerItem .sb-toggle-left {
	float: left;
	width: 2em;
}

#headerItem .sb-toggle-right {
	float: right;
	width: 2em;
}

#headerItem h1 {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 253px;
	height: 20px;
}

#headerItem h1 a {
	width: 253px;
	height: 20px;
	display: block;
}

.alpha {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
	pointer-events: none;
	cursor: default;
}

.main_content {
	padding-top: 50px;
}

/*  menu
------------------------------------------------------------*/

#menu {
	font-size: 12px;
	padding-top: 10px;
	z-index: 10;
}

#menu ul li {
	line-height: 1.5em;
	padding: 10px 0;
	border-bottom: solid 1px #333;
}

#menu ul li a {
	background: url(../../img/i_menu.png) no-repeat 15px center;
	background-size: 12px 12px;
	padding-left: 40px;
	color: #CCC;
	text-decoration: none;
}

/*  sideArea
------------------------------------------------------------*/

#sideArea {
	text-align: center;
	background-color: #e6e6e6;
	clear: both;
}

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

#sideArea {
	display: inline-block;
}

#sideArea {
	display: block;
}

#sideArea ul {
	margin: 0 auto;
}

.fb {
	padding-right: 5px;
	padding-bottom: 5px;
	background-color: #3a589e;
	text-align: center;
}

.fbWrap {
	padding: 5px 0 0 0;
	margin: 0 auto;
	background: url(../../img/arrow_right.png) no-repeat right bottom;
	background-size: 8px 8px;
	text-align: center;
}

.fbWrap li a {
	display: block;
}

.links {
	width: 100%;
	margin: 0 auto;
	display: flex;
	border-bottom: 1px dotted #333;
}

.links li{
	padding: 10px 0;
}

.links a {
	width: 100%;
	height: 61px;
	display: block;
}

.partner {
	width: 100%;
	margin: 0 auto;
	display: flex;
}

.partner li{
	padding: 20px 0;
}

.tfm,
.jal{
	width: 50%;
	border-right: 1px dotted #333;
}

.tfm img,
.jal img,
.yakult img {
	width: 114px;
	height: auto;
}

.jfn,
.yakult{
	width: 50%;
}

.jfn img{
	width: 45px;
	height: auto;
}

/*  footer
------------------------------------------------------------*/

.footerItem {
	padding: 20px 0;
	text-align: center;
	background-color: #052244;
}

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

.footerItem {
	display: inline-block;
}

.footerItem {
	display: block;
}

.footerForm {
	height: 80px;
	padding: 10px 0;
	text-align: center;
	background-color: #002a5a;
}

.footerWrap {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.footerItem small {
	color: #FFF;
	font-size: 55%;
	padding: 0 10px;
	text-align: center;
}

.footerForm small {
	color: #FFF;
	font-size: 55%;
	padding: 0 10px;
	text-align: center;
}

#bnr a {
	position: relative;
	max-width: 640px;
	width: 70%;
	height: anto;
	margin: 0 auto 15px;
	display: block;
	text-align: center;
	background-color: #000;
}

.sb_post {
	padding: 10px 0;
}

.sb_post li {
	margin: 0 5px;
	display: inline-block;
}

.sb_post li img {
	width: 40px;
}

.blinking {
	width: 61px;
	height: 35px;
	margin: 50px auto 0 auto;
	background-size: 61px 35px;
	-webkit-animation: blink 1.5s ease-in-out infinite alternate;
	-moz-animation: blink 1.5s ease-in-out infinite alternate;
	animation: blink 1.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes blink {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes blink {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

	/*  55th
------------------------------------------------------------*/

.story{
	padding-top: 10px;
	text-align: center;
	margin: auto;
	line-height: 1.2;
}

.story_txt a{
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
}

/* =========================================================
	PC
========================================================= */

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

	.sp {
		display: none;
	}

	#page {
		max-width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}

	.sitetitle {
		position: absolute;
		bottom: 40px;
		left: 0;
		right: 0;
		z-index: 10;
	}

	.sitetitle_s {
		position: absolute;
		left: 0;
		right: 0;
		z-index: 10;
		bottom: 50px;
	}

	#headerItem {
		height: 60px;
	}

	#slide1 {
		margin-bottom: 200px;
	}

	#slide1 .container #anim_concept_1 {
		padding-top: 30px;
		padding-bottom: 60px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: -260px;
		z-index: 15;
	}
	
	#visual{
		height: 900px;
		overflow: hidden;
	}

	#anim {
		width: 100vw;
		height: 100vh;
		/*height: 780px;*/
		margin-bottom: 50px;
		position: relative;
	}

	#anim_pc_1 {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 1;
	}

	#anim_pc_1 img{
		width: 100%;
	}

	#anim_pc_2 {
		position: absolute;
		top: 95px;
		z-index: 2;
		height: 200px;
		opacity: 0;
	}

	#anim_pc_3 {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 3;
		opacity: 0;
	}

	#anim_pc_4 {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 4;
		opacity: 0;
	}

	#anim_pc_5 {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 5;
		opacity: 0;
	}

	#anim_pc_6 {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 6;
		opacity: 0;
	}

	.sitetxt {
		margin: 0 auto;
		padding: 50px 0 30px;
		text-align: center;
		border-bottom: 2px solid #00a3d6;
		color: #FFF;
		max-width: 250px;
		font-weight: bold;
	}

	.bnr_top {
		margin: 0 auto 80px;
		text-align: center;
		max-width: 640px;
	}

	.bnr_top img {
		max-width: 640px;
	}

	.slide {
		margin: 0 auto;
		position: relative;
		text-align: center;
		-webkit-animation-name: fadeIn;
		animation-name: fadeIn;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-delay: 0;
		animation-delay: 0;
		animation-duration: 2s;
		-webkit-animation-duration: 2s;
	}

	.timeZone {
		color: #FFF;
		color: #FFF;
		position: absolute;
		top: 20px;
		right: 90px;
		font-size: 90%;
	}

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

	.slide {
		display: inline-block;
	}

	.slide {
		display: block;
	}

	.side {
		position: absolute;
		right: 20px;
		padding: 9% 0;
	}

	.side2 {
		position: absolute;
		right: 20px;
		padding: 9% 0;
	}

	.marquee {
		position: absolute;
		top: 18px;
		left: 290px;
		font-size: 80%;
		text-align: left;
		width: 100%;
		color: #FFF;
	}

	ul.marquee {
		/* required styles */
		display: block;
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
		position: relative;
		overflow: hidden;
		/*width: 55%;*/
		width: 47.9%;
		height: 30px;
		z-index: 99;
	}

	ul.marquee li {
		position: absolute;
		top: -999em;
		left: 0;
		display: block;
		white-space: nowrap;
		padding: 7px 0px 0 7px;
	}


	/*  THIS WEEK FLIGHTS
------------------------------------------------------------*/

	#slide2 .container h1 {
		padding: 60px 0 30px 0;
		text-align: center;
	}

	#slide2 .container h1 img {
		max-width: 310px;
	}

	#slide2 .container h2 {
		padding: 60px 0 30px 0;
		text-align: center;
	}

	#slide2 .container h2 img {
		max-width: 230px;
	}

	#slide2 .container .catflight {
		position: relative;
		background: url(../../img/bgFlight.jpg) no-repeat center top;
		background-size: cover;
		min-height: 600px;
		margin-bottom: 40px;
		background-attachment: fixed;
		overflow: hidden;
	}

	#slide2 .container .catflight_inner {
		margin: 0 auto;
		width: 880px;
		padding: 0 0 20px;
	}

	.catflight_box {
		background:
			linear-gradient(45deg, transparent 10px, #002a5a 10px),
			linear-gradient(135deg, transparent 10px, #002a5a 10px),
			linear-gradient(225deg, transparent 10px, #002a5a 10px),
			linear-gradient(315deg, transparent 10px, #002a5a 10px);
		background-position: bottom left, top left, top right, bottom right;
		background-size: 51% 51%;
		background-repeat: no-repeat;
	}

	.catflight_item {
		text-align: left;
		color: #FFF;
		padding: 30px;
	}

	.catflight_bot {
		position: relative;
		height: 45px;
		background: url(../../img/line.png) repeat-x left top;
	}

	.catflight_bot span {
		position: absolute;
		top: -35px;
		right: 30px;
		width: 150px;
	}

	.catflight_bot span img {
		width: 150px;
	}

	.catflight_box p {
		font-weight: bold;
		color: #00a3d6;
		margin-bottom: 5px;
		font-family: "Oswald", sans-serif;
		font-weight: 600;
	}

	.catflight_ttl {
		font-weight: bold;
		font-size: 150%;
		margin-bottom: 15px;
	}

	.catflight_box h3 {
		font-weight: bold;
		color: #002a5a;
		font-size: 190%;
		padding: 0 10px;
		margin-bottom: 10px;
		font-family: "Oswald", sans-serif;
		font-weight: 600;
		background-color: #FFF;
	}

	.catflight_box h3:before {
		content: "";
		width: 22px;
		height: 22px;
		margin-right: 10px;
		display: inline-block;
		background: url(../../img/airplane.svg) no-repeat left center;
		background-size: 22px 22px;
	}

	.catflight_wrap {
		width: 815px;
	}
	
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	  }
	  .clearfix {
		min-height: 1px;
	  }
	  * html .clearfix {
		height: 1px;
		/*\*//*/
		height: auto;
		overflow: hidden;
		/**/
	  }
	  
	.catflight_txt {
		font-size: 95%;
		font-family: "Noto Sans JP", sans-serif;
		font-feature-settings: "palt";
		letter-spacing: 0.1rem;
		line-height: 1.7;
		margin-bottom: 30px;
	}

	.catflight_txt div{
		float: left;
		width: 570px;
	}

	.catflight_txt a{
		color: #FFF;
		text-decoration: underline;
	}

	.catflight_txt img {
		text-align: center;
		max-width: 600px;
		margin: 0 auto;
		display: flex;
	}
	.catflight_txt figure{
		vertical-align: top;
		float: right;
		max-width: 600px;
		display: block;
		width: 180px;
		box-sizing: border-box;
		overflow: hidden;
		display:inherit!important;
	  }
	.catflight_txt figure img {
		margin: auto;
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
	  }


	/*  TIMEFREE
------------------------------------------------------------*/

	.timefree {
		margin: 60px auto 90px;
		max-width: 890px;
	}

	.timefree h1 {
		text-align: center;
		margin-bottom: 30px;
	}

	.timefree h1 img {
		max-width: 250px;
	}

	.timefree ul.link {
		margin: 0 auto 20px;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.timefree ul.link:after {
		content: "";
		display: block;
		width: 285px;
		height: 0;
	}

	.timefree ul.link li {
		width: 285px;
		position: relative;
	}

	.timefree ul.link li a:before {
		content: "";
		width: 18px;
		height: 18px;
		background: url(../../img/radiko.svg) no-repeat left center;
		background-size: 18px 18px;
		position: absolute;
		top: 19px;
		left: 16px;
	}

	.timefree ul.link li a {
		display: block;
		padding: 15px 0;
		margin: 0 0 15px 0;
		border: 1px solid #fff;
		background: #fff;
		color: #052244;
		font-size: 95%;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		font-family: "Noto Sans JP", sans-serif;
	}

	.timefree ul.link li a:hover {
		background: #002a5a;
		color: #fff;
		-webkit-transition: 0.4s;
		transition: 0.4s;
	}

	.timefree strong {
		display: block;
		width: 100px;
		margin: 0 auto 10px;
		padding: 0 0 5px 0;
		color: #fff;
		font-weight: 400;
		border-bottom: 1px solid #fff;
		text-align: center;
	}

	.timefree .caption {
		width: 100%;
		color: #fff;
		font-size: 75%;
		line-height: 1.2;
		font-family: "Noto Sans JP", sans-serif;
		font-feature-settings: "palt";
	}

	.timefree .caption li {
		margin: 0 0 10px 0;
	}

	/*   TRACKLISTINGS
------------------------------------------------------------*/

	#slide3 article {
		max-width: 1200px;
		margin: 0 auto 30px;
	}

	#slide3 .container {
		margin-bottom: 30px;
	}

	#slide3 .container h1 {
		margin: 0 auto;
		max-width: 250px;
	}

	#slide3 .container .itemBody {
		text-align: left;
	}

	#slide3 .container .itemBody h2 {
		color: #82c9ff;
		text-align: center;
		font-weight: normal;
		font-size: 100%;
		font-weight: bold;
		z-index: 1;
		padding: 10px 0;
	}

	#slide3 .trackList {
		width: 260px;
		min-height: 200px;
		max-height: 260px;
		display: inline-block;
		padding: 20px;
		margin: 0 auto 50px;
		color: #FFF;
		text-align: left !important;
		vertical-align: top;
	}

	#slide3 .trackList img {
		padding: 0 0 15px 0;
	}

	#slide3 .trackList .song {
		font-size: 90%;
		line-height: 1.5em;
	}

	#slide3 .trackList .songttl {
		font-size: 80%;
		line-height: 1.5em;
		color: #666;
	}

	#slide3 .trackList li a span {
		color: #09F;
		font-size: 60%;
		text-decoration: underline;
	}

	.numberBtn {
		max-width: 260px;
		margin: 30px auto 60px;
		clear: both;
		background-color: #002a5a;
	}

	.numberBtn a {
		background: url(../../img/btn_arrow.png) no-repeat 210px center;
		background-size: 17px 17px;
		color: #FFF;
		display: block;
		font-size: 90%;
		text-decoration: none;
		text-align: center;
		font-weight: bold;
		padding: 20px;
	}

	/*  MESSAGE
------------------------------------------------------------*/

	#slide4 {
		width: 50%;
		height: 500px;
		float: left;
		text-align: center;
		background: url(../../img/pc_bgMessage.png) no-repeat center center;
		background-size: cover;
		position: relative;
	}

	#slide4 .container {
		position: absolute;
		top: 30%;
		left: 0;
		right: 0;
	}

	#slide4 h1 {
		max-width: 150px;
		margin: 0 auto 30px;
	}

	#slide4 h2 {
		font-weight: normal;
		color: #FFF;
		margin-bottom: 50px;
	}

	#slide4 p a {
		margin: 0 auto 50px auto;
		border: solid 2px #FFF;
		padding: 12px 0;
		color: #FFF;
		text-decoration: none;
		display: block;
		font-size: 90%;
		background-color: transparent;
		width: 250px;
		font-weight: bold;
	}

	#slide4 p a:hover {
		background-color: rgba(255, 255, 255, .1);
	}

	/*  OPENING / ENDING THEME
------------------------------------------------------------*/

	#slide6 {
		width: 50%;
		height: 500px;
		float: right;
		text-align: center;
		background: url(../../img/bgSong.png) no-repeat center center;
		background-size: cover;
		position: relative;
	}

	#slide6 .container {
		position: absolute;
		top: 30px;
		left: 0;
		right: 0;
	}

	#slide6 h1, #worldMap p {
		margin-bottom: 12px;
	}

	#slide6 h1 {
		max-width: 290px;
		margin: 0 auto 10px;
	}

	#slide6 h2 {
		font-weight: normal;
		font-size: 90%;
		color: #FFF;
	}

	#slide6 p {
		margin: 50px auto 20px;
		width: 300px;
		height: 258px;
		display: block;
		background: url(../../img/bg_opening.png) no-repeat 0 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#slide6 p img {
		max-width: 220px;
		height: auto;
	}

	#slide6 span {
		font-weight: normal;
		font-size: 80%;
		color: #FFF;
		display: block;
		line-height: 1.5em;
		padding: 7px 0;
	}

	/*  OPEN_CLOSE
------------------------------------------------------------*/
	.switchHat a {
		clear: both;
		margin: 30px auto;
		width: 70%;
		max-width: 280px;
		color: #00a3d6;
		border: solid 2px #00a3d6;
		padding: 15px 0;
		display: block;
		cursor: pointer;
		font-size: 90%;

		background-color: transparent;
		text-decoration: none;
		font-weight: bold;
	}

	.switchHat a:hover {
		background-color: rgba(255, 255, 255, .1);
	}

	.switchDetail {
		margin-top: 30px;
		color: #FFF;
	}

	.closeBtnHat {
		color: #00a3d6;
		width: 70%;
		max-width: 280px;
		height: auto;
		padding: 3px 0;
		margin: 5px auto;
		text-align: center;
		cursor: pointer;
	}

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

	.closeBtnHat {
		display: inline-block;
	}

	.closeBtnHat {
		display: block;
	}

	.closeBtnHat span a {
		clear: both;
		margin: 0 auto 50px auto;
		color: #00a3d6;
		border: solid 2px #00a3d6;
		padding: 15px 0;
		display: block;
		cursor: pointer;
		font-size: 90%;
		font-weight: bold;
		background-color: transparent;
	}

	.closeBtnHat span a:hover {
		background-color: rgba(255, 255, 255, .1);
	}

	/*  PAGE TOP
------------------------------------------------------------*/
	.go-top {
		width: 44px;
		height: 44px;
		position: absolute;
		top: 15px;
		right: 15px;
		z-index: 2;
	}

	.go-top a {
		display: block;
		width: 44px;
		height: 44px;
	}
}

/* =========================================================
	SP
========================================================= */

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

	.pc {
		display: none;
	}

	#headerItem {
		max-width: 100%;
		height: 12px;
	}


	/*  top_info
------------------------------------------------------------*/
	#top_info {
		text-align: center;
		font-size: 80%;
		color: #FFF;
		padding: 40px 25px 40px 25px;
		background-color: #000;
	}

	#page {
		max-width: 100%;
		margin: 0 auto;
		overflow: hidden;
		z-index: 99;
	}

	.sitetitle {
		margin: 0 auto 80px auto;
		padding: 0 60px;
		text-align: center;
		z-index: 9;
		position: absolute;
		bottom: 20px;
		left: 0;
		right: 0;
	}

	.sitetitle_s {
		margin: 0 auto 80px auto;
		padding: 0 60px;
		text-align: center;
		z-index: 9;
		position: absolute;
		bottom: 20px;
		left: 0;
		right: 0;
	}

	.container {
		width: 100%;
		position: relative;
		margin: 0 auto;
		/*overflow: hidden;*/
	}

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

	.container {
		display: inline-block;
	}

	.container {
		display: block;
	}

	.slide {
		margin: 0 auto 0 auto;
		padding: 45px 0 0 0;
		position: relative;
		text-align: center;
	}

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

	.slide {
		display: inline-block;
	}

	.slide {
		display: block;
	}

	#slide1 {
		background-color: #000;
	}

	#anim {
		width: 100%;
		height: 80vh;
		/*min-height: 460px;*/
		position: relative;
		overflow: hidden;
	}

	#anim_sp_1 {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 1;
	}

	#anim_sp_2 {
		position: absolute;
		top: 105px;
		z-index: 2;
		opacity: 0;
	}

	#anim_sp_3 {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 3;
		opacity: 0;
	}

	#anim_sp_4 {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 4;
		opacity: 0;
	}

	#anim_sp_5 {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 5;
		opacity: 0;
	}

	#anim_sp_6 {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 6;
		opacity: 0;
	}

	.marquee {
		position: absolute;
		top: 65px;
		left: 0;
		font-size: 80%;
		text-align: left;
		width: 100%;
		color: #FFF;
	}

	ul.marquee {
		display: block;
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
		position: relative;
		/*height: 30px;*/
		z-index: 15;
	}

	ul.marquee li {
		position: absolute;
		top: -999em;
		left: 0;
		display: block;
		white-space: nowrap;
		padding: 7px 0px 0 7px;
	}

	/*  THIS WEEK FLIGHTS
------------------------------------------------------------*/

	#slide2 .container h1 {
		padding: 30px 0 0 0;
		text-align: center;
	}

	#slide2 .container h1 img {
		max-width: 210px;
	}

	#slide2 .container .catflight {
		position: relative;
		background: url(../../img/bgFlight.jpg) no-repeat center top;
		background-size: cover;
		margin-bottom: 40px;
	}

	#slide2 .container .catflight_inner {
		margin: 0 auto;
	}

	.catflight_box {
		margin: 20px;
		background:
			linear-gradient(45deg, transparent 10px, #002a5a 10px),
			linear-gradient(135deg, transparent 10px, #002a5a 10px),
			linear-gradient(225deg, transparent 10px, #002a5a 10px),
			linear-gradient(315deg, transparent 10px, #002a5a 10px);
		background-position: bottom left, top left, top right, bottom right;
		background-size: 50% 50%;
		background-repeat: no-repeat;
	}

	.catflight_item {
		text-align: left;
		color: #FFF;
		padding: 15px 15px 30px 15px;
	}

	.catflight_bot {
		position: relative;
		height: 35px;
		background: url(../../img/line.png) repeat-x left top;
	}

	.catflight_bot span {
		position: absolute;
		top: -30px;
		right: -10px;
		width: 150px;
	}

	.catflight_bot span img {
		width: 120px;
	}

	.catflight_box p {
		font-weight: bold;
		color: #00a3d6;
		margin-bottom: 5px;
		font-family: "Oswald", sans-serif;
		font-weight: 600;
	}

	.catflight_ttl {
		font-weight: bold;
		font-size: 110%;
		margin-bottom: 15px;
	}

	.catflight_box h3 {
		font-weight: bold;
		color: #002a5a;
		font-size: 130%;
		padding: 0 10px;
		margin-bottom: 10px;
		font-family: "Oswald", sans-serif;
		font-weight: 600;
		background-color: #FFF;
		-webkit-appearance: none;
	}
	
	/*safari*/
	.catflight_box h3 a{
		color: #002a5a;
		text-decoration:none;
	}
	
	.catflight_box h3:before {
		content: "";
		width: 18px;
		height: 18px;
		margin-right: 10px;
		display: inline-block;
		background: url(../../img/airplane.svg) no-repeat left center;
		background-size: 18px 18px;
	}

	.catflight_wrap {
		display:initial;

	}

	.catflight_txt {
		font-size: 80%;
		margin-bottom: 30px;
		font-family: "Noto Sans JP", sans-serif;
		font-feature-settings: "palt";
		letter-spacing: 0.1rem;
		line-height: 1.7;
	}

	.catflight_txt a{
		color: #FFF;
		text-decoration: underline;
	}
	.catflight_txt img{
		display: flex;
		max-width: 100%;
		margin:0 auto;
	}
	.catflight_txt div{
		margin-bottom: 15px;
	}

	.catflight_txt figure{
		margin: 0 auto 30px;
		max-width: 300px;
		display: block;
		width: 50%;
		box-sizing: border-box;
		overflow: hidden;
		display:inherit!important;
	  }
	.catflight_txt figure img {
		margin: auto;
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
	  }

	  
	/*  TIMEFREE
------------------------------------------------------------*/

	.timefree {
		margin: 0 auto 20px;
		max-width: 100%;
	}

	.timefree h1 {
		text-align: center;
		margin-bottom: 15px;
	}

	.timefree h1 img {
		max-width: 200px;
	}

	.timefree ul.link {
		margin: 0 auto 5px;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.timefree ul.link li {
		width: 80%;
		position: relative;
		margin: 0 auto;
	}

	.timefree ul.link li a:before {
		content: "";
		width: 18px;
		height: 18px;
		background: url(../../img/radiko.svg) no-repeat left center;
		background-size: 18px 18px;
		position: absolute;
		top: 14px;
		left: 16px;
	}

	.timefree ul.link li a {
		display: block;
		padding: 10px 0;
		margin: 0 0 15px 0;
		border: 1px solid #fff;
		background: #fff;
		color: #052244;
		font-size: 95%;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		font-family: "Noto Sans JP", sans-serif;
	}

	.timefree ul.link li a:hover {
		background: #002a5a;
		color: #fff;
		-webkit-transition: 0.4s;
		transition: 0.4s;
	}

	.timefree strong {
		display: block;
		width: 100px;
		margin: 0 auto 10px;
		padding: 0 0 5px 0;
		color: #fff;
		font-weight: 400;
		border-bottom: 1px solid #fff;
		text-align: center;
	}

	.timefree .caption {
		padding: 0 20px;
		color: #fff;
		font-size: 65%;
		line-height: 1.4;
		font-family: "Noto Sans JP", sans-serif;
		font-feature-settings: "palt";
	}

	.timefree .caption li {
		margin: 0 0 10px 0;
		padding-left:1em;
		text-indent:-1em;
	}


	/*   TRACKLISTINGS
------------------------------------------------------------*/

	#slide3 .container {
		margin-bottom: 30px;
	}

	#slide3 .container h1 {
		margin: 0 auto;
		max-width: 200px;
	}

	#slide3 .container .itemBody h2 {
		color: #82c9ff;
		text-align: center;
		font-weight: normal;
		font-size: 95%;
		font-weight: bold;
		padding: 10px 0;
	}

	#slide3 .trackList {
		width: 150px;
		min-height: 200px;
		max-height: 230px;
		display: inline-block;
		padding: 10px;
		margin: 0 auto;
		color: #FFF;
		text-align: left !important;
		vertical-align: top;
	}

	#slide3 .trackList img {
		padding: 0 0 5px 0;
	}

	#slide3 .trackList .song {
		font-size: 70%;
		line-height: 1.1em;
		margin-bottom: 4px;
	}

	#slide3 .trackList .songttl {
		font-size: 60%;
		line-height: 1.2em;
		color: #666;
	}

	#slide3 .trackList li a span {
		color: #09F;
		font-size: 60%;
		text-decoration: underline;
	}

	.numberBtn {
		clear: both;
		background-color: #002a5a;
		padding: 10px 10px;
	}

	.numberBtn a {
		margin: 0 auto;
		background: url(../../img/btn_arrow.png) no-repeat center right;
		background-size: 17px 17px;
		color: #FFF;
		display: block;
		font-size: 90%;
		text-decoration: none;
		text-align: left;
	}

	/*  MESSAGE
------------------------------------------------------------*/

	#slide4 {
		text-align: center;
		background: url(../../img/bgMessage.jpg) no-repeat center center;
		background-color: #7c7c7c;
		background-size: cover;
	}

	#slide4 h1 {
		margin: 0 auto 20px;
		max-width: 130px;
	}

	#worldMap p {
		margin-bottom: 12px;
	}

	#slide4 h2 {
		font-weight: normal;
		font-size: 90%;
		color: #FFF;
		margin-bottom: 50px;
	}

	#slide4 p a {
		margin: 0 auto 50px auto;
		width: 70%;
		border: solid 2px #FFF;
		padding: 10px 0;
		color: #FFF;
		text-decoration: none;
		display: block;
		font-size: 90%;
		background-color: transparent;
	}

	#slide4 p a:hover {
		background-color: rgba(255, 255, 255, .1);
	}

	/*  CREW
------------------------------------------------------------*/

	#slide5 {
		text-align: center;
		padding-bottom: 50px;
	}

	#slide5 h1 {
		font-size: 100%;
		color: #FFF;
		border-bottom: 1px solid #FFF;
		width: 30%;
		margin: 0 auto 10px;
		padding-bottom: 10px;
		font-weight: normal;
	}

	#slide5 p {
		margin-bottom: 12px;
	}

	#slide5 p img {
		max-width: 180px;
		height: auto;
	}

	#slide5 h2 {
		font-weight: normal;
		font-size: 110%;
		color: #FFF;
	}

	#slide5 p {
		margin: 0 auto 20px;
		width: 300px;
		height: 258px;
		display: block;
		background: url(../../img/bg_opening.png) no-repeat 0 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#slide5 span {
		font-weight: normal;
		font-size: 70%;
		color: #FFF;
		display: block;
		line-height: 1.3em;
	}

	/*  OPENING / ENDING THEME
------------------------------------------------------------*/

	#slide6 {
		text-align: center;
		background: url(../../img/bgSong.png) no-repeat center center;
		background-size: cover;
		padding-bottom: 40px;
	}

	#slide6 h1 {
		max-width: 290px;
		margin: 0 auto 10px;
	}

	#slide6 p {
		margin-bottom: 12px;
	}

	#slide6 p img {
		max-width: 180px;
		height: auto;
	}

	#slide6 h2 {
		font-weight: normal;
		font-size: 90%;
		color: #FFF;
	}

	#slide6 p {
		margin: 0 auto 20px;
		width: 300px;
		height: 258px;
		display: block;
		background: url(../../img/bg_opening.png) no-repeat 0 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#slide6 span {
		font-weight: normal;
		font-size: 70%;
		color: #FFF;
		display: block;
		line-height: 1.3em;
	}

	/*  OPEN_CLOSE
------------------------------------------------------------*/
	.switchHat a {
		clear: both;
		margin: 0 auto 50px auto;
		width: 70%;
		color: #00a3d6;
		border: solid 2px #00a3d6;
		padding: 5px 0;
		display: block;
		cursor: pointer;
		font-size: 90%;
		background-color: transparent;
		text-decoration: none;
		text-align: center;
	}

	.switchHat a:hover {
		background-color: rgba(255, 255, 255, .1);
	}

	.switchDetail {
		margin-top: 30px;
		color: #FFF;
	}

	.close {
		clear: both;
		background: #aeaeae;
		color: #FFF;
		width: 100%;
		padding: 3px 0 4px 0;
		margin: 5px 0;
		text-align: center;
		cursor: pointer;
	}

	.closeBtnHat {
		color: #FFF;
		width: 100%;
		height: auto;
		padding: 3px 0;
		margin: 5px 0;
		text-align: center;
		cursor: pointer;
	}

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

	.closeBtnHat {
		display: inline-block;
	}

	.closeBtnHat {
		display: block;
	}

	.closeBtnHat span a {
		clear: both;
		margin: 0 auto 50px auto;
		width: 70%;
		color: #00a3d6;
		border: solid 2px #00a3d6;
		padding: 5px 0;
		display: block;
		cursor: pointer;
		font-size: 90%;
		background-color: transparent;
	}

	.closeBtnHat span a:hover {
		background-color: rgba(255, 255, 255, .1);
	}

	#bnr a {
		position: relative;
		max-width: 640px;
		width: 90%;
		height: anto;
		margin: 0 auto 15px;
		display: block;
		text-align: center;
		background-color: #000;
	}

	/*  PAGE TOP
------------------------------------------------------------*/
	.go-top {
		width: 44px;
		height: 44px;
		position: absolute;
		top: 10px;
		right: 25px;
	}

	.go-top a {
		display: block;
		width: 44px;
		height: 44px;
	}

	.timeZone {
		text-align: center;
		color: #FFF;
		font-size: 90%;
	}
}

/* =========================================================
	other
========================================================= */

@media screen and (max-width:1300px) {
	.side {
		position: absolute;
		right: 20px;
		padding: 10% 0;
	}

	.side2 {
		position: absolute;
		right: 20px;
		padding: 14% 0;
	}

	#slide2 .txt {
		font-size: 75%;
		color: #FFF;
		text-align: left;
		line-height: 1.4em;
	}

	.crew {
		float: none;
		width: 500px;
		margin: 0 auto;
		text-align: center;
	}

	.bnr_top {
		margin: 40px auto;
		max-width: 640px;
		text-align: center;
	}

	.bnr_top img {
		width: 90%;
	}
/*
	#anim {
		width: 100%;
		height: 80vh;
		position: relative;
		overflow: hidden;
	}
*/




	.sitetitle {
		margin: 0 auto 10px auto;
		text-align: center;
	}

	.sitetitle_s {
		margin: 0 auto 10px auto;
		text-align: center;
	}

	.marquee {
		position: absolute;
		top: 65px;
		left: 0;
		font-size: 80%;
		text-align: left;
		width: 100%;
		color: #FFF;
	}

	ul.marquee {
		/* required styles */
		display: block;
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
		position: relative;
		/*width: 100%;*/
		/*height: 30px;*/
		z-index: 15;
	}

	ul.marquee li {
		position: absolute;
		top: -999em;
		left: 0;
		display: block;
		white-space: nowrap;
		padding: 7px 0px 0 7px;
	}
}

/* -- UTILITY -- */
.pc {
	display: block;
}

.sp {
	display: none;
}

@media screen and (max-width: 899px) {
	.sp {
		display: block;
	}

	.pc {
		display: none;
	}
}

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


	{