@charset "UTF-8";
/* ------------------------------------------------- *
 *        base
 * ------------------------------------------------- */
html {
  height: 100%;
}

body {
  line-height: 1.5;
  font-size: 75%;
  height: 100%;
  background: white;
}

/* ------------------------------------------------- *
 *        clearfix
 * ------------------------------------------------- */
.clearFix:before, .clearFix:after {
  content: "";
  display: table;
}

.clearFix:after {
  clear: both;
}

.clearFix {
  *zoom: 1;
}

/* ------------------------------------------------- *
 *        linkColor
 * ------------------------------------------------- */
a:visited,
a:link {
  color: #0066cc;
}

a:active,
a:hover {
  color: #0066cc;
  text-decoration: none;
}

/* ------------------------------------------------- *
 *        margin
 * ------------------------------------------------- */
.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

/* ------------------------------------------------- *
 *        device
 * ------------------------------------------------- */
.is--spOnly {
  display: none;
}
@media (max-width: 959px) {
.is--spOnly {
  display: none;
}
}
@media (max-width: 767px) {
.is--spOnly {
  display: block;
}
}

.is--pcOnly {
  display: block;
}
@media (max-width: 959px) {
.is--pcOnly {
  display: block;
}
}
@media (max-width: 767px) {
.is--pcOnly {
  display: none;
}
}

/* ------------------------------------------------- *
 *        is--fluidImg
 * ------------------------------------------------- */
.is--fluidImg img {
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
.is--fluidImg {
  margin: 0 10px;
}
}

/* ================================================== *
 *
 *    common
 *
 * ================================================== */
/* ------------------------------------------------- *
 *        slide
 * ------------------------------------------------- */
.slide {
  position: relative;
  width: 100%;
  overflow: hidden;
}

@media (max-width: 767px) {
.slide {
  width: 100%;
  position: absolute;
  left: 0;
  top: 92px;
  margin: 0;
}
.responsive .gnav__kvSpace {
  display: block;
}
}

/* ------------------------------------------------- *
 *        slideImg
 * ------------------------------------------------- */
.slideImg {
  position: relative;
  left: 50%;
  top: 0;
  width: 2000px;
  margin-left: -1000px;
}
.slideImg__li {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
}
.slideImg__li.is--active {
    position: static;
    left: inherit;
    top: inherit;
    display: block;
}

@media (max-width: 959px) {
.slideImg {
  width: 1606px;
  margin-left: -803px;
}
.slideImg img {
  width: 100%;
  height: auto;
}
}
@media (max-width: 767px) {
.slideImg {
  width: 208%;
  margin-left: -104%;
}
}

/* ------------------------------------------------- *
 *        slidePoint
 * ------------------------------------------------- */
.slidePoint {
  text-align: center;
  height: 13px;
  margin-top: 20px;
}

body.aquos .slidePoint {
  height: 13px;
  margin-top: 0;
}

.slidePoint__li {
  cursor: pointer;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 12px;
  height: 12px;
  padding: 0 4px;
  font-size: 0;
  line-height: 0;
}
.slidePoint__li img {
  vertical-align: baseline;
}
.slidePoint__li--active {
  cursor: pointer;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 12px;
  height: 12px;
  padding: 0 4px;
  background: url(../img/icon_circle_active.png) center center no-repeat;
}
.slidePoint__li--active img {
  display: none;
  vertical-align: baseline;
}

@media (max-width: 959px) {
.slidePoint {
  margin-top: 15px;
}
}
@media (max-width: 767px) {
.slidePoint {
  display: none;
}
}

/* ------------------------------------------------- *
 *        productList
 * ------------------------------------------------- */
.productList {
  margin-top: 10px;
  position: relative;
  zoom: 1;
  background: #eaeaea url(../img/bg_pattern.png) 0 0 repeat-x;
}
.productList.is--pc {
  display: block;
}
.productList.is--tb {
  display: none;
}
.productList.is--sp {
  display: none;
}

@media (max-width: 959px) {
.productList.is--pc {
  display: none;
}
.productList.is--tb {
  display: block;
}
.productList.is--sp {
  display: none;
}
}
@media (max-width: 767px) {
.productList.is--pc {
  display: none;
}
.productList.is--tb {
  display: none;
}
.productList.is--sp {
  width: auto;
  margin: 30px auto 0;
  display: block;
}
}

/* ------------------------------------------------- *
 *        productListImg
 * ------------------------------------------------- */
.productListImg {
  position: relative;
  z-index: 1;
  width: 960px;
  height: 89px;
  margin: 0 auto;
  left: 10px;
  overflow: hidden;
}

.productListImg__list {
  position: absolute;
  left: 0;
  top: 0;
  margin-left: -19px;
}

.productListImg__li {
  float: left;
  display: inline;
  margin-left: 24px;
}

