@charset "utf-8";

@font-face {
	font-family: 'FontAwesome';
	src: url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.eot?v=4.0.3');
	src: url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),
		url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),
		url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),
		url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

:root {
	width: auto;
	min-width: 100%;
	position: absolute;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	inset: auto;
	font-family: Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "モリサワ 新ゴ R", "Droid Sans", メイリオ, "sans-serif";
	font-size: 62.5%;
}
@media screen and (max-width: 750px) {
    :root {
        font-size: 1.333vw !important;
    }
}
:root > body {
	line-height: 1.4;
	-webkit-text-size-adjust: 100%;
	color: #666;
	/* font-size: clamp(13px, 3vw, 20pt); */
    font-size: 1.4rem;
}
a:has( > img) { /* ネイティブの ":has" は2022年以降の webkit 系のブラウザにしか対応していないため注意 */
	display: inline-block;
}
a > img {
	vertical-align: middle;
}
/* リンク色:補完 */
a:hover,
a:focus-within,
a:active,
#myList div.message .undo:hover {
	color: #6f7ed9;
}
a:link,
a:visited,
.side .siblings li a:hover,
.side .siblings li a:active {
	color: #1862ab;
}
img[src="about:blank"] {
    display: none;
}

/*clearfix*/
.cf:before,
.cf:after {
	content: " ";
	display: table;
	flex: 0 0 0;
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}
p {
	margin: 0;
}
.ss {
	font-size: 0.8em;
}
.s {
	font-size: 0.9em;
}
.m {
	font-size: 1rem;
}
.l {
	font-size: 1.2em;
}
.ll {
	font-size: 1.4em;
}
.a-center {
	text-align: center;
}
.a-right {
	text-align: right;
}
.a-left {
	text-align: left;
}
.accent {
	color: #1862ab;
}
.none {
	display: none !important;
}
strong {
	font-weight: bold;
	color: initial;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    max-width: 100%;
    min-height: 2rem;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 6px inset;
    padding: 3px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(194, 194, 194);
    border-image: initial;
    border-radius: 4px;
}
input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], select, textarea {
    /* font-size: 1.6rem; */
	font-size: 1.1rem;
}

/* ----------------------------------------------------------------

----------------------------------------------------------------- */
#container .icon_new ,
#container .icon_img ,
#container .icon_cad ,
#container .icon_revision {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	padding: 2px 5px;
	border-radius: 3px;
	font-size: 9px;
	font-weight: normal;
}
#container .icon_new {
	background-color: #FBB03B;
}
#container .icon_img {
	background-color: #92CC44;
}
#container .icon_cad {
	background-color: #999999;
}
#container .icon_revision {
	background-color: #fcee21;
	color: #999;
}

.hdg01Ba {
    border-bottom: none;
    margin: 0 0 5px;
}
.hdg01Ba .hdg {
    border-bottom: none;
    font-size: 18px;
    padding: 2px 0px 5px;
    font-weight: bold;
    position: relative;
	color: #1862ab;
}
ul.icons {
	visibility: hidden;
	position: relative;
	width: 105px;
	overflow: hidden;
	margin: 0;
}
ul.icons .new,
ul.icons .up,
ul.icons .img,
ul.icons .cad {
	display: none;
}
ul.icons .new {
	float: left;
}

ul.icons .cad {
	float: right;
}
ul.icons .img {
	position: absolute;
	top: 0;
	right: 32px;
}

#contents,
#header .inner,
#header .globalNavi ul,
#footer {
	margin-left: auto;
	margin-right: auto;
	width: auto;
}

/* .breadcrumbs, */
#sub .sideMybinder,
#sub .sideOtherCatalogs,
/* #main > .catalogDetail #lead h1, */
.catalogSearchCategoryList #lead h1,
.catalogPageGroupSearchResult #lead h1,
.catalogSearchResultPagination #lead h1,
#lead .localNavi {
	display: none;
}
.skipToTop {
	display: none;
}

.skipToTop {
    padding: 0 2rem;
    box-sizing: border-box;
}
#skip {
	display: block;
    margin-top: -4.2rem;
	order: 3;
}
#main + #skip {
	margin-top: 0;
}
#skip > .skipToTop {
	display: block;
    margin-top: 15px;
    margin-bottom: 0;
}
#skip > .skipToTop img {
    width: 7.4rem;
}

#wrapper {
	padding: 0 0;
	width: 75rem;
	margin: 0 auto;
}

#contents {
	/* display: grid; */
	display: flex;
	/* padding: 5px 10px; */
	margin-top: 0px;
	box-sizing: content-box;
	flex-flow: column nowrap;
	align-content: stretch;
	align-items: stretch;
    padding: 1rem 0;
}
#contents:has(#sidemenu) {
	/* grid-template-columns: 230px 700px; */
	/* grid-template-rows: auto auto; */
	/* grid-template-columns: 1fr;
	grid-template-rows: auto auto auto; */
	justify-content: space-between;
}

#main {
	float: none;
	width: 100%;
	order: 1;
}
/* #contents:has(#sidemenu) #main {
	grid-column: 1/2;
	grid-row: 1/2;
} */

.side,
#extra {
	float: none !important;
	width: 100% !important;
	clear: none !important;
}
/* #contents #extra {
	margin-bottom: -5px;
} */

/* div.side div.section h2 {
    display: flex;
    height: 8rem;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 2.8rem;
    margin-bottom: 0;
    color: #00539A;
    font-weight: bold;
    background-image: none;
    background-color: #DAE6F0;
} */

div.side > div.side {
	margin-left: 0;
}
div.side div.section {
    background: none;
}

div.side #sub > ul >l i:nth-child(2) {
    border: solid 1px #CFCFCF;
}

div.side div.section h2 span {
    border-bottom: none;
    width: auto;
}

div.side li:nth-child(2) div.section h2 {
    padding-top: 10px;
}

div.side li:nth-child(2) div.section h2 span {
    text-indent: 0;
    background-image: none;
    padding-left: 12px;
}
div.side div.section div.inner {
    background: none;
}
div.side #sub > ul > li:nth-child(2) {
    margin-bottom: 15px;
}

div.side li.customSideCategoryMenu h2 {
    height: 34px;
    background-color: #DAE6F0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    margin-bottom: 0;
    color: #00539A;
    font-weight: bold !important;
    border-bottom: solid 1px #ccc;
}
div.side li.customSideCategoryMenu h2 > * {
	height: auto !important;
	padding: 0 !important;
	background-image: none !important;
	text-indent: initial !important;
}
div.side li.customSideCategoryMenu div.section {
    border: solid .1rem #EEEEEE;
    border-top: none;
}
div.side li.customSideCategoryMenu div.section .inner {
    padding: 0 !important;
}
div.side li.customSideCategoryMenu div.section .inner ul {
	margin: 0;
}
div.side li.customSideCategoryMenu div.section .inner p.caret {
    cursor: pointer;
    user-select: none;
    color: #333;
    font-size: 2.8rem;
    width: 100%;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    padding: 1.5rem 2.5rem;
}
div.side li.customSideCategoryMenu div.section .inner p.caret i {
    margin-right: 2.5rem;
}
div.side li.customSideCategoryMenu div.section .inner a {
    display: inline-block;
    position: relative;
    text-decoration: none;
}
div.side li.sideUserExternalLinkMenu div.section .inner {
    padding: 0 !important;
    background-image: none !important;
}
div.side li.sideUserExternalLinkMenu div.section ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
}
div.side li.sideUserExternalLinkMenu div.section ul > li {
    display: block;
    flex: 1 1 auto;
}
div.side li.sideUserExternalLinkMenu div.section a {
    width: 100%;
    overflow: hidden;
}
div.side li.sideUserExternalLinkMenu div.section img {
    width: 100%;
    max-width: 100%;
}
div.side div.section div.inner#treeview {
    padding: 0;
    padding-bottom: .8rem;
    border: solid .2rem #EEEEEE;
    border-top: none;
}

/* ヘッダ */
#header {
	display: table;
	width: 100%;
	margin-bottom: 0;
	border-bottom: 2px solid #999; /*5px solid #333;*/
    background-image: none;
    border-color: #00539A;
    border-width: 1rem;
}
#header #header-container {
	border-bottom: 2px solid #999; /*5px solid #333;*/
}
#header img.ci {
	position: static;
	margin-top: 1.5rem;
    width: 17.6rem;
    left: 2.1rem;
    top: 1.5rem;
}
#header .inner {
    height: 10rem !important;
}
#header .inner .utility {
	width: auto;
}
#header .globalNavi {
	display: none;
}
#header:after {
	display: none;
}

/* フッタ */
#footer {
	/* padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px; */
    padding: 1.2rem 0;
	margin-top: 0;
	color: #fff;
    background-color: #EEEEEE;
}
#footer .copyright{
    color: #333;
	font-family: Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "モリサワ 新ゴ R", "Droid Sans", メイリオ, "sans-serif";
	font-size: 2.4rem;
	line-height: 3.6rem;
	margin: 0 0 10px;
}
.foot_area02 {
	width: 100%;
	width: auto;
	margin: 0;
	padding: 2em 0;
	background-color: #E9E9E9;
	border-top: 1px solid #fff;
	color: #333;
	position: relative;
	text-align: center;
	line-height: 1.3;
}
.foot_area02:before {
	content: "";
	height: 1px;
	background-color: #CBCBCB;
	width: 100%;
	display: block;
	position: absolute;
	top: -2px;
	left: 0;
	right: 0;
}
.foot_area02 h2 {
	padding: 10px;
	display: table-cell;
}

/* サイド:サイドメニュー */
#sidemenu {
    padding: 5.1rem 4rem;
    box-sizing: border-box;
	order: 2;
	/* grid-column: 1/3;
	grid-row: 2/3; */
}
#sidemenu .matte.search.btn {
	background-position: 0 0;
}
#sidemenu .matte.search.btn:hover,
#sidemenu .matte.search.btn:focus-within {
	background-position: 0 -21px !important;
}
#sidemenu .keywordSearchSideCatalog {
    margin-bottom: 3.8rem;
}
#sidemenu .keywordSearchSideCatalog .section {
	margin: 0 0 10px;
	padding-top: 10px;
}
#sidemenu .keywordSearchSideCatalog .section + .section {
	border-top: 1px solid #EEEEEE;
}
#sidemenu .keywordSearchSideCatalog .section h2 {
	font-size: 13px;
	color: #000;
	font-weight: bold;
	margin-bottom: 10px;
}
#sidemenu .keywordSearchSideCatalog #keywordSearchSideCatalog.section {
	width: auto;
	height: auto;
	padding: 0px;
	background: none;
}
#sidemenu .keywordSearchSideCatalog #keywordSearchSideCatalog.section h2 {
    display: flex;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 4.8rem;
    color: #00539A;
    align-items: center;
	margin-bottom: 10px;
	background: none;
	padding: 0;
}
#sidemenu .keywordSearchSideCatalog #keywordSearchSideCatalog.section h2 i {
    margin-right: .3rem;
}
#sidemenu .keywordSearchSideCatalog #keywordSearchSideCatalog.section h2 i > img {
    width: 3.5rem;
}
#sidemenu .keywordSearchSideCatalog #keywordSearchSideCatalog.section .keywordSearch {
	overflow: hidden;
	zoom: 1;
}
#sidemenu .keywordSearchSideCatalog #keywordSearchSideCatalog.section .keywordSearch img {
	width: auto;
    height: 3.5rem;
	min-height: .8em;
    max-height: 32px;
	vertical-align: inherit;
}
/* #sidemenu .keywordSearchSideCatalog #keywordSearchSideCatalog.section .keywordSearch img[alt="全て"] {
    width: 9.4rem;
} */
/* #sidemenu .keywordSearchSideCatalog #keywordSearchSideCatalog.section .keywordSearch img[alt="現在のカタログから"] {
    width: 24.8rem;
} */
#sidemenu .keywordSearchSideCatalog #keywordSearchSideCatalog.section .keywordSearch :not(.disable) > img {
	cursor: pointer;
}
#sidemenu .keywordSearchSideCatalog #keywordSearchSideCatalog.section .keywordSearch input.keyword {
	width: 100%;
	background: none;
}
#sidemenu .keywordSearchSideCatalog #keywordSearchSideCatalog.section .keywordSearch input.keyword,
#sidemenu .keywordSearchSideCatalog #keywordSearchSideCatalog.section .keywordSearch input.keywordCatalog {
	/* width: 75%; */
	/* margin-bottom: 10px; */
    width: 53.4rem;
    height: 7rem;
    margin-bottom: 2.1rem;
    font-size: 16px;
	float: left;
}
#sidemenu .keywordSearchSideCatalog #keywordSearchSideCatalog.section .keywordSearch .scope {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
	clear: both;
	overflow: hidden;
}
#sidemenu .keywordSearchSideCatalog #keywordSearchSideCatalog.section .keywordSearch .scope input {
	height: 1px;
	left: -9999px;
	position: absolute;
	top: 0;
	width: 1px;
}
#sidemenu .keywordSearchSideCatalog #keywordSearchSideCatalog.section .keywordSearch .scope li {
	/* display: block; */
	display: inline-flex;
    flex-flow: row wrap;
	vertical-align: middle;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
	/* font-size: 11px; */
	float: left;
}
#sidemenu .keywordSearchSideCatalog #keywordSearchSideCatalog.section .keywordSearch .scope li:not(:last-child) {
	margin-right: 20px;
}
#sidemenu .keywordSearchSideCatalog #keywordSearchSideCatalog.section .keywordSearch .scope li label > * {
	vertical-align: middle;
}
#sidemenu .keywordSearchSideCatalog #keywordSearchSideCatalog.section .keywordSearch .none {
	display: none;
}
#sidemenu .keywordSearchSideCatalog #keywordSearchSideCatalog.section .keywordSearch .matte.search.btn {
	/* background: url("../images/btn_search.png") no-repeat scroll left top transparent !important; */
	/* width: 58px;
	max-width: 25%;
	height: 32px; */
    background: url("../images/icon/btn_search.svg") no-repeat !important;
    width: 11.6rem;
    height: 6.8rem;
	float: right;
	margin-bottom: 10px;
	margin-right: -2px;
    margin-left: .3rem;
	/* -webkit-background-size: 58px auto !important;
	-o-background-size: 58px auto !important;
	background-size: 58px auto !important;
    background-position: center !important;
    background-size: contain !important; */
    background-position: 0 0 !important;
    background-size: 11.2rem 6.8rem !important;
}

