@charset "UTF-8";
/*!
 * ress.css ? v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
@import url(https://fonts.googleapis.com/css?family=Raleway:300,700);
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
  color: #333;
}

*, ::before, ::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before, ::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
  word-wrap: break-word;
}

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible; /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden], template {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
  text-decoration: none; /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active, a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
  text-decoration: none;
  color: #767676;
}

code, kbd, pre, samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

b, strong {
  font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
  font-style: italic; /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button, [type=button], [type=reset], [type=submit], [role=button] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number] {
  width: auto; /* Firefox 36+ */
}

[type=search] {
  -webkit-appearance: textfield; /* Safari 8+ */
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Safari 8 */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button, input, optgroup, select, textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button, html [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

button, select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button, input, select, textarea {
  /*background-color: transparent;*/
  border-style: none;
  color: inherit;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

[type=search] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden; /* Internet Explorer 11- */
}

audio, canvas, progress, video {
  display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

html, body {
  scroll-padding-top: 50px;
}

/**********************************************/
/* フォーム用入力テーブル */
/**********************************************/
.cmn-text-red {
  color: red;
}

/**********************************************/
/*  プレビュー */
/**********************************************/
.preview-msg {
  margin-bottom: 1rem;
  padding: 0.5rem;
  background-color: #FEE;
  color: #F33;
  font-size: 2rem;
  font-weight: bold;
}

button {
  border: none;
}

html {
  font-size: 14px;
}

* {
  -webkit-touch-callout: none;
}

input, textarea {
  -webkit-user-select: auto;
}

.uk-container {
  max-width: 1200px;
}

ol, ul {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 1em;
  font-size: 1.3em;
  line-height: 1.2;
  font-weight: bold;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.uk-button-secondary {
  background-color: #4a647f;
  color: #fff;
  border: 1px solid transparent;
}

label {
  margin-right: 1em;
  cursor: pointer;
}

.uk-input, .uk-select, .uk-textarea {
  font-size: 16px;
  font-weight: normal;
}

.uk-checkbox, .uk-radio {
  margin-right: 5px;
}

.uk-button {
  white-space: nowrap;
  font-size: 13px;
  padding: 0 1em;
  min-width: 90px;
}

.uk-button-default {
  background: #FFF;
  background-color: #FFF;
  border: 1px solid #d3d3d3;
}

.uk-button-default:hover {
  border: 1px solid #F1F1F1;
  background-color: #F3F3F3 !important;
}

.uk-table th {
  vertical-align: middle;
  white-space: nowrap;
  color: #646464;
}

.uk-table-expand {
  min-width: 160px;
}

.uk-input, .uk-select, .uk-textarea {
  margin: 0 3px 3px;
  color: #000;
}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
  color: #000;
}

.uk-form-horizontal .uk-form-label {
  cursor: default;
  font-size: 1rem;
}

.uk-text-meta * {
  font-size: 0.875rem;
  color: #999;
}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
  outline: 0;
  background-color: #E0F2F7;
  color: #333;
  border-color: #1e87f0;
}

@media (min-width: 960px) {
  .uk-form-horizontal .uk-form-controls {
    margin-left: 250px;
  }
}
.uk-description-list > dt {
  text-transform: none;
}

.data-uk-modal-body {
  padding: 30px 30px;
}

@media (max-width: 640px) {
  .uk-card-header {
    padding: 8px 12px !important;
  }
  .uk-modal-body, .data-uk-modal-body {
    padding: 15px;
  }
}
/*********************************************************************************
	BREADCRUMBS
--------------------------------------------------------------------------------*/
.uk-breadcrumb {
  margin-top: 0;
  flex-wrap: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
  padding-right: 2em;
  white-space: nowrap;
}
.uk-breadcrumb::-webkit-scrollbar {
  width: 10px;
  height: 8px;
}
.uk-breadcrumb::-webkit-scrollbar-thumb {
  background: #FFF;
  border-radius: 5px;
  max-width: 240px;
}
.uk-breadcrumb::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.2);
}

.uk-breadcrumb > * > * {
  color: #3C92D0;
}

.uk-breadcrumb svg {
  margin-top: -3px;
  height: 18px;
  width: 18px;
}

@media (max-width: 640px) {
  .uk-breadcrumb {
    margin: 0 auto 5px;
    text-align: left;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .uk-breadcrumb li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: table-cell;
    vertical-align: middle;
  }
}
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
  content: ">";
  display: inline-block;
  margin: 0 5px;
  color: #999;
}

/*********************************************************************************
	0.NAVIGATION
--------------------------------------------------------------------------------*/
@media (min-width: 960px) {
  .uk-container {
    padding: 0;
  }
}
@media (min-width: 640px) {
  .uk-container {
    padding: 0;
  }
}
h2 {
  font-weight: bold;
}

.uk-navbar-container {
  background: none;
}

.uk-button-search {
  background-color: #1AA07D;
  color: #fff;
  border: 1px solid transparent;
}

.uk-label {
  line-height: 2;
}

.uk-navbar-nav {
  gap: 0;
}

.uk-navbar-nav > li > a {
  min-height: unset;
}

@media screen and (max-width: 1120px) {
  .uk-navbar-nav > li > a {
    padding: 0 15px;
    font-size: 12px;
  }
  .uk-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
.uk-navbar-nav > li > a:hover {
  background: #366aa7;
  color: #FFF;
}

.uk-navbar-nav > li > a.uk-open {
  background: #366aa7;
  color: #FFF;
}

/* SUBMENU */
.uk-navbar-dropbar {
  background: #F3F3F3;
}

.uk-navbar-dropdown {
  background: #FFF;
}

.uk-navbar-dropdown-nav a {
  font-size: 14px;
}

/* SUB MENU */
.uk-navbar-dropdown {
  margin-top: 0 !important;
  padding: 25px;
  width: auto;
}

.uk-navbar-dropdown-nav > li.uk-nav-header {
  margin-bottom: 15px;
  border-bottom: 1px solid #333;
  font-weight: bold;
  font-size: 18px;
  color: #111;
}

.uk-navbar-dropdown-nav > li {
  box-shadow: 0 1px 0 rgb(255, 255, 255);
}

.uk-navbar-dropdown-nav > li > a {
  color: #1E76AD;
  font-weight: bold;
  padding: 8px 0;
  white-space: nowrap;
}

.uk-navbar-dropdown-nav > li > a:hover {
  color: #202C58;
}

/*********************************************************************************
	CARD
--------------------------------------------------------------------------------*/
.uk-card-title {
  margin-top: 10px;
  font-size: 1rem;
}

a:hover .uk-card-title {
  opacity: 0.6;
}

/*********************************************************************************
	BUTTON
--------------------------------------------------------------------------------*/
@media (max-width: 960px) {
  .uk-button-large {
    width: 100%;
  }
}
@media (min-width: 961px) {
  .uk-button-large {
    padding: 0 10px;
    font-size: 1.2em;
    min-width: 350px;
  }
}
.uk-button-primary {
  background-color: #0e417d;
}

.uk-link, a {
  color: #0265cb;
}

.uk-checkbox {
  min-width: 16px;
  min-height: 16px;
}

.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
  background-color: #0e417d;
}

.uk-checkbox, .uk-radio {
  border: 1px solid #4d4d4d;
  background-color: #FFF;
}

/*********************************************************************************
	UK=TAB
--------------------------------------------------------------------------------*/
.uk-tab > * > a {
  padding: 10px 0;
  font-size: 1rem;
  font-weight: bold;
  border: solid 1px #ccc;
}

.uk-tab > .uk-active > a {
  background: #1e87f0;
  color: #FFF;
}

/*********************************************************************************
	UK-TABLE
--------------------------------------------------------------------------------*/
.uk-table th {
  text-transform: unset !important;
}

/*********************************************************************************
	TEXT
--------------------------------------------------------------------------------*/
.uk-heading-bullet {
  display: flex;
}
.uk-heading-bullet:before {
  height: unset;
}

/**********************************************/
/* LIGHTBOX
/**********************************************/
.uk-lightbox {
  background: rgba(0, 0, 0, 0.5);
}

.uk-lightbox-iframe {
  max-width: 1080px;
  width: 90% !important;
  height: 90% !important;
}

.uk-transition-slide-top {
  transform: unset !important;
}

.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
  text-decoration: none;
  opacity: 0.75;
}

.uk-nav-header {
  text-transform: unset;
}

.uk-nav-divider.black-bold {
  border-top: 1px solid #333;
}

.alc {
  text-align: center;
}

#CtsWrap {
  margin: 0 0;
  padding-top: 50px;
  width: inherit;
}
@media print, screen and (min-width: 769px) {
  #CtsWrap {
    margin: 0;
    padding: 25px 0 0;
    min-width: 1100px;
  }
}
#CtsWrap #CtsRim {
  padding-bottom: 70px;
}
@media print, screen and (min-width: 769px) {
  #CtsWrap #CtsRim {
    min-width: 300px;
  }
}
@media print, screen and (min-width: 769px) {
  #CtsWrap #CtsMain {
    margin-right: 50px;
    min-width: 750px;
  }
}

#CtsWrap1Clm {
  margin: 0 0;
  padding-top: 50px;
  width: inherit;
}
@media print, screen and (min-width: 769px) {
  #CtsWrap1Clm {
    margin: 0 auto;
    padding: 25px 0 0;
    max-width: 1200px;
  }
}

@media print, screen and (min-width: 769px) {
  .brsp {
    display: none;
  }
}

#CmnCtsWrap {
  position: relative;
  padding: 1rem;
  background: url(../../../images/cmn/cmn_cat_head_bg.png) repeat-x;
  border-top: solid 5px #3b3b3b;
  width: 100%;
}
@media print, screen and (min-width: 769px) {
  #CmnCtsWrap {
    padding: 50px 0 25px;
  }
}

.CmnCtsTtl {
  margin: 0 0 2em;
  font-weight: bold;
  font-size: 28px;
}

.CmnCtsSubTtl {
  margin: 0 0 1em;
  font-weight: bold;
  font-size: 20px;
  font-weight: bold;
}

.error {
  color: red;
}

/*--------------------------------------------------------------------------------------------------
	NOTFOUND
-------------------------------------------------------------------------------------------------- */
#CmnNoRlt {
  text-align: center;
}
#CmnNoRlt h1 {
  margin: 50px 0;
  padding: 25px;
  background: #F3F3F3;
  font-weight: bold;
}
#CmnNoRlt h2 {
  margin: 60px 0;
  font-size: 3em;
  color: #366aa7;
  font-family: Oswald;
}
@media print, screen and (min-width: 769px) {
  #CmnNoRlt h2 {
    font-size: 8em;
  }
}

.cmnollist {
  margin-bottom: 2em;
  margin-left: 2em;
  list-style-position: outside;
  line-height: 180%;
  list-style: decimal;
}

/*  ZIPボタン */
.ZipBtn {
  padding: 0.5em 1em;
  font-size: 12px;
  color: #FFF;
  display: inline-block;
  text-align: center;
  border-radius: 6px;
  background: #2490D0;
  cursor: pointer;
  border: none;
}
.ZipBtn:hover {
  background: rgb(122, 143, 179);
}

.zipCloseBtn {
  padding: 0.5em 1em;
  font-size: 12px;
  color: #333;
  display: inline-block;
  text-align: center;
  border-radius: 6px;
  background: #F3F3F3;
  cursor: pointer;
  border: none;
  text-decolation: none;
}

/* 50オン順のソートボタン */
div.nav-50on {
  position: sticky;
  top: 40px;
  z-index: 1;
  background: #FFF;
}
@media print, screen and (min-width: 769px) {
  div.nav-50on {
    top: 120px;
    padding-top: 1em;
  }
}
div.nav-50on ul {
  padding: 1em 0 0;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 3%;
}
@media print, screen and (min-width: 769px) {
  div.nav-50on ul {
    padding: 0 2em;
  }
}
div.nav-50on ul li {
  font-size: 1.4em;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #CCC;
}
div.nav-50on ul li a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1em !important;
  font-weight: bold;
  color: #333 !important;
}
div.nav-50on ul li a.active {
  background-color: #1e87f0 !important;
  color: #FFF !important;
}

/* バナー */
#TopEditRim .CmnRimBanner {
  margin-bottom: 15px;
}

#CtsRim {
  margin-top: 0;
  /* バナー */
  /*
  	右帯のランダムバナー
  */
  /* 共通ブロック */
}
#CtsRim span.new {
  margin-left: 0.5em;
  font-size: 10px;
  background: red;
  color: #fff;
  padding: 0 4px;
}
#CtsRim h2 {
  margin-bottom: 1em;
  font-size: 1.2em;
  font-weight: bold;
}
#CtsRim h2 svg {
  margin-right: 10px;
}
#CtsRim div.cts a:hover {
  opacity: 0.6;
  webkit-transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -ms-transition: opacity 0.15s ease-in-out;
  -o-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
#CtsRim .CmnRimBanner,
#CtsRim .RimBanner {
  text-align: center;
}
#CtsRim .CmnRimBanner a,
#CtsRim .RimBanner a {
  margin-bottom: 25px;
  display: block;
}
#CtsRim #RimRumBanner {
  margin-bottom: 25px;
  height: 90px;
  position: relative;
}
#CtsRim #RimRumBanner li {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  margin: 0 auto;
}
#CtsRim .CmnRimList {
  margin-left: 10px;
}
#CtsRim .CmnRimList li {
  margin: 0px 0px 5px 5px;
  padding: 0px;
  font-size: 12px !important;
  list-style: disc;
  list-style-position: outside;
}

/*  -------------------------------------------------------------------------------
右帯PICKUP
 --------------------------------------------------------------------------------*/
#RimPickupArea {
  margin-bottom: 25px;
  padding: 15px;
}
#RimPickupArea div.cts {
  margin-bottom: 15px;
  padding: 0;
}
#RimPickupArea h3 {
  padding: 0.5em;
  font-weight: normal;
  font-size: 1em;
}
#RimPickupArea a {
  display: block;
}

/*  -------------------------------------------------------------------------------
右帯サイトインサイト
 --------------------------------------------------------------------------------*/
#RimSisArea {
  margin-bottom: 25px;
}
#RimSisArea * {
  font-size: 12px;
}
#RimSisArea div {
  padding: 0px;
}
#RimSisArea div.uk-grid {
  margin-left: 0px;
}
#RimSisArea div.cts {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e5e5e5;
}
#RimSisArea div.uk-width-1-4 {
  padding-right: 15px;
}
#RimSisArea h3 {
  margin: 0;
  font-weight: normal;
  font-size: 1em;
}
#RimSisArea h4 {
  margin: 10px 0 0;
  font-weight: bold;
  font-size: 0.8em;
  text-align: right;
}
#RimSisArea a {
  display: block;
}
#RimSisArea p.alllink {
  padding-bottom: 10px;
}
#RimSisArea p.alllink a {
  margin: 0 auto;
  width: 80%;
  border-radius: 4px;
  padding: 0.5em 1em;
  background: #f3f3f3;
  border: 1px solid #e7e7e7;
  display: block;
  text-align: center;
}
#RimSisArea p.alllink a:hover {
  background: #3c92d0;
  text-decoration: none !important;
  color: #fff !important;
}

/*  -------------------------------------------------------------------------------
右帯サイトインサイトPICKUP
 --------------------------------------------------------------------------------*/
#CmnRimSisPickup {
  margin-bottom: 25px;
  padding: 15px;
  border: solid 5px #ad0205;
}
#CmnRimSisPickup * {
  margin: 0;
  padding: 0;
}
#CmnRimSisPickup h1 {
  margin: 1em 0;
  color: #ad0205;
  font-size: 1em;
  font-weight: bold;
}
#CmnRimSisPickup img {
  max-height: 100px;
  width: auto;
}

/*  -------------------------------------------------------------------------------
右帯Hサポート
 --------------------------------------------------------------------------------*/
#CmnRimSupportCom {
  margin-bottom: 15px;
  padding: 15px;
  border: solid 5px #e7e7e7;
}
#CmnRimSupportCom h2 {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
#CmnRimSupportCom h2 i {
  margin-right: 1em;
}
#CmnRimSupportCom:hover {
  background: #f1f1f1;
}

/*  -------------------------------------------------------------------------------
右帯HR総研
 --------------------------------------------------------------------------------*/
#CmnRimSoken {
  margin-bottom: 15px;
}
#CmnRimSoken p.alllink {
  padding-bottom: 10px;
}
#CmnRimSoken p.alllink a {
  margin: 0 auto;
  width: 80%;
  border-radius: 4px;
  padding: 0.5em 1em;
  background: #f3f3f3;
  border: 1px solid #e7e7e7;
  display: block;
  text-align: center;
}

/*  -------------------------------------------------------------------------------
右帯　LEARNING
 --------------------------------------------------------------------------------*/
#RimMypageHead {
  margin-top: 2em;
  padding: 6px;
  background: #20b2aa;
  background-image: linear-gradient(-45deg, #8ad3cf 25%, #20b2aa 25%, #20b2aa 50%, #8ad3cf 50%, #8ad3cf 75%, #20b2aa 75%, #20b2aa);
  background-size: 20px 20px;
}
#RimMypageHead h3 {
  margin-bottom: 0;
  position: relative;
  padding: 8px;
  font-size: 1.2em; /*フォントサイズ*/
  color: #fff; /*フォントカラー*/
  background: #20b2aa;
  text-align: center;
}
#RimMypageHead div.cts {
  padding: 1.5em;
  background: #fff;
}
#RimMypageHead div.cts p {
  margin: 0 0 1em;
}
#RimMypageHead div.cts a {
  display: block;
  text-align: center;
  color: #20b2aa;
  border: solid 1px #20b2aa;
  padding: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #fff;
}

#RimLearning {
  margin-bottom: 3rem;
  /* 　講座リスト */
  /* 　セクションリスト */
  /* 　受講中 */
}
#RimLearning h2 {
  margin-left: -20px;
  display: inline-block;
  position: relative;
  padding: 15px 20px;
  font-size: 1rem !important;
  color: white;
  background: #20b2aa;
  width: calc(100% + 20px);
}
#RimLearning h2:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155); /*折り返し部分*/
}
#RimLearning h3 {
  padding: 1em;
  margin: 0;
  font-size: 1em;
}
#RimLearning ul.lng_menu_list {
  margin: 0;
  padding: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#RimLearning ul.lng_menu_list li {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: dotted 1px #ccc;
  padding: 6px 0;
  line-height: 180%;
  font-weight: bold;
  position: relative;
}
#RimLearning ul.lng_menu_list li:last-child {
  border: none;
}
#RimLearning ul.lng_menu_list li a {
  color: #333;
}
#RimLearning ul.lng_menu_list li:before {
  margin-right: 4px;
  content: "\f518";
  font-family: "Font Awesome 5 Free";
  color: #20b2aa;
}
#RimLearning ul.lng_sect_list {
  margin: 0 0 2em;
  padding: 1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#RimLearning ul.lng_sect_list li {
  margin-bottom: 10px;
  padding-left: 1.2em;
  line-height: 160%;
  font-weight: normal;
  position: relative;
}
#RimLearning ul.lng_sect_list li a {
  color: #333;
}
#RimLearning ul.lng_sect_list li::before {
  display: block;
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 8px;
  height: 1px;
  background-color: #20b2aa;
}
#RimLearning div.lngCts {
  margin-top: 2em;
  border: solid 1px #ccc;
  border-top: none;
  padding: 0;
}
#RimLearning div.lngCts h3:before {
  margin-right: 4px;
  content: "\f518";
  font-family: "Font Awesome 5 Free";
  color: #20b2aa;
}
#RimLearning #LngActive {
  margin-top: 2em;
}

#RimLngTokuten {
  margin-top: 2em;
  padding-top: 24px !important;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
  background-color: #fff;
  border: solid 2px #cd3e3a;
  z-index: 1;
}
#RimLngTokuten h2 {
  color: #cd3e3a;
  font-size: 1.6em;
  text-align: center;
}
#RimLngTokuten h2 i {
  margin-right: 10px;
}
#RimLngTokuten h3 {
  margin: 1em 0;
  color: #cd3e3a;
  font-size: 1em;
}

/*  -------------------------------------------------------------------------------
右帯 keyword
 --------------------------------------------------------------------------------*/
div#CmnRimKeyWord {
  margin-bottom: 25px;
}
div#CmnRimKeyWord h2 {
  margin-bottom: 0;
  font-size: 1.2em;
  font-weight: bold;
}
div#CmnRimKeyWord ul {
  margin-top: 0;
}
div#CmnRimKeyWord ul li {
  margin-top: 10px !important;
  display: inline-block;
  height: 36px;
}
div#CmnRimKeyWord ul li a {
  padding: 0 0.5rem;
  border: solid 1px #6dd5ed;
  border-radius: 4px;
  color: #2193b0;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
div#CmnRimKeyWord ul li a:hover {
  background-color: #6dd5ed;
  color: #fff;
}

/**********************************************/
/* V2 */
/**********************************************/
@media only screen and (max-width: 768px) {
  div#CtsRim {
    width: 100%;
  }
}
div#CtsRim * {
  box-sizing: border-box;
}
div#CtsRim aside {
  /* banner */
  /* 登録 */
  /* special*/
  /* ranking*/
  /* video-contents */
  /* bookmark */
  /* 新着 */
  /* SIS */
  /* keyword*/
  /*topの補填*/
  /*topのお知らせ*/
  /*topのお知らせ*/
  /* 比較記事 */
  /* 課題解決のおすすめ 情報 */
}
div#CtsRim aside h2 {
  margin-bottom: 1em;
  font-size: 1.2em;
  font-weight: bold;
  border-top: solid 3px #333;
  padding-top: 18px;
}
div#CtsRim aside h2 i {
  font-size: 20px;
  margin-right: 6px;
}
div#CtsRim aside h2 svg {
  margin-right: 6px;
}
div#CtsRim aside h3 {
  margin: 0 0 1em;
  font-weight: normal;
  font-size: 13px;
}
div#CtsRim aside ul.rim-list {
  margin: 1em 0 0;
  padding: 0;
}
div#CtsRim aside ul.rim-list li {
  padding: 0 0 1em;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  border-bottom: 1px solid #e5e5e5;
}
div#CtsRim aside ul.rim-list li div.uk-card {
  width: 100%;
}
div#CtsRim aside ul.rim-list li p.text-long {
  margin-bottom: 5px !important;
  width: 100%;
  line-height: 120%;
}
div#CtsRim aside ul.rim-list li div.thum {
  position: relative;
  max-width: 30%;
  min-width: 76px;
  flex-grow: 0;
  margin-right: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
}
div#CtsRim aside ul.rim-list li div.thum span.uk-badge {
  position: absolute;
  left: -5px;
  top: -5px;
  z-index: 2;
  background-color: #333333;
}
div#CtsRim aside ul.rim-list li div.thum img {
  width: auto;
  height: auto;
  max-width: 76px;
  max-height: 76px;
}
div#CtsRim aside ul.rim-list li div.text {
  flex: 1;
  line-height: 130%;
  font-size: 13px;
}
div#CtsRim aside ul.rim-list li div.text h4 {
  margin: 10px 0 0;
  font-weight: normal;
  font-size: 0.8em;
  text-align: right;
}
div#CtsRim aside ul.rim-list li a {
  font-size: 13px;
  color: #333;
}
div#CtsRim aside ul.rim-list li a:hover {
  opacity: 0.75;
}
div#CtsRim aside ul.rim-list li:nth-child(n+2) {
  margin-top: 1em;
}
div#CtsRim aside ul.rim-list li:last-child {
  border: none;
}
div#CtsRim aside div.cmn-rim-banner {
  margin-bottom: 25px;
  text-align: center;
}
div#CtsRim aside div.cmn-rim-regist {
  margin-bottom: 3em;
  padding: 15px;
  background-color: #fcf8e8;
  color: #000;
  font-size: 13px;
}
div#CtsRim aside div.cmn-rim-regist div.sso-ttl {
  margin-bottom: 0rem;
}
div#CtsRim aside div.cmn-rim-regist h2 {
  text-align: center;
  color: #000;
  font-weight: normal;
}
div#CtsRim aside div.cmn-rim-regist h3 {
  text-align: center;
  font-weight: bold;
  color: #f0506e;
  letter-spacing: -2px;
  font-size: 1.1rem;
  font-weight: bold;
}
div#CtsRim aside div.cmn-rim-regist p {
  margin: 0;
}
div#CtsRim aside div.cmn-rim-regist label {
  display: block;
  padding: 1em 0;
  font-size: 13px;
}
div#CtsRim aside div.cmn-rim-regist label * {
  font-size: 13px;
}
div#CtsRim aside div.cmn-rim-regist a.uk-button {
  margin-top: 8px;
  padding: 4px 14px;
  line-height: 24px;
}
div#CtsRim aside div.cmn-rim-regist a.uk-button.uk-button-large {
  min-width: unset !important;
  line-height: 42px;
}
div#CtsRim aside div.cmn-rim-special {
  margin-bottom: 3em;
}
div#CtsRim aside div.cmn-rim-ranking {
  margin-bottom: 3em;
}
div#CtsRim aside div.cmn-rim-video-contents {
  margin-bottom: 3em;
}
div#CtsRim aside div.cmn-rim-video-contents h2 i {
  font-size: larger;
}
div#CtsRim aside div.cmn-rim-video-contents ul.rim-list li {
  display: grid;
  grid-template-columns: 40% 55%;
  gap: 1rem;
}
div#CtsRim aside div.cmn-rim-video-contents ul.rim-list li div.thum {
  width: 100%;
  height: 100%;
  min-width: unset;
  max-width: unset;
}
div#CtsRim aside div.cmn-rim-video-contents ul.rim-list li div.thum img {
  width: 100%;
  height: 100%;
  min-width: unset;
  max-width: unset;
}
div#CtsRim aside div.cmn-rim-my {
  margin-bottom: 3em;
}
div#CtsRim aside div.cmn-rim-my h2 {
  margin-bottom: 1em;
  color: #000;
  text-align: left;
  border-top: solid 3px #0F8DAD;
}
div#CtsRim aside div.cmn-rim-my h3 {
  margin: 2em 0 1em;
}
div#CtsRim aside div.cmn-rim-my h3.uk-heading-bullet {
  font-weight: bold;
}
div#CtsRim aside div.cmn-rim-my a.btn-bmk {
  margin: 1em auto 0;
  background-color: #0F8DAD;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 160px;
  max-width: 80%;
  padding: 8px;
}
div#CtsRim aside div.cmn-rim-my a.not-login {
  color: #0F8DAD;
}
div#CtsRim aside div.cmn-rim-my .balloon-top {
  position: relative;
  margin: 12px auto 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 240px;
  color: #555;
  font-size: 13px;
  border: solid 1px #555;
  box-sizing: border-box;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
div#CtsRim aside div.cmn-rim-my .balloon-top p {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
}
div#CtsRim aside div.cmn-rim-my .balloon-top p strong {
  color: red;
  padding-right: 6px;
}
div#CtsRim aside div.cmn-rim-my .balloon-top:before {
  content: "";
  position: absolute;
  top: -13px;
  left: 50%;
  margin-left: -6px;
  border: 6px solid transparent;
  border-bottom: 7px solid #FFF;
  z-index: 2;
}
div#CtsRim aside div.cmn-rim-my .balloon-top:after {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -7px;
  border: 7px solid transparent;
  border-bottom: 7px solid #555;
  z-index: 1;
}
div#CtsRim aside #RimLearning + .cmn-rim-my h2 {
  border-top-color: #20b2aa;
}
div#CtsRim aside #RimLearning + .cmn-rim-my .btn-bmk {
  background-color: #20b2aa;
}
div#CtsRim aside #RimLearning + .cmn-rim-my .not-login {
  color: #20b2aa;
}
div#CtsRim aside div.cmn-rim-newcommer {
  margin-bottom: 3em;
}
div#CtsRim aside div.cmn-rim-newcommer h2 span {
  font-size: 10px;
}
div#CtsRim aside div.cmn-rim-sis {
  margin-bottom: 3em;
}
div#CtsRim aside div.cmn-rim-sis a {
  display: block;
}
div#CtsRim aside div.cmn-rim-sis p.alllink {
  margin: 1em 0 0;
}
div#CtsRim aside div.cmn-rim-sis p.alllink a {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 160px;
  max-width: 80%;
  padding: 8px;
  background: #f3f3f3;
  border: 1px solid #e7e7e7;
  color: #333;
}
div#CtsRim aside div.cmn-rim-sis p.alllink a:hover {
  opacity: 0.75;
}
div#CtsRim aside div.cmn-rim-keyword {
  margin-bottom: 3em;
}
div#CtsRim aside div.cmn-rim-keyword h2 {
  margin-bottom: 0;
}
div#CtsRim aside div.cmn-rim-keyword ul {
  margin-top: 0;
}
div#CtsRim aside div.cmn-rim-keyword ul li {
  margin-top: 10px !important;
  display: inline-block;
  height: 36px;
}
div#CtsRim aside div.cmn-rim-keyword ul li a {
  padding: 0 0.5rem;
  border: solid 1px #6dd5ed;
  border-radius: 4px;
  color: #2193b0;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
