@charset "UTF-8";
/*------------------------------------------------------------
文字の色など
-------------------------------------------------------------*/

a:hover {
    color: #06f!important;
}
.black{
    color: #000!important;
}

.font_new::after,.new::after {
  content: 'New!';
  background-color: #E00;
  color: white;
  padding: 2px 6px;
  margin-left: 6px;
  font-size: 11px;
  font-weight: bold;
  border-radius: 1px;
  display: inline-block;
}
.red{
color:red;
}
.font_red {
    font-weight: 600;
    color: #FFF;
    background-color: #E00;
    border-right-width: 3px;
    border-left-width: 3px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #E00;
    border-left-color: #E00;
}


/*------------------------------------------------------------
LIST　UL・・・周りのブロックからの距離（padding）
-------------------------------------------------------------*/
.wp-block-columns.is-layout-flex.gap0 {
    gap: 0.2em !important;
}
/* 青チェックリスト */
.list-3 {
    list-style-type: none;
	margin-block-start: 0.1em;
	margin-block-end: 0.1em;
	padding-inline-start: 10px;
        padding-left:0px;
}

.list-3 li {
    display: flex;
    align-items: baseline;
    gap: 0 5px;
    padding: .15em .3em;
    font-size: 0.85rem!important;
}

.list-3 li::before {
    display: inline-block;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #001eff;
    border-left: 2px solid #001eff;
    transform: rotate(-45deg) translateY(-1.5px);
    content: '';
}

/*------------------------------------------------------------
FLEX・・・周りのブロックからの距離（padding）
-------------------------------------------------------------*/

/* カタログ　PDF */
.group-flex-right .wp-block-group__inner-container {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}

.group-flex-right figure {
  margin: 0 !important;
  flex-shrink: 0;
}

.group-flex-right .wp-block-image {
  margin: 0 !important;
}

/* ----------------------------------------------------------- */
.topgray2 table,
.topgray table{
    width: 90%;
    border-collapse: collapse;
    border:solid 1px #999;
}

.topgray2 table th,
.topgray2 table td,
.topgray table th,
.topgray table td{
    border:solid 1px #999;
}

.topgray2 table tr:first-child,
.topgray table tr:first-child{
    background-color: #DDD;
    font-weight: 700;
}

figure.topgray2 table,
figure.topgray table {
  table-layout: fixed;
  width: 100%;  /* 親要素の幅いっぱいに広げる */
}

figure.topgray table td:first-child {
    background: #e8f3ff;
    font-weight: 600;
    width: 210px;
}

figure.topgrayl table td:first-child {
    width: 300px;
}

.topgray2 a,
.topgray a{
    color: #06F;
}

.maxw300 {
	max-width:300px;
}

.maxw400 {
	max-width:400px;
}

.slidetable{
    overflow-x: auto;
}

.slidetable table {
    min-width: 600px;
}


.itemlist table{
    width: 95%;
    border-collapse: collapse;
    border:solid 1px #999;
}

.itemlist table th,
.itemlist table td{
    border:solid 1px #999;
}

.itemlist table tr:first-child{
    background-color: #DDD;
    font-weight: 700;
}

figure.itemlist table {
  table-layout: auto!important;
  width: 100%;  /* 親要素の幅いっぱいに広げる */
}

figure.itemlist table td:first-child {
    background: #e8f3ff;
    font-weight: 600;
    width: 200px;
}

.itemlist a{
    color: #06F;
}

/*------------------------------------------------------------
ウィジェット　メニュー
-------------------------------------------------------------*/
.widget_nav_menu .menu li{
	font-size: 0.95rem!important;
}

/*------------------------------------------------------------
max-width: 600px
-------------------------------------------------------------*/

@media (max-width: 600px) {
#main {
    padding: 0px!important;
}
.table td, .table th, .wp-block-table table td, .wp-block-table table th {
    padding: .1rem!important;
}
figure.topgray table td:first-child,
figure.itemlist table td:first-child {
    width: auto!important;
}
}