@charset "UTF-8";

/*-------------------------
__hoge_style
-------------------------*/

.leo_garden_menu{ text-align: center; margin-bottom: 30px;}
.leo_garden_menu ul li{float:left; width: 20%; margin-right: 20px; margin-bottom: 20px; width: calc((100% - 81px) / 5); width: -webkit-calc((100% - 81px) / 5); width: -moz-calc((100% - 81px) / 5); box-sizing:border-box;}
@media screen and (min-width: 768px) {
.leo_garden_menu ul li:nth-child(5n){ margin-right: 0;}
}
.leo_garden_menu ul li a{ display: block; font-size: 15px; text-decoration: none; color: #fff; font-weight: 700; background-color: #333631; padding: 20px 0; border-radius: 5px; box-shadow: 4px 4px #bbb; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.leo_garden_menu ul li a:hover{background-color: #595959;}

#leo_garden{margin-bottom: 30px;}
.leo_garden_list{ padding: 0; margin-bottom: 40px;}
.leo_garden_list ul li img{ width: 100%; height: auto;}
.leo_garden_list ul li:hover img{}

.leo_garden_list ul li.list_koma{float:left; width: 33.33333%; margin-right: 25px; margin-bottom: 20px; width: calc((100% - 51px) / 3); width: -webkit-calc((100% - 51px) / 3); width: -moz-calc((100% - 51px) / 3); box-sizing:border-box; background-color: #fff; position: relative;}
.leo_garden_list ul li.list_koma:nth-child(3n){ margin-right:0; }
.leo_garden_list ul li a{ text-decoration: none;}
.leo_garden_list ul li a img{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
.leo_garden_list ul li a:hover img{ filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
.leo_garden_list ul li a .leo_list{}
.leo_garden_list ul li a .leo_list .leo_photo{ width: 100%; height: 230px; position: relative; overflow: hidden; margin-bottom: 10px; background-color: #ddd;}
.leo_garden_list ul li a .leo_list .leo_photo img{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: 100%;}
.leo_garden_list ul li a .leo_list .leo_text{ padding: 5px 15px 15px; box-sizing: border-box;}
.leo_garden_list ul li a .leo_list .leo_text ul li{}
.leo_garden_list ul li a .leo_list .leo_text ul li.title{ font-size: 15px; line-height: 20px; font-weight: 700; color: #000; margin-bottom:10px; height: 39px; overflow: hidden;}
.leo_garden_list ul li a .leo_list .leo_text ul li.icon_list{}
.leo_garden_list ul li a .leo_list .leo_text ul li.icon_list span{ display: inline-block; color: #fff; font-size: 12px; font-weight: 700; padding: 5px 7px 6px; margin-bottom: 10px;}
.leo_garden_list ul li a .leo_list .leo_text ul li.icon_list span.tag{ background-color: #c33938;}
.leo_garden_list ul li a .leo_list .leo_text ul li.icon_list span.tag2{ background-color: #11b69e;}
.leo_garden_list ul li a .leo_list .leo_text ul li.icon_list span.syu01{ background-color: #f17984;}
.leo_garden_list ul li a .leo_list .leo_text ul li.icon_list span.syu02{ background-color: #0079bd;}
.leo_garden_list ul li a .leo_list .leo_text ul li.icon_list span.syu03{ background-color: #00a938;}
.leo_garden_list ul li a .leo_list .leo_text ul li.icon_list span.syu04{ background-color: #fbc921;}
.leo_garden_list ul li a .leo_list .leo_text ul li.railway{ font-size: 13px; line-height: 18px; height: 55px; overflow: hidden; margin-bottom: 10px; color: #005032; font-weight: 700;}
.leo_garden_list ul li a .leo_list .leo_text ul li.com{ font-size: 13px; line-height: 18px; color: #000; height: 33px; overflow: hidden;}

.leo_garden_list ul li.list_koma .member_only{ position: absolute; width: 90px; height: 90px; top: 0; right: 0;}
.leo_garden_list ul li.list_koma .member_only img{width: 100%; height: 100%;}

@media screen and (max-width: 1024px){
.leo_garden_menu{ text-align: center; margin-bottom: 20px;}
#leo_garden{margin-bottom: 20px;}
.leo_garden_list{ padding: 0; margin-bottom: 30px;}
.leo_garden_list ul li.list_koma{float:left; width: 33.33333%; margin-right: 20px; margin-bottom: 20px; width: calc((100% - 41px) / 3); width: -webkit-calc((100% - 41px) / 3); width: -moz-calc((100% - 41px) / 3); box-sizing:border-box;}
}

@media screen and (min-width:768px) and ( max-width:1024px) {
.leo_garden_list{ margin-top:-200px; padding-top:200px;}
}

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

.leo_garden_menu{ margin-bottom: 20px;}
.leo_garden_menu ul li{float:left; width: 33.33333%; margin-right: 10px; margin-bottom: 10px; width: calc((100% - 21px) / 3); width: -webkit-calc((100% - 21px) / 3); width: -moz-calc((100% - 21px) / 3); box-sizing:border-box;}
.leo_garden_menu ul li:nth-child(3n){ margin-right: 0;}
.leo_garden_menu ul li a{ font-size: 13px; padding: 14px 0;}

.leo_garden_list ul li a .leo_list .leo_text{ padding:0 10px 10px; box-sizing: border-box;}
    
#leo_garden{margin-bottom: 10px;}
.leo_garden_list{ padding: 0; margin-bottom: 20px;}
.leo_garden_list ul li.list_koma{float:none; width: 100%; margin-right: 0; border-bottom: 1px solid #ccc;}
.leo_garden_list ul li a{ display: block; padding-bottom: 15px;}
.leo_garden_list ul li.list_koma:nth-child(3n){ margin-right:0; }
}