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

.slide-wrap {
width: 100%;
height: auto;
display: block;
padding-top:15px;
}
#slidemm_smp {
width: 100%;
height: auto;
display: block;
}
#slidemm_smp.cycle-slideshow {
width: 100%;
height: auto;
display: block;
}
#slidemm_smp.cycle-slideshow div {
width: 100%;
height: auto;
display: block;
}
#slidemm_smp.cycle-slideshow img {
width: 100%;
height: auto;
display: block;
}
.slide-wrap {
position: relative;
}
.slide-wrap #prev, 
.slide-wrap #next {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 50px;
height: 50px;
font-size: 18px;
color: #fff;
background-color: rgba(0,0,0,0.7);
border: 1px solid #fff;
opacity: 0.5;
cursor: pointer;
position: absolute;
top: calc( 50% - 25px );
z-index: 200;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.slide-wrap #prev {
left: 5px;
}
.slide-wrap #next {
right: 5px;
}
.slide-wrap #prev:hover, 
.slide-wrap #next:hover {
color: #000;
background-color: rgba(255,255,255,1.0);
opacity: 1;
}


/* Intro
-------------------------------------------------------------*/
#intromm {
width:100%;
height:auto;
display: block;
}
#intbg01 {
width:100%;
height:auto;
display: block;
background-image: url(../img/index/intro_bg0.jpg);
background-repeat: no-repeat;
background-position: 0 0;
background-size: auto 100%;
}
#intbg02 {
width:100%;
height:auto;
display: block;
background-image: url(../img/index/intro_bg1.jpg);
background-repeat: no-repeat;
background-position: right 0;
background-size: auto 100%;
}
#imbody {
width:100%;
max-width:1024px;
height:auto;
display: block;
padding:60px 5% 0px;
margin:0 auto;
background-color: #fff;
}
#imbody h2 {
font-size:28px;
font-weight: 400;
line-height: 1.6em;
letter-spacing: 0px;
text-align: center;
color:#333;
margin-bottom: 20px!important;
}
#imbody p {
font-size:14px;
line-height: 1.8em;
letter-spacing: 0px;
text-align: center;
color:#333;
margin-bottom: 0px!important;
}

/* Title
-------------------------------------------------------------*/
.titlemm {
width:100%;
height:auto;
display: block;
margin-bottom: 30px;
}
.titlemm h2 {
font-size:28px;
font-family: 'Roboto', sans-serif;
font-weight: 100;
line-height: 1.25em;
letter-spacing: 0px;
text-align: center;
color:#0A5BB0;
margin-bottom: 3px!important;
}
.titlemm p {
font-size:12px!important;
line-height: 1.25em!important;
letter-spacing: 0px!important;
text-align: center;
color:#666;
margin-bottom: 0px!important;
}


/* News
-------------------------------------------------------------*/
#newsmm {
width:100%;
height:auto;
display: block;
}
#nwbody {
width:100%;
max-width:1024px;
height:auto;
display: block;
padding:60px 5% 60px;
margin: 0 auto;
background-color: #fff;
}
#newsmm dl {
width:100%;
height:auto;
display: block;
}
#newsmm dl dt {
width:120px;
height:auto;
display: block;
padding:10px 5px;
font-size:14px;
font-weight: 400;
line-height: 1.4em;
float: left;
text-align: left;
color:#0A5BB0;
}
#newsmm dl dd {
width:100%;
height:auto;
display: block;
padding:10px 5px 10px 130px;
font-size:14px;
font-weight: 400;
line-height: 1.4em;
text-align: left;
color:#666;
border-bottom: 1px dotted #b0b0b0;
}
#newsmm dl dd a {
width:auto;
height: auto;
display: block;
text-decoration: none;
color:#666;
}
#newsmm dl dd a:hover {
color:#2958B5;
text-decoration: underline;
}


/* STOCK BOAT
-------------------------------------------------------------*/
#stockboatmm {
width:100%;
height:auto;
display: block;
}
#stockboatbody {
width:100%;
height:auto;
display: block;
padding:60px 5% 60px;
margin: 0 auto;
}

#ublist {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.ubl0 {
width:32.2333333333333333333%;
height: auto;
display: block;
margin: 0 0.5%;
}
#stn_v-m01 {
background-color: #f5f5f5;
padding:35px 25px 25px 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#stn_v-m02 {
background-color:rgba(235,237,243,1.00);
padding:35px 25px 25px 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#stn_v-m03 {
background-color:rgba(232,242,243,1.00);
padding:35px 25px 25px 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

h3.ubtitle_en {
text-align: center;
font-size:24px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
color:#0A5BB0;
line-height: 1.25em;
margin-bottom: 5px;
letter-spacing: 0px!important;
}
p.ubtitle_jp {
text-align: center;
font-size:12px!important;
font-weight: 400;
color:#333;
line-height: 1.25em!important;
margin-bottom: 15px!important;
}

