@charset "utf-8";

/* common
-------------------------------------------------------*/
img{
 width:100%;
}
ul{
	padding: 0;
	margin: 0;
}
ul,li{list-style: none;}
h1, h2, h3, h4, h5, h6 { margin: 0;}
p{margin:0;}
*{box-sizing: border-box;}

body {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: "Helvetica Neue",Helvetica,sans-serif;
    font-size: 17px;
    line-height: 21px;
    color: #000;
    background-color: #fff;
    margin: 0;
}

/* header
-------------------------------------------------------*/
#header{
 background: url(/assets/lp/did-551/images/header_bg.jpg) repeat-x;
 background-size: auto 100%;
 -webkit-background-size: auto 100%;
 -moz-background-size: auto 100%;
 position: relative;z-index: 0;
}
#header h1{
 width:92%;
 margin:0 auto;
 padding: 1.8% 0 3% 0;
 z-index: 1;
}
#header::before{
 content: '';
 background: url(/assets/lp/did-551/images/garlic.png) bottom no-repeat;
 background-size: 100% auto;
 -webkit-background-size: 100% auto;
 -moz-background-size: 100% auto;
 position: absolute;
 left:0.5%;
 top:24%;
 width: 24%;
 height:0;
 padding-bottom:15%;
 display: block;z-index: -1;
}
#header::after{
 content: '';
 background: url(/assets/lp/did-551/images/egg.png) no-repeat;
 background-size: 100% auto;
 -webkit-background-size: 100% auto;
 -moz-background-size: 100% auto;
 position: absolute;
 right:0;
 top:0;
 width: 13%;
 height:0;
 padding-bottom:21%;z-index: -1;
}
#header #logo{
 width:13.5%;
 position: absolute;
 top:0.1%;
 left:1%;
}



/* productslist
-------------------------------------------------------*/
.pdtlist{
 padding:5% 4%;
}
.pdtlist li h2{
 background: url(/assets/lp/did-551/images/titlebg.png) repeat;
 background-size: auto auto;
 -webkit-background-size: auto auto;
 -moz-background-size: auto auto;
 text-align: center;
 padding:2% 0;
}
.pdtlist h2 p{
 height:0;
 line-height:0;font-size:0;
 padding-bottom:7%;
}
.pdtlist li h2 span{
 display: none;
}
.pdtlist .box{
 border-left:solid 2px #321c0f;
 border-right:solid 2px #321c0f;
 border-bottom:solid 2px #321c0f;
 background: #ffffff;
 display: block;
 position: relative;
 margin:0 auto 5%;
}
.pdtlist .pdt1 .box{
 background:url(/assets/lp/did-551/images/bg1.jpg) no-repeat;
 background-size: 70% auto;
 -webkit-background-size: 70% auto;
 -moz-background-size: 70% auto;
}
.pdtlist .pdt2 .box{
 background:url(/assets/lp/did-551/images/bg2.jpg) 0 bottom no-repeat;
 background-size: 66% auto;
 -webkit-background-size: 66% auto;
 -moz-background-size: 66% auto;
}
.pdtlist .pdt3 .box{
 background:url(/assets/lp/did-551/images/bg3.jpg) no-repeat;
 background-size: 86% auto;
 -webkit-background-size: 86% auto;
 -moz-background-size: 86% auto;
}
.pdtlist .pdt4 .box{
 background:url(/assets/lp/did-551/images/bg4.jpg) 32% bottom no-repeat;
 background-size: 70% auto;
 -webkit-background-size: 70% auto;
 -moz-background-size: 70% auto;
}
.pdtlist .pdt1 h2 p{
 background: url(/assets/lp/did-551/images/pdtname1.png) center no-repeat;
 background-size: auto 100%;
 -webkit-background-size: auto 100%;
 -moz-background-size: auto 100%;
}
.pdtlist .pdt2 h2 p{
 background: url(/assets/lp/did-551/images/pdtname2.png) center no-repeat;
 background-size: auto 100%;
 -webkit-background-size: auto 100%;
 -moz-background-size: auto 100%;
}
.pdtlist .pdt3 h2 p{
 background: url(/assets/lp/did-551/images/pdtname3.png) center no-repeat;
 background-size: auto 100%;
 -webkit-background-size: auto 100%;
 -moz-background-size: auto 100%;
}
.pdtlist .pdt4 h2 p{
 background: url(/assets/lp/did-551/images/pdtname4.png) center no-repeat;
 background-size: auto 100%;
 -webkit-background-size: auto 100%;
 -moz-background-size: auto 100%;
}
.pdtlist .pdt1 .pdtimg,
.pdtlist .pdt3 .pdtimg,
.pdtlist .pdt4 .pdtimg{
 width:38%;
 padding: 3% 3% 1% 4%;
}
.pdtlist .pdt2 .pdtimg{
 width: 39%;
 padding:4% 3% 2%;
}
.pdtlist .pdttxt{
 width:58%;
 position: absolute;
 top:8%;
 right:7%;
 padding-bottom:3px;
}
.pdtlist .pdt2 .seibun{
 width: 80%;
 margin:0 auto;
}
.pdtlist .pdt4 .seibun{
 width: 81%;
 margin:0 auto;
}
.pdtlist li a{
 display:block;
 cursor: pointer;
}
.pdtlist li a::before{
 content: '';
 position: absolute;
 display: block;
 background:url(/assets/lp/did-551/images/arrow.png) no-repeat;
 background-size: auto 100%;
 -webkit-background-size: auto 100%;
 -moz-background-size: auto 100%;
 z-index: 999;
 width:20px;
 height:30px;
 margin-top:-15px;
 right:0;
 top:50%;
}

.pdtlist .corse1{
	padding: 0 10%;
}


/* footer
-------------------------------------------------------*/
.p-footer-mark img{
width:auto;
}

.l-footer-contact-wrapper .p-footer-mark > div {
padding-right: 0.5rem !important;
}