@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;
clear:both;
}
.productNaviLeft{
margin:0;
padding:4px 0 0 0;
width:575px;
float:left;
}
.productNaviIcon{
margin:0;
padding:0 10px 0 0;
width:55px;
float:left;
display:inline;
}
.contentsLeft p.productNaviPrice{
margin:0;
padding:2px 0 0 0;
width:510px;
font-weight:bold;
float:left;
display:inline;
}
.productNaviRight{
margin:0;
padding:0;
width:96px;
height:27px;
float:right;
}
.productAnchor{
margin:15px 0;
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;
}
*: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;
}
/**/
.productLineup01{
margin:25px 0 0 10px;
padding:0;
background:transparent url(../images/product_lineup_img01.jpg) no-repeat 0 100%;
width:669px;
border:solid 1px #CCC;
}
.productLineup02{
margin:25px 0 0 10px;
padding:0;
background:transparent url(../images/product_lineup_img02.jpg) no-repeat 0 100%;
width:669px;
border:solid 1px #CCC;
}
.productLineup03{
margin:25px 0 0 10px;
padding:0;
background:transparent url(../images/product_lineup_img03.jpg) no-repeat 0 100%;
width:669px;
border:solid 1px #CCC;
}
.productLineup01Left{
margin:0;
padding:0;
width:259px;
float:left;
}
.contentsLeft .productLineup01 p{
margin:10px 0 0 0;
padding:0;
}
.contentsLeft p.productLineup01Link a{
margin:0;
padding:0 0 0 20px;
background:transparent url(/common/images/arrow02.gif) no-repeat 0 1px;
}
.productLineup01Right{
margin:0;
padding:15px;
width:380px;
float:left;
}
.productLayout01{
margin:25px 0 0 0;
padding:0 10px 20px 10px;
width:671px;
background:transparent url(../images/line_dot.gif) repeat-x 0 100%;
}
.productLayout01Left{
margin:20px 0 0 0;
padding:0;
width:410px;
float:left;
}
.contentsLeft .productLayout01Left p{
margin:0;
padding:0;
}
.productLayout01Right{
margin:20px 0 0 0;
padding:0;
width:240px;
float:right;
}
.contentsLeft .productLayout01Right p{
margin:10px 0 0 0;
padding:0;
}
.productLayout01 ul{
margin:10px 0 0 0;
padding:0;
list-style:none;
}
.productLayout01 li{
margin:0;
padding:0 15px 0 0;
float:left;
display:inline;
}
.productLayout01 li a{
margin:0;
padding:0 0 0 15px;
background:transparent url(/common/images/arrow02.gif) no-repeat 0 1px;
}
.contentsLeft p.productLayout01Link{
margin:10px 0 0 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:0;
padding:0 10px 20px 10px;
width:671px;
background:transparent url(../images/line_dot.gif) repeat-x 0 100%;
}
.productLayout02Left{
margin:20px 0 0 0;
padding:0;
width:410px;
float:left;
}
.contentsLeft .productLayout02Left p{
margin:10px 0 0 0;
padding:0;
}
.productLayout02Right{
margin:20px 0 0 0;
padding:0;
width:240px;
float:right;
}
.contentsLeft p.productLayout02Note{
margin:5px 0 0 0;
padding:0;
font-size:90%;
}
.contentsLeft p.productLayout02Link{
margin:10px 0 0 0;
padding:0;
}
.contentsLeft p.productLayout02Link a{
margin:0;
padding:0 0 0 15px;
background:transparent url(/common/images/arrow02.gif) no-repeat 0 1px;
}
.productLayout03{
margin:25px 0 0 0;
padding:0 10px 20px 10px;
width:671px;
background:transparent url(../images/line_dot.gif) repeat-x 0 100%;
}
.productLayout03Left{
margin:0;
padding:0;
width:410px;
float:left;
}
.productLayout03Right{
margin:0;
padding:0;
width:240px;
float:right;
}
.productColumn{
margin:20px 10px 0 0;
padding:0;
width:671px;
background:transparent url(../images/column_bg02.gif) no-repeat 0 100%;
}
.productColumnLeft{
margin:0;
padding:10px;
width:308px;
background:transparent url(../images/column_bg01.jpg) no-repeat 0 0;
float:left;
}
.productColumnRight{
margin:0 0 0 14px;
padding:10px;
width:308px;
background:transparent url(../images/column_bg01.jpg) no-repeat 0 0;
float:left;
}
.productColumnTxt{
margin:0;
padding:0;
width:190px;
float:left;
}
.productColumnImg{
margin:0;
padding:0;
width:108px;
float:right;
}
.productColumn h4{
margin:0;
padding:0;
font-size:120%;
}
.contentsLeft .productColumn p{
margin:10px 0 0 0;
padding:0;
}
.productLayout04{
margin:25px 0 0 0;
padding:0 10px 20px 10px;
width:671px;
background:transparent url(../images/line_dot.gif) repeat-x 0 100%;
}
.productLayout04Left{
margin:0;
padding:0;
}
.productLayout04Left h3{
margin:0;
padding:0;
}
.contentsLeft .productLayout04 p{
margin:10px 0 0 20px;
padding:0;
}
.productLayout04 h4{
margin:15px 0 0 0;
padding:0 0 0 15px;
font-size:120%;
background:transparent url(../images/tit_mark.gif) no-repeat 0 2px;
}
.productLayout04Right{
margin:0 0 0 20px;
padding:0;
width:240px;
float:right;
}
.productLayout05{
margin:25px 0 0 0;
padding:0 10px 20px 10px;
width:671px;
background:transparent url(../images/line_dot.gif) repeat-x 0 100%;
}
.productLayout05Left h3{
margin:0;
padding:0;
}
.productLayout05Img{
margin:20px 0 0 0;
padding:0;
text-align:center;
}
.contentsLeft p.productLayout05Link{
margin:10px 0 0 0;
padding:0;
}
.contentsLeft p.productLayout05Link a{
margin:0;
padding:0 0 0 15px;
background:transparent url(/common/images/arrow02.gif) no-repeat 0 1px;
}
.productLineup{
margin:15px 0 0 10px;
padding:0;
width:671px;
clear:both;
}
.productLineupLeft{
margin:0 0 0 35px;
padding:0;
width:180px;
float:left;
}
.productLineupRight{
margin:0 0 0 30px;
padding:0;
width:180px;
float:left;
}
.productLineupImg{
margin:0;
padding:0;
text-align:center;
clear:both;
}
.productLineup h3{
margin:20px 0 0 0;
padding:0 0 0 10px;
font-size:120%;
background:transparent url(../../../../common/images/arrow01.gif) no-repeat 0 5px;
clear:both;
}
.productLineup h3 a{
margin:0;
padding:0;
clear:both;
}
.productLineup p{
margin:10px 0 0 0;
padding:0;
clear:both;
}
.productLineupBtn{
margin:20px 0 0 0;
padding:0;
clear:both;
}
.productLineupBtn ul{
margin:20px 0 0 10px;
padding:0;
width:671px;
clear:both;
}
.productLineupBtn li{
margin:0;
padding:0 0 0 31px;
float:left;
display:inline;
}
.productLineupBtn li.head{
margin:0;
padding:0;
float:left;
display:inline;
}
@media screen and (max-width: 750px) {
	.pcOnly {
		display: none;
	}
	.mainBox {
		padding: 0 10px;
	}
	.productAnchor li a {
		background-position: 0 8px;
	}
	.productNavi {
		width: auto;
	}
	.productNaviLeft,
	.contentsLeft p.productNaviPrice {
		width: fit-content;
	}
	.contentsLeft p.productNaviPrice {
		margin-left: 10px;
	}
	.contentsLeft p.productLayoutLead,
	.contentsLeft p.requestImg img {
		width: 100%;
	}
	.contentsLeft p.productLineup01Link a {
		background-position: 0 4px;
	}
	.contentsLeft p {
		margin: 10px 0 0;
	}
	.productLineup01,
	.productLineup02,
	.productLineup03 {
		width: auto;
		background-size: 100% auto;
		background-position: 0 -20px;
	}
	.productLineup01Left {
		width: auto;
		float: none;
		height: 218px;
	}
	.productLineup01Right {
		width: auto;
		float: none;
		padding: 30px 15px 5px;
	}
	.productLineup01 h3 img,
	.productLineup02 h3 img,
	.productLineup03 h3 img {
		width: 100%;
		object-fit: contain;
	}
	.productLayout01,
	.productLayout02,
	.productLayout03,
	.productLayout04,
	.productLayout05,
	.productLayout01Left,
	.productLayout02Left,
	.productLayout03Left,
	.productColumn {
		width: 100%;
		float: none;
	}
	.productLayout01 h3 img,
	.productLayout02Left h3 img {
		width: 100%;
		object-fit: contain;
	}
	.productLayout01Right,
	.productLayout02Right,
	.productLayout03Right {
		float: none;
		margin: 20px auto 0;
	}
	.productLayout01 li {
		float: none;
		display: block;
	}
	.productLayout01 li a {
    display: block;
    padding: 5px 0 5px 15px;
    background: transparent url(/common/images/arrow02.gif) no-repeat 0 7px;
	}
	.productColumn {
		background: none;
	}
	.productColumnLeft,
	.productColumnRight {
		width: auto;
		padding: 15px;
		margin: 0 auto 20px;
		background: #f5f5f5;
	}
	.productColumnTxt {
		float: none;
		width: auto;
		margin-bottom: 10px;
	}
	.productColumnImg {
		float: none;
		margin: 0 auto;
	}
	.productLayout04Right {
		float: none;
		margin: 0 auto 20px;
	}
	.productLayout05Img img {
		width: 100%;
		height: auto;
		object-fit: contain;
	}
	.productLineup {
		width: 94%;
	}
	.productLineupLeft,
	.productLineupRight {
		float: none;
		width: 100%;
		margin: 0 auto 20px;
	}
	.productLineupImg {
		margin-bottom: 10px;
	}
	.productLineupImg img {
		width: 80%;
		height: auto;
		margin: 0 auto;
	}
	.productLineup h3,
	.productLineup p {
		width: 80%;
		margin: 0 auto;
	}
	.featureSection,
	.featureLeft {
		width: 100%;
	}
	.featureLeft {
		float: unset;
	}
	.featureImg {
		float: unset;
		width: 100%;
		margin-top: 20px;
	}
	.featureImg img {
		display: block;
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}
	.detailTable {
		width: 94%;
	}
	.detailTable th {
		width: 80px;
	}
	.detailTable td {
		width: calc(100% - 80px);
	}
	.productNote {
		width: 94%;
		margin: 25px 10px 0;
	}
	.relationBox {
		width: 94%;
		margin: 25px 10px 0;
	}
	.relationBg {
		width: 100%;
	}
	.productLineupBtn ul {
		width: auto;
	}
	.productLineupBtn li.head,
	.productLineupBtn li {
		float: none;
		display: block;
		padding: 0;
	}
	.productLineupBtn li.head {
		margin-bottom: 20px;
	}
}