/*----------------------------------------------------------------------------*/
/*  SAVIORS｜茨城セイバーズ	KeyVisual					  CSS    */
/*----------------------------------------------------------------------------*/

	/* ☆ KeyVisual Image Area --------------*/
	#fview {	
		display:block;
		margin: 0  auto 0 auto;
		width: 100%;
		border-bottom:none;
		border:none;
/*		padding-top:60px;
		padding-bottom:30px;	*/
	}
	.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:100vh;		/* ★PC height */
		position:relative;
	}
	.viewer dl,dt,dd {
		display:block;
	}
	.viewer #guide01 li.fview01 {		/* ■ PC FView #01 */
		margin: 0 auto 0 auto;
		width:100%;
		height:720px;
		height:100vh;		/* ★PC height */
		background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
		url("../images/fview/fv0102.jpg") no-repeat;
		background-size: cover;
		background-position: center top 0; 
	}
	.viewer #guide01 li.fview01 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:23%;
		left:0;
		right:0;
		margin: auto;
		width:100%;
		height: 400px;
	}
	.viewer #guide01 li.fview01 .vox01 .txt01 {
		padding-top:250px;
		padding-top:180px;
		font-size:60px;
		text-align:right;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-display: swap;
		transform: rotate(-7deg);	/*◇斜体 */
		color: #FFF;
		padding-right:17%;
	}
	.viewer #guide01 li.fview01 .vox01 .txt02 {
		margin:0 auto 0 auto;
		width:100%;
		padding-top:8%;
		font-size:54px;
		letter-spacing :2px;
		text-align:center;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color: #FFF;
	}
	.viewer #guide01 li.fview02 {		/* ■ PC FView #02 */
		margin: 0  auto 0 auto;
		width:100vw;
		width:100%;
		height:720px;
		height:100vh;		/* ★PC height */
		background:linear-gradient(rgba(27, 74, 112, 0.0), rgba(27, 74, 112, 0.0)),
		url("../images/fview/kvbg01.jpg") no-repeat;
		background-size: cover;
		background-position: center top 0; 
			/* 透過色を重ねる */
	}
	.viewer #guide01  li.fview02 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:23%;
		left: 12%;
		width:70%;
		height: 375px;
		z-index:9;
	}
	.viewer #guide01 li.fview02 .vox01>ul {
		margin: 0 auto 0 auto;
		height: 100%;
		padding:10px 30px 30px 30px;
		padding:3% 30px 30px 10%;
	}
	.viewer #guide01 li.fview02 .vox01 .txt01 {
		margin: 0 auto 0 auto;
		line-height:1.8em;
		letter-spacing :2px;
		font-size: 5.2rem;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
		color: #0c3484;		/* svs-blue  */
		text-shadow: 2px 2px 2px #888;
		padding-top:0;
		padding-left:0;
	}
	.viewer #guide01 li.fview02 .vox01 .txt02 {
		margin: 10px auto 0 auto;
		font-size:30px;
		font-size: 4.2rem;
		line-height:1.8em;
		letter-spacing :2px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color: #333;
		padding-top:0;
	}
	.viewer #guide01 li.fview02 .vox01 .txt03 {
		margin-top:20%;
		text-align:right;
		padding-right:15%;
		font-size:1.8vw;
		letter-spacing: 0.05em;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-display: swap;
		color: #FFF;
		transform: rotate(-7deg);	/*◇斜体 */
	}
	.viewer #guide01 li.fview02 .sym01 {		/* symbol01 */
		position:absolute;
		top:15%;
		right:0;
		width:1032px;
		height: 671px;
		background	: url("../images/fview/kv0201-01.png") no-repeat;
		background-size:1032px 671px;
		background-position:top 0 center;
	}
	.viewer #guide01 li.fview02 .sym01 img {
		display:block;
	}

	.viewer #guide01 li.fview03 {		/* ■ PC FView #03 */
		margin: 0  auto 0 auto;
		width:100vw;
		width:100%;
		height:720px;
		height:100vh;		/* ★PC height */
		background:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),
		url("../images/fview/kvbg01.jpg") no-repeat;
		background-size: cover;
		background-position: center top 0; 
			/* 透過色を重ねる */
	}
	.viewer #guide01  li.fview03 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:25%;
		left: 15%;
		width:70%;
		background-color:rgba( 255,255,255,0.00 ); 	/*  White  透過95% */
		z-index:9;
	}
	.viewer #guide01 li.fview03 .vox01>ul {
		margin: 0 auto 0 auto;
		height: 100%;
		padding-top:5%;
		padding-left:0px;
		padding-bottom:20px;
