@charset utf-8;



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



	Star Brides 2019 AUTUMN Issue.02 CSS

	@vertion 1.0   2019.7.11 New



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



@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,400i,500,500i,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/slider.css);



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


	2-1 #Love of the Eternity


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



	#sbArticle02-2-1 {
	}



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


	#sbArticle02-2-1 > header {
	}

	#sbArticle02-2-1 > header .bg {
	}

	#sbArticle02-2-1 > header .bg img {
		width:100%;
		max-width:none;
		vertical-align:bottom;
	}

	#sbArticle02-2-1 > header h1 {
		display:block;
		position:absolute;
		left:30%;
		top:70%;
		width:40%;
		margin:0;
		padding:0;
	}

	#sbArticle02-2-1 > header h1 img {
		width:100%;
		max-width:none;
		vertical-align:bottom;
	}

	#sbArticle02-2-1 > header .scroll {
		top:80%;
		left:40%;
		width:20%;
		color:#582e85;
	}

	#sbArticle02-2-1 > header .scroll::after {
		border-color:#582e85;
		border-left-color:transparent;
		border-top-color:transparent;
	}



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

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



	/* 	永遠のしるし --------------------------------------- */

	#sbArticle02-2-1 #section01 {
	    margin: 80px auto 0;
	}

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

	#sbArticle02-2-1 #section01 > header h1 span {
		display:inline-block;
		position:relative;
		margin:0;
		padding:0 40px;
	}
	#sbArticle02-2-1 #section01 > header h1 span::before {
		content:"“";
		display:block;
		position:absolute;
		left:0;
		top:0;
		margin:0;
		padding:0;

		line-height:1;
		font-size:70px;
		color:#d7c9e2;
	}
	#sbArticle02-2-1 #section01 > header h1 span::after {
		content:"”";
		display:block;
		position:absolute;
		right:0;
		top:0;
		margin:0;
		padding:0;

		line-height:1;
		font-size:70px;
		color:#d7c9e2;
	}

	#sbArticle02-2-1 #section01 .lead {
		text-align:center;
		margin:20px auto 0;
		font-size:18px;
		line-height:2;
	}

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

	#sbArticle02-2-1 #section01 .movie .ytVideo {
		display:block;
		position:relative;
		width:100%;
		margin:0;
		padding:0 0 56.25%;
	}

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



/** メッセージ ------------------------------------------------------------------- **/


	#sbArticle02-2-1 #message > header {
		width:auto;
		max-width:600px;
		margin:0 auto;
	}

	#sbArticle02-2-1 #message > header h1 {
		font-size:25px;
		font-weight:300;
	}

	#sbArticle02-2-1 #message > header h2 {
		font-size:25px;
		font-weight:300;
	}

	#sbArticle02-2-1 #message > header h2 br {
		display:none;
	}

	#sbArticle02-2-1 #message > header h2 span {
		color:#d4c0da;
	}

	#sbArticle02-2-1 #message > header p {
		text-align:left;
		font-size:16px;
		line-height:2;
	}






/** 商品　------------------------------------------------------------------------ **/

	#sbArticle02-2-1 .storySection {
		display:flex;
		flex-direction:row-reverse;
		align-items:center;

		position:relative;
		margin:100px 0 0 0;
		padding:0;
	}



	#sbArticle02-2-1 .storySection .images {
		position:relative;
		width:60%;
		margin:0;
		padding:20px 0 0 20px;
		box-sizing:border-box;
	}

	#sbArticle02-2-1 .storySection .bg {
		display:block;
		position:absolute;
		left:0;
		top:0;
		width:calc( 100% - 20px );
		margin:0;
		padding:0 0 calc( 100% - 20px ) 0;
		z-index:1;
	}

	#sbArticle02-2-1 .storySection .hevizSlider {
		display:block;
		position:relative;
		z-index:2;
	}

	#sbArticle02-2-1 .storySection .hevizSlider.crossfade .screen {
	    width: 100%;
	    overflow: visible;
	    overflow-x: visible;
	    overflow-y: visible;
	}

	#sbArticle02-2-1 .storySection .hevizSlider.crossfade .screen > ul > li {
		width:100%;
	    height: auto;
		background-color:transparent;
	}

	#sbArticle02-2-1 .storySection .hevizSlider.crossfade .screen > ul > li img {
		width:100%;
		max-width:none;
		vertical-align:bottom;
	}

	#sbArticle02-2-1 .storySection .images .cap {
		margin:10px 23% 0;
	}



	#sbArticle02-2-1 .storySection .text {
		position:relative;
		width:40%;
		margin:0;
		padding:0 0 0 5%;
		box-sizing:border-box;
	}


	#sbArticle02-2-1 .storySection header h2 {
		margin:0;
		padding:0;
		font-family:"Cormorant Garamond";
		font-weight:500;
		font-size:40px;
		line-height:1;
		color:#aaaaaa;
	}

	#sbArticle02-2-1 .storySection header h1 {
		margin:0;
		padding:0;
		font-family:"Cormorant Garamond";
		font-weight:500;
		font-size:22px;
		letter-spacing:0.1em;
		line-height:1.2;
	}

	#sbArticle02-2-1 .storySection header h1 strong {
		font-weight:500;
		font-size:30px;
	}

	#sbArticle02-2-1 .storySection header h3 {
		margin:10px 0 0 0;
		padding:0;
		font-size:24px;
		font-weight:300;
		line-height:1.5;
	}


	#sbArticle02-2-1 .storySection .arrowLink {
		margin:30px 0 0 0;
		text-align:right;
	}





	#sbArticle02-2-1 #story01 .bg {
		background-color:#ebe9f1;
	}
/*	#sbArticle02-2-1 #story01 header h2 { color:#ebe9f1; } */
	#sbArticle02-2-1 #story01 header h1 { color:#bea8c6; }


	#sbArticle02-2-1 #story02 {
		flex-direction:row;
	}


	#sbArticle02-2-1 #story02 .text {
		padding:0 5% 0 0;
	}

	#sbArticle02-2-1 #story02 .bg {
		background-color:#f0e2ec;
	}
/*	#sbArticle02-2-1 #story02 header h2 { color:#e8eeef; } */
	#sbArticle02-2-1 #story02 header h1 { color:#deb9d2; }




	#sbArticle02-2-1 #story03 .bg {
		background-color:#f4e4ea;
	}
