@charset "utf-8";
/* CSS Document */





.ui-tabs { position: relative; padding: .2em; zoom: 1; margin-bottom: 20px;


}
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; height:2.7em;display: flex;
justify-content: space-between;
	align-items: flex-end;
border-bottom: 4px solid #fdcd42;

}
.ui-tabs .ui-tabs-nav li { list-style: none; position: relative; top: 0; margin: 1px 0 0 0; border-bottom: 0; padding: 0; white-space: nowrap;width: 48%;border-radius: 6px 6px 0 0;}


.ui-tabs .ui-tabs-nav li a { 
	padding: .5em 0; text-decoration: none; 
	width: 100%;text-align: center;background: #e5e5e5;
	border-radius: 6px 6px 0 0;
	display: block;
	 outline: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; 
background: #fdcd42;
	color: #fff;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em .4em; 
	transform:translateZ(1px); 
	background: #fff;

}

#oneday_flow{
	
}

#oneday_flow .block{
	display: flex;
	flex-direction: column-reverse
}

#oneday_flow .block img{
	width: 100%;
	height: auto;
}

.flex_box{
	display: flex;
	flex-direction: column;
}

.flex_box .img{
	margin:0 auto;
	width: 100%;
}

.flex_box .img img{
	width: 100%;
	height: auto;
	margin:0 auto;
	display: block;
}

.flex_box .img p{
	font-size: 1.2rem;
}


.flow{
	border: 1px solid rgba(54,94,70,1);
	padding: 10px;
	border-radius: 8px;
}

.flow dl{
	margin: 0 0 10px;
}
.flow h3{
	border-left: 0px double rgba(54,94,70,1);
	border-bottom: 3px double rgba(54,94,70,1);
}
.flow dt{
	color: rgba(54,94,70,1);
	margin: 0 0 0.5em 0;
	padding: 2px 0 0 8px;
	border-bottom: 1px dotted rgba(54,94,70,1);
	font-weight: normal;
	line-height: 1.5;
	font-size: 1.8rem;
}
.flow dd{
	padding: 2px 0 0 8px;
}

@media screen and (min-width:768px) {
	#oneday_flow .block{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	#oneday_flow .block img{
		width: 340px;
		height: auto;
	}
	.flex_box{
		display: flex;
		flex-direction: row;
	}
	.flex_box.reverse{
		display: flex;
		flex-direction: row-reverse;
	}
	.flex_box .img{
		margin-right: 20px;
		flex: 0 1 45%;
	}
	.flex_box .block{
		flex:1 0 50%;
	}
	
	.flex_box.reverse .img{
		margin-left: 20px;
		margin-right: 0px;
	}
	
}