/*----------------------------------------------------------------------------*/
/* 	プレサンスロジェ名護為又ヴォール SITE - 物件概要　ー				  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;
		border-bottom: 1px solid #DDD;
	}
	.viewer{
		margin: 0  auto 0 auto;
		border:none;
	}
	#viewerSP{
		display:block;
		margin: 0  auto 0 auto;
		background-color:#FFF;
	}
	#viewerPC {
		display:none;
	}

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

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

	.viewer #guide01 li .scline {	/* ScroollDown Line */
		position:absolute;
		bottom:0;
		right:0;
		width:100%;
		height: 90px;
		z-index:6;
		position:relative;
	}
	.viewer #guide01 li .scline .scrolldown a {		/* ScroolDown */
		display:block;
		position:absolute;
		bottom:0;
		right:4%;
		margin: 0  20px 0 auto;
		width:200px;
		height: 70px;
		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 0.8s linear 0.0s infinite alternate none running;
	 	animation : extend-y 1.5s linear 0.0s infinite normal none running;
	}
	.viewer #guide01 li .scline .scrolldown02 a {	/* ScroolDown */
		display:block;
		position:absolute;
		bottom:0;
		right:5%;
		margin: 0  20px 0 auto;
		width:200px;
		height: 70px;
		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 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 .scline .sdtxt {
		position:absolute;
		bottom:60px;
		right:110px;
		color: #FFF;
		font-size:13px;
		text-align:center;
		letter-spacing: 0.10em;
		padding-top:0px; 
	}
	.viewer #guide01 li .scline .sdtxt02 {
		position:absolute;
		bottom:60px;
		right:120px;
	 	color: #FFF;
		font-size:13px;
		text-align:center;
		letter-spacing: 0.10em;
		padding-top:0px; 
	}
	.viewer #guide01 li .scline .scrolldown a.scrolldown-ex {
		border-right:1px solid #FFF;
	}

	.viewer #guide01 li.fview05 {		/* ■ PC FView #01 */
		margin: 0  auto 0 auto;
		width:100%;
		height:330px;
		background	: url("../images/fview/sfv05.jpg") no-repeat;
		background-size:100%;
		position:relative;
	}
	.viewer #guide01 li.fview05 dl.box01 {
		position:absolute;
		top:50px;
		left: 34%;
		width:500px;
		height: 100px;
		text-align:center;
/*		background-color:rgba( 255,255,255,0.95 ); 	*  White  透過95% */
	}
	.viewer #guide01 li.fview05 dt {
		display: block;
		width:100%;
		font-size:38px;
		font-family: "NotoSansCJKjp-Medium";
		font-display: swap;
		text-align:center;
		color: #FFF;
		text-shadow: 2px 2px 2px #555;
		letter-spacing:5px;
		padding-top:30px;
	}
	.viewer #guide01 li.fview05 dl.box01 .txt01 {
		text-align:center;
		font-size:16px;
		font-family: "NotoSansCJKjp-Light";
		color:#FFF;
		padding-top:35px;
	}
	.viewer #guide01 li.fview05 .scline {	/* ScroollDown Line */
		position:absolute;
		bottom:0;
		right:0;
		width:100%;
	}
	.viewer #guide01 li.fview05 .scline .fv01txt01 {
		text-align:center;
		font-size:26px;
		font-family: "NotoSansCJKjp-Light";
		font-display: swap;
		color:#FFF;
		padding-top:20px;
		padding-bottom:20px;
	}
	.viewer #guide01 li.fview05 .scline .fv01txt01 .fv01txt02 {
		font-size:16px;
		font-family: "NotoSansCJKjp-Light";
		font-display: swap;
		padding-left:20px;
	}
	.viewer #guide01 li.fview02 {		/* ■ PC FView #02 */
		margin: 0  auto 0 auto;
		width:100%;
		height:650px;
		height:600px;
		background	: url("../images/bg/bgsym01.jpg") repeat-y;
		background-size:100%;
		position:relative;
	}

	.viewer #guide01 .fv-hline  {	/* FV H-line */
		display:block;
		position:absolute;
		top:85%;
		left:10%;
		width:80%;
		height: 1px;
		padding-top:0; 
		background-color:#FFF;
		background-color:#2EA0D5;		/* PressanceBlue04 */
		background-color:#D35400;		/* LD-red01 */