/*	#sbArticle02-2-1 #story03 header h2 { color:#f6e8ea; } */
	#sbArticle02-2-1 #story03 header h1 { color:#e4bcca; }






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


	Responsive for tablet


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



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



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

		#sbArticle02-2-1 > header h1 {
			left:20%;
			width:60%;
		}

		#sbArticle02-2-1 > header .scroll {
			display:none;
		}



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



	/* 	永遠のしるし --------------------------------------- */

		#sbArticle02-2-1 #section01 > header h1 {
			margin:0;
			padding:0;
			font-size:35px;
		}
	
		#sbArticle02-2-1 #section01 .lead {
			width:90%;
		}



	/** メッセージ ------------------------------------------ **/

		#sbArticle02-2-1 #message > header {
			max-width:none;
			margin:0 40px;
		}



	/** 商品　---------------------------------------------- **/

		#sbArticle02-2-1 .storySection {
			display:flex;
			flex-direction:row-reverse;
			align-items:center;
	
			position:relative;
			margin:100px 0 0 0;
			padding:0;
		}

		#sbArticle02-2-1 .storySection .images {
			width:50%;
		}

		#sbArticle02-2-1 .storySection .images .cap {
			margin:10px 10% 0;
		}

		#sbArticle02-2-1 .storySection .text {
			width:50%;
		}

		#sbArticle02-2-1 .storySection header h3 {
			font-size:20px;
		}


	}



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


	Responsive for Smart Phone


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



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



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

		#sbArticle02-2-1 > header .bg {
			display:block;
			position:relative;
			width:100%;
			margin:0;
			padding:0 0 100% 0;
			overflow:hidden;
		}

		#sbArticle02-2-1 > header .bg img {
			display:block;
			position:absolute;
			left:-39%;
			top:0;
			width:auto;
			height:100%;
			margin:0;
			padding:0;
		}

		#sbArticle02-2-1 > header h1 {
			left:10%;
			top:70%;
			width:80%;
		}

		#sbArticle02-2-1 > header .scroll {
			display:none;
		}



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


		#sbArticle02-2-1 .credit {
			width:auto;
			max-width:none;
			margin:20px 20px 0;
		}

		#sbArticle02-2-1 .credit li {
			text-align:right;
		}



		/* 	永遠のしるし --------------------------------------- */

		#sbArticle02-2-1 #section01 {
		    margin: 40px 20px 0;
		}

		#sbArticle02-2-1 #section01 > header h1 {
			margin:0;
			padding:0;
			font-size:30px;
		}

		#sbArticle02-2-1 #section01 > header h1 span {
			padding:0 20px;
		}

		#sbArticle02-2-1 #section01 > header h1 span::before,
		#sbArticle02-2-1 #section01 > header h1 span::after {
			font-size:40px;
		}

		#sbArticle02-2-1 #section01 .lead {
			text-align:left;
			margin:20px 20px 0;
			font-size:14px;
			line-height:2;
		}
		#sbArticle02-2-1 #section01 .lead br {
			display:none;
		}

		#sbArticle02-2-1 #section01 .movie {
			margin:20px 0 0 0;
		}



	/** メッセージ ------------------------------------------------------------------- **/


		#sbArticle02-2-1 #message > header {
			width:auto;
			max-width:none;
			margin:0;
		}

		#sbArticle02-2-1 #message > header h1 {
			font-size:18px;
			font-weight:300;
		}

		#sbArticle02-2-1 #message > header h2 {
			font-size:18px;
			font-weight:300;
		}

		#sbArticle02-2-1 #message > header h2 br {
			display:inline;
		}

		#sbArticle02-2-1 #message > header p {
			text-align:left;
			font-size:14px;
			line-height:2;
		}



	/** 商品　------------------------------------------------------------------------ **/

		#sbArticle02-2-1 .storySection {
			display:block;
			position:relative;
			margin:30px 0 0;
		}

		#sbArticle02-2-1 .storySection .images {
			width:100%;
			padding:10px 0 0 10px;
		}

		#sbArticle02-2-1 .storySection .bg {
			width:calc( 100% - 10px );
			padding:0 0 calc( 100% - 10px ) 0;
		}

		#sbArticle02-2-1 .storySection .images .cap {
			margin:10px 5% 0;
		}

		#sbArticle02-2-1 .storySection .text {
			width:auto;
			margin:0 20px;
			padding:0;
		}

		#sbArticle02-2-1 .storySection header h2 {
			font-size:40px;
		}

		#sbArticle02-2-1 .storySection header h1 {
			font-size:22px;
		}

		#sbArticle02-2-1 .storySection header h1 strong {
			font-size:30px;
		}

		#sbArticle02-2-1 .storySection header h3 {
			margin:10px 0 0 0;
			font-size:18px;
		}

		#sbArticle02-2-1 .storySection .arrowLink {
			margin:10px 0 0 0;
		}



	}



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


	3-1 Best Seller Rings


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



	#sbArticle02-3-1 {
	}

	#sbArticle02-3-1 > header {
		display:block;
		position:relative;
		width:calc( 100% - 100px );
		max-width:800px;
		margin:0 auto;
		padding:5% 0 0 0;
        background-color: transparent;
	}

	#sbArticle02-3-1 > header h1 svg {
		max-width:400px;
	}

	#sbArticle02-3-1 > header h1 svg * {
		fill:#5371a0;
	}

	#sbArticle02-3-1 > header h2 {
		margin:0;
	}

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

	#sbArticle02-3-1 .lead {
		width:auto;
		max-width:none;
		margin:20px 0 0 0;
	}



	/* Item Common ----------------------------------------- */

	#sbArticle02-3-1 .itemSection {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		align-items:center;
		max-width:none;
	}

	#sbArticle02-3-1 .itemSection .images {
		position:relative;
		width:70%;
		margin:0;
		padding:0;
		box-sizing:border-box;
		z-index:10;
	}

	#sbArticle02-3-1 .itemSection .images ul {
		margin:0;
		padding:0:
	}

	#sbArticle02-3-1 .itemSection .images li {
		margin:0;
		padding:0:
		list-style-type:none;
	}

	#sbArticle02-3-1 .itemSection .images li.bg {

	}

	#sbArticle02-3-1 .itemSection .images li.ring {
		margin:-10% 0 0 0;
		padding:0;
	}

	#sbArticle02-3-1 .itemSection .images img {
		width:100%;
		veritical-align:bottom;
	}

	#sbArticle02-3-1 .itemSection .text {
		display:block;
		position:relative;
		width:28%;
		margin:0 0 0 2%;
		padding:30px 30px 20px;
		box-sizing:border-box;

		border-left:1px solid #f0f0f0;
		border-top:1px solid #f0f0f0;
		border-right:1px solid #e0e0e0;
		border-bottom:1px solid #e0e0e0;
	}

	#sbArticle02-3-1 .itemSection .text::before,
	#sbArticle02-3-1 .itemSection .text::after {
		content:"";
		display:block;
		position:absolute;
		width:40px;
		height:20px;
		margin:0;
		padding:0;
		background-color:#ffffff;
		border-bottom:1px solid #aaa;
	}

	#sbArticle02-3-1 .itemSection .text::before {
		top:-7px;
		right:-17px;
		transform:rotate(45deg);
		border-bottom-color:#e0e0e0;
	}

	#sbArticle02-3-1 .itemSection .text::after {
		bottom:-7px;
		left:-17px;
		transform:rotate(-135deg);
		border-bottom-color:#d0d0d0;
	}

	#sbArticle02-3-1 .itemSection h2 {
		margin:10px 0 0 0;
		font-weight:300;
		font-size:16px;
	}

	#sbArticle02-3-1 .itemSection h1 svg {
		width:100%;
		height:auto;
	}

	#sbArticle02-3-1 .itemSection h1 svg * {
		fill:#5371a0;
	}

	#sbArticle02-3-1 .itemSection .arrowLink {
		margin:30px 0 0 0;
		text-align:right;
	}



	/* left text ----------------------- */

	#sbArticle02-3-1 .itemSection.left {
		flex-direction:row-reverse;
	}

	#sbArticle02-3-1 .itemSection.left .text {
		margin:0 2% 0 0;
	}



	/* Item01 ----------------------------------------------- */

	#sbArticle02-3-1 #item01 h1 {
		width:70%;
		max-width:230px;
	}


	/* Item02 ----------------------------------------------- */

	#sbArticle02-3-1 #item02 h1 {
		max-width:322px;
	}


	/* Item03 ----------------------------------------------- */

