@charset "utf-8";
/*
 * ================================================
 * 
 * [¸÷´óѧ¤ÎÈ¡¤ê½M¤ß]
 * 
 * ================================================
 */
#pageTitle {
	background-image: url(/ap-portal/images/content/activities/mv.jpg);
}
body.index {}
	body.index .title {
		padding: 0 20px 30px;
		display: table;
		width: 100%;
	}
		body.index .title h2 {
			width: 50%;
			display: table-cell;
			vertical-align: middle;
		}
		body.index .title .control {
			width: 50%;
			display: table-cell;
			vertical-align: middle;
			text-align: right;
		}
			body.index .title .control select {
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				padding: 20px;
				color: #FFFFFF;
				font-family: 
				'RobotoConReg',
				'NotoSanReg',
				"¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", 
				"¥á¥¤¥ê¥ª", Meiryo, 
				"£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", Osaka, sans-serif;
				width: 14em;
				background: scroll url(../../images/content/content/selectBg.png) no-repeat 90% center #2D2B2D;
			}
			body.index .title .control select::-ms-expand {
				display: none;
			}
			body.index .title .control option {
				padding: 20px;
			}
			body.index .title .control #entryYear {
				margin-right: 20px;
			}
	body.index .itemWrapper {
		/*border-top: 1px solid #B3B6B3;*/
		overflow: hidden;
		background: #FFFFFF;
	}
	body.index .item {
		width: 33.3%;
		float: left;
		position: relative;
		/*overflow: hidden;*/
	}
	body.index .item:nth-child(odd) {
		background: #F5F5F5;
	}
	body.index .item:nth-child(n + 4) {
		border-top: 1px solid #B3B6B3;
	}
		body.index .item a {
			display: block;
			text-decoration: none;
			color: #2D2B2D;
			overflow: hidden;
		}
		body.index .item .image {
			float: left;
			width: 50%;
			position: relative;
			padding-top: 50%;
			overflow: hidden;
		}
			body.index .item .image img {
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				-webkit-transition: all .25s ease-in-out;
				    -ms-transition: all .25s ease-in-out;
				        transition: all .25s ease-in-out;
			}
				body.index .item a:hover .image img {
					-webkit-transform: scale(1.1);
					    -ms-transform: scale(1.1);
					        transform: scale(1.1);
				}
			body.index .item .image .mask {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0,0,0,0.5);
				opacity: 0;
				-webkit-transition: all .25s ease-in-out;
				    -ms-transition: all .25s ease-in-out;
				        transition: all .25s ease-in-out;
			}
				body.index .item a:hover .image .mask {
					opacity: 1;
				}
		body.index .item .content {
			float: right;
			width: 50%;
			padding: 10px 15px;
		}
			body.index .item .content .time {
				padding-bottom: 10px;
				margin-bottom: 25px;
				position: relative;
			}
			body.index .item .content .time::after {
				content: '';
				width: 4em;
				height: 3px;
				background: #BBD75D;
				position: absolute;
				bottom: 0;
				left: 0;
				-webkit-transition: 0.2s;
				    -ms-transition: 0.2s;
				        transition: 0.2s;
			}
				body.index .item a:hover .content .time::after {
					background: #2D2B2D;
				}
			body.index .item .content .category {
				margin-bottom: 10px;
				font-weight: bold;
			}
	body.index .pageNationVox {
		padding-top: 35px;
	}
		body.index .pageNationVox ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			text-align: center;
		}
		body.index .pageNationVox li {
			display: inline-block;
			vertical-align: middle;
			border: 1px solid #000000;
			margin: 0 2px;
		}
			body.index .pageNationVox li a,
			body.index .pageNationVox li span {
				display: block;
				padding: 5px 15px;
			}
			body.index .pageNationVox li a:hover,
			body.index .pageNationVox li .active {
				background-color: #5FBFE2;
				color: #FFFFFF;
			}
