@charset "utf-8";

.itemlist-wrap {margin:0 0 0 0;}
.itemlist-wrap h1 {display:block; margin:0; padding:0; height:30px; line-height:30px; font-weight:bold; color:#000000; font-size:20px;}
.itemlist-wrap h1 b {font-weight:normal; color:#d61919;}

.itemlist-wrap h1.category {position:absolute; left:20px; bottom:20px; font-size:25px; text-shadow:0 0 3px #ffffff;}
.itemlist-wrap h1.category b {display:none;}

.itemlist-wrap ul {display:block;}
.itemlist-wrap li {width:254px; height:335px; border:1px solid #e1e1e1; margin:22px 28px 5px 0; padding:0 0 0 0; cursor:pointer;}
.itemlist-wrap li img {display:block; width:250px; height:250px; border:1px solid #ffffff;}
.itemlist-wrap li h3 {display:block; padding:15px 10px 10px; margin:0; font-size:14px; color:#000000; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.itemlist-wrap li h4 {display:block; padding:0 10px 10px; margin:0; font-size:14px; color:#d61919; font-weight:bold;}
.itemlist-wrap li h4 s {font-weight:normal; color:#999999; font-size:12px; margin:0 7px 0 0;}
.itemlist-wrap li h4 img {display:inline-block; width:auto; height:13px; vertical-align:top; margin:1px 0 0 5px;}

.itemlist-wrap li:nth-child(4n) {margin:22px 0 5px 0;}


.itemlist-category-image {width:100%; height:auto; position:relative; margin:0 0 20px 0;}
.itemlist-category-image img {display:block; width:1100px; height:312px;}

.itemlist-count   {float:left; height:29px; line-height:29px; font-size:15px; margin:0 0 -10px 0;}
.itemlist-count b {color:#000000;}
.itemlist-orderby {float:right; height:29px; margin:0 0 -10px 0;}
.itemlist-orderby select {background-position:90% center;}

@media (max-width:950px) {

	.itemlist-wrap {margin:7px 0 7px 0; background-color:#ffffff; padding:20px 10px;}
	.itemlist-wrap ul {}
	.itemlist-wrap li {width:49%; height:auto; border:1px solid #e1e1e1; padding:2px;}
	.itemlist-wrap li img {display:block; width:100%; height:auto; border-width:0;}
	.itemlist-wrap li h4 {text-align:center;}
	.itemlist-wrap li h4 span {display:block; text-align:center; }
	.itemlist-wrap li h4 img {display:inline-block; width:auto; height:13px; vertical-align:top; margin:7px 3px 0 3px;}

	.itemlist-wrap li:nth-child(2n-1) {margin:10px 1% 0 0;}
	.itemlist-wrap li:nth-child(2n) {margin:10px 0 0 1%;}

	.itemlist-category-image img {display:block; width:100%; height:auto;  margin:0 0 10px 0;}

	.itemlist-count   {margin:0;}
	.itemlist-orderby {margin:0;}
}



/* ########################################################### SDGs ########################################################### */


.sdgs-main-image {width:1100px; height:auto;}
.sdgs-main-image img {width:100%; height:auto; display:block;}

.sdgs-wrap {width:1100px; background-color:#eab9b3; padding:63px 32px 63px 32px;}

.sdgs-note {float:left; width:326px;}
.sdgs1 {margin:0 29px 0 0;}
.sdgs2 {margin:0 29px 0 0;}
.sdgs3 {margin:0;}

.sdgs-note-head {width:100%; height:auto;}
.sdgs-note-head img {width:100%; height:auto; display:block;}

.sdgs-note-body {width:100%; background-color:#fef0eb; height:690px; padding:0 0 0;}
.sdgs-note-blank {height:1px; font-size:1px; line-height:1px;}
.sdgs-note-goal {width:130px; height:130px; margin:45px auto 0; background-color:#fef0eb; background-color:#fff; border-radius:50%;}
.sdgs-note-goal img {width:100%; height:auto; display:block;}

.sdgs-note-body h1 {margin:25px 0 0 0; padding:0; font-weight:bold; font-size:19px; color:#000; text-align:center; line-height:1.2;}
.sdgs-note-body h2 {margin:30px 0 0 0; padding:0 40px; font-weight:normal; font-size:13px; color:#a0919b; text-align:center; line-height:1.6;}

.sdgs-note-tail {width:100%; text-align:right; background-color:#fef0eb; height:24px;}
.sdgs-note-tail span {display:block; width:0; height:0; border-bottom:24px solid #eab9b3; float:right;}

.sdgs1 .sdgs-note-tail span {border-left:24px solid #ec682d;}
.sdgs2 .sdgs-note-tail span {border-left:24px solid #228ec9;}
.sdgs3 .sdgs-note-tail span {border-left:24px solid #096496;}

.sdgs2 .sdgs-note-body h1 {line-height:2.4;}


@media (max-width:950px) {
	.sdgs-main-image {width:100%; overflow:hidden;}
	.sdgs-main-image img {width:150%; margin-left:-25%; margin-right:-25%;}

	.sdgs-wrap {width:100%; padding:40px 30px 40px;}

	.sdgs-note {float:none; width:100%;}
	.sdgs1 {margin:0;}
	.sdgs2 {margin:30px 0 0 0;}
	.sdgs3 {margin:30px 0 0 0;}

	.sdgs-note-body {height:auto; padding-bottom:45px;}
	.sdgs-note-goal {margin-top:30px;}

}



/* ´ë°¢¼± ±×¸®´Â¹ý
.diagonal2 {
  width: 0px;
  height: 0px;
  background-color: red;
  border-bottom: 40px solid gray;
  border-right: 40px solid yellow;
}
*/