@charset "utf-8";

/* page
-----------------------------------------------*/
.productImg{
margin:0;
padding:0;
clear:both;
}

.productNavi{
margin:0;
padding:10px 10px 10px 10px;
width:671px;
background:transparent url(../images/product_navi_bg.jpg) repeat-x 0 0;
background-size: contain;
clear:both;
}

.productNaviLeft{
margin:0;
padding:3px 0 0 0;
width:409px;
float:left;
}

.productNaviIcon{
margin:0;
padding:5px 10px 0 0;
width:55px;
float:left;
display:inline;
}

.contentsLeft p.productNaviPrice{
margin:0;
padding:2px 0 0 0;
font-weight:bold;
float:left;
display:inline;
font-size: 180%;
}

.productNaviRight{
margin:0;
padding:0;
width:262px;
height:34px;
float:right;
}

.productAnchor{
margin:0 0 15px;
padding:0;
clear:both;
}

.productAnchor ul{
margin:0 auto;
padding:0;
list-style:none;
}

.productAnchor li{
margin:0;
padding:0 10px 0 5px;
display:inline;
}

.productAnchor li a{
margin:0;
padding:0 0 0 12px;
background:transparent url(/common/images/arrow_anchor.gif) no-repeat 0 3px;
}

.contentsLeft p.leadText{
	margin:5px 0 15px;
	color: #C00;
}


*:first-child+html .serviceListRight{
margin:0 0 0 14px;
padding:10px 8px;
background:transparent url(../images/service_list_bg01.jpg) no-repeat -2px 0;
width:323px;
float:left;
}

/**/


.productLayout01{
margin:25px 0 0 0;
padding:0 10px 30px 10px;
width:671px;
background:transparent url(../images/line_dot.gif) repeat-x 0 100%;
}

.productLayout01Left{
	margin:20px 0 0 0;
	padding:0;
	width:400px;
	float:left;
}

.productLayout01Right{
margin:20px 0 0 0;
padding:0;
width:240px;
text-align:center;
float:right;
}

.productLayout01Left h3{
margin:0 0 15px 0;
padding:0 0 0 15px;
font-size:120%;
background:transparent url(../images/tit_mark.gif) no-repeat 0 2px;
}

.contentsLeft .productLayout01Left p{
margin:0 0 0 20px;
padding:0;
}
.contentsLeft .productLayout01Left p.note{
	font-size:10px;
	text-align:right;
}
.contentsLeft .productLayout01Right p{
margin:5px 0 30px;
padding:0;
}
.contentsLeft p.productLayout01Link{
margin:0 0 30px 0;
padding:0;
}

.contentsLeft p.productLayout01Link a{
margin:0;
padding:0 0 0 15px;
background:transparent url(/common/images/arrow02.gif) no-repeat 0 1px;
}



.productLayout02{
margin:20px 0 0 0;
padding:0 10px 20px 10px;
width:671px;
overflow:hidden;
}
.productLayout02 .spec{
	float:left;
	margin:0 30px 0 0;
	padding:10px;
	width:185px;
	border:1px solid #CCC;
}
.productLayout02 h4{
	float:left;
}
.productLayout02 .planImage{
	clear:both;
	margin:0 0 30px;
	padding:25px 0 0;
	text-align:center;
}
.productLayout02 ul{
	margin:0;
	padding:0;
}
.productLayout02 li{
	margin:0;
	padding:0;
	font-size:10px;
	list-style:none;
}
.productLayout02g{
	width:671px;
	padding:10px;
	background:#EFEFEF;
}
.productLayout02g ul{
	margin:0;
	padding:0;
}
.productLayout02g li{
	margin:0;
	padding:0 0 0 1em;
	text-indent:-1em;
	list-style:none;
}

h2.optionTitle{
margin:20px 0 0 0;
padding:0 0 0 15px;
font-size:120%;
background:transparent url(../images/tit_mark.gif) no-repeat 0 2px;
}

.productLayoutOption{
margin:10px 0 0 0;
padding:0 10px 20px 10px;
width:671px;
}

.contentsLeft .productLayoutOption p{
margin:5px 0 0 0;
padding:0;
}

.contentsLeft .productLayoutOption p.productLayout01Zoom{
margin:5px 0 0 0;
padding:0 0 0 18px;
background:transparent url(../images/icon_zoom.gif) no-repeat 0 0;
}

.contentsLeft .productLayoutOption p.productLayout01Zoom a.new{
margin:5px 0 0 0;
padding:0 33px 2px 0;
background:transparent url(../images/ico_new.gif) no-repeat 100% 0;
}

.productLayoutOptionLeft{
margin:15px 0 0 0;
padding:0;
width:153px;
float:left;
}

