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

*{
	margin: 0;
	padding: 0;
}


body {
	background: black;
	color: white;
}

#container {
	width: 100%;
font-family: dnp-shuei-mincho-pr6, sans-serif;
font-weight: 400;
font-style: normal;
}

.wrap {
	overflow: hidden;
}

/*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;
}

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


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

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

/*top*/
.top {
	width: 100vw;
  height: 100vh;
  background: url("/products/PROMETHEUS/4K_monitor/img/background.jpg");
  background-position: center top;
  background-size: cover;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #000000;
}

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

.top_con1 {
		width: 100vw;
  height: 100vh;
  background: url("/products/PROMETHEUS/4K_monitor/img/background2.jpg");
  background-position: center top;
  background-size: cover;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #000000;
}

.rogo img {
	width: 100%;
}


.icon img {
	width: 80%;
}

.icon {
	margin-top: 2em;
}


.rogo {
	text-align: center;
	margin-top: 1em;
}

.top_con1 {
	text-align: center;
}

.top_con1 p {
	font-size: 30px;
	margin-top: 1em;
}

.icon {
	text-align: center;
	margin-top: 2em;
}


/*tabs*/


.tabs {
  max-width: 1000px;
  margin: 3em auto;
}


#tab-button {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0 ;
  list-style: none;
}
#tab-button li {
  display: table-cell;
  width: 30%;
} 
#tab-button li a {
  display: block;
  padding: 1em;
  margin: 0 .2em;
  background: #000;
  border: 1px solid #fff;
  text-align: center;
  color: #fff;
  text-decoration: none;
}

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

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

.tab-button-outer {
  display: none;
}

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


/*セレクト*/
.tab-select-outer {
overflow: hidden;
width: 95%;
	margin-left: auto;
	margin-right: auto;
}

.tab-select-outer select {
width: 95%;
	margin-left: auto;
	margin-right: auto;
padding-right: 1em;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
text-shadow: 0 0 10px #fff,0 0 15px #fff;
border: none;
outline: none;
background: #000;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
font-size: 16px;
}
.tab-select-outer select::-ms-expand {
display: none;
}
.tab-select-outer.cp_sl01 {
position: relative;
border: 1px solid #fff;
border-radius: 2px;
background: #000;
}
.tab-select-outer.cp_sl01::before {
position: absolute;
top: .9em;
right: 0.9em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #fff;
pointer-events: none;
}
.tab-select-outer.cp_sl01 select {
padding: 8px 38px 8px 8px;
color: #fff;
}

.box2 {
	height: auto;
	width: 230px;
    margin: 2em 0.4em;
    border: solid 1px #FFFFFF;
	border-radius:5px;
	text-align: center;
	padding: 1em 0;
}


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

}

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

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



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

	
.tab-button-outer {
    position: relative;
    z-index: 2;
    display: block;

  }

  .tab-select-outer {
    display: none;
  }

  .tab-contents {
    position: relative;
    top: -1px;
    margin-top: 0;
  }
	

}
		
@media screen and (min-width:2301px) and (max-width:2600px)  {
/*over view*/
.top {
	width: auto;
  height: 150vh;
  background: url("/products/PROMETHEUS/4K_monitor/img/background_ovr.jpg");
  background-position: center top;
  background-size: 100%;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #000000;
}
	
.top .top_tittle {
	text-align: center;
	margin-top: 3em;
	line-height: 2.8em;
	font-size: 25px;
}
	
.rogo {
	text-align: center;
	margin-top: -2em;
}
	
}

		
@media screen and (min-width:2201px) and (max-width:2300px)  {
/*over view*/
.top {
	width: auto;
  height: 110vh;
  background: url("/products/PROMETHEUS/4K_monitor/img/background_ovr.jpg");
  background-position: center top;
  background-size: 100%;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #000000;
}
	
.top .top_tittle {
	text-align: center;
	margin-top: -0.2em;
	line-height: 2.8em;
	font-size: 25px;
}
	
.rogo {
	text-align: center;
	margin-top: -2em;
}
	
}


@media screen and (min-width:1901px) and (max-width:2200px)  {
/*over view*/
.top {
	width: auto;
  height: 120vh;
  background: url("/products/PROMETHEUS/4K_monitor/img/background_ovr.jpg");
  background-position: center top;
  background-size: 100%;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #000000;
}
	
.top .top_tittle {
	text-align: center;
	margin-top: -0.2em;
	line-height: 2.8em;
	font-size: 25px;
}
	
.rogo {
	text-align: center;
	margin-top: -2em;
}
}

