.flexslider{
	width: 100%;
}
.flexslider .slides img{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;
}



#tab_2 , #tab_3{
	display: none;
}

	@media print, screen and (min-width:1170px){
	.brandContainer{
		width: 100%;
		max-width:1170px;
		margin:0 auto;
	}
}
	@media print, screen and (min-width:768px){
	
	.flex-control-nav{
		bottom: 80px !important;
	}
		
	.tabMenu {
		text-align: center;
		list-style: none;
		margin-top: -63px!important;
		padding: 0;
		line-height: 1.8;
		width:90%;
		margin:0 auto;
		position: relative;
	}
	.tabMenu li {
		margin: 0 5px;
		border: 1px solid #003360;
		background: #003360;
		display: inline-block;
		font-size:18px;
		width:30%;
		color:#ffffff;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		position: relative;
		z-index: 0;
	}
	.tabMenu li a{
		color:#ffffff;
		width:100%;
		display: inline-block;
		padding: 15px 0;
	}
	.tabMenu:after {
		position: absolute;
		content: "";
		width: 100%;
		bottom: 0;
		left: 0;
		border-bottom: 1px solid #ffffff;
		z-index: 1;
	}
	.tabMenu:before {
		z-index: 1;
	}
	.tabMenu li.selected {
		z-index: 2;
		border-bottom-color: #ffffff;
		background-color: #ffffff!important;
		border: 1px solid #ffffff!important;
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, rgb(230, 230, 230)),
			color-stop(0.4, rgb(255, 255, 255))
		);
		background-image: -o-linear-gradient(bottom, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 40%);
		background-image: -moz-linear-gradient(bottom, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 40%);
		background-image: -webkit-linear-gradient(bottom, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 40%);
		background-image: -ms-linear-gradient(bottom, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 40%);
		background-image: linear-gradient(to bottom, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 40%);
	}
	.tabMenu li.selected a{
		color:#003360;
	}
	.tabMenu li:hover{
		background-color:#03487c;
		border: 1px solid #03487c;
		-webkit-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s;
	}
	.pickupBox{
		background-image: url(/assets/img/kioritz/brandPkz.gif);
		float:left;
		padding:15px 0;
		-moz-box-shadow:inset 2px -26px 38px -38px #000, inset 2px 26px 38px -38px #000;
		-webkit-box-shadow:inset 2px -26px 38px -38px #000, inset 2px 26px 38px -38px #000;
		box-shadow:inset 2px -26px 38px -38px #000, inset 2px 26px 38px -38px #000;
		width:100%;
		clear: both;
	}
	.innerTextMenu{
		margin-bottom:0;
	}
	.topSubTitle{
		color: #646464;
		font-size: 18px;
		margin: 10px 0;
	}
	.topSubTitle:before {
		content: "";
		width:5px;
		height:22px;
		float:left;
		display:block;
		margin-right: 5px;
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, rgb(0, 51, 96)),
			color-stop(0.5, rgb(0, 51, 96)),
			color-stop(0.5, rgb(232, 83, 3)),
			color-stop(1, rgb(232, 83, 3))
		);
		background-image: -o-linear-gradient(bottom, rgb(0, 51, 96) 0%, rgb(0, 51, 96) 50%, rgb(232, 83, 3) 50%, rgb(232, 83, 3) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(0, 51, 96) 0%, rgb(0, 51, 96) 50%, rgb(232, 83, 3) 50%, rgb(232, 83, 3) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(0, 51, 96) 0%, rgb(0, 51, 96) 50%, rgb(232, 83, 3) 50%, rgb(232, 83, 3) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(0, 51, 96) 0%, rgb(0, 51, 96) 50%, rgb(232, 83, 3) 50%, rgb(232, 83, 3) 100%);
		background-image: linear-gradient(to bottom, rgb(0, 51, 96) 0%, rgb(0, 51, 96) 50%, rgb(232, 83, 3) 50%, rgb(232, 83, 3) 100%);
	}
	.topSubTitle span{
		font-size:13px;
		float:right;
	}
	.topSubTitle span a{
		color:#003360;
	}
	.topSubTitle span a:hover{
		color:#e85403;
	}
	.topSubTitle span:after{
		font-family: 'FontAwesome';
		content: "\f144";
		margin:0 0 0 5px;
		color:#e85403;
	}
	.productsInner{
		padding:0;
	}
	/* jquery.tile の $('.pickupGlid p').tile() を置き換え。
	   3段構えで実現している。
	     1. .pickupGlidBox を flex にして .pickupGlid を等高にする
	     2. a を縦並び flex にして .pickupGlid の高さいっぱいに伸ばす
	     3. p に flex:1 を与えて残りの高さを吸収させる
	   サムネイル画像は全て同比率（4:3）で高さが揃うため、
	   結果として p の高さも揃い、tile() と同じ見た目になる。
	   幅・溝は既存の width / margin をそのまま使うので寸法は変わらない。 */
	.pickupGlidBox{
		width:100%;
		float:left;
		display:flex;
		flex-wrap:wrap;
	}
	.pickupGlidBox a{
		display:flex;
		flex-direction:column;
		flex:1;
	}
	.pickupGlid{
		/* float は flex アイテムでは無視されるため削除した */
		display:flex;
		width:24.2%;
		margin:1% 0 1% 1%;
	}
	.pickupGlid img{
		width:100%;
	}
	.pickupGlid p{
		padding:5%;
		background-color: #003360;
		width:100%;
		font-size:13px;
		line-height:14px;
		flex:1;
	}
	.pickupGlid a{
		color:#ffffff;
	}
	.pickupGlid a:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
		-moz-opacity:0.80;
		opacity:0.80;
	}
	.pickupGlid:first-child{
		margin-left:0;
	}
	.pickupDcmnt:after{
		font-family: 'FontAwesome';
		content: "\f105";
		float:right;
		font-weight:bold;
		font-size:1.5em;
		line-height:14px;
	}
	.newsBox{
		width:100%;
		float:left;
	}
	.container{
		padding-bottom:0!important;
	}
	#topNewsWrapper{
		margin:20px auto 55px;
		width:90%;
	}
	.newsLinkBtn {
		float: left;
		margin: 23px 0 15px;
	}
	.newsLinkBtn li{
		border:none;
		float: left;
		margin-left: 20px;
	}
	.newsLinkBtn li a{
		color:#003360;
	}
	.newsLinkBtn li a:hover{
		color:#e85403;
	}
	.newsLinkBtn li:after{
		font-family: 'FontAwesome';
		content: "\f144";
		margin:0 0 0 5px;
		color:#e85403;
	}
	.topH3 {
		font-size: 18px;
		margin: 20px 0;
		float: left;
	}
	.newsContents {
		line-height: 18px;
		margin-bottom: 8px;
		clear: both;
	}

	.newsContents .date{
		margin-right: 15px;
		display: block;
		float: left;
		margin-bottom: 5px;
		min-width: 225px;
	}
	.newsContents a {
		color: #646464;
		display: block;
		float: left;
	}
	.newsIcon{
		float: right;
		width: 130px;
		display: inline-block;
		text-align: center;
		font-size: 11px;
	}

	
	.category-01 .newsIcon , .category-03 .newsIcon,.category-04 .newsIcon{
		background-color: #787878;
		text-align: center;
		color: white;
	}
	
	.category-02 .newsIcon {
		background-color: #e85403;
		text-align: center;
		color: white;
	}
	.newsContents a:hover{
		color:#e85403;
		text-decoration: none;
	}
	.movieLink{
		float:right;
	}
	.pickupGlidMov{
		position:relative;
	}
	.movieIcon{
		position: absolute;
		top: 0;
	}
	.pickupGlid a:hover .movieIcon{
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity:1.0;
		opacity:1.0;
	}
}
@media only screen and (min-width:767px) and (max-width:992px) {
	.pickupGlid p{
		padding:3%;
		font-size:12px;
	}
	.pickupDcmnt:after{
		font-family: 'FontAwesome';
		content: "\f105";
		float:right;
		font-weight:bold;
		font-size:1.5em;
	}
	#topNewsWrapper{
		margin:20px auto 80px;
		width:98%;
	}
}
@media only screen and (max-width: 767px) {
	.tabMenu {
		text-align: center;
		list-style: none;
		padding: 0;
		line-height: 1.8;
		width:100%;
		margin:0 auto;
		position: relative;
		margin-bottom:20px;
	}
	.tabMenu li {
		border-bottom: 1px solid #ffffff;
		background-color: #003360;
		display: inline-block;
		font-size:14px;
		width:100%;
		/*width:31.5%;*/
		color:#ffffff;
		position: relative;
		z-index: 0;
	}
	.tabMenu li a{
		color:#ffffff;
		width:100%;
		display: inline-block;
		padding: 15px 0;
	}
	.tabMenu:after {
		position: absolute;
		content: "";
		width: 100%;
		bottom: 0;
		left: 0;
		border-bottom: 1px solid #e5e5e5;
		z-index: 1;
	}
	.tabMenu:before {
		z-index: 1;
	}
	.tabMenu li.selected {
		z-index: 2;
		border-bottom-color: #ffffff!important;
		background-color: #ffffff;
		border: 1px solid #e5e5e5;
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, rgb(230, 230, 230)),
			color-stop(0.4, rgb(255, 255, 255))
		);
		background-image: -o-linear-gradient(bottom, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 40%);
		background-image: -moz-linear-gradient(bottom, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 40%);
		background-image: -webkit-linear-gradient(bottom, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 40%);
		background-image: -ms-linear-gradient(bottom, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 40%);
		background-image: linear-gradient(to bottom, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 40%);
	}
	.tabMenu li.selected a{
		color:#003360;
	}
	.pickupBox{
		background-image: url(/assets/img/kioritz/brandPkz.gif);
		float:left;
		padding:15px 0;
		-moz-box-shadow:inset 2px -26px 38px -38px #000, inset 2px 26px 38px -38px #000;
		-webkit-box-shadow:inset 2px -26px 38px -38px #000, inset 2px 26px 38px -38px #000;
		box-shadow:inset 2px -26px 38px -38px #000, inset 2px 26px 38px -38px #000;
		width:100%;
		clear: both;
	}
	.innerTextMenu{
		margin-bottom:0;
	}
	.topSubTitle{
		color: #646464;
		font-size: 18px;
		margin:5px 0;
		padding-left:2%;
	}
	.topSubTitle:before {
		content: "";
		width:5px;
		height:22px;
		float:left;
		display:block;
		margin-right: 5px;
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, rgb(0, 51, 96)),
			color-stop(0.5, rgb(0, 51, 96)),
			color-stop(0.5, rgb(232, 83, 3)),
			color-stop(1, rgb(232, 83, 3))
		);
		background-image: -o-linear-gradient(bottom, rgb(0, 51, 96) 0%, rgb(0, 51, 96) 50%, rgb(232, 83, 3) 50%, rgb(232, 83, 3) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(0, 51, 96) 0%, rgb(0, 51, 96) 50%, rgb(232, 83, 3) 50%, rgb(232, 83, 3) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(0, 51, 96) 0%, rgb(0, 51, 96) 50%, rgb(232, 83, 3) 50%, rgb(232, 83, 3) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(0, 51, 96) 0%, rgb(0, 51, 96) 50%, rgb(232, 83, 3) 50%, rgb(232, 83, 3) 100%);
		background-image: linear-gradient(to bottom, rgb(0, 51, 96) 0%, rgb(0, 51, 96) 50%, rgb(232, 83, 3) 50%, rgb(232, 83, 3) 100%);
	}
	.topSubTitle span{
		font-size:13px;
		float:right;
		padding-right:10px;
	}
	.topSubTitle span a{
		color:#003360;
	}
	.topSubTitle span:after{
		font-family: 'FontAwesome';
		content: "\f144";
		margin:0 0 0 5px;
		color:#e85403;
	}
	.productsInner{
		padding:0;
	}
	/* 等高揃え。min-width:768px 側と同じ理由（jquery.tile の置き換え）。
	   SP は2列2行になるため、行ごとに揃う（旧 tile() は全4件を一律に揃えていた）。 */
	.pickupGlidBox{
		width:100%;
		float:left;
		padding:1%;
		display:flex;
		flex-wrap:wrap;
	}
	.pickupGlidBox a{
		display:flex;
		flex-direction:column;
		flex:1;
	}
	.pickupGlid{
		/* float は flex アイテムでは無視されるため削除した */
		display:flex;
		width:48%;
		margin:1% 1% 0;
	}
	.pickupGlid img{
		width:100%;
	}
	.pickupGlid p{
		padding:3%;
		background-color: #003360;
		width:100%;
		font-size:12px;
		line-height:14px;
		flex:1;
	}
	.pickupGlid a{
		color:#ffffff;
	}
	.pickupGlid a:hover{
		opacity: 0.8;
		filter: alpha(opacity=80);
		-moz-opacity:0.80;
		opacity:0.80;
	}
	.pickupDcmnt:after{
		font-family: 'FontAwesome';
		content: "\f105";
		float:right;
		font-weight:bold;
		font-size:1.5em;
		line-height:14px;
	}
	.brandContainer{
		float:left;
	}
	#topNewsWrapper{
		padding-top:20px;
		margin:0 auto 60px;
		width:98%;
		clear:both;
	}
	.newsLinkBtn {
		float: left;
		margin-left:2%;
	}
	.newsLinkBtn li{
		border:none;
		float: left;
		margin-left: 20px;
	}
	.newsLinkBtn li a{
		color:#003360;
	}
	.newsLinkBtn li a:hover{
		color:#e85403;
	}
	.newsLinkBtn li:after{
		font-family: 'FontAwesome';
		content: "\f144";
		margin:0 0 0 5px;
		color:#e85403;
	}
	.topH3 {
		font-size: 18px;
		margin: 20px 0;
		float: left;
	}
	.newsContents {
		line-height: 18px;
		clear: both;
		width:98%;
		margin:0 auto 8px;
	}
	.newsContents .date {
		margin-right: 15px;
		display: block;
		clear: both;
		margin-bottom: 5px;
		
	}
	.newsContents a {
		color: #646464;
		display: block;
		float: left;
	}
	.newsIcon{
		margin-left: 15px;
		width: 130px;
		display: inline-block;
		text-align: center;
		font-size: 11px;
	}
	
	.category-01 .newsIcon , .category-03 .newsIcon , .category-04 .newsIcon{
		background-color: #787878;
		text-align: center;
		color: white;
	}
	
	.category-02 .newsIcon  {
		background-color: #e85403;
		text-align: center;
		color: white;
	}
	.newsContents a:hover{
		color:#e85403;
		text-decoration: none;
	}
	.pickupGlidMov{
		position:relative;
	}
	.movieIcon{
		position: absolute;
		top: 0;
	}
	.pickupGlid a:hover .movieIcon{
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity:1.0;
		opacity:1.0;
	}

	.newsIcon{
		float: none;
	}
}


.tabContents{
	width: 100%;
	
	float: left;
	margin-right: -100%;
	position: relative;
	opacity: 0;
	display: block;
	z-index: 1;
	clear:  none;
}

.tabContents#tab_1{
	opacity: 1;
}