@media (max-width: 959px) {
.productListImg {
  width: 635px;
}
}
@media (max-width: 767px) {
.productListImg {
  width: 260px;
}

.productListImg__list {
  left: 0px;
  margin: 0;
}

.productListImg__li {
  margin-left: 12px;
  margin-right: 12px;
}
}

/* ------------------------------------------------- *
 *        productListArrow
 * ------------------------------------------------- */
.productListArrow {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1002px;
  height: 16px;
  margin: -8px 0 0 -501px;
}
.productListArrow img {
  vertical-align: top;
}

.productListArrow__left {
  display: none;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
}

.productListArrow__right {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 959px) {
.productListArrow {
  width: 708px;
  margin: -8px 0 0 -354px;
}
}
@media (max-width: 767px) {
.productListArrow {
  width: 300px;
  margin: -8px 0 0 -150px;
}
}



/* ------------------------------------------------- *
 *        footer
 * ------------------------------------------------- */
.footer {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 20px;
}

.footer__copy {
  margin-top: 15px;
  display: block;
  float: right;
}


/* ------------------------------------------------- *
 *        footerNav
 * ------------------------------------------------- */
.footerNav {
  margin-top: 10px;
  float: left;
  overflow: hidden;
}

.footerNav__li {
  float: left;
}

@media (max-width: 959px) {
.footerNav {
  display: none;
}
}

/* ================================================== *
 *
 *    area
 *
 * ================================================== */
/* ------------------------------------------------- *
 *        areaContents
 * ------------------------------------------------- */
.areaContents {
  width: 960px;
  margin: 0 auto;
}

.aquos .areaContents {
  width: 800px;
}

.areaContents__wrap {
  width: 100%;
  float: left;
  margin-top: 15px;
}
body.aquos .areaContents__wrap {
  overflow: hidden;
  margin-top: 20px;
  float: none;
}

.areaContents__left {
  width: 635px;
  float: left;
}

.aquos .areaContents__left {
  width: 475px;
}

.areaContents__right {
  width: 310px;
  float: right;
}

@media (max-width: 959px) {
.areaContents {
  width: 635px;
}
.areaContents__wrap {
  float: none;
}
.areaContents__left {
  width: 310px;
}
.areaContents__right {
  width: 310px;
}
}
@media (max-width: 767px) {
.areaContents {
  width: 100%;
}
.areaContents__wrap {
  float: none;
}
.areaContents__left {
  width: auto;
  float: none;
}
.areaContents__right {
  width: auto;
  float: none;
}
}

/* ================================================== *
 *
 *    frame
 *
 * ================================================== */
/* ------------------------------------------------- *
 *        frameType2
 * ------------------------------------------------- */
.frameType2 {
  margin-top: 20px;
  border: 1px solid gainsboro;
  background: #fafafa;
}

.frameType2__inner {
  padding: 10px;
}


/* ================================================== *
 *
 *    title
 *
 * ================================================== */
/* ================================================== *
 *
 *    paragraph
 *
 * ================================================== */
/* ================================================== *
 *
 *    text
 *
 * ================================================== */
/* ================================================== *
 *
 *    list
 *
 * ================================================== */
/* ================================================== *
 *
 *    image
 *
 * ================================================== */
/* ================================================== *
 *
 *    button
 *
 * ================================================== */
/* ------------------------------------------------- *
 *        buttonFluid
 * ------------------------------------------------- */
/* ================================================== *
 *
 *    table
 *
 * ================================================== */
/* ================================================== *
 *
 *    box
 *
 * ================================================== */
/* ------------------------------------------------- *
 *        boxType1
 * ------------------------------------------------- */
.boxType1 {
  margin-bottom: 20px;
  border: 1px solid gainsboro;
  border-top: 4px solid #ccc;
}

.boxType1.productsNews {
  margin-bottom: 0;
}

.boxType1__inner {
  padding: 10px;
}

.boxType1__header {
  overflow: hidden;
  zoom: 1;
  padding: 11px 9px 9px;
  border-bottom: 1px dotted #cccccc;
  background-color: #f0f0f0;
}

.boxType1__title {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}
.boxType1__title.is--news {
  width: 73px;
  height: 19px;
  background: url(../img/title_type4_4.png) 0 0 no-repeat;
}
.boxType1__title.is--release {
  width: 119px;
  height: 19px;
  background: url(../img/title_type4_5.png) 0 0 no-repeat;
}
.boxType1__title.is--productsNews {
  width: 191px;
  height: 24px;
  background: url(../img/title_type4_6.png) 0 0 no-repeat;
  margin: -2px 0;
}

.productsNews__title {
  display: block;
  height: 24px;
  background: url(../img/title_type4_6.png) 0 0 no-repeat;
}

