@charset utf-8;



/** ================================================================================================



	Star Brides 2019 SUMMER Issue.01 CSS

	@vertion 1.0   2019.7.11 New



==================================================================================================== **/



@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,400i,500,700,700i|Noto+Sans+JP:300,400,700|Noto+Serif+JP:400,700&display=swap');
@import url(../../common/css/common.css);
@import url(../../common/css/hvSlider.css);



/** ================================================================================================


	#01 love start proposal


==================================================================================================== **/



	#sbArticle01-2-1 {
		background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/01/img/2-1-bg.jpg);
		background-size:100% auto;
		background-position:center 100vh;
		background-repeat:no-repeat;
	}



	/* Header ---------------------------------------------- */

	#sbArticle01-2-1 > header {
		color:#ffffff;
	}

	#sbArticle01-2-1 > header .hvSlider {
		width:100%;
	}

	#sbArticle01-2-1 > header .hvSlider.fade .screen {
		height:auto;
		padding:0 0 56.25%;
	}

	#sbArticle01-2-1 > header h1 {
		display:block;
		position:absolute;
		left:60%;
		bottom:30%;
		width:30%;
		margin:0;
		padding:0;

		color:#ffffff;
		text-align:center;
		z-index:100;
	}

	#sbArticle01-2-1 > header h1 svg {
		width:100%;
		max-width:370px;
	}

	#sbArticle01-2-1 > header h1 svg * {
		fill:#ffffff;
	}

	#sbArticle01-2-1 > header .scroll {
		top:72%;
		left:70%;
		width:10%;
		color:#888888;
	}



	/* Credit ---------------------------------------------- */

	#sbArticle01-2-1 .credit {
		width:calc( 100% - 100px );
		max-width:1200px;
		margin:20px auto 0;
	}



	/* Story ----------------------------------------------- */

	#sbArticle01-2-1 #story {
	}

	#sbArticle01-2-1 #story > header {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		align-items:center;
		justify-content: center;

		position:relative;
		margin:0 17%;
		padding:0;
	}


	#sbArticle01-2-1 #story > header .image {
		position:relative;
		width:35%;
	}

	#sbArticle01-2-1 #story > header .image img {
		padding:5px;
		background-color:#ffffff;
		box-shadow:0px 0px 5px 1px #cccccc;
		vertical-align:bottom;
		transform:rotate(-3deg);
	}

	#sbArticle01-2-1 #story > header h1 {
		position:relative;
		margin:0 0 0 -1%;
		padding:0 30px;
		font-size:40px;
		font-weight:300;
		line-height:1.5;
	}

	#sbArticle01-2-1 #story > header h1::before {
		content:"“";
		display:block;
		position:absolute;
		left:0;
		top:0;
		margin:0;
		padding:0;

		line-height:1;
		font-size:90px;
		color:#888888;
	}

	#sbArticle01-2-1 #story > header h1::after {
		content:"”";
		display:block;
		position:absolute;
		right:0;
		top:0;
		margin:0;
		padding:0;

		line-height:1;
		font-size:90px;
		color:#888888;
	}

	#sbArticle01-2-1 #story .catch {
		margin:80px 0 0 0;
		padding:0;

		text-align:center;
		font-size:18px;
		font-weight:300;
		line-height:1.8;
	}


	#sbArticle01-2-1 #story .movie {
		display:block;
		position:relative;
		margin:30px 0 0 0;
		padding:0;
	}

	#sbArticle01-2-1 #story .movie .youTube {
		display:block;
		position:relative;
		width:100%;
		margin:0;
		padding:0 0 56.25%;
	}

	#sbArticle01-2-1 #story .movie .youTube > iframe {
		display:block;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
	}



	/* Mini Box -------------------------------------------- */

	#sbArticle01-2-1 #minibox {
		font-size:16px;
	}


	#sbArticle01-2-1 #minibox > header {
	}

	#sbArticle01-2-1 #minibox > header h1 {
		margin:0;
		padding:0;
		font-size:30px;
		font-weight:300;
		line-height:1.5;
	}

	#sbArticle01-2-1 #minibox .images {
		display:block;
		position:relative;
		float:right;
		width:60%;
		margin:30px 0 0 0;
		padding:0;
		box-sizing:border-box;
	}

	#sbArticle01-2-1 #minibox .images .hvSlider {
		background-color:#aaaaaa;
	}

	#sbArticle01-2-1 #minibox .images .hvSlider .view {
	}

	#sbArticle01-2-1 #minibox .images .hvSlider .screen img {
		vertical-align:bottom;
	}

	#sbArticle01-2-1 #minibox .detail {
		width:38%;
		float:left;
		margin:30px 0 0 0;
		padding:0;
		box-sizing:border-box;
	}



	/* ブリリアントボックス -------------------------------- */


	#sbArticle01-2-1 #brilliantbox {
		font-size:16px;
	}


	#sbArticle01-2-1 #brilliantbox > header {
	}

	#sbArticle01-2-1 #brilliantbox > header h1 {
		display:inline-block;
		position:relative;
		margin:0;
		padding:0;

		font-size:30px;
		font-weight:300;
		line-height:1.5;
	}


	#sbArticle01-2-1 #brilliantbox .image {
		display:block;
		position:relative;
		float:left;
		width:60%;
		margin:30px 0 0 0;
		padding:0;
		box-sizing:border-box;
	}

	#sbArticle01-2-1 #brilliantbox .image img {
		display:block;
		position:relative;
		z-index:10;
	}


	#sbArticle01-2-1 #brilliantbox .detail {
		width:38%;
		float:right;
		margin:20px 0 0 0;
		padding:0;
		box-sizing:border-box;
	}

	#sbArticle01-2-1 #brilliantbox .present {
		clear:right;
		float:right;
		width:38%;
		margin:30px 0 0 0;
		padding:0;

		font-size:12px;
		color:#666666;
	}



	/* スターゲイザー -------------------------------------- */

	#sbArticle01-2-1 #stargazer {
		max-width:800px;
		font-size:16px;
	}


	#sbArticle01-2-1 #stargazer .image {
		float:left;
		width:25%;
		margin:0;
		text-align:center;
	}

	#sbArticle01-2-1 #stargazer .text {
		float:right;
		width:72%;
		margin:0;
	}

	#sbArticle01-2-1 #stargazer h3 {
		margin:0;
		padding:0;
	}

	#sbArticle01-2-1 #stargazer h3 img {
		max-width:240px;
	}

	#sbArticle01-2-1 #stargazer .itemLink {
		text-align:left;
	}



/** ============================================================================


	Responsive for tablet


================================================================================ **/



	@media all and (max-width: 1024px) and (min-width:768px) {



		#sbArticle01-2-1 #story > header {
			margin:0 10%;
		}

		#sbArticle01-2-1 #story > header h1 {
			font-size:35px;
		}



	}



/** ============================================================================


	Responsive for Smart Phone


================================================================================ **/



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



		#sbArticle01-2-1 {
			background-position:center 30vh;
			background-width:200%;
			font-size:12px;
		}



		/* Header -------------------------------------- */

		#sbArticle01-2-1 > header {
			background-color:transparent;
		}
		
		#sbArticle01-2-1 > header h1 {
			position:relative;
			left:auto;
			bottom:auto;
			width:auto;
			margin:50px 15% 0;
			color:#231815;
		}

		#sbArticle01-2-1 > header h1 svg *{
			fill:#000000;
		}
	
		#sbArticle01-2-1 > header .scroll {
			display:none;
		}


		/* Story --------------------------------------- */

		#sbArticle01-2-1 #story {
			margin:30px 20px 0;
		}

		#sbArticle01-2-1 #story > header {
			margin:0 -20px;
		}

		#sbArticle01-2-1 #story > header .image {
			width:35%;
		}

		#sbArticle01-2-1 #story > header .image img {
			padding:3px;
		}

		#sbArticle01-2-1 #story > header h1 {
			font-size:18px;
			padding:0 10px;
		}

		#sbArticle01-2-1 #story > header h1::before,
		#sbArticle01-2-1 #story > header h1::after {
			font-size:40px;
		}

		#sbArticle01-2-1 #story .catch {
			margin:30px 0 0 0;
			font-size:14px;
			text-align:left;
		}

		#sbArticle01-2-1 #story .catch br {
			display:none;
		}



		/* mini Brilliant Box -------------------------- */

		#sbArticle01-2-1 #minibox {
			font-size:12px;
		}

		#sbArticle01-2-1 #minibox > header h1 {
			font-size:16px;
		}

		#sbArticle01-2-1 #minibox .images {
			float:none;
			width:auto;
		}

		#sbArticle01-2-1 #minibox .detail {
			width:auto;
			float:none;
			margin:20px 20px 0;
		}



		/* ブリリアントボックス ---------------------------- */

		#sbArticle01-2-1 #brilliantbox {
			font-size:12px;
		}

		#sbArticle01-2-1 #brilliantbox > header h1 {
			font-size:16px;
		}

		#sbArticle01-2-1 #brilliantbox .image {
			float:none;
			width:auto;
		}

		#sbArticle01-2-1 #brilliantbox .detail {
			width:auto;
			float:none;
			margin:20px 20px 0;
		}

		#sbArticle01-2-1 #brilliantbox .present {
			float:none;
			width:auto;
			margin:20px 20px 0;
		}



		/* スターゲイザー -------------------------------------- */

		#sbArticle01-2-1 #stargazer {
			max-width:none;
			font-size:12px;
		}

		#sbArticle01-2-1 #stargazer .image {
			float:none;
			width:auto;
			margin:0;
		}

		#sbArticle01-2-1 #stargazer .image img {
			max-width:70%;
		}

		#sbArticle01-2-1 #stargazer .text {
			float:none;
			width:auto;
			margin:30px 20px 0;
		}

		#sbArticle01-2-1 #stargazer h3 {
			text-align:center;
		}

		#sbArticle01-2-1 #stargazer h3 img {
			width:60%;
			max-width:none;
		}

		#sbArticle01-2-1 #stargazer .arrowLink {
			margin:20px 0 0 0;
			padding:0;
			text-align:right;
		}

	}



