/*----------------------------------------------------------------------------*/
/* 	 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,#F7F6F2 0%,#F7F6F2 45%,white 45%,white 100%);	/* ★  beige-gray03 */
	}
	#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:right;
	}
	#sviewerSP h1 {
		margin: 0  auto 0 auto;
		font-weight:bold;
		font-size:16px;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #6E3919;		/* sopv-brown03 */
		padding-top:14px;
	}
	#sviewerSP .h1subt {
		display:block;
		margin: 7px  auto 0 auto;
		font-size:12px;
		font-weight:normal;
		font-family: "Lora", "Noto Serif JP", serif;
		color: #A4966A;		/* Gold01 */
		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:0px;
			background-color: transparent;
			border:none;
			padding-top:70px;
		}
		#sviewerPC {			/* ●PC */
			display:block;
			margin: 0  auto 0 auto;
			width: 100%;
			height: 80px;
    		background: #F0EDE4;
			position: relative;
		}

		#sviewerPC .box01 {
			display:block;
			position: absolute;
			top: 18px;
			right:0;
			left:0;
			margin:auto;
			width:100%;
		}
		#sviewerPC .box01 h1 {
			display:block;
			margin: 0  auto 0 auto;
			font-weight: bold;
			font-family: "Lora", "Noto Serif JP", serif;
			font-display: swap;
			text-align:center;
			font-size:30px;
			letter-spacing:3px;
			color: #6E3919;		/* sopv-brown03 */
		}
		#sviewerPC .box01 h1 img {
		}
		#sviewerPC .box01 .h1subt {
			display:block;
			margin: 30px  auto 0 auto;
			font-size:17px;
			text-align:center;
			font-family: "Lora", "Noto Serif JP", serif;
			color: #A4966A;		/* Gold01 */
			letter-spacing:1.6px;
		}
		#sviewerPC dl,dt,dd {
			display:block;
		}
		#sviewerPC .rqsym {
			display:block;
			position: absolute;
			top: 40px;
			right:10%;
			width:210px;
			height:100px;
		}
		#sviewerPC .rqsym #fvsym01 img {
			display:block;
			margin: 25px  auto 0 auto;
		}
		#sviewerPC .rqsym dd.fv-hline  {	/* FV H-line */
			display:block;
			margin: 12px  auto 0 auto;
			width:100%;
			height: 5px;
			padding-top:0; 
			border-top:2px solid #EF8000;	/* fujiken-orange01 */
			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,#F7F6F2 0%,#F7F6F2 40%,white 40%,white 100%);	/* ★  beige-gray03 */
		}

		#viewerPC {
			display:none;
		}
		#viewerSP{
			display:block;
		}
		#sviewerSP h1 {
			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;
	}