@charset "UTF-8";

/* *******************************************************************************************
* 
*	こまめ40th スペシャルコンテンツ
*
******************************************************************************************* */

html,body{
	width: 100%;
	height: 100%;
}
html{
	overflow: auto;
}
html.fixed{
	overflow: hidden;
}
body.fixed{
	overflow: hidden;
}

/* ----------------------------- 共通 ----------------------------- */

.contents_header_inner{
	padding-bottom: 15px;
}
.contents_header_bread{
	margin-bottom: 0;
}
#cont .pc{ display: block;}
#cont .sp{ display: none;}
#cont .pcInline{ display: inline-block;}
#cont .spInline{ display: none;}
#cont img{
	width: 100%;
	height: auto;
	vertical-align: top;
	border: none;
}
sup{
	position: relative;
	bottom: 0ex;
	height: 0;
	font-size: 100%;
	line-height: 1;
	vertical-align: baseline;
}
@media screen and (max-width: 736px) {
	#cont .pc{ display: none;}
	#cont .sp{ display: block;}
	#cont .pcInline{ display: none;}
	#cont .spInline{ display: inline-block;}
	.contents_header_inner{
		padding-bottom: 0;
	}
}

/* ----------------------------- アニメーション ----------------------------- */

.animated{
	animation-duration: .6s;
	/*animation-fill-mode: both;*/
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition: all .6s;
}
.section-fadeIn{
	opacity: 0;
}
.anime-fadeIn{
	opacity: 0;
}
.anime-slideIn{
	opacity: 0;
}
.fadeIn{
	animation-name: fadeIn;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
	animation-duration: 2s;
}
@keyframes fadeIn{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.fadeOut{
	animation-name: fadeOut;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
	animation-duration: 1s;
}
@keyframes fadeOut{
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
.slideIn{
	animation: slideIn .6s ease-in;
	animation-fill-mode: both;
}
@keyframes slideIn{
	from {
		transform: translateY(20px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}
.anime-topIn,
.anime-topIn-slow{
	transform: translate(0, -100%);
	overflow: hidden;
}
.anime-topIn.active,
.anime-topIn-slow.active{
	transform: translate(0, 0);
}
.anime-topIn .masked,
.anime-topIn-slow .masked{
	transform: translate(0, 100%);
}
.anime-topIn.active .masked,
.anime-topIn-slow.active .masked{
	transform: translate(0, 0);
}
.anime-btmIn{
	transform: translate(0, 100%);
	overflow: hidden;
}
.anime-btmIn.active{
	transform: translate(0, 0);
}
.anime-btmIn .masked{
	transform: translate(0, -100%);
}
.anime-btmIn.active .masked{
	transform: translate(0, 0);
}
.anime-leftIn,
.anime-leftIn-1,
.anime-leftIn-2,
.anime-leftIn-3{
	transform: translate(-100%, 0);
	overflow: hidden;
}
.anime-leftIn.active,
.anime-leftIn-1.active,
.anime-leftIn-2.active,
.anime-leftIn-3.active{
	transform: translate(0, 0);
}
.anime-leftIn .masked,
.anime-leftIn-1 .masked,
.anime-leftIn-2 .masked,
.anime-leftIn-3 .masked{
	transform: translate(100%, 0);
}
.anime-leftIn.active .masked,
.anime-leftIn-1.active .masked,
.anime-leftIn-2.active .masked,
.anime-leftIn-3.active .masked{
	transform: translate(0, 0);
}
.anime-rightIn,
.anime-rightIn-1,
.anime-rightIn-2{
	transform: translate(100%, 0);
	overflow: hidden;
}
.anime-rightIn.active,
.anime-rightIn-1.active,
.anime-rightIn-2.active{
	transform: translate(0, 0);
}
.anime-rightIn .masked,
.anime-rightIn-1 .masked,
.anime-rightIn-2 .masked{
	transform: translate(-100%, 0);
}
.anime-rightIn.active .masked,
.anime-rightIn-1.active .masked,
.anime-rightIn-2.active .masked{
	transform: translate(0, 0);
}

/* ----------------------------- コンテンツ ----------------------------- */

.comame40th{
	padding-bottom: 80px;
	color: #000;
	overflow: hidden;
}
.comame40th .inner{
	margin: 0 auto;
	width: 980px;
}

@media screen and (max-width: 736px) {
	.comame40th{
		padding-bottom: 40px;
	}
	.comame40th .inner{
		padding: 0 15px;
		width: 100%;
		box-sizing: border-box;
	}
}

/* ヘッダー */
.comame40th_header{
	background: url(../img/bg_main.jpg) center 31px no-repeat;
	background-size: 1148px auto;
}
.comame40th_header .inner{
	padding-top: 40px;
}
.header_logo{
	margin-bottom: 62px;
	width: 143px;
}
.header_ttl{
	margin-bottom: 54px;
	width: 307px;
}
.header_txt{
	margin-bottom: 26px;
	font-size: 16px;
	line-height: 32px;
}
.header_lead{
	position: relative;
	margin: 0 auto;
	width: 800px;
	height: 508px;
}
/* ------------------------- */
/* 1s / 200px; */
.header_lead_line{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 352px;
	height: 0;
	background: url(../img/line_lead.png) center 0 no-repeat;
	z-index: 5;
	transition: all 2.5s ease;
}
.header_lead_line.active{
	height: 508px;
}
/* ------------------------- */
.header_lead_inner{
	position: relative;
	text-align: center;
	z-index: 10;
}
.header_lead_ttl{
	display: inline-block;
	margin-left: -106px;
	margin-bottom: 40px;
	width: 76px;
}
.header_lead_txt{
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 0.12em;
}
.header_lead_txt small{
	font-size: 14px;
}

@media screen and (max-width: 736px) {
	.comame40th_header{
		background: url(../img/bg_main_sp.jpg) center 120px no-repeat;
		background-size: 320px auto;
	}
	.header_logo{
		margin-bottom: 364px;
		width: 100%;
	}
	.header_logo_clm{
		display: flex;
		justify-content: center;
	}
	.header_logo_img{
		margin-right: 18px;
		width: 72px;
	}
	.header_logo_ttl{
		width: 153px;
	}
	.header_ttl{
		margin: 0 auto 15px auto;
		width: 234px;
	}
	.header_txt{
		margin-bottom: 19px;
		font-size: 14px;
		line-height: 24px;
		letter-spacing: 0.12em;
	}
	.header_lead{
		width: 100%;
		height: 317px;
	}
	/* ------------------------- */
	/* 1s / 200px; */
	.header_lead_line{
		width: 170px;
		height: 0;
		background: url(../img/line_lead_sp.png) center 0 no-repeat;
		background-size: 170px auto;
		transition: all 1.6s ease;
	}
	.header_lead_line.active{
		height: 317px;
	}
	/* ------------------------- */
	.header_lead_ttl{
		margin-left: 0;
		margin-bottom: 34px;
		padding-top: 50px;
		width: 100%;
		color: #a32135;
		text-align: center;
	}
	.header_lead_ttl_sub{
		font-size: 18px;
		line-height: 30px;
		font-weight: 600;
		letter-spacing: 0;
	}
	.header_lead_ttl_main{
		font-size: 28px;
		line-height: 30px;
		font-weight: 600;
		letter-spacing: 0.12em;
	}
	.header_lead_txt{
		font-size: 14px;
		line-height: 24px;
		letter-spacing: 0.12em;
		text-align: left;
	}
	.header_lead_txt small{
		font-size: 12px;
	}
}

/* みんなの声 */
.comame40th_voice{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	min-width: 980px;
	border-bottom: 1px solid #f2f2f2;
}
.voice_item{
	position: relative;
	width: 25%;
}
.voice_item a{
	position: relative;
	display: block;
	overflow: hidden;
}
.voice_item_img{
	position: relative;
	z-index: 5;
	transition: all .4s ease;
}
/* hover */
@media screen and (min-width : 737px){
	a:hover .voice_item_img{
		transform: scale(1.05);
	}
}
.voice_item_img_cover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 10;
	transition: all .4s ease;
}
.voice_item_img_cover.cover-01{
	background: rgba(0,147,23,.3);
}
.voice_item_img_cover.cover-02{
	background: rgba(163,33,53,.3);
}
.voice_item_img_cover.cover-03{
	background: rgba(16,78,120,.3);
}
/* hover */
@media screen and (min-width : 737px){
	a:hover .voice_item_img_cover{
		opacity: 1;
	}
}
.voice_item_inner{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	z-index: 15;
}
.voice_item_tag{
	position: absolute;
	top: 0;
	left: 0;
	width: 104px;
	height: 32px;
	color: #fff;
	font-size: 16px;
	line-height: 32px;
	text-align: center;
	font-weight: 600;
}
.voice_item_tag.tag-01{
	background: url(../img/bg_tag_01.png) 0 0 no-repeat;
	background-size: 104px auto;
}
.voice_item_tag.tag-02{
	background: url(../img/bg_tag_02.png) 0 0 no-repeat;
	background-size: 104px auto;
}
.voice_item_tag.tag-03{
	background: url(../img/bg_tag_03.png) 0 0 no-repeat;
	background-size: 104px auto;
}
.voice_item_ttl{
	color: #fff;
	font-size: 20px;
	line-height: 36px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-align: center;
}
.voice_item_link{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 36px;
	height: 36px;
	transition: all .2s ease;
	transform-origin: bottom right;
}
/* hover */
@media screen and (min-width : 737px){
	a:hover .voice_item_link{
		transform: scale(1.2);
	}
}
.voice_item_overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 15;
}
.voice_item_overlay.overlay-01{
	background: #009317;
}
.voice_item_overlay.overlay-02{
	background: #a32135;
}
.voice_item_overlay.overlay-03{
	background: #104e78;
}

@media screen and (max-width: 736px) {
	.comame40th_voice{
		display: block;
		min-width: 320px;
		border-bottom: 0;
	}
	.comame40th_voice.borderBottom{
		border-bottom: 1px solid #f2f2f2;
	}
	.voice_item{
		width: 100%;
	}
	.voice_item a{
		display: flex;
	}
	.voice_item_img{
		width: 38%;
		transition: unset;
	}
	.voice_item_inner{
		justify-content: flex-start;
		position: relative;
		padding: 0 15px;
		width: 62%;
		height: auto;
		background: none;
		border-top: 1px solid #f2f2f2;
		box-sizing: border-box;
	}
	.voice_item_tag{
		top: -1px;
		width: 88px;
		height: 27px;
		font-size: 14px;
		line-height: 27px;
	}
	.voice_item_tag.tag-01{
		background-size: 88px auto;
	}
	.voice_item_tag.tag-02{
		background-size: 88px auto;
	}
	.voice_item_tag.tag-03{
		background-size: 88px auto;
	}
	.voice_item_ttl{
		color: #000;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0.12em;
		text-align: left;
	}
	.voice_item_link{
		width: 18px;
		height: 18px;
	}
	.comame40th_voice_more a{
		position: relative;
		display: block;
		padding: 19px 0;
		color: #fff;
		font-size: 14px;
		line-height: 22px;
		font-weight: 600;
		letter-spacing: 0.06em;
		text-align: center;
		background: #a32135;
	}
	.comame40th_voice_more a:after{
		position: absolute;
		content: '';
		top: 50%;
		right: 15px;
		margin-top: -6px;
		width: 12px;
		height: 12px;
		background: url(../img/icon_plus.png) 0 0 no-repeat;
		background-size: 12px auto;
	}
}

/* ----- こまめヒストリー ----- */
.comame40th_history{
	padding-bottom: 80px;
}
.comame40th_history .inner{
	position: relative;
}
.comame40th_history_line{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 948px;
	height: 0;
	background: url(../img/line_history.png) center 0 no-repeat;
	z-index: 5;
}

/* 共通 */
.history_poster_caption{
	padding-top: 11px;
	font-size: 14px;
	line-height: 32px;
	letter-spacing: 0.12em;
	text-align: right;
	overflow: hidden;
}
.history_img_caption{
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 0.12em;
	text-align: center;
	overflow: hidden;
}
.history_info_ttl{
	margin-bottom: 33px;
	font-size: 32px;
	line-height: 60px;
	letter-spacing: 0.06em;
	overflow: hidden;
}
.history_info_txt{
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 0.12em;
	text-align: justify;
	text-justify: inter-ideograph;
	overflow: hidden;
}
.history_info_txt small{
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
}

/* 1 */
.history_01{
	position: relative;
	padding-top: 119px;
	height: 590px;
	box-sizing: border-box;
}
.history_01_inner{
	position: relative;
	text-align: center;
	z-index: 10;
}
.history_01_sub{
	margin-bottom: 22px;
	color: #a32135;
	font-size: 20px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 0.12em;
}
.history_01_ttl{
	margin-bottom: 32px;
	color: #a32135;
	font-size: 40px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 0.12em;
}
.history_01_txt1{
	margin-bottom: 38px;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 0.12em;
}
.history_01_txt2{
	font-size: 32px;
	line-height: 60px;
	letter-spacing: 0.12em;
}

/* 2 */
.history_02{
	position: relative;
	height: 555px;
}
.history_02_inner{
	position: relative;
	text-align: center;
	z-index: 10;
}
.history_02_year{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 475px;
	z-index: 15px;
}
.history_02_year_on{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 475px;
	z-index: 20px;
}
.history_02_tiller{
	position: absolute;
	top: 82px;
	left: 0;
	right: 0;
	margin: auto;
	width: 374px;
	z-index: 25px;
}

/* 3 */
.history_03{
	position: relative;
	height: 622px;
}
.history_03_inner{
	position: relative;
	z-index: 10;
}
.history_03_poster{
	position: absolute;
	top: 38px;
	left: 0;
	width: 450px;
}
.history_03_info{
	position: absolute;
	top: 24px;
	right: 0;
	margin-right: -70px;
	width: 520px;
}
.history_03_info .history_info_txt{
	padding-right: 70px;
}

/* 4 */
.history_04{
	position: relative;
	height: 543px;
}
.history_04_inner{
	position: relative;
	z-index: 10;
}
.history_04_clm{
	display: flex;
	justify-content: space-between;
	margin-bottom: 72px;
	padding: 101px 16px 0 16px;
}
.history_04_clm_item{
	width: 242px;
}
.history_04_clm_item:nth-child(2){
	width: 243px;
}
.history_04_clm_item:nth-child(3){
	width: 252px;
}

/* 5 */
.history_05{
	position: relative;
	height: 669px;
}
.history_05_inner{
	position: relative;
	z-index: 10;
}
.history_05_poster{
	position: absolute;
	top: 41px;
	left: 0;
	width: 450px;
}
.history_05_info{
	position: absolute;
	top: 27px;
	right: 0;
	width: 450px;
}

/* 6 */
.history_06{
	position: relative;
	height: 528px;
}
.history_06_inner{
	position: relative;
	z-index: 10;
}
.history_06_clm{
	display: flex;
	justify-content: space-between;
	margin-bottom: 72px;
	padding: 80px 22px 0 30px;
}
.history_06_clm_item{
	width: 280px;
}
.history_06_clm_item:nth-child(2){
	width: 300px;
}
.history_06_clm_item:nth-child(3){
	width: 295px;
}

/* 7 */
.history_07{
	position: relative;
	height: 776px;
}
.history_07_inner{
	position: relative;
	z-index: 10;
}
.history_07_poster{
	position: absolute;
	top: 38px;
	left: 0;
	width: 450px;
}
.history_07_info{
	position: absolute;
	top: 24px;
	right: 0;
	width: 450px;
}

/* 8 */
.history_08{
	position: relative;
	height: 603px;
}
.history_08_inner{
	position: relative;
	z-index: 10;
}
.history_08_clm{
	display: flex;
	justify-content: space-between;
	margin-bottom: 72px;
	padding: 84px 44px 0 27px;
}
.history_08_clm_item{
	width: 284px;
}
.history_08_clm_item:nth-child(2){
	width: 300px;
}
.history_08_clm_item:nth-child(3){
	padding-left: 12px;
	width: 264px;
}

/* 9 */
.history_09{
	position: relative;
	height: 637px;
}
.history_09_inner{
	position: relative;
	text-align: center;
	z-index: 10;
}
.history_09_year{
	position: absolute;
	top: 75px;
	left: 50%;
	margin-left: -71px;
	width: 461px;
	z-index: 15px;
}
.history_09_year_on{
	position: absolute;
	top: 75px;
	left: 50%;
	margin-left: -71px;
	width: 461px;
	z-index: 20px;
}
.history_09_tiller{
	position: absolute;
	top: 156px;
	left: 0;
	right: 0;
	margin: auto;
	width: 425px;
	z-index: 25px;
}

/* 10 */
.history_10{
	position: relative;
	height: 693px;
}
.history_10_inner{
	position: relative;
	z-index: 10;
}
.history_10_poster{
	position: absolute;
	top: 38px;
	left: 0;
	width: 450px;
}
.history_10_info{
	position: absolute;
	top: 24px;
	right: 0;
	width: 450px;
}

/* 11 */
.history_11{
	position: relative;
	height: 636px;
}
.history_11_inner{
	position: relative;
	text-align: center;
	z-index: 10;
}
.history_11_year{
	position: absolute;
	top: 82px;
	left: 50%;
	margin-left: -390px;
	width: 478px;
	z-index: 15px;
}
.history_11_year_on{
	position: absolute;
	top: 82px;
	left: 50%;
	margin-left: -390px;
	width: 478px;
	z-index: 20px;
}
.history_11_tiller{
	position: absolute;
	top: 161px;
	left: 0;
	right: 0;
	margin: auto;
	width: 437px;
	z-index: 25px;
}

/* 12 */
.history_12{
	position: relative;
	height: 810px;
}
.history_12_inner{
	position: relative;
	z-index: 10;
}
.history_12_poster{
	position: absolute;
	top: 41px;
	left: 0;
	width: 450px;
}
.history_12_info{
	position: absolute;
	top: 27px;
	right: 0;
	margin-right: -70px;
	width: 520px;
}
.history_12_info .history_info_txt{
	padding-right: 70px;
}

/* 13 */
.history_13{
	position: relative;
}
.history_13_inner{
	position: relative;
	text-align: center;
	z-index: 10;
}
.history_13_year{
	position: absolute;
	top: 39px;
	left: 0;
	right: 0;
	margin: auto;
	width: 493px;
	z-index: 15px;
}
.history_13_year_on{
	position: absolute;
	top: 39px;
	left: 0;
	right: 0;
	margin: auto;
	width: 493px;
	z-index: 20px;
}
.history_13_bg{
	position: absolute;
	top: 120px;
	left: 0;
	width: 100%;
	height: 857px;
	background: url(../img/bg_history_13.png) center 0 no-repeat;
	background-size: 1430px auto;
	z-index: 25;
}
.history_13_btm{
	position: relative;
	padding-top: 873px;
	z-index: 30;
}
.history_13_ttl{
	margin-bottom: 38px;
	font-size: 32px;
	line-height: 60px;
	letter-spacing: 0.12em;
}
.history_13_txt{
	margin: 0 auto;
	width: 860px;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 0.12em;
	text-align: left;
}

@media screen and (max-width: 736px) {
	.comame40th_history{
		min-width: 320px;
		padding-bottom: 40px;
	}
	.comame40th_history_line{
		width: 239px;
		background: url(../img/line_history_sp.png) center 0 no-repeat;
	}

	/* 共通 */
	.history_poster_caption{
		padding-top: 6px;
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 0.06em;
	}
	.history_img_caption{
		font-size: 14px;
		line-height: 24px;
		letter-spacing: 0.06em;
	}
	.history_info_ttl{
		margin-top: 23px;
		margin-bottom: 18px;
		font-size: 22px;
		line-height: 32px;
		letter-spacing: 0;
	}
	.history_info_txt{
		font-size: 14px;
		line-height: 24px;
		letter-spacing: 0.06em;
	}
	.history_info_txt small{
		font-size: 12px;
		line-height: 20px;
	}

	/* 1 */
	.history_01{
		padding-top: 64px;
		height: 423px;
	}
	.history_01_sub{
		margin-bottom: 0;
		font-size: 18px;
		line-height: 30px;
		letter-spacing: 0.06em;
	}
	.history_01_ttl{
		margin-bottom: 33px;
		font-size: 28px;
		line-height: 30px;
		letter-spacing: 0.06em;
	}
	.history_01_txt1{
		margin: 0 auto;
		margin-bottom: 16px;
		width: 100%;
		max-width: 375px;
		font-size: 14px;
		line-height: 24px;
		letter-spacing: 0.06em;
		text-align: left;
	}
	.history_01_txt2{
		font-size: 22px;
		line-height: 32px;
		letter-spacing: 0.06em;
	}

	/* 2 */
	.history_02{
		height: 330px;
	}
	.history_02_year{
		width: 238px;
	}
	.history_02_year_on{
		width: 238px;
	}
	.history_02_tiller{
		top: 40px;
		width: 233px;
	}

	/* 3 */
	.history_03{
		height: 840px;
	}
	.history_03_inner{
		padding-top: 20px;
	}
	.history_03_poster{
		position: static;
		margin: 0 auto;
		width: 100%;
		max-width: 345px;
	}
	.history_03_info{
		position: static;
		margin: 0 auto;
		width: 100%;
		max-width: 345px;
	}
	.history_03_info .history_info_txt{
		padding-right: 0;
	}

	/* 4 */
	.history_04{
		height: 290px;
	}
	.history_04_clm{
		margin: 0 auto;
		margin-bottom: 35px;
		padding: 36px 0 0 0;
		width: 100%;
		max-width: 290px;
	}
	.history_04_clm_item{
		width: 100%;
	}

	/* 5 */
	.history_05{
		height: 773px;
	}
	.history_05_inner{
		padding-top: 20px;
	}
	.history_05_poster{
		position: static;
		margin: 0 auto;
		width: 100%;
		max-width: 375px;
	}
	.history_05_info{
		position: static;
		margin: 0 auto;
		width: 100%;
		max-width: 375px;
	}

	/* 6 */
	.history_06{
		height: 285px;
	}
	.history_06_clm{
		margin: 0 auto;
		margin-bottom: 35px;
		padding: 42px 0 0 0;
		width: 100%;
		max-width: 290px;
	}
	.history_06_clm_item{
		width: 100%;
	}

	/* 7 */
	.history_07{
		height: 967px;
	}
	.history_07_inner{
		padding-top: 20px;
	}
	.history_07_poster{
		position: static;
		margin: 0 auto;
		width: 100%;
		max-width: 375px;
	}
	.history_07_info{
		position: static;
		margin: 0 auto;
		width: 100%;
		max-width: 375px;
	}

	/* 8 */
	.history_08{
		height: 342px;
	}
	.history_08_clm{
		margin: 0 auto;
		margin-bottom: 35px;
		padding: 40px 0 0 0;
		width: 100%;
		max-width: 290px;
	}
	.history_08_clm_item{
		width: 100%;
	}

	/* 9 */
	.history_09{
		height: 361px;
	}
	.history_09_year{
		top: 27px;
		left: 0;
		right: 0;
		margin: auto;
		width: 231px;
	}
	.history_09_year_on{
		top: 27px;
		left: 0;
		right: 0;
		margin: auto;
		width: 231px;
	}
	.history_09_tiller{
		top: 68px;
		width: 265px;
	}

	/* 10 */
	.history_10{
		height: 840px;
	}
	.history_10_inner{
		padding-top: 20px;
	}
	.history_10_poster{
		position: static;
		margin: 0 auto;
		width: 100%;
		max-width: 375px;
	}
	.history_10_info{
		position: static;
		margin: 0 auto;
		width: 100%;
		max-width: 375px;
	}

	/* 11 */
	.history_11{
		height: 372px;
	}
	.history_11_year{
		top: 38px;
		left: 0;
		right: 0;
		margin: auto;
		width: 239px;
	}
	.history_11_year_on{
		top: 38px;
		left: 0;
		right: 0;
		margin: auto;
		width: 239px;
	}
	.history_11_tiller{
		top: 80px;
		width: 273px;
	}

	/* 12 */
	.history_12{
		height: 1058px;
	}
	.history_12_inner{
		padding-top: 20px;
	}
	.history_12_poster{
		position: static;
		margin: 0 auto;
		width: 100%;
		max-width: 375px;
	}
	.history_12_info{
		position: static;
		margin: 0 auto;
		width: 100%;
		max-width: 375px;
	}
	.history_12_info .history_info_txt{
		padding-right: 0;
	}

	/* 13 */
	.history_13_inner{
		padding: 0 15px;
		width: 100%;
		box-sizing: border-box;
	}
	.history_13_year{
		top: 20px;
		width: 246px;
	}
	.history_13_year_on{
		top: 20px;
		width: 246px;
	}
	.history_13_bg{
		top: 60px;
		height: 429px;
		background: url(../img/bg_history_13_sp.png) center 0 no-repeat;
		background-size: 714px auto;
	}
	.history_13_btm{
		padding-top: 437px;
	}
	.history_13_ttl{
		margin-bottom: 20px;
		font-size: 22px;
		line-height: 32px;
		letter-spacing: 0.12em;
	}
	.history_13_txt{
		margin: 0 auto;
		width: 100%;
		max-width: 375px;
		font-size: 14px;
		line-height: 24px;
		letter-spacing: 0.12em;
	}
}

/* ----------------------------- ボタン ----------------------------- */

.comame40th_btm{
	margin: 0 auto;
	width: 600px;
}
.comame40th_btm .detail_btn{
	font-size: 16px;
	line-height: 28px;
	background: #22ac38;
}

@media screen and (max-width: 736px){
	.comame40th_btm{
		padding: 0 15px;
		width: 100%;
		box-sizing: border-box;
	}
	.comame40th_btm .detail_btn{
		font-size: 14px;
		line-height: 24px;
	}
}

/* ----------------------------- モーダル ----------------------------- */

#modal_holder{
	display: none;
}
.modal_content{
	color: #000;
	background: #fff;
}
.modal_content img{
	width: 100%;
	height: auto;
	vertical-align: top;
	border: none;
}
.modal_content_info{
	padding: 60px;
	padding-bottom: 0;
}
.modal_content_info_tag{
	margin-bottom: 29px;
	width: 104px;
	height: 32px;
	color: #fff;
	font-size: 16px;
	line-height: 32px;
	text-align: center;
	font-weight: 600;
}
.modal_content_info_tag.tag-01{
	background: url(../img/bg_tag_01.png) 0 0 no-repeat;
	background-size: 104px auto;
}
.modal_content_info_tag.tag-02{
	background: url(../img/bg_tag_02.png) 0 0 no-repeat;
	background-size: 104px auto;
}
.modal_content_info_tag.tag-03{
	background: url(../img/bg_tag_03.png) 0 0 no-repeat;
	background-size: 104px auto;
}
.modal_content_info_ttl{
	margin-bottom: 31px;
	font-size: 32px;
	line-height: 50px;
	letter-spacing: 0.12em;
}
.modal_content_info_clm{
	display: flex;
	flex-wrap: wrap;
}
.modal_content_info_clm_l{
	width: 430px;
}
.modal_content_info_clm_r{
	padding-left: 40px;
	width: 430px;
	box-sizing: border-box;
}
.modal_content_info_clm_full{
	padding-top: 32px;
	width: 100%;
}
.modal_content_info_clm_caption{
	padding-top: 11px;
	font-size: 14px;
	line-height: 32px;
	letter-spacing: 0.12em;
}
.modal_content_info_clm_txt{
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 0.06em;
}
.modal_content_info_clm_txt small{
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
}
.modal_content_shop{
	margin-top: 60px;
	padding: 50px 60px;
	background: #eceff1;
}
.modal_content_shop_clm{
	display: flex;
}
.modal_content_shop_clm_l{
	width: 430px;
}
.modal_content_shop_clm_r{
	padding-left: 40px;
	width: 430px;
	box-sizing: border-box;
}
.modal_content_shop_clm_label{
	margin-bottom: 25px;
	color: #009317;
	font-size: 20px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 0.06em;
}
.modal_content_shop_clm_label.label-03{
	color: #104e78;
}
.modal_content_shop_clm_ttl{
	margin-bottom: 13px;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0.06em;
}
.modal_content_shop_clm_data{
	display: flex;
}
.modal_content_shop_clm_data dt{
	width: 32px;
}
.modal_content_shop_clm_data_icon{
	padding-top: 7px;
	width: 16px;
}
.modal_content_shop_clm_data dd{
	width: calc(100% - 32px);
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 0.06em;
	word-wrap: break-word;
}
.modal_content_shop_clm_data a{
	text-decoration: underline;
}
.modal_content_shop_clm_txt{
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 0.06em;
}
.modal_content_shop_clm_txt strong{
	font-size: 16px;
	font-weight: 600;
}
.modal_content_btm{
	padding: 134px 0 60px 0;
	text-align: center;
}
.modal_close{
	display: inline-block;
	padding-left: 38px;
	color: #000;
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
}
.color1 .modal_close{
    background: url(../img/icon_close_01.png) no-repeat 0 center;
    background-size: 24px auto;
}
.color2 .modal_close{
    background: url(../img/icon_close_02.png) no-repeat 0 center;
    background-size: 24px auto;
}
.color3 .modal_close{
    background: url(../img/icon_close_03.png) no-repeat 0 center;
    background-size: 24px auto;
}
.pager{
	display: flex;
	align-items: baseline;
	font-weight: 600;
}
.pager_current{
	font-size: 24px;
	line-height: 1;
}
.color1 .pager_current{
	color: #009317;
}
.color2 .pager_current{
	color: #a32135;
}
.color3 .pager_current{
	color: #104e78;
}
.pager_separate{
	padding: 0 18px;
	font-size: 16px;
	line-height: 24px;
}
.pager_total{
	font-size: 14px;
	line-height: 24px;
}

@media screen and (max-width: 736px) {
	.modal_content_info{
		padding: 15px;
		padding-bottom: 0;
	}
	.modal_content_info_tag{
		margin-bottom: 15px;
		width: 88px;
		height: 27px;
		font-size: 14px;
		line-height: 27px;
	}
	.modal_content_info_tag.tag-01{
		background-size: 88px auto;
	}
	.modal_content_info_tag.tag-02{
		background-size: 88px auto;
	}
	.modal_content_info_tag.tag-03{
		background-size: 88px auto;
	}
	.modal_content_info_ttl{
		margin-bottom: 15px;
		font-size: 22px;
		line-height: 32px;
		letter-spacing: 0.12em;
	}
	.modal_content_info_clm{
		display: block;
	}
	.modal_content_info_clm_l{
		margin-bottom: 15px;
		width: 100%;
	}
	.modal_content_info_clm_r{
		padding-left: 0;
		width: 100%;
	}
	.modal_content_info_clm_full{
		padding-top: 24px;
	}
	.modal_content_info_clm_caption{
		padding-top: 8px;
		font-size: 12px;
		line-height: 16px;
		letter-spacing: 0.12em;
		text-align: right;
	}
	.modal_content_info_clm_txt{
		font-size: 14px;
		line-height: 24px;
		letter-spacing: 0.06em;
	}
	.modal_content_info_clm_txt small{
		font-size: 12px;
		line-height: 20px;
	}
	.modal_content_shop{
		margin-top: 30px;
		padding: 25px 20px;
	}
	.modal_content_shop_clm{
		display: block;
	}
	.modal_content_shop_clm_l{
		margin-bottom: 20px;
		width: 100%;
	}
	.modal_content_shop_clm_r{
		padding-left: 0;
		width: 100%;
	}
	.modal_content_shop_clm_label{
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 1;
		letter-spacing: 0.06em;
	}
	.modal_content_shop_clm_ttl{
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 24px;
		letter-spacing: 0.06em;
	}
	.modal_content_shop_clm_data dt{
		width: 22px;
	}
	.modal_content_shop_clm_data_icon{
		padding-top: 4px;
		width: 12px;
	}
	.modal_content_shop_clm_data dd{
		width: calc(100% - 22px);
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 0.06em;
	}
	.modal_content_shop_clm_txt{
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 0.06em;
	}
	.modal_content_shop_clm_txt strong{
		font-size: 14px;
	}
	.modal_content_btm{
		padding: 84px 0 40px 0;
	}
	.modal_close{
		padding-left: 28px;
		font-size: 16px;
		line-height: 20px;
	}
	.color1 .modal_close{
	    background-size: 18px auto;
	}
	.color2 .modal_close{
	    background-size: 18px auto;
	}
	.color3 .modal_close{
	    background-size: 18px auto;
	}
	.pager_current{
		font-size: 18px;
		line-height: 1;
	}
	.pager_separate{
		padding: 0 13px;
		font-size: 12px;
		line-height: 18px;
	}
	.pager_total{
		font-size: 11px;
		line-height: 18px;
	}
}