@media screen and (min-width:1601px) and (max-width:1900px)  {
/*over view*/
.top {
	width: auto;
  height: 110vh;
  background: url("/products/PROMETHEUS/4K_monitor/img/background_ovr.jpg");
  background-position: center top;
  background-size: 100%;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #000000;
}
	
.top .top_tittle {
	text-align: center;
	margin-top: -0.2em;
	line-height: 2.8em;
	font-size: 25px;
}
	
.rogo {
	text-align: center;
	margin-top: -2em;
}
		
	
}

@media screen and (min-width:1300px) and (max-width:1600px)  {
/*over view*/
.top {
	width: auto;
  height: 90vh;
  background: url("/products/PROMETHEUS/4K_monitor/img/background_ovr.jpg");
  background-position: center top;
  background-size: 100%;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #000000;
}
	
.top .top_tittle {
	text-align: center;
	margin-top: -0.2em;
	line-height: 2.8em;
	font-size: 20px;
}
	
.rogo {
	text-align: center;
	margin-top: -2em;
}
		
	
}


@media screen and (min-width:1025px) and (max-width:1209px) {
 /*Tablet*/
.top {
	width: auto;
  height: 90vh;
  background: url("/products/PROMETHEUS/4K_monitor/img/background.jpg");
  background-position: center top;
  background-size: 100%;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #000000;
}
	
.top .top_tittle {
	text-align: center;
	margin-top: -0.2em;
	line-height: 2.8em;
	font-size: 20px;
}
	
.rogo {
	text-align: center;
	margin-top: -2em;
}


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


/*con3*/
.con3 .con3_flex {
	margin-top: 3em;
}


/*con4*/
.con4 {
	background-size:100%;

}
	

/*con7*/
.con7 {
	width: 100%;
	margin-top: 10em;
}

.con7 .con7_img1 {
	width: 100%;
	text-align: right;
}

.con7 .con7_img1 img {
	width: 40%!important;
	margin-right: 0!important;
}

.con7 .box {
	border: 1px solid #fff;
	border-left: none;
	z-index: 0;
	width: 90%;
	height: auto;
	margin-top: -10em!important;
	padding: 2em 0;
}

.con7 .box .con7_h {
	font-size: 20px;
	font-weight: bold;
	margin-left: 1em;
}

.con7 .box .con7_txt1 {
	font-size: 16px;
	margin-left: 1em;
}


.con7 .con7_img2 img {
	width: 40%!important;
	margin-left: 0!important;
}


.con7 .box2 {
	text-align: right;	
}

.con7 .box2 .con7_h2 {
	margin-right: 1em;
}

.con7 .box2 .con7_txt2 {
	font-size: 16px;
	margin-right: 1em;
}


.con7 .con7_img3 {
	width: 100%;
	text-align: right;
}

.con7 .con7_img3 img {
	width: 40%!important;
	margin-right: 0!important;
}

.con7 .box3 {
	margin-top: -15em!important;
}

.con7 .box3 .con7_h3 {
	margin-left: 1em;
}

.con7 .box3 .con7_txt3 {
	margin-left: 1em;
}

/*Q&AのCSS*/
.cp_qa {
	width: 95%!important;
}

	
.sub_size .list {
	margin-top: 1em;
width: 95%!important;
	margin-left: auto;
	margin-right: auto;
}
	
.sub_size .sub_size_img  img {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}


	.sub_size {
		width: 100%;
	}

	.sub_size .model_name {
		width: 100%;
		margin-left: 1em;
	}	
	
.sub_spec {
  width: 95%!important;
}


	
}

