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

/*搜索框*/

#sub_menu{ display:block; width:100%;}
#sub_menu > li {
    display: block;
    position: relative;
}
.sr_only {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}


#search_popup {display: none;width: 100%;height: 100%;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000;background: rgba(0, 0, 0, .7);z-index: 9999;}
.search_popup_inner{background: #fff;/* height: 503px; */position: relative;color: #222;}
.search_popup_content {width: 100%;max-width: 740px;margin: auto;/* height: 75px; */position: relative;padding-top: 187px;padding-bottom: 110px;}
.search_form {width: 100%;height: 65px;margin-top: -7px; position: relative;}
.search_label {position: absolute;left: 0;top: 17.5px;color: #ddd;color: rgba(0, 0, 0, .35);-webkit-transition: font 250ms, top 250ms, color 100ms;transition: font 250ms, top 250ms, color 100ms;}
.search_popup_inner.active .search_label {font-size: 20px;top: -13px;color: #fff;}
.search_form input.search_field {display: block;width: 100%;height: 100%;padding: 0;position: relative;color: #222;border: none;background: transparent;font-size: 23px;font-weight: 300;outline:none;}
.search_label, .search_field {font-size: 30px;line-height: 1;}
.search_field::-ms-clear {display: none;width:0;height:0;}
.search_form:before, .search_form:after {content: '';display: block;height: 2px;position: absolute;bottom: -2px;width: 0;}
.search_form:before {width: 100%;left: 0;background: #dddddd;background: rgba(34, 34, 34, .15);}
.search_form:after {left: 0;background: #222;-webkit-transition: all 400ms;transition: all 400ms;}
.search_popup_inner.active .search_form:after {left: 0;width: 100%;}
.search_submit {position: absolute;right: 0;top: 1px;height: 100%;width: 26px;padding: 0;font-size: 0;border: none;background: url(../images/icon-search-third-dark-green.svg) no-repeat center center;background-size: 100% auto;cursor: pointer;opacity: 0.4;-webkit-transition: opacity 400ms;transition: opacity 400ms;}
.search_popup_inner.active .search_submit {opacity: 1;}
.search_popup_close {width: 64px;height: 64px;position: absolute;top: 50px;left: 50%;margin-left: -32px;font-size: 0;opacity: 1;}
.search_popup_close span {display: block;width: 100%;height: 100%;position: relative;}
.search_popup_close span:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/icon-close-dark.svg) no-repeat center center;background-size: 22px auto;-webkit-transform: rotate(0) translateZ(0);transform: rotate(0) translateZ(0);-webkit-transition: -webkit-transform 300ms;transition: -webkit-transform 300ms;transition: transform 300ms;transition: transform 300ms, -webkit-transform 300ms;}
.search_popup_close:hover span:after {-webkit-transform: rotate(180deg) translateZ(0);transform: rotate(180deg) translateZ(0);}
.search_header {margin-bottom: 40px;padding: 48px 20px;text-align: center;background: #f9f9f9;border: 1px solid #ddd;}
.search_header h2, .search_header p {display: inline-block;font-size: 16px;font-weight: 400;color: #666;}
.search_header b, .search_header h2 {font-weight: 600;color: #222;}
.search_nodata {padding: 100px 0 20px;}
.search_nodata p {font-size: 20px;font-weight: 600;line-height: 1.55;text-align: center;color: #222;}
.search_list {border-top: 2px solid #731d09;}
.search_list li {display: block;width: 100%;border-bottom: 1px solid #ddd;}
.search_list li a {display: block;padding: 19px 4% 19px 12px;font-size: 15px;color: #666;-webkit-transition: background 300ms;transition: background 300ms;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;background: url(../images/icon-direction-right-third.svg) no-repeat 98% center;}
.search_list li a:hover {background-color: #f9f9f9;}

.search_result_info {text-align: center; margin-bottom: 65px;}
.search_result_info p {color: #9e9e9e; line-height: 1.74;}
.search_result_info p span.num {color: #f0d8c0;}
.search_result_list { margin: 0 -6px -12px; }
.search_result_list li { float: left; width: -webkit-calc(25% - 12px); width: calc(25% - 12px); height: 252px; margin: 0px 6px 12px; background:transparent; border: 1px solid #ffffff; border: 1px solid rgba(255, 255, 255, .1); transition: background 0.3s; -webkit-transition: background 0.3s; cursor: pointer;}
.search_result_list li:hover a {color: #213429}
.search_result_list li:hover span.search_tax {color: #213429;}
.search_result_list li:hover p.search_desc {color: #666;}
.search_result_list li:hover time.search_date {color: #666;}
.search_result_list li:hover {background: #fff;}
.search_result_list li a { display: block; color:#fff; transition: color 0.3s; -webkit-transition: color 0.3s; padding: 31px 37px; width: 100%; height: 100%; }
.search_result_data {position: relative; width: 100%; height: 100%;}
.search_result_list span.search_tax { font-family: 'Garamond', sans-serif; font-size: 13px; color: #f0d8c0; font-weight: 600; letter-spacing: 0.05em;}
.search_result_list h2.search_title { font-size: 24px; font-weight: 100; letter-spacing: -0.04em; line-height: 1.5; text-overflow: ellipsis; white-space: pre; overflow: hidden; margin: 14px 0 10px;}
.search_result_list p.search_desc { color: #9e9e9e; line-height: 1.74; letter-spacing: -0.01em; max-height: 3.48em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.search_result_list time.search_date { display: block; position: absolute; left: 0; bottom: 0; font-family: 'Gill Sans MT', sans-serif;letter-spacing: 0; color: #9e9e9e;}
.search_nodata p {color: #9e9e9e; font-size: 15px;}
.search .article_header {padding-top: 150px; padding-bottom: 0;}
.search .article_header_title {text-align: center;}
.search .article_header_title.article_header_title_en {letter-spacing: 0.05em;}
.search .article_body {padding-top: 30px; padding-bottom: 187px;}


@media (max-width: 960px){
	/* SEARCH */
    .search_popup_close { top: 2px; margin-left: -20px; left: 5%; z-index: 9; }
    .search_popup_inner { background: #f0d8c0; }
    .search_popup_content { top: 40px; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; padding: 0; }
    .search_form:before { background: #213429; }
    .search_submit { opacity: 1; width: 24px; }
    .search_form { width: 90%; padding-left: 60px; }
    .search_form input.search_field { width: -webkit-calc(100% - 60px); width: calc(100% - 60px); }
    .search_label { left: 70px; font-size: 25px; top: 20px; }
    #search_popup { background: #f0d8c0; }
    .search_form { padding-left: 36px; }
    .search_popup_close span:after { background-size: 22px; }

}

@media (max-width: 540px){
	/* SEARCH */
    .search_popup_content { top: -9px; }
    .search_popup_close span:after { background-size: 14px; }
    .search_popup_close { width: 44px; height: 44px; margin-left: -14px; top: 24px; }
	.ios .search_popup_close {top: 24px;}
	.search_submit {top: -1px;}
    .search_label { font-size: 18px; left: 60px; top: 37px; }
	html.ios .search_label {top: 39px;}
    .search_submit { width: 18px; background-position: center 38px; }
    .search_popup_inner.active .search_label { top: 5px; font-size: 12px; color: #f0d8c0; font-weight: 300; }
    .search_field { font-size: 18px; }
    .search_form input.search_field { padding-top: 24px; font-size: 20px;}
    .ios .search_form input.search_field { padding-top: 28px;}
    .search_keyword_list ul li { display: block; padding: 0; }
    .search_keyword_list ul li:before { display: none; }
    .search_keyword_list ul li a { display: block; padding: 6px 0; }
    .search_keyword_list b { margin-bottom: 15px; }
    .search_form {margin-bottom: 45px;margin-top: 10px;}
	.search .article_header {padding-top: 71px;}
	.search .article_header_title {font-size: 28px;}
	.search .article_body {padding-top: 16px; padding-bottom:80px;}
	.search_result_info {margin-bottom: 39px;}

	.search_result_list li {height: 230px;}
	.search_result_list li a { padding: 22px 20px; }
	.search_result_list time.search_date {font-size:13px;}
	.search_result_list h2.search_title {font-size: 18px;margin-top: 18px;}

    .search_nodata { padding: 40px 0;}
}

@media (max-width: 480px){
	/* SEARCH */
	.search_result_list li a { padding: 20px; }
	.search_result_list h2.search_title { font-size: 16px;}
	.search_keyword_list ul li a {color:#666;}
	.search_submit {background: url(../images/icon-search-third-dark-green-mobile.svg) no-repeat; background-position: center 38px; background-size: 100% auto;}

}