.productLayout01Left106{
margin:15px 0 0 0;
padding:0;
width:106px;
float:left;
}

.productLayout01Left120{
margin:15px 0 0 0;
padding:0;
width:120px;
float:left;
}

.productLayout01Left127{
margin:15px 0 0 0;
padding:0;
width:127px;
float:left;
}

.productLayout01Left147{
margin:15px 0 0 0;

padding:0;
width:147px;
float:left;
}

.productLayoutOptionRight{
margin:15px 0 0 0;
padding:0 0 0 18px;
width:153px;
float:left;
}


.productLink{
margin:25px 0 0 10px;
padding:0;
width:671px;
background:transparent url(../images/product02_bg02.gif) no-repeat 0 100%;
}

.productLink h3{
margin:0;
padding:0 0 5px 0;
font-size:120%;
border-bottom:solid 2px #30527A;
}

.productLink h3 a{
margin:0;
padding:0 0 0 15px;
background:transparent url(/common/images/arrow02.gif) no-repeat 0 50%;
display:block;
height:2.4em;
}

.productLink h3 a.link01{
margin:0 0 0 0;
padding:0.6em 0 0 15px;
background:transparent url(/common/images/arrow02.gif) no-repeat 0 50%;
display:block;
height:1.8em;
}

.contentsLeft .productLink p{
margin:10px 0 0 0;
padding:0;
}

.productLinkLeft{
margin:0;
padding:10px 7px;
width:143px;
background:transparent url(../images/product02_bg01.jpg) no-repeat 0 0;
float:left;
}

.productLinkRight{
margin:0 0 0 14px;
padding:10px 7px;
width:143px;
background:transparent url(../images/product02_bg01.jpg) no-repeat 0 0;
float:left;
}

.productNote{
margin:25px 0 0 10px;
padding:5px 15px 15px 15px;
width:641px;
background:#F7F7F7;
clear:both;
}

.productNote h3{
margin:10px 0 0 0;
padding:0;
font-size:120%;
color:#FF8C3F;
clear:both;
}

.contentsLeft .productNote p{
margin:0;
padding:0;
clear:both;
}

.productNote ul{
margin:0;
padding:0;
list-style:none;
clear:both;
}

.productNote li{
margin:0;
padding:0 0 0 1.2em;
text-indent:-1.2em;
}

.relationBox{
margin:25px 0 0 10px;
padding:2px;
width:664px;
border:solid 1px #CCC;
clear:both;
}

.relationBg{
margin:0;
padding:8px;
width:648px;
background:transparent url(../images/relation_bg01.jpg) repeat-x 0 0;
clear:both;
}

.relationBg dl{
margin:0;
padding:0;
width:648px;
clear:both;
}

.relationBg dt{
margin:0;
padding:0;
width:78px;
float:left;
}

.relationBg dd{
margin:0;
padding:0 0 0 10px;
float:left;
}

.relationBg ul{
margin:5px 0 0 0;
padding:10px 0 0 0;
background:transparent url(../images/line_dot.gif) repeat-x 0 0;
clear:both;
}

.relationBg li{
margin:0 15px 0 0;
padding:0;
font-size:120%;
font-weight:bold;
float:left;
display:inline;
}

.relationBg li a{
margin:0;
padding:0 0 0 10px;
background:transparent url(/common/images/arrow01.gif) no-repeat 0 5px;
}

.productTableSub{
margin:0 auto;
padding:0;
}

.productTableSub th{
margin:0;
padding:0;
text-align:right;
background:none;
border:none;
}

.productTableSub td{
margin:0;
padding:0;
text-align:left;
border:none;
}


/* リユースユニットハウスの再整備・点検
===================================================*/
.productLayoutMaintenance{
	margin:18px 0 30px 10px;
	padding:2px;
	width:664px;
	border:1px solid #CCC;
}
.productLayoutMaintenancebg{
	padding:10px 0 18px 8px;
	width:656px;
	background:url(../images/column_bg.jpg) repeat-x 0 0;
}
.productLayoutMaintenance p{
	margin:0 0 18px;
	padding:0;
}
.productLayoutMaintenance dl{
	margin:0 0 0 16px;
	width:620px;
	overflow:hidden;
}
.productLayoutMaintenance dt{
	float:left;
	margin:0 20px 0 0;
	padding:0;
	width:117px;
}
.productLayoutMaintenance dd{
	float:left;
	margin:0;
	padding:0;
	width:480px;
}


/* リユースユニットハウスの再整備・点検
===================================================*/
.productLineup{
margin:25px 0 0 10px;
padding:15px;
width:639px;
border:solid 1px #CCC;
clear:both;
}
.productLineup.bottom{
margin:25px 0 30px 10px;
}

