.map .lazy-done a.button{
	opacity: 1;
	animation-name: imgFadein;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-delay: 0;
	animation-iteration-count: 1;
	animation-direction: normal;
}
.map a.button{
	opacity: 0;
}

@media all and (max-width: 767px) {
	/*	heading
	============================== */
	.contents_left .frame article h1{
		display:block;
		height:50px;
		margin-bottom: 20px;
		background-position:top center;
		background-repeat:no-repeat;
		background-size:767px 50px;
		background-image: url(../img/parts/h2_oa_archive_smp.png);
	}
	.contents_left .frame article h2{
		font-size: 100%;
		font-weight: bold;
		/* color: #fff;
		background: #d14122; */
		padding: 5px 0;
		text-align: center;
		/* margin-bottom: 20px; */
	}

	.contents_left .frame article h3{
		font-size:100%;
		line-height: 1.5em;
		margin-bottom:0.5em;
		color:#a40000;
	}

	.contents_left .frame article h2.oadate{
		font-size: 100%;
		font-weight:bold;
		color:#c00;
		padding:5px 0 12px;
		text-align: center;
		/*background: url(../img/parts/frame_border2.png);*/
		background-size: 73px 5px;
		background-position: center bottom;
		background-repeat: repeat-x;
	}
	.contents_left .frame article h2.oadate .main_title{
		font-size: 120%;
	}
	.icon_country{
		display: inline-block;
		height:35px;
		line-height: 25px;
		font-size:16px;
		background: #f00;
		font-weight: bold;
		padding-left:30px;
		background: url(../img/archive/icon_country.png) no-repeat top left;
		background-size: 25px 25px;
	}
	.contents_left .frame article .paneler{
		padding:12px 0 5px;
		background: url(../img/parts/frame_border2.png);
		background-size: 29.4px 2px;
		background-position: center top;
		background-repeat: repeat-x;
	}
	.icon_guest{
		display: inline-block;
		height:35px;
		line-height: 25px;
		font-size:16px;
		background: #f00;
		font-weight: bold;
		padding-left:30px;
		background: url(../img/archive/icon_guest.png) no-repeat top left;
		background-size: 25px 25px;
		color:#1b468a;
	}
	/*	oa_archive
	============================== */
	#oa_archive .map{
		display: block;
		width:100%;
		padding-top:56.25%;
		position: relative;
	}
	#oa_archive .map .img{
		position: absolute;
		width: 100%;
		height:100%;
		top:0;
		left:0;
		background-size: cover;
		z-index: 0;
	}
	.map a.button{
		position: absolute;
		top:0;
		left:0;
		display: block;
		background-color: rgba(0,0,0,0.5);
		width: 20%;
		height:15%;
		border: solid 2px rgba(255,255,255,0.7);
		border-radius: 10px;
		z-index: 1;
		background-size:cover;
		box-sizing: border-box;
		box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
		text-indent: -9999px;
		overflow: hidden;
	}
	.map a.button.eu{top:22%;left:3%;background-image: url(../img/archive/button_eu.png);}
	.map a.button.oc{top:70%;left:40%;background-image: url(../img/archive/button_oc.png);}
	.map a.button.af{top:60%;left:3%;background-image: url(../img/archive/button_af.png);}
	.map a.button.na{top:35%;left:70%;background-image: url(../img/archive/button_na.png);}
	.map a.button.sa{top:70%;left:75%;background-image: url(../img/archive/button_sa.png);}
	.map a.button.as{top:35%;left:30%;background-image: url(../img/archive/button_as.png);}

	/*	archivelist
	============================== */
	.archivelist{
		margin-bottom:30px;
	}
	.archivelist li{
		display: block;
		/* border: 1px solid #c9b634; */
		padding-bottom:15px;
		margin-bottom:15px;
		box-sizing: border-box;
		border-bottom:solid 1px #eee;
		overflow: hidden;
	}
	.archivelist li:last-child{
		margin-bottom:0;
	}

	.archivelist li .thumb{
		display: block;
		float: left;
		width: 150px;
		height: 84.375px;
		/* border: 2px solid #c9b634; */
		margin-right: 10px;
		background:no-repeat;
		background-size: cover;
		box-sizing: border-box;
	}

	.archivelist .oainfo {
		overflow: hidden;
	}
	.archivelist li .oainfo h3{
		display: block;
		box-sizing: border-box;
		margin-bottom:0.5em;
		line-height: 1.5em;
		font-size: 85%;
		color:#1b468a;
	}
	.archivelist li .oainfo p{
		display: block;
		line-height: 1.5em;
		margin-bottom:1.0em;
		font-size: 70%;
		color: #333;
	}
	.archivelist li .oainfo p.date{
		display: block;
		line-height: 1.0em;
		color: #be4400;
		margin-bottom: 5px;
		font-size: 85%;
		font-weight:bold;
	}

	.archivelist a {
		color: #000;
		text-decoration: none;
	}
	.archivelist a:hover h3, .archivelist a:hover p:not(.date){
		color: #666;
		text-decoration: underline;
	}
	.archivelistt a:hover img {
		background-color: rgba(255,255,255,0.2);
	}
}
@media all and (min-width: 768px) {
	/*	heading
	============================== */
	.contents_left .frame article h1{
		display:block;
		height:80px;
		background-position:top center;
		background-repeat:no-repeat;
		background-size:600px 80px;
		background-image: url(../img/parts/h2_oa_archive.png);
	}
	.contents_left .frame article h2{
		font-size: 100%;
		font-weight: bold;
		/*color: #fff;
		background: #d14122; */
		padding: 5px 0;
		text-align: center;
		/* margin-bottom: 20px; */
	}


	.contents_left .frame article h3{
		font-size:100%;
		line-height: 1.5em;
		margin-bottom:0.5em;
		color:#a40000;
	}
	.contents_left .frame article h2.oadate{
		font-size: 100%;
		font-weight:bold;
		color:#c00;
		padding:5px 0 12px;
		text-align: center;
		/* background: url(../img/parts/frame_border2.png); */
		background-size: 103px 7px;
		background-position: center bottom;
		background-repeat: repeat-x;
	}
	.contents_left .frame article h2.oadate .main_title{
		font-size: 120%;
	}
	/* .contents_left .frame article h3{
		font-size: 100%;
		font-weight:bold;
		color:#c00;
		padding:5px 0 12px;
		background: url(../img/parts/frame_border2.png);
		background-size: 51.5px 3.5px;
		background-position: center bottom;
		background-repeat: repeat-x;
	} */
	.icon_country{
		display: inline-block;
		height:35px;
		line-height: 25px;
		font-size:16px;
		background: #f00;
		font-weight: bold;
		padding-left:30px;
		background: url(../img/archive/icon_country.png) no-repeat top left;
		background-size: 25px 25px;
		color:#0025bf;
	}
	.contents_left .frame article .paneler{
		padding:12px 0 5px;
		background: url(../img/parts/frame_border2.png);
		background-size: 29.4px 2px;
		background-position: center top;
		background-repeat: repeat-x;
	}
	.icon_guest{
		display: inline-block;
		height:35px;
		line-height: 28px;
		font-size:16px;
		background: #f00;
		font-weight: bold;
		padding-left:30px;
		background: url(../img/archive/icon_guest.png) no-repeat top left;
		background-size: 25px 25px;
		color:#a40000;
	}
/*	oa_archive
============================== */
	#oa_archive .map{
		display: block;
		margin-top: 20px;
		width:100%;
		padding-top:56.25%;
		position: relative;

	}
	#oa_archive .map .img{
		position: absolute;
		width: 100%;
		height:100%;
		top:0;
		left:0;
		background-size: cover;
		z-index: 0;
	}
	.map a.button{
		position: absolute;
		top:0;
		left:0;
		display: block;
		background-color: rgba(0,0,0,0.5);
		width: 20%;
		height:15%;
		border: solid 2px rgba(255,255,255,0.7);
		border-radius: 15px;
		z-index: 1;
		background-size:cover;
		box-sizing: border-box;
		box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
		text-indent: -9999px;
		overflow: hidden;
		transition: box-shadow 0.3s, transform 0.3s;
	}
	.map a.button:hover{
		background-color: rgba(50,50,50,0.5);
		transform: translateY(3px);
	}
	.map a.button.eu{top:22%;left:3%;background-image: url(../img/archive/button_eu.png);}
	.map a.button.oc{top:70%;left:40%;background-image: url(../img/archive/button_oc.png);}
	.map a.button.af{top:60%;left:3%;background-image: url(../img/archive/button_af.png);}
	.map a.button.na{top:35%;left:70%;background-image: url(../img/archive/button_na.png);}
	.map a.button.sa{top:70%;left:75%;background-image: url(../img/archive/button_sa.png);}
	.map a.button.as{top:35%;left:30%;background-image: url(../img/archive/button_as.png);}
	/*	archivelist
	============================== */
