@charset "utf-8";
/**
 * bravia.css
 * works/products/bravia/
 * update: 2014.04.19
 */

/*--------------------------------------------------------------------------------
	#sdMainVisual
--------------------------------------------------------------------------------*/
@media (min-width: 1920px) {
  #sdMainVisual .item {
    background-size: cover;
    /*background-size: auto !important;
		background-repeat: repeat-x;*/
  }
}

/* .cnt-01
--------------------------------------------------------------------------------*/
#sdMainVisual .item.cnt-01 .heading {
  margin-left: 26.595%; /*250px;*/
}

@media (max-width: 640px) {
  #sdMainVisual .item.cnt-01 {
    background-size: 260% auto;
    background-position: 55% 45%;
  }
  #sdMainVisual .item.cnt-01 .heading {
    margin-left: 0;
  }
}

/* .cnt-02
--------------------------------------------------------------------------------*/
#sdMainVisual .item.cnt-02 .heading {
  margin-left: 21.276%; /*200px;*/
}

@media (max-width: 640px) {
  #sdMainVisual .item.cnt-02 {
    background-size: 260% auto;
    background-position: 55% 45%;
  }
  #sdMainVisual .item.cnt-02 .heading {
    margin-left: 0;
  }
}

/* .cnt-03
--------------------------------------------------------------------------------*/
#sdMainVisual .item.cnt-03 .heading {
  margin-left: 2.127%;
}

@media (max-width: 640px) {
  #sdMainVisual .item.cnt-03 {
    background-size: auto 150%;
    background-position: 62% 55%;
  }
  #sdMainVisual .item.cnt-03 .heading {
    position: absolute;
    bottom: 8%;
    left: 5%;
    margin-left: 0;
  }
}

/*--------------------------------------------------------------------------------
	.sd-content-menu
--------------------------------------------------------------------------------*/
@media (max-width: 640px) {
  .sd-content-menu ul li.m-t.twoline {
    margin-top: -10px;
    line-height: 1.5;
    margin-bottom: -10px;
  }
}

/*--------------------------------------------------------------------------------
	.heading
--------------------------------------------------------------------------------*/
.sd-content .heading.no-01 {
  margin-top: 10.526%; /*100px;*/
}
.sd-content .heading.no-02 {
  position: relative;
  z-index: 1;
  margin-top: 14.893%; /*140px;*/
}
.sd-content .heading.no-03 {
  margin-top: 12.234%; /*115px;*/
}

/*--------------------------------------------------------------------------------
	.section
--------------------------------------------------------------------------------*/
.sd-content .section {
  position: relative;
  margin-top: 0;
}
.sd-content .section .txt-box {
  width: 40.4%; /*380px*/
}
.sd-content .section .txt-box.left {
  margin-left: 59.6%; /*560px*/
}
.sd-content .section h4 {
  position: relative;
  z-index: 1;
  font-size: 117.5%;
  font-family: "SST W20 Roman", sans-serif;
}
.sd-content .section p {
  position: relative;
  z-index: 1;
  margin-top: 15px;
  padding-bottom: 11px;
  font-size: 81.3%;
  font-family: "SST W20 Roman", sans-serif;
  line-height: 1.95;
}
.sd-content .section span.name {
  display: block;
  font-size: 68.8%;
}
.sd-content .section .product {
  font-size: 275%;
  font-family: "SST W20 Ultra Light", sans-serif;
  line-height: 1;
}
.sd-content .section .series {
  display: block;
  font-size: 131.3%;
  font-family: "SST W20 Light", sans-serif;
  line-height: 1;
}
.sdContainer .note {
  /*margin-top: 40px !important;*/
  line-height: 1.6 !important;
  background: #fff;
}

@media (max-width: 640px) {
  .sd-content .section {
    margin-top: 80px !important;
  }
  .sd-content .section .txt-box {
    width: auto;
  }
  .sd-content .section .txt-box.left {
    margin-left: 0;
  }
  .sd-content .section .product {
    font-size: 225%;
  }
  .sd-content .section h4 {
    margin-top: 10px;
  }
}
@media (max-width: 480px) {
  .sd-content .section {
    margin-top: 60px !important;
  }
}