div#CtsRim aside div.cmn-rim-keyword ul li a:hover {
  background-color: #6dd5ed;
  color: #fff;
}
div#CtsRim aside div.cmn-rim-keyword .uk-button-keyword {
  background-color: #3d99bf;
  color: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 769px) {
  div#CtsRim aside div.cmn-rim-keyword .uk-button-keyword {
    min-width: 180px;
  }
}
div#CtsRim aside div.cmn-rim-keyword .uk-button-keyword:hover {
  opacity: 0.75;
  color: #fff;
}
div#CtsRim aside div.cmn-rim-soken {
  margin-bottom: 3em;
}
div#CtsRim aside div.cmn-rim-soken a.btn-all {
  margin: 1em auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 160px;
  max-width: 80%;
  padding: 8px;
  background: #f3f3f3;
  border: 1px solid #e7e7e7;
  color: #333;
}
div#CtsRim aside div.cmn-rim-soken a.btn-all:hover {
  opacity: 0.75;
}
div#CtsRim aside div.cmn-rim-hoten {
  margin-bottom: 3em;
}
div#CtsRim aside div.cmn-rim-info {
  margin-bottom: 3em;
}
div#CtsRim aside div.cmn-rim-sns {
  margin-bottom: 3em;
  padding: 0;
  border: solid 4px #0e417d;
  background: #0e417d;
  color: #fff;
}
div#CtsRim aside div.cmn-rim-sns h3 {
  margin: 1rem;
  font-size: 24px;
  color: #fff;
  font-family: "Oswald", sans-serif;
}
div#CtsRim aside div.cmn-rim-sns div.tw {
  margin: 2em;
}
div#CtsRim aside div.cmn-rim-sns div.tw a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 4px;
  height: 48px;
  text-decoration: none;
}
div#CtsRim aside div.cmn-rim-sns div.tw a img,
div#CtsRim aside div.cmn-rim-sns div.tw a svg {
  width: 28px;
  height: 28px;
  filter: #000;
}
div#CtsRim aside div.cmn-rim-sns div.tw a:hover {
  opacity: 0.75;
}
div#CtsRim aside div.cmn-rim-comparison {
  margin-bottom: 3em;
  padding: 1em;
}
div#CtsRim aside div.cmn-rim-comparison h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
div#CtsRim aside div.cmn-rim-comparison h2:before {
  margin-right: 6px;
  content: "＼";
}
div#CtsRim aside div.cmn-rim-comparison h2:after {
  margin-left: 6px;
  content: "／";
}
div#CtsRim aside div.cmn-rim-comparison div.title {
  background-color: #fcf3e6;
}
div#CtsRim aside div.cmn-rim-comparison div.allcheck {
  margin: 12px 0;
}
div#CtsRim aside div.cmn-rim-comparison div.cb-list {
  padding: 0;
}
@media print, screen and (min-width: 769px) {
  div#CtsRim aside div.cmn-rim-comparison div.cb-list {
    max-height: 60vh;
    overflow: auto;
  }
}
div#CtsRim aside div.cmn-rim-comparison div.cb-list .cb-item {
  display: grid;
  grid-template-columns: max-content auto;
  align-items: center;
  margin-top: 1em;
  padding: 0 0 1em;
  border-bottom: 1px solid #e5e5e5;
}
div#CtsRim aside div.cmn-rim-comparison div.cb-list .cb-item div.cb {
  width: 24px;
}
div#CtsRim aside div.cmn-rim-comparison div.cb-list .cb-item-anchor {
  display: flex;
  align-items: center;
}
div#CtsRim aside div.cmn-rim-comparison div.cb-list .cb-item div.thum {
  position: relative;
  max-width: 30%;
  flex-grow: 0;
  padding-right: 1em;
}
div#CtsRim aside div.cmn-rim-comparison div.cb-list .cb-item div.thum span.uk-badge {
  position: absolute;
  left: -5px;
  top: -5px;
  z-index: 2;
  background-color: #333333;
}
div#CtsRim aside div.cmn-rim-comparison div.cb-list .cb-item div.thum img {
  width: 100%;
  height: auto;
}
div#CtsRim aside div.cmn-rim-comparison div.cb-list .cb-item div.text {
  flex: 1;
  line-height: 130%;
  font-size: 13px;
}
div#CtsRim aside div.cmn-rim-comparison div.cb-list .cb-item div.text h5 {
  margin: 0;
  font-weight: bold;
  font-size: 14px;
}
div#CtsRim aside div.cmn-rim-comparison div.cb-list .cb-item:last-child {
  border: none;
}
div#CtsRim aside div.cmn-rim-comparison div.cb-list .cb-item.all_label span {
  font-size: 12px;
}
div#CtsRim aside div.cmn-rim-comparison .cmn-btn-svc-dl {
  background-color: #FF3300;
  border-color: #FF3300;
}
div#CtsRim aside.service .uk-badge {
  background-color: #2263b2 !important;
}
div#CtsRim aside.download .uk-badge {
  background-color: #22adb2 !important;
}
div#CtsRim aside.seminar .uk-badge {
  background-color: #483584 !important;
}
div#CtsRim aside .cmn-rim-recommender {
  margin-bottom: 3em;
}
div#CtsRim aside .cmn-rim-recommender h2 + p {
  margin-block: 0 1rem;
  font-size: 0.9285714rem;
}
div#CtsRim aside .cmn-rim-recommender h3 {
  margin-bottom: 0;
}
div#CtsRim aside .cmn-rim-recommender .rec-task-title {
  display: grid;
  grid-template-columns: 44px auto;
  gap: 0 1em;
  font-size: 1rem;
  font-weight: 600;
  line-height: 142.857%;
}
div#CtsRim aside .cmn-rim-recommender .rec-task-title span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1;
  color: #0565CB;
  font-size: 0.928571em;
  border: 1px solid currentColor;
}
div#CtsRim aside .cmn-rim-recommender ul.rim-list {
  border-block: 1px solid #e5e5e5;
  padding-top: 1em;
}
div#CtsRim aside .cmn-rim-recommender ul.rim-list li div.text h4 {
  margin-top: 0.5em;
  color: #999999;
  font-size: 0.94231em;
  text-align: left;
}
div#CtsRim aside .cmn-rim-recommender .rec-actions {
  padding-top: 1.7142857rem;
}
div#CtsRim aside .cmn-rim-recommender .rec-actions .rec-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  max-width: 80%;
  margin-inline: auto;
  padding: 8px;
  color: #FFF;
  background-color: #0F8DAD;
}
div#CtsRim aside .cmn-rim-recommender .rec-actions .rec-btn.outline {
  color: #0F8DAD;
  background-color: #ffffff;
  border: 1px solid currentColor;
}
div#CtsRim aside .cmn-rim-recommender .rec-actions .rec-btn + .rec-btn {
  margin-top: 1em;
}
div#CtsRim aside .cmn-rim-recommender .rec-info {
  display: grid;
  gap: 1rem 0;
  margin-top: 1.7142857rem;
  padding: 1rem;
  background-color: rgba(229, 239, 250, 0.48);
}
div#CtsRim aside .cmn-rim-recommender .rec-info p {
  margin: 0;
  font-size: 0.9285714rem;
}
div#CtsRim aside .cmn-rim-recommender .rec-info a {
  justify-self: end;
  color: #0F8DAD;
  font-size: 0.9285714rem;
  text-decoration: underline;
  text-underline-offset: 3px;
}
div#CtsRim aside .cmn-rim-recommender .rec-info a i {
  margin-left: 0.35em;
}

#LoginArea, .LoginArea {
  margin: 0 auto;
  padding-top: 2em;
}
#LoginArea h2, .LoginArea h2 {
  font-size: 13px;
}
#LoginArea div.alert-keiei, .LoginArea div.alert-keiei {
  padding: 1.5rem;
  background: #fff7f6;
  border: solid 1px #C7362C;
}
#LoginArea div.alert-keiei h4, .LoginArea div.alert-keiei h4 {
  font-size: 14px;
  margin: 0 0;
  color: #C7362C;
}

.login-area-note {
  padding: 24px 20px;
}
.login-area-note .bgtxt01 {
  font-size: 18px;
}

#CtsWrap1Clm:has(.bgtxt01) {
  padding-left: 12px;
  padding-right: 12px;
}
#CtsWrap1Clm:has(.bgtxt01) .bgtxt01 {
  font-size: 16px;
}

.login-area-note,
#CtsWrap1Clm:has(.bgtxt01) {
  background-color: #fbfbfb;
  border-radius: 8px;
}
.login-area-note .bgtxt01,
#CtsWrap1Clm:has(.bgtxt01) .bgtxt01 {
  margin: 0;
  padding: 0 0 15px;
  font-weight: bold;
  line-height: 150%;
  text-align: left;
  background-color: transparent;
  border-bottom: 1px solid #f0506e;
  text-align: center;
}
.login-area-note .bgtxt01 small,
#CtsWrap1Clm:has(.bgtxt01) .bgtxt01 small {
  margin-top: 8px;
  display: block;
  font-size: 13px;
  font-weight: normal;
}
@media print, screen and (min-width: 769px) {
  .login-area-note .bgtxt01 small,
  #CtsWrap1Clm:has(.bgtxt01) .bgtxt01 small {
    font-size: 14px;
  }
}
.login-area-note .bgtxt01.is-customized,
#CtsWrap1Clm:has(.bgtxt01) .bgtxt01.is-customized {
  display: block;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.login-area-note #LoginArea h2,
.login-area-note .LoginArea h2,
#CtsWrap1Clm:has(.bgtxt01) #LoginArea h2,
#CtsWrap1Clm:has(.bgtxt01) .LoginArea h2 {
  font-size: 16px;
  justify-content: center;
}
.login-area-note #LoginArea h2:before,
.login-area-note .LoginArea h2:before,
#CtsWrap1Clm:has(.bgtxt01) #LoginArea h2:before,
#CtsWrap1Clm:has(.bgtxt01) .LoginArea h2:before {
  display: none;
}
.login-area-note#CtsWrap1Clm,
#CtsWrap1Clm:has(.bgtxt01)#CtsWrap1Clm {
  background-color: transparent;
}
@media (min-width: 768px) {
  .login-area-note,
  #CtsWrap1Clm:has(.bgtxt01) {
    padding: 24px;
  }
  .login-area-note .bgtxt01,
  #CtsWrap1Clm:has(.bgtxt01) .bgtxt01 {
    padding: 0 75px 15px;
  }
}

ul.login-tab {
  margin: 2em 0 0;
  padding: 0;
  display: flex;
  gap: 2px;
}
ul.login-tab li {
  overflow: hidden !important;
  width: 100%;
}
ul.login-tab li a {
  border-radius: 4px 4px 0 0;
  border: solid 1px #CCC;
  border-bottom: none;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #111;
}
@media print, screen and (min-width: 769px) {
  ul.login-tab li a {
    border-radius: 8px 8px 0 0;
  }
}
ul.login-tab li a svg {
  width: auto;
  max-height: 42px;
}
ul.login-tab li.hrpro svg {
  fill: #0e417d;
}
ul.login-tab li.hrpro.uk-active {
  width: 150%;
}
ul.login-tab li.hrpro.uk-active a {
  background: #0e417d;
}
ul.login-tab li.hrpro.uk-active a svg {
  fill: #FFF;
}
ul.login-tab li.keiei a svg {
  width: auto;
  max-height: 24px;
  fill: #C7362C;
}
ul.login-tab li.keiei a svg .logo-red {
  fill: #c7362c !important;
}
ul.login-tab li.keiei a svg .logo-gray {
  fill: #aaa !important;
}
ul.login-tab li.keiei.uk-active {
  width: 150%;
}
ul.login-tab li.keiei.uk-active a {
  background: #C7362C;
}
ul.login-tab li.keiei.uk-active a svg {
  fill: #FFF !important;
}

ul.uk-switcher.login-switcher, #LoginArea.login-switcher {
  margin-top: 0 !important;
  border: solid 1px #CCC;
  border-top: none;
  border-radius: 0 0 8px 8px;
  padding: 0;
}
ul.uk-switcher.login-switcher li, #LoginArea.login-switcher li {
  padding: 3rem 2rem 2rem;
  border-top: solid 4px #0e417d;
}
ul.uk-switcher.login-switcher li.hrpro.uk-active, #LoginArea.login-switcher li.hrpro.uk-active {
  border-color: #0e417d;
}
ul.uk-switcher.login-switcher li.keiei.uk-active, #LoginArea.login-switcher li.keiei.uk-active {
  border-color: #C7362C;
}
ul.uk-switcher div.input-wrap, #LoginArea div.input-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 18px;
}
ul.uk-switcher div.input-wrap div.uk-inline, #LoginArea div.input-wrap div.uk-inline {
  width: 50%;
}
ul.uk-switcher div.input-wrap div.uk-inline input.uk-input, #LoginArea div.input-wrap div.uk-inline input.uk-input {
  width: 100%;
}
ul.uk-switcher div.btn-wrap, #LoginArea div.btn-wrap {
  margin: 0 auto;
  max-width: 480px;
}
ul.uk-switcher label.auto-login-label, #LoginArea label.auto-login-label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem 0;
}
ul.uk-switcher div.hrpro-login-form h2.uk-heading-bullet, #LoginArea div.hrpro-login-form h2.uk-heading-bullet {
  color: #0e417d;
}
ul.uk-switcher div.hrpro-login-form h2.uk-heading-bullet::before, #LoginArea div.hrpro-login-form h2.uk-heading-bullet::before {
  border-color: #0e417d;
}
ul.uk-switcher div.hrpro-login-form .uk-button-primary, #LoginArea div.hrpro-login-form .uk-button-primary {
  background: #0e417d !important;
}
ul.uk-switcher div.keiei-login-form h2.uk-heading-bullet, #LoginArea div.keiei-login-form h2.uk-heading-bullet {
  color: #C7362C;
}
ul.uk-switcher div.keiei-login-form h2.uk-heading-bullet::before, #LoginArea div.keiei-login-form h2.uk-heading-bullet::before {
  border-color: #C7362C;
}
ul.uk-switcher div.keiei-login-form .uk-button-primary, #LoginArea div.keiei-login-form .uk-button-primary {
  background: #C7362C !important;
}
ul.uk-switcher div.login-help, #LoginArea div.login-help {
  background-color: aliceblue;
  padding: 1em;
  margin-top: 2em;
}

/* HRPC */
#HrpcLoginWrap {
  margin: 0 auto;
  padding-bottom: 40px;
  width: 850px;
}
#HrpcLoginWrap #HrpcLoginWrapLead {
  margin-bottom: 40px;
  background-image: url("../../images/cmn/hrpc_login_lead_bg.png");
  background-size: cover;
  color: #FFF;
  height: 400px;
  position: relative;
}
#HrpcLoginWrap #HrpcLoginWrapLead div {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  text-align: center;
  font-size: 1.2rem;
  width: 100%;
}

#HrpcLoginArea {
  margin: 36px auto;
  padding: 2em;
  max-width: 760px;
  background: #F3F3F3;
}
#HrpcLoginArea h2 {
  color: #29276E;
  text-align: center;
}
#HrpcLoginArea h2 span {
  margin-bottom: 2em;
  display: block;
}
#HrpcLoginArea #HrpcLoginAreaAbout {
  margin: 2em 0 0;
  padding: 2em;
  background: #FFF;
}
#HrpcLoginArea #HrpcLoginBtnArea {
  margin: 2em 0;
  text-align: center;
  display: flex;
  justify-content: center;
}
#HrpcLoginArea #HrpcLoginBtnArea a {
  margin: 0 5px;
  display: inline-block;
}

/*********************************************************************************

--------------------------------------------------------------------------------*/
#CmnLogin1Colum {
  margin: 0 auto;
  max-width: 640px;
  border-radius: 4px;
  padding: 2em;
  box-sizing: border-box;
}
#CmnLogin1Colum div.formwarp {
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
  gap: 18px;
}
#CmnLogin1Colum div.formwarp div.inputwrap {
  position: relative;
  width: 50%;
}
#CmnLogin1Colum div.btns-wrap {
  margin-top: 18px;
  display: flex;
  justify-content: center;
  gap: 18px;
}
#CmnLogin1Colum div.btns-wrap .uk-button {
  max-width: 240px;
  min-width: 240px;
}

@media (max-width: 640px) {
  #CmnLogin1Colum div.formwarp {
    display: block;
  }
  #CmnLogin1Colum div.formwarp div.inputwrap {
    width: unset;
    margin-bottom: 0.5em;
  }
  #CmnLogin1Colum div.btns-wrap {
    flex-direction: column;
    align-items: center;
  }
}
.sso-area {
  margin: 2rem 0;
}
.sso-area div.sso-ttl {
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #b3b3b3;
}
.sso-area div.sso-ttl::before, .sso-area div.sso-ttl::after {
  background-color: #dbdbdb;
  content: "";
  flex-grow: 1;
  height: 1px;
}
.sso-area div.sso-ttl::before {
  margin-right: 1rem;
}
.sso-area div.sso-ttl::after {
  margin-left: 1rem;
}
.sso-area div.sso-btns {
  margin-bottom: 2rem;
  gap: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.sso-area div.sso-btns .sso-material-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  background-color: WHITE;
  background-image: none;
  border: 1px solid #747775;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1f1f1f;
  cursor: pointer;
  font-family: "Roboto", arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  -webkit-transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  max-width: 400px;
  min-width: min-content;
}
.sso-area div.sso-btns .sso-material-button .sso-material-button-icon {
  height: 20px;
  margin-right: 12px;
  min-width: 20px;
  width: 20px;
}
.sso-area div.sso-btns .sso-material-button .sso-material-button-content-wrapper {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
.sso-area div.sso-btns .sso-material-button .sso-material-button-contents {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.sso-area div.sso-btns .sso-material-button .sso-material-button-state {
  -webkit-transition: opacity 0.218s;
  transition: opacity 0.218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.sso-area div.sso-btns .sso-material-button:disabled {
  cursor: default;
  background-color: rgba(255, 255, 255, 0.3803921569);
  border-color: rgba(31, 31, 31, 0.1215686275);
}
.sso-area div.sso-btns .sso-material-button:disabled .sso-material-button-contents {
  opacity: 38%;
}
.sso-area div.sso-btns .sso-material-button:disabled .sso-material-button-icon {
  opacity: 38%;
}
.sso-area div.sso-btns .sso-material-button:not(:disabled):active .sso-material-button-state,
.sso-area div.sso-btns .sso-material-button:not(:disabled):focus .sso-material-button-state {
  background-color: #303030;
  opacity: 12%;
}
.sso-area div.sso-btns .sso-material-button:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}
.sso-area div.sso-btns .sso-material-button:not(:disabled):hover .sso-material-button-state {
  background-color: #303030;
  opacity: 8%;
}
.sso-area div.sso-btns .sso-material-button.google {
  font-family: "Roboto", arial, sans-serif;
}
.sso-area div.sso-btns .sso-material-button.google:not(:disabled):active .sso-material-button-state,
.sso-area div.sso-btns .sso-material-button.google:not(:disabled):focus .sso-material-button-state {
  background-color: #303030;
  opacity: 12%;
}
.sso-area div.sso-btns .sso-material-button.google:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}
.sso-area div.sso-btns .sso-material-button.google:not(:disabled):hover .sso-material-button-state {
  background-color: #303030;
  opacity: 8%;
}
.sso-area div.sso-btns .sso-material-button.microsoft {
  font-family: "Segoe UI", arial, sans-serif;
}
.sso-area div.sso-btns .sso-material-button.microsoft:not(:disabled):active .sso-material-button-state,
.sso-area div.sso-btns .sso-material-button.microsoft:not(:disabled):focus .sso-material-button-state {
  background-color: #0078d4;
  opacity: 12%;
}
.sso-area div.sso-btns .sso-material-button.microsoft:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 120, 212, 0.3), 0 1px 3px 1px rgba(0, 120, 212, 0.15);
  box-shadow: 0 1px 2px 0 rgba(0, 120, 212, 0.3), 0 1px 3px 1px rgba(0, 120, 212, 0.15);
}
.sso-area div.sso-btns .sso-material-button.microsoft:not(:disabled):hover .sso-material-button-state {
  background-color: #0078d4;
  opacity: 8%;
}
.sso-area div.sso-btns .gsi-material-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  background-color: WHITE;
  background-image: none;
  border: 1px solid #747775;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1f1f1f;
  cursor: pointer;
  font-family: "Roboto", arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  -webkit-transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  max-width: 400px;
  min-width: min-content;
}
.sso-area div.sso-btns .gsi-material-button .gsi-material-button-icon {
  height: 20px;
  margin-right: 12px;
  min-width: 20px;
  width: 20px;
}
.sso-area div.sso-btns .gsi-material-button .gsi-material-button-content-wrapper {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
.sso-area div.sso-btns .gsi-material-button .gsi-material-button-contents {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.sso-area div.sso-btns .gsi-material-button .gsi-material-button-state {
  -webkit-transition: opacity 0.218s;
  transition: opacity 0.218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.sso-area div.sso-btns .gsi-material-button:disabled {
  cursor: default;
  background-color: rgba(255, 255, 255, 0.3803921569);
  border-color: rgba(31, 31, 31, 0.1215686275);
}
.sso-area div.sso-btns .gsi-material-button:disabled .gsi-material-button-contents {
  opacity: 38%;
}
.sso-area div.sso-btns .gsi-material-button:disabled .gsi-material-button-icon {
  opacity: 38%;
}
.sso-area div.sso-btns .gsi-material-button:not(:disabled):active .gsi-material-button-state,
.sso-area div.sso-btns .gsi-material-button:not(:disabled):focus .gsi-material-button-state {
  background-color: #303030;
  opacity: 12%;
}
.sso-area div.sso-btns .gsi-material-button:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}
.sso-area div.sso-btns .gsi-material-button:not(:disabled):hover .gsi-material-button-state {
  background-color: #303030;
  opacity: 8%;
}

.hr-sso-or-mail {
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #646464;
}
.hr-sso-or-mail::before, .hr-sso-or-mail::after {
  background-color: #dbdbdb;
  content: "";
  flex-grow: 1;
  height: 1px;
}
.hr-sso-or-mail::before {
  margin-right: 1rem;
}
.hr-sso-or-mail::after {
  margin-left: 1rem;
}

div#CtsRim .sso-area div.sso-ttl {
  color: #333;
}
div#CtsRim .sso-area div.sso-ttl::before, div#CtsRim .sso-area div.sso-ttl::after {
  background-color: #333;
}
div#CtsRim div.sso-btns {
  margin-bottom: 0;
  gap: 1rem;
}

.fa-twitter:before {
  content: "𝕏" !important;
  font-family: unset;
  font-weight: bold;
  color: #000;
}

.btn-hrpc-primary {
  background-color: #29276e;
}

.btn-hrpc-primary:focus, .btn-hrpc-primary:hover {
  background-color: #3930b1;
  color: #fff;
}

.btn-hrpc-danger {
  background-color: #776617;
  color: #fff;
}

/*  検討フォルダ */
.cmn-btn-add-folder, .cmn-btn-add-folder-all {
  margin: 0 0 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #0265cb;
  border: solid 1px #0265cb;
  color: #fff;
  height: 60px;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
  cursor: pointer;
}
.cmn-btn-add-folder:before, .cmn-btn-add-folder-all:before {
  margin-right: 6px;
  content: "\f65e";
  font-family: "Font Awesome 5 Free";
  color: #FFF;
  font-weight: 700;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .cmn-btn-add-folder, .cmn-btn-add-folder-all {
    height: 54px;
    width: 48%;
    font-size: 3.5vw;
  }
  .cmn-btn-add-folder:before, .cmn-btn-add-folder-all:before {
    display: none;
  }
}
.cmn-btn-add-folder:hover, .cmn-btn-add-folder-all:hover {
  opacity: 0.75;
}
.cmn-btn-add-folder.selected, .cmn-btn-add-folder-all.selected {
  background-color: #FFF;
  color: #0265cb;
  font-weight: bold;
}
.cmn-btn-add-folder.selected:before, .cmn-btn-add-folder-all.selected:before {
  content: "\f07b";
  color: #0265cb !important;
}
.cmn-btn-add-folder.selected:hover, .cmn-btn-add-folder-all.selected:hover {
  opacity: 1;
}
.cmn-btn-add-folder:disabled, .cmn-btn-add-folder-all:disabled {
  border: #b7b7b7 !important;
  cursor: initial;
}
.cmn-btn-add-folder:disabled:hover, .cmn-btn-add-folder-all:disabled:hover {
  opacity: 1;
}

.cmn-btn-bookmark {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #0265cb;
  border: solid 2px #0265cb;
  color: #fff;
  height: 60px;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
  cursor: pointer;
}
.cmn-btn-bookmark:before {
  margin-right: 6px;
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  color: #FFF;
  font-weight: 700;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .cmn-btn-bookmark {
    height: 54px;
    width: 100%;
  }
}
.cmn-btn-bookmark:hover {
  opacity: 0.75;
}
.cmn-btn-bookmark.selected {
  background-color: #FFF;
  color: #0265cb;
  font-weight: bold;
}
.cmn-btn-bookmark.selected:before {
  content: "\f004";
  color: #0265cb !important;
}
.cmn-btn-bookmark.selected:hover {
  opacity: 1;
}

.cmn-btn-svc-dl {
  margin: 0 auto;
  max-width: 408px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #22adb2;
  border: solid 2px #22adb2;
  color: #fff;
  height: 48px;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
  cursor: pointer;
}
.cmn-btn-svc-dl:hover {
  color: #FFF;
  opacity: 0.75;
}
@media only screen and (max-width: 768px) {
  .cmn-btn-svc-dl {
    width: 100%;
  }
}

