@charset "utf-8";
/* CSS Document */
/* タブレット */
@media screen and (min-width:600px) and (max-width:1179px) {
	#head {
 	}
	#head_pre {
 	background:url("https://cdn.tv-osaka.co.jp/cdn/v1.0/niku_pro/images/top/tablet/header_200703.png") center top no-repeat;
	width: 100%;
 	height: 0;
	padding-top:calc(1802 / 1536 * 100%);
	background-size: contain;
 	font-size: 0em;
 	}
	#head h1, #head h2, #head_pre h1, #head_pre h2 {
	font-size: 0em;
	}
	#gnav {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 3%;
	background-color: #e5007f;
	}
	#gnav ul {
	width: 100%;
	margin: 5% auto;
	display: flex;
	justify-content: space-around;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.4rem;
	line-height: 175%;
	font-weight: 700;
	border-left: #fff 2px dotted;
	}
	#gnav a {
	display: block;
	width: calc(1 / 2 * 100%);
	margin: 0;
	padding: 20px 0;
	border-right: #fff 2px dotted;
	text-align: center;
	color: #fff;
	text-decoration: none;
	}
	#movie {
	display: block;
	position: relative;
	width: 60%;
	padding-bottom:calc(9 / 16 * 60%);
	margin: 3% auto;
	background-size: contain;
	clear: both;
	}
	#movie .tvo-video {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0 ;
	right: 0;
	}
	
	main {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
	width:100%;
	margin: 0 auto;
	background: url("https://cdn.tv-osaka.co.jp/cdn/v1.0/niku_pro/images/common/tablet/bg.png") top center repeat-y;
	background-size: contain;
	}	
	#ttl_about {
	background: url("https://cdn.tv-osaka.co.jp/cdn/v1.0/niku_pro/images/top/tablet/ttl_intro.png") no-repeat;
	width: calc(1434 / 1536 * 100%);
 	height: 0;
	padding-bottom:calc(336 / 1536 * 100%);
	background-size: contain;
 	font-size: 0em;
	margin: 0 auto;
	}
	#about p {
	background: url("https://cdn.tv-osaka.co.jp/cdn/v1.0/niku_pro/images/top/tablet/about.png") no-repeat;
	width: calc(1440 / 1536 * 100%);
 	height: 0;
	padding-bottom:calc(4406 / 1536 * 100%);
	background-size: contain;
 	font-size: 0em;
	margin: 0 auto;
	}
	#video {
	background: url("https://cdn.tv-osaka.co.jp/cdn/v1.0/niku_pro/images/top/tablet/bg_video.png") center bottom no-repeat;
	width: 100%;
 	height: 0;
	padding-bottom:calc(1050 / 1536 * 100%);
	background-size: contain;
 	font-size: 0em;
	}
	#overview {
	width: 90%;
	margin: 0 auto;
	margin-top: 5%;
	padding-bottom: 10%;
	}
	#ttl_overview{
	background: url("https://cdn.tv-osaka.co.jp/cdn/v1.0/niku_pro/images/top/tablet/ttl_overview.png") no-repeat;
	width: calc(1434 / 1536 * 100%);
 	height: 0;
	padding-bottom:calc(336 / 1536 * 100%);
	background-size: contain;
 	font-size: 0em;
	margin: 3% auto;
	}
	#overview dl {
	display: flex;
	flex-wrap:wrap;
	border: 1px solid #9202dc;
	}
	#overview dt {
	background-color: #9202dc;
	width: 30%;
	padding: 3%;
	text-align: center;
	border-top: 1px solid #ffffff;
	box-sizing: border-box;
	color: #ffffff;
	}
	#overview dd {
	background-color: #ffffff;
	width: 70%;
	padding: 3%;
	line-height: 175%;
	text-align: left;
	border-top: 1px solid #9202dc;
	box-sizing: border-box;
	}
	#tvo {
	display: block;
	background: url("https://cdn.tv-osaka.co.jp/cdn/v1.0/nankyoku/images/intro/desktop/tvo_logo.png") no-repeat;
	width: calc(285 / 1536 * 100%);
 	height: 0;
	padding-bottom:calc(77 / 1536 * 100%);
	background-size: contain;
	font-size: 0em;
	float: left;
	}
	#overview li {
	clear: both;
	}
	#ttl_cooper{
	background: url("https://cdn.tv-osaka.co.jp/cdn/v1.0/niku_pro/images/top/tablet/ttl_cooperate.png") no-repeat;
	width: calc(1434 / 1536 * 100%);
 	height: 0;
	padding-bottom:calc(336 / 1536 * 100%);
	background-size: contain;
 	font-size: 0em;
	margin: 3% auto;
	}
	#cooper {
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	}
	#cooper a {
	background-color: #fff;
	width: 31%;
	height: auto;
	margin: 5px;
	}

div#tw {
	width: 80%;
	height: 515px;
	margin:  5% auto;
	}
}