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

/*--------------------------------------
　Main Index
---------------------------------------*/


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

/*------------
Index--599px
------------*/


#visArea{
position: relative;
z-index: 0;
background: url(img/pan_bg.jpg) 0 4px repeat;
background-size: 128px auto;
}



/* addParts03 */

#visArea .addParts03{
margin: 0 0 10px;
}

#visArea .addParts03 .swiper-container{
padding: 25px 40px 25px;
}
#visArea .addParts03 .swiper-wrapper{
}

#visArea .addParts03 .swiper-wrapper .swiper-slide{
background: #fff;
height: 290px;
position: relative;
}

#visArea .addParts03 .swiper-slide .phBox{
overflow: hidden;
height: 205px;
background: #555;
}
#visArea .addParts03 .swiper-slide img{
width: 100%;
}
#visArea .addParts03 .swiper-slide a{
display: block;
text-decoration: underline;
}
#visArea .addParts03 .swiper-slide .swiper-slide-content{
display: none;
}
	
	

#visArea .addParts03 .swiper-slide .thttl{
margin: 0;
box-sizing: border-box;
padding: 12px 15px 20px;
line-height: 1.6;
font-weight: 700;
}
#visArea .addParts03 .swiper-slide .thttl span{
color:#b8322b;
}
#visArea .addParts03 .swiper-slide .thttl .caption-m{
color:#999;
font-weight:normal;
font-size:10px;
word-break:break-all;
display:block;
}
	
	

.swiper-container .swiper-slide .swiper-slide-content {
}
.swiper-container .swiper-slide .swiper-slide-content p span{
color:#b8322b;
font-weight:bold;
font-size: 1.6rem;
}	
	
#visArea .addParts03 .logo{
display: none;
}


#visArea .addParts03 .swp-next, #visArea .addParts03 .swp-prev{
width: 24px;
height: 100%;
position: absolute;
z-index: 1000;
top:0;
cursor: pointer;
outline:none;
}
#visArea .addParts03 .swp-prev{
background: url(./img/prev_gray.png) 50% 50% no-repeat rgba(255,255,255,0.3);
background-size: 8px auto;
left: 0;
}
#visArea .addParts03 .swp-next{
background: url(./img/next_gray.png) 50% 50% no-repeat rgba(255,255,255,0.3);
background-size: 8px auto;
right: 0;
}

#visArea .addParts03 .swiper-pagination{
position: static;
width: 100%;
padding: 10px 0;
background: #fff;
text-align: center;
}
#visArea .addParts03 .swiper-pagination .swiper-pagination-bullet {
width: 8px;
height: 8px;
margin: 0 10px;
display: inline-block;
border-radius: 100%;
background: #dadada;
opacity: 1;
}
#visArea .addParts03 .swiper-pagination .swiper-pagination-bullet-active{
background: #2d2d2d;
opacity: 1;
}


}




@media screen and (min-width:600px) {
/*------------
600px--index
------------*/

#visArea{
background: url(img/visbg_pc.jpg) 0 0 repeat-x #fff;
height: 600px;
}


/* addParts03 */

#visArea .addParts03{
width: 1000px;
margin: 0 auto;
position: relative;
background: url(img/slide_logobg.png) 264px 464px no-repeat;

}

#visArea .addParts03 .swiper-container{
margin: 0 30px;
padding: 25px 0 0;
}
#visArea .addParts03 .swiper-wrapper {
}

#visArea .addParts03 .swiper-wrapper .swiper-slide{
background: #fff;
height: 390px;
position: relative;
}


#visArea .addParts03 .swiper-slide .phBox{
overflow: hidden;
height: 292px;
background: #555;
    -webkit-transition: opacity .25s ease .25s,box-shadow .25s ease,height .25s ease;
    transition: opacity .25s ease .25s,box-shadow .25s ease,height .25s ease;
}
#visArea .addParts03 .swiper-slide img{
width: auto;
height: 100%;
}
#visArea .addParts03 .swiper-slide a{

