@charset "utf-8";

html,
body {
  height: auto !important;
}

.sp_br {
  display: none;
}

.sp_only {
  display: none;
}

.video-placeholder {
  background-color: #000;
  position: relative;
  width: 100%;
}

.video-placeholder iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.video-placeholder.ios-over > iframe {
  opacity: 0;
}

#sl1200gme .expansion a {
  width: 48.9%;
}

#sl1200gme .expansion img {
  width: 100%;
}

/*
//
// products style css /
//
*/
#sl1200gme [class^="co"] > img {
  width: 100%;
}
#sl1200gme .headding {
  line-height: 1.5;
}
#sl1200gme .headding + .finish {
  text-align: center;
}
#sl1200gme .finish strong {
  display: inline-block;
  padding: 0.8em 2em;
  font-size: 170%;
  border: 1px solid #ff0000;
  color: #ff0000;
  font-weight: normal;
}
@media screen and (max-width: 640px) {
  #sl1200gme .finish strong {
    font-size: 18px;
    padding: 0.8em 1em;
  }
}

#sl1200gme .content_links li.active img {
  opacity: 0.5 !important;
}
#sl1200gme sup.reg {
  top: -0.4em;
  font-size: 100%;
}
#sl1200gme dl.notes dt {
}
#sl1200gme dl.notes dt:nth-child(n + 2) {
  margin-top: 0.5em;
}
#sl1200gme dl.notes dd {
}
#sl1200gme h1 {
  line-height: 0;
}

#sl1200gme .kvArea {
  position: relative;
  width: 100%;
  margin-bottom: 70px;
}
#sl1200gme .kvArea figure {
  margin: 0;
}
#sl1200gme .kvArea figure img {
  width: 100%;
  height: auto;
}
#sl1200gme .kvArea figure.badge {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 248px;
}
#sl1200gme .kvArea .onSlash {
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -19px;
}
/* web catalog */
.web_ctlg {
  margin: 0 auto;
}
#sl1200gme h1 {
  text-align: center;
  margin: auto auto 30px;
}
#sl1200gme .sectionTitle {
  font-family: "DIN Regular";
  font-size: 36px;
  padding: 60px 0 20px;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 20px;
  line-height: 1;
}
#sl1200gme .sectionTitle span {
  font-size: 16px;
  padding-left: 10px;
  vertical-align: baseline;
  margin: auto;
}

#sl1200gme .sectionSubTitle {
  margin: 0 0 30px;
  padding: 3px 0 3px 20px;
  border-bottom: none;
  border-left: 4px solid #666;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.4;
}
#sl1200gme .sectionSubTitle_3 {
  margin: 0 0 20px;
  padding: 3px 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.4;
  text-align: left;
  background: none;
}
#sl1200gme .sectionLead {
  font-size: 110%;
  line-height: 200%;
}

#sl1200gme .sectionLead span {
  font-size: 12px;
  margin-top: 1em;
  display: block;
}

#sl1200gme h4 {
  margin: 0 0 20px;
  text-align: center;
}
#sl1200gme .lineH0 {
  line-height: 0;
}
#sl1200gme .lineH0 a {
  display: block;
}
#sl1200gme .read {
  margin-top: 20px;
  text-align: center;
  font-size: 108%;
  line-height: 195%;
}

#sl1200gme .tabAcc {
  cursor: pointer;
}
#sl1200gme .tabAcc .inner {
  position: relative;
  width: 100%;
}
#sl1200gme .tabAcc .inner .listBc {
  width: 100%;
}
#sl1200gme .tabAcc .inner .tab_name {
  position: absolute;
  top: 15%;
  left: 10%;
  width: 80%;
}
#sl1200gme .tabAcc .inner .tab_name img {
  display: block;
  width: 14.4%;
}
#sl1200gme .tabAcc .inner .tab_name span {
  display: block;
  margin: 5px 0 0;
  font-size: 133%;
  line-height: 150%;
}
#sl1200gme .tabAcc .inner .tab_name span > span {
  margin-top: 0;
}
#sl1200gme .tabContent .tabTitle p.main_tit {
  margin-bottom: 20px;
  font-size: 150%;
}
#sl1200gme .col2-resp .co2-1.sm2 {
  width: 35%;
}
#sl1200gme .col2-resp .co2-1.sm2 + .co2-2 {
  width: 61.2%;
}
#sl1200gme .btn_tab_detail {
  float: left;
}
#sl1200gme .parts_image {
  margin: 30px 0 0;
}

#sl1200gme .lisrArrow {
  position: relative;
  top: 1px;
  display: none;
  text-align: center;
  line-height: 0;
}
/* #sl1200gme .tabContent {
  display:none;
  clear:both;
  margin-bottom:15px;
  padding:40px;
  border: 1px solid #dfdfdf;
}
#sl1200gme .col3-resp{
  margin-bottom:15px;
}
#sl1200gme .tabContent .inner .col1-resp,
#sl1200gme .tabContent .inner .col2-resp,
#sl1200gme .tabContent .inner .col3-resp {
  margin-top:30px;
  margin-bottom: 20px;
} */
/*add 160711 h2エリアのみ適用*/
#sl1200gme .col1-resp {
  margin-top: 60px;
  margin-bottom: 0 !important;
}
/*特殊レイアウト col2-3_1, col2-3_2*/
#sl1200gme .col2-3_1 .col1,
#sl1200gme .col2-3_2 .col1 {
  float: left;
  margin-right: 2.2%;
  width: 48.9%;
}
#sl1200gme .col2-3_1,
#sl1200gme .col2-3_2 {
  position: relative;
}
#sl1200gme .col2-3_1 .co2-1,
#sl1200gme .col2-3_2 .co2-1 {
  float: left;
  margin-right: 0;
  width: 100%;
}
#sl1200gme .col2-3_1 .col1 + .col1,
#sl1200gme .col2-3_2 .col1 + .col1 {
  float: right;
  margin-right: 0;
}
#sl1200gme .col2-3_1 .co2-2,
#sl1200gme .col2-3_2 .co2-2 {
  width: 100%;
}
#sl1200gme .col2-3_1 .co2-2 img,
#sl1200gme .col2-3_2 .co2-2 img {
  position: absolute;
  bottom: 0;
  width: 48.9%;
}
#sl1200gme .col2-3_1 .co2-2 .co2,
#sl1200gme .col2-3_2 .co2-2 .co2 {
  left: 0;
  width: 23.726%;
}
#sl1200gme .col2-3_1 .co2-2 .co2 + .co2,
#sl1200gme .col2-3_2 .co2-2 .co2 + .co2 {
  left: 25%;
}
#sl1200gme .col2-3_1 .co2-3,
#sl1200gme .col2-3_2 .co2-3 {
  float: right;
  width: 100%;
  text-align: right;
}
#sl1200gme .co2-3 img,
#sl1200gme .co2-3 img {
  vertical-align: bottom;
}

/* #sl1200gme .tabContent .inner .col1-resp p,
#sl1200gme .tabContent .inner .col2-resp p,
#sl1200gme .tabContent .inner .col3-resp p {
  font-size:110%;
  line-height:200%;
}
#sl1200gme .tabContent .tabTitle .gray-belt {
  overflow:hidden;
}
#sl1200gme .tabContent .tabTitle .gray-belt span {
  float: left;
  margin: 0 0 25px;
  padding: 5px 15px;
  background: #666;
  color: #fff;
  font-size: 130%;
}
#sl1200gme .tabContent .tabTitle p {
  font-size:120%;
}
#sl1200gme .tabContent .tabTitle h3 {
  display: inline;
  margin: 0 10px 0 0;
  padding: 0;
  border: medium none;
  font-size: 200%;
  line-height: 160%;
}
#sl1200gme .tabContent .tabTitle span {
  display:block;
  font-size:120%;
} */
/* #sl1200gme .tabContent .tabTitle .pc_inline {
  display:inline;
} */
#sl1200gme .specification_detail {
  margin: 22px 0 0;
}
#sl1200gme .specification_detail .specification_caption {
  text-align: center;
  margin-bottom: 34px;
}
#sl1200gme .specification_caption ul {
  text-align: left;
  display: inline-block;
}
#sl1200gme .specification_caption ul li {
  line-height: 1.68;
}

#sl1200gme .specification_detail .detail {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
#sl1200gme .detail ul {
  width: 50%;
}

#sl1200gme .specification_detail dt {
  display: inline;
  padding: 0 0 5px;
  border-bottom: 1px solid #e0e0e0;
}
#sl1200gme .specification_detail dt span {
  padding: 0 0 0 7px;
  border-left: 3px solid #b2b2b2;
  font-size: 140%;
  line-height: 200%;
}
#sl1200gme .specification_detail dt.row_2 {
  display: inline-block;
  padding: 0 0 3px;
}
#sl1200gme .specification_detail dt.row_2 span {
  display: inline-block;
  line-height: 155%;
}
#sl1200gme .specification_detail dt.row_2 span span:nth-child(1) {
  border-bottom: 1px solid #e0e0e0;
}
#sl1200gme .specification_detail dt.row_2 span span {
  display: inline-block;
  padding: 0;
  border-left: none;
  font-size: inherit;
  line-height: inherit;
}
#sl1200gme .specification_detail dd {
  margin: 10px 0 25px;
}
#sl1200gme .specification_detail .price_detail {
  float: right;
  width: 49.6%;
  max-width: 458px;
}

#sl1200gme .specification_detail .price_detail .specification_title {
  width: 100%;
}

/* #sl1200gme .specification_detail .product_img {
  float:right;
  width: 40%;
} */