/*		border-left:7px solid #00B1BE;	*/	/* sbmc-green01 */
	}
	.viewer #guide01 li.fview03 .vox01 .txt01 {
		margin: 0 auto 0 auto;
		line-height:1.8em;
		letter-spacing :2px;
		font-size: 4.2rem;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color: #0c3484;		/* svs-blue  */
		text-shadow: 2px 2px 2px #888;
		padding-top:0;
		padding-left:0;
	}
	.viewer #guide01 li.fview03 .vox01 .txt02 {
		margin: 10px auto 0 auto;
		font-size: 3.2rem;
		font-size: 2.8rem;
		line-height:1.8em;
		letter-spacing :2px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color: #333;
		padding-top:0;
	}
	.viewer #guide01 li.fview03 .vox01 .txt03 {
		margin-top:20%;
		text-align:right;
		padding-right:15%;
		font-size:1.8vw;
		letter-spacing: 0.05em;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-display: swap;
		color: #FFF;
		transform: rotate(-7deg);	/*◇斜体 */
	}
	.viewer #guide01 li.fview03 .sym02 {		/* symbol02 */
		position:absolute;
		top:15%;
		right:0;
		width:1032px;
		height: 671px;
		background	: url("../images/fview/kv0301.png") no-repeat;
		background-size:1032px 671px;
		background-position:top 0 center;
	}
	.viewer #guide01 li.fview03 .sym02 img {
		display:block;
	}
	.viewer #guide01 li.fview04 {		/* ■ PC FView #04 */
		margin: 0  auto 0 auto;
		width:100vw;
		width:100%;
		height:720px;
		height:100vh;		/* ★PC height */
		background:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),
		url("../images/fview/kvbg01.jpg") no-repeat;
		background-size: cover;
		background-position: center top 0; 
			/* 透過色を重ねる */
	}
	.viewer #guide01  li.fview04 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:25%;
		left: 15%;
		width:70%;
		background-color:rgba( 255,255,255,0.00 ); 	/*  White  透過95% */
		z-index:9;
	}
	.viewer #guide01 li.fview04 .vox01>ul {
		margin: 0 auto 0 auto;
		height: 100%;
		padding-top:5%;
		padding-left:0px;
		padding-bottom:20px;
/*		border-left:7px solid #00B1BE;	*/	/* sbmc-green01 */
	}
	.viewer #guide01 li.fview04 .vox01 .txt01 {
		margin: 0 auto 0 auto;
		line-height:1.8em;
		letter-spacing :2px;
		font-size: 4.2rem;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color: #0c3484;		/* svs-blue  */
		text-shadow: 2px 2px 2px #888;
		padding-top:0;
		padding-left:0;
	}
	.viewer #guide01 li.fview04 .vox01 .txt02 {
		margin: 10px auto 0 auto;
		font-size: 2.8rem;
		line-height:1.8em;
		letter-spacing :2px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color: #333;
		padding-top:0;
	}
	.viewer #guide01 li.fview04 .vox01 .txt03 {
		margin-top:20%;
		text-align:right;
		padding-right:15%;
		font-size:1.8vw;
		letter-spacing: 0.05em;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-display: swap;
		color: #FFF;
		transform: rotate(-7deg);	/*◇斜体 */
	}
	.viewer #guide01 li.fview04 .sym02 {		/* symbol02 */
		position:absolute;
		top:15%;
		right:0;
		width:1032px;
		height: 671px;
		background	: url("../images/fview/kv0302.png") no-repeat;
		background-size:1032px 671px;
		background-position:top 0 center;
	}
	.viewer #guide01 li.fview03 .sym02 img {
		display:block;
	}

	.viewer #guide01 li.fview05 {		/* ■ PC FView #04 */
		margin: 0 auto 0 auto;
		width:100%;
		height:720px;
		height:100vh;		/* ★PC height */
