@charset "UTF-8";

#contents {
    padding: 0;
}
#bgColor{
	background-color: #fffffb;
    background-size: 80px 80px;
    background-image: linear-gradient(rgba(215,204,200,.4) 1%, rgba(215,204,200,.4) 1%, transparent 1%, transparent 99%, rgba(215,204,200,.4) 99%, rgba(215,204,200,.4) 100%), linear-gradient(90deg, rgba(215,204,200,.4) 1%, rgba(215,204,200,.4) 1%, transparent 1%, transparent 99%, rgba(215,204,200,.4) 99%, rgba(215,204,200,.4) 100%), linear-gradient(transparent, transparent 25%, rgba(215,204,200,.2) 25%, rgba(215,204,200,.2) 26%, transparent 26%, transparent 50%, rgba(215,204,200,.2) 50%, rgba(215,204,200,.2) 51%, transparent 51%, transparent 75%, rgba(215,204,200,.2) 75%, rgba(215,204,200,.2) 76%, transparent 76%, transparent 100%), linear-gradient(90deg, transparent, transparent 25%, rgba(215,204,200,.2) 25%, rgba(215,204,200,.2) 26%, transparent 26%, transparent 50%, rgba(215,204,200,.2) 50%, rgba(215,204,200,.2) 51%, transparent 51%, transparent 75%, rgba(215,204,200,.2) 75%, rgba(215,204,200,.2) 76%, transparent 76%, transparent 100%);
		padding-bottom: 2rem;

}

.breadcrum-list {
    margin:0 0 15px;
	padding-top: 25px;
}

#bgColor h2 {
	text-align: center;
	background: none;
}

.whiteBg {
    background: #fff;
    padding: 5rem 3rem 3rem;
    margin: -6rem auto 6rem;
    box-shadow: 0px 0px 15px #a0a0a0;
}

#newItem {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
}

#newItem li {
	width: 23.5%;
	margin: 0 2% 2rem 0;
	background: #fff;
	box-shadow: 2px 2px 6px #a7a7a7;
}

#newItem li a {
	padding: 1.2rem;
	display: block;
	text-decoration: none;
}

#newItem li:nth-child(4n) {
	margin: 0 0 2rem 0;
}

#newItem li img {
	width: 100%;
}

.name {
	font-size: 120%;
	font-weight: bold;
	color: #c40e0e;
	margin: 1rem auto 0.4rem;
	text-align: left;
	min-height: 3.2rem;
}

.nameS {
	font-size: 110%;
	font-weight: bold;
	color: #c40e0e;
	margin: 1rem auto 0.4rem;
	text-align: left;
}

.comment {
	font-size: 100%;
	color:#2B2B2B;
	text-align: left;
	margin: 0 ;
}

.center {
	text-align: center;
	margin: 0;
}


@media screen and  (min-width: 768px) and (max-width: 1024px) {
#bgColor section h2 img {
	width: 60%;
}

.whiteBg {
    padding: 5rem 3rem 2rem;
}

#newItem li {
	width: 48%;
	margin: 0 4% 4% 0;
}
#newItem li:nth-child(2n) {
	margin: 0 0 4% 0;
}


}


/* --------------------------------------------------------------     スマホ */

@media screen and  (min-width: 320px) and (max-width: 767px) {
#bgColor section h2 img {
	width: 80%;
}



.whiteBg {
    padding: 4rem 1rem 1rem;
    margin: -4.5rem auto 4rem;
}

#newItem {
	display: block;
}

#newItem li {
	width: 100%;
	margin: 0 0 2rem 0;
}

#newItem li a {
	padding: 1rem;
}

.name {
	font-size: 120%;
    font-weight: bold;
    color: #c40e0e;
    margin: 1rem 0 0.6rem 0;
    text-align: left;
	min-height: unset;
}

.comment {
	font-size: 100%;
	color:#2B2B2B;
	text-align: left;
	margin: 0 ;
}



 
}