#sl1200gme .specification_detail .price_detail .name {
  line-height: 0;
}
#sl1200gme .specification_detail .price_detail .price,
#sl1200gme .specification_detail .price_detail figure {
  max-width: 621px;
  width: 100%;
}
/* 16-08-02 goods_name img -> p */
#sl1200gme .specification_detail .price_detail .goods_name {
  color: #656565;
  text-align: left;
  font-size: 300%;
  font-family: "DIN Regular";
}
#sl1200gme .specification_detail .price_detail .goods_name span {
  display: inline-block;
  font-size: 45%;
  padding-top: 3%;
}
#sl1200gme .specification_detail .price_detail .price {
  margin-top: 10px;
  font-size: 130%;
}

#sl1200gme .specification_detail .release {
  margin-top: 10px;
  font-size: 130%;
}

#sl1200gme .specification_detail .price_detail figure {
  float: right;
  margin: 0;
  text-align: left;
}
#sl1200gme .specification_detail .price_detail figure span {
  padding: 0 0 0 10px;
  vertical-align: bottom;
  font-size: 130%;
}
#sl1200gme .specification_detail .price_detail figure img {
  height: 24px;
  vertical-align: middle;
}
#sl1200gme .specification_detail .col2-resp {
  margin-top: 25px;
  margin-bottom: 0;
}
#sl1200gme .specification_detail .col2-resp {
  margin-top: 2%;
  /* text-align: center; */
  font-size: 95%;
}
#sl1200gme .specification_detail .co2-1 {
  text-align: left;
}
.vgpmark {
  margin-top: 10%;
}

/*!--added 201028 */
.vgpmark li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
}

.vgpmark li .aw_logo {
  width: 14%;
  max-width: 70px;
}

.vgpmark li .aw_cap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  padding-right: 1em;
  padding-left: 1.5em;
  font-family: "A-OTF UD Shin Go Pr6N";
  width: 86%;
}
.vgpmark li .aw_cap .p_name {
  font-size: 16px;
  line-height: 1.9;
}
.vgpmark li .aw_cap .p_name:before {
  content: "■";
  font-size: 0.8em;
  padding-right: 0.2em;
}
.vgpmark li .aw_cap .aw_txt {
  font-size: 12.8px;
  line-height: 1.45;
}
/* added 201028--!*/

.vgpmark li img {
  width: 100%;
  /*!--added 201028 */
  vertical-align: bottom;
  /*added 201028--!*/
}
.vgpmark li + li {
  margin-top: 5%;
}

@media only screen and (max-width: 640px) {
  #sl1200gme .specification_detail .detail {
    display: block;
  }

  #sl1200gme .detail ul {
    width: 100%;
  }

  #sl1200gme .detail ul li {
    width: 100%;
  }
}

/*content_links*/
#sl1200gme .content_links {
  margin: 0 0 40px;
}
#sl1200gme .content_links ul {
  overflow: hidden;
}
#sl1200gme .content_links li {
  float: left;
  margin-left: 1.7%;
  width: 49.1%;
  color: #666;
}
#sl1200gme .content_links li a {
  color: #666;
  text-decoration: none;
}
#sl1200gme .content_links li:first-child {
  margin-left: 0;
}
#sl1200gme .content_links li img {
  display: block;
  margin: 0 0 10px;
  width: 100%;
}
#sl1200gme .content_links li span {
  display: block;
  font-size: 170%;
}
/*movie*/
#sl1200gme #eventMovie {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: 0;
}

#sl1200gme #eventMovie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #eaeaea;
}
#sl1200gme .notes {
  margin: 30px 0 0;
  padding-left: 1.7%;
}
#sl1200gme .notes ul li:before {
  content: "● ";
}
#sl1200gme .notes ul li.db-circle:before {
  content: "◎ ";
}
#sl1200gme .notes ul li.asta:before {
  content: "※ ";
}
#sl1200gme .notes ul li.asta02:before {
  content: "＊ ";
}
#sl1200gme .notes ul li {
  text-indent: -1.7%;
}
#sl1200gme .notes ul li.in_img {
  margin-bottom: 1em;
}
#sl1200gme .notes ul li.in_img:before {
  content: none;
}
#sl1200gme .notes ul li.in_img img {
  display: inline-block;
  height: 1.6em;
  width: auto;
  margin-right: 1em;
  margin-bottom: -0.8em;
  vertical-align: top;
}

#sl1200gme .specification_detail .price_detail figure span.order {
  display: inline !important;
  margin-left: 10px;
  padding: 6px 10px !important;
  background-color: #c4c4c4;
  color: #fff;
  vertical-align: bottom;
  font-weight: bold;
  font-size: 12px;
  font-family:
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
    Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#sl1200gme .specification_detail .price_detail figure.vgpmark {
  float: left;
  padding: 10% 0 5%;
  width: 100%;
}
#sl1200gme .specification_detail .price_detail figure.vgpmark img {
  width: 100%;
  height: auto;
}
#sl1200gme .specification_detail .price_detail .product_img {
  /* float: left; */
  margin-top: 45px;
}
#sl1200gme .h2_style {
  padding: 4.4% 0 8.2% 2.864%;
  border-bottom: none;
  background-position: 100% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  line-height: 1;
  background-color: #e3e5e4;
  font-size: 22px;
  position: relative;
}
#sl1200gme .h2_style:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.05) 80%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.05) 80%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.05) 80%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1); */
  background: -moz-linear-gradient(
    left,
    rgba(239, 239, 239, 1) 0%,
    rgba(255, 255, 255, 1) 20%,
    rgba(255, 255, 255, 0.9) 40%,
    rgba(255, 255, 255, 0.05) 80%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(239, 239, 239, 1) 0%,
    rgba(255, 255, 255, 1) 20%,
    rgba(255, 255, 255, 0.9) 40%,
    rgba(255, 255, 255, 0.05) 80%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(239, 239, 239, 1) 0%,
    rgba(255, 255, 255, 1) 20%,
    rgba(255, 255, 255, 0.9) 40%,
    rgba(255, 255, 255, 0.05) 80%,
    rgba(255, 255, 255, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e5e4', endColorstr='#00ffffff', GradientType=1);
}

#sl1200gme .h2_style > * {
  position: relative;
  z-index: 2;
}
.h2_style strong {
  line-height: 1.72;
  margin-bottom: 3.1%;
  display: block;
}
#sl1200gme .h2_style p {
  /* font-size: 216%; */
  font-family: "DIN Regular";
  font-weight: bold;
}
#sl1200gme .h2_style span {
  margin: 0;
  vertical-align: initial;
  font-size: 124%;
  line-height: 1.6;
}

#sl1200gme .h2_bg01 {
  background-image: url(../images/h2_img_01-pc.jpg);
  color: #666;

  /* color: #d2d2d2; */
}

#sl1200gme .h2_bg02 {
  background-image: url(../images/h2_img_02-pc.jpg);
}

#sl1200gme .h2_bg03 {
  background-image: url(../images/h2_img_03-pc.jpg);
}

#sl1200gme .h2_bg04 {
  background-image: url(../images/h2_img_04-pc.jpg);
}

/* #sl1200gme .h2_bg02{
  background-image: url(../images/h2-bg02_pc.jpg);
  color: #666;
}

#sl1200gme .h2_bg03{
  background-image: url(../images/h2-bg03_pc.jpg);
  color: #d2d2d2;
}

#sl1200gme .h2_bg04{
  background-image: url(../images/h2-bg04_pc.jpg);
  color: #666;
} */
#sl1200gme .mT60_top {
  margin-top: 0 !important;
}

#sl1200gme .specification_detail .price_detail .co2-1 {
  width: 43.5% !important;
  padding-left: 12%;
}
#sl1200gme .specification_detail .price_detail .co2-2 {
  width: 40% !important;
}

/* SL1200G campaign bnr */
#sl1200gme .bnr_cp a {
  display: block;
  margin: 3% auto 0;
  width: 50%;
}
#sl1200gme .bnr_cp a > img {
  width: 100%;
}

/*20161201*/
#sl1200gme .present_campaign {
  margin-bottom: -35px;
}
/*-----------870px-----------*/
/*---------------------------*/

@media only screen and (max-width: 870px) {
  #sl1200gme .tabContent .inner .col2-resp.col2-3_2 p {
    font-size: 100%;
  }
}
/*-----------840px-----------*/
/*---------------------------*/

@media only screen and (max-width: 840px) {
  #sl1200gme .tabAcc .inner .tab_name {
    top: 10%;
    left: 5%;
    width: 90%;
  }
  #sl1200gme .tabAcc .inner .tab_name span {
    margin: 5px 0 0;
    font-size: 110%;
    line-height: 140%;
  }
}

/*-----------800px-----------*/
/*---------------------------*/

@media only screen and (max-width: 800px) {
  #sl1200gme .tabContent .inner .col2-resp.col2-3_1 p {
    font-size: 100%;
  }
  #sl1200gme .tabContent .inner .col2-resp.col2-3_2 p {
    font-size: 90%;
    line-height: 150%;
  }
}

