@charset "UTF-8";
/* CSS Document */

/* 489ban ver.5 空室検索js*/
#search_489ban_pc,
#search_489ban_sp{ padding: 5px 0 5px 13px; overflow: hidden;}
#search_489ban_pc .date_489ban,
#search_489ban_sp .date_489ban{ padding: 0 !important; float: left; width: 142px;}
#search_489ban_pc .date_489ban dt,
#search_489ban_pc .date_489ban dd label,
#search_489ban_sp .date_489ban dt,
#search_489ban_sp .date_489ban dd label{ display: none;}
#search_489ban_pc .date_489ban dd,
#search_489ban_sp .date_489ban dd{ width: 142px !important; padding: 0;}
#search_489ban_pc select,
#search_489ban_sp select{ float: left; height: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:4px; border:solid 1px #868686; padding:0 15px 0 0; background:url(../img/common/ico_select.png) no-repeat right center #fff; background-size:12px; }
#search_489ban_pc select::-ms-expand,
#search_489ban_sp select::-ms-expand{ display: none;}
#search_489ban_pc select[name="date_ym"],
#search_489ban_sp select[name="date_ym"]{ width: 85px; margin: 0 5px 0 0;}
#search_489ban_pc select[name="date_d"],
#search_489ban_sp select[name="date_d"]{ width: 45px;}
#search_489ban_pc button,
#search_489ban_sp button{ float: left; width: 60px; margin: 0; padding: 0; font-size: 10px; height: 20px; border-radius: 4px; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border:solid 1px #868686; box-sizing: border-box; cursor: pointer; outline:none; background: #fff; }

/* 489ban ver.5 おすすめプランjs*/
#recommend_489ban{ display: flex; flex-wrap: wrap;}
#recommend_489ban .PlanView { flex:auto !important; width: 27%; flex-direction: row; margin: 0 1em 2em; padding: .5em 1em; background-color: #f6efe7;}
#recommend_489ban .PlanView .picture .main_picture img { width: 100%; height: auto;}
#recommend_489ban .PlanView .explan .plan { font-size: 18px; font-weight: bold; margin: 10px auto 20px;}
#recommend_489ban .PlanView .explan .comment { margin: 0 0 20px;}
#recommend_489ban .PlanView .explan .planlist { text-align: center;}
#recommend_489ban .PlanView .explan .planlist ul li { display: block; margin: 0 auto; width: auto !important; border: 1px solid #5e5865; padding: 2px;}
#recommend_489ban .PlanView .explan .planlist ul li a { text-decoration: none; color: #fff !important; background-color: #5f3461; padding: 4px; display: block;}

@media (max-width: 640px) {
#recommend_489ban{ display: flex; flex-wrap: wrap;}
#recommend_489ban .PlanView { width: 100% !important; flex: initial !important; flex-direction: row; margin: 0 1em 2em; padding: .5em 1em; background-color: #f6efe7; box-sizing: border-box;}
#recommend_489ban .PlanView .explan{ width: 100%}
#recommend_489ban .PlanView .explan .planlist { margin: 0 3em;}
#recommend_489ban .PlanView .explan .planlist ul li a { text-decoration: none; color: #fff !important; background-color: #5f3461; padding: 4px; display: block;}
}