@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:before, #home #contents .infoCol ul:before, #home #contents .linkCol ul:before, #home #contents .linkCol a:before, #home #main #mainG-LIDE2 p.name .inr:before, #home #main #mainG-LIDE3 p.name .inr:before, #concept.index #contents .history dl:before, #concept.history #contents .pageTitle:before, #concept.history #contents .carousel li .read p:before, #technology.detail .articleCol:before, #technology.detail .col:before, #technology.detail .col .column:before, #products .pager:before, #products #search: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.concept #contents .col .col-1-4: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, #app.index .col dl.mobile:before, #app.index .col dl.mobile dd dl:before, #app.detail #contents:before, #app.detail #contents #content .col:before, #app.detail #contents #content .col .col-in:before, #app.detail #contents #content .tab #content1 ul:before, #app.detail #contents #content .tab #content2 .section:before, #app.detail #contents #content .tab #content3 ul:before, #shop #contents article .col .col-in .photo: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:after, #home #contents .infoCol ul:after, #home #contents .linkCol ul:after, #home #contents .linkCol a:after, #home #main #mainG-LIDE2 p.name .inr:after, #home #main #mainG-LIDE3 p.name .inr:after, #concept.index #contents .history dl:after, #concept.history #contents .pageTitle:after, #concept.history #contents .carousel li .read p:after, #technology.detail .articleCol:after, #technology.detail .col:after, #technology.detail .col .column:after, #products .pager:after, #products #search: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.concept #contents .col .col-1-4: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, #app.index .col dl.mobile:after, #app.index .col dl.mobile dd dl:after, #app.detail #contents:after, #app.detail #contents #content .col:after, #app.detail #contents #content .col .col-in:after, #app.detail #contents #content .tab #content1 ul:after, #app.detail #contents #content .tab #content2 .section:after, #app.detail #contents #content .tab #content3 ul:after, #shop #contents article .col .col-in .photo: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:after, #home #contents .infoCol ul:after, #home #contents .linkCol ul:after, #home #contents .linkCol a:after, #home #main #mainG-LIDE2 p.name .inr:after, #home #main #mainG-LIDE3 p.name .inr:after, #concept.index #contents .history dl:after, #concept.history #contents .pageTitle:after, #concept.history #contents .carousel li .read p:after, #technology.detail .articleCol:after, #technology.detail .col:after, #technology.detail .col .column:after, #products .pager:after, #products #search: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.concept #contents .col .col-1-4: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, #app.index .col dl.mobile:after, #app.index .col dl.mobile dd dl:after, #app.detail #contents:after, #app.detail #contents #content .col:after, #app.detail #contents #content .col .col-in:after, #app.detail #contents #content .tab #content1 ul:after, #app.detail #contents #content .tab #content2 .section:after, #app.detail #contents #content .tab #content3 ul:after, #shop #contents article .col .col-in .photo:after { clear: both; }

.en-font, .pageTitle h1, .list h2, .fav, #home #contents .newProducts .tl a h2, #home #contents .newProducts .tl a .more, #home #contents .newProducts .counter, #home #contents .newProducts .date, #home #contents .newProducts h3, #home #contents .linkCol .recCol ul li.i01 a h3, #home #main h1, #home #main h2, #home #main h3, #home #main p, #concept.index #contents .history dl dt, #concept.history #contents .pageTitle h2#year, #concept.history #contents .carousel li h2, #concept.history #contents .carousel li .watData h3, #concept.history #contents .carousel li .watData h4, #products.index .navCol h2.title, #products.index #main h1, #products.concept #contents .en, #products.collection.lineup #main h1, #products.gulfmaster #main h1, #products.detail #contents h1 { font-family: "Oswald-Bold", "Impact", "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 .productsCol, #home #contents .infoCol li, #home #contents .linkCol { 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: url("../img/bg_vector.svg") no-repeat 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: url("../img/btn_app-store.svg") no-repeat 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: url("../img/logo_g@2x.gif") no-repeat 0 0 ; overflow: hidden; text-indent: -9999px; background-size: 100% auto; }
  #header h1 a img { visibility: hidden; }
  .list .ico, #header #globalNav .ico { background-image: url("../img/sp/bg_bitmap@2x.png") !important; background-size: 42px auto !important; }
  #container, #header nav { background-image: url(../img/sp/bg@2x.png) !important; background-size: 600px auto; } }
