@charset "UTF-8";

/* ==================================================
	sp
================================================== */
@media screen and (max-width: 599px) {
	
	
	#onlineshop {
	  width: 80%;
	  margin: 50px auto 0;
	}
	.onlineshop_heading {
	  font-size: 1.4rem;
	  letter-spacing: 0.1em;
	  line-height: 1.0em;
				font-weight: normal;
	  margin: 0;
	}
	.onlineshop_txt {
	  font-size: 1.0rem;
	  letter-spacing: 0.1em;
	  line-height: 1.6em;
	  margin-top: 50px;
	}
	.onlineshop_link {
			  font-size: 1.0rem;
	  letter-spacing: 0.1em;
	  line-height: 1.6em;
	  margin-top: 25px;
	  display: flex;
	  justify-content: center;
	  align-items: baseline;
	}
	.onlineshop_link a {
	  font-size: 1.2rem;
	  letter-spacing: 0.1em;
	  line-height: 1.0em;
	  color: #3b3838;
	  padding-left: 1%;
	}
	
	
}
/* ==================================================
	tb
================================================== */
@media screen and (min-width: 600px) and (max-width: 1024px) {
	
		#onlineshop {
	  width: 80%;
	  margin: 50px auto 0;
	}
	.onlineshop_heading {
	  font-size: 1.4rem;
	  letter-spacing: 0.1em;
	  line-height: 1.0em;
				font-weight: normal;
	  margin: 0;
	}
	.onlineshop_txt {
	  font-size: 1.0rem;
	  letter-spacing: 0.1em;
	  line-height: 1.6em;
	  margin-top: 50px;
	}
	.onlineshop_link {
			  font-size: 1.0rem;
	  letter-spacing: 0.1em;
	  line-height: 1.6em;
	  margin-top: 25px;
	  display: flex;
	  justify-content: center;
	  align-items: baseline;
	}
	.onlineshop_link a {
	  font-size: 1.2rem;
	  letter-spacing: 0.1em;
	  line-height: 1.0em;
	  color: #3b3838;
	  padding-left: 1%;
	}
}
/* ==================================================
	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;
}	
	
	
	
	
	
	
	
	
	
#onlineshop {
    width: 80%;
    margin: 100px auto;
  }	
	
	.onlineshop_heading {
		    font-size: 1.4vw;
    letter-spacing: 0.1em;
    line-height: 1.0em;

				font-weight: normal;
		margin: 0;

	}	
	
		.onlineshop_txt {
		    font-size: 1.0vw;
    letter-spacing: 0.1em;
    line-height: 1.0em;
			margin-top: 25px;
	}	
	
		.onlineshop_link {
					    font-size: 1.0vw;
    letter-spacing: 0.1em;
    line-height: 1.0em;
			
						margin-top: 25px;

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

	}
				
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
				
	.single_wrapper {
		    width: 100%;
    margin: 100px 0 0;
	}
	
	.single_inner {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
	}
	
	.single_item {
/*		flex: 1;*/
		width: calc(calc(100% - 8%) / 3);
		margin: 100px 4% 0 0;
	}
	
		.single_item:nth-of-type(3n) {
		margin-right: 0;
	}
	
	
	
	.single_img {
				width: 100%;
	}
	.single_img img {
		width: 100%;
	}	
	

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

	}
	
*/
	.single_title {
		width: 100%;
		    font-size: 1.4vw;
    letter-spacing: 0.1em;
    line-height: 1.0em;
		color: #bca488;
		text-align: left;
		margin-top: 30px;
		
/*
				  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
*/
		
		 overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
		
	}
	
	.wp-block-image img {
		width: 100%;
	}
	
	.single_txt {
				margin-top: 40px;
	}	
	
	
	
	
	.single_txt p {
		    font-size: 1.4vw;
    letter-spacing: 0.1em;
    line-height: 1.0em;
			color: #3b3838;
				text-align: left;
						margin-top: 40px;
/*
		  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
	
*/
/*
 overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
*/
	}	
	
	
	
	
	.single_date_category_wrapper {
		display: flex;
		align-items: center;
		justify-content: space-between;
				margin-top: 30px;
	}
	
		.single_date {
width: 100%;
    font-size: 1.2vw;
    letter-spacing: 0.1em;
    line-height: 1.0em;
    color: #3b3838;
    display: flex;
    align-items: center;
    justify-content: space-between;
}





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

	}
	
/*
			.single_category a {
		    font-size: 1.2vw;
    letter-spacing: 0.1em;
    line-height: 1.0em;
		color: #bca488;
	}
*/
	
	
	
	.single_tag {
/*background: #fdf7f3;*/
/*    border-radius: 40px;*/
    /* display: flex; */
/*    padding: 1vw 4%;*/
		margin-top: 40px;
		text-align: left;
	}
	
			.single_tag a {
		    font-size: 1.2vw;
    letter-spacing: 0.1em;
    line-height: 1.0em;
		color: #3b3838;
	}
	
	
	
	
	

	.pagination_wrapper {
		margin: 100px auto 0;
	}
	
		.nav-links {
			display: flex;
			align-items: center;
			justify-content: center;
	}
	
	.nav-previous {
		margin-right: 5%;
	}
	
	
	.nav-previous a {
				    font-size: 2.0vw;
    letter-spacing: 0.1em;
    line-height: 1.0em;
		color: #3b3838;
	}
	
	
		.nav-next a {
				    font-size: 2.0vw;
    letter-spacing: 0.1em;
    line-height: 1.0em;
		color: #3b3838;
	}
	
	

	
	
	
	
	
	
	
	
	
  
}