/*-----------640px-----------*/
/*---------------------------*/
@media only screen and (max-width: 640px) {
  .sp_br {
    display: block;
  }

  .pc_only {
    display: none;
  }

  .sp_only {
    display: block;
  }

  #sl1200gme .expansion a {
    width: 100%;
  }

  #sl1200gme h1 img {
    width: 100%;
  }
  #sl1200gme .h2_style {
    padding: 10.1% 0 7.5% 4.864%;
  }
  #sl1200gme .h2_style p {
    margin-bottom: 1.6216%;
    font-size: 5.3vw;
  }
  #sl1200gme .h2_style span {
    font-size: 3.3vw;
    line-height: 1.1;
  }
  /* #sl1200gme .h2_bg01{
  background-image: url(../images/h2-bg01_spn.jpg);
}

#sl1200gme .h2_bg02{
  background-image: url(../images/h2-bg02_spn.jpg);
}

#sl1200gme .h2_bg03{
  background-image: url(../images/h2-bg03_spn.jpg);
}

#sl1200gme .h2_bg04{
  background-image: url(../images/h2-bg04_spn.jpg);
} */
  #sl1200gme .sectionSubTitle {
    font-size: 14px;
    padding: 1px 0 1px 4% !important;
    margin: 0 0 5%;
    line-height: 1.5;
  }
  #sl1200gme .sectionSubTitle_3 {
    margin: 0 0 3%;
    padding: 1px 0;
    font-weight: bold;
    font-size: 110%;
    line-height: 170%;
    text-align: left;
    background: none;
  }
  #sl1200gme .sectionLead {
    font-size: 110%;
    line-height: 170%;
  }
  /* 16-08-02 goods_name img -> p */
  #sl1200gme .specification_detail .price_detail .goods_name {
    text-align: center;
  }
  #sl1200gme .col1-resp {
    margin-top: 20px;
  }
  #sl1200gme .tabContent .inner .col2-resp.col2-3_1 p,
  #sl1200gme .tabContent .inner .col2-resp.col2-3_2 p {
    font-size: 110%;
    line-height: 160%;
  }
  #sl1200gme .sp_mB40 {
    margin-bottom: 40px !important;
  }
  #sl1200gme .kvArea .onSlash {
    bottom: -12px;
    margin-left: -9px;
    width: 18px;
  }
  /*h1 img {
      width:252px;
  }*/
  #sl1200gme h3.title-parts img {
    width: 52px;
  }
  #sl1200gme h3.title-specification img {
    width: 115px;
  }
  #sl1200gme h3.title-gallery img {
    width: 68px;
  }
  #sl1200gme h3 {
    padding: 0 0 12px;
  }
  #sl1200gme h4 {
    margin: 0;
    padding: 20px;
    background: #efefef;
  }
  #sl1200gme h4.title-r1 img {
    width: 211px;
  }
  #sl1200gme .specification_detail {
    margin: 13px 0 0;
  }
  #sl1200gme .specification_detail .price_detail .name img {
    width: 202px;
  }
  #sl1200gme .specification_detail .price_detail .price {
    margin: 1% 0 0 0;
    margin-bottom: 10%;
    text-align: center;
    font-size: 110%;
  }

  #sl1200gme .specification_detail .price_detail .release {
    text-align: center;
  }

  #sl1200gme .specification_detail .price_detail .price + img {
    margin-top: 0;
  }
  .vgpmark {
    margin-top: 10%;
    padding: 0 10%;
  }
  .vgpmark li img {
    width: 100%;
  }

  /* added 201028--!*/
  .vgpmark li .aw_logo {
    max-width: 100%;
    width: 25.5%;
  }

  .vgpmark li .aw_cap .p_name {
    font-size: 3.3vw;
    line-height: 1.5;
  }

  .vgpmark li .aw_cap .aw_txt {
    font-size: 2.9vw;
    line-height: 1.5;
  }

  /* added 201028--!*/
  #sl1200gme .read {
    margin: 0 15px;
    text-align: left;
    line-height: 160%;
  }
  #sl1200gme dl.notes {
    font-size: 85%;
  }
  #sl1200gme dl.notes a {
    font-size: 125%;
  }
  #sl1200gme .tabAcc .inner .listBc {
    display: none;
  }
  #sl1200gme .tabAcc .inner .tab_name {
    position: static;
    overflow: hidden;
    padding: 20px;
    width: auto;
    background: url(/products/common/images/sp_open.png) 93% center no-repeat;
    background-size: 4% auto;
  }
  #sl1200gme .tab_active .inner .tab_name {
    background: url(/products/common/images/sp_close.png) 93% center no-repeat;
    background-size: 4% auto;
  }
  #sl1200gme .tabAcc .inner .tab_name img {
    float: left;
    width: 8%;
  }
  #sl1200gme .tabAcc .inner .tab_name span {
    float: right;
    margin: 0;
    padding: 0 21% 0 0;
    width: 80%;
  }
  #sl1200gme .tabContainer {
    margin-bottom: 0;
  }
  /* #sl1200gme .tabAcc,
  #sl1200gme .tabContent {
      border:none;
      background:#efefef;
  }
  #sl1200gme .tabAcc {
      margin:1px 0 0;
  }
  #sl1200gme .tabContent {
      margin-bottom:0;
      padding:0 10px 10px;
  }
  #sl1200gme .tabContent .tabTitle h3 {
      font-size: 150%;
      line-height: 120%;
  }
  #sl1200gme .tabContent .tabTitle .pc_inline {
      display: block;
  }
  #sl1200gme .tabContent .inner {
      padding:10px;
      background:#ffffff;
  }
  #sl1200gme .tabContent .inner .col1-resp,
  #sl1200gme .tabContent .inner .col2-resp,
  #sl1200gme .tabContent .inner .col3-resp,
  #sl1200gme .tabContent .inner .col4-resp,
  #sl1200gme .tabContent .inner .col2-resp_rs {
      margin:10px 0 0;
  }
  #sl1200gme .tabContent .inner .col1-resp p,
  #sl1200gme .tabContent .inner .col2-resp p,
  #sl1200gme .tabContent .inner .col3-resp p,
  #sl1200gme .tabContent .inner .col4-resp p {
      line-height:160%;
  } */
  #sl1200gme .lisrArrow {
    display: none !important;
  }
  #sl1200gme .col2-resp {
    margin-top: 0 !important;
  }
  #sl1200gme .col2-resp:first-of-type {
    margin-bottom: 0;
  }
  #sl1200gme .col2-resp:last-of-type {
    margin-bottom: inherit;
  }
  #sl1200gme .col3-resp .co3-1,
  #sl1200gme .col3-resp .co3-2,
  #sl1200gme .col3-resp .co3-3 {
    float: none;
    margin-right: 0;
    width: 100%;
  }
  #sl1200gme .col2-resp .co2-1,
  #sl1200gme .col2-resp .co2-2,
  #sl1200gme .col2-resp .co2-1.sm2,
  #sl1200gme .col2-resp .co2-1.sm2 + .co2-2 {
    float: none;
    margin: 0;
    width: 100%;
  }
  #sl1200gme .col2-resp .co2-1 img,
  #sl1200gme .col2-resp .co2-2 img,
  #sl1200gme .col3-resp .co3-1 img,
  #sl1200gme .col3-resp .co3-2 img,
  #sl1200gme .col3-resp .co3-3 img {
    width: 100%;
  }
  #sl1200gme .col2-resp .co2-1,
  #sl1200gme .col2-resp .co2-2,
  #sl1200gme .tabContent .col3-resp .co3-1,
  #sl1200gme .tabContent .col3-resp .co3-2,
  #sl1200gme .tabContent .col3-resp .co3-3,
  #sl1200gme .col2-resp .co2-1.sm2 {
    margin-top: 10px;
  }
  /*movie*/
  #sl1200gme #eventMovie {
    padding-bottom: 55.7%;
  }

  /*特殊レイアウト col2-3_1, col2-3_2*/
  #sl1200gme .col2-3_1 .col1,
  #sl1200gme .col2-3_2 .col1 {
    float: none;
    margin-right: 0;
    width: 100%;
  }
  #sl1200gme .col2-3_1 .co2-1,
  #sl1200gme .col2-3_2 .co2-1 {
    float: none;
    margin-right: 0;
    width: 100%;
  }
  #sl1200gme .col2-3_1 .col1 + .col1,
  #sl1200gme .col2-3_2 .col1 + .col1 {
    float: right;
    margin-right: 0;
  }
  #sl1200gme .col2-3_1 .co2-2,
  #sl1200gme .col2-3_2 .co2-2 {
    width: 100%;
  }
  #sl1200gme .col2-3_1 .co2-2 img,
  #sl1200gme .col2-3_2 .co2-2 img {
    position: relative;
    width: 100%;
  }
  #sl1200gme .col2-3_1 .co2-2 .co2,
  #sl1200gme .col2-3_2 .co2-2 .co2 {
    width: 100%;
  }
  #sl1200gme .col2-3_1 .co2-2 .co2 + .co2,
  #sl1200gme .col2-3_2 .co2-2 .co2 + .co2 {
    left: 0;
    margin-top: 10px;
  }
  #sl1200gme .col2-3_1 .co2-3,
  #sl1200gme .col2-3_2 .co2-3 {
    float: none;
    margin-top: 10px;
    text-align: left;
  }
  #sl1200gme .co2-3 img,
  #sl1200gme .co2-3 img {
    vertical-align: bottom;
  }
  #sl1200gme .specification_detail dl.detail,
  #sl1200gme .specification_detail .price_detail,
  #sl1200gme .specification_detail .price_detail .price,
  #sl1200gme .specification_detail .price_detail figure,
  #sl1200gme .specification_detail .pc_width_free {
    float: none;
    max-width: 100%;
    width: 100%;
  }
  #sl1200gme .specification_detail .pc_width_free {
    border-bottom: none;
  }
  #sl1200gme .specification_detail .price_detail figure {
    float: none;
    text-align: center;
  }
  #sl1200gme .specification_detail .price_detail figure span {
    display: block;
    padding: 1% 0 0 0;
  }
  #sl1200gme .specification_detail .price_detail figure img {
    height: 7.48vw;
  }
  #sl1200gme .specification_detail .price_detail .co2-1,
  #sl1200gme .specification_detail .price_detail .co2-2 {
    font-size: 90%;
    float: left;
    margin-top: 0;
  }

  #sl1200gme .specification_detail .price_detail .specification_title {
    width: 85%;
    margin: 0 auto 10px;
    display: block;
  }

  #sl1200gme .specification_detail dt,
  #sl1200gme .specification_detail dt.row_2 span span:nth-child(1) {
    border-bottom: none;
  }
  #sl1200gme .specification_detail dt span {
    font-size: 125%;
  }

  #sl1200gme .tabContent .tabTitle p.main_tit {
    margin-bottom: 5%;
    font-size: 135%;
  }
  #sl1200gme .specification_detail .detail dd {
    margin: 0 0 15px;
    padding: 0 0 10px;
    font-size: 83%;
    line-height: 160%;
  }
  #sl1200gme .specification_detail dd {
    margin: 10px 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px dashed #cbcbcb;
  }
  #sl1200gme .specification_detail .price_detail {
    margin: 30px 0 0;
  }
  #sl1200gme .specification_detail .price_detail .col1-resp {
    margin-top: 0;
  }
  #sl1200gme .specification_detail .price_detail .price_content {
    text-align: center;
  }

  #sl1200gme .specification_detail .price_detail .co2-1 {
    width: 45.5% !important;
    padding-left: 12%;
  }
  #sl1200gme .specification_detail .price_detail .co2-2 {
    width: 38% !important;
  }

  /*content_other*/
  #sl1200gme .content_links li img {
    display: none;
  }
  #sl1200gme .content_links li {
    float: none;
    margin: 0;
    width: auto;
    border-bottom: 1px solid #efefef;
  }
  #sl1200gme .content_links li.active {
    padding: 10px;
    opacity: 0.6;
  }
  #sl1200gme .content_links li a {
    display: block;
    padding: 10px 40px 10px 10px;
    background: url(/products/common/images/sp_right_arrow.png) 95% center
      no-repeat;
    background-size: 2.5% auto;
  }
  #sl1200gme .content_links li span {
    display: inline;
    font-size: 100%;
  }
  #sl1200gme .specification_detail .price_detail figure.vgpmark img {
    width: 80%;
  }
  #sl1200gme .specification_detail .price_detail figure.vgpmark {
    padding: 2.5% 0;
  }
}

