@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; }

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

/*============================
#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; position: relative; }
#newsArea .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; }
#newsArea .content ul li a { padding: 28px 0; display: block; }
#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; }

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

/*============================
#recommendArea
============================*/
#recommendArea {}
#recommendArea .mainTitle {}
#recommendArea .mainTitle .en { font-size: 2.5em; font-weight: normal; letter-spacing: 0.05em; }
#recommendArea .mainTitle .ja {font-weight: bold; margin-left: 10px; margin-left: 15px; position: relative; top: -6px; }
#recommendArea .content {}
#recommendArea .content ul { background: url("../../imageFile/global/line_normal.png") repeat-x left top; margin-top: 20px; }
#recommendArea .content ul li { background: url("../../imageFile/global/line_normal.png") repeat-x left bottom; position: relative; }
#recommendArea .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; }
#recommendArea .content ul li a { padding: 28px 0; display: block; }
#recommendArea .content ul li a .data { display: flex; align-items: center; }
#recommendArea .content ul li a .data .category { display: inline-block; margin-right: 15px; }
#recommendArea .content ul li a .data .category span.md_icon_normal {}
#recommendArea .content ul li a .data .date { display: inline-block; font-size: 0.875em; color: #7d7366; margin-right: 15px; }
#recommendArea .content ul li a .data .title { display: inline-block; width: 880px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#recommendArea .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; }
#recommendArea .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; }