@charset "UTF-8";



/* -------------------------------------------------------------------------- */
/* .newsTitleArea */
.newsTitleArea {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
body:not(.sphone) .newsTitleArea {
	margin-top: 3rem;
}
.newsTitleArea p a {
	display: block;
	padding: .3em;
	text-decoration: none;
	background-color: rgba(255,255,255,.7);
	transition: all 200ms 0s ease-out;
}
.newsTitleArea p a:hover {
	color: #fff;
	background-color: rgba(175,171,149,.7);
}

body:not(.sphone) .newsTitleArea {
	width: 60%;
}
body:not(.sphone) .newsTitleArea p:not(:first-of-type) {
	margin-top: .6rem;
}
body:not(.sphone) .newsTitleArea p a:hover {
}

.sphone .newsTitleArea {
	margin: 10% 3% 0;
	font-size: .9em;
}
.sphone .newsTitleArea p:not(:first-of-type) {
	margin-top: 3%;
}






/* -------------------------------------------------------------------------- */
/* #title */
#title {
	margin-left: auto;
	margin-right: auto;
}
.pc #title {
	width: 24%;
	margin-top: 6rem;
}
.tablet #title {
	width: 50%;
	margin-top: 10%;
}
.sphone #title {
	width: 80%;
	margin-top: 20%;
}


/* -------------------------------------------------------------------------- */
/* article */
.pc article {
	padding-top: 7rem;
}
.tablet article {
	padding-top: 12%;
}
.sphone article {
	padding-top: 20%;
}


article ul {
	letter-spacing: -.4rem;
}
article ul li {
	position: relative;
	text-align: center;
	display:inline-block;
	letter-spacing: normal;
	vertical-align:top;
	*display: inline;
	*zoom: 1;
	transition: all 200ms 0s ease-out;
}
article ul li.new::before {
	content: 'New';
	position: absolute;
	text-align: center;
	letter-spacing: .04em;
	font-weight: bold;
	color: #fff;
	background-color: #e65a6e;
	border-radius: 50%;
}
article ul li.new::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #e65a6e transparent transparent transparent;
}
article li .img img {
	width: 100%;
	height: 0;
	padding-top: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	transition: all 200ms 0s ease-out;
}
article li:hover,article li:focus {
	opacity: .6;
}
article li:hover .img img,article li:focus .img img {
	background-size: 110% auto;
}
article ul li a {
	text-decoration: none;
}
article ul li h3 {
	transition: all 200ms 0s ease-out;
}
article ul li:hover h3,article ul li:focus h3 {
	color: #786243;
}

/* ----------------------------- */
body:not(.sphone) article ul li.new::before {
	right: .5em;
	top: -1.5em;
	width: 3em;
	height: 3em;
	line-height: 3em;
}
body:not(.sphone) article ul li.new::after {
	right: 1.55em;
	top: 1.1em;
	border-width: 14px 7px 0 7px;
}
body:not(.sphone) article ul h3 {
	margin-top: .5rem;
	font-size: 1.1em;
}
body:not(.sphone) article ul h3 span {
	display: block;
	font-weight: normal;
	font-size: .8em;
}
/* ----------------------------- */
.pc article ul {
	margin: 2% 10% 0;
}
.pc article ul li {
	width: calc(calc(100% / 5) - 1%);
	margin-top: 3%;
	margin-right: 1%;
}
.pc article ul li[data-id="ishida"] {
	margin-left: 10%;
}
.pc article ul li[data-id="shiratori"] {
	margin-left: 20%;
}
.pc article ul li[data-id="iriyama"] {
	/* margin-left: 20%; */
    margin-left: 30%;
}

/* ----------------------------- */
.tablet article ul {
	margin: 3% 4% 0;
}
.tablet article ul li {
	width: 24%;
	margin-top: 3%;
}
.tablet article ul li:not(:nth-child(4n+4)) {
	margin-right: 1.2%;
}
/* ----------------------------- */
.sphone article ul {
	margin: 3% 3% 0;
}
.sphone article ul li {
	width: 32%;
	margin-top: 5%;
}
.sphone article ul li:not(:nth-child(3n+3)) {
	margin-right: 2%;
}
.sphone article ul li.new::before {
	right: 0;
	top: -1.2em;
	width: 2.6em;
	height: 2.6em;
	line-height: 2.6em;
	font-size: .7em;
}
.sphone article ul li.new::after {
	right: .6em;
	top: .8em;
	border-width: 10px 5px 0 5px;
}
.sphone article ul h3 {
	margin-top: 1%;
	font-size: 1em;
}
.sphone article ul h3 span {
	display: block;
	line-height: 1em;
	font-weight: normal;
	font-size: .8em;
}