@charset "UTF-8"; /** * SMARTPHONE 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, .navCol:before, .tab .tabNavigation:before, .carousel ul:before, .model:before, .col:before, .colGroup:before, .colHeader:before, .col2:before, .col3:before, .col4:before, #header:before, #footer #fnPage:before, #footer #fnOther:before, #share_sp:before, #home #contents .infoCol ul:before, #home #contents .infoCol .facebookCol ul li span.inr:before, #home #contents .infoCol .instagramCol ul li span.inr:before, #home #contents .infoCol .facebookCol ul li h3:before, #home #contents .infoCol .instagramCol ul li h3:before, #home #contents .infoCol .bnr ul:before, #home #contents .linkCol ul:before, #home #contents .linkCol a:before, #home .bnr02 h2:before, #home .bnr02 p .inr:before, #home .bnr02 li .inr:before, #products .pager:before, #products #search:before, #products.index .infoCol ul:before, #products.index .infoCol li:before, #products.index .infoCol .bnr02:before, #products.index .navCol .search:before, #products.index .navCol h2.title:before, #products.index li.m-search a:before, #products.index li.a-search a:before, #products.index ul.collection:before, #products.concept #contents .col .col-1-4:before, #products.mt-g #contents .col ul.col3:before, #products.rangeman #contents .col ul.col3:before, #products.mudman #contents .col ul.col3:before, #products.frogman #contents .col ul.col3:before, #products.gulfman #contents .col ul.col3:before, #products.finder:before, #products.finder .pageTitle .searchNav:before, #products.finder #content .pager:before, #products.a-search #contents .pageTitle:before, #products.m-search #search li:before, #products.newproducts #contents .pageTitle:before, #identity.index #contents .history dl:before, #identity.index #contents .technology .technologyTitle:before, #identity.history #contents .pageTitle:before, #identity.technology .col .col-in:before, #identity.technology .col .subTitle:before, #identity.technology .col .image-list: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, #shop #contents article .col .col-in .col2 .col .col-in .txt:before, #info #contents dl:before, #mobile.index .mobile dl:before, #mobile.detail #contents:before, #mobile.detail #contents #content .col: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.detail.gmix #page .pageTitle:before, #mobile.widget #contents:before, #mobile.widget #contents #content .col:before, #mobile.widget #contents #content .col .col-in: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 .wh_tl:before, .watch_history .h_list:before, .clearfix:after, .navCol:after, .tab .tabNavigation:after, .carousel ul:after, .model:after, .col:after, .colGroup:after, .colHeader:after, .col2:after, .col3:after, .col4:after, #header:after, #footer #fnPage:after, #footer #fnOther:after, #share_sp:after, #home #contents .infoCol ul:after, #home #contents .infoCol .facebookCol ul li span.inr:after, #home #contents .infoCol .instagramCol ul li span.inr:after, #home #contents .infoCol .facebookCol ul li h3:after, #home #contents .infoCol .instagramCol ul li h3:after, #home #contents .infoCol .bnr ul:after, #home #contents .linkCol ul:after, #home #contents .linkCol a:after, #home .bnr02 h2:after, #home .bnr02 p .inr:after, #home .bnr02 li .inr:after, #products .pager:after, #products #search:after, #products.index .infoCol ul:after, #products.index .infoCol li:after, #products.index .infoCol .bnr02:after, #products.index .navCol .search:after, #products.index .navCol h2.title:after, #products.index li.m-search a:after, #products.index li.a-search a:after, #products.index ul.collection:after, #products.concept #contents .col .col-1-4:after, #products.mt-g #contents .col ul.col3:after, #products.rangeman #contents .col ul.col3:after, #products.mudman #contents .col ul.col3:after, #products.frogman #contents .col ul.col3:after, #products.gulfman #contents .col ul.col3:after, #products.finder:after, #products.finder .pageTitle .searchNav:after, #products.finder #content .pager:after, #products.a-search #contents .pageTitle:after, #products.m-search #search li:after, #products.newproducts #contents .pageTitle:after, #identity.index #contents .history dl:after, #identity.index #contents .technology .technologyTitle:after, #identity.history #contents .pageTitle:after, #identity.technology .col .col-in:after, #identity.technology .col .subTitle:after, #identity.technology .col .image-list: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, #shop #contents article .col .col-in .col2 .col .col-in .txt:after, #info #contents dl:after, #mobile.index .mobile dl:after, #mobile.detail #contents:after, #mobile.detail #contents #content .col: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.detail.gmix #page .pageTitle:after, #mobile.widget #contents:after, #mobile.widget #contents #content .col:after, #mobile.widget #contents #content .col .col-in: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 .wh_tl:after, .watch_history .h_list:after { content: ""; display: block; overflow: hidden; } .clearfix:after, .navCol:after, .tab .tabNavigation:after, .carousel ul:after, .model:after, .col:after, .colGroup:after, .colHeader:after, .col2:after, .col3:after, .col4:after, #header:after, #footer #fnPage:after, #footer #fnOther:after, #share_sp:after, #home #contents .infoCol ul:after, #home #contents .infoCol .facebookCol ul li span.inr:after, #home #contents .infoCol .instagramCol ul li span.inr:after, #home #contents .infoCol .facebookCol ul li h3:after, #home #contents .infoCol .instagramCol ul li h3:after, #home #contents .infoCol .bnr ul:after, #home #contents .linkCol ul:after, #home #contents .linkCol a:after, #home .bnr02 h2:after, #home .bnr02 p .inr:after, #home .bnr02 li .inr:after, #products .pager:after, #products #search:after, #products.index .infoCol ul:after, #products.index .infoCol li:after, #products.index .infoCol .bnr02:after, #products.index .navCol .search:after, #products.index .navCol h2.title:after, #products.index li.m-search a:after, #products.index li.a-search a:after, #products.index ul.collection:after, #products.concept #contents .col .col-1-4:after, #products.mt-g #contents .col ul.col3:after, #products.rangeman #contents .col ul.col3:after, #products.mudman #contents .col ul.col3:after, #products.frogman #contents .col ul.col3:after, #products.gulfman #contents .col ul.col3:after, #products.finder:after, #products.finder .pageTitle .searchNav:after, #products.finder #content .pager:after, #products.a-search #contents .pageTitle:after, #products.m-search #search li:after, #products.newproducts #contents .pageTitle:after, #identity.index #contents .history dl:after, #identity.index #contents .technology .technologyTitle:after, #identity.history #contents .pageTitle:after, #identity.technology .col .col-in:after, #identity.technology .col .subTitle:after, #identity.technology .col .image-list: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, #shop #contents article .col .col-in .col2 .col .col-in .txt:after, #info #contents dl:after, #mobile.index .mobile dl:after, #mobile.detail #contents:after, #mobile.detail #contents #content .col: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.detail.gmix #page .pageTitle:after, #mobile.widget #contents:after, #mobile.widget #contents #content .col:after, #mobile.widget #contents #content .col .col-in: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 .wh_tl:after, .watch_history .h_list:after { clear: both; } .en-font, .pageTitle h1, .list h2, .fav, #home #contents .newProducts .tl a h2, #home #contents .newProducts .more, #home #contents .newProducts .counter, #home #contents .newProducts .date, #home #contents .newProducts h3, #home #contents .linkCol .recCol ul li.i01 a h3, #home #main h1, #home #main h2, #home #main h3, #home #main p, #home .bnr02 h2, #products.index .navCol h2.title, #products.index #main .movie_gorilla .indexCol_movie_txt .caption, #products.index h2.tl .lrg, #products.index .indexCol .col-in .lineup h3.tl, #products.index .indexCol .col-in .lineup .photo .prd_info h4.prd_name, #products.concept #contents .en, #products.color #page .productTitle h1, #products.limited #page .productTitle h1, #products.master_of_g .indexCol .lineup h3.tl, #products.master_of_g .indexCol .lineup .photo .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 h2#year, #identity.history #contents .carousel li h2, #identity.history #contents .carousel li .watData h3, #identity.history #contents .carousel li .watData h4, #shop .nav.sp #lnav ul li#flagship a, #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 #main .movie_gorilla .indexCol_movie_txt h1 { font-family: "opensans-bold", "Helvetica", "Arial", "Verdana", sans-serif; font-weight: normal; } .btn-linear-gradient, #header #spMenu, #header #spFav, #products.index li.m-search a, #products.index li.a-search a, #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 #spMenu div, #header #spFav div, #products.index li.m-search a div, #products.index li.a-search a 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, #home #contents .linkAttention, #home #contents .infoCol .facebookCol ul, #home #contents .infoCol .instagramCol ul, #home #contents .infoCol .bnr ul, #home #contents .linkCol, #home .bnr02 p, #home .bnr02 li { 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 #spMenu div, .svg #header #spFav div, .svg #header #globalNav img.arrow, .svg #header #otherNav img.arrow { background-image: url("../img/bg_vector.svg") !important; } .svg #footer #fnPage p.back img, .svg #footer #fnPage p.home img, .svg #footer #fnPage p.pagetop img { background-image: url("../img/bg_vector.svg") !important; } .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; display: inline-block; } .svg #footer #fnOther a.casio img { visibility: hidden; } .svg #contents .list img.arrow, .svg .btn img, .svg .search-btn img, .svg .fav img, .svg .carousel .carouselNav .prev span, .svg .carousel .carouselNav .next span, .svg .carousel .carouselNav .number a { background-image: url("../img/bg_vector.svg") !important; } .svg .btn-itune { display: block; width: 144px; height: 50px; 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; } .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: 119px; height: 20px; 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; } } #rt { /* tag */ } #rt p.tag-app, #rt p.tag-str, #rt p.tag-team, #rt p.tag-sns, #rt p.tag-products, #rt p.tag-gworld, #rt p.tag-world, #rt p.tag-jp, #rt p.tag-cmp, #rt p.tag-special, #rt p.tag-str, #rt p.tag-team, #rt p.tag-sns, #rt p.tag-world, #rt p.tag-jp, #rt p.tag-cmp, #rt p.tag-jpn, #rt p.tag-usa, #rt p.tag-tur, #rt p.tag-vnm, #rt p.tag-are, #rt p.tag-fra, #rt p.tag-deu, #rt p.tag-gbr, #rt p.tag-bra, #rt p.tag-twn, #rt p.tag-chn, #rt p.tag-tha, #rt p.tag-sgp, #rt p.tag-fin, #rt p.tag-kor, #rt p.tag-can, #rt p.tag-esp, #rt p.tag-mys, #rt p.tag-usa, #rt p.tag-tur, #rt p.tag-vnm, #rt p.tag-are, #rt p.tag-fra, #rt p.tag-deu, #rt p.tag-gbr, #rt p.tag-bra, #rt p.tag-twn, #rt p.tag-chn, #rt p.tag-tha, #rt p.tag-sgp, #rt p.tag-fin, #rt p.tag-kor, #rt p.tag-can, #rt p.tag-esp, #rt p.tag-mys, #rt p.tag-special { background-image: url("../img/pc/bg_tag.svg") !important; } #rt p.tag-app, #rt p.tag-str, #rt p.tag-team, #rt p.tag-sns, #rt p.tag-products, #rt p.tag-gworld, #rt p.tag-world, #rt p.tag-jp, #rt p.tag-cmp, #rt p.tag-special { 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; margin: 0 !important; } #rt p.tag-str { background-position: -75px 0; } #rt p.tag-team { background-position: -150px 0; } #rt p.tag-sns { background-position: -225px 0; } #rt p.tag-products { background-position: -300px 0; } #rt p.tag-gworld { background-position: 0 -80px; } #rt p.tag-world { background-position: -75px -80px; } #rt p.tag-jp { background-position: -150px -80px; } #rt p.tag-cmp { background-position: -300px -80px; } #rt p.tag-special { background-position: -375px 0; } #rt p.tag-jpn, #rt p.tag-usa, #rt p.tag-tur, #rt p.tag-vnm, #rt p.tag-are, #rt p.tag-fra, #rt p.tag-deu, #rt p.tag-gbr, #rt p.tag-bra, #rt p.tag-twn, #rt p.tag-chn, #rt p.tag-tha, #rt p.tag-sgp, #rt p.tag-fin, #rt p.tag-kor, #rt p.tag-can, #rt p.tag-esp, #rt p.tag-mys { 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; } #rt p.tag-usa { background-position: -55px -160px; } #rt p.tag-tur { background-position: -110px -160px; } #rt p.tag-vnm { background-position: -165px -160px; } #rt p.tag-are { background-position: -220px -160px; } #rt p.tag-fra { background-position: -275px -160px; } #rt p.tag-deu { background-position: 0 -215px; } #rt p.tag-gbr { background-position: -55px -215px; } #rt p.tag-bra { background-position: -110px -215px; } #rt p.tag-twn { background-position: -165px -215px; } #rt p.tag-chn { background-position: -218px -216px; } #rt p.tag-tha { background-position: -324px -216px; } #rt p.tag-sgp { background-position: -273px -216px; } #rt p.tag-fin { background-position: 0 -272px; } #rt p.tag-kor { background-position: -55px -272px; } #rt p.tag-can { background-position: -110px -272px; } #rt p.tag-esp { background-position: -165px -272px; } #rt p.tag-mys { background-position: -218px -272px; } .btn-itune { display: block; width: 144px; height: 50px; 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; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .list .ico, #header #globalNav .ico { background-image: url("../img/sp/bg_bitmap@2x.png") !important; background-size: 42px auto; } #container, #header nav { background-image: url(../img/sp/bg@2x.png) !important; background-size: 600px auto !important; } } /* ---------------------------------------------------------------------- BAG FIX ----------------------------------------------------------------------*/ /* ---------------------------------------------------------------------- COMMON CLASS ----------------------------------------------------------------------*/ /* device-type */ .tb-pc, .tb, .pc { display: none !important; } /* page tilte */ .pageTitle { padding: 10px 10px; margin-bottom: 10px; -webkit-text-shadow: 0 -1px 0 black; text-shadow: 0 -1px 0 black; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; } .pageTitle h1 { font-size: 150%; display: inline-block; vertical-align: middle; } .pageTitle p { display: none; } .navCol { list-style: none; } /* slider ui */ .sliderUI { margin: 10px 10px 20px 10px; position: relative; z-index: 1000; } .sliderUI .bg { width: 100%; height: 10px; background-color: #3f3f3f; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(1, #3f3f3f)); background-image: -webkit-linear-gradient(top, #000, #3f3f3f); background-image: -moz-linear-gradient(top, #000, #3f3f3f); background-image: -o-linear-gradient(top, #000, #3f3f3f); background-image: -ms-linear-gradient(top, #000, #3f3f3f); background-image: linear-gradient(top, #000, #3f3f3f); -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; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border: 1px solid #404040; } .sliderUI .bar { width: 20px; height: 20px; position: absolute; top: 0; left: 0; -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; -webkit-box-shadow: 0 3px 3px black; box-shadow: 0 3px 3px black; border: 1px solid #ccc; margin: -5px; background: url(../img/sp/bg_bar.png) center center; } .sliderUI .bar .tip { position: absolute; top: -30px; left: 50%; width: 100px; margin-left: -50px; overflow: visible; text-align: center; font-weight: bold; } .sliderUI .bar .tip span { background: #F00; padding: 5px; font-size: 63%; display: inline-block; } /* list ui */ .list { 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); margin-bottom: 1px; position: relative; display: block; padding: 10px 32px 10px 10px; line-height: 1.4; } .list h2 { -webkit-text-shadow: 0 -2px 0 black; text-shadow: 0 -2px 0 black; font-size: 125%; } .list h2 span { font-size: 70%; font-family: "Helvetica", "Arial", "Verdana", sans-serif !important; font-weight: bold; display: inline-block; margin: -10px 0 0 5px; } .list p { -webkit-text-shadow: 0 -2px 0 black; text-shadow: 0 -2px 0 black; font-size: 75%; } .list img { position: absolute; top: 50%; margin-top: -18px; } .list img.ico { left: 5px; } .list img.arrow { right: 0; 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; } .list.nav h2, .list.nav p { margin-left: 45px; } li.products .ico { display: block; width: 42px; height: 42px; background-image: url("../img/sp/bg_bitmap.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; } li.technology .ico { display: block; width: 42px; height: 42px; background-image: url("../img/sp/bg_bitmap.png") ; background-repeat: no-repeat ; background-position: 0 -50px ; overflow: hidden; text-indent: -9999px; } li.identity .ico { display: block; width: 42px; height: 42px; background-image: url("../img/sp/bg_bitmap.png") ; background-repeat: no-repeat ; background-position: 0 -100px ; overflow: hidden; text-indent: -9999px; } li.gworld .ico { display: block; width: 42px; height: 42px; background-image: url("../img/sp/bg_bitmap.png") ; background-repeat: no-repeat ; background-position: 0 -150px ; overflow: hidden; text-indent: -9999px; } li.support .ico { display: block; width: 42px; height: 42px; background-image: url("../img/sp/bg_bitmap.png") ; background-repeat: no-repeat ; background-position: 0 -200px ; overflow: hidden; text-indent: -9999px; } li.shop .ico { display: block; width: 42px; height: 42px; background-image: url("../img/sp/bg_bitmap.png") ; background-repeat: no-repeat ; background-position: 0 -250px ; overflow: hidden; text-indent: -9999px; } li.app .ico { display: block; width: 42px; height: 42px; background-image: url("../img/sp/bg_bitmap.png") ; background-repeat: no-repeat ; background-position: 0 -300px ; overflow: hidden; text-indent: -9999px; } li.newProducts .ico { display: block; width: 42px; height: 42px; background-image: url("../img/sp/bg_bitmap.png") ; background-repeat: no-repeat ; background-position: 0 -350px ; overflow: hidden; text-indent: -9999px; } li.finder .ico { display: block; width: 42px; height: 42px; background-image: url("../img/sp/bg_bitmap.png") ; background-repeat: no-repeat ; background-position: 0 -400px ; overflow: hidden; text-indent: -9999px; } li.triple-g-resist .ico { display: block; width: 42px; height: 42px; background-image: url("../img/sp/bg_bitmap.png") ; background-repeat: no-repeat ; background-position: 0 -450px ; overflow: hidden; text-indent: -9999px; } li.shock-resist .ico { display: block; width: 42px; height: 42px; background-image: url("../img/sp/bg_bitmap.png") ; background-repeat: no-repeat ; background-position: 0 -500px ; overflow: hidden; text-indent: -9999px; } li.smart-access .ico { display: block; width: 42px; height: 42px; background-image: url("../img/sp/bg_bitmap.png") ; background-repeat: no-repeat ; background-position: 0 -550px ; overflow: hidden; text-indent: -9999px; } li.tough-solar .ico { display: block; width: 42px; height: 42px; background-image: url("../img/sp/bg_bitmap.png") ; background-repeat: no-repeat ; background-position: 0 -600px ; overflow: hidden; text-indent: -9999px; } li.wave-cepter .ico { display: block; width: 42px; height: 42px; background-image: url("../img/sp/bg_bitmap.png") ; background-repeat: no-repeat ; background-position: 0 -650px ; overflow: hidden; text-indent: -9999px; } li.water-resist .ico { display: block; width: 42px; height: 42px; background-image: url("../img/sp/bg_bitmap.png") ; background-repeat: no-repeat ; background-position: 0 -700px ; overflow: hidden; text-indent: -9999px; } li.catalog .ico { display: block; width: 42px; height: 42px; background-image: url("../img/sp/bg_bitmap.png") ; background-repeat: no-repeat ; background-position: 0 -750px ; overflow: hidden; text-indent: -9999px; } /* tab ui */ .tab li { list-style: none; } .tab .tabNavigation { margin: 0 10px -1px 11px; } .tab .tabNavigation li { list-style: none; float: left; margin-right: 5px; } .tab .tabNavigation li a { display: block; background: url(../img/bg_tab.jpg) repeat-x top left #1a1a1a; padding: 8px 5px; color: #999999; font-weight: bold; font-size: 69%; } .tab .tabNavigation li a.current { color: #fff; background: #383838; } .tab .col h2 { border-left: 3px solid #FF0000 !important; margin-bottom: 10px !important; padding-left: 5px !important; } /* carousel ui */ .carousel { width: 100%; height: 200px; -webkit-box-shadow: 0 5px 15px black; box-shadow: 0 5px 15px black; overflow: hidden; position: relative; } .carousel ul { list-style: none; -webkit-tap-highlight-color: transparent; } .carousel ul li { float: left; width: 100%; height: 200px; background: #333; -moz-user-select: none; -webkit-user-select: none; } .carousel ul li div { position: relative; width: 100%; height: 200px; margin: 0 auto; } .carousel ul li a { display: block; width: 100%; height: 240px; } .carousel .carouselNav { position: absolute; bottom: 0; left: 0; -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1); box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1); width: 100%; height: 40px; background-color: #000; background-color: rgba(0, 0, 0, 0.85); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D9000000',EndColorStr='#D9000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D9000000',EndColorStr='#D9000000}'); text-align: center; z-index: 1000; } .carousel .carouselNav .number { position: relative; height: 39px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); } .carousel .carouselNav .number ol { padding-top: 10px; } .carousel .carouselNav .number li { list-style: none; display: inline; } .carousel .carouselNav .number span { display: none; } .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; display: inline-block; overflow: hidden; } .carousel .carouselNav .number a.current { background-position: -20px -45px; } .carousel .carouselNav .prev { width: 40px; height: 40px; position: absolute; top: 0; left: 0; } .carousel .carouselNav .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; } .carousel .carouselNav .next { width: 40px; height: 40px; position: absolute; top: 0; right: 0; } .carousel .carouselNav .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; } .model { list-style: none; margin: 0 10px 10px 10px; } .model li { position: relative; float: left; width: 50%; /* .productWrap{ background:$box-color; margin:1px; } */ } .model li .productWrap { position: relative; background: #FFF; margin: 1px; } .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: 5px 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; margin-bottom: 3px; } .model li .productData li { font-size: 63%; margin-bottom: 3px; } .model li .productData .size, .model li .productData .func { display: none; } .model li .new { position: absolute; top: 2px; right: 5px; } .model li p { margin: -5px 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.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}'); } /* column */ .col { margin-bottom: 20px; } .col, .col2, .col3, .col4 { width: auto; margin: 0 10px; } .col .col1, .col .col2, .col .col3, .col .col4, .col2 .col1, .col2 .col2, .col2 .col3, .col2 .col4, .col3 .col1, .col3 .col2, .col3 .col3, .col3 .col4, .col4 .col1, .col4 .col2, .col4 .col3, .col4 .col4 { width: 100%; margin: 0; } .col .col, .col2 .col, .col3 .col, .col4 .col { width: 100%; float: left; margin: 0; } .col .col-in, .col2 .col-in, .col3 .col-in, .col4 .col-in { margin: 1px; background: #383838; } .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: 2px 0 2px 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: 100%; } .col .col-in { padding: 15px; } .col2 .col-in { padding: 15px; } .col2 h2 { font-size: 100%; } .col2 h3 { font-size: 81%; } .col3 .col-in { padding: 15px; } .col3 h2 { font-size: 100%; } .col4 .col-in { padding: 15px; } .col4 h2 { font-size: 81%; } .fav { display: block; padding: 10px 0 4px 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: -5px; } .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: 9px 0 !important; color: #333 !important; background: #ccc; } span.fav:hover { background: #ccc; color: #333 !important; } .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.2; font-size: 75%; text-align: left; margin-left: 5px; } .btn-google span strong { font-size: 117%; } .btn-google img { margin-top: -1.25em; width: 30px !important; height: 38px !important; background: url(../img/bg_device.png) no-repeat 0 -38px; background-size: 100% auto; vertical-align: middle; } .btn-google02 { display: block; width: 170px; } .btn-google02 img { width: 100%; } /* ---------------------------------------------------------------------- CONTAINER ----------------------------------------------------------------------*/ body { -webkit-text-size-adjust: none; width: 100%; min-width: 320px; overflow-x: hidden; } #container { width: 100%; background: url(../img/sp/bg.png) top center; margin-right: 260px; } .pc, .tablet, .pc-tablet { display: none; } #loader span { top: 200px; } #contentLoader span { top: 250px; } /* ---------------------------------------------------------------------- HEADER ----------------------------------------------------------------------*/ #header { width: 100%; height: 50px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); border-top: solid 1px #333; border-bottom: solid 1px #333; background: #000; position: relative; z-index: 1000; } #header h1 { margin: 15px 0 0 10px; float: left; } #header h1 a { display: block; width: 119px; height: 20px; 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; width: 119px; height: 20px; } #header #spMenu { width: 32px; height: 30px; display: block; float: right; margin: 8px 10px 0 0; } #header #spMenu div { display: block; width: 32px; height: 30px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: -120px -105px ; overflow: hidden; text-indent: -9999px; } #header #spFav { width: 32px; height: 30px; display: block; float: right; margin: 8px 10px 0 0; } #header #spFav 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 nav { position: absolute; top: 0; left: 100%; width: 260px; clear: both; background: url(../img/sp/bg.png); } #header #otherNav { margin-top: 20px; font-size: 88%; } #header #otherNav a { display: block; padding: 5px 10px; } #header #otherNav img.arrow { display: block; width: 16px; height: 16px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: -90px -30px ; overflow: hidden; text-indent: -9999px; display: inline-block; margin-top: -3px; vertical-align: middle; } #header #otherNav .baby-g img.arrow { margin-top: -8px; } #header #primalyNav, #header #localNav { display: none !important; } /* ---------------------------------------------------------------------- FOOTER ----------------------------------------------------------------------*/ #footer #footerContainer { margin: 0 auto; } #footer #fnPage { padding: 10px 0; font-size: 75%; } #footer #fnPage a { display: block; padding: 5px 0; font-weight: bold; } #footer #fnPage ol { display: none; } #footer #fnPage p img { width: 16px; height: 16px; display: inline-block; vertical-align: text-bottom; } #footer #fnPage p.pagetop { float: right; margin-right: 10px; } #footer #fnPage p.pagetop img { background: url("../img/bg_vector.png") no-repeat -110px -30px; } #footer #fnPage p.back, #footer #fnPage p.home { float: left; margin-right: 10px; } #footer #fnPage p.back { margin-left: 10px; } #footer #fnPage p.back img { background: url("../img/bg_vector.png") no-repeat -70px -30px; } #footer #fnPage p.home img { background: url("../img/bg_vector.png") no-repeat -130px -30px; } #footer #fnSitemap { display: none; } #footer #fnOther { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); background: #000; padding: 15px 10px; } #footer #fnOther ul { margin-bottom: 25px; } #footer #fnOther li { float: left; color: #CCC; padding-right: 1em; font-size: 75%; } #footer #fnOther li a { color: #FFF; } #footer #fnOther small { font-size: 69%; display: inline; } #footer #fnOther .casio { vertical-align: middle; } .attention { margin: 0 10px 10px; } .ytArea { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .ytArea iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } /* ---------------------------------------------------------------------- CONTENTS ----------------------------------------------------------------------*/ #contents { padding: 0; /* border-bottom:2px solid #000; @include box-shadow(0, 1px, 0, rgba(255,255,255,.2)); margin-bottom:1px; */ } /* ---------------------------------------------------------------------- SHARE ----------------------------------------------------------------------*/ #share { display: none; } #share_sp { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; padding: 10px 0 5px 15px; } #share_sp ul { list-style: none; position: relative; width: 100%; } #share_sp li { display: inline-block; overflow: hidden; vertical-align: middle; margin-right: 10px; } #share_sp .facebook { width: 71px; overflow: hidden; } #share_sp .facebook span { display: block; height: 22px; width: 71px; } #share_sp li span { float: left; } #fb-root { display: none; } /* ---------------------------------------------------------------------- HOME ----------------------------------------------------------------------*/ #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; } @font-face { font-family: "capture_it-webfont"; src: url("/gsw/common/font/capture_it-webfont.eot"); src: url("/gsw/common/font/capture_it-webfont.eot?#iefix") format("eot"), url("/gsw/common/font/capture_it-webfont.woff") format("woff"), url("/gsw/common/font/capture_it-webfont.ttf") format("truetype"), url("/gsw/common/font/capture_it-webfont.svg#capture_it-webfont") format("svg"); font-weight: normal; font-style: normal; } #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: -211px -152px; background-repeat: no-repeat; height: 18px; width: 11px; } #home img.arwL4 { background-image: url("/common/img/bg_vector.png"); background-position: -211px -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 .linkAttention { width: 100%; float: none; } #home #contents .linkAttention a { font-size: 81%; display: block; width: 100%; background-color: #333; line-height: 140%; margin: 0; padding: 10px 0px; text-align: center; } #home #contents .infoCol h2, #home #contents .newsCol, #home #contents .infoCol .featuredInfo, #home #contents .banner02, #home #contents .featuredProducts, #home #contents .banner, #home #contents .gworldCol { display: none; } #home #contents .infoCol { padding: 0; overflow: hidden; position: relative; border-top: solid 2px #000; } #home #contents .infoCol ul { list-style: none; /*position:absolute;*/ top: 0; left: 0; 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 .infoCol .facebookCol , #home #contents .infoCol .instagramCol { position: relative; z-index: 1; width: 50%; float: left; min-width: 160px; overflow: visible; } #home #contents .infoCol .facebookCol ul li, #home #contents .infoCol .instagramCol ul li { position: relative; padding: 0; margin: 0; overflow: hidden; width: 100%; height: 100%; } #home #contents .infoCol .facebookCol ul li span.inr, #home #contents .infoCol .instagramCol ul li span.inr { display: block; } #home #contents .infoCol .facebookCol ul li h3, #home #contents .infoCol .instagramCol ul li h3 { position: relative; z-index: 3; margin: 0; font-size: 69%; line-height: 1.2; background: #333; -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.9); box-shadow: 0 3px 14px rgba(0, 0, 0, 0.9); } #home #contents .infoCol .facebookCol ul li h3 span.inr, #home #contents .infoCol .instagramCol ul li h3 span.inr { padding: 8px 10px; } #home #contents .infoCol .facebookCol ul li h3 span.inr img, #home #contents .infoCol .instagramCol ul li h3 span.inr img { float: left; width: 28px !important; } #home #contents .infoCol .facebookCol ul li h3 span.inr span, #home #contents .infoCol .instagramCol ul li h3 span.inr span { display: block; margin-left: 38px; } #home #contents .infoCol .facebookCol ul li .photo, #home #contents .infoCol .instagramCol ul li .photo { z-index: 2; display: block; margin: 0 auto; padding: 16px 0 15px; height: 100%; text-align: center; background: url(../../img/bg_instagram.gif) repeat center top; } #home #contents .infoCol .facebookCol ul li .photo .inr, #home #contents .infoCol .instagramCol ul li .photo .inr { display: block; width: 60%; position: relative; margin: 0 auto; overflow: hidden; -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.38); box-shadow: 0 0 11px rgba(0, 0, 0, 0.38); } #home #contents .infoCol .facebookCol ul li .photo .inr img, #home #contents .infoCol .instagramCol ul li .photo .inr img { display: block; width: 100%; box-sizing: border-box; margin: 0; padding: 0; background-repeat: no-repeat; background-color: #666; background-position: center center; background-size: cover; } #home #contents .infoCol .facebookCol ul li .photo .inr .ico-insta, #home #contents .infoCol .instagramCol ul li .photo .inr .ico-insta { position: absolute; z-index: 2; top: 0; right: 0; width: 16.58537%; background: none; } #home #contents .infoCol .facebookCol ul li .photo .inr .media, #home #contents .infoCol .instagramCol ul li .photo .inr .media { position: absolute; z-index: 2; right: 0; bottom: 0; padding: 3px 5px; background: #555; font-size: 50%; } #home #contents .infoCol .facebookCol ul li .txt, #home #contents .infoCol .instagramCol ul li .txt { display: none; } #home #contents .infoCol .facebookCol ul li .btn, #home #contents .infoCol .instagramCol ul li .btn { float: right; margin-right: 0; padding: 6px 8px 4px 6px; font-size: 69%; } #home #contents .infoCol .facebookCol ul li .btn img.arwR, #home #contents .infoCol .instagramCol ul li .btn img.arwR { margin-top: -2px !important; } #home #contents .infoCol .facebookCol { position: relative; z-index: 2; } #home #contents .infoCol .facebookCol ul { z-index: 1; } #home #contents .infoCol .facebookCol ul:after { width: 0; height: 100%; right: 0; top: -1px; border-right: solid 2px #000; position: absolute; z-index: 3; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2); } #home #contents .infoCol .facebookCol ul li h3 { background: #666; } #home #contents .infoCol .facebookCol ul li .photo { background: #333; } #home #contents .infoCol .facebookCol ul li .photo .inr img { border: solid 2px #fff; } #home #contents .infoCol .bnr { clear: both; } #home #contents .infoCol .bnr ul { padding: 9px 0 0 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}'); } #home #contents .infoCol .bnr ul li { float: left; width: 50%; padding: 0 0 9px; text-align: center; display: block; } #home #contents .infoCol .bnr ul li img { display: block; margin: 0 auto; width: 88.4375%; } #home #contents .newProducts { width: auto; position: relative; background-color: #828282; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(1, #828282)); background-image: -webkit-linear-gradient(top, #333, #828282); background-image: -moz-linear-gradient(top, #333, #828282); background-image: -o-linear-gradient(top, #333, #828282); background-image: -ms-linear-gradient(top, #333, #828282); background-image: linear-gradient(top, #333, #828282); margin: 10px; } #home #contents .newProducts .tl { position: absolute; z-index: 201; width: 120px; top: 0; left: 0; margin: 3px 10px 9px 0; } #home #contents .newProducts .tl a { position: relative; display: block; padding: 5px 5px 0; line-height: 1.1; } #home #contents .newProducts .tl a h2 { float: left; margin-bottom: 9px; font-size: 125%; } #home #contents .newProducts .tl a h2 .sml { padding-top: 2px; display: block; font-size: 56% !important; } #home #contents .newProducts .tl a p { position: relative; top: -5px; font-weight: bold; clear: both; font-size: 81%; margin-bottom: 2px; } #home #contents .newProducts .more { position: absolute; z-index: 200; right: 2%; top: 5%; vertical-align: middle; display: inline-block; padding: 0 5px 0 0; font-size: 69%; font-weight: bold; text-align: right; border: 1px solid #fff; padding: 3px 9px 7px 8px; } #home #contents .newProducts .more img.arwR { top: 2px; } #home #contents .newProducts .loader { width: 100%; height: 100%; 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: 15%; top: 50%; margin-top: -9px; } #home #contents .newProducts .watBtn_next { position: absolute; z-index: 101; width: 11px; height: 18px; right: 15%; top: 50%; margin-top: -9px; } #home #contents .newProducts .counter { position: absolute; z-index: 101; bottom: 10%; left: 25%; color: #000; font-size: 106%; } #home #contents .newProducts .counter .lrg { font-size: 138%; } #home #contents .newProducts .photo { width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 100; padding: 4% 0 65%; margin: 0 auto; } #home #contents .newProducts .photo ul { position: absolute; top: 12%; left: 0; } #home #contents .newProducts .photo li { list-style: none; float: left; position: relative; text-align: center; height: 100%; } #home #contents .newProducts .photo li.error { color: #000; line-height: 1.5; font-size: 63%; padding-top: 60px; } #home #contents .newProducts .photo img { width: 47%; margin: 0 auto; } #home #contents .newProducts .photo .btn_detail { position: absolute; right: 6px; bottom: 10px; margin: 0 auto; display: inline-block; -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: #333; } #home #contents .newProducts .photo .btn_detail a { display: block; padding: 3px 10px 7px 9px; 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 .linkCol { padding: 10px; } #home #contents .linkCol h2 { position: relative; background: #383838; margin-bottom: 10px; padding: 7px 9px; font-size: 81%; } #home #contents .linkCol ul { width: 100%; padding-bottom: 5px; } #home #contents .linkCol li { float: left; margin: 0 1% 5px; width: 48%; list-style: none; } #home #contents .linkCol a { display: block; padding: 7px 10px; border: 2px solid #666; vertical-align: middle; background: #000; } #home #contents .linkCol a img { width: 34px; vertical-align: middle; margin-right: 5px; position: relative; margin-bottom: 0; float: left; } #home #contents .linkCol a h2 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold; font-size: 69%; position: relative; top: 5px; line-height: 1; } #home #contents .linkCol .snsCol ul li { width: 34px; margin: 0 10px 10px 0; padding: 0; /* a{ h3{font-size:fs(11);padding-top:5px;} }*/ } #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 { display: none; overflow: hidden; } #home #contents .linkCol .recCol ul li a h3 { font-size: 69%; padding-top: 5px; } #home #contents .linkCol .recCol ul li.i01 a h3 { font-size: 125%; margin-bottom: 2px; text-align: center; padding: 1px 0; } #home #contents .linkCol .recCol ul li.i01 a p { display: none; font-size: 63%; } #home #contents .linkCol .recCol ul li.i03 a { padding: 0px 10px 4px; } #home #contents .linkCol .recCol ul li.i03 a img { width: auto; float: none; padding-bottom: 2px; } #home #contents .linkCol .ftInfoCol { clear: both; padding-top: 5px; } #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; background: none; padding: 7px 9px; color: #fec708; } #home #contents .linkCol .ftInfoCol h2 a span.sml { color: #fff; padding-top: 5px; display: block; position: relative; font-size: 75%; } #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 { height: 240px; } #home #main ul, #home #main li { height: 240px; } #home #main li div { position: relative; width: 100%; height: 100%; margin: 0 auto; } #home #main h1 { display: none; } #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; bottom: 40px; left: 50%; margin-left: -150px; font-size: 63%; padding: 4px 8px 2px 6px; } #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.pc-tb { display: none !important; } #home #main #mainCasioConnected { background: #c9cdd5 url(../../img/bg_main-casioConnected-sp.jpg) no-repeat top center; background-size: auto 100% !important; } #home #main #mainCasioConnected a .btn { bottom: 64px !important; margin-left: -50px !important; } #home #main #mainGlide { background: #fff url(../../img/bg_main-glide-sp.jpg?20170427) no-repeat top center; background-size: auto 100% !important; } #home #main #mainGlide a .btn { bottom: 69px !important; margin-left: -152px !important; } #home #main #mainCleanMilitary { background: #000 url(../../img/bg_main-clean_military-sp.jpg) no-repeat top center; background-size: auto 100% !important; } #home #main #mainCleanMilitary a .btn { bottom: 83px !important; margin-left: -150px !important; } #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 { bottom: 87px; margin-left: -127px; } #home #main #mainGPW-2000 a .sp_mainFesBtn { bottom: 84px !important; margin-left: -3px !important; } #home #main .sp_mainGPW-2000 { background: #cbcbd2 url(../../img/bg_main-gpw-2000-sp.jpg?20170516) no-repeat top center !important; background-size: auto 100% !important; } #home #main .sp_mainGPW-2000 a .btn { bottom: 87px !important; margin-left: -127px !important; } #home #main .sp_mainFes { background: #000 url(../../img/bg_main-fes-sp.jpg) no-repeat top center !important; background-size: auto 100% !important; } #home #main .sp_mainFes a .btn { bottom: 84px　 !important; margin-left: -3px !important; } #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 { bottom: 65px; margin-left: -117px; } #home #main #mainMog { background: #000 url(../../img/bg_main-mog-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainMog a .btn { bottom: 50px; margin-left: -45px; } #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 { bottom: 74px; margin-left: -139px; } #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 { bottom: 74px; margin-left: -139px; } #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 { bottom: 52px; margin-left: -150px; } #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 { bottom: 52px; margin-left: -150px; } #home #main .sp_mainGA-500 { background: #000 url(../../img/bg_main-ga-500-sp.jpg) no-repeat top center !important; background-size: auto 100% !important; } #home #main .sp_mainGA-500 a .btn { bottom: 52px !important; margin-left: -150px !important; } #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 { bottom: 47px; margin-left: -150px; } #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 { bottom: 52px; margin-left: -150px; } #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 { bottom: 46px; margin-left: -150px; } #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 { bottom: 52px; margin-left: -135px; } #home #main #mainRT { background: #000 url(../../img/bg_main-rt-sp.jpg?20160701) no-repeat top center; background-size: auto 100%; } #home #main #mainRT a .btn { bottom: 52px; margin-left: -150px; } #home #main .sp_mainRT { background: #000 url(../../img/bg_main-rt-sp.jpg?20160701) no-repeat top center !important; background-size: auto 100% !important; } #home #main .sp_mainRT a .btn { bottom: 52px !important; margin-left: -150px !important; } #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 { bottom: 52px; margin-left: -150px; } #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 { bottom: 52px; margin-left: -133px; } #home #main .sp_mainGsteel { background: #000 url(../../img/bg_main-g-steel-sp.jpg) no-repeat top center !important; background-size: auto 100% !important; } #home #main .sp_mainGsteel a .btn { bottom: 52px !important; margin-left: -150px !important; } #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 { bottom: 52px; margin-left: -150px; } #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 { bottom: 52px; margin-left: -150px; } #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 { bottom: 52px; margin-left: -150px; } #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 { bottom: 52px; margin-left: -150px; } #home #main .sp_mainNewFrogman { background: #000 url(../../img/bg_main-new_frogman-sp.jpg?20160610) no-repeat top center !important; background-size: auto 100% !important; } #home #main .sp_mainNewFrogman a .btn { bottom: 46px !important; margin-left: -53px !important; } #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 { bottom: 46px; margin-left: -53px; } #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 { bottom: 52px; margin-left: -150px; } #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 { bottom: 52px; margin-left: -150px; } #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 { bottom: 52px; margin-left: -150px; } #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 { bottom: 52px; margin-left: -150px; } #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 { bottom: 52px; margin-left: -150px; } #home #main #mainWhite_Black { background: #fff url(../../img/bg_main-white_black-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainWhite_Black a .btn { bottom: 50px; margin-left: -150px; } #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 { bottom: 52px; margin-left: -150px; } #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 { bottom: 52px; margin-left: -150px; } #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 { bottom: 52px; margin-left: -150px; } #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: 52px; left: 50%; margin-left: -150px; font-size: 69%; padding: 6px 8px 4px 6px; } #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; bottom: 52px; left: 50%; margin-left: -150px; font-size: 63%; padding: 4px 8px 2px 6px; } #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; bottom: 52px; left: 50%; margin-left: -150px; font-size: 63%; padding: 4px 8px 2px 6px; } #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-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainHuf a * { display: none; } #home #main #mainSlash { background: #000 url(../../img/bg_main-slash-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainSlash a * { display: none; } #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 * { display: none; } #home #main #mainSkyCockpit2 { background: #e0dede url(../../img/bg_main-skycockpit2-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainSkyCockpit2 .crbtns { display: none; } #home #main #mainSkyCockpit { background: #000 url(../../img/bg_main-skycockpit-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainSkyCockpit .crbtns { display: none; } #home #main #mainBLEv3 { background: #000 url(../../img/bg_main-ble2-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainBLEv3 a * { display: none; } #home #main #mainBLEv2 { background: #000 url(../../img/bg_main-blev3-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainBLEv2 .crbtns { display: none; } #home #main #mainBLE { background: #000 url(../../img/bg_main-ble-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainBLE a { position: relative; z-index: 1; } #home #main #mainBLE p.btn03 { width: 320px; margin: 0 auto; position: relative; z-index: 101; } #home #main #mainBLE p.btn03 span { display: block; position: absolute; bottom: 82px; 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 span a { position: relative; display: block; width: auto; height: auto; padding: 0 3px 5px 6px; font-size: 63%; 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 span a img.arwR { position: relative; background-image: url(/common/img/icon.png); background-repeat: no-repeat; background-position: -13px 0; width: 8px; top: 2px; height: 12px; margin-top: 2px; margin-right: 3px; } #home #main #mainMTG-S1000 { background: #000 url(../../img/bg_main-mtg-s1000-sp.jpg) no-repeat center top; background-size: auto 100%; } #home #main #mainMTG-S1000 h1, #home #main #mainMTG-S1000 h2, #home #main #mainMTG-S1000 p { visibility: hidden; } #home #main #mainMTG-S1000 h1 { font-size: 188%; position: absolute; top: 80px; left: 5%; line-height: 1; } #home #main #mainMTG-S1000 h2 { font-size: 81%; position: absolute; top: 120px; left: 5%; } #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 #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; bottom: 52px; left: 50%; margin-left: -150px; font-size: 63%; padding: 4px 8px 2px 6px; } #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-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainFrank a * { visibility: hidden; } #home #main #mainGD-120CM { background: url(../../img/bg_main-camouflage-sp.jpg) no-repeat top center #000; background-size: auto 100%; } #home #main #mainGD-120CM a * { visibility: hidden; } #home #main #mainGLS-8900 { background: url(../../img/bg_main-gls-8900-sp.jpg) no-repeat top center, url(../../img/bg_main-gw2-sp.gif) repeat-x top center; background-size: auto 100%, auto 100%; } #home #main #mainGLS-8900 a * { visibility: hidden; } #home #main #mainGA-310 { background: url(../../img/bg_main-bigcase-sp.jpg) no-repeat top center; background-size: auto 100%, auto 100%; } #home #main #mainGA-310 a * { visibility: hidden; } #home #main #mainGW-9400 { background: #fff url(../../img/bg_main-gw2-9400-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainGW-9400 a * { visibility: hidden; } #home #main #mainGW3-9400 { background: #fff url(../../img/bg_main-gw3-9400-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainGW3-9400 a * { visibility: hidden; } #home #main #mainRealToughness { background: #fff url(../../img/bg_main-rt-sp.jpg) no-repeat top center; background-size: auto 100%; } #home #main #mainG-World { background: #000 url(../../img/bg_main-gw-sp.jpg) no-repeat center center; background-size: auto 100%; } #home .bnr02 { clear: both; } #home .bnr02 h2 { display: block !important; position: relative; z-index: 3; margin: 0; font-size: 113%; line-height: 1.2; background: #333; -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.9); box-shadow: 0 3px 14px rgba(0, 0, 0, 0.9); padding: 8px 10px; } #home .bnr02 h2.en-font02 { font-family: "capture_it-webfont", "Helvetica", "Arial", "Verdana", sans-serif; font-weight: normal; font-size: 125%; padding: 5px 10px; } #home .bnr02 ul { 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}'); } #home .bnr02 p, #home .bnr02 li { width: auto; padding: 8px 10px; text-align: center; } #home .bnr02 p.no_bd, #home .bnr02 li.no_bd { border-bottom: none; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #home .bnr02 p img, #home .bnr02 li img { width: 100%; } #home .bnr02 p .inr, #home .bnr02 li .inr { display: block; padding-top: 2px; text-align: left; font-size: 75%; line-height: 1.3; } #home .bnr02 p .inr .img, #home .bnr02 li .inr .img { float: left; width: 4%; text-align: center; } #home .bnr02 p .inr .img img, #home .bnr02 li .inr .img img { width: 124px; } #home .bnr02 p .inr .txt, #home .bnr02 li .inr .txt { margin-left: 137px; } #home .center { text-align: center; } /* ---------------------------------------------------------------------- PRODUCTS ----------------------------------------------------------------------*/ /* HIGH-RESOLUTION SCREEN */ #products.svg #page .productTitle { background-image: url(../../products/img/sp/bg_title.svg?20170206) !important; } /* PRODUCTS COMMON */ #products #main { position: relative; height: 160px; margin-bottom: 10px; background-size: auto 200px; background-position: top center; -webkit-box-shadow: 0 5px 15px black; box-shadow: 0 5px 15px black; } #products .productTitle { position: relative; display: block; width: 320px; height: 100px; background-image: url("../../products/img/sp/bg_title.png?20170206") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: 20px; left: 50%; margin-left: -150px; } #products .wat { display: none; } #products .btn, #products .btn02 { padding: 7px 22px 6px 27px; } #products .btn img, #products .btn02 img { position: relative; left: 3px; top: 1px; } #products .notes_price { clear: both; padding: 0 10px 10px; } #products .notes_price li { list-style: none; font-size: 69%; line-height: 1.4; margin-bottom: 4px; } #products #main .mr-g .productTitle, #products.mr-g .productTitle { background-position: 0 -100px; } #products #main .mt-g .productTitle, #products.mt-g .productTitle { background-position: 0 -200px; } #products #main .giez .productTitle, #products.giez .productTitle { background-position: 0 -300px; } #products #main .master_of_g .productTitle, #products.master_of_g .productTitle { background-position: 0 -400px; } #products.mudman .productTitle { background-position: 0 -500px; } #products.gulfman .productTitle { background-position: 0 -600px; } #products.riseman .productTitle { background-position: 0 -700px; } #products.frogman .productTitle { background-position: 0 -800px; } #products.rangeman .productTitle { background-position: 0 -1400px; } #products #main .big_case .productTitle, #products.big_case .productTitle { background-position: 0 -900px; } #products #main .g-lide .productTitle, #products.g-lide .productTitle { background-position: 0 -1000px; } #products #main .origin .productTitle, #products.origin .productTitle { background-position: 0 -1100px; } #products #main .basic .productTitle, #products.basic .productTitle { background-position: 0 -1200px; } #products #main .special .productTitle, #products.special .productTitle { background-position: 0 -1300px; height: 20px !important; } #products #main .gulfmaster .productTitle, #products.gulfmaster .productTitle { background-position: 0 -1500px; height: 45px; } #products #main .mudmaster .productTitle, #products.mudmaster .productTitle { background-position: 0 -1839px; height: 45px; } #products #main .gps .productTitle, #products.gps .productTitle { background-position: 0 -1570px; height: 45px; } #products #main .pattern .productTitle, #products.pattern .productTitle { background-position: 0 -1746px; height: 19px; } #products #main .gps .productTitle, #products.gps .productTitle { background-position: 0 -1796px; height: 19px; } #products #main .gravitymaster-gps .productTitle, #products.gravitymaster-gps .productTitle { background-position: 0 -1955px; height: 88px; } #products #main .blev3 .productTitle { background: none !important; background-position: 0 -1630px; height: 110px; } #products #main .blev3 .productTitle * { visibility: visible !important; text-indent: 0; } #products #main .blev3 .productTitle h1 img { width: 100px; } #products #main .blev3 .productTitle p .phone { position: relative; top: 18px; width: 25px; padding-right: 5px; } #products #main .blev3 .productTitle p .bt { width: 65px; } #products #main .mr-g h1, #products.mr-g #main h1 { display: block; width: 83px; height: 15px; 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: 20px; left: 50%; background-size: cover; margin: 20px 0 0 -150px; } #products #content { position: relative; z-index: 1000; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; margin-bottom: 1px; } #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: 50%; font-weight: bold; margin-left: 10px; padding-top: 5px; } #products .pager strong { font-size: 200%; } #products .pager ol { float: right; margin-right: 10px; } #products .pager li { float: left; margin-left: 5px; } #products .pager a { display: block; padding: 7px; font-size: 75%; font-weight: bold; color: #000; background-color: #FFF; background-color: white; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFFFF',EndColorStr='#FFFFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFFFF',EndColorStr='#FFFFFFFF}'); } #products .pager a.current { background-color: #383838; background-color: #383838; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF383838',EndColorStr='#FF383838')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF383838',EndColorStr='#FF383838}'); color: #FFF; } #products .pager a.next, #products .pager a.prev { display: none; } #products #search { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; margin-bottom: 1px; padding-bottom: 10px; } #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 .search-btn { width: auto; display: block; } #products .error { background-color: #383838; background-color: rgba(56, 56, 56, 0.85); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D9383838',EndColorStr='#D9383838')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D9383838',EndColorStr='#D9383838}'); margin: 10px; padding: 20px 0; text-align: center; line-height: 1.4; } #products .error h2 { font-size: 100%; padding-bottom: 20px; } #products .error p { margin-bottom: 1.5em; font-size: 81%; } #products .error .btn { font-size: 108% !important; padding: 10px; } #products .error img.fav-error { width: 100%; max-width: 300px; } #products.svg #main .blev3 .productTitle { background: none !important; } /* HIGH-RESOLUTION SCREEN */ #products.index.svg li.m-search a img, #products.index.svg li.a-search a img { background-image: url("../img/bg_vector.svg") !important; } /* PRODUCTS INDEX */ #products.index .indexCol_movie { display: none; } #products.index .infoCol { overflow: hidden; position: relative; } #products.index .infoCol ul { list-style: none; padding-bottom: 10px; min-height: 70px; 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}'); 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); } #products.index .infoCol li { position: relative; float: left; width: 100%; } #products.index .infoCol .photo { width: 70px; height: 60px; position: absolute; top: 22px; left: 10px; overflow: hidden; } #products.index .infoCol .photo img { width: 100%; } #products.index .infoCol .txt { margin-left: 80px; padding: 10px 12px 0 10px; } #products.index .infoCol .txt h3 { display: inline; line-height: 1.2; font-size: 75%; } #products.index .infoCol .txt .tag-app, #products.index .infoCol .txt .tag-str, #products.index .infoCol .txt .tag-gworld, #products.index .infoCol .txt .tag-sns, #products.index .infoCol .txt .tag-world, #products.index .infoCol .txt .tag-jp { font-size: 63%; display: inline-block; background: #F00; padding: 3px 5px; font-weight: bold; vertical-align: middle; margin-top: -5px; height: auto; } #products.index .infoCol .txt p { font-size: 75%; line-height: 1.2; margin: 5px 0 0 0; } #products.index .infoCol .bnr02 { padding: 10px; } #products.index .infoCol .bnr02 li { float: left; padding: 0; width: 48.5%; } #products.index .infoCol .bnr02 li.sml_r { float: right; } #products.index .infoCol .bnr02 li img { width: 100%; display: block; margin-bottom: 2px; } #products.index .infoCol .bnr02 li span.tl { font-size: 75%; line-height: 1.2; } #products.index .infoCol .bnr02 li.lrg { float: none; width: 100%; margin-bottom: 10px; } #products.index .infoCol .bnr02 li.lrg:last-of-type { margin-bottom: 0; } #products.index .navCol .search { margin-bottom: 1px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; 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.index .navCol h2.title { padding: 10px; margin-bottom: 1px; font-size: 188%; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; } #products.index h2.tl { position: relative; z-index: 10000; background: #333; } #products.index h2.tl .inr { display: block; margin: 0 auto; padding: 4px 10px; } #products.index h2.tl .inr .en-font, #products.index h2.tl .inr .pageTitle h1, .pageTitle #products.index h2.tl .inr h1, #products.index h2.tl .inr .list h2, .list #products.index h2.tl .inr h2, #products.index h2.tl .inr .fav, #products.index #home #contents .newProducts h2.tl .inr a h2, #home #contents .newProducts #products.index h2.tl .inr a h2, #products.index #home #contents .newProducts h2.tl a .inr h2, #home #contents .newProducts #products.index h2.tl a .inr h2, #products.index h2.tl .inr #home #contents .newProducts .more, #home #contents .newProducts #products.index h2.tl .inr .more, #products.index h2.tl .inr #home #contents .newProducts .counter, #home #contents .newProducts #products.index h2.tl .inr .counter, #products.index h2.tl .inr #home #contents .newProducts .date, #home #contents .newProducts #products.index h2.tl .inr .date, #products.index h2.tl .inr #home #contents .newProducts h3, #home #contents .newProducts #products.index h2.tl .inr h3, #products.index h2.tl .inr #home #contents .linkCol .recCol ul li.i01 a h3, #home #contents .linkCol .recCol ul li.i01 a #products.index h2.tl .inr h3, #products.index h2.tl .inr #home #main h1, #home #main #products.index h2.tl .inr h1, #products.index h2.tl .inr #home #main h2, #home #main #products.index h2.tl .inr h2, #products.index h2.tl .inr #home #main h3, #home #main #products.index h2.tl .inr h3, #products.index h2.tl .inr #home #main p, #home #main #products.index h2.tl .inr p, #products.index h2.tl .inr #home .bnr02 h2, #home .bnr02 #products.index h2.tl .inr h2, #products.index h2.tl .inr .navCol h2.title, #products.index .navCol h2.tl .inr h2.title, #products.index h2.tl .inr #main .movie_gorilla .indexCol_movie_txt .caption, #products.index #main .movie_gorilla .indexCol_movie_txt h2.tl .inr .caption, #products.index h2.tl .inr .lrg, #products.index h2.tl .inr .indexCol .col-in .lineup h3.tl, #products.index .indexCol .col-in .lineup h2.tl .inr h3.tl, #products.index h2.tl .inr .indexCol .col-in .lineup .photo .prd_info h4.prd_name, #products.index .indexCol .col-in .lineup .photo .prd_info h2.tl .inr h4.prd_name, #products.index h2.tl .inr #products.concept #contents .en, #products.concept #contents #products.index h2.tl .inr .en, #products.index h2.tl .inr #products.color #page .productTitle h1, #products.color #page .productTitle #products.index h2.tl .inr h1, #products.index h2.tl .inr #products.limited #page .productTitle h1, #products.limited #page .productTitle #products.index h2.tl .inr h1, #products.index h2.tl .inr #products.master_of_g .indexCol .lineup h3.tl, #products.master_of_g .indexCol .lineup #products.index h2.tl .inr h3.tl, #products.index h2.tl .inr #products.master_of_g .indexCol .lineup .photo .prd_info h4.prd_name, #products.master_of_g .indexCol .lineup .photo .prd_info #products.index h2.tl .inr h4.prd_name, #products.index h2.tl .inr #identity.index #contents .history dl dt, #identity.index #contents .history dl #products.index h2.tl .inr dt, #products.index h2.tl .inr #identity.index #contents .history h2, #identity.index #contents .history #products.index h2.tl .inr h2, #products.index h2.tl .inr #identity.index #contents .technology .technologyTitle h1, #identity.index #contents .technology .technologyTitle #products.index h2.tl .inr h1, #products.index h2.tl .inr #identity.index #contents .technology .more h1, #identity.index #contents .technology .more #products.index h2.tl .inr h1, #products.index h2.tl .inr #identity.history #contents .pageTitle h2#year, #identity.history #contents .pageTitle #products.index h2.tl .inr h2#year, #products.index h2.tl .inr #identity.history #contents .carousel li h2, #identity.history #contents .carousel li #products.index h2.tl .inr h2, #products.index h2.tl .inr #identity.history #contents .carousel li .watData h3, #identity.history #contents .carousel li .watData #products.index h2.tl .inr h3, #products.index h2.tl .inr #identity.history #contents .carousel li .watData h4, #identity.history #contents .carousel li .watData #products.index h2.tl .inr h4, #products.index h2.tl .inr #shop .nav.sp #lnav ul li#flagship a, #shop .nav.sp #lnav ul li#flagship #products.index h2.tl .inr a, #products.index h2.tl .inr #mobile.index .app h1, #mobile.index .app #products.index h2.tl .inr h1, #products.index h2.tl .inr #mobile.index .gmix h1, #mobile.index .gmix #products.index h2.tl .inr h1, #products.index h2.tl .inr #mobile.index .mobile h1, #mobile.index .mobile #products.index h2.tl .inr h1 { font-size: 125% !important; } #products.index h2.tl .inr .en-font *, #products.index h2.tl .inr .pageTitle h1 *, .pageTitle #products.index h2.tl .inr h1 *, #products.index h2.tl .inr .list h2 *, .list #products.index h2.tl .inr h2 *, #products.index h2.tl .inr .fav *, #products.index #home #contents .newProducts h2.tl .inr a h2 *, #home #contents .newProducts #products.index h2.tl .inr a h2 *, #products.index #home #contents .newProducts h2.tl a .inr h2 *, #home #contents .newProducts #products.index h2.tl a .inr h2 *, #products.index h2.tl .inr #home #contents .newProducts .more *, #home #contents .newProducts #products.index h2.tl .inr .more *, #products.index h2.tl .inr #home #contents .newProducts .counter *, #home #contents .newProducts #products.index h2.tl .inr .counter *, #products.index h2.tl .inr #home #contents .newProducts .date *, #home #contents .newProducts #products.index h2.tl .inr .date *, #products.index h2.tl .inr #home #contents .newProducts h3 *, #home #contents .newProducts #products.index h2.tl .inr h3 *, #products.index h2.tl .inr #home #contents .linkCol .recCol ul li.i01 a h3 *, #home #contents .linkCol .recCol ul li.i01 a #products.index h2.tl .inr h3 *, #products.index h2.tl .inr #home #main h1 *, #home #main #products.index h2.tl .inr h1 *, #products.index h2.tl .inr #home #main h2 *, #home #main #products.index h2.tl .inr h2 *, #products.index h2.tl .inr #home #main h3 *, #home #main #products.index h2.tl .inr h3 *, #products.index h2.tl .inr #home #main p *, #home #main #products.index h2.tl .inr p *, #products.index h2.tl .inr #home .bnr02 h2 *, #home .bnr02 #products.index h2.tl .inr h2 *, #products.index h2.tl .inr .navCol h2.title *, #products.index .navCol h2.tl .inr h2.title *, #products.index h2.tl .inr #main .movie_gorilla .indexCol_movie_txt .caption *, #products.index #main .movie_gorilla .indexCol_movie_txt h2.tl .inr .caption *, #products.index h2.tl .inr .lrg *, #products.index h2.tl .inr .indexCol .col-in .lineup h3.tl *, #products.index .indexCol .col-in .lineup h2.tl .inr h3.tl *, #products.index h2.tl .inr .indexCol .col-in .lineup .photo .prd_info h4.prd_name *, #products.index .indexCol .col-in .lineup .photo .prd_info h2.tl .inr h4.prd_name *, #products.index h2.tl .inr #products.concept #contents .en *, #products.concept #contents #products.index h2.tl .inr .en *, #products.index h2.tl .inr #products.color #page .productTitle h1 *, #products.color #page .productTitle #products.index h2.tl .inr h1 *, #products.index h2.tl .inr #products.limited #page .productTitle h1 *, #products.limited #page .productTitle #products.index h2.tl .inr h1 *, #products.index h2.tl .inr #products.master_of_g .indexCol .lineup h3.tl *, #products.master_of_g .indexCol .lineup #products.index h2.tl .inr h3.tl *, #products.index h2.tl .inr #products.master_of_g .indexCol .lineup .photo .prd_info h4.prd_name *, #products.master_of_g .indexCol .lineup .photo .prd_info #products.index h2.tl .inr h4.prd_name *, #products.index h2.tl .inr #identity.index #contents .history dl dt *, #identity.index #contents .history dl #products.index h2.tl .inr dt *, #products.index h2.tl .inr #identity.index #contents .history h2 *, #identity.index #contents .history #products.index h2.tl .inr h2 *, #products.index h2.tl .inr #identity.index #contents .technology .technologyTitle h1 *, #identity.index #contents .technology .technologyTitle #products.index h2.tl .inr h1 *, #products.index h2.tl .inr #identity.index #contents .technology .more h1 *, #identity.index #contents .technology .more #products.index h2.tl .inr h1 *, #products.index h2.tl .inr #identity.history #contents .pageTitle h2#year *, #identity.history #contents .pageTitle #products.index h2.tl .inr h2#year *, #products.index h2.tl .inr #identity.history #contents .carousel li h2 *, #identity.history #contents .carousel li #products.index h2.tl .inr h2 *, #products.index h2.tl .inr #identity.history #contents .carousel li .watData h3 *, #identity.history #contents .carousel li .watData #products.index h2.tl .inr h3 *, #products.index h2.tl .inr #identity.history #contents .carousel li .watData h4 *, #identity.history #contents .carousel li .watData #products.index h2.tl .inr h4 *, #products.index h2.tl .inr #shop .nav.sp #lnav ul li#flagship a *, #shop .nav.sp #lnav ul li#flagship #products.index h2.tl .inr a *, #products.index h2.tl .inr #mobile.index .app h1 *, #mobile.index .app #products.index h2.tl .inr h1 *, #products.index h2.tl .inr #mobile.index .gmix h1 *, #mobile.index .gmix #products.index h2.tl .inr h1 *, #products.index h2.tl .inr #mobile.index .mobile h1 *, #mobile.index .mobile #products.index h2.tl .inr h1 * { line-height: 1.2; } #products.index h2.tl .inr .sml { position: relative; top: 2px; padding-left: 8px; font-size: 75%; } #products.index h2.tl .inr * { vertical-align: middle; } #products.index li.m-search { width: 45%; position: relative; padding-bottom: 10px; } #products.index li.a-search { width: 55%; position: relative; padding-bottom: 10px; } #products.index li.m-search a, #products.index li.a-search a { display: block; padding: 5px 0 5px 5px; } #products.index li.m-search a img, #products.index li.a-search a img { width: 24px; height: 24px; float: left; margin: -15px 5px 0 0; background: url("../img/bg_vector.png") no-repeat -164px -149px; } #products.index li.m-search a span, #products.index li.a-search a span { float: left; margin-top: -15px; line-height: 1.4; font-size: 69%; font-weight: bold; } #products.index li.m-search a { margin: 10px 10px 10px 5px; } #products.index li.a-search a { margin: 10px 5px 10px 10px; } #products.index li.m-search { float: right; } #products.index li.a-search { float: left; } #products.index ul.collection { list-style-type: none; padding: 0 2px 3px 0; width: 100%; /* li:nth-child(odd){ border-right:2px solid #000; margin-right:-2px;} li:nth-child(even){ border-left:1px solid #484848; margin-left:-1px;} */ /* li.odd{ border-right:2px solid #000; margin-right:-2px;} li.even{ border-left:1px solid #484848; margin-left:-1px;}*/ } #products.index ul.collection li { /*width:50%; float:left;*/ box-sizing: content-box; } #products.index ul.collection li.list-l { width: 100%; border-right: none; border-left: none; } #products.index ul.collection h2 { font-size: 113%; } #products.index ul.collection h2.jp-font { font-size: 100%; font-weight: bold; } #products.index #main { height: auto !important; margin-bottom: 0; } #products.index #main li { background-position: top center; background-size: auto 100%; position: relative; } #products.index #main .productTitle { margin-top: 10px; } #products.index #main .movie_gorilla { background: #000; text-align: center; } #products.index #main .movie_gorilla .iframe_wrapper { position: relative; padding-bottom: 56.25%; height: 0; width: 100%; } #products.index #main .movie_gorilla .iframe_wrapper iframe { position: absolute; z-index: 1; top: 0; left: 0; width: 100% !important; height: 100% !important; } #products.index #main .movie_gorilla .indexCol_movie_txt { padding: 10px 0; } #products.index #main .movie_gorilla .indexCol_movie_txt .caption { font-size: 100%; padding: 0 0 5px; margin-bottom: 0; } #products.index #main .movie_gorilla .indexCol_movie_txt h1 { font-size: 150%; } #products.index #main .movie_gorilla .indexCol_movie_txt h1 .sml { font-size: 88%; } #products.index #main .mog_sea { background-image: url(../../img/bg_main-mog_sea2-sp.jpg); } #products.index #main .mog_land { background-image: url(../../img/bg_main-mog_land-sp.jpg); } #products.index #main .mog_sky { background-image: url(../../img/bg_main-mog_sky-sp.jpg); } #products.index #main .gulfmaster { background-image: url(../../products/img/sp/bg_gulfmaster.jpg); } #products.index #main .sky_cockpit { background-image: url(../../products/img/sp/bg_sky_cockpit.jpg); } #products.index #main .blev3 { background-image: url(../../products/img/sp/bg_blev3.jpg); } #products.index #main .ble { background-image: url(../../products/img/sp/bg_ble.jpg); } #products.index #main .ble .productTitle { visibility: hidden; } #products.index #main .mr-g { background-image: url(../../products/img/sp/bg_mr-g.jpg); } #products.index #main .mt-g { background-image: url(../../products/img/sp/bg_mt-g.jpg); } #products.index #main .giez { background-image: url(../../products/img/sp/bg_giez.jpg); } #products.index #main .master_of_g { background-image: url(../../products/img/sp/bg_master_of_g.jpg); } #products.index #main .big_case { background-image: url(../../products/img/sp/bg_big_case.jpg); } #products.index #main .g-lide { background-image: url(../../products/img/sp/bg_g-lide.jpg); background-color: #0099a6; } #products.index #main .origin { background-image: url(../../products/img/sp/bg_origin.jpg); } #products.index #main .pattern { background-image: url(../../products/img/sp/bg_pattern.jpg); } #products.index #main .basic { background-image: url(../../products/img/sp/bg_basic.jpg); } #products.index #main .special { background-image: url(../../products/img/sp/bg_special.jpg); } #products.index #main .gps { background: black url("../../img/bg_main-gps-sp.jpg") no-repeat scroll center top/auto 100%; } #products.index #main .gps .productTitle { visibility: hidden; } #products.index #main .new_frogman { background: black url("../../img/bg_main-new_frogman-sp.jpg") no-repeat scroll center top/auto 100%; } #products.index #main .new_frogman .productTitle { visibility: hidden; } #products.index #main .gpw02 { background: #a54f58 url("../../img/bg_main-gpw02-sp.jpg") no-repeat scroll center top/auto 100%; } #products.index #main .gpw02 .productTitle { visibility: hidden; } #products.index #main .white_black { background: #fff url("../../img/bg_main-white_black-sp.jpg") no-repeat scroll center top/auto 100%; } #products.index #main .white_black .productTitle { visibility: hidden; } #products.index #main .mtg-g1000 { background: #dcdcdc url("../../img/bg_main-mtg-g1000-sp.jpg") no-repeat scroll center top/auto 100%; } #products.index #main .mtg-g1000 .productTitle { visibility: hidden; } #products.index #main .mudmaster { background: black url("../../img/bg_main-mudmaster-sp.jpg") no-repeat scroll center top/auto 100%; } #products.index #main .mudmaster .productTitle { visibility: hidden; } #products.index #main .mtg-s1000v { background: black url("../../img/bg_main-mtg-sp.jpg") no-repeat scroll center top/auto 100%; } #products.index #main .mtg-s1000v .productTitle { visibility: hidden; } #products.index #main .gpw { background: black url("../../img/bg_main-gpw-sp.jpg") no-repeat scroll center top/auto 100%; } #products.index #main .gpw .productTitle { visibility: hidden; } #products.index #main .gps .productTitle { margin-top: 40px; } #products.index #main .master_of_g .productTitle { margin-top: 80px; } #products.index #main .mt-g .productTitle, #products.index #main .giez .productTitle { margin-top: 30px; } #products.index #main .big_case .productTitle, #products.index #main .origin .productTitle, #products.index #main .basic .productTitle { margin-top: 20px; } #products.index #main .g-lide .productTitle { margin-top: 50px; } #products.index #main .pattern .productTitle { margin-top: 35px; } #products.index #main .special .productTitle { margin-top: 35px; } #products.index #main a * { visibility: hidden; } #products.index #fnBle { display: none; } #products.index .carousel .carouselNav .number a { background-position: -6px -45px; width: 12px; } #products.index .carousel .carouselNav .number a.current { background-position: -26px -45px !important; } #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.tl { border-top: solid 1px #6b6768; background: #333; font-size: 100%; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); margin-bottom: 10px; } #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 .prdCol > .inr { padding: 0; background-color: #333; background-color: rgba(51, 51, 51, 0); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00333333',EndColorStr='#00333333')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00333333',EndColorStr='#00333333}'); } #products.index .prdCol ul.notes { 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 .indexCol { width: 100%; height: 100%; text-align: center; overflow: hidden; position: relative; margin-bottom: 10px; } #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: 10px; left: 10px; display: block !important; } #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: 10px; left: 10px; width: auto; color: #000; text-align: left; font-size: 119%; } #products.index .indexCol .col-in .lineup .watBtn_prev { position: absolute; z-index: 401; width: 40px; height: 47px; left: 10px; top: 41%; 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: 40px; height: 47px; right: 10px; top: 41%; 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 { position: relative; z-index: 500; padding-top: 3%; width: 46%; 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: 8%; width: 41.33%; margin: 0 auto; z-index: 4; } #products.index .indexCol .col-in .lineup .photo .btn_more p { position: absolute; z-index: 5; top: 41%; left: 0; width: 100%; margin-top: -0.5em; font-size: 106%; font-weight: bold; } #products.index .indexCol .col-in .lineup .photo .btn_more p img.arwR { position: relative; background-image: url("../img/bg_vector.png"); background-position: -90px -30px; background-repeat: no-repeat; display: inline-block; height: 16px; margin-top: -4px; overflow: hidden; text-indent: -9999px; vertical-align: middle; width: 16px; } #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: 2%; text-align: center; font-size: 156%; margin-bottom: 8px; } #products.index .indexCol .col-in .lineup .photo .prd_info .btn_detail { display: inline-block; display: none; margin: 0 auto; 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: 5px 9px 8px 9px; background: #666; height: auto !important; text-align: center; font-size: 100%; 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: 10px; } #products.index .indexCol .col-in .txt h1 { margin-bottom: 10px; font-weight: bold; font-size: 100%; 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: 100%; } #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 .list h2, .list #products.index .indexCol .col-in .txt h2 h2, #products.index .indexCol .col-in .txt h2 .fav, #products.index .indexCol .col-in .txt h2 #home #contents .newProducts .tl a h2, #home #contents .newProducts .tl a #products.index .indexCol .col-in .txt h2 h2, #products.index .indexCol .col-in .txt h2 #home #contents .newProducts .more, #home #contents .newProducts #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 #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 #home .bnr02 h2, #home .bnr02 #products.index .indexCol .col-in .txt h2 h2, #products.index .indexCol .col-in .txt h2 .navCol h2.title, #products.index .navCol .indexCol .col-in .txt h2 h2.title, #products.index .indexCol .col-in .txt h2 #main .movie_gorilla .indexCol_movie_txt .caption, #products.index #main .movie_gorilla .indexCol_movie_txt .indexCol .col-in .txt h2 .caption, #products.index .indexCol .col-in .txt h2.tl .lrg, #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 .indexCol .col-in .txt h2 #products.concept #contents .en, #products.concept #contents #products.index .indexCol .col-in .txt h2 .en, #products.index .indexCol .col-in .txt h2 #products.color #page .productTitle h1, #products.color #page .productTitle #products.index .indexCol .col-in .txt h2 h1, #products.index .indexCol .col-in .txt h2 #products.limited #page .productTitle h1, #products.limited #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 .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 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 #shop .nav.sp #lnav ul li#flagship a, #shop .nav.sp #lnav ul li#flagship #products.index .indexCol .col-in .txt h2 a, #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"); background-position: -90px -30px; background-repeat: no-repeat; display: inline-block; height: 16px; margin-top: -4px; overflow: hidden; text-indent: -9999px; vertical-align: middle; width: 16px; } #products.index .col, #products.index .col2, #products.index .col3 { overflow: hidden; } #products.index .col .indexCol, #products.index .col2 .indexCol, #products.index .col3 .indexCol { float: none; } #products.index .indexCol.ga_700 .txt h1, #products.index .indexCol.ga_700 .txt h2, #products.index .indexCol.ga_700 .txt p { color: #000; } #products.index .indexCol.g-steel .txt h1, #products.index .indexCol.g-steel .txt h2, #products.index .indexCol.g-steel .txt p { color: #000; } #products.index .indexCol.MTG-G1000 .txt h1, #products.index .indexCol.MTG-G1000 .txt p { color: #000; } #products.index .indexCol.MTG-G1000 .txt h1 { font-size: 100%; } #products.index .indexCol.gps .txt h1 img { height: 10px; } #products.index .indexCol.gulfmaster .txt h1 img { height: 10px; } #products.index .indexCol.sky_cockpit .txt h1 img { height: 12px; } #products.index .indexCol.mr-g .txt h1 img { height: 11px; } #products.index .indexCol.mt-g .txt h1 img { height: 11px; } #products.index .indexCol.giez .txt h1 img { height: 7px; } #products.index .indexCol.master_of_g .col-in .btns { width: 100%; bottom: 6%; left: 0; position: absolute; z-index: 200; text-align: center; } #products.index .indexCol.master_of_g .col-in .btns .btn { padding: 7px 47px 6px 47px; } #products.index .indexCol.master_of_g .col-in .txt { width: 100%; bottom: 3%; left: 0; position: absolute; z-index: 2; padding: 4% 0 15%; 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 { margin: 0 10px; } #products.index .indexCol.master_of_g .col-in .txt h1 img { padding-bottom: 0; width: 280px; } #products.index .indexCol.master_of_g .col-in .txt p { display: block; padding: 0 30px; font-size: 100%; font-weight: bold; } #products.index .indexCol.big_case .txt h1 img { height: 13px; } #products.index .indexCol.g-lide .txt h1 img { height: 7px; } #products.index .indexCol.g-lide .txt h1, #products.index .indexCol.g-lide .txt h2, #products.index .indexCol.g-lide .txt p { color: #000; } #products.index .indexCol.denimd .txt h1, #products.index .indexCol.marble .txt h1 { margin-bottom: 0; } #products.index .indexCol.gmix .txt h1 img:nth-of-type(1n) { height: 19px; } #products.index .indexCol.gmix .txt h1 img:nth-of-type(2n) { height: 17px; } #products.index .indexCol.ble .txt h1, #products.index .indexCol.ble .txt p { color: #000; } #products.index .indexCol.ble .txt h1 img:nth-of-type(1n) { height: 19px; } #products.index .indexCol.ble .txt h1 img:nth-of-type(2n) { height: 17px; } #products.index .dp_none { display: none; } /* PRODUCTS CONCEPT */ #products.concept #contents .colHeader { padding: 10px; } #products.concept #contents .colHeader h1 { font-size: 125%; } #products.concept #contents .colContents { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; margin-bottom: 10px; } #products.concept #contents .intro { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; padding-bottom: 10px; margin-bottom: 10px; } #products.concept #contents .col { background: #FFF; color: #000; -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; margin-bottom: 10px; padding: 15px 10px 10px 10px; } #products.concept #contents .col h2 { clear: both; } #products.concept #contents .col h2.en { font-size: 125%; } #products.concept #contents .col h2.en .btn { font-size: 50%; margin: -3px 0 0 10px; } #products.concept #contents .col h3 { font-size: 81%; margin-bottom: 5px; } #products.concept #contents .col .btn img { width: 16px; height: 16px; } #products.concept #contents .col img { width: 100%; } #products.concept #contents .col .col-1-3 { width: 75%; float: left; } #products.concept #contents .col .col-4 { width: 20%; float: right; } #products.concept #contents .col .col-1-2 { width: 48%; float: left; } #products.concept #contents .col .col-3-4 { width: 48%; float: right; } #products.concept #contents .col .col-1-4 { clear: both; margin-top: 15px; } #products.concept #contents .col .col-1-4 .col-1-2 { width: auto; } #products.concept #contents .col .col-1-4 .col-3 { width: 48%; float: left; } #products.concept #contents .col .col-1-4 .col-4 { width: 48%; float: right; } #products.concept #contents .col .bg { background: #000; padding: 5px; } #products.concept #contents .movie { margin: 0 10px 10px 10px; display: block; } #products.concept #contents .movie img { width: 100%; height: auto; } #products.concept #contents .col.ppl { padding: 11px 12px; border: solid 2px #d0a242; 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}'); color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #products.concept #contents .col.ppl p { margin-bottom: 0; padding-bottom: 5px; line-height: 1.2; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro”," ＭＳ Ｐ明朝 "," MS PMincho”, serif; } #products.concept #contents .col.ppl p.en-font03 { color: #d0a242; font-family: "Georgia", serif; font-size: 81%; } #products.concept #contents .col.ppl p.tl { font-size: 150%; line-height: 1.1; padding-bottom: 3px; } #products.concept #contents .col.ppl p.txt { font-size: 69%; } #products.concept #contents .col.ppl .col-1-2 { width: auto; float: none; padding: 8px 0; text-align: center; } #products.concept #contents .col.ppl .col-1-2 img { width: 60%; } #products.concept #contents .col.ppl .col-3-4 { float: none; text-align: left; width: auto; } /* PRODUCTS LINEUP */ #products.lineup #contents { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; margin-bottom: 1px; } #products.lineup #contents .link { top: 90px; left: 10px; } #products.lineup #contents .model li .new { color: #fff !important; } /* PRODUCTS SKY COCKPIT */ #products.sky_cockpit #page .bg { display: none; } #products.sky_cockpit #main { background-image: url(../../products/img/sp/bg_sky_cockpit.jpg); } #products.sky_cockpit #contents p.lead { margin-bottom: 10px; padding: 10px; font-size: 81%; line-height: 1.4; 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); } #products.sky_cockpit #contents p.lead strong { color: #fff; display: block; margin-bottom: 5px; font-weight: bold; font-size: 113%; } #products.sky_cockpit #contents .col { 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}'); color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #products.sky_cockpit #contents .col .col-1-2 { float: none; width: 100%; } #products.sky_cockpit #contents .col .col-3-4 { float: none; width: 100%; text-align: left; } #products.sky_cockpit #contents .col p.img2 img { width: 48%; padding-right: 4%; } #products.sky_cockpit #contents .col p.img2 img:nth-child(2n) { padding-right: 0; } #products.sky_cockpit #contents .col ul li { list-style: none; text-indent: -1em; padding-left: 1em; line-height: 1.4; } #products.sky_cockpit #contents h2 { position: relative; } #products.sky_cockpit #contents 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.gravitymaster #page .bg { display: none; } #products.sky_cockpit.gravitymaster #main { background-image: url(../../products/img/sp/bg_gravitymaster.jpg); } #products.gravitymaster-gps #page .bg { display: none; } #products.gravitymaster-gps #main { background-image: url(../../products/master_of_g/gravitymaster/gpw-1000/img/sp/bg_lineup1.jpg); } /* PRODUCTS GULFMASTER */ #products.gulfmaster .link { top: 105px; } #products.gulfmaster #page .bg { display: none; } #products.gulfmaster #main { background-image: url(../../products/img/sp/bg_gulfmaster.jpg); } #products.gulfmaster #main .productTitle { height: 50px; } #products.gulfmaster #contents p.lead { margin-bottom: 4px; padding: 10px; font-size: 81%; line-height: 1.4; } #products.gulfmaster #contents p.link.end { position: relative; top: 0; left: 0; font-size: 100%; margin: 0 0 0 10px; width: auto; padding-bottom: 10px; } #products.gulfmaster #contents header.colHeader h1 { display: block; background: #666; padding: 9px 12px 8px; } #products.gulfmaster #contents .col { 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}'); color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #products.gulfmaster #contents .col.sp-pd00 { padding: 0; } #products.gulfmaster #contents .col .inr { padding: 10px 10px 0 10px; border: solid 1px #666; } #products.gulfmaster #contents .col .hf01 .col-1-2, #products.gulfmaster #contents .col .hf01 .col-3-4 { margin-bottom: 20px; } #products.gulfmaster #contents .col p.note { margin-left: 1em; text-indent: -1em; } #products.gulfmaster #contents .col .col-1-2 { float: none; width: 100%; } #products.gulfmaster #contents .col .col-3-4 { float: none; width: 100%; text-align: left; } #products.gulfmaster #contents .col.col2 .col-1-2 { float: left; width: 48%; } #products.gulfmaster #contents .col.col2 .col-3-4 { float: right; width: 48%; text-align: left; } #products.gulfmaster #contents .col p.img2 img { width: 48%; padding-right: 4%; } #products.gulfmaster #contents .col p.img2 img:nth-child(2n) { padding-right: 0; } #products.gulfmaster #contents .col ul li { list-style: none; text-indent: -1em; padding-left: 1em; line-height: 1.4; } #products.gulfmaster #contents h2 { position: relative; } #products.gulfmaster #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 #contents h4 { font-size: 81%; margin-bottom: 2px; } #products.mudmaster .link { top: 105px; } #products.mudmaster #page .bg { display: none; } #products.mudmaster #main { background-image: url(../../products/img/sp/bg_mudmaster.jpg); } #products.mudmaster #main .productTitle { height: 50px; } /* PRODUCTS MT-G */ #products.mt-g #page .bg { display: none; } #products.mt-g #main { background-image: url(../../products/img/sp/bg_mt-g.jpg); } #products.mt-g #main p.sub { width: 300px; margin: 0 auto; padding-top: 81px; font-size: 81%; } #products.mt-g .col.bnr { position: relative; padding: 0 !important; margin-bottom: 10px !important; } #products.mt-g .col.bnr img.bnr_bg { position: relative; z-index: 10; width: 100%; vertical-align: bottom; } #products.mt-g .col.bnr .btn { position: absolute; z-index: 11; left: 8px; bottom: 8px; } #products.mt-g #contents p.lead { margin-bottom: 4px; padding: 10px; font-size: 81%; line-height: 1.4; } #products.mt-g #contents .col { 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}'); color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #products.mt-g #contents .col .col-1-2 { float: none; width: 100%; } #products.mt-g #contents .col .col-3-4 { float: none; width: 100%; text-align: left; } #products.mt-g #contents .col.col2 .col-1-2 { float: left; width: 48%; } #products.mt-g #contents .col.col2 .col-3-4 { float: right; width: 48%; text-align: left; } #products.mt-g #contents .col .col-1-3 { width: 63%; float: left; } #products.mt-g #contents .col .col-4 { width: 31%; float: right; } #products.mt-g #contents .col p.img2 img { width: 48%; padding-right: 4%; } #products.mt-g #contents .col p.img2 img:nth-child(2n) { padding-right: 0; } #products.mt-g #contents .col ul li { list-style: none; text-indent: -1em; padding-left: 1em; line-height: 1.4; } #products.mt-g #contents .col ul.col3 { margin-bottom: 0; } #products.mt-g #contents .col ul.col3 li { text-indent: 0; padding-left: 0; float: left; width: 31%; list-style: none; margin-right: 3%; text-align: center; } #products.mt-g #contents .col ul.col3 li.end { margin-right: 0; } #products.mt-g #contents .col ul.col3 li img { width: 100%; } #products.mt-g #contents h2 { position: relative; } #products.mt-g #contents 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 RANGEMAN */ #products.rangeman #page .bg { display: none; } #products.rangeman #main { background-image: url(../../products/img/sp/bg_rangeman.jpg); } #products.rangeman #contents p.lead { margin-bottom: 4px; padding: 10px; font-size: 81%; line-height: 1.4; 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); } #products.rangeman #contents p.lead strong { color: #fff; display: block; margin-bottom: 5px; font-weight: bold; font-size: 113%; } #products.rangeman #contents .bnr { margin: 10px; padding: 10px; border: solid 2px #d0a242; 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}'); color: #fff; } #products.rangeman #contents .bnr img { display: block; width: 100%; } #products.rangeman #contents .bnr p { padding-top: 5px; line-height: 1.3; text-align: center; font-size: 75%; } #products.rangeman #contents .col { 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}'); color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #products.rangeman #contents .col .col-1-2 { float: none; width: 100%; } #products.rangeman #contents .col .col-3-4 { float: none; width: 100%; text-align: left; } #products.rangeman #contents .col.col2 .col-1-2 { float: left; width: 48%; } #products.rangeman #contents .col.col2 .col-3-4 { float: right; width: 48%; text-align: left; } #products.rangeman #contents .col .col-1-3 { width: 63%; float: left; } #products.rangeman #contents .col .col-4 { width: 31%; float: right; } #products.rangeman #contents .col p.img2 img { width: 48%; padding-right: 4%; } #products.rangeman #contents .col p.img2 img:nth-child(2n) { padding-right: 0; } #products.rangeman #contents .col ul li { list-style: none; text-indent: -1em; padding-left: 1em; line-height: 1.4; } #products.rangeman #contents .col ul.col3 { margin-bottom: 0; } #products.rangeman #contents .col ul.col3 li { text-indent: 0; padding-left: 0; float: left; width: 31%; list-style: none; margin-right: 3%; text-align: center; } #products.rangeman #contents .col ul.col3 li.end { margin-right: 0; } #products.rangeman #contents .col ul.col3 li img { width: 100%; } #products.rangeman #contents h2 { position: relative; } #products.rangeman #contents h2 .tripleG-l { display: inline-block; vertical-align: middle; background: url(/products/rangeman/img/tec_01_sp.png) no-repeat; background-size: 100% auto; width: 52px; height: 40px; } #products.mudman #page .bg { display: none; } #products.mudman #main { background-image: url(../../products/img/sp/bg_mudman.jpg); } #products.mudman #contents p.lead { margin-bottom: 4px; padding: 10px; font-size: 81%; line-height: 1.4; 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); } #products.mudman #contents p.lead strong { color: #fff; display: block; margin-bottom: 5px; font-weight: bold; font-size: 113%; } #products.mudman #contents .bnr { margin: 10px; padding: 10px; border: solid 2px #d0a242; 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}'); color: #fff; } #products.mudman #contents .bnr img { display: block; width: 100%; } #products.mudman #contents .bnr p { padding-top: 5px; line-height: 1.3; text-align: center; font-size: 75%; } #products.mudman #contents .col { 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}'); color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #products.mudman #contents .col ul li { list-style: none; text-indent: -1em; padding-left: 1em; line-height: 1.4; } #products.mudman #contents .col ul.col3 { margin-bottom: 0; } #products.mudman #contents .col ul.col3 li { text-indent: 0; padding-left: 0; float: left; width: 31%; list-style: none; margin-right: 3%; text-align: center; } #products.mudman #contents .col ul.col3 li.end { margin-right: 0; } #products.mudman #contents .col ul.col3 li img { width: 100%; } #products.mudman #contents h2 { position: relative; } #products.mudman #contents h2 .tripleG-l { display: inline-block; vertical-align: middle; background: url(/products/mudman/img/tec_01_sp.png) no-repeat; background-size: 100% auto; width: 52px; height: 40px; } #products.frogman #page .bg { display: none; } #products.frogman.lineup .productTitle { background-position: 0 -1882px; } #products.frogman #main { background-image: url(../../products/img/sp/bg_frogman.jpg); } #products.frogman #contents p.lead { margin-bottom: 4px; padding: 10px; font-size: 81%; line-height: 1.4; 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); } #products.frogman #contents p.lead strong { color: #fff; display: block; margin-bottom: 5px; font-weight: bold; font-size: 113%; } #products.frogman #contents .bnr { margin: 10px; padding: 10px; border: solid 2px #d0a242; 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}'); color: #fff; } #products.frogman #contents .bnr img { display: block; width: 100%; } #products.frogman #contents .bnr p { padding-top: 5px; line-height: 1.3; text-align: center; font-size: 75%; } #products.frogman #contents .col { 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}'); color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #products.frogman #contents .col ul li { list-style: none; text-indent: -1em; padding-left: 1em; line-height: 1.4; } #products.frogman #contents .col ul.col3 { margin-bottom: 0; } #products.frogman #contents .col ul.col3 li { text-indent: 0; padding-left: 0; float: left; width: 31%; list-style: none; margin-right: 3%; text-align: center; } #products.frogman #contents .col ul.col3 li.end { margin-right: 0; } #products.frogman #contents .col ul.col3 li img { width: 100%; } #products.frogman #contents h2 { position: relative; } #products.frogman #contents h2 .tripleG-l { display: inline-block; vertical-align: middle; background: url(/products/frogman/img/tec_01_sp.png) no-repeat; background-size: 100% auto; width: 52px; height: 40px; } #products.gulfman #page .bg { display: none; } #products.gulfman #main { background-image: url(../../products/img/sp/bg_gulfman.jpg); } #products.gulfman #contents p.lead { margin-bottom: 4px; padding: 10px; font-size: 81%; line-height: 1.4; 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); } #products.gulfman #contents p.lead strong { color: #fff; display: block; margin-bottom: 5px; font-weight: bold; font-size: 113%; } #products.gulfman #contents .bnr { margin: 10px; padding: 10px; border: solid 2px #d0a242; 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}'); color: #fff; } #products.gulfman #contents .bnr img { display: block; width: 100%; } #products.gulfman #contents .bnr p { padding-top: 5px; line-height: 1.3; text-align: center; font-size: 75%; } #products.gulfman #contents .col { 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}'); color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #products.gulfman #contents .col ul li { list-style: none; text-indent: -1em; padding-left: 1em; line-height: 1.4; } #products.gulfman #contents .col ul.col3 { margin-bottom: 0; } #products.gulfman #contents .col ul.col3 li { text-indent: 0; padding-left: 0; float: left; width: 31%; list-style: none; margin-right: 3%; text-align: center; } #products.gulfman #contents .col ul.col3 li.end { margin-right: 0; } #products.gulfman #contents .col ul.col3 li img { width: 100%; } #products.gulfman #contents h2 { position: relative; } #products.gulfman #contents h2 .tripleG-l { display: inline-block; vertical-align: middle; background: url(/products/gulfman/img/tec_01_sp.png) no-repeat; background-size: 100% auto; width: 52px; height: 40px; } /* PRODUCTS MR-G */ #products.mr-g #main { background-image: url(../../products/img/sp/bg_mr-g.jpg); } #products.mr-g #main h1 { margin-top: 10px; } #products.mr-g .productTitle { margin-top: 5px; } #products.mr-g #contents .link { top: 110px; } /* PRODUCTS MT-G */ /*#products.mt-g{ #main{background-image:url(../../products/img/sp/bg_mt-g.jpg);} .productTitle{margin-top:15px;} #contents .link{top:100px;} }*/ /* PRODUCTS GIEZ */ #products.giez #main { background-image: url(../../products/img/sp/bg_giez.jpg); } #products.giez .productTitle { margin-top: 15px; } #products.giez #contents .link { top: 100px; } /* PRODUCTS MUDMAN */ #products.mudman #main { background-image: url(../../products/master_of_g/mudman/img/sp/bg.jpg); } #products.mudman #contents .link { top: 120px; padding-left: 10px; } /* PRODUCTS GULFMAN */ #products.gulfman #main { background-image: url(../../products/master_of_g/gulfman/img/sp/bg.jpg); } #products.gulfman #contents .link { top: 100px; padding-left: 10px; } /* PRODUCTS RISEMAN */ #products.riseman #main { background-image: url(../../products/master_of_g/riseman/img/sp/bg.jpg); } #products.riseman #contents .link { top: 100px; } /* PRODUCTS FROGMAN */ #products.frogman #main { background-image: url(../../products/master_of_g/frogman/img/sp/bg.jpg); } #products.frogman.lineup #main { background-image: url(../../products/master_of_g/frogman/img/sp/bg2.jpg); } #products.frogman #contents .link { top: 120px; padding-left: 10px; } /* PRODUCTS RANGEMAN */ #products.rangeman #main { background-image: url(../../products/master_of_g/rangeman/img/sp/bg.jpg); } #products.rangeman #contents .link { top: 120px; padding-left: 10px; } /* PRODUCTS BIG CASE */ #products.big_case #main { background-image: url(../../products/img/sp/bg_big_case.jpg); } #products.big_case .productTitle { margin-top: 20px; } /* PRODUCTS G-LIDE */ #products.g-lide #main { background-image: url(../../products/img/sp/bg_g-lide.jpg); } #products.g-lide .productTitle { margin-top: 25px; } /* PRODUCTS ORIGIN */ #products.origin #main { background-image: url(../../products/img/sp/bg_origin.jpg); } #products.origin .productTitle { margin-top: 5px; } #products.origin #contents .link { top: 120px; } /* PRODUCTS BAIC */ #products.basic #main { background-image: url(../../products/img/sp/bg_basic.jpg); } #products.basic .productTitle { margin-top: 20px; } /* PRODUCTS PATTERN */ #products.pattern #main { background-image: url(../../products/pattern/img/bg_lineup.jpg); background-repeat: repeat; } #products.pattern .productTitle { margin-top: 52px; } /* PRODUCTS SPECIAL */ #products.special #main { background-image: url(../../products/img/sp/bg_special.jpg); } #products.special .productTitle { margin-top: 40px; } /* PRODUCTS COLOR */ #products.color #main { background: #000; } #products.color #page .productTitle { margin-top: 40px; height: 20px; background: none !important; text-indent: 0; } #products.color #page .productTitle h1 { color: #fff; font-size: 119%; font-weight: normal !important; } /* PRODUCTS LIMITED */ #products.limited #main { background: #000; } #products.limited #page .productTitle { margin-top: 40px; height: 20px; background: none !important; text-indent: 0; } #products.limited #page .productTitle h1 { color: #fff; font-size: 119%; font-weight: normal !important; } /* PRODUCTS GPS */ #products.gps #main { background-image: url(../../products/gps/img/sp/bg.jpg); } #products.gps #contents .link { top: 120px; padding-left: 10px; } #products.gps .productTitle { margin-top: 52px; } /* PRODUCTS MASTER OF G */ #products.master_of_g #main { padding: 30px 10px 40px; height: auto; margin-bottom: 10px; background: #000; text-align: center; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #products.master_of_g #main h1 { margin-bottom: 7px; } #products.master_of_g #main h1 img { width: 290px; } #products.master_of_g #main h2 { font-size: 156%; } #products.master_of_g .indexCol { position: relative; z-index: 9; margin: 0 0 10px; } #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: 0; left: 0; width: 100%; } #products.master_of_g .indexCol .btns .link { padding: 0 10px; } #products.master_of_g .indexCol .btns .link .btn { text-align: center; display: inline-block; *display: inline; background: #333; width: 49%; margin: 0 1px; padding: 9px 0 8px; } #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 40px; } #products.master_of_g .indexCol .txt .txt_inr h1 { margin-bottom: 5px; font-size: 213%; } #products.master_of_g .indexCol .txt .txt_inr h1 img { display: block; padding-top: 7px; height: 10px; } #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: 1; } #products.master_of_g .indexCol .img img { vertical-align: bottom; width: 100%; } #products.master_of_g .indexCol .wat { display: block !important; 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: 10px; left: 10px; width: auto; color: #000; text-align: left; font-size: 119%; } #products.master_of_g .indexCol .lineup .watBtn_prev { position: absolute; z-index: 401; width: 40px; height: 47px; left: 10px; top: 41%; 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: 40px; height: 47px; right: 10px; top: 41%; 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 { position: relative; z-index: 500; padding-top: 3%; width: 46%; 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: 8%; width: 41.33%; margin: 0 auto; z-index: 4; } #products.master_of_g .indexCol .lineup .photo .btn_more p { position: absolute; z-index: 5; top: 41%; left: 0; width: 100%; margin-top: -0.5em; font-size: 106%; font-weight: bold; } #products.master_of_g .indexCol .lineup .photo .btn_more p img.arwR { position: relative; background-image: url("../img/bg_vector.png"); background-position: -90px -30px; background-repeat: no-repeat; display: inline-block; height: 16px; margin-top: -4px; overflow: hidden; text-indent: -9999px; vertical-align: middle; width: 16px; } #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: 2%; text-align: center; font-size: 156%; margin-bottom: 8px; } #products.master_of_g .indexCol .lineup .photo .prd_info .btn_detail { display: inline-block; display: none; margin: 0 auto; 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: 5px 9px 8px 9px; background: #666; height: auto !important; text-align: center; font-size: 100%; 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: 69%; } #products.master_of_g .indexCol .btn_close a { font-weight: bold; display: inline-block; color: #fff; padding: 6px 10px 4px 11px; background-color: #000; background-color: rgba(0, 0, 0, 0.85); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D9000000',EndColorStr='#D9000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D9000000',EndColorStr='#D9000000}'); -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: 69%; } #products.master_of_g .indexCol .btn_pickup a { font-weight: bold; display: inline-block; color: #000; padding: 6px 10px 4px 11px; background-color: #fff; background-color: rgba(255, 255, 255, 0.85); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D9FFFFFF',EndColorStr='#D9FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D9FFFFFF',EndColorStr='#D9FFFFFF}'); -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; } #products.master_of_g .col3 .indexCol .wat { right: 0; top: 0; width: 55.8%; } #products.master_of_g .col3 .bg2 { position: absolute; z-index: 1; width: 100%; top: 0; left: 0; } #products.master_of_g .col3 .btns02 { display: none; } #products.master_of_g .col2 { position: relative; margin: 0; } #products.master_of_g .col2 .indexCol .wat { right: 0; top: 0; width: 43.4%; } #products.master_of_g .col2 .indexCol .txt h1 { font-size: 188%; } #products.master_of_g .grv_selectList { position: absolute; bottom: 1.8em; left: 0; display: none; opacity: 0; width: 202%; text-align: left; 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: 8px; 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; } #products.master_of_g .lineup .grv_selectList { left: -61%; bottom: 1.5em; } #products.master_of_g .lineup .grv_selectList div { height: auto !important; width: auto !important; } #products.master_of_g .lineup .grv_selectList a { font-size: 11px !important; } #products.master_of_g .lineup .grv_selectList a .arwR { position: absolute !important; right: 8px; margin-top: -8px !important; left: auto; } #products.catalog #contents { padding-bottom: 10px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; margin-bottom: 1px; } #products.catalog a.btn { position: relative; padding: 7px 6px 6px 6px !important; } #products.catalog a.pdf { line-height: 1.4 !important; padding: 5px 6px 4px 35px !important; } #products.catalog a.pdf img.ico-pdf { position: absolute; top: 50%; left: 7px; margin-top: -11px; width: 22px; height: 22px; background: url(../img/pdficon.gif) no-repeat !important; background-size: 100% 100% !important; } @media only screen and (min-width: 321px) { #products.catalog #contents .col3 .col { width: 50%; } } /* PRODUCTS SEARCH */ #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.search #contents { min-height: 300px; } #products.search #contents #content { min-height: 240px; } /* PRODUCTS FINDER */ #products.finder ul, #products.finder ol { list-style-type: none; } #products.finder #contentTxt { padding: 5px 10px; font-size: 75%; line-height: 1.2; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; margin-bottom: 10px; } #products.finder #contentTxt p { margin-bottom: 5px; } #products.finder .pageTitle { line-height: 1.2; position: relative; z-index: 2000; padding: 10px 0 0 0; -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 rgba(255, 255, 255, 0); border-bottom: none; } #products.finder .pageTitle h1 { display: block; padding: 0 10px 10px 10px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; } #products.finder .pageTitle .searchNav { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; position: relative; } #products.finder .pageTitle .searchNav .tkeepNav, #products.finder .pageTitle .searchNav .releaseNav, #products.finder .pageTitle .searchNav .colorNav { width: 33%; float: left; 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; left: 0; background: #000; width: 100%; 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 .colorNav { border-right: none; } #products.finder .pageTitle .searchNav .colorNav h3 { border-right: none; } #products.finder .pageTitle .searchNav h3 { font-size: 63%; padding: 10px 20px 5px 20px; border-right: 2px solid #000; 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; background: #000; } #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%; padding: 3px 0; 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 { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; padding: 10px; } #products.finder .pageTitle #currentInfo .currentNav a { font-weight: bold; display: inline-block; background: #383838; 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; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; margin-bottom: 1px; } #products.finder #content .model { margin-bottom: 10px; } #products.finder #content .pager { padding: 1px; margin-bottom: 10px; } #products.finder #content .pager p { float: left; font-size: 63%; font-weight: bold; margin-left: 10px; padding-top: 5px; } #products.finder #content .pager strong { font-size: 180%; } #products.finder #content .pager ol { float: right; margin-right: 10px; } #products.finder #content .pager li { float: left; margin-left: 5px; } #products.finder #content .pager a { display: block; padding: 7px; font-size: 75%; font-weight: bold; color: #000; background-color: #FFF; background-color: white; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFFFF',EndColorStr='#FFFFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFFFF',EndColorStr='#FFFFFFFF}'); } #products.finder #content .pager a.current { background-color: #383838; background-color: #383838; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF383838',EndColorStr='#FF383838')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF383838',EndColorStr='#FF383838}'); color: #FFF; } #products.finder #content .pager a.next, #products.finder #content .pager a.prev { display: none; } #products.finder #content .error { background-color: #383838; background-color: rgba(56, 56, 56, 0.6); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99383838',EndColorStr='#99383838')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99383838',EndColorStr='#99383838}'); margin: 10px; padding: 50px 0; text-align: center; line-height: 1.4; } #products.finder #content .error h2 { font-size: 100%; padding-bottom: 20px; } #products.finder #content .error .btn { font-size: 88% !important; padding: 10px; } /* PRODUCTS ADVANCED SEARCH */ #products.a-search #contentLoader span { top: 200px; } #products.a-search #contentTxt .contentTxtWrap { margin: 10px; font-size: 75% !important; line-height: 1.2; } #products.a-search .cap { -webkit-box-shadow: 0 -2px 0 black; box-shadow: 0 -2px 0 black; border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: 15px; padding: 15px 10px 0 10px; font-size: 75% !important; line-height: 1.2; } #products.a-search #contents .pageTitle h1 { width: auto; float: left; } #products.a-search #contents .pageTitle .search-btn { float: right; margin-top: -3px; font-size: 81% !important; padding: 7px 5px 5px 5px; } #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 .watch_history { display: none; } /* PRODUCTS MODEL SEARCH */ #products.m-search #contentLoader span { top: 300px; } #products.m-search #content { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0); box-shadow: 0 1px 0 rgba(255, 255, 255, 0); border-bottom: none; } #products.m-search #footer { -webkit-box-shadow: 0 -2px 0 black; box-shadow: 0 -2px 0 black; border-top: 1px solid rgba(255, 255, 255, 0.2); } #products.m-search #search { margin-bottom: 20px; padding-bottom: 10px; /* .cap{ float:left; width: 100%; padding-top:10px; clear:both; line-height:1.2; font-size:fs(12); }*/ } #products.m-search #search .col-in { background-color: #2e2e2e; background-color: rgba(46, 46, 46, 0); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#002E2E2E',EndColorStr='#002E2E2E')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#002E2E2E',EndColorStr='#002E2E2E}'); padding: 0; } #products.m-search #search ul { padding-top: 5px; position: relative; } #products.m-search #search p { 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 0 10px 0; width: 100%; font-size: 88%; font-weight: bold; } #products.m-search #search span { display: inline-block; width: 45%; margin-right: 10px; } #products.m-search #search input { margin: 0 !important; display: inline-block; width: 45%; padding: 5px; -webkit-transform: scale(1, 1); } #products.m-search .watch_history { display: none; } /* PRODUCTS NEWPRODUCTS */ #products.newproducts #contents { min-height: 450px; } #products.newproducts #contents .pageTitle h1 { float: left; } #products.newproducts #contents .releaseCol { margin-bottom: 0; text-align: center; } #products.newproducts #contents #dateTitle { font-size: 88%; 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; font-size: 75%; } /* PRODUCTS FAV LIST */ #products.favlist #contentLoader span { top: 150px; } #products.favlist .error div { padding: 0 20px; } #products.favlist .error div p { margin-bottom: 1em; } #products.m-search #search .cap { -webkit-box-shadow: 0 -2px 0 black; box-shadow: 0 -2px 0 black; border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: 15px; padding: 15px 10px 0 10px; font-size: 88%; line-height: 1.2; } #products.m-search #search .cap ul.list-ex li { line-height: 1.2 !important; margin: 0 0 1em 0 !important; list-style: none outside none !important; font-weight: normal !important; } #products.m-search #search .cap ul.list-ex li span { display: block; width: auto; text-indent: -1em !important; padding-left: 1.5em; } /* 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 */ /* 2013.11.26 */ /* 2013.12.13 */ /* 2015.01.26 */ /* 2015.02.06 */ /* #contents #productData .productSummary.no-gg-reactions a.plus.noneVariation { bottom: 85px; } #contents #productData .productSummary.no-gg-reactions a.minus.noneVariation { bottom: 85px; } */ } #products.detail #contents { position: relative; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; margin-bottom: 1px; } #products.detail #contents h1 { font-size: 150%; margin: 10px; font-family: "Oswald-Bold", "Helvetica", "Arial", "Verdana", sans-serif; font-weight: normal; } #products.detail #contents #productData .productSummary { position: relative; line-height: 1.2; margin-bottom: 10px; -webkit-box-shadow: 0 3px 10px #000; box-shadow: 0 3px 10px #000; border-bottom: 1px solid #333; } #products.detail #contents #productData .productSummary #productTitle { position: relative; width: 100%; height: auto; overflow: hidden; background: #000; text-align: center; } #products.detail #contents #productData .productSummary #productTitle .title { position: absolute; bottom: 0; left: 0; z-index: 200; text-align: left; width: 100%; 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}'); border-top: 1px solid #333; } #products.detail #contents #productData .productSummary #productTitle .title h1 { margin: 5px 10px; } #products.detail #contents #productData .productSummary #productTitle .title span { font-size: 50%; display: block; } #products.detail #contents #productData .productSummary #productTitle .wat { width: 90%; position: relative; z-index: 0; margin: -60px 0 -30px 0; } #products.detail #contents #productData .productSummary #productsZoom { position: relative; z-index: 100; background: #000; padding: 50px 0; } #products.detail #contents #productData .productSummary ul { list-style: none; } #products.detail #contents #productData .productSummary .variation { position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; position: relative; background: #383838; } #products.detail #contents #productData .productSummary .variation .nav { width: auto; height: 75px; margin: 10px 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: #000; position: relative; } #products.detail #contents #productData .productSummary .variation li img { position: absolute; top: -70px; left: -5px; width: 180px; } #products.detail #contents #productData .productSummary .variation a.prev, #products.detail #contents #productData .productSummary .variation a.next { display: block; width: 20px; height: 75px; position: absolute; top: 10px; } #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 { position: absolute; bottom: 105px; right: 10px; z-index: 200; border: 2px solid #FFF; 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}'); padding: 7px 10px 5px 10px; font-size: 75%; } #products.detail #contents #productData .productSummary a.fav img { margin-top: -3px; margin-left: -5px; } #products.detail #contents #productData .productSummary a.fav.current { background-color: #000; background-color: #000; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF000000',EndColorStr='#FF000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF000000',EndColorStr='#FF000000}'); } #products.detail #contents #productData .productSummary a.fav.noneVariation { bottom: 10px; } #products.detail #contents #productData .productSummary a.plus { position: absolute; bottom: 155px; right: 50px; padding: 4px; -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; z-index: 200; border: 2px solid #FFF; 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.detail #contents #productData .productSummary a.plus img { display: block; width: 20px; height: 20px; background: url("../img/bg_vector.png") no-repeat 0 -195px; overflow: hidden; text-indent: -9999px; } #products.detail #contents #productData .productSummary a.plus.none img { background-position: -50px -195px; } #products.detail #contents #productData .productSummary a.plus.noneVariation { bottom: 201px; } #products.detail #contents #productData .productSummary a.minus { position: absolute; bottom: 155px; right: 10px; padding: 4px; -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; z-index: 200; border: 2px solid #FFF; 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.detail #contents #productData .productSummary a.minus img { display: block; width: 20px; height: 20px; background: url("../img/bg_vector.png") no-repeat -25px -195px; overflow: hidden; text-indent: -9999px; } #products.detail #contents #productData .productSummary a.minus.none img { background-position: -75px -195px; } #products.detail #contents #productData .productSummary a.minus.noneVariation { bottom: 201px; } #products.detail #contents #productData .productDetail { margin: 0 10px; } #products.detail #contents #productData .productDetail h2 { font-size: 150%; margin-bottom: 10px; } #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: 15px; font-size: 75%; line-height: 1.6; } #products.detail #contents #productData .productDetail .productDetailWrap b { font-weight: bold; } #products.detail #contents #productData .productDetail .productDetailWrap li { margin-bottom: .5em; margin-left: 1em; } #products.detail #contents #productData .function { margin: 20px 0; padding-top: 20px; list-style: none; -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2); border-top: 2px solid #000; } #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; margin: 0 10px; min-height: 53px; } #products.detail #contents #productData .function a:hover { border-color: #666; } #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 .promoArea { margin: 0 11px 1px 11px; padding: 15px 15px 10px; background: #fff; font-size: 75%; line-height: 1.6; } #products.detail .promoArea ul { width: 100%; overflow: hidden; } #products.detail .promoArea ul li { float: left; width: 49%; margin: 0 2% 5px 0; list-style: none; overflow: hidden; background: #000; } #products.detail .promoArea ul li:nth-child(2n) { 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 #productData .caution { color: #FFFFFF; font-size: 68%; margin-top: 10px; text-align: center; padding-bottom: 20px; } #products.detail #contents #productData .productSummary { margin-bottom: 0; } #products.detail .variation-color { width: auto; padding: 20px 10px 0; } #products.detail .variation-color ul { margin: 0; width: 100%; } #products.detail .variation-color ul li { height: 100px; width: 31.5%; margin-right: 1.1%; } #products.detail .variation-color ul li:nth-child(3n) { margin-right: 0; } #products.detail .variation-color ul li img { top: -20px; } #products.detail #contents .terms h1 { font-size: 150%; } #products.detail #contents .terms #contentInner { margin: 0 10px 20px; padding: 10px 10px 20px 10px; background-color: #000000; 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}'); background: none\9 !important; background: #031221 \9 !important; } #products.detail #contents .terms .btns ul { width: 70%; margin: 0 auto; } #products.detail #contents .terms .btns ul li { display: block; float: none !important; width: 100% !important; } #products.detail #contents .terms .btns ul li.btn02 { margin: 20px 0 0 0 !important; } #products.detail .note .btn { width: 70%; } #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 1px; padding: 10px 15px 7px; 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 30px; 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 30px; 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 #reactionDiv { padding: 15px 0 0; } #products.detail #shareBarDiv_wrap { width: 100%; 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: 0 10px 8px; 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: block; padding: 5px 0; } #products.detail .btn_accordion a { position: relative; display: block; padding: 5px 10px; background: #999; text-align: center; font-size: 100%; } #products.detail .btn_accordion .ico_plumi { position: absolute; display: block; width: 14px; height: 14px; margin-top: -7px; top: 50%; right: 10px; background: url(../img/ico_plumi.gif) no-repeat; background-position: 0 0; background-size: 100% auto; } #products.detail .btn_accordion .on .ico_plumi { background-position: 0 -14px; } #products.detail .accordion { height: 9.5em; overflow: hidden; } #products.detail .accordion02 { height: 9.8em; overflow: hidden; } #products.detail #productTitle .title h1 { margin: 5px 10px 2px; } #products.detail #productTitle .title p { margin: 0 10px 5px; } #products.detail #productData .small { padding: 10px 10px 15px; } #products.detail #productData .variation-color + .small { padding: 0 10px 15px; } #products.detail #productData .small .caution { margin-top: 5px; padding-bottom: 0; text-align: left; } #products.detail .watch_history { width: auto; padding-bottom: 10px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; } #products.detail .watch_history .wh_tl { display: block; position: relative; z-index: 3; margin: 0 0 10px; line-height: 1.2; background: #333; -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.9); box-shadow: 0 3px 14px rgba(0, 0, 0, 0.9); padding: 10px; } #products.detail .watch_history .wh_tl .wh_tl_inr { width: auto; font-size: 88%; color: #fff; font-weight: bold; } #products.detail .watch_history .wh_inr { width: auto; margin: 0 10px; overflow: hidden; } #products.detail .watch_history .h_list { position: relative; width: 612%; } #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%; } #products.detail #contents #productData .productSummary #productsZoom { padding: 50px 0 80px; } #products.detail #contents #productData .productSummary #productsZoom { padding-top: 10px; } #products.detail #productsZoom img { width: 62%; } #products.detail #productsPinchIMG { position: relative; top: 0; left: 0; } #products.detail .ico_pinch { position: absolute; /* bottom:200px; right:10px; */ z-index: 500; width: 34px; } #products.detail .ico_pinch { bottom: 85px; right: 10px; } #products.detail #share_sp { display: none !important; } /* ---------------------------------------------------------------------- IDENTITY ----------------------------------------------------------------------*/ /* HIGH-RESOLUTION SCREEN */ #identity.svg #page .concept h1, #identity.svg #page .history h1 { background-image: url(../../identity/img/sp/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: 188%; } #identity.index #contents p { font-size: 75%; line-height: 1.4; margin-bottom: 1em; } #identity.index #contents .pageTitle { -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; -webkit-text-shadow: 0 0 0 transparent; text-shadow: 0 0 0 transparent; padding: 0; margin-bottom: 10px; border-bottom: none; } #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/sp/bg_concept.jpg) top center no-repeat; padding-top: 20px; } #identity.index #contents .concept p { font-weight: bold; } #identity.index #contents .concept h1 { display: block; width: 230px; height: 125px; background-image: url("../../identity/img/sp/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/sp/bg_history.jpg) top center no-repeat; position: relative; overflow: hidden; } #identity.index #contents .history .wat { z-index: 210; display: block; width: 84%; 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: 100px; right: -30%; background-size: 100% auto; } #identity.index #contents .history .wat2 { z-index: 200; display: block; width: 60%; height: 600px; background-image: url("../../identity/img/sp/wat_history2.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: -80px; left: 40%; background-size: 100% auto; } #identity.index #contents .history .read { position: relative; z-index: 220; } #identity.index #contents .history p { margin-bottom: 0; } #identity.index #contents .history dl { margin-bottom: 1em; width: 50%; } #identity.index #contents .history dl dt { font-size: 125%; padding-bottom: 5px; } #identity.index #contents .history dl dd { font-size: 75%; font-weight: bold; line-height: 1.4; } #identity.index #contents .history h1 { display: block; width: 230px; height: 85px; background-image: url("../../identity/img/pc/bg_title.png") ; background-repeat: no-repeat ; background-position: 0 -125px ; overflow: hidden; text-indent: -9999px; font-size: 6%; margin: 4% 0 0; } #identity.index #contents .history h2 { padding: 5px 0 9.6%; font-size: 250%; line-height: 1.2; } #identity.index #contents .technology { background: #d4ccc6 url(../../identity/img/sp/bg_technology.jpg) bottom center no-repeat; color: #000; } #identity.index #contents .technology h2 { margin-bottom: 5px; } #identity.index #contents .technology .technologyTitle img { float: left; width: 25%; } #identity.index #contents .technology .technologyTitle h1 { font-size: 138%; float: right; width: 73%; margin-bottom: 3px; } #identity.index #contents .technology .technologyTitle p { float: right; width: 73%; } #identity.index #contents .technology .col-in .col3 { margin: 0; } #identity.index #contents .technology .col-in .col3 .col-in { margin: 0; color: #FFF; } #identity.index #contents .technology .more { background: #000 url(../../identity/img/sp/bg_technology_btn.jpg) top right no-repeat; color: #FFF; width: auto; padding: 15px 100px 10px 10px; margin-top: 10px; display: inline-block; display: inline-block; } #identity.index #contents .technology .more h1 { font-size: 188% !important; padding-bottom: 10px !important; *padding-bottom: 30px !important; line-height: 1.3; } #identity.index #contents .technology .more p { line-height: 1.2 !important; font-size: 75% !important; margin-bottom: 1em; } #identity.index #contents .gps { padding-top: 30px; } #identity.index #contents .gps h1 { font-size: 119%; font-weight: bold; } #identity.index #contents .gps h1 sup { font-size: 44%; vertical-align: top; font-weight: normal; } #identity.index #contents .gps h2 { margin-bottom: 15px; } #identity.index #contents .gps .h2_2 { margin-bottom: 5px; padding-left: 0; border: none; font-size: 113%; } #identity.index #contents .gps h3 { margin-bottom: 5px; } #identity.index #contents .gps .mb00 { margin-bottom: 0 !important; } #identity.index #contents .gps .col, #identity.index #contents .gps .col2 { color: #fff; margin: 0 0 10px !important; } #identity.index #contents .gps .col .col-in, #identity.index #contents .gps .col2 .col-in { margin: 0 !important; } #identity.index #contents .gps .col.type02 { background-color: #000000; background-color: black; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF000000',EndColorStr='#FF000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF000000',EndColorStr='#FF000000}'); } #identity.index #contents .gps .col.type02 .col-in { background-color: #000000; background-color: black; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF000000',EndColorStr='#FF000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF000000',EndColorStr='#FF000000}'); padding: 0; } #identity.index #contents .gps .col.type02 .col-in .col2.sub { width: auto !important; margin-bottom: 0 !important; padding: 10px 10px 0 10px; } #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: 88%; margin-bottom: 5px !important; } #identity.index #contents .gps .col.type02 .col-in .col2.sub .col2-2 { margin-bottom: 0 !important; } #identity.index #contents .gps .col2.fh { margin-bottom: 0 !important; } #identity.index #contents .gps ul.note { margin-bottom: 15px; 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: 69%; 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; } /* HIGH-RESOLUTION SCREEN */ #identity.history.svg #contents #pageNum a { background-image: url("../img/bg_vector.svg") !important; } /* concept HISTORY */ #identity.history #contents { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; margin-bottom: 1px; } #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: 70px; right: 0; width: 100%; height: 70px; 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: 0px; left: -220px; width: 120%; height: 200px; z-index: 100; } #identity.history #contents .pageTitle { position: relative; z-index: 200; margin-bottom: 0; } #identity.history #contents .pageTitle ul { display: none; } #identity.history #contents .pageTitle h2#year { float: none; font-size: 313%; position: absolute; top: 80px; left: 10px; } #identity.history #contents .pageTitle #pageNum { position: absolute; top: 15px; right: 10px; text-align: center; width: 100px; } #identity.history #contents .pageTitle #pageNum span { font-size: 75%; font-weight: bold; } #identity.history #contents .pageTitle #pageNum a { display: inline-block; width: 16px; height: 16px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: -90px -30px ; overflow: hidden; text-indent: -9999px; position: absolute; top: 0; right: 0; } #identity.history #contents .pageTitle #pageNum a.prev { background-position: -70px -30px; left: 0; right: auto; } #identity.history #contents .carousel { z-index: 200; height: 300px; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #identity.history #contents .carousel ul { height: 300px; } #identity.history #contents .carousel li { height: 300px; background: none; } #identity.history #contents .carousel li h2 { font-size: 313%; position: absolute; top: 70px; left: 15px; } #identity.history #contents .carousel li .watData { position: absolute; top: 110px; left: 10px; text-align: left; width: 100%; 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: 45%; } #identity.history #contents .carousel li .watData h3 { font-size: 75%; } #identity.history #contents .carousel li .watData h3 img { height: 1em; } #identity.history #contents .carousel li .watData h4 { font-size: 125%; } #identity.history #contents .carousel li .watData h5 { font-size: 69%; margin-bottom: 3px; } #identity.history #contents .carousel li .watData .read { font-size: 69%; display: none; } #identity.history #contents .carousel li .photo { position: absolute; top: 0px; right: 0; width: 52%; } #identity.history #contents .carousel li .photo img { width: 100%; } #identity.history #contents .carousel .carouselNav { display: none; } @media only screen and (min-width: 481px) { #identity.history .carousel li .watData h4, #identity.history .carousel li .watData h5 { margin-bottom: 5px !important; } } /* HIGH-RESOLUTION SCREEN */ /* IDENTITY TECHNOLOGY */ #identity.technology .pageTitle { -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; border-bottom: none; margin-bottom: 0; } #identity.technology #article1, #identity.technology #article2 { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; margin-bottom: 1px; padding-bottom: 10px; } #identity.technology .col img { width: 100%; } #identity.technology .col h3 { margin-bottom: 5px; font-size: 75%; } #identity.technology .col h4 { margin-bottom: 5px; font-size: 75%; } #identity.technology .col .clear { clear: both; } #identity.technology .col .image { margin-bottom: 10px; } #identity.technology .col .thumb { width: 35%; float: right; margin-left: 5px; } #identity.technology .col .col2 .col { width: 50%; float: left; } #identity.technology .col .col2 .col .in { margin-right: 10px; } #identity.technology .col .subTitle dt { width: 30%; float: right; } #identity.technology .col .subTitle dd { width: 67%; float: left; } #identity.technology .col .image-list { margin-bottom: 10px; } #identity.technology .col .ex { margin-bottom: 10px; } #identity.technology .col .ex li { text-indent: -1em; padding-left: 1em; font-size: 69%; list-style: none; line-height: 1.3; margin-bottom: .5em; } @media only screen and (min-width: 321px) { #identity.technology .image-list img { width: 48%; margin: 1%; float: left; } } /* ---------------------------------------------------------------------- G-SHOCK WORLD ----------------------------------------------------------------------*/ /* HIGH-RESOLUTION SCREEN */ /* PRODUCTS COMMON */ /* ---------------------------------------------------------------------- SUPPORT ----------------------------------------------------------------------*/ /* HIGH-RESOLUTION SCREEN */ /* PRODUCTS COMMON */ /* ---------------------------------------------------------------------- SHOP ----------------------------------------------------------------------*/ /* SHOP */ #shop .btn_back { margin: 0 10px 10px 10px; } #shop .btn_back .inr { float: left; display: block; border: solid 1px #444; 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 .pageTitle { margin-bottom: 8px; padding: 10px; background: #2f2f2f; border-bottom: 2px solid #000; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.9); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.9); } #shop .pageTitle h1 { display: none; } #shop .pageTitle p { display: block; font-weight: bold; font-size: 125%; } #shop .pageTitle p .en-font, #shop .pageTitle p h1, #shop .pageTitle p .list h2, .list #shop .pageTitle p h2, #shop .pageTitle p .fav, #shop .pageTitle p #home #contents .newProducts .tl a h2, #home #contents .newProducts .tl a #shop .pageTitle p h2, #shop .pageTitle p #home #contents .newProducts .more, #home #contents .newProducts #shop .pageTitle p .more, #shop .pageTitle p #home #contents .newProducts .counter, #home #contents .newProducts #shop .pageTitle p .counter, #shop .pageTitle p #home #contents .newProducts .date, #home #contents .newProducts #shop .pageTitle p .date, #shop .pageTitle p #home #contents .newProducts h3, #home #contents .newProducts #shop .pageTitle p h3, #shop .pageTitle p #home #contents .linkCol .recCol ul li.i01 a h3, #home #contents .linkCol .recCol ul li.i01 a #shop .pageTitle p h3, #shop .pageTitle p #home #main h1, #home #main #shop .pageTitle p h1, #shop .pageTitle p #home #main h2, #home #main #shop .pageTitle p h2, #shop .pageTitle p #home #main h3, #home #main #shop .pageTitle p h3, #shop .pageTitle p #home #main p, #home #main #shop .pageTitle p p, #shop .pageTitle p #home .bnr02 h2, #home .bnr02 #shop .pageTitle p h2, #shop .pageTitle p #products.index .navCol h2.title, #products.index .navCol #shop .pageTitle p h2.title, #shop .pageTitle p #products.index #main .movie_gorilla .indexCol_movie_txt .caption, #products.index #main .movie_gorilla .indexCol_movie_txt #shop .pageTitle p .caption, #shop .pageTitle p #products.index h2.tl .lrg, #products.index h2.tl #shop .pageTitle p .lrg, #shop .pageTitle p #products.index .indexCol .col-in .lineup h3.tl, #products.index .indexCol .col-in .lineup #shop .pageTitle p h3.tl, #shop .pageTitle p #products.index .indexCol .col-in .lineup .photo .prd_info h4.prd_name, #products.index .indexCol .col-in .lineup .photo .prd_info #shop .pageTitle p h4.prd_name, #shop .pageTitle p #products.concept #contents .en, #products.concept #contents #shop .pageTitle p .en, #shop .pageTitle p #products.color #page .productTitle h1, #products.color #page .productTitle #shop .pageTitle p h1, #shop .pageTitle p #products.limited #page .productTitle h1, #products.limited #page .productTitle #shop .pageTitle p h1, #shop .pageTitle p #products.master_of_g .indexCol .lineup h3.tl, #products.master_of_g .indexCol .lineup #shop .pageTitle p h3.tl, #shop .pageTitle p #products.master_of_g .indexCol .lineup .photo .prd_info h4.prd_name, #products.master_of_g .indexCol .lineup .photo .prd_info #shop .pageTitle p h4.prd_name, #shop .pageTitle p #identity.index #contents .history dl dt, #identity.index #contents .history dl #shop .pageTitle p dt, #shop .pageTitle p #identity.index #contents .history h2, #identity.index #contents .history #shop .pageTitle p h2, #shop .pageTitle p #identity.index #contents .technology .technologyTitle h1, #identity.index #contents .technology .technologyTitle #shop .pageTitle p h1, #shop .pageTitle p #identity.index #contents .technology .more h1, #identity.index #contents .technology .more #shop .pageTitle p h1, #shop #identity.history #contents .pageTitle p h2#year, #identity.history #contents #shop .pageTitle p h2#year, #shop .pageTitle p #identity.history #contents .carousel li h2, #identity.history #contents .carousel li #shop .pageTitle p h2, #shop .pageTitle p #identity.history #contents .carousel li .watData h3, #identity.history #contents .carousel li .watData #shop .pageTitle p h3, #shop .pageTitle p #identity.history #contents .carousel li .watData h4, #identity.history #contents .carousel li .watData #shop .pageTitle p h4, #shop .pageTitle p .nav.sp #lnav ul li#flagship a, #shop .nav.sp #lnav ul li#flagship .pageTitle p a, #shop .pageTitle p #mobile.index .app h1, #mobile.index .app #shop .pageTitle p h1, #shop .pageTitle p #mobile.index .gmix h1, #mobile.index .gmix #shop .pageTitle p h1, #shop .pageTitle p #mobile.index .mobile h1, #mobile.index .mobile #shop .pageTitle p h1 { position: relative; top: 1px; line-height: 1; } #shop .nav.sp .lead { font-size: 75%; padding: 8px; line-height: 1.4; margin: 0 10px 10px; background: #2f2f2f; } #shop .nav.sp #lnav { margin-bottom: 8px; border-top: 1px solid #000; border-bottom: 1px solid #000; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.9); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.9); background: #2f2f2f; height: 100%; } #shop .nav.sp #lnav ul { display: table; width: 100%; height: 100%; } #shop .nav.sp #lnav ul li { display: table-cell; width: 33.33%; height: 100%; } #shop .nav.sp #lnav ul li span { display: inline-block; height: 60px; padding: 7px 0 5px; font-weight: bold; } #shop .nav.sp #lnav ul li span * { vertical-align: middle; } #shop .nav.sp #lnav ul li span.red01 { position: relative; line-height: 1; padding: 0; display: inline; top: -1px; } #shop .nav.sp #lnav ul li a { display: block; height: 100%; text-align: center; font-size: 75%; border-right: 2px solid #000; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2); } #shop .nav.sp #lnav ul li a * { vertical-align: middle; } #shop .nav.sp #lnav ul li a img { width: 20px; padding-bottom: 11px; } #shop .nav.sp #lnav ul li a .en-font, #shop .nav.sp #lnav ul li a .pageTitle h1, .pageTitle #shop .nav.sp #lnav ul li a h1, #shop .nav.sp #lnav ul li a .list h2, .list #shop .nav.sp #lnav ul li a h2, #shop .nav.sp #lnav ul li a .fav, #shop .nav.sp #lnav ul li #home #contents .newProducts .tl a h2, #home #contents .newProducts .tl #shop .nav.sp #lnav ul li a h2, #shop .nav.sp #lnav ul li a #home #contents .newProducts .more, #home #contents .newProducts #shop .nav.sp #lnav ul li a .more, #shop .nav.sp #lnav ul li a #home #contents .newProducts .counter, #home #contents .newProducts #shop .nav.sp #lnav ul li a .counter, #shop .nav.sp #lnav ul li a #home #contents .newProducts .date, #home #contents .newProducts #shop .nav.sp #lnav ul li a .date, #shop .nav.sp #lnav ul li a #home #contents .newProducts h3, #home #contents .newProducts #shop .nav.sp #lnav ul li a h3, #shop .nav.sp #lnav #home #contents .linkCol .recCol ul li.i01 a h3, #home #contents .linkCol .recCol #shop .nav.sp #lnav ul li.i01 a h3, #shop .nav.sp #lnav ul li a #home #main h1, #home #main #shop .nav.sp #lnav ul li a h1, #shop .nav.sp #lnav ul li a #home #main h2, #home #main #shop .nav.sp #lnav ul li a h2, #shop .nav.sp #lnav ul li a #home #main h3, #home #main #shop .nav.sp #lnav ul li a h3, #shop .nav.sp #lnav ul li a #home #main p, #home #main #shop .nav.sp #lnav ul li a p, #shop .nav.sp #lnav ul li a #home .bnr02 h2, #home .bnr02 #shop .nav.sp #lnav ul li a h2, #shop .nav.sp #lnav ul li a #products.index .navCol h2.title, #products.index .navCol #shop .nav.sp #lnav ul li a h2.title, #shop .nav.sp #lnav ul li a #products.index #main .movie_gorilla .indexCol_movie_txt .caption, #products.index #main .movie_gorilla .indexCol_movie_txt #shop .nav.sp #lnav ul li a .caption, #shop .nav.sp #lnav ul li a #products.index h2.tl .lrg, #products.index h2.tl #shop .nav.sp #lnav ul li a .lrg, #shop .nav.sp #lnav ul li a #products.index .indexCol .col-in .lineup h3.tl, #products.index .indexCol .col-in .lineup #shop .nav.sp #lnav ul li a h3.tl, #shop .nav.sp #lnav ul li a #products.index .indexCol .col-in .lineup .photo .prd_info h4.prd_name, #products.index .indexCol .col-in .lineup .photo .prd_info #shop .nav.sp #lnav ul li a h4.prd_name, #shop .nav.sp #lnav ul li a #products.concept #contents .en, #products.concept #contents #shop .nav.sp #lnav ul li a .en, #shop .nav.sp #lnav ul li a #products.color #page .productTitle h1, #products.color #page .productTitle #shop .nav.sp #lnav ul li a h1, #shop .nav.sp #lnav ul li a #products.limited #page .productTitle h1, #products.limited #page .productTitle #shop .nav.sp #lnav ul li a h1, #shop .nav.sp #lnav ul li a #products.master_of_g .indexCol .lineup h3.tl, #products.master_of_g .indexCol .lineup #shop .nav.sp #lnav ul li a h3.tl, #shop .nav.sp #lnav ul li a #products.master_of_g .indexCol .lineup .photo .prd_info h4.prd_name, #products.master_of_g .indexCol .lineup .photo .prd_info #shop .nav.sp #lnav ul li a h4.prd_name, #shop .nav.sp #lnav ul li a #identity.index #contents .history dl dt, #identity.index #contents .history dl #shop .nav.sp #lnav ul li a dt, #shop .nav.sp #lnav ul li a #identity.index #contents .history h2, #identity.index #contents .history #shop .nav.sp #lnav ul li a h2, #shop .nav.sp #lnav ul li a #identity.index #contents .technology .technologyTitle h1, #identity.index #contents .technology .technologyTitle #shop .nav.sp #lnav ul li a h1, #shop .nav.sp #lnav ul li a #identity.index #contents .technology .more h1, #identity.index #contents .technology .more #shop .nav.sp #lnav ul li a h1, #shop .nav.sp #lnav ul li a #identity.history #contents .pageTitle h2#year, #identity.history #contents .pageTitle #shop .nav.sp #lnav ul li a h2#year, #shop .nav.sp #lnav ul #identity.history #contents .carousel li a h2, #identity.history #contents .carousel #shop .nav.sp #lnav ul li a h2, #shop .nav.sp #lnav ul #identity.history #contents .carousel li a .watData h3, #identity.history #contents .carousel #shop .nav.sp #lnav ul li a .watData h3, #shop .nav.sp #lnav ul #identity.history #contents .carousel li .watData a h3, #identity.history #contents .carousel #shop .nav.sp #lnav ul li .watData a h3, #shop .nav.sp #lnav ul #identity.history #contents .carousel li a .watData h4, #identity.history #contents .carousel #shop .nav.sp #lnav ul li a .watData h4, #shop .nav.sp #lnav ul #identity.history #contents .carousel li .watData a h4, #identity.history #contents .carousel #shop .nav.sp #lnav ul li .watData a h4, #shop .nav.sp #lnav ul li#flagship a a, #shop .nav.sp #lnav ul li a #mobile.index .app h1, #mobile.index .app #shop .nav.sp #lnav ul li a h1, #shop .nav.sp #lnav ul li a #mobile.index .gmix h1, #mobile.index .gmix #shop .nav.sp #lnav ul li a h1, #shop .nav.sp #lnav ul li a #mobile.index .mobile h1, #mobile.index .mobile #shop .nav.sp #lnav ul li a h1 { position: relative; top: 1px; } #shop .nav.sp #lnav ul li#flagship { background: #555; } #shop .nav.sp #lnav ul li#flagship a img { padding-bottom: 5px; } #shop .nav.sp #lnav ul li#flagship a span { font-weight: normal; } #shop #contents { padding-bottom: 12px; margin-bottom: 1px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; } #shop #contents article .tabContainer { width: 100%; } #shop #contents article .tab .tabNavigation { display: none; margin: 0 10px; overflow: hidden; } #shop #contents article .tab .tabNavigation li { margin-right: 2%; text-align: center; width: 49%; } #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: 15px 0; font-size: 88%; -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); } #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 .news_wrap { margin: 0 10px 10px; font-size: 75%; line-height: 1.2; } #shop #contents article .news_wrap p.lead { display: none; padding-bottom: 5px; } #shop #contents article .news_wrap .news { background: #454545; margin-top: 10px; padding: 10px; } #shop #contents article .news_wrap .news h2 { font-weight: bold; margin-bottom: 8px; font-size: 113%; } #shop #contents article .news_wrap .news dl + dl { margin-top: 15px; } #shop #contents article .news_wrap .news dl dt { font-weight: bold; margin-bottom: 4px; } #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: 8px; } #shop #contents article #tab01, #shop #contents article #tab02 { width: 100%; float: none; } #shop #contents article .hdr h2.en-font, #shop #contents article .hdr .list h2, .list #shop #contents article .hdr h2, #shop #contents article .hdr h2.fav, #shop #home #contents article .hdr .newProducts .tl a h2, #home #shop #contents article .hdr .newProducts .tl a h2, #shop #home #contents .newProducts .tl a article .hdr h2, #home #shop #contents .newProducts .tl a article .hdr h2, #shop #home #contents article .hdr .newProducts h2.more, #home #shop #contents article .hdr .newProducts h2.more, #shop #home #contents .newProducts article .hdr h2.more, #home #shop #contents .newProducts article .hdr h2.more, #shop #home #contents article .hdr .newProducts h2.counter, #home #shop #contents article .hdr .newProducts h2.counter, #shop #home #contents .newProducts article .hdr h2.counter, #home #shop #contents .newProducts article .hdr h2.counter, #shop #home #contents article .hdr .newProducts h2.date, #home #shop #contents article .hdr .newProducts h2.date, #shop #home #contents .newProducts article .hdr h2.date, #home #shop #contents .newProducts article .hdr h2.date, #shop #contents article .hdr #home #main h2, #home #main #shop #contents article .hdr h2, #shop #contents article .hdr #home .bnr02 h2, #home .bnr02 #shop #contents article .hdr h2, #shop #contents article .hdr #products.index .navCol h2.title, #products.index .navCol #shop #contents article .hdr h2.title, #shop #contents article .hdr #products.index #main .movie_gorilla .indexCol_movie_txt h2.caption, #products.index #main .movie_gorilla .indexCol_movie_txt #shop #contents article .hdr h2.caption, #shop #contents article .hdr #products.index h2.tl h2.lrg, #products.index h2.tl #shop #contents article .hdr h2.lrg, #shop #products.concept #contents article .hdr h2.en, #products.concept #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: 0 0 10px; padding: 7px 10px !important; background: #2f2f2f; border-top: 1px solid #666; border-bottom: 1px solid #000; border-left: none !important; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.9); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.9); font-size: 125%; } #shop #contents article .hdr h2.en-font img, #shop #contents article .hdr .list h2 img, .list #shop #contents article .hdr h2 img, #shop #contents article .hdr h2.fav img, #shop #home #contents article .hdr .newProducts .tl a h2 img, #home #shop #contents article .hdr .newProducts .tl a h2 img, #shop #home #contents .newProducts .tl a article .hdr h2 img, #home #shop #contents .newProducts .tl a article .hdr h2 img, #shop #home #contents article .hdr .newProducts h2.more img, #home #shop #contents article .hdr .newProducts h2.more img, #shop #home #contents .newProducts article .hdr h2.more img, #home #shop #contents .newProducts article .hdr h2.more img, #shop #home #contents article .hdr .newProducts h2.counter img, #home #shop #contents article .hdr .newProducts h2.counter img, #shop #home #contents .newProducts article .hdr h2.counter img, #home #shop #contents .newProducts article .hdr h2.counter img, #shop #home #contents article .hdr .newProducts h2.date img, #home #shop #contents article .hdr .newProducts h2.date img, #shop #home #contents .newProducts article .hdr h2.date img, #home #shop #contents .newProducts article .hdr h2.date img, #shop #contents article .hdr #home #main h2 img, #home #main #shop #contents article .hdr h2 img, #shop #contents article .hdr #home .bnr02 h2 img, #home .bnr02 #shop #contents article .hdr h2 img, #shop #contents article .hdr #products.index .navCol h2.title img, #products.index .navCol #shop #contents article .hdr h2.title img, #shop #contents article .hdr #products.index #main .movie_gorilla .indexCol_movie_txt h2.caption img, #products.index #main .movie_gorilla .indexCol_movie_txt #shop #contents article .hdr h2.caption img, #shop #contents article .hdr #products.index h2.tl h2.lrg img, #products.index h2.tl #shop #contents article .hdr h2.lrg img, #shop #products.concept #contents article .hdr h2.en img, #products.concept #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: 0 10px 0 !important; padding-bottom: 15px; font-size: 69%; } #shop #contents article .col { margin: 0 0 10px; padding: 0; } #shop #contents article .col.shoplist { margin: 0 10px; padding: 10px; 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 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; padding: 0; background-color: #333; background-color: rgba(51, 51, 51, 0); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00333333',EndColorStr='#00333333')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00333333',EndColorStr='#00333333}'); } #shop #contents article .col .col-in .col2 { width: 100%; } #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: auto; margin: 0 10px 10px 10px; float: none; } #shop #contents article .col .col-in .col2 .col .col-in { width: auto; margin: 0; padding: 10px; 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 .col .col-in .photo { float: right; margin: 0 auto 10px; } #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 { position: relative; } #shop #contents article .col .col-in .col2 .col .col-in .txt .img { right: 0; bottom: 0; position: absolute; margin: 0; } #shop #contents article .col .col-in .col2 .col .col-in .txt .img img { display: block; } #shop #contents article .col .col-in .col2:last-of-type { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } #shop #contents article .col .col-in .col2:last-of-type .col:last-of-type { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } #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: 10px 10px; line-height: 1.3; } #shop.online table th { font-weight: bold; } #shop .map_btn { margin-bottom: 0 !important; } /* ---------------------------------------------------------------------- INFO ----------------------------------------------------------------------*/ /* INFO */ #info #contents .pageTitle { margin-bottom: 0; } #info #contents dl { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); padding: 10px; border-bottom: 2px solid #000; margin-bottom: 1px; } #info #contents dl dt img { width: 100%; margin-bottom: 5px; } #info #contents dl dd { line-height: 1.4; margin-bottom: 10px; } #info #contents dl h2 { margin-bottom: .5em; } #info #contents dl p { margin-bottom: .8em; font-size: 81%; line-height: 1.2; } #info #contents dl p.date { font-size: 69%; margin-bottom: 3px; } @media only screen and (min-width: 321px) { #info #contents dl dt { width: 38%; float: right; } #info #contents dl dd { width: 60%; float: left; padding: 10px 0; } } /* ---------------------------------------------------------------------- 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 { height: 60px !important; background-image: url(../../mobile/img/bg_title_widget.png) !important; background-size: 300px auto; } /* 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: 20px 0 0 0; } #mobile.index .app .device, #mobile.index .gmix .device, #mobile.index .mobile .device { text-align: center; padding: 20px 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: 250%; margin-bottom: 10px; 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(../img/bg_wall.gif) top center; } #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: 67px; 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 .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: url(../img/bg_wall.gif) top center; } #mobile.index .gmix #gmix { margin: 0 auto; padding: 0 10px; 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 #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 { text-align: center; } #mobile.index .gmix #gmix .device img { width: 45%; } #mobile.index .gmix #gmix .bg { display: none; } #mobile.index .mobile { background: #000 url(../../mobile/img/sp/bg_mobile.jpg) bottom center no-repeat; } #mobile.index .mobile dl dt { display: none; } #mobile.index .mobile dl strong { display: block; margin-bottom: 5px; } #mobile.index .mobile .device img { width: 100%; } /* MOBILE DETAIL */ #mobile.detail #page .pageTitle h1.title { display: block; width: 300px; height: 50px; background-image: url("../../mobile/img/bg_title.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; background-size: cover; } #mobile.detail.android #localNav .android a { color: #f00; } #mobile.detail.iphone #localNav .iphone a { color: #f00; } #mobile.detail #contents #main .pageTitle img { width: 100%; } #mobile.detail #contents #main .lead { float: right; width: 58%; margin-right: 10px; line-height: 1.5; padding-bottom: 10px; } #mobile.detail #contents #main .lead p { margin-bottom: 1em; font-size: 69%; font-weight: bold; } #mobile.detail #contents #main .lead p.normal { font-weight: normal; } #mobile.detail #contents #main .lead a.btn-google { width: 170px; } #mobile.detail #contents #phone { float: left; width: 33%; margin-left: 10px; } #mobile.detail #contents #phone img.phone { width: 100%; } #mobile.detail #contents #phone p { margin-bottom: 1em; } #mobile.detail #contents #content { clear: both; } #mobile.detail #contents #content .col { margin-bottom: 1px; } #mobile.detail #contents #content .col .cap-r { float: right; width: 46%; margin-left: 10px; margin-bottom: 15px; } #mobile.detail #contents #content .col .cap-r img { width: 100%; } #mobile.detail #contents #content .col .cap-c { text-align: center; } #mobile.detail #contents #content .col .cap-c img { width: 100%; } #mobile.detail #contents #content .col dl.subTitle { margin-bottom: 10px; } #mobile.detail #contents #content .col dl.subTitle dt, #mobile.detail #contents #content .col dl.subTitle dd { display: table-cell; vertical-align: middle; *display: inline; } #mobile.detail #contents #content .col dl.subTitle dt { padding-right: 15px; } #mobile.detail #contents #content .col dl.subTitle dt img { vertical-align: middle; } #mobile.detail #contents #content .col dl.subTitle dd h2 { margin: 0; padding: 0; border: none; } #mobile.detail #contents #content .col dl.subTitle dd p { margin: 0; padding: 0; font-size: 75%; } #mobile.detail #contents #content .col dl.function { font-size: 81%; margin-bottom: 10px; } #mobile.detail #contents #content .col dl.function dt { font-weight: bold; margin-bottom: 5px; } #mobile.detail #contents #content .col dl.function dd { text-indent: -1em; padding-left: 1em; margin-bottom: 5px; } #mobile.detail #contents #content .col h2 { border-left: none; margin-bottom: 10px; padding-left: 50px; position: relative; line-height: 1.2; } #mobile.detail #contents #content .col h2 .ico { position: absolute; left: 0; top: 0; } #mobile.detail #contents #content .col ul { margin-top: 1em; } #mobile.detail #contents #content .col ul li { list-style: none; } #mobile.detail #contents #content .col h3 { font-size: 81%; 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-top: 1px solid #292929; padding-bottom: 20px; margin-top: 20px; } #mobile.detail #contents #content .tab #content1 ul.first-child { border-top: none !important; margin-bottom: 1px; } #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 { width: 44%; float: left; margin-right: 2%; margin-bottom: 10px; } #mobile.detail #contents #content .tab #content3 ul li img { width: 100%; } #mobile.detail #contents #sub { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; margin-bottom: 1px; padding: 0 10px 15px 10px; line-height: 1.4; } #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; float: left; width: 12% !important; } #mobile.detail.gmix #page .pageTitle h1.title { margin-left: 15%; background-image: url(../../mobile/gmix_app/img/title.png) !important; background-position: 0 bottom; background-repeat: no-repeat; background-size: 100% auto; display: block; height: 0; padding: 0 0 13% 0; overflow: hidden; text-indent: -9999px; width: 83%; } #mobile.detail.gmix #sub { float: none !important; display: block !important; } #mobile.detail.gmix #sub .inr { margin: 10px 0 !important; border: solid 2px #f00; padding: 5px !important; } #mobile.detail.gmix #sub .inr h3 { margin: 0 0 2px 0 !important; } #mobile.detail.gmix #sub .inr p { text-align: left; margin: 0 !important; } #mobile.detail.gmix .txtd_ul { text-decoration: underline !important; } #mobile.detail.gmix .txtd_ul:hover { text-decoration: none !important; } #mobile.widget #page .pageTitle h1.title { display: block; width: 300px; height: 50px; background-image: url("../../mobile/img/bg_title.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; background-size: cover; } #mobile.widget.android #localNav .android a { color: #f00; } #mobile.widget.iphone #localNav .iphone a { color: #f00; } #mobile.widget #contents #main .pageTitle img { width: 100%; } #mobile.widget #contents #main .lead { float: right; width: 58%; margin-right: 10px; line-height: 1.5; padding-bottom: 10px; } #mobile.widget #contents #main .lead p { margin-bottom: 1em; font-size: 75%; font-weight: bold; line-height: 1.5; } #mobile.widget #contents #main .lead a.btn-google { width: 170px; } #mobile.widget #contents #phone { float: left; width: 33%; margin-left: 10px; } #mobile.widget #contents #phone img.phone { width: 100%; } #mobile.widget #contents #phone p { margin-bottom: 1em; } #mobile.widget #contents #content { clear: both; padding-top: 80px; } #mobile.widget #contents #content .col { margin-bottom: 1px; } #mobile.widget #contents #content .col .cap-r { float: right; width: 46%; margin-left: 10px; margin-bottom: 15px; } #mobile.widget #contents #content .col .cap-r img { width: 100%; } #mobile.widget #contents #content .col .cap-c { text-align: center; } #mobile.widget #contents #content .col .cap-c img { width: 100%; } #mobile.widget #contents #content .col dl.subTitle { margin-bottom: 10px; } #mobile.widget #contents #content .col dl.subTitle dt, #mobile.widget #contents #content .col dl.subTitle dd { display: table-cell; vertical-align: middle; *display: inline; } #mobile.widget #contents #content .col dl.subTitle dt { padding-right: 15px; } #mobile.widget #contents #content .col dl.subTitle dt img { vertical-align: middle; } #mobile.widget #contents #content .col dl.subTitle dd h2 { margin: 0; padding: 0; border: none; } #mobile.widget #contents #content .col dl.subTitle dd p { margin: 0; padding: 0; font-size: 75%; } #mobile.widget #contents #content .col dl.function { font-size: 81%; margin-bottom: 10px; } #mobile.widget #contents #content .col dl.function dt { font-weight: bold; margin-bottom: 5px; } #mobile.widget #contents #content .col dl.function dd { text-indent: -1em; padding-left: 1em; margin-bottom: 5px; } #mobile.widget #contents #content .col h2 { border-left: none; margin-bottom: 10px; padding-left: 50px; position: relative; line-height: 1.2; } #mobile.widget #contents #content .col h2 .ico { position: absolute; left: 0; top: 0; } #mobile.widget #contents #content .col ul { margin-top: 1em; } #mobile.widget #contents #content .col ul li { list-style: none; } #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 .bnr { text-align: center; } #mobile.widget #contents #content .tab { margin-top: 30px; } #mobile.widget #contents #content .tab .tabNavigation li { width: 94px; margin-right: 8px !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: -120px; width: 100%; display: block; text-align: center; vertical-align: bottom; } #mobile.widget #contents #content .tab .tabNavigation li a span.img img { width: 86px; 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; margin-right: 0; } #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; line-height: 1.3; float: none !important; width: 100% !important; } #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 .sub { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; margin-bottom: 1px; padding: 0 10px 15px 10px; line-height: 1.4; } #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 { padding-bottom: 10px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; margin-bottom: 1px; } #mail #contents ul { text-align: center; } #mail #contents li { list-style: none; display: inline-block; } #mail #contents li a { display: inline-block; padding: 10px; } #mail #contents li.cancel .btn { background-color: #666; } /* ---------------------------------------------------------------------- CONTACT ----------------------------------------------------------------------*/ /* CONTACT */ #contact #contents { padding-bottom: 10px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; margin-bottom: 1px; } #contact #contents p.info a.btn { padding: 10px; } /* ---------------------------------------------------------------------- ERROR ----------------------------------------------------------------------*/ /* MAIL */ #error #contents { padding-bottom: 10px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom: 2px solid #000; margin-bottom: 1px; } #error #contents ul { text-align: center; } #error #contents li { list-style: none; display: inline-block; } #error #contents li a { display: inline-block; padding: 10px; } /* ---------------------------------------------------------------------- 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 { color: #666; } .watch_history { width: auto; padding-bottom: 10px; } .watch_history .wh_tl { display: block; position: relative; z-index: 3; margin: 0 0 10px; line-height: 1.2; background: #333; -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.9); box-shadow: 0 3px 14px rgba(0, 0, 0, 0.9); padding: 10px; } .watch_history .wh_tl .wh_tl_inr { width: auto; font-size: 88%; color: #fff; font-weight: bold; } .watch_history .wh_inr { width: auto; margin: 0 10px; overflow: hidden; } .watch_history .h_list { position: relative; width: 612%; } .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%; } #home .watch_history { display: none; } #home .watch_history.sp { display: block; } /*# sourceMappingURL=smartphone.css.map */