@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700&display=swap);body{margin:0}#app{font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1311;letter-spacing:2px}p{line-height:2}.contents__menu{width:245px;height:100vh;background:#f5f5f5;background:linear-gradient(235deg,#fff 10%,#a0a0a0);position:fixed;top:0;left:0;overflow-y:auto;overflow-x:hidden}.contents__main{width:calc(100% - 245px);margin-left:245px;position:relative}.contents__main:before{content:"";position:fixed;width:calc(100% - 245px);height:100vh;z-index:0;top:0;right:0;background-image:url(/img/about-back.png);background-repeat:no-repeat;background-position:right 20px bottom 35px;z-index:-1}@media(min-width:1050px){.contents__main:before{background-attachment:fixed}}.contents__main:after{content:"";position:fixed;top:0;right:0;background:#fff;background:radial-gradient(circle,#f5f5f5 29%,#ccc 100%);display:block;width:calc(100% - 245px);height:100vh;z-index:-2}.sidebar{display:flex;flex-flow:column}.sidebar a{color:#1a1311;text-decoration:none;text-align:center}.sidebar__logo{display:block;margin:20px auto 30px}.sidebar__item{border:1px solid #ccc;padding:10px;display:flex;justify-content:center;align-items:center;width:200px;height:60px;margin:0 10px 15px}.sidebar__item--contents{display:flex;flex-direction:column}.sidebar__sns{display:flex;align-items:center;width:125px;justify-content:space-between;margin:0 auto}.sidebar__sns a{margin-top:1em}@media(max-height:767px){.sidebar__item{height:50px}.sidebar__item .icon{height:22px}}.icon{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor;margin:0 auto;margin-bottom:10px;height:32px;width:210px}.icon.icon-mfj-riding{width:200px}.icon.icon-facebook,.icon.icon-twitter{width:15px;height:15px}.icon.icon-youtube{width:60px;height:15px}.top{background:#1a1311;display:flex;position:relative;margin-bottom:120px}.top__mark{position:absolute;left:20px;top:20px}.top__title{color:#fff;margin-top:0;margin-bottom:0;padding-top:27px;padding-bottom:27px;margin-left:200px;font-family:serif;font-size:36px}.top__en{position:absolute;right:10px;top:100%;font-size:7.2vw;color:#cb0010;font-weight:700;font-family:serif;margin:0;line-height:1;text-align:right}@media(min-width:1250px){.top__en{font-size:90px}}.wrap{padding:30px}.v-enter-active,.v-leave-active{transition:opacity .5s}.v-enter,.v-leave-to{opacity:0;transition:.5s}.checker{position:absolute;margin:0;width:20%;min-width:150px;height:100%;background:linear-gradient(45deg,#1a1311 25%,transparent 0,transparent 75%,#1a1311 0),linear-gradient(45deg,#1a1311 25%,transparent 0,transparent 75%,#1a1311 0);background-size:72px 72px;background-position:36px 0,0 36px;background-color:#ddd;top:0;right:0;border:none}.magazine-link{display:block;margin-top:40px}.copy-right{position:fixed;bottom:10px;right:10px;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;font-size:10px;z-index:2}.small{font-size:.8em;letter-spacing:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ddd;box-shadow:1px 1px 1px hsla(0,0%,100%,.1)}::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:2px}@media(max-width:1023px){.contents__menu{left:-250px;z-index:2;transition:.5s}.contents__menu.active{left:0}.contents__main{width:100%;margin-left:0}.contents__main:after,.contents__main:before{width:100%}.top{background:linear-gradient(90deg,#1a1311,#1a1311 50%,transparent 0,transparent);margin-bottom:20px}.top__mark{display:none}.top__title{margin-left:80px;font-size:24px;background:#1a1411;padding:11px 0;width:calc(100% - 150px)}.checker{background:linear-gradient(45deg,#1a1311 25%,transparent 0,transparent 75%,#1a1311 0),linear-gradient(45deg,#1a1311 25%,transparent 0,transparent 75%,#1a1311 0);background-size:40px 40px;background-position:0 0,20px 20px;z-index:-1}}@media(max-width:767px){.top__en{font-size:11vw;right:0}.copy-right{right:0}.contents__main:before{background-position:right 0 top 200px;background-size:contain}}.menu-btn{position:fixed;top:0;left:0;z-index:2;border:none;color:#a38712;background:#1a1411;padding:4px 20px;font-family:Barlow Condensed,sans-serif;letter-spacing:3px;text-align:center}.menu-btn img{display:block;width:36px;margin:0 auto}@media(min-width:1024px){.menu-btn{display:none}}.archive-text{text-align:center;margin-top:145px}.archive-select{text-align:center;font-size:40px}.archive-select input[type=number]{font-family:Barlow Condensed,sans-serif;font-size:60px;width:215px;text-align:center;margin-right:10px;letter-spacing:5px}.archive-show{padding:20px;background:#fff;margin-left:45px;margin-right:60px;margin-bottom:60px}.archive-show__title{display:flex;margin-left:5px}.archive-show__title .icon{margin-right:10px;margin-left:0}.archive-show__items{list-style:none;display:flex;padding:0;flex-wrap:wrap}.archive-show__items li{margin-left:5px;margin-right:5px}@media(max-width:767px){.archive-text{text-align:left;padding:0 20px}.archive-show{margin:0 20px 40px}.archive-show__items li{margin:0 10px 15px}.archive-show__items img{width:72px}}.history{display:flex;justify-content:space-between}.history__head{cursor:pointer;width:140px;border:none;background:transparent;padding:0;display:flex;align-items:flex-start;position:relative;padding-bottom:30px}.history__head:after{content:"";display:block;width:5px;height:100%;background:#cb0510;position:absolute;top:0;left:calc(50% - 2.5px)}.history__head--circle{display:flex;align-items:center;justify-content:center;width:140px;height:140px;border-radius:50%;background:#cb0510;color:#fff;font-weight:700;font-family:Barlow Condensed,sans-serif;font-size:30px;letter-spacing:2px;position:relative;z-index:1}.history__content{width:calc(100% - 170px)}.history__content--box{margin-bottom:30px}.wrap .history:last-child .history__head{padding:0}.year-list__trigger{background:#fff;cursor:pointer;width:320px;max-width:100%;border:none;text-align:left;padding:20px;font-family:serif;font-size:25px;position:relative;font-weight:700}.year-list__trigger:before{color:#cb0510;position:absolute;content:"+";font-size:2em;line-height:1;display:block;top:10px;right:20px;transition:.5s}.year-list__trigger--sub{font-size:.6em;opacity:.4;display:inline-block;margin-left:10px;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}.year-list__trigger.active{width:100%}.year-list__trigger.active:before{content:"-";transform:scaleX(2)}.year-list__content{background:#fff;padding:10px 20px;position:relative;z-index:1}.year-list__content--text{margin:-10px 0 0;padding-left:30px}.year-list__content--title{font-family:Barlow Condensed,sans-serif;font-size:20px;margin:20px 0 0;display:flex;align-items:center}.year-list__content--title svg{margin:0 10px 0 0}.lookBook{list-style:none;display:flex;flex-wrap:wrap;margin:10px 0;padding:0}.lookBook li{margin:0 20px 20px 0}.lookBook a{display:block}.lookBook img{display:block;box-shadow:10px 10px 10px -5px #aaa}.loader{align-items:center;background:#000;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.loader img{position:absolute;top:calc(50% - 75px);left:calc(50% - 90px)}.loader__01{opacity:0;-webkit-animation:fadeIn 2s ease 0s 1 forwards;animation:fadeIn 2s ease 0s 1 forwards}.loader__02{opacity:0;-webkit-animation:fadeIn2 2s ease .6s 1 forwards;animation:fadeIn2 2s ease .6s 1 forwards}.loader__03{opacity:0;-webkit-animation:fadeIn 2s ease 1.2s 1 forwards;animation:fadeIn 2s ease 1.2s 1 forwards}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn2{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn2{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.history__head{width:70px}.history__head--circle{width:70px;height:70px;font-size:18px}.history__content{width:calc(100% - 80px)}.year-list__trigger{font-size:18px;margin-bottom:-5px}.lookBook li{margin:0 10px 15px}.lookBook img{width:72px}.year-list__content--text{padding-left:1em}}.scroll-zone{overflow-y:hidden;overflow-x:auto}.tab-wrap{display:flex;padding:0 10px;min-width:1150px}.tab-button{padding:6px 10px;border:none;cursor:pointer;background:transparent;border-bottom:1px solid #aaa;width:10%}.tab-button.active{border:1px solid #aaa;border-bottom:none;background:transparent}.tab-button:hover{background:#cb0010}.champion-wrap{margin-top:50px;padding:0 50px}.champion-container{position:relative;min-height:170px}.history__head.center{position:absolute;top:0;left:calc(50% - 70px);height:100%}.champion-label{font-family:serif;text-align:center}.champions{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:120px}.champions__sec{width:calc(50% - 120px);background:#fff;margin-bottom:20px;padding:20px}.champions__sec:nth-child(odd){margin-top:-60px;margin-bottom:80px}.champions__sec ul{padding:0;margin:0}.champions__sec li{display:block}.year-title{font-family:serif;font-size:25px;position:relative;font-weight:700;margin:0}.year-title__sub{font-size:.6em;opacity:.4;display:inline-block;margin-left:10px;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}@media(max-width:1023px){.scroll-zone{margin-top:60px}.champion-wrap{padding:0 20px}.champion-container{display:flex;justify-content:space-between}.history__head.center{position:relative;top:0;left:0;height:auto}.champions{display:block;padding:0;width:calc(100% - 80px)}.champions__sec{width:100%;box-sizing:border-box}.champions__sec:nth-child(odd){margin:0 0 20px}.champions__sec li{font-size:14px}.year-title{font-size:18px}.champion-label{text-align:left}}.container{margin:0 auto;max-width:500px;display:flex;justify-content:center;align-items:center;text-align:center}.container .carousel{width:100%}.carousel__slide{padding:10px;min-height:200px;width:100%;display:flex;justify-content:center;align-items:center}.carousel__next,.carousel__prev{box-sizing:content-box;background:transparent;width:38px;height:38px;border-style:solid;border-radius:0}.carousel__next svg,.carousel__prev svg{display:none}.carousel__prev{border-color:#4376a2 transparent transparent #4376a2;border-width:3px 0 0 3px;transform:rotate(-45deg) translateY(-50%);left:36px}.carousel__next{border-color:#4376a2 #4376a2 transparent transparent;border-width:3px 3px 0 0;transform:rotate(45deg) translateY(-50%);right:36px}.history1 figure{margin:0}.history1 figcaption{font-size:12px;margin-top:10px}.history1 .column{display:flex;justify-content:flex-start}.history1 .column>*{width:48%}.history1 .column>:first-child{margin-right:2%}@media(max-width:1200px){.history1 .column{display:block}.history1 .column>*{width:100%}.history1 .column>:first-child{margin-right:0;margin-bottom:20px}}.history1 .content1>p{width:auto}.history1 .content1>figure{max-width:240px;flex:0 0 auto;width:100%;padding:15px;border:1px solid #ccc}.history1 .content2{background:url(/img/about-1960-back01.jpg) 50%/cover no-repeat}.history1 .content3{display:flex;align-items:flex-start;margin-bottom:30px}.history1 .content3 h3{margin-top:40px;margin-bottom:10px}.history1 .content3__image{margin-left:20px;margin-right:0;padding:20px;border:1px solid #dadada}.history1 .content3__image img{width:240px}.history1 .content3__image figcaption{font-size:12px}.history1 .content3 .column{align-items:flex-start}.history1 .content3 .column>*{width:auto}.history1 .content3 .column p{margin:0 0 10px}.history1 .content3 .column figure{max-width:240px;flex:1 0 auto;width:100%;border:1px solid #ccc;padding:15px}.history1 .content4 img{margin-right:30px}.history1 .content5{background:url(/img/about-1960_04.jpg) 50%/cover no-repeat}.history1 .content5 .img-content__wrap{flex-wrap:nowrap}.history2 figure{margin:0;padding:0}.history2 figcaption{font-size:12px;margin-top:10px}.history2 .content2{background:url(/img/about-1970_01_back.jpg) 50%/cover no-repeat}.history2 .column{display:flex;justify-content:flex-start}.history2 .column>*{width:48%}.history2 .column>:first-child{margin-right:2%}@media(max-width:1200px){.history2 .column{display:block}.history2 .column>*{width:100%}.history2 .column>:first-child{margin-right:0;margin-bottom:20px}}.history2 .content2{margin:40px 0}.history2 .content3 h3{margin:30px 0 0}.history2 .content3 .img-wrapper{display:flex;justify-content:space-between;margin:20px 0}.history2 .content3 .img-wrapper figure{width:auto;padding:15px;border:1px solid #ccc;text-align:center}.history2 .content3 .img-wrapper figure:first-child{margin-right:20px}@media(max-width:900px){.history2 .content3 .img-wrapper{display:block}.history2 .content3 .img-wrapper figure{margin:0 0 15px;width:100%}}.history2 .content3 figcaption{text-align:left}.history2 .content4{margin:40px auto}.history2 .content4 h3{margin-bottom:15px}.history2 .content4 p{margin:0}.history2 .content5{background:url(/img/about-1970_04.jpg) 50%/cover no-repeat}@media(min-width:768px){.history2 .content5 .img-content__wrap{display:flex;justify-content:space-between;align-items:flex-start}.history2 .content5 .img-content__wrap .img-content__text{width:calc(100% - 350px)}.history2 .content5 .img-content__wrap img{width:320px}}.history3 figure{margin:0;padding:0;text-align:center}.history3 figcaption{font-size:12px;margin-top:10px}.history3 .content2{background:url(/img/1981-1990-3.jpg) 50%/cover no-repeat}.history3 .column{display:flex;justify-content:flex-start}.history3 .column>*{width:48%}.history3 .column>:first-child{margin-right:2%}@media(max-width:1200px){.history3 .column{display:block}.history3 .column>*{width:100%}.history3 .column>:first-child{margin-right:0;margin-bottom:20px}}.history3 .content4{margin:40px auto}.history3 .content4 h3{margin-bottom:15px}.history3 .content4 p{margin:0}@media(min-width:768px){.column-02{display:flex;justify-content:space-between;align-items:flex-start}.column-02 figure{width:300px}.column-02 P{width:calc(100% - 330px)}}.history4 figure{margin:0}.history4 .column{display:flex;justify-content:space-between}.history4 .column>*{width:48%}.history4 .column>:first-child{margin-right:2%}@media(max-width:1200px){.history4 .column{display:block}.history4 .column>*{width:100%}.history4 .column>:first-child{margin-right:0;margin-bottom:20px}}.history4 .content1 p{margin:0}.history4 .content3 h3{margin:30px 0 10px}.history4 .content3 p{margin:0}.history4 .content3 .column{justify-content:flex-start;align-items:flex-start}.history4 .content3 .column>*{width:auto}.history4 .content3 figure{border:1px solid #ccc;padding:15px;width:100%;max-width:250px}.history4 .content5{margin:40px auto 20px}.history4 .content8{padding:0 40px;margin:50px auto}.img-2column{display:flex;flex-wrap:wrap}.img-2column>*{width:50%}@media(min-width:768px){.column-01{display:flex;justify-content:space-between;align-items:flex-start}.column-01 figure{width:300px}.column-01 P{width:calc(100% - 330px)}}.content5 h3+p{margin-bottom:30px}.content5 .img-content__wrap{display:block}.content5 img{width:100%}.column{display:flex;justify-content:space-between;margin-bottom:30px}.column.reverse{flex-direction:row-reverse}.column>*{width:48%;margin:0}@media(min-width:768px){.column-03{display:flex;justify-content:space-between;align-items:flex-start}.column-03>figure{width:450px}.column-03>div{width:calc(100% - 470px)}}@media(min-width:768px){.column-04{display:flex;justify-content:space-between;align-items:flex-start}.column-04__right{width:320px}.column-04__left{width:calc(100% - 340px)}}@media(min-width:768px){.column-05{display:flex;justify-content:space-between;align-items:flex-start}.column-05 figure{width:200px}.column-05 P{width:calc(100% - 250px)}}.history2010 figure{margin:0}.history2010 figcaption{font-size:12px;margin-top:10px}.history2010 .column{display:flex;justify-content:flex-start}.history2010 .column>*{width:48%}.history2010 .column>:first-child{margin-right:2%}@media(max-width:1200px){.history2010 .column{display:block}.history2010 .column>*{width:100%}.history2010 .column>:first-child{margin-right:0;margin-bottom:20px}}.history2010 .content1>p{width:auto}.history2010 .content1>figure{max-width:240px;flex:0 0 auto;width:100%;padding:15px;border:1px solid #ccc}.history2010 .content2{background:url(/img/about-2010back.jpg) 50%/cover no-repeat;padding:0}.history2010 .content3 h3{margin-top:40px;margin-bottom:10px}.history2010 .content3__image{margin-left:20px;margin-right:0;padding:20px;border:1px solid #dadada}.history2010 .content3__image img{width:240px}.history2010 .content3__image figcaption{font-size:12px}.history2010 .content3 .column{align-items:flex-start}.history2010 .content3 .column>*{width:auto}.history2010 .content3 .column p{margin:0 0 10px}.history2010 .content3 .column figure{max-width:240px;flex:1 0 auto;width:100%;border:1px solid #ccc;padding:15px}.history2010 .content4 img{margin-right:30px}@media(min-width:768px){.column-06{display:flex;justify-content:space-between;align-items:flex-start}.column-06 figure{width:300px}.column-06 P{width:calc(100% - 320px)}}.tab-page{border:1px solid #ccc;padding:10px}.tab-wrapper{margin:30px 0;display:flex;align-items:center;width:100%}.tab-wrapper .story-button{font-family:Barlow Condensed,sans-serif;font-size:30px;padding:10px 25px;background:#b1b1b1;color:#fff;position:relative;width:16.66%;min-width:170px;border:none}.tab-wrapper .story-button__period{font-family:游明朝体,Yu Mincho,YuMincho,ヒラギノ明朝 Pro,Hiragino Mincho Pro,MS P明朝,MS PMincho,serif;display:block;font-size:20px;font-weight:700}.tab-wrapper .story-button:before{right:-20px;top:-1px;border-color:transparent transparent transparent #ddd;border-width:44px 0 44px 20px}.tab-wrapper .story-button:after,.tab-wrapper .story-button:before{content:"";position:absolute;left:auto;width:0;height:0;margin:auto;border-style:solid;z-index:1}.tab-wrapper .story-button:after{right:-18px;top:0;border-color:transparent transparent transparent #b1b1b1;border-width:43px 0 43px 20px}.tab-wrapper .story-button:last-child:after,.tab-wrapper .story-button:last-child:before{content:none}.tab-wrapper .story-button.active{background:#cb0010}.tab-wrapper .story-button.active:after{border-color:transparent transparent transparent #cb0010}.tab-wrapper .story-button:hover{background:#cb0010}.tab-wrapper .story-button:hover:after{border-color:transparent transparent transparent #cb0010}.about-title{font-family:游明朝体,Yu Mincho,YuMincho,ヒラギノ明朝 Pro,Hiragino Mincho Pro,MS P明朝,MS PMincho,serif;font-size:60px;padding:0 40px;margin:50px auto 40px;max-width:1200px}.about-title__year{font-family:Barlow Condensed,sans-serif;font-size:50px;margin-left:10px}h3{font-family:游明朝体,Yu Mincho,YuMincho,ヒラギノ明朝 Pro,Hiragino Mincho Pro,MS P明朝,MS PMincho,serif;font-size:30px;font-weight:700;margin:0 0 25px}.section{max-width:1200px;padding:0 40px;margin:20px auto}img{max-width:100%;height:auto}figcaption{font-size:12px;margin-top:10px}.img-content{padding:40px;padding:0!important}.img-content__bg{height:100%;background-color:hsla(0,0%,100%,.8);display:flex;justify-content:center;align-items:center;padding:60px 40px}.img-content__wrap{display:flex;flex-wrap:wrap;max-width:1200px;margin:0 auto}.img-content__text{margin-right:30px;width:calc(100% - 530px)}@media(max-width:1200px){.img-content__wrap{display:block}.img-content__text{width:100%;margin-bottom:20px}}@media(max-width:1300px){.tab-wrapper{overflow-x:auto;overflow-y:hidden}.tab-wrapper .story-button{font-size:1.7rem}.tab-wrapper .story-button__period{font-size:1.1rem}}@media(max-width:1023px){.tab-wrapper{margin-top:60px}.tab-wrapper .story-button{padding:0 25px}.tab-wrapper .story-button:before{border-width:34px 0 34px 20px}.tab-wrapper .story-button:after{border-width:33px 0 33px 20px}.about-title{font-size:40px;margin:50px auto 20px;padding:0 20px}.about-title__year{font-size:30px}.section{padding:3px 20px}h3{font-size:24px;margin-bottom:10px}figure{box-sizing:border-box}.column,.img-content__bg{display:block}.column>*{width:100%}}