/* サイド */
div.side div.section, /*/ ← スタイルの優先度調整 /*/
.side .section {
	padding: 0;
	background: none;
}
.side .section .inner {
	padding: 0;
	background: none;
}

/* サイド:見出し */
.side .section > h1:first-child,
.side .section > h2:first-child,
.side .section > h3:first-child,
.side .section > h4:first-child,
.side .section > h5:first-child,
.side .section > h6:first-child,
.side .section > .inner:first-child {
	margin: 0;
	padding: 12px 10px 0;
	border: none;
	background: url(../images/bg_sidepane.gif) 0 0 no-repeat !important;
}
.side .section > .accodeBtn {
	padding: 15px 10px 15px;
	/* font-size: 13px; */
	background: none !important;
	background-color: #e0e0e0 !important;
}

.myBinderBox > h2 {
	color: #fff;
	background-color: #2184BF;
}
.myBinderBox .accodeBtn:after {
	border-color: #fff;
}
.myBinderBox .seeStock {
	padding: 10px;
}

#sideCategoryMenu.categoryBox {
	margin: 0 0 15px;
}
#sideCategoryMenu.categoryBox .accodeBtn {
	position: relative;
	cursor: pointer;
}
#sideCategoryMenu.categoryBox > h2 {
    display: flex;
    height: 8rem;
    padding: 0;
    margin-bottom: 0;
    font-size: 2.8rem;
    font-weight: bold;
    color: #00539A;
    background-color: #DAE6F0 !important;
    background-image: none !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-bottom: solid 1px #ccc;
}
#sideCategoryMenu.categoryBox .inner {
	padding: 0 !important;
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background-image: none;
}
#sideCategoryMenu.categoryBox .inner a {
	display: block;
	position: relative;
	/* padding: 10px 20px; */
	/* color: #2184BF; */
    color: inherit;
    text-decoration: none;
}
/* #sideCategoryMenu.categoryBox .inner li {
	border-top: 1px solid #e0e0e0;
} */
/* #sideCategoryMenu.categoryBox .inner li a:not(.accodeBtn):after {
	content: "";
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 3px;
	margin: auto 0;
	display: block;
	width: 7px;
	height: 7px;
	border-left: 2px solid #2184BF;
	border-bottom: 2px solid #2184BF;
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
} */
#sideCategoryMenu.categoryBox .inner .level1 > .category > .caret > i {
    margin-right: 2.5rem;
}
#sideCategoryMenu.categoryBox .inner .level1 > .category > .caret > i > img {
    width: 2.3rem;
}
#sideCategoryMenu.categoryBox .inner .level1 .level2 {
	margin: 0;
}
/* #sideCategoryMenu.categoryBox .inner .level1 .level2 li a {
	background: #F3F3F3;
	padding-left: 40px;
} */
/* #sideCategoryMenu.categoryBox .accodeBtn:after {
	content: "";
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 3px;
	margin: auto 0;
	display: block;
	width: 7px;
	height: 7px;
	border-left: 2px solid #666;
	border-bottom: 2px solid #666;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#sideCategoryMenu.categoryBox .accodeBtn.open:after {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
#sideCategoryMenu.categoryBox .inner .accodeBtn:after {
	border-color: #2184BF;
} */
/* #sideCategoryMenu.categoryBox .accodeBox {
	display: none;
} */
#sideCategoryMenu.categoryBox .btn_close {
	margin: 0;
}
#sideCategoryMenu.categoryBox .btn_close:after {
	right: 15px;
}
#sideCategoryMenu.categoryBox .keywordSearchCatalog .section {
	border-top: 1px solid #EEEEEE;
	margin: 0 0 0;
	padding: 10px 10px 0;
}

#extra {
	order: 4;
}
/* #extra {
	grid-column: 1/3;
	grid-row: 3/4;
} */

/* ******* スマホ・PC切替ボタン ***** */
#extra #display {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-around;
	min-height: 50px;
	box-sizing: border-box;
    margin-top: 2.6rem;
	margin-bottom: 1.2rem;
}
#extra #display a {
	display: flex;
	width: 100%;
	/* height: 40px; */
    height: 8rem;
	padding: 0 4px;
	/* line-height: 1; */
	font-weight: bold;
    font-size: 2.4rem;
    line-height: 3.6rem;
	align-items: center;
	justify-content: center;
    color: #fff;
	text-decoration: none;
    border: solid .2rem #00539A;
	box-sizing: border-box;
}
#extra #display > div {
	display: flex;
    height: 8rem;
    width: 67rem;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
}
#extra #display .item1 {
	min-width: 50px;
	flex: 0 0 auto;
}
#extra #display .item2,
#extra #display .item3 {
	display: flex;
	/* height: 2em;
	min-height: 40px; */
    height: 8rem;
	flex-basis: 50%;
	align-items: center;
	justify-content: center;
	/* border: solid 1px #c2c2c2; */
    border: none;
}
#extra #display .item2 {
	background: #e0e0e0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-right: none;
}
#extra #display .item3 {
	background: #fff;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#extra #display .item2 a {
    border-right: none;
    background-color: #00539A;
    border-radius: 1rem 0 0 1rem;
}
#extra #display .item3 a {
    border-left: none;
    color: #00539A;
    border-radius: 0 1rem 1rem 0;
}

/* メイン */
#main #lead > h1 {
    font-size: 3.6rem;
    line-height: 5.4rem;
    font-weight: bold;
    color: #333;
    padding: .5rem 0 0 4rem;
}
#main #lead > * {
	display: block;
	margin: 0 auto;
    max-width: 100%;
}
#main #lead > .localNavi {
    font-size: 2.1rem;
}
#main #lead > ul.localNavi > li:empty {
    display: none;
}
#main .breadcrumbs {
    display: flex;
    margin-left: 2.2rem;
    padding-top: 1.9rem;
    margin-bottom: 2.3rem;
    flex-wrap: wrap;
	float: left;
}
#main .breadcrumbs + * {
	float: right;
}
#main .breadcrumbs ~ #lead {
	clear: both;
	float: none;
}
#main .breadcrumbs li {
    margin-right: 0;
    padding-right: 0;
    font-size: 1.8rem;
    line-height: 2.7rem;
    color: #333;
    font-weight: 400;
    background-image: none;
}
#main .breadcrumbs li:not(:last-child) {
    margin-right: 1.5rem;
    padding-right: 3rem;
	background: url(../images/arrow_breadcrumbs.gif) 100% 50% no-repeat;
    background-size: 1.2rem 1.7rem;
}
#main .breadcrumbs li:only-child {
    display: none;
}
#main .breadcrumbs li.breadcrumbsVolumeName {
	display: none;
}
#main .breadcrumbs li a {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.7rem;
    color: #333;
}

#main .catalog {
    background-color: #EEEEEE;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    /* padding: 1rem 1.5rem; */
    margin-bottom: 6.4rem !important;
    font-weight: bold;
    color: #333;
    padding: 2.4rem 4.1rem !important;
}

#main .catalog h2 {
    font-size: 3.2rem;
    line-height: 4.8rem;
    font-weight: bold;
    margin-bottom: 0;
	border-bottom: none;
}

#main .catalog #form\/catalog {
	display: inline-flex;
	/* padding-bottom: 5px; */
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	vertical-align: middle;
	box-sizing: border-box;
}

#main .catalog #form\/catalog.catalogOption {
    display: flex;
    align-items: center;
}

/* #main .catalog .catalogOption span {
    font-size: 2.4rem;
    line-height: 3.6rem;
} */

#main .catalog #form\/catalog.catalogOption a {
    width: 9.2rem;
    height: 4.8rem;
    color: #fff;
    background-color:#00539A;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .5rem;
    font-size: 2.4rem;
    line-height: 3.6rem;
    margin-left: 1.6rem;
    text-decoration: none;
    font-weight: bold;
}

#main .catalog #form\/catalog.catalogOption > * {
	display: inline-block;
	text-align: left;
    font-size: 2.4rem;
    line-height: 3.6rem;
}
/* #main .catalog #form\/catalog.catalogOption > *:not(:last-child) {
	margin-right: 1em;
} */

.nav {
	display: flex;
	max-width: 100%;
	min-height: 33px;
	background: #eee;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;

	font-weight: bold;
	line-height: 1em;
	margin-bottom: 5px;
	padding: 0 11px;
	box-sizing: border-box;
}
.nav p {
	margin: 0px;
}
.nav p.item1,
.nav p.item2 {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	flex: 0 1 auto;
	margin-left: 0;
	margin-right: 0;
	/* margin-right: 3vw; */
}
.nav p.item1 {
	margin-left: 0;
	margin-right: auto;
}
.nav p.item2 {
	margin-left: auto;
	margin-right: 0;
}
.nav p.item1::before {
	content: " ";
    display: inline-flex;
    align-items: center;
    width: 2em;
    height: 2em;
    vertical-align: middle;
    flex: 0 0 auto;
	background: url("../images/home.png") no-repeat 50% 50%;
	background-size: 60%;
}
.nav p.item2::before {
	content: " ";
	display: inline-flex;
	width: 8px;
	height: 8px;
	box-sizing: border-box;
	border-top: none;
	border-left: solid 2px #666;
	border-right: none;
	border-bottom: solid 2px #666;
	position: relative;
	right: -1px;
	transform: rotate(45deg);
	align-items: center;
	vertical-align: middle;
}
.nav a {
    display: inline-block;
	color: #1862ab;
	padding-top: 1px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    flex: 0 1 auto;
    /* color: #006699; */
    vertical-align: baseline;
    /* line-height: 120%; */
}
.nav a:visited {
	color: #1862ab;
}

/* ローカルナビ */
.localNavi {
	margin: 15px 0;
	padding: 5px 10px;
	background: #e9e9e9;
}
.localNavi li {
	/* inline-block */
	padding: 0 10px 0 7px;
	background: url(../images/line_localnavi_separator.gif) 100% 50% no-repeat;
}
.localNavi li a {
	font-weight: bold;
}
.localNavi li a:link,
.localNavi li a:visited {
	color: #333;
	text-decoration: none;
}
.localNavi li a:hover,
.localNavi li a:focus-within,
.localNavi li a:active {
	color: #666;
	text-decoration: underline;
}

