@charset "UTF-8";
.sumimachi_2016_detail-icon--sprite, .sumimachi_2016_detail-icon--arw_beige, .sublinkbox_link:after, .sumimachi_2016_detail-icon--arw_brown, .linkbar .linkbar-link:after, .sumimachi_2016_detail-icon--arw_circlegreen, .sumimachi_2016_detail-icon--arw_green, .btn:after, .sumimachi_2016_detail-icon--backnumber, .sumimachi_2016_detail-icon--camera, .sumimachi_2016_detail-icon--crown, .sumimachi_2016_detail-icon--external, .sumimachi_2016_detail-icon--graph, .sumimachi_2016_detail-icon--note, .sumimachi_2016_detail-icon--pen, .sumimachi_2016_detail-icon--point_score, .sumimachi_2016_detail-icon--point_station, .sumimachi_2016_detail-icon--point_train, .sumimachi_2016_detail-icon--point_trophy, .sumimachi_2016_detail-icon--rank1, .sumimachi_2016_detail-icon--rank10, .sumimachi_2016_detail-icon--rank11, .sumimachi_2016_detail-icon--rank12, .sumimachi_2016_detail-icon--rank13, .sumimachi_2016_detail-icon--rank14, .sumimachi_2016_detail-icon--rank15, .sumimachi_2016_detail-icon--rank16, .sumimachi_2016_detail-icon--rank17, .sumimachi_2016_detail-icon--rank18, .sumimachi_2016_detail-icon--rank19, .sumimachi_2016_detail-icon--rank2, .sumimachi_2016_detail-icon--rank20, .sumimachi_2016_detail-icon--rank21, .sumimachi_2016_detail-icon--rank22, .sumimachi_2016_detail-icon--rank23, .sumimachi_2016_detail-icon--rank24, .sumimachi_2016_detail-icon--rank25, .sumimachi_2016_detail-icon--rank26, .sumimachi_2016_detail-icon--rank27, .sumimachi_2016_detail-icon--rank28, .sumimachi_2016_detail-icon--rank29, .sumimachi_2016_detail-icon--rank3, .sumimachi_2016_detail-icon--rank30, .sumimachi_2016_detail-icon--rank4, .sumimachi_2016_detail-icon--rank5, .sumimachi_2016_detail-icon--rank6, .sumimachi_2016_detail-icon--rank7, .sumimachi_2016_detail-icon--rank8, .sumimachi_2016_detail-icon--rank9, .sumimachi_2016_detail-icon--rate_lower, .sumimachi_2016_detail-icon--rate_unchanged, .sumimachi_2016_detail-icon--rate_upper1, .sumimachi_2016_detail-icon--rate_upper2, .sumimachi_2016_detail-icon--suumo1, .sumimachi_2016_detail-icon--suumo2, .sumimachi_2016_detail-icon--suumo3, .sumimachi_2016_detail-icon--suumo4, .otherlinkbox:after {
  background-image: url('/edit/sumi_machi/2016/img/sprite/sumimachi_2016_detail-icon-.png');
  background-repeat: no-repeat;
}

.sumimachi_2016_detail-icon--arw_beige, .sublinkbox_link:after {
  background-position: 0 0;
  height: 13px;
  width: 9px;
}

.sumimachi_2016_detail-icon--arw_brown, .linkbar .linkbar-link:after {
  background-position: 0 -13px;
  height: 13px;
  width: 9px;
}

.sumimachi_2016_detail-icon--arw_circlegreen {
  background-position: 0 -26px;
  height: 11px;
  width: 12px;
}

.sumimachi_2016_detail-icon--arw_green, .btn:after {
  background-position: 0 -37px;
  height: 12px;
  width: 8px;
}

.sumimachi_2016_detail-icon--backnumber {
  background-position: 0 -49px;
  height: 30px;
  width: 30px;
}

.sumimachi_2016_detail-icon--camera {
  background-position: 0 -79px;
  height: 19px;
  width: 20px;
}

.sumimachi_2016_detail-icon--crown {
  background-position: 0 -98px;
  height: 50px;
  width: 50px;
}

.sumimachi_2016_detail-icon--external {
  background-position: 0 -148px;
  height: 19px;
  width: 20px;
}

.sumimachi_2016_detail-icon--graph {
  background-position: 0 -167px;
  height: 30px;
  width: 30px;
}

.sumimachi_2016_detail-icon--note {
  background-position: 0 -197px;
  height: 19px;
  width: 20px;
}

.sumimachi_2016_detail-icon--pen {
  background-position: 0 -216px;
  height: 19px;
  width: 20px;
}

.sumimachi_2016_detail-icon--point_score {
  background-position: 0 -235px;
  height: 19px;
  width: 20px;
}

.sumimachi_2016_detail-icon--point_station {
  background-position: 0 -254px;
  height: 19px;
  width: 20px;
}

.sumimachi_2016_detail-icon--point_train {
  background-position: 0 -273px;
  height: 19px;
  width: 20px;
}

.sumimachi_2016_detail-icon--point_trophy {
  background-position: 0 -292px;
  height: 19px;
  width: 20px;
}

.sumimachi_2016_detail-icon--rank1 {
  background-position: 0 -311px;
  height: 40px;
  width: 40px;
}

.sumimachi_2016_detail-icon--rank10 {
  background-position: 0 -351px;
  height: 30px;
  width: 30px;
}

.sumimachi_2016_detail-icon--rank11 {
  background-position: 0 -381px;
  height: 15px;
  width: 33px;
}

.sumimachi_2016_detail-icon--rank12 {
  background-position: 0 -396px;
  height: 15px;
  width: 33px;
}

.sumimachi_2016_detail-icon--rank13 {
  background-position: 0 -411px;
  height: 15px;
  width: 33px;
}

.sumimachi_2016_detail-icon--rank14 {
  background-position: 0 -426px;
  height: 15px;
  width: 33px;
}

.sumimachi_2016_detail-icon--rank15 {
  background-position: 0 -441px;
  height: 15px;
  width: 33px;
}

.sumimachi_2016_detail-icon--rank16 {
  background-position: 0 -456px;
  height: 15px;
  width: 33px;
}

.sumimachi_2016_detail-icon--rank17 {
  background-position: 0 -471px;
  height: 15px;
  width: 33px;
}

.sumimachi_2016_detail-icon--rank18 {
  background-position: 0 -486px;
  height: 15px;
  width: 33px;
}

.sumimachi_2016_detail-icon--rank19 {
  background-position: 0 -501px;
  height: 15px;
  width: 33px;
}

.sumimachi_2016_detail-icon--rank2 {
  background-position: 0 -516px;
  height: 40px;
  width: 40px;
}

.sumimachi_2016_detail-icon--rank20 {
  background-position: 0 -556px;
  height: 15px;
  width: 33px;
}

.sumimachi_2016_detail-icon--rank21 {
  background-position: 0 -571px;
  height: 15px;
  width: 35px;
}

.sumimachi_2016_detail-icon--rank22 {
  background-position: 0 -586px;
  height: 15px;
  width: 35px;
}

.sumimachi_2016_detail-icon--rank23 {
  background-position: 0 -601px;
  height: 15px;
  width: 35px;
}

.sumimachi_2016_detail-icon--rank24 {
  background-position: 0 -616px;
  height: 15px;
  width: 35px;
}

.sumimachi_2016_detail-icon--rank25 {
  background-position: 0 -631px;
  height: 15px;
  width: 35px;
}

.sumimachi_2016_detail-icon--rank26 {
  background-position: 0 -646px;
  height: 15px;
  width: 35px;
}

.sumimachi_2016_detail-icon--rank27 {
  background-position: 0 -661px;
  height: 15px;
  width: 35px;
}

.sumimachi_2016_detail-icon--rank28 {
  background-position: 0 -676px;
  height: 15px;
  width: 35px;
}

.sumimachi_2016_detail-icon--rank29 {
  background-position: 0 -691px;
  height: 15px;
  width: 35px;
}

.sumimachi_2016_detail-icon--rank3 {
  background-position: 0 -706px;
  height: 40px;
  width: 40px;
}

.sumimachi_2016_detail-icon--rank30 {
  background-position: 0 -746px;
  height: 15px;
  width: 35px;
}