/* Stocklist */
ul.stn_v li {
width:100%;
height: auto;
display: block;
background-color: #fff;
margin:5px 5px 10px 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
ul.stn_v li a {
width:100%;
height: auto;
display: block;
padding:15px 15px;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
ul.stn_v li a:hover {
background-color: #f5f5f5;
}
ul.stn_v li a img {
width:40%;
height: auto;
display: block;
float: left;
}
ul.stn_v li a .ubcc {
width:55%;
height: auto;
display: block;
float: right;
}
ul.stn_v li a .ubcc h2 {
color:#0A5BB0;
font-size:12px;
font-weight: 400;
line-height: 1.25em;
margin-bottom:3px;
letter-spacing: 0px;
}
ul.stn_v li a .ubcc h3 {
color:#333;
font-size:20px;
font-weight: 400;
line-height: 1.25em;
margin-bottom:5px;
letter-spacing: 0px;
}
ul.stn_v li a .ubcc p.ub_spec {
color:#666;
font-size:0.8em!important;
font-weight: 400;
line-height: 1.4em!important;
margin-bottom:10px!important;
letter-spacing: 0px;
}
ul.stn_v li a .ubcc p.ub_price {
color:#555;
font-size:12px!important;
font-weight: 400;
line-height: 1.25em!important;
margin-bottom:0px!important;
text-align: right;
letter-spacing: 0px;
}
ul.stn_v li a .ubcc p.ub_price strong {
font-size:16px;
font-weight:400;
color:#333;
}


/* Marina Network
-------------------------------------------------------------*/
#mnmm {
width:100%;
height: auto;
display: block;
}
.mnm { display:none!important; }

#mnintro {
padding-top:20px;
margin-bottom: 0px;
}
#mnintro h2 {
font-size:50px;
font-weight: 700;
line-height: 1.4em;
text-align: center;
color:#333;
margin-bottom: 10px;
}
#mnintro p {
font-size:20px;
font-weight: 400;
line-height: 1.6em;
text-align: center;
color:#444;
margin-bottom: 40px;
}

ul#mnint_cc {
width:100%;
max-width:1400px;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin:0 auto 50px;
}

ul#mnint_cc li {
width:48.80%;
height: auto;
display: block;
margin:0.5%;
padding:30px;
background-color: #0A5BB0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 1px 4px rgba(0,0,0,0.20);
}
ul#mnint_cc li h3 {
font-size:24px;
font-weight: 700;
letter-spacing: 0px;
line-height: 1.4em;
margin-bottom: 5px;
color:#AFD9FB;
}
ul#mnint_cc li p {
color:#fff;
}
#mntitlemm {
width:90%;
height: auto;
display: block;
margin:0 auto;
text-align: center;
}

.mn_list {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding:40px 5%;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,250,255,1) 59%, rgba(226,244,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,250,255,1) 59%,rgba(226,244,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,250,255,1) 59%,rgba(226,244,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2f4ff',GradientType=0 );
}
.mn_list li {
width:32.2333333333333333333%;
height: auto;
display: block;
margin: 0 0.5% 30px;
}
.mn_list li a {
width:100%;
height: auto;
display: block;
padding:25px 25px;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #fff;
box-shadow: 0px 1px 4px rgba(0,0,0,0.30);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
.mn_list li a:hover {
background-color: #f5f5f5;
}
.mn_list li a h2 {
font-size:20px;
font-weight:700;
line-height:1em;
color:#222;
letter-spacing:0px;
margin-bottom:10px;
}
.mn_list li a h3 {
font-family: 'Roboto', sans-serif;
font-size:0.8em;
font-weight:400;
line-height:1em;
color:#0A5BB0;
margin-bottom:10px;
}
.mn_list li a p {
font-size:14px!important;
line-height:1.6em!important;
color:#555;
margin-bottom: 0px!important;
letter-spacing: 0px;
}



}


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

.slide-wrap {
width: 100%;
height: auto;
display: block;
}
#slidemm_smp {
width: 100%;
height: auto;
display: block;
}
#slidemm_smp.cycle-slideshow {
width: 100%;
height: auto;
display: block;
}
#slidemm_smp.cycle-slideshow div {
width: 100%;
height: auto;
display: block;
}
#slidemm_smp.cycle-slideshow img {
width: 100%;
height: auto;
display: block;
}
.slide-wrap {
position: relative;
}
.slide-wrap #prev, 
.slide-wrap #next {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 50px;
height: 50px;
font-size: 18px;
color: #fff;
background-color: rgba(0,0,0,0.7);
border: 1px solid #fff;
opacity: 0.5;
cursor: pointer;
position: absolute;
top: calc( 50% - 25px );
z-index: 200;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.slide-wrap #prev {
left: 5px;
}
.slide-wrap #next {
right: 5px;
}
.slide-wrap #prev:hover, 
.slide-wrap #next:hover {
color: #000;
background-color: rgba(255,255,255,1.0);
opacity: 1;
}


/* Intro
-------------------------------------------------------------*/
#intromm {
width:100%;
height:auto;
display: block;
}
#intbg01 {
width:100%;
height:auto;
display: block;
background-image: url(../img/index/intro_bg0.jpg);
background-repeat: no-repeat;
background-position: 0 0;
background-size: auto 100%;
}
#intbg02 {
width:100%;
height:auto;
display: block;
background-image: url(../img/index/intro_bg1.jpg);
background-repeat: no-repeat;
background-position: right 0;
background-size: auto 100%;
}
#imbody {
width:100%;
max-width:1024px;
height:auto;
display: block;
padding:60px 5% 0px;
margin:0 auto;
background-color: #fff;
}
#imbody h2 {
font-size:28px;
font-weight: 400;
line-height: 1.6em;
letter-spacing: 0px;
text-align: center;
color:#333;
margin-bottom: 20px!important;
}
#imbody p {
font-size:14px;
line-height: 1.8em;
letter-spacing: 0px;
text-align: center;
color:#333;
margin-bottom: 0px!important;
}

