@charset "UTF-8";

/*------------------------------------------ contents */
a {
	text-decoration: none;
}
a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


ul.item_list {
	list-style: none;
}
ul li {
	cursor: pointer;
}
main#Pure_Necklace #introduction_part .chain {
	position: relative;
}
main#Pure_Necklace #introduction_part .detail {
	position: absolute;
}

main#Pure_Necklace .block_ttl,
main#Pure_Necklace .item_list {
	margin: 0;
}

/*------------------------------------------ rate_notice */
main#Pure_Necklace .rate_notice li {
	margin: 0;
	cursor: text;
}



/* 736px以下用（SP用）の記述------------------------------------------- */
@media screen and (max-width: 736px) {

main#Pure_Necklace {
	margin: 0;
}
main#Pure_Necklace .bg {
	background-image: url('../../../img/lp/Pure_Necklace/main_bg.png'); 
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: left top;
	margin: 0 auto;
}


/*------------------------------------------ intro */
main#Pure_Necklace #intro {
	background-image: url('../../../img/lp/Pure_Necklace/intro_bg.png'); 
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: left top;
	margin: 0 auto;
}
main#Pure_Necklace #intro .intro_ttl {
	margin: 0 auto;
	padding-top: 64.26%;
	width: 71.73%;
	line-height: 0;
}
main#Pure_Necklace #intro .intro_desc {
	margin: 5.33% auto 0;
	padding-bottom: 7.73%;
	width: 73.6%;
	line-height: 0;
}
main#Pure_Necklace .desc {
	margin: 4% 0;
	font-size: 3.2vw;
	line-height: 1.4;
}
main#Pure_Necklace .item_list li {
	margin: 0 0 2%;
	line-height: 0;
}
main#Pure_Necklace .item_list li:last-child{
	margin-bottom: 0;
}


/*------------------------------------------ material */

main#Pure_Necklace #material {
	margin-top: 12.53%;
}
main#Pure_Necklace #material .material_ttl {
	margin: 0 0 0 30.4%;
	width: 65.6%;
	position: relative;
	z-index: 2;
}
main#Pure_Necklace #material #material_01 {
	margin: -8.4% 0 0;
}
main#Pure_Necklace #material #material_01 .chain {
	margin: 0;
	width: 100%;
	position: relative;
	z-index: 1;
}
main#Pure_Necklace #material #material_01 .detail {
	margin-top: -25.5%;
	position: relative;
	z-index: 2;
}
main#Pure_Necklace #material #material_01 .detail .block_ttl {
	margin-top: 0;
	padding-left: 4.66%;
	width: 70.93%;
}
main#Pure_Necklace #material #material_01 .detail .desc {
	padding-left: 4.66%;
}
main#Pure_Necklace #material #material_01 .detail .item_list{
	padding-left: 4.66%;
}
main#Pure_Necklace #material #material_01 .detail .item_list li:nth-child(1) {
	width: 90.35%;
}
main#Pure_Necklace #material #material_01 .detail .item_list li:nth-child(2) {
	width: 90.35%;
}
main#Pure_Necklace #material #material_02 {
	margin: 11.3% 0 0;
}
main#Pure_Necklace #material #material_02 .chain {
	margin: 0;
	width: 100%;
}
main#Pure_Necklace #material #material_02 .detail {
	margin-top: 7.2%;
}
main#Pure_Necklace #material #material_02 .detail .block_ttl {
	margin: 0;
	padding-left: 4.53%;
	width: 84.13%;
}
main#Pure_Necklace #material #material_02 .detail .desc {
	padding-left: 4.53%;
}
main#Pure_Necklace #material #material_02 .detail .item_list{
	padding-left: 4.53%;
}
main#Pure_Necklace #material #material_02 .detail .item_list li:nth-child(1) {
	width: 90.21%;
}
main#Pure_Necklace #material #material_02 .detail .item_list li:nth-child(2) {
	width: 90.21%;
}
main#Pure_Necklace #material #material_03 {
	margin-top: 14.66%;
}
main#Pure_Necklace #material #material_03 .chain {
	margin: 0;
}
main#Pure_Necklace #material #material_03 .detail {
	margin-top: 2.26%;
}
main#Pure_Necklace #material #material_03 .detail .block_ttl {
	margin: 0;
	padding-left: 4.53%;
	width: 63.33%;
}
main#Pure_Necklace #material #material_03 .detail .desc {
	padding-left: 4.53%;
}