.archivelist{
	margin-bottom:30px;

}
.archivelist li{
		display: block;
		/* border: 1px solid #c9b634; */
		padding-bottom:15px;
		margin-bottom:15px;
		border-bottom:solid 1px #eee;
		box-sizing: border-box;
		overflow: hidden;
	}
.archivelist li:last-child{
		margin-bottom:0;
	}

.archivelist li .thumb{
		display: block;
		float: left;
		width: 240px;
		height: 135px;
		/* border: 2px solid #c9b634; */
		margin-right: 10px;
		background:no-repeat;
		background-size: cover;
		box-sizing: border-box;
	}

	.archivelist .oainfo {
		overflow: hidden;
	}
	.archivelist li .oainfo h3{
		display: block;
		box-sizing: border-box;
		margin-bottom: 0.5em;
		line-height: 1.5em;
		font-size: 87.5%;
		color:#1b468a;
	}
	.archivelist li .oainfo p{
		display: block;
		font-size: 75%;
		line-height: 1.5em;
		margin-bottom:1.0em;
		color: #333;
	}
	.archivelist li .oainfo p.date{
		display: block;
		line-height: 1.0em;
		color: #be4400;
		margin-bottom: 5px;
		font-size: 87.5%;
		font-weight:bold;
	}

	.archivelist a {
		color: #000;
		text-decoration: none;
	}
	.archivelist a:hover h3, .archivelist a:hover p:not(.date){
		color: #666;
		text-decoration: underline;
	}
	.archivelistt a:hover img {
		background-color: rgba(255,255,255,0.2);
	}
}
@media all and (max-width: 767px) {
	.txt .button a{
	 background-color: #cc0000;
	 color: #fff;
	 text-align: center;
	 text-decoration: none;
	 letter-spacing: 0.1em;
	 display: block;
	 width:200px;
	 height: 40px;
	 line-height: 30px;
	 font-weight: 600;
	 font-size: 15px;
	 cursor: pointer;
	 box-shadow: 0 8px 5px rgba(0,0,0,0.2);
	 transition: box-shadow 0.3s, transform 0.3s;
	 position: relative;
	 text-shadow:1px 1px 1px hsla(0,0%,0%,0.8);
	 border:4px solid #000;
	 box-sizing: border-box;
	 margin: 0 auto 20px;
 }
	.txt .button a:hover{
	 box-shadow: 0 6px 5px rgba(0,0,0,0.2);
	 transform: translateY(3px);
 }
}
@media all and (min-width: 768px) {
	.txt .button a{
	 background-color: #cc0000;
	 color: #fff;
	 text-align: center;
	 text-decoration: none;
	 letter-spacing: 0.1em;
	 display: block;
	 width:200px;
	 height: 45px;
	 line-height: 35px;
	 font-weight: 600;
	 font-size: 20px;
	 cursor: pointer;
	 box-shadow: 0 8px 5px rgba(0,0,0,0.2);
	 transition: box-shadow 0.3s, transform 0.3s;
	 position: relative;
	 text-shadow:1px 1px 1px hsla(0,0%,0%,0.8);
	 border:4px solid #000;
	 box-sizing: border-box;
	 margin: 0 auto 20px;
 }
	.txt .button a:hover{
	 box-shadow: 0 6px 5px rgba(0,0,0,0.2);
	 transform: translateY(3px);
 }
}


div.txt div.hr:before {
	display:block;
	content:"";
		background: url(../img/parts/frame_border2.png);
		background-size: 73px 5px;
		background-position: center bottom;
		background-repeat: repeat-x;
	height:5px;
	margin-bottom:20px;
}
div.txt {
	margin-bottom:30px;
}