/*------------------itemSlider.css02------------------*/

/* @charset "utf-8"; */

.item-slide {
  display: none;
}
.galleryContiner02 {
  position: relative;
  margin-top: 30px;
}
#gallerySlider02 li {
  display: block;
  float: left;
  width: auto;
  zoom: 1;
}
#gallerySlider02 li a {
  display: block;
  width: 100%;
  height: 100%;
}
#gallerySlider02 li img {
  display: block;
  width: auto;
}
.caroufredsel_wrapper {
  position: relative;
}
.tecGallery-indicators02 {
  width: 100%;
  height: 50px;
  text-align: center;
  line-height: 50px;
}
.tecGallery-indicators02 a {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  width: 18px;
  height: 12px;
  background-color: #c8c8c8;
}
.tecGallery-indicators02 a.selected {
  background-color: #666666;
}
.carousel-control02 {
  position: absolute;
  top: 50%;
  display: block;
  margin-top: -69px;
  width: 34px;
  height: 88px;
  background-color: rgba(255, 255, 255, 0.7);
  background-repeat: no-repeat;
  text-align: center;
  line-height: 88px;
}
.carousel-control02.left02 {
  left: 0;
  background-image: url(/products/images/common_slide-arrow.png);
  background-position: left center;
}
.carousel-control02.right02 {
  right: 0;
  background-image: url(/products/images/common_slide-arrow.png);
  background-position: right center;
}

@media only screen and (max-width: 640px) {
  .parts_image {
    display: none;
  }
  .item-slide {
    position: relative;
    display: block;
    margin-top: 13px;
    margin-left: 0;
    width: auto;
  }
  .item-slide ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .item-slide li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    color: #999;
    text-align: center;
    font-size: 40px;
  }
  .item-slide li img {
    width: 100%;
  }
  #parts-prev,
  #parts-next,
  .carousel-control02.left02,
  .carousel-control02.right02 {
    position: absolute;
    top: 50%;
    margin-top: -28px;
    width: 22px;
    height: 56px;
    background-color: rgba(255, 255, 255, 0.7);
    background-position: center center;
    background-size: 8px 12px;
    background-repeat: no-repeat;
    cursor: pointer;
  }
  .carousel-control02.left02,
  .carousel-control02.right02 {
    margin-top: -53px;
  }
  #parts-prev,
  .carousel-control02.left02 {
    left: 0;
    background-image: url(/products/common/images/slide-prev.png);
  }
  #parts-next,
  .carousel-control02.right02 {
    right: 0;
    background-image: url(/products/common/images/slide-next.png);
  }
  .galleryContiner002 {
    margin-top: 13px;
  }
}

/*------------------itemSlider.css01------------------*/

/* @charset "utf-8"; */

.item-slide {
  display: none;
}
.galleryContiner01 {
  position: relative;
  margin-top: 30px;
}
#gallerySlider li img {
  max-width: 100%;
}
#gallerySlider01 li {
  display: block;
  float: left;
  width: auto;
  zoom: 1;
}
#gallerySlider01 li a {
  display: block;
  width: 100%;
  height: 100%;
}
#gallerySlider01 li img {
  display: block;
  width: auto;
}
.caroufredsel_wrapper {
  position: relative;
}
.tecGallery-indicators01 {
  width: 100%;
  height: 50px;
  text-align: center;
  line-height: 50px;
}
.tecGallery-indicators01 a {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  width: 18px;
  height: 12px;
  background-color: #c8c8c8;
}
.tecGallery-indicators01 a.selected {
  background-color: #666666;
}
.carousel-control01 {
  position: absolute;
  top: 50%;
  display: block;
  margin-top: -69px;
  width: 34px;
  height: 88px;
  background-color: rgba(255, 255, 255, 0.7);
  background-repeat: no-repeat;
  text-align: center;
  line-height: 88px;
}
.carousel-control01.left01 {
  left: 0;
  background-image: url(/products/images/common_slide-arrow.png);
  background-position: left center;
}
.carousel-control01.right01 {
  right: 0;
  background-image: url(/products/images/common_slide-arrow.png);
  background-position: right center;
}
@media only screen and (max-width: 640px) {
  .parts_image {
    display: none;
  }
  .item-slide {
    position: relative;
    display: block;
    margin-top: 13px;
    margin-left: 0;
    width: auto;
  }
  .item-slide ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .item-slide li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    color: #999;
    text-align: center;
    font-size: 40px;
  }
  .item-slide li img {
    width: 100%;
  }
  #parts-prev,
  #parts-next,
  .carousel-control01.left01,
  .carousel-control01.right01 {
    position: absolute;
    top: 50%;
    margin-top: -28px;
    width: 22px;
    height: 56px;
    background-color: rgba(255, 255, 255, 0.7);
    background-position: center center;
    background-size: 8px 12px;
    background-repeat: no-repeat;
    cursor: pointer;
  }
  .carousel-control01.left01,
  .carousel-control01.right01 {
    margin-top: -53px;
  }
  #parts-prev,
  .carousel-control01.left01 {
    left: 0;
    background-image: url(/products/common/images/slide-prev.png);
  }
  #parts-next,
  .carousel-control01.right01 {
    right: 0;
    background-image: url(/products/common/images/slide-next.png);
  }
  .galleryContiner01 {
    margin-top: 13px;
  }
  /* SL1200G campaign bnr  -SP*/
  #sl1200gme .bnr_cp a {
    margin: 7% auto 0;
    width: 100%;
  }
}
/*!-- 200605 added */
.bnrArea li {
  margin-bottom: 2%;
}
/* 200605 added --!*/

/* 20200828 追記 */
.title-wrap {
  margin: 14px 0 120px;
}

.brand-name {
  text-align: center;
}

.brand-name span {
  font-size: 20px;
}

/* .brand-name h1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1!important;
  margin-top: 28px!important;
  width: 55.6%;
  margin: 0 auto;
}

.brand-name dl {
  font-family: "DIN Regular", Arial, Helvetica, sans-serif;
}

.brand-name dt {
  font-size: 16px;
  margin-bottom: 15px;
}

.brand-name dd {
  font-size: 32px;
  font-family: "DIN Regular", Arial, Helvetica, sans-serif;
}

.brand-logo {
  width: 40.9%;
} */

.headding strong {
  /* font-size: 24px; */
  font-weight: normal;
  /* line-height: 2; */
  line-height: 1.8;
  margin-bottom: 4%;
  display: block;
}

.headding p {
  font-size: 16px;
  margin: 0 0 32px;
  font-size: 20px;
  line-height: 200%;
}

.pressrelease {
  width: 300px;
  margin: 0 auto;
  background-color: #333;
  height: 56px;
  text-align: center;
}

.pressrelease a {
  display: block;
  color: #fff !important;
  line-height: 56px;
  font-size: 20px;
}

.pressrelease a:hover {
  opacity: 0.75;
}

