@charset "utf-8";


/* 
----------------------------- */
.box {
	margin-bottom: 3em;
}
h2 {
	padding: 0.5em 0.5em 0.4em;
	margin: 0 0 0.4em;
	border-bottom: 1px dashed #aaa;
}

.box ul {
	list-style: none;
	padding: 0.5em;
}

.box img {
	border: 3px solid #fff;
	box-shadow: 2px 2px 5px #666;
	margin: 0.5em 0;
}
.box li a {
	display: block;

	-moz-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.box li a:hover {
	-moz-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,1deg);
	-ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,1deg);
	-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,1deg);
	transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,1deg);
}



/* アイコン部分
----------------------------- */
#cg_sum {
	list-style: none;
	margin: 4em 0;	/* タイトルロゴに被らないように上スペース確保 */
	text-align: center;
}

#cg_sum li {
	margin: 1em 0.25em;
}
#cg_sum a {
	opacity: 1;
	-moz-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
#cg_sum a:hover {
	opacity: 0.6;
}

#cg_sum img {
	border: 1px solid #999;
}