.info-tabs-box {
	width: 100%;
	scroll-margin-top: 4.6rem;
	min-height: 4.2rem;
	margin-top: 2rem;
	@media (min-width: 835px) {
		min-height: 42px;
		margin-top: 0;
	}
	.info-tabs {
		display: flex;
		flex-flow: row nowrap;
		justify-content: left;
		background: #fff;
		width: 100%;
		margin-top: 2rem;
		border-bottom: .1rem solid #E5E5E5;
		padding: 0 0.8rem;
		@media (min-width: 835px) {
			margin-top: 50px;
			border-bottom-width: 1px;
			padding: 0 9px;
		}

		&.is-sticky {
			position: fixed;
			top: 0;
			left: 0;
			z-index: 2;
			margin: 0;
		}

		.info-tab {
			display: flex;
			align-items: center;
			justify-content:center;
			border: 1px solid #E5E5E5;
			border-right: none;
			background: #F7F7F7;
			cursor: pointer;
			width: 9.4rem;
			height: 4.2rem;
			margin-bottom: -.1rem;
			border-radius: .5rem .5rem 0 0;

			@media (min-width: 835px) {
				width: 158px;
				height: 42px;
				margin-bottom: -1px;
				border-radius: 5px 5px 0 0;
			}

			&:last-child {
				border-right: .1rem solid #E5E5E5;
				@media (min-width: 835px) {
					border-right-width: 1px;
				}
			}

			&.selected {
				cursor: default;
				background: #fff;
				border-bottom: 1px solid #fff;
				font-weight: bold;
			}
		}
	}
}


[class^="info-tab-body"] {
	width: 100%;
	display: none;

	&.showed {
		display: block;
	}
}