/*
	#sbArticle02-3-1 #item03 .images li.ring {
		margin:-12% 0 0 0;
	}
*/




	#sbArticle02-3-1 #item03 h1 {
		width:50%;
		max-width:170px;
	}



	/* Item04 ----------------------------------------------- */

	#sbArticle02-3-1 #item04 .images li.ring {
		margin:-4% 0 0 0;
	}

	#sbArticle02-3-1 #item04 h1 {
		width:90%;
		max-width:350px;
	}



	/* Item05 ----------------------------------------------- */

	#sbArticle02-3-1 #item05 h1 {
		width:90%;
		max-width:308px;
	}



	/* Scroll Animation ------------------------------------ */



	/* 本体の出し入れ */

	@keyframes itemFadeIn {
		0%   { opacity:0; top:100px; }
		100% { opacity:1; top:0;     }
	}

	@keyframes itemFadeOut {
		0%   { opacity:1; top:0;     }
		100% { opacity:0; top:0;     }
	}

	#sbArticle02-3-1 .itemSection {
		opacity:0;
		top:100px;
	}

	#sbArticle02-3-1 .itemSection.leaveview {
		opacity:0;
		top:100px;
		animation-name: itemFadeOut;
		animation-duration:1s;
		animation-timing-function:linear;
	}

	#sbArticle02-3-1 .itemSection.enterview {
		opacity:1;
		top:0;
		animation-name: itemFadeIn;
		animation-duration:1s;
		animation-timing-function:linear;
	}



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


	Responsive for tablet


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



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


		#sbArticle02-3-1 > header {
			max-width:none;
		}



		/* Item Common ----------------------------------------- */

		#sbArticle02-3-1 .itemSection {
			display:flex;
			flex-direction:row;
			flex-wrap:nowrap;
			align-items:center;
			max-width:none;
		}

		#sbArticle02-3-1 .itemSection .images {
			width:60%;
		}

		#sbArticle02-3-1 .itemSection .text {
			width:38%;
		}



		/* left text ----------------------- */

		#sbArticle02-3-1 .itemSection.left .text {
			margin:0 2% 0 0;
		}

	}



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


	Responsive for Smart Phone


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



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


		#sbArticle02-3-1 > header {
			padding:20% 0 0 0;
		}


		/* Item Common ----------------------------------------- */

		#sbArticle02-3-1 .itemSection {
			display:block;
		}

		#sbArticle02-3-1 .itemSection .images {
			width:auto;
		}

		#sbArticle02-3-1 .itemSection .text {
			width:auto;
			margin:-5% 20px 0;
			padding:40px 30px 20px 30px;
		}

		#sbArticle02-3-1 .itemSection h2 {
			margin:10px 0 0 0;
			font-weight:300;
			font-size:16px;
		}


		/* left text ----------------------- */

		#sbArticle02-3-1 .itemSection.left .text {
			width:auto;
			margin:-5% 20px 0;
		}
	}



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


	3-2 History of Star Jewelry


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



	#sbArticle02-3-2 {
	}

	#sbArticle02-3-2 > header {
		display:block;
		position:relative;
		width:100%;
		margin:0;
		padding:10% 0;

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

	#sbArticle02-3-2 > header .bg {
		display:none;
	}

	#sbArticle02-3-2 > header h1 {
		margin:0 5% 0 62%;
	}

	#sbArticle02-3-2 > header h1 svg {
		max-width:70%;
	}

	#sbArticle02-3-2 > header h1 svg * {
		fill:#ffffff;
	}

	#sbArticle02-3-2 > header h2 {
		margin:10px 5% 0 62%;
	}

	#sbArticle02-3-2 > header .lead {
		width:auto;
		max-width:none;
		margin:10px 5% 0 62%;
		font-size:14px;
	}



	/* box --------------------------------------------------------------------- */



	#sbArticle02-3-2 .box {
		display:block;
		position:relative;
		margin:0;
		padding:0;
	}



	/* section 共通 ------------------------------------------------------------ */


	#sbArticle02-3-2 .historySection {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		position:relative;
		margin:150px auto 0;
		padding:0;
	}


	#sbArticle02-3-2 .historySection header {
		position:relative;
		width:8%;
		margin:0;
		padding:0;
		box-sizing:border-box;
		border-right:1px solid #888888;
	}



	#sbArticle02-3-2 .historySection header h1 {
		margin:0;
		padding:0;
		font-family: 'Sawarabi Mincho', sans-serif;
		font-weight:400;
		font-size:40px;
		line-height:1.1;
	}

	#sbArticle02-3-2 .historySection header h1 span {
		display:block;
		margin:0;
		padding:0;
		text-align:center;
	}

	#sbArticle02-3-2 .historySection header h2 {
		margin:20px 0 0 0;
		padding:0;
		line-height:1.1;
	}

	#sbArticle02-3-2 .historySection header h2 span {
		display:block;
		margin:0;
		padding:0;
		text-align:center;
	}

	#sbArticle02-3-2 .historySection .images {
		position:relative;
		width:44%;
		margin:0 0 0 2%;
		padding:0;
		box-sizing:border-box;
	}

	#sbArticle02-3-2 .historySection .images ul {
		display:block;
		position:relative;
		margin:0;
		padding:0;
	}

	#sbArticle02-3-2 .historySection .images li {
		font-size:12px;
		margin:0 0 10px 0;
	}

	#sbArticle02-3-2 .historySection .images img {
		display:block;
		width:100%;
		vertical-align:bottom;
		margin:0 0 5px 0;
	}


	#sbArticle02-3-2 .historySection .detail {
		position:relative;
		width:42%;
		margin:0 0 0 4%;
		padding:0;
		box-sizing:border-box;
	}

	#sbArticle02-3-2 .historySection .detail p:first-child {
		margin:0 0 1em 0;
	}



	/* 個別 ------------------------------------------------ */

	#sbArticle02-3-2 #history01 .images li:nth-of-type(1) { float:left; width:53%; }
	#sbArticle02-3-2 #history01 .images li:nth-of-type(2) { float:right; width:43%; }
	#sbArticle02-3-2 #history01 .images li:nth-of-type(3) { clear:left; float:left; width:53%; }


	#sbArticle02-3-2 #history02 .images li:nth-of-type(1) { float:left; width:43%; margin-left:10%; }
	#sbArticle02-3-2 #history02 .images li:nth-of-type(2) { float:right; width:43%; }
	#sbArticle02-3-2 #history02 .images li:nth-of-type(3) { clear:left; float:left; width:53%; }

	#sbArticle02-3-2 #history03 .images li:nth-of-type(1) { float:left; width:48%; }
	#sbArticle02-3-2 #history03 .images li:nth-of-type(2) { float:right; width:48%; }
	#sbArticle02-3-2 #history03 .images li:nth-of-type(3) { clear:both; float:left; float:left; width:48%; }
	#sbArticle02-3-2 #history03 .images li:nth-of-type(4) { float:right; width:48%; }

	#sbArticle02-3-2 #history04 .images li:nth-of-type(1) { float:left; width:65%; }
	#sbArticle02-3-2 #history04 .images li:nth-of-type(2) { float:right; width:55%; }














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


	Responsive for tablet


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



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



		/* section 共通 ------------------------------------------------------------ */

		#sbArticle02-3-2 .historySection header {
			width:10%;
		}

		#sbArticle02-3-2 .historySection .images {
			width:20%;
			margin:0 0 0 5%;
		}

		#sbArticle02-3-2 .historySection .detail {
			width:60%;
			margin:0 0 0 5%;
		}


		/* 個別 ------------------------------------------------ */

		#sbArticle02-3-2 #history01 .images li:nth-of-type(1) { float:none; width:auto; }
		#sbArticle02-3-2 #history01 .images li:nth-of-type(2) { float:none; width:auto; }
		#sbArticle02-3-2 #history01 .images li:nth-of-type(3) { clear:left; float:none; width:auto; }

		#sbArticle02-3-2 #history02 .images { width:35%; }
		#sbArticle02-3-2 #history02 .detail { width:45%; }

		#sbArticle02-3-2 #history02 .images li:nth-of-type(1) { float:left; width:48%; margin-left:0; }
		#sbArticle02-3-2 #history02 .images li:nth-of-type(2) { float:right; width:48%; }
		#sbArticle02-3-2 #history02 .images li:nth-of-type(3) { float:none; width:auto; margin:5px 15% 0; }

		#sbArticle02-3-2 #history03 .images { width:35%; }
		#sbArticle02-3-2 #history03 .detail { width:45%; }

		#sbArticle02-3-2 #history04 .images li:nth-of-type(1) { float:none; width:auto; }
		#sbArticle02-3-2 #history04 .images li:nth-of-type(2) { float:none; width:auto; }


	}



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


	Responsive for Smart Phone


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



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



		#sbArticle02-3-2 > header {
			width:100%;
			padding:0 0 10%;
			background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/02/img/3-2-wood.jpg);
			background-repeat:repeat;
			background-size:auto;
		}

		#sbArticle02-3-2 > header .bg {
			display:block;
		}

		#sbArticle02-3-2 > header h1 {
			margin:0 40px;
		}

		#sbArticle02-3-2 > header h1 svg {
			max-width:100%;
		}

		#sbArticle02-3-2 > header h2 {
			margin:10px 40px 0;
		}

		#sbArticle02-3-2 > header .lead {
			margin:10px 40px 0;
		}



		/* box --------------------------------------------------------------------- */

		#sbArticle02-3-2 .box {
			margin:0;
			padding:0;
		}



		/* section 共通 ------------------------------------------------------------ */

		#sbArticle02-3-2 .historySection {
			display:block;
			margin:50px 20px 0;
		}

		#sbArticle02-3-2 .historySection header {
			display:flex;
			flex-direction:row-reverse;
			justify-content:center;
			width:auto;
			border-right:0;
		}

		#sbArticle02-3-2 .historySection header h1 {
			padding:0 30px 0 15px;
		}

		#sbArticle02-3-2 .historySection header h2 {
			margin:0;
			padding:0;
		}

		#sbArticle02-3-2 .historySection .images {
			width:auto;
			margin:20px 0 0 0;
		}

		#sbArticle02-3-2 .historySection .images li {
			font-size:10px;
			margin:0 0 10px 0;
		}

		#sbArticle02-3-2 .historySection .detail {
			clear:both;
			width:auto;
			margin:0;
			padding:30px 0 0 0;
		}


		/* 個別 ------------------------------------------------ */

		#sbArticle02-3-2 #history04 .images li:nth-of-type(1) { float:left; width:48%; }
		#sbArticle02-3-2 #history04 .images li:nth-of-type(2) { float:right; width:48%; }
	}



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


	3-3 Artisan Spirits


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



	#sbArticle02-3-3 {
	}

	#sbArticle02-3-3 > header {
        display: block;
	}

	#sbArticle02-3-3 > header .hevizSlider.crossfade .screen {
		padding:0 0 56.25%;
	}

	#sbArticle02-3-3 > header h1 {
		display:block;
		position:absolute;
		left:60%;
		bottom:50%;
		width:25%;
		margin:0;
		padding:0;
		z-index:100;
	}

	#sbArticle02-3-3 > header h1 svg {
		width:100%;
		vertical-align:bottom;
	}

	#sbArticle02-3-3 > header h1 svg * {
/*		fill:#d4c0da; */
		fill:#ffffff;
	}

	#sbArticle02-3-3 > header h2 {
		display:block;
		position:absolute;
		left:60%;
		top:52%;
		width:25%;
		margin:0;
		padding:0;
		z-index:100;
		color:#ffffff;
	}


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

#sbArticle02-3-3 .lead {
    display: block;
    position: relative;
    width: 80%;
    max-width: 900px;
    margin: 80px auto 0;
    padding: 0;
    box-sizing: border-box;
}


/** Section Common ------------------------------------------------------------- */

	#sbArticle02-3-3 .sbSection {

	}

	#sbArticle02-3-3 .sbSection > header {
		display:block;
		position:relative;
		margin:30px 0 0 0;
		padding:0 0 0 0;
		text-align:left;
	}

	#sbArticle02-3-3 .sbSection > header h1 {
		display:block;
		position:absolute;
		left:0;
		bottom:100%;
		width:35%;
		margin:0;
		padding:0;
		font-size:1px;
	}

	#sbArticle02-3-3 .sbSection > header h1 img {
		width:100%;
		vertical-align:bottom;
	}


	#sbArticle02-3-3 .sbSection > header .image {
	}

	#sbArticle02-3-3 .sbSection > header .image img {
		width:100%;
		vertical-align:bottom;
	}

	#sbArticle02-3-3 .sbSection > header h2 {
		display:block;
		position:absolute;
		right:0;
		top:20%;
		margin:0;
		padding:0 15px 0 10%;

		color:#ffffff;

		font-family:"Noto Serf JP", serif;
		font-size:24px;
		font-weight:400;
		text-align:right;
		white-space:nowrap;
		border-bottom:1px solid #ffffff;
	}



	#sbArticle02-3-3 #spirits02 > header h1 {
		left:auto;
		right:1%;
	}

	#sbArticle02-3-3 #spirits02 > header h2 {
		right:auto;
		left:0;
		top:33%;
		padding:0 5% 0 15px;
		text-align:left;
	}