.productsNews__title:hover {
  background-position: 0 -24px;
}

.boxType1__btn {
  float: right;
}
.boxType1__btnMore {
  float: left;
  display: block;
  width: 74px;
  height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 110%;
  background: url(../img/btn_type8_2.png) 0 0 no-repeat;
}
.boxType1__btnMore:hover {
  background-position: 0 -20px;
}
.boxType1__btnRSS {
  float: left;
  display: block;
  width: 19px;
  height: 19px;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
  margin-left: 10px;
  background: url(../img/btn_type11.png) 0 0 no-repeat;
}
.boxType1__btnEnglish {
  display: block;
  width: 90px;
  height: 19px;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
  background: url(../img/btn_english_off.png) 0 0 no-repeat;
  outline: none !important;
}
.boxType1__btnEnglish:hover {
  background-image: url(../img/btn_english_on.png);
}

.boxType1__li {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dotted #cccccc;
}

.boxType1__li--first {
  color: #666666;
}

.boxType1__date {
  color: #666666;
  line-height: 1.6;
  float: left;
}

.boxType1__text {
  padding-top: 5px;
  clear: both;
}

@media (max-width: 767px) {
.boxType1 {
  margin-top: 30px;
  border-style: none;
  border-top: 2px solid #CCC;
}

.boxType1__inner {
  padding: 0;
}

.boxType1__header {
  padding: 15px 15px 11px 15px;
  overflow: visible;
  border-bottom: 1px solid #DCDCDC;
}
.boxType1__title {
  white-space: inherit;
  overflow: inherit;
  text-indent: inherit;
  font-size: 125.0%;
  font-weight: bold;
}
.boxType1__title.is--news {
  width: auto;
  height: auto;
  background: none;
}
.boxType1__title.is--release {
  width: auto;
  height: auto;
  background: none;
}
.boxType1__title.is--productsNews {
  position: relative;
  width: auto;
  height: auto;
  background: none;
  padding-left: 23px;
  margin: 0;
}
.boxType1__title.is--productsNews:before {
    content: '';
    display: block;
    width: 16px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 50%;
    background: url(../img/icon_productsnews2.png) 0 0 no-repeat;
    background-size: 16px auto;
    -webkit-background-size: 16px auto;
    margin-top: -13px;
}

.productsNews__title {
  position: absolute;
  background: none;
  margin-left: -22px;
  width: 218px;
}

.boxType1__btnMore {
  float: none;
  width: auto;
  height: auto;
  white-space: inherit;
  overflow: inherit;
  text-indent: inherit;
  background: none;
  line-height: 25px;
  font-size: 116.7%;
  text-decoration: none;
  border-left: 1px solid #DCDCDC;
  padding-left: 20px;
  position: relative;
}
.boxType1__btnMore:before {
  content: '';
  display: block;
  width: 7px;
  height: 8px;
  position: absolute;
  left: 10px;
  top: 50%;
  background: url(../img/icon_arrow5_right.png) 0 0 no-repeat;
  background-size: 7px auto;
  -webkit-background-size: 7px auto;
  margin-top: -4px;
}
.boxType1__btnMore:visited ,
.boxType1__btnMore:active ,
.boxType1__btnMore:hover ,
.boxType1__btnMore:link {
  color: #000;
  background: none;
}
.boxType1__btnRSS {
  display: none;
}
.boxType1__li {
  position: relative;
  margin: 0;
  padding: 10px 35px 10px 10px;
  background: #fafafa;
  border-style: none;
  border-bottom: 1px solid #DCDCDC;
}
.boxType1__li:before {
  content: '';
  display: block;
  width: 12px;
  height: 15px;
  position: absolute;
  right: 15px ;
  top: 50%;
  background: url(../img/icon_arrow3_right.png) 0 0 no-repeat;
  background-size: 12px auto;
  -webkit-background-size: 12px auto;
  margin-top: -7px;
}

.boxType1__li--first {
  position: relative;
  margin: 0;
  padding: 10px 35px 10px 10px;
  background: #fafafa;
  border-style: none;
  border-bottom: 1px solid #DCDCDC;
}
.boxType1__li--first:before {
  content: '';
  display: block;
  width: 12px;
  height: 15px;
  position: absolute;
  right: 15px ;
  top: 50%;
  background: url(../img/icon_arrow3_right.png) 0 0 no-repeat;
  background-size: 12px auto;
  -webkit-background-size: 12px auto;
  margin-top: -7px;
}
.boxType1__date {
  font-size: 83.3%;
}
}

.banner-title {
	font-weight: bold;
	font-size: 14px;
}

.banner {
	margin-bottom: 10px;
}

/* ------------------------------------------------- *
 *        boxType2
 * ------------------------------------------------- */
.boxType2 {
  width: 308px;
  margin-top: 20px;
  overflow: hidden;
  border: 1px solid gainsboro;
}

