/**
 * SMARTPHONE CSS
 * 
 * @version   0.01 2013-06-27
 * @copyright All Rights Reserved, Copyright (C) CASIO COMPUTER CO., LTD
 * @link      http://casio.jp/
 * 
 */
/* ----------------------------------------
    HTML NORMALIZE
----------------------------------------*/
.clearfix:before, #globalFooter #fnOther ul:before, .productsCollection .productBody .column .col2:before, .productsCollection .productBody .column .col3:before, .productsCollection .productBody .column .col4:before, .productsCollection .productBody .colSL:before, .productsFinder .pageTitle .searchNav div ul:before, .productsFinder .productsList .currentNav:before, .productsCatalog .col3:before, .productsCompare .pageTitle .searchNav div ul:before, .productsCompare .productsList .currentNav:before, .ambIndex .colLink1 .menuBox .menuli:before, .clearfix:after, #globalFooter #fnOther ul:after, .productsCollection .productBody .column .col2:after, .productsCollection .productBody .column .col3:after, .productsCollection .productBody .column .col4:after, .productsCollection .productBody .colSL:after, .productsFinder .pageTitle .searchNav div ul:after, .productsFinder .productsList .currentNav:after, .productsCatalog .col3:after, .productsCompare .pageTitle .searchNav div ul:after, .productsCompare .productsList .currentNav:after, .ambIndex .colLink1 .menuBox .menuli:after {
  content: "";
  display: block;
  overflow: hidden;
}

.clearfix:after, #globalFooter #fnOther ul:after, .productsCollection .productBody .column .col2:after, .productsCollection .productBody .column .col3:after, .productsCollection .productBody .column .col4:after, .productsCollection .productBody .colSL:after, .productsFinder .pageTitle .searchNav div ul:after, .productsFinder .productsList .currentNav:after, .productsCatalog .col3:after, .productsCompare .pageTitle .searchNav div ul:after, .productsCompare .productsList .currentNav:after, .ambIndex .colLink1 .menuBox .menuli:after {
  clear: both;
}

/* ----------------------------------------
    IMPORT
----------------------------------------*/
.clearfix:before, #globalFooter #fnOther ul:before, .productsCollection .productBody .column .col2:before, .productsCollection .productBody .column .col3:before, .productsCollection .productBody .column .col4:before, .productsCollection .productBody .colSL:before, .productsFinder .pageTitle .searchNav div ul:before, .productsFinder .productsList .currentNav:before, .productsCatalog .col3:before, .productsCompare .pageTitle .searchNav div ul:before, .productsCompare .productsList .currentNav:before, .ambIndex .colLink1 .menuBox .menuli:before, .clearfix:after, #globalFooter #fnOther ul:after, .productsCollection .productBody .column .col2:after, .productsCollection .productBody .column .col3:after, .productsCollection .productBody .column .col4:after, .productsCollection .productBody .colSL:after, .productsFinder .pageTitle .searchNav div ul:after, .productsFinder .productsList .currentNav:after, .productsCatalog .col3:after, .productsCompare .pageTitle .searchNav div ul:after, .productsCompare .productsList .currentNav:after, .ambIndex .colLink1 .menuBox .menuli:after {
  content: "";
  display: block;
  overflow: hidden;
}

.clearfix:after, #globalFooter #fnOther ul:after, .productsCollection .productBody .column .col2:after, .productsCollection .productBody .column .col3:after, .productsCollection .productBody .column .col4:after, .productsCollection .productBody .colSL:after, .productsFinder .pageTitle .searchNav div ul:after, .productsFinder .productsList .currentNav:after, .productsCatalog .col3:after, .productsCompare .pageTitle .searchNav div ul:after, .productsCompare .productsList .currentNav:after, .ambIndex .colLink1 .menuBox .menuli:after {
  clear: both;
}

.font-en-cn, .productsIndex .mainCol h2, .productsIndex .subCol h2, .productsCollection .productBody .pageTitle h2, .productsCollection .productBody .pageTitle p.func, .productsCollection .productBody .column h2, .productsCompare .table h1, .productsCompare .table th h2.model_name {
  font-family: 'open_sans_condensedbold';
  font-weight: normal;
}

.font-en, .productsCollection .productBody .pageTitle h1 {
  font-family: 'open_sansbold';
  font-weight: normal;
}

/* -------------------- [ CONTAINER ] -------------------- */
#loader {
  padding-bottom: 100px;
}

#loader .img {
  top: 200px;
}

.pc, .tb, .pc-tb {
  display: none !important;
}

.function, .productsDetail .productBody .productDetailWrap, .function a {
  border-bottom: 1px solid #333;
}

.function, .productsDetail .productBody .productDetailWrap {
  padding: 20px 15px 10px 15px;
}

#contents {
  padding-bottom: 40px;
}

.noneTrantition .naviClose #contents, .noneTrantition .naviClose #globalFooter, .noneTrantition .naviOpen #contents, .noneTrantition .naviOpen #globalFooter {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .naviClose #globalHeader #globalNav, .noneTrantition .naviOpen #globalHeader #globalNav {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.naviClose #contents, .naviClose #globalFooter {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}

.naviClose #globalHeader #globalNav {
  display: block;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  transition: all .3s ease-in;
  -moz-opacity: 0;
  opacity: 0;
  z-index: -100;
  left: 0;
  -webkit-transform: perspective(200px) translate3d(0, -10%, 0) rotateX(20deg);
  -moz-transform: perspective(200px) translate3d(0, -10%, 0) rotateX(20deg);
  -ms-transform: perspective(200px) translate3d(0, -10%, 0) rotateX(20deg);
  transform: perspective(200px) translate3d(0, -10%, 0) rotateX(20deg);
  visibility: hidden;
}

.naviOpen #contents, .naviOpen #globalFooter {
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  -ms-transition: all 1s linear;
  transition: all 1s linear;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.naviOpen #globalHeader #globalNav {
  display: block;
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  -ms-transition: all .5s ease-out;
  transition: all .5s ease-out;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: perspective(800px) translate3d(0, 0, 0) rotateX(0);
  -moz-transform: perspective(800px) translate3d(0, 0, 0) rotateX(0);
  -ms-transform: perspective(800px) translate3d(0, 0, 0) rotateX(0);
  transform: perspective(800px) translate3d(0, 0, 0) rotateX(0);
  visibility: visible;
  top: 50px;
  left: 0;
}

.naviOpen #globalHeader #hnClose {
  display: block;
}

#globalHeader #globalNav {
  display: none;
  left: 100%;
  -webkit-transform: perspective(200px) translate3d(0, -10%, 0) rotateX(20deg);
  -moz-transform: perspective(200px) translate3d(0, -10%, 0) rotateX(20deg);
  -ms-transform: perspective(200px) translate3d(0, -10%, 0) rotateX(20deg);
  transform: perspective(200px) translate3d(0, -10%, 0) rotateX(20deg);
}

.content {
  padding-top: 50px;
}

.function {
  list-style: none;
}

.function li {
  margin-bottom: 5px;
  margin-left: 0;
}

.function a {
  display: block;
  border: 3px solid #003c2f;
  padding: 10px 5px 10px 90px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}

.function a h2 {
  font-size: 113%;
  margin-bottom: 5px;
}

.function a p {
  font-size: 75%;
  padding-bottom: 0;
  line-height: 1.3;
}

.function a.hover {
  text-decoration: none;
}

.function a.technology_tr {
  background: #000 url(../img/bg_tr.jpg) left center no-repeat;
}

.function a.technology_sa {
  background: #000 url(../img/bg_sa.jpg) left center no-repeat;
}

.function a.technology_ts {
  background: #000 url(../img/bg_ts.jpg) left center no-repeat;
}

.function a.technology_m6 {
  background: #000 url(../img/bg_m6.jpg) left center no-repeat;
}

.function a.technology_tm {
  background: #000 url(../img/bg_tm.jpg) 2% center no-repeat;
}

/* -------------------- [ HEADER ] -------------------- */
#globalHeader {
  width: 100%;
  height: 50px;
}

#globalHeader #siteID a.logo {
  margin-left: 10px;
  width: 90px;
  height: 60px;
  -webkit-background-size: 236px auto;
  background-size: 236px auto;
  background-color: #003c2f;
  background-position: -10px -10px;
  position: relative;
  z-index: 3;
}