/*		border-top:1px solid #D35400;	*/
		z-index:1;
		transform: scaleX(0);		/* 縦 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 2.0s linear 0.0s forwards;
	 	animation : extend-x 3.0s linear 0.0s 1 normal none running;
	 	animation : extend-x 2.0s linear 0.0s infinite alternate none running;
	 	animation : extend-x 1.5s linear 0.0s infinite normal none running;
	 	animation : extend-x 1.5s linear 0.0s  normal none running;
	 	animation : extend-x 2.0s linear 0.0s infinite alternate none running;
	}
	@keyframes extend-x{
		0%{
			transform: scaleX(0);
		}
		 100%{
			  transform: scaleX(1);
		 }
	}

	.viewer #guide02 li {		/* ■ SP  ----------------------------*/
		display:block;
		margin: 0 auto 0 auto;
		width:100%;
		height:150px;
		background-color:#F5F5F5;
		position:relative;
	}
	.viewer #guide02 li.fview05 {		/* ■ SP FView #01 */
		margin: 0  auto 0 auto;
		width:100%;
		height:120px;
		padding-top:20px;
		background	: url("../images/fview/sfv05_sp.jpg") no-repeat;
		background-size:cover;
		background-position: center top 0; 
	}
	.viewer #guide02 li.fview05 dl.box01 {
		margin: 0 auto 0 auto;
		width:90%;
		height: 50px;
		text-align:center;
		z-index:8;
	}
	.viewer #guide02 li.fview05 dt {
		display: block;
		width:100%;
		font-size:17px;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		font-weight:bold;
		text-align:center;
		color: #FFF;
		text-shadow: 2px 2px 2px #555;
		padding-top:15px;
	}
	.viewer #guide02 li.fview05 dl.box01 .txt01 {
		text-align:center;
		font-size:12px;
		font-family: "NotoSansCJKjp-Light";
		color:#FFF;
		padding-top:20px;
	}
	.viewer #guide02 .fv-hline  {	/* FV H-line */
		display:block;
		position:absolute;
		top:80%;
		left:20%;
		width:60%;
		height: 1px;
		padding-top:0; 
		background-color:#2EA0D5;		/* PressanceBlue04 */
		background-color:#FFF;		/* PressanceBlue04 */
		z-index:1;
		transform: scaleX(1);		/* 横 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 1.5s linear 0.0s infinite normal none running;
	 	animation : extend-x 1.5s linear 0.0s 1 normal none running;
	}
	@keyframes extend-x{
		0%{
			transform: scaleX(0);
		}
		 100%{
			  transform: scaleX(1);
		 }
	}

	.viewer #guide02 li dl.box01 .contact-btn a .entryex {
		font-size:14px;
		color:white;
		padding-left:15px;
	}
	.bx-wrapper .bx-prev {
		background-image:none;
	}
	.bx-wrapper .bx-next {
		background-image:none;
	}
	#viewerSP .text01sp {
		padding-top: 3px;
		padding-bottom: 15px;
		padding-left: 5%;
		width:90%;
		text-align:left;
		font-size:12.5px;
		font-weight:bold;
		color: #27AE60;		/* F.Green */
	}

	.sec01 .ppsec article {
		padding: 100px 0 40px;
	}
	.sec01 .ppsec article .box {
		margin: -100px auto 0px;
		padding: 30px 30px 20px;
		border: solid 1px #DDD;
		background-color:rgba( 255,255,255,0.90 ); 	/*  White  透過95% */
		word-break: break-all;
		font-size: 1.0rem;
	}
	.sec01 .ppsec article h1,
	.sec01 .ppsec article h2,
	.sec01 .ppsec article h3,
	.sec01 .ppsec article h4,
	.sec01 .ppsec article h5,
	.sec01 .ppsec article h6 {
		position: relative;
		background-color: transparent;
		color: #000;
		font-size: 1.0rem;
		line-height: 1.6;
		text-align: left;
	}
	.sec01 .ppsec article h1 {
		display: block !important;
		margin: 2em 0 1em;
		padding: 0 0 .5em;
		border-bottom: solid 1px #DDD;
		font-size: 1.4rem;
		font-weight: bold;
	}
	.sec01 .ppsec article img {
		max-width: 100%;
		height: auto;
	}

	@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:0px;
			background-color: transparent;
			background	: url("../images/bg/bgsym01.jpg") repeat-y;
			background-size:100%;
			border:none;
			padding-top:70px;
			border-bottom: 2px solid #BDC3C7;		/* Silver */
			border-bottom: 2px solid #DDD;
		}
		#viewerPC {
			display:block;
		}
		#viewerSP{
			display:none;
		}
		#viewerSP guide02.bxslider {
			display:none;
		}

		.sec01 .ppsec article .box {
			font-size: 1.4rem;
		}
		.sec01 .ppsec article h1,
		.sec01 .ppsec article h2,
		.sec01 .ppsec article h3,
		.sec01 .ppsec article h4,
		.sec01 .ppsec article h5,
		.sec01 .ppsec article h6 {
			font-size: 1.4rem;
		}
		.sec01 .ppsec article h1 {
			font-size: 1.8rem;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#viewerSP{
			display:block;
			margin: 0  auto 0 auto;
			background-color:#FFF;
		}

		.viewer #guide02 li {
			display:block;
			margin: 0 auto 0 auto;
			width:100%;
			height:330px;
			background-color:#F5F5F5;
			position:relative;
		}
		.viewer #guide02 li.fview05 {		/* ■ SP FView #01 */
			margin: 0  auto 0 auto;
			width:100%;
			height:330px;
			padding-top:20px;
			background	: url("../images/fview/sfv05_sp.jpg") no-repeat;
			background-size:cover;
			background-position: center top 0; 
		}
		.viewer #guide02 li.fview05 dl.box01 {
			margin: 35px auto 0 auto;
			width:62%;
			height: 70px;
			text-align:center;
			z-index:8;
		}
		.viewer #guide02 li.fview05 dt {
			font-size:18px;
			padding-top:20px;
		}
		.viewer #guide02 li.fview05 dl.box01 .txt01 {
			text-align:center;
			font-size:13px;
			font-family: "NotoSansCJKjp-Light";
			color:#FFF;
			padding-top:30px;
		}

		.sec01 .ppsec article .box {
			font-size: 1.4rem;
		}
		.sec01 .ppsec article h1,
		.sec01 .ppsec article h2,
		.sec01 .ppsec article h3,
		.sec01 .ppsec article h4,
		.sec01 .ppsec article h5,
		.sec01 .ppsec article h6 {
			font-size: 1.4rem;
		}
		.sec01 .ppsec article h1 {
			font-size: 1.8rem;
		}
	}