.boxType2__li {
  float: left;
}

/* ------------------------------------------------- *
 *        boxType3
 * ------------------------------------------------- */
.boxType3 {
  width: 310px;
  margin-top: 20px;
  overflow: hidden;
}

.boxType3__li {
  border: 1px solid gainsboro;
  float: left;
}

.boxType3__li.left {
  margin-right: 6px;
}

body.aquos .boxType3__li a {
  display: block;
}

/* ------------------------------------------------- *
 *        boxImportantNews
 * ------------------------------------------------- */
.boxImportantNews {
  overflow: hidden;
  padding: 10px;
  margin-top: 20px;
  border: 1px solid gainsboro;
}

.boxImportantNews__title {
  float: left;
  margin-right: 10px;
}

.boxImportantNews__body {
  overflow: hidden;
  zoom: 1;
}

.boxImportantNews__date {
  float: left;
  padding-top: 3px;
  margin-right: 10px;
}

.boxImportantNews__text {
  float: left;
  padding-top: 3px;
}

@media (max-width: 959px) {
.boxImportantNews {
  margin-top: 15px;
}
}
@media (max-width: 767px) {
.boxImportantNews {
  position: relative;
  margin-top: 15px;
}

.boxImportantNews__title {
  float: none;
  margin: 0;
}

.boxImportantNews__body {
  margin-top: 5px;
}

.boxImportantNews__date {
  float: none;
  position: absolute;
  right: 10px;
  top: 13px;
  margin: 0;
  padding: 0;
}
}

/* ------------------------------------------------- *
 *        boxType4
 * ------------------------------------------------- */
.boxType4 {
  width: 635px;
}
.boxType4.loading {
  background: url(/shared/img/icon_loading.gif) center bottom no-repeat;
  text-align: center;
  padding-top: 40px;
}
.loading .boxType4__inner--pc,
.loading .boxType4__inner--tb,
.loading .boxType4__inner--sp {
  display: none;
}
.boxType4__inner--pc {
  display: block;
}
.boxType4__inner--tb {
  display: none;
}
.boxType4__inner--sp {
  display: none;
}

.boxType4__wrap {
  overflow: hidden;
  _zoom: 1;
}

.boxType4__left {
  width: 310px;
  float: left;
  margin-top: -15px;
}

.boxType4__right {
  width: 310px;
  float: right;
  margin-top: -15px;
}

.boxType4__unit--type1 {
  width: 290px;
  background: #fafafa;
  padding: 9px;
  margin-top: 15px;
  border: 1px solid gainsboro;
}
.boxType4__unit--type1 .boxType4__img {
  margin-bottom: 10px;
}
.boxType4__unit--type1 .boxType4__category {
  overflow: hidden;
}
.boxType4__unit--type1 .boxType4__label {
  float: left;
  margin-right: 10px;
}
.boxType4__unit--type1 .boxType4__label img {
  vertical-align: top;
  width: auto;
  height: 17px;
}
.boxType4__unit--type1 .boxType4__date {
  font-size: 83.3%;
  float: left;
  line-height: 17px;
}
.boxType4__unit--type1 .boxType4__title {
  clear: both;
  margin-top: 4px;
  font-weight: bold;
}
.boxType4__unit--type1 .boxType4__title a {
  color: black;
  text-decoration: none;
}
.boxType4__unit--type1 .boxType4__title a:hover {
  color: #0066cc;
  text-decoration: underline;
}
.boxType4__unit--type1 .boxType4__text {
  margin-top: 4px;
  color: #666666;
}

.boxType4__unit--type2 {
  width: 290px;
  background: #fafafa;
  overflow: hidden;
  padding: 9px;
  margin-top: 15px;
  border: 1px solid gainsboro;
}
.boxType4__unit--type2 .boxType4__img {
  float: left;
}
.boxType4__unit--type2 .boxType4__category {
  margin: 0 0 0 160px;
  overflow: hidden;
}
.boxType4__unit--type2 .boxType4__label {
  margin-right: 10px;
}
.boxType4__unit--type2 .boxType4__label img {
  vertical-align: top;
  width: auto;
  height: 17px;
}
.boxType4__unit--type2 .boxType4__date {
  font-size: 83.3%;
  line-height: 17px;
  margin-top: 4px;
}
.boxType4__unit--type2 .boxType4__title {
  margin: 4px 0 0 160px;
  font-weight: bold;
}
.boxType4__unit--type2 .boxType4__title a {
  color: black;
  text-decoration: none;
}
.boxType4__unit--type2 .boxType4__title a:hover {
  color: #0066cc;
  text-decoration: underline;
}
.boxType4__unit--type2 .boxType4__text {
  margin: 4px 0 0 160px;
  color: #666666;
}

