@charset "UTF-8";

.recomend {
  clear: both;
	margin-bottom: 15px;
}
#topicswrap .recomend h2.hd{
  margin-bottom: 25px;
}
.recomend-wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 90%;
	margin: 0 auto;
}
.recomend li{
	border: 1px solid #e3e3e3;
	position: relative;
	margin: 0 10px;
}
@media screen and (max-width: 768px) {
  .recomend li{
	width: 85%;
}
}
@media screen and (max-width: 480px) {
  .recomend li{
	margin: 0 0;
}
}
@media screen and (max-width: 480px) {
  #contents li.recomend-item{
	margin: 0 5px;
}
}
#contents .recomend li p{
	margin: 0;
}
.recomend li .textarea{
	padding: 10px;
}
.recomend li .textarea .name{
	font-size: 1.3em;
}
.recomend li .textarea .name{
	font-size: 1.3em;
	position: relative;
}
.recomend li .textarea .info{
	color: #666;
}
#contents .recomend li .textarea p.arrow{
	text-align: right;
	margin-right: 5px;
}
.recomend li a span{
	display: block;
	width: 4em;
	padding: 5px;
	color: #fff;
	background-color: #ddaebe;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	letter-spacing: 0.2em;
}
.recomend .slick-dots{
	margin: 0 auto;
	margin-top: 20px;
}
.recomend .slick-dots li{
	border: none;
	border-radius: 0;
	background: #e3e3e3;
	width: 30px;
	height: 5px;
}
@media screen and (max-width: 768px) {
  .recomend .slick-dots li:nth-child(-n+5){
	margin-right: 8px;
}
}
.recomend .slick-dots li.slick-active{
	background: #ddaebe;
}
.recomend button.slick-arrow {
    height: 40px;
    width: 40px;
    background: #646464;
    border: 0;
	border-radius: 50px;
}
@media screen and (max-width: 768px) {
  .recomend button.slick-arrow {
    height: 35px;
    width: 35px;
	margin-right: 30px;
	margin-left: 30px;
	z-index: 10;
}
}
.recomend button.slick-arrow.slick-prev::after {
	margin-left: 9px;
    width: 10px;
    height: 10px;
    border: 2px solid;
    border-color: transparent transparent #fff #fff;
    transform: rotate(45deg);
	position: absolute;
	top: 12px;
	right: 9px;
}
@media screen and (max-width: 768px) {
  .recomend button.slick-arrow.slick-prev::after {
	margin-left: 6px;
    width: 8px;
    height: 8px;
}
}
.recomend button.slick-arrow.slick-next::after {
	margin-left: 5px;
    width: 10px;
    height: 10px;
    border: 2px solid;
    border-color: #fff #fff transparent transparent;
    transform: rotate(45deg);
	position: absolute;
	top: 12px;
	left: 5px;
}
@media screen and (max-width: 768px) {
  .recomend button.slick-arrow.slick-next::after {
	margin-left: 0;
    width: 8px;
    height: 8px;
	left: 9px;
}
}
.suzuka_ejima li.suzuka_ejima{
	display: none;
}
.suzuka_kitatamagaki2 li.suzuka_kitatamagaki2{
	display: none;
}
.nakaasahigaoka li.nakaasahigaoka{
	display: none;
}
.higashiasahigaoka2 li.higashiasahigaoka2{
	display: none;
}
.suzuka_minamiejima2 li.suzuka_minamiejima2{
	display: none;
}
.hagumi_terrace li.hagumi_terrace{
	display: none;
}
.suzuka_kanbekoen3 li.suzuka_kanbekoen3{
	display: none;
}

.slick-dots li:last-child{
	display: none;
}

.recomend h2.hagumi_terrace{
	display: none;
}