@charset "utf-8";

/* Language dropdown — high specificity so theme/bootstrap cannot strip it */
aside.at-lnb .srs-lang-dd,
.at-sidebar .srs-lang-dd,
.srs-lang-mobile-wrap .srs-lang-dd,
.srs-lang-dd {
	position: relative !important;
	display: inline-block !important;
	vertical-align: middle !important;
	z-index: 40 !important;
	text-align: left !important;
	font-size: 11px !important;
	line-height: 1 !important;
}
aside.at-lnb .srs-lang-dd.is-open,
.srs-lang-dd.is-open { z-index: 2100 !important; }

.srs-lang-dd .srs-lang-dd-btn {
	display: inline-block !important;
	height: 24px !important;
	padding: 0 10px 0 4px !important;
	margin: 0 !important;
	border: 1px solid #d4c49a !important;
	border-radius: 12px !important;
	background: #fbf6ea !important;
	background-image: linear-gradient(180deg, #fffdf7 0%, #f3e7cc 100%) !important;
	box-shadow: inset 0 1px 0 #fff, 0 1px 2px rgba(29,53,87,.08) !important;
	color: #1d3557 !important;
	cursor: pointer !important;
	outline: none !important;
	line-height: 22px !important;
	white-space: nowrap !important;
	font-family: inherit !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	vertical-align: middle !important;
}
.srs-lang-dd .srs-lang-dd-btn:hover,
.srs-lang-dd.is-open .srs-lang-dd-btn {
	border-color: #c4ae78 !important;
	background: #f7edd4 !important;
}
.srs-lang-dd .srs-lang-dd-ico {
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	margin: 0 6px 0 0 !important;
	border-radius: 50% !important;
	background: #1d3557 !important;
	color: #e8d7a8 !important;
	font-size: 9px !important;
	line-height: 16px !important;
	text-align: center !important;
	vertical-align: middle !important;
}
.srs-lang-dd .srs-lang-dd-ico i { font-size: 9px !important; line-height: 16px !important; }
.srs-lang-dd .srs-lang-dd-text {
	display: inline-block !important;
	vertical-align: middle !important;
}
.srs-lang-dd .srs-lang-dd-code {
	display: inline-block !important;
	margin-right: 5px !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: .5px !important;
	color: #8a7340 !important;
	vertical-align: middle !important;
}
.srs-lang-dd .srs-lang-dd-name {
	display: inline-block !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	color: #2b3a4a !important;
	vertical-align: middle !important;
}
.srs-lang-dd .srs-lang-dd-caret {
	display: inline-block !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 0 2px 7px !important;
	border-left: 3.5px solid transparent !important;
	border-right: 3.5px solid transparent !important;
	border-top: 4px solid #8a7340 !important;
	border-bottom: 0 !important;
	vertical-align: middle !important;
}

aside.at-lnb ul.srs-lang-dd-list,
.at-sidebar ul.srs-lang-dd-list,
.srs-lang-dd ul.srs-lang-dd-list,
ul.srs-lang-dd-list {
	display: none !important;
	position: absolute !important;
	left: 0 !important;
	top: 28px !important;
	min-width: 150px !important;
	margin: 0 !important;
	padding: 6px !important;
	list-style: none !important;
	background: #fff !important;
	border: 1px solid #e4d8b8 !important;
	border-radius: 10px !important;
	box-shadow: 0 10px 28px rgba(29,53,87,.16) !important;
	z-index: 2100 !important;
	float: none !important;
}
.srs-lang-dd.is-open ul.srs-lang-dd-list,
aside.at-lnb .srs-lang-dd.is-open ul.srs-lang-dd-list {
	display: block !important;
}
.srs-lang-dd ul.srs-lang-dd-list li {
	display: block !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	width: auto !important;
	height: auto !important;
}
.srs-lang-dd a.srs-lang-dd-item {
	display: block !important;
	padding: 7px 10px !important;
	margin: 0 !important;
	border-radius: 6px !important;
	color: #3a4654 !important;
	text-decoration: none !important;
	font-size: 12px !important;
	line-height: 1.3 !important;
	font-weight: 500 !important;
	background: transparent !important;
}
.srs-lang-dd a.srs-lang-dd-item:hover {
	background: #f7f1e2 !important;
	color: #1d3557 !important;
}
.srs-lang-dd a.srs-lang-dd-item.on {
	background: #1d3557 !important;
	color: #fff !important;
}
.srs-lang-dd .srs-lang-dd-item-code {
	display: inline-block !important;
	min-width: 22px !important;
	margin-right: 8px !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: .4px !important;
	color: #8a7340 !important;
}
.srs-lang-dd a.srs-lang-dd-item.on .srs-lang-dd-item-code { color: #e8d7a8 !important; }
.srs-lang-dd .srs-lang-dd-item-name { font-weight: 500 !important; }

aside.at-lnb {
	overflow: visible !important;
	position: relative !important;
	z-index: 2000 !important;
}
aside.at-lnb .container,
aside.at-lnb .at-lnb-icon,
aside.at-lnb .at-lnb-icon > ul.menu,
aside.at-lnb .at-lnb-icon > ul.menu > li {
	overflow: visible !important;
}
#thema_wrapper .wrapper { overflow: visible; }
aside.at-lnb .container:after { content: ""; display: table; clear: both; }
aside.at-lnb .at-lnb-icon > ul.menu > li {
	display: block !important;
	float: left !important;
	height: 31px !important;
	padding: 3px 0 0 !important;
	border: 0 !important;
	line-height: 31px !important;
}
aside.at-lnb .at-lnb-menu > ul.menu > li > a {
	height: 31px !important;
	line-height: 19px !important;
	box-sizing: border-box !important;
}

.srs-lang-mobile-wrap { text-align: center; padding: 12px 0 8px; }
.srs-lang-switch-side { display: block; margin: 16px 20px 8px; }
.srs-lang-switch-side .srs-lang-dd { display: block !important; }
.srs-lang-switch-side .srs-lang-dd-btn { width: 100% !important; text-align: left !important; height: 32px !important; box-sizing: border-box !important; }
.srs-lang-switch-side ul.srs-lang-dd-list { width: 100% !important; }

.at-sidebar .sidebar-box .form-group { margin-bottom: 8px !important; }
.at-sidebar .sidebar-box .input-group {
	display: table !important;
	width: 100% !important;
	border-collapse: separate !important;
}
.at-sidebar .sidebar-box .input-group-addon {
	display: table-cell !important;
	width: 36px !important;
	height: 34px !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center !important;
	vertical-align: middle !important;
	line-height: 32px !important;
	background: #eee !important;
	border: 1px solid #ccc !important;
	border-right: 0 !important;
	box-sizing: border-box !important;
	float: none !important;
}
.at-sidebar .sidebar-box .input-group-addon i {
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	line-height: 16px !important;
	font-size: 14px !important;
	color: #777 !important;
	vertical-align: middle !important;
}
.at-sidebar .sidebar-box .input-group .form-control {
	display: table-cell !important;
	height: 34px !important;
	line-height: 20px !important;
	padding: 6px 10px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	vertical-align: middle !important;
	float: none !important;
}

.at-sidebar .srs-lang-dd-btn {
	border-color: #5c5340 !important;
	background: #2a2a2a !important;
	color: #eee !important;
}
.at-sidebar .srs-lang-dd-name { color: #eee !important; }
.at-sidebar .srs-lang-dd-code,
.at-sidebar .srs-lang-dd-item-code { color: #d4c08a !important; }
.at-sidebar .srs-lang-dd-caret { border-top-color: #d4c08a !important; }
.at-sidebar ul.srs-lang-dd-list { background: #2a2a2a !important; border-color: #555 !important; }
.at-sidebar a.srs-lang-dd-item { color: #ccc !important; }
.at-sidebar a.srs-lang-dd-item:hover { background: #3a3a3a !important; color: #fff !important; }
.at-sidebar a.srs-lang-dd-item.on { background: #1d3557 !important; color: #fff !important; }

.srs-community-notice { margin:0 0 15px; padding:10px 12px; background:#fff8e5; border:1px solid #f0d78c; color:#6a5300; font-size:13px; }
.srs-i18n-page { line-height:1.7; font-size:14px; }
.srs-i18n-page h2 { font-size:20px; margin:0 0 16px; padding-bottom:8px; border-bottom:2px solid #333; }
.srs-i18n-page h3 { font-size:16px; margin:22px 0 10px; }
.srs-i18n-page p { margin:0 0 12px; }
.srs-i18n-page ul, .srs-i18n-page ol { margin:0 0 14px 18px; }
.srs-i18n-page table { width:100%; border-collapse:collapse; margin:0 0 16px; }
.srs-i18n-page table th, .srs-i18n-page table td { border:1px solid #ddd; padding:8px 10px; vertical-align:top; }
.srs-i18n-page table th { background:#f5f5f5; }
.srs-i18n-contact { background:#f7f7f7; padding:12px 14px; margin:16px 0; }
.srs-main-banners { width:100%; }
.srs-main-banners a { display:block; padding:18px 10px; margin:3px; background:#1d3557; color:#fff; text-align:center; font-weight:700; }
.srs-main-banners a:hover { background:#e63946; color:#fff; }

html[lang="es"] .at-navbar .navbar-nav > li > a,
html[lang="ja"] .at-navbar .navbar-nav > li > a,
.es .at-navbar .navbar-nav > li > a,
.ja .at-navbar .navbar-nav > li > a {
	white-space: nowrap;
	padding: 0 14px;
	font-size: 13px;
	letter-spacing: 0;
}

html[lang="ja"] body,
html[lang="ja"] .ja { font-family:"Noto Sans JP","Roboto",sans-serif; }
html[lang="es"] body,
html[lang="es"] .es { font-family:"Noto Sans","Roboto",sans-serif; }
body.is-pc .ja,
body.is-pc .es,
body.is-pc .ko { font-size:13px; }
.ko .panel .panel-body { font-size:13px; }
.is-pc .ko .widget-miso-post-mixed-sero .item-subj { line-height:22px; }
.is-pc .ko .basic-post-slider .post-ko { font-size:13px; }

@media (max-width:767px) {
	.srs-lang-lnb .srs-lang-dd-name { display: none !important; }
}