.boxType4__unit--type3 {
  width: 290px;
  background: #fafafa;
  padding: 9px;
  margin-top: 15px;
  border: 1px solid gainsboro;
}
.boxType4__unit--type3 .boxType4__img {
  float: left;
}
.boxType4__unit--type3 .boxType4__category {
  margin: 0 0 0 160px;
  overflow: hidden;
}
.boxType4__unit--type3 .boxType4__label {
  margin-right: 10px;
}
.boxType4__unit--type3 .boxType4__label img {
  vertical-align: top;
  width: auto;
  height: 17px;
}
.boxType4__unit--type3 .boxType4__date {
  font-size: 83.3%;
  line-height: 17px;
  margin-top: 4px;
}
.boxType4__unit--type3 .boxType4__title {
  margin: 4px 0 0 160px;
  font-weight: bold;
}
.boxType4__unit--type3 .boxType4__title:after {
  clear: both;
  content: "";
  display: block;
}
.boxType4__unit--type3 .boxType4__title a {
  color: black;
  text-decoration: none;
}
.boxType4__unit--type3 .boxType4__title a:hover {
  color: #0066cc;
  text-decoration: underline;
}
.boxType4__unit--type3 .boxType4__text {
  clear: both;
  padding-top: 6px;
  color: #666666;
}

.boxType4__unit--type4 {
  width: 290px;
  background: #fafafa;
  padding: 9px;
  margin-top: 15px;
  border: 1px solid gainsboro;
}
.boxType4__unit--type4 .boxType4__img {
  margin-bottom: 10px;
}
.boxType4__unit--type4 .boxType4__category {
  overflow: hidden;
}
.boxType4__unit--type4 .boxType4__label {
  float: left;
  margin-right: 10px;
}
.boxType4__unit--type4 .boxType4__label img {
  vertical-align: top;
  width: auto;
  height: 17px;
}
.boxType4__unit--type4 .boxType4__date {
  font-size: 83.3%;
  float: left;
  line-height: 17px;
}
.boxType4__unit--type4 .boxType4__title {
  clear: both;
  margin-top: 4px;
  font-weight: bold;
}
.boxType4__unit--type4 .boxType4__title a {
  color: black;
  text-decoration: none;
}
.boxType4__unit--type4 .boxType4__title a:hover {
  color: #0066cc;
  text-decoration: underline;
}
.boxType4__unit--type4 .boxType4__text {
  margin-top: 4px;
  color: #666666;
}

.boxType4__addition a {
  color: black;
  font-weight: bold;
  margin-top: 10px;
  text-align: right;
  display: block;
}

.boxType4__unit--typen {
  display: none;
}

.boxType4__btnMore span {
  display: block;
  width: 221px;
  height: 26px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
  margin: 20px auto 0;
  background: url(../img/btn_type13_off.png) 0 0 no-repeat;
}

.boxType4__btnReset {
  display: none;
  position: relative;
}

.boxType4__btnReset span {
  display: block;
  width: 100%;
  height: 26px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
  margin: 0 auto 20px;
  background: url(../img/btn_type15.png) 0 0 no-repeat;
}

.boxType4__inner--tb .boxType4__btnReset span {
  margin: 20px auto 0;
  background-position: -180px 0;
  border-radius: 13px;
}

.boxType4__btnReset .boxType4__label {
  position: absolute;
  text-align: right;
  top: 4px;
  right: 50%;
  padding-right: 10px;
  height: 17px;
}

.boxType4__inner--tb .boxType4__btnReset .boxType4__label {
  padding-right: 25px;
}

.boxType4__btnReset .boxType4__label img {
  border: 1px solid #bbb;
}

.boxType4__label {
  cursor: pointer;
}

.boxType4__text--link li {
  text-indent: -1em;
  margin-left: 1em;
}