/* Title
-------------------------------------------------------------*/
.titlemm {
width:100%;
height:auto;
display: block;
margin-bottom: 30px;
}
.titlemm h2 {
font-size:28px;
font-family: 'Roboto', sans-serif;
font-weight: 100;
line-height: 1.25em;
letter-spacing: 0px;
text-align: center;
color:#0A5BB0;
margin-bottom: 3px!important;
}
.titlemm p {
font-size:12px!important;
line-height: 1.25em!important;
letter-spacing: 0px!important;
text-align: center;
color:#666;
margin-bottom: 0px!important;
}


/* News
-------------------------------------------------------------*/
#newsmm {
width:100%;
height:auto;
display: block;
}
#nwbody {
width:100%;
max-width:1024px;
height:auto;
display: block;
padding:60px 5% 60px;
margin: 0 auto;
background-color: #fff;
}
#newsmm dl {
width:100%;
height:auto;
display: block;
}
#newsmm dl dt {
width:120px;
height:auto;
display: block;
padding:10px 5px;
font-size:14px;
font-weight: 400;
line-height: 1.4em;
float: left;
text-align: left;
color:#0A5BB0;
}
#newsmm dl dd {
width:100%;
height:auto;
display: block;
padding:10px 5px 10px 130px;
font-size:14px;
font-weight: 400;
line-height: 1.4em;
text-align: left;
color:#666;
border-bottom: 1px dotted #b0b0b0;
}
#newsmm dl dd a {
width:auto;
height: auto;
display: block;
text-decoration: none;
color:#666;
}
#newsmm dl dd a:hover {
color:#2958B5;
text-decoration: underline;
}


/* New Boat
-------------------------------------------------------------*/
#newboatmm {
width:100%;
height:auto;
display: block;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
}
#newboatbody {
width:100%;
max-width:1280px;
height:auto;
display: block;
padding:60px 5% 60px;
margin: 0 auto;
}
#newboatlist ul {
width:100%;
height:auto;
display: block;
/*padding-top:20px;*/
}
#newboatlist ul li.nblist01 {
width:49%;
height: auto;
display: block;
float: left;
margin:0 0.5% 5px;
}
#newboatlist ul li.nblist01 a {
width:100%;
height:auto;
display: block;
text-align: center;
text-decoration: none;
color:#333;
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
#newboatlist ul li.nblist01 a img {
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#newboatlist ul li.nblist01 a span {
width:100%;
height: auto;
display: block;
text-align: center;
padding:10px 0 20px;
}
#newboatlist ul li.nblist01 a:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#newboatlist ul li.nblist02 {
width:24%;
height: auto;
display: block;
float: left;
margin:0 0.5% 5px;
}
#newboatlist ul li.nblist02 a {
width:100%;
height:auto;
display: block;
text-align: center;
text-decoration: none;
background-repeat: no-repeat;
background-position: center 15px;
background-size: auto 100px;
padding:120px 0px 20px;
color:#333;
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
#newboatlist ul li.nblist02 a:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#newboatlist ul li a#nb-sunseeker {
background-image: url(../img/index/maker/sunseeker.png);
}
	

	
#newboatlist ul li a#nb-riviera {
background-image: url(../img/index/maker/riviera.png);
}#newboatlist ul li a#nb-nordstar {
background-image: url(../img/index/maker/nordstar.png);
}
#newboatlist ul li a#nb-tartan {
background-image:url(../img/index/maker/tartanyacht.png);
}
#newboatlist ul li a#nb-hinkley {
background-image:url(../img/index/maker/hinckley.png);
}
#newboatlist ul li a#nb-targa {
background-image: url(../img/index/maker/targa.png);
}
#newboatlist ul li.nblist02 a#nb-suzuki {
background-image: url(../img/index/maker/suzuki.png);
}
#newboatlist ul li.nblist02 a#nb-toyota {
background-image: url(../img/index/maker/toyota.png);
}
#newboatlist ul li.nblist02 a#nb-yamaha {
background-image: url(../img/index/maker/yamaha.png);
}
#newboatlist ul li.nblist02 a#nb-yanmar {
background-image: url(../img/index/maker/yanmar.png);
}
#newboatlist ul li.nblist02 a#nb-njm {
background-image: url(../img/index/maker/njm.png);
}


/* STOCK BOAT
-------------------------------------------------------------*/
#stockboatmm {
width:100%;
height:auto;
display: block;
}
#stockboatbody {
width:100%;
height:auto;
display: block;
padding:60px 5% 60px;
margin: 0 auto;
}

#ublist {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.ubl0 {
width:32.2333333333333333333%;
height: auto;
display: block;
margin: 0 0.5%;
}

#stn_v-m01 {
background-color: #f5f5f5;
padding:35px 25px 25px 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#stn_v-m02 {
background-color:rgba(235,237,243,1.00);
padding:35px 25px 25px 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#stn_v-m03 {
background-color:rgba(232,242,243,1.00);
padding:35px 25px 25px 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

