@charset "shift-jis";

/* Clearfix
---------------------------------------------------------- */
.m-contents_history .m-txt_box01,
.m-btn_history02 {
	display: block;
	min-height: 1%;
}
 .m-contents_history .m-txt_box01:after,
 .m-btn_history02:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .m-contents_history .m-txt_box01,
* html .m-btn_history02 {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* contents
---------------------------------------------------------- */
.m-contents_history .section {
	margin-bottom: 20px;
}
.m-main_img {
	margin-bottom: 0;
}
.m-main_img img{
	display: block;
}
.m-btn_history01 {
	width: 100%;
	position: absolute;
	bottom: 40px;
	left: 0;
}
	.m-btn_history01 ul.m-btn_list {
		display: table;
		margin: 0 auto;
	}
		.m-btn_history01 ul.m-btn_list li {
			display: table-cell;
			padding: 0 6px;
			vertical-align:bottom;
		}
			.m-btn_history01 ul.m-btn_list li a,
			.m-btn_history01 ul.m-btn_list li a img {
				width: 100%;
				display: block;
			}
			.m-btn_history01 ul.m-btn_list li a {
				background-position: center 0;
				background-repeat: no-repeat;
				background-size: contain;
			}
				.m-btn_history01 ul.m-btn_list li.m-btn_list01 a {
					background-image: url(/enjoy/history/img/btn-history01.png);
				}
				.m-btn_history01 ul.m-btn_list li.m-btn_list01 a:hover,
				.m-btn_history01 ul.m-btn_list li.m-btn_list01_on a {
					background-image: url(/enjoy/history/img/btn-history01_on.png);
				}
				.m-btn_history01 ul.m-btn_list li.m-btn_list02 a {
					background-image: url(/enjoy/history/img/btn-history02.png);
				}
				.m-btn_history01 ul.m-btn_list li.m-btn_list02 a:hover,
				.m-btn_history01 ul.m-btn_list li.m-btn_list02_on a {
					background-image: url(/enjoy/history/img/btn-history02_on.png);
				}
				.m-btn_history01 ul.m-btn_list li.m-btn_list03 a {
					background-image: url(/enjoy/history/img/btn-history03.png);
				}
				.m-btn_history01 ul.m-btn_list li.m-btn_list03 a:hover,
				.m-btn_history01 ul.m-btn_list li.m-btn_list03_on a {
					background-image: url(/enjoy/history/img/btn-history03_on.png);
				}
					.m-btn_history01 ul.m-btn_list li a img {
						visibility: hidden;
						margin: 0 auto;
					}

.m-contents_history {
	background: url(/enjoy/history/img/bg-history_bottom.jpg) right bottom no-repeat;
	background-size: contain;
	padding: 0 50px 50px;
}			
p.m-separator_line {
	background: url(/enjoy/history/img/img-separator_line.png) center bottom no-repeat;
	padding-bottom: 49px;
}

.m-contents_history h2.m-title01 {
	border-bottom: 1px solid #bab1ab;
	margin-bottom: 20px;
}
	.m-contents_history h2.m-title01 span {
		font-size: 18px;
		font-weight: normal;
		margin-left: 10px;
	}
	.m-contents_history .m-txt_left .m-txt {
		width: 370px;
		box-sizing: border-box;
		margin-right: 20px;
	}
	.m-contents_history .m-txt_left .m-txt_img {
		width: 280px;
		text-align: center;
	}
		.m-contents_history .m-txt_left .m-txt_img img.m-img_frame {
			border: 1px solid #bab1ab;
			padding: 3px;
		}

.m-btn_history02 a{
	width: 170px;
	height: 44px;
	display: block;
}
.m-btn_history02 a img {
	width: 170px;
	display: block;
}
.m-btn_history02 a {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
}
	.m-btn_history02 p.m-btn_footer01 a{
		background-image: url(/enjoy/history/img/btn-history04.png);
	}
	.m-btn_history02 p.m-btn_footer01 a:hover {
		background-image: url(/enjoy/history/img/btn-history04_on.png);
	}
	.m-btn_history02 p.m-btn_footer02 a{
		background-image: url(/enjoy/history/img/btn-history05.png);
	}
	.m-btn_history02 p.m-btn_footer02 a:hover {
		background-image: url(/enjoy/history/img/btn-history05_on.png);
	}
	.m-btn_history02 p.m-btn_footer03 a{
		background-image: url(/enjoy/history/img/btn-history06.png);
	}
	.m-btn_history02 p.m-btn_footer03 a:hover {
		background-image: url(/enjoy/history/img/btn-history06_on.png);
	}
	.m-btn_history02 p.m-btn_footer04 a{
		background-image: url(/enjoy/history/img/btn-history07.png);
	}
	.m-btn_history02 p.m-btn_footer04 a:hover {
		background-image: url(/enjoy/history/img/btn-history07_on.png);
	}
		.m-btn_history02 a img {
			visibility: hidden;
		}

/* ◆アイコン */
.m-icon_diamond {
	text-indent: -20px;
	padding-left: 20px;
}
.m-icon_diamond:before{
	display: inline-block;
	background: url(/enjoy/history/img/ico-diamond.png) 0 center no-repeat;
	background-size: 100%;
	margin-right: 5px;
	width: 15px;
	height: 22px;
	content: "　";
}

/* スマホ表示：横幅767px */
@media screen and (max-width: 767px){
	.m-contents_history .section {
		margin-bottom: 30px;
	}
	.m-btn_history01 {
		bottom: 30px;
	}
	.m-btn_history01 ul.m-btn_list {
		width: 558px;
	}
			.m-btn_history01 ul.m-btn_list li {
				width: auto;
				width: -webkit-calc(30% - 4px);
				width: -moz-calc(30% - 4px);
				width: calc(30% - 4px);
				padding: 0 2px;
			}
	.m-contents_history {
		padding: 0 20px 30px;
	}
		.m-contents_history h2.m-title01 {
			font-size: 22px !important;
		}
		.m-contents_history h2.m-title01 span {
			font-size: 18px;
		}
		.m-contents_history .m-txt_left .m-txt,
		.m-contents_history .m-txt_left .m-txt_img {
			width: 100%;
		}
			.m-contents_history .m-txt_left .m-txt_img img {
				width: 150px;
				height: auto;
			}
			.m-contents_history .m-txt_left .m-txt_img img.m-img_frame {
				width: 200px;
				height: auto;
			}
			.m-contents_history .m-txt_left .m-txt_img img.img_l {
				width: 220px;
				height: auto;
			}
	.m-sNavi dd a {
		line-height: 1.4;
	}
	.m-btn_history02 .flL {
		float: left !important;
	}
	.m-btn_history02 .flR {
		float: right !important;
	}

	.m-btn_history02 a img {
		visibility: visible;
	}

}
@media screen and (max-width: 600px){
	.m-btn_history01 ul.m-btn_list {
		width: auto;
		width: -webkit-calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		width: calc(100% - 20px);
	}
			.m-btn_history01 ul.m-btn_list li {
				width: auto;
				width: -webkit-calc(30% - 4px);
				width: -moz-calc(30% - 4px);
				width: calc(30% - 4px);
				padding: 0 1px;
			}
}
@media screen and (max-width: 480px){
	.m-contents_history .section {
		margin-bottom: 20px;
	}
	.m-btn_history01 {
		bottom: 20px;
	}
		.m-btn_history01 ul.m-btn_list {
			width: auto;
			width: -webkit-calc(100% - 10px);
			width: -moz-calc(100% - 10px);
			width: calc(100% - 10px);
		}
	.m-contents_history {
		padding: 0 10px 20px;
	}
	.m-contents_history h2.m-title01 {
		margin-bottom: 20px;
	}
	.m-contents_history p.mb30 {
		margin-bottom: 20px!important;
	}
	p.m-separator_line {
		padding-bottom: 39px;
	}
	
	.m-btn_history02 a {
		width: 140px;
		height: 36px;
	}
}
@media screen and (max-width: 320px){
	.m-btn_history02 a {
		width: 115px;
		height: 30px;
	}
}