@charset "utf-8";

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

.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;
}

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

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

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

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

.productLayout01Left{
margin:15px 0 0 0;
padding:0;
width:145px;
float:left;
}

.productLayout01Right{
margin:15px 0 0 0;
padding:0 0 0 30px;
width:145px;
float:left;
}

/**/
.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;
}

.productLineup{
margin:15px 0 0 10px;
padding:0;
width:671px;
clear:both;
}

.productLineupLeft{
margin:0;
padding:0 0 0 35px;
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;
}

.productLayoutImg{
margin:0;
padding:0;
text-align:center;
}

.productIcon{
margin:3px 0 0 0;
padding:0;
}

.productIconLeft{
margin:0;
padding:0;
width:55px;
text-align:left;
list-style:none;
float:left;
}

.productIconLeft li{
margin:0;
padding:0;
display:inline;
}

.productIconRight{
margin:0;
padding:0;
width:90px;
text-align:right;
list-style:none;
float:right;
}

.productIconRight li{
margin:0;
padding:0;
display:inline;
}

.productLegend{
margin:20px 0 0 0;
padding:5px 10px;
font-size:120%;
background:#F5F5F5;
clear:both;
width:671px;
}

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

.productLegend01{
margin:0;
padding:5px 10px 5px 18px;
background:transparent url(../images/option_icon01.gif) no-repeat 0 6px;
float:left;
font-size:86%;
height:1.0em;
}

.productLegend02{
margin:0;
padding:5px 10px 5px 18px;
background:transparent url(../images/option_icon02.gif) no-repeat 0 6px;
float:left;
font-size:86%;
height:1.0em;
}

.productLegend03{
margin:0;
padding:5px 10px 5px 18px;
background:transparent url(../images/option_icon03.gif) no-repeat 0 6px;
float:left;
font-size:86%;
height:1.0em;
}

@media screen and (max-width: 767px) {
  .pcOnly {
		display: none;
	}
	.spOnly {
		display: block;
	}
  .mainBox {
		padding: 0 10px;
    overflow: hidden;
	}

	.spTtl {
		padding: 35px 20px;
		background: #fff;
		border-top: solid 3px #1B558C;
		border-bottom: solid 1px #d9d9d9;
		font-size: 20px;
		font-weight: bold;
	}

  .productNavi,
	.contentsImg,
	.contentsLeft,
  .contentsLeft p.contentsLead,
	.contentsBox,
	.footstepBox,
  .productLegend,
  .productLayout01 {
		width: auto;
	}

  .productLegend01,
  .productLegend02,
  .productLegend03 {
    float: none;
    height: auto;
    background-position: 0 8px;
  }

  .productAnchor li {
    display: inline-block;
    margin: 0 0 5px;
  }

  .productLayout01 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 25px;
    row-gap: 20px;
  }
  .productLayout01Left,
  .productLayout01Right {
    float: none;
    width: auto;
    padding: 0;
    margin: 0;
  }
  .clear {
    display: none;
  }

  .productLineup {
		width: auto;
	}
	.productLineupLeft,
	.productLineupRight {
		float: none;
		width: auto;
		margin: 0 auto 20px;
	}
  .productLineupLeft {
    padding: 0;
  }
	.productLineupImg {
		margin-bottom: 10px;
	}
	.productLineupImg img {
		width: 80%;
		height: auto;
		margin: 0 auto;
	}
	.productLineup h3,
	.productLineup p {
		width: 80%;
		margin: 0 auto;
	}
}