h3.ubtitle_en {
text-align: center;
font-size:20px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
color:#0A5BB0;
line-height: 1.25em;
margin-bottom: 5px;
letter-spacing: 0px;
}
p.ubtitle_jp {
text-align: center;
font-size:12px!important;
font-weight: 400;
color:#333;
line-height: 1.25em!important;
margin-bottom: 15px!important;
}

/* Stocklist */
ul.stn_v li {
width:100%;
height: auto;
display: block;
background-color: #fff;
margin:0px 0px 10px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
ul.stn_v li a {
width:100%;
height: auto;
display: block;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
ul.stn_v li a:hover {
background-color: #f5f5f5;
}
ul.stn_v li a img {
width:100%;
height: auto;
display: block;
}
ul.stn_v li a .ubcc {
width:100%;
height: auto;
display: block;
padding:25px 15px;
}
ul.stn_v li a .ubcc h2 {
color:#0A5BB0;
font-size:12px;
font-weight: 400;
line-height: 1.25em;
margin-bottom:3px;
letter-spacing: 0px;
}
ul.stn_v li a .ubcc h3 {
color:#333;
font-size:20px;
font-weight: 400;
line-height: 1.25em;
margin-bottom:5px;
letter-spacing: 0px;
}
ul.stn_v li a .ubcc p.ub_spec {
color:#666;
font-size:0.8em!important;
font-weight: 400;
line-height: 1.4em!important;
margin-bottom:10px!important;
letter-spacing: 0px;
}
ul.stn_v li a .ubcc p.ub_price {
color:#555;
font-size:12px!important;
font-weight: 400;
line-height: 1.25em!important;
margin-bottom:0px!important;
text-align: right;
letter-spacing: 0px;
}
ul.stn_v li a .ubcc p.ub_price strong {
font-size:16px;
font-weight:400;
color:#333;
}


/* Marina Network
-------------------------------------------------------------*/
#mnmm {
width:100%;
height: auto;
display: block;
}
.mnm { display:none!important; }

#mnintro {
width:90%;
height: auto;
display: block;
padding-top:20px;
margin: 0 auto;
}
#mnintro h2 {
font-size:40px;
font-weight: 700;
line-height: 1.4em;
text-align: center;
color:#333;
margin-bottom: 10px;
}
#mnintro p {
font-size:16px;
font-weight: 400;
line-height: 1.6em;
text-align: center;
color:#444;
margin-bottom: 40px;
}

ul#mnint_cc {
width:90%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin:0 auto 50px;
}

ul#mnint_cc li {
width:48.80%;
height: auto;
display: block;
margin:0.5%;
padding:30px;
background-color: #0A5BB0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 1px 4px rgba(0,0,0,0.20);
}
ul#mnint_cc li h3 {
font-size:24px;
font-weight: 700;
letter-spacing: 0px;
line-height: 1.4em;
margin-bottom: 5px;
color:#AFD9FB;
}
ul#mnint_cc li p {
color:#fff;
}
#mntitlemm {
width:90%;
height: auto;
display: block;
margin:0 auto;
text-align: center;
}

.mn_list {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding:40px 5%;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,250,255,1) 59%, rgba(226,244,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,250,255,1) 59%,rgba(226,244,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,250,255,1) 59%,rgba(226,244,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2f4ff',GradientType=0 );
}
.mn_list li {
width:47.90%;
height: auto;
display: block;
margin: 0 1% 15px;
}
.mn_list li a {
width:100%;
height: auto;
display: block;
padding:25px 25px;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #fff;
box-shadow: 0px 1px 4px rgba(0,0,0,0.20);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
.mn_list li a:hover {
background-color: #f5f5f5;
}
.mn_list li a h2 {
font-size:20px;
font-weight:700;
line-height:1em;
color:#222;
letter-spacing:0px;
margin-bottom:10px;
}
.mn_list li a h3 {
font-family: 'Roboto', sans-serif;
font-size:0.8em;
font-weight:400;
line-height:1em;
color:#0A5BB0;
margin-bottom:10px;
}
.mn_list li a p {
font-size:14px!important;
line-height:1.6em!important;
color:#555;
margin-bottom: 0px!important;
letter-spacing: 0px;
}

}

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

.slide-wrap {
width: 100%;
height: auto;
display: block;
}
#slidemm_smp {
width: 100%;
height: auto;
display: block;
}
#slidemm_smp.cycle-slideshow {
width: 100%;
height: auto;
display: block;
}
#slidemm_smp.cycle-slideshow div {
width: 100%;
height: auto;
display: block;
}
#slidemm_smp.cycle-slideshow img {
width: 100%;
height: auto;
display: block;
}
.slide-wrap {
position: relative;
}
.slide-wrap #prev, 
.slide-wrap #next {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 50px;
height: 50px;
font-size: 18px;
color: #fff;
background-color: rgba(0,0,0,0.7);
border: 1px solid #fff;
opacity: 0.5;
cursor: pointer;
position: absolute;
top: calc( 85% - 25px );
z-index: 200;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.slide-wrap #prev {
left: 5px;
}
.slide-wrap #next {
right: 5px;
}
.slide-wrap #prev:hover, 
.slide-wrap #next:hover {
color: #000;
background-color: rgba(255,255,255,1.0);
opacity: 1;
}