#main .viewBlock {
	padding: 0 10px;
	margin: 0;
	box-sizing: border-box;
	background: none;
}
#main .viewBlock > ul {
	display: flex;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	flex-flow: row wrap;
    margin-right: 0;
	margin-bottom: 10px;
    /* padding-top: 5px;
    padding-bottom: 5px; */
}
#main .viewBlock > ul > li.article {
	display: block;
	/* width: 25%; */
	width: 100%;
	/* padding: 0 10px 0 0; */
	padding: 0;
	/* margin: 0 0 20px 0; */
	margin: 0 0 10px 0;
	background: none;
	box-sizing: border-box;
	position: relative;
	float: none;
}
#main .viewBlock > ul > li.article:before {
	content: "";
	display: none;
	width: auto;
	margin: 0;
	padding-bottom: 15px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	right: 10px;
	bottom: 0;
	z-index: 0;
	background-image: none;
	background-size: auto;
	background-color: inherit;
	background-position: unset;
	background-repeat: unset;
}
#main .viewBlock > ul > li.article .wrapper {
	display: flex;
	height: auto !important;
	/* padding-top: 10px; */
	/* margin-bottom: 15px; */
	margin-bottom: 0;
	box-sizing: border-box;
	/* position: relative; */
	position: static;
	overflow: visible;
	z-index: 0;
	background-image: none;
	background-size: auto;
	flex-flow: column nowrap;
}
#main .viewBlock > ul > li.article .wrapper > :first-child {
	/* padding-top: 10px; */
	/* margin-top: -10px; */
	box-sizing: border-box;
	background: none;
}
#main .viewBlock > ul > li.article .wrapper > :not(:empty):not(:last-child) {
	margin-bottom: 10px;
}
#main .viewBlock > ul > li.article .name {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	font-size: 0.9rem;
	padding: 0;
	background-image: none;
	background-size: auto;
}
#main .viewBlock > ul > li.article .name a {
	text-decoration: none;
	display: block;
	min-height: 1em;
	font-size: 1em;
	line-height: 1em;
}
#main .viewBlock > ul > li.article .inner {
    display: grid !important;
    width: 100%;
	/* padding: 0 10px; */
	padding: 0;
	/* margin-bottom: 24px; */
	box-sizing: border-box;
	position: relative;
	overflow: visible;
	flex-flow: row wrap;
	justify-content: start;
	align-content: stretch;
	align-items: stretch;
    grid-template-columns: .3fr .7fr;
    grid-template-rows: auto 1fr;
}
#main .viewBlock > ul > li.article .inner > .image {
    display: table-cell;
	width: 100%;
	/* padding: 10px; */
	padding: 0;
	vertical-align: top;
	text-align: center;
	justify-self: start;
	float: none;
	position: static;
	box-sizing: border-box;
	position: relative;
	overflow: visible;
	margin-top: -10px;
	grid-column: 1/2;
	grid-row: 1/3;
}
#main .viewBlock > ul > li.article .inner > .image a {
	width: 100%;
}
#main .viewBlock > ul > li.article .inner > .image img {
    /* width: 90%; */
	max-width: 100%;
    border: 1px solid #C0C0C0;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
}
#main .viewBlock > ul > li.article .inner > .image .function {
	position: absolute;
	left: 0;
}
#main .viewBlock > ul > li.article .inner > .description {
	display: flex;
	width: auto;
	height: 100%;
	/* max-width: 50%; */
	/* max-height: 50%; */
	margin-left: 0;
	padding-right: 10px;
	/* position: absolute; */
	position: static;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    box-sizing: border-box;
	overflow: visible;
	text-overflow: ellipsis;
	/* font-size: 7.25pt; */
	font-size: .75em;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	flex-flow: column wrap;
	margin-right: auto;
	flex: 1 0 auto;
	grid-column: 2/3;
	grid-row: 1/2;
	/* margin-left: 1.38%; */
}
#main .viewBlock > ul > li.article .inner > .description > * > * {
	width: auto !important;
    /* margin-bottom: 5px; */
    font-size: 2.4rem;
    line-height: 3.6rem;
    margin-bottom: 2rem !important;
}
#main .viewBlock > ul > li.article .inner > .description ul.spec {
    margin-bottom: 0;
    font-weight: normal;
    line-height: 1.5;
	color: #333;
}
#main .viewBlock > ul > li.article .inner > .description > .function {
	display: flex;
	width: auto;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
	position: absolute;
	top: auto;
	left: auto;
	right: auto;
	bottom: 0;
	margin-left: 1px;
    margin-bottom: 0;
}
#main .viewBlock > ul > li.article .inner > .description > .function .btn {
    display: flex;
    width: 20.5rem !important;
    height: 5.4rem !important;
    padding: 0 !important;
    font-size: 2rem !important;
    line-height: 2.9rem !important;
    color: #00539A;
    border: solid .1rem #00539A;
    background-color: #fff;
    background-image: none;
    border-radius: 2.7rem;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: bold;
    text-indent: 0;
    box-sizing: border-box;
    margin-top: 2.4rem;
    margin-right: 0;
    margin-bottom: 1.2rem !important;
}
/* #main .viewBlock > ul > li.article .inner > .description > .function .btn:nth-child(1) {
    color: #fff;
    background-color: #00539A  !important;
} */
#main .viewBlock > ul > li.article .inner > .description > .function .btn:not(:last-child) {
    margin-right: 2.3rem;
}
#main .viewBlock > ul > li.article .inner > .operation {
	height: auto;
	/* max-width: 50%; */
	max-height: 100%;
	/* font-size: 7.25pt; */
    /* font-size: .75em; */
	flex: 0 0 100%;
	pointer-events: none;
	grid-column: 2/3;
	grid-row: 2/3;
	/* margin-left: 1.38%; */
    padding-bottom: 2.4rem;
    margin-bottom: 66px;
}
#main .viewBlock > ul > li.article .inner > .operation .function {
	display: flex;
	width: 100%;
	height: 100%;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
	position: relative;
	margin-bottom: 0;
}
/* #main .viewBlock > ul > li.article .inner > .operation .function > :first-child {
	margin-top: auto;
} */
#main .viewBlock > ul > li.article .inner > .operation .function > * {
	pointer-events: auto;
}
#main .viewBlock > ul > li.article .inner > .operation label {
	display: inline-flex;
	width: 100%;
	max-width: 100%;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-flow: row nowrap;
	cursor: pointer;
}
#main .viewBlock > ul > li.article .inner > .operation label > [type="checkbox"] {
	height: 1em;
	position: relative;
	cursor: inherit;
}
#main .viewBlock > ul > li.article .inner > .operation label > [type="checkbox"] ~ * {
	display: inline-block;
	max-width: 100%;
	/* margin-left: -1.3em; */
	/* text-indent: 1.3em; */
	line-height: normal;
	vertical-align: baseline;
	user-select: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#main .viewBlock > ul > li.article .inner > .operation .cb_container {
    display: block;
    position: relative;
    padding-left: 3.8rem;
    margin-bottom: .8rem;
    cursor: pointer;
    font-size: 2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#main .viewBlock > ul > li.article .inner > .operation .cb_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
#main .viewBlock > ul > li.article .inner > .operation .cb_container .checkmark {
    position: absolute;
    top: 0;
    left: -.2rem;
    height: 2.4rem;
    width: 2.4rem;
    background-color: #fff;
    border: solid .1rem #AEAEAE;
    border-radius: .5rem;
}
#main .viewBlock > ul > li.article .inner > .operation .cb_container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: .8rem;
    top: .2rem;
    width: .6rem;
    height: 1.4rem;
    border: solid white;
    border-width: 0 .2rem .2rem 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#main .viewBlock > ul > li.article .inner > .operation .cb_container input:checked ~ .checkmark:after {
    display: block;
}
#main .viewBlock > ul > li.article .inner > .operation .cb_container:hover input ~ .checkmark {
    background-color: #ccc;
}
#main .viewBlock > ul > li.article .inner > .operation .cb_container input:checked ~ .checkmark {
    background-color: #00539A;
    border-color: #00539A;
}

/* #main .viewBlock.half li.article div.description a.errorCatalog */
#main .viewBlock > ul > li.article .inner > .operation a {
	display: block;
	max-width: 100%;
	/* text-indent: 2px; */
	white-space: nowrap;
	/* overflow: hidden;
	text-overflow: ellipsis; */
    font-size: 2rem;
    line-height: 3rem;
    color: #00539A;
    text-decoration: underline;
    text-underline-offset: .2rem;
    position: relative;
    font-weight: bold;
}
/* #main .viewBlock.half li.article div.description a.errorCatalog::after { */
#main .viewBlock > ul > li.article .inner > .operation a[target="_blank"]::after {
    content: "";
    background: url("../images/icon/icon_blank.svg") no-repeat;
    width: 1.8rem;
    height: 1.8rem;
    background-size: 1.8rem;
    display: block;
    position: absolute;
    right: -3.1rem;
    top: 50%;
    transform: translateY(-50%);
}

#main .viewBlock.full > ul > li.article {
	width: 660px;
	padding: 0 0 15px;
	box-sizing: content-box;
	background-image: url(../images/bg_article_full.gif);
	background-color: #fff;
	background-position: 0 100%;
	background-repeat: no-repeat;
	float: none;
}
#main .viewBlock.full > ul > li.article:before {
	display: none;
}
#main .viewBlock.full > ul > li.article .wrapper {
	position: static;
	overflow: hidden;
	margin: 0;
	padding: 0;
	z-index: auto;
	background-image: url(../images/bg_article_full_body.gif);
	background-size: auto;
	box-sizing: content-box;
}
#main .viewBlock.full > ul > li.article .name {
	background-image: url(../images/bg_article_full.gif);
	background-size: auto;
}
#main .viewBlock.full.hasLargerImage > ul > li.article .name {
	padding: 20px 20px 0 20px;
	margin: 0;
	font-size: 123.1%;
}
#main .viewBlock.full.hasLargerImage > ul > li.article .inner {
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 10px 20px 0;
}

#main .pager li a:hover,
#main .pager li a:focus-within {
	background: #66A1FF;
}

/* メイン:カタログ一覧画面 */
#main > .defaultSetting .breadcrumbs:has(.breadcrumbsVolumeName) ~ #lead > h1 {
	display: none;
}
#main > .defaultSetting #lead > * {
	flex: 1 1 auto;
}
#main > .defaultSetting #lead > h1 {
	display: inline !important;
	flex: 0 0 0;
	font-size: 0;
	line-height: 18px;
	overflow: hidden;
	text-overflow: clip;
	text-indent: 100%;
	opacity: 0;
	color: transparent;
	position: absolute;
}

/* メイン:カタログ詳細画面 */
#main > .catalogDetail #lead > h1 {
	display: block;
	font-size: 14px;
    font-size: 3.6rem;
    line-height: 5.4rem;
    font-weight: bold;
    color: #333;
    padding: .5rem 0 0 4rem;
    margin-bottom: 6.2rem;
}
#main > .catalogDetail #overview {
    margin-bottom: 8.2rem;
}
#main > .catalogDetail #overview > h2 {
    color: #333333;
    position: relative;
    font-size: 3.6rem;
    line-height: 5.4rem;
    font-weight: bold;
    margin: 0 2rem;
    border-bottom: solid .4rem #00539A;
    padding-left: 2.1rem;
    padding-bottom: 1rem;
    border-width: .2rem;
	margin-top: 7.9rem;
    margin-bottom: 4.7rem;
}
#main > .catalogDetail #overview > h2 > * {
	padding: 0;
	border-bottom: none;
	vertical-align: baseline;
}
#main > .catalogDetail .atte {
	color: #F15A24;
	font-size: 12px;
	margin-bottom: 10px;
}

/* 詳細ページ 目次 catalogDetail */
#main > .catalogDetail .detail {
	display: flex;
	width: auto;
	/* display: table;
	table-layout: fixed; */
	flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
	/* margin-bottom: 10.4rem; */
	position: relative;
    padding: 0 2rem;
    flex-direction: column;
}
#main > .catalogDetail .detail .image {
	display: table-cell;
	width: 100%;
	padding: 0;
	vertical-align: top;
	text-align: center;
	justify-self: start;
	float: none;
	position: static;
	order: 1;
	box-sizing: border-box;
    margin-bottom: 3.9rem;
}
#main > .catalogDetail .detail .image img {
    width: 43.2rem;
	border: 1px solid #C0C0C0;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	box-sizing: border-box;
    margin-bottom: 3.1rem;
}
#main > .catalogDetail .detail .image .function {
	width: auto;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: 0;
    padding: 0 2rem;
}
#main > .catalogDetail .detail .image .function .btn {
	position: relative;
	z-index: 1;
}
#main > .catalogDetail .detail .image .function .catalogview_middle_text.btn {
	display: flex;
	width: 100%;
	height: 100%;
	padding: 10px;
    font-size: 2.4rem;
    line-height: 3.6rem;
	text-indent: 0;
	/* margin-bottom: 10px; */
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	box-sizing: border-box;
	flex-flow: row nowrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	background: none;
	color: #fff;
	background-color: #1862ab;
    margin-bottom: 0 !important;
}
#main > .catalogDetail .detail .image .function .catalogview_middle_text.btn:before {
	font-family: 'FontAwesome';
	content: "\f02d";
	display: inline-block;
	min-height: 1rem;
	font-weight: normal;
	margin-right: 0.5em;
}
#main > .catalogDetail .detail .description {
	display: flex;
    min-width: auto;
    width: 100%;
	vertical-align: top;
    padding: 2rem;
	margin-bottom: 0;
    box-sizing: border-box;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	float: right;
	order: 4;
}
#main > .catalogDetail .detail .description p,
#main > .catalogDetail .detail .description div {
	margin: 0;
}
#main > .catalogDetail .detail .description > * {
	margin-bottom: 0 !important;
}
#main > .catalogDetail .detail .description > * > :not(:empty) {
	margin-bottom: 15px !important;
}
#main > .catalogDetail .detail .description > * > table {
	width: auto;
	min-width: 100%;
	table-layout: fixed;
	box-sizing: border-box;
	position: relative;
	top: 15px;
}
#main > .catalogDetail .detail .description > * > table th,
#main > .catalogDetail .detail .description > * > table td {
	box-sizing: border-box;
}
#main > .catalogDetail .detail .description > * > ul > li {
	width: auto;
	margin-right: 0;
	float: none;
	box-sizing: border-box;
}
#main > .catalogDetail .detail .description > .comment {
	order: 2;
	font-size: inherit;
	margin-bottom: 10px;
}
#main > .catalogDetail .detail .description > .comment > p {
	padding-left: .5rem;
}
#main > .catalogDetail .detail .description > .spec {
	order: 3;
	margin-top: -15px;
	margin-bottom: 15px !important;
	white-space: nowrap;
	overflow: auto;
	text-overflow: ellipsis;
}
#main > .catalogDetail .detail .description > .function {
	order: 1;
	overflow: auto;
    margin-bottom: 15px !important;
}
#main > .catalogDetail .detail .description > .function > * {
	margin-bottom: 0 !important;
}
#main > .catalogDetail .detail .description > .function > ul:before {
	content: ".";
	display: flex;
	width: 100%;
	height: 100%;
	padding: 10px;
	line-height: 1.18rem;
	/* margin-bottom: 10px; */
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	box-sizing: border-box;
	flex-flow: row nowrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	visibility: hidden;
	opacity: 0;
	margin-bottom: 10px;
	font-size: 0;
	color: transparent;
	pointer-events: none;
	white-space: nowrap;
	text-indent: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}
