@charset "utf-8";

/*------------------------------------------------------------------------------
Date: 2014-0X-XX
Copyright (C) XXX. All Rights Reserved.
------------------------------------------------------------------------------*/

/******************************************
- Title Style
- Section Style
- List Style
- Button Style
- Table Style
- Form Style
- Text Style
- Stopgap Class
- Clearfix
*******************************************/

/* ----------------------------------------

- Title Style

---------------------------------------- */

/* title
------------------------------- */
.title01 {
	display: table-cell;
	width: 970px;
	height: 197px;
	/*background: url(../../images/common/bg_tit_01.png) no-repeat 0 0;*/
	padding: 0 0 30px 0px;
	vertical-align: middle;
}
.title01_none {
	display: table-cell;
	width: 970px;
	height: 197px;
	padding: 0 0 30px 0px;
	vertical-align: middle;
}
.title01_mottoktc {
	display: table-cell;
	width: 970px;
	height: 197px;
	background: url(../../images/common/bg_tit_02.png) no-repeat 0 0;
	padding: 0 0 30px 50px;
	vertical-align: middle;
}
.title01_solution {
	display: table-cell;
	width: 970px;
	height: 197px;
	/*background: url(../../images/solution/bg_tit_01_solution.jpg) no-repeat 0 0;*/
	padding: 0 0 30px 50px;
	vertical-align: middle;
}
.title01 .innerTit,
.title01_solution .innerTit,
.title01_mottoktc .innerTit {
	font-size: 261.5%;
	font-weight: 700;
	margin-bottom: 13px;
	margin-top: 3px;
	line-height: 1;
}
.title01 .innerTit span,
.title01_solution .innerTit span,
.title01_mottoktc .innerTit span{
	display: block;
	border-left: 3px solid #eb090a;
	padding-left: 17px;
}
.title01 .innerRead ,
.title01_solution .innerRead {
	/*width: 600px;*/
	line-height: 1.615;
}
.title01_mottoktc .innerRead {
	width: 400px;
	line-height: 1.615;
	font-size: 13px;
}
.title02 {
	font-size: 200%;
	font-weight: 700;
	font-family: "ヒラギノ角ゴ Pro W6","メイリオ",Meiryo, Osaka;
	line-height: 1.2;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #777777;
}
.title02 span {
	display: block;
}

@media screen and (max-width:1024px){
	#index01.indexArea {
		padding-top: 23.9999vw;
		margin-top: -23.9999vw;
	}
}


.title03 {
	font-size: 153.8%;
	font-weight: 700;
	border-left: 3px solid #777777;
	line-height: 1;
	padding-left: 8px;
	margin-bottom: 20px;
	clear: both;
}
.title04,
.title05 {
	font-size: 138.5%;
	font-weight: 700;
	font-family: "ヒラギノ角ゴ Pro W6","メイリオ",Meiryo, Osaka;
	margin-bottom: 15px;
}
.title05 {
	color: #ed2e2e;
}
.title06 {
	font-size: 115.4%;
	font-weight: 700;
	margin: 8px 0px 5px;
}
.title07 {
	font-size: 115.4%;
	margin: 8px 0px 2px;
}
.title08 {
	font-size: 100%;
	font-weight: 700;
	margin: 8px 0px 2px;
}


.tablet .title01 .innerTit,
.tablet .title02,
.tablet .title03 {
	font-family: inherit;
}

