@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=EB+Garamond:400,400i,500,500i,700,700i|Noto+Sans+JP:300,400,700|Noto+Serif+JP:400,700|EB+Garamond:400,500&&display=swap');
@import url(../../common/css/common.css);


@charset utf-8;



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



	Star Brides Issue.03 2019 WINTER CSS

	@vertion 1.0   2019.10.18 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);



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


	2-1 #Love of the Eternity


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



	#sbArticle03-1 {
	}



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

	#sbArticle03-1 > header {
		background-color:#13233e;
		background-color:#78573b;
		background-color:#1d1007;
		color:#ffffff;
		font-size:20px;
	}

	#sbArticle03-1 > header h2 span {
		display:inline-block;
		position:relative;
		padding:0 30px 0 35px;
	}

	#sbArticle03-1 > header h2 span::before {
		content:"“";
		display:block;
		position:absolute;
		left:0;
		top:0;
		margin:0;
		padding:0;

		font-size:40px;
		font-weight:700;
		line-height:1;
		text-align:center;
	}
	#sbArticle03-1 > header h2 span::after {
		content:"”";
		display:block;
		position:absolute;
		right:0;
		top:0;
		margin:0;
		padding:0;

		font-size:40px;
		font-weight:700;
		line-height:1;
		text-align:center;
	}



	/* Video ----------------------------------------------- */

	#sbArticle03-1 .bg {
		margin:0;
		padding:0;
		background-color:#1d1007;
		color:#ffffff;
	}

	#sbArticle03-1 #videoSection {
		margin:0 auto;
	}

	#sbArticle03-1 #videoSection .lead {
		margin:0;
		padding:50px 0;
		text-align:center;
	}

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

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



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


	#sbArticle03-1 > h3 {
		margin:100px 20px 0;
		font-size:20px;
		font-weight:300;
		text-align:center;
	}

	#sbArticle03-1 > h3 span {
		display:inline-block;
		position:relative;
		padding:0 30px;
	}
	#sbArticle03-1 > h3 span::before {
		content:"“";
		display:block;
		position:absolute;
		left:0;
		top:0.1em;
		margin:0;
		padding:0;

		font-size:40px;
		font-weight:700;
		line-height:1;
		color:#b68c5d;
		color:#1d1007;
		text-align:center;
	}
	#sbArticle03-1 > h3 span::after {
		content:"”";
		display:block;
		position:absolute;
		right:0;
		top:0.1em;
		margin:0;
		padding:0;

		font-size:40px;
		font-weight:700;
		line-height:1;
		color:#b68c5d;
		color:#1d1007;
		text-align:center;
	}

	#sbArticle03-1 .itemSection {
		margin:50px auto 0;
	}

	#sbArticle03-1 .itemSection header {
		display:block;
		position:relative;
		margin:0;
		padding:0 0 20px;
		box-sizing:border-box;
	}
	#sbArticle03-1 .itemSection header::before {
		content:"";
		display:block;
		position:absolute;
		left:50%;
		bottom:0;
		width:40px;
		height:4px;
		margin:0 0 0 -20px;
		padding:0;
		border-radius:2px;
		background-color:#b68c5d;
		background-color:#1d1007;
	}

	#sbArticle03-1 .itemSection header h1 {
		margin:0;
		padding:0;
		font-family:"Cormorant Garamond";
		font-weight:500;
		font-size:26px;
		letter-spacing:0.1em;
		line-height:1.5;
	}

	#sbArticle03-1 .itemSection header h1 strong {
		font-weight:500;
		font-size:30px;
	}

	#sbArticle03-1 .itemSection header h2 {
		margin:0;
		padding:0;
		font-weight:300;
		font-size:18px;
		line-height:1.5;
		color:#666666;
	}

	#sbArticle03-1 .itemSection .detail {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		align-items:flex-start;

		position:relative;
		margin:30px -10px 0;
		padding:0;
	}

	#sbArticle03-1 .itemSection .row {
		display:block;
		position:relative;
		width:50%;
		margin:0;
		padding:0 10px;
		box-sizing:border-box;
	}

	#sbArticle03-1 .itemSection .row dt {
		margin:0;
		padding:0;
		box-sizing:border-box;
	}

	#sbArticle03-1 .itemSection .row dd {
		margin:0;
		padding:20px 20px 0;
		box-sizing:border-box;
	}


	#sbArticle03-1 .itemSection .row dd.arrowLink {
		padding:0 20px;
		text-align:right;
	}



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


	Responsive for tablet


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



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





	}



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


	Responsive for Smart Phone


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



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


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

		#sbArticle03-1 > header {
			text-align:center;
		}

		#sbArticle03-1 > header .text {
		    padding: 40px 20px 0;
		}


		/* Video ------------------------------------------- */

		#sbArticle03-1 #videoSection .lead {
			font-weight:400;
		}


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

		#sbArticle03-1 > h3 {
			margin:100px 20px 0;
			font-size:16px;
			font-weight:400;
		}

		#sbArticle03-1 > h3 span {
			padding:0 20px;
		}
		#sbArticle03-1 > h3 span::before,
		#sbArticle03-1 > h3 span::after {
			font-size:30px;
		}

		#sbArticle03-1 .itemSection {
			margin:50px auto 0;
		}

		#sbArticle03-1 .itemSection header h1 {
			font-size:20px;
		}

		#sbArticle03-1 .itemSection header h1 strong {
			font-size:24px;
		}

		#sbArticle03-1 .itemSection header h2 {
			font-size:16px;
			font-weight:400;
		}

		#sbArticle03-1 .itemSection .detail {
			display:block;
			margin:20px 0 0 0;
		}

		#sbArticle03-1 .itemSection .row {
			width:auto;
			margin:30px 0 0 0;
			padding:0;
		}

		#sbArticle03-1 .itemSection .row dt {
		}

		#sbArticle03-1 .itemSection .row dd {
			padding:20px 40px 0;
		}

		#sbArticle03-1 .itemSection .row dd.arrowLink {
			margin:10px 0 0 0;
			padding:0 40px;
		}

	}



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


	3-1 BRIDE'S ADVICE


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



	#sbArticle03-2 {
	}



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

	#sbArticle03-2 > header {
		background-color:#f3e3e9;