#main > .catalogDetail .detail .description .function .downloadCatalog.btn {
	display: flex;
    width: 3.6rem;
	height: 100%;
	padding: 0;
	font-size: inherit;
	line-height: 1.18rem;
	text-indent: 0px;
	/* margin-bottom: 10px; */
	-webkit-box-shadow: none;
	box-shadow: none;
	box-sizing: border-box;
	flex-flow: row nowrap;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
	background: #EEEEEE !important;
}
#main > .catalogDetail .detail .description .function .downloadCatalog.btn:before {
	content: "";
	display: inline-block;
	min-height: 1rem;
}
/* #main > .catalogDetail .detail .description .function .pdfCatalogFileSize {
	display: none;
} */
#main > .catalogDetail .detail .description .function .downloadCatalog,
#main > .catalogDetail .detail .description .function .downloadHistory,
#main > .catalogDetail .detail .description .function .downloadCad {
	font-size: 10px;
	color: #666;
	padding: 10px;
	background: #EEEEEE;
	/* margin-bottom: 10px; */
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	position: relative;
	box-sizing: border-box;
}
#main > .catalogDetail .detail .description > .function > fieldset {
	/* border: 1px solid cyan;
	margin-bottom: 1em !important;
	background-color: #F7F5F5;
	font-size: .75em; */
    border: solid .2rem #CFCFCF;
    padding: 1.8rem 2rem .3rem;
}
#main > .catalogDetail .detail .description > .function > fieldset > legend {
    display: flex;
	width: 100%;
    align-items: center;
    margin-bottom: 1.9rem;
    font-size: 3.2rem;
    line-height: 4.8rem;
    color: #00539A;
    font-weight: bold;
	display: flex;
	box-sizing: border-box;
	float: left;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-flow: row nowrap;
}
#main > .catalogDetail .detail .description > .function > fieldset > legend > * {
    display: flex;
    align-items: center;
}
#main > .catalogDetail .detail .description > .function > fieldset > legend > * > i {
    margin-right: 1.4rem;
}
#main > .catalogDetail .detail .description > .function > fieldset > legend > * > i img {
    width: 7.9rem;
}
#main > .catalogDetail .detail .description > .function > fieldset > legend > * > i ~ * {
	flex: 1 1 auto;
}
#main > .catalogDetail .detail .description > .function > fieldset > legend + * {
	clear: both;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel > ul > li {
	display: block;
	width: auto;
	margin-right: 0;
    margin-bottom: 1.1rem;
	float: none;
	box-sizing: border-box;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel > ul > li > * {
	display: flex;
	min-height: 2rem;
	flex-flow: row wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel > ul > li a {
	cursor: pointer;
	user-select: none;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel > ul > li [tabindex]:not([tabindex="-1"]) {
	padding: 0;
	box-shadow: none;
	font-size: inherit;
	cursor: pointer;
	user-select: none;
	outline: none;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel > ul > li [tabindex]:not([tabindex="-1"]) a {
	pointer-events: none;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel > ul > li [tabindex]:not([tabindex="-1"]):hover a,
#main > .catalogDetail .detail .description > .function > fieldset .panel > ul > li [tabindex]:not([tabindex="-1"]):focus-visible a,
#main > .catalogDetail .detail .description > .function > fieldset .panel > ul > li [tabindex]:not([tabindex="-1"]):active a {
	color: #6f7ed9;
	cursor: pointer;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel > ul > li ul {
	display: inline-flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-content: stretch;
	align-items: stretch;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel > ul > li ul > li {
	display: inline-flex;
	width: auto;
	min-width: 3em;
	margin-right: 0;
	float: none;
	flex-flow: row nowrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	box-sizing: border-box;
	flex: 0 0 auto;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel > ul > li ul > li:not(:first-child):not(:last-child) {
	width: auto;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel > ul > li ul > li input {
	width: 100%;
	height: 100%;
	min-height: auto;
	padding: 0;
	box-sizing: border-box;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel {
	box-sizing: border-box;
	white-space: nowrap;
    margin-bottom: 1.1rem;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel .function {
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-weight: bold;
	margin: 0;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel .function > * {
    height: auto;
	line-height: 1.2em;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel .function > *:not(:last-child) {
    margin-right: 1.6rem;
    margin-bottom: 10px;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel .function > p {
	display: flex;
	width: auto;
	float: none;
	flex-flow: row nowrap;
	justify-content: stretch;
	align-content: center;
	align-items: center;
	box-sizing: border-box;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel .downloadAllPage .function .downloadCatalog.btn {
	background: none !important;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel .downloadAllPage .function .downloadCatalog.btn img {
    width: 3.6rem;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel .downloadOptionPage > .function p {
	width: 100%;
    margin-right: 0;
    margin-bottom: 2.5rem;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel .downloadOptionPage > .function .optionForm {
    width: 100%;
    text-align: center;
    margin-left: 9.3rem;
    display: flex;
    align-items: center;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel .downloadOptionPage > .function .optionForm input {
    width: 10.4rem;
    height: 6.4rem;
    font-size: 16px;
    min-height: auto;
    padding: 0;
    box-sizing: border-box;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel .downloadOptionPage > .function .optionForm > ul > li:not(:first-child):not(:last-child) {
    padding-right: 0.5em;
    margin: 0 2.1rem;
    padding: 0;
    font-size: 3.1rem;
    font-weight: bold;
    min-width: auto;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel .downloadOptionPage > .function .optionForm ul + span {
    margin: 0 1.8rem 0 2.2rem;
    font-size: 2.4rem;
}
#main > .catalogDetail .detail .description > .function > fieldset .panel .downloadOptionPage > .function .optionForm ul ~ a img {
    width: 5rem;
    height: 50%;
    transform: rotate(90deg);
}
#main > .catalogDetail .detail .description .icons {
	position: relative;
	width: 105px;
	overflow: hidden;
}
#main > .catalogDetail .detail .description .icons .new {
	float: left;
}
#main > .catalogDetail .detail .description .icons .cad {
	float: right;
}
#main > .catalogDetail .detail .description .icons .img {
	position: absolute;
	top: 0;
	right: 32px;
}
#main > .catalogDetail .detail .description .links {
	margin-bottom: 10px;
}
#main > .catalogDetail .detail .description .links a {
	background: url("../images/arrow_boxed_colored.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
	padding-left: 15px;
	vertical-align: middle;
	font-weight: normal;
	text-decoration: underline;
	display: inline;
}
#main > .catalogDetail .detail .description .links li a {
	display: table;
	color: #2184BF;
}
#main > .catalogDetail .detail .description .links li span {
	display: table-cell;
	vertical-align: middle;
}
#main > .catalogDetail .detail .description .links li span img {
	margin-left: 10px;
	-webkit-box-shadow: 1px 1px solid rgba(0,0,0,0.4);
	box-shadow: 1px 1px solid rgba(0,0,0,0.4);
}
#main > .catalogDetail .detail .description .stock {
	margin-bottom: 15px;
}
#main > .catalogDetail .detail .description > fieldset {
	border: 1px solid cyan;
	margin-bottom: 1em;
    background-color: #F7F5F5;
}
#main > .catalogDetail .detail .description > fieldset > legend {
	display: flex;
	width: 100%;
	background-color: #97d1ff;
	line-height: 1.2em;
	padding: 7px 0.5em;
	box-sizing: border-box;
	font-weight: bold;
	float: left;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-flow: row nowrap;
	color: #565656;
}
#main > .catalogDetail .detail .description > fieldset > legend > i ~ * {
	flex: 1 1 auto;
}
#main > .catalogDetail .detail .description > fieldset > legend + * {
	clear: both;
}
#main > .catalogDetail .detail .description > fieldset .panel {
	padding: 0.5em 1em;
	box-sizing: border-box;
}
#main > .catalogDetail .detail .description > fieldset .panel .function {
	margin: 0;
}
#main > .catalogDetail .detail .description > fieldset .panel .function > p {
	display: flex;
	width: 100%;
	float: none;
	flex-flow: row nowrap;
	justify-content: stretch;
	align-content: center;
	align-items: center;
	box-sizing: border-box;
}
#main > .catalogDetail .detail .description > fieldset .panel .function > p > *:not(:last-child) {
	margin-right: .5em;
}
/* #main > .catalogDetail #download_1 {
	width: 100%;
	height: 100%;
} */
#main > .catalogDetail .detail .description > fieldset .panel > ul {
	margin-bottom: -0.5em;
}
#main > .catalogDetail .detail .description > fieldset .panel > ul > li {
	display: block;
	margin-bottom: .5em;
	box-sizing: border-box;
}
#main > .catalogDetail .detail .description > fieldset .panel > ul > li a {
	cursor: pointer;
	user-select: none;
}
#main > .catalogDetail .detail .description > fieldset .panel > ul > li [tabindex]:not([tabindex="-1"]) {
	cursor: pointer;
	user-select: none;
	outline: none;
}
#main > .catalogDetail .detail .description > fieldset .panel > ul > li [tabindex]:not([tabindex="-1"]) a {
	pointer-events: none;
}
#main > .catalogDetail .detail .description > fieldset .panel > ul > li [tabindex]:not([tabindex="-1"]):hover a,
#main > .catalogDetail .detail .description > fieldset .panel > ul > li [tabindex]:not([tabindex="-1"]):focus-visible a,
#main > .catalogDetail .detail .description > fieldset .panel > ul > li [tabindex]:not([tabindex="-1"]):active a {
	color: #6f7ed9;
	cursor: pointer;
}
#main > .catalogDetail .detail .description > fieldset .panel > ul > li ul {
	display: inline-flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-content: stretch;
	align-items: stretch;
}
#main > .catalogDetail .detail .description > fieldset .panel > ul > li ul > li {
	display: inline-flex;
	width: 3em;
	margin-right: 0;
	float: none;
	flex-flow: row nowrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	box-sizing: border-box;
	flex: 0 0 auto;
}
#main > .catalogDetail .detail .description > fieldset .panel > ul > li ul > li:not(:first-child):not(:last-child) {
	width: auto;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
#main > .catalogDetail .detail .description > fieldset .panel > ul > li ul > li input {
	width: 100%;
	height: 100%;
	padding: 0;
	box-sizing: border-box;
}
#main > .catalogDetail #index {
    margin-bottom: 1.5rem;
}
#main > .catalogDetail #index > h2 {
    color: #333333;
    position: relative;
    font-size: 3.6rem;
    line-height: 5.4rem;
    font-weight: bold;
    margin: 0 2rem;
    border-bottom: solid .4rem #00539A;
    padding-left: 2.1rem;
    padding-bottom: 1rem;
    border-width: .2rem;
	margin-top: 7.9rem;
    margin-bottom: 1.5rem;
}
#main > .catalogDetail #index > h2 > * {
	padding: 0;
	border-bottom: none;
	vertical-align: baseline;
	padding: 0;
	margin: 0;
    border: none;
}
#main > .catalogDetail #index .catalogIndex {
	/* border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-ms-border-radius: 0 0 3px 3px;
	-o-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
    padding: 0 4rem;
}
#main > .catalogDetail #index .catalogIndex .lead {
    padding: 0;
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 6.5rem;
}
#main > .catalogDetail #index .catalogIndex .categoryNode {
	float: none;
	background: #FFF !important;
}
#main > .catalogDetail #index .catalogIndex .catalogIndexContents {
	line-height: 1.55;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
}
#main > .catalogDetail #index .catalogIndex .function {
	width: auto;
	padding: 0;
	border: none;
	float: none;
}
#main > .catalogDetail #index .catalogIndex .function .buttons {
    display: flex;
	/* background: #EEEEEE; */
	margin: 0;
	overflow: hidden;
	padding: 0;
	font-size: inherit;
	min-height: 2.3rem;
	box-sizing: border-box;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-content: center;
	align-items: center;
}
#main > .catalogDetail #index .catalogIndex .function .btn {
	display: inline-flex;
	width: auto;
	height: auto;
	float: none;
	background: none;
	text-align: left;
	font-weight: bold;
	/* font-size: 0.7em; */
	/* line-height: 3em; */
	cursor: pointer;
	vertical-align: middle;
	padding: 0 !important;
	margin: 0 !important;
	border: none;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	flex-flow: row wrap;
    justify-content: space-between;
	align-content: center;
	align-items: center;
	flex: 0 1 auto;
	color: #666;
	text-indent: 0;
}
#main > .catalogDetail #index .catalogIndex .function .btn:not(:last-of-type) {
	margin-right: 30px;
}
#main > .catalogDetail #index .catalogIndex .function .btn a {
    color: #00539A;
    font-size: 2.8rem;
    line-height: 4.3rem;
    text-decoration: none;
}
#main > .catalogDetail #index .catalogIndex .function .btn a > i {
    margin-right: 1.2rem;
    vertical-align: bottom;
    display: inline-block;
}
#main > .catalogDetail #index .catalogIndex .function .btn a > i > img {
    width: 4.7rem;
}
#main > .catalogDetail #index .catalogIndex .function .mybinder_mini_text.btn {
	display: none;
}
#main > .catalogDetail #index .catalogIndex .function .download_pdf_mini_text.btn {
	/* background: url(../images/icon_detail_pdf.gif) left center no-repeat !important;
	background-size: auto 15px !important;
	padding-left: 18px; */
}
#main > .catalogDetail #index .catalogIndex .function .catalogview_mini_text.btn {
	/* background: url(../images/icon_detail_book.gif) left center no-repeat !important;
	background-size: auto 13px !important;
	padding-left: 18px; */
}
#main > .catalogDetail #index .catalogIndex .function .mybinder_mini_text.btn:focus-within,
#main > .catalogDetail #index .catalogIndex .function .download_pdf_mini_text.btn:focus-within,
#main > .catalogDetail #index .catalogIndex .function .catalogview_mini_text.btn:focus-within {
	background-position: 0 -14px !important;
}
#main > .catalogDetail #index .catalogIndex .function .mybinder_mini_text.btn.done:focus-within {
	background-position: 0 -28px !important;
}
#main > .catalogDetail #index .catalogIndex ul.level_1 {
	margin-bottom: 0;
	background: none;
	width: auto;
}
#main > .catalogDetail #index .catalogIndex ul.level_1 > li {
    border-top: solid .2rem #CFCFCF;
    padding: 1.4rem 0;
    margin-bottom: 1rem;
}
#main > .catalogDetail #index .catalogIndex ul.level_1 .title {
	float: none;
	width: auto;
	padding: 5px 10px;
	/* border-top: 1px solid #E0E0E0; */
	/* border-bottom: 1px solid #E0E0E0; */
	border: none;
    font-size: 2.8rem;
	font-weight: normal;
    line-height: 4.2rem;
    margin-top: 5px;
	margin-left: 0;
	margin-right: 0;
    margin-bottom: 1rem;
    padding: 0;
}
#main > .catalogDetail #index .catalogIndex ul.level_1 .title a {
    color: inherit;
}
/* #main > .catalogDetail #index .catalogIndex ul.level_1 .title,
#main > .catalogDetail #index .catalogIndex ul.level_1 .function {
	border-top: 1px solid #E0E0E0;
	border-bottom-width: 0px;
} */
#main > .catalogDetail #index .catalogIndex ul.level_1 ul.level_2 {
	margin-top: 0;
	margin-bottom: 0;
	background: none;
	width: auto;
	float: none;
}
#main > .catalogDetail #index .catalogIndex ul.level_2 .title > a {
    font-weight: normal;
}
#main > .catalogDetail #index .catalogIndex ul.level_2 .title,
#main > .catalogDetail #index .catalogIndex ul.level_2 .function {
    font-weight: normal;
}


