@charset utf-8;



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



	Star Brides 2019 SUMMER Pre-Opening Issue CSS

	@vertion 1.0   2019.6.24 New



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



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




.header {
/*
	position:absolute;
	left:0;
	top:0;
	width:100%;
*/
	position:relative;
	z-index:1200;
}

.sjb-header .header-main .header-bottom {
/*	display:none; */
}



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


	HEVIZカルーセル用css

	@version    1.00    2018.3.7 New
	@created    K.Sekioka of HEVIZ Co.,Ltd.
	@copyright  HEVIZ Co.,Ltd.


	<div class="hevizSlider horizontal">
	<div class="view">
	<p class="next"><a></a></p>
	<p class="prev"><a></a></p>

	<div class="screen">
	<ul>
	<li><img src="" alt=""></li>
	<li><img src="" alt=""></li>
	<li><img src="" alt=""></li>
	</ul>
	</div>

	</div>

	<div class="pointer"><ul>
	<li class="first"><a></a></li>
	<li class="prev"><a></a></li>
	<li rel="0"><a><img src="" alt=""></li>
	<li rel="1" class="sel visible"><a><img src="" alt=""></li>
	<li rel="2"><a><img src="" alt=""></a></li>
	<li class="next"><a></a></li>
	<li class="last"><a></a></li>
	</ul></div>

	<div class="positioner"><ul>
	<li class="first"><a></a></li>
	<li class="prev"><a></a></li>
	<li class="counter">0 / 0</li>
	<li class="next"><a></a></li>
	<li class="last"><a></a></li>
	</ul></div>

	</div>



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



	.hevizSlider {
		display:block;
		position:relative;
		margin:0;
		padding:0;
		opacity:1;
		transition:all 0.5s ease-in-out;
	}


	/* 準備が整うまで、.readyをつけておく */
	.hevizSlider.ready {
		opacity:0;
	}


	/* 画像の切り替え中は .onchangeをつけておく */
	.hevizSlider.onchange {
	}



/** ----------------------------------------------------------------------------

	共通パーツ

-------------------------------------------------------------------------------- **/


	.hevizSlider .prev a,
	.hevizSlider .next a,
	.hevizSlider .first a,
	.hevizSlider .last a {
		display:block;
		position:relative;
		width:25px;
		height:25px;
		margin:0;
		padding:0;
		cursor:pointer;

		text-align:left;
		text-indent:-9999px;
		font-size:1px;
		overflow:hidden;
	}

	.hevizSlider .prev a:after,
	.hevizSlider .next a:after,
	.hevizSlider .first a:before,
	.hevizSlider .first a:after,
	.hevizSlider .last a:before,
	.hevizSlider .last a:after {
		content:"";
		display:block;
		position:absolute;
		width:60%;
		height:60%;
		top:20%;
		margin:0;
		padding:0;
		overflow:hidden;

		font-size:1px;
		text-align:left;
		text-indent:-9999px;

		border:1px solid #231815;
		border-right:0;
		border-bottom:0;

		transition:all 0.2s ease-in-out;
		transform-origin:center center;
	}

	.hevizSlider .prev a:after   { transform: rotate(-45deg); left : 35%; }
	.hevizSlider .next a:after   { transform: rotate(135deg); right: 35%; }
	.hevizSlider .first a:before { transform: rotate(-45deg); left : 20%; }
	.hevizSlider .first a:after  { transform: rotate(-45deg); left : 50%; }
	.hevizSlider .last a:before  { transform: rotate(135deg); right: 20%; }
	.hevizSlider .last a:after   { transform: rotate(135deg); right: 50%; }

	/* Hover */
	.hevizSlider .prev a:hover:after,
	.hevizSlider .next a:hover:after,
	.hevizSlider .first a:hover:before,
	.hevizSlider .first a:hover:after,
	.hevizSlider .last a:hover:before,
	.hevizSlider .last a:hover:after {
		border-color:#ff8888;
	}
	.hevizSlider .prev a:hover:after   { left : 15%; }
	.hevizSlider .next a:hover:after   { right: 15%; }


	/* Disabled */
	.hevizSlider .first.disabled a,
	.hevizSlider .prev.disabled a,
	.hevizSlider .next.disabled a,
	.hevizSlider .last.disabled a {
		opacity:0;
		cursor:default;
	}

	.hevizSlider .prev.disabled a:hover:after,
	.hevizSlider .next.disabled a:hover:after,
	.hevizSlider .first.disabled a:hover:before,
	.hevizSlider .first.disabled a:hover:after,
	.hevizSlider .last.disabled a:hover:before,
	.hevizSlider .last.disabled a:hover:after {
		border-color:#231815;
	}

/** ----------------------------------------------------------------------------

	表示領域

-------------------------------------------------------------------------------- **/



	.hevizSlider .view {
		display:block;
		position:relative;
		margin:0;
		padding:0;
	}
	.hevizSlider .view:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



	/* 次・前矢印 -------------------------------- */

	.hevizSlider .view .prev,
	.hevizSlider .view .next {
		display : block;
		position : absolute;
		top : 50%;
		margin : -25px 0 0 0;
		padding : 0;
		z-index : 100;
		transition : all 0.3s;
	}
	.hevizSlider .view .prev   { left  : 0; }
	.hevizSlider .view .next   { right : 0; }


	.hevizSlider .view .prev a,
	.hevizSlider .view .next a {
		width:50px;
		height:50px;
	}



/** ----------------------------------------------------------------------------


	screen共通

	<div class="screen"><ul>
	<li></li>
	<li></li>
	<li></li>
	</ul></div>


-------------------------------------------------------------------------------- **/



	.hevizSlider .screen {
		display:block;
		position:relative;
		width:100%;
		margin:0;
		padding:0;
	}
	.hevizSlider .screen:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


	.hevizSlider .screen > ul,
	.hevizSlider .screen > ul > li {
		margin:0;
		padding:0;
		list-style-type:none;
	}