/** ============================================================================


	3-1. ダイヤモンド基本講座


================================================================================ **/



	#sbArticle01-3-1 {
	}

	#sbArticle01-3-1 > header {
		display:block;
		padding:100px 0;
		background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/01/img/3-1-bg.jpg);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		background-size:100% auto;
	}

	#sbArticle01-3-1 > header .bg {
		display:none;
	}

	#sbArticle01-3-1 > header h1 {
		display:block;
		position:relative;
		width:calc( 100% - 100px );
		max-width:1200px;
		margin:0 auto;
		padding:0 50% 0 0;
		box-sizing:border-box;
		text-align:center;
	}

	#sbArticle01-3-1 > header h1 img {
		width:auto;
		max-width:280px;
		height:auto;
	}


	#sbArticle01-3-1 > header h2 {
		display:block;
		position:relative;
		width:calc( 100% - 100px );
		margin:10px auto;
		padding:0 50% 0 0;
		box-sizing:border-box;
		text-align:center;
	}

	#sbArticle01-3-1 > header h2 br {
		display:none;
	}



	/* Lead ------------------------------------------------ */

	#sbArticle01-3-1 .lead {
	    width: 80%;
	    max-width: 900px;
	    margin: 80px auto 0;
	}


	#sbArticle01-3-1 .lead .profile {
		margin:2em 0 0 0;
	}

	#sbArticle01-3-1 .lead .profile dt {
		font-weight:700;
		font-size:18px;
	}

	#sbArticle01-3-1 .lead .profile dt img {
		vertical-align:middle;
		padding:0 10px 0 0;
	}

	#sbArticle01-3-1 .lead .profile dd {
		margin:1em 0 0 170px;
		font-size:14px;
	}



	/* Q and A Common -------------------------------------- */

	#sbArticle01-3-1 #qas {
		margin:50px auto 0;
	}
	#sbArticle01-3-1 #qas::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



	#sbArticle01-3-1 .qaSection {
		width:45%;
		float:left;
		margin:120px 0 0 0;
	}


	#sbArticle01-3-1 .qaSection h3 {
		text-align:center;
	}

	#sbArticle01-3-1 .qaSection h3 img {
		max-width:126px;
		vertical-align:bottom;
	}

	#sbArticle01-3-1 .qaSection dl {
		margin:20px 0 0 0;
	}
	#sbArticle01-3-1 .qaSection dl::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

	#sbArticle01-3-1 .qaSection dt {
		display:block;
		position:relative;
		margin:0 5px 40px;
		padding:0 0 25px 0;
		font-size:20px;
		font-weight:400;
		text-align:center;

		border-bottom:3px solid #e3bbca;

	}
	#sbArticle01-3-1 .qaSection dt::after { 
		content:"";
		display:block;
		position:absolute;
		left:50%;
		bottom:-13px;
		width:20px;
		height:20px;
		margin:0 0 0 -10px;
		padding:0;
		border:3px solid #e3bbca;
		border-left-color:transparent;
		border-bottom-color:transparent;
		transform:rotate(135deg);
		border-radius: 0 5px 0 0;
		background-color:#ffffff;
	}

	#sbArticle01-3-1 .qaSection dt img {
		float:left;
		width:75px;
		height:75px;
		margin:-20px 25px 10px 0;
	}

	#sbArticle01-3-1 .qaSection dd {
	}


	#sbArticle01-3-1 .qaSection dd strong {
		font-size:16px;
		font-weight:700;
	}

	#sbArticle01-3-1 .qaSection dd img {
		float:left;
		width:65px;
		margin:0 25px 10px 0;
	}

	#sbArticle01-3-1 .qaSection .image {
		margin:120px 0 0 0;
		transform:rotate(-3deg);
	}



	/* Q and A 個別 ---------------------------------------- */

	#sbArticle01-3-1 #qa01 {
		margin:0;
	}

	#sbArticle01-3-1 #qa02 {
		float:right;
	}

	#sbArticle01-3-1 #qa02 dd {
		width:65%;
		float:left;
	}

	#sbArticle01-3-1 #qa02 dd.desc {
		width:30%;
		float:right;
		padding:0 0 0 10px;
		font-size:12px;
		line-height:1.5;
		border-left:1px dotted #aaa;
	}

	#sbArticle01-3-1 #qa02 dd.desc img {
		display:block;
		margin:0 auto 10px;
		width:auto;
		max-width:80%;
		height:auto;
		float:none;
	}

	#sbArticle01-3-1 #qa02 .image {
		margin:20px 0 50px 0;
		transform:rotate(0deg);
	}

	#sbArticle01-3-1 #qa03 {
		clear:left;
	}

	#sbArticle01-3-1 #qa04 {
		clear:right;
		float:right;
	}

	#sbArticle01-3-1 #qa04 .arrowLink {
		margin:2em 0 0 0;
		text-align:right;
	}

	#sbArticle01-3-1 #qa04 .arrowLink > a {
		border-bottom-color:#d4c0da;
	}

	#sbArticle01-3-1 #qa04 .arrowLink > a::before {
		background-color:#662f76;
	}
	#sbArticle01-3-1 #qa04 .arrowLink > a::after {
		border-color:#d4c0da;
		border-left-color:transparent;
		border-bottom-color:transparent;
	}

	#sbArticle01-3-1 #qa04 .arrowLink > a:hover::after {
		border-color:#662f76;
		border-left-color:transparent;
		border-bottom-color:transparent;
	}


	#sbArticle01-3-1 #qa05 {
		clear:right;
		float:right;
	}

	#sbArticle01-3-1 #qa05 .image {
		transform:rotate(3deg);
	}


	#sbArticle01-3-1 #qa06 {
		clear:left;
	}



	/* Last Image ------------------------------------------ */

	#sbArticle01-3-1 .limage {
		width:100%;
		margin:120px 0 0 0;
	}

	#sbArticle01-3-1 .limage img {
		width:100%;
		vertical-align:bottom;
	}



/** ============================================================================


	Responsive for tablet


================================================================================ **/



	@media all and (max-width: 1024px) and (min-width:768px) {



		#sbArticle01-3-1 {
		}

		#sbArticle01-3-1 > header {
		}

		#sbArticle01-3-1 > header h1 {
			width:calc( 100% - 60px );
			max-width:none;
		}

		#sbArticle01-3-1 > header h1 img {
			max-width:250px;
		}

		#sbArticle01-3-1 > header h2 {
			width:calc( 100% - 60px );
			max-width:none;
		}

		#sbArticle01-3-1 > header h2 br {
			display:inline;
		}



		/* Q and A Common -------------------------------------- */

		#sbArticle01-3-1 #qas {
		}

		#sbArticle01-3-1 .qaSection {
			width:47%;
		}



	}



/** ============================================================================


	Responsive for Smart Phone


================================================================================ **/



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



		#sbArticle01-3-1 {
		}

		#sbArticle01-3-1 > header {
			padding:0 0 10px;
			background-image:none;
			background-color:#f1f3f5;
		}

		#sbArticle01-3-1 > header .bg {
			display:block;
			width:100%;
			vertical-align:bottom;
		}

		#sbArticle01-3-1 > header h1 {
			position:absolute;
			left:5%;
			top:25%;
			width:45%;
			margin:0;
			padding:0;
		}

		#sbArticle01-3-1 > header h1 img {
			max-width:60%;
		}

		#sbArticle01-3-1 > header h2 {
			width:auto;
			max-width:none:
			margin:10px 40px 0;
			padding:0;
		}

		#sbArticle01-3-1 > header h2 br {
			display:block;
		}

		#sbArticle01-3-1 .lead .profile dt {
			font-size:16px;
			text-align:right;
		}

		#sbArticle01-3-1 .lead .profile dt img {
			display:block;
			vertical-align:bottom;
			margin:0;
			padding:0;
		}

		#sbArticle01-3-1 .lead .profile dd {
			margin:1em 0 0 0;
			font-size:12px;
		}



		/* Q and A Common -------------------------------------- */

		#sbArticle01-3-1 #qas {
			margin:50px 20px 0;
		}

		#sbArticle01-3-1 .qaSection {
			width:auto;
			float:none;
			margin:50px 0 0;
		}

		#sbArticle01-3-1 .qaSection h3 img {
			max-width:90px;
		}

		#sbArticle01-3-1 .qaSection dl {
			margin:20px 0 0 0;
		}

		#sbArticle01-3-1 .qaSection dt {
			margin:0 0 25px;
			padding:0 0 25px 0;
			font-size:16px;
		}

		#sbArticle01-3-1 .qaSection dt::after { 
			bottom:-11px;
			width:14px;
			height:14px;
			margin:0 0 0 -7px;
			border-radius: 0 3px 0 0;
		}

		#sbArticle01-3-1 .qaSection dd strong {
			font-size:14px;
		}

		#sbArticle01-3-1 .qaSection dd img {
			width:40px;
			margin:0 20px 10px 0;
		}

		#sbArticle01-3-1 .qaSection .image {
			margin:50px 0 0 0;
			transform:rotate(-3deg);
		}



		/* Q and A 個別 ---------------------------------------- */

		#sbArticle01-3-1 #qa01 {
			margin:50px 0 0;
		}
	
		#sbArticle01-3-1 #qa02 {
			float:none;
		}

		#sbArticle01-3-1 #qa02 dd {
			width:auto;
			float:none;
		}

		#sbArticle01-3-1 #qa02 dd.desc {
			width:auto;
			float:none;
			margin:10px 0 0 0;
			padding:10px;
			font-size:12px;
			border:1px dotted #aaa;
			border-radius:5px;
		}
		#sbArticle01-3-1 #qa02 dd.desc::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

		#sbArticle01-3-1 #qa02 dd.desc img {
			float:left;
			width:40%;
			max-width:none;
			margin:0 10px 0 0;
		}

		#sbArticle01-3-1 #qa02 .image {
			margin:20px 0 0 0;
		}

		#sbArticle01-3-1 #qa05 {
			float:none;
		}

		#sbArticle01-3-1 .limage {
			margin:50px 0 0 0;
		}
	}