/* ----------------------------------------------------------------

----------------------------------------------------------------- */

/* #main > .catalogDetail li {
	margin: 5px 0px;
} */



#main > .catalogDetail .mainSpec {
	/* display: none; */
	font-size: 10px;
}
#main > .catalogDetail .mainSpec h2 {
	display: none;
}

/*
.catalogDetail .function .btn_url {
	color: #1862ab;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #1862ab;
	margin-bottom: 10px;
	font-size: 12px;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

.catalogDetail .function .btn_url:before {
	font-family: 'FontAwesome';
	content: "\f0c1";
	font-weight: normal;
	margin-right: 0.5em;
}
.catalogDetail .function .btn_pdf {
	font-size: 10px;
	color: #666;
	padding: 10px;
	background: #EEEEEE;
	margin-bottom: 10px;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	position: relative;
	margin-bottom: 10px;
}
.catalogDetail .function .btn_pdf:after {
	content: "";
	display: block;
	position: absolute;
	height: 0;
	width: 0;
	border: 4px solid transparent;
	border-left-color: #666;
	top: 0;
	left: 15px;
	bottom: 0;
	margin: auto 0;
} */
#main > .catalogSearchCategoryList .section h2 {
	text-align: left;
    color: #333333;
    font-size: 3.6rem;
    line-height: 5.4rem;
    font-weight: bold;
	background-color: transparent;
    border-bottom: solid .4rem #00539A;
	/* border-radius: 0.2em 0.2em 0 0;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4); */
    padding-left: 2.1rem;
    padding-bottom: 1rem;
	margin-top: 0;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 4rem;
	position: relative;
	/* cursor: pointer; */
}
#main > .catalogSearchCategoryList .section:not(:first-child) h2 {
    margin-top: 7.9rem;
}
#main > .catalogSearchCategoryList .section h2:after {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 3px;
	margin: auto 0;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	transform: rotate(-45deg);
}
#main > .catalogSearchCategoryList .section h2.open:after {
    transform: rotate(135deg);
}
#main > .catalogSearchCategoryList .section h2 > * {
	padding: 0;
	border-bottom: none;
	text-align: left;
}
#main > .catalogSearchCategoryList .section h2:not(:first-child) {
    margin-top: 7.9rem;
}

#main > .catalogSearchCategoryList .section .viewBlock {
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-ms-border-radius: 0 0 3px 3px;
	-o-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	/* background: none; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	/* padding: 0 10px; */
	margin-bottom: 0;
}

#main > .catalogSearchCategoryList .section .viewBlock {
    background-color:#EEEEEE ;
    padding: 2rem;
    padding-bottom: .5rem;
}
#main > .catalogSearchCategoryList .section .viewBlock > ul {
	margin-bottom: 0;
}
#main > .catalogSearchCategoryList .section .viewBlock > ul > li.article {
	display: table;
	table-layout: fixed;
    margin-bottom: 2rem;
}
#main > .catalogSearchCategoryList .section .viewBlock > ul > li.article .image {
    width: 21.6rem !important;
    padding: 0;
    margin-right: 2.4rem !important;
	overflow: visible !important;
}
#main > .catalogSearchCategoryList .section .viewBlock > ul > li.article .image img {
    width: 100%;
}
#main > .catalogSearchCategoryList .section .viewBlock > ul > li.article .inner > .image {
	/* padding: 10px 0 0 0;
	margin: -10px 0 0 0; */
	flex: 1 0 auto;
	overflow: hidden;
	float: none;
    margin: 0;
}
#main > .catalogSearchCategoryList .section .viewBlock .function {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
	margin-bottom: 5px;
}
#main > .catalogSearchCategoryList .section .viewBlock .function .btn {
	display: block;
    width: 6em;
	height: auto;
	font-size: inherit;
	margin-top: 0;
    margin-right: 1em;
}
#main > .catalogSearchCategoryList .section .viewBlock .function .btn > img {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}
#main > .catalogSearchCategoryList .section .viewBlock .function .catalogview_mini_text.btn {
	text-indent: 0;
    flex: 0 1 auto;
    color: #fff !important;
    background-color: #00539A !important;
	/* background: url(../images/icon_detail_book.gif) left center no-repeat !important;
	background-size: auto 13px !important;
	padding-left: 18px; */
}
#main > .catalogSearchCategoryList .section .viewBlock .function .index_mini_text.btn {
	text-indent: 0;
    flex: 0 1 auto;
}
#main > .catalogSearchCategoryList .section .viewBlock.half > ul > li.article {
    background-color: #fff;
    padding: 2rem 1.4rem .6rem 2rem;
    box-sizing: border-box;
}
#main > .catalogSearchCategoryList .section .viewBlock.half > ul > li.article .newTag {
    margin-bottom: 1.4rem;
}
#main > .catalogSearchCategoryList .section .viewBlock.half > ul > li.article .newTag img{
    width: 10.6rem;
}
#main > .catalogSearchCategoryList .section .viewBlock.half > ul > li.article div.inner {
    display: flex;
    padding: 0;
}
#main > .catalogSearchCategoryList .section .viewBlock.half > ul > li.article div.inner .description {
    width: 43.6rem;
    padding: 0;
    color: #333;
}
#main > .catalogSearchCategoryList .section .viewBlock.half > ul > li.article div.inner .description h3 {
    font-size: 2.8rem;
    line-height: 4.2rem;
    font-weight: bold;
    margin-bottom: 1.7rem;
}
#main > .catalogSearchCategoryList .section .viewBlock.half > ul > li.article div.inner .description h3 > * {
	width: auto !important;
	margin: 0 !important;
    color: inherit;
}
#main > .catalogSearchCategoryList .section .viewBlock.half > ul > li.article div.inner .description > p {
    font-size: 2.4rem;
    line-height: 3.6rem;
    margin-bottom: 2rem !important;
	padding: 0 !important;
    background-image: none !important;
    background-color: transparent !important;
}

/* カタログページ検索 */
#main > .catalogPageGroupSearchResult #lead {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 6rem;
}
#main > .catalogPageGroupSearchResult #lead h1 {
    display: block;
    padding: 1.5rem 0 0 4.1rem;
    font-size: 3.6rem;
    line-height: 5.4rem;
    font-weight: bold;
    color: #333;
}
#main > .catalogPageGroupSearchResult #searchResult.section {
	margin: 0;
}
#main > .catalogPageGroupSearchResult #searchResult.section .pager {
    display: flex;
    margin-top: 4.6rem;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    flex-flow: row wrap;
}
#main > .catalogPageGroupSearchResult #searchResult.section .pager p {
	background: none;
}

#main > .catalogPageGroupSearchResult #searchResult.section .pager p,
#main > .catalogPageGroupSearchResult #searchResult.section .pager li {
	/* {inline-block} */
	/* font-weight: bold; */
    display: inline-flex;
    border: solid .2rem #00539A;
    padding: 0;
    /* width: 9.3rem;
    height: 9.3rem; */
	width: 4.65rem;
	height: 4.65rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    /* font-size: 3.2rem; */
	font-size: 1.6rem;
    color: #00539A;
    background-color: #fff;
    box-sizing: border-box;
    vertical-align: top;
	flex: 0 0 auto;
}
#main > .catalogPageGroupSearchResult #searchResult.section .pager p[hidden]:not([hidden="false"]),
#main > .catalogPageGroupSearchResult #searchResult.section .pager li[hidden]:not([hidden="false"]) {
	display: none !important;
}
#main > .catalogPageGroupSearchResult #searchResult.section .pager ol {
  /* {inline-block} */
}
#main > .catalogPageGroupSearchResult #searchResult.section .pager li:first-child:not(.omit):not(:has(a)):not(:has(.current)) {
    position: absolute;
    left: 0;
}
#main > .catalogPageGroupSearchResult #searchResult.section .pager li:last-child:not(.omit):not(:has(a)):not(:has(.current)) {
    position: absolute;
    right: 0;
}
/* #main > .catalogPageGroupSearchResult #searchResult.section .pager li span.current {
	border: solid 1px #999;
	color: #fff;
	background: #ccc;
} */
#main > .catalogPageGroupSearchResult #searchResult.section .pager li a:hover {
	/* padding-left: 5px;
	padding-right: 5px;
	border: solid 1px #999; */
	color: inherit;
	/* *background: #66A1FF; */
	background-color: transparent;
}
#main > .catalogPageGroupSearchResult #searchResult.section .pager p {
	padding: 0 12px;
	background-repeat: no-repeat;
	display: inline-flex;
	/* background-image: url(../images/arrow_pager_ena.gif); */
}
#main > .catalogPageGroupSearchResult #searchResult.section .pager p.disabled {
	/* background-image: url(../images/arrow_pager_dis.gif); */
}
/* #main > .catalogPageGroupSearchResult #searchResult.section .pager p.begin {
	padding-left: 20px;
}
#main > .catalogPageGroupSearchResult #searchResult.section .pager p.end {
	padding-right: 20px;
} */
#main > .catalogPageGroupSearchResult #searchResult.section .pager p.begin { background-position: 0 2px;}
#main > .catalogPageGroupSearchResult #searchResult.section .pager p.end   { background-position: 100% -18px;}
#main > .catalogPageGroupSearchResult #searchResult.section .pager p.prev  { background-position:  0 -38px;}
#main > .catalogPageGroupSearchResult #searchResult.section .pager p.next  { background-position: 100% -58px;}
#main > .catalogPageGroupSearchResult #searchResult.section .pager ol {
	/* display: inline-block; */
	display: inline-flex;
    /* width: 47.0rem; */
    max-width: 51.8rem;
    /* height: 9.3rem; */
    overflow: hidden;
    text-overflow: clip;
    /* margin: 0 0.6rem; */
	margin: 0;
	list-style-type: none;
    text-align: left;
	justify-content: center;
	align-content: center;
	align-items: center;
	position: relative;
}
#main > .catalogPageGroupSearchResult #searchResult.section .pager p,
#main > .catalogPageGroupSearchResult #searchResult.section .pager li {
    /* margin: 0 1.1rem; */
    margin: 0 0.55rem;
}
#main > .catalogPageGroupSearchResult #searchResult.section .pager p:hover,
#main > .catalogPageGroupSearchResult #searchResult.section .pager li:hover,
#main > .catalogPageGroupSearchResult #searchResult.section .pager p:has(.current),
#main > .catalogPageGroupSearchResult #searchResult.section .pager li:has(.current) {
    background-color: #00539A;
    color: #fff;
}
/* #main > .catalogPageGroupSearchResult #searchResult.section .pager li a:not(.current),
#main > .catalogPageGroupSearchResult #searchResult.section .pager li:has(a:not(.current)) {
	display: none;
} */
#main > .catalogPageGroupSearchResult #searchResult.section .pager p.begin,
#main > .catalogPageGroupSearchResult #searchResult.section .pager p.prev,
#main > .catalogPageGroupSearchResult #searchResult.section .pager p.next,
#main > .catalogPageGroupSearchResult #searchResult.section .pager p.end  {
    display: flex;
	flex-flow: row nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
	vertical-align: top;
	/* margin-top: 2px; */
	flex: 0 0 auto;
	padding: 0;
}
#main > .catalogPageGroupSearchResult #searchResult.section .pager p.begin {
	margin-left: 0;
}
#main > .catalogPageGroupSearchResult #searchResult.section .pager p.end {
	margin-right: 0;
}
/* #main > .catalogPageGroupSearchResult #searchResult.section .pager p.prev {
    margin-left: 1.7rem;
}
#main > .catalogPageGroupSearchResult #searchResult.section .pager p.next  {
    margin-right: 1.7rem;
} */
#main > .catalogPageGroupSearchResult #searchResult.section .pager li span.current {
	/* border: solid 1px #1862ab; */
	/* color: #1862ab; */
	/* background: #fff; */
	border: none;
	color: inherit;
	background: transparent;
}
#main > .catalogPageGroupSearchResult #searchResult.section .pager li span.current,
#main > .catalogPageGroupSearchResult #searchResult.section .pager li a {
    display: inline-flex;
    text-decoration: none;
    width: 100%;
    height: 100%;
    justify-content: center;
    cursor: pointer;
    /* font-size: 3.2rem; */
    color: inherit;
    background-color: transparent;
    box-sizing: border-box;
    justify-content: center;
    border: none;
    margin: 0;
    padding: 0;
    align-content: center;
    align-items: center;
}
#main > .catalogPageGroupSearchResult #searchResult.section .pager p.begin img {
	/* width: auto; */
    width: 100%;
}
#main > .catalogPageGroupSearchResult #searchResult.section .pager p.end img {
	/* width: auto; */
    width: 100%;
}
#main > .catalogPageGroupSearchResult #searchResult.section .pager p:hover img,
#main > .catalogPageGroupSearchResult #searchResult.section .pager li:hover img,
#main > .catalogPageGroupSearchResult #searchResult.section .pager p:has(.current) img,
#main > .catalogPageGroupSearchResult #searchResult.section .pager li:has(.current) img {
    filter: brightness(0) saturate(100%) invert(98%) sepia(98%) saturate(9%) hue-rotate(183deg) brightness(104%) contrast(102%);
}
#main > .catalogPageGroupSearchResult #searchResult.section .pager a {
    display: flex;
    width: 100%;
    height: 100%;
	flex-flow: row nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
	text-decoration: none;
    flex: 1 1 auto;
}
#main > .catalogPageGroupSearchResult #searchResult.section .pager img {
	vertical-align: top;
    width: 2.2rem;
    max-width: 100%;
    flex: 0 0 auto;
}
#main > .catalogPageGroupSearchResult #searchResult.section .viewBlock {
    margin-bottom: 20px;
    background: #f0f0f0;
}
#main > .catalogPageGroupSearchResult #searchResult.section .viewBlock .article .wrapper .name {
	background: none;
    border-left: none;
    border-bottom: none;
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	padding: 7px 0 7px 8px;
	position: relative;
    text-align: center;
    padding: 1.8rem 0 .7rem 1.5rem;
    margin-bottom: 1.1rem;
}
#main > .catalogPageGroupSearchResult #searchResult.section .viewBlock.half .article .wrapper .name a {
	display: block;
	background: none;
	color: #333;
	padding: 0;
	vertical-align: middle;
    font-size: 2.8rem;
    line-height: 4.3rem;
    text-align: left;
}
#main > .catalogPageGroupSearchResult #searchResult.section .viewBlock.full {
    padding: 20px 20px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main > .catalogPageGroupSearchResult #searchResult.section .viewBlock.half {
	background: none;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main > .catalogPageGroupSearchResult #searchResult.section .viewBlock.half .article .wrapper {
	background: none;
}


