@charset "utf-8";

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

/*============================
#eventArea
============================*/
#eventArea { margin-top: -15px; }
#eventArea ul {}
#eventArea ul { margin-top: 0; }
#eventArea ul li { float: left; width: 47%; margin-right: 6%; margin-top: 30px; }
#eventArea ul li:nth-child(4n+3) { margin-right: 6%; }
#eventArea ul li:nth-child(2n) { margin-right: 0; }
#eventArea ul li a {}
#eventArea ul li a .image { width: 100%; height: inherit; }
#eventArea ul li a .image::before {}
#eventArea ul li a .image img { width: 100%; height: auto; }
#eventArea ul li a .title { margin-top: 15px; font-size: 0.875em; }
#eventArea ul li a .text { margin-top: 5px; font-size: 0.875em; }
#eventArea ul li a .place { margin-top: 5px; font-size: 0.875em; }
#eventArea ul li.pick::after { left: -3px; top: -3px; width: 60px; height: 60px; background: url("../../imageFile/global/icon_pick.png") no-repeat left top; background-size: 60px auto; }
#eventArea ul li .btn { margin-top: 10px; }
#eventArea ul li.pick::after {}
#eventArea ul li:nth-child(1) { width: 47%; margin-right: 6%; }
#eventArea ul li:nth-child(1) a .image { height: inherit; }
#eventArea ul li:nth-child(1) a .title { font-size: 0.875em; }
#eventArea ul li:nth-child(1) a .image img { width: 100%; height: auto; }
#eventArea ul li:nth-child(2) { width: 47%; margin-right: 0; }
#eventArea ul li:nth-child(2) a .image { height: inherit; }
#eventArea ul li:nth-child(2) a .title { font-size: 0.875em; }
#eventArea ul li:nth-child(2) a .image img { width: 100%; height: auto; }
#eventArea ul li:nth-child(3) { width: 47%; margin-right: 6%;}
#eventArea ul li:nth-child(3) a .image { height: inherit; }
#eventArea ul li:nth-child(3) a .title { font-size: 0.875em;}
#eventArea ul li:nth-child(3) a .image img { width: 100%; height: auto; }
#eventArea .button { text-align: center; margin-top: 40px; }
#eventArea .button a.md_btn_main {}
#eventArea .ctis-load-more-container { text-align: center; margin-top: 40px; }
#eventArea .ctis-load-more-container ctis-load-more {}

/*============================
#detailArea
============================*/
#detailArea {}
#detailArea .articleContent {}
#detailArea .articleContent .mainImage { margin-top: 30px; margin-left: -20px; margin-right: -20px; }
#detailArea .articleContent .mainImage img {}
#detailArea .articleContent .articleTitle { margin-top: 30px; }
#detailArea .articleContent .articleTitle h1 { font-size: 1.25em; }
#detailArea .articleContent .place { margin-top: 10px; font-size: 1em; }
#detailArea .articleContent .place span { }
#detailArea .articleContent .mainText { margin-top: 20px; }
#detailArea .articleContent .image_column3 { padding-top: 15px; }
#detailArea .articleContent .image_column3 ul {}
#detailArea .articleContent .image_column3 ul li { width: 32%; height: inherit; margin-right: 2%; margin-top: 2%; }
#detailArea .articleContent .image_column3 ul li a { width: 100%; height: auto; }
#detailArea .articleContent .image_column3 ul li:nth-child(3n) {}
#detailArea .articleContent .image_column3 ul li a img { width: 100%; height: auto; }
#detailArea .articleContent .infomation { margin-top: 30px; }
#detailArea .articleContent .infomation table { border-bottom: solid 2px #443d3a; }
#detailArea .articleContent .infomation table {}
#detailArea .articleContent .infomation table tr {}
#detailArea .articleContent .infomation table tr th { width: 30%; border-top: solid 2px #443d3a; padding: 10px; font-size: 0.875em; }
#detailArea .articleContent .infomation table tr td { border-top: solid 2px #443d3a; padding: 10px; font-size: 0.875em; }
#detailArea .articleContent .infomation table tr td a {}
#detailArea .articleContent .map { margin-top: 30px; }
#detailArea .articleContent .map iframe { width: 100%; height: 500px; }
#detailArea .entryArea { margin-top: 30px; }
#detailArea .entryArea a.md_btn_main {}
#detailArea .entryArea a.md_btn_main span {}
#detailArea .noEntryArea { margin-top: 30px; padding: 20px; }
#detailArea .noEntryArea em { font-size: 1em; }

/*============================
#recommendArea
============================*/
#recommendArea { margin-top: 25px; }
#recommendArea .content {}
#recommendArea .content ul {}
#recommendArea .content ul { margin-top: 0; }
#recommendArea .content ul li { float: left; width: 47%; margin-right: 6%; margin-top: 30px; }
#recommendArea .content ul li:nth-child(4n+3) { margin-right: 6%; }
#recommendArea .content ul li:nth-child(2n) { margin-right: 0; }
#recommendArea .content ul li a {}
#recommendArea .content ul li a .image { width: 100%; height: inherit; }
#recommendArea .content ul li a .image::before {}
#recommendArea .content ul li a .image img { width: 100%; height: auto; }
#recommendArea .content ul li a .title { margin-top: 15px; font-size: 0.875em; }
#recommendArea .content ul li a .text { margin-top: 5px; font-size: 0.875em; }
#recommendArea .content ul li a .place { margin-top: 5px; font-size: 0.875em; }
#recommendArea .content ul li.pick::after { left: -3px; top: -3px; width: 60px; height: 60px; background: url("../../imageFile/global/icon_pick.png") no-repeat left top; background-size: 60px auto; }
#recommendArea .content ul li .btn { margin-top: 10px; }
#recommendArea .content ul li.pick::after {}

}