main#Pure_Necklace #material #material_03 .detail .item_list {
	padding-left: 4.53%;
}
main#Pure_Necklace #material #material_03 .detail .item_list li:nth-child(1) {
	width: 90.49%;
}
main#Pure_Necklace #material #material_03 .detail .item_list li:nth-child(2) {
	width: 90.49%;
}
/*------------------------------------------ linear */

main#Pure_Necklace #linear {
	margin-top: 16.6%;
}
main#Pure_Necklace #linear .linear_ttl {
	margin: 0 0 0 4.66%;
	width: 66%;
	position: relative;
	z-index: 2;
}

main#Pure_Necklace #linear #linear_01 {
	margin-top: -6%;
}
main#Pure_Necklace #linear .detail .item_list {
	position: relative;
	z-index: 1;
}
main#Pure_Necklace #linear #linear_01 .detail {
	margin-top: -9.3%;
}
main#Pure_Necklace #linear #linear_01 .detail .block_ttl {
	margin: 0;
	padding-left: 4.66%;
	width: 72.13%;
}
main#Pure_Necklace #linear #linear_01 .detail .desc {
	padding-left: 4.66%;
}
main#Pure_Necklace #linear #linear_01 .detail .item_list {
	padding-left: 4.66%;
}
main#Pure_Necklace #linear #linear_01 .detail .item_list li:nth-child(1) {
	width: 90.49%;
}
main#Pure_Necklace #linear #linear_01 .detail .item_list li:nth-child(2) {
	width: 90.49%;
}
main#Pure_Necklace #linear #linear_02 {
	margin-top: 11.46%;
}
main#Pure_Necklace #linear #linear_02 .chain {
	margin: 0;
}
main#Pure_Necklace #linear #linear_02 .detail {
	margin-top: 5.6%;
}
main#Pure_Necklace #linear #linear_02 .detail .block_ttl {
	margin: 0;
	padding-left: 4.8%;
	width: 91.06%;
}
main#Pure_Necklace #linear #linear_02 .detail .desc {
	padding-left: 4.8%;
}
main#Pure_Necklace #linear #linear_02 .detail .item_list {
	padding-left: 4.8%;
}
main#Pure_Necklace #linear #linear_02 .detail .item_list li:nth-child(1) {
	width: 90.35%;
}
main#Pure_Necklace #linear #linear_02 .detail .item_list li:nth-child(2) {
	width: 90.35%;
}
main#Pure_Necklace #linear #linear_03 {
	margin-top: 14.13%;
}
main#Pure_Necklace #linear #linear_03 .chain {
	margin: 0;
}
main#Pure_Necklace #linear #linear_03 .detail {
	margin-top: -4%;
}
main#Pure_Necklace #linear #linear_03 .detail .block_ttl {
	margin: 0;
	padding-left: 4.8%;
	width: 64.13%;
}
main#Pure_Necklace #linear #linear_03 .detail .desc {
	padding-left: 4.8%;
}
main#Pure_Necklace #linear #linear_03 .detail .item_list {
	padding-left: 4.8%;
}
main#Pure_Necklace #linear #linear_03 .detail .item_list li:nth-child(1) {
	width: 89.93%;
}
main#Pure_Necklace #linear #linear_03 .detail .item_list li:nth-child(2) {
	width: 89.93%;
}

