@charset "utf-8";

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

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

/*============================
#newsArea
============================*/
#newsArea {}
#newsArea .mainTitle {}
#newsArea .mainTitle .en { font-size: 2.5em; font-weight: normal; letter-spacing: 0.05em; }
#newsArea .mainTitle .ja {font-weight: bold; margin-left: 10px; margin-left: 15px; position: relative; top: -6px; }
#newsArea .content {}
#newsArea .content ul { background: url("../../imageFile/global/line_normal.png") repeat-x left top; margin-top: 20px; }
#newsArea .content ul li { background: url("../../imageFile/global/line_normal.png") repeat-x left bottom; }
#newsArea .content ul li a { padding: 28px 0; display: block; position: relative; }
#newsArea .content ul li a::before { content: ""; display: block; width: 20px; height: 20px; position: absolute; right: 0; bottom: 0; background: url("../../imageFile/global/icon_link.svg") no-repeat center; background-size: 20px auto; }
#newsArea .content ul li a .data { display: flex; align-items: center; }
#newsArea .content ul li a .data .category { display: inline-block; margin-right: 15px; }
#newsArea .content ul li a .data .category span.md_icon_normal {}
#newsArea .content ul li a .data .date { display: inline-block; font-size: 0.875em; color: #7d7366; margin-right: 15px; }
#newsArea .content ul li a .data .title { display: inline-block; width: 880px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#newsArea .content ul li.pick a .data .category span.md_icon_normal { font-size: 0; background: #e1c255; border: solid 1px #d1b244; color: #000; padding: 2px 2px 1px; line-height: 1; }
#newsArea .content ul li.pick a .data .category span.md_icon_normal::after { font-size: 18px; content: "PICK UP"; font-family: bebas-kai, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.05em; }

/*============================
#blogArea
============================*/
#blogArea {}
#blogArea .mainTitle {}
#blogArea .mainTitle .en  { font-size: 2.5em; font-weight: normal; letter-spacing: 0.05em; }
#blogArea .mainTitle .ja {font-weight: bold; margin-left: 15px; position: relative; top: -6px; }
#blogArea .content {}
#blogArea .content ul {}
#blogArea .content ul li { float: left; width: 340px; margin-right: 40px; margin-top: 40px; position: relative; }
#blogArea .content ul li:nth-child(3n) { margin-right: 0; }
#blogArea .content ul li a { display: block; position: relative; background: #fff; }
#blogArea .content ul li a::before { content: ""; display: block; width: 20px; height: 20px; position: absolute; right: 0; bottom: 0; background: url("../../imageFile/global/icon_link.svg") no-repeat center; background-size: 20px auto; }
#blogArea .content ul li a .image { height: 255px; position: relative; overflow: hidden; }
#blogArea .content 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; }
#blogArea .content ul li a .image img { width: 100%; height: auto; }
#blogArea .content ul li a .data { padding: 20px;}
#blogArea .content ul li a .data .date { font-size: 0.875em; color: #7d7366; }
#blogArea .content ul li a .data .title { margin-top: 10px; line-height: 1.5; font-weight: bold; max-height: 74px; overflow: hidden; }
#blogArea .content 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; }
#blogArea .button { margin-top: 40px; text-align: center; }
#blogArea .button a.md_btn_sub {}

/*============================
#detailArea
============================*/
#detailArea {}
#detailArea .articleContent {}
#detailArea .articleContent .data { margin-top: 60px; }
#detailArea .articleContent .data .category { display: inline-block; margin-right: 15px; }
#detailArea .articleContent .data .category span.md_icon_normal { font-size: 0.875em; }
#detailArea .articleContent .data .date { display: inline-block; font-size: 1em; color: #7d7366; position: relative; top: 2px; }
#detailArea .articleContent .data .title { margin-top: 20px; }
#detailArea .articleContent .data .title h1 { font-size: 1.75em; font-weight: bold; line-height: 1.5; }
#detailArea .articleContent p { line-height: 1.5; margin-top: 40px; }
#detailArea .articleContent p img { max-width: 100%; height: auto; }
#detailArea .articleContent p iframe { border: solid 1px #443d3a!important; width: 100%; height: 600px; }
#detailArea .articleContent p a { text-decoration: underline; }

/*============================
#recommendNewsArea
============================*/
#recommendNewsArea {}
#recommendNewsArea .mainTitle {}
#recommendNewsArea .mainTitle .en { font-size: 2.5em; font-weight: normal; letter-spacing: 0.05em; }
#recommendNewsArea .mainTitle .ja {font-weight: bold; margin-left: 10px; margin-left: 15px; position: relative; top: -6px; }
#recommendNewsArea .content {}
#recommendNewsArea .content ul { background: url("../../imageFile/global/line_normal.png") repeat-x left top; margin-top: 20px; }
#recommendNewsArea .content ul li { background: url("../../imageFile/global/line_normal.png") repeat-x left bottom; position: relative; }
#recommendNewsArea .content ul li::before { content: ""; display: block; width: 20px; height: 20px; position: absolute; right: 0; bottom: 0; background: url("../../imageFile/global/icon_link.svg") no-repeat center; background-size: 20px auto; }
#recommendNewsArea .content ul li a { padding: 28px 0; display: block; }
#recommendNewsArea .content ul li a .data { display: flex; align-items: center; }
#recommendNewsArea .content ul li a .data .category { display: inline-block; margin-right: 15px; }
#recommendNewsArea .content ul li a .data .category span.md_icon_normal {}
#recommendNewsArea .content ul li a .data .date { display: inline-block; font-size: 0.875em; color: #7d7366; margin-right: 15px; }
#recommendNewsArea .content ul li a .data .title { display: inline-block; width: 880px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#recommendNewsArea .content ul  li.pick a .data .category span.md_icon_normal { font-size: 0; background: #e1c255; border: solid 1px #d1b244; color: #000; padding: 2px 2px 1px; line-height: 1; }
#recommendNewsArea .content ul  li.pick a .data .category span.md_icon_normal::after { font-size: 18px; content: "PICK UP"; font-family: bebas-kai, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.05em; }

/*============================
#recommendBlogArea
============================*/
#recommendBlogArea {}
#recommendBlogArea .mainTitle {}
#recommendBlogArea .mainTitle .en { font-size: 2.5em; font-weight: normal; letter-spacing: 0.05em; }
#recommendBlogArea .mainTitle .ja {font-weight: bold; margin-left: 10px; margin-left: 15px; position: relative; top: -6px; }
#recommendBlogArea .content {}
#recommendBlogArea .content ul {}
#recommendBlogArea .content ul li { float: left; width: 340px; margin-right: 40px; margin-top: 40px; position: relative; }
#recommendBlogArea .content ul li:nth-child(3n) { margin-right: 0; }
#recommendBlogArea .content ul li a { display: block; position: relative; background: #fff; }
#recommendBlogArea .content ul li a::before { content: ""; display: block; width: 20px; height: 20px; position: absolute; right: 0; bottom: 0; background: url("../../imageFile/global/icon_link.svg") no-repeat center; background-size: 20px auto; }
#recommendBlogArea .content ul li a .image { height: 255px; position: relative; overflow: hidden; }
#recommendBlogArea .content 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; }
#recommendBlogArea .content ul li a .image img { width: 100%; height: auto; }
#recommendBlogArea .content ul li a .data { padding: 20px;}
#recommendBlogArea .content ul li a .data .date { font-size: 0.875em; color: #7d7366; }
#recommendBlogArea .content ul li a .data .title { margin-top: 10px; line-height: 1.5; font-weight: bold; max-height: 74px; overflow: hidden; }
#recommendBlogArea .content 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; }