.cmn-btn-svc-compare {
  margin: 0;
  max-width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 48px;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
  color: black;
  background-color: oklch(90.5% 0.182 98.111deg);
  border-color: oklch(90.5% 0.182 98.111deg);
  cursor: pointer;
}
@media print, screen and (min-width: 769px) {
  .cmn-btn-svc-compare {
    max-width: 408px;
  }
}
.cmn-btn-svc-compare::before {
  content: "\f0ce";
  margin-right: 6px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.cmn-btn-svc-compare:hover {
  opacity: 0.75;
}
@media only screen and (max-width: 768px) {
  .cmn-btn-svc-compare {
    width: 100%;
  }
}
.cmn-btn-svc-compare.disabled {
  background: #7C7C7C !important;
  border-color: #7C7C7C !important;
  cursor: not-allowed !important;
  pointer-events: none;
  user-select: none;
  color: #bdbdbd;
}
.cmn-btn-svc-compare.disabled:hover {
  opacity: 1;
}

.cmn-btn-seminar-movie {
  margin: 0 0 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #FF3300;
  border: solid 2px #FF3300;
  color: #fff;
  height: 60px;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
  cursor: pointer;
}
.cmn-btn-seminar-movie:before {
  margin-right: 6px;
  content: "\f03d";
  font-family: "Font Awesome 5 Free";
  color: #FFF;
  font-weight: 700;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .cmn-btn-seminar-movie {
    height: 54px;
    width: 48%;
    font-size: 3.5vw;
  }
  .cmn-btn-seminar-movie:before {
    display: none;
  }
}
.cmn-btn-seminar-movie:hover {
  opacity: 0.75;
  color: #FFF;
}
.cmn-btn-seminar-movie:disabled {
  background: #b7b7b7;
  border: #b7b7b7;
  cursor: initial;
}
.cmn-btn-seminar-movie:disabled:hover {
  opacity: 1;
}

.cmn-btn-follow-kw {
  margin: 0 0 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #0265cb;
  border: solid 1px #0265cb;
  color: #fff;
  height: 36px;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
  cursor: pointer;
  font-size: 13px;
}
.cmn-btn-follow-kw:before {
  margin-right: 6px;
  content: "\f292";
  font-family: "Font Awesome 5 Free";
  color: #FFF;
  font-weight: 700;
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  .cmn-btn-follow-kw {
    max-width: 48%;
    font-size: 12px;
  }
  .cmn-btn-follow-kw:before {
    display: none;
  }
}
.cmn-btn-follow-kw:hover {
  opacity: 0.75;
}
.cmn-btn-follow-kw.selected {
  background-color: #FFF;
  color: #0265cb;
  font-weight: bold;
}
.cmn-btn-follow-kw.selected:before {
  content: "\f292";
  color: #0265cb !important;
}
.cmn-btn-follow-kw.selected:hover {
  opacity: 1;
}

.uk-button.btn-mypage {
  margin: 6px auto;
  width: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 55px;
  min-width: unset;
  font-size: 14px;
  cursor: pointer;
  border: solid 1px #0e417d;
  background-color: #0e417d;
  color: #FFF;
}
@media only screen and (max-width: 768px) {
  .uk-button.btn-mypage {
    margin-bottom: 1em;
    width: 280px;
    height: 45px;
    min-height: unset;
    font-size: 3.5vw;
  }
}
.uk-button.btn-mypage:hover {
  background-color: #5d7acf;
}
.uk-button.btn-submit {
  margin: 6px auto;
  width: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 55px;
  font-size: 14px;
  cursor: pointer;
  color: #FFF;
  border: solid 1px #FF3300;
  background: #FF3300;
}
@media only screen and (max-width: 768px) {
  .uk-button.btn-submit {
    margin-bottom: 1em;
    width: 280px;
    height: 45px;
    min-height: unset;
    font-size: 3.5vw;
  }
}
.uk-button.btn-submit:hover {
  color: #111;
  background-color: #F7BF00;
}
.uk-button.btn-regist {
  margin: 6px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  min-height: 55px;
  font-size: 14px;
  cursor: pointer;
  border: solid 1px #C0000E;
  background-color: #C0000E;
  color: #FFF;
}
@media only screen and (max-width: 768px) {
  .uk-button.btn-regist {
    margin-bottom: 1em;
    width: 280px;
    height: 45px;
    min-height: unset;
  }
}
.uk-button.btn-regist:hover {
  color: #FFF;
  background-color: #e67e22;
}
.uk-button.btn-cancel {
  margin: 6px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 55px;
  min-width: unset;
  font-size: 14px;
  cursor: pointer;
  border: solid 1px #CCC;
  background-color: #DDD;
  color: #111;
}
@media only screen and (max-width: 768px) {
  .uk-button.btn-cancel {
    margin-bottom: 1em;
    width: 280px;
    height: 45px;
    min-height: unset;
    font-size: 3.5vw;
  }
}
.uk-button.btn-cancel:hover {
  color: #FFF;
  background-color: #e67e22;
}
@media print, screen and (min-width: 769px) {
  .uk-button.small {
    width: 300px;
    height: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .uk-button.small {
    height: 40px;
    font-size: 14px;
    min-height: unset;
  }
}
.uk-button span {
  font-size: 11px;
}
@media only screen and (max-width: 768px) {
  .uk-button span {
    font-size: 10px;
  }
}

_:-ms-input-placeholder, :root .uk-button {
  max-width: 350px;
}

_:-ms-input-placeholder, :root .btn-mypage {
  max-width: 350px;
  height: 55px;
}

_:-ms-input-placeholder, :root .btn-submit {
  max-width: 350px;
  height: 55px;
}

_:-ms-input-placeholder, :root .btn-regist {
  max-width: 350px;
  height: 55px;
}

_:-ms-input-placeholder, :root .btn-cancel {
  max-width: 350px;
  height: 55px;
}

.CmnBtnClr {
  background: #FF3300 !important;
}

.CmnBtnClr:hover {
  background: #F7BF00 !important;
}

a.btn-calendar {
  border: solid 1px #a9a9a9;
  border-radius: 4px;
  font-size: 12px;
  text-transform: none;
  height: 32px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
}
a.btn-calendar:before {
  margin-right: 8px;
  width: 20px;
  height: 20px;
  background-image: url("../../../images/cmn/gc_cal_icon.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: left center;
  content: "";
}
a.btn-calendar:hover {
  opacity: 0.75;
}

/**********************************************/
/* フォーム用入力テーブル */
/**********************************************/
.CmnFormTable th {
  font-size: 13px;
  font-weight: bold;
}
.CmnFormTable th.mast:after {
  font-weight: normal;
  content: "※";
  color: red;
  font-size: 10px;
  display: inline-block;
}
.CmnFormTable td div.errTxt {
  margin-bottom: 6px;
  color: red;
}
.CmnFormTable td p.note {
  font-size: 12px;
  margin: 10px 0 0;
}

/*********************************************************************************
/* HRPREMIUM CLUB
--------------------------------------------------------------------------------*/
span.icon_prc {
  margin-right: 1em;
  display: inline-block;
  position: relative;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
  text-align: center;
  padding: 0 16px;
  font-size: 11px !important;
  background: #776617;
  color: #FFF; /*文字色*/
  box-sizing: border-box;
}

span.icon_prc:before, span.icon_prc:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  z-index: 1;
}

span.icon_prc:before {
  /*左端の山形*/
  top: 0;
  left: 0;
  border-width: 14px 0px 14px 7px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

span.icon_prc:after {
  /*右端の山形*/
  top: 0;
  right: 0;
  border-width: 14px 7px 14px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

.member-only-icon::before {
  margin-right: 6px;
  content: "\f023";
  font-weight: bold;
  font-size: 1em;
  font-family: "Font Awesome 5 Free";
  color: #D3AC07;
}

.member-only-icon-text {
  padding-top: 8px;
}
.member-only-icon-text::before {
  background: url(../../../images/cmn/svg/member-onlu-text.svg) no-repeat center;
  background-size: 75%;
  height: 18px;
  width: 76px;
  content: "";
  background-color: #faebd7;
  border-radius: 4px;
  display: inline-block;
}
@media print, screen and (min-width: 769px) {
  .member-only-icon-text::before {
    background-size: 80%;
    height: 26px;
    width: 94px;
  }
}

:root {
  --icon-recommender-lightbulb: url('data:image/svg+xml,<svg viewBox="0 0 30 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.6406 5.20703C19.6108 5.20606 23.5792 9.52687 23.5801 14.7793C23.5856 16.4531 23.1722 18.1018 22.3779 19.5752V19.5762C22.077 20.1315 21.7567 20.5397 21.4609 20.8945C21.1593 21.2564 20.9105 21.5336 20.6885 21.877C20.271 22.5227 19.9346 23.4357 19.9385 25.4619V25.4746L19.9375 25.4873C19.9114 26.017 19.6798 26.516 19.292 26.8779C19.0781 27.0775 18.8248 27.2237 18.5527 27.3154V28.5771L18.5518 28.7402C18.5423 28.9022 18.5065 29.062 18.4453 29.2129C18.3635 29.4146 18.2382 29.5962 18.0791 29.7441C18.0005 29.8172 17.9143 29.8812 17.8223 29.9355V29.9971H17.8213C17.8347 30.3093 17.7835 30.6214 17.6689 30.9121C17.5508 31.2115 17.3693 31.4823 17.1367 31.7051C16.9041 31.9278 16.6257 32.098 16.3213 32.2031C16.0309 32.3034 15.7229 32.3406 15.417 32.3164H13.8564C13.5502 32.3408 13.2419 32.3034 12.9512 32.2031C12.6467 32.098 12.3684 31.9279 12.1357 31.7051C11.9032 31.4823 11.7215 31.2116 11.6035 30.9121C11.489 30.6212 11.4385 30.3091 11.4521 29.9971H11.4512V29.9307C11.362 29.8773 11.2778 29.8153 11.2012 29.7441C11.0421 29.5962 10.9168 29.4146 10.835 29.2129C10.7565 29.0194 10.7204 28.8114 10.7275 28.6025L10.7266 27.3145C10.4555 27.2227 10.2034 27.0768 9.99023 26.8779C9.60254 26.5161 9.37082 26.0171 9.34473 25.4873L9.34375 25.4746V25.4619C9.34712 23.436 9.01125 22.5228 8.59375 21.877C8.37163 21.5334 8.12201 21.2566 7.82031 20.8945C7.52468 20.5397 7.20497 20.1315 6.9043 19.5762V19.5752C6.11004 18.1018 5.69661 16.4531 5.70215 14.7793C5.70302 9.52676 9.67087 5.20835 14.6406 5.20703ZM12.4502 30.1348C12.4549 30.2751 12.4826 30.4139 12.5342 30.5449C12.5993 30.7103 12.699 30.8605 12.8271 30.9834C12.9554 31.1063 13.1094 31.1998 13.2773 31.2578C13.4454 31.3158 13.6248 31.337 13.8018 31.3193L13.8262 31.3164H15.4463L15.4717 31.3193C15.6485 31.3368 15.8272 31.3158 15.9951 31.2578C16.1631 31.1998 16.3169 31.1054 16.4453 30.9824C16.5734 30.8596 16.6741 30.7102 16.7393 30.5449C16.7909 30.4138 16.8185 30.275 16.8232 30.1348H12.4502ZM11.7266 28.6279C11.7229 28.699 11.7349 28.7707 11.7617 28.8369C11.7885 28.9029 11.8295 28.963 11.8818 29.0117C11.9341 29.0603 11.9966 29.0972 12.0645 29.1191C12.1324 29.1411 12.2046 29.1475 12.2754 29.1387L12.3057 29.1348H16.9736L17.0049 29.1387C17.0757 29.1475 17.1479 29.1411 17.2158 29.1191C17.2835 29.0973 17.3459 29.0605 17.3984 29.0117C17.4508 28.963 17.4918 28.9029 17.5186 28.8369C17.5453 28.7707 17.5573 28.6989 17.5537 28.6279L17.5527 28.6152V27.4258H11.7266V28.6279ZM14.6416 6.20703C10.2901 6.20796 6.70215 10.0107 6.70215 14.7812V14.7822C6.69716 16.2888 7.06856 17.7734 7.7832 19.0996C8.038 19.5702 8.31053 19.9198 8.58887 20.2539C8.86101 20.5805 9.16882 20.9245 9.43359 21.334C9.98776 22.1912 10.3445 23.3095 10.3438 25.4385L10.3535 25.5391C10.3878 25.771 10.4999 25.9861 10.6729 26.1475C10.8705 26.3316 11.1323 26.4312 11.4023 26.4258H17.8799C18.1501 26.4312 18.4128 26.3318 18.6104 26.1475C18.8079 25.9631 18.9252 25.7084 18.9385 25.4385C18.9372 23.3094 19.2944 22.1913 19.8486 21.334C20.1134 20.9245 20.4211 20.5806 20.6934 20.2539C20.9718 19.9198 21.244 19.5702 21.499 19.0996C22.2137 17.7733 22.5851 16.2888 22.5801 14.7822V14.7812C22.5801 10.0107 18.9925 6.20639 14.6416 6.20703ZM18.9229 13.1699L19.3096 13.4854L14.6006 19.2637L14.2998 19.6328L13.917 19.3506L11.0664 17.25L11.6602 16.4453L14.126 18.2627L18.5352 12.8545L18.9229 13.1699ZM2.44141 16.2422H0V15.2422H2.44141V16.2422ZM29.2793 16.2422H26.8379V15.2422H29.2793V16.2422ZM6.37988 6.12695L6.01367 6.46777L5.64746 6.80762L3.92188 4.95215L4.6543 4.27051L6.37988 6.12695ZM25.3564 4.95215L23.6309 6.80762L23.2646 6.46777L22.8984 6.12695L24.624 4.27051L25.3564 4.95215ZM15.1396 2.625H14.1396V0H15.1396V2.625Z" fill="currentColor"/></svg>');
}

/********************************************************************************
    FORM- PARTS
--------------------------------------------------------------------------------*/
.uk-input.error, .uk-select.error, .uk-textarea.error {
  background-color: #F8E0E6;
  color: #111;
}

ul.cmn-enq-list {
  margin: 0;
  padding: 0;
}
ul.cmn-enq-list li {
  margin-bottom: 2em;
}
ul.cmn-enq-list li div.enq-ttl {
  margin-bottom: 1em;
  display: flex;
  font-weight: bold;
  color: #133379;
  align-items: center;
}
ul.cmn-enq-list li div.enq-ttl div.num {
  margin-right: 1em;
  padding: 4px 8px;
  font-size: 0.9rem;
  align-self: baseline;
  background: #133379;
  color: #fff;
  font-weight: normal;
}
ul.cmn-enq-list li div.enq-cts label {
  margin-bottom: 0.5em;
  display: flex;
  line-height: 24px;
  align-items: center;
}
ul.cmn-enq-list li div.enq-cts label input {
  min-width: 16px;
}
ul.cmn-enq-list li div.enq-cts label input + textarea {
  margin: 8px 3%;
  width: 94%;
}
@media only screen and (max-width: 768px) {
  ul.cmn-enq-list li div.enq-cts label input + textarea {
    max-width: 300px;
    width: 90%;
  }
}
ul.cmn-enq-list li div.enq-cts label p {
  margin: 0;
}

/********************************************************************************
    ORDER FORM　TODO　フォームまわりはリニューアル時に削除するよ！
--------------------------------------------------------------------------------*/
#CmnOrderWrap {
  margin: 3em auto;
  max-width: 850px;
}
#CmnOrderWrap h2.orderSectTtl {
  text-align: center;
  font-size: 1.2rem;
  padding: 1em;
  background: #0e417d;
  color: #fff;
}
#CmnOrderWrap h3.subTtl {
  padding: 1em;
  background: #042941;
  color: #fff;
  font-size: 1em;
}
#CmnOrderWrap .form-lead {
  margin-bottom: 2em;
  font-size: 16px;
}
#CmnOrderWrap #CmnOrderSelected {
  margin: 0 auto 30px;
  padding: 2em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-weight: bold;
  background: #e6f5fa;
}
#CmnOrderWrap #CmnOrderSelected li {
  display: flex;
  align-items: center;
}
#CmnOrderWrap #CmnOrderSelected li label {
  font-size: 1em;
  font-weight: normal;
}
#CmnOrderWrap #CmnOrderSelected li:nth-child(n+2) {
  border-top: 1px solid #ccc;
}
#CmnOrderWrap #PolicyArea {
  padding: 3em 2em 0.5em;
  background: #fff;
}
#CmnOrderWrap #PolicyArea label {
  font-size: 1.2rem;
}
#CmnOrderWrap #RgstFinishWrap {
  text-align: center;
}
#CmnOrderWrap #RgstFinishWrap div#finish {
  margin-top: 2em;
  text-align: center;
  background: #fff;
  padding: 1.5em;
}
#CmnOrderWrap #RgstFinishWrap h2 {
  margin-bottom: 1em;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 0;
  color: #000000;
  text-align: center;
}
#CmnOrderWrap #RgstFinishWrap ul {
  margin-top: 50px;
  padding-left: 50px;
  text-align: left;
}
#CmnOrderWrap #RgstFinishWrap ul > li {
  padding-top: 10px;
  font-weight: bold;
  color: #000000;
  font-size: 12px;
  text-align: left;
}
#CmnOrderWrap #RgstFinishWrap li:before {
  padding-right: 0.5em;
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  color: #0059b8;
}
#CmnOrderWrap #RgstFinishWrap p.btn a {
  background: #2d6ab3;
  border-radius: 80px;
  color: #fff;
  display: inline-block;
  padding: 12px;
  text-align: center;
  margin: 30px 0 0;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
#CmnOrderWrap #RgstFinishWrap p.btn a:hover {
  background: #8eb8df;
  color: #104f90;
}
#CmnOrderWrap #RgstFinishWrap strong.point {
  font-size: 18px;
  font-weight: bold;
  font-family: "Arial Black", Gadget, sans-serif;
  color: #1a67b8 !important;
}

#CmnOrderFormWrap {
  margin: 0 auto 30px;
  background: #f1f1f1;
  border-radius: 6px;
  /*	max-width:760px; */
}
@media print, screen and (min-width: 769px) {
  #CmnOrderFormWrap {
    padding: 3em 1.5em;
  }
}
@media only screen and (max-width: 768px) {
  #CmnOrderFormWrap {
    padding: 1.5em 0.75em;
  }
}
#CmnOrderFormWrap h4 {
  font-weight: bold;
  font-size: 1rem;
}
#CmnOrderFormWrap div.uk-margin {
  clear: both;
  min-height: 1.2em;
  padding: 0 0 20px;
  border-bottom: solid 1px #fff;
}
#CmnOrderFormWrap div.uk-margin:last-child {
  border: none;
}
#CmnOrderFormWrap label.uk-form-label {
  margin-top: 0;
  white-space: nowrap;
  font-size: 13px;
}
#CmnOrderFormWrap label.hissu:after {
  margin-left: 0.3em;
  content: "必須";
  color: #FFF;
  font-size: 11px;
  padding: 1px 4px;
  background-color: red;
  font-weight: normal;
}
@media only screen and (max-width: 768px) {
  #CmnOrderFormWrap label.hissu:after {
    padding: 1px 4px;
    font-size: 9px;
  }
}
#CmnOrderFormWrap div.uk-form-controls {
  font-size: 13px;
}
#CmnOrderFormWrap .uk-table-divider > :first-child > tr:not(:first-child),
#CmnOrderFormWrap .uk-table-divider > :not(:first-child) > tr,
#CmnOrderFormWrap .uk-table-divider > tr:not(:first-child) {
  border-top: 1px solid #fff;
}
#CmnOrderFormWrap .errTxt {
  color: red;
  font-size: 11px;
  font-weight: bold;
}
#CmnOrderFormWrap .uk-button {
  margin: 6px;
  width: 320px;
  min-width: unset;
  font-size: 14px;
  cursor: pointer;
  color: #FFF;
}
@media only screen and (max-width: 768px) {
  #CmnOrderFormWrap .uk-button {
    margin-bottom: 10px;
    width: 80%;
  }
}
#CmnOrderFormWrap .uk-button.btn-submit {
  border: solid 1px #FF3300;
  background: #FF3300 !important;
  color: #FFF;
}
@media only screen and (max-width: 768px) {
  #CmnOrderFormWrap .uk-button.btn-submit {
    margin-bottom: 1em;
  }
}
#CmnOrderFormWrap .uk-button.btn-submit:hover {
  background-color: yellow;
}
#CmnOrderFormWrap .uk-button span {
  font-size: 11px;
}

#RgstFinishText {
  text-align: center;
  padding: 2em;
  background: #fff;
  margin: 2em 0;
  color: #1a67b8;
  font-weight: bold;
}

@media (max-width: 960px) {
  #CmnOrderFormWrap {
    padding: 0.5em;
  }
  .form-lead {
    font-size: 1em;
  }
}
.RgstBackBtn {
  padding: 0.5em 0;
  font-size: 0.9em;
  color: #333;
  width: 240px;
  display: inline-block;
  text-align: center;
  border-radius: 24px;
  background: #fff;
  cursor: pointer;
  border: solid 1px #ccc;
  font-weight: bold;
}

/********************************************************************************
    ORDER FORM こちら側にジョジョに移動していきたい（キャメル形式でのネーム）
--------------------------------------------------------------------------------*/
#cmn-order-wrap {
  margin: 3em auto;
  max-width: 850px;
  padding-bottom: 3em;
}
#cmn-order-wrap .cmn-order-cts-ttl {
  margin-bottom: 2em;
  padding: 12px 0;
  border-bottom: solid 1px #333;
  font-size: 18px;
}
#cmn-order-wrap .cmn-order-cts-ttl i {
  font-size: 1.8rem;
  margin-right: 6px;
}
#cmn-order-wrap h2.order-sect-ttl {
  text-align: center;
  font-size: 1.2rem;
  padding: 1em;
  background: #0e417d;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #cmn-order-wrap h2.order-sect-ttl {
    margin: 0 0 1em;
    font-size: 1em;
    padding: 0.75em;
  }
}
#cmn-order-wrap h3.subTtl {
  padding: 1em;
  background: #042941;
  color: #fff;
  font-size: 1em;
}

#cmn-order-selected {
  margin: 0 auto 30px;
  padding: 2em;
  font-weight: bold;
  border-radius: 8px;
  background: #e6f5fa;
}
#cmn-order-selected ul {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  #cmn-order-selected {
    margin: 0 8px 2em;
    padding: 1em;
    border: dotted 1px #0e417d;
  }
}
#cmn-order-selected li {
  padding: 1em 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#cmn-order-selected li input.uk-checkbox {
  margin-top: 0;
  margin-right: 1em;
  height: 22px;
  width: 22px;
}
#cmn-order-selected li label {
  flex: 1;
  font-size: 1em;
  font-weight: bold;
}
@media print, screen and (min-width: 769px) {
  #cmn-order-selected li label {
    font-size: 1.1em;
  }
}
#cmn-order-selected li label span.company {
  font-size: 12px;
  color: #7A7A7A;
  display: block;
  text-align: right;
}

#cmn-order-addfolder {
  margin-bottom: 2em;
  border-radius: 8px;
  box-shadow: 0px 0px 4px #CCC;
  border: solid 2px #FFF;
  padding: 1em;
  position: relative;
  background-image: linear-gradient(-45deg, #D8E8FF 25%, #EEF5F6 25%, #EEF5F6 50%, #D8E8FF 50%, #D8E8FF 75%, #EEF5F6 75%, #EEF5F6);
  background-size: 100%;
  background-attachment: fixed;
}
@media only screen and (max-width: 768px) {
  #cmn-order-addfolder {
    margin: 0 4px;
    padding: 6px;
  }
}
#cmn-order-addfolder button#btn-addfolder-acdon {
  position: absolute;
  right: 2em;
  top: 2em;
  background: none;
}
@media only screen and (max-width: 768px) {
  #cmn-order-addfolder button#btn-addfolder-acdon {
    right: 1em;
    top: 1em;
  }
}
#cmn-order-addfolder button#btn-addfolder-acdon:before {
  color: #000000;
  content: "\f077";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 18px;
}
#cmn-order-addfolder button#btn-addfolder-acdon.closed:before {
  content: "\f078";
}
#cmn-order-addfolder button#btn-list-close {
  display: none;
  margin: 0 auto;
  text-align: center;
  background: none;
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  #cmn-order-addfolder button#btn-list-close {
    font-size: 0.9em;
  }
}
#cmn-order-addfolder h3 {
  margin: 1.5em 1em 0.5em;
  color: #0265cb;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#cmn-order-addfolder h3:before {
  margin-right: 0;
  content: "\f65e";
  font-family: "Font Awesome 5 Free";
  color: #0265cb;
  font-weight: 700;
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  #cmn-order-addfolder h3 {
    font-size: 1em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
#cmn-order-addfolder p.lead {
  margin: 0 1em 1em;
}
@media only screen and (max-width: 768px) {
  #cmn-order-addfolder p.lead {
    font-size: 0.9em;
  }
}
#cmn-order-addfolder div.addfolder-contents {
  margin: 0 1em;
  padding: 0 0 1em;
}
@media only screen and (max-width: 768px) {
  #cmn-order-addfolder div.addfolder-contents {
    margin: 0;
  }
}
#cmn-order-addfolder div.addfolder-contents div.src-list-wrap {
  margin: 0 0 1em;
  padding: 0;
  background-color: #FFF;
}
#cmn-order-addfolder div.addfolder-contents div.src-list-wrap ul.src-list-thum {
  margin-bottom: 0 !important;
}
#cmn-order-addfolder div.addfolder-contents div.src-list-wrap .hide-list {
  display: none;
}
#cmn-order-addfolder div.addfolder-contents div.src-list-wrap li div.thum a:hover {
  opacity: 0.75;
}
#cmn-order-addfolder div.addfolder-contents button#btn-list-all {
  margin: 0 auto;
  text-align: center;
  display: inherit;
  background: none;
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  #cmn-order-addfolder div.addfolder-contents button#btn-list-all {
    font-size: 0.9em;
  }
}

div.cmn-order-head {
  text-align: center;
  font-size: 1.1rem;
  color: #f00;
  font-weight: bold;
}

div.cmn-order-form-notice {
  background: #F5DA81;
  padding: 2em;
  margin: 3em 0;
}
@media only screen and (max-width: 768px) {
  div.cmn-order-form-notice {
    padding: 1em;
    margin: 1em 8px;
  }
}
div.cmn-order-form-notice h3 {
  font-size: 1.1em;
}
@media only screen and (max-width: 768px) {
  div.cmn-order-form-notice h3 {
    font-size: 1em;
  }
}
div.cmn-order-form-notice p {
  margin: 0 0 5px 0;
  font-size: 13px;
}
div.cmn-order-form-notice ul {
  margin: 0;
  padding: 0;
}
div.cmn-order-form-notice ul li strong {
  color: red;
}
@media only screen and (max-width: 768px) {
  div.cmn-order-form-notice ul li strong {
    font-size: 11px;
  }
}
@media only screen and (max-width: 768px) {
  div.cmn-order-form-notice ul li {
    font-size: 11px;
  }
}

div.cmn-order-form-guest-alert {
  margin-bottom: 3em;
}
div.cmn-order-form-guest-alert h3 {
  margin-bottom: 1em;
  padding: 1em;
  background: #042941;
  color: #fff;
  font-size: 1em;
}
div.cmn-order-form-guest-alert div.text-wrap {
  background: #F5DA81;
  padding: 2em;
}
@media print, screen and (min-width: 769px) {
  div.cmn-order-form-guest-alert div.text-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
div.cmn-order-form-guest-alert div.text-wrap h4 {
  font-size: 1.1em;
}
@media only screen and (max-width: 768px) {
  div.cmn-order-form-guest-alert div.text-wrap h4 {
    font-size: 1em;
  }
}
div.cmn-order-form-guest-alert div.text-wrap p {
  margin: 0 0 5px 0;
  font-size: 13px;
}
div.cmn-order-form-guest-alert div.text-wrap a {
  white-space: nowrap;
}

@media print, screen and (min-width: 769px) {
  .cmn-form-table {
    margin: 0 0 2em;
  }
}
.cmn-form-table tr {
  border-color: #FFF !important;
}
.cmn-form-table tr th {
  vertical-align: middle;
  color: #111;
  font-weight: normal;
  white-space: nowrap;
}
@media print, screen and (min-width: 769px) {
  .cmn-form-table tr th {
    min-width: 200px;
  }
}
@media only screen and (max-width: 768px) {
  .cmn-form-table tr th {
    padding: 12px 0 0;
  }
}
.cmn-form-table tr th.hissu:after {
  margin-left: 0.3em;
  content: "必須";
  color: #FFF;
  font-size: 11px;
  padding: 1px 4px;
  background-color: red;
  font-weight: normal;
}
@media only screen and (max-width: 768px) {
  .cmn-form-table tr th.hissu:after {
    padding: 1px 4px;
    font-size: 9px;
  }
}
.cmn-form-table tr td {
  word-break: break-all;
  color: #111;
}
@media print, screen and (min-width: 769px) {
  .cmn-form-table tr td {
    min-width: 450px;
  }
  .cmn-form-table tr td .uk-form-width-large {
    width: 450px;
  }
}
@media only screen and (max-width: 768px) {
  .cmn-form-table tr td {
    padding: 4px 0 12px;
  }
}
.cmn-form-table tr td span.error {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  color: red;
  font-weight: bold;
}
.cmn-form-table p.note {
  margin-top: 10px;
  color: #333;
  font-weight: normal;
  font-size: 12px;
}
@media only screen and (max-width: 768px) {
  .cmn-form-table p.note {
    margin-top: 10px;
    font-size: 0.75em;
  }
}
.cmn-form-table p.note span.red {
  color: red;
  font-size: 1em;
}
.cmn-form-table label {
  margin-right: 1em;
  display: block;
}
@media only screen and (max-width: 768px) {
  .cmn-form-table label {
    margin-right: 0;
  }
}
.cmn-form-table span.must:after {
  margin-left: 6px;
  content: "※";
  color: #C00003;
  height: 1em;
}
.cmn-form-table .ZipBtn {
  padding: 0.5em 1em;
  font-size: 12px;
  color: #FFF;
  display: inline-block;
  text-align: center;
  border-radius: 6px;
  background: #2490D0;
  cursor: pointer;
  border: none;
}
@media only screen and (max-width: 768px) {
  .cmn-form-table .ZipBtn {
    font-size: 10px;
    padding: 4px;
  }
}

.cmn-form-submit-block {
  margin: 3em auto;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .cmn-form-submit-block {
    margin: 2em auto;
    padding: 0 1em;
  }
}
.cmn-form-submit-block .uk-button {
  margin-top: 1em;
}
.cmn-form-submit-block.clm {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cmn-form-submit-block.clm .uk-button {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.cmn-order-form-wrap {
  margin: 0 auto 3em;
  background: #F1F1F1;
  border-radius: 6px;
}
@media print, screen and (min-width: 769px) {
  .cmn-order-form-wrap {
    padding: 2em;
  }
}
@media only screen and (max-width: 768px) {
  .cmn-order-form-wrap {
    margin: 0 4px;
    padding: 1em;
  }
}
.cmn-order-form-wrap div.cmn-order-form-head {
  margin: 2em 0;
  border-bottom: solid 1px #333;
}
.cmn-order-form-wrap div.cmn-order-form-head h3 {
  text-align: center;
  color: red;
}
@media only screen and (max-width: 768px) {
  .cmn-order-form-wrap div.cmn-order-form-head h3 {
    font-size: 15px;
  }
}
.cmn-order-form-wrap div.cmn-order-form-head h3.error:before {
  margin-right: 6px;
  content: "\f06a";
  font-family: "Font Awesome 5 Free";
}
.cmn-order-form-wrap div.soufusaki {
  margin: 2em 0;
  padding: 2em 0;
  border-top: dotted 1px #CCC;
  border-bottom: dotted 1px #CCC;
}
.cmn-order-form-wrap div.soufusaki h4 span {
  margin-left: 1em;
}
.cmn-order-form-wrap div.cmn-order-enq {
  margin: 2em 0;
  padding: 2em;
  background: #FFF;
  border-radius: 8px;
}
.cmn-order-form-wrap div.cmn-order-enq h3 {
  margin: 2em 0;
  font-size: 1.1em;
  text-align: center;
  color: #2263b2;
}
.cmn-order-form-wrap div.cmn-order-enq h4 {
  margin: 8px 0;
  font-size: 1em;
}
.cmn-order-form-wrap div.cmn-order-enq table.cmn-form-table {
  border-top: solid 1px #EDEDED !important;
}
.cmn-order-form-wrap div.cmn-order-enq table.cmn-form-table tr {
  border-color: #EDEDED !important;
}
.cmn-order-form-wrap div.cmn-order-enq table.cmn-form-table tr th {
  vertical-align: top;
  font-weight: bold;
  color: #2263b2;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.cmn-order-form-wrap div.cmn-order-enq table.cmn-form-table tr th span.enq-num {
  font-weight: bold;
}
.cmn-order-form-wrap div.cmn-order-form-policy-area {
  padding: 3em 2em 0.5em;
  background: #fff;
}
@media only screen and (max-width: 768px) {
  .cmn-order-form-wrap div.cmn-order-form-policy-area {
    padding: 2em 1em 1em;
  }
  .cmn-order-form-wrap div.cmn-order-form-policy-area h3 {
    margin-bottom: 1em;
  }
  .cmn-order-form-wrap div.cmn-order-form-policy-area h3 span {
    font-size: 1.2rem;
  }
  .cmn-order-form-wrap div.cmn-order-form-policy-area li {
    font-size: 12px;
  }
}
.cmn-order-form-wrap div.cmn-order-form-policy-area label {
  font-size: 1.2rem;
}
@media only screen and (max-width: 768px) {
  .cmn-order-form-wrap div.cmn-order-form-policy-area label {
    font-size: 1em;
  }
}
.cmn-order-form-wrap div.cmn-order-form-regist-area {
  border-radius: 8px;
  border: solid 1px #d5d5d5;
  padding: 2rem;
}
.cmn-order-form-wrap div.cmn-order-form-regist-area h2.regist-type {
  font-weight: bold;
  text-align: center;
  font-size: 1.1rem;
}

/********************************************************************************
   古い物　TODO　いずれ殲滅
--------------------------------------------------------------------------------*/
/* 情報入力  */
#CmnOrderFormWrap {
  background: #F1F1F1;
  border-radius: 6px;
}

@media (min-width: 960px) {
  #CmnOrderFormWrap {
    padding: 30px;
  }
}
@media (max-width: 960px) {
  #CmnOrderFormWrap {
    padding: 15px;
  }
}
#CmnOrderFormWrap h4 {
  font-weight: bold;
  font-size: 1rem;
}

#CmnOrderFormWrap div.uk-margin {
  clear: both;
  min-height: 1.2em;
  padding: 0 0 20px;
  border-bottom: solid 1px #FFF;
}

#CmnOrderFormWrap label.uk-form-label {
  margin-top: 0;
}

#CmnOrderFormWrap .uk-table-divider > :first-child > tr:not(:first-child), #CmnOrderFormWrap .uk-table-divider > :not(:first-child) > tr, .uk-table-divider > tr:not(:first-child) {
  border-top: 1px solid #FFF;
}

/* 個人情報エリア */
#PolicyArea {
  padding: 3em 2em 0.5em;
  background: #FFF;
}

#PolicyArea label {
  font-size: 1.2rem;
}

.password-wrapper {
  display: flex;
  border: 1px solid #ddd;
  border-radius: 5px;
  max-width: 360px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4px;
  background: #FFF;
  overflow: hidden;
}
.password-wrapper .password__input {
  flex: 1;
  outline: none;
  appearance: none;
  padding: 10px 0 10px 10px;
  border: none;
  font-size: 16px;
}
.password-wrapper .password__input.error {
  color: #333;
}
.password-wrapper .password__toggle {
  width: 40px;
  border: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='48' width='48'><path d='m31.45 27.05-2.2-2.2q1.3-3.55-1.35-5.9-2.65-2.35-5.75-1.2l-2.2-2.2q.85-.55 1.9-.8 1.05-.25 2.15-.25 3.55 0 6.025 2.475Q32.5 19.45 32.5 23q0 1.1-.275 2.175-.275 1.075-.775 1.875Zm6.45 6.45-2-2q2.45-1.8 4.275-4.025Q42 25.25 42.85 23q-2.5-5.55-7.5-8.775Q30.35 11 24.5 11q-2.1 0-4.3.4-2.2.4-3.45.95L14.45 10q1.75-.8 4.475-1.4Q21.65 8 24.25 8q7.15 0 13.075 4.075Q43.25 16.15 46 23q-1.3 3.2-3.35 5.85-2.05 2.65-4.75 4.65Zm2.9 11.3-8.4-8.25q-1.75.7-3.95 1.075T24 38q-7.3 0-13.25-4.075T2 23q1-2.6 2.775-5.075T9.1 13.2L2.8 6.9l2.1-2.15L42.75 42.6ZM11.15 15.3q-1.85 1.35-3.575 3.55Q5.85 21.05 5.1 23q2.55 5.55 7.675 8.775Q17.9 35 24.4 35q1.65 0 3.25-.2t2.4-.6l-3.2-3.2q-.55.25-1.35.375T24 31.5q-3.5 0-6-2.45T15.5 23q0-.75.125-1.5T16 20.15Zm15.25 7.1Zm-5.8 2.9Z'/></svg>") no-repeat center center;
  background-size: 50% auto;
  cursor: pointer;
  height: 40px;
}
.password-wrapper .password__toggle.is-visible {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='48' width='48'><path d='M24 31.5q3.55 0 6.025-2.475Q32.5 26.55 32.5 23q0-3.55-2.475-6.025Q27.55 14.5 24 14.5q-3.55 0-6.025 2.475Q15.5 19.45 15.5 23q0 3.55 2.475 6.025Q20.45 31.5 24 31.5Zm0-2.9q-2.35 0-3.975-1.625T18.4 23q0-2.35 1.625-3.975T24 17.4q2.35 0 3.975 1.625T29.6 23q0 2.35-1.625 3.975T24 28.6Zm0 9.4q-7.3 0-13.2-4.15Q4.9 29.7 2 23q2.9-6.7 8.8-10.85Q16.7 8 24 8q7.3 0 13.2 4.15Q43.1 16.3 46 23q-2.9 6.7-8.8 10.85Q31.3 38 24 38Zm0-15Zm0 12q6.05 0 11.125-3.275T42.85 23q-2.65-5.45-7.725-8.725Q30.05 11 24 11t-11.125 3.275Q7.8 17.55 5.1 23q2.7 5.45 7.775 8.725Q17.95 35 24 35Z'/></svg>");
}
@media (any-hover: hover) {
  .password-wrapper .password__toggle:hover {
    opacity: 0.7;
  }
}