/* .section.no-01
--------------------------------------------------------------------------------*/
.sd-content .section.no-01 {
  margin-top: 13.829%; /*130px;*/
}
.sd-content .section.no-01 .img-box {
  float: right;
  width: 53.191%; /*500px*/
}
.sd-content .section.no-01 .img-box img {
  width: 450px;
  height: auto;
}
.sd-content .section.no-01 .txt-box {
  float: left;
  margin-top: 0px;
  width: 40.957%;
}
.sd-content .section.no-01 .txt-box br {
  line-height: 2.5;
}

.adjust .sd-content .section.no-01 .img-box {
  margin-top: 6%;
  width: 50%;
}
.adjust .sd-content .section.no-01 .img-box img {
  width: 100%;
  max-width: 458px;
}
.adjust .sd-content .section.no-01 .txt-box {
  margin-top: 0;
  width: 45%;
}

@media (max-width: 640px) {
  .sd-content .section.no-01 .img-box {
    float: none;
    width: auto;
    text-align: center;
  }
  .sd-content .section.no-01 .img-box img {
    width: 90%;
    max-width: 600px;
  }
  .sd-content .section.no-01 .txt-box {
    float: none;
    margin-top: 10%;
    width: auto;
  }
  .sd-content .section.no-01 .txt-box br {
    line-height: 1.9;
  }
}

/* .section.no-02
--------------------------------------------------------------------------------*/
.sd-content .section.no-02 {
  margin-top: 14.893%; /*140px;*/
}
.sd-content .section.no-02 .img-box img {
  margin-left: -56.4%;
  max-width: none;
}

.adjust .sd-content .section.no-02 .img-box img {
  margin-left: -15%;
  width: 130%;
}

@media (max-width: 640px) {
  .sd-content .section.no-02 {
    margin-top: 8% !important;
  }
  .sd-content .section.no-02 .img-box img {
    margin-left: -22%;
    width: 144%;
  }
}

/* .section.no-03
--------------------------------------------------------------------------------*/
.sd-content .section.no-03 {
  margin-top: 18.085%; /*170px;*/
}
.sd-content .section.no-03 .img-box {
  float: left;
  width: 54.042%; /*508px;*/
}
.sd-content .section.no-03 .img-box img {
  margin-left: -117px;
}
.sd-content .section.no-03 .txt-box {
  float: right;
  margin-top: 70px;
  width: 40.957%;
}

.adjust .sd-content .section.no-03 .img-box img {
  margin: 0;
  width: 100%;
}
.adjust .sd-content .section.no-03 .txt-box {
  margin-top: 0;
}

@media (max-width: 640px) {
  .sd-content .section.no-03 .img-box {
    float: none;
    width: auto;
  }
  .sd-content .section.no-03 .img-box img {
    margin: 0;
    width: 100%;
  }
  .sd-content .section.no-03 .txt-box {
    float: none;
    margin-top: 25px;
    width: auto;
  }
}

/* .section.no-04
--------------------------------------------------------------------------------*/
.sd-content .section.no-04 {
  margin-top: 10%; /*94px;*/
  font-size: 0;
}

.sd-content .section.no-04 .img-box img {
  margin-left: -29.3%;
}

/*.adjust .sd-content .section.no-04 .img-box img {
		margin: 0;
		width: 50%;
	}*/
.adjust .sd-content .section.no-04 .img-box img {
  margin-left: -15%;
  width: 130%;
}

@media (max-width: 640px) {
  .sd-content .section.no-04 {
    margin-top: 5% !important;
  }
  .sd-content .section.no-04 .img-box {
    text-align: center;
  }
  .sd-content .section.no-04 .img-box img {
    width: 120%;
    margin-left: -10%;
  }
}

/* .section.no-05
--------------------------------------------------------------------------------*/
.sd-content .section.no-05 {
  margin-top: 19.148%; /*180px;*/
}
.sd-content .section.no-05 .img-box {
  float: right;
  width: 52.127%; /*490px*/
}
.sd-content .section.no-05 .txt-box {
  float: left;
  margin-top: 150px;
  width: 40.957%; /*385px;*/
}
.sd-content .section.no-05 .element {
  margin-top: 30px;
}
.sd-content .section.no-05 dl {
  margin: 7px 0 0 0;
  padding: 10px 45px 13px 50px;
  background: #767676;
  height: 52px;
  color: #fff;
}
.sd-content .section.no-05 dl.two {
  padding: 17px 45px 13px 50px;
  height: 45px;
}