#globalHeader #globalNav {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  height: 1000px;
  background-color: #000c09;
  background-color: rgba(0, 12, 9, 0.8);
  -moz-opacity: 0;
  opacity: 0;
  z-index: 2;
}

#globalHeader #globalNav ul {
  border-bottom: 1px solid rgba(0, 60, 47, 0.5);
}

#globalHeader #globalNav li a {
  position: relative;
  display: block;
  border-top: 1px solid rgba(0, 60, 47, 0.5);
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
  padding: 15px 10px;
}

#globalHeader #globalNav li a h2 {
  font-size: 100%;
  margin-bottom: 8px;
}

#globalHeader #globalNav li a p {
  font-size: 75%;
}

#globalHeader #globalNav li a .ico {
  position: absolute;
  top: 50%;
  right: 5px;
  background-position: -250px -335px;
  margin-top: -10px;
}

#globalHeader #globalNav #gnHOME {
  padding-top: 20px;
}

#globalHeader #globalNav #gnHOME a {
  padding: 14px 10px 5px 32px;
  border-top: none;
}

#globalHeader #globalNav #gnHOME a h2 {
  font-size: 88%;
}

#globalHeader #globalNav #gnHOME a .ico {
  background-position: -285px -235px;
  right: auto;
  left: 8px;
}

#globalHeader #compareNav {
  position: absolute;
  top: 0;
  right: 100px;
  width: 50px;
  height: 50px;
  border-left: 1px solid #004234;
}

#globalHeader #compareNav #cpFINDER {
  position: relative;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 50px;
}

#globalHeader #compareNav #cpFINDER .bg {
  position: absolute;
  top: 6px;
  left: 5px;
  width: 40px;
  height: 40px;
  background-position: -320px -205px;
  /* @include box-size(35px, 35px);
                    @include box-absolute(20px, 17px);
                    background-position: -320px -205px; */
}

#globalHeader #compareNav #cpFINDER .number {
  position: absolute;
  top: 3px;
  right: 4px;
  padding: 2px 3px;
  background: #fff;
  color: #003c2f;
  font-size: 63%;
  font-weight: bold;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  line-height: 1;
}

#globalHeader #compareNav #cpFINDER .number.none {
  display: none;
}

#globalHeader #primaryNav {
  position: absolute;
  top: 0;
  right: 50px;
  width: 50px;
  height: 50px;
  border-left: 1px solid #004234;
}

#globalHeader #primaryNav #pnFINDER {
  position: relative;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 50px;
}

#globalHeader #primaryNav #pnFINDER .bg {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 40px;
  height: 40px;
  background-position: -240px -235px;
}

#globalHeader #primaryNav #pnFINDER .h {
  position: absolute;
  top: 22px;
  left: 15px;
}

#globalHeader #primaryNav #pnFINDER .hh {
  position: absolute;
  top: 22px;
  left: 19px;
}

#globalHeader #primaryNav #pnFINDER .cn {
  position: absolute;
  top: 22px;
  left: 22px;
}

#globalHeader #primaryNav #pnFINDER .m {
  position: absolute;
  top: 22px;
  left: 25px;
}

#globalHeader #primaryNav #pnFINDER .mm {
  position: absolute;
  top: 22px;
  left: 29px;
}

#globalHeader #localNav {
  display: none;
}

#globalHeader #hnMenu {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  z-index: 4;
  border-left: 1px solid #004234;
  background-position: -235px -185px;
}

#globalHeader #hnClose {
  z-index: 4;
  display: none;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  border-left: 1px solid #004234;
  background-position: -235px -275px;
}

/* -------------------- [ FOOTER ] -------------------- */
#globalFooter #pageNav #breadcrumbNav li {
  display: none;
}

#globalFooter #pageNav #breadcrumbNav li.home {
  display: block;
}

#globalFooter #snsNav {
  position: absolute;
  top: -43px;
  left: 10px;
}

#globalFooter #fnOther {
  padding-top: 25px;
  padding: 20px 10px;
}

#globalFooter #fnOther ul {
  width: 100%;
  padding-bottom: 5px;
}

#globalFooter #fnOther .logo, #globalFooter #fnOther small {
  float: left;
}

#globalFooter #fnOther .logo {
  margin-left: 0;
  margin-right: 5px;
}

#globalFooter #fnOther small {
  font-size: 69%;
}

#globalFooter #fnSitemap {
  display: none;
}

/* -------------------- [ PRODUCTS INDEX ] -------------------- */
.contentsBG {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.contentsBG .bg {
  width: 100%;
}

.contentsBody {
  padding: 55% 15px 20px 15px;
  border-bottom: 1px solid #333;
}

.contentsBody h1 {
  font-size: 150%;
  line-height: 1.3;
  padding-bottom: 20px;
}

.contentsBody h2 {
  font-size: 113%;
  line-height: 1.3;
  padding-bottom: 10px;
}

.contentsBody h3 {
  font-size: 88%;
  line-height: 1.3;
  padding-bottom: 5px;
}

.contentsBody p {
  font-size: 81%;
  line-height: 1.6;
  padding-bottom: 1em;
}

.contentsBody p br {
  display: none;
}

.contentsBody .col {
  padding-bottom: 20px;
}

.contentsBody .col-sub {
  padding-bottom: 10px;
}

/* -------------------- [ HOME ] -------------------- */
#homeMain h2 {
  font-size: 88%;
}

#homeMain h3 {
  font-size: 188%;
  padding-bottom: 5px;
}

#homeMain p {
  font-size: 69%;
  font-weight: bold;
  line-height: 1.4;
}

#homeMain p.mark {
  padding-bottom: 1em;
}

#homeMain p.mark .ico {
  margin-bottom: 0;
}

#homeMain p.attention {
  display: none;
}

#homeMain .txt {
  position: absolute;
  bottom: 30%;
  left: 3%;
}

#homeMain .badge {
  position: absolute;
  top: 20px;
  left: 3%;
}

#homeMain .badge img {
  width: 50px;
}

#homeMain .number {
  bottom: 82.5%;
}

#homeMain .homeMovie {
  top: 8.3%;
  left: 3%;
  width: 27%;
}

#homeMain .homeMovie span.ico {
  margin: -20px 0 0 -20px;
  transform: scale(0.8, 0.8);
}

#homeBody {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid #333;
}

#homeBody ul {
  padding: 15px 5px 15px 5px;
}

#homeBody li {
  margin-bottom: 20px;
}

#homeBody a, #homeBody span.img-banner {
  margin: 3px 5px;
}

#homeBody a .txt, #homeBody span.img-banner .txt {
  position: relative;
  padding: 10px 5px 0;
}

#homeBody a .arrow, #homeBody span.img-banner .arrow {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5px;
}

#homeBody h2 {
  font-size: 69%;
  margin-bottom: .2em;
}

#homeBody h3 {
  font-size: 81%;
  margin-bottom: .2em;
}

#homeBody p {
  font-size: 63%;
  margin-bottom: .2em;
}

#homeBody .productsCnt {
  font-size: 10px;
}

#homeBody .txt {
  padding: 10px;
}

#homeBody li.linkTechnology,
#homeBody li.linkOther {
  width: 49.5%;
}

#homeBody li.linkTechnology img.pc-tb,
#homeBody li.linkOther img.pc-tb {
  display: none;
}

#homeBody li.linkTechnology .bg,
#homeBody li.linkOther .bg {
  position: relative;
}

#homeBody li.linkTechnology {
  float: left;
}

#homeBody li.linkOther {
  float: right;
}

#homeBody .pickupBnr {
  width: 100%;
  clear: both;
}

#homeBody .linkAttention > a, #homeBody .linkAttention > .inr, #homeBody .specialInfo > a, #homeBody .specialInfo > .inr {
  margin: 0 5px 5px;
  padding: 10px 5px 8px;
  font-size: 75%;
  line-height: 1.4;
}

#homeBody .specialInfo > a, #homeBody .specialInfo > .inr {
  margin: 25px 5px 5px;
}

/* -------------------- [ PRODUCTS INDEX ] -------------------- */
.productsIndex .mainCol {
  border-bottom: 2px solid #000;
}

.productsIndex .mainCol .txt {
  bottom: 4%;
  left: 3%;
}

.productsIndex .mainCol h2 {
  font-size: 150%;
  margin-bottom: .3em;
}

