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


@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700|Noto+Serif+JP:400,700&subset=japanese');


/* ----------------------------------------------
   基本設定
------------------------------------------------ */
html {
	height: 100%;
}
body {
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	height: 100%;
}
form {
	margin: 0;
}
img {
	max-width: 100%;
	height: auto;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
input::-webkit-input-placeholder {
	line-height: 1 !important;
}
input::-ms-clear {
	visibility: hidden;
}
input::-ms-reveal {
	visibility: hidden;
}
:focus-visible+.custom-control-label::before,
:focus-visible+.checkbox-decorator .check {
	outline: 2px solid #000 !important;
}
:focus-visible+.bmd-radio::after,
:focus-visible+.bmd-switch-track::after {
	outline: 2px solid #000 !important;
}
.custom-select:focus,
.btn-outline-warning.focus,
.btn-outline-warning:focus {
	box-shadow: none !important;
}

.breadcrumb {
	padding: 0;
	background: none;
}
.pagination {
	margin: .5rem 0;
}
.page-link {
	min-width: 2rem;
	color: #186ec3;
	padding: .4rem;
}
.page-item.active .page-link {
	background-color: #186ec3;
	border-color: #186ec3;
}
.modal-header .modal-title {
	font-size: 1.25rem;
}
.modal-header .close {
	font-size: 1rem;
	font-weight: bold;
	color: #5f6368;
	margin: -1.5rem -1.5rem 0 0;
	opacity: 1;
}
.modal-content .modal-body {
	padding: 20px 24px;
}
.modal-content .modal-footer {
	padding: 0 24px 24px;
}
.form-control::placeholder {
	color: #999;
}
.bmd-drawer-overlay .bmd-layout-backdrop.in {
	visibility: visible;
	background-color: #000;
	opacity: 0.5 !important;
}
.bmd-form-group label {
	color: #333 !important;
	line-height: 1.3;
}
.bmd-form-group label.bmd-label-floating {
	line-height: 1;
}
.bmd-form-group .bmd-label-static,
.bmd-form-group.is-filled .bmd-label-floating,
.bmd-form-group .is-filled .bmd-label-floating,
.bmd-form-group.is-focused .bmd-label-floating,
.bmd-form-group .is-focused .bmd-label-floating {
	top: .5rem;
}
.bmd-form-group [class*=" bmd-label"].bmd-label-floating,
.bmd-form-group [class^="bmd-label"].bmd-label-floating,
.bmd-form-group .bmd-label-floating,
.bmd-form-group .bmd-label-placeholder {
	top: 2.8rem;
	left: .75rem;
	margin: 0;
	padding: 0 .25rem;
	background: #fff;
	z-index: 2;
}
.bmd-form-group.is-focused .bmd-label-placeholder,
.bmd-form-group .is-focused .bmd-label-placeholder {
	display: none;
}
.bmd-form-group.is-filled [class*=" bmd-label"].bmd-label-floating,
.bmd-form-group .is-filled [class*=" bmd-label"].bmd-label-floating,
.bmd-form-group.is-filled [class^="bmd-label"].bmd-label-floating,
.bmd-form-group .is-filled [class^="bmd-label"].bmd-label-floating,
.bmd-form-group.is-filled .bmd-label-floating.textarea,
.bmd-form-group .is-filled .bmd-label-floating.textarea,
.bmd-form-group.is-focused [class*=" bmd-label"].bmd-label-floating,
.bmd-form-group .is-focused [class*=" bmd-label"].bmd-label-floating,
.bmd-form-group.is-focused [class^="bmd-label"].bmd-label-floating,
.bmd-form-group .is-focused [class^="bmd-label"].bmd-label-floating,
.bmd-form-group.is-focused .bmd-label-floating.textarea,
.bmd-form-group .is-focused .bmd-label-floating.textarea {
	top: 1.2rem;
	font-size: 1rem;
}
.bmd-form-group input.form-control,
.bmd-form-group textarea.form-control {
	height: auto;
	background: #fff;
	background-repeat: no-repeat !important;
	background-position: center right calc(0.375em + 0.21875rem) !important;
	border: 1px solid #cfd8dc;
	border-radius: 5px;
	box-shadow: none;
	z-index: 1;
}
.bmd-form-group input.form-control {
	padding: .75rem 2.375rem .75rem .75rem;
}
.bmd-form-group textarea.form-control {
	padding: .75rem;
}
.custom-select {
	height: auto;
	padding: .65rem 1.75rem .65rem .75rem;
	background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center !important;
	background-size: 8px 10px !important;
	border: 1px solid #cfd8dc;
	border-radius: 5px;
	box-shadow: none;
}
.bmd-form-group.is-focused input.form-control,
.bmd-form-group .is-focused input.form-control,
.bmd-form-group input.form-control.is-valid,
.bmd-form-group.is-focused textarea.form-control,
.bmd-form-group .is-focused textarea.form-control,
.bmd-form-group textarea.form-control.is-valid,
.was-validated .custom-select.is-valid,
.was-validated .custom-select:valid {
	background-image: none;
	border-color: #1976d2 !important;
}
.bmd-form-group.is-focused input:required.form-control,
.bmd-form-group .is-focused input:required.form-control,
.bmd-form-group input.form-control.is-invalid,
.bmd-form-group.is-focused textarea:required.form-control,
.bmd-form-group .is-focused textarea:required.form-control,
.bmd-form-group textarea.form-control.is-invalid {
	background-image: none;
	border-color: #c00 !important;
}
.bmd-form-group.is-focused input:required.form-control,
.bmd-form-group .is-focused input:required.form-control,
.bmd-form-group input.form-control.is-invalid {
	background: none;
}
.was-validated .custom-select.is-invalid,
.was-validated .custom-select:invalid {
	border-color: #f44336 !important;
}
.valid-feedback,
.custom-control-input.is-valid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label {
	color: #1976d2;
}
.custom-control-input.is-valid ~ .custom-control-label::before,
.was-validated .custom-control-input:valid ~ .custom-control-label::before {
	border-color: #1976d2;
}
.custom-control-input.is-valid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
	background-color: #1976d2;
	border-color: #1976d2;
}
.custom-control-input.is-invalid ~ .custom-control-label,
.was-validated .custom-control-input:invalid ~ .custom-control-label {
	color: #333;
}
.custom-control-input.is-invalid ~ .custom-control-label:before,
.was-validated .custom-control-input:invalid ~ .custom-control-label:before {
	border-color: #adb5bd;
}
.bmd-form-group .checkbox label,
.bmd-form-group .radio label,
.bmd-form-group .switch label,
.bmd-form-group label.checkbox-inline,
.bmd-form-group label.radio-inline {
	line-height: 1.4;
}
.bmd-help {
	position: relative;
	margin-top: .25rem !important;
}
.checkbox label,
.radio label,
.switch label,
label.checkbox-inline,
label.radio-inline,
label.custom-control-label {
	color: #333;
	line-height: 1.2;
	cursor: pointer;
}
label.custom-control-label {
	line-height: 1.4;
}
.form-inline {
	overflow: hidden;
}
.form-inline label.custom-control-label {
	margin-right: 1.5rem;
}
.btn {
	font-size: 1rem;
	padding: .75rem;
	border-radius: 5px;
	text-transform: none;
}
.btn.btn-outline-warning {
	color: #c00 !important;
	border-color: #c00 !important;
}
.dropdown-menu {
	height: auto;
	overflow-x: hidden;
}
.dropdown-menu .dropdown-item.active {
	background: #e3f2fd;
}
.table td .btn-sm {
	padding: .2rem .5rem;
	margin: -.2rem 0 0;
}
.nav-link {
	text-transform: none;
}