.sd-content .section.no-05 dt {
  margin: 0 0 0 0;
}
.sd-content .section.no-05 dd {
  margin: 0 0 0 0;
  font-size: 68.8%;
}

.adjust .sd-content .section.no-05 .img-box img {
  width: 100%;
}
.adjust .sd-content .section.no-05 .txt-box {
  margin-top: 0;
}
.adjust .sd-content .section.no-05 dl {
  padding: 10px 15px;
  text-align: center;
}

@media (max-width: 640px) {
  .sd-content .section.no-05 .img-box {
    float: none;
    width: auto;
  }
  .sd-content .section.no-05 .img-box img {
    margin-left: 0;
    width: 100%;
  }
  .sd-content .section.no-05 .txt-box {
    float: none;
    margin-top: 25px;
    width: auto;
  }
  .sd-content .section.no-05 .element {
    margin-top: 20px;
  }
  .sd-content .section.no-05 dl {
    padding: 10px 15px;
    text-align: center;
  }
}

/* .section.no-06
--------------------------------------------------------------------------------*/
.sd-content .section.no-06 {
  margin-top: 5.319%; /*50px;*/
}
.sd-content .section.no-06 .img-box {
  text-align: center;
}

@media (max-width: 640px) {
  .sd-content .section.no-06 .img-box img {
    margin-left: -4%;
    width: 100%;
  }
}

/* .section.no-07
--------------------------------------------------------------------------------*/
.sd-content .section.no-07 .img-box {
  float: left;
  position: relative;
  z-index: 0;
  margin-top: -62px;
  width: 55.319%; /*520px;*/
}
.sd-content .section.no-07 .img-box img {
  margin-left: -103.846%; /*-541px;*/
  max-width: none;
}
.sd-content .section.no-07 .img-box .name {
  position: relative;
  top: -132px;
  left: 240px;
}
.sd-content .section.no-07 .txt-box {
  float: right;
  position: relative;
  z-index: 1;
  margin-top: 210px;
}
.sd-content .section.no-07 h4 {
  margin-top: 50px;
}

.adjust .sd-content .section.no-07 .img-box {
  width: 54%;
}
.adjust .sd-content .section.no-07 .img-box img {
  margin-left: -95%;
  width: 285%;
}
.adjust .sd-content .section.no-07 .img-box .name {
  top: -110px;
  left: 0;
}
.adjust .sd-content .section.no-07 .txt-box {
  margin-top: 80px;
  width: 46%;
}

@media (max-width: 640px) {
  .sd-content .section.no-07 .img-box {
    float: none;
    margin-top: -30px;
    width: auto;
  }
  .sd-content .section.no-07 .img-box img {
    margin-left: -60%;
    width: 220%;
  }
  .sd-content .section.no-07 .img-box .name {
    position: absolute;
    top: 87%;
    left: 2%;
  }
  .sd-content .section.no-07 .txt-box {
    float: none;
    margin-top: 0;
    width: auto;
  }
  .sd-content .section.no-07 h4 {
    margin-top: 40px;
  }
}

/* .section.no-08
--------------------------------------------------------------------------------*/
.sd-content .section.no-08 {
  width: 1308px;
}
.sd-content .section.no-08 .img-box {
  float: right;
  width: 883px;
  *zoom: 1;
}
.sd-content .section.no-08 .img-box:after {
  clear: both;
  display: block;
  content: "";
}
.sd-content .section.no-08 .img-01 {
  float: left;
}
.sd-content .section.no-08 .img-02 {
  float: left;
  margin-left: 11px;
}
.sd-content .section.no-08 .img-box span {
  margin-top: 5px;
}
.sd-content .section.no-08 .txt-box {
  float: left;
  margin-top: 0px;
  width: 385px;
}
.sd-content .section.no-08 .txt-box p {
  margin-top: 0px;
}