/** Row common ----------------------------------------------------------------- **/

	#sbArticle02-3-3 .row {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		align-items:center;

		margin:100px 0 0 0;
	}

	#sbArticle02-3-3 .row .txt {
		position:relative;
		width:55%;
		margin:0;
		padding:0 20px;
		box-sizing:border-box;
	}

	#sbArticle02-3-3 .row .image {
		position:relative;
		width:45%;
		margin:0;
		padding:0 20px;
		box-sizing:border-box;
	}


	#sbArticle02-3-3 .row.row01 {
		flex-direction:row-reverse;
		margin:100px 10% 0;
	}
	#sbArticle02-3-3 .row.row01 .image { width:30%; }
	#sbArticle02-3-3 .row.row01 .txt   { width:70%; }

	#sbArticle02-3-3 .row.row02 {
		margin-right:10%;
		margin-left:5%;
	}

	#sbArticle02-3-3 .row.row03 {
		flex-direction:row-reverse;
		margin-right:5%;
		margin-left:10%;
	}



	#sbArticle02-3-3 .row.row04 {
		margin-left:5%;
	}
	#sbArticle02-3-3 .row.row04 .image { width:30%; padding:0 1px 0 0; }
	#sbArticle02-3-3 .row.row04 .txt   { width:40%; }


	#sbArticle02-3-3 .row.row05 {
		flex-direction:row-reverse;
		margin-right:5%;
	}
	#sbArticle02-3-3 .row.row05 .image { width:30%; padding:0 1px 0 0; }
	#sbArticle02-3-3 .row.row05 .txt   { width:40%; }


	#sbArticle02-3-3 .row.row06 {
		margin-left:5%;
		margin-right:5%;
	}
	#sbArticle02-3-3 .row.row06 .image { width:55%; }
	#sbArticle02-3-3 .row.row06 .txt   { width:45%; }


	#sbArticle02-3-3 .row.row07 {
		flex-direction:row-reverse;
		margin-left:5%;
		margin-right:5%;
	}
	#sbArticle02-3-3 .row.row07 .image { width:55%; }
	#sbArticle02-3-3 .row.row07 .txt   { width:45%; }


	#sbArticle02-3-3 .row.row08 {
		margin-left:5%;
		margin-right:15%;
	}
	#sbArticle02-3-3 .row.row08 .image { width:60%; }
	#sbArticle02-3-3 .row.row08 .txt   { width:40%; }


	#sbArticle02-3-3 .row.row09 {
		margin-left:5%;
		margin-right:15%;
	}
	#sbArticle02-3-3 .row.row09 .image { width:60%; }
	#sbArticle02-3-3 .row.row09 .txt   { width:40%; }


	#sbArticle02-3-3 .row.row10 {
		flex-direction:row-reverse;
		margin-left:15%;
		margin-right:5%;
	}
	#sbArticle02-3-3 .row.row10 .image { width:60%; }
	#sbArticle02-3-3 .row.row10 .txt   { width:40%; }



/** footer images ------------------------------------------------------------------ **/


	#sbArticle02-3-3 .images {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;

		position:relative;
		margin:100px 0 0;
		padding:0;
	}

	#sbArticle02-3-3 .images .image {
		width:25%;
		margin:0;
		padding:5px;
		box-sizing:border-box;
	}



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


	Responsive for tablet


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



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




		#sbArticle02-3-3 > header h1 {
			width:35%;
		}

		#sbArticle02-3-3 > header h2 {
			width:35%;
		}



	/** Section Common ------------------------------------- */

		#sbArticle02-3-3 .sbSection {
		}

		#sbArticle02-3-3 .sbSection > header h1 {
			width:45%;
		}



	/** Row common ----------------------------------------- **/

		#sbArticle02-3-3 .row .txt {
			width:55%;
			padding:0 20px;
		}

		#sbArticle02-3-3 .row .image {
			width:45%;
			padding:0 20px;
		}



		#sbArticle02-3-3 .row.row01 {
			margin:100px 5% 0;
		}

		#sbArticle02-3-3 .row.row02 {
			margin:100px 5% 0;
			margin-right:5%;
			margin-left:5%;
		}

		#sbArticle02-3-3 .row.row03 {
			margin:100px 5% 0;
			margin-right:5%;
			margin-left:5%;
		}



		#sbArticle02-3-3 .row.row04 {
			margin:100px 5% 0;
		}



		#sbArticle02-3-3 .row.row05 {
			margin:100px 5% 0;
		}



		#sbArticle02-3-3 .row.row06 {
			margin:100px 5% 0;
		}



		#sbArticle02-3-3 .row.row07 {
			margin:100px 5% 0;
		}
		#sbArticle02-3-3 .row.row07 .image { width:50%; }
		#sbArticle02-3-3 .row.row07 .txt   { width:50%; }



		#sbArticle02-3-3 .row.row08 {
			margin:100px 5% 0;
			margin-right:5%;
		}



		#sbArticle02-3-3 .row.row09 {
			margin:100px 5% 0;
			margin-right:5%;
		}



		#sbArticle02-3-3 .row.row10 {
			margin:100px 5% 0;
			margin-left:5%;
		}

	}



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


	Responsive for Smart Phone


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



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

		#sbArticle02-3-3 > header {
            background-color: transparent;
		}

		#sbArticle02-3-3 > header h1 {
			position:relative;
			left:auto;
			bottom:auto;
			width:auto;
			margin:30px 40px 0;
		}

		#sbArticle02-3-3 > header h1 svg * {
			fill:#222222;
		}

		#sbArticle02-3-3 > header h2 {
			position:relative;
			left:auto;
			top:auto;
			width:auto;
			margin:10px 40px 0;
			color:#231815;
			text-align:center;
		}

		#sbArticle02-3-3 > header h2 {
			position:relative;
			left:auto;
			top:auto;
			width:auto;
			margin:10px 40px 0;
			color:#231815;
			text-align:center;
		}

		#sbArticle02-3-3 .lead {
			margin:30px 40px 0;
		}

		#sbArticle02-3-3 .credit li {
			padding:0;
			text-align:right;
		}


	/** Section Common --------------------------------------------------------- */

		#sbArticle02-3-3 .sbSection {
			margin:80px 0 0 0;
		}

		#sbArticle02-3-3 .sbSection > header {
			margin:30px 0 0 0;
			padding:0 0 0 0;
			text-align:left;
		}

		#sbArticle02-3-3 .sbSection > header h1 {
			left:5%;
			width:40%;
		}

		#sbArticle02-3-3 .sbSection > header h2 {
			display:block;
			position:absolute;
			right:0;
			top:30%;
			margin:0;
			padding:0 10px 0 5%;
			font-size:16px;
		}

		#sbArticle02-3-3 #spirits02 > header h1 {
			left:auto;
			right:5%;
		}

		#sbArticle02-3-3 #spirits02 > header h2 {
			top:auto;
			bottom:20%;
			padding:0 5% 0 10px;
		}



	/** Row common ------------------------------------------------------------- **/

		#sbArticle02-3-3 .row {
			display:block;
			margin:50px 20px 0;
		}

		#sbArticle02-3-3 .row .txt {
			width:auto;
			padding:0;
		}

		#sbArticle02-3-3 .row .image {
			width:auto;
			padding:0;
		}

		#sbArticle02-3-3 .row.row01 {
			margin:50px 40px 0;
		}
		#sbArticle02-3-3 .row.row01 .image {
			float:left;
			width:50%;
			margin:0 10px 10px 0;
		}
		#sbArticle02-3-3 .row.row01 .txt   {
			width:auto;
		}

		#sbArticle02-3-3 .row.row02 {
			margin-right:40px;
			margin-left:40px;
		}
		#sbArticle02-3-3 .row.row02 .image {
			float:right;
			width:60%;
			margin:0 0 10px 10px;
		}

		#sbArticle02-3-3 .row.row03 {
			margin-right:40px;
			margin-left:40px;
		}

		#sbArticle02-3-3 .row.row04 {
			margin:50px 40px 0;
			margin-left:40px;
		}

		#sbArticle02-3-3 .row.row04 .image {
			float:left;
			width:50%;
			margin:0 10px 10px 0;
			padding:0;
		}

		#sbArticle02-3-3 .row.row04 .txt   {
			width:auto;
		}

		#sbArticle02-3-3 .row.row05 {
			margin:50px 40px 0;
			margin-right:40px;
		}
		#sbArticle02-3-3 .row.row05 .image {
			float:right;
			width:50%;
			margin:0 0 10px 10px;
			padding:0;
		}
		#sbArticle02-3-3 .row.row05 .txt{
			width:auto;
		}

		#sbArticle02-3-3 .row.row06 {
			margin:50px 40px 0;
			margin-left:40px;
			margin-right:40px;
		}
		#sbArticle02-3-3 .row.row06 .image { width:auto; margin:0 0 10px 0; }
		#sbArticle02-3-3 .row.row06 .txt   { width:auto; }

		#sbArticle02-3-3 .row.row07 {
			margin:50px 40px 0;
			margin-left:40px;
			margin-right:40px;
		}
		#sbArticle02-3-3 .row.row07 .image {
			float:right;
			width:60%;
			margin:0 0 10px 10px;
		}
		#sbArticle02-3-3 .row.row07 .txt   {
			width:auto;
		}

		#sbArticle02-3-3 .row.row09 {
			margin:50px 40px 0;
			margin-left:40px;
			margin-right:40px;
		}
		#sbArticle02-3-3 .row.row09 .image { 
			float:left;
			width:60%;
			margin:0 10px 10px 0;
		}
		#sbArticle02-3-3 .row.row09 .txt   {
			width:auto;
		}

		#sbArticle02-3-3 .row.row10 {
			margin:50px 40px 0;
			margin-left:40px;
			margin-right:40px;
		}
		#sbArticle02-3-3 .row.row10 .image {
			float:right;
			width:60%;
			margin:0 0 10px 10px;
		}
		#sbArticle02-3-3 .row.row10 .txt   {
			width:auto;
		}



	/** footer images ---------------------------------------------------------- **/

		#sbArticle02-3-3 .images {
			flex-wrap:wrap;
			margin:50px 5px 0;
			padding:0;
		}

		#sbArticle02-3-3 .images .image {
			width:25%;
			margin:0;
			padding:1px;
			box-sizing:border-box;
		}

		#sbArticle02-3-3 .images .image img {
			vertical-align:bottom;
		}



	}



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


	4-1 Royal Engagement Ring


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



	#sbArticle02-4-1 {
	}


	#sbArticle02-4-1 > header {
        flex-direction: row-reverse;
	}

	#sbArticle02-4-1 > header .images {
		display:block;
		position:relative;
		width:60%;
		margin:0;
		padding:0;
	}

	#sbArticle02-4-1 > header .images ul {
		display:block;
		position:relative;
		width:100%;
		margin:0;
		padding:0 0 80% 0;
	}

	#sbArticle02-4-1 > header .images li {
		display:block;
		position:absolute;
		width:50%;
		margin:0;
		padding:0;

		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
	}

	#sbArticle02-4-1 > header .images li:nth-of-type(1) { left:0;   top:0;   height:50%; background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/02/img/4-1-image09.jpg); }
	#sbArticle02-4-1 > header .images li:nth-of-type(2) { left:50%; top:0;   height:40%; background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/02/img/4-1-top01.jpg); }

