@charset "utf-8";
/* CSS Document */


/*--------------------------------------------------------------
タブレットサイズ　大
----------------------------------------------------------------*/

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

	.pcTabAreaNone{
		display: none;
	}

}


@media only screen and  (max-width: 1199px) {
	.OperationStatusTable th {
	    width: 275px;
	    font-size: 18px;
	}



	.gallery #GALLARY_CONT .ph_long img {
    height: 191px;
	}

	#ACCESS .accessTableArea th{
		    width: 65%;
	}

	.tabBr{
		display: block;
	}



		#ja_page .blogAreaIn{
			min-height: 571px;
		}

		#ja_page .facebookArea,
		#ja_page .twitterArea {
		    width: 475px;
		}

		.blogTxtBox {
		    padding-left: 10px;
		}

}


@media screen and (max-width:1200px) and ( min-width:992px) {
	#en_page .h_logo {
	    width: 104px;
	}

	#en_page .liveCameraAreaIn {
	    height: 466px;
	}
/*
	#en_page .fb-page {
	    width: 454px;
	    height: 256px!important;
	    overflow: hidden;
	}*/
}

/*--------------------------------------------------------------
タブレットサイズ　小
----------------------------------------------------------------*/
@media screen and (min-width:768px) and ( max-width:991px) {
	#SCHEDULE .goldTable .wd02 {
		 width: 320px;
	 }
	 #SCHEDULE .goldTable .wd05 {
			width: 160px;
	 }

	 .right-menu {
	     margin-right: 0!important;
	 }




 		/* 本日の運行時間 */
 		.operationTime {
 			width: 750px;
 		}

		.timeTit {
		    left: 165px;
		}

		#en_page .timeTit {
			text-align: left;
		    font-size: 26px;
		    line-height: 1.2;
		}
		#th_page .timeTit {
		    left: 135px;
		}

		.timeIcon {
		    left: 20px;
		}

		#en_page .timeIcon {
		    left: 2%;
		}


		.opeTimeTitBox {
		    height: 66px;
		    font-size: 30px;
		}

		#en_page .opeTimeTitBox {
		    height: 100px;
		}

		#en_page .dateTxt{
			display: block;
		}

 		.timeIcon img {
 		    width: 90px;
 		}

 		.firstTit,
 		.lastTit {
 		    height: 50px;
 		    font-size: 20px;
 		}

 		.firstTime,
 		.lastTime {
 			padding: 5px 10px;
 		    height: 50px;
 		    font-size: 30px;
 			width: 180px;
 		}

		#th_page .firstTime,
		#th_page .lastTime {
			width: 160px;
		}

 		.firstTime span,
 		.lastTime span {
 		    font-size: 25px;
 		}

 		.opeTimeTxtIn {
 		    width: 707px;
 		    margin: 0 auto;
 		}
 		.opeTimeTxt {
 		    padding: 35px 20px;
 		}

 		.opeTimeTxt p {
 		    font-size: 37px;
 		    width: 37px;
 		}

 		/* ブログ */
 		.blogThumBox {
 		    width: 85px!important;
 		}
 		.blogThumBoxIn {
 	    	height: 85px!important;
 		}

		.liveCameraAreaIn {
		    height: 394px!important;
		}
		.liveCameraAreaIn .redBtn {
		    margin-top: 13px!important;
		}

	.bnrIn .col-sm-30 {
	    width: 245px;
	}

	.bnrIn {
	    width: 735px;
	}



}
@media only screen and  (max-width: 991px) {
	.OperationStatus2 .status,
	.OperationStatus4 .status,
	.OperationStatus3 .status {
	    width: 350px;
	    font-size: 20px;
	}

	.OperationStatus2 .icon {
    padding-top: 36px;
	}
	.OperationStatus3 .icon {
		padding-top: 20px;
	}


	.gallery #GALLARY_CONT .ph_long img {
		height: 145px;
	}


	.navbar-nav > li > .dropdown-menu {
    display: block!important;
		margin-top: 0!important;
		border-top-right-radius: 0!important;
		border-top-left-radius: 0!important;
		padding: 0!important;
		background: none !important;
		float: none!important;
		position: relative!important;
		opacity: inherit;
	}

	.dropdown-menu>li>a {
		    /*height: auto !important;*/
	    display: block!important;
	    clear: both!important;
	    font-weight: normal!important;
	    line-height: 1.42857143!important;
	    white-space: nowrap!important;
			    padding: 10px 0 10px 35px;
	}


	#main-menu>li>a {
    height: 100%!important;
	}

	.navbar-collapse{
		margin-top:4px;
		background-color:rgba(40,40,40, .8) !important;
		border-top:0px solid transparent;
	}

	.dropdown-menu li a {
    padding: 10px 20px!important;
}

	.dropdown-menu {
		-webkit-box-shadow: none!important;
	  box-shadow: none!important;
	}

	#main-menu>li>a:hover{
	  color:white !important;
	  background: #89001f !important;
	}

	.navbar-collapse.collapse {
	    display: none!important;
	}
	.collapse.in {
	    display: block!important;
	}
	#main-menu {
	position: inherit;
	right: inherit;
	}




			/* トップページ新着サムネ */

			.blogThumBoxIn {
				height: auto;
			}
			.blogThumBoxIn img {
			    position: inherit;
			    top: inherit;
			    left: inherit;
				width: 100%;
			    height: auto!important;
			    -webkit-transform: inherit;
			    -ms-transform: inherit;
			    transform: inherit;
			}
			/*#ja_page .blogAreaIn li {
			    margin-right: 0;
			}*/

			.blogThumBox{
				height: 100px;
				overflow: hidden;
				float: none!important;
			    width: 100%!important;
			}

			.blogTxtBox {
			    float: none!important;
			    width: 100%!important;
			    margin-top: 15px;
			}
			.blogThumBoxIn {
			    height: auto!important;
			}

			#blog-index .blog-list-thumb {
			    height: 146px;
			}



			#ja_page .blogAreaIn{
				min-height: 588px;
			}

			#ja_page .facebookArea,
			#ja_page .twitterArea {
			    width: 365px;
			}



			.blogTxtBox {
			    padding-left: 0;
			}
