@charset "utf-8";

/******************************************************
 *
 * セグメント
 *
 ******************************************************/
.segment-tab-box {
}
.segment-tab-box .segment-tabs {
	position: relative;
	font-size: 115%;
}
.segment-tab-box .segment-tabs ul {
	display: table;
	table-layout: fixed;
	width: 100%;
	box-sizing: border-box;
	border: solid 2px #285ca9;
	overflow: hidden;
	background-color: #285ca9;
	color: white;
	border-top-left-radius: 1.1em;
    border-bottom-left-radius: 1.1em;
	border-top-right-radius: 1.1em;
    border-bottom-right-radius: 1.1em;
}
.segment-tab-box .segment-tabs ul > li.segment-tab {
	display: table-cell;
	text-align: center;
	border-left: 1px solid #285ca9;
	border-right: 1px solid #285ca9;
}
.segment-tab-box .segment-tabs ul > li.segment-tab:first-child {
	border-left: none;
}
.segment-tab-box .segment-tabs ul > li.segment-tab:last-child {
	border-right: none;
}
.segment-tab-box .segment-tabs ul > li:not(.segment-active) {
	background-color: white;
	color: #285ca9;
}
.segment-tab-box .segment-tabs ul > li.segment-disabled {
	background-color: #bfbfbf;
	color: white;
}
.segment-tab-box .segment-tabs ul > li.segment-disabled a,
.segment-tab-box .segment-tabs ul > li.segment-active a {
	cursor: default;
}
.segment-tab-box .segment-tabs > ul > li.segment-tab a,
.segment-tab-box .segment-tabs > ul > li.segment-tab p {
	display: block;
	padding: 0.7em 2px;
	text-align: center;
}
.android .segment-tab-box .segment-tabs > ul > li.segment-tab a,
.android .segment-tab-box .segment-tabs > ul > li.segment-tab p {
	padding-top: 0.8em;
	padding-bottom: 0.6em;
}
.segment-tab-box .segment-wrapper {
	position: relative;
}
.segment-tab-box .segment-wrapper .segment-content {
	display:none;
}
.segment-tab-box .segment-wrapper .segment-content.segment-active {
	display:block;
}