ul.checkList {
	margin: 1rem 1rem 1.5rem;
	padding: 0;
}
ul.checkList ul {
	padding: .25rem 0;
}
ul.checkList li {
	margin: .5rem 0;
}
ul.checkList li label {
	line-height: 1.5;
}
ul.checkList .badge {
	font-weight: normal;
	margin-left: .5em;
	vertical-align: 0.15em;
}
span.required {
	font-size: .8em;
	color: #cc0000 !important;
	margin-left: .5rem;
}
.invalid-feedback {
	color: #cc0000;
}
input[type="password"] {
	background-image: none !important;
}
.password-reveal {
	position: absolute;
	right: .6rem;
	width: 2rem;
	height: 2rem;
	margin: -2.5rem 0 0;
	padding: 0;
	background-image: none !important;
	text-align: center;
}
.has-clear {
	position: relative;
}
.has-clear input {
	padding-right: 32px !important;
}
.form-clear {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	top: 50%;
	right: 10px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	padding: 0;
	background: none;
	border: none;
	cursor: pointer;
	z-index: 10;
}
.form-clear:before,
.form-clear:after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background-color: black;
}
.form-clear:before {
	transform: rotate(45deg);
}
.form-clear:after {
	transform: rotate(-45deg);
}
.smallcaps {
	font-variant: all-small-caps;
}
.lbl_hdn {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}
.page-link:hover {
	background-color: #fff;
}
.page-item.disabled .page-link {
	color: #212529;
}
.btn.btn-raised.btn-primary:hover,
.btn.btn-raised.btn-primary:focus {
	background-color: #2660ae !important;
	border-color: #2660ae !important;
}
.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus {
	color: #2660ae !important;
	background: #f5f5f5 !important;
	border-color: #2660ae !important;
}
.snackbar-content .btn.btn-info {
	color: #fff;
	margin: 0 .5rem;
	padding: .5rem .75rem;
	background-color: #1976d2;
	border-color: #1976d2;
}
.snackbar-content .btn.btn-info:hover,
.snackbar-content .btn.btn-info:focus {
	background-color: #2660ae;
	border-color: #2660ae;
}


