@charset "UTF-8";



/*  メインビジュアル  */
#topMainVisual{
	position:relative;
	z-index:1;
	background:url(/images/top/img-top-mainvisual01.jpg) center;
	background-size:cover;
	width:100%;
	height:100%;
}
#topDownArrow{
	position:absolute;
	z-index:2;
	height:30px;
	margin:0 auto;
	right:0;
	left:0;
	bottom:20px;
	
	transition: 200ms linear;
}
@media screen and (min-width: 781px) {
	#topDownArrow:hover{
		opacity:0.6;
	}
}

/*  「タヒチアンノニジュースについて」　sec02  */
#sec02{
	position:relative;
}
#sec02 > div{
	position:relative;
	height:100%;
	width:1300px;
	margin:auto
}
#sec02left{
	position:absolute;
	left:0;
	width:550px;
	top:50%;
	transform:translateY(-50%);
}
#sec02left h2{
	font-size:18px;
	line-height:32px;
}
#sec02left p{
	margin-bottom:50px;
	font-size:18px;
	line-height:32px;
}
#sec02left #topAboutLink{
	margin-bottom:0;
}
#sec02left a{
	font-size:18px;
	line-height:32px;
	
	transition: 200ms linear;
}
#sec02left a img{
	height:36px;
}
@media screen and (min-width: 781px) {
	#sec02left a:hover{
		opacity:0.6;
	}
}

#sec02right{
	position:absolute;
	right:0;
	width:750px;
	top:50%;
	transform:translateY(-50%);
}
#sec02right img{
	width:500px;
}
#sec02right-img1{text-align:right;}
#sec02right-img2{text-align:left;}

@media screen and (max-width: 1400px) {
	#sec02 > div{
		width:1200px;
	}
	#sec02left{
		width:550px;
	}
	#sec02left p{
		margin-bottom:30px;
		font-size:18px;
		line-height:30px;
	}
	#sec02left a{
		font-size:20px;
		line-height:30px;
	}
	
	#sec02left a img{
		height:30px;
	}
	#sec02right{
		width:600px;
	}
	#sec02right img{
		width:400px;
	}
}
/*  製品スライド　sec03  */
#topProductSlide {
	position:relative;
}
#topProductSlide a{
	position:absolute;
	top:0;
	right:0;
	display:block;
	background-size:cover;
	background-position:center;
	width:100%;
}
#topProductSlide a.active{
}
#topProductSlide01{background-image:url(/images/top/img-top-product01.jpg);}
#topProductSlide02{background-image:url(/images/top/img-top-product02.jpg);}
#topProductSlide03{background-image:url(/images/top/img-top-product03.jpg);}
#topProductSlide04{background-image:url(/images/top/img-top-product04.jpg);}
#topProductSlide05{background-image:url(/images/top/img-top-product05.jpg);}
#topProductSlide06{background-image:url(/images/top/img-top-product06.jpg);}

/*
#topProductSlide > img{
	display:none;
	
	position:absolute;
	z-index:1000;
	top:50%;
	transform:translateY(-50%);
	height:70px;
	cursor:pointer;
}
#productSlideLeftArrow{left:20px;}
#productSlideRightArrow{right:20px;}
*/
#topProductSlide .previous{
	background:url(/images/top/img-top-leftarrow.png);
	background-size:contain;
	background-repeat:no-repeat;
	height:70px;
	width:30px;
	padding:none;
}
#topProductSlide .next{
	background:url(/images/top/img-top-rightarrow.png);
	background-size:contain;
	background-repeat:no-repeat;
	height:70px;
	width:30px;
	padding:none;
}


#topProductSlide .flickity-button-icon{
	display:none;
}

.productIntroduction{
	position:absolute;
	bottom:30px;
	right:30px;
	padding:50px;
	background-color:#fff;
	min-width:350px;
	
}
.productIntroduction h2, .productIntroduction p{
	display:block;
	font-size:14px;
	max-width:400px;
}
.productIntroduction .productIntroductionTitle{
	font-size:24px;
	text-align:center;
	margin-bottom:30px;
}

/*
#topProductSlideThumb{
	display:none;

	width:1200px;
	padding:20px 0;
	margin:auto;
	overflow:hidden;
}
#topProductSlideThumb div{
	width:200px;
	float:left;
	cursor:pointer;
}
#topProductSlideThumb img{
	display:block;
	width:140px;
	margin:auto;
}
#topProductSlideThumb p{
	text-align:center;
	font-size:14px;
	line-height:20px;
}
@media screen and (min-width: 1401px) {
	#topProductSlideThumb{
		width:1320px;
	}
	#topProductSlideThumb div{
		margin-left:10px;
		margin-right:10px;
	}
}
*/
@media screen and (min-width: 781px) {

	.flickity-page-dots{
		bottom:-200px;
		height:160px;
		right:0;
		left:0;
		margin:auto;
		width:720px;
		padding:20px 0;
		overflow:hidden;
		line-height:unset;
		transition: 200ms linear;
	}
	.flickity-page-dots .dot{
		display:block;
		width:200px;
		height:160px;
		margin:0;
		background:#fff;
		border-radius:unset;
		opacity:0.5;
		float:left;
		cursor:pointer;
		margin-left:20px;
		margin-right:20px;
		
		transition: 200ms linear;
	}
	.flickity-page-dots #productThumbOlive{
		width:230px;
	}
	.flickity-page-dots .dot img{
		display:block;
		width:140px;
		margin:auto;
		pointer-events: none;
	}
	.flickity-page-dots .dot p{
		text-align:center;
		font-size:14px;
		line-height:20px;
		pointer-events: none;
	}
}
@media screen and (min-width: 1401px) {
	
	.flickity-page-dots{
		width:960px;
	}
	
	.flickity-page-dots .dot{
		margin-left:60px;
		margin-right:60px;
	}
}

/*  ---------------------------------------------------------------
                        レスポンシブ
----------------------------------------------------------------  */

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

/*  メインビジュアル  */
#topMainVisual{
	background-image:url(/images/top/img-top-mainvisual01sp.png);
}
#topDownArrow{
	height:20px;
}

/*  「タヒチアンノニジュースについて」　sec02  */
#sec02 > div{
	width:92%;
	margin:0 4%;
}
#sec02left,#sec02right{
	position:static;
	transform:none;
	width:100%;
}
#sec02left{
	margin-top:50px;
	margin-bottom:30px;
}
#sec02left p{
	margin:auto auto 30px;
	max-width:450px;
}
#sec02right-img1sp img, #sec02right-img2 img{
	display:block;
	width:80%;
	margin:auto;
}
#sec02right{
	margin-bottom:50px;
}

#sec02left a{
	text-decoration:underline;
}

/*  製品スライド　sec03  */
#sec03{
	height:auto!important;
}
.productIntroduction{
	bottom:30px;
	right:10px;
	left:10px;
	margin:auto;
	padding:30px 10px;
	background-color:rgba(255,255,255,0.5);
	min-width:unset;
	max-width:320px;
	text-align:center;
}
@media screen and (min-width: 420px) {
.productIntroduction{
	margin-right:20px;
	padding:30px 20px;
}
}
.productIntroduction h2,.productIntroduction p{
	font-size:14px;
	text-align:left;
}
.productIntroduction .productIntroductionTitle{
	font-size:18px;
	margin-bottom:15px;
	text-align:center;
}
.productIntroduction .productIntroductionTitle.textSmall{
	font-size:16px;
}

#topProductSlide .flickity-page-dots{
	bottom:10px;
}
}/* レスポンシブEND */