@charset "utf-8";

/* ==================================== */
/*     ｢志：事業｣コンテンツリンク部     */
/* ==================================== */


main {
	position: relative;
}

#shi-jigyo-menu {
	width: 761px;
	height: 80px;
	margin: -100px auto 20px;
}

#shi-jigyo-menu ul {
	display: flex;
	align-items: flex-start;
}

#shi-jigyo-menu li {
	position: relative;
	width: 140px;
	height: 80px;
	margin-left: 15px;
	list-style-type: none;
}

#shi-jigyo-menu li:first-child {
	margin-left: 0px;
}

#shi-jigyo-menu img.sphere {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 140px;
	height: 80px;
}

#shi-jigyo-menu img.sphere-name {
	position: absolute;
	top: 0px;
	left: 0px;
}

#shi-jigyo-mark {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 140px;
	height: 110px;
	padding-top: 30px;
	background: url("../images/navi_button/shi_small_navi.png") no-repeat;
}

#contents-shi-jigyo {
	width: 1030px;
	margin: 0px auto 60px;
}

#shi-jigyo {
	position: relative;
	width: 1000px;
	padding: 15px 15px 30px;
	background-color: #ffffff;
	box-shadow: 0px 0px 15px #222222;
	z-index: 100;
}

#shi-jigyo ul {
	position: relative;
	width: 1000px;
	height: 600px;
}

#shi-jigyo li {
	position: absolute;
	top: 0px;
	left: 0px;
	list-style-type: none;
}

#shi-jigyo-category {
	position: relative;
	margin-top: 15px;
}

#shi-jigyo-category.no-images {
	margin-top: 0px;
}

#shi-jigyo-category p {
	width: 805px;
	padding-top: 10px;
	padding-left: 175px;
	font-size: 16px;
	text-align: justify;
}

#shi-jigyo-category p.indent-space {
	width: 784px;
	padding-left: 196px;
}

#shi-jigyo-category-item {
	width: 1030px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

#shi-jigyo-category-item .shi-jigyo-item {
	width: 328px;
	height: 380px;
	margin-top: 25px;
	margin-right: 22px;
	background-color: #ffffff;
	border-radius: 10px;
	box-shadow: 0px 0px 10px #222222;
}

#shi-jigyo-category-item .shi-jigyo-item:nth-child(3n) {
	margin-right: 0px;
}

#shi-jigyo-category-item .shi-jigyo-item.new-item {
	background: #ffffff url("../images/item_panel_new.gif") no-repeat 0 0;
}

#shi-jigyo-category-item .shi-jigyo-item a {
	display: block;
	width: 288px;
	padding: 0px 20px;
	text-decoration: none;
}

#shi-jigyo-category-item img.pin-head {
	margin-top: 8px;
	margin-left: 121px;
}

#shi-jigyo-category-item .shi-jigyo-item p.date {
	margin-top: 3px;
	margin-bottom: 7px;
	text-align: center;
	color: #000000;
	font-size: 16px;
}

#shi-jigyo-category-item .shi-jigyo-item p.item-photo {
	margin-top: 7px;
	text-align: center;
}

#shi-jigyo-category-item .shi-jigyo-item p.describe {
	margin-top: 10px;
	color: #000000;
	text-align: justify;
}

#shi-jigyo-category-item .shi-jigyo-item:hover {
	-webkit-transform-origin:50% 7%;
	-webkit-animation: pendulum 1s linear 0s infinite normal;
	transform-origin:50% 7%;
	animation: pendulum 1s linear 0s infinite normal;
}

@-webkit-keyframes pendulum {
	0% { transform: rotate(0deg); }
	25% { transform: rotate(1deg); }
	50% { transform: rotate(0deg); }
	75% { transform: rotate(-1deg); }
	100% { transform: rotate(0deg); }
}

@keyframes pendulum {
	0% { transform: rotate(0deg); }
	25% { transform: rotate(1deg); }
	50% { transform: rotate(0deg); }
	75% { transform: rotate(-1deg); }
	100% { transform: rotate(0deg); }
}