/* ----------------------------------------------
   サジェスト
------------------------------------------------ */
/* サジェストの各リスト項目 */
.ui-menu .ui-menu-item-wrapper {
  text-align: left !important;
}


/* ----------------------------------------------
   ヘッダー
------------------------------------------------ */
.bmd-layout-container > #header {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}
.bmd-layout-container > #header .navbar {
	box-shadow: none;
}
#header .navbar {
	position: relative;
	height: 60px;
	padding: 0 !important;
	background: #1976d2 !important;
}
#header .navbar-toggler {
	position: absolute;
	top: 5px !important;
	left: 0px !important;
	width: 50px;
	height: 50px;
	color: #fff;
	padding: 0 0 5px;
	z-index: 10;
}
#header .navbar-toggler > span, #header .home-link > span {
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 100%;
	font-size: 10px;
	line-height: 1;
	text-align: center;
}
/*#header .navbar-toggler::after {
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 100%;
	font-size: 10px;
	line-height: 1;
	content: "メニュー";
	text-align: center;
}*/
#header .home-link {
	position: absolute;
	top: 5px;
	right: 0px;
	width: 50px;
	height: 50px;
	font-size: 0;
	color: #fff;
	z-index: 11;
}
#header .home-link:before {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	font-family: "Font Awesome 5 Free";
	font-size: 24px;
	font-weight: 900;
	line-height: 42px;
	content: "\f015";
	text-align: center;
}
/*#header .home-link::after {
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 100%;
	font-size: 10px;
	line-height: 1;
	content: "ホーム";
	text-align: center;
}*/
#header .navbar .logo {
	font-weight: bold;
	color: #1976d2;
}
#header.simple .navbar {
	background: #fff !important;
}

#header #searchTabs {
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}
#header #searchTabs .wrap {
	padding: 0;
}
#header #searchTabs .nav {
	flex-wrap: nowrap;
}
#header #searchTabs .nav-tabs .nav-item {
	margin: 0;
}
#header #searchTabs .nav .nav-link {
	line-height: 1;
	color: #333;
	padding: 1em 1.5em;
	border-bottom: none;
	text-transform: none;
}
#header #searchTabs .nav .nav-link.active {
	color: #fff;
	background: #1976d2;
}
#header #searchTabs .nav .nav-link.add {
	position: relative;
	color: #767676;
	padding-left: 2.75em;
}
#header #searchTabs .nav .nav-link.add::before {
	position: absolute;
	top: 1.1em;
	left: 1.5em;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #1976d2;
	content: "\f055";
}