/** ============================================================================


	3-2. 銀座へGO!


================================================================================ **/



	#sbArticle01-3-2 > header {
		height:calc( 100vh - 80px );
		max-height:800px;
	}

	#sbArticle01-3-2 > header .image {
		display:block;
		position:absolute;
		margin:0;
		padding:0;
		box-sizing:border-box;

		background-color:#f0f0f0;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
	}

	#sbArticle01-3-2 > header .image.image01 { 
		left:0;
		top:0;
		width:60%;
		height:100%;
		background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/01/img/3-2-bg1.jpg);
	}
	#sbArticle01-3-2 > header .image.image02 { 
		right:0;
		top:0;
		width:40%;
		height:40%;
		background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/01/img/3-2-bg2t.jpg);
		border-left:1px solid #ffffff;
	}
	#sbArticle01-3-2 > header .image.image03 { 
		right:20%;
		bottom:0;
		width:20%;
		height:30%;
		background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/01/img/3-2-bg3s.jpg);
		border-left:1px solid #ffffff;
	}
	#sbArticle01-3-2 > header .image.image04 { 
		right:0;
		bottom:0;
		width:20%;
		height:30%;
		background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/01/img/3-2-bg4s.jpg);
		border-left:1px solid #ffffff;
	}

	#sbArticle01-3-2 > header h1 {
		position:absolute;
		right:2%;
		width:36%;
		bottom:47%;
		margin:0;
	}

	#sbArticle01-3-2 > header h1 img {
		width:100%;
	}

	#sbArticle01-3-2 > header h2 {
		position:absolute;
		right:5%;
		width:30%;
		top:55%;
		margin:0;
		text-align:center;
	}

	#sbArticle01-3-2 > header h2 img {
		width:60%;
	}

	#sbArticle01-3-2 > header h2 br {
		display:none;
	}


	/* Lead ------------------------------------------------- */

	#sbArticle01-3-2 .lead {
	    width: 80%;
	    max-width: 900px;
	    margin: 80px auto 0;
	}



	/* text common ----------------------------------------- */


	#sbArticle01-3-2 .floor {
	}


	#sbArticle01-3-2 .floor > header {
		display:block;
		position:relative;
		float:left;
		width:48%;
		margin:0;
		padding:20px 30px;
		box-sizing:border-box;
		background-color:#ffffff;
		border:3px solid #e5d9e8;
	}


	#sbArticle01-3-2 .floor > header > span {
		content:"";
		display:block;
		position:absolute;
		width:10px;
		height:10px;
		margin:0;
		padding:0;
		background-color:#ffffff;
		border:3px solid #e5d9e8;
		border-dadius:5px;
	}

	#sbArticle01-3-2 .floor > header > span:nth-of-type(1) { border-top:0; border-left:0; left:-3px; top:-3px; border-radius:0 0 10px 0; }
	#sbArticle01-3-2 .floor > header > span:nth-of-type(2) { border-top:0; border-right:0; right:-3px; top:-3px; border-radius:0 0 0 10px; }
	#sbArticle01-3-2 .floor > header > span:nth-of-type(3) { border-bottom:0; border-left:0; left:-3px; bottom:-3px; border-radius:0 10px 0 0; }
	#sbArticle01-3-2 .floor > header > span:nth-of-type(4) { border-bottom:0; border-right:0; right:-3px; bottom:-3px; border-radius:10px 0 0 0; }


	#sbArticle01-3-2 .floor > header h1 {
		margin:0;
		padding:10px 0 0 0;
		text-align:center;
	}

	#sbArticle01-3-2 .floor > header h1 img {
		max-width:280px;
	}

	#sbArticle01-3-2 .floor > header h2 {
		margin:10px 0 0 0;
		padding:0;

		text-align:center;
		font-size:18px;
		font-weight:300;
	}


	#sbArticle01-3-2 .floor > header p {
		text-align:left;
	}



	/* Scene Common ---------------------------------------- */

	#sbArticle01-3-2 .scene {
		display:block;
		position:relative;
		float:left;
		width:48%;
		margin:50px 0 0 0;
		padding:0;
		box-sizing:border-box;
	}

	#sbArticle01-3-2 .scene img {
		vertical-align:bottom;
	}

	#sbArticle01-3-2 .scene dl {
	}

	#sbArticle01-3-2 .scene dt {
		border-left:3px solid #e5d9e8;
		border-bottom:3px solid #e5d9e8;
	}

	#sbArticle01-3-2 .scene dt ul {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
	}

	#sbArticle01-3-2 .scene dt li {
		width:100%;
		border-right:1px solid #ffffff;
	}

	#sbArticle01-3-2 .scene dd {
		margin:0 0 0 30px;
		padding:30px 0 10px 30px;
		border-left:3px solid #e5d9e8;
	}


	#sbArticle01-3-2 .scene.scene01 { float:right;margin-top:100px; }
	#sbArticle01-3-2 .scene.scene03 { float:right; }
	#sbArticle01-3-2 .scene.scene05 { float:right; }
	#sbArticle01-3-2 .scene.scene06 { float:right;margin-top:100px; }
	#sbArticle01-3-2 .scene.scene10 { float:right;margin-top:100px; }

/*
	#sbArticle01-3-2 .scene.scene08 { float:right; }
	#sbArticle01-3-2 .scene.scene12 { float:right; }
*/



	#sbArticle01-3-2 .floor > footer {
		clear:both;
		display:block;
		position:relative;
		margin:0;
		padding:50px 0 0 0;
	}

	#sbArticle01-3-2 .floor > footer .itemLink {
		display:block;
		position:relative;
		font-size:16px;
		padding:40px 0 0 0;
	}

	#sbArticle01-3-2 .floor > footer .itemLink::before {
		content:"";
		display:block;
		position:absolute;
		left:50%;
		top:0;
		width:20px;
		height:20px;
		margin:0 0 0 -10px;
		padding:0;
		border-right:1px solid #231815;
		border-bottom:1px solid #231815;
		transform:rotate(45deg);
	}



	/* 4 Best Pick's --------------------------------------- */

	#sbArticle01-3-2 #editorchoice {
	}

	#sbArticle01-3-2 #editorchoice > header  {
		max-width:500px;
		margin:0 auto;
		padding:100px 0 0 0;
		border-top:1px dashed #888888;
	}


	#sbArticle01-3-2 #editorchoice > header h1 img {
		max-width:230px;
		vertical-align:bottom;
	}

	#sbArticle01-3-2 #editorchoice > header h2 {
		margin:20px 0 0 0;
		padding:0;
		text-align:center;

		font-size:16px;
		font-weight:300;
	}


	#sbArticle01-3-2 #editorchoice .items > ul {
		display:flex;
		flex-wrap:nowrap;
		margin:0 5%;
	}

	#sbArticle01-3-2 #editorchoice .items > ul > li {
		width:21%;
		margin:0 2%;
	}


	#sbArticle01-3-2 #editorchoice .item {
	}

	#sbArticle01-3-2 #editorchoice .item .image {
		text-align:center;
	}

	#sbArticle01-3-2 #editorchoice .item .image img {
		max-width:80%;
	}


	#sbArticle01-3-2 #editorchoice .item .arrowLink {
		text-align:right;
		font-size:12px;
	}


	#sbArticle01-3-2 #editorchoice h3 {
		margin:10px 0 0 0;
		padding:0;
		text-align:center;
	}



	/* Quality --------------------------------------------- */

	#sbArticle01-3-2 #kodawari {
		display:block;
		position:relative;
		padding:50px 10% 30px;
		box-sizing:border-box;
		background-color:#ffffff;
		border:3px solid #e5d9e8;
	}

	#sbArticle01-3-2 #kodawari > span {
		content:"";
		display:block;
		position:absolute;
		width:10px;
		height:10px;
		margin:0;
		padding:0;
		background-color:#ffffff;
		border:3px solid #e5d9e8;
		border-dadius:5px;
	}
	#sbArticle01-3-2 #kodawari > span:nth-of-type(1) { border-top:0; border-left:0; left:-3px; top:-3px; border-radius:0 0 10px 0; }
	#sbArticle01-3-2 #kodawari > span:nth-of-type(2) { border-top:0; border-right:0; right:-3px; top:-3px; border-radius:0 0 0 10px; }
	#sbArticle01-3-2 #kodawari > span:nth-of-type(3) { border-bottom:0; border-left:0; left:-3px; bottom:-3px; border-radius:0 10px 0 0; }
	#sbArticle01-3-2 #kodawari > span:nth-of-type(4) { border-bottom:0; border-right:0; right:-3px; bottom:-3px; border-radius:10px 0 0 0; }


	#sbArticle01-3-2 #kodawari > header h1 {
		text-align:center;
	}

	#sbArticle01-3-2 #kodawari > header h1 img {
		max-width:230px;
	}

	#sbArticle01-3-2 #kodawari > header h2 {
		margin:10px 0 0 0;
		padding:0;
		text-align:center;

		font-size:18px;
		font-weight:300;
	}

	#sbArticle01-3-2 #kodawari > header h2 br {
		display:none;
	}



	#sbArticle01-3-2 #kodawari .detail {
		margin:30px 0 0 0;
	}

	#sbArticle01-3-2 #kodawari .detail > ul {
	}

	#sbArticle01-3-2 #kodawari .detail > ul > li {
	}


	#sbArticle01-3-2 #kodawari .koda {
		display:flex;
		flex-direction: row;
		align-items: center;
		border-top:1px dashed #dddddd;
		padding:40px 0;
	}
	#sbArticle01-3-2 #kodawari .koda:last-child {
		padding:40px 0 0;
	}

	#sbArticle01-3-2 #kodawari .koda h3 {
		margin:0;
		padding:0;
		font-size:16px;
		font-weight:300;
	}


	#sbArticle01-3-2 #kodawari .koda dt {
		width:30%;
		box-sizing:border-box;
		text-align:center;
	}

	#sbArticle01-3-2 #kodawari .koda dd {
		width:65%;
		margin:0 5% 0 0;
		padding:0 0 0 40px;
		box-sizing:border-box;

		background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/01/img/3-2-check.png);
		background-position:0 0;
		background-repeat:no-repeat;
	}



/** ============================================================================


	Responsive for tablet


================================================================================ **/



	@media all and (max-width: 1024px) and (min-width:768px) {



		#sbArticle01-3-2 > header h2 {
			position:absolute;
			right:2%;
			width:36%;
		}



		/* text common ----------------------------------------- */


		#sbArticle01-3-2 .floor {
		}

		#sbArticle01-3-2 .floor > header {
			width:49%;
			padding:20px;
		}

		#sbArticle01-3-2 .floor > header h1 img {
			max-width:260px;
		}

		#sbArticle01-3-2 .floor > header p {
			text-align:left;
		}



		/* Scene Common ---------------------------------------- */
	
		#sbArticle01-3-2 .scene {
			width:49%;
		}

		#sbArticle01-3-2 .scene dd {
			margin:0;
			padding:20px 0 10px 20px;
			border-left:3px solid #e5d9e8;
		}

		#sbArticle01-3-2 .scene.scene01 { margin-top:50px; }
		#sbArticle01-3-2 .scene.scene02 { float:right; }
		#sbArticle01-3-2 .scene.scene03 { float:left; }
		#sbArticle01-3-2 .scene.scene04 { float:right; }
		#sbArticle01-3-2 .scene.scene05 { float:left; }
		#sbArticle01-3-2 .scene.scene06 { margin-top:50px; }
		#sbArticle01-3-2 .scene.scene10 { margin-top:50px; }



		/* 4 Best Pick's --------------------------------------- */

		#sbArticle01-3-2 #editorchoice {
			margin:80px auto 0;
		}

		#sbArticle01-3-2 #editorchoice .items > ul {
			margin:0;
		}



		/* Quality --------------------------------------------- */

		#sbArticle01-3-2 #kodawari {
			margin:80px auto 0;
			padding:50px 5% 30px;
		}


	}



