/*----------------------------------------------------------------------------*/
/*  Tranquwell 	TOP Key Visual								  CSS    */
/*----------------------------------------------------------------------------*/

	/* ☆ KeyVisual Image Area --------------*/
	#fview {	
		display:block;
		margin: 0  auto 0 auto;
		width: 100%;
		padding-bottom:30px;
		background-color: #FFF;
		border-bottom:none;
		border:none;
		padding-top:60px;
	}
	.viewer{
		margin: 0  auto 0 auto;
	}
	#viewerSP {
		display:block;
		margin: 0  auto 0 auto;
		background-color:#FFF;
		border:none;
	}
	#viewerPC {
		display:none;
	}

	/* ☆ KeyVisual Image Block ------------*/

	.viewer #guide01 li {		/* ■ PC  -----------------*/
		display:block;
		margin: 0  auto 0 auto;
		width:100%;
		height:500px;
		position:relative;
	}
	.viewer dl,dt,dd {
		display:block;
	}

	.viewer #guide01 li.fview01 {		/* ■ PC FView #01 */
		margin: 0  auto 0 auto;
		width:100%;
		height:500px;
		background:/*linear-gradient(rgba(255, 255, 255, 0.5), rgba(255,255,255,0.5)), */
		url("../images/fview/kv01.jpg") no-repeat;
		background-size: cover;
		background-position: center; 
	}
	.viewer #guide01  li.fview01 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:10%;
		left: 0;
		right:0;
		margin:auto;
		width:90%;
		height: 500px;
		/* /* background:url("../images/fview/totonoeru.png") no-repeat; */ */
		background-size: 111px 111px;
		background-position: center;
	}
	.viewer #guide01 li.fview01 .vox02 {	/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:87%;
		left:3%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide01 li.fview02 {		/* ■ PC FView #02 */
		margin: 0  auto 0 auto;
		width:100%;
		height:500px;
		background:/*linear-gradient(rgba(255, 255, 255, 0.5), rgba(255,255,255,0.5)), */
		url("../images/fview/kv02.jpg") no-repeat;
		background-size: cover;
		background-position: center;
	}
	.viewer #guide01  li.fview02 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:10%;
		left: 0;
		right:0;
		margin:auto;
		width:90%;
		height: 350px;
		/* background:url("../images/fview/totonoeru.png") no-repeat; */
		background-size: 111px 111px;
		background-position: center;
	}
	.viewer #guide01 li.fview02 .vox02 {	/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:87%;
		left:3%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide01 li.fview03 {		/* ■ PC FView #03 */
		margin: 0  auto 0 auto;
		width:100vw;
		width:100%;
		height:500px;
		background:/*linear-gradient(rgba(255, 255, 255, 0.5), rgba(255,255,255,0.5)), */
		url("../images/fview/kv03.jpg") no-repeat;	/* 透過色を重ねる */
		background-size: cover;
		background-position: center;
	}
	.viewer #guide01  li.fview03 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:10%;
		left: 0;
		right:0;
		margin:auto;
		width:90%;
		height: 500px;
		/* background:url("../images/fview/totonoeru.png") no-repeat; */
		background-size: 111px 111px;
		background-position: center;
	}
	.viewer #guide01 li.fview03 .vox02 {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:87%;
		left:3%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide01 li.fview04 {		/* ■ PC FView #04 */
		margin: 0  auto 0 auto;
		width:100vw;
		width:100%;
		height:500px;
		background:/*linear-gradient(rgba(255, 255, 255, 0.5), rgba(255,255,255,0.5)), */
		url("../images/fview/kv04.jpg") no-repeat;	/* 透過色を重ねる */
		background-size: cover;
		background-position: top center;
	}
	.viewer #guide01 li.fview04 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:10%;
		left: 0;
		right:0;
		margin:auto;
		width:90%;
		height: 350px;
		/* background:url("../images/fview/totonoeru.png") no-repeat; */
		background-size: 111px 111px;
		background-position: center;
	}
	.viewer #guide01 li.fview04 .vox02 {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:87%;
		left:3%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide01 li.fview05 {		/* ■ PC FView #05 */
		margin: 0  auto 0 auto;
		width:100%;
		height:500px;
		background:/*linear-gradient(rgba(255, 255, 255, 0.5), rgba(255,255,255,0.5)), */
		url("../images/fview/kv05.jpg") no-repeat;	/* 透過色を重ねる */
		background-size: cover;
		background-position: 50% 80%;
	}
	.viewer #guide01  li.fview05 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:10%;
		left: 0;
		right:0;
		margin:auto;
		width:90%;
		height: 350px;
		/* background:url("../images/fview/totonoeru.png") no-repeat; */
		background-size: 111px 111px;
		background-position: center;
	}
	.viewer #guide01 li.fview05 .vox02 {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:87%;
		left:3%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide01 li.fview06 {		/* ■ PC FView #06 */
		margin: 0  auto 0 auto;
		width:100vw;
		width:100%;
		height:500px;
		background:/*linear-gradient(rgba(255, 255, 255, 0.5), rgba(255,255,255,0.5)), */
		url("../images/fview/kv06.jpg") no-repeat;	/* 透過色を重ねる */
		background-size: 190%;
  		background-position: 82% center;
	}
	.viewer #guide01  li.fview06 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:10%;
		left: 0;
		right:0;
		margin:auto;
		width:90%;
		height: 350px;
		/* background:url("../images/fview/totonoeru.png") no-repeat; */
		background-size: 111px 111px;
		background-position: center;
	}
	.viewer #guide01 li.fview06 .vox02 {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:87%;
		left:3%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide01 li.fview07 {		/* ■ PC FView #07 */
		margin: 0  auto 0 auto;
		width:100%;
		height:500px;
		background:/*linear-gradient(rgba(255, 255, 255, 0.5), rgba(255,255,255,0.5)), */
		url("../images/fview/kv07.jpg") no-repeat;	/* 透過色を重ねる */
		background-size: cover;
		background-position: center;
	}
	.viewer #guide01  li.fview07 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:10%;
		left: 0;
		right:0;
		margin:auto;
		width:90%;
		height: 350px;
		/* background:url("../images/fview/totonoeru.png") no-repeat; */
		background-size: 111px 111px;
		background-position: center;
	}
	.viewer #guide01 li.fview07 .vox02 {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:87%;
		left:3%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide01 li.fview08 {		/* ■ PC FView #08 */
		margin: 0  auto 0 auto;
		width:100%;
		height:500px;
		background:/*linear-gradient(rgba(255, 255, 255, 0.5), rgba(255,255,255,0.5)), */
		url("../images/fview/kv08.jpg") no-repeat;	/* 透過色を重ねる */
		background-size: cover;
		background-position: center top 0; 
	}
	.viewer #guide01  li.fview08 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:10%;
		left: 0;
		right:0;
		margin:auto;
		width:90%;
		height: 350px;
		/* background:url("../images/fview/totonoeru.png") no-repeat; */
		background-size: 111px 111px;
		background-position: center 0; 
	}
	.viewer #guide01 li.fview08 .vox02 {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:87%;
		left:3%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide01 li.fview09 {		/* ■ PC FView #09 */
		margin: 0  auto 0 auto;
		width:100%;
		height:500px;
		background:/*linear-gradient(rgba(255, 255, 255, 0.5), rgba(255,255,255,0.5)), */
		url("../images/fview/kv09.jpg") no-repeat;	/* 透過色を重ねる */
		background-size: cover;
		background-position: center top 0; 
	}
	.viewer #guide01  li.fview09 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:10%;
		left: 0;
		right:0;
		margin:auto;
		width:90%;
		height: 350px;
		/* background:url("../images/fview/totonoeru.png") no-repeat; */
		background-size: 111px 111px;
		background-position: center 0; 
	}
	.viewer #guide01 li.fview09 .vox02 {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:87%;
		left:3%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide01 li.fview10 {		/* ■ PC FView #10 */
		margin: 0  auto 0 auto;
		width:100%;
		height:500px;
		background:linear-gradient(rgba(255, 255, 255, 0.5), rgba(255,255,255,0.5)),
		url("../images/fview/kv10.jpg") no-repeat;	/* 透過色を重ねる */
		background-size: cover;
		background-position: center top 0; 
	}
	.viewer #guide01  li.fview10 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:10%;
		left: 0;
		right:0;
		margin:auto;
		width:90%;
		height: 350px;
		/* background:url("../images/fview/totonoeru.png") no-repeat; */
		background-size: 111px 111px;
		background-position: center 0; 
	}
	.viewer #guide01 li.fview10 .vox02 {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:87%;
		left:3%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide01 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		bottom:0;
		left: 0;
		right:0;
		margin:auto;
		width:70%;
		height: 300px;
		text-align:center;
		z-index:3;
		position:relative;
	}
	.viewer #guide01 .txtimg {
		position:absolute;
		top:15%;
		left: 0;
		right:0;
		margin:auto;
		width:100%;
		text-align:center;
	}
	.viewer #guide01 .txtimg img {
