/*----------------------------------------------------------------------------*/
/* 	 2ndary First View										  CSS    */
/*----------------------------------------------------------------------------*/

	/* ☆ KeyVisual Image Area --------------*/
	#fview {	
		display:block;
		margin: 0  auto 0 auto;
		width: 100%;
		padding-bottom:0px;
		background-color: #FFF;
		border-bottom:none;
		border:none;
		padding-top:60px;
	}
	.viewer{
		margin: 0  auto 0 auto;
		border:none;
	}
	#sviewerSP{				/* ●SP */
		display:block;
		margin: -45px auto 20px auto;
		background:linear-gradient(180deg,#F3F3F3 0%,#F3F3F3 10%,white 10%,white 100%);
		border-bottom: 1px solid #F3F3F3;
	}
	#sviewerPC {
		display:none;		/* ●PC */
	}
	#viewerSP{
		display:block;
		margin: 0  auto 0 auto;
		background-color:#FFF;
	}
	#sviewerSP .box01 {
		margin: 0  auto 0 auto;
		width:90%;
		text-align:left;
	}
	#sviewerSP h2 {
		display:block;
		margin: 0  auto 0 auto;
		font-weight:bold;
		font-size:15px;
		font-family: "游ゴシック体", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
					"NotoSansCJKjp-Bold";
		color: #222;
		padding-top:15px;
		padding:15px 0 0 7%;
	}
	#sviewerSP .h1subt {
		display:block;
		margin: 0  auto 0 auto;
		font-size:14px;
		font-weight:bold;
		font-family: "Antro_Vectra";
		color: #222;
		padding-bottom:10px;
		padding:0 0 10px 7%;

	}
	#sviewerSP .rqsym {
		display:block;
		position: absolute;
		top:12px;
		right:0;
		width:705px;
		height:161px;
		width:247px;		/* 35% */
		height:56px;
		z-index:1;
	}
	#sviewerSP .rqsym .fvsym01 img {
		display:block;
		margin: 25px  auto 0 auto;
	}
	#sviewerSP .rqsym dd.fv-hline  {	/* FV H-line */
		display:block;
		margin: -35px  auto 0 auto;
		margin: -15px  auto 0 auto;
		width:100%;
		height: 5px;
		padding-top:0; 
		border-top:1px solid #D9142B;		/* cacielo-red01 */
		transform: scaleX(0);		/* 縦 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 2.8s linear 0.0s  infinite normal none running;
		z-index:2;
	}
	@keyframes extend-x{
		0%{
			transform: scaleX(0);
		}
		 100%{
			  transform: scaleX(1);
		 }
	}
	#viewerPC {
		display:none;
	}

	@media only screen and  (max-width: 360px) {

	}

	@media only screen and (min-width: 768px) {

		#fview {	
			display:block;
			margin: 0  auto 0 auto;
			width: 100%;
			padding-bottom:0;
			background-color: transparent;
			border:none;
			padding-top:90px;
		}
		#sviewerPC {			/* ●PC */
			display:block;
			margin: -20px  auto 0 auto;
			width: 100%;
			height:190px;
			background:linear-gradient(180deg,#BDC3C7 0%,#BDC3C7 3%,white 3%,white 63%,#F3F3F3 63%,#F3F3F3 100% );	
			position: relative;
		}
		#sviewerPC .box01 {
			display:block;
			position: absolute;
			top: 35px;
			right:0;
			left:0;
			margin:auto;
			width:100%;
		}
		#sviewerPC .box01 h2 {
			display:block;
			margin: 0  auto 0 auto;
			text-align:left;
			font-size:32px;
			letter-spacing:1px;
			color: #666;
			letter-spacing:5px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 700;
			font-style: normal;
			font-display: swap;
			padding-left:22%;
		}
		#sviewerPC .box01 .h1subt {
			margin: 40px  auto 0 auto;
			font-size:48px;
			text-align:left;
			font-weight:bold;
			font-family: "Antro_Vectra";
			font-display: swap;
			color: #333;
			letter-spacing:1px;
			padding-left:22%;
		}
		#sviewerPC dl,dt,dd {
			display:block;
		}
		#sviewerPC .rqsym {
			display:block;
			position: absolute;
			top: 20%;
			top: 5%;
			right:13%;
			width:705px;
			height:161px;
			z-index:1;
		}
		#sviewerPC .rqsym .fvsym01 img {
			display:block;
			margin: 25px  auto 0 auto;
			zoom:1.0;
		}
		#sviewerPC .rqsym dd.fv-hline  {	/* FV H-line */
			display:block;
			margin: -35px  auto 0 auto;
			width:100%;
			height: 5px;
			padding-top:0; 
			border-top:2px solid #bd1a20;
			border-top:1px solid #D9142B;		/* cacielo-red01 */
			transform: scaleX(0);		/* 縦 borderline 伸縮 animation　★ */
			transform-origin:left;
		 	animation : extend-x 0.8s linear 0.0s infinite alternate none running;
		 	animation : extend-x 2.8s linear 0.0s  infinite normal none running;
			z-index:2;
		}
		@keyframes extend-x{
			0%{
				transform: scaleX(0);
			}
			 100%{
				  transform: scaleX(1);
			 }
		}
		#sviewerSP{			/* ●SP */
			display:none;
		}

		#viewerPC {
			display:block;
		}
		#viewerSP{
			display:none;
		}
	}

	@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

		#sviewerPC {			/* ●PC */
			background:linear-gradient(180deg,#BDC3C7 0%,#BDC3C7 3%,white 3%,white 55%,#F3F3F3 55%,#F3F3F3 100% );	
		}
		#sviewerPC .box01 {
			display:block;
			position: absolute;
			top: 45px;
			right:0;
			left:0;
			margin:auto;
			width:100%;
		}
		#sviewerPC .box01 h2 {
			display:block;
			margin: 0  auto 0 auto;
			text-align:left;
			font-size:30px;
			letter-spacing:1px;
			color: #666;
			letter-spacing:5px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 700;
			font-style: normal;
			font-display: swap;
			padding-left:20%;
		}
		#sviewerPC .box01 .h1subt {
			margin: 30px  auto 0 auto;
			text-align:left;
			font-size:35px;
			font-weight:bold;
			font-family: "Antro_Vectra";
			font-display: swap;
			color: #333;
			letter-spacing:1px;
			padding-left:20%;
		}
		#sviewerPC .rqsym {
			display:block;
			position: absolute;
			top: 10%;
			right:5%;
			width:564px;		/* 80% */
			height:129px;
			z-index:1;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#wrapper {
			margin-top: 0;
		}
		#sviewerPC {
			display:none;
		}
		#sviewerSP{
			display:block;
			margin: -20px  auto 0 auto;
			background:linear-gradient(90deg,#F7F6F2 0%,#F7F6F2 40%,white 40%,white 100%);	/* ★  beige-gray03 */
		}

		#viewerPC {
			display:none;
		}
		#viewerSP{
			display:block;
		}
		#sviewerSP h2 {
			display:block;
			margin: 0  auto 0 auto;
			font-weight:bold;
			font-size:20px;
			padding-top:10px;
		}
		#sviewerSP .h1subt {
			font-size:13px;
			font-weight:normal;
		}
	}
	.bx-wrapper .bx-prev {
		display:none;
	}
	.bx-wrapper .bx-next {
		display:none;
	}

	.cat .prev {
		display:none;
	}
	.cat  .next {
		display:none;
	}
	.slick-arrow {
	    display: none;
	}
	.bx-wrapper .bx-pager {
		display:none;
	}