<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
#bingle__header {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1000px;
    height: 60px;
    background-color: #fff
}

.header__logo {
    position: absolute
}

.header__logo img {
    display: block;
    width: 100%
}

.header__logo.logo__pigeon {
    top: 13px;
    left: 16px;
    width: 95px;
    height: 31px
}

.header__logo.logo__pigeon img {
    height: 100%
}

.header__logo.logo__ht {
    top: 20px;
    right: 20px;
    width: 140px
}

.header__nav__icon {
    display: none
}

.header__nav__list {
    font-size: 0;
    width: 100%;
    max-width: 695px;
    margin: 0 auto;
    list-style: none;
    text-align: center
}

.header__nav__list .item__nav {
    display: inline-block;
    height: 60px;
    margin: 0 21px;
    vertical-align: top
}

.header__nav__list .item__nav:first-child {
    margin-left: -48px
}

.header__nav__list .item__nav:last-child {
    margin-right: 0
}

.header__nav__list .item__nav:nth-child(1) svg {
    width: 29px;
    height: 16px
}

.header__nav__list .item__nav:nth-child(2) svg {
    width: 52px;
    height: 15px
}

.header__nav__list .item__nav:nth-child(3) svg {
    width: 64px;
    height: 15px
}

.header__nav__list .item__nav:nth-child(4) svg {
    width: 69px;
    height: 14px
}

.header__nav__list .item__nav:nth-child(5) svg {
    width: 44px;
    height: 15px
}

.header__nav__list .item__nav:nth-child(6) svg {
    width: 39px;
    height: 17px
}

.header__nav__list .item__nav:nth-child(7) svg {
    width: 48px;
    height: 13px
}

.header__nav__list .item__nav:nth-child(8) svg {
    width: 67px;
    height: 17px
}

.header__nav__list .item__nav a {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding-top: 23px
}

.header__nav__list .item__nav a svg {
    display: block;
    width: 100%;
    height: 100%
}

.header__nav__list .item__nav a svg path {
    -webkit-transition: fill .2s ease-out;
    -o-transition: fill .2s ease-out;
    transition: fill .2s ease-out;
    fill: #000
}

html.no-touchevents .header__nav__list .item__nav a:hover svg path {
    fill: #e60012
}

.header__nav__list .item__nav.current a svg path {
    fill: #e60012
}

#bingle__footer {
    position: relative;
    padding: 35px 0 30px;
    background-color: #e60012;
}

#bingle__footer .footer__sns__list {
    font-size: 0;
    text-align: center
}

#bingle__footer .footer__sns__list .item__sns {
    display: inline-block;
    height: 20px;
    margin: 0 12px
}

#bingle__footer .footer__sns__list .item__sns img {
    height: 20px
}

#bingle__footer .footer__copyright {
    line-height: 0;
    margin-top: 35px;
    text-align: center
}

#bingle__footer .footer__copyright img {
    height: 12px
}

html {
    overflow: hidden
}

html.visible {
    overflow: auto
}

* {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

body {
    min-width: 1000px;
    -webkit-font-smoothing: antialiased
}

br.sp {
    display: none
}

svg:not(:root) {
    overflow: visible
}

.cb {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    padding: 15px 20px;
    cursor: pointer;
    text-align: center;
    background-color: #dcdcdc
}

.cb:hover {
    color: #dcdcdc;
    background-color: #000
}

#wrapper {
    position: static
}

#contents {
    overflow: hidden;
    padding-top: 0
}

.color__aqua {
    fill: #85c5cd
}

.color__red {
    fill: #e60012
}

.color__black {
    fill: #000
}

.color__crosspink {
    fill: #dd458e
}
.color__shinegray {
    fill: #a7b1b6
}
.color__freshnavy {
    fill: #26374f
}

.section__container {
    position: relative
}

.section__bg {
    position: absolute;
    top: 0;
    left: 50%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain
}

.section__title {
    line-height: 0;
    position: relative
}

.section__title-sub {
    position: relative
}

.section__title-sub .title__parts {
    line-height: 0;
    display: block
}

.section__title-sub .title__parts img {
    width: 100%
}

/*.section__description {
    font-size: 16px;
    font-weight: 700;
    line-height: 2;
    position: relative
}*/

.section__description {
    font-size: 16px;
     font-weight: 500;
    line-height: 2;
    position: relative
}

#page__container {
    position: relative;
    z-index: 30;
    visibility: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition: top .3s ease-out;
    -o-transition: top .3s ease-out;
    transition: top .3s ease-out
}

#page__container.page__in {
    top: 0;
    visibility: visible
}

#page__container.page__in-short {
    top: 0;
    visibility: visible;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.section {
    overflow: hidden;
    width: 100%;
    min-width: 960px
}

.bg__layer {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    background: url(../img/bg.png) repeat-x 0 center;
    -webkit-background-size: cover;
    background-size: cover
}

.bg__layer.bg__in {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.bg__layer.bg__in-short {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.bg__layer .bg__cover {
    display: none
}

.section {
    position: relative
}

.ambassador__nav {
    position: fixed;
    z-index: 1000;
    bottom: -22px;
    left: -442px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 442px;
    height: 284px;
    padding: 47px 0 0 15px;
    -webkit-transition: left .2s ease-out;
    -o-transition: left .2s ease-out;
    transition: left .2s ease-out;
    background: url(../img/ambassador_nav_bg.png) no-repeat center
}

.ambassador__nav.show {
    left: -304px
}

.ambassador__nav img {
    vertical-align: bottom
}

.ambassador__nav .ambassador__nav__title {
    position: relative;
    width: 270px;
    margin: 0 0 20px;
    padding-bottom: 18px;
    text-align: center;
    border-bottom: solid 1px #ff7171
}

.ambassador__nav .ambassador__nav__description {
    position: relative
}

.ambassador__nav .ambassador__nav__toggle {
    position: absolute;
    top: 95px;
    right: 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 94px;
    height: 94px;
    padding-top: 18px;
    cursor: pointer;
    text-align: center
}

.ambassador__nav .ambassador__nav__toggle:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: transform .2s cubic-bezier(.175, .885, .32, 1.275);
    transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .2s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .2s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff
}

.ambassador__nav .ambassador__nav__toggle .ambassador__nav__text {
    position: relative
}

.ambassador__nav .ambassador__nav__toggle .ambassador__nav__icons {
    font-size: 0;
    position: relative;
    margin-top: 10px;
    text-align: center
}

.ambassador__nav .ambassador__nav__toggle .ambassador__nav__icons .ambassador__nav__icon {
    display: inline-block;
    width: 4px;
    height: 6px;
    margin: 0 2px
}

.ambassador__nav .ambassador__nav__toggle .ambassador__nav__icons .ambassador__nav__icon svg {
    width: 4px;
    height: 6px;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.ambassador__nav .ambassador__nav__toggle .ambassador__nav__icons .ambassador__nav__icon:nth-child(1) svg {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.ambassador__nav .ambassador__nav__toggle .ambassador__nav__icons .ambassador__nav__icon:nth-child(2) svg {
    -webkit-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms
}

.ambassador__nav .ambassador__nav__toggle .ambassador__nav__icons .ambassador__nav__icon:nth-child(3) svg {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.ambassador__nav .ambassador__nav__toggle:hover:before {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.ambassador__nav .ambassador__nav__toggle:hover .ambassador__nav__icons .ambassador__nav__icon svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    fill: #e60012
}

.ambassador__nav .ambassador__nav__link {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px;
    height: 40px;
    margin: 18px 0 0 36px;
    -webkit-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    border: solid 2px #fff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff
}

.ambassador__nav .ambassador__nav__link img {
    position: absolute;
    top: 11px;
    left: 50%;
    margin-left: -22px;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.ambassador__nav .ambassador__nav__link img:nth-child(2) {
    opacity: 0
}

.ambassador__nav .ambassador__nav__link svg {
    position: absolute;
    top: 15px;
    right: 62px;
    width: 6px;
    height: 8px;
    -webkit-transition: -webkit-transform .2s ease-out;
    -o-transition: transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out
}

.ambassador__nav .ambassador__nav__link svg path {
    -webkit-transition: fill .2s ease-out;
    -o-transition: fill .2s ease-out;
    transition: fill .2s ease-out;
    fill: #e60012
}

html.no-touchevents .ambassador__nav .ambassador__nav__link:hover {
    background-color: #e60012
}

html.no-touchevents .ambassador__nav .ambassador__nav__link:hover img:first-child {
    opacity: 0
}

html.no-touchevents .ambassador__nav .ambassador__nav__link:hover img:nth-child(2) {
    opacity: 1
}

html.no-touchevents .ambassador__nav .ambassador__nav__link:hover svg {
    -webkit-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px)
}

html.no-touchevents .ambassador__nav .ambassador__nav__link:hover svg path {
    fill: #fff
}

.ambassador__nav.open {
    left: 0
}

.ambassador__nav.open .ambassador__nav__icons .ambassador__nav__icon svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#fixBottom {
    width: 200px;
    z-index: 9999;
}

#fixBottom a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    -webkit-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out
}

#fixBottom a svg {
    display: block
}

#fixBottom a svg path {
    -webkit-transition: fill .2s ease-out;
    -o-transition: fill .2s ease-out;
    transition: fill .2s ease-out;
    fill: #fff
}

#btnShopList {
    font-size: 0;
    width: 150px;
    padding-top: 12px;
    text-align: center;
    background-color: #000
}

#btnShopList .btnShopList__icon,
#btnShopList .btnShopList__text {
    display: inline-block
}

#btnShopList .btnShopList__icon svg,
#btnShopList .btnShopList__text svg {
    width: 100%;
    height: 100%
}

#btnShopList .btnShopList__icon {
    width: 12px;
    height: 16px;
    margin-right: 9px
}

#btnShopList .btnShopList__text {
    width: 75px;
    height: 18px
}

html.no-touchevents #btnShopList:hover {
    background-color: #fff
}

html.no-touchevents #btnShopList:hover svg path {
    fill: #000
}

#btnPageTop {
    width: 40px;
    padding-top: 8px;
    background-color: #e60012
}

#btnPageTop .btnPageTop__arrow,
#btnPageTop .btnPageTop__text {
    display: block;
    margin: 0 auto
}

#btnPageTop .btnPageTop__arrow svg,
#btnPageTop .btnPageTop__text svg {
    width: 100%;
    height: 100%
}

#btnPageTop .btnPageTop__arrow {
    width: 10px;
    height: 8px;
    margin-bottom: 4px
}

#btnPageTop .btnPageTop__text {
    width: 18px;
    height: 11px
}

html.no-touchevents #btnPageTop:hover {
    background-color: #fff
}