/* #main > .catalogPageGroupSearchResult #searchResult.section .viewBlock.half .article .inner {
	position: unset;
	padding: 0;
} */
#main > .catalogPageGroupSearchResult #searchResult.section .viewBlock.half .article .image {
	/* position: unset; */
	position: relative;
	padding: 0;
    margin: 0 auto 1.2rem;
}

#main > .catalogPageGroupSearchResult #searchResult.section .viewBlock.half.catalogPage li.article .image ol.pages {
	margin: 5px 0px 0px 0px;
	border: none;
	width: auto;
	background: none;
	list-style: none;
	display: flex;
}
#main > .catalogPageGroupSearchResult #searchResult.section .viewBlock.half.catalogPage li.article .image .icon_catalogview.btn {
	/* display: none; */
    padding: 0 !important;
    margin: 0 !important;
    right: 0;
    bottom: 0;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    text-indent: 100%;
    color: transparent;
}
#main > .catalogPageGroupSearchResult #searchResult.section #articles.viewBlock {
    background-color: #EEEEEE !important;
    padding: 2rem 2.5rem 0rem !important;
}
#main > .catalogPageGroupSearchResult #searchResult.section #articles.viewBlock > ul {
    display: flex;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    flex-flow: row wrap;
    justify-content: flex-start;
	margin: 0;
}
#main > .catalogPageGroupSearchResult #searchResult.section #articles.viewBlock > ul > li.article {
    width: 100%;
    margin: 0 0 2rem;
    padding: 2rem 2rem 1rem;
	box-sizing: border-box;
	background-image: none;
    background-color: #fff;
	float: none;
    flex: 1 1 auto;
}
/* #main > .catalogPageGroupSearchResult #searchResult.section .icon_catalogview {
	background: none;
} */
#main > .catalogPageGroupSearchResult #searchResult.section .article .image li.left,
#main > .catalogPageGroupSearchResult #searchResult.section .article .image li.right {
	width: 50%;
	display: flex;
	justify-content: left;
}
#main > .catalogPageGroupSearchResult #searchResult.section .article .image li.left {
	justify-content: right;
}

#main > .catalogPageGroupSearchResult #searchResult.section .article .image li.left .btn,
#main > .catalogPageGroupSearchResult #searchResult.section .article .image li.right .btn {
    display: flex !important;
	/* width: auto; */
	width: 100%;
	margin-bottom: 0 !important;
	padding: 0 !important;
    background-color: transparent;
    flex-flow: row wrap;
    align-content: stretch;
    align-items: stretch;
}
#main > .catalogPageGroupSearchResult #searchResult.section .article .image li.left .btn {
    justify-content: flex-end;
}
#main > .catalogPageGroupSearchResult #searchResult.section .article .image li.right .btn {
    justify-content: flex-start;
}

#main > .catalogPageGroupSearchResult #searchResult.section .article .image li.left .btn img,
#main > .catalogPageGroupSearchResult #searchResult.section .article .image li.right .btn img {
    /* width: auto; */
    width: 100%;
	min-width: 120px;
}
#main > .catalogPageGroupSearchResult #searchResult.section .article .image li.left .btn img {
	float: right;
}
#main > .catalogPageGroupSearchResult #searchResult.section .article .image li.right .btn img {
	float: left;
}

#main > .catalogPageGroupSearchResult #searchResult.section .viewBlock.half.catalogPage li.article ol.nombre {
	width: 100%;
	list-style:none;
	display: inline-flex;
	margin:auto;
	justify-content: space-between;
}
#main > .catalogPageGroupSearchResult #searchResult.section .viewBlock.half.catalogPage li.article ol.nombre > li{
	padding: 0px;
	width: auto;
	color: #666;
    font-size: 2.8rem;
    width: 50%;
    text-align: left !important;
}
#main > .catalogPageGroupSearchResult #searchResult.section .viewBlock.half.catalogPage li.article ol.hit {
    list-style-type: none;
    margin: 5.4rem auto 2rem;
    width: 100%;
}
#main > .catalogPageGroupSearchResult #searchResult.section .viewBlock.half.catalogPage li.article ol.hit > li {
    font-size: 2.4rem;
    line-height: 3.6rem;
    margin-bottom: 2rem;
}
#main > .catalogPageGroupSearchResult #searchResult.section .viewBlock.half.catalogPage li.article ol.hit > li.overHitMessage {
    text-align: right;
}
#main > .catalogPageGroupSearchResult #searchResult.section .viewBlock.half .article .wrapper .none {
	display: none;
}
#main > .catalogPageGroupSearchResult #searchResult.section .viewBlock li span.hitposLeft,
#main > .catalogPageGroupSearchResult #searchResult.section .viewBlock li span.hitposRight {
	background-repeat: no-repeat;
	display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    margin-right: 1.6rem;
    background-size: 3.2rem;
	text-indent: -9999px;
	float: none;
	vertical-align: text-top;
}
#main > .catalogPageGroupSearchResult #searchResult.section .viewBlock li span.hitposLeft {
	background-image: url(../images/icon_hitpage_left.gif);
}
#main > .catalogPageGroupSearchResult #searchResult.section .viewBlock li span.hitposRight {
	background-image: url(../images/icon_hitpage_right.gif);
}
#main > .catalogPageGroupSearchResult #searchResult.section .viewBlock li .overHitMessage {
	text-align: start;
}

/* #main > .catalogPageGroupSearchResult #searchResult.section .viewBlock.half.catalogPage li.article .catalogcategory,
#main > .catalogPageGroupSearchResult #searchResult.section .viewBlock.half .article p.function {
	display: none;
} */


/* searchCondition */
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition {
	background: none;
    border: solid .2rem #00539A;
    border-top-width: 1rem;
    padding-top: .8rem;
	padding-left:  10px;
	padding-right: 10px;
    padding-bottom: 5px;
    margin: 0 2rem;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition h2 {
	background: none;
    border: none;
	box-shadow: none;
    color: #1862ab;
	text-align: left;
	padding: 5px 10px;
    font-size: 4.2rem;
    line-height: 6.3rem;
    font-weight: bold;
    padding-left: .8rem;
    /* margin-bottom: 7.6rem; */
    margin-bottom: 3.8rem;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition h2 span {
	width: 100%;
	height: auto;
	background-image:none;
	text-indent: 0px;
	/* font-family: 'Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "モリサワ 新ゴ R", "Droid Sans", メイリオ, "sans-serif"';	 */
}

#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition dl {
	margin-bottom: 0;
}

#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition dt {
	float: left;
}

