@charset "UTF-8";
p.txt{
margin:10px auto;
}
#product04 ul li p.shop{
color:#fff;
padding:10px 0;
width:100%;
margin-bottom:10px;
background: url("../common/img/h3BG.png") no-repeat center center;
background-size:auto;
border-radius:20px 0 20px 0;
font-weight: bold;
}
#product04 ul li p.pic{
margin-bottom:10px;
}
#product04 ul li strong {
display: block;
font-size:120%;
margin-top:15px;
}
#product04 ul li strong:first-of-type {
margin-top:0;
}
#product04 ul{
margin-bottom:40px;
}
p.cau{
line-height: 130%;
}
/**/
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
#product01.innerBox p.pic{
width:60%;
margin:0 auto 30px;
}
#product01.innerBox dl{
width:90%;
line-height: 120%;
text-align:left;
margin:0 auto;
}
#product01.innerBox dl dt{
padding:0px 10px;
}
#product01.innerBox dl dt span{
background:#603813;
color:#fff;
padding:5px 20px;
border-radius: 20px;
}
#product01.innerBox dl dd{
padding:10px;
padding-left:20px;
}
#product01.innerBox dl dd dl{
width:100%;
float: none;
line-height: 120%;
}
#product01.innerBox dl dd dl dt{
padding:0;
margin:0;
border:none;
background:none;
}
#product01.innerBox dl dd dl dd{
padding-left:2rem;
}
#product02,
#product03{
text-align: center;
}
#product02 p.txt{
width:90%;
margin:0 auto 10px;
text-align: center;
}
#product02 p.txt strong{
font-size:110%;
}
#product02 p.pic{
margin:0 auto 20px;
}
#product04 p.pic{
margin:0 auto 20px;
}
#product04 ul{
width:90%;
margin:0 auto;
} 
#product04 ul li{
width:60%;
float: none;
margin:0 auto 20px;
text-align: center;
}
	
}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
#product01.innerBox{
width:800px;
margin:0 auto 30px;
}
#product01.innerBox dl{
line-height: 180%;
text-align: left;
}
#product01.innerBox p.pic{
width:45%;
float: right;
margin-top:20px;
}
#product01.innerBox p.pic img{
border:3px solid #fff;
border-radius:10px;
}
#product01.innerBox dl dt span{
background:#603813;
color:#fff;
padding:5px 20px;
border-radius: 20px;
}
#product01.innerBox dl dd{
padding:10px;
padding-left:20px;
}
#product01.innerBox dl dd dl{
width:100%;
float: none;
line-height: 100%;
}
#product01.innerBox dl dd dl dt{
padding:0;
margin:0;
border:none;
background:none;
}
#product01.innerBox dl dd dl dd{
padding-left:2rem;
}
#product02 p.txt{
margin:0 auto 20px;
}
#product02 p.pic{
margin:0 auto;
width:60%;
}
#product02 p.txt strong{
font-size:110%;
line-height: 200%;
}
#product04 ul{
width:90%;
margin:0 auto;
} 
#product04 ul li{
width:42%;
float: left;
margin:0 4% 30px;
text-align: center;
}
}