#headerSearch {
	position: relative;
	display: block;
	width: 100%;
	padding: 0 50px;
}
#headerSearch #f1 {
	display: flex;
	align-items: center;
}
#headerSearch form {
	position: relative;
	display: block;
}
#headerSearch form#f1.shelf-header {
	display: flex;
	align-items: center;
}
#headerSearch .headerSearchCheck {
	display: flex;
}
#headerSearch .headerSearchCheck label {
	font-size: .875rem;
	line-height: 1;
	color: #fff !important;
	margin: 0 1.25rem 0 0;
	white-space: nowrap;
}
#headerSearch .headerSearchCheck label .check {
	width: 1rem;
	height: 1rem;
	color: #fff;
	border-color: #fff;
}
#headerSearch .headerSearchCheck label .check::before {
	color: #fff;
	margin-top: -6px;
	margin-left: 5px;
}
#headerSearch .headerSearchInput {
	position: relative;
}
#headerSearch .box {
	position: relative;
	display: flex;
	height: 40px;
	background: #fff;
	border-radius: 5px;
}
#headerSearch.detailedSearchOpen .box {
	background: #ddd;
}
#headerSearch .box .has-clear {
	flex: 1;
}
#headerSearch .box .form-control {
	width: 100%;
	height: 40px;
	padding: 8px 0 8px 8px;
	background: none;
	border: none;
}
#headerSearch .box .form-control::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

#headerSearch .box .btn.search {
	height: 40px;
	font-size: .875rem;
	color: #fff;
	margin: 0;
	padding: 0 .75rem;
	background: #0b346c;
	border: none;
	border-radius: 0 5px 5px 0;
	text-align: center;
	white-space: nowrap;
}
#headerSearch .box .btn.search::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f002";
	margin-right: .25rem;
}
#headerSearch .detailedSearchNavBox {
	margin: 0 0 0 1rem;
}
#headerSearch .detailedSearchNavBox .btn.detailedSearch {
	font-size: .875rem;
	color: #fff;
	margin: 0;
	padding: .1rem;
	background: none;
	border: none;
	border-radius: 0;
	white-space: nowrap;
}
#headerSearch .detailedSearchNavBox .btn.detailedSearch::before {
	font-family: "Font Awesome 5 Free";
	font-size: 1rem;
	font-weight: 900;
	content: "\f1de";
	margin-right: .5rem;
}
#headerSearch #detailedSearch {
	position: absolute;
	display: none;
	width: 100%;
	margin-top: 5px;
	padding: 1rem 1rem 0;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.5);
	overflow: auto;
	z-index: 100;
}
#headerSearch #detailedSearch .form-group {
	margin-bottom: .75rem;
}
#headerSearch #detailedSearch input.form-control,
#headerSearch #detailedSearch select.custom-select {
	height: calc(2.4375rem + 2px);
	line-height: 1;
	border: 1px solid #ccc;
	border-radius: 5px;
}
#headerSearch #detailedSearch input.form-control {
	padding: .375rem .75rem;
	background: #fff;
}
#headerSearch #detailedSearch select.joint {
	background-color: #eee;
	border-color: #eee;
}
#headerSearch #detailedSearch .option label {
	line-height: 1.2;
	margin: 5px 20px 5px 5px;
}
#headerSearch #detailedSearch .footer {
	margin: .5rem 0 0;
	padding-bottom: 1rem;
	text-align: right;
}
#headerSearch #detailedSearch .footer .closeBtn {
	color: #666;
}
#headerSearch #detailedSearch .footer .submitBtn {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	background: #0b346c;
}
#headerSearch .headerSearchPhrase {
	display: flex;
	align-items: center;
}
#headerSearch .headerSearchPhrase .btn.phraseSearch {
	font-size: .875rem;
	font-weight: normal;
	color: #fff;
	margin: 0;
	padding: .1rem 0;
	background: none;
	border: none;
	border-radius: 0;
	white-space: nowrap;
}
#headerSearch .headerSearchPhrase .btn.phraseSearch::before {
	display: inline-block;
	width: 1.1em;
	height: 1.1em;
	content: "";
	margin-right: .25rem;
	background: url("/assets/images/icon-quotation.svg") no-repeat center center;
	background-size: contain;
	vertical-align: -.25em;
}
#headerSearch .headerSearchPhrase .help {
	display: flex;
	align-items: center;
	padding-left: .25rem;
}
#headerSearch .headerSearchPhrase .btn.guide {
	position: relative;
	width: .875rem;
	height: .875rem;
	color: #fff;
	margin: 0;
	padding: 0;
}
#headerSearch .headerSearchPhrase .btn.guide::before {
	position: absolute;
	top: .1em;
	left: 0;
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, "sans-serif";
	font-size: .625rem;
	font-weight: bold;
	line-height: .85rem;
	content: "?";
	border: 1px solid #fff;
	border-radius: 1rem;
}