.adjust .sd-content .section.no-08 {
  width: auto;
}
.adjust .sd-content .section.no-08 .img-box {
  float: none;
  margin-top: 0;
  width: auto;
}
.adjust .sd-content .section.no-08 .img-01 {
  margin-right: 1%;
  width: 49%;
}
.adjust .sd-content .section.no-08 .img-02 {
  margin-left: 1%;
  width: 49%;
}
.adjust .sd-content .section.no-08 .txt-box {
  float: none;
  margin-top: 30px;
  width: auto;
}
.adjust .sd-content .section.no-08 .txt-box p {
  background: #fff;
}

@media (max-width: 640px) {
  .sd-content .section.no-08 {
    margin-top: 40px !important;
    width: auto;
  }
  .sd-content .section.no-08 .img-box {
    float: none;
    margin-top: 0;
    width: auto;
  }
  .sd-content .section.no-08 .img-01 {
    margin-right: 1%;
    width: 49%;
  }
  .sd-content .section.no-08 .img-02 {
    margin-left: 1%;
    width: 49%;
  }
  .sd-content .section.no-08 .img-01 img,
  .sd-content .section.no-08 .img-02 img {
    width: 100%;
    max-width: 436px;
  }
  .sd-content .section.no-08 .txt-box {
    float: none;
    margin-top: 7.812%;
    width: auto;
  }
}

/* .section.no-09
--------------------------------------------------------------------------------*/
.sd-content .section.no-09 {
  margin-top: 31.914%; /*300px;*/
}
.sd-content .section.no-09 .img-box {
  position: relative;
  z-index: 0;
  float: right;
  width: 50%;
}
.sd-content .section.no-09 .img-box img {
  margin-left: -383px;
  max-width: none;
}
.sd-content .section.no-09 .img-box span.name {
  position: absolute;
  top: 885px;
  left: 27%;
}
.sd-content .section.no-09 .txt-box {
  float: left;
  position: relative;
  z-index: 1;
}
.sd-content .section.no-09 h4 {
  margin-top: 80px;
}
.sd-content .section.no-09 .img-02 {
  margin-top: 15px;
}
.sd-content .section.no-09 span.name {
  margin-top: 5px;
}

.adjust .sd-content .section.no-09 .img-box {
  float: none;
  width: auto;
}
.adjust .sd-content .section.no-09 .img-box img {
  margin-left: -24%;
  width: 120%;
}
.adjust .sd-content .section.no-09 .img-box span.name {
  position: absolute;
  top: 63%;
  left: auto;
  right: 15%;
}
.adjust .sd-content .section.no-09 .txt-box {
  float: none;
  width: auto;
}
.adjust .sd-content .section.no-09 .txt-box p {
  float: left;
  width: 57%;
  background: #fff;
}
.adjust .sd-content .section.no-09 .img-02 {
  float: right;
  width: 40%;
}
.adjust .sd-content .section.no-09 .img-02 img {
  margin-top: 5px;
  width: 100%;
}

@media (max-width: 640px) {
  .sd-content .section.no-09 {
    margin-top: 35% !important;
  }
  .sd-content .section.no-09 .img-box {
    float: none;
    width: auto;
  }
  .sd-content .section.no-09 .img-box img {
    margin-left: -28%;
    width: 130%;
  }
  .sd-content .section.no-09 .img-box span.name {
    position: absolute;
    top: 63%;
    left: auto;
    right: 8%;
  }
  .sd-content .section.no-09 .txt-box {
    flot: none;
    margin-top: 4%;
    width: auto;
  }
  .sd-content .section.no-09 h4 {
    margin-top: 40px;
  }
  .sd-content .section.no-09 .img-02 img {
    width: 100%;
    max-width: 383px;
  }
}

/* .section.no-10
--------------------------------------------------------------------------------*/
.sd-content .section.no-10 {
  margin-top: 21.276%; /*200px;*/
}
.sd-content .section.no-10 .img-box {
  float: left;
  position: relative;
  margin-top: 75px;
  width: 51.894%; /*493px;*/
}
.sd-content .section.no-10 .img-box img {
  margin-left: -541px;
  max-width: none;
}
.sd-content .section.no-10 .img-box span.name {
  position: absolute;
  right: 4%;
  bottom: 63px;
}
.sd-content .section.no-10 .txt-box {
  float: right;
}
.sd-content .section.no-10 h4 {
  margin-top: 50px;
}
.sd-content .section.no-10 .img-02 {
  margin-top: 15px;
}

