@media (max-width: 786px) {

	.timeline {
		display: none;
	}

	.history > article {
		width: 100%;
		margin: auto;
		background-image: url(../../img/timeline.png);
		background-position-x: 10px;
		background-repeat: repeat-y;
		background-size: contain;
	}

	.history {
		text-align: left;
		padding: 0 20px 0 10px;
	}


	.history-title > h2 {
		left: 1.8em;
		color: #000;
		width: auto;
		bottom: 4px;
		letter-spacing: 5px;
	}

	.history-title > img {
		margin-left: 0;
		width: 26px;
		margin-bottom: 4px;
	}

	.history-title > .heart {
		margin: 0px;
		width: 26px;
	}

	.history [class*=-list-item] .frame {
		width: 120px;
		height: 130px;
	}

	.history-content p {
		max-width: none;
		max-width: unset;
	}

	.history-list {
		display: inline-block;
		width: calc(100% - 20px);
		padding-top: 40px;
	}

	.history .history-list-item {
		width: 100%;
		padding-left: 30px;
		margin-bottom: 50px;
		background-image: url(../../img/reddot.png);
		background-position: 3px 10px;
		background-repeat: no-repeat;
	}

	.history-list-item > .history-img {
		vertical-align: top;
	}

	.history .history-list-item:nth-of-type(odd) .history-img,
	.history .history-list-item:nth-of-type(even) .history-content {
		right: auto;
		right: unset;
		text-align: left;
		margin: 0px;
	}

	.history .history-list-item:nth-of-type(even) .history-img,
	.history .history-list-item:nth-of-type(odd) .history-content {
		left: auto;
		left: unset;
		margin: 0px;
		text-align: left;
	}

	.history .history-list-item:nth-of-type(1) > div {
		top: auto;
		top: unset;
	}
	.history .history-list-item > div {
		position: static;
	}

	.history .history-list-item:nth-of-type(n) .history-content {
		width: calc(100% - 110px - 24px);
		margin: 0;
		padding: 0;
		margin-left: 10px;
	}


	img[src*=zoom] {
		width: 30px;
		bottom: 15px;
	}
}


@media (max-width: 440px) {

	img[src*=zoom] {
		width: 10%;
	}


	.history .history-list-item:nth-of-type(n) .history-img {
		display: block;
		width: 100%;
	}

	.history [class*=-list-item] .frame {
		padding-bottom: calc(100% - 100px);
		width: 100%;
	}

	.frame > a {
		display: block;
		height: 100%;
	}

	.history .history-list-item:nth-of-type(n) .history-content {
		margin-top: 5vw;
		width: 100%;
	}

	.history img[src*=zoom]{
		bottom: 15%;
	}

	.history .history-list-item:nth-of-type(n) > .history-content {
		margin-left: 0;
	}

	.history-list {
		width: calc(100% - 30px);
	}

	.history-title h2 {
		left: calc(50% - 10px - 2em);
	}

	.history .history-list-item {
		background-position: 5px 50px;
		margin-top: 70px;
	}

	.history .history-list-item:first-child {
		margin-top: 0;
	}

}


@media (max-width: 320px) {
	.history {
		padding-left: 5px;
	}
}