#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition dd {
	margin-left: 125px;
}
@media all and (orientation: landscape) {
	#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition dd {
		height: 22px;
		overflow: hidden;
	}
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition dd .breadcrumbs {
	margin-bottom: 0;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .changeCondition {
	text-align: right;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .changeCondition a {
	padding-left: 12px;
	background: url(../images/color/blue/arrow_boxed_colored.gif) 0 50% no-repeat;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .pageNumber {
	margin-right:10px;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .pageIndex {
	color: #999999;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail {
    margin: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    color: #333;
    border-left: none;
    border-right: none;
    border-bottom: none;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem:last-child,
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail dl.conditionItem:last-child {
	margin-bottom: 5.3rem;
}
/* #main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem span, */
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > *,
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail dl.conditionItem > dt,
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail dl.conditionItem > dd {
    display: inline-block;
    margin: 0;
    border-bottom: none;
    position: static;
    left: auto;
    top: auto;
    border: none;
    width: auto;
    height: auto;
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: inherit;
}
/* #main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem span:first-child, */
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > :first-child,
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail dl.conditionItem > dt {
    width: auto;
    margin-left: 0;
    margin-right: 4.2rem;
    padding-right: 0;
    font-weight: bold;
    padding-left: .8rem;
}
/* #main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem:last-child span:last-child, */
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail:not(:first-of-type):last-child .conditionItem:last-child > :first-child + *,
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail:not(:first-of-type):last-child dl.conditionItem:last-child  dd {
    font-size: 12px;
    line-height: 18px;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > h3 {
	display: block;
    font-size: 3.2rem;
    line-height: 4.8rem;
    font-weight: bold;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > h3 + * {
	display: block;
    font-size: 2rem !important;
    line-height: 3rem !important;
    font-weight: 400;
    margin-top: .3rem;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel {
    width: 100%;
    height: auto !important;
	min-height: min-content;
    margin-top: 11px;
    padding-top: 14px;
    padding-bottom: 0;
    border-top: solid 1px #CFCFCF;
    position: relative;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: visible;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel > .pageNaviBox {
    width: auto;
    padding-bottom: 0;
    border-bottom: 0;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel > .pageNaviBox .pageNaviWrapper {
	max-width: 100%;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel > .pageNaviBox .pageNavi {
    height: auto;
    flex-flow: row nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel > .originalSearchLink {
    width: auto;
    height: auto;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel > .originalSearchLink .btn {
    display: inline-block;
    width: auto;
    position: relative;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel > .articlesBox {
    width: auto;
    position: relative;
    top: auto;
    left: 0;
    right: 0;
    bottom: auto;
    margin: 0 11px;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel > .articlesBox > ul {
    display: flex;
    max-width: 100%;
    /* min-width: min-content; */
    flex-flow: row nowrap;
    place-content: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    /* margin-left: -1.4rem; */
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel > .articlesBox > ul > li.article {
    /* max-width: 31.5rem; */
    width: 50%;
    padding: 2rem 2rem 1rem;
    background-image: none;
    /* margin-left: 1.4rem;
    margin-right: 1.4rem; */
    margin-left: 0;
    margin-right: 0;
    /* flex: 0 0 auto; */
    box-sizing: border-box;
    flex: 0 0 50%;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel > .articlesBox > ul > li.article > .wrapper {
    display: inline-block;
    width: auto;
    padding: 0;
    height: auto !important;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel > .articlesBox > ul > li.article .image {
    display: flex;
    width: 27.5rem;
    justify-content: center;
    margin: 0 auto 2.3rem;
	border: none;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel > .articlesBox > ul > li.article .image img {
    width: 17.2rem;
    margin: 0 auto;
    height: 24.3rem;
    border: solid 1px #ccc;
    box-sizing: border-box;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel > .articlesBox > ul > li.article .spec {
    width: 100%;
	max-width: 27.5rem;
    padding: 0;
    margin-bottom: 3.1rem;
    color: #333;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel > .articlesBox > ul > li.article .spec > .name {
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-weight: bold;
    text-align: left;
    color: #333;
    margin-bottom: .8rem;
    padding-top: 0;
    padding-bottom: 0;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel > .articlesBox > ul > li.article .spec > .name ~ * {
    display: none;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel > .articlesBox > ul > li.article .btnBox {
    width: auto;
    position: static;
    padding-left: 1rem;
    padding-right: 1rem;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel > .articlesBox > ul > li.article .btnBox .btn {
    display: flex;
    width: 25.3rem !important;
    height: 5.8rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 2.7rem;
    text-indent: 0;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
    color: #00539A !important;
    border: solid .2rem #00539A !important;
    background-image: none!important;
    background-color: #fff !important;
    border-radius: 3rem !important;
    align-items: center;
    justify-content: center;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel > .articlesBox > ul > li.article .btnBox .catalog.btn {
    color: #fff !important;
    background-color: #00539A !important;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel > .articlesBox > ul > li.article .btnBox .catalogNallowdown.btn {
    position: relative;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel > .articlesBox > ul > li.article .btnBox .catalogNallowdown.btn:after {
    content: "";
    background: url(../images/icon/icon_search.svg) no-repeat;
    background-size: 12px;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 11px;
    transform: translateY(-50%) scaleX(-1);
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel > .articlesBox > ul > li.article .btnBox .btn:not(:last-child) {
    margin-bottom: 1.9rem !important;
}
#main > .catalogPageGroupSearchResult #searchResult.section .searchCondition .conditionDetail .conditionItem > .viewPanel > .articlesBox > ul > li.article .btnBox .btn:last-child {
    margin-bottom: 0 !important;
}
#main > .catalogPageGroupSearchResult #searchResult.section #searchResultStatus {
    margin-top: 12.2rem;
    padding-left: 3.6rem;
    background: none;
    font-size: 2.8rem;
    line-height: 4.3rem;
    font-weight: bold;
    margin-bottom: 2.4rem;
}
#main > .catalogPageGroupSearchResult #searchResult.section #searchResultStatus .count {
    width: auto;
}
#main > .catalogPageGroupSearchResult #searchResult.section #searchResultStatus .count p {
    margin-bottom: 0px;
}

/* メイン:カタログページ一覧画面 */
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article:before {
	right: 0;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .wrapper {
	padding: 0;
	margin: 0;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .name {
	margin-top: 0;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .catalogcategory {
    display: block;
    font-size: 2.4rem;
    line-height: 3.6rem;
    margin: 0;
    padding: 0;
    padding-left: 1.6rem;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .inner {
	display: block !important;
    margin-top: 3.6rem;
    padding: 0 1.5rem;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .inner > .image {
	display: block;
	width: auto;
	padding: 0;
	margin: 0 auto;
	flex: 0 0 auto;
	overflow: hidden;
	float: none;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .inner > .image img {
	width: 120px;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .inner > ol.nombre .function {
	display: flex;
    width: 7.2rem;
    min-height: 1.8rem;
	padding: 0;
	flex-flow: row wrap;
	justify-content: flex-end;
	align-content: flex-start;
	align-items: flex-start;
    position: absolute;
    right: 1rem;
    top: 0.2rem;
	z-index: 0;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .inner > ol.nombre .function:not(:empty):after {
    content: ".";
    display: block;
    width: 0;
    height: 0;
	min-width: 0;
	min-height: 0;
	max-width: 0;
	max-height: 0;
    font-size: 0;
    line-height: 0;
    color: transparent;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    text-indent: 100%;
    text-overflow: clip;
    overflow: hidden;
    clear: both;
    speak-as: none;
    speak: none;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .inner > ol.nombre .function li {
    font-size: 2.8rem;
    max-width: 50%;
    text-align: left !important;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .inner > ol.nombre .function li:empty {
	display: none;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article img.main {
	box-sizing: border-box;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .function {
	padding-right: 20px;
	text-align: right;
	position: relative;
	z-index: 0;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .function .mybinder_sq.square.btn {
	background-position: 0 0;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .function .mybinder_sq.square.btn:hover,
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .function .mybinder_sq.square.btn:focus-within {
	background-position: 0 -18px !important;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .function .mybinder_sq.square.btn.done {
	background-position: 0 -36px !important;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .function .download_sq.square.btn {
	background-position: -36px 0 !important;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .function .download_sq.square.btn:hover,
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .function .download_sq.square.btn:focus-within {
	background-position: -36px -18px !important;
}
/* #main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .function .mybinder_s.small.btn {
	width: 88px;
	height: 19px;
	background-position: -88px 0 !important;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .function .mybinder_s.small.btn:hover,
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .function .mybinder_s.small.btn:focus-within {
	background-position: -88px -19px !important;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .function .mybinder_s.small.btn.done {
	background-position: -88px -38px !important;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .function .download_s.small.btn {
	width: 88px;
	height: 19px;
	background-position: -176px 0 !important;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .function .download_s.small.btn:hover,
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article .function .download_s.small.btn:focus-within {
	background-position: -176px -19px !important;
} */

#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article > .function {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 4.6rem;
    padding-right: 1.5rem;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article > .function .btn {
    width: auto;
    height: auto;
    background-image: none;
    text-indent: 0;
    font-size: 3.4rem;
    line-height: 5.1rem;
    font-weight: bold;
    position: relative;
    color: #006699;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article > .function .mybinder_s.small.btn:before,
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article > .function .download_s.small.btn:before {
    content: "";
    width: 5.8rem;
    height: 5.8rem;
    background-size: 5.8rem 5.8rem;
    position: absolute;
    top: 50%;
    left: -7.8rem;
    transform: translateY(-50%);
}
/* #main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article > .function .mybinder_s.small.btn {
} */
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article > .function .mybinder_s.small.btn:before {
    background-image: url(../images/icon/icon_browser.svg);
    background-repeat: no-repeat;
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article > .function .download_s.small.btn {
    margin-top: 2.4rem;
    /* margin-right: 5.5rem; */
}
#main > .catalogPageGroupSearchResult #articles.viewBlock > ul > li.article > .function .download_s.small.btn:before {
    background-image: url(../images/icon/icon_download_blue.svg);
    background-repeat: no-repeat;
}

/* ======================================= */
#main > .catalogSearchResult .section .viewBlock {
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-ms-border-radius: 0 0 3px 3px;
	-o-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	/* background: none; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	/* padding: 0 10px; */
	margin-bottom: 0;
}

#main > .catalogSearchResult .section .viewBlock {
    background-color:#EEEEEE ;
    padding: 2rem;
    padding-bottom: .5rem;
}
#main > .catalogSearchResult .section .viewBlock > ul {
	margin-bottom: 0;
}
#main > .catalogSearchResult .section .viewBlock > ul > li.article {
	display: table;
	table-layout: fixed;
    margin-bottom: 2rem;
}
#main > .catalogSearchResult .section .viewBlock > ul > li.article .image {
    width: 21.6rem !important;
    padding: 0;
    margin-right: 2.4rem !important;
	overflow: visible !important;
}
#main > .catalogSearchResult .section .viewBlock > ul > li.article .image img {
    width: 100%;
}
#main > .catalogSearchResult .section .viewBlock > ul > li.article .inner > .image {
	/* padding: 10px 0 0 0;
	margin: -10px 0 0 0; */
	flex: 1 0 auto;
	overflow: hidden;
	float: none;
    margin: 0;
}
#main > .catalogSearchResult .section .viewBlock .function {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
	margin-bottom: 5px;
}
#main > .catalogSearchResult .section .viewBlock .function .btn {
	display: block;
    width: 6em;
	height: auto;
	font-size: inherit;
	margin-top: 0;
    margin-right: 1em;
}
#main > .catalogSearchResult .section .viewBlock .function .btn > img {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}
#main > .catalogSearchResult .section .viewBlock .function .catalogview_mini_text.btn {
	text-indent: 0;
    flex: 0 1 auto;
    color: #fff !important;
    background-color: #00539A !important;
	/* background: url(../images/icon_detail_book.gif) left center no-repeat !important;
	background-size: auto 13px !important;
	padding-left: 18px; */
}
#main > .catalogSearchResult .section .viewBlock .function .index_mini_text.btn {
	text-indent: 0;
    flex: 0 1 auto;
}
#main > .catalogSearchResult .section .viewBlock.half > ul > li.article {
    background-color: #fff;
    padding: 2rem 1.4rem .6rem 2rem;
    box-sizing: border-box;
}
#main > .catalogSearchResult .section .viewBlock.half > ul > li.article .newTag {
    margin-bottom: 1.4rem;
}
#main > .catalogSearchResult .section .viewBlock.half > ul > li.article .newTag img{
    width: 10.6rem;
}
#main > .catalogSearchResult .section .viewBlock.half > ul > li.article div.inner {
    display: flex;
    padding: 0;
}
#main > .catalogSearchResult .section .viewBlock.half > ul > li.article div.inner .description {
    width: 43.6rem;
    padding: 0;
    color: #333;
}
#main > .catalogSearchResult .section .viewBlock.half > ul > li.article div.inner .description h3 {
    font-size: 2.8rem;
    line-height: 4.2rem;
    font-weight: bold;
    margin-bottom: 1.7rem;
}
#main > .catalogSearchResult .section .viewBlock.half > ul > li.article div.inner .description h3 > * {
	width: auto !important;
	margin: 0 !important;
    color: inherit;
}
#main > .catalogSearchResult .section .viewBlock.half > ul > li.article div.inner .description > p {
    font-size: 2.4rem;
    line-height: 3.6rem;
    margin-bottom: 2rem !important;
	padding: 0 !important;
    background-image: none !important;
    background-color: transparent !important;
}

#main > .catalogSearchResult #articles.viewBlock > ul > li.article .inner > .image {
	width: auto;
	max-width: 50%;
	padding: 0;
	margin: 0 auto;
	flex: 0 0 auto;
	overflow: hidden;
	float: none;
}

#main > .catalogSearchResult .section .viewBlock > ul > li.article .inner > .image {
	padding: 10px 0 0 0;
	margin: -10px 0 0 0;
	flex: 1 0 auto;
	overflow: hidden;
	float: none;
}
#main > .catalogSearchResult .section .viewBlock .function .btn {
	display: block;
	width: 6em;
	height: auto;
	font-size: inherit;
	margin-top: 0;
	margin-right: 1em;
}
#main > .catalogSearchResult .section .viewBlock .function .btn > img {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}
#main > .catalogSearchResult .section .viewBlock .function .catalogview_mini_text.btn {
	text-indent: 0;
	flex: 0 1 auto;
}
#main > .catalogSearchResult .section .viewBlock .function .index_mini_text.btn {
	text-indent: 0;
	flex: 0 1 auto;
}

/* カタログ請求画面 */
#main:has(.catalogOrderList) ~ #skip {
    margin-top: 1.6rem;
}
#main > .catalogOrderList {
    /* padding: 2rem 2rem 0; */
    /* padding: 0 2rem; */
    padding: 1rem 2rem 0 2rem;
}
#main > .catalogOrderList #searchResult h2 {
    font-size: 28px;
    line-height: 39px;
    border-color: #fff;
    margin-bottom: 15px;
    padding-bottom: 4px;
}

#main > .catalogOrderList .breadcrumbs {
    margin-bottom: 44px;
}

#main > .catalogOrderList #lead {
    margin-bottom: 5.5rem;
}

#main > .catalogOrderList #lead h2 {
    font-size: 3.6rem;
    line-height: 5.4rem;
    font-weight: bold;
    color: #333;
    padding: .5rem 0 0 2rem;
}

#main > .catalogOrderList h2 {
    font-size: 3.6rem;
    font-weight: bold;
    line-height: 5.4rem;
    color: #333;
    margin-bottom: 0;
    padding: .5rem 0 0 2rem;
}

#main > .catalogOrderList h2 span {
    border: none;
}

#main > .catalogOrderList #overview {
    margin-bottom: 87px;
}

#main > .catalogOrderList #overview .detail {
    padding: 20px 20px 0;
}

#main > .catalogOrderList #overview .detail .image {
    width: 216px;
    margin-bottom: 5px;
}

#main > .catalogOrderList #overview .detail .image img {
    width: 100%;
    margin-bottom: 11px;
}

#main > .catalogOrderList #overview .detail .image .function .btn,
#main > .catalogOrderList #overview .detail .image .function a {
    width: 100%;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-image: none;
    background-color: #00539A;
    border-radius: 26px;
    text-decoration: none;
    font-weight: bold;
    box-sizing: border-box;
    text-indent: 0;
    font-size: inherit;
}

#main > .catalogOrderList #overview .detail .description {
	display: flex;
    border: solid 1px #CFCFCF;
    width: 418px;
    min-height: 194px;
    box-sizing: border-box;
    padding: 15px 18px;
	vertical-align: top;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	float: right;
}

#main > .catalogOrderList #overview .detail .description p,
#main > .catalogOrderList #overview .detail .description div {
	margin: 0;
}

#main > .catalogOrderList #overview .detail .description fieldset > legend {
	display: flex;
	width: 100%;
	line-height: 1.2em;
	padding: 0;
	box-sizing: border-box;
	font-weight: bold;
	float: left;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-flow: row nowrap;
	color: #565656;
}
#main > .catalogOrderList #overview .detail .description fieldset > legend > i ~ * {
	flex: 1 1 auto;
}
#main > .catalogOrderList #overview .detail .description fieldset > legend + * {
	clear: both;
}

