@charset "utf-8";

.at_search {font-size:16px; padding:20px}
.at_search a {color:#343434; text-decoration:none; vertical-align:baseline; text-decoration:underline}

.at_search p.tit {margin-bottom:20px; font-weight:500; font-size:24px; border-bottom:2px solid #202020; padding-bottom:10px}
.at_search p span {color:#179fed}

.at_search .search_form {margin-bottom:20px}
.at_search .search_form .keyword {width:300px; display:inline-block; height:24px; vertical-align:top; border:1px solid #ddd; padding:16px 7px; background-color:#fff; transition:0.4s border; box-sizing: border-box}
.at_search .search_form .keyword:focus {-webkit-box-shadow: 0 0 5px #9ed4ff; -moz-box-shadow:  0 0 5px #9ed4ff; box-shadow: 0 0 5px #9ed4ff; border: 1px solid #558ab7 !important}
.at_search .search_form input[type=submit] {padding:4px 15px; font-size:16px; display:inline-block; vertical-align:top; white-space:nowrap; text-decoration:none; border-radius: 3px; color:#fff; background-color:#3378c1; border:1px solid #245fa3; cursor:pointer; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease}

.at_search .search_section {padding-bottom:10px; position:relative}
.at_search .search_section a.more {position:absolute; top:10px; right:0; text-decoration:none}

.at_search .result > li {line-height:1.5; border-bottom:1px solid #CCC; margin-bottom:20px}
.at_search .result p {padding-bottom:10px; padding-left:10px; position:relative; font-weight:500; font-size:18px}
.at_search .result p:after {content:''; width:4px; height:4px; position:absolute; top:11px; left:0; background:#333}
.at_search .result div {padding:0 10px; margin-bottom:10px}
.at_search .result p em,
.at_search .result div em {color:#179fed; font-style:normal}

.at_search .result dl {padding-left:10px; font-size:0; margin-left:-20px}
.at_search .result dl dd {display:inline-block; margin-bottom:20px; font-size:15px; margin-left:20px; position:relative}
.at_search .result dl dd:nth-child(n+2):after {content:''; width:1px; height:50%; background:#CCC; position:absolute; top:50%; left:-10px; transform:translateY(-50%)}

.at_search .no_result {padding:20px 0; text-align:center}

.at_search .page_nav {display:block}
.at_search .page_nav.mobile {display:none}
.at_search .page_nav ul {display:flex; justify-content:center}
.at_search .page_nav ul li {border:1px solid #e0e0e0; outline:none}
.at_search .page_nav ul li a,
.at_search .page_nav ul li strong {font-size:14px; line-height:36px; min-width:36px; min-height:36px; display:inline-block; box-sizing:border-box; text-align:center; text-decoration:none}
.at_search .page_nav ul li strong {font-weight:normal}
.at_search .page_nav ul li a i {margin-right:0}
.at_search .page_nav ul li a span {display:none}
.at_search .page_nav ul li.pg_page {border-left:none}
.at_search .page_nav ul li.pg_page.num_first {border-left:1px solid #e0e0e0}
.at_search .page_nav ul li.pg_first,
.at_search .page_nav ul li.pg_prev {margin-right:10px}
.at_search .page_nav ul li.pg_next,
.at_search .page_nav ul li.pg_last {margin-left:10px}
.at_search .page_nav ul li.pg_page.num_first.pg_current,
.at_search .page_nav ul li.pg_current {border-color:#000; border-left:1px solid #000}

.at_search .page_nav mobile {display:none}

@media (max-width: 640px){

	.at_search {font-size:14px; padding:20px 10px}

	.at_search .search_form {margin-bottom:20px; font-size:0}
	.at_search .search_form .keyword {width: calc(100% - 72px)}
	.at_search .search_form input[type=submit] {margin-left:10px}

	.at_search p.tit {font-size:18px}
	.at_search .result p {font-size:15px}
	.at_search .result dl dd {font-size:14px}

}