/******************************/
		/* yuka-search-container */
		/******************************/
.yuka-search-container{width:100%;max-width:75%;margin:0 auto;padding-bottom:5px}
	.yuka-search-container h2{font-size:35px;font-weight: 300;text-align: center;letter-spacing: 1.5px;color:#000}
	.yuka-search-container a{display: block;padding:15px;text-align: center;background: #fff;border:2px solid #000;font-size:20px;text-decoration: none;font-weight: 400;letter-spacing: 1px;margin-bottom:50px;color:#000;}
	.yuka-search-container a:hover{color:#fff;background: #000;transition: 0.3s}

/*241125菊池作成*/
.table_sokokojo td{padding:10px;}
/*241125菊池作成*/

.content-container{
			margin:0 auto;
	  padding:20px 0 40px 0;
		  max-width:1030px;}
		
		.search-button h2{text-align: center;} 
	
		#search-nav{display:flex;justify-content:space-between;flex-wrap: wrap;}  
		#search-nav li{width:30%;margin-bottom: 3%;border:2px solid #000; padding:10px 10px;text-align:center;border-radius:1px;transition:all 0.3s;}
	#search-nav li a {
			  text-decoration: none;
			  font-weight: bold;
			  width:100%;
			  display:block;
				line-height: 50px;
				text-align: center;
			}
		#search-nav li:hover {
			  background-color: #000;
			  color: #fff;
			  transition:0.3s ease all;
			}
			
			#search-nav  li a:hover {
			  color: #fff;
			  transition:0.3s ease all;
			}
	.info-container{max-width:1280px;margin:0 auto;margin-bottom:40px;display:block;padding:10px 30px}
	.info-container h2{text-align:left;font-weight:300;font-size:32px;margin-bottom:60px;padding:30px 0;border-top:1px solid #000;border-bottom:1px solid #000;letter-spacing:1.5px}
	span.info-ja{font-size:20px}
	 .info-content{display:block;margin-bottom:20px;border-bottom:2px dotted #f2f2f2;}
	 .info-content h4{font-weight:400;font-size:20px;font-weight:300;border-bottom:3px solid #e4ddc9;display:inline-block;padding-bottom:5px;letter-spacing: 1px}
	 .info-content p{margin-bottom:30px;line-height: 2em;letter-spacing: 0.3px}
	 .info-content a{border:1px solid #000;padding:10px 20px;border-radius:30px;margin-bottom:40px;display: block;width:100%;max-width:175px;letter-spacing: 0.5px}
	 .info-content a:hover{background:#000;color:#fff;transition: 0.3s;text-decoration: none}
	 .info-content h4{background:none;color:#000;font-size:18px;font-weight:500}
	
	@media screen and (max-width: 900px) {
		  .octagon {
					width: 90%;
					margin-bottom: 80px;
				  }
		  
		}		
		
	
	@media screen and (max-width: 800px) {
	  #search-nav li{width:45%;margin-bottom: 3%;border:2px solid #000; padding:10px 10px;text-align:center;border-radius:1px;transition:all 0.3s;}
	  
	}		
	
	.octagon {
		  background: white;
		  width: 70%;
		  margin: 0 auto;
	  margin-top:30px;
		  padding:30px 20px 10px 20px;
		  position: relative; /* 位置の基準点を設定 */
		  clip-path: polygon(
			5% 0%,  /* 上左 */
			95% 0%, /* 上右 */
			100% 8%, /* 右上 */
			100% 92%, /* 右下 */
			95% 100%, /* 下右 */
			5% 100%, /* 下左 */
			0% 92%, /* 左下 */
			0% 8%   /* 左上 */
		  );
		  margin-bottom: 100px;
		}
		
		.octagon::before {
		  content: '';
		  display: block;
		  padding-top: (9 / 16) * 100%; /* 16:9のアスペクト比 */
		}
		
		.octagon-content {
		  position: absolute;
		  top: 30px;
		  right: 30px;
		  bottom: 20px;
		  left: 30px;
		}
		
	
	.top-copy{width:100%;max-width:650px;height:all;margin:0 auto;padding-bottom:40px;}
	.top-copy h3{font-size:25px;font-weight: 300;letter-spacing: 1.5px;margin-bottom:10px;text-align: center;border-bottom:1px solid #f2f2f2;padding-bottom:10px;color:#000}
	.top-copy p{font-size:16px;letter-spacing: 0.5px;line-height: 2.5em;font-weight: 400;color:#000}
	
	.yuka-search-container{width:100%;max-width:75%;margin:0 auto;padding-bottom:5px}
	.yuka-search-container h2{font-size:35px;font-weight: 300;text-align: center;letter-spacing: 1.5px;color:#000}
	.yuka-search-container a{display: block;padding:15px;text-align: center;background: #fff;border:2px solid #000;font-size:20px;text-decoration: none;font-weight: 400;letter-spacing: 1px;margin-bottom:50px;color:#000;}
	.yuka-search-container a:hover{color:#fff;background: #000;transition: 0.3s}
	
	
	.link-container{width:100%;max-width:1000px;display: flex;justify-content: space-between;margin:0 auto;}
	.link-container h2{font-size:22px;font-weight: 400;border-top:1px solid #000;border-bottom:1px solid #000;padding:20px 0;margin-bottom:30px;color:#000}
	.link-container ul li{font-size:16px;font-weight: 400;margin-bottom:20px;color:#000}
	.link-container ul li a{border:1px solid #000;background: #fff;padding:10px 20px;display: block;border-radius:30px;letter-spacing: 1px}
	.link-container ul li a:hover{background: #000;color:#fff;transition: 0.3s;text-decoration: none}
	.link-left{width:48%}
	.link-right{width:48%}
	
	
	
	
	/******************************/
	/* SLIDER */
	/******************************/
	@media screen and (max-width: 1030px) {
	  .slider {
		margin-left: -20px;
		margin-right: -20px;
		position: relative;
	  }
	}
	#slider div {
	  width: 100%;
	  max-width: 100%;
	  height: auto;
	}
	#slider > div {
	  display: none;
	}
	.bx-viewport #slider > div {
	  display: block;
	}
	.bx-wrapper {
	  z-index: 0;
	}
	.bx-wrapper img {
	  width: 100%;
	  height: auto;
	}
	.bx-wrapper .bx-viewport {
	  box-shadow: none !important;
	  border: 0 !important;
	  left: 0 !important;
	}
	.bx-wrapper .bx-pager {
	  bottom: -27px !important;
	}
	.bx-wrapper .bx-pager.bx-default-pager a {
	  margin: 0 3px !important;
	  padding-top: 15px;
	  width: 25px !important;
	  height: 1px !important;
	  background: transparent !important;
	  border-bottom: 1px solid #cccccc;
	  border-radius: 0 !important;
	}
	.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	  background: transparent !important;
	  border-bottom: 1px solid #000000;
	}
	/******************************/
	/* NEWS */
	/******************************/
	.p-line-informaiton {
	  display: flex;
	  flex-wrap: wrap;
	  margin-top: 75px;
	  width: 760px;
	}
	@media screen and (max-width: 767px) {
	  .p-line-informaiton {
		display: block;
		width: auto;
	  }
	}
	.p-line-informaiton ul {
	  flex: 1;
	  font-size: 13px;
	}
	@media screen and (max-width: 767px) {
	  .p-line-informaiton ul {
		font-size: 12px;
	  }
	}
	.p-line-informaiton li {
	  margin-bottom: 15px;
	}
	.p-line-informaiton__ttl {
	  position: relative;
	  margin: 0 40px 0 0;
	  font-size: 14px;
	  font-weight: bold;
	}
	@media screen and (max-width: 767px) {
	  .p-line-informaiton__ttl {
		margin: 0;
	  }
	}
	.p-line-informaiton__ttl:before {
	  content: "";
	  position: absolute;
	  top: 7px;
	  right: -20px;
	  width: 1px;
	  height: 10px;
	  background: #d2d2d2;
	}
	@media screen and (max-width: 767px) {
	  .p-line-informaiton__ttl:before {
		content: none;
	  }
	}
	/******************************/
	/* FEATURES */
	/******************************/
	.p-features {
	  padding-bottom: 30px;
	}
	.p-features-list {
	  box-sizing: border-box;
	  display: flex;
	  flex-wrap: wrap;
	  margin-left: -25px;
	  margin-right: -25px;
	}
	@media screen and (max-width: 1030px) {
	  .p-features-list {
		margin-left: 0;
		margin-right: 0;
		flex-wrap: nowrap;
	  }
	}
	.p-features-list__item {
	  box-sizing: border-box;
	  margin-bottom: 50px;
	  padding-left: 25px;
	  padding-right: 25px;
	  width: 33.3333%;
	}
	@media screen and (max-width: 1030px) {
	  .p-features-list__item {
		margin-right: 5px;
		margin-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		width: 300px;
	  }
	}
	.p-features-list__in {
	  box-sizing: border-box;
	  position: relative;
	}
	.p-features-list__in:before {
	  content: "";
	  position: absolute;
	  top: 150px;
	  bottom: 30px;
	  right: 10px;
	  left: 10px;
	  z-index: -1;
	  background: transparent;
	  transform: scaleY(2.3) perspective(0.6em) rotateX(2deg);
	  transform-origin: bottom;
	  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	@media screen and (max-width: 1030px) {
	  .p-features-list__in:before {
		top: 150px;
		bottom: 30px;
		right: 15px;
		left: 15px;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
	  }
	}
	.p-features-list__in:hover:before {
	  content: "";
	  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
	}
	.p-features-list__in:hover .p-features-list__img img {
	  transform: scale(1.05, 1.05);
	}
	.p-features-list__img {
	  display: inline-block;
	  overflow: hidden;
	  position: relative;
	  width: 100%;
	}
	.p-features-list__img img {
	  width: 100%;
	  transform: scale(1, 1);
	  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	.p-features-list__txt {
	  box-sizing: border-box;
	  padding: 30px;
	  background: #ffffff;
	}
	@media screen and (max-width: 1030px) {
	  .p-features-list__txt {
		padding: 30px 20px;
		width: 300px;
	  }
	}
	.p-features-list__ttl {
	  font-weight: bold;
	}
	.p-features-list__body {
	  color: #909090;
	}
	@media screen and (max-width: 1030px) {
	  .p-features-list__body {
		white-space: initial;
	  }
	}
	/***** お知らせ *****/
	.p-top-news {
	  display: flex;
	  flex-wrap: wrap;
	  align-items: center;
	  margin-bottom: 50px;
	}
	@media screen and (max-width: 767px) {
	  .p-top-news {
		display: block;
		margin-bottom: 45px;
	  }
	}
	.p-top-news__ttl {
	  box-sizing: border-box;
	  margin-right: 25px;
	  padding: 10px;
	  width: 110px;
	  border: 1px solid #b2b2b2;
	  font-size: 18px;
	  font-family: "游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP", serif;
	  text-align: center;
	}
	@media screen and (max-width: 767px) {
	  .p-top-news__ttl {
		margin-right: 0;
		margin-bottom: 10px;
		padding: 5px;
		width: 70px;
		border: 1px solid #b2b2b2;
		font-size: 12px;
	  }
	}
	.p-top-news__body {
	  flex: 1;
	  margin-bottom: 0;
	}
	/******************************/
	/* TOP CONCEPT */
	/******************************/
	.p-concept-list {
	  margin-top: 60px;
	}
	@media screen and (max-width: 767px) {
	  .p-concept-list {
		margin-top: 30px;
	  }
	}
	.p-concept-list__item {
	  box-sizing: border-box;
	  display: flex;
	  flex-wrap: wrap;
	  align-items: center;
	  margin-bottom: 135px;
	}
	@media screen and (max-width: 1030px) {
	  .p-concept-list__item {
		margin-bottom: 60px;
	  }
	}
	@media screen and (max-width: 767px) {
	  .p-concept-list__item {
		display: block;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 30px;
	  }
	}
	.p-concept-list__item:last-child {
	  margin-bottom: 60px;
	}
	@media screen and (max-width: 767px) {
	  .p-concept-list__item:last-child {
		margin-bottom: 0px;
	  }
	}
	.p-concept-list__item:nth-child(even) .p-concept-list__txt {
	  margin-left: 100px;
	  margin-right: 130px;
	  order: -1;
	}
	@media screen and (max-width: 1030px) {
	  .p-concept-list__item:nth-child(even) .p-concept-list__txt {
		margin-left: 50px;
		margin-right: 50px;
	  }
	}
	@media screen and (max-width: 767px) {
	  .p-concept-list__item:nth-child(even) .p-concept-list__txt {
		margin-left: 0;
		margin-right: 0;
	  }
	}
	.p-concept-list__img {
	  position: relative;
	  box-sizing: border-box;
	  width: 50%;
	}
	@media screen and (max-width: 767px) {
	  .p-concept-list__img {
		width: auto;
		text-align: center;
	  }
	}
	.p-concept-list__img:before {
	  content: "";
	  position: absolute;
	  top: 150px;
	  bottom: 15px;
	  right: 90px;
	  left: 90px;
	  z-index: -1;
	  background: transparent;
	  transform: scaleY(2.3) perspective(0.6em) rotateX(2deg);
	  transform-origin: bottom;
	  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
	}
	@media screen and (max-width: 767px) {
	  .p-concept-list__img:before {
		bottom: 20px;
		right: 20%;
		left: 20%;
	  }
	}
	.p-concept-list__txt {
	  flex: 1;
	  margin-left: 130px;
	  margin-right: 100px;
	}
	@media screen and (max-width: 1030px) {
	  .p-concept-list__txt {
		margin-left: 50px;
		margin-right: 50px;
	  }
	}
	@media screen and (max-width: 767px) {
	  .p-concept-list__txt {
		padding: 20px;
		margin-left: 0;
		margin-right: 0;
	  }
	}
	.p-concept-list__ttl {
	  font-size: 18px;
	  font-weight: normal;
	}
	.p-concept-list__body {
	  color: #909090;
	}
	/******************************/
	/* TOP RANKING */
	/******************************/
	.p-ranking-list .slick-track {
	  margin-left: 0;
	  margin-right: 0;
	}
	.p-ranking-list .slick-prev, .p-ranking-list .slick-next {
	  top: 80px;
	  width: 30px;
	  height: 30px;
	  transition: all 0.4s ease;
	  z-index: 1;
	  background: rgba(255,255,255,0.4);
	}
	@media screen and (max-width: 767px) {
	  .p-ranking-list .slick-prev, .p-ranking-list .slick-next {
		top: calc(50% - 50px);
		width: 45px;
		height: 45px;
	  }
	}
	.p-ranking-list .slick-prev:before, .p-ranking-list .slick-next:before {
	  content: "";
	  position: absolute;
	  top: 7px;
	  left: 10px;
	  width: 15px;
	  height: 15px;
	  border-left: 1px solid #000000;
	  border-top: 1px solid #000000;
	  transition: all 0.4s ease;
	  z-index: 1;
	}
	@media screen and (max-width: 767px) {
	  .p-ranking-list .slick-prev:before, .p-ranking-list .slick-next:before {
		top: 15px;
	  }
	}
	.p-ranking-list .slick-prev {
	  left: 20px;
	}
	@media screen and (max-width: 767px) {
	  .p-ranking-list .slick-prev {
		left: 0px;
	  }
	}
	.p-ranking-list .slick-prev:before {
	  transform: rotate(-45deg);
	}
	@media screen and (max-width: 767px) {
	  .p-ranking-list .slick-prev:before {
		left: 17px;
	  }
	}
	.p-ranking-list .slick-next {
	  right: 20px;
	}
	@media screen and (max-width: 767px) {
	  .p-ranking-list .slick-next {
		right: 0px;
	  }
	}
	.p-ranking-list .slick-next:before {
	  left: 4px;
	  transform: rotate(135deg);
	}
	@media screen and (max-width: 767px) {
	  .p-ranking-list .slick-next:before {
		left: 13px;
	  }
	}
	.p-ranking-list__item {
	  position: relative;
	  box-sizing: border-box;
	  margin-right: 20px;
	  margin-left: 20px;
	  padding-bottom: 25px;
	  word-break: break-all;
	}
	@media screen and (max-width: 1030px) {
	  .p-ranking-list__item {
		margin-right: 5px;
		margin-left: 5px;
	  }
	}
	.p-ranking-list__img {
	  position: relative;
	  margin-bottom: 35px;
	  text-align: center;
	}
	@media screen and (max-width: 767px) {
	  .p-ranking-list__img {
		text-align: center;
	  }
	}
	.p-ranking-list__img:before {
	  content: "";
	  display: block;
	  padding-top: 100%;
	}
	.p-ranking-list__img a {
	  display: block;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}
	.p-ranking-list__img img {
	  display: inline-block !important;
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  margin: auto;
	  max-width: 100%;
	  max-height: 100%;
	  width: auto !important;
	  text-align: center;
	}
	.p-ranking-list__num {
	  position: absolute;
	  top: 0;
	  left: 1px;
	  width: 24px;
	  line-height: 24px;
	  font-size: 12px;
	  font-weight: bold;
	  background: #000000;
	  color: #ffffff;
	  text-align: center;
	}
	.p-ranking-list__ttl img {
	  vertical-align: middle;
	}
	.p-ranking-list__price {
	  color: #909090;
	  margin-top: 20px;
	}
	.p-ranking-list__btn {
	  display: block;
	  position: absolute;
	  right: 0px;
	  bottom: 0;
	  padding: 0;
	  border: 0;
	  background: transparent;
	  color: #d8d8d8;
	  cursor: pointer;
	  text-align: center;
	  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	.p-ranking-list__btn.is-added {
	  color: #000000;
	}
	.p-ranking-list__btn svg {
	  width: 20px;
	  height: 20px;
	  fill: currentColor;
	}
	/******************************/
	/* TOP STYLING */
	/******************************/
	.p-styling {
	  margin-bottom: 90px;
	}
	@media screen and (max-width: 767px) {
	  .p-styling {
		margin-bottom: 0;
	  }
	}
	.p-styling-list {
	  box-sizing: border-box;
	  -webkit-column-count: 4;
	  column-count: 4;
	  -webkit-column-gap: 0;
	  column-gap: 0;
	  margin-left: 0px;
	  margin-right: 0px;
	}
	@media screen and (max-width: 767px) {
	  .p-styling-list {
		-webkit-column-count: 3;
		column-count: 3;
		margin-left: -20px;
		margin-right: -20px;
	  }
	}
	.p-styling-list__item {
	  box-sizing: border-box;
	  padding: 0px;
	  -webkit-column-break-inside: avoid;
	  page-break-inside: avoid;
	  break-inside: avoid;
	}
	.p-styling-list__item img {
	  width: 100%;
	}
	/******************************/
	/* TOP INFORMATION */
	/******************************/
	.p-information {
	  padding-bottom: 0;
	}
	@media screen and (max-width: 1030px) {
	  .p-information {
		padding-bottom: 45px;
	  }
	}
	.p-information__body {
	  margin-left: 60px;
	  margin-right: 60px;
	  line-height: 2;
	}
	@media screen and (max-width: 1030px) {
	  .p-information__body {
		margin-left: 0;
		margin-right: 0;
	  }
	}
	/******************************/
	/* TOP FREE */
	/******************************/
	.p-free__body {
	  margin-left: 60px;
	  margin-right: 60px;
	  line-height: 2;
	}
	@media screen and (max-width: 1030px) {
	  .p-free__body {
		margin-left: 0;
		margin-right: 0;
	  }
	}
	/******************************/
	/* TOP BANNER */
	/******************************/
	.p-bnr {
	  box-sizing: border-box;
	  padding-left: 20px;
	  padding-right: 20px;
	}
	@media screen and (max-width: 1030px) {
	  .p-bnr {
		padding-left: 20px;
		padding-right: 20px;
	  }
	}
	.p-bnr-list {
	  box-sizing: border-box;
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: center;
	}
	@media screen and (max-width: 767px) {
	  .p-bnr-list {
		display: block;
	  }
	  
	  .octagon {
			  width: 90%;
			  margin-bottom: 60px;
			}
			
			.top-copy h3{font-size:20px;font-weight: 200;letter-spacing: 1.5px;margin-bottom:10px;text-align: center;border-bottom:1px solid #f2f2f2;padding-bottom:10px}
			.top-copy p{font-size:14px;letter-spacing: 0.5px;line-height: 2.5em;font-weight: 300;}
			
	}
	.p-bnr-list__item {
	  box-sizing: border-box;
	  padding-left: 20px;
	  padding-right: 20px;
	  width: 33.3333%;
	}
	@media screen and (max-width: 1030px) {
	  .p-bnr-list__item {
		padding-left: 10px;
		padding-right: 10px;
	  }
	}
	@media screen and (max-width: 767px) {
	  .p-bnr-list__item {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 10px;
		width: auto;
		text-align: center;
	  }
	}