main#Pure_Necklace #linear #linear_04 {
	margin-top: 12.93%;
}
main#Pure_Necklace #linear #linear_04 .chain {
	margin: 0;
}
main#Pure_Necklace #linear #linear_04 .detail {
	margin-top: -65.33%;
}
main#Pure_Necklace #linear #linear_04 .detail .block_ttl {
	margin: 0;
	padding-left: 4.8%;
	width: 84.93%;
}
main#Pure_Necklace #linear #linear_04 .detail .desc {
	padding-left: 4.8%;
}
main#Pure_Necklace #linear #linear_04 .detail .item_list {
	padding-left: 4.8%;
}
main#Pure_Necklace #linear #linear_04 .detail .item_list li:nth-child(1) {
	width: 90.63%;
}
main#Pure_Necklace #linear #linear_04 .detail .item_list li:nth-child(2) {
	width: 90.63%;
}
main#Pure_Necklace #linear #linear_04 .detail .item_list li:nth-child(3) {
	width: 90.63%;
}

/*------------------------------------------ rate_notice */
main#Pure_Necklace .rate_notice {
	font-size: 3.2vw;
	margin: 14.67% auto 0;
	width: 92%;
}
main#Pure_Necklace .rate_notice li {
	margin-left: 1em;
}


/*------------------------------------------ pane_topic_path */
main#Pure_Necklace .pane_topic_path {
	margin: 8% 0 0;
	padding-bottom: 0;
}
main#Pure_Necklace .pane_topic_path ul {
	margin-bottom: 9%;
}
main#Pure_Necklace .pane_topic_path li {
	margin: 0;
}
main#Pure_Necklace .pane_topic_path .wrap {
	padding-top: 2em;
}

/*------------------------------------------ visible hidden */

.visible-sp {
	display: block !important;
}

.visible-pc {
	display: none !important;
}
.hidden-pc{
	display:block !important;
}


/* 736px以下用（SP用）の記述 end--------------------------------------- */
}



/* 737px以上用（PC用）の記述------------------------------------------- */
@media screen and (min-width: 737px) {

main#Pure_Necklace .bg {
	max-width: 1400px;
	min-width: 1200px;
	display: block;
	background-image: url('../../../img/lp/Pure_Necklace/main_bg_pc.png'); 
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top center;
	margin: 0 auto;
}
main#Pure_Necklace a {
	transition: all 0.3s;
}
main#Pure_Necklace img {
	width: 100%;
}


/*------------------------------------------ intro */
main#Pure_Necklace #intro {
	margin: 0 auto;
	width: 85.85%;
	background-image: url('../../../img/lp/Pure_Necklace/intro_bg_pc.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top center;
	margin: 0 auto;
}
main#Pure_Necklace #intro .intro_ttl {
	margin: 0 0 0 41.93%;
	padding-top: 8.23%;
	width: 50.91%;
}
main#Pure_Necklace #intro .intro_desc {
	margin: 1.83% 0 0 50.41%;
	padding-bottom: 9.98%;
	width: 33.69%;
}
main#Pure_Necklace .block_ttl,
main#Pure_Necklace .item_list {
	margin: 0;
}
main#Pure_Necklace .desc {
	font-size: 14px;
	line-height: 1.4;
}
main#Pure_Necklace .item_list li {
	margin: 0 0 0.93%;
	line-height: 0;
}
main#Pure_Necklace .item_list li:last-child{
	margin-bottom: 0;
}


/*------------------------------------------ material */