/*********************************************************************************
	OLD HEADER〜202305
--------------------------------------------------------------------------------*/
header {
  zoom: 1;
}
header * {
  box-sizing: border-box;
}
header svg {
  max-width: unset;
}

#HeadWrap {
  background: #0e417d;
  /* SP MENU */
}
#HeadWrap #HeadSpNav {
  padding: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
  background: #0e417d;
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.3);
  top: 0;
  height: 40px;
}
#HeadWrap #HeadSpNav div.sp-nav-left {
  padding-left: 12px;
  float: left;
  height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#HeadWrap #HeadSpNav div.sp-nav-left a {
  color: #FFF;
  height: unset;
  font-size: 11px;
  min-height: unset;
}
#HeadWrap #HeadSpNav div.sp-nav-left a i {
  margin-right: 4px;
  font-size: 14px;
}
#HeadWrap #HeadSpNav div.sp-nav-left div#headMiniLogo img {
  height: 30px;
  width: auto;
}
@media print, screen and (min-width: 769px) {
  #HeadWrap #HeadSpNav div.sp-nav-left div#headMiniLogo {
    opacity: 0;
    margin-left: 1em;
    transition: opacity 500ms ease-in-out;
  }
  #HeadWrap #HeadSpNav div.sp-nav-left div#headMiniLogo.fadein {
    opacity: 1;
  }
}
@media screen and (max-width: 640px) {
  #HeadWrap #HeadSpNav div.sp-nav-left div#headMiniLogo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    opacity: 1;
  }
}
#HeadWrap #HeadSpNav div.sp-nav-right {
  float: right;
  height: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#HeadWrap #HeadSpNav div.sp-nav-right ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#HeadWrap #HeadSpNav div.sp-nav-right ul li {
  min-width: 60px;
}
@media print, screen and (min-width: 769px) {
  #HeadWrap #HeadSpNav div.sp-nav-right ul li {
    border-left: solid 1px rgba(255, 255, 255, 0.1);
    box-shadow: -1px 0px 0 rgba(0, 0, 0, 0.3);
  }
}
#HeadWrap #HeadSpNav div.sp-nav-right ul li:hover {
  opacity: 0.75;
}
#HeadWrap #HeadSpNav div.sp-nav-right ul li a {
  padding: 0 8px;
  font-size: 0.75rem;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 100%;
  text-decoration: none;
}
#HeadWrap #HeadSpNav div.sp-nav-right ul li a i, #HeadWrap #HeadSpNav div.sp-nav-right ul li a img {
  display: none;
}
@media print, screen and (min-width: 769px) {
  #HeadWrap #HeadSpNav div.sp-nav-right ul li a i, #HeadWrap #HeadSpNav div.sp-nav-right ul li a img {
    display: block;
    margin-right: 6px;
  }
}
#HeadWrap #HeadSpNav div.sp-nav-right ul li a em {
  color: unset;
  display: none;
}
@media print, screen and (min-width: 769px) {
  #HeadWrap #HeadSpNav div.sp-nav-right ul li a em {
    display: block;
  }
}
#HeadWrap #HeadSpNav div.sp-nav-right ul li.registLink {
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: yellow;
  border-radius: 24px;
  height: 18px;
}
@media print, screen and (min-width: 769px) {
  #HeadWrap #HeadSpNav div.sp-nav-right ul li.registLink {
    margin: 0 12px;
    width: 160px;
    height: 26px;
  }
}
#HeadWrap #HeadSpNav div.sp-nav-right ul li.registLink a {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  line-height: 12px;
}
#HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only {
  display: none;
  background: none !important;
  border: none !important;
}
@media print, screen and (min-width: 769px) {
  #HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only {
    display: block;
  }
}
#HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only form.gsc-search-box {
  margin: 0;
  border: none !important;
}
#HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box {
  margin: 0;
}
#HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box td.gsc-input {
  padding-right: 0;
}
#HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box td.gsc-input div.gsc-input-box {
  background: #FFFFFF;
  border: none !important;
}
#HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box td.gsc-input td#gs_tti50 {
  min-width: 160px;
  padding: 0 4px;
  height: 27px;
  background: #FFF;
}
#HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box td.gsc-input td#gs_tti50 input {
  font-size: 12px;
}
#HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box td.gsc-input a.gsst_a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box td.gsc-input a.gsst_a span.gscb_a {
  display: inline-block;
  font: 24px/13px arial, sans-serif;
  line-height: 100%;
}
#HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box td.gsc-search-button button:hover {
  opacity: 0.75;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  #HeadWrap #HeadSpNav {
    min-width: 300px;
  }
}
#HeadWrap #HeadTopArea {
  display: none;
}
@media print, screen and (min-width: 769px) {
  #HeadWrap #HeadTopArea {
    display: block;
    margin-top: 40px;
  }
  #HeadWrap #HeadTopArea div.uk-container {
    padding-left: 10px;
    height: 110px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /*ヘッダーのローテーションバナー */
  }
  #HeadWrap #HeadTopArea div.uk-container h3 {
    margin: 0px;
    min-width: 200px;
  }
  #HeadWrap #HeadTopArea div.uk-container h3 img {
    width: auto;
    height: 90px;
  }
  #HeadWrap #HeadTopArea div.uk-container #CmnHeadBanner {
    padding: 0;
    margin: 0;
    text-align: right;
    width: 1000px;
  }
}
#HeadWrap #HeadMdlArea {
  display: none;
}
@media print, screen and (min-width: 769px) {
  #HeadWrap #HeadMdlArea {
    background: #f8f8ff;
    border-bottom: solid 1px #042941;
    display: block;
  }
  #HeadWrap #HeadMdlArea .uk-navbar-nav {
    border-right: solid 1px #d7d7d7;
    width: 100%;
  }
  #HeadWrap #HeadMdlArea .uk-navbar-nav > li {
    border-left: solid 1px #d7d7d7;
    min-width: 100px;
    width: 12.5%;
    position: relative;
  }
  #HeadWrap #HeadMdlArea .uk-navbar-nav > li span.new {
    position: absolute;
    right: 5px;
    top: 3px;
    color: red;
    font-size: 0.75em;
    font-weight: bold;
  }
  #HeadWrap #HeadMdlArea .uk-navbar-nav > li > a {
    font-family: "Oswald", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    height: 45px;
    color: #042941;
    font-size: 13px;
    padding: 0;
    text-align: center;
    white-space: nowrap !important;
  }
  #HeadWrap #HeadMdlArea .uk-navbar-nav > li > a:hover {
    color: #FFF;
    background: #0e417d;
  }
}
#HeadWrap div.header-src-btn {
  margin-left: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#HeadWrap div#modal-search {
  padding: 12px;
}
#HeadWrap div#modal-search h3 {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
}

button.gsc-search-button svg {
  max-width: unset !important;
  height: unset !important;
}

/*********************************************************************************
	NEW HEADER202305〜
--------------------------------------------------------------------------------*/
header#global-header {
  position: relative;
  z-index: 10;
  background: #0e417d;
  /* SP MENU */
}
header#global-header * {
  box-sizing: border-box;
}
header#global-header #header-top {
  padding: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
  background: #063770;
  top: 0;
  height: 40px;
}
header#global-header #header-top div.uk-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header#global-header #header-top div.uk-container:after, header#global-header #header-top div.uk-container:before {
  content: none;
}
header#global-header #header-top div.uk-container div.sp-nav-left {
  padding-left: 12px;
  height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
header#global-header #header-top div.uk-container div.sp-nav-left a {
  padding-left: 0;
  color: #FFF;
  height: unset;
  font-size: 11px;
  min-height: unset;
}
header#global-header #header-top div.uk-container div.sp-nav-left a i {
  margin-right: 4px;
  font-size: 14px;
}
header#global-header #header-top div.uk-container div.sp-nav-left div.search-box {
  display: none;
}
@media print, screen and (min-width: 769px) {
  header#global-header #header-top div.uk-container div.sp-nav-left div.search-box {
    margin-left: 24px;
    display: block;
  }
}
header#global-header #header-top div.uk-container div.sp-nav-left div#headMiniLogo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  opacity: 1;
  display: block;
}
header#global-header #header-top div.uk-container div.sp-nav-left div#headMiniLogo svg {
  max-width: 60px;
  width: auto;
  height: 30px;
  fill: white;
}
@media print, screen and (min-width: 769px) {
  header#global-header #header-top div.uk-container div.sp-nav-left div#headMiniLogo {
    margin-right: 12px;
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    opacity: 0;
    transition: opacity 500ms ease-in-out;
    display: none;
  }
  header#global-header #header-top div.uk-container div.sp-nav-left div#headMiniLogo.fadein {
    opacity: 1;
    display: block;
  }
}
header#global-header #header-top div.uk-container div.sp-nav-right {
  height: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
header#global-header #header-top div.uk-container div.sp-nav-right ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
header#global-header #header-top div.uk-container div.sp-nav-right ul li {
  min-width: 60px;
}
@media print, screen and (min-width: 769px) {
  header#global-header #header-top div.uk-container div.sp-nav-right ul li {
    border-left: solid 1px rgba(255, 255, 255, 0.1);
    box-shadow: -1px 0px 0 rgba(0, 0, 0, 0.3);
  }
}
header#global-header #header-top div.uk-container div.sp-nav-right ul li:hover {
  opacity: 0.75;
}
header#global-header #header-top div.uk-container div.sp-nav-right ul li a {
  padding: 0 8px;
  font-size: 0.75rem;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 100%;
  text-decoration: none;
}
header#global-header #header-top div.uk-container div.sp-nav-right ul li a i, header#global-header #header-top div.uk-container div.sp-nav-right ul li a img {
  display: none;
}
@media print, screen and (min-width: 769px) {
  header#global-header #header-top div.uk-container div.sp-nav-right ul li a i, header#global-header #header-top div.uk-container div.sp-nav-right ul li a img {
    display: block;
    margin-right: 6px;
  }
}
header#global-header #header-top div.uk-container div.sp-nav-right ul li a em {
  color: unset;
  display: none;
}
@media print, screen and (min-width: 769px) {
  header#global-header #header-top div.uk-container div.sp-nav-right ul li a em {
    display: block;
  }
}
header#global-header #header-top div.uk-container div.sp-nav-right ul li.registLink {
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: yellow;
  border-radius: 24px;
  height: 18px;
}
@media print, screen and (min-width: 769px) {
  header#global-header #header-top div.uk-container div.sp-nav-right ul li.registLink {
    margin: 0 12px;
    width: 160px;
    height: 26px;
  }
}
header#global-header #header-top div.uk-container div.sp-nav-right ul li.registLink a {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  line-height: 12px;
}
header#global-header #header-body {
  display: none;
}
@media print, screen and (min-width: 769px) {
  header#global-header #header-body {
    margin-top: 40px;
    display: block;
  }
  header#global-header #header-body div.uk-container {
    padding-left: 10px;
    height: 95px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  header#global-header #header-body div.uk-container div.logo {
    margin: 0;
    max-width: 160px;
    max-height: 100px;
  }
  header#global-header #header-body div.uk-container div.logo svg {
    max-width: 100%;
    width: auto;
    height: 80px;
    fill: white;
  }
  header#global-header #header-body div.uk-container div.sub-menu {
    flex: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    max-height: 90px;
  }
  header#global-header #header-body div.uk-container div.sub-menu div.menu-block {
    min-width: 100px;
    height: 90px;
  }
  header#global-header #header-body div.uk-container div.sub-menu div.menu-block a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90px;
    padding: 6px 12px;
    text-align: center;
    color: #FFF;
    fill: white;
    font-size: 11px;
  }
  header#global-header #header-body div.uk-container div.sub-menu div.menu-block a svg {
    margin: 0 auto 4px;
    width: 36px;
    max-height: 36px;
    height: 36px;
  }
  header#global-header #header-body div.uk-container div.sub-menu div.menu-block a:hover {
    background-color: rgb(255, 255, 255);
    color: #0e417d;
    fill: #0e417d;
  }
}
header#global-header #header-bottom {
  background: #f8f8ff;
  border-bottom: solid 1px #042941;
  display: none;
  z-index: 990;
}
header#global-header #header-bottom div.uk-container {
  padding: 0 !important;
}
@media print, screen and (min-width: 769px) {
  header#global-header #header-bottom {
    display: block;
  }
  header#global-header #header-bottom div.nav-wrap {
    margin: 0 auto;
    padding: 0 1px;
    max-width: 1200px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    min-width: 1200px;
    background: #A4A4A4;
  }
  header#global-header #header-bottom div.nav-wrap h3.nav-title {
    margin: 0;
    padding: 8px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f8f8ff;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block ul.uk-navbar-nav {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: #A4A4A4;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block ul.uk-navbar-nav > li {
    margin: 0;
    padding: 0;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block ul.uk-navbar-nav > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-family: "Oswald", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    height: 45px;
    color: #111;
    background: #f8f8ff;
    font-size: 13px;
    padding: 0 1.3em;
    text-align: center;
    white-space: nowrap !important;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block ul.uk-navbar-nav > li > a:hover {
    opacity: 1 !important;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block div.uk-dropdown {
    margin-top: 0;
    box-shadow: none;
    border: solid 1px #CCC;
    padding: 12px;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block.src h3 {
    color: #063770;
    border-bottom: solid 3px #063770;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block.src ul.uk-navbar-nav > li > a:hover {
    color: #FFF;
    background: #063770;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block.src div.uk-dropdown {
    border: solid 1px #8babd0;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block.src div.uk-dropdown a {
    color: #063770;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block.learning h3 {
    color: #0F8DAD;
    border-bottom: solid 3px #0F8DAD;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block.learning ul.uk-navbar-nav {
    grid-template-columns: repeat(6, 1fr);
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block.learning ul.uk-navbar-nav > li > a {
    letter-spacing: -0.7px;
    padding: 0 0.9em;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block.learning ul.uk-navbar-nav > li > a:hover {
    color: #FFF;
    background: #0F8DAD;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block.learning div.uk-dropdown {
    border: solid 1px #9fd5d2;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block.learning div.uk-dropdown a {
    color: #0F8DAD;
  }
  header#global-header #header-bottom.uk-sticky-fixed {
    top: 60px;
  }
}
header#global-header div.header-src-btn {
  margin-left: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
header#global-header div#modal-search {
  padding: 12px;
}
header#global-header div#modal-search h3 {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
}
header#global-header button.gsc-search-button svg {
  max-width: unset !important;
  height: unset !important;
}

#global-sidenav {
  color: #0e417d;
  background: #f8f8ff;
  overflow: hidden;
  padding: 0;
  width: 90%;
  max-width: 360px !important;
}
#global-sidenav .uk-offcanvas-close {
  position: absolute;
  right: 12px;
  top: 4px;
  color: black;
}
#global-sidenav * {
  box-sizing: border-box;
}
#global-sidenav div.sidebar-wrap {
  height: 100vh;
  overflow-y: auto;
  padding-top: 32px;
  /* スクロールバーの幅 */
  /* スクロールバーの背景色 */
  /* スクロールバーのつまみ */
  /* スクロールバーのつまみをホバーしたときの色 */
}
#global-sidenav div.sidebar-wrap::-webkit-scrollbar {
  width: 8px;
}
#global-sidenav div.sidebar-wrap::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
#global-sidenav div.sidebar-wrap::-webkit-scrollbar-thumb {
  background-color: #b3b3b3;
}
#global-sidenav div.sidebar-wrap::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}
#global-sidenav div.sidebar-wrap:before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  height: 100%;
  border-left: solid 6px #CCC;
  z-index: 0;
}
#global-sidenav div.sidebar-wrap div.sidebar-head {
  margin-bottom: 2em;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  height: 38px;
  padding: 0 16px;
}
#global-sidenav div.sidebar-wrap div.sidebar-head div {
  background: yellow;
  padding: 12px;
}
#global-sidenav div.sidebar-wrap div.sidebar-head .uk-button-primary {
  background-color: #0e417d;
  color: #FFF;
}
#global-sidenav div.sidebar-wrap div.sidebar-head .uk-button-default {
  border: solid 1px #CCC;
  color: #3D3D3D;
}
#global-sidenav div.sidebar-wrap div.sidebar-head i {
  margin-right: 8px;
}
#global-sidenav div.sidebar-wrap div.sidebar-body {
  padding-bottom: 6rem;
}
#global-sidenav div.sidebar-wrap div.sidebar-body div.side-nav {
  padding: 16px;
  position: relative;
}
#global-sidenav div.sidebar-wrap div.sidebar-body div.side-nav h3.ttl {
  margin: 0 0 1em;
  font-size: 13px;
  color: #333;
  font-weight: bold;
}
#global-sidenav div.sidebar-wrap div.sidebar-body div.side-nav ul {
  margin: 0;
  padding: 0;
}
#global-sidenav div.sidebar-wrap div.sidebar-body div.side-nav ul li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 0;
  font-size: 14px;
  color: #333;
}
#global-sidenav div.sidebar-wrap div.sidebar-body div.side-nav.search {
  border-left: solid 6px #063770;
}
#global-sidenav div.sidebar-wrap div.sidebar-body div.side-nav.search h3.ttl {
  color: #063770;
  font-weight: bold;
}
#global-sidenav div.sidebar-wrap div.sidebar-body div.side-nav.search a {
  color: #063770;
}
#global-sidenav div.sidebar-wrap div.sidebar-body div.side-nav.learning {
  border-left: solid 6px #0F8DAD;
}
#global-sidenav div.sidebar-wrap div.sidebar-body div.side-nav.learning h3.ttl {
  color: #0F8DAD;
  font-weight: bold;
}
#global-sidenav div.sidebar-wrap div.sidebar-body div.side-nav.learning a {
  color: #0F8DAD;
}

/* search form*/
form.cmn-search-form {
  display: grid;
  grid-template-columns: auto max-content;
  height: 32px;
  padding: 2px;
  background-color: white;
  border-radius: 16px;
  overflow: hidden;
}
form.cmn-search-form input.search-input {
  outline: none;
  border: none;
  width: 100%;
  height: 100%;
  min-width: 220px;
  padding: 0 8px 0 14px;
  box-sizing: border-box;
}
form.cmn-search-form input.search-input::placeholder {
  color: #1D4079;
}
form.cmn-search-form button {
  flex: none;
  white-space: nowrap;
  background-color: #0265CB;
  color: #FFF;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
  box-sizing: border-box;
  height: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
form.cmn-search-form button:hover {
  opacity: 0.75;
  cursor: pointer;
}

.search-box {
  position: relative;
}
.search-box .search-keyword-trending {
  position: absolute;
  top: 100%;
  width: 100%;
  display: none;
  border-radius: 0 0 16px 16px;
}
.search-box .search-keyword-trending::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #E7E7E8;
}
.search-box.is-active form.cmn-search-form {
  border-radius: 16px 16px 0 0;
  border-bottom-color: transparent;
}
.search-box.is-active .search-keyword-trending {
  display: block;
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.16);
  transition: all 1s ease;
}

.search-keyword-trending {
  padding: 16px;
  background-color: white;
}
.search-keyword-trending > p {
  margin-block: 0 16px;
  color: #16366C;
  font-size: 12px;
  font-weight: bold;
}
.search-keyword-trending ul {
  display: grid;
  gap: 0.25em 0;
  margin: 0;
  padding: 0;
}
.search-keyword-trending a {
  display: flex;
  gap: 0 6px;
  font-size: 1rem !important;
  color: #0265cb !important;
}
.search-keyword-trending a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f292";
  font-weight: 900;
}
.search-keyword-trending a:hover {
  text-decoration: underline;
}

div#simple-head {
  width: 100%;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0e417d;
}
div#simple-head div#logo {
  text-align: center;
}
@media print, screen and (min-width: 769px) {
  div#simple-head div#logo {
    padding: 10px;
  }
}
@media only screen and (max-width: 768px) {
  div#simple-head div#logo {
    margin-bottom: 1em;
    padding: 10px;
  }
  div#simple-head div#logo img {
    margin: 0 auto;
    width: auto;
    height: 50px;
  }
}
div#simple-head div#logo img {
  margin: 0 auto;
  width: auto;
  height: 50px;
}
div#simple-head h1 {
  font-size: 2em;
  text-align: center;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  div#simple-head h1 {
    margin: 1em 0;
    font-size: 1.2em;
  }
}

/*--------------------------------------------------------------------------------------------------
	FOOTER
-------------------------------------------------------------------------------------------------- */
footer {
  padding: 30px 0;
  background: #F6F6F6;
}
footer p#FootPageTopBtn {
  margin: 0 0 1em;
  display: none;
  position: fixed;
  bottom: 110px;
  right: 20px;
  z-index: 999;
}
@media only screen and (max-width: 768px) {
  footer p#FootPageTopBtn {
    bottom: 80px;
    right: 5px;
  }
}
footer p#FootPageTopBtn a.uk-button {
  padding: 0;
  background: rgba(24, 41, 90, 0.7);
  color: #FFF;
  width: 40px !important; /*幅*/
  height: 40px; /*高さ*/
  line-height: 40px;
  border-radius: 50%; /*角丸*/
  min-width: 40px;
}
footer p#FootPageTopBtn a.uk-button i {
  line-height: 40px;
}
footer #FootNavArea {
  margin-bottom: 50px;
}
footer #FootNavArea h3 {
  font-size: 13px;
}
footer #FootNavArea ul {
  padding-left: 0;
  list-style: none;
}
footer #FootNavArea ul li strong.sub-ttl {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 11px;
  font-weight: bold;
  display: block;
}
footer #FootNavArea ul li a {
  font-size: 12px;
}
footer #FootArea h4 {
  margin: 0;
  font-size: 13px;
}
footer #FootArea div.sns-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
footer #FootArea div.sns-link ul.sns {
  margin: 0 0 0 1em;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
footer #FootArea div.sns-link ul.sns li {
  margin-left: 1em;
}
footer #FootArea div.sns-link ul.sns li a {
  height: 40px;
  width: 40px;
  background: #FFF;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
footer #FootArea div.sns-link ul.sns li a:hover {
  opacity: 0.65;
}
footer #FootArea div.sns-link ul.sns li a i {
  font-size: 16px;
}
footer #FootArea div.sns-link ul.sns li a i.fa-facebook-f {
  color: #1877F2;
}
footer #FootArea div.sns-link ul.sns li a i.fa-twitter {
  color: #1DA1F2;
}

/*--------------------------------------------------------------------------------------------------
	FOOT MEDIA
-------------------------------------------------------------------------------------------------- */
#CmnFootMedia {
  margin: 50px 0;
  text-align: center;
}
#CmnFootMedia ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  justify-items: center;
  align-items: center;
  gap: 6px;
}
#CmnFootMedia ul li img {
  width: auto;
  max-height: 30px;
}

@media (max-width: 960px) {
  #CmnFootMedia {
    display: none;
  }
}
@media print, screen and (min-width: 769px) {
  #simple-footer {
    margin: 0 0 50px;
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  #simple-footer {
    margin: 0 0 2em;
  }
}
#simple-footer #FootNav {
  margin: 0px;
  padding: 0;
  clear: both;
}
#simple-footer #FootNav a {
  color: rgb(51, 51, 51);
  text-decoration: none;
  font-size: 12px;
}
@media only screen and (max-width: 768px) {
  #simple-footer #FootNav a {
    padding: 8px;
    color: rgb(51, 51, 51);
    text-decoration: none;
    font-size: 1em;
    display: block;
    text-align: left;
  }
}
#simple-footer #FootNav li {
  display: inline;
}
@media only screen and (max-width: 768px) {
  #simple-footer #FootNav li {
    border-top: solid 1px #CCC;
    display: block;
    font-size: 0.75rem;
  }
}
#simple-footer #FootNav li:after {
  content: "｜";
  margin: 0 1px;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  #simple-footer #FootNav li:after {
    content: none;
  }
}
#simple-footer #FootNav li:last-child:after {
  content: none;
}

div.cmn-keyword-tag {
  padding-bottom: 8px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}
@media print, screen and (min-width: 769px) {
  div.cmn-keyword-tag {
    flex-wrap: wrap;
    flex-direction: row;
  }
}
div.cmn-keyword-tag > a {
  border: solid 1px #6dd5ed;
  border-radius: 4px;
  color: #3d99bf !important;
  font-size: 12px;
  text-decoration: none !important;
}
@media print, screen and (min-width: 769px) {
  div.cmn-keyword-tag > a {
    padding: 0 1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 34px;
  }
}
@media only screen and (max-width: 768px) {
  div.cmn-keyword-tag > a {
    display: inline-block;
    padding: 0.3em;
    white-space: nowrap;
  }
}
div.cmn-keyword-tag > a:hover {
  background-color: #6dd5ed !important;
  color: #FFF !important;
  text-decoration: none !important;
}
div.cmn-keyword-tag > div.tag {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 24px;
}
@media print, screen and (min-width: 769px) {
  div.cmn-keyword-tag > div.tag {
    display: grid;
    grid-template-columns: 24px 1fr;
    grid-auto-flow: column;
    width: unset;
    height: 30px;
  }
}
div.cmn-keyword-tag > div.tag div.tag-action {
  cursor: pointer;
  border: solid 1px #3d99bf;
  background: #3d99bf;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 24px;
  border-radius: 4px 0 0 4px;
}
div.cmn-keyword-tag > div.tag div.tag-action.follow {
  border: solid 1px #CCC;
  background: #F3F3F3;
  color: #2c2b2b;
}
div.cmn-keyword-tag > div.tag a {
  height: 100%;
  border: solid 1px #6dd5ed;
  border-radius: 0 4px 4px 0;
  border-left: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 8px;
  font-size: 12px;
  line-height: 22px !important;
  display: inline-block;
  white-space: nowrap;
  color: #3d99bf !important;
  text-decoration: none !important;
}
@media print, screen and (min-width: 769px) {
  div.cmn-keyword-tag > div.tag a {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 28px;
    font-size: 14px;
  }
}
div.cmn-keyword-tag > div.tag a:hover {
  background-color: #6dd5ed !important;
  color: #FFF !important;
  text-decoration: none !important;
}

#CtsMain:has(.preview-msg) .cmn-keyword-tag,
#CtsMain:has(.preview-msg) .cmn-keyword-genre {
  pointer-events: none;
}

div.cmn-keyword-genre {
  padding-bottom: 8px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}
@media print, screen and (min-width: 769px) {
  div.cmn-keyword-genre {
    flex-wrap: wrap;
    flex-direction: row;
  }
}
div.cmn-keyword-genre > a, div.cmn-keyword-genre > span, div.cmn-keyword-genre > a span, div.cmn-keyword-genre > span a {
  margin-right: 4px;
  background-color: #c3d7f2;
  color: #333;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 12px;
  padding: 0 0.3em;
  line-height: 27px;
}
@media print, screen and (min-width: 769px) {
  div.cmn-keyword-genre > a, div.cmn-keyword-genre > span, div.cmn-keyword-genre > a span, div.cmn-keyword-genre > span a {
    font-size: 14px;
    padding: 0.3em;
  }
}
div.cmn-keyword-genre > div.tag {
  width: 100%;
  height: 24px;
}
@media print, screen and (min-width: 769px) {
  div.cmn-keyword-genre > div.tag {
    width: unset;
    height: 30px;
  }
}
div.cmn-keyword-genre > div.tag:has(.tag-action) {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
div.cmn-keyword-genre > div.tag:has(.tag-action) a {
  border-radius: 0 4px 4px 0;
}
@media print, screen and (min-width: 769px) {
  div.cmn-keyword-genre > div.tag:has(.tag-action) {
    display: grid;
    grid-template-columns: 24px 1fr;
    grid-auto-flow: column;
  }
}
div.cmn-keyword-genre > div.tag div.tag-action {
  cursor: pointer;
  border: solid 1px #3d5e8f;
  background: #3d5e8f;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 24px;
  border-radius: 4px 0 0 4px;
}
div.cmn-keyword-genre > div.tag div.tag-action.follow {
  border: solid 1px #c3d7f2;
  background: #FFF;
  color: #3d5e8f;
}
div.cmn-keyword-genre > div.tag a {
  background-color: #c3d7f2;
  height: 100%;
  border-radius: 4px;
  border: solid 1px #c3d7f2;
  border-left: none;
  color: #333;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 8px;
  font-size: 12px;
  line-height: 22px !important;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none !important;
}
@media print, screen and (min-width: 769px) {
  div.cmn-keyword-genre > div.tag a {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 28px;
    font-size: 14px;
  }
}

/**********************************************/
/* フォーム用入力テーブル */
/**********************************************/
.CmnPgingWrap {
  margin-bottom: 1em;
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .CmnPgingWrap {
    align-items: flex-start;
  }
}
.CmnPgingWrap div.CmnPgingHead {
  margin: 0;
  text-align: left;
  position: relative;
}
.CmnPgingWrap div.CmnPgingHead strong {
  margin-right: 10px;
  font-size: 1.8em;
  color: #111;
  line-height: 100%;
}
@media only screen and (max-width: 768px) {
  .CmnPgingWrap div.CmnPgingHead strong {
    font-size: 1.2em;
  }
}
.CmnPgingWrap div.CmnPgingHead .CmnPagingChcek {
  margin: 0 0 0 8px;
  padding: 0;
  display: inline-block;
  line-height: 24px;
  border: none !important;
}
.CmnPgingWrap div.CmnPgingHead .CmnPagingChcek label {
  border: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.CmnPgingWrap div.CmnPgingHead .CmnPagingChcek label span.all_label {
  font-size: 12px;
}
@media print, screen and (min-width: 769px) {
  .CmnPgingWrap div.CmnPgingHead .CmnPagingChcek label span.all_label {
    font-size: 14px;
  }
}
.CmnPgingWrap div.CmnPgingHead .CmnPagingChcek input {
  margin: 0;
  min-width: 20px;
  min-height: 20px;
}
@media only screen and (max-width: 768px) {
  .CmnPgingWrap div.CmnPgingHead {
    padding-bottom: 15px;
    font-size: 12px;
  }
}
.CmnPgingWrap div.CmnPgingHead button.btn-archive {
  margin: 1em 0;
  font-size: 12px;
  border: solid 1px #CCC;
  background: none;
}
@media print, screen and (min-width: 769px) {
  .CmnPgingWrap div.CmnPgingHead button.btn-archive {
    position: absolute;
    right: -40px;
    top: 0;
    margin: 0;
  }
  .CmnPgingWrap div.CmnPgingHead button.btn-archive:hover {
    opacity: 0.5;
  }
}
.CmnPgingWrap div.CmnPagingSort {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.CmnPgingWrap div.CmnPagingSort label {
  cursor: default;
}
@media print, screen and (min-width: 769px) {
  .CmnPgingWrap div.CmnPagingSort {
    margin: 0 0 1em auto;
    width: 240px;
  }
}
.CmnPgingWrap div.CmnPagingSort .uk-select {
  max-width: 160px;
  font-size: 0.9em;
}
@media only screen and (max-width: 768px) {
  .CmnPgingWrap div.CmnPagingSort {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 80px;
  }
  .CmnPgingWrap div.CmnPagingSort label {
    display: none;
  }
  .CmnPgingWrap div.CmnPagingSort .uk-select {
    width: unset;
    font-size: 0.9em;
    height: 28px;
  }
}
.CmnPgingWrap div.comparison-controls {
  padding: 1rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media print, screen and (min-width: 769px) {
  .CmnPgingWrap div.comparison-controls {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
.CmnPgingWrap div.CmnPgingLink {
  margin: 0;
}
@media print, screen and (min-width: 769px) {
  .CmnPgingWrap div.CmnPgingLink {
    position: relative;
  }
}
.CmnPgingWrap div.CmnPgingLink ul.uk-pagination {
  margin: 0;
}
.CmnPgingWrap div.CmnPgingLink ul.uk-pagination li {
  margin-left: 4px;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  background: #f3f3f3;
  padding: 0;
}
.CmnPgingWrap div.CmnPgingLink ul.uk-pagination li a {
  display: block;
  font-size: 14px;
  text-decoration: none;
  color: #111;
  font-weight: bold;
}
.CmnPgingWrap div.CmnPgingLink ul.uk-pagination li.uk-active {
  background: #3e6cbf;
}
.CmnPgingWrap div.CmnPgingLink ul.uk-pagination li.uk-active span {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  display: block;
}

@media (max-width: 640px) {
  div.CmnPagingChcek {
    margin: 0;
    padding: 0;
  }
  div.CmnPgingHead div.CmnPagingChcek {
    display: none;
  }
}
/* PRLINK */
div.cmn-head-pr, div#ClmTopLink {
  margin: 0;
  padding: 0;
}
div.cmn-head-pr ul, div#ClmTopLink ul {
  margin: 0;
  padding: 0;
}
div.cmn-head-pr ul li, div#ClmTopLink ul li {
  padding-bottom: 0.5em;
}
div.cmn-head-pr ul li > a, div#ClmTopLink ul li > a {
  color: #111;
  font-size: 14px;
}
@media print, screen and (min-width: 769px) {
  div.cmn-head-pr ul li > a, div#ClmTopLink ul li > a {
    font-size: 16px;
  }
}
div.cmn-head-pr ul li:before, div#ClmTopLink ul li:before {
  margin-right: 0.5em;
  color: #FFF;
  content: "PR";
  font-size: 12px;
  line-height: 10px;
  padding: 0 3px;
  background: #1fa67a;
}

