@charset "UTF-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "vdl-v7mincho", serif;
  font-weight: 400;
  background: black;
  color: white;
}

img {
  width: 100%;
}

.series {
  width: 100%;
  margin-bottom: 2em;
}

.series_container {
  margin-bottom: 5em;
}

.series img {
  width: 100%;
}

.series a:hover {
  opacity: 0.8;
}

.online_shop {
  width: 100%;
  margin-top: 6em;
}

.online_shop img {
  width: 100%;
}

.online_shop:hover {
  opacity: 0.5;
}

.online_shop_sp {
  display: none;
}

.box2 a {
  text-decoration: none;
  color: white;
}

.box2 a:hover {
  color: #fff;
  text-shadow: 0 0 10px #fff, 0 0 15px #fff;
}

.contents7_box .box3 a:hover {
  color: #fff;
  text-shadow: 0 0 10px #fff, 0 0 15px #fff;
}

.contents7_box .box3_big a:hover {
  color: #fff;
  text-shadow: 0 0 10px #fff, 0 0 15px #fff;
}

.cf_camp {
  width: 100%;
  text-align: center;
  margin-top: 7em;
  margin-bottom: 7em;
}

.cf_camp img {
  width: 100%;
}

.cf_camp .cf_camp_txt {
  font-size: 16px;
}

#container {
  width: 100%;
}

/*トップリンク*/
.header {
  text-align: right;

}

.header img {
  width: 13%;
  margin-top: 1em;
  margin-right: 1em;
}

.top {
  /* 画像ファイルの指定 */
  background-image: url("/products/PROMETHEUS/15.6_FHDmonitor/img/bag1.jpg");
  background-size: 100%;

  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;


  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #000000;
  height: 950px;
  background-position: center center;
  background-size: cover;

}

.top_bg_container {
  /* background-image: url("/products/PROMETHEUS/15.6_FHDmonitor/img/bag1.jpg"); */
  /* background-repeat: no-repeat; */
  background-color: #000000;
  /* background-position: center center;
  background-size: cover; */
}

.prom_inner {
  max-width: 1000px;
  margin: 0 auto;
}


.top_tittle {
  text-align: center;
  padding-top: 50px;
  margin-bottom: 40px;
}

.top_tittle p {
  font-size: 37px;
  letter-spacing: 0.2em;
  line-height: 1.5;
}

/*contents1*/
.contents1 {
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  /* position: absolute; */
}

.contents1_imgBox {
  position: relative;
  height: 630px;
}

.contents1 .contents1_img {
  position: absolute;
  top: 54%;
  left: 48%;
  transform: translate(-45%, -50%);
  -webkit-transform: translate(-45%, -50%);
  -ms-transform: translate(-45%, -50%);
  width: 65%;
  max-width: 650px;
}

.contents1 .contents1_img img {
  width: 100%;
}

.contents1 .contents1_img2 {
  text-align: left;
  /* margin-top: 40px; */
  width: 530px;
  position: relative;
  top: 30px;
  z-index: 1;
}

.contents1 .contents1_img2 img {
  width: 100%;
}

.contents1 .contents1_img3 {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
}

.contents1 .contents1_img3 img {
  width: 57%;
}

.contents1_text {
  text-align: center;
  font-size: 35px;
  color: #AB8E2A;
  margin-top: 1em;
  margin-bottom: 1em;
}

.about_img_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 4em;
}

.about_media_container {
  margin-bottom: 1em;
}

/* .about_media_text .a:link,
a:visited {
  color: #fff;
} */

.about_img_pic {
  width: 32.5%;
}

.about_media_text {
  text-align: left;
}

/*nav*/
.nav {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 100;
}

.main_nav {
  max-width: 1000px;
  padding-top: 10px;
}

.main_nav {
  max-width: 1000px;
  margin: 3em auto 1em;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}


#nav-button {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#nav-button li {
  display: table-cell;
  width: 30%;
}

#nav-button li a {
  display: block;
  padding: 0.6em;
  margin: 0 .2em;
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid #fff;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
}

#nav-button li a:hover,
#nav-button .is-active a {
  text-shadow: 0 0 10px #fff, 0 0 15px #fff;
  background-color: rgba(0, 0, 0, 0.5);
}

.nav-contents {
  padding: .5em 0em 1em;
  border-top: 1px solid #000;
}

.nav-contents {
  margin-top: 20px;
}

/* model */
.model_title {
  display: flex;
  align-items: center;
  margin: 0 0 2em;
  /* border: solid 1px #777; */
  padding: 1em 1em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  /* border-radius: 9px; */
  /* text-shadow: 0 0 0px #fff, 0 0 1px #fff; */
  /* box-shadow: 0 0 2px #fff, 0 0 7px #fff; */
}

.model_title_text_header {
  font-size: 24px;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
  padding: 0.2em 0.5em;
  margin-bottom: 0.5em;
}

.model_title_text {
  text-align: center;
  margin: 1em auto;
}

.model_title_text p {
  font-size: 1.1em;
  line-height: 1.8;
}

.products_name {
  /* font-size: 1.2em; */
  border-bottom: solid 1px #fff;
  padding: 0 0 0.3em 0;
  font-size: 16px;
}

.model_number {
  padding: 0.5em 0;
}

.products_feature1 {
  font-size: 0.9em;
  line-height: 1.5;
}

.products_feature2 {
  font-size: 0.9em;
  line-height: 1.5;
  text-align: left;
  margin-left: auto;
}

.model_logo {
  text-align: center;
  width: 45%;
  margin: 0 auto;
}

