﻿@charset "utf-8";
/* CSS Document */


/* 製品ごとに色設定 ここから */

.product_inside .Area_left .pointlist {
	background:linear-gradient(white 50%, #E4EBF0 50%);
}
.product_inside .Area_left ul.point_ul{
	background-color: #E4EBF0;
}
.product_inside h3  {
	border-bottom: 2px solid #00518e;
}
.product_inside h3 .series_flex p.series {
	background-color: #00518e;
}
.product_inside h4 {
	border-bottom: 2px solid #239BFF;
}

/* 製品ごとに色設定 ここまで */


table {
	margin: 0px;
	padding: 0px;
}
td {
	padding: 10px;
	line-height:160%;
	background-color: #FDFDFD;
	border-bottom: 1px #CCCCCC solid;
	vertical-align: middle;
}
th {
	padding: 10px;
	line-height:160%;
	background-color: #FAFAFA;
	border-bottom: 1px #CCCCCC solid;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}


tbody tr.clickable:hover td {
	background-color: #E3EFF5;
	cursor: pointer;
}

tbody tr.clickable:hover th {
	background-color: #E3EFF5;
	cursor: pointer;
	color: #C00;
}

.box-indent-1 {
  display: block;
  width: 95%;
  margin: 25px 0 5px 2.5em;
  background-color: #f8f8f8;
  border-radius: 10px;
  padding: 5px 0 15px 0;
}

.box-indent-1 h5 {
  margin: 15px 15px 10px 15px;
  color: #00518e;
  border-bottom: 1px dashed #00518e;
  font-size: 20px;
  font-weight: bold;
  padding: 5px 0 15px 15px;
  letter-spacing: 1px;
}
.box-indent-1 p {
  width: 90%;
  margin: 10px auto 10px;
}
.box-indent-1-img {
  width: 85%;
  margin: 10px auto;
}

.box-indent-1-img img {
  width: 100%;
}

.contentbox-flex, .contentbox-block {
  width: 97%;
  margin: 0 auto 10px;
}
.contentbox-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.contentbox-block {
  display: block;
}

.contentbox-txt {
  width: 60%;
}
.contentbox-img {
  width: 40%;
}

.contentbox-img img {
  width: 100%;
}

h5.content-summery {
  width: 100%;
  text-align: center;
  color: #00518e;
  font-size: 20px;
  margin: 30px 0 20px;
  line-height: 150%;
}

.content-table {
  margin: 10px auto;
}

.content-table td {
  text-align: center;
}

td.moji_good {
  font-weight: bold !important;
  font-size: 18px !important;
  color: #cc0000 !important;
}


/* 用途のリスト */
.appbox {
  display: flex;
  justify-content: space-between;
}
.app_list	{
  width: 450px;
	margin: 0 0 0 20px;
  padding: 15px;
  font-size: 16px;
}
.app_list li	{
	list-style-type:circle;
	line-height:170%;
}


/* 画像｜１枚が中心に */
.top_img{
	text-align:center;
}

.top_img img{
	max-width:100%;
	height:auto;
}

/* 画像｜１枚が中心に */
.img_box_01{
	text-align:center;
}

.img_box_01 img{
	max-width:100%;
	height:auto;
	margin:10px 0 10px 0;
}
.img_box_01-s{
  width: 70%;
  margin: 0 auto;
}

.img_box_01-s img{
	width:100%;
	height:auto;
}

/* カメラシリーズ一覧 */
.camerabox {
  width: 960px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.camera-series {
  width: 280px;
  margin: 10px 20px 20px;
  padding: 0;
}

.camera-series img {
  width: 100%;
}

.camera-series h5 {
  display: block;
  color: #00508e;
  font-size: 16px;
  font-weight: bold;
  line-height: 160%;
  margin: 5px 10px;
}

.camera-series h5 span {
  color: #CC0000;
  font-size: 13px;
  font-weight: normal;
  margin-left: 5px;
}

.camera-point {
  display: block;
  margin-left: 30px;
}

.camera-point li	{
	list-style-type:disc;
	line-height:170%;
}


/* テーブルの幅 */


.font16px	{
	font-size:16px;
}

.moji_01	{
	font-size:12px;
}

.moji_01 img{
	margin: 0px !important;
}

.moji_01_title th{
	text-align: center !important;
}

.table_720 th{
	vertical-align: middle;
}

.table_720 th img {
  width: 50px;
  height: auto;
}
  


/***** 右上画像の調整 *****/
.Area_right .cloudimage-360 {
  width: 100%;
  height: 400px !important; 
  }
.Area_right img {
  width: 400px;
  height: auto;
  }

/* 画面サイズの横幅が 480px より小さい場合に適用 */
@media screen and (max-width: 480px) {
table {
	font-size: 10px;
}

.table_720 {
	width: 100%;
}
.table_720 th img {
  width: 40px;
  height: auto;
}
  

.box_adopt_one img{
	width:100%;
	height:auto;
}

.box-indent-1 {
  display: block;
  width: 93%;
  margin: 15px 0 5px 1em;
  padding: 5px 0 5px 0;
}

.box-indent-1 h5 {
  margin: 10px 10px 10px 10px;
  font-size: 16px;
  padding: 5px 0 15px 15px;
}

.contentbox-flex, .contentbox-block {
  width: 97%;
  margin: 0 auto 10px;
}
.contentbox-flex {
  display: block;
}

.contentbox-txt, .contentbox-img  {
  width: 97%;
}

.contentbox-img img {
  width: 100%;
}

h5.content-summery {
  width: 97%;
  font-size: 16px;
  line-height: 150%;
}

.content-table {
  margin: 10px auto;
}

.content-table th,
.content-table td {
  word-break: break-all;
}

td.moji_good {
  font-size: 14px !important;
}


/* 用途のリスト */
.appbox {
  display: block;
}
.app_list	{
  width: 90%;
	margin: 0 0 0 20px;
  padding: 0px 0 0 10px;
}
.app_list li	{
  line-height: 150%;
  font-size: 14px;
}


/* カメラシリーズ一覧 */
.camerabox {
  width: 97%;
  margin: 0 auto;
}

.camera-series {
  width: 45%;
  margin: 10px 5px 20px;
  padding: 0;
  text-align: center;
}

.camera-series img {
  width: 70%;
  margin: 0 auto;
}

.camera-series h5 {
  font-size: 14px;
  line-height: 160%;
  margin: 5px 5px;
  text-align: left;
}

.camera-point {
  display: block;
  margin-left: 15px;
  text-align: left;
}

.camera-point li	{
	line-height:150%;
  padding-left: 0px !important;
}

/* 注意事項（販売終了） */
.att a{
	font-size: 14px;
}
.att_shosai  {
  font-size: 14px;
}
.att_tit	{
	font-size: 16px;
	font-weight: bold;
  line-height: 135%;
	}
  

/* スマホ閲覧設定用 */
.smp_only {
	display: block;
	color:#C00;
	font-size: 12px;
	margin: 5px;
}
.smp_none {
	display: none;
}
  
}