div.cmn-related-contents {
  margin: 0;
  list-style: none;
}
div.cmn-related-contents h2.uk-heading-line {
  display: flex;
  align-items: center;
}
div.cmn-related-contents h2.uk-heading-line::before {
  margin-right: 6px;
  content: "\f0a4";
  font-weight: bold;
  font-size: 24px;
  font-family: "Font Awesome 5 Free";
}
div.cmn-related-contents h2.uk-heading-line span::before {
  display: none;
}
@media print, screen and (min-width: 769px) {
  div.cmn-related-contents h2.uk-heading-line span {
    font-size: 1.1em;
  }
}
div.cmn-related-contents li {
  padding: 1em 0;
}
div.cmn-related-contents li a {
  color: #111111;
  display: block;
}
div.cmn-related-contents li a span {
  font-weight: bold;
  font-size: 0.85em;
}
div.cmn-related-contents li a h2 {
  margin: 0 0 0.5em;
  text-align: left;
}
@media print, screen and (min-width: 769px) {
  div.cmn-related-contents li a h2 {
    font-size: 1.2em;
  }
}
@media only screen and (max-width: 768px) {
  div.cmn-related-contents li a h2 {
    font-size: 1em;
  }
}
div.cmn-related-contents li a p {
  margin: 0;
  color: #717171;
  font-size: 0.85em;
}
@media only screen and (max-width: 768px) {
  div.cmn-related-contents li a p {
    display: none;
  }
}
div.cmn-related-contents li a p.uk-text-meta {
  margin: 0;
  font-size: 12px;
}
div.cmn-related-contents li a:hover {
  opacity: 0.75;
}
div.cmn-related-contents li a div.thum {
  text-align: center;
}
div.cmn-related-contents li a div.thum img {
  max-height: unset !important;
}
@media print, screen and (min-width: 769px) {
  div.cmn-related-contents li a div.thum canvas {
    width: 120px;
    height: 120px;
  }
}
@media only screen and (max-width: 768px) {
  div.cmn-related-contents li a div.thum canvas {
    height: 160px;
  }
}
div.cmn-related-contents li div.cv-area {
  display: grid;
  grid-template-columns: 120px 1fr;
  grid-template-rows: auto auto;
  gap: 4px 15px;
  gap: 15px;
}
@media print, screen and (min-width: 769px) {
  div.cmn-related-contents li div.cv-area {
    grid-template-rows: auto;
  }
}
div.cmn-related-contents li div.cv-area div.thum {
  width: 120px;
}
div.cmn-related-contents li div.cv-area .cover {
  width: 100%;
  aspect-ratio: var(--cover-aspect-ratio, 4/3);
  background-color: oklch(96.8% 0.007 247.896deg);
}
div.cmn-related-contents li div.cv-area .cover img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
div.cmn-related-contents li div.cv-area[data-cv-type=news] .cover, div.cmn-related-contents li div.cv-area[data-cv-type=column] .cover {
  --cover-aspect-ratio: 5 / 3;
}
div.cmn-related-contents li div.cv-area[data-cv-type=service] .cover, div.cmn-related-contents li div.cv-area[data-cv-type=download] .cover, div.cmn-related-contents li div.cv-area[data-cv-type=seminar] .cover {
  --cover-aspect-ratio: 4 / 3;
}
@media print, screen and (min-width: 769px) {
  div.cmn-related-contents li div.cv-area div.text {
    grid-column: 2;
    grid-row: 1;
  }
}
div.cmn-related-contents li div.cv-area div.text p {
  margin: 0;
}
div.cmn-related-contents li div.cv-area div.btn-wrap {
  grid-column: 1/span 2;
  grid-row: 2;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  gap: 4px;
}
@media print, screen and (min-width: 769px) {
  div.cmn-related-contents li div.cv-area div.btn-wrap {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
  }
}
div.cmn-related-contents li div.cv-area div.btn-wrap button.uk-button, div.cmn-related-contents li div.cv-area div.btn-wrap .cmn-btn-add-folder {
  margin: 0;
  height: 36px;
  line-height: 36px;
  white-space: nowrap;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  font-size: 1em;
  min-width: 80px;
  width: unset;
}
@media print, screen and (min-width: 769px) {
  div.cmn-related-contents li div.cv-area div.btn-wrap button.uk-button, div.cmn-related-contents li div.cv-area div.btn-wrap .cmn-btn-add-folder {
    padding: 0 1rem;
    height: 36px;
    line-height: 48px;
    width: 110px;
    box-sizing: border-box;
  }
}
div.cmn-related-contents a.tag-all-link {
  border: solid 1px #6dd5ed;
  border-radius: 4px;
  color: #3d99bf;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: fit-content;
}
@media print, screen and (min-width: 769px) {
  div.cmn-related-contents a.tag-all-link {
    padding: 2px 12px;
    font-size: 14px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 768px) {
  div.cmn-related-contents a.tag-all-link {
    padding: 8px 12px;
    font-size: 0.9em;
    line-height: 120%;
  }
}
div.cmn-related-contents a.tag-all-link:hover {
  background-color: #6dd5ed;
  color: #FFF;
}
div.cmn-related-contents a.tag-all-link::before {
  margin-right: 3px;
  content: "\f02b";
  font-weight: bold;
  font-size: 16px;
  font-family: "Font Awesome 5 Free";
}
@media only screen and (max-width: 768px) {
  div.cmn-related-contents a.tag-all-link::before {
    font-size: 13px;
  }
}
div.cmn-related-contents a.genre-all-link {
  border: solid 1px #CCC;
  border-radius: 4px;
  background: #F1F1F1;
  color: #333;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: fit-content;
}
@media print, screen and (min-width: 769px) {
  div.cmn-related-contents a.genre-all-link {
    padding: 2px 12px;
    font-size: 14px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 768px) {
  div.cmn-related-contents a.genre-all-link {
    padding: 8px 12px;
    font-size: 0.9em;
    line-height: 120%;
  }
}
div.cmn-related-contents a.genre-all-link:hover {
  background-color: #6dd5ed;
  color: #FFF;
}
div.cmn-related-contents .genre-list-link {
  --g-l-l-color: #3d5e8f;
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 0 12px 0 0;
  color: var(--g-l-l-color);
  font-size: 0.9rem;
  line-height: 120%;
  border: 1px solid currentColor;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.25s ease;
}
div.cmn-related-contents .genre-list-link:hover {
  color: white;
  background-color: var(--g-l-l-color);
  border-color: var(--g-l-l-color);
}
div.cmn-related-contents .genre-list-link:hover:before {
  background-color: var(--g-l-l-color);
}
div.cmn-related-contents .genre-list-link::before {
  content: "\f03a";
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  aspect-ratio: 1;
  padding-inline: 12px;
  color: currentColor;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  background-color: white;
  transition: all 0.25s ease;
}
@media print, screen and (min-width: 769px) {
  div.cmn-related-contents .genre-list-link {
    padding: 0 12px 0 0;
    font-size: 14px;
    line-height: 34px;
  }
}
div.cmn-related-contents .tag-all-link + .genre-list-link {
  margin-top: 1rem;
}

article.article-wrap > div.cmn-sns-link {
  float: right;
}
article.article-wrap div.article-head {
  padding-bottom: 2em;
  border-bottom: solid 1px #CCC;
}
article.article-wrap div.article-head h1 {
  margin: 0 0 1em;
  font-weight: bold;
  font-size: 28px;
  position: relative;
  line-height: 1.4;
  color: #042941;
}
article.article-wrap div.article-head h1 strong {
  padding-top: 15px;
  display: block;
  font-size: 0.75em;
}
@media only screen and (max-width: 768px) {
  article.article-wrap div.article-head h1 {
    font-size: 1.3rem;
  }
}
article.article-wrap div.article-head div.article-lead-box {
  margin-bottom: 1em;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-head div.article-lead-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-head div.article-lead-box div.box-text {
    margin-right: 30px;
    width: 620px;
  }
}
article.article-wrap div.article-head div.article-lead-box div.box-text h1 {
  margin: 0 0 0.5em;
  font-weight: bold;
  font-size: 28px;
  position: relative;
  line-height: 1.4;
  color: #042941;
}
article.article-wrap div.article-head div.article-lead-box div.box-text h1 strong {
  padding-top: 15px;
  display: block;
  font-size: 0.75em;
}
@media only screen and (max-width: 768px) {
  article.article-wrap div.article-head div.article-lead-box div.box-text h1 {
    font-size: 1.3rem;
  }
}
article.article-wrap div.article-head div.article-lead-box div.box-text h2, article.article-wrap div.article-head div.article-lead-box div.box-text p {
  margin: 0;
}
article.article-wrap div.article-head div.article-lead-box div.box-text p.date {
  margin-top: 8px;
  font-size: 12px;
  color: #3D3D3D;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-head div.article-lead-box div.box-action {
    width: 200px;
  }
}
@media only screen and (max-width: 768px) {
  article.article-wrap div.article-head div.article-lead-box div.box-action {
    margin-top: 1em;
  }
}
article.article-wrap div.article-head div.article-lead-box div.box-action p {
  margin: 0.5em 0 0;
}
article.article-wrap div.article-head div.article-lead-box div.box-action p a {
  font-size: 11px;
}
article.article-wrap div.article-head div.article-lead-box div.box-action button.cmn-btn-add-folder {
  width: 100%;
}
article.article-wrap div.article-head div.lead-link {
  margin: 1.75em 0 0;
}
article.article-wrap div.article-head div.lead-link div.uk-flex {
  margin: 0.75em 0;
  justify-items: center;
}
article.article-wrap div.article-head div.lead-link div.uk-flex strong {
  white-space: nowrap;
  font-weight: bold;
  font-size: 11px;
  min-width: 80px;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-head div.lead-link div.uk-flex strong {
    font-weight: bold;
    min-width: 100px;
    font-size: 14px;
  }
}
article.article-wrap div.article-head div.lead-link div.uk-flex div.cmn-keyword-genre, article.article-wrap div.article-head div.lead-link div.uk-flex div.cmn-keyword-tag {
  margin: 0;
}
article.article-wrap div.article-head div.lead-link div.uk-flex div.cmn-keyword-genre a, article.article-wrap div.article-head div.lead-link div.uk-flex div.cmn-keyword-tag a {
  margin-bottom: 0;
}
article.article-wrap div.article-head div.lead-link div.uk-flex div.cmn-keyword-genre a:hover, article.article-wrap div.article-head div.lead-link div.uk-flex div.cmn-keyword-tag a:hover {
  opacity: 0.75;
}
article.article-wrap div.article-body {
  margin: 0 auto;
  padding: 3em 0;
  /*　ページング　*/
}
article.article-wrap div.article-body div.article-main-img, article.article-wrap div.article-body div.MainImg {
  margin-bottom: 2em;
  text-align: center;
}
article.article-wrap div.article-body div.article-main-img img, article.article-wrap div.article-body div.MainImg img {
  max-width: 100%;
  height: auto;
}
article.article-wrap div.article-body div.article-lead, article.article-wrap div.article-body div#MainLead {
  margin-bottom: 2em;
  color: #000;
  font-weight: bold;
  line-height: 180%;
  background: #F3F3F3;
  padding: 1em;
}
article.article-wrap div.article-body div.article-lead p, article.article-wrap div.article-body div#MainLead p {
  margin-bottom: 0;
}
article.article-wrap div.article-body div.article-menu {
  padding: 1em;
  font-size: 1rem;
  border: solid 1px #CCC;
}
article.article-wrap div.article-body div.article-menu button {
  margin: 0 auto;
  border: none;
  text-align: center;
  box-shadow: unset;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  background: unset;
  width: 100%;
}
article.article-wrap div.article-body div.article-menu button:after {
  float: right;
}
article.article-wrap div.article-body div.article-menu ul {
  margin: 0;
  padding: 0;
}
article.article-wrap div.article-body div.article-menu ul li {
  margin: 0;
}
article.article-wrap div.article-body div.article-menu ul li div.uk-accordion-content {
  margin-bottom: 1em;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-body div.article-menu ul li div.uk-accordion-content {
    padding: 0 2em;
  }
}
article.article-wrap div.article-body div.article-menu ul li div.uk-accordion-content a {
  font-size: 12px;
}
article.article-wrap div.article-body div.article-menu ul li div.uk-accordion-content ul.sub-list li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 8px;
}
article.article-wrap div.article-body div.article-menu ul li div.uk-accordion-content ul.sub-list li:before {
  margin-right: 4px;
  content: "\f105";
  font-size: 13px;
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
}
article.article-wrap div.article-body section div.uk-section:not(#LoginArea.uk-section) {
  padding: 2rem 0 3rem !important;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-body section div.uk-section:not(#LoginArea.uk-section) {
    padding-top: 90px !important;
    padding-bottom: 0 !important;
  }
}
article.article-wrap div.article-body section div.uk-section:not(#LoginArea.uk-section) .uk-container {
  font-size: 16px;
  line-height: 180%;
}
article.article-wrap div.article-body section div.uk-section:not(#LoginArea.uk-section) .uk-container h3 {
  margin-bottom: 1em;
}
article.article-wrap div.article-body section div.uk-section:not(#LoginArea.uk-section) .uk-container > h2 {
  margin-bottom: 1em;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-body section div.uk-section:not(#LoginArea.uk-section) .uk-container > h2 {
    font-size: 1.8rem;
  }
}
article.article-wrap div.article-body section div.uk-section:not(#LoginArea.uk-section) .uk-container p {
  font-size: 16px;
}
article.article-wrap div.article-body section div.uk-section:not(#LoginArea.uk-section) .uk-container small {
  font-size: 0.75em;
}
article.article-wrap div.article-body section div.uk-section:not(#LoginArea.uk-section) .uk-container div.sect-img {
  text-align: center;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-body section div.uk-section:not(#LoginArea.uk-section) .uk-container div.sect-img.img-right { /*右寄せ　余白下のみ*/
    float: right;
    margin-top: 0;
    padding-left: 2em;
    max-width: 450px;
    margin-bottom: 1em;
  }
  article.article-wrap div.article-body section div.uk-section:not(#LoginArea.uk-section) .uk-container div.sect-img.img-left { /*右寄せ　余白下のみ*/
    margin-top: 0;
    float: left;
    padding-right: 2em;
    max-width: 450px;
    margin-bottom: 1em;
  }
  article.article-wrap div.article-body section div.uk-section:not(#LoginArea.uk-section) .uk-container div.sect-img.img-top {
    margin-bottom: 2em;
  }
  article.article-wrap div.article-body section div.uk-section:not(#LoginArea.uk-section) .uk-container div.sect-img.img-bottom {
    margin-top: 2em;
  }
}
article.article-wrap div.article-body section div.uk-section:not(#LoginArea.uk-section) .uk-container div.sect-img p {
  margin: 1em 0;
  line-height: 150%;
  text-align: left;
  font-size: 14px;
}
article.article-wrap div.article-body section div.uk-section:not(#LoginArea.uk-section) .uk-container div.sect-img p.sect-img-title {
  margin: 0 0 6px;
  font-weight: bold;
}
article.article-wrap div.article-body section div.uk-section:not(#LoginArea.uk-section) .uk-container i {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-style: italic;
}
article.article-wrap div.article-body section div.uk-section:not(#LoginArea.uk-section):last-child {
  padding-bottom: 0;
}
article.article-wrap div.article-body div.img-slideshow div.thum {
  text-align: center;
}
article.article-wrap div.article-body div.img-slideshow div.thum img {
  max-height: 100%;
  height: 100%;
  width: auto;
}
article.article-wrap div.article-body div.img-slideshow div.uk-overlay {
  padding: 10px;
}
article.article-wrap div.article-body div.img-slideshow div.uk-overlay p {
  font-weight: bold;
}
article.article-wrap div.article-body div.article-paging {
  margin: 3em 0 0;
  text-align: center;
}
article.article-wrap div.article-body div.article-paging p.next {
  margin-bottom: 1em;
  border-radius: 4px;
  text-align: center;
  background: #DCF4FF;
  padding: 1em;
  color: #3E6CBF;
  display: flex;
  justify-content: center;
  align-items: center;
}
article.article-wrap div.article-body div.article-paging p.next a {
  margin-left: 0.5em;
  font-size: 20px;
  line-height: 100%;
}
article.article-wrap div.article-body div.article-paging ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
article.article-wrap div.article-body div.article-paging ul li {
  margin: 0 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: hsl(0, 0%, 60%);
}
article.article-wrap div.article-body div.article-paging ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 18px;
  font-family: "Arial Black", Gadget, sans-serif;
  text-decoration: none;
  background: #F3F3F3;
  color: #111;
}
article.article-wrap div.article-body div.article-paging ul li a:hover {
  background: #ABABAB;
  color: #FFF;
}
article.article-wrap div.article-body div.article-paging li.cr span {
  background: #3E6CBF;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 18px;
  font-weight: bold;
  font-family: "Arial Black", Gadget, sans-serif;
}
article.article-wrap div.article-body .img01 {
  margin: 20px 0 0 20px;
  text-align: center;
}
article.article-wrap div.article-body .img02 { /*右寄せ　余白下のみ*/
  float: right;
  text-align: right;
  margin: 0;
  padding: 0 0 10px 10px;
  max-width: 450px;
  clear: both;
}
article.article-wrap div.article-body .img03 { /*左寄せ　余白下のみ*/
  float: left;
  text-align: left;
  margin: 0;
  padding: 0 10px 10px 0;
  max-width: 450px;
  clear: both;
}
article.article-wrap div.article-body .img04 { /*右寄せ　上下余白あり*/
  float: right;
  text-align: right;
  margin: 0;
  padding: 10px 0;
  /*width:250px;*/
  max-width: 450px;
  clear: both;
}
article.article-wrap div.article-body .img05 { /*左寄せ　上下余白あり*/
  float: left;
  text-align: left;
  margin: 0;
  padding: 10px 0;
  clear: both;
}
article.article-wrap div.article-body .img01, article.article-wrap div.article-body div.sect .img02, article.article-wrap div.article-body div.sect .img03, article.article-wrap div.article-body div.sect .img04, article.article-wrap div.article-body div.sect .img05 {
  float: none;
  margin-bottom: 1em;
  text-align: center;
}
article.article-wrap div.article-body div.comparison-area {
  margin-top: 2em;
  height: 70vh;
  overflow: scroll;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table {
  min-width: 100%;
  border-collapse: collapse;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table th,
article.article-wrap div.article-body div.comparison-area table.comparison-table td {
  position: relative;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table th::before,
article.article-wrap div.article-body div.comparison-area table.comparison-table td::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: 1px solid #cccccc;
  pointer-events: none;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table th {
  padding: 4px;
  font-size: 0.75rem;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-body div.comparison-area table.comparison-table th {
    padding: 8px;
    font-size: 12px;
  }
}
article.article-wrap div.article-body div.comparison-area table.comparison-table td {
  padding: 4px;
  vertical-align: top;
  background-color: white;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-body div.comparison-area table.comparison-table td {
    padding: 8px;
  }
}
article.article-wrap div.article-body div.comparison-area table.comparison-table thead td {
  position: sticky;
  top: 0;
  z-index: 3;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table thead td:first-of-type {
  left: 0;
  z-index: 4;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table tbody th {
  position: sticky;
  left: 0;
  z-index: 1;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table tbody td {
  min-width: 180px;
  max-width: 360px;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table tbody tr:first-of-type th,
article.article-wrap div.article-body div.comparison-area table.comparison-table tbody tr:first-of-type td {
  position: sticky;
  top: 48px;
  z-index: 1;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table tbody tr:first-of-type th {
  z-index: 3;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table tbody tr:first-of-type td:first-of-type {
  z-index: 2;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table tfoot td:first-of-type {
  position: sticky;
  left: 0;
  z-index: 1;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table thead td, article.article-wrap div.article-body div.comparison-area table.comparison-table tfoot td {
  padding: 0 8px;
  color: #333B48;
  background-color: #F3F3F3;
  white-space: nowrap;
  height: 48px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table thead td:hover, article.article-wrap div.article-body div.comparison-area table.comparison-table tfoot td:hover {
  background-color: #f7f7f7;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table thead td label, article.article-wrap div.article-body div.comparison-area table.comparison-table tfoot td label {
  margin: 0;
  display: block;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table thead td label.all_label span, article.article-wrap div.article-body div.comparison-area table.comparison-table tfoot td label.all_label span {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 120%;
  text-align: left;
  vertical-align: middle;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table thead td label.all_label span span, article.article-wrap div.article-body div.comparison-area table.comparison-table tfoot td label.all_label span span {
  font-style: normal;
  display: none;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-body div.comparison-area table.comparison-table thead td label.all_label span span, article.article-wrap div.article-body div.comparison-area table.comparison-table tfoot td label.all_label span span {
    display: block;
  }
}
article.article-wrap div.article-body div.comparison-area table.comparison-table thead td:first-child, article.article-wrap div.article-body div.comparison-area table.comparison-table tfoot td:first-child {
  max-width: 100px;
  min-width: 90px;
  background-color: #F3F3F3;
  white-space: nowrap;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table thead td:first-child:hover, article.article-wrap div.article-body div.comparison-area table.comparison-table tfoot td:first-child:hover {
  background-color: #f7f7f7;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table tbody th {
  padding: 4px;
  background: #eefffb;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table tbody td div.logo {
  width: 100%;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table tbody td div.logo img {
  max-height: 160px;
  max-width: 100%;
  width: auto;
  height: auto;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table tbody td div.title {
  margin-top: 6px;
  line-height: 150%;
  font-size: 14px;
  color: #333;
  font-weight: bold;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table tbody td span.target-item {
  margin: 0 2px 2px 0;
  padding: 2px 4px;
  font-size: 12px;
  text-align: center;
  border: solid 1px #2263b2;
  white-space: nowrap;
}
article.article-wrap div.article-body div.comparison-area table.comparison-table tbody td .para {
  display: block;
  line-height: 1.6;
}
article.article-wrap div.article-body .btn-compare-submit {
  margin: 2em auto 0;
  border-radius: 8px;
  background-color: #FF3300;
  border: solid 2px #FF3300;
  color: #FFF;
  display: block;
  height: unset;
  max-width: 460px;
  padding-block: 1.15em;
  font-size: 13px;
  line-height: 150%;
  white-space: pre-wrap;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-body .btn-compare-submit {
    padding-inline: 1.5em;
    font-size: 14px;
  }
}
article.article-wrap div.article-body .btn-compare-submit:hover {
  opacity: 0.75;
}
article.article-wrap div.article-body section#ComparisonArticle div.service-block {
  margin-top: 2em;
  border-radius: 8px;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-body section#ComparisonArticle div.service-block {
    margin-top: 3em;
  }
}
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.service-head {
  margin: 0 0 2em;
  padding: 1.5em 0;
  border-top: solid 2px #303033;
  border-bottom: solid 2px #303033;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.service-head div.logo {
  max-width: 30%;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-body section#ComparisonArticle div.service-block div.service-head div.logo {
    max-width: 160px;
    margin-right: 2em;
  }
}
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.service-head div.title h4 {
  margin: 0;
  font-size: 1.4em;
}
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.service-head div.title p.company {
  margin: 0;
}
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.service-body {
  margin-bottom: 2em;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-body section#ComparisonArticle div.service-block div.service-body {
    margin-bottom: 3em;
    font-size: 16px;
  }
}
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.service-body h4.catche {
  margin: 1em 0;
  font-weight: bold;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-body section#ComparisonArticle div.service-block div.service-body h4.catche {
    font-size: 24px;
  }
}
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.service-body div.lead {
  margin: 0 0 2em;
  padding: 0 0 2em;
  border-bottom: dotted 2px #CCC;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-body section#ComparisonArticle div.service-block div.service-body div.lead {
    font-size: 18px;
  }
}
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.service-recommend {
  margin-bottom: 2em;
  border-radius: 8px;
  padding: 2em;
  background: #f0f7fd;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-body section#ComparisonArticle div.service-block div.service-recommend {
    margin-bottom: 3em;
  }
}
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.service-recommend .uk-heading-bullet::before {
  border-color: #2263b2;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-body section#ComparisonArticle div.service-block div.service-recommend h4 {
    font-size: 18px;
  }
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-body section#ComparisonArticle div.service-block div.service-recommend p {
    font-size: 16px;
  }
}
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.article-btn-area {
  margin: 0;
  padding: 1.5em 0;
}
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.article-btn-area:has(.svc-dl-block) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  align-items: start;
  max-width: 600px;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-body section#ComparisonArticle div.service-block div.article-btn-area:has(.svc-dl-block) {
    gap: 8px;
  }
  article.article-wrap div.article-body section#ComparisonArticle div.service-block div.article-btn-area:has(.svc-dl-block) a,
  article.article-wrap div.article-body section#ComparisonArticle div.service-block div.article-btn-area:has(.svc-dl-block) .svc-dl-block {
    margin: 0;
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-body section#ComparisonArticle div.service-block div.article-btn-area {
    margin: 0 auto;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.article-btn-area a,
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.article-btn-area .svc-dl-block {
  margin-bottom: 12px;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-body section#ComparisonArticle div.service-block div.article-btn-area a,
  article.article-wrap div.article-body section#ComparisonArticle div.service-block div.article-btn-area .svc-dl-block {
    margin: 0 4px;
    width: min(100%, 315px);
  }
}
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.article-btn-area a.btn-pdt-submit,
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.article-btn-area .svc-dl-block.btn-pdt-submit {
  width: min(100%, 315px);
  font-size: 14px;
}
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.article-btn-area a.btn-detail,
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.article-btn-area .svc-dl-block.btn-detail {
  background: #FFF;
  border: solid 1px #2263b2;
  color: #2263b2;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
  cursor: pointer;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-body section#ComparisonArticle div.service-block div.article-btn-area a.btn-detail,
  article.article-wrap div.article-body section#ComparisonArticle div.service-block div.article-btn-area .svc-dl-block.btn-detail {
    height: 60px;
  }
}
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.article-btn-area a.btn-detail:hover,
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.article-btn-area .svc-dl-block.btn-detail:hover {
  opacity: 0.75;
}
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.article-btn-area .svc-dl-block .cmn-btn-svc-dl {
  width: 100%;
  height: 54px;
  border-color: #FF3300;
  background-color: #FF3300;
}
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.article-btn-area .svc-dl-block .cmn-btn-svc-dl + a {
  margin-top: 0.5em;
  padding-inline: 0;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-body section#ComparisonArticle div.service-block div.article-btn-area .svc-dl-block .cmn-btn-svc-dl {
    height: 60px;
  }
}
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.service-dl {
  margin: 2em 0;
  padding: 2em;
  text-align: center;
  background-color: #fcf3e6;
}
article.article-wrap div.article-body section#ComparisonArticle div.service-block div.service-dl .cmn-btn-svc-dl {
  height: unset;
  padding-block: 0.95em;
  line-height: 150%;
  background-color: #FF3300;
  border-color: #FF3300;
  white-space: wrap;
}
article.article-wrap div.article-foot {
  margin-bottom: 3em;
}
article.article-wrap div.article-foot div.profile, article.article-wrap div.article-foot div#NewsDtlProf {
  border: solid 1px #CCC;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-foot div.profile, article.article-wrap div.article-foot div#NewsDtlProf {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 2em;
  }
}
@media only screen and (max-width: 768px) {
  article.article-wrap div.article-foot div.profile, article.article-wrap div.article-foot div#NewsDtlProf {
    padding: 1em;
  }
}
article.article-wrap div.article-foot div.profile div.title, article.article-wrap div.article-foot div#NewsDtlProf div.title {
  font-weight: bold;
  font-size: 0.85rem;
}
article.article-wrap div.article-foot div.profile h2, article.article-wrap div.article-foot div#NewsDtlProf h2 {
  margin: 0 0 1em;
  font-weight: bold;
  color: #333;
}
article.article-wrap div.article-foot div.profile div.img, article.article-wrap div.article-foot div#NewsDtlProf div.img {
  text-align: center;
  padding: 0 0 1em;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-foot div.profile div.img, article.article-wrap div.article-foot div#NewsDtlProf div.img {
    padding: 0 2em 1em 0;
    width: 20%;
  }
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-foot div.profile div.text, article.article-wrap div.article-foot div#NewsDtlProf div.text {
    width: 80%;
  }
}
article.article-wrap div.article-foot div.news-foot-banner {
  margin-bottom: 2em !important;
}
article.article-wrap div.article-foot div.cmn-related-contents {
  margin-bottom: 3em;
}
article.article-wrap div.article-foot div.cmn-not-login-area {
  border: solid 1px #CCC;
  text-align: center;
  background-color: #fcf8e8;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-foot div.cmn-not-login-area {
    padding: 2em;
  }
}
@media only screen and (max-width: 768px) {
  article.article-wrap div.article-foot div.cmn-not-login-area {
    padding: 1em;
  }
}
article.article-wrap div.article-foot div.cmn-not-login-area p {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  article.article-wrap div.article-foot div.cmn-not-login-area p br {
    display: none;
  }
}
article.article-wrap div.article-pdt-foot div.company-pdt-area {
  padding: 2em;
  background: #F3F3F3;
  border-radius: 8px;
}
@media only screen and (max-width: 768px) {
  article.article-wrap div.article-pdt-foot div.company-pdt-area {
    padding: 1em;
  }
}
article.article-wrap div.article-pdt-foot div.cmn-pdt-area {
  margin-top: 3em;
  background: #FFF;
}
article.article-wrap div.article-pdt-foot div.pdt-related-contents {
  margin-bottom: 4em;
}
article.article-wrap div.article-pdt-foot div.pdt-related-contents h2.uk-heading-bullet {
  margin: 1em 0 !important;
  font-size: 16px !important;
  border-radius: 4px;
  color: #042941;
}
@media only screen and (max-width: 768px) {
  article.article-wrap div.article-pdt-foot div.pdt-related-contents h2.uk-heading-bullet {
    font-size: 12px !important;
  }
}
article.article-wrap div.article-pdt-foot div.pdt-related-contents h2.uk-heading-bullet.service:before {
  border-left: 5px solid #2263b2;
}
article.article-wrap div.article-pdt-foot div.pdt-related-contents h2.uk-heading-bullet.seminar:before {
  border-left: 5px solid #483584;
}
article.article-wrap div.article-pdt-foot div.pdt-related-contents h2.uk-heading-bullet.download:before {
  border-left: 5px solid #22adb2;
}
article.article-wrap div.article-pdt-foot div.pdt-related-contents ul {
  margin-top: 0;
  padding: 0 1em;
  background: #FFF;
  border-radius: 4px;
}
article.article-wrap div.article-pdt-foot div.pdt-related-contents ul li {
  margin: 0;
  padding: 1em 0;
}
article.article-wrap div.article-pdt-foot div.pdt-related-contents ul li p {
  margin: 0 0 4px;
}
article.article-wrap div.article-pdt-foot div.pdt-related-contents ul li a {
  display: block;
  padding: 0;
}
article.article-wrap div.article-pdt-foot div.pdt-related-contents ul li a h3 {
  margin: 0 0 0.5em;
  font-size: 16px !important;
}
article.article-wrap div.article-pdt-foot div.pdt-related-contents ul li a p.uk-text-meta {
  margin: 0;
}
article.article-wrap div.article-pdt-foot div.pdt-related-contents ul li a p.uk-text-meta strong {
  font-weight: normal;
}
article.article-wrap div.article-pdt-foot div.pdt-related-contents ul li a:hover {
  opacity: 0.75;
}
article.article-wrap div.article-pdt-foot div.pdt-related-contents div.pdt-all-link {
  margin: 1em auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
article.article-wrap div.article-pdt-foot div.pdt-related-contents div.pdt-all-link a {
  border: solid 1px #CCC;
  border-radius: 4px;
  background-color: #0e417d;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-pdt-foot div.pdt-related-contents div.pdt-all-link a {
    padding: 0 16px;
    font-size: 14px;
    height: 56px;
  }
}
@media only screen and (max-width: 768px) {
  article.article-wrap div.article-pdt-foot div.pdt-related-contents div.pdt-all-link a {
    padding: 0 12px;
    font-size: 0.9em;
    height: 48px;
  }
}
article.article-wrap div.article-pdt-foot div.pdt-related-contents div.pdt-all-link a:hover {
  opacity: 0.75;
}
article.article-wrap div.article-pdt-foot div.pdt-related-contents div.pdt-related-btns {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
article.article-wrap div.article-pdt-foot div.pdt-related-contents div.pdt-related-btns div {
  margin-bottom: 12px;
  width: 23.6%;
  height: 46px;
  border-radius: 4px;
  color: #a2a2a2;
  background: #dddddd;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  article.article-wrap div.article-pdt-foot div.pdt-related-contents div.pdt-related-btns div {
    width: 48%;
  }
}
article.article-wrap div.article-pdt-foot div.pdt-related-contents div.pdt-related-btns div a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: solid 1px #0e417d;
  background: #FFF;
  color: #0e417d;
  border-radius: 4px;
}
article.article-wrap div.article-pdt-foot div.pdt-related-contents div.pdt-related-btns div a:hover {
  background: #0e417d;
  color: #FFF;
}
article.article-wrap div.article-pdt-foot div.pdt-related-contents:last-child {
  margin-bottom: 0;
}
article.article-wrap div.article-sns {
  padding: 1em 0;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-sns {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
article.article-wrap div.article-sns div.cmn-sns-link {
  margin: 0 0 1em;
  padding: 0;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-sns div.cmn-sns-link {
    margin: 0;
    padding: 0;
  }
}
article.article-wrap div.article-sns div.cmn-sns-link ul {
  flex-wrap: wrap;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-react {
    margin: 2em 0 4em;
  }
}
@media only screen and (max-width: 768px) {
  article.article-wrap div.article-react {
    margin: 0 0 1em;
  }
}
article.article-wrap div.article-react h4 {
  margin: 2em 0;
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
}
article.article-wrap div.article-react div.btn-wrap {
  flex-wrap: wrap;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-react div.btn-wrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 768px) {
  article.article-wrap div.article-react div.btn-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.article-react div.btn-wrap div {
    margin: 0 8px;
    width: 160px;
  }
}
@media only screen and (max-width: 768px) {
  article.article-wrap div.article-react div.btn-wrap div {
    margin-bottom: 8px;
    width: 49%;
  }
}
article.article-wrap div.article-react div.btn-wrap div button {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  height: 60px;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
  cursor: pointer;
  font-size: 13px;
  border-radius: 4px;
  background-image: linear-gradient(#FFF 0%, #F3F3F3 100%);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
  border: solid 1px #F3F3F3;
  border-bottom: solid 1px #b5b5b5;
  flex-wrap: wrap;
  width: 100%;
}
article.article-wrap div.article-react div.btn-wrap div button:hover {
  background: #FFF;
}
article.article-wrap div.article-react div.btn-wrap div button.pushed {
  background: #ededed;
  color: #5b5b5b;
  text-shadow: 0px 1px 1px #fff;
  box-shadow: none;
  border: solid 1px #F3F3F3;
}
article.article-wrap div.article-react div.btn-wrap div button span.uk-icon {
  margin-top: -8px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
}
article.article-wrap div.article-react div.btn-wrap div button span.uk-icon svg {
  margin-right: 4px;
}
article.article-wrap div.article-react div.btn-wrap div button p {
  margin-bottom: 0px;
  font-weight: bold;
  font-size: 13px;
}
article.article-wrap div.article-react div.btn-wrap div.favor span.uk-icon {
  color: #ff9716;
}
article.article-wrap div.article-react div.btn-wrap div.discover span.uk-icon {
  color: lightseagreen;
}
article.article-wrap div.article-react div.btn-wrap div.desire span.uk-icon {
  color: #e24762;
}
article.article-wrap div.article-react div.btn-wrap div.useful span.uk-icon {
  color: dodgerblue;
}
article.article-wrap .bgtxt01:not(.login-area-note .bgtxt01) {
  padding: 8px;
  text-align: center;
  background-color: #F5DA81;
}
article.article-wrap div.author-profile {
  padding: 1em;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.author-profile {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1em 0;
  }
}
article.article-wrap div.author-profile div.title {
  font-weight: bold;
  font-size: 0.85rem;
}
article.article-wrap div.author-profile h2 {
  margin: 0 0 1em;
  font-weight: bold;
  color: #333;
}
article.article-wrap div.author-profile div.img {
  text-align: center;
  padding: 0 0 1em;
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.author-profile div.img {
    padding: 0 2em 1em 0;
    width: 20%;
  }
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.author-profile div.text {
    width: 80%;
  }
}
article.article-wrap.comparison div.article-head div.series-title {
  color: #0e417d;
}
article.article-wrap.comparison div.article-head h1 {
  margin-bottom: 0;
  font-size: 32px;
  color: #0e417d;
}
@media only screen and (max-width: 768px) {
  article.article-wrap.comparison div.article-head h1 {
    font-size: 1.3rem;
  }
}
article.article-wrap.comparison div.article-head div.comparison-main-img {
  margin-bottom: 2em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  article.article-wrap div.cmn-keyword-tag {
    flex-wrap: wrap;
    display: flex;
    overflow-x: unset;
  }
}
@media print, screen and (min-width: 769px) {
  article.article-wrap div.cmn-keyword-tag a {
    font-size: 14px;
  }
}

.cmn-article-add-area {
  margin: 2rem 0;
  padding: 1rem;
  background: rgba(255, 245, 212, 0.71);
  display: flex;
  flex-direction: column;
  gap: 14px;
  border-radius: 8px;
}
.cmn-article-add-area div.ad-pr-cts {
  padding: 1.5rem;
  background: #FFF;
  border-radius: 4px;
  position: relative;
}
.cmn-article-add-area div.ad-pr-cts:before {
  content: "PR";
  color: #544f46;
  font-weight: bold;
  position: absolute;
  right: 8px;
  top: 8px;
}
.cmn-article-add-area div.ad-pr-cts a {
  color: #666;
}
.cmn-article-add-area div.ad-pr-cts a p.category {
  margin: 0 0 4px;
  padding-left: 6px;
  font-size: 12px;
  line-height: 12px;
  border-left: solid 3px #334c79;
}
.cmn-article-add-area div.ad-pr-cts a h3 {
  margin: 0 0 8px;
  font-size: 14px;
}
.cmn-article-add-area div.ad-pr-cts a div.uk-first-column {
  text-align: center;
}
.cmn-article-add-area div.ad-pr-cts a div.uk-first-column img {
  width: auto;
  height: auto;
}
@media print, screen and (min-width: 769px) {
  .cmn-article-add-area div.ad-pr-cts a div.uk-first-column img {
    max-height: 120px;
    max-width: 160px;
  }
}
.cmn-article-add-area div.ad-pr-cts a div.text p {
  margin: 0;
  font-size: 11px;
}
.cmn-article-add-area div.ad-pr-cts a div.text p span {
  color: #666;
  font-size: 11px;
}
.cmn-article-add-area div.ad-pr-cts-small {
  padding: 14px;
  background: #FFF;
  border-radius: 4px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  border: solid 1px #ffc500;
}
.cmn-article-add-area div.ad-pr-cts-small:before {
  content: "PR";
  font-size: 14px;
  color: #ffc500;
  font-weight: bold;
  position: absolute;
  right: 8px;
  top: 8px;
}
.cmn-article-add-area div.ad-pr-cts-small > a {
  width: 100%;
  gap: 12px;
  display: grid;
  grid-template-columns: 1fr 3fr;
}
@media print, screen and (min-width: 769px) {
  .cmn-article-add-area div.ad-pr-cts-small > a {
    grid-template-columns: 160px 1fr;
  }
}
.cmn-article-add-area div.ad-pr-cts-small > a div.thum {
  margin-bottom: 0;
  text-align: center;
}
.cmn-article-add-area div.ad-pr-cts-small > a div.thum img {
  width: auto;
  height: auto;
}
@media print, screen and (min-width: 769px) {
  .cmn-article-add-area div.ad-pr-cts-small > a div.thum img {
    max-height: 120px;
    max-width: 160px;
  }
}
.cmn-article-add-area div.ad-pr-cts-small > a div.text {
  color: #666;
}
@media print, screen and (min-width: 769px) {
  .cmn-article-add-area div.ad-pr-cts-small > a div.text {
    max-width: 320px;
  }
}
.cmn-article-add-area div.ad-pr-cts-small > a div.text p.category {
  margin: 0 0 4px;
  padding-left: 6px;
  font-size: 12px;
  line-height: 12px;
  border-left: solid 3px #334c79;
}
.cmn-article-add-area div.ad-pr-cts-small > a div.text h3 {
  margin: 0 0 8px;
  font-size: 14px;
}
.cmn-article-add-area div.ad-pr-cts-small > a div.text p {
  margin: 0;
  font-size: 11px;
}
.cmn-article-add-area div.ad-pr-cts-small > a div.text p span {
  color: #666;
  font-size: 11px;
}
.cmn-article-add-area div.ad-pr-cts-small div.btn-wrap {
  display: none;
  gap: 4px;
}
@media print, screen and (min-width: 769px) {
  .cmn-article-add-area div.ad-pr-cts-small div.btn-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0;
    width: 230px;
  }
}
.cmn-article-add-area div.ad-pr-cts-small div.btn-wrap button.uk-button, .cmn-article-add-area div.ad-pr-cts-small div.btn-wrap .cmn-btn-add-folder {
  margin: 0;
  height: 36px;
  line-height: 36px;
  white-space: nowrap;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  font-size: 14px;
  min-width: 80px;
}
@media print, screen and (min-width: 769px) {
  .cmn-article-add-area div.ad-pr-cts-small div.btn-wrap button.uk-button, .cmn-article-add-area div.ad-pr-cts-small div.btn-wrap .cmn-btn-add-folder {
    padding: 0 14px;
    height: 36px;
    line-height: 48px;
    width: 110px;
    box-sizing: border-box;
  }
}
.cmn-article-add-area.src {
  background: #f9f3ec;
}
.cmn-article-add-area.src div.ad-pr-cts-small {
  border: solid 1px #f9f3ec;
}
.cmn-article-add-area.src div.ad-pr-cts-small:before {
  color: #544f46;
}

@media print, screen and (min-width: 769px) {
  html:has(.comparison-area),
  body:has(.comparison-area) {
    scroll-padding-top: 130px;
  }
}
.article-wrap .cmn-article-add-area, #cmn-order-wrap .cmn-article-add-area, #KeywordSrc .cmn-article-add-area, #search-wrap .cmn-article-add-area, #CmnOrderWrap .cmn-article-add-area {
  background: rgba(255, 245, 212, 0.71);
}
.article-wrap .cmn-article-add-area div.ad-pr-cts-small, #cmn-order-wrap .cmn-article-add-area div.ad-pr-cts-small, #KeywordSrc .cmn-article-add-area div.ad-pr-cts-small, #search-wrap .cmn-article-add-area div.ad-pr-cts-small, #CmnOrderWrap .cmn-article-add-area div.ad-pr-cts-small {
  border: solid 1px #ffc500;
}
.article-wrap .cmn-article-add-area div.ad-pr-cts-small:before, #cmn-order-wrap .cmn-article-add-area div.ad-pr-cts-small:before, #KeywordSrc .cmn-article-add-area div.ad-pr-cts-small:before, #search-wrap .cmn-article-add-area div.ad-pr-cts-small:before, #CmnOrderWrap .cmn-article-add-area div.ad-pr-cts-small:before {
  color: #ffc500;
}

