/* -------------------------------------------
General Settings
-------------------------------------------- */
.nwms_img_sunseeker {background-image: url(../img/newboat/indeximg-sunseeker.jpg);}
.nwms_img_sunseeker h3 {background-image: url(../img/logo/sunseeker.png);}
.nwms_img_riviera {background-image: url(../img/newboat/indeximg-riviera.jpg);}
.nwms_img_riviera h3 {background-image: url(../img/logo/riviera.png);}
.nwms_img_nordstar {background-image: url(../img/newboat/indeximg-nordstar.jpg);}
.nwms_img_nordstar h3 {background-image: url(../img/logo/nordstar.png);}
.nwms_img_hanse {background-image: url(../img/newboat/indeximg-hanse.jpg);}
.nwms_img_hanse h3 {background-image: url(../img/logo/hanse.png);}
.nwms_img_hatteras {background-image: url(../img/newboat/indeximg-hatteras.jpg);}
.nwms_img_hatteras h3 {background-image: url(../img/logo/hatteras.png);}
.nwms_img_saxdor {background-image: url(../img/newboat/indeximg-saxdor.jpg);}
.nwms_img_saxdor h3 {background-image: url(../img/logo/saxdor.png);}
.nwms_img_beneteau {background-image: url(../img/newboat/indeximg-beneteau.jpg);}
.nwms_img_beneteau h3 {background-image: url(../img/logo/beneteau.png);}
.nwms_img_jeanneau {background-image: url(../img/newboat/indeximg-jeanneau.jpg);}
.nwms_img_jeanneau h3 {background-image: url(../img/logo/jeanneau.png);}
.nwms_img_suzuki {background-image: url(../img/newboat/indeximg-suzuki.jpg);}
.nwms_img_suzuki h3 {background-image: url(../img/logo/suzuki.png);}
.nwms_img_toyota {background-image: url(../img/newboat/indeximg-toyota.jpg);}
.nwms_img_toyota h3 {background-image: url(../img/logo/toyota.png);}
.nwms_img_yamaha {background-image: url(../img/newboat/indeximg-yamaha.jpg);}
.nwms_img_yamaha h3 {background-image: url(../img/logo/yamaha.png);}
.nwms_img_yanmar {background-image: url(../img/newboat/indeximg-yanmar.jpg);}
.nwms_img_yanmar h3 {background-image: url(../img/logo/yanmar.png);}
.nwms_img_njm {background-image: url(../img/newboat/indeximg-njm.jpg);}
.nwms_img_njm h3 {background-image: url(../img/logo/njm.png);}