html.no-touchevents #btnPageTop:hover svg path {
    fill: #e60012
}

#modalSec li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modal__contents {
    position: fixed;
    z-index: 1500;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%
}

.modal__contents .modal__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8)
}

.modal__contents .modal__movie {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 960px;
    height: 540px;
    margin: -270px 0 0 -480px
}

.modal__contents .modal__youtube {
    position: relative
}

.modal__contents .modal__close {
    line-height: 0;
    position: absolute;
    top: -45px;
    right: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    -o-transition: transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1), -webkit-transform .2s cubic-bezier(.39, .575, .565, 1)
}

.modal__contents .modal__close img {
    width: 100%
}

html.no-touchevents .modal__contents .modal__close:hover {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

#main__container {
    position: fixed;
    z-index: 100;
    top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding-top: 10px
}
/*æ–°å¢ž*/ 
#main {
    z-index: 999;
}
/*æ–°å¢žçµæŸ*/ 

html.visible #main__container {
    position: relative;
    z-index: 10
}

.main__movie {
    line-height: 0;
    position: absolute;
    visibility: hidden
}

.main__movie.show {
    visibility: visible;
}

.main__movie img,
.main__movie video {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

.main__movie img {
    display: none
}

.main__movie img.show {
    display: block
}

#main .notice_bingle {
    width: 960px;
    margin: 10px auto;
    text-align: center;
    border: 1px gray solid;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff
}

#main .notice_bingle a {
    display: inline-block;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    padding: 10px;
    text-decoration: underline;
    color: #333 !important
}

#main .main__copy {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 338px;
    height: 98px;
    margin: -49px 0 0 -169px;
    z-index: 5;
}

#main .main__copy.move {
    margin-top: 110px
}

#main .main__copy .copy__parts {
    line-height: 0;
    display: block;
    text-align: center
}

#main .main__copy .copy__parts.line1 {
    margin-bottom: 25px;
    margin-left: 6px
}

#main .main__copy .copy__parts .char {
    opacity: 0
}

#main .main__title {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 674px;
    height: 300px;
    margin-top: -240px;
    margin-left: -337px;
    z-index:5;
}

#main .main__title svg {
    width: 100%;
    height: 100%
}

#main .main__title svg path {
    stroke: #000;
    fill: #000;
    fill-opacity: 0
}

#main .main__title svg path.drawed {
    fill-opacity: 1
}

#main .main__title svg path {
    stroke-dasharray: 600;
    stroke-dashoffset: 600
}

#main .main__title svg [data-char='b'] {
    stroke-dasharray: 1100;
    stroke-dashoffset: 1100
}

#main .main__title svg [data-char='i'] {
    stroke-dasharray: 800;
    stroke-dashoffset: 800
}

#main .main__title svg [data-char='n'] {
    stroke-dasharray: 1300;
    stroke-dashoffset: 1300
}

#main .main__title svg [data-char='g'] {
    stroke-dasharray: 1600;
    stroke-dashoffset: 1600
}

#main .main__title svg [data-char='l'] {
    stroke-dasharray: 900;
    stroke-dashoffset: 900
}

#main .main__title svg [data-char='e'] {
    stroke-dasharray: 1200;
    stroke-dashoffset: 1200
}

#main .main__title.drawed svg path {
    fill-opacity: 1
}

#main .main__item {
    position: absolute
}

#main .main__item img {
    vertical-align: bottom
}

#main .main__item.main__gdlogo {
    top: 25%;
    right: 10%;
    width: 185px;
    margin-top: 260px;
    margin-left: -614px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

#main .main__item.main__gdlogo img {
    width: 100%
}

#main .main__image {
    top: 55%;
    left: 50%;
    width: 1200px;
    height: 540px;
    margin-top: -252px;
    margin-left: -655px;
    opacity: 0;
    z-index: 1;
}

#main .main__image img {
    width: 100%
}

#main .main__release-date {
    line-height: 0;
    top: 50%;
    left: 50%;
    width: 260px;
    height: 40px;
    margin-top: -300px;
    margin-left: -130px;
    opacity: 0
}

#main .main__release-date img {
    width: 100%
}

#main .main__scroll {
    bottom: 100px;
    left: 50%;
    overflow: hidden;
    width: 36px;
    height: 34px;
    margin-left: -18px;
    -webkit-animation-name: scroll-animation;
    animation-name: scroll-animation;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    white-space: nowrap;
    text-indent: 100%;
    background: url(../img/main_scroll.png) no-repeat center;

}

#main .main__campaign__link {
    top: 50%;
    right: 50%;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 176px;
    height: 176px;
    margin: -180px -570px 0 0;
    padding-top: 32px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    text-align: center
}

#main .main__campaign__link span {
    position: relative;
    z-index: 10;
    display: block
}

#main .main__campaign__link:after,
#main .main__campaign__link:before {
    position: absolute;
    z-index: 0;
    display: block;
    content: '';
    -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: transform .2s cubic-bezier(.175, .885, .32, 1.275);
    transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .2s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .2s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275);
    -webkit-border-radius: 50%;
    border-radius: 50%
}

#main .main__campaign__link:before {
    top: 0;
    left: 0;
    width: 176px;
    height: 176px;
    -webkit-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
    background-color: #b2dfe5;
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .3)
}

#main .main__campaign__link:after {
    top: 10px;
    left: 10px;
    width: 156px;
    height: 156px;
    background-color: #fff
}

#main .main__campaign__link .main__campaign__link_wrapper:before {
    position: absolute;
    z-index: 1;
    top: 8px;
    right: -15px;
    display: block;
    width: 56px;
    height: 57px;
    content: '';
    background-image: url(../img/main_campaign_link_date.png)
}

#main .main__campaign__link .campaign__link__container {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding-top: 28px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

#main .main__campaign__link .campaign__image img {
    width: 100px
}

#main .main__campaign__link .campaign__title {
    overflow: hidden;
    width: 145px;
    height: 93px;
    margin: 4px auto 0;
    white-space: nowrap;
    text-indent: 100%;
    background-image: url(../img/main_campaign_link_text.png);
    background-repeat: no-repeat;
    background-position: center
}

#main .main__campaign__link .campaign__text__container {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 41px;
    padding-top: 9px;
    background-color: #b2dfe5
}

#main .main__campaign__link .campaign__text__container .campaign__text {
    overflow: hidden;
    width: 58px;
    height: 15px;
    margin: 0 auto;
    white-space: nowrap;
    text-indent: 100%;
    background-image: url(../img/main_campaign_link_click.png);
    background-repeat: no-repeat;
    background-position: center
}

#main .main__campaign__link .campaign__text__container .campaign__arrow {
    position: absolute;
    bottom: 13px;
    left: 50%;
    display: block;
    width: 6px;
    height: 8px;
    margin-left: -3px;
    -webkit-transition: -webkit-transform .2s ease-out;
    -o-transition: transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out
}

#main .main__campaign__link .campaign__text__container .campaign__arrow svg {
    width: 6px;
    height: 8px
}

#main .main__campaign__link .campaign__text__container .campaign__arrow svg path {
    fill: #000
}

html.no-touchevents #main .main__campaign__link:hover:after,
html.no-touchevents #main .main__campaign__link:hover:before {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

html.no-touchevents #main .main__campaign__link:hover .yellow__text__container .yellow__arrow {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px)
}

#about {
    margin-bottom: 50px;
    padding-top: 180px
}

#about .about {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#about .about .section__container {
    width: 960px;
    margin: 0 auto;
}

#about .about .section__title svg {
    width: 100%;
    height: 100%
}

#about .about__first {
    height: 645px;
    margin-bottom: 150px;
    padding-top: 40px
}

#about .about__first .section__bg {
    width: 860px;
    height: 645px;
    margin-left: -430px;
    background-image: url(../img/about_bg_1.svg)
}

#about .about__first .section__title {
    width: 255px;
    height: 68px;
    margin: 0 auto
}

#about .about__first .section__description {
    margin-top: 30px;
    text-align: center
}

#about .about__first .about__nav__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 880px;
    margin: 30px auto 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#about .about__first .about__nav__list .item__nav {
    width: 240px;
    height: 240px
}

#about .about__first .about__nav__list .item__nav a {
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding-top: 54px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .3);
    box-shadow: 0 0 25px rgba(0, 0, 0, .3)
}

#about .about__first .about__nav__list .item__nav a:after,
#about .about__first .about__nav__list .item__nav a:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-border-radius: 50%;
    border-radius: 50%
}

#about .about__first .about__nav__list .item__nav a:after {
    -webkit-transition: border .2s cubic-bezier(.39, .575, .565, 1);
    -o-transition: border .2s cubic-bezier(.39, .575, .565, 1);
    transition: border .2s cubic-bezier(.39, .575, .565, 1);
    border: 12px solid rgba(255, 255, 255, .1)
}

#about .about__first .about__nav__list .item__nav a .nav__text {
    position: relative;
    display: block;
    overflow: hidden;
    width: 192px;
    height: 98px;
    margin: 0 auto;
    white-space: nowrap;
    text-indent: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain
}

#about .about__first .about__nav__list .item__nav a .nav__icon {
    position: absolute;
    bottom: -10px;
    left: -5%;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 110%;
    height: 80px;
    padding-top: 12px
}

#about .about__first .about__nav__list .item__nav a .nav__icon .nav__arrow,
#about .about__first .about__nav__list .item__nav a .nav__icon .nav__click {
    display: block
}

#about .about__first .about__nav__list .item__nav a .nav__icon .nav__click {
    overflow: hidden;
    width: 50px;
    height: 18px;
    margin: 0 auto 10px;
    white-space: nowrap;
    text-indent: 100%;
    background: url(../img/about_nav_click.png) no-repeat center
}

#about .about__first .about__nav__list .item__nav a .nav__icon .nav__arrow {
    line-height: 0;
    width: 8px;
    height: 6px;
    margin: 0 auto;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    -o-transition: transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1), -webkit-transform .2s cubic-bezier(.39, .575, .565, 1)
}

#about .about__first .about__nav__list .item__nav a .nav__icon .nav__arrow img {
    width: 100%
}

html.no-touchevents #about .about__first .about__nav__list .item__nav a:hover:after {
    border: 120px solid rgba(255, 255, 255, .1)
}

html.no-touchevents #about .about__first .about__nav__list .item__nav a:hover .nav__icon .nav__arrow {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px)
}

#about .about__first .about__nav__list .item__nav:nth-child(1) a:before {
    background-color: #f5a231
}

#about .about__first .about__nav__list .item__nav:nth-child(1) a .nav__text {
    background-image: url(../img/about_nav_1_text.png)
}