/*
	#sbArticle02-4-1 > header .images li:nth-of-type(3) { left:0;   top:50%; height:50%; background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/02/img/4-1-image11.jpg); }
*/
	#sbArticle02-4-1 > header .images li:nth-of-type(3) { left:0;   top:50%; height:50%; background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/02/img/4-1-image13.jpg); }
	#sbArticle02-4-1 > header .images li:nth-of-type(4) { left:50%; top:40%; height:60%; background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/02/img/4-1-image07.jpg); }

	#sbArticle02-4-1 > header .images li img {
		display:none;
	}


#sbArticle02-4-1 > header .text {
	width:42%;
    margin: 0 -2% 0 0;
    padding: 0 0 0 30px;
    box-sizing: border-box;
}

#sbArticle02-4-1 > header h1 {
    display:block;
    position:relative;
    margin:0;
    padding:0;
    z-index:10;
}

#sbArticle02-4-1 > header h1 img {
    width: 100%;
}

#sbArticle02-4-1 > header h2 {
    margin:0;
    padding:0;
    box-sizing:border-box;
}

#sbArticle02-4-1 > header .lead {
    margin:30px 10% 0 0;
    padding:0;
}



	#sbArticle02-4-1 .sbSection > header {
		display:block;
		position:relative;
		float:left;
		width:calc( 50% - 40px );
		margin:0 20px 50px;
		padding:20px;
		z-index:0;
	}
	#sbArticle02-4-1 .sbSection > header::before {
		content: '';
		display:block;
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 2px, #d30777 0, #d30777 10px);
		z-index: -2;
	}
	#sbArticle02-4-1 .sbSection > header::after{
		content: '';
		display:block;
		position: absolute;
		top: 2px;
		bottom: 2px;
		left: 2px;
		right: 2px;
		background: #fff;
		z-index: -1;
	}

	#sbArticle02-4-1 .sbSection > header h1 {
		display:block;
		position:relative;
		margin:0;
		padding:10px 0;
		color:#d30777;
		font-weight:400;
		font-size:20px;
	}
	#sbArticle02-4-1 .sbSection > header h1::after {
		content:"";
		display:block;
		position:absolute;
		left:50%;
		bottom:0;
		width:30px;
		height:2px;
		margin:0 0 0 -15px;
		padding:0;
		background-color:#d30777;
	}

	#sbArticle02-4-1 .sbSection > header p {
		text-align:left;
	}



	#sbArticle02-4-1 #check02 {
		margin:50px auto 0;
	}



/** Row ----------------------------------------------------------------------- **/


	#sbArticle02-4-1 .row {
		display:block;
		position:relative;
		float:left;
		width:50%;
		margin:0 0 50px;
		padding:0 20px;
		box-sizing:border-box;
	}

	#sbArticle02-4-1 .row h2 {
		margin:0;
		padding:0;
		color:#d30777;
		font-size:20px;
		font-weight:400;
	}

	#sbArticle02-4-1 .row .images {
		display:block;
		position:relative;
		margin:20px 0 0 0;
	}

	#sbArticle02-4-1 .row .images ul {
		text-align:center;
		letter-spacing:-1em;
	}

	#sbArticle02-4-1 .row .images li {
		display:inline-block;
		vertical-align:bottom;
		letter-spacing:normal;

		margin:0;
		padding:0 1px;
		box-sizing:border-box;

		text-align:left;
		font-size:12px;
	}

	#sbArticle02-4-1 .row .images li:nth-of-type(2) {
		position:absolute;
		width:35%;
		bottom:0;
		right:0;
		border-left:1px solid #ffffff;
		border-top:1px solid #ffffff;
	}



	#sbArticle02-4-1 .row .images img {
		display:block;
		width:100%;
		max-width:none;
		vertical-align:bottom;
		margin:0 0 5px 0;
	}


	#sbArticle02-4-1 .row.row01  {
		float:right;
	}
	#sbArticle02-4-1 .row.row01 .images li:nth-of-type(2) { width:40%; }

	#sbArticle02-4-1 .row.row03  { 
		float:right;
	}

	#sbArticle02-4-1 .row.row06  { 
		float:right;
	}

	#sbArticle02-4-1 .row.row07 .images li:nth-of-type(2) {
		right:auto;
		left:0;
		border-left:0;
		border-right:1px solid #ffffff;
		border-top:1px solid #ffffff;
	}

	#sbArticle02-4-1 .row.row07 .images li:nth-of-type(1) {
		text-align:right;
	}

	#sbArticle02-4-1 .row.row08  { 
		float:right;
	}





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


	Responsive for tablet


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



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



		#sbArticle02-4-1 > header .images {
			width:50%;
		}

		#sbArticle02-4-1 > header h1 {
			width:55%;
		}

		#sbArticle02-4-1 > header h2 {
			width:48%;
		}

		#sbArticle02-4-1 > header .lead {
			clear:both;
			float:none;
			width:auto;
			max-width:none;
			margin:30px 10% 0;
			padding:50px 0 0 0;
		}


	}



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


	Responsive for Smart Phone


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



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



    #sbArticle02-4-1 > header .images {
        width:100%;
    }

    #sbArticle02-4-1 > header .text {
        width: auto;
        margin: 0;
        padding: 30px;
    }        
        
        
    #sbArticle02-4-1 > header h1 {
        margin:0;
        padding:0;
    }

    #sbArticle02-4-1 > header h2 {
        margin:20px 0 0;
    }

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



    #sbArticle02-4-1 .sbSection > header {
        float:none;
        width:auto;
        margin:0 20px;
        padding:20px 10px;
    }

    #sbArticle02-4-1 .sbSection > header h1 {
        display:block;
        position:relative;
        margin:0;
        padding:10px 0;
        color:#d30777;
        font-weight:400;
        font-size:16px;
    }

    #sbArticle02-4-1 .sbSection > header p {
        font-size:14px;
    }

    #sbArticle02-4-1 #check02 {
        margin:50px 0 0;
    }




	/** Row ----------------------------------------------------------------------- **/

    #sbArticle02-4-1 .row {
        float:none;
        width:auto;
        margin:30px 0 0;
        padding:0;
    }

    #sbArticle02-4-1 .row h2 {
        margin: 0 20px;
        font-size:16px;
    }

    #sbArticle02-4-1 .row .images {
        margin:10px 0 0 0;
        font-size:10px;
    }

    #sbArticle02-4-1 .row .images li {
        display: block;
        padding: 0;
    }
    
    
    #sbArticle02-4-1 .row .images li:nth-of-type(2) {
        position:relative;
        width:auto;
        bottom:auto;
        right:auto;
        margin:10px 10% 0;
        border-left:0;
        border-top:0;
    }

    #sbArticle02-4-1 .row .images img {
        margin:0 0 1px 0;
    }

    #sbArticle02-4-1 .row .detail {
        margin:20px 20px 0;
    }

    
    #sbArticle02-4-1 .row.row01  {
        float:none;
    }
    #sbArticle02-4-1 .row.row01 .images li:nth-of-type(2) { width:auto; }

    #sbArticle02-4-1 .row.row03,
    #sbArticle02-4-1 .row.row06,
    #sbArticle02-4-1 .row.row08 { 
        float:none;
    }

    #sbArticle02-4-1 .row.row07 .images li:nth-of-type(2) {
        left:auto;
        border-right:0;
        border-top:0;
    }
}



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


	4-2 トップスタイリストが提案！ ブライダルジュエリーのデイリーコーディネイト


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



	#sbArticle02-4-2 {
	}

	#sbArticle02-4-2 > header {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		align-items:flex-start;

		position:relative;
		width:calc( 100% - 100px );
		max-width:1200px;
		margin:0 auto;
		padding:100px 0;
		box-sizing:border-box;

        background-color:transparent;
		background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/02/img/4-2-bg.png);
		background-position:center center;
		background-repeat:no-repeat;
	}

	#sbArticle02-4-2 > header .left {
		width:50%;
		margin:0;
		padding:1em 10% 1em 0;
		box-sizing:border-box;
	}

	#sbArticle02-4-2 > header .right {
		width:50%;
		margin:0;
		padding:0;
		box-sizing:border-box;
	}

	#sbArticle02-4-2 > header h1 svg * {
		fill:#d392bf;
	}

	#sbArticle02-4-2 > header h2 {
		margin:20px 0 0 0;
	}

	#sbArticle02-4-2 > header .lead {
		width:auto;
		max-width:none;
		margin:0;
	}

	#sbArticle02-4-2 > header .profile {
		margin:30px 0 0 0;
	}