.sumimachi_2016_detail-icon--rank4 {
  background-position: 0 -761px;
  height: 30px;
  width: 30px;
}

.sumimachi_2016_detail-icon--rank5 {
  background-position: 0 -791px;
  height: 30px;
  width: 30px;
}

.sumimachi_2016_detail-icon--rank6 {
  background-position: 0 -821px;
  height: 30px;
  width: 30px;
}

.sumimachi_2016_detail-icon--rank7 {
  background-position: 0 -851px;
  height: 30px;
  width: 30px;
}

.sumimachi_2016_detail-icon--rank8 {
  background-position: 0 -881px;
  height: 30px;
  width: 30px;
}

.sumimachi_2016_detail-icon--rank9 {
  background-position: 0 -911px;
  height: 30px;
  width: 30px;
}

.sumimachi_2016_detail-icon--rate_lower {
  background-position: 0 -941px;
  height: 20px;
  width: 20px;
}

.sumimachi_2016_detail-icon--rate_unchanged {
  background-position: 0 -961px;
  height: 20px;
  width: 20px;
}

.sumimachi_2016_detail-icon--rate_upper1 {
  background-position: 0 -981px;
  height: 20px;
  width: 20px;
}

.sumimachi_2016_detail-icon--rate_upper2 {
  background-position: 0 -1001px;
  height: 20px;
  width: 20px;
}

.sumimachi_2016_detail-icon--suumo1 {
  background-position: 0 -1021px;
  height: 94px;
  width: 73px;
}

.sumimachi_2016_detail-icon--suumo2 {
  background-position: 0 -1115px;
  height: 78px;
  width: 74px;
}

.sumimachi_2016_detail-icon--suumo3 {
  background-position: 0 -1193px;
  height: 77px;
  width: 80px;
}

.sumimachi_2016_detail-icon--suumo4, .otherlinkbox:after {
  background-position: 0 -1270px;
  height: 97px;
  width: 116px;
}

.sumimachi_2016_detail-material--sprite, .sumimachi_2016_detail-material--btn_detail, .btnimg.btnimg--detail, .sumimachi_2016_detail-material--btn_detail_ov, .btnimg.btnimg--detail:hover, .sumimachi_2016_detail-material--btn_goodspot, .btnimg.btnimg--goodspot, .sumimachi_2016_detail-material--btn_goodspot_ov, .btnimg.btnimg--goodspot:hover, .sumimachi_2016_detail-material--btn_kansai_hyogo, .btnimg.btnimg--kansai_hyogo, .sumimachi_2016_detail-material--btn_kansai_hyogo_ov, .btnimg.btnimg--kansai_hyogo:hover, .sumimachi_2016_detail-material--btn_kansai_kyoto, .btnimg.btnimg--kansai_kyoto, .sumimachi_2016_detail-material--btn_kansai_kyoto_ov, .btnimg.btnimg--kansai_kyoto:hover, .sumimachi_2016_detail-material--btn_kansai_nara, .btnimg.btnimg--kansai_nara, .sumimachi_2016_detail-material--btn_kansai_nara_ov, .btnimg.btnimg--kansai_nara:hover, .sumimachi_2016_detail-material--btn_kansai_osaka, .btnimg.btnimg--kansai_osaka, .sumimachi_2016_detail-material--btn_kansai_osaka_ov, .btnimg.btnimg--kansai_osaka:hover, .sumimachi_2016_detail-material--btn_kansai_shiga, .btnimg.btnimg--kansai_shiga, .sumimachi_2016_detail-material--btn_kansai_shiga_ov, .btnimg.btnimg--kansai_shiga:hover, .sumimachi_2016_detail-material--btn_kansai_wakayama, .btnimg.btnimg--kansai_wakayama, .sumimachi_2016_detail-material--btn_kansai_wakayama_ov, .btnimg.btnimg--kansai_wakayama:hover, .sumimachi_2016_detail-material--btn_kanto_chiba, .btnimg.btnimg--kanto_chiba, .sumimachi_2016_detail-material--btn_kanto_chiba_ov, .btnimg.btnimg--kanto_chiba:hover, .sumimachi_2016_detail-material--btn_kanto_ibaraki, .btnimg.btnimg--kanto_ibaraki, .sumimachi_2016_detail-material--btn_kanto_ibaraki_ov, .btnimg.btnimg--kanto_ibaraki:hover, .sumimachi_2016_detail-material--btn_kanto_kanagawa, .btnimg.btnimg--kanto_kanagawa, .sumimachi_2016_detail-material--btn_kanto_kanagawa_ov, .btnimg.btnimg--kanto_kanagawa:hover, .sumimachi_2016_detail-material--btn_kanto_saitama, .btnimg.btnimg--kanto_saitama, .sumimachi_2016_detail-material--btn_kanto_saitama_ov, .btnimg.btnimg--kanto_saitama:hover, .sumimachi_2016_detail-material--btn_kanto_tokyo, .btnimg.btnimg--kanto_tokyo, .sumimachi_2016_detail-material--btn_kanto_tokyo_ov, .btnimg.btnimg--kanto_tokyo:hover, .sumimachi_2016_detail-material--btn_navi_kansai_allrank, .subnavi_link.subnavi_link--kansai_allrank, .sumimachi_2016_detail-material--btn_navi_kansai_allrank_ov, .subnavi_link.subnavi_link--kansai_allrank:hover, .subnavi_link.subnavi_link--kansai_allrank.is-active, .sumimachi_2016_detail-material--btn_navi_kansai_city, .subnavi_link.subnavi_link--kansai_city, .sumimachi_2016_detail-material--btn_navi_kansai_city_ov, .subnavi_link.subnavi_link--kansai_city:hover, .subnavi_link.subnavi_link--kansai_city.is-active, .sumimachi_2016_detail-material--btn_navi_kansai_feature, .subnavi_link.subnavi_link--kansai_feature, .sumimachi_2016_detail-material--btn_navi_kansai_feature_ov, .subnavi_link.subnavi_link--kansai_feature:hover, .subnavi_link.subnavi_link--kansai_feature.is-active, .sumimachi_2016_detail-material--btn_navi_kansai_pref, .subnavi_link.subnavi_link--kansai_pref, .sumimachi_2016_detail-material--btn_navi_kansai_pref_ov, .subnavi_link.subnavi_link--kansai_pref:hover, .subnavi_link.subnavi_link--kansai_pref.is-active, .sumimachi_2016_detail-material--btn_navi_kansai_railway, .subnavi_link.subnavi_link--kansai_railway, .sumimachi_2016_detail-material--btn_navi_kansai_railway_ov, .subnavi_link.subnavi_link--kansai_railway:hover, .subnavi_link.subnavi_link--kansai_railway.is-active, .sumimachi_2016_detail-material--btn_navi_kansai_rise, .subnavi_link.subnavi_link--kansai_rise, .sumimachi_2016_detail-material--btn_navi_kansai_rise_ov, .subnavi_link.subnavi_link--kansai_rise:hover, .subnavi_link.subnavi_link--kansai_rise.is-active, .sumimachi_2016_detail-material--btn_navi_kansai_top, .subnavi_link.subnavi_link--kansai_top, .sumimachi_2016_detail-material--btn_navi_kansai_top_ov, .subnavi_link.subnavi_link--kansai_top:hover, .subnavi_link.subnavi_link--kansai_top.is-active, .sumimachi_2016_detail-material--btn_navi_kanto_allrank, .subnavi_link.subnavi_link--kanto_allrank, .sumimachi_2016_detail-material--btn_navi_kanto_allrank_ov, .subnavi_link.subnavi_link--kanto_allrank:hover, .subnavi_link.subnavi_link--kanto_allrank.is-active, .sumimachi_2016_detail-material--btn_navi_kanto_city, .subnavi_link.subnavi_link--kanto_city, .sumimachi_2016_detail-material--btn_navi_kanto_city_ov, .subnavi_link.subnavi_link--kanto_city:hover, .subnavi_link.subnavi_link--kanto_city.is-active, .sumimachi_2016_detail-material--btn_navi_kanto_feature, .subnavi_link.subnavi_link--kanto_feature, .sumimachi_2016_detail-material--btn_navi_kanto_feature_ov, .subnavi_link.subnavi_link--kanto_feature:hover, .subnavi_link.subnavi_link--kanto_feature.is-active, .sumimachi_2016_detail-material--btn_navi_kanto_pref, .subnavi_link.subnavi_link--kanto_pref, .sumimachi_2016_detail-material--btn_navi_kanto_pref_ov, .subnavi_link.subnavi_link--kanto_pref:hover, .subnavi_link.subnavi_link--kanto_pref.is-active, .sumimachi_2016_detail-material--btn_navi_kanto_railway, .subnavi_link.subnavi_link--kanto_railway, .sumimachi_2016_detail-material--btn_navi_kanto_railway_ov, .subnavi_link.subnavi_link--kanto_railway:hover, .subnavi_link.subnavi_link--kanto_railway.is-active, .sumimachi_2016_detail-material--btn_navi_kanto_rise, .subnavi_link.subnavi_link--kanto_rise, .sumimachi_2016_detail-material--btn_navi_kanto_rise_ov, .subnavi_link.subnavi_link--kanto_rise:hover, .subnavi_link.subnavi_link--kanto_rise.is-active, .sumimachi_2016_detail-material--btn_navi_kanto_top, .subnavi_link.subnavi_link--kanto_top, .sumimachi_2016_detail-material--btn_navi_kanto_top_ov, .subnavi_link.subnavi_link--kanto_top:hover, .subnavi_link.subnavi_link--kanto_top.is-active, .sumimachi_2016_detail-material--btn_nowon, .btnimg.btnimg--nowon, .sumimachi_2016_detail-material--btn_nowon_ov, .btnimg.btnimg--nowon:hover, .sumimachi_2016_detail-material--btn_rank_dinks, .btnimg.btnimg--rank_dinks, .sumimachi_2016_detail-material--btn_rank_dinks_ov, .btnimg.btnimg--rank_dinks:hover, .sumimachi_2016_detail-material--btn_rank_family, .btnimg.btnimg--rank_family, .sumimachi_2016_detail-material--btn_rank_family_ov, .btnimg.btnimg--rank_family:hover, .sumimachi_2016_detail-material--btn_rank_gender, .btnimg.btnimg--rank_gender, .sumimachi_2016_detail-material--btn_rank_gender_ov, .btnimg.btnimg--rank_gender:hover, .sumimachi_2016_detail-material--btn_rank_single, .btnimg.btnimg--rank_single, .sumimachi_2016_detail-material--btn_rank_single_ov, .btnimg.btnimg--rank_single:hover, .sumimachi_2016_detail-material--btn_rise, .btnimg.btnimg--rise, .sumimachi_2016_detail-material--btn_rise_ov, .btnimg.btnimg--rise:hover, .sumimachi_2016_detail-material--btn_showrank, .btnimg.btnimg--showrank, .sumimachi_2016_detail-material--btn_showrank_ov, .btnimg.btnimg--showrank:hover, .sumimachi_2016_detail-material--txt_cityrank, .sumimachi_2016_detail-material--txt_exrank, .sumimachi_2016_detail-material--txt_feature, .sumimachi_2016_detail-material--txt_kansai, .sumimachi_2016_detail-material--txt_kanto, .sumimachi_2016_detail-material--txt_prefrank_kansai, .sumimachi_2016_detail-material--txt_prefrank_kanto, .sumimachi_2016_detail-material--txt_railwayrank {
  background-image: url('/edit/sumi_machi/2016/img/sprite/sumimachi_2016_detail-material-.png');
  background-repeat: no-repeat;
}

