@charset "utf-8";
responsive-iframe{
height: 500px;
width: 600px;
padding: 30px 10px 0px 10px;
}
.intro-section-component {
background-position: left top;
}
.intro-section-component .intro-section-logo-container {
margin-top: 3rem;
max-width: 1200px;
margin: 0 auto;
padding-top: 3rem;
margin-bottom: -60px;
}
.intro-section-component .intro-section-logo-container__logo {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
padding: 0 1rem;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.intro-section-component .bike-inner-background {
background-repeat: no-repeat;
padding-top: 60px;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.intro-section-component .intro-section-main-bike-container {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
max-width: 1200px;
}
.intro-section-component .intro-section-main-bike-container__main-bike-image-container {
margin: 0 auto;
}
.intro-section-component .intro-section-main-bike-container__main-bike-image {
max-width: 100%;
height: auto;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.intro-section-component .intro-section-main-bike-container__bike-slogan {
color: #002c48;
font-weight: 1000;
font-size: 2.5rem;
text-align: center;
padding-bottom: 1rem;
padding-top: 2rem;
font-family: SuzukiPROHeadline;
}
.intro-section-component .intro-section-main-bike-container__bike-introduction {
padding: 0 2rem;
min-height: 450px;
}
.intro-section-component .intro-section-main-bike-container__bike-introduction p {
color: #002c48;
font-size: 1.1rem;
line-height: 1.3rem;
}
.intro-section-component .intro-section-main-bike-container__left {
flex: 0 0 65%;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.intro-section-component .intro-section-main-bike-container__right {
flex: 0 0 35%;
padding-top: 4rem;
}
.intro-section-component .bike-color-picker {
display: flex;
align-items: center;
}
.intro-section-component .bike-color-picker__inner-wrapper {
display: flex;
align-items: center;
justify-content: center;
color: #002c48;
flex-direction: column;
margin-right: 0.8rem;
}
.intro-section-component .bike-color-picker__title {
color: #002c48;
text-transform: uppercase;
font-size: 0.9rem;
margin-right: 2rem;
letter-spacing: 2px;
}
.intro-section-component .bike-color-picker__dot {
display: inline-block;
border-radius: 50%;
background-color: transparent;
height: 50px;
width: 50px;
margin-bottom: 5px;
cursor: pointer;
box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
transition: all 0.1s linear;
}
.intro-section-component .bike-color-picker__dot:hover {
box-shadow: 0 0 5px 7px rgba(0, 0, 0, 0.2);
}
.intro-section-component .intro-section-licence-category__title {
color: #002c48;
text-transform: uppercase;
font-size: 0.9rem;
text-align: center;
padding-top: 1.5rem;
letter-spacing: 2px;
}
.intro-section-component .intro-section-licence-category__container {
display: flex;
justify-content: center;
}
.intro-section-component .intro-section-licence-category__item-wrapper {
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
height: 50px;
width: 50px;
color: #002c48;
font-size: 1.5rem;
font-weight: 900;
margin: 0.5rem;
border-radius: 7px;
overflow: hidden;
margin-bottom: 2rem;
}
.intro-section-component .intro-section-licence-category__no-licence {
display: flex;
justify-content: center;
align-items: center;
height: 50px;
color: #002c48;
font-size: 20px;
font-weight: 900;
margin: 0 0.5rem 0.5rem 0.5rem;
padding: 0 15px;
border-radius: 7px;
overflow: hidden;
margin-bottom: 2rem;
}
.intro-section-component .intro-section-licence-category__item {
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
border: 1px solid #002c48;
height: 50px;
width: 50px;
color: #002c48;
font-size: 1.5rem;
font-weight: 900;
text-align: center;
}
.intro-section-component .intro-section-licence-category__item--small {
font-size: 1.1rem;
}
.intro-section-component .intro-section-licence-category__item--extra-small {
font-size: 0.6rem;
}
@media (max-width: 1700px) {
.intro-section-component .bike-inner-background {
background-position-x: -200px;
}
}
@media (max-width: 1300px) {
.intro-section-component .bike-inner-background {
background-position-x: -300px;
}
}
@media (max-width: 1200px) {
.intro-section-component .bike-inner-background {
background-position-x: -200px;
background-position-y: -200px;
}
.intro-section-component .intro-section-main-bike-container__left {
flex: 0 0 100%;
justify-content: center;
padding: 2rem;
}
.intro-section-component .intro-section-main-bike-container__right {
flex: 0 0 100%;
}
.intro-section-component .intro-section-main-bike-container__bike-slogan {
padding: 0 2rem 2rem;
font-size: 3rem;
max-width: 800px;
margin: 0 auto;
}
.intro-section-component .intro-section-main-bike-container__bike-introduction {
max-width: 800px;
margin: 0 auto;
min-height: 300px;
}
.intro-section-component .intro-section-main-bike-container__bike-introduction p {
font-size: 1.5rem;
line-height: 1.8rem;
}
.intro-section-component .intro-section-logo-container {
max-width: 900px;
margin: 0 auto -40px;
}
.intro-section-component .bike-color-picker {
max-width: 900px;
margin: 0 auto 2rem;
}
.intro-section-component .bike-color-picker__title {
font-size: 1.5rem;
}
.intro-section-component .intro-section-licence-category__title {
font-size: 1.5rem;
}
.intro-section-component .intro-section-licence-category__container {
padding-bottom: 50px;
}
.intro-section-component .intro-section-licence-category__item {
font-size: 30px;
}
.intro-section-component .intro-section-licence-category__item--small {
font-size: 20px;
}
.intro-section-component .intro-section-licence-category__item--extra-small {
font-size: 10px;
}
}
@media (max-width: 700px) {
.intro-section-component .bike-inner-background {
padding-top: 10px;
background-image: none !important;
}
.intro-section-component .intro-section-logo-container {
margin: 0 auto -20px;
}
.intro-section-component .intro-section-licence-category__no-licence {
font-size: 2rem;
}
}
@media (max-width: 500px) {
.intro-section-component .intro-section-main-bike-container__bike-slogan {
padding: 0 2rem 2rem;
font-size: 4rem;
max-width: 800px;
margin: 0 auto;
}
.intro-section-component .intro-section-main-bike-container__bike-introduction p {
font-size: 2rem;
line-height: 2.6rem;
}
.intro-section-component .intro-section-logo-container {
margin: 0 auto -10px;
}
.intro-section-component .bike-color-picker {
margin-top: 2rem;
}
.intro-section-component .bike-color-picker__title {
font-size: 1.8rem;
margin-right: 2rem;
}
.intro-section-component .bike-color-picker__dot {
height: 35px;
width: 35px;
}
.intro-section-component .intro-section-licence-category__title {
font-size: 1.8rem;
}
} 
.model-name{
white-space: nowrap;
}
@media screen and (min-width:768px){ #products-detail #stage{
padding-bottom:0;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-pointer;
cursor: -webkit-pointer;
cursor: pointer;
} #products-main{
position:relative;
}
#products-main .products-name{
font-size: 7rem;
margin-bottom:15px;
line-height: 1;
font-family: 'SuzukiPROHeadline';
text-align:center;
}
#products-main .products-name .sub{
display:block;
font-size: 3rem;
margin-bottom:25px;
}
#products-main .products-subttl{
margin-bottom:30px;
font-size: 3rem;
line-height: 1;
font-family: 'SuzukiPROHeadline';
text-align:center;
}
#products-main .lead-txt{
width:100%;
max-width:700px;
margin-bottom:40px;
margin-left: auto;
margin-right: auto;
text-align:center;
}
#products-main .main-ph{
}
#engine_sound_btn{
position:relative;
bottom:-20px;
width:184px;
margin-left: auto;
border: solid 1px #191919;
border-radius:1000px;
padding:6px 8px;
cursor:pointer;
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; 
-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#engine_sound_btn .icon01{
width:31px;
background:url(//ramo.ee/wp-content/plugins/suzuki/img/sound_on.svg) no-repeat center top / 100% auto;
padding-top:20px;
}
#engine_sound_btn.active .icon01{
background:url(//ramo.ee/wp-content/plugins/suzuki/img/sound_off.svg) no-repeat center top / 100% auto;
}
#engine_sound_btn .txt{
font-family: 'SuzukiPROBold';
font-size:14px;
}
#engine_sound_btn .icon02{
position:relative;
width:22px;
padding-top:22px;
background:#191919;
border-radius:1000px;
}
#engine_sound_btn .icon02:before{
content:"";
position:absolute;
top:6px;
left:9px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 6px;
border-color: transparent transparent transparent #fff;
} .btn-list{
margin-bottom:30px;
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.btn-list li{
width:30%;
margin-right:5%;
}
.btn-list li:last-child{
margin-right:0%;
}
.btn-list .configurator-bnr .annotation{
font-family: "SuzukiPRORegular";
font-size:12px;
margin-left:0.8em;
}
.btn-list.column2{
padding: 0 17.5%;
}
.btn-list.column2 li{
width:46%;
margin-right:8%;
margin-bottom:2%;
}
.btn-list.column2 li:nth-child(2n){
margin-right:0%;
} #products-detail-ph{
}
#products-detail-ph .detail-list li{
width:23.5%;
margin-right:2%;
}
#products-detail-ph .detail-list li:nth-child(4n){
margin-right:0;
}
#products-detail-ph .detail-list img{
border: solid 1px #191919;
box-sizing: border-box;
}
#products-detail-ph .detail-list figcaption{
margin-top:5px;
font-size:1.4rem;
line-height:1.5;
text-align:center;
} #products-features{
margin-bottom:130px;
}
#products-features .accordion-box dt{
position:relative;
cursor:pointer;
margin-bottom:50px;
font-size: 2.8rem;
line-height: 1;
font-family: 'SuzukiPROHeadline';
}
#products-features .accordion-box dt:before{
content:"";
position:absolute;
top:50%;
left:0;
width:100%;
height:1px;
background-color:#191919;
}
#products-features .accordion-box dt:after{
content:"";
position:absolute;
top:50%;
right:0;
width:60px;
height:1px;
background-color:#fff;
}
#products-features .accordion-box dt span{
position:relative;
z-index:2;
background-color:#fff;
padding-right:0.8em;
}
#products-features .accordion-box dd {
display:none;
margin-bottom:50px;
}
#products-features .accordion-box dd > p {
margin-bottom:20px;
}
#products-features .accordion-box dd > p:last-child {
margin-bottom:0;
}
#products-features .accordion-box .accordion_icon,
#products-features .accordion-box .accordion_icon span {
display: inline-block;
transition: all .4s;
}
#products-features .accordion-box .accordion_icon {
position:absolute;
z-index:3;
right:0px;
top:50%;
margin-top:-16px;
width: 34px;
height: 34px;
background-color:#fff;
}
#products-features .accordion-box .accordion_icon span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color:#191919;
}
#products-features .accordion-box .accordion_icon span:nth-of-type(1) {
top: 16px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
#products-features .accordion-box .accordion_icon span:nth-of-type(2) {
display:block;
top: 16px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
#products-features .accordion-box dt.active .accordion_icon span:nth-of-type(1) {
top: 16px;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
#products-features .accordion-box dt.active .accordion_icon span:nth-of-type(2) {
display:none;
}
#products-features .second-row{
padding-left:0.7em;
} #products-features .accessories-ttl{
padding:5px 10px;
margin-bottom:10px;
font-size: 2rem;
line-height:1;
font-family:'SuzukiPROHeadline';	
background-color:#D3D3D1;
}
#products-features .accessories-layout01{
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#products-features .accessories-layout01 .left{
width:48%;
}
#products-features .accessories-layout01 .right{
}
#products-features .accessories-layout01 img{
margin-bottom:10px;
}
#products-features .accessories-layout02{
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#products-features .accessories-layout02 .box{
width:31%;
margin-right:3.5%;
margin-bottom:3%;
}
#products-features .accessories-layout02 .box:nth-child(3n){
margin-right:0;
}
#products-features .accessories-layout02 img{
margin-bottom:10px;
}
#products-features .accessories-layout02 .box.column2{
width:65.5%;
}
#products-features .accessories-layout02 .box.column2 .ph-2{
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#products-features .accessories-layout02 .box.column2 .ph-2 figure{
width:47.5%;
}
#products-features .accessories-layout02 .pc-mr-off{
margin-right:0;
}
#products-features .accessories-layout02 .pc-mr-on{
margin-right:3.5% !important;
}
#products-features .accessories-layout03 .box{
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#products-features .accessories-layout03 .left{
width:31%;
}
#products-features .accessories-layout03 .right{
width:65.5%;
}
#products-features .accessories-layout03 .accessories-ttl{
width:100%;
}
#products-features .accessories-layout04 .box{
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#products-features .accessories-layout04 .left{
width:31%;
}
#products-features .accessories-layout04 .right{
width:65.5%;
}
#products-features .accessories-layout04 .accessories-ttl{
width:100%;
}
#products-features .accessories-layout05{
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#products-features .accessories-layout05 .box{
width:22%;
margin-right:4%;
margin-bottom:3%;
}
#products-features .accessories-layout05 .box:nth-child(4n){
margin-right:0;
}
#products-features .accessories-layout05 img{
margin-bottom:10px;
}
#products-features .accessories-layout05 figcaption {
font-size: 1.4rem;
line-height: 1.5;
text-align: center;
} #products-icon{
margin-bottom:110px;
}
#products-icon .products-icon-list{
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#products-icon .products-icon-list li{
}
#products-icon .products-icon-list li a{
display:block;
padding: 0 10px 20px;
}
#products-icon .products-icon-list li a:hover{
background-color: #eaeaea;
}
#products-icon .statement{
text-align:center;
font-size:1.4rem;
}
#products-icon .icon-remove{
display:none;
} #products-gallery .gallery-list li{
width:23.5%;
margin-right:2%;
margin-bottom:2%;
}
#products-gallery .gallery-list li:nth-child(4n){
margin-right:0;
}
#products-gallery .gallery-list img{
margin-bottom:5px;
}
#products-gallery .gallery-list figcaption{
display:block;
font-size: 1.4rem;
line-height: 1.5;
text-align:right;
} #products-movie{
}
#products-movie ul{
width: 100%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
#products-movie .movie-full{
width:47.5%;
}
#products-movie .popup-youtube{
position:relative;
display:block;
width:100%;
}
#products-movie .popup-youtube:before{
content:"";
position:absolute;
left:50%;
top:50%;
margin: -10% 0 0 -10%;
background:url(//ramo.ee/wp-content/plugins/suzuki/img/icon_play.png) no-repeat center center / 100% 100%;
width:20%;
padding-top:20%;
}
#products-movie figcaption {
margin-top: 5px;
font-size: 2rem;
line-height: 1.5;
text-align: center;
} .movie-slider{
padding:0 60px;
max-width: 100% !important;
}
.movie-slider li{
padding:0 1.5vw;
}
.movie-slider .slick-prev,
.movie-slider .slick-next {
width: 60px;
height: 60px;
z-index:2;
top:calc(50% - 10px);
}
.movie-slider .slick-prev:hover,
.movie-slider .slick-next:hover{
opacity: 0.5;
}
.movie-slider .slick-prev {
left: 20px;
}
.movie-slider .slick-next {
right:20px;
}
.movie-slider .slick-prev:before {
content:"";
position:absolute;
left: 10px;
top:10px;
width: 35px;
height: 35px;
margin-top:0;
border-top: 3px solid #9C9C9C;
border-right: 3px solid #9C9C9C;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.movie-slider .slick-next:before {
content:"";
position:absolute;
left: 10px;
top:10px;
width: 35px;
height: 35px;
margin-top:0;
border-top: 3px solid #9C9C9C;
border-right: 3px solid #9C9C9C;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.movie-slider .slick-disabled {
visibility: hidden;
} #spec{
}
#spec .inner{
width:100%;
max-width: 1100px;
margin-left:auto;
margin-right:auto;
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; 
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#spec .left{
width:50%;
padding-right:5%;
border-right: solid 1px #191919;
}
#spec .right{
width:50%;
padding-left:5%;
}
#spec .spec-data{
width:100%;
border-collapse:collapse;
}
#spec .spec-data th,
#spec .spec-data td{
padding: 5px 0;
border-bottom: solid 1px rgba(0,0,0,0.1);
}
#spec .spec-data th{
width:40%;
}
#spec .spec-data td{
}
#spec .spec-caption{
font-size:0.9em;
text-align:right;
}
#spec .spec-data td{
}
#spec .spec-data sup{
top: -0.5em;
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
} #products-colors{
}
#products-colors .colors-list{
padding: 0 2.5%;
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
}
#products-colors .colors-list li{
width:29%;
margin-right:6.5%;
margin-top:40px;
}
#products-colors .colors-list li:nth-child(1),
#products-colors .colors-list li:nth-child(2),
#products-colors .colors-list li:nth-child(3){
margin-top:0px;
}
#products-colors .colors-list li:nth-child(3n),
#products-colors .colors-list li:last-child{
margin-right:0;
}
#products-colors .colors-list img{
margin-bottom:20px;
}
#products-colors .colors-list figcaption{
text-align:center;
font-size:1.4rem;
line-height:1.6rem;
}
#products-colors .colors-list.column2{
padding:0 19%;
}
#products-colors .colors-list.column2 li{
width:45%;
margin-right:10%;
}
#products-colors .colors-list.column2 li:nth-child(3){
margin-top:40px;
}
#products-colors .colors-list.column2 li:nth-child(2n){
margin-right:0;
} #model-years{
}
#products-model-years .ttl02 span{
background-color: #F2F2F2;
}
.model-years-list{
padding: 0 10%;
}
.model-years-list > li{
width:30%;
padding:2% 2.5%;
margin-right:5%;
text-align:center;
display:block;
border-radius:5px;
}
.model-years-list > li:nth-child(3n),
.model-years-list > li:last-child{
margin-right:0;
}
.model-years-list figure{
margin-bottom:20px;
}
.model-years-list figcaption {
display:block;
padding-top:20px;
text-align: center;
margin-bottom: 30px;
font-size: 1.6rem;
font-family: "SuzukiPROBold";
line-height: 1.2;
}
.model-years-list .model-year{
margin-bottom:5px;
font-size: 4.5rem;
line-height: 1;
font-family: 'SuzukiPROHeadline';
text-align:left;
}
.model-years-list .detail-navi{
width:100%;
margin: 0 auto;
padding:18px 0;
border-top: solid 1px #191919;
border-bottom: solid 1px #191919;
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.model-years-list .detail-navi li{
position:relative;
text-align:center;
padding:0 30px;
color:#999;
font-family: "SuzukiPROBold";
font-size: 1.6rem;
line-height:1;
}
.model-years-list .detail-navi li:before {
content:"";
position: absolute;
right: 0;
top: 0;
content: "";
width: 1px;
height: calc(100%);
background-color:#191919;
}
.model-years-list .detail-navi li:last-child:before {
display:none;
}
.model-years-list .detail-navi li a{
display:block;
} .icon-content{
position:relative;
width:100%;
max-width:900px;
padding: 40px 0 40px;
margin-left:auto;
margin-right:auto;
}
.icon-content .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.icon-content-inner{
width:100%;
background-color:#fff;
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.icon-content-inner.ph-center{
-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}
.icon-content-inner .ph{
width:25%;
padding:13px;
}
.icon-content-inner .txt{
width:65%;
padding:10px 20px;
font-size:1.4rem;
line-height:1.5;
}
.icon-content-inner .micon{
width:10%;
padding:10px;
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.icon-content-inner .mtitle{
margin-bottom:10px;
font-size: 2.5rem;
line-height: 1;
font-family: 'SuzukiPROHeadline';
}
.icon-content-inner .mtext{
}
}
@media screen and (min-width:768px) and ( max-width:1280px) {
}
@media (max-width: 768px) {
#products-detail #stage{
padding-bottom:0;
} #products-main{
position:relative;
}
#products-main .products-name{
margin-bottom:4vw;
font-size: 5rem;
line-height: 1;
font-family: 'SuzukiPROHeadline';
text-align:center;
}
#products-main .products-name .sub{
display:block;
margin-bottom:3vw;
font-size: 2rem;
}
#products-main .products-subttl{
margin-bottom:3vw;
font-size: 2rem;
line-height: 1;
font-family: 'SuzukiPROHeadline';
text-align:center;
}
#products-main .lead-txt{
width:100%;
margin-bottom:4vw;
font-size:1.2rem;
line-height:1.6;
}
#products-main .main-ph{
}
#engine_sound_btn{
position:relative;
bottom:-3.5vw;
width:32vw;
margin-left: auto;
border: solid 1px #191919;
border-radius:1000px;
padding:0.8vw 1vw 0.8vw 1.5vw;
cursor:pointer;
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; 
-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#engine_sound_btn .icon01{
width:20px;
background:url(//ramo.ee/wp-content/plugins/suzuki/img/sound_on.svg) no-repeat center top / 100% 100%;
padding-top:13px;
}
#engine_sound_btn.active .icon01{
background:url(//ramo.ee/wp-content/plugins/suzuki/img/sound_off.svg) no-repeat center top / 100% 100%;
}
#engine_sound_btn .txt{
font-family: 'SuzukiPROBold';
font-size: 1rem;
}
#engine_sound_btn .icon02{
position:relative;
width:14px;
padding-top:14px;
background:#191919;
border-radius:1000px;
}
#engine_sound_btn .icon02:before{
content:"";
position:absolute;
top:4px;
left:6px;
width: 0;
height: 0;
border-style: solid;
border-width: 3px 0 3px 4px;
border-color: transparent transparent transparent #fff;
} .btn-list{
margin-bottom:4vw;
}
.btn-list li{
width:80%;
margin: 0 auto 5vw;
}
.btn-list li:last-child{
margin-bottom:0%;
}
.btn-list .configurator-bnr .annotation{
font-family: "SuzukiPRORegular";
font-size:12px;
margin-left:0.8em;
} #products-detail-ph{
}
#products-detail-ph .detail-list li{
width:23.5%;
margin-right:2%;
}
#products-detail-ph .detail-list li:nth-child(4n){
margin-right:0;
}
#products-detail-ph .detail-list img{
border: solid 1px #191919;
box-sizing: border-box;
}
#products-detail-ph .detail-list figcaption{
margin-top:1vw;
color:#5F5F5F;
font-size:1rem;
line-height:1.2;
text-align:center;
} #products-features{
margin-bottom:15vw;
}
#products-features .accordion-box dt{
position:relative;
cursor:pointer;
margin-bottom:4vw;
padding-right:10vw;
font-size: 2.4rem;
line-height: 1.2;
font-family: 'SuzukiPROHeadline';
}
#products-features .accordion-box dt:before{
content:"";
position:absolute;
top:50%;
left:0;
width:100%;
height:1px;
background-color:#191919;
}
#products-features .accordion-box dt:after{
content:"";
position:absolute;
top:50%;
right:0;
width:40px;
height:1px;
background-color:#fff;
}
#products-features .accordion-box dt span{
position:relative;
z-index:2;
background-color:#fff;
padding-right:0.8em;
}
#products-features .accordion-box dd {
display:none;
margin-bottom:5vw;
}
#products-features .accordion-box dd > p {
margin-bottom:3vw;
}
#products-features .accordion-box dd > p:last-child {
margin-bottom:0;
}
#products-features .accordion-box .accordion_icon,
#products-features .accordion-box .accordion_icon span {
display: inline-block;
transition: all .4s;
}
#products-features .accordion-box .accordion_icon {
position:absolute;
z-index:3;
right:0px;
top:50%;
margin-top:-14px;
width: 28px;
height: 28px;
background-color:#fff;
}
#products-features .accordion-box .accordion_icon span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color:#191919;
}
#products-features .accordion-box .accordion_icon span:nth-of-type(1) {
top: 13px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
#products-features .accordion-box .accordion_icon span:nth-of-type(2) {
display:block;
top: 13px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
#products-features .accordion-box dt.active .accordion_icon span:nth-of-type(1) {
top: 13px;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
#products-features .accordion-box dt.active .accordion_icon span:nth-of-type(2) {
display:none;
}
#products-features .second-row{
padding-left:0.7em;
} #products-features .accessories-ttl{
padding:2vw;
margin-bottom:2vw;
font-size: 1.8rem;
line-height:1;
font-family:'SuzukiPROHeadline';	
background-color:#D3D3D1;
}
#products-features .accessories-layout01{
}
#products-features .accessories-layout01 .left{
margin-bottom:5vw;
}
#products-features .accessories-layout01 .right{
}
#products-features .accessories-layout01 img{
margin-bottom:2vw;
}
#products-features .accessories-layout02{
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#products-features .accessories-layout02 .box{
width:47.5%;
margin-right:5%;
margin-bottom:5%;
}
#products-features .accessories-layout02 .box:nth-child(2n){
margin-right:0;
}
#products-features .accessories-layout02 img{
margin-bottom:2vw;
}
#products-features .accessories-layout03 .box{
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#products-features .accessories-layout03 .accessories-ttl{
width:100%;
}
#products-features .accessories-layout03 .left{
width:100%;
margin-bottom:5%;
}
#products-features .accessories-layout03 .right{
width:100%;
}
#products-features .accessories-layout04 .box{
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#products-features .accessories-layout04 .left{
width:100%;
}
#products-features .accessories-layout04 .right{
width:100%;
}
#products-features .accessories-layout04 .accessories-ttl{
width:100%;
}
#products-features .accessories-layout05{
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#products-features .accessories-layout05 .box{
width:47.5%;
margin-right:5%;
margin-bottom:5%;
}
#products-features .accessories-layout05 .box:nth-child(2n){
margin-right:0;
}
#products-features .accessories-layout05 img{
margin-bottom:2vw;
}
#products-features .accessories-layout05 figcaption {
font-size: 1.2rem;
line-height: 1.5;
text-align: center;
} #products-icon .products-icon-list{
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#products-icon .products-icon-list li{
margin: 0 2vw 3vw;
width:12%;
}
#products-icon .statement{
text-align:center;
font-size:1rem;
}
#products-icon .icon-remove{
display:none;
} #products-gallery .gallery-list li{
width:32%;
margin-right:2%;
margin-bottom:2%;
}
#products-gallery .gallery-list li:nth-child(3n){
margin-right:0;
}
#products-gallery .gallery-list img{
margin-bottom:5px;
}
#products-gallery .gallery-list figcaption{
display:block;
font-size: 1rem;
line-height: 1.2;
text-align:right;
} #products-movie{
}
#products-movie .movie-full{
width:90%;
margin-left:auto;
margin-right:auto;
}
#products-movie li{
margin-bottom:5vw;
}
#products-movie li:last-child{
margin-bottom:0;
}
#products-movie .popup-youtube{
position:relative;
display:block;
width:100%;
}
#products-movie .popup-youtube:before{
content:"";
position:absolute;
left:50%;
top:50%;
margin: -10% 0 0 -10%;
background:url(//ramo.ee/wp-content/plugins/suzuki/img/icon_play.png) no-repeat center center / 100% 100%;
width:20%;
padding-top:20%;
}
#products-movie figcaption {
margin-top: 1vw;
color: #5F5F5F;
font-size: 1.6rem;
line-height: 1.2;
text-align: center;
} .movie-slider{
padding:0 8vw;
max-width: 100% !important;
}
.movie-slider li{
}
.movie-slider .slick-prev,
.movie-slider .slick-next {
width: 20px;
height: 30px;
z-index:2;
top:22vw;
}
.movie-slider .slick-prev:hover,
.movie-slider .slick-next:hover{
opacity: 0.5;
}
.movie-slider .slick-prev {
left:0;
}
.movie-slider .slick-next {
right:0px;
}
.movie-slider .slick-prev:before {
content:"";
position:absolute;
left: 5px;
top:4px;
width: 18px;
height: 18px;
margin-top:0;
border-top: 2px solid #9C9C9C;
border-right: 2px solid #9C9C9C;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.movie-slider .slick-next:before {
content:"";
position:absolute;
left: -5px;
top:4px;
width: 18px;
height: 18px;
margin-top:0;
border-top: 2px solid #9C9C9C;
border-right: 2px solid #9C9C9C;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.movie-slider .slick-disabled {
visibility: hidden;
} #spec{
}
#spec .inner{
width:100%;
}
#spec .left{
}
#spec .right{
}
#spec .spec-data{
width:100%;
border-collapse:collapse;
}
#spec .spec-data th,
#spec .spec-data td{
padding:2vw 0;
border-bottom: solid 1px rgba(0,0,0,0.1);
}
#spec .spec-data th{
width:40%;
}
#spec .spec-data td{
}
#spec .spec-caption{
font-size:0.9em;
text-align:right;
}
#spec .spec-data td{
}
#spec .spec-data sup{
top: -0.5em;
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
} #products-colors{
}
#products-colors .colors-list{
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
}
#products-colors .colors-list li{
width:30%;
margin-right:5%;
margin-top:5vw;
}
#products-colors .colors-list li:nth-child(1),
#products-colors .colors-list li:nth-child(2),
#products-colors .colors-list li:nth-child(3){
margin-top:0px;
}
#products-colors .colors-list li:nth-child(3n),
#products-colors .colors-list li:last-child{
margin-right:0;
}
#products-colors .colors-list img{
margin-bottom:2vw;
}
#products-colors .colors-list figcaption{
text-align:center;
font-size:1rem;
line-height:1.4;
}
#products-colors .colors-list.column2{
padding:0 16%;
}
#products-colors .colors-list.column2 li{
width:45%;
margin-right:10%;
}
#products-colors .colors-list.column2 li:nth-child(3){
margin-top:5vw;
}
#products-colors .colors-list.column2 li:nth-child(2n){
margin-right:0;
} #model-years{
}
#products-model-years .ttl02 span{
background-color: #F2F2F2;
}
.model-years-list{
padding: 0;
}
.model-years-list > li{
width:31%;
margin-right:3.3333%;
text-align:center;
display:block;
padding:2vw;
border-radius:5px;
}
.model-years-list > li:nth-child(3n),
.model-years-list > li:last-child{
margin-right:0;
}
.model-years-list figure{
margin-bottom:2vw;
}
.model-years-list figcaption {
display:block;
padding-top:2vw;
text-align: center;
font-size: 1.3rem;
font-family: "SuzukiPROBold";
line-height: 1.2;
}
.model-years-list .model-year{
margin-bottom:1vw;
font-size: 2.4rem;
line-height: 1;
font-family: 'SuzukiPROHeadline';
text-align:left;
}
.model-years-list .detail-navi{
border-top: solid 1px #191919;
border-bottom: solid 1px #191919;
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.model-years-list .detail-navi li{
position:relative;
text-align:center;
width:100%;
padding:2vw 0;
color:#999;
font-family: "SuzukiPROBold";
font-size: 1rem;
line-height:1;
}
.model-years-list .detail-navi li:before {
content:"";
position: absolute;
right: 0;
bottom: 0;
content: "";
width:calc(100%);
height: 1px;
background-color:#191919;
}
.model-years-list .detail-navi li:last-child:before {
display:none;
}
.model-years-list .detail-navi li a{
display:block;
} .icon-content{
position:relative;
width:100%;
padding: 40px 0 40px;
margin-left:auto;
margin-right:auto;
}
.icon-content .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.icon-content-inner{
width:100%;
background-color:#fff;
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.icon-content-inner .ph{
width:100%;
}
.icon-content-inner .txt{
width:100%;
padding:3vw 4vw 0;
font-size:1.2rem;
line-height:1.5;
}
.icon-content-inner .micon{
width:20%;
margin: 0 auto 5vw;
-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.icon-content-inner .mtitle{
margin-bottom:10px;
font-size: 2.5rem;
line-height: 1;
font-family: 'SuzukiPROHeadline';
}
.icon-content-inner .mtext{
}
}