@media (max-width: 959px) {
.boxType4 {
  margin-top: -15px;
  width: auto;
}
.boxType4__inner--pc {
  display: none;
}
.boxType4__inner--tb {
  display: block;
}
.boxType4__inner--sp {
  display: none;
}
.boxType4__left {
  width: auto;
  float: none;
  margin: 0;
}
.boxType4__right {
  width: auto;
  float: none;
  margin: 0;
}
}
@media (max-width: 767px) {
.boxType4 {
  width: auto;
  margin: 0;
}
.boxType4__inner--pc {
  display: none;
}
.boxType4__inner--tb {
  display: none;
}
.boxType4__inner--sp {
  display: block;
}
.boxType4__wrap {
  border-bottom: 1px solid gainsboro;
}

.boxType4__left {
  float: none;
  width: auto;
  margin: 0;
}

.boxType4__right {
  width: auto;
  float: none;
  margin: 0;
}

.boxType4__unit--type1 {
  width: auto;
  padding: 10px 30px 10px 10px;
  margin: 0;
  background: #fafafa;
  position: relative;
  border-style: none;
  border-top: 1px solid gainsboro;
}
.boxType4__unit--type1:before {
  content: '';
  display: block;
  width: 12px;
  height: 15px;
  position: absolute;
  right: 10px ;
  top: 50%;
  background: url(../img/icon_arrow3_right.png) 0 0 no-repeat;
  background-size: 12px auto;
  -webkit-background-size: 12px auto;
  margin-top: -7px;
}
.boxType4__unit--type1 .boxType4__img {
  float: left;
  max-width: 165px;
}
.boxType4__unit--type1 .boxType4__img img {
  width: 100%;
  height: auto;
}
.boxType4__unit--type1 .boxType4__category {
  text-align: right;
  margin: 0;
}
.boxType4__unit--type1 .boxType4__label {
  float: none;
  margin: 0;
}
.boxType4__unit--type1 .boxType4__date {
  float: none;
  color: #666;
  margin: 10px 0 0 0;
  line-height: 1;
}
.boxType4__unit--type1 .boxType4__title {
  font-size: 116.7%;
  clear: both;
  font-size: 116.7%;
  margin: 10px 0 0 0;
}
.boxType4__unit--type1 .boxType4__addition,
.boxType4__unit--type1 .boxType4__text {
  display: none;
}

.boxType4__unit--type2 {
  width: auto;
  padding: 10px 30px 10px 10px;
  margin: 0;
  background: #fafafa;
  position: relative;
  border-style: none;
  border-top: 1px solid gainsboro;
}
.boxType4__unit--type2:before {
  content: '';
  display: block;
  width: 12px;
  height: 15px;
  position: absolute;
  right: 10px ;
  top: 50%;
  background: url(../img/icon_arrow3_right.png) 0 0 no-repeat;
  background-size: 12px auto;
  -webkit-background-size: 12px auto;
  margin-top: -7px;
}
.boxType4__unit--type2 .boxType4__img {
  max-width: 200px;
  margin-bottom: 10px;
}
.boxType4__unit--type2 .boxType4__img img {
  width: 100%;
  height: auto;
}
.boxType4__unit--type2 .boxType4__category {
  text-align: right;
  margin: 0;
}
.boxType4__unit--type2 .boxType4__label {
  margin: 0;
}
.boxType4__unit--type2 .boxType4__date {
  color: #666;
  margin: 10px 0 0 0;
  line-height: 1;
}
.boxType4__unit--type2 .boxType4__title {
  clear: both;
  font-size: 116.7%;
  margin: 10px 0 0 0;
}
.boxType4__unit--type2 .boxType4__addition,
.boxType4__unit--type2 .boxType4__text {
  display: none;
}

.boxType4__unit--type3 {
  width: auto;
  padding: 10px 30px 10px 10px;
  margin: 0;
  background: #fafafa;
  position: relative;
  border-style: none;
  border-top: 1px solid gainsboro;
}
.boxType4__unit--type3:before {
  content: '';
  display: block;
  width: 12px;
  height: 15px;
  position: absolute;
  right: 10px ;
  top: 50%;
  background: url(../img/icon_arrow3_right.png) 0 0 no-repeat;
  background-size: 12px auto;
  -webkit-background-size: 12px auto;
  margin-top: -7px;
}
.boxType4__unit--type3 .boxType4__img {
  margin-bottom: 10px;
  max-width: 200px;
}
.boxType4__unit--type3 .boxType4__img img {
  width: 100%;
  height: auto;
}
.boxType4__unit--type3 .boxType4__category {
  text-align: right;
  margin: 0;
}
.boxType4__unit--type3 .boxType4__label {
  margin: 0;
}
.boxType4__unit--type3 .boxType4__date {
  color: #666;
  margin: 10px 0 0 0;
  line-height: 1;
}
.boxType4__unit--type3 .boxType4__title {
  clear: both;
  font-size: 116.7%;
  margin: 10px 0 0 0;
}
.boxType4__unit--type3 .boxType4__addition,
.boxType4__unit--type3 .boxType4__text {
  display: none;
}


.boxType4__unit--type4 {
  width: auto;
  padding: 10px 30px 10px 10px;
  margin: 0;
  background: #fafafa;
  position: relative;
  border-style: none;
  border-top: 1px solid gainsboro;
}
.boxType4__unit--type4:before {
  content: '';
  display: block;
  width: 12px;
  height: 15px;
  position: absolute;
  right: 10px ;
  top: 50%;
  background: url(../img/icon_arrow3_right.png) 0 0 no-repeat;
  background-size: 12px auto;
  -webkit-background-size: 12px auto;
  margin-top: -7px;
}
.boxType4__unit--type4 .boxType4__img {
  float: left;
  max-width: 165px;
}
.boxType4__unit--type4 .boxType4__img img {
  width: 100%;
  height: auto;
}
.boxType4__unit--type4 .boxType4__category {
  text-align: right;
  margin: 0;
}
.boxType4__unit--type4 .boxType4__label {
  float: none;
  margin: 0;
}
.boxType4__unit--type4 .boxType4__date {
  float: none;
  color: #666;
  margin: 10px 0 0 0;
  line-height: 1;
}
.boxType4__unit--type4 .boxType4__title {
  font-size: 116.7%;
  clear: both;
  font-size: 116.7%;
  margin: 10px 0 0 0;
}
.boxType4__unit--type4 .boxType4__addition,
.boxType4__unit--type4 .boxType4__text {
  display: none;
}

.boxType4__btnMore span {
  width: 260px;
  height: 44px;
  background: url(../img/btn_type13_sp.png) 0 0 no-repeat;
  background-size: 260px auto;
  -moz-background-size: 260px auto;
  -webkit-background-size: 260px auto;
}

.boxType4__btnReset span {
  width: 260px;
  height: 44px;
  background: url(../img/btn_type15_sp.png) 0 0 no-repeat;
  background-size: 260px auto;
  -moz-background-size: 260px auto;
  -webkit-background-size: 260px auto;
}

.boxType4__btnReset .boxType4__label {
  display: none;
}
}

