/*-------------------------------------------*/
/*CSS*/
/*-------------------------------------------*/

/*表のborderを消す*/
#product section.contents div td.topbordernon,
#product section.contents div th.topbordernon{
  border-top: 2px solid transparent;
}

/**/
#special-nav{
	background-color: #fff;
}
#product section.contents div table tr img{
	margin:0 auto;
}

/*赤文字*/
#product section.contents span.red{
	background-color:#e50000;
	color:#fff;
	padding: 0.1em 0.5em;
	margin:0  0 0 0.5em;
}

#product section.contents td.center_pro{
	text-align:center;
}
#product section.contents span.fontsize_s{
	font-size:1.4rem;
}
#product .top_dim {
    margin-top: 3rem !important;
}
#product article a.movielink[target="_blank"]::after{
	content: "";
	display: inline-block;
	position: relative;
	margin:0;

	width: calc(1em * 0.7);
	height: calc(1em * 0.7);
	box-sizing: border-box;
	border-top: rgba(0,94,184,1.0) solid 1px;
	border-right: rgba(0,94,184,1.0) solid 1px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background-image:none;
}
#product .flexbox_redline{
	display: flex;
	margin: -3rem 0 1rem 0;
	justify-content: end;
	align-items: center;
}
#product .flexbox_redline p{
	margin:0 !important;
}
#product .flexbox_redline img{
	margin:0 1rem 0 0 !important ;
}

/*spec表*/
#product section.contents div table .flex_box_spec{
	margin-top:2em;
	display:flex;
	justify-content: space-between;
}
#product section.contents div table .flex_box_spec th,
#product section.contents div table .flex_box_spec td{
	padding: 0rem 1em;
	font-size:1.2rem;
}
#product section.contents div table .flex_box_spec.type_s {
	  align-items: center;
}

#product section.contents div table .flex_box_spec.type_s table{
	width:80%;
}
#product section.contents div table .flex_box_spec.type_s img{
	width:10rem;
	height:10rem;
}
#product section.contents div table .flex_box_spec.type_s td{
	text-align:center;
}

/*画像の2カラム*/
#product section.contents .fleximage .patents{
	position:relative;
}
	/*画像のFlex*/
#product section.contents .fleximage {
	display: flex;
	justify-content: space-between;
}
#product section.contents .fleximage .patents p{
	position:absolute;
}
#product section.contents .fleximage .patents p span{
	background-color:#e50000;
	color:#fff;
	padding: 0.1em 0.5em;
}
/*動画の2カラム*/
#product section.contents .flexboxmovie{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#product section.contents .flexboxmovie .playmovie{
	width: calc(50% - 2rem) !important;
	margin:0rem 0 3rem 0;
}
#product section.contents .flexboxmovie.top3 .playmovie{
	margin:3rem 0 0 0!important;
}

/*動画のiwebメンバーズ*/
#product section .playmovie a.iweb-member[target="_blank"]::after{
	content: none;
}
#product section .playmovie a.iweb-member:hover{
	opacity:1;
}

#product section .playmovie a.iweb-member img.iweb-member_image{
	position: absolute;
	top:1rem;
	right:1rem;
}

/*ページ内リンク 小*/
#product section.contents .flexbox_pagelinks{
	display: flex;
	align-items: center;
}
#product section.contents .flexbox_pagelinks a{
	display:block;
	padding-right:1em;
	margin-right:1em;
}
#product section.contents .flexbox_pagelinks a:after{
	content: "";
	display: inline-block;
	position: relative;
	left: calc(1em * 0.5);
	top: calc(1rem * 0.2 * -1);
	width: calc(1em * 0.7);
	height: calc(1em * 0.7);
	box-sizing: border-box;
	border-bottom: rgba(0,94,184,1.0) solid 1px;
	border-right: rgba(0,94,184,1.0) solid 1px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*仕様表の文字ズラ合わせ*/
#product section.contents .flexbox_spec {
	display: flex;
	/*justify-content: space-between;*/
}
#product section.contents .flexbox_spec span:nth-of-type(1){
	width:8.5em;
}
#product section.contents div.th_left table th {
	text-align:left;
}

/*-------------------------------------------*/
/*タブレット*/
/*-------------------------------------------*/
@media (min-width:769px) and (max-width:1080px) {
/*動画のiwebメンバーズ*/
	#product section .playmovie a.iweb-member img.iweb-member_image{
		width:30% !important;
	}
}

/*-------------------------------------------*/
/*モバイル向け*/
/*-------------------------------------------*/
@media screen and (max-width:768px) {
	#product .flexbox_redline img{
		width: 2em !important;
	}

/*画像の2カラム*/
	#product section.contents .fleximage {
		display: block;
	}
	#product section.contents .fleximage div {
		margin: 4rem 0rem 0;
	}
/*動画の2カラム*/
	#product section.contents .flexboxmovie{
		display: block;
	}
	#product section.contents .flexboxmovie .playmovie{
		width: calc(100%) !important;
	}
	#product section.contents .flexboxmovie .playmovie:nth-of-type(n+2){
		margin-top:4rem;
	}
/*動画のiwebメンバーズ*/
	#product section .playmovie a.iweb-member img.iweb-member_image{
		width:30% !important;
	}
	/*スクロール表*/
	#product section.contents div.tabledisp,
	.tabledisp {
		overflow-x: scroll;
	}
	#product section.contents div.tabledisp table,
	.tabledisp table {
		width: max-content;
		border-collapse:separate;
		border-top:1px solid #e6e6e6;
	}
	#product section.contents div.tabledisp table td{
		background-color:#fff;
	}
	#product section.contents div.tabledisp th,
	#product section.contents div.tabledisp td{
		font-size: 1.2rem;
		border-width:0px 0px 1px 1px;
	}
	#product section.contents div.tabledisp table th.headsp {
		background-color: #f7f7f7;
	}
	#product section.contents div.tabledisp table td.headsp {
		background-color:#fff;
	}
	#product section.contents div.tabledisp table th.headsp ,
	#product section.contents div.tabledisp table td.headsp {
		position: sticky;
		left: 0;
		z-index: 12;
		border-left-width: 0;
	}
	#product section.contents div.tabledisp table th.left_noline ,
	#product section.contents div.tabledisp table td.left_noline {
		border-left-width: 0;
	}
	
	#product section.contents div.tabledisp table th ,
	#product section.contents div.tabledisp table td {
		padding:0.3em 0.5em;
	}
	#product section.contents div.tabledisp table th.headsp:after,
	#product section.contents div.tabledisp table td.headsp:after {
		content: "";
		position: absolute;
		top: 0;
		right: -1px;
		width: 0;
		height: 100%;
		border-right: 1px solid rgba(0,0,0,0.15);
	}
	#product section.contents div.tabledisp img.imagesp10{
		width:10rem;
	}
	#product section.contents div.tabledisp img.imagesp15{
		width:15rem;
	}
	#product section.contents div.tabledisp img.imagesp20{
		width:20rem;
	}
	#product section.contents div.tabledisp img.imagesp30{
		width:30rem;
	}
	#product section.contents div.tabledisp img.imagesp40{
		width:40rem;
	}
	#product section.contents div.tabledisp img.imagesp50{
		width:50rem;
	}
	#product section.contents div table tr img.product_pic{
		width: 7rem;
	}
}