#about .about__first .about__nav__list .item__nav:nth-child(1) a .nav__icon {
    background: url(../img/about_nav_1_bottom.png) no-repeat center top
}

#about .about__first .about__nav__list .item__nav:nth-child(2) a:before {
    background-color: #009fec
}

#about .about__first .about__nav__list .item__nav:nth-child(2) a .nav__text {
    background-image: url(../img/about_nav_2_text.png)
}

#about .about__first .about__nav__list .item__nav:nth-child(2) a .nav__icon {
    background: url(../img/about_nav_2_bottom.png) no-repeat center top
}

#about .about__first .about__nav__list .item__nav:nth-child(3) a:before {
    background-color: #009b74
}

#about .about__first .about__nav__list .item__nav:nth-child(3) a .nav__text {
    background-image: url(../img/about_nav_3_text.png)
}

#about .about__first .about__nav__list .item__nav:nth-child(3) a .nav__icon {
    background: url(../img/about_nav_3_bottom.png) no-repeat center top
}

#about .about__second {
    width: 960px;
    height: 960px;
    margin: 0 auto
}

#about .about__second .section__container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 360px;
    padding-top: 70px;
    margin: 0 auto 0 320px;
}

#about .about__second .section__bg {
    width: 960px;
    height: 960px;
    margin-left: -480px;
    background-image: url(../img/about_bg_2.svg)
}

#about .about__second .section__title-sub {
    margin: 0
}

/*#about .about__second .section__title-sub .title__parts.line1 {
    width: 270px;
    height: 36px;
    margin-bottom: 25px
}*/
#about .about__second .section__title-sub .title__parts.line1 {
    width: 270px;
    height: 36px;
    margin-bottom: 10px
}
#about .about__second .section__title-sub .title__parts.line2 {
    width: 221px;
    height: 36px
}

#main .main__copy .copy__parts.line3 {
    font-size: 28px;
    font-weight: bold;
    line-height: 2.2;
}

/*#about .about__second .section__description {
    font-size: 18px;
    margin-top: 30px
}*/
#about .about__second .section__description {
    font-size: 16px;
    margin-top: 25px
}
#about .about__second .section__description.description2 {
    margin-top: 0
}

#about .about__second .section__description.description3 {
    margin-top: 0
}

#about .about__second .about__image {
    position: absolute
}

#about .about__second .about__image.image1 {
    top: 134px;
    left: -85px;
    width: 380px;
}

#about .about__second .about__image.image2 {
    top: 25px;
    right: -80px;
    width:400px;
}
#about .about__second img {
    max-width: 100%;
}
#about .about__second .movie__container {
    position: relative;
    width: 444px;
    margin: 15px auto 0
}

#about .about__second .movie__container .movie__title {
    line-height: 0;
    width: 444px;
    height: 60px;
    margin-bottom: 15px
}

#about .about__second .movie__container .movie__title svg {
    width: 100%;
    height: 100%
}

#about .about__second .movie__container .movie__button {
    width: 360px;
    height: 260px;
    margin: 0 auto;
    cursor: pointer
}

#about .about__second .movie__container .movie__button .movie__thumbnail {
    position: relative;
    background: url(../img/about_movie_thumbnail.jpg) no-repeat center;
    width: 360px;
    height: 160px;
    background-size: contain;
    padding-top: 40px;
}

#about .about__second .movie__container .movie__button .movie__icon {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto 25px
}

#about .about__second .movie__container .movie__button .movie__icon:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    -o-transition: transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1), -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #e4007f
}

#about .about__second .movie__container .movie__button .movie__icon img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    margin: auto
}

#about .about__second .movie__container .movie__button .movie__title-sub {
    line-height: 0;
    width: 100%;
    height: 33px;
    display: block;
}

#about .about__second .movie__container .movie__button .movie__title-sub img {
    width: auto;
    display: block;
    margin: 4px auto;
}

html.no-touchevents #about .about__second .movie__container .movie__button:hover .movie__icon:before {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.product {
    position: relative
}

#single_tire {
    height: 712px;
    margin: 0 0 220px;
    padding-top: 100px
}

#single_tire .section__bg {
    position: absolute;
    top: 100px;
    left: 50%;
    display: block;
    width: 2000px;
    height: 782px;
    margin-left: -1000px;
    background-image: url(../img/single_tire_bg.svg);
    background-size: cover;
}

#single_tire .section__container {
    width: 960px;
    margin: 0 auto;
    padding-top: 180px
}

#single_tire .section__title {
    width: 423px;
    height: 87px
}

#single_tire .section__title svg {
    width: 100%;
    height: 100%
}

#single_tire .section__title svg.title__sp {
    display: none
}

#single_tire .section__title-sub {
    margin-top: 28px
}

#single_tire .section__title-sub .title__parts.line1 {
    width: 344px;
    height: 34px;
    margin-bottom: 15px
}

#single_tire .section__title-sub .title__parts.line2 {
    width: 306px;
    height: 34px
}

#single_tire .section__description {
    margin: 20px 0
}

#single_tire .single_tire__image {
    line-height: 0;
    position: absolute;
    top: 20px;
    right: 0;
    width: 540px;
    height: 487px;
    background-image: url(../img/single_tire_image_2.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain; 
}

#single_tire .single_tire__point__list {
    position: absolute;
    top: 350px;
    right: -20px
}

#single_tire .single_tire__point__list .item__point {
    font-size: 0;
    margin-bottom: 24px
}

#single_tire .single_tire__point__list .item__point .point__description,
#single_tire .single_tire__point__list .item__point .point__icon {
    position: relative;
    display: inline-block;
    vertical-align: top
}

/*#single_tire .single_tire__point__list .item__point .point__icon {
    width: 130px;
    height: 50px;
    margin-right: 5px;
}*/
#single_tire .single_tire__point__list .item__point .point__icon {
    width: 130px;
    height: 25px;
    margin-right: 5px;
}


#single_tire .single_tire__point__list .item__point .point__icon img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 120px;
    margin: auto
}



/*#single_tire .single_tire__point__list .item__point .point__description {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
}*/
#single_tire .single_tire__point__list .item__point .point__description {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;    color: #231815;
}
/*#single_tire .single_tire__point__list .item__point .point__description small {
    font-size: 14px;
    display: block;
}*/

#single_tire .single_tire__point__list .item__point .point__description small {
    font-size: 15px;    font-weight: 500;
    display: block;    color: #6c6d70;
}

#single_tire .single_tire__link {
    font-size: 0;
    display: block;
    width: 340px;
    margin-top: 10px;
    margin-left: -10px
}

#single_tire .single_tire__link .link__image1,
#single_tire .single_tire__link .link__image2 {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    text-indent: 100%
}

#single_tire .single_tire__link .link__image1 {
    z-index: 2;
    width: 264px;
    height: 80px;
    background: url(../img/single_tire_image_1.png) no-repeat center;
    -webkit-background-size: contain;
    background-size: contain
}

#single_tire .single_tire__link .link__image2 {
    z-index: 1;
    width: 64px;
    height: 64px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #e60012
}

#single_tire .single_tire__link .link__image2 .link__image__description {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 46px;
    height: 47px;
    margin: auto;
    background: url(../img/single_tire_link.png) no-repeat center
}
#single_tire .single_tire__newball{display: none;}


#weight {
    height: 624px;
    margin-bottom: 190px;
    padding-top: 100px
}

#weight .section__bg {
    top: 100px;
    width: 1280px;
    height: 624px;
    margin-left: -640px;
    background-image: url(../img/weight_bg.svg)
}

#weight .section__container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 960px;
    margin: 0 auto;
    padding-top: 140px;
    padding-left: 195px
}

#weight .section__title {
    width: 235px;
    height: 93px
}

#weight .section__title svg {
    width: 100%;
    height: 100%
}

#weight .section__title-sub {
    margin: 20px 0
}

#weight .section__title-sub .title__parts.line1 {
    width: 104px;
    height: 32px;
    margin-bottom: 15px
}

#weight .section__title-sub .title__parts.line2 {
    width: 308px;
    height: 34px
}

#weight .weight__image {
    position: absolute
}

#weight .weight__image img {
    display: block;
    width: 100%
}

#weight .weight__image.image2 {
    top: 180px;
    right: 128px;
    width: 300px;
    height: 300px
}

#weight .weight__image.image2 img {
    position: relative;
    z-index: 2
}

/*#weight .weight__image.image2 figcaption {
    position: absolute;
    top: -25px;
    left: 44px;
    overflow: hidden;
    width: 205px;
    height: 48px;
    white-space: nowrap;
    text-indent: 100%;
    background-image: url(../img/weight_text_1.png)
}*/
#weight .weight__image.image2 figcaption {
    position: absolute;
    top: -32px;
    left: 0px;
    overflow: hidden;
    width: 300px;
    height: 93px;
    white-space: nowrap;
    text-indent: 100%;
    background-image: url(../img/weight_text_1.png)
}

#compact {
    height: 685px
}

#compact .section__bg {
    width: 2000px;
    height: 660px;
    margin-left: -1000px;
    background-image: url(../img/compact_bg.svg)
}

#compact .section__container {
    width: 960px;
    margin: 0 auto
}

#compact .section__title {
    position: absolute;
    top: 227px;
    left: 270px;
    width: 353px;
    height: 83px
}

#compact .section__title svg {
    width: 100%;
    height: 100%
}

#compact .section__title-sub {
    position: absolute;
    top: 340px;
    left: 337px;
    width: 232px;
    text-align: center
}

#compact .section__title-sub .title__parts {
    display: inline-block
}

#compact .section__title-sub .title__parts.line1 {
    width: 197px;
    height: 32px;
    margin-bottom: 13px
}

#compact .section__title-sub .title__parts.line2 {
    width: 232px;
    height: 33px
}

#compact .compact__image {
    position: absolute
}

#compact .compact__image.image1 {
    top: 235px;
    left: -32px;
    width: 300px;
    height: 300px
}

#compact .compact__image.image1 img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%
}

/*#compact .compact__image.image1 figcaption {
    position: absolute;
    top: -25px;
    left: 33px;
    overflow: hidden;
    width: 238px;
    height: 62px;
    white-space: nowrap;
    text-indent: 100%;
    background-image: url(../img/compact_text_1.png)
}*/
#compact .compact__image.image1 figcaption {
    position: absolute;
    top: -30px;
    left: -9px;
    overflow: hidden;
    width: 320px;
    height: 108px;
    white-space: nowrap;
    text-indent: 100%;
    background-image: url(../img/compact_text_1.png)
}

#compact .compact__image.image2 {
    top: 130px;
    right: -55px
}

