@charset "UTF-8";
/* ---------- 全般 ---------- */
body { background-image: url(../narrative/bg_main.jpg); background-position: center top; background-attachment: fixed; background-repeat: no-repeat; background-size: contain; background-color: #000; }

@media (max-width: 600px) { body { background-position: center top 20px; } }

img { max-width: 100%; vertical-align: top; border: none; }

/* ---------- メニューボタン ---------- */
.l-menu-btn { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; z-index: 3; }

.l-menu-btn .btn-menu { display: none; float: right; margin: 5px; cursor: pointer; }

.l-menu-btn .btn-menu img { width: 54px; height: auto; cursor: pointer; }

@media (max-width: 600px) { .l-menu-btn .btn-menu { display: block; } }

.l-menu-btn .logo_sp { display: none; float: left; margin: 5px; }

.l-menu-btn .logo_sp img { width: 200px; height: auto; }

@media (max-width: 600px) { .l-menu-btn .logo_sp { display: block; } }

/* ---------- コンポーネント ---------- */
.c-heading { margin: 0; padding: 0; }

/* ----- header ----- */
.l-header { height: 140px; background: url(../narrative/bg_header_line.png) repeat-x bottom center; z-index: 2; }

@media (max-width: 600px) { .l-header { height: auto; background: url(../narrative/bg_header_line.png), linear-gradient(rgba(4, 43, 156, 0.6), rgba(0, 0, 0, 0.6)); background-repeat: repeat-x; background-position: bottom center; background-color: rgba(0, 0, 0, 0.8); position: absolute; top: 0; left: 0; width: 100%; padding-top: 80px; padding-bottom: 15px; display: none; } }

.l-header .g-header_menu { padding: 0; }

.l-header .l-header-bg { max-width: 1100px; margin: 0 auto; background: url(../narrative/bg_header_shape.png) no-repeat top left; height: 140px; }

@media (max-width: 1130px) { .l-header .l-header-bg { background-position: top left 15px; } }

@media (max-width: 600px) { .l-header .l-header-bg { height: auto; background: none; } }

.l-header .l-header-bg .l-header-title { margin: 0 auto; text-align: right; color: #fff; font-family: "Oswald","Arial","Meiryo","Hiragino Kaku Gothic Pro","MS PGothic", Osaka,sans-serif; font-size: 15px; line-height: 1.8; font-weight: 300; }

@media (max-width: 1130px) { .l-header .l-header-bg .l-header-title { padding: 0 15px; } }

@media (max-width: 600px) { .l-header .l-header-bg .l-header-title { display: none; } }

.l-header .l-header-bg .l-header_wrap { overflow: hidden; }

@media (max-width: 1130px) { .l-header .l-header-bg .l-header_wrap { padding: 0 15px; } }

@media (max-width: 600px) { .l-header .l-header-bg .l-header_wrap { overflow: visible; padding: 0 8px; } }

.l-header .l-header-bg .l-header_wrap .l-header-logo { float: left; margin-top: 10px; width: 242px; }

@media (max-width: 600px) { .l-header .l-header-bg .l-header_wrap .l-header-logo { float: none; display: none; } }

.l-header .l-header-bg .l-header_wrap .l-header-menu { width: calc( 100% - 242px); float: left; overflow: hidden; }

@media (max-width: 600px) { .l-header .l-header-bg .l-header_wrap .l-header-menu { width: 100%; float: none; overflow: visible; } }

.l-header .l-header-bg .l-header_wrap .l-header-menu ul { width: calc(100% - 120px); overflow: hidden; margin-top: 30px; float: left; list-style: none; }

@media (max-width: 960px) { .l-header .l-header-bg .l-header_wrap .l-header-menu ul { margin-top: 36px; width: calc(100% - 90px); } }

@media (max-width: 767px) { .l-header .l-header-bg .l-header_wrap .l-header-menu ul { margin-top: 16px; } }

@media (max-width: 600px) { .l-header .l-header-bg .l-header_wrap .l-header-menu ul { overflow: visible; margin: 0; float: none; width: 100%; padding: 0; } }

.l-header .l-header-bg .l-header_wrap .l-header-menu ul li { float: left; margin-right: 30px; }

@media (max-width: 960px) { .l-header .l-header-bg .l-header_wrap .l-header-menu ul li { margin-right: 10px; } }

@media (max-width: 600px) { .l-header .l-header-bg .l-header_wrap .l-header-menu ul li { float: none; margin-right: 0; margin-bottom: 6px; } }

.l-header .l-header-bg .l-header_wrap .l-header-menu ul li:last-child { margin-right: 0; }

.l-header .l-header-bg .l-header_wrap .l-header-menu ul li a { font-size: 22px; font-family: "Oswald","Arial","Meiryo","Hiragino Kaku Gothic Pro","MS PGothic", Osaka,sans-serif; color: #fff; padding: 6px 5px; font-weight: 300; text-decoration: none; display: block; }

@media (max-width: 960px) { .l-header .l-header-bg .l-header_wrap .l-header-menu ul li a { font-size: 16px; } }

@media (max-width: 600px) { .l-header .l-header-bg .l-header_wrap .l-header-menu ul li a { display: block; padding: 15px 0; text-align: center; font-size: 16px; } }

.l-header .l-header-bg .l-header_wrap .l-header-menu ul li a:hover { background-color: rgba(191, 26, 33, 0.6); }

@media (max-width: 600px) { .l-header .l-header-bg .l-header_wrap .l-header-menu ul li a:hover { background-color: inherit; } }

.l-header .l-header-bg .l-header_wrap .l-header-menu .btn_language { float: right; margin-top: 30px; }

@media (max-width: 960px) { .l-header .l-header-bg .l-header_wrap .l-header-menu .btn_language { margin-top: 36px; } }

@media (max-width: 600px) { .l-header .l-header-bg .l-header_wrap .l-header-menu .btn_language { float: none; margin: 0; } }

.l-header .l-header-bg .l-header_wrap .l-header-menu .btn_language p { background: url(../narrative/bg_language.png) no-repeat left center; margin: 0; padding-left: 11px; padding-top: 6px; padding-bottom: 6px; }

@media (max-width: 960px) { .l-header .l-header-bg .l-header_wrap .l-header-menu .btn_language p { padding-left: 5px; } }

@media (max-width: 600px) { .l-header .l-header-bg .l-header_wrap .l-header-menu .btn_language p { background: none; padding: 0; } }

.l-header .l-header-bg .l-header_wrap .l-header-menu .btn_language a { font-size: 22px; font-family: "Oswald","Arial","Meiryo","Hiragino Kaku Gothic Pro","MS PGothic", Osaka,sans-serif; color: #fff; font-weight: 300; background: url(../narrative/bg_tab.png) no-repeat center right; display: inline-block; padding-right: 18px; padding-left: 5px; text-decoration: none; }

@media (max-width: 960px) { .l-header .l-header-bg .l-header_wrap .l-header-menu .btn_language a { font-size: 16px; padding-right: 10px; } }

@media (max-width: 600px) { .l-header .l-header-bg .l-header_wrap .l-header-menu .btn_language a { display: block; padding-left: 10px; padding: 14px 10px; background-position: center right 10px; background-color: rgba(255, 255, 255, 0.28); margin-bottom: 5px; } }

.l-top-container { max-width: 1130px; padding: 0 15px; margin-top: 36px; margin-bottom: 36px; }

@media (max-width: 600px) { .l-top-container { margin-top: 0; margin-bottom: 20px; padding: 0; } }

.c-image { padding: 8px; margin: 0; background-color: rgba(255, 255, 255, 0.2); }

@media (max-width: 600px) { .c-image { padding: 0; } }

.c-headingLv1 { background-color: inherit; }

.l-division-2items { /* ---------- PRODUCTS ---------- */ }

.l-division-2items .l-top-2col { margin-bottom: 24px; }

@media (max-width: 600px) { .l-division-2items .l-top-2col { margin-bottom: 18px; } }

.l-division-2items .l-top-2col:first-of-type { width: 55.83%; }

@media (max-width: 600px) { .l-division-2items .l-top-2col:first-of-type { width: 100%; margin-bottom: 0; } }

.l-division-2items .l-top-2col:nth-of-type(2) { float: right; width: 41.45%; }

.l-division-2items .l-top-2col:nth-of-type(2) .c-image { padding: 0; }

@media (max-width: 600px) { .l-division-2items .l-top-2col:nth-of-type(2) { width: 100%; padding: 0 8px; } }

@media (max-width: 600px) { .l-division-2items .l-top-2col .l-mv_img { padding-top: 30px; background-color: #000; } }

.l-division-2items .l-top-2col .c-headingLv1 { background-color: none; border: none; background-image: url(../narrative/bg_heading_sub_main.png), url(../narrative/bg_heading_sub_left.png), url(../narrative/bg_heading_sub_right.png); background-repeat: repeat-x, no-repeat, no-repeat; background-position: top center, top left, top right; background-size: auto, contain, contain; border: none; height: 40px; }

.l-division-2items .l-top-2col .c-heading { margin: 0; padding: 0; }

.l-division-2items .l-top-2col .c-heading .c-heading_text { margin: 0; font-size: 22px; padding-left: 16px; line-height: 40px; color: #fff; font-family: "Oswald","Arial","Meiryo","Hiragino Kaku Gothic Pro","MS PGothic", Osaka,sans-serif; font-weight: 300; }

.l-division-2items .c-video { margin: 0 0 35px; }

@media (max-width: 600px) { .l-division-2items .c-video { margin-bottom: 0px; } }

.l-division-2items .sw03-heroImage .l-container { padding: 0; }

.l-division-2items .sw03-heroImage .l-container .c-heroImage_item { padding: 0; background-color: #fff; }

.l-division-2items .sw03-heroImage .l-container .c-heroImage_item .c-image_main { padding: 20px; }

.l-division-2items .sw03-heroImage .l-container .c-heroImage_item a { color: #333; font-family: "Oswald","Arial","Meiryo","Hiragino Kaku Gothic Pro","MS PGothic", Osaka,sans-serif; font-weight: 700; }

.l-division-2items .sw03-heroImage .l-container .c-heroImage_item .c-text { margin: 0; }

.l-division-2items .sw03-heroImage .l-container .c-heroImage_item .c-text p { padding: 10px 16px 10px; font-size: 16px; }

.l-division-2items .sw03-heroImage .l-container .c-heroImage_inner .slick-arrow { top: 50%; width: 48px; height: 48px; }

@media (max-width: 600px) { .l-division-2items .sw03-heroImage .l-container .c-heroImage_inner .slick-arrow { width: 38px; height: 38px; } }

.l-division-2items .sw03-heroImage .l-container .c-heroImage.-boring .c-heroImage_inner .slick-prev { left: 0; }

.l-division-2items .sw03-heroImage .l-container .c-heroImage.-boring .c-heroImage_inner .slick-prev:before { line-height: 48px; }

@media (max-width: 600px) { .l-division-2items .sw03-heroImage .l-container .c-heroImage.-boring .c-heroImage_inner .slick-prev:before { line-height: 38px; } }

.l-division-2items .sw03-heroImage .l-container .c-heroImage.-boring .c-heroImage_inner .slick-next { right: 0; }

.l-division-2items .sw03-heroImage .l-container .c-heroImage.-boring .c-heroImage_inner .slick-next:before { line-height: 48px; }

@media (max-width: 600px) { .l-division-2items .sw03-heroImage .l-container .c-heroImage.-boring .c-heroImage_inner .slick-next:before { line-height: 38px; } }

.l-division-2items .c-heroImage_inner { margin-bottom: 0; }

.l-division-2items .c-heroImage_inner .slick-dots { margin-top: 0; display: none; }

/* ---------- tab ---------- */
.sw08-tab { margin-bottom: 36px; }

@media (max-width: 600px) { .sw08-tab { padding: 0 8px; margin-bottom: 20px; } }

.c-tab { background-color: rgba(255, 255, 255, 0.21); }

.c-tab_tabs { width: auto; }

.c-tab_contents { background: none; border: none; padding: 0; margin: 0; }

.c-tab_tabsItem { border: none; background-color: inherit; }

.c-tab_tabsItem a { height: 50px; line-height: 50px; padding: 0 34px 0 20px; background: url(../narrative/bg_tab.png) no-repeat center right 20px; color: #fff; font-size: 18px; font-family: "Oswald","Arial","Meiryo","Hiragino Kaku Gothic Pro","MS PGothic", Osaka,sans-serif; font-weight: 300; }

.c-tab_tabsItem.-active { border: none; background-color: inherit; }

.c-tab_tabsItem.-active a { background-color: rgba(255, 255, 255, 0.3); color: #fff; text-shadow: 0 0 10px #ca0000, 0 0 10px #ca0000, 0 0 0.30px #ca0000; }

.tab-content-margin-top { font-size: 0px; }

/* ---------- staff,cast ---------- */
.c-table { margin: 0; padding: 0; background-color: rgba(255, 255, 255, 0.3); }

.c-table_inner { padding: 4px 16px 0; }

.c-table_cell { background-color: inherit; border: none; }

@media (max-width: 600px) { .c-table_cell { display: block; padding: 0; line-height: 1.5; } }

.c-table_tbodyHeader { color: #fff; font-family: "Oswald","Arial","Meiryo","Hiragino Kaku Gothic Pro","MS PGothic", Osaka,sans-serif; font-size: 18px; font-weight: 200; }

@media (max-width: 600px) { .c-table_tbodyHeader { margin: 10px 0 0; } }

.c-table_tbodyData { color: #fff; font-family: "Oswald","Arial","Meiryo","Hiragino Kaku Gothic Pro","MS PGothic", Osaka,sans-serif; font-size: 18px; font-weight: 600; }

@media (max-width: 600px) { .c-table_tbodyData { margin: 0 0 10px; } }

.c-table_row { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.c-table_row:nth-last-of-type(1) { border: none; }

/* ---------- footer ---------- */
.l-footer { background: url(../narrative/bg_footer_line.png) repeat-x top center; background-color: #000; padding-top: 46px; }

@media (max-width: 600px) { .l-footer { padding-top: 23px; } }

.l-footer .l-footer-logo { max-width: 100%; text-align: center; margin-bottom: 28px; padding: 0 8px; }

@media (max-width: 600px) { .l-footer .l-footer-logo { margin-bottom: 20px; } }

.l-footer .l-footer-logo .l-footer-logo_inner { display: inline-block; }

.l-footer .l-footer-logo .l-footer-logo_inner a { text-decoration: none; }

.l-footer .l-footer-logo .l-footer-logo_inner img { display: inline-blcok; vertical-align: middle; margin: 0 18px; height: auto; }

@media (max-width: 600px) { .l-footer .l-footer-logo .l-footer-logo_inner img { width: 40%; margin: 0 9px; } }

.l-footer .l-footer-copy { margin-bottom: 20px; padding: 0 8px; }

@media (max-width: 600px) { .l-footer .l-footer-copy { margin-bottom: 12px; } }

.l-footer .l-footer-copy p { text-align: center; font-size: 16px; color: #fff; font-family: "Oswald","Arial","Meiryo","Hiragino Kaku Gothic Pro","MS PGothic", Osaka,sans-serif; font-weight: 100; }

@media (max-width: 600px) { .l-footer .l-footer-copy p { font-size: 14px; } }

.l-footer .l-footer-copy p small { font-size: 12px; }

.l-footer .l-footer-sns { background-color: #2b2b2b; padding: 20px 0 35px; text-align: center; }

@media (max-width: 600px) { .l-footer .l-footer-sns { padding: 12px 0; } }

.l-footer .l-footer-sns p { color: #fff; font-size: 18px; line-height: 1.0; font-family: "Oswald","Arial","Meiryo","Hiragino Kaku Gothic Pro","MS PGothic", Osaka,sans-serif; text-align: center; margin-bottom: 8px; }

/* ---------- characters mechanics page ---------- */
.l-general-container { z-index: 1; max-width: 1130px; padding: 0 15px; margin-bottom: 60px; }

@media (max-width: 600px) { .l-general-container { padding: 88px 8px 0; margin-top: 0; margin-bottom: 20px; } }

.l-general-container .l-heading-pagename { border: none; }

.l-general-container .l-heading-pagename .c-heading_label { display: block; }

.l-general-container .l-heading-pagename .c-heading_text { font-weight: 300; font-family: "Oswald","Arial","Meiryo","Hiragino Kaku Gothic Pro","MS PGothic", Osaka,sans-serif; font-size: 36px; margin: 0; line-height: 1.0; margin: 56px 0; display: block; text-align: center; }

@media (max-width: 600px) { .l-general-container .l-heading-pagename .c-heading_text { font-size: 22px; text-align: left; margin: 0; margin-bottom: 36px; } }

.l-general-container .l-chara_mecha { background-color: rgba(255, 255, 255, 0.2); padding: 18px; margin-bottom: 20px; }

@media (max-width: 600px) { .l-general-container .l-chara_mecha { padding: 10px; margin-bottom: 10px; } }

.l-general-container .l-chara_mecha .c-heading { padding: 2px 18px 0; }

@media (max-width: 960px) { .l-general-container .l-chara_mecha .c-heading { padding: 0; } }

.l-general-container .l-chara_mecha .c-headingLv1 { border: none; margin-bottom: 24px; }

@media (max-width: 600px) { .l-general-container .l-chara_mecha .c-headingLv1 { margin-bottom: 10px; } }

.l-general-container .l-chara_mecha .c-headingLv1 .c-heading_text { font-family: "Oswald","Arial","Hiragino Sans GB","Microsoft Yahei","Meiryo","Hiragino Kaku Gothic Pro","MS PGothic", Osaka,sans-serif; font-size: 30px; font-weight: 300; line-height: 1.5; }

@media (max-width: 600px) { .l-general-container .l-chara_mecha .c-headingLv1 .c-heading_text { font-size: 18px; } }

.l-general-container .l-chara_mecha .c-text { margin: 0; }

@media (max-width: 600px) { .l-general-container .l-chara_mecha .c-text { margin-bottom: 10px; } }

.l-general-container .l-chara_mecha .c-text p { margin: 0; font-family: "Roboto","Arial","Meiryo","Hiragino Kaku Gothic Pro","MS PGothic", Osaka,sans-serif; color: #fff; font-size: 16px; line-height: 1.5; }

@media (max-width: 600px) { .l-general-container .l-chara_mecha .c-text p { font-size: 14px; } }

.l-general-container .l-chara_mecha .l-division-2items > .l-division_item { margin: 0 18px 18px; width: calc(50% - 36px); }

.l-general-container .l-chara_mecha .l-division-2items > .l-division_item:first-of-type { float: right; }

@media (max-width: 960px) { .l-general-container .l-chara_mecha .l-division-2items > .l-division_item:first-of-type { margin: 0 0 0 18px; width: calc(50% - 18px); } }

@media (max-width: 600px) { .l-general-container .l-chara_mecha .l-division-2items > .l-division_item:first-of-type { margin: 0 0 10px; float: none; width: 100%; } }

.l-general-container .l-chara_mecha .l-division-2items > .l-division_item:nth-of-type(2) { float: left; }

@media (max-width: 960px) { .l-general-container .l-chara_mecha .l-division-2items > .l-division_item:nth-of-type(2) { margin: 0 18px 0 0; width: calc(50% - 18px); } }

@media (max-width: 600px) { .l-general-container .l-chara_mecha .l-division-2items > .l-division_item:nth-of-type(2) { float: none; width: 100%; } }

@media (max-width: 600px) { .l-general-container .l-chara_mecha .l-division-2items > .l-division_item { margin: 0; width: 100%; } }

.l-general-container .l-chara_mecha .l-division-2items > .l-division_item .c-image { padding: 0; background: none; }

/* ---------- story page ---------- */
.l-story { background-color: rgba(255, 255, 255, 0.2); padding: 36px; }

@media (max-width: 600px) { .l-story { padding: 10px; } }

.l-story .c-text { margin-bottom: 32px; }

@media (max-width: 600px) { .l-story .c-text { margin-bottom: 24px; } }

.l-story .c-text p { font-family: "Roboto","Arial","Meiryo","Hiragino Kaku Gothic Pro","MS PGothic", Osaka,sans-serif; color: #fff; font-size: 16px; line-height: 1.5; margin: 0; }

@media (max-width: 600px) { .l-story .c-text p { font-size: 14px; } }

.l-story .c-gallery { margin-top: 0; }

.l-story .c-gallery_itemLink { position: static; background-color: inherit; }

.l-story .c-gallery_item:before { padding-top: 0; }

.l-story .c-gallery_itemLink > img { position: static; transform: translate(0, 0); }

/* ---------- ギャラリーコンポーネント ---------- */
.fancybox-close { right: -10px; top: -10px; width: 24px; height: 24px; background: #666 url(../narrative/ico_close_16_white.png) no-repeat center center; cursor: pointer; border-radius: 100%; }

.fancybox-next span { background: rgba(61, 61, 61, 0.33) url(../narrative/ico_arrow_right_24_white.png) no-repeat center center; }

.fancybox-prev span { background: rgba(61, 61, 61, 0.33) url(../narrative/ico_arrow_left_24_white.png) no-repeat center center; }

.fancybox-nav span { width: 32px; height: 32px; margin-top: -16px; visibility: visible; }

/* ---------- 言語選択ポップアップ ---------- */
.gifl-headerUtil_langItem.-active:before { font-family: icon; color: #000; display: inline-block; vertical-align: top; speak: none; font-size: 1.5em; font-weight: 400; font-style: normal; text-decoration: none; font-variant: normal; text-transform: none; white-space: pre-wrap; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; line-height: 1.5; text-indent: -1em; }

.gifl-headerUtil_langItem.-active span { font-family: "Oswald","Arial","Meiryo","Hiragino Kaku Gothic Pro","MS PGothic", Osaka,sans-serif; font-weight: 700; }

.gifl-headerUtil_langItem { line-height: 36px; height: 36px; }

.gifl-headerUtil_langItem a { color: #333; font-family: "Oswald","Arial","Meiryo","Hiragino Kaku Gothic Pro","MS PGothic", Osaka,sans-serif; font-weight: 700; font-size: 14px; }

/* ---------- products page ---------- */
.l-general-container .l-products { background-color: rgba(255, 255, 255, 0.2); padding: 18px; margin-bottom: 20px; }

@media (max-width: 600px) { .l-general-container .l-products { padding: 10px; margin-bottom: 10px; } }

.l-general-container .l-products .c-text { margin-top: 0; }

.l-general-container .l-products .l-products-date { margin: 18px 18px 10px; font-family: "Roboto","Arial","Meiryo","Hiragino Kaku Gothic Pro","MS PGothic", Osaka,sans-serif; color: #fff; font-size: 16px; line-height: 1.5; font-weight: 300; }

.l-general-container .l-products .l-products-date p { margin: 0; }

@media (max-width: 960px) { .l-general-container .l-products .l-products-date { margin: 0; font-size: 14px; } }

.l-general-container .l-products .c-heading { padding: 0px 18px 0; }

@media (max-width: 960px) { .l-general-container .l-products .c-heading { padding: 0; } }

.l-general-container .l-products .c-headingLv1 { border: none; margin-bottom: 18px; }

@media (max-width: 600px) { .l-general-container .l-products .c-headingLv1 { margin-bottom: 10px; } }

.l-general-container .l-products .c-headingLv1 .c-heading_text { font-family: "Oswald","Arial","Meiryo","Hiragino Kaku Gothic Pro","MS PGothic", Osaka,sans-serif; font-size: 30px; font-weight: 300; line-height: 1.5; margin: 0; }

@media (max-width: 600px) { .l-general-container .l-products .c-headingLv1 .c-heading_text { font-size: 18px; } }

.l-general-container .l-products .l-products-links_heading { margin-left: 18px; margin-bottom: 6px; margin-top: 2px; }

@media (max-width: 960px) { .l-general-container .l-products .l-products-links_heading { margin: 18px 0 0; } }

@media (max-width: 600px) { .l-general-container .l-products .l-products-links_heading { margin-top: 10px; } }

.l-general-container .l-products .l-products-links_heading p { margin: 0; font-family: "Oswald","Arial","Meiryo","Hiragino Kaku Gothic Pro","MS PGothic", Osaka,sans-serif; color: #fff; line-height: 1.5; font-size: 20px; font-weight: 300; background: url(../narrative/bg-link-heading.png) no-repeat left center; padding-left: 8px; }

@media (max-width: 600px) { .l-general-container .l-products .l-products-links_heading p { font-size: 16px; } }

.l-general-container .l-products .c-link { margin: 0 0 18px 28px; }

@media (max-width: 960px) { .l-general-container .l-products .c-link { margin: 0; } }

.l-general-container .l-products .c-link a { font-family: "Roboto","Arial","Meiryo","Hiragino Kaku Gothic Pro","MS PGothic", Osaka,sans-serif; color: #fff; font-size: 16px; line-height: 1.5; font-weight: 300; background: url(../narrative/bg-clip.png) no-repeat left center; padding-left: 20px; }

@media (max-width: 600px) { .l-general-container .l-products .c-link a { font-size: 14px; } }

.l-general-container .l-products .l-division-2items > .l-division_item { margin: 0 18px 18px; width: calc(50% - 36px); }

.l-general-container .l-products .l-division-2items > .l-division_item:first-of-type { float: left; }

@media (max-width: 960px) { .l-general-container .l-products .l-division-2items > .l-division_item:first-of-type { margin: 0 9px 0 0px; width: calc(50% - 9px); } }

@media (max-width: 600px) { .l-general-container .l-products .l-division-2items > .l-division_item:first-of-type { margin: 0 0 10px; float: none; width: 100%; } }

.l-general-container .l-products .l-division-2items > .l-division_item:nth-of-type(2) { float: right; }

@media (max-width: 960px) { .l-general-container .l-products .l-division-2items > .l-division_item:nth-of-type(2) { margin: 0 0 0 9px; width: calc(50% - 9px); } }

@media (max-width: 600px) { .l-general-container .l-products .l-division-2items > .l-division_item:nth-of-type(2) { margin: 0; float: none; width: 100%; } }

@media (max-width: 600px) { .l-general-container .l-products .l-division-2items > .l-division_item { margin: 0; width: 100%; } }

.l-general-container .l-products .l-division-2items > .l-division_item .c-image { padding: 0; background: none; }

/* ---------- SNS ---------- */
.g-footerUtil_snsRenren { background-image: url(../narrative/ico_sns_renren.png); cursor: pointer; }

.g-footerUtil_snsSina { background-image: url(../narrative/ico_sns_sina.png); background-position: center center; cursor: pointer; }

.g-footerUtil_snsPlurk { background-image: url(../images/ico_sns_plurk.png); cursor: pointer; }

@font-face { font-family: icon; src: url(../fonts/icon.eot?92771938); src: url(../fonts/icon.eot?92771938#iefix) format("embedded-opentype"), url(../fonts/icon.woff?92771938) format("woff"), url(../fonts/icon.ttf?92771938) format("truetype"), url(../fonts/icon.svg?92771938#fontello) format("svg"); font-weight: 400; font-style: normal; }