@media screen and (max-width: 640px) {
  .brand-name span {
    font-size: 16px;
  }

  .brand-name h1 {
    width: 90%;
    justify-content: space-around;
    width: 85%;
    margin-top: 15px !important;
  }

  .brand-name dt {
    font-size: 12px;
    margin-bottom: 10px;
  }

  .brand-name dd {
    font-size: 26px;
  }

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

  .headding strong {
    font-size: 18px;
  }

  .headding p {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .pressrelease {
    width: 100%;
  }
}

.section-content {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
}

.section-content p {
  padding-right: 2.8%;
  width: 50%;
  box-sizing: border-box;
}

.section-text {
  padding-right: 2.8%;
  width: 50%;
  box-sizing: border-box;
}

.section-content img {
  width: 50%;
}

.section-content figure {
  width: 50%;
  margin: 0;
}

.section-content figure img {
  width: 100%;
}

.section-content figcaption {
  font-size: 13px;
}

.product_img img {
  width: 100%;
}

p.specificationTtl {
  /* font-size: 140%; */
  font-size: 150%;
  line-height: 200%;
  font-weight: bold;
}

.specification_note {
  margin-bottom: 40px;
}

.software {
  margin: 15px 0;
}

.software strong {
  font-size: 16px;
  margin-left: -1.7%;
  display: inline-block;
}

.software ul {
  margin: 5px 0;
}

.software p,
.software a {
  margin-left: -1.7%;
}

.scale-img {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.scale-img-item {
  width: 32.2%;
}

.scale-img-item img {
  width: 100%;
  vertical-align: bottom;
  margin-bottom: 3px;
}

.section-analog b {
  font-size: 18px;
  margin-top: 20px;
  display: inline-block;
  line-height: 1.5;
  margin-left: 8%;
}

.sectionLead_b {
  font-size: 13px;
}

@media screen and (max-width: 640px) {
  .section-content {
    display: block;
  }

  .section-content p {
    width: 100%;
  }

  .section-content img {
    width: 100%;
    margin-top: 5%;
  }

  .section-content figure {
    width: 100%;
  }

  .section-content figure img {
    width: 100%;
  }

  .section-content figcaption {
    font-size: 13px;
  }

  #sl1200gme .specification_detail .price_detail .product_img {
    margin-top: 45px;
  }

  .inContents p {
    font-size: 120%;
    line-height: 170%;
  }

  p.specificationTtl {
    font-size: 135%;
    font-weight: bold;
  }

  .specification_note {
    margin-bottom: 40px;
    font-size: 83%;
    line-height: 160%;
  }

  .section-text {
    width: 100%;
  }

  .section-analog b {
    font-size: 14px;
  }
}
/* /20200828 追記 */

/* 20200925 追記 */
.image_with_text {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.iwt_img {
  width: 33.8%;
  text-align: center;
}

.iwt_img img {
  width: 83.1%;
}

.image_with_text dl {
  width: 66.2%;
}

.image_with_text dt {
  /* font-size: 20px; */
  line-height: 1.4;
  margin-bottom: 23px;

  font-size: 22px;
  font-weight: bold;
}

.image_with_text dd {
  font-size: 20px;
}

.section-subcontent {
  margin-bottom: 30px;
}

.section-subcontent h3 {
  font-size: 18px;
  text-align: left !important;
  margin-bottom: 10px !important;
}

.section-subcontent ul {
  font-size: 13px;
}

.section-subcontent .col2-resp:first-of-type {
  margin: 20px 0;
}

.col4-resp {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20px;
}

.col4-resp figure {
  width: 24%;
  margin: 0;
}

.col4-resp figure img {
  width: 100%;
}

.col4-resp figcaption {
  font-size: 13px;
}

/*-----------640px-----------*/
@media only screen and (max-width: 640px) {
  #sl1200gme .kvArea {
    margin-bottom: 10%;
  }
  .image_with_text {
    display: block;
  }

  .iwt_img {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }

  .iwt_img img {
    width: 83.1%;
  }

  .image_with_text dl {
    width: 100%;
    text-align: center;
  }

  .image_with_text dt {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .image_with_text dd {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .col4-resp {
    display: block;
  }

  .col4-resp figure {
    width: 100%;
    margin-bottom: 15px;
  }

  .col4-resp figure img {
    width: 100%;
  }

  .col4-resp figcaption {
    font-size: 13px;
  }

  .section-subcontent h3 {
    font-size: 16px;
    padding: 12px 10px 12px !important;
  }
}

#sl1200gme .specification_detail .info_detail .spec-format {
  width: 100%;
  font-family:
    DIN Regular,
    san-serif;
  font-size: 120%;
  table-layout: fixed;
  border-collapse: collapse;
  text-align: left;
  margin-bottom: 1.5em;
}

#sl1200gme .specification_detail .info_detail .spec-format thead {
  background: #a6a6a6;
  color: #fff;
  font-weight: bold;
}

#sl1200gme .specification_detail .info_detail .spec-format tbody {
  color: #333;
}

#sl1200gme .specification_detail .info_detail .spec-format tr > * {
  border: 1px solid #fff;
  padding: 4px 5px 2px;
  vertical-align: middle;
}

#sl1200gme
  .specification_detail
  .info_detail
  .spec-format
  tbody
  tr:nth-child(odd) {
  background: #d9d9d9;
}

#sl1200gme
  .specification_detail
  .info_detail
  .spec-format
  tbody
  tr:nth-child(even) {
  background: #bfbfbf;
}

#sl1200gme
  .specification_detail
  .info_detail
  .spec-format
  thead
  th:nth-child(1) {
  width: 18%;
}

#sl1200gme
  .specification_detail
  .info_detail
  .spec-format
  thead
  th:nth-child(2) {
  width: 14%;
}

#sl1200gme
  .specification_detail
  .info_detail
  .spec-format
  thead
  th:nth-child(3) {
  width: 48%;
}

#sl1200gme
  .specification_detail
  .info_detail
  .spec-format
  thead
  th:nth-child(4) {
  width: 20%;
}

/* moral */
.technology_img_wrap {
  position: relative;
  overflow: hidden;
}
.technology_img_wrap .anm_wrap {
  background: #000;
  padding-top: 66.6%;
}
.anm_wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
}

.technology_img_wrap .points-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.points-container li#point1 {
  left: 52.6%;
  top: 26%;
}
.points-container li#point2 {
  /* left: 71.6%;
  top: 27%; */
  left: 48%;
  top: 34%;
}
.points-container li#point3 {
  left: 72.6%;
  top: 54%;
}
.points-container li#point4 {
  left: 78.6%;
  top: 62%;
}
.points-container li {
  position: absolute;
  z-index: 5;
  font-size: 0;
}
.points-container li a {
  display: block;
}
.points-container li a:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: url(../images/point-ro.svg) 50% 0 / contain no-repeat;
}
.points-container li a:hover:after {
  opacity: 1;
}
.points-container li a:hover img {
  opacity: 0;
}
.points-container li a > img {
  /* width: 1.4375rem; */
  width: 1.8375rem;
  -webkit-animation-duration: 2s;
  -webkit-animation-name: point;
  -webkit-animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-name: point;
  animation-iteration-count: infinite;
}
@-webkit-keyframes point {
  0%,
  100% {
    -webkit-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.3);
  }
}

@keyframes point {
  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.3);
  }
}
/* fd-in */
.fd-in {
  animation-delay: 0.1s;
  opacity: 0;
}
.fd-in.move {
  animation-name: fade-in;
  animation-delay: 0.3s;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* sl-down */
.sl-down {
  animation-delay: 0.8s;
  opacity: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sl-down.move {
  animation-name: sl-down;
  animation-duration: 1.3s;
  /* animation-timing-function: ease-out; */
  animation-timing-function: cubic-bezier(0.23, 0.13, 0, 0.99);
  animation-fill-mode: both;
}
@keyframes sl-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@media screen and (max-width: 767px) {
  #sl1200gme .h2_style {
    font-size: 15px;
    background-size: cover;
    background-position: 60% 50%;
    padding: 37.9% 0 0.1% 4.864%;
  }

  #sl1200gme .h2_style strong {
    line-height: 1.4;
  }

  #sl1200gme .h2_style p {
    font-size: 4.3vw;
  }

  #sl1200gme .h2_bg01 {
    background-image: url(../images/h2_img_01-spn.jpg);
  }

  #sl1200gme .h2_bg02 {
    background-image: url(../images/h2_img_02-spn.jpg);
  }

  #sl1200gme .h2_bg03 {
    background-image: url(../images/h2_img_03-spn.jpg);
  }

  #sl1200gme .h2_bg04 {
    background-image: url(../images/h2_img_04-spn.jpg);
  }

  #sl1200gme .h2_style {
  }

  #sl1200gme .h2_style:after {
    content: none;
  }
}

.exp {
  position: relative;
  display: inline-block;
}
.exp:after {
  content: "ダミー";
  color: #fff;
  /* background: #000; */
  background: magenta;
  border: 1px solid #fff;
  width: auto;
  line-height: 1;
  font-size: 1.2em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  display: inline-block;
  text-align: center;
  font-weight: bold;
  padding: 0.3em 0.5em;
}

.btn_closeup {
  margin-top: 25px;
}

.btn_w + .btn_w .btn_closeup {
  margin-top: 10px;
}

.specification_detail .btn_w {
  display: inline-block;
  width: 100%;
}

/* ページ内リンク 20201015 */
#sl1200gme .col4-resp {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#sl1200gme .col4-resp-item {
  width: 24%;
  margin: 0;
}

#sl1200gme .tabAcc {
  cursor: pointer;
}

#sl1200gme .tabAcc .inner {
  position: relative;
  width: 100%;
}

#sl1200gme .tabAcc .inner .listBc {
  width: 100%;
}

#sl1200gme .tabAcc .inner .tab_name {
  left: 10%;
  position: absolute;
  top: 10%;
  width: 80%;
}

#sl1200gme .tabAcc .inner .tab_name span {
  color: #fff;
}
#sl1200gme .tabAcc .inner .tab_name span span {
  font-size: 1em;
  text-indent: -0.5em;
  letter-spacing: -0.05em;
  display: inline-block;
}

#sl1200gme .lisrArrow {
  display: none;
  line-height: 0;
  position: relative;
  text-align: center;
  top: 1px;
}

#sl1200gme .product_link a {
  line-height: 46px;
  font-size: 1.2vw;
  width: 50%;
  height: 46px;
  display: block;
  color: #fff;
  position: relative;
  text-align: center;
  background-color: #666;
  margin: 10px auto 0;
}

#sl1200gme .product_link a:hover {
  opacity: 0.75;
}

#sl1200gme .product_link a:after {
  content: "";
  border: 0px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 6%;
  width: 0.5em;
  height: 0.5em;
  top: calc(50% - 6px);
}

#sl1200gme .specification_image_bottom {
  width: 70% !important;
  margin-top: 40px;
}
#sl1200gme .specification_image_bottom figure {
}
#sl1200gme .price_detail .specification_image_bottom figure + figure {
  margin-top: 60px;
}
#sl1200gme .price_detail .specification_image_bottom figure + p {
  margin-top: 2em;
  display: inline-block;
}
#sl1200gme .specification_image_bottom figcaption {
  border: 1px solid #b2b2b2;
  padding: 0.3em 0.5em;
  display: inline-block;
  margin-bottom: 24px;
}
#sl1200gme .specification_image_bottom img {
  width: 100%;
  height: auto !important;
}

