@charset "UTF-8";
/* CSS Document */

#page_title{
background-image: url(images/pagetitle_bg.jpg);
background-image: -webkit-image-set(url(images/pagetitle_bg.jpg) 1x, url(images/pagetitle_bg@2x.jpg) 2x);
}

/* 中身-モバイルファースト======================================================================================================== */
/* ページ送り */
.parts .numbers{
margin-bottom: 20px;
}
.parts .numbers p{
}
.parts .numbers p span{
font-size: 30px;
color: #ea5504;
}
.parts .numbers .sort{
text-align: right;
margin-bottom: 10px;
}
.parts .numbers .sort ul{
display: flex;
justify-content: flex-end;
}
.parts .numbers .sort ul li::after{
content: "\FF5C";
}
.parts .numbers .sort ul li:last-child:after{
content: "";
}
.parts .numbers .sort ul li.on::before{
content: "";
display: inline-block;
vertical-align: middle;
width: 5px;
height: 10px;
border-right: solid 1px #ea5504;
border-bottom: solid 1px #ea5504;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-right: 5px;
margin-right: 5px;
margin-bottom: 5px;
}

.parts .numbers .pager ul{
display: flex;
justify-content: flex-end;
}
.parts .numbers .pager ul li{
margin-left: 5px;
}
.parts .numbers .pager ul li a{
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
position: relative;
color: #ea5504;
width: 34px;
height: 34px;
border: solid 1px #ea5504;
}
.parts .numbers .pager ul li a.now{
background-color: #ea5504;
color: #fff;
pointer-events: none;
}
.parts .numbers .pager ul li.prev a::before,
.parts .numbers .pager ul li.next a::before{
content: "";
display: inline-block;
vertical-align: middle;
width: 8px;
height: 8px;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
transform: rotate(45deg);
}
.parts .numbers .pager ul li.prev a::before{
border-bottom: 1px solid #ea5504;
border-left: 1px solid #ea5504;
}
.parts .numbers .pager ul li.next a::before{
border-top: 1px solid #ea5504;
border-right: 1px solid #ea5504;
}
.parts .numbers .pager ul li.prev a span,
.parts .numbers .pager ul li.next a span{
display: none;
}


#topics li{
display: flex;
margin-bottom: 1em;
}
#topics li:last-child{
margin-bottom: 0;
}
#topics li em{
display: block;
color: #ea5504;
font-weight: 700;
margin-right: 1em;
}
#topics li p{
flex: 1;
}





/* PCのみ======================================================================================================== */
@media print, screen and (min-width: 751px){
.parts .numbers{
display: flex;
justify-content: space-between;
align-items: center;
}
.parts .numbers p{
flex: 1;
}
.parts .numbers .sort{
margin-bottom: 0px;
margin-right: 1em;
}
.parts .numbers .pager ul li a:hover{
background-color: #ea5504;
color: #fff;
}
.parts .numbers .pager ul li.prev a:hover::before,
.parts .numbers .pager ul li.next a:hover::before{
border-color: #fff;
}


#topics li{
margin-bottom: 2em;
}
#topics li em{
margin-top: 0.2em;
}
#topics li p{
font-size: 20px;
}

}