.productLineupLeft{
margin:0;
padding:0;
width:260px;
text-align:center;
float:left;
}

.productLineupImg01{
margin:0;
padding:35px 0 45px 0;
text-align:center;
}

.productLineupImg02{
margin:0;
padding:35px 0 30px 0;
text-align:center;
}

.productLineupImg03{
margin:0;
padding:10px 0 15px 0;
text-align:center;
}

.productLineupLeft ul{
margin:0 auto;
padding:0;
width:180px;
list-style:none;
text-align:center;
overflow:hidden;
}

.productLineupLeft li{
margin:0;
padding:0;
width:60px;
text-align:center;
float:left;
}

.productLineupRight{
margin:0;
padding:0;
width:360px;
float:right;
}

.productLineupTit{
margin:0;
padding:0;
}

.productLineupPrice{
margin:20px 0 0 0;
padding:0;
}

.contentsLeft p.productLineupNote{
margin:5px 0 0 0;
padding:0;
font-size:90%;
}

.productLineupTable{
margin:15px 0 0 0;
padding:0;
border-top:solid 1px #CCC;
border-left:solid 1px #CCC;
width:360px;
}

.productLineupTable th{
margin:0;
padding:5px;
border-right:solid 1px #CCC;
border-bottom:solid 1px #CCC;
background:#EBF3FC;
text-align:left;
font-weight:normal;
width:90px;
}

.productLineupTable td{
margin:0;
padding:5px;
border-right:solid 1px #CCC;
border-bottom:solid 1px #CCC;
}

.productLineupBtn{
	margin:15px 0 0 0;
	padding:0;
	text-align:center;
}



/* オプション
===================================================*/
.productLayoutOption{
margin:10px 0 0 0;
padding:0 10px 30px 10px;
width:671px;
background:transparent url(../images/line_dot.gif) repeat-x 0 100%;
}

.contentsLeft .productLayoutOption p{
margin:5px 0 0 0;
padding:0;
text-align: center;
}

.contentsLeft .productLayoutOption p.productLayoutOptionZoom{
margin:5px 0 0 0;
padding:0 0 0 18px;
background:transparent url(../images/icon_zoom.gif) no-repeat 0 0;
}

.contentsLeft .productLayoutOption p.productLayoutOptionNew{
margin:5px 0 0 0;
padding:0 0 0 35px;
background:transparent url(../images/ico_new.gif) no-repeat 0 0;
}

.productLayoutOptionLeft{
margin:25px 0 0 0;
padding:0;
width:145px;
float:left;
}

.productLayoutOptionRight{
margin:25px 0 0 0;
padding:0 0 0 30px;
width:150px;
float:left;
}

.productLayoutOption5Left{
margin:25px 0 0 0;
padding:0;
width:110px;
float:left;
}

.productLayoutOption5Right{
margin:25px 0 0 0;
padding:0 0 0 30px;
width:150px;
float:left;
}
.productLayoutImg{
margin:0;
padding:0;
text-align:center;
}
.productLayoutOption #moreOption{
margin-top: 20px;
}
.productLayoutOption #moreOption a {
display: block;
max-width: 240px;
height: 60px;
background: #1B558C;
color: #fff;
text-align: center;
margin: 0 auto;
line-height: 60px;
border-radius: 4px;
}
.productLayoutOption #moreOption a:hover{
opacity: .7;
}
.productLayoutOption #moreOption a span{
position: relative;
display: inline-block;
padding-right: 20px;
font-size: 14px;
font-weight: bold;
}
.productLayoutOption #moreOption a span::after{
content: "";
position: absolute;
right: 0;
top: 50%;
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
box-sizing: border-box;
border-top: solid 3px #fff;
border-right: solid 3px #fff;
transform: translateY(-50%) rotate(45deg);
}

/* 図面
===================================================*/

.productTable{
margin:25px 0 0 10px;
padding:0;
width:671px;
border-top:solid 1px #CACACA;
border-left:solid 1px #CACACA;
}

.productTable th{
margin:0;
padding:10px;
background:#F3F8FB;
border-right:solid 1px #CACACA;
border-bottom:solid 1px #CACACA;
font-weight:normal;
text-align:left;
white-space:nowrap;
}

.productTable thead th{
margin:0;
padding:10px;
background:#DEEBF6;
border-right:solid 1px #CACACA;
border-bottom:solid 1px #CACACA;
font-weight:normal;
text-align:center;
}

.productTable td{
margin:0;
padding:10px;
border-right:solid 1px #CACACA;
border-bottom:solid 1px #CACACA;
text-align:center;
}