#sl1200gme .specification_image_bottom img.img_01 {
  max-width: 87.61%;
}
#sl1200gme .specification_image_bottom img.img_02 {
  max-width: 58%;
}

#sl1200gme .construction-content a {
  width: 50%;
}

#sl1200gme .construction-content a img {
  width: 100%;
}
@media screen and (max-width: 640px) {
  #sl1200gme .price_detail .specification_image_bottom figure {
    text-align: left;
  }

  .specification_image_bottom figure + p {
    font-size: 0.9em;
  }
}

@media screen and (max-width: 640px) {
  #sl1200gme .col4-resp {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  #sl1200gme .col4-resp-item {
    width: 49%;
    margin-bottom: 10px !important;
  }

  #sl1200gme .tabAcc .inner .listBc {
    display: block;
  }

  #sl1200gme .tabAcc .inner .tab_name {
    left: 0;
    top: 0;
    width: 85%;
    background: initial;
    padding: 4% 8%;
  }

  #sl1200gme .tabAcc .inner .tab_name span {
    padding-right: 10% !important;
    width: 100%;
    float: none;
  }

  #sl1200gme .product_link a {
    font-size: 4vw;
    width: 100%;
    height: 100%;
    padding: 4% 0 4% 4%;
    line-height: 1.5;
    margin: 0 auto;
    text-align: left;
    box-sizing: border-box;
  }

  #sl1200gme .product_link a:after {
    width: 0.5em;
    height: 0.5em;
    top: calc(50% - 7px);
  }

  #sl1200gme .specification_image_bottom {
    width: 90% !important;
    margin: 20px auto 0;
    display: block;
  }

  #sl1200gme .construction-content a {
    width: 100%;
  }
}

@media screen and (min-width: 641px) and (max-width: 767px) {
  #sl1200gme .tabAcc .inner .tab_name {
    top: 7%;
  }

  #sl1200gme .tabAcc .inner .tab_name span {
    font-size: 100%;
  }

  #sl1200gme .product_link a {
    font-size: 1.5vw;
  }
}

@media screen and (min-width: 1280px) {
  #sl1200gme .product_link a {
    font-size: 15px;
  }
}

/*!-- 2021/02/22 added*/
#sl1200gme .topbnr_margin {
  margin-top: 45px;
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  .title-wrap {
    margin-bottom: 0;
  }
  #sl1200gme .topbnr_margin {
    margin-top: 20px;
  }
}
/* 2021/02/22 added --!*/

/* 2021/07/20 added */

.col1-resp + .col2-resp {
  margin-top: 40px;
}
.multiple_start .multiple_item:nth-child(n + 2) {
  margin-top: 15%;
}

/* MV直下 */
.count_wrap {
  position: relative;
  color: #fff;
  margin-bottom: 75px;
}
.count_wrap .counter_bg {
  vertical-align: bottom;
}
.count_wrap .counter {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 83.1%;
  height: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  transform: translate(-50%, -59%);
}
.counter dl {
  text-align: center;
  text-shadow: 0 0 3px rgb(255 255 255 / 80%);
  min-width: 172px;
}
.counter dl dt {
  font-size: 16px;
  line-height: 2.2;
  margin-bottom: 25px;
  position: relative;
}
.counter dl dt:after {
  content: "";
  display: block;
  width: 100%;
  top: 100%;
  left: 50%;
  position: absolute;
  border-bottom: 1px solid #fff;
  transform: translateX(-50%);
  box-shadow: 0 0 3px 1px rgb(255 255 255 / 30%);
}
.counter dl dd {
  font-size: 30px;
}
.counter dl dd strong {
  font-family: "DIN Regular";
  font-weight: normal;
  line-height: 1em;
  display: inline-block;
  margin-bottom: -1em;
  font-size: 80px;
}
.counter dl dd.date {
  font-size: 13px;
  margin-top: 13px;
}
@media only screen and (max-width: 767px) {
  .count_wrap .counter {
    width: 83.1%;
    height: 95%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transform: translate(-50%, -50%);
  }
  .counter dl {
    text-align: center;
    text-shadow: 0 0 3px rgb(255 255 255 / 80%);
    min-width: 172px;
  }
  .counter dl dt {
    font-size: 16px;
    line-height: 2.2;
    margin-bottom: 10%;
    position: relative;
  }
  .until {
    margin-bottom: 13%;
  }
}

/* 購入方法 */
.detail_wrap {
}
#products_b .detail_wrap h3 {
  text-align: left;
  font-weight: bold;
  font-size: 14px;
}

.detail_wrap .detail_attention {
  font-size: 14px;
  margin-bottom: 37px;
}
.detail_attention li:before {
  content: "・";
}
.detail_attention li {
  line-height: 1.4;
  margin-bottom: 6px;
}

.detail_wrap .detail_schedule {
  margin: 0 auto;
  border-top: 1px solid #b5b5b5;
  border-bottom: 1px solid #b5b5b5;
  font-size: 16px;
  margin: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-feature-settings: "palt";
}
.detail_schedule div:first-child {
  width: 55%;
}
.detail_schedule div {
  width: 45%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.detail_schedule div strong {
  background: #efefef;
  text-align: center;
  font-weight: normal;
  width: 140px;
  line-height: 44px;
}
.detail_schedule div p {
  padding-left: 2em;
}
.schedule_chart {
  margin-top: 58px;
}

.audition {
  text-align: center;
  margin: 34px auto 0;
}
.audition a {
  color: #fff;
  background-color: #666;
  font-size: 16px;
  display: inline-block;
  width: 380px;
  height: 70px;
  line-height: 70px;
  position: relative;
  text-align: center;
  margin: 10px auto 0;
}
.audition a:after {
  content: "";
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 6%;
  width: 0.5em;
  height: 0.5em;
  top: calc(50% - 6px);
}
.audition a:hover {
  opacity: 0.75;
}

@media only screen and (max-width: 640px) {
  .detail_wrap .detail_schedule {
    display: block;
  }
  #products_b .detail_wrap h3 {
    background: none;
  }
  .detail_schedule div {
    width: 100% !important;
  }
  .detail_schedule div:first-child {
    border-bottom: 1px solid #b5b5b5;
  }
  .detail_schedule div strong {
  }
  .detail_schedule div p {
  }
  .detail_schedule div > * {
    font-size: 80%;
  }
  .detail_schedule strong {
    width: 30%;
    max-width: 150px;
    height: 3.6em;
  }

  .schedule_chart {
    margin-top: 40px;
  }
  .schedule_chart img {
    width: 80%;
    margin: auto;
    display: block;
  }
  .audition a {
    width: 90%;
  }
}

/* 取扱店 */
#sl1200gme h3.area_tit {
  width: 100%;
  background: #efefef;
  font-size: 170%;
  padding: 10px 0;
  text-indent: 20px;
  text-align: left;
}
#sl1200gme .tabContent {
  display: block;
  border: 0;
  padding: 0;
}
#sl1200gme .tabContent .inner .tabTitle h2 {
  font-size: 16px;
  padding: 30px 0 10px 0;
  border-bottom: 1px solid #d4d4d4;
  display: block;
}
.tabContent .inner .tabTitle h2:before {
  content: "■";
  color: #e8e8e8;
  vertical-align: top;
  font-size: 12px;
  padding-right: 2px;
}
.tabContent .inner .tabTitle h2 {
  font-size: 16px;
  padding: 30px 0 10px 0;
  border-bottom: 1px solid #d4d4d4;
}
.tabContent .inner .col2-resp {
  margin: 0 !important;
  padding: 20px 10px 15px 10px !important;
  border-bottom: 1px solid #d4d4d4;
}

.tabContent .inner dl.store_list {
  font-size: 116%;
}
.tabContent .inner dl.store_list dt {
  clear: right;
  float: left;
  margin: 0;
  padding: 0;
}
.tabContent .inner dl.store_list dd {
  margin-left: 45px;
  word-break: break-all;
}
.tabContent .inner .btnArea {
  margin: 0 !important;
  float: right;
}
.tabContent .inner .btnArea ul li a {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #666666;
  font-size: 12px;
  padding: 20px 20px 20px 35px !important;
  border: 1px solid #e8e8e8;
  text-decoration: none;
  display: block;
  text-align: left;
  background: #fdfdfd;
}
.tabContent .inner .btnArea ul li a.newWindow {
  background: url(/commonrw/images/icon_window.png) no-repeat 16px 50% !important;
}
.tabContent .inner .btnArea ul li a:visited {
  color: #666666 !important;
}
.tabContent .inner .btnArea ul li a:hover {
  background: url(/commonrw/images/icon_window.png) no-repeat 16px 50% #e2e2e2 !important;
}
.tabContent .inner .btnArea ul li a:active {
  color: #666666 !important;
}