/** Style Common --------------------------------------------------------------- **/


	#sbArticle02-4-2 .styleSection > header {
	}

	#sbArticle02-4-2 .styleSection > header h1 {
		display:block;
		position:absolute;
		left:25%;
		width:15%;
		top:0;
		margin:0;
		padding:0;
	}

	#sbArticle02-4-2 .styleSection > header h1 img {
		width:100%;
		height:auto;
		vertical-align:bottom;
	}


	#sbArticle02-4-2 .styleSection .detail {
		display:block;
		position:relative;
		float:left;
		width:25%;
		margin:0;
		padding:2% 0 0 0;
		box-sizing:border-box;
	}

	#sbArticle02-4-2 .styleSection .detail h2 {
		margin:0 0 30px;
		padding:0;
		font-size:20px;
		font-weight:300;
		line-height:1.5;
	}

	#sbArticle02-4-2 .styleSection .rings {
		display:block;
		position:relative;
		float:left;
		width:35%;
		margin:7% 0 0 0;
		padding:0 0 40%;
		box-sizing:border-box;

		background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/02/img/4-2-ring-bg.png);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:90% auto;
	}

	#sbArticle02-4-2 .styleSection .rings li {
		display:block;
		position:absolute;
		left:0;
		top:0;
		width:45%;
		margin:0;
		padding:0;
		z-index:10;
	}
	#sbArticle02-4-2 .styleSection .rings img {
		width:100%;
		vertical-align:bottom;
		border:0;
	}

	#sbArticle02-4-2 .styleSection .else {
		display:block;
		position:relative;
		float:right;
		width:45%;
		margin:0 0 0 -5%;
		padding:0;
	}

	#sbArticle02-4-2 .styleSection .descs {
		clear:left;
		float:left;
		display:block;
		position:relative;
		width:50%;
		margin:0;
		padding:0;
		font-size:12px;
	}

	#sbArticle02-4-2 .styleSection .descs .arrowLink > a {
		margin-bottom:10px;
	}



	/* 右から */

	#sbArticle02-4-2 .styleSection.right > header h1 {
		left:auto;
		right:27%
	}

	#sbArticle02-4-2 .styleSection.right .detail {
		float:right;
	}

	#sbArticle02-4-2 .styleSection.right .rings {
		float:right;
	}

	#sbArticle02-4-2 .styleSection.right .else {
		float:left;
		margin:0 -5% 0 0;
	}

	#sbArticle02-4-2 .styleSection.right .descs {
		clear:right;
		float:right;
	}




	#sbArticle02-4-2 #style01 {
		margin:50px auto 0;
	}
	#sbArticle02-4-2 #style01 .rings li:nth-of-type(1) { left:25%; top:40%; transform:rotate(-5deg); }
	#sbArticle02-4-2 #style01 .rings li:nth-of-type(2) { width:20%; left:70%; top:30%; transform:rotate(5deg); }
	#sbArticle02-4-2 #style01 .rings li:nth-of-type(3) { width:10%; left:55%; top:15%; transform:rotate(0deg); }

	#sbArticle02-4-2 #style02 .rings li:nth-of-type(1) { left:0%; top:30%; transform:rotate(-5deg); }
	#sbArticle02-4-2 #style02 .rings li:nth-of-type(2) { left:50%; top:46%; transform:rotate(5deg); width:40.5%; }
	#sbArticle02-4-2 #style02 .rings li:nth-of-type(3) { left:49%; top:64%; transform:rotate(5deg); width:40.5%; }

	#sbArticle02-4-2 #style03 .rings li:nth-of-type(1) { left:25%; top:40%; transform:rotate(-5deg); }

	#sbArticle02-4-2 #style04 .rings li:nth-of-type(1) { left:20%; top:30%; transform:rotate(-5deg); }
	#sbArticle02-4-2 #style04 .rings li:nth-of-type(2) { left:50%; top:48%; transform:rotate(5deg); }

	#sbArticle02-4-2 #style05 .rings li:nth-of-type(1) { left:23%; top:23%; transform:rotate(-5deg); }
	#sbArticle02-4-2 #style05 .rings li:nth-of-type(2) { left:27%; top:35%; transform:rotate(-5deg); }
	#sbArticle02-4-2 #style05 .rings li:nth-of-type(3) { left:29%; top:48%; transform:rotate(-5deg); }
	#sbArticle02-4-2 #style05 .rings li:nth-of-type(4) { left:32%; top:60%; transform:rotate(-5deg); }


	#sbArticle02-4-2 #style06 .rings {
		margin:4% 0 0 0;
	}
	#sbArticle02-4-2 #style06 .rings li:nth-of-type(1) { left:0%; top:15%; transform:rotate(-5deg); }
	#sbArticle02-4-2 #style06 .rings li:nth-of-type(2) { left:50%; top:27%; transform:rotate(5deg); }
	#sbArticle02-4-2 #style06 .rings li:nth-of-type(3) { left:38%; top:45%; transform:rotate(5deg); }
	#sbArticle02-4-2 #style06 .rings li:nth-of-type(4) { left:44%; top:65%; transform:rotate(5deg); }
	#sbArticle02-4-2 #style06 .rings li:nth-of-type(5) { left:5%; top:68%; transform:rotate(-5deg); width:35%; }


	#sbArticle02-4-2 .stylist {
		display:flex;
		flex-direction:row;
		justify-content:center;
		position:relative;
		width:calc( 100% - 100px );
		max-width:800px;
		margin:100px auto 0;
		padding:0;
		font-size:12px;
	}

	#sbArticle02-4-2 .image {
		width:20%;
		margin:0;
		padding:0;
		box-sizing:border-box;
	}

	#sbArticle02-4-2 .text {
		width:75%;
		margin:0 0 0 5%;
		padding:0;
		box-sizing:border-box;
	}

	#sbArticle02-4-2 h3 {
		margin:0;
		padding:0;
		font-family:"Cormorant Garamond", serif;
		font-size:20px;
		font-weight:400;
		letter-spacing:0.1em;
		line-height:1.2;
	}

	#sbArticle02-4-2 h3 strong {
		font-size:24px;
		font-weight:400;
	}

	#sbArticle02-4-2 h4 {
		margin:5px 0 0 0;
		padding:0;
		font-size:20px;
		font-weight:300;
		line-height:1.2;
	}



