





html, body{
	width:100%;
	height:100%;
}
figure{
	margin:0;
}




/*---------------------------------------- clearfix */

.cf:before,.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}

/*----------------------------------------改行 */

.pc{display:none;}


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


/*---------------------------------------- font */


html{
}

body{
	font-size: 16px;
	line-height:1.9;
	font-family: 'Arial', 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
	-webkit-font-smoothing: antialiased;
	}

a {color:#00287D; text-decoration:none;}

#global-wrap{
	width:100%;
	background:#F8F8FA;
	color:#333;
	position:relative;
}

/*---------------------------------------- ヘッダー*/

header.index{
	width:100%;
	background:#00287D;
	position:relative;
	padding:20px 30px;
	box-sizing:border-box;
}

header.sub{
}

.globalheader h1{
	width:450px;
	float:left;
	line-height:1;
}

.globalheader h1 img{
	width:100%;
	height:auto;
}


.globalheader li{
	float:left;
	line-height:1;
}

.globalheader li a{
	font-size:15px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

/*---
#headerlink{
	position:absolute;
	right:145px;
	top:25px;
}
---*/



.headerlink-wrap{
	width:50%;
	float:right;
	text-align:right;
}

#headerlink{
	display:inline-block;
}


#headerlink li{
	padding:0 1em;
	border-right:1px solid #fff;
	margin-bottom:5px;
}

#headerlink li:last-child{
	border-right:0;
	padding-right:0;
}

.globalheader #lang{
	display:inline-block;
	margin-left:15px;
}

.globalheader #lang li a{
	text-align:center;
	display:block;
	width:40px;
	padding-bottom:5px;
}

#lang li.select{
	border-bottom:2px solid #fff;
}

@media screen and (max-width: 960px) {
	
	body{
		line-height:1.7;
	}
	.globalheader{
		width:100%;
		position:relative;
		text-align:center;
		height:auto;
	}
	.globalheader h1{
		width:100%;
		
	}
	#headerlink{
		display:none;
	}
	
	.globalheader #lang{
		display:none;
	}
}


/*---------------------------------------- フッター*/

footer{
	width:100%;
	background:#000;
	text-align:center;
	padding:50px 0 25px;
	color:#fff;
}

.footer-inner{
	margin:auto;
	width:400px;
	margin-bottom:25px;
}

.footer-inner img{
	width:100%;
	height:auto;
}

footer ul{
	margin:15px 0;
}
footer ul li {
	display:inline;
}
footer ul li a{
	font-size:30px;
	color:#fff;
	padding:0 15px;
}
footer small{
	font-size:12px;
}

@media screen and (max-width: 960px) {
	footer{
		padding-bottom:150px;
	}
	.footer-inner{
		width:80%;
	}
	footer small{
		font-size:10px;
	}
}


/*---------------------------------------- グローバルナビ */

#gnav{
	width:100%;
	background:#111;
	text-align:center;
	height:80px;
	vertical-align:middle;
	position:relative;
	z-index:99999;
}

#gnav.fixed {
	position: fixed;
	left: 0;
	top: 0;
}

#gnav li{
	font-size:18px;
	display:inline;
	padding:0 15px;
}

#gnav li a{
	display:inline-block;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	line-height:1;
	padding:31px 0;
}

#gnav-sp{
	display:none;
}

/* OYAJIatTOOL 0908 START */
/* マウスイベント無効化 IE9,IE10 */
.noclick {
	display: block;
	position: relative;
}

.noclick:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba( 0, 0, 0, 0 );
	/*background: rgba( 255, 0, 0, 0.5 );*/ /* 位置確認用 */
}
/* OYAJIatTOOL 0908 END */

@media screen and (max-width: 960px) {
	#gnav{
		display:none;
	}

	#gnav-sp{
		display:block;
		width:100%;
		background:#111;
		height:60px;
		color:#fff;
		position:relative;
		z-index:2; /* OYAJIatTOOL 追加 0908 */
	}
	#gnav-sp.fixed {
		position: fixed;
		left: 0;
		top: 0;
	}
	#gnav-sp a{
		color:#fff;
	}
	
	#gnav-sp i{
		font-size:40px;
		line-height:60px;
		padding-left:15px;
		/* OYAJIatTOOL 0905 START */
		padding-right: 10px;
		/* OYAJIatTOOL 0905 END */
	}
	
	#gnav-sp #lang{
		position:absolute;
		top:20px;
		right:15px;
	}
	
	#gnav-sp #lang li{
		float:left;
		line-height:1;
	}
	
	#gnav-sp #lang li a{
		font-size:18px;
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		text-align:center;
		display:block;
		width:60px;
		padding-bottom:5px;
	}

	#lang li.select{
		border-bottom:2px solid #fff;
	}

/* OYAJIatTOOL 0905 START */
	#menu-sp{
		position:absolute;
		left:-100%; /* width と同じだけずらして、画面外に隠す */
		width: 100%;
		z-index: 99999;
	}

	#menu-sp a{
		color: #fff;
	}

	#menu-sp li{
		background: #111;
		font-size:14px;
		border-bottom:1px solid #333;
	}

	#menu-sp li a{
		text-decoration:none;
		color:#fff;
		font-weight:bold;
		line-height:1;
		padding:15px;
	}
/* OYAJIatTOOL 0905 END */
}


/*---------------------------------------- レイアウト */

#global-wrap.fixed{
	margin-top:70px;
}

.content-wrap{
	width:100%;
	padding:75px 0;
}

.gray{
	background:#F8F8FA;
}

.content-inner{
	width:80%;
	margin:auto;
}

.col2 div{
	width:46%;
	float:left;
	margin-right:8%;
}

.col2 div:last-child{
	margin-right:0;
}

.col2-1-3 .left{
	width:20%;
	float:left;
}

.col2-1-3 .description{
	width:73.3%;
	float:right;
}

.col2-1-3 h3{
	color:#162886;
	font-size:24px;
	width:30%;
}

.col2-1-1{
	margin-bottom:100px;
}

.col2-1-1:last-child{
	margin-bottom:0;
}

.col2-1-1 figure{
	width:46%;
	float:left;
}

.col2-1-1 figure img{
	width:100%;
	height:auto;
}

.col2-1-1 .description{
	width:46%;
	float:right;
}


.content-nav{
	margin:auto;
	width:80%;
	text-align:center;
}

.content-nav .top{
	width:100%;
	margin-top:75px;
	border-bottom:2px solid #00287D;
	display:table;
	margin-bottom:25px;
}

.content-nav .top li{
	display:inline;
	font-size:18px;
	display:table-cell;
	position:relative;
}

.awards .content-nav .top li{
	width:33.33%;
}


.content-nav li a{
	display:block;
	padding:25px 15px;
	text-decoration:none;
	color:#00287D;
	font-weight:bold;
}