@media only screen and (max-width: 640px) {
  #sl1200gme .tabAcc .inner .listBc {
    display: none;
  }
  #sl1200gme .tabAcc .inner .tab_name {
    overflow: hidden;
    padding: 0;
    position: static;
    width: auto;
    background: url(/products/common/images/sp_open.png) 93% center no-repeat;
    background-size: 4% auto;
  }
  #sl1200gme .tab_active .inner .tab_name {
    background: url(/products/common/images/sp_close.png) 93% center no-repeat;
    background-size: 4% auto;
  }
  #sl1200gme .tabAcc .inner .tab_name img {
    float: left;
    width: 8%;
  }
  #sl1200gme .tabAcc .inner .tab_name span {
    float: right;
    margin: 0;
    padding: 0 21% 0 0;
    width: 80%;
  }
  #sl1200gme .tabAcc .inner .tab_name span {
    width: 100%;
    font-size: 140%;
    padding: 20px 0 !important;
    text-indent: 20px;
    color: #666;
  }

  #sl1200gme .tabContainer {
    margin-bottom: 0;
  }
  #sl1200gme .tabAcc {
    background: #efefef;
    border: none;
  }
  #sl1200gme .tabAcc {
    margin: 1px 0 0;
  }
  #sl1200gme .tabContent {
    padding: 0 10px 20px;
    margin-bottom: 0;
    display: none;
    background: none;
  }
  #sl1200gme .tabContent .inner p {
    line-height: 160%;
  }
  #sl1200gme .tabContent .tabTitle h2 {
    font-size: 150%;
    line-height: 120%;
  }
  #sl1200gme .tabContent .tabTitle .pc_inline {
    display: block;
  }
  #sl1200gme .tabContent .inner {
    padding: 0;
    background: #ffffff;
  }
  #sl1200gme .tabContent .inner .col1-resp,
  #sl1200gme .tabContent .inner .col2-resp,
  #sl1200gme .tabContent .inner .col3-resp {
    margin: 10px 0 0;
  }
  #sl1200gme .lisrArrow {
    display: none !important;
  }
  #sl1200gme .btnArea ul li {
    margin: 0 auto;
    width: auto;
    float: none;
    white-space: nowrap;
    margin-bottom: 15px;
    margin-top: 20px;
    text-align: center;
  }
  #sl1200gme .tabContent .inner .btnArea ul li a {
    padding: 10px 20px 10px 30px !important;
  }
}

/* ギャラリー */
.gallery_list_wrap .flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.gallery_list {
  width: 100%;
}
.gallery_list a,
.gallery_list a img {
  display: block;
  width: 100%;
}

.gallery_list .w-100 {
  width: 100%;
}
.gallery_list .w-50 {
  width: 50%;
}
.gallery_list .w-25 {
  width: 25%;
}
.gallery_list .w-50 .w-25 {
  width: 50%;
}

@media only screen and (max-width: 640px) {
  .gallery_list .w-50 {
    width: 100%;
  }
}

#p3 {
  background-color: #fff;
  /* background-image:url(../images/p3-bg.jpg);
      background-repeat:no-repeat;
      background-size:100% auto;
      background-position:50% 0; */
  z-index: 2;
  /* min-height:100vh; */
}
#p3 .baseimg {
  background-image: url(../images/point_base.jpg);
  background-position: 50%;
  position: relative;
  aspect-ratio: 1366/877;
  background-size: contain;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 480px) {
  #p3 {
  }
}
@media screen and (min-width: 640px) {
  #p3 .baseimg {
    background-image: url(../images/point_base.jpg);
  }
}
@media screen and (min-width: 1200px), print {
  #p3 .baseimg {
    background-image: url(../images/point_base.jpg);
  }
}
#p3 .baseimg .points-container li {
  position: absolute;
  z-index: 5;
  font-size: 0;
}
#p3 .baseimg .points-container li a {
  display: block;
}
#p3 .baseimg .points-container li a > img {
  width: calc(1.4375rem * 1.5);
  /* width:3.0625rem; */
  -webkit-animation-duration: 2s;
  -webkit-animation-name: p3_point;
  -webkit-animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-name: p3_point;
  animation-iteration-count: infinite;
}
@-webkit-keyframes p3_point {
  0%,
  100% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
  }
}
@keyframes p3_point {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
}
@media screen and (max-width: 641px) {
  #p3 .baseimg .points-container li a > img {
    width: 1.4375rem;
  }
}

#p3 .baseimg .points-container li a:after {
  content: "";
  background: url(../images/point-ro.svg) center / contain no-repeat;
  display: inline-block;
  width: calc(1.4375rem * 1.5);
  height: auto;
  aspect-ratio: 1/1;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
@media screen and (max-width: 641px) {
  #p3 .baseimg .points-container li a:after {
    width: 1.4375rem;
  }
}
#p3 .baseimg .points-container li a:hover:after {
  opacity: 1;
}
#p3 .baseimg .points-container li a:hover img {
  opacity: 0;
}
#p3 .baseimg .points-container li#point1 {
  left: 38.9458272%;
  top: 44.4697833%;
}
#p3 .baseimg .points-container li#point2 {
  left: 35.3587115%;
  top: 35.9179019%;
}
#p3 .baseimg .points-container li#point3 {
  left: 25.6222547%;
  top: 9.1220068%;
}
#p3 .baseimg .points-container li#point4 {
  left: 60.1756954%;
  top: 11.9726339%;
}
#p3 .baseimg .points-container li#point5 {
  left: 19.1068814%;
  top: 42.5313568%;
}
#p3 .baseimg .points-container li#point6 {
  left: 59.2240117%;
  top: 82.8962371%;
}
#p3 .baseimg .points-container li#point7 {
  left: 75.1098096%;
  top: 50.0570125%;
}
#p3 .layoutframe {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 0 8%;
}
#p3 .layoutframe .row {
  display: table;
  width: 100%;
  height: 100%;
}
#p3 .layoutframe .row .col {
  display: table-cell;
  vertical-align: bottom;
  padding: 6% 0 0;
}
#p3 .layoutframe h2 > span {
  display: block;
}
#p3 .layoutframe h2 > span:not(:first-child) {
  margin-top: 1.3125rem;
}
#p3 .layoutframe h2 .sub {
  /*font-family: "DIN Regular", Arial, Helvetica, sans-serif;*/
  font-family:
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo",
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /*font-size: 1.125rem;
  line-height:1.7;*/
  font-size: 1.1rem;
  line-height: 1.2;
}
span.bold {
  font-weight: bold;
}
span.serif {
  font-family: serif;
}
#p3 .layoutframe h2 .sub > span {
  display: inline-block;
}
#p3 .layoutframe h2 .pclass {
  /*font-family: "DIN Regular", Arial, Helvetica, sans-serif;*/
  font-family:
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo",
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /*font-size: 2.125rem;*/
  font-size: 1.7rem;
}
#p3 .layoutframe h2 .pnum {
  font-size: 3.5rem;
  white-space: nowrap;
}
#p3 .layoutframe p {
  margin-top: 1em;
  font-family:
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo",
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.125rem;
  line-height: 1.833;
}
#p3 .layoutframe span.caution {
  display: block;
  line-height: 1.833;
  font-size: 0.8rem;
  margin-top: 0.75rem;
}
#p3 .layoutframe p.release {
  font-size: 1rem;
}
#p3 .layoutframe p.limited {
  margin-top: 0.5em;
  font-family:
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo",
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 0.9rem;
  line-height: 1.5;
}
.alpha {
  font-family: initial;
  font-size: 1.1em;
}
.logo-alpha {
  width: 3em;
}
span.b_box {
  border: 1px solid #4d4d4d;
  padding: 0.25em;
}
span.b_box.red {
  border-color: #ff0000;
  color: #ff0000;
  font-size: 0.9rem;
}
span.retail {
  line-height: 2;
  font-size: 1.125rem;
}

#p3 .product-spec {
  margin: 0 auto;
  max-width: 36rem;
  font-size: 1rem;
  line-height: 1.75;
  padding-bottom: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.product-spec + .notes {
  font-family:
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo",
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 4em 0;
  /* font-size: 0.75em; */
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  line-height: 2;
}
@media screen and (max-width: 641px) {
  #p3 .product-spec .notes {
    width: 100%;
  }
  .product-spec + .notes {
    padding: 0 1.5rem;
    text-align: left;
  }
  #p3 .layoutframe span.caution {
    text-align: left;
  }
}
#p3 .product-spec h2,
#p3 .product-spec dl dt.dinM {
  font-family: "DIN Medium", Arial, Helvetica, sans-serif;
}
#p3 .product-spec dl dt.dinM {
  font-size: 1.06rem;
}
#p3 .product-spec dl dt:not(.dinM) {
  font-family:
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo",
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  font-size: 0.9em;
}
#p3 .product-spec h2 {
  font-size: 1.5em;
}
#p3 .product-spec h2 > span {
  font-family:
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo",
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 0.7em;
  padding-left: 0.5em;
}
#p3 .product-spec dl dd {
  /*font-family: "DIN Regular", Arial, Helvetica, sans-serif;*/
  font-family:
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo",
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 0.8em;
}
#p3 .product-spec dl {
  margin-top: 2em;
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1/1), print {
}