@media screen and (min-width:901px) and (max-width:1024px) {
 /*Tablet*/
.top {
	width: auto;
  height: 70vh;
  background: url("/products/PROMETHEUS/4K_monitor/img/background.jpg");
  background-position: center top;
  background-size: 100%;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #000000;
}
	
.top .top_tittle {
	text-align: center;
	margin-top: -0.2em;
	line-height: 2.8em;
	font-size: 20px;
}
	
.rogo {
	text-align: center;
	margin-top: -2em;
}

/*innner*/
.inner {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
	
/*con2*/
.con2 {
	background-size: 100%;
	margin-top: 15em;
}

.con2 .con2_img1 {
	width: 100%;
}

.con2 .con2_img1 img{
	width: 100%;
}

.con2 .con2_h {
	margin-top: 0;
	padding-top: 5em;
}
	

/*con3*/
.con3 .con3_flex {
	margin-top: 3em;
}


/*con4*/
.con4 {
	background-size:100%;

}

/*con7*/
.con7 {
	width: 100%;
	margin-top: 10em;
}

.con7 .con7_img1 {
	width: 100%;
	text-align: right;
}

.con7 .con7_img1 img {
	width: 40%!important;
	margin-right: 0!important;
}

.con7 .box {
	border: 1px solid #fff;
	border-left: none;
	z-index: 0;
	width: 90%;
	height: auto;
	margin-top: -10em!important;
	padding: 2em 0;
}

.con7 .box .con7_h {
	font-size: 20px;
	font-weight: bold;
	margin-left: 1em;
}

.con7 .box .con7_txt1 {
	font-size: 16px;
	margin-left: 1em;
}


.con7 .con7_img2 img {
	width: 40%!important;
	margin-left: 0!important;
}


.con7 .box2 {
	text-align: right;	
}

.con7 .box2 .con7_h2 {
	margin-right: 1em;
}

.con7 .box2 .con7_txt2 {
	font-size: 16px;
	margin-right: 1em;
}


.con7 .con7_img3 {
	width: 100%;
	text-align: right;
}

.con7 .con7_img3 img {
	width: 40%!important;
	margin-right: 0!important;
}

.con7 .box3 {
	margin-top: -11em!important;
}

.con7 .box3 .con7_h3 {
	margin-left: 1em;
}

.con7 .box3 .con7_txt3 {
	margin-left: 1em;
}


/*Q&AのCSS*/
.cp_qa {
	width: 95%!important;
}
	
	
.sub_size .list {
	margin-top: 1em;
width: 95%!important;
	margin-left: auto;
	margin-right: auto;
}
	
.sub_size .sub_size_img  img {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}


	.sub_size {
		width: 100%;
	}

	.sub_size .model_name {
		width: 100%;
		margin-left: 1em;
	}	
	
.sub_spec {
  width: 95%!important;
}


	
/*footer*/
#footer {
width:100%;
}

#footer-link {
	margin-left: 2em;
}

	
	
}

@media screen and (min-width:600px) and (max-width:900px) {
 /*Tablet*/
.top {
	width: auto;
  height: 70vh;
  background: url("/products/PROMETHEUS/4K_monitor/img/background.jpg");
  background-position: center top;
  background-size: 100%;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #000000;
}
	
.top .top_tittle {
	text-align: center;
	margin-top: -0.2em;
	line-height: 2.8em;
	font-size: 20px;
}
	
.rogo {
	text-align: center;
	margin-top: -2em;
}
	

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


/*con2*/
.con2 {
	background-size: 100%;
	margin-top: 15em;
}

.con2 .con2_img1 {
	width: 100%;
}

.con2 .con2_img1 img{
	width: 100%;
}

.con2 .con2_h {
	margin-top: 0;
	padding-top: 5em;
}
	

/*con3*/
.con3 .con3_flex {
	margin-top: 3em;
}


/*con4*/
.con4 {
	background-size:100%;

}

/*con7*/
.con7 {
	width: 100%;
	margin-top: 10em;
}

.con7 .con7_img1 {
	width: 100%;
	text-align: right;
}

.con7 .con7_img1 img {
	width: 40%!important;
	margin-right: 0!important;
}

.con7 .box {
	border: 1px solid #fff;
	border-left: none;
	z-index: 0;
	width: 90%;
	height: auto;
	margin-top: -10em!important;
	padding: 2em 0;
}

.con7 .box .con7_h {
	font-size: 20px;
	font-weight: bold;
	margin-left: 1em;
}

.con7 .box .con7_txt1 {
	font-size: 16px;
	margin-left: 1em;
}


.con7 .con7_img2 img {
	width: 40%!important;
	margin-left: 0!important;
}


.con7 .box2 {
	text-align: right;	
}

.con7 .box2 .con7_h2 {
	margin-right: 1em;
}

.con7 .box2 .con7_txt2 {
	font-size: 16px;
	margin-right: 1em;
}


.con7 .con7_img3 {
	width: 100%;
	text-align: right;
}

.con7 .con7_img3 img {
	width: 40%!important;
	margin-right: 0!important;
}

.con7 .box3 {
	margin-top: -11em!important;
}

.con7 .box3 .con7_h3 {
	margin-left: 1em;
}

.con7 .box3 .con7_txt3 {
	margin-left: 1em;
}
	

/*Q&AのCSS*/
.cp_qa {
	width: 95%!important;
}
	
.sub_size .list {
	margin-top: 1em;
width: 95%!important;
	margin-left: auto;
	margin-right: auto;
}
	
.sub_size .sub_size_img  img {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}


	.sub_size {
		width: 100%;
	}

	.sub_size .model_name {
		width: 100%;
		margin-left: 1em;
	}	
	
.sub_spec {
  width: 95%!important;
}
	
/* gallery*/
.gallery {
	width: 90%!important;
}
	
/*footer*/
	#footer-all {
		height: 200px;
	}	
	