/** ============================================================================


	Responsive for Smart Phone


================================================================================ **/



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



		#sbArticle01-3-2 > header {
			height:calc( 100vh - 80px );
			max-height:none;
		}

		#sbArticle01-3-2 > header .image.image01 { 
			width:60%;
			height:50%;
		}
		#sbArticle01-3-2 > header .image.image02 { 
			width:40%;
			height:50%;
		}
		#sbArticle01-3-2 > header .image.image03 { 
			right:50%;
			bottom:0;
			width:50%;
			height:25%;
		}
		#sbArticle01-3-2 > header .image.image04 { 
			right:0;
			bottom:0;
			width:50%;
			height:25%;
		}

		#sbArticle01-3-2 > header h1 {
			left:5%;
			right:auto;
			top:58%;
			bottom:auto;
			width:90%;
		}

		#sbArticle01-3-2 > header h2 {
			right:5%;
			width:90%;
			top:62%;
		}



		/* text common ----------------------------------------- */

		#sbArticle01-3-2 .floor > header {
			float:none;
			width:auto;
			margin:0 20px;
			padding:20px;
		}

		#sbArticle01-3-2 .floor > header h1 {
			margin:0 10%;
		}

		#sbArticle01-3-2 .floor > header h1 img {
			max-width:none;
		}

		#sbArticle01-3-2 .floor > header h2 {
			font-size:16px;
		}



		/* Scene Common ---------------------------------------- */

		#sbArticle01-3-2 .scene {
			float:none;
			width:auto;
			margin:30px 0 0 0;
		}

		#sbArticle01-3-2 .scene dt {
			border-left:2px solid #e5d9e8;
			border-bottom:2px solid #e5d9e8;
		}

		#sbArticle01-3-2 .scene dd {
			margin:0 20px;
			padding:10px 0 10px 10px;
			border-left:2px solid #e5d9e8;
		}

		#sbArticle01-3-2 .scene.scene01 { float:none;margin-top:50px; }
		#sbArticle01-3-2 .scene.scene03 { float:none; }
		#sbArticle01-3-2 .scene.scene05 { float:none; }
		#sbArticle01-3-2 .scene.scene06 { float:none;margin-top:50px; }
		#sbArticle01-3-2 .scene.scene10 { float:none;margin-top:50px; }



		/* 4 Best Pick's --------------------------------------- */

		#sbArticle01-3-2 #editorchoice {
		}

		#sbArticle01-3-2 #editorchoice > header  {
			max-width:none;
			margin:0;
			padding:50px 0 0 0;
		}

		#sbArticle01-3-2 #editorchoice > header h1 img {
			max-width:60%;
		}

		#sbArticle01-3-2 #editorchoice .items > ul {
			flex-wrap:wrap;
			margin:0 10px;
		}

		#sbArticle01-3-2 #editorchoice .items > ul > li {
			width:46%;
			margin:0 2%;
		}

		#sbArticle01-3-2 #editorchoice .item .image img {
			max-width:90%;
		}



		/* Quality --------------------------------------------- */

		#sbArticle01-3-2 #kodawari {
			margin: 80px 20px 0;
			padding:30px 20px;
		}

		#sbArticle01-3-2 #kodawari > header h1 {
			text-align:center;
		}

		#sbArticle01-3-2 #kodawari > header h1 img {
			max-width:60%;
		}
	
		#sbArticle01-3-2 #kodawari > header h2 {
			font-size:16px;
		}
	
		#sbArticle01-3-2 #kodawari > header h2 br {
			display:inline;
		}


		#sbArticle01-3-2 #kodawari .koda {
			display:block;
			padding:30px 0;
		}
		#sbArticle01-3-2 #kodawari .koda:last-child {
			padding:30px 0 0;
		}

		#sbArticle01-3-2 #kodawari .koda h3 {
			font-size:14px;
			font-weight:300;
		}

		#sbArticle01-3-2 #kodawari .koda dt {
			width:auto;
			margin:30px 0 0 0;
		}

		#sbArticle01-3-2 #kodawari .koda dd {
			width:auto;
			margin:0;
			padding:0 0 0 40px;
		}
	}



/** ================================================================================================


	3-3. 人にも地球にもやさしい 「トレイサビリティ」という目線   01-3-3.html


==================================================================================================== **/



	#sbArticle01-3-3 {
		background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/01/img/3-3-bg.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
	}


	#sbArticle01-3-3 > header {
		display:block;
		width:calc( 100% - 100px );
		max-width:1200px;
		margin:0 auto;
		padding:20% 0 0 20px;
		box-sizing:border-box;
		background-color:transparent;
	}



	#sbArticle01-3-3 > header h1 {
		margin:0 50% 0 0;
		padding:0;
	}

	#sbArticle01-3-3 > header h1 img {
		max-width:438px;
	}


	#sbArticle01-3-3 > header h2 {
		margin:-50px 0 0 120px;
	}


	#sbArticle01-3-3 > header .lead {
		width:auto;
		max-width:none;
		margin:50px 30% 0 0;
		padding:0;
	}

	#sbArticle01-3-3 > header .lead p {
		float:left;
		width:60%;
		box-sizing:border-box;
	}

	#sbArticle01-3-3 > header .lead .image {
		float:right;
		width:35%;
		text-align:center;
		box-sizing:border-box;
	}

	#sbArticle01-3-3 > header .lead .image img {
		width:90%;
		margin:1em 0 0 0;
		padding:5px;
		vertical-align:bottom;
		background-color:#ffffff;
		box-shadow:0px 0px 4px 0px #cccccc;
	}

	#sbArticle01-3-3 > header .lead .credit {
		clear:both;
		padding:10px 0 0 0;
	}



	/* トレーサビリティ詳細 -------------------------------- */

	#sbArticle01-3-3 .trace {
		display:block;
		position:relative;
		float:left;
		width:45%;
		margin:100px 0 0 3%;
		padding:0;
	}

	#sbArticle01-3-3 .trace dl {
	}

	#sbArticle01-3-3 .trace dt {
		position:relative;

		padding:0 0 15px 0;

		font-family:"Noto Serif JP", "Yu Mincho", "Hiragino Mincho Pro", "MS PMincho", serif;
		font-size:18px;
		font-weight:400;
		border-bottom:2px dotted #d4c0da;
	}
	#sbArticle01-3-3 .trace dt::after {
		content:"";
		display:block;
		position:absolute;
		left:0;
		bottom:-2px;
		width:40px;
		height:2px;
		margin:0;
		padding:0;
		background-color:#662f76;
	}

	#sbArticle01-3-3 .trace dd {
		margin:15px 0 0 0;
	}

	#sbArticle01-3-3 .trace dd.image {
		margin:100px 0 0 0;
	}

	#sbArticle01-3-3 .trace dd.image img {
		border-radius:10px;
	}

	#sbArticle01-3-3 .trace .cap {
		font-size:12px;
		margin:1em 0 0 1em;
		text-indent:-1em;
	}

	#sbArticle01-3-3 .trace sup {
		font-size:18px;
		vertical-align:baseline;
		padding-bottom0.61em;
	}



	#sbArticle01-3-3 #trace01 {
		margin:0 0 0 3%;
	}

	#sbArticle01-3-3 #trace02,
	#sbArticle01-3-3 #trace04 {
		clear:right;
		float:right;
		margin:100px 3% 0 0;
	}

	#sbArticle01-3-3 #trace03 .image {
		margin:0;
	}


	#sbArticle01-3-3 .limage {
		display:block;
		position:relative;
		width:calc( 100% - 100px );
		max-width:1200px;
		margin:100px auto 0;
		padding:0 0 30% 0;

		background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/01/img/3-3-image3.jpg);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		border-radius:10px;
	}


	#sbArticle01-3-3 #column {
		width:calc( 100% - 200px );
		max-width:1100px;
	}


	#sbArticle01-3-3 #column > header {
		margin:0 32% 0 0;
		padding:10px 0 10px 20px;
		box-sizing:border-box;
		text-align:left;
		border:2px dotted #d4c0da;
		border-right:0;
		border-bottom:0;
		border-radius:10px 0 0 0;
	}

	#sbArticle01-3-3 #column > header h1 {
		display:block;
		position:relative;
		margin:0;
		padding:0 0 15px 0;
	}
	#sbArticle01-3-3 #column > header h1::after {
		content:"";
		display:block;
		position:absolute;
		left:0;
		bottom:0;
		width:40px;
		height:2px;
		margin:0;
		padding:0;
		background-color:#662f76;
	}

	#sbArticle01-3-3 #column > header h1 img {
		width:100%;
		max-width:78px;
		vertical-align:bottom;
	}


	#sbArticle01-3-3 #column > header h2 {
		margin:5px 0 0 0;
		font-size:18px;
		font-weight:300;
	}

	#sbArticle01-3-3 #column .image {
		float:right;
		width:30%;
		margin:-100px 0 0 20px;
	}

	#sbArticle01-3-3 #column .desc {
		margin:0 32% 0 0;
		padding:1em 0 1em 20px;
		box-sizing:border-box;
		border:2px dotted #d4c0da;
		border-right:0;
		border-top:0;
		border-radius:0 0 0 10px;
	}

	#sbArticle01-3-3 #column .desc p {
		margin:0;
	}



/** ============================================================================


	Responsive for tablet


================================================================================ **/



	@media all and (max-width: 1024px) and (min-width:768px) {


		#sbArticle01-3-3 > header {
			width:calc( 100% - 60px );
			max-width:none;
		}

		#sbArticle01-3-3 > header h1 img {
			max-width:400px;
		}

		#sbArticle01-3-3 > header .lead {
			width:auto;
			max-width:none;
			margin:50px 25% 0 0;
			padding:0;
		}

		#sbArticle01-3-3 #traces {
			margin:100px auto 0;
		}



		/* トレーサビリティ詳細 -------------------------------- */

		#sbArticle01-3-3 .trace {
			width:47%;
			margin:100px 0 0 0;
		}

		#sbArticle01-3-3 #trace01 {
			margin:0;
		}

		#sbArticle01-3-3 #trace02,
		#sbArticle01-3-3 #trace04 {
			clear:right;
			float:right;
			margin:100px 0 0 0;
		}

		#sbArticle01-3-3 .limage {
			width:calc( 100% - 60px );
			max-width:none;
		}

		#sbArticle01-3-3 #column {
			margin:100px auto 0;
			width:calc( 100% - 60px );
			max-width:none;
			border:2px dotted #d4c0da;
			border-radius:10px;
		}

		#sbArticle01-3-3 #column > header {
			margin:0 32% 0 0;
			padding:10px 0 10px 20px;
			border:0;
		}

		#sbArticle01-3-3 #column > header h1 {
			display:block;
			position:relative;
			margin:0;
			padding:0 0 15px 0;
		}

		#sbArticle01-3-3 #column .image {
			float:right;
			width:30%;
			margin:-50px 0 0 20px;
		}

		#sbArticle01-3-3 #column .desc {
			border:0;
		}


	}



