#index-aloe{
	width: 840px;
}

#index-aloe .bnrs-pick{
	width: 840px;
}

/********** メインビジュアル **********/
#index-aloe .main-visual{
	margin: 0 0 32px;
	background: #fff;
}
#index-aloe .bnrs-pick{
	position: relative;
	background: #fff;
}
#index-aloe .main-visual .main-visual-slider .slick-list{
	padding: 0 0 19px;
}
#index-aloe .main-visual .main-visual-slider .slick-list div{
	display: block;
}
#index-aloe .main-visual .main-visual-slider .slick-list a{
	display: block;
}
#index-aloe .main-visual .main-visual-slider .slider-main{
	overflow:hidden;
}

/********** スライドメインバナー **********/
#index-aloe .main-visual .main-visual-slider .slider-main div {
	line-height: 1;
}
#index-aloe .main-visual .main-visual-slider .slider-main a {
	display: block;
}

/********** dots **********/
#index-aloe .main-visual .main-visual-slider .slick-dots{
	text-align: center;
}
#index-aloe .main-visual .main-visual-slider .slick-dots li{
	margin: 0 5px;
	display: inline-block;
}
#index-aloe .main-visual .main-visual-slider .slick-dots li button{
	border-radius: 18px;
	width: 18px;
	height: 18px;
	padding: 0;
	border: none;
	text-indent: -9999px;
	background: #7fbf98;
}
#index-aloe .main-visual .main-visual-slider .slick-dots li.slick-active button{
	background: #ffd900;
}

/********** Prev/Next **********/
#index-aloe .main-visual .slick-prev{
	position: absolute;
	bottom: 255px;
	left: 10px;
	right: auto;
	width: 21px;
	height: 40px;
	padding: 0;
	border: none;
	text-indent: -9999px;
	background: url("../images/index-aloe/btn-slider-prev.png") 0 50% no-repeat;
	background-size: 100% auto;
	z-index: 10;
}
#index-aloe .main-visual .slick-next{
	position: absolute;
	bottom: 255px;
	right: 10px;
	left: auto;
	width: 21px;
	height: 40px;
	padding: 0;
	border: none;
	text-indent: -9999px;
	background: url("../images/index-aloe/btn-slider-next.png") 0 50% no-repeat;
	background-size: 100% auto;
	z-index: 10;
}

/********** ピックアップ **********/
#index-aloe .bnrs-pick ul{
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 0 0 60px;
}
#index-aloe .bnrs-pick ul li{
	width: 198px;
}
#index-aloe .bnrs-pick ul li a{
	display: block;
}
#index-aloe .bnrs-pick ul li a img{
	display: block;
}


/********** メインカテゴリー **********/
#index-aloe .main-cat{
	padding: 0 0 40px;
}
#index-aloe .main-cat h2{
	margin: 0 0 20px;
	border-bottom: solid 3px #008031;
}
#index-aloe .main-cat ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	width: 820px;
	margin: 0 auto;
}
#index-aloe .main-cat ul li{
	width: 400px;
	padding: 0 0 20px;
}
#index-aloe .main-cat ul li a{
	display: block;
}
#index-aloe .main-cat ul li a img{
	display: block;
}


/********** おすすめ商品ピックアップ **********/
#index-aloe .item-pickup{
	border-radius: 10px;
	padding: 0 0 50px;
}
#index-aloe .item-pickup h2{
	margin: 0 0 30px;
	border-bottom: solid 3px #008031;
}
#index-aloe .item-pickup ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;

	width: 830px;
	margin: 0 auto;
}
#index-aloe .item-pickup ul li{
	width: 190px;
	padding: 0 0 18px;
}
#index-aloe .item-pickup ul li a{
	display: block;
	text-decoration: none;
}
#index-aloe .item-pickup ul li a .bnr{
	display: block;
	padding: 0 0 17px;
}
#index-aloe .item-pickup ul li a .item-name{
	display: block;
	line-height: 1.4;
	font-weight: bold;
	font-size: 16px;
	color: #231815;
}
#index-aloe .item-pickup ul li a .txt{
	display: block;
	padding: 0 0 5px;
	line-height: 1.4;
	font-size: 14px;
	color: #231815;
}
#index-aloe .item-pickup ul li a .price{
	display: block;
	font-size: 16px;
	color: #d60b00;
}
#index-aloe .item-pickup ul li a .price .tax{
	font-size: 14px;
}