/* Intro
-------------------------------------------------------------*/
#intromm {
width:100%;
height:auto;
display: block;
}
#intbg01 {
width:100%;
height:auto;
display: block;
background-image: url(../img/index/intro_bg0.jpg);
background-repeat: no-repeat;
background-position: 0 0;
background-size: auto 100%;
}
#intbg02 {
width:100%;
height:auto;
display: block;
background-image: url(../img/index/intro_bg1.jpg);
background-repeat: no-repeat;
background-position: right 0;
background-size: auto 100%;
}
#imbody {
width:100%;
max-width:1024px;
height:auto;
display: block;
padding:60px 5% 0px;
margin:0 auto;
background-color: #fff;
}
#imbody h2 {
font-size:28px;
font-weight: 400;
line-height: 1.6em;
letter-spacing: 0px;
color:#333;
margin-bottom: 20px!important;
}
#imbody p {
font-size:14px;
line-height: 1.8em;
letter-spacing: 0px;
color:#333;
margin-bottom: 0px!important;
}

/* Title
-------------------------------------------------------------*/
.titlemm {
width:100%;
height:auto;
display: block;
margin-bottom: 30px;
}
.titlemm h2 {
font-size:28px;
font-family: 'Roboto', sans-serif;
font-weight: 100;
line-height: 1.25em;
letter-spacing: 0px;
text-align: center;
color:#0A5BB0;
margin-bottom: 3px!important;
}
.titlemm p {
font-size:12px!important;
line-height: 1.25em!important;
letter-spacing: 0px!important;
text-align: center;
color:#666;
margin-bottom: 0px!important;
}


/* News
-------------------------------------------------------------*/
#newsmm {
width:100%;
height:auto;
display: block;
}
#nwbody {
width:100%;
max-width:1024px;
height:auto;
display: block;
padding:60px 5% 60px;
margin: 0 auto;
background-color: #fff;
}
#newsmm dl {
width:100%;
height:auto;
display: block;
}
#newsmm dl dt {
width:120px;
height:auto;
display: block;
padding:10px 5px;
font-size:14px;
font-weight: 400;
line-height: 1.4em;
float: left;
text-align: left;
color:#0A5BB0;
}
#newsmm dl dd {
width:100%;
height:auto;
display: block;
padding:10px 5px 10px 130px;
font-size:14px;
font-weight: 400;
line-height: 1.4em;
text-align: left;
color:#666;
border-bottom: 1px dotted #b0b0b0;
}
#newsmm dl dd a {
width:auto;
height: auto;
display: block;
text-decoration: none;
color:#666;
}
#newsmm dl dd a:hover {
color:#2958B5;
text-decoration: underline;
}


/* New Boat
-------------------------------------------------------------*/
#newboatmm {
width:100%;
height:auto;
display: block;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
}
#newboatbody {
width:100%;
max-width:1280px;
height:auto;
display: block;
padding:60px 5% 60px;
margin: 0 auto;
}
#newboatlist ul {
width:100%;
height:auto;
display: block;
/*padding-top:20px;*/
}
#newboatlist ul li.nblist01 {
width:49%;
height: auto;
display: block;
float: left;
margin:0 0.5% 5px;
}
#newboatlist ul li.nblist01 a {
width:100%;
height:auto;
display: block;
text-align: center;
text-decoration: none;
color:#333;
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
#newboatlist ul li.nblist01 a img {
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#newboatlist ul li.nblist01 a span {
width:100%;
height: auto;
display: block;
text-align: center;
padding:10px 0 20px;
}
#newboatlist ul li.nblist01 a:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#newboatlist ul li.nblist02 {
width:49%;
height: auto;
display: block;
float: left;
margin:0 0.5% 5px;
}
#newboatlist ul li.nblist02 a {
width:100%;
height:auto;
display: block;
text-align: center;
text-decoration: none;
background-repeat: no-repeat;
background-position: center 15px;
background-size: auto 100px;
padding:120px 0px 20px;
color:#333;
font-size:12px;
letter-spacing: 0px;
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
#newboatlist ul li.nblist02 a:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#newboatlist ul li a#nb-sunseeker {
background-image: url(../img/index/maker/sunseeker.png);
}
#newboatlist ul li a#nb-riviera {
background-image: url(../img/index/maker/riviera.png);
}
#newboatlist ul li a#nb-nordstar {
background-image: url(../img/index/maker/nordstar.png);
}
#newboatlist ul li a#nb-tartan {
background-image:url(../img/index/maker/tartanyacht.png);
}
#newboatlist ul li a#nb-hinkley {
background-image:url(../img/index/maker/hinckley.png);
}
#newboatlist ul li a#nb-targa {
background-image: url(../img/index/maker/targa.png);
}
#newboatlist ul li.nblist02 a#nb-suzuki {
background-image: url(../img/index/maker/suzuki.png);
}
#newboatlist ul li.nblist02 a#nb-toyota {
background-image: url(../img/index/maker/toyota.png);
}
#newboatlist ul li.nblist02 a#nb-yamaha {
background-image: url(../img/index/maker/yamaha.png);
}
#newboatlist ul li.nblist02 a#nb-yanmar {
background-image: url(../img/index/maker/yanmar.png);
}
#newboatlist ul li.nblist02 a#nb-njm {
background-image: url(../img/index/maker/njm.png);
}

/* STOCK BOAT
-------------------------------------------------------------*/
#stockboatmm {
width:100%;
height:auto;
display: block;
}
#stockboatbody {
width:100%;
height:auto;
display: block;
padding:60px 5% 60px;
margin: 0 auto;
}