/* ----------------------------------------------
   フッター
------------------------------------------------ */
#footer {
	clear: both;
	color: #fff;
	font-size: .7rem;
	padding: 1.25rem 0;
	background: #1976d2;
	text-align: center;
}
#footer span {
	display: inline-block;
	margin: 0 .25rem;
}


/* ----------------------------------------------
   サイドバー
------------------------------------------------ */
#sidebar {
	display: none;
	font-size: 1rem;
	background: #fff !important;
}
#sidebar[aria-hidden="false"] {
	display: block;
}
#sidebar[aria-hidden="true"] {
	display: none;
}
#sidebar .nav-header {
	font-size: .875rem;
	color: #616161;
	padding: 0 1rem .5rem;
}
#sidebar .nav-item {
	padding: 0 2px;
}
#sidebar .nav-item a {
	color: #212121;
}
#sidebar .nav-item i {
	width: 1.5rem;
	color: #1976d2;
	text-align: left;
	/* vertical-align: middle; */
}
#sidebar .nav-item i.fa-external-link-alt {
	color: #999;
	padding-left: 0.25rem;
}
#sidebar .name {
	position: relative;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
	padding: 1rem;
	background: #1976d2;
	text-align: center;
}
#sidebar .name p {
	margin: 0 50px 0 0;
	text-align: left;
}
#sidebar .name .navbar-toggler {
	position: absolute;
	top: 50%;
	right: 0px;
	width: 50px;
	height: 50px;
	color: #fff;
	margin-top: -25px;
	padding: 0 0 5px;
	z-index: 10;
}
#sidebar .name .navbar-toggler > span {
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 100%;
	font-size: 10px;
	line-height: 1;
	text-align: center;
}
/*#sidebar .name .navbar-toggler::after {
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 100%;
	font-size: 10px;
	line-height: 1;
	content: "メニュー";
	text-align: center;
}*/
#sidebar .manager {
	background: #e4f2fd;
}
#sidebar .block {
	padding: .75rem 0;
	border-bottom: 1px solid #e0e0e0;
}
#sidebar .subNav a {
	font-size: 0.875rem;
	color: #666;
	padding: .3rem 1rem;
}


/* ----------------------------------------------
   メインコンテンツ
------------------------------------------------ */
#main {
	background: #f2f3f4;
}
#main .container-fluid {
	padding: 1rem;
}
#main #mainNav label {
	margin: 0;
}
#main #mainNav .radio-inline+.radio-inline {
	margin-left: 15px;
}
#main #mainNav #sortNav {
	margin: -.5rem 0 0;
}
#main #mainNav #sortNav .dropdown-item {
	padding-left: 3rem;
}
#main #mainNav #sortNav .dropdown-item.active:before {
	position: absolute;
	left: 1.25rem;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #1976d2;
	content: "\f00c";
}

#main .result span.snp_hl1 { background-color: #ffff99; }
#main .result span.snp_hl2 { background-color: #ffcc99; }
#main .result span.snp_hl3 { background-color: #ffcccc; }
#main .result span.snp_hl4 { background-color: #ffccff; }
#main .result span.snp_hl5 { background-color: #ccccff; }
#main .result span.snp_hl6 { background-color: #99ffcc; }
#main .result span.snp_hl7 { background-color: #ccff99; }


