@charset "UTF-8";

/* ***
 *	index
 * ***/
div.navi > h2{
	background: #faa01f;
}

.notes{
	margin-bottom: 45px;
}

.notes dt{
	margin-bottom: 13px;
	font-size: 1.3rem;
	text-align: center;
}

.notes dd{
	font-size: 1.3rem;
	line-height: 1.6;
	letter-spacing: 0.1em;
}

.tabContents-wrap{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}

.tabContents {
	display: none;
}

.tabContents.active {
	display: block;
}

.tab{
	width: 198px;
	list-style-type: none;
}

.tab li{
	position: relative;
	font-size: 1.8rem;
	font-weight: bold;
}

.tab li:not(:last-child){
	border-bottom: 1px solid #fff;
}

.tab li.active:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -20px;
	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #FFF;
	z-index: 2;
}

.tab li.active:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -19px;
	margin-top: -17px;
	border: 17px solid transparent;
	border-right: 17px solid #faa01f;
	z-index: 1;
}

.tab li a{
	display: block;
	padding: 11px 0;
	color: #fff;
	letter-spacing: 0.1em;
	text-align: center;
	background: #faa01f;
}

.tab li:first-child a{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.tab li:last-child a{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.tabContents{
	margin-left: 17px;
	padding: 3px 10px;
	flex :1;
	-webkit-flex: 1;
	border: 2px solid #faa01f;
}

.tabContents ul{
	list-style-type: none;
}

.tabContents ul li{
	padding: 4px 0;
}

.tabContents ul li:not(:last-child){
	border-bottom: 1px dashed #aaa;
}

.tabContents ul li a{
	position: relative;
	display: block;
	padding-right: 40px;
}

.tabContents ul li a:after{
	content:"";
	position:absolute;
	display: block;
	top:50%;
	left:auto;
	right: 10px;
	width: 24px;
	height: 29px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: url("/~himi/regimen/images/icn_pdf.jpg") no-repeat;
	z-index: 1000000;
}

.tabContents ul li a dl{
	padding: 0 10px;
}

.tabContents ul li a dl dt{
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #faa01f;
	line-height: 1.4;
}

.tabContents ul li a dl dd{
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.4;
	color: #777;
}

@-moz-document url-prefix() {
.tabContents ul li a dl dt{
	line-height: 1.35;
}

.tabContents ul li a dl dd{
	line-height: 1.35;
}
}

@media all and (-ms-high-contrast: none) {
.tabContents ul li a dl dt{
	line-height: 1.35;
}

.tabContents ul li a dl dd{
	line-height: 1.35;
}
}

@media screen and (min-width: 769px){
.tab li a{
	-webkit-transition: 0.7s ease;
	-moz-transition: 0.7s ease;
	-ms-transition: 0.7s ease;
	transition:0.7s ease;
}

.tab li a:hover{
	-moz-opacity:0.7;
	opacity:0.7;
}

.tabContents ul li a{
	-webkit-transition: 0.7s ease;
	-moz-transition: 0.7s ease;
	-ms-transition: 0.7s ease;
	transition:0.7s ease;
}

.tabContents ul li a:hover{
	-moz-opacity:0.6;
	opacity:0.6;
}
}