/*==============================================
				index
==============================================*/
ul.menuList{	overflow:hidden; clear: both;}
.menuList li {	width:31.3%;	float:left;	margin: 0 3% 40px 0;}
.menuList li:nth-child(odd){ margin-right:3%;}
.menuList.culum2 li {	width:48.5%;	float:left;	margin: 0 3% 30px 0;}
.menuList.culum2 li:nth-child(even) { margin: 0 0 30px;}
.menuList.culum4 li {	width:22.75%;	float:left;	margin: 0 3% 40px 0;}
.menuList li:last-child { margin: 0;}
.menuList li img {	width:100%; vertical-align:top; border: solid 1px #e2e2e0; box-sizing: border-box;}
.menuList li div {	width:100%; padding:20px;	background:#f6f6f3; box-sizing: border-box;}
.menuList li div a.ttl { display:block; font-size: 16px;}
.menuList li div .txt_index { padding:20px 0;}
.menuList li div .DetailLink {	text-align: right;	margin: 5px 12px 0 0;}
.menuList li div .DetailLink a {	position: relative; padding:0;}
.menuList li div .DetailLink a:before {	display: block;	content: '';	position: absolute;	z-index: 2;	top: 4px;	right: -9px;	width: 6px;	height: 6px;	border-top: 2px solid #ea5e0d;	border-right: 2px solid #ea5e0d; -webkit-transform: rotate(45deg);	transform: rotate(45deg);}

@media screen and (max-width:767px){
/*==============================================
				index
==============================================*/
	.menuList li,
	.menuList li:nth-child(odd),
	.menuList.culum2 li,
	.menuList.culum2 li:nth-child(even),
	.menuList.culum4 li {	width:100%;	float:none;	margin: 0 0 20px;}
	.menuList.culum2 li .text { font-size: 13px;}
	.menuList.culum2 li div { margin: 0;}
}


/*==============================================
				spacia/revaty/ryomo
==============================================*/
.section { margin-bottom: 40px;}
.section .ph { margin: 10px 0;}
.section .ph img { width: 100%;}

@media screen and (max-width:767px){
/*==============================================
				spacia/revaty/ryomo
==============================================*/
.section { margin-bottom: 20px;}
}