#footer {
width:100%;
}

#footer-link {
	margin-left: 2em;
}


}

/*main contents*/
/*con1*/
.con1 {
	background-image: url("/products/PROMETHEUS/4K_monitor/img/background4.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}

.con1 .con1_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.con1 .con1_flex .con1_img1 {
	width: 50%;
}

.con1 .con1_flex .con1_img1 img {
	width: 100%;
}

.con1 .con1_flex .con1_img2 {
	width: 50%;
}

.con1 .con1_flex .con1_img2 img {
	width: 100%;
}

.con1 .con1_flex .con1_text1 {
	width: 50%;
	text-align: right;
}

.con1 .con1_flex .con1_text1 p {
	width: 70%;
}

.con1 .con1_flex .con1_text2 {
	width: 50%;
}

.con1 .con1_flex .con1_text2 p {
	width: 70%;
	margin-left: 4em;
}


/*con2*/
.con2 {
	background-image: url("/products/PROMETHEUS/4K_monitor/img/background3.jpg");
	background-repeat: no-repeat;
	background-position: top;
	height: auto;
	width: 100%;
	margin-top: 15em;
}

.con2 .con2_img1 {
	width: 100%;
}

.con2 .con2_img1 img{
	width: 100%;
}

.con2 .con2_h {
	margin-top: -10em;
	font-size: 22px;
	margin-bottom: 1em;
	text-align: center;
	font-weight: bold;
}

.con2 .con2_txt {
	font-size: 18px;
	margin-bottom: 1em;
	text-align: left;
	width: 100%;
}

.con2 .con2_txt p {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}


/*con3*/
.con3 {
	width: 100%;
	margin-top: 15em;
}

.con3 .con3_img1 {
	width: 100%;
}

.con3 .con3_img1 img{
	width: 100%;
}

.con3 .con3_flex {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}


.con3 .con3_txt1, .con3_txt2, .con3_txt3, .con3_txt4 {
	font-size: 18px;
	margin-bottom: 1em;
	width: 50%;
}

.con3 .con3_txt1 p, .con3_txt2 p, .con3_txt3 p, .con3_txt4 p {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}


/*con3_flex2*/
.con3 .con3_flex2 {
	margin-top: 5em;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.con3 .con3_flex2 .con3_img2, .con3_img3 {
	width: 50%;
	text-align: center;
}

.con3 .con3_flex2 .con3_img2 img, .con3_img3 img {
	width: 90%;
}


.con3 .con3_flex2 .con3_txt5, .con3_txt6 {
	font-size: 18px;
	margin-bottom: 1em;
	width: 50%;
}

.con3 .con3_flex2 .con3_txt5 p, .con3_txt6 p {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}

.con3 .con3_flex2 .con3_h {
	text-align: center;
	margin-bottom: 1em;
}

/*con4*/
.con4 {
	margin-top: 10em;
	width: 100%;
	background-image: url("/products/PROMETHEUS/4K_monitor/img/background3.jpg");
	background-repeat: no-repeat;
	background-position: top;
	height: auto;
}


.con4 .con4_img {
	width: 100%;
	text-align: center;
}

.con4 .con4_img img{
	width: 100%;
}

.con4 .con4_h {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}

.con4 .con4_txt {
	font-size: 18px;
	margin-bottom: 3em;
}

.con4 .con4_txt p {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.con4 .con4_txt span {
	font-size: 12px;
}

/*tab2*/
/*con5*/
.con5 {
	width: 100%;
}

.con5 .con5_img1 {
	width: 100%;
	text-align: center;
}

.con5 .con5_img1 img {
	width: 90%;
}

.con5 .con5_h {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.con5 .con5_h  {
	width: 100%;
}

.con5 .con5_txt1 {
	margin-top: 1em;
}

.con5 .con5_txt1 p {
	font-size: 18px;
	width: 82%;
	margin-left: auto;
	margin-right: auto;
}

/*con6*/
.con6 {
	margin-top: 10em;
	width: 100%;
}

.con6 .con6_img1 {
	width: 100%;
	text-align: center;
}

.con6 .con6_img1 img {
	width: 60%;
}

.con6 .con6_h {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.con6 .con6_h  {
	width: 100%;
}

.con6 .con6_txt1 {
	margin-top: 1em;
	text-align: center;
}

.con6 .con6_txt1 p {
	font-size: 18px;
	width: 82%;
	margin-left: auto;
	margin-right: auto;
}



/*con7*/
.con7 {
	width: 100%;
	margin-top: 10em;
}

.con7 .con7_img1 {
	width: 100%;
	text-align: right;
}

.con7 .con7_img1 img {
	width: 30%;
	margin-right: 250px;
}

.con7 .box {
	border: 1px solid #fff;
	border-left: none;
	z-index: 0;
	width: 90%;
	height: auto;
	margin-top: -12em;
	padding: 2em 0;
}

.con7 .box .con7_h {
	font-size: 20px;
	font-weight: bold;
}

.con7 .box .con7_txt1 {
	font-size: 16px;
}

.con7 .con7_img2 {
	width: 100%;
	margin-top: 2em;
}

.con7 .con7_img2 img {
	width: 30%;
	margin-left: 300px;
}


.con7 .box2 {
	text-align: right;
	border: 1px solid #fff;
	border-right: none;
	z-index: 0;
	width: 90%;
	height: auto;
	margin-top: -10em;
	padding: 2em 0;
	float:right; 
	margin-bottom: 2em;
}

.con7 .box2 .con7_h2 {
	font-size: 20px;
	font-weight: bold;
}

.con7 .box2 .con7_txt2 {
	font-size: 16px;
}


.con7 .con7_img3 {
	width: 100%;
	text-align: right;
}

.con7 .con7_img3 img {
	width: 30%;
	margin-right: 250px;
}

.con7 .box3 {
	border: 1px solid #fff;
	border-left: none;
	z-index: 0;
	width: 90%;
	height: auto;
	margin-top: -13em;
	padding: 2em 0;
}

.con7 .box3 .con7_h3 {
	font-size: 20px;
	font-weight: bold;
}

.con7 .box3 .con7_txt3 {
	font-size: 16px;
}


.con7 .box3 .con7_txt3 span {
	font-size: 12px;
}


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

.con8 .con8_img3 {
		width: 100%;
		text-align: center;
	}
	
.con8 .con8_img3 img {
		width: 80%;
	}

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

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

	
.con8 .con8_text3 {
		width: 100%;
		text-align: center;
	font-size: 18px;
	margin-top: 2em;
	margin-bottom: 4em;
	}


.con8 p {
		text-align: center;
	}	
	
.con8 .con8_text {
		width: 100%;
		text-align: center;
	font-size: 20px;
	margin-top: 2em;
	}
	
.con8 .con8_img {
		width: 100%;
		text-align: center;
	}
	
.con8 .con8_img img {
		width: 80%;
	}
	
	
.con8 .con8_img2 {
		width: 100%;
		text-align: center;
	}
	
.con8 .con8_img2 img {
		width: 80%;
	}


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

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

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



/*spec*/

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

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

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

.sub_size .sub_size_img  {
	width: 100%;
	text-align: center;
}


.sub_size .sub_size_img  img{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}


	.sub_size {
		width: 100%;
	}

	.sub_size .model_name {
		width: 95%;
		margin-left: 1em;
	}	
	
.sub_spec {
  width: 70%;
  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;
}

/*tab5*/
/*Q&A*/

/*Q&AのCSS*/
.cp_qa {
	width: 960px;
	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%;
}


/*shop*/


.shop .flex2 {
	width: 1000px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}


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

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

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

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

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

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

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

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


/*FHD*/
.FHD_series {
	width: 100%;
	margin: 10em 0;
}

.FHD_series img {
	width: 100%;
}

.FHD_series a:hover {
	opacity: 0.7;
}


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

.box2 {
	height: auto;
	width: 90%;
    margin: 2em auto;
    border: solid 1px #FFFFFF;
	border-radius:5px;
	text-align: center;
	padding: 2em 0;
}
	

/*innner*/
.inner {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
	
/*con1*/
/*con1*/
.con1 {
	background-image: url("/products/PROMETHEUS/4K_monitor/img/background4_sp.jpg");
}	


.con1 .con1_flex {
	flex-direction: column;
}

.con1 .con1_flex .con1_img1 {
	width: 100%;
	order: 0;
}

.con1 .con1_flex .con1_img2 {
	width: 100%;
	order: 2;
}

.con1 .con1_flex .con1_text1 {
	width: 100%;
	text-align: left;
	order: 1;
}

.con1 .con1_flex .con1_text1 p {
	width: 95%;
	text-align: center;
}

.con1 .con1_flex .con1_text2 {
	width: 100%;
	order: 3;
}

.con1 .con1_flex .con1_text2 p {
	width: 95%;
	margin-left: 0;
	text-align: center;
}
	
	

/*con2*/
/*con2*/
.con2 {
	background-image: url("/products/PROMETHEUS/4K_monitor/img/background3_sp.jpg");
}	
	
.con2 {
	background-size: 100%;
	margin-top: 15em;
}


.con2 .con2_h {
	margin-top: 0em;
	font-size: 20px;
}

	.con2 .con2_h p {
		width: 95%;
		margin-left: auto;
	margin-right: auto;
	}	
	
.con2 .con2_txt {
	font-size: 16px;
}

.con2 .con2_txt p {
	width: 90%;
}
	

/*con3*/

.con3 .con3_txt1, .con3_txt2, .con3_txt3, .con3_txt4 {
	font-size: 16px;
	margin-bottom: 1em;
	width: 50%;
}

/*con3_flex2*/
.con3 .con3_flex2 {
	flex-direction: column;
}

.con3 .con3_flex2 .con3_img2, .con3_img3 {
	width: 100%;
	text-align: center;
}
	
.con3 .con3_flex2 .con3_img2 {
	order: 0;
}
	
.con3 .con3_flex2 .con3_img3 {
	order: 2;
}

.con3 .con3_flex2 .con3_img2 img, .con3_img3 img {
	width: 100%;
}

.con3 .con3_flex2 .con3_txt5, .con3_txt6 {
	font-size: 16px;
	width: 100%;
}

.con3 .con3_flex2 .con3_txt5 p, .con3_txt6 p {
	width: 95%;
}
	
.con3 .con3_flex2 .con3_txt5 {
	order: 1;
}
	
.con3 .con3_flex2 .con3_txt6 {
	order: 3;
}


/*con4*/
/*con4*/
.con4 {
	background-image: url("/products/PROMETHEUS/4K_monitor/img/background3_sp.jpg");
}	
	
.con4 {
	background-size: 100%;
}


.con4 .con4_img {
	width: 100%;
	text-align: center;
}

.con4 .con4_txt {
	font-size: 16px;
}
	
.con4 .con4_txt p {
	width: 90%;
	margin-left:auto;
	margin-right: auto;
}


/*tab2*/
/*con5*/

.con5 .con5_img1 img {
	width: 100%;
}

.con5 .con5_txt1 p {
	font-size: 16px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

/*con6*/
.con6 .con6_img1 img {
	width: 100%;
}

.con6 .con6_txt1 p {
	font-size: 16px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}



/*con7*/
.con7 {
	width: 100%;
	margin-top: 10em;
}

.con7 .con7_img1 {
	width: 100%;
	text-align: center;
}

.con7 .con7_img1 img {
	width: 100%;
	margin-right: 0;
}

.con7 .box {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 1px solid #fff;
	border-left: solid thin;
	z-index: 0;
	width: 90%;
	height: auto;
	margin-top: 0em;
	padding: 2em 0;
}

.con7 .box .con7_h {
	font-size: 20px;
	font-weight: bold;
}

.con7 .box .con7_txt1 {
	font-size: 16px;
	width: 95%;
		margin-left: auto;
		margin-right: auto;
}
	
.con7 .box .con7_txt1 p {
	width: 95%;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
}

.con7 .con7_img2 {
	width: 100%;
	margin-top: 2em;
}

.con7 .con7_img2 img {
	width: 100%;
	margin-left: 0;
}


.con7 .box2 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 1px solid #fff;
	border-right: solid thin;
	z-index: 0;
	width: 90%;
	height: auto;
	margin-top: 0em;
	padding: 2em 0;
	float: none; 
	margin-bottom: 2em;
}

.con7 .box2 .con7_h2 {
	font-size: 20px;
	font-weight: bold;
}

.con7 .box2 .con7_txt2 {
	font-size: 16px;
}
	
	.con7 .box2 .con7_txt2 p {
		width: 90%;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
	}


.con7 .con7_img3 {
	width: 100%;
	text-align: center;
}

.con7 .con7_img3 img {
	width: 100%;
	margin-right: 0;
}

.con7 .box3 {
		margin-left: auto;
	margin-right: auto;
	border: 1px solid #fff;
	border-left: solid thin;
	z-index: 0;
	width: 90%;
	height: auto;
	margin-top: 0;
	padding: 2em 0;
}

.con7 .box3 .con7_h3 {
	text-align: center;
}

.con7 .box3 .con7_txt3 {
	font-size: 16px;
}
	
.con7 .box3 .con7_txt3 p {
	    width: 90%;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
}


.con7 .box3 .con7_txt3 span {
	font-size: 12px;
}


/*tab4*/
/*con8*/
	
.con8 .con8_img3 img {
		width: 100%;
	}

.con8 .con8_h {
	font-size: 20px;
}

.con8 .con8_h2 {
	font-size: 20px;
	text-align: left;
	margin-bottom: 1em;
}
	
.con8 .con8_h2 p {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
.con8 .con8_h2 p br {
	display: none;
}
	
	.con8 p {
		width: 90%;
		text-align: left;
		margin-right: auto;
		margin-left: auto;
		font-size: 16px;
	}

	
.con8 .con8_text3 {
		width: 100%;
		text-align: center;
	font-size: 16px;
	}

.con8 .con8_text3 p {
		width: 90%;
	text-align:left; 
	margin-left: auto;
	margin-right: auto;
	}


.con8 p {
		text-align: center;
	}	
	
.con8 .con8_text {
		width: 100%;
		text-align: center;
	font-size: 18px;
	margin-top: 2em;
	}
	
.con8 .con8_img img {
		width: 100%;
	}
	
	
.con8 .con8_img2 img {
		width: 100%;
	}


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

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

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


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

.sub_size .list {
	font-size: 16px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

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

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


.sub_size .sub_size_img  img{
	width: 100%;
}


	.sub_size {
		width: 100%;
	}

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

	.model_name {
		margin-top: 4em;
		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 3px #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: 1em 0;
	border: solid thin #FFFFFF;
	width: 100%;
	display: block;
	font-size: 15px;
}

.sub_spec table td {	
  padding:1em 0;
  border: solid thin #FFFFFF;
	width: 100%!important;
		display: block;
	text-align: center;
	font-size: 14px;
}

.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;
}


/*Q&AのCSS*/
.cp_qa {
	width: 96%;
}

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


.cp_qa span {
	font-size: 20px;
	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%;
}

	
/*shop*/


.shop .flex2 {
	width:100%;
}

.shop .box3_big {
	width: 95%;
}


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

.header img {
	width: 30%;
	margin-top: 1em;
	margin-right: 0.5em;
}
.top {
	width: auto;
  height: 58vh;
  background: url("/products/PROMETHEUS/4K_monitor/img/background_sp.jpg");
  background-position: center top;
  background-size: 100%;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #000000;
}
	
.top_con1 {
  width: 100%;
  height: 63vh;
  background: url("/products/PROMETHEUS/4K_monitor/img/background2_sp.jpg");
  background-position: center top;
  background-size: 100%;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #000000;
}

.top .top_tittle {
	line-height: 2.8em;
	text-align: center;
	margin-top: 2em;
	font-size: 10px;
}
	
.rogo img {
	width: 100%;
}

.rogo {
	text-align: center;
	margin-top: 0;
}
	
.icon img {
	width: 100%;
}

.icon {
	margin-top: 2em;
}

.top_con1 p {
	font-size: 20px;
	margin-top: 3em;
}


/*footer*/

#footer-all {
background:#f0f0f0;
height: auto;
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%!important;
float:none;
text-align:center;
margin:2em 0;
}

#footer img {
width: 50%;		
}	
	
address {
font-style:normal;
font-size:10px;
margin:10px auto 0 auto;
}

	
}