/** Footer --------------------------------------------------------------------- **/

	#sbArticle02-4-2 > footer {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		align-items:center;

		position:relative;
		width:calc( 100% - 100px );
		max-width:1200px;
		margin:100px auto 0;
		padding:20px 0;
		border:2px dotted #ccc;
		border-left:0;
		border-right:0;
	}

	#sbArticle02-4-2 > footer .shoplist {
		width:50%;
		margin:0;
		padding:0;
		box-sizing:border-box;
		text-align:center;
	}

	#sbArticle02-4-2 > footer .shoplist h3 {
		font-family:"Cormorant Garamond", serif;
		font-size:18px;
		font-weight:400;
	}


	#sbArticle02-4-2 > footer .shoplist dl {
		margin:20px 0 0 0;
		padding:0;
	}

	#sbArticle02-4-2 > footer .shoplist dt {
		display:inline;
		margin:0;
		padding:0;
	}

	#sbArticle02-4-2 > footer .shoplist dd {
		display:inline;
		margin:0;
		padding:0 0 0 1em;
	}

	#sbArticle02-4-2 > footer .shoplist dd::after {
		content:"\A";
		white-space:pre;
	}

	#sbArticle02-4-2 > footer .cautions {
		width:50%;
		margin:0;
		padding:0 2%;
		box-sizing:border-box;
	}



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


	Responsive for tablet


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



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



		#sbArticle02-4-2 > header {
			width:calc( 100% - 60px );
			padding:70px 0;
		}



	/** Style Common --------------------------------------------------------------- **/


		#sbArticle02-4-2 .styleSection > header h1 {
			display:block;
			position:relative;
			float:left;

			left:auto;
			width:15%;
			top:auto;
		}

		#sbArticle02-4-2 .styleSection .detail {
			float:none;
			width:auto;
			margin:0;
			padding:0 0 0 18%;
		}

	#sbArticle02-4-2 .styleSection .detail h2 {
		margin:0 0 10px;
		padding:0;
		font-size:20px;
		font-weight:300;
		line-height:1.5;
	}

	#sbArticle02-4-2 .styleSection .rings {
		clear:both;
		float:left;
		width:50%;
		margin:7% -0 0 0;
	}

	#sbArticle02-4-2 .styleSection .else {
		float:right;
		width:55%;
		margin:0 0 0 -5%;
		padding:0;
	}
	#sbArticle02-4-2 .styleSection .else img {
		width:100%;
	}



	#sbArticle02-4-2 .styleSection .descs {
		clear:both;
		float:none;
		width:auto;
		margin:0 20%;
		padding:30px 0 0 0;
	}

	#sbArticle02-4-2 .styleSection .descs .arrowLink > a {
		text-align:left;
	}



	/* 右から */

	#sbArticle02-4-2 .styleSection.right > header h1 {
		float:left;
		right:auto;
	}

	#sbArticle02-4-2 .styleSection.right .detail {
		float:none;
	}

	#sbArticle02-4-2 .styleSection.right .rings {
		float:right;
	}

	#sbArticle02-4-2 #style06 .rings {
		margin:4% 0 0 0;
	}


	/** stylist -------------------------------------------- **/

		#sbArticle02-4-2 .image {
			width:20%;
		}

		#sbArticle02-4-2 .text {
			width:75%;
			margin:0 0 0 5%;
		}



	/** Footer --------------------------------------------- **/

		#sbArticle02-4-2 > footer .shoplist {
			width:60%;
		}

		#sbArticle02-4-2 > footer .cautions {
			width:40%;
		}

	}



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


	Responsive for Smart Phone


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



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



		#sbArticle02-4-2 > header {
			display:block;
			position:relative;
			width:auto;
			max-width:none;
			margin:0;
			padding:10% 40px 0;
			background-position:left center;
			background-size:200% auto;
		}

		#sbArticle02-4-2 > header .left {
			width:auto;
			margin:0;
			padding:0;
		}

		#sbArticle02-4-2 > header .right {
			width:auto;
			margin:30px 0 0;
		}

		#sbArticle02-4-2 > header h1 {
			margin:0 10%;
		}

		#sbArticle02-4-2 > header .credit li{
			text-align:right;
		}



	/** Style Common ----------------------------------------------------------- **/

		#sbArticle02-4-2 .styleSection > header h1 {
			position:relative;
			left:auto;
			width:auto;
			top:auto;
			margin:0 30% 0 25%;
			padding:0;
		}

		#sbArticle02-4-2 .styleSection .detail {
			float:none;
			width:auto;
			margin:30px 40px 0;
			padding:0;
		}

		#sbArticle02-4-2 .styleSection .detail h2 {
			text-align:center;
		}

		#sbArticle02-4-2 .styleSection .rings {
			float:none;
			width:90%;
			margin:10px auto 0;
			padding:0 0 90%;
		}

		#sbArticle02-4-2 .styleSection .else {
			float:none;
			width:100%;
			margin:-15% 0 0 0;
		}

		#sbArticle02-4-2 .styleSection .descs {
			float:none;
			width:auto;
			margin:30px 40px 0;
		}

		#sbArticle02-4-2 .styleSection .descs .arrowLink > a {
			text-align:left;
		}



		/* 右から */

		#sbArticle02-4-2 .styleSection.right > header h1 {
			left:auto;
			right:auto;
		}

		#sbArticle02-4-2 .styleSection.right .detail,
		#sbArticle02-4-2 .styleSection.right .rings,
		#sbArticle02-4-2 .styleSection.right .descs {
			float:none;
		}

		#sbArticle02-4-2 .styleSection.right .else {
			float:none;
			margin:-15% 0 0 0;
		}

		#sbArticle02-4-2 #style06 .rings {
			margin:20px auto 0;
		}
		#sbArticle02-4-2 #style06 .else {
			margin:0;
		}


		/* stylist --------------------- */

		#sbArticle02-4-2 .stylist {
			display:block;
			width:auto;
			max-width:none;
			margin:60px 40px 0;
		}

		#sbArticle02-4-2 .image {
			width:20%;
			float:right;
			margin:0 0 10px 10px;
		}

		#sbArticle02-4-2 .text {
			width:auto;
		}



	/** Footer --------------------------------------------- **/

		#sbArticle02-4-2 > footer {
			display:block;
			width:auto;
			max-width:none;
			margin:60px 40px 0;
		}

		#sbArticle02-4-2 > footer .shoplist {
			width:auto;
		}

		#sbArticle02-4-2 > footer .shoplist dt {
			display:block;
			text-align:center;
		}

		#sbArticle02-4-2 > footer .shoplist dd {
			display:block;
			margin:0 0 10px;
			padding:0;
		}

		#sbArticle02-4-2 > footer .shoplist dd::after {
			display:none;
		}

		#sbArticle02-4-2 > footer .cautions {
			width:auto;
			margin:20px 0 0 0;
			padding:0;
		}

	}



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


	4-3 Matching Items やっぱりお揃いが楽しい新生活はペアアイテムで！


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



	#sbArticle02-4-3 {
	}


	#sbArticle02-4-3 > header {
		display:block;
		position:relative;
		margin:0;
		padding:5% 0;
		background-color:#edd5dd;
		background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/02/img/4-3-bg.jpg);
		background-repeat:repeat;
		background-position:center center;
		background-size:100% auto;
	}

	#sbArticle02-4-3 > header .image {
		display:none;
	}

	#sbArticle02-4-3 > header h1 {
		margin:0 70% 0 5%;
	}

	#sbArticle02-4-3 > header h1 img {
		width:100%;
		height:auto;
	}

	#sbArticle02-4-3 > header h2 {
		margin:10px 50% 0 5%;
	}

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



/** Items ---------------------------------------------------------------------- **/

	#sbArticle02-4-3 .items {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		align-items:flex-start;

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



/** Item Common ---------------------------------------------------------------- **/

	#sbArticle02-4-3 .itemSection {
		width:46%;
		max-width:none;
		margin:100px 2% 0;
		padding:0 20px 0 0;
	}

	#sbArticle02-4-3 .itemSection .image {
		text-align:center;
	}

	#sbArticle02-4-3 .itemSection .image img {
		vertical-align:bottom;
		border-radius:10px;
	}

	#sbArticle02-4-3 .itemSection > header {
		text-align:left;
		margin:15px 0 0 0;
	}

	#sbArticle02-4-3 .itemSection .sml {
		font-size:12px;
		color:#555555;
	}

	#sbArticle02-4-3 .itemSection .arrowLink {
		text-align:right;
	}


