@charset "utf-8";
/* CSS Document */

#product .linkarea > div {
    display: block;
    width: 90%;
	max-width: 1150px;
	margin: auto;
}

#product .linkarea > div::before {
    background-color: transparent;
}

#product .linkarea > div::after {
    background-image: url(/img/product/product_linkarea.png);
    background-position: top;
}

#product .linkarea .inner {
    position: relative;
    padding: 80px 80px;
}

#product .linkarea p {
    font-size: 1.6rem;
    line-height: normal;
	color:#2B4F5D;
	font-weight:bold;
	margin-top: 10px;
}

#product .linkarea .catch {
    font-size: 3.4rem;
    line-height: normal;
	color:#000000;
	font-weight:normal;
	margin-top: 0px;
}

#product .linkarea .catch br {
    display: none;
}

#product .linkarea .btn.type01 {
    margin-top: 60px;
}

#product .item_list {
	margin: 180px auto 0;
}

#product .item_list .detail_box {
	width:23%;
	margin-bottom: 7%;
}

#product .item_list .detail_box a {
	position: relative;
	display: block;
	-webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s
}

#product .item_list .detail_box.new a:before {
	position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  background-image: url(/img/product/icon_new.svg);
  background-repeat: no-repeat;
  width: 55px;
  height: 55px;
}

#product .item_list .detail_box .name {
	margin-top: 15px;
	font-weight:bold;
}

#product .item_list .detail_box a:hover {
	opacity: 0.7;
}



@media only screen and (max-width: 768px) {

#product .linkarea > div {
    width: 85%;
}

#product .linkarea .inner {
    padding: 50px 50px;
}

#product .linkarea p {
    font-size: 1.4rem;
}

#product .linkarea .catch br {
    display: block;
}

#product .linkarea .btn.type01 {
    margin-top: 40px;
}

#product .linkarea > div::after {
    background-image: url(/img/product/product_linkarea_sp.png);
    background-position:center right;
}

#product .item_list {
    margin: 100px auto 0;
}

#product .item_list .detail_box {
    width: 48%;
    margin-bottom: 10%;
}


}



@media only screen and (max-width: 640px) {

#product .linkarea .inner {
    padding: 30px 30px;
}

#product .linkarea .catch {
    font-size: 2.6rem;
}

#product .item_list .detail_box.new a:before {
    width: 40px;
    height: 40px;
}


}



@media only screen and (max-width: 480px) {

#product .linkarea .catch {
    font-size: 2.0rem;
}

#product .linkarea .btn.type01 {
    margin-top: 30px;
}

#product .linkarea > div::after {
    background-image: url(/img/product/product_linkarea_sp2.png);
}

#product .item_list {
    margin: 70px auto;
}


}

/* ================================================== */
/* 背景 */
/* ================================================== */
/*body{
  background-image: url(/img/common/bg_parts01.jpg), url(/img/common/bg_parts03.jpg);
  background-repeat:no-repeat, no-repeat;
  background-position:right 30%, left 65%;
  background-size:32%, 22%;
  }
@media only screen and (max-width: 768px) {
body{
  background-position:right 25%, left 70%;
  }
  }*/
.bgparts{
  position: absolute;
  z-index:-1;
  }
.bgparts.p01{
  top:50%;
  right:0;
  width:33%;
  }
.bgparts.p02{
  top:90%;
  left:0;
  width:20%;
  }
@media only screen and (max-width: 480px) {
.bgparts.p01{
  top:35%;
  width:66%;
  }
.bgparts.p02{
  top:95%;
  width:40%;
  }
  }