@charset "utf-8";



*, *:before, *:after {
	box-sizing: border-box;
}
.col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_2 > div{
	width: 50%;
	padding: 10px;
}


.youtube {
	width: 100%;
	aspect-ratio: 16 / 9;
  }
.youtube iframe {
	width: 100%;
	height: 100%;
  }
/* SPECS */
#specs {
    display: flex;
    align-items: center;
    width: 85%;
    max-width: 1400px;
    margin: 1% auto;
	padding: 3%;
	border: 2px solid rgba(169,134,0,1.00);
	background: rgb(0, 0, 0, 0.4);
}

#specs img {
    transform: translateX(1rem);
}



.contents-wrap6 {
	display: flex;
	justify-content: space-between;
	padding-bottom: 3rem;
	background-color:rgba(255,255,255,0.6);
background-blend-mode:lighten;
flex-direction: row-reverse;
	background-size: cover;
	background: rgba(7,7,7,0.6);
	color: rgba(255,255,255,1.00);
	padding: 2%;
	border: 2px solid rgba(169,134,0,1.00);
	margin-bottom: 1%;
	margin-left: 10%;
	margin-right: 10%;
	/*align-items: flex-end;*/
}

.contents-text {
	width: 50%; /*flex: 2;*/
	padding: 1%;
}


.contents-text5 {
	width: 50%; /*flex: 2;*/
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	padding-right: 1%;
}
.contents-img {
	width: 50%; /*flex: 1;*/
}
.flex_text02{
	line-height: 1.7rem;
}
.flex_text02 img{
	bottom: 0;
}



@media (max-width: 1100px) {
    #specs {
        flex-direction: column;
    }

    #specs img {
       /* height: 300px;*/
        transform: translateX(-1rem);
    }


}


table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
  }
  table th {
	color: rgb(160, 124, 26);
	/*background: rgb(0, 0, 0, 0.4);*/
	width: 22%;
	border: 1px solid rgb(128, 98, 16);
	box-sizing: border-box;
	padding: 15px;
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
  }
  table td {
	color: rgb(160, 124, 26);
	/*background: rgb(0, 0, 0, 0.4);*/
	border: 1px solid rgb(128, 98, 16);
	box-sizing: border-box;
	padding: 15px;
	vertical-align: top;
	text-align: left;
  }





/*画面幅800px以下の設定
---------------------------------------------------------------------------*/
  @media all and (max-width: 800px) {
	table th, table td {
	  display: block;
	  width: 100%;
	  border-bottom: none;
	}
	table tr:last-child td:last-child {
	  border-bottom: 1px solid #ccc;
	}
  }

  @media screen and (max-width: 800px) {
	.col_2 > div{
		width: 100%;
	}
	.contents-wrap6,
	.contents-wrap6:nth-child(odd)  {
		flex-direction: column;
		margin-left: 1%;
		margin-right: 1%;
	}
	.contents-text,
	.contents-img {
		width: 100%; /*flex: 1;*/
	}
	#specs {
		width: 98%;
	}
}





/*画面幅480px以下の設定
---------------------------------------------------------------------------*/