/* multibk */
.morebk {position:relative; display:flex; flex-wrap:wrap; margin-top:-200px !important; margin-bottom:70px !important;}
.morebk-5-col {margin-top:-142px !important;}
.morebk-3-col > .frame {width:32%; margin-bottom:35px; margin-right:2%;}
.morebk-3-col > .frame:nth-child(3n) {margin-right:0;}
.morebk-4-col > .frame {width:23.5%; margin-right:2%; margin-bottom:35px;}
.morebk-4-col > .frame:nth-child(4n) {margin-right:0;}
.morebk-5-col > .frame {width:18.4%; margin-right:2%; margin-bottom:35px;}
.morebk-5-col > .frame:nth-child(5n) {margin-right:0;}

.morebk h3 {margin:0; padding:25px 30px; background-color:#f2f2f2; font-size:24px; font-size:2.4rem; font-family:RobotoBold, sans-serif;}
.morebk-4-col h3 {padding:15px 30px; font-size:20px; font-size:2rem;}
.morebk-5-col h3 {padding:12px 20px; font-size:18px; font-size:1.8rem;}

.morebk p {margin:0;}
.morebk a {display:flex; flex-wrap:wrap; justify-content: space-between; width:100%; padding:15px 30px;
  background-color:#1a3045; color:#fff; font-size:16px; font-size:1.6rem; font-family:RobotoBold, sans-serif; text-transform:uppercase;}
.morebk a::after {content:"\f105"; font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900;}
.morebk figure a {padding:0;}
.morebk-4-col a,
.morebk-5-col a {font-size:14px; font-size:1.4rem;}
.morebk-5-col a {padding:12px 20px;}
.morebk .ce-gallery figure {display:block;}
.morebk .ce-column {float:none;}
.morebk .ce-outer,
.morebk .ce-inner {float:none; position:static;}
.morebk img {width:100%; height:auto;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url(desaturate.svg#greyscale);
  filter: gray;
  -webkit-filter: grayscale(1);}

.morebk .frame:nth-child(1) a {background-color:#b20000;}
.morebk .frame:nth-child(2) a {background-color:#059955;}
.morebk .frame:nth-child(3) a {background-color:#533277;}
.morebk .frame:nth-child(4) a {background-color:#1a3045;}
.morebk .frame:nth-child(5) a {background-color:#ff8500;}
.morebk .frame:nth-child(6) a {background-color:#4f4f4f;}
.morebk .frame:nth-child(7) a {background-color:#feb81a;}
.morebk .frame:nth-child(8) a {background-color:#878787;}

/* multinav */
#multinav {position:relative; background-color:#f5f5f5;}
#multinav > .section-inner {display:flex; justify-content: flex-end; margin:0 auto; padding:0 30px; max-width: 1340px; position: relative;}
#multinav ul {display:none; position:absolute; top:40px; right:30px; width:250px; padding:15px; margin:0; list-style-type:none; z-index:999; background-color:#e0e0e0;}
#multinav ul a:hover {text-decoration:none; color: #4f4f4f;}
#multinav .dropdown {display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center;
  width:250px; padding:0 15px; background-color:#e0e0e0; color:#666666; font-size:16px; font-size:1.6rem; cursor:pointer;}
#multinav .dropdown::after {content:"\f107"; display:inline-block; padding:12px 0; padding-left:15px; border-left:1px solid #fff;
font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900; line-height:16px;
}
#multinav .open .dropdown::after {content:"\f106";}

@media only screen and (max-width: 1280px) {
.morebk {margin-top:0 !important;}
.morebk h3 {font-size:16px; font-size:1.6rem;}


}

@media only screen and (max-width: 1024px) {
.morebk {margin-bottom:50px !important;}
.morebk h3 {padding:8px 15px;}
.morebk a {padding:8px 15px;}
.morebk-3-col a {font-size:14px; font-size:1.4rem;}
.morebk-4-col > .frame {width:32%;}
.morebk-4-col > .frame:nth-child(3n) {margin-right:0;}
.morebk-4-col > .frame:nth-child(4n) {margin-right:2%;}

.morebk-5-col > .frame {width:32%;}
.morebk-5-col > .frame:nth-child(5n) {margin-right:2%;}
.morebk-5-col > .frame:nth-child(3n) {margin-right:0;}
}


@media only screen and (max-width:768px) {

}

@media only screen and (max-width:640px) {
 .morebk-5-col > .frame,
 .morebk-3-col > .frame,
 .morebk-4-col > .frame {width:49%; margin-bottom:20px;}

 .morebk-3-col > .frame:nth-child(4n),
 .morebk-4-col > .frame:nth-child(4n) {margin-right:0;}
 .morebk-3-col > .frame:nth-child(3n),
 .morebk-4-col > .frame:nth-child(3n),
 .morebk-5-col > .frame:nth-child(3n) {margin-right:2%;}
 .morebk-3-col > .frame:nth-child(2n),
 .morebk-4-col > .frame:nth-child(2n),
 .morebk-5-col > .frame:nth-child(2n) {margin-right:0;}
 .morebk-5-col > .frame:nth-child(5n) {margin-right:2%;}
 .morebk-5-col > .frame:nth-child(10n) {margin-right:0;}
}

@media only screen and (max-width:480px) {
  #multinav > .section-inner {padding:0;}
  #multinav .dropdown {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; line-height:38px;}
  #multinav ul {width:100%; right:0;}
}
