@charset "UTF-8";

/* ==================================================
	sp
================================================== */
@media screen and (max-width: 599px) {
	
	
	#fv {
	  width: 100%;
	  margin: 0;
	}
	.splide__slide img {
	  height: auto;
	  width: 100%;
	}
	.splide__pagination {
	  bottom: -2.4em;
	}
	.splide__pagination__page.is-active {
	  background: #bca488;
	  transform: scale(1.25);
	}
	.splide__pagination__page {
	  background: #ddd1c3;
	  height: 10px;
	  width: 10px;
	  margin: 10px;
	}
	#category {
	  width: 80%;
	  margin: 50px auto 0;
	}
	.category_wrapper {
	  width: 100%;
	  margin: 25px 0 0;
	}
	.category_inner {
	  display: flex;
	  /*		flex-wrap: wrap;*/
	  flex-direction: column;
	  list-style: none;
	}
	.category_item {
	  /*		flex: 1;*/
	  /*		width: calc(calc(100% - 8%) / 3);*/
	  width: 100%;
	  margin: 50px 0 0;
	}
	/*
		.category_item:nth-of-type(3n) {
		margin-right: 0;
	}
	
*/
	.category_img {
	  width: 100%;
	}
	.category_img img {
	  width: 100%;
				height: auto;

	}
	/*
	
	.category_category {
		    font-size: 1.4vw;
    letter-spacing: 0.1em;
    line-height: 1.0em;
		  color: #3b3838;

	}
	
*/
	.category_title {
	  width: 100%;
	  font-size: 1.0rem;
	  letter-spacing: 0.1em;
	  line-height: 1.0em;
	  color: #bca488;
	  text-align: left;
	  margin-top: 20px;
	  /*
				  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
*/
	  overflow: hidden;
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 2;
	}
	.category_txt {
	  margin-top: 20px;
	}
	.category_txt p {
	  font-size: 0.8rem;
	  letter-spacing: 0.1em;
	  line-height: 1.0em;
	  color: #3b3838;
	  text-align: left;
	  /*
		  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
	
*/
	  overflow: hidden;
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 3;
	}
	.category_date_tag_wrapper {
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  margin-top: 20px;
	}
	.category_date {
	  width: 100%;
	  font-size: 0.8rem;
	  letter-spacing: 0.1em;
	  line-height: 1.0em;
	  color: #3b3838;
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  /*			padding: 10px 0;*/
	}
	.category_tag {
	  background: #fdf7f3;
	  border-radius: 20px;
	  /* display: flex; */
	  padding: 10px 5%;
	  color: #bca488;
	}
	.category_tag a {
	  font-size: 0.8rem;
	  letter-spacing: 0.1em;
	  line-height: 1.0em;
	  color: #bca488;
	}
	.pagination_wrapper {
	  margin: 50px auto 0;
	}
	.nav-links {
	  font-size: 0.8rem;
	  letter-spacing: 0.1em;
	  line-height: 1.0em;
	}
	.nav-links a {
	  font-size: 0.8rem;
	  letter-spacing: 0.1em;
	  line-height: 1.0em;
	  color: #3b3838;
	}
	.page-numbers {
	  margin-right: 5%;
	}
	.current {
	  color: #bca488;
	  background: #fdf7f3;
	  padding: 10px 14px;
	  border-radius: 50%;
	}
	
	
	
}
/* ==================================================
	tb
================================================== */
@media screen and (min-width: 600px) and (max-width: 1024px) {	
	
	#fv {
	  width: 100%;
	  margin: 0;
	}
	.splide__slide img {
	  height: auto;
	  width: 100%;
	}
	.splide__pagination {
	  bottom: -2.4em;
	}
	.splide__pagination__page.is-active {
	  background: #bca488;
	  transform: scale(1.25);
	}
	.splide__pagination__page {
	  background: #ddd1c3;
	  height: 10px;
	  width: 10px;
	  margin: 10px;
	}
	#category {
	  width: 80%;
	  margin: 50px auto 0;
	}
	.category_wrapper {
	  width: 100%;
	  margin: 25px 0 0;
	}
	.category_inner {
	  display: flex;
	  /*		flex-wrap: wrap;*/
	  flex-direction: column;
	  list-style: none;
	}
	.category_item {
	  /*		flex: 1;*/
	  /*		width: calc(calc(100% - 8%) / 3);*/
	  width: 100%;
	  margin: 50px 0 0;
	}
	/*
		.category_item:nth-of-type(3n) {
		margin-right: 0;
	}
	
*/
	.category_img {
	  width: 100%;
	}
	.category_img img {
	  width: 100%;
		height: auto;
	}
	/*
	
	.category_category {
		    font-size: 1.4vw;
    letter-spacing: 0.1em;
    line-height: 1.0em;
		  color: #3b3838;

	}
	
*/
	.category_title {
	  width: 100%;
	  font-size: 1.0rem;
	  letter-spacing: 0.1em;
	  line-height: 1.0em;
	  color: #bca488;
	  text-align: left;
	  margin-top: 20px;
	  /*
				  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
*/
	  overflow: hidden;
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 2;
	}
	.category_txt {
	  margin-top: 20px;
	}
	.category_txt p {
	  font-size: 0.8rem;
	  letter-spacing: 0.1em;
	  line-height: 1.0em;
	  color: #3b3838;
	  text-align: left;
	  /*
		  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
	
*/
	  overflow: hidden;
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 3;
	}
	.category_date_tag_wrapper {
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  margin-top: 20px;
	}
	.category_date {
	  width: 100%;
	  font-size: 0.8rem;
	  letter-spacing: 0.1em;
	  line-height: 1.0em;
	  color: #3b3838;
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  /*			padding: 10px 0;*/
	}
	.category_tag {
	  background: #fdf7f3;
	  border-radius: 20px;
	  /* display: flex; */
	  padding: 10px 5%;
	  color: #bca488;
	}
	.category_tag a {
	  font-size: 0.8rem;
	  letter-spacing: 0.1em;
	  line-height: 1.0em;
	  color: #bca488;
	}
	.pagination_wrapper {
	  margin: 50px auto 0;
	}
	.nav-links {
	  font-size: 0.8rem;
	  letter-spacing: 0.1em;
	  line-height: 1.0em;
	}
	.nav-links a {
	  font-size: 0.8rem;
	  letter-spacing: 0.1em;
	  line-height: 1.0em;
	  color: #3b3838;
	}
	.page-numbers {
	  margin-right: 5%;
	}
	.current {
	  color: #bca488;
	  background: #fdf7f3;
	  padding: 10px 14px;
	  border-radius: 50%;
	}
	
	
}
/* ==================================================
	pc
================================================== */
@media screen and (min-width: 1025px) {
  
  #fv {
    width: 100%;
    margin: 0;
  }
	
	  .splide__slide img {
    height: auto;
    width: 100%;
  }
	
	.splide__pagination {
    bottom: -2.4em;
}
	
