@charset "UTF-8";

div.itemtitle ,
ul.lineuplist dl{float:none; width:100%;}

#maincontent h3{border:0;}
#maincontent h3 >span > span{display:block; font-size:0.8em; padding:0;}
#maincontent h3 >span > span:before ,
#maincontent h3 >span > span:after{content:" ";display: none;}

div.itemtitle{position:relative;}
#maincontent div.itemtitle a{display:block; position:static; border-bottom:1px dashed #cccccc; padding:0.5em 0.5em 1em 0.5em; margin:0 auto 0.75em auto; width:100%; max-width:320px;}
#maincontent div.itemtitle a:before{content:" ";display:block; margin:0 auto 0.5em auto; width:2em; height:2em; background-image: url(../../../../images/adobepfd_32.png); background-size:contain; background-repeat: no-repeat; background-position: center;}
#maincontent div.itemtitle a span{display:block; position:relative; background:#2d5cbe; padding:0.25em 2em 0.25em 1em; margin:0 auto; width:9.5em; color:#ffffff; border-radius:0.5em; font-size:14px; font-size:0.875rem; transition: all 0.5s ease;}
#maincontent div.itemtitle a span:after{content:" "; display:block; position:absolute; top:0; bottom:0; right:1em; margin:auto; width:0.8em; height:0.8em; background-image: url(../../../../images/linkicon_ffffff.svg); background-size:contain; background-repeat: no-repeat;}
#maincontent div.itemtitle a:hover{transform:scale(1.05); border-color:#6b91fb;}
#maincontent div.itemtitle a:hover span{background:#6b91fb;}

div.autoloanlineup ul{padding-top:1em;}
div.autoloanlineup ul > li{margin-bottom:2em;}

#maincontent div.autoloanlineup ul dl{position:relative;}
#maincontent div.autoloanlineup ul dl:before{content:" ";display:none; position:absolute; top:0; bottom:0; width:1px; height:100%; background:#2d5cbe;}

#maincontent div.autoloanlineup ul dl dt{color:#2d5cbe; font-size:18px; font-size:1.125rem; text-align: center;}
#maincontent div.autoloanlineup ul dl dt:before ,
#maincontent div.autoloanlineup ul dl dt:after{content:" "; display:inline-block; width:0; height:0; border-width:0.6em 0.4em 0 0.4em; border-style:solid; border-color:#2d5cbe rgba(0,0,0,0); vertical-align:0.15em;}
#maincontent div.autoloanlineup ul dl dt:before{content:" "; margin-right:0.5em;}
#maincontent div.autoloanlineup ul dl dt:after{content:" "; margin-left:0.5em;}
div.autoloanlineup ul dl{width:100%; max-width:320px; margin:0 auto;}

#maincontent div.autoloanlineup ul dl dd:not(.alphabetbox , .linkbtn){text-indent: -1em; margin-left:1em;}
#maincontent div.autoloanlineup ul dl dd.alphabetbox{text-indent: -2em; margin-left:2em;}

#maincontent div.autoloanlineup ul dl dd.commentlastbox{margin-bottom:0.5em;}
#maincontent div.autoloanlineup ul dl dd.linkbtn a{font-size:14px; font-size:0.875rem;}
#maincontent div.autoloanlineup ul dl dd.linkbtn a.loaninterestrate{margin-bottom:1em;}

#maincontent div.autoloanlineup ul dl dd.linkbtn a.loaninterestrate > span ,
#maincontent div.autoloanlineup ul dl dd.linkbtn a.webloan > span{width:100%; letter-spacing: 0;}
#maincontent div.autoloanlineup ul dl dd.linkbtn a.webloan span>span{display: block;}

#maincontent div.autoloanlineup ol{margin-left:1.5em;}

#maincontent span.underline{display:inline-block; position:relative; text-indent: 0;}
#maincontent span.underline:before{content:" "; display:block; position:absolute; bottom:0.125em; left:0; right:0; width:100%; height:2px; background:transparent;}

