/**
 * BlankPlate | Yet another HTML5 Starter Kit
 *
 * BlankPlate Main stylesheet
 *
 * @copyright	Copyright 2012, Dimitris Krestos
 * @license		Apache License, Version 2.0 (http://www.opensource.org/licenses/apache2.0.php)
 * @link		http://vdw.staytuned.gr/html5-starter-kit-blankplate/
 * @package		BlankPlate
 * @version		v1.2.3
 */


/*タブ全体を囲む
---------------------------------*/
.tabArea {
}
.tabs_wrap {
	width: 96%;
  margin: 0 auto;
}
.tabs {
}
@media only screen and ( max-width: 749px ) {
.tabs {

}
}
/*タブタイトル部分
---------------------------------*/
/*.tabs ul{
	width: 90%;
	max-width: 1000px;
	margin: min(5%, 50px) auto 0;
	list-style: none outside none;
	font-size: 0;
}
.tabs li {
	width: calc(100% / 2);
	margin: 0 auto 0;
	display: inline-block;
}*/
#tabs_usp1 .tabs ul{
	width: calc(845 / 990 * 100%);
	max-width: 845px;
	margin: 0 auto 0;
	list-style: none outside none;
	font-size: 0;
  position: relative;
}
#tabs_usp1 .tabs li {
	width: calc(100% / 5);
	margin: 0 auto 0;
	display: inline-block;
}


#tabs_usp1 .tabs ul li:nth-child(1) a {
	background: url("../img/tab_01.png") no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	transition:background .3s;
}
#tabs_usp1 .tabs ul li:nth-child(2) a {
	background: url("../img/tab_02.png") no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	transition:background .3s;
}
#tabs_usp1 .tabs ul li:nth-child(3) a {
	background: url("../img/tab_03.png") no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	transition:background .3s;
}
#tabs_usp1 .tabs ul li:nth-child(4) a {
	background: url("../img/tab_04.png") no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	transition:background .3s;
}
#tabs_usp1 .tabs ul li:nth-child(5) a {
	background: url("../img/tab_05.png") no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	transition:background .3s;
}
#tabs_usp1 .tabs ul li:nth-child(1) a:hover {
	background: url("../img/tab_01_on.png") no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	transition:background .3s;
}
#tabs_usp1 .tabs ul li:nth-child(2) a:hover {
	background: url("../img/tab_02_on.png") no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	transition:background .3s;
}
#tabs_usp1 .tabs ul li:nth-child(3) a:hover {
	background: url("../img/tab_03_on.png") no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	transition:background .3s;
}
#tabs_usp1 .tabs ul li:nth-child(4) a:hover {
	background: url("../img/tab_04_on.png") no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	transition:background .3s;
}
#tabs_usp1 .tabs ul li:nth-child(5) a:hover {
	background: url("../img/tab_05_on.png") no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	transition:background .3s;
}
#tabs_usp1 .tabs ul li:nth-child(1).active a {
	background: url("../img/tab_01_on.png") no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;  
	-o-background-size: cover; 
}
#tabs_usp1 .tabs ul li:nth-child(2).active a {
	background: url("../img/tab_02_on.png") no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;  
	-o-background-size: cover; 
}
#tabs_usp1 .tabs ul li:nth-child(3).active a {
	background: url("../img/tab_03_on.png") no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;  
	-o-background-size: cover; 
}
#tabs_usp1 .tabs ul li:nth-child(4).active a {
	background: url("../img/tab_04_on.png") no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;  
	-o-background-size: cover; 
}

#tabs_usp1 .tabs ul li:nth-child(5).active a {
	background: url("../img/tab_05_on.png") no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;  
	-o-background-size: cover; 
}

.tabs a  {
	color: #fff;
	display: block;
	text-decoration: none;
	white-space: nowrap;
}

/*.tabs ul li a img {
	opacity: 1;
}
.tabs ul li a:link img:hover {
	opacity: 1;
}
*/
/*現在のタブ
---------------*/
.active {
}
.active a {
}
.tabs ul li.active a img {
}

@media only screen and ( max-width: 599px ) {
	.tabs a  {
	}
}

/*タブコンテンツを囲む
---------------------------------*/
/*#tab-1,#tab-3,#tab-5,#tab-7,#tab-9 {
  border-top: 10px solid #822043;
}
#tab-2,#tab-4,#tab-6,#tab-8,#tab-10 {
  border-top: 10px solid #007cb4;
}
*/
.tab_box_wrap {
	width: 100%;
	max-width: 890px;
	margin: -4px auto 5%;
}
.tab_box {
  width: calc(860 / 890 * 100%);
  max-width: 860px;
  margin: 0 auto;
  padding-bottom: 5%;
}
#tab-1 .tab_box {
  background: #af0000;
  border-radius: 14px;
  border: 4px solid #fff;
}
#tab-2 .tab_box {
  background: #00A7BC;
  border-radius: 14px;
  border: 4px solid #fff;
}
#tab-3 .tab_box {
  background: #004b00;
  border-radius: 14px;
  border: 4px solid #fff;
}
#tab-4 .tab_box {
  background: #00004b;
  border-radius: 14px;
  border: 4px solid #fff;
}
#tab-5 .tab_box {
  background: #61004B;
  border-radius: 14px;
  border: 4px solid #fff;
}
/*#tab-2 .tab_box_wrap {
  border-top: 2px solid #fa6e00;
}
#tab-3 .tab_box_wrap {
  border-top: 2px solid #1e4696;
}
#tab-4 .tab_box_wrap {
  border-top: 2px solid #003c50;
}
#tab-5 .tab_box_wrap {
  border-top: 2px solid #460000;
}*/


@media only screen and ( max-width: 749px ) {
  #tab-2 {
  }
  #tab-3 {
  }
  #tab-2 .tab_box_wrap,
  #tab-3 .tab_box_wrap {
}

}
/*メインコンテンツ*/
.tab_item {
  margin: 0 auto 0;
}
.tab_bottom {
  margin-top: -4%;
}
/*タブ切替用*/
/*.tab_changer {
	width: 10%;
	margin: 0 auto;
}
*/
/*タブコンテンツ背景*/
/*#tab-1 .tab_box {
	background: #66d4f5;
}
#tab-2 .tab_box {
	background: #fff000;
}
#tab-1 .tab_changer {
	background: url("../img/bg_tab1_changer.png") right top / auto 100% no-repeat;
	
}
#tab-2 .tab_changer {
	background: url("../img/bg_tab0_changer.png") left top / auto 100%  no-repeat;
}
*/
/*@media only screen and ( max-width: 639px ) {
.tab_box {
	width: 90%;
	max-width: 840px;
	margin: 0 auto;
}
.tab_changer {
	width: 10%;
	margin: 0 auto;
	}
	#tab-1 .tab_changer {
		background: url("../img/bg_tab1_changer.png") right top / 100% auto no-repeat;
	}
	#tab-2 .tab_changer {
		background: url("../img/bg_tab0_changer.png") left top / 100% auto no-repeat;
	}
}
*/
/*.side_tab {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
*/