@charset "utf-8";

@media only screen and (max-width: 640px) {
/*============================
#recommendedArea
============================*/
#recommendedArea { width: inherit; margin: 40px 20px 0; }
#recommendedArea .recommendedContent { width: inherit; margin: 20px 0 0; }
#recommendedArea .recommendedContent table { display: block; }
#recommendedArea .recommendedContent table tr { display: block; }
#recommendedArea .recommendedContent table tr th { width: inherit; display: block; padding: 10px 0; border-bottom: none; }
#recommendedArea .recommendedContent table tr th a { padding: 0 10px; font-size: 0.875em; }
#recommendedArea .recommendedContent table tr td { display: block; padding: 10px; border-top: none; margin-bottom: -1px; }

/*============================
#tourismAreaArea
============================*/
#tourismAreaArea { width: inherit; margin: 40px 20px 0; }
#tourismAreaArea .tourismContent { width: inherit; margin: 20px 0 0; }
#tourismAreaArea .tourismContent table { display: block; }
#tourismAreaArea .tourismContent table tr { display: block; }
#tourismAreaArea .tourismContent table tr th { width: inherit; display: block; padding: 10px 0; border-bottom: none; }
#tourismAreaArea .tourismContent table tr th a { padding: 0 10px; font-size: 0.875em; }
#tourismAreaArea .tourismContent table tr td { display: block; padding: 10px; border-top: none; margin-bottom: -1px; }

/*============================
#rotaryArea
============================*/
#rotaryArea { width: inherit; margin: 40px 20px 0; }
#rotaryArea .rotaryText { margin-top: 10px; font-size: 0.875em; text-align: left; }
#rotaryArea .rotaryContent { width: inherit; margin: 20px 0 0; }
#rotaryArea .rotaryContent table { display: block; }
#rotaryArea .rotaryContent table tbody { display: block; }
#rotaryArea .rotaryContent table tr { display: block; }
#rotaryArea .rotaryContent table tr td { display: block; padding: 20px; height: inherit; width: inherit; margin-bottom: -1px; }
#rotaryArea .rotaryContent table tr td a { font-size: 0.875em; }


}