/* latin - LG Smart */ @import url("https://fonts.googleapis.com/css?family=Roboto:500&display=swap"); @font-face { font-family:'LG Smart'; font-style:normal; font-weight:300; src:url(../../fonts/LGSmartLight.woff) format("woff"), url(../../fonts/LGSmartLight.eot) format("eot"), url(../../fonts/LGSmartLight.ttf) format("truetype"); } @font-face { font-family:'LG Smart'; font-style:normal; font-weight:500; src:url(../../fonts/LGSmartRegular.woff) format("woff"), url(../../fonts/LGSmartRegular.eot) format("eot"), url(../../fonts/LGSmartRegular.ttf) format("truetype"); } @font-face { font-family:'LG Smart'; font-style:normal; font-weight:600; src:url(../../fonts/LGSmartSemiBold.woff) format("woff"), url(../../fonts/LGSmartSemiBold.eot) format("eot"), url(../../fonts/LGSmartSemiBold.ttf) format("truetype"); } @font-face { font-family:'LG Smart'; font-style:normal; font-weight:700; src:url(../../fonts/LGSmartBold.woff) format("woff"), url(../../fonts/LGSmartBold.eot) format("eot"), url(../../fonts/LGSmartBold.ttf) format("truetype"); } /* latin - dinbol */ @font-face { font-family:'dinbol'; font-style:normal; font-weight:500; src:url(../../fonts/dinbol.woff) format("woff"), url(../../fonts/dinbol.eot) format("eot"), url(../../fonts/dinbol.ttf) format("truetype"); } /* latin - Roboto */ /* reset css */ article, aside, footer, header, nav, section { display:block; } h1 { font-size:2em; margin:0.67em 0; } figcaption, figure, main { /* 1 */ display:block; } figure { margin:1em 40px; } hr { box-sizing:content-box; /* 1 */ height:0; /* 1 */ overflow:visible; /* 2 */ } pre { font-family:monospace, monospace; /* 1 */ font-size:1em; /* 2 */ } a { background-color:transparent; /* 1 */ -webkit-text-decoration-skip:objects; /* 2 */ outline:none; } abbr[title] { border-bottom:none; /* 1 */ text-decoration:underline; /* 2 */ text-decoration:underline dotted; /* 2 */ } b, strong { font-weight:inherit; } b, strong { font-weight:bolder; } code, kbd, samp { font-family:monospace, monospace; /* 1 */ font-size:1em; /* 2 */ } dfn { font-style:italic; } mark { background-color:#ff0; color:#000; } small { font-size:80%; } audio, video { display:inline-block; } audio:not([controls]) { display:none; height:0; } img { border-style:none; } svg:not(:root) { overflow:hidden; } button, input, optgroup, select, textarea { margin:0; } button, input { /* 1 */ overflow:visible; } button, select { /* 1 */ text-transform:none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance:button; /* 2 */ } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style:none; padding:0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline:1px dotted ButtonText; } legend { box-sizing:border-box; /* 1 */ color:inherit; /* 2 */ display:table; /* 1 */ max-width:100%; /* 1 */ padding:0; /* 3 */ white-space:normal; /* 1 */ } progress { display:inline-block; /* 1 */ vertical-align:baseline; /* 2 */ } textarea { overflow:auto; } [type="checkbox"], [type="radio"] { box-sizing:border-box; /* 1 */ padding:0; /* 2 */ } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height:auto; } [type="search"] { -webkit-appearance:textfield; /* 1 */ outline-offset:-2px; /* 2 */ } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance:none; } ::-webkit-file-upload-button { -webkit-appearance:button; /* 1 */ font:inherit; /* 2 */ } details, menu { display:block; } summary { display:list-item; } canvas { display:inline-block; } template { display:none; } [hidden] { display:none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } ol, ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } table { width:100%; text-align:left; border-collapse:collapse; border-spacing:0; } /* Font style setting */ /* Point color setting */ /* Background - color setting */ /* Border - color setting */ /* Font - color setting */ /* Input - color setting */ /* Button - color setting */ /** BASE SETTING */ #cookieAllPc .cookie_top .top_box:after, #cookieAllPc .cookie_top .top_box .accept_wrap:after, #cookieAllPc .cookie_bottom .bottom_box ol:after, #footer .etc_link:after, #footer .share_wrap:after, #footer .share_wrap ol:after, #footerLink ol:after, #container.cinema_contents .cinema_step01 .step_box01 .video_wrap ol:after, #container.cinema_contents .cinema_step01 .step_box01 .compare_wrap ol:after, #container.cinema_contents .cinema_step02 .step_box01 article:after, #container.cinema_contents .cinema_step02 .step_box01 article .img_wrap ol:after, #container.cinema_contents .cinema_step03 .step_box01 article:after, #container.cinema_contents .cinema_step03 .step_box01 article .img_wrap .img_box .video_wrap:after, #container.cinema_contents .cinema_step03 .step_box01 article .img_wrap ol:after, #container.cinema_contents .cinema_step04 .step_box01 article .img_wrap:after, #container.gaming_contents .gaming_step01 .step_box01 .video_wrap ol:after, #container.gaming_contents .gaming_step01 .step_box01 .compare_wrap ol:after, #container.gaming_contents .gaming_step02 .step_box01 article:after, #container.gaming_contents .gaming_step02 .step_box01 article .img_wrap ol:after, #container.gaming_contents .gaming_step03 .step_box01 article:after, #container.gaming_contents .gaming_step03 .step_box01 article .img_wrap ol:after, #container.sports_contents .sports_step01 .step_box01 .video_wrap ol:after, #container.sports_contents .sports_step01 .step_box01 .compare_wrap ol:after, #container.sports_contents .sports_step02 .step_box01 article:after, #container.sports_contents .sports_step02 .step_box01 article .img_wrap ol:after, #container.sports_contents .sports_step03 .step_box01 article:after, #container.sports_contents .sports_step03 .step_box01 article .img_wrap ol:after, #container.colors_contents .colors_step01 .step_box01 .video_wrap ol:after, #container.colors_contents .colors_step01 .step_box01 .compare_wrap ol:after, #container.colors_contents .colors_step02 .step_box01:after, #container.colors_contents .colors_step03 .step_box01 article:after, #container.colors_contents .colors_step03 .step_box01 article .img_wrap .img_box .sub_img ol:after, #container.colors_contents .colors_step03 .step_box01 article .img_wrap ol:after, #container.colors_contents .colors_step05 .step_box01 ol:after, #container.colors_contents .bottom_common.colors_bottom .step_box01 ol:after, #container.lineup_contents .bottom_common.lineup_bottom .step_box01 ol:after, #container.ai_think_contents .ai_think_step02 .step_box01 article:after, #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap ol:after, .bottom_common ol:after { content:" "; display:block; clear:both; } /*===== NEW BY POPUP ========*/ .new-by-popup-button{} .overlay-by{ position: fixed; left: 0; top: 0; background: rgba(255, 255, 255, 0.6); width: 100%; height: 100%; z-index: 9999999; display: none; } .popup-close-by { position: absolute; right: 35px; top: 35px; width: 16px; height: 16px; cursor: pointer; z-index: 9999999; } .popup-close-by img{ width:100%; } .new-by-popup{ background: rgba(255, 255, 255, 1); display: none; position: fixed; z-index: 99999999; left: 50%; transform:translate(-50%,0); top: 18%; width: 45%; min-width:830px; height: auto; justify-content: center; align-items: center; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); padding:30px 35px 35px 35px; } .new-by-wrapper{ width: 100%; height: 100%; } .new-by-title{ font-size: 70px; line-height: 0.8; text-align: center; color:#000; font-style:normal; font-weight:700; } .new-by-content{ text-align:center; margin-top:60px; } .new-by-item{ display:inline-block; vertical-align:middle; margin-right:60px; } .new-by-item:last-child{ margin-right:0; } .new-by-item:last-child a img{ height:30px; } .new-by-content a{ display:block; } .new-by-content a img{ display:block; width:auto; height:40px; } @media(max-width: 1025px){ .new-by-popup .new-by-wrapper .new-by-title { font-size: 7vw; } .popup-close-by { width: 2vw; height: 2vw; right: 3vw; top: 3vw; } .new-by-popup{ padding: 3vw 3vw 4vw 3vw; min-width:auto; width:80%; } .new-by-popup .new-by-wrapper .new-by-content{ margin-top: 6vw; } .new-by-popup .new-by-wrapper .new-by-content .new-by-item{ margin-right: 6vw; } .new-by-popup .new-by-wrapper .new-by-content .new-by-item:last-child a img{ height: 3vw; } .new-by-popup .new-by-wrapper .new-by-content .new-by-item a img{ height: 4vw; } } @media(max-width: 767px) { .new-by-popup{ padding: 5vw; min-width:auto; width:90%; } .new-by-popup .new-by-wrapper .new-by-content .new-by-item{ margin: 5vw auto 0 auto; } .new-by-popup .new-by-wrapper .new-by-content .new-by-item a { display: inline-block; width: 40%; } .new-by-popup .new-by-wrapper .new-by-title { font-size: 10vw; } .popup-close-by { width: 5vw; height: 5vw; right: 3vw; top: 3vw; } .new-by-popup .new-by-wrapper .new-by-content .new-by-item:last-child a img{ height: auto; } .new-by-popup .new-by-wrapper .new-by-content .new-by-item a img{ height: auto; width: 100%; } .new-by-popup .new-by-wrapper .new-by-content { margin-top: 8vw; } } body.fixed { overflow: hidden; } /*===== NEW BY POPUP ========*/ @media only screen and (max-width:1856px) { html { font-size:20px !important; } } @media only screen and (max-width:1792px) { html { font-size:19px !important; } } @media only screen and (max-width:1728px) { html { font-size:18px !important; } } @media only screen and (max-width:1664px) { html { font-size:17px !important; } } @media only screen and (max-width:1600px) { html { font-size:16px !important; } } @media only screen and (max-width:1536px) { html { font-size:15px !important; } } @media only screen and (max-width:1472px) { html { font-size:14px !important; } } @media only screen and (max-width:1408px) { html { font-size:13px !important; } } @media only screen and (max-width:1344px) { html { font-size:12px !important; } } @media only screen and (max-width:1280px) { html { font-size:11px !important; } } body { -webkit-backface-visibility:hidden; } input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { padding:0; font-family:"LG Smart", "Apple SD Gothic Neo", AppleGothic, Arial, Helvetica, sans-serif; outline:none; } a { text-decoration:none; cursor:pointer; color:#111315; } a:link, a:visited, a:active, a:hover { text-decoration:none; } select, input, button, textarea { -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background-color:transparent; border:0 none; font-size:20px; font-weight:300; font-family:"LG Smart", "Apple SD Gothic Neo", AppleGothic, Arial, Helvetica, sans-serif; line-height:1; } select[type="checkbox"], input[type="checkbox"], button[type="checkbox"], textarea[type="checkbox"] { -webkit-appearance:checkbox; } select[type="radio"], input[type="radio"], button[type="radio"], textarea[type="radio"] { -webkit-appearance:radio; } select::-ms-expand, input::-ms-expand, button::-ms-expand, textarea::-ms-expand { display:none; } html, body { font-family:"LG Smart", "Apple SD Gothic Neo", AppleGothic, Arial, Helvetica, sans-serif; font-size:20px; font-weight:300; color:#111315; word-break:keep-all; line-height:1; letter-spacing:0; -webkit-font-smoothing:antialiased; } strong, h1, h2, h3, h4, h5, h6 { font-weight:700; } label, button { cursor:pointer; } #cookieAllPc { width:100%; height:50px; min-width:1280px; position:absolute; top:0; left:0; z-index:500; overflow:hidden; display:none;} #cookieAllPc .change_wrap { width:100%; height:50px; background-color:#f4f4f4; text-align:center; position:absolute; top:0; z-index:1; overflow:hidden; } #cookieAllPc .change_wrap p {font-size:16px; line-height:50px;} #cookieAllPc .change_wrap p a {text-decoration:underline;} #cookieAllPc #cookieChange { display:inline-block; position:relative; padding:0 40px 0 20px; line-height:50px; color:#646668; font-weight:700; } #cookieAllPc #cookieChange:after { width:0; height:0; display:block; content:""; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom-style:solid; border-bottom-width:8px; border-bottom-color:#646668; position:absolute; right:20px; top:22px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); } #cookieAllPc .cookie_top { background-color:#ebeced; padding:0 50px; position:relative; display:none; } #cookieAllPc .cookie_top .top_box { width:1180px; padding:25px 0; margin:0 auto; } #cookieAllPc .cookie_top .top_box p { width:50%; float:left; font-size:16px; line-height:20px; } #cookieAllPc .cookie_top .top_box p a { text-decoration:underline; } #cookieAllPc .cookie_top .top_box .accept_wrap { float:right; padding:8px 0 0; } #cookieAllPc .cookie_top .top_box .accept_wrap button { height:44px; float:left; font-weight:700; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #cookieAllPc .cookie_top .top_box .accept_wrap button#allAgreeBtn { background-color:#a50034; padding:0 24px; color:#fff; } #cookieAllPc .cookie_top .top_box .accept_wrap button#detailOpenBtn { padding:0 44px 0 24px; color:#fff; position:relative; background-color:#a50034; margin:0 0 0 12px; border-width:1px; border-style:solid; border-color:#a50034; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #cookieAllPc .cookie_top .top_box .accept_wrap button#detailOpenBtn:after { width:0; height:0; display:block; content:""; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom-style:solid; border-bottom-width:8px; border-bottom-color:#fff; position:absolute; right:22px; top:18px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); } #cookieAllPc .cookie_top .top_box .accept_wrap button#detailOpenBtn.active { background-color:#fff; color:#1e1e1e; border-color:#fff; } #cookieAllPc .cookie_top .top_box .accept_wrap button#detailOpenBtn.active:after { border-bottom-color:#1e1e1e; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); } #cookieAllPc .cookie_top .top_box .accept_wrap button#detailOpenBtn.active:hover { border-color:#a50034; } #cookieAllPc .cookie_bottom { width:100%; background-color:#fff; position:absolute; z-index:10; display:none; } #cookieAllPc .cookie_bottom .bottom_box { width:1280px; margin:0 auto; position:relative; padding:0 0 85px; } #cookieAllPc .cookie_bottom .bottom_box p { line-height:20px; font-size:16px; padding:25px 0; border-bottom:1px solid #d4d4d4; } #cookieAllPc .cookie_bottom .bottom_box ol { padding:20px 0 0; } #cookieAllPc .cookie_bottom .bottom_box li { width:280px; float:left; margin:0 0 0 40px; position:relative; } #cookieAllPc .cookie_bottom .bottom_box li:first-child { margin:0; } #cookieAllPc .cookie_bottom .bottom_box dl dt { font-size:22px; font-weight:700; height:44px; display:table; } #cookieAllPc .cookie_bottom .bottom_box dl dt span { display:table-cell; vertical-align:middle; } #cookieAllPc .cookie_bottom .bottom_box dl dd { padding:20px 0 0; font-size:16px; line-height:20px; } #cookieAllPc .cookie_bottom .bottom_box .check_wrap { position:absolute; top:9px; right:0; } #cookieAllPc .cookie_bottom .bottom_box .check_wrap input[type=checkbox] { position:absolute; left:-9999px; } #cookieAllPc .cookie_bottom .bottom_box .check_wrap input[type=checkbox]:checked ~ label { background-color:#a50034; } #cookieAllPc .cookie_bottom .bottom_box .check_wrap input[type=checkbox]:checked ~ label:after { -webkit-transform:translate(16px, 0); -moz-transform:translate(16px, 0); -ms-transform:translate(16px, 0); -o-transform:translate(16px, 0); transform:translate(16px, 0); } #cookieAllPc .cookie_bottom .bottom_box .check_wrap label { width:44px; height:28px; display:block; text-indent:-9999px; background-color:#a4a4a4; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; -webkit-transition:background-color 0.3s ease; -moz-transition:background-color 0.3s ease; -o-transition:background-color 0.3s ease; -ms-transition:background-color 0.3s ease; } #cookieAllPc .cookie_bottom .bottom_box .check_wrap label:after { width:22px; height:22px; display:block; content:""; position:absolute; left:3px; top:3px; background-color:#fff; -webkit-transition:transform 0.3s ease; -moz-transition:transform 0.3s ease; -o-transition:transform 0.3s ease; -ms-transition:transform 0.3s ease; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } #cookieAllPc .cookie_bottom .bottom_box .check_wrap label:hover { background-color:#a50034; } #cookieAllPc .cookie_bottom #cookieSave { height:44px; padding:0 24px; background-color:#a50034; position:absolute; bottom:20px; right:0; color:#fff; font-weight:700; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #cookieAllPc #cookieClose { width:40px; height:40px; position:absolute; top:4px;left:50%; background-color:#adaeaf; text-indent:-9999px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:background-color 0.2s ease; -moz-transition:background-color 0.2s ease; -o-transition:background-color 0.2s ease; -ms-transition:background-color 0.2s ease; margin:0 0 0 628px;} #cookieAllPc #cookieClose:before, #cookieAllPc #cookieClose:after { width:1px; height:19px; display:block; content:""; position:absolute; top:11px; left:20px; background-color:#fff; } #cookieAllPc #cookieClose:after { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); } #cookieAllPc #cookieClose:hover { background-color:#a50034; } html { min-width:1280px; } html, body { max-width:100%; } html.no_scroll { overflow:hidden; padding:0 17px 0 0; } /* layout */ /* header */ #header { width:100%; height:70px; min-width:1280px; background-color:transparent; padding:0 68px; position:absolute; top:0; z-index:200; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:background-color 0.2s ease; -moz-transition:background-color 0.2s ease; -o-transition:background-color 0.2s ease; -ms-transition:background-color 0.2s ease; } #header:after { width:100%; height:1px; display:block; content:""; position:absolute; bottom:0; left:0; background-color:#fff; opacity:0.4; filter:alpha(opacity=40); } #header.fixed { background-color:#fff; top:0; position:fixed; } #header.fixed:after { background-color:#c4c6c8; } #header.fixed .header_wrap #logo a { background-image:url(../../images/layout/logo_fix.png); } #header.fixed .header_wrap #allNav button:before, #header.fixed .header_wrap #allNav button:after, #header.fixed .header_wrap #allNav button span { background-color:#111315; } #header.fixed .header_wrap .header_buy { color:#111315; } #header.fixed .header_wrap .header_buy:before { background-image:url(../../images/layout/buy_icon_fix.png); } #header.fixed .header_wrap .header_buy:after { background-color:#111315; } #header .header_wrap { position:relative; text-align:center; } #header .header_wrap #logo { padding:21px 0 0; position:relative; } #header .header_wrap #logo a { width:255px; height:24px; display:inline-block; background-image:url(../../images/layout/logo.png); text-indent:-9999px; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; background-repeat:no-repeat; -webkit-transition:background-image 0.3s ease; -moz-transition:background-image 0.3s ease; -o-transition:background-image 0.3s ease; -ms-transition:background-image 0.3s ease; } #header .header_wrap #allNav.nav_open button:before { background-color:#111315; top:10px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } #header .header_wrap #allNav.nav_open button:after { background-color:#111315; top:10px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } #header .header_wrap #allNav.nav_open button span { width:0 !important; background-color:#111315; } #header .header_wrap #allNav button { width:25px; height:25px; position:absolute; top:26px; left:0; text-indent:-9999px; z-index:30; } #header .header_wrap #allNav button:hover span, #header .header_wrap #allNav button:focus span { width:70%; } #header .header_wrap #allNav button:before, #header .header_wrap #allNav button:after, #header .header_wrap #allNav button span { width:100%; height:3px; display:block; content:""; background-color:#fff; position:absolute; left:0; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #header .header_wrap #allNav button:before { top:0; } #header .header_wrap #allNav button:after { top:16px; } #header .header_wrap #allNav button span { top:8px; } #header .header_wrap #allNav nav { height:100%; width:50%; position:fixed; background-color:#fff; left:0; top:0; display:table; text-align:center; z-index:20; -webkit-transform:translate(-100%, 0); -moz-transform:translate(-100%, 0); -ms-transform:translate(-100%, 0); -o-transform:translate(-100%, 0); transform:translate(-100%, 0); } #header .header_wrap #allNav nav h2 { text-indent:-9999px; } #header .header_wrap #allNav nav .wrap { width:100%; height:85%; } #header .header_wrap #allNav nav .wrap ul { position:relative; top:50%; transform:translate(0, -50%); } #header .header_wrap #allNav nav .wrap ul:after { content:""; display:block; clear:both; } #header .header_wrap #allNav nav .wrap ul li { height:63px; line-height:60px; } #header .header_wrap #allNav nav .wrap ul li:first-child { padding:0; } #header .header_wrap #allNav nav .wrap ul a { position:relative; color:#646668; font-size:34px; font-weight:300; letter-spacing:1px; -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; -ms-transition:all 0.1s ease; } #header .header_wrap #allNav nav .wrap ul a:hover, #header .header_wrap #allNav nav .wrap ul a:focus, #header .header_wrap #allNav nav .wrap ul a.active { font-weight:700; color:#000; } #header .header_wrap #allNav .link_box { height:15%; clear:both; text-align:center; position:relative; } #header .header_wrap #allNav .link_box ul { display:inline-block; color:#646668; padding:0 30px 0 0; } #header .header_wrap #allNav .link_box ul:after { content:""; display:block; clear:both; } #header .header_wrap #allNav .link_box ul li { width:162px; float:left; position:relative; } #header .header_wrap #allNav .link_box ul li:before { content:""; display:block; width:1px; height:16px; background-color:#d4d4d4; position:absolute; left:-4px; top:3px; } #header .header_wrap #allNav .link_box ul li:first-child:before { display:none; } #header .header_wrap #allNav .link_box ul li a { font-size:22px; } #header .header_wrap #allNav .link_box ul li a:hover { font-weight:700; } #header .header_wrap #allNav .link_box p { font-size:12px; position:absolute; left:50%; transform:translate(-50%, 0); bottom:40px; text-align:center; color:#646668; } #header .header_wrap #allNav #navDimmed { z-index:10; } #header .header_buy { height:27px; line-height:27px; position:absolute; top:20px; right:0; z-index:1; font-weight:700; font-size:22px; color:#fff; letter-spacing:1.2px; -webkit-transition:color 0.2s ease; -moz-transition:color 0.2s ease; -o-transition:color 0.2s ease; -ms-transition:color 0.2s ease; } #header .header_buy:before { width:33px; height:27px; display:block; content:""; position:absolute; left:-42px; top:0; background-image:url(../../images/layout/buy_icon.png); -webkit-transition:background-image 0.2s ease; -moz-transition:background-image 0.2s ease; -o-transition:background-image 0.2s ease; -ms-transition:background-image 0.2s ease; } #header .header_buy:after { width:0; height:1px; display:block; content:""; position:absolute; bottom:3px; left:0; background-color:#fff; -webkit-transition:width 0.2s ease; -moz-transition:width 0.2s ease; -o-transition:width 0.2s ease; -ms-transition:width 0.2s ease; } #header .header_buy:hover:after, #header .header_buy:focus:after { width:100%; } #footer { padding:23px 130px; position:relative; font-weight:500; background-color:#2a2b2d; margin:3.6rem 0 0; } #footer .footer_wrap { height:29px; line-height:29px; } #footer p.copyright { width:100%; font-size:13px; text-align:center; position:absolute; left:0; color:#b1b3b5; font-weight:500; } #footer .etc_link { float:left; font-size:12px; position:relative; z-index:1; } #footer .etc_link li { float:left; margin:0 0 0 40px; position:relative; } #footer .etc_link li:first-child { margin:0; } #footer .etc_link li:first-child:before { display:none; } #footer .etc_link li:before { width:1px; height:8px; display:block; content:""; position:absolute; top:10px; left:-20px; background-color:#b1b3b5; } #footer .etc_link a { position:relative; color:#b1b3b5; font-weight:500; } #footer .etc_link a:after { width:100%; height:1px; display:block; content:""; position:absolute; left:0; bottom:-1px; background-color:#b1b3b5; -webkit-transform:scaleX(0); -moz-transform:scaleX(0); -ms-transform:scaleX(0); -o-transform:scaleX(0); transform:scaleX(0); -webkit-transition:transform 0.2s ease; -moz-transition:transform 0.2s ease; -o-transition:transform 0.2s ease; -ms-transition:transform 0.2s ease; } #footer .etc_link a:hover:after { -webkit-transform:scaleX(1); -moz-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1); } #footer .share_wrap { float:right; position:relative; z-index:1; } #footer .share_wrap button { height:29px; float:left; padding:0 22px 0 40px; background-image:url(../../images/layout/share_icon.png); font-size:12px; color:#b1b3b5; -ms-background-position-x:15px; background-position-x:15px; -ms-background-position-y:50%; background-position-y:50%; background-repeat:no-repeat; border-width:1px; border-style:solid; border-color:#626364; -webkit-border-radius:29px; -moz-border-radius:29px; border-radius:29px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #footer .share_wrap button:hover, #footer .share_wrap button:focus { background-color:#000; color:#fff; border-color:#000; background-image:url(../../images/layout/share_icon_white.png); } #footer .share_wrap ol { float:left; text-indent:-9999px; } #footer .share_wrap li { padding:0 0 0 15px; float:left; } #footer .share_wrap li:nth-of-type(1) a { background-image:url(../../images/layout/face_icon.png); } #footer .share_wrap li:nth-of-type(1) a:hover { background-image:url(../../images/layout/face_icon_white.png); } #footer .share_wrap li:nth-of-type(2) a { background-image:url(../../images/layout/vk_icon.png); } #footer .share_wrap li:nth-of-type(2) a:hover { background-image:url(../../images/layout/vk_icon_white.png); } #footer .share_wrap li:nth-of-type(3) a { background-image:url(../../images/layout/inst_icon.png); } #footer .share_wrap li:nth-of-type(3) a:hover { background-image:url(../../images/layout/inst_icon_white.png); } #footer .share_wrap a { width:28px; height:28px; display:block; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; background-repeat:no-repeat; border-width:1px; border-style:solid; border-color:#626364; -webkit-border-radius:29px; -moz-border-radius:29px; border-radius:29px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #footer .share_wrap a:hover, #footer .share_wrap a:focus { background-color:#000; border-color:#000; } #footerLink.fixed { bottom:75px; position:absolute; } #footerLink { width:100%; height:2.4rem; position:fixed; bottom:0; text-align:center; z-index:150; padding:0.6rem 0; background-color:rgba(0, 0, 0, 0.95); border-top-color:#101010; } #footerLink ol { padding:0 68px; display:inline-block; font-size:1.15rem; font-weight:500; } #footerLink li { width:320px; float:left; margin:0 0 0 20px; } #footerLink li:first-child { margin:0; } #footerLink li.lineup_footer { display:none; } #footerLink a { width:100%; height:2.4rem; display:block; line-height:2.4rem; color:#fff; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; border-width:1px; border-style:solid; border-color:#666; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #footerLink a:hover, #footerLink a:focus { background-color:#fff; border-color:#fff; color:#1e1e1e; } /* main */ #mainVisual { width:100%; height:48rem; display:table; position:relative; } #mainVisual:after { width:100%; height:100%; display:block; content:""; position:absolute; top:0; left:0; background:url(../../images/main/main_visual_dimmed.png) 50% 50% no-repeat; z-index:-1; } #mainVisual .img_wrap { width:100%; height:100%; background-image:url(../../images/main/main_visual.jpg); position:absolute; top:0; left:0; z-index:-1; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #mainVisual .txt_wrap { width:100%; text-align:center; vertical-align:middle; display:table-cell; padding:0 0 0 60%; } #mainVisual .txt_wrap h3 img { width:51%; } #mainVisual .txt_wrap h3 span { display:block; font-size:5rem; color:#fff; letter-spacing:2px; } #mainVisual .txt_wrap a { height:2.1rem; display:inline-block; padding:0 1.25rem; margin:1.25rem 0 0; font-size:1rem; font-weight:700; color:#fff; line-height:1.9rem; -webkit-border-radius:1.9rem; -moz-border-radius:1.9rem; border-radius:1.9rem; border-width:2px; border-style:solid; border-color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #mainVisual .txt_wrap a:hover, #mainVisual .txt_wrap a:focus { background-color:#fff; color:#111315; } #mainVisual #discoverBtn { bottom:-85px; } .main_container { padding:11.4rem 0 0; } .main_container .main_step01 { height:0; padding:0 0 87.7%; background-image:url(../../images/main/main_contents_bg.jpg); -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } .main_container .main_step01 .step_box01 { position:relative; top:-1.5rem; } .main_container .main_step01 .step_box01 img { width:100%; } .main_container .main_step01 .step_box01 h4 { width:100%; position:absolute; top:2rem; text-align:center; font-size:5.5rem; color:#fff; line-height:3.8rem; } .main_container .main_step01 .step_box01 span { font-size:3.8rem; } .main_container .main_step01 .step_box01 em { font-weight:300; } .main_container .main_step01 .step_box02 { padding:0 3rem; text-align:center; color:#fff; } .main_container .main_step01 .step_box02 ol { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; } .main_container .main_step01 .step_box02 li { width:32%; height:0; padding:0 0 50%; position:relative; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } .main_container .main_step01 .step_box02 li:nth-of-type(1) { background-image:url(../../images/main/main_img02.jpg); } .main_container .main_step01 .step_box02 li:nth-of-type(2) { background-image:url(../../images/main/main_img03.jpg); } .main_container .main_step01 .step_box02 li:nth-of-type(3) { background-image:url(../../images/main/main_img04.jpg); } .main_container .main_step01 .step_box02 .txt_wrap { width:100%; height:100%; position:absolute; display:table; } .main_container .main_step01 .step_box02 .txt_box { display:table-cell; vertical-align:middle; } .main_container .main_step01 .step_box02 p { font-size:3.25rem; font-weight:500; } .main_container .main_step01 .step_box02 strong { display:block; font-size:4rem; } .main_container .main_step01 .step_box02 a { height:2.1rem; display:inline-block; padding:0 1.25rem; margin:1.25rem 0 0; font-size:1rem; font-weight:700; color:#fff; line-height:1.9rem; -webkit-border-radius:1.9rem; -moz-border-radius:1.9rem; border-radius:1.9rem; border-width:1px; border-style:solid; border-color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } .main_container .main_step01 .step_box02 a:hover, .main_container .main_step01 .step_box02 a:focus { background-color:#fff; color:#111315; } .main_container .main_step02 { height:37rem; margin:13.5rem 0 0; background-image:url(../../images/main/main_img05.jpg); position:relative; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } .main_container .main_step02 .txt_wrap { width:100%; position:absolute; text-align:center; bottom:2rem; } .main_container .main_step02 .txt_wrap h4 { font-size:3.4rem; color:#fff; } .main_container .main_step02 .txt_wrap a { height:2.1rem; display:inline-block; padding:0 1.25rem; margin:1rem 0 0; font-size:1rem; font-weight:700; color:#fff; line-height:1.9rem; -webkit-border-radius:1.9rem; -moz-border-radius:1.9rem; border-radius:1.9rem; border-width:1px; border-style:solid; border-color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } .main_container .main_step02 .txt_wrap a:hover, .main_container .main_step02 .txt_wrap a:focus { background-color:#fff; color:#111315; } .main_container .main_step02.lineup_step { height:32rem; margin-top:40px; background-image:url(../../images/main/main_img06.jpg); } /* cinema */ #subVisual.cinema_visual { background-image:url(../../images/cinema/sub_visual.jpg); text-align:center; position:relative; } #subVisual.cinema_visual:before, #subVisual.cinema_visual:after { display:block; content:""; position:absolute; bottom:30px; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; background-repeat:no-repeat; } #subVisual.cinema_visual:before { width:190px; height:103px; left:30px; background-image:url(../../images/cinema/cinema_partner_logo01.png); } #subVisual.cinema_visual:after { width:131px; height:58px; right:30px; background-image:url(../../images/cinema/cinema_partner_logo02.png); } #container.cinema_contents .cinema_step01 { text-align:center; padding:11.5rem 0 0; } #container.cinema_contents .cinema_step01 .step_title img { width:100%; margin:2.5rem 0 0; } #container.cinema_contents .cinema_step01 .step_box01 { height:0; padding:0 0 91%; background-color:#000; margin:0 3rem; position:relative; } #container.cinema_contents .cinema_step01 .step_box01 h2 { color:#fff; text-align:left; font-size:3.75rem; } #container.cinema_contents .cinema_step01 .step_box01 span { display:block; font-size:2.1rem; } #container.cinema_contents .cinema_step01 .step_box01 article { padding:4rem 4rem 0; } #container.cinema_contents .cinema_step01 .step_box01 .video_wrap { width:80%; height:0; padding:0 0 53%; margin:9rem auto 0; position:relative; color:#fff; text-align:center; } #container.cinema_contents .cinema_step01 .step_box01 .video_wrap ol { width:100%; z-index:2; } #container.cinema_contents .cinema_step01 .step_box01 .video_wrap ol li { width:50%; float:left; font-size:1.8rem; } #container.cinema_contents .cinema_step01 .step_box01 .video_wrap .video_box { position:relative; top:40px; } #container.cinema_contents .cinema_step01 .step_box01 .video_wrap .video_box:after { width:10px; height:10px; display:block; content:""; position:absolute; top:0; left:50%; margin:0 0 0 -5px; background-color:#fff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } #container.cinema_contents .cinema_step01 .step_box01 .video_wrap .video_box p { position:absolute; left:50%; top:-183px; margin:0 0 0 180px; } #container.cinema_contents .cinema_step01 .step_box01 .video_wrap .video_box p:after, #container.cinema_contents .cinema_step01 .step_box01 .video_wrap .video_box p:before { position:absolute; display:block; content:""; background-color:#fff; } #container.cinema_contents .cinema_step01 .step_box01 .video_wrap .video_box p:before { width:170px; height:1px; top:10px; left:-180px; } #container.cinema_contents .cinema_step01 .step_box01 .video_wrap .video_box p:after { width:1px; height:175px; top:10px; left:-180px; } #container.cinema_contents .cinema_step01 .step_box01 .video_wrap .video_box video { width:100%; } #container.cinema_contents .cinema_step01 .step_box01 .compare_wrap { width:97%; margin:0 auto; text-align:center; position:relative; top:-3rem; } #container.cinema_contents .cinema_step01 .step_box01 .compare_wrap > p { text-align:left; font-size:0.8rem; padding:1rem 0 0; font-weight:500; color:#626364; } #container.cinema_contents .cinema_step01 .step_box01 .compare_wrap ol li { float:left; width:49.7%; } #container.cinema_contents .cinema_step01 .step_box01 .compare_wrap ol li:nth-of-type(2) { margin:0 0 0 .6%; } #container.cinema_contents .cinema_step01 .step_box01 .compare_wrap ol li strong { color:#fff; font-size:1.2rem; } #container.cinema_contents .cinema_step01 .step_box01 .compare_wrap ol li strong img { width:6.35rem; height:0.85rem; } #container.cinema_contents .cinema_step01 .step_box01 .compare_wrap ol li p { color:#c4c6c8; font-size:1.1rem; padding:1rem 0 0; } #container.cinema_contents .cinema_step01 .step_box01 .compare_wrap .img_box { padding:1.75rem 0 0; } #container.cinema_contents .cinema_step01 .step_box01 .compare_wrap .img_box img { width:100%; } #container.cinema_contents .cinema_step02 { text-align:center; padding:15rem 0 0; } #container.cinema_contents .cinema_step02 .step_title img { width:100%; margin:2.5rem 0 0; } #container.cinema_contents .cinema_step02 .step_box01 { margin:3rem 0 0; } #container.cinema_contents .cinema_step02 .step_box01 article { width:100%; padding:0 8% 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.cinema_contents .cinema_step02 .step_box01 article .txt_wrap { width:28.2%; float:right; text-align:left; padding:1.25rem 0 0; } #container.cinema_contents .cinema_step02 .step_box01 article .txt_wrap .company_txt { font-size:2rem; color:#000; } #container.cinema_contents .cinema_step02 .step_box01 article .txt_wrap h2 { font-size:3rem; line-height:3.1rem; color:#010203; padding:1rem 0 0; } #container.cinema_contents .cinema_step02 .step_box01 article .txt_wrap .txt { color:#1d1e1f; font-size:1.1rem; line-height:1.5rem; padding:3rem 0 0; } #container.cinema_contents .cinema_step02 .step_box01 article .txt_wrap img { margin:3.5rem 0 0; width:6.75rem; } #container.cinema_contents .cinema_step02 .step_box01 article .img_wrap { width:69%; height:0; padding:0 0 42.5%; float:left; position:relative; } #container.cinema_contents .cinema_step02 .step_box01 article .img_wrap .img_box { width:100%; height:100%; background-image:url(../../images/sports/sports_step02_img02.jpg); position:absolute; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #container.cinema_contents .cinema_step02 .step_box01 article .img_wrap ol { padding:2rem 0 0; } #container.cinema_contents .cinema_step02 .step_box01 article .img_wrap li { width:50%; float:left; color:#fff; font-size:1.6rem; } #container.cinema_contents .cinema_step02 .step_box01 article .img_wrap p { position:absolute; top:100%; padding:0.5rem 0 0; line-height:24px; font-size:16px; font-weight:500; color:#1d1e1f; } #container.cinema_contents .cinema_step02 .step_box01 article:nth-of-type(2) { padding:0 0 0 8%; margin:5rem 0 0; } #container.cinema_contents .cinema_step02 .step_box01 article:nth-of-type(2) .txt_wrap { float:left; text-align:right; } #container.cinema_contents .cinema_step02 .step_box01 article:nth-of-type(2) .img_wrap { float:right; } #container.cinema_contents .cinema_step02 .step_box01 article:nth-of-type(2) .img_wrap .img_box { background-image:url(../../images/sports/sports_step02_img03.jpg); } #container.cinema_contents .cinema_step02 .step_box01 article:nth-of-type(2) .img_wrap p { width:100%; padding:0.5rem 0 0 2rem; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.cinema_contents .cinema_step03 { text-align:center; } #container.cinema_contents .cinema_step03 .step_title img { width:100%; margin:3rem 0 0; } #container.cinema_contents .cinema_step03 .step_box01 { padding:5rem 0 0; color:#fff; background-color:#000; } #container.cinema_contents .cinema_step03 .step_box01:nth-of-type(1) article:nth-of-type(1) .img_box { background-image:url(../../images/cinema/cinema_step03_img02.jpg); } #container.cinema_contents .cinema_step03 .step_box01:nth-of-type(2) article:nth-of-type(2) .img_box { background-image:url(../../images/cinema/cinema_step03_img03.jpg); } #container.cinema_contents .cinema_step03 .step_box01 article { width:100%; padding:0 0 0 6%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.cinema_contents .cinema_step03 .step_box01 article .txt_wrap { width:28.2%; float:left; text-align:right; padding:1.25rem 0 0; } #container.cinema_contents .cinema_step03 .step_box01 article .txt_wrap h2 { font-size:3rem; line-height:3.1rem; padding:1.5rem 0 0; } #container.cinema_contents .cinema_step03 .step_box01 article .txt_wrap img { margin:2rem 0 0; width:7.4rem; } #container.cinema_contents .cinema_step03 .step_box01 article .txt_wrap .company_txt { font-size:2rem; } #container.cinema_contents .cinema_step03 .step_box01 article .txt_wrap .txt { font-size:1.1rem; line-height:1.5rem; padding:4rem 0 0; color:#c4c6c8; } #container.cinema_contents .cinema_step03 .step_box01 article .img_wrap { width:68.5%; height:0; padding:0 0 42.5%; float:right; position:relative; } #container.cinema_contents .cinema_step03 .step_box01 article .img_wrap .img_box { width:100%; height:100%; position:absolute; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #container.cinema_contents .cinema_step03 .step_box01 article .img_wrap .img_box .video_wrap ol { position:absolute; width:100%; z-index:2; } #container.cinema_contents .cinema_step03 .step_box01 article .img_wrap .img_box .video_wrap .img_wrap { width:100%; padding:0 0 62%; } #container.cinema_contents .cinema_step03 .step_box01 article .img_wrap ol { padding:2rem 0 0; } #container.cinema_contents .cinema_step03 .step_box01 article .img_wrap li { width:50%; float:left; color:#fff; font-size:2rem; text-align:right; padding:0 2rem 0 0; font-weight:700; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.cinema_contents .cinema_step03 .step_box01 article .img_wrap li:first-child { text-align:left; padding:0 0 0 2rem; } #container.cinema_contents .cinema_step03 .step_box01 article .img_wrap p { position:absolute; top:100%; padding:0.5rem 0 0; font-size:0.8rem; line-height:1.2rem; font-weight:500; text-align:left; color:#c4c6c8; } #container.cinema_contents .cinema_step03 .step_box01 article:nth-of-type(2) { padding:0 6% 0 0; margin:6.5rem 0 0; } #container.cinema_contents .cinema_step03 .step_box01 article:nth-of-type(2) .txt_wrap { float:right; text-align:left; } #container.cinema_contents .cinema_step03 .step_box01 article:nth-of-type(2) .img_wrap { float:left; } #container.cinema_contents .cinema_step03 .step_box01 article:nth-of-type(2) .img_wrap p { width:100%; padding:0.5rem 0 0 2rem; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.cinema_contents .cinema_step04 { background-color:#f4f4f4; margin:3rem 3rem 0; padding:5rem 0 6rem; } #container.cinema_contents .cinema_step04 .step_title h1 { font-size:4.8rem; line-height:4rem; } #container.cinema_contents .cinema_step04 .step_title h1 span { font-weight:300; } #container.cinema_contents .cinema_step04 .step_box01 { padding:4rem 0 0; } #container.cinema_contents .cinema_step04 .step_box01 article { padding:5% 0 21%; margin:6.7% 5% 0 0; background-color:#191919; } #container.cinema_contents .cinema_step04 .step_box01 article img { width:100%; height:100%; } #container.cinema_contents .cinema_step04 .step_box01 article div { float:left; } #container.cinema_contents .cinema_step04 .step_box01 article:first-child { margin:0 5% 0 0; } #container.cinema_contents .cinema_step04 .step_box01 article:nth-of-type(2) { margin:13% 0 0 4.5%; position:relative; } #container.cinema_contents .cinema_step04 .step_box01 article:nth-of-type(2) div { float:right; } #container.cinema_contents .cinema_step04 .step_box01 article:nth-of-type(2) .img_wrap { padding:2.5rem 0 0; } #container.cinema_contents .cinema_step04 .step_box01 article:nth-of-type(2) .img_wrap .img_box02 { position:absolute; top:-35%; left:5%; } #container.cinema_contents .cinema_step04 .step_box01 article:nth-of-type(3) .img_box01 { box-shadow:0 0 20px 5px #b3b3b3; } #container.cinema_contents .cinema_step04 .step_box01 article .img_wrap { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.cinema_contents .cinema_step04 .step_box01 article .img_wrap .img_box01 { width:18.95%; margin:2.25rem 4% 0; } #container.cinema_contents .cinema_step04 .step_box01 article .img_wrap .img_box02 { width:67.9%; box-shadow:5px 5px 65px 15px #1d1d1d; } #container.cinema_contents .cinema_step04 .step_box01 p { padding:13.5rem 4rem 0; line-height:1.2rem; font-size:0.8rem; font-weight:500; text-align:left; } #container.cinema_contents .cinema_step05 { text-align:center; padding:8.75rem 0 0; } #container.cinema_contents .cinema_step05 .talk_txt { font-size:2.3rem; font-weight:700; padding:2.25rem 0 0; color:#010203; } #container.cinema_contents .cinema_step05 .link_box { padding:3.5rem 0 0; } #container.cinema_contents .cinema_step05 .link_box a:after { width:4rem; height:0.85rem; display:inline-block; content:""; background:url(../../images/common/lg_thingQ_logo.png) 0 0 no-repeat; margin:0 0 0 0.75rem; background-size:contain; -webkit-transition:background-image 0.3s ease; -moz-transition:background-image 0.3s ease; -o-transition:background-image 0.3s ease; -ms-transition:background-image 0.3s ease; } #container.cinema_contents .cinema_step05 .link_box a:hover:after, #container.cinema_contents .cinema_step05 .link_box a:focus:after { background-image:url(../../images/common/lg_thingQ_logo_white.png); } #container.cinema_contents .cinema_step05 img { width:100%; margin:3rem 0 0; } #container.cinema_contents .cinema_step05 p.caution { padding:0.75rem 0 0 2rem; text-align:left; font-size:0.8rem; font-weight:500; line-height:1.2rem; color:#1d1e1f; } #container.cinema_contents .cinema_step05 .step_box01 { text-align:center; padding:8.5rem 7.5rem 0; } #container.cinema_contents .cinema_step05 .step_box01 p { font-size:4.7rem; } #container.cinema_contents .cinema_step05 .step_box01 .video_wrap { width:100%; height:0; padding:0 0 56.25%; margin:65px 0 0; } #container.cinema_contents #bottomLineup { margin:9rem 0 0; } #container.cinema_contents #bottomLineup .lineup_wrap { padding:5.5rem 0 0; -moz-box-shadow:0px -35px 40px -50px #000; -webkit-box-shadow:0px -35px 40px -50px #000; box-shadow:0px -35px 40px -50px #000; } /* gaming */ #subVisual.gaming_visual { background-image:url(../../images/gaming/sub_visual.jpg); text-align:center; position:relative; } #subVisual.gaming_visual:before, #subVisual.gaming_visual:after { display:block; content:""; position:absolute; bottom:30px; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; background-repeat:no-repeat; } #container.gaming_contents .gaming_step01 { text-align:center; padding:11.5rem 0 0; } #container.gaming_contents .gaming_step01 .step_title img { width:100%; margin:2.5rem 0 0; } #container.gaming_contents .gaming_step01 .step_title .video_wrap { padding:0 0 51%; margin:3rem 0 0; } #container.gaming_contents .gaming_step01 .step_box01 { height:0; padding:0 0 91%; background-color:#000; margin:0 3rem; position:relative; } #container.gaming_contents .gaming_step01 .step_box01 h2 { color:#fff; text-align:left; font-size:3.75rem; } #container.gaming_contents .gaming_step01 .step_box01 span { display:block; font-size:2.1rem; } #container.gaming_contents .gaming_step01 .step_box01 article { padding:4rem 4rem 0; } #container.gaming_contents .gaming_step01 .step_box01 .video_wrap { width:80%; height:0; padding:0 0 53%; margin:9rem auto 0; position:relative; color:#fff; text-align:center; } #container.gaming_contents .gaming_step01 .step_box01 .video_wrap ol { width:100%; z-index:2; } #container.gaming_contents .gaming_step01 .step_box01 .video_wrap ol li { width:50%; float:left; font-size:1.8rem; } #container.gaming_contents .gaming_step01 .step_box01 .video_wrap .video_box { position:relative; top:40px; } #container.gaming_contents .gaming_step01 .step_box01 .video_wrap .video_box:after { width:10px; height:10px; display:block; content:""; position:absolute; top:0; left:50%; margin:0 0 0 -5px; background-color:#fff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } #container.gaming_contents .gaming_step01 .step_box01 .video_wrap .video_box p { position:absolute; left:50%; top:-183px; margin:0 0 0 180px; } #container.gaming_contents .gaming_step01 .step_box01 .video_wrap .video_box p:after, #container.gaming_contents .gaming_step01 .step_box01 .video_wrap .video_box p:before { position:absolute; display:block; content:""; background-color:#fff; } #container.gaming_contents .gaming_step01 .step_box01 .video_wrap .video_box p:before { width:170px; height:1px; top:10px; left:-180px; } #container.gaming_contents .gaming_step01 .step_box01 .video_wrap .video_box p:after { width:1px; height:175px; top:10px; left:-180px; } #container.gaming_contents .gaming_step01 .step_box01 .video_wrap .video_box video { width:100%; } #container.gaming_contents .gaming_step01 .step_box01 .compare_wrap { width:97%; margin:0 auto; text-align:center; position:relative; top:-3rem; } #container.gaming_contents .gaming_step01 .step_box01 .compare_wrap > p { text-align:left; font-size:0.8rem; padding:1rem 0 0; font-weight:500; color:#626364; } #container.gaming_contents .gaming_step01 .step_box01 .compare_wrap ol li { float:left; width:49.7%; } #container.gaming_contents .gaming_step01 .step_box01 .compare_wrap ol li:nth-of-type(2) { margin:0 0 0 .6%; } #container.gaming_contents .gaming_step01 .step_box01 .compare_wrap ol li strong { color:#fff; font-size:1.2rem; } #container.gaming_contents .gaming_step01 .step_box01 .compare_wrap ol li strong img { width:6.35rem; height:0.85rem; } #container.gaming_contents .gaming_step01 .step_box01 .compare_wrap ol li p { color:#c4c6c8; font-size:1.1rem; padding:1rem 0 0; } #container.gaming_contents .gaming_step01 .step_box01 .compare_wrap .img_box { padding:1.75rem 0 0; } #container.gaming_contents .gaming_step01 .step_box01 .compare_wrap .img_box img { width:100%; } #container.gaming_contents .gaming_step02 { text-align:center; padding:15rem 0 0; } #container.gaming_contents .gaming_step02 .step_title img { width:100%; margin:2.5rem 0 0; } #container.gaming_contents .gaming_step02 .step_box01 { margin:5rem 0 0; } #container.gaming_contents .gaming_step02 .step_box01 article { width:100%; padding:0 0 0 8%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.gaming_contents .gaming_step02 .step_box01 article .txt_wrap { width:28.2%; float:left; text-align:right; padding:1.25rem 0 0; } #container.gaming_contents .gaming_step02 .step_box01 article .txt_wrap .company_txt { font-size:2rem; color:#000; } #container.gaming_contents .gaming_step02 .step_box01 article .txt_wrap h2 { font-size:3rem; line-height:3.1rem; color:#010203; padding:1rem 0 0; } #container.gaming_contents .gaming_step02 .step_box01 article .txt_wrap .txt { color:#1d1e1f; font-size:1.1rem; line-height:1.5rem; padding:3rem 0 0; color:#626364; } #container.gaming_contents .gaming_step02 .step_box01 article .txt_wrap img { margin:3.5rem 0 0; width:6.75rem; } #container.gaming_contents .gaming_step02 .step_box01 article .img_wrap { width:69%; height:0; padding:0 0 42.5%; float:right; position:relative; } #container.gaming_contents .gaming_step02 .step_box01 article .img_wrap .img_box { width:100%; height:100%; background-image:url(../../images/gaming/gaming_step02_img02.jpg); position:absolute;-ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #container.gaming_contents .gaming_step02 .step_box01 article .img_wrap ol { padding:2rem 0 0; } #container.gaming_contents .gaming_step02 .step_box01 article .img_wrap li { width:50%; float:left; color:#fff; font-size:1.6rem; } #container.gaming_contents .gaming_step02 .step_box01 article .img_wrap p { position:absolute; top:100%; padding:0.5rem 0 0; font-size:0.8rem; line-height:1.2rem; font-weight:500; color:#1d1e1f; } #container.gaming_contents .gaming_step02 .step_box01 article:nth-of-type(2) { padding:0 8% 0 0; margin:6.5rem 0 0; } #container.gaming_contents .gaming_step02 .step_box01 article:nth-of-type(2) .txt_wrap { float:right; text-align:left; } #container.gaming_contents .gaming_step02 .step_box01 article:nth-of-type(2) .img_wrap { float:left; } #container.gaming_contents .gaming_step02 .step_box01 article:nth-of-type(2) .img_wrap .img_box { background-image:url(../../images/gaming/gaming_step02_img03.jpg); } #container.gaming_contents .gaming_step02 .step_box01 article:nth-of-type(2) .img_wrap p { width:100%; padding:0.5rem 0 0 2rem; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.gaming_contents .gaming_step03 { text-align:center; padding:10rem 0 0; } #container.gaming_contents .gaming_step03 .step_title img { width:100%; margin:2.5rem 0 0; } #container.gaming_contents .gaming_step03 .step_box01 { padding:5rem 0 6.5rem; color:#fff; background-color:#000; } #container.gaming_contents .gaming_step03 .step_box01 article { width:100%; padding:0 0 0 8%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.gaming_contents .gaming_step03 .step_box01 article .txt_wrap { width:28.2%; float:left; text-align:right; padding:1.25rem 0 0; } #container.gaming_contents .gaming_step03 .step_box01 article .txt_wrap .company_txt { font-size:2rem; } #container.gaming_contents .gaming_step03 .step_box01 article .txt_wrap h2 { font-size:3rem; line-height:3.1rem; padding:1.5rem 0 0; } #container.gaming_contents .gaming_step03 .step_box01 article .txt_wrap .txt { font-size:1.1rem; line-height:1.5rem; padding:4rem 0 0; color:#c4c6c8; } #container.gaming_contents .gaming_step03 .step_box01 article .txt_wrap img { margin:2rem 0 0; } #container.gaming_contents .gaming_step03 .step_box01 article .img_wrap { width:68.5%; height:0; padding:0 0 42.5%; float:right; position:relative; } #container.gaming_contents .gaming_step03 .step_box01 article .img_wrap .img_box { width:100%; height:100%; background-image:url(../../images/gaming/gaming_step03_img02.jpg); position:absolute; text-indent:-9999px; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #container.gaming_contents .gaming_step03 .step_box01 article .img_wrap ol { padding:.5rem 0 0; } #container.gaming_contents .gaming_step03 .step_box01 article .img_wrap li { width:50%; float:left; color:#fff; font-size:1.6rem; } #container.gaming_contents .gaming_step03 .step_box01 article .img_wrap p { position:absolute; top:100%; padding:0.5rem 0 0; line-height:1.2rem; font-size:0.8rem; font-weight:500; text-align:left; color:#c4c6c8; } #container.gaming_contents .gaming_step03 .step_box01 article:nth-of-type(2) { padding:0 8% 0 0; margin:6.5rem 0 0; } #container.gaming_contents .gaming_step03 .step_box01 article:nth-of-type(2) .txt_wrap { float:right; text-align:left; } #container.gaming_contents .gaming_step03 .step_box01 article:nth-of-type(2) .img_wrap { float:left; } #container.gaming_contents .gaming_step03 .step_box01 article:nth-of-type(2) .img_wrap .img_box { background-image:url(../../images/gaming/gaming_step03_img03.jpg); } #container.gaming_contents .gaming_step03 .step_box01 article:nth-of-type(2) .img_wrap ol { text-indent:0; } #container.gaming_contents .gaming_step03 .step_box01 article:nth-of-type(2) .img_wrap p { width:100%; padding:0.5rem 0 0 2rem; text-align:left; text-indent:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.gaming_contents .gaming_step04 { text-align:center; padding:7.5rem 0 0; } #container.gaming_contents .gaming_step04 .talk_txt { font-size:2.3rem; font-weight:700; padding:2.25rem 0 0; color:#010203; } #container.gaming_contents .gaming_step04 .link_box { padding:2rem 0 0; } #container.gaming_contents .gaming_step04 .link_box a:after { width:4rem; height:0.85rem; display:inline-block; content:""; background:url(../../images/common/lg_thingQ_logo.png) 0 0 no-repeat; margin:0 0 0 0.75rem;background-size:contain; -webkit-transition:background-image 0.3s ease; -moz-transition:background-image 0.3s ease; -o-transition:background-image 0.3s ease; -ms-transition:background-image 0.3s ease; } #container.gaming_contents .gaming_step04 .link_box a:hover:after, #container.gaming_contents .gaming_step04 .link_box a:focus:after { background-image:url(../../images/common/lg_thingQ_logo_white.png); } #container.gaming_contents .gaming_step04 img { width:100%; margin:3rem 0 0; } #container.gaming_contents .gaming_step04 p.caution { padding:0.75rem 0 0 2rem; text-align:left; font-size:0.8rem; line-height:1.2rem; font-weight:500; } #container.gaming_contents .gaming_step04 .step_box01 { text-align:center; padding:8rem 7.5rem 0; } #container.gaming_contents .gaming_step04 .step_box01 p { font-size:4.7rem; } #container.gaming_contents .gaming_step04 .step_box01 .video_wrap { width:100%; height:0; padding:0 0 56.25%; margin:65px 0 0; } #container.gaming_contents #bottomLineup { margin:9rem 0 0; } #container.gaming_contents #bottomLineup .lineup_wrap { padding:5.5rem 0 0; -moz-box-shadow:0px -35px 40px -50px #000; -webkit-box-shadow:0px -35px 40px -50px #000; box-shadow:0px -35px 40px -50px #000; } /* sports */ #subVisual.sports_visual { background-image:url(../../images/sports/sub_visual.jpg); text-align:center; } #subVisual.sports_visual:after { width:264px; height:87px; right:10px; display:block; content:""; position:absolute; bottom:20px; background:url(../../images/sports/sports_partner_logo.png) 0 0 no-repeat; } #container.sports_contents .sports_step01 { padding:11.5rem 0 0; } #container.sports_contents .sports_step01 .step_title img { width:100%; margin:2.5rem 0 0; } #container.sports_contents .sports_step01 .step_box01 { height:0; padding:0 0 91%; background-color:#000; margin:0 3rem; position:relative; } #container.sports_contents .sports_step01 .step_box01 h2 { color:#fff; text-align:left; font-size:3.75rem; } #container.sports_contents .sports_step01 .step_box01 span { display:block; font-size:2.1rem; } #container.sports_contents .sports_step01 .step_box01 article { padding:4rem 4rem 0; } #container.sports_contents .sports_step01 .step_box01 .video_wrap { width:80%; height:0; padding:0 0 53%; margin:9rem auto 0; position:relative; color:#fff; text-align:center; } #container.sports_contents .sports_step01 .step_box01 .video_wrap ol { width:100%; z-index:2; } #container.sports_contents .sports_step01 .step_box01 .video_wrap ol li { width:50%; float:left; font-size:1.8rem; } #container.sports_contents .sports_step01 .step_box01 .video_wrap .video_box { position:relative; top:40px; } #container.sports_contents .sports_step01 .step_box01 .video_wrap .video_box:after { width:10px; height:10px; display:block; content:""; position:absolute; top:0; left:50%; margin:0 0 0 -5px; background-color:#fff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } #container.sports_contents .sports_step01 .step_box01 .video_wrap .video_box p { position:absolute; left:50%; top:-183px; margin:0 0 0 180px; } #container.sports_contents .sports_step01 .step_box01 .video_wrap .video_box p:after, #container.sports_contents .sports_step01 .step_box01 .video_wrap .video_box p:before { position:absolute; display:block; content:""; background-color:#fff; } #container.sports_contents .sports_step01 .step_box01 .video_wrap .video_box p:before { width:170px; height:1px; top:10px; left:-180px; } #container.sports_contents .sports_step01 .step_box01 .video_wrap .video_box p:after { width:1px; height:175px; top:10px; left:-180px; } #container.sports_contents .sports_step01 .step_box01 .video_wrap .video_box video { width:100%; } #container.sports_contents .sports_step01 .step_box01 .compare_wrap { width:97%; margin:0 auto; text-align:center; position:relative; top:-3rem; } #container.sports_contents .sports_step01 .step_box01 .compare_wrap > p { text-align:left; font-size:0.8rem; padding:1rem 0 0; font-weight:500; color:#626364; } #container.sports_contents .sports_step01 .step_box01 .compare_wrap ol li { float:left; width:49.7%; } #container.sports_contents .sports_step01 .step_box01 .compare_wrap ol li:nth-of-type(2) { margin:0 0 0 .6%; } #container.sports_contents .sports_step01 .step_box01 .compare_wrap ol li strong { color:#fff; font-size:1.2rem; } #container.sports_contents .sports_step01 .step_box01 .compare_wrap ol li strong img { width:6.35rem; height:0.85rem; } #container.sports_contents .sports_step01 .step_box01 .compare_wrap ol li p { color:#c4c6c8; font-size:1.1rem; padding:1rem 0 0; } #container.sports_contents .sports_step01 .step_box01 .compare_wrap .img_box { padding:1.75rem 0 0; } #container.sports_contents .sports_step01 .step_box01 .compare_wrap .img_box img { width:100%; } #container.sports_contents .sports_step02 { text-align:center; padding:15rem 0 0; } #container.sports_contents .sports_step02 .step_title img { width:100%; margin:2.5rem 0 0; } #container.sports_contents .sports_step02 .step_box01 { margin:3rem 0 0; } #container.sports_contents .sports_step02 .step_box01 article { width:100%; padding:0 8% 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.sports_contents .sports_step02 .step_box01 article .txt_wrap { width:28.2%; float:right; text-align:left; padding:1.25rem 0 0; } #container.sports_contents .sports_step02 .step_box01 article .txt_wrap .company_txt { font-size:2rem; color:#000; } #container.sports_contents .sports_step02 .step_box01 article .txt_wrap h2 { font-size:3rem; line-height:3.1rem; color:#010203; padding:1rem 0 0; } #container.sports_contents .sports_step02 .step_box01 article .txt_wrap .txt { color:#1d1e1f; font-size:1.1rem; line-height:1.5rem; padding:3rem 0 0; } #container.sports_contents .sports_step02 .step_box01 article .txt_wrap img { margin:3.5rem 0 0; width:6.75rem; } #container.sports_contents .sports_step02 .step_box01 article .img_wrap { width:69%; height:0; padding:0 0 42.5%; float:left; position:relative; } #container.sports_contents .sports_step02 .step_box01 article .img_wrap .img_box { width:100%; height:100%; background-image:url(../../images/sports/sports_step02_img02.jpg); position:absolute; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #container.sports_contents .sports_step02 .step_box01 article .img_wrap ol { padding:2rem 0 0; } #container.sports_contents .sports_step02 .step_box01 article .img_wrap li { width:50%; float:left; color:#fff; font-size:1.6rem; } #container.sports_contents .sports_step02 .step_box01 article .img_wrap p { position:absolute; top:100%; padding:0.5rem 0 0; line-height:24px; font-size:16px; font-weight:500; color:#1d1e1f; } #container.sports_contents .sports_step02 .step_box01 article:nth-of-type(2) { padding:0 0 0 8%; margin:5rem 0 0; } #container.sports_contents .sports_step02 .step_box01 article:nth-of-type(2) .txt_wrap { float:left; text-align:right; } #container.sports_contents .sports_step02 .step_box01 article:nth-of-type(2) .img_wrap { float:right; } #container.sports_contents .sports_step02 .step_box01 article:nth-of-type(2) .img_wrap .img_box { background-image:url(../../images/sports/sports_step02_img03.jpg); } #container.sports_contents .sports_step02 .step_box01 article:nth-of-type(2) .img_wrap p { width:100%; padding:0.5rem 0 0 2rem; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.sports_contents .sports_step03 { text-align:center; padding:8.75rem 0 0; } #container.sports_contents .sports_step03 .step_title img { width:100%; margin:3rem 0 0; } #container.sports_contents .sports_step03 .step_box01 { padding:3rem 0 6.5rem; color:#fff; background-color:#000; } #container.sports_contents .sports_step03 .step_box01 article { width:100%; padding:0 5% 0 0; margin:7.5rem 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.sports_contents .sports_step03 .step_box01 article .txt_wrap { width:28.2%; float:right; text-align:left; padding:1.25rem 0 0; } #container.sports_contents .sports_step03 .step_box01 article .txt_wrap h2 { font-size:3rem; line-height:3.1rem; padding:1.5rem 0 0; } #container.sports_contents .sports_step03 .step_box01 article .txt_wrap img { margin:2rem 0 0; } #container.sports_contents .sports_step03 .step_box01 article .txt_wrap .company_txt { font-size:2rem; } #container.sports_contents .sports_step03 .step_box01 article .txt_wrap .txt { font-size:1.15rem; line-height:1.5rem; padding:3.5rem 0 0; color:#c4c6c8; } #container.sports_contents .sports_step03 .step_box01 article .txt_wrap .sub_txt_wrap { margin:2.5rem 0 0; width:25rem; border-top:2px solid #858687; border-bottom:2px solid #858687; padding:1.25rem 0; } #container.sports_contents .sports_step03 .step_box01 article .txt_wrap .sub_txt_wrap h3 { font-size:1.5rem; } #container.sports_contents .sports_step03 .step_box01 article .txt_wrap .sub_txt_wrap ol { width:100%; padding:0.5rem 0 0; } #container.sports_contents .sports_step03 .step_box01 article .txt_wrap .sub_txt_wrap ol:after { display:block; content:""; clear:both; } #container.sports_contents .sports_step03 .step_box01 article .txt_wrap .sub_txt_wrap ol li { width:50%; float:left; } #container.sports_contents .sports_step03 .step_box01 article .txt_wrap .sub_txt_wrap ol li h4 { position:relative; font-size:1rem; line-height:1.5rem; padding:0.5rem 0 0; } #container.sports_contents .sports_step03 .step_box01 article .txt_wrap .sub_txt_wrap ol li h4:after { width:45%; height:1px; background-color:#858687; display:block; position:absolute; content:""; } #container.sports_contents .sports_step03 .step_box01 article .txt_wrap .sub_txt_wrap ol li p { font-size:0.9rem; line-height:1rem; padding:0.5rem 0 0; color:#c4c6c8; } #container.sports_contents .sports_step03 .step_box01 article .img_wrap { width:68.5%; height:0; padding:0 0 42.5%; float:left; position:relative; } #container.sports_contents .sports_step03 .step_box01 article .img_wrap .img_box { width:100%; height:100%; background-image:url(../../images/sports/sports_step03_img02.jpg); position:absolute; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #container.sports_contents .sports_step03 .step_box01 article .img_wrap ol { padding:2rem 0 0; } #container.sports_contents .sports_step03 .step_box01 article .img_wrap li { width:50%; float:left; color:#fff; font-size:1.6rem; } #container.sports_contents .sports_step03 .step_box01 article .img_wrap p { position:absolute; top:100%; padding:0.5rem 0 0 2rem; line-height:24px; font-size:16px; font-weight:500; text-align:left; color:#c4c6c8; } #container.sports_contents .sports_step03 .step_box01 article:first-child { margin:0; } #container.sports_contents .sports_step03 .step_box01 article:nth-of-type(2) { padding:0 0 0 5%; } #container.sports_contents .sports_step03 .step_box01 article:nth-of-type(2) .txt_wrap { float:left; text-align:right; } #container.sports_contents .sports_step03 .step_box01 article:nth-of-type(2) .img_wrap { float:right; } #container.sports_contents .sports_step03 .step_box01 article:nth-of-type(2) .img_wrap .img_box { background-image:url(../../images/sports/sports_step03_img03.jpg); } #container.sports_contents .sports_step03 .step_box01 article:nth-of-type(2) .img_wrap p { width:100%; padding:0.5rem 0 0; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.sports_contents .sports_step03 .step_box01 article:nth-of-type(3) .img_box { background-image:url(../../images/sports/sports_step03_img04.jpg); } #container.sports_contents .sports_step04 { text-align:center; } #container.sports_contents .sports_step04 .talk_txt { font-size:2.3rem; font-weight:700; padding:2.25rem 0 0; color:#010203; } #container.sports_contents .sports_step04 .link_box { padding:2rem 0 0; } #container.sports_contents .sports_step04 .link_box a:after { width:5.75rem; height:0.85rem; display:inline-block; content:""; background:url(../../images/gaming/lg_thingQ_logo.png) 0 0 no-repeat; margin:0 0 0 0.75rem; background-size:contain; -webkit-transition:background-image 0.3s ease; -moz-transition:background-image 0.3s ease; -o-transition:background-image 0.3s ease; -ms-transition:background-image 0.3s ease; } #container.sports_contents .sports_step04 .link_box a:hover:after, #container.sports_contents .sports_step04 .link_box a:focus:after { background-image:url(../../images/gaming/lg_thingQ_logo_white.png); } #container.sports_contents .sports_step04 img { width:100%; margin:3rem 0 0; } #container.sports_contents .sports_step04 p.caution { padding:0.75rem 0 0 2rem; text-align:left; font-size:16px; font-weight:500; line-height:24px; color:#1d1e1f; } #container.sports_contents .sports_step04 .step_box01 { text-align:center; padding:8.5rem 7.5rem 0; } #container.sports_contents .sports_step04 .step_box01 p { font-size:4.7rem; } #container.sports_contents .sports_step04 .step_box01 .video_wrap { width:100%; height:0; padding:0 0 56.25%; margin:65px 0 0; } #container.sports_contents #bottomLineup { margin:9rem 0 0; } #container.sports_contents #bottomLineup .lineup_wrap { padding:5.5rem 0 0; -moz-box-shadow:0px -35px 40px -50px #000; -webkit-box-shadow:0px -35px 40px -50px #000; box-shadow:0px -35px 40px -50px #000; } /* life style */ #subVisual.colors_visual { background-image:url(../../images/colors/sub_visual.jpg); text-align:center; } #subVisual.colors_visual .txt_wrap { width:auto; top:15rem; bottom:0; right:10rem; position:absolute; color:#fff; font-size:4.4rem; letter-spacing:2px; line-height:3rem; } #subVisual.colors_visual .txt_wrap h3 span { width:20.5rem; display:block; margin:0 auto; } #subVisual.colors_visual .txt_wrap h3 span img { width:100%; } #container.colors_contents .colors_step01 { padding:13rem 0 0; } #container.colors_contents .colors_step01 .step_title img { width:100%; } #container.colors_contents .colors_step01 .step_box01 { background-color:#000; margin:0 3rem; position:relative; } #container.colors_contents .colors_step01 .step_box01 h2 { color:#fff; text-align:left; font-size:3.75rem; } #container.colors_contents .colors_step01 .step_box01 span { display:block; font-size:2.1rem; } #container.colors_contents .colors_step01 .step_box01 article { padding:0 4rem 0; } #container.colors_contents .colors_step01 .step_box01 .video_wrap { width:80%; height:0; padding:0 0 53%; margin:9rem auto 0; position:relative; color:#fff; text-align:center; } #container.colors_contents .colors_step01 .step_box01 .video_wrap ol { width:100%; z-index:2; } #container.colors_contents .colors_step01 .step_box01 .video_wrap ol li { width:50%; float:left; font-size:1.8rem; } #container.colors_contents .colors_step01 .step_box01 .video_wrap .video_box { position:relative; top:40px; } #container.colors_contents .colors_step01 .step_box01 .video_wrap .video_box:after { width:10px; height:10px; display:block; content:""; position:absolute; top:40px; left:50%; margin:0 0 0 -5px; background-color:#fff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } #container.colors_contents .colors_step01 .step_box01 .video_wrap .video_box p { position:absolute; left:50%; top:-140px; margin:0 0 0 180px; } #container.colors_contents .colors_step01 .step_box01 .video_wrap .video_box p:after, #container.colors_contents .colors_step01 .step_box01 .video_wrap .video_box p:before { position:absolute; display:block; content:""; background-color:#fff; } #container.colors_contents .colors_step01 .step_box01 .video_wrap .video_box p:before { width:170px; height:1px; top:10px; left:-180px; } #container.colors_contents .colors_step01 .step_box01 .video_wrap .video_box p:after { width:1px; height:175px; top:10px; left:-180px; } #container.colors_contents .colors_step01 .step_box01 .video_wrap .video_box video { width:100%; } #container.colors_contents .colors_step01 .step_box01 .compare_wrap { width:78.85%; margin:0 auto; text-align:center; position:relative; top:-5rem; } #container.colors_contents .colors_step01 .step_box01 .compare_wrap > p { text-align:left; font-size:0.8rem; padding:1rem 0 0; font-weight:500; color:#c4c6c8; } #container.colors_contents .colors_step01 .step_box01 .compare_wrap > p:nth-of-type(1) { color:#fff; font-size:1.1rem; line-height:1.2rem; text-align:center; } #container.colors_contents .colors_step01 .step_box01 .compare_wrap ol li { float:left; width:49.7%; } #container.colors_contents .colors_step01 .step_box01 .compare_wrap ol li:nth-of-type(2) { margin:0 0 0 .6%; } #container.colors_contents .colors_step01 .step_box01 .compare_wrap ol li strong { color:#fff; font-size:1.2rem; } #container.colors_contents .colors_step01 .step_box01 .compare_wrap ol li strong img { width:6.35rem; height:0.85rem; } #container.colors_contents .colors_step01 .step_box01 .compare_wrap ol li p { color:#c4c6c8; font-size:1.1rem; padding:1rem 0 0; } #container.colors_contents .colors_step01 .step_box01 .compare_wrap .img_box { padding:1.75rem 0 0; } #container.colors_contents .colors_step01 .step_box01 .compare_wrap .img_box img { width:100%; } #container.colors_contents .colors_step02 { padding:4rem 0 7.5rem; } #container.colors_contents .colors_step02 .step_title { text-align:center; } #container.colors_contents .colors_step02 .step_title img { width:100%; margin:2.5rem 0 0; } #container.colors_contents .colors_step02 .step_title .caption { padding:20px 0 0 20px; } #container.colors_contents .colors_step02 .step_box01 { padding:7.5rem 120px 0; } #container.colors_contents .colors_step02 .step_box01 > div { float:left; } #container.colors_contents .colors_step02 .step_box01 .img_wrap { width:44.5rem; } #container.colors_contents .colors_step02 .step_box01 .img_wrap img { width:100%; } #container.colors_contents .colors_step02 .step_box01 .txt_wrap { color:#fff; padding:5rem 0 0 8%; } #container.colors_contents .colors_step02 .step_box01 .txt_wrap .company_txt { font-size:2rem; } #container.colors_contents .colors_step02 .step_box01 .txt_wrap h2 { font-size:3rem; padding:1.5rem 0 0; } #container.colors_contents .colors_step02 .step_box01 .txt_wrap .txt { font-size:1.1rem; padding:4rem 0 0; line-height:1.5rem; } #container.colors_contents .colors_step02 .caption { font-size:16px; color:#c4c6c8; padding:7.5rem 0 0 30px; line-height:20px; } #container.colors_contents .colors_step03 { padding:8.5rem 0 0; } #container.colors_contents .colors_step03 .step_title img { width:100%; margin:2.5rem 0 0; } #container.colors_contents .colors_step03 .step_box01 { margin:5rem 0 0; } #container.colors_contents .colors_step03 .step_box01 article { width:100%; padding:5rem 8% 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.colors_contents .colors_step03 .step_box01 article:nth-of-type(1) { padding:0 5% 0 0; } #container.colors_contents .colors_step03 .step_box01 article:nth-of-type(1) .img_wrap .img_box { background-image:url(../../images/colors/8k_step03_img02.jpg); } #container.colors_contents .colors_step03 .step_box01 article:nth-of-type(2) { padding:5rem 0 0 8%; } #container.colors_contents .colors_step03 .step_box01 article:nth-of-type(2) .txt_wrap { float:left; text-align:right; } #container.colors_contents .colors_step03 .step_box01 article:nth-of-type(2) .img_wrap { float:right; } #container.colors_contents .colors_step03 .step_box01 article:nth-of-type(2) .img_wrap .img_box { background-image:url(../../images/colors/8k_step03_img03.jpg); } #container.colors_contents .colors_step03 .step_box01 article:nth-of-type(2) .img_wrap p { width:100%; padding:0.5rem 0 0; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.colors_contents .colors_step03 .step_box01 article:nth-of-type(3) .img_wrap .img_box { background-image:url(../../images/colors/8k_step03_img04.jpg); } #container.colors_contents .colors_step03 .step_box01 article .txt_wrap { width:32%; float:right; text-align:left; padding:1.25rem 0 0; } #container.colors_contents .colors_step03 .step_box01 article .txt_wrap .company_txt { font-size:2rem; color:#000; } #container.colors_contents .colors_step03 .step_box01 article .txt_wrap h2 { font-size:3rem; line-height:3.1rem; color:#010203; padding:1rem 0 0; } #container.colors_contents .colors_step03 .step_box01 article .txt_wrap .txt { color:#626364; font-size:1.1rem; line-height:1.5rem; padding:3rem 0 0; } #container.colors_contents .colors_step03 .step_box01 article .txt_wrap .link_box { padding:4rem 0 0; } #container.colors_contents .colors_step03 .step_box01 article .txt_wrap .link_box a { display:inline-block; padding:0.5rem 2.5rem; font-weight:700; font-size:1.4rem; border-width:1px; border-style:solid; border-color:#535353; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #container.colors_contents .colors_step03 .step_box01 article .txt_wrap .link_box a:hover, #container.colors_contents .colors_step03 .step_box01 article .txt_wrap .link_box a:focus { color:#fff; background-color:#000; border-color:#000; } #container.colors_contents .colors_step03 .step_box01 article .img_wrap { width:65%; height:0; padding:0 0 42.5%; float:left; position:relative; } #container.colors_contents .colors_step03 .step_box01 article .img_wrap .img_box { width:100%; height:100%; position:absolute; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #container.colors_contents .colors_step03 .step_box01 article .img_wrap .img_box .sub_img { width:100%; position:absolute; bottom:-7rem; padding:0 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.colors_contents .colors_step03 .step_box01 article .img_wrap .img_box .sub_img ol { width:100%; padding:2rem 0 0; } #container.colors_contents .colors_step03 .step_box01 article .img_wrap .img_box .sub_img ol li { width:20rem; float:right; } #container.colors_contents .colors_step03 .step_box01 article .img_wrap .img_box .sub_img ol li img { width:100%; } #container.colors_contents .colors_step03 .step_box01 article .img_wrap .img_box .sub_img ol li:first-child { width:18.7rem; float:left; } #container.colors_contents .colors_step03 .step_box01 article .img_wrap ol { padding:2rem 0 0; text-align:center; } #container.colors_contents .colors_step03 .step_box01 article .img_wrap li { width:50%; float:left; color:#fff; font-size:1.6rem; } #container.colors_contents .colors_step03 .step_box01 article .img_wrap p { position:absolute; top:100%; padding:8rem 0 0 20px; line-height:1.2rem; font-size:0.8rem; font-weight:500; color:#626364; text-align:left; } #container.colors_contents .colors_step03 .step_box01 article .txt sup { font-size:.7rem; margin:0 0 0 -1%; } #container.colors_contents .colors_step04 { text-align:center; padding:20rem 0 0; } #container.colors_contents .colors_step04 .step_title img { width:100%; margin:3rem 0 0; } #container.colors_contents .colors_step04 .caption { padding:10px 0 0 30px; } #container.colors_contents .colors_step05 { padding:8.5rem 0 0; } #container.colors_contents .colors_step05 .step_title .caption { text-align:left; padding:10px 0 0 30px; line-height:22px; } #container.colors_contents .colors_step05 .step_box01 { padding:90px 0; background-color:#f4f4f4; text-align:center; margin:75px 0 0; } #container.colors_contents .colors_step05 .step_box01 ol li { float:left; } #container.colors_contents .colors_step05 .step_box01 ol li strong { font-size:1.4rem; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap01 li { position:relative; width:33.333%;} #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap01 li img { padding:0 0 1.5rem; width:100%; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap01 li:before { width:2px; height:100%; background-color:#fff; content:""; display:block; position:absolute; left:0; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap01 li .img_box { margin:0 auto; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap01 li:nth-of-type(1):before { display:none; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap01 li:nth-of-type(1) .img_box { width:22.2%; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap01 li:nth-of-type(2) .img_box { width:33%; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap01 li:nth-of-type(3) .img_box { width:46%; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap02 li { position:relative; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap02 li:before { width:2px; height:100%; position:absolute; left:0; content:""; display:block; background-color:#fff; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap02 li img { width:100%; padding:0 0 1rem; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap02 li .img_box { margin:0 auto; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap02 li:nth-of-type(1) { width:23%; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap02 li:nth-of-type(1):before { display:none; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap02 li:nth-of-type(1) .img_box { width:53%; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap02 li:nth-of-type(2) { width:18%; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap02 li:nth-of-type(2) .img_box { width:37%; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap02 li:nth-of-type(3) { width:16%; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap02 li:nth-of-type(3) .img_box { width:31%; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap02 li:nth-of-type(4) { width:23%; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap02 li:nth-of-type(4) .img_box { width:55%; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap02 li:nth-of-type(5) { width:20%; } #container.colors_contents .colors_step05 .step_box01 ol.awrad_wrap02 li:nth-of-type(5) .img_box { width:55%; } #container.colors_contents #bottomLineup { margin:9rem 0 0; } #container.colors_contents #bottomLineup .lineup_wrap { padding:5.5rem 0 0; -moz-box-shadow:0px -35px 40px -50px #000; -webkit-box-shadow:0px -35px 40px -50px #000; box-shadow:0px -35px 40px -50px #000; } #container.colors_contents .bottom_common.colors_bottom { margin:9rem 0 0; } #container.colors_contents .bottom_common.colors_bottom .step_box01 { padding:4.5rem 0 0; background:url(../../images/colors/8k_bottom.jpg); } #container.colors_contents .bottom_common.colors_bottom .step_box01 h2 { color:#fff; text-align:center; font-size:4.2rem; line-height:3.75rem; } #container.colors_contents .bottom_common.colors_bottom .step_box01 ol { margin:0; padding:2.5rem 0 0; } #container.colors_contents .bottom_common.colors_bottom .step_box01 ol li { width:33%; height:0; padding:0 0 32.9%; float:left; position:relative; margin:0 0 0 .5%; } #container.colors_contents .bottom_common.colors_bottom .step_box01 ol li:nth-of-type(1) { background-image:url(../../images/colors/8k_bottom_img01.jpg); margin:0; } #container.colors_contents .bottom_common.colors_bottom .step_box01 ol li:nth-of-type(2) { background-image:url(../../images/colors/8k_bottom_img02.jpg); } #container.colors_contents .bottom_common.colors_bottom .step_box01 ol li:nth-of-type(3) { background-image:url(../../images/colors/8k_bottom_img03.jpg); } #container.colors_contents .bottom_common.colors_bottom .step_box01 ol li .txt_wrap { top:11rem; } #container.colors_contents .bottom_common.colors_bottom .step_box01 ol li strong { font-size:4.25rem; font-weight:600; } #container.colors_contents .bottom_common.colors_bottom .step_box01 ol li span { display:block; font-weight:400; font-size:3.35rem; } #container.colors_contents .bottom_common.colors_bottom .step_box01 ol li a { margin:0.25rem 0 0; } #container.colors_contents .bottom_common.colors_bottom .step_box02 { margin:1.5rem 0 0; } #container.colors_contents .bottom_common.colors_bottom .step_box02 span { font-weight:300; } /* lineup */ #subVisual.line_visual { background-image:url(../../images/lineup/sub_visual.jpg); text-align:center; } #subVisual.line_visual .txt_wrap { padding:11.5rem 0 0; font-size:3.8rem; background-image:url(../../images/lineup/lineup_logo.png); -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:8.25rem; background-position-y:8.25rem; -webkit-background-size:auto 2.45rem; background-size:auto 2.45rem; background-repeat:no-repeat; } #subVisual.line_visual .txt_wrap h3 { font-size:4.7rem; } #container.lineup_contents #productLine { position:relative; padding:0 170px; } #container.lineup_contents #spec { padding:140px 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.lineup_contents .spec_table {position:relative; } #container.lineup_contents .spec_table > strong { display:block; font-size:34px; padding:30px 0 20px; } #container.lineup_contents .spec_table table { text-align:center; border-top:3px solid black; font-size:1rem; line-height:1.2rem;} #container.lineup_contents .spec_table table:first-child {border-top:0;} #container.lineup_contents .spec_table table.product_table:after, #container.lineup_contents .spec_table table.product_table:before { width:100%; height:100%; display:block; content:""; position:absolute; top:0; background-color:#fff; z-index:-1; } #container.lineup_contents .spec_table table.product_table:after { left:-45px; } #container.lineup_contents .spec_table table.product_table:before { right:-45px; } #container.lineup_contents .spec_table table.top_table tr:first-child th:first-child { padding:25px 0 26px; } #container.lineup_contents .spec_table table.Cinema_table tr:nth-of-type(2) th:first-child { padding:37px 0; position:relative; top:1px; } #container.lineup_contents .spec_table thead th { padding:15px 0 30px; } #container.lineup_contents .spec_table thead h2 { line-height:30px; font-size:1.3rem; display:block; font-weight:700; } #container.lineup_contents .spec_table thead h2.long_txt { line-height:26px; font-size:24px; } #container.lineup_contents .spec_table thead p { color:#626364; font-size:.9rem; line-height:1.3rem; padding:0 0 1rem; } #container.lineup_contents .spec_table thead img {width:100%; padding:10px 0 0; } #container.lineup_contents .spec_table thead .link_wrap {height:100px; padding:20px 10px 0; line-height:38px; font-weight:600; font-size:22px; } #container.lineup_contents .spec_table thead .link_wrap a {width:80%; height:2.1rem; display:inline-block; color:#111315; line-height:2.1rem; font-size:1rem;margin:5px 0 0; border-width:1px; border-style:solid; border-color:#000;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #container.lineup_contents .spec_table thead .link_wrap a:first-child { margin:0; } #container.lineup_contents .spec_table thead .link_wrap a:hover, #container.lineup_contents .spec_table thead .link_wrap a:focus { border-color:#000; background-color:#000; color:#fff; } #container.lineup_contents .spec_table tbody { line-height:22px; position:relative; } #container.lineup_contents .spec_table tbody tr { position:relative; } #container.lineup_contents .spec_table tbody th { padding:25px 0; font-weight:700; display:block; border-bottom:1px solid #d4d4d4; margin-right:32px; font-size:1.1rem; } #container.lineup_contents .spec_table tbody td { padding:15px 0; border-bottom:1px solid #d4d4d4; } #container.lineup_contents .spec_table tbody td em { font-family:"Roboto", sans-serif; } #container.lineup_contents .spec_table tbody td a { position:relative; } #container.lineup_contents .spec_table tbody td a:after { width:100%; height:1px; display:block; content:""; background-color:#595a5a; position:absolute; bottom:0; left:0; -webkit-transition:transform 0.2s ease; -moz-transition:transform 0.2s ease; -o-transition:transform 0.2s ease; -ms-transition:transform 0.2s ease; } #container.lineup_contents .spec_table tbody td a:hover:after, #container.lineup_contents .spec_table tbody td a:focus:after { -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8); transform:scale(0.8); } #container.lineup_contents .spec_table tbody td a.new_size:before { width:27px; height:14px; display:inline-block; content:"NEW"; background-color:#ffe00c; color:#000; font-size:9px; line-height:14px; position:absolute; top:-10px; right:-30px; border:1px solid #d4d4d4; font-weight:600; } #container.lineup_contents .spec_bar { width:calc(100% - 240px); height:4px; position:absolute; left:120px; bottom:0; background-color:#d4d4d4; overflow:hidden; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.lineup_contents .spec_bar.fixed { position:fixed; bottom:93px; } #container.lineup_contents .spec_bar .box { height:4px; background-color:#111315; position:relative; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; opacity:0.8; filter:alpha(opacity=80); -webkit-transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; -ms-transition:opacity 0.3s ease; } #container.lineup_contents .spec_bar .box:hover { opacity:1; filter:alpha(opacity=100); } #container.lineup_contents #bottomLineup { margin:9rem 0 0; } #container.lineup_contents #bottomLineup .lineup_wrap { padding:5.5rem 0 0; -moz-box-shadow:0px -35px 40px -50px #000; -webkit-box-shadow:0px -35px 40px -50px #000; box-shadow:0px -35px 40px -50px #000; } #container.lineup_contents .bottom_common.lineup_bottom { margin:5rem 0 0; } #container.lineup_contents .bottom_common.lineup_bottom .step_box01 h2 { color:#fff; text-align:center; font-size:3.6rem; line-height:3.75rem; } #container.lineup_contents .bottom_common.lineup_bottom .step_box01 ol { margin:0; } #container.lineup_contents .bottom_common.lineup_bottom .step_box01 ol li { width:100%; height:0; padding:0 0 24.5%; margin:.5% 0 0; } #container.lineup_contents .bottom_common.lineup_bottom .step_box01 ol li:nth-of-type(1) { background-image:url(../../images/lineup/bottom_visual01.jpg); margin:0; } #container.lineup_contents .bottom_common.lineup_bottom .step_box01 ol li:nth-of-type(2) { background-image:url(../../images/lineup/bottom_visual02.jpg); } #container.lineup_contents .bottom_common.lineup_bottom .step_box01 ol li:nth-of-type(3) { background-image:url(../../images/lineup/bottom_visual03.jpg); } #container.lineup_contents .bottom_common.lineup_bottom .step_box01 ol li .txt_wrap { top:6rem; } #container.lineup_contents .bottom_common.lineup_bottom .step_box01 ol li strong { font-size:4.25rem; font-weight:600; } #container.lineup_contents .bottom_common.lineup_bottom .step_box01 ol li p { padding:0 0 1.25rem; } #container.lineup_contents .bottom_common.lineup_bottom .step_box01 ol li p span { position:relative; display:inline-block; padding:0 0.75rem; font-size:1.3rem; font-weight:300; line-height:1.4rem; } #container.lineup_contents .bottom_common.lineup_bottom .step_box01 ol li p span:first-child:before { display:none; } #container.lineup_contents .bottom_common.lineup_bottom .step_box01 ol li p span:before { width:1px; height:55%; background-color:#fff; content:""; top:0.35rem; display:block; position:absolute; left:0; } /*#container.lineup_contents .bottom_common.lineup_bottom .step_box01 ol li p span:nth-of-type(4):before { display:none; }*/ #container.lineup_contents .bottom_common.lineup_bottom .step_box01 ol li a { margin:0.25rem 0 0; } #container.lineup_contents .bottom_common.lineup_bottom .step_box02 { margin:1.5rem 0 0; } #container.lineup_contents .bottom_common.lineup_bottom .step_box02 span { font-weight:300; } /* gaming */ #subVisual.ai_think_visual { background-image:url(../../images/ai_think/sub_visual.jpg); text-align:center; position:relative; } #subVisual.ai_think_visual:before, #subVisual.ai_think_visual:after { display:block; content:""; position:absolute; bottom:30px; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; background-repeat:no-repeat; } #container.ai_think_contents .ai_think_step01 { text-align:center; } #container.ai_think_contents .ai_think_step01 .step_box01 { padding:7rem 0 0; text-align:center; position:relative; } #container.ai_think_contents .ai_think_step01 .step_box01.main_top { padding:10rem 0 0; } #container.ai_think_contents .ai_think_step01 .step_box01 .img_wrap { position:relative; } #container.ai_think_contents .ai_think_step01 .step_box01 .img_wrap .speech_bubble { position:absolute; bottom:auto; left:39%; top:20%; padding:1.25rem 1.75rem; background-color:#fff; border-radius:1rem; font-size:1.4rem; font-weight:700; color:#111315; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.1); } #container.ai_think_contents .ai_think_step01 .step_box01 .img_wrap .speech_bubble:after { width:2rem; height:1.5rem; content:""; display:block; position:absolute; bottom:-1.35rem; left:65%; background:url(../../images/ai_think/right_tail.png) 0 0 no-repeat; background-size:contain; } #container.ai_think_contents .ai_think_step01 .step_box01.logo_wrap { padding:7.5rem 0 0; } #container.ai_think_contents .ai_think_step01 .step_box01.logo_wrap .img_wrap { position:relative; } #container.ai_think_contents .ai_think_step01 .step_box01.logo_wrap .img_wrap .img_box { width:820px; position:absolute; top:64%; left:50%; transform:translate(-50%, 0); } #container.ai_think_contents .ai_think_step01 .step_box01.logo_wrap .img_wrap .img_box div.un_icon:first-child img:nth-of-type(1) { padding:2rem 0 0 0; width:11.1rem; } #container.ai_think_contents .ai_think_step01 .step_box01.logo_wrap .img_wrap .img_box div img { width:auto; padding:1.5rem 0 0 0; } #container.ai_think_contents .ai_think_step01 .step_box01.logo_wrap .img_wrap .img_box div img:first-child { padding:1.5rem 1.5rem 0 0; } #container.ai_think_contents .ai_think_step01 .step_box01.logo_wrap .img_wrap .img_box div:nth-of-type(1) img:nth-of-type(1) { width:14.95rem; padding:2rem 1.5rem 0 0; } #container.ai_think_contents .ai_think_step01 .step_box01.logo_wrap .img_wrap .img_box div:nth-of-type(1) img:nth-of-type(2) { width:11.1rem; } #container.ai_think_contents .ai_think_step01 .step_box01.logo_wrap .img_wrap .img_box div:nth-of-type(2) img:nth-of-type(1) { width:11.9rem; } #container.ai_think_contents .ai_think_step01 .step_box01.logo_wrap .img_wrap .img_box div:nth-of-type(2) img:nth-of-type(2) { width:12.55rem; } #container.ai_think_contents .ai_think_step01 .step_box01 h1 { color:#111315; } #container.ai_think_contents .ai_think_step01 .step_box01 h1.first_title { padding:20px 0 0; } #container.ai_think_contents .ai_think_step01 .step_box01 p { font-size:1.1rem; color:#626364; } #container.ai_think_contents .ai_think_step01 .step_box01 p.top_title { font-size:2rem; color:#111315; font-weight:300; } #container.ai_think_contents .ai_think_step01 .step_box01 p.disclaimer { text-align:left; font-size:0.8rem; line-height:1.2rem; padding:0.5rem 0 0 1.5rem; } #container.ai_think_contents .ai_think_step01 .step_box01 p.black_color { color:#626364; } #container.ai_think_contents .ai_think_step01 .step_box01 img { width:100%; padding:2.75rem 0 0; } #container.ai_think_contents .ai_think_step02 .step_box01 article { margin:5rem 0 0; width:100%; padding:0 7% 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.ai_think_contents .ai_think_step02 .step_box01 article .txt_wrap { width:28.2%; float:right; text-align:left; padding:1.25rem 0 0; } #container.ai_think_contents .ai_think_step02 .step_box01 article .txt_wrap .company_txt { font-size:2rem; color:#000; } #container.ai_think_contents .ai_think_step02 .step_box01 article .txt_wrap h2 { font-size:3rem; line-height:3.1rem; color:#010203; padding:1rem 0 0; } #container.ai_think_contents .ai_think_step02 .step_box01 article .txt_wrap .txt { color:#626364; font-size:1.1rem; line-height:1.5rem; padding:3rem 0 0; } #container.ai_think_contents .ai_think_step02 .step_box01 article .txt_wrap img { margin:3.5rem 0 0; width:6.75rem; } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap { width:69%; height:0; padding:0 0 42%; float:left; position:relative; } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box { width:100%; height:100%; position:absolute; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box .speech_bubble_google { position:absolute; bottom:auto; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.1); padding:1.25rem 1.75rem; background-color:#f1f3f4; border-radius:2rem; font-size:1.5rem; font-weight:500; color:#5d6368; top:27rem; left:3rem; font-family:"Roboto", sans-serif; } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box .speech_bubble_google:after { width:2.45rem; height:5rem; content:""; display:block; position:absolute; right:0; top:-3.3rem; background:url(../../images/ai_think/right_tail_02.png) 0 0 no-repeat; background-size:contain; } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box .speech_bubble { position:absolute; bottom:auto; left:45%; top:20%; padding:1.25rem 1.75rem; background-color:#fff; border-radius:1rem; font-size:1.4rem; font-weight:700; color:#111315; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.1); } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box .speech_bubble:after { width:2rem; height:1.5rem; content:""; display:block; position:absolute; bottom:-1.35rem; background:url(../../images/ai_think/right_tail.png) 0 0 no-repeat; background-size:contain; } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box .bubble_wrap { position:absolute; left:10%; top:20%; } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box .bubble_wrap .three_bubble { position:static; width:max-content; padding:1.35rem 1.5rem; background-color:#fff; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.1); border-radius:1rem; font-size:1.4rem; font-weight:700; color:#111315; margin:1.75rem 0 0; } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box .bubble_wrap .three_bubble:first-child { margin:0; } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box .bubble_wrap .three_bubble span { position:relative; padding:0; display:inline; } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box .bubble_wrap .three_bubble span:after { width:2rem; height:1.5rem; content:""; display:block; position:absolute; left:3%; bottom:-2.5rem; background:url(../../images/ai_think/left_tail.png) 0 0 no-repeat; background-size:contain; } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box.img_box01 { background-image:url(../../images/ai_think/ai_think_step02_img01.jpg); } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box.img_box02 { background-image:url(../../images/ai_think/ai_think_step02_img02.jpg); } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box.img_box02 .speech_bubble:after { background:url(../../images/ai_think/left_tail.png) 0 0 no-repeat; left:50%; background-size:contain; } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box.img_box03 { background-image:url(../../images/ai_think/ai_think_step02_img03.jpg); } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box.img_box04 { background-image:url(../../images/ai_think/ai_think_step02_img04.jpg); } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box.img_box05 { background-image:url(../../images/ai_think/ai_think_step02_img05.jpg); } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box.img_box05 .speech_bubble:after { left:45%; } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box.img_box06 { background-image:url(../../images/ai_think/ai_think_step02_img06.jpg); } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box.img_box07 { background-image:url(../../images/ai_think/ai_think_step02_img07.jpg); } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box.img_box08 { background-image:url(../../images/ai_think/ai_think_step02_img08.jpg); } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box.img_box08 .speech_bubble { left:27%; top:51%; } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box.img_box08 .speech_bubble:after { left:80%; } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap .img_box.img_box09 { background-image:url(../../images/ai_think/ai_think_step02_img09.jpg); } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap ol { padding:2rem 0 0; } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap li { width:50%; float:left; color:#fff; font-size:1.6rem; } #container.ai_think_contents .ai_think_step02 .step_box01 article .img_wrap p { position:absolute; top:100%; padding:0.5rem 0 0; font-size:0.8rem; line-height:1.2rem; font-weight:500; color:#626364; } #container.ai_think_contents .ai_think_step02 .step_box01 article:nth-of-type(1) .img_wrap .disclaimer { padding:0.5rem 0 0 1.5rem; } #container.ai_think_contents .ai_think_step02 .step_box01 article:nth-of-type(1) .img_wrap .disclaimer { padding:0.5rem 0 0 1.5rem; } #container.ai_think_contents .ai_think_step02 .step_box01 article:nth-of-type(2) { padding:0 0 0 7%; } #container.ai_think_contents .ai_think_step02 .step_box01 article:nth-of-type(2) .txt_wrap { float:left; text-align:right; } #container.ai_think_contents .ai_think_step02 .step_box01 article:nth-of-type(2) .img_wrap { float:right; } #container.ai_think_contents .ai_think_step02 .step_box01 article:nth-of-type(2) .img_wrap p { width:100%; padding:0.5rem 0 0; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #container.ai_think_contents #bottomLineup { margin:9rem 0 0; } #container.ai_think_contents #bottomLineup .lineup_wrap { padding:5.5rem 0 0; -moz-box-shadow:0px -35px 40px -50px #000; -webkit-box-shadow:0px -35px 40px -50px #000; box-shadow:0px -35px 40px -50px #000; } #container.ai_think_contents .bottom_common .step_box01 ol { margin:0 3rem 7rem; } /* ai_think_TA */ #container.ai_think_TA_contents .ai_think_step01 .step_box01.logo_wrap .img_wrap .img_box div:nth-of-type(1) img:nth-of-type(1) { padding:2rem 0 0 0; width:11.1rem; } /* ai_think_ATA */ #container.ai_think_ATA_contents .ai_think_step01 .step_box01.logo_wrap .img_wrap .img_box div:nth-of-type(1) img:nth-of-type(1) { width:11.1rem; padding:2rem 0 0 0; } /* ai_think_GTA */ #container.ai_think_GTA_contents .ai_think_step01 .step_box01.logo_wrap .img_wrap .img_box div:nth-of-type(1) img:nth-of-type(1) { width:14.95rem;padding:2rem 1.5rem 0 0; } /* common css */ input[type=text], textarea, select { outline:none; -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -o-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; } input[type=text]:focus, textarea:focus, select:focus { border-color:#626364 !important; } ::selection { background:#626364; color:#fff; text-shadow:none; } ::-moz-selection { background:#626364; color:#fff; text-shadow:none; } img { vertical-align:top; image-rendering:-webkit-optimize-contrast; } caption { width:1px; height:1px; overflow:hidden; margin:-1px; } .dimmed { width:100%; height:100%; position:fixed; background-color:#000; display:none; top:0; left:0; opacity:0; filter:alpha(opacity=0); } .hidden-txt, legend { width:0; height:0; overflow:hidden; display:inline-block; text-indent:-9999px; line-height:1px; position:absolute; } #wrap { position:relative; padding:0; } #subVisual { height:34rem; position:relative; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:0; background-position-y:0; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } #subVisual .txt_wrap { width:100%; position:absolute; bottom:3.5rem; color:#fff; font-size:4.7rem; letter-spacing:2px; line-height:4rem; } #subVisual .txt_wrap span { font-weight:300; } #discoverBtn { padding:40px 0 0; position:absolute; z-index:9; bottom:-85px; left:50%; color:#fff; text-shadow:0 0 15px #000; font-size:16px; font-weight:600; letter-spacing:3px; -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0); } #discoverBtn:hover:before, #discoverBtn:focus:before { -webkit-transform:translate(0, 15px); -moz-transform:translate(0, 15px); -ms-transform:translate(0, 15px); -o-transform:translate(0, 15px); transform:translate(0, 15px); } #discoverBtn:hover:after, #discoverBtn:focus:after { -webkit-transform:translate(0, 5px); -moz-transform:translate(0, 5px); -ms-transform:translate(0, 5px); -o-transform:translate(0, 5px); transform:translate(0, 5px); } #discoverBtn:before, #discoverBtn:after { display:block; content:""; position:absolute; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #discoverBtn:before { width:2px; height:0; background-color:#fff; top:-45px; left:50%; margin:0 0 0 -1px; opacity:0; filter:alpha(opacity=0); -webkit-animation:discoverBar 2s ease infinite; -moz-animation:discoverBar 2s ease infinite; animation:discoverBar 2s ease infinite; } #discoverBtn:after { width:16px; height:28px; background-image:url(../../images/common/scroll_icon.png); top:0; left:50%; margin:0 0 0 -8px; -ms-background-position-x:0; background-position-x:0; -ms-background-position-y:0; background-position-y:0; background-repeat:no-repeat; } #discoverBtn.gray_scroll { color:#626364; text-shadow:none; } #discoverBtn.gray_scroll:before { background-color:#626364; } #discoverBtn.gray_scroll:after { background-image:url(../../images/common/scroll_icon_gray.png); } @-webkit-keyframes discoverBar { from { height:0; } to { height:30px; opacity:1; filter:alpha(opacity=100); } } @-moz-keyframes discoverBar { from { height:0; } to { height:30px; opacity:1; filter:alpha(opacity=100); } } @-o-keyframes discoverBar { from { height:0; } to { height:30px; opacity:1; filter:alpha(opacity=100); } } @keyframes discoverBar { from { height:0; } to { height:30px; opacity:1; filter:alpha(opacity=100); } } .step_title { text-align:center; } .step_title h1 { font-size:4.8rem; line-height:4rem; } .step_title h1 span { font-weight:300; } .step_title p { font-size:1.1rem; line-height:1.5rem; font-weight:500; color:#626364; padding:.7rem 0 0; } .step_title p span { display:block; padding:0.5rem 0 0; } .step_title .caption { text-align:left; font-size:16px; } .step_title .link_box { padding:1.5rem 0 0; } .step_title .link_box a { display:inline-block; padding:0.5rem 2.5rem; font-weight:700; font-size:1.4rem; border-width:1px; border-style:solid; border-color:#535353; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } .step_title .link_box a:hover, .step_title .link_box a:focus { color:#fff; background-color:#000; border-color:#000; } .black_thema { background-color:#000; } .black_thema .step_title h1 { color:#fff; } .black_thema .step_title p { color:#c4c6c8; } .black_thema .step_title .caption { color:#c4c6c8; } .bottom_common { margin:9rem 0 0; } .bottom_common ol { margin:0 3rem; } .bottom_common li { width:49.77%; height:0; padding:0 0 36%; float:right; background-image:url(../../images/gaming/gaming_step05_img02.jpg); position:relative; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } .bottom_common li:first-child { float:left; background-image:url(../../images/gaming/gaming_step05_img01.jpg); } .bottom_common .step_box02 { position:relative; margin:3rem 0 0; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } .bottom_common .step_box02 .img_wrap img { width:100%; } .bottom_common .step_box02 .txt_wrap { bottom:2.75rem; } .bottom_common .step_box02 .txt_wrap a { margin:1rem 0 0; } .bottom_common .txt_wrap { width:100%; position:absolute; color:#fff; text-align:center; bottom:2rem; } .bottom_common strong { font-size:3.6rem; display:block; padding:0 0 0.5rem; } .bottom_common a { height:2.1rem; display:inline-block; padding:0 1.25rem; font-size:1.1rem; font-weight:700; color:#fff; line-height:1.9rem; -webkit-border-radius:1.9rem; -moz-border-radius:1.9rem; border-radius:1.9rem; border-width:1px; border-style:solid; border-color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } .bottom_common a:hover, .bottom_common a:focus { background-color:#fff; color:#111315; } .small_step_tit { font-size:3rem; } .small_step_tit strong { display:block; } .small_step_txt { font-size:22px; line-height:30px; font-weight:500; padding:1.5rem 0 0; } .small_step_txt span { display:block; padding:10px 0 0; } .video_wrap { height:100%; position:relative; } .video_wrap .yt_player, .video_wrap .img_wrap { width:100%; height:100%; position:absolute; top:0; left:0; -ms-background-position-x:50%; background-position-x:50%; -ms-background-position-y:50%; background-position-y:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; } .yt_play_btn { width:104px; height:104px; position:absolute; top:50%; left:50%; text-indent:-9999px; border-width:2px; border-style:solid; border-color:#fff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } .yt_play_btn:hover, .yt_play_btn:focus { background-color:#fff; } .yt_play_btn:hover:after, .yt_play_btn:focus:after { border-left-color:#000; } .yt_play_btn:after { width:0; height:0; display:block; content:""; border-left-style:solid; border-left-width:23px; border-left-color:#fff; border-top:14px solid transparent; border-bottom:14px solid transparent; position:absolute; top:38px; left:44px; } #bottomLineup { padding:0 120px; text-align:center; } #bottomLineup .lineup_wrap { max-width:1480px; margin:0 auto; } #bottomLineup h1 { font-size:65px; } #bottomLineup table { text-align:center; margin:4rem 0 0; } #bottomLineup table thead th { padding:0 0 3rem; } #bottomLineup table thead .img_wrap { height:7.4rem; } #bottomLineup table thead .img_wrap img { width:85%; } #bottomLineup table thead .txt_wrap h2 { font-size:24px; } #bottomLineup table thead .txt_wrap p { font-size:18px; padding:5px 0 0; } #bottomLineup table thead .link_wrap {height:50px; padding:1.5rem 0.5rem 0; line-height:38px; font-weight:600; font-size:22px; } #bottomLineup table thead .link_wrap a { width:90%; height:42px; font-size:15px; display:inline-block; color:#111315; margin:4px 0 0; border-width:1px; border-style:solid; border-color:#c4c6c8; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #bottomLineup table thead .link_wrap a:first-child { margin:0; } #bottomLineup table thead .link_wrap a:hover, #bottomLineup table thead .link_wrap a:focus { border-color:#000; background-color:#000; color:#fff; } #bottomLineup table tbody { font-size:16px; line-height:18px; border-bottom:1px solid #d4d4d4; } #bottomLineup table tbody tr { position:relative; } #bottomLineup table tbody tr:nth-of-type(odd) th { background-color:#eceef0; } #bottomLineup table tbody tr:nth-of-type(odd) td { background-color:#eceef0; } #bottomLineup table tbody tr:first-child td { font-weight:700; } #bottomLineup table tbody th { padding:1rem 0; } #bottomLineup table tbody td { padding:1rem 0; border-left:1px solid #d4d4d4; color:#626364; } #bottomLineup table tbody td em { font-family:"Roboto", sans-serif; font-weight:500; } #bottomLineup table tbody td span { position:relative; } #bottomLineup table tbody td span.new_size:before { width:27px; height:14px; display:inline-block; content:"NEW"; background-color:#ffe00c; color:#000; font-size:9px; line-height:14px; position:absolute; top:-10px; right:-30px; border:1px solid #d4d4d4; font-weight:600; } .monitor_compare .compare_wrap { height:0; padding:0 0 56.75%; background-image:url(../../images/gaming/compare_monitor01.jpg); position:relative; color:#fff; -ms-background-position-x:0; background-position-x:0; -ms-background-position-y:0; background-position-y:0; background-repeat:no-repeat; } .monitor_compare .compare_box { width:calc(100% - 22px); height:96.43%; position:absolute; top:1.18%; left:11px; z-index:1; overflow:hidden; -ms-background-position-x:0; background-position-x:0; -ms-background-position-y:50%; background-position-y:50%; background-repeat:no-repeat; } .monitor_compare .lcd_screen { width:calc(50% + 64px); height:100%; position:relative; overflow:hidden; } .monitor_compare .lcd_screen:after { width:1px; height:100%; display:block; content:""; position:absolute; right:64px; top:0; background:url(../../images/gaming/compare_line.png) 0 0 repeat-y; } .monitor_compare .lcd_screen .img_wrap { width:calc(100% - 64px); height:100%; overflow:hidden; position:relative; -ms-background-position-x:0; background-position-x:0; -ms-background-position-y:50%; background-position-y:50%; background-repeat:no-repeat; } .monitor_compare .oled_txt, .monitor_compare .lcd_txt { position:absolute; top:30px; font-size:34px; } .monitor_compare .oled_txt strong, .monitor_compare .lcd_txt strong { display:block; white-space:nowrap; font-size:42px; } .monitor_compare .oled_txt { right:40px; } .monitor_compare .lcd_txt { left:40px; } .monitor_compare .moving_btn { width:62px; height:62px; background-color:#fff; position:absolute; right:33px; top:50%; margin:-31px 0 0; z-index:2; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition:background-color 0.3s ease; -moz-transition:background-color 0.3s ease; -o-transition:background-color 0.3s ease; -ms-transition:background-color 0.3s ease; } .monitor_compare .moving_btn:hover { background-color:#000; } .monitor_compare .moving_btn:hover:after { border-color:#111315; } .monitor_compare .moving_btn:hover .btn_dot { background-color:#fff; } .monitor_compare .moving_btn:hover .btn_dot:before, .monitor_compare .moving_btn:hover .btn_dot:after { background-color:#fff; } .monitor_compare .moving_btn:after { width:80px; height:80px; display:block; content:""; position:absolute; top:-9px; left:-9px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border-width:3px; border-style:solid; border-color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:border-color 0.3s ease; -moz-transition:border-color 0.3s ease; -o-transition:border-color 0.3s ease; -ms-transition:border-color 0.3s ease; } .monitor_compare .moving_btn .btn_dot { width:4px; height:16px; display:block; position:absolute; top:50%; left:50%; background-color:#111315; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } .monitor_compare .moving_btn .btn_dot:before, .monitor_compare .moving_btn .btn_dot:after { width:4px; height:100%; display:block; content:""; position:absolute; top:0; background-color:#111315; -webkit-transition:background-color 0.3s ease; -moz-transition:background-color 0.3s ease; -o-transition:background-color 0.3s ease; -ms-transition:background-color 0.3s ease; } .monitor_compare .moving_btn .btn_dot:before { left:8px; } .monitor_compare .moving_btn .btn_dot:after { left:-8px; } .monitor_compare .moving_btn .btn_arrow { width:122px; position:absolute; top:50%; left:50%; margin:-6px 0 0 -61px; } .monitor_compare .moving_btn .btn_arrow:before, .monitor_compare .moving_btn .btn_arrow:after { width:11px; height:11px; display:block; content:""; border-left:2px solid #fff; border-bottom:2px solid #fff; position:absolute; top:0; } .monitor_compare .moving_btn .btn_arrow:before { left:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } .monitor_compare .moving_btn .btn_arrow:after { right:0; -webkit-transform:rotate(225deg); -moz-transform:rotate(225deg); -ms-transform:rotate(225deg); -o-transform:rotate(225deg); transform:rotate(225deg); } #modalPopup { width:100%; height:100%; position:fixed; background-color:rgba(0, 0, 0, 0.8); z-index:150; overflow-y:auto; top:0; left:0; display:none; opacity:0; filter:alpha(opacity=0); } #modalPopup .popup_container { width:700px; background-color:#fff; position:relative; left:50%; top:50%; margin:-355px 0 0 -350px; } #modalPopup .popup_container .popup_close { width:35px; height:35px; position:absolute; top:0; right:-50px; text-indent:-9999px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } #modalPopup .popup_container .popup_close:before, #modalPopup .popup_container .popup_close:after { width:51px; height:1px; display:block; content:""; background-color:#fff; position:absolute; left:-7px; } #modalPopup .popup_container .popup_close:before { top:17px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } #modalPopup .popup_container .popup_close:after { bottom:17px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } #modalPopup .popup_container .popup_close:hover, #modalPopup .popup_container .popup_close:focus { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); } .js-scr-box { -webkit-transform:translate(0, 50px); -moz-transform:translate(0, 50px); -ms-transform:translate(0, 50px); -o-transform:translate(0, 50px); transform:translate(0, 50px); opacity:0; filter:alpha(opacity=0); } /*# sourceMappingURL=../map/common.css.map */ /* no disney */ #container.cinema_contents_no_disney .cinema_step04 .step_box01 article:first-child { display:none; } #container.cinema_contents_no_disney .cinema_step04 .step_box01 article:nth-of-type(2) { margin:13% 0 0 4.5%; position:relative; } #container.cinema_contents_apple .cinema_step04 .step_box01 article:first-child { display:none; } #container.cinema_contents_apple .cinema_step04 .step_box01 article:nth-of-type(2) { display:none; } #container.cinema_contents_apple .cinema_step04 .step_box01 article { margin:0 5% 0 0; } .cookie_open #cookieAllPc {display:block;} .cookie_open #wrap {padding:50px 0 3.6rem;} .cookie_open #header {top:50px;} .cookie_open #wrap { padding:50px 0 3.6rem; } .cookie_open #wrap.main_footer_none { padding:50px 0 0; }