/** ============================================================================


	Responsive for Smart Phone


================================================================================ **/



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



		#sbArticle01-3-3 > header {
			width:auto;
			max-width:none;
			margin:0;
			padding:30% 0 0 0;

/*
			background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/01/img/3-3-bg.jpg);
			background-position:right 25% top;
			background-repeat:no-repeat;
			background-size:150% auto;
*/

		}

		#sbArticle01-3-3 > header h1 {
			margin:0 20% 0 0;
			padding:0;
			text-align:left;
		}

		#sbArticle01-3-3 > header h1 img {
			width:100%;
		}

		#sbArticle01-3-3 > header h2 {
			margin:10px 30% 0 40px;
		}

		#sbArticle01-3-3 > header .lead {
			margin:50px 40px 0 40px;
		}

		#sbArticle01-3-3 > header .lead p {
			float:none;
			width:auto;
		}

		#sbArticle01-3-3 > header .lead .image {
			float:none;
			width:auto;
			margin:10px 0 0 0;
			text-align:center;
		}

		#sbArticle01-3-3 > header .lead .image img {
			width:80%;
		}



		/* トレーサビリティ詳細 -------------------------------- */

		#sbArticle01-3-3 .trace {
			float:none;
			width:auto;
			margin:50px 0 0;
		}

		#sbArticle01-3-3 .trace dt {
			padding:0 20px 15px;
			font-size:16px;
		}

		#sbArticle01-3-3 .trace dd {
		    margin: 20px 20px 0;
		}

		#sbArticle01-3-3 .trace dd.image {
			margin:30px 0 0 0;
		}

		#sbArticle01-3-3 .trace .cap {
			font-size:10px;
		}

		#sbArticle01-3-3 .trace sup {
			font-size:14px;
		}

		#sbArticle01-3-3 #trace01,
		#sbArticle01-3-3 #trace02,
		#sbArticle01-3-3 #trace03,
		#sbArticle01-3-3 #trace04 {
			float:none;
			margin:50px 0 0;
		}

		#sbArticle01-3-3 .limage {
			width:auto;
			max-width:none;
			margin:30px 20px 0;
			padding:0 0 30% 0;
		}

		#sbArticle01-3-3 #column {
			width:auto;
			max-width:none;
			margin:50px 20px 0;
			padding:20px;
			border:2px dotted #d4c0da;
			border-radius:10px;
		}

		#sbArticle01-3-3 #column > header {
			margin:0;
			padding:0 0 10px 0;
			border:0;
		}

		#sbArticle01-3-3 #column > header h2 {
			font-size:16px;
		}

		#sbArticle01-3-3 #column .image {
			float:right;
			width:45%;
			margin:0 0 10px 10px;
		}

		#sbArticle01-3-3 #column .desc {
			margin:10px 0 0 0;
			padding:0;
			border:0;
		}

		#sbArticle01-3-3 #column .desc p {
			margin:0;
		}
	}



/** ================================================================================================


	4-1. Celebrity News


==================================================================================================== **/


	#sbArticle01-4-1 {
	}

	#sbArticle01-4-1 > header {
		display:flex;
		flex-direction:row-reverse;
		align-items:center;

		width:calc( 100% - 100px );
		max-width:1200px;
		margin:0 auto;
	}

	#sbArticle01-4-1 > header .image {
		width:50%;
		text-align:center;
	}

	#sbArticle01-4-1 > header .text {
		width:50%;
	}

	#sbArticle01-4-1 > header h1 img {
		max-width:450px;
	}

	#sbArticle01-4-1 > header h2 {
		margin:0 0 0 40px;
	}

	#sbArticle01-4-1 > header .lead {
		width:auto;
		max-width:none;
		margin:30px 0 0 40px;
		padding:0;
	}



	/* Check Common ---------------------------------------- */

	#sbArticle01-4-1 .checksec {


	}


	#sbArticle01-4-1 .checksec > header {
		display:block;
		width:auto;
		max-width:900px;
		margin:0 auto;
		padding:15px 0 10px;
		border-top:1px dashed #888888;
		border-bottom:1px dashed #888888;
		text-align:left;
	}
	#sbArticle01-4-1 .checksec > header::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


	#sbArticle01-4-1 .checksec > header h1{
		display:block;
		position:relative;
		float:left;
		width:30%;
		padding:0 0 15px;
	}
	#sbArticle01-4-1 .checksec > header h1::after {
		content:"";
		display:block;
		position:absolute;
		left:0;
		bottom:0;
		width:40px;
		height:2px;
		margin:0;
		padding:0;
		background-color:#d30777;
	}

	#sbArticle01-4-1 .checksec > header h1 img {
		max-width:180px;
	}


	#sbArticle01-4-1 .checksec > header h2 {
		float:right;
		width:70%;
		color:#d30777;
		font-weight:400;
	}

	#sbArticle01-4-1 .checksec > header h2 br {
		display:none;
	}

	#sbArticle01-4-1 .checksec > header p {
		clear:right;
		float:right;
		width:70%;
	}



	/* Check Individual ------------------------------------ */

	#sbArticle01-4-1 #check01 {
		margin:100px auto 0;
	}



	/* row common ------------------------------------------ */

	#sbArticle01-4-1 .row {
		display:block;
		position:relative;
		float:left;
		width:44%;
		margin:60px 3% 0 3%;
		padding:0;
	}

	#sbArticle01-4-1 .row dt {
		text-align:center;
		font-size:10px;
		color:#888888;
	}

	#sbArticle01-4-1 .row dd {
		margin:20px 0 0 0;
	}


	/* row individual -------------------------------------- */

	#sbArticle01-4-1 .row.row02 {
		float:right;
		margin:120px 3% 0 3%;
	}

	#sbArticle01-4-1 .row.row04 {
		clear:right;
		float:right;
	}


	#sbArticle01-4-1 .row.row06 {
		float:right;
		margin:250px 3% 0 3%;
	}

	#sbArticle01-4-1 .row.row09 {
		float:right;
		margin:250px 3% 0 3%;
	}



/** ================================================================================================


	Responsive for tablet


==================================================================================================== **/



	@media all and (max-width: 1024px) and (min-width:768px) {


		#sbArticle01-4-1 > header {
			width:auto;
			max-width:none;
		}

		#sbArticle01-4-1 > header .image {
			width:50%;
			text-align:center;
		}

		#sbArticle01-4-1 > header .text {
			width:50%;
			padding:50px 20px 0;
			box-sizing:border-box;
		}
	
		#sbArticle01-4-1 > header h1 img {
			max-width:400px;
		}

		#sbArticle01-4-1 > header h2 {
			margin:0 0 0 30px;
		}
	
		#sbArticle01-4-1 > header .lead {
			margin:30px 0 0 30px;

		}



		/* Check Common ---------------------------------------- */



		/* Check Individual ------------------------------------ */

		#sbArticle01-4-1 #check01 {
			margin:100px auto 0;
		}


	}



/** ================================================================================================


	Responsive for Smart Phone


==================================================================================================== **/



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



		#sbArticle01-4-1 > header {
			display:block;
			width:auto;
			max-width:none;
			margin:0;
		}

		#sbArticle01-4-1 > header .image {
			width:auto;
			text-align:center;
		}

		#sbArticle01-4-1 > header .text {
			width:auto;
/*			margin:30px 40px 0; */
		}
	
		#sbArticle01-4-1 > header h2 {
			margin:10px 0 0 0;
			text-align:center;
		}

		#sbArticle01-4-1 > header .lead {
			width:auto;
			max-width:none;
			margin:30px 0 0 0;
		}



		/* Check Common ---------------------------------------- */

		#sbArticle01-4-1 .checksec > header {
			max-width:none;
			margin:0;
			padding:20px 0;
		}

		#sbArticle01-4-1 .checksec > header h1{
			float:none;
			width:auto;
			padding:0 0 15px;
			text-align:center;
		}
		#sbArticle01-4-1 .checksec > header h1::after {
			left:50%;
			margin:0 0 0 -20px;
		}

		#sbArticle01-4-1 .checksec > header h1 img {
			max-width:120px;
		}

		#sbArticle01-4-1 .checksec > header h2 {
			float:none;
			width:auto;
			text-align:center;
			margin:15px 0 0 0;
		}

		#sbArticle01-4-1 .checksec > header h2 br {
			display:inline;
		}

		#sbArticle01-4-1 .checksec > header p {
			float:none;
			width:auto;
			margin:15px 20px 0;
		}



		/* Check Individual ------------------------------------ */
	
		#sbArticle01-4-1 #check01,
		#sbArticle01-4-1 #check02,
		#sbArticle01-4-1 #check03 {
			margin:50px 0 0;
		}



		/* row common ------------------------------------------ */

		#sbArticle01-4-1 .row {
			float:none;
			width:auto;
			margin:50px 20px 0;
		}



		/* row individual -------------------------------------- */

		#sbArticle01-4-1 .row.row02,
		#sbArticle01-4-1 .row.row04,
		#sbArticle01-4-1 .row.row06,
		#sbArticle01-4-1 .row.row09 {
			float:none;
			margin:50px 20px 0;
		}



	}



/** ================================================================================================


	4-2. Matching a Bridal Set


==================================================================================================== **/



	#sbArticle01-4-2 > header {
		display:block;
		padding:150px 50px;
		background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/01/img/4-2-bg.jpg);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:100% auto;
	}