#ublist {
width:100%;
height:auto;
display: block;
}
.ubl0 {
width:100%;
height:auto;
display: block;
margin: 0 0 40px 0;
}
#stn_v-m01 {
background-color: #f5f5f5;
padding:35px 25px 25px 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#stn_v-m02 {
background-color:rgba(235,237,243,1.00);
padding:35px 25px 25px 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#stn_v-m03 {
background-color:rgba(232,242,243,1.00);
padding:35px 25px 25px 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

h3.ubtitle_en {
text-align: center;
font-size:20px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
color:#0A5BB0;
line-height: 1.25em;
margin-bottom: 5px;
letter-spacing: 0px;
}
p.ubtitle_jp {
text-align: center;
font-size:12px!important;
font-weight: 400;
color:#333;
line-height: 1.25em!important;
margin-bottom: 15px!important;
}

/* Stocklist */
ul.stn_v li {
width:100%;
height: auto;
display: block;
}
ul.stn_v li a {
width:100%;
height: auto;
display: block;
padding:15px 15px;
text-decoration: none;
background-color: #fff;
margin-bottom: 5px;
}
ul.stn_v li a:hover {
background-color: #f5f5f5;
}
ul.stn_v li a img {
width:40%;
height: auto;
display: block;
float: left;
}
ul.stn_v li a .ubcc {
width:55%;
height: auto;
display: block;
float: right;
}
ul.stn_v li a .ubcc h2 {
color:#0A5BB0;
font-size:12px;
font-weight: 400;
line-height: 1.25em;
margin-bottom:3px;
letter-spacing: 0px;
}
ul.stn_v li a .ubcc h3 {
color:#333;
font-size:20px;
font-weight: 400;
line-height: 1.25em;
margin-bottom:5px;
letter-spacing: 0px;
}
ul.stn_v li a .ubcc p.ub_spec {
color:#666;
font-size:0.8em!important;
font-weight: 400;
line-height: 1.4em!important;
margin-bottom:10px!important;
letter-spacing: 0px;
}
ul.stn_v li a .ubcc p.ub_price {
color:#555;
font-size:12px!important;
font-weight: 400;
line-height: 1.25em!important;
margin-bottom:0px!important;
text-align: right;
letter-spacing: 0px;
}
ul.stn_v li a .ubcc p.ub_price strong {
font-size:16px;
font-weight:400;
color:#333;
}


/* Marina Network
-------------------------------------------------------------*/
#mnmm {
width:100%;
height: auto;
display: block;
}
.mnpc { display:none!important; }

#mnintro {
width:90%;
height: auto;
display: block;
padding-top:20px;
margin: 0 auto;
}
#mnintro h2 {
font-size:24px;
font-weight: 700;
line-height: 1.4em;
color:#333;
margin-bottom: 10px;
}
#mnintro p {
font-size:14px;
font-weight: 400;
line-height: 1.6em;
color:#444;
margin-bottom: 40px;
}

ul#mnint_cc {
width:90%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin:0 auto 50px;
}

ul#mnint_cc li {
width:100%;
height: auto;
display: block;
margin:0 0 30px 0;
padding:0 0 30px 0;
border-bottom: 1px dotted #ccc;
}
ul#mnint_cc li h3 {
font-size:20px;
font-weight: 700;
letter-spacing: 0px;
line-height: 1.4em;
margin-bottom: 5px;
color:#0A5BB0;
}
ul#mnint_cc li p {
}

#mntitlemm {
width:90%;
height: auto;
display: block;
margin:0 auto;
}

.mn_list {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding:40px 5%;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,250,255,1) 59%, rgba(226,244,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,250,255,1) 59%,rgba(226,244,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,250,255,1) 59%,rgba(226,244,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2f4ff',GradientType=0 );
}
.mn_list li {
width:100%;
height: auto;
display: block;
margin: 0 0 15px;
}
.mn_list li a {
width:100%;
height: auto;
display: block;
padding:25px 25px;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #fff;
box-shadow: 0px 1px 4px rgba(0,0,0,0.20);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
.mn_list li a:hover {
background-color: #f5f5f5;
}
.mn_list li a h2 {
font-size:20px;
font-weight:700;
line-height:1em;
color:#222;
letter-spacing:0px;
margin-bottom:10px;
}
.mn_list li a h3 {
font-family: 'Roboto', sans-serif;
font-size:0.8em;
font-weight:400;
line-height:1em;
color:#0A5BB0;
margin-bottom:10px;
}
.mn_list li a p {
font-size:14px!important;
line-height:1.6em!important;
color:#555;
margin-bottom: 0px!important;
letter-spacing: 0px;
}

}

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

.slide-wrap {
width: 100%;
height: auto;
display: block;
}
#slidemm_smp {
width: 100%;
height: auto;
display: block;
}
#slidemm_smp.cycle-slideshow {
width: 100%;
height: auto;
display: block;
}
#slidemm_smp.cycle-slideshow div {
width: 100%;
height: auto;
display: block;
}
#slidemm_smp.cycle-slideshow img {
width: 100%;
height: auto;
display: block;
}
.slide-wrap {
position: relative;
}
.slide-wrap #prev, 
.slide-wrap #next {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 50px;
height: 50px;
font-size: 18px;
color: #fff;
background-color: rgba(0,0,0,0.7);
border: 1px solid #fff;
opacity: 0.5;
cursor: pointer;
position: absolute;
top: calc( 85% - 25px );
z-index: 200;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.slide-wrap #prev {
left: 5px;
}
.slide-wrap #next {
right: 5px;
}
.slide-wrap #prev:hover, 
.slide-wrap #next:hover {
color: #000;
background-color: rgba(255,255,255,1.0);
opacity: 1;
}