.splide__pagination__page.is-active {
    background: #bca488;
    transform: scale(1.75);
}
.splide__pagination__page {
    background: #ddd1c3;
    height: 10px;
    width: 10px;
	margin: 10px;
}	
	
	
	
	
	
	
	
	
	
#category {
    width: 80%;
    margin: 100px auto 0;
  }	
	
	.category_wrapper {
		    width: 100%;
    margin: 0;
	}
	
		.category_wrapper h1 {
		    font-size: 1.4vw;
    letter-spacing: 0.1em;
    line-height: 1.0em;
		color: #bca488;
			margin: 0;
			
	}
	
	
	
	
	.category_inner {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		list-style: none;
	}
	
	.category_item {
/*		flex: 1;*/
		width: calc(calc(100% - 8%) / 3);
		margin: 50px 4% 0 0;
	}
	
		.category_item:nth-of-type(3n) {
		margin-right: 0;
	}
	
	
	
	.category_img {
				width: 100%;
	}
	.category_img img {
		width: 100%;
				height: auto;

	}	
	

/*
	
	.category_category {
		    font-size: 1.4vw;
    letter-spacing: 0.1em;
    line-height: 1.0em;
		  color: #3b3838;

	}
	
*/
	.category_title {
		width: 100%;
		    font-size: 1.4vw;
    letter-spacing: 0.1em;
    line-height: 1.0em;
		color: #bca488;
		text-align: left;
		margin-top: 25px;
		
/*
				  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
*/
		
		 overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
		
	}
	
	
	
	.category_txt {
				margin-top: 25px;
	}	
	
	
	.category_txt p {
		    font-size: 1.0vw;
    letter-spacing: 0.1em;
    line-height: 1.0em;
			color: #3b3838;
				text-align: left;
		
/*
		  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
	
*/
 overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
	}	
	
	
	
	
	.category_date_tag_wrapper {
		display: flex;
		align-items: center;
		justify-content: space-between;
				margin-top: 25px;
	}
	
		.category_date {
width: 100%;
    font-size: 1.0vw;
    letter-spacing: 0.1em;
    line-height: 1.0em;
    color: #3b3838;
    display: flex;
    align-items: center;
    justify-content: space-between;
}





.category_tag {
background: #fdf7f3;
    border-radius: 40px;
    /* display: flex; */
    padding: 1vw 4%;
		color: #bca488;

	}
	
			.category_tag a {
		    font-size: 1.2vw;
    letter-spacing: 0.1em;
    line-height: 1.0em;
		color: #bca488;
	}
	

	.pagination_wrapper {
		margin: 100px auto 0;
	}
	
	
	.nav-links {
		    font-size: 1.2vw;
    letter-spacing: 0.1em;
    line-height: 1.0em;
	}
	
	.nav-links a {
				    font-size: 1.2vw;
    letter-spacing: 0.1em;
    line-height: 1.0em;
		color: #3b3838;
	}
	
	.page-numbers {
		margin-right: 5%;
	}
	
	
	.current {
color: #bca488;
    background: #fdf7f3;
    padding: 19px 24px;
    border-radius: 50%;
	}
	
	
	
	
	
	
	
  
}