@charset "utf-8";

@media screen and (max-width : 800px) {
/* common */
.ecotourism_block {
    width: 100%;
    margin: 0;
    padding: 0 10px;
}
/* Mainvs */
#tmp_mainvs {
    margin-bottom: 40px;
}
/* what_is_ecotourism */
#tmp_what_is_ecotourism .ecotourism_block, 
#tmp_ecotourism_menu .ecotourism_block {
    display: block;
    width: auto;
    margin: 0 0 40px;
}
#tmp_what_is_ecotourism .explain_ttl {
    margin-bottom: 20px;
	padding: 0;
}
#tmp_what_is_ecotourism .explain_ttl h2 {
	margin: 0 auto;
    width: 260px;
    height: 56px;
    background-image: url(/shared/templates/ecotourism_top/images/icon/ecotourism_ttl_bg_sp.png);
}
#tmp_what_is_ecotourism .explain_cnt {
    padding-right: 0;
}
/* ecotourism_menu */
#tmp_ecotourism_menu ul.features_list {
	gap: 22px;
    max-width: 473px;
    margin: 0 auto;
}
#tmp_ecotourism_menu ul.features_list li {
    width: calc(50% - 11px);
    max-width: 191px;
}
/* ecotourism_topics */
#tmp_ecotourism_topics .ecotourism_block {
    margin: 0 0 40px;
}
/* color */
.color_black #tmp_what_is_ecotourism .explain_ttl h2,
.color_blue #tmp_what_is_ecotourism .explain_ttl h2,
.color_yellow #tmp_what_is_ecotourism .explain_ttl h2 {
	display: inline-block;
    width: auto;
}
.color_black #tmp_ecotourism_links .eco_link_btn a:hover,
.color_blue #tmp_ecotourism_links .eco_link_btn a:hover,
.color_yellow #tmp_ecotourism_links .eco_link_btn a:hover {
    text-decoration: underline;
}
/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
}