.sumimachi_2016_detail-material--btn_detail, .btnimg.btnimg--detail {
  background-position: 0 0;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_detail_ov, .btnimg.btnimg--detail:hover {
  background-position: 0 -64px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_goodspot, .btnimg.btnimg--goodspot {
  background-position: 0 -128px;
  height: 106px;
  width: 190px;
}

.sumimachi_2016_detail-material--btn_goodspot_ov, .btnimg.btnimg--goodspot:hover {
  background-position: 0 -234px;
  height: 106px;
  width: 190px;
}

.sumimachi_2016_detail-material--btn_kansai_hyogo, .btnimg.btnimg--kansai_hyogo {
  background-position: 0 -340px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_kansai_hyogo_ov, .btnimg.btnimg--kansai_hyogo:hover {
  background-position: 0 -404px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_kansai_kyoto, .btnimg.btnimg--kansai_kyoto {
  background-position: 0 -468px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_kansai_kyoto_ov, .btnimg.btnimg--kansai_kyoto:hover {
  background-position: 0 -532px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_kansai_nara, .btnimg.btnimg--kansai_nara {
  background-position: 0 -596px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_kansai_nara_ov, .btnimg.btnimg--kansai_nara:hover {
  background-position: 0 -660px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_kansai_osaka, .btnimg.btnimg--kansai_osaka {
  background-position: 0 -724px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_kansai_osaka_ov, .btnimg.btnimg--kansai_osaka:hover {
  background-position: 0 -788px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_kansai_shiga, .btnimg.btnimg--kansai_shiga {
  background-position: 0 -852px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_kansai_shiga_ov, .btnimg.btnimg--kansai_shiga:hover {
  background-position: 0 -916px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_kansai_wakayama, .btnimg.btnimg--kansai_wakayama {
  background-position: 0 -980px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_kansai_wakayama_ov, .btnimg.btnimg--kansai_wakayama:hover {
  background-position: 0 -1044px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_kanto_chiba, .btnimg.btnimg--kanto_chiba {
  background-position: 0 -1108px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_kanto_chiba_ov, .btnimg.btnimg--kanto_chiba:hover {
  background-position: 0 -1172px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_kanto_ibaraki, .btnimg.btnimg--kanto_ibaraki {
  background-position: 0 -1236px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_kanto_ibaraki_ov, .btnimg.btnimg--kanto_ibaraki:hover {
  background-position: 0 -1300px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_kanto_kanagawa, .btnimg.btnimg--kanto_kanagawa {
  background-position: 0 -1364px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_kanto_kanagawa_ov, .btnimg.btnimg--kanto_kanagawa:hover {
  background-position: 0 -1428px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_kanto_saitama, .btnimg.btnimg--kanto_saitama {
  background-position: 0 -1492px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_kanto_saitama_ov, .btnimg.btnimg--kanto_saitama:hover {
  background-position: 0 -1556px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_kanto_tokyo, .btnimg.btnimg--kanto_tokyo {
  background-position: 0 -1620px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_kanto_tokyo_ov, .btnimg.btnimg--kanto_tokyo:hover {
  background-position: 0 -1684px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_navi_kansai_allrank, .subnavi_link.subnavi_link--kansai_allrank {
  background-position: 0 -1748px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kansai_allrank_ov, .subnavi_link.subnavi_link--kansai_allrank:hover, .subnavi_link.subnavi_link--kansai_allrank.is-active {
  background-position: 0 -1812px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kansai_city, .subnavi_link.subnavi_link--kansai_city {
  background-position: 0 -1876px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kansai_city_ov, .subnavi_link.subnavi_link--kansai_city:hover, .subnavi_link.subnavi_link--kansai_city.is-active {
  background-position: 0 -1940px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kansai_feature, .subnavi_link.subnavi_link--kansai_feature {
  background-position: 0 -2004px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kansai_feature_ov, .subnavi_link.subnavi_link--kansai_feature:hover, .subnavi_link.subnavi_link--kansai_feature.is-active {
  background-position: 0 -2068px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kansai_pref, .subnavi_link.subnavi_link--kansai_pref {
  background-position: 0 -2132px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kansai_pref_ov, .subnavi_link.subnavi_link--kansai_pref:hover, .subnavi_link.subnavi_link--kansai_pref.is-active {
  background-position: 0 -2196px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kansai_railway, .subnavi_link.subnavi_link--kansai_railway {
  background-position: 0 -2260px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kansai_railway_ov, .subnavi_link.subnavi_link--kansai_railway:hover, .subnavi_link.subnavi_link--kansai_railway.is-active {
  background-position: 0 -2324px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kansai_rise, .subnavi_link.subnavi_link--kansai_rise {
  background-position: 0 -2388px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kansai_rise_ov, .subnavi_link.subnavi_link--kansai_rise:hover, .subnavi_link.subnavi_link--kansai_rise.is-active {
  background-position: 0 -2452px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kansai_top, .subnavi_link.subnavi_link--kansai_top {
  background-position: 0 -2516px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kansai_top_ov, .subnavi_link.subnavi_link--kansai_top:hover, .subnavi_link.subnavi_link--kansai_top.is-active {
  background-position: 0 -2580px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kanto_allrank, .subnavi_link.subnavi_link--kanto_allrank {
  background-position: 0 -2644px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kanto_allrank_ov, .subnavi_link.subnavi_link--kanto_allrank:hover, .subnavi_link.subnavi_link--kanto_allrank.is-active {
  background-position: 0 -2708px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kanto_city, .subnavi_link.subnavi_link--kanto_city {
  background-position: 0 -2772px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kanto_city_ov, .subnavi_link.subnavi_link--kanto_city:hover, .subnavi_link.subnavi_link--kanto_city.is-active {
  background-position: 0 -2836px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kanto_feature, .subnavi_link.subnavi_link--kanto_feature {
  background-position: 0 -2900px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kanto_feature_ov, .subnavi_link.subnavi_link--kanto_feature:hover, .subnavi_link.subnavi_link--kanto_feature.is-active {
  background-position: 0 -2964px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kanto_pref, .subnavi_link.subnavi_link--kanto_pref {
  background-position: 0 -3028px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kanto_pref_ov, .subnavi_link.subnavi_link--kanto_pref:hover, .subnavi_link.subnavi_link--kanto_pref.is-active {
  background-position: 0 -3092px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kanto_railway, .subnavi_link.subnavi_link--kanto_railway {
  background-position: 0 -3156px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kanto_railway_ov, .subnavi_link.subnavi_link--kanto_railway:hover, .subnavi_link.subnavi_link--kanto_railway.is-active {
  background-position: 0 -3220px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kanto_rise, .subnavi_link.subnavi_link--kanto_rise {
  background-position: 0 -3284px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kanto_rise_ov, .subnavi_link.subnavi_link--kanto_rise:hover, .subnavi_link.subnavi_link--kanto_rise.is-active {
  background-position: 0 -3348px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kanto_top, .subnavi_link.subnavi_link--kanto_top {
  background-position: 0 -3412px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_navi_kanto_top_ov, .subnavi_link.subnavi_link--kanto_top:hover, .subnavi_link.subnavi_link--kanto_top.is-active {
  background-position: 0 -3476px;
  height: 64px;
  width: 260px;
}

.sumimachi_2016_detail-material--btn_nowon, .btnimg.btnimg--nowon {
  background-position: 0 -3540px;
  height: 106px;
  width: 190px;
}

.sumimachi_2016_detail-material--btn_nowon_ov, .btnimg.btnimg--nowon:hover {
  background-position: 0 -3646px;
  height: 106px;
  width: 190px;
}

.sumimachi_2016_detail-material--btn_rank_dinks, .btnimg.btnimg--rank_dinks {
  background-position: 0 -3752px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_rank_dinks_ov, .btnimg.btnimg--rank_dinks:hover {
  background-position: 0 -3816px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_rank_family, .btnimg.btnimg--rank_family {
  background-position: 0 -3880px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_rank_family_ov, .btnimg.btnimg--rank_family:hover {
  background-position: 0 -3944px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_rank_gender, .btnimg.btnimg--rank_gender {
  background-position: 0 -4008px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_rank_gender_ov, .btnimg.btnimg--rank_gender:hover {
  background-position: 0 -4072px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_rank_single, .btnimg.btnimg--rank_single {
  background-position: 0 -4136px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_rank_single_ov, .btnimg.btnimg--rank_single:hover {
  background-position: 0 -4200px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_rise, .btnimg.btnimg--rise {
  background-position: 0 -4264px;
  height: 106px;
  width: 190px;
}

.sumimachi_2016_detail-material--btn_rise_ov, .btnimg.btnimg--rise:hover {
  background-position: 0 -4370px;
  height: 106px;
  width: 190px;
}

.sumimachi_2016_detail-material--btn_showrank, .btnimg.btnimg--showrank {
  background-position: 0 -4476px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--btn_showrank_ov, .btnimg.btnimg--showrank:hover {
  background-position: 0 -4540px;
  height: 64px;
  width: 295px;
}

.sumimachi_2016_detail-material--txt_cityrank {
  background-position: 0 -4604px;
  height: 21px;
  width: 179px;
}

.sumimachi_2016_detail-material--txt_exrank {
  background-position: 0 -4625px;
  height: 20px;
  width: 258px;
}

.sumimachi_2016_detail-material--txt_feature {
  background-position: 0 -4645px;
  height: 20px;
  width: 227px;
}

.sumimachi_2016_detail-material--txt_kansai {
  background-position: 0 -4665px;
  height: 19px;
  width: 79px;
}

.sumimachi_2016_detail-material--txt_kanto {
  background-position: 0 -4684px;
  height: 20px;
  width: 79px;
}

.sumimachi_2016_detail-material--txt_prefrank_kansai {
  background-position: 0 -4704px;
  height: 20px;
  width: 199px;
}

.sumimachi_2016_detail-material--txt_prefrank_kanto {
  background-position: 0 -4724px;
  height: 20px;
  width: 199px;
}

.sumimachi_2016_detail-material--txt_railwayrank {
  background-position: 0 -4744px;
  height: 20px;
  width: 160px;
}

/************************************************************
 * reset
 ************************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

a, img {
  border: none;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  text-align: left;
  font-weight: normal;
}

body {
  line-height: 1.2;
  -webkit-text-size-adjust: none;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
  margin: 0;
  padding: 0;
}

input, select, textarea {
  font-size: 105%;
}

ul, ol, li {
  list-style-position: outside;
  vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 12px;
  font-weight: normal;
}

/* clearfix */
.ui-breadcrumb .ui-breadcrumb-list:after, .ui-tab:after, .ui-media:after, .l-contents:after, .l-linklist:after, .l-areatab:after, .l-list_hz .l-list_hz-inner:after, .l-simplenavi:after, .linklist_header:after, .linklist_subitem:after, .linklist_matrixitem:after, .leadlinkbox .leadlinkbox-inner:after, .linkbar:after, .snsbox:after, .snsbar:after, .navbar .navbar-inner:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.ui-breadcrumb .ui-breadcrumb-list, .ui-tab, .ui-media, .l-contents, .l-linklist, .l-areatab, .l-list_hz .l-list_hz-inner, .l-simplenavi, .linklist_header, .linklist_subitem, .linklist_matrixitem, .leadlinkbox .leadlinkbox-inner, .linkbar, .snsbox, .snsbar, .navbar .navbar-inner {
  min-height: 1px;
  _height: 1px;
}

.ui-icon--arrow01, .ui-icon--arrow02, .ui-icon--arrow04, .ui-icon--car, .ui-icon--external02, .ui-icon--square {
  background-image: url(/edit/assets/suumo/img/sprite/icon.png);
  background-repeat: no-repeat;
}

.ui-icon--suumo06, .ui-icon--suumo08 {
  background-image: url(/edit/assets/suumo/img/sprite/suumo.png);
  background-repeat: no-repeat;
}

.ui-txtreplace, .ui-icon--suumo06, .ui-icon--suumo08, .sumimachi_2016_detail-icon, .sublinkbox_link:after, .btn:after, .otherlinkbox:after, .linkbar .linkbar-link:after, .sumimachi_2016_detail-material, .subnavi_link, .btnimg {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
}

.ui-breadcrumb {
  margin-top: 10px;
  margin-bottom: 10px;
}
.ui-breadcrumb .ui-breadcrumb-inner {
  width: 950px;
  margin: 0 auto;
}
.ui-breadcrumb .ui-breadcrumb-list li {
  float: left;
}

.ui-caption {
  color: #666666;
}

.ui-section_h1 > .ui-section_h1-header {
  box-shadow: 0 3px 10px #D9D9D9;
  padding: 15px 0;
  border-top: 3px solid #6FBA2C;
}
.ui-section_h1 > .ui-section_h1-header h1 {
  padding-left: 10px;
  font-size: 18px;
  font-weight: bold;
}
.ui-section_h1 > .ui-section_h1-body {
  margin-top: 20px;
}
.ui-section_h1.ui-section_h1--simple > .ui-section_h1-header {
  box-shadow: none;
  padding: 32px 0 14px;
  border-top: none;
  border-bottom: 3px solid #6FBA2C;
}
.ui-section_h1.ui-section_h1--simple > .ui-section_h1-header h1 {
  padding-left: 0;
  font-size: 25px;
  line-height: 1;
}
.ui-section_h1.ui-section_h1--txtlink > .ui-section_h1-header {
  position: relative;
}
.ui-section_h1.ui-section_h1--txtlink > .ui-section_h1-header .ui-section_h1-header-txtlink {
  position: absolute;
  top: 20px;
  right: 10px;
}

.ui-section_h2 > .ui-section_h2-header {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: linear-gradient(to bottom, #ffffff, #ffffff 2%, #eeeeee 3%, #ffffff 40%);
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 2px solid #DDDDDD;
}
.ui-section_h2 > .ui-section_h2-header h2 {
  padding: 8px 0 5px 8px;
  line-height: 1;
  border-left: 5px solid #6FBA2C;
  font-size: 16px;
  font-weight: bold;
  color: #358D23;
}
.ui-section_h2 > .ui-section_h2-body {
  margin-top: 10px;
}
.ui-section_h2.ui-section_h2--txtlink > .ui-section_h2-header {
  position: relative;
}
.ui-section_h2.ui-section_h2--txtlink > .ui-section_h2-header .ui-section_h2-header-txtlink {
  position: absolute;
  top: 15px;
  right: 10px;
}

.ui-section_h3 > .ui-section_h3-header {
  padding-top: 10px;
  border-top: 2px solid #EEEEEE;
}
.ui-section_h3 > .ui-section_h3-header h3 {
  font-weight: bold;
  font-size: 14px;
}
.ui-section_h3 > .ui-section_h3-body {
  margin-top: 10px;
}
.ui-section_h3.ui-section_h3--green > .ui-section_h3-header {
  padding-top: 0;
  padding-bottom: 10px;
  border-top: none;
  border-bottom: 2px solid #C3E4A6;
}
.ui-section_h3.ui-section_h3--green > .ui-section_h3-body {
  margin-top: 20px;
}

.ui-section_h4 > .ui-section_h4-header {
  padding-left: 5px;
  border-left: 5px solid #CCCCCC;
}
.ui-section_h4 > .ui-section_h4-header h4 {
  font-weight: bold;
  font-size: 14px;
}
.ui-section_h4 > .ui-section_h4-body {
  margin-top: 10px;
}

.ui-section_sub {
  border-top: 4px solid #6FBA2C;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  border-radius: 3px 3px 0px 0px;
}
.ui-section_sub > .ui-section_sub-header {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: linear-gradient(to bottom, #ffffff, #ffffff 2%, #eeeeee 3%, #ffffff 40%);
}
.ui-section_sub > .ui-section_sub-header .ui-section_sub-header-title {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: linear-gradient(to bottom, #ffffff, #ffffff 49%, #fcfcfc 50%, #e8e8e8 100%);
  line-height: 1;
  padding: 13px 10px;
  font-size: 13px;
  font-weight: bold;
  color: #666666;
  border: 1px solid #FFFFFF;
}
.ui-section_sub.ui-section_sub--01 {
  border-top: 4px solid #B4B4B4;
}

.ui-tab li {
  float: left;
  margin-left: 2px;
}
.ui-tab li:first-child {
  margin-left: 0;
}
.ui-tab.ui-tab--base {
  border-bottom: 4px solid #5AAE08;
}
.ui-tab.ui-tab--base a {
  border-radius: 3px 3px 0 0;
  line-height: 1.3;
  display: block;
  height: 27px;
  padding: 15px 13px 0;
  font-weight: bold;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-bottom: none;
}
.ui-tab.ui-tab--base a:link, .ui-tab.ui-tab--base a:visited {
  text-decoration: none;
  color: #333333;
}
.ui-tab.ui-tab--base a:hover {
  cursor: pointer;
  color: #FFFFFF;
  border: 1px solid #6FBA2C;
  border-bottom: none;
  background: #5AAE08;
}
.ui-tab.ui-tab--base a.is-active {
  cursor: default;
  color: #FFFFFF;
  border: 1px solid #6FBA2C;
  border-bottom: none;
  background: #5AAE08;
}
.ui-tab.ui-tab--base .ui-tab-multiline {
  height: 35px;
  padding: 7px 13px 0;
}

.ui-pagination li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.ui-pagination li:first-child a {
  margin-left: 0;
}
.ui-pagination li.is-active {
  border-radius: 3px;
  margin-left: 5px;
  padding: 11px 10px;
  border: 0;
  color: #5AAE08;
  font-weight: bold;
  background: #E6EDE0;
}
.ui-pagination li.is-ellipsis {
  margin-left: 5px;
}
.ui-pagination a {
  display: block;
  margin-left: 5px;
  padding: 10px;
  color: #333333;
  border: 1px solid #CAD0C6;
  background: #FFFFFF;
  font-weight: bold;
  text-align: center;
  border-radius: 3px;
  box-shadow: rgba(210, 217, 202, 0.8) 1px 2px 1px, white 0 2px 0 inset, rgba(235, 235, 235, 0.7) 0 -3px 0 inset;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: linear-gradient(#f5f5f5, #ffffff 30%);
}
.ui-pagination a:link, .ui-pagination a:hover, .ui-pagination a:active, .ui-pagination a:visited {
  color: #333333;
  text-decoration: none;
}
.ui-pagination a:hover {
  opacity: 0.8;
  filter: alpha(opacity=64);
}

.ui-overflowbox {
  overflow: hidden;
}

.ui-txt_small {
  font-size: 10px;
}

.ui-txt_regular {
  font-size: 12px;
}

.ui-txt_large {
  font-size: 14px;
}

.ui-txt_xlarge {
  font-size: 16px;
}

.ui-txt_bold {
  font-weight: bold;
}

.ui-txt_normal {
  font-weight: normal;
}

.ui-btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
}
.ui-btn:hover {
  opacity: 0.8;
  filter: alpha(opacity=64);
}
.ui-btn.ui-btn--base {
  border-radius: 3px;
  box-shadow: rgba(210, 217, 202, 0.8) 1px 2px 1px, white 0 2px 0 inset, rgba(235, 235, 235, 0.7) 0 -3px 0 inset;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: linear-gradient(#f5f5f5, #ffffff 30%);
  background-color: #FFFFFF;
  border: 1px solid #CAD0C6;
}
.ui-btn.ui-btn--base:link, .ui-btn.ui-btn--base:hover, .ui-btn.ui-btn--base:active, .ui-btn.ui-btn--base:visited {
  color: #333333;
}
.ui-btn.ui-btn--action {
  border-radius: 3px;
  box-shadow: 0 2px 1px #D9D9D9;
  background-color: #068BF1;
  border-bottom: 2px solid #0B6CBA;
}
.ui-btn.ui-btn--action:link, .ui-btn.ui-btn--action:visited {
  color: #FFFFFF;
}
.ui-btn.ui-btn--transition {
  border-radius: 3px;
  box-shadow: 0 2px 1px #D9D9D9;
  background-color: #61AA12;
  border-bottom: 2px solid #509407;
}
.ui-btn.ui-btn--transition:link, .ui-btn.ui-btn--transition:visited {
  color: #FFFFFF;
}
.ui-btn.ui-btn--accent {
  border-radius: 3px;
  background-color: #F4434B;
  border-bottom: 2px solid #D90D33;
}
.ui-btn.ui-btn--accent:link, .ui-btn.ui-btn--accent:visited {
  color: #FFFFFF;
}
.ui-btn.ui-btn--submit {
  border-radius: 3px;
  box-shadow: 0 2px 1px #D9D9D9;
  background-color: #F37E00;
  border-bottom: 2px solid #E15F00;
}
.ui-btn.ui-btn--submit:link, .ui-btn.ui-btn--submit:visited {
  color: #FFFFFF;
}
.ui-btn.ui-btn--mylist {
  border-radius: 3px;
  box-shadow: 0 -2px 0 #E5E5E5 inset;
  background-color: #FFFFFF;
  border: 2px solid #F77C00;
}
.ui-btn.ui-btn--mylist:link, .ui-btn.ui-btn--mylist:visited {
  color: #F77C00;
}
.ui-btn.ui-btn--motion {
  border-radius: 3px;
  box-shadow: 0 -2px 0 #E5E5E5 inset;
  background-color: #FFFFFF;
  border: 2px solid #C4C4C4;
}
.ui-btn.ui-btn--motion:link, .ui-btn.ui-btn--motion:visited {
  color: #F77C00;
}
.ui-btn.ui-btn--favorite {
  border-radius: 3px;
  box-shadow: 0 -2px 0 #E5E5E5 inset;
  background-color: #FFFFFF;
  border: 2px solid #C4C4C4;
  text-align: left;
}
.ui-btn.ui-btn--favorite:link, .ui-btn.ui-btn--favorite:visited {
  color: #444444;
}
.ui-btn.ui-btn--clean {
  border-radius: 3px;
  background-color: #FFFFFF;
}
.ui-btn.ui-btn--search {
  border-radius: 3px;
  box-shadow: 0 2px 1px #D9D9D9;
  background-color: #068BF1;
  border-bottom: 2px solid #0B6CBA;
}
.ui-btn.ui-btn--search:link, .ui-btn.ui-btn--search:visited {
  color: #FFFFFF;
}
.ui-btn.ui-btn--xsmall {
  padding: 8px 10px;
}
.ui-btn.ui-btn--small {
  padding: 10px;
}
.ui-btn.ui-btn--default {
  padding: 10px;
}
.ui-btn.ui-btn--large {
  width: 260px;
  padding: 12px 0;
  font-size: 16px;
  line-height: 16px;
}
.ui-btn.ui-btn--block {
  display: block;
  padding: 10px 0;
}
.ui-btn.ui-btn--block_variation {
  display: block;
  padding: 10px;
}

.ui-favorite .ui-favorite-icon_add {
  display: none;
}
.ui-favorite .ui-favorite-text_add {
  display: none;
}
.ui-favorite.is-add .ui-favorite-icon {
  display: none;
}
.ui-favorite.is-add .ui-favorite-text {
  display: none;
}
.ui-favorite.is-add .ui-favorite-icon_add {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.ui-favorite.is-add .ui-favorite-text_add {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  color: #B0B0B0;
}

.ui-thumb {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  padding: 3px;
  background: #FFFFFF;
}
.ui-thumb.ui-thumb--fit {
  padding: 0;
}
.ui-thumb.ui-thumb--01 {
  border: 1px solid #E6E6E6;
}
.ui-thumb.ui-thumb--02 {
  border: 1px solid #048ADE;
}
.ui-thumb.ui-thumb--03 {
  border: 1px solid #6219DB;
}

.ui-thumbcenter {
  text-align: center;
}
.ui-thumbcenter img {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}
.ui-thumbcenter.ui-thumbcenter--01 {
  width: 96px;
  height: 96px;
  border: 1px solid #E6E6E6;
}

.ie .ui-thumbcenter img {
  -webkit-transform: none;
  transform: none;
  top: 3px;
}

.ui-pct {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  font-size: 10px;
  line-height: 1;
}
.ui-pct.ui-pct--01 {
  color: #FFFFFF;
  background-color: #E63917;
}
.ui-pct.ui-pct--02 {
  color: #FFFFFF;
  background-color: #FF7C00;
}
.ui-pct.ui-pct--03 {
  border: 1px solid #FE7D06;
  color: #FE7D06;
}
.ui-pct.ui-pct--04 {
  border: 1px solid #F82055;
  color: #F82055;
}
.ui-pct.ui-pct--05 {
  border: 1px solid #6FBA2C;
  color: #6FBA2C;
}
.ui-pct.ui-pct--06 {
  border: 1px solid #C5E6AA;
  color: #358D23;
  background-color: #D6F0C0;
}
.ui-pct.ui-pct--07 {
  background-color: #358D23;
  color: #FFFFFF;
}
.ui-pct.ui-pct--08 {
  border: 1px solid #358D23;
  color: #358D23;
  background-color: #EEF0D3;
}
.ui-pct.ui-pct--09 {
  background-color: #5EAF15;
  color: #FFFFFF;
}
.ui-pct.ui-pct--10 {
  border: 1px solid #CCCCCC;
  color: #999999;
  background-color: #FFFFFF;
}
.ui-pct.ui-pct--default {
  padding: 4px 3px;
}

.ui-form_control.ui-form_control--small {
  width: 100px;
  padding: 10px;
}
.ui-form_control.ui-form_control--medium {
  width: 200px;
  padding: 10px;
}
.ui-form_control.ui-form_control--large {
  width: 300px;
  padding: 10px;
}

.ui-media {
  display: block;
  text-decoration: none;
}
.ui-media .ui-media-object {
  float: left;
}
.ui-media .ui-media-body {
  overflow: hidden;
}

.ui-mediabox:hover img {
  opacity: 0.8;
  filter: alpha(opacity=64);
}
.ui-mediabox:link {
  text-decoration: none;
}
.ui-mediabox .ui-mediabox-object {
  margin-right: 10px;
}
.ui-mediabox .ui-mediabox-title {
  text-decoration: underline;
  font-size: 14px;
  font-weight: bold;
}
.ui-mediabox .ui-mediabox-txt {
  margin-top: 10px;
  color: #333333;
}

.ui-icon--arrow01 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  background-position: -4px 0;
  width: 6px;
  height: 6px;
}

.ui-icon--arrow02 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  background-position: -35px 0;
  width: 12px;
  height: 12px;
}

.ui-icon--arrow04 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  background-position: -10px 0;
  width: 6px;
  height: 6px;
}

.ui-icon--car {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  background-position: -47px 0;
  width: 14px;
  height: 10px;
}

.ui-icon--external02 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  background-position: -105px 0;
  width: 8px;
  height: 8px;
}

.ui-icon--square {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  background-position: -184px -25px;
  width: 8px;
  height: 8px;
}

.ui-icon--suumo06 {
  background-position: 0 -75px;
  width: 116px;
  height: 102px;
}

.ui-icon--suumo08 {
  background-position: 0 -179px;
  width: 99px;
  height: 83px;
}

/************************************************************
 * common style
 ************************************************************/
body, select, textarea, th, td, li, a, input {
  font-family: 'メイリオ','meiryo','ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ丸ゴシック Pro W3','Hiragino maru Gothic Pro','Helvetica','sans-serif';
}

body, select {
  color: #333333;
  font-size: 12px;
  line-height: 1.4;
}

body {
  background-color: #FFFFFF;
}

textarea {
  font-size: 12px;
  line-height: 1.4;
}

/* img hover */
a img:hover {
  opacity: .8;
  filter: alpha(opacity=80);
}

div, p, table, td, th, dl, dt, dd, ul, ol, li, a, span {
  word-break: break-all;
}

sup {
  vertical-align: top;
}

/************************************************************
 * anchor-link
 ************************************************************/
a:link {
  color: #004CCA;
}

a:visited {
  color: #6219DB;
}

a:hover {
  color: #048ADE;
  text-decoration: none;
}

a:active {
  color: #048ADE;
  text-decoration: none;
}

.cbx_relative {
  position: relative;
}

.cbx_resize input[type='checkbox'] {
  width: 23px;
  height: 23px;
}

.ie .cbx_resize input[type='checkbox'] {
  width: auto;
  height: auto;
}

input[type="text"] {
  padding: 5px;
  border: 1px solid #E6EDE0;
  border-radius: 3px;
}

input[type='checkbox'],
input[type='radio'] {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  outline: none;
  margin-right: 5px;
  cursor: pointer;
  zoom: 1;
}

input[type='checkbox']:disabled,
input[type='radio']:disabled {
  cursor: default;
}

input[type='checkbox'] + label {
  background: url(/edit/assets/suumo/img/sprite/checkbox.png) no-repeat;
  background-position: 0 0;
  line-height: 26px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  padding-left: 30px;
  cursor: pointer;
}

input[type='radio'] + label {
  background: url(/edit/assets/suumo/img/sprite/radiobtn.png) no-repeat;
  background-position: 0 0;
  line-height: 26px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  padding-left: 30px;
  cursor: pointer;
}

input[type='checkbox']:checked + label,
input[type='radio']:checked + label {
  background-position: 0 -100px;
}

input[type='checkbox']:disabled + label,
input[type='radio']:disabled + label {
  background-position: 0 -200px;
  cursor: default;
  color: #CCCCCC;
}
input[type='checkbox']:disabled + label .area_unit-placename,
input[type='radio']:disabled + label .area_unit-placename {
  color: #CCCCCC;
}

input[type='checkbox']:disabled + label + span,
input[type='radio']:disabled + label + span {
  color: #CCCCCC;
}

.ie input[type='checkbox'],
.ie input[type='radio'] {
  opacity: 1;
  filter: alpha(opacity=100);
  position: static;
  outline: none;
  visibility: visible;
}

.ie input[type='checkbox'] + label {
  background: none;
  line-height: 1.4;
  display: inline;
  padding-left: 0;
  *padding-left: 14px;
  cursor: pointer;
  visibility: visible;
}

.ie input[type='radio'] + label {
  background: none;
  line-height: 1.4;
  display: inline;
  padding-left: 0;
  *padding-left: 14px;
  cursor: pointer;
  visibility: visible;
}

select {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border-radius: 3px;
  box-shadow: rgba(210, 217, 202, 0.8) 1px 1px 1px, white 0 2px 0 inset, rgba(235, 235, 235, 0.7) 0 -2px 0 inset;
  border: 1px solid #D9D9D9;
  font-size: 12px;
  padding: 7px 7px;
  background-image: url(/edit/assets/suumo/img/select-arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select {
    padding: 7px 20px 7px 7px;
  }
}
.l-wrapper {
  width: 950px;
  margin: 0 auto;
  background-color: #FFFFFF;
}

.l-contents {
  width: 950px;
  margin: 0 auto;
  background-color: #FFFFFF;
  position: relative;
}

.l-main {
  margin-top: 20px;
  width: 650px;
  float: left;
}

.l-sub {
  margin-top: 20px;
  width: 280px;
  float: right;
  position: relative;
}

.l-linklist {
  margin-top: 30px;
}
.l-linklist .l-linklist-list {
  margin-top: 20px;
}
.l-linklist.l-linklist--lower {
  margin-top: 7px;
}
.l-linklist.l-linklist--lower .l-linklist-list {
  float: right;
  width: 314px;
}
.l-linklist.l-linklist--lower .l-linklist-list:first-child {
  float: left;
}

.l-section_main {
  margin-top: 30px;
}

.l-section_mainchild {
  margin-top: 30px;
}

.l-section_sub {
  margin-top: 30px;
}

.l-areatab > li {
  float: left;
  margin-left: 9px;
}
.l-areatab > li:first-child {
  margin-left: 0;
}

.l-subnavi {
  margin-top: 10px;
}

.l-banner {
  margin-top: 20px;
}
.l-banner li {
  margin-top: 20px;
}
.l-banner li:first-child {
  margin-top: 0;
}
.l-banner li a {
  text-decoration: none;
}

.l-sublinkbox {
  margin-top: 20px;
}

.l-leadlinkbox {
  margin-top: 30px;
}

.l-list_hz {
  overflow: hidden;
}
.l-list_hz .l-list_hz-inner {
  margin-top: -20px;
  margin-left: -20px;
}
.l-list_hz .l-list_hz-inner li {
  float: left;
  margin-top: 20px;
  margin-left: 20px;
}

.l-simplenavi {
  margin-top: 25px;
}
.l-simplenavi li {
  float: left;
  margin-left: 30px;
}
.l-simplenavi li:first-child {
  margin-left: 0;
}
.l-simplenavi.l-simplenavi--small {
  margin-top: 20px;
}

.l-otherlinkbox {
  margin-top: 30px;
}

.l-linkbar {
  margin-top: 30px;
}

.l-snsbox {
  margin-top: 30px;
}

.section_h1 .section_h1-body {
  padding-top: 10px;
}

.section_main .section_main-header {
  color: #666666;
  font-size: 20px;
  vertical-align: middle;
}
.section_main .section_main-header .section_main-header-icon {
  margin-right: 20px;
  vertical-align: middle;
}
.section_main .section_main-header .section_main-header-txt {
  vertical-align: middle;
}
.section_main .section_main-body {
  margin-top: 30px;
}

.section_mainchild .section_mainchild-header {
  color: #09881F;
  font-size: 16px;
  line-height: 1.6;
}
.section_mainchild .section_mainchild-body {
  margin-top: 25px;
}

.section_sub {
  position: relative;
  padding: 20px 20px 30px;
  border-radius: 18px;
  background: #F1ECD7;
}
.section_sub .section_sub-header {
  text-align: center;
}
.section_sub .section_sub-body {
  margin-top: 20px;
}
.section_sub .section_sub-body .section_sub-body-item {
  margin-top: 20px;
}
.section_sub .section_sub-body .section_sub-body-btn {
  margin-top: 20px;
  text-align: center;
}
.section_sub .section_sub-text {
  color: #666666;
  font-size: 14px;
  line-height: 1.6;
}
.section_sub .section_sub-icon {
  position: absolute;
  bottom: 0;
  right: 20px;
}

.linklist_header .linklist_header-first {
  float: left;
  width: 102px;
  padding-left: 20px;
}
.linklist_header .linklist_header-first .linklist_header-first-icon {
  margin-right: 10px;
  vertical-align: middle;
}
.linklist_header .linklist_header-first .linklist_header-first-txt {
  color: #6FBA2C;
  font-size: 14px;
  vertical-align: middle;
}
.linklist_header .linklist_header-second {
  float: left;
  width: 229px;
  padding-left: 10px;
}
.linklist_header .linklist_header-second .linklist_header-second-icon {
  margin-right: 10px;
  vertical-align: middle;
}
.linklist_header .linklist_header-second .linklist_header-second-txt {
  color: #6FBA2C;
  font-size: 14px;
  vertical-align: middle;
}
.linklist_header .linklist_header-third {
  float: left;
  width: 191px;
  padding-left: 20px;
}
.linklist_header .linklist_header-third .linklist_header-third-icon {
  margin-right: 10px;
  vertical-align: middle;
}
.linklist_header .linklist_header-third .linklist_header-third-txt {
  color: #6FBA2C;
  font-size: 14px;
  vertical-align: middle;
}
.linklist_header .linklist_header-last {
  float: left;
  width: 58px;
  padding-right: 20px;
  text-align: right;
}
.linklist_header .linklist_header-last .linklist_header-last-icon {
  margin-right: 10px;
  vertical-align: middle;
}
.linklist_header .linklist_header-last .linklist_header-last-txt {
  color: #6FBA2C;
  font-size: 14px;
  vertical-align: middle;
}
.linklist_header.linklist_header--col3 .linklist_header-second {
  width: 440px;
}

.linklist_subitem {
  display: block;
  height: 28px;
  padding-top: 8px;
  padding-left: 20px;
  border-bottom: 1px solid #E6E6E6;
}
.linklist_subitem .linklist_subitem-first {
  float: left;
  width: 112px;
  padding-top: 1px;
}
.linklist_subitem .linklist_subitem-last {
  float: left;
  width: 182px;
  color: #666666;
  font-size: 16px;
}

.linklist_matrixitem {
  display: block;
  color: #666666;
}
.linklist_matrixitem .linklist_matrixitem-first {
  position: relative;
  float: left;
  width: 122px;
  height: 60px;
}
.linklist_matrixitem .linklist_matrixitem-first .linklist_matrixitem-first-icon {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -20px;
}
.linklist_matrixitem .linklist_matrixitem-first .linklist_matrixitem-first-iconsuffix {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -10px;
}
.linklist_matrixitem .linklist_matrixitem-second {
  float: left;
  width: 229px;
  height: 42px;
  padding-top: 18px;
  padding-left: 10px;
  font-size: 20px;
  color: #666666;
  text-decoration: none;
}
.linklist_matrixitem .linklist_matrixitem-second:hover {
  background: #D1E9BC;
}
.linklist_matrixitem .linklist_matrixitem-third {
  float: left;
  width: 191px;
  height: 39px;
  padding-top: 21px;
  padding-left: 20px;
  font-size: 14px;
}
.linklist_matrixitem .linklist_matrixitem-last {
  float: left;
  width: 58px;
  height: 39px;
  padding-top: 21px;
  padding-right: 20px;
  font-size: 14px;
  text-align: right;
}
.linklist_matrixitem:hover {
  background: #EAF5E0;
}
.linklist_matrixitem.linklist_matrixitem--lower .linklist_matrixitem-first .linklist_matrixitem-first-icon {
  left: 25px;
  margin-top: -15px;
}
.linklist_matrixitem.linklist_matrixitem--col3 .linklist_matrixitem-second {
  width: 440px;
}
.linklist_matrixitem.linklist_matrixitem--col3 .linklist_matrixitem-second {
  width: 230px;
}
.linklist_matrixitem.linklist_matrixitem--col3 .linklist_matrixitem-last {
  width: 268px;
}
.linklist_matrixitem.linklist_matrixitem--col3lower .linklist_matrixitem-first .linklist_matrixitem-first-icon {
  left: 25px;
  margin-top: -15px;
}
.linklist_matrixitem.linklist_matrixitem--col3lower .linklist_matrixitem-second {
  width: 230px;
}
.linklist_matrixitem.linklist_matrixitem--col3lower .linklist_matrixitem-last {
  width: 268px;
}

.detaildesc {
  color: #666666;
  font-size: 14px;
  line-height: 1.8;
}
.detaildesc .detaildesc-strong {
  color: #19902E;
}

.areatab {
  display: block;
  width: 108px;
  height: 47px;
  padding-top: 30px;
  padding-left: 27px;
}
.areatab:hover, .areatab.is-active {
  opacity: .8;
}
.areatab.areatab--kanto {
  border-top-left-radius: 18px;
  background: #81C7BB;
}
.areatab.areatab--kansai {
  border-top-right-radius: 18px;
  background: #CF9DCB;
}

.subnavi {
  padding: 20px 10px;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}
.subnavi > li {
  margin-top: 10px;
}
.subnavi > li:first-child {
  margin-top: 0;
}
.subnavi.subnavi--kanto {
  background: #81C7BB;
}
.subnavi.subnavi--kansai {
  background: #CF9DCB;
}

.sublinkbox .sublinkbox-title {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 12px 20px;
  background: #F1ECD7;
  color: #333333;
  font-size: 14px;
}
.sublinkbox .sublinkbox-body {
  border-bottom: 1px solid #F1ECD7;
}
.sublinkbox .sublinkbox-body li {
  margin-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #F1ECD7;
}

.sublinkbox_link {
  position: relative;
  display: block;
  padding: 5px 16px;
  border-left: 3px solid #E1D9B6;
  font-size: 12px;
  line-height: 1.2;
}
.sublinkbox_link:after {
  content: " ";
  position: absolute;
  top: 6px;
  right: 10px;
}
.sublinkbox_link:visited, .sublinkbox_link:link {
  color: #333333;
  text-decoration: none;
}
.sublinkbox_link:hover {
  opacity: .8;
}

.leadlinkbox {
  padding: 30px 20px;
  background: #EAF5E0;
  border-radius: 18px;
  overflow: hidden;
}
.leadlinkbox .leadlinkbox-inner {
  margin-top: -20px;
  margin-left: -20px;
}
.leadlinkbox .leadlinkbox-inner li {
  float: left;
  margin-top: 20px;
  margin-left: 20px;
}

.btn {
  position: relative;
  display: inline-block;
  padding: 17px 65px;
  background: #FFFFFF;
  border: 2px solid #6FBA2C;
  border-radius: 8px;
  font-size: 18px;
  text-decoration: none;
  box-shadow: 0 -4px 0 0 #DDDDDD inset;
}
.btn:visited, .btn:link {
  color: #333333;
}
.btn:after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
}
.btn:hover {
  background: #6FBA2C;
  border-color: #FFFFFF;
  box-shadow: 0 -4px 0 0 #60A126 inset;
}

.otherlinkbox {
  position: relative;
  padding: 30px 20px;
  border-radius: 18px;
  background: #E7ECD9;
  text-align: center;
}
.otherlinkbox:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 25px;
}

.simplenavi .simplenavi-header {
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
}
.simplenavi .simplenavi-header .simplenavi-header-icon {
  vertical-align: middle;
  margin-right: 10px;
}
.simplenavi .simplenavi-header .simplenavi-header-text {
  color: #5E573C;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}
.simplenavi .simplenavi-body {
  display: inline-block;
  vertical-align: middle;
}
.simplenavi .simplenavi-body .simplenavi-body-item {
  margin-left: 10px;
}
.simplenavi .simplenavi-body .simplenavi-body-item:first-child {
  margin-left: 0;
}

.label_beige {
  display: inline-block;
  padding: 3px 18px 2px;
  padding-left: 18px;
  padding-right: 18px;
  border-radius: 10px;
  background: #E1D9B6;
  font-size: 12px;
  line-height: 1;
}
.label_beige:link, .label_beige:visited {
  color: #333333;
  text-decoration: none;
}
.label_beige:hover {
  background: #F1ECD7;
}

.linkbar .linkbar-link {
  position: relative;
  float: left;
  width: 285px;
  padding: 15px 30px 15px 10px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background: #F1ECD7;
}
.linkbar .linkbar-link .linkbar-link-icon {
  margin-top: -1px;
  margin-right: 10px;
  vertical-align: middle;
}
.linkbar .linkbar-link .linkbar-link-text {
  color: #5E573C;
  font-size: 16px;
  line-height: 30px;
  vertical-align: middle;
}
.linkbar .linkbar-link:after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -7px;
}
.linkbar .linkbar-link:first-child {
  padding: 15px 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.linkbar .linkbar-link:link, .linkbar .linkbar-link:visited {
  text-decoration: none;
}
.linkbar .linkbar-link:hover {
  background: #E1D9B6;
}

.snsbox .snsbox-inner {
  float: right;
}

.snsbar {
  height: 26px;
}
.snsbar li {
  float: left;
  margin-left: 10px;
}
.snsbar li:first-child {
  margin-left: 0;
}
.snsbar .snsbar-twitter {
  width: 100px;
  overflow: hidden;
}
.snsbar .snsbar-google {
  width: 70px;
  overflow: hidden;
}
.snsbar .snsbar-pocket {
  width: 100px;
  overflow: hidden;
}

.fixedside {
  position: relative;
}
.fixedside .fixedside-inner {
  top: 0;
}
.fixedside .fixedside-inner.is-float {
  position: fixed;
  top: 20px;
  bottom: auto;
  margin-top: 0;
}
.fixedside .fixedside-inner.is-fixedup {
  position: static;
}
.fixedside .fixedside-inner.is-fixedbottom {
  position: absolute;
  top: auto;
  bottom: 0;
}

.navbar {
  border-radius: 20px;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  background: #D1E9BC;
}
.navbar .navbar-inner {
  padding-top: 10px;
}
.navbar .navbar-inner > li {
  float: left;
  margin-left: 30px;
}
.navbar .navbar-inner > li:first-child {
  margin-left: 0;
}

.navbar_item {
  color: #666666;
  font-size: 16px;
  text-decoration: none;
}
.navbar_item .navbar_item-icon {
  margin-top: 4px;
  margin-right: 5px;
}
.navbar_item:link, .navbar_item:visited {
  color: #666666;
}
.navbar_item:hover {
  color: #09881F;
}
.navbar_item.is-active {
  color: #09881F;
  cursor: default;
}
.navbar_item.navbar_item--flat .navbar_item-icon {
  margin-top: 0;
  margin-right: 10px;
}

.sumimachi_2016_detail-icon, .sublinkbox_link:after, .btn:after, .otherlinkbox:after, .linkbar .linkbar-link:after {
  display: inline-block;
}

.sumimachi_2016_detail-material, .subnavi_link, .btnimg {
  display: inline-block;
}