#function {
    height: 900px;
    margin-top: 200px;
    margin-bottom: 50px
}

#function .section__bg {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1280px;
    height: 900px;
    margin-left: -640px;
    background-image: url(../img/function_bg.svg)
}

#function .section__container {
    width: 960px;
    margin: 0 auto;
    padding-top: 106px
}

#function .section__title {
    width: 328px;
    height: 66px;
    margin: 0 auto
}

#function .section__title svg {
    width: 100%;
    height: 100%
}

#function .function__image {
    line-height: 0;
    width: 230px;
    height: 360px;
    margin: 35px auto 8px
}

#function .function__image img {
    width: 100%
}

#function .function__list {
    font-size: 0;
    width: 880px;
    margin: 0 auto
}

#function .function__list .item__function {
    display: inline-block;
    width: 220px;
    vertical-align: top
}

#function .function__list .item__function .function__title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 180px;
    height: 180px;
    margin: 0 auto;
    padding-top: 25px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain
}

#function .function__list .item__function .function__title img {
    height: 21px
}

/*#function .function__list .item__function .function__description {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.6;
    margin-top: 1em;
    text-align: center
}*/

#function .function__list .item__function .function__description {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;
    margin-top: 1em;
    text-align: center
}

#function .function__list .item__function.handle .function__title {
    background-image: url(../img/function_image_handle.png)
}

#function .function__list .item__function.window .function__title {
    background-image: url(../img/function_image_window.png)
}

#function .function__list .item__function.seat .function__title {
    background-image: url(../img/function_image_seat.png)
}

#function .function__list .item__function.basket .function__title {
    background-image: url(../img/function_image_basket.png)
}
#function .function__description img {
    height: 20px;
    display: block;
    margin: 0 auto 5px;
}

#color {
    height: 708px;
    margin-top: 20px;
    padding: 80px 0 0
}

#color .section__bg {
    top: 80px;
    width: 2000px;
    height: 708px;
    margin-left: -1000px;
    background-image: url(../img/color_bg.svg)
}

#color .section__container {
    width: 960px;
    height: 694px;
    margin: 0 auto
}

#color .section__title {
    position: absolute;
    top: 230px;
    left: 372px;
    width: 212px;
    height: 68px
}

#color .section__title svg {
    width: 100%;
    height: 100%
}

#color .color__text__list {
    position: absolute;
    top: 333px;
    left: 380px
}

#color .color__text__list .item__text {
    font-size: 0;
    padding: 10px 0;
    cursor: pointer
}

#color .color__text__list .item__text .color__icon,
#color .color__text__list .item__text .color__text {
    display: inline-block;
    vertical-align: middle
}

#color .color__text__list .item__text .color__icon {
    position: relative;
    width: 15px;
    height: 15px;
    margin-right: 12px
}

#color .color__text__list .item__text .color__icon:after,
#color .color__text__list .item__text .color__icon:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    content: '';
    -webkit-transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    -o-transition: transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1), -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    -webkit-border-radius: 50%;
    border-radius: 50%
}

#color .color__text__list .item__text .color__icon:after {
    -webkit-transition-delay: 120ms;
    -o-transition-delay: 120ms;
    transition-delay: 120ms;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background-color: #fff
}

#color .color__text__list .item__text .color__text {
    height: 16px;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    -o-transition: transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1), -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

#color .color__text__list .item__text .color__text img {
    height: 16px
}

#color .color__text__list .item__text[data-color=aqua] .color__icon:before {
    background-color: #85c5cd
}

#color .color__text__list .item__text[data-color=monochrome] .color__icon:before {
    background-color: #000
}

#color .color__text__list .item__text[data-color=monochrome] .color__text {
    margin-top: 2px
}

#color .color__text__list .item__text[data-color=red] .color__icon:before {
    background-color: #e60012
}

#color .color__text__list .item__text[data-color=yellow] .color__icon:before {
    background-color: #fed530
}
#color .color__text__list .item__text[data-color=crosspink] .color__icon:before {
    background-color: #dd458e
}
#color .color__text__list .item__text[data-color=shinegray] .color__icon:before {
    background-color: #a7b1b6
}
#color .color__text__list .item__text[data-color=freshnavy] .color__icon:before {
    background-color: #26374f
}


html.no-touchevents #color .color__text__list .item__text:hover .color__icon:before {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2)
}

html.no-touchevents #color .color__text__list .item__text:hover .color__icon:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

html.no-touchevents #color .color__text__list .item__text:hover .color__text {
    -webkit-transform: scale(1.4) translateX(3px);
    -ms-transform: scale(1.4) translateX(3px);
    transform: scale(1.4) translateX(3px)
}

#color .color__text__list .item__text.current .color__icon:before {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2)
}

#color .color__text__list .item__text.current .color__icon:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#color .color__text__list .item__text.current .color__text {
    -webkit-transform: scale(1.4) translateX(3px);
    -ms-transform: scale(1.4) translateX(3px);
    transform: scale(1.4) translateX(3px)
}

#color .color__nav {
    position: absolute;
    top: 50%;
    width: 34px;
    height: 40px;
    margin-top: -20px;
    cursor: pointer
}

#color .color__nav svg {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    -o-transition: transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1), -webkit-transform .2s cubic-bezier(.39, .575, .565, 1)
}

#color .color__nav.back {
    left: 0;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

#color .color__nav.next {
    right: 0;
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

html.no-touchevents #color .color__nav:hover.back svg {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px)
}

html.no-touchevents #color .color__nav:hover.next svg {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

#color .color__image__list {
    position: relative;
    z-index: 0
}

#color .color__image__list .item__image {
    position: absolute;
    z-index: 0;
    top: 20px;
    width: 100%;
    height: 100%
}

#color .color__image__list .item__image .color__angle,
#color .color__image__list .item__image .color__image {
    position: absolute;
    -webkit-transition: opacity .4s cubic-bezier(.39, .575, .565, 1), -webkit-transform .4s cubic-bezier(.39, .575, .565, 1);
    -o-transition: transform .4s cubic-bezier(.39, .575, .565, 1), opacity .4s cubic-bezier(.39, .575, .565, 1);
    transition: opacity .4s cubic-bezier(.39, .575, .565, 1), -webkit-transform .4s cubic-bezier(.39, .575, .565, 1);
    transition: transform .4s cubic-bezier(.39, .575, .565, 1), opacity .4s cubic-bezier(.39, .575, .565, 1);
    transition: transform .4s cubic-bezier(.39, .575, .565, 1), opacity .4s cubic-bezier(.39, .575, .565, 1), -webkit-transform .4s cubic-bezier(.39, .575, .565, 1);
    opacity: 0
}

#color .color__image__list .item__image .color__image {
    top: 25px;
    left: 90px;
    width: 250px;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    text-align: center
}

#color .color__image__list .item__image .color__image.yellow {
    position: relative;
    margin-top: 110px
}

#color .color__image__list .item__image .color__image.yellow .image {
    position: relative;
    z-index: 1
}

#color .color__image__list .item__image .color__image.yellow:after {
    position: absolute;
    top: -20px;
    left: 24px;
    display: block;
    width: 74px;
    height: 74px;
    content: '';
    background-image: url(../img/badge_soleil_yellow.png)
}

#color .color__image__list .item__image .color__image.yellow .image__product {
    width: 265px
}

#color .color__image__list .item__image .color__image .image__product {
    width: 246px
}

#color .color__image__list .item__image .color__image .image__code,
#color .color__image__list .item__image .color__image .image__name {
    display: block;
    text-align: center
}

#color .color__image__list .item__image .color__image .image__name.en {
    line-height: 0;
    height: 22px;
    margin-top: 13px
}

#color .color__image__list .item__image .color__image .image__name.en img {
    height: 22px
}

#color .color__image__list .item__image .color__image .image__name.ja {
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    margin-top: 4px
}

#color .color__image__list .item__image .color__image .image__code {
    font-size: 12px;
    line-height: 1;
    margin-top: 8px
}

#color .color__image__list .item__image .color__angle {
    top: 105px;
    right: 35px;
    width: 350px;
    height: 460px;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px)
}

#color .color__image__list .item__image .angle__image__list {
    position: relative;
    width: 100%;
    height: 430px
}

#color .color__image__list .item__image .angle__image__list .angle__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
    -o-transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
    transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
    text-align: center;
    opacity: 0
}

#color .color__image__list .item__image .angle__image__list .angle__image.current {
    opacity: 1
}

#color .color__image__list .item__image .angle__nav__list {
    font-size: 0;
    position: relative;
    z-index: 20;
    width: 100%;
    text-align: center
}

#color .color__image__list .item__image .angle__nav__list .angle__nav {
    display: inline-block;
    width: 8px;
    height: 10px;
    padding: 10px;
    cursor: pointer;
    vertical-align: middle
}

#color .color__image__list .item__image .angle__nav__list .angle__nav svg {
    display: block;
    width: 8px;
    height: 10px
}

#color .color__image__list .item__image.current {
    z-index: 5
}

#color .color__image__list .item__image.current .color__angle,
#color .color__image__list .item__image.current .color__image {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

#spec {
    height: 650px;
    margin-top: 100px;
    padding-top: 80px
}

#spec .section__bg {
    top: 80px;
    width: 1280px;
    height: 650px;
    margin-left: -642px;
    background-image: url(../img/spec_bg.svg)
}

#spec .section__container {
    width: 960px;
    margin: 0 auto;
    padding-top: 110px
}

#spec .section__title {
    width: 186px;
    height: 83px
}

#spec .section__title svg {
    width: 100%;
    height: 100%
}

#spec .spec__list {
    margin-top: 28px
}

/*#spec .spec__list .item__spec {
    font-size: 14px;
    font-weight: 700;
    line-height: 2
}*/

#spec .spec__list .item__spec {
    font-size: 14px;
    font-weight: 500;
    line-height: 2
}

#spec .spec__list .item__spec .spec__indent {
    padding-left: 5.3em
}

/*#spec .spec__icon {
    overflow: hidden;
    width: 121px;
    height: 27px;
    margin-top: 22px;
    white-space: nowrap;
    text-indent: 100%;
    background: url(../img/spec_icon_s.png) no-repeat center
}*/
#spec .spec__icon {
    overflow: hidden;
    width: 160px;
    height: 27px;
    margin-top: 22px;
    white-space: nowrap;
    text-indent: 100%;
    background: url(../img/spec_icon_s.png) no-repeat center
}
#spec .spec__image__list {
    font-size: 0;
    position: absolute;
    top: 211px;
    left: 378px;
    width: 580px
}

#spec .spec__image__list .item__image {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top
}

#spec .spec__image__list .item__image.yellow {
    position: relative;
    padding-top: 7px
}