/* Intro
-------------------------------------------------------------*/
#intromm {
width:100%;
height:auto;
display: block;
}
#intbg01 {
width:100%;
height:auto;
display: block;
background-image: url(../img/index/intro_bg0.jpg);
background-repeat: no-repeat;
background-position: 0 0;
background-size: auto 100%;
}
#intbg02 {
width:100%;
height:auto;
display: block;
background-image: url(../img/index/intro_bg1.jpg);
background-repeat: no-repeat;
background-position: right 0;
background-size: auto 100%;
}
#imbody {
width:100%;
max-width:1024px;
height:auto;
display: block;
padding:60px 5% 0px;
margin:0 auto;
background-color: #fff;
}
#imbody h2 {
font-size:22px;
font-weight: 400;
line-height: 1.6em;
letter-spacing: 0px;
color:#333;
margin-bottom: 20px!important;
}
#imbody p {
font-size:14px;
line-height: 1.8em;
letter-spacing: 0px;
color:#333;
margin-bottom: 0px!important;
}

/* Title
-------------------------------------------------------------*/
.titlemm {
width:100%;
height:auto;
display: block;
margin-bottom: 30px;
}
.titlemm h2 {
font-size:24px;
font-family: 'Roboto', sans-serif;
font-weight: 100;
line-height: 1.25em;
letter-spacing: 0px;
text-align: center;
color:#0A5BB0;
margin-bottom: 3px!important;
}
.titlemm p {
font-size:12px!important;
line-height: 1.25em!important;
letter-spacing: 0px!important;
text-align: center;
color:#666;
margin-bottom: 0px!important;
}


/* News
-------------------------------------------------------------*/
#newsmm {
width:100%;
height:auto;
display: block;
}
#nwbody {
width:100%;
height:auto;
display: block;
padding:60px 5% 60px;
margin: 0 auto;
background-color: #fff;
}
#newsmm dl {
width:100%;
height:auto;
display: block;
}
#newsmm dl dt {
width:120px;
height:auto;
display: block;
padding:10px 5px;
font-size:14px;
font-weight: 400;
line-height: 1.4em;
float: left;
text-align: left;
color:#0A5BB0;
}
#newsmm dl dd {
width:100%;
height:auto;
display: block;
padding:10px 5px 10px 130px;
font-size:14px;
font-weight: 400;
line-height: 1.4em;
text-align: left;
color:#666;
border-bottom: 1px dotted #b0b0b0;
}
#newsmm dl dd a {
width:auto;
height: auto;
display: block;
text-decoration: none;
color:#666;
}
#newsmm dl dd a:hover {
color:#2958B5;
text-decoration: underline;
}


/* New Boat
-------------------------------------------------------------*/
#newboatmm {
width:100%;
height:auto;
display: block;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
}
#newboatbody {
width:100%;
max-width:1280px;
height:auto;
display: block;
padding:60px 5% 60px;
margin: 0 auto;
}
#newboatlist ul {
width:100%;
height:auto;
display: block;
/*padding-top:20px;*/
}
#newboatlist ul li.nblist01 {
width:100%;
height: auto;
display: block;
float: left;
margin:0 0 5px;
}
#newboatlist ul li.nblist01 a {
width:100%;
height:auto;
display: block;
text-align: center;
text-decoration: none;
color:#333;
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
#newboatlist ul li.nblist01 a img {
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#newboatlist ul li.nblist01 a span {
width:100%;
height: auto;
display: block;
text-align: center;
padding:10px 0 20px;
}
#newboatlist ul li.nblist01 a:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#newboatlist ul li.nblist02 {
width:49%;
height: auto;
display: block;
float: left;
margin:0 0.5% 5px;
}
#newboatlist ul li.nblist02 a {
width:100%;
height:auto;
display: block;
text-align: center;
text-decoration: none;
background-repeat: no-repeat;
background-position: center 15px;
background-size: auto 100px;
padding:120px 0px 20px;
color:#333;
font-size:12px;
letter-spacing: 0px;
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
#newboatlist ul li.nblist02 a:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#newboatlist ul li a#nb-sunseeker {
background-image: url(../img/index/maker/sunseeker.png);
}
#newboatlist ul li a#nb-riviera {
background-image: url(../img/index/maker/riviera.png);
}
#newboatlist ul li a#nb-nordstar {
background-image: url(../img/index/maker/nordstar.png);
}
#newboatlist ul li a#nb-tartan {
background-image:url(../img/index/maker/tartanyacht.png);
}
#newboatlist ul li a#nb-hinkley {
background-image:url(../img/index/maker/hinckley.png);
}
#newboatlist ul li a#nb-targa {
background-image: url(../img/index/maker/targa.png);
}
#newboatlist ul li.nblist02 a#nb-suzuki {
background-image: url(../img/index/maker/suzuki.png);
}
#newboatlist ul li.nblist02 a#nb-toyota {
background-image: url(../img/index/maker/toyota.png);
}
#newboatlist ul li.nblist02 a#nb-yamaha {
background-image: url(../img/index/maker/yamaha.png);
}
#newboatlist ul li.nblist02 a#nb-yanmar {
background-image: url(../img/index/maker/yanmar.png);
}
#newboatlist ul li.nblist02 a#nb-njm {
background-image: url(../img/index/maker/njm.png);
}