/*		background:linear-gradient(rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0)),	*/
		background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
		url("../images/fview/fv0402.jpg") no-repeat;
		background-size: cover;
		background-position: center top 0; 
	}
	.viewer #guide01 li.fview05 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:22%;
		left:0;
		right:0;
		margin: auto;
		width:100%;
		height: 400px;
	}
	.viewer #guide01 li.fview05 .vox01 .txt01 {
		margin:0 auto 0 auto;
		width:100%;
		padding-top:6%;
		font-size:54px;
		font-size: 4.8rem;
		letter-spacing :2px;
		text-align:center;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color: #FFF;
	}
	.viewer #guide01 li.fview05 .vox01 .txt02 {
		padding-top:15%;
		padding-right:15%;
		padding-top:10%;
		padding-right:20%;
		font-size:40px;
		font-size:2.8vw;
		text-align:right;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-display: swap;
		transform: rotate(-7deg);	/*◇斜体 */
		color: #FFF;
	}
	.viewer #guide01 li .scbox {	/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:92%;
		left:0;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide01 li .scbox a {
		display:block;
		margin:0 auto 0 auto;
		width:150px;
		height: 80px;
	}
	.viewer #guide01 li .scbox .scrolldown01 {		/* ScroolDown */
		display:block;
		position:absolute;
		bottom:-10px;
		right:0;
		left:0;
		margin:auto;
		width:1px;
		height: 80px;
		color: #333; 
		font-size:14px;
		text-align:center;
		padding-top:0px; 
		border-right:1px solid #BDC3C7;		/* Siver */
		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 .scbox .scrolldown02 {		/* ScroolDown */
		position:absolute;
		bottom:-10px;
		right:0;
		left:0;
		margin:auto;
		width:1px;
		height: 80px;
		color: #FFF; 
		border-right: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 .scbox .sdtxt01 {
		position:absolute;
		top:0;
		left:65px;
		width:100%;
		font-size:13px;
		letter-spacing:1px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		color: #777;
		text-align:center;
		padding-top:0px; 
	}
	.viewer #guide01 li .scbox .sdtxt02 {
		position:absolute;
		top:0;
		left:65px;
		width:100%;
		font-size:13px;
		letter-spacing:1px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		color: #FFF;
		text-align:center;
		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: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 300;
		font-style: normal;
		font-display: swap;
		color: #FFF;
		opacity:0.8
	}

	.viewer #guide02 li {		/* ■ SP  ----------------------------*/
		display:block;
		margin: 0 auto 0 auto;
		width:100%;
		height:450px;
		position:relative;
	}
	.viewer #guide02 li.fview01 {		/* ■ SP FView #01 */
		margin: 0  auto 0 auto;
		width:100%;
		height:450px;
		background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
		url("../images/fview/fv0102_sp.jpg") no-repeat;
		background-size: cover;
		background-position: center top 0; 
	}
	.viewer #guide02 li.fview01 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:45%;
		left:0;
		right:0;
		margin: auto;
		width:100%;
		height: 100px;
	}
	.viewer #guide02 li.fview01 .vox01 .txt01 {
		padding-top:50px;
		font-size:20px;
		text-align:center;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-display: swap;
		color: #FFF;
		transform: rotate(-7deg);	/*◇斜体 */
	}
	.viewer #guide02 li.fview01 .vox01 .txt02 {
		margin:0 auto 0 auto;
		width:100%;
		padding-top:20px;
		font-weight:bold;
		font-size:17px;
		text-align:center;
		font-weight:13px;