#spec .spec__image__list .item__image.yellow img {
    position: relative;
    z-index: 1
}

#spec .spec__image__list .item__image.yellow:after {
    position: absolute;
    top: -26px;
    left: 8px;
    display: block;
    width: 74px;
    height: 74px;
    content: '';
    background-image: url(../img/badge_soleil_yellow.png)
}

#spec .spec__image__list .item__image:last-child {
    margin-right: 0
}

#award {
    height: 654px;
    margin-top: 85px;
    margin-bottom: 50px;
    padding-top: 95px
}

#award .section__bg {
    position: absolute;
    top: 95px;
    left: 50%;
    width: 1280px;
    height: 654px;
    margin-left: -640px;
    background-image: url(../img/award_bg.svg)
}

#award .section__container {
    width: 700px;
    margin: 0 auto;
    padding-top: 95px
}

#award .section__title {
    width: 281px;
    height: 67px;
    margin: 0 auto 30px auto
}

#award .section__title svg {
    width: 100%;
    height: 100%
}

#award .award__conts {
    margin-bottom: 32px
}

#award .award__conts::after {
    display: table;
    clear: both;
    content: ''
}

#award .award__conts .conts__image {
    float: left;
    width: 173px
}

#award .award__conts .conts__image img {
    width: 100%
}

#award .award__conts .conts__text {
    float: right;
    width: 466px
}

#award .award__conts .conts__text h3 {
    margin: 6px 0 16px 0
}

#award .award__conts .conts__text h3 img {
    width: 126px
}

#award .award__conts .conts__text p {
    font-size: 14px;
    font-weight: 700;
    line-height: 2
}

#award .award__notice {
    font-size: 13px;
    text-align: center
}

#shoplist {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 580px;
    margin-top: 200px;
    margin-bottom: -120px;
    padding-top: 135px;
    background: url(../img/shoplist_bg.png) no-repeat center top
}

#shoplist .section__container {
    width: 365px;
    margin: 0 auto
}

#shoplist .section__title {
    width: 365px;
    height: 87px;
    margin: 0 auto 40px
}

#shoplist .section__title svg {
    width: 100%;
    height: 100%
}

#shoplist .shoplist__link {
    line-height: 1;
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
    height: 60px;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
    color: #e60012
}

#shoplist .shoplist__link:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    -o-transition: transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1), -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background-color: #fff
}

#shoplist .shoplist__link .link__text {
    font-size: 19px;
    font-weight: 700;
    position: relative
}

#shoplist .shoplist__link .link__arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -5px
}

html.no-touchevents #shoplist .shoplist__link:hover:before {
    -webkit-transform: scaleX(1.1);
    -ms-transform: scaleX(1.1);
    transform: scaleX(1.1)
}

*#news__support {
    position: relative;
    z-index: 5;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 960px;
    height: 1138px;
    margin-bottom: -132px;
    pointer-events: none
}

/*#news__support .section__bg {
    width: 2000px;
    height: 1138px;
    margin-left: -1000px;
    background-image: url(../img/bottom_bg.svg)
}*/
#news__support .section__bg {
    width: 2000px;
    height: 750px;
    margin-left: -1000px;
    background-image: url(../img/bottom_bg.svg)
}

/*#news {
    padding-top: 120px;
    padding-bottom: 60px;
    pointer-events: auto;
}*/

#news {
    padding-top: 0px;
    padding-bottom: 0px;
    pointer-events: auto;
}

#news .section__container {
    width: 960px;
    margin: 0 auto
}

#news .section__title {
    width: 230px;
    height: 62px;
    margin: 0 auto 60px
}

#news .section__title svg {
    width: 100%;
    height: 100%
}

#news .news__list {
    font-size: 0;
    text-align: center;
    pointer-events: visible
}

#news .news__list .item__news {
    font-size: 14px;
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
    height: 200px;
    margin: 0 15px;
    padding: 30px;
    text-align: left;
    vertical-align: top;
    background-color: #f1f1f1
}

#news .news__list .item__news .news__date {
    font-style: italic;
    line-height: 1;
    margin-bottom: 3px;
    color: #e60012
}

#news .news__list .item__news .news__summary {
    font-weight: 700;
    line-height: 1.5
}

#news .news__list .item__news .news__link {
    font-size: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 30px;
    pointer-events: visible
}

#news .news__list .item__news .news__link .news__arrow,
#news .news__list .item__news .news__link .news__more {
    display: inline-block;
    vertical-align: middle
}

#news .news__list .item__news .news__link .news__arrow svg,
#news .news__list .item__news .news__link .news__more svg {
    width: 100%;
    height: 100%
}

#news .news__list .item__news .news__link .news__arrow svg path,
#news .news__list .item__news .news__link .news__arrow svg polygon,
#news .news__list .item__news .news__link .news__more svg path,
#news .news__list .item__news .news__link .news__more svg polygon {
    -webkit-transition: fill .2s cubic-bezier(.39, .575, .565, 1);
    -o-transition: fill .2s cubic-bezier(.39, .575, .565, 1);
    transition: fill .2s cubic-bezier(.39, .575, .565, 1);
    fill: #000
}

#news .news__list .item__news .news__link .news__more {
    width: 39px;
    height: 12px
}

#news .news__list .item__news .news__link .news__arrow {
    width: 4px;
    height: 7px;
    margin-left: 8px
}

html.no-touchevents #news .news__list .item__news .news__link:hover .news__arrow svg path,
html.no-touchevents #news .news__list .item__news .news__link:hover .news__arrow svg polygon,
html.no-touchevents #news .news__list .item__news .news__link:hover .news__more svg path,
html.no-touchevents #news .news__list .item__news .news__link:hover .news__more svg polygon {
    fill: #e60012
}

#news .news__nav {
    display: none
}

#news .news__nav img {
    width: 100%
}

#news .news__nav.back {
    left: 8px
}

#news .news__nav.next {
    right: 8px
}
#news .news__bnr .item__bnr img {
    max-width: 100%;
}
.bnr_pc {
    display: block;
}
.bnr_sp {
    display: none;
}


/*#support {
    padding-top: 60px
}*/
#support {
    padding-top: 120px
}
#support .section__container {
    width: 960px;
    margin: 0 auto;
    text-align: center
}

#support .section__title {
    width: 328px;
    height: 82px;
    margin: 0 auto
}

#support .section__title svg {
    width: 100%;
    height: 100%
}

#support .support__list {
    font-size: 0;
    margin-top: 58px
}

#support .support__list .item__support {
    display: inline-block;
    width: 140px;
    margin-right: 10px;
    margin-left: 10px;
    vertical-align: top;
    pointer-events: visible
}

#support .support__list .item__support .support__link {
    display: block
}

#support .support__list .item__support .support__link .support__icon {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 130px;
    height: 130px;
    margin: 0 auto;
    padding-top: 22px;
    text-align: center
}

#support .support__list .item__support .support__link .support__icon:before {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    -o-transition: transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1), -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    -webkit-border-radius: 50%;
    border-radius: 50%
}

#support .support__list .item__support .support__link .support__icon .arrow,
#support .support__list .item__support .support__link .support__icon .icon,
#support .support__list .item__support .support__link .support__icon .text {
    line-height: 0;
    position: relative;
    display: block;
    margin: 0 auto
}

#support .support__list .item__support .support__link .support__icon .arrow img,
#support .support__list .item__support .support__link .support__icon .icon img,
#support .support__list .item__support .support__link .support__icon .text img {
    width: 100%
}

#support .support__list .item__support .support__link .support__icon .icon {
    width: 30px;
    height: 27px
}

#support .support__list .item__support .support__link .support__icon .text {
    width: 100px;
    margin: 18px auto
}

#support .support__list .item__support .support__link .support__icon .arrow {
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 6px;
    height: 8px;
    margin-left: -3px
}

/*#support .support__list .item__support .support__link .support__text {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    display: block;
    margin-top: 10px;
    text-align: center
}*/
#support .support__list .item__support .support__link .support__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    display: block;
    margin-top: 10px;
    text-align: center;color: #000;
   
}
html.no-touchevents #support .support__list .item__support:hover .support__icon:before {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#support .support__list .item__support.shop {
    margin-top: 30px
}

#support .support__list .item__support.shop .support__icon:before {
    background-color: #e60012
}

#support .support__list .item__support.manual {
    margin-top: 10px
}

#support .support__list .item__support.manual .support__icon:before {
    background-color: #00639a
}

#support .support__list .item__support.repair {
    margin-top: 0
}

#support .support__list .item__support.repair .support__icon:before {
    background-color: #35b1b4
}

#support .support__list .item__support.qa {
    margin-top: 0
}

#support .support__list .item__support.qa .support__icon:before {
    background-color: #f5a500
}

#support .support__list .item__support.info {
    margin-top: 10px
}

#support .support__list .item__support.info .support__icon:before {
    background-color: #e4007f
}

#support .support__list .item__support.single_tire {
    margin-top: 30px
}

#support .support__list .item__support.single_tire .support__icon:before {
    background-color: #00acef
}

#support .support__list .item__support.single_tire .support__icon .text {
    margin-top: 14px
}




