/*----------------------------------------------------------------------------*/
/* 	 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: 0  auto 0 auto;
		background:linear-gradient(90deg,#F3F3F3 0%,#F3F3F3 45%,white 45%,white 100%);
	}
	#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: #444;
		padding-top:15px;
	}
	#sviewerSP .h1subt {
		display:block;
		margin: 0  auto 0 auto;
		font-size:14px;
		font-weight:normal;
		font-family: "Antro_Vectra";
		color: #444;
		padding-bottom:10px;
	}
	#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: -50px  auto 0 auto;
			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: 30px;
			right:0;
			left:0;
			margin:auto;
			width:100%;
		}
		#sviewerPC .box01 h2 {
			display:block;
			margin: 0  auto 0 auto;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 700;
			font-style: normal;
			font-display: swap;
			text-align:center;
			font-size:32px;
			letter-spacing:1px;
			color: #666;
			letter-spacing:6px;
		}
		#sviewerPC .box01 .h1subt {
			display:block;
			margin: 35px  auto 0 auto;
			font-size:40px;
			text-align:center;
			font-weight:bold;
			font-family: "Antro_Vectra";
			font-display: swap;
			color: #333;
			letter-spacing:1px;
		}
		#sviewerPC dl,dt,dd {
			display:block;
		}
		#sviewerPC .rqsym {
			display:block;
			position: absolute;
			top: 20%;
			right:11%;
			width:242px;
			height:101px;
		}
		#sviewerPC .rqsym #fvsym01 img {
			display:block;
			margin: 25px  auto 0 auto;
			zoom:1.5;
		}
		#sviewerPC .rqsym dd.fv-hline  {	/* FV H-line */
			display:block;
			margin: 10px  auto 0 auto;
			width:100%;
			height: 5px;
			padding-top:0; 
			border-top:2px solid #FFF;	/* gold */
			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;
		}
		@keyframes extend-x{
			0%{
				transform: scaleX(0);
			}
			 100%{
				  transform: scaleX(1);
			 }
		}
		#sviewerSP{			/* ●SP */
			display:none;
		}
		#viewerPC {
			display:block;
		}
		#viewerSP{
			display:none;
		}

	}
	/* 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,#F3F3F3 0%,#F3F3F3 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:12px;
		}
		#sviewerSP .h1subt {
			font-size:20px;
			font-weight:bold;
			padding-top:0;
		}
		#sviewerSP .box01 {
			margin: 0  auto 0 auto;
			width:90%;
			height:90px;
			text-align:left;
		}
	}

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