@charset "utf-8";
.css2015 .nav-prod {
  margin-bottom: 15px;
}
.css2015 .nav-prod p{
  float: left;
  display: inline-block;
}
.css2015 .nav-prod div{
  overflow: hidden;
}

.css2015 .body .double-tab img{
width:316px;
}
.css2015 .body .double-tab2 img{
max-width:100%;
}
.css2015 .body .double-tab3 img{
max-width:215px;
}
.col-sm-24{
position:relative;
min-height:1px;
padding-left:15px;
padding-right:15px;
}
.col-sm-24 img{
width: 100% ;
}
.css2015 .body .ireg .col-sm-4{
  padding-left: 0 !important;
  padding-right: 20px !important;
}
.ar-left{
  position: relative;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-right-color: #999;
}
.ar-left:after{
  position: absolute;
  content: '';
  top: -8px;
  left: 16px;
  width: 320px;
  height: 16px;
  background: #999;
}
.ar-right{
  position: relative;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-left-color: #999;
}
.ar-right:after{
  position: absolute;
  content: '';
  top: -8px;
  left: -336px;
  width:320px;
  height: 16px;
  background: #999;
}


/* MIN */
@media screen and (max-width: 980px) and (min-width: 768px) {
.arrows figure{
  padding-left:5px;
}
.css2015 .body .double-tab3 img{
max-width:162px;
}
}
@media screen and (min-width:768px){
.col-sm-24{float:left;width:20%;}
.col-sm-48{float:left;width:40%;}
.col-sm-48 img{width: 156px;}
}
.mt-ireg{
  margin-top: 110px;
}
@media screen and (min-width:980px) {
.mt-ireg{
    margin-top: 140px;
}
}

/* MAX */
@media screen and (max-width:980px) {
.ar-left:after,
.ar-right:after{
  width: 200px;
}
.ar-right:after{
  left: -216px;
}
.col-sm-48 img{width: 114px;}
}
@media screen and (max-width:768px){
.css2015 .body .double-tab img,
.css2015 .body .double-tab2 img,
.css2015 .body .double-tab3 img  { max-width: 80%;}
.col-sm-48 img                   { max-width: 74%;}
}



/* 7.0固有 161226 */


.op_0{
  opacity: 0 !important;
}

#multiwindow .cell-block-2{
  width: 222%;
}

#usi .cell-block-2{
  width: 215%;
}

.css2015 .body .Limg_310{
  max-width: 310px;
  margin-left: -15px;
}

.css2015 .body .Limg_300{
  max-width: 300px;
  max-height: 320px;
  margin-left: 30px;
}

.css2015 .body .Limg_300_10{
  max-width: 300px;
  max-height: 320px;
  margin-left: 10px;
}

.css2015 .body .Limg_300_90{
  max-width: 300px;
  max-height: 320px;
  margin-left: -90px;
}

.css2015 .body .Limg_296{
  max-width: 296px;
  margin-left: -15px;
}

.css2015 .body .Limg_300_50{
  max-width: 300px;
  margin-left: 50px;
}

.arrows figure.bg-icon__90{
  background-position: 91% 43%;
}

.arrows figure.bg-none{
  background: none;
}

.arrows figure.bg-on{
  background: url(../../../images/arrow.jpg) 100% 43% no-repeat;
}


.css2015 .body .font_L-B{
  margin: 0 auto 20px;
  text-align: left;
  font-weight: bold;
  max-width: 180px;
}

.css2015 .body .font_L-B2{
  margin: 0 10px 20px;
  text-align: left;
  font-weight: bold;
  max-width: 180px;
  font-size: 90%;
}


.col-text__box-3{
  float: right;
  text-align: center;
  width: 90%;
  max-width: 569px;
}


.img-2_center{
  text-align: center;
}

.img-2_center img{
  width: auto;
  /* height: 320px; */
  max-width: 100%;
}



.osv-pc{
}

.osv-sp{
  display: none;
}


.osv-sp-b{
  display: none;
}

.osv-sp-i{
  display: none;
}


.osv-relative20{
  position: relative;
  right: -20px;
}

.osv-relative30{
  position: relative;
  right: -35px;
}















@media screen and (max-width:989px){

  .css2015 .body .Limg_310{
    max-height: 266px;
    margin-left: 0px;
  }

  .css2015 .body .Limg_300{
    max-height: 266px;
  }

  .css2015 .body .Limg_300_10{
    max-height: 266px;
  }

  .css2015 .body .Limg_300_50{
    max-height: 266px;
  }

  .css2015 .body .Limg_300_90{
    max-height: 266px;
  }

  .css2015 .body .Limg_296{
    max-height: 266px;
    margin-left: -5px;
  }

  .img-2_center img{
    width: 100%;
    /* height: 266px; */
    max-width: 100%;
  }

}