.content-nav .top li.active{
	background:#00287D;
}

.content-nav .bottom li.active{
	border-bottom:3px solid #00287D;
}

.content-nav .top li.active a{
	color:#fff;
}

.content-nav .bottom li.active a{
	color:#00287D;
}

.content-nav .top li.active:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #00287D;
	border-width: 10px;
	margin-left: -10px;
}

.content-nav .bottom{
	width:100%;
	padding-top:50px;
	padding-bottom:150px;
	text-align:center;
	border-top:1px solid #ccc;
}

.content-nav .bottom li{
	font-size:15px;
	display:inline-block;
}

.content-nav .bottom li a{
	padding:10px 15px;
}


@media screen and (max-width: 960px) {
	
	.col2-1-3 .left{
		width:100%;
		float:none;
		margin-bottom:25px;
	}
	
	.col2-1-3 h3{
		font-size:20px;
	}
	
	.col2-1-3 .description{
		width:100%;
		float:none;
	}
	
	.col2-1-1 figure{
		width:100%;
		float:none;
		margin-bottom:15px;
	}
	
	.col2-1-1 .description{
		width:100%;
		float:none;
	}

	.content-wrap{
		padding:50px 0;
	}
	.col2 div{
		width:100%;
		float:none;
		margin-right:0;
	}
	.col2 div:last-child{
		margin-top:50px;
	}
	.content-nav .top{
		display:none;
	}
	.content-nav .bottom{
		background:#000;
		border-top:1px solid #666;
		margin-bottom:0;
		padding:0;
		display:table;
		width:100%;
		position:fixed;
		left:0;
		bottom:0;
		z-index:1;
	}
	
	.content-nav .bottom li{
		width:50%;
		display:table-cell;
		border-right:1px solid #666;
		vertical-align:middle;
		line-height:1.5;
	}
	.about .content-nav .bottom li{
		width:33.33%;
	}
	
	.awards .content-nav .bottom li{
		width:33.33%;
	}

	
	.content-nav .bottom li:last-child{
		border-right:none;
	}
	
	.content-nav .bottom li a{
		display:block;
		padding:25px 0;
		color:#fff;
	}
	.content-nav .bottom li.active{
		border-bottom:3px solid #e5c100;
	}
	.content-nav .bottom li.active a{
		color:#e5c100;
	}

}


/*---------------------------------------- タイトル */

#global-wrap header{
	width:100%;
	height:120px;
	background:linear-gradient(#0C1637, #00287D) ;
}

#global-wrap header div{
	width:100%;
	height:120px;
	background:url(../images/bg-header.png) no-repeat left center;
	background-size:40%;
	text-align:center;
}

#global-wrap header h1{
	font-size:45px;
	font-family: 'Rajdhani', sans-serif;
	color:#E5C100;
	font-weight:500;
	letter-spacing:2px;
	line-height:1.2;
	padding-top:18px;
}

#global-wrap header p{
	font-size:14px;
	color:#fff;
	font-weight:bold;
}

h2.sepalator{
	width:100%;
	text-align:center;
	position:relative;
	text-align:center;
	margin-bottom:50px;
}

h2.sepalator p{
	background:#f8f8fa;
	font-size:28px;
	letter-spacing:1px;
	color:#00287D;
	display:inline-block;
	z-index:1;
	padding:0 30px;
	position:relative;
}

h2.sepalator:after{
	content:"";
	width:100%;
	border-bottom:1px solid #ccc;
	position:absolute;
	left:0;
	top:50%;
}


@media screen and (max-width: 960px) {
	
h2.sepalator p{
	font-size:20px;
	padding:0 15px;
}
#global-wrap header h1{
	font-size:30px;
}
}

/*---------------------------------------- インデックス */

.bnr-awards{
	width:100%;
	height:110px;
	margin:auto;
	display:block;
	background: url(../../images/bnr-awards.svg) #E4C02A no-repeat center center;
}

.index  .content-inner a{
	display:inline;
	margin-top:0;
	border:none;
}

.index-main{
	width:100%;
}


.youtube-container  {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 0 auto;
}
.youtube-container  iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.bxslider {
	width:100%;

}
.bxslider li img{
	width:100%;
	height:auto;
}

.index-main .index-title img{
	position:absolute;
	width:35%;
	height:auto;
	top:20%;
	left:55%;
}


.feed-date {
	font-size:13px;
	display:inline-block;
	color: #666;
	margin-right:15px;
}

.news h3{
	font-size:22px;
	color:#1F3A93;
	font-weight:bold;
	border-bottom:2px solid #1F3A93;
	margin-bottom:30px;
	letter-spacing:1px;
}

.news li{
	line-height:2;
}
.news li a{
	color:#333;
	text-decoration:none;
}

.trailer{
	background:#000;
	padding:50px 0;
}

.trailer figure{
	margin:auto;
	width:90%;
	height:auto;
	line-height:1;
}

.trailer img{
	width:100%;
	height:auto;
	line-height:1;
}

.pg-slide-wrap{
	width:100%;
	background:#00287D;
	text-align:center;
	padding:30px 0 50px;
}

.pg-slide-wrap h3{
	font-size:20px;
	display:inline-block;
	padding:0 10px;
	color:#fff;
	font-weight:bold;
	border-bottom:2px solid #ccc;
	margin-bottom:50px;
	letter-spacing:2px;
}

.pg-slide-wrap small{
	font-size:14px;
	font-family: 'Rajdhani', sans-serif;
	color:rgba(255,255,255,0.5);
	font-weight:600;
	letter-spacing:1px;
}

.pg-slide-wrap li a{
	display:block;
}


.pg-slide{
	margin:auto;
	width:80%;
}

.pg-slide div img{
	width:90%;
	margin:0 5% 10px;
}

.pg-slide div p{
	color:#fff;
	font-weight:bold;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 50px;
    margin-top: -25px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -50px;
}
[dir='rtl'] .slick-prev
{
    right: -50px;
    left: auto;
}
.slick-prev:before
{
    content: '';
	display:block;
	width:30px;
	height:50px;
	background:url(../../images/arrow-prev.png) no-repeat left center;
	background-size:30px 50px;
}
[dir='rtl'] .slick-prev:before
{
    content: '＞';
}

.slick-next
{
    right: -50px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -50px;
}
.slick-next:before
{
    content: '';
	display:block;
	width:30px;
	height:50px;
	background:url(../../images/arrow-next.png) no-repeat left center;
	background-size:30px 50px;
}
[dir='rtl'] .slick-next:before
{
    content: '＜';
}

.sponsors{
	text-align:center;
}

.sponsors li{
	width:20%;
	float:left;
}

.sponsors li img{
	width:100%;
	height:auto;
}

.bnr-ssff {
	margin-bottom:50px;
}

