@charset "Shift_JIS";

@media screen and (min-width: 995px) and (max-width: 1304px){
.OptionWideRWD .GridSet.RomsGridSet1,
.OptionWideRWD .GridSet.RomsGridSet2{
margin: 0;
}
.OptionWideRWD .GridSet.RomsGridSet1 .RomsGrid4,
.OptionWideRWD .GridSet.RomsGridSet2 .RomsGrid4{
padding: 0;
}
.JS #Contents .bannerContet img{
max-width: none;
height: 160px;
}
}
@media screen and (max-width: 1304px){
#Contents .GridSet {
margin-right: -15px;
margin-left: -15px;
}
.RomsRelatedSection{
padding-left: 15px;
padding-right: 15px;}
}

@media screen and (max-width: 994px){
.JS .GridSet.RomsGridSet1,
.JS .GridSet.RomsGridSet2 {
margin: 0 -15px;
}
.JS .Grid4 {
padding: 0;
}
.JS #Contents .bannerContet img{
max-width: none;
height: 160px;
}
.JS #HeaderArea1 #SupportNavi > a > span, .JS #HeaderArea1 #SupportNavi > button > span > span {
padding-left: 8px;
padding-right: 8px;
}
}
@media screen and (max-width: 767px){
.JS h2, .JS .LV1LinkSet {
margin: 0;
}
.JS h2.relatedTitle{
margin-bottom: 15px;
}
#mvInner{
height: 320px;
}
#mvInner .mvText{
font-size: 24px;
padding: 10px;
}
div.inqBanner{
top: 450px;
}
.pcOnly {
display: none;
}
.spOnly {
display: block;
}
#mvInner h1.mvText{
font-size: 28px;
}
#mvInner h1.mvText span{
font-size: 20px;
padding-top: 10px;
}
.BrandingCatch p.InformationDate{
font-size: 112%;
}

.relatedArea {
margin-bottom: 50px;
padding: 30px 0 15px 0;
}
.relatedTitle span {
margin-bottom: 10px;
padding: 0 0 5px 0;
font-size: 18px;
}
.relatedList li {
width: 48.7%;
margin-right: 2.6%;
margin-bottom: 15px;
}
.relatedList li:nth-child(4n) { margin-right: 2.6%; }
.relatedList li:nth-child(2n) { margin-right: 0; }
}