/*
			#en_page .fb-page{
				width: 495px;
				height: 256px!important;
				overflow: hidden;
			}*/


}



/*--------------------------------------------------
160720 FOOTER
--------------------------------------------------*/
@media only screen and  (max-width: 991px) {
	.footMenu .navbar-collapse{
		background:none!important;
	}
}

/*--------------------------------------------------
160725
--------------------------------------------------*/
@media only screen and  (max-width: 1180px) {

	.first-h1 .txtBr{
		display: block;
	}

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

	.first-h1 .txtBr{
		display: none;
	}

}




/*--------------------------------------------------
1709 ヘッダー言語ボタン　アコーディオン
--------------------------------------------------*/



@media only screen and  (max-width: 991px) {
	.langBtnArea {
	    top: 72px;
	    right: 0px;
	    margin-top: 3px;
	}

	.nowBtnBg {
		position: absolute;
	    top: -53px;
	    right: 65px;
	}


	.first-h1 span{
		font-size: 85px;
		font-weight: bold;
	}

}






/*--------------------------------------------------
171211 追記
--------------------------------------------------*/
/* トップページタイトル2行目小さく */

@media only screen and  (max-width: 991px) {
	.titSmall{
		display: block;
		font-size: 85%;
	}
}


/*--------------------------------------------------
180313 追記
--------------------------------------------------*/
#en_page .opeTimeTxtIn {
	width: 100%;
}
#en_page .dateTxt {
	display: inline-block;
	text-align: center;
	font-size: 2vw;
	margin: 1vw 0;
}
#en_page .firstTime,
#en_page .lastTime {
	width: 56%;
	height: auto;
	padding: 5px 10px;
	font-size: 2vw;
}
#en_page .opeTimeTxt table{
	width: calc(50% - 33.5px);
}

#en_page .firstTime span,
#en_page .lastTime span {
	font-size: 2vw;
}
@media screen and (min-width:768px) and ( max-width:991px) {
	#en_page .timeTit {
		width: 460px;
	}
}





/* タイ言語 */
#th_page .opeTimeTxtIn {
	width: 100%;
}
#th_page .dateTxt {
	display: inline-block;
	font-size: 20px;
}
#th_page .firstTime,
#th_page .lastTime {
	width: 56%;
	height: auto;
	padding: 5px 10px;
	font-size: 2.7vw;
}
#th_page .opeTimeTxt table{
	width: calc(50% - 33.5px);
}

#th_page .firstTime span,
#th_page .lastTime span {
	font-size: 2vw;
}








/* インドネシア言語 */
#id_page .opeTimeTxtIn {
	width: 100%;
}
#id_page .dateTxt {
	display: inline-block;
	text-align: center;
	font-size: 2vw;
	margin: 1vw 0;
}
#id_page .firstTime,
#id_page .lastTime {
	width: 56%;
	height: auto;
	padding: 5px 10px;
	font-size: 2vw;
}
#id_page .opeTimeTxt table{
	width: calc(50% - 33.5px);
}

#id_page .firstTime span,
#id_page .lastTime span {
	font-size: 2vw;
}

@media screen and (max-width: 991px) and (min-width: 768px){
#tl_page .firstTit,#tl_page .lastTit{
	font-size: 19px;
}
}