.compare {
	border:1px solid #ccc;	
}
.compare th , .compare td {
	text-align:center;
	padding: 2px;
}
.compare th {
	background:#f1f1f1;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.compare .number {
		font-size:80%;
}
.compare td {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

.compare .on th , .compare .on td {
	background:#FFE2D9!important;
}
.compare .smallcaption {
	font-size:86%;
}
.compare .single th {background:#f0f0f0; font-color:#ddd;}
.compare .single td {background:#f0f0f0;}
@media screen and (max-width:1024px){
	.title01, .title01_solution,.title01_mottoktc{
		width: auto;
		display: block;
		height: auto;
		padding-left: 0;
		background: none;
		padding-bottom: 0;
	}
	.title01 .innerTit {
		/*background: #fff url(/wp-content/themes/ktc/images/common/bg_tit_01.png) no-repeat 100% 0;*/
		-webkit-background-size: 400px auto;
		background-size: 400px auto;
		height: 50px;
		font-size: 18px;
		line-height: 1.3;
		display: table;
		width: 100%;
		margin-bottom: 0;
		font-family: inherit;
	}
	.title01_solution .innerTit {
		/*background: #fff url(/wp-content/themes/ktc/images/solution/bg_tit_01_solution.jpg) no-repeat 74% 0;*/
		-webkit-background-size: 400px auto;
		background-size: 400px auto;
		height: 82px;
		font-size: 18px;
		line-height: 1.3;
		display: table;
		width: 100%;
		margin-bottom: 0;
		font-family: inherit;
	}
	.title01_mottoktc .innerTit {
		background: #fff url(/wp-content/themes/ktc/images/common/bg_tit_02.png) no-repeat 74% 0;
		-webkit-background-size: 400px auto;
		background-size: 400px auto;
		height: 82px;
		font-size: 18px;
		line-height: 1.3;
		display: table;
		width: 100%;
		margin-bottom: 0;
		font-family: inherit;
	}	
	.title01 .innerTit span , .title01_solution .innerTit span , .title01_mottoktc .innerTit span {
		display: table-cell;
		width: 100px;
		vertical-align: middle;
		padding-left: 15px;
		/*padding-right: 130px;*/
	}
	.title01 .innerRead , .title01_solution .innerRead , .title01_mottoktc .innerRead{
		width: auto;
		padding: 8px 10px 0;
		font-size: 12px;
		background-color: #ececec;
		line-height: 1.5;
	}
	.title02 {
		font-size: 16px;
		-webkit-background-size: 728px auto;
		background-size: 728px auto;
		margin-bottom: 15px;
		font-family: inherit;
	}
	.title03 {
		font-size: 16px;
		padding-left: 10px;
		margin: 0 0 10px;
		font-family: inherit;
	}
	.title04,
	.title05 {
		font-size: 14px;
		margin-bottom: 10px;
		font-family: inherit;
	}
}
.solution_subtitle {
	background:#fff;
}
h3.title07 {
	padding: 15px;
  background: url(../../images/catalog/index/bg_line_dot_01.gif) repeat-x left bottom;
  font-size: 170%;
  font-weight: bold
}
/* ----------------------------------------

- Section Style

---------------------------------------- */

/* section
------------------------------- */
.section01 {
}

.flatBdr {
	border-bottom: 2px solid #d4d4d4;
}

.col02 > div {
	width: 50%;
	float: left;
}

.bnrSec01 li {
	margin-bottom: 15px;
}
@media screen and (max-width:1024px){
	.bnrSec01 {
		text-align: center;
	}
	.bnrSec01 li {
		display: inline-block;
		margin: 0 0 10px;
	}
	.bnrSec01 li img {
		width: 100%;
	}
}



/* imgSec
------------------------------- */
.imgSec01 {
	margin-bottom: 15px;
}
.imgSec01 .imgL {
	float: left;
	margin: 3px 25px 10px 0;
}
.imgSec01 .imgR {
	float: right;
	margin: 3px 0 10px 25px;
}
.imgSec01 .inTxt {
	overflow: hidden;
}
@media screen and (max-width:1024px){
	.typeSp50per {
		width: 50%;
	}
	.imgSec01 .inTxt {
		overflow: inherit;
	}
}

/* ----------------------------------------

- List Style

---------------------------------------- */

/* list
------------------------------- */
.list01 {
	padding-left: 20px;
}
.list01 li {
	list-style-type: disc;
}

/* defList
------------------------------- */
.defList {
	padding-left: 30px;
	margin-bottom: 15px;
}
ul.defList li {
	list-style-type: disc;
}
ol.defList li {
	list-style-type: decimal;
}

/* ----------------------------------------

- Button Style

---------------------------------------- */

/* btn
------------------------------- */
.btnUnit01 {
	text-align: center;
}
.btnUnit01 li {
	display: inline;
	padding: 0 10px;
}
.btnUnit01 input {
	vertical-align: bottom;
}

.btn01 {
	background: #fff url(../../images/common/icon_arrw_01.png) no-repeat 10px 50%;
	border: 1px solid #d3d3d3;
	padding: 5px 10px 4px 23px;
	display: inline-block;
	border-radius: 3px;
}
.btn01.btnMiddle {
	padding: 12px 20px 11px 33px;
	background-position: 17px 50%;
}


/* btn 1行
------------------------------- */
.pinkBtn{
	width:100%;
	height:75px;
	text-align:center;
	background:#eb090a;
	color:#fff !important;
	font-size: 17px;
	font-weight:bold;
	display:inline-block;
	border-top:3px solid #eb090a;
	border-bottom:3px solid #981315;
	position:relative;
	box-sizing:border-box;
	padding-top:20px;
}
.pinkBtn i{
	width:15px;
	height:21px;
	position:absolute;
	right:10px;
	margin:auto;
	top:0;
	bottom:0;
}
.pinkBtn:hover{
	text-decoration:none;
	border-top:3px solid transparent;
	border-bottom:3px solid #ee8c8b;
	padding-top:23px;
	background:#ee8c8b;
}

/* btn 2行
------------------------------- */
.pinkBtn_2line {
	width:100%;
	height:75px;
	text-align:center;
	background:#eb090a;
	color:#fff !important;
	font-size: 17px;
	font-weight:bold;
	display:inline-block;
	border-top:3px solid #eb090a;
	border-bottom:3px solid #981315;
	position:relative;
	box-sizing:border-box;
	padding-top:10px;
}
.pinkBtn_2line i{
	width:15px;
	height:21px;
	position:absolute;
	right:10px;
	margin:auto;
	top:0;
	bottom:0;
}
.pinkBtn_2line:hover{
	text-decoration:none;
	border-top:3px solid transparent;
	border-bottom:3px solid #ee8c8b;
	padding-top:23px;
	background:#ee8c8b;
}
#magBtnSec{
	width:660px;
	margin:15px auto;
}
#magBtnSec li{
	display:inline-block;
	width:47%;
	vertical-align:top;
	margin-right:3%;
}
#magBtnSec li:last-child{
	margin-right:0;
}