/**********************************************/
/* TAB表示 */
/**********************************************/
.cmn-tab {
  border-bottom: 0;
}
.cmn-tab li {
  padding-left: 0px;
  text-align: center;
}
.cmn-tab li:first-child {
  padding-left: 20px;
}
.cmn-tab li.uk-active a {
  background: #FFF;
  color: #111;
  border: solid 1px #CCC;
  border-bottom: #FFF !important;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.cmn-tab li a {
  padding: 12px 18px;
  color: #333;
  border-color: transparent;
  border-bottom: none;
}
.cmn-tab li a i {
  margin-right: 0.5em;
}

@media print, screen and (min-width: 769px) {
  .cmn-tab-cts-area {
    margin: 2em 0;
    padding: 8px 12px;
  }
}
@media only screen and (max-width: 768px) {
  .cmn-tab-cts-area {
    margin: 1em 0;
    padding: 4px;
  }
}
@media print, screen and (min-width: 769px) {
  .cmn-tab-cts-area ul.cmn-tab-cts-src-list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
.cmn-tab-cts-area ul.cmn-tab-cts-src-list li {
  list-style-type: disc;
}
@media print, screen and (min-width: 769px) {
  .cmn-tab-cts-area ul.cmn-tab-cts-src-list li {
    width: 50%;
  }
  .cmn-tab-cts-area ul.cmn-tab-cts-src-list li:nth-child(odd) {
    padding-right: 3em;
  }
}
.cmn-tab-cts-area ul.cmn-tab-cts-src-list li a {
  color: #333;
}
.cmn-tab-cts-area ul.cmn-tab-cts-src-list li a:hover {
  color: #0265cb;
}

/**********************************************/
/* ERROR表示 */
/**********************************************/
/*--------------------------------------------------------------------------------------------------
	NOTFOUND
-------------------------------------------------------------------------------------------------- */
#cmn-error-wrap {
  margin: 3em auto;
  max-width: 850px;
}
#cmn-error-wrap h1.def {
  margin: 50px 0;
  padding: 25px;
  background: #F3F3F3;
  font-weight: bold;
  font-size: 1.3em;
  text-align: center;
}
#cmn-error-wrap h1.main-ttl {
  margin: 0 0 1em;
  padding: 0;
  font-size: 2em;
  text-align: center;
  background: unset;
}
#cmn-error-wrap h2.def {
  margin: 60px 0;
  font-size: 8em;
  color: #366aa7;
  font-family: Oswald;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #cmn-error-wrap h2.def {
    margin: 60px 0;
    font-size: 3em;
    color: #366aa7;
    font-family: Oswald;
  }
}
#cmn-error-wrap div.btn-area {
  margin: 3em 0;
  text-align: center;
}
@media print, screen and (min-width: 769px) {
  #cmn-error-wrap div.btn-area ul {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
#cmn-error-wrap div.btn-area ul li {
  margin: 0.5em;
}
@media only screen and (max-width: 768px) {
  #cmn-error-wrap div.btn-area ul li a {
    width: 80%;
  }
}
#cmn-error-wrap h3.cmn-error-ttl {
  margin: 2em 0;
  text-align: center;
}
#cmn-error-wrap div.cmn-error-related-link {
  margin-bottom: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
}
#cmn-error-wrap div.cmn-error-related-link a {
  display: block;
  background-color: #0e417d;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  color: #FFF;
  padding: 12px 24px;
}
#cmn-error-wrap div.cmn-error-related-link a:hover {
  opacity: 0.65;
}
#cmn-error-wrap div.cmn-error-category-list {
  margin-bottom: 3em;
}
#cmn-error-wrap div.cmn-error-category-list ul {
  list-style-type: disc;
}
#cmn-error-wrap div.cmn-error-category-list ul li {
  margin-bottom: 8px;
}
#cmn-error-wrap div.cmn-error-category-list ul li a {
  padding: 0;
}
#cmn-error-wrap div.cmn-error-category-list ul li a:hover {
  opacity: 0.65;
}

/**********************************************/
/* 検索用のフォーム */
/**********************************************/
.cmn-src-menu-tab {
  padding: 0;
}
@media print, screen and (min-width: 769px) {
  .cmn-src-menu-tab {
    margin: 2em 0;
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
    align-items: stretch;
  }
}
@media only screen and (max-width: 768px) {
  .cmn-src-menu-tab {
    margin: 1em 0;
  }
}
.cmn-src-menu-tab li {
  margin: 0 2px;
  padding: 0;
  text-align: center;
  display: block;
  flex-grow: 1;
}
@media only screen and (max-width: 768px) {
  .cmn-src-menu-tab li {
    margin: 0 0 1px;
  }
}
.cmn-src-menu-tab li a {
  padding: 14px 18px;
  color: #333;
  border-color: transparent;
  border-bottom: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .cmn-src-menu-tab li a {
    font-size: 0.75rem;
    padding: 12px;
  }
}
.cmn-src-menu-tab li a:after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  color: #fff;
  font-weight: bold;
}

@media print, screen and (min-width: 769px) {
  .cmn-src-order-form {
    margin: 0 0 3em;
    padding: 2em;
    border: solid 1px #ccc;
  }
}
@media only screen and (max-width: 768px) {
  .cmn-src-order-form {
    margin: 1em 0;
    padding: 4px;
  }
}
.cmn-src-order-form h2 {
  font-weight: bold;
  color: #333;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.cmn-src-order-form h2 i {
  margin-right: 8px;
  font-size: 24px;
}
@media print, screen and (min-width: 769px) {
  .cmn-src-order-form h2 {
    margin: 1em 0 1em;
  }
}
@media only screen and (max-width: 768px) {
  .cmn-src-order-form h2 {
    margin: 0 0 1em;
    padding-top: 36px;
    font-size: 1.1rem;
  }
  .cmn-src-order-form h2 i {
    font-size: 1.1rem;
  }
}
.cmn-src-order-form table {
  margin: 0;
}
.cmn-src-order-form table input,
.cmn-src-order-form table select {
  font-size: 13px;
}
.cmn-src-order-form table select.uk-select {
  width: unset;
}
.cmn-src-order-form table th {
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .cmn-src-order-form table th {
    margin-top: 10px;
    padding: 0px;
  }
  .cmn-src-order-form table th:before {
    content: "";
    margin-right: 6px;
    border-left: solid 3px #ccc;
  }
}
.cmn-src-order-form table td div.calendarselectarea {
  margin-bottom: 0;
}
@media print, screen and (min-width: 769px) {
  .cmn-src-order-form table td div.calendarselectarea div {
    display: inline-block;
  }
}
@media only screen and (max-width: 768px) {
  .cmn-src-order-form table td {
    padding: 5px 0px 10px;
  }
}
.cmn-src-order-form table td.freetext a {
  font-size: 12px;
  margin-right: 1em;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .cmn-src-order-form table td.freetext a {
    font-size: 11px;
    margin-right: 0.5em;
  }
}
@media print, screen and (min-width: 769px) {
  .cmn-src-order-form table td.genre {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  .cmn-src-order-form table td.genre label {
    width: 30%;
  }
}
@media only screen and (max-width: 768px) {
  .cmn-src-order-form table td.genre label {
    display: block;
    width: 100%;
  }
}
.cmn-src-order-form table td.category {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.cmn-src-order-form table td.category a.btn-select-cat {
  margin-right: 1em;
  font-size: 12px;
  background-color: #add8e6;
  color: #0e417d;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
  width: 60px;
}
.cmn-src-order-form table td.category a.btn-select-cat:hover {
  opacity: 0.65;
}
.cmn-src-order-form table td.category div#dl-category-order span {
  margin-right: 1em;
  font-size: 12px;
  color: #0e417d;
}
.cmn-src-order-form table td label {
  white-space: nowrap;
}
.cmn-src-order-form table td hr {
  margin: 6px 0;
  border: dotted 1px #f3f3f3;
}
.cmn-src-order-form div.cmn-src-order-form-btn {
  margin-top: 1em;
  text-align: center;
}
.cmn-src-order-form.src-result {
  padding: 0;
}

/**********************************************/
/* 検索結果の条件表示
/**********************************************/
#cmn-src-order-area {
  background: #f1f1f1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media print, screen and (min-width: 769px) {
  #cmn-src-order-area {
    margin-bottom: 3em;
    padding: 12px 16px 12px 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  #cmn-src-order-area table {
    margin-bottom: 0;
    width: 75%;
  }
  #cmn-src-order-area table th,
  #cmn-src-order-area table td {
    padding: 8px;
    font-size: 12px;
  }
  #cmn-src-order-area table th {
    font-weight: bold;
  }
  #cmn-src-order-area table td div.line-clump2 {
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
@media only screen and (max-width: 768px) {
  #cmn-src-order-area {
    margin-bottom: 2em;
    padding: 8px;
  }
  #cmn-src-order-area table th,
  #cmn-src-order-area table td {
    font-size: 12px;
    padding: 4px;
    min-width: unset !important;
  }
  #cmn-src-order-area table th {
    font-weight: bold;
    font-size: 11px;
    width: 18%;
  }
  #cmn-src-order-area table td.uk-table-expand {
    width: 32%;
  }
  #cmn-src-order-area a.uk-button {
    margin: 0 auto 1em;
    display: block;
    text-align: center;
  }
  #cmn-src-order-area a.uk-button:hover {
    background-color: #0f7ae5;
    color: #fff;
  }
}
#cmn-src-order-area div.save-btn-area {
  width: 100%;
  padding: 12px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
#cmn-src-order-area div.save-btn-area a.uk-button-small {
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  color: #0a46b8;
  text-decoration: underline;
}
#cmn-src-order-area div.save-btn-area a.btn-add-search-condition {
  background: #fff;
  text-decoration: none;
}
#cmn-src-order-area div.save-btn-area a.selected {
  background: #cad7e0;
  color: #3a4657;
}

div#category-order-text {
  font-size: 12px;
}

_:-ms-input-placeholder,
:root div#category-order-text {
  width: 500px;
}

_:-ms-input-placeholder,
:root td.freetext {
  width: 500px;
}

_:-ms-input-placeholder,
:root td.freetext input {
  width: 500px;
  display: block;
}

p.src-noresult-text {
  font-size: 16px;
  font-weight: bold;
}

/**********************************************/
/* SISエリア */
/**********************************************/
.cmn-src-sis {
  margin-bottom: 2em;
  background: #f9f3ec;
  border-radius: 4px;
  padding: 1em;
}
@media print, screen and (min-width: 769px) {
  .cmn-src-sis[data-display-type=small] div.card div.info-wrap {
    grid-template-columns: 25% calc(75% - 24px);
  }
  .cmn-src-sis[data-display-type=small] div.card div.info-wrap .simple-list {
    margin-top: 0;
  }
}
.cmn-src-sis div.card .text-heading {
  margin-block: 0.5rem;
}
.cmn-src-sis div.card .text-heading a {
  color: #0e417d;
  font-size: 20px;
}
@media print, screen and (min-width: 769px) {
  .cmn-src-sis div.card div.info-wrap {
    display: grid;
    grid-template-columns: 37.4064837905% auto;
    gap: 24px;
  }
}
.cmn-src-sis div.card div.info-wrap div.thum {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 4/3;
  background-color: rgba(255, 255, 255, 0.5);
}
.cmn-src-sis div.card div.info-wrap div.thum a {
  display: block;
  width: 100%;
  height: 100%;
}
.cmn-src-sis div.card div.info-wrap div.thum img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media print, screen and (min-width: 769px) {
  .cmn-src-sis div.card div.info-wrap div.thum {
    margin: 0;
  }
}
.cmn-src-sis div.card div.info-wrap div.text h2 {
  margin-top: 0;
  margin-bottom: 0.8rem;
}
.cmn-src-sis div.card div.info-wrap div.text h2 a {
  font-weight: bold;
  font-size: 1em;
  color: #0e417d;
}
.cmn-src-sis div.card div.info-wrap div.text h2 span {
  display: inline !important;
}
.cmn-src-sis div.card div.info-wrap div.text > a {
  color: rgb(51, 51, 51);
}
.cmn-src-sis div.card div.info-wrap div.text .text-subheading {
  margin-block: 1em 0;
  font-size: 16px;
}
.cmn-src-sis div.card div.info-wrap div.text .text-lead {
  margin-block: 0.5em 0;
  font-size: 14px;
}
.cmn-src-sis div.card div.info-wrap div.text .simple-list {
  --simple-list-spacing: 10px 0;
  margin-top: 18px;
}
.cmn-src-sis div.card div.info-wrap div.text strong {
  padding: 0.5em 0;
  border-top: solid 1px #ccc;
  display: block;
  font-size: 14px;
  line-height: 1.2;
  font-weight: bold;
}
.cmn-src-sis div.card div.info-wrap div.text span {
  display: block;
  text-align: right;
  font-size: 12px;
}
.cmn-src-sis div.card div.info-wrap div.text span a {
  font-size: 12px;
}
.cmn-src-sis div.card div.info-wrap div.text p {
  margin: 0 0 0.5em;
  font-size: 13px;
}
.cmn-src-sis div.card div.info-wrap div.text p a {
  font-size: 13px;
}
.cmn-src-sis div.card div.info-wrap div.text div.icons {
  margin-bottom: 8px;
}
.cmn-src-sis div.card div.info-wrap div.text div.icons span {
  display: inline;
}
.cmn-src-sis div.card div.info-wrap div.text div.seminar-text p.com {
  text-align: right;
  font-size: 12px;
}
.cmn-src-sis div.card div.info-wrap div.text div.seminar-text p.com a {
  font-size: 12px;
}
.cmn-src-sis div.card div.info-wrap div.text div.seminar-text span {
  display: inline-block;
}
.cmn-src-sis div.card div.btn-wrap-service {
  margin: 1em 0 0;
  gap: 6px;
  display: grid;
  grid-template-columns: 1fr 1fr; /* 2列構成 */
  grid-template-rows: auto auto; /* 2行構成 */
}
@media print, screen and (min-width: 769px) {
  .cmn-src-sis div.card div.btn-wrap-service {
    grid-template-columns: max-content 1fr 180px;
    align-items: start;
  }
}
.cmn-src-sis div.card div.btn-wrap-service .first-column .cmn-btn-svc-dl {
  border-color: #ff3300;
  background-color: #ff3300;
}
.cmn-src-sis div.card div.btn-wrap-service .first-column .cmn-btn-svc-dl + a {
  margin-top: 0.5em;
  padding-inline: 0;
  height: auto;
  justify-content: start;
}
.cmn-src-sis div.card div.btn-wrap-service div.second-column {
  grid-column: 1/-1;
  grid-row: 2;
  gap: 8px;
  text-align: center;
  justify-items: center;
}
@media print, screen and (min-width: 769px) {
  .cmn-src-sis div.card div.btn-wrap-service div.second-column {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-column: unset;
    grid-row: unset;
    gap: 8px;
  }
}
.cmn-src-sis div.card div.btn-wrap-service a {
  margin: 0;
  padding: 0 8px;
  height: 40px;
  width: 100%;
  cursor: pointer;
  border-radius: 4px;
  border: none;
  font-size: 13px;
  letter-spacing: -1px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 769px) {
  .cmn-src-sis div.card div.btn-wrap-service a {
    white-space: nowrap;
    height: 48px;
    font-size: 14px;
  }
}
.cmn-src-sis div.card div.btn-wrap-service a.cmn-btn-action {
  background: #ff3300;
  color: #fff;
}
.cmn-src-sis div.card div.btn-wrap-service a.cmn-btn-action:hover {
  background: #f7bf00;
}
.cmn-src-sis div.card div.btn-wrap-service a.cmn-btn-link {
  display: none;
  border: 1px solid #0e417d;
  color: #0e417d;
  background: #fff;
  width: 100%;
}
@media print, screen and (min-width: 769px) {
  .cmn-src-sis div.card div.btn-wrap-service a.cmn-btn-link {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 200px !important;
  }
}
.cmn-src-sis div.card div.btn-wrap-service a.cmn-btn-link:hover {
  opacity: 0.75;
}
.cmn-src-sis div.card div.btn-wrap-service div.download-btn {
  margin: 0;
  width: 100%;
}
.cmn-src-sis div.card div.btn-wrap-service div.download-btn .cmn-btn-svc-dl {
  max-width: unset !important;
}
.cmn-src-sis div.card div.btn-wrap-service button.cmn-btn-add-folder {
  margin: 0;
  height: 40px;
  font-size: 13px;
  width: 100%;
}
.cmn-src-sis div.btn-wrap {
  margin: 1em 0 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}