/* ------------------------------------------------- *
 *        boxType5（AQUOS）
 * ------------------------------------------------- */
body.aquos .boxType5 {
  width: auto;
}
body.aquos .boxType5__unit {
	width: auto;
}

body.aquos .boxType5__unit--type1,
body.aquos .boxType5__unit--type2,
body.aquos .boxType5__unit--type3,
body.aquos .boxType5__unit--type4 {
  background: #fafafa;
  overflow: hidden;
  padding: 9px;
  margin-bottom: 15px;
  border: 1px solid gainsboro;
}

body.aquos .boxType5__unit--type1 .boxType5__img,
body.aquos .boxType5__unit--type2 .boxType5__img,
body.aquos .boxType5__unit--type3 .boxType5__img,
body.aquos .boxType5__unit--type4 .boxType5__img {
  float: left;
}
body.aquos .boxType5__category {
  margin: 0 0 0 10px;
  overflow: hidden;
}
body.aquos .boxType5__label {
  float: left;
  margin-right: 10px;
}
body.aquos .boxType5__label img {
  vertical-align: top;
}
body.aquos .boxType5__date {
  float: left;
  font-size: 83.3%;
  line-height: 17px;
  margin-top: 2px;
}
body.aquos .boxType5__unit--type1 .boxType5__title {
  margin: 4px 0 0 299px;
  font-weight: bold;
}
body.aquos .boxType5__unit--type2 .boxType5__title,
body.aquos .boxType5__unit--type3 .boxType5__title,
body.aquos .boxType5__unit--type4 .boxType5__title {
  margin: 4px 0 0 160px;
  font-weight: bold;
}
body.aquos .boxType5__title a {
  color: black;
  text-decoration: none;
}
body.aquos .boxType5__title a:hover {
  color: #0066cc;
  text-decoration: underline;
}
body.aquos .boxType5__unit--type1 .boxType5__text {
  margin: 4px 0 0 299px;
  color: #666666;
}
body.aquos .boxType5__unit--type2 .boxType5__text,
body.aquos .boxType5__unit--type3 .boxType5__text,
body.aquos .boxType5__unit--type4 .boxType5__text {
  margin: 4px 0 0 160px;
  color: #666666;
}


/* ------------------------------------------------- *
 *        boxType6
 * ------------------------------------------------- */
.boxType6 {
  margin: 20px 10px;
}
.boxType6 li {
  margin-top: 10px;
}
.boxType6 li:first-child {
  margin-top: 0;
}
.boxType6 a {}
.boxType6 img {
  width: 100%;
  height: auto;
}

.boxType6.is--spOnly .areaBtn {
  background: #ececec;
  margin-top: 0;
  overflow: hidden;
  padding: 5px;
}
.boxType6.is--spOnly .areaBtn a.linkBtn {
  border-left: 1px solid #ccc;
  float: right;
  padding-left: 10px;
}

/* ------------------------------------------------- *
 *        promotion movie
 * ------------------------------------------------- */
#promotionMovie {
  margin-bottom: 15px;
  background: #ececec;
}
#promotionMovie div.areaMovie {
  display: block;
  width: 310px;
  height: 174px;
  position: relative;
}
#promotionMovie div.movie {
  display: block;
  width: 310px;
  height: 174px;
  overflow: hidden;
  background: #000;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
}
body.promotionMovieIsZooming #promotionMovie div.movie {
  overflow: visible;
}