main#Pure_Necklace #material {
	position: relative;
}
main#Pure_Necklace #material .material_ttl {
	position: absolute;
	margin: 0 0 0;
	width: 23.28%;
	top: 0;
	right: 7.21%;
}
main#Pure_Necklace #material .detail .item_list {
	position: relative;
	z-index: 3;
}
main#Pure_Necklace #material #material_01 {
	position: relative;
	width: 100%;
}
main#Pure_Necklace #material #material_01 .chain {
	margin: 0 0 0;
	padding-left: 7.28%;
	width: 58.42%;
}
main#Pure_Necklace #material #material_01 .detail {
	margin: 0;
}
main#Pure_Necklace #material #material_01 .detail .block_ttl {
	margin-top: 2%;
	padding-left: 11.07%;
	width: 24.07%;
}
main#Pure_Necklace #material #material_01 .detail .desc {
	padding-left: 11.07%;
}
main#Pure_Necklace #material #material_01 .detail .item_list li:nth-child(1) {
	padding-left: 11.07%;
	width: 26.5%;
}
main#Pure_Necklace #material #material_01 .detail .item_list li:nth-child(2) {
	padding-left: 11.07%;
	width: 26.5%;
}
main#Pure_Necklace #material #material_02 {
	position: relative;
	margin: -23.21% 0 0;
	width: 100%;
}
main#Pure_Necklace #material #material_02 .chain {
	position: relative;
	z-index: 1;
	margin: 0;
	padding-left: 41.78%;
	width: 58.21%;
}
main#Pure_Necklace #material #material_02 .detail {
	margin: 2.42% 0 0;
	width: 100%;
}
main#Pure_Necklace #material #material_02 .detail .block_ttl {
	margin: 0;
	padding-left: 63.28%;
	width: 28.21%;
}
main#Pure_Necklace #material #material_02 .detail .desc {
	padding-left: 63.28%;
}
main#Pure_Necklace #material #material_02 .detail .item_list li:nth-child(1) {
	padding-left: 63.28%;
	width: 25.93%;
}
main#Pure_Necklace #material #material_02 .detail .item_list li:nth-child(2) {
	padding-left: 63.28%;
	width: 25.93%;
}
main#Pure_Necklace #material #material_03 {
	position: relative;
	margin: -9.92% 0 0;
	width: 100%;
}
main#Pure_Necklace #material #material_03 .chain {
	position: relative;
	z-index: 1;
	margin: 0;
	padding-left: 11.07%;
	width: 79.85%;
}
main#Pure_Necklace #material #material_03 .detail {
	width: 43%;
	z-index: 2;
	position: absolute;
	padding-top: 20.57%;
	top: 0;
	left: 49.71%;
}
main#Pure_Necklace #material #material_03 .detail .block_ttl {
	margin: 0;
	width: 49%;
}
main#Pure_Necklace #material #material_03 .detail .item_list li:nth-child(1) {
	padding-left: 14%;
	margin-bottom: 1.37%;
	width: 81.72%;
}
main#Pure_Necklace #material #material_03 .detail .item_list li:nth-child(2) {
	padding-left: 14%;
	width: 81.72%;
}


/*------------------------------------------ linear */

main#Pure_Necklace #linear {
	position: relative;
	margin-top: 8.28%;
}
main#Pure_Necklace #linear .linear_ttl {
	position: absolute;
	margin: 0 0 0;
	width: 25%;
	top:0;
	left: 11.35%;
}
main#Pure_Necklace #linear .detail .item_list {
	position: relative;
	z-index: 3;
}