#points-window {
  display: none;
}
.point-w-content {
  /*padding:25px 48px 48px;*/
  padding: 2em 3em 3em;
}
.point-w-content .point-layout .row .col + .col {
  margin-top: 2.5rem;
}
.point-w-content .point-layout > * + * {
  margin-top: 1.6rem;
}
.point-w-content .point-layout .row .col.graph {
  text-align: center;
}
.point-w-content .text {
  font-family:
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo",
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.point-w-content .text p.tit {
  font-size: 0.8rem;
  line-height: 1.5;
}
.point-w-content .text span.serif {
  font-size: 1.3em;
}
.point-w-content .text h3 {
  font-size: 1.2em;
  line-height: 1.4;
  /* margin-bottom: 2.3em; */
  /* margin-top: 0.4em; */
  font-weight: bold;
  border-left: 5px solid #461c1c;
  padding-left: 18px;
}
.point-w-content .text h3.titEng {
  font-size: 1.2em;
}
.point-w-content .text p + p.tit {
  margin-top: 3em;
}
.point-w-content .row .text p {
  font-size: 1.1em;
  line-height: 1.8;
}
.point-w-content .graph .graph-img {
  position: relative;
  display: inline-block;
}
/*.point-w-content.point-w2-w .graph .graph-img {
  max-width:70%;
}*/
.point-w-content .graph .graph-img img:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}
.point-w-content .graph .graph-img img:not(.active) {
  opacity: 0;
}
.point-w-content .graph .graph-control {
  text-align: left;
  margin-top: 1rem;
  width: 108%;
}
.point-w-content .graph .graph-control > div {
}
.point-w-content .graph .graph-control > div > ul {
}
.point-w-content .graph .graph-control > div > ul > li {
  padding: 0.45rem 0;
}
.point-w-content .graph .graph-control a {
  display: inline-block;
  text-decoration: none;
  color: #4d4d4d;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: "DIN Regular", Arial, Helvetica, sans-serif;
  padding: 0.1875rem 0 0.1875rem 1.375rem;
  background-image: url(../images/point.svg);
  background-position: 0 50%;
  background-size: 1.125rem;
  background-repeat: no-repeat;
}
.point-w-content .graph .graph-control a:hover {
  background-image: url(../images/point-ro.svg);
}
.point-w-content figure {
  margin: 0;
}
.point-w-content .graph img {
  width: 100%;
}
.point-w-content figcaption {
  font-size: 0.7em;
  margin-top: 8px;
  text-align: left;
}
@media screen and (min-width: 640px) {
  .point-w-content .graph .graph-control > div {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .point-w-content .graph .graph-control > div > ul {
    display: table-row;
  }
  .point-w-content .graph .graph-control > div > ul > li {
    display: table-cell;
    vertical-align: middle;
  }
  .point-w-content .text h3 {
    border-left: 5px solid #461c1c;
    padding-left: 1em;
  }
  .point-w-content .point-layout .row .col + .col {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .point-w-content {
    /*padding:1.5rem 3rem 1.5rem;*/
    padding: 1.5rem 2.5rem 1.5rem;
  }
  .point-w-content .point-layout {
    /* display:table; */
    width: 100%;
    min-height: 30rem;
    display: grid;
    place-content: center;
  }
  .point-w-content .point-layout .row {
    /* display:table-row; */
    display: flex;
    gap: 0 2em;
    font-size: 16px;
  }
  /* .point-w-content .point-layout .row .col {
      display:table-cell;
      vertical-align:middle;
      padding: 0 1rem;
  } */
  /* .point-w-content .point-layout .row .col:only-child {
      padding:0 3rem;
  } */
  .point-w-content .point-layout .row .col:nth-child(1) {
    /* width:54%; */
    flex: 1;
  }
  .point-w-content .point-layout .row .col.graph {
    text-align: center;
  }
  .point-w-content .point-layout .row.r_small .col:nth-child(2) {
    width: 37.65%;
  }
  .point-w-content .point-layout .row.r_large .col:nth-child(2) {
    width: 47.51%;
  }
  .point-w-content .graph .graph-img {
    max-width: none;
  }
}

/*
  Colorbox Core Style:
  The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
/*
  User Style:
  Change the following styles to modify the appearance of Colorbox.  They are
  ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background-color: rgba(0, 0, 0, 0.9);
}
#colorbox {
  outline: 0;
}
#cboxContent {
  margin-top: 0;
  overflow: visible;
}
.cboxIframe {
  background: rgba(244, 242, 245, 0.93);
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  background: rgba(244, 242, 245, 0.93);
  padding: 0;
}
#cboxLoadingGraphic {
  background: url(../images/loading.gif) no-repeat center center;
}
#cboxLoadingOverlay {
  background: rgba(244, 242, 245, 0.93);
}
#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #fff;
}
#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0.9375rem;
  right: 0.9375rem;
  /*font-family: sans-serif, Arial, Helvetica;*/
  font-family:
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo",
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  background: url(../images/icn-close.svg) no-repeat 100% 50%;
  padding-right: 1rem;
  text-indent: -9999px;
}
#cboxPrevious,
#cboxNext {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  width: 13px;
  height: 25px;
  background: url(../images/icn-arrow.svg) no-repeat 100% 50%;
  background-size: auto 100%;
  top: 50%;
  margin-top: -0.75rem;
}
#cboxPrevious {
  left: 1.5%;
}
#cboxNext {
  right: 1.5%;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#cboxPrevious:after,
#cboxNext:after {
}
#cboxSlideshow {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  background: url(../images/controls.png) no-repeat 0 0;
}
#cboxSlideshow:after {
  content: url(../images/controls.png);
  position: absolute;
  width: 125px;
  height: 50px;
  text-indent: 0;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}
.cboxSlideshow_on #cboxPrevious,
.cboxSlideshow_off #cboxPrevious {
  right: 66px;
}
.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -100px -25px;
}
.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -75px -25px;
}

@media screen and (min-width: 768px) {
  #cboxClose {
    text-indent: 0;
    width: auto;
  }
}

/*--------------------
#read
--------------------*/
#read {
  text-align: center;
}
#read .headding {
  line-height: 1.7;
}
#read strong {
  display: inline-block;
  font-weight: normal;
  line-height: 1.6;
}
#read .read {
  line-height: 1.68;
}
.title-wrap a {
  background: #1a1a1a;
  color: #fff;
  font-weight: bold;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin-inline: auto;
}
.title-wrap a:hover {
  background: #4c4c4c;
}

@media only screen and (max-width: 640px) {
  /* .product-nav .product-name::after {
    content: none;
  } */
  #read h1 {
    margin-top: 30px;
  }
  #read h1 img {
    width: 85vw;
  }
  #read .headding {
    font-size: 110%;
    margin: 5% 0;
  }
  #read .read {
    line-height: 1.7;
    margin: 0 15px;
    text-align: left;
  }
  #read strong {
    font-size: 107%;
    margin: 8% auto 0;
  }
  #read .button_wrap {
    padding: 4% 0 8%;
  }
  .title-wrap a {
    font-size: 16px;
    max-width: 406px;
    height: 56px;
    margin-top: 19px;
  }
}

@media only screen and (min-width: 641px) {
  #read h1 {
    margin-top: 60px;
  }
  #read .headding {
    font-size: 190%;
  }
  #read strong {
    font-size: 167%;
    margin: 46px 0 28px;
  }
  #read .read {
    margin: 0;
    font-size: 18px;
  }
  #read .button_wrap {
    padding: 0;
  }
  .title-wrap a {
    font-size: 16px;
    max-width: 406px;
    height: 56px;
    margin-top: 24px;
  }
  #read .headding.heading-01 {
    margin-top: 48px;
  }
  #read .headding.heading-02 {
    margin-top: 14px;
  }
  #read .read.read-01 {
    margin-top: 52px;
  }
  #read .read.read-02 {
    margin-top: 14px;
  }
}

/* -----------------------------------------------
  modalLinkbtn
----------------------------------------------- */
.modalLinkbtn {
  border: 2px solid #646464;
  background-color: #fff;
  display: flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
}
.modalLinkbtn:hover {
  opacity: 0.75;
  color: inherit;
}
.modalLinkbtn::before {
  content: "";
  border: 1px solid #646464;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.modalLinkbtn span {
  position: relative;
  font-weight: bold;
}
.modalLinkbtn span::after {
  content: "";
  background: url(../images/icon.svg) center / contain no-repeat;
  width: 1em;
  aspect-ratio: 15/12;
  position: absolute;
  top: 50%;
  left: calc(100% + 0.5em);
  translate: 0 -50%;
}
.modalLinkbtn span i:not(.new) {
  margin-right: 0.5em;
}
.modalLinkbtn span i.new {
  font-style: normal;
  color: #914108;
  font-weight: bold;
  display: inline-block;
}

@media only screen and (max-width: 640px) {
  .points-btn-container {
    margin-top: 30px;
  }
  .modalLinkbtn {
    min-height: 52px;
    padding: 0 30px 0 17px;
    font-size: min(3.72vw, 16px);
  }
  .modalLinkbtn::before {
    width: calc(100% - 6px);
    height: calc(100% - 6px);
  }
  .modalLinkbtn + .modalLinkbtn {
    margin-top: 12px;
  }
}

@media only screen and (min-width: 641px) {
  .points-btn-container {
    width: 100%;
    max-width: 1290px;
    margin: 30px auto 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 4.49%;
  }
  .modalLinkbtn {
    min-height: 58px;
    padding: 0 30px 0 17px;
    font-size: min(3.72vw, 16px);
    width: 47.75%;
    max-width: 100%;
  }
  .modalLinkbtn::before {
    width: calc(100% - 6px);
    height: calc(100% - 6px);
  }
}

/* -----------------------------------------------
  design
----------------------------------------------- */
.design-wrap img {
  max-width: 100%;
}
#products_b .design-point h3 {
  font-weight: bold;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  #sl1200gme .col3-resp :is(.co3-1, .co3-2) {
    margin-bottom: 20px;
  }
  #sl1200gme .design-point h3 {
    font-size: 14px;
    line-height: 1.44;
    background: none;
    padding: 0;
    margin: 0 0 6px;
  }
  .design-point p {
    font-size: 14px;
    line-height: 1.44;
  }
}

@media only screen and (min-width: 641px) {
  .design-color figcaption {
    font-size: 18px;
    line-height: 1.67;
    margin-top: 18px;
  }
  .design-point h3 {
    font-size: 18px;
    line-height: 1.44;
  }
  .design-point p {
    font-size: 18px;
    line-height: 1.44;
  }
}

/* -----------------------------------------------
  sticky_area
----------------------------------------------- */
.sticky_area {
  opacity: 1;
  pointer-events: initial;
  background: rgba(255, 255, 255, 0.9);
  border-top: 1px solid #ccc;
  bottom: 0;
  left: 0;
  padding: 1em 0;
  position: fixed;
  width: 100%;
  z-index: 96;
}
.sticky_area a.buy {
  font-weight: bold;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background: #000;
  border: 1px solid transparent;
  color: #fff;
  margin: auto;
}

@media only screen and (max-width: 640px) {
  .sticky_area a.buy {
    font-size: 16px;
    width: 87.2%;
    height: 56px;
  }
}

@media only screen and (min-width: 641px) {
  .sticky_area a.buy {
    font-size: 16px;
    width: 406px;
    height: 56px;
  }
  .sticky_area a.buy:hover {
    background: #4c4c4c;
  }
}

@media only screen and (max-width: 640px) {
  #page-footer {
    margin-bottom: 90px;
  }
}
