/*----------------------------------------------------------*/
/*     月別活動報告     */
/*----------------------------------------------------------*/


div#archive {
	margin: 15px auto;
	padding: 0;
	text-align: center;
}

div#archive h1 {
	margin: 0 0 25px 0;
	padding: 0;
	height: 41px;
	background: url(../report/archive/img/archive_ptitle001.gif) left no-repeat;
	font-size: 0;
	text-indent: -99999px;
}


div#archive div#archive_contents {
	margin: 0 25px 0 20px;
	padding: 0;
	font-size: 0.8em;
	line-height: 1.7;
	text-align: left;
}
div#archive div#archive_contents p.info {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 0.85em;
	line-height: 1.2;
}

div#archive div#archive_contents h2 {
	margin: 0 0 15px 0;
	padding: 0 10px 2px 10px;
	font-size: 1.3em;
	border-bottom: 1px solid #069;
}

div.pict_column01 {
	margin: 0 0 25px 5px;
	padding: 0;
	text-align: left;
}
div.pict_column01 ul {
	margin: 0;
	padding: 0;
}
div.pict_column01 ul li {
	float: left;
	margin: 0 0 15px 15px;
	padding: 0;
	list-style: none;
}
div.pict_column01 ul li p {
	margin: 5px auto 0 auto;
	padding: 0;
	text-align: center;
}

div.pict_column02 {
	position: relative;
	margin-right: -30px;
	margin-bottom: 30px;
	line-height: 0;
}
div.pict_column02 div {
    display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5〜7*/
    /zoom: 1; /*for ie5〜7*/

	margin-bottom: 15px;
	margin-right: 10px;
	margin-left: 0px;
  	/margin-right: 10px;
	padding: 0;
  	width: 270px;

  	vertical-align: top;
	text-align: center;

}
div.pict_column02 div a {
	position: relative;
	display: flex;
  justify-content: center;
  align-items: center;
	width: 270px;
	height: 188px;
	margin-bottom: 3px;
}
div.pict_column02 div a::after {
	position: absolute;
	content: url(../report/archive/img/icon_resize01.png);
	bottom: 7px;
	right: 15px;
}
div.pict_column02 div a.icon_gray::after {
	position: absolute;
	content: url(../report/archive/img/icon_resize02.png);
	bottom: 7px;
	right: 15px;
}
div.pict_column02 div img {
	-ms-interpolation-mode: bicubic;
	margin-bottom: 7px;
}
div.pict_column02 div p {
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #333;
	line-height: 1.3em;
}

div.pict_column02 div p > a {
	position: relative;
	display: inline-block;
  align-items: center;
	width: auto;
	height: inherit;
	margin-bottom: 0;
}
div.pict_column02 div p > a::after {
	display: none;
}

div#archive_navi {
	margin: 25px auto;
	padding: 0 0 10px 0;
	width: 165px;
	/*background: #92a8c4;*/
	background: url(../report/archive/img/calendar_back001.gif);
	border: 1px #92a8c4 solid;
}

div#archive_navi #archive_year {
	width: 165px;
	margin: 0 auto 10px auto;
	padding: 10px 0;
	/*background: #3a5985;*/
	background: url(../report/archive/img/calendar_back002.gif);
}

div#archive_navi form {
	margin: 0 auto 0 auto;
	padding: 0;
}
div#archive_navi select.year {
	margin: 0;
	padding: 0;
	width: 150px;
	font-size: 12px;
	/*font-weight: 600;*/
	/*border: 1px solid #40618a;*/
}
div#archive_navi select.month {
	margin: 0 auto;
	padding: 0;
	width: 150px;
	font-size: 12px;
	/*border: 1px solid #40618a;*/
}


div#archive_navi select option {
	margin: 0 auto;
	padding: 0;
}

div#archive_navi #archive_month {
	margin: 0 auto 0 auto
	padding: 0;
}


/*------------------------------------------------------------------------------------*/

h4 {
	margin: 0 auto 5px auto;
	padding: 0;
	font-size: 1em;
	color: #333;
}

/*------------------------------------------------------------------------------------*/
.overlay-warap {
	position: fixed;
	top: 0;
	width: 100vw;
	height: 100vh;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.8);
	z-index: 10;
}
.modal-wrap {
	position: relative;
	width: 680px;
	height: 560px;
	background: #fff;
}
video {
	width: calc(100% - 20px);
	padding: 10px;
}
.modal-wrap p {
	font-size: 0.8rem;
	padding-left: 10px;
	margin-top: 0;
}
.modal-wrap button {
	position: absolute;
	bottom: 20px;
	right: 10px;
	border: none;
	background: transparent;
	cursor: pointer;
}
.modal-wrap button::before {
	content: url("closelabel.gif");
}
.button {
	width: 15em;
	height: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #041c62;
	border-radius: 30px;
	border: none;
	text-decoration: none;
	padding: 20px 0;
	margin: 10px auto 0 auto;
	cursor: pointer;
}
.button span {
	color: #fff;
}
.button i {
	padding-left: 7px;
	color: #fff;
	font-size: 1.2rem;
}