@charset "utf-8";

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

/*============================
#interiorArea
============================*/
#interiorArea {}
#interiorArea .md_mainTitle {}
#interiorArea .md_mainTitle span.en.md_font_bebasKai {}
#interiorArea .content { padding-top: 10px; }
#interiorArea .content ul {}
#interiorArea .content ul li { float: left; width: 48%; height: inherit; margin-right: 4%; margin-top: 4%; }
#interiorArea .content ul li:nth-child(2n) { margin-right: 0; }
#interiorArea .content ul li a { height: inherit; }
#interiorArea .content ul li a img {}
#interiorArea .content ul li a .text { opacity: 1; }
#interiorArea .content ul li a .text .en { font-size: 1.75em; }
#interiorArea .content ul li a::before {}
#interiorArea .content ul li a::after { background-size: 15px auto; width: 15px; height: 15px; }
#interiorArea .content ul li a:hover {}
#interiorArea .content ul li a:hover .text {}
#interiorArea .content ul li a:hover::before {}
#interiorArea .content ul li a:hover::after {}

/*============================
#detailArea
============================*/
#detailArea {}
#detailArea .articleContent {}
#detailArea .articleContent .articleTitle { position: inherit; left: inherit; top: inherit; width: inherit; height: inherit; padding: 0; margin-top: 30px; }
#detailArea .articleContent .articleTitle .data { position: inherit; top: inherit; left: inherit; transform: inherit; }
#detailArea .articleContent .articleTitle .data .en {}
#detailArea .articleContent .articleTitle .data .en h1 { font-size: 2em; text-align: center; }
#detailArea .articleContent .articleTitle .data .ja { margin-top: 5px; text-align: center; }
#detailArea .articleContent .articleTitle .data .text { margin-top: 15px; }
#detailArea .articleContent .articleTitle .data .text br { display: none; }
#detailArea .articleContent .image { margin-top: 20px; }
#detailArea .articleContent .image ul {}
#detailArea .articleContent .image ul li { width: 32%; height: inherit; margin-right: 2%; margin-top: 2%; }
#detailArea .articleContent .image ul li:first-child { width: 66%; height: inherit; margin-right: 2%; margin-top: 2%; }
#detailArea .articleContent .image ul li:nth-child(2) { width: 32%; height: inherit; margin-right: 0; }
#detailArea .articleContent .image ul li:nth-child(3n+4) { margin-right: 2%; }
#detailArea .articleContent .image ul li:nth-child(3n) { margin-right: 0; }
#detailArea .articleContent .image ul li a { position: relative; display: block; }
#detailArea .articleContent .image ul li a::before {}
#detailArea .articleContent .image ul li a img {}
#detailArea .entryArea {}
#detailArea .entryArea a.md_btn_main {}
#detailArea .entryArea a.md_btn_main span {}

}