/*--- rwd setting 
---------------------------------------------------*/
/* 320px-480px(mobile)*/
@media screen and (max-width:480px) 
{

}

/* 481px-767px(mobile/tabletsite) */ 
@media screen and (min-width:481px) 
{

}

/* 768px(tabletsite) */
@media screen and (min-width:768px)
{
    #maincontent h3{margin-bottom:1em; border-bottom:1px solid #2d5cbe;}
    #maincontent h3 span{margin-bottom:0.5em;}

    div.autoloanlineup ul.lineuplist >li{position:relative;padding:2em 0; border-width:0 0 1px 0; height:100%; border-style:solid; border-color:#2d5cbe;}
    #maincontent div.autoloanlineup ul dl:before{content:" ";display:block; right:-1em;}

    div.itemtitle ,
    div.autoloanlineup ul.lineuplist dl{max-width:none;}
    div.itemtitle{width:13em; position:absolute; top:86px; bottom:0; right:0; margin:auto; height:124px;}
    #maincontent div.itemtitle a{margin:auto; padding:2em 1em; border:none;}
    div.autoloanlineup ul.lineuplist dl{width:calc(100% - 15em); margin:0 2em 0 0;}
    #maincontent div.autoloanlineup ul dl dt{padding:0.5em 1em; margin-bottom:0.5em; background:#a5e7fc;}
    #maincontent div.autoloanlineup ul dl dt:before ,
    #maincontent div.autoloanlineup ul dl dt:after{content:" "; display:none;}
    div.autoloanlineup ul dl dd{padding:0.25em 1em; border-bottom:1px dashed #cccccc;}
    div.autoloanlineup ul dl dd.commentlastbox{margin-bottom:0.5em;}
    div.autoloanlineup ul dl dd.linkbtn{border:none;}
    #maincontent div.autoloanlineup ul dl dd{font-size:16px; font-size:1rem;}
    #maincontent div.itemtitle a span{font-size:16px; font-size:1rem;}

    #maincontent div.autoloanlineup ul dl dd.linkbtn a.loaninterestrate,
    #maincontent div.autoloanlineup ul dl dd.linkbtn a.webloan{text-align: center; width:26em; margin:0 auto;}
    #maincontent div.autoloanlineup ul dl dd.linkbtn a.loaninterestrate{margin-bottom:0.75em;}
    #maincontent div.autoloanlineup ul dl dd.linkbtn a.loaninterestrate > span ,
    #maincontent div.autoloanlineup ul dl dd.linkbtn a.webloan > span{letter-spacing: 0;}
    #maincontent div.autoloanlineup ul dl dd.linkbtn a.webloan span>span{display:inline-block;}

}

/* 769px(tabletsite) */
@media screen and (min-width:769px)
{

}

/* 1024px-over(tablet-pcsite) */
@media screen and (min-width:1024px)
{
    #maincontent div.autoloanlineup ul dl dd.linkbtn a{font-size:16px; font-size:1rem;}
    #maincontent div.autoloanlineup ul dl dd.linkbtn a.loaninterestrate,
    #maincontent div.autoloanlineup ul dl dd.linkbtn a.webloan{float:left;}

    #maincontent div.autoloanlineup ul dl dd.linkbtn a.loaninterestrate{width:14em; margin:0 1em 0 0;}
    #maincontent div.autoloanlineup ul dl dd.linkbtn a.webloan{width:calc(100% - 15em);}

    #maincontent div.autoloanlineup ul dl dd.linkbtn a.loaninterestrate > span ,
    #maincontent div.autoloanlineup ul dl dd.linkbtn a.webloan > span{padding:0.5em 2em 0.5em 1em;}
    #maincontent div.autoloanlineup ul dl dd.linkbtn a span:after{content:" "; right:1em;}
}

/* 1025px setting(pcsite) */
@media screen and (min-width:1025px)
{

}

/* fullsize pcsite setting(pcsite) */
@media screen and (min-width:1120px)
{

}

/*--- rwd setting end ---*/