.adjust .sd-content .section.no-10 .img-box {
  float: none;
  margin-top: 0;
  width: auto;
  text-align: center;
}
.adjust .sd-content .section.no-10 .img-box img {
  margin-left: 0;
  width: 90%;
}
.adjust .sd-content .section.no-10 .img-box span.name {
  right: 6.5%;
  bottom: 8%;
}
.adjust .sd-content .section.no-10 .txt-box {
  float: none;
  margin-top: 30px;
  width: auto;
}
.adjust .sd-content .section.no-10 .txt-box p {
  float: left;
  width: 57%;
  background: #fff;
}
.adjust .sd-content .section.no-10 .img-02 {
  float: right;
  width: 40%;
}
.adjust .sd-content .section.no-10 .img-02 img {
  margin-top: 5px;
  width: 100%;
}

@media (max-width: 640px) {
  .sd-content .section.no-10 {
    margin-top: 35% !important;
  }
  .sd-content .section.no-10 .img-box {
    position: relative;
    float: none;
    margin-top: 0;
    width: auto;
    text-align: center;
  }
  .sd-content .section.no-10 .img-box img {
    margin-left: 0;
    width: 93%;
  }
  .sd-content .section.no-10 .img-box span.name {
    position: absolute;
    bottom: 0;
    right: 4%;
    margin-top: 0;
  }
  .sd-content .section.no-10 .txt-box {
    float: none;
    margin-top: 6%;
    width: auto;
  }
  .sd-content .section.no-10 h4 {
    margin-top: 40px;
  }
  .sd-content .section.no-10 .img-02 img {
    width: 100%;
    max-width: 383px;
  }
}

/* .section.no-11
--------------------------------------------------------------------------------*/
.sd-content .section.no-11 {
  margin-top: 6.382%; /*60px;*/
}
.sd-content .section.no-11 .img-box {
  float: right;
  width: 51.276%; /*482px;*/
}
.sd-content .section.no-11 .img-box img {
  margin-left: -178px;
  max-width: none;
}
.sd-content .section.no-11 .txt-box {
  float: left;
  margin-top: 80px;
  width: 41.489%; /*390px;*/
}

.adjust .sd-content .section.no-11 {
  margin-top: 4% !important;
}
.adjust .sd-content .section.no-11 .img-box {
  float: none;
  width: auto;
}
.adjust .sd-content .section.no-11 .img-box img {
  margin-left: -15%;
  width: 130%;
}
.adjust .sd-content .section.no-11 .txt-box {
  float: none;
  margin: 0 25px;
  width: auto;
}
.adjust .sd-content .section.no-11 .txt-box p {
  background: #fff;
}

@media (max-width: 640px) {
  .sd-content .section.no-11 {
    margin-top: 8% !important;
  }
  .sd-content .section.no-11 .img-box {
    float: none;
    width: auto;
  }
  .sd-content .section.no-11 .img-box img {
    margin-left: -15%;
    width: 130%;
  }
  .sd-content .section.no-11 .txt-box {
    float: none;
    margin-top: 0;
    width: auto;
  }
}

/* .section.no-13
--------------------------------------------------------------------------------*/
.sd-content .section.no-13 {
  position: relative;
  margin-top: 28.723%; /*270px;*/
}
.sd-content .section.no-13 .img-box {
  position: absolute;
  left: -336px;
  top: 0;
}
.sd-content .section.no-13 .txt-box {
  float: right;
  margin-top: 357px;
}

.adjust .sd-content .section.no-13 .img-box {
  position: static;
}
.adjust .sd-content .section.no-13 .img-box img {
  margin-left: -15%;
  width: 130%;
}
.adjust .sd-content .section.no-13 .txt-box {
  float: none;
  margin: -60px 25px 0;
  width: auto;
}
.adjust .sd-content .section.no-13 .txt-box p {
  background: #fff;
}

@media (max-width: 640px) {
  .sd-content .section.no-13 .img-box {
    position: static;
  }
  .sd-content .section.no-13 .img-box img {
    margin-left: -20%;
    width: 140%;
  }
  .sd-content .section.no-13 .txt-box {
    float: none;
    margin: -4% 0 0;
    width: auto;
  }
}

