@charset "UTF-8";

/*----------------------------------------------------------------------------------------------------------------------main_v----------*/

#page_visual{
background:url("../images/pashatte_main.jpg") no-repeat center center;
background-size:cover;
max-width: 1200px;
margin: 0 auto;
}

@media screen and (max-width:740px){
#page_visual{
background:url("../images/pashatte_main_mob.jpg") no-repeat center center;
background-size:cover;
}

}

/*----------------------------------------------------------------------------------------------------------------------#dl----------*/
.dl{
	padding-top: 20px;
	width: 100%;
	background-color: #fff;
	position: fixed;
	bottom: 0;
	z-index: 2000;
	}
.dl .btn {
  width: 37%;
  max-width: 178px;
  margin-left: auto;
}
  .dl .btn {
    padding: 3px 0 0 0;
    margin: 5px auto 10px;
    text-align: right;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width:317px;
    max-width:100%;
  }
  .dl .btn > div{
    display:table-cell;
  }
  .dl .btn .ios{
    padding-right:23px;
  }
  .dl .btn .ios{
     text-align:center;
  }
  .dl .btn .ios.only{
     padding-right:0;
  }
  .dl .btn{
    display:table;
  } 
  .dl .btn > div img {
    width:147px;
    height:44px;
  }
  .dl .dlhosoku{
    padding-right:23px;
  }
  /*#dltext{
     animation: key1 .3s ease infinite alternate;
  }*/
  @keyframes key1{
    0% {transform: translateY(0px);}
    100% {transform: translateY(-10px);}
  }
@media screen and (min-width: 570px) {
  .dl .btn{
    margin:0 auto;
  }
  .dl .dlhosoku{
    padding-right:23px;
  }
}

/*----------------------------------------------------------------------------------------------------------------------#cont----------*/

#cont_products{
width:100%;
background-color:#FAFAF8;
padding:60px 0 100px 0;
margin-bottom: 50px;
}

#list_products{
width:1000px;
margin:0 auto;
}

.read{ margin-bottom:60px; }

.box_products{
width:100%;
margin-bottom:150px;
position:relative;
min-height:400px;
}

.ph_products{
position:absolute;
top:0;
/*width:65%;*/
}

.ph_products img{
width:84%;
height:auto;
}

.ph_left{ left:0; }
.ph_right{ right:0; }

.txt_products{
position:absolute;
top:40px;
background:rgba(255,255,255,0.9);
width:45%;
padding:35px 50px 40px 50px;
}

.txt_left{ left:0; }
.txt_right{ right:0; }

.txt_products span{
font-size:10px;
letter-spacing:2px;
}

.txt_products h3{
font-weight:bold;
color:#007EC7;
font-size:18px;
margin-top:6px;
}

.txt_products h3::after{
background-color:#ADDAF4;
content:"";
display:block;
height:2px;
margin:14px 0 0 0;
width:18px;
}

.txt_products p{ 
line-height:1.8;
margin-top:18px;
}

.last_box{margin-bottom:0;}



@media screen and (max-width:1024px){
	
#cont_products{ padding:40px 0 80px 0; }

#list_products{ width:80%; }

.read{ 
margin-bottom:40px;
line-height:1.8;
}

.box_products{ margin-bottom:50px; }

.ph_products{
position:relative;
top:0;
}

.ph_products img{
width:100%;
height:auto;
}

.txt_products{
position:relative;
top:0;
background:rgba(255,255,255,1);
width:100%;
padding:15px 10% 20px 10%; 
}

.txt_products h3{
font-size:14px;
margin-top:6px;
line-height:1.8;
margin-top:0;
}

.txt_products h3::after{
margin:12px 0 0 0;
width:10px;
}

.txt_products p{ 
margin-top:12px;
line-height:1.7;
font-size:14px;
}

}