main#Pure_Necklace #linear #linear_01 {
	position: relative;
	width: 100%;
}
main#Pure_Necklace #linear #linear_01 .chain {
	margin: 0;
	padding-left: 40.35%;
	width: 50.42%;
}
main#Pure_Necklace #linear #linear_01 .detail {
	margin: 0;
}
main#Pure_Necklace #linear #linear_01 .detail .block_ttl {
	margin-top: -6%;
	padding-left: 60.21%;
	width: 24.07%;
}
main#Pure_Necklace #linear #linear_01 .detail .desc {
	padding-left: 60.21%;
}
main#Pure_Necklace #linear #linear_01 .detail .item_list li:nth-child(1) {
	padding-left: 60.21%;
	width: 27.42%;
}
main#Pure_Necklace #linear #linear_01 .detail .item_list li:nth-child(2) {
	margin-top: 1%;
	padding-left: 60.21%;
	width: 27.42%;
}
main#Pure_Necklace #linear #linear_02 {
	position: relative;
	width: 100%;
	margin-top: -17.57%;
}
main#Pure_Necklace #linear #linear_02 .chain {
	position: relative;
	margin: 0;
	width: 69.28%;
	z-index: 1;
}
main#Pure_Necklace #linear #linear_02 .detail {
	margin: 0;
}
main#Pure_Necklace #linear #linear_02 .detail .block_ttl {
	margin-top: 2.57%;
	padding-left: 7%;
	width: 34.28%;
}
main#Pure_Necklace #linear #linear_02 .detail .desc {
	padding-left: 7%;
}
main#Pure_Necklace #linear #linear_02 .detail .item_list li:nth-child(1) {
	padding-left: 7%;
	width: 32.64%;
}
main#Pure_Necklace #linear #linear_02 .detail .item_list li:nth-child(2) {
	padding-left: 7%;
	width: 32.64%;
}
main#Pure_Necklace #linear #linear_03 {
	position: relative;
	width: 100%;
	margin-top: -22.85%;
}
main#Pure_Necklace #linear #linear_03 .chain {
	position: relative;
	z-index: 1;
	margin: 0;
	padding-left: 46.14%;
	width: 39.35%;
}
main#Pure_Necklace #linear #linear_03 .detail {
	margin: -5.07% 0 0;
}
main#Pure_Necklace #linear #linear_03 .detail .block_ttl {
	margin: 0;
	padding-left: 66.42%;
	width: 21.5%;
	position: relative;
	z-index: 3;
}
main#Pure_Necklace #linear #linear_03 .detail .desc {
	padding-left: 66.42%;
}
main#Pure_Necklace #linear #linear_03 .detail .item_list li:nth-child(1) {
	padding-left: 66.42%;
	width: 26.86%;
}
main#Pure_Necklace #linear #linear_03 .detail .item_list li:nth-child(2) {
	padding-left: 66.42%;
	width: 26.86%;
}
main#Pure_Necklace #linear #linear_04 {
	position: relative;
	width: 100%;
	margin-top: 1.35%;
}
main#Pure_Necklace #linear #linear_04 .chain {
	margin: 0;
	width: 100%;
}
main#Pure_Necklace #linear #linear_04 .detail {
	margin: -22.86% 0 0;
	position: relative;
	z-index: 3;
}
main#Pure_Necklace #linear #linear_04 .detail .block_ttl {
	margin: 0;
	padding-left: 64.3%;
	width: 28.5%;
}
main#Pure_Necklace #linear #linear_04 .detail .desc {
	padding-left: 64.3%;
}
main#Pure_Necklace #linear #linear_04 .detail .item_list li:nth-child(1) {
	padding-left: 64.3%;
	width: 28.36%;
}
main#Pure_Necklace #linear #linear_04 .detail .item_list li:nth-child(2) {
	padding-left: 64.3%;
	width: 28.36%;
}
main#Pure_Necklace #linear #linear_04 .detail .item_list li:nth-child(3) {
	padding-left: 64.3%;
	width: 28.36%;
}


/*------------------------------------------ rate_notice */
main#Pure_Necklace .rate_notice {
	margin: 6% 0 0;
	padding-left: 7%;
	font-size: 12px;
}


/*------------------------------------------ pane_topic_path */
main#Pure_Necklace .pane_topic_path {
	margin: 2% 0 0;
	padding-bottom: 2%;
}
main#Pure_Necklace .pane_topic_path .wrap {
	width: 85.71%;
}
main#Pure_Necklace .pane_topic_path li {
	margin: 0;
}


/*------------------------------------------ visible hidden */

.visible-sp, .visible-pc {
	display: none !important;
}

.visible-pc {
	display: block !important;
}
.hidden-pc{
	display:none !important;
}


/* 737px以上用（PC用）の記述 end--------------------------------------- */
}


/* 1399px以下用（PC用）の記述のフォント　記述------------------------------------------- */
@media screen and (min-width:738px) and ( max-width:1399px) {

main#Pure_Necklace .desc {
	font-size: 1vw;
}

/* 1399px以下用（PC用）の記述 end--------------------------------------- */
}


/* 1399px以下用（PC用）のフォント最小値　記述------------------------------------------- */
@media screen and (min-width:738px) and ( max-width:1199px) {




main#Pure_Necklace .desc {
	font-size: 12px;
}

/* 1199px以下用（PC用）の記述 end--------------------------------------- */
}