body.detail {}
	body.detail .title {
		padding-bottom: 60px;
		overflow: hidden;
	}
		body.detail .title .image {
			float: left;
			width: 400px;
		}
			body.detail .title .image img {
				display: block;
			}
			body.detail .title .image img:nth-child(n + 2) {
				margin-top: 25px;
			}
		body.detail .title .content {
			margin-left: 420px;
		}
			body.detail .title .content time {
				padding-bottom: 10px;
				margin-bottom: 15px;
				position: relative;
				display: block;
			}
			body.detail .title .content time::before {
				content: '';
				width: 72px;
				height: 3px;
				background: #BBD75D;
				position: absolute;
				left: 0;
				bottom: 0;
			}
			body.detail .title .content .category {
				font-weight: bold;
				margin-bottom: 50px;
			}
			body.detail .title .content h2 {
				margin-bottom: 50px;
				position: relative;
			}
	body.detail .imageWrapper {
		margin-bottom: 60px;
	}
	body.detail .imageVox {
		overflow: hidden;
		margin-bottom: 30px;
	}
		body.detail .imageVox:last-child {
			margin-bottom: 0;
		}
		body.detail .imageVox figure {
			width: 540px;
			float: left;
		}
		body.detail .imageVox figure:first-child {
			margin-right: 20px;
		}
			body.detail .imageVox figure img {
				max-width: 100%;
			}
		body.detail .imageVox figcaption {
			margin-top: 10px;
		}
	body.detail .fileWrapper {
		margin-bottom: 60px;
	}
	body.detail .table01 {
		width: 100%;
		border-bottom: 1px solid #B3B6B3;
	}
		body.detail .table01 tr {
			border-top: 1px solid #B3B6B3;
		}
		body.detail .table01 tr:nth-child(odd) {
			background-color: #F5F5F5;
		}
		body.detail .table01 th,
		body.detail .table01 td {
			padding: 15px;
			text-align: left;
		}
		body.detail .table01 th {
			font-weight: bold;
		}
		body.detail .table01 th:nth-child(1) {
			width: 20em;
		}
	body.detail .btnVox {
		text-align: center;
	}
		body.detail .btnVox .btn {
			width: 14em;
		}
/**
 ****************************************************
 * 
 * screens larger than 768
 * 
 ****************************************************
 */
@media only screen and (min-width: 768px) {
	
}
/**
 ****************************************************
 * 
 * screens smaller than 767
 * 
 ****************************************************
 */
@media only screen and (max-width: 767px) {
	body.index #main {
		width: 93.75%;
	}
		body.index .title {
			padding: 0 0 15px;
			display: block;
		}
			body.index .title h2 {
				display: block;
				margin-bottom: 5px;
				width: auto;
			}
			body.index .title .control {
				display: block;
				text-align: left;
				width: auto;
			}
				body.index .title .control select {
					padding: 10px;
					width: 100%;
				}
				body.index .title .control select:first-child {
					margin-bottom: 10px;
				}
				body.index .title .control select::-ms-expand {
					display: none;
				}
				body.index .title .control option {
					padding: 10px;
				}
				body.index .title .control #entryYear {
					margin-right: 0;
				}
		body.index .item {
			width: 100%;
			float: none;
			border-bottom: 1px solid #B3B6B3;
		}
		body.index .item:last-child {
			border-bottom: none;
		}
		body.index .item:nth-of-type(odd) {
			background: #F5F5F5;
		}
		body.index .item:nth-child(n + 4) {
			border-top: inherit;
		}
			body.index .item .image {
				width: 35%;
				position: relative;
				padding-top: 0;
			}
				body.index .item .image img {
					position: relative;
					left: 50%;
					width: auto;
					height: auto;
					max-width: 100%;
					max-height: 100%;
					transition: none;
					transform: translateX(-50%);
				}
					body.index .item a:hover .image img {
						transform: translateX(-50%);
					}
				body.index .item .image .mask {
					display: none;
				}
			body.index .item .content {
				width: 65%;
				padding: 5px;
			}
				body.index .item .content .time {
					padding-bottom: 5px;
					margin-bottom: 10px;
				}
				body.index .item .content .category {
					margin-bottom: 5px;
				}
		body.index .pageNationVox {
			padding-top: 20px;
		}
			body.index .pageNationVox li {}
				body.index .pageNationVox li a {
					padding: 5px 10px;
				}
	body.detail {}
		body.detail .title {
			padding-bottom: 30px;
		}
			body.detail .title .image {
				float: none;
				width: auto;
				text-align: center;
				margin-bottom: 20px;
			}
				body.detail .title .image img {
					width: 50%;
				}
				body.detail .title .image img:nth-child(n + 2) {
					margin-top: 10px;
				}
			body.detail .title .content {
				margin-left: 0;
			}
				body.detail .title .content time {
					padding-bottom: 10px;
					margin-bottom: 10px;
				}
				body.detail .title .content .category {
					margin-bottom: 25px;
				}
				body.detail .title .content h2 {
					margin-bottom: 25px;
				}
		body.detail .imageWrapper {
			margin-bottom: 30px;
		}
		body.detail .imageVox {
			overflow: hidden;
			margin-bottom: 15px;
		}
			body.detail .imageVox figure {
				width: 48%;
			}
			body.detail .imageVox figure:first-child {
				margin: 0 2% 0 0;
			}
			body.detail .imageVox figcaption {
				margin-top: 5px;
			}
		body.detail .fileWrapper {
			margin-bottom: 30px;
		}
		body.detail .table01 {}
			body.detail .table01 th,
			body.detail .table01 td {
				padding: 5px;
			}
			body.detail .table01 th:nth-child(1) {
				width: 30%;
			}
		body.detail .btnVox {}
			body.detail .btnVox .btn {
				width: auto;
			}
	/**
	 * end
	 */
}