@charset "utf-8";

/*======================================

reset

=======================================*/
p,
pre,
blockquote,
address,
cite {
margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}

ul,
ol,
dl {
margin: 0;
padding: 0;
}

ul,
ol,
dl {
list-style-position: inside;
}

ul {
list-style: none;
}
li,
dt,
dd {
margin: 0;
}
img {
vertical-align: bottom;
border: none;
-ms-interpolation-mode: bicubic;
}


/*======================================

body,contents

=======================================*/
html,body {
min-height: 100%;
}
body {
color: #333333;
background: #fff;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0;
padding: 0;
overflow-x: hidden;
min-width:100%;
}
#contents{
}
#contents .inner{
margin:0 auto;
width: 750px;
}
#contents p.text{
text-align: left;
}
#contents .sp{
display:none;
}
#contents p.caption{
font-size:10px;
text-align: right;
padding: 0 50px 0 0;
}
#contents .main-visual{
background:url(../img/ll_mv.jpg) top center no-repeat;
padding: 738px 0 0 0;
border-bottom:#d7ae3b 3px solid;
}
#contents .main-visual h1{
text-indent: -9999px;
padding: 0;
line-height: 0;
}
#contents .main-visual a{
color: #000000;
}
#contents .main-visual dl{
float: left;
padding: 0 0 10px 0;
}
#contents .main-visual dl dt img{
}
#contents .main-visual:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #contents .main-visual { display:inline-block; }
*:first-child+html #contents .main-visual { display:inline-block; }

#contents .main-visual dl dd{
font-size: 20px;
font-weight: bold;
padding: 0;
margin: 0;
}
#contents .main-visual dl dd img{
width: 20px;
vertical-align: top;
}
#contents .main-visual dl.sakekasu dt,
#contents .main-visual dl.sakekasu dd img{
}

#contents .feature{
padding: 0 0 20px 0;
border-bottom: #d7ae3b 5px solid;
}
#contents .feature h2{
margin: 0 0 58px 0;
}
#contents .feature h3{
background: #000000;
color: #ffffff;
padding: 10px 0;
}
#contents .feature#illuminator{
}
#contents .step{
padding: 20px 30px;
}
#contents .step p{
text-align: left;
margin: 0 0 20px 0;
}
#contents .step p span{
color: #ff840b;
}
#contents .feature .button,
#contents .feature .review{
width: 80%;
margin: 0 auto 20px auto;
}
#contents .feature .button a{
color: #ffffff;
border-radius: 6px; 
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
text-decoration:none;
display: block;
padding:12px 0;
background:#fe538b;
}
#contents .feature .review a{
color: #ffffff;
border-radius: 6px; 
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
text-decoration:none;
display: block;
padding:12px 0;
background:#41c5b4;
border: 1px solid #008977;
background: -moz-linear-gradient(top, #41c5b4, #109e8b);
background: -webkit-gradient(linear, left top, left bottom, from(#41c5b4), to(#109e8b));
}
#contents .feature .button img{
vertical-align: middle;
padding: 0 10px 0 0;
}
#contents .feature .review img{
vertical-align: middle;
padding: 0 0 0 5px;
}


#contents .link{
clear: both;
font-size: 20px;
width: 340px;
margin: 0 auto 12px auto;
padding: 20px 0 0 0;
}

#contents .link p{
font-size: 18px;
margin: 12px auto 0 auto;
}
#contents .link a{
color: #ffffff;
border-radius: 6px; 
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
text-decoration:none;
display: block;
padding:12px 0;
}
#contents .link .wafood a{
background:#d9a955;
}
#contents .link .wafood img{
vertical-align: middle;
}
#contents .link .corporate a{
background:#00a1e5;
}


p.copyright{
background:#ad85b3;
text-align:center;
font-size:11px;
color:#ffffff;
padding:10px 0;
}
p.pagetop{
width: 1000px;
margin: 0 auto;
text-align:right;
padding:0 0 10px 0;
}
p.pagetop img{
width: 125px;
}


footer{
background: #000000;
color: #ffffff;
padding: 10px 0;
}
#sns{
text-align:center;
padding:30px 0;
}
#sns img{
margin:10px 10px 0 0;
}



/* sp */
@media screen and (max-width: 750px) {
#contents img{
width:100%;
}
#contents p.text{
width:80%;
}
#contents .inner{
width:100%;
}
#contents .pc{
display:none;
}
#contents .sp{
display:inherit;
}
#contents p.caption{
font-size:70%;
text-align:center;
padding: 0;
}
#contents .main-visual{
background:url(../img/wfd_mv_bg.gif) top center no-repeat;
background-size: 100%;
padding: 0 0 0 20px;
}


#contents .link{
padding: 10px 0 0 0;
width: auto;
}
#contents .link p{
font-size: 16px;
width: 85%;
margin: 12px auto 0 auto;
}
#contents .link a{
color: #ffffff;
border-radius: 6px; 
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
text-decoration:none;
display: block;
padding:12px 0;
}
#contents .link .wafood img{
vertical-align: middle;
width:30px;
}


#contents p.pagetop{
width:100%;
margin: 0 auto;
text-align:center;
padding:0 0 10px 0;
}
#contents p.pagetop img{
width:40%;
}

#contents footer{
background: #000000;
color: #ffffff;
padding: 10px 0;
}
#contents #sns{
text-align:center;
padding:25px 0;
}
#contents #sns img{
margin:10px 10px 0 0;
width: 50px;
}
}