@charset "utf-8";

.md_panelArea { background: url("../../imageFile/event/panel_event.jpg") no-repeat center; background-size: cover; }
.md_simplePanelArea { background: url("../../imageFile/event/panel_event.jpg") no-repeat center; background-size: cover; }

/*============================
#eventArea
============================*/
#eventArea { margin-top: -30px; }
#eventArea ul {}
#eventArea ul li { float: left; width: 240px; margin-right: 46px; margin-top: 40px; position: relative; }
#eventArea ul li:nth-child(4n+3) { margin-right: 0; }
#eventArea ul li a { display: block; }
#eventArea ul li a .image { height: 320px; overflow: hidden; position: relative; }
#eventArea ul li a .image::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #3d2e27; opacity: 0.2; z-index: 1; }
#eventArea ul li a .image img {  width: 240px; height: auto; }
#eventArea ul li a .title { line-height: 1.5; font-weight: bold; margin-top: 20px; }
#eventArea ul li a .text { line-height: 1.35; margin-top: 10px; }
#eventArea ul li a .text span { text-decoration: underline; margin-left: 5px; }
#eventArea ul li a .place { color: #7d7366; font-size: 0.875em; line-height: 1.5; margin-top: 10px; }
#eventArea ul li .btn { margin-top: 15px; }
#eventArea ul li.pick::after { content: ""; display: block; position: absolute; left: -4px; top: -4px; width: 76px; height: 76px; background: url("../../imageFile/global/icon_pick.png") no-repeat left top; background-size: 76px auto; z-index: 1; }
#eventArea ul li.finished a .image::before { content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: #312c2a; background: linear-gradient(-90deg,#211c1a,#413c3a); opacity: 0.5; color: #fff; text-align: center; z-index: 1; }
#eventArea ul li.finished a .image::after { content: "CLOSED"; position: absolute; left: 50%; width: 80%; height: 44px; top: 50%; margin-top: -10px; margin-left: -40%; font-weight: bold; padding: 10px; border-top: solid 2px #fff; border-bottom: solid 2px #fff; text-align: center; color: #fff; z-index: 2; opacity: 0.75; }
#eventArea ul li:nth-child(1) { width: 330px; margin-right: 55px; }
#eventArea ul li:nth-child(1) a .image { height: 440px; }
#eventArea ul li:nth-child(1) a .title { font-size: 1.125em; }
#eventArea ul li:nth-child(1) a .image img { width: 330px; height: auto; }
#eventArea ul li:nth-child(2) { width: 330px; margin-right: 55px; }
#eventArea ul li:nth-child(2) a .image { height: 440px; }
#eventArea ul li:nth-child(2) a .title { font-size: 1.125em; }
#eventArea ul li:nth-child(2) a .image img { width: 330px; height: auto; }
#eventArea ul li:nth-child(3) { width: 330px; margin-right: 0; }
#eventArea ul li:nth-child(3) a .image { height: 440px; }
#eventArea ul li:nth-child(3) a .title { font-size: 1.125em; }
#eventArea ul li:nth-child(3) a .image img { width: 330px; height: auto; }
#eventArea .button { text-align: center; margin-top: 40px; }
#eventArea .button a.md_btn_main {}

/*============================
#detailArea
============================*/
#detailArea {}
#detailArea .articleContent {}
#detailArea .articleContent .mainImage { margin-top: 60px; }
#detailArea .articleContent .mainImage img { max-width: 100%; height: auto; }
#detailArea .articleContent .articleTitle { margin-top: 40px; }
#detailArea .articleContent .articleTitle h1 { font-size: 1.75em; font-weight: bold; line-height: 1.5; }
#detailArea .articleContent .place { margin-top: 15px; font-size: 1.125em; font-weight: bold; }
#detailArea .articleContent .place span { }
#detailArea .articleContent .mainText { line-height: 1.5; margin-top: 40px; }
#detailArea .articleContent .image_column3 { padding-top: 25px; }
#detailArea .articleContent .image_column3 ul {}
#detailArea .articleContent .image_column3 ul li { float: left; width: 340px; height: 340px; margin-right: 35px; margin-top: 35px; }
#detailArea .articleContent .image_column3 ul li a { display: block; width: 340px; height: 340px; overflow: hidden; }
#detailArea .articleContent .image_column3 ul li:nth-child(3n) { margin-right: 0; }
#detailArea .articleContent .image_column3 ul li a img {}
#detailArea .articleContent .infomation { margin-top: 60px; }
#detailArea .articleContent .infomation table { width: 100%; border-bottom: solid 3px #443d3a; }
#detailArea .articleContent .infomation table {}
#detailArea .articleContent .infomation table tr {}
#detailArea .articleContent .infomation table tr th { width: 18%; padding: 15px; line-height: 1.5; border-top: solid 3px #443d3a; }
#detailArea .articleContent .infomation table tr td { padding: 15px; line-height: 1.5; border-top: solid 3px #443d3a; }
#detailArea .articleContent .infomation table tr td a {}
#detailArea .articleContent .map { margin-top: 60px; }
#detailArea .articleContent .map iframe { width: 100%; height: 600px; border: solid 1px #443d3a!important; }
#detailArea .entryArea { margin-top: 60px; text-align: center; }
#detailArea .entryArea a.md_btn_main {}
#detailArea .entryArea a.md_btn_main span {}
#detailArea .noEntryArea { margin-top: 60px; text-align: center; background: #aea6a1; padding: 30px; }
#detailArea .noEntryArea em { font-size: 1.125em; color: #fff; }

/*============================
#recommendArea
============================*/
#recommendArea { margin-top: 60px; }
#recommendArea ul {}
#recommendArea ul li { float: left; width: 240px; margin-right: 46px; margin-top: 40px; position: relative; }
#recommendArea ul li:nth-child(4n) { margin-right: 0; }
#recommendArea ul li a { display: block; }
#recommendArea ul li a .image { height: 320px; overflow: hidden; position: relative; }
#recommendArea ul li a .image::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #3d2e27; opacity: 0.2; z-index: 1; }
#recommendArea ul li a .image img {  width: 240px; height: auto; }
#recommendArea ul li a .title { line-height: 1.5; font-weight: bold; margin-top: 20px; }
#recommendArea ul li a .text { line-height: 1.35; margin-top: 10px; }
#recommendArea ul li a .text span { text-decoration: underline; margin-left: 5px; }
#recommendArea ul li a .place { color: #7d7366; font-size: 0.875em; line-height: 1.5; margin-top: 10px; }
#recommendArea ul li .btn { margin-top: 15px; }
#recommendArea ul li.pick::after { content: ""; display: block; position: absolute; left: -4px; top: -4px; width: 76px; height: 76px; background: url("../../imageFile/global/icon_pick.png") no-repeat left top; background-size: 76px auto; z-index: 1; }