/*		display:block;
		margin: 0 auto 0 auto;
		width:104px;
		height:112px;	*/
	}
	.viewer #guide01 .vox01 .txth {
		margin: 0 auto 30px auto;
		width:70%;
		font-size:60px;
		line-height:2.2em;
		text-align:center;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #FFF;
		padding-left:0;
	}
	.viewer #guide01 .vox01 .txt01 {
		margin: 0 auto 0;
		width:50%;
		font-size:1.3rem;
		background-color: rgba(255,255,255,0.7);
		padding: 50px 20px;
		letter-spacing :1px;
		line-height:1.9em;
		text-align:left;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #333;
		font-weight: bold;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
	}
	.viewer #guide01 .vox01 .txt02 {
		margin: 0 auto 0 auto;
		width:100%;
		font-size:1.3rem;
		background-color: rgba(255,255,255,0.7);
		padding: 30px;
		letter-spacing :2px;
		line-height:1.7em;
		text-align:left;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #FFF;
		padding-left:0;
	}
	.viewer #guide01 .vox01 .txt03 {
		margin: 0 auto 0 auto;
		width:90%;
		font-size:1.3rem;
		background-color: rgba(255,255,255,0.7);
		padding: 30px;
		letter-spacing :2px;
		line-height:1.7em;
		text-align:left;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #FFF;
		padding-left:36%;
	}
	.viewer #guide01 .vox01 .txt04 {
		display: block;
		position:absolute;
		font-size:1.3rem;
		background-color: rgba(255,255,255,0.7);
		padding: 30px;
		top:100%;
		top:80%;
		left:36%;
		width : 642px;
		height: 31px;
		text-indent: -99999px;	/* テキスト非表示 */
		border	: 0px;
		background	: url("../images/fview/fv01txt02.png") no-repeat;
		background-size:546px 27px;
		background-position:top 0 center;
	}
	.viewer #guide01 .vox02 .txt01 {
		margin: 0 auto 0 auto;
		width:90%;
		font-size:40px;
		letter-spacing :2px;
		line-height:1.8em;
		text-align:left;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #FFF;
		padding-left:30%;
		padding-left:0;
	}

	 .viewer #guide01 .vox01 .fv-hline  {	/* FV H-line */
		display:block;
		position:absolute;
		top:50%;
		left:0%;
		width:60%;
		height: 5px;
		padding-top:0; 
		border-top:1px solid #FFF;
		transform: scaleX(0);		/* 縦 borderline 伸縮 animation　★ */
		transform: scaleX(1);		/* 縦 borderline 伸縮 animation　★ 停止 */
		transform-origin:left;
