@charset "UTF-8";

.swichtab-controller {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
}

.swichtab-controller > li {
  flex: 1 1 auto;
  border: #d9d9d9 1px solid;
  border-width: 1px 1px 1px 0;
  background-color: #ffffff;
}

.swichtab-controller > li:first-child {
  border-width: 1px;
}

.swichtab-controller > li > a {
	display: flex;
	height: 50px;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	text-decoration: none;
	font-size: 19px;
	color: #555555;
	letter-spacing: -0.5px;
	font-weight: normal;
}
.swichtab-controller > li.is-active{
	background-color: #313040;
	border: 1px solid #313040;
	/*
	border-top: 3px solid #ff7062;
	*/
}

.swichtab-controller > li.is-active > a {
	font-size: 19px;
	/*
	background-color: #313040;
	*/
	color: #ffffff;
	letter-spacing: -0.5px;
	font-weight: normal;
	border-bottom: none;
}

.swichtab-contents {
	padding: 30px 0px 30px 0px;
	border: none;
	/*
	padding: 20px;
	border: #e3e5e4 1px solid;
	*/
	border-width: 0 1px 1px 1px;
	overflow: hidden;
}

.swichtab-panel {
  display: none;
}

.swichtab-controller-main {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
}

.swichtab-controller-main > li {
  flex: 1 1 auto;
  border: #d9d9d9 1px solid;
  border-width: 1px 1px 1px 0;
  background-color: #f5f5f5;
}

.swichtab-controller-main > li:first-child {
  border-width: 1px;
}

.swichtab-controller-main > li > a {
	display: flex;
	height: 50px;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	text-decoration: none;
	font-size: 16px;
	color: #555555;
	letter-spacing: -0.5px;
	font-weight: bold;
}
.swichtab-controller-main > li.is-active{
	background-color: #FFFFFF;
	color: #cc0066;
	border-bottom: 1px solid #FFFFFF;
	/*
	border-top: 3px solid #ff7062;
	*/
}

.swichtab-controller-main > li.is-active > a {
	font-size: 16px;
	/*
	background-color: #313040;
	*/
	color: #cc0066;
	letter-spacing: -0.5px;
	font-weight: bold;
	border-bottom: none;
}

.swichtab-contents-main {	
	border: none;
	/*
	padding: 20px;
	border: #e3e5e4 1px solid;
	*/
	border-width: 0 1px 1px 1px;
	overflow: hidden;
}

.swichtab-controller-selfdesign {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
}

.swichtab-controller-selfdesign > li {
  flex: 1 1 auto;
  background-color: #b2b2b2;
}

.swichtab-controller-selfdesign > li > a {
	display: flex;
	height: 30px;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	text-decoration: none;
	font-size: 14px;
	color: #555555;
	letter-spacing: -0.5px;
}
.swichtab-controller-selfdesign > li.is-active{
	background-color: #333333;
	color: #FFF;
}

.swichtab-controller-selfdesign > li.is-active > a {
	font-size: 14px;
	color: #FFF;
	letter-spacing: -0.5px;
	border-bottom: none;
}

.swichtab-contents-selfdesign {	
	border: none;
	overflow: hidden;
}