.imageLayout{
margin-bottom:60px;
}
.imageLayout.imageL.w445 .image{
width:48.37%;
padding-right:3.26%;
}
#content .imageLayout.imageL.w445 .image img{
width:100%;
}
.imageLayout.imageL.w445 .column{
width:48.37%;
}
.imageLayout.imageL.w445 .column p{
word-wrap:break-word;
}
.pageNav{
margin:100px auto 60px;
text-align:center;
}
.pageNav ul{
letter-spacing:-.40em; /* 文字間を詰めて隙間を削除する */
}
.pageNav li{
list-style:none;
display:inline-block;
margin:0 5px 10px;
letter-spacing:normal; /* 文字間を通常に戻す */
}
.pageNav li a{
color:#fff;
display:block;
line-height:40px;
text-align:center;
text-decoration:none;
width:40px;
background:#5c5c5e;
border-radius:40px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
}
.pageNav.back li a{
width:150px;
}
.pageNav li a.current{
color:#000;
background-color:#c4c4c4;
}
.pageNav li a:hover{
color:#000;
background-color:#c4c4c4;
border-radius:40px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
}
.pageNav li.prev a,
.pageNav li.next a{
background-color:#c4c4c4;
border-radius:0;
color:#fff;
}
.pageNav li.prev a:hover,
.pageNav li.next a:hover{
background-color:#5c5c5e;
}
.mainImage{
width:100%;
}
.mainImage img{
width:100%;
}
.section.detail{
width:620px;
margin:0 auto;
}
.section.detail .hdg02B{
border-bottom:1px solid #b7b8ba;
line-height:1.4;
margin-bottom:30px;
padding-bottom:8px;
}

@media screen and (max-width:768px){
.pageNav ul{
display:inline-block;
width:272px;
position:relative;
}
.pageNav li{

}
.pageNav li.prev,
.pageNav li.next{
position:absolute;
top:0;
}
.pageNav li.prev a,
.pageNav li.next a{
height:90px;
width:30px;
line-height:90px;
}
.pageNav li.prev{
left:-30px;
}
.pageNav li.next{
right:-30px;
}
.section.detail{
width:90%;
}
}

@media screen and (max-width:640px){
.imageLayout.imageL.w445 .image{
width:100%;
padding-right:0;
}
.imageLayout.imageL.w445 .column{
width:100%;
}
.section.detail{
width:100%;
}
#navBreadcrumb ul li em{
white-space:normal;
}
}