/*
	#sbArticle01-4-2 .lead::before,
	#sbArticle01-4-2 .lead::after {
		color:#c9b4cf;
	}
*/

	#sbArticle01-4-2 > header .bg {
		display:none;
	}

	#sbArticle01-4-2 > header h1 {
		display:block;
		position:relative;
		width:100%;
		max-width:1200px;
		margin:0 auto;
		padding:0 40% 0 50px;
		box-sizing:border-box;
		text-align:left;
	}

	#sbArticle01-4-2 > header h1 img {
		max-width:470px;
	}

	#sbArticle01-4-2 > header h2 {
		display:block;
		position:relative;
		width:100%;
		max-width:1200px;
		margin:-20px auto 0;
		padding:0 40% 0 150px;
		box-sizing:border-box;
		text-align:left;
	}



	/* Lead ------------------------------------------------ */

	#sbArticle01-4-2 .lead {
	    width: 80%;
	    max-width: 900px;
	    margin: 80px auto 0;
	}




	/* Person Common --------------------------------------- */

	#sbArticle01-4-2 .choicesec {
	}



	#sbArticle01-4-2 .choicesec > header {
		display:flex;
		flex-direction:row;
		align-items:center;

		width:80%;
		max-width:800px;
		margin:0 auto;
		text-align:left;
	}

	#sbArticle01-4-2 .choicesec > header .image {
		width:230px;
	}

	#sbArticle01-4-2 .choicesec > header .text {
		width:calc( 100% - 230px );
		padding:0 0 0 30px;
	}

	#sbArticle01-4-2 .choicesec > header h1 {
		margin:0;
		padding:0;
		font-family:'Cormorant Garamond';
		font-weight:500;
		font-size:24px;
		letter-spacing:0.1em;
	}

	#sbArticle01-4-2 .choicesec > header h1 strong {
		font-weight:500;
		font-size:28px;
	}

	#sbArticle01-4-2 .choicesec .items {
		margin:50px 0 0 0;
	}



	/* item common ----------------------------------------- */

	#sbArticle01-4-2 .item {
		display:flex;
		flex-direction:row;
		align-items: center;
		margin:50px 5% 0;
		box-sizing:border-box;
	}

	#sbArticle01-4-2 .item .image {
		width:35%;
		box-sizing:border-box;
	}

	#sbArticle01-4-2 .item .text {
		width:65%;
		padding:0 20px;
		box-sizing:border-box;
	}

	#sbArticle01-4-2 .item h3 {
		margin:0;
		padding:0;
		font-family:'Cormorant Garamond';
		font-weight:500;
		font-size:20px;
		letter-spacing:0.1em;
	}

	#sbArticle01-4-2 .item h3 strong {
		font-weight:500;
		font-size:24px;
	}

	#sbArticle01-4-2 .item h4 {
		margin:0;
		padding:0 0 10px;
		font-size:16px;
		font-weight:300;
		border-bottom:1px dotted #aaa;
	}


	#sbArticle01-4-2 #item02 {
		flex-direction:row-reverse;
	}

	#sbArticle01-4-2 #item05 {
		flex-direction:row-reverse;
	}

	#sbArticle01-4-2 #item08 {
		flex-direction:row-reverse;
	}



/** ============================================================================


	Responsive for tablet


================================================================================ **/



	@media all and (max-width: 1024px) and (min-width:768px) {



		#sbArticle01-4-2 > header h1 {
			max-width:none;
			margin:0;
			padding:0 40% 0 50px;
		}

		#sbArticle01-4-2 > header h1 img {
			max-width:400px;
		}

		#sbArticle01-4-2 > header h2 {
			padding:0 40% 0 130px;
		}



		/* Person Common --------------------------------------- */

		#sbArticle01-4-2 .choicesec > header {
			width:90%;
		}

		#sbArticle01-4-2 .choicesec .items {
			margin:50px 0 0 0;
		}



		/* item common ----------------------------------------- */

		#sbArticle01-4-2 .item {
			margin:50px 0 0;
		}



	}



/** ============================================================================


	Responsive for Smart Phone


================================================================================ **/



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


		#sbArticle01-4-2 > header {
			padding:0;
			background-image:none;
		}

		#sbArticle01-4-2 > header .bg {
			display:block;
		}

		#sbArticle01-4-2 > header h1 {
			position:absolute;
			left:5%;
			top:8%;
			width:85%;
			max-width:none;
			margin:0;
			padding:0;
		}

		#sbArticle01-4-2 > header h1 img {
			max-width:470px;
		}

		#sbArticle01-4-2 > header h2 {
			width:auto;
			max-width:none;
			margin:30px 20px 0;
			padding:0 0 30px;
			text-align:left;
			font-size:16px;
		}

		#sbArticle01-4-2 > header h2 br {
			display:none;
		}

		#sbArticle01-4-2 .lead {
			margin:40px 40px 0;
		}



		/* Person Common --------------------------------------- */

		#sbArticle01-4-2 .choicesec > header {
			display:block;
			width:auto;
			max-width:none;
			margin:0;
		}

		#sbArticle01-4-2 .choicesec > header .image {
			width:auto;
			text-align:center;
		}

		#sbArticle01-4-2 .choicesec > header .text {
			width:auto;
			padding:20px 20px 0;
		}

		#sbArticle01-4-2 .choicesec > header h1 {
			font-size:18px;
			text-align:center;
		}

		#sbArticle01-4-2 .choicesec > header h1 strong {
			font-size:22px;
		}

		#sbArticle01-4-2 .choicesec .items {
			margin:40px 0 0 0;
		}

		#sbArticle01-4-2 .choicesec .arrowLink {
			text-align:right;
		}



		/* item common ----------------------------------------- */

		#sbArticle01-4-2 .item {
			display:block;
			margin:50px 0 0;
		}

		#sbArticle01-4-2 .item .image {
			width:auto;
			text-align:center;
		}

		#sbArticle01-4-2 .item .text {
			width:auto;
			margin:0 20px;
			padding:0;
		}

		#sbArticle01-4-2 .item h3 {
			margin:10px 0 0 0;
			font-size:18px;
			line-height:1.3;
		}

		#sbArticle01-4-2 .item h3 strong {
			font-size:22px;
		}



	}



/** ================================================================================================


	4-3. ひとつのリングができるまで


==================================================================================================== **/



	/* Header ---------------------------------------------- */

	#sbArticle01-4-3 > header {
		display:block;
		color:#ffffff;
	}

	#sbArticle01-4-3 > header .hvSlider.fade .screen {
		height:calc( 100vh - 250px );
		padding:0;
	}

	#sbArticle01-4-3 > header .hvSlider .pointer ul {
		flex-wrap:nowrap;
	}

	#sbArticle01-4-3 > header .hvSlider .pointer li[rel] {
		width:15%;
	}

	#sbArticle01-4-3 > header .hvSlider .pointer li[rel] a {
/*		height:100px; */
		width:100%;
		height:auto;
		padding:0 0 50% 0;
	}



	/* Header ---------------------------------------------- */


	#sbArticle01-4-3 > header h1 {
		position:absolute;
		left:10%;
		bottom:30%;
		width:30%;
		z-index:100;
		text-align:center;
	}

	#sbArticle01-4-3 > header h1 svg {
		width:100%;
		max-width:390px;
	}
	#sbArticle01-4-3 > header h1 svg .st0{fill:#FFFFFF;}
	#sbArticle01-4-3 > header h1 svg .st1{fill:#D7C2DD;}



	#sbArticle01-4-3 > header .scroll {
		left:25%;
		top:72%;
		margin:0 0 0 -22px;
	}



	/* Lead ------------------------------------------------ */

	#sbArticle01-4-3 .lead {
	    width: 80%;
	    max-width: 900px;
	    margin: 80px auto 0;
		padding:10px 30px 30px;
		box-sizing:border-box;
	}

	#sbArticle01-4-3 .lead::before,
	#sbArticle01-4-3 .lead::after {
		content:"";
		display:block;
		position:absolute;
		width:50px;
		height:50px;
		margin:0;
		padding:0;
		border:1px solid #aaaaaa;
	}
	#sbArticle01-4-3 .lead::before { top   :0; left :0; border-right:0; border-bottom:0; }
	#sbArticle01-4-3 .lead::after  { top:auto; bottom:0; right:0; border-top:0; border-left:0; }



	/* Design, Craftmanship Common ------------------------- */


	#sbArticle01-4-3 .interview {
	}

	#sbArticle01-4-3 .interview .image {
		display:block;
		position:absolute;
		left:0;
		top:40px;
		width:50%;
		height:calc( 100% - 40px );
		margin:0;
		padding:0;

		background-position:center top;
		background-repeat:no-repeat;
		background-size:auto 100%;

		border-radius:10px;
	}

	#sbArticle01-4-3 .interview .image img {
		display:none;
	}



	#sbArticle01-4-3 .interview > header {
		display:block;
		position:relative;
		margin:0;
		padding:0;
		z-index:100;
	}

	#sbArticle01-4-3 .interview > header h1 {
		margin:0;
		padding:0;
		text-align:center;
	}

	#sbArticle01-4-3 .interview > header h1 img {
		vertical-align:bottom;
	}

	#sbArticle01-4-3 .interview .detail {
		display:block;
		position:relative;
		width:45%;
		margin:0 0 0 55%;
		padding:0;
		box-sizing:border-box;
	}

	#sbArticle01-4-3 .interview .detail h2 {
		margin:0;
		padding:0;
		font-size:20px;
		font-weight:300;
	}


	#sbArticle01-4-3 .interview .subs {
		display:block;
		position:relative;
		width:45%;
		margin:20px 0 0 55%;
		padding:0;
	}

	#sbArticle01-4-3 .interview .hvSlider.fade.subs .screen {
		padding:0 0 66.66%;
	}

	#sbArticle01-4-3 .interview .hvSlider.fade.subs .screen > ul > li {
		border-radius:10px;
	}



	/* Design ---------------------------------------------- */

	#sbArticle01-4-3 #design > header h1 img {
		width:410px;
	}

	#sbArticle01-4-3 #design .image {
		background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/01/img/4-3-designer_bg.jpg);
	}



	/* Craftsmanship --------------------------------------- */


	#sbArticle01-4-3 #craftsman {
	}

	#sbArticle01-4-3 #craftsman .image {
		left:auto;
		right:0;
		top:40px;
		height:calc( 100% - 40px );
		background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/01/img/4-3-craftsman_bg.jpg);
	}

	#sbArticle01-4-3 #craftsman > header h1 {
	}

	#sbArticle01-4-3 #craftsman > header h1 img {
		width:484px;
	}

	#sbArticle01-4-3 #craftsman .detail {
		margin:20px 0 0 0;
	}

	#sbArticle01-4-3 #craftsman .subs {
		margin:20px 0 0 0;
	}


	#sbArticle01-4-3 .limage {
		display:block;
		position:relative;
		margin:150px 0 0;
		padding:0;
	}

	#sbArticle01-4-3 .limage .hvSlider.fade .screen {
		padding:0 0 66.66%;
	}



	#sbArticle01-4-3 .item {
		display:block;
		position:relative;
		width:calc( 100% - 100px );
		max-width:1200px;
		margin:100px auto 0;
		padding:0;
	}
	#sbArticle01-4-3 .item::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


	#sbArticle01-4-3 .item > header {
		display:block;
		position:relative;
		float:left;
		width:48%;
		margin:0;
		padding:0;
	}

	#sbArticle01-4-3 .item > header > img {
		display:block;
		width:60%;
		margin:0 auto;
		padding:0;
	}

	#sbArticle01-4-3 .item > header h1 {
		margin:20px 0 0 0;
		padding:0;
		text-align:center;
	}

	#sbArticle01-4-3 .item > header h2 {
		margin:20px 0 0 0;
		padding:0;
		font-size:18px;
		font-weight:300;
		line-height:1.6;
		text-align:center;
	}

	#sbArticle01-4-3 .item > header h2 br {
		display:none;
	}



	#sbArticle01-4-3 .item .image {
		display:block;
		position:relative;
		float:right;
		width:48%;
		margin:200px 0 0 0;
		padding:0;
	}

	#sbArticle01-4-3 .item .image .hvSlider.fade .screen {
		height:auto;
		padding:0 0 66.6%;
	}

	#sbArticle01-4-3 .item .image .hvSlider.fade .screen > ul > li img {
		border-radius:10px;
	}


	#sbArticle01-4-3 .item .detail {
		clear:left;
		float:left;
		display:block;
		position:relative;
		width:48%;
		margin:50px 0 0 0;
		padding:30px;
		box-sizing:border-box;
		border-radius:10px;

		color:#ffffff;
	}

	#sbArticle01-4-3 .item .arrowLink {
		display:block;
		position:relative;
		float:right;
		width:47%;
		margin:50px 0 0 0;
		padding:5px 0 5px 10px;
		text-align:left;
		line-height:1.8;
	}






	#sbArticle01-4-3 #stargazer > header h1 img {
		max-width:284px;
	}

	#sbArticle01-4-3 #stargazer .detail {
		margin:30px 0 0 0;
		padding-bottom:60px;
		background-position:center bottom;
		background-size:cover;
		background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/01/img/4-3-stargazer_bg.jpg);
	}



	#sbArticle01-4-3 #rainbow > header {
		float:right;
	}

	#sbArticle01-4-3 #rainbow > header h1 img {
		max-width:242px;
	}

	#sbArticle01-4-3 #rainbow .image {
		float:left;
	}


	#sbArticle01-4-3 #rainbow .detail {
		clear:right;
		float:right;
		background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/01/img/4-3-rainbow_bg.jpg);
		background-position:right bottom;
		background-size:cover;
	}

	#sbArticle01-4-3 #rainbow .arrowLink {
		clear:left;
		float:left;
		text-align:right;
	}