#promotionMovie div.movie div.inner {
  display: block;
  width: 312px;
  height: 175.5px;
  position: absolute;
  left: -1px;
  top: -0.75px;
}
body.promotionMovieIsZooming #promotionMovie div.movie div.inner {
  width: 100%;
  height: 100%;
  position: static;
}

#promotionMovie div.movie #player {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

#promotionMovie div.movie a.closeBtn {
  display: block;
  width: 27px;
  height: 27px;
  padding: 11px;
  background: #000;
  cursor: pointer;
  position: absolute;
  right: -59px;
  top: 0;
  z-index: 1;
}

#promotionMovie div.movie div.layer {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  cursor: pointer;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 0;
  opacity: 0;
}

#promotionMovie div.areaBtn {
  display: block;
  width: 300px;
  padding: 0 5px;
  background: #ececec;
  overflow: hidden;
}
#promotionMovie div.areaBtn a {
  outline: none !impoartant;
  cursor: pointer;
  margin: 5px 0;
}
#promotionMovie div.areaBtn a.zoomBtn {
  float: left;
}
#promotionMovie div.areaBtn a.linkBtn {
  float: right;
  padding-left: 10px;
  border-left: 1px solid #ccc;
}



html.csstransitions #promotionMovie div.movie {
  transition-property: width, height, padding;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
html.csstransitions #promotionMovie div.movie.isZooming  {
  width: 920px;
  height: 517px;
  padding: 20px;
}
html.csstransitions #promotionMovie div.movie a.closeBtn {
  transition: opacity 0.2s linear;
  opacity: 0;
}
html.csstransitions #promotionMovie div.movie.isZooming a.closeBtn {
  opacity: 1;
}
html.csstransitions #promotionMovie div.movie div.layer {
  transition: opacity 0.4s linear;
}
html.csstransitions #promotionMovie div.movie.isZooming div.layer {
  opacity: 1;
}
html.csstransitions body.promotionMovieIsZooming #promotionMovie div.movie div.layer {
  display: block;
}



html.no-csstransitions #promotionMovie div.movie a.closeBtn {
  display: none;
  opacity: 1;
}
html.no-csstransitions #promotionMovie div.movie div.layer {
  opacity: 1;
}



html.no-rgba.opacity #promotionMovie div.movie div.layer {
  background: #000;
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
}
html.no-opacity #promotionMovie div.movie div.layer {
  background: url(../img/bg_pattern_3.png) 0 0 repeat;
}



html.csstransitions #promotionMovie div.movie #player {
  transition: opacity 0.3s linear;
}
html.csstransitions #promotionMovie div.movie #player.hide {
  opacity: 0;
}



body.promotionMovieIsZooming .gnavInner,
body.promotionMovieIsZooming .areaHeader--pc__inner {
  z-index: 0;
}


@media (max-width: 959px) {
  #promotionMovie a.zoomBtn {
    display: none;
  }
}

#promotionMovieSP {
  display: block;
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
#promotionMovieSP iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
}


html.pre-legacy {
  * {
    transition:none !important;
    transform:none !important;
    animation:none !important;
  }
}


/* ------------------------------------------------- *
 *        pageTop
 * ------------------------------------------------- */
.pageTop {
  width: 960px;
  margin: 0 auto;
  padding-top: 20px;
  text-align: right;
  clear:both;
}

@media (max-width: 959px) {
.pageTop {
  width: 635px;
}
}
@media (max-width: 767px) {
.pageTop {
  display: none;
}
}

.hidden_slides {
  display: none;
}

/* ------------------------------------------------- *
 *        companyLink
 * ------------------------------------------------- */
.companies {
	color: #666;
	font-size: 13px;
	margin: 25px auto 35px;
	width: 960px;
	position: relative;
}
.companies a {
	display: block;
	text-decoration: none;
	color: #666;
}
.companies a:hover {
	color: #aaa;
}
.companiesList {
	border-right: 1px solid #ccc;
	margin-top: 20px;
	zoom: 1;
}
.companiesList:after {
	content: "";
	clear: both;
	display: block;
}
.companiesList li {
	float: left;
	display: block;
	border-left: 1px solid #ccc;
	text-shadow: 1px 1px 1px #aaa;
}
.companiesList li a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 189px;
	height: 38px;
}
.companies .delete {
	border-radius: 9px;
	border: 1px solid #666;
	margin: 10px;
	height: 18px;
	padding: 0 5px;
	position: absolute;
	right: -50px;
	bottom: 0;
}
.companies .delete:hover {
	border-color: #ccc;
}
@media (max-width: 959px) {
	.companies {
		width: 635px;
	}
	.companiesList li a {
		width: 125px;
	}
}/*@*/
@media (max-width: 767px) {
	.companies {
		display: none;
	}
}/*@*/