/** Footer --------------------------------------------------------------------- **/

	#sbArticle02-4-3 > footer {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		align-items:center;

		position:relative;
		width:calc( 100% - 100px );
		max-width:1200px;
		margin:100px auto 0;
		padding:20px 0;
		border:2px dotted #ccc;
		border-left:0;
		border-right:0;
	}

	#sbArticle02-4-3 > footer .shoplist {
		width:50%;
		margin:0;
		padding:0;
		box-sizing:border-box;
		text-align:center;
	}

	#sbArticle02-4-3 > footer .shoplist h3 {
		font-family:"Cormorant Garamond", serif;
		font-size:18px;
		font-weight:400;
	}


	#sbArticle02-4-3 > footer .shoplist dl {
		margin:20px 0 0 0;
		padding:0;
	}

	#sbArticle02-4-3 > footer .shoplist dt {
		display:inline;
		margin:0;
		padding:0;
	}

	#sbArticle02-4-3 > footer .shoplist dd {
		display:inline;
		margin:0;
		padding:0 0 0 1em;
	}

	#sbArticle02-4-3 > footer .shoplist dd::after {
		content:"\A";
		white-space:pre;
	}

	#sbArticle02-4-3 > footer .cautions {
		width:50%;
		margin:0;
		padding:0 2%;
		box-sizing:border-box;
	}









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


	Responsive for tablet


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



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


		#sbArticle02-4-3 > header {
			background-size:130% auto;
		}

		#sbArticle02-4-3 > header h2 {
			margin:10px 40% 0 5%;
		}

		#sbArticle02-4-3 > header .lead {
			margin:10px 40% 0 5%;
			font-size:14px;
		}



	/** Items ------------------------------------------------------------------ **/

		#sbArticle02-4-3 .items {
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			align-items:flex-start;

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



	/** Item Common ------------------------------------------------------------ **/

		#sbArticle02-4-3 .itemSection {
			width:48%;
			margin:100px 1% 0;
		}



	/** Footer ----------------------------------------------------------------- **/

		#sbArticle02-4-3 > footer {
			display:block;
		}

		#sbArticle02-4-3 > footer .shoplist {
			width:auto;
		}

		#sbArticle02-4-3 > footer .cautions {
			width:auto;
			margin:30px 0 0 0;
			padding:0 2%;
			text-align:center;
		}

	}



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


	Responsive for Smart Phone


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



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



		#sbArticle02-4-3 > header {
			padding:0;
			background-color:#ffffff;
			background-image:none;
		}

		#sbArticle02-4-3 > header .image {
			display:block;
		}

		#sbArticle02-4-3 > header .image img {
			width:100%;
			vertical-align:bottom;
		}

		#sbArticle02-4-3 > header h1 {
			margin:40px 40px 0;
		}

		#sbArticle02-4-3 > header h2 {
			margin:20px 40px 0;
			text-align:center;
		}

		#sbArticle02-4-3 > header .lead {
			margin:20px 40px 0;
		}

		#sbArticle02-4-3 > header .credit li {
			text-align:right;
		}



	/** Items ------------------------------------------------------------------ **/

		#sbArticle02-4-3 .items {
			display:block;
			width:auto;
			max-width:none;
			margin:0 20px;
		}



	/** Item Common ------------------------------------------------------------ **/

		#sbArticle02-4-3 .itemSection {
			width:auto;
			margin:50px 0 0;
			padding:0;
		}

		#sbArticle02-4-3 .itemSection > header {
			text-align:left;
			margin:15px 10px 0;
		}

		#sbArticle02-4-3 .itemSection .detail {
			margin:15px 10px 0;
		}

		#sbArticle02-4-3 .itemSection .sml {
			font-size:10px;
		}



	/** Footer ----------------------------------------------------------------- **/

		#sbArticle02-4-3 > footer {
			display:block;
			width:auto;
			max-width:none;
			margin:100px 20px 0;
		}

		#sbArticle02-4-3 > footer .shoplist {
			width:auto;
		}

		#sbArticle02-4-3 > footer .shoplist h3 {
			font-size:16px;
		}

		#sbArticle02-4-3 > footer .shoplist dt {
			display:block;
			margin:10px 0 0 0;
			padding:0;
		}

		#sbArticle02-4-3 > footer .shoplist dd {
			display:block;
		}

		#sbArticle02-4-3 > footer .shoplist dd::after {
			display:none;
		}


		#sbArticle02-4-3 > footer .cautions {
			width:auto;
			margin:30px 0 0 0;
			padding:0;
			font-size:10px;
		}

	}



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


	5-1. Trend Tips


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



	.trendArticle a:link    { color:#156db5; text-decoration:underline; }
	.trendArticle a:visited { color:#156db5; }
	.trendArticle a:hover   { color:#aa0000; }
	.trendArticle a:active  { color:#aa0000; }



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


	.trendArticle > header {
		display:flex;
		flex-direction:row-reverse;
		align-items:stretch;
		width:calc( 100% - 100px );
		margin:0 auto;
		padding:0;
	}


	.trendArticle > header .images {
		position:relative;
		width:50%;
		margin:0;
		padding:0;
		box-sizing:border-box;
		border:10px solid #f5f5f5;
		border-left:0;
	}

	.trendArticle > 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;
	}

	.trendArticle > header .images li {
		width:50%;
		height:50%;
		box-sizing:border-box;

		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
/*		border:5px solid #f5f5f5; */
	}
	#sbArticle02-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/02/img/5-1-top01.jpg); }
	#sbArticle02-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/02/img/5-1-top02.jpg); }
	#sbArticle02-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/02/img/5-1-top03.jpg); }
	#sbArticle02-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/02/img/5-1-top04.jpg); }

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

	.trendArticle > header h1 img {
		max-width:310px;
	}

	.trendArticle > header .lead {
		width:auto;
		max-width:none;
		margin:30px 0 0 0;
		padding:0;
	}



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

	.trendArticle #teachersec {
		max-width:800px;
		margin:50px auto 0;
	}

	.trendArticle #teachersec dl {
		display:flex;
		flex-direction:row;
		align-items:center;
	}

	.trendArticle #teachersec dt {
		width:40%;
		box-sizing:border-box;
		text-align:center;
	}

	.trendArticle #teachersec dd {
		width:60%;
		padding:0 0 0 20px;
		box-sizing:border-box;
	}



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

	#sbArticle02-5-1 .trendSection {
		margin:50px auto 0;
		padding:50px 0 0 0;
		max-width:1000px;
		border-top:2px dotted #aaaaaa;
	}

	#sbArticle02-5-1 .trendSection > header {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		justify-content:center;
		align-items:center;

		position:relative;
		margin:0 10% 20px;
		padding:0;
		text-align:left;
	}

	#sbArticle02-5-1 .trendSection .text {
		margin:0 0 0 20px;
		text-align:center;
	}

	#sbArticle02-5-1 .trendSection > header h1 {
	}

	#sbArticle02-5-1 .trendSection > header h1 img {
		width:auto;
		height:40px;
	}



	#sbArticle02-5-1 .trendSection .row {
		display:block;
		position:relative;
		margin:10px 0 0 0;
		padding:0;
	}

	#sbArticle02-5-1 .trendSection .row dl {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		align-items:flex-start;
	}

	#sbArticle02-5-1 .trendSection dt {
		position:relative;
		width:40%;
		margin:0;
		padding:0;
		box-sizing:border-box;
		text-align:center;
	}

	#sbArticle02-5-1 .trendSection dd {
		position:relative;
		width:60%;
		margin:0;
		padding:0 0 0 5%;
		box-sizing:border-box;
		text-align:left;
	}

	#sbArticle02-5-1 .trendSection dd p:first-child {
		margin:0 0 1em 0;
	}

	#sbArticle02-5-1 .trendSection dd img {
		float:right;
		margin:0 0 10px 10px;
		width:100px;
	}

	#sbArticle02-5-1 .trendSection dd small {
		font-size:12px;
	}



	/* 個別 ------------------------------------------- */

	#sbArticle02-5-1 #trend01 .row dd img {
		width:150px;
	}

	#sbArticle02-5-1 #trend04 .row dd img {
		width:180px;
	}

	#sbArticle02-5-1 #trend06 .row dd img {
		width:80px;
	}

	#sbArticle02-5-1 #trend07 .row dd img {
		width:80px;
	}



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

	.trendArticle #magazine {
		margin:30px 0 0 0;
		width:100%;
		max-width:none;
		padding:10px 0;
		background-color:#f0f2f0;
	}


	.trendArticle #magazine h3 {
		font-size:16px;
		font-weight:300;
		letter-spacing:0.05em;
	}

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

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

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


	#sbArticle02-5-1 .cautions {
		display:block;
		position:relative;
		width:calc( 100% - 100px );
		max-width:1200px;
		margin:50px auto 0;
		padding:0;

		font-size:12px;
		text-align:center;
	}


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


	Responsive for tablet


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



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



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

		.trendArticle > header {
			display:flex;
			flex-direction:row-reverse;
			align-items:stretch;
			width:100%;
		}

		.trendArticle > header .images {
			width:50%;
			border:0;
		}

		.trendArticle > header .text {
			padding:50px 20px 50px 20px;
			border:5px solid #f5f5f5;
			border-right:0;
		}



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

		.trendArticle #magazine dd {
			padding:0 0 0 10px;
			box-sizing:border-box;
		}

	}



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


	Responsive for Smart Phone


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



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



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

		.trendArticle > header {
			display:block;
			width:auto;
			margin:0;
		}

		.trendArticle > header .images {
			width:100%;
			padding:0 0 100% 0;
			border:0;
		}

		.trendArticle > header .text {
			width:auto;
			margin:0;
			padding:50px 30px 30px 30px;
			border:0;
		}



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

		.trendArticle #teachersec {
			max-width:none;
			margin:50px 40px 0;
		}

		.trendArticle #teachersec dl {
			display:block;
		}

		.trendArticle #teachersec dt {
			width:80%;
			margin:0 auto;
		}

		.trendArticle #teachersec dd {
			width:auto;
			margin:20px 0 0 0;
			padding:0;
		}



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

    #sbArticle02-5-1 .trendSection {
        margin:50px 0 0;
        padding:0;
        max-width:none;
        border-top:0;
    }

    #sbArticle02-5-1 .trendSection > header {
        display:block;
        position:relative;
        margin:0 20px;
        padding:0;
        text-align:center;
    }

		#sbArticle02-5-1 .trendSection .text {
			margin:20px 0 0 0;
		}

		#sbArticle02-5-1 .trendSection > header h1 img {
			height:30px;
		}

		#sbArticle02-5-1 .trendSection .row {
			margin:30px 0 0 0;
		}

		#sbArticle02-5-1 .trendSection .row dl {
			display:block;
		}

		#sbArticle02-5-1 .trendSection dt {
			width:auto;
		}

		#sbArticle02-5-1 .trendSection dd {
			width:auto;
			margin:20px 20px 0;
			padding:0;
		}

		#sbArticle02-5-1 .trendSection dd img {
			width:15%;
		}

		#sbArticle02-5-1 .trendSection dd small {
			font-size:10px;
		}


		/* 個別 ------------------------------------------- */


		#sbArticle02-5-1 #trend01 .row dd img {
			width:40%;
		}

		#sbArticle02-5-1 #trend03 .row dd img {
			width:30%;
		}

		#sbArticle02-5-1 #trend04 .row dd img {
			width:50%;
		}

		#sbArticle02-5-1 #trend06 .row dd img {
			width:25%;
		}

		#sbArticle02-5-1 #trend07 .row dd img {
			width:25%;
		}



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

		.trendArticle #magazine {
			width:auto;
			padding:30px 40px;
		}

		.trendArticle #magazine h3 {
			font-size:16px;
			font-weight:300;
			letter-spacing:0.05em;
		}

		.trendArticle #magazine dl {
			width:auto;
			max-width:none;
		}

		.trendArticle #magazine dt {
			display:block;
			width:80%;
			margin:0 auto;
		}

		.trendArticle #magazine dd {
			display:block;
			width:auto;
			margin:30px 0 0 0;
		}

		#sbArticle02-5-1 .cautions {
			width:auto;
			max-width:none;
			margin:50px 40px 0;
			font-size:10px;
		}

	}