#main_contents {
	width:100% !important;
}

#ss25 div,#ss25 p,#ss25 span,#ss25 figure,#ss25 h2, #ss25 h3, #ss25 ul, #ss25 li, #ss25 ol, #ss25 li { margin:0; padding:0; list-style-type:none; }

#ss25 {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	letter-spacing:0.1em;
	text-align:center;
	color:#000;
}

#ss25 .pc { display:block; }
#ss25 .sp { display:none; }

#ss25 a {
	text-decoration:none;
}
#ss25 img {
	max-width:100% !important;
	height:auto;
}
#ss25 > h1 {
	width:100% !important;
	display:block !important;
	text-align:center !important;
	font-size:24px;
	margin:7% auto 2% auto !important;
	color:#000;
	font-weight:bold;
}
#ss25 > h2 {
	width:100% !important;
	display:block !important;
	text-align:center !important;
	font-size:30px;
	margin:7% auto 2% auto !important;
	color:#000;
	font-weight:bold;
}
#ss25 > p {
	width:100% !important;
	display:block !important;
	text-align:left;
	font-size:18px;
	width:90%;
	max-width:630px;
	margin:2% auto 2% auto !important;
	line-height:180%;
}

#ss25 .slider {
	width:100%;
	max-width:1000px;
	height:auto;
}
#ss25 .slider .slick-slide {
	width:100%;
	height:auto;
/*	overflow: hidden; */
}
#ss25 .slider .slick-slide img {
	max-width:100% !important;
	height:auto;
}
#ss25 .slider .slick-arrow {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  border: none;
  outline: none;
  font-size: 0;
  position: absolute;
  top: 50%;
	-webkit-transform: translate(0%, -50%) !important;
	-ms-transform: translate(0%, -50%) !important;
	transform:translate(0%, -50%) !important;
  z-index: 1;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
#ss25 .slider .slick-arrow::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  border-width: 3px 3px 0 0;
  position: absolute;
  top: 24px;
  transform: rotate(45deg);
}
#ss25 .slider .slick-next {
  right: 0;
}
#ss25 .slider .slick-prev {
  left: 0;
}
#ss25 .slider .slick-next::before {
  left: 20px;
}
#ss25 .slider .slick-prev::before {
  border-width: 0 0 3px 3px;
  right: 22px;
}
#ss25 .dots_area .slick-dots {
  text-align: center;
}
#ss25 .dots_area .slick-dots li {
  display: inline-block;
}
#ss25 .dots_area .slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  margin: 6px;
  font-size: 0;
  padding: 0;
  border: 0;
  outline: none;
  cursor: pointer;
  background: #bcbcbc;
  border-radius: 50%;
}
#ss25 .dots_area .slick-dots .slick-active button {
  background: #0a467d;
}


#ss25 .area_flex {
	display:flex;
}
#ss25 .itembox {
	width:90%;
	margin:5.0em auto 0em auto !important;
	justify-content:space-between;
	align-items:center;
}
#ss25 .itembox:nth-last-of-type(1) {
	margin:5.0em auto 5.0em auto !important;
}
	#ss25 .itembox > .img {
		width:28%;
	}
	#ss25 .itembox > .txt {
		width:40%;
		display:block;
		text-align:center;
		margin:0 !important;
		padding:0 !important;
	}
	#ss25 .itembox.type_r > .img:nth-of-type(1) { order:2; }
	#ss25 .itembox.type_r > .img:nth-of-type(2) { order:3; }
	#ss25 .itembox.type_r > .txt { order:1; }
	#ss25 .itembox.type_r:nth-last-of-type(1) > .txt {
		box-sizing:border-box;
	}
	
	#ss25 .itembox > .txt > p {
		display:inline-block;
		text-align:left;
		font-weight:bold;
		line-height:160%;
	}
	#ss25 .itembox > .txt > p .color,
	#ss25 .itembox > .txt > p .price {
		display:block;
	}
	#ss25 .itembox.type_r:nth-last-of-type(1) > .txt > p .color {
		text-indent:-1.0em;
		padding-left:1.0em;
	}
	#ss25 .itembox > .txt > p .tax {
		font-size:70%;
		margin-left:0.3em;
		letter-spacing:0;
	}
	#ss25 .itembox > .txt > a {
		width:9.0em;
		display:block;
		margin:10% auto 0 auto !important;
		text-align:center;
		box-sizing:border-box;
		background:#000;
		color:#fff;
		padding:0.3em 1.5em 0.3em 1.0em;
		text-decoration:none;
		position:relative;
	}
	#ss25 .itembox > .txt > a:after {
		content:"";
		display:block;
		width:0.7em;
		height:calc(0.7em * 1.146);
		background:url(images/i_arrow_right.svg) no-repeat;
		background-size:contain;
		position:absolute;
		top:50%;
		right:1.0em;
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		transform:translate(0%, -50%);
	}
#ss25 a.all_list {
	display:block;
	width:45%;
	max-wdith:350px;
	text-align:center;
	font-size:20px;
	margin:5% auto 10% auto;
	background:#000;
	color:#fff;
	box-sizing:border-box;
	padding:0.5em 0;
}


/* ------------------------------------------- */

@media screen and (max-width:767px) {

#ss25 .pc { display:none; }
#ss25 .sp { display:block; }

#ss25 > h1 {
	text-align:center;
	font-size:3.0vw;
}
#ss25 > h2 {
	text-align:center;
	font-size:4.5vw;
	margin-top:7%;
}
#ss25 > p {
	text-align:left;
	font-size:2.7vw;
	width:90%;
	max-width:630px;
	margin:2% auto;
	line-height:180%;
}
#ss25 .slider {
	width:100%;
}
#ss25 .slider .slick-arrow {
  width: 6.0vw;
  height: 6.0vw;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  border: none;
  outline: none;
  font-size: 0;
  position: absolute;
  top: 50%;
	-webkit-transform: translate(0%, -50%) !important;
	-ms-transform: translate(0%, -50%) !important;
	transform:translate(0%, -50%) !important;
  z-index: 1;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
#ss25 .slider .slick-arrow::before {
  content: '';
  display: block;
  width: 1.5vw;
  height: 1.5vw;
  border: 1px solid #fff;
  border-width: 3px 3px 0 0;
  position: absolute;
  top: 50%;
	-webkit-transform: rotate(45deg) translate(0%, -50%) !important;
	-ms-transform: rotate(45deg) translate(0%, -50%) !important;
	transform: rotate(45deg) translate(0%, -50%) !important;
}
#ss25 .slider .slick-next::before {
  left: 18%;
}
#ss25 .slider .slick-prev::before {
  border-width: 0 0 3px 3px;
  left: 25% !important;
}
	#ss25 .itembox > .txt > p {
		font-size:2.3vw;
		letter-spacing:0;
	}
	#ss25 .itembox > .txt > a {
		width:9.0em;
		font-size:2.5vw;
		display:block;
		margin:10% auto 0 auto;
		text-align:center;
		box-sizing:border-box;
		background:#000;
		color:#fff;
		padding:0.2em 0em;
		text-decoration:none;
	}
	#ss25 .itembox > .txt > a:after {
		top:50%;
		right:0.5em;
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		transform:translate(0%, -50%);
	}
	
#ss25 a.all_list {
	display:block;
	width:50%;
	max-wdith:350px;
	text-align:center;
	font-size:3.0vw;
	margin:5% auto;
	background:#000;
	color:#fff;
	box-sizing:border-box;
	padding:0.3em 0;
}
}