.is {
}

.ii {
	display: block;
	
	margin: 1.0rem;
	
	border: 1px solid #ccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px
}

.ii:link,
.ii:hover,
.ii:visited,
.ii:focus {
	text-decoration: none;
	color: #3d3333;
	box-shadow: 0 2px 0px #f0f0f0
}

.ii a:hover {
	
}

.ii h3 {
	margin: 1.0rem;
}

.ii p {
	margin: 1.0rem;
}

.ii p:last-of-type {
	position: relative;
	color: #c00;
	padding-left: 1.2rem;
}

.ii .a::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #c00; 
}

@media screen and (max-width:767px) {
	.titleSub h1 span {
		display: none;
	}

	.titleSub + p {
		margin-bottom: 9px;
	}

	.listLocalMenu {
		margin: 0 5px 21px;
	}

	.listLocalMenu li {
		display: inline-block;
		width: auto;
	}

	.listLocalMenu li {
		margin-right: 22px;
	}


	h2 {
		margin-bottom: 20px;
	}

	.innerWrap  {
		margin: 0 5px 20px;
		padding: 10px 5px;
		border: 1px solid #ccc;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-ms-border-radius: 6px;
		border-radius: 6px;
	}

	.thumbnail img {
		display: none;
	}

	.myToggle {
		display: none;
	}


}


@media screen and (min-width:768px) {

	.is {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
	}

	.ii {
		flex: 0 0 31%;

		margin: 1%;
	}

	span.small{
		font-size:0.7em;
	}

	.thumbnail img {
		display: block;
		margin: 0 auto;
	}

	.myToggle {
		clear: both;
		margin: 5px;
		text-align: right;
	}
	.myToggle a {
		padding-left: 14px;
		background: url(/common/images/ico_arrow_down.gif) no-repeat left center;
	}

}