/*		font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
		font-display: swap;	*/
		color: #FFF;
	}
	.viewer #guide02 .fview01 .scbox {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:85%;
		left:70%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide02 li.fview02 {		/* ■ SP FView #02 */
		margin: 0  auto 0 auto;
		width:100%;
		height:450px;
		background: url("../images/fview/kvbg01_sp.jpg") no-repeat;
		background-size:contain;
		background-position:  0 0;
	}
	.viewer #guide02 li.fview02 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:20%;
		left:0;
		right:0;
		margin:auto;
		width:90%;
		height: 30%;
	}
	.viewer #guide02 li.fview02 .vox01 .txt01 {
		margin: 0 auto 0 auto;
		width:95%;
		font-size:16px;
		line-height:1.5em;
		letter-spacing :0.5px;
		font-weight:bold;
		padding-left:0;
	}
	.viewer #guide02 li.fview02 .vox01 .txt02 {
		margin: 5px auto 0 auto;
		font-size:19px;
		font-weight:bold;
		line-height:1.4em;
		letter-spacing :0.5px;
		text-align:left;
		color: #333;
		padding-top:0;
		padding-left:5%;
	}
	.viewer #guide02 li.fview02 .vox01 .txt03 {
		margin-top:30px;
		font-size:19px;
		text-align:center;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-display: swap;
		color: #FFF;
	}
	.viewer #guide02 li.fview02 .sym02 {
		position:absolute;
		top:42%;
		top:35%;
		right:0;
		width:361px;
		height: 235px;
		background	: url("../images/fview/kv0201-01.png") no-repeat;
		background-size:1032px 671px;
		background-size:361px 235px;		/* 35% */
		background-position:right 0 center;
	}
	.viewer #guide02 li.fview02 .sym02 img {
		display:block;
	}

	.viewer #guide02 li.fview03 {		/* ■ SP FView #03 */
		margin: 0  auto 0 auto;
		width:100%;
		height:450px;
		background: url("../images/fview/kvbg01_sp.jpg") no-repeat;
		background-size:contain;
		background-position:  0 0;
	}
	.viewer #guide02  li.fview03 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:20%;
		left:0;
		right:0;
		margin:auto;
		width:90%;
		height: 30%;
	}
	.viewer #guide02 li.fview03 .vox01 .txt01 {
		margin: 0 auto 0 auto;
		width:100%;
		font-size:14px;
		line-height:1.5em;
		letter-spacing :0.5px;
		font-weight:bold;
		padding-left:0;
	}
	.viewer #guide02 li.fview03 .vox01 .txt02 {
		margin: 5px auto 0 auto;
		font-size:18px;
		font-weight:bold;
		line-height:1.4em;
		letter-spacing :0.5px;
		text-align:left;
		font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
		font-display: swap;
		color: #333;
		padding-top:0;
		padding-left:5%;
	}
	.viewer #guide02 li.fview03 .vox01 .txt03 {
		margin-top:30px;
		font-size:19px;
		text-align:center;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-display: swap;
		color: #FFF;
	}
	.viewer #guide02 li.fview03 .sym03 {
		position:absolute;
		top:35%;
		right:0;
		width:361px;
		height: 235px;
		background	: url("../images/fview/kv0301.png") no-repeat;
		background-size:1032px 671px;
		background-size:361px 235px;		/* 35% */
		background-position:right 0 center;
	}

	.viewer #guide02 li.fview04 {		/* ■ SP FView #04 */
		margin: 0  auto 0 auto;
		width:100%;
		height:450px;
		background: url("../images/fview/kvbg01_sp.jpg") no-repeat;
		background-size:contain;
		background-position:  0 0;
	}
	.viewer #guide02  li.fview04 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:20%;
		left:0;
		right:0;
		margin:auto;
		width:90%;
		height: 30%;
	}
	.viewer #guide02 li.fview04 .vox01 .txt01 {
		margin: 0 auto 0 auto;
		width:100%;
		font-size:14px;
		line-height:1.5em;
		letter-spacing :0.5px;
		font-weight:bold;
		padding-left:0;
	}
	.viewer #guide02 li.fview04 .vox01 .txt02 {
		margin: 5px auto 0 auto;
		font-size:18px;
		font-weight:bold;
		line-height:1.4em;
		letter-spacing :0.5px;
		text-align:left;
		font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
		font-display: swap;
		color: #333;
		padding-top:0;
		padding-left:5%;
	}
	.viewer #guide02 li.fview04 .vox01 .txt03 {
		margin-top:30px;
		font-size:19px;
		text-align:center;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-display: swap;
		color: #FFF;
	}
	.viewer #guide02 li.fview04 .sym04 {		/* symbol02 */
		position:absolute;
		top:35%;
		right:0;
		width:361px;
		height: 235px;
		background	: url("../images/fview/kv0302.png") no-repeat;
		background-size:1032px 671px;
		background-size:361px 235px;		/* 35% */
		background-position:right 0 center;
	}

	.viewer #guide02 li.fview05 {		/* ■ SP FView #04 */
		margin: 0  auto 0 auto;
		width:100%;
		height:450px;
		background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
		url("../images/fview/fv0402_sp.jpg") no-repeat;
		background-size: cover;
		background-position: center top 0; 
	}
	.viewer #guide02 li.fview05 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:35%;
		left:0;
		right:0;
		margin: auto;
		width:100%;
		height: 100px;
	}
	.viewer #guide02 li.fview05 .vox01 .txt01 {
		margin:0 auto 0 auto;
		width:100%;
		padding-top:20px;
		font-weight:bold;
		font-size:22px;
		text-align:center;
		font-weight:13px;
		color: #FFF;
	}
	.viewer #guide02 li.fview05 .vox01 .txt02 {
		padding-top:80px;
		font-size:25px;
		text-align:center;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-display: swap;
		color: #FFF;
		transform: rotate(-7deg);	/*◇斜体 */
	}
	.viewer #guide02 .fview05 .scbox {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:85%;
		left:70%;
		width:150px;
		height: 70px;
		z-index:99;
		position:relative;
	}
	.viewer #guide02 li.fview04 .sym02 img {
		display:block;
	}
	.viewer #guide02 li.fview01 .scbox {	/* ScroollDown BOX */
		display:block;
		position:absolute;
		bottom:0;
		left:0;
		width:100px;
		height: 30px;
		z-index:99;
		position:relative;
	}
	.viewer #guide02 li.fview02 .scbox {	/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:90%;
		left:-30px;
		width:100px;
		height: 50px;
		z-index:99;
		position:relative;
	}
	.viewer #guide02 li.fview03 .scbox {	/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:90%;
		left:-30px;
		width:100px;
		height: 50px;
		z-index:99;
		position:relative;
	}
	.viewer #guide02 li.fview04 .scbox {	/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:90%;
		left:-30px;
		width:100px;
		height: 50px;
		z-index:99;
		position:relative;
	}

	.viewer #guide02 li.fview05 .scbox {	/* ScroollDown BOX */
		display:block;
		position:absolute;
		bottom:0;
		left:0;
		width:100px;
		height: 30px;
		z-index:99;
		position:relative;
	}
	.viewer #guide02 li .scbox a {
		display:block;
		margin:0 auto 0 auto;
		width:100px;
		height: 50px;
	}
	.viewer #guide02 li .scbox .scrolldown01 {		/* ScroolDown */
		display:block;
		position:absolute;
		bottom:0;
		right:0;
		left:0;
		margin:auto;
		width:1px;
		height: 50px;
		color: #333; 
		font-size:14px;
		text-align:center;
		padding-top:0px; 
		border-right:1px solid #BDC3C7;		/* Siver */
		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 #guide02 li .scbox .scrolldown02 {		/* ScroolDown */
		position:absolute;
		bottom:0;
		right:0;
		left:0;
		margin:auto;
		width:1px;
		height: 50px;
		color: #FFF; 
		border-right: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 #guide02 li .scbox .sdtxt01 {
		position:absolute;
		top:15px;
		left:65px;
		width:100%;
		font-size:11px;
		letter-spacing:1px;
		color: #555;
		text-align:center;
		padding-top:0px; 
	}
	.viewer #guide02 li .scbox .sdtxt02 {
		position:absolute;
		top:15px;
		left:65px;
		width:100%;
		font-size:11px;
		letter-spacing:1px;
		color: #FFF;
		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%;
			background-color: transparent;
			background-color: #F4F4F4;
			border:none;
			position: relative;
		}
		#viewerPC {
			display:block;
		}
		#viewerSP{
			display:none;
		}
		#viewerSP guide02.bxslider {
			display:none;
		}
		#fview .symbl01 {
			position:absolute;
			top:75%;
			left:12%;
			width:100%;
			width:315px;
			height:334px;
			z-index:1;
		}
		#fview .symbl01 img {
			display:block;
		}
	}

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

		.viewer #guide01 li.fview01 .vox01 .txt01 {
			margin:0 auto 0 auto;
			width:100%;
			padding-top:8%;
			font-size:46px;
			}
		.viewer #guide01 li.fview01 .sym01 {		/* ◇ symbol R */
			position:absolute;
			top:40%;
			right:-0;
			width:321px;
			height:242px;
			background	: url("../images/fview/kv02sym01.png") no-repeat;
			background-size:535px 404px;
			background-size:321px 242px;	/* 60% */
			background-position:  center 0;
		}
		.viewer #guide01 li.fview01 .sym01 img {
			display:block;
		}
		.viewer #guide01  li.fview02 .vox01 {		/* PC VOX01 ◆  */
			width:70%;
		}
		.viewer #guide01 li.fview02 .vox01 .txt01 {
			font-size:40px;
			text-align:left;
		}
		.viewer #guide01 li.fview02 .vox01 .txt02 {
			font-size:40px;
			text-align:left;
			padding-left:0;
		}

	}
	/* 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;
			background-color:#FFFFFF;
		}
		.viewer #guide02 li.fview01 {		/* ■ tablet FView #01 */
			margin: 0  auto 0 auto;
			width:100%;
			height:500px;
			background:linear-gradient( 45deg, #67D5E3 0%,#67D5E3 30%,#F4F4F4 100%);	/* ★ */
			position:relative;
		}
		.viewer #guide02  li.fview01 .vox01 {		/* PC VOX01 ◆  */
			position:absolute;
	/*		top:48%;
			left:0;
			right:0;
			margin:auto;*/
			top:25%;
			left:10%;
			width:273px;
			height: 164px;
			background-image:url("../images/fview/kv01cnt01.png");
			background-size:	781px 469px;
			background-size:273px 164px;	/* 35% */
			background-position:	center center;
			background-repeat:no-repeat;

			position:absolute;
			top:20%;
			left:0;
			right:0;
			margin: auto;
			width:100%;
			height: 400px;
		}
		.viewer #guide02 .fview01 .scbox {		/* ScroollDown BOX */
			display:block;
			position:absolute;
			top:85%;
			left:85%;
			width:150px;
			height: 70px;
			z-index:99;
			position:relative;
		}

	}

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