/* ----------------------------------------------
   Media Queries
------------------------------------------------ */
@media (min-width: 768px) {
	
	/* ヘッダー */
	#header .navbar .logo {
		width: 300px;
		padding: 0 1.5rem;
	}
	#header.simple .navbar {
		height: 80px;
	}
	#header #searchTabs {
		text-align: center;
	}
	#header #searchTabs .wrap {
		max-width: 820px;
		margin: 0 auto;
		text-align: left;
	}
	#headerSearch .customSearch {
		display: flex;
		justify-content: center;
		align-items: center;
		max-width: 820px;
		margin: 0 auto;
	}
	#headerSearch .customSearch .headerSearchCheck {
		padding-left: 1rem;
	}
	#headerSearch .customSearch .headerSearchInput {
		flex: 1;
		position: inherit;
	}
	#headerSearch .customSearch .headerSearchInput #f4 {
		position: inherit;
	}
	#headerSearch .customSearch .headerSearchInput #detailedSearch {
		left: 4%;
		width: 92%;
	}
	#headerSearch .customSearch .headerSearchPhrase {
		padding-left: 1rem;
	}
	#headerSearch #f1 .box {	
		flex: 1;	
	}
	
}

@media (max-width: 767px) {
	
	/* ヘッダー */
	#header .navbar {
		height: auto;
		min-height: 60px;
		padding-left: 80px;
	}
	#header .navbar-toggler {
		position: absolute;
		left: 10px;
	}
	#header .navbar .logo {
		width: 240px;
		padding: 0 1rem;
	}
	#header #searchTabs .nav .nav-link {
		font-size: .75rem;
		padding: 1.125em .875em;
	}
	#headerSearch #detailedSearch .footer .closeBtn,
	#headerSearch #detailedSearch .footer .submitBtn {
		font-size: .875rem;
		padding-left: .5rem;
		padding-right: .5rem;
	}
	#headerSearch .customSearch {
		position: relative;
		padding: 0 0 0 5px;
	}
	#headerSearch .headerSearchInput {
		padding: 10px 0;
	}
	#headerSearch .headerSearchInput form#f1 {
		flex-wrap: wrap;
	}
	#headerSearch .headerSearchInput form#f1 .box {
		width: 100%;
		order: 1;
	}
	/* スマホ表示時の「詳細検索」非表示 */
	#headerSearch .customSearch .box .btn.detailedSearch .pcTxt {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0,0,0,0);
		white-space: nowrap;
		border: 0;
	}
	#headerSearch .detailedSearchNavBox {
		order: 2;
		width: 50%;
		margin: 10px 0 0;
	}
	#headerSearch .headerSearchCheck {
		order: 3;
		width: 50%;
		margin: 10px 0 0;
		padding-right: 5px;
		display: flex;
		justify-content: flex-end;
	}
	#headerSearch .customSearch .headerSearchPhrase {
		position: absolute;
		right: 0;
		bottom: 10px;
	}
	#headerSearch .customSearch .headerSearchPhrase.shelf {
		display: none;
	}
	
	/* フッター */
	#footer {
		font-size: .55rem;
	}
	#footer span {
		display: block;
		margin: 0;
	}
	/* コンテンツを選んで検索ポップオーバー内ボタン */
	.btn.btn-raised {
	margin: .35rem;
	font-size: clamp(9px, 3.5vw, 20px);
	}
}


/* ----------------------------------------------
   印刷対応
------------------------------------------------ */
@page {
	margin: 65px 30px 50px;
}
@media print {
	
	body {
		height: auto;
	}
	.bmd-layout-canvas,
	.bmd-layout-container,
	.bmd-layout-content {
		display: block;
		width: auto;
		height: auto;
		overflow: auto;
	}
	#header,
	#sidebar {
		display: none !important;
	}
	
}


@media (max-width: 374px){
	
	html {
		font-size: 4.266666vw;
	}
	
}