.productsIndex .mainCol p {
  font-size: 69%;
  font-weight: bold;
  line-height: 1.4;
}

.productsIndex .subCol {
  width: 100%;
  overflow: hidden;
}

.productsIndex .subCol ul {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.productsIndex .subCol li {
  width: 50%;
  float: left;
}

.productsIndex .subCol a {
  position: relative;
  display: block;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 2px solid #000;
}

.productsIndex .subCol .txt {
  top: 14%;
  left: 5%;
}

.productsIndex .subCol h2 {
  font-size: 81%;
}

.productsIndex .otherCol {
  width: 101.25%;
  margin-right: -1.25%;
}

.productsIndex .otherCol ul {
  border-left: 2px solid #000;
  border-right: 2px solid #000;
}

.productsIndex .otherCol li {
  width: 33%;
  float: left;
}

.productsIndex .otherCol .blank {
  display: none;
}

.productsIndex .otherCol a {
  border-right: 2px solid #000;
}

/* -------------------- [ PRODUCTS COLLECTION ] -------------------- */
@-webkit-keyframes $name {}@-moz-keyframes $name {}@-ms-keyframes $name {}@keyframes $name {}.productsCollection p.attention {
  color: #F00;
  font-size: 69%;
}

.productsCollection .contentsBG {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.productsCollection .productsList {
  position: relative;
  z-index: 1;
}

.productsCollection .productsList ul li {
  width: 50%;
}

.productsCollection .productsList dt {
  font-size: 113%;
  padding: 10px 0 5px 0;
}

.productsCollection .productsList dd {
  font-size: 63%;
  padding-bottom: 5px;
}

.productsCollection .productBody {
  border-bottom: 1px solid #333;
}

.productsCollection .productBody.concept .pageTitle {
  padding-bottom: 0;
  width: 100%;
}

.productsCollection .productBody.concept .pageTitle h2 {
  line-height: 1;
}

.productsCollection .productBody.concept .pageTitle h3 {
  padding-bottom: 15px;
}

.productsCollection .productBody.concept .column.txt {
  padding-top: 20px;
  border-top: none;
}

.productsCollection .productBody.concept .column.txt p {
  font-size: 81%;
}

.productsCollection .productBody.concept .column.txt p br {
  display: none;
}

.productsCollection .productBody.concept .column.history {
  padding: 30px 20px;
  text-align: center;
}

.productsCollection .productBody.concept .column.history h3 {
  font-size: 100%;
  padding-bottom: 15px;
}

.productsCollection .productBody.concept .column.history h4 {
  font-size: 88%;
  font-weight: bold;
  width: 85px;
  float: left;
}

.productsCollection .productBody.concept .column.history .txt {
  float: left;
  width: 170px;
  border-left: 2px solid #333;
  padding-left: 10px;
  text-align: left;
}

.productsCollection .productBody.concept .column.history .txt h5 {
  font-size: 75%;
}

.productsCollection .productBody.concept .column.history .txt p {
  font-size: 75%;
  padding-bottom: .5em;
}

.productsCollection .productBody.concept .column.history .col {
  padding: 0;
  width: 280px;
  margin: 0 auto;
  color: #999;
}

.productsCollection .productBody.concept .column.history .col.jpn {
  color: #fff;
}

.productsCollection .productBody.concept .column.history .col.jpn h4 {
  padding-top: .15em;
}

.productsCollection .productBody.concept .column.history .col.jpn h5 {
  font-size: 106%;
}

.productsCollection .productBody .pageTitle {
  padding: 50% 15px 30px 15px;
}

.productsCollection .productBody .pageTitle h1, .productsCollection .productBody .pageTitle h1, .productsCollection .productBody .pageTitle h3 {
  line-height: 1;
}

.productsCollection .productBody .pageTitle h1 {
  font-size: 88%;
  padding-bottom: 5px;
}

.productsCollection .productBody .pageTitle h2 {
  font-size: 200%;
  padding-bottom: 5px;
}

.productsCollection .productBody .pageTitle p.func {
  font-size: 75%;
  padding-bottom: 15px;
  line-height: 1.2;
}

.productsCollection .productBody .pageTitle h3 {
  font-size: 113%;
  padding-bottom: 5px;
  line-height: 1.3;
}

.productsCollection .productBody .pageTitle h4 {
  font-size: 81%;
  padding-bottom: 5px;
}

.productsCollection .productBody .pageTitle p.sub {
  font-size: 81%;
  font-weight: bold;
  padding-bottom: 15px;
  line-height: 1.4;
}

.productsCollection .productBody .pageTitle p.sub .ico {
  margin-top: 5px;
}

.productsCollection .productBody .pageTitle .linkBtn {
  margin: 0 10px 10px 0;
}

.productsCollection .productBody .pageTitle .link {
  padding: 15px 0;
}

.productsCollection .productBody .pageTitle .sub-title {
  font-size: 60%;
  padding: .5em 0;
  display: inline-block;
}

.productsCollection .productBody .pageTitle .col {
  padding-bottom: 20px;
}

.productsCollection .productBody .column {
  position: relative;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  padding: 45% 15px 20px 15px;
}

.productsCollection .productBody .column.other {
  padding-top: 20px;
}

.productsCollection .productBody .column h2 {
  font-size: 125%;
  position: relative;
  z-index: 2;
}

.productsCollection .productBody .column h3 {
  font-size: 100%;
  padding-bottom: 6px;
  line-height: 1.4;
  position: relative;
  z-index: 2;
}

.productsCollection .productBody .column h3 span {
  font-size: 61%;
}

.productsCollection .productBody .column h3.strong {
  font-size: 125%;
}

.productsCollection .productBody .column h3.strong span {
  font-size: 70%;
}

.productsCollection .productBody .column h4 {
  font-size: 81%;
  padding-bottom: 3px;
  line-height: 1.4;
}

.productsCollection .productBody .column h4 span {
  font-size: 85%;
}

.productsCollection .productBody .column p {
  font-size: 81%;
  line-height: 1.4;
  padding-bottom: 1em;
}

.productsCollection .productBody .column li {
  font-size: 75%;
}

.productsCollection .productBody .column img {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

.productsCollection .productBody .column img.bg {
  width: 100%;
  max-width: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.productsCollection .productBody .column img.lImg {
  max-width: 550px;
}

.productsCollection .productBody .column img.llImg {
  max-width: 800px;
}

.productsCollection .productBody .column .col {
  position: relative;
  z-index: 2;
  padding: 10px 0;
  /*@include rgba-bg(#000, .5);*/
}

.productsCollection .productBody .column .col.pickup {
  background: #262626;
  padding: 15px 10px 0 10px;
}

.productsCollection .productBody .column .col2, .productsCollection .productBody .column .col3, .productsCollection .productBody .column .col4 {
  padding-bottom: 0.5em;
  position: relative;
}

.productsCollection .productBody .column .cross {
  position: absolute;
  left: 50%;
  top: 10px;
  margin-left: -5%;
  width: 10%;
}

.productsCollection .productBody .column .col3_1-2 {
  width: 55%;
  float: left;
}

.productsCollection .productBody .column .col3_3 {
  width: 40%;
  float: right;
}

.productsCollection .productBody .column .col3_3 img {
  width: 100%;
}

.productsCollection .productBody .column .sp-center {
  width: 100%;
  text-align: center;
}

.productsCollection .productBody .column .sp-left {
  width: 49%;
  float: left;
  margin-bottom: 10px;
}

.productsCollection .productBody .column .sp-right {
  width: 49%;
  float: right;
  margin-bottom: 10px;
}

.productsCollection .productBody .column .sp-clear {
  width: 100%;
  float: none;
  clear: both;
  margin-bottom: 10px;
}

.productsCollection .productBody .column p.cap {
  text-align: left;
}

.productsCollection .productBody .column .function {
  padding: 0;
  border-bottom: none;
}

.productsCollection .productBody .column .function h3 {
  font-size: 163%;
  padding: 0;
  font-family: "Helvetica", "Arial", "Verdana", sans-serif;
}

.productsCollection .productBody .column .function p {
  line-height: 1.3;
  padding: 0;
}

.productsCollection .productBody .column .function li {
  padding-bottom: 10px;
}

.productsCollection .productBody .colSL .colS {
  width: 30%;
  float: left;
}

.productsCollection .productBody .colSL .colL {
  width: 68%;
  float: right;
}

.productsCollection .productBody .colSL ul {
  margin-left: 20px;
}

.productsCollection.combination .campaign {
  width: 100%;
}

.productsCollection.combination .campaign img {
  width: 100%;
  height: auto;
}

/* -------------------- [ PRODUCTS FINDER ] -------------------- */
.noneTrantition .productsFinder .finderBG .bg, .noneTrantition .productsFinder .finderBG .view {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsFinder .productsList {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsFinder .productsList .error {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsFinder .productsList ul {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  background: #000;
  -webkit-transform-style: flat;
  transform-style: flat;
  -webkit-perspective: none;
  perspective: none;
}

.noneTrantition .productsFinder .productsList ul li.start {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsFinder .productsList ul li.view {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsFinder .productsList ul li.remove {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsFinder .productsList ul .blank.start {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsFinder .productsList ul .blank.view {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsFinder .productsList ul .blank.remove {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsFinder .productsList .currentNav,
.noneTrantition .productsFinder .productsList .pager {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsFinder .pageTitle .searchNav {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsFinder .pageTitle .searchNav div {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsFinder #contentLoader {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.productsFinder .finderBG img {
  top: 50px;
}

.productsFinder .pageTitle {
  padding-top: 80px;
}

.productsFinder .pageTitle h1 {
  -webkit-text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  font-size: 213%;
  padding: 0 10px 20px 10px;
}

.productsFinder .pageTitle .searchNav {
  -webkit-transition: margin-bottom .3s ease-out;
  -moz-transition: margin-bottom .3s ease-out;
  -o-transition: margin-bottom .3s ease-out;
  -ms-transition: margin-bottom .3s ease-out;
  transition: margin-bottom .3s ease-out;
  position: relative;
  width: 100%;
  background: #003c2f;
}

.productsFinder .pageTitle .searchNav div {
  visibility: hidden;
  position: absolute;
  left: 0;
  background-color: #00120e;
  background-color: rgba(0, 18, 14, 0.9);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  width: 100%;
  height: 0px;
  overflow: hidden;
  text-align: left;
}

.productsFinder .pageTitle .searchNav div p {
  font-size: 63%;
  padding: 20px 10px 0 10px;
  margin-bottom: -15px;
}

.productsFinder .pageTitle .searchNav div ul {
  padding: 15px 10px;
}

.productsFinder .pageTitle .searchNav div ul {
  padding: 15px 5px;
}

.productsFinder .pageTitle .searchNav div li {
  width: 50%;
  float: left;
}

.productsFinder .pageTitle .searchNav div li.start {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, 600px, 100px) rotateX(40deg);
  -moz-transform: translate3d(0, 600px, 100px) rotateX(40deg);
  -ms-transform: translate3d(0, 600px, 100px) rotateX(40deg);
  transform: translate3d(0, 600px, 100px) rotateX(40deg);
}

.productsFinder .pageTitle .searchNav div a {
  padding: 10px;
}

.productsFinder .pageTitle .searchNav .sNav {
  width: 20%;
  float: left;
  text-align: center;
}

.productsFinder .pageTitle .searchNav .sNav h2 {
  border-left: 1px solid #005a47;
  border-right: 1px solid #001e18;
  -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  padding: 15px 0 5px 0;
  font-size: 69%;
}

.productsFinder .pageTitle .searchNav .sNav h2 .ico {
  background-position: -285px -140px;
  height: 10px;
  display: block;
  margin: 5px auto 0 auto;
}

.productsFinder .pageTitle .searchNav .sNav div {
  border-bottom: 1px solid #003c2f;
  z-index: 1;
}

.productsFinder .pageTitle .searchNav .sNav:first-child h2 {
  border-left: none;
}

.productsFinder .pageTitle .searchNav .sNav:last-child h2 {
  border-right: none;
}

.productsFinder .pageTitle .searchNav .sNav.open div {
  visibility: visible;
  z-index: 2;
  display: block;
  height: auto;
}

.productsFinder .pageTitle .searchNav .sNav.open h2 {
  background: #00120e;
  color: #009676;
}

.productsFinder .pageTitle .searchNav .sNav.open h2 .ico {
  background-position: -285px -165px;
}

.productsFinder .productsList {
  padding: 10px;
  min-height: 500px;
  border-bottom: 1px solid #333;
}

.productsFinder .productsList ul li {
  width: 50%;
}

.productsFinder .productsList .pager p {
  font-size: 75%;
  padding-top: 10px;
}

.productsFinder .productsList .pager p strong {
  font-size: 125%;
}

.productsFinder .productsList .error {
  height: 300px;
}

.productsFinder .productsList .currentNav {
  padding: 15px 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 5px;
  line-height: 1.3;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}

.productsFinder .productsList .currentNav.start {
  -moz-opacity: 0;
  opacity: 0;
}

.productsFinder .productsList .currentNav.view {
  -moz-opacity: 1;
  opacity: 1;
}

.productsFinder .productsList .currentNav.remove {
  -moz-opacity: 0;
  opacity: 0;
}

.productsFinder .productsList .currentNav a {
  display: inline-block;
  -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;
  padding: 5px 10px 5px 30px;
  margin: 0 5px 5px 0;
  line-height: 1;
  font-size: 69%;
  font-weight: bold;
}

.productsFinder .productsList .currentNav a .ico {
  background-position: -285px -385px;
  position: absolute;
  top: 5px;
  left: 5px;
}

.productsFinder #contentLoader {
  width: 100%;
  height: 100%;
  top: 200px;
}

.productsFinder #contentLoader span {
  top: 200px;
}

/* -------------------- [ PRODUCTS CATALOG ] -------------------- */
.productsCatalog .col3_2-3 {
  width: 48%;
  float: left;
}

.productsCatalog .col3_1 {
  width: 48%;
  float: right;
}

/* -------------------- [ PRODUCTS APP ] -------------------- */
.productsApp .contentsBody .col {
  padding: 30px 5px;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
}

.productsApp .contentsBody .col3 {
  padding: 15px 0 15px 0;
}

.productsApp .contentsBody .imgArea {
  text-align: center;
}

.productsApp .contentsBody .caption {
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.productsApp .contentsBody .btn {
  max-width: 180px;
}

.productsApp .contentsBody ul {
  list-style: none;
}

.productsApp .contentsBody ul li {
  display: block;
  padding: 0 0 5px 0;
}

/* -------------------- [ PRODUCTS FINDER ] -------------------- */
@-webkit-keyframes bg-color {
  0% {
    background-color: none;
  }
  100% {
    background-color: #000;
  }
}

@keyframes bg-color {
  0% {
    background-color: none;
  }
  100% {
    background-color: #000;
  }
}

.noneTrantition .productsCompare .finderBG .bg, .noneTrantition .productsCompare .finderBG .view {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsCompare .productsList {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsCompare .productsList .error {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsCompare .productsList ul {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  background: #000;
  -webkit-transform-style: flat;
  transform-style: flat;
  -webkit-perspective: none;
  perspective: none;
}

.noneTrantition .productsCompare .productsList ul li.start {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsCompare .productsList ul li.view {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsCompare .productsList ul li.remove {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsCompare .productsList ul .blank.start {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsCompare .productsList ul .blank.view {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsCompare .productsList ul .blank.remove {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsCompare .productsList .currentNav,
.noneTrantition .productsCompare .productsList .pager {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsCompare .pageTitle .searchNav {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsCompare .pageTitle .searchNav div {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.noneTrantition .productsCompare #contentLoader {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.productsCompare {
  min-height: 800px;
}

.productsCompare .table {
  width: 100%;
  text-align: center;
  word-wrap: break-word;
  white-space: normal;
  word-break: break-all;
  display: table;
  /* th.name{
                    //display:block;
                    display:table;
                    width:500px;
                } */
}

.productsCompare .table tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.productsCompare .table tr.border_b {
  border-bottom: 3px solid rgba(255, 255, 255, 0.1);
}

.productsCompare .table th.ttl {
  display: block;
  width: 100%;
  text-align: center;
  max-width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  vertical-align: middle;
  font-size: 81%;
}

.productsCompare .table th, .productsCompare .table td {
  display: inline-table;
  text-align: center;
  width: 25%;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  height: auto;
  padding: 15px 0;
  word-wrap: break-word;
  white-space: normal;
  word-break: break-all;
}

.productsCompare .table th.boder_r-none, .productsCompare .table td.boder_r-none {
  border-right: none;
}

.productsCompare .table th h2.model_name {
  font-size: 75%;
  margin: 5px auto 10px auto;
}

.productsCompare .table th .price {
  font-size: 69%;
}

.productsCompare .table th .btn_clear {
  position: relative;
  max-width: 172px;
  min-height: 20px;
  height: auto;
  font-size: 69%;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  vertical-align: middle;
  padding: 7px 0;
  cursor: pointer;
}

.productsCompare .table th .btn_clear .ico {
  display: inline-block;
  background-position: -285px -315px;
  vertical-align: middle;
  position: relative;
  margin-right: 10px;
  top: 5px;
  width: 10px;
}

.productsCompare .table th .state_new, .productsCompare .table th .state_old {
  margin-left: -65px;
}

.productsCompare .table th img {
  margin-top: 20px;
  width: auto;
  height: auto;
  max-height: 96px;
}

.productsCompare .table td {
  display: inline-block;
  height: auto;
  font-size: 75%;
}

.productsCompare .table td .ico-check {
  width: auto;
  height: 25px;
}

.productsCompare .table td.check-area {
  min-height: 25px;
}

.productsCompare .table td .check-none {
  display: table-cell;
  vertical-align: middle;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  width: 15px;
  display: block;
  position: relative;
  margin: 0 auto;
  top: 12px;
}

.productsCompare .table .left {
  text-align: left;
}

.productsCompare .finderBG img {
  top: 50px;
}

.productsCompare .table_top {
  margin-top: 0;
}

.productsCompare .table_top th.pageTitle {
  width: 100% !important;
  text-align: left;
}

.productsCompare .table_top th.pageTitle h1 {
  margin-top: 10px;
  font-size: 26px;
  float: left;
}

.productsCompare .table_top th.pageTitle p {
  margin-top: 22px;
  font-size: 12px;
  margin-left: 10px;
}

.productsCompare .table_top th.pageTitle .btn {
  clear: both;
  margin-top: 15px;
}

.productsCompare .table_top.column-1 th {
  width: 100%;
}

.productsCompare .table_top.column-2 th {
  width: 48%;
}

.productsCompare .table_top.column-3 th {
  width: 33%;
}

.productsCompare .table_spec.column-1 th {
  width: 100%;
}

.productsCompare .table_spec.column-1 td {
  width: 100%;
}

.productsCompare .table_spec.column-2 th {
  width: 100%;
}

.productsCompare .table_spec.column-2 td {
  width: 48%;
}

.productsCompare .table_spec.column-3 th {
  width: 100%;
}

.productsCompare .table_spec.column-3 td {
  width: 33%;
}

.productsCompare .pageTitle {
  padding-top: 0px;
  padding: 10px 0;
}

.productsCompare .pageTitle h1 {
  -webkit-text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  font-size: 113%;
  padding: 0 10px 5px 10px;
}

.productsCompare .pageTitle .btn a {
  font-size: 14px;
  padding: 4px 5px 3px 0px;
}

.productsCompare .pageTitle p {
  font-size: 63%;
}

.productsCompare .pageTitle .searchNav {
  -webkit-transition: margin-bottom .3s ease-out;
  -moz-transition: margin-bottom .3s ease-out;
  -o-transition: margin-bottom .3s ease-out;
  -ms-transition: margin-bottom .3s ease-out;
  transition: margin-bottom .3s ease-out;
  position: relative;
  width: 100%;
  background: #003c2f;
}

.productsCompare .pageTitle .searchNav div {
  visibility: hidden;
  position: absolute;
  left: 0;
  background-color: #00120e;
  background-color: rgba(0, 18, 14, 0.9);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  width: 100%;
  height: 0px;
  overflow: hidden;
  text-align: left;
}

.productsCompare .pageTitle .searchNav div p {
  font-size: 63%;
  padding: 20px 10px 0 10px;
  margin-bottom: -15px;
}

.productsCompare .pageTitle .searchNav div ul {
  padding: 15px 10px;
}

.productsCompare .pageTitle .searchNav div ul {
  padding: 15px 5px;
}

.productsCompare .pageTitle .searchNav div li {
  width: 50%;
  float: left;
}

.productsCompare .pageTitle .searchNav div li.start {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, 600px, 100px) rotateX(40deg);
  -moz-transform: translate3d(0, 600px, 100px) rotateX(40deg);
  -ms-transform: translate3d(0, 600px, 100px) rotateX(40deg);
  transform: translate3d(0, 600px, 100px) rotateX(40deg);
}

.productsCompare .pageTitle .searchNav div a {
  padding: 10px;
}

.productsCompare .pageTitle .searchNav .sNav {
  width: 20%;
  float: left;
  text-align: center;
}

.productsCompare .pageTitle .searchNav .sNav h2 {
  border-left: 1px solid #005a47;
  border-right: 1px solid #001e18;
  -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  padding: 15px 0 5px 0;
  font-size: 69%;
}

.productsCompare .pageTitle .searchNav .sNav h2 .ico {
  background-position: -285px -140px;
  height: 10px;
  display: block;
  margin: 5px auto 0 auto;
}

.productsCompare .pageTitle .searchNav .sNav div {
  border-bottom: 1px solid #003c2f;
  z-index: 1;
}

.productsCompare .pageTitle .searchNav .sNav:first-child h2 {
  border-left: none;
}

.productsCompare .pageTitle .searchNav .sNav:last-child h2 {
  border-right: none;
}

.productsCompare .pageTitle .searchNav .sNav.open div {
  visibility: visible;
  z-index: 2;
  display: block;
  height: auto;
}

.productsCompare .pageTitle .searchNav .sNav.open h2 {
  background: #00120e;
  color: #009676;
}

.productsCompare .pageTitle .searchNav .sNav.open h2 .ico {
  background-position: -285px -165px;
}

.productsCompare .productsList {
  padding: 10px;
  min-height: 500px;
  border-bottom: 1px solid #333;
}

.productsCompare .productsList ul li {
  width: 50%;
}

.productsCompare .productsList .pager p {
  font-size: 75%;
  padding-top: 10px;
}

.productsCompare .productsList .pager p strong {
  font-size: 125%;
}

.productsCompare .productsList .error {
  height: 300px;
}

.productsCompare .productsList .currentNav {
  padding: 15px 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 5px;
  line-height: 1;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}

.productsCompare .productsList .currentNav.start {
  -moz-opacity: 0;
  opacity: 0;
}

.productsCompare .productsList .currentNav.view {
  -moz-opacity: 1;
  opacity: 1;
}

.productsCompare .productsList .currentNav.remove {
  -moz-opacity: 0;
  opacity: 0;
}

.productsCompare .productsList .currentNav a {
  display: inline-block;
  -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;
  padding: 5px 10px 3px 7px;
  margin: 0 5px 5px 0;
  line-height: 1;
  font-size: 69%;
  font-weight: bold;
}

.productsCompare .productsList .currentNav a .ico {
  display: inline-block;
  background-position: -285px -385px;
  vertical-align: middle;
  position: relative;
  margin-right: 3px;
  top: -2px;
}

.productsCompare #contentLoader {
  width: 100%;
  height: 100%;
  top: 200px;
}

.productsCompare #contentLoader span {
  top: 200px;
}

/* -------------------- [ PRODUCTS DETAIL ] -------------------- */
.productsDetail .productTitle h1 {
  background: #003c2f;
  padding: 10px;
  font-size: 150%;
}

.productsDetail .productTitle .plice {
  font-size: 88%;
  padding: 1em 15px 0.5em 15px;
}

.productsDetail .productTitle .cap {
  list-style: none;
  font-size: 63% !important;
}

.productsDetail .productTitle .btn_compare {
  font-size: 81%;
  margin: 20px;
  padding: 10px;
  width: auto;
}

.productsDetail .productTitle .attention {
  margin: 0;
  text-align: center;
  width: 90%;
  margin-left: 5%;
  /* .balloon{
                    @include rgba-bg(#fff, .8);
                    padding:1em;
                    position: relative;
                    width:auto;
                    //margin-left:-1em
                    margin:0 auto;
                }
                .balloon:after {
                    content: ' ';
                    height: 0;
                    position: absolute;
                    width: 0;
                    border: 10px solid transparent;
                    border-top-color: rgba(255,255,255,0.8);
                    top: 100%;
                    left: 50%;
                    margin-left: -1em;
                } */
}

.productsDetail .productTitle .variation {
  height: 85px;
  background: #002a21;
}

.productsDetail .productTitle .variation li a {
  position: relative;
  display: block;
  background: #000;
  border: 2px solid #005a47;
  overflow: hidden;
  height: 60px;
  line-height: 1;
  vertical-align: bottom;
}

.productsDetail .productTitle .variation li a img {
  position: absolute;
  top: 50%;
  left: -4%;
  margin-top: -80%;
  width: 130%;
}

.productsDetail .productTitle .variation.noChange .variationContainer {
  width: 95%;
  left: 2.5%;
}

.productsDetail .productTitle .variation .prev {
  left: -1px;
}

.productsDetail .productTitle .variation .next {
  right: -1px;
}

.productsDetail .productTitle .productsZoom {
  position: relative;
}

.productsDetail .productTitle .plus, .productsDetail .productTitle .minus {
  position: absolute;
  bottom: 15px;
  padding: 5px;
  -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: 2px solid #005a47;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.productsDetail .productTitle .plus .ico, .productsDetail .productTitle .minus .ico {
  display: block;
  vertical-align: bottom;
}

.productsDetail .productTitle .plus {
  right: 10px;
}

.productsDetail .productTitle .plus .ico {
  background-position: -285px -285px;
}

.productsDetail .productTitle .minus {
  right: 50px;
}

.productsDetail .productTitle .minus .ico {
  background-position: -285px -310px;
}

.productsDetail .productBody .productDetailWrap {
  padding: 20px 15px 15px 15px;
  border-bottom: 2px solid #333;
}

.productsDetail .productBody .productDetailWrap h2 {
  font-size: 113%;
  padding-bottom: 1em;
}

.productsDetail .productBody .productDetailWrap h2 span {
  padding: 3px;
  margin: 0 10px 0 0;
}

.productsDetail .productBody .productDetailWrap p {
  font-size: 88%;
}

.productsDetail .productBody .productDetailWrap li {
  font-size: 88%;
}

.productsDetail .productBody .productDetailWrap .supportNumber {
  display: block;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 88%;
  font-weight: bold;
  text-align: center;
}

.productsDetail .productBody .productDetailWrap .supportNumber .ico {
  position: relative;
  top: 4px;
  margin-left: 3px;
}

.productsDetail .productBody .productDetailWrap .supportSite {
  display: block;
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid #fff;
  font-size: 114%;
  font-weight: bold;
  text-align: center;
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.productsDetail .productBody .productDetailWrap .supportSite .ico {
  position: relative;
  top: 3px;
  margin-left: 3px;
}

.productsDetail .productBody .productDetailWrap .supportSite:hover {
  -moz-opacity: 1;
  opacity: 1;
}

.productsDetail .productBody .productDetailWrap .moreText, .productsDetail .productBody .productDetailWrap .moreList {
  min-height: 4em;
  height: 4em;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.productsDetail .productBody .productDetailWrap .moreText {
  min-height: 4em;
  height: 4em;
}

.productsDetail .productBody .productDetailWrap .moreList {
  min-height: 9em;
  height: 9em;
}

/* 2013.11.19 */
.promoArea {
  padding: 20px 15px 15px 20px;
  background: none;
  font-size: 75%;
  line-height: 1.4;
}

.promoArea ul {
  width: 100%;
  overflow: hidden;
}

.promoArea ul li {
  float: left;
  width: 48%;
  margin: 0 2% 5px 0;
  list-style: none;
  overflow: hidden;
  background: #000;
}

.promoArea ul li:nth-child(2n + 1) {
  margin-right: 0;
}

.promoArea ul li.movie {
  position: relative;
  width: 100%;
  height: 100%;
}

.promoArea ul li img {
  position: relative;
  height: 100%;
  display: block;
  margin: 0 auto;
  z-index: 1;
}

.promoArea ul li.movie img {
  height: auto;
  width: 100%;
}

.promoArea ul li.movie img.bg {
  position: absolute;
  height: auto;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -28%;
  z-index: 2;
  background: none;
}

/* -------------------- [ CONCEPT INDEX ] -------------------- */
@-webkit-keyframes $name {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
    width: 110%;
    left: 45%;
  }
}

@-moz-keyframes $name {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
    width: 110%;
    left: 45%;
  }
}

@-ms-keyframes $name {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
    width: 110%;
    left: 45%;
  }
}

@keyframes $name {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
    width: 110%;
    left: 45%;
  }
}

.conceptIndex .contentsBG {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.conceptIndex .contentsBG .bg {
  width: 100%;
}

.conceptIndex .contentsBody .linkCol {
  padding: 20px 0;
}

.conceptIndex .contentsBody h2 {
  padding: 5% 0;
}

/* -------------------- [ CONCEPT HISTORY ] -------------------- */
.conceptHistory .contentsBG img {
  position: fixed;
  top: 50px;
}

.conceptHistory .contentsBody {
  padding-top: 30px;
  margin-top: 55%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.7);
}

.conceptHistory .contentsBody .timeline {
  text-align: center;
}

.conceptHistory .contentsBody .col {
  margin: 0 auto;
  text-align: left;
  width: 280px;
}

.conceptHistory .contentsBody .col h2 {
  font-size: 225%;
  padding-bottom: 5px;
}

.conceptHistory .contentsBody .col p {
  font-size: 75%;
  line-height: 1.4;
  padding-bottom: 5px;
}

.conceptHistory .contentsBody .col h3 {
  font-size: 81%;
}

.conceptHistory .contentsBody .col.end {
  padding-top: 20px;
}

.conceptHistory .contentsBody .col.end h2 {
  font-size: 263%;
}

.conceptHistory .contentsBody .col.end .img img {
  width: 80%;
}

/* -------------------- [ PRODUCTS INDEX ] -------------------- */
.technologyIndex .contentsBody h1 {
  font-size: 138%;
}

.technologyIndex .contentsBody a {
  margin: 2px;
  padding: 10px 10px 10px 90px;
}

.technologyIndex .contentsBody .mainTechnology {
  padding-bottom: 15px;
}

.technologyIndex .contentsBody .mainTechnology .ico {
  width: 35px;
  height: 35px;
  margin-bottom: 3px;
  -webkit-background-size: 180px auto;
  background-size: 180px auto;
}

.technologyIndex .contentsBody .mainTechnology .ico.alti {
  background-position: -82.5px -5px;
}

.technologyIndex .contentsBody .mainTechnology .ico.baro {
  background-position: -82.5px -42.5px;
}

.technologyIndex .contentsBody .mainTechnology .ico.comp {
  background-position: -82.5px -80px;
}

.technologyIndex .contentsBody .mainTechnology .ico.therm {
  background-position: -82.5px -117.5px;
}

.technologyIndex .contentsBody .mainTechnology .bg {
  padding: 20px 0;
}

.technologyIndex .contentsBody .function {
  padding: 0 4px;
  border-bottom: none;
}

.technologyIndex .contentsBody .function h2 {
  padding-bottom: 0;
}

.technologyIndex .contentsBody .linkCol {
  padding: 20px 0;
}

/* -------------------- [ PRODUCTS INDEX ] -------------------- */
.technologyDetail .column {
  padding-bottom: 20px;
  border-bottom: 1px solid #333;
  margin-bottom: 40px;
}

.technologyDetail .column h1 {
  font-size: 150%;
}

.technologyDetail .column h1 .ico {
  margin-top: 5px;
}

.technologyDetail .column h1 .pc-tb {
  display: none;
}

.technologyDetail .column .last-child, .technologyDetail .column:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.technologyDetail .column .col {
  padding-bottom: 15px;
}

.technologyDetail .column .imgArea {
  text-align: center;
  padding-bottom: 1em;
}

.technologyDetail .column img {
  width: 280px;
}

.technologyDetail .column img.lImg {
  width: 100%;
  max-width: 500px;
}

.technologyDetail .column h2 {
  font-size: 113%;
  padding-bottom: 15px;
}

.technologyDetail .column h3 {
  font-size: 100%;
  padding-bottom: 10px;
}

.technologyDetail .column h4 {
  font-size: 88%;
  padding-bottom: 10px;
}

.technologyDetail .column p {
  padding-bottom: 1.3em;
}

.technologyDetail .column td, .technologyDetail .column th {
  font-size: 75%;
  line-height: 1.2;
}

/* -------------------- [ SUPPORT INDEX ] -------------------- */
.supportIndex .contentsBody li.manual .bg, .supportIndex .contentsBody li.guide .bg {
  -webkit-background-size: auto 90%;
  background-size: auto 90%;
  padding-top: 80px;
  background-position: right -20px !important;
}

.supportIndex .contentsBody li.manual .bg h2, .supportIndex .contentsBody li.manual .bg p, .supportIndex .contentsBody li.guide .bg h2, .supportIndex .contentsBody li.guide .bg p {
  padding: 0 10px;
}

.supportIndex .contentsBody li.manual .bg h2, .supportIndex .contentsBody li.guide .bg h2 {
  padding-bottom: 5px;
}

.supportIndex .contentsBody li.support .bg {
  padding: 12px 0 10px 0;
}

/* -------------------- [ SUPPORT MANUAL ] -------------------- */
.supportManual .contentsBody li {
  min-height: 2.5em;
}

.supportManual .contentsBody li br {
  display: none;
}

/* -------------------- [ SUPPORT INDEX ] -------------------- */
.magazineIndex .indexLinkName {
  position: absolute;
  width: 100px;
  bottom: 0;
  left: 0;
}

.magazineIndex .indexLinkName.is-right {
  left: auto;
  right: 0;
}

.magazineIndex .indexLinkBanner {
  width: 170px;
  position: absolute;
  bottom: 5%;
  left: 3%;
}

.magazineIndex .colMovie .movie {
  padding-bottom: 175%;
}

.magazineIndex .colMovie .movie img {
  width: auto;
  height: 135%;
  left: -90%;
}

.magazineIndex .colText {
  width: 100%;
  text-align: center;
  padding: 40px 0 20px;
}

.magazineIndex .colText .colTitle, .magazineIndex .colText .colSubTitle, .magazineIndex .colText .colTxt {
  margin: 0 auto;
}

.magazineIndex .colText .indexTxtNew {
  margin-top: 2%;
  width: 60px;
}

.magazineIndex .colText .colTitle {
  width: 80%;
  margin-bottom: 6%;
}

.magazineIndex .colText .colSubTitle {
  width: 80%;
  margin-bottom: 5%;
}

.magazineIndex .colText .colTxt {
  width: 85%;
  margin-bottom: 2%;
}

.magazineIndex .indexLink8, .magazineIndex .indexLink9 {
  width: 100%;
}

.magazineIndex .colLink2 .indexLink {
  float: left;
}

.magazineIndex .indexLink1,
.magazineIndex .indexLink2,
.magazineIndex .indexLink3,
.magazineIndex .indexLink4 {
  width: 50%;
}

.magazineIndex .indexLink5,
.magazineIndex .indexLink6,
.magazineIndex .indexLink7 {
  width: 33.33%;
}

.magazineIndex .colRead {
  font-size: 88%;
  padding: 2em 0 0.8em;
}

/* -------------------- [ SUPPORT INDEX ] -------------------- */
.magazineDetail .contentsTitle {
  position: absolute;
  right: 4%;
  bottom: 5%;
  text-align: right;
}

.magazineDetail .contentsTitle .title {
  font-size: 188%;
  margin-bottom: .2em;
}

.magazineDetail .contentsTitle .title2 {
  font-size: 425%;
}

.magazineDetail .contentsTitle .photo {
  width: 16%;
  float: right;
  margin-left: 2%;
}

.magazineDetail .contentsTitle .data {
  width: 30%;
  float: right;
  padding-top: 2%;
}

.magazineDetail .contentsTitle.is-left {
  text-align: left;
  right: auto;
  left: 4%;
}

.magazineDetail .contentsTitle.is-left .photo,
.magazineDetail .contentsTitle.is-left .data {
  float: left;
}

.magazineDetail .contentsTitle.is-left .photo {
  margin-left: 0%;
  margin-right: 2%;
}

.magazineDetail .contentsDev p {
  text-align: left;
}

.magazineDetail .contentsCol .col {
  margin: 20px 15px 30px;
}

.magazineDetail .contentsCol h2 {
  font-size: 175%;
  line-height: 1.3;
  margin-bottom: .25em;
}

.magazineDetail .contentsCol h3 {
  font-size: 88%;
  margin-bottom: .25em;
  line-height: 1.4;
}

.magazineDetail .contentsCol p {
  font-size: 81%;
  line-height: 1.8;
  margin-bottom: 1.5em;
}

.magazineDetail .contentsCol .profilePhoto {
  margin-bottom: 15px;
  width: 80px;
  float: left;
  margin-right: 15px;
}

.magazineDetail .contentsCol .profileData .data {
  margin-top: 25px;
  height: 60px;
  margin-bottom: 10px;
}

.magazineDetail .contentsCol .profileData p {
  float: none;
  clear: both;
}

.magazineDetail .contentsCol .profileOther {
  width: 100%;
  clear: both;
  float: none;
  padding-top: 20px;
}

.magazineDetail .contentsCol .profileOther p {
  padding-top: 10px;
}

.magazineDetail .contentsTimeline {
  padding: 40px 0;
  height: 100%;
}

.magazineDetail .contentsTimeline h2 {
  font-size: 150%;
  margin-bottom: 10px;
}

.magazineDetail .contentsTimeline p {
  margin-bottom: 0 !important;
  padding: 0 30px 20px 30px;
  font-size: 69%;
  line-height: 1.4;
}

.magazineDetail .contentsTimeline .photo {
  margin-bottom: 10px;
}

/* -------------------- [ SUPPORT INDEX ] -------------------- */
.ambIndex .colLink1 {
  background: #f1effc;
}

.ambIndex .colLink1 .indexContentBox {
  position: relative;
  margin-top: -70%;
}

.ambIndex .pagetitle {
  top: 25%;
}

.ambIndex .indexLinkName {
  position: absolute;
  width: 100px;
  bottom: 0;
  left: 0;
}

.ambIndex .indexLinkName.is-right {
  left: auto;
  right: 0;
}

.ambIndex .indexLinkBanner {
  width: 170px;
  position: absolute;
  bottom: 5%;
  left: 3%;
}

.ambIndex .movieContainer {
  float: none;
  clear: both;
  width: 100%;
}

.ambIndex .colText {
  width: 100%;
  text-align: center;
  padding: 40px 0 20px;
}

.ambIndex .colText .colTitle, .ambIndex .colText .colSubTitle, .ambIndex .colText .colTxt {
  margin: 0 auto;
}

.ambIndex .colText .indexTxtNew {
  margin-top: 2%;
  width: 60px;
}

.ambIndex .colText .colTitle {
  width: 80%;
  margin-bottom: 6%;
}

.ambIndex .colText .colSubTitle {
  width: 80%;
  margin-bottom: 5%;
}

.ambIndex .colText .colTxt {
  width: 85%;
  margin-bottom: 2%;
}

.ambIndex .indexLink8, .ambIndex .indexLink9 {
  width: 100%;
}

.ambIndex .colLink2 .indexLink {
  float: left;
}

.ambIndex .indexLink1,
.ambIndex .indexLink2,
.ambIndex .indexLink3,
.ambIndex .indexLink4 {
  width: 50%;
}

.ambIndex .indexLink5,
.ambIndex .indexLink6,
.ambIndex .indexLink7 {
  width: 33.33%;
}

.ambIndex.top .btnCover {
  position: relative;
  text-align: center;
  margin: 0 auto;
  margin-left: 10%;
}

.ambIndex.top .linkBtn {
  text-align: center;
  position: relative;
  margin: 0 auto;
}

.ambIndex .btnCover {
  margin-top: 5px;
}

.ambIndex .btnCover .bg, .ambIndex .btnCover .bg:hover {
  padding: 10px 5px 10px 10px;
}

.ambIndex .indexContentBox {
  position: absolute;
  width: 100%;
  padding: 0 15px;
  top: 0;
  box-sizing: border-box;
}

.ambIndex .colLink0 .indexLinkCover {
  position: absolute;
  top: 0;
}

.ambIndex .colLink0 .pagetitle {
  position: relative;
  margin: 0 auto;
  width: 70%;
  padding: 8% 0;
}

.ambIndex .colLink1 {
  margin: 0;
  padding: 0;
}

.ambIndex .colLink1 .indexContentBox {
  margin-top: -142%;
}

.ambIndex .colLink1 .title {
  width: 100%;
}

.ambIndex .colLink1 .menuBox {
  margin-top: 50%;
}

.ambIndex .colLink1 .menuBox .menuli {
  padding-bottom: 20px;
  margin-bottom: 0;
}

.ambIndex .colLink1 .menuBox .menuThumbnail {
  width: 100%;
  float: none;
  margin-right: 2%;
}

.ambIndex .colLink1 .menuBox .menuText {
  width: 90%;
  float: none;
  margin-top: 15px;
}

.ambIndex .colLink1 .menuBox .menuTitle {
  margin-bottom: 15px;
}

.ambIndex .colLink2 {
  background: #000;
  padding-bottom: 30px;
}

.ambIndex .colLink2 .indexLink {
  position: absolute;
  top: 0;
  float: none;
}

.ambIndex .colLink2 .indexLink img {
  vertical-align: top;
}

.ambIndex .colLink2 .indexContentBox {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  /*  img{
                    margin-top:85%;
                    display:block;
                    vertical-align: top;
                } */
}

.ambIndex .colLink2 .title {
  width: 100%;
  padding: 0 5%;
  padding-top: 85%;
  box-sizing: border-box;
}

.ambIndex .colLink2 .text {
  width: 100%;
}

.ambIndex .colLink3 .indexLink {
  position: relative;
}

.ambIndex .colLink3 .indexContentBox {
  position: relative;
  margin-top: 0;
  width: 100%;
  margin-top: -50%;
  text-align: center;
}

.ambIndex .colLink3 .title {
  width: 100%;
  margin-bottom: 20px;
}

.ambIndex .colLink4 .title {
  width: 86%;
  position: relative;
  margin: 0 auto;
  padding-bottom: 15px;
}

.ambIndex .colLink4 .headerBox {
  padding-bottom: 30px;
}

.ambIndex .colLink4 .schedulePhoto {
  float: left;
  width: 30%;
  margin-bottom: 20px;
}

.ambIndex .colLink4 .scheduleDetail {
  float: none;
  clear: both;
  border-top: solid 2px #eee;
  margin-top: 20px;
}

.ambIndex .colLink4 .scheduleDetailBox {
  float: none;
  width: 100%;
}

.ambIndex .colLink4 .scheduleDetailBox-sp {
  float: right;
  width: 65%;
  border-bottom: none;
  margin-bottom: 20px;
}

.ambIndex .colLink4 .scheduleDetailBox-sp + a.movie {
  width: 100%;
  display: block;
}

.ambIndex .colLink4 .capTitle {
  display: block;
}

.ambIndex .colLink4 .detailTitle {
  font-weight: normal;
  line-height: 1.6;
}

.ambIndex .colLink4 .detailTitle .title {
  font-size: 188%;
}

.ambIndex .colLink4 .detailTitle .subtitle {
  font-size: 100%;
  display: block;
}

.ambIndex .colLink4 .detailTitle .capTitle {
  font-size: 88%;
}

.ambIndex .column .naviBtnIndex {
  display: inline-block;
  position: relative;
  margin: 0 auto;
}

.ambIndex .column .naviBtnIndex .arrow-l {
  vertical-align: middle;
}

.ambIndex .column .naviBtnIndex .text {
  display: inline-block;
  vertical-align: middle;
}

.ambIndex .column .col_text.col_text__001 {
  width: 100%;
  margin-bottom: 45px;
}

.ambIndex.column__01 .allTitle {
  width: 83%;
}

.ambIndex.column__01 .col__002 {
  margin-top: 20px;
}

.ambIndex.column__01 .col__002 .title {
  width: 100%;
  margin: 0;
}

.ambIndex.column__01 .credit_title_r {
  font-size: 10px;
}

.ambIndex.column__01 .colRank .colRankLeft {
  float: none;
  width: 100%;
  margin-bottom: 20px;
}

.ambIndex.column__01 .colRank .colRankLeft img {
  margin-left: -3%;
  width: 106%;
}

.ambIndex.column__01 .colRank .colRankRight {
  float: none;
  width: 100%;
}

.ambIndex.column__01 .title {
  padding: 30px 0;
}

.ambIndex.column__01 .col_text.col_text__001 {
  width: 100%;
  margin-bottom: 20px;
}

.ambIndex.column__02 .allTitle {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0 15px;
  box-sizing: border-box;
  margin: 20px 0;
}

.ambIndex.column__02 .col__002 .textBox {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  max-width: 100%;
  color: #333;
  margin-top: 20px;
  padding: 0 15px;
  box-sizing: border-box;
}

.ambIndex.column__03 {
  position: relative;
}

.ambIndex.column__03 .allTitle {
  margin-top: 20%;
  top: 0;
}

.ambIndex.column__03 .allTitle .ttl_002 {
  width: 81.25%;
}

.ambIndex.column__03 .col__001 {
  background-color: #142d58;
}

.ambIndex.column__03 .col__001 .timeTitle {
  width: 100%;
}

.ambIndex.column__03 .col__001 .colTimeline {
  padding: 0 15px;
  box-sizing: border-box;
  padding-top: 35px;
}

.ambIndex.column__03 .col__001 .timeText {
  display: none;
}

.ambIndex.column__03 .col__001 .timeline_002 .img-60 {
  width: 75%;
}

.ambIndex.column__03 .col__001 .timeline_002 .timeTitle, .ambIndex.column__03 .col__001 .timeline_002 .timeTitle3, .ambIndex.column__03 .col__001 .timeline_002 .timeTitle4, .ambIndex.column__03 .col__001 .timeline_002 .timeTitle5 {
  width: 100%;
  margin-left: 0;
}

.ambIndex.column__03 .col__001 .timeline_002 .timeline_left {
  padding-right: 10px;
  box-sizing: border-box;
}

.ambIndex.column__03 .col__001 .timeline_002 .timeline_right .img-46 {
  width: 100%;
}

.ambIndex.column__03 .col__001 .timeline_002 .timeWatch {
  width: 100%;
  margin-left: 0;
}

.ambIndex.column__03 .col__001 .timeline_002 .timefirst {
  width: 100%;
}

.ambIndex.column__03 .col__002 .textBox, .ambIndex.column__03 .col__003 .textBox {
  position: relative;
  color: #333;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  margin: 30px 0;
}

.column .colNaviTitle {
  width: 80%;
}

.column .colNavi {
  padding: 30px 0;
}

.column .colNaviText {
  font-size: 75%;
  margin-bottom: 20px;
}

.column .colNavi_list {
  width: 100%;
  padding: 0;
  max-width: 100%;
  margin-bottom: 25px;
}

.column .colNavi_list.current {
  display: none;
}

.column .col_text {
  font-size: 75%;
  line-height: 1.6;
  text-align: center;
}

.column .colContents {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
  padding: 0 15px;
  box-sizing: border-box;
}

.ukyo .ukyoTitleBox .title {
  width: 100%;
}

.ukyo .ukyoTitleBox .lead {
  width: 100%;
}

.ukyo .profilePhoto {
  float: left;
  width: 34%;
}

.ukyo .profileBox {
  float: right;
  margin: 0;
  color: #fff;
  width: 60%;
}

.ukyo .profileArea {
  clear: both;
  float: none;
  width: 100%;
}

.ukyo .profileName .en {
  margin-top: 10px;
  display: block;
}

.ukyo .colBox.pd-sp {
  padding: 50px 6% 0 6%;
}

.ukyo .colDayLeft {
  float: none;
  width: 100%;
  margin-bottom: 20px;
}

.ukyo .colDayLeft .colDayLeftPhoto {
  padding-left: 0;
}

.ukyo .colDayRight {
  float: none;
  width: 100%;
  padding-right: 0;
}

.ukyo .colDayLiLeft {
  float: none;
  width: 100%;
  padding-right: 0;
}

.ukyo .colDayLiRight {
  float: none;
  width: 100%;
  padding-left: 0;
}

/* -------------------- [ SUPPORT INDEX ] -------------------- */
/* -------------------- [ PRODUCTS INDEX ] -------------------- */
.content.error .contentsBody .linkCol {
  padding: 10px 0 50px 0;
}