/* STOCK BOAT
-------------------------------------------------------------*/
#stockboatmm {
width:100%;
height:auto;
display: block;
}
#stockboatbody {
width:100%;
height:auto;
display: block;
padding:60px 5% 0px;
margin: 0 auto;
}

#ublist {
width:100%;
height:auto;
display: block;
}
.ubl0 {
width:100%;
height:auto;
display: block;
margin: 0 0 60px 0;
}
#stn_v-m01 {
background-color: #f5f5f5;
padding:35px 25px 25px 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#stn_v-m02 {
background-color:rgba(235,237,243,1.00);
padding:35px 25px 25px 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#stn_v-m03 {
background-color:rgba(232,242,243,1.00);
padding:35px 25px 25px 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

h3.ubtitle_en {
text-align: center;
font-size:20px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
color:#0A5BB0;
line-height: 1.25em;
margin-bottom: 5px;
letter-spacing: 0px;
}
p.ubtitle_jp {
text-align: center;
font-size:12px!important;
font-weight: 400;
color:#333;
line-height: 1.25em!important;
margin-bottom: 15px!important;
}

/* Stocklist */
ul.stn_v li {
width:100%;
height: auto;
display: block;
}
ul.stn_v li a {
width:100%;
height: auto;
display: block;
padding:25px 15px;
text-decoration: none;
background-color: #fff;
margin-bottom: 5px;
}
ul.stn_v li a:hover {
background-color: #f5f5f5;
}
ul.stn_v li a img {
width:40%;
height: auto;
display: block;
float: left;
}
ul.stn_v li a .ubcc {
width:55%;
height: auto;
display: block;
float: right;
}
ul.stn_v li a .ubcc h2 {
color:#0A5BB0;
font-size:12px;
font-weight: 400;
line-height: 1.25em;
margin-bottom:3px;
letter-spacing: 0px;
}
ul.stn_v li a .ubcc h3 {
color:#333;
font-size:16px;
font-weight: 700;
line-height: 1.25em;
margin-bottom:5px;
letter-spacing: 0px;
}
ul.stn_v li a .ubcc p.ub_spec {
color:#666;
font-size:0.8em!important;
font-weight: 400;
line-height: 1.4em!important;
margin-bottom:10px!important;
letter-spacing: 0px;
}
ul.stn_v li a .ubcc p.ub_price {
color:#555;
font-size:12px!important;
font-weight: 400;
line-height: 1.25em!important;
margin-bottom:0px!important;
text-align: right;
letter-spacing: 0px;
}
ul.stn_v li a .ubcc p.ub_price strong {
font-size:16px;
font-weight:400;
color:#333;
}


/* Marina Network
-------------------------------------------------------------*/
#mnmm {
width:100%;
height: auto;
display: block;
}
.mnpc { display:none!important; }


#mnintro {
width:90%;
height: auto;
display: block;
padding-top:20px;
margin: 0 auto;
}
#mnintro h2 {
font-size:24px;
font-weight: 700;
line-height: 1.4em;
color:#333;
margin-bottom: 10px;
}
#mnintro p {
font-size:14px;
font-weight: 400;
line-height: 1.6em;
color:#444;
margin-bottom: 40px;
}

ul#mnint_cc {
width:90%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin:0 auto 50px;
}

ul#mnint_cc li {
width:100%;
height: auto;
display: block;
margin:0 0 30px 0;
padding:0 0 30px 0;
border-bottom: 1px dotted #ccc;
}
ul#mnint_cc li h3 {
font-size:20px;
font-weight: 700;
letter-spacing: 0px;
line-height: 1.4em;
margin-bottom: 5px;
color:#0A5BB0;
}
ul#mnint_cc li p {
}

#mntitlemm {
width:90%;
height: auto;
display: block;
margin:0 auto;
}

.mn_list {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding:40px 5%;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,250,255,1) 59%, rgba(226,244,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,250,255,1) 59%,rgba(226,244,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,250,255,1) 59%,rgba(226,244,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2f4ff',GradientType=0 );
}
.mn_list li {
width:100%;
height: auto;
display: block;
margin: 0 0 15px;
}
.mn_list li a {
width:100%;
height: auto;
display: block;
padding:25px 25px;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #fff;
box-shadow: 0px 1px 4px rgba(0,0,0,0.20);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
.mn_list li a:hover {
background-color: #f5f5f5;
}
.mn_list li a h2 {
font-size:20px;
font-weight:700;
line-height:1em;
color:#222;
letter-spacing:0px;
margin-bottom:10px;
}
.mn_list li a h3 {
font-family: 'Roboto', sans-serif;
font-size:0.8em;
font-weight:400;
line-height:1em;
color:#0A5BB0;
margin-bottom:10px;
}
.mn_list li a p {
font-size:14px!important;
line-height:1.6em!important;
color:#555;
margin-bottom: 0px!important;
letter-spacing: 0px;
}

}