@charset "utf-8";

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

/*============================
#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 a { padding: 15px 15px 15px 0; }
#newsArea .content ul li a::before { background-size: 15px auto; width: 15px; height: 15px; }
#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; }

/*============================
#blogArea
============================*/
#blogArea {}
#blogArea .mainTitle {}
#blogArea .mainTitle .en  { font-size: 2em; }
#blogArea .mainTitle .ja {  margin-left: 10px; top: -5px; }
#blogArea .content {}
#blogArea .content ul {}
#blogArea .content ul li { float: inherit; width: inherit; margin-right: 0; margin-top: 20px; }
#blogArea .content ul li:nth-child(3n) {}
#blogArea .content ul li a { padding: 0; }
#blogArea .content ul li a::before { background-size: 15px auto; width: 15px; height: 15px; }
#blogArea .content ul li a .image { width: 40%; height: inherit; float: left; }
#blogArea .content ul li a .image::before {}
#blogArea .content ul li a .image img { width: 100%; height: auto; }
#blogArea .content ul li a .data { width: 60%; padding: 5px 15px; float: right; }
#blogArea .content ul li a .data .date { margin-top: 10px; }
#blogArea .content ul li a .data .title { margin-top: 5px; max-height: 52px; font-size: 0.875em; }
#blogArea .content ul li.pick::after { top: -3px; left: -3px; width: 60px; height: 60px; background: url("../../imageFile/global/icon_pick.png") no-repeat left top; background-size: 60px auto; }
#blogArea .button { position: absolute; top: -1px; right: 0;  margin-top: 0; text-align: right; }
#blogArea .button a.md_btn_sub span { min-width: 140px; }

/*============================
#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 {}

/*============================
#recommendNewsArea
============================*/
#recommendNewsArea { float: inherit; width: inherit; margin-top: 30px; position: relative; }
#recommendNewsArea .mainTitle {}
#recommendNewsArea .mainTitle .en  { font-size: 2em; }
#recommendNewsArea .mainTitle .ja { margin-left: 10px; top: -5px; }
#recommendNewsArea .content {}
#recommendNewsArea .content ul {}
#recommendNewsArea .content ul li {}
#recommendNewsArea .content ul li::before { background-size: 15px auto; width: 15px; height: 15px; }
#recommendNewsArea .content ul li a { padding: 15px 15px 15px 0; }
#recommendNewsArea .content ul li a .data { display: block; }
#recommendNewsArea .content ul li a .data .category { display: inline-block; margin-right: 5px; }
#recommendNewsArea .content ul li a .data .category span.md_icon_normal { width: inherit; min-width: 100px; }
#recommendNewsArea .content ul li a .data .date { margin-right: 0; position: relative; top: -1px; }
#recommendNewsArea .content ul li a .data .title { display: block; width: 100%; margin-top: 10px; font-size: 0.875em; }
#recommendNewsArea .content ul li.pick a .data .category span.md_icon_normal { width: inherit; min-width: 100px; }
#recommendNewsArea .content ul li.pick a .data .category span.md_icon_normal::after { font-size: 14px; }
	
/*============================
#recommendBlogArea
============================*/
#recommendBlogArea { float: inherit; width: inherit; margin-top: 30px; position: relative; }
#recommendBlogArea .mainTitle {}
#recommendBlogArea .mainTitle .en  { font-size: 2em; }
#recommendBlogArea .mainTitle .ja { margin-left: 10px; top: -5px; }
#recommendBlogArea .content {}
#recommendBlogArea .content ul {}
#recommendBlogArea .content ul li { float: inherit; width: inherit; margin-right: 0; margin-top: 20px; }
#recommendBlogArea .content ul li:nth-child(3n) {}
#recommendBlogArea .content ul li a { padding: 0; }
#recommendBlogArea .content ul li a .image { width: 40%; height: inherit; float: left; }
#recommendBlogArea .content ul li a .image::before {}
#recommendBlogArea .content ul li a .image img { width: 100%; height: auto; }
#recommendBlogArea .content ul li a .data { width: 60%; padding: 5px 15px; float: right; }
#recommendBlogArea .content ul li a .data .date { margin-top: 10px; }
#recommendBlogArea .content ul li a .data .title { margin-top: 5px; max-height: 52px; font-size: 0.875em; }
#recommendBlogArea .content ul li.pick::after { top: -3px; left: -3px; width: 60px; height: 60px; background: url("../../imageFile/global/icon_pick.png") no-repeat left top; background-size: 60px auto; }

}