/* ■ MainConents #section  */

	.smlist {
		margin: 0px auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
	}
	.smlist02 {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
	}
	.smlist h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	.smlist02 h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	.sec01{
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:10px;
	}
	.smlist h2 {
		display:block;
		margin: 20px auto 0 auto;
		width:90%;
		padding:5px;
		text-align:center;
		font-size:13px;
		font-family: "NotoSansCJKjp-Medium";
		line-height:22px;
		color: #FFF;
		background-color:#0079C1;		/* PressanceBlue02 */
	}
	.smlist02 h2 {
		display:block;
		margin: 0 auto 0 auto;
		width:90%;
		padding:5px;
		text-align:center;
		font-size:13px;
		font-family: "NotoSansCJKjp-Medium";
		line-height:22px;
		color: #FFF;
		background-color:#0079C1;		/* PressanceBlue02 */
	}
	.sec01 .sec01  dl,dt,dd {
		display:block;
	}
	.sec01 .ppsec {
		margin: 15px auto 0 auto;
		width: 95%;
		padding-top:10px;
		padding-bottom:10px;
		position: relative;
		overflow: hidden;
	}
	}

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

	}

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

		.smlist {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background-color:#FFF;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
			background:linear-gradient(90deg,white 0%,white 10%,#F5F5F5 10%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
			border-top: 2px solid #DDD;
		}
		.smlist02 {
			margin: -50px auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background-color:#FFF;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
			background:linear-gradient(90deg,white 0%,white 10%,#F5F5F5 10%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		.sec01{
			margin: 50px auto 0 auto;
			width: 80%;
			padding-bottom:50px;
			position:relative;
		}
		.smlist h2 {
			display:block;
			margin: 0 auto 0 auto;
			width:100%;
			padding:10px;
			text-align:center;
			font-size:18px;
			font-size:22px;	/* ★ */
			font-family: "NotoSansCJKjp-Medium";
			line-height:36px;
			color: #FFF;
			background-color:#0079C1;		/* PressanceBlue02 */
		}
		.smlist02 h2 {
			display:block;
			margin: 0 auto 0 auto;
			width:100%;
			padding:10px;
			text-align:center;
			font-size:22px;
			font-family: "NotoSansCJKjp-Medium";
			line-height:36px;
			color: #FFF;
			background-color:#0079C1;		/* PressanceBlue02 */
		}
		.sec01 .ppsec {
			margin: 40px auto 0 auto;
			width: 80%;
/*			height:500px;*/
			padding-top:20px;
			padding-bottom:20px;
			position: relative;
		}
	}

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

		.smlist {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:20px;
		}
		.smlist02 h2 {
			display:block;
			margin: -20px auto 0 auto;
		}
		.sec01{
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:30px;
			position:relative;
		}
		.smlist h2 {
			font-size:15px;
			padding:8px;
			font-family: "NotoSansCJKjp-Medium";
			line-height:22px;
			color: #FFF;
		}
		.sec01 .ppsec {
			margin: 15px auto 0 auto;
			width: 90%;
			padding-top:10px;
			padding-bottom:10px;
			position: relative;
		}

	}