@charset "UTF-8";
/* CSS Document */
h6{
margin:0 auto;
border-bottom:3px solid #4574db;
padding:0;
}
h6 img{
margin:0 auto;
padding:0;
}
#UPDATE_DLC dl{
width: 80%;
margin: 0 auto;
border: 2px solid #000;
float:none;
text-align: center;
background: #fff;
}
#UPDATE_DLC  dl dt {
width: 30rem;
padding: 10px 0;
float: left;
clear: both;
border-top: 1px solid #000;
}
#UPDATE_DLC  dl dd {
margin-left: 30rem;
padding: 10px 20px;
border-top: 1px solid #000;
border-left: 1px solid #000;
}
#UPDATE_DLC  dl dt:first-of-type,
#UPDATE_DLC  dl dd:first-of-type{
border-top: none;
}
#UPDATE_DLC p.cau{
width:80%;
margin:10px auto 20px;
} 
#updateDLC0204 p.picMain img{
margin-bottom:30px;
}
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
h5{
width:90%;
margin:0 auto 10px;
border: 4px  double #4574db;
background: #fff;
}
h6{
width:84%;
margin:0 auto 10px;
}
h5 img,
h6 img{
width: 100%;
margin: 0;
padding:0;
}
#UPDATE_DLC p.txt{
width:90%;
margin:0 auto;
}
#UPDATE_DLC p.picMain{
width:80%;
margin:0 auto;
}
#UPDATE_DLC01 ul,
#UPDATE_DLC02 ul{
width:80%;
margin:0 auto ;
text-align: center;
display: flex;
flex-wrap: wrap;
}
#UPDATE_DLC01 ul li,
#UPDATE_DLC02 ul li{
margin:0 auto 5px;
}
#updateDLC0203 p.picMain{
background:url(img/updateDLC02/updateDLC0203Pic.jpg) center bottom no-repeat;
background-size: cover;
margin-bottom:20px;
padding:10px 0 50%;
}
#UPDATE_DLC dl{
float:none;
margin:10px auto 0;
}
#UPDATE_DLC  dl dt {
width: 100%;
padding: 10px 0;
float: none;
border-bottom: 1px solid #000;	
}
#UPDATE_DLC  dl dd {
margin:0;
border-top:none;
border-left: none;
}

}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
h5{
width: 640px;
margin:0 auto 10px;
border: 4px  double #4574db;
background: #fff;
}
h6{
width: 720px;
}
#UPDATE_DLC p.txt{
width:720px;
margin:0 auto;
}
#UPDATE_DLC p.picMain{
width:640px;
margin:0 auto;
}
#UPDATE_DLC ul{
width:800px;
margin:0 auto 10px;
text-align: center;
display: flex;
flex-wrap: wrap;
}
#UPDATE_DLC ul li{
width:380px;
float: left;
margin:0 auto;
}
#updateDLC0203 p.picMain{
background:url(img/updateDLC02/updateDLC0203Pic.jpg) center bottom no-repeat;
margin-bottom:20px;
padding:10px 0 360px;
}
}