/* ----------------------------------------------------------
Style for PCs
---------------------------------------------------------- */
@media screen and (min-width: 1025px) {

.newboat_mainlist {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 2px;
}
.newboat_mainlist .nwm_sin {
  width:49.8%;
  height: auto;
  aspect-ratio: 3 / 4;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 0.1% 0.1%;
  overflow: hidden;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 120%;
    transition: all 0.8s ease;
}
.newboat_mainlist .nwm_sin:hover {
  background-size: auto 140%;
}
.newboat_mainlist .nwm_sin .nwms_base {
width:100%;
height: 100%;
aspect-ratio: 3 / 4;
display: block;
position: relative;
}
.newboat_mainlist .nwm_sin a {
  width:100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background-color: rgba(0,0,0,0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
    transition: all 0.4s ease;
}
.newboat_mainlist .nwm_sin a:hover {
  background-color: rgba(0,0,0,0.2);
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);

}
.newboat_mainlist .nwm_sin .nwms_cc {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.newboat_mainlist .nwm_sin a .nwms_cc h3 {
width:100%;
height: auto;
display: block;
text-align: center;
color:#fff;
padding:130px 0 0 0;
background-repeat: no-repeat;
background-position: center top;
background-size: auto 120px;
margin-bottom: 10px;
}
.newboat_mainlist .nwm_sin a .nwms_cc p.nwmsc_comment {
  width:70%;
  text-align: center;
  font-size:14px;
  font-weight: 400;
  line-height: 1.8em;
  color: #fff;
  margin-bottom: 20px!important;
}
.newboat_mainlist .nwm_sin a .nwms_cc p.nwmsc_bn {
  width:150px;
  height: 30px;
  display: block;
  text-align: center;
  font-size:12px!important;
  line-height: 28px!important;
  color:#fff;
  border:1px solid #fff;
  padding:0 20px;
  border-radius: 9999px;
  transition: all 0.4s ease;
}
.newboat_mainlist .nwm_sin a:hover .nwms_cc p.nwmsc_bn {
  color:#000;
  background-color: #fff;
  border:1px solid #fff;
}
.newboat_mainlist4 {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 2px;
}
.newboat_mainlist4 .nwm_sin {
  width:24.8%;
  height: auto;
  aspect-ratio: 3 / 4;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 0.1% 0.1%;
  overflow: hidden;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 120%;
    transition: all 0.8s ease;
}
.newboat_mainlist4 .nwm_sin:hover {
  background-size: auto 140%;
}
.newboat_mainlist4 .nwm_sin .nwms_base {
width:100%;
height: 100%;
  aspect-ratio: 3 / 4;
display: block;
position: relative;
}
.newboat_mainlist4 .nwm_sin a {
  width:100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background-color: rgba(0,0,0,0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
    transition: all 0.4s ease;
}
.newboat_mainlist4 .nwm_sin a:hover {
  background-color: rgba(0,0,0,0.2);
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);

}
.newboat_mainlist4 .nwm_sin .nwms_cc {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.newboat_mainlist4 .nwm_sin a .nwms_cc h3 {
width:100%;
height: auto;
display: block;
text-align: center;
color:#fff;
padding:130px 0 0 0;
background-repeat: no-repeat;
background-position: center top;
background-size: auto 120px;
margin-bottom: 10px;
}
.newboat_mainlist4 .nwm_sin a .nwms_cc p.nwmsc_comment {
  width:70%;
  text-align: center;
  font-size:14px;
  font-weight: 400;
  line-height: 1.8em;
  color: #fff;
  margin-bottom: 20px!important;
}
.newboat_mainlist4 .nwm_sin a .nwms_cc p.nwmsc_bn {
  width:150px;
  height: 30px;
  display: block;
  text-align: center;
  font-size:12px!important;
  line-height: 28px!important;
  color:#fff;
  border:1px solid #fff;
  padding:0 20px;
  border-radius: 9999px;
  transition: all 0.4s ease;
}
.newboat_mainlist4 .nwm_sin a:hover .nwms_cc p.nwmsc_bn {
  color:#000;
  background-color: #fff;
  border:1px solid #fff;
}
.newboat_mainlist5 {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 2px;
}
.newboat_mainlist5 .nwm_sin {
  width:19.8%;
  height: auto;
  aspect-ratio: 3 / 4;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 0.1% 0.1%;
  overflow: hidden;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 120%;
    transition: all 0.8s ease;
}
.newboat_mainlist5 .nwm_sin:hover {
  background-size: auto 140%;
}
.newboat_mainlist5 .nwm_sin .nwms_base {
width:100%;
height: 100%;
  aspect-ratio: 3 / 4;
display: block;
position: relative;
}
.newboat_mainlist5 .nwm_sin a {
  width:100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background-color: rgba(0,0,0,0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
    transition: all 0.4s ease;
}
.newboat_mainlist5 .nwm_sin a:hover {
  background-color: rgba(0,0,0,0.2);
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);

}
.newboat_mainlist5 .nwm_sin .nwms_cc {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.newboat_mainlist5 .nwm_sin a .nwms_cc h3 {
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
    color: #fff;
    padding: 110px 0 0 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 100px;
    margin-bottom: 10px;
}
.newboat_mainlist5 .nwm_sin a .nwms_cc p.nwmsc_comment {
  width:70%;
  text-align: center;
  font-size:14px;
  font-weight: 400;
  line-height: 1.8em;
  color: #fff;
  margin-bottom: 20px!important;
}
.newboat_mainlist5 .nwm_sin a .nwms_cc p.nwmsc_bn {
  width:150px;
  height: 30px;
  display: block;
  text-align: center;
  font-size:12px!important;
  line-height: 28px!important;
  color:#fff;
  border:1px solid #fff;
  padding:0 20px;
  border-radius: 9999px;
  transition: all 0.4s ease;
}
.newboat_mainlist5 .nwm_sin a:hover .nwms_cc p.nwmsc_bn {
  color:#000;
  background-color: #fff;
  border:1px solid #fff;
}	

}

/* ----------------------------------------------------------
Style for iPad Pro
---------------------------------------------------------- */
@media screen and (min-width: 769px) and (max-width: 1024px) {

.newboat_mainlist {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 2px;
}
.newboat_mainlist .nwm_sin {
  width:49.8%;
  height: auto;
  aspect-ratio: 3 / 4;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 0.1% 0.1%;
  overflow: hidden;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 120%;
    transition: all 0.8s ease;
}
.newboat_mainlist .nwm_sin:hover {
  background-size: auto 140%;
}
.newboat_mainlist .nwm_sin .nwms_base {
width:100%;
height: 100%;
  aspect-ratio: 3 / 4;
display: block;
position: relative;
}
.newboat_mainlist .nwm_sin a {
  width:100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background-color: rgba(0,0,0,0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
    transition: all 0.4s ease;
}
.newboat_mainlist .nwm_sin a:hover {
  background-color: rgba(0,0,0,0.2);
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);

}
.newboat_mainlist .nwm_sin .nwms_cc {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.newboat_mainlist .nwm_sin a .nwms_cc h3 {
width:100%;
height: auto;
display: block;
text-align: center;
color:#fff;
padding:130px 0 0 0;
background-repeat: no-repeat;
background-position: center top;
background-size: auto 120px;
margin-bottom: 10px;
}
.newboat_mainlist .nwm_sin a .nwms_cc p.nwmsc_comment {
  width:70%;
  text-align: center;
  font-size:14px;
  font-weight: 400;
  line-height: 1.8em;
  color: #fff;
  margin-bottom: 20px!important;
}
.newboat_mainlist .nwm_sin a .nwms_cc p.nwmsc_bn {
  width:150px;
  height: 30px;
  display: block;
  text-align: center;
  font-size:12px!important;
  line-height: 28px!important;
  color:#fff;
  border:1px solid #fff;
  padding:0 20px;
  border-radius: 9999px;
  transition: all 0.4s ease;
}
.newboat_mainlist .nwm_sin a:hover .nwms_cc p.nwmsc_bn {
  color:#000;
  background-color: #fff;
  border:1px solid #fff;
}
.newboat_mainlist4 {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 2px;
}	
.newboat_mainlist4 .nwm_sin {
  width:24.8%;
  height: auto;
  aspect-ratio: 3 / 4;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 0.1% 0.1%;
  overflow: hidden;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 120%;
    transition: all 0.8s ease;
}
.newboat_mainlist4 .nwm_sin:hover {
  background-size: auto 140%;
}
.newboat_mainlist4 .nwm_sin .nwms_base {
width:100%;
height: 100%;
  aspect-ratio: 3 / 4;
display: block;
position: relative;
}
.newboat_mainlist4 .nwm_sin a {
  width:100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background-color: rgba(0,0,0,0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
    transition: all 0.4s ease;
}
.newboat_mainlist4 .nwm_sin a:hover {
  background-color: rgba(0,0,0,0.2);
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);

}
.newboat_mainlist4 .nwm_sin .nwms_cc {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.newboat_mainlist4 .nwm_sin a .nwms_cc h3 {

margin-bottom: 10px;
    
    
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
    color: #fff;
    padding: 60px 0 0 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 60px;
    margin-bottom: 10px;
    font-size: 14px !important;  
    
    
    
    
}
.newboat_mainlist4 .nwm_sin a .nwms_cc p.nwmsc_comment {
  width:70%;
  text-align: center;
  font-size:10px!important;
  font-weight: 400;
  line-height: 1.8em;
  color: #fff;
  margin-bottom: 20px!important;
}
.newboat_mainlist4 .nwm_sin a .nwms_cc p.nwmsc_bn {
width: 120px;
    height: 30px;
    display: block;
    text-align: center;
    font-size: 10px !important;
    line-height: 28px !important;
    color: #fff;
    border: 1px solid #fff;
    padding: 0 20px;
    border-radius: 9999px;
    transition: all 0.4s ease;
}
.newboat_mainlist4 .nwm_sin a:hover .nwms_cc p.nwmsc_bn {
  color:#000;
  background-color: #fff;
  border:1px solid #fff;
}
.newboat_mainlist5 {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 2px;
}	
.newboat_mainlist5 .nwm_sin {
  width:19.8%;
  height: auto;
  aspect-ratio: 3 / 4;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 0.1% 0.1%;
  overflow: hidden;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 120%;
    transition: all 0.8s ease;
}
.newboat_mainlist5 .nwm_sin:hover {
  background-size: auto 140%;
}
.newboat_mainlist5 .nwm_sin .nwms_base {
width:100%;
height: 100%;
  aspect-ratio: 3 / 4;
display: block;
position: relative;
}
.newboat_mainlist5 .nwm_sin a {
  width:100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background-color: rgba(0,0,0,0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
    transition: all 0.4s ease;
}
.newboat_mainlist5 .nwm_sin a:hover {
  background-color: rgba(0,0,0,0.2);
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);

}
.newboat_mainlist5 .nwm_sin .nwms_cc {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.newboat_mainlist5 .nwm_sin a .nwms_cc h3 {
width: 100%;
    height: auto;
    display: block;
    text-align: center;
    color: #fff;
    padding: 60px 0 0 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 60px;
    margin-bottom: 10px;
    font-size: 12px !important;
}
.newboat_mainlist5 .nwm_sin a .nwms_cc p.nwmsc_comment {
  width:70%;
  text-align: center;
  font-size:14px;
  font-weight: 400;
  line-height: 1.8em;
  color: #fff;
  margin-bottom: 20px!important;
}
.newboat_mainlist5 .nwm_sin a .nwms_cc p.nwmsc_bn {
width: 120px;
    height: 30px;
    display: block;
    text-align: center;
    font-size: 10px !important;
    line-height: 28px !important;
    color: #fff;
    border: 1px solid #fff;
    padding: 0 20px;
    border-radius: 9999px;
    transition: all 0.4s ease;
}
.newboat_mainlist5 .nwm_sin a:hover .nwms_cc p.nwmsc_bn {
  color:#000;
  background-color: #fff;
  border:1px solid #fff;
}

}


/* ----------------------------------------------------------
Style for Smartphone
---------------------------------------------------------- */
@media screen and (max-width: 768px) {

.newboat_mainlist {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 2px;
}
.newboat_mainlist .nwm_sin {
  width:100%;
  height: auto;
  aspect-ratio: 2 / 3;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 0 2px;
  overflow: hidden;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
    transition: all 0.8s ease;
}
.newboat_mainlist .nwm_sin:hover {
  background-size: auto 120%;
}
.newboat_mainlist .nwm_sin .nwms_base {
width:100%;
height: 100%;
aspect-ratio: 2 / 3;
display: block;
position: relative;
}
.newboat_mainlist .nwm_sin a {
  width:100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background-color: rgba(0,0,0,0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
    transition: all 0.4s ease;
}
.newboat_mainlist .nwm_sin a:hover {
  background-color: rgba(0,0,0,0.2);
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);

}
.newboat_mainlist .nwm_sin .nwms_cc {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.newboat_mainlist .nwm_sin a .nwms_cc h3 {
width:100%;
height: auto;
display: block;
text-align: center;
color:#fff;
padding:110px 0 0 0;
background-repeat: no-repeat;
background-position: center top;
background-size: auto 100px;
margin-bottom: 10px;
}
.newboat_mainlist .nwm_sin a .nwms_cc p.nwmsc_comment {
  width:70%;
  text-align: center;
  font-size:12px!important;
  font-weight: 400;
  line-height: 1.8em;
  color: #fff;
  margin-bottom: 20px!important;
}
.newboat_mainlist .nwm_sin a .nwms_cc p.nwmsc_bn {
  width:150px;
  height: 30px;
  display: block;
  text-align: center;
  font-size:12px!important;
  line-height: 28px!important;
  color:#fff;
  border:1px solid #fff;
  padding:0 20px;
  border-radius: 9999px;
  transition: all 0.4s ease;
}
.newboat_mainlist .nwm_sin a:hover .nwms_cc p.nwmsc_bn {
  color:#000;
  background-color: #fff;
  border:1px solid #fff;
}
.newboat_mainlist4 {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 2px;
}	
.newboat_mainlist4 .nwm_sin {
  width:100%;
  height: auto;
  aspect-ratio: 2 / 3;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 0 2px;
  overflow: hidden;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
    transition: all 0.8s ease;
}
.newboat_mainlist4 .nwm_sin:hover {
  background-size: auto 120%;
}
.newboat_mainlist4 .nwm_sin .nwms_base {
width:100%;
height: 100%;
aspect-ratio: 2 / 3;
display: block;
position: relative;
}
.newboat_mainlist4 .nwm_sin a {
  width:100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background-color: rgba(0,0,0,0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
    transition: all 0.4s ease;
}
.newboat_mainlist4 .nwm_sin a:hover {
  background-color: rgba(0,0,0,0.2);
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);

}
.newboat_mainlist4 .nwm_sin .nwms_cc {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.newboat_mainlist4 .nwm_sin a .nwms_cc h3 {
width:100%;
height: auto;
display: block;
text-align: center;
color:#fff;
padding:110px 0 0 0;
background-repeat: no-repeat;
background-position: center top;
background-size: auto 100px;
margin-bottom: 10px;
}
.newboat_mainlist4 .nwm_sin a .nwms_cc p.nwmsc_comment {
  width:70%;
  text-align: center;
  font-size:12px!important;
  font-weight: 400;
  line-height: 1.8em;
  color: #fff;
  margin-bottom: 20px!important;
}
.newboat_mainlist4 .nwm_sin a .nwms_cc p.nwmsc_bn {
  width:150px;
  height: 30px;
  display: block;
  text-align: center;
  font-size:12px!important;
  line-height: 28px!important;
  color:#fff;
  border:1px solid #fff;
  padding:0 20px;
  border-radius: 9999px;
  transition: all 0.4s ease;
}
.newboat_mainlist4 .nwm_sin a:hover .nwms_cc p.nwmsc_bn {
  color:#000;
  background-color: #fff;
  border:1px solid #fff;
}
.newboat_mainlist5 {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 2px;
}	
.newboat_mainlist5 .nwm_sin {
  width:100%;
  height: auto;
  aspect-ratio: 2 / 3;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 0 2px;
  overflow: hidden;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
    transition: all 0.8s ease;
}
.newboat_mainlist5 .nwm_sin:hover {
  background-size: auto 120%;
}
.newboat_mainlist5 .nwm_sin .nwms_base {
width:100%;
height: 100%;
aspect-ratio: 2 / 3;
display: block;
position: relative;
}
.newboat_mainlist5 .nwm_sin a {
  width:100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background-color: rgba(0,0,0,0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
    transition: all 0.4s ease;
}
.newboat_mainlist5 .nwm_sin a:hover {
  background-color: rgba(0,0,0,0.2);
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);

}
.newboat_mainlist5 .nwm_sin .nwms_cc {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.newboat_mainlist5 .nwm_sin a .nwms_cc h3 {
width:100%;
height: auto;
display: block;
text-align: center;
color:#fff;
padding:110px 0 0 0;
background-repeat: no-repeat;
background-position: center top;
background-size: auto 100px;
margin-bottom: 10px;
}
.newboat_mainlist5 .nwm_sin a .nwms_cc p.nwmsc_comment {
  width:70%;
  text-align: center;
  font-size:12px!important;
  font-weight: 400;
  line-height: 1.8em;
  color: #fff;
  margin-bottom: 20px!important;
}
.newboat_mainlist5 .nwm_sin a .nwms_cc p.nwmsc_bn {
  width:150px;
  height: 30px;
  display: block;
  text-align: center;
  font-size:12px!important;
  line-height: 28px!important;
  color:#fff;
  border:1px solid #fff;
  padding:0 20px;
  border-radius: 9999px;
  transition: all 0.4s ease;
}
.newboat_mainlist5 .nwm_sin a:hover .nwms_cc p.nwmsc_bn {
  color:#000;
  background-color: #fff;
  border:1px solid #fff;
}

}