/*
	#sbArticle01-4-3 #rainbow .links li {
		text-align:right;
	}
*/





/** ============================================================================


	Responsive for tablet


================================================================================ **/



	@media all and (max-width: 1024px) and (min-width:768px) {



		#sbArticle01-4-3 > header .hvSlider.fade .screen {
			height:auto;
			padding:0 0 66.6% 0;
		}



	}



/** ============================================================================


	Responsive for Smart Phone


================================================================================ **/



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




		/** 1ページ目 ---------------------------------------------------------- **/

		#sbArticle01-4-3 {
			font-size:12px;
		}



		/* Header ------------------------------------------ */

		#sbArticle01-4-3 > header .hvSlider.fade .screen {
			height:auto;
			padding:0 0 100% 0;
		}

		#sbArticle01-4-3 > header .hvSlider .pointer li[rel] {
			width:15%;
		}

		#sbArticle01-4-3 > header .hvSlider .pointer li[rel] a {
			height:auto;
			padding:0 0 100% 0;
		}

		#sbArticle01-4-3 > header h1 {
			display:block;
			position:relative;
			left:auto;
			bottom:auto;
			width:auto;
			margin:30px 20px 0;
			padding:0 0 30px;
		}
		#sbArticle01-4-3 > header h1 svg .st0{fill:#000000;}

		#sbArticle01-4-3 > header .scroll {
			display:none;
		}



		/* Lead -------------------------------------------- */

		#sbArticle01-4-3 .lead {
			width:auto;
			max-width:none;
			margin:30px 20px 0;
			padding:5px 10px;
	
			font-size:14px;
			line-height:1.8;
		}

		#sbArticle01-4-3 .lead::before,
		#sbArticle01-4-3 .lead::after {
			width:30px;
			height:30px;
		}



		/* Design, Craftmanship Common --------------------- */


		#sbArticle01-4-3 .interview {
			padding:0;
		}

		#sbArticle01-4-3 .interview > header {
			margin:0 30px;
		}

		#sbArticle01-4-3 .interview .image {
			position:relative;
			left:auto;
			top:auto;
			width:auto;
			height:auto;
			margin:-10px 0 0 0;
		}

		#sbArticle01-4-3 .interview .image img {
			display:block;
			border-radius:10px;
		}

		#sbArticle01-4-3 .interview .detail {
			width:auto;
			margin:20px 20px 0;
		}

		#sbArticle01-4-3 .interview .detail h2 {
			font-size:16px;
		}


		#sbArticle01-4-3 .interview .subs {
			width:auto;
			margin:20px 0 0;
			padding:0;
		}



		/* Design ---------------------------------------------- */

		#sbArticle01-4-3 #design > header h1 img {
			max-width:100%;
			width:auto;
		}



		/* Craftsmanship ---------------------------------------------- */

	
		#sbArticle01-4-3 #craftsman {
		}

		#sbArticle01-4-3 #craftsman .image {
			right:auto;
			top:auto;
			height:auto;
		}

		#sbArticle01-4-3 #craftsman > header h1 img {
			width:auto;
			max-width:100%;
		}

		#sbArticle01-4-3 #craftsman .detail {
			margin:20px 20px 0;
		}

		#sbArticle01-4-3 #craftsman .subs {
			margin:20px 0 0 0;
		}



	/** 2ページ目 -------------------------------------------------------------- **/



		#sbArticle01-4-3 {
			margin:0;
		}


		#sbArticle01-4-3 .item {
			width:auto;
			max-width:none;
			margin:100px 20px 0;
		}

		#sbArticle01-4-3 .item > header {
			float:none;
			width:auto;
		}

		#sbArticle01-4-3 .item > header > img {
			float:none;
			display:block;
			width:70%;
			margin:0 auto;
		}

		#sbArticle01-4-3 .item > header h1 {
			float:none;
			width:auto;
			text-align:center;
		}

		#sbArticle01-4-3 .item > header h2 {
		}

		#sbArticle01-4-3 .item > header h2 br {
			display:inline;
		}

		#sbArticle01-4-3 .item .image {
			float:none;
			width:auto;
			margin:20px 0 0 0;
		}

		#sbArticle01-4-3 .item .detail {
			float:none;
			width:auto;
			margin:20px 0 0 0;
			padding:10px;
		}

		#sbArticle01-4-3 .item .arrowLink {
			float:none;
			width:auto;
			margin:20px 0 0 0;
			padding:0;
			text-align:right;
		}


		#sbArticle01-4-3 #stargazer .detail {
			margin:20px 0 0 0;
		}



		#sbArticle01-4-3 #rainbow > header {
			float:none;
		}

		#sbArticle01-4-3 #rainbow .image {
			float:none;
		}

		#sbArticle01-4-3 #rainbow .detail {
			float:none;
		}

		#sbArticle01-4-3 #rainbow .arrowLink {
			float:none;
		}



	}



/** ================================================================================================


	5-1. Trend Tips


==================================================================================================== **/



	/* Header ---------------------------------------------- */


	#sbArticle01-5-1 > header {
		display:flex;
		flex-direction:row-reverse;
		align-items:stretch;
		width:calc( 100% - 100px );