.bnr-ssff li{
	width:49%;
	float:left;
}

.bnr-ssff li:first-child{
	margin-right:2%;
}

.bnr-ssff li img{
	width:100%;
	height:auto;
}


.banners{
}

.banners li{
	background:#ccc;
	width:32%;
	height:auto;
	margin-right:2%;
	text-align:center;
	float:left;
	margin-bottom:15px;
	line-height:1;
}

.banners li a{
	display:block;
}
.banners li:nth-child(3n){
	margin-right:0;
}

.banners li.fb{ background:#3d5c99;}
.banners li.iapp{ background:#1a1a1a;}
.banners li.mail{ background:#43b5bd;}
.banners li.spot{ background:#343434;}
.banners li.amazon{ background:#fff;}
.banners li.iron{ background:#fdd02f;}


@media screen and (max-width: 960px) {
	
	.feed-date {
		display:block;
	}
	.trailer figure{
		width:100%;
		height:auto;
	}
	.banners li{
		width:100%;
		float:none;
	}
	.banners li img{
		width:50%;
	}
	
	.news h3{
		font-size:18px;
		}
	.news li{
		border-bottom:1px solid #ccc;
		padding:15px 0;
	}
	
	.pg-slide div img{
		width:100%;
		margin:0 0 10px;
	}
	.pg-slide div p{
		font-size:14px;
	}
	.banners li:nth-child(3n){
		margin-right:0;
	}
	.banners li:nth-child(2n){
		margin-right:0;
	}
	.sponsors li{
		width:50%;
}

	.bnr-ssff li{
		width:100%;
		float:none;
	}
	
	.bnr-ssff li:first-child{
		margin-right:0;
	}
	
	.pg-slide{
		width:65%;
	}

}



/*---------------------------------------- プログラム */


/*タイトル*/

.ttl-pg-gategory{
	background:#e5c100;
	text-align:center;
	padding:25px 0;
	font-size:22px;
	font-weight:bold;
	color:#fff;
}

.ttl-pg-section{
	text-align:center;
	margin-bottom:75px;
	position:relative;
}

.ttl-pg-section dd h3.laurel:before{
	display:inline-block;
	content:"";
	background:url(../../programmes/images/laurel-l.png) no-repeat top right;
	height:45px;
	width:25px;
	vertical-align:middle;
	margin-top:-5px;
	margin-right:15px;
}

.ttl-pg-section dd h3.laurel:after{
	display:inline-block;
	content:"";
	background:url(../../programmes/images/laurel-r.png) no-repeat top left;
	height:45px;
	width:25px;
	vertical-align:middle;
	margin-top:-5px;
	margin-left:15px;
}

.ttl-pg-section dt{
	font-weight:bold;
	letter-spacing:1;
	margin-bottom:10px;
}

.ttl-pg-section dd{
	position:relative;
}

.ttl-pg-section dd h3{
	display:inline-block;
	background:#F8F8FA;
	position:relative;
	z-index:1;
	padding:0 30px;
	font-weight:bold;
	font-size:24px;
}

.ttl-pg-section dd:after{
	content:"";
	width:100%;
	position:absolute;
	border-top:3px double #ccc;
	top:50%;
	left:0;
}

/* プログラム一覧ページ*/

.pg-list li{
	margin-bottom:100px;
}

.pg-list figure{
	width:47.5%;
	float:right;
}

.pg-list .description{
	width:47.5%;
	float:left;
}

.pg-list figure img{
	width:100%;
	height:auto;
}

.ttl-pg-list h2{
	width:100%;
	background:#000044;
	color:#fff;
	text-align:center;
	font-weight:bold;
	padding:25px 0;
}

.ttl-pg-list h2 em{
	font-family: 'Rajdhani', sans-serif;
	display:block;
	font-size:32px;
	font-weight:500;
	letter-spacing:1px;
	text-align:center;
}

.pg-list h4{
	font-size:24px;
	font-weight:bold;
	margin-bottom:15px;
}

.pg-list h4 small{
	font-size:14px;
	border:2px solid #e5c100;
	padding:7px 10px;
	display:inline-block;
	line-height:1;
	vertical-align:middle;
	margin-right:15px;
}

.pg-list li .description a{
	padding:15px 15px;
	display:inline-block;
	border-radius:3px;
	background:#e5c100;
	color:#fff;
	text-decoration:none;
	margin-top:20px;
	line-height:1;
	font-weight:bold;
}

.pg-list li a i{
	padding-right:5px;
}

.pg-list figure{
	position:relative;
}

.pg-list figure p.free{
	width:65px;
	height:100px;
	position:absolute;
	top:0;
	right:0;
	color:#333;
	font-weight:bold;
	text-align:center;
	line-height:1.3;
	z-index:2;
	padding-top:15px;
}
.pg-list figure .triangle{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 110px 110px 0;
	border-color: transparent #e5c300 transparent transparent;
	position:absolute;
	top:0;
	right:0;
	z-index:1;
}

@media screen and (max-width: 960px) {
	.pg-list li{
		margin-bottom:75px;
	}
	.ttl-pg-gategory{
		font-size:16px;
	}
	.ttl-pg-section{
		margin-bottom:25px;
	}
	.ttl-pg-section dd h3{
		font-size:18px;
		padding:0 15px;
	}
	
	.ttl-pg-section dd h3.laurel:before{
		display:none;
	}
	
	.ttl-pg-section dd h3.laurel:after{
		display:none;
	}
	.pg-list h4{
		font-size:20px;
		line-height:1.5;
	}
	.pg-list figure{
		width:100%;
		float:none;
		margin-bottom:15px;
	}
	.pg-list .description{
		width:100%;
		float:none;
	}
	.pg-list li a{
		display:block;
		text-align:center;
	}
	.ttl-pg-list h2 em{
		font-size:24px;
	}
}

/* プログラム詳細*/

.pg hr{
	border:none;
	border-top:1px solid #ccc;
	margin-bottom:100px;
}

.pg ul.detail h2{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	margin-bottom:75px;
	position:relative;
	line-height:1;

}

.pg ul.detail h2 span{
	background:#F8F8FA;
	padding:0 25px;
	position:relative;
	letter-spacing:1px;
	z-index:1;
}

.pg ul.detail h2:after{
	content:"";
	border-top:1px solid #999;
	width:100%;
	position:absolute;
	left:0;
	top:50%;
}

.pg ul.detail > li{
	margin-bottom:100px;
}

.pg ul.detail li .screenshot{
	width:47.5%;
	float:left;
}

.pg ul.detail li figure {
	line-height:0.7;
	position:relative;
}

.pg ul.detail li figure img{
	width:100%;
	height:auto;
}

.pg ul.detail li figure a.yt-play{
	width:100%;
	height:100%;
	background: url(../../programmes/images/icon-yt-play.png) no-repeat center center;
	position:absolute;
	top:0;
	left:0;
}

/* OYAJIatTOOL 0910 START */
/*.pg ul.detail li figure a.fancy_video{
	position:absolute;
	left:0;
	bottom:0;
	width:70px;
	height:70px;
	text-align:center;
	background:#FFD700 url(../../programmes/images/bt-play.png) no-repeat center center;
}*/
/* モバイル版で'fancy_video'というclass名を使ってはいけないので、別名に変更 */
.pg ul.detail li figure a.video_btn{
	position:absolute;
	left:0;
	bottom:0;
	width:70px;
	height:70px;
	text-align:center;
	background:#FFD700 url(../../programmes/images/bt-play.png) no-repeat center center;
}
/* OYAJIatTOOL 0910 END */


.link-icons{
	margin-top:15px;
}

.link-icons li{
	line-height:1.5;
}

.link-icons li a{
	color:#666;
	text-decoration:none;
}

.link-icons li i{
	margin-right:5px;
}

.link-icons li.web1, .link-icons li.web2, .link-icons li.web3{
	font-size:14px;
	margin-right:10px;
}

.link-icons li.youtube, .link-icons li.vimeo, .link-icons li.facebook, .link-icons li.twitter{
	font-size:24px;
	display:inline-block;
	margin-top:10px;
}

.pg ul.detail li .description{
	width:47.5%;
	float:right;
}

.pg .detail-name{
	margin-bottom:10px;
}

.pg .detail-name h4{
	font-size:20px;
	font-weight:bold;
}

.pg .detail-name h5{
	font-weight:600;
	
}

.icons i{
	width:22px;
	height:22px;
	line-height:22px;
	border-radius:11px;
	font-size:10px;
	text-align:center;
	color:#fff;
}

.icons .shock{background:#EF4836;}
.icons .sex{background:#F1A9A0;}
.icons .student{background:#4ECDC4;}

.note-icon{
	text-align:center;
}

.note-icon .icons li{
	font-size:13px;
	display:inline;
	margin:0 10px;
}

.note-icon .icons  i{
	margin-right:10px;
}


.pg .detail .synopsis{
	margin-top:25px;
}

.pg .detail .credit{
	font-size:14px;
	color:#666;
	border-top:1px solid #ccc;
	margin-top:15px;
	padding:10px 0;
	letter-spacing:0.25px;
}

.pg .detail .director-name{
	font-weight:bold;
}

.pg .detail .prize{
	font-size:13px;
	color:#666;
	border-top:1px solid #ccc;
	padding-top:10px;
	letter-spacing:0.25px;
	line-height:1.5;
	text-align:left;
}

.fm .pg-nav li span, .national .pg-nav li span{
	display:none;
}


@media screen and (max-width: 960px) {
	.pg ul.detail li .screenshot{
		width:100%;
		float:none;
	}
	.pg ul.detail li .description{
		width:100%;
		float:none;
	}
	.link-icons{
		margin-bottom:15px;
	}
	
	.link-icons li{
		vertical-align:middle;
	}
	.link-icons li.youtube, .link-icons li.vimeo, .link-icons li.facebook, .link-icons li.twitter{
		margin-top:0;
	}
	
	.note-icon .icons li{
		display:block;
		text-align:left;
	}

}
/* プログラムナビゲーション*/

.pg-nav{
	width:100%;
	margin-bottom:75px;
	border:1px solid #ccc;
	border-radius:3px;
	display:table;
}

.pg-nav li{
	display:table-cell;
	border-right:1px solid #ccc;
	text-align:center;
	font-family: 'Rajdhani', sans-serif;
	font-size:32px;
}

.fm .pg-nav li{
	width:50%;
}

.international .pg-nav li{
	width:12.5%;
}

.national .pg-nav li{
	width:33.3%;
}

.offtheater .pg-nav li{
	width:16.6%;
}

.pg-nav li a{
	text-decoration:none;
	color:#999;
	display:block;
	padding:10px 0;
	position:relative;
}

.pg-nav li a:hover{
	background:#fff;
}

/*---
.pg-nav li a span{
	font-family: 'Arial', 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
	font-size:13px;
	font-weight:bold;
	display:block;
	padding:5px 10px;
	height:3.5em;
}
---*/

.pg-nav li.active a{
	background:#FCCD06;
	font-weight:600;
	color:#fff;
	position:relative;
}

.pg-nav a span{
	font-family: 'Arial', 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
	display:block;
	font-size:15px;
	font-weight:bold;
	line-height:1.5;
	height:3em;
}

/*---balloon

.pg-nav a span{
  position: absolute;
  opacity: 0;
  left: 50%;
  margin-left:-90px;
  margin-top:-20px;
  width:160px;
  padding: 10px;
  border-radius: 2px;
  background: #bbb;
  color: #fff;
  font-size: 15px;
  line-height: 1.5;
  font-weight:bold;
}
.pg-nav a span:after{
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left:-6px;
  height: 0;
  width: 0;
  border: 6px solid transparent;
  border-top: 6px solid #bbb;
  content: "";
}
.pg-nav a:hover span{
  opacity: 1;
  top: -40px;
}

.international .pg-nav li:nth-child(4) a span{
	  margin-top:-40px;
}

.offtheater .pg-nav li:nth-child(1) a span{
	  margin-top:-40px;
}

---*/

/*--
.top li.active a:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #E5C100;
	border-width: 10px;
	margin-left: -10px;
}

.bottom li.active a:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #E5C100;
	border-width: 10px;
	margin-left: -10px;
}

--*/

.pg-nav li:last-child{
	border-right:none !important;
}

@media screen and (max-width: 960px) {
	.pg-nav li a span{
		display:inline;
		font-size:13px;
		height:1em;
		margin-left:15px;
	}
	.pg-nav li{
		font-size:24px;
		text-align:left;
	}
	.pg-nav li a{
		padding:0;
		padding-left:15px;
	}
	.international .pg-nav li{
		display:block;
		width:100%;
		border-bottom:1px solid #ddd;
	}
	.international .pg-nav li:last-child{
		border-bottom:none;
	}
	
	.offtheater .pg-nav li{
		display:block;
		width:100%;
		border-bottom:1px solid #ddd;
	}
	.offtheater .pg-nav li:last-child{
		border-bottom:none;
	}
}

/* 下部プログラム一覧*/

.pg-foot{
	width:100%;
	padding:50px 0;
	background:#eee;
	font-size:14px;
}

.pg-foot h2{
	color:#1F3A93;
	font-weight:bold;
	border-bottom:2px solid #1F3A93;
	padding-bottom:5px;
}

.pg-foot li{
	border-bottom:1px solid #ccc;
	padding:10px 0;
}

.pg-foot li a{
	display:block;
	color:#333;
	text-decoration:none;
}

.pg-foot .compe{
	width:30%;
	float:left;
}

.pg-foot .special{
	width:65%;
	float:right;
}

.pg-foot .special ul{
	width:47.5%;
	margin-right:5%;
	float:left;
}

.pg-foot .special ul:last-child{
	margin-right:0;
}

@media screen and (max-width: 960px) {
	.pg-foot .compe{
		width:100%;
		float:none;
		margin-bottom:50px;
	}
	.pg-foot .special{
		width:100%;
		float:none;
	}
}

/* 国別に検索*/

.sort-contry{
	text-align:center;
}

.sort-contry h2{
	display:inline-block;
	background:#333;
	font-weight:bold;
	color:#fff;
	padding:10px 30px;
	border-radius:5px 5px 0 0;
	cursor:pointer;
}
.sort-contry h2 i{
	margin-right:10px;
}

.sort-contry .country-list{
	background:#333;
	width:80%;
	padding:50px 10%;
	text-align:left;
}

.sort-contry .country-list ul{
	width:20%;
	float:left;
	line-height:2;
}

.sort-contry .country-list ul li a{
	color:#fff;
	text-decoration:none;
}

@media screen and (max-width: 960px) {
	.sort-contry .country-list ul{
		width:100%;
		float:none;
		text-align:center;
	}
}

/* フィルムメーカー */

.fm-profile{
	margin-bottom:75px;
}
.fm-profile figure{
	width:30%;
	float:right;
}

.fm-profile figure img{
	width:100%;
	height:auto;
	border-radius:50%;
}

.fm-profile .description{
	width:65%;
	float:left;
}

.fm-profile .fm-name{
	margin-bottom:30px;
}
.fm-profile h4{
	font-size:24px;
	font-weight:bold;
}
.fm-profile h5{
	letter-spacing:0.5px;
	font-weight:600;
}
.fm-profile p{
	margin-bottom:15px;
}


@media screen and (max-width: 960px) {
	.fm-profile figure{
		width:40%;
		float:none;
		margin:auto;
		margin-bottom:30px;
	}
	.fm-profile .description{
		width:100%;
		float:none;
	}
}
/* 通常プログラム */

.normal{
	margin-top:50px;
}


/*---------------------------------------- アバウト */

.about .content-nav .top li{
	width:33.33%;
}
.summary .content-inner{
	padding:75px 0;
	border-bottom:1px solid #ccc;
}

.summary .content-inner a{
	display:inline-block;
	font-weight:bold;
	margin-top:15px;
}


.summary .content-inner:first-child{
	padding-top:0;
}

.summary .content-inner:last-child{
	border-bottom:none;
	padding-bottom:0;
}


.about .poster > img{
	width:45%;
	height:auto;
	float:left;
}
.about .profile{
	width:45%;
	float:right;
}

.about .profile img{
	width:40%;
	height:auto;
	float:right;
	margin:0 0 30px 30px;
	border-radius:50%;
}

.about .profile .profile-text .profile-name{
		float:left;
}
.about .profile .profile-text h3{
	font-size:18px;
	font-weight:bold;
	line-height:1;
}

.about .profile .profile-text p{
	clear:both;
	font-size:14px;
}

.about .content-inner dt{
	font-weight:bold;
	margin-bottom:5px;
}
.about .content-inner dd{
	margin-bottom:20px;
}

.about .content-inner dd:last-child{
	margin-bottom:0;
}

.about #map_canvas{
	margin-top:50px;
}

.sponsors-small{
	padding:0;
}

.sponsors-small h2{
	width:17.5%;
	float:left;
}


.sponsors-small div{
	width:80%;
	border-top:1px solid #ccc;
	padding:30px 0;
}

.sponsors-small ul{
	width:82.5%;
	float:left;
}

.sponsors-small ul li{
	width:20%;
	float:left;
}

.sponsors-small ul li img{
	width:100%;
	height:auto;
}

.sponsor-list .sponsors{
	padding-top:0;
}



@media screen and (max-width: 960px) {
	.about .content-inner .description img{
		width:100%;
		margin-bottom:50px;
	}
	
	.summary .content-inner{
		padding:25px 0;
	}

	.about .profile{
		width:100%;
		float:none;
	}
	.about .profile img{
		width:70% !important;
		float:none;
		border-radius:0;
		margin:auto;
		margin-top:15px;
	}
	.about .profile .profile-text h3{
		font-size:18px;
	}
	.about .profile .profile-text p{
		clear:both;
		font-size:14px;
	}
	.sponsors-small h2{
		width:100%;
		float:none;
		margin-bottom:15px;
	}
	.sponsors-small ul{
		width:100%;
		float:none;
	}
	.sponsors-small ul li{
		width:50%;
	}

}


/*---------------------------------------- アワード */

.awards .description h2{
	font-size:30px;
	font-weight:500;
	letter-spacing:1px;
	line-height:1.5;
}

.awards .description dt{
	font-family: 'Rajdhani', sans-serif;
	font-size:20px;
	font-weight:500;
	letter-spacing:1px;
	margin-bottom:10px;
}

.awards .torophy .description dt{
	font-size:30px;
	line-height:1.5;
	margin-bottom:25px;
}


.awards .description dd{
	margin-bottom:30px;
	font-weight:bold;
	line-height:1.5;
}


.prize{
	text-align:center;
}

.prize h4{
	font-size:22px;
	margin-bottom:30px;
	display:inline-block;
}

.prize i{
	display:block;
	font-size:40px;
	color:#999;
	margin-bottom:15px;
}

.prize .prize-wrap{
	margin-top:100px;
}

.prize .category li{
	font-size:18px;
	font-weight:bold;
	background:#fff;
	display:inline-block;
	width:50%;
	border:2px solid #E5C100;
	border-radius:5px;
	padding:10px 25px;
	margin-bottom:15px;
	box-sizing:border-box;
}

.prize .grandprix{
	font-size:20px;
	font-weight:bold;
	line-height:1;
	width:50%;
	display:inline-block;
	background:#00287D;
	color:#fff;
	padding:15px 25px;
	border-radius:5px;
	box-sizing:border-box;
}

.prize .grandprix:before{
	display:inline-block;
	content:"";
	background:url(../../programmes/images/laurel-l.png) no-repeat top right;
	height:45px;
	width:25px;
	vertical-align:middle;
	margin-top:-3px;
	margin-right:15px;
}

.prize .grandprix:after{
	display:inline-block;
	content:"";
	background:url(../../programmes/images/laurel-r.png) no-repeat top left;
	height:45px;
	width:25px;
	vertical-align:middle;
	margin-top:-3px;
	margin-left:15px;
}


.prize .prize-list{
	width:100%;
}

.prize .prize-list ul{
	width:32%;
	margin-right:2%;
	float:left;
}

.prize .onetitle{
	margin-top:50px;
}

.prize .prize-list ul:last-child{
	margin-right:0;
}

.prize .prize-list li{
	background:#eee;
	border:1px solid #ddd;
	border-radius:3px;
	padding:10px 0;
	margin-bottom:10px;
}

.prize small{
	display:inline-block;
	margin-top:50px;
}


.gp-fm{
	text-align:center;
	margin-bottom:100px;
}

.gp-fm h2{
	margin-bottom:50px;
	position:relative;
}

.gp-fm h2:after{
	content:"";
	width:100%;
	border-bottom:1px solid #999;
	position:absolute;
	left:0;
	top:50%;
}

.gp-fm h2 img{
	background:#F8F8FA;
	position:relative;
	z-index:1;
}


.gp-fm figure{
	margin-bottom:75px;
}

.gp-fm ul li{
	width:30%;
	margin-right:5%;
	float:left;
}

.gp-fm ul li img{
	width:100%;
	height:auto;
}

.gp-fm ul li:last-child{
	margin-right:0;
}

.gp-ot{
	text-align:center;
	margin-bottom:100px;
}

.gp-ot h2{
	margin-bottom:50px;
	position:relative;
}

.gp-ot h2:after{
	content:"";
	width:100%;
	border-bottom:1px solid #999;
	position:absolute;
	left:0;
	top:50%;
}

.gp-ot h2 img{
	background:#F8F8FA;
	position:relative;
	z-index:1;
}

.gp-name{
	font-size:22px;
	font-weight:bold;
	margin-top:15px;
}

.gp-name-en{
	margin-bottom:15px;
}


.award-best {
	border-top:1px solid #ddd;
	padding-top:100px;
}

.award-best li{
	width:47%;
	margin-right:6%;
	float:left;
	margin-bottom:100px;
	text-align:center;
}

.award-best li:nth-child(2n){
	margin-right:0;
}

.award-best li img{
	width:100%;
	height:auto;
	margin-bottom:15px;
}

.award-best h3{
	font-size:24px;
	line-height:1.5;
	font-weight:bold;
	margin-bottom:25px;
	color:#00287D;
}

.award-title{
	font-size:18px;
	font-weight:bold;
}

.award-title-en{
	color:#666;
	line-height:1.5;
	margin-bottom:15px;
}

.ot-dir{
	line-height:1.5;
	font-weight:bold;
}

.ot-dir-en{
	font-size:14px;
	color:#666;
}

.award-bt{
	border:2px solid #00287D;
	border-radius:3px;
	padding:7px 20px;
	line-height:1;
	display:inline-block;
	margin-top:15px;
}


.award-sp li{
	width:30%;
	margin-right:5%;
	float:left;
	margin-bottom:100px;
	text-align:center;
}

.award-sp li:nth-child(3n+1){
	margin-right:0;
}

.award-sp li img{
	width:100%;
	height:auto;
	margin-bottom:15px;
}

.award-sp h3{
	color:#00287D;
	font-size:20px;
	line-height:1.5;
	font-weight:bold;
	margin-bottom:20px;
}

.award-sp h2{
	margin-bottom:100px;
}




@media screen and (max-width: 960px) {
	
	.awards .description h2{
		font-size:20px;
	}
	.awards .description dt{
		font-size:16px;
	}
	
	.awards .torophy .description dt{
		font-size:18px;
	}
	.prize .grandprix{
		font-size:16px;
		width:100%;
		line-height:1.5;
	}
	
	.prize .grandprix:before{
		display:none;
	}
	.prize .grandprix:after{
		display:none;
	}	
	.prize .category li{
		font-size:16px;
		width:100%;
		padding:10px;
	}
	.prize .prize-list ul{
		width:100%;
	}
	
	.gp-fm ul li{
		width:100%;
		margin-right:0;
		float:none;
		margin-bottom:50px;
	}
	
	.img-gp-ot{
		width:100%;
		height:auto;
	}
	
	.award-best li{
		width:100%;
		margin-right:0;
		float:none;
	}
	
	.award-best h3{
		font-size:36px;
	}
	
	.award-sp h2 p{
		font-size:40px;
	}

	.award-sp li{
		width:100%;
		margin-right:0;
		float:none;
	}
	
	.award-sp h3{
		font-size:30px;
	}

}


/*---------------------------------------- イベント */

.event h2{
	font-size:50px;
	margin-bottom:30px;
	color:#162866;
	font-family: 'Rajdhani', sans-serif;
}

.event .col2{
	padding:50px 0 ;
	border-bottom:1px solid #ddd;
}

.event .col2:first-child{
	padding-top:0 ;
}

.event .col2:last-child{
	border-bottom:none ;
}


.event .col2 .ev-category{
	background:#e5c100;
	padding:5px 10px;
	line-height:1;
	margin-bottom:10px;
	display:inline-block;
	color:#fff;
	font-weight:bold;
}

.event .col2 h4{
	font-weight:bold;
	font-size:24px;
	margin-bottom:25px;
	line-height:1.5;
}

.event .col2 ul{
	font-weight:bold;
	margin-bottom:25px;
}

.event .col2 a{
	display:inline-block;
	font-weight:bold;
	border-bottom:2px solid #162886;
	padding-bottom:5px;
	margin-top:15px;
}

.event .col2 .imagearea{
	width:46%;
	float:right;
}

.event .col2 .imagearea img{
	width:100%;
	height:auto;
}

.event .col2 ul ul li img{
	width:30%;
	margin-right:5%;
	float:left;
	border-radius:50%;
}

@media screen and (max-width: 960px) {
	
	.event h2.sepalator{
		margin-bottom:25px;
	}
	
	.event h2.sepalator p{
		font-size:30px;
	}
	
	.event .col2{
		padding:25px 0;
	}
	.event .col2 .ev-category{
		font-size:12px;
	}
	
	.event .col2 h4{
		font-size:18px;
	}
	.event .col2 .imagearea{
		width:100%;
		float:none;
	}
	
	.event .col2 ul ul li img{
		width:46%;
		margin-right:8%;
		float:left;
	}
	
	.event .col2 ul ul li:last-child img{
		margin-right:0;
	}
}

/*---------------------------------------- チケット */


.ticket .type .content-inner{
	background:#fff;
	padding:30px;
	box-sizing:border-box;
	margin-bottom:25px;
	border-radius:5px;
	border:1px solid #ddd;
}

.ticket .type .content-inner:last-child{
	margin-bottom:0;
}

.ticket .sepalator{
	width:80%;
	margin:100px auto 50px;
}

.ticket .sepalator p{
	font-weight:normal;
}

.ticket figure img{
	width:100%;
	height:auto;
}

.ticket .highschool{
	margin-bottom:50px;
}

.ticket .highschool figure{
	margin:auto;
	position:relative;
	width:20%;
	margin-bottom:25px;
	float:left;
}

.ticket .highschool .description{
	width:73.3%;
	float:right;
}

.ticket .highschool .description p{
	display:inline-block;
	font-weight:bold;
	margin:auto;
	margin-bottom:15px;
}

.ticket .highschool .description h3{
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
	width:100%;
}

.ticket .highschool .description h3 small{
	font-weight:normal;
}
.ticket .description{
	width:73.3%;
	float:right;
}

.ticket h2{
	font-size:24px;
	font-weight:bold;
	color:#00287D;
	margin-bottom:25px;
	line-height:1;
}

.ticket .description ul{
	margin-top:15px;
	font-size:13px;
}

.ticket .description dt, .ticket .description dd{
	display:inline-block;
	line-height:1;
	vertical-align:middle;
}

.ticket .description dl{
	margin-bottom:15px;
}

.ticket .description dt{
	font-size:14px;
	background:#00287D;
	color:#fff;
	font-weight:bold;
	padding:5px 10px;
	margin-right:10px;
}

.ticket .description dd{
	font-family: 'Rajdhani', sans-serif;
	font-size:32px;
	color:#00287D;
	margin-right:30px;
	font-weight:500;
	letter-spacing:1px;
	
}

.ticket .description p{
	margin-bottom:15px;
}


.playguide{
}

.playguide .shop li{
	width:30%;
	margin-right:5%;
	text-align:center;
	float:left;
}

.playguide .shop li:last-child{
	margin-right:0;
}

.playguide .shop li img{
	width:70%;
	height:auto;
}

.shop-code{
	font-size:18px;
	font-weight:bold;
	background:#fff;
	margin:10px 0;
	padding:10px 0;
	border:1px solid #ddd;
	border-radius:3px;
}

.ticketinfo{
	border-radius:5px;
	margin-top:30px;
	padding:25px 0;
	border-top:1px dotted #ccc;
}
.ticketinfo dt{
	font-weight:bold;
	width:25%;
	float:left;
}
.ticketinfo dd{
	width:70%;
	float:right;
}

.playguide .description{
	width:100%;
	float:none;
}

@media screen and (max-width: 960px) {
	
	.ticket .type .content-inner{
		padding:20px;
	}
	.ticket figure img{
		width:100%;
		height:auto;
	}
	
	.ticket .highschool .description{
		width:100%;
		float:none;
	}
	
	.ticket h2{
		font-size:20px;
	}
	.ticket .description dt{
		font-size:12px;
	}
	.ticket .description dd{
		font-size:24px;
	}
	.ticket .description{
		width:100%;
		float:none;
	}
	
	.ticket .content-inner figure{
		display:none;
		width:50%;
		float:none;
		margin-bottom:30px;
	}
	.ticket .highschool figure{
		display:block;
	}
	.ticket .highschool figure div{
		padding-bottom:0;
	}
	
	.playguide .shop li{
		width:100%;
		margin-right:0;
		float:none;
		margin-bottom:75px;
	}
	.playguide .shop li img{
		width:50%;
	}
	.ticketinfo{
		padding:30px 0;
	}
	.ticketinfo dt{
		width:100%;
		font-weight:bold;
		float:none;
	}
	.ticketinfo dd{
		width:100%;
		float:none;
	}

}

/*---------------------------------------- 会場 */

.venues {
	line-height:1.7;
}

.map-bt{
	margin:auto;
	margin-top:30px;
	width:80%;
	display:table;
	text-align:center;
}

.map-bt li{
	width:20%;
	display:table-cell;
	vertical-align:top;
	padding:5px 0;
	border-right:1px solid #ddd;
}

.map-bt li:last-child{
	border-right:none;
}

.map-bt li i{
	color:#00287D;
	font-size:20px;
	display:block;
	margin-bottom:10px;
}

.map-bt li a{
	text-decoration:none;
	display:block;
	color:#00287D;
	font-weight:bold;
}


.venues li dt{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

.address-2col{
	margin-bottom:100px;
}

.address-2col li{
	width:45%;
	margin-right:10%;
	float:left;
}
.address-3col li{
	width:28%;
	margin-right:8%;
	float:left;
}
.address-2col li:last-child, .address-3col li:last-child{
	margin-right:0;
}

.venues li img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}
dd.venue-name{
	font-size:18px;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:15px;
}

dd.access{
	font-size:14px;
	margin:10px 0;
}
.venues dd i{
	margin-right:10px;
}
.venues dd a{
	color:#00287D;
	text-decoration:none;
}

@media screen and (max-width: 960px) {
	
	#map_canvas{
		display:none;
	}
	.map-bt{
		display:none;
	}
	.map-bt li{
		width:50%;
		display:inline-block;
		text-align:left;
		float:left;
	}
	.map-bt li i{
		display:inline;
	}
	.address-2col li{
		width:100%;
		margin-bottom:0px;
	}
	.address-3col li{
		width:100%;
		margin-bottom:75px;
	}
}


/*---------------------------------------- スケジュール */

 .timetable .content-inner{
	 margin-bottom:100px;
 }

 .tt-table {
	 margin-bottom:50px;
 }

 .tt-table h3{
	 font-size:22px;
	 font-weight:bold;
	 text-align:center;
	 margin-bottom:30px;
 }
 
  .tt-table table{
	  margin-bottom:15px;
  }

 .tt-table table thead th{
	 background:#e5c100;
	 color:#fff;
	 font-size:20px;
	 padding:10px 0;
 }

  .tt-table table tr:nth-child(even){
	  background:#fff;
  }
    .tt-table table tr:nth-child(odd){
	  background:#fafafa;
  }


 .timetable td{
	 font-size:15px;
	text-align:center;
	line-height:1.3;
	font-weight:bold;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ccc;
}

 .tt-table th{
	text-align:center;
	font-size:18px;
	background:#333;
	color:#fff;
	line-height:1.3;
	padding:10px;
	font-weight:bold;
	border-bottom:1px solid #555;
}

 .tt-table th .tt-date{
	 font-size:14px;
 }
 
.tt-table th.sat{
	 color:#89C4F4;
 }

 .tt-table th.sun{
	 color:#E26A6A;
 }

   .tt-table td a{
	 display:block;
	 padding:10px;
	 font-weight:600;
 }
 
  .tt-table th i{
	font-size:13px;
	color:#999;
}

th.allnight{
	background:#444;
}

td.compe{
	font-family: 'Rajdhani', sans-serif;
	font-size:28px;
	font-weight:500;
	letter-spacing:1px;
}

.tt-cap{
	font-size:14px;
}

.f-a a{color:#3e5527;}
.f-b a{color:#085276;}
.i-a a{color:#e26d76;}
.i-b a{color:#895224;}
.i-c a{color:#428f85;}
.i-d a{color:#759734;}
.i-e a{color:#d15436;}
.i-f a{color:#978170;}
.i-g a{color:#a55993;}
.i-h a{color:#3d4898;}
.n-a a{color:#675178;}
.n-b a{color:#5093ad;}
.n-c a{color:#962f62;}
.fc a{color:#e5761f;}
.hokkaido a{color:#e26d76;}
.aadman a{color:#428f85;}
.award {color:#75246b;}
.anime a{color:#978170;}
.ssff a{color:#895224;}
.california a{color:#759734;}
.asian a{color:#a55993;}
.ugc a{color:#86671e;}
.best-hokkaido a{color:#d15436;}
.other a{color:#666;}

td.free{ background:#FCF9E1;}
td.exclusive{ background:#EAEFF9;}

 .timetable p.free:before{
	content:"";
	width:50px;
	height:15px;
	display:inline-block;
	background:#FCF9E1;
	border:1px solid #ccc;
	vertical-align:middle;
	margin-top:-2px;
	margin-right:10px;
}

 .timetable p.exclusive:before{
	content:"";
	width:50px;
	height:15px;
	display:inline-block;
	background:#EAEFF9;
	border:1px solid #ccc;
	vertical-align:middle;
	margin-top:-2px;
	margin-right:10px;
}

.kinbi{
	background:#fff;
	border:1px solid #ddd;
	border-radius:5px;
	padding:50px;
	box-sizing:border-box;
	position:relative;
}

.kinbi h2{
	font-size:28px;
	color:#00287D;
	line-height:1.7;
	text-align:center;
	margin-bottom:30px;
	letter-spacing:1px;
}

.kinbi .icon-sp{
	font-size:18px;
	font-weight:bold;
	background:#FFD700;
	display:inline-block;
	line-height:1;
	padding:3em 0;
	width:7em;
	text-align:center;
	position:absolute;
	left:15px;
	top:-30px;
	border-radius:50%;
}

.kinbi > ul{
	margin:30px 0;
	font-weight:bold;
}

@media screen and (max-width: 960px) {
	
	 .tt-table {
		 margin-bottom:25px;
	 }
	 .tt-table table thead th{
		 padding:5px 0;
		 font-size:0.5em;
	 }
	  .tt-table{
		  overflow-x:scroll;
	  }
	  
	   .timetable td{
		   font-size:10px;
	   }
	  .tt-table td a{
		  padding:3px;
	  }
	  .tt-table table{
		  width:360px;
	  }
	   .tt-table th{
		   font-size:12px;
		   padding:5px;
	   }
	 .tt-table th i{
		 font-size:9px;
	 }
	 .tt-table th .tt-date{
		 font-size:9px;
	 }
		td.compe{
		font-size:18px;
	}
	th.allnight{
		font-size:10px !important;
	}
	
	.kinbi{
		padding:15px;
	}
	
	.kinbi .icon-sp{
		position: relative;
		border-radius:50%;
		margin:auto;
		top:-30px;
		left:0;
	}
	.kinbi h2{
		font-size:20px;
	}
}


/*---------------------------------------- マーケット */

.market h2{
	font-size:20px;
	margin:50px 0 100px;
}

.market .col2-1-3{
	padding:75px 0;
	border-top:1px solid #ccc;
}
.market .content-inner:first-child{
	text-align:center;
}
.market .intro ul{
	margin:50px 0;
}
.market .intro li{
	width:33%;
	float:left;
	margin-right:0.5%;
}
.market .intro li:last-child{
	margin-right:0;
}
.market .intro li img{
	width:100%;
	height:auto;
}

.market table td{
	font-size:15px;
	line-height:1.5;
	padding:10px;
	vertical-align:top;
	font-weight:bold;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.market table td p.category{
	font-size:13px;
	font-weight:normal;
}

@media screen and (max-width: 960px) {
	.market .intro ul{
		margin:0;
		margin-bottom:15px;
	}
	.market .intro ul li{
		display:none;
		width:100%;
		height:auto;
	}
	.market .intro ul li:first-child{
		display:block;
	}
		.market h2{
		font-size:16px;
		text-align:left;
		margin:0;
		margin-bottom:50px;
	}
	.market .col2-1-3{
		padding:30px 0;
	}
	
	.market table{
		width:100%;
	}
}
/*---------------------------------------- ナビゲーションOFF */




/*---------------------------------------- プログラムタブメニュー */


ul.tab{
	width:100%;
    border-top: 1px solid #ddd;
}

ul.tab li {
	font-size:18px;
	text-align:center;
	width:50%;
    float: left;
    padding: 25px 0;
	font-weight:bold;
	background:#F8F8FA;
    color: #666;
    cursor: pointer;
	box-sizing:border-box;
	border-bottom:1px solid #ddd;
}


ul.tab li:first-child{
	border-right:1px solid #ddd;
}

ul.tab li:hover {
	background:#eee;
}
ul.tab li.active {
    background-color: #fff;
    color: #333;
	border-bottom:1px solid #fff;
}
div.tabContent {
	background:#fff;
	color:#fff;
    clear: both;
    width: 100%;
    display: none;
}
div.active {
    display: block;
}

.tab-pg{
	width:80%;
	margin:auto;
	padding:50px 0;
}

.tab-pg h2{
	color:#1F3A93;
	font-weight:bold;
	border-bottom:2px solid #1F3A93;
	padding-bottom:5px;
}

.tabContent li{
	border-bottom:1px solid #ccc;
	padding:10px 0;
}

.tabContent li a{
	display:block;
	color:#333;
	text-decoration:none;
}

.tab-pg .compe{
	width:30%;
	float:left;
}

.tab-pg .special{
	width:65%;
	float:right;
}

.tab-pg .special ul{
	width:47.5%;
	margin-right:5%;
	float:left;
}

.tab-pg .special ul:last-child{
	margin-right:0;
}


.tab-sort{
	width:80%;
	margin:auto;
	padding:50px 0;
}

.sort-contry .country-list{
	background:#333;
	width:80%;
	padding:50px 10%;
	text-align:left;
}

.tab-sort ul{
	width:18%;
	float:left;
	margin-right:2.5%;
}

.tab-sort ul:last-child{
	margin-right:0;
}

.sort-contry .country-list ul li a{
	color:#fff;
	text-decoration:none;
}

@media screen and (max-width: 960px) {
	
	ul.tab li {
		font-size:16px;
	}
	
	.tab-pg .compe{
		width:100%;
		float:none;
		margin-bottom:50px;
	}
	
	.tab-pg .special{
		width:100%;
		float:none;
	}
	
	.tab-pg .special ul{
		width:100%;
		margin-right:0;
		float:none;
	}
	.tab-sort ul{
		width:100%;
		margin-right:0;
		float:none;
	}
}


