@charset "UTF-8";

/* 商品名 */

.itemname
{
	padding: 26px 0 22px;
	text-align: center;

}


.itemname h1
{
	font-weight: 400;
	font-size: 18px;
	line-height: 1.4;
	font-family: "Avenir Next"
}

.itemname h2
{
	font-weight: 400;
	font-size: 11px;
	line-height: 1.4;
}

/* 商品画像 */

.itemimg
{
	border-top: #e5e5e5 1px solid;
	border-bottom: #e5e5e5 1px solid;
}

.itemimg img
{
	width: 100%
}

.itemimg .slick-dots li.slick-active button:before
{
	color: #ec2365
}

.itemimg .slick-dots li button:before
{
	font-size: 34px
}


/* 価格 */

#price
{
	padding-bottom: 14px;
}

#price h1
{
	margin-bottom: 14px;
	font-size: 1.6rem;
	letter-spacing: 0.1rem;
}

#price .price
{
	padding-bottom: 14px;
	width: 92.1875%;
	margin: auto;
	border-bottom: #595959 1px solid;
	font-size: 15px;
	line-height: 1.6;
	text-align: center;
	font-family: "Avenir Next";
	margin-bottom: 15px;
}


#price .sup
{
	font-size: 10px;
	line-height: 1.75;
	margin: auto;
	width: 81.25%;
}

#price .info
{
	font-size: 10px;
	line-height: 1.75;
	margin: auto;
	width: 81.25%;

}


/* セットリング */
#setring ul
{
	width: 90.625%;
	margin: auto;
	padding: 15px 0;
}

#setring ul li:not(:last-child)
{
	margin-bottom: 15px;
}

#setring ul a
{
	text-align: center;
}

#setring ul img
{
	border: 1px solid #e5e5e5;
}

/* 他の指輪を探す */
#search .search
{
	padding: 15px 0;
	/* remove hidden by js */
	visibility: hidden;
}

#search .slick-slide
{
	width: 225px;
	margin: 0 2px;
	border: #e5e5e5 1px solid;
}

#search .slick-slider
{
	margin-bottom: 0;
}

/* マテリアル */

#material
{
	text-align: center;
	padding-bottom: 14px;
}

#material h2
{
	font-weight: 400;
	font-size: 11px;
	text-align: center;
	margin: 16px auto 14px;
}

#material ul
{
	font-size: 11px;
	letter-spacing: 0.1em;
	display: inline-block;
	text-align: left;
}

#material li:not(:last-child)
{
	margin-bottom: 5px
}

#material ._colorchip
{
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 6px;
	vertical-align: middle
}

#material ._colorchip.mod-pt
{
	background-color: #cccccc
}

#material ._colorchip.mod-k18
{
	background-color: #fdc900
}

#material ._colorchip.mod-k18pg
{
	background-color: #ffae59
}

/* アニバーサリーストーン */
#anniversaryStone
{
	padding-bottom: 15px;
}

#anniversaryStone h2
{
	font-weight: 400;
	font-size: 11px;
	text-align: center;
	margin: 16px auto 14px;
}

#anniversaryStone ul
{
	width: 81.25%;
	margin: auto;
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 46px;
}

#anniversaryStone li
{
	width: 49.5%;
	text-align: center;
	font-size: 10px;
}

#anniversaryStone li:not(:nth-last-child(-n+2))
{
	margin-bottom: 15px;
}

#anniversaryStone ._colorchip
{
	width: 22px;
	height: 22px;
	border-radius: 50%;
	margin: 0 auto 8px
}

#anniversaryStone ._colorchip.mod-gar
{
	background-color: #9e1f01
}

#anniversaryStone ._colorchip.mod-ame
{
	background-color: #8b5b95
}

#anniversaryStone ._colorchip.mod-aqu
{
	background-color: #c9faff
}

#anniversaryStone ._colorchip.mod-dia
{
	background-color: #FFF;
	border: 1px solid #231815
}

#anniversaryStone ._colorchip.mod-eme
{
	background-color: #23ad7b
}