@media print, screen and (min-width: 769px) {
  .cmn-src-sis div.btn-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.cmn-src-sis div.btn-wrap div.cv-btns {
  gap: 8px;
  min-width: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.cmn-src-sis div.btn-wrap div.cv-btns div.applied {
  margin: 0;
  padding: 0 8px;
  height: 36px;
  width: 100%;
  min-width: unset;
  max-width: 240px;
  border-radius: 4px;
  border: none;
  font-size: 13px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 769px) {
  .cmn-src-sis div.btn-wrap div.cv-btns div.applied {
    white-space: nowrap;
    height: 48px;
    font-size: 14px;
    width: 200px;
  }
}
.cmn-src-sis div.btn-wrap div.cv-btns a,
.cmn-src-sis div.btn-wrap div.cv-btns button {
  margin: 0;
  padding: 0 8px;
  height: 36px;
  width: 100%;
  min-width: unset;
  max-width: 240px;
  cursor: pointer;
  border-radius: 4px;
  border: none;
  font-size: 13px;
  letter-spacing: -1px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 769px) {
  .cmn-src-sis div.btn-wrap div.cv-btns a,
  .cmn-src-sis div.btn-wrap div.cv-btns button {
    white-space: nowrap;
    height: 48px;
    font-size: 14px;
    width: 200px;
  }
}
.cmn-src-sis div.btn-wrap div.cv-btns a.cmn-btn-action,
.cmn-src-sis div.btn-wrap div.cv-btns button.cmn-btn-action {
  background: #ff3300;
  color: #fff;
}
.cmn-src-sis div.btn-wrap div.cv-btns a.cmn-btn-action:hover,
.cmn-src-sis div.btn-wrap div.cv-btns button.cmn-btn-action:hover {
  background: #f7bf00;
}
.cmn-src-sis div.btn-wrap div.cv-btns a.play-movie,
.cmn-src-sis div.btn-wrap div.cv-btns button.play-movie {
  color: #fff;
  background: #483584;
}
.cmn-src-sis div.btn-wrap div.cv-btns a.cmn-btn-link,
.cmn-src-sis div.btn-wrap div.cv-btns button.cmn-btn-link {
  display: none;
  border: 1px solid #0e417d;
  color: #0e417d;
  background: #fff;
}
@media print, screen and (min-width: 769px) {
  .cmn-src-sis div.btn-wrap div.cv-btns a.cmn-btn-link,
  .cmn-src-sis div.btn-wrap div.cv-btns button.cmn-btn-link {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.cmn-src-sis div.btn-wrap div.cv-btns a.cmn-btn-link:hover,
.cmn-src-sis div.btn-wrap div.cv-btns button.cmn-btn-link:hover {
  opacity: 0.75;
}
.cmn-src-sis div.btn-wrap div.cv-btns a.disabled,
.cmn-src-sis div.btn-wrap div.cv-btns button.disabled {
  cursor: default;
  background-color: #7c7c7c !important;
  color: #ccc;
}
.cmn-src-sis div.btn-wrap div.cv-btns a.disabled:hover,
.cmn-src-sis div.btn-wrap div.cv-btns button.disabled:hover {
  background-color: #7c7c7c !important;
}

div.btn-wrap-add-folder {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 6px;
}
div.btn-wrap-add-folder button.cmn-btn-add-folder {
  margin: 0;
  padding: 0 8px;
  height: 40px;
  width: 100%;
  min-width: unset;
  max-width: 240px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 769px) {
  div.btn-wrap-add-folder button.cmn-btn-add-folder {
    white-space: nowrap;
    width: 180px;
  }
}
div.btn-wrap-add-folder a.conf-link {
  font-size: 12px !important;
  color: #0265cb;
  text-decoration: underline;
  height: unset !important;
  width: unset;
  padding: 0 !important;
  border: none;
  background: none;
  cursor: pointer;
}

/**********************************************/
/* 検索用のテキストリンクリスト */
/**********************************************/
@media print, screen and (min-width: 769px) {
  .cmn-src-order-list {
    margin: 0 0 3em;
    padding-top: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .cmn-src-order-list {
    margin: 0 0 2em;
    padding-top: 40px;
  }
}
.cmn-src-order-list div.cmn-order-parts h2 {
  margin: 0 0 1.5em;
  font-weight: bold;
  padding: 12px 16px;
  background-color: #F1F1F1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.cmn-src-order-list div.cmn-order-parts h2 i {
  margin-right: 8px;
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  .cmn-src-order-list div.cmn-order-parts h2 {
    font-size: 1.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cmn-src-order-list div.cmn-order-parts h2 i {
    font-size: 1.1rem;
  }
}
.cmn-src-order-list div.cmn-order-parts h3 {
  margin: 1em 0;
  padding-bottom: 6px;
  font-weight: bold;
  color: #333;
  border-bottom: dotted 1px #ccc;
  font-size: 15px;
}
.cmn-src-order-list div.cmn-order-parts h3:before {
  margin-right: 10px;
  content: "\f192";
  font-family: "Font Awesome 5 Free";
}
@media print, screen and (min-width: 769px) {
  .cmn-src-order-list div.cmn-order-parts h3 {
    font-size: 1.1em;
  }
}
.cmn-src-order-list div.cmn-order-parts h3 a {
  color: #333;
}
@media print, screen and (min-width: 769px) {
  .cmn-src-order-list div.cmn-order-parts h3 a {
    font-size: 1em;
  }
}
.cmn-src-order-list div.cmn-order-parts h3 a:hover {
  color: #0265cb;
  text-decoration: underline;
}
.cmn-src-order-list div.cmn-order-parts h4 {
  margin: 1em 0;
  font-size: 1em;
}
.cmn-src-order-list div.cmn-order-parts h4 a {
  color: #333;
}
@media print, screen and (min-width: 769px) {
  .cmn-src-order-list div.cmn-order-parts h4 a {
    font-size: 1em;
  }
}
.cmn-src-order-list div.cmn-order-parts h4 a:hover {
  color: #0265cb;
  text-decoration: underline;
}
.cmn-src-order-list div.cmn-order-parts ul.uk-accordion {
  margin-bottom: 3em;
}
.cmn-src-order-list ul.uk-accordion li {
  position: relative;
}
.cmn-src-order-list ul.uk-accordion li .uk-accordion-title {
  cursor: pointer;
  position: absolute;
  top: -4px;
  right: 0;
  display: inline-block;
}
.cmn-src-order-list ul.uk-accordion li .uk-accordion-content {
  margin-bottom: 2em;
}
.cmn-src-order-list ul.uk-accordion li h3 {
  padding-right: 2em;
}
.cmn-src-order-list ul.order-list {
  margin: 0 0 3em;
  padding-left: 24px;
}
@media print, screen and (min-width: 769px) {
  .cmn-src-order-list ul.order-list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
.cmn-src-order-list ul.order-list > li {
  list-style-type: disc;
}
@media print, screen and (min-width: 769px) {
  .cmn-src-order-list ul.order-list > li {
    width: 50%;
  }
  .cmn-src-order-list ul.order-list > li:nth-child(odd) {
    padding-right: 3em;
  }
}
.cmn-src-order-list ul.order-list.has-sub-category li {
  display: block;
}
.cmn-src-order-list ul.order-list.has-sub-category > li {
  display: list-item;
}
.cmn-src-order-list ul.order-list.has-sub-category > li > a {
  font-weight: bold;
}
.cmn-src-order-list ul.order-list.has-sub-category ul {
  --sub-category-bc: #e5e5e5;
  margin: 0 0 0.75ch 0.5ch;
  padding: 0;
}
.cmn-src-order-list ul.order-list.has-sub-category ul li {
  display: flex;
  align-items: center;
  gap: 0 0.25ch;
  background-image: linear-gradient(to bottom, var(--sub-category-bc), var(--sub-category-bc));
  background-size: 1px 100%;
}
.cmn-src-order-list ul.order-list.has-sub-category ul li:last-of-type {
  background-size: 1px 50%;
}
.cmn-src-order-list ul.order-list.has-sub-category ul li::before {
  content: "";
  display: block;
  width: 1ch;
  height: 1px;
  background-color: var(--sub-category-bc);
}
.cmn-src-order-list.seminar h2 {
  color: #483584;
  border-top: solid 3px #483584;
}
.cmn-src-order-list.seminar h2 i {
  color: #483584;
}
.cmn-src-order-list.seminar h3:before {
  color: #483584;
}
.cmn-src-order-list.seminar div.sis-area a {
  color: #483584;
}
.cmn-src-order-list.service h2 {
  border-top: solid 3px #2263b2;
  color: #2263b2;
}
.cmn-src-order-list.service h2 i {
  color: #2263b2;
}
.cmn-src-order-list.service h3:before {
  color: #0265cb;
}
.cmn-src-order-list.service div.sis-area a {
  color: #0e417d;
}
.cmn-src-order-list.download h2 {
  border-top: solid 3px #22adb2;
  color: #22adb2;
}
.cmn-src-order-list.download h2 i {
  color: #22adb2;
}
.cmn-src-order-list.download h3:before {
  color: #22adb2;
}
.cmn-src-order-list.download div.sis-area a {
  color: #0e417d;
}
@media print, screen and (min-width: 769px) {
  .cmn-src-order-list div.sis-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1em;
  }
}
.cmn-src-order-list div.sis-area div.block {
  margin-bottom: 1em;
  padding: 1em;
  border: solid 1px #ededed;
  min-height: 90px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (min-width: 769px) {
  .cmn-src-order-list div.sis-area div.block {
    margin-bottom: 0;
  }
}
.cmn-src-order-list div.sis-area div.block div.img {
  float: left;
  width: 30%;
  position: relative;
  height: 100%;
  overflow: hidden;
}
@media print, screen and (min-width: 769px) {
  .cmn-src-order-list div.sis-area div.block div.img {
    margin-bottom: 12px;
    height: 100px;
  }
}
.cmn-src-order-list div.sis-area div.block div.img:hover {
  opacity: 0.75;
}
.cmn-src-order-list div.sis-area div.block div.img a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.cmn-src-order-list div.sis-area div.block div.img a img {
  max-width: 90%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.cmn-src-order-list div.sis-area div.block div.text {
  margin: 0;
  float: right;
  width: 68%;
}
.cmn-src-order-list div.sis-area div.block div.text a {
  color: #0e417d;
  font-weight: bold;
}
@media print, screen and (min-width: 769px) {
  .cmn-src-order-list div.sis-area div.block div.text a {
    font-size: 16px;
  }
}
.cmn-src-order-list div.sis-area div.block div.text p.company {
  margin: 0.5em 0 0;
  font-size: 12px;
  color: #333;
}
.cmn-src-order-list .compare-more-btn {
  margin: 0 auto;
  padding: 0 8px;
  height: 40px;
  width: 100%;
  cursor: pointer;
  border-radius: 4px;
  border: none;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: -1px;
  align-items: center;
  max-width: 200px !important;
  white-space: nowrap;
  height: 48px;
  font-size: 14px;
  border: 1px solid #0e417d;
  color: #0e417d;
  background: #fff;
  width: 100%;
}

/**********************************************/
/* 検索用のテキストリンクリスト簡易版 */
/**********************************************/
.cmn-btm-src-list {
  margin-top: 3em;
}
.cmn-btm-src-list h2 {
  margin: 0 0 1em;
  font-size: 1.1rem;
}
.cmn-btm-src-list h3 {
  margin: 0 0 4px;
  font-weight: normal;
  color: #333;
}
.cmn-btm-src-list h3 a {
  font-size: 13px;
  color: #333;
}
.cmn-btm-src-list h3 a:hover {
  color: #0265cb;
  text-decoration: underline;
}
.cmn-btm-src-list h3:before {
  margin-right: 4px;
  content: "\f192";
  font-size: 10px;
  font-family: "Font Awesome 5 Free";
  color: #333;
  font-weight: bold;
}
.cmn-btm-src-list h4 {
  margin: 0;
}
.cmn-btm-src-list h4 a {
  font-size: 12px;
  font-weight: normal;
}
.cmn-btm-src-list h4 a:hover {
  color: #0265cb;
  text-decoration: underline;
}
.cmn-btm-src-list ul.order-list {
  margin: 0 0 2em;
  padding: 0;
}
.cmn-btm-src-list ul.order-list li {
  list-style-type: disc;
  display: inline-block;
  margin-right: 1em;
}
.cmn-btm-src-list ul.order-list li a {
  font-size: 12px;
}
.cmn-btm-src-list ul.order-list.has-sub-category {
  padding-left: 1ch;
}
.cmn-btm-src-list ul.order-list.has-sub-category li {
  display: block;
}
.cmn-btm-src-list ul.order-list.has-sub-category > li > a {
  padding-left: 0.75ch;
  border-left: 3px solid #a9d8ff;
}
.cmn-btm-src-list ul.order-list.has-sub-category ul {
  margin-left: 1.25ch;
  padding: 0;
}
.cmn-btm-src-list ul.order-list.has-sub-category ul li {
  display: flex;
  align-items: center;
  gap: 0 0.25ch;
  background-image: linear-gradient(to bottom, #a9d8ff, #a9d8ff);
  background-size: 1px 100%;
}
.cmn-btm-src-list ul.order-list.has-sub-category ul li:last-of-type {
  background-size: 1px 50%;
}
.cmn-btm-src-list ul.order-list.has-sub-category ul li::before {
  content: "";
  display: block;
  width: 1ch;
  height: 1px;
  background-color: #a9d8ff;
}
.cmn-btm-src-list ul.uk-accordion {
  margin-top: 0;
}
.cmn-btm-src-list ul.uk-accordion > li {
  margin: 0 0 4px;
  position: relative;
}
.cmn-btm-src-list ul.uk-accordion > li .uk-accordion-title {
  cursor: pointer;
  position: absolute;
  top: -4px;
  right: 0;
  display: inline-block;
}
.cmn-btm-src-list ul.uk-accordion > li .uk-accordion-content {
  margin: 0;
  padding: 8px 0 16px;
}
.cmn-btm-src-list ul.uk-accordion > li .uk-accordion-content ul.order-list {
  margin: 0;
}

/**********************************************/
/* 検索結果 */
/**********************************************/
.src-list-wrap {
  margin-bottom: 6em;
}
.src-list-wrap .src-list-ttl {
  margin: 0 0 1em;
  background: #f3f3f3;
  color: #333;
  font-size: 16px;
  padding: 12px 12px 8px;
  border-bottom: solid 1px #6c6c6c;
  font-weight: bold;
  text-align: left;
}
.src-list-wrap ul.src-list-thum {
  margin: 0 0 2em;
  padding-left: 0;
}
.src-list-wrap ul.src-list-thum li {
  padding: 12px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: solid 1px #f1f1f1;
}
@media print, screen and (min-width: 769px) {
  .src-list-wrap ul.src-list-thum li {
    padding: 15px;
  }
}
.src-list-wrap ul.src-list-thum li > a {
  display: block;
  width: 100%;
}
.src-list-wrap ul.src-list-thum li h2 {
  font-size: 1.2em;
}
.src-list-wrap ul.src-list-thum li div.thum {
  display: none;
}
@media print, screen and (min-width: 769px) {
  .src-list-wrap ul.src-list-thum li div.thum {
    width: 160px;
    display: block;
  }
}
.src-list-wrap ul.src-list-thum li div.thum img {
  width: 100%;
  height: auto;
}
.src-list-wrap ul.src-list-thum li div.text {
  flex: 1;
}
@media print, screen and (min-width: 769px) {
  .src-list-wrap ul.src-list-thum li div.text {
    padding-left: 15px;
  }
}
.src-list-wrap ul.src-list-thum li div.text h2.list-ttl {
  margin: 0 0 0.5em;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .src-list-wrap ul.src-list-thum li div.text h2.list-ttl {
    font-size: 0.9em;
  }
}
@media print, screen and (min-width: 769px) {
  .src-list-wrap ul.src-list-thum li div.text h2.list-ttl {
    font-size: 1em;
  }
}
.src-list-wrap ul.src-list-thum li div.text h2.list-ttl a {
  font-weight: bold;
  line-height: 130%;
  color: #111111;
}
@media print, screen and (min-width: 769px) {
  .src-list-wrap ul.src-list-thum li div.text h2.list-ttl a {
    font-size: 1.2em;
  }
}
.src-list-wrap ul.src-list-thum li div.text h2.list-ttl a span.new {
  margin-left: 0.5em;
  background: #cf0003;
  color: #fff;
  padding: 2px 6px;
  font-size: 10px;
}
.src-list-wrap ul.src-list-thum li div.text h2.list-ttl a:hover {
  opacity: 0.75;
}
.src-list-wrap ul.src-list-thum li div.text p.uk-text-meta {
  margin: 0;
}
.src-list-wrap ul.src-list-thum li div.text p.uk-text-meta * {
  font-size: 0.875rem;
  font-weight: normal;
}
@media only screen and (max-width: 768px) {
  .src-list-wrap ul.src-list-thum li div.text p.uk-text-meta {
    font-size: 0.75em;
  }
}
@media print, screen and (min-width: 769px) {
  .src-list-wrap ul.src-list-thum li div.text div.btn-area p {
    float: left;
  }
}
@media only screen and (max-width: 768px) {
  .src-list-wrap ul.src-list-thum li div.text div.btn-area p {
    margin-bottom: 1em;
  }
}
@media print, screen and (min-width: 769px) {
  .src-list-wrap ul.src-list-thum li div.text div.btn-area a.uk-button {
    float: right;
  }
}
@media only screen and (max-width: 768px) {
  .src-list-wrap ul.src-list-thum li div.text div.btn-area a.uk-button {
    margin: 0 auto;
    width: 60%;
    display: block;
  }
}
.src-list-wrap ul.src-list-thum li div.uk-width-1-5 img {
  max-height: 160px;
}
.src-list-wrap ul.src-list-thum li .list-ttl {
  margin: 0 0 0.5em;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 160%;
}
.src-list-wrap ul.src-list-thum li .list-ttl span.new {
  margin-left: 0.5em;
  background: #cf0003;
  color: #fff;
  padding: 2px 6px;
  font-size: 10px;
}
.src-list-wrap ul.src-list-thum li h3.list-sub-ttl {
  margin: 0 0 0.5em;
  padding: 0;
  color: #333333;
  font-size: 0.9em;
  font-weight: normal;
}
.src-list-wrap ul.src-list-thum li div.category {
  margin: 0 0 8px;
  padding: 0 0 0 6px;
  height: 16px;
  line-height: 16px;
  font-weight: bold;
  color: #303033;
  border-left: solid 6px #303033;
}
.src-list-wrap ul.src-list-thum li div.category.service {
  border-left: solid 6px #2263b2;
  color: #2263b2;
}
.src-list-wrap ul.src-list-thum li div.category.download {
  border-left: solid 6px #22adb2;
  color: #22adb2;
}
.src-list-wrap ul.src-list-thum li div.category.seminar {
  border-left: solid 6px #483584;
  color: #483584;
}
.src-list-wrap ul.src-list-thum li p.uk-text-meta {
  margin: 0;
}
.src-list-wrap ul.src-list-thum li p.uk-text-meta * {
  font-size: 0.875rem;
  font-weight: normal;
}
.src-list-wrap ul.src-list-thum li p.uk-text-meta.description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.src-list-wrap ul.src-list-cb {
  margin: 0;
  padding-left: 0;
}
.src-list-wrap ul.src-list-cb li {
  padding: 12px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: solid 1px #f1f1f1;
}
@media print, screen and (min-width: 769px) {
  .src-list-wrap ul.src-list-cb li {
    padding: 15px;
  }
}
.src-list-wrap ul.src-list-cb li div.cb {
  padding: 0;
  width: 40px;
}
.src-list-wrap ul.src-list-cb li div.cb input.uk-checkbox {
  height: 22px;
  width: 22px;
}
@media print, screen and (min-width: 769px) {
  .src-list-wrap ul.src-list-cb li div.cb input.uk-checkbox {
    margin: 0 !important;
  }
}
.src-list-wrap ul.src-list-cb li div.thum {
  display: none;
}
@media print, screen and (min-width: 769px) {
  .src-list-wrap ul.src-list-cb li div.thum {
    width: 160px;
    display: block;
  }
}
.src-list-wrap ul.src-list-cb li div.thum img {
  width: 100%;
  height: auto;
}
.src-list-wrap ul.src-list-cb li div.text {
  flex: 1;
}
@media print, screen and (min-width: 769px) {
  .src-list-wrap ul.src-list-cb li div.text {
    padding-left: 15px;
  }
}
.src-list-wrap ul.src-list-cb li div.text h2.list-ttl {
  margin: 0 0 0.5em;
  font-size: 0.9em;
  font-weight: bold;
}
@media print, screen and (min-width: 769px) {
  .src-list-wrap ul.src-list-cb li div.text h2.list-ttl {
    font-size: 1em;
  }
}
.src-list-wrap ul.src-list-cb li div.text h2.list-ttl a {
  font-weight: bold;
  line-height: 130%;
  color: #111111;
  font-size: 1.2em;
}
.src-list-wrap ul.src-list-cb li div.text h2.list-ttl a span.new {
  margin-left: 0.5em;
  background: #cf0003;
  color: #fff;
  padding: 2px 6px;
  font-size: 10px;
}
.src-list-wrap ul.src-list-cb li div.text h2.list-ttl a:hover {
  opacity: 0.75;
}
.src-list-wrap ul.src-list-cb li div.text p.uk-text-meta {
  margin: 0;
}
.src-list-wrap ul.src-list-cb li div.text p.uk-text-meta * {
  font-size: 0.875rem;
  font-weight: normal;
}
@media only screen and (max-width: 768px) {
  .src-list-wrap ul.src-list-cb li div.text p.uk-text-meta {
    font-size: 0.75em;
  }
}
.src-list-wrap .follow-keyword-nav {
  margin: 0 0 2em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.src-list-wrap .follow-keyword-nav a {
  text-decoration: underline;
}
.src-list-wrap div.recomend-keywords {
  margin: 0 0 2rem;
  padding: 1rem;
  background: #f3f3f3;
  border-radius: 8px;
}
@media print, screen and (min-width: 769px) {
  .src-list-wrap div.recomend-keywords {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
  }
}
.src-list-wrap div.recomend-keywords h3 {
  margin: 0 0 12px;
  white-space: nowrap;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
@media print, screen and (min-width: 769px) {
  .src-list-wrap div.recomend-keywords h3 {
    margin: 0;
  }
}
.src-list-wrap div.recomend-keywords div.keywords {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 12px;
}
.src-list-wrap div.recomend-keywords div.keywords a:before {
  margin-right: 6px;
  font-family: "Font Awesome 5 Free";
  content: "\f292";
  font-weight: 900;
}

/***********************************************************************************************************************
    一括請求エリア TODO 削除予定
-------------------------------------------------------------------------------------------------------------------*/
#CmnFixedBtmBtnArea {
  margin: 0;
  padding: 15px 40px;
  position: fixed;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 30;
  background: rgba(0, 0, 0, 0.6);
}
@media only screen and (max-width: 768px) {
  #CmnFixedBtmBtnArea {
    padding: 1em;
  }
}
#CmnFixedBtmBtnArea div.CmnPagingChcek {
  display: inline-block;
}
#CmnFixedBtmBtnArea input {
  display: none;
}
#CmnFixedBtmBtnArea .CmnFixedBtmAreaText {
  margin: 10px 0 0;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #CmnFixedBtmBtnArea .CmnFixedBtmAreaText {
    margin-top: 6px;
  }
}
#CmnFixedBtmBtnArea .uk-button {
  font-size: 15px;
}
@media only screen and (max-width: 768px) {
  #CmnFixedBtmBtnArea .uk-button {
    font-size: 13px;
  }
}

/***********************************************************************************************************************
    一括請求エリア
-------------------------------------------------------------------------------------------------------------------*/
#cmn-fixed-btm-area {
  margin: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 30;
}
#cmn-fixed-btm-area div#cmn-fixed-btm-inner {
  padding: 15px 12px 5px;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
}
@media print, screen and (min-width: 769px) {
  #cmn-fixed-btm-area div#cmn-fixed-btm-inner {
    padding-right: 120px;
  }
}
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  max-width: 408px;
  margin: 0 auto;
  position: relative;
}
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area input {
  display: none;
}
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area a,
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area button,
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area label {
  margin: 0;
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 769px) {
  #cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area a,
  #cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area button,
  #cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area label {
    margin: 0;
    min-width: 200px;
    height: 48px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  #cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area a,
  #cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area button,
  #cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area label {
    margin: 0;
    width: 100%;
    height: 36px;
    min-width: unset;
    font-size: 12px;
  }
}
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area a.cmn-btn-action,
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area button.cmn-btn-action,
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area label.cmn-btn-action {
  background: #ff3300;
  color: #fff;
}
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area a.cmn-btn-action:hover,
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area button.cmn-btn-action:hover,
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area label.cmn-btn-action:hover {
  background: #f7bf00;
}
@media only screen and (max-width: 768px) {
  #cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area a.cmn-btn-action,
  #cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area button.cmn-btn-action,
  #cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area label.cmn-btn-action {
    font-size: 13px;
  }
}
@media only screen and (max-width: 768px) {
  #cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area a.cmn-btn-add-folder:before,
  #cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area button.cmn-btn-add-folder:before,
  #cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area label.cmn-btn-add-folder:before {
    display: block;
  }
}
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area a.cmn-btn-all-check-label,
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area button.cmn-btn-all-check-label,
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area label.cmn-btn-all-check-label {
  display: none;
}
@media print, screen and (min-width: 769px) {
  #cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area a.cmn-btn-all-check-label,
  #cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area button.cmn-btn-all-check-label,
  #cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area label.cmn-btn-all-check-label {
    position: absolute;
    bottom: 10px;
    right: -148px;
    display: block;
    border: 1px solid #f1f1f1;
    background-color: #f3f3f3 !important;
    min-width: 140px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
  }
}
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area a.disabled, #cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area a:disabled,
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area button.disabled,
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area button:disabled,
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area label.disabled,
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area label:disabled {
  cursor: default;
  background-color: #7c7c7c;
  color: #ccc;
}
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area a.disabled:hover, #cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area a:disabled:hover,
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area button.disabled:hover,
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area button:disabled:hover,
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area label.disabled:hover,
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.btn-area label:disabled:hover {
  background-color: #7c7c7c !important;
}
#cmn-fixed-btm-area div#cmn-fixed-btm-inner p.hrpoint {
  margin: 1em 0;
  text-align: center;
  color: #fff;
}
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.service-dl {
  margin: 6px auto;
}
#cmn-fixed-btm-area div#cmn-fixed-btm-inner div.service-dl a.cmn-btn-svc-dl {
  max-width: 408px;
}
#cmn-fixed-btm-area a.cmn-btn-svc-dl {
  background-color: #ff3300;
  border-color: #ff3300;
}
@media only screen and (max-width: 768px) {
  #cmn-fixed-btm-area a.cmn-btn-svc-dl {
    margin: 0 auto;
    height: 36px;
    min-width: unset;
    font-size: 12px;
  }
}
#cmn-fixed-btm-area button#cmn-fixed-btn-area-btn {
  position: absolute;
  top: -36px;
  width: 48px;
  height: 36px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  background-color: #333333;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  #cmn-fixed-btm-area button#cmn-fixed-btn-area-btn {
    top: -24px;
    width: 40px;
    height: 24px;
  }
}
#cmn-fixed-btm-area button#cmn-fixed-btn-area-btn:before {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  color: #fff;
  font-weight: 700;
  font-size: 18px;
}
#cmn-fixed-btm-area button#cmn-fixed-btn-area-btn.closed:before {
  content: "\f106";
}

div.search-head-title {
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 769px) {
  div.search-head-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
  }
}
div.search-head-title select.keyword-list {
  width: 100%;
}

.paging-filter-pulldown {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: left;
  flex: auto;
}
.paging-filter-pulldown ul.uk-dropdown-nav {
  margin: 0;
  padding: 0;
}
.paging-filter-pulldown ul.uk-dropdown-nav li {
  white-space: nowrap;
  padding: 4px 0;
}