/********** NEWS **********/
#index-aloe .news{
	padding: 0 0 50px;
}
#index-aloe .news h2{
	display: flex;
	align-items: center;
	
	width: 100%;
	border-bottom: solid 3px #008031;
}
#index-aloe .news h2 .heading{
	display: block;
}
#index-aloe .news h2 .btn-more{
	display: block;
}
#index-aloe .news h2 .btn-more a{
	display: block;
	width: 100px;
	padding: 9px 0;
	border-radius: 5px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	background: #008031;
}
#index-aloe .news ul{
	height: 215px;
	padding: 6px 10px;
	border-bottom: solid 1px #008031;
	overflow: auto;
	font-size: 14px;
}
#index-aloe .news ul li{
	display: flex;
	
	width: 100%;
	padding: 13px 0;
	border-bottom: dotted 1px #008031;
}
#index-aloe .news ul li:last-child{
	border: none;
}
#index-aloe .news ul li .datetime{
	width: 150px;
}
#index-aloe .news ul li .title{
	width: calc(100% - 150px);
}
#index-aloe .news ul li .title a{
	display: block;
	color: #231815;
}


/********** お問い合わせ **********/
#index-aloe .contact{
	margin: 0 0 50px;
	border: solid 2px #e6702a;
}
#index-aloe .contact ul{
	display: flex;
	
	width: 100%;
}
#index-aloe .contact ul li a{
	display: block;
}
#index-aloe .contact ul li a img{
	display: block;
}


/********** 沖縄アロエとは **********/
#index-aloe .about{
	position: relative;
	margin: 0 0 40px;
	padding: 37px 0 100px;
	line-height: 1.8;
	font-size: 14px;
	background: #fff7cc url("../images/index-aloe/illust-okinawa-aloe.png") no-repeat 0 100%;
}
#index-aloe .about h2{
	padding: 0 0 17px;
	text-align: center;
	font-size: 30px;
}
#index-aloe .about .img{
	padding: 0 0 22px;
	text-align: center;
}
#index-aloe .about .txt-about{
	padding: 0 30px;
	letter-spacing: -0.05em;
}
#index-aloe .about .btn-details a{
	position: absolute;
	bottom: 80px;
	right: 30px;
	
	display: block;
	border-radius: 4px;
	padding: 3px 15px;
	color: #fff;
	background: #008031;
}

/********** コンテンツ **********/
#index-aloe .contents{
	padding: 0 0 40px;
}
#index-aloe .contents ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	width: 100%;
}
#index-aloe .contents ul li{
	padding: 0 0 15px;
}
#index-aloe .contents ul li a{
	display: block;
}
#index-aloe .contents ul li a img{
	display: block;
}


/********** SNS **********/
#index-aloe .sns ul{
	display: flex;
	width: 100%;
	justify-content: space-between;
	
	margin: 0 auto 40px;
}
#index-aloe .sns ul li{
	width: 270px;
}


/********** 旅色バナー **********/
#index-aloe .link_tabiiro_nanner{
	width: 720px;
	margin: 0 auto;
	padding: 0 0 60px;
}

/********** ギフトサービス **********/
#index-aloe .gift-service h2{
	display: flex;
	align-items: flex-start;
	
	width: 100%;
	margin: 0 0 20px;
	border-bottom: solid 3px #008031;
}
#index-aloe .gift-service h2 img{
	display: block;
	width: 720px;
}
#index-aloe .gift-service h2 .btn-details{
	display: block;
	width: 120px;
}
#index-aloe .gift-service h2 .btn-details a{
	display: block;
	padding: 7px 0;
	border-radius: 4px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	background: #008031;
}
#index-aloe .gift-service ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 820px;
	
	margin: 0 auto;
}
#index-aloe .gift-service ul li{
	display: flex;
	justify-content: space-between;
	
	width: 395px;
	padding: 0 0 30px;
}
#index-aloe .gift-service ul li:nth-last-of-type(1),
#index-aloe .gift-service ul li:nth-last-of-type(2){
	padding: 0 0 12px;
}
#index-aloe .gift-service ul li .img{
	width: 175px;
}
#index-aloe .gift-service ul li .txt{
	width: 200px;
}
#index-aloe .gift-service ul li .txt h3{
	letter-spacing: -0.05em;
	font-weight: bold;
	font-size: 18px;
}
#index-aloe .gift-service ul li .txt p{
	line-height: 1.7;
	font-size: 14px;
}
#index-aloe .txt-att{
	padding: 12px 0;
	border: solid 1px #d60b00;
	text-align: center;
	font-size: 14px;
	color: #d60b00;
}