/*
		max-width:none;
*/
/*		max-width:1200px; */
		margin:0 auto;
		padding:0;
	}


	#sbArticle01-5-1 > header .images {
		position:relative;
		width:50%;
		margin:0;
		padding:0;
		box-sizing:border-box;
	}

	#sbArticle01-5-1 > header .images ul {
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;
		align-items:stretch;

		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
	}

	#sbArticle01-5-1 > header .images li {
		width:33.33%;
		height:50%;
		box-sizing:border-box;

		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		border-left:1px solid #ffffff;
		border-bottom:1px solid #ffffff;
	}

	#sbArticle01-5-1 > header .images li:nth-of-type(1) { background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/01/img/5-1-trend3-4.jpg); }
	#sbArticle01-5-1 > header .images li:nth-of-type(2) { background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/01/img/5-1-trend3-5.jpg); }
	#sbArticle01-5-1 > header .images li:nth-of-type(3) { background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/01/img/5-1-trend2-1.jpg); }
	#sbArticle01-5-1 > header .images li:nth-of-type(4) { background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/01/img/5-1-trend1-4.jpg); }
	#sbArticle01-5-1 > header .images li:nth-of-type(5) { background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/01/img/5-1-trend1-7.jpg); }
	#sbArticle01-5-1 > header .images li:nth-of-type(6) { background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/01/img/5-1-trend2-5.jpg); }

	#sbArticle01-5-1 > header .text {
		width:50%;
		margin:0;
		padding:100px 20px 100px 50px;
		box-sizing:border-box;
		border:10px solid #f5f5f5;
	}

	#sbArticle01-5-1 > header h1 img {
		max-width:310px;
	}

	#sbArticle01-5-1 > header .lead {
		width:auto;
		max-width:none;
		margin:30px 0 0 0;
		padding:0;
	}



	/* 教えてくれる人 -------------------------------------- */

	#sbArticle01-5-1 #teachersec {
		max-width:800px;
		margin:50px auto 0;
	}

	#sbArticle01-5-1 #teachersec dl {
		display:flex;
		flex-direction:row;
		align-items:center;
	}

	#sbArticle01-5-1 #teachersec dt {
		width:40%;
		box-sizing:border-box;
		text-align:center;
	}

	#sbArticle01-5-1 #teachersec dd {
		width:60%;
		padding:0 0 0 20px;
		box-sizing:border-box;
	}



	/* Trend Common ---------------------------------------- */

	#sbArticle01-5-1 .trend {
	}

	#sbArticle01-5-1 .trend .text {
		width:90%;
		max-width:950px;
		margin:0 auto;
		padding:80px 0 0 0;
		border-top:2px dotted #888888;
	}
	#sbArticle01-5-1 .trend .text::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

	#sbArticle01-5-1 .trend header {
		float:left;
		width:60%;
		margin:0;
		text-align:center;
	}

	#sbArticle01-5-1 .trend header h1 {
		position:relative;
		padding:0 0 20px 0;
	}

	#sbArticle01-5-1 .trend header h1 img {
		max-width:144px;
		vertical-align:bottom;
	}
	#sbArticle01-5-1 .trend header h1::after {
		content:"";
		display:block;
		position:absolute;
		left:50%;
		bottom:0;
		width:40px;
		height:2px;
		margin:0 0 0 -20px;
		padding:0;
		background-color:#000000;
	}

	#sbArticle01-5-1 .trend header h2 {
		margin:10px 0 0 0;
		font-size:18px;
		font-weight:300;
	}

	#sbArticle01-5-1 .trend .image {
		float:right;
		width:30%;
		margin:0 5% 0 0;
		padding:0;
		transform:rotate(3deg);
		font-size:12px;
		color:#888888;
	}
	#sbArticle01-5-1 .trend .image img {
		vertical-align:bottom;
	}

	#sbArticle01-5-1 .trend .detail {
		clear:left;
		float:left;
		width:60%;
		margin:10px 0 0 0;
	}

	#sbArticle01-5-1 .trend .images {
		margin:30px 0 0 0;
	}


	/* even */
	#sbArticle01-5-1 .trend:nth-of-type(odd) header {
		float:right;
	}

	#sbArticle01-5-1 .trend:nth-of-type(odd) .image {
		float:left;
		margin:0 0 0 5%;
		transform:rotate(-3deg);
	}

	#sbArticle01-5-1 .trend:nth-of-type(odd) .detail {
		clear:right;
		float:right;
	}



	/* each trend ------------------------------------------ */

	#sbArticle01-5-1 #trend01 {
		margin:50px auto 0;
	}

	#sbArticle01-5-1 .trend .hvSlider .screen > ul > li {
		width:0.25%;			/* 4枚見える想定 */
		padding:0 1px;
		box-sizing:border-box;
		font-size:12px;
		color:#888888;
	}

	#sbArticle01-5-1 .trend .hvSlider .screen > ul > li img {
		vertical-align:bottom;
	}



	/* Column ---------------------------------------------- */

	#sbArticle01-5-1 #column {
	}

	#sbArticle01-5-1 #column .text {
		width:90%;
		max-width:950px;
		margin:0 auto;
		padding:80px 0 0 0;
		border-top:2px solid #cccccc;
	}
	#sbArticle01-5-1 #column .text::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


	#sbArticle01-5-1 #column header {
		float:left;
		width:60%;
		margin:0;
		text-align:left;
	}

	#sbArticle01-5-1 #column header h1 {
		position:relative;
		padding:0 0 20px 0;
	}

	#sbArticle01-5-1 #column header h1 img {
		width:92px;
		max-width:135px;
		vertical-align:bottom;
	}
	#sbArticle01-5-1 #column header h1::after {
		content:"";
		display:block;
		position:absolute;
		left:0;
		bottom:0;
		width:40px;
		height:2px;
		margin:0;
		padding:0;
		background-color:#662f76;
	}

	#sbArticle01-5-1 #column header h2 {
		margin:10px 0 0 0;
		font-size:18px;
		font-weight:300;
	}

	#sbArticle01-5-1 #column .image {
		float:right;
		width:35%;
	}
	#sbArticle01-5-1 #column .image img {
		vertical-align:bottom;
	}

	#sbArticle01-5-1 #column .detail {
		clear:left;
		float:left;
		width:60%;
		margin:10px 0 0 0;
	}


	#sbArticle01-5-1 #column .items {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content: center;
		margin:0;
		
	}

	#sbArticle01-5-1 #column .item {
		width:27.3%;
		margin:50px 3% 0;
		box-sizing:border-box;
		text-align:center;
	}

	#sbArticle01-5-1 #column .item dt {
		font-family:"Cormorant Garamond", Serif;
		font-weight:500px;
		font-size:20px;
		letter-spacing:0.1em;
	}


	#sbArticle01-5-1 #column .item dt img {
		display:block;
		margin:0 auto 10px;
	}




	#sbArticle01-5-1 #column .item dd {
		margin:20px 0 0 0;
		font-size:12px;
	}

	#sbArticle01-5-1 #column .item.item01,
	#sbArticle01-5-1 #column .item.item02 {
		width:40%;
	}


	#sbArticle01-5-1 #column .arrowLink {
		margin:30px 0 0 0;
	}




	/* Magazine -------------------------------------------- */

	#sbArticle01-5-1 #magazine {
		width:100%;
		max-width:none;
		padding:10px 0;
		background-color:#f0f2f0;
	}


	#sbArticle01-5-1 #magazine h3 {
		font-size:16px;
		font-weight:300;
		letter-spacing:0.05em;
	}

	#sbArticle01-5-1 #magazine dl {
		width:calc( 100% - 100px );
		max-width:1200px;
		margin:0 auto;
		padding:0;
		text-align:center;
	}


	#sbArticle01-5-1 #magazine dt {
		display:inline-block;
		vertical-align:middle;
		letter-spacing:normal;
		text-align:center;
		width:40%;
		margin:0;
		padding:0;
	}
	#sbArticle01-5-1 #magazine dt img {
		vertical-align:bottom;
	}


	#sbArticle01-5-1 #magazine dd {
		display:inline-block;
		vertical-align:middle;
		letter-spacing:normal;
		text-align:left;
		width:50%;
		margin:0;
		padding:0;
	}



/** ============================================================================


	Responsive for tablet


================================================================================ **/



	@media all and (max-width: 1024px) and (min-width:768px) {



		/* Header ---------------------------------------------- */


		#sbArticle01-5-1 > header {
			width:auto;
			margin:0;
		}



		/* 教えてくれる人 -------------------------------------- */

		#sbArticle01-5-1 #teachersec {
			width:auto;
			margin:50px 60px 0;
		}



		/* Trend Common ---------------------------------------- */

		#sbArticle01-5-1 .trend .text {
			width:auto;
			max-width:none;
			padding:80px 0 0 0;
		}



		/* each trend ------------------------------------------ */

		#sbArticle01-5-1 #trend01 {
			margin:50px auto 0;
		}

		#sbArticle01-5-1 .trend .hvSlider .screen > ul > li {
			width:0.33%;			/* 1枚見える想定 */
		}


		/* Column ---------------------------------------------- */

		#sbArticle01-5-1 #column {
		}

		#sbArticle01-5-1 #column .text {
			width:auto;
			max-width:none;
			margin:0;
		}

		#sbArticle01-5-1 #column .image {
			margin:-5% 0 0 0;
		}
	
		#sbArticle01-5-1 #column .detail {
			clear:both;
			float:none;
			width:auto;
			margin:0;
			padding:30px 0 0 0;
		}

		#sbArticle01-5-1 #column .detail .arrowLink {
			text-align:right;
		}



		/* Magazine -------------------------------------------- */

		#sbArticle01-5-1 #magazine {
			width:100%;
			max-width:none;
			padding:10px 0;
		}



	}



/** ============================================================================


	Responsive for Smart Phone


================================================================================ **/



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


		/* Header ---------------------------------------------- */


		#sbArticle01-5-1 > header {
			display:block;
			width:auto;
			margin:0
		}

		#sbArticle01-5-1 > header .images {
			position:relative;
			width:100%;
			padding:0 0 100%;
		}

		#sbArticle01-5-1 > header .text {
			width:auto;
			padding:20px;
		}



		/* 教えてくれる人 -------------------------------------- */

		#sbArticle01-5-1 #teachersec {
			max-width:none;
			margin:40px 40px 0;
		}
	
		#sbArticle01-5-1 #teachersec dl {
			display:block;
		}

		#sbArticle01-5-1 #teachersec dt {
			width:auto;
		}

		#sbArticle01-5-1 #teachersec dd {
			width:auto;
			margin:20px 0 0 0;
			padding:0;
		}



		/* Trend Common ---------------------------------------- */

		#sbArticle01-5-1 .trend {
			margin:50px 20px 0;
		}

		#sbArticle01-5-1 .trend .text {
			width:auto;
			max-width:none;
			margin:0;
			padding:50px 0 0 0;
		}

		#sbArticle01-5-1 .trend header {
			float:none;
			width:auto;
		}

		#sbArticle01-5-1 .trend header h2 {
			font-size:16px;
		}

		#sbArticle01-5-1 .trend .image {
			float:none;
			width:auto;
			margin:20px 10% 0;
			padding:0;
		}

		#sbArticle01-5-1 .trend .detail {
			float:none;
			width:auto;
			margin:20px 0 0 0;
		}

		#sbArticle01-5-1 .trend .images {
		    margin: 30px 0 0;
		}

		/* even */
		#sbArticle01-5-1 .trend:nth-of-type(odd) header {
			float:none;
		}

		#sbArticle01-5-1 .trend:nth-of-type(odd) .image {
			float:none;
			margin:20px 10% 0;
		}

		#sbArticle01-5-1 .trend:nth-of-type(odd) .detail {
			float:none;
			margin:20px 0 0 0;
		}



		/* each trend ------------------------------------------ */

		#sbArticle01-5-1 #trend01 {
			margin:50px 20px 0;
		}

		#sbArticle01-5-1 .trend .hvSlider .screen > ul > li {
			width:1%;
		}



		/* Column ---------------------------------------------- */

		#sbArticle01-5-1 #column .text {
			width:auto;
			max-width:none;
			margin:0;
			padding:50px 0 0 0;
		}

		#sbArticle01-5-1 #column header {
			float:none;
			width:auto;
		}

		#sbArticle01-5-1 #column header h1 {
			position:relative;
			padding:0 0 20px 0;
		}

		#sbArticle01-5-1 #column header h2 {
			font-size:16px;
		}

		#sbArticle01-5-1 #column .image {
			float:none;
			width:auto;
			margin:20px 5% 0;
			text-align:center;
		}

		#sbArticle01-5-1 #column .detail {
			float:none;
			width:auto;
			margin:20px 0 0 0;
		}

		#sbArticle01-5-1 #column .items {
			display:block;
			margin:0;
		}

		#sbArticle01-5-1 #column .item {
			width:auto;
			margin:20px 20px 0;
		}

	#sbArticle01-5-1 #column .item dt {
		font-family:"Cormorant Garamond", Serif;
		font-weight:500px;
		font-size:20px;
		letter-spacing:0.1em;
	}


	#sbArticle01-5-1 #column .item dt img {
		display:block;
		margin:0 auto 10px;
	}




	#sbArticle01-5-1 #column .item dd {
		margin:20px 0 0 0;
		font-size:12px;
	}

	#sbArticle01-5-1 #column .item.item01,
	#sbArticle01-5-1 #column .item.item02 {
		width:auto;
	}


	#sbArticle01-5-1 #column .arrowLink {
		margin:30px 0 0 0;
	}

	#sbArticle01-5-1 #column .arrowLink a {
		text-align:left;
	}




	/* Magazine -------------------------------------------- */

		#sbArticle01-5-1 #magazine {
			width:auto;
			max-width:none;
			margin:50px 0 0 0;
			padding:20px 40px;
		}

	#sbArticle01-5-1 #magazine h3 {
		font-size:16px;
		font-weight:300;
		letter-spacing:0.05em;
	}

		#sbArticle01-5-1 #magazine dl {
			width:auto;
			max-width:none;
			margin:0;
		}

		#sbArticle01-5-1 #magazine dt {
			display:block;
			width:auto;
			margin:0 10%;
		}

		#sbArticle01-5-1 #magazine dd {
			display:block;
			width:auto;
			margin:10px 0 0;
		}


	}