@charset "UTF-8"; /** * TABLET CSS * * @version 0.01 2012-06-27 * @copyright All Rights Reserved, Copyright (C) CASIO COMPUTER CO., LTD * @link http://casio.jp/ * */ /* ---------------------------------------------------------------------- SUPER CLASS ----------------------------------------------------------------------*/ .clearfix:before, .tab .tabNavigation:before, .carousel ul:before, .model:before, .col:before, .colGroup:before, .colHeader:before, .col2:before, .col3:before, .col4:before, #header:before, #header #globalNav:before, #header #primalyNav:before, #header #localNav:before, #footer #fnPage:before, #footer #fnSitemap:before, #footer #fnOther:before, #home #contents .newsCol .inr p:before, #home #contents .productsCol:before, #home #contents .banner02 ul:before, #home #contents .banner02 ul li.i01:before, #home #contents .infoCol:before, #home #contents .gworldCol:before, #home #contents .linkCol:before, #home #contents .linkCol ul:before, #home #contents .linkCol a:before, #home #main #mainSkyCockpit .crbtns:before, #home #main #mainSkyCockpit .crbtns .crbtn02 p:before, #home #main #mainBLEv2 .crbtns:before, #home #main #mainBLEv2 .crbtns .crbtn02 p:before, #home #main #mainGW-9400 .crbtns:before, #home .mv_txt ul.btns:before, #products .pager:before, #products #search:before, #products #search .col-in:before, #products.index .search ul:before, #products.index .col:before, #products.index .col2:before, #products.index .col3:before, #products.gulfmaster.concept #contents .colGroup .colContents .col ul.col3:before, #products.mt-g.concept #contents .colGroup .colContents .col ul.col3:before, #products.rangeman.concept #contents .colGroup .colContents .col ul.col3:before, #products.frogman.concept #contents .colGroup .colContents .col ul.col3:before, #products.mudman.concept #contents .colGroup .colContents .col ul.col3:before, #products.gulfman.concept #contents .colGroup .colContents .col ul.col3:before, #products.master_of_g .col3:before, #products.master_of_g .col2:before, #products.finder .pageTitle .searchNav:before, #products.a-search #contents .pageTitle:before, #products.a-search #search .other ul:before, #products.newproducts #contents .pageTitle:before, #products.detail #contents #productData:before, #products.detail #contents #otherList ul:before, #identity.index #contents .history dl:before, #identity.index #contents .technology .technologyTitle:before, #identity.history #contents .pageTitle:before, #identity.technology #contents article .col-in:before, #shop .btn_back:before, #shop #contents article .news_wrap .news dl:before, #shop #contents article .hdr:before, #shop #contents article .col .col-in .col2 .col2-in:before, #info #contents dl:before, #mobile.index .mobile dl:before, #mobile.detail #contents:before, #mobile.detail #contents #content .col .col-in:before, #mobile.detail #contents #content .tab #content1 ul:before, #mobile.detail #contents #content .tab #content2 .section:before, #mobile.detail #contents #content .tab #content3 ul:before, #mobile.widget #contents:before, #mobile.widget #contents #content .tab #content1 .section:before, #mobile.widget #contents #content .tab #content2 .section:before, #mobile.widget #contents #content .tab #content3 .section:before, .watch_history .h_list:before, .clearfix:after, .tab .tabNavigation:after, .carousel ul:after, .model:after, .col:after, .colGroup:after, .colHeader:after, .col2:after, .col3:after, .col4:after, #header:after, #header #globalNav:after, #header #primalyNav:after, #header #localNav:after, #footer #fnPage:after, #footer #fnSitemap:after, #footer #fnOther:after, #home #contents .newsCol .inr p:after, #home #contents .productsCol:after, #home #contents .banner02 ul:after, #home #contents .banner02 ul li.i01:after, #home #contents .infoCol:after, #home #contents .gworldCol:after, #home #contents .linkCol:after, #home #contents .linkCol ul:after, #home #contents .linkCol a:after, #home #main #mainSkyCockpit .crbtns:after, #home #main #mainSkyCockpit .crbtns .crbtn02 p:after, #home #main #mainBLEv2 .crbtns:after, #home #main #mainBLEv2 .crbtns .crbtn02 p:after, #home #main #mainGW-9400 .crbtns:after, #home .mv_txt ul.btns:after, #products .pager:after, #products #search:after, #products #search .col-in:after, #products.index .search ul:after, #products.index .col:after, #products.index .col2:after, #products.index .col3:after, #products.gulfmaster.concept #contents .colGroup .colContents .col ul.col3:after, #products.mt-g.concept #contents .colGroup .colContents .col ul.col3:after, #products.rangeman.concept #contents .colGroup .colContents .col ul.col3:after, #products.frogman.concept #contents .colGroup .colContents .col ul.col3:after, #products.mudman.concept #contents .colGroup .colContents .col ul.col3:after, #products.gulfman.concept #contents .colGroup .colContents .col ul.col3:after, #products.master_of_g .col3:after, #products.master_of_g .col2:after, #products.finder .pageTitle .searchNav:after, #products.a-search #contents .pageTitle:after, #products.a-search #search .other ul:after, #products.newproducts #contents .pageTitle:after, #products.detail #contents #productData:after, #products.detail #contents #otherList ul:after, #identity.index #contents .history dl:after, #identity.index #contents .technology .technologyTitle:after, #identity.history #contents .pageTitle:after, #identity.technology #contents article .col-in:after, #shop .btn_back:after, #shop #contents article .news_wrap .news dl:after, #shop #contents article .hdr:after, #shop #contents article .col .col-in .col2 .col2-in:after, #info #contents dl:after, #mobile.index .mobile dl:after, #mobile.detail #contents:after, #mobile.detail #contents #content .col .col-in:after, #mobile.detail #contents #content .tab #content1 ul:after, #mobile.detail #contents #content .tab #content2 .section:after, #mobile.detail #contents #content .tab #content3 ul:after, #mobile.widget #contents:after, #mobile.widget #contents #content .tab #content1 .section:after, #mobile.widget #contents #content .tab #content2 .section:after, #mobile.widget #contents #content .tab #content3 .section:after, .watch_history .h_list:after { content: ""; display: block; overflow: hidden; } .clearfix:after, .tab .tabNavigation:after, .carousel ul:after, .model:after, .col:after, .colGroup:after, .colHeader:after, .col2:after, .col3:after, .col4:after, #header:after, #header #globalNav:after, #header #primalyNav:after, #header #localNav:after, #footer #fnPage:after, #footer #fnSitemap:after, #footer #fnOther:after, #home #contents .newsCol .inr p:after, #home #contents .productsCol:after, #home #contents .banner02 ul:after, #home #contents .banner02 ul li.i01:after, #home #contents .infoCol:after, #home #contents .gworldCol:after, #home #contents .linkCol:after, #home #contents .linkCol ul:after, #home #contents .linkCol a:after, #home #main #mainSkyCockpit .crbtns:after, #home #main #mainSkyCockpit .crbtns .crbtn02 p:after, #home #main #mainBLEv2 .crbtns:after, #home #main #mainBLEv2 .crbtns .crbtn02 p:after, #home #main #mainGW-9400 .crbtns:after, #home .mv_txt ul.btns:after, #products .pager:after, #products #search:after, #products #search .col-in:after, #products.index .search ul:after, #products.index .col:after, #products.index .col2:after, #products.index .col3:after, #products.gulfmaster.concept #contents .colGroup .colContents .col ul.col3:after, #products.mt-g.concept #contents .colGroup .colContents .col ul.col3:after, #products.rangeman.concept #contents .colGroup .colContents .col ul.col3:after, #products.frogman.concept #contents .colGroup .colContents .col ul.col3:after, #products.mudman.concept #contents .colGroup .colContents .col ul.col3:after, #products.gulfman.concept #contents .colGroup .colContents .col ul.col3:after, #products.master_of_g .col3:after, #products.master_of_g .col2:after, #products.finder .pageTitle .searchNav:after, #products.a-search #contents .pageTitle:after, #products.a-search #search .other ul:after, #products.newproducts #contents .pageTitle:after, #products.detail #contents #productData:after, #products.detail #contents #otherList ul:after, #identity.index #contents .history dl:after, #identity.index #contents .technology .technologyTitle:after, #identity.history #contents .pageTitle:after, #identity.technology #contents article .col-in:after, #shop .btn_back:after, #shop #contents article .news_wrap .news dl:after, #shop #contents article .hdr:after, #shop #contents article .col .col-in .col2 .col2-in:after, #info #contents dl:after, #mobile.index .mobile dl:after, #mobile.detail #contents:after, #mobile.detail #contents #content .col .col-in:after, #mobile.detail #contents #content .tab #content1 ul:after, #mobile.detail #contents #content .tab #content2 .section:after, #mobile.detail #contents #content .tab #content3 ul:after, #mobile.widget #contents:after, #mobile.widget #contents #content .tab #content1 .section:after, #mobile.widget #contents #content .tab #content2 .section:after, #mobile.widget #contents #content .tab #content3 .section:after, .watch_history .h_list:after { clear: both; } .en-font, .pageTitle h1, .fav, #home #contents h2, #home #contents .newsCol .inr p .newsTag, #home #contents .newProducts .tl a .more, #home #contents .newProducts .counter, #home #contents .newProducts .date, #home #contents .newProducts h3, #home #contents .linkCol .recCol ul li.i01 a h3, #home #contents .linkCol .recCol ul li.i04 a h3, #home #main h1, #home #main h2, #home #main h3, #home #main p, #products.index .search a .lrg, #products.index h2.tl .lrg, #products.index .indexCol_movie .col-in a .txt .caption, #products.index .indexCol_movie .indexCol_movie_txt .caption, #products.index .indexCol .col-in .lineup h3.tl, #products.index .indexCol .col-in .lineup .photo .prd_info h4.prd_name, #products.index .col .indexCol .lineup .prd_info h4.prd_name, #products.index .col2-s .indexCol .col-in .lineup .prd_info h4.prd_name, #products.concept .colGroup .en, #products.color.lineup #page .productTitle h1, #products.limited.lineup #page .productTitle h1, #products.master_of_g .indexCol .lineup h3.tl, #products.master_of_g .indexCol .lineup .photo .prd_info h4.prd_name, #products.master_of_g .col2 .indexCol .lineup .prd_info h4.prd_name, #identity.index #contents .history dl dt, #identity.index #contents .history h2, #identity.index #contents .technology .technologyTitle h1, #identity.index #contents .technology .more h1, #identity.history #contents .pageTitle li, #identity.history #contents .pageTitle h2#year, #identity.history #contents .carousel li h2, #identity.history #contents .carousel li .watData h3, #identity.history #contents .carousel li .watData h4, #mobile.index .app h1, #mobile.index .gmix h1, #mobile.index .mobile h1 { font-family: "Oswald-Bold", "Helvetica", "Arial", "Verdana", sans-serif; font-weight: normal; } .jp-font { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "ＭＳ Ｐゴシック", "Helvetica", arial, sans-serif !important; } .opensans-bold, #products.index .indexCol_movie .col-in a .txt h1, #products.index .indexCol_movie .indexCol_movie_txt h1 { font-family: "opensans-bold", "Helvetica", "Arial", "Verdana", sans-serif; font-weight: normal; } .btn-linear-gradient, #header #primalyNav li a, #products.index .search a, #products.concept .colGroup .colHeader .btn, #products.finder .pageTitle .searchNav a span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background-color: #262626; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4c4c4c), color-stop(1, #262626)); background-image: -webkit-linear-gradient(top, #4c4c4c, #262626); background-image: -moz-linear-gradient(top, #4c4c4c, #262626); background-image: -o-linear-gradient(top, #4c4c4c, #262626); background-image: -ms-linear-gradient(top, #4c4c4c, #262626); background-image: linear-gradient(top, #4c4c4c, #262626); -webkit-box-shadow: 0 1px 0 #646464; box-shadow: 0 1px 0 #646464; display: block; border: 1px solid #000; } .btn-linear-gradient div, #header #primalyNav li a div, #products.index .search a div, #products.concept .colGroup .colHeader .btn div, #products.finder .pageTitle .searchNav a span div { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border-top: 1px solid #676767; } .bd_shadow01 { margin-bottom: 1px; border-bottom: 2px solid #000; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); } /* ---------------------------------------------------------------------- HIGH-RESOLUTION SCREEN ----------------------------------------------------------------------*/ .svg #header #primalyNav #pnInfo div, .svg #header #primalyNav #pnFav div, .svg #header #primalyNav #pnFinder div { background-image: url("../img/bg_vector.svg") !important; } .svg #footer #fnPage p.pagetop img { background-image: url("../img/bg_vector.svg") !important; } .svg #footer #fnSitemap h1 a { display: block; width: 130px; height: 23px; background-image: url("../img/bg_vector.svg") ; background-repeat: no-repeat ; background-position: 0 -75px ; overflow: hidden; text-indent: -9999px; } .svg #footer #fnSitemap h1 a img { visibility: hidden; } .svg #footer #fnOther a.casio { display: block; width: 58px; height: 12px; background-image: url("../img/bg_vector.svg") ; background-repeat: no-repeat ; background-position: 0 -31px ; overflow: hidden; text-indent: -9999px; } .svg #footer #fnOther a.casio img { visibility: hidden; } .svg p.tag-app, .svg p.tag-str, .svg p.tag-team, .svg p.tag-sns, .svg p.tag-products, .svg p.tag-gworld, .svg p.tag-world, .svg p.tag-jp, .svg p.tag-cmp, .svg p.tag-special, .svg p.tag-shop, .svg p.tag-str, .svg p.tag-team, .svg p.tag-sns, .svg p.tag-world, .svg p.tag-jp, .svg p.tag-cmp, .svg p.tag-shop, .svg p.tag-jpn, .svg p.tag-usa, .svg p.tag-tur, .svg p.tag-vnm, .svg p.tag-are, .svg p.tag-fra, .svg p.tag-deu, .svg p.tag-gbr, .svg p.tag-bra, .svg p.tag-twn, .svg p.tag-chn, .svg p.tag-tha, .svg p.tag-sgp, .svg p.tag-fin, .svg p.tag-kor, .svg p.tag-can, .svg p.tag-esp, .svg p.tag-mys, .svg p.tag-phl, .svg p.tag-idn, .svg p.tag-col, .svg p.tag-rus, .svg p.tag-aus, .svg p.tag-usa, .svg p.tag-tur, .svg p.tag-vnm, .svg p.tag-are, .svg p.tag-fra, .svg p.tag-deu, .svg p.tag-gbr, .svg p.tag-bra, .svg p.tag-twn, .svg p.tag-chn, .svg p.tag-tha, .svg p.tag-sgp, .svg p.tag-fin, .svg p.tag-kor, .svg p.tag-can, .svg p.tag-esp, .svg p.tag-mys, .svg p.tag-idn, .svg p.tag-special, .svg p.tag-phl, .svg p.tag-col, .svg p.tag-rus, .svg p.tag-aus { background-image: url("../img/pc/bg_tag.svg") !important; } .svg .btn img, .svg .search-btn img, .svg #share, .svg .fav img { background-image: url("../img/bg_vector.svg") !important; } .svg .btn-itune { display: block; width: 202px; height: 70px; background-image: url("../img/btn_app-store.svg") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; background-size: 100% auto; margin: 0 auto; } .svg .btn-itune img { visibility: hidden; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #header h1 a { display: block; width: 130px; height: 22px; background-image: url("../img/logo_g@2x.gif") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; background-size: 100% auto; } #header h1 a img { visibility: hidden; } } .btn-itune { display: block; width: 202px; height: 70px; background-image: url("../img/btn_app-store.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; background-size: 100% auto; margin: 0 auto; } .btn-itune img { visibility: hidden; } /* ---------------------------------------------------------------------- COMMON CLASS ----------------------------------------------------------------------*/ /* device-type */ .sp, .pc { display: none !important; } /* page tilte */ .pageTitle { padding: 20px 0; background: none; } .pageTitle h1 { font-size: 188%; display: inline-block; } .pageTitle p { font-size: 75%; display: inline-block; margin-top: -15px; padding-left: 20px; vertical-align: middle; font-weight: bold; } /* tab ui */ .tab li { list-style: none; } .tab .tabNavigation { margin: 0 0 -1px 1px; } .tab .tabNavigation li { list-style: none; float: left; margin-right: 10px; } .tab .tabNavigation li a { display: block; background: url(../img/bg_tab.jpg) repeat-x top left #1a1a1a; padding: 8px 15px; color: #999999; font-weight: bold; font-size: 75%; } .tab .tabNavigation li a.current { color: #fff; background: rgba(46, 46, 46, 0.9); } .tab .col h2 { border-left: 3px solid #FF0000 !important; margin-bottom: 10px !important; padding-left: 5px !important; } /* carousel ui */ .carousel { width: 100%; height: 380px; margin-bottom: 30px; overflow: hidden; position: relative; } .carousel ul { list-style: none; -webkit-tap-highlight-color: transparent; } .carousel ul li { width: 100%; height: 380px; float: left; background: #333; -moz-user-select: none; -webkit-user-select: none; } .carousel ul li a { display: block; width: 100%; height: 380px; } .carousel ul li div { position: relative; width: 100%; height: 380px; margin: 0 auto; } .carousel .carouselNav { position: absolute; top: 0; left: 0; width: 100%; height: 1px; text-align: center; z-index: 1000; } .carousel .carouselNav .number { position: relative; margin: 0 auto; width: 100%; height: 1px; } .carousel .carouselNav .number div { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; position: absolute; top: 340px; right: 20px; background: rgba(35, 35, 35, 0.7); *background: #222; padding: 3px; } .carousel .carouselNav .number li { list-style: none; } .carousel .carouselNav .number span, .carousel .carouselNav .number ol, .carousel .carouselNav .number li, .carousel .carouselNav .number a { float: left; } .carousel .carouselNav .number span { padding: 5px; font-size: 69%; font-weight: bold; } .carousel .carouselNav .number a { display: block; width: 20px; height: 20px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: 0 -45px ; overflow: hidden; text-indent: -9999px; overflow: hidden; } .carousel .carouselNav .number a.current { background-position: -20px -45px; } .carousel .carouselNav .prev { width: 30px; height: 340px; position: absolute; top: 0; left: 0; } .carousel .carouselNav .prev span { display: block; width: 30px; height: 70px; background-image: url("../img/pc/bg_prev.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: 140px; left: 10px; background-size: 100% auto; } .carousel .carouselNav .next { width: 30px; height: 340px; position: absolute; top: 0; right: 20px; } .carousel .carouselNav .next span { display: block; width: 30px; height: 70px; background-image: url("../img/pc/bg_next.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: 140px; left: 10px; background-size: 100% auto; } /* products list */ .model { width: 100%; list-style: none; margin-bottom: 40px; } .model li { position: relative; float: left; width: 25%; /* .productWrap{ @include rgba-bg(#2e2e2e, 0.85); margin:1px; } */ } .model li .productWrap { margin: 1px; background: #FFF; position: relative; } .model li .productWrap p a.fav { color: #FFF !important; } .model li .productWrap p a.fav.current { color: #F00 !important; } .model li a { color: #000 !important; } .model li a .new { color: #FFF !important; } .model li li { clear: both; float: none; width: 100%; } .model li .photo { position: relative; padding: 10px 0; margin: 0 10px; border-bottom: 1px solid #ccc; } .model li .photo img { width: 100%; -ms-interpolation-mode: bicubic; } .model li .productData { margin: 0 10px; padding: 10px 0; line-height: 1.2; } .model li .productData h3 { font-size: 75%; margin-bottom: 5px; display: inline-block; } .model li .productData ul { list-style: none; padding-bottom: 10px; } .model li .productData li { font-size: 75%; margin-bottom: 3px; width: auto !important; } .model li .productData .size, .model li .productData .func { display: none; } .model li .new { position: absolute; top: 2px; right: 5px; } .model li p { margin: -10px 10px 0 10px; padding-bottom: 10px; } .model li .notes { color: #f00; } .model li.blank .productWrap { background-color: #FFF; background-color: rgba(255, 255, 255, 0.15); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#26FFFFFF',EndColorStr='#26FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26FFFFFF',EndColorStr='#26FFFFFF}'); } /* column */ .col { margin-bottom: 30px; } .articleCol { padding-top: 20px; } .col, .col2, .col3, .col4 { width: 100%; *padding-right: 5px; margin-bottom: 20px; } .col .col2, .col .col3, .col .col4, .col2 .col2, .col2 .col3, .col2 .col4, .col3 .col2, .col3 .col3, .col3 .col4, .col4 .col2, .col4 .col3, .col4 .col4 { margin: 0; } .col .col, .col2 .col, .col3 .col, .col4 .col { float: left; margin-bottom: 0; } .col .col-in, .col2 .col-in, .col3 .col-in, .col4 .col-in { margin: 1px; background-color: #2e2e2e; background-color: rgba(46, 46, 46, 0.9); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#E62E2E2E',EndColorStr='#E62E2E2E')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E62E2E2E',EndColorStr='#E62E2E2E}'); } .col .col2-1, .col2 .col2-1, .col3 .col2-1, .col4 .col2-1 { width: 48%; float: left; } .col .col2-2, .col2 .col2-2, .col3 .col2-2, .col4 .col2-2 { width: 48%; float: right; margin-bottom: 20px; } .col h2, .col2 h2, .col3 h2, .col4 h2 { border-left: solid 3px #F00; padding: 3px 0 3px 5px; margin-bottom: 10px; line-height: 1.2; } .col p, .col2 p, .col3 p, .col4 p { font-size: 75%; line-height: 1.4; margin-bottom: 1em; } .col p .btn, .col2 p .btn, .col3 p .btn, .col4 p .btn { font-size: 100% !important; } .col li, .col2 li, .col3 li, .col4 li { font-size: 75%; } .col li .btn, .col2 li .btn, .col3 li .btn, .col4 li .btn { font-size: 100% !important; } .col table, .col2 table, .col3 table, .col4 table { width: 100%; font-size: 75%; } .col table li, .col2 table li, .col3 table li, .col4 table li { font-size: 100% !important; } .col table a, .col2 table a, .col3 table a, .col4 table a { text-decoration: none; } .col table a:hover, .col2 table a:hover, .col3 table a:hover, .col4 table a:hover { text-decoration: underline; } .col table tr th, .col table tr td, .col2 table tr th, .col2 table tr td, .col3 table tr th, .col3 table tr td, .col4 table tr th, .col4 table tr td { border-top: 1px solid #595959; border-bottom: 1px solid #595959; padding: 10px; } .col table tr th, .col2 table tr th, .col3 table tr th, .col4 table tr th { white-space: nowrap; } .col table tr.odd th, .col table tr.odd td, .col2 table tr.odd th, .col2 table tr.odd td, .col3 table tr.odd th, .col3 table tr.odd td, .col4 table tr.odd th, .col4 table tr.odd td { background: #3d3d3d; } .col .photo, .col2 .photo, .col3 .photo, .col4 .photo { margin-bottom: 5px; text-align: center; } .col .photo img, .col2 .photo img, .col3 .photo img, .col4 .photo img { width: 100%; } .col h2 { font-size: 113%; } .col .col-in { padding: 30px; } .col2 .col { width: 50%; } .col2 .col-in { padding: 20px; } .col2 h2 { font-size: 100%; } .col3 .col { width: 33.33%; } .col3 .col-in { padding: 20px; } .col3 h2 { font-size: 88%; } .col4 .col { width: 25%; } .col4 .col-in { padding: 10px; } .col4 h2 { font-size: 81%; } /* tag */ p.tag-app, p.tag-str, p.tag-team, p.tag-sns, p.tag-products, p.tag-gworld, p.tag-world, p.tag-jp, p.tag-cmp, p.tag-special, p.tag-shop { display: block; width: 72px; height: 73px; background-image: url("../img/pc/bg_tag.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: -3px; right: -3px; z-index: 10; margin: 0 !important; } p.tag-str { background-position: -75px 0; } p.tag-team { background-position: -150px 0; } p.tag-sns { background-position: -225px 0; } p.tag-products { background-position: -300px 0; } p.tag-gworld { background-position: 0 -80px; } p.tag-world { background-position: -75px -80px; } p.tag-jp { background-position: -150px -80px; } p.tag-cmp { background-position: -300px -80px; } p.tag-special { background-position: -375px 0; } p.tag-shop { background-position: -375px -80px; } p.tag-jpn, p.tag-usa, p.tag-tur, p.tag-vnm, p.tag-are, p.tag-fra, p.tag-deu, p.tag-gbr, p.tag-bra, p.tag-twn, p.tag-chn, p.tag-tha, p.tag-sgp, p.tag-fin, p.tag-kor, p.tag-can, p.tag-esp, p.tag-mys, p.tag-phl, p.tag-idn, p.tag-col, p.tag-rus, p.tag-aus { display: block; width: 50px; height: 50px; background-image: url("../img/pc/bg_tag.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: -3px; right: -3px; margin: 0 !important; background-position: 0 -160px; } p.tag-usa { background-position: -55px -160px; } p.tag-tur { background-position: -110px -160px; } p.tag-vnm { background-position: -165px -160px; } p.tag-are { background-position: -220px -160px; } p.tag-fra { background-position: -275px -160px; } p.tag-deu { background-position: 0 -215px; } p.tag-gbr { background-position: -55px -215px; } p.tag-bra { background-position: -110px -215px; } p.tag-twn { background-position: -165px -215px; } p.tag-chn { background-position: -218px -216px; } p.tag-tha { background-position: -324px -216px; } p.tag-sgp { background-position: -273px -216px; } p.tag-fin { background-position: 0 -272px; } p.tag-kor { background-position: -55px -272px; } p.tag-can { background-position: -110px -272px; } p.tag-esp { background-position: -166px -281px; } p.tag-mys { background-position: -218px -272px; } p.tag-phl { background-position: -331px -160px; } p.tag-idn { background-position: -385px -272px; } p.tag-col { background-position: -272px -271px; } p.tag-rus { background-position: -331px -271px; } p.tag-aus { background-position: 0 -337px; } .fav { display: block; padding: 7px 0 2px 0; background: #1a1a1a; color: #FFF !important; text-align: center; font-size: 81%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .fav img { display: block; width: 20px; height: 20px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: -100px -145px ; overflow: hidden; text-indent: -9999px; display: inline-block; vertical-align: middle; margin-top: -3px; } .fav.current { background: #000; color: #F00 !important; } .fav.current img { background-position: -75px -145px; } span.fav { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "ＭＳ Ｐゴシック", "Helvetica", arial, sans-serif; font-weight: bold; font-size: 75%; padding: 7px 0 !important; color: #333 !important; background: #ccc; } span.fav:hover { background: #ccc; color: #333 !important; } .btn-itune img { height: 70px; } .btn-google { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background-color: #990000; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff0000), color-stop(1, #990000)); background-image: -webkit-linear-gradient(top, #ff0000, #990000); background-image: -moz-linear-gradient(top, #ff0000, #990000); background-image: -o-linear-gradient(top, #ff0000, #990000); background-image: -ms-linear-gradient(top, #ff0000, #990000); background-image: linear-gradient(top, #ff0000, #990000); padding: 15px 0 10px 0; width: 100%; font-weight: bold; display: inline-block; text-align: center; } .btn-google span { -webkit-text-shadow: 0 -1px 0 black; text-shadow: 0 -1px 0 black; display: inline-block; line-height: 1.4; font-size: 63%; text-align: left; margin-left: 5px; } .btn-google span strong { font-size: 120%; } .btn-google img { margin-top: -1.25em; width: 40px; height: 50px; background: url(../img/bg_device.png) no-repeat 0 -50px; vertical-align: middle; } /* bg */ .bg-block #page { background: url(../img/bg_wall.gif) top center; } .bg-block #header { border-bottom: 1px solid #242424; } .bg-block02 #page { background: url(../img/bg_wall02.gif) top center; } .bg-block02 #header { border-bottom: 1px solid #242424; } .bg-room #page { background: url(../img/pc/bg_room.jpg) top center no-repeat; } .bg-room #header { border-bottom: 1px solid #242424; } .bg-tile #page { background: url(../img/bg_tile.jpg) top center; } .bg-tile #header { border-bottom: 1px solid #242424; } /* ---------------------------------------------------------------------- CONTAINER ----------------------------------------------------------------------*/ #container { min-width: 680px; overflow: hidden; } /* ---------------------------------------------------------------------- HEADER ----------------------------------------------------------------------*/ #header { width: 100%; height: 65px; position: relative; background: #000; } #header h1 { width: 130px; height: 22px; margin: 22px 0 0 10px; float: left; } #header h1 a { display: block; width: 130px; height: 22px; background-image: url("../img/logo_g.gif") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; background-size: 100% auto; } #header h1 a img { visibility: hidden; height: 22px; } #header #spFav, #header #spMenu { display: none; } #header #globalNav { position: absolute; top: 15px; right: 120px; } #header #globalNav p, #header #globalNav img { display: none; } #header #globalNav li { float: left; text-align: center; } #header #globalNav li a { position: relative; display: inline-block; margin: 0 5px; } #header #globalNav li a:hover { text-decoration: none; color: #F00; } #header #globalNav li h2 { padding: 10px 0; font-size: 94%; position: relative; } #header #primalyNav { position: absolute; top: 15px; right: 10px; } #header #primalyNav li { width: 32px; height: 30px; float: left; margin-left: 5px; } #header #primalyNav li a { width: 32px; height: 30px; display: block; } #header #primalyNav li a div { width: 32px; height: 30px; } #header #primalyNav #pnInfo div { display: block; width: 32px; height: 30px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: 0 -105px ; overflow: hidden; text-indent: -9999px; } #header #primalyNav #pnFav div { display: block; width: 32px; height: 30px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: -40px -105px ; overflow: hidden; text-indent: -9999px; } #header #primalyNav #pnFinder div { display: block; width: 32px; height: 30px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: -80px -105px ; overflow: hidden; text-indent: -9999px; } #header #otherNav { display: none; } #header #localNav { background-color: #FFF; background-color: rgba(255, 255, 255, 0.1); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1AFFFFFF',EndColorStr='#1AFFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1AFFFFFF',EndColorStr='#1AFFFFFF}'); position: absolute; top: 65px; left: 0; width: 100%; font-size: 69%; text-align: right; } #header #localNav a { display: block; padding: 7px 5px; font-weight: bold; float: left; } #header #localNav a:hover { text-decoration: underline; color: #F00; } #header #localNav ul { float: right; } #header #localNav li { float: left; } #products #gnProducts a, #identity #gnIdentity a, #gworls #gnGworld a, #support #gnSupport a, #shop #gnShop a { color: #F00; } /* ---------------------------------------------------------------------- FOOTER ----------------------------------------------------------------------*/ #footer { background: #333; padding: 0; } #footer #footerContainer { margin: 0 10px; } #footer #fnPage { padding: 15px 0; font-size: 69%; font-weight: bold; } #footer #fnPage ul { float: left; } #footer #fnPage li { float: left; color: #CCC; padding-right: .25em; padding-top: 3px; } #footer #fnPage li a { color: #FFF; } #footer #fnPage p.pagetop { float: right; } #footer #fnPage p.pagetop img { width: 16px; height: 16px; background: url("../img/bg_vector.png") no-repeat -110px -30px; display: inline-block; vertical-align: text-bottom; } #footer #fnPage p.back, #footer #fnPage p.home { display: none; } #footer #fnSitemap { -webkit-box-shadow: 0 -1px 0 #292929; box-shadow: 0 -1px 0 #292929; background-color: #333; border-top: 1px solid #484848; } #footer #fnSitemap .sitemapCol { width: 20%; float: left; line-height: 1.2; } #footer #fnSitemap .sitemapCol .col-in { padding: 10px 10px 0 0; } #footer #fnSitemap h1 { margin-top: 10px; } #footer #fnSitemap h1 img { width: 100px; display: block; margin-bottom: 5px; } #footer #fnSitemap h2.home { font-size: 75%; } #footer #fnSitemap h2 { font-family: "Helvetica", "Arial", "Verdana", sans-serif !important; font-weight: bold !important; font-size: 88%; margin: 10px 0 10px 0; } #footer #fnSitemap ul { margin-top: -5px; padding-bottom: 10px; } #footer #fnSitemap ul li { margin-bottom: 5px; } #footer #fnSitemap ul li.baby_g { padding: 6px 0 0 1px; } #footer #fnSitemap ul li a { color: #CCC; font-size: 69%; } #footer #fnSitemap .other { padding-top: 2.5em; } #footer #fnOther { -webkit-box-shadow: 0 -1px 0 #292929; box-shadow: 0 -1px 0 #292929; background-color: #333; border-top: 1px solid #484848; font-size: 69%; padding: 15px 0; } #footer #fnOther ul { float: left; } #footer #fnOther li { float: left; color: #CCC; padding-right: 1em; } #footer #fnOther li a { color: #FFF; } #footer #fnOther small, #footer #fnOther .casio { display: block !important; margin-left: 10px; float: right; } /* ---------------------------------------------------------------------- CONTENTS ----------------------------------------------------------------------*/ #contents { padding-left: 10px; padding-right: 10px; min-height: 400px; } /* ---------------------------------------------------------------------- SHARE ----------------------------------------------------------------------*/ #share { position: absolute; z-index: 2000; top: 90px; right: 0; overflow: hidden; width: 120px; height: 75px; background: #F00 url("../img/bg_vector.png") no-repeat -170px 0; } #share ul { list-style: none; position: relative; width: 100px; text-align: left; } #share li { height: 25px; marginTop: 2px; display: block; overflow: hidden; padding-left: 30px; } #share li span { display: block; padding-top: 2px; background: #F00; } #share li a { display: table-cell; } #share .facebook span { display: block; height: 22px; width: 71px; } #share.ie { height: 50px; } #share.fix { position: fixed; top: 20px; } .local-nav #share { margin-top: 20px; } .local-nav #share.fix { margin-top: 0; } /* ---------------------------------------------------------------------- HOME ----------------------------------------------------------------------*/ #home.svg #main #mainSkyCockpit h1 { background-image: url(../../img/h1_skycokpit-pc.svg) !important; } #home.svg #main #mainBLE h1 { background-image: url(../../img/h1_ble-pc.svg) !important; } #home.svg #main #mainG-World h1 { background-image: url(../../img/h1_gw-pc.svg) !important; } #home.svg #contents .featuredProducts .feature a .title { visibility: hidden; background-image: url(../../img/bg_feauture_title.svg) !important; } #home.svg img.arwR { background-image: url("/common/img/icon.svg") !important; } #home.svg img.ico-i, #home.svg img.arwR2, #home.svg img.arwR3, #home.svg img.arwR4, #home.svg img.arwL4, #home.svg img.ico-search { background-image: url("/common/img/bg_vector.svg") !important; } #home img.arwR { background-image: url("/common/img/icon.png"); background-position: -13px 0; background-repeat: no-repeat; height: 12px; margin-top: 2px; width: 8px; position: relative; left: 4px; } #home img.ico-i { background-image: url("/common/img/bg_vector.png"); background-position: -12px -110px; background-repeat: no-repeat; width: 9px; height: 22px; } #home img.arwR2 { background-image: url("/common/img/bg_vector.png"); background-position: -211px -111px; background-repeat: no-repeat; height: 19px; width: 11px; position: relative; left: 4px; } #home img.arwR3 { background-image: url("/common/img/bg_vector.png"); background-position: -104px -197px; background-repeat: no-repeat; height: 12px; width: 8px; position: relative; left: 4px; } #home img.arwR4 { background-image: url("/common/img/bg_vector.png"); background-position: -238px -152px; background-repeat: no-repeat; height: 18px; width: 11px; } #home img.arwL4 { background-image: url("/common/img/bg_vector.png"); background-position: -238px -112px; background-repeat: no-repeat; height: 18px; width: 11px; } #home img.ico-search { background-image: url("/common/img/bg_vector.png"); background-position: -166px -151px; background-repeat: no-repeat; height: 19px; width: 21px; } #home #contents h2 { font-size: 125%; margin-bottom: 5px; } #home #contents ul { list-style: none; } #home #contents .linkAttention { width: 100%; float: none; } #home #contents .linkAttention a { font-size: 81%; display: block; width: 100%; background-color: #333; margin: 0 0 5px 0; padding: 10px 0px; text-align: center; } #home #contents .newsCol { position: relative; width: 100%; float: none; margin: 0 0 20px 0; } #home #contents .newsCol .more { top: 14px; } #home #contents .newsCol img.ico-i { position: absolute; top: 8px; left: 14px; } #home #contents .newsCol .inr { background: #000; border: solid 2px #333; border-left: solid 38px #333; padding: 8px 10px; } #home #contents .newsCol .inr p { margin-right: 70px; font-size: 75%; } #home #contents .newsCol .inr p .newsTag { padding: 4px 6px; background: #f40010; float: left; } #home #contents .newsCol .inr p .txt { display: block; position: relative; top: 3px; margin-left: 6em; } #home #contents .newsCol .more { position: absolute; right: 16px; top: 10px; font-size: 88%; font-weight: bold; } #home #contents .productsCol { line-height: 1.5; width: 100%; height: auto; overflow: hidden; margin-bottom: 15px; } #home #contents .featuredProducts { float: left; width: 49.5%; height: auto; background: #333; overflow: hidden; margin-right: 1%; } #home #contents .featuredProducts .inr { padding: 5px 10px 10px 10px; } #home #contents .featuredProducts .inr h2 { margin: 0 0 6px 0; height: 25px; overflow: hidden; } #home #contents .featuredProducts .inr h2 .sml { padding-left: 3px; font-size: 56%; position: relative; top: -4px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "ＭＳ Ｐゴシック", "Helvetica", arial, sans-serif; font-weight: bold; } #home #contents .featuredProducts .inr ul li { margin-bottom: 10px; } #home #contents .featuredProducts .inr ul li a { display: block; width: 100%; } #home #contents .featuredProducts .inr ul li a img { display: block; height: 104px; } #home #contents .featuredProducts .inr ul li.i01 { background: url("../../img/bnr/bg_feauture01.jpg") no-repeat right center #000; margin-bottom: 0; } #home #contents .featuredProducts .inr ul li.i02 { background: url("../../img/bnr/bg_feauture02.jpg") no-repeat right center #000; background-size: cover; margin-bottom: 0; } #home #contents .featuredProducts .inr ul li.i03 { background: url("../../img/bnr/bg_feauture03.jpg") no-repeat right center #000; background-size: cover; } #home #contents .featuredProducts .inr ul li.i04 { background: url("../../img/bnr/bg_feauture04.jpg") no-repeat right center #000; background-size: cover; } #home #contents .featuredProducts .inr ul li.i05 { background: url("../../img/bnr/bg_feauture05.jpg") no-repeat right center #000; background-size: cover; } #home #contents .featuredProducts .inr ul li.i06 { background: url("../../img/bnr/bg_feauture06.jpg") no-repeat right center #000; background-size: cover; } #home #contents .featuredProducts .inr ul li.i07 { background: url("../../img/bnr/bg_feauture07.jpg") no-repeat right center #000; background-size: cover; } #home #contents .featuredProducts .inr ul li.bnrSupra { background: url("../../img/bnr/bg_bnrSupra.jpg") no-repeat right center #000; background-size: cover; } #home #contents .featuredProducts .inr ul li.bnrMudmaster { background: url("../../img/bnr/bg_bnrMudmaster.jpg") no-repeat right center #000; background-size: cover; } #home #contents .featuredProducts .inr ul li.bnrMTG-G1000 { background: url("../../img/bnr/bg_bnrMTG-G1000.jpg") no-repeat right center #000; background-size: cover; } #home #contents .featuredProducts .inr ul li.bnrWhite_Black { background: url("../../img/bnr/bg_bnrWhite_Black.jpg") no-repeat right center #000; background-size: cover; } #home #contents .featuredProducts .inr ul li.bnrBurton { background: url("../../img/bnr/bg_bnrBurton.jpg") no-repeat right center #000; background-size: cover; } #home #contents .featuredProducts .inr ul li.bnrDenimd { background: url("../../img/bnr/bg_bnrDenimd.jpg") no-repeat right center #000; background-size: cover; } #home #contents .featuredProducts .inr ul li.bnrRescueRed { background: url("../../img/bnr/bg_bnrRescueRed.jpg") no-repeat right center #000; background-size: cover; } #home #contents .featuredProducts .inr ul li.bnrTricolor2 { background: url("../../img/bnr/bg_bnrTricolor2.jpg") no-repeat right center #000; background-size: cover; } #home #contents .newProducts { float: left; width: 24%; position: relative; background: #FFF; } #home #contents .newProducts .tl { margin: 6px 10px 9px 0; } #home #contents .newProducts .tl a { position: relative; display: block; padding: 3px 3px 0; background: #333; } #home #contents .newProducts .tl a h2 { float: left; margin-bottom: 0; font-size: 106%; } #home #contents .newProducts .tl a .more { position: relative; top: -5px; display: block; padding: 0 5px 0 0; font-size: 75%; font-weight: bold; } #home #contents .newProducts .tl a .more img.arwR { top: 2px; } #home #contents .newProducts .tl a p { position: relative; top: -5px; font-weight: bold; clear: both; font-size: 69%; } #home #contents .newProducts .loader { width: 100%; height: auto; position: absolute; top: 0; left: 0; background: #FFF; z-index: 110; } #home #contents .newProducts .loader div { background: url(../../img/bg_loader.png) no-repeat; width: 30px; height: 30px; position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; } #home #contents .newProducts .watBtn_prev { position: absolute; z-index: 101; width: 11px; height: 18px; left: 1px; top: 133px; } #home #contents .newProducts .watBtn_next { position: absolute; z-index: 101; width: 11px; height: 18px; right: 1px; top: 133px; } #home #contents .newProducts .counter { position: absolute; z-index: 101; bottom: -2px; right: 10px; color: #000; font-size: 75%; } #home #contents .newProducts .counter .lrg { font-size: 138%; } #home #contents .newProducts .photo { width: 100%; height: 186px; background: #FFF; overflow: hidden; position: relative; z-index: 100; top: -10px; } #home #contents .newProducts .photo ul { position: absolute; top: 0; left: 0; } #home #contents .newProducts .photo li { float: left; position: relative; text-align: center; height: 100%; } #home #contents .newProducts .photo li.error { color: #000; line-height: 1.5; padding-top: 60px; font-size: 63%; width: 100%; } #home #contents .newProducts .photo img { height: 140px; margin-top: 5px; } #home #contents .newProducts .photo .btn_detail { position: relative; left: 3px; margin: 0 auto; width: 55%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background: #666; } #home #contents .newProducts .photo .btn_detail a { display: block; padding: 1px 0 3px; text-align: center; font-size: 63%; font-weight: bold; } #home #contents .newProducts .photo .btn_detail a img.arwR { position: relative; background-position: -13px 0; background-repeat: no-repeat; height: 12px; margin-top: 2px; top: 2px; width: 8px; position: relative; left: 4px; } #home #contents .newProducts .date { position: absolute; top: 5px; left: 0; background: #000; padding: 7px; line-height: 1; z-index: 200; font-size: 63%; } #home #contents .newProducts .date span { font-size: 160%; display: block; margin-bottom: 5px; } #home #contents .newProducts h3 { font-size: 125%; margin-top: 10px; } #home #contents .newProducts p { font-size: 75%; } #home #contents .banner { width: 24.5%; height: auto; float: right; } #home #contents .banner .tl { padding: 5px 10px 1px; background-color: #000; background-color: rgba(0, 0, 0, 0.5); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000}'); } #home #contents .banner .tl h2 { font-size: 100%; padding: 0; margin-bottom: 0; } #home #contents .banner .tl p { position: relative; top: -5px; font-size: 63%; } #home #contents .banner ul li { background: #333; padding: 10px; margin-bottom: 10px; } #home #contents .banner ul li a { display: block; width: 100%; height: 108px; background: #333; } #home #contents .banner ul li.products a { background: url(../../img/bg_products.jpg) center center; background-size: auto 100%; } #home #contents .banner ul li.finder { margin-bottom: 0; } #home #contents .banner ul li.finder a { background: url(../../img/bg_finder.jpg) center center; background-size: auto 100%; } #home #contents .banner02 { width: 100%; height: auto; margin-bottom: 25px; } #home #contents .banner02 ul li { position: relative; width: 49.5%; height: 75px; float: left; } #home #contents .banner02 ul li p { font-size: 63%; line-height: 1.2; } #home #contents .banner02 ul li.i01 { height: 78px; overflow: hidden; } #home #contents .banner02 ul li.i01 .col-l { float: left; width: 49%; height: 78px; } #home #contents .banner02 ul li.i01 .col-l a { position: relative; display: block; height: 71px; overflow: hidden; border: solid 3px #333; background: url(../../img/bnr/img_bnr03.jpg) no-repeat center center; background-size: 100% auto; } #home #contents .banner02 ul li.i01 .col-l a h2 { padding: 8px; font-size: 100%; color: #000; } #home #contents .banner02 ul li.i01 .col-l a h2 .blu01 { color: #16499f; } #home #contents .banner02 ul li.i01 .col-l a h2 img { padding-top: 4px; } #home #contents .banner02 ul li.i01 .col-l a p { display: none; position: absolute; bottom: 8px; left: 8px; color: #000; font-size: 69%; font-weight: bold; } #home #contents .banner02 ul li.i01 .col-r { float: right; width: 49%; height: 78px; } #home #contents .banner02 ul li.i01 .col-r a { position: relative; display: block; height: 64px; padding: 4px; border: solid 3px #333; background: url(../../img/bnr/img_bnr01.jpg?20150529) no-repeat center center; background-size: auto 100%; } #home #contents .banner02 ul li.i01 .col-r a h2 { color: #fff; font-size: 94%; } #home #contents .banner02 ul li.i01 .col-r a p { position: absolute; bottom: 4px; left: 4px; } #home #contents .banner02 ul li.i01 .col-r a p img { height: 24px; } #home #contents .banner02 ul li.i02 { float: right; } #home #contents .banner02 ul li.i02 a { position: relative; display: block; border: solid 3px #333; height: 61px; padding: 10px 10px 0; } #home #contents .banner02 ul li.i02 a * { position: relative; z-index: 2; } #home #contents .banner02 ul li.i02 a img.bg { position: absolute; right: 0; bottom: 0; width: 100px; z-index: 1; } #home #contents .banner02 ul li.i02 a img.ico-search { position: relative; top: -1px; } #home #contents .infoCol, #home #contents .gworldCol { width: 100%; margin-bottom: 15px; overflow: hidden; } #home #contents .infoCol h2, #home #contents .gworldCol h2 { /* float:left; width:72.1%; */ float: none; width: auto; position: relative; font-size: 125%; padding: 10px; margin-bottom: 10px; background: #333; } #home #contents .infoCol h2 .sml, #home #contents .gworldCol h2 .sml { position: relative; top: -1px; font-size: 56%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "ＭＳ Ｐゴシック", "Helvetica", arial, sans-serif; font-weight: bold; } #home #contents .infoCol h2 a, #home #contents .gworldCol h2 a { position: absolute; right: 18px; top: 15px; color: #000; font-size: 56%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "ＭＳ Ｐゴシック", "Helvetica", arial, sans-serif; font-weight: bold; } #home #contents .infoCol ul, #home #contents .gworldCol ul { width: 101%; } #home #contents .infoCol ul li, #home #contents .gworldCol ul li { background: #333; width: 24%; margin: 0 1% 1% 0; float: left; padding-bottom: 5px; position: relative; } #home #contents .infoCol ul li .photo, #home #contents .gworldCol ul li .photo { position: relative; z-index: 2; display: block; margin: 10px 10px 0; box-sizing: border-box; background: #000; } #home #contents .infoCol ul li .photo img, #home #contents .gworldCol ul li .photo img { position: relative; z-index: 1; display: block; width: 100%; background-repeat: no-repeat; background-color: #666; background-position: center center; background-size: cover; } #home #contents .infoCol ul li .photo .media, #home #contents .gworldCol ul li .photo .media { position: absolute; z-index: 2; right: 0; bottom: 0; padding: 3px 5px; background: rgba(85, 85, 85, 0.9); color: #fff; font-size: 56%; } #home #contents .infoCol ul li .txt, #home #contents .gworldCol ul li .txt { padding-top: 3px; } #home #contents .infoCol ul li .txt .inr, #home #contents .gworldCol ul li .txt .inr { display: block; } #home #contents .infoCol ul li .txt .inr .counts, #home #contents .gworldCol ul li .txt .inr .counts { margin: 0 10px 2px 0; text-align: right; } #home #contents .infoCol ul li .txt .inr .counts *, #home #contents .gworldCol ul li .txt .inr .counts * { vertical-align: middle; } #home #contents .infoCol ul li .txt .inr .counts p, #home #contents .gworldCol ul li .txt .inr .counts p { display: inline-block; margin: 0; padding-left: 3px; } #home #contents .infoCol ul li .txt .inr .counts p img, #home #contents .gworldCol ul li .txt .inr .counts p img { padding-right: 2px; } #home #contents .infoCol ul li .txt .inr .counts p .count, #home #contents .gworldCol ul li .txt .inr .counts p .count { color: #000; } #home #contents .infoCol ul li h3, #home #contents .gworldCol ul li h3, #home #contents .infoCol ul li p, #home #contents .gworldCol ul li p { margin: 5px 10px; } #home #contents .infoCol ul li h3, #home #contents .gworldCol ul li h3 { font-size: 81%; line-height: 1.2; } #home #contents .infoCol ul li p, #home #contents .gworldCol ul li p { font-size: 75%; line-height: 1.4; } #home #contents .infoCol ul li p.date, #home #contents .gworldCol ul li p.date { margin-bottom: 2px; font-size: 69%; } #home #contents .infoCol ul li p.date time, #home #contents .gworldCol ul li p.date time { font-weight: bold; font-size: 113%; } #home #contents .infoCol ul li .pt05, #home #contents .gworldCol ul li .pt05 { padding-top: 7px; } #home #contents .infoCol ul li span.btn02, #home #contents .gworldCol ul li span.btn02 { position: relative; padding: 3px 7px 2px 7px; } #home #contents .infoCol ul li span.btn02 .arwR, #home #contents .gworldCol ul li span.btn02 .arwR { top: -1px; } #home #contents .infoCol ul.instagram li, #home #contents .gworldCol ul.instagram li { padding: 0; background: #000; } #home #contents .infoCol ul.instagram li a .photo, #home #contents .gworldCol ul.instagram li a .photo { margin: 0; padding: 0; } #home #contents .infoCol ul.instagram li a .photo .ico-insta, #home #contents .gworldCol ul.instagram li a .photo .ico-insta { position: absolute; z-index: 2; top: 0; right: 0; width: 16.58537%; background: none; } #home #contents .infoCol .featuredInfo, #home #contents .gworldCol .featuredInfo { width: 100%; margin-bottom: 2%; line-height: 1; } #home #contents .infoCol .featuredInfo a, #home #contents .gworldCol .featuredInfo a { display: block; position: relative; } #home #contents .infoCol .featuredInfo img, #home #contents .gworldCol .featuredInfo img { width: 100%; } #home #contents .gworldCol h2 { background: #fff; color: #000; } #home #contents .gworldCol ul li { background: #FFF; } #home #contents .gworldCol ul li a { color: #000 !important; } #home #contents .linkCol { padding-bottom: 30px; } #home #contents .linkCol h2 { position: relative; background: #333; margin-bottom: 10px; padding: 7px 9px; font-size: 81%; } #home #contents .linkCol ul { width: 100%; } #home #contents .linkCol li { float: left; margin-right: 1%; width: 32.6%; } #home #contents .linkCol li:nth-child(3n) { margin-right: 0; } #home #contents .linkCol a { display: block; padding: 10px 10px 5px 10px; border: 2px solid #666; } #home #contents .linkCol a img { width: 34px; vertical-align: middle; margin-right: 10px; position: relative; top: -2px; float: left; } #home #contents .linkCol .snsCol { margin-bottom: 15px; } #home #contents .linkCol .snsCol ul li { width: 34px; margin: 0 10px 10px 0; padding: 0; /* &.i01{ a{background:url(../../img/bg_youtube.jpg) no-repeat right center;} } &.i02{ a{background:url(../../img/bg_facebook.jpg) no-repeat right center;} }*/ } #home #contents .linkCol .snsCol ul li a { display: block; width: 34px; height: 34px; padding: 0; border: none; overflow: hidden; color: #000; } #home #contents .linkCol .snsCol ul li a img { top: 0; width: 34px; } #home #contents .linkCol .snsCol ul li a h3 { font-size: 1px; text-indent: -9999px; } #home #contents .linkCol .recCol { overflow: hidden; } #home #contents .linkCol .recCol ul li:nth-of-type(3) ~ li { margin-top: 7px; } #home #contents .linkCol .recCol ul li.i01 a { height: 39px; padding: 5px 10px 5px 82px; background: url(../../img/bg_str.jpg) no-repeat left center; } #home #contents .linkCol .recCol ul li.i01 a h3 { font-size: 94%; margin-bottom: 2px; } #home #contents .linkCol .recCol ul li.i01 a p { font-size: 63%; } #home #contents .linkCol .recCol ul li.i02 a { height: 41px; padding: 8px 10px 0 10px; } #home #contents .linkCol .recCol ul li.i02 a h3 { font-size: 63%; margin-bottom: 2px; } #home #contents .linkCol .recCol ul li.i02 a h3 img { float: none; width: auto; } #home #contents .linkCol .recCol ul li.i02 a p { font-size: 63%; } #home #contents .linkCol .recCol ul li.i03 a { height: 41px; padding: 8px 10px 0 82px; background: url(../../img/bg_gapp.jpg) no-repeat left center; } #home #contents .linkCol .recCol ul li.i03 a h3 { font-size: 63%; margin-bottom: 2px; } #home #contents .linkCol .recCol ul li.i03 a h3 img { float: none; width: auto; } #home #contents .linkCol .recCol ul li.i03 a p { font-size: 63%; } #home #contents .linkCol .recCol ul li.i04 a { height: 39px; padding: 5px 10px 5px 82px; background: url(../../img/bg_b-league.jpg) no-repeat left center; } #home #contents .linkCol .recCol ul li.i04 a h3 { font-size: 94%; margin-bottom: 2px; } #home #contents .linkCol .recCol ul li.i04 a p { font-size: 63%; } #home #contents .linkCol .ftInfoCol { clear: both; padding-top: 15px; } #home #contents .linkCol .ftInfoCol h2 { padding: 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "ＭＳ Ｐゴシック", "Helvetica", arial, sans-serif; } #home #contents .linkCol .ftInfoCol h2 a { display: block; border: none; padding: 0; padding: 7px 9px; color: #fec708; } #home #contents .linkCol .ftInfoCol h2 a span.sml { color: #fff; padding-left: 20px; position: relative; font-size: 75%; top: -0.1em; } #home #contents .linkCol .ftInfoCol h2 a .arwR { position: absolute; right: 0; left: auto; top: 50%; width: 8px; margin-top: -6px; } #home #contents .linkCol .ftInfoCol h2 a:hover { background: #444; } #home #contents .linkCol .ftInfoCol ul { padding-left: 10px; } #home #contents .linkCol .ftInfoCol ul li { width: 100%; font-size: 75%; } #home #main { width: 100%; height: 380px; /* #mainGW-9400{ background:#000 url(../../img/bg_main-gw2-9400-sp.jpg) no-repeat center center; background-size: auto 100%; a *{ visibility:hidden; } }*/ } #home #main h1, #home #main h2, #home #main h3, #home #main p { line-height: 1.2; } #home #main ul li a h1, #home #main ul li a h2, #home #main ul li a p { visibility: hidden; } #home #main ul li a .btn { position: absolute; top: 255px; left: 50%; margin-left: -238px; font-size: 81%; padding: 7px 9px 5px 7px; } #home #main ul li a .btn img.arwR { position: relative; background-image: url(/common/img/icon.png); background-repeat: no-repeat; background-position: -13px 0; width: 8px; height: 12px; top: -3px; } #home #main ul li a.sp { display: none !important; } #home #main #mainFes { background: #000 url(../../img/bg_main-fes-sp.jpg) no-repeat top center; background-size: auto 400px; } #home #main #mainFes a .btn { margin-left: -69px; top: 268px; } #home #main #mainCasioConnected { background: #c9cdd5 url(../../img/bg_main-casioConnected-sp.jpg) no-repeat top center; background-size: auto 400px; } #home #main #mainCasioConnected a .btn { margin-left: -63px; top: 217px; } #home #main #mainGlide { background: #fff url(../../img/bg_main-glide-sp.jpg?20170427) no-repeat top center; background-size: auto 400px; } #home #main #mainGlide a .btn { margin-left: -252px; top: 256px; } #home #main #mainCleanMilitary { background: #000 url(../../img/bg_main-clean_military-sp.jpg) no-repeat top center; background-size: auto 400px; } #home #main #mainCleanMilitary a .btn { margin-left: -230px; top: 232px; } #home #main #mainGPW-2000 { background: #cbcbd2 url(../../img/bg_main-gpw-2000-sp.jpg?20170516) no-repeat top center; background-size: auto 100%; } #home #main #mainGPW-2000 a .btn { margin-left: -170px; top: 214px; } #home #main #mainChari_co { background: #434719 url(../../img/bg_main-chari_co-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainChari_co a .btn { margin-left: -169px; top: 246px; } #home #main #mainMog { background: #000 url(../../img/bg_main-mog-pc.jpg) no-repeat top center; background-size: auto 380px; } #home #main #mainMog a .btn { margin-left: -305px; top: 335px; } #home #main #mainMilitaryBlack { background: #fff url(../../img/bg_main-military_black-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainMilitaryBlack a .btn { margin-left: -201px; top: 242px; } #home #main #mainMaharishi { background: #000 url(../../img/bg_main-maharishi-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainMaharishi a .btn { margin-left: -201px; top: 222px; } #home #main #mainKatte { background: #000 url(../../img/bg_main-katte-sp.jpg?20161122) no-repeat top center; background-size: auto 100%; } #home #main #mainKatte a .btn { margin-left: -235px; top: 304px; } #home #main #mainMog_sea { background: #000 url(../../img/bg_main-mog_sea-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainMog_sea a .btn { margin-left: -225px; top: 280px; } #home #main #mainGA-700 { background: #000000 url(../../img/bg_main-ga-700-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainGA-700 a .btn { margin-left: -240px; top: 285px; } #home #main #mainGsteel { background: #e0dfe0 url(../../img/bg_main-g-steel2-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainGsteel a .btn { margin-left: -240px; top: 252px; } #home #main #mainB_league { background: #000 url(../../img/bg_main-b_league-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainB_league a .btn { margin-left: -240px; top: 263px; } #home #main #mainGulfmaster { background: #000 url(../../img/bg_main-gulfmaster-sp.jpg?20160930) no-repeat top center; background-size: auto 100%; } #home #main #mainGulfmaster a .btn { margin-left: -200px; top: 268px; } #home #main #mainRT { background: #000 url(../../img/bg_main-rt-sp.jpg?20160701) no-repeat top center; background-size: auto 125%; } #home #main #mainRT a .btn { margin-left: -297px; top: 325px; } #home #main #mainMTG-G1000_2 { background: #d6d8d9 url(../../img/bg_main-mtg-g1000_2-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainMTG-G1000_2 a .btn { margin-left: -240px; top: 266px; } #home #main #mainSeaEarth { background: #0c2142 url(../../img/bg_main-sea-earth-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainSeaEarth a .btn { margin-left: -194px; top: 267px; } #home #main #mainMarcelo { background: #000 url(../../img/bg_main-marcelo-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainMarcelo a .btn { margin-left: -240px; top: 276px; } #home #main #mainGPW-1000VFC { background: #000 url(../../img/bg_main_gpw-1000vfc-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainGPW-1000VFC a .btn { margin-left: -240px; top: 267px; } #home #main #mainLimeAccent { background: #000 url(../../img/bg_main_lime_accent-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainLimeAccent a .btn { margin-left: -240px; top: 168px; } #home #main #mainTricolor2 { background: #f3f6fa url(../../img/bg_main-tricolor2-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainTricolor2 a .btn { margin-left: -240px; top: 287px; } #home #main #mainNewFrogman { background: #000 url(../../img/bg_main-new_frogman-sp.jpg?20160610) no-repeat top center; background-size: auto 100%; } #home #main #mainNewFrogman a .btn { margin-left: -240px; top: 325px; } #home #main #mainRescueRed { background: #000 url(../../img/bg_main-rescue_red-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainRescueRed a .btn { margin-left: -240px; top: 276px; } #home #main #mainMarble { background: #232824 url(../../img/bg_main-marble-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainMarble a .btn { margin-left: -240px; top: 197px; } #home #main #mainDenimd { background: #000 url(../../img/bg_main-denimd-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainDenimd a .btn { margin-left: -240px; top: 205px; } #home #main #mainBurton { background: #f0f1f3 url(../../img/bg_main-burton-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainBurton a .btn { margin-left: -240px; top: 218px; } #home #main #mainDW-5600M { background: #000 url(../../img/bg_main-dw-5600m-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainDW-5600M a .btn { margin-left: -240px; top: 268px; } #home #main #mainWhite_Black { background: #fff url(../../img/bg_main-white_black-pc.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainWhite_Black a .btn { margin-left: -330px; top: auto; bottom: 30px; } #home #main #mainMTG-G1000 { background: #dcdcdc url(../../img/bg_main-mtg-g1000-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainMTG-G1000 a .btn { margin-left: -240px; top: 266px; } #home #main #mainMud { background: #000 url(../../img/bg_main-mudmaster-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainMud a .btn { margin-left: -240px; top: 228px; } #home #main #mainSupra { background: #fff url(../../img/bg_main-supra-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainSupra a .btn { margin-left: -240px; top: 208px; } #home #main #mainMIC { background: #000 url(../../img/bg_main-men_in_camouflage-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainMIC a h1, #home #main #mainMIC a h2, #home #main #mainMIC a p { visibility: hidden; } #home #main #mainMIC a .btn { position: absolute; bottom: 12px; left: 50%; margin-left: -238px; font-size: 81%; padding: 7px 9px 5px 7px; } #home #main #mainMIC a .btn img.arwR { position: relative; background-image: url(/common/img/icon.png); background-repeat: no-repeat; background-position: -13px 0; width: 8px; height: 12px; top: -3px; } #home #main #mainMtg { background: #000 url(../../img/bg_main-mtg-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainMtg a h1, #home #main #mainMtg a h2, #home #main #mainMtg a p { visibility: hidden; } #home #main #mainMtg a .btn { position: absolute; top: 255px; left: 50%; margin-left: -238px; font-size: 81%; padding: 7px 9px 5px 7px; } #home #main #mainMtg a .btn img.arwR { position: relative; background-image: url(/common/img/icon.png); background-repeat: no-repeat; background-position: -13px 0; width: 8px; height: 12px; top: -3px; } #home #main #mainGpw { background: #000 url(../../img/bg_main-gpw-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainGpw a h1, #home #main #mainGpw a h2, #home #main #mainGpw a p { visibility: hidden; } #home #main #mainGpw a .btn { position: absolute; top: 242px; left: 50%; margin-left: -238px; font-size: 81%; padding: 7px 9px 5px 7px; } #home #main #mainGpw a .btn img.arwR { position: relative; background-image: url(/common/img/icon.png); background-repeat: no-repeat; background-position: -13px 0; width: 8px; height: 12px; top: -3px; } #home #main #mainHuf { background: #fefefe url(../../img/bg_main-huf-pc.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainHuf a .btn { margin-left: -240px; top: 208px; } #home #main #mainSlash { background: #000 url(../../img/bg_main-slash-pc.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainSlash a * { visibility: hidden; } #home #main #mainBigCase { background: #000 url(../../img/bg_main-camouflage-sp_140929.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainBigCase a * { visibility: hidden; } #home #main #mainSkyCockpit2 { background: #e0dede url(../../img/bg_main-skycockpit2-pc.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainSkyCockpit2 a * { visibility: hidden; } #home #main #mainSkyCockpit { background: #000 url(../../img/bg_main-skycockpit-pc.jpg) no-repeat top center; background-size: cover; } #home #main #mainSkyCockpit h1 { display: block; width: 42%; height: 30%; background-image: url("../../img/h1_skycokpit-pc.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: 100px; left: 50%; background-size: 100% auto; } #home #main #mainSkyCockpit .crbtns { width: 288px; height: auto; position: absolute; top: 210px; left: 50%; } #home #main #mainSkyCockpit .crbtns .crbtn01, #home #main #mainSkyCockpit .crbtns .crbtn02 { float: left; width: 138px; border: solid 1px #999; height: auto; } #home #main #mainSkyCockpit .crbtns .crbtn01 a, #home #main #mainSkyCockpit .crbtns .crbtn02 a { position: relative; height: auto; } #home #main #mainSkyCockpit .crbtns .crbtn01 a img.bg, #home #main #mainSkyCockpit .crbtns .crbtn02 a img.bg { position: relative; display: block; z-index: 0; width: 100%; } #home #main #mainSkyCockpit .crbtns .crbtn02 { margin-left: 8px; } #home #main #mainSkyCockpit .crbtns .crbtn02 p { position: absolute; width: 128px; height: auto; padding: 5px !important; bottom: 0; left: 0; font-size: 75%; background-color: #000; background-color: rgba(0, 0, 0, 0.5); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000}'); z-index: 1; } #home #main #mainSkyCockpit .crbtns .crbtn02 p img.arwR { float: right; background-image: url(/common/img/icon.png); background-repeat: no-repeat; background-position: -13px 0; width: 8px; height: 12px; margin-top: 2px; margin-top: 0\9; } #home #main #mainBLEv3 { background: #000 url(../../img/bg_main-ble2-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainBLEv3 a * { visibility: hidden; } #home #main #mainBLEv2 { background: #FFF url(../../img/bg_main-blev3-tb.jpg) no-repeat center center; background-size: 100% auto; -webkit-background-size: 100% auto; } #home #main #mainBLEv2 h1 { visibility: hidden; } #home #main #mainBLEv2 .crbtns { width: 288px; height: auto; position: absolute; top: 146px; left: 2.5%; } #home #main #mainBLEv2 .crbtns .crbtn01, #home #main #mainBLEv2 .crbtns .crbtn02 { float: left; width: 138px; border: solid 1px #999; height: auto; } #home #main #mainBLEv2 .crbtns .crbtn01 a, #home #main #mainBLEv2 .crbtns .crbtn02 a { position: relative; height: auto; } #home #main #mainBLEv2 .crbtns .crbtn01 a img.bg, #home #main #mainBLEv2 .crbtns .crbtn02 a img.bg { position: relative; display: block; z-index: 0; width: 100%; } #home #main #mainBLEv2 .crbtns .crbtn02 { margin-left: 8px; } #home #main #mainBLEv2 .crbtns .crbtn02 p { position: absolute; width: 128px; height: auto; padding: 5px !important; bottom: 0; left: 0; font-size: 75%; background-color: #000; background-color: rgba(0, 0, 0, 0.5); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000}'); z-index: 1; } #home #main #mainBLEv2 .crbtns .crbtn02 p img.arwR { float: right; background-image: url(/common/img/icon.png); background-repeat: no-repeat; background-position: -13px 0; width: 8px; height: 12px; margin-top: 2px; margin-top: 0\9; } #home #main #mainBLE { background: #FFF url(../../img/bg_main-ble-tb.jpg) no-repeat center center; background-size: 100% auto; -webkit-background-size: 100% auto; } #home #main #mainBLE h1 { display: block; width: 55%; height: 190px; background-image: url("../../img/h1_ble-pc.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; background-position: top left; position: absolute; top: 15px; left: 10px; background-size: 100% auto; -webkit-background-size: 100% auto; } #home #main #mainBLE a { position: relative; z-index: 1; } #home #main #mainBLE p.btn03 { position: absolute; top: 42%; left: 10px; z-index: 2; margin-right: 12px; background: #ffe5e6; background-color: #174aa0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2459b2), color-stop(1, #174aa0)); background-image: -webkit-linear-gradient(top, #2459b2, #174aa0); background-image: -moz-linear-gradient(top, #2459b2, #174aa0); background-image: -o-linear-gradient(top, #2459b2, #174aa0); background-image: -ms-linear-gradient(top, #2459b2, #174aa0); background-image: linear-gradient(top, #2459b2, #174aa0); -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: solid 1px #174aa0; behavior: url(/common/css/PIE.htc); } #home #main #mainBLE p.btn03 a { position: relative; display: block; width: auto; height: auto; padding: 4px 7px 7px 10px; font-size: 81%; font-weight: bold; color: #fff; border-top: 1px solid #4d78c1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url(/common/css/PIE.htc); } #home #main #mainBLE p.btn03 a img.arwR { background-image: url(/common/img/icon.png); background-repeat: no-repeat; background-position: -13px 0; width: 8px; height: 12px; margin-top: 2px; margin-right: 3px; } #home #main #mainGW-9400 { background: #fff url(../../img/bg_main-gw2-9400-pc.jpg) no-repeat center center; background-size: auto 100%; -webkit-background-size: auto 100%; } #home #main #mainGW-9400 h1, #home #main #mainGW-9400 h2, #home #main #mainGW-9400 p { visibility: hidden; } #home #main #mainGW-9400 .crbtns { width: 288px; height: auto; position: absolute; top: 292px; left: -40px; /* .crbtn01, .crbtn02{ position:relative; width:185px; height:33px; left:0; top:0; overflow:hidden; img{ width:100%; } } .crbtn01{ margin-bottom:4px; } .crbtn02{ p{ position:absolute; top:0; left:0; padding:11px; color:#fff; font-size:fs(10); } }*/ } #home #main #mainGW-9400 .crbtns h1, #home #main #mainGW-9400 .crbtns h2, #home #main #mainGW-9400 .crbtns p { visibility: visible; } #home #main #mainGW-9400 .crbtns .crbtn01, #home #main #mainGW-9400 .crbtns .crbtn02 { position: relative; width: 185px; left: 0; top: 0; } #home #main #mainGW-9400 .crbtns .crbtn01 img, #home #main #mainGW-9400 .crbtns .crbtn02 img { width: 100%; } #home #main #mainMTG-S1000 { background: #000 url(../../img/bg_main-mtg-s1000-pc.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainMTG-S1000 a.main h1, #home #main #mainMTG-S1000 a.main h2, #home #main #mainMTG-S1000 a.main p { width: 50%; color: #FFF; visibility: hidden; } #home #main #mainMTG-S1000 a.main h1 { font-size: 313%; position: absolute; top: 120px; left: 60px; } #home #main #mainMTG-S1000 a.main h2 { font-size: 181%; position: absolute; top: 200px; left: 60px; } #home #main #mainGPW02 { background: #a54f58 url(../../img/bg_main-gpw02-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainGPW02 a h1, #home #main #mainGPW02 a h2, #home #main #mainGPW02 a p { visibility: hidden; } #home #main #mainGPW02 a .btn { position: absolute; top: 230px; left: 50%; margin-left: -238px; font-size: 81%; padding: 7px 9px 5px 7px; } #home #main #mainGPW02 a .btn img.arwR { position: relative; background-image: url(/common/img/icon.png); background-repeat: no-repeat; background-position: -13px 0; width: 8px; height: 12px; top: -3px; } #home #main #mainGPS { background: #000 url(../../img/bg_main-gps-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainGPS a * { visibility: hidden; } #home #main #mainFrank { background: #e60817 url(../../img/bg_main-frank-pc.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainFrank a * { visibility: hidden; } #home #main #mainGWN-1000 { background: #000 url(../../img/bg_main-gm-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainGWN-1000 a * { visibility: hidden; } #home #main #mainGW3-9400 { background: #fff url(../../img/bg_main-gw3-9400-sp.jpg) no-repeat center center; background-size: auto 100%; } #home #main #mainGW3-9400 a * { visibility: hidden; } #home #main #mainGD-120CM { background: #000 url(../../img/bg_main-camouflage-tb.jpg) no-repeat center center; background-size: 100% auto; } #home #main #mainGD-120CM a * { visibility: hidden; } #home #main #mainGLS-8900 { background: #000 url(../../img/bg_main-gls-8900-sp.jpg) no-repeat center center; background-size: auto 100%; } #home #main #mainGLS-8900 a * { visibility: hidden; } #home #main #mainGA-310 { background: #000 url(../../img/bg_main-bigcase-tb.jpg) no-repeat center center; background-size: auto 100%; } #home #main #mainGA-310 a * { visibility: hidden; } #home #main #mainRealToughness { background: #fff url(../../img/bg_main-rt-tb.jpg) no-repeat top center; background-size: cover; } #home #main #mainRealToughness h1 { visibility: hidden; } #home #main #mainG-World { background: #000 url(../../img/bg_main-gw-pc.jpg) no-repeat center center; } #home #main #mainG-World h1 { display: block; width: 68%; height: 95px; background-image: url("../../img/h1_gw-pc.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; bottom: 5px; left: 0; background-size: 100% auto; } #home #contents .banner li.products a { background: url(../../img/bg_products.jpg) top center; background-size: cover; } #home #contents .banner li.identity a { background: url(../../img/bg_identity.jpg) top center; background-size: cover; } #home .mv_txt { display: none; } #home .mv_txt .img { margin-bottom: 10px; } #home .mv_txt .img p.tl { font-weight: bold; margin-bottom: 5px; color: #fff; padding-top: 10px; } #home .mv_txt .img ul li { margin-right: 10px; margin-bottom: 10px; } #home .mv_txt .img ul li .arwR2 { position: relative; top: 2px; } #home .mv_txt .txt { clear: both; padding: 10px 0; border-top: solid 1px #ccc; } #home .mv_txt .txt p { line-height: 1.4; color: #fff; } #home .mv_txt ul.btns li { float: left; margin-right: 15px; list-style: none; } #home .mv_txt ul.btns li a { position: relative; display: inline-block; *display: block; *width: 150px; padding: 8px 25px 8px 8px; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border-top: solid 1px #999; border-bottom: solid 1px #222; background-color: #333; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #333)); background-image: -webkit-linear-gradient(top, #666, #333); background-image: -moz-linear-gradient(top, #666, #333); background-image: -o-linear-gradient(top, #666, #333); background-image: -ms-linear-gradient(top, #666, #333); background-image: linear-gradient(top, #666, #333); } #home .mv_txt ul.btns li a:hover { background: #343434; } #home .mv_txt ul.btns li a .tl { display: block; padding-bottom: 3px; } #home .mv_txt ul.btns li a .arwR { position: absolute; top: 50%; right: 10px; margin-top: -4px; left: auto; } #home .mv_txt ul.btns li a.color02 { border-top: solid 1px #a2988c; border-bottom: solid 1px #25211e; background-color: #3b342e; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #73655a), color-stop(1, #3b342e)); background-image: -webkit-linear-gradient(top, #73655a, #3b342e); background-image: -moz-linear-gradient(top, #73655a, #3b342e); background-image: -o-linear-gradient(top, #73655a, #3b342e); background-image: -ms-linear-gradient(top, #73655a, #3b342e); background-image: linear-gradient(top, #73655a, #3b342e); } #home .mv_txt ul.btns li a.color02:hover { background: #483f38; } #home #cboxContent { padding-bottom: 16em !important; } #home .center { text-align: center; } /* ---------------------------------------------------------------------- PRODUCTS ----------------------------------------------------------------------*/ /* HIGH-RESOLUTION SCREEN */ #products.svg #page .productTitle { background-image: url(../../products/img/pc/bg_title.svg?20170206) !important; } /* PRODUCTS COMMON */ #products #main { position: relative; z-index: 100; width: auto; margin: 0 10px; padding-top: 60px; } #products .productTitle { position: relative; z-index: 200; display: block; width: 480px; height: 112.5px; background-image: url("../../products/img/pc/bg_title.png?20170206") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; background-size: 480px auto; margin-bottom: 7px; } #products .wat { position: absolute; } #products .btn, #products .btn02 { font-size: 88%; padding: 8px 24px 7px 29px; } #products .btn img, #products .btn02 img { position: relative; left: 3px; top: 1px; } #products .notes_price { clear: both; padding: 10px 0 10px; } #products .notes_price li { list-style: none; font-size: 75%; line-height: 1.4; margin-bottom: 4px; } #products.mr-g .productTitle { background-position: 0 -112.5px; } #products.mt-g .productTitle { background-position: 0 -225px; height: 97.5px !important; } #products.giez .productTitle { background-position: 0 -337.5px; height: 97.5px !important; } #products.master_of_g .productTitle { background-position: 0 -450px; } #products.big_case .productTitle { background-position: 0 -1012.5px; margin-bottom: 10px; } #products.g-lide .productTitle { background-position: 0 -1125px; } #products.origin .productTitle { background-position: 0 -1237.5px; } #products.basic .productTitle { background-position: 0 -1350px; } #products.special .productTitle { background-position: 0 -1462.5px; height: 36px !important; } #products.bluetooth .productTitle { height: 200px; background-position: 0 -2075.5px; } #products .indexCol.bluetooth .productTitle { height: 72px !important; background-position: 0 -2075.5px; } #products.pattern .productTitle { background-position: 0 -2501px; height: 25px !important; } #products .indexCol.gulfmaster .productTitle, #products.gulfmaster .productTitle { background-position: 0 -1800px; } #products .indexCol.mudmaster .productTitle, #products.mudmaster .productTitle { background-position: 0 -2632.5px; height: 61px !important; } #products.gps .productTitle { background-position: 0 -1912.5px; } #products.gravitymaster-gps .productTitle { background-position: 0 -2799px; height: 69px !important; } #products.mr-g #main h1 { display: block; width: 137.25px; height: 24.75px; background-image: url("../../products/img/bg_title_mr-g.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: 30px; left: 0; background-size: cover; } #products #content { position: relative; z-index: 1000; padding-bottom: 20px; } #products #content .model { margin-bottom: 10px; } #products .pager { padding: 1px; margin-bottom: 10px; } #products .pager ol { list-style-type: none; } #products .pager p { float: left; font-size: 75%; font-weight: bold; padding-top: 10px; } #products .pager strong { font-size: 200%; } #products .pager ol { float: right; } #products .pager li { float: left; margin-left: 5px; } #products .pager a { display: block; padding: 10px; font-size: 75%; font-weight: bold; color: #000; background-color: #FFF; background-color: rgba(255, 255, 255, 0.6); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99FFFFFF',EndColorStr='#99FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99FFFFFF',EndColorStr='#99FFFFFF}'); } #products .pager a.current { background-color: #333; background-color: #333333; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF333333',EndColorStr='#FF333333')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF333333',EndColorStr='#FF333333}'); color: #FFF; } #products #search { margin-bottom: 30px; } #products #search ul { list-style-type: none; } #products #search li { line-height: 1.2; text-indent: -1.5em; margin: 0 0 1em 1.25em; } #products #search input { display: inline-block; margin-right: .5em; -webkit-transform: scale(1.25, 1.25); } #products #search .col { margin-bottom: 0; width: 100%; } #products #search .col-in { padding: 20px !important; } #products .error { background-color: #333; background-color: rgba(51, 51, 51, 0.85); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D9333333',EndColorStr='#D9333333')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D9333333',EndColorStr='#D9333333}'); padding: 200px 30px; text-align: center; line-height: 1.4; } #products .error h2 { font-size: 113%; padding-bottom: 20px; } #products .error p { margin-bottom: 1.5em; font-size: 81%; } #products .error .btn { font-size: 108% !important; padding: 10px; } #products.master_of_g .btn, #products.master_of_g .btn02 { font-size: 75%; padding: 8px 9px 7px 13px; } /* HIGH-RESOLUTION SCREEN */ #products.index.svg #contents a.m-search img, #products.index.svg #contents a.a-search img { background-image: url("../img/bg_vector.svg") !important; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #products.index #contents a.new-products img, #products.index #contents a.finder img { background-image: url("../img/sp/bg_bitmap@2x.png") !important; background-size: 42px auto; } } #products.svg img.arwR { background-image: url("/common/img/icon.svg") !important; } #products img.arwR { background-image: url("/common/img/icon.png"); background-position: -13px 0; background-repeat: no-repeat; height: 12px; left: 4px; margin-top: 2px; position: relative; width: 8px; } /* PRODUCTS INDEX */ #products.index #contents { width: 100%; padding: 0; } #products.index #contents { width: 100%; } #products.index .pc-sp { display: none; } #products.index .search { z-index: 0; height: 240px; } #products.index .search .col-in { padding-top: 100px; } #products.index .search ul { list-style: none; margin: 20px auto; padding-right: 2%; } #products.index .search li { width: 23%; margin-left: 2%; float: left; position: relative; } #products.index .search a { -webkit-text-shadow: 0 -1px 0 black; text-shadow: 0 -1px 0 black; width: 100%; padding: 10px 0; font-weight: bold; font-size: 81%; line-height: 1 !important; } #products.index .search a img { vertical-align: middle; margin: -5px 0 0; display: inline-block; } #products.index .search a img { position: absolute; top: 50%; left: 13px; margin-top: -21px; } #products.index .search a.new-products img { width: 42px; height: 42px; background: url("../img/sp/bg_bitmap.png") no-repeat 0 -350px; } #products.index .search a.finder img { width: 42px; height: 42px; background: url("../img/sp/bg_bitmap.png") no-repeat 0 -400px; } #products.index .search a.a-search, #products.index .search a.m-search { font-size: 75%; } #products.index .search a.a-search img, #products.index .search a.m-search img { margin-top: -12px; width: 42px; height: 24px; background: url("../img/bg_vector.png") no-repeat -155px -149px; } #products.index .search a .lrg { display: block; padding-left: 70px; font-size: 125%; line-height: 1.2; } #products.index .search a .sml { display: none; padding-left: 70px; font-size: 75%; color: #848484; } #products.index h1 > .inr, #products.index h2 > .inr, #products.index .prdCol > .inr { display: block; width: auto; margin: 0 auto; padding: 0 10px; } #products.index h1 sup, #products.index h2 sup, #products.index .prdCol sup { display: none; position: relative; top: -1em; font-size: 44%; } #products.index .prdCol sup { display: none; top: -0.7em; font-size: 63%; } #products.index h1.tl { border-top: solid 1px #6b6768; background: url(/products/img/pc/bg_h1.jpg) no-repeat center center #505050; background-size: auto 100%; font-size: 125%; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); } #products.index h1.tl > .inr { padding: 12px 10px; } #products.index h2.tl { border: none; background: none; padding: 0 10px; } #products.index h2.tl > .inr { padding: 0; } #products.index h2.tl .lrg { padding-right: 15px; font-size: 138%; } #products.index h2.tl .sml { color: #848484; font-size: 88%; font-weight: normal; } #products.index #productList { padding-top: 25px; background: url(../img/bg_wall.gif) top center; } #products.index .prdCol > .inr { padding: 30px 10px; } #products.index .prdCol.prdCol01 { background-color: #333; background-color: #333333; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF333333',EndColorStr='#FF333333')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF333333',EndColorStr='#FF333333}'); -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); } #products.index .prdCol.prdCol02 { background: url(../img/bg_tile02.jpg) top center; } #products.index .prdCol ul.notes { display: none; padding-top: 15px; } #products.index .prdCol ul.notes li { color: #e5e5e5; list-style: none; text-align: left; margin: 0 0 0 2em; text-indent: -2em; line-height: 1.5; font-size: 69%; font-weight: normal; } #products.index .prdCol.movieCol > .col { margin-bottom: 0; } #products.index .indexCol_movie { width: 100%; height: 100%; text-align: center; overflow: hidden; position: relative; background: #000; } #products.index .indexCol_movie .col-in { position: relative; z-index: 100; width: 100%; overflow: hidden; margin: 0 auto; padding: 0; text-align: center; background: none; } #products.index .indexCol_movie .col-in a { display: none; position: relative; z-index: 1; width: 100%; background: #000; } #products.index .indexCol_movie .col-in a:hover .img { opacity: 0.6; } #products.index .indexCol_movie .col-in a .img { position: relative; z-index: 2; transition: opacity 0.2s ease-in-out 0s; } #products.index .indexCol_movie .col-in a .img img { display: block; width: 100%; } #products.index .indexCol_movie .col-in a .txt { position: absolute; z-index: 3; width: 100%; top: 50%; left: 0; margin-top: -5em; } #products.index .indexCol_movie .col-in a .txt .caption { font-size: 113%; margin-bottom: 0; } #products.index .indexCol_movie .col-in a .txt .btn_play { margin: 26px 0 22px; } #products.index .indexCol_movie .col-in a .txt h1 { font-size: 200%; } #products.index .indexCol_movie .col-in a .txt h1 .sml { font-size: 88%; } #products.index .indexCol_movie .col-in .iframe_wrapper { z-index: 10; width: 100%; height: 0; padding-bottom: 56.25%; } #products.index .indexCol_movie .col-in .iframe_wrapper iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } #products.index .indexCol_movie .indexCol_movie_txt { padding: 15px 0; } #products.index .indexCol_movie .indexCol_movie_txt .caption { font-size: 106%; padding: 0 0 5px; margin-bottom: 0; } #products.index .indexCol_movie .indexCol_movie_txt h1 { font-size: 175%; } #products.index .indexCol_movie .indexCol_movie_txt h1 .sml { font-size: 88%; } #products.index .indexCol_movie .btn_close { display: none; } #products.index .indexCol { width: 100%; height: 100%; text-align: center; overflow: hidden; position: relative; } #products.index .indexCol .col-in { position: relative; z-index: 100; width: 100%; height: 100%; margin: 0; padding: 0; text-align: left; background: none; } #products.index .indexCol .col-in .btns { position: absolute; z-index: 200; bottom: 15px; left: 15px; } #products.index .indexCol .col-in .btns p { margin-bottom: 0; } #products.index .indexCol .col-in .btns p .btn { padding: 7px 7px 6px 12px; } #products.index .indexCol .col-in .lineup { position: absolute; z-index: 3; top: 0; left: 0; height: 100%; width: 100%; margin: 0; background: #fff; } #products.index .indexCol .col-in .lineup h3.tl { position: absolute; top: 15px; left: 15px; width: 100%; color: #000; padding-top: 0; text-align: left; font-size: 113%; } #products.index .indexCol .col-in .lineup .watBtn_prev { position: absolute; z-index: 401; width: 24px; height: 44px; left: 15px; top: 35%; margin-top: -22px; } #products.index .indexCol .col-in .lineup .watBtn_prev img { width: 24px !important; height: 44px !important; } #products.index .indexCol .col-in .lineup .watBtn_next { position: absolute; z-index: 401; width: 24px; height: 44px; right: 15px; top: 35%; margin-top: -22px; } #products.index .indexCol .col-in .lineup .watBtn_next img { width: 24px !important; height: 44px !important; } #products.index .indexCol .col-in .lineup .photo { width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 100; padding: 0; margin: 0 auto; } #products.index .indexCol .col-in .lineup .photo ul { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #products.index .indexCol .col-in .lineup .photo li { width: 100%; height: 100%; list-style: none; float: left; position: relative; text-align: center; background: none !important; } #products.index .indexCol .col-in .lineup .photo li.error { color: #000; line-height: 1.5; font-size: 63%; padding-top: 60px; } #products.index .indexCol .col-in .lineup .photo img.wat_photo { padding-top: 3%; width: 34.06%; margin: 0 auto; } #products.index .indexCol .col-in .lineup .photo .btn_more { position: relative; width: 100%; height: 100%; display: block; } #products.index .indexCol .col-in .lineup .photo .btn_more img.wat_photo { position: relative; padding-top: 9%; width: 32.81%; margin: 0 auto; z-index: 4; } #products.index .indexCol .col-in .lineup .photo .btn_more p { position: absolute; z-index: 5; top: 40%; left: 0; width: 100%; margin-top: -0.5em; font-size: 81%; font-weight: bold; } #products.index .indexCol .col-in .lineup .photo .btn_more p * { vertical-align: middle; } #products.index .indexCol .col-in .lineup .photo .btn_more p img.arwR { margin: 0; height: 12px; width: 8px; } #products.index .indexCol .col-in .lineup .photo .prd_info { display: block; text-align: center; } #products.index .indexCol .col-in .lineup .photo .prd_info h4.prd_name { color: #000; padding-top: 1%; text-align: center; font-size: 113%; margin-bottom: 8px; } #products.index .indexCol .col-in .lineup .photo .prd_info .btn_detail { margin: 0 auto; display: inline-block; padding: 0 9px; } #products.index .indexCol .col-in .lineup .photo .prd_info .btn_detail a { position: relative; left: -9px; *left: 0; display: block; margin: 0 auto; padding: 4px 4px 5px 4px; background: #666; height: auto !important; text-align: center; font-size: 94%; font-weight: bold; } #products.index .indexCol .col-in .lineup .photo .prd_info .btn_detail a img.arwR { position: relative; height: 12px; margin-top: 2px; padding-top: 0; top: 2px; width: 8px; position: relative; left: 4px; } #products.index .indexCol .col-in .txt { position: absolute; z-index: 2; bottom: 45px; left: 15px; } #products.index .indexCol .col-in .txt h1 { margin-bottom: 5px; font-weight: bold; font-size: 113%; line-height: 1.1; } #products.index .indexCol .col-in .txt h1 img { padding-bottom: 5px; } #products.index .indexCol .col-in .txt h2 { border: none; margin: 0 0 10px; padding: 0; font-size: 113%; } #products.index .indexCol .col-in .txt h2 .en-font, #products.index .indexCol .col-in .txt h2 .pageTitle h1, .pageTitle #products.index .indexCol .col-in .txt h2 h1, #products.index .indexCol .col-in .txt h2 .fav, #products.index .indexCol .col-in .txt h2 #home #contents h2, #home #contents #products.index .indexCol .col-in .txt h2 h2, #products.index .indexCol .col-in .txt h2 #home #contents .newsCol .inr p .newsTag, #home #contents .newsCol .inr p #products.index .indexCol .col-in .txt h2 .newsTag, #products.index .indexCol .col-in .txt h2 #home #contents .newProducts .tl a .more, #home #contents .newProducts .tl a #products.index .indexCol .col-in .txt h2 .more, #products.index .indexCol .col-in .txt h2 #home #contents .newProducts .counter, #home #contents .newProducts #products.index .indexCol .col-in .txt h2 .counter, #products.index .indexCol .col-in .txt h2 #home #contents .newProducts .date, #home #contents .newProducts #products.index .indexCol .col-in .txt h2 .date, #products.index .indexCol .col-in .txt h2 #home #contents .newProducts h3, #home #contents .newProducts #products.index .indexCol .col-in .txt h2 h3, #products.index .indexCol .col-in .txt h2 #home #contents .linkCol .recCol ul li.i01 a h3, #home #contents .linkCol .recCol ul li.i01 a #products.index .indexCol .col-in .txt h2 h3, #products.index .indexCol .col-in .txt h2 #home #contents .linkCol .recCol ul li.i04 a h3, #home #contents .linkCol .recCol ul li.i04 a #products.index .indexCol .col-in .txt h2 h3, #products.index .indexCol .col-in .txt h2 #home #main h1, #home #main #products.index .indexCol .col-in .txt h2 h1, #products.index .indexCol .col-in .txt h2 #home #main h2, #home #main #products.index .indexCol .col-in .txt h2 h2, #products.index .indexCol .col-in .txt h2 #home #main h3, #home #main #products.index .indexCol .col-in .txt h2 h3, #products.index .indexCol .col-in .txt h2 #home #main p, #home #main #products.index .indexCol .col-in .txt h2 p, #products.index .indexCol .col-in .txt h2 .search a .lrg, #products.index .search a .indexCol .col-in .txt h2 .lrg, #products.index .indexCol .col-in .txt h2.tl .lrg, #products.index .indexCol .indexCol_movie .col-in a .txt h2 .caption, #products.index .indexCol_movie .indexCol .col-in a .txt h2 .caption, #products.index .indexCol .col-in .txt h2 .indexCol_movie .indexCol_movie_txt .caption, #products.index .indexCol_movie .indexCol_movie_txt .indexCol .col-in .txt h2 .caption, #products.index .indexCol .col-in .txt h2 .lineup h3.tl, #products.index .indexCol .col-in .lineup .txt h2 h3.tl, #products.index .indexCol .col-in .txt h2 .lineup .photo .prd_info h4.prd_name, #products.index .indexCol .col-in .lineup .photo .prd_info .txt h2 h4.prd_name, #products.index .col .indexCol .col-in .txt h2 .lineup .prd_info h4.prd_name, #products.index .col .indexCol .lineup .prd_info .col-in .txt h2 h4.prd_name, #products.index .col2-s .indexCol .col-in .txt h2 .lineup .prd_info h4.prd_name, #products.index .col2-s .indexCol .col-in .lineup .prd_info .txt h2 h4.prd_name, #products.index .indexCol .col-in .txt h2 #products.concept .colGroup .en, #products.concept .colGroup #products.index .indexCol .col-in .txt h2 .en, #products.index .indexCol .col-in .txt h2 #products.color.lineup #page .productTitle h1, #products.color.lineup #page .productTitle #products.index .indexCol .col-in .txt h2 h1, #products.index .indexCol .col-in .txt h2 #products.limited.lineup #page .productTitle h1, #products.limited.lineup #page .productTitle #products.index .indexCol .col-in .txt h2 h1, #products.index #products.master_of_g .indexCol .lineup .col-in .txt h2 h3.tl, #products.master_of_g #products.index .indexCol .lineup .col-in .txt h2 h3.tl, #products.index #products.master_of_g .indexCol .lineup .photo .prd_info .col-in .txt h2 h4.prd_name, #products.master_of_g #products.index .indexCol .lineup .photo .prd_info .col-in .txt h2 h4.prd_name, #products.index #products.master_of_g .col2 .indexCol .col-in .txt h2 .lineup .prd_info h4.prd_name, #products.master_of_g .col2 #products.index .indexCol .col-in .txt h2 .lineup .prd_info h4.prd_name, #products.index #products.master_of_g .col2 .indexCol .lineup .prd_info .col-in .txt h2 h4.prd_name, #products.master_of_g .col2 #products.index .indexCol .lineup .prd_info .col-in .txt h2 h4.prd_name, #products.index .indexCol .col-in .txt h2 #identity.index #contents .history dl dt, #identity.index #contents .history dl #products.index .indexCol .col-in .txt h2 dt, #products.index .indexCol .col-in .txt h2 #identity.index #contents .history h2, #identity.index #contents .history #products.index .indexCol .col-in .txt h2 h2, #products.index .indexCol .col-in .txt h2 #identity.index #contents .technology .technologyTitle h1, #identity.index #contents .technology .technologyTitle #products.index .indexCol .col-in .txt h2 h1, #products.index .indexCol .col-in .txt h2 #identity.index #contents .technology .more h1, #identity.index #contents .technology .more #products.index .indexCol .col-in .txt h2 h1, #products.index .indexCol .col-in .txt h2 #identity.history #contents .pageTitle li, #identity.history #contents .pageTitle #products.index .indexCol .col-in .txt h2 li, #products.index .indexCol .col-in .txt h2 #identity.history #contents .pageTitle h2#year, #identity.history #contents .pageTitle #products.index .indexCol .col-in .txt h2 h2#year, #products.index .indexCol .col-in .txt h2 #identity.history #contents .carousel li h2, #identity.history #contents .carousel li #products.index .indexCol .col-in .txt h2 h2, #products.index .indexCol .col-in .txt h2 #identity.history #contents .carousel li .watData h3, #identity.history #contents .carousel li .watData #products.index .indexCol .col-in .txt h2 h3, #products.index .indexCol .col-in .txt h2 #identity.history #contents .carousel li .watData h4, #identity.history #contents .carousel li .watData #products.index .indexCol .col-in .txt h2 h4, #products.index .indexCol .col-in .txt h2 #mobile.index .app h1, #mobile.index .app #products.index .indexCol .col-in .txt h2 h1, #products.index .indexCol .col-in .txt h2 #mobile.index .gmix h1, #mobile.index .gmix #products.index .indexCol .col-in .txt h2 h1, #products.index .indexCol .col-in .txt h2 #mobile.index .mobile h1, #mobile.index .mobile #products.index .indexCol .col-in .txt h2 h1 { position: relative; padding-right: 5px; top: 2px; } #products.index .indexCol .col-in .txt p { display: none; margin: 0; padding: 0; } #products.index .indexCol .col-in .img { position: relative; z-index: 1; } #products.index .indexCol .col-in .img img { width: 100%; } #products.index .indexCol .col-in .btn_pickup { position: absolute; z-index: 3; right: 10px; bottom: 10px; font-size: 75%; } #products.index .indexCol .col-in .btn_pickup a { display: inline-block; color: #fff; padding: 7px 7px 6px 12px; } #products.index .indexCol .col-in .btn_pickup a img { background-image: url("../img/bg_vector.png") !important; background-position: -90px -30px !important; background-repeat: no-repeat !important; display: inline-block; height: 16px; margin-top: -4px; overflow: hidden; text-indent: -9999px; vertical-align: middle; width: 16px; } #products.index .indexCol .note { margin-top: 5px; text-align: left; } #products.index .indexCol .note li { list-style: none; line-height: 1.4; font-size: 63%; text-indent: -2em; padding-left: 2em; } #products.index .indexCol .note li + li { margin-top: 1px; } #products.index .col, #products.index .col2, #products.index .col3 { overflow: hidden; } #products.index .col .indexCol, #products.index .col2 .indexCol, #products.index .col3 .indexCol { float: left; } #products.index .col .indexCol.end, #products.index .col2 .indexCol.end, #products.index .col3 .indexCol.end { margin: 0; } #products.index .col + .col, #products.index .col + .col2, #products.index .col + .col3, #products.index .col2 + .col, #products.index .col2 + .col2, #products.index .col2 + .col3, #products.index .col3 + .col, #products.index .col3 + .col2, #products.index .col3 + .col3 { padding-top: 0.5%; } #products.index .col.mb00, #products.index .col2.mb00, #products.index .col3.mb00 { margin-bottom: 0 !important; } #products.index .col .indexCol { width: 100%; margin: 0; } #products.index .col .indexCol .lineup h3.tl { padding: 1.5% 0 0; font-size: 175%; } #products.index .col .indexCol .lineup .carouselNav { height: 72%; } #products.index .col .indexCol .lineup .watBtn_prev { top: 50%; } #products.index .col .indexCol .lineup .watBtn_next { top: 50%; } #products.index .col .indexCol .lineup .photo img.wat_photo { padding-top: 2%; height: 82%; } #products.index .col .indexCol .lineup .prd_info { position: absolute; right: 15px; bottom: 15px; display: block; text-align: center; } #products.index .col .indexCol .lineup .prd_info h4.prd_name { color: #000; padding-top: 1%; text-align: center; font-size: 113%; margin-bottom: 8px; } #products.index .col .indexCol .lineup .prd_info .btn_detail { margin: 0 auto; display: inline-block; padding: 0 9px; } #products.index .col .indexCol .lineup .prd_info .btn_detail a { position: relative; left: -9px; *left: 0; display: block; margin: 0 auto; padding: 5px 9px 9px 9px; background: #666; height: auto !important; text-align: center; font-size: 100%; font-weight: bold; } #products.index .col .indexCol .lineup .prd_info .btn_detail a img.arwR { position: relative; height: 12px; margin-top: 2px; padding-top: 0; top: 2px; width: 8px; position: relative; left: 4px; } #products.index .col2 .indexCol { width: 48.5%; margin: 0 3% 0 0; } #products.index .col2 .indexCol:nth-of-type(2n) { margin: 0; } #products.index .col2-s .indexCol .col-in .lineup h3.tl { padding: 0 0 0; } #products.index .col2-s .indexCol .col-in .lineup .carouselNav { height: 72%; } #products.index .col2-s .indexCol .col-in .lineup .watBtn_prev { top: 45%; } #products.index .col2-s .indexCol .col-in .lineup .watBtn_next { top: 45%; } #products.index .col2-s .indexCol .col-in .lineup .photo img.wat_photo { padding-top: 2%; width: 31.25%; } #products.index .col2-s .indexCol .col-in .lineup .photo .btn_more img.wat_photo { padding-top: 5%; width: 28.44%; } #products.index .col2-s .indexCol .col-in .lineup .photo .btn_more p { font-size: 69%; top: 44%; } #products.index .col2-s .indexCol .col-in .lineup .prd_info { position: absolute; right: 15px; bottom: 15px; display: block; text-align: center; } #products.index .col2-s .indexCol .col-in .lineup .prd_info h4.prd_name { color: #000; padding-top: 1%; text-align: center; font-size: 113%; margin-bottom: 8px; } #products.index .col2-s .indexCol .col-in .lineup .prd_info .btn_detail { margin: 0 auto; display: inline-block; padding: 0; } #products.index .col2-s .indexCol .col-in .lineup .prd_info .btn_detail a { left: -9px; *left: 0; display: block; text-align: center; } #products.index .col2-l .indexCol .lineup .photo img.wat_photo { padding-top: 4%; width: 40.25%; } #products.index .col2-l .indexCol .lineup .photo .btn_more img.wat_photo { padding-top: 13%; width: 38.62%; } #products.index .col2-l .indexCol .lineup .photo .btn_more p { top: 41%; } #products.index .col3 .indexCol { width: 31.3%; margin: 0 3% 0 0; } #products.index .col3 .indexCol .lineup h3.tl { padding-top: 0; } #products.index .col3 .indexCol .lineup .carouselNav { height: 72%; } #products.index .col3 .indexCol .lineup .watBtn_prev { top: 40%; } #products.index .col3 .indexCol .lineup .watBtn_next { top: 40%; } #products.index .col3 .indexCol .lineup .photo img.wat_photo { padding-top: 10%; width: 55.13%; } #products.index .col3 .indexCol .lineup .photo .btn_more img.wat_photo { padding-top: 25%; width: 54.06%; } #products.index .col3 .indexCol .lineup .photo .btn_more p { top: 46%; } #products.index .col3 .indexCol .txt h1 { font-size: 131%; } #products.index .col3 .indexCol .txt h1 .en-font, #products.index .col3 .indexCol .txt h1 .pageTitle h1, .pageTitle #products.index .col3 .indexCol .txt h1 h1, #products.index .col3 .indexCol .txt h1 .fav, #products.index .col3 .indexCol .txt h1 #home #contents h2, #home #contents #products.index .col3 .indexCol .txt h1 h2, #products.index .col3 .indexCol .txt h1 #home #contents .newsCol .inr p .newsTag, #home #contents .newsCol .inr p #products.index .col3 .indexCol .txt h1 .newsTag, #products.index .col3 .indexCol .txt h1 #home #contents .newProducts .tl a .more, #home #contents .newProducts .tl a #products.index .col3 .indexCol .txt h1 .more, #products.index .col3 .indexCol .txt h1 #home #contents .newProducts .counter, #home #contents .newProducts #products.index .col3 .indexCol .txt h1 .counter, #products.index .col3 .indexCol .txt h1 #home #contents .newProducts .date, #home #contents .newProducts #products.index .col3 .indexCol .txt h1 .date, #products.index .col3 .indexCol .txt h1 #home #contents .newProducts h3, #home #contents .newProducts #products.index .col3 .indexCol .txt h1 h3, #products.index .col3 .indexCol .txt h1 #home #contents .linkCol .recCol ul li.i01 a h3, #home #contents .linkCol .recCol ul li.i01 a #products.index .col3 .indexCol .txt h1 h3, #products.index .col3 .indexCol .txt h1 #home #contents .linkCol .recCol ul li.i04 a h3, #home #contents .linkCol .recCol ul li.i04 a #products.index .col3 .indexCol .txt h1 h3, #products.index .col3 .indexCol .txt h1 #home #main h1, #home #main #products.index .col3 .indexCol .txt h1 h1, #products.index .col3 .indexCol .txt h1 #home #main h2, #home #main #products.index .col3 .indexCol .txt h1 h2, #products.index .col3 .indexCol .txt h1 #home #main h3, #home #main #products.index .col3 .indexCol .txt h1 h3, #products.index .col3 .indexCol .txt h1 #home #main p, #home #main #products.index .col3 .indexCol .txt h1 p, #products.index .col3 .indexCol .txt h1 .search a .lrg, #products.index .search a .col3 .indexCol .txt h1 .lrg, #products.index .col3 .indexCol .txt h1 h2.tl .lrg, #products.index h2.tl .col3 .indexCol .txt h1 .lrg, #products.index .col3 .indexCol .indexCol_movie .col-in a .txt h1 .caption, #products.index .indexCol_movie .col-in a .col3 .indexCol .txt h1 .caption, #products.index .col3 .indexCol .txt h1 .indexCol_movie .indexCol_movie_txt .caption, #products.index .indexCol_movie .indexCol_movie_txt .col3 .indexCol .txt h1 .caption, #products.index .col3 .indexCol .txt h1 .col-in .lineup h3.tl, #products.index .col3 .indexCol .col-in .lineup .txt h1 h3.tl, #products.index .col3 .indexCol .txt h1 .col-in .lineup .photo .prd_info h4.prd_name, #products.index .col3 .indexCol .col-in .lineup .photo .prd_info .txt h1 h4.prd_name, #products.index .col3 .col .indexCol .txt h1 .lineup .prd_info h4.prd_name, #products.index .col .col3 .indexCol .txt h1 .lineup .prd_info h4.prd_name, #products.index .col3 .col .indexCol .lineup .prd_info .txt h1 h4.prd_name, #products.index .col .col3 .indexCol .lineup .prd_info .txt h1 h4.prd_name, #products.index .col3 .col2-s .indexCol .txt h1 .col-in .lineup .prd_info h4.prd_name, #products.index .col2-s .col3 .indexCol .txt h1 .col-in .lineup .prd_info h4.prd_name, #products.index .col3 .col2-s .indexCol .col-in .lineup .prd_info .txt h1 h4.prd_name, #products.index .col2-s .col3 .indexCol .col-in .lineup .prd_info .txt h1 h4.prd_name, #products.index .col3 .indexCol .txt h1 #products.concept .colGroup .en, #products.concept .colGroup #products.index .col3 .indexCol .txt h1 .en, #products.index .col3 .indexCol .txt h1 #products.color.lineup #page .productTitle h1, #products.color.lineup #page .productTitle #products.index .col3 .indexCol .txt h1 h1, #products.index .col3 .indexCol .txt h1 #products.limited.lineup #page .productTitle h1, #products.limited.lineup #page .productTitle #products.index .col3 .indexCol .txt h1 h1, #products.index .col3 #products.master_of_g .indexCol .txt h1 .lineup h3.tl, #products.master_of_g #products.index .col3 .indexCol .txt h1 .lineup h3.tl, #products.index .col3 #products.master_of_g .indexCol .lineup .txt h1 h3.tl, #products.master_of_g #products.index .col3 .indexCol .lineup .txt h1 h3.tl, #products.index .col3 #products.master_of_g .indexCol .txt h1 .lineup .photo .prd_info h4.prd_name, #products.master_of_g #products.index .col3 .indexCol .txt h1 .lineup .photo .prd_info h4.prd_name, #products.index .col3 #products.master_of_g .indexCol .lineup .photo .prd_info .txt h1 h4.prd_name, #products.master_of_g #products.index .col3 .indexCol .lineup .photo .prd_info .txt h1 h4.prd_name, #products.index .col3 #products.master_of_g .col2 .indexCol .txt h1 .lineup .prd_info h4.prd_name, #products.master_of_g .col2 #products.index .col3 .indexCol .txt h1 .lineup .prd_info h4.prd_name, #products.index .col3 #products.master_of_g .col2 .indexCol .lineup .prd_info .txt h1 h4.prd_name, #products.master_of_g .col2 #products.index .col3 .indexCol .lineup .prd_info .txt h1 h4.prd_name, #products.index .col3 .indexCol .txt h1 #identity.index #contents .history dl dt, #identity.index #contents .history dl #products.index .col3 .indexCol .txt h1 dt, #products.index .col3 .indexCol .txt h1 #identity.index #contents .history h2, #identity.index #contents .history #products.index .col3 .indexCol .txt h1 h2, #products.index .col3 .indexCol .txt h1 #identity.index #contents .technology .technologyTitle h1, #identity.index #contents .technology .technologyTitle #products.index .col3 .indexCol .txt h1 h1, #products.index .col3 .indexCol .txt h1 #identity.index #contents .technology .more h1, #identity.index #contents .technology .more #products.index .col3 .indexCol .txt h1 h1, #products.index .col3 .indexCol .txt h1 #identity.history #contents .pageTitle li, #identity.history #contents .pageTitle #products.index .col3 .indexCol .txt h1 li, #products.index .col3 .indexCol .txt h1 #identity.history #contents .pageTitle h2#year, #identity.history #contents .pageTitle #products.index .col3 .indexCol .txt h1 h2#year, #products.index .col3 .indexCol .txt h1 #identity.history #contents .carousel li h2, #identity.history #contents .carousel li #products.index .col3 .indexCol .txt h1 h2, #products.index .col3 .indexCol .txt h1 #identity.history #contents .carousel li .watData h3, #identity.history #contents .carousel li .watData #products.index .col3 .indexCol .txt h1 h3, #products.index .col3 .indexCol .txt h1 #identity.history #contents .carousel li .watData h4, #identity.history #contents .carousel li .watData #products.index .col3 .indexCol .txt h1 h4, #products.index .col3 .indexCol .txt h1 #mobile.index .app h1, #mobile.index .app #products.index .col3 .indexCol .txt h1 h1, #products.index .col3 .indexCol .txt h1 #mobile.index .gmix h1, #mobile.index .gmix #products.index .col3 .indexCol .txt h1 h1, #products.index .col3 .indexCol .txt h1 #mobile.index .mobile h1, #mobile.index .mobile #products.index .col3 .indexCol .txt h1 h1 { font-size: 81%; padding-bottom: 5px; } #products.index .col3 .indexCol .btn_pickup { right: 5px; top: 5px; bottom: auto; } #products.index .indexCol.GPW-2000 .txt .logos { margin-bottom: 7px; } #products.index .indexCol.GPW-2000 .txt .logos img { display: inline-block; } #products.index .indexCol.GPW-2000 .txt .logos img:nth-of-type(1) { height: 6px; } #products.index .indexCol.GPW-2000 .txt .logos img:nth-of-type(2) { height: 7px; } #products.index .indexCol.GPW-2000 .txt .catch { display: block; margin-bottom: 5px; line-height: 1.2; } #products.index .indexCol.GPW-2000 .txt .catch sup { display: inline; } #products.index .indexCol.GPW-2000 .txt .catch span { font-weight: bold; display: inline-block; } #products.index .indexCol.GPW-2000 .txt .catch span.lrg { font-size: 150%; } #products.index .indexCol.GPW-2000 .txt .catch span.sml { font-size: 119%; } #products.index .indexCol.GPW-2000 .txt h1 { font-size: 156%; } #products.index .indexCol.military_black .txt h1, #products.index .indexCol.military_black .txt h2, #products.index .indexCol.military_black .txt p, #products.index .indexCol.ga_700 .txt h1, #products.index .indexCol.ga_700 .txt h2, #products.index .indexCol.ga_700 .txt p, #products.index .indexCol.tricolor2 .txt h1, #products.index .indexCol.tricolor2 .txt h2, #products.index .indexCol.tricolor2 .txt p { color: #000; } #products.index .indexCol.sea-earth .txt h1 { -webkit-text-shadow: 0 0 3px rgba(17, 23, 64, 0.7); text-shadow: 0 0 3px rgba(17, 23, 64, 0.7); } #products.index .indexCol.burton .txt h1 img { width: 120px; } #products.index .indexCol.white_black .txt h2 { font-size: 69%; } #products.index .indexCol.lovers .col-in .txt h1 img { margin-bottom: 0; padding-bottom: 0; width: 218px; } #products.index .indexCol.MTG-G1000 .txt h1, #products.index .indexCol.MTG-G1000 .txt h2, #products.index .indexCol.MTG-G1000 .txt p { color: #000; } #products.index .indexCol.MTG-G1000 .txt h1 img.logo, #products.index .indexCol.MTG-G1000 .txt h2 img.logo, #products.index .indexCol.MTG-G1000 .txt p img.logo { width: 65px; } #products.index .indexCol.MTG-G1000 .txt h2 { margin-bottom: 5px; } #products.index .indexCol.MTG-G1000 .txt h1 { font-size: 113%; } #products.index .indexCol.new_frogman .txt h1 { margin-bottom: 10px; line-height: 0.6; font-weight: normal !important; } #products.index .indexCol.new_frogman .txt h1 img { display: inline-block; width: 100px; } #products.index .indexCol.new_frogman .txt h1 img:nth-of-type(2) { padding-bottom: 10px; width: 140px; } #products.index .indexCol.denimd .txt h1, #products.index .indexCol.marble .txt h1 { margin-bottom: 0; } #products.index .indexCol.gulfmaster .txt h1 img { height: 10px; } #products.index .indexCol.sky_cockpit .txt h1 img { height: 12px; } #products.index .indexCol.supra .txt h1 img { height: 34px; } #products.index .indexCol.alife .txt h1 img { height: 37px; } #products.index .indexCol.ble .txt h1 img + img { height: 12px; } #products.index .indexCol.mr-g .txt h1 img { height: 13px; } #products.index .indexCol.mt-g .txt h1 img { height: 12px; } #products.index .indexCol.giez .txt h1 img { height: 12px; } #products.index .indexCol.master_of_g .col-in .btns { width: 100%; bottom: 10%; left: 0; position: absolute; z-index: 200; text-align: center; } #products.index .indexCol.master_of_g .col-in .btns .btn { padding: 7px 47px 6px 57px; } #products.index .indexCol.master_of_g .col-in .txt { width: 100%; bottom: 5%; left: 0; position: absolute; z-index: 2; padding: 2% 0 8%; text-align: center; background-color: #000; background-color: rgba(0, 0, 0, 0.75); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#BF000000',EndColorStr='#BF000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#BF000000',EndColorStr='#BF000000}'); } #products.index .indexCol.master_of_g .col-in .txt h1 { width: 50%; margin: 0 auto; } #products.index .indexCol.master_of_g .col-in .txt h1 img { width: 100%; } #products.index .indexCol.master_of_g .col-in .txt p { padding: 0 30px; font-size: 181%; font-weight: bold; } #products.index .indexCol.g-lide .txt h1, #products.index .indexCol.g-lide .txt p { color: #000; } #products.index .indexCol.g-lide .txt h1 img { height: 14px; } #products.index .indexCol.ble .txt h1, #products.index .indexCol.ble .txt p { color: #000; } #products.index .dp_none { display: none; } /* PRODUCTS COLLECTION */ #products.collection #localNav .collection a { color: #F00; } /* PRODUCTS CONCEPT */ #products.concept .link { margin-bottom: 20px; } #products.concept #conceptCol { position: relative; } #products.concept #contents { position: relative; z-index: 1000; } #products.concept .intro { margin-bottom: 10px; } #products.concept .movie { width: 126px; } #products.concept .movie img { width: 100%; border: solid 1px #333; } #products.concept .colGroup { width: 400px; height: 360px; background-color: #333; background-color: rgba(51, 51, 51, 0.5); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80333333',EndColorStr='#80333333')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#80333333',EndColorStr='#80333333}'); overflow: hidden; line-height: 1.5; margin-bottom: 30px; } #products.concept .colGroup h1 { font-size: 113%; } #products.concept .colGroup h2 { font-size: 100%; margin-bottom: 5px; border: none; padding: 0; clear: both; } #products.concept .colGroup h2.en { font-size: 150%; } #products.concept .colGroup h2.en strong { font-weight: normal; } #products.concept .colGroup h2.en .btn { font-size: 42% !important; margin: -3px 0 0 10px; } #products.concept .colGroup h3 { font-size: 88%; margin-bottom: 5px; border-left: 3px solid #F00; padding-left: 5px; } #products.concept .colGroup h4 { font-size: 81%; margin-bottom: 2px; } #products.concept .colGroup p { font-size: 81%; margin-bottom: 15px; } #products.concept .colGroup strong { color: #F00; } #products.concept .colGroup .colHeader { margin: 0 15px; border-bottom: 1px solid #444; padding: 15px 0 5px 0; } #products.concept .colGroup .colHeader h1 { float: left; } #products.concept .colGroup .colHeader ul { list-style: none; float: right; } #products.concept .colGroup .colHeader li { float: left; } #products.concept .colGroup .colHeader .btn { display: inline-block; font-size: 69%; } #products.concept .colGroup .colHeader .btn:hover { text-decoration: none !important; } #products.concept .colGroup .colContents { width: auto; height: 280px; margin: 15px; overflow: scroll; } #products.concept .colGroup .colContents .jspTrack { background-color: #FFF; background-color: rgba(255, 255, 255, 0.2); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF}'); } #products.concept .colGroup .colContents .jspDrag { background: #FFF; } #products.concept .colGroup .col { width: 360px; overflow: hidden; margin-bottom: 20px; } #products.concept .colGroup .col img { text-align: center; } #products.concept .colGroup .col .col-1, #products.concept .colGroup .col .col-2, #products.concept .colGroup .col .col-3 { width: 23%; float: left; margin-right: 1.3%; } #products.concept .colGroup .col .col-1 img, #products.concept .colGroup .col .col-2 img, #products.concept .colGroup .col .col-3 img { width: 100%; } #products.concept .colGroup .col .col-4 { width: 23%; float: right; } #products.concept .colGroup .col .col-4 img { width: 100%; } #products.concept .colGroup .col .col-1-2 { width: 49%; float: left; margin-right: 1.3%; } #products.concept .colGroup .col .col-1-2 img { width: 100%; } #products.concept .colGroup .col .col-1-3 { width: 75%; float: left; } #products.concept .colGroup .col .col-1-3 img { width: 100%; } #products.concept .colGroup .col .col-3-4 { width: 49%; float: right; text-align: center; } #products.concept .colGroup .col .col-3-4 img { width: 100%; } #products.concept .colGroup .col .col-1-4 { clear: both; } #products.concept .colGroup .col .col-1-4 img { width: 100%; } #products.concept .col.ppl { padding: 11px 12px 1px 12px; border: solid 2px #d0a242; } #products.concept .col.ppl p { margin-bottom: 0; padding-bottom: 10px; line-height: 1.2; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro”," ＭＳ Ｐ明朝 "," MS PMincho”, serif; } #products.concept .col.ppl p.en-font03 { color: #d0a242; font-family: "Georgia", serif; font-size: 81%; } #products.concept .col.ppl p.tl { font-size: 138%; line-height: 1.1; padding-bottom: 5px; } #products.concept .col.ppl p.txt { font-size: 69%; } #products.concept .col.ppl .col-1-2 { width: 35%; float: left; font-size: 69%; } #products.concept .col.ppl .col-1-2 img { width: 100%; } #products.concept .col.ppl .col-3-4 { float: none; margin-left: 36%; text-align: left; width: auto; } /* PRODUCTS CONCEPT */ #products.lineup .link { margin-bottom: 20px; } #products.lineup #contents { position: relative; z-index: 1000; margin-bottom: 20px; } #products.lineup #contents .model { margin-bottom: 10px; } #products.lineup #contents .model li .new { color: #fff !important; } #products.lineup #contents .error { margin-bottom: 20px; } #products.lineup .bg { position: relative; z-index: 900; } #products.lineup #contentLoader span { top: 150px; } /* PRODUCTS SKY COCKPIT */ #products.sky_cockpit #localNav { background-color: #bbada4; background-color: rgba(187, 173, 164, 0.3); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4DBBADA4',EndColorStr='#4DBBADA4')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4DBBADA4',EndColorStr='#4DBBADA4}'); } #products.sky_cockpit #localNav a { color: #000; } #products.sky_cockpit #localNav a:hover { color: #F00; } #products.sky_cockpit.concept { background: #000 url(../../products/sky_cockpit/aviation/img/bg_concept.jpg) no-repeat 48% 0 fixed; } #products.sky_cockpit.concept #page .bg { display: none; } #products.sky_cockpit.concept #main { padding-top: 80px; } #products.sky_cockpit.concept #main .wat { width: 65%; height: auto; position: absolute; top: 40px; right: -140px; } #products.sky_cockpit.concept #main .productTitle { margin-bottom: 10px; } #products.sky_cockpit.concept #main p { font-weight: bold; font-size: 81%; width: 360px; margin-bottom: 20px; line-height: 1.3; } #products.sky_cockpit.concept #contents .colGroup { color: #fff; height: auto; margin-bottom: 0; background-color: #000; background-color: transparent; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000}'); } #products.sky_cockpit.concept #contents .colGroup .colContents { margin: 0 !important; height: auto; overflow: visible; } #products.sky_cockpit.concept #contents .colGroup .colContents .col .col-1-2 { float: none; width: 100%; } #products.sky_cockpit.concept #contents .colGroup .colContents .col .col-3-4 { float: none; width: 100%; text-align: left; } #products.sky_cockpit.concept #contents .colGroup .colContents .col p.img2 img { width: 48%; padding-right: 4%; } #products.sky_cockpit.concept #contents .colGroup .colContents .col p.img2 img:nth-child(2n) { padding-right: 0; } #products.sky_cockpit.concept #contents .colGroup .colHeader { padding: 0; margin: 0 0 15px; border: none; } #products.sky_cockpit.concept #contents .colGroup .colHeader h1 { font-size: 156%; } #products.sky_cockpit.concept #contents .colGroup h2 { position: relative; } #products.sky_cockpit.concept #contents .colGroup h2 .tripleG-l { display: inline-block; vertical-align: middle; background: url(/products/sky_cockpit/aviation/img/tec_01_sp.png) no-repeat; background-size: 100% auto; width: 52px; height: 40px; } #products.sky_cockpit.lineup { background: #000 url(../../products/sky_cockpit/aviation/img/bg_lineup2.jpg) center 75px repeat-x; } #products.sky_cockpit.lineup #page { background: url(../../products/sky_cockpit/aviation/img/bg_lineup1.jpg) top center no-repeat; } #products.sky_cockpit.lineup #main { position: relative; } #products.sky_cockpit.lineup #main .productTitle { height: 90px; } #products.sky_cockpit.lineup #main .wat { width: 45%; height: auto; position: absolute; top: 20px; right: -10px; } #products.sky_cockpit.lineup p.link { margin-bottom: 40px; } #products.sky_cockpit.gravitymaster.lineup { background: #000 url(../../products/gravitymaster/img/bg_lineup2.jpg) center 75px repeat-x; } #products.sky_cockpit.gravitymaster.lineup #page { background: url(../../products/gravitymaster/img/bg_lineup1.jpg) top center no-repeat; } #products.sky_cockpit.gravitymaster.lineup #main { position: relative; } #products.sky_cockpit.gravitymaster.lineup #main .productTitle { height: 103px; } #products.sky_cockpit.gravitymaster.lineup #main .wat { width: 45%; height: auto; position: absolute; top: 20px; right: -10px; } #products.sky_cockpit.gravitymaster.lineup p.link { margin-bottom: 40px; } #products.gravitymaster-gps.lineup { background: #000; } #products.gravitymaster-gps.lineup #page { background: url(../../products/master_of_g/gravitymaster/gpw-1000/img/pc/bg_lineup1.jpg) top center no-repeat; } #products.gravitymaster-gps.lineup #main { position: relative; } #products.gravitymaster-gps.lineup #main .productTitle { height: 103px; } #products.gravitymaster-gps.lineup #main .wat { width: 45%; height: auto; position: absolute; top: 20px; right: -10px; } #products.gravitymaster-gps.lineup p.link { margin-bottom: 40px; } /* PRODUCTS gulfmaster */ #products.gulfmaster #localNav { background-color: #bbada4; background-color: rgba(187, 173, 164, 0.3); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4DBBADA4',EndColorStr='#4DBBADA4')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4DBBADA4',EndColorStr='#4DBBADA4}'); } #products.gulfmaster #localNav a { color: #000; } #products.gulfmaster #localNav a:hover { color: #F00; } #products.gulfmaster.concept { background: #000 url(../../products/gulfmaster/img/bg_concept.jpg) no-repeat 48% 60px fixed; } #products.gulfmaster.concept #page .bg { display: none; } #products.gulfmaster.concept .movie { width: 180px; } #products.gulfmaster.concept #main { padding-top: 80px; position: relative; } #products.gulfmaster.concept #main .productTitle { margin-bottom: 20px; } #products.gulfmaster.concept #main p.sub { position: absolute; top: 86px; left: 142px; font-size: 81%; } #products.gulfmaster.concept #main .wat { width: 65%; height: auto; position: absolute; top: 40px; right: -140px; } #products.gulfmaster.concept #contents .colGroup { color: #fff; height: auto; margin-bottom: 0; background-color: #000; background-color: transparent; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000}'); } #products.gulfmaster.concept #contents .colGroup .lead { width: 360px; } #products.gulfmaster.concept #contents .colGroup .colContents { margin: 0 !important; height: auto; overflow: visible; } #products.gulfmaster.concept #contents .colGroup .colContents p.link { font-size: 94%; margin-bottom: 20px; } #products.gulfmaster.concept #contents .colGroup .colContents p.link.end { margin-bottom: 0; padding-bottom: 40px; } #products.gulfmaster.concept #contents .colGroup .colContents header.colHeader h1 { width: 338px; display: block; background: #666; padding: 2px 12px 1px; } #products.gulfmaster.concept #contents .colGroup .colContents .col .inr { padding: 10px 10px 0 10px; border: solid 1px #666; background-color: #000; background-color: rgba(0, 0, 0, 0.5); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000}'); } #products.gulfmaster.concept #contents .colGroup .colContents .col .hf01 .col-1-2, #products.gulfmaster.concept #contents .colGroup .colContents .col .hf01 .col-3-4 { margin-bottom: 20px; } #products.gulfmaster.concept #contents .colGroup .colContents .col p.img img { width: 100%; } #products.gulfmaster.concept #contents .colGroup .colContents .col p.note { margin-left: 1em; text-indent: -1em; } #products.gulfmaster.concept #contents .colGroup .colContents .col .col-1-2 { float: none; width: 100%; } #products.gulfmaster.concept #contents .colGroup .colContents .col .col-3-4 { float: none; width: 100%; text-align: left; } #products.gulfmaster.concept #contents .colGroup .colContents .col.col2 .col-1-2 { float: left; width: 48%; } #products.gulfmaster.concept #contents .colGroup .colContents .col.col2 .col-3-4 { float: right; width: 48%; text-align: left; } #products.gulfmaster.concept #contents .colGroup .colContents .col .col-1-3 { width: 63%; float: left; } #products.gulfmaster.concept #contents .colGroup .colContents .col .col-4 { width: 31%; float: right; } #products.gulfmaster.concept #contents .colGroup .colContents .col p.img2 img { width: 48%; padding-right: 4%; } #products.gulfmaster.concept #contents .colGroup .colContents .col p.img2 img:nth-child(2n) { padding-right: 0; } #products.gulfmaster.concept #contents .colGroup .colContents .col ul { margin-bottom: 15px; } #products.gulfmaster.concept #contents .colGroup .colContents .col ul.col3 { margin-bottom: 0; } #products.gulfmaster.concept #contents .colGroup .colContents .col ul.col3 li { float: left; width: 31%; list-style: none; margin-right: 3%; text-align: center; } #products.gulfmaster.concept #contents .colGroup .colContents .col ul.col3 li.end { margin-right: 0; } #products.gulfmaster.concept #contents .colGroup .colContents .col ul.col3 li img { width: 100%; } #products.gulfmaster.concept #contents .colHeader { padding: 0; margin: 0 0 15px; border: none; } #products.gulfmaster.concept #contents .colHeader h1 { font-size: 156%; } #products.gulfmaster.concept #contents h2 { position: relative; } #products.gulfmaster.concept #contents h2 .tripleG-l { display: inline-block; vertical-align: middle; background: url(/products/gulfmaster/img/tec_01_sp.png) no-repeat; background-size: 100% auto; width: 52px; height: 40px; } #products.gulfmaster.lineup { background: #000 url(../../products/gulfmaster/img/bg_lineup2.jpg) center 75px repeat-x; } #products.gulfmaster.lineup #page { background: url(../../products/gulfmaster/img/bg_lineup1.jpg) top center no-repeat; } #products.gulfmaster.lineup #main { position: relative; } #products.gulfmaster.lineup #main .productTitle { height: 115px; margin-bottom: 20px; } #products.gulfmaster.lineup #main .wat { width: 45%; height: auto; position: absolute; top: 20px; right: -10px; } #products.gulfmaster.lineup p.link { margin-bottom: 40px; } #products.mudmaster.lineup { background: #000; } #products.mudmaster.lineup #page { background: url(../../products/mudmaster/img/bg_lineup1.jpg) top center no-repeat; } #products.mudmaster.lineup #main { position: relative; } #products.mudmaster.lineup #main .productTitle { height: 115px; margin-bottom: 20px; } #products.mudmaster.lineup #main .wat { width: 45%; height: auto; position: absolute; top: 20px; right: -10px; } #products.mudmaster.lineup p.link { margin-bottom: 40px; } /* PRODUCTS MT-G */ #products.mt-g #localNav { background-color: #bbada4; background-color: rgba(187, 173, 164, 0.3); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4DBBADA4',EndColorStr='#4DBBADA4')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4DBBADA4',EndColorStr='#4DBBADA4}'); } #products.mt-g #localNav a { color: #000; } #products.mt-g #localNav a:hover { color: #F00; } #products.mt-g.concept { background: #000 url(../../products/mt-g/img/bg_concept.jpg) no-repeat 48% 60px fixed; } #products.mt-g.concept #page .bg { display: none; } #products.mt-g.concept #main { padding-top: 80px; position: relative; } #products.mt-g.concept #main p.sub { position: absolute; top: 86px; left: 142px; font-size: 81%; } #products.mt-g.concept #main .wat { width: 65%; height: auto; position: absolute; top: 40px; right: -140px; } #products.mt-g.concept .col.bnr { position: relative; width: 388px; margin-bottom: 10px !important; } #products.mt-g.concept .col.bnr img.bnr_bg { position: relative; z-index: 10; width: 100%; vertical-align: bottom; } #products.mt-g.concept .col.bnr .btn { position: absolute; z-index: 11; left: 10px; bottom: 10px; } #products.mt-g.concept #contents .colGroup { color: #fff; height: auto; margin-bottom: 0; background-color: #000; background-color: transparent; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000}'); } #products.mt-g.concept #contents .colGroup .colContents { margin: 0 !important; height: auto; overflow: visible; } #products.mt-g.concept #contents .colGroup .colContents .col p.img img { width: 100%; } #products.mt-g.concept #contents .colGroup .colContents .col .col-1-2 { float: none; width: 100%; } #products.mt-g.concept #contents .colGroup .colContents .col .col-3-4 { float: none; width: 100%; text-align: left; } #products.mt-g.concept #contents .colGroup .colContents .col.col2 .col-1-2 { float: left; width: 48%; } #products.mt-g.concept #contents .colGroup .colContents .col.col2 .col-3-4 { float: right; width: 48%; text-align: left; } #products.mt-g.concept #contents .colGroup .colContents .col .col-1-3 { width: 63%; float: left; } #products.mt-g.concept #contents .colGroup .colContents .col .col-4 { width: 31%; float: right; } #products.mt-g.concept #contents .colGroup .colContents .col p.img2 img { width: 48%; padding-right: 4%; } #products.mt-g.concept #contents .colGroup .colContents .col p.img2 img:nth-child(2n) { padding-right: 0; } #products.mt-g.concept #contents .colGroup .colContents .col ul { margin-bottom: 15px; } #products.mt-g.concept #contents .colGroup .colContents .col ul.col3 { margin-bottom: 0; } #products.mt-g.concept #contents .colGroup .colContents .col ul.col3 li { float: left; width: 31%; list-style: none; margin-right: 3%; text-align: center; } #products.mt-g.concept #contents .colGroup .colContents .col ul.col3 li.end { margin-right: 0; } #products.mt-g.concept #contents .colGroup .colContents .col ul.col3 li img { width: 100%; } #products.mt-g.concept #contents .colGroup .colHeader { padding: 0; margin: 0 0 15px; border: none; } #products.mt-g.concept #contents .colGroup .colHeader h1 { font-size: 156%; } #products.mt-g.concept #contents .colGroup h2 { position: relative; } #products.mt-g.concept #contents .colGroup h2 .tripleG-l { display: inline-block; vertical-align: middle; background: url(/products/mt-g/img/tec_01_sp.png) no-repeat; background-size: 100% auto; width: 52px; height: 40px; } #products.mt-g.lineup { background: #000 url(../../products/mt-g/img/bg_lineup2.jpg) center 75px repeat-x; } #products.mt-g.lineup #page { background: url(../../products/mt-g/img/bg_lineup1.jpg) top center no-repeat; } #products.mt-g.lineup #main { position: relative; } #products.mt-g.lineup #main .productTitle { height: 90px; } #products.mt-g.lineup #main .wat { width: 45%; height: auto; position: absolute; top: 20px; right: -10px; } #products.mt-g.lineup p.link { margin-bottom: 40px; } /* PRODUCTS rangeman */ #products.rangeman #localNav { background-color: #bbada4; background-color: rgba(187, 173, 164, 0.3); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4DBBADA4',EndColorStr='#4DBBADA4')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4DBBADA4',EndColorStr='#4DBBADA4}'); } #products.rangeman #localNav a { color: #000; } #products.rangeman #localNav a:hover { color: #F00; } #products.rangeman.concept { background: #000 url(../../products/master_of_g/rangeman/img/bg_concept.jpg) no-repeat 48% 0 fixed; } #products.rangeman.concept #page .bg { display: none; } #products.rangeman.concept #main { padding-top: 80px; } #products.rangeman.concept #main .wat { width: 65%; height: auto; position: absolute; top: 40px; right: -140px; } #products.rangeman.concept #contents .colGroup { color: #fff; height: auto; margin-bottom: 0; background-color: #000; background-color: transparent; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000}'); } #products.rangeman.concept #contents .colGroup .lead strong { color: #fff; display: block; margin-bottom: 5px; font-weight: bold; font-size: 125%; } #products.rangeman.concept #contents .colGroup .bnr { padding: 10px 10px 0px 10px; border: solid 2px #d0a242; margin-right: 10px; margin-bottom: 30px; font-size: 81%; } #products.rangeman.concept #contents .colGroup .bnr img { width: 100%; } #products.rangeman.concept #contents .colGroup .colContents { margin: 0 !important; height: auto; overflow: visible; } #products.rangeman.concept #contents .colGroup .colContents .col p.img img { width: 100%; } #products.rangeman.concept #contents .colGroup .colContents .col .col-1-2 { float: none; width: 100%; } #products.rangeman.concept #contents .colGroup .colContents .col .col-3-4 { float: none; width: 100%; text-align: left; } #products.rangeman.concept #contents .colGroup .colContents .col.col2 .col-1-2 { float: left; width: 48%; } #products.rangeman.concept #contents .colGroup .colContents .col.col2 .col-3-4 { float: right; width: 48%; text-align: left; } #products.rangeman.concept #contents .colGroup .colContents .col .col-1-3 { width: 63%; float: left; } #products.rangeman.concept #contents .colGroup .colContents .col .col-4 { width: 31%; float: right; } #products.rangeman.concept #contents .colGroup .colContents .col p.img2 img { width: 48%; padding-right: 4%; } #products.rangeman.concept #contents .colGroup .colContents .col p.img2 img:nth-child(2n) { padding-right: 0; } #products.rangeman.concept #contents .colGroup .colContents .col ul { margin-bottom: 15px; } #products.rangeman.concept #contents .colGroup .colContents .col ul.col3 { margin-bottom: 0; } #products.rangeman.concept #contents .colGroup .colContents .col ul.col3 li { float: left; width: 31%; list-style: none; margin-right: 3%; text-align: center; } #products.rangeman.concept #contents .colGroup .colContents .col ul.col3 li.end { margin-right: 0; } #products.rangeman.concept #contents .colGroup .colContents .col ul.col3 li img { width: 100%; } #products.rangeman.concept #contents .colGroup .colHeader { padding: 0; margin: 0 0 15px; border: none; } #products.rangeman.concept #contents .colGroup .colHeader h1 { font-size: 156%; } #products.rangeman.concept #contents .colGroup h2 { position: relative; } #products.rangeman.concept #contents .colGroup h2 .tripleG-l { display: inline-block; vertical-align: middle; background: url(/products/master_of_g/rangeman/img/tec_01_sp.png) no-repeat; background-size: 100% auto; width: 52px; height: 40px; } #products.rangeman.lineup { background: #000 url(../../products/master_of_g/rangeman/img/bg_lineup2.jpg) center 75px repeat-x; } #products.rangeman.lineup #page { background: url(../../products/master_of_g/rangeman/img/bg_lineup1.jpg) top center no-repeat; } #products.rangeman.lineup #main { position: relative; } #products.rangeman.lineup #main .productTitle { height: 90px; } #products.rangeman.lineup #main .wat { width: 45%; height: auto; position: absolute; top: 20px; right: -10px; } #products.rangeman.lineup p.link { margin-bottom: 40px; } /* PRODUCTS MR-G */ #products.mr-g #localNav { background-color: #262626; background-color: rgba(38, 38, 38, 0.5); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80262626',EndColorStr='#80262626')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#80262626',EndColorStr='#80262626}'); } #products.mr-g #localNav a { color: #fff; } #products.mr-g #localNav a:hover { color: #F00; } #products.mr-g .col.ppl { width: 360px; } #products.mr-g.concept #page { background: #000 url(../../products/mr-g/img/bg_lineup.jpg) no-repeat top center; background-size: 180% auto; } #products.mr-g.lineup #page { background: #000 url(../../products/mr-g/img/bg_lineup.jpg) no-repeat top center; background-size: 140% auto; } #products.mr-g.lineup #main h1 { position: absolute; top: 65px; left: 0; } #products.mr-g.lineup #main .wat { width: 95%; height: auto; position: absolute; top: 40px; right: -20%; } /* PRODUCTS GIEZ */ #products.giez #localNav { background-color: #000; background-color: rgba(0, 0, 0, 0.2); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33000000',EndColorStr='#33000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33000000',EndColorStr='#33000000}'); } #products.giez.concept #page { background: #000 url(../../products/giez/img/bg_concept.jpg) repeat-x 0 0; } #products.giez.concept #main .wat { width: 70%; height: auto; position: absolute; top: -90px; right: -170px; } #products.giez.concept #contents .colGroup { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.6); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000}'); } #products.giez.concept #contents .colGroup .colContents .jspTrack { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF}'); } #products.giez.concept #contents .colGroup .colContents .jspDrag { background: #fff; } #products.giez.lineup { background: #000 url(../../products/giez/img/bg_lineup.jpg) center 65px repeat-x; } #products.giez.lineup #main .wat { width: 65%; height: auto; position: absolute; top: 10px; right: -70px; } /* PRODUCTS BIG CASE */ #products.big_case #localNav { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#26FFFFFF',EndColorStr='#26FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26FFFFFF',EndColorStr='#26FFFFFF}'); } #products.big_case #localNav a { color: #000; } #products.big_case #localNav a:hover { color: #F00; } #products.big_case.lineup { background: #000 url(../../products/big_case/img/bg_lineup.jpg) center 65px repeat-x; } #products.big_case.lineup #main .productTitle { margin-bottom: 20px; } #products.big_case.lineup #main .wat { width: 36%; height: auto; position: absolute; top: 20px; right: 20px; } /* PRODUCTS G-LIDE */ #products.g-lide #localNav { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF}'); } #products.g-lide #localNav a { color: #000; } #products.g-lide #localNav a:hover { color: #F00; } #products.g-lide.concept #page { background: #e4eaf2 url(../../products/g-lide/img/bg_concept.jpg) no-repeat center 0; background-size: 120% auto; } #products.g-lide.concept #main .wat { width: 50%; height: auto; position: absolute; top: 30px; right: -40px; } #products.g-lide.concept #contents .colGroup { color: #000; background-color: #fff; background-color: rgba(255, 255, 255, 0.6); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99FFFFFF',EndColorStr='#99FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99FFFFFF',EndColorStr='#99FFFFFF}'); } #products.g-lide.concept #contents .colGroup .colContents .jspTrack { background-color: #000; background-color: rgba(0, 0, 0, 0.2); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33000000',EndColorStr='#33000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33000000',EndColorStr='#33000000}'); } #products.g-lide.concept #contents .colGroup .colContents .jspDrag { background: #000; } #products.g-lide.concept #contents .colGroup .colHeader { border-bottom-color: #CCC; } #products.g-lide.lineup #page { background: #f2f9fe url(../../products/g-lide/img/bg_lineup1.jpg) no-repeat center 0; background-size: 150% auto; } #products.g-lide.lineup #main .wat { width: 36%; height: auto; position: absolute; top: -25px; right: 30px; } #products.g-lide.lineup .pager, #products.g-lide.lineup .notes_price { color: #000; } /* PRODUCTS ORIGIN */ #products.origin #localNav { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#26FFFFFF',EndColorStr='#26FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26FFFFFF',EndColorStr='#26FFFFFF}'); } #products.origin #localNav a { color: #fff; } #products.origin #localNav a:hover { color: #F00; } #products.origin.concept #page { background: #000 url(../../products/origin/img/bg_concept.jpg) repeat-x 0 0; } #products.origin.concept #main .wat { width: 50%; height: auto; position: absolute; top: 30px; right: -40px; } #products.origin.concept #contents { position: relative; z-index: 101; } #products.origin.concept #contents .colGroup { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.6); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000}'); } #products.origin.concept #contents .colGroup .colContents .jspTrack { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF}'); } #products.origin.concept #contents .colGroup .colContents .jspDrag { background: #fff; } #products.origin.lineup { background: #000 url(../../products/origin/img/bg_lineup.jpg) center 75px repeat-x; } #products.origin.lineup #main .wat { width: 36%; height: auto; position: absolute; top: -58px; right: 30px; } /* PRODUCTS BASIC */ #products.basic.lineup #main .wat { width: 36%; height: auto; position: absolute; top: -40px; right: 40px; } #products.basic.lineup #contents { margin-top: 20px !important; } /* PRODUCTS PATTERN */ #products.pattern.lineup { background: #000 url(../../products/pattern/img/bg_lineup.jpg) center 65px repeat; background-size: 50% auto; } #products.pattern.lineup .productTitle { margin: 10px 0 15px; } /* PRODUCTS SPECIAL */ #products.special.lineup { background: #000 url(../../products/special/img/bg_lineup.jpg) center 65px repeat-x; background-size: 100% auto; } /* PRODUCTS COLOR */ #products.color.lineup { background: #000 center 65px repeat-x; background-size: 100% auto; } #products.color.lineup #page .productTitle { height: 36px; background: none !important; text-indent: 0; } #products.color.lineup #page .productTitle h1 { color: #fff; font-size: 213%; font-weight: normal !important; } /* PRODUCTS LIMITED */ #products.limited.lineup { background: #000 center 65px repeat-x; background-size: 100% auto; } #products.limited.lineup #page .productTitle { height: 36px; background: none !important; text-indent: 0; } #products.limited.lineup #page .productTitle h1 { color: #fff; font-size: 213%; font-weight: normal !important; } /* PRODUCTS FROGMAN*/ #products.frogman.concept { background: #000 url(../../products/master_of_g/frogman/img/bg_concept.jpg) no-repeat 48% 0 fixed; } #products.frogman.concept #page .bg { display: none; } #products.frogman.concept #main { padding-top: 80px; } #products.frogman.concept #main .productTitle { height: 80px; background-position: 0 -920px; } #products.frogman.concept #main .wat { width: 120%; height: auto; position: absolute; top: -25px; right: -40%; } #products.frogman.concept #contents .colGroup { color: #fff; height: auto; margin-bottom: 0; background-color: #000; background-color: transparent; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000}'); } #products.frogman.concept #contents .colGroup .lead strong { color: #fff; display: block; margin-bottom: 5px; font-weight: bold; font-size: 125%; } #products.frogman.concept #contents .colGroup .bnr { padding: 10px 10px 0px 10px; border: solid 2px #d0a242; margin-right: 10px; margin-bottom: 30px; font-size: 81%; } #products.frogman.concept #contents .colGroup .bnr img { width: 100%; } #products.frogman.concept #contents .colGroup .colContents { margin: 0 !important; height: auto; overflow: visible; } #products.frogman.concept #contents .colGroup .colContents .col ul { margin-bottom: 15px; } #products.frogman.concept #contents .colGroup .colContents .col ul.col3 { margin-bottom: 0; } #products.frogman.concept #contents .colGroup .colContents .col ul.col3 li { float: left; width: 31%; list-style: none; margin-right: 3%; text-align: center; } #products.frogman.concept #contents .colGroup .colContents .col ul.col3 li.end { margin-right: 0; } #products.frogman.concept #contents .colGroup .colContents .col ul.col3 li img { width: 100%; } #products.frogman.concept #contents .colGroup .colHeader { padding: 0; margin: 0 0 15px; border: none; } #products.frogman.concept #contents .colGroup .colHeader h1 { font-size: 156%; } #products.frogman.concept #contents .colGroup h2 { position: relative; } #products.frogman.concept #contents .colGroup h2 .tripleG-l { display: inline-block; vertical-align: middle; background: url(/products/master_of_g/frogman/img/tec_01_sp.png) no-repeat; background-size: 100% auto; width: 52px; height: 40px; } #products.frogman.lineup #page { background: url(../../products/master_of_g/frogman/img/bg_lineup.jpg) top center no-repeat; } #products.frogman.lineup #main { position: relative; } #products.frogman.lineup #main .productTitle { height: 80px; background-position: 0 -2724px; } #products.frogman.lineup #main .wat { width: 70%; height: auto; position: absolute; top: -25px; right: -50px; } #products.frogman.lineup p.link { margin-bottom: 40px; } /* PRODUCTS MUDMAN*/ #products.mudman #localNav { background-color: #bbada4; background-color: rgba(187, 173, 164, 0.3); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4DBBADA4',EndColorStr='#4DBBADA4')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4DBBADA4',EndColorStr='#4DBBADA4}'); } #products.mudman #localNav a { color: #000; } #products.mudman #localNav a:hover { color: #F00; } #products.mudman.concept { background: #000 url(../../products/master_of_g/mudman/img/bg_concept.jpg) no-repeat 48% 0 fixed; } #products.mudman.concept #page .bg { display: none; } #products.mudman.concept #main { padding-top: 80px; } #products.mudman.concept #main .productTitle { height: 90px; background-position: 0 -580px; } #products.mudman.concept #main .wat { width: 120%; height: auto; position: absolute; top: -25px; right: -40%; } #products.mudman.concept #contents .colGroup { color: #fff; height: auto; margin-bottom: 0; background-color: #000; background-color: transparent; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000}'); } #products.mudman.concept #contents .colGroup .lead strong { color: #fff; display: block; margin-bottom: 5px; font-weight: bold; font-size: 125%; } #products.mudman.concept #contents .colGroup .bnr { padding: 10px 10px 0px 10px; border: solid 2px #d0a242; margin-right: 10px; margin-bottom: 30px; font-size: 81%; } #products.mudman.concept #contents .colGroup .bnr img { width: 100%; } #products.mudman.concept #contents .colGroup .colContents { margin: 0 !important; height: auto; overflow: visible; } #products.mudman.concept #contents .colGroup .colContents .col ul { margin-bottom: 15px; } #products.mudman.concept #contents .colGroup .colContents .col ul.col3 { margin-bottom: 0; } #products.mudman.concept #contents .colGroup .colContents .col ul.col3 li { float: left; width: 31%; list-style: none; margin-right: 3%; text-align: center; } #products.mudman.concept #contents .colGroup .colContents .col ul.col3 li.end { margin-right: 0; } #products.mudman.concept #contents .colGroup .colContents .col ul.col3 li img { width: 100%; } #products.mudman.concept #contents .colGroup .colHeader { padding: 0; margin: 0 0 15px; border: none; } #products.mudman.concept #contents .colGroup .colHeader h1 { font-size: 156%; } #products.mudman.concept #contents .colGroup h2 { position: relative; } #products.mudman.concept #contents .colGroup h2 .tripleG-l { display: inline-block; vertical-align: middle; background: url(/products/master_of_g/mudman/img/tec_01_sp.png) no-repeat; background-size: 100% auto; width: 52px; height: 40px; } #products.mudman.lineup { background: #000 url(../../products/master_of_g/mudman/img/bg_lineup2.jpg) center 75px repeat-x; } #products.mudman.lineup #page { background: url(../../products/master_of_g/mudman/img/bg_lineup1.jpg) top center no-repeat; } #products.mudman.lineup #main { position: relative; } #products.mudman.lineup #main .productTitle { height: 90px; background-position: 0 -580px; } #products.mudman.lineup #main .wat { width: 70%; height: auto; position: absolute; top: -25px; right: -50px; } #products.mudman.lineup p.link { margin-bottom: 40px; } /* PRODUCTS GULFMAN*/ #products.gulfman.concept { background: #000 url(../../products/master_of_g/gulfman/img/bg_concept.jpg) no-repeat 48% 0 fixed; } #products.gulfman.concept #page .bg { display: none; } #products.gulfman.concept #main { padding-top: 80px; } #products.gulfman.concept #main .productTitle { height: 60px; background-position: 0 -710px; } #products.gulfman.concept #main .wat { width: 120%; height: auto; position: absolute; top: -25px; right: -40%; } #products.gulfman.concept #contents .colGroup { color: #fff; height: auto; margin-bottom: 0; background-color: #000; background-color: transparent; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000}'); } #products.gulfman.concept #contents .colGroup .lead strong { color: #fff; display: block; margin-bottom: 5px; font-weight: bold; font-size: 125%; } #products.gulfman.concept #contents .colGroup .bnr { padding: 10px 10px 0px 10px; border: solid 2px #d0a242; margin-right: 10px; margin-bottom: 30px; font-size: 81%; } #products.gulfman.concept #contents .colGroup .bnr img { width: 100%; } #products.gulfman.concept #contents .colGroup .colContents { margin: 0 !important; height: auto; overflow: visible; } #products.gulfman.concept #contents .colGroup .colContents .col ul { margin-bottom: 15px; } #products.gulfman.concept #contents .colGroup .colContents .col ul.col3 { margin-bottom: 0; } #products.gulfman.concept #contents .colGroup .colContents .col ul.col3 li { float: left; width: 31%; list-style: none; margin-right: 3%; text-align: center; } #products.gulfman.concept #contents .colGroup .colContents .col ul.col3 li.end { margin-right: 0; } #products.gulfman.concept #contents .colGroup .colContents .col ul.col3 li img { width: 100%; } #products.gulfman.concept #contents .colGroup .colHeader { padding: 0; margin: 0 0 15px; border: none; } #products.gulfman.concept #contents .colGroup .colHeader h1 { font-size: 156%; } #products.gulfman.concept #contents .colGroup h2 { position: relative; } #products.gulfman.concept #contents .colGroup h2 .tripleG-l { display: inline-block; vertical-align: middle; background: url(/products/master_of_g/gulfman/img/tec_01_sp.png) no-repeat; background-size: 100% auto; width: 52px; height: 40px; } #products.gulfman.lineup { background: #000 url(../../products/master_of_g/gulfman/img/bg_lineup2.jpg) center 75px repeat-x; } #products.gulfman.lineup #page { background: url(../../products/master_of_g/gulfman/img/bg_lineup1.jpg) top center no-repeat; } #products.gulfman.lineup #main { position: relative; } #products.gulfman.lineup #main .productTitle { height: 60px; background-position: 0 -710px; } #products.gulfman.lineup #main .wat { width: 70%; height: auto; position: absolute; top: -25px; right: -50px; } #products.gulfman.lineup p.link { margin-bottom: 40px; } /* PRODUCTS RISEMAN*/ #products.riseman.concept #contents .colGroup { background-color: #000; background-color: rgba(0, 0, 0, 0.3); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4D000000',EndColorStr='#4D000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4D000000',EndColorStr='#4D000000}'); } #products.riseman.concept #main .productTitle { height: 60px; background-position: 0 -825px; } #products.riseman.concept #main .wat { width: 200%; height: auto; position: absolute; top: -25px; right: -45%; } #products.riseman.lineup #main .productTitle { height: 60px; background-position: 0 -825px; } #products.riseman.lineup #main .wat { width: 120%; height: auto; position: absolute; top: -20px; right: -100px; } /* PRODUCTS RANGEMAN*/ #products.rangeman.concept #contents .colGroup { background-color: #000; background-color: rgba(0, 0, 0, 0.3); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4D000000',EndColorStr='#4D000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4D000000',EndColorStr='#4D000000}'); } #products.rangeman.concept #main .productTitle { height: 60px; background-position: 0 -1710px; } #products.rangeman.concept #main .wat { width: 200%; height: auto; position: absolute; top: -25px; right: -45%; } #products.rangeman.lineup #main .productTitle { height: 60px; background-position: 0 -1710px; } #products.rangeman.lineup #main .wat { width: 120%; height: auto; position: absolute; top: 0; right: -100px; } #products.gps.lineup { background: #000; } #products.gps.lineup #page { background: url(../../products/gps/img/wat_lineup.jpg) top center no-repeat; } #products.gps.lineup #main { position: relative; } #products.gps.lineup #main .productTitle { height: 38px; background-position: 0 -2575px; margin: 10px 0 15px; } #products.gps.lineup #main .wat { width: 70%; height: auto; position: absolute; top: -25px; right: -50px; } #products.gps.lineup p.link { margin-bottom: 40px; } /* PRODUCTS MASTER OF G*/ #products.master_of_g #localNav { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#26FFFFFF',EndColorStr='#26FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26FFFFFF',EndColorStr='#26FFFFFF}'); } #products.master_of_g #localNav a { color: #fff; } #products.master_of_g #localNav a:hover { color: #F00; } #products.master_of_g #main, #products.master_of_g #contents { width: 100%; padding: 0; margin: 0; } #products.master_of_g #main { padding: 60px 10px 30px; height: auto; margin-bottom: 10px; background: #000; text-align: center; } #products.master_of_g #main h1 { margin-bottom: 15px; } #products.master_of_g #main h1 img { width: 70%; } #products.master_of_g #main h2 { font-size: 138%; } #products.master_of_g .indexCol { position: relative; z-index: 9; float: left; margin-bottom: 0; margin-right: 1%; } #products.master_of_g .indexCol.end { margin-right: 0; } #products.master_of_g .indexCol h1 img { display: block; padding-top: 10px; height: 9px; } #products.master_of_g .indexCol .col-in { position: relative; margin: 0; padding: 0; background-color: #000; background-color: transparent; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000}'); } #products.master_of_g .indexCol .btns { position: absolute; z-index: 50; bottom: 10px; left: 0; width: 100%; } #products.master_of_g .indexCol .btns .link { padding: 0 10px; margin-bottom: 0; } #products.master_of_g .indexCol .btns .link .btn { display: inline-block; text-align: center; *display: inline; background: #333; width: 48.5%; margin: 0 1px; padding: 12px 0 11px; } #products.master_of_g .indexCol .txt { position: absolute; z-index: 30; bottom: 0; left: 0; width: 100%; } #products.master_of_g .indexCol .txt .txt_inr { padding: 0 10px 43px; } #products.master_of_g .indexCol .txt .txt_inr h1 { margin-bottom: 5px; font-size: 150%; } #products.master_of_g .indexCol .txt .txt_inr p sup { position: relative; top: -0.5em; } #products.master_of_g .indexCol .img { position: relative; z-index: 10; } #products.master_of_g .indexCol .img img { vertical-align: bottom; width: 100%; } #products.master_of_g .indexCol .wat { position: absolute; z-index: 20; } #products.master_of_g .indexCol .wat img { width: 100%; } #products.master_of_g .indexCol .lineup { position: absolute; z-index: 40; top: 0; left: 0; height: 100%; width: 100%; margin: 0; background: #fff; } #products.master_of_g .indexCol .lineup h3.tl { position: absolute; top: 15px; left: 15px; width: 100%; color: #000; padding-top: 0; text-align: left; font-size: 113%; } #products.master_of_g .indexCol .lineup .watBtn_prev { position: absolute; z-index: 401; width: 24px; height: 44px; left: 15px; top: 35%; margin-top: -22px; } #products.master_of_g .indexCol .lineup .watBtn_prev img { width: 24px !important; height: 44px !important; } #products.master_of_g .indexCol .lineup .watBtn_next { position: absolute; z-index: 401; width: 24px; height: 44px; right: 15px; top: 35%; margin-top: -22px; } #products.master_of_g .indexCol .lineup .watBtn_next img { width: 24px !important; height: 44px !important; } #products.master_of_g .indexCol .lineup .photo { width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 100; padding: 0; margin: 0 auto; } #products.master_of_g .indexCol .lineup .photo ul { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #products.master_of_g .indexCol .lineup .photo li { width: 100%; height: 100%; list-style: none; float: left; position: relative; text-align: center; background: none !important; } #products.master_of_g .indexCol .lineup .photo li.error { color: #000; line-height: 1.5; font-size: 63%; padding-top: 60px; } #products.master_of_g .indexCol .lineup .photo img.wat_photo { padding-top: 3%; width: 34.06%; margin: 0 auto; } #products.master_of_g .indexCol .lineup .photo .btn_more { position: relative; width: 100%; height: 100%; display: block; } #products.master_of_g .indexCol .lineup .photo .btn_more img.wat_photo { position: relative; padding-top: 9%; width: 32.81%; margin: 0 auto; z-index: 4; } #products.master_of_g .indexCol .lineup .photo .btn_more p { position: absolute; z-index: 5; top: 42%; left: 0; width: 100%; margin-top: -0.5em; font-size: 81%; font-weight: bold; } #products.master_of_g .indexCol .lineup .photo .btn_more p * { vertical-align: middle; } #products.master_of_g .indexCol .lineup .photo .btn_more p img.arwR { margin: 0; height: 12px; width: 8px; } #products.master_of_g .indexCol .lineup .photo .prd_info { display: block; text-align: center; } #products.master_of_g .indexCol .lineup .photo .prd_info h4.prd_name { color: #000; padding-top: 1%; text-align: center; font-size: 113%; margin-bottom: 8px; } #products.master_of_g .indexCol .lineup .photo .prd_info .btn_detail { margin: 0 auto; display: inline-block; padding: 0 9px; } #products.master_of_g .indexCol .lineup .photo .prd_info .btn_detail a { position: relative; left: -9px; *left: 0; display: block; margin: 0 auto; padding: 4px 4px 5px 4px; background: #666; height: auto !important; text-align: center; font-size: 94%; font-weight: bold; } #products.master_of_g .indexCol .lineup .photo .prd_info .btn_detail a img.arwR { position: relative; height: 12px; margin-top: 2px; padding-top: 0; top: 2px; width: 8px; position: relative; left: 4px; } #products.master_of_g .indexCol .btn_close { display: none; position: absolute; z-index: 200; right: 5px; top: 5px; font-size: 75%; } #products.master_of_g .indexCol .btn_close a { font-weight: bold; display: inline-block; color: #fff; padding: 7px 13px 6px 14px; background-color: #000; background-color: rgba(0, 0, 0, 0.67); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#AB000000',EndColorStr='#AB000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#AB000000',EndColorStr='#AB000000}'); -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #products.master_of_g .indexCol .btn_close a img { background-image: url("../img/icon.png") !important; background-position: -96px -1px !important; background-repeat: no-repeat !important; display: inline-block; height: 12px; margin-top: -2px; overflow: hidden; text-indent: -9999px; vertical-align: middle; width: 12px; } #products.master_of_g .indexCol .btn_pickup { position: absolute; z-index: 41; right: 5px; top: 5px; font-size: 75%; } #products.master_of_g .indexCol .btn_pickup a { font-weight: bold; display: inline-block; color: #000; padding: 7px 13px 6px 14px; background-color: #fff; background-color: rgba(255, 255, 255, 0.67); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ABFFFFFF',EndColorStr='#ABFFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ABFFFFFF',EndColorStr='#ABFFFFFF}'); -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #products.master_of_g .indexCol .btn_pickup a img { background-image: url("../img/icon.png") !important; background-position: -67px 2px !important; background-repeat: no-repeat !important; display: inline-block; height: 16px; margin-top: -4px; overflow: hidden; text-indent: -9999px; vertical-align: middle; width: 7px; } #products.master_of_g .col3 { position: relative; margin: 0 10px 40px; padding: 0; } #products.master_of_g .col3 .indexCol { width: 32%; } #products.master_of_g .col3 .indexCol .wat { right: 0; top: 14%; width: 69.8%; } #products.master_of_g .col3 .indexCol .lineup h3.tl { text-align: center; padding-top: 6%; left: auto; } #products.master_of_g .col3 .indexCol .lineup .watBtn_prev { top: 38%; } #products.master_of_g .col3 .indexCol .lineup .watBtn_next { top: 38%; } #products.master_of_g .col3 .indexCol .lineup .photo img.wat_photo { padding-top: 23%; width: 60%; } #products.master_of_g .col3 .indexCol .lineup .photo .btn_more img.wat_photo { padding-top: 28%; width: 53%; } #products.master_of_g .col3 .indexCol .lineup .photo .btn_more p { top: 40%; } #products.master_of_g .col3 .indexCol .lineup .photo .prd_info h4.prd_name { padding-top: 5%; } #products.master_of_g .col3 .bg2 { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; } #products.master_of_g .col3 .btns02 { display: none; } #products.master_of_g .col2 { position: relative; margin: 0 10px; padding: 0 0 10px; } #products.master_of_g .col2 .indexCol { width: 49%; } #products.master_of_g .col2 .indexCol .wat { right: 0; top: 0; width: 35%; } #products.master_of_g .col2 .indexCol .lineup h3.tl { padding: 0 0 0; } #products.master_of_g .col2 .indexCol .lineup .carouselNav { height: 72%; } #products.master_of_g .col2 .indexCol .lineup .watBtn_prev { top: 45%; } #products.master_of_g .col2 .indexCol .lineup .watBtn_next { top: 45%; } #products.master_of_g .col2 .indexCol .lineup .photo img.wat_photo { padding-top: 2%; width: 31.25%; } #products.master_of_g .col2 .indexCol .lineup .photo .btn_more img.wat_photo { padding-top: 5%; width: 28.44%; } #products.master_of_g .col2 .indexCol .lineup .photo .btn_more p { font-size: 69%; top: 44%; } #products.master_of_g .col2 .indexCol .lineup .prd_info { position: absolute; right: 15px; bottom: 15px; display: block; text-align: center; } #products.master_of_g .col2 .indexCol .lineup .prd_info h4.prd_name { color: #000; padding-top: 1%; text-align: center; font-size: 113%; margin-bottom: 8px; } #products.master_of_g .col2 .indexCol .lineup .prd_info .btn_detail { margin: 0 auto; display: inline-block; padding: 0; } #products.master_of_g .col2 .indexCol .lineup .prd_info .btn_detail a { left: -9px; *left: 0; display: block; text-align: center; } #products.master_of_g .col2 .indexCol .txt h1 { font-size: 138%; } #products.master_of_g .grv_selectList { position: absolute; bottom: 2.8em; left: 0; display: none; opacity: 0; text-align: left; width: 202%; height: auto !important; } #products.master_of_g .grv_selectList div { height: auto !important; margin-bottom: 1px; list-style: none; } #products.master_of_g .grv_selectList a { position: relative; height: auto !important; display: block; padding: 10px; background: #555; font-size: 12px !important; font-weight: bold; line-height: 1.3; } #products.master_of_g .grv_selectList a .arwR { position: absolute; right: 8px; left: auto; top: 50%; margin-top: -6px !important; } #products.master_of_g .lineup .grv_selectList { position: absolute; display: none; opacity: 0; text-align: left; height: auto !important; left: -68%; bottom: 2em; } #products.master_of_g .lineup .grv_selectList div { margin-bottom: 1px; list-style: none; height: auto !important; width: auto !important; } #products.master_of_g .lineup .grv_selectList a { position: relative; height: auto !important; display: block; padding: 10px; background: #555; font-weight: bold; font-size: 11px !important; } #products.master_of_g .lineup .grv_selectList a .arwR { position: absolute; right: 8px; left: auto; top: 50%; margin-top: -6px !important; } /* PRODUCTS CATALOG */ #products.catalog #localNav .catalog a { color: #F00; } #products.catalog a.btn { position: relative; width: 75px !important; padding: 8px 69px 7px 19px; } #products.catalog a.btn .arwR { position: absolute; top: 50%; left: auto; right: 10px; margin-top: -5px; } #products.catalog a.pdf { width: 83px !important; padding-right: 15px; padding-left: 65px; line-height: 1.4 !important; } #products.catalog a.pdf img.ico-pdf { position: absolute; top: 50%; left: 22px; margin-top: -16px; width: 32px; height: 32px; background: url(../img/pdficon.gif) no-repeat !important; } /* PRODUCTS FINDER */ #products.svg.finder #contents .pageTitle .searchNav a img, #products.svg.finder #contents .pageTitle .searchNav h3 img, #products.svg.finder #contents #currentInfo .currentNav a img { background-image: url("../img/bg_vector.svg") !important; } #products.svg.finder #contents #currentInfo .currentNav a.black img.icon, #products.svg.finder #contents #currentInfo .currentNav a.purple img.icon, #products.svg.finder #contents #currentInfo .currentNav a.yellow img.icon, #products.svg.finder #contents #currentInfo .currentNav a.brown img.icon, #products.svg.finder #contents #currentInfo .currentNav a.gray img.icon, #products.svg.finder #contents #currentInfo .currentNav a.red--pink img.icon, #products.svg.finder #contents #currentInfo .currentNav a.white img.icon, #products.svg.finder #contents #currentInfo .currentNav a.silver img.icon, #products.svg.finder #contents #currentInfo .currentNav a.green img.icon, #products.svg.finder #contents #currentInfo .currentNav a.blue img.icon, #products.svg.finder #contents #currentInfo .currentNav a.transparent img.icon, #products.svg.finder #contents #currentInfo .currentNav a.grey--beige--purple--etc img.icon { background-image: none !important; } /* PRODUCTS FINDER */ #products.finder { padding-bottom: 20px; } #products.finder #localNav .finder a { color: #F00; } #products.finder #contentTxt { padding-bottom: 20px; font-size: 75%; } #products.finder ul, #products.finder ol { list-style-type: none; } #products.finder .pageTitle { line-height: 1.2; position: relative; padding: 20px 1px 5px 1px; z-index: 2000; } #products.finder .pageTitle h1 { padding-bottom: 10px; } #products.finder .pageTitle .searchNav { background: #333; margin-bottom: 10px; } #products.finder .pageTitle .searchNav .tkeepNav, #products.finder .pageTitle .searchNav .releaseNav, #products.finder .pageTitle .searchNav .colorNav { float: left; position: relative; border-right: 1px solid #484848; } #products.finder .pageTitle .searchNav .tkeepNav div, #products.finder .pageTitle .searchNav .releaseNav div, #products.finder .pageTitle .searchNav .colorNav div { position: absolute; background: #333; width: 180px; display: none; overflow: hidden; } #products.finder .pageTitle .searchNav .tkeepNav div ul, #products.finder .pageTitle .searchNav .tkeepNav div select, #products.finder .pageTitle .searchNav .releaseNav div ul, #products.finder .pageTitle .searchNav .releaseNav div select, #products.finder .pageTitle .searchNav .colorNav div ul, #products.finder .pageTitle .searchNav .colorNav div select { margin: 10px; } #products.finder .pageTitle .searchNav h3 { font-size: 75%; padding: 15px 20px 5px 20px; border-right: 1px solid #242424; text-align: center; -webkit-text-shadow: 0 -1px 0 black; text-shadow: 0 -1px 0 black; } #products.finder .pageTitle .searchNav h3 img { display: block; width: 20px; height: 10px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: -125px -150px ; overflow: hidden; text-indent: -9999px; margin: 0 auto; } #products.finder .pageTitle .searchNav .open h3 { color: #F00; } #products.finder .pageTitle .searchNav .open h3 img { background-position: -125px -175px; } #products.finder .pageTitle .searchNav li { margin-bottom: 10px; position: relative; } #products.finder .pageTitle .searchNav a { font-size: 69%; font-weight: bold; } #products.finder .pageTitle .searchNav a span { width: 20px; height: 20px; margin-right: 3px; display: inline-block; vertical-align: middle; } #products.finder .pageTitle .searchNav a img { display: block; width: 20px; height: 20px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: -50px -145px ; overflow: hidden; text-indent: -9999px; } #products.finder .pageTitle .searchNav a:hover { text-decoration: underline; } #products.finder .pageTitle .searchNav a.current span { background-color: #4c4c4c; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #262626), color-stop(1, #4c4c4c)); background-image: -webkit-linear-gradient(top, #262626, #4c4c4c); background-image: -moz-linear-gradient(top, #262626, #4c4c4c); background-image: -o-linear-gradient(top, #262626, #4c4c4c); background-image: -ms-linear-gradient(top, #262626, #4c4c4c); background-image: linear-gradient(top, #262626, #4c4c4c); } #products.finder .pageTitle .searchNav a.current img { background-position: 0 -145px; } #products.finder .pageTitle .searchNav a.black span { background-color: #333; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(1, #333)); background-image: -webkit-linear-gradient(top, #333, #333); background-image: -moz-linear-gradient(top, #333, #333); background-image: -o-linear-gradient(top, #333, #333); background-image: -ms-linear-gradient(top, #333, #333); background-image: linear-gradient(top, #333, #333); } #products.finder .pageTitle .searchNav a.red--pink span { background-color: #f00; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f00), color-stop(1, #f00)); background-image: -webkit-linear-gradient(top, #f00, #f00); background-image: -moz-linear-gradient(top, #f00, #f00); background-image: -o-linear-gradient(top, #f00, #f00); background-image: -ms-linear-gradient(top, #f00, #f00); background-image: linear-gradient(top, #f00, #f00); } #products.finder .pageTitle .searchNav a.red--pink.current img { background-position: -25px -145px; } #products.finder .pageTitle .searchNav a.blue span { background-color: #06f; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #06f), color-stop(1, #06f)); background-image: -webkit-linear-gradient(top, #06f, #06f); background-image: -moz-linear-gradient(top, #06f, #06f); background-image: -o-linear-gradient(top, #06f, #06f); background-image: -ms-linear-gradient(top, #06f, #06f); background-image: linear-gradient(top, #06f, #06f); } #products.finder .pageTitle .searchNav a.yellow span { background-color: #ff0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff0), color-stop(1, #ff0)); background-image: -webkit-linear-gradient(top, #ff0, #ff0); background-image: -moz-linear-gradient(top, #ff0, #ff0); background-image: -o-linear-gradient(top, #ff0, #ff0); background-image: -ms-linear-gradient(top, #ff0, #ff0); background-image: linear-gradient(top, #ff0, #ff0); } #products.finder .pageTitle .searchNav a.white span { background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #fff)); background-image: -webkit-linear-gradient(top, #fff, #fff); background-image: -moz-linear-gradient(top, #fff, #fff); background-image: -o-linear-gradient(top, #fff, #fff); background-image: -ms-linear-gradient(top, #fff, #fff); background-image: linear-gradient(top, #fff, #fff); } #products.finder .pageTitle .searchNav a.green span { background-color: #008000; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #008000), color-stop(1, #008000)); background-image: -webkit-linear-gradient(top, #008000, #008000); background-image: -moz-linear-gradient(top, #008000, #008000); background-image: -o-linear-gradient(top, #008000, #008000); background-image: -ms-linear-gradient(top, #008000, #008000); background-image: linear-gradient(top, #008000, #008000); } #products.finder .pageTitle .searchNav a.orange span { background-color: #ffa500; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa500), color-stop(1, #ffa500)); background-image: -webkit-linear-gradient(top, #ffa500, #ffa500); background-image: -moz-linear-gradient(top, #ffa500, #ffa500); background-image: -o-linear-gradient(top, #ffa500, #ffa500); background-image: -ms-linear-gradient(top, #ffa500, #ffa500); background-image: linear-gradient(top, #ffa500, #ffa500); } #products.finder .pageTitle .searchNav a.silver span { background-color: #c0c0c0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c0c0c0), color-stop(1, #c0c0c0)); background-image: -webkit-linear-gradient(top, #c0c0c0, #c0c0c0); background-image: -moz-linear-gradient(top, #c0c0c0, #c0c0c0); background-image: -o-linear-gradient(top, #c0c0c0, #c0c0c0); background-image: -ms-linear-gradient(top, #c0c0c0, #c0c0c0); background-image: linear-gradient(top, #c0c0c0, #c0c0c0); } #products.finder .pageTitle .searchNav a.gold span { background-color: #ffd700; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffd700), color-stop(1, #ffd700)); background-image: -webkit-linear-gradient(top, #ffd700, #ffd700); background-image: -moz-linear-gradient(top, #ffd700, #ffd700); background-image: -o-linear-gradient(top, #ffd700, #ffd700); background-image: -ms-linear-gradient(top, #ffd700, #ffd700); background-image: linear-gradient(top, #ffd700, #ffd700); } #products.finder .pageTitle .searchNav a.transparent span { background-color: #f0ffff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0ffff), color-stop(1, #f0ffff)); background-image: -webkit-linear-gradient(top, #f0ffff, #f0ffff); background-image: -moz-linear-gradient(top, #f0ffff, #f0ffff); background-image: -o-linear-gradient(top, #f0ffff, #f0ffff); background-image: -ms-linear-gradient(top, #f0ffff, #f0ffff); background-image: linear-gradient(top, #f0ffff, #f0ffff); } #products.finder .pageTitle #currentInfo .currentNav a { font-weight: bold; display: inline-block; background: #333; font-size: 75%; padding: 5px; margin: 0 5px 5px 0; -webkit-text-shadow: 0 -1px 0 black; text-shadow: 0 -1px 0 black; } #products.finder .pageTitle #currentInfo .currentNav a img { display: inline-block !important; vertical-align: middle; margin-top: -2px; } #products.finder .pageTitle #currentInfo .currentNav a img.close { display: block; width: 16px; height: 16px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: -102px -172px ; overflow: hidden; text-indent: -9999px; margin-left: 3px; } #products.finder .pageTitle #currentInfo .currentNav a img.icon { margin-right: 3px; width: 8px; height: 8px; } #products.finder .pageTitle #currentInfo .currentNav a.digital img.icon { display: block; width: 16px; height: 16px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: -2px -172px ; overflow: hidden; text-indent: -9999px; } #products.finder .pageTitle #currentInfo .currentNav a.analog img.icon { display: block; width: 16px; height: 16px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: -27px -172px ; overflow: hidden; text-indent: -9999px; } #products.finder .pageTitle #currentInfo .currentNav a.digital-analog img.icon { display: block; width: 16px; height: 16px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: -52px -172px ; overflow: hidden; text-indent: -9999px; } #products.finder .pageTitle #currentInfo .currentNav a.release img.icon { display: block; width: 16px; height: 16px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: -77px -172px ; overflow: hidden; text-indent: -9999px; } #products.finder .pageTitle #currentInfo .currentNav a.black img.icon { background: #000 !important; } #products.finder .pageTitle #currentInfo .currentNav a.purple img.icon { background: #c6c !important; } #products.finder .pageTitle #currentInfo .currentNav a.yellow img.icon { background: #ff0 !important; } #products.finder .pageTitle #currentInfo .currentNav a.brown img.icon { background: #c63 !important; } #products.finder .pageTitle #currentInfo .currentNav a.gray img.icon { background: #666 !important; } #products.finder .pageTitle #currentInfo .currentNav a.red--pink img.icon { background: #f00 !important; } #products.finder .pageTitle #currentInfo .currentNav a.white img.icon { background: #fff !important; } #products.finder .pageTitle #currentInfo .currentNav a.silver img.icon { background: #999 !important; } #products.finder .pageTitle #currentInfo .currentNav a.green img.icon { background: #090 !important; } #products.finder .pageTitle #currentInfo .currentNav a.blue img.icon { background: #06f !important; } #products.finder .pageTitle #currentInfo .currentNav a.grey--beige--purple--etc img.icon { background: #000 !important; } #products.finder .pageTitle #currentInfo .currentNav a:hover { text-decoration: underline; } #products.finder #content { position: relative; z-index: 1000; } #products.finder #content .model { margin-bottom: 10px; } #products.finder #content .model li { width: 25%; } /* PRODUCTS ADVANCED SEARCH */ #products.a-search #localNav .a-search a { color: #F00; } #products.a-search #contentTxt .contentTxtWrap { background-color: #2e2e2e; background-color: rgba(46, 46, 46, 0.85); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D92E2E2E',EndColorStr='#D92E2E2E')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D92E2E2E',EndColorStr='#D92E2E2E}'); margin: 1px; padding: 20px; line-height: 1.2; } #products.a-search #contentTxt .contentTxtWrap h2 { font-size: 100%; margin-bottom: 10px; } #products.a-search #contentTxt .contentTxtWrap p { font-size: 81%; margin-bottom: 1em; } #products.a-search #contentTxt .contentTxtWrap ul { font-size: 75%; margin-bottom: 1em; color: #F33; } #products.a-search #contentTxt .contentTxtWrap .word { text-align: right; } #products.a-search #contents .pageTitle h1 { width: auto; float: left; } #products.a-search #contents .pageTitle .search-btn { float: right; font-size: 100% !important; padding-left: 20px; padding-right: 20px; } #products.a-search #search .col3 { margin-bottom: 0; } #products.a-search #search .col3 .col { margin-bottom: 0; width: 33.333% !important; float: left; } #products.a-search #search .other { width: 100% !important; overflow: hidden; } #products.a-search #search .other ul { width: 120%; } #products.a-search #search .other ul li { width: 24%; margin-right: 30px; float: left; } #products.a-search #search .search { text-align: center; } #products.a-search #search .search p { width: auto; margin: 0 auto; } #products.a-search #moreSearch { text-align: center; } #products.a-search #moreSearch h3 { margin-bottom: 0; } #products.a-search #moreSearch img { display: block; width: 32px; height: 32px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: -160px -145px ; overflow: hidden; text-indent: -9999px; vertical-align: middle; line-height: 1; display: inline-block; *display: inline; } #products.a-search #moreSearchContent { overflow: hidden; } #products.a-search #contents { min-height: 600px; } #products.a-search #contentLoader { height: 800px; } #products.a-search #contentLoader div { top: 700px; } #products.a-search .watch_history { display: none; } /* PRODUCTS MODEL SEARCH */ #products.m-search #contents { min-height: 600px; } #products.m-search #localNav .m-search a { color: #F00; } #products.m-search #search { margin-bottom: 0; } #products.m-search #search ul { width: 80%; float: left; padding-top: 5px; } #products.m-search #search p { width: 20%; float: right; margin-bottom: 0; } #products.m-search #search a { float: right; width: 100%; padding-left: 0; padding-right: 0; } #products.m-search #search li { width: auto; text-indent: 0; margin: 0 10px 0 0; display: inline-block; font-weight: bold; font-size: 88% !important; } #products.m-search #search input { margin: 0 0 0 10px !important; display: inline-block; margin-left: 5px; width: 9em; padding: 5px; -webkit-transform: scale(1, 1); } #products.m-search #search ul.list-ex { width: auto !important; font-size: 75%; color: #F33; } #products.m-search #search ul.list-ex li { float: none; display: block !important; line-height: 1.2; margin: 0 0 0.8em 1.25em; text-indent: -1.5em; font-weight: normal !important; } #products.m-search #search .cap { float: left; width: 100%; padding-top: 10px; clear: both; line-height: 1.2; font-size: 75%; } #products.m-search .watch_history { display: none; } /* PRODUCTS NEW PRODUCTS */ #products.newproducts #contents { min-height: 600px; } #products.newproducts #localNav .newproducts a { color: #F00; } #products.newproducts #contents .pageTitle h1 { float: left; } #products.newproducts #contents .releaseCol { margin-bottom: 0; text-align: center; } #products.newproducts #contents #dateTitle { font-size: 125%; font-weight: bold; margin-bottom: 0; } #products.newproducts #contents #release { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #000; margin-top: 5px; padding: 5px; float: right; } /* PRODUCTS FAV LIST */ #products.favlist #contents { min-height: 600px; } #products.favlist .error { padding: 100px 30px; } /* PRODUCTS DETAIL */ #products.svg.detail { /*ここから*/ } #products.svg.detail #contents #productData a.plus img, #products.svg.detail #contents #productData a.minus img { background-image: url("../img/bg_vector.svg") !important; } /* PRODUCTS DETAIL */ #products.detail { /* 2013.11.19 */ /* 2015.01.26 */ /* 2015.02.06 */ } #products.detail #localNav .collection a { color: #F00; } #products.detail #contents { padding-top: 60px; } #products.detail #contents h1 { font-size: 163%; margin-bottom: 10px; font-family: "Oswald-Bold", "Helvetica", "Arial", "Verdana", sans-serif; font-weight: normal; } #products.detail #contents #productData { padding-bottom: 40px; } #products.detail #contents #productData .productSummary { position: relative; float: left; width: 38%; line-height: 1.2; } #products.detail #contents #productData .productSummary h1 { font-size: 163% !important; } #products.detail #contents #productData .productSummary h1 span { font-size: 54%; display: block; } #products.detail #contents #productData .productSummary ul { list-style: none; } #products.detail #contents #productData .productSummary .wat { width: 110%; margin: 0 0 20px -5%; position: relative; } #products.detail #contents #productData .productSummary .variation { width: 100%; height: 80px; overflow: hidden; position: relative; margin-bottom: 20px; } #products.detail #contents #productData .productSummary .variation .nav { width: auto; height: 80px; margin: 0 20px; overflow: hidden; position: relative; } #products.detail #contents #productData .productSummary .variation ul { width: auto; height: 75px; } #products.detail #contents #productData .productSummary .variation li { width: 100px; height: 70px; position: relative; float: left; margin-right: 10px; } #products.detail #contents #productData .productSummary .variation li a { display: block; width: 100%; height: 100%; overflow: hidden; border: 2px solid #FFF; background: #333; position: relative; } #products.detail #contents #productData .productSummary .variation li img { position: absolute; top: -30px; left: -10px; width: 180%; } #products.detail #contents #productData .productSummary .variation a.prev, #products.detail #contents #productData .productSummary .variation a.next { display: block; width: 5%; height: 75px; position: absolute; top: 0; } #products.detail #contents #productData .productSummary .variation a.prev span, #products.detail #contents #productData .productSummary .variation a.next span { position: absolute; top: 50%; margin-top: -8px; } #products.detail #contents #productData .productSummary .variation a.prev { left: 0; } #products.detail #contents #productData .productSummary .variation a.prev span { display: block; width: 16px; height: 16px; background: url("../img/bg_vector.png") no-repeat -70px -30px; overflow: hidden; text-indent: -9999px; } #products.detail #contents #productData .productSummary .variation a.next { right: 0; } #products.detail #contents #productData .productSummary .variation a.next span { display: block; width: 16px; height: 16px; background: url("../img/bg_vector.png") no-repeat -90px -30px; overflow: hidden; text-indent: -9999px; } #products.detail #contents #productData .productSummary a.fav { margin-bottom: 20px; padding: 10px; background-color: #fff; background-color: rgba(255, 255, 255, 0.2); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF}'); font-size: 100%; border: 2px solid #333; } #products.detail #contents #productData .productSummary a.fav img { margin-top: -3px; } #products.detail #contents #productData .productSummary a.fav.current { background-color: #000; background-color: rgba(0, 0, 0, 0.1); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1A000000',EndColorStr='#1A000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1A000000',EndColorStr='#1A000000}'); border: 2px solid #333; } #products.detail #contents #productData .productBody { width: 60%; float: right; } #products.detail #contents #productData .productDetail h2 { font-size: 150%; margin-bottom: 15px; } #products.detail #contents #productData .productDetail h2 .new { font-size: 83% !important; color: #FFF; } #products.detail #contents #productData .productDetail .productDetailWrap { background: #FFF; color: #000; margin: 1px 1px 1px 1px; padding: 25px 30px 20px; font-size: 75%; line-height: 1.4; } #products.detail #contents #productData .productDetail .productDetailWrap b { font-weight: bold; } #products.detail #contents #productData .productDetail .productDetailWrap li { margin-bottom: .75em; margin-left: 1em; } #products.detail #contents #productData .productDetail .productDetailWrap a.supportNumber { position: relative; display: block; padding: 20px; margin-bottom: 20px; background-color: #000; background-color: rgba(0, 0, 0, 0.8); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#CC000000',EndColorStr='#CC000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#CC000000',EndColorStr='#CC000000}'); font-size: 150%; font-weight: bold; text-align: center; background: none\9; background: #333 \9; color: #FFF; } #products.detail #contents #productData .productDetail .productDetailWrap a.supportNumber:hover { color: #FFF; text-decoration: none; background-color: #000; background-color: rgba(0, 0, 0, 0.3); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4D000000',EndColorStr='#4D000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4D000000',EndColorStr='#4D000000}'); background: none\9; background: #666 \9; } #products.detail #contents #productData .productDetail .productDetailWrap a.supportNumber .ico { background-image: url(../img/bg_vector.png); position: absolute; display: block; top: 0; right: 3%; background-position: -200px -105px; width: 32px; height: 32px; margin-top: 17px; } #products.detail #contents #productData .function { width: 38%; float: left; list-style: none; } #products.detail #contents #productData .function li { margin-bottom: 10px; } #products.detail #contents #productData .function a { display: block; background: #000; border: 2px solid #333; padding: 10px 5px 10px 80px; min-height: 53px; } #products.detail #contents #productData .function a.connected { background: #000 url(../img/bg_connected.jpg) no-repeat -40px center !important; } #products.detail #contents #productData .function a.smpLink { background: #000 url(../img/bg_smpLink.jpg) no-repeat -40px center !important; } #products.detail #contents #productData .function a.connectedApp { background: #000 url(../img/bg_connectedApp.jpg) no-repeat -40px center !important; } #products.detail #contents #productData .function a.gMixApp { background: #000 url(../img/bg_gMixApp.jpg) no-repeat -40px center !important; } #products.detail #contents #productData .function a.gpApp { background: #000 url(../img/bg_gpApp.jpg) no-repeat -40px center !important; } #products.detail #contents #productData .function a.shock { background: #000 url(../img/bg_shock.jpg) no-repeat 7px center !important; } #products.detail #contents #productData .function a.solar { background: #000 url(../img/bg_solar.jpg) no-repeat -14px 0 !important; } #products.detail #contents #productData .function a.gps { background: #000 url(../img/bg_gps.jpg) no-repeat -40px 0 !important; } #products.detail #contents #productData .function a.triple { background: #000 url(../img/bg_triple.jpg) no-repeat 7px center !important; } #products.detail #contents #productData .function a.smart { background: #000 url(../img/bg_smart.jpg) no-repeat 7px center !important; } #products.detail #contents #productData .function a.wave { background: #000 url(../img/bg_wave.jpg) no-repeat 7px center !important; } #products.detail #contents #productData .function a.multi { background: #000 url(../img/bg_multi.jpg) no-repeat 0 0 !important; } #products.detail #contents #productData .function a.water { background: #000 url(../img/bg_water.jpg) no-repeat 0 0 !important; } #products.detail #contents #productData .function h3 { font-size: 100%; margin-bottom: 5px; } #products.detail #contents #productData .function p { font-size: 63%; } #products.detail #contents #otherList { width: 100%; clear: both; padding-top: 30px; } #products.detail #contents #otherList ul { margin: 1px; background: #FFF; padding: 30px; } #products.detail #contents #otherList li { list-style: none; float: left; margin: 0 10px 10px 0; } #products.detail #contents #otherList img { max-width: 100%; } #products.detail .promoArea { padding: 25px 30px 20px; background: #fff; margin: 0 1px 1px; font-size: 75%; line-height: 1.4; } #products.detail .promoArea ul { width: 100%; overflow: hidden; } #products.detail .promoArea ul li { float: left; width: 23.25%; margin: 0 2% 5px 0; list-style: none; overflow: hidden; background: #000; } #products.detail .promoArea ul li:nth-child(4n) { margin-right: 0; } #products.detail .promoArea ul li.movie { position: relative; width: 100%; } #products.detail .promoArea ul li img { position: relative; height: 100%; display: block; margin: 0 auto; z-index: 1; } #products.detail .promoArea ul li.movie img { height: auto; width: 100%; } #products.detail .promoArea ul li.movie img.bg { position: absolute; top: 0; left: 0; z-index: 2; } #products.detail #contents .terms .btns ul { width: 90%; margin: 0 auto; } #products.detail .variation-color { padding: 0 0 20px; } #products.detail.svg.detail #contents #productData .productDetail .productDetailWrap a.quickguid .ico, #products.detail.svg.detail #contents #productData .productDetail .productDetailWrap a.supportNumber .ico { background-image: url(../img/bg_vector.svg) !important; } #products.detail .note { background: #fff; color: #000; width: auto; height: auto; margin: 0 1px 1px; padding: 25px 30px 20px; font-size: 75%; line-height: 1.3; } #products.detail .note .text { margin: 0 0 5px 0; width: auto; word-wrap: break-word; padding-bottom: 10px; } #products.detail a.quickguid { position: relative; display: block; padding: 10px; margin-bottom: 10px; border: solid 1px #666; color: #666; text-align: center; font-weight: bold; } #products.detail a.quickguid:hover { color: #999; text-decoration: none; border: solid 1px #999; } #products.detail a.supportNumber { position: relative; display: block; padding: 10px 40px; margin-bottom: 10px; background-color: #fff; background-color: rgba(255, 255, 255, 0.2); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF}'); font-size: 150%; font-weight: bold; text-align: center; background: none\9; background: #333 \9; color: #FFF; } #products.detail a.supportNumber, #products.detail a.supportNumber:hover { position: relative; display: block; padding: 10px 40px; margin-bottom: 10px; background-color: #000; background-color: rgba(0, 0, 0, 0.5); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000}'); font-size: 130%; font-weight: bold; text-align: center; background: none\9; background: #000 \9; color: #FFF; } #products.detail a.supportNumber .ico { position: absolute; background-image: url(../img/bg_vector.png) !important; display: block; margin-top: -16px; top: 50%; right: 3%; background-position: -200px -105px; width: 32px; height: 32px; } #products.detail a.quickguid .ico { position: absolute; background-image: url(../img/bg_vector.png) !important; display: block; margin-top: -9px; top: 50%; right: 3%; background-position: -200px 0px; width: 32px; height: 32px; } #products.detail a.supportNumber .txt { vertical-align: 0.3em; padding-left: 5px; } #products.detail #shareBarDiv_wrap { width: 100%; padding-top: 30px; clear: both; } #products.detail #shareBarDiv_inr { margin: 0 0 0 0; padding: 15px 10px 10px; background: #272727; } #products.detail #shareBarDiv_wrap .tl { padding: 3px 0 3px 35px; margin-bottom: 10px; background: url(../img/ico_share.gif) no-repeat 5px center; } #products.detail .about_btn { position: relative; z-index: 100; padding: 20px 0 8px; margin-bottom: 20px; border-bottom: solid 1px #333; font-size: 77%; } #products.detail .about_btn .btn_txt { text-align: right; } #products.detail .about_btn .comment_box { position: relative; height: 0; display: none; } #products.detail .about_btn .comment_box .inr { position: absolute; top: 10px; z-index: 101; padding: 12px; border: solid 5px #ccc; background: #fff; color: #000; font-size: 90%; line-height: 1.5; } #products.detail .about_btn .comment_box .inr .lead { padding-bottom: 5px; border-bottom: solid 1px #ccc; margin-bottom: 5px; font-size: 110%; } #products.detail .about_btn .comment_box .inr .sml { font-size: 80%; } #products.detail .about_btn .comment_box .inr ol { margin-left: 20px; } #products.detail .svg img.arwR { background-image: url("../img/icon.svg") !important; } #products.detail img.arwR { background-image: url("../img/icon.png"); background-position: -13px 0; background-repeat: no-repeat; height: 12px; left: 4px; margin-top: 2px; position: relative; width: 8px; } #products.detail .btn_close { display: block; position: absolute; right: 12px; top: 7px; padding: 2px; width: 12px; height: 12px; border: solid 1px #ccc; } #products.detail .btn_close img { width: 100%; display: block; } #products.detail .comment_box * { vertical-align: middle !important; } #products.detail .ico-fav { padding: 0 2px !important; } #products.detail .notes_price { clear: both; padding: 10px 0 0; } #products.detail .notes_price li { list-style: none; font-size: 88%; line-height: 1.4; margin-bottom: 4px; } #products.detail .btn_accordion { display: none; } #products.detail .watch_history { width: auto; padding-bottom: 10px; -webkit-box-shadow: 0 1px 0 #484848; box-shadow: 0 1px 0 #484848; border-bottom: 1px solid #292929; } #products.detail .watch_history .wh_tl .wh_tl_inr { width: auto; font-size: 88%; color: #fff; font-weight: bold; margin: 0 auto; padding: 15px 10px 10px; } #products.detail .watch_history .wh_inr { width: auto; margin: 0 10px; overflow: hidden; } #products.detail .watch_history .h_list { position: relative; width: 305%; } #products.detail .watch_history .h_list li { list-style: none; float: left; width: 5.5%; } #products.detail .watch_history .h_list li a { margin-right: 2px; display: block; padding: 17px 8px 10px; background: #fff; } #products.detail .watch_history .h_list li .img { text-align: center; } #products.detail .watch_history .h_list li .img img { display: block; margin: 0 auto; width: 100%; } #products.detail .watch_history .h_list li p { font-weight: bold; font-size: 70%; line-height: 1.4; } #products.detail .watch_history .h_list li .price { font-size: 90%; font-weight: normal; } #products.detail .watch_history .h_list_btns { clear: both; position: relative; width: auto; margin: 0 10px 1px; height: 1px; } #products.detail .watch_history .h_list_btns a { position: absolute; display: block; width: 28px; } #products.detail .watch_history .h_list_btns a.h_list_prev { left: 0; width: 40px; height: 40px; position: absolute; top: -2px; left: 0; } #products.detail .watch_history .h_list_btns a.h_list_prev span { display: block; width: 32px; height: 32px; background-image: url("../img/bg_vector.png"); background-repeat: no-repeat; background-position: -200px -145px; overflow: hidden; text-indent: -9999px; position: absolute; top: 4px; left: 0; } #products.detail .watch_history .h_list_btns a.h_list_next { right: 0; width: 40px; height: 40px; position: absolute; top: -2px; right: 0; } #products.detail .watch_history .h_list_btns a.h_list_next span { display: block; width: 32px; height: 32px; background-image: url("../img/bg_vector.png"); background-repeat: no-repeat; background-position: -200px -105px; overflow: hidden; text-indent: -9999px; position: absolute; top: 4px; right: 0; } #products.detail .watch_history .page_count { color: #fff; width: auto; margin: 0 10px; padding: 10px 0; text-align: center; background: #3f3f3f; font-size: 81%; } /* ---------------------------------------------------------------------- IDENTITY ----------------------------------------------------------------------*/ /* HIGH-RESOLUTION SCREEN */ #identity.svg #page .concept h1, #identity.svg #page .history h1 { background-image: url(../../identity/img/pc/bg_title.svg) !important; } /* IDENTITY INDEX */ #identity.index #localNav .index a { color: #F00; } #identity.index #contents { width: 100%; padding: 0; } #identity.index #contents h1 { font-size: 250%; } #identity.index #contents h2 { font-size: 125%; margin-bottom: 10px; } #identity.index #contents h3 { font-size: 113%; } #identity.index #contents p { font-size: 75%; line-height: 1.8; margin-bottom: 2em; } #identity.index #contents .concept, #identity.index #contents .history, #identity.index #contents .technology { width: 100%; padding: 20px 0; margin-bottom: 0; position: relative; } #identity.index #contents .col-in { width: auto; margin: 0 10px; position: relative; } #identity.index #contents .concept { z-index: 100; background: #000 url(../../identity/img/pc/bg_concept.jpg) top center no-repeat; padding-top: 70px; } #identity.index #contents .concept p { font-weight: bold; } #identity.index #contents .concept h1 { display: block; width: 450px; height: 40px; background-image: url("../../identity/img/pc/bg_title.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; font-size: 6%; } #identity.index #contents .history { z-index: 200; background: #000 url(../../identity/img/pc/bg_history.jpg) top center no-repeat; padding-bottom: 40px; position: relative; overflow: hidden; } #identity.index #contents .history .pageTitle { padding-top: 40px; } #identity.index #contents .history .wat { z-index: 210; display: block; width: 50%; height: 600px; background-image: url("../../identity/img/pc/wat_history.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: 20px; right: -7%; background-size: 100% auto; } #identity.index #contents .history .wat2 { z-index: 200; display: block; width: 40%; height: 600px; background-image: url("../../identity/img/pc/wat_history2.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: -50px; right: 25%; background-size: 100% auto; } #identity.index #contents .history .read { position: relative; z-index: 220; } #identity.index #contents .history .btn { font-size: 100% !important; } #identity.index #contents .history p { margin-top: 40px !important; font-weight: bold; } #identity.index #contents .history dl { margin-bottom: 20px; } #identity.index #contents .history dl dt, #identity.index #contents .history dl dd { display: inline-block; vertical-align: middle; } #identity.index #contents .history dl dt { font-size: 125%; width: 40px; } #identity.index #contents .history dl dd { font-size: 75%; font-weight: bold; } #identity.index #contents .history h1 { display: block; width: 450px; height: 40px; background-image: url("../../identity/img/pc/bg_title.png") ; background-repeat: no-repeat ; background-position: 0 -50px ; overflow: hidden; text-indent: -9999px; font-size: 6%; margin: 9% 0 0; } #identity.index #contents .history h2 { padding: 5px 0 10%; font-size: 313%; } #identity.index #contents .technology { z-index: 300; color: #000; background: #d4ccc6 url(../../identity/img/pc/bg_technology.jpg) bottom center no-repeat; } #identity.index #contents .technology .wat { z-index: 310; display: block; width: 70%; height: 602px; background-image: url("../../identity/img/pc/wat_technology.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: 0; right: -30%; background-size: 100% auto; } #identity.index #contents .technology .technologyTitle img { float: left; margin-right: 10px; margin-bottom: 10px; } #identity.index #contents .technology .technologyTitle h1 { font-size: 188% !important; padding: 5px 0; } #identity.index #contents .technology .technologyTitle p { line-height: 1.2 !important; font-size: 75% !important; margin-bottom: 0; } #identity.index #contents .technology .col3 { position: relative; z-index: 320; margin-bottom: 10px !important; } #identity.index #contents .technology .more { background: #000 url(../../identity/img/pc/bg_technology_btn.jpg) 0 0 no-repeat; color: #FFF; width: auto; padding: 20px 40px 20px 150px; display: inline-block; display: inline-block; } #identity.index #contents .technology .more h1 { font-size: 188% !important; padding-bottom: 10px !important; *padding-bottom: 30px !important; } #identity.index #contents .technology .more p { line-height: 1.2 !important; font-size: 75% !important; margin-bottom: 1em; } #identity.index #contents .col .col-in { background-color: #000000; background-color: rgba(0, 0, 0, 0.6); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000}'); width: auto; margin: 1px; padding: 15px; color: #FFF; } #identity.index #contents .col .col-in h2 { font-size: 113%; } #identity.index #contents .col .col-in h3 { font-size: 88%; margin: 5px 0; } #identity.index #contents .col .col-in p { margin-bottom: 10px; } #identity.index #contents .col .col-in .photo { margin-bottom: 10px; } #identity.index #contents .col .col-in .photo img { display: block; width: 100%; } #identity.index #contents .col .col-in .sub p { font-size: 75%; line-height: 1.4 !important; } #identity.index #contents .gps h1 { font-size: 200%; } #identity.index #contents .gps h1 sup { font-size: 44%; vertical-align: top; } #identity.index #contents .gps h2 { margin-bottom: 15px; } #identity.index #contents .gps .h2_2 { margin-bottom: 5px; padding-left: 0; border: none; font-size: 175% !important; } #identity.index #contents .gps .mb00 { margin-bottom: 0 !important; } #identity.index #contents .gps .col { margin-bottom: 0 !important; } #identity.index #contents .gps .col.type02 .col-in .col2.sub { width: auto !important; margin-bottom: 0 !important; } #identity.index #contents .gps .col.type02 .col-in .col2.sub .col2-1, #identity.index #contents .gps .col.type02 .col-in .col2.sub .col2-2 { width: auto; float: none !important; } #identity.index #contents .gps .col.type02 .col-in .col2.sub .col2-1 p { font-weight: bold; font-size: 100%; } #identity.index #contents .gps .col.type02 .col-in .col2.sub .col2-2 { margin-bottom: 0 !important; } #identity.index #contents .gps .col2.fh { margin-bottom: 10px; } #identity.index #contents .gps ul.note { margin-bottom: 30px; padding: 5px; background-color: #FFF; background-color: rgba(255, 255, 255, 0.5); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80FFFFFF',EndColorStr='#80FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#80FFFFFF',EndColorStr='#80FFFFFF}'); position: relative; } #identity.index #contents .gps ul.note li { list-style: none; font-size: 75%; line-height: 1.3; text-indent: -1em; margin-left: 1em; } #identity.index #contents .gps .bd { margin-bottom: 12px; padding: 10px 0; border-top: solid 1px #fff; border-bottom: solid 1px #fff; line-height: 1.4; } #identity.index #contents .gps .bd ul { padding-top: 5px; } #identity.index #contents .gps .bd ul li { list-style: none; margin-left: 1.6em; text-indent: -1.6em; margin-bottom: 3px; } #identity.index #contents .gps .small { font-weight: normal !important; font-size: 88% !important; } /* IDENTITY HISTORY */ #identity.history #localNav .history a { color: #F00; } #identity.history #contents { height: 640px; padding: 40px 0 0 0; } #identity.history #contents sup { position: relative; top: -0.5em; } #identity.history #contents #bg1 { background-color: #F00; background-color: rgba(255, 0, 0, 0.3); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4DFF0000',EndColorStr='#4DFF0000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4DFF0000',EndColorStr='#4DFF0000}'); position: absolute; top: 230px; right: 0; width: 100%; height: 170px; z-index: 100; } #identity.history #contents #bg2 { background-color: #FFF; background-color: rgba(255, 255, 255, 0.05); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0DFFFFFF',EndColorStr='#0DFFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0DFFFFFF',EndColorStr='#0DFFFFFF}'); position: absolute; top: 200px; left: -220px; width: 120%; height: 200px; z-index: 100; } #identity.history #contents #bg3 { position: absolute; top: 0; left: 200px; background: url(../../identity/history/img/pc/bg_ie.png) bottom right no-repeat; width: 697px; height: 700px; display: none; z-index: 100; } #identity.history #contents .pageTitle { position: relative; margin: 0 10px; z-index: 200; background: url(../../identity/history/img/bg_line.png) bottom right repeat-x; } #identity.history #contents .pageTitle h1 { width: auto; float: left; margin: 0; } #identity.history #contents .pageTitle ul { list-style: none; float: right; margin-right: 20px; } #identity.history #contents .pageTitle li { float: left; } #identity.history #contents .pageTitle a { font-size: 125%; padding: 5px; display: inline-block; } #identity.history #contents .pageTitle a:hover, #identity.history #contents .pageTitle a.current { color: #F00; } #identity.history #contents .pageTitle h2#year { float: none; font-size: 750%; position: absolute; top: 210px; left: 90px; } #identity.history #contents .carousel { position: relative; z-index: 200; height: 550px; } #identity.history #contents .carousel ul { height: 550px; } #identity.history #contents .carousel li { height: 550px; background: none; } #identity.history #contents .carousel li h2 { font-size: 750%; position: absolute; top: 130px; left: 90px; } #identity.history #contents .carousel li .photo { position: absolute; top: 40px; right: 40px; width: 40%; } #identity.history #contents .carousel li .photo img { width: 100%; } #identity.history #contents .carousel li .watData { position: absolute; top: 300px; left: 105px; text-align: left; line-height: 1.4; } #identity.history #contents .carousel li .watData h3, #identity.history #contents .carousel li .watData h4, #identity.history #contents .carousel li .watData h5, #identity.history #contents .carousel li .watData p { width: 40%; } #identity.history #contents .carousel li .watData h3 { font-size: 100%; } #identity.history #contents .carousel li .watData h4 { font-size: 163%; } #identity.history #contents .carousel li .watData h5 { font-size: 88%; margin-bottom: 3px; } #identity.history #contents .carousel li .watData p { font-size: 75%; } #identity.history #contents .carousel .carouselNav .prev, #identity.history #contents .carousel .carouselNav .next { height: 550px !important; } #identity.history #contents .carousel .carouselNav .prev span, #identity.history #contents .carousel .carouselNav .next span { top: 185px; } /* IDENTITY TECHNOLOGY */ #identity.technology #localNav .technology a { color: #F00; } #identity.technology #contents { padding-top: 50px; } #identity.technology #contents article h2 { border: none; padding: 0; } #identity.technology #contents article .title { font-size: 100%; border-left: 3px solid #FF0000; margin-bottom: 10px; padding-left: 5px; } #identity.technology #contents article .image { text-align: center; margin-bottom: 20px; } #identity.technology #contents article .image img { width: 100%; } #identity.technology #contents article .thumb { float: right; margin: 0 0 10px 10px; } #identity.technology #contents article .thumb img { width: 100%; } #identity.technology #contents article .image-list { margin-right: -10px; margin-bottom: 10px; } #identity.technology #contents article .image-list img { padding-right: 10px; width: 23%; } #identity.technology #contents article .in { padding-right: 10px; } #identity.technology #contents article .col2 .col .in { padding-right: 20px; } #identity.technology #contents article .ex { margin-bottom: 30px; } #identity.technology #contents article .ex li { text-indent: -1em; padding-left: 1em; font-size: 69%; list-style: none; line-height: 1.3; } #identity.technology #contents article .clear { clear: both; } #identity.technology #contents article#article1 h2 { font-size: 150%; } #identity.technology #contents article#article1 h4 { font-size: 88%; margin-bottom: 8px; } #identity.technology #contents article#article1 .col .col-in { background-color: #000; background-color: rgba(0, 0, 0, 0.5); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000}'); } #identity.technology #contents article#article2 .col2 .col1 { clear: both; float: none; width: auto; } #identity.technology #contents article#article2 .col2 .col1 .col2 { margin-top: 20px; } #identity.technology #contents article#article2 dl.subTitle { margin-bottom: 20px; } #identity.technology #contents article#article2 dl.subTitle dt, #identity.technology #contents article#article2 dl.subTitle dd { display: table-cell; vertical-align: middle; *display: inline; *zoom: 1; } #identity.technology #contents article#article2 dl.subTitle dt { padding-right: 20px; } #identity.technology #contents article#article2 dl.subTitle dd h2 { border: none; padding: 0; margin: 0; } #identity.technology #contents article#article2 dl.subTitle dd p { margin: 0; } #identity.technology #contents article#article2 h3 { padding: 5px 8px; margin-bottom: 8px; background: #1a1a1a; } /* ---------------------------------------------------------------------- G-SHOCK WORLD ----------------------------------------------------------------------*/ /* HIGH-RESOLUTION SCREEN */ /* PRODUCTS COMMON */ /* ---------------------------------------------------------------------- SUPPORT ----------------------------------------------------------------------*/ /* HIGH-RESOLUTION SCREEN */ /* PRODUCTS COMMON */ /* ---------------------------------------------------------------------- SHOP ----------------------------------------------------------------------*/ /* SHOP */ #shop .btn_back { margin-bottom: 25px; } #shop .btn_back .inr { float: left; display: block; border: solid 1px #333; background-color: #111; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(1, #111)); background-image: -webkit-linear-gradient(top, #333, #111); background-image: -moz-linear-gradient(top, #333, #111); background-image: -o-linear-gradient(top, #333, #111); background-image: -ms-linear-gradient(top, #333, #111); background-image: linear-gradient(top, #333, #111); -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #shop .btn_back .inr a { position: relative; display: block; padding: 6px 7px 6px 28px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; text-decoration: none !important; } #shop .btn_back .inr a span { font-weight: bold; text-align: center; display: block; padding: 5px 0; color: #fff; font-size: 75%; } #shop .btn_back .inr a img.arwL { position: absolute; top: 50%; left: 6px; margin-top: -7px; background-image: url(../img/icon.png); background-repeat: no-repeat; background-position: -24px 0; width: 8px; height: 12px; } #shop #contents article .tabContainer { width: 100%; } #shop #contents article .tab .tabNavigation { width: 100%; overflow: hidden; } #shop #contents article .tab .tabNavigation li { margin-right: 1%; text-align: center; width: 49.5%; } #shop #contents article .tab .tabNavigation li:nth-of-type(2n) { float: right; margin-right: 0; } #shop #contents article .tab .tabNavigation li a { position: relative; padding: 10px 0; font-size: 106%; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; behavior: url("/common/css/PIE.htc"); background-color: #292929; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4b4b4b), color-stop(1, #292929)); background-image: -webkit-linear-gradient(top, #4b4b4b, #292929); background-image: -moz-linear-gradient(top, #4b4b4b, #292929); background-image: -o-linear-gradient(top, #4b4b4b, #292929); background-image: -ms-linear-gradient(top, #4b4b4b, #292929); background-image: linear-gradient(top, #4b4b4b, #292929); line-height: 1.5; } #shop #contents article .tab .tabNavigation li a.current { color: #fff !important; background-color: #494949; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #494949), color-stop(1, #494949)); background-image: -webkit-linear-gradient(top, #494949, #494949); background-image: -moz-linear-gradient(top, #494949, #494949); background-image: -o-linear-gradient(top, #494949, #494949); background-image: -ms-linear-gradient(top, #494949, #494949); background-image: linear-gradient(top, #494949, #494949); } #shop #contents article .tab .tabNavigation li a .en-font, #shop #contents article .tab .tabNavigation li a .pageTitle h1, .pageTitle #shop #contents article .tab .tabNavigation li a h1, #shop #contents article .tab .tabNavigation li a .fav, #shop #home #contents article .tab .tabNavigation li a h2, #home #shop #contents article .tab .tabNavigation li a h2, #shop #home #contents article .tab .tabNavigation li a .newsCol .inr p .newsTag, #home #shop #contents article .tab .tabNavigation li a .newsCol .inr p .newsTag, #shop #home #contents .newsCol .inr p article .tab .tabNavigation li a .newsTag, #home #shop #contents .newsCol .inr p article .tab .tabNavigation li a .newsTag, #shop #home #contents article .tab .tabNavigation li .newProducts .tl a .more, #home #shop #contents article .tab .tabNavigation li .newProducts .tl a .more, #shop #home #contents .newProducts .tl article .tab .tabNavigation li a .more, #home #shop #contents .newProducts .tl article .tab .tabNavigation li a .more, #shop #home #contents article .tab .tabNavigation li a .newProducts .counter, #home #shop #contents article .tab .tabNavigation li a .newProducts .counter, #shop #home #contents .newProducts article .tab .tabNavigation li a .counter, #home #shop #contents .newProducts article .tab .tabNavigation li a .counter, #shop #home #contents article .tab .tabNavigation li a .newProducts .date, #home #shop #contents article .tab .tabNavigation li a .newProducts .date, #shop #home #contents .newProducts article .tab .tabNavigation li a .date, #home #shop #contents .newProducts article .tab .tabNavigation li a .date, #shop #home #contents article .tab .tabNavigation li a .newProducts h3, #home #shop #contents article .tab .tabNavigation li a .newProducts h3, #shop #home #contents .newProducts article .tab .tabNavigation li a h3, #home #shop #contents .newProducts article .tab .tabNavigation li a h3, #shop #home #contents article .tab .tabNavigation .linkCol .recCol ul li.i01 a h3, #home #shop #contents article .tab .tabNavigation .linkCol .recCol ul li.i01 a h3, #shop #home #contents .linkCol .recCol ul article .tab .tabNavigation li.i01 a h3, #home #shop #contents .linkCol .recCol ul article .tab .tabNavigation li.i01 a h3, #shop #home #contents article .tab .tabNavigation .linkCol .recCol ul li.i04 a h3, #home #shop #contents article .tab .tabNavigation .linkCol .recCol ul li.i04 a h3, #shop #home #contents .linkCol .recCol ul article .tab .tabNavigation li.i04 a h3, #home #shop #contents .linkCol .recCol ul article .tab .tabNavigation li.i04 a h3, #shop #contents article .tab .tabNavigation li a #home #main h1, #home #main #shop #contents article .tab .tabNavigation li a h1, #shop #contents article .tab .tabNavigation li a #home #main h2, #shop #contents article .tab .tabNavigation li a #home #main h3, #home #main #shop #contents article .tab .tabNavigation li a h3, #shop #contents article .tab .tabNavigation li a #home #main p, #home #main #shop #contents article .tab .tabNavigation li a p, #shop #contents article .tab .tabNavigation li #products.index .search a .lrg, #products.index .search #shop #contents article .tab .tabNavigation li a .lrg, #shop #contents article .tab .tabNavigation li a #products.index h2.tl .lrg, #products.index h2.tl #shop #contents article .tab .tabNavigation li a .lrg, #shop #contents article .tab .tabNavigation li #products.index .indexCol_movie .col-in a .txt .caption, #products.index .indexCol_movie .col-in #shop #contents article .tab .tabNavigation li a .txt .caption, #shop #contents article .tab .tabNavigation li a #products.index .indexCol_movie .indexCol_movie_txt .caption, #products.index .indexCol_movie .indexCol_movie_txt #shop #contents article .tab .tabNavigation li a .caption, #shop #contents article .tab .tabNavigation li a #products.index .indexCol .col-in .lineup h3.tl, #products.index .indexCol .col-in .lineup #shop #contents article .tab .tabNavigation li a h3.tl, #shop #contents article .tab .tabNavigation li a #products.index .indexCol .col-in .lineup .photo .prd_info h4.prd_name, #products.index .indexCol .col-in .lineup .photo .prd_info #shop #contents article .tab .tabNavigation li a h4.prd_name, #shop #contents article .tab .tabNavigation li a #products.index .col .indexCol .lineup .prd_info h4.prd_name, #products.index .col .indexCol .lineup .prd_info #shop #contents article .tab .tabNavigation li a h4.prd_name, #shop #contents article .tab .tabNavigation li a #products.index .col2-s .indexCol .col-in .lineup .prd_info h4.prd_name, #products.index .col2-s .indexCol .col-in .lineup .prd_info #shop #contents article .tab .tabNavigation li a h4.prd_name, #shop #contents article .tab .tabNavigation li a #products.concept .colGroup .en, #products.concept .colGroup #shop #contents article .tab .tabNavigation li a .en, #shop #contents article .tab .tabNavigation li a #products.color.lineup #page .productTitle h1, #products.color.lineup #page .productTitle #shop #contents article .tab .tabNavigation li a h1, #shop #contents article .tab .tabNavigation li a #products.limited.lineup #page .productTitle h1, #products.limited.lineup #page .productTitle #shop #contents article .tab .tabNavigation li a h1, #shop #contents article .tab .tabNavigation li a #products.master_of_g .indexCol .lineup h3.tl, #products.master_of_g .indexCol .lineup #shop #contents article .tab .tabNavigation li a h3.tl, #shop #contents article .tab .tabNavigation li a #products.master_of_g .indexCol .lineup .photo .prd_info h4.prd_name, #products.master_of_g .indexCol .lineup .photo .prd_info #shop #contents article .tab .tabNavigation li a h4.prd_name, #shop #contents article .tab .tabNavigation li a #products.master_of_g .col2 .indexCol .lineup .prd_info h4.prd_name, #products.master_of_g .col2 .indexCol .lineup .prd_info #shop #contents article .tab .tabNavigation li a h4.prd_name, #shop #identity.index #contents article .tab .tabNavigation li a .history dl dt, #identity.index #shop #contents article .tab .tabNavigation li a .history dl dt, #shop #identity.index #contents .history dl article .tab .tabNavigation li a dt, #identity.index #shop #contents .history dl article .tab .tabNavigation li a dt, #shop #identity.index #contents article .tab .tabNavigation li a .history h2, #identity.index #shop #contents article .tab .tabNavigation li a .history h2, #shop #identity.index #contents .history article .tab .tabNavigation li a h2, #identity.index #shop #contents .history article .tab .tabNavigation li a h2, #shop #identity.index #contents article .tab .tabNavigation li a .technology .technologyTitle h1, #identity.index #shop #contents article .tab .tabNavigation li a .technology .technologyTitle h1, #shop #identity.index #contents .technology .technologyTitle article .tab .tabNavigation li a h1, #identity.index #shop #contents .technology .technologyTitle article .tab .tabNavigation li a h1, #shop #identity.index #contents article .tab .tabNavigation li a .technology .more h1, #identity.index #shop #contents article .tab .tabNavigation li a .technology .more h1, #shop #identity.index #contents .technology .more article .tab .tabNavigation li a h1, #identity.index #shop #contents .technology .more article .tab .tabNavigation li a h1, #shop #identity.history #contents article .tab .tabNavigation li a .pageTitle li, #identity.history #shop #contents article .tab .tabNavigation li a .pageTitle li, #shop #identity.history #contents .pageTitle article .tab .tabNavigation li a li, #identity.history #shop #contents .pageTitle article .tab .tabNavigation li a li, #shop #identity.history #contents article .tab .tabNavigation li a .pageTitle h2#year, #identity.history #shop #contents article .tab .tabNavigation li a .pageTitle h2#year, #shop #identity.history #contents .pageTitle article .tab .tabNavigation li a h2#year, #identity.history #shop #contents .pageTitle article .tab .tabNavigation li a h2#year, #shop #identity.history #contents article .tab .tabNavigation .carousel li a h2, #identity.history #shop #contents article .tab .tabNavigation .carousel li a h2, #shop #identity.history #contents .carousel article .tab .tabNavigation li a h2, #identity.history #shop #contents .carousel article .tab .tabNavigation li a h2, #shop #identity.history #contents article .tab .tabNavigation .carousel li a .watData h3, #identity.history #shop #contents article .tab .tabNavigation .carousel li a .watData h3, #shop #identity.history #contents .carousel article .tab .tabNavigation li a .watData h3, #identity.history #shop #contents .carousel article .tab .tabNavigation li a .watData h3, #shop #identity.history #contents article .tab .tabNavigation .carousel li .watData a h3, #identity.history #shop #contents article .tab .tabNavigation .carousel li .watData a h3, #shop #identity.history #contents .carousel article .tab .tabNavigation li .watData a h3, #identity.history #shop #contents .carousel article .tab .tabNavigation li .watData a h3, #shop #identity.history #contents article .tab .tabNavigation .carousel li a .watData h4, #identity.history #shop #contents article .tab .tabNavigation .carousel li a .watData h4, #shop #identity.history #contents .carousel article .tab .tabNavigation li a .watData h4, #identity.history #shop #contents .carousel article .tab .tabNavigation li a .watData h4, #shop #identity.history #contents article .tab .tabNavigation .carousel li .watData a h4, #identity.history #shop #contents article .tab .tabNavigation .carousel li .watData a h4, #shop #identity.history #contents .carousel article .tab .tabNavigation li .watData a h4, #identity.history #shop #contents .carousel article .tab .tabNavigation li .watData a h4, #shop #contents article .tab .tabNavigation li a #mobile.index .app h1, #mobile.index .app #shop #contents article .tab .tabNavigation li a h1, #shop #contents article .tab .tabNavigation li a #mobile.index .gmix h1, #mobile.index .gmix #shop #contents article .tab .tabNavigation li a h1, #shop #contents article .tab .tabNavigation li a #mobile.index .mobile h1, #mobile.index .mobile #shop #contents article .tab .tabNavigation li a h1 { position: relative; top: 3px; font-size: 113%; line-height: 1; } #shop #contents article .news_wrap { margin: 1px 0 20px 1px; padding: 30px; background: #494949; font-size: 75%; line-height: 1.2; } #shop #contents article .news_wrap p { padding-bottom: 5px; } #shop #contents article .news_wrap .news { background: #5e5e5e; border: solid 1px #444; margin-top: 5px; padding: 15px; } #shop #contents article .news_wrap .news h2 { font-weight: bold; margin-bottom: 12px; font-size: 100%; } #shop #contents article .news_wrap .news dl + dl { margin-top: 13px; } #shop #contents article .news_wrap .news dl dt { font-weight: bold; float: left; width: 7.5em; } #shop #contents article .news_wrap .news dl dd { margin-left: 8em; } #shop #contents article .news_wrap .news dl dd a { text-decoration: underline; } #shop #contents article .news_wrap .news dl dd br + a.btn-txt { display: inline-block; margin-top: 7px; } #shop #contents article #tab01, #shop #contents article #tab02 { width: 100%; float: none; } #shop #contents article .hdr h2.en-font, #shop #contents article .hdr h2.fav, #shop #home #contents article .hdr h2, #home #shop #contents article .hdr h2, #shop #contents article .hdr #home #main h2, #shop #contents article .hdr #products.index .search a h2.lrg, #products.index .search a #shop #contents article .hdr h2.lrg, #shop #contents article .hdr #products.index h2.tl h2.lrg, #products.index h2.tl #shop #contents article .hdr h2.lrg, #shop #contents article .hdr #products.index .indexCol_movie .col-in a .txt h2.caption, #products.index .indexCol_movie .col-in a .txt #shop #contents article .hdr h2.caption, #shop #contents article .hdr #products.index .indexCol_movie .indexCol_movie_txt h2.caption, #products.index .indexCol_movie .indexCol_movie_txt #shop #contents article .hdr h2.caption, #shop #contents article .hdr #products.concept .colGroup h2.en, #products.concept .colGroup #shop #contents article .hdr h2.en, #shop #identity.index #contents article .hdr .history h2, #identity.index #shop #contents article .hdr .history h2, #shop #identity.index #contents .history article .hdr h2, #identity.index #shop #contents .history article .hdr h2, #shop #identity.history #contents article .hdr .pageTitle h2#year, #identity.history #shop #contents article .hdr .pageTitle h2#year, #shop #identity.history #contents .pageTitle article .hdr h2#year, #identity.history #shop #contents .pageTitle article .hdr h2#year, #shop #identity.history #contents article .hdr .carousel li h2, #identity.history #shop #contents article .hdr .carousel li h2, #shop #identity.history #contents .carousel li article .hdr h2, #identity.history #shop #contents .carousel li article .hdr h2 { margin-bottom: 0 !important; padding-bottom: 10px; border: none !important; padding-left: 0 !important; margin-bottom: 0 !important; font-size: 150%; } #shop #contents article .hdr h2.en-font img, #shop #contents article .hdr h2.fav img, #shop #home #contents article .hdr h2 img, #home #shop #contents article .hdr h2 img, #shop #contents article .hdr #home #main h2 img, #shop #contents article .hdr #products.index .search a h2.lrg img, #products.index .search a #shop #contents article .hdr h2.lrg img, #shop #contents article .hdr #products.index h2.tl h2.lrg img, #products.index h2.tl #shop #contents article .hdr h2.lrg img, #shop #contents article .hdr #products.index .indexCol_movie .col-in a .txt h2.caption img, #products.index .indexCol_movie .col-in a .txt #shop #contents article .hdr h2.caption img, #shop #contents article .hdr #products.index .indexCol_movie .indexCol_movie_txt h2.caption img, #products.index .indexCol_movie .indexCol_movie_txt #shop #contents article .hdr h2.caption img, #shop #contents article .hdr #products.concept .colGroup h2.en img, #products.concept .colGroup #shop #contents article .hdr h2.en img, #shop #identity.index #contents article .hdr .history h2 img, #identity.index #shop #contents article .hdr .history h2 img, #shop #identity.index #contents .history article .hdr h2 img, #identity.index #shop #contents .history article .hdr h2 img, #shop #identity.history #contents article .hdr .pageTitle h2#year img, #identity.history #shop #contents article .hdr .pageTitle h2#year img, #shop #identity.history #contents .pageTitle article .hdr h2#year img, #identity.history #shop #contents .pageTitle article .hdr h2#year img, #shop #identity.history #contents article .hdr .carousel li h2 img, #identity.history #shop #contents article .hdr .carousel li h2 img, #shop #identity.history #contents .carousel li article .hdr h2 img, #identity.history #shop #contents .carousel li article .hdr h2 img { vertical-align: top; height: 1em; padding-left: 7px; } #shop #contents article .hdr p { padding-top: 3px; margin-bottom: 0 !important; padding-bottom: 15px; font-size: 75%; } #shop #contents article .col table { margin-bottom: 25px; } #shop #contents article .col table th, #shop #contents article .col table td { font-size: 100% !important; } #shop #contents article .col table li { list-style: none; display: inline-block; } #shop #contents article .col .col-in { margin: 0; background-color: #333; background-color: #333333; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF333333',EndColorStr='#FF333333')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF333333',EndColorStr='#FF333333}'); } #shop #contents article .col .col-in .col2 { width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #666; } #shop #contents article .col .col-in .col2.end { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } #shop #contents article .col .col-in .col2 .col { width: 48.5%; } #shop #contents article .col .col-in .col2 .col:nth-of-type(2n) { float: right; } #shop #contents article .col .col-in .col2 .col .col-in { margin: 0; padding: 0; } #shop #contents article .col .col-in .col2 .col .col-in .photo { float: right; width: 49%; margin: 0 auto 5px; } #shop #contents article .col .col-in .col2 .col .col-in .photo img { width: 100%; } #shop #contents article .col .col-in .col2 .col .col-in .txt { margin-right: 51%; } #shop #contents article .col .col-in h3 { font-size: 88%; line-height: 1.2; } #shop #contents article .col .col-in p .img { display: block; margin: 10px auto; } #shop #contents article .col .info h3 { margin: 0 0 1px; padding: 5px 6px 4px; background: #3d3d3d; font-size: 94%; } #shop #contents article .col .info h3 * { vertical-align: middle; } #shop #contents article .col .info h3 img { position: relative; top: -2px; height: 1em; } #shop #contents article .col .info ul { background: #282828; padding: 4px 6px 3px; } #shop #contents article .col .info ul li { list-style: none; margin: 0 0 5px; padding: 0 0 5px; font-size: 75%; line-height: 1.4; border-bottom: solid 1px #555; } #shop #contents article .col .info ul li.end { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } #shop #contents article .col .info ul li .bold { font-weight: bold; } #shop #contents article .col .btn03 { border-top: solid 1px #666; margin-bottom: 0; padding-top: 15px; } #shop #contents article .col .btn03 a { position: relative; display: inline-block; *display: inline; padding: 7px 50px 7px 10px; background: #666; } #shop #contents article .col .btn03 a * { vertical-align: middle; } #shop #contents article .col .btn03 a img.arwR { position: absolute; top: 50%; right: 10px; margin-top: -6px; background-image: url(../img/icon.png); background-repeat: no-repeat; background-position: -13px 0; width: 8px; height: 12px; } #shop #contents article .col .btn03 a .ico-cart { position: relative; width: 20px; padding-right: 10px; top: -2px; } #shop.online table th, #shop.online table td { padding: 12px 10px; line-height: 1.3; } #shop.online table th { font-weight: bold; } /* ---------------------------------------------------------------------- INFO ----------------------------------------------------------------------*/ /* PRODUCTS COMMON */ #info #contents { padding-bottom: 30px; } #info #contents dl { background-color: #2e2e2e; background-color: rgba(46, 46, 46, 0.9); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#E62E2E2E',EndColorStr='#E62E2E2E')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E62E2E2E',EndColorStr='#E62E2E2E}'); margin-bottom: 2px; } #info #contents dl dt { float: left; } #info #contents dl dt img { display: block; } #info #contents dl dd { margin-left: 240px; padding: 20px 25px 20px 0; } #info #contents dl h2 { margin-bottom: .5em; } #info #contents dl p { margin-bottom: .8em; font-size: 81%; line-height: 1.3; } #info #contents dl p.date { font-size: 69%; } /* ---------------------------------------------------------------------- MOBILE ----------------------------------------------------------------------*/ /* HIGH-RESOLUTION SCREEN */ #mobile.svg #page .pageTitle h1.title { background-image: url(../../mobile/img/bg_title.svg) !important; } #mobile.widget.svg #page .pageTitle h1.title { background-image: url(../../mobile/img/bg_title_widget.png) !important; } html body#mobile.index div#container div#page div#contents.index article.bg-tile { background: url(../img/bg_tile.jpg) top center; } /* MOBILE INDEX */ #mobile.index #localNav .index a { color: #f00; } #mobile.index #contents { padding: 0; } #mobile.index .app, #mobile.index .gmix, #mobile.index .mobile { text-align: center; } #mobile.index .app ul, #mobile.index .gmix ul, #mobile.index .mobile ul { list-style: none; } #mobile.index .app li, #mobile.index .gmix li, #mobile.index .mobile li { display: inline-block; *display: inline; } #mobile.index .app .col2, #mobile.index .gmix .col2, #mobile.index .mobile .col2 { margin: 0 10px; text-align: left; } #mobile.index .app .txt, #mobile.index .gmix .txt, #mobile.index .mobile .txt { padding: 60px 0; } #mobile.index .app .device, #mobile.index .gmix .device, #mobile.index .mobile .device { text-align: center; padding: 40px 0; } #mobile.index .app .device ul, #mobile.index .gmix .device ul, #mobile.index .mobile .device ul { text-align: center; } #mobile.index .app h1, #mobile.index .gmix h1, #mobile.index .mobile h1 { font-size: 313%; margin-bottom: 20px; line-height: 1.2; } #mobile.index .app p, #mobile.index .gmix p, #mobile.index .mobile p { font-weight: bold; line-height: 1.3; } #mobile.index .app .btn, #mobile.index .gmix .btn, #mobile.index .mobile .btn { padding: 5px; } #mobile.index .app { background: url(../../mobile/img/pc/bg_app.png) top center no-repeat; background-size: 130% auto; } #mobile.index .app .txt { padding-top: 100px; } #mobile.index .app #app h1 { display: block; width: 100%; height: 65px; background-image: url("../../mobile/img/h1_app.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; background-size: 100% auto; } #mobile.index .app #app .device ul { width: 90%; margin: 0 auto; } #mobile.index .app #app .device li { width: 48%; } #mobile.index .app #app .device li img { width: 90%; } #mobile.index .app #widget h1 { display: block; width: 100%; height: 79px; background-image: url("../../mobile/img/h1_widget.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; background-size: 100% auto; } #mobile.index .app #widget .txt { padding: 40px 0 60px; } #mobile.index .app #widget .device { padding: 20px 0 40px; } #mobile.index .app #widget .device ul { width: 90%; margin: 0 auto; } #mobile.index .app #widget .device li { width: 100%; } #mobile.index .app #widget .device li img { width: 90%; } #mobile.index .gmix { background-color: #333; background-color: rgba(51, 51, 51, 0.66); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#A8333333',EndColorStr='#A8333333')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#A8333333',EndColorStr='#A8333333}'); } #mobile.index .gmix .txt { padding-top: 100px; } #mobile.index .gmix #gmix { background: url(../../mobile/img/bg_gmix.png) 110% center no-repeat; background-size: 60% auto; } #mobile.index .gmix #gmix h1 { display: block; width: 100%; height: 90px; background-image: url("../../mobile/img/h1_gmix.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; background-size: 100% auto; } #mobile.index .gmix #gmix .device { padding-top: 15%; text-align: center; } #mobile.index .gmix #gmix .device img { width: 45%; } #mobile.index .gmix #gmix .bg { display: none; } #mobile.index .gmix #widget h1 { display: block; width: 100%; height: 79px; background-image: url("../../mobile/img/h1_widget.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; background-size: 100% auto; } #mobile.index .gmix #widget .txt { padding: 40px 0 60px; } #mobile.index .gmix #widget .device { padding: 20px 0 40px; } #mobile.index .gmix #widget .device ul { width: 90%; margin: 0 auto; } #mobile.index .gmix #widget .device li { width: 100%; } #mobile.index .gmix #widget .device li img { width: 90%; } #mobile.index .mobile { background: #000 url(../../mobile/img/pc/bg_mobile.jpg) top center no-repeat; } #mobile.index .mobile dl dt { width: 17%; float: left; } #mobile.index .mobile dl dt img { width: 88%; } #mobile.index .mobile dl dd { float: left; font-size: 75%; } #mobile.index .mobile dl strong { display: block; margin-bottom: 5px; } #mobile.index .mobile .device img { width: 97%; } /* MOBILE DETAIL */ #mobile.detail.android #localNav .android a { color: #f00; } #mobile.detail.iphone #localNav .iphone a { color: #f00; } #mobile.detail #page .pageTitle h1.title { display: block; width: 95%; height: 80px; background-image: url("../../mobile/img/bg_title.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; background-size: 100% auto; } #mobile.detail #contents { margin-top: 30px; padding-bottom: 30px; } #mobile.detail #contents .first-child { margin-top: 0px !important; } #mobile.detail #contents #main { float: right; width: 65%; } #mobile.detail #contents #main .pageTitle img { width: 100%; } #mobile.detail #contents #main .lead p { margin-bottom: 15px; font-size: 88%; font-weight: bold; } #mobile.detail #contents #main .lead p.normal { font-weight: normal; font-size: 81%; } #mobile.detail #contents #phone { float: left; width: 33%; } #mobile.detail #contents #phone img.phone { width: 100%; } #mobile.detail #contents #phone p { margin-bottom: 20px; } #mobile.detail #contents #phone p.btn-app { text-align: center; } #mobile.detail #contents #content { float: right; width: 65%; } #mobile.detail #contents #content .col { margin-bottom: 1px; } #mobile.detail #contents #content .col .col-in { padding: 30px; } #mobile.detail #contents #content .col .col-in .cap-r { float: right; margin-left: 15px; margin-bottom: 15px; } #mobile.detail #contents #content .col .col-in .cap-c { text-align: center; } #mobile.detail #contents #content .col .col-in dl.subTitle { margin-bottom: 10px; } #mobile.detail #contents #content .col .col-in dl.subTitle dt, #mobile.detail #contents #content .col .col-in dl.subTitle dd { display: table-cell; vertical-align: middle; } #mobile.detail #contents #content .col .col-in dl.subTitle dt { padding-right: 15px; } #mobile.detail #contents #content .col .col-in dl.subTitle dt img { vertical-align: middle; } #mobile.detail #contents #content .col .col-in dl.subTitle dd h2 { margin: 0; padding: 0; border: none; } #mobile.detail #contents #content .col .col-in dl.subTitle dd p { margin: 0; padding: 0; font-size: 75%; } #mobile.detail #contents #content .col .col-in dl.function { font-size: 81%; margin-bottom: 10px; } #mobile.detail #contents #content .col .col-in dl.function dt { font-weight: bold; margin-bottom: 5px; } #mobile.detail #contents #content .col .col-in dl.function dd { text-indent: -1em; padding-left: 1em; margin-bottom: 5px; } #mobile.detail #contents #content .col .col-in h2 { border-left: none; margin-bottom: 10px; padding-left: 50px; position: relative; line-height: 1.2; } #mobile.detail #contents #content .col .col-in h2 .ico { position: absolute; left: 0; top: 0; } #mobile.detail #contents #content .col .col-in dl dt { margin-top: 1em; } #mobile.detail #contents #content .col .col-in ul { margin-top: 1em; } #mobile.detail #contents #content .col .col-in ul li { list-style: none; } #mobile.detail #contents #content .col h3 { font-size: 88%; margin-bottom: 8px; } #mobile.detail #contents #content .col .note { padding: 0 0 10px; } #mobile.detail #contents #content .col .note li { margin-left: 1em; text-indent: -1em; font-size: 69%; } #mobile.detail #contents #content .col .mb15 { margin-bottom: 15px !important; } #mobile.detail #contents #content .tab { margin-top: 30px; } #mobile.detail #contents #content .tab #content1 ul { border-bottom: 1px solid #292929; border-top: 1px solid #484848; padding-bottom: 20px; margin-top: 0; } #mobile.detail #contents #content .tab #content1 ul.first-child { border-top: none; } #mobile.detail #contents #content .tab #content1 ul li { width: 49%; } #mobile.detail #contents #content .tab #content1 ul li.odd { float: left; } #mobile.detail #contents #content .tab #content1 ul li.even { float: right; } #mobile.detail #contents #content .tab #content1 ul li dl dt img { width: 100%; } #mobile.detail #contents #content .tab #content1 ul li dl dd { margin-top: 10px; } #mobile.detail #contents #content .tab #content1 ul li dl dd span { display: table-cell !important; vertical-align: middle; *display: inline; *zoom: 1; } #mobile.detail #contents #content .tab #content1 ul li dl dd span.icon { padding-right: 10px; } #mobile.detail #contents #content .tab #content1 ul li dl dd span.text { width: 200px; } #mobile.detail #contents #content .tab #content1 ul li dl dd span img { vertical-align: middle; } #mobile.detail #contents #content .tab #content2 .section { border-bottom: 1px solid #292929; border-top: 1px solid #484848; padding: 20px 0; } #mobile.detail #contents #content .tab #content2 .section.first-child { padding-top: 0; border-top: none; } #mobile.detail #contents #content .tab #content2 .section .image { float: right; margin: 0 0 20px 10px; } #mobile.detail #contents #content .tab #content2 .section .image-c { text-align: center; } #mobile.detail #contents #content .tab #content2 .section .image-c img { padding: 0 5px; vertical-align: middle; } #mobile.detail #contents #content .tab #content3 ul { margin-right: -30px; } #mobile.detail #contents #content .tab #content3 ul li { float: left; margin-right: 25px; margin-bottom: 30px; } #mobile.detail #contents #sub { float: left; width: 33%; line-height: 1.3; } #mobile.detail #contents #sub img { width: 100%; } #mobile.detail #contents #sub h3 { margin: 20px 0 5px 0; } #mobile.detail #contents #sub p { margin-bottom: 1em; font-size: 75%; } #mobile.detail #contents #sub ul li { font-size: 75%; margin-bottom: .25em; } #mobile.detail #contents #sub ul.list-ex { margin-top: 1em; } #mobile.detail.gmix #localNav .gmix a { color: #f00; } #mobile.detail.gmix #page .pageTitle .ico_gmix { display: block; margin-bottom: 20px; width: 14% !important; } #mobile.detail.gmix #page .pageTitle h1.title { background-image: url(../../mobile/gmix_app/img/title.png) !important; background-position: 0 0; background-repeat: no-repeat; background-size: auto 100%; display: block; height: 0; padding: 0 0 14% 0; overflow: hidden; text-indent: -9999px; width: 100%; } #mobile.detail.gmix #content .col .col-in .cap-r img, #mobile.detail.gmix #content .col .col-in .cap-c img { width: 100%; } #mobile.detail.gmix #sub { display: block; border: solid 2px #f00; padding: 5px; margin: 0 auto 0 10px; width: 28% !important; } #mobile.detail.gmix #sub h3 { margin: 0 0 5px 0 !important; } #mobile.detail.gmix #sub p { text-align: left; margin-bottom: 0 !important; } #mobile.detail.gmix .txtd_ul { text-decoration: underline !important; } #mobile.detail.gmix .txtd_ul:hover { text-decoration: none !important; } #mobile.widget.android #localNav .android a { color: #f00; } #mobile.widget.iphone #localNav .iphone a { color: #f00; } #mobile.widget #page .pageTitle h1.title { display: block; width: 95%; height: 80px; background-image: url("../../mobile/img/bg_title.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; background-size: 100% auto; } #mobile.widget #contents { margin-top: 30px; padding-bottom: 30px; } #mobile.widget #contents .first-child { margin-top: 0px !important; } #mobile.widget #contents #main { float: right; width: 65%; } #mobile.widget #contents #main .pageTitle img { width: 100%; } #mobile.widget #contents #main .lead p { margin-bottom: 15px; font-size: 88%; font-weight: bold; line-height: 1.3; } #mobile.widget #contents #phone { float: left; width: 33%; } #mobile.widget #contents #phone img.phone { width: 100%; } #mobile.widget #contents #phone p { margin-bottom: 20px; } #mobile.widget #contents #phone p.btn-app { text-align: center; } #mobile.widget #contents #content { float: right; width: 65%; padding-top: 180px; } #mobile.widget #contents #content .col { margin-top: -1px !important; } #mobile.widget #contents #content .col h2 { border-left: 3px solid #FF0000; margin-bottom: 10px; padding-left: 5px; } #mobile.widget #contents #content .col .col-in, #mobile.widget #contents #content .col2 .col-in, #mobile.widget #contents #content .col3 .col-in, #mobile.widget #contents #content .col4 .col-in { background-color: #2e2e2e; } #mobile.widget #contents #content .col .col-in h2.title, #mobile.widget #contents #content .col2 .col-in h2.title, #mobile.widget #contents #content .col3 .col-in h2.title, #mobile.widget #contents #content .col4 .col-in h2.title { border-left: none !important; margin-bottom: 10px !important; padding-left: 0 !important; font-family: "Oswald-Bold","Helvetica","Arial","Verdana",sans-serif; font-weight: normal; font-size: 100%; } #mobile.widget #contents #content .col .col-in h2.title span.large, #mobile.widget #contents #content .col2 .col-in h2.title span.large, #mobile.widget #contents #content .col3 .col-in h2.title span.large, #mobile.widget #contents #content .col4 .col-in h2.title span.large { font-size: 200%; } #mobile.widget #contents #content .tab { margin-top: 30px; } #mobile.widget #contents #content .tab .tabNavigation { width: 100%; } #mobile.widget #contents #content .tab .tabNavigation li { width: 32%; margin-right: 2% !important; text-align: center; } #mobile.widget #contents #content .tab .tabNavigation li a { position: relative; width: 100%; padding: 8px 0; } #mobile.widget #contents #content .tab .tabNavigation li a.current { background: none repeat scroll 0 0 #2e2e2e; } #mobile.widget #contents #content .tab .tabNavigation li a span.img { position: absolute; left: 0; top: -175px; width: 100%; display: block; text-align: center; vertical-align: bottom; } #mobile.widget #contents #content .tab .tabNavigation li a span.img img { width: 124px; vertical-align: bottom; } #mobile.widget #contents #content .tab .tabNavigation li.mr00 { margin-right: 0 !important; } #mobile.widget #contents #content .tab #content1 .section, #mobile.widget #contents #content .tab #content2 .section, #mobile.widget #contents #content .tab #content3 .section { padding: 20px 0; } #mobile.widget #contents #content .tab #content1 .section.first-child, #mobile.widget #contents #content .tab #content2 .section.first-child, #mobile.widget #contents #content .tab #content3 .section.first-child { border-bottom: 1px solid #292929; padding-top: 0; border-top: none; } #mobile.widget #contents #content .tab #content1 .section.bd_t, #mobile.widget #contents #content .tab #content2 .section.bd_t, #mobile.widget #contents #content .tab #content3 .section.bd_t { border-top: 1px solid #484848; } #mobile.widget #contents #content .tab #content1 .section .qr_image, #mobile.widget #contents #content .tab #content2 .section .qr_image, #mobile.widget #contents #content .tab #content3 .section .qr_image { display: none; } #mobile.widget #contents #content .tab #content1 .section ul, #mobile.widget #contents #content .tab #content2 .section ul, #mobile.widget #contents #content .tab #content3 .section ul { border: none; margin-left: 1.5em; } #mobile.widget #contents #content .tab #content1 .section ul li, #mobile.widget #contents #content .tab #content2 .section ul li, #mobile.widget #contents #content .tab #content3 .section ul li { list-style: disc; margin-right: 0; margin-bottom: 0; line-height: 1.3; } #mobile.widget #contents #content .tab #content1 .section .images, #mobile.widget #contents #content .tab #content2 .section .images, #mobile.widget #contents #content .tab #content3 .section .images { text-align: center; padding-top: 30px; } #mobile.widget #contents #content .tab #content1 .section .images img, #mobile.widget #contents #content .tab #content2 .section .images img, #mobile.widget #contents #content .tab #content3 .section .images img { width: 100%; } #mobile.widget #contents #content .tab #content3 ul li { float: none !important; } #mobile.widget #contents .sub { line-height: 1.3; } #mobile.widget #contents .sub img { width: 100%; } #mobile.widget #contents .sub h3 { margin: 20px 0 5px 0; } #mobile.widget #contents .sub p { margin-bottom: 1em; font-size: 75%; } #mobile.widget #contents .sub ul li { font-size: 75%; margin-bottom: .25em; } #mobile.widget #contents .sub ul.list-ex { margin-top: 1em; } /* ---------------------------------------------------------------------- MAIL ----------------------------------------------------------------------*/ /* MAIL */ #mail #contents .col .col-in { height: 25em; } #mail #contents ul { margin-top: 40px; text-align: center; } #mail #contents li { list-style: none; display: inline-block; padding-right: 20px; } #mail #contents li .btn { padding: 20px 50px; } #mail #contents li.cancel .btn { background-color: #666; } /* ---------------------------------------------------------------------- CONTACT ----------------------------------------------------------------------*/ /* CONTACT */ #contact .col .col-in { height: 20em; } #contact .col .col-in p.info { text-align: center; } #contact .col .col-in p.info a.btn { display: block; padding: 20px 0; font-weight: bold; } /* ---------------------------------------------------------------------- ERROR ----------------------------------------------------------------------*/ /* ERROR */ #error #contents .col .col-in { margin: 1px; height: 20em; } #error #contents ul { margin-top: 40px; } #error #contents li { list-style: none; display: inline-block; padding-right: 20px; } #error #contents li .btn { padding: 20px 50px; } /* ---------------------------------------------------------------------- Watch History ----------------------------------------------------------------------*/ .cookieTest article h2 { font-size: 150%; margin-bottom: 20px; } .cookieTest #prd_img, .cookieTest #prd, .cookieTest #price { font-size: 120%; margin-bottom: 10px; } .cookieTest #prd_img { width: 300px; margin-left: 30px; padding-bottom: 30px; } .cookieTest #prd_img img { width: 100%; } .cookieTest #contents article { width: 960px; margin: 0 auto 30px; } .cookieTest .infoCol li a:visited, .cookieTest #home #contents .gworldCol li a:visited, #home #contents .cookieTest .gworldCol li a:visited { color: #666; } .watch_history { width: auto; padding-bottom: 10px; -webkit-box-shadow: 0 1px 0 #484848; box-shadow: 0 1px 0 #484848; border-bottom: 1px solid #292929; } .watch_history .wh_tl .wh_tl_inr { width: auto; font-size: 88%; color: #fff; font-weight: bold; margin: 0 auto; padding: 15px 10px 10px; } .watch_history .wh_inr { width: auto; margin: 0 10px; overflow: hidden; } .watch_history .h_list { position: relative; width: 305%; } .watch_history .h_list li { list-style: none; float: left; width: 5.5%; } .watch_history .h_list li a { margin-right: 2px; display: block; padding: 17px 8px 10px; background: #fff; } .watch_history .h_list li .img { text-align: center; } .watch_history .h_list li .img img { display: block; margin: 0 auto; width: 100%; } .watch_history .h_list li p { font-weight: bold; font-size: 70%; line-height: 1.4; } .watch_history .h_list li .price { font-size: 90%; font-weight: normal; } .watch_history .h_list_btns { clear: both; position: relative; width: auto; margin: 0 10px 1px; height: 1px; } .watch_history .h_list_btns a { position: absolute; display: block; width: 28px; } .watch_history .h_list_btns a.h_list_prev { left: 0; width: 40px; height: 40px; position: absolute; top: -2px; left: 0; } .watch_history .h_list_btns a.h_list_prev span { display: block; width: 32px; height: 32px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: -200px -145px ; overflow: hidden; text-indent: -9999px; position: absolute; top: 4px; left: 0; } .watch_history .h_list_btns a.h_list_next { right: 0; width: 40px; height: 40px; position: absolute; top: -2px; right: 0; } .watch_history .h_list_btns a.h_list_next span { display: block; width: 32px; height: 32px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: -200px -105px ; overflow: hidden; text-indent: -9999px; position: absolute; top: 4px; right: 0; } .watch_history .page_count { color: #fff; width: auto; margin: 0 10px; padding: 10px 0; text-align: center; background: #3f3f3f; font-size: 81%; } /*# sourceMappingURL=tablet.css.map */