text-decoration: none;
}

#visArea .addParts03 .swiper-slide .thttl{
box-sizing: border-box;
padding: 306px 16px 22px;
text-decoration: none;
position: absolute;
width: 100%;
height: 100%;
top:0;
line-height: 1.6;
font-weight: 700;
}
#visArea .addParts03 .swiper-slide .thttl span{
color:#b8322b;
}
#visArea .addParts03 .swiper-slide .thttl .caption-m{
color:#999;
font-weight:normal;
font-size:10px;
word-break: break-all;
}

#visArea .addParts03 .swiper-slide .btnArea{
padding: 0 16px;
text-align: right;
}
#visArea .addParts03 .swiper-slide .btnArea span{
display: inline-block;
background: #caae7c;
padding: 2px 14px 3px;
font-size:11px;
font-size:1.1rem;
text-align: center;
color: #fff;
line-height: 1.2;
}

#visArea .addParts03 .swp-next, #visArea .addParts03 .swp-prev{
width: 24px;
height: 100%;
position: absolute;
z-index: 1000;
top:0;
cursor: pointer;
outline:none;
}
#visArea .addParts03 .swp-prev{
background: url(./img/prev_gray.png) 50% 202px no-repeat;
background-size: 11px auto;
left: 0;
}
#visArea .addParts03 .swp-next{
background: url(./img/next_gray.png) 50% 202px no-repeat;
background-size: 11px auto;
right: 0;
}
#visArea .addParts03 .swp-prev:hover{
}
#visArea .addParts03 .swp-next:hover{
}
#visArea .addParts03 .swiper-pagination{
position: static;
width: 100%;
padding: 10px 0 0;
text-align: center;
}
#visArea .addParts03 .swiper-pagination .swiper-pagination-bullet {
width: 8px;
height: 8px;
margin: 0 10px;
display: inline-block;
border-radius: 100%;
background: #dadada;
opacity: 1;
}




#visArea .addParts03 .swiper-pagination .swiper-pagination-bullet-active{
background: #2d2d2d;
opacity: 1;
}

#visArea .addParts03 .swiper-wrapper .swiper-slide-active{
height: 524px;
}
#visArea .addParts03 .swiper-wrapper .swiper-slide-active .thttl{
display: none;
}

.swiper-container .swiper-slide .swiper-slide-content {
display: block;
  opacity: 0;
  transition: all 0.8s ease 0s;
  padding: 0 16px 22px;
position: absolute;
width: 625px;
height: auto;
top: 430px;
left: 300px;
text-decoration: none;
}
.swiper-container .swiper-slide .swiper-slide-content .sttl{
margin: 0 0 8px;
font-size:18px;
font-size:1.8rem;
line-height: 1.6;
font-weight: 700;
}
.swiper-container .swiper-slide .swiper-slide-content p{
font-size:14px;
font-size:1.4rem;
}
.swiper-container .swiper-slide .swiper-slide-content p span{
color:#b8322b;
font-weight:bold;
font-size:1.6rem;
}
	
	
.swiper-container .swiper-slide .swiper-slide-content:hover{
  transition: all 0s ease 0s;
}



#visArea .addParts03 .swiper-wrapper .swiper-slide-active .phBox{
height: 524px;
opacity: 1;
    -webkit-transition: opacity .25s ease .25s,box-shadow .25s ease,height .25s ease;
    transition: opacity .25s ease .25s,box-shadow .25s ease,height .25s ease;
}


#visArea .addParts03 .logo {
    display: block;
	position: absolute;
	z-index: 100;
    padding: 14px 4px 15px;
	text-align: center;
	background: #000;
	color: #fff;
    line-height: 1.1;
	top:450px;
	left: 290px;
}



.index {
  padding: 0 0 60px;
  position: relative;
  z-index: 2;
}
#side {
  margin: 20px 0 60px;
  position: relative;
  z-index: 1;
  display:none;
}




}