@charset "UTF-8";
:root{
	--body : #333;
	--link : #333;
	--red : #a5c13a;
	--gray : #e7e7e7;
}
#result .box{
	background-color : #efefef;
	letter-spacing : 0;
}
#result .box h3{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	background-color : #e1e1e1;
}
#result .box dl{
	display : flex;
	flex-wrap : wrap;
}
#result .box dl > div{
	display : flex;
}
#result .box a{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	background-color : #fff;
}
#result .box a:after{
	content : "";
	display : block;
	background-image : url("../images/ui/icon/return.png");
	background-position : center;
	background-repeat : no-repeat;
	background-size : contain;
	flex-shrink : 0;
}
#result .count{
	text-align : right;
}
@media screen and (max-width: 768px){
	#result .wrap{
		padding-top : calc( 20 * 100vw / 768 );
		padding-bottom : calc( 190 * 100vw / 768 );
	}
	#result .box{
		padding-bottom : calc( 27 * 100vw / 768 );
	}
	#result .box h3{
		height : calc( 60 * 100vw / 768 );
		font-size : 2.6rem;
		margin-bottom : calc( ( 32 - 3 ) * 100vw / 768 );
	}
	#result .box dl{
		margin-top : calc( -10 * 100vw / 768 );
		margin-left : -2.6rem;
	}
	#result .box dl > div{
		margin-top : calc( 10 * 100vw / 768 );
		margin-left : 2.6rem;
		padding-left : calc( 30 * 100vw / 768 );
		padding-right : calc( 30 * 100vw / 768 );
	}
	#result .box dt , #result .box dd{
		font-size : 2.6rem;
		line-height : 1.23;
	}
	#result .box dd{
		padding-left : 1em;
	}
	#result .box a{
		margin-top : calc( ( 23 - 3 ) * 100vw / 768 );
		width : calc( 300 * 100vw / 768 );
		height : calc( 60 * 100vw / 768 );
		margin-left : auto;
		margin-right : auto;
		font-size : 2.6rem;
	}
	#result .box a:after{
		width : calc( 22 * 100vw / 768 );
		height : calc( 28 * 100vw / 768 );
		margin-left : calc( 9 * 100vw / 768 );
	}
	#result .title01{
		margin-top : calc( 69 * 100vw / 768 );
	}
	#result .count{
		font-size : 2.6rem;
		margin-top : calc( 37 * 100vw / 768 );
	}
	#result ul{
		margin-top : calc( 45 * 100vw / 768 );
	}
	#result li + li{
		margin-top : calc( 30 * 100vw / 768 );
	}
        #result ul.total-search li + li{
            margin-top : calc( 60 * 100vw / 768 );
        }
}
@media print,screen and (min-width: 769px){
	#result .wrap{
		padding-top : 23px;
		padding-bottom : 43px;
	}
	#result .box{
		display : flex;
		align-items : flex-start;
		justify-content : space-between;
		padding-top : 10px;
		padding-bottom : 10px;
		padding-left : 10px;
		padding-right : 10px;
	}
	#result .box h3{
		width : 100px;
		height : 40px;
		font-size : 1.6rem;
		flex-shrink : 0;
		margin-right : 18px;
	}
	#result .box dl{
		flex-grow : 1;
		margin-left : -1.6rem;
		margin-top : calc( 12px - 4px );
	}
	#result .box dl > div{
		margin-left : 1.6rem;
	}
	#result .box dt , #result .box dd{
		font-size : 1.6rem;
		line-height : 1.5;
	}
	#result .box dd{
		padding-left : 1em;
	}
	#result .box a{
		width : 160px;
		height : 40px;
		font-size : 1.6rem;
		flex-shrink : 0;
		margin-left : 18px;
	}
	#result .box a:after{
		width : 11px;
		height : 14px;
		margin-left : 7px;
	}
	#result .title01{
		margin-top : 47px;
	}
	#result .count{
		font-size : 1.6rem;
		margin-top : -1em;
	}
	#result ul{
		margin-top : 31px;
	}
	#result li + li{
		margin-top : 20px;
	}
        #result .allsearch-ul li + li{
            margin-top : 0px;
        }
}
@media screen and (max-width: 768px){
	#pagination{
		margin-top : calc( 414 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#pagination{
		margin-top : 53px;
	}
}
/*# sourceMappingURL=../maps/search.css.map */


.allsearch .list-grid01 {
}
.allsearch-ul > li{
    
}
    .allsearch-ul .title02{
        border-bottom: 1em;
    }
    .allsearch-ul li ul{
    }
        .allsearch-ul li ul.article-list li{
            padding-bottom: 1em;
            margin-bottom: 1em;
            border-bottom: 1px dotted #ccc;
        }
        .allsearch-ul li ul li a{
            display: block;
            color: var(--red);
            text-decoration: underline;
        }
        .allsearch-ul li ul li a:hover{
            opacity: .7;
            text-decoration: none;
            color: #333;
        }

@media screen and (max-width: 768px){
    .allsearch .list-grid01 {
    }
}
@media print,screen and (min-width: 769px){
    .allsearch .list-grid01 {
        display: grid;
        grid-template-columns: 1fr 1fr;
      column-gap: 20px;
      row-gap: 6em;
       align-items: flex-start;
    }
    .allsearch-ul .title02{
        font-size: 2.4rem;
    }
    .allsearch-ul li ul{
    }
        .allsearch-ul ul.article-list li{
            font-size: 1.6rem;
            line-height: 1.3;
        }
    .more a {
        font-size: 1.6rem;
    }

}