/** ----------------------------------------------------------------------------

	crossfade（クロスフェード）

-------------------------------------------------------------------------------- **/



	.hevizSlider.crossfade .screen {
		width:100%;
		padding:0 0 100%;
		overflow:hidden;
		overflow-x:hidden;
		overflow-y:auto;
	}

	.hevizSlider.crossfade .screen > ul {
		margin:0;
		padding:0;
	}

	.hevizSlider.crossfade .screen > ul > li {
		display:block;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		overflow:hidden;
		background-color:#ffffff;
	}



/** ----------------------------------------------------------------------------

	horizontal（水平移動）
	infinite（水平に無限スクロール）

-------------------------------------------------------------------------------- **/



	.hevizSlider.horizontal .screen,
	.hevizSlider.inifinite .screen {
		overflow:hidden;
	}

	.hevizSlider.horizontal .screen > ul,
	.hevizSlider.inifinite .screen > ul {
		display:flex;
		flex-wrap:wrap;
		justify-content: flex-start;
/*		align-items:center; */
		align-items: stretch;

		position:relative;
		width:5000%;
		margin:0;
		padding:0;
	}

	.hevizSlider.horizontal .screen > ul > li,
	.hevizSlider.inifinite .screen > ul > li {
		width:2%;			/* 1枚見える想定 */
		margin:0;
		padding:0;
		list-style-type:none;
	}



/** ------------------------------------------------------------------


	カルーセル用パーツ ポインター部分(ボタンによる位置表示)  class faderPointer

	<div class="pointer"><ul>
	<li class="first"><a><span></span><span></span></a></li>
	<li class="prev"><a><span></span></a></li>
	<li rel="0"><a><img></a></li>
	<li rel="1" class="sel"><a><img></a></li>
	<li rel="2"><a><img></a></li>
	<li class="next"><a><span></span></a></li>
	<li class="last"><a><span></span><span></span></a></li>
	</ul></div>


---------------------------------------------------------------------- **/



	.hevizSlider .pointer {
		display:block;
		position:relative;
		margin:0;
		padding:0;
		line-height:1;
		z-index:100;
	}

	/* disabled */
	.hevizSlider .pointer.disabled {
		display:none;
	}

	.hevizSlider .pointer ul {
		display:flex;
		justify-content: center;
		align-items: center;
		flex-wrap: nowrap;
		margin:0;
		padding:0;
	}

	.hevizSlider .pointer ul li {
		width:25px;
		margin:0;
		padding:0;
		list-style-type:none;
	}

	.hevizSlider .pointer ul li a {
		display:block;
		position:relative;
		height:25px;
		margin:0;
		padding:0;
		overflow:hidden;

		font-size:9pt;
		font-weight:400;
		line-height:25px;
		text-align:center;

		background-color:transparent;
		cursor:pointer;
	}


	/* ポイント(点) ------------------- */

	.hevizSlider .pointer li[rel] {
		font-size:1px;
		text-align:left;
		text-indent:-9999px;
	}

	.hevizSlider .pointer li[rel] a:after {
		content:"";
		display:block;
		position:absolute;
		left:50%;
		top:50%;
		width:8px;
		height:8px;
		margin:-4px 0 0 -4px;
		padding:0;
		overflow:hidden;

		border:0;
		border-radius:5px;

		font-size:1px;
		text-align:left;
		text-indent:-9999px;

		background-color:#231815;
		transition:all 0.3s;
	}

	.hevizSlider .pointer ul li[rel] a:hover:after {
		background-color:#cc8888;
	}


	/* visible ----- */

	.hevizSlider .pointer li[rel].visible a:after {
		background-color:#cc8888;
	}


	/* select ------ */

	.hevizSlider .pointer li[rel].sel a {
		cursor:default;
	}

	.hevizSlider .pointer li[rel].sel a:after,
	.hevizSlider .pointer li[rel].sel a:hover:after {
		background-color:#cc0000;
	}


	/* 左右矢印 ---- */

	.hevizSlider .pointer .prev a:after,
	.hevizSlider .pointer .next a:after,
	.hevizSlider .pointer .first a:before,
	.hevizSlider .pointer .first a:after,
	.hevizSlider .pointer .last a:before,
	.hevizSlider .pointer .last a:after {
		width:30%;
		height:30%;
		top:35%;
	}
	.hevizSlider .pointer .prev a:after   { left : 40%; }
	.hevizSlider .pointer .next a:after   { right: 40%; }
	.hevizSlider .pointer .first a:before { left : 25%; }
	.hevizSlider .pointer .first a:after  { left : 55%; }
	.hevizSlider .pointer .last a:before  { right: 25%; }
	.hevizSlider .pointer .last a:after   { right: 55%; }

	.hevizSlider .pointer .prev a:hover:after      { left : 30%; }
	.hevizSlider .pointer .next a:hover:after      { right: 30%; }
	.hevizSlider .pointer .first a:hover:before    { left : 15%; }
	.hevizSlider .pointer .first a:hover:after     { left : 45%; }
	.hevizSlider .pointer .last a:hover:before     { right: 15%; }
	.hevizSlider .pointer .last a:hover:after      { right: 45%; }

	.hevizSlider .pointer .prev.disabled a:after   { left : 40%; }
	.hevizSlider .pointer .next.disabled a:after   { right: 40%; }
	.hevizSlider .pointer .first.disabled a:before { left : 25%; }
	.hevizSlider .pointer .first.disabled a:after  { left : 55%; }
	.hevizSlider .pointer .last.disabled a:before  { right: 25%; }
	.hevizSlider .pointer .last.disabled a:after   { right: 55%; }



	/* 画像ポインターの場合 ------------ */


	.hevizSlider .pointer.image {
		margin:0;
	}

	.hevizSlider .pointer.image ul {
		flex-wrap: wrap;
	}

	.hevizSlider .pointer.image li[rel] {
		width:70px;
		margin:0;
		box-sizing:border-box;
	}

	.hevizSlider .pointer.image li[rel] a {
		height:70px;
		box-sizing:border-box;
		border:1px solid #e0e0e0;
		overflow:hidden;
	}

	.hevizSlider .pointer.image li[rel] a:after {
		display:none;
	}


	/* visible ----- */

	.hevizSlider .pointer.image li[rel].visible a {
		border-color:#ffe0e0;
	}


	/* select ------ */

	.hevizSlider .pointer.image li[rel].sel a,
	.hevizSlider .pointer.image li[rel].sel a:hover {
		cursor:default;
		border-color:#cc0000;
	}