.model_4k {
  background-image: url("/products/PROMETHEUS/15.6_FHDmonitor/img/background4.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  margin-bottom: 6em;
}

/* .model_fhd {
  background-image: url("/products/PROMETHEUS/15.6_FHDmonitor/img/bg1a.jpg"),
    url("/products/PROMETHEUS/15.6_FHDmonitor/img/bg1b.jpg");
  background-repeat: no-repeat, no-repeat;
  background-position: top center, bottom center;
  background-size: 80%, 80%;
  margin-bottom: 6em;
} */

.model_fhd {
  background-image: url("/products/PROMETHEUS/15.6_FHDmonitor/img/bg1a.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
  margin-bottom: 3em;
}

.model_std {
  background-image: url("/products/PROMETHEUS/15.6_FHDmonitor/img/background3.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}

.prom_stand {
  background-image: url("/products/PROMETHEUS/15.6_FHDmonitor/img/background4.jpg"),
    url("/products/PROMETHEUS/15.6_FHDmonitor/img/bg1a.jpg");
  background-repeat: no-repeat, no-repeat;
  background-position: top center, center center;
  background-size: 100%, 100%;
}

/* .model_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
} */

.model_flex_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: start;
}

.model_flex {
  width: 33%;
  margin-bottom: 4em;
}

.model_std .model_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
}


.model_std .model_flex .model_img {
  width: 45%;
}

.model_std .model_flex .model_text {
  width: 35%;
}

.model_flex .model_img {
  width: 100%;
  /* margin: 3em 0 0; */
  position: relative;
}

.model_flex .model_img img {
  width: 100%;
}

.model_flex .model_img {
  width: 100%;
  /* margin: 3em 0 0; */
  position: relative;
}

.model_flex .model_img img {
  width: 100%;
}

.model_flex .model_img .new_icon {
  position: absolute;
  /* width: 110px;
  top: 78px;
  left: 15px; */
  width: 100px;
  top: 60px;
  left: 10px;
}

.model_flex .model_text {
  width: 100%;
  /* margin-top: 3em; */
  font-size: 14px;
}

.model_text_wrap {
  width: 100%;
  margin-right: auto;
  /* margin-left: 3em; */
}

.model_flex .model_text {
  width: 100%;
  /* margin-top: 3em; */
  font-size: 14px;
}

.model_text_wrap {
  width: 100%;
  margin-right: 0;
  margin-left: auto;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

/*add_model*/
.add_model {
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  margin-bottom: 8em;
}

.add_model a {
  text-decoration: none;
  color: #fff;
}

.add_model a:hover {
  /* color: orange; */
  text-shadow: 0 0 10px #fff, 0 0 15px #fff;
  background-color: rgba(0, 0, 0, 0.3);
}

/* newmodel */
.newmodel_container {
  width: 100%;
  /* margin: 4em auto 3em; */
  /* border-radius: 10px; */
  /* border: solid 1px #fff; */
  /* padding: 30px; */
  /* box-shadow: 0 0 2px #fff, 0 0 7px #fff; */
  /* background-color: rgba(0, 0, 0, 0.5); */
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: center;

  padding: 4em 0 3em;
  background-image: url("/products/PROMETHEUS/15.6_FHDmonitor/img/background3.jpg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 100%;
}

.newmodel_textbox {
  width: 45%;
  line-height: 1.7;
  padding-right: 10px;
}

.nowmodel_imgbox {
  width: 53%;
}




.newmodel_title {
  border-bottom: solid 1px #fff;
  margin-bottom: 10px;
  line-height: 1.6;
  padding-bottom: 8px;
  font-size: 24px;
  letter-spacing: 0.05em;
  text-align: center;
  text-align: left;
}

.newmodel_text {
  font-size: 15px;
}



/*4k*/
.add_model .stand4k_1,
.stand4k_2 {
  text-align: center;
  width: 40%;
  margin: 1em;
}

.add_model .stand4k_3,
.stand4k_4 {
  text-align: center;
  width: 40%;
  margin: -9em 1em 1em 1em;
}

.add_model .stand4k_1 img,
.stand4k_2 img,
.stand4k_3 img,
.stand4k_4 img {
  width: 100%;
}

.button_large {
  margin: 30px 0;
}

.button_large .bt-cart {
  display: block;
  padding: 1em;
  margin: 0 0.2em;
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid #fff;
  text-align: center;
  color: #fff;
  text-decoration: none;
  width: 45%;
  margin: 0 auto;
  border-radius: 50px;
  position: relative;
}

.button_large .bt-cart:before {
  content: "";
  position: absolute;
  top: 42%;
  right: 20px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
}

.button_large .bt-cart:after {
  content: "";
  position: absolute;
  top: 53%;
  right: 20px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(-45deg);
}

.model_button .bt-cart:hover a:hover {
  text-shadow: 0 0 10px #fff, 0 0 15px #fff;
  background-color: rgba(0, 0, 0, 0.5);
}

.model_button {
  margin: 1em 0;
}

.model_button .bt-cart {
  display: block;
  padding: 0.5em;
  background-color: rgba(0, 0, 0, 0.4);
  border: 1px solid #fff;
  text-align: center;
  color: #fff;
  text-decoration: none;
  width: 250px;
  border-radius: 50px;
  position: relative;
  font-size: 0.9em;
}

.model_button .bt-cart:before {
  content: "";
  position: absolute;
  top: 40%;
  right: 19px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
}

.model_button .bt-cart:after {
  content: "";
  position: absolute;
  top: 55%;
  right: 19px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(-45deg);
}

.model_button .bt-cart:hover a:hover {
  text-shadow: 0 0 10px #fff, 0 0 15px #fff;
  background-color: rgba(0, 0, 0, 0.5);
}

.add_model .add_tittle {
  font-size: 25px;
  text-align: center;
  margin-bottom: 4em;
}

.add_model .add_model_flex {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
}

.add_model .add_model_img15 {
  text-align: center;
  width: 100%;
  margin: 1em;
}

.add_model .add_model_img15 img {
  width: 60%;
}

.add_model .add_model_img16 {
  text-align: center;
  width: 100%;
  margin-bottom: 3em;
}

.add_model .add_model_img16 img {
  width: 50%;
  margin-top: -10em;
}

.add_model .add_model_text15 {
  text-align: center;
  width: 100%;
  margin-top: -6em;
  font-size: 20px;
  margin-bottom: 1em;
}

.add_model .add_model_img {
  text-align: center;
  width: 30%;
  margin: 1em;
}

.add_model .add_model_img img {
  width: 100%;
}

.add_model .add_model_img {
  text-align: center;
  width: 30%;
  margin: 1em;
}

.add_model .add_model_img img {
  width: 100%;
}

.add_model .add_model_img5 {
  text-align: center;
  width: 30%;
  margin: 1em;
}

.add_model .add_model_img5 img {
  width: 100%;
}

.add_model .add_model_img3 {
  text-align: center;
  width: 30%;
  margin-bottom: 3em;
}

.add_model .add_model_img3 img {
  width: 100%;
  margin-top: -8em;
}

.add_model .add_model_img4 {
  text-align: center;
  width: 30%;
  margin-bottom: 3em;
}

.add_model .add_model_img4 img {
  width: 100%;
  margin-top: -8em;
}

.add_model .add_model_img6 {
  text-align: center;
  width: 30%;
  margin-bottom: 3em;
}

.add_model .add_model_img6 img {
  width: 100%;
  margin-top: -8em;
}

.add_model .add_model_text {
  text-align: center;
  width: 32%;
  margin-top: -6em;
  font-size: 20px;
}

.add_model .add_model_text2 {
  text-align: center;
  width: 32%;
  margin-top: -6em;
  font-size: 20px;
}

.add_model .add_model_text3 {
  text-align: center;
  width: 32%;
  margin-top: -6em;
  font-size: 20px;
}

.add_model table {
  font-family: "kozuka-gothic-pro";
  font-weight: 300;
  border-collapse: collapse;
  border: solid 3px #FFFFFF;
  /*表全体を線で囲う*/
  width: 100%;
  line-height: 1.8em;
  margin-top: 2em;
}

.add_model table th {
  padding: 1em;
  border: solid thin #FFFFFF;
  background-color: rgba(255, 255, 255, 0.5);
}

.add_model table td {
  padding: 1em;
  border: solid thin #FFFFFF;
  width: 30%;
  text-align: center;
}

.stand {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6em;
}

.stand .stand_h {
  text-align: center;
  font-weight: bold;
}

.stand .stand_h p {
  font-size: 20px;
}

.stand .stand_top {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.stand .stand_top img {
  width: 80%;
}

.stand .stand_img_rogo {
  text-align: center;
}

.stand .stand_txt {
  text-align: center;
  font-size: 20px;
}

.contents_head {
  font-size: 20px;
  text-align: center;
  color: #444;
  border-top: 4px solid #d8dcdc;
  border-right: 4px solid #666;
  border-bottom: 4px solid #333;
  border-left: 4px solid #868888;
  border-radius: 0;
  background-image: -webkit-linear-gradient(135deg, #ccc 0%, #868888 20%, #d8dcdc 34%, white 53%, #ccc 100%);
  background-image: linear-gradient(-45deg, #ccc 0%, #868888 20%, #d8dcdc 34%, white 53%, #ccc 100%);
  font-weight: 700;
  margin: 0 auto 3em;
}

/*cotntents2*/
.contents2 {
  margin-top: 5em;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  background-image: url("/products/PROMETHEUS/15.6_FHDmonitor/img/bg1b.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}

.contents2 .contents2_img {
  text-align: center;
  margin-bottom: 2em;
}

.contents2 .contents2_img img {
  width: 70%;
}

.contents2 .contents2_text {
  text-align: center;
}

.contents2 .contents2_text_1 {
  text-align: center;
}

.contents2 .contents2_text span {
  font-size: 25px;
  font-weight: 700;
}

.contents2 .contents2_text p {
  margin-top: 1em;
  font-size: 20px;
  line-height: 1.8em;
}

.contents2 .contents2_img2 {
  text-align: center;
  margin-bottom: 2em;
  margin-top: 6em;
}

.contents2 .contents2_img2 img {
  width: 70%;
}

.contents2 .contents2_text2 {
  text-align: center;
}

.contents2 .contents2_text2 span {
  font-size: 25px;
  font-weight: 700;
}

.contents2 .contents2_text2 p {
  /* margin-top: 1em; */
  font-size: 20px;
  line-height: 1.8em;
}

.contents2 .contents2_img3 {
  text-align: center;
  margin-bottom: 2em;
  margin-top: 6em;
}

.contents2 .contents2_img3 img {
  width: 70%;
}

.contents2 .contents2_text3 {
  text-align: center;
}

.contents2 .contents2_text3 span {
  font-size: 30px;
}

.contents2 .contents2_text3 p {
  margin-top: 1em;
  font-size: 25px;
  line-height: 1.8em;
}

/*contents3*/
.contents3 {
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  background-image: url("/products/PROMETHEUS/15.6_FHDmonitor/img/bg1a.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}

.contents3 .contents3_flex {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.contents3 .contents3_img {
  text-align: center;
  width: 45%;
  margin-bottom: 3em;
  margin: 1em;
}

.contents3 .contents3_img img {
  width: 100%;
}

.contents3 .contents3_img2 {
  text-align: center;
  width: 45%;
  margin-bottom: 3em;
  margin: 1em;
}

.contents3 .contents3_img2 img {
  width: 100%;
}

.contents3 .contents3_text {
  text-align: center;
  width: 50%;
  line-height: 1.8;
}

.contents3 .contents3_text2 {
  text-align: center;
  width: 50%;
  line-height: 1.8;
}

.contents3 .contents3_text span {
  font-size: 20px;
  font-weight: 700;
}

.contents3 .contents3_text table {
  width: 100%;
  padding-left: 4em;
  margin-top: 1em;
}

.contents3 .contents3_text table th {
  width: 30%;
}

.contents3 .contents3_text table td {
  width: 70%;
  text-align: left;
}

.contents3 .contents3_text2 span {
  font-size: 20px;
  font-weight: 700;
}

.contents3 .contents3_text2 table {
  width: 100%;
  margin-top: 1em;
  padding-left: 4em;
}

.contents3 .contents3_text2 table th {
  width: 30%;
}

.contents3 .contents3_text2 table td {
  width: 70%;
  text-align: left;
}

.contents3 .contents3_flex2 {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 5em;
  justify-content: space-around;
}

.contents3 .contents3_img3 {
  text-align: center;
  width: 45%;
  margin-bottom: 3em;
  margin: 1em;
}

.contents3 .contents3_img3 img {
  width: 100%;
}

.contents3 .contents3_img4 {
  text-align: center;
  width: 45%;
  margin-bottom: 3em;
  margin: 1em;
}

.contents3 .contents3_img4 img {
  width: 100%;
}

.contents3 .contents3_text3 {
  text-align: center;
  width: 45%;
  line-height: 1.8;
}

.contents3 .contents3_text4 {
  text-align: center;
  width: 45%;
  line-height: 1.8;
}

.contents3 .contents3_text3 span {
  font-size: 20px;
  font-weight: 700;
}

.contents3 .contents3_text3 table {
  width: 100%;
  margin-top: 1em;
  padding-left: 4em;
}

.contents3 .contents3_text3 table th {
  width: 30%;
}

.contents3 .contents3_text3 table td {
  width: 70%;
  text-align: left;
}

.contents3 .contents3_text4 span {
  font-size: 20px;
  font-weight: 700;
}

.contents3 .contents3_text4 table {
  width: 100%;
  margin-top: 1em;
  padding-left: 4em;
}

.contents3 .contents3_text4 table th {
  width: 30%;
}

.contents3 .contents3_text4 table td {
  width: 70%;
  text-align: left;
}

.contents3 .contents3_text5 p {
  margin: 3em 0;
  font-size: 25px;
  line-height: 1.8em;
  text-align: center;
}

/*contents4*/
.contents4 {
  margin-top: 5em;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}

.contents4 .contents4_cable {
  text-align: center;
}

.contents4_cable img {
  width: 70%;
}

.contents4 .contents4_img {
  display: flex;
  flex-wrap: wrap;
  width: 1000px;
  margin-top: 3em;
  margin-left: auto;
  margin-right: auto;
  justify-content: space-around;
}

.contents4 .contents4_img img {
  width: 100%;
}

.contents4 .contents4_img .item1,
.item2,
.item3 {
  width: 32%;
}

.contents4 .contents4_img .text1,
.text2,
.text3 {
  width: 32%;
  text-align: center;
  line-height: 1.6;
  font-size: 15px;
}

.contents4 .contents4_img .text1 small {
  line-height: 1.5;
}

.contents4 .contents4_text {
  margin-bottom: 3em;
  margin-top: 1em;
  text-align: center;
}

.contents4 .contents4_text span {
  font-size: 25px;
  font-weight: 700;
}

.contents4 .contents4_text p {
  margin-top: 1em;
  font-size: 20px;
  line-height: 1.8em;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

/*contents5*/
.contents5 {
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  margin-bottom: 6em;
}

.contents5_head {
  font-size: 25px;
  text-align: center;
  margin-bottom: 4em;
}

.contents5_text {
  color: #444;
  font-weight: 700;
  padding: 0.5em 1em 0.5em 1em;
  display: inline-block;
  line-height: 1.3;
  background-image: linear-gradient(-45deg, #ccc 0%, #dddfdf 20%, #d8dcdc 34%, white 53%, #ccc 100%);
  vertical-align: middle;
  border-radius: 25px 25px 25px 25px;
}

.contents5_textbox {
  margin-bottom: 4em;
}

.youtube {
  margin-top: 3em;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 96% !important;
  height: 96% !important;
  margin: 0 auto;
}

/*contenst6*/
.contents6 {
  background-image: url("/products/PROMETHEUS/15.6_FHDmonitor/img/bag2.jpg");
  /* height: 2100px; */
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  background-size: 100%;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #000000;
  background-position: center;
  margin: 2em 0 6em;
}

.contents6_box {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1em;
}

.flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}


.contents6 .box1,
.box6,
.box3,
.box5 {
  width: 45%;
  margin: 2em 1em;
  border: solid 1px #FFFFFF;
}

.contents6 .box4 {
  width: 45%;
  margin: 2em 1em;
  border: solid 1px #FFFFFF;
  padding-bottom: 2em;
}

.box_img1,
.box_img2,
.box_img3,
.box_img4,
.box_img5 {
  width: 45%;
  margin: 2em 1em;

}

.box_img1 img,
.box_img2 img,
.box_img3 img,
.box_img4 img,
.box_img5 img {
  width: 100%;

}

.box_img4 img {
  width: 100%;
}


.box1 p,
.box6 p,
.box3 p,
.box4 p,
.box5 p {
  margin: 2em auto;
  padding: 0;
  text-align: center;
  line-height: 1.6em;
  font-size: 16px;
  font-weight: 100;
}

.box1 span,
.box6 span,
.box3 span,
.box4 span,
.box5 span {
  font-size: 23px;
  font-weight: 700;
}

.contents6_coution {
  font-size: 13px;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  word-break: break-all;
}


/*stand*/
.stand_con1 {
  margin-bottom: 6em;
  text-align: center;
}

.stand_con1 .con1 {
  margin-bottom: 3em;
}

.stand_con1 .con1_txt {
  font-size: 18px;
  margin: 0 auto 3em;
  width: 90%;
}

.stand_con1 .con2 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.stand_con1 .con2 .con2_img,
.con2_img2 {
  width: 50%;
}

.stand_con1 .con2 .con2_img img,
.con2_img2 img {
  width: 80%;
}

.stand_con1 .con2 .con2_img {
  text-align: right;
}

.stand_con1 .con2 .con2_img2 {
  text-align: left;
}

.stand_con1 .con2_txt {
  font-size: 18px;
  margin-bottom: 3em;
}

.con1_stand_img {
  width: 80%;
}

.movieBox_container {
  max-width: 900px;
  margin: 5em auto 4em;
}


.movieBox {
  width: 85%;
  margin: auto auto;
  height: 100%;
  padding: 18px;
}

.movieBox_wrap {
  background-image: url("/products/PROMETHEUS/15.6_FHDmonitor/img/movie_bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  /* height: 500px; */
  /* margin-top: 3em; */
  filter: drop-shadow(0 0px 10px #5e858b);
}

/* @media screen and (min-width:600px) and (max-width:1000px) {
  .movieBox {
    width: 609px;
    margin: auto auto;
  }

  .movieBox_wrap {
    width: 772px;
    background-image: url("/products/PROMETHEUS/15.6_FHDmonitor/img/movie_bg_tb.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 400px;
    margin: 2em auto 0;
  }
} */



/* gallery*/
.gallery {
  display: flex;
  width: 1000px;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5em;
}

.gallery .pic {
  width: 15.8%;
  margin: 0 4px;
}

.gallery .pic img {
  width: 100%;
}


/*store*/
.store {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  margin-bottom: 5em;
  max-width: 1000px;
}

.store_container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}

.store_container::after {
  content: "";
  width: 23%;
  display: block;
  margin: 0 6px 10px;
}

.store_container::before {
  content: "";
  width: 23%;
  display: block;
  order: 1;
  margin: 0 6px 10px;
}

.store_box {
  width: 23%;
  border: solid 1px #888;
  text-align: center;
  margin: 0 5px 10px;
  background-image: url("/products/PROMETHEUS/15.6_FHDmonitor/img/bg1a.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  padding-top: 8px;
  position: relative;
}

.store_box .model_img .new_icon {
  position: absolute;
  width: 80px;
  top: 60px;
  left: 10px;
}

.store .store_head {
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  padding: 5px;
  text-align: center;
  margin: 0 0 10px;
  line-height: 1.5;
  font-size: 14px;
}

.store_text {
  background: #575757;
  color: #fff;
  font-size: 20px;
  padding: 0.5em 15em;
  text-align: center;
  margin-bottom: 2em;
  border-radius: 5px;
}

.store_button_wrap {
  margin-bottom: 1em;
}

.store_button {
  margin: 0.5em 0;
}

.store_button .bt-cart {
  display: block;
  padding: 3px;
  background-color: rgba(0, 0, 0, 0.4);
  border: 1px solid #fff;
  text-align: center;
  color: #fff;
  text-decoration: none;
  width: 85%;
  border-radius: 50px;
  position: relative;
  font-size: 14px;
  margin: 0 auto;
}

.store_button .bt-cart_disable {
  display: block;
  padding: 3px;
  background-color: rgba(0, 0, 0, 0.4);
  border: 1px solid #777;
  text-align: center;
  color: #777;
  text-decoration: none;
  width: 85%;
  border-radius: 50px;
  position: relative;
  font-size: 14px;
  margin: 0 auto;
}

.store .bt-cart:hover {
  text-shadow: 0 0 10px #fff, 0 0 15px #fff;
  background-color: rgba(0, 0, 0, 0.5);
}

.store_big {
  width: 80%;
  text-align: center;
  margin-left: auto;
  margin-right: auto
}

.store1_big {
  width: 90%;
  text-align: center;
  margin-left: auto;
  margin-right: auto
}

.store .shop_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.store .shop_list .store1,
.store2 {
  width: 45%;
  margin: 0.5em 1em;
}

.sub_size {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.sub_size .model_name {
  color: #fff;
  padding: 0.5em 0 0.5em 1em;
  border-top: solid 2px #fff;
  border-bottom: solid 2px #fff;
  font-weight: 700;
  margin-bottom: 1em;
}

.sub_size img {
  width: 100%;
}

.sub_size .products_list_head {
  border-top: solid 1px #fff;
  border-left: solid 1px #fff;
  border-right: solid 1px #fff;
  text-align: center;
  padding: 0.5em 0;
  border-radius: 10px 10px 0 0;
}

.sub_size .products_list {
  border: solid 1px #fff;
  border-radius: 0 0 10px 10px;
  margin-bottom: 4em;
}

.sub_size .products_list_box {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 1em;
  padding: 2em 1em 1em;
  line-height: 2;
  flex-wrap: wrap;
}

.sub_size .products_list .products_list_box a {
  color: #fff;
  text-decoration: none;
}

.sub_size .products_list .products_list_box a:hover {
  transition: all 0s;
  text-decoration: underline;
}

.sub_size .list {
  margin-top: 1em;
}

.sub_size .list ul {
  list-style: none;
}

.sub_size .list li {
  text-indent: -1em;
  padding-left: 1em;
}

/* announcement_banner */
.announcement_banner {
  width: 100%;
  max-width: 900px;
  margin: 3em auto 0;
}

.announcement_banner a {
  color: #fff;
  text-decoration: none;
}

.announcement_banner img {
  width: 100%;
}

.announcement_banner img:hover {
  opacity: 0.8;
}


.announcement_banner_sp {
  display: none;
}

.banner_caption {
  text-align: center;
  margin-bottom: 2em;
}

@media screen and (min-width:600px) {

  #nav01,
  #nav02,
  #nav03,
  #nav04,
  #nav05,
  #nav06,
  #gallery,
  #stand_feature,
  #uq-pm13fhdnt,
  #uq-pm13fhdntgr,
  #uq-pm13fhd2,
  #uq-pm14fhdnt2,
  #uq-pm15fhdnt,
  #uq-pm15fhd,
  #uq-pm158fhdnt,
  #uq-pm173fhdnt,
  #uq-pm01stand,
  #uq-pm13fhdntgl,
  #uq-pm10fhdntgl {
    padding-top: 80px;
  }
}

/*Q&A*/

/*Q&AのCSS*/
.cp_qa {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3em;
  margin-bottom: 4em;
}

.cp_qa .qa_top {
  font-size: 25px;
  text-align: center;
  margin-bottom: 1em;
}


.cp_qa span {
  font-size: 25px;
  font-weight: 600;
}

.cp_qa hr {
  margin-bottom: 20px;
}

hr.style11 {
  height: 6px;
  background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
  border: 0;
  margin-bottom: 20px;
}

.cp_qa *,
.cp_qa *:after,
.cp_qa *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cp_qa .cp_actab {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 0 1em 0;
  color: #FFF;
  border: solid 1px #FFF;
}

.cp_qa .cp_actab input {
  position: absolute;
  opacity: 0;
}

/* 質問 */
.cp_qa .cp_actab label {
  font-weight: bold;
  line-height: 1.6em;
  position: relative;
  display: block;
  margin: 0 0 0 0;
  padding: 8px 2em 8px 2.5em;
  cursor: pointer;
  text-indent: 1em;
  border-radius: 0.5em;
  background: rgba(27, 37, 56, 0.1);
}

.cp_qa .cp_actab label::before {
  font-family: serif;
  font-size: 1.3em;
  margin-left: -2.2em;
  padding-right: 0.5em;
  content: 'Q';
}

.cp_qa .cp_actab label:hover {
  transition: all 0s;
  /* color: #00c7d9; */
  color: #ff9200;
}

/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.6em;
  position: absolute;
  top: 0;
  right: 0;
  content: '\2b';
  display: inline-block;
  width: 2em;
  height: 2em;
  -webkit-transition: transform 0.4s;
  transition: transform 0.4s;
}

/* 答え */
.cp_qa .cp_actab .cp_actab-content {
  position: relative;
  overflow: hidden;
  max-height: 0;
  padding: 0 0 0 2.5em;
  -webkit-transition: 0s;
  transition: 0s;
  border-radius: 0 0 0.5em 0.5em;
}

.cp_qa .cp_actab .cp_actab-content::before {
  font-family: serif;
  font-size: 1.5em;
  position: absolute;
  margin: 0 0 0 -1em;
  padding: 0;
  content: 'A';
}

.cp_qa .cp_actab .cp_actab-content p {
  margin: 0em 1em 0.5em;
}

/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked~.cp_actab-content {
  max-height: 40em;
  border: 10px solid rgba(27, 37, 56, 0.1);
}

/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked~label {
  /* color: #00c7d9; */
  color: #ff9200;
  border-radius: 0.5em 0.5em 0 0;
}

/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked+label::after {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

/*spec*/
.spec {
  margin-bottom: 2em;
}

.spec_head {
  font-size: 25px;
  text-align: center;
  margin-bottom: 4em;
}

.sub_spec {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.sub_spec table {
  font-family: "kozuka-gothic-pro";
  font-weight: 300;
  border-collapse: collapse;
  border: solid 3px #FFFFFF;
  /*表全体を線で囲う*/
  width: 1000px;
  line-height: 1.8em;
  margin-top: 2em;
  font-size: 14px;
}

.sub_spec table tr {
  width: 1000px;
}

.sub_spec table th {
  padding: 10px;
  border: solid thin #FFFFFF;
  width: 30%;
  line-height: 1.6;
}

.sub_spec table td {
  padding: 10px 0px 10px 30px;
  ;
  border: solid thin #FFFFFF;
  width: 70%;
  line-height: 1.6;
}

.spec_caution {
  margin-top: 1em;
}

.spec_caution p {
  line-height: 1.8em;
  font-weight: 100;
  font-size: 0.9em;
}

.spec_caution_center {
  text-align: center;
}


/*etc*/

.contents7_box {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3em;
}

.contents7 .contents7_box .box2 {
  margin-left: auto;
  margin-right: auto;
}

.flex2 {
  width: 1000px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
  align-items: center;
}

.flex2 a {
  text-decoration: none;
}

.contents7_box .box3 {
  height: 60px;
  width: 300px;
  margin: 2em 0.4em;
  border: solid 1px #FFFFFF;
  border-radius: 5px;
}

.contents7_box .box3 span {
  display: block;
  text-align: center;
  font-size: 16px;
  margin-top: 13px;
  color: white;
}

.contents7_box .box3 a {
  text-decoration: none;
}

.contents7_box .box3_big {
  height: 60px;
  width: 500px;
  margin: 2em auto;
  border: solid 1px #FFFFFF;
  border-radius: 5px;
}

.contents7_box .box3_big span {
  display: block;
  text-align: center;
  font-size: 16px;
  margin-top: 13px;
  color: white;
}

.contents7_box .box3_big a {
  text-decoration: none;
}

.box2 {
  width: 270px;
  border: solid 1px #FFFFFF;
  border-radius: 5px;
}

.box2 img {
  display: inline-block;
  vertical-align: middle;
  width: 22%;
  width: 14%;
  position: relative;
  left: -20px;
}

.box2 p {
  text-align: center;
  display: inline;
  vertical-align: middle;

}

.summary {
  margin-left: 27px;
  margin-top: 0.2em;

}

.summary2 {
  text-align: center;
  padding: 0.6em;
}

.summary3 {
  text-align: center;
  padding: 0.6em;
}

.summary4 {
  margin-left: 35px;
  margin-top: 0.2em;

}

.makuake {
  width: 1000px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6em;
}

.makuake_container {
  display: flex;
  align-items: center;
  margin-top: 2.5em;
}


.makuake p {
  width: 48%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.makuake_sp {
  display: none;
}

.makuake .bt-cart:hover {
  text-shadow: 0 0 10px #fff, 0 0 15px #fff;
  background-color: rgba(0, 0, 0, 0.5);
}

/*footer*/

#footer-all a {
  text-decoration: none;
  color: #434343;
}

#footer-all a:hover {
  text-decoration: none;
  color: #f39800;
}

#footer-all {
  background: #f0f0f0;
  height: 200px;
  font-family: "kozuka-gothic-pro";
  font-size: 13px;
  font-weight: 200;
}

#footer {
  width: 1000px;
  margin: 0 auto;
  padding: 25px 0;
  text-align: center;
  color: #333333;
}

#background_black #footer {
  color: #ffffff;
}

#footer-link {
  text-align: left;
  width: 50%;
  float: left;
}

#footer-link ul {
  width: 100%;
}

#footer-link ul li {
  display: block;
  list-style-type: none;
  float: left;
}

#footer-logo {
  width: 40%;
  float: right;
  margin: 20px 43px 0 0;
  text-align: right;
}

#footer-logo img {
  width: 50%;
}

address {
  font-style: normal;
  font-size: 10px;
  margin: 10px 0 0 0;
}


.solution {
  width: 1000px;
  margin: 5em auto;
}

.solution .solution_h {
  background-color: #A7A7A7;
  font-size: 20px;
  padding: 0.8em 0;
  color: #fff;
  margin-bottom: 2em;
  border-radius: 0.2em;
  text-align: center;
  width: 100%;
}

.solution .solution_img {
  width: 100%;
  margin-bottom: 1em;
  text-align: center;
}

.solution .solution_img img {
  width: 100%;
}

.solution .solution_text {
  width: 100%;
  text-align: left;
}

.solution .solution_text p {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* pagetop */
.scroll-top {
  background-color: #888;
  opacity: .8;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
  color: #fff;
}

.scroll-top a:hover,
.scroll-top .is-active a {
  text-shadow: 0 0 10px #fff, 0 0 15px #fff;
  background-color: rgba(255, 255, 255, 0.4);
}

#js-button {
  position: fixed;
  right: 30px;
  bottom: 30px;
}

.banner_container {
  margin: 5em auto;
  width: 80%;
  max-width: 800px;
}

.banner_container a:hover img {
  opacity: 0.9;
}

.banner_text {
  text-align: center;
}

.banner_text a {
  color: #fff;
  text-decoration: none;
}

.banner_text a:hover {
  text-decoration: underline;
}




@media screen and (min-width:600px) and (max-width:1024px) {
  /*Tablet*/

  /*トップリンク*/
  .header {
    text-align: right;

  }

  .button_large {
    text-align: center;
  }

  .button_large .bt-cart {
    padding: 1em;
    width: 50%;
  }

  .header img {
    width: 22%;
    margin-top: 1em;
    margin-right: 1em;
  }

  #nav-button li a {
    display: block;
    padding: 10px 5px;
    margin: 0 3px;
    font-size: 13px;
  }

  .top {
    /* 画像ファイルの指定 */
    height: 900px;

  }

  .prom_inner {
    width: 95%;
  }

  .newmodel_textbox {
    width: 47%;
    padding: 0;
  }

  .nowmodel_imgbox {
    width: 50%;
  }

  .newmodel_textbox {
    width: 45%;
    line-height: 1.7;

  }

  .top_tittle p {
    font-size: 30px;
  }

  .banner {
    display: block;
    margin-top: 8em;
    margin-bottom: 8em;
    width: 100%;
  }

  .banner img {
    width: 100%;
  }

  .model_title {
    width: 90%;
    margin: 1em auto;
  }

  .model_title_text_header {
    font-size: 20px;
  }

  .model_text_wrap {
    width: 100%;
    margin-right: auto;
    margin-left: 0;
  }

  .model_flex_container::after {
    content: "";
    width: 40%;
    display: block;
  }

  .model_flex {
    width: 40%;
    margin-bottom: 4em;
  }

  .newmodel_text {
    font-size: 14px;
  }

  /*contents1*/
  .contents1 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .contents1 .contents1_img {
    text-align: center;
    width: 65%;
    min-width: 570px;
  }

  .contents1 .contents1_img img {
    width: 100%;
    /* position: absolute;
    top: 35px;
    left: 19%; */
  }

  .contents1_text {
    width: 100%;
    text-align: center;
    font-size: 25px;
  }

  .contents1 .contents1_img2 {
    width: 100%;
    margin-top: 0;
  }

  .contents1 .contents1_img2 img {
    min-width: 450px;
    width: 53%;
    margin-left: 0;
    z-index: 1;
    position: relative;
  }

  .contents1 .contents1_img3 {
    width: 100%;
    text-align: right;
    margin-top: 3em;
  }

  .contents1 .contents1_img3 img {
    width: 40%;
    min-width: 350px;
  }

  /*add_model*/
  .add_model {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .add_model .add_tittle {
    text-align: center;
    font-size: 25px;
  }

  .add_model .add_model_flex {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }

  /*flex1*/
  .add_model_flex .add_model .add_model_img {
    text-align: center;
    width: 29%;
    margin: 1em;
  }

  .add_model_flex .add_model .add_model_img {
    text-align: center;
    width: 29%;
    margin: 1em;
  }

  .add_model_flex .add_model .add_model_img img {
    width: 100%;
  }

  .add_model_flex .add_model .add_model_img {
    text-align: center;
    width: 29%;
    margin: 1em;
  }

  .add_model_flex .add_model .add_model_img img {
    width: 100%;
  }

  .add_model_flex .add_model .add_model_img5 {
    text-align: center;
    width: 29%;
    margin: 1em;
  }

  .add_model_flex .add_model .add_model_img5 img {
    width: 100%;
  }

  .add_model_flex .add_model .add_model_img3 {
    text-align: center;
    width: 29%;
    margin-bottom: 3em;
  }

  .add_model_flex .add_model .add_model_img3 img {
    width: 100%;
    margin-top: -5em;
  }

  .add_model_flex .add_model .add_model_img4 {
    text-align: center;
    width: 29%;
    margin-bottom: 3em;
  }

  .add_model_flex .add_model .add_model_img4 img {
    width: 100%;
    margin-top: -5em;
  }

  .add_model_flex .add_model .add_model_img6 {
    text-align: center;
    width: 29%;
    margin-bottom: 3em;
  }

  .add_model_flex .add_model .add_model_img6 img {
    width: 100%;
    margin-top: -5em;
  }

  .add_model_flex .add_model .add_model_text {
    text-align: center;
    width: 32%;
    margin-top: -6em;
    font-size: 16px;
  }

  .add_model_flex .add_model .add_model_text2 {
    text-align: center;
    width: 32%;
    margin-top: -6em;
    font-size: 16px;
  }

  .add_model_flex .add_model .add_model_text3 {
    text-align: center;
    width: 32%;
    margin-top: -6em;
    font-size: 16px;
  }

  .add_model table {
    font-family: "kozuka-gothic-pro";
    font-weight: 300;
    border-collapse: collapse;
    border: solid 3px #FFFFFF;
    /*表全体を線で囲う*/
    width: 98%;
    line-height: 1.8em;
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
  }

  .add_model table th {
    padding: 1em;
    border: solid thin #FFFFFF;
    background-color: rgba(255, 255, 255, 0.5);
  }

  .add_model table td {
    padding: 1em;
    border: solid thin #FFFFFF;
    width: 30%;
    text-align: center;
  }

  /*cotntents2*/
  .contents2 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .contents2 .contents2_text span {
    font-size: 25px;
  }

  .contents2 .contents2_text p {
    margin-top: 1em;
    font-size: 20px;
    line-height: 1.8em;
  }

  .contents2 .contents2_text2 span {
    font-size: 25px;
  }

  .contents2 .contents2_text2 p {
    margin-top: 1em;
    font-size: 20px;
    line-height: 1.8em;
  }

  /*contents3*/
  .contents3 {
    width: 99%;
  }

  .contents3 .contents3_flex {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }

  .contents3 .contents3_img {
    text-align: center;
    width: 45%;
    margin-bottom: 3em;
    margin: 1em;
  }

  .contents3 .contents3_img img {
    width: 100%;
  }

  .contents3 .contents3_img2 {
    text-align: center;
    width: 45%;
    margin-bottom: 3em;
    margin: 1em;
  }

  .contents3 .contents3_img2 img {
    width: 100%;
  }

  .contents3 .contents3_text table {
    padding-left: 1em;
  }

  .contents3 .contents3_text2 {
    text-align: center;
    width: 50%;
  }

  .contents3 .contents3_text span {
    font-size: 25px;
  }

  .contents3 .contents3_text2 span {
    font-size: 25px;
  }

  .contents3 .contents3_text2 table {
    padding-left: 1em;
  }

  .contents3 .contents3_flex2 {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 5em;
  }

  .contents3 .contents3_img3 {
    text-align: center;
    width: 45%;
    margin-bottom: 3em;
    margin: 1em;
  }

  .contents3 .contents3_img3 img {
    width: 100%;
  }

  .contents3 .contents3_img4 {
    text-align: center;
    width: 45%;
    margin-bottom: 3em;
    margin: 1em;
  }

  .contents3 .contents3_img4 img {
    width: 100%;
  }

  .contents3 .contents3_text3 {
    text-align: center;
    width: 50%;
  }

  .contents3 .contents3_text3 p {
    width: 95%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .contents3 .contents3_text3 table {
    padding-left: 1em;
  }

  .contents3 .contents3_text4 {
    text-align: center;
    width: 50%;
  }

  .contents3 .contents3_text4 p {
    width: 95%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .contents3 .contents3_text4 table {
    padding-left: 1em;
  }

  .contents3 .contents3_text3 span {
    font-size: 25px;
  }


  .contents3 .contents3_text4 span {
    font-size: 25px;
  }

  .contents3 .contents3_text5 {
    width: 100%;
  }

  .contents3 .contents3_text5 p {
    margin-top: 3em;
    font-size: 20px;
    line-height: 1.8em;
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  /*contents4*/
  .contents4 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .contents4 .contents4_cable {
    text-align: center;
  }

  .contents4_cable img {
    width: 70%;
  }

  .contents4 .contents4_img {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .contents4 .contents4_img img {
    width: 100%;
  }

  .contents4 .contents4_img .item1,
  .item2,
  .item3 {
    width: 33%;
  }

  .contents4 .contents4_img .text1,
  .text2,
  .text3 {
    width: 33%;
    text-align: center;
    font-size: 15px;
  }

  .contents4 .contents4_text {
    margin-bottom: 3em;
    margin-top: 1em;
    text-align: center;
  }

  .contents4 .contents4_text span {
    font-size: 25px;
  }

  .contents4 .contents4_text p {
    margin-top: 1em;
    font-size: 20px;
    line-height: 1.8em;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }

  /*contents5*/
  .contents5 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .contents5_head {
    font-size: 25px;
    text-align: center;
    margin-bottom: 4em;
  }

  .contents5 p {
    text-align: center;
  }

  .contents5 .contents5_text {
    width: 50%;
    text-align: center;
    margin: 0 auto 1em;
    display: block;
  }

  .contents5 .contents5_img {
    width: 100%;
    text-align: center;
  }

  .contents5 .contents5_img img {
    width: 90%;
  }

  .contents5 .contents5_img2 {
    width: 100%;
    text-align: center;
  }

  .contents5 .contents5_img2 img {
    width: 90%;
  }

  /*contenst6*/
  .contents6 {
    background-image: url("/products/PROMETHEUS/15.6_FHDmonitor/img/bag2.jpg");
    height: 3800px;
    /* 画像をタイル状に繰り返し表示しない */
    background-repeat: no-repeat;
    background-size: 100%;
    /* 背景画像が読み込まれる前に表示される背景のカラー */
    background-color: #000000;
    background-position: center;
  }

  .contents6_box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1em;
  }

  .flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  .contents6 .box1,
  .contents6 .box6,
  .contents6 .box3,
  .contents6 .box4,
  .contents6 .box5 {
    width: 500px;
    margin: 2em 2em;
    border: solid 1px
  }

  .box_img1,
  .box_img2,
  .box_img3,
  .box_img4,
  .box_img5 {
    height: 330px;
    width: 500px;
    margin: 2em 2em;

  }

  .box_img1 img,
  .box_img2 img,
  .box_img3 img,
  .box_img4 img,
  .box_img5 img {
    width: 100%;
  }

  .box1 p,
  .box6 p,
  .box3 p,
  .box4 p,
  .box5 p {
    padding: 0;
    text-align: center;
    line-height: 1.8em;
    font-size: 20px;
    font-weight: 100;
  }

  .box1 span,
  .box6 span,
  .box3 span,
  .box4 span,
  .box5 span {
    font-size: 30px;
  }

  .contents6 .box1 {
    order: 2;
  }

  .contents6 .box_img1 {
    order: 1;
  }

  .contents6 .box6 {
    order: 4;
  }

  .contents6 .box_img2 {
    order: 3;
  }

  .contents6 .box3 {
    order: 6;
  }

  .contents6 .box_img3 {
    order: 5;
  }

  .contents6 .box4 {
    order: 8;
  }

  .contents6 .box_img4 {
    order: 7;
  }

  .contents6 .box5 {
    order: 10;
  }

  .contents6 .box_img5 {
    order: 9;
  }

  .contents6_coution {
    font-size: 13px;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
  }

  /*stand*/
  .stand_con1 .con1 {
    margin-bottom: 2em;
  }

  .stand_con1 .con2 .con2_img img,
  .con2_img2 img {
    width: 100%;
  }

  .sub_size .products_list_head {
    width: 90%;
    margin: 0 auto;
  }

  .sub_size .products_list {
    width: 90%;
    margin: 0 auto;
  }

  /* gallery*/
  .gallery {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-evenly;
  }

  .gallery .model_name {
    color: #fff;
    padding: 0.5em 0 0.5em 1em;
    border-top: solid 2px #fff;
    border-bottom: solid 2px #fff;
    font-weight: 700;
    margin-bottom: 1em;
    width: 100%;
  }

  .gallery .pic {
    width: 17%;
    margin: 0.5em;
  }

  .gallery .pic img {
    width: 100%;
  }

  .sub_size {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4em;
  }

  .sub_size img {
    width: 100%;
  }

  .sub_size .list {
    margin-top: 1em;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .sub_size .list ul {
    list-style: none;
    margin-left: auto;
    margin-top: auto;
  }

  .sub_size .list li {
    text-indent: -1em;
    padding-left: 1em;
  }

  /*Q&A*/

  /*Q&AのCSS*/
  .cp_qa {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .cp_qa .qa_top {
    font-size: 25px;
    text-align: center;
    margin-bottom: 1em;
  }


  .cp_qa span {
    font-size: 25px;
    font-weight: 600;
  }

  .cp_qa hr {
    margin-bottom: 20px;
  }

  hr.style11 {
    height: 6px;
    background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
    border: 0;
    margin-bottom: 20px;
  }

  .cp_qa *,
  .cp_qa *:after,
  .cp_qa *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .cp_qa .cp_actab {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 0 1em 0;
    color: #FFF;
    border: solid 1px #FFF;
  }

  .cp_qa .cp_actab input {
    position: absolute;
    opacity: 0;
  }

  /* 質問 */
  .cp_qa .cp_actab label {
    font-weight: bold;
    line-height: 1.6em;
    position: relative;
    display: block;
    margin: 0 0 0 0;
    padding: 1em 2em 1em 2.5em;
    cursor: pointer;
    text-indent: 1em;
    border-radius: 0.5em;
    background: rgba(27, 37, 56, 0.1);
  }

  .cp_qa .cp_actab label::before {
    font-family: serif;
    font-size: 1.5em;
    margin-left: -2em;
    padding-right: 0.5em;
    content: 'Q';
  }

  .cp_qa .cp_actab label:hover {
    transition: all 0s;
    color: #00838f;
  }

  /* --質問の＋アイコン */
  .cp_qa .cp_actab label::after {
    font-size: 1.7em;
    font-weight: bold;
    line-height: 2em;
    position: absolute;
    top: 0;
    right: 0;
    content: '\2b';
    display: inline-block;
    width: 2em;
    height: 2em;
    -webkit-transition: transform 0.4s;
    transition: transform 0.4s;
  }

  /* 答え */
  .cp_qa .cp_actab .cp_actab-content {
    position: relative;
    overflow: hidden;
    max-height: 0;
    padding: 0 0 0 2.5em;
    -webkit-transition: 0s;
    transition: 0s;
    border-radius: 0 0 0.5em 0.5em;
  }

  .cp_qa .cp_actab .cp_actab-content::before {
    font-family: serif;
    font-size: 1.5em;
    position: absolute;
    margin: 0.4em 0 0 -1em;
    padding: 0;
    content: 'A';
  }

  .cp_qa .cp_actab .cp_actab-content p {
    margin: 1em 1em 1em 0.5em;
  }

  /* 質問を開いた時の仕様 */
  /* --答えの高さ */
  .cp_qa .cp_actab input:checked~.cp_actab-content {
    max-height: 40em;
    border: 10px solid rgba(27, 37, 56, 0.1);
  }

  /* 質問をクリックした時のアイコンの動き */
  .cp_qa .cp_actab input:checked~label {
    color: #00838f;
    border-radius: 0.5em 0.5em 0 0;
  }

  /* 質問をクリックした時の+の動き */
  .cp_qa .cp_actab input[type=checkbox]:checked+label::after {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }

  /*spec*/
  .sub_size .products_list_box {
    margin-bottom: 0;
  }

  .sub_size {
    width: 100%;
  }

  .sub_size .model_name {
    width: 95%;
    margin-left: 1em;
  }

  .sub_spec {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .sub_spec table {
    font-family: "kozuka-gothic-pro";
    font-weight: 300;
    border-collapse: collapse;
    border: solid 3px #FFFFFF;
    /*表全体を線で囲う*/
    width: 100%;
    line-height: 1.8em;
    margin-top: 2em;
  }

  .sub_spec table tr {
    width: 100%;
  }

  .sub_spec table th {
    padding: 10px;
    border: solid thin #FFFFFF;
    width: 30%;
  }

  .sub_spec table td {
    padding: 10px 0px 10px 30px;
    ;
    border: solid thin #FFFFFF;
    width: 70%;
  }

  .spec_caution {
    margin-top: 1em;
  }

  .spec_caution p {
    line-height: 1.8em;
    font-weight: 100;
  }


  /*etc*/
  .contents7_box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;

  }

  .flex2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }

  .box2 {
    width: 230px;
    margin: 0.5em;
    border: solid 1px #FFFFFF;
    border-radius: 5px;
  }


  .box2 img {
    display: inline-block;
    vertical-align: middle;
    width: 19%;
  }

  .box2 p {
    text-align: center;
    display: inline;
    vertical-align: middle;

  }

  /* store */
  .store_box {
    width: 31%;
    margin: 0 auto 0.8em;
  }

  .store_container::after {
    content: "";
    width: 31%;
    display: block;
    margin: 0 auto 0.8em;
  }

  .store_container::before {
    content: "";
    width: 31%;
    display: block;
    order: 1;
    margin: 0 auto 0.8em;
  }

  .store_button .bt-cart {
    width: 85%;
  }

  .store_button .bt-cart_disable {
    width: 85%;
  }

  .makuake {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .makuake_container {
    display: block;
    margin-top: 2.5em;
  }

  .makuake p {
    width: 72%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
  }

  /*footer*/
  #footer-all a {
    text-decoration: none;
    color: #434343;
  }

  #footer-all a:hover {
    text-decoration: none;
    color: #f39800;
  }

  #footer-all {
    background: #f0f0f0;
    height: 280px;
    font-family: "kozuka-gothic-pro";
    font-size: 13px;
    font-weight: 200;
  }

  #footer {
    width: 100%;
    margin: 0 auto;
    padding: 25px 0;
    text-align: center;
    color: #333333;
  }

  #background_black #footer {
    color: #ffffff;
  }

  #footer-link {
    float: none;
    width: 40%;
  }

  #footer-link ul {
    width: 100%;
    margin-left: 3em;
  }

  #footer-link ul li {
    display: block;
    list-style-type: none;
    float: left;
  }

  #footer-logo {
    width: 100%;
    float: right;
    margin: 20px 43px 0 0;
    text-align: right;
  }

  #footer-logo img {
    width: 25%;
  }

  address {
    font-style: normal;
    font-size: 10px;
    margin: 10px 0 0 0;
  }

  .solution {
    width: 700px;
    margin: 5em auto;
  }

  .solution .solution_h {
    background-color: #A7A7A7;
    font-size: 20px;
    padding: 0.8em 0;
    color: #fff;
    margin-bottom: 2em;
    border-radius: 0.2em;
    text-align: center;
    width: 100%;
  }

  .solution .solution_img {
    width: 100%;
    margin-bottom: 1em;
    text-align: center;
  }

  .solution .solution_img img {
    width: 70%;
  }

  .solution .solution_text {
    width: 100%;
    text-align: left;
  }

  .solution .solution_text p {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

  .wrap {
    overflow: hidden;
  }

  /* .top_bg_container {
    background-position: top 80px center;
    background-size: auto;
  } */

  .prom_inner {
    width: 95%;
    margin: 0 auto;
  }

  /* nav */
  .navSP_navBtn {
    position: fixed;
    top: 10px;
    left: 0px;
    width: 50px;
    height: 53px;
    cursor: pointer;
    z-index: 100;
    margin-left: 10px;
    border: solid 1px #fff;
    background-color: rgba(0, 0, 0, 0.6);
  }

  .navSP_navBar {
    position: absolute;
    left: 22%;
    display: block;
    width: 56%;
    border-bottom: solid 2px #fff;
    transition: 0.3s ease-in-out;
  }

  .navSP_navBar:nth-child(1) {
    top: 9px;
  }

  .navSP_navBar:nth-child(2) {
    top: 19px;
  }

  .navSP_navBar:nth-child(3) {
    top: 29px;
  }

  .navSP_navBtn::after {
    content: 'MENU';
    position: absolute;
    left: 0;
    top: 32px;
    display: block;
    width: 100%;
    font-size: 11px;
    text-align: center;
  }

  .-active .navSP_navBtn {
    transform: rotate(360deg);
  }

  .-active .navSP_navBar:nth-child(1) {
    top: 20px;
    transform: translateY(20px) rotate(-45deg);
  }

  .-active .navSP_navBar:nth-child(2) {
    opacity: 0;
  }

  .-active .navSP_navBar:nth-child(3) {
    top: 20px;
    transform: translateY(0) rotate(45deg);
  }

  /* ナビボタンクリック時 */
  .-active .navSP_navBar:nth-child(1) {
    top: 21px;
    transform: rotate(-45deg);
  }

  .-active .navSP_navBar:nth-child(2) {
    opacity: 0;
  }

  .-active .navSP_navBar:nth-child(3) {
    top: 21px;
    transform: rotate(45deg);
  }

  .-active.navSP_navBtn::after {
    content: 'CLOSE';
  }

  .navSP_nav {
    position: fixed;
    top: -100vh;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: url("/products/PROMETHEUS/15.6_FHDmonitor/img/bag1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: soft-light;
    transition: 0.3s;
    z-index: 1;
    text-align: center;
  }

  .navSP_nav.-active {
    top: 0;
    left: 0;
  }

  .navSP_logo {
    width: 90%;
    margin-top: 1em;
  }

  .navSP_navLink {
    display: block;
    color: #fff;
    padding: 1em 0;
    text-decoration: none;
    font-size: 4vw;
    font-family: 'Prata', serif;
    position: relative;
    border-top: solid 1px #ddd;
  }

  .navSP_navItem:last-child {
    border-bottom: solid 1px #ddd;
  }

  .navSP_sub {
    margin-left: 62px;
    font-size: 0.9em;
  }

  .navSP_wrap {
    margin: auto;
  }

  .navSP_textBox {
    color: #fff;
    border: solid 2px #fff;
    padding: 0 10px 10px;
    text-align: center;
    width: 80vw;
    margin: 20px auto;
  }

  .navSP_text {
    margin: 12px 0 9px;
  }


  .newmodel_title {
    font-size: 20px;
  }

  /* top */
  .newmodel_container {
    flex-direction: column;
    margin: 1em auto 0;
  }

  .newmodel_textbox {
    width: 90%;
    order: 1;
    padding-right: 0;
  }

  .newmodel_text {
    font-size: 14px;
    line-height: 1.8;
  }

  .nowmodel_imgbox {
    width: 90%;
  }



  /*SmartPhone*/
  /*トップリンク*/
  /*4k*/
  .add_model .stand4k_1 {
    text-align: center;
    width: 100%;
    margin: 0;
    order: 0;
  }

  .add_model .stand4k_2 {
    text-align: center;
    width: 100%;
    margin: 0;
    order: 2;
  }

  .add_model .stand4k_3 {
    text-align: center;
    width: 100%;
    margin: -5em 0 0;
    order: 1;
  }

  .add_model .stand4k_4 {
    text-align: center;
    width: 100%;
    margin: -5em 0 0 0;
    order: 3;
  }

  .add_model .stand4k_1 img,
  .stand4k_2 img,
  .stand4k_3 img,
  .stand4k_4 img {
    width: 100%;
  }

  .button_large {
    text-align: center;
  }

  .button_large .bt-cart {
    width: 80%;
    font-size: 3.6vw;
  }

  .store1_big {
    width: 100%;
    margin-bottom: 1em;
  }

  .cf_camp {
    width: 100%;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 7em;
  }

  .cf_camp img {
    width: 100%;
  }

  .store_container {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;
  }

  .store_container::after {
    content: "";
    width: 47%;
    margin: 0 3px 5px;
  }

  .store .store_head {
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 15px 7px 7px;
    text-align: center;
    margin: 0;
    line-height: 1.5;
    font-size: 0.9em;
  }

  .store_container .bt-cart {
    position: relative;
    display: inline-block;
    padding: 0.2em 0;
    margin: 0;
    width: 95%;
  }

  .store_button .bt-cart_disable {
    display: block;
    padding: 0.2em 0;
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid #777;
    color: #777;
    margin: 0;
    width: 95%;
    margin: 0 auto;
  }

  .store .shop_list .store1,
  .store2 {
    width: 100%;
    margin: 0.5em 0em;
  }

  .store_box {
    width: 47%;
    border: solid 1px #888;
    text-align: center;
    margin: 0 3px 5px;
    background-image: url("/products/PROMETHEUS/15.6_FHDmonitor/img/bg1a.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
  }

  .sub_size {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4em;
  }

  .sub_size .products_list_box {
    display: block;
    padding: 0;
    line-height: 1.5;
    font-size: 0.9em;
  }

  .products_list_box li {
    list-style: none;
    border-bottom: solid 1px #fff;
    padding: 0.5em;
    position: relative;
  }

  .products_list_box a {
    display: block;
  }

  .products_list_box li:before {
    content: "";
    position: absolute;
    top: 43%;
    right: 19px;
    width: 10px;
    height: 2px;
    background: #fff;
    transform: rotate(45deg);
  }

  .products_list_box li:after {
    content: "";
    position: absolute;
    top: 52%;
    right: 19px;
    width: 10px;
    height: 2px;
    background: #fff;
    transform: rotate(-45deg);
  }


  .sub_size .list {
    margin-top: 1em;
  }

  .sub_size .list ul {
    list-style: none;
  }

  .sub_size .list li {
    text-indent: -1em;
    padding-left: 1em;
  }

  .online_shop_sp {
    margin-top: 4em;
    display: block;
    width: 100%;
  }

  .online_shop_sp img {
    width: 100%;
  }

  .online_shop_sp:hover {
    opacity: 0.5;
  }


  .online_shop {
    display: none;
  }

  .store_big {
    width: 100%;
    margin-bottom: .5em;
  }

  .header {
    text-align: right;
  }

  .header img {
    width: 30%;
    margin-top: 1em;
    margin-right: 1em;
  }

  .top {
    /* 画像ファイルの指定 */
    height: 760px;
    background-position: top;
    background-size: cover;
    padding-bottom: 0;

  }

  .top_tittle {
    padding-top: 30px;
    margin-bottom: 20px;
  }

  .top_tittle p {
    font-size: 20px;
  }

  .contents_head {
    width: 95%;
    margin: 0 auto 2em;
    font-size: 1.1em;
  }

  /*contents1*/
  .contents1 {
    width: 100%;
  }

  .contents1 .contents1_img {
    /* position: unset; */
    text-align: center;
    width: 100%;
  }

  .contents1 .contents1_img img {
    width: 95%;
    position: relative;
    top: -40px;
  }

  .contents1_text {
    width: 100%;
    text-align: center;
    font-size: 15px;
  }


  .contents1 .contents1_img2 {
    width: 100%;
    margin-top: 0;
    top: 0;
  }

  .contents1 .contents1_img3 {
    text-align: center;
    bottom: 20px;
  }

  .contents1 .contents1_img3 img {
    width: 80%;
    margin-left: 40px;
  }

  /*con1*/
  .model_4k {
    background-image: url("/products/PROMETHEUS/15.6_FHDmonitor/img/background4.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: soft-light;
  }

  .model_fhd {
    background-image: url("/products/PROMETHEUS/15.6_FHDmonitor/img/bg1a.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: soft-light;
  }

  .model_title {
    display: block;
    text-align: center;
    line-height: 1.6;
    width: 85%;
    margin: 3em auto 1em;
    padding: 0.5em 1em;
  }

  .model_title_text {
    margin: 0 auto 1em;
  }

  .model_title_text_header {
    font-size: 18px;
    line-height: 1.4;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    padding: 0.5em 0;
    margin-bottom: 0.5em;
  }

  .model_logo {
    width: 90%;
    margin: 0 auto;
  }

  .model_flex_container {
    flex-direction: column;
  }

  .model_flex {
    width: 90%;
    margin: 1px auto 4em;
    flex-direction: column;
  }

  .model_flex .model_img {
    width: 90%;
    order: 0;
  }

  .model_std .model_flex .model_img {
    width: 90%;
    order: 2;
  }

  .model_flex .model_img .new_icon {
    width: 130px;
    position: absolute;
    top: 50px;
    left: 15px;
  }

  .model_text_wrap {
    width: 95%;
    margin-right: auto;
    margin-left: 0;
    text-align: center;
  }

  .model_flex .model_text {
    width: 95%;
    text-align: left;
    order: 1;
    margin-top: 0;
  }

  .model_flex .model_text p {
    text-align: center;
  }

  .model_button {
    margin: 1em 0;
  }

  .model_button .bt-cart {
    margin: 0 auto;
  }

  .model_std .model_flex .model_text {
    width: 100%;
    order: 3;
    margin-top: 0;
  }

  .model_text2_wrap {
    width: 100%;
    margin: 0 auto;
  }

  .model_flex .model_text p {
    margin-left: 0;
    text-align: center;
  }

  /*add_model*/
  .add_model {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-bottom: 3em;
  }

  .add_model .add_tittle {
    text-align: center;
    font-size: 20px;
  }

  .add_model .add_model_flex {
    flex-direction: column;
    width: 100%;
  }

  .add_model .add_model_img15 {
    text-align: center;
    width: 100%;
    margin: 0;
  }

  .add_model .add_model_img15 img {
    width: 100%;
  }

  .add_model .add_model_img16 {
    text-align: center;
    width: 100%;
    margin-bottom: 3em;
  }

  .add_model .add_model_img16 img {
    width: 90%;
    margin-top: -6em;
  }

  .add_model .add_model_text15 {
    text-align: center;
    width: 100%;
    margin-top: -6em;
    font-size: 20px;
    margin-bottom: 1em;
  }

  .add_model .add_model_img {
    text-align: center;
    width: 100%;
    margin: 0;
    order: 0;
  }

  .add_model .add_model_img img {
    width: 90%;
  }

  .add_model .add_model_img {
    text-align: center;
    width: 100%;
    margin: 0;
    order: 4;
  }

  .add_model .add_model_img img {
    width: 100%;
  }

  .add_model .add_model_img5 {
    text-align: center;
    width: 100%;
    margin: 0;
    order: 6;
  }

  .add_model .add_model_img5 img {
    width: 100%;
  }

  .add_model .add_model_img3 {
    text-align: center;
    width: 100%;
    margin: 0;
    order: 5;
  }

  .add_model .add_model_img3 img {
    width: 100%;
    margin-top: -9em;
  }

  .add_model .add_model_img4 {
    text-align: center;
    width: 100%;
    margin-bottom: 3em;
    order: 1;
  }

  .add_model .add_model_img4 img {
    width: 100%;
    margin-top: -9em;
  }

  .add_model .add_model_img6 {
    text-align: center;
    width: 100%;
    margin-bottom: 3em;
    order: 6;
  }

  .add_model .add_model_img6 img {
    width: 100%;
    margin-top: -4em;
  }

  .add_model .add_model_text {
    text-align: center;
    width: 100%;
    margin-top: -6em;
    font-size: 20px;
    order: 3;
  }

  .add_model .add_model_text2 {
    text-align: center;
    width: 100%;
    margin-top: -3em;
    font-size: 20px;
    order: 5;
  }

  .add_model .add_model_text3 {
    text-align: center;
    width: 100%;
    margin-top: -6em;
    font-size: 20px;
    order: 7;
  }

  .add_model table {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
  }


  .stand .stand_h p {
    font-size: 20px;
  }

  .stand .stand_top img {
    width: 100%;
  }

  .stand .stand_img_rogo img {
    width: 100%;
  }

  /*cotntents2*/
  .contents2 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .contents2 .contents2_text {
    width: 100%;
  }

  .contents2 .contents2_img img {
    width: 90%;
  }

  .contents2 .contents2_text2 {
    width: 100%;
  }

  .contents2 .contents2_img2 img {
    width: 90%;
  }

  .contents2 .contents2_text br {
    display: none;
  }

  .contents2 .contents2_text2 br {
    display: none;
  }

  .contents2 .contents2_text span {
    font-size: 20px;
  }

  .contents2 .contents2_text p {
    margin-top: 1em;
    font-size: 15px;
    line-height: 1.8em;
    width: 90%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .contents2 .contents2_text2 span {
    font-size: 20px;
  }

  .contents2 .contents2_text2 p {
    margin-top: 1em;
    font-size: 15px;
    line-height: 1.8em;
    width: 90%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  /*contents3*/
  .contents3 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-image: url(/products/PROMETHEUS/15.6_FHDmonitor/img/bg1a.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: soft-light;
  }

  .contents3 .contents3_flex {
    display: flex;
    width: 100%;
    flex-direction: column;
  }


  .contents3 .contents3_img {
    text-align: center;
    width: 100%;
    margin-bottom: 3em;
    margin: 0;
    order: 0;
  }

  .contents3 .contents3_img img {
    width: 100%;
  }

  .contents3 .contents3_img2 {
    text-align: center;
    width: 100%;
    order: 2;
    margin-top: 3em !important;
    margin: 0;
  }

  .contents3 .contents3_img2 img {
    width: 100%;
  }

  .contents3 .contents3_text {
    text-align: center;
    width: 100%;
    order: 1;
  }

  .contents3 .contents3_text table {
    padding-left: 2em;
  }

  .contents3 .contents3_text2 {
    text-align: center;
    width: 100%;
    order: 3;
  }

  .contents3 .contents3_text2 table {
    padding-left: 2em;
  }

  .contents3 .contents3_text span {
    font-size: 20px;
  }

  .contents3 .contents3_text p {
    margin-top: 1em;
    font-size: 16px;
    line-height: 1.8em;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }

  .contents3 .contents3_text2 span {
    font-size: 20px;
  }

  .contents3 .contents3_text2 p {
    margin-top: 1em;
    font-size: 16px;
    line-height: 1.8em;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }

  .contents3 .contents3_flex2 {
    display: flex;
    width: 100%;
    flex-direction: column;
  }

  .contents3 .contents3_img3 {
    text-align: center;
    width: 100%;
    margin-bottom: 3em;
    margin: 0;
    order: 0;
  }

  .contents3 .contents3_img3 img {
    width: 100%;
  }

  .contents3 .contents3_img4 {
    text-align: center;
    width: 100%;
    margin-bottom: 3em;
    margin: 0;
    order: 2;
    margin-top: 3em !important;
  }

  .contents3 .contents3_img4 img {
    width: 100%;
  }

  .contents3 .contents3_text3 {
    text-align: center;
    width: 100%;
    order: 1;
  }

  .contents3 .contents3_text3 table {
    padding-left: 2em;
  }

  .contents3 .contents3_text4 {
    text-align: center;
    width: 100%;
    order: 2;
  }

  .contents3 .contents3_text4 table {
    padding-left: 2em;
  }

  .contents3 .contents3_text3 span {
    font-size: 20px;
  }

  .contents3 .contents3_text3 p {
    margin-top: 0.5em;
    font-size: 16px;
    line-height: 1.8em;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    text-align: left;
  }

  .contents3 .contents3_text4 span {
    font-size: 20px;
  }

  .contents3 .contents3_text4 p {
    margin-top: 0.5em;
    font-size: 16px;
    line-height: 1.8em;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    text-align: left;
  }

  .contents3 .contents3_text5 p {
    margin-top: 2em;
    font-size: 20px;
    line-height: 1.8em;
    text-align: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  /*contents4*/
  .contents4 {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
  }

  /*contents4*/
  .contents4 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .contents4 .contents4_cable {
    text-align: center;
  }

  .contents4_cable img {
    width: 90%;
  }

  .contents4 .contents4_img {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
  }

  .contents4 .contents4_img img {
    width: 100%;
  }

  .contents4 .contents4_img .item1,
  .item2,
  .item3 {
    width: 50%;
  }

  .contents4 .contents4_img .text1,
  .text2,
  .text3 {
    width: 45%;
    text-align: left;
    font-size: 13px;
    margin-left: 0.3em;
  }

  .contents4 .contents4_img .item1 {
    order: 1;
  }

  .contents4 .contents4_img .item2 {
    order: 3;
  }

  .contents4 .contents4_img .item3 {
    order: 5;
  }

  .contents4 .contents4_img .text1 {
    order: 2;
  }

  .contents4 .contents4_img .text2 {
    order: 4;
  }

  .contents4 .contents4_img .text3 {
    order: 5;
  }

  .contents4 .contents4_text {
    margin-bottom: 3em;
    margin-top: 1em;
    text-align: center;
  }

  .contents4 .contents4_text span {
    font-size: 20px;
  }

  .contents4 .contents4_text p {
    margin-top: 1em;
    font-size: 15px;
    line-height: 1.8em;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }

  /*contents5*/
  .contents5 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .contents5_head {
    font-size: 20px;
    text-align: center;
    margin-bottom: 4em;
  }

  .contents5 p {
    text-align: center;
    font-size: 13px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .contents5 .contents5_text {
    padding: 0.3em 0em 0.3em 0em;
    width: 85%;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-bottom: 1em;
  }

  .contents5 .contents5_img {
    width: 100%;
    text-align: center;
  }

  .contents5 .contents5_img2 {
    width: 100%;
    text-align: center;
  }

  .contents5 .contents5_img img {
    width: 100%;
  }

  .contents5 .contents5_img2 img {
    width: 100%;
  }

  /*contenst6*/
  .contents6 {
    background-image: none;
    /* height: 2900px; */
    /* 画像をタイル状に繰り返し表示しない */
    background-repeat: no-repeat;
    background-size: 100%;
    /* 背景画像が読み込まれる前に表示される背景のカラー */
    background-color: #000000;
    background-position: center;
    margin-bottom: 2em;
  }

  .contents6_box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: -5em;
  }

  .flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  .contents6 .box1,
  .box6,
  .box3,
  .box5 {
    width: 90%;
    margin: 1em 1em 3em 1em;
    border: solid 1px #FFFFFF;
  }

  .contents6 .box4 {
    width: 100vw;
    margin: 35px 1em 3em 1em;
    border: solid 1px #FFFFFF;
  }

  .box_img1,
  .box_img2,
  .box_img3,
  .box_img4,
  .box_img5 {
    width: 90%;
    margin: 0;
  }

  .box_img1 img,
  .box_img2 img,
  .box_img3 img,
  .box_img4 img,
  .box_img5 img {
    width: 100%;
  }


  .box1 p,
  .box6 p,
  .box3 p,
  .box4 p,
  .box5 p {
    width: 290px;
    padding: 0;
    text-align: center;
    line-height: 1.8em;
    font-size: 14px;
    font-weight: 100;
  }

  .box1 span,
  .box6 span,
  .box3 span,
  .box4 span,
  .box5 span {
    font-size: 23px;
  }

  .contents6 .box1 {
    order: 2;
  }

  .contents6 .box_img1 {
    order: 1;
  }

  .contents6 .box6 {
    order: 4;
  }

  .contents6 .box_img2 {
    order: 3;
  }

  .contents6 .box3 {
    order: 6;
  }

  .contents6 .box_img3 {
    order: 5;
  }

  .contents6 .box4 {
    order: 8;
  }

  .contents6 .box_img4 {
    order: 7;
  }

  .contents6 .box5 {
    order: 10;
  }

  .contents6 .box_img5 {
    order: 9;
  }

  .contents6_coution {
    font-size: 13px;
    width: 78%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
  }

  /*stand*/
  .stand_con1 {
    margin-bottom: 3em;
    text-align: center;
  }

  .stand_con1 br {
    display: none;
  }

  .stand_con1 .con1 img {
    width: 100%;
  }

  .stand_con1 .con1 {
    margin-bottom: 1em;
  }

  .stand_con1 .con1_txt {
    width: 100%;
    font-size: 18px;
    margin-bottom: 3em;
  }

  .stand_con1 .con1_txt p {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    text-align: left;
  }

  .stand_con1 .con2 {
    flex-direction: column;
  }

  .stand_con1 .con2 .con2_img,
  .con2_img2 {
    width: 100%;
  }

  .stand_con1 .con2 .con2_img img,
  .con2_img2 img {
    width: 100%;
  }

  .stand_con1 .con2 .con2_img {
    text-align: center;
  }

  .stand_con1 .con2 .con2_img2 {
    text-align: center;
  }

  .stand_con1 .con2_txt {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  /* gallery*/
  .gallery {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4em;
  }

  .gallery .pic {
    width: 30%;
    margin: 0 0 0 10px;
  }

  .gallery .pic img {
    width: 100%;
  }

  .sub_size .products_list_head {
    width: 90%;
    margin: 0 auto;
  }

  .sub_size .products_list {
    width: 90%;
    margin: 0 auto;
    border-radius: 0;
  }

  .sub_size {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
  }

  .sub_size img {
    width: 100%;
  }


  .sub_size .list {
    margin-top: 1em;
    font-size: 12px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .sub_size .list ul {
    list-style: none;
  }

  .sub_size .list li {
    text-indent: -1em;
    padding-left: 1em;
  }

  /*Q&A*/

  /*Q&AのCSS*/
  .cp_qa {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .cp_qa .qa_top {
    font-size: 15px;
    text-align: center;
    margin-bottom: 1em;
  }

  .cp_qa span {
    font-size: 15px;
    font-weight: 600;
  }

  .cp_qa hr {
    margin-bottom: 20px;
  }

  hr.style11 {
    height: 6px;
    background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
    border: 0;
    margin-bottom: 20px;
  }

  .cp_qa *,
  .cp_qa *:after,
  .cp_qa *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .cp_qa .cp_actab {
    position: relative;
    overflow: hidden;
    width: 95%;
    margin: 0 auto 0.5em;
    color: #FFF;
    border: solid 1px #FFF;
  }

  .cp_qa .cp_actab input {
    position: absolute;
    opacity: 0;
  }

  /* 質問 */
  .cp_qa .cp_actab label {
    font-weight: bold;
    line-height: 1.6em;
    position: relative;
    display: block;
    margin: 0 0 0 0;
    padding: 0.5em 2.5em 0.5em 2.5em;
    cursor: pointer;
    text-indent: 1em;
    border-radius: 0.5em;
    background: rgba(27, 37, 56, 0.1);
    font-size: 0.9em;
  }

  .cp_qa .cp_actab label::before {
    font-family: serif;
    font-size: 1.5em;
    margin-left: -2em;
    padding-right: 0.5em;
    content: 'Q';
    vertical-align: bottom;
  }

  .cp_qa .cp_actab label:hover {
    transition: all 0s;
    color: #00c7d9;
  }

  /* --質問の＋アイコン */
  .cp_qa .cp_actab label::after {
    font-size: 1.3em;
    font-weight: bold;
    /* line-height: 2em; */
    position: absolute;
    top: 0;
    right: 0;
    content: '\2b';
    display: inline-block;
    width: 2em;
    height: 2em;
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
  }

  /* 答え */
  .cp_qa .cp_actab .cp_actab-content {
    position: relative;
    overflow: hidden;
    max-height: 0;
    padding: 0 0 0 2.5em;
    -webkit-transition: 0s;
    transition: 0s;
    border-radius: 0 0 0.5em 0.5em;
  }

  .cp_qa .cp_actab .cp_actab-content::before {
    font-family: serif;
    font-size: 1.5em;
    position: absolute;
    margin: 0.4em 0 0 -1em;
    padding: 0;
    content: 'A';
  }

  .cp_qa .cp_actab .cp_actab-content p {
    margin: 1em 1em 1em 0.5em;
  }

  /* 質問を開いた時の仕様 */
  /* --答えの高さ */
  .cp_qa .cp_actab input:checked~.cp_actab-content {
    max-height: 40em;
    border: 10px solid rgba(27, 37, 56, 0.1);
  }

  /* 質問をクリックした時のアイコンの動き */
  .cp_qa .cp_actab input:checked~label {
    color: #00c7d9;
    border-radius: 0.5em 0.5em 0 0;
  }

  /* 質問をクリックした時の+の動き */
  .cp_qa .cp_actab input[type=checkbox]:checked+label::after {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }

  /*spec*/
  .spec {
    width: 100%;
  }

  .model_name {
    text-align: center;
  }


  .sub_spec {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .sub_spec table {
    font-family: "kozuka-gothic-pro";
    font-weight: 300;
    border-collapse: collapse;
    border: solid 1px #FFFFFF;
    /*表全体を線で囲う*/
    width: 95%;
    line-height: 1.8em;
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
  }

  .sub_spec table tr {
    width: 100%;
  }

  .sub_spec table th {
    padding: 5px;
    font-size: 12px;
  }

  .sub_spec table td {
    padding: 1em 5px;
    border: solid 1px #FFFFFF;
    width: 100% !important;
    text-align: center;
    font-size: 12px;
  }

  .spec_caution {
    margin-top: 1em;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .spec_caution p {
    line-height: 1.8em;
    font-weight: 100;
    font-size: 12px;
  }

  /*etc*/
  .contents7 {
    margin-top: 4em;
  }

  .contents7_box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .flex2 {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 1em;
  }

  .contents7_box .box3_big {
    width: 90%;
  }

  .contents7_box .box3_big span {
    font-size: 14px;
  }

  .box2 {
    margin: 0.5em;
    border: solid 1px #FFFFFF;
    border-radius: 5px;
  }

  .contents7_box .box3 {
    margin: 1em;
  }

  .box2 img {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
  }

  .box2 p {
    text-align: center;
    display: inline;
    vertical-align: middle;

  }

  .summary {
    margin-left: 27px;
    margin-top: 0.2em;
  }

  .makuake {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .makuake_container {
    display: block;
    margin-top: 2.5em;
  }

  .makuake_pc {
    display: none;
  }

  .makuake_sp {
    display: block;
  }

  .makuake p {
    font-size: 14px;
    width: 72%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
  }


  /*footer*/
  #footer-all {
    background: #f0f0f0;
    height: 320px;
    font-family: "kozuka-gothic-pro";
    font-size: 13px;
    font-weight: 300;
  }

  #footer {
    width: 100%;
    margin: 0 auto;
    padding: 25px 0;
    text-align: center;
    color: #333333;
  }

  #background_black #footer {
    color: #ffffff;
  }

  #footer {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  #footer-link {
    display: inline;
    width: 50%;
    margin: auto;
    float: none;
  }

  #footer-link ul {
    width: 80%;
    text-align: center !important;
    margin: 0 auto;
  }

  #footer-link ul li {
    text-align: center;
  }

  #footer-logo {
    display: inline-block;
    width: 100%;
    float: none;
    text-align: center;
  }

  #footer img {
    width: 50%;
  }

  address {
    font-style: normal;
    font-size: 10px;
    margin: 10px auto 0 auto;
  }

  .solution {
    width: 100%;
    margin: 5em auto;
  }

  .solution .solution_h {
    background-color: #A7A7A7;
    font-size: 20px;
    padding: 0.8em 0;
    color: #fff;
    margin-bottom: 2em;
    border-radius: 0.2em;
    text-align: center;
    width: 100%;
  }

  .solution .solution_img {
    width: 100%;
    margin-bottom: 1em;
    text-align: center;
  }

  .solution .solution_img img {
    width: 100%;
  }

  .solution .solution_text {
    width: 100%;
    text-align: left;
  }

  .solution .solution_text p {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
  }

  #js-button {
    position: fixed;
    right: 15px;
    bottom: 15px;
  }

  /* announcement_banner */
  .banner_caption {
    width: 90%;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
  }

  .announcement_banner {
    margin: 2em auto 0;
  }

  /* movie */
  .movieBox_wrap {
    background-image: none;
    height: auto;
    margin: 2em 0;
  }

  .movieBox {
    width: 90%;
  }

  .banner_container {
    margin: 3em 0;
    width: 100%;
    /* max-width: 800px; */
  }
}

/*---------------------------------
  PC/スマホ別表示
---------------------------------*/
@media screen and (min-width:600px) {
  .-sp {
    display: none;
  }
}

@media screen and (max-width:599px) {
  .-pc {
    display: none;
  }
}