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

div.clm3{padding-bottom:10px;}
div.clm3 ul{list-style:none; padding-bottom:0px;}
div.clm3 ul li{width:300px; float:left; margin-right:30px;margin-bottom:20px;}
div.clm3 ul li.none{margin:0;}
div.clm3 ul li dt{font-size:0; line-height:0; margin-bottom:15px;}
div.clm3 ul li dt a img{border:4px solid #3b3b3b;}
div.clm3 ul li dt a:hover img{border:4px solid #094;}
div.clm3 ul li dd h3{font-size:1.6em; color:#094; margin-bottom:.5em;line-height:1.2em;}
div.clm3 ul li dd ul li{list-style:none; width:auto; float:none; font-size:1.2em; margin:0 0 10px;}

div.clm4{padding-bottom:10px;}
div.clm4 ul{list-style:none; padding-bottom:0px;}
div.clm4 ul li{width:465px; float:left; margin-right:30px;margin-bottom:20px;}
div.clm4 ul li:nth-child(even){margin:0;}
div.clm4 ul li dt{font-size:0; line-height:0; margin-bottom:15px;}
div.clm4 ul li dt a img{border:4px solid #3b3b3b;}
div.clm4 ul li dt a:hover img{border:4px solid #094;}
div.clm4 ul li dd h3{font-size:1.6em; color:#094; margin-bottom:.5em;line-height:1.2em;}
div.clm4 ul li dd ul li{list-style:none; width:auto; float:none; font-size:1.2em; margin:0 0 10px;}

div.box-typeA {height:4.5em!important;margin-bottom:40px!important;}
div.box-typeA dl.other-search dt{ font-size:1.8em!important;width:8em!important; margin-top:0.7em!important;margin-bottom:0!important;}
div.box-typeA .wgt-buttonlist-listitem{ width:46%!important;font-size:0.8em!important;}
div.box-typeA .loan{width:85%!important;}

@media screen and (min-width: 960px) {
div.box-typeA.local-first {height:11em!important;}
div.box-typeA.local-first .wgt-buttonlist-listitem { width:62%!important;}
div.box-typeA.local-first .wgt-buttonlist-listitem:first-child , div.box-typeA.local-first .wgt-buttonlist-listitem:last-child { width:30%!important;}
div.box-typeA.local-first .wgt-buttonlist-listitem:nth-child(n + 3) {margin-top: 15px;}
div.box-typeA.local-first .wgt-buttonlist-listitem:nth-of-type(odd) {position: relative;left: -20px; }
}
@media screen and (max-width: 959px) {
div.clm3 ul,div.clm4 ul{padding:0 1%;}
div.clm3 ul li{width:31%; margin-right:3.5%;}
div.clm4 ul li{width:48%; margin-right:4%;}
div.clm3 ul li.none,div.clm4 ul li:nth-child(even){margin:0;}
div.clm3 ul li img,div.clm4 ul li img{margin:-5px;}
div.clm3 ul li dd ul li,div.clm4 ul li dd ul li{width:auto; margin:0 0 10px;}
div.box-typeA .loan{width:95%!important;font-size:0.7em!important;}
}
@media screen and (max-width: 800px) {
div.clm3 ul li dd h3{font-size:1.4em;}
}
@media screen and (max-width: 480px) {
div.clm3 ul,div.clm4 ul{padding:0 3%;}
div.clm3 ul li,div.clm4 ul li{width:100%; margin-right:0; padding-bottom:2em;}
div.clm3 ul li dt,div.clm4 ul li dt{text-align:center;}
div.clm3 ul li dd ul li,div.clm4 ul li dd ul li{width:auto; padding-bottom:0; margin:0 0 5px;}
div.box-typeA .wgt-buttonlist-list a{padding-left:30px!important;}
}
@media screen and (max-width: 886px) {
div.box-typeA {height:auto!important;margin-bottom:40px!important;}
div.box-typeA dl.other-search dt{ float: none;margin-bottom: 1em !important;}
div.box-typeA dl.other-search dd{ float: none; clear: both;padding-left:0!important;}
}
@media screen and (max-width: 670px) {
	.wgt-buttonlist-list { padding: 0 0 0 0 !important; }
	.wgt-buttonlist-listitem {left: 0 !important;}
div.box-typeA .wgt-buttonlist-listitem ,
div.box-typeA .wgt-buttonlist-listitem.account ,
div.box-typeA .wgt-buttonlist-listitem.onepiece,
div.box-typeA .wgt-buttonlist-listitem.douginapp { width:100%!important;float: none;clear: both;margin:0 0 0.5em;padding-left: 0 !important}
}