/** ------------------------------------------------------------------


	カルーセル用パーツ ポインター部分(テキストよる位置表示)  class faderPointer

	<div class="positioner"><ul>
	<li class="first"><a><span></span><span></span></a></li>
	<li class="prev"><a><span></span></a></li>
	<li class="counter">1234 / 5678</li>
	<li class="next"><a><span></span></a></li>
	<li class="last"><a><span></span><span></span></a></li>
	</ul></div>


---------------------------------------------------------------------- **/



	.hevizSlider .positioner {
		display : block;
		position : relative;
		margin : 10px 0;
		padding : 0;
		text-align : center;
		line-height : 1;
		z-index:100;
	}
	.hevizSlider .pointer:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

	/* disabled */
	.hevizSlider .positioner.disabled {
		display : none;
	}

	.hevizSlider .positioner > ul {
		display:block;
		position:relative;
		margin:0;
		padding:0;

		letter-spacing:-1em;
		text-align:center;
	}

	.hevizSlider .positioner > ul > li {
		display:inline-block;
		vertical-align:middle;
		letter-spacing:normal;
		text-align:left;

		position:relative;
		margin:0 2px;
		padding:0;
		list-style-type:none;
		transition:all 0.3s;
	}


	/* text counter ------------------------------ */

	.hevizSlider .positioner > ul > li.counter {
		text-align	: center;
		width		: 5em;
		line-height	: 30px;
	}


	/* arrow ------------------------------------- */

	.hevizSlider .positioner > ul > li.prev,
	.hevizSlider .positioner > ul > li.next,
	.hevizSlider .positioner > ul > li.first,
	.hevizSlider .positioner > ul > li.last {
		width : 25px;
	}


	/* disabled ---------------------------------- */

	.hevizSlider .positioner > ul > li.disabled {
		opacity:0;
	}

	.hevizSlider .positioner > ul > li.disabled a {
		cursor:default;
	}



	/* 左右矢印 ---- */

	.hevizSlider .positioner .prev a:after,
	.hevizSlider .positioner .next a:after,
	.hevizSlider .positioner .first a:before,
	.hevizSlider .positioner .first a:after,
	.hevizSlider .positioner .last a:before,
	.hevizSlider .positioner .last a:after {
		width:30%;
		height:30%;
		top:35%;
	}
	.hevizSlider .positioner .prev a:after   { left : 40%; }
	.hevizSlider .positioner .next a:after   { right: 40%; }
	.hevizSlider .positioner .first a:before { left : 25%; }
	.hevizSlider .positioner .first a:after  { left : 55%; }
	.hevizSlider .positioner .last a:before  { right: 25%; }
	.hevizSlider .positioner .last a:after   { right: 55%; }

	.hevizSlider .positioner .prev a:hover:after      { left : 30%; }
	.hevizSlider .positioner .next a:hover:after      { right: 30%; }
	.hevizSlider .positioner .first a:hover:before    { left : 15%; }
	.hevizSlider .positioner .first a:hover:after     { left : 45%; }
	.hevizSlider .positioner .last a:hover:before     { right: 15%; }
	.hevizSlider .positioner .last a:hover:after      { right: 45%; }

	.hevizSlider .positioner .prev.disabled a:after   { left : 40%; }
	.hevizSlider .positioner .next.disabled a:after   { right: 40%; }
	.hevizSlider .positioner .first.disabled a:before { left : 25%; }
	.hevizSlider .positioner .first.disabled a:after  { left : 55%; }
	.hevizSlider .positioner .last.disabled a:before  { right: 25%; }
	.hevizSlider .positioner .last.disabled a:after   { right: 55%; }




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


	共通パーツ : リンク(ボタン)


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



	.links {
		display:block;
		position:relative;
		margin:0;
		padding:0;
	}

	.links ul {
		margin:0;
		padding:0;
	}

	.links li {
		margin:0;
		padding:0;
		list-style-type:none;
	}

	.links a {
		display:inline-block;
		position:relative;
		margin:0;
		padding:5px 30px 5px 0;
		text-decoration:none;
	}

	.links a::after {
		content:"";
		display:block;
		position:absolute;
		top:50%;
		width:8px;
		height:8px;
		margin:-4.5px 0 0 0;
		padding:0;
		border:1px solid #444444;
		border-left-color:transparent;
		border-bottom-color:transparent;

		right:5px;

		transform:rotate(45deg);
		transform-origin:center center;
		transition:all 0.3s ease-in-out;
	}

	.links a:link,
	.links a:visited { color:#444444; }
	.links a:hover,
	.links a:active  { color:#444444; }

	.links a:hover::after {
		right:0;
	}



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


	共通パーツ Love Star Weeeingバナー


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



	#summerFair1907 {
		display:block;
		position:relative;
		width:calc( 100% - 100px );
		max-width:1200px;
		margin:150px auto 0;
		padding:8px;
		box-sizing:border-box;

		font-family:'Noto Sans JP', 'Yu Gothic Medium', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
		font-size:14px;
		font-weight:400;
		line-height:1.8;
		color:#958350;

		background-color:#f6f6f7;
	}
	#summerFair::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



	#summerFair1907 ul,
	#summerFair1907 li,
	#summerFair1907 dl,
	#summerFair1907 dt,
	#summerFair1907 dd {
		margin:0;
		padding:0;
		list-style-type:none;

		font-family:'Noto Sans JP', 'Yu Gothic Medium', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
		font-size:inherit;
		letter-spacing:normal;
	}

	#summerFair1907 img {
		width:auto;
		max-width:100%;
		border:0;
	}

	#summerFair1907 h1,
	#summerFair1907 h2,
	#summerFair1907 h3,
	#summerFair1907 h4,
	#summerFair1907 h5,
	#summerFair1907 h6 {
		margin:0;
		padding:0;

		font-family:'Noto Sans JP', 'Yu Gothic Medium', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
		font-size:inherit;
		letter-spacing:normal;
	}

	#summerFair1907 p {
		margin:1em 0;

		font-family:'Noto Sans JP', 'Yu Gothic Medium', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
		font-size:inherit;
		letter-spacing:normal;
	}



	#summerFair1907 a {
		display:block;
		position:relative;
		margin:0;
		padding:0;
		border:2px solid #ffffff;
		color:#444444;
		text-decoration:none;
	}
	#summerFair1907 a:link,
	#summerFair1907 a:visited,
	#summerFair1907 a:hover,
	#summerFair1907 a:active { color:#444444; }

	#summerFair1907 a img {
		opacity:1;
		transition:all 0.3s linear;
	}
	#summerFair1907 a:hover img {
		opacity:0.8;
	}



	#summerFair1907 dl {
		display:flex;
		flex-direction:row;
		align-items:center;
	}

	#summerFair1907 dt {
		position:relative;
		width:50%;
		margin:0;
		padding:10px;
		box-sizing:border-box;
		z-index:100;
	}

	#summerFair1907 dd {
		width:50%;
	}

	#summerFair1907 dd img {
		vertical-align:bottom;
	}

	#summerFair1907 h4 {
		margin:0;
		padding:0;

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

	#summerFair1907 h3 {
		margin:20px 0 0 0;
		padding:0;

		font-family:"EB Garamond", 'Noto Sans JP', serif;
		font-size:30px;
		font-weight:400;
		text-align:center;
	}

	#summerFair1907 a h3 img {
		width:auto;
		max-width:80%;
		vertical-align:bottom;
	}


	#summerFair1907 .link {
		margin:50px 0 0 0;
		text-align:center;
		font-size:14px;
		font-weight:400;
		text-align:center;
	}

	#summerFair1907 a .link span {
		display:inline-block;
		position:relative;
		margin:0;
		padding:0 20px 0 0;
	}

	#summerFair1907 a .link span::after {
		content:"";
		display:block;
		position:absolute;
		right:0;
		top:50%;
		width:8px;
		height:8px;
		margin:-5px 0 0 0;
		padding:0;

		border:1px solid #444444;
		border-left-color:transparent;
		border-bottom-color:transparent;

		transform:rotate(45deg);
		transform-origin:center center;
		transition:all 0.3s ease-in-out;
	}


	#summerFair1907 a:hover .link span::after {
		right:-5px;
	}



	/** レスポンシブ for tablet　=============================================== **/

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



	}



	/** レスポンシブ for Smart Phone　========================================== **/

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


		#summerFair1907 {
			width:auto;
			max-width:none;
			margin:100px 20px 0;
		}

		#summerFair1907 dl {
			display:block;
		}

		#summerFair1907 dt {
			width:auto;
			margin:0;
			padding:30px 15px 30px;
		}

		#summerFair1907 h3 img {
		    max-width: 90%;
		}

		#summerFair1907 dd {
			margin:0;
			width:auto;
		}

		#summerFair1907 .link {
			position:absolute;
			left:5%;
			top:100%;
			width:90%;
			margin:0;
			padding:0;
		}


	}



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


	共通パーツ : Star Brides 帯


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



	.bridesIndex {
		display:block;
		position:relative;
		width:100%;
		margin:50px auto 0;
		padding:0;
		box-sizing:border-box;

		font-family:'Noto Sans JP', 'Yu Gothic Medium', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
		font-size:14px;
		font-weight:400;
		line-height:1.8;
		color:#231815;

		background-color:#D7C2DD;
	}



	/* Reset ----------------------------------------------- */

	.bridesIndex a { trasition:color 0.2s linear; }
	.bridesIndex a:link    { color:#364649; text-decoration:none; }
	.bridesIndex a:visited { color:#364649; text-decoration:none; }
	.bridesIndex a:hover   { color:#f6007a; text-decoration:none; }
	.bridesIndex a:active  { color:#f6007a; text-decoration:none; }

	.bridesIndex img {
		width:auto;
		max-width:100%;
		border:0;
		box-sizing:border-box;
		vertical-align:bottom;
	}

	.bridesIndex ul,
	.bridesIndex li,
	.bridesIndex dl,
	.bridesIndex dt,
	.bridesIndex dd {
		margin:0;
		padding:0;
		list-style-type:none;

		font-family:'Noto Sans JP', 'Yu Gothic Medium', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
		font-size:inherit;
		letter-spacing:normal;
	}

	.bridesIndex p {
		margin:1em 0;
		font-size:inherit;
	}

	.bridesIndex h1,
	.bridesIndex h2,
	.bridesIndex h3,
	.bridesIndex h4,
	.bridesIndex h5,
	.bridesIndex h6 {
		margin:0;
		padding:0;

		font-family:'Noto Sans JP', 'Yu Gothic Medium', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
		font-size:inherit;
		letter-spacing:normal;
	}

	.bridesIndex p {
		margin:1em 0;

		font-family:'Noto Sans JP', 'Yu Gothic Medium', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
		font-size:inherit;
		letter-spacing:normal;
	}



	/* Structure ------------------------------------------- */

	.bridesIndex > .inner {
		display:flex;
		flex-direction:row;
		align-items:center;

		position:relative;
		width:calc( 100% - 100px );
		max-width:1200px;
		margin:0 auto;
		padding:0;
		box-sizing:border-box;
	}
	.bridesIndex inner:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



	.bridesIndex .image {
		width:30%;
	}

	.bridesIndex .image img {
		vertical-align:bottom;
	}



	.bridesIndex .text {
		width:65%;
		margin: 0 0 0 5%;
		padding:10px 0;
	}


	.bridesIndex header {
		position:relative;
		left:auto;
		right:auto;
		top:auto;
		color:#231815;
	}

	.bridesIndex header h2 {
		margin:0;
		padding:0;
		font-weight:300;
		font-size:20px;
		text-align:center;
	}

	.bridesIndex header h2 img {
		width:180px;
		vertical-align:baseline;
		padding-left:0.5em;
	}


	.bridesIndex nav {
		display:block;
		position:relative;
		margin:30px 0 0 0;
		padding:0;
	}

	.bridesIndex nav ul {
		border-bottom:1px dotted #aaaaaa;
	}

	.bridesIndex nav li {
		padding:5px 0;
		border-top:1px dotted #aaaaaa;
	}

	.bridesIndex nav li.sel {
		opacity:0.6;
		padding:5px 0;
		border-top:1px dotted #aaaaaa;
	}
	.bridesIndex nav li.sel a:hover,
	.bridesIndex nav li.sel a:active { color:#444444; }

	.bridesIndex nav dl {
		display:flex;
		flex-direction:row;
		align-items:center;
	}

	.bridesIndex nav dt {
		width:20%;
		box-sizing:border-box;
	}

	.bridesIndex nav dt img {
		vertical-align:bottom;
	}

	.bridesIndex nav dd {
		width:65%;
		margin:0 0 0 5%;
		box-sizing:border-box;

		font-family:"EB Garamond", 'Noto Sans JP', serif;
		font-size:16px;
		font-weight:400;
	}

	.bridesIndex nav dd strong {
		font-size:20px;
		font-weight:400;
	}

	.bridesIndex nav dd img {
		max-width:60%;
	}



	/** レスポンシブ for tablet ================================================ **/



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



	}



	/** レスポンシブ for Smart Phone =========================================== **/



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



		.bridesIndex {
			margin:20px 0 0;
			padding:20px;
		}

		.bridesIndex > .inner {
			display:block;
			width:auto;
			max-width:none;
			margin:0;
		}

		.bridesIndex .image {
			width:auto;
			padding:20px 20px 0;
		}

		.bridesIndex .text {
			width:auto;
			margin: 30px 0 0 0;
			padding:0;
		}

		.bridesIndex header h2 {
			font-size:18px;
		}

		.bridesIndex header h2 img {
			display:block;
			margin:0 auto;
			width:150px;
		}

		.bridesIndex nav {
			margin:0;
		}

		.bridesIndex nav h3 {
			display:none;
		}

		.bridesIndex nav ul {
			border-bottom:0;
		}
	
		.bridesIndex nav li {
			margin:30px 20px 0;
			padding:0;
			border-top:0;
		}

		.bridesIndex nav li.sel {
			padding:0;
			border-top:0;
		}

		.bridesIndex nav dl {
			display:block;
		}

		.bridesIndex nav dt {
			width:auto;
		}

		.bridesIndex nav dt img {
			vertical-align:bottom;
		}

		.bridesIndex nav dd {
			width:auto;
			margin:10px 0 0 0;
		}

		.bridesIndex nav dd img {
			max-width:100%;
		}

		.bridesIndex nav dd strong {
			font-size:18px;
		}

	}



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


	Star Brides Article Common


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



	.starbridesArticle {
		display:block;
		position:relative;
		margin:0;
		padding:0;

		font-family:'Noto Sans JP', 'Yu Gothic Medium', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
		font-size:14px;
		font-weight:400;
		line-height:1.8;
		color:#111111;

		background-color:#ffffff;
	}
	.starbridesArticle::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



	/* Reset ----------------------------------------------- */

	.starbridesArticle img {
		width:auto;
		max-width:100%;
		border:0;
	}

	.starbridesArticle header {
		width:auto;
		max-width:none;
		left:auto;
		right:auto;
		top:auto;
		color:#111111;
	}

	.starbridesArticle ul,
	.starbridesArticle li,
	.starbridesArticle dl,
	.starbridesArticle dt,
	.starbridesArticle dd {
		margin:0;
		padding:0;
		list-style-type:none;

		font-family:'Noto Sans JP', 'Yu Gothic Medium', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
		font-size:inherit;
		letter-spacing:normal;
	}

	.starbridesArticle h1,
	.starbridesArticle h2,
	.starbridesArticle h3,
	.starbridesArticle h4,
	.starbridesArticle h5,
	.starbridesArticle h6 {
		margin:0;
		padding:0;

		font-family:'Noto Sans JP', 'Yu Gothic Medium', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
		font-size:inherit;
		letter-spacing:normal;
	}

	.starbridesArticle p {
		margin:1em 0;

		font-family:'Noto Sans JP', 'Yu Gothic Medium', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
		font-size:inherit;
		letter-spacing:normal;
	}



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

	.starbridesArticle > header {
		display:block;
		position:relative;
		margin:0;
		padding:0;
	}
	.starbridesArticle > header::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

	.starbridesArticle > header .scroll {
		display:block;
		position:absolute;
		margin:0;
		padding:25px 0 0 0;

		color:#888888;
		text-align:center;
		font-size:12px;
		line-height:1;
		z-index:100;
	}

	.starbridesArticle > header .scroll::after {
		content:"";
		display:block;
		position:absolute;
		top:-10px;
		left:50%;
		width:20px;
		height:20px;
		margin:0 0 0 -10px;
		padding:0;

		border:1px solid #888888;
		transform:rotate(45deg);

		border-left-color:transparent;
		border-top-color:transparent;
	}



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

	.starbridesArticle section {
		display:block;
		position:relative;
		width:calc( 100% - 100px );
		max-width:1200px;
		margin:150px auto 0;
		padding:0;
		box-sizing:border-box;
	}
	.starbridesArticle section::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


	.starbridesArticle section > header {
		display:block;
		position:relative;
		margin:0;
		padding:0;
		text-align:center;
	}
	.starbridesArticle section > header::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }




	/** レスポンシブ for tablet　=============================================== **/

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



	}



	/** レスポンシブ for Smart Phone　========================================== **/

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



		.starbridesArticle section {
			width:auto;
			max-width:none;
			margin:80px 20px 0;
			padding:0;
		}
		.starbridesArticle section::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



	}




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


	content #01 love start proposal


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



	#loveStarProposal {
		background-image:url(../img/bg.jpg);
		background-size:100% auto;
		background-position:center 100vh;
		background-repeat:no-repeat;
	}



	/* Reset ----------------------------------------------- */

	#loveStarProposal a { trasition:all 0.2s linear; }
	#loveStarProposal a:link    { color:#364649; text-decoration:none; }
	#loveStarProposal a:visited { color:#364649; text-decoration:none; }
	#loveStarProposal a:hover   { color:#f6007a; text-decoration:none; }
	#loveStarProposal a:active  { color:#f6007a; text-decoration:none; }



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

	#loveStarProposal > header {
		color:#ffffff;
	}

	#loveStarProposal > header .hevizSlider.crossfade .screen {
		height:auto;
		padding:0 0 56.25%;
	}

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

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

	#loveStarProposal > header h1 svg {
		width:auto;
	}

	#loveStarProposal > header h1 svg * {
		fill:#ffffff;
	}

	#loveStarProposal > header .scroll {
		top:72%;
		left:70%;
		width:10%;
		color:#888888;
	}

	#loveStarProposal > header .scroll::after {
		border:1px solid #888888;
		border-left-color:transparent;
		border-top-color:transparent;
	}



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

	#loveStarProposal #story {
	}

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

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


	#loveStarProposal #story > header .image {
		position:relative;
		width:35%;
	}

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

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

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

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

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

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

	#loveStarProposal #story .lead {
		margin:80px 0 0 0;
		padding:0;

		text-align:center;
		font-size:20px;
		line-height:2;
	}

	#loveStarProposal #story .movie {
		display:block;
		position:relative;
		margin:30px 0 0 0;
		padding:0;
	}

	#loveStarProposal #story .youtube {
		display:block;
		position:relative;
		width:100%;
		margin:0;
		padding:0 0 56.25%;
	}

	#loveStarProposal #story .youtube iframe {
		display:block;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
	}



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

	#loveStarProposal #minibox {
		font-size:16px;
	}


	#loveStarProposal #minibox > header {
	}

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

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



	#loveStarProposal #minibox .images .hevizSlider {
		background-color:#aaaaaa;
	}

	#loveStarProposal #minibox .images .hevizSlider .view {
	}

	#loveStarProposal #minibox .images .hevizSlider .screen img {
		vertical-align:bottom;
	}

	#loveStarProposal #minibox .images .hevizSlider .pointer.image ul {
		flex-wrap:nowrap;
	}

	#loveStarProposal #minibox .images .hevizSlider .pointer.image li[rel] {
		width:20%;
		margin:0;
	}

	#loveStarProposal #minibox .images .hevizSlider .pointer.image li[rel] a {
		border-color:#aaaaaa;
		height:auto;
		width:100%;
		padding:0 0 75%;
	}

	#loveStarProposal #minibox .images .hevizSlider .pointer.image li[rel].sel a,
	#loveStarProposal #minibox .images .hevizSlider .pointer.image li[rel].sel a:hover {
		border-color:#cc0000;
	}

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



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


	#loveStarProposal #brilliantbox {
		font-size:16px;
	}


	#loveStarProposal #brilliantbox > header {
	}

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

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


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

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


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

	#loveStarProposal #brilliantbox .present {
		clear:right;
		float:right;
		width:38%;
		margin:30px 0 0 0;
		padding:0;

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



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

	#loveStarProposal #stargazer {
		max-width:800px;
		font-size:16px;
	}


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

	#loveStarProposal #stargazer .text {
		float:right;
		width:72%;
		margin:0;
	}

	#loveStarProposal #stargazer h3 {
		margin:0;
		padding:0;
	}

	#loveStarProposal #stargazer h3 img {
		max-width:240px;
	}

	#loveStarProposal #stargazer .links a:hover,
	#loveStarProposal #stargazer .links a:active  { color:#444444; }




	/** レスポンシブ for tablet ================================================ **/

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



		#loveStarProposal #story > header {
			margin:0 10%;
		}

		#loveStarProposal #story > header h1 {
			font-size:35px;
		}



	}



	/** レスポンシブ for Smart Phone =========================================== **/

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



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



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

		#loveStarProposal > header {
		}
		
		#loveStarProposal > header h1 {
			position:relative;
			left:auto;
			bottom:auto;
			width:auto;
			margin:50px 15% 0;
			color:#231815;
		}

		#loveStarProposal > header h1 svg *{
			fill:#000000;
		}
	
		#loveStarProposal > header .scroll {
			display:none;
		}


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

		#loveStarProposal #story {
			margin:30px 20px 0;
		}

		#loveStarProposal #story > header {
			margin:0 -20px;
		}

		#loveStarProposal #story > header .image {
			width:35%;
		}

		#loveStarProposal #story > header .image img {
			padding:3px;
		}

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

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

		#loveStarProposal #story .lead {
			margin:30px 0 0 0;
			font-size:14px;
			text-align:left;
		}

		#loveStarProposal #story .lead br {
			display:none;
		}



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

		#loveStarProposal #minibox {
			font-size:12px;
		}

		#loveStarProposal #minibox > header h1 {
			font-size:18px;
		}

		#loveStarProposal #minibox .images {
			float:none;
			width:auto;
		}

		#loveStarProposal #minibox .detail {
			width:auto;
			float:none;
			margin:20px 0 0 0;
		}



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

		#loveStarProposal #brilliantbox {
			font-size:12px;
		}

		#loveStarProposal #brilliantbox > header h1 {
			font-size:18px;
		}

		#loveStarProposal #brilliantbox .image {
			float:none;
			width:auto;
		}

		#loveStarProposal #brilliantbox .detail {
			width:auto;
			float:none;
			margin:20px 0 0 0;
		}

		#loveStarProposal #brilliantbox .present {
			float:none;
			width:auto;
			margin:20px 0 0 0;
		}



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

		#loveStarProposal #stargazer {
			max-width:none;
			font-size:12px;
		}

		#loveStarProposal #stargazer .image {
			float:none;
			width:auto;
			margin:0;
		}

		#loveStarProposal #stargazer .text {
			float:none;
			width:auto;
			margin:30px 0 0 0;
		}

		#loveStarProposal #stargazer h3 {
			text-align:center;
		}

		#loveStarProposal #stargazer h3 img {
			width:60%;
			max-width:none;
		}

		#loveStarProposal #stargazer .links {
			margin:20px 0 0 0;
			padding:0 0 0 10px;
		}

	}



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


	ひとつのリングができるまで


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



	/** 1ページ目 ============================================================== **/



	#readingArticle01 {
		color:#444444;
		background-color:#ffffff;
	}



	/* Reset ----------------------------------------------- */

	#readingArticle01 a { trasition:color 0.2s linear; }
	#readingArticle01 a:link    { color:#364649; text-decoration:none; }
	#readingArticle01 a:visited { color:#364649; text-decoration:none; }
	#readingArticle01 a:hover   { color:#f6007a; text-decoration:none; }
	#readingArticle01 a:active  { color:#f6007a; text-decoration:none; }



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

	#readingArticle01 > header {
		color:#ffffff;
	}

	#readingArticle01 > header .hevizSlider.crossfade .screen {
		height:calc( 100vh - 100px );
		padding:0;
	}

	#readingArticle01 > header .hevizSlider .pointer ul {
		flex-wrap:nowrap;
	}

	#readingArticle01 > header .hevizSlider .pointer li[rel] {
		width:15%;
	}

	#readingArticle01 > header .hevizSlider .pointer li[rel] a {
		height:100px;
	}



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



	#readingArticle01 > header h1 {
		display:block;
		position:absolute;
		left:10%;
		bottom:30%;
		width:30%;
		margin:0;
		padding:0;

		color:#ffffff;
		text-align:center;
		font-size:30px;
		line-height:1;

		z-index:100;
	}

	#readingArticle01 > header h1 svg {
		max-width:100%;
	}
	#readingArticle01 > header h1 svg .st0{fill:#FFFFFF;}
	#readingArticle01 > header h1 svg .st1{fill:#D7C2DD;}


	#readingArticle01 > header h1 {
		display:block;
		position:absolute;
		left:10%;
		bottom:30%;
		width:30%;
		margin:0;
		padding:0;

		color:#ffffff;
		text-align:center;
		font-size:30px;
		line-height:1;

		z-index:100;
	}

	#readingArticle01 > header .scroll {
		left:20%;
		top:72%;
		width:10%;
		margin:0;
		padding:25px 0 0 0;
		color:#888888;
	}

	#readingArticle01 > header .scroll::after {
		border:1px solid #888888;
		border-left-color:transparent;
		border-top-color:transparent;
	}



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

	#readingArticle01 .lead {
		display:block;
		position:relative;

		width:calc( 100% - 50px );
		max-width:800px;
		margin:50px auto 0;
		padding:15px 30px;

		font-size:16px;
		line-height:2;
	}


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



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


	#readingArticle01 .interview {
	}

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

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

		border-radius:10px;
	}

	#readingArticle01 .interview .image img {
		display:none;
	}



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

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

	#readingArticle01 .interview > header h1 img {
		vertical-align:bottom;
	}

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

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


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

	#readingArticle01 .interview .hevizSlider.crossfade.subs .screen {
		padding:0 0 66.66%;
	}

	#readingArticle01 .interview .hevizSlider.crossfade.subs .screen > ul > li {
		border-radius:10px;
	}



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

	#readingArticle01 #design > header h1 img {
		width:410px;
	}

	#readingArticle01 #design .image {
		background-image:url(../img/reading_designer_bg.jpg);
	}



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


	#readingArticle01 #craftsman {
	}

	#readingArticle01 #craftsman .image {
		left:auto;
		right:0;
		top:40px;
		height:calc( 100% - 40px );
		background-image:url(../img/reading_craftsman_bg.jpg);
	}

	#readingArticle01 #craftsman > header h1 {
	}

	#readingArticle01 #craftsman > header h1 img {
		width:484px;
	}

	#readingArticle01 #craftsman .detail {
		margin:20px 0 0 0;
	}

	#readingArticle01 #craftsman .subs {
		margin:20px 0 0 0;
	}



	/** 2ページ目 ============================================================== */

	#readingArticle02 {
		margin:150px 0 0 0;
	}


	#readingArticle02 > header h1 {
		display:block;
		position:absolute;
		width:40%;
		left:0;
		top:10%;
		margin:0 0 0 10%;
		z-index:100;
	}

	#readingArticle02 > header .hevizSlider.crossfade .screen {
		padding:0 0 66.66%;
	}

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


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

	#readingArticle02 .item > header > img {
		display:block;
		width:60%;
		margin:0 auto;
		padding:0;
	}

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

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

	#readingArticle02 .item > header h2 br {
		display:none;
	}



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

	#readingArticle02 .item .image .hevizSlider.crossfade .screen {
		height:auto;
		padding:0 0 66.6%;
	}

	#readingArticle02 .item .image .hevizSlider.crossfade .screen > ul > li img {
		border-radius:10px;
	}


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

		color:#ffffff;
	}

	#readingArticle02 .item .links {
		display:block;
		position:relative;
		float:right;
		width:47%;
		margin:50px 0 0 0;
		padding:5px 0 5px 10px;

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

	#readingArticle02 .item .links a {
		display:inline-block;
		position:relative;
		margin:0;
		padding:5px 20px 5px 0;
		letter-spacing:0.1em;
	}

	#readingArticle02 .item .links a br {
		display:none;
	}

	#readingArticle02 .item .links a:link,
	#readingArticle02 .item .links a:visited { color:#444444; }
	#readingArticle02 .item .links a:hover,
	#readingArticle02 .item .links a:active  { color:#444444; }



	#readingArticle02 #stargazer > header h1 img {
		max-width:284px;
	}

	#readingArticle02 #stargazer .detail {
		margin:30px 0 0 0;
		padding-bottom:60px;
		background-position:center bottom;
		background-size:cover;
		background-image:url(../img/stargazer_bg.jpg);
	}



	#readingArticle02 #rainbow > header {
		float:right;
	}

	#readingArticle02 #rainbow > header h1 img {
		max-width:242px;
	}

	#readingArticle02 #rainbow .image {
		float:left;
	}


	#readingArticle02 #rainbow .detail {
		clear:right;
		float:right;
		background-image:url(../img/rainbow_bg.jpg);
		background-position:right bottom;
		background-size:cover;
	}

	#readingArticle02 #rainbow .links {
		clear:left;
		float:left;
	}

	#readingArticle02 #rainbow .links li {
		text-align:right;
	}



	/** レスポンシブ for tablet ================================================ **/

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



		#readingArticle01 > header .hevizSlider.crossfade .screen {
			height:auto;
			padding:0 0 66.6% 0;
		}



	}



	/** レスポンシブ for Smart Phone =========================================== **/

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




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

		#readingArticle01 {
			font-size:12px;
		}



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

		#readingArticle01 > header .hevizSlider.crossfade .screen {
			height:auto;
			padding:0 0 66.6% 0;
		}

		#readingArticle01 > header .hevizSlider .pointer li[rel] {
			width:15%;
		}

		#readingArticle01 > header .hevizSlider .pointer li[rel] a {
			height:auto;
			padding:0 0 100% 0;
		}

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

		#readingArticle01 > header .scroll {
			display:none;
		}



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

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

		#readingArticle01 .lead::before,
		#readingArticle01 .lead::after {
			width:30px;
			height:30px;
		}



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


		#readingArticle01 .interview {
			padding:0;
		}

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

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

		#readingArticle01 .interview .detail {
			width:auto;
			margin:20px 0 0;
		}

		#readingArticle01 .interview .detail h2 {
			font-size:16px;
		}


		#readingArticle01 .interview .subs {
			width:auto;
			margin:20px 0 0 0;
			padding:0;
		}



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

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



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

	
		#readingArticle01 #craftsman {
		}

		#readingArticle01 #craftsman .image {
			right:auto;
			top:auto;
			height:auto;
		}

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

		#readingArticle01 #craftsman .detail {
			margin:20px 0 0 0;
		}

		#readingArticle01 #craftsman .subs {
			margin:20px 0 0 0;
		}



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



		#readingArticle02 {
			font-size:12px;
			margin:50px 0 0 0;
		}


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

		#readingArticle02 .item > header {
			float:none;
			width:auto;
		}

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

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

		#readingArticle02 .item > header h2 {
		}

		#readingArticle02 .item > header h2 br {
			display:inline;
		}

		#readingArticle02 .item .image {
			float:none;
			width:auto;
			margin:20px 0 0 0;
		}

		#readingArticle02 .item .detail {
			float:none;
			width:auto;
			margin:20px 0 0 0;
			padding:10px;
		}

		#readingArticle02 .item .links {
			float:none;
			width:auto;
			margin:20px 0 0 0;
			padding:5px 0 5px 10px;
			font-size:16px;
		}

		#readingArticle02 .item .links li {
			text-align:center;
		}

		#readingArticle02 .item .links a br {
			display:inline;
		}



		#readingArticle02 #stargazer .detail {
			margin:20px 0 0 0;
		}



		#readingArticle02 #rainbow > header {
			float:none;
		}

		#readingArticle02 #rainbow .image {
			float:none;
		}

		#readingArticle02 #rainbow .detail {
			float:none;
		}

		#readingArticle02 #rainbow .links {
			float:none;
			width:auto;
			margin:20px 0 0 0;
		}

		#readingArticle02 #rainbow .links li {
			text-align:center;
		}




	}