@media screen and (max-width:736px) {
    #bingle__header {
        min-width: 100%;
        height: 50px
    }

    .header__logo.logo__pigeon {
        top: 14px;
        left: 14px;
        width: 62px;
        height: 20px
    }

    .header__logo.logo__ht {
        top: 18px;
        right: auto;
        left: 90px;
        width: 92px
    }

    .header__nav__icon {
        position: absolute;
        top: 16px;
        right: 16px;
        display: block;
        width: 25px;
        height: 20px;
        cursor: pointer
    }

    .header__nav__icon span {
        position: absolute;
        left: 0;
        display: block;
        width: 25px;
        height: 4px;
        -webkit-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;
        background-color: #e60012
    }

    .header__nav__icon span:nth-child(1) {
        top: 0
    }

    .header__nav__icon span:nth-child(2) {
        top: 8px
    }

    .header__nav__icon span:nth-child(3) {
        top: 16px
    }

    #bingle__header.open .header__nav__icon span:nth-child(1) {
        top: 8px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    #bingle__header.open .header__nav__icon span:nth-child(2) {
        opacity: 0
    }

    #bingle__header.open .header__nav__icon span:nth-child(3) {
        top: 8px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .header__nav {
        position: absolute;
        top: 50px;
        left: 0;
        display: none;
        overflow: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding-bottom: 50px;
        background-color: rgba(255, 255, 255, .9);
        -webkit-overflow-scrolling: touch
    }

    .header__nav__list .item__nav {
        display: block;
        height: auto;
        margin: 0;
        text-align: center
    }

    .header__nav__list .item__nav:first-child {
        margin-left: 0
    }

    .header__nav__list .item__nav:nth-child(1) svg {
        width: 36px;
        height: 21px
    }

    .header__nav__list .item__nav:nth-child(2) svg {
        width: 66px;
        height: 18px
    }

    .header__nav__list .item__nav:nth-child(3) svg {
        width: 80px;
        height: 18px
    }

    .header__nav__list .item__nav:nth-child(4) svg {
        width: 86px;
        height: 17px
    }

    .header__nav__list .item__nav:nth-child(5) svg {
        width: 55px;
        height: 18px
    }

    .header__nav__list .item__nav:nth-child(6) svg {
        width: 49px;
        height: 21px
    }

    .header__nav__list .item__nav:nth-child(7) svg {
        width: 60px;
        height: 16px
    }

    .header__nav__list .item__nav:nth-child(8) svg {
        width: 84px;
        height: 21px
    }

    .header__nav__list .item__nav a {
        padding: 15px 0;
        text-align: center
    }

    .header__nav__list .item__nav a svg {
        display: inline
    }

    #bingle__footer {
        padding: 30px 0 60px
    }

    #bingle__footer .footer__sns__list .item__sns img {
        height: 15px
    }

    #bingle__footer .footer__copyright {
        margin-top: 25px
    }

    #bingle__footer .footer__copyright img {
        height: 8px
    }

    body {
        overflow-x: visible;
        min-width: 100%
    }

    br.pc {
        display: none
    }

    br.sp {
        display: inline
    }

    #contents {
        overflow: hidden
    }

    /*.section__description {
        font-size: 1.2rem;
        line-height: 2
    }*/

    .section__description {
        font-size: 1rem;
        line-height: 1.5
    }

    #page__container {
        top: 0;
        visibility: hidden
    }

    #page__container {
        min-width: 100%
    }

    .section {
        overflow: visible;
        min-width: auto
    }

    .bg__layer {
        z-index: 5;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .bg__layer .bg__cover {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        content: '';
        background-color: #fff
    }

    .ambassador__nav {
        display: none
    }

    #fixBottom {
        right: 10px;
        bottom: 10px;
        width: 175px
    }

    #btnShopList {
        width: 130px;
        padding-top: 14px
    }

    #btnShopList .btnShopList__icon {
        width: 10px;
        height: 14px
    }

    #btnShopList .btnShopList__text {
        width: 56px;
        height: 12px
    }

    .modal__contents .modal__movie {
        width: 90%;
        height: auto;
        margin: -28% 0 0 -45%;
        padding-top: 50.625%
    }

    .modal__contents .modal__youtube {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .modal__contents .modal__youtube iframe {
        width: 100%;
        height: 100%
    }

    .modal__contents .modal__close {
        top: -30px;
        width: 20px;
        height: 20px
    }

    #main__container {
        position: relative;
        padding-top: 15px
    }

    .main__movie video {
        display: none
    }

    .main__movie img.show {
        display: none
    }

    #main {
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 100%;
        padding-bottom: 40px
    }

    #main {
        width: 290px;
        margin: 0 auto
    }

    #main .notice_bingle {
        width: 100%
    }

    #main .main__copy {
        top: 145px;
        width: 170px;
        height: 49px;
        margin: 0 0 0 -85px
    }

 /*   #main .main__copy.move {
        top: 184px;
        right: 25px;
        left: auto;
        margin: 0
    }*/

    #main .main__copy.move {
        top: 150px;
        right: 25px;
        left: auto;
        margin: 0
    }

  #main .main__copy .copy__parts svg {
        width: 100%;
        height: 100%
    }

    #main .main__copy .copy__parts.line1 {
        width: 170px;
        height: 18px;
        margin-bottom: 10px;
        margin-left: 0
    }

    #main .main__copy .copy__parts.line2 {
        width: 170px;
        height: 18px
    }
    #main .main__copy .copy__parts.line3 {
        font-size: 14px;
        line-height: 3;
    }

    #main .main__title {
        position: relative;
        top: 0;
        left: 0;
        width: 250px;
        height: 111px;
        margin: 0 auto
    }

    #main .main__item.main__gdlogo {
        top: auto;
        bottom: 0;
        left: 0;
        width: 135px;
        margin-left: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0)
    }

    #main .main__image {
        position: relative;
        top: auto;
        left: auto;
        width: 600px;
        height: 280px;
        margin: 20px 0 0 -50px
    }

    #main .main__release-date {
        position: relative;
        top: auto;
        left: auto;
        width: 162px;
        height: 25px;
        margin: 0 auto 10px
    }

    #main .main__scroll {
        display: none
    }

    #main .main__campaign__link {
        top: 240px;
        right: 11px;
        left: auto;
        width: 94px;
        height: 94px;
        margin: 0;
        padding-top: 0
    }

    #main .main__campaign__link:before {
        width: 94px;
        height: 94px
    }

    #main .main__campaign__link:after {
        top: 6px;
        left: 6px;
        width: 82px;
        height: 82px
    }

    #main .main__campaign__link .main__campaign__link_wrapper:before {
        top: 0;
        right: -8px;
        width: 31px;
        height: 31px;
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        background-size: contain
    }

    #main .main__campaign__link .campaign__link__container {
        padding-top: 16px
    }

    #main .main__campaign__link .campaign__image img {
        width: 62px
    }

    #main .main__campaign__link .campaign__title {
        width: 74px;
        height: 50px;
        margin-top: 0;
        -webkit-background-size: contain;
        background-size: contain
    }

    #main .main__campaign__link .campaign__text__container {
        width: 94px;
        height: 20px;
        padding-top: 3px
    }

    #main .main__campaign__link .campaign__text__container .campaign__text {
        width: 32px;
        height: 11px;
        -webkit-background-size: contain;
        background-size: contain
    }

    #main .main__campaign__link .campaign__text__container .campaign__arrow {
        right: 33px;
        bottom: 19px;
        width: 4px;
        height: 5px
    }

    #main .main__campaign__link .campaign__text__container .campaign__arrow svg {
        width: 4px;
        height: 5px
    }

    #about {
        padding-top: 80px
    }

    #about .about .section__container {
        width: 320px;
        margin:0 auto;
    }

    #about .about__first {
        height: 550px;
        margin-bottom: 60px;
        padding-top: 80px
    }

    #about .about__first .section__bg {
        top: 50px;
        width: 534px;
        height: 400px;
        margin-left: -267px
    }

    #about .about__first .section__title {
        width: 178px;
        height: 47px
    }

    #about .about__first .about__nav__list {
        font-size: 0;
        display: block;
        width: 288px;
        margin: 10px auto 0;
        text-align: center
    }

    #about .about__first .about__nav__list .item__nav {
        display: inline-block;
        width: 120px;
        height: 120px;
        margin: 0 12px
    }

    #about .about__first .about__nav__list .item__nav a {
        padding-top: 27px
    }

    #about .about__first .about__nav__list .item__nav a:after {
        border: 6px solid rgba(255, 255, 255, .1)
    }

    #about .about__first .about__nav__list .item__nav a .nav__text {
        width: 96px;
        height: 49px
    }

    #about .about__first .about__nav__list .item__nav a .nav__icon {
        bottom: -5px;
        height: 40px;
        padding-top: 6px
    }

    #about .about__first .about__nav__list .item__nav a .nav__icon .nav__click {
        width: 25px;
        height: 9px;
        margin-bottom: 4px;
        -webkit-background-size: contain;
        background-size: contain
    }

    #about .about__first .about__nav__list .item__nav a .nav__icon .nav__arrow {
        width: 4px;
        height: 3px
    }

    html.no-touchevents #about .about__first .about__nav__list .item__nav a:hover:after {
        border: 60px solid rgba(255, 255, 255, .1)
    }

    #about .about__first .about__nav__list .item__nav:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    #about .about__first .about__nav__list .item__nav:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    #about .about__first .about__nav__list .item__nav:nth-child(3) {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    #about .about__second {
        width: 280px;
        height: 1207px
    }

    #about .about__second .section__container {
        width: 240px;
        margin: 0 auto
    }

    #about .about__second .section__bg {
        width: 280px;
        height: 1207px;
        margin-left: -140px;
        background-image: url(../img/about_bg_2_sp.svg)
    }

   /* #about .about__second .section__title-sub .title__parts.line1 {
        width: 201px;
        height: 27px;
        margin-bottom: 15px
    }*/
        #about .about__second .section__title-sub .title__parts.line1 {
        width: 201px;
        height: 27px;
        margin-bottom: 8px
    }

    #about .about__second .section__title-sub .title__parts.line2 {
        width: 165px;
        height: 27px
    }

   /* #about .about__second .section__description.description2 {
        margin-top: 225px;
        margin-right: 15px;
        text-align: right
    }*/
        #about .about__second .section__description.description2 {
        margin-top: 225px;
        margin-right: 15px;
        text-align: left
    }

    #about .about__second .section__description.description3 {
        margin-top: 210px;
        margin-bottom: 60px;
        text-align: right
    }

    /*#about .about__second .section__description {
        font-size: 1.2rem;
        margin-top: 22px
    }*/

   #about .about__second .section__description {
        font-size: 1rem;
        margin-top: 22px
    }


   /* #about .about__second .section__description.description1 {
        margin-left: 10px;
    }*/
        #about .about__second .section__description.description1 {
        margin-left: 0px;
    }

    #about .about__second .about__image img {
        width: 100%
    }

   /*  #about .about__second .about__image.image1 {
        top: 595px;
        left: -26px;
        width: 205px;
        height: 316px
    }*/
    #about .about__second .about__image.image1 {
        top: 555px;
        left: -26px;
        width: 205px;
        height: 316px
    }
   /* #about .about__second .about__image.image2 {
        top: 260px;
        right: -28px;
        width: 220px;
        height: 309px
    }*/

     #about .about__second .about__image.image2 {
        top: 245px;
        right: -28px;
        width: 220px;
        height: 309px
    }

    #about .about__second .movie__container {
        width: 237px;
        margin-top: 30px
    }

    #about .about__second .movie__container .movie__title {
        width: 237px;
        height: 32px;
        margin-bottom: 20px
    }

    #about .about__second .movie__container .movie__button {
        width: 230px
    }

    #about .about__second .movie__container .movie__button .movie__thumbnail {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 230px;
        height: 130px;
        margin-bottom: 14px;
        padding-top: 40px;
        background: url(../img/about_movie_thumbnail.jpg) no-repeat center;
        -webkit-background-size: cover;
        background-size: cover
    }

    #about .about__second .movie__container .movie__button .movie__icon {
        width: 50px;
        height: 50px;
        margin-bottom: 0
    }

    #about .about__second .movie__container .movie__button .movie__icon img {
        width: 14px;
        height: 14px
    }

    #about .about__second .movie__container .movie__button .movie__title-sub {
        width: 167px;
        height: 23px;
        margin: 0 auto
    }

    #single_tire {
        height: 1088px;
        margin: 0 0 120px;
        padding-top: 60px
    }

    #single_tire .section__bg {
        top: 60px;
        width: 750px;
        height: 1108px;
        margin-left: -375px;
        background-image: url(../img/single_tire_bg_sp.svg);
        background-size: cover;
    }

    #single_tire .section__container {
        width: 280px;
        padding-top: 70px
    }

    #single_tire .section__title {
        width: 100%;
        margin-left: -4px
    }

    #single_tire .section__title-sub {
        margin-top: 12px
    }

  /*  #single_tire .section__title-sub .title__parts.line1 {
        width: 180px;
        height: 19px;
        margin-bottom: 10px
    }

    #single_tire .section__title-sub .title__parts.line2 {
        width: 160px;
        height: 19px
    }*/

        #single_tire .section__title-sub .title__parts.line1 {
        width: 284px;
        height: 30px;
        margin-bottom: 8px
    }

    #single_tire .section__title-sub .title__parts.line2 {
        width: 253px;
        height: 30px
    }

    #single_tire .section__description {
        margin: 15px 0
    }

    #single_tire .single_tire__image {
        display: none;
        top: 3px;
        right: -19px;
        width: 113px;
        height: 232px;
        background-image: url(../img/single_tire_image_2_sp.png);
        -webkit-background-size: contain;
        background-size: contain
    }

   /* #single_tire .single_tire__point__list {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 28px
    }*/
    #single_tire .single_tire__point__list {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 15px
    }
    #single_tire .single_tire__point__list .item__point {
        margin-bottom: 5px
    }

    #single_tire .single_tire__point__list .item__point .point__icon {
        width: 120px;
        height: 40px
    }

    #single_tire .single_tire__point__list .item__point .point__icon img {
        width: 100px;
        margin: auto 0;
    }

   /* #single_tire .single_tire__point__list .item__point .point__description {
        font-size: 1.6rem
    }*/
    #single_tire .single_tire__point__list .item__point .point__description {
        font-size: 1.1rem
    }
    /*#single_tire .single_tire__point__list .item__point .point__description small {
        font-size: 1.1rem
    }*/

    #single_tire .single_tire__point__list .item__point .point__description small {
        font-size: 1rem
    }

    #single_tire .single_tire__point__list .item__point:nth-child(1) {
        margin-left: 0
    }
    #single_tire .single_tire__point__list .item__point:nth-child(2) {
        margin-left: 15px
    }
    #single_tire .single_tire__point__list .item__point:nth-child(3) {
        margin-left: 40px
    }
    #single_tire .single_tire__point__list .item__point:nth-child(4) {
        margin-left: 65px
    }

    #single_tire .single_tire__link {
        width: 230px;
        margin: 0 0 auto auto;
        margin-left: -8px
    }

    #single_tire .single_tire__link .link__image1 {
        width: 132px;
        height: 40px;
        background-image: url(../img/single_tire_image_1.png);
        -webkit-background-size: contain;
        background-size: contain
    }

    #single_tire .single_tire__link .link__image2 {
        width: 50px;
        height: 50px;
        margin-left: -4px
    }

    #single_tire .single_tire__link .link__image2 .link__image__description {
        width: 30px;
        height: 30px;
        background-image: url(../img/single_tire_link_sp.png);
        -webkit-background-size: contain;
        background-size: contain
    }
    #single_tire .single_tire__newball{display: inline-block;}
    #single_tire .single_tire__newball img {
        max-width: 100%;
        margin-top: 10px;
    }

    #weight {
        height: 576px;
        margin-bottom: 50px;
        padding-top: 50px
    }

    #weight .section__bg {
        top: 50px;
        width: 750px;
        height: 576px;
        margin-left: -375px;
        background-image: url(../img/weight_bg_sp.svg)
    }

    #weight .section__container {
        width: 290px;
        padding-top: 67px;
        padding-left: 4px
    }

    #weight .section__title {
        width: 165px;
        height: 65px
    }

    #weight .section__title-sub {
        margin: 15px 0 12px
    }

   /* #weight .section__title-sub .title__parts.line1 {
        width: 66px;
        height: 21px;
        margin-bottom: 8px
    }

    #weight .section__title-sub .title__parts.line2 {
        width: 193px;
        height: 21px
    }*/
        #weight .section__title-sub .title__parts.line1 {
        width: 85px;
        height: 27px;
        margin-bottom: 8px
    }

    #weight .section__title-sub .title__parts.line2 {
        width: 248px;
        height: 27px
    }

    #weight .section__description {
        line-height: 1.93
    }

    #weight .weight__image.image2 {
        top: 325px;
        right: auto;
        left: 50%;
        width: 200px;
        height: 200px;
        margin-left: -100px
    }

    #weight .weight__image.image2 img {
        width: 100%
    }

    /*#weight .weight__image.image2 figcaption {
        top: -15px;
        left: 29px;
        width: 136px;
        height: 32px;
        background-image: url(../img/weight_text_1_sp.png);
        -webkit-background-size: contain;
        background-size: contain
    }*/
     #weight .weight__image.image2 figcaption {
        top: -22px;
        left: 0px;
        width: 200px;
        height: 62px;
        background-image: url(../img/weight_text_1_sp.png);
        -webkit-background-size: contain;
        background-size: contain
    }

    #compact {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 704px;
        padding-top: 62px
    }

    #compact .section__bg {
        width: 750px;
        height: 704px;
        margin-left: -375px;
        background-image: url(../img/compact_bg_sp.svg)
    }

    #compact .section__container {
        width: 290px
    }

    #compact .section__title {
        position: relative;
        top: auto;
        left: auto;
        width: 246px;
        height: 58px;
        margin: 0 auto
    }

    #compact .section__title-sub {
        position: relative;
        top: auto;
        left: auto;
        width: 147px;
        margin: 20px auto 35px
    }

    /*#compact .section__title-sub .title__parts.line1 {
        width: 126px;
        height: 21px;
        margin-bottom: 5px
    }

    #compact .section__title-sub .title__parts.line2 {
        width: 147px;
        height: 21px
    }*/

        #compact .section__title-sub .title__parts.line1 {
        width: 162px;
        height: 27px;
        margin-bottom: 5px
    }

    #compact .section__title-sub .title__parts.line2 {
        width: 189px;
        height: 27px
    }

    #compact .compact__image {
        position: relative
    }

    #compact .compact__image.image1 {
        top: auto;
        left: auto;
        width: 200px;
        height: 200px;
        margin: 50px auto 0
    }

    /*#compact .compact__image.image1 figcaption {
        top: -17px;
        left: 21px;
        width: 159px;
        height: 41px;
        background-image: url(../img/compact_text_1_sp.png);
        -webkit-background-size: contain;
        background-size: contain
    }*/

        #compact .compact__image.image1 figcaption {
        top: -20px;
        left: -5px;
        width: 210px;
        height: 71px;
        background-image: url(../img/compact_text_1_sp.png);
        -webkit-background-size: contain;
        background-size: contain
    }

    #compact .compact__image.image2 {
        top: auto;
        right: auto;
        width: 210px;
        height: 259px;
        margin: 0 auto
    }

    #compact .compact__image.image2 img {
        width: 100%
    }

    #function {
        height: 1098px;
        margin-top: 100px;
        padding-top: 50px
    }

    #function .section__bg {
        top: 50px;
        width: 995px;
        height: 1098px;
        margin-left: -498px;
        background-image: url(../img/function_bg_sp.svg)
    }

    #function .section__container {
        width: 290px;
        padding-top: 51px
    }

    #function .section__title {
        width: 230px;
        height: 47px
    }

    #function .function__image {
        width: 160px;
        height: 250px;
        margin-top: 28px
    }

    #function .function__list {
        width: 290px
    }

    #function .function__list .item__function {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    #function .function__list .item__function .function__title {
        width: 140px;
        height: 140px;
        padding-top: 23px
    }

    #function .function__list .item__function .function__title img {
        height: 14px
    }

    /*#function .function__list .item__function .function__description {
        font-size: 1.2rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 150px;
        margin-top: 0;
        text-align: left;
        padding-top: 10px;
    }*/
    #function .function__list .item__function .function__description {
        font-size: 1rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 150px;
        margin-top: 0;
        text-align: left;
        padding-top: 10px;    line-height: 1.4;
    }

   /* #function .function__list .item__function.handle .function__description {
        padding-left: 10px
    }*/
    #function .function__list .item__function.handle .function__description {
        padding-left: 10px;
       text-align: left
    }

    #function .function__list .item__function.handle .function__title {
        background-image: url(../img/function_image_handle_sp.png)
    }

    #function .function__list .item__function.window .function__title {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    #function .function__list .item__function.window .function__description {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    #function .function__list .item__function.window .function__title {
        background-image: url(../img/function_image_window_sp.png)
    }

    #function .function__list .item__function.seat .function__description {
        padding-left: 10px
    }

    #function .function__list .item__function.seat .function__title {
        background-image: url(../img/function_image_seat_sp.png)
    }

    #function .function__list .item__function.basket .function__title {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    #function .function__list .item__function.basket .function__description {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    #function .function__list .item__function.basket .function__title {
        background-image: url(../img/function_image_basket_sp.png)
    }

    #color {
        height: 625px;
        padding: 0
    }

    #color .section__bg {
        top: 0;
        width: 750px;
        height: 625px;
        margin-left: -375px;
        background-image: url(../img/color_bg_sp.svg)
    }

    #color .section__container {
        width: 290px;
        height: 625px;
        padding-top: 110px
    }

    #color .section__title {
        position: relative;
        top: auto;
        left: auto;
        width: 150px;
        height: 48px;
        margin: 0 auto
    }

    #color .color__text__list {
        top: 194px;
        left: 0
    }

    #color .color__text__list .item__text {
        padding: 5px 0;
        -webkit-transition: padding .2s cubic-bezier(.39, .575, .565, 1);
        -o-transition: padding .2s cubic-bezier(.39, .575, .565, 1);
        transition: padding .2s cubic-bezier(.39, .575, .565, 1)
    }

    #color .color__text__list .item__text .color__icon {
        width: 10px;
        height: 10px;
        margin-right: 8px;
        -webkit-transition: margin .2s cubic-bezier(.39, .575, .565, 1);
        -o-transition: margin .2s cubic-bezier(.39, .575, .565, 1);
        transition: margin .2s cubic-bezier(.39, .575, .565, 1)
    }

    #color .color__text__list .item__text .color__icon:after,
    #color .color__text__list .item__text .color__icon:before {
        width: 10px;
        height: 10px
    }

    #color .color__text__list .item__text .color__text {
        height: 12px
    }

    #color .color__text__list .item__text .color__text img {
        height: 12px
    }

    html.no-touchevents #color .color__text__list .item__text:hover .color__icon {
        margin-right: 3px
    }

    html.no-touchevents #color .color__text__list .item__text:hover .color__text {
        -webkit-transform: scale(1.3) translateX(3px);
        -ms-transform: scale(1.3) translateX(3px);
        transform: scale(1.3) translateX(3px)
    }

    #color .color__text__list .item__text.current .color__icon {
        margin-right: 3px
    }

    #color .color__text__list .item__text.current .color__text {
        -webkit-transform: scale(1.3) translateX(3px);
        -ms-transform: scale(1.3) translateX(3px);
        transform: scale(1.3) translateX(3px)
    }

    #color .color__text__list .item__text.current {
        padding: 12px 0
    }

    #color .color__nav {
        width: 17px;
        height: 20px
    }

    #color .color__nav.back {
        left: -10px
    }

    #color .color__nav.next {
        right: -10px
    }

    #color .color__image__list .item__image .color__image.yellow {
        left: 20px;
        width: 145px;
        margin-top: 0
    }

    #color .color__image__list .item__image .color__image.yellow:after {
        top: 59px;
        left: -4px;
        width: 49px;
        height: 49px;
        -webkit-background-size: contain;
        background-size: contain
    }

    #color .color__image__list .item__image .color__image.yellow .image__product {
        width: 156px;
        margin-top: 74px;
        margin-left: -17px
    }

    #color .color__image__list .item__image .color__image {
        top: 130px;
        left: 20px;
        width: 145px
    }

    #color .color__image__list .item__image .color__image .image__product {
        width: 100%
    }

    #color .color__image__list .item__image .color__image figcaption {
        position: absolute;
        top: 120px;
        left: 130px;
        width: 140px
    }

    #color .color__image__list .item__image .color__image .image__name.en {
        height: 16px;
        margin-top: 0
    }

    #color .color__image__list .item__image .color__image .image__name.en img {
        height: 16px
    }

    #color .color__image__list .item__image .color__image .image__name.ja {
        font-size: 1.1rem
    }

    #color .color__image__list .item__image .color__image .image__code {
        font-size: 1rem;
        margin-top: 6px
    }

    #color .color__image__list .item__image .color__angle {
        top: -10px;
        right: 8px;
        width: 175px;
        height: 240px
    }

    #color .color__image__list .item__image .angle__image__list {
        height: 210px
    }

    #color .color__image__list .item__image .angle__image__list .angle__image.back img,
    #color .color__image__list .item__image .angle__image__list .angle__image.front img {
        width: 95px
    }

    #color .color__image__list .item__image .angle__image__list .angle__image.left img,
    #color .color__image__list .item__image .angle__image__list .angle__image.right img {
        width: 175px
    }

    #color .color__image__list .item__image .angle__nav__list .angle__nav {
        width: 10px;
        height: 16px;
        padding: 8px
    }

    #color .color__image__list .item__image .angle__nav__list .angle__nav svg {
        width: 100%;
        height: 100%
    }

    #spec {
        height: 590px;
        padding-top: 0
    }

    #spec .section__bg {
        top: 0;
        width: 375px;
        height: 590px;
        margin-left: -182px;
        background-image: url(../img/spec_bg_sp.svg)
    }

    #spec .section__container {
        width: 290px;
        padding-top: 102px
    }

    #spec .section__title {
        width: 130px;
        height: 57px;
        margin: 0 auto
    }

    #spec .spec__list {
        width: 96%;
        margin-top: 25px;
        padding-left: 17px
    }

   /* #spec .spec__list .item__spec {
        font-size: 1.2rem;
        line-height: 1.95
    }*/
    #spec .spec__list .item__spec {
        font-size: 1rem;
        line-height: 1.5
    }
    #spec .spec__list .item__spec .spec__indent {
        padding-left: 0
    }

    #spec .spec__icon {
        width: 97px;
        height: 21px;
        margin-top: 15px;
        margin-left: 17px;
        background-image: url(../img/spec_icon_s_sp.png);
        -webkit-background-size: contain;
        background-size: contain
    }

    #spec .spec__image__list {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        margin-top: 28px;
        text-align: center;
        white-space: nowrap
    }

    #spec .spec__image__list .item__image.yellow {
        width: 79px;
        padding-top: 0
    }

    #spec .spec__image__list .item__image.yellow:after {
        top: -24px;
        left: 5px;
        width: 38px;
        height: 38px;
        -webkit-background-size: contain;
        background-size: contain
    }

    #spec .spec__image__list .item__image {
        width: 66px;
        margin-right: 0
    }

    #spec .spec__image__list .item__image img {
        width: 100%
    }

    #award {
        height: 880px;
        margin-top: 60px;
        padding-top: 60px
    }

    #award .section__bg {
        top: 50px;
        width: 750px;
        height: 880px;
        margin-left: -375px;
        background-image: url(../img/award_bg_sp.svg)
    }

    #award .section__container {
        width: 290px;
        padding-top: 106px
    }

    #award .section__title {
        width: 197px;
        height: 46px
    }

    #award .award__conts {
        margin-bottom: 15px
    }

    #award .award__conts .conts__image {
        float: none;
        width: 140px;
        margin: 0 auto
    }

    #award .award__conts .conts__text {
        float: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 0 18px
    }

    #award .award__conts .conts__text h3 {
        margin: 28px 0 20px 0;
        text-align: center
    }

    #award .award__conts .conts__text h3 img {
        width: 111px
    }