#main > .catalogOrderList #overview .detail .description > * {
	margin-bottom: 0 !important;
}
#main > .catalogOrderList #overview .detail .description > * > :not(:empty) {
	margin-bottom: 15px !important;
}
#main > .catalogOrderList #overview .detail .description > .comment {
	order: 3;
}
#main > .catalogOrderList #overview .detail .description > .spec {
	order: 2;
}
#main > .catalogOrderList #overview .detail .description > .function {
	order: 1;
}

#main > .catalogOrderList #overview .detail .description .download div {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

#main > .catalogOrderList #overview .detail .description .download div p {
    font-size: 12px;
    line-height: 16px;
    color: #333;
    margin-right: 24px;
    font-weight: bold;
}

#main > .catalogOrderList #overview .detail .description .download .panel {
	padding: 0;
	box-sizing: border-box;
    white-space: nowrap;
}
#main > .catalogOrderList #overview .detail .description .download .panel > ul {
	margin-bottom: -0.5em;
}
#main > .catalogOrderList #overview .detail .description .download .panel > ul > li {
	display: block;
	width: auto;
	margin-right: 0;
	float: none;
	box-sizing: border-box;
}
#main > .catalogOrderList #overview .detail .description .download .panel > ul > li > * {
	display: flex;
	min-height: auto;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
}

#main > .catalogOrderList #overview .detail .description .download .btn {
    width: auto;
    height: auto;
    background-image: none;
}

#main > .catalogOrderList #overview .detail .description .download .downloadPDF {
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    font-size: 16px;
    line-height: 21px;
    color: #00539A;
    margin-bottom: 48px;
    text-decoration: none;
    font-weight: bold;
}
#main > .catalogOrderList #overview .detail .description .download .downloadPDF img {
    width: 23px;
    margin-right: 16px;
}

#main > .catalogOrderList #overview .detail .description .download .downloadAllPage {
    margin-bottom: 21px;
}

#main > .catalogOrderList #overview .detail .description .download .downloadOptionPage .optionForm ul {
	display: inline-flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-content: stretch;
	align-items: stretch;
}
#main > .catalogOrderList #overview .detail .description .download .downloadOptionPage .optionForm ul > li {
	display: inline-flex;
	width: 3em;
	margin-right: 0;
	float: none;
	flex-flow: row nowrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	box-sizing: border-box;
	flex: 0 0 auto;
}
#main > .catalogOrderList #overview .detail .description .download .downloadOptionPage .optionForm ul > li:not(:first-child):not(:last-child) {
	width: auto;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#main > .catalogOrderList #overview .detail .description .download .downloadOptionPage input {
    width: 40px;
    height: 24px;
    border: solid 1px #CFCFCF;
}

#main > .catalogOrderList #overview .detail .description .download .downloadOptionPage span {
    margin: 0 8px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
}

#main > .catalogOrderList #overview .detail .description .download .downloadOptionPage a img{
    width: 20px;
    transform: rotate(90deg);
}

#main > .catalogOrderList .indexBox h2 {
    margin-bottom: 13px;
}
#main > .catalogOrderList .indexBox p.lead,
#main > .catalogOrderList .indexBox h4 {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 39px;
}
#main > .catalogOrderList .indexBox .catalogIndex div.catalogIndexContents {
    border: none;
    line-height: 1;
    overflow: auto;
    white-space: nowrap;
}
#main > .catalogOrderList .indexBox .catalogIndex div.catalogIndexContents > * {
    width: auto;
    background-color: transparent;
}

#main > .catalogOrderList .indexBox .catalogIndex div.catalogIndexContents > ul.horizontal {
    border-style: none none solid none;
    border-width: 1px;
    border-color: #CFCFCF;
    font-size: 93%;
}

#main > .catalogOrderList .indexBox .catalogIndex div.catalogIndexContents > ul.horizontal > li {
    border-top: solid 1px #CFCFCF;
    border-left: none;
    border-right: none;
}

#main > .catalogOrderList .indexBox .catalogIndex div.catalogIndexContents .catalogNode .description {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
}

#main > .catalogOrderList .indexBox .catalogIndex div.catalogIndexContents .catalogNode .description > .title,
#main > .catalogOrderList .indexBox th {
    width: 378px;
    padding: 14px 19px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    color: #333;
    background-color: #fff;
    border: none;
    flex: 1 0 auto;
}

#main > .catalogOrderList .indexBox .catalogIndex div.catalogIndexContents .catalogNode .description > .function,
#main > .catalogOrderList .indexBox td {
    display: flex;
    padding: 14px 19px;
    width: auto;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex: 1 0 auto;
    border: none;
}

#main > .catalogOrderList .indexBox .catalogIndex div.catalogIndexContents .catalogNode .description > .function .buttons {
    display: inline-flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    font-size: inherit;
    padding: 0;
}
#main > .catalogOrderList .indexBox .catalogIndex div.catalogIndexContents .catalogNode .description > .function .buttons .btn {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    font-size: inherit;
    text-indent: 0;
    background-image: none;
    background-color: transparent;
}
#main > .catalogOrderList .indexBox .catalogIndex div.catalogIndexContents .catalogNode .description > .function .buttons .btn:not(:last-child),
#main > .catalogOrderList .indexBox td a:not(:last-child) {
    margin-right: 19px;
}

#main > .catalogOrderList .indexBox .catalogIndex div.catalogIndexContents .catalogNode .description > .function a,
#main > .catalogOrderList .indexBox td a {
    color: #00539A;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-weight: bold;
}

#main > .catalogOrderList .indexBox .catalogIndex div.catalogIndexContents .catalogNode .description > .function a i,
#main > .catalogOrderList .indexBox td a i {
    margin-right: 3px;
}

#main > .catalogOrderList .indexBox table.horizontal th,
#main > .catalogOrderList .indexBox table.horizontal td {
    padding: 14px 19px;
    border:none;
}

#main > .catalogOrderList .indexBox table.horizontal tr {
    border: solid 1px #CFCFCF;
    border-left: none;
    border-right: none;
}

#main > .catalogOrderList .viewBlock {
    background: #fff;
    padding: 0 0;
}

#main > .catalogOrderList .viewBlock li.article {
    padding: 20px;
    box-sizing: border-box;
    margin: 0 0 20px;
}
#main > .catalogOrderList .viewBlock.half li.article {
    background: none;
    width: 34.5rem;
    border: none;
    margin-bottom: 1.2rem;
    padding: 3rem 3rem 1rem;
}
/* #main > .catalogOrderList .viewBlock.half li.article:not(:nth-child(4n)) {
    margin-right: 29px;
} */
#searchResult .viewBlock.half li.article:nth-child(odd) {
    margin-right: 2rem;
}
#main > .catalogOrderList .viewBlock.half li.article div.wrapper {
    background: none;
}
#main > .catalogOrderList .viewBlock.half li.article div.inner {
	display: block !important;
    /* padding: 1px 0 10px; */
}
#main > .catalogOrderList .viewBlock.half li.article div.image {
    width: 28.5rem;
}
#main > .catalogOrderList .viewBlock.half li.article div.image img.main {
    width: 18.9rem;
    height: 29.3rem;
    padding: 0;
    box-sizing: border-box;
    border: solid 1px #ccc;
}
#main > .catalogOrderList .viewBlock.half li.article div.image img.noImage {
    object-fit: contain;
}
#main > .catalogOrderList .viewBlock.half li.article div.description  {
    padding: 0;
}
#main > .catalogOrderList .viewBlock.half li.article div.description .function {
    display: flex;
    width: auto;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    position: static;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin-top: 3.3rem;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 2.2rem;
}
#main > .catalogOrderList .viewBlock.half li.article div.description .function .btn {
    display: flex !important;
    width: 28.5rem !important;
    height: 5rem !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: solid .2rem #00539A !important;
    border-radius: .3rem !important;
    font-size: 2.3rem !important;
    font-weight: bold;
    line-height: 3.4rem !important;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
#main > .catalogOrderList .viewBlock.half li.article div.description .function .btn:last-child {
	margin-bottom: 0 !important;
}
#main > .catalogOrderList .viewBlock.half li.article div.description .function .catalogview_mini_text.btn {
    display: none !important;
}
#main > .catalogOrderList .viewBlock.half li.article div.description .name {
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-weight: bold;
    color: #333;
    margin-bottom: .8rem;
}
#main > .catalogOrderList .viewBlock.half li.article div.description .date {
    font-size: 2rem;
    line-height: 3rem;
}

.catalogMyBinder .deleteAll.btn {
	background-position: 0% 0%;
}
.catalogMyBinder .deleteAll.btn:hover,
.catalogMyBinder .deleteAll.btn:focus-within {
	background-position: 0% -21px !important;
}
.catalogMyBinder .large.btn {
	background-position: -330px 0;
}
.catalogMyBinder .large.btn:hover,
.catalogMyBinder .large.btn:focus-within {
	background-position: -330px -27px !important;
}

.catalogMyBinder .viewInline li.article:focus-visible,
.catalogMyBinder .viewInline li.article:focus-within {
	background-color: #cccccc !important;
}

.catalogMyBinder .viewInline li.article .image {
	height:auto;
	padding:0;
}

.catalogMyBinder .viewInline li.article:focus-visible .download_sq.square.btn,
.catalogMyBinder .viewInline li.article:focus-within .download_sq.square.btn,
.catalogMyBinder .viewInline li.article:focus-visible .catalogview_sq.square.btn,
.catalogMyBinder .viewInline li.article:focus-within .catalogview_sq.square.btn,
.catalogMyBinder .viewInline li.article:focus-visible .delete.btn,
.catalogMyBinder .viewInline li.article:focus-within .delete.btn {
	display: inline !important;
}

.catalogMyBinder .viewInline li.article .download_sq.square.btn:hover,
.catalogMyBinder .viewInline li.article .download_sq.square.btn:focus-within {
	background-position: -36px -18px !important;
}
.catalogMyBinder .viewInline li.article .catalogview_sq.square.btn:hover,
.catalogMyBinder .viewInline li.article .catalogview_sq.square.btn:focus-within {
	background-position: -18px -18px !important;
}
.catalogMyBinder .viewInline li.article .delete.btn:hover,
.catalogMyBinder .viewInline li.article .delete.btn:focus-within {
	background-position: 0 -14px !important;
}

#sidemenu.side:has(.catalogRequest) {
    margin-bottom: 1rem;
    padding: 0 2rem;
    box-sizing: border-box;
    float: right;
    clear: right;
}

#sidemenu.side > .catalogRequest {
    width: 100%;
    padding: 2rem;
    /* border: solid 10px #EEEEEE; */
    background-color: #EEEEEE;
    box-sizing: border-box;
}

#sidemenu.side > .catalogRequest > ul {
    display: flex;
    justify-content: space-between;
    padding-bottom: 4.1rem;
    background-color: #fff;
    box-sizing: border-box;
}

#sidemenu.side > .catalogRequest .catalogRequestNumber {
    display: flex;
    padding: 3.9rem 0 0 2rem;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-end;
    flex: 0 0 auto;
    margin-right: auto;
}

/* #sidemenu.side > .catalogRequest .catalogRequestNumber span{ */
#sidemenu.side > .catalogRequest .catalogRequestNumber > * {
    color: #333;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 4.8rem;
    margin-bottom: 2.1rem;
}

/* #sidemenu.side > .catalogRequest .catalogRequestNumber span:last-child { */
#sidemenu.side > .catalogRequest .catalogRequestNumber > :last-child {
    color: #333;
    font-weight: bold;
    font-size: 4.8rem;
    line-height: 7.2rem;
}

#sidemenu.side > .catalogRequest .catalogRequestOption {
    display: flex;
    padding: 4rem 2rem 0 0;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
    margin-left: auto;
}

/* #sidemenu.side > .catalogRequest .catalogRequestOption a { */
#sidemenu.side > .catalogRequest .catalogRequestOption [role="button"],
#sidemenu.side > .catalogRequest .catalogRequestOption button {
    /* width: 220px;
    height: 47px; */
    display: flex;
    width: 30.7rem;
    height: 7rem;
    border: solid .1rem #00539A;
    background-color: #00539A;;
    border-radius: 3.5rem;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    font-weight: bold;
    line-height: 2.9rem;
    color: #fff;
    text-decoration: none;
    position: relative;
    box-sizing: border-box;
}

/* #sidemenu.side > .catalogRequest .catalogRequestOption a:first-child:after { */
#sidemenu.side > .catalogRequest .catalogRequestOption [role="button"]:first-child:after,
#sidemenu.side > .catalogRequest .catalogRequestOption button:first-child:after {
    content: "";
    transform: translateY(-50%);
    background-image: url("../images/icon/icon_arrow_r_w.svg");
    background-repeat: no-repeat;
    background-size: 1.4rem 1.5rem;
    width: 1.4rem;
    height: 1.5rem;
    position: absolute;
    top: 50%;
    right: 1.9rem;
    /* transform: translateY(-50%) rotate(-90deg); */
    transform: translateY(-50%);
}

#sidemenu.side > .catalogRequest .catalogRequestOption a:last-child {
    margin-top: 2.8rem;
	line-height: 3rem;
    background-color: #fff;
    color: #707070;
    border-color: #707070;
}

#sidemenu.side > .catalogRequest .catalogRequestOption a:last-child::after {
    content: "";
    background-image: url("../images/icon/icon_trash_brown.svg");
    background-repeat: no-repeat;
    background-size: 2.9rem;
    width: 2.9rem;
    height: 2.9rem;
    position: absolute;
    top: 50%;
    right: 1.9rem;
    transform: translateY(-50%);
}