/*--------------------------------------------------------------------------------
	.end-menu
--------------------------------------------------------------------------------*/
.sd-content .end-menu {
  margin-top: 13.829%; /*130px;*/
}

/* .last
--------------------------------------------------------------------------------*/
.sd-content .end-menu.last {
  margin-top: 10.638%; /*100px;*/
}

/*--------------------------------------------------------------------------------
	.conclu
--------------------------------------------------------------------------------*/
.sd-content .conclu {
  margin-top: 21.808%; /*205px;*/
  text-align: center;
}
.sd-content .conclu p {
  font-size: 81.3%;
  line-height: 2;
}
.sd-content .conclu img {
  margin-left: -83px;
  margin-top: 9.574%; /*90px;*/
}
.sd-content .btnwrap {
  text-align: center;
}
.sd-content .btnwrap ul {
  margin: 0 auto;
}

.sd-content .linkbtn {
  padding-bottom: 0;
  display: inline-block;
  margin: 0 5px;
}
.sd-content .linkbtn a {
  min-width: 163px;
}
.sd-content .btnwrap ul:after {
  clear: both;
  display: block;
  content: "";
}

.adjust .sd-content .conclu img {
  margin-left: 0;
  width: 100%;
}

@media (max-width: 640px) {
  .sd-content .conclu img {
    margin-left: 0;
    width: 100%;
  }
}

/*--------------------------------------------------------------------------------
	.comment
--------------------------------------------------------------------------------*/
/* .comment.no-01
--------------------------------------------------------------------------------*/
.sd-content .comment.no-01 {
  margin-top: 19.148%; /*180px;*/
  background-color: #fdfdfd;
}

@media (max-width: 480px) {
  .sd-content .comment.no-01 .txt-box {
    padding: 30px 0 88.888%;
  }
}

/* .comment.no-02
--------------------------------------------------------------------------------*/
.sd-content .comment.no-02 {
  margin-top: 17.021%; /*160px;*/
  background-color: #fdfdfd;
}

.adjust .sd-content .comment.no-02 .txt-box {
  padding: 50px 0 65px;
}

@media (max-width: 640px) {
  .sd-content .comment.no-02 .txt-box {
    padding-bottom: 65px;
  }
  .sd-content .comment.no-02 .img-box img {
    margin-left: -4%;
  }
}
@media (max-width: 480px) {
  .sd-content .comment.no-02 .txt-box {
    padding: 30px 0 88.888%;
  }
  .sd-content .comment.no-02 .img-box img {
    margin-left: 0;
  }
}

/* .comment.no-03
--------------------------------------------------------------------------------*/
.sd-content .comment.no-03 {
  margin-top: 11.702%; /*110px;*/
  background-color: #fdfdfd;
}

@media (max-width: 480px) {
  .sd-content .comment.no-03 .txt-box {
    padding: 30px 0 88.888%;
  }
}

/* .comment.no-04
--------------------------------------------------------------------------------*/
.sd-content .comment.no-04 {
  margin-top: 3.723%; /*35px;*/
  background-color: #fdfdfd;
}
.sd-content .comment.no-04 .txt-box {
  padding-top: 90px;
}

@media (max-width: 640px) {
  .sd-content .comment.no-04 .txt-box {
    padding-top: 40px;
  }
  .sd-content .comment.no-04 .img-box img {
    margin-left: -8.5%;
  }
}
@media (max-width: 480px) {
  .sd-content .comment.no-04 .txt-box {
    padding: 30px 0 88.888%;
  }
  .sd-content .comment.no-04 .img-box img {
    margin-left: 0;
  }
}

/* .comment.no-05
--------------------------------------------------------------------------------*/
.sd-content .comment.no-05 {
  margin-top: 8.51%; /*80px;*/
  background-color: #fdfdfd;
}
.sd-content .comment.no-05 .txt-box {
  padding-top: 95px;
}

.adjust .sd-content .comment.no-05 .txt-box {
  padding-top: 50px;
}

@media (max-width: 640px) {
  .sd-content .comment.no-05 .txt-box {
    padding-top: 40px;
  }
}
@media (max-width: 480px) {
  .sd-content .comment.no-05 .txt-box {
    padding: 30px 0 88.888%;
  }
}