/**********************************************/
/* 検索TOPのレコメンドエリア */
/**********************************************/
.cmn-src-recommend {
  margin: 3rem 0;
  /* SIS掲出 */
}
.cmn-src-recommend h2 {
  margin: 0 0 1.5em;
  font-weight: bold;
  padding: 12px 16px;
  background-color: #f1f1f1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.cmn-src-recommend h2 i {
  margin-right: 8px;
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  .cmn-src-recommend h2 {
    font-size: 1.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cmn-src-recommend h2 i {
    font-size: 1.1rem;
  }
}

.cmn-rlt-pr {
  position: relative;
  border: solid 1px #ccc;
}
@media print, screen and (min-width: 769px) {
  .cmn-rlt-pr {
    padding: 25px;
    margin: 25px 0;
  }
}
@media only screen and (max-width: 768px) {
  .cmn-rlt-pr {
    padding: 1.5em 1em;
    margin: 1em 0;
  }
}
.cmn-rlt-pr:after {
  content: "PR";
  font-weight: bold;
  font-size: 13px;
  position: absolute;
  top: 8px;
  right: 8px;
}
.cmn-rlt-pr[data-display-type=small]::after {
  padding-inline: 0.5em;
  color: oklch(55.4% 0.046 257.417deg);
  font-size: 12px;
  border: 1px solid oklch(55.4% 0.046 257.417deg);
  border-radius: 20px;
}
@media print, screen and (min-width: 769px) {
  .cmn-rlt-pr[data-display-type=small]::after {
    font-size: 13px;
  }
  .cmn-rlt-pr[data-display-type=small] div.cts-info {
    grid-template-columns: 25% calc(75% - 24px);
  }
}
.cmn-rlt-pr img {
  width: 100%;
  height: auto;
}
.cmn-rlt-pr h2 {
  margin: 0;
  padding-right: 1em;
}
.cmn-rlt-pr h2 a {
  color: #0265cb;
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  .cmn-rlt-pr h2 a {
    font-size: 1em;
  }
}
.cmn-rlt-pr h2 span.new {
  background: #cf0003;
  color: #fff;
  padding: 2px 5px;
  font-size: 10px;
}
.cmn-rlt-pr div.cts-info {
  margin-top: 16px;
}
@media print, screen and (min-width: 769px) {
  .cmn-rlt-pr div.cts-info {
    display: grid;
    grid-template-columns: 37.4064837905% auto;
    gap: 24px;
  }
}
.cmn-rlt-pr div.cts-info div.thum {
  margin-bottom: 1rem;
  aspect-ratio: 4/3;
  background-color: oklch(96.8% 0.007 247.896deg);
}
@media print, screen and (min-width: 769px) {
  .cmn-rlt-pr div.cts-info div.thum {
    margin: 0;
  }
}
.cmn-rlt-pr div.cts-info div.thum img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cmn-rlt-pr div.cts-info div.text h2 a {
  color: #0265cb;
}
.cmn-rlt-pr div.cts-info div.text a {
  color: unset;
}
.cmn-rlt-pr div.cts-info div.text a table th {
  white-space: nowrap;
  width: 80px;
}
@media only screen and (max-width: 768px) {
  .cmn-rlt-pr div.cts-info div.text a table th {
    padding: 8px;
  }
}
@media only screen and (max-width: 768px) {
  .cmn-rlt-pr div.cts-info div.text a table td {
    padding: 8px;
    font-size: 13px;
  }
}
.cmn-rlt-pr div.cts-info .simple-list {
  --simple-list-spacing: 10px 0;
}
.cmn-rlt-pr div.cts-info .simple-list + .simple-table {
  margin-top: 1rem;
}

/**********************************************/
/* 検索フィルターボックス 00_mock_search / mykeyword_new */
/**********************************************/
.search-filter-box {
  --sfb-button-color: #1D4079;
  --sfb-button-fs: 12px;
  --sfb-button-border: 1px solid rgb(6 55 112 / 0.5);
  --sfb-button-bg: white;
  --sfb-button-border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 0.75rem;
  margin-bottom: 1rem;
}
.search-filter-box-button {
  min-width: 110px;
  padding: 0.5em 1em;
  color: var(--sfb-button-color);
  font-size: var(--sfb-button-fs);
  background-color: var(--sfb-button-bg);
  border: var(--sfb-button-border);
  border-radius: var(--sfb-button-border-radius);
  box-sizing: border-box;
}
.search-filter-box .sort-box {
  position: relative;
  display: flex;
  align-items: center;
}
.search-filter-box .sort-box label {
  font-size: 0;
  visibility: hidden;
}
.search-filter-box .sort-box i {
  position: absolute;
  right: 0.5em;
  color: var(--sfb-button-color);
  font-size: 20px;
  pointer-events: none;
}
.search-filter-box select {
  cursor: pointer;
  outline: none;
}
.search-filter-box .paging-filter-pulldown {
  flex: none;
}

/**********************************************/
/* 検索用モーダル共通 */
/**********************************************/
dl.modal-category-list dt {
  margin-bottom: 1em;
  padding: 0.5em;
  background: #F3F3F3;
}
dl.modal-category-list dt > label {
  font-weight: bold;
}
dl.modal-category-list dd {
  margin: 0;
  padding-left: 0.5em;
}
dl.modal-category-list dd ul {
  margin: 0 0 1em;
  padding: 0;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 769px) {
  dl.modal-category-list dd ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
dl.modal-category-list dd ul li {
  margin: 0;
  padding-right: 1em;
}
@media print, screen and (min-width: 769px) {
  dl.modal-category-list dd ul li {
    width: 50%;
  }
}
dl.modal-category-list dd ul li label {
  font-size: 14px;
  white-space: normal !important;
}
dl.modal-category-list dd ul.uk-accordion {
  width: 100%;
}
dl.modal-category-list dd ul.uk-accordion > li {
  position: relative;
  width: 100%;
}
dl.modal-category-list dd ul.uk-accordion > li > label {
  font-weight: bold;
  font-size: 14px;
}
dl.modal-category-list dd ul.uk-accordion > li .uk-accordion-title {
  cursor: pointer;
  position: absolute;
  top: -4px;
  right: 0;
  display: inline-block;
}
dl.modal-category-list dd ul.uk-accordion > li .uk-accordion-content {
  margin: 6px 0 0;
  padding: 6px 0 0;
  border-top: dotted 1px #CCC;
}

div#category-order-text span {
  margin-right: 1em;
  font-size: 12px;
  color: #333;
}
div#category-order-text input {
  display: none;
}

div.modal-order-text span {
  margin-right: 1em;
  font-size: 12px;
  color: #333;
}
div.modal-order-text input {
  display: none;
}

/**********************************************/
/* TOPカテゴリ検索用モーダル */
/**********************************************/
div#modal-category div.uk-modal-dialog button.uk-close {
  color: #FFF;
}
div#modal-category div.uk-modal-dialog div.uk-modal-header {
  padding: 15px;
  background-color: #042941;
}
div#modal-category div.uk-modal-dialog div.uk-modal-header h2.uk-modal-title {
  font-size: 1em;
  color: #FFF;
}
div#modal-category div.uk-modal-dialog div.uk-modal-body {
  padding: 15px;
}

div.modal-category-list div.cbs-wrap {
  margin: 0;
}
div.modal-category-list div.cbs-wrap div.cbs-ttl {
  padding: 0.5em 2em 0.5em 0.5em;
  background: #F3F3F3;
  position: relative;
}
@media print, screen and (min-width: 769px) {
  div.modal-category-list div.cbs-wrap div.cbs-ttl {
    padding: 0.5em;
  }
}
div.modal-category-list div.cbs-wrap div.cbs-ttl > label {
  margin: 0;
  font-weight: bold;
  white-space: normal;
}
div.modal-category-list div.cbs-wrap div.cbs-ttl + ul.uk-accordion {
  margin-top: 1em !important;
  padding-left: 7px;
}
div.modal-category-list div.cbs-wrap ul.uk-accordion {
  margin: 0 0 1em;
  width: 100%;
}
div.modal-category-list div.cbs-wrap ul.uk-accordion > li {
  margin: 0 0 0.5em;
  position: relative;
  width: 100%;
}
div.modal-category-list div.cbs-wrap ul.uk-accordion > li > label {
  font-weight: bold;
  font-size: 14px;
}
div.modal-category-list div.cbs-wrap ul.uk-accordion > li label.cbs-sub-ttl {
  padding-bottom: 6px;
}
div.modal-category-list div.cbs-wrap ul.uk-accordion > li .uk-accordion-title {
  cursor: pointer;
  position: absolute;
  top: -4px;
  right: 0;
  display: inline-block;
}
div.modal-category-list div.cbs-wrap ul.uk-accordion > li .uk-accordion-content {
  margin: 0 0 2em;
  padding: 6px;
}
@media print, screen and (min-width: 769px) {
  div.modal-category-list div.cbs-wrap ul.uk-accordion > li .uk-accordion-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
  }
}
div.modal-category-list div.cbs-wrap ul.uk-accordion > li .uk-accordion-content label {
  display: block;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media print, screen and (min-width: 769px) {
  div.modal-category-list div.cbs-wrap ul.uk-accordion > li .uk-accordion-content label {
    font-size: 14px;
  }
}
div.modal-category-list div.cbs-wrap ul.uk-accordion > li .uk-accordion-content .cbs-sub-block label + ul {
  margin-block: 0.5rem;
  padding-left: 16px;
}
div.modal-category-list div.cbs-wrap ul.uk-accordion > li.uk-open label.cbs-sub-ttl {
  display: block;
  border-bottom: dotted 1px #CCC;
}
div.modal-category-list div.cbs-wrap ul.uk-accordion > li:last-child .uk-accordion-content {
  margin-bottom: 0;
}
div.modal-category-list div.cbs-wrap ul.uk-accordion div.cbs-ttl {
  margin-bottom: 0;
}
div.modal-category-list div.cbs-wrap ul.uk-accordion div.cbs-ttl + .uk-accordion-title {
  top: 6px;
  right: 6px;
}
div.modal-category-list div.cbs-wrap ul.uk-accordion:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  div.modal-src {
    padding: 6px;
  }
}
@media print, screen and (min-width: 769px) {
  div.modal-src div.uk-modal-dialog {
    width: 860px !important;
  }
}
div.modal-src div.uk-modal-dialog button.uk-close {
  color: #FFF;
}
div.modal-src div.uk-modal-dialog div.uk-modal-header {
  padding: 15px;
  background-color: #042941;
}
div.modal-src div.uk-modal-dialog div.uk-modal-header h2.uk-modal-title {
  font-size: 1em;
  color: #FFF;
}
div.modal-src div.uk-modal-dialog div.uk-modal-body {
  padding: 15px;
}

/**********************************************/
/* カテゴリ検索用モーダル */
/**********************************************/
@media only screen and (max-width: 768px) {
  div#modal-src-order {
    padding: 6px;
  }
}
@media print, screen and (min-width: 769px) {
  div#modal-src-order div.uk-modal-dialog {
    width: 860px !important;
  }
}
div#modal-src-order div.uk-modal-dialog button.uk-close {
  color: #FFF;
}
div#modal-src-order div.uk-modal-dialog div.uk-modal-header {
  padding: 15px;
  background-color: #042941;
}
div#modal-src-order div.uk-modal-dialog div.uk-modal-header h2.uk-modal-title {
  font-size: 1em;
  color: #FFF;
}
div#modal-src-order div.uk-modal-dialog div.uk-modal-body {
  padding: 0;
}
div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form {
  padding: 12px;
  border: none;
}
@media only screen and (max-width: 768px) {
  div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form {
    padding: 0 4px;
  }
}
@media print, screen and (min-width: 769px) {
  div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form table th {
    background-color: #F1F1F1;
  }
}
div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form table th, div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form table td {
  padding: 8px 12px;
  border: solid 1px #FFF;
}
@media only screen and (max-width: 768px) {
  div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form table th, div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form table td {
    padding: 4px 0;
  }
  div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form table th label, div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form table td label {
    font-size: 12px;
  }
}
div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form table th.freetext input, div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form table td.freetext input {
  width: 90%;
}

div#modal-select-sem h4 {
  font-size: 1.1rem !important;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  div#modal-select-sem h4 {
    font-size: 1em !important;
    text-align: center;
  }
}
div#modal-select-sem div.sem-cts {
  padding: 1em 0;
  border-top: 1px solid #e5e5e5;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div#modal-select-sem div.sem-cts label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
div#modal-select-sem div.sem-cts label input {
  margin-right: 10px;
  margin-top: 0;
}
div#modal-select-sem div.sem-cts span {
  font-weight: bold;
}

/**********************************************/
/* ポイント交換 */
/**********************************************/
div.my-point-block {
  margin: 2em 0;
  background: #FFF;
}
@media only screen and (max-width: 768px) {
  div.my-point-block {
    margin: 1em 0;
  }
}
div.my-point-block div.point-block {
  margin-top: 0.5em;
  padding: 1em;
  border: solid 1px #0F8DAD;
  color: #0F8DAD;
}
@media print, screen and (min-width: 769px) {
  div.my-point-block div.point-block {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
div.my-point-block div.point-block div.remaining {
  margin-right: 3em;
  font-weight: bold;
  white-space: nowrap;
}
@media print, screen and (min-width: 769px) {
  div.my-point-block div.point-block div.remaining {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  div.my-point-block div.point-block div.remaining {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
div.my-point-block div.point-block div.remaining strong {
  font-size: 1.3rem;
  color: #32d296 !important;
}
div.my-point-block div.point-block div.action {
  color: #333;
}
div.my-point-block div.point-block div.action strong {
  color: #f0506e !important;
}

div.point-exchange-head {
  margin-bottom: 2em;
  padding: 2em;
  border: solid 1px #0F8DAD;
}
div.point-exchange-head h2.ttl {
  color: #0F8DAD;
}
div.point-exchange-head div.item {
  font-weight: bold;
  font-size: 1.2rem;
}
div.point-exchange-head div.my-point-block {
  margin: 0;
  background: #e7efef;
}
div.point-exchange-head div.my-point-block div.point-block {
  border: none !important;
}

/* SNS AREA */
div.cmn-sns-link {
  margin: 0;
}
div.cmn-sns-link ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
div.cmn-sns-link ul li {
  padding-right: 5px;
  vertical-align: middle;
  max-height: 24px;
}
div.cmn-sns-link ul li.fb-iine {
  padding-top: 3px;
}
div.cmn-sns-link:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 768px) {
  div.cmn-sns-link {
    margin-bottom: 0.5em;
  }
  div.cmn-sns-link ul {
    margin: 0;
    padding: 0;
    text-align: center;
  }
}

.membership-promotion-banner {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-navy: #053770;
  --color-member: #F0506E;
  --color-gray: #505050;
  --banner-z-index: 1000;
  position: fixed;
  z-index: var(--banner-z-index);
  background-color: var(--color-white);
  box-shadow: 0 3px 16px 0 rgb(from var(--color-black) r g b/0.26);
}
.membership-promotion-banner .close {
  --close-size: 30px;
  --close-bg: var(--color-black);
  position: absolute;
  z-index: calc(var(--banner-z-index) + 1);
  top: calc(var(--close-size) / -2);
  right: calc(var(--close-size) / -2);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--close-size);
  height: var(--close-size);
  font-size: 0;
  border-radius: calc(var(--close-size) / 2);
  background-color: var(--close-bg);
  border: 2px solid var(--color-white);
  box-shadow: 0 1px 6px 0 rgb(from var(--color-black) r g b/0.26);
}
.membership-promotion-banner .close:before {
  content: "";
  width: 45%;
  height: 45%;
  background-color: var(--color-white);
  mask-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.399 11.624"%3E%3Cpath d="M.888,11.746l-.181-.181a1,1,0,0,1,0-1.414L4.632,6.227.707,2.3a1,1,0,0,1,0-1.414L.888.707A1,1,0,0,1,2.3.707L6.227,4.632l3.7-3.7a1,1,0,0,1,1.414,0l.181.181a1,1,0,0,1,0,1.414l-3.7,3.7,3.7,3.7a1,1,0,0,1,0,1.414l-.181.181a1,1,0,0,1-1.414,0l-3.7-3.7L2.3,11.746a1,1,0,0,1-1.414,0Z" transform="translate(-0.415 -0.415)" fill="black"/%3E%3C/svg%3E');
  mask-repeat: no-repeat;
  mask-size: cover;
}
.membership-promotion-banner a {
  display: block;
  transition: opacity 0.35s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.membership-promotion-banner a:hover {
  opacity: 0.75;
}
.membership-promotion-banner h2,
.membership-promotion-banner h3,
.membership-promotion-banner p,
.membership-promotion-banner ul {
  margin: 0;
  padding: 0;
}
.membership-promotion-banner[data-banner-type=small] {
  left: 1rem;
  bottom: 1rem;
}
@media (min-width: 48rem) {
  .membership-promotion-banner[data-banner-type=small] {
    left: unset;
    right: 6rem;
    bottom: 1.25rem;
  }
}
.membership-promotion-banner[data-banner-type=small] .close {
  --close-size: 24px;
  --close-bg: var(--color-navy);
}
.membership-promotion-banner[data-banner-type=small] a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 300px;
  height: 90px;
  padding: 9px;
  font-weight: bold;
  line-height: 1;
}
.membership-promotion-banner[data-banner-type=small] .perks {
  color: var(--color-member);
  font-size: 1rem;
}
.membership-promotion-banner[data-banner-type=small] h2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 4px;
}
.membership-promotion-banner[data-banner-type=small] .hilite {
  padding: 0 5px;
  color: var(--color-white);
  font-size: 18px;
  line-height: 25px;
  background-color: var(--color-navy);
}
.membership-promotion-banner[data-banner-type=small] .hilite small {
  font-size: 15px;
}
.membership-promotion-banner[data-banner-type=small] .blocks {
  display: flex;
  align-items: center;
  gap: 0 2px;
}
.membership-promotion-banner[data-banner-type=small] .block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 23px;
  color: var(--color-member);
  font-size: 15px;
  background-color: var(--color-white);
  border: 1px solid var(--color-member);
  border-radius: 3px;
}
.membership-promotion-banner[data-banner-type=small] .push {
  position: absolute;
  right: 8px;
  bottom: 9px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  padding: 5px 7px 6px 9px;
  color: var(--color-white);
  font-size: 10px;
  background-color: var(--color-member);
  border-radius: 20px;
}
.membership-promotion-banner[data-banner-type=small] .push:after {
  content: "";
  width: 9px;
  height: 8px;
  margin-left: 3px;
  background-image: url('data:image/svg+xml;charset=UTF-8, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 9"%3E%3Cpath d="M3.628,1.549a1,1,0,0,1,1.743,0l2.79,4.96A1,1,0,0,1,7.29,8H1.71A1,1,0,0,1,.838,6.51Z" transform="translate(8) rotate(90)" fill="white"/%3E%3C/svg%3E');
  background-size: 9px 8px;
}
.membership-promotion-banner[data-banner-type=small] .push em {
  color: currentColor;
  font-size: 12px;
  font-style: normal;
}
.membership-promotion-banner[data-banner-type=rectangle] {
  left: calc(50% - 150px);
  bottom: calc(50% - 125px);
}
@media (min-width: 48rem) {
  .membership-promotion-banner[data-banner-type=rectangle] {
    left: 1.25rem;
    bottom: 1.25rem;
  }
}
.membership-promotion-banner[data-banner-type=rectangle] a {
  display: grid;
  width: 300px;
  height: 250px;
}
.membership-promotion-banner[data-banner-type=rectangle] h2 {
  padding: 0.54em 0;
  color: var(--color-white);
  font-size: 22px;
  text-align: center;
  line-height: 1.5;
  background-color: var(--color-navy);
}
.membership-promotion-banner[data-banner-type=rectangle] .blocks {
  display: inline-flex;
  gap: 0 2px;
  margin-left: 6px;
  vertical-align: text-bottom;
}
.membership-promotion-banner[data-banner-type=rectangle] .block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 18px;
  background-color: var(--color-member);
  border-radius: 3px;
}
.membership-promotion-banner[data-banner-type=rectangle] .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 6px 12px;
}
.membership-promotion-banner[data-banner-type=rectangle] .present h3 {
  width: fit-content;
  margin: 0 auto 6px;
  padding: 4px 15px;
  color: var(--color-white);
  font-size: 12px;
  line-height: 1;
  background-color: var(--color-member);
  border-radius: 20px;
}
.membership-promotion-banner[data-banner-type=rectangle] .present ul {
  display: grid;
  gap: 4px 0;
}
.membership-promotion-banner[data-banner-type=rectangle] .present li {
  display: flex;
  gap: 0 4px;
  align-items: baseline;
  color: var(--color-navy);
  font-size: 12px;
  font-weight: bold;
  line-height: 1.3;
  font-feature-settings: "halt" on;
}
.membership-promotion-banner[data-banner-type=rectangle] .present li:before {
  content: "";
  display: block;
  flex: none;
  width: 10px;
  height: 10px;
  background-color: var(--color-member);
  border-radius: 50%;
}
.membership-promotion-banner[data-banner-type=rectangle] .present li p {
  font-size: inherit;
}
.membership-promotion-banner[data-banner-type=rectangle] .present li small {
  display: block;
  color: var(--color-gray);
  font-size: 10px;
  font-weight: normal;
}
.membership-promotion-banner[data-banner-type=rectangle] .perks {
  position: relative;
  padding: 10px 15px 6px;
  border: 2px solid var(--color-member);
  border-radius: 6px;
}
.membership-promotion-banner[data-banner-type=rectangle] .perks h3 {
  position: absolute;
  left: calc(50% - 38px);
  top: -8px;
  width: 76px;
  font-size: 12px;
  color: var(--color-member);
  text-align: center;
  line-height: 15px;
  background-color: var(--color-white);
}
.membership-promotion-banner[data-banner-type=rectangle] .perks li {
  color: var(--color-black);
  font-size: 11px;
  font-weight: bold;
}
.membership-promotion-banner[data-banner-type=rectangle] .perks li:before {
  content: "◎ ";
  color: var(--color-member);
}

/**********************************************/
/* NEWSのリニューアル */
/* 作成日:2017.02.27 */
/**********************************************/
/*	-------------------------------------------------------------------------------
	共通要素
-------------------------------------------------------------------------------　*/
#news-wrap {
  position: relative;
  padding: 2em 0;
  background: url(../../../images/cmn/cmn_cat_head_bg.png) repeat-x;
  border-top: solid 5px #3b3b3b;
  /* PRLINK */
  /* SNS AREA */
  /* NEWS見出し */
  /* レクタングルバナー & 横長　*/
  /*　ページング　*/
}
#news-wrap * {
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
#news-wrap div.cmn-head-pr {
  margin: 0 0 1em;
}
#news-wrap > div.uk-grid-stack:first-child div:last-child {
  align-items: center;
}
@media print, screen and (min-width: 769px) {
  #news-wrap > div.uk-grid-stack:first-child div:last-child {
    display: flex;
  }
}
@media only screen and (max-width: 768px) {
  #news-wrap > div.uk-grid-stack:first-child div:last-child {
    margin-top: 6px !important;
    display: block;
  }
  #news-wrap > div.uk-grid-stack:first-child div:last-child ul li {
    width: 100%;
  }
  #news-wrap > div.uk-grid-stack:first-child div:last-child ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
#news-wrap > div.uk-grid-stack:first-child div:last-child.uk-dropdown {
  display: none;
}
#news-wrap > div.uk-grid-stack:first-child div:last-child.uk-dropdown.uk-open {
  display: block;
}
#news-wrap div.cmn-sns-link {
  margin: 1em 0;
}
#news-wrap #news-head-h1 {
  margin: 0 !important;
  padding: 1em 0;
  font-weight: bold;
  font-size: 24px;
  position: relative;
  line-height: 1.4;
  display: block;
  top: 0;
  color: #042941;
}
#news-wrap #news-head-h1 i {
  margin-right: 12px;
  font-size: 24px;
}
#news-wrap #news-head-h1 strong {
  padding-top: 15px;
  display: block;
  font-size: 0.75em;
}
@media only screen and (max-width: 768px) {
  #news-wrap #news-head-h1 {
    margin-bottom: 0 !important;
    padding: 0.5em !important;
  }
}
#news-wrap #news-head-h1.soken {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 769px) {
  #news-wrap #news-head-h1.soken {
    display: grid;
    grid-template-columns: 1fr 200px;
  }
}
#news-wrap #news-head-h1.soken > div {
  width: 100%;
}
@media print, screen and (min-width: 769px) {
  #news-wrap #news-head-h1.soken > div {
    padding-right: 0.5rem;
    font-size: 24px;
  }
}
#news-wrap #news-head-h1.soken a.soken-btn {
  margin: 0.5em 0;
  background: #0aa064;
  color: #FFF;
}
@media print, screen and (min-width: 769px) {
  #news-wrap #news-head-h1.soken a.soken-btn {
    margin: 0;
  }
}
#news-wrap div.news-foot-banner {
  margin: 2em 0;
  text-align: center;
}
#news-wrap div.news-foot-banner a {
  display: inline-block;
}
#news-wrap div.news-foot-banner.x-long {
  margin: 0 0 3rem;
}
#news-wrap #PrImgArea {
  margin: 20px;
  text-align: center;
}
#news-wrap #PrImgArea p {
  text-align: right;
}
#news-wrap .news-paging, #news-wrap .NewsPaging {
  margin: 0;
  text-align: center;
}
#news-wrap .news-paging li, #news-wrap .NewsPaging li {
  display: inline-block;
  min-width: 30px;
  color: hsl(0, 0%, 60%);
}
#news-wrap .news-paging li a, #news-wrap .NewsPaging li a {
  padding: 6px 12px;
  display: block;
  font-size: 18px;
  font-family: "Arial Black", Gadget, sans-serif;
  text-decoration: none;
  border-radius: 2px;
  background: #F3F3F3;
  color: #111;
}
#news-wrap .news-paging li a:hover, #news-wrap .NewsPaging li a:hover {
  background: #ABABAB;
  color: #FFF;
}
#news-wrap .news-paging li.cr span, #news-wrap .NewsPaging li.cr span {
  background: #3E6CBF;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  padding: 6px 12px;
  display: block;
  text-decoration: none;
  border-radius: 2px;
  font-family: "Arial Black", Gadget, sans-serif;
}
#news-wrap .news-paging:after, #news-wrap .NewsPaging:after {
  content: "";
  display: table;
  clear: both;
}
#news-wrap div#news-top-cts div.thum {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 5/3;
  overflow: hidden;
  background-color: oklch(96.8% 0.007 247.896deg);
}
#news-wrap div#news-top-cts div.thum img:not(.pictnew) {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#news-wrap div#news-top-cts img.pictnew {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
#news-wrap div#news-top-cts h1 span {
  font-size: 1.1em;
}
#news-wrap div#news-top-cts h1.uk-heading-line {
  margin-bottom: 3em;
}
#news-wrap div#news-top-cts p.lead {
  margin-bottom: 3em;
  text-align: left;
}
#news-wrap div#news-top-cts h2 {
  font-size: 1.4em;
}
#news-wrap div#news-top-cts h2.uk-card-title {
  font-size: 1.2em;
}
#news-wrap div#news-top-cts div.uk-section {
  padding-top: 40px;
  padding-bottom: 40px;
}
#news-wrap div#news-top-cts div.Cmn3ClmCard {
  /* THUMBNAIL */
}
#news-wrap div#news-top-cts div.Cmn3ClmCard div.thum {
  margin-bottom: 10px;
}
#news-wrap div#news-top-cts div.Cmn3ClmCard a {
  display: block;
  color: #111111;
}
#news-wrap div#news-top-cts div.Cmn3ClmCard a:hover {
  opacity: 0.6;
}
#news-wrap div#news-top-cts div.Cmn3ClmCard div.text {
  margin: 0;
}
#news-wrap div#news-top-cts div.Cmn3ClmCard div.text h2 {
  margin: 0.5em 0;
  font-size: 1.2em;
}
#news-wrap div#news-top-cts div.Cmn3ClmCard div.text p {
  margin: 0;
  font-size: 0.8rem;
  font-weight: bold;
}
#news-wrap div#news-top-cts ul#GlsryList {
  padding: 0;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#news-wrap div#news-top-cts ul#GlsryList li {
  margin: 0 10px 10px 0;
  display: inline-block;
  width: 48%;
  background: #F3F3F3;
  border-radius: 4px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  #news-wrap div#news-top-cts ul#GlsryList li {
    margin: 0 0 6px 0;
  }
}
@media only screen and (max-width: 768px) {
  #news-wrap div#news-top-cts ul#GlsryList li {
    width: 100%;
  }
}
#news-wrap div#news-top-cts ul#GlsryList li a {
  display: block;
  padding: 15px;
  color: #333;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  font-weight: bold !important;
  font-size: 16px !important;
  line-height: 95% !important;
  border: solid 1px #CCC;
}
#news-wrap div#news-top-cts ul#GlsryList li a i {
  margin-right: 1em;
}
#news-wrap div#news-top-cts ul#GlsryList li a:hover {
  color: #c30d23 !important;
  background: #FFF;
}
#news-wrap ul#news-src-list, #news-wrap ul#NewsSrcList {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
#news-wrap ul#news-src-list li, #news-wrap ul#NewsSrcList li {
  padding: 1em 0;
}
#news-wrap ul#news-src-list li:hover, #news-wrap ul#NewsSrcList li:hover {
  opacity: 0.75;
}
@media print, screen and (min-width: 769px) {
  #news-wrap ul#news-src-list li div.uk-cover-container, #news-wrap ul#NewsSrcList li div.uk-cover-container {
    margin-right: 2em;
  }
}
#news-wrap ul#news-src-list li strong.series-title, #news-wrap ul#NewsSrcList li strong.series-title {
  color: #555d62;
  margin: 0 0 1em;
  font-size: 13px;
}
#news-wrap ul#news-src-list li span.new, #news-wrap ul#NewsSrcList li span.new {
  margin-left: 0.5em;
  color: red;
  font-size: 1rem;
}
#news-wrap ul#news-src-list li h2, #news-wrap ul#news-src-list li h2.uk-card-title, #news-wrap ul#NewsSrcList li h2, #news-wrap ul#NewsSrcList li h2.uk-card-title {
  margin: 0 0 0.5em;
  font-size: 1.2em;
}
#news-wrap ul#news-src-list li h3, #news-wrap ul#NewsSrcList li h3 {
  margin: 0 0 0.5em;
  font-size: 13px;
  font-weight: bold;
}
#news-wrap ul#news-src-list li p.text, #news-wrap ul#NewsSrcList li p.text {
  margin: 0;
  color: #333;
  font-size: 13px;
}
#news-wrap ul#news-src-list li p.uk-text-meta, #news-wrap ul#NewsSrcList li p.uk-text-meta {
  margin: 0;
}
#news-wrap ul#news-src-list li p.day, #news-wrap ul#NewsSrcList li p.day {
  margin: 1em 0;
  font-size: 0.8rem;
}
#news-wrap ul#news-src-list li div.cmn-keyword-genre, #news-wrap ul#NewsSrcList li div.cmn-keyword-genre {
  margin: 0;
}
#news-wrap .cover-5-3 {
  width: 100%;
  height: auto;
  aspect-ratio: 5/3;
  overflow: hidden;
  background-color: oklch(96.8% 0.007 247.896deg);
}
#news-wrap .cover-5-3 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/*　レクタングルバナー　*/
#NewsTrendRect {
  margin: 2em 0;
  text-align: center;
}

/*　調査レポートのナビゲーション　*/
div.report-nav {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
div.report-nav div.ttl {
  margin-right: 1em;
  padding-right: 1em;
  white-space: nowrap;
  font-weight: bold;
  border-right: solid 1px #CCC;
}
div.report-nav ul {
  margin: 0;
}
div.report-nav ul li {
  padding: 0;
}
div.report-nav ul li a {
  padding: 4px 1em;
}
div.report-nav ul li.uk-active a {
  background: #3e6cbf;
  color: #FFF;
}