@charset "utf-8";

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

/*============================
#mainPanelArea
============================*/
#mainPanelArea { position: relative; height: 88vh; min-width: 1200px; min-height: 550px; overflow: hidden; }

/*============================
#newsArea
============================*/
#newsArea { float: inherit; width: inherit; margin-top: 30px; position: relative; }
#newsArea .mainTitle {}
#newsArea .mainTitle .en  { font-size: 2em; }
#newsArea .mainTitle .ja { margin-left: 10px; top: -5px; }
#newsArea .content {}
#newsArea .content ul {}
#newsArea .content ul li {}
#newsArea .content ul li::before { background-size: 15px auto; width: 15px; height: 15px; }
#newsArea .content ul li a { padding: 15px 15px 15px 0; }
#newsArea .content ul li a .data { display: block; }
#newsArea .content ul li a .data .category { display: inline-block; margin-right: 5px; }
#newsArea .content ul li a .data .category span.md_icon_normal { width: inherit; min-width: 100px; }
#newsArea .content ul li a .data .date { margin-right: 0; position: relative; top: -1px; }
#newsArea .content ul li a .data .title { display: block; width: 100%; margin-top: 10px; font-size: 0.875em; }
#newsArea .content ul li.pick a .data .category span.md_icon_normal { width: inherit; min-width: 100px; }
#newsArea .content ul li.pick a .data .category span.md_icon_normal::after { font-size: 14px; }

/*============================
#detailArea
============================*/
#detailArea {}
#detailArea .articleContent {}
#detailArea .articleContent .data { margin-top: 30px; }
#detailArea .articleContent .data .category { margin-right: 10px; }
#detailArea .articleContent .data .category span.md_icon_normal { font-size: 0.75em; }
#detailArea .articleContent .data .date { font-size: 0.875em; }
#detailArea .articleContent .data .title { margin-top: 10px; }
#detailArea .articleContent .data .title h1 { font-size: 1.25em; }
#detailArea .articleContent p { margin-top: 20px; }
#detailArea .articleContent p img {}
#detailArea .articleContent p iframe { height: 500px; }
#detailArea .articleContent p a {}

/*============================
#recommendArea
============================*/
#recommendArea { float: inherit; width: inherit; margin-top: 30px; position: relative; }
#recommendArea .mainTitle {}
#recommendArea .mainTitle .en  { font-size: 2em; }
#recommendArea .mainTitle .ja { margin-left: 10px; top: -5px; }
#recommendArea .content {}
#recommendArea .content ul {}
#recommendArea .content ul li {}
#recommendArea .content ul li::before { background-size: 15px auto; width: 15px; height: 15px; }
#recommendArea .content ul li a { padding: 15px 15px 15px 0; }
#recommendArea .content ul li a .data { display: block; }
#recommendArea .content ul li a .data .category { display: inline-block; margin-right: 5px; }
#recommendArea .content ul li a .data .category span.md_icon_normal { width: inherit; min-width: 100px; }
#recommendArea .content ul li a .data .date { margin-right: 0; position: relative; top: -1px; }
#recommendArea .content ul li a .data .title { display: block; width: 100%; margin-top: 10px; font-size: 0.875em; }
#recommendArea .content ul li.pick a .data .category span.md_icon_normal { width: inherit; min-width: 100px; }
#recommendArea .content ul li.pick a .data .category span.md_icon_normal::after { font-size: 14px; }

}