@media screen and (max-width:1024px){
		#magBtnSec{
		width:100%;
		padding:0px 0 20px;
		margin-top:15px;
	}

	#magBtnSec li{
		display:inline-block;
		width:100%;
		margin-bottom:10px;
	}

	}

/* icon
------------------------------- */
.iconNews {
	margin-left: 10px;
	width: 6em;
	text-align: center;
	display: inline-block;
	font-weight: 700;
}
.iconNews.typeRed {
	background: #f0c8c8;
	color: #6d3939;
}
.iconNews.typeYellow {
	background: #efdbb0;
	color: #5c4513;
}
.iconNews.typeGreen {
	background: #c9ddcd;
	color: #2b4d32;
}
.iconNews.typeBlue {
	background: #c8dce0;
	color: #3a5054;
}
.iconItem {
	width: 9em;
	display: inline-block;
	color: #fff;
	padding: 2px 10px 2px 10px;
}
.iconItem.solution,.catName.solution { background: #c3c5c6!important;}
.productTitle .catName.solution {color:#000!important;}
.iconItem.nepros,.catName.nepros { background: #484848!important;}
.iconItem.tool-set,.catName.tool-set { background: #cf3939!important;}
.iconItem.chest,.catName.chest { background: #7e4497!important;}
.iconItem.cycle-tool,.catName.cycle-tool { background: #46a35a!important;}
.iconItem.special-tool,.catName.special-tool { background: #2a9b84!important;}
.iconItem.official,.catName.official , .catName.official-index-category { background: #2da0b5!important;}
.iconItem.item,.catName.item { background: #eb090a!important;}
.iconItem.general-purpose-tool,.catName.general-purpose-tool	{background:#d70a30!important;}
.iconItem.measurement,.catName.measurement 			{background:#b70c5e!important;}
.iconItem.insulation,.catName.insulation				{background:#e5004f!important;}
.iconItem.power,.catName.power							{background:#c80d48!important;}
.iconItem.other,.catName.other							{background:#a50b73!important;}
.iconItem.bicycle-tool,.catName.bicycle-tool,.iconItem.car-tool,.catName.car-tool			{background:#7dc058!important;}
.iconItem.motor-cycle-tool,.catName.motor-cycle-tool	{background:#45b352!important;}
.iconItem.plumbing-tool,.catName.plumbing-tool			{background:#009944!important;}
.iconItem.medical,.catName.medical						{background:#0068b7!important;}
.iconItem.construction,.catName.construction						{background:#666666!important;}

h2.catTitle .catName  { background: #a260bf;}

.iconItem.2023sk,.catName.2023sk { background: #a260bf;}
.iconItem.sk2024, .catName.sk2024 { background: #d21c57!important;}
.iconItem.sk2025, .catName.sk2025 { background: #ff0000!important;}

.linkBlank {
background: url(../../images/common/link_blank.png) no-repeat 100% .2em;
padding-right: 15px;
margin-right: 3px;
}
.linkPDF {
background: url(../../images/common/ico_pdf.png) no-repeat 100% 0;
padding-right: 18px!important;
}

.link {
	display: block;
    padding: 4px 10px 4px 28px;
    background: url(../../images/common/icon_arrw_01.png) no-repeat 15px 50%;	
    text-decoration: underline!important;
}
@media screen and (max-width:1024px){
	.linkBlank {
		margin-right: 5px;
	}
	.linkPDF {
		display: inline-block;
		min-height: 16px;
	}
	}

/* ----------------------------------------

- Table Style

---------------------------------------- */

/* tbl
------------------------------- */
.tbl01,
.tbl02,
.tbl03,
.tbl04,
.tbl05,
.tbl06,
.tbl07{
	width: 100%;
	margin-bottom: 20px;
	background:#ffffff;
}
.tbl01 th,.tbl02 th,.tbl03 th,.tbl06 th,
.tbl01 td,.tbl02 td,.tbl03 td {
	padding: 12px 15px;
	border: 1px solid #ccc;
	vertical-align: top;
}
.tbl01 th {
	background-color: #f1f1f1;
	text-align: center;
	border-right: none;
}
.tbl02 th {
	background-color: #f1f1f1;
	text-align: center;
	font-weight:bold;
}
.tbl03 th {
	background-color: #888888;
	font-weight:bold;
	color:#ffffff;
}
.tbl07 th {
	background-color: #f1f1f1;
	border-right: none;
	font-weight:bold;
	border-bottom: 2px solid #fff;
	border-right: 1px solid #fff;
}

.tbl01 td {
	border-left: none;
}
.tbl04 td {
	vertical-align: top;
	padding-bottom:4px;
}
.tbl07 td {
	vertical-align: top;
}
@media screen and (min-width:1025px){
.tbl07 th ,
.tbl07 td  {
	padding:18px;

}
}

.tbl05 th, .tbl05 td {padding:2px; border-bottom:1px solid #eee;}
.tbl05 th {text-align:right!important;}
@media screen and (max-width:1024px){
	.tbl01 th,.tbl02 th,.tbl03 th,.tbl04 th,
	.tbl01 td,.tbl02 td,.tbl03 td,.tbl04 td {
		font-size: 12px;
		padding: 10px;
	}
.tbl07 th ,
.tbl07 td  {
	padding:4px;

}

}
.tbl06 {width:100%;}
.tbl06 th {width:30%;}
.tbl06 td {width:70%; padding: 12px 15px;
	border: 1px solid #ccc;
}

.title {
	text-align:center;
	background:#f1f1f1;
}

table th,
table td {
	-ms-word-break: break-all;
	word-break: break-all;
	word-wrap: break-word
}

#container table.def {
	width: auto;
}
#container table.def th,
#container table.def td {
	padding: .15em 0;
	border: none;
	width: auto;
}
#container table.def th {
	background: none;
	text-align: left;
	padding-right: 1em;
}
@media screen and (max-width:1024px){
	.spColClear,
	.spColClear tr,
	.spColClear th,
	.spColClear td {
		display: block;
	}
	.spColClear th {
		padding-bottom: 0 !important;
	}
	.spColClear td {
		margin-bottom: 5px;
	}
	#google_translate_element {background:#ececec; padding:10px;}
}



/* col
------------------------------- */
.colW05 { width: 5%;}
.colW08 { width: 8%;}
.colW10 { width: 10%;}
.colW15 { width: 15%;}
.colW20 { width: 20%;}
.colW25 { width: 25%;}
.colW30 { width: 30%;}
.colW35 { width: 35%;}
.colW40 { width: 40%;}
.colW45 { width: 45%;}
.colW50 { width: 50%;}
.colW60 { width: 60%;}
.colW70 { width: 70%;}

/* ----------------------------------------

- Form Style
(input要素の幅は適宜調整する)

---------------------------------------- */
input.txt,
textarea.txt,
select.txt {
	padding: 10px;
	border: 1px solid #ccc;
	vertical-align: baseline;
	margin-bottom:10px;
}
input.check {
	position: relative;
	top: 2px;
	margin-right: 3px;
}

input.small01 { width: 5em;}
input.small02 {	width: 50px;}

input.medium01 { width: 150px;}
input.medium02 { width: 250px;}
input.medium03 { width: 350px;}

textarea.large01,
input.large01 {
	width: 98%;
}
@media screen and (max-width:1024px){
	input,select {
		font-size: 16px;
	}
}


/* ----------------------------------------

- Text Style

---------------------------------------- */
.iconPdf {
	background: url(../../images/common/icon_pdf.png) no-repeat 0 .1em;
	padding-left: 20px;
}
.link01 {
	background: url(../../images/common/icon_arrw_01.png) no-repeat 0 .45em;
	padding-left: 12px;
}
a.link02 {
	background: #171717 url(../../images/common/ico_link02.png) no-repeat 12px .4em;
	color: #fff;
	border-radius: 2px;
	padding: 2px 14px 1px 22px;
	font-size: 84.6%;
}
a.link02:hover {
	text-decoration: none;
	background-color: #eb090a;
}

a.link03 {
	background: #eb090a url(../../images/common/ico_link02.png) no-repeat 12px .4em;
	color: #fff;
	border-radius: 2px;
	padding: 2px 14px 1px 22px;
	margin:4px;
	font-size: 120%;
}
a.link03:visited {color:#fff!important;}

a.link03:hover {
	text-decoration: none;
	background-color: #fe7979;
}
.lead {
	margin-bottom: 30px;
}
.txtArea p { margin-bottom: 15px;}
.txtArea p:last-child { margin-bottom: 0;}

.link_bar {
	margin:10px 0;
	font-weight: bold;
}
.border {
	border: 1px dotted #888;
	padding: 20px;
	background: #fff;
}
.del {
	text-decoration:line-through!important;
}
@media screen and (max-width:1024px){
	.lead {
		margin: 0 0 15px;
	}
	.border {
		padding: 10px 15px 13px;
	}
	#main > .border {
		margin-right: 10px;
		margin-left: 10px;
	}
}
/* ----------------------------------------

- Stopgap Class
(以下は暫定的、又はイレギュラーな場合のみ使用。通常は使用しない)

---------------------------------------- */
.clear {
	clear: both;
}
.hidden {
	height: 0;
	width: 0;
	overflow: hidden;
}
.mgt0 { margin-top: 0 !important;}
.mgt2 {	margin-top: 2px !important;}
.mgt5 {	margin-top: 5px !important;}
.mgt10 {	margin-top: 10px !important;}
.mgt15 {	margin-top: 15px !important;}
.mgt20 {	margin-top: 20px !important;}
.mgt30 {	margin-top: 30px !important;}
.mgt40 {	margin-top: 40px !important;}
.mgb0 { margin-bottom: 0 !important;}
.mgb5 {	margin-bottom: 5px !important;}
.mgb10 {	margin-bottom: 10px !important;}
.mgb15 {	margin-bottom: 15px !important;}
.mgb20 {	margin-bottom: 20px !important;}
.mgb30 {	margin-bottom: 30px !important;}
.mgb40 {	margin-bottom: 40px !important;}
.mgl0 { margin-left: 0 !important;}
.mgl5 {	margin-left: 5px !important;}
.mgl10 {	margin-left: 10px !important;}
.mgl15 {	margin-left: 15px !important;}
.mgl20 {	margin-left: 20px !important;}
.mgl30 {	margin-left: 30px !important;}
.mgl40 {	margin-left: 40px !important;}
.alnC { text-align: center !important;}
.alnR { text-align: right !important;}
.alnL{ text-align: left !important;}
.nowrap { white-space: nowrap;}
.breakWord { word-wrap: break-word;}
.flr { float: right;}

@media screen and (max-width:1024px){
	.spBlock {
		display: block;
	}
}

@media screen and (min-width:1025px){
.pc_none {display:none;}
}
@media screen and (max-width:1024px){
	.sp_none {
		display: none;
	}
}

/* ----------------------------------------

hover

---------------------------------------- */
/* Float */
/* .hvr-float {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: transform 0.3s ease-out;
	-moz-transition: transform 0.3s ease-out;
	-ms-transition: transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
.ltIE9 .hvr-float img {
	-webkit-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}
.ltIE9 .hvr-float a:hover img {
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	opacity: .75;
} */


/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
.clearfix:after,
.imgSec01:after,
.col02:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */
.clearfix,
.imgSec01,
.col02 {
	*zoom: 1;
}

/* sns display:none;
------------------------------- */
/* IE8以下 */
.ltIE9 .inSns,
.ltIE9 #article_sns,
.ltIE9 .ftrBottom .fb {
    display: none;
}
@media \0screen {  
     selector {
        display: none !important;
     }
}



/*archive*/
@media screen and (min-width:1025px){
div.link_detail {
    width: 100%;
}}
div.link_detail .leftbox{
    width:360px;
    float: left;
}
div.link_detail .rightbox{
    width:300px;
    float: right;
}

div.link_detail .leftbox_free{
    float: left;
}
div.link_detail .rightbox_free{
    float: right;
}
@media screen and (min-width:1025px){
div.link_detail .w100{ width:100px!important;}
div.link_detail .w150{ width:150px!important;}
div.link_detail .w200{ width:200px!important;}
div.link_detail .w250{ width:250px!important;}
div.link_detail .w280{ width:280px!important;}
div.link_detail .w300{ width:300px!important;}
div.link_detail .w350{ width:350px!important;}
div.link_detail .w400{ width:400px!important;}
div.link_detail .w450{ width:450px!important;}
div.link_detail .w500{ width:500px!important;}
div.link_detail .w550{ width:550px!important;}
div.link_detail .w600{ width:600px!important;}
div.link_detail .w610{ width:610px!important;}
div.link_detail .w620{ width:620px!important;}
div.link_detail .w630{ width:630px!important;}
div.link_detail .w640{ width:640px!important;}
div.link_detail .w650{ width:650px!important;}
div.link_detail .w700{ width:700px!important;}

div.link_detail .w31p{ width:31%!important;}
}

@media screen and (max-width:1024px){
	div.link_detail {
    width: none!important;
}
    div.link_detail .leftbox,
    div.link_detail .leftbox_free
    {
    width:100%;
    float: none;
}
div.link_detail .rightbox,div.link_detail .rightbox_free{
    width:300px;
    float: none;
}

div.link_detail .w100{ width:100%;}
div.link_detail .w150{ width:100%;}
div.link_detail .w200{ width:100%;}
div.link_detail .w250{ width:100%;}
div.link_detail .w280{ width:100%;}
div.link_detail .w300{ width:100%;}
div.link_detail .w350{ width:100%;}
div.link_detail .w400{ width:100%;}
div.link_detail .w450{ width:100%;}
div.link_detail .w500{ width:100%;}
div.link_detail .w550{ width:100%;}
div.link_detail .w600,
div.link_detail .w610,
div.link_detail .w620,
div.link_detail .w630,
div.link_detail .w640,
div.link_detail .w650,
div.link_detail .w700{ width:100%;}

div.link_detail .w31p{ width:100%;}

}
.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
}
}

.hover img:hover {
	opacity: 0.5!important;
}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

#noscript {display: none!important;}

.tbl01 .spec2,
.tbl02 .spec2,
.tbl03 .spec2 {
	text-align:center;
}
.tbl01 .spec3,
.tbl02 .spec3,
.tbl03 .spec3 {
	text-align:right;
}