/*    #award .award__conts .conts__text p {
        font-size: 12px;
        line-height: 1.9
    }*/

    #award .award__conts .conts__text p {
        font-size: 13px;
        line-height: 1.9
    }
    #award .award__conts .conts__text p br.pc {
        display: none
    }

    #award .award__notice {
        font-size: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 18px;
        text-align: left
    }

    #award .award__notice br {
        display: none
    }

    #shoplist {
        height: 295px;
        margin-top: 60px;
        margin-bottom: -40px;
        padding-top: 62px;
        background-image: url(../img/shoplist_bg_sp.png);
        -webkit-background-size: 750px 295px;
        background-size: 750px 295px
    }

    #shoplist .section__container {
        width: 280px
    }

    #shoplist .section__title {
        width: 255px;
        height: 60px;
        margin-bottom: 30px
    }

    #shoplist .shoplist__link {
        width: 250px;
        height: 50px;
        padding-top: 17px
    }

    #shoplist .shoplist__link:before {
        -webkit-border-radius: 25px;
        border-radius: 25px
    }

    #shoplist .shoplist__link .link__text {
        font-size: 1.5rem
    }

    #shoplist .shoplist__link .link__arrow {
        line-height: 0;
        display: block;
        width: 6px;
        height: 8px;
        margin-top: -4px
    }

    #shoplist .shoplist__link .link__arrow img {
        width: 100%
    }

    #news__support {
        min-width: 100%;
        height: 820px;
        margin-bottom: -50px
    }

    #news__support .section__bg {
        width: 750px;
        height: 820px;
        margin-left: -375px;
        background-image: url(../img/bottom_bg_sp.svg)
    }

    #news {
        padding-top: 60px;
        padding-bottom: 0
    }

    #news .section__container {
        width: 320px
    }

    #news .section__title {
        width: 162px;
        height: 44px;
        margin-bottom: 30px
    }

    #news .news__list__container {
        position: relative;
        overflow: hidden;
        width: 250px;
        height: 165px;
        margin: 0 auto
    }

    #news .news__list {
        position: relative
    }

    #news .news__list .item__news {
        font-size: 1.2rem;
        width: 350px;
        height: 165px;
        margin: auto;
        padding: 18px
    }

    #news .news__list .item__news .news__link {
        padding: 18px
    }

    #news .news__list .item__news .news__link .news__more {
        width: 27px;
        height: 8px
    }

    #news .news__list .item__news .news__link .news__arrow {
        width: 3px;
        height: 5px;
        margin-left: 3px
    }

    #news .news__nav {
        line-height: 0;
        position: absolute;
        z-index: 5;
        top: 145px;
        display: block;
        width: 17px;
        height: 20px;
        cursor: pointer;
        pointer-events: visible
    }

    #news .news__nav img {
        opacity: 1
    }

    #news .news__nav.deactive img {
        opacity: .3
    }
    #news .news__list__container {
        width: 100%;
        height: auto;
    }
    #news .news__bnr .item__bnr {
        width: 100%;
        height: auto;
        padding: 0;
    }
    .bnr_pc {display: none;}
    .bnr_sp{display:block;}
    #news .news__bnr .item__bnr img {
        width: 100%;
    }

    #support {
        padding-top: 70px
    }

    #support .section__container {
        width: 290px
    }

    #support .section__title {
        width: 230px;
        height: 57px
    }

    #support .support__list {
        margin-top: 30px
    }

    #support .support__list .item__support {
        width: 96px;
        margin-right: 0;
        margin-left: 0
    }

    #support .support__list .item__support .support__link .support__icon {
        width: 80px;
        height: 80px;
        padding-top: 12px
    }

    #support .support__list .item__support .support__link .support__icon .icon {
        width: 22px;
        height: 20px
    }

    #support .support__list .item__support .support__link .support__icon .text {
        width: 70px;
        margin: 8px auto
    }

    #support .support__list .item__support .support__link .support__icon .arrow {
        bottom: 12px;
        width: 4px;
        height: 6px;
        margin-left: -2px
    }

   /* #support .support__list .item__support .support__link .support__text {
        font-size: 1.1rem
    }*/

    #support .support__list .item__support .support__link .support__text {
        font-size: 1rem;
        line-height: 1.4;
        font-weight: 500;
    }

    #support .support__list .item__support.manual {
        margin-top: 10px
    }

    #support .support__list .item__support.repair {
        margin-top: 30px
    }

    #support .support__list .item__support.qa {
        margin-top: 30px
    }

    #support .support__list .item__support.info {
        margin-top: 10px
    }

    #support .support__list .item__support.single_tire {
        margin-top: 30px
    }

/*new*/
#about .about__first .section__description {
    margin-top: 10px;
    text-align: center
}



}

@-webkit-keyframes scroll-animation {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    15% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }

    30% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    45% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }

    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes scroll-animation {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    15% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }

    30% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    45% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }

    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}</pre></body></html>