/*
		background-image:url(../img/3-1-bg.jpg);
		background-position:center center;
		background-size:auto 100%;
		background-repeat:repeat;
*/
	}


	/* コメント -------------------------------------------- */

	#sbArticle03-2 .blocks {
		background-position:right bottom;
		background-repeat:no-repeat;
		background-size:40% auto;
		background-attachment:fixed;
	}
	#sbArticle03-2 .blocks::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

	#sbArticle03-2 #blocks01 { background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/03/img/2-01.jpg); }
	#sbArticle03-2 #blocks02 { background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/03/img/2-02.jpg); }
	#sbArticle03-2 #blocks03 { background-image:url(https://www.star-jewelry.com/on/demandware.static/-/Library-Sites-SJSharedLibrary/ja_JP/v1563721280201/StaticPage/Special/StarBrides/03/img/2-03.jpg); }


	/* ブロック共通 */

	#sbArticle03-2 .block {
		display:block;
		position:relative;
		width:auto;
		max-width:20em;
		margin:50px 0 0 0;
		padding:0 30px;
		opacity:0;
		transition:all 0.3s ease-out;
	}


	/* コメントブロック */

	#sbArticle03-2 .block.comment {
		padding:0 30px;
	}
	#sbArticle03-2 .block.comment::before {
		content:"“";
		display:block;
		position:absolute;
		left:0;
		top:0;
		margin:0;
		padding:0;
		font-size:40px;
		font-weight:700;
		line-height:1;
	}
	#sbArticle03-2 .block.comment::after {
		content:"”";
		display:block;
		position:absolute;
		right:0;
		top:0;
		margin:0;
		padding:0;
		font-size:40px;
		font-weight:700;
		line-height:1;
	}

	#sbArticle03-2 .block.comment dt {
		font-size:14px;
	}
	#sbArticle03-2 .block.comment dt strong { font-weight:700; text-decoration:underline dotted; }

	#sbArticle03-2 .block.comment dd {
		margin:10px 1em 0;
		font-size:12px;
		text-align:right;
	}


	/* フォントサイズ変える */

	#sbArticle03-2 .block.comment.lar {}
	#sbArticle03-2 .block.comment.lar dt { font-size:20px; }

	#sbArticle03-2 .block.comment.med {}
	#sbArticle03-2 .block.comment.med dt { font-size:18px; }

	#sbArticle03-2 .block.comment.sml {}
	#sbArticle03-2 .block.comment.sml dt { font-size:16px; }


	/* 画像ブロック */

	#sbArticle03-2 .block.image {
		width:40%;
		max-width:none;
/*
		width:auto;
		max-width:20em;
*/
	}

	#sbArticle03-2 .block.image dl {
		margin:0;
		padding:0;
	}

	#sbArticle03-2 .block.image  dt {
		margin:0;
		padding:0;
		text-align:center;
	}

	#sbArticle03-2 .block.image dd {
		margin:0;
		padding:0;
		text-align:center;
	}

	#sbArticle03-2 .block.image h3 {
		margin:0;
		padding:0;
		font-family:"Cormorant Garamond", serif;
		font-size:18px;
		font-weight:500;
		letter-spacing:0.1em;
		line-height:1;
	}
	#sbArticle03-2 .block.image h3 strong {
		font-size:22px;
		font-weight:500;
	}


	#sbArticle03-2 .block.image .arrowLink {
		margin:20px 0 0 0;
		text-align:right;
		font-size:12px;
	}