.productTable td.pdf{
margin:0;
padding:10px;
text-align:left;
}

.productTable td.pdf a{
margin:0;
padding:0 0 0 8px;
background:transparent url(/common/images/arrow01.gif) no-repeat 0 3px;
vertical-align:middle;
}

.productTable td.pdf a img{
margin:0;
padding:0;
vertical-align:middle;
}

/* 20210408追加 */
p.shopBtn{
margin-top:10px;
text-align:center;
}
.productNaviRight a:hover img,
.bnr_onlineshop a:hover img,
.shopBtn a:hover img{
	opacity: 0.7;
}
.bnr_onlineshop{
	margin-bottom: 30px;
}

@media screen and (max-width: 750px) {
	.pcOnly {
		display: none;
	}
	.mainBox {
		padding: 0 10px;
	}
	.productNavi,
	.contentsLeft,
	.contentsBox,
	.footstepBox {
		width: auto;
	}
	.productNaviLeft {
		float: none;
		width: auto;
	}
	.productImg h1 img {
		width: 100%;
	}
	.productAnchor li a {
		background-position: 0 8px;
		font-size: 14px;
	}

	.productLayoutMaintenancebg,
  .productLayout01,
	.productLayout02,
	.productLayout03,
	.productLayout04 {
    width: auto;
  }
	.productLayoutMaintenance {
		width: auto;
	}
	.productLayoutMaintenance p {
		margin: 0;
	}
	.productLayoutMaintenance p img {
		width: 100%;
		object-fit: contain;
	}
	.productLayoutMaintenancebg {
		padding: 0 18px 8px;
	}
	.productLayoutMaintenance dl {
		display: flex;
		flex-direction: column;
		width: auto;
		margin: 0;
	}
	.productLayoutMaintenance dt {
		float: none;
		margin: 0 0 8px 0;
	}
	.productLayoutMaintenance dd {
		float: none;
		width: auto;
	}

  .productLayout01Left,
	.productLayout02Left,
	.productLayout02Right,
	.productLayout03Left,
  .productLayout03Right {
    float: unset;
		width: auto;
  }
	.productLayout02Right img,
	.productLayout03Right img {
		width: 100%;
	}
  .productLayout01Right {
    float: unset;
		margin: 15px auto 0;
  }
  .productLayout04Left,
  .productLayout04Right {
    float: unset;
    width: 250px;
    margin: 0 auto;
    text-align: center;
  }
  .productLayout04Right {
    padding: 0;
  }

	.productLayoutOption {
		width: auto;
	}
	.productLayoutOption5Right {
		padding: 0;
	}
	.productLayoutOptionRight {
		width: 200px;
		padding: 0 30px 0 0;
	}
	.productLayoutOption > div:nth-child(8),
	.productLayoutOption > div:nth-child(9) {
		width: 165px;
	}
	.productLayoutOption > div:nth-child(8) {
		padding: 0 20px 0 0;
	}
	.productLayoutOption > div:nth-child(9) {
		padding: 0;
	}
	.productLayoutOption > div:nth-child(8) img,
	.productLayoutOption > div:nth-child(9) img {
		width: 100%;
		height: auto;
	}

	.productLink {
		width: auto;
		margin: 25px 0 0;
		padding: 0 10px;
		background: none;
	}
	.productLink > div {
		width: auto;
	}
	.productLinkLeft {
		background: none;
		float: unset;
	}
	.productLinkRight {
		background: none;
		float: unset;
		margin: 0;
	}
	.productLink h3 {
		font-size: 140%;
	}
	.productLink h3 a {
		height: auto;
	}
	.productLink h3 a.link01 {
		height: auto;
		padding: 0 0 0 15px;
	}
	.contentsLeft .productLink p {
		margin: 6px 0 0 0;
	}
	.productNote {
		width: auto;
		margin: 25px 10px 0;
	}
	.relationBox {
		width: auto;
		margin: 25px 10px;
	}
	.relationBg {
		width: auto;
	}
	.relationBg dl {
		width: auto;
	}
	.relationBg dt,
	.relationBg dd {
		float: none;
	}
	.relationBg dd {
		padding: 5px 0 0 0;
	}
	.relationBg li {
		margin: 0 15px 8px 0;
	}
	.relationBg li a {
		background-position: 0 7px;
	}
	.quoDifference {
		width: 94%;
	}
	.quoDifferenceInner {
		width: 100%;
	}
	
	.productLineupBtn li.head,
	.productLineupBtn li {
		float: none;
		display: block;
		padding: 0;
	}
	.productLineupBtn li.head {
		margin-bottom: 20px;
	}
}