#anniversaryStone ._colorchip.mod-moon
{
	background-image: radial-gradient(circle at 30%, rgba(165, 212, 242, .6), rgba(186, 227, 249, .6) 25%, rgba(225, 243, 252, .5) 60%, rgba(255, 255, 255, 0)), radial-gradient(circle at center, #fbf1f7, #fffef5 37.29%, #e5ebf7)
}

#anniversaryStone ._colorchip.mod-ruby
{
	background-color: #c30059
}

#anniversaryStone ._colorchip.mod-per
{
	background-color: #77aa2c
}

#anniversaryStone ._colorchip.mod-sap
{
	background-color: #1d3b95
}

#anniversaryStone ._colorchip.mod-pink
{
	background-color: #e29dc3
}

#anniversaryStone ._colorchip.mod-top
{
	background-color: #e2a500
}

#anniversaryStone ._colorchip.mod-taz
{
	background-color: #9a93c2
}

#anniversaryStone ._priceTableWrapper ._priceTable
{
	margin: auto;
	width: 81.25%;
}

#anniversaryStone ._priceTableWrapper ._priceTable:not(:first-child)
{
	margin-top: 25px;
}

#anniversaryStone ._priceTableWrapper ._priceTable ._head
{
	font-weight: 400;
	font-size: 11px;
	text-align: center;
	margin-bottom: 10px;
}

#anniversaryStone ._priceTableWrapper ._priceTable table
{
	display: block;
	text-align: center;
	border: 1px solid #8c8c8c;
	font-size: 10px;
}

#anniversaryStone ._priceTableWrapper ._priceTable tbody
{
	display: flex;
	flex-flow: row wrap;
}

#anniversaryStone ._priceTableWrapper ._priceTable tr
{
	width: 50%;
	display: block;
}

#anniversaryStone ._priceTableWrapper ._priceTable th
{
	display: block;
	background-color: #8c8c8c;
	color: white;
	font-weight: 400;
	border-bottom: 1px solid #fff;
	padding: 10px;
}

#anniversaryStone ._priceTableWrapper ._priceTable tr:nth-last-child(2) th:last-child,
#anniversaryStone ._priceTableWrapper ._priceTable tr:last-child td:last-child
{
	border-bottom: 0;
}

#anniversaryStone ._priceTableWrapper ._priceTable td
{
	display: block;
	border-bottom: 1px solid #8c8c8c;
	padding: 10px;
}

#anniversaryStone ._priceTableWrapper ._note
{
	font-size: 10px;
	line-height: 1.75;
	text-align: right;
	margin: auto;
	width: 81%;
	margin-top: 10px;
}

.m-collectionBanner
{
	margin-bottom: 5px;
}

h1.m-subheading
{
	letter-spacing: 0.2rem;
}

h1.m-subheading div
{
	letter-spacing: 0;
}

/* PCサイト */
@media screen and (min-width: 600px)
{
	.contentWrap hr
	{
		margin: 0;
		border-color: #e6e6e6;
	}

	.introduction
	{
		width: 128rem;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 9rem;

		display: flex;
		align-items: center;
		border-left: #ef2366 solid 15rem;
		border-right: #ef2366 solid 15rem;
		padding: 6rem 4rem 2.5rem 4rem;
	}

	.introduction .itemname
	{
		width: 100%;
	}

	.introduction .itemname h1
	{
		font-size: 3.6rem;
	}

	.introduction .itemname h2
	{
		font-size: 1.4rem;
	}

	.introduction .itemimg
	{
		flex-shrink: 0;
		height: 49.6rem;
		width: 49.6rem;
		border-right: #e5e5e5 1px solid;
		border-left: #e5e5e5 1px solid;
	}

	.slick-dots li
	{
		width: 1.5rem;
		height: 1.5rem;
	}

	.slick-dots li button
	{
		width: 1.5rem;
		height: 1.5rem;
	}

	.itemimg .slick-dots li button:before
	{
		width: 1.5rem;
		height: 1.5rem;
		font-size: 2.5rem;
		line-height: 1.5rem;
	}

	/* price */
	#price
	{
		margin-top: 6rem;
	}

	h1.m-subheading
	{
		letter-spacing: 0.2rem;
		color: #de2366;
		display: block;
		background-color: unset;
		font-size: 3.8rem !important;
		font-weight: normal;
		height: unset;
		margin-bottom: 3rem !important;
	}

	h1.m-subheading > div
	{
		color: #595959;
		font-size: 1.4rem;
		margin-top: 1rem;
		font-weight: normal;
		display: flex;
		align-items: center;
		letter-spacing: 0.2rem;
	}

	h1.m-subheading > div:before,
	h1.m-subheading > div:after
	{
		content: "";
		height: 0.1rem;
		width: 2.5rem;
		border-top: #595959 solid 1px;
	}

	h1.m-subheading > div:before
	{
		margin-left: auto;
		margin-right: 1.5rem;
	}

	h1.m-subheading > div:after
	{
		margin-right: auto;
		margin-left: 1.5rem;
	}

	#price .price
	{
		font-size: 2.4rem;
		margin-bottom: 2rem;
		border-bottom: unset;
		padding-bottom: 0;
	}

	#price .sup, #price .info
	{
		width: 38rem;
		margin-left: auto;
		margin-right: auto;
		font-size: 1.2rem;
		line-height: 2.0;
	}

	/* #setring */
	#setring
	{
		padding-top: 5.5rem;
		padding-bottom: 3.5rem;
	}

	#setring ul
	{
		display: flex;
		justify-content: center;
	}

	#setring ul li:not(:last-child)
	{
		margin-right: 3.8rem;
	}

	#setring ul img
	{
		width: 36.5rem;
		/*height: 36.5rem;*/
	}

	/* material */
	#material
	{
		padding-top: 4.5rem;
		margin-bottom: 3.4rem;
	}

	#material h2
	{
		font-size: 1.4rem;
		margin-bottom: 4.5rem;
	}

	#material ul
	{
		display: flex;
		width: 46rem;
		margin: auto;
		justify-content: space-between;
	}

	#material ul li
	{
		text-align: center;
		font-size: 1.4rem;
		line-height: 1.42857;
	}

	#material ul div._colorchip
	{
		width: 6rem;
		height: 6rem;
		display: block;
		margin: 0 2.8rem 2.2rem 2.8rem;
	}

	/* #anniversaryStone */
	#anniversaryStone
	{
		padding-bottom: 4.6rem;
	}
	#anniversaryStone h2
	{
		font-size: 1.4rem;
		line-height: 2.0;
		margin-bottom: 4.8rem;
	}

	#anniversaryStone ul
	{
		width: 98rem;
		margin-bottom: 0.3rem;
	}

	#anniversaryStone ul li
	{
		width: 16.666%;
		margin-bottom: 4.2rem !important;
		font-size: 1.4rem;
		line-height: 2.0;
	}

	#anniversaryStone ._colorchip
	{
		width: 4rem;
		height: 4rem;
		margin: 0 auto 0.8rem;
		letter-spacing: 0.07em;
	}

	#anniversaryStone ._priceTableWrapper ._priceTable
	{
		display: flex;
		align-items: center;
		background-color: #8c8c8c;
		width: 98rem;
	}

	#anniversaryStone ._priceTableWrapper ._priceTable h3._head
	{
		width: 14rem;
		color: #fff;
		font-size: 1.4rem;
	}

	#anniversaryStone ._priceTableWrapper ._priceTable table
	{
		width: 84rem;
		border-left: 2px solid #fff;
		border-right: 2px solid #8c8c8c;
		border-bottom: 2px solid #8c8c8c;
		table-layout: fixed;
		display: table;
		font-size: 1.4rem;
		line-height: 2.0;
		border-spacing: 0;
	}

	#anniversaryStone ._priceTableWrapper ._priceTable tbody
	{
		display: table-row-group;
		letter-spacing: 0.07em;
	}
	#anniversaryStone ._priceTableWrapper ._priceTable tr
	{
		display: table-row;
	}
	#anniversaryStone ._priceTableWrapper ._priceTable th
	{
		display: table-cell;
		padding: 0;
		height: 6rem;
	}
	#anniversaryStone ._priceTableWrapper ._priceTable th:not(:last-child) {
		border-right: 2px solid #fff;
	}

	#anniversaryStone ._priceTableWrapper ._priceTable td
	{
		display: table-cell;
		background-color: #fff;
		border-bottom: unset;
		padding: 0;
		height: 6rem;
	}
	#anniversaryStone ._priceTableWrapper ._priceTable td:not(:last-child) {
		border-right: 2px solid #8c8c8c;
	}

	#anniversaryStone ._priceTableWrapper ._note
	{
		width: 98rem;
		line-height: 2.0;
		font-size: 1.2rem;
	}

	/* search */
	#search
	{
		padding-top: 6.5rem;
		padding-bottom: 6.2rem;
		margin-bottom: 6rem;
		background-color: #f7f7f7;
	}

	#search h1.m-subheading
	{
		margin-bottom: 1rem !important;
	}

	#search div.search
	{
		width: 108rem;
		margin: 0 auto;
		display: flex;
		position: relative;
	}

	#search div.search div.slick-slide
	{
		width: 28rem;
		margin-right: 1rem;
		border: none;
	}

	#search div.search div.slick-slide img
	{
		width: 28rem;
	}

	#search button.slick-arrow
	{
		flex-shrink: 0;
		position: relative;
		height: 28rem;
		width: 5rem;
		top: 0;
		margin-top: 0;
		pading-top: 1.5rem;
		padding-bottom: 1.5rem;
		z-index: 10;
		/*background-color: #f00;
		opacity: 0.5;*/
	}

	#search button.slick-arrow:before
	{
		content: "";
	}

	#search button.slick-prev
	{
		left: 5rem;
	}

	#search button.slick-next
	{
		right: 5rem;
	}

	#search button.slick-prev div.arrow
	{
		left: -0.5rem;
		position: relative;
		transform: rotate(-45deg) translateX(40%);
	}

	#search button.slick-next div.arrow
	{
		right: -1rem;
		position: relative;
		transform: rotate(135deg) translateX(60%);
	}

	#search button.slick-arrow div.arrow:before
	{
		content: "";
		color: #000;
		position: absolute;
		left: 0;
		width: 0.1rem;
		height: 1.7rem;
		background-color: #595959;
		display: block;
		border-radius: 0.7rem;
	}

	#search button.slick-arrow div.arrow:after
	{
		content: "";
		position: absolute;
		width: 1.7rem;
		height: 0.1rem;
		background-color: #595959;
		display: block;
		border-radius: 0.7rem;
	}

	/*#search button.slick-next:before
	{
		color:#000;
	}*/
}