/*
	#sbArticle03-2 .block.image.image03  dt {
		margin:0 20%;
		padding:0;
		text-align:center;
	}
*/


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



	/* 色 */

	#sbArticle03-2 .comment.comment01 { color:#582e85; }
	#sbArticle03-2 .comment.comment02 { color:#a94476; }
	#sbArticle03-2 .comment.comment03 { color:#4564ac; }
	#sbArticle03-2 .comment.comment04 { color:#9c4787; }
	#sbArticle03-2 .comment.comment05 { color:#38858d; }

	#sbArticle03-2 .comment.comment06 { color:#582e85; }
	#sbArticle03-2 .comment.comment07 { color:#a94476; }
	#sbArticle03-2 .comment.comment08 { color:#4564ac; }
	#sbArticle03-2 .comment.comment09 { color:#9c4787; }
	#sbArticle03-2 .comment.comment10 { color:#38858d; }

	#sbArticle03-2 .comment.comment11 { color:#582e85; }
	#sbArticle03-2 .comment.comment12 { color:#a94476; }
	#sbArticle03-2 .comment.comment13 { color:#4564ac; }
	#sbArticle03-2 .comment.comment14 { color:#9c4787; }
	#sbArticle03-2 .comment.comment15 { color:#38858d; }


	/* 位置 */

	#sbArticle03-2 .comment.comment01 { margin-left:30%; left:-10%; }
	#sbArticle03-2 .comment.comment02 { margin-left:10%; left: 10%; }
	#sbArticle03-2 .comment.comment03 { margin-left:40%; left:-10%; }
	#sbArticle03-2 .image.image01     { margin-left:10%; left: 10%; }
	#sbArticle03-2 .comment.comment04 { margin-left: 5%; left: 10%; }
	#sbArticle03-2 .comment.comment05 { margin-left:30%; left:-10%; }

	#sbArticle03-2 .comment.comment06 { margin-left: 5%; left: 10%; }
	#sbArticle03-2 .comment.comment07 { margin-left:30%; left:-10%; }
	#sbArticle03-2 .comment.comment08 { margin-left:10%; left: 10%; }
	#sbArticle03-2 .image.image02     { margin-left:10%; left:-10%; }
	#sbArticle03-2 .comment.comment09 { margin-left:25%; left: 10%; }
	#sbArticle03-2 .comment.comment10 { margin-left:10%; left:-10%; }

	#sbArticle03-2 .comment.comment11 { margin-left:30%; left:-10%; }
	#sbArticle03-2 .comment.comment12 { margin-left:10%; left: 10%; }
	#sbArticle03-2 .comment.comment13 { margin-left:35%; left:-10%; }
	#sbArticle03-2 .image.image03     { margin-left:10%; left:-10%; }
	#sbArticle03-2 .comment.comment14 { margin-left: 5%; left: 10%; }
	#sbArticle03-2 .comment.comment15 { margin-left:30%; left:-10%; }

	#sbArticle03-2 .block.moved {
		opacity:1;
		left:0;
		right:0;
		transition:all 0.3s ease-out;
	}



	/* アドバイスをくれたのは… ---------------------------- */

	#sbArticle03-2 .advice {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		align-items:center;
		max-width:800px;
		padding:20px 0;
		border-top:1px dotted #aaa;
		border-bottom:1px dotted #aaa;
	}

	#sbArticle03-2 .advice header {
		display:block;
		position:relative;
		width:50%;
		margin:0;
		padding:0 20px 0 0;
		box-sizing:border-box;
		text-align:left;
	}

	#sbArticle03-2 .advice .images {
		display:block;
		position:relative;
		width:50%;
		margin:0;
		padding:0;
		box-sizing:border-box;
	}

	#sbArticle03-2 .advice .images ul {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		margin:0 -5px 0 0;
		padding:0;
	}

	#sbArticle03-2 .advice .images li {
		width:50%;
		margin:0;
		padding:5px;
	}

	#sbArticle03-2 .advice .images img {
		width:100%;
		max-width:none;
		height:auto;
		vertical-align:bottom;
	}

	#sbArticle03-2 .advice .arrowLink {
		text-align:right;
	}





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


	Responsive for tablet


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



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




	}



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


	Responsive for Smart Phone


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



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



		/* コメント ---------------------------------------- */

		#sbArticle03-2 .blocks {
			padding:0 0 120% 0;
			background-position:right bottom;
			background-size:100% auto;
			background-attachment:scroll;
		}
		#sbArticle03-2 .blocks::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



		/* ブロック共通 ------------------------------------ */

		#sbArticle03-2 .block {
			width:60%;
			max-width:none;
			padding:0 30px;
		}



		/* コメントブロック -------------------------------- */

		#sbArticle03-2 .block.comment {
		}



		/* 画像ブロック ------------------------------------ */

		#sbArticle03-2 .block.image {
			width:100%;
		}



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

		#sbArticle03-2 .comment.comment01 { margin-left:30%; left:-10%; }
		#sbArticle03-2 .comment.comment02 { margin-left: 5%; left: 10%; }
		#sbArticle03-2 .comment.comment03 { margin-left:35%; left:-10%; }
		#sbArticle03-2 .image.image01     { margin-left: 0%; left: 10%; }
		#sbArticle03-2 .comment.comment04 { margin-left:10%; left: 10%; }
		#sbArticle03-2 .comment.comment05 { margin-left:35%; left:-10%; }
	
		#sbArticle03-2 .comment.comment06 { margin-left:30%; left: 10%; }
		#sbArticle03-2 .comment.comment07 { margin-left: 5%; left:-10%; }
		#sbArticle03-2 .comment.comment08 { margin-left:35%; left: 10%; }
		#sbArticle03-2 .image.image02     { margin-left: 0%; left:-10%; }
		#sbArticle03-2 .comment.comment09 { margin-left:10%; left: 10%; }
		#sbArticle03-2 .comment.comment10 { margin-left:35%; left:-10%; }

		#sbArticle03-2 .comment.comment11 { margin-left:30%; left:-10%; }
		#sbArticle03-2 .comment.comment12 { margin-left: 5%; left: 10%; }
		#sbArticle03-2 .comment.comment13 { margin-left:35%; left:-10%; }
		#sbArticle03-2 .image.image03     { margin-left: 0%; left:-10%; }
		#sbArticle03-2 .comment.comment14 { margin-left:10%; left: 10%; }
		#sbArticle03-2 .comment.comment15 { margin-left:35%; left:-10%; }
	
		#sbArticle03-2 .block.moved {
			opacity:1;
			left:0;
			right:0;
			transition:all 0.3s ease-out;
		}



		/* アドバイスをくれたのは… ---------------------------- */

		#sbArticle03-2 .advice {
			display:block;
			max-width:none;
			margin:50px 40px;
		}

		#sbArticle03-2 .advice header {
			width:auto;
			padding:0;
		}

		#sbArticle03-2 .advice .images {
			width:auto;
			margin:10px 0 0 0;
		}

	}



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


	3-1 BRIDE'S ADVICE


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



	#sbArticle03-3 {
	}



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

	#sbArticle03-3 > header {
		background-color:#f0e2ec;
		background-color:#eceff8;
	}



	/* rows ------------------------------------------------ */

	#sbArticle03-3 .rows {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;

	}

	#sbArticle03-3 .row {
		width:33.3%;
		margin:0 0 50px 0;
		padding:0 10px;
		box-sizing:border-box;
	}

	#sbArticle03-3 .row dl {
	}

	#sbArticle03-3 .row dt {
		margin:0;
		padding:0;
	}

	#sbArticle03-3 .row dt img {
		display:block;
		width:100%;
		height:auto;
		margin:0 0 10px 0;
		vertical-align:bottom;

	}

	#sbArticle03-3 .row dd {
		margin:20px 20px 0;
		padding:0;
	}

	#sbArticle03-3 .row h3 {
		font-size:18px;
		font-weight:300;
	}

	#sbArticle03-3 .rows .row:nth-child(1)  { padding-top:0; }
	#sbArticle03-3 .rows .row:nth-child(2)  { padding-top:20px; }
	#sbArticle03-3 .rows .row:nth-child(3)  { padding-top:40px; }
	#sbArticle03-3 .rows .row:nth-child(4)  { padding-top:0; }
	#sbArticle03-3 .rows .row:nth-child(5)  { padding-top:20px; }
	#sbArticle03-3 .rows .row:nth-child(6)  { padding-top:40px; }
	#sbArticle03-3 .rows .row:nth-child(7)  { padding-top:0; }
	#sbArticle03-3 .rows .row:nth-child(8)  { padding-top:20px; }
	#sbArticle03-3 .rows .row:nth-child(9)  { padding-top:40px; }
	#sbArticle03-3 .rows .row:nth-child(10) { width:25%; padding-top:0px; }
	#sbArticle03-3 .rows .row:nth-child(11) { width:25%; padding-top:20px; }
	#sbArticle03-3 .rows .row:nth-child(12) { width:25%; padding-top:40px; }
	#sbArticle03-3 .rows .row:nth-child(13) { width:25%; padding-top:60px; }



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


	Responsive for tablet


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



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




	}



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


	Responsive for Smart Phone


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



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



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



		/* rows ------------------------------------------------ */

		#sbArticle03-3 .rows {
			display:block;
		}

		#sbArticle03-3 .row {
			width:auto;
			margin:40px 0 0 0;
			padding:0;
		}

		#sbArticle03-3 .row dl {
		}

		#sbArticle03-3 .row dt {
			margin:0;
			padding:0;
		}

		#sbArticle03-3 .row dt img {
			display:block;
			width:100%;
			height:auto;
			margin:0 0 10px 0;
			vertical-align:bottom;
		}

		#sbArticle03-3 .row dd {
			margin:40px 40px 0;
			padding:0;
		}

		#sbArticle03-3 .rows .row:nth-child(1)  { padding-top:0; }
		#sbArticle03-3 .rows .row:nth-child(2)  { padding-top:0; }
		#sbArticle03-3 .rows .row:nth-child(3)  { padding-top:0; }
		#sbArticle03-3 .rows .row:nth-child(4)  { padding-top:0; }
		#sbArticle03-3 .rows .row:nth-child(5)  { padding-top:0; }
		#sbArticle03-3 .rows .row:nth-child(6)  { padding-top:0; }
		#sbArticle03-3 .rows .row:nth-child(7)  { padding-top:0; }
		#sbArticle03-3 .rows .row:nth-child(8)  { padding-top:0; }
		#sbArticle03-3 .rows .row:nth-child(9)  { padding-top:0; }
		#sbArticle03-3 .rows .row:nth-child(10) { width:auto; padding-top:0; }
		#sbArticle03-3 .rows .row:nth-child(11) { width:auto; padding-top:0; }
		#sbArticle03-3 .rows .row:nth-child(12) { width:auto; padding-top:0; }
		#sbArticle03-3 .rows .row:nth-child(13) { width:auto; padding-top:60px; }

		#sbArticle03-3 .boxLink {
			margin:40px 40px 0;
		}






	}



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


	3-1 BRIDE'S ADVICE


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



	#sbArticle03-4 {
	}


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

	#sbArticle03-4 > header {
		background-color:#f7f0e2;
	}

	#sbArticle03-4 > header p.sml {
		font-size:10px;
	}


	/* area ------------------------------------------------ */

	#sbArticle03-4 .area {

	}

	#sbArticle03-4 .area > header {

	}


	#sbArticle03-4 .area > header h1 {
		font-family:"Noto Serif JP", serif;
		font-size:30px;
		font-weight:400;
	}




	/* Rows ------------------------------------------------ */

	#sbArticle03-4 .rows {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
	}

	#sbArticle03-4 .row {
		display:block;
		position:relative;
		width:33.3%;
		margin:50px 0 0 0;
		padding:0 10px;
		box-sizing:border-box;
	}

	#sbArticle03-4 .row a { text-decoration:underline; }
	#sbArticle03-4 .row a:link,
	#sbArticle03-4 .row a:visited { color:#231815; }
	#sbArticle03-4 .row a:hover,
	#sbArticle03-4 .row a:active  { color:#aa0000; }

	#sbArticle03-4 .row dl {
		margin:0;
		padding:0;
	}

	#sbArticle03-4 .row dt {
		margin:0;
		padding:0;
	}

	#sbArticle03-4 .row dt img {
		width:100%;
		height:auto;
		vertical-align:bottom;
	}

	#sbArticle03-4 .row dt p {
		margin:0;
		padding:0;
		font-size:10px;
		text-align:right;
	}

	#sbArticle03-4 .row dd {
		margin:20px 10px 0;
		padding:0;
	}

	#sbArticle03-4 .row dd h3 {
		font-size:18px;
		font-weight:300;
		line-height:1.4;
		margin:0;
		padding:0;
	}

	#sbArticle03-4 .row dd p {
		margin:10px 0 0 0;
		padding:0;
	}

	#sbArticle03-4 .row dd .arrowLink {
		text-align:right;
	}

	#sbArticle03-4 .row dd .arrowLink a {
		text-decoration:none;
	}

	#sbArticle03-4 .area .boxLink {
		margin:50px 40px 0;
	}


	/** ショップ一覧 --------------------------------------------------------------------- **/

	#sbArticle03-4 .cautions {
		width:calc( 100% - 100px );
		max-width:1200px;
		margin:40px auto 0;
		padding:0;
		box-sizing:border-box;
		text-align:center;
		font-size:12px;
		color:#888888;
	}



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


	Responsive for tablet


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



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




	}



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


	Responsive for Smart Phone


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



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



		/* area -------------------------------------------- */

		#sbArticle03-4 .area > header h1 {
			font-size:24px;
		}



		/* Rows -------------------------------------------- */

		#sbArticle03-4 .rows {
			display:block;
		}

		#sbArticle03-4 .row {
			width:auto;
			margin:50px 0 0;
			padding:0;
		}

		#sbArticle03-4 .row dd {
			margin:40px 40px 0;
		}


		#sbArticle03-4 .cautions {
			width:auto;
			max-width:none;
			margin:40px 40px 0;
			text-align:left;
		}

	}



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


	3-1 BRIDE'S ADVICE


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



	#sbArticle03-5 {
	}



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

	#sbArticle03-5 > header {
		background-color:#eceff8;
	}



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


	#sbArticle03-5 .checkSection > header {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		align-items:center;

		position:relative;
		margin:0;
		padding:20px 0;
		border-top:1px solid #a0a0a0;
		border-bottom:1px solid #a0a0a0;
	}

	#sbArticle03-5 .checkSection > header h1 {
		width:50%;
		margin:0;
		padding:0 20px 0 0;
		box-sizing:border-box;
		border-right:1px dotted #a0a0a0;
		text-align:right;
	}

	#sbArticle03-5 .checkSection > header h2 {
		width:50%;
		margin:0;
		padding:0 20px 0 20px;
		box-sizing:border-box;
		text-align:left;
	}



	#sbArticle03-5 .checkSection .rows {
		display:block;
		position:relative;
		margin:50px 0 0 0;
		padding:0;
	}

	#sbArticle03-5 .checkSection .rows > ul {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		justify-content:center;
	}


	#sbArticle03-5 .checkSection .rows > ul > li {
		width:33.33%;
		margin:0;
		padding:0 10px;
		box-sizing:border-box;
	}

	#sbArticle03-5 .checkSection .row dl {
		margin:0;
		padding:0;
	}

	#sbArticle03-5 .checkSection .row dt {
		margin:0;
		padding:0;
		font-size:12px;
		text-align:right;
	}

	#sbArticle03-5 .checkSection .row dt img {
		width:100%;
		box-sizing:border-box;
		border-radius:5px;
		border:2px solid #ffffff;
		vertical-align:bottom;
	}

	#sbArticle03-5 .checkSection .row dt ul {
		display:block;
		position:relative;
		margin:0;
		padding:0;
	}

	#sbArticle03-5 .checkSection .row dt li:nth-of-type(2) {
		display:block;
		position:absolute;
		left:0;
		bottom:0;
		width:40%;
	}
	#sbArticle03-5 .checkSection .row dt li:nth-of-type(2) img {
		border-radius:0 5px 0 5px;
	}

	#sbArticle03-5 .checkSection .row dd {
		margin:10px 10px 0;
		padding:0;
	}

	#sbArticle03-5 .checkSection .row h3 {
		font-size:18px;
		font-weight:300;
		line-height:1.5;
	}








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


	Responsive for tablet


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



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




	}



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


	Responsive for Smart Phone


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



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



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

		#sbArticle03-5 .checkSection > header {
			display:block;
			margin:0 20px;
			padding:0;
			border-top:0;
			border-bottom:0;
		}

		#sbArticle03-5 .checkSection > header h1 {
			width:auto;
			margin:0;
			padding:0;
			border-right:0;
			text-align:center;
		}

		#sbArticle03-5 .checkSection > header h2 {
			width:auto;
			margin:20px 0 0 0;
			padding:0;
			text-align:center;
		}

		#sbArticle03-5 .checkSection .rows {
			margin:0;
		}

		#sbArticle03-5 .checkSection .rows > ul {
			display:block;
		}

		#sbArticle03-5 .checkSection .rows > ul > li {
			width:auto;
			margin:40px 0 0 0;
			padding:0;
		}

		#sbArticle03-5 .checkSection .row dd {
			margin:20px 20px 0;
		}

		#sbArticle03-5 .checkSection .row h3 {
			font-size:18px;
			font-weight:300;
			line-height:1.5;
		}

	}



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


	3-1 BRIDE'S ADVICE


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



	#sbArticle03-6 {
	}



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

	#sbArticle03-6 > header {
		background-color:#eceff8;
	}



	/* megan ------------------------------------------------ */

	#sbArticle03-6 #megan {
	}

	#sbArticle03-6 #megan > header {
	}

	#sbArticle03-6 #megan > header h1 {
	}

	#sbArticle03-6 #megan > header h1 br {
		display:none;
	}

	#sbArticle03-6 #megan > header h1 span {
		display:inline-block;
		position:relative;
		margin:0;
		padding:5px 10px;
	}

	#sbArticle03-6 #megan > header h1 span::before,
	#sbArticle03-6 #megan > header h1 span::after {
		content:"";
		display:block;
		position:absolute;
		width:10px;
		height:10px;
		margin:0;
		padding:0;
		border:2px solid #4564ac;
	}
	#sbArticle03-6 #megan > header h1 span::before {
		left:0;
		top:0;
		border-right:0;
		border-bottom:0;
	}
	#sbArticle03-6 #megan > header h1 span::after {
		right:0;
		bottom:0;
		border-left:0;
		border-top:0;
	}

	#sbArticle03-6 #megan .detail {
		margin:30px 10px 0;
		background-color:#f5f7fb;
	}
	#sbArticle03-6 #megan .detail::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


	#sbArticle03-6 #megan .detail ul {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		margin:0;
		padding:0;
		box-sizing:border-box;
	}


	#sbArticle03-6 #megan .detail li {
		width:50%;
		margin:0;
		padding:0;
		box-sizing:border-box;
	}


	#sbArticle03-6 #megan .detail dl {
		display:flex;
		flex-direction:row;
		align-items:center;
		margin:0;
		padding:0;
		box-sizing:border-box;
	}

	#sbArticle03-6 #megan .detail dt {
		width:50%;
		margin:0;
		padding:0;
		box-sizing:border-box;
	}
	#sbArticle03-6 #megan .detail dt img {
		vertical-align:bottom;
	}

	#sbArticle03-6 #megan .detail dd {
		width:50%;
		margin:0;
		padding:15px;
		box-sizing:border-box;
	}

	#sbArticle03-6 #megan .detail dl.row03,
	#sbArticle03-6 #megan .detail dl.row04 {
		flex-direction:row-reverse;
	}



	/* Responsive ---------------------- */

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


		#sbArticle03-6 #megan {
			margin:50px 20px 0;
			padding:20px 0;
			border-radius:10px;
			border:1px dotted #aaa;
		}

		#sbArticle03-6 #megan > header h1 br {
			display:inline;
		}

		#sbArticle03-6 #megan .detail {
			margin:0;
			background-color:transparent;
		}

		#sbArticle03-6 #megan .detail dl {
			display:block;
			width:auto;
			float:none;
			margin:20px 0 0 0;
		}

		#sbArticle03-6 #megan .detail dt {
			width:auto;
		}

		#sbArticle03-6 #megan .detail dd {
			width:auto;
			padding:20px 20px 0;
		}

	}




	/* items ------------------------------------------------ */

	#sbArticle03-6 .items {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		margin:50px auto 0;
	}

	#sbArticle03-6 .item {
		width:33.33%;
		margin:50px 0 0 0;
		padding:0 10px;
		box-sizing:border-box;
	}

	#sbArticle03-6 .item dt img {
		vertical-align:bottom;
	}

	#sbArticle03-6 .item dd {
		margin:15px 10px 0;
	}

	#sbArticle03-6 .item h3 {
		margin:0;
		padding:0;
		font-size:18px;
		font-weight:300;
		line-height:1.5;
		text-align:center;
	}

	#sbArticle03-6 .item h3 span {
		display:inline-block;
		position:relative;
		padding:5px 10px;
	}
	#sbArticle03-6 .item h3 span::before,
	#sbArticle03-6 .item h3 span::after {
		content:"";
		display:block;
		position:absolute;
		width:10px;
		height:10px;
		margin:0;
		padding:0;
		border:2px solid #4564ac;
	}
	#sbArticle03-6 .item h3 span::before {
		left:0;
		top:0;
		border-right:0;
		border-bottom:0;
	}
	#sbArticle03-6 .item h3 span::after {
		right:0;
		bottom:0;
		border-left:0;
		border-top:0;
	}

	#sbArticle03-6 .item .arrowLink {
		margin:0;
		text-align:right;
	}

	#sbArticle03-6 .item .arrowLink a {
		margin:0 0 10px;
	}



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


	Responsive for tablet


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



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




	}



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


	Responsive for Smart Phone


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



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



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

		#sbArticle03-6 > header .lead br {
			display:none;
		}


		/* items ------------------------------------------------ */

		#sbArticle03-6 .items {
			display:block;
			margin:0;
		}

		#sbArticle03-6 .item {
			width:auto;
			margin:40px 0 0 0;
			padding:0;
		}

		#sbArticle03-6 .item dt img {
			vertical-align:bottom;
		}

		#sbArticle03-6 .item dd {
			margin:0;
			padding:40px 40px 0;
		}

	}



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


	3-1 BRIDE'S ADVICE


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



	#sbArticle03-7 {
	}



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

	#sbArticle03-7 > header {
		background-color:#ede8f1;
	}



	/* オーダー共通 ---------------------------------------- */

	#sbArticle03-7 .orderSection {
		margin:50px auto 0;
	}
	#sbArticle03-7 .orderSection::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


	#sbArticle03-7 .orderSection > header {
		display:block;
		position:relative;
		margin:0;
		padding:10px 20px;
		text-align:center;
		border:1px solid #582e85;
	}
	#sbArticle03-7 .orderSection > header span {
		content:"";
		display:block;
		position:absolute;
		width:10px;
		height:10px;
		margin:0;
		padding:0;
		border:1px solid #582e85;
		background-color:#ffffff;
	}


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

	#sbArticle03-7 .orderSection > header h1 {
		display:block;
		position:relative;
		margin:0;
		padding:0;
		font-family:"Cormorant Garamond", serif;
		font-size:20px;
		font-weight:500;
		line-height:1.3;
		letter-spacing:0.1em;
		color:#582e85;
	}

	#sbArticle03-7 .orderSection > header h1 strong {
		font-size:24px;
		font-weight:500;
	}

	#sbArticle03-7 .orderSection > header h2 {
		display:block;
		position:relative;
		margin:15px 0 0 0;
		padding:15px 0 0 0;
		line-height:1.5;
	}
	#sbArticle03-7 .orderSection > header h2::before {
		content:"";
		display:block;
		position:absolute;
		left:50%;
		top:0;
		width:40px;
		height:4px;
		margin:0 0 0 -20px;
		padding:0;
		background-color:#d5c7df;
		border-radius:2px;
	}

	#sbArticle03-7 .orderSection > header h2 br {
		display:none;
	}



	/* フルオーダー ---------------------------------------- */

	#sbArticle03-7 #fullSection {

	}



	/* ケース ---------------------------------------------- */

	#sbArticle03-7 .caseSection {
		display:block;
		position:relative;
		margin:50px 0 0 0;
		padding:0;
	}

	#sbArticle03-7 .caseSection > header {
		display:block;
		position:relative;
		margin:0;
		padding:0 0 15px;
		text-align:center;
	}
	#sbArticle03-7 .caseSection > header::before {
		content:"";
		display:block;
		position:absolute;
		left:50%;
		bottom:0;
		width:40px;
		height:1px;
		margin:0 0 0 -20px;
		padding:0;
		border-top:1px dotted #582e85;
	}





	#sbArticle03-7 .caseSection > header h1 {
		display:inline-block;
		margin:0;
		padding:0;

		font-family:"Cormorant Garamond", serif;
		font-size:16px;
		font-weight:500;
		line-height:1.3;
		letter-spacing:0.1em;
		color:#582e85;

	}
	#sbArticle03-7 .caseSection > header h1 strong {
		font-size:18px;
	}

	#sbArticle03-7 .caseSection > header h2 {
		display:inline-block;
		margin:0;
		padding:0;

		font-family:"Cormorant Garamond", serif;
		font-size:25px;
		font-weight:500;
		line-height:1.3;
		letter-spacing:0.1em;
		color:#582e85;
	}

	#sbArticle03-7 .caseSection > header h2 strong {
		font-size:30px;
		font-weight:500;
	}

	#sbArticle03-7 .caseSection .lead {
		margin:10px auto 0;
		text-align:center;
	}

	#sbArticle03-7 .caseSection .lead p {
		font-size:18px;
	}

	#sbArticle03-7 .caseSection .lead span {
		font-size:12px;
		font-weight:400;
	}


	#sbArticle03-7 .caseSection .images {

	}
	#sbArticle03-7 .caseSection .images ul {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;

		margin:0;
		padding:0;
		box-sizing:border-box;
	}
	#sbArticle03-7 .caseSection .images li {
		width:50%;
		margin:0;
		padding:0;
		box-sizing:border-box;
		list-style-type:none;
	}

	#sbArticle03-7 .caseSection .images img {
		width:100%;
		vertical-align:bottom;
	}


	#sbArticle03-7 .caseSection .rows {
		display:block;
		position:relative;
		margin:50px 0 0;
		padding:0;
	}

	#sbArticle03-7 .caseSection .rows > ul {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		justify-content:center;
		position:relative;
		margin:0;
		padding:0;
	}

	#sbArticle03-7 .caseSection .rows > ul > li {
		display:block;
		position:relative;
		width:50%;
		margin:0;
		padding:0 10px;
		box-sizing:border-box;
		list-style-type:none;
	}



	#sbArticle03-7 .caseSection .row h3 {
		margin:20px 0 0 0;
		padding:0;

		text-align:center;
		font-family:"Cormorant Garamond", serif;
		font-size:18px;
		font-weight:500;
		letter-spacing:0.1em;
		color:#582e85;
	}


	#sbArticle03-7 .caseSection .cols {
		display:block;
		position:relative;
		margin:20px 0 0 0;
		padding:0;
	}


	#sbArticle03-7 .caseSection .cols > ul {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		justify-content:center;
		position:relative;
		margin:0;
		padding:0;
	}

	#sbArticle03-7 .caseSection .cols > ul > li {
		display:block;
		position:relative;
		width:50%;
		margin:0;
		padding:0 15px;
		box-sizing:border-box;
		list-style-type:none;

		border-left:1px solid #888888;
	}
	#sbArticle03-7 .caseSection .cols > ul > li::before {
		content:"";
		display:block;
		position:absolute;
		left:-6px;
		top:40%;
		width:10px;
		height:10px;
		margin:0;
		padding:0;
		background-color:#ffffff;
		border-radius:2px;
		border:1px solid #888888;
		border-left:0;
		border-bottom:0;
		transform:rotate(45deg);
		z-index:10;
	}

	#sbArticle03-7 .caseSection .col dl {
		margin:0;
		padding:0;
	}

	#sbArticle03-7 .caseSection .col dt {
		margin:0 0 10px;
		padding:0;
		font-size:18px;
		font-weight:300;
		line-height:1.5;
	}

	#sbArticle03-7 .caseSection .col dd {
		margin:10px 0 0 0;
		padding:0;
	}




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

	#sbArticle03-7 #case02 {
		width:50%;
		float:left;
	}
	#sbArticle03-7 #case03 {
		width:50%;
		float:right;
	}

	#sbArticle03-7 #case02 .rows > ul > li,
	#sbArticle03-7 #case03 .rows > ul > li {
		width:100%;
	}



	/* セミオーダー ---------------------------------------- */

	#sbArticle03-7 #semiOrder {


	}

	#sbArticle03-7 #semiOrder .lead {
		width:50%;
		margin:50px auto 0;
	}

	#sbArticle03-7 #semiOrder .lead p {
		font-size:18px;
	}


	#sbArticle03-7 #semiOrder .rows {
		display:block;
		position:relative;
		margin:50px 0 0 0;
		padding:0;
	}

	#sbArticle03-7 #semiOrder .rows > ul {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		justify-content:center;
		position:relative;
		margin:0;
		padding:0;
	}

	#sbArticle03-7 #semiOrder .rows > ul > li {
		display:block;
		position:relative;
		width:50%;
		margin:0;
		padding:0 50px;
		box-sizing:border-box;
		list-style-type:none;
	}

	#sbArticle03-7 #semiOrder .rows h4 {
		display:block;
		position:relative;
		margin:10px 0 0 0;
		padding:10px 0 0 0;

		font-family:"Cormorant Garamond", serif;
		font-size:18px;
		font-weight:500;
		line-height:1.3;
		letter-spacing:0.1em;
		color:#582e85;
		text-align:center;

	}

	#sbArticle03-7 #semiOrder .rows h4 strong {
		font-size:20px;
		font-weight:500;
	}

	#sbArticle03-7 #semiOrder .rows h3 {
		display:block;
		position:relative;
		margin:0;
		padding:0;
		font-family:"Cormorant Garamond", serif;
		font-size:20px;
		font-weight:500;
		line-height:1.3;
		letter-spacing:0.1em;
		color:#582e85;
		text-align:center;
	}
	#sbArticle03-7 #semiOrder .rows h4::before {
		content:"";
		display:block;
		position:absolute;
		left:50%;
		top:0;
		width:40px;
		height:2px;
		margin:0 0 0 -20px;
		padding:0;
		background-color:#d5c7df;
	}




	#sbArticle03-7 #semiOrder .rows .image {
		margin:20px 0 0 0;
	}


	#sbArticle03-7 #semiOrder .rows dd {
		margin:20px 20px 0;
	}

	#sbArticle03-7 #semiOrder .rows h5 {
		font-size:20px;
		font-weight:300;
	}



	#sbArticle03-7 .moreLink {
		margin:50px auto 0;
	}








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


	Responsive for tablet


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



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




	}



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


	Responsive for Smart Phone


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



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


		#sbArticle03-7 > header .lead br {
			display:none;
		}



		/* オーダー共通 ---------------------------------------- */

		#sbArticle03-7 .orderSection {
			margin:50px 0 0;
		}

		#sbArticle03-7 .orderSection > header {
			margin:0 20px;
			padding:10px 20px;
		}

		#sbArticle03-7 .orderSection > header h2 br {
			display:inline;
		}



		/* ケース ---------------------------------------------- */

		#sbArticle03-7 .caseSection > header h3 br {
			display:inline;
		}



		#sbArticle03-7 .caseSection .images ul {
			display:block;
		}
	
		#sbArticle03-7 .caseSection .images li {
			width:auto;
		}



		#sbArticle03-7 .caseSection .rows {
			margin:0;
		}
	
		#sbArticle03-7 .caseSection .rows > ul {
			display:block;
		}

		#sbArticle03-7 .caseSection .rows > ul > li {
			width:auto;
			margin:30px 0 0 0;
			padding:0;
		}



		#sbArticle03-7 .caseSection .row h3 {
			margin:20px 20px 0;
		}



		#sbArticle03-7 .caseSection .cols {
			margin:0;
		}

		#sbArticle03-7 .caseSection .cols > ul {
			display:block;
			margin:0 20px;
			padding:0 0 20px;
			border-bottom:1px solid #888888;
		}

		#sbArticle03-7 .caseSection .cols > ul > li {
			width:auto;
			margin:20px 0 0;
			padding:20px 0 0;
			border-left:0;
			border-top:1px solid #888888;
		}

		#sbArticle03-7 .caseSection .cols > ul > li::before {
			left:50%;
			top:-6px;
			margin:0 0 0 -5px;
			transform:rotate(135deg);
		}



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

		#sbArticle03-7 #case02,
		#sbArticle03-7 #case03 {
			width:auto;
			float:none;
			margin:100px 0 0 0;
		}

		#sbArticle03-7 #case02 .rows > ul > li,
		#sbArticle03-7 #case03 .rows > ul > li {
			width:auto;
		}



		/* セミオーダー ---------------------------------------- */

		#sbArticle03-7 #semiOrder {
			margin:150px auto 0;
		}


		#sbArticle03-7 #semiOrder .lead {
			width:auto;
			margin:40px 40px 0;
		}

		#sbArticle03-7 #semiOrder .lead p {
			font-size:14px;
			font-weight:400;
		}

		#sbArticle03-7 #semiOrder .rows {
			margin:0;
		}

		#sbArticle03-7 #semiOrder .rows > ul {
			display:block;
		}

		#sbArticle03-7 #semiOrder .rows > ul > li {
			width:auto;
			margin:40px 0 0 0;
			padding:0;
		}

		#sbArticle03-7 #semiOrder .rows dd {
			margin:20px 20px 0;
		}

		#sbArticle03-7 .moreLink {
			margin:40px 40px 0;
		}

	}



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


	3-1 BRIDE'S ADVICE


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



	#sbArticle03-8 {
	}



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

	#sbArticle03-8 > header {
		background-color:#eaf1f2;
		background-color:#eee6ca;
	}

	#sbArticle03-8 .rows {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;

		margin:0 auto;
	}

	#sbArticle03-8 .row {
		width:50%;
		margin:50px 0 0 0;
		padding:20px;
		box-sizing:border-box;
	}


	#sbArticle03-8 .row dl {
		margin:0;
		padding:0;
	}

	#sbArticle03-8 .row dt {
		margin:0;
		padding:0;
	}

	#sbArticle03-8 .row dt img {
		width:100%;
		vertical-align:bottom;
		border-radius:10px;
	}

	#sbArticle03-8 .row dd {
		margin:20px 20px 0;
		padding:0;
	}


	#sbArticle03-8 .row h3 {
		font-size:18px;
		font-weight:300;
	}

	#sbArticle03-8 .row .small {
		font-size:12px;
	}



	/** ショップ一覧 --------------------------------------------------------------------- **/

	#sbArticle03-8 #shops {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		align-items:center;

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

	#sbArticle03-8 #shops .shoplist {
		width:50%;
		margin:0;
		padding:0;
		box-sizing:border-box;
		text-align:center;
	}

	#sbArticle03-8 #shops .shoplist h3 {
		font-family:"Cormorant Gramond", serif;
		font-size:18px;
		font-weight:400;
	}


	#sbArticle03-8 #shops .shoplist dl {
		margin:20px 0 0 0;
		padding:0;
	}

	#sbArticle03-8 #shops .shoplist dt {
		display:inline;
		margin:0;
		padding:0;
	}

	#sbArticle03-8 #shops .shoplist dd {
		display:inline;
		margin:0;
		padding:0 0 0 1em;
	}

	#sbArticle03-8 #shops .shoplist dd::after {
		content:"\A";
		white-space:pre;
	}

	#sbArticle03-8 #shops .cautions {
		width:50%;
		margin:0;
		padding:0 2%;
		box-sizing:border-box;
	}


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

	#sbArticle03-8 #teachersec {
		max-width:800px;
		margin:100px auto 0;
	}

	#sbArticle03-8 #teachersec dl {
		display:flex;
		flex-direction:row;
		align-items:center;
	}

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

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



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

	#sbArticle03-8 #magazine {
		margin:50px 0 0 0;
		width:100%;
		max-width:none;
		padding:10px 0;
		background-color:#f0f2f0;
	}

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

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

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

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



	#sbArticle03-8 .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) {




	}



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


	Responsive for Smart Phone


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



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


		#sbArticle03-8 >header {
			padding:20px 0 0 0;
		}

		#sbArticle03-8 .rows {
			display:block;
			margin:0 auto;
		}

		#sbArticle03-8 .row {
			width:auto;
			margin:50px 0 0;
			padding:0;
		}
		#sbArticle03-8 .row:first-child {
			margin:0;
		}

		#sbArticle03-8 .row dt img {
			border-radius:0;
		}

		#sbArticle03-8 .row dd {
			margin:40px 40px 0;
		}

		#sbArticle03-8 .row h3 {
			font-size:18px;
			font-weight:300;
		}



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


		#sbArticle03-8 #teachersec {
			max-width:none;
			margin:100px 40px 0;
		}

		#sbArticle03-8 #teachersec dl {
			display:block;
		}

		#sbArticle03-8 #teachersec dt {
			float:left;

			width:40%;
			margin:0 10px 10px 0;
		}

		#sbArticle03-8 #teachersec dd {
			width:auto;
			margin:0;
			padding:0;
		}


		#sbArticle03-8 #teachersec dd p {
			clear:both;
		}

		#sbArticle03-8 #teachersec h3 br {
			display:none;
		}



		/** ショップ一覧 --------------------------------------------------------------------- **/

		#sbArticle03-8 #shops {
			display:block;
			width:auto;
			max-width:none;
			margin:10px 40px 0;
		}

		#sbArticle03-8 #shops .shoplist {
			width:auto;
		}

		#sbArticle03-8 #shops .shoplist h3 {
			font-size:18px;
		}


		#sbArticle03-8 #shops .shoplist dl {
			margin:20px 0 0 0;
			padding:0;
		}

		#sbArticle03-8 #shops .shoplist dt {
			display:block;
			text-align:left;
		}

		#sbArticle03-8 #shops .shoplist dd {
			display:block;
			margin:0;
			padding:0 0 0.5em 0;
			text-align:right;
		}


		#sbArticle03-8 #shops .cautions {
			border-top:2px dotted #ccc;
			width:auto;
			margin:30px 0 0 0;
			padding:20px 0 0 0;
			text-align:left;
		}




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

		#sbArticle03-8 #magazine {
			width:auto;
			padding:30px 40px;
		}

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

		#sbArticle03-8 #magazine dl {
			width:auto;
			max-width:none;
		}

		#sbArticle03-8 #magazine dt {
			display:block;
			width:80%;
			margin:0 auto;
		}

		#sbArticle03-8 #magazine dd {
			display:block;
			width:auto;
			margin:30px 0 0 0;
		}

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

	}