/* ---------------------------------------------------------------------- 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, black), color-stop(1, #3f3f3f)); background-image: -webkit-linear-gradient(top, black, #3f3f3f); background-image: -moz-linear-gradient(top, black, #3f3f3f); background-image: -o-linear-gradient(top, black, #3f3f3f); background-image: -ms-linear-gradient(top, black, #3f3f3f); background-image: linear-gradient(top, black, #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 3.3px black; box-shadow: 0 3px 3.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: url("../img/bg_vector.png") no-repeat -200px -105px ; overflow: hidden; text-indent: -9999px; }
.list.nav h2, .list.nav p { margin-left: 45px; }

li.concept .ico { display: block; width: 42px; height: 42px; background: url("../img/sp/bg_bitmap.png") no-repeat 0 -100px ; overflow: hidden; text-indent: -9999px; }

li.technology .ico { display: block; width: 42px; height: 42px; background: url("../img/sp/bg_bitmap.png") no-repeat 0 -50px ; overflow: hidden; text-indent: -9999px; }

li.products .ico { display: block; width: 42px; height: 42px; background: url("../img/sp/bg_bitmap.png") no-repeat 0 0 ; overflow: hidden; text-indent: -9999px; }

li.gworld .ico { display: block; width: 42px; height: 42px; background: url("../img/sp/bg_bitmap.png") no-repeat 0 -150px ; overflow: hidden; text-indent: -9999px; }

li.shop .ico { display: block; width: 42px; height: 42px; background: url("../img/sp/bg_bitmap.png") no-repeat 0 -250px ; overflow: hidden; text-indent: -9999px; }

li.app .ico { display: block; width: 42px; height: 42px; background: url("../img/sp/bg_bitmap.png") no-repeat 0 -300px ; overflow: hidden; text-indent: -9999px; }

li.newProducts .ico { display: block; width: 42px; height: 42px; background: url("../img/sp/bg_bitmap.png") no-repeat 0 -350px ; overflow: hidden; text-indent: -9999px; }

li.finder .ico { display: block; width: 42px; height: 42px; background: url("../img/sp/bg_bitmap.png") no-repeat 0 -400px ; overflow: hidden; text-indent: -9999px; }

li.triple-g-resist .ico { display: block; width: 42px; height: 42px; background: url("../img/sp/bg_bitmap.png") no-repeat 0 -450px ; overflow: hidden; text-indent: -9999px; }

li.shock-resist .ico { display: block; width: 42px; height: 42px; background: url("../img/sp/bg_bitmap.png") no-repeat 0 -500px ; overflow: hidden; text-indent: -9999px; }

li.smart-access .ico { display: block; width: 42px; height: 42px; background: url("../img/sp/bg_bitmap.png") no-repeat 0 -550px ; overflow: hidden; text-indent: -9999px; }

li.tough-solar .ico { display: block; width: 42px; height: 42px; background: url("../img/sp/bg_bitmap.png") no-repeat 0 -600px ; overflow: hidden; text-indent: -9999px; }

li.wave-cepter .ico { display: block; width: 42px; height: 42px; background: url("../img/sp/bg_bitmap.png") no-repeat 0 -650px ; overflow: hidden; text-indent: -9999px; }

li.water-resist .ico { display: block; width: 42px; height: 42px; background: url("../img/sp/bg_bitmap.png") no-repeat 0 -700px ; overflow: hidden; text-indent: -9999px; }

li.catalog .ico { display: block; width: 42px; height: 42px; background: url("../img/sp/bg_bitmap.png") no-repeat 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 16.5px black; box-shadow: 0 5px 16.5px 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: black; 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: url("../img/bg_vector.png") no-repeat 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: url("../img/bg_vector.png") no-repeat -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: url("../img/bg_vector.png") no-repeat -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%; }
.model li .productWrap { background: #383838; margin: 1px; }
.model li li { clear: both; float: none; width: 100%; }
.model li .photo { position: relative; padding: 10px 0; margin: 0 10px; border-bottom: 1px solid #333; }
.model li .photo img { width: 100%; -ms-interpolation-mode: bicubic; }
.model li .productData { border-top: 1px solid #666; margin: 0 10px; padding: 5px; line-height: 1.2; }
.model li .productData h3 { font-size: 88%; margin-bottom: 5px; display: inline-block; }
.model li .productData ul { list-style: none; margin-bottom: 3px; }
.model li .productData li { font-size: 69%; margin-bottom: 3px; }
.model li .productData .size, .model li .productData .func { display: none; }
.model li p { margin: -5px 15px 0 15px; padding-bottom: 10px; }
.model li .notes { color: #f00; }
.model li.blank .productWrap { background-color: white; 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-left: 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: url("../img/bg_vector.png") no-repeat -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; }

.btn-itune img { height: 50px; }

.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, red), color-stop(1, #990000)); background-image: -webkit-linear-gradient(top, red, #990000); background-image: -moz-linear-gradient(top, red, #990000); background-image: -o-linear-gradient(top, red, #990000); background-image: -ms-linear-gradient(top, red, #990000); background-image: linear-gradient(top, red, #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; }

/* ---------------------------------------------------------------------- CONTAINER
----------------------------------------------------------------------*/
body { -webkit-text-size-adjust: none; width: 100%; min-width: 320px; max-width: 600px; 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 11px rgba(0, 0, 0, 0.7); box-shadow: 0 0 11px 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 img { 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: url("../img/bg_vector.png") no-repeat -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: url("../img/bg_vector.png") no-repeat -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: url("../img/bg_vector.png") no-repeat -90px -30px ; overflow: hidden; text-indent: -9999px; display: inline-block; margin-top: -3px; vertical-align: middle; }
#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 11px rgba(0, 0, 0, 0.7); box-shadow: 0 0 11px rgba(0, 0, 0, 0.7); background: #000; padding: 15px 10px; }
#footer #fnOther ul { margin-bottom: 25px; }
#footer #fnOther li { float: left; color: #cccccc; 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; }

/* ---------------------------------------------------------------------- CONTENTS
----------------------------------------------------------------------*/
#contents { position: relative; /*
padding:0;
border-bottom:2px solid #000;
@include box-shadow(0, 1px, 0, rgba(255,255,255,.2));
margin-bottom:1px;
*/ }

/* ---------------------------------------------------------------------- SHARE
----------------------------------------------------------------------*/