/*	 	animation : extend-x 2.8s linear 0.0s infinite normal none running;	*/
	 	animation : extend-x 2.8s linear 0.0s ;
	}
	 .viewer #guide01 .box01 .fv-hline  {	/* FV H-line */
		display:block;
		position:absolute;
		top:52%;
		left:16%;
		width:37%;
		height: 5px;
		padding-top:0; 
		border-top:5px solid #FCC700;		/* fujiken-orange02 */
		transform: scaleX(0);		/* 縦 borderline 伸縮 animation　★ */
		transform: scaleX(1);		/* 縦 borderline 伸縮 animation　★ 停止 */
		transform-origin:left;
/*	 	animation : extend-x 2.8s linear 0.0s infinite normal none running;	*/
	 	animation : extend-x 2.8s linear 0.0s ;
	}
	@keyframes extend-x{
		0%{
			transform: scaleX(0);
		}
		 100%{
			  transform: scaleX(1);
		 }
	}

	.viewer #guide01 li .box01 .scrolldown01 a {		/* ScroolDown */
		display:block;
		position:absolute;
		bottom:0px;
		right:50px;
		width:130px;
		height: 60px;
		color: #444; 
		font-size:13px;
		text-align:center;
		padding-top:0px; 
		border-right:1px solid #444;
		z-index:99;
		transform: scaleY(0);			/* 縦 borderline 伸縮 animation　★ */
		transform-origin: top;
	 	animation : extend-y 0.8s linear 0.0s infinite alternate none running;
	 	animation : extend-y 1.5s linear 0.0s infinite normal none running;
	}
	.viewer #guide01 li .vox02 .scrolldown a {		/* ScroolDown */
		display:block;
		position:absolute;
		bottom:-10px;
		left:0px;
		width:80px;
		height: 70px;
		color: #FFF; 
		font-size:13px;
		text-align:center;
		padding-top:0px; 
		border-left:1px solid #FFF;
		z-index:99;
		transform: scaleY(0);			/* 縦 borderline 伸縮 animation　★ */
		transform-origin: top;
	 	animation : extend-y 0.8s linear 0.0s infinite alternate none running;
	 	animation : extend-y 1.5s linear 0.0s infinite normal none running;
	}
	@keyframes extend-y{
		0%{
			transform: scaleY(0);
		}
		 100%{
			  transform: scaleY(1);
		 }
	}
	.viewer #guide01 li .vox02 .sdtxt {
		position:absolute;
		top:7px;
		left:20px;
		width:100%;
		color: #FFF;
		font-size:13px;
		text-align:left;
		padding-top:0px; 
	}
	.viewer #guide01 li .box01 dd.fv-hline01  {	/* FV H-line */
		display:block;
		margin: 30px  auto 0 auto;
		width:90%;
		height: 15px;
		height: 5px;
		padding-top:0; 
		border-top:5px solid #E67E22;	/* akf orange02  */
		transform: scaleX(1);				/* 縦 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 1.8s linear 0.0s infinite normal none running;
	 	animation : extend-x 1.8s linear 0.0s ;
	}
	@keyframes extend-x{
		0%{
			transform: scaleX(0);
		}
		 100%{
			  transform: scaleX(1);
		 }
	}
	.viewer #guide01 li .box01 dd.fv-hline02  {	/* FV H-line */
		display:block;
		margin: 30px  auto 0 auto;
		width:90%;
		height: 15px;
		height: 5px;
		padding-top:0; 
		border-top:5px solid #FFD62C;	/* cenarra yellow01 */
		border-top:5px solid #FFD62C;		/* akf yellow01 */
		transform: scaleX(1);				/* 縦 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 1.8s linear 0.0s infinite normal none running;
	 	animation : extend-x 1.8s linear 0.0s ;
	}
	@keyframes extend-x{
		0%{
			transform: scaleX(0);
		}
		 100%{
			  transform: scaleX(1);
		 }
	}
	.viewer #guide01 .txt01 .lighttxt {
		font-size:41px;
		letter-spacing :2px;
		font-family: "NotoSansCJKjp-Light";
		font-display: swap;
		color: #FFF;
		opacity:0.8
	}

	.viewer #guide02 li {		/* ■ SP  ----------------------------*/
		display:block;
		margin: 0 auto 0 auto;
		width:100%;
		height:400px;
		background-color:#FFF;
		position:relative;
	}
	.viewer #guide02 li.fview01 {		/* ■ SP FView #01 */
		margin: 0  auto 0 auto;
		width:100%;
		height:435px;
		background:/*linear-gradient(rgba(255, 255, 255, 0.5), rgba(255,255,255,0.5)), */
		url("../images/fview/kv01.jpg") no-repeat;
		background-size:cover;
		background-position: center top 0; 
	}
	.viewer #guide02 li.fview02 {		/* ■ SP FView #02 */
		margin: 0  auto 0 auto;
		width:100%;
		height:435px;
		background:/*linear-gradient(rgba(255, 255, 255, 0.5), rgba(255,255,255,0.5)), */
		url("../images/fview/kv02.jpg") no-repeat;
		background-size:cover;
		background-position: center top 0; 
	}

	.viewer #guide02 li.fview03 {		/* ■ SP FView #03 */
		margin: 0  auto 0 auto;
		width:100%;
		height:435px;
		background:/*linear-gradient(rgba(255, 255, 255, 0.5), rgba(255,255,255,0.5)), */
		url("../images/fview/kv03.jpg") no-repeat;
		background-size:cover;
		background-position: center top 0; 
		position:relative;
	}
	.viewer #guide02 li.fview04 {		/* ■ SP FView #04 */
		margin: 0  auto 0 auto;
		width:100%;
		height:435px;
		background:/*linear-gradient(rgba(255, 255, 255, 0.5), rgba(255,255,255,0.5)), */
		url("../images/fview/kv04.jpg") no-repeat;
		background-size:cover;
		background-position: center top 0; 
		position:relative;
	}
	.viewer #guide02 li.fview05 {		/* ■ SP FView #05*/
		margin: 0  auto 0 auto;
		width:100%;
		height:435px;
		background:/*linear-gradient(rgba(255, 255, 255, 0.5), rgba(255,255,255,0.5)), */
		url("../images/fview/kv05.jpg") no-repeat;
		background-size:cover;
		background-position: center top 0; 
		position:relative;
	}
	.viewer #guide02 li.fview06 {		/* ■ SP FView #06 */
		margin: 0  auto 0 auto;
		width:100%;
		height:435px;
		background:/*linear-gradient(rgba(255, 255, 255, 0.5), rgba(255,255,255,0.5)), */
		url("../images/fview/kv06.jpg") no-repeat;
		background-size:cover;
		background-position: center top 0; 
		position:relative;
	}
	.viewer #guide02 li.fview07 {		/* ■ SP FView #07 */
		margin: 0  auto 0 auto;
		width:100%;
		height:435px;
		background:/*linear-gradient(rgba(255, 255, 255, 0.5), rgba(255,255,255,0.5)), */
		url("../images/fview/kv07_sp.jpg") no-repeat;
		background-size:cover;
		background-position: center top 0; 
		position:relative;
	}
	.viewer #guide02 li.fview08 {		/* ■ SP FView #08 */
		margin: 0  auto 0 auto;
		width:100%;
		height:435px;
		background:/*linear-gradient(rgba(255, 255, 255, 0.5), rgba(255,255,255,0.5)), */
		url("../images/fview/kv08_sp.jpg") no-repeat;
		background-size:cover;
		background-position: center top 0; 
		position:relative;
	}
	.viewer #guide02 li.fview09 {		/* ■ SP FView #09 */
		margin: 0  auto 0 auto;
		width:100%;
		height:435px;
		background:/*linear-gradient(rgba(255, 255, 255, 0.5), rgba(255,255,255,0.5)), */
		url("../images/fview/kv09_sp.jpg") no-repeat;
		background-size:cover;
		background-position: center top 0; 
		position:relative;
	}
	.viewer #guide02 li.fview10 {		/* ■ SP FView #10 */
		margin: 0  auto 0 auto;
		width:100%;
		height:435px;
		background:/*linear-gradient(rgba(255, 255, 255, 0.5), rgba(255,255,255,0.5)), */
		url("../images/fview/kv10_sp.jpg") no-repeat;
		background-size:cover;
		background-position: center top 0; 
		position:relative;
	}
	.viewer #guide02 .vox03 .txt01 {
		margin: 15% auto 0 auto;
		width:90%;
		font-size:13px;
		line-height:1.8em;
		text-align:left;
		font-weight:bold;
		font-family: "ヒラギノ明朝", "Hiragino Mincho ProN", "NotoSerifCJKjp",serif;
		font-display: swap;
		color: #FFF;
		padding-top:100px;
		padding-left:0;
		padding-bottom:0;
		/* background:url("../images/fview/totonoeru.png") no-repeat; */
		background-size: 52px 56px;
		background-position: center 0; 
	}
	@media only screen and (max-width: 375px) {
		.viewer #guide02 .vox03 .txt01 {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			margin: 0 auto;
			width: 95%;
			font-size:12px;
			line-height:2.0em;
			text-align:center;
			font-weight:bold;
			color: #333;
			background-color: rgba(255,255,255,0.7);
			padding: 20px 10px;
		}
	}
	@media only screen and (max-width: 360px) {
		.viewer #guide02 .vox03 .txt01 {
			width:97%;
			font-size:12px;
			line-height:3.0em;
		}
	}

	.viewer #guide02 .vox03 .txt02 {
		margin: 22% auto 0 auto;
		width:90%;
		font-size:15px;
		line-height:2.0em;
		text-align:left;
		font-weight:bold;
		color: #FFF;
		padding-left:10%;
		padding-bottom:0;
	}
	.viewer #guide02 .vox03 .txt03 {
		margin: 20% auto 0 auto;
		width:90%;
		font-size:14px;
		line-height:1.8em;
		text-align:left;
		font-weight:bold;
		color: #FFF;
		padding-left:10%;
		padding-bottom:0;
	}

	.viewer #guide02 .vox03 .fv-hline01  {	/* FV H-line */
		display:block;
		position:absolute;
		top:40%;
		left:11%;
		width:50%;
		height: 5px;
		padding-top:0; 
		border-top:1px solid #FFD62C;		/* Fracti-orange04 */
		transform: scaleX(1);		/* 縦 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 1.5s linear 0.0s ;
	}

	.viewer #guide02 .vox03 .fv-hline01  {	/* FV H-line */
		display:block;
		position:absolute;
		top:25%;
		left:10%;
		width:80%;
		height: 5px;
		padding-top:0; 
		border-top:3px solid #FCC700;	/* fujiken-orange02 */
		transform: scaleX(1);		/* 縦 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 1.5s linear 0.0s ;
	}
	.viewer #guide02 .vox03 .fv-hline02  {	/* FV H-line */
		display:block;
		position:absolute;
		top:36%;
		left:12.5%;
		width:75%;
		height: 5px;
		padding-top:0; 
		border-top:1px solid #FFF;
		transform: scaleX(1);		/* 縦 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 1.5s linear 0.0s ;
	}
	.viewer #guide02 .vox03 .fv-hline03  {	/* FV H-line */
		display:block;
		position:absolute;
		top:37%;
		left:15%;
		width:60%;
		height: 5px;
		padding-top:0; 
		border-top:1px solid #3CB400;		/* sec-green01 */
		transform: scaleX(1);		/* 縦 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 1.5s linear 0.0s ;
	}
	.viewer #guide02 .vox03 .fv-hline04  {	/* FV H-line */
		display:block;
		position:absolute;
		top:47%;
		left:0;
		width:80%;
		height: 5px;
		padding-top:0; 
		border-top:1px solid #FFF;		/* AG-pink01 */
		transform: scaleX(1);		/* 縦 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 1.5s linear 0.0s ;
	}
	.viewer #guide02 .vox03 .fv-hline05  {	/* FV H-line */
		display:block;
		position:absolute;
		top:45%;
		left:0;
		width:75%;
		height: 5px;
		padding-top:0; 
		border-top:1px solid #FFF;
		transform: scaleX(1);		/* 縦 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 1.5s linear 0.0s ;
	}
	@keyframes extend-x{
		0%{
			transform: scaleX(0);
		}
		 100%{
			  transform: scaleX(1);
		 }
	}
	.viewer #guide02 .fview01 .scbox {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:37%;
		left:70%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide02 .fview02 .scbox {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:37%;
		left:70%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide02 .fview03 .scbox {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:28%;
		left:70%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide02 .fview05 .scbox {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:33%;
		left:70%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide02 .scbox .scrolldown01 a {		/* ScroolDown */
		display:block;
		position:absolute;
		bottom:0px;
		right:50px;
		width:130px;
		height: 60px;
		color: #FFF; 
		font-size:13px;
		text-align:center;
		padding-top:0px; 
		border-right:1px solid #FFF;
		z-index:7;
		transform: scaleY(0);			/* 縦 borderline 伸縮 animation　★ */
		transform-origin: top;
	 	animation : extend-y 1.5s linear 0.0s infinite normal none running;
	}
	@keyframes extend-y{
		0%{
			transform: scaleY(0);
		}
		 100%{
			  transform: scaleY(1);
		 }
	}
	.viewer #guide02 li .scbox .sdtxt {
		position:absolute;
		top:10px;
		right:40px;
		width:100%;
		color: #FFF;
		font-size:13px;
		text-align:center;
		padding-top:0px; 
	}
	.bx-wrapper .bx-prev {
		background-image:none;
	}
	.bx-wrapper .bx-next {
		background-image:none;
	}

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

	}

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

		#fview {	
			display:block;
			margin: 0  auto 0 auto;
			width: 100%;
			padding-bottom:60px;
			background-color: transparent;
			border:none;
			padding-top:0;
			background	: url("../images/bg/bgsym01.jpg") repeat-y;
			background-size:1600px 5px;
			position: relative;
		}
		#viewerPC {
			display:block;
		}
		#viewerSP{
			display:none;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#wrapper {
			margin-top: 0;
		}
		#viewerPC {
			display:none;
			margin: 0  auto 0 auto;
		}
		#viewerSP{
			display:block;
			margin: 0  auto 0 auto;
		}
		.viewer #guide02 li.fview01 {		/* ■ tablet FView #01 */
			margin: 0  auto 0 auto;
			width:100%;
			height:500px;
			background	: url("../images/fview/kv01.jpg") no-repeat;
			background-size:cover;
			background-position: center top 0; 
			position:relative;
		}
		.viewer #guide02 li.fview02 {		/* ■ tablet FView #02 */
			margin: 0  auto 0 auto;
			width:100%;
			height:500px;
			background	: url("../images/fview/kv02.jpg") no-repeat;
			background-size:cover;
			background-position: center top 0; 
			position:relative;
		}
		.viewer #guide02 li.fview03 {		/* ■ tablet FView #03 */
			margin: 0  auto 0 auto;
			width:100%;
			height:500px;
			background:linear-gradient(rgba(27, 74, 112, 0.2), rgba(27, 74, 112, 0.2)),
			url("../images/fview/kv03.jpg") no-repeat;
			background-size:cover;
			background-position: center top 0; 
			position:relative;
		}
		.viewer #guide02 li.fview04 {		/* ■ tablet FView #04 */
			margin: 0  auto 0 auto;
			width:100%;
			height:500px;
			background:linear-gradient(rgba(27, 74, 112, 0.2), rgba(27, 74, 112, 0.2)),
			url("../images/fview/kv04.jpg") no-repeat;
			background-size:cover;
			background-position: center top 0; 
			position:relative;
		}
		.viewer #guide02 li.fview05 {		/* ■ tablet FView #05 */
			margin: 0  auto 0 auto;
			width:100%;
			height:500px;
			background:linear-gradient(rgba(27, 74, 112, 0.2), rgba(27, 74, 112, 0.2)),
			url("../images/fview/kv05.jpg") no-repeat;
			background-size:cover;
			background-position: center top 0; 
			position:relative;
		}
		.viewer #guide02 li.fview06 {		/* ■ tablet FView #06 */
			margin: 0  auto 0 auto;
			width:100%;
			height:500px;
			background:linear-gradient(rgba(27, 74, 112, 0.2), rgba(27, 74, 112, 0.2)),
			url("../images/fview/kv06.jpg") no-repeat;
			background-size:cover;
			background-position: center top 0; 
			position:relative;
		}
		.viewer #guide02 li.fview07 {		/* ■ tablet FView #07 */
			margin: 0  auto 0 auto;
			width:100%;
			height:500px;
			background:linear-gradient(rgba(27, 74, 112, 0.2), rgba(27, 74, 112, 0.2)),
			url("../images/fview/kv07_tab.jpg") no-repeat;
			background-size:cover;
			background-position: center top 0; 
			position:relative;
		}
		.viewer #guide02 li.fview08 {		/* ■ tablet FView #08 */
			margin: 0  auto 0 auto;
			width:100%;
			height:500px;
			background:linear-gradient(rgba(27, 74, 112, 0.2), rgba(27, 74, 112, 0.2)),
			url("../images/fview/kv08_tab.jpg") no-repeat;
			background-size:cover;
			background-position: center top 0; 
			position:relative;
		}
		.viewer #guide02 li.fview09 {		/* ■ tablet FView #09 */
			margin: 0  auto 0 auto;
			width:100%;
			height:500px;
			background:linear-gradient(rgba(27, 74, 112, 0.2), rgba(27, 74, 112, 0.2)),
			url("../images/fview/kv09_tab.jpg") no-repeat;
			background-size:cover;
			background-position: center top 0; 
			position:relative;
		}
		.viewer #guide02 li.fview10 {		/* ■ tablet FView #10 */
			margin: 0  auto 0 auto;
			width:100%;
			height:500px;
			background:linear-gradient(rgba(27, 74, 112, 0.2), rgba(27, 74, 112, 0.2)),
			url("../images/fview/kv10_tab.jpg") no-repeat;
			background-size:cover;
			background-position: center top 0; 
			position:relative;
		}
		.viewer #guide02 .vox03 .fv-hline01  {	/* FV H-line */
			position:absolute;
			top:45%;
			left:10%;
			width:40%;
		}
		.viewer #guide02 .vox03 .fv-hline02  {	/* FV H-line */
			position:absolute;
			top:57%;
			left:15%;
			width:35%;
		}
		.viewer #guide02 .vox03 .fv-hline03  {	/* FV H-line */
			position:absolute;
			top:50%;
			left:15%;
			width:27%;
		}
		.viewer #guide02 .vox03 .fv-hline05  {	/* FV H-line */
			width:40%;
		}
	}
	.bx-wrapper .bx-prev {	/* < FV削除 */
		display:none;
	}
	.bx-wrapper .bx-next {	/* > FV削除 */
		display:none;
	}
	.bx-wrapper .bx-pager {	/* pager 〇● */
		position: absolute;
		bottom: -50px;
	}

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