@media screen and (max-width:768px){

  .css2015 .body img {
      max-width: 34%;
      min-width: 120px;
  }


  .osv-pc{
    display: none !important;
  }

  .osv-sp-b{
    display: block;
  }

  .osv-sp-i{
    display: inline-block;
  }


  .arrows figure.bg-icon__90{
    background-position: 100% 43%;
  }

  /*#multiwindow .cell-block-2{
    width: 240%;
  }

  #usi .cell-block-2{
    width: 240%;
  }*/

  .mq-br-pin{
    width: 52%;
    margin: 10px auto;
    display: block;
    float: none;
    overflow: hidden;
    position: relative;
    left: 4px;
  }

  .arrows figure.bg-on{
    background: none;
  }

  .css2015 .body .font_L-B{
    max-width: 360px;
    width: 100%;
  }

  .col-text__box-3{
    max-width: 360px;
    margin: auto;
    float: none;
  }


  .css2015 .body .Limg_310{
    max-width: 100% !important;
  }

  .css2015 .body .Limg_300{
    max-width: 100% !important;
  }

  .css2015 .body .Limg_300_10{
    max-width: 100% !important;
  }

  .css2015 .body .Limg_300_50{
    max-width: 100% !important;
  }

  .css2015 .body .Limg_300_90{
    max-width: 100% !important;
  }

  .css2015 .body .Limg_296{
    max-width: 100% !important;
  }

  .css2015 .body .dial-list{
    text-align: left;
    margin-top: 10px;
    display: inline-block;
  }

  .mq-pl30{
    padding-left: 30px !important;
  }


  .sp-maxW__over{
    max-width: 100% !important;
  }

  /*.arrows figure:last-child {
    padding-right: 10px !important;
  }*/

  .osv-relative20{
    position: relative;
    right: 0px;
  }

  .osv-relative30{
    position: relative;
    right: 0px;
  }


  .max-W80{
    max-width: 80%;
    margin: 0 auto;
  }


  .bu-up32{
      background-position: 100% 32% !important;
  }










}

@media screen and (max-width:325px){
  .css2015 .body img {
      max-width: 34%;
      min-width: 100px;
  }
}



/* 11/24 追加分 */

.camera-ui_exchange-block {
    display: table;
}

.ui-exchange-before {
    display: table-cell;
    width: 40%;
    padding-right: 20px;
}

.ui-exchange-before img {
    width: 100%;
    /* max-height: 270px; */
}

.ui-exchange-after {
    display: table-cell;
    width: 60%;
    padding-left: 20px;
}

.ui-exchange-after img {
    width: 100%;
    /* max-height: 270px; */
}

.arrows_new figure {
    background: url(../../../images/arrow.jpg) 100% 50% no-repeat;
}

.Limg_845 {
    width: 100%;
    max-width: 845px !important;
}

.Limg_410 {
    width: 100%;
    max-width: 410px !important;
}


.creator_img{
    width: 100%;
    max-width: 100% !important;
}



@media screen and (max-width:768px) {
    .camera-ui_exchange-block {
        display: block;
    }

    .ui-exchange-before {
        display: block;
        width: 100%;
        padding: 0;
    }

    .ui-exchange-before img{
        max-height: 100%;
    }

    .ui-exchange-after {
        display: block;
        width: 100%;
        padding: 0;
    }

    .ui-exchange-after img {
        max-height: 100%;
    }

    .mana-after {
        display: table;
        box-sizing: border-box;
        padding: 0 5px;
    }
    .mana-after img {
        min-width: 75px !important;
        max-width: 100% !important;
    }

    .mana-after-1 {
        display: table-cell;
        width: 33%;
        padding: 0 !important;
    }
    .mana-after-1 img {
        padding: 0 10px;
    }
    .mana-after-2 {
        display: table-cell;
        width: 33%;
        padding: 0 !important;
    }
    .mana-after-2 img {
        padding: 0 10px;
    }
    .mana-after-3 {
        display: table-cell;
        width: 33%;
        padding: 0 !important;
    }
    .mana-after-3 img {
        padding: 0 10px;
    }
    
    .camera-light_indent1 {
        text-indent: 0 !important;
        padding-left: 0 !important;
    }

    .tel_sp {
        width: 100%;
    }
}

@media screen and (max-width:325px) {
    .mana-after img {
        min-width: 75px !important;
        max-width: 100% !important;
    }
    .action_sp {
        box-sizing: border-box;
        padding: 0 20px 0 30px;
    }
    .mana-after {
        box-sizing: border-box;
        /* padding: 0 20px; */
        padding-left: 10px;
    }
}

/* 11/27追加分 */


.sound-icons img{
  width: 100%;
  max-width: 300px !important;
}

@media screen and (min-width:990px) {
    .iso_img400{
      padding: 0 50px;
    }
    .iso_img400 figure img{
      width: 400px !important;
    }
}

/* 11/28追加分 */

.sm-link {
    color: #00a7b5 !important;
    font-size: 15px;
}

.sm-link:hover {
    text-decoration: underline;
}

.xperia-action_sp {
    display: none;
}

@media screen and (max-width:768px) {
    .xperia-action_pc {
        display: none;
    }
    .xperia-action_sp {
        display: block;
    }
}

/* 11/29追加分 */

.sp_br br {
    display: none;
}

@media screen and (max-width:768px) {
    .sp_br br {
        display: block;
    }
}


/* 12/01追加分 */

.small {
    padding: 10px 0 0;
    font-size: 11px !important;
    display: block;
}

.text_size_90 {
    font-size: 90%;
}

.text_width_200 {
    max-width: 200px;
    margin: 0 auto;
}

.aptx_logo {
    text-align: right;
}

.icon_3d {
    text-align: right;
    margin-top: -40px;
}

.icon_3d img {
    max-width: 100px !important;
}

.pt50 {
    padding-top: 50px;
}

.mb70{
    margin-bottom: 70px;
}


@media screen and (max-width:768px) {
    .aptx_logo {
        text-align: center;
    }
    .icon_3d {
        text-align: center